@tager/admin-administrators 0.2.6 → 1.0.1

package/dist/index.esm.js

@@ -1,1336 +0,0 @@
-import { request, useResource, useResourceDelete, createId, convertRequestErrorToMap, i18n } from '@tager/admin-services';
-import { defineComponent, onMounted, computed, ref, watch } from '@vue/composition-api';
-import { useTranslation, FormFooter } from '@tager/admin-ui';
-import { compile } from 'path-to-regexp';
-
-const EN = {
-    home: 'Home',
-    administrators: 'Administrators',
-    role: 'Role',
-    roles: 'Roles',
-    admin: 'Admin',
-    admins: 'Admins',
-    createRole: 'Create role',
-    createAdmin: 'Create admin',
-    createAdministrator: 'Create administrator',
-    edit: 'Edit',
-    delete: 'Delete',
-    email: 'Email',
-    actions: 'Actions',
-    updateRole: 'Update role',
-    updateAdmin: 'Update admin',
-    password: 'Password',
-    newPassword: 'New password',
-    name: 'Name',
-    success: 'Success',
-    adminSuccessfullyCreated: 'Admin successfully created',
-    adminSuccessfullyUpdated: 'Admin successfully updated',
-    error: 'Error',
-    adminCreationError: 'Admin creation error',
-    adminUpdateError: 'Admin update error',
-    listOfRoles: 'List of roles',
-    addRole: 'Add role',
-    noPrivileges: 'No privileges',
-    privileges: 'Privileges',
-    all: 'All',
-    roleSuccessfullyCreated: 'Role successfully created',
-    roleSuccessfullyUpdate: 'Role successfully update',
-    roleCreationError: 'Role creation error',
-    roleUpdateError: 'Role update error',
-    adminList: 'Admin List',
-    adminForm: 'Admin form',
-    roleList: 'Role List',
-    roleForm: 'Role form',
-    andMorePrivilege: 'and more {{count}} privilege...',
-};
-
-const RU = {
-    home: 'Главная',
-    administrators: 'Администраторы',
-    role: 'Роль',
-    roles: 'Роли',
-    admin: 'Админ',
-    admins: 'Админы',
-    createRole: 'Создать роль',
-    createAdmin: 'Создать админа',
-    createAdministrator: 'Создать администратора',
-    edit: 'Редактировать',
-    delete: 'Удалить',
-    email: 'Электронная почта',
-    actions: 'Действия',
-    updateRole: 'Обновить роль',
-    updateAdmin: 'Обновить администратора',
-    password: 'Пароль',
-    newPassword: 'Новый пароль',
-    name: 'Имя',
-    success: 'Успех',
-    adminSuccessfullyCreated: 'Админ успешно создан',
-    adminSuccessfullyUpdated: 'Админ успешно обновлен',
-    error: 'Ошибка',
-    adminCreationError: 'Ошибка создания администратора',
-    adminUpdateError: 'Ошибка обновления администратора',
-    listOfRoles: 'Список ролей',
-    addRole: 'Добавить роль',
-    noPrivileges: 'Без привилегий',
-    privileges: 'Привилегии',
-    all: 'Все',
-    roleSuccessfullyCreated: 'Роль успешно создана',
-    roleSuccessfullyUpdate: 'Роль успешно обновлена',
-    roleCreationError: 'Ошибка создания роли',
-    roleUpdateError: 'Ошибка обновления роли',
-    adminList: 'Список администраторов',
-    adminForm: 'Форма администратора',
-    roleList: 'Список ролей',
-    roleForm: 'Форма роли',
-    andMorePrivilege: 'и еще {{count}} привилегий...',
-};
-
-/** Roles */
-function getRoleList() {
-    return request.get({ path: '/admin/rbac/roles' });
-}
-function getRole(roleId) {
-    return request.get({ path: `/admin/rbac/roles/${roleId}` });
-}
-function createRole(payload) {
-    return request.post({ path: '/admin/rbac/roles', body: payload });
-}
-function updateRole(roleId, payload) {
-    return request.put({ path: `/admin/rbac/roles/${roleId}`, body: payload });
-}
-function deleteRole(roleId) {
-    return request.delete({ path: `/admin/rbac/roles/${roleId}` });
-}
-/** Scopes */
-function getScopes() {
-    return request.get({ path: '/admin/rbac/scopes' });
-}
-/** Admin */
-function getAdminList() {
-    return request.get({ path: '/admin/admins' });
-}
-function getAdmin(adminId) {
-    return request.get({ path: `/admin/admins/${adminId}` });
-}
-function createAdmin(payload) {
-    return request.post({ path: '/admin/admins', body: payload });
-}
-function updateAdmin(adminId, payload) {
-    return request.put({ path: `/admin/admins/${adminId}`, body: payload });
-}
-function deleteAdmin(adminId) {
-    return request.delete({ path: `/admin/admins/${adminId}` });
-}
-
-const ADMINISTRATOR_ROUTE_PATHS = {
-    ROLE_LIST: '/roles',
-    ROLE_FORM: '/roles/:roleId',
-    ADMIN_LIST: '/admins',
-    ADMIN_FORM: '/admins/:adminId',
-};
-
-function getRoleListUrl() {
-    return ADMINISTRATOR_ROUTE_PATHS.ROLE_LIST;
-}
-function getRoleFormUrl(params) {
-    return compile(ADMINISTRATOR_ROUTE_PATHS.ROLE_FORM)(params);
-}
-function getAdminListUrl() {
-    return ADMINISTRATOR_ROUTE_PATHS.ADMIN_LIST;
-}
-function getAdminFormUrl(params) {
-    return compile(ADMINISTRATOR_ROUTE_PATHS.ADMIN_FORM)(params);
-}
-
-var script = defineComponent({
-    name: 'AdminList',
-    setup(props, context) {
-        const { t } = useTranslation(context);
-        const [fetchAdminList, { data: adminList, loading: isAdminLoading, error },] = useResource({
-            fetchResource: getAdminList,
-            initialValue: [],
-            context,
-            resourceName: 'Admin list',
-        });
-        onMounted(() => {
-            fetchAdminList();
-        });
-        const { handleResourceDelete: handleAdminDelete, isDeleting, } = useResourceDelete({
-            deleteResource: deleteAdmin,
-            resourceName: 'Admin',
-            onSuccess: fetchAdminList,
-            context,
-        });
-        function isBusy(adminId) {
-            return isDeleting(adminId) || isAdminLoading.value;
-        }
-        const columnDefs = [
-            {
-                id: 1,
-                name: t('administrators:admin'),
-                field: 'name',
-            },
-            {
-                id: 2,
-                name: t('administrators:email'),
-                field: 'email',
-            },
-            {
-                id: 3,
-                name: t('administrators:roles'),
-                field: 'roles',
-            },
-            {
-                id: 4,
-                name: t('administrators:actions'),
-                field: 'actions',
-                style: { width: '180px', textAlign: 'center', whiteSpace: 'nowrap' },
-                headStyle: { width: '180px', textAlign: 'center' },
-            },
-        ];
-        return {
-            t,
-            columnDefs,
-            rowData: adminList,
-            isRowDataLoading: isAdminLoading,
-            errorMessage: error,
-            isBusy,
-            handleAdminDelete,
-            getAdminFormUrl,
-        };
-    },
-});
-
-function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier /* server only */, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
-    if (typeof shadowMode !== 'boolean') {
-        createInjectorSSR = createInjector;
-        createInjector = shadowMode;
-        shadowMode = false;
-    }
-    // Vue.extend constructor export interop.
-    const options = typeof script === 'function' ? script.options : script;
-    // render functions
-    if (template && template.render) {
-        options.render = template.render;
-        options.staticRenderFns = template.staticRenderFns;
-        options._compiled = true;
-        // functional template
-        if (isFunctionalTemplate) {
-            options.functional = true;
-        }
-    }
-    // scopedId
-    if (scopeId) {
-        options._scopeId = scopeId;
-    }
-    let hook;
-    if (moduleIdentifier) {
-        // server build
-        hook = function (context) {
-            // 2.3 injection
-            context =
-                context || // cached call
-                    (this.$vnode && this.$vnode.ssrContext) || // stateful
-                    (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext); // functional
-            // 2.2 with runInNewContext: true
-            if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
-                context = __VUE_SSR_CONTEXT__;
-            }
-            // inject component styles
-            if (style) {
-                style.call(this, createInjectorSSR(context));
-            }
-            // register component module identifier for async chunk inference
-            if (context && context._registeredComponents) {
-                context._registeredComponents.add(moduleIdentifier);
-            }
-        };
-        // used by ssr in case component is cached and beforeCreate
-        // never gets called
-        options._ssrRegister = hook;
-    }
-    else if (style) {
-        hook = shadowMode
-            ? function (context) {
-                style.call(this, createInjectorShadow(context, this.$root.$options.shadowRoot));
-            }
-            : function (context) {
-                style.call(this, createInjector(context));
-            };
-    }
-    if (hook) {
-        if (options.functional) {
-            // register for functional component in vue file
-            const originalRender = options.render;
-            options.render = function renderWithStyleInjection(h, context) {
-                hook.call(context);
-                return originalRender(h, context);
-            };
-        }
-        else {
-            // inject component registration as beforeCreate hook
-            const existing = options.beforeCreate;
-            options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
-        }
-    }
-    return script;
-}
-
-const isOldIE = typeof navigator !== 'undefined' &&
-    /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());
-function createInjector(context) {
-    return (id, style) => addStyle(id, style);
-}
-let HEAD;
-const styles = {};
-function addStyle(id, css) {
-    const group = isOldIE ? css.media || 'default' : id;
-    const style = styles[group] || (styles[group] = { ids: new Set(), styles: [] });
-    if (!style.ids.has(id)) {
-        style.ids.add(id);
-        let code = css.source;
-        if (css.map) {
-            // https://developer.chrome.com/devtools/docs/javascript-debugging
-            // this makes source maps inside style tags work properly in Chrome
-            code += '\n/*# sourceURL=' + css.map.sources[0] + ' */';
-            // http://stackoverflow.com/a/26603875
-            code +=
-                '\n/*# sourceMappingURL=data:application/json;base64,' +
-                    btoa(unescape(encodeURIComponent(JSON.stringify(css.map)))) +
-                    ' */';
-        }
-        if (!style.element) {
-            style.element = document.createElement('style');
-            style.element.type = 'text/css';
-            if (css.media)
-                style.element.setAttribute('media', css.media);
-            if (HEAD === undefined) {
-                HEAD = document.head || document.getElementsByTagName('head')[0];
-            }
-            HEAD.appendChild(style.element);
-        }
-        if ('styleSheet' in style.element) {
-            style.styles.push(code);
-            style.element.styleSheet.cssText = style.styles
-                .filter(Boolean)
-                .join('\n');
-        }
-        else {
-            const index = style.ids.size - 1;
-            const textNode = document.createTextNode(code);
-            const nodes = style.element.childNodes;
-            if (nodes[index])
-                style.element.removeChild(nodes[index]);
-            if (nodes.length)
-                style.element.insertBefore(textNode, nodes[index]);
-            else
-                style.element.appendChild(textNode);
-        }
-    }
-}
-
-/* script */
-const __vue_script__ = script;
-
-/* template */
-var __vue_render__ = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("page", {
-    attrs: {
-      title: _vm.t("administrators:administrators"),
-      "header-buttons": [
-        {
-          text: _vm.t("administrators:createAdministrator"),
-          href: _vm.getAdminFormUrl({ adminId: "create" }),
-        },
-      ],
-    },
-    scopedSlots: _vm._u([
-      {
-        key: "content",
-        fn: function () {
-          return [
-            _c("base-table", {
-              attrs: {
-                "column-defs": _vm.columnDefs,
-                "row-data": _vm.rowData,
-                loading: _vm.isRowDataLoading,
-                "error-message": _vm.errorMessage,
-              },
-              scopedSlots: _vm._u([
-                {
-                  key: "cell(roles)",
-                  fn: function (ref) {
-                    var row = ref.row;
-                    return [
-                      _c(
-                        "ul",
-                        _vm._l(row.roles, function (role) {
-                          return _c("li", { key: role.id }, [
-                            _vm._v(
-                              "\n            " +
-                                _vm._s(role.name) +
-                                "\n          "
-                            ),
-                          ])
-                        }),
-                        0
-                      ),
-                    ]
-                  },
-                },
-                {
-                  key: "cell(actions)",
-                  fn: function (ref) {
-                    var row = ref.row;
-                    return [
-                      !row.isSelf
-                        ? _c(
-                            "base-button",
-                            {
-                              attrs: {
-                                variant: "icon",
-                                title: _vm.t("administrators:edit"),
-                                disabled: _vm.isBusy(row.id),
-                                href: _vm.getAdminFormUrl({ adminId: row.id }),
-                              },
-                            },
-                            [_c("svg-icon", { attrs: { name: "edit" } })],
-                            1
-                          )
-                        : _vm._e(),
-                      _vm._v(" "),
-                      !row.isSuperAdmin || !row.isSelf
-                        ? _c(
-                            "base-button",
-                            {
-                              attrs: {
-                                variant: "icon",
-                                title: _vm.t("administrators:delete"),
-                                disabled: _vm.isBusy(row.id),
-                              },
-                              on: {
-                                click: function ($event) {
-                                  return _vm.handleAdminDelete(row.id)
-                                },
-                              },
-                            },
-                            [_c("svg-icon", { attrs: { name: "delete" } })],
-                            1
-                          )
-                        : _vm._e(),
-                    ]
-                  },
-                },
-              ]),
-            }),
-          ]
-        },
-        proxy: true,
-      },
-    ]),
-  })
-};
-var __vue_staticRenderFns__ = [];
-__vue_render__._withStripped = true;
-
-  /* style */
-  const __vue_inject_styles__ = function (inject) {
-    if (!inject) return
-    inject("data-v-72fbb6c4_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", map: {"version":3,"sources":[],"names":[],"mappings":"","file":"AdminList.vue"}, media: undefined });
-
-  };
-  /* scoped */
-  const __vue_scope_id__ = "data-v-72fbb6c4";
-  /* module identifier */
-  const __vue_module_identifier__ = undefined;
-  /* functional template */
-  const __vue_is_functional_template__ = false;
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__ = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
-    __vue_inject_styles__,
-    __vue_script__,
-    __vue_scope_id__,
-    __vue_is_functional_template__,
-    __vue_module_identifier__,
-    false,
-    createInjector,
-    undefined,
-    undefined
-  );
-
-function convertAdminToFormValues(admin, roleOptionList) {
-    if (!admin) {
-        return {
-            name: '',
-            email: '',
-            password: createId(),
-            roles: [],
-        };
-    }
-    const currentRoleOptionList = roleOptionList.filter((role) => admin.roles.some((roles) => roles.id === role.value));
-    return {
-        name: admin.name,
-        email: admin.email,
-        password: '',
-        roles: currentRoleOptionList,
-    };
-}
-function convertFormValuesToAdminUpdatePayload(values) {
-    return {
-        name: values.name,
-        email: values.email,
-        roles: values.roles.map((role) => role.value),
-        password: values.password,
-    };
-}
-function convertFormValuesToAdminCreationPayload(values) {
-    return Object.assign({}, convertFormValuesToAdminUpdatePayload(values));
-}
-function convertRoleListToOptions(roleList) {
-    return roleList.map((role) => ({
-        value: role.id,
-        label: role.name,
-    }));
-}
-
-var script$1 = defineComponent({
-    name: 'AdminForm',
-    components: { FormFooter },
-    setup(props, context) {
-        const { t } = useTranslation(context);
-        const adminId = computed(() => context.root.$route.params.adminId);
-        const isCreation = computed(() => adminId.value === 'create');
-        const [fetchAdmin, { data: admin, loading: isAdminLoading }] = useResource({
-            fetchResource: () => getAdmin(adminId.value),
-            initialValue: null,
-            context,
-            resourceName: 'Admin',
-        });
-        /** Fetch role list */
-        const [fetchRoleList, { data: roleList, loading: isRoleListLoading },] = useResource({
-            fetchResource: getRoleList,
-            initialValue: [],
-            context,
-            resourceName: 'Role list',
-        });
-        onMounted(() => {
-            fetchRoleList();
-            if (isCreation.value)
-                return;
-            fetchAdmin();
-        });
-        /** Role Options */
-        const roleOptionList = computed(() => convertRoleListToOptions(roleList.value));
-        const values = ref(convertAdminToFormValues(admin.value, roleOptionList.value));
-        const errors = ref({});
-        const isSubmitting = ref(false);
-        watch([admin, roleOptionList], () => {
-            values.value = convertAdminToFormValues(admin.value, roleOptionList.value);
-        });
-        /** Submit Form */
-        function submitForm(event) {
-            /** Admin can't update self */
-            if (admin.value && admin.value.isSelf)
-                return;
-            const creationBody = convertFormValuesToAdminCreationPayload(values.value);
-            const updateBody = convertFormValuesToAdminUpdatePayload(values.value);
-            const requestPromise = isCreation.value
-                ? createAdmin(creationBody)
-                : updateAdmin(adminId.value, updateBody);
-            requestPromise
-                .then(({ data }) => {
-                errors.value = {};
-                if (event.type === 'create') {
-                    context.root.$router.push(getAdminFormUrl({ adminId: data.id }));
-                }
-                if (event.type === 'create_exit' || event.type === 'save_exit') {
-                    context.root.$router.push(getAdminListUrl());
-                }
-                if (event.type === 'create_create-another') {
-                    values.value = convertAdminToFormValues(null, roleOptionList.value);
-                }
-                context.root.$toast({
-                    variant: 'success',
-                    title: t('administrators:success'),
-                    body: isCreation.value
-                        ? t('administrators:adminSuccessfullyCreated')
-                        : t('administrators:adminSuccessfullyUpdated'),
-                });
-            })
-                .catch((error) => {
-                console.error(error);
-                errors.value = convertRequestErrorToMap(error);
-                context.root.$toast({
-                    variant: 'danger',
-                    title: t('administrators:error'),
-                    body: isCreation.value
-                        ? t('administrators:adminCreationError')
-                        : t('administrators:adminUpdateError'),
-                });
-            })
-                .finally(() => {
-                isSubmitting.value = false;
-            });
-        }
-        const pageTitle = computed(() => {
-            return isCreation.value
-                ? t('administrators:createAdmin')
-                : `${t('administrators:updateAdmin')} "${values.value.name}"`;
-        });
-        const isContentLoading = computed(() => isAdminLoading.value || isRoleListLoading.value);
-        return {
-            t,
-            backButtonUrl: getAdminListUrl(),
-            values,
-            errors,
-            isSubmitting,
-            submitForm,
-            isContentLoading,
-            admin,
-            pageTitle,
-            isCreation,
-            roleOptionList,
-        };
-    },
-});
-
-/* script */
-const __vue_script__$1 = script$1;
-
-/* template */
-var __vue_render__$1 = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c(
-    "page",
-    {
-      attrs: {
-        title: _vm.pageTitle,
-        "is-content-loading": _vm.isContentLoading,
-      },
-      scopedSlots: _vm._u([
-        {
-          key: "footer",
-          fn: function () {
-            return [
-              _c("FormFooter", {
-                attrs: {
-                  "back-href": _vm.backButtonUrl,
-                  "on-submit": _vm.submitForm,
-                  "is-submitting": _vm.isSubmitting,
-                  "is-creation": _vm.isCreation,
-                  "can-create-another": _vm.isCreation,
-                },
-              }),
-            ]
-          },
-          proxy: true,
-        },
-      ]),
-    },
-    [
-      _c(
-        "form",
-        {
-          attrs: { novalidate: "" },
-          on: {
-            submit: function ($event) {
-              $event.preventDefault();
-            },
-          },
-        },
-        [
-          [
-            _c("form-field", {
-              attrs: {
-                name: "name",
-                error: _vm.errors.name,
-                label: _vm.t("administrators:name"),
-              },
-              model: {
-                value: _vm.values.name,
-                callback: function ($$v) {
-                  _vm.$set(_vm.values, "name", $$v);
-                },
-                expression: "values.name",
-              },
-            }),
-            _vm._v(" "),
-            _c("form-field", {
-              attrs: {
-                name: "email",
-                error: _vm.errors.email,
-                label: _vm.t("administrators:email"),
-              },
-              model: {
-                value: _vm.values.email,
-                callback: function ($$v) {
-                  _vm.$set(_vm.values, "email", $$v);
-                },
-                expression: "values.email",
-              },
-            }),
-            _vm._v(" "),
-            _c("form-field-multi-select", {
-              attrs: {
-                name: "roles",
-                label: _vm.t("administrators:roles"),
-                options: _vm.roleOptionList,
-                error: _vm.errors.roles,
-              },
-              model: {
-                value: _vm.values.roles,
-                callback: function ($$v) {
-                  _vm.$set(_vm.values, "roles", $$v);
-                },
-                expression: "values.roles",
-              },
-            }),
-            _vm._v(" "),
-            _c("form-field", {
-              attrs: {
-                name: "password",
-                error: _vm.errors.password,
-                label: _vm.isCreation
-                  ? _vm.t("administrators:password")
-                  : _vm.t("administrators:newPassword"),
-              },
-              model: {
-                value: _vm.values.password,
-                callback: function ($$v) {
-                  _vm.$set(_vm.values, "password", $$v);
-                },
-                expression: "values.password",
-              },
-            }),
-          ],
-        ],
-        2
-      ),
-    ]
-  )
-};
-var __vue_staticRenderFns__$1 = [];
-__vue_render__$1._withStripped = true;
-
-  /* style */
-  const __vue_inject_styles__$1 = function (inject) {
-    if (!inject) return
-    inject("data-v-4b0de0ac_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", map: {"version":3,"sources":[],"names":[],"mappings":"","file":"AdminForm.vue"}, media: undefined });
-
-  };
-  /* scoped */
-  const __vue_scope_id__$1 = "data-v-4b0de0ac";
-  /* module identifier */
-  const __vue_module_identifier__$1 = undefined;
-  /* functional template */
-  const __vue_is_functional_template__$1 = false;
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__$1 = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$1, staticRenderFns: __vue_staticRenderFns__$1 },
-    __vue_inject_styles__$1,
-    __vue_script__$1,
-    __vue_scope_id__$1,
-    __vue_is_functional_template__$1,
-    __vue_module_identifier__$1,
-    false,
-    createInjector,
-    undefined,
-    undefined
-  );
-
-var script$2 = defineComponent({
-    name: 'RoleList',
-    setup(props, context) {
-        const { t } = useTranslation(context);
-        const [fetchRoleList, { data: roleList, loading: isRoleLoading, error },] = useResource({
-            fetchResource: getRoleList,
-            initialValue: [],
-            context,
-            resourceName: 'Role list',
-        });
-        onMounted(() => {
-            fetchRoleList();
-        });
-        const { handleResourceDelete: handleRoleDelete, isDeleting, } = useResourceDelete({
-            deleteResource: deleteRole,
-            resourceName: 'Role',
-            onSuccess: fetchRoleList,
-            context,
-        });
-        function isBusy(roleId) {
-            return isDeleting(roleId) || isRoleLoading.value;
-        }
-        function getScopeGroupList(scopes) {
-            const map = new Map();
-            scopes.forEach((scope) => {
-                var _a;
-                const key = scope.module;
-                const value = (_a = map.get(key)) !== null && _a !== void 0 ? _a : [];
-                value.push(scope);
-                map.set(key, value);
-            });
-            return Array.from(map.entries()).map(([key, value]) => ({
-                module: key,
-                scopes: value,
-            }));
-        }
-        function getRestScopesText(restPrivilegesCount) {
-            if (restPrivilegesCount === 1) {
-                return t('administrators:andMorePrivilege', { count: 1 });
-            }
-            if (restPrivilegesCount > 1) {
-                return t('administrators:andMorePrivilege', {
-                    count: restPrivilegesCount,
-                });
-            }
-            return '';
-        }
-        const columnDefs = [
-            {
-                id: 1,
-                name: t('administrators:role'),
-                field: 'name',
-            },
-            {
-                id: 2,
-                name: t('administrators:privileges'),
-                field: 'scope',
-            },
-            {
-                id: 3,
-                name: t('administrators:actions'),
-                field: 'actions',
-                style: { width: '180px', textAlign: 'center', whiteSpace: 'nowrap' },
-                headStyle: { width: '180px', textAlign: 'center' },
-            },
-        ];
-        return {
-            t,
-            columnDefs,
-            rowData: roleList,
-            isRowDataLoading: isRoleLoading,
-            errorMessage: error,
-            isBusy,
-            handleRoleDelete,
-            getRoleFormUrl,
-            getScopeGroupList,
-            getRestScopesText,
-            scopesPerModuleCount: 3,
-        };
-    },
-});
-
-/* script */
-const __vue_script__$2 = script$2;
-
-/* template */
-var __vue_render__$2 = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("page", {
-    attrs: {
-      title: _vm.t("administrators:listOfRoles"),
-      "header-buttons": [
-        {
-          text: _vm.t("administrators:addRole"),
-          href: _vm.getRoleFormUrl({ roleId: "create" }),
-        },
-      ],
-    },
-    scopedSlots: _vm._u([
-      {
-        key: "content",
-        fn: function () {
-          return [
-            _c("base-table", {
-              attrs: {
-                "column-defs": _vm.columnDefs,
-                "row-data": _vm.rowData,
-                loading: _vm.isRowDataLoading,
-                "error-message": _vm.errorMessage,
-              },
-              scopedSlots: _vm._u([
-                {
-                  key: "cell(scope)",
-                  fn: function (ref) {
-                    var row = ref.row;
-                    return [
-                      row.scopes.length === 0
-                        ? _c("span", { staticClass: "no-scopes" }, [
-                            _vm._v(
-                              "\n          " +
-                                _vm._s(_vm.t("administrators:noPrivileges")) +
-                                "\n        "
-                            ),
-                          ])
-                        : _vm._e(),
-                      _vm._v(" "),
-                      row.isSuperAdmin
-                        ? _c("span", [
-                            _vm._v(_vm._s(_vm.t("administrators:all"))),
-                          ])
-                        : _vm._l(_vm.getScopeGroupList(row.scopes), function (
-                            scopeGroup
-                          ) {
-                            return _c(
-                              "div",
-                              {
-                                key: scopeGroup.module,
-                                staticClass: "scope-group",
-                              },
-                              [
-                                _c("span", { staticClass: "module-name" }, [
-                                  _vm._v(
-                                    "\n            " +
-                                      _vm._s(scopeGroup.module) +
-                                      "\n          "
-                                  ),
-                                ]),
-                                _vm._v(" "),
-                                _c(
-                                  "ul",
-                                  { staticClass: "scope-list" },
-                                  _vm._l(
-                                    scopeGroup.scopes.slice(
-                                      0,
-                                      _vm.scopesPerModuleCount
-                                    ),
-                                    function (scope) {
-                                      return _c("li", { key: scope.value }, [
-                                        _c("span", [
-                                          _vm._v("— " + _vm._s(scope.label)),
-                                        ]),
-                                      ])
-                                    }
-                                  ),
-                                  0
-                                ),
-                                _vm._v(" "),
-                                scopeGroup.scopes.length >
-                                _vm.scopesPerModuleCount
-                                  ? _c(
-                                      "span",
-                                      { staticClass: "rest-scopes-text" },
-                                      [
-                                        _vm._v(
-                                          "\n            " +
-                                            _vm._s(
-                                              _vm.getRestScopesText(
-                                                scopeGroup.scopes.length -
-                                                  _vm.scopesPerModuleCount
-                                              )
-                                            ) +
-                                            "\n          "
-                                        ),
-                                      ]
-                                    )
-                                  : _vm._e(),
-                              ]
-                            )
-                          }),
-                    ]
-                  },
-                },
-                {
-                  key: "cell(actions)",
-                  fn: function (ref) {
-                    var row = ref.row;
-                    return [
-                      _c(
-                        "base-button",
-                        {
-                          attrs: {
-                            variant: "icon",
-                            title: _vm.t("administrators:edit"),
-                            disabled: _vm.isBusy(row.id),
-                            href: _vm.getRoleFormUrl({ roleId: row.id }),
-                          },
-                        },
-                        [_c("svg-icon", { attrs: { name: "edit" } })],
-                        1
-                      ),
-                      _vm._v(" "),
-                      !row.isSuperAdmin
-                        ? _c(
-                            "base-button",
-                            {
-                              attrs: {
-                                variant: "icon",
-                                title: _vm.t("administrators:delete"),
-                                disabled: _vm.isBusy(row.id),
-                              },
-                              on: {
-                                click: function ($event) {
-                                  return _vm.handleRoleDelete(row.id)
-                                },
-                              },
-                            },
-                            [_c("svg-icon", { attrs: { name: "delete" } })],
-                            1
-                          )
-                        : _vm._e(),
-                    ]
-                  },
-                },
-              ]),
-            }),
-          ]
-        },
-        proxy: true,
-      },
-    ]),
-  })
-};
-var __vue_staticRenderFns__$2 = [];
-__vue_render__$2._withStripped = true;
-
-  /* style */
-  const __vue_inject_styles__$2 = function (inject) {
-    if (!inject) return
-    inject("data-v-4f7e99db_0", { source: ".no-scopes {\n  font-style: italic;\n}\n.scope-group {\n  margin-bottom: 0.5rem;\n}\n.module-name {\n  display: block;\n  font-weight: bold;\n  margin-bottom: 0.3rem;\n}\n.scope-list {\n  padding-left: 1rem;\n}\n.rest-scopes-text {\n  padding-left: 35px;\n}\n\n/*# sourceMappingURL=RoleList.vue.map */", map: {"version":3,"sources":["/home/runner/work/tager-admin-administrators/tager-admin-administrators/src/views/RoleList/RoleList.vue","RoleList.vue"],"names":[],"mappings":"AA6LA;EACA,kBAAA;AC5LA;AD+LA;EACA,qBAAA;AC5LA;AD+LA;EACA,cAAA;EACA,iBAAA;EACA,qBAAA;AC5LA;AD+LA;EACA,kBAAA;AC5LA;AD+LA;EACA,kBAAA;AC5LA;;AAEA,uCAAuC","file":"RoleList.vue","sourcesContent":["<template>\n  <page\n    :title=\"t('administrators:listOfRoles')\"\n    :header-buttons=\"[\n      {\n        text: t('administrators:addRole'),\n        href: getRoleFormUrl({ roleId: 'create' }),\n      },\n    ]\"\n  >\n    <template v-slot:content>\n      <base-table\n        :column-defs=\"columnDefs\"\n        :row-data=\"rowData\"\n        :loading=\"isRowDataLoading\"\n        :error-message=\"errorMessage\"\n      >\n        <template v-slot:cell(scope)=\"{ row }\">\n          <span v-if=\"row.scopes.length === 0\" class=\"no-scopes\">\n            {{ t('administrators:noPrivileges') }}\n          </span>\n          <span v-if=\"row.isSuperAdmin\">{{ t('administrators:all') }}</span>\n          <div\n            v-for=\"scopeGroup in getScopeGroupList(row.scopes)\"\n            v-else\n            :key=\"scopeGroup.module\"\n            class=\"scope-group\"\n          >\n            <span class=\"module-name\">\n              {{ scopeGroup.module }}\n            </span>\n            <ul class=\"scope-list\">\n              <li\n                v-for=\"scope of scopeGroup.scopes.slice(\n                  0,\n                  scopesPerModuleCount\n                )\"\n                :key=\"scope.value\"\n              >\n                <span>— {{ scope.label }}</span>\n              </li>\n            </ul>\n            <span\n              v-if=\"scopeGroup.scopes.length > scopesPerModuleCount\"\n              class=\"rest-scopes-text\"\n            >\n              {{\n                getRestScopesText(\n                  scopeGroup.scopes.length - scopesPerModuleCount\n                )\n              }}\n            </span>\n          </div>\n        </template>\n        <template v-slot:cell(actions)=\"{ row }\">\n          <base-button\n            variant=\"icon\"\n            :title=\"t('administrators:edit')\"\n            :disabled=\"isBusy(row.id)\"\n            :href=\"getRoleFormUrl({ roleId: row.id })\"\n          >\n            <svg-icon name=\"edit\"></svg-icon>\n          </base-button>\n          <base-button\n            v-if=\"!row.isSuperAdmin\"\n            variant=\"icon\"\n            :title=\"t('administrators:delete')\"\n            :disabled=\"isBusy(row.id)\"\n            @click=\"handleRoleDelete(row.id)\"\n          >\n            <svg-icon name=\"delete\"></svg-icon>\n          </base-button>\n        </template>\n      </base-table>\n    </template>\n  </page>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, onMounted, SetupContext } from '@vue/composition-api';\n\nimport { useResource, useResourceDelete } from '@tager/admin-services';\nimport { ColumnDefinition, useTranslation } from '@tager/admin-ui';\n\nimport { RoleType, ScopeType } from '../../typings/model';\nimport { deleteRole, getRoleList } from '../../services/requests';\nimport { getRoleFormUrl } from '../../utils/paths';\n\nexport default defineComponent({\n  name: 'RoleList',\n  setup(props, context: SetupContext) {\n    const { t } = useTranslation(context);\n\n    const [\n      fetchRoleList,\n      { data: roleList, loading: isRoleLoading, error },\n    ] = useResource<Array<RoleType>>({\n      fetchResource: getRoleList,\n      initialValue: [],\n      context,\n      resourceName: 'Role list',\n    });\n\n    onMounted(() => {\n      fetchRoleList();\n    });\n\n    const {\n      handleResourceDelete: handleRoleDelete,\n      isDeleting,\n    } = useResourceDelete({\n      deleteResource: deleteRole,\n      resourceName: 'Role',\n      onSuccess: fetchRoleList,\n      context,\n    });\n\n    function isBusy(roleId: number): boolean {\n      return isDeleting(roleId) || isRoleLoading.value;\n    }\n\n    function getScopeGroupList(\n      scopes: Array<ScopeType>\n    ): Array<{ module: string; scopes: ScopeType }> {\n      const map = new Map();\n      scopes.forEach((scope) => {\n        const key = scope.module;\n        const value = map.get(key) ?? [];\n        value.push(scope);\n        map.set(key, value);\n      });\n      return Array.from(map.entries()).map(([key, value]) => ({\n        module: key,\n        scopes: value,\n      }));\n    }\n\n    function getRestScopesText(restPrivilegesCount: number): string {\n      if (restPrivilegesCount === 1) {\n        return t('administrators:andMorePrivilege', { count: 1 });\n      }\n\n      if (restPrivilegesCount > 1) {\n        return t('administrators:andMorePrivilege', {\n          count: restPrivilegesCount,\n        });\n      }\n\n      return '';\n    }\n\n    const columnDefs: Array<ColumnDefinition<RoleType>> = [\n      {\n        id: 1,\n        name: t('administrators:role'),\n        field: 'name',\n      },\n      {\n        id: 2,\n        name: t('administrators:privileges'),\n        field: 'scope',\n      },\n      {\n        id: 3,\n        name: t('administrators:actions'),\n        field: 'actions',\n        style: { width: '180px', textAlign: 'center', whiteSpace: 'nowrap' },\n        headStyle: { width: '180px', textAlign: 'center' },\n      },\n    ];\n\n    return {\n      t,\n      columnDefs,\n      rowData: roleList,\n      isRowDataLoading: isRoleLoading,\n      errorMessage: error,\n      isBusy,\n      handleRoleDelete,\n      getRoleFormUrl,\n      getScopeGroupList,\n      getRestScopesText,\n      scopesPerModuleCount: 3,\n    };\n  },\n});\n</script>\n\n<style lang=\"scss\">\n.no-scopes {\n  font-style: italic;\n}\n\n.scope-group {\n  margin-bottom: 0.5rem;\n}\n\n.module-name {\n  display: block;\n  font-weight: bold;\n  margin-bottom: 0.3rem;\n}\n\n.scope-list {\n  padding-left: 1rem;\n}\n\n.rest-scopes-text {\n  padding-left: 35px;\n}\n</style>\n",".no-scopes {\n  font-style: italic;\n}\n\n.scope-group {\n  margin-bottom: 0.5rem;\n}\n\n.module-name {\n  display: block;\n  font-weight: bold;\n  margin-bottom: 0.3rem;\n}\n\n.scope-list {\n  padding-left: 1rem;\n}\n\n.rest-scopes-text {\n  padding-left: 35px;\n}\n\n/*# sourceMappingURL=RoleList.vue.map */"]}, media: undefined });
-
-  };
-  /* scoped */
-  const __vue_scope_id__$2 = undefined;
-  /* module identifier */
-  const __vue_module_identifier__$2 = undefined;
-  /* functional template */
-  const __vue_is_functional_template__$2 = false;
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__$2 = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$2, staticRenderFns: __vue_staticRenderFns__$2 },
-    __vue_inject_styles__$2,
-    __vue_script__$2,
-    __vue_scope_id__$2,
-    __vue_is_functional_template__$2,
-    __vue_module_identifier__$2,
-    false,
-    createInjector,
-    undefined,
-    undefined
-  );
-
-function convertRoleToFormValues(role) {
-    if (!role) {
-        return {
-            name: '',
-            scopes: [],
-            isSuperAdmin: false,
-        };
-    }
-    return {
-        name: role.name,
-        scopes: role.scopes,
-        isSuperAdmin: role.isSuperAdmin,
-    };
-}
-function convertFormValuesToRoleCreationPayload(values) {
-    return {
-        name: values.name,
-        scopes: values.scopes.map((scope) => scope.value),
-    };
-}
-function convertFormValuesToRoleUpdatePayload(values) {
-    return Object.assign({}, convertFormValuesToRoleCreationPayload(values));
-}
-function convertScopeDataToOptions(scopeData) {
-    if (!scopeData)
-        return [];
-    return scopeData.groups
-        .map((group) => group.scopes.map((scope) => ({
-        value: scope.value,
-        label: `${group.name}: ${scope.label}`,
-    })))
-        .flat();
-}
-
-var script$3 = defineComponent({
-    name: 'RoleForm',
-    components: { FormFooter },
-    setup(props, context) {
-        const { t } = useTranslation(context);
-        const roleId = computed(() => context.root.$route.params.roleId);
-        const isCreation = computed(() => roleId.value === 'create');
-        const [fetchRole, { data: role, loading: isRoleLoading }] = useResource({
-            fetchResource: () => getRole(roleId.value),
-            initialValue: null,
-            context,
-            resourceName: 'Role',
-        });
-        /** Fetch scope list */
-        const [fetchScopeData, { data: scopeData, loading: isScopeDataLoading },] = useResource({
-            fetchResource: getScopes,
-            initialValue: null,
-            context,
-            resourceName: 'Scope list',
-        });
-        onMounted(() => {
-            fetchScopeData();
-            if (isCreation.value)
-                return;
-            fetchRole();
-        });
-        /** Scope Options */
-        const scopeOptionList = computed(() => convertScopeDataToOptions(scopeData.value));
-        const values = ref(convertRoleToFormValues(role.value));
-        const errors = ref({});
-        const isSubmitting = ref(false);
-        watch(role, () => {
-            values.value = convertRoleToFormValues(role.value);
-        });
-        /** Submit Form */
-        function submitForm(event) {
-            const creationBody = convertFormValuesToRoleCreationPayload(values.value);
-            const updateBody = convertFormValuesToRoleUpdatePayload(values.value);
-            const requestPromise = isCreation.value
-                ? createRole(creationBody)
-                : updateRole(roleId.value, updateBody);
-            requestPromise
-                .then(({ data }) => {
-                errors.value = {};
-                if (event.type === 'create') {
-                    context.root.$router.push(getRoleFormUrl({ roleId: data.id }));
-                }
-                if (event.type === 'create_exit' || event.type === 'save_exit') {
-                    context.root.$router.push(getRoleListUrl());
-                }
-                if (event.type === 'create_create-another') {
-                    values.value = convertRoleToFormValues(null);
-                }
-                context.root.$toast({
-                    variant: 'success',
-                    title: t('administrators:success'),
-                    body: isCreation.value
-                        ? t('administrators:roleSuccessfullyCreated')
-                        : t('administrators:roleSuccessfullyUpdate'),
-                });
-            })
-                .catch((error) => {
-                console.error(error);
-                errors.value = convertRequestErrorToMap(error);
-                context.root.$toast({
-                    variant: 'danger',
-                    title: t('administrators:error'),
-                    body: isCreation.value
-                        ? t('administrators:roleCreationError')
-                        : t('administrators:roleUpdateError'),
-                });
-            })
-                .finally(() => {
-                isSubmitting.value = false;
-            });
-        }
-        const pageTitle = computed(() => {
-            return isCreation.value
-                ? t('administrators:createRole')
-                : `${t('administrators:updateRole')} "${values.value.name}"`;
-        });
-        const isContentLoading = computed(() => isRoleLoading.value || isScopeDataLoading.value);
-        return {
-            t,
-            backButtonUrl: getRoleListUrl(),
-            values,
-            errors,
-            isSubmitting,
-            submitForm,
-            isContentLoading,
-            role,
-            pageTitle,
-            isCreation,
-            scopeOptionList,
-        };
-    },
-});
-
-/* script */
-const __vue_script__$3 = script$3;
-
-/* template */
-var __vue_render__$3 = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c(
-    "page",
-    {
-      attrs: {
-        title: _vm.pageTitle,
-        "is-content-loading": _vm.isContentLoading,
-        footer: {
-          backHref: _vm.backButtonUrl,
-          onSubmit: _vm.submitForm,
-          isSubmitting: _vm.isSubmitting,
-        },
-      },
-    },
-    [
-      _c(
-        "form",
-        {
-          attrs: { novalidate: "" },
-          on: {
-            submit: function ($event) {
-              $event.preventDefault();
-            },
-          },
-        },
-        [
-          [
-            _c("form-field", {
-              attrs: {
-                name: "name",
-                error: _vm.errors.name,
-                label: _vm.t("administrators:name"),
-              },
-              model: {
-                value: _vm.values.name,
-                callback: function ($$v) {
-                  _vm.$set(_vm.values, "name", $$v);
-                },
-                expression: "values.name",
-              },
-            }),
-            _vm._v(" "),
-            !_vm.values.isSuperAdmin
-              ? _c("form-field-multi-select", {
-                  attrs: {
-                    name: "scopes",
-                    label: _vm.t("administrators:privileges"),
-                    options: _vm.scopeOptionList,
-                    error: _vm.errors.scopes,
-                  },
-                  model: {
-                    value: _vm.values.scopes,
-                    callback: function ($$v) {
-                      _vm.$set(_vm.values, "scopes", $$v);
-                    },
-                    expression: "values.scopes",
-                  },
-                })
-              : _vm._e(),
-          ],
-        ],
-        2
-      ),
-    ]
-  )
-};
-var __vue_staticRenderFns__$3 = [];
-__vue_render__$3._withStripped = true;
-
-  /* style */
-  const __vue_inject_styles__$3 = function (inject) {
-    if (!inject) return
-    inject("data-v-31a65f62_0", { source: "[data-v-31a65f62] [data-multi-select-list] {\n  max-height: 500px;\n}\n\n/*# sourceMappingURL=RoleForm.vue.map */", map: {"version":3,"sources":["/home/runner/work/tager-admin-administrators/tager-admin-administrators/src/views/RoleForm/RoleForm.vue","RoleForm.vue"],"names":[],"mappings":"AAuMA;EACA,iBAAA;ACtMA;;AAEA,uCAAuC","file":"RoleForm.vue","sourcesContent":["<template>\n  <page\n    :title=\"pageTitle\"\n    :is-content-loading=\"isContentLoading\"\n    :footer=\"{\n      backHref: backButtonUrl,\n      onSubmit: submitForm,\n      isSubmitting: isSubmitting,\n    }\"\n  >\n    <form novalidate @submit.prevent>\n      <template>\n        <form-field\n          v-model=\"values.name\"\n          name=\"name\"\n          :error=\"errors.name\"\n          :label=\"t('administrators:name')\"\n        />\n        <form-field-multi-select\n          v-if=\"!values.isSuperAdmin\"\n          v-model=\"values.scopes\"\n          name=\"scopes\"\n          :label=\"t('administrators:privileges')\"\n          :options=\"scopeOptionList\"\n          :error=\"errors.scopes\"\n        />\n      </template>\n    </form>\n  </page>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  onMounted,\n  ref,\n  SetupContext,\n  watch,\n} from '@vue/composition-api';\n\nimport {\n  convertRequestErrorToMap,\n  Nullable,\n  useResource,\n} from '@tager/admin-services';\nimport {\n  OptionType,\n  FormFooter,\n  TagerFormSubmitEvent,\n  useTranslation,\n} from '@tager/admin-ui';\n\nimport {\n  createRole,\n  getRole,\n  getScopes,\n  updateRole,\n} from '../../services/requests';\nimport { RoleType, ScopeGroupsData } from '../../typings/model';\nimport { getRoleFormUrl, getRoleListUrl } from '../../utils/paths';\n\nimport {\n  convertFormValuesToRoleCreationPayload,\n  convertFormValuesToRoleUpdatePayload,\n  convertRoleToFormValues,\n  convertScopeDataToOptions,\n  FormValues,\n} from './RoleForm.helpers';\n\nexport default defineComponent({\n  name: 'RoleForm',\n  components: { FormFooter },\n  setup(props, context: SetupContext) {\n    const { t } = useTranslation(context);\n\n    const roleId = computed<string>(() => context.root.$route.params.roleId);\n\n    const isCreation = computed<boolean>(() => roleId.value === 'create');\n\n    const [fetchRole, { data: role, loading: isRoleLoading }] = useResource<\n      Nullable<RoleType>\n    >({\n      fetchResource: () => getRole(roleId.value),\n      initialValue: null,\n      context,\n      resourceName: 'Role',\n    });\n\n    /** Fetch scope list */\n    const [\n      fetchScopeData,\n      { data: scopeData, loading: isScopeDataLoading },\n    ] = useResource<Nullable<ScopeGroupsData>>({\n      fetchResource: getScopes,\n      initialValue: null,\n      context,\n      resourceName: 'Scope list',\n    });\n\n    onMounted(() => {\n      fetchScopeData();\n\n      if (isCreation.value) return;\n\n      fetchRole();\n    });\n\n    /** Scope Options */\n    const scopeOptionList = computed<Array<OptionType>>(() =>\n      convertScopeDataToOptions(scopeData.value)\n    );\n\n    const values = ref<FormValues>(convertRoleToFormValues(role.value));\n\n    const errors = ref<Record<string, string>>({});\n    const isSubmitting = ref<boolean>(false);\n\n    watch(role, () => {\n      values.value = convertRoleToFormValues(role.value);\n    });\n\n    /** Submit Form */\n    function submitForm(event: TagerFormSubmitEvent) {\n      const creationBody = convertFormValuesToRoleCreationPayload(values.value);\n\n      const updateBody = convertFormValuesToRoleUpdatePayload(values.value);\n      const requestPromise = isCreation.value\n        ? createRole(creationBody)\n        : updateRole(roleId.value, updateBody);\n\n      requestPromise\n        .then(({ data }) => {\n          errors.value = {};\n\n          if (event.type === 'create') {\n            context.root.$router.push(getRoleFormUrl({ roleId: data.id }));\n          }\n\n          if (event.type === 'create_exit' || event.type === 'save_exit') {\n            context.root.$router.push(getRoleListUrl());\n          }\n\n          if (event.type === 'create_create-another') {\n            values.value = convertRoleToFormValues(null);\n          }\n\n          context.root.$toast({\n            variant: 'success',\n            title: t('administrators:success'),\n            body: isCreation.value\n              ? t('administrators:roleSuccessfullyCreated')\n              : t('administrators:roleSuccessfullyUpdate'),\n          });\n        })\n        .catch((error) => {\n          console.error(error);\n          errors.value = convertRequestErrorToMap(error);\n          context.root.$toast({\n            variant: 'danger',\n            title: t('administrators:error'),\n            body: isCreation.value\n              ? t('administrators:roleCreationError')\n              : t('administrators:roleUpdateError'),\n          });\n        })\n        .finally(() => {\n          isSubmitting.value = false;\n        });\n    }\n\n    const pageTitle = computed<string>(() => {\n      return isCreation.value\n        ? t('administrators:createRole')\n        : `${t('administrators:updateRole')} \"${values.value.name}\"`;\n    });\n\n    const isContentLoading = computed<boolean>(\n      () => isRoleLoading.value || isScopeDataLoading.value\n    );\n\n    return {\n      t,\n      backButtonUrl: getRoleListUrl(),\n      values,\n      errors,\n      isSubmitting,\n      submitForm,\n      isContentLoading,\n      role,\n      pageTitle,\n      isCreation,\n      scopeOptionList,\n    };\n  },\n});\n</script>\n\n<style scoped lang=\"scss\">\n::v-deep [data-multi-select-list] {\n  max-height: 500px;\n}\n</style>\n","::v-deep [data-multi-select-list] {\n  max-height: 500px;\n}\n\n/*# sourceMappingURL=RoleForm.vue.map */"]}, media: undefined });
-
-  };
-  /* scoped */
-  const __vue_scope_id__$3 = "data-v-31a65f62";
-  /* module identifier */
-  const __vue_module_identifier__$3 = undefined;
-  /* functional template */
-  const __vue_is_functional_template__$3 = false;
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__$3 = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$3, staticRenderFns: __vue_staticRenderFns__$3 },
-    __vue_inject_styles__$3,
-    __vue_script__$3,
-    __vue_scope_id__$3,
-    __vue_is_functional_template__$3,
-    __vue_module_identifier__$3,
-    false,
-    createInjector,
-    undefined,
-    undefined
-  );
-
-const ADMIN_LIST_ROUTE = {
-    path: ADMINISTRATOR_ROUTE_PATHS.ADMIN_LIST,
-    component: __vue_component__,
-    name: 'AdminList',
-    meta: {
-        getBreadcrumbs: (route, t) => [
-            { url: '/', text: t('administrators:home') },
-            {
-                url: ADMINISTRATOR_ROUTE_PATHS.ADMIN_LIST,
-                text: t('administrators:adminList'),
-            },
-        ],
-    },
-};
-const ADMIN_FORM_ROUTE = {
-    path: ADMINISTRATOR_ROUTE_PATHS.ADMIN_FORM,
-    component: __vue_component__$1,
-    name: 'AdminForm',
-    meta: {
-        getBreadcrumbs: (route, t) => [
-            { url: '/', text: t('administrators:home') },
-            {
-                url: ADMINISTRATOR_ROUTE_PATHS.ADMIN_LIST,
-                text: t('administrators:adminList'),
-            },
-            { url: route.path, text: t('administrators:adminForm') },
-        ],
-    },
-};
-const ROLE_LIST_ROUTE = {
-    path: ADMINISTRATOR_ROUTE_PATHS.ROLE_LIST,
-    component: __vue_component__$2,
-    name: 'RoleList',
-    meta: {
-        getBreadcrumbs: (route, t) => [
-            { url: '/', text: t('administrators:home') },
-            {
-                url: ADMINISTRATOR_ROUTE_PATHS.ROLE_LIST,
-                text: t('administrators:roleList'),
-            },
-        ],
-    },
-};
-const ROLE_FORM_ROUTE = {
-    path: ADMINISTRATOR_ROUTE_PATHS.ROLE_FORM,
-    component: __vue_component__$3,
-    name: 'RoleForm',
-    meta: {
-        getBreadcrumbs: (route, t) => [
-            { url: '/', text: t('administrators:home') },
-            {
-                url: ADMINISTRATOR_ROUTE_PATHS.ROLE_LIST,
-                text: t('administrators:roleList'),
-            },
-            { url: route.path, text: t('administrators:roleForm') },
-        ],
-    },
-};
-
-i18n.addTranslations('en', 'administrators', EN);
-i18n.addTranslations('ru', 'administrators', RU);
-
-export { ADMIN_FORM_ROUTE, ADMIN_LIST_ROUTE, ROLE_FORM_ROUTE, ROLE_LIST_ROUTE, createAdmin, createRole, deleteAdmin, deleteRole, getAdmin, getAdminFormUrl, getAdminList, getAdminListUrl, getRole, getRoleFormUrl, getRoleList, getRoleListUrl, getScopes, updateAdmin, updateRole };