@webx-ui/module-catalog 0.8.9 → 0.9.0

package/dist/ExchangeImportPage-C6cSg7Cr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExchangeImportPage-C6cSg7Cr.js","sources":["../src/ExchangeImportPage.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onMounted, ref } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport {\n  useAdmin,\n  useChunkedUpload,\n  useErrorText,\n  useTranslate,\n  WxScreen,\n  WxScreenHead,\n} from '@webx-ui/module-admin'\nimport {\n  toast,\n  WxAlert,\n  WxButton,\n  WxCard,\n  WxFormItem,\n  WxInput,\n  WxProgress,\n  WxSegmented,\n  WxSelect,\n  WxStep,\n  WxSteps,\n  WxText,\n  type SelectOption,\n} from '@webx-ui/core'\nimport type { ScreenModel } from '@webx-ui/schema'\nimport {\n  createExchangeApi,\n  EXCHANGE_PURPOSE,\n  IMPORT_DEFAULTS,\n  type ExchangeColumnInfo,\n  type ExchangeInspection,\n  type ExchangeProfile,\n  type ExchangeSource,\n} from './exchange'\nimport { useCatalogMessages } from './i18n'\n\n/**\n * The import wizard (§8.1 of the exchange spec, screen `catalog.exchange-import`): a file — an\n * upload in pieces or an address the server downloads — then its columns matched to the\n * catalogue's with five rows of the file under each, then how the rows are written. The last\n * step checks the whole file without writing, or runs it; either way the run is followed in\n * «Exchange».\n *\n * The settings are a described screen: a project can take a setting away or fix it with a\n * patch, the way it does any form of the panel. A profile fills all three steps at once — its\n * columns are laid over the header of the file, and what the file has that the profile does not\n * know keeps the server's guess.\n */\nconst props = withDefaults(defineProps<{ base?: string }>(), { base: '/catalog' })\n\nconst context = useAdmin()\nconst api = createExchangeApi(context)\nconst upload = useChunkedUpload({ admin: context })\nconst route = useRoute()\nconst router = useRouter()\nuseCatalogMessages()\n\nconst t = useTranslate('webx-catalog')\nconst message = useErrorText()\n\nconst step = ref(0)\nconst way = ref<'upload' | 'url'>('upload')\nconst url = ref('')\nconst source = ref<ExchangeSource | null>(null)\nconst fileName = ref('')\nconst inspection = ref<ExchangeInspection | null>(null)\nconst reading = ref(false)\nconst encoding = ref<string | null>(null)\nconst delimiter = ref<string | null>(null)\n\nconst columns = ref<ExchangeColumnInfo[]>([])\nconst profiles = ref<ExchangeProfile[]>([])\nconst profileId = ref<number | null>(null)\nconst mapping = ref<Record<string, string | null>>({})\nconst options = ref<ScreenModel>({ ...IMPORT_DEFAULTS })\nconst profileName = ref('')\nconst saving = ref(false)\nconst starting = ref<'run' | 'check' | null>(null)\nconst picker = ref<HTMLInputElement | null>(null)\n\nconst profile = computed(() => profiles.value.find((one) => one.id === profileId.value) ?? null)\n\nonMounted(async () => {\n  try {\n    const [found, saved] = await Promise.all([api.columns(), api.profiles('import')])\n\n    columns.value = found\n    profiles.value = saved\n  } catch (error) {\n    toast.danger(message(error))\n  }\n\n  const wanted = Number(route.query.profile)\n\n  if (Number.isInteger(wanted) && profiles.value.some((one) => one.id === wanted)) {\n    chooseProfile(wanted)\n  }\n})\n\nfunction chooseProfile(id: number | null): void {\n  profileId.value = id\n\n  const chosen = profiles.value.find((one) => one.id === id)\n\n  options.value = { ...IMPORT_DEFAULTS, ...(chosen?.options ?? {}) }\n  encoding.value = typeof chosen?.options.encoding === 'string' ? chosen.options.encoding : null\n  delimiter.value = typeof chosen?.options.delimiter === 'string' ? chosen.options.delimiter : null\n\n  if (inspection.value) mapping.value = mapped(inspection.value)\n}\n\n/* ------------------------------------------------------------------ file ----- */\n\nconst ways = computed(() => [\n  { value: 'upload', label: t('panel.exchange-source-upload'), icon: 'upload' as const },\n  { value: 'url', label: t('panel.exchange-source-url'), icon: 'link' as const },\n])\n\nconst uploading = computed(\n  () => upload.state.value === 'uploading' || upload.state.value === 'paused',\n)\n\nasync function onFile(event: Event): Promise<void> {\n  const input = event.target as HTMLInputElement\n  const file = input.files?.[0]\n\n  input.value = ''\n\n  if (!file) return\n\n  fileName.value = file.name\n  inspection.value = null\n\n  try {\n    const id = await upload.start(file, EXCHANGE_PURPOSE)\n\n    if (id === null) return\n\n    source.value = { upload_id: id }\n    await inspect()\n  } catch (error) {\n    toast.danger(message(error))\n  }\n}\n\nasync function readUrl(): Promise<void> {\n  const address = url.value.trim()\n\n  if (address === '') return\n\n  fileName.value = address\n  source.value = { url: address }\n  await inspect()\n}\n\n/** The header of the file as a profile names it, the server's guess for the rest. */\nfunction mapped(found: ExchangeInspection): Record<string, string | null> {\n  const saved = profile.value?.mapping\n\n  if (!saved || Array.isArray(saved)) return { ...found.mapping }\n\n  return Object.fromEntries(\n    found.header\n      .filter((cell) => cell.trim() !== '')\n      .map((cell) => [cell, saved[cell] ?? found.mapping[cell] ?? null]),\n  )\n}\n\nasync function inspect(): Promise<void> {\n  if (source.value === null) return\n\n  reading.value = true\n\n  try {\n    const found = await api.inspect(source.value, {\n      encoding: encoding.value ?? undefined,\n      delimiter: delimiter.value ?? undefined,\n    })\n\n    inspection.value = found\n    mapping.value = mapped(found)\n    if (step.value === 0) step.value = 1\n  } catch (error) {\n    toast.danger(message(error))\n  } finally {\n    reading.value = false\n  }\n}\n\n/* ------------------------------------------------------------------ columns ----- */\n\nconst encodings = computed<SelectOption[]>(() =>\n  ['UTF-8', 'Windows-1252', 'Windows-1251', 'ISO-8859-1'].map((code) => ({\n    value: code,\n    label: code,\n  })),\n)\n\nconst delimiters = computed<SelectOption[]>(() => [\n  { value: ',', label: ',' },\n  { value: ';', label: ';' },\n  { value: '\\t', label: t('panel.exchange-delimiter-tab') },\n])\n\n/** Every column the caller may map, each translation a choice of its own: `name@de`. */\nconst targets = computed<SelectOption[]>(() =>\n  columns.value.flatMap((column) => [\n    { value: column.key, label: `${column.label} · ${column.key}` },\n    ...column.locales.map((code) => ({\n      value: `${column.key}@${code}`,\n      label: `${column.label} (${code.toUpperCase()}) · ${column.key}@${code}`,\n    })),\n  ]),\n)\n\nconst headers = computed(() =>\n  (inspection.value?.header ?? [])\n    .map((cell, index) => ({ cell: cell.trim(), index }))\n    .filter((one) => one.cell !== ''),\n)\n\n/** A column of the catalogue goes into one header only: the ones taken elsewhere are off. */\nfunction targetsFor(cell: string): SelectOption[] {\n  const taken = new Set(\n    Object.entries(mapping.value)\n      .filter(([header, code]) => header !== cell && code)\n      .map(([, code]) => code),\n  )\n\n  return targets.value.map((one) => ({ ...one, disabled: taken.has(String(one.value)) }))\n}\n\nfunction samples(index: number): string[] {\n  return (inspection.value?.sample ?? []).map((row) => row[index] ?? '').filter((one) => one !== '')\n}\n\nconst mappedCount = computed(() => Object.values(mapping.value).filter(Boolean).length)\n\nconst keyMissing = computed(\n  () => !Object.values(mapping.value).includes(String(options.value.key ?? 'sku')),\n)\n\nfunction setTarget(cell: string, value: unknown): void {\n  mapping.value = {\n    ...mapping.value,\n    [cell]: value === null || value === '' ? null : String(value),\n  }\n}\n\n/* ------------------------------------------------------------------ settings ----- */\n\nfunction plan(): {\n  profile_id?: number\n  mapping: Record<string, string | null>\n  options: ScreenModel\n} {\n  return {\n    ...(profileId.value !== null ? { profile_id: profileId.value } : {}),\n    mapping: mapping.value,\n    options: {\n      ...options.value,\n      ...(inspection.value?.format === 'csv'\n        ? { encoding: encoding.value ?? undefined, delimiter: delimiter.value ?? undefined }\n        : {}),\n      format: inspection.value?.format,\n    },\n  }\n}\n\nasync function start(dryRun: boolean): Promise<void> {\n  if (source.value === null) return\n\n  starting.value = dryRun ? 'check' : 'run'\n\n  try {\n    const run = await api.startImport(source.value, plan(), dryRun)\n\n    toast.success(dryRun ? t('panel.exchange-checked') : t('panel.exchange-started'))\n    void router.push({ path: `${props.base}/exchange`, query: { run: String(run.id) } })\n  } catch (error) {\n    toast.danger(message(error))\n  } finally {\n    starting.value = null\n  }\n}\n\nasync function saveProfile(): Promise<void> {\n  const name = profileName.value.trim()\n\n  if (name === '' || inspection.value === null) return\n\n  saving.value = true\n\n  try {\n    const rest = plan()\n    const created = await api.createProfile({\n      name,\n      direction: 'import',\n      format: inspection.value.format,\n      options: rest.options,\n      mapping: Object.fromEntries(\n        Object.entries(rest.mapping).filter((entry): entry is [string, string] => !!entry[1]),\n      ),\n    })\n\n    profiles.value = [...profiles.value, created]\n    profileId.value = created.id\n    profileName.value = ''\n    toast.success(t('panel.exchange-profile-saved'))\n  } catch (error) {\n    toast.danger(message(error))\n  } finally {\n    saving.value = false\n  }\n}\n\nconst profileOptions = computed<SelectOption[]>(() =>\n  profiles.value.map((one) => ({ value: one.id, label: one.name })),\n)\n\n/** A profile that never ran is checked first: the button that writes is not the loud one. */\nconst checkFirst = computed(() => profile.value !== null && profile.value.last_run_id === null)\n\nfunction go(index: number): void {\n  if (index < step.value) step.value = index\n}\n</script>\n\n<template>\n  <div class=\"wx-catalog-import\">\n    <wx-screen-head\n      :back=\"`${props.base}/exchange`\"\n      :back-label=\"t('panel.exchange-title')\"\n      :title=\"t('panel.exchange-import-title')\"\n      :subtitle=\"t('panel.exchange-import-help')\"\n    />\n\n    <wx-card>\n      <wx-steps\n        :current=\"step\"\n        clickable\n        :min-step-width=\"140\"\n        :aria-label=\"t('panel.exchange-import-title')\"\n        @change=\"go\"\n      >\n        <wx-step\n          :title=\"t('panel.exchange-step-file')\"\n          :description=\"t('panel.exchange-step-file-help')\"\n        />\n        <wx-step\n          :title=\"t('panel.exchange-step-mapping')\"\n          :description=\"t('panel.exchange-step-mapping-help')\"\n        />\n        <wx-step\n          :title=\"t('panel.exchange-step-settings')\"\n          :description=\"t('panel.exchange-step-settings-help')\"\n        />\n      </wx-steps>\n    </wx-card>\n\n    <!-- 1. The file. -->\n    <wx-card v-if=\"step === 0\">\n      <div class=\"wx-catalog-import__file\">\n        <wx-form-item v-if=\"profiles.length > 0\" :label=\"t('panel.exchange-use-profile')\">\n          <wx-select\n            :model-value=\"profileId\"\n            :options=\"profileOptions\"\n            clearable\n            :placeholder=\"t('panel.exchange-use-profile-none')\"\n            :aria-label=\"t('panel.exchange-use-profile')\"\n            @update:model-value=\"\n              (value: unknown) => chooseProfile((value as number | null) ?? null)\n            \"\n          />\n        </wx-form-item>\n\n        <wx-segmented v-model=\"way\" :options=\"ways\" :aria-label=\"t('panel.exchange-step-file')\" />\n\n        <div v-if=\"way === 'upload'\" class=\"wx-catalog-import__upload\">\n          <input ref=\"picker\" type=\"file\" accept=\".csv,.txt,.xlsx\" hidden @change=\"onFile\" />\n          <div v-if=\"uploading\" class=\"wx-catalog-import__progress\" role=\"status\">\n            <wx-text size=\"sm\" weight=\"medium\" truncate>{{ fileName }}</wx-text>\n            <wx-progress\n              :value=\"Math.round(upload.progress.value * 100)\"\n              :aria-label=\"t('panel.exchange-uploading')\"\n            />\n            <div class=\"wx-catalog-import__row\">\n              <wx-button\n                v-if=\"upload.state.value === 'uploading'\"\n                size=\"sm\"\n                variant=\"outline\"\n                @click=\"upload.pause()\"\n              >\n                {{ t('panel.exchange-pause') }}\n              </wx-button>\n              <wx-button v-else size=\"sm\" variant=\"outline\" @click=\"upload.resume()\">\n                {{ t('panel.exchange-resume') }}\n              </wx-button>\n              <wx-button size=\"sm\" variant=\"text\" @click=\"upload.cancel()\">\n                {{ t('panel.exchange-cancel') }}\n              </wx-button>\n            </div>\n          </div>\n          <template v-else>\n            <wx-button icon=\"upload\" :loading=\"reading\" @click=\"picker?.click()\">\n              {{ t('panel.exchange-choose-file') }}\n            </wx-button>\n            <wx-text size=\"sm\" tone=\"muted\">{{ t('panel.exchange-file-help') }}</wx-text>\n          </template>\n        </div>\n\n        <form v-else class=\"wx-catalog-import__url\" @submit.prevent=\"readUrl\">\n          <wx-form-item :label=\"t('panel.exchange-url')\" :help=\"t('panel.exchange-url-help')\">\n            <wx-input v-model=\"url\" type=\"url\" placeholder=\"https://\" />\n          </wx-form-item>\n          <wx-button\n            native-type=\"submit\"\n            :loading=\"reading\"\n            :disabled=\"url.trim() === ''\"\n            class=\"wx-catalog-import__read\"\n          >\n            {{ t('panel.exchange-read') }}\n          </wx-button>\n        </form>\n\n        <wx-text v-if=\"inspection\" size=\"sm\" tone=\"muted\">\n          {{ fileName }} · {{ inspection.format.toUpperCase() }}\n        </wx-text>\n      </div>\n\n      <div class=\"wx-catalog-import__nav\">\n        <span />\n        <wx-button type=\"primary\" :disabled=\"inspection === null\" @click=\"step = 1\">\n          {{ t('panel.exchange-next') }}\n        </wx-button>\n      </div>\n    </wx-card>\n\n    <!-- 2. Its columns. -->\n    <wx-card v-else-if=\"step === 1 && inspection\">\n      <div v-if=\"inspection.format === 'csv'\" class=\"wx-catalog-import__read-as\">\n        <wx-text size=\"sm\" tone=\"muted\">{{ t('panel.exchange-read-as') }}</wx-text>\n        <wx-select\n          v-model=\"encoding\"\n          :options=\"encodings\"\n          clearable\n          size=\"sm\"\n          :placeholder=\"`${t('panel.exchange-encoding')}: ${inspection.options.encoding ?? t('panel.exchange-detect')}`\"\n          :aria-label=\"t('panel.exchange-encoding')\"\n          class=\"wx-catalog-import__read-select\"\n        />\n        <wx-select\n          v-model=\"delimiter\"\n          :options=\"delimiters\"\n          clearable\n          size=\"sm\"\n          :placeholder=\"`${t('panel.exchange-delimiter')}: ${inspection.options.delimiter === '\\t' ? t('panel.exchange-delimiter-tab') : (inspection.options.delimiter ?? t('panel.exchange-detect'))}`\"\n          :aria-label=\"t('panel.exchange-delimiter')\"\n          class=\"wx-catalog-import__read-select\"\n        />\n        <wx-button size=\"sm\" variant=\"outline\" icon=\"refresh\" :loading=\"reading\" @click=\"inspect\">\n          {{ t('panel.exchange-reread') }}\n        </wx-button>\n      </div>\n\n      <wx-alert v-if=\"headers.length === 0\" type=\"warning\" :title=\"t('panel.exchange-map-empty')\" />\n\n      <div\n        v-else\n        class=\"wx-catalog-import__map\"\n        role=\"table\"\n        :aria-label=\"t('panel.exchange-step-mapping')\"\n      >\n        <div class=\"wx-catalog-import__map-head\" role=\"row\">\n          <span role=\"columnheader\">{{ t('panel.exchange-map-file') }}</span>\n          <span role=\"columnheader\">{{ t('panel.exchange-map-catalog') }}</span>\n        </div>\n        <div v-for=\"one in headers\" :key=\"one.cell\" class=\"wx-catalog-import__map-row\" role=\"row\">\n          <div class=\"wx-catalog-import__header\" role=\"cell\">\n            <span class=\"wx-catalog-import__cell\">\n              {{ one.cell }}\n              <span\n                v-if=\"mapping[one.cell] && mapping[one.cell] === options.key\"\n                class=\"wx-catalog-import__key\"\n              >\n                {{ t('panel.exchange-map-key') }}\n              </span>\n            </span>\n            <ul v-if=\"samples(one.index).length > 0\" class=\"wx-catalog-import__samples\">\n              <li v-for=\"(value, at) in samples(one.index)\" :key=\"at\">{{ value }}</li>\n            </ul>\n          </div>\n          <div class=\"wx-catalog-import__target\" role=\"cell\">\n            <wx-select\n              :model-value=\"mapping[one.cell] ?? null\"\n              :options=\"targetsFor(one.cell)\"\n              clearable\n              filterable\n              :placeholder=\"t('panel.exchange-map-skip')\"\n              :aria-label=\"one.cell\"\n              @update:model-value=\"(value: unknown) => setTarget(one.cell, value)\"\n            />\n          </div>\n        </div>\n      </div>\n\n      <wx-alert\n        v-if=\"headers.length > 0 && keyMissing\"\n        type=\"warning\"\n        :title=\"t('panel.exchange-map-key-missing', { key: String(options.key ?? 'sku') })\"\n      />\n\n      <div class=\"wx-catalog-import__nav\">\n        <wx-button variant=\"outline\" @click=\"step = 0\">{{ t('panel.exchange-back') }}</wx-button>\n        <wx-text size=\"sm\" tone=\"muted\">\n          {{ t('panel.exchange-map-mapped', { count: mappedCount }) }}\n        </wx-text>\n        <wx-button type=\"primary\" :disabled=\"mappedCount === 0\" @click=\"step = 2\">\n          {{ t('panel.exchange-next') }}\n        </wx-button>\n      </div>\n    </wx-card>\n\n    <!-- 3. How it is written. -->\n    <template v-else-if=\"step === 2 && inspection\">\n      <wx-alert v-if=\"checkFirst\" type=\"info\" :title=\"t('panel.exchange-check-first')\" />\n      <wx-alert\n        v-if=\"keyMissing\"\n        type=\"warning\"\n        :title=\"t('panel.exchange-map-key-missing', { key: String(options.key ?? 'sku') })\"\n      />\n\n      <wx-screen v-model=\"options\" name=\"catalog.exchange-import\" />\n\n      <wx-card>\n        <form class=\"wx-catalog-import__profile\" @submit.prevent=\"saveProfile\">\n          <wx-form-item :label=\"t('panel.exchange-save-profile')\">\n            <wx-input\n              v-model=\"profileName\"\n              :maxlength=\"120\"\n              :placeholder=\"t('panel.exchange-profile-name')\"\n            />\n          </wx-form-item>\n          <wx-button\n            native-type=\"submit\"\n            variant=\"outline\"\n            :loading=\"saving\"\n            :disabled=\"profileName.trim() === ''\"\n            class=\"wx-catalog-import__read\"\n          >\n            {{ t('panel.exchange-save') }}\n          </wx-button>\n        </form>\n\n        <div class=\"wx-catalog-import__nav\">\n          <wx-button variant=\"outline\" @click=\"step = 1\">{{ t('panel.exchange-back') }}</wx-button>\n          <div class=\"wx-catalog-import__row\">\n            <wx-button\n              :type=\"checkFirst ? 'primary' : 'default'\"\n              :variant=\"checkFirst ? undefined : 'outline'\"\n              :loading=\"starting === 'check'\"\n              :disabled=\"starting !== null || keyMissing\"\n              @click=\"start(true)\"\n            >\n              {{ t('panel.exchange-run-check') }}\n            </wx-button>\n            <wx-button\n              :type=\"checkFirst ? 'default' : 'primary'\"\n              :variant=\"checkFirst ? 'outline' : undefined\"\n              :loading=\"starting === 'run'\"\n              :disabled=\"starting !== null || keyMissing\"\n              @click=\"start(false)\"\n            >\n              {{ t('panel.exchange-run') }}\n            </wx-button>\n          </div>\n        </div>\n      </wx-card>\n    </template>\n  </div>\n</template>\n\n<style scoped>\n.wx-catalog-import {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wx-gap, var(--wx-space-16));\n  min-width: 0;\n  container-type: inline-size;\n}\n\n.wx-catalog-import__file {\n  display: grid;\n  gap: var(--wx-space-16);\n  justify-items: start;\n  max-width: 560px;\n}\n\n.wx-catalog-import__file > :deep(.wx-form-item),\n.wx-catalog-import__url {\n  justify-self: stretch;\n}\n\n.wx-catalog-import__upload {\n  display: grid;\n  gap: var(--wx-space-8);\n  justify-items: start;\n  justify-self: stretch;\n}\n\n.wx-catalog-import__progress {\n  display: grid;\n  gap: var(--wx-space-8);\n  justify-self: stretch;\n  min-width: 0;\n}\n\n.wx-catalog-import__row {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--wx-space-8);\n}\n\n.wx-catalog-import__url,\n.wx-catalog-import__profile {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-end;\n  gap: var(--wx-space-8) var(--wx-space-12);\n}\n\n.wx-catalog-import__url > :deep(.wx-form-item),\n.wx-catalog-import__profile > :deep(.wx-form-item) {\n  flex: 1 1 240px;\n  min-width: 0;\n  margin-bottom: 0;\n}\n\n/* The field's help sits under the input; the button lines up with the input, not with it. */\n.wx-catalog-import__read {\n  margin-bottom: var(--wx-space-24);\n}\n\n.wx-catalog-import__profile .wx-catalog-import__read {\n  margin-bottom: 0;\n}\n\n.wx-catalog-import__read-as {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--wx-space-8);\n  margin-bottom: var(--wx-space-16);\n}\n\n.wx-catalog-import__read-as > :deep(.wx-select) {\n  width: 200px;\n}\n\n.wx-catalog-import__map {\n  display: grid;\n  min-width: 0;\n}\n\n.wx-catalog-import__map-head,\n.wx-catalog-import__map-row {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n  gap: var(--wx-space-8) var(--wx-space-16);\n  padding: var(--wx-space-10) 0;\n  border-bottom: 1px solid var(--wx-border-muted);\n}\n\n.wx-catalog-import__map-head {\n  padding-top: 0;\n  font-size: var(--wx-font-size-sm);\n  font-weight: var(--wx-font-weight-medium);\n  color: var(--wx-text-muted);\n}\n\n.wx-catalog-import__header {\n  display: grid;\n  gap: var(--wx-space-4);\n  min-width: 0;\n}\n\n.wx-catalog-import__cell {\n  font-family: var(--wx-font-family-mono);\n  font-weight: var(--wx-font-weight-medium);\n  overflow-wrap: anywhere;\n}\n\n.wx-catalog-import__samples {\n  display: grid;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  font-size: var(--wx-font-size-xs);\n  color: var(--wx-text-muted);\n}\n\n.wx-catalog-import__samples li {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.wx-catalog-import__target {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--wx-space-8);\n  min-width: 0;\n}\n\n.wx-catalog-import__target > :deep(.wx-select) {\n  flex: 1 1 auto;\n  min-width: 0;\n}\n\n.wx-catalog-import__key {\n  display: inline-block;\n  margin-inline-start: var(--wx-space-6);\n  font-family: var(--wx-font-family-sans);\n  vertical-align: middle;\n  padding: var(--wx-space-2) var(--wx-space-8);\n  border-radius: var(--wx-radius-full);\n  background: var(--wx-color-primary-soft);\n  color: var(--wx-color-primary);\n  font-size: var(--wx-font-size-xs);\n  font-weight: var(--wx-font-weight-medium);\n}\n\n.wx-catalog-import__nav {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--wx-space-8);\n  margin-top: var(--wx-space-16);\n}\n\n/* A phone: the header of the file over its choice, not beside it. */\n@container (max-width: 520px) {\n  .wx-catalog-import__map-head {\n    display: none;\n  }\n\n  .wx-catalog-import__map-row {\n    grid-template-columns: minmax(0, 1fr);\n  }\n}\n</style>\n"],"names":["props","__props","context","useAdmin","api","createExchangeApi","upload","useChunkedUpload","route","useRoute","router","useRouter","useCatalogMessages","t","useTranslate","message","useErrorText","step","ref","way","url","source","fileName","inspection","reading","encoding","delimiter","columns","profiles","profileId","mapping","options","IMPORT_DEFAULTS","profileName","saving","starting","picker","profile","computed","one","onMounted","found","saved","error","toast","wanted","chooseProfile","id","chosen","mapped","ways","uploading","onFile","event","input","file","EXCHANGE_PURPOSE","inspect","readUrl","address","cell","encodings","code","delimiters","targets","column","headers","index","targetsFor","taken","header","samples","row","mappedCount","keyMissing","setTarget","value","plan","start","dryRun","run","saveProfile","name","rest","created","entry","profileOptions","checkFirst","go","_openBlock","_createElementBlock","_hoisted_1","_createVNode","_unref","WxScreenHead","WxCard","WxSteps","WxStep","_createBlock","_createElementVNode","_hoisted_2","WxFormItem","WxSelect","_cache","WxSegmented","$event","_hoisted_3","_hoisted_4","WxText","WxProgress","_hoisted_5","WxButton","_Fragment","WxInput","_createTextVNode","_toDisplayString","_hoisted_6","_hoisted_7","WxAlert","_hoisted_9","_hoisted_10","_hoisted_11","_renderList","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","at","_hoisted_16","_hoisted_17","WxScreen","_hoisted_18","_hoisted_19"],"mappings":"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"}

package/dist/ExchangePage-9RrRcSiS.js

@@ -0,0 +1,544 @@
+import { defineComponent as V, ref as j, onMounted as Q, openBlock as l, createBlock as k, unref as e, isRef as re, createSlots as ce, withCtx as c, createElementBlock as h, Fragment as T, renderList as X, createTextVNode as b, toDisplayString as u, createCommentVNode as x, createVNode as $, watch as ie, computed as C, createElementVNode as y, normalizeClass as de } from "vue";
+import { RouterLink as ge, useRoute as pe, useRouter as xe } from "vue-router";
+import { useAdmin as q, createHistoryApi as fe, useTranslate as F, useErrorText as J, WxDate as Y, WxListScreen as he } from "@webx-ui/module-admin";
+import { useModal as me, WxDialog as ve, WxSkeleton as _e, WxEmpty as ye, WxLink as ke, WxText as I, WxButton as S, toast as A, createModal as Z, WxAlert as L, WxTable as ee, WxBadge as O, WxProgress as be, WxIcon as we } from "@webx-ui/core";
+import { a as U, _ as G, j as ae, k as P, E as $e, l as je } from "./index-BTEbHnJ5.js";
+const Ee = {
+  key: 2,
+  class: "wx-catalog-journal"
+}, We = /* @__PURE__ */ V({
+  __name: "ExchangeJournalDialog",
+  props: {
+    runId: {},
+    base: {}
+  },
+  setup(a) {
+    const i = a, { open: v, dismiss: m } = me(), s = q(), E = fe(s, "catalog.product", 0);
+    U();
+    const o = F("webx-catalog"), z = J(), w = j(null), d = j(1), W = j(1), f = j(!1);
+    async function N(_) {
+      f.value = !0;
+      try {
+        const g = await E.run(i.runId, _);
+        w.value = _ === 1 ? g.rows.data : [...w.value ?? [], ...g.rows.data], d.value = g.rows.current_page, W.value = g.rows.last_page;
+      } catch (g) {
+        A.danger(z(g)), w.value ??= [];
+      } finally {
+        f.value = !1;
+      }
+    }
+    Q(() => {
+      N(1);
+    });
+    function R(_) {
+      return _.changes.map((g) => g.label).join(", ");
+    }
+    return (_, g) => (l(), k(e(ve), {
+      open: e(v),
+      "onUpdate:open": g[2] || (g[2] = (r) => re(v) ? v.value = r : null),
+      title: e(o)("panel.exchange-journal-title"),
+      width: 560
+    }, ce({
+      default: c(() => [
+        w.value === null ? (l(), k(e(_e), {
+          key: 0,
+          rows: 5
+        })) : w.value.length === 0 ? (l(), k(e(ye), {
+          key: 1,
+          description: e(o)("panel.exchange-journal-empty")
+        }, null, 8, ["description"])) : (l(), h("ul", Ee, [
+          (l(!0), h(T, null, X(w.value, (r) => (l(), h("li", {
+            key: r.id,
+            class: "wx-catalog-journal__row"
+          }, [
+            r.subject.id !== null ? (l(), k(e(ke), {
+              key: 0,
+              as: e(ge),
+              to: `${a.base}/products/${r.subject.id}`,
+              class: "wx-catalog-journal__subject",
+              onClick: g[0] || (g[0] = (B) => e(m)())
+            }, {
+              default: c(() => [
+                b(" #" + u(r.subject.id), 1)
+              ]),
+              _: 2
+            }, 1032, ["as", "to"])) : x("", !0),
+            $(e(I), {
+              size: "sm",
+              tone: "muted",
+              class: "wx-catalog-journal__fields"
+            }, {
+              default: c(() => [
+                b(u(R(r)), 1)
+              ]),
+              _: 2
+            }, 1024)
+          ]))), 128))
+        ]))
+      ]),
+      _: 2
+    }, [
+      w.value !== null && d.value < W.value ? {
+        name: "footer",
+        fn: c(() => [
+          $(e(S), {
+            variant: "outline",
+            loading: f.value,
+            onClick: g[1] || (g[1] = (r) => N(d.value + 1))
+          }, {
+            default: c(() => [
+              b(u(e(o)("panel.exchange-journal-more")), 1)
+            ]),
+            _: 1
+          }, 8, ["loading"])
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["open", "title"]));
+  }
+}), ze = /* @__PURE__ */ G(We, [["__scopeId", "data-v-7f2cb668"]]);
+function te(a, i) {
+  if (a.direction === "export")
+    return a.rows_done > 0 || a.status === "done" ? [
+      {
+        key: "exported",
+        text: i("panel.exchange-exported", { count: a.rows_done }),
+        tone: "default"
+      }
+    ] : [];
+  const v = [], m = (s, E, o) => {
+    E > 0 && v.push({ key: s, text: i(`panel.exchange-${s}`, { count: E }), tone: o });
+  };
+  return m("created", a.created, "success"), m("updated", a.updated, "default"), m("skipped", a.skipped, "muted"), m("absent", a.absent, "default"), a.failed > 0 && v.push({
+    key: "failed",
+    text: i("panel.exchange-errors-count", { count: a.failed }),
+    tone: "danger"
+  }), v;
+}
+const Ne = {
+  queued: "default",
+  running: "info",
+  done: "success",
+  stopped: "warning",
+  failed: "danger"
+};
+function K(a, i) {
+  const v = a.status === "done" && a.failed > 0 ? "warning" : Ne[a.status];
+  return { label: i(`panel.exchange-status-${a.status}`), type: v };
+}
+const Ce = { class: "wx-catalog-run" }, Ie = { class: "wx-catalog-run__facts" }, Re = {
+  key: 0,
+  class: "wx-catalog-run__fact"
+}, Be = { class: "wx-catalog-run__source" }, De = {
+  key: 1,
+  class: "wx-catalog-run__fact"
+}, Se = {
+  key: 2,
+  class: "wx-catalog-run__fact"
+}, Te = {
+  key: 3,
+  class: "wx-catalog-run__fact"
+}, Ae = {
+  key: 3,
+  class: "wx-catalog-run__totals"
+}, Me = { class: "wx-catalog-run__actions" }, Le = {
+  key: 0,
+  class: "wx-catalog-run__code"
+}, Pe = ["title"], Ve = /* @__PURE__ */ V({
+  __name: "ExchangeRunDetail",
+  props: {
+    run: {},
+    base: {},
+    profileName: {}
+  },
+  setup(a) {
+    const i = a, v = q(), m = ae(v);
+    U();
+    const s = F("webx-catalog"), E = J(), o = Z(ze), z = j([]), w = j(!1), d = j(!1);
+    async function W() {
+      if (i.run.failed === 0) {
+        z.value = [], w.value = !1;
+        return;
+      }
+      d.value = !0;
+      try {
+        const _ = await m.errors(i.run.id);
+        z.value = _.data, w.value = _.last_page > 1;
+      } catch (_) {
+        A.danger(E(_));
+      } finally {
+        d.value = !1;
+      }
+    }
+    ie(
+      () => [i.run.id, i.run.failed],
+      () => {
+        W();
+      },
+      { immediate: !0 }
+    );
+    const f = C(() => te(i.run, s)), N = C(() => [
+      { key: "row", label: s("panel.exchange-error-row"), width: 72, align: "right" },
+      { key: "column", label: s("panel.exchange-error-column"), width: 150 },
+      { key: "value", label: s("panel.exchange-error-value"), width: 180, hideBelow: 560 },
+      { key: "message", label: s("panel.exchange-error-message"), minWidth: 200 }
+    ]), R = C(
+      () => i.run.direction === "export" && i.run.status === "done" && i.run.file_url === null
+    );
+    return (_, g) => (l(), h("div", Ce, [
+      y("dl", Ie, [
+        a.run.source ? (l(), h("div", Re, [
+          y("dt", null, u(e(s)("panel.exchange-source")), 1),
+          y("dd", Be, u(a.run.source), 1)
+        ])) : x("", !0),
+        a.profileName ? (l(), h("div", De, [
+          y("dt", null, u(e(s)("panel.exchange-profile")), 1),
+          y("dd", null, u(a.profileName), 1)
+        ])) : x("", !0),
+        a.run.admin_name ? (l(), h("div", Se, [
+          y("dt", null, u(e(s)("panel.exchange-who")), 1),
+          y("dd", null, u(a.run.admin_name), 1)
+        ])) : x("", !0),
+        a.run.started_at ? (l(), h("div", Te, [
+          y("dt", null, u(e(s)("panel.exchange-column-started")), 1),
+          y("dd", null, [
+            $(e(Y), {
+              value: a.run.started_at
+            }, null, 8, ["value"])
+          ])
+        ])) : x("", !0)
+      ]),
+      a.run.dry_run && !e(P)(a.run) ? (l(), k(e(L), {
+        key: 0,
+        type: "info",
+        title: e(s)("panel.exchange-check-help")
+      }, null, 8, ["title"])) : x("", !0),
+      a.run.status === "stopped" ? (l(), k(e(L), {
+        key: 1,
+        type: "warning",
+        title: e(s)("panel.exchange-stopped-help")
+      }, null, 8, ["title"])) : x("", !0),
+      a.run.status === "failed" ? (l(), k(e(L), {
+        key: 2,
+        type: "danger",
+        title: e(s)("panel.exchange-failed-help")
+      }, null, 8, ["title"])) : x("", !0),
+      f.value.length > 0 ? (l(), h("ul", Ae, [
+        (l(!0), h(T, null, X(f.value, (r) => (l(), h("li", {
+          key: r.key,
+          class: de(`is-${r.tone}`)
+        }, u(r.text), 3))), 128))
+      ])) : x("", !0),
+      y("div", Me, [
+        a.run.direction === "export" && a.run.file_url ? (l(), k(e(S), {
+          key: 0,
+          size: "sm",
+          type: "primary",
+          icon: "download",
+          href: e(m).file(a.run.id)
+        }, {
+          default: c(() => [
+            b(u(e(s)("panel.exchange-file")), 1)
+          ]),
+          _: 1
+        }, 8, ["href"])) : R.value ? (l(), k(e(I), {
+          key: 1,
+          size: "sm",
+          tone: "muted"
+        }, {
+          default: c(() => [
+            b(u(e(s)("panel.exchange-file-gone")), 1)
+          ]),
+          _: 1
+        })) : x("", !0),
+        a.run.history_id !== null && !a.run.dry_run ? (l(), k(e(S), {
+          key: 2,
+          size: "sm",
+          variant: "outline",
+          icon: "clock",
+          onClick: g[0] || (g[0] = (r) => e(o)({ runId: a.run.history_id, base: a.base }))
+        }, {
+          default: c(() => [
+            b(u(e(s)("panel.exchange-journal")), 1)
+          ]),
+          _: 1
+        })) : x("", !0),
+        a.run.failed > 0 ? (l(), k(e(S), {
+          key: 3,
+          size: "sm",
+          variant: "outline",
+          icon: "download",
+          href: e(m).errorsFile(a.run.id)
+        }, {
+          default: c(() => [
+            b(u(e(s)("panel.exchange-errors-csv")), 1)
+          ]),
+          _: 1
+        }, 8, ["href"])) : x("", !0)
+      ]),
+      a.run.failed > 0 ? (l(), h(T, { key: 4 }, [
+        $(e(ee), {
+          data: z.value,
+          columns: N.value,
+          loading: d.value,
+          clickable: !1,
+          hover: !1,
+          pagination: !1,
+          "cards-below": 420,
+          "max-height": 360,
+          layout: "fixed",
+          size: "sm",
+          bordered: "",
+          "aria-label": e(s)("panel.exchange-errors")
+        }, {
+          "cell-column": c(({ row: r }) => [
+            r.column ? (l(), h("code", Le, u(r.column), 1)) : (l(), k(e(I), {
+              key: 1,
+              size: "sm",
+              tone: "muted"
+            }, {
+              default: c(() => [
+                b(u(e(s)("panel.exchange-error-whole-row")), 1)
+              ]),
+              _: 1
+            }))
+          ]),
+          "cell-value": c(({ row: r }) => [
+            y("span", {
+              class: "wx-catalog-run__value",
+              title: r.value ?? void 0
+            }, u(r.value), 9, Pe)
+          ]),
+          _: 1
+        }, 8, ["data", "columns", "loading", "aria-label"]),
+        w.value ? (l(), k(e(I), {
+          key: 0,
+          size: "sm",
+          tone: "muted"
+        }, {
+          default: c(() => [
+            b(u(e(s)("panel.exchange-errors-more")), 1)
+          ]),
+          _: 1
+        })) : x("", !0)
+      ], 64)) : x("", !0)
+    ]));
+  }
+}), qe = /* @__PURE__ */ G(Ve, [["__scopeId", "data-v-38262d5f"]]), Fe = { class: "wx-catalog-exchange" }, Je = { class: "wx-catalog-exchange__run" }, Ue = { class: "wx-catalog-exchange__title" }, Ge = {
+  key: 0,
+  class: "wx-catalog-exchange__sub"
+}, He = { class: "wx-catalog-exchange__status" }, Oe = /* @__PURE__ */ V({
+  __name: "ExchangePage",
+  props: {
+    base: { default: "/catalog" }
+  },
+  setup(a) {
+    const i = a, v = q(), m = ae(v), s = pe(), E = xe();
+    U();
+    const o = F("webx-catalog"), z = J(), w = Z(
+      $e
+    ), d = j(null), W = j(!0), f = j([]), N = j([]), R = C(() => v.can("catalog.manage")), _ = je(m, (n) => {
+      d.value !== null && (d.value = {
+        ...d.value,
+        data: d.value.data.map((p) => p.id === n.id ? n : p)
+      });
+    }), g = C(() => [
+      { key: "run", label: o("panel.exchange-column-run"), minWidth: 200 },
+      { key: "status", label: o("panel.exchange-column-status"), width: 130 },
+      { key: "result", label: o("panel.exchange-column-result"), width: 240, hideBelow: 780 },
+      { key: "started", label: o("panel.exchange-column-started"), width: 120, hideBelow: 560 }
+    ]);
+    function r(n) {
+      return n === null ? null : N.value.find((p) => p.id === n)?.name ?? null;
+    }
+    let B = 0;
+    async function M(n) {
+      const p = ++B;
+      W.value = !0;
+      try {
+        const t = await m.runs({ page: n?.page ?? d.value?.current_page ?? 1 });
+        if (p !== B) return;
+        d.value = t;
+        for (const D of t.data) P(D) && _.watch(D.id);
+      } catch (t) {
+        A.danger(z(t));
+      } finally {
+        p === B && (W.value = !1);
+      }
+    }
+    Q(async () => {
+      m.profiles().then((p) => N.value = p).catch(() => {
+      }), await M();
+      const n = Number(s.query.run);
+      Number.isInteger(n) && n > 0 && H(n);
+    });
+    async function H(n) {
+      if (f.value.includes(n) || (f.value = [...f.value, n]), d.value !== null && !d.value.data.some((p) => p.id === n))
+        try {
+          const p = await m.run(n);
+          d.value = { ...d.value, data: [p, ...d.value.data] };
+        } catch {
+          return;
+        }
+      _.watch(n);
+    }
+    function ne(n) {
+      f.value = f.value.includes(n.id) ? f.value.filter((p) => p !== n.id) : [...f.value, n.id];
+    }
+    async function le() {
+      const n = await w({ selection: null });
+      n && (A.success(o("panel.exchange-export-started")), await M({ page: 1 }), H(n.id));
+    }
+    const oe = C(() => [
+      ...R.value ? [
+        {
+          key: "import",
+          label: o("panel.exchange-import"),
+          icon: "upload",
+          primary: !0,
+          run: () => {
+            E.push(`${i.base}/exchange/import`);
+          }
+        }
+      ] : [],
+      {
+        key: "export",
+        label: o("panel.exchange-export"),
+        icon: "download",
+        run: () => {
+          le();
+        }
+      },
+      {
+        key: "profiles",
+        label: o("panel.exchange-profiles"),
+        icon: "sliders",
+        menu: !0,
+        run: () => {
+          E.push(`${i.base}/exchange/profiles`);
+        }
+      }
+    ]);
+    function se(n) {
+      return `${o(`panel.exchange-${n.direction}`)} #${n.id}`;
+    }
+    function ue(n) {
+      return n.rows_total > 0 ? Math.round(n.rows_done / n.rows_total * 100) : 0;
+    }
+    return (n, p) => (l(), h("div", Fe, [
+      $(e(he), {
+        title: e(o)("panel.exchange-title"),
+        subtitle: e(o)("panel.exchange-help"),
+        back: `${i.base}/products`,
+        "back-label": e(o)("module.products"),
+        actions: oe.value
+      }, {
+        default: c(() => [
+          $(e(ee), {
+            expanded: f.value,
+            "onUpdate:expanded": p[0] || (p[0] = (t) => f.value = t),
+            data: d.value,
+            columns: g.value,
+            "row-key": "id",
+            expandable: "",
+            "cards-below": 0,
+            flush: "",
+            layout: "fixed",
+            loading: W.value,
+            "empty-text": e(o)("panel.exchange-empty"),
+            "aria-label": e(o)("panel.exchange-title"),
+            onStateChange: M,
+            onRowClick: ne
+          }, {
+            "cell-run": c(({ row: t }) => [
+              y("div", Je, [
+                y("span", Ue, [
+                  $(e(we), {
+                    name: t.direction === "import" ? "upload" : "download",
+                    size: "sm",
+                    class: "wx-catalog-exchange__direction"
+                  }, null, 8, ["name"]),
+                  b(" " + u(se(t)) + " ", 1),
+                  t.dry_run ? (l(), k(e(O), {
+                    key: 0,
+                    size: "sm",
+                    round: ""
+                  }, {
+                    default: c(() => [
+                      b(u(e(o)("panel.exchange-check")), 1)
+                    ]),
+                    _: 1
+                  })) : x("", !0)
+                ]),
+                r(t.profile_id) || t.source ? (l(), h("span", Ge, u(r(t.profile_id) ?? t.source), 1)) : x("", !0)
+              ])
+            ]),
+            "cell-status": c(({ row: t }) => [
+              y("div", He, [
+                $(e(O), {
+                  type: e(K)(t, e(o)).type,
+                  dot: ""
+                }, {
+                  default: c(() => [
+                    b(u(e(K)(t, e(o)).label), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["type"]),
+                e(P)(t) && t.rows_total > 0 ? (l(), h(T, { key: 0 }, [
+                  $(e(be), {
+                    value: ue(t),
+                    size: "sm",
+                    "aria-label": e(o)("panel.exchange-progress", {
+                      done: t.rows_done,
+                      total: t.rows_total
+                    })
+                  }, null, 8, ["value", "aria-label"]),
+                  $(e(I), {
+                    size: "xs",
+                    tone: "muted"
+                  }, {
+                    default: c(() => [
+                      b(u(e(o)("panel.exchange-progress", { done: t.rows_done, total: t.rows_total })), 1)
+                    ]),
+                    _: 2
+                  }, 1024)
+                ], 64)) : x("", !0)
+              ])
+            ]),
+            "cell-result": c(({ row: t }) => [
+              $(e(I), {
+                size: "sm",
+                tone: t.failed > 0 ? void 0 : "muted",
+                truncate: ""
+              }, {
+                default: c(() => [
+                  b(u(e(te)(t, e(o)).map((D) => D.text).join(" · ")), 1)
+                ]),
+                _: 2
+              }, 1032, ["tone"])
+            ]),
+            "cell-started": c(({ row: t }) => [
+              $(e(Y), {
+                value: t.started_at ?? t.created_at,
+                compact: ""
+              }, null, 8, ["value"])
+            ]),
+            expanded: c(({ row: t }) => [
+              $(qe, {
+                run: t,
+                base: i.base,
+                "profile-name": r(t.profile_id)
+              }, null, 8, ["run", "base", "profile-name"])
+            ]),
+            _: 1
+          }, 8, ["expanded", "data", "columns", "loading", "empty-text", "aria-label"])
+        ]),
+        _: 1
+      }, 8, ["title", "subtitle", "back", "back-label", "actions"])
+    ]));
+  }
+}), ea = /* @__PURE__ */ G(Oe, [["__scopeId", "data-v-09e45b4c"]]);
+export {
+  ea as default
+};
+//# sourceMappingURL=ExchangePage-9RrRcSiS.js.map