@tager/admin-administrators 0.2.5 → 1.0.0

package/dist/index.umd.js

@@ -1,1357 +0,0 @@
-(function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@tager/admin-services'), require('@vue/composition-api'), require('@tager/admin-ui'), require('path-to-regexp')) :
-  typeof define === 'function' && define.amd ? define(['exports', '@tager/admin-services', '@vue/composition-api', '@tager/admin-ui', 'path-to-regexp'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.TagerAdminBlog = {}, global.adminServices, global.compositionApi, global.adminUi, global.pathToRegexp));
-}(this, (function (exports, adminServices, compositionApi, adminUi, pathToRegexp) { 'use strict';
-
-  const EN = {
-      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 = {
-      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 adminServices.request.get({ path: '/admin/rbac/roles' });
-  }
-  function getRole(roleId) {
-      return adminServices.request.get({ path: `/admin/rbac/roles/${roleId}` });
-  }
-  function createRole(payload) {
-      return adminServices.request.post({ path: '/admin/rbac/roles', body: payload });
-  }
-  function updateRole(roleId, payload) {
-      return adminServices.request.put({ path: `/admin/rbac/roles/${roleId}`, body: payload });
-  }
-  function deleteRole(roleId) {
-      return adminServices.request.delete({ path: `/admin/rbac/roles/${roleId}` });
-  }
-  /** Scopes */
-  function getScopes() {
-      return adminServices.request.get({ path: '/admin/rbac/scopes' });
-  }
-  /** Admin */
-  function getAdminList() {
-      return adminServices.request.get({ path: '/admin/admins' });
-  }
-  function getAdmin(adminId) {
-      return adminServices.request.get({ path: `/admin/admins/${adminId}` });
-  }
-  function createAdmin(payload) {
-      return adminServices.request.post({ path: '/admin/admins', body: payload });
-  }
-  function updateAdmin(adminId, payload) {
-      return adminServices.request.put({ path: `/admin/admins/${adminId}`, body: payload });
-  }
-  function deleteAdmin(adminId) {
-      return adminServices.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 pathToRegexp.compile(ADMINISTRATOR_ROUTE_PATHS.ROLE_FORM)(params);
-  }
-  function getAdminListUrl() {
-      return ADMINISTRATOR_ROUTE_PATHS.ADMIN_LIST;
-  }
-  function getAdminFormUrl(params) {
-      return pathToRegexp.compile(ADMINISTRATOR_ROUTE_PATHS.ADMIN_FORM)(params);
-  }
-
-  var script = compositionApi.defineComponent({
-      name: 'AdminList',
-      setup(props, context) {
-          const { t } = adminUi.useTranslation(context);
-          const [fetchAdminList, { data: adminList, loading: isAdminLoading, error },] = adminServices.useResource({
-              fetchResource: getAdminList,
-              initialValue: [],
-              context,
-              resourceName: 'Admin list',
-          });
-          compositionApi.onMounted(() => {
-              fetchAdminList();
-          });
-          const { handleResourceDelete: handleAdminDelete, isDeleting, } = adminServices.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: adminServices.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 = compositionApi.defineComponent({
-      name: 'AdminForm',
-      components: { FormFooter: adminUi.FormFooter },
-      setup(props, context) {
-          const { t } = adminUi.useTranslation(context);
-          const adminId = compositionApi.computed(() => context.root.$route.params.adminId);
-          const isCreation = compositionApi.computed(() => adminId.value === 'create');
-          const [fetchAdmin, { data: admin, loading: isAdminLoading }] = adminServices.useResource({
-              fetchResource: () => getAdmin(adminId.value),
-              initialValue: null,
-              context,
-              resourceName: 'Admin',
-          });
-          /** Fetch role list */
-          const [fetchRoleList, { data: roleList, loading: isRoleListLoading },] = adminServices.useResource({
-              fetchResource: getRoleList,
-              initialValue: [],
-              context,
-              resourceName: 'Role list',
-          });
-          compositionApi.onMounted(() => {
-              fetchRoleList();
-              if (isCreation.value)
-                  return;
-              fetchAdmin();
-          });
-          /** Role Options */
-          const roleOptionList = compositionApi.computed(() => convertRoleListToOptions(roleList.value));
-          const values = compositionApi.ref(convertAdminToFormValues(admin.value, roleOptionList.value));
-          const errors = compositionApi.ref({});
-          const isSubmitting = compositionApi.ref(false);
-          compositionApi.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 = adminServices.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 = compositionApi.computed(() => {
-              return isCreation.value
-                  ? t('administrators:createAdmin')
-                  : `${t('administrators:updateAdmin')} "${values.value.name}"`;
-          });
-          const isContentLoading = compositionApi.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 = compositionApi.defineComponent({
-      name: 'RoleList',
-      setup(props, context) {
-          const { t } = adminUi.useTranslation(context);
-          const [fetchRoleList, { data: roleList, loading: isRoleLoading, error },] = adminServices.useResource({
-              fetchResource: getRoleList,
-              initialValue: [],
-              context,
-              resourceName: 'Role list',
-          });
-          compositionApi.onMounted(() => {
-              fetchRoleList();
-          });
-          const { handleResourceDelete: handleRoleDelete, isDeleting, } = adminServices.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 = compositionApi.defineComponent({
-      name: 'RoleForm',
-      components: { FormFooter: adminUi.FormFooter },
-      setup(props, context) {
-          const { t } = adminUi.useTranslation(context);
-          const roleId = compositionApi.computed(() => context.root.$route.params.roleId);
-          const isCreation = compositionApi.computed(() => roleId.value === 'create');
-          const [fetchRole, { data: role, loading: isRoleLoading }] = adminServices.useResource({
-              fetchResource: () => getRole(roleId.value),
-              initialValue: null,
-              context,
-              resourceName: 'Role',
-          });
-          /** Fetch scope list */
-          const [fetchScopeData, { data: scopeData, loading: isScopeDataLoading },] = adminServices.useResource({
-              fetchResource: getScopes,
-              initialValue: null,
-              context,
-              resourceName: 'Scope list',
-          });
-          compositionApi.onMounted(() => {
-              fetchScopeData();
-              if (isCreation.value)
-                  return;
-              fetchRole();
-          });
-          /** Scope Options */
-          const scopeOptionList = compositionApi.computed(() => convertScopeDataToOptions(scopeData.value));
-          const values = compositionApi.ref(convertRoleToFormValues(role.value));
-          const errors = compositionApi.ref({});
-          const isSubmitting = compositionApi.ref(false);
-          compositionApi.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 = adminServices.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 = compositionApi.computed(() => {
-              return isCreation.value
-                  ? t('administrators:createRole')
-                  : `${t('administrators:updateRole')} "${values.value.name}"`;
-          });
-          const isContentLoading = compositionApi.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') },
-          ],
-      },
-  };
-
-  adminServices.i18n.addTranslations('en', 'administrators', EN);
-  adminServices.i18n.addTranslations('ru', 'administrators', RU);
-
-  exports.ADMIN_FORM_ROUTE = ADMIN_FORM_ROUTE;
-  exports.ADMIN_LIST_ROUTE = ADMIN_LIST_ROUTE;
-  exports.ROLE_FORM_ROUTE = ROLE_FORM_ROUTE;
-  exports.ROLE_LIST_ROUTE = ROLE_LIST_ROUTE;
-  exports.createAdmin = createAdmin;
-  exports.createRole = createRole;
-  exports.deleteAdmin = deleteAdmin;
-  exports.deleteRole = deleteRole;
-  exports.getAdmin = getAdmin;
-  exports.getAdminFormUrl = getAdminFormUrl;
-  exports.getAdminList = getAdminList;
-  exports.getAdminListUrl = getAdminListUrl;
-  exports.getRole = getRole;
-  exports.getRoleFormUrl = getRoleFormUrl;
-  exports.getRoleList = getRoleList;
-  exports.getRoleListUrl = getRoleListUrl;
-  exports.getScopes = getScopes;
-  exports.updateAdmin = updateAdmin;
-  exports.updateRole = updateRole;
-
-  Object.defineProperty(exports, '__esModule', { value: true });
-
-})));