\r\n
\r\n \r\n
\r\n {{ title }}
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n {{ name || title }}
\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n","import { render } from \"./PageMainHeading.vue?vue&type=template&id=5043c7c0\"\nimport script from \"./PageMainHeading.vue?vue&type=script&lang=js\"\nexport * from \"./PageMainHeading.vue?vue&type=script&lang=js\"\n\nimport \"./PageMainHeading.vue?vue&type=style&index=0&id=5043c7c0&lang=scss\"\n\nimport exportComponent from \"C:\\\\Bohdan\\\\Esims\\\\turkiyesim-admin\\\\node_modules\\\\@vue\\\\cli-service\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { resolveComponent as _resolveComponent, createVNode as _createVNode, createElementVNode as _createElementVNode, Transition as _Transition, withCtx as _withCtx, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createBlock as _createBlock, Fragment as _Fragment } from \"vue\"\n\nconst _hoisted_1 = { class: \"container\" }\nconst _hoisted_2 = { class: \"d-flex justify-content-end page-heading-toolbar\" }\nconst _hoisted_3 = { class: \"page-heading-toolbar--col\" }\nconst _hoisted_4 = { class: \"page-heading-toolbar--col\" }\nconst _hoisted_5 = {\n key: 0,\n class: \"page-heading-toolbar--col\"\n}\n\nexport function render(_ctx: any,_cache: any,$props: any,$setup: any,$data: any,$options: any) {\n const _component_ShadowControl = _resolveComponent(\"ShadowControl\")!\n const _component_SelectDropdown = _resolveComponent(\"SelectDropdown\")!\n const _component_BtnContent = _resolveComponent(\"BtnContent\")!\n const _component_AppButton = _resolveComponent(\"AppButton\")!\n const _component_PageMainHeading = _resolveComponent(\"PageMainHeading\")!\n const _component_AccountsTable = _resolveComponent(\"AccountsTable\")!\n const _component_AppTableController = _resolveComponent(\"AppTableController\")!\n const _component_CreateUserDialog = _resolveComponent(\"CreateUserDialog\")!\n const _component_DeleteUserDialog = _resolveComponent(\"DeleteUserDialog\")!\n\n return (_openBlock(), _createElementBlock(_Fragment, null, [\n _createElementVNode(\"div\", _hoisted_1, [\n _createVNode(_component_PageMainHeading, { title: \"Accounts\" }, {\n default: _withCtx(() => [\n _createElementVNode(\"div\", _hoisted_2, [\n _createElementVNode(\"div\", _hoisted_3, [\n _createVNode(_component_ShadowControl, {\n id: \"Accounts-search\",\n class: \"search-control\",\n icon: \"search\",\n placeholder: \"Search...\",\n name: \"accounts-search\",\n \"input-timeout\": true,\n onChange: _ctx.searchHandler\n }, null, 8, [\"onChange\"])\n ]),\n _createVNode(_Transition, { name: \"fade\" }, {\n default: _withCtx(() => [\n _createElementVNode(\"div\", _hoisted_4, [\n _createVNode(_component_SelectDropdown, {\n \"on-select\": _ctx.onFilterSelect,\n list: _ctx.filter\n }, null, 8, [\"on-select\", \"list\"])\n ])\n ]),\n _: 1\n }),\n _createVNode(_Transition, { name: \"fade\" }, {\n default: _withCtx(() => [\n (_ctx.accountsList.length)\n ? (_openBlock(), _createElementBlock(\"div\", _hoisted_5, [\n _createVNode(_component_AppButton, {\n type: \"secondary\",\n size: \"lg\",\n onClick: _cache[0] || (_cache[0] = ($event: any) => (_ctx.createUserDialogOpened = true))\n }, {\n default: _withCtx(() => [\n _createVNode(_component_BtnContent, {\n icon: \"plus\",\n label: \"Create User\"\n })\n ]),\n _: 1\n })\n ]))\n : _createCommentVNode(\"\", true)\n ]),\n _: 1\n })\n ])\n ]),\n _: 1\n })\n ]),\n _createVNode(_component_AppTableController, {\n \"show-table\": !!_ctx.accountsList.length,\n \"search-query\": _ctx.searchQuery,\n \"empty-button-text\": \"Create Account\",\n \"empty-key\": \"accounts\",\n \"empty-icon\": \"accounts\",\n onEmptyButtonClick: _cache[2] || (_cache[2] = ($event: any) => (_ctx.createUserDialogOpened = true))\n }, {\n default: _withCtx(() => [\n (_ctx.accountsList.length)\n ? (_openBlock(), _createBlock(_component_AccountsTable, {\n key: 0,\n \"accounts-list\": _ctx.accountsList,\n \"total-rows-count\": _ctx.totalAccountsCount,\n \"initial-view-configuration\": _ctx.viewConfiguration,\n sort: _ctx.sortConfig,\n class: \"mb-5\",\n onToggleBlock: _ctx.userToggleBlockHandler,\n onDelete: _cache[1] || (_cache[1] = id => _ctx.selectUserToDelete(_ctx.accountsList, id)),\n onChangeViewConfiguration: _ctx.changeViewConfigurationHandler\n }, null, 8, [\"accounts-list\", \"total-rows-count\", \"initial-view-configuration\", \"sort\", \"onToggleBlock\", \"onChangeViewConfiguration\"]))\n : _createCommentVNode(\"\", true)\n ]),\n _: 1\n }, 8, [\"show-table\", \"search-query\"]),\n _createVNode(_component_CreateUserDialog, {\n opened: _ctx.createUserDialogOpened,\n loading: _ctx.isLoading,\n applications: _ctx.applications,\n \"end-create\": _ctx.onUserCreateSubmit,\n onHide: _ctx.hideHandler\n }, null, 8, [\"opened\", \"loading\", \"applications\", \"end-create\", \"onHide\"]),\n _createVNode(_component_DeleteUserDialog, {\n opened: _ctx.deleteUserDialogOpened,\n \"user-name\": _ctx.selectedUser.name,\n \"user-email\": _ctx.selectedUser.email,\n \"user-photo\": _ctx.selectedUser.avatar,\n loading: _ctx.deleteUserLoading,\n onHide: _cache[3] || (_cache[3] = ($event: any) => (_ctx.deleteUserDialogOpened = false)),\n onConfirm: _ctx.onDeleteConfirm,\n onCancel: _cache[4] || (_cache[4] = ($event: any) => (_ctx.deleteUserDialogOpened = false))\n }, null, 8, [\"opened\", \"user-name\", \"user-email\", \"user-photo\", \"loading\", \"onConfirm\"])\n ], 64))\n}","export enum accountFilterStatuses {\r\n recentlyCreated = \"Recently created\",\r\n fullName = \"Full name\",\r\n country = \"Country\"\r\n}\r\n","import { resolveComponent as _resolveComponent, createVNode as _createVNode, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n class: \"account-wrapper\",\n style: {\"max-width\":\"100%\",\"overflow\":\"auto\"}\n}\nconst _hoisted_2 = { class: \"container\" }\n\nexport function render(_ctx: any,_cache: any,$props: any,$setup: any,$data: any,$options: any) {\n const _component_AppTable = _resolveComponent(\"AppTable\")!\n\n return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n _createElementVNode(\"div\", _hoisted_2, [\n _createVNode(_component_AppTable, {\n \"pagination-capture-key\": \"users\",\n \"table-head\": _ctx.tableHead,\n \"table-body\": _ctx.rows,\n \"total-rows\": _ctx.totalRowsCount,\n \"current-page\": _ctx.viewConfiguration.page,\n \"per-page\": _ctx.viewConfiguration.perPage,\n onChangeViewConfiguration: _ctx.changeViewConfiguration,\n onSort: _ctx.changeSorting\n }, null, 8, [\"table-head\", \"table-body\", \"total-rows\", \"current-page\", \"per-page\", \"onChangeViewConfiguration\", \"onSort\"])\n ])\n ]))\n}","export enum accountStatuses {\r\n verified = \"Verified\",\r\n unverified = \"Unverified\",\r\n blocked = \"Blocked\"\r\n}\r\n","\r\nimport { ComputedRef, defineComponent, PropType, computed, watch } from \"vue\";\r\nimport { Router, useRouter } from \"vue-router\";\r\nimport {\r\n ITableBodyRow,\r\n ITableHeadCell,\r\n tableRowBgStatus,\r\n tableRowStatuses\r\n} from \"@/components/Table/ts/interfaces/TableStructure\";\r\nimport { sortItem, sortOrders } from \"@/enums/main/sortOrders\";\r\nimport {\r\n AccountStatus,\r\n IUserAccount\r\n} from \"@/store/interfaces/accounts/IUserAccount\";\r\nimport { accountStatuses } from \"@/enums/accounts/accountStatuses\";\r\nimport { ITableViewConfiguration } from \"@/components/Table/ts/interfaces/common\";\r\nimport { userId } from \"@/store/interfaces/auth/common\";\r\nimport AppTable from \"@/components/Table/ts/AppTable.vue\";\r\nimport { useBaseTable } from \"@/hooks/tables/useTable\";\r\n\r\ntype tableHeadCells = ITableHeadCell[];\r\n\r\nexport type accountsTableSort = {\r\n byName: sortItem;\r\n byLoginCountry: sortItem;\r\n byBalance: sortItem;\r\n};\r\n\r\nexport default defineComponent({\r\n name: \"AccountsTable\",\r\n components: { AppTable },\r\n props: {\r\n totalRowsCount: {\r\n type: Number,\r\n required: true\r\n },\r\n\r\n accountsList: {\r\n type: Array as PropType\r\n
\r\n \r\n\r\n ![]()
\r\n
\r\n\r\n {{ userName }}
\r\n{{ userEmail }}
\r\n\r\n\r\n You will loose all account data!
\r\n Are you sure you want to delete it?\r\n
\r\n \r\n Yes, Delete\r\n \r\n
\r\n \r\n Cancel \r\n
\r\n