@webx-ui/module-catalog 0.8.9 → 0.9.0

package/dist/ExchangeImportPage-C6cSg7Cr.js

@@ -0,0 +1,603 @@
+import { defineComponent as Ce, ref as c, computed as h, onMounted as Se, openBlock as u, createElementBlock as v, createVNode as o, unref as e, withCtx as i, createBlock as _, createElementVNode as d, createCommentVNode as b, createTextVNode as p, toDisplayString as s, Fragment as F, withModifiers as ie, renderList as ue } from "vue";
+import { useRoute as Ue, useRouter as We } from "vue-router";
+import { useAdmin as Ee, useChunkedUpload as ze, useTranslate as Ie, useErrorText as Oe, WxScreenHead as Pe, WxScreen as Ne } from "@webx-ui/module-admin";
+import { toast as V, WxCard as M, WxSteps as Te, WxStep as X, WxFormItem as J, WxSelect as B, WxSegmented as je, WxText as N, WxProgress as Ae, WxButton as m, WxInput as se, WxAlert as q } from "@webx-ui/core";
+import { j as Fe, a as Me, I as re, m as Be, _ as qe } from "./index-BTEbHnJ5.js";
+const De = { class: "wx-catalog-import" }, He = { class: "wx-catalog-import__file" }, Le = {
+  key: 1,
+  class: "wx-catalog-import__upload"
+}, Re = {
+  key: 0,
+  class: "wx-catalog-import__progress",
+  role: "status"
+}, Ge = { class: "wx-catalog-import__row" }, Xe = { class: "wx-catalog-import__nav" }, Je = {
+  key: 0,
+  class: "wx-catalog-import__read-as"
+}, Ke = ["aria-label"], Qe = {
+  class: "wx-catalog-import__map-head",
+  role: "row"
+}, Ye = { role: "columnheader" }, Ze = { role: "columnheader" }, el = {
+  class: "wx-catalog-import__header",
+  role: "cell"
+}, ll = { class: "wx-catalog-import__cell" }, al = {
+  key: 0,
+  class: "wx-catalog-import__key"
+}, tl = {
+  key: 0,
+  class: "wx-catalog-import__samples"
+}, nl = {
+  class: "wx-catalog-import__target",
+  role: "cell"
+}, ol = { class: "wx-catalog-import__nav" }, il = { class: "wx-catalog-import__nav" }, ul = { class: "wx-catalog-import__row" }, sl = /* @__PURE__ */ Ce({
+  __name: "ExchangeImportPage",
+  props: {
+    base: { default: "/catalog" }
+  },
+  setup(pe) {
+    const K = pe, Q = Ee(), U = Fe(Q), y = ze({ admin: Q }), ce = Ue(), de = We();
+    Me();
+    const n = Ie("webx-catalog"), W = Oe(), g = c(0), D = c("upload"), T = c(""), $ = c(null), j = c(""), r = c(null), E = c(!1), z = c(null), I = c(null), Y = c([]), k = c([]), C = c(null), x = c({}), w = c({ ...re }), O = c(""), H = c(!1), S = c(null), Z = c(null), L = h(() => k.value.find((a) => a.id === C.value) ?? null);
+    Se(async () => {
+      try {
+        const [l, t] = await Promise.all([U.columns(), U.profiles("import")]);
+        Y.value = l, k.value = t;
+      } catch (l) {
+        V.danger(W(l));
+      }
+      const a = Number(ce.query.profile);
+      Number.isInteger(a) && k.value.some((l) => l.id === a) && ee(a);
+    });
+    function ee(a) {
+      C.value = a;
+      const l = k.value.find((t) => t.id === a);
+      w.value = { ...re, ...l?.options ?? {} }, z.value = typeof l?.options.encoding == "string" ? l.options.encoding : null, I.value = typeof l?.options.delimiter == "string" ? l.options.delimiter : null, r.value && (x.value = le(r.value));
+    }
+    const ve = h(() => [
+      { value: "upload", label: n("panel.exchange-source-upload"), icon: "upload" },
+      { value: "url", label: n("panel.exchange-source-url"), icon: "link" }
+    ]), me = h(
+      () => y.state.value === "uploading" || y.state.value === "paused"
+    );
+    async function ge(a) {
+      const l = a.target, t = l.files?.[0];
+      if (l.value = "", !!t) {
+        j.value = t.name, r.value = null;
+        try {
+          const f = await y.start(t, Be);
+          if (f === null) return;
+          $.value = { upload_id: f }, await R();
+        } catch (f) {
+          V.danger(W(f));
+        }
+      }
+    }
+    async function fe() {
+      const a = T.value.trim();
+      a !== "" && (j.value = a, $.value = { url: a }, await R());
+    }
+    function le(a) {
+      const l = L.value?.mapping;
+      return !l || Array.isArray(l) ? { ...a.mapping } : Object.fromEntries(
+        a.header.filter((t) => t.trim() !== "").map((t) => [t, l[t] ?? a.mapping[t] ?? null])
+      );
+    }
+    async function R() {
+      if ($.value !== null) {
+        E.value = !0;
+        try {
+          const a = await U.inspect($.value, {
+            encoding: z.value ?? void 0,
+            delimiter: I.value ?? void 0
+          });
+          r.value = a, x.value = le(a), g.value === 0 && (g.value = 1);
+        } catch (a) {
+          V.danger(W(a));
+        } finally {
+          E.value = !1;
+        }
+      }
+    }
+    const xe = h(
+      () => ["UTF-8", "Windows-1252", "Windows-1251", "ISO-8859-1"].map((a) => ({
+        value: a,
+        label: a
+      }))
+    ), he = h(() => [
+      { value: ",", label: "," },
+      { value: ";", label: ";" },
+      { value: "	", label: n("panel.exchange-delimiter-tab") }
+    ]), _e = h(
+      () => Y.value.flatMap((a) => [
+        { value: a.key, label: `${a.label} · ${a.key}` },
+        ...a.locales.map((l) => ({
+          value: `${a.key}@${l}`,
+          label: `${a.label} (${l.toUpperCase()}) · ${a.key}@${l}`
+        }))
+      ])
+    ), G = h(
+      () => (r.value?.header ?? []).map((a, l) => ({ cell: a.trim(), index: l })).filter((a) => a.cell !== "")
+    );
+    function be(a) {
+      const l = new Set(
+        Object.entries(x.value).filter(([t, f]) => t !== a && f).map(([, t]) => t)
+      );
+      return _e.value.map((t) => ({ ...t, disabled: l.has(String(t.value)) }));
+    }
+    function ae(a) {
+      return (r.value?.sample ?? []).map((l) => l[a] ?? "").filter((l) => l !== "");
+    }
+    const te = h(() => Object.values(x.value).filter(Boolean).length), A = h(
+      () => !Object.values(x.value).includes(String(w.value.key ?? "sku"))
+    );
+    function ye(a, l) {
+      x.value = {
+        ...x.value,
+        [a]: l === null || l === "" ? null : String(l)
+      };
+    }
+    function ne() {
+      return {
+        ...C.value !== null ? { profile_id: C.value } : {},
+        mapping: x.value,
+        options: {
+          ...w.value,
+          ...r.value?.format === "csv" ? { encoding: z.value ?? void 0, delimiter: I.value ?? void 0 } : {},
+          format: r.value?.format
+        }
+      };
+    }
+    async function oe(a) {
+      if ($.value !== null) {
+        S.value = a ? "check" : "run";
+        try {
+          const l = await U.startImport($.value, ne(), a);
+          V.success(n(a ? "panel.exchange-checked" : "panel.exchange-started")), de.push({ path: `${K.base}/exchange`, query: { run: String(l.id) } });
+        } catch (l) {
+          V.danger(W(l));
+        } finally {
+          S.value = null;
+        }
+      }
+    }
+    async function ke() {
+      const a = O.value.trim();
+      if (!(a === "" || r.value === null)) {
+        H.value = !0;
+        try {
+          const l = ne(), t = await U.createProfile({
+            name: a,
+            direction: "import",
+            format: r.value.format,
+            options: l.options,
+            mapping: Object.fromEntries(
+              Object.entries(l.mapping).filter((f) => !!f[1])
+            )
+          });
+          k.value = [...k.value, t], C.value = t.id, O.value = "", V.success(n("panel.exchange-profile-saved"));
+        } catch (l) {
+          V.danger(W(l));
+        } finally {
+          H.value = !1;
+        }
+      }
+    }
+    const we = h(
+      () => k.value.map((a) => ({ value: a.id, label: a.name }))
+    ), P = h(() => L.value !== null && L.value.last_run_id === null);
+    function Ve(a) {
+      a < g.value && (g.value = a);
+    }
+    return (a, l) => (u(), v("div", De, [
+      o(e(Pe), {
+        back: `${K.base}/exchange`,
+        "back-label": e(n)("panel.exchange-title"),
+        title: e(n)("panel.exchange-import-title"),
+        subtitle: e(n)("panel.exchange-import-help")
+      }, null, 8, ["back", "back-label", "title", "subtitle"]),
+      o(e(M), null, {
+        default: i(() => [
+          o(e(Te), {
+            current: g.value,
+            clickable: "",
+            "min-step-width": 140,
+            "aria-label": e(n)("panel.exchange-import-title"),
+            onChange: Ve
+          }, {
+            default: i(() => [
+              o(e(X), {
+                title: e(n)("panel.exchange-step-file"),
+                description: e(n)("panel.exchange-step-file-help")
+              }, null, 8, ["title", "description"]),
+              o(e(X), {
+                title: e(n)("panel.exchange-step-mapping"),
+                description: e(n)("panel.exchange-step-mapping-help")
+              }, null, 8, ["title", "description"]),
+              o(e(X), {
+                title: e(n)("panel.exchange-step-settings"),
+                description: e(n)("panel.exchange-step-settings-help")
+              }, null, 8, ["title", "description"])
+            ]),
+            _: 1
+          }, 8, ["current", "aria-label"])
+        ]),
+        _: 1
+      }),
+      g.value === 0 ? (u(), _(e(M), { key: 0 }, {
+        default: i(() => [
+          d("div", He, [
+            k.value.length > 0 ? (u(), _(e(J), {
+              key: 0,
+              label: e(n)("panel.exchange-use-profile")
+            }, {
+              default: i(() => [
+                o(e(B), {
+                  "model-value": C.value,
+                  options: we.value,
+                  clearable: "",
+                  placeholder: e(n)("panel.exchange-use-profile-none"),
+                  "aria-label": e(n)("panel.exchange-use-profile"),
+                  "onUpdate:modelValue": l[0] || (l[0] = (t) => ee(t ?? null))
+                }, null, 8, ["model-value", "options", "placeholder", "aria-label"])
+              ]),
+              _: 1
+            }, 8, ["label"])) : b("", !0),
+            o(e(je), {
+              modelValue: D.value,
+              "onUpdate:modelValue": l[1] || (l[1] = (t) => D.value = t),
+              options: ve.value,
+              "aria-label": e(n)("panel.exchange-step-file")
+            }, null, 8, ["modelValue", "options", "aria-label"]),
+            D.value === "upload" ? (u(), v("div", Le, [
+              d("input", {
+                ref_key: "picker",
+                ref: Z,
+                type: "file",
+                accept: ".csv,.txt,.xlsx",
+                hidden: "",
+                onChange: ge
+              }, null, 544),
+              me.value ? (u(), v("div", Re, [
+                o(e(N), {
+                  size: "sm",
+                  weight: "medium",
+                  truncate: ""
+                }, {
+                  default: i(() => [
+                    p(s(j.value), 1)
+                  ]),
+                  _: 1
+                }),
+                o(e(Ae), {
+                  value: Math.round(e(y).progress.value * 100),
+                  "aria-label": e(n)("panel.exchange-uploading")
+                }, null, 8, ["value", "aria-label"]),
+                d("div", Ge, [
+                  e(y).state.value === "uploading" ? (u(), _(e(m), {
+                    key: 0,
+                    size: "sm",
+                    variant: "outline",
+                    onClick: l[2] || (l[2] = (t) => e(y).pause())
+                  }, {
+                    default: i(() => [
+                      p(s(e(n)("panel.exchange-pause")), 1)
+                    ]),
+                    _: 1
+                  })) : (u(), _(e(m), {
+                    key: 1,
+                    size: "sm",
+                    variant: "outline",
+                    onClick: l[3] || (l[3] = (t) => e(y).resume())
+                  }, {
+                    default: i(() => [
+                      p(s(e(n)("panel.exchange-resume")), 1)
+                    ]),
+                    _: 1
+                  })),
+                  o(e(m), {
+                    size: "sm",
+                    variant: "text",
+                    onClick: l[4] || (l[4] = (t) => e(y).cancel())
+                  }, {
+                    default: i(() => [
+                      p(s(e(n)("panel.exchange-cancel")), 1)
+                    ]),
+                    _: 1
+                  })
+                ])
+              ])) : (u(), v(F, { key: 1 }, [
+                o(e(m), {
+                  icon: "upload",
+                  loading: E.value,
+                  onClick: l[5] || (l[5] = (t) => Z.value?.click())
+                }, {
+                  default: i(() => [
+                    p(s(e(n)("panel.exchange-choose-file")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["loading"]),
+                o(e(N), {
+                  size: "sm",
+                  tone: "muted"
+                }, {
+                  default: i(() => [
+                    p(s(e(n)("panel.exchange-file-help")), 1)
+                  ]),
+                  _: 1
+                })
+              ], 64))
+            ])) : (u(), v("form", {
+              key: 2,
+              class: "wx-catalog-import__url",
+              onSubmit: ie(fe, ["prevent"])
+            }, [
+              o(e(J), {
+                label: e(n)("panel.exchange-url"),
+                help: e(n)("panel.exchange-url-help")
+              }, {
+                default: i(() => [
+                  o(e(se), {
+                    modelValue: T.value,
+                    "onUpdate:modelValue": l[6] || (l[6] = (t) => T.value = t),
+                    type: "url",
+                    placeholder: "https://"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }, 8, ["label", "help"]),
+              o(e(m), {
+                "native-type": "submit",
+                loading: E.value,
+                disabled: T.value.trim() === "",
+                class: "wx-catalog-import__read"
+              }, {
+                default: i(() => [
+                  p(s(e(n)("panel.exchange-read")), 1)
+                ]),
+                _: 1
+              }, 8, ["loading", "disabled"])
+            ], 32)),
+            r.value ? (u(), _(e(N), {
+              key: 3,
+              size: "sm",
+              tone: "muted"
+            }, {
+              default: i(() => [
+                p(s(j.value) + " · " + s(r.value.format.toUpperCase()), 1)
+              ]),
+              _: 1
+            })) : b("", !0)
+          ]),
+          d("div", Xe, [
+            l[17] || (l[17] = d("span", null, null, -1)),
+            o(e(m), {
+              type: "primary",
+              disabled: r.value === null,
+              onClick: l[7] || (l[7] = (t) => g.value = 1)
+            }, {
+              default: i(() => [
+                p(s(e(n)("panel.exchange-next")), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled"])
+          ])
+        ]),
+        _: 1
+      })) : g.value === 1 && r.value ? (u(), _(e(M), { key: 1 }, {
+        default: i(() => [
+          r.value.format === "csv" ? (u(), v("div", Je, [
+            o(e(N), {
+              size: "sm",
+              tone: "muted"
+            }, {
+              default: i(() => [
+                p(s(e(n)("panel.exchange-read-as")), 1)
+              ]),
+              _: 1
+            }),
+            o(e(B), {
+              modelValue: z.value,
+              "onUpdate:modelValue": l[8] || (l[8] = (t) => z.value = t),
+              options: xe.value,
+              clearable: "",
+              size: "sm",
+              placeholder: `${e(n)("panel.exchange-encoding")}: ${r.value.options.encoding ?? e(n)("panel.exchange-detect")}`,
+              "aria-label": e(n)("panel.exchange-encoding"),
+              class: "wx-catalog-import__read-select"
+            }, null, 8, ["modelValue", "options", "placeholder", "aria-label"]),
+            o(e(B), {
+              modelValue: I.value,
+              "onUpdate:modelValue": l[9] || (l[9] = (t) => I.value = t),
+              options: he.value,
+              clearable: "",
+              size: "sm",
+              placeholder: `${e(n)("panel.exchange-delimiter")}: ${r.value.options.delimiter === "	" ? e(n)("panel.exchange-delimiter-tab") : r.value.options.delimiter ?? e(n)("panel.exchange-detect")}`,
+              "aria-label": e(n)("panel.exchange-delimiter"),
+              class: "wx-catalog-import__read-select"
+            }, null, 8, ["modelValue", "options", "placeholder", "aria-label"]),
+            o(e(m), {
+              size: "sm",
+              variant: "outline",
+              icon: "refresh",
+              loading: E.value,
+              onClick: R
+            }, {
+              default: i(() => [
+                p(s(e(n)("panel.exchange-reread")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading"])
+          ])) : b("", !0),
+          G.value.length === 0 ? (u(), _(e(q), {
+            key: 1,
+            type: "warning",
+            title: e(n)("panel.exchange-map-empty")
+          }, null, 8, ["title"])) : (u(), v("div", {
+            key: 2,
+            class: "wx-catalog-import__map",
+            role: "table",
+            "aria-label": e(n)("panel.exchange-step-mapping")
+          }, [
+            d("div", Qe, [
+              d("span", Ye, s(e(n)("panel.exchange-map-file")), 1),
+              d("span", Ze, s(e(n)("panel.exchange-map-catalog")), 1)
+            ]),
+            (u(!0), v(F, null, ue(G.value, (t) => (u(), v("div", {
+              key: t.cell,
+              class: "wx-catalog-import__map-row",
+              role: "row"
+            }, [
+              d("div", el, [
+                d("span", ll, [
+                  p(s(t.cell) + " ", 1),
+                  x.value[t.cell] && x.value[t.cell] === w.value.key ? (u(), v("span", al, s(e(n)("panel.exchange-map-key")), 1)) : b("", !0)
+                ]),
+                ae(t.index).length > 0 ? (u(), v("ul", tl, [
+                  (u(!0), v(F, null, ue(ae(t.index), (f, $e) => (u(), v("li", { key: $e }, s(f), 1))), 128))
+                ])) : b("", !0)
+              ]),
+              d("div", nl, [
+                o(e(B), {
+                  "model-value": x.value[t.cell] ?? null,
+                  options: be(t.cell),
+                  clearable: "",
+                  filterable: "",
+                  placeholder: e(n)("panel.exchange-map-skip"),
+                  "aria-label": t.cell,
+                  "onUpdate:modelValue": (f) => ye(t.cell, f)
+                }, null, 8, ["model-value", "options", "placeholder", "aria-label", "onUpdate:modelValue"])
+              ])
+            ]))), 128))
+          ], 8, Ke)),
+          G.value.length > 0 && A.value ? (u(), _(e(q), {
+            key: 3,
+            type: "warning",
+            title: e(n)("panel.exchange-map-key-missing", { key: String(w.value.key ?? "sku") })
+          }, null, 8, ["title"])) : b("", !0),
+          d("div", ol, [
+            o(e(m), {
+              variant: "outline",
+              onClick: l[10] || (l[10] = (t) => g.value = 0)
+            }, {
+              default: i(() => [
+                p(s(e(n)("panel.exchange-back")), 1)
+              ]),
+              _: 1
+            }),
+            o(e(N), {
+              size: "sm",
+              tone: "muted"
+            }, {
+              default: i(() => [
+                p(s(e(n)("panel.exchange-map-mapped", { count: te.value })), 1)
+              ]),
+              _: 1
+            }),
+            o(e(m), {
+              type: "primary",
+              disabled: te.value === 0,
+              onClick: l[11] || (l[11] = (t) => g.value = 2)
+            }, {
+              default: i(() => [
+                p(s(e(n)("panel.exchange-next")), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled"])
+          ])
+        ]),
+        _: 1
+      })) : g.value === 2 && r.value ? (u(), v(F, { key: 2 }, [
+        P.value ? (u(), _(e(q), {
+          key: 0,
+          type: "info",
+          title: e(n)("panel.exchange-check-first")
+        }, null, 8, ["title"])) : b("", !0),
+        A.value ? (u(), _(e(q), {
+          key: 1,
+          type: "warning",
+          title: e(n)("panel.exchange-map-key-missing", { key: String(w.value.key ?? "sku") })
+        }, null, 8, ["title"])) : b("", !0),
+        o(e(Ne), {
+          modelValue: w.value,
+          "onUpdate:modelValue": l[12] || (l[12] = (t) => w.value = t),
+          name: "catalog.exchange-import"
+        }, null, 8, ["modelValue"]),
+        o(e(M), null, {
+          default: i(() => [
+            d("form", {
+              class: "wx-catalog-import__profile",
+              onSubmit: ie(ke, ["prevent"])
+            }, [
+              o(e(J), {
+                label: e(n)("panel.exchange-save-profile")
+              }, {
+                default: i(() => [
+                  o(e(se), {
+                    modelValue: O.value,
+                    "onUpdate:modelValue": l[13] || (l[13] = (t) => O.value = t),
+                    maxlength: 120,
+                    placeholder: e(n)("panel.exchange-profile-name")
+                  }, null, 8, ["modelValue", "placeholder"])
+                ]),
+                _: 1
+              }, 8, ["label"]),
+              o(e(m), {
+                "native-type": "submit",
+                variant: "outline",
+                loading: H.value,
+                disabled: O.value.trim() === "",
+                class: "wx-catalog-import__read"
+              }, {
+                default: i(() => [
+                  p(s(e(n)("panel.exchange-save")), 1)
+                ]),
+                _: 1
+              }, 8, ["loading", "disabled"])
+            ], 32),
+            d("div", il, [
+              o(e(m), {
+                variant: "outline",
+                onClick: l[14] || (l[14] = (t) => g.value = 1)
+              }, {
+                default: i(() => [
+                  p(s(e(n)("panel.exchange-back")), 1)
+                ]),
+                _: 1
+              }),
+              d("div", ul, [
+                o(e(m), {
+                  type: P.value ? "primary" : "default",
+                  variant: P.value ? void 0 : "outline",
+                  loading: S.value === "check",
+                  disabled: S.value !== null || A.value,
+                  onClick: l[15] || (l[15] = (t) => oe(!0))
+                }, {
+                  default: i(() => [
+                    p(s(e(n)("panel.exchange-run-check")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["type", "variant", "loading", "disabled"]),
+                o(e(m), {
+                  type: P.value ? "default" : "primary",
+                  variant: P.value ? "outline" : void 0,
+                  loading: S.value === "run",
+                  disabled: S.value !== null || A.value,
+                  onClick: l[16] || (l[16] = (t) => oe(!1))
+                }, {
+                  default: i(() => [
+                    p(s(e(n)("panel.exchange-run")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["type", "variant", "loading", "disabled"])
+              ])
+            ])
+          ]),
+          _: 1
+        })
+      ], 64)) : b("", !0)
+    ]));
+  }
+}), ml = /* @__PURE__ */ qe(sl, [["__scopeId", "data-v-700576d9"]]);
+export {
+  ml as default
+};
+//# sourceMappingURL=ExchangeImportPage-C6cSg7Cr.js.map