@tager/admin-export 0.1.4 → 1.0.1

package/dist/index.umd.js

@@ -1,725 +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.TagerAdminExport = {}, global.adminServices, global.compositionApi, global.adminUi, global.pathToRegexp));
-}(this, (function (exports, adminServices, compositionApi, adminUi, pathToRegexp) { 'use strict';
-
-  const EN = {
-      home: 'Home',
-      exportAndImport: 'Export / Import',
-      export: 'Export',
-      exportList: 'Export List',
-      exportForm: 'Export Form',
-      type: 'Type',
-      exportType: 'Export type',
-      status: 'status',
-      message: 'Message',
-      log: 'Log',
-      file: 'file',
-      newExport: 'New export',
-      exportCreation: 'Export creation',
-      success: 'Success',
-      error: 'Error',
-      createdSuccessMessage: 'Export has been successfully created',
-      createdErrorMessage: 'Export creation has been failed',
-      filename: 'File name',
-      format: 'Format',
-      delimiter: 'Delimiter',
-      comma: 'Comma',
-      semicolon: 'Semicolon',
-  };
-
-  const RU = {
-      home: 'Главная',
-      exportAndImport: 'Экспорт / Импорт',
-      export: 'Экспорт',
-      exportList: 'Список экспортов',
-      exportForm: 'Форма экспорта',
-      type: 'Тип',
-      exportType: 'Тип экспорта',
-      status: 'Статус',
-      message: 'Сообщение',
-      log: 'Лог',
-      file: 'Файл',
-      newExport: 'Новый экспорт',
-      exportCreation: 'Создание экспорта',
-      success: 'Успех',
-      error: 'Ошибка',
-      createdSuccessMessage: 'Экспорт была успешно создан',
-      createdErrorMessage: 'Создание экспорта не удалось',
-      filename: 'Имя файла',
-      format: 'Формат',
-      delimiter: 'Разделитель',
-      comma: 'Запятая',
-      semicolon: 'Точка с запятой',
-  };
-
-  function getExportList(params) {
-      return adminServices.request.get({ path: '/admin/tager/export', params });
-  }
-  function getStrategyList() {
-      return adminServices.request.get({ path: '/admin/tager/export/strategies' });
-  }
-  function createExport(payload) {
-      return adminServices.request.post({ path: '/admin/tager/export', body: payload });
-  }
-
-  const EXPORT_ROUTE_PATHS = {
-      EXPORT_LIST: '/export',
-      EXPORT_FORM: '/export/:exportId',
-  };
-
-  function getExportListUrl() {
-      return EXPORT_ROUTE_PATHS.EXPORT_LIST;
-  }
-  function getExportFormUrl(params) {
-      return pathToRegexp.compile(EXPORT_ROUTE_PATHS.EXPORT_FORM)(params);
-  }
-
-  var script = compositionApi.defineComponent({
-      name: 'ExportList',
-      setup(props, context) {
-          const { t } = adminUi.useTranslation(context);
-          const { fetchEntityList: fetchExportList, isLoading: isExportListLoading, rowData: exportList, errorMessage, searchQuery, handleChange, pageSize, pageCount, pageNumber, } = adminUi.useDataTable({
-              fetchEntityList: (params) => getExportList({
-                  pageNumber: params.pageNumber,
-                  pageSize: params.pageSize,
-              }),
-              initialValue: [],
-              context,
-              resourceName: 'Export list',
-              pageSize: 100,
-          });
-          compositionApi.onMounted(() => {
-              fetchExportList();
-          });
-          const columnDefs = [
-              {
-                  id: 1,
-                  name: 'ID',
-                  field: 'id',
-                  style: { width: '50px', textAlign: 'center' },
-                  headStyle: { width: '50px', textAlign: 'center' },
-              },
-              {
-                  id: 2,
-                  name: t('export:type'),
-                  field: 'strategy',
-                  style: { width: '15%' },
-                  headStyle: { width: '15%' },
-              },
-              {
-                  id: 3,
-                  name: t('export:status'),
-                  field: 'status',
-                  style: { width: '15%' },
-                  headStyle: { width: '15%' },
-              },
-              {
-                  id: 4,
-                  name: t('export:message'),
-                  field: 'message',
-              },
-              {
-                  id: 5,
-                  name: t('export:log'),
-                  field: 'history',
-                  style: { width: '25%' },
-                  headStyle: { width: '25%' },
-              },
-              {
-                  id: 6,
-                  name: t('export:file'),
-                  field: 'file',
-                  type: 'file',
-                  style: { width: '150px', textAlign: 'center' },
-                  headStyle: { width: '150px', textAlign: 'center' },
-              },
-          ];
-          function dateTimeFormat(value) {
-              const options = {
-                  year: 'numeric',
-                  month: 'numeric',
-                  day: 'numeric',
-                  hour: 'numeric',
-                  minute: 'numeric',
-                  second: 'numeric',
-              };
-              const date = new Date(value);
-              return new Intl.DateTimeFormat('ru-RU', options).format(date);
-          }
-          return {
-              columnDefs,
-              getExportFormUrl,
-              rowData: exportList,
-              isRowDataLoading: isExportListLoading,
-              errorMessage: errorMessage,
-              searchQuery,
-              handleChange,
-              pageSize,
-              pageCount,
-              pageNumber,
-              t,
-              dateTimeFormat,
-          };
-      },
-  });
-
-  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;
-  }
-
-  /* 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("export:export"),
-          "header-buttons": [
-            {
-              text: _vm.t("export:newExport"),
-              href: _vm.getExportFormUrl({ exportId: "create" }),
-            },
-          ],
-        },
-      },
-      [
-        _c("data-table", {
-          attrs: {
-            "column-defs": _vm.columnDefs,
-            "row-data": _vm.rowData,
-            loading: _vm.isRowDataLoading,
-            "error-message": _vm.errorMessage,
-            pagination: {
-              pageSize: _vm.pageSize,
-              pageCount: _vm.pageCount,
-              pageNumber: _vm.pageNumber,
-              disabled: _vm.isRowDataLoading,
-            },
-            "use-search": false,
-          },
-          on: { change: _vm.handleChange },
-          scopedSlots: _vm._u([
-            {
-              key: "cell(history)",
-              fn: function (ref) {
-                var row = ref.row;
-                return [
-                  row.history
-                    ? _c(
-                        "ul",
-                        _vm._l(row.history, function (history, index) {
-                          return _c("li", { key: index }, [
-                            _c(
-                              "span",
-                              {
-                                style: {
-                                  width: "100px",
-                                  display: "inline-block",
-                                },
-                              },
-                              [_vm._v(_vm._s(history.status))]
-                            ),
-                            _vm._v(
-                              "\n          " +
-                                _vm._s(_vm.dateTimeFormat(history.datetime)) +
-                                "\n        "
-                            ),
-                          ])
-                        }),
-                        0
-                      )
-                    : _vm._e(),
-                ]
-              },
-            },
-          ]),
-        }),
-      ],
-      1
-    )
-  };
-  var __vue_staticRenderFns__ = [];
-  __vue_render__._withStripped = true;
-
-    /* style */
-    const __vue_inject_styles__ = undefined;
-    /* scoped */
-    const __vue_scope_id__ = undefined;
-    /* module identifier */
-    const __vue_module_identifier__ = undefined;
-    /* functional template */
-    const __vue_is_functional_template__ = false;
-    /* style inject */
-    
-    /* 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,
-      undefined,
-      undefined,
-      undefined
-    );
-
-  function replaceFileExtension(fileName, newExtension) {
-      const dotIndex = fileName.lastIndexOf('.');
-      const fileNameWithoutExtension = fileName.slice(0, dotIndex);
-      if (newExtension) {
-          return `${fileNameWithoutExtension}.${newExtension}`;
-      }
-      return fileNameWithoutExtension;
-  }
-
-  function convertExportFormValuesToCreationPayload(values) {
-      var _a, _b, _c, _d, _e, _f;
-      return {
-          strategy: (_b = (_a = values.strategy) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : '',
-          filename: values.filename,
-          format: (_d = (_c = values.format) === null || _c === void 0 ? void 0 : _c.value) !== null && _d !== void 0 ? _d : '',
-          delimiter: (_f = (_e = values.delimiter) === null || _e === void 0 ? void 0 : _e.value) !== null && _f !== void 0 ? _f : '',
-      };
-  }
-
-  var script$1 = compositionApi.defineComponent({
-      name: 'ExportForm',
-      components: { FormFooter: adminUi.FormFooter },
-      setup(props, context) {
-          var _a, _b;
-          const { t } = adminUi.useTranslation(context);
-          /** Strategies */
-          const [fetchStrategyList, { data: strategyList, loading: isStrategyListLoading },] = adminServices.useResource({
-              fetchResource: getStrategyList,
-              initialValue: [],
-              context,
-              resourceName: 'Strategy List',
-          });
-          const strategyOptionList = compositionApi.computed(() => strategyList.value.map((strategy) => ({
-              value: strategy.id,
-              label: strategy.name,
-          })));
-          compositionApi.onMounted(() => {
-              fetchStrategyList();
-          });
-          /** Format **/
-          const formatOptionList = compositionApi.computed(() => [
-              { value: 'CSV', label: 'CSV' },
-              { value: 'XLS', label: 'XLS' },
-              { value: 'XML', label: 'XML' },
-              { value: 'YAML', label: 'YAML' },
-              { value: 'JSON', label: 'JSON' },
-              { value: 'TXT', label: 'TXT' },
-          ]);
-          function isCSVFormat(format) {
-              return format === 'CSV';
-          }
-          /** Delimiter **/
-          const delimiterOptionList = compositionApi.computed(() => [
-              { value: ',', label: t('export:comma') },
-              { value: ';', label: t('export:semicolon') },
-          ]);
-          /** Form state */
-          const defaultExtension = formatOptionList.value[0];
-          const defaultDelimiter = delimiterOptionList.value[0];
-          const errors = compositionApi.ref({});
-          const values = compositionApi.ref({
-              strategy: null,
-              filename: `export.${defaultExtension.value.toLowerCase()}`,
-              format: defaultExtension,
-              delimiter: defaultDelimiter,
-          });
-          const isSubmitting = compositionApi.ref(false);
-          const shouldDisplayDelimiter = compositionApi.ref(isCSVFormat((_b = (_a = values.value.format) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : ''));
-          compositionApi.watch(() => values.value.format, () => {
-              var _a, _b, _c;
-              const newExtension = (_a = values.value.format) === null || _a === void 0 ? void 0 : _a.value.toLowerCase();
-              values.value.filename = replaceFileExtension(values.value.filename, newExtension || '');
-              shouldDisplayDelimiter.value = isCSVFormat((_c = (_b = values.value.format) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : '');
-          });
-          function submitForm(event) {
-              isSubmitting.value = true;
-              const creationPayload = convertExportFormValuesToCreationPayload(values.value);
-              createExport(creationPayload)
-                  .then(() => {
-                  errors.value = {};
-                  if (event.type === 'create' ||
-                      event.type === 'save' ||
-                      event.type === 'create_exit' ||
-                      event.type === 'save_exit') {
-                      context.root.$router.push(getExportListUrl());
-                  }
-                  context.root.$toast({
-                      variant: 'success',
-                      title: t('export:success'),
-                      body: t('export:createdSuccessMessage'),
-                  });
-              })
-                  .catch((error) => {
-                  console.error(error);
-                  errors.value = adminServices.convertRequestErrorToMap(error);
-                  context.root.$toast({
-                      variant: 'danger',
-                      title: t('export:error'),
-                      body: t('export:createdErrorMessage'),
-                  });
-              })
-                  .finally(() => {
-                  isSubmitting.value = false;
-              });
-          }
-          /** Is content loading **/
-          const isContentLoading = compositionApi.computed(() => isStrategyListLoading.value);
-          return {
-              values,
-              errors,
-              isSubmitting,
-              submitForm,
-              getExportListUrl,
-              strategyOptionList,
-              formatOptionList,
-              delimiterOptionList,
-              isContentLoading,
-              shouldDisplayDelimiter,
-          };
-      },
-  });
-
-  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__$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.$t("export:newExport"),
-          "is-content-loading": _vm.isContentLoading,
-        },
-        scopedSlots: _vm._u([
-          {
-            key: "footer",
-            fn: function () {
-              return [
-                _c("FormFooter", {
-                  attrs: {
-                    "back-href": _vm.getExportListUrl(),
-                    "on-submit": _vm.submitForm,
-                    "is-submitting": _vm.isSubmitting,
-                    "is-creation": true,
-                  },
-                }),
-              ]
-            },
-            proxy: true,
-          },
-        ]),
-      },
-      [
-        _c(
-          "form",
-          {
-            attrs: { novalidate: "" },
-            on: {
-              submit: function ($event) {
-                $event.preventDefault();
-              },
-            },
-          },
-          [
-            [
-              _c("form-field-select", {
-                attrs: {
-                  options: _vm.strategyOptionList,
-                  error: _vm.errors.strategy,
-                  label: _vm.$t("export:exportType"),
-                  name: "exportType",
-                },
-                model: {
-                  value: _vm.values.strategy,
-                  callback: function ($$v) {
-                    _vm.$set(_vm.values, "strategy", $$v);
-                  },
-                  expression: "values.strategy",
-                },
-              }),
-              _vm._v(" "),
-              _c(
-                "div",
-                { staticClass: "field" },
-                [
-                  _c("form-field", {
-                    attrs: {
-                      error: _vm.errors.filename,
-                      label: _vm.$t("export:filename"),
-                      name: "filename",
-                    },
-                    model: {
-                      value: _vm.values.filename,
-                      callback: function ($$v) {
-                        _vm.$set(_vm.values, "filename", $$v);
-                      },
-                      expression: "values.filename",
-                    },
-                  }),
-                  _vm._v(" "),
-                  _c("form-field-select", {
-                    attrs: {
-                      options: _vm.formatOptionList,
-                      error: _vm.errors.format,
-                      label: _vm.$t("export:format"),
-                      name: "format",
-                    },
-                    model: {
-                      value: _vm.values.format,
-                      callback: function ($$v) {
-                        _vm.$set(_vm.values, "format", $$v);
-                      },
-                      expression: "values.format",
-                    },
-                  }),
-                  _vm._v(" "),
-                  _c("div"),
-                  _vm._v(" "),
-                  _vm.shouldDisplayDelimiter
-                    ? _c("form-field-select", {
-                        attrs: {
-                          options: _vm.delimiterOptionList,
-                          error: _vm.errors.delimiter,
-                          label: _vm.$t("export:delimiter"),
-                          name: "delimiter",
-                        },
-                        model: {
-                          value: _vm.values.delimiter,
-                          callback: function ($$v) {
-                            _vm.$set(_vm.values, "delimiter", $$v);
-                          },
-                          expression: "values.delimiter",
-                        },
-                      })
-                    : _vm._e(),
-                ],
-                1
-              ),
-            ],
-          ],
-          2
-        ),
-      ]
-    )
-  };
-  var __vue_staticRenderFns__$1 = [];
-  __vue_render__$1._withStripped = true;
-
-    /* style */
-    const __vue_inject_styles__$1 = function (inject) {
-      if (!inject) return
-      inject("data-v-1d7bcab0_0", { source: ".field[data-v-1d7bcab0] {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  column-gap: 20px;\n}\n\n/*# sourceMappingURL=ExportForm.vue.map */", map: {"version":3,"sources":["/home/runner/work/tager-admin-export/tager-admin-export/src/views/ExportForm/ExportForm.vue","ExportForm.vue"],"names":[],"mappings":"AA8NA;EACA,aAAA;EACA,qCAAA;EACA,gBAAA;AC7NA;;AAEA,yCAAyC","file":"ExportForm.vue","sourcesContent":["<template>\n  <page :title=\"$t('export:newExport')\" :is-content-loading=\"isContentLoading\">\n    <form novalidate @submit.prevent>\n      <template>\n        <form-field-select\n          v-model=\"values.strategy\"\n          :options=\"strategyOptionList\"\n          :error=\"errors.strategy\"\n          :label=\"$t('export:exportType')\"\n          name=\"exportType\"\n        />\n\n        <div class=\"field\">\n          <form-field\n            v-model=\"values.filename\"\n            :error=\"errors.filename\"\n            :label=\"$t('export:filename')\"\n            name=\"filename\"\n          />\n\n          <form-field-select\n            v-model=\"values.format\"\n            :options=\"formatOptionList\"\n            :error=\"errors.format\"\n            :label=\"$t('export:format')\"\n            name=\"format\"\n          />\n\n          <div />\n\n          <form-field-select\n            v-if=\"shouldDisplayDelimiter\"\n            v-model=\"values.delimiter\"\n            :options=\"delimiterOptionList\"\n            :error=\"errors.delimiter\"\n            :label=\"$t('export:delimiter')\"\n            name=\"delimiter\"\n          />\n        </div>\n      </template>\n    </form>\n\n    <template v-slot:footer>\n      <FormFooter\n        :back-href=\"getExportListUrl()\"\n        :on-submit=\"submitForm\"\n        :is-submitting=\"isSubmitting\"\n        :is-creation=\"true\"\n      />\n    </template>\n  </page>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, watch } from '@vue/composition-api';\nimport { computed, onMounted, ref } from '@vue/composition-api';\n\nimport { convertRequestErrorToMap, useResource } from '@tager/admin-services';\nimport {\n  OptionType,\n  TagerFormSubmitEvent,\n  FormFooter,\n  useTranslation,\n} from '@tager/admin-ui';\n\nimport { createExport, getStrategyList } from '../../services/requests';\nimport { getExportListUrl } from '../../utils/paths';\nimport { replaceFileExtension } from '../../utils/common';\n\nimport {\n  convertExportFormValuesToCreationPayload,\n  FormValues,\n} from './ExportForm.helpers';\n\nexport default defineComponent({\n  name: 'ExportForm',\n  components: { FormFooter },\n  setup(props, context) {\n    const { t } = useTranslation(context);\n\n    /** Strategies */\n\n    const [\n      fetchStrategyList,\n      { data: strategyList, loading: isStrategyListLoading },\n    ] = useResource({\n      fetchResource: getStrategyList,\n      initialValue: [],\n      context,\n      resourceName: 'Strategy List',\n    });\n\n    const strategyOptionList = computed<Array<OptionType>>(() =>\n      strategyList.value.map<OptionType>((strategy) => ({\n        value: strategy.id,\n        label: strategy.name,\n      }))\n    );\n\n    onMounted(() => {\n      fetchStrategyList();\n    });\n\n    /** Format **/\n\n    const formatOptionList = computed<Array<OptionType>>(() => [\n      { value: 'CSV', label: 'CSV' },\n      { value: 'XLS', label: 'XLS' },\n      { value: 'XML', label: 'XML' },\n      { value: 'YAML', label: 'YAML' },\n      { value: 'JSON', label: 'JSON' },\n      { value: 'TXT', label: 'TXT' },\n    ]);\n\n    function isCSVFormat(format: string): boolean {\n      return format === 'CSV';\n    }\n\n    /** Delimiter **/\n\n    const delimiterOptionList = computed<Array<OptionType>>(() => [\n      { value: ',', label: t('export:comma') },\n      { value: ';', label: t('export:semicolon') },\n    ]);\n\n    /** Form state */\n\n    const defaultExtension = formatOptionList.value[0];\n    const defaultDelimiter = delimiterOptionList.value[0];\n\n    const errors = ref<Record<string, string>>({});\n    const values = ref<FormValues>({\n      strategy: null,\n      filename: `export.${defaultExtension.value.toLowerCase()}`,\n      format: defaultExtension,\n      delimiter: defaultDelimiter,\n    });\n    const isSubmitting = ref<boolean>(false);\n\n    const shouldDisplayDelimiter = ref<boolean>(\n      isCSVFormat(values.value.format?.value ?? '')\n    );\n\n    watch(\n      () => values.value.format,\n      () => {\n        const newExtension = values.value.format?.value.toLowerCase();\n\n        values.value.filename = replaceFileExtension(\n          values.value.filename,\n          newExtension || ''\n        );\n\n        shouldDisplayDelimiter.value = isCSVFormat(\n          values.value.format?.value ?? ''\n        );\n      }\n    );\n\n    function submitForm(event: TagerFormSubmitEvent) {\n      isSubmitting.value = true;\n\n      const creationPayload = convertExportFormValuesToCreationPayload(\n        values.value\n      );\n\n      createExport(creationPayload)\n        .then(() => {\n          errors.value = {};\n\n          if (\n            event.type === 'create' ||\n            event.type === 'save' ||\n            event.type === 'create_exit' ||\n            event.type === 'save_exit'\n          ) {\n            context.root.$router.push(getExportListUrl());\n          }\n\n          context.root.$toast({\n            variant: 'success',\n            title: t('export:success'),\n            body: t('export:createdSuccessMessage'),\n          });\n        })\n        .catch((error) => {\n          console.error(error);\n          errors.value = convertRequestErrorToMap(error);\n          context.root.$toast({\n            variant: 'danger',\n            title: t('export:error'),\n            body: t('export:createdErrorMessage'),\n          });\n        })\n        .finally(() => {\n          isSubmitting.value = false;\n        });\n    }\n\n    /** Is content loading **/\n\n    const isContentLoading = computed<boolean>(\n      () => isStrategyListLoading.value\n    );\n\n    return {\n      values,\n      errors,\n      isSubmitting,\n      submitForm,\n      getExportListUrl,\n      strategyOptionList,\n      formatOptionList,\n      delimiterOptionList,\n      isContentLoading,\n      shouldDisplayDelimiter,\n    };\n  },\n});\n</script>\n\n<style lang=\"scss\" scoped>\n.field {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  column-gap: 20px;\n}\n</style>\n",".field {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  column-gap: 20px;\n}\n\n/*# sourceMappingURL=ExportForm.vue.map */"]}, media: undefined });
-
-    };
-    /* scoped */
-    const __vue_scope_id__$1 = "data-v-1d7bcab0";
-    /* 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
-    );
-
-  const EXPORT_LIST_ROUTE = {
-      path: EXPORT_ROUTE_PATHS.EXPORT_LIST,
-      component: __vue_component__,
-      name: 'Export List',
-      meta: {
-          getBreadcrumbs: (route, t) => [
-              { url: '/', text: t('export:home') },
-              { url: route.path, text: t('export:export') },
-          ],
-      },
-  };
-  const EXPORT_FORM_ROUTE = {
-      path: EXPORT_ROUTE_PATHS.EXPORT_FORM,
-      component: __vue_component__$1,
-      name: 'Export Form',
-      meta: {
-          getBreadcrumbs: (route, t) => [
-              { url: '/', text: t('export:home') },
-              { url: EXPORT_LIST_ROUTE.path, text: t('export:export') },
-              { url: route.path, text: t('export:newExport') },
-          ],
-      },
-  };
-
-  adminServices.i18n.addTranslations('en', 'export', EN);
-  adminServices.i18n.addTranslations('ru', 'export', RU);
-
-  exports.EXPORT_FORM_ROUTE = EXPORT_FORM_ROUTE;
-  exports.EXPORT_LIST_ROUTE = EXPORT_LIST_ROUTE;
-  exports.createExport = createExport;
-  exports.getExportFormUrl = getExportFormUrl;
-  exports.getExportList = getExportList;
-  exports.getExportListUrl = getExportListUrl;
-  exports.getStrategyList = getStrategyList;
-
-  Object.defineProperty(exports, '__esModule', { value: true });
-
-})));