@feedmepos/mf-menu-portal 1.0.4-dev.2 → 1.0.4-dev.4

package/dist/Unit-BMW8u0Us.js

@@ -0,0 +1,424 @@
+import { defineComponent as ae, computed as p, ref as ve, shallowRef as X, h as pe, withModifiers as Y, onUnmounted as be, resolveComponent as h, openBlock as r, createBlock as F, unref as e, withCtx as V, createElementBlock as v, toDisplayString as x, Fragment as j, createElementVNode as c, createVNode as m, renderList as Z, createCommentVNode as $, mergeProps as I } from "vue";
+import { useI18n as fe } from "@feedmepos/mf-common";
+import { useDialog as ye, useBreakpoints as _e, components as ee, FmButtonVariant as ge } from "@feedmepos/ui-library";
+import { _ as ke } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
+import { _ as he } from "./ListCountTag.vue_vue_type_script_setup_true_lang-0bjk8Aly.js";
+import { _ as xe } from "./PageLayout.vue_vue_type_script_setup_true_lang-B3szUH39.js";
+import { u as we } from "./useActionFeedback-Dm2HDa_2.js";
+import { u as Ce } from "./useEditorValidation-Ctef5Bxt.js";
+import { b as Fe, u as Se, a as Me } from "./provide-CDmXzkhz.js";
+const Ve = {
+  key: 0,
+  class: "flex-1 flex justify-between gap-8 pl-8"
+}, $e = { class: "flex items-center" }, Ie = {
+  key: 0,
+  role: "alert",
+  class: "text-fm-color-typo-secondary"
+}, Ne = {
+  key: 1,
+  class: "text-fm-color-typo-secondary"
+}, Ue = { class: "flex justify-end items-center" }, Be = { class: "w-[320px] xs:w-full xs:px-16 xs:mt-8" }, Ee = {
+  key: 1,
+  class: "flex-1 min-h-0 overflow-scroll divide-y divide-fm-color-neutral-gray-100 pb-64"
+}, je = ["onClick"], Ae = { class: "min-w-0 flex-1" }, ze = { class: "fm-typo-en-body-lg-600 mb-4 break-words" }, Pe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary break-words" }, De = {
+  key: 2,
+  class: "fixed right-16 bottom-[72px] z-[100]"
+}, Oe = { class: "fm-typo-en-title-md-600" }, Re = { class: "pt-8 space-y-40" }, Te = { class: "flex flex-row gap-16" }, Le = { class: "flex justify-between items-center" }, Ke = { class: "fm-typo-en-body-md-600" }, qe = { class: "flex flex-row gap-8" }, Qe = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Ge = { class: "flex gap-8 items-center justify-start" }, He = /* @__PURE__ */ ae({
+  __name: "UnitList",
+  props: {
+    sdk: {}
+  },
+  setup(A) {
+    const _ = A, { t: a } = fe(), w = Fe(), z = ye(), { run: P } = we(), b = Se(_.sdk.unit.list), d = p(
+      () => b.value.status === "ready" ? b.value.value : null
+    ), le = p(() => {
+      var l;
+      return ((l = d.value) == null ? void 0 : l.query) ?? "";
+    }), { breakpoints: te } = _e(), N = p(() => te.value.xs), se = p(() => {
+      var l;
+      return [...((l = d.value) == null ? void 0 : l.rows) ?? []];
+    }), f = ve(!1), i = X(_.sdk.unit.editor()), S = X(
+      i.value.get()
+    );
+    let U = i.value.subscribe(
+      (l) => {
+        S.value = l;
+      }
+    );
+    const o = p(
+      () => S.value.status === "ready" ? S.value.value : null
+    ), y = Ce(() => i.value), D = p(
+      () => o.value ? y.issue(o.value.fieldIssues, "name") ?? o.value.nameIssue : null
+    ), O = p(
+      () => o.value ? y.issue(o.value.fieldIssues, "symbol") ?? o.value.symbolIssue : null
+    );
+    function R(l) {
+      var g;
+      const t = l == null ? void 0 : l.match(/^(measurementName|measurementSymbol):(\d+)$/), u = t ? (g = o.value) == null ? void 0 : g.measurements[Number(t[2]) - 1] : void 0;
+      return t && u ? `${t[1]}:${u.id}` : l;
+    }
+    const oe = p(
+      () => {
+        var l;
+        return Object.fromEntries(
+          Object.entries(((l = o.value) == null ? void 0 : l.fieldIssues) ?? {}).map(
+            ([t, u]) => [R(t), u]
+          )
+        );
+      }
+    );
+    function T(l, t, u) {
+      const g = y.issue(oe.value, `${t}:${l}`) ?? u;
+      return g ? [w(g)] : [];
+    }
+    function L(l) {
+      U(), i.value.dispose(), i.value = _.sdk.unit.editor(l), S.value = i.value.get(), U = i.value.subscribe(
+        (t) => {
+          S.value = t;
+        }
+      );
+    }
+    function B() {
+      var l;
+      ((l = d.value) == null ? void 0 : l.create.state) === "allowed" && (L(), f.value = !0);
+    }
+    function K(l) {
+      L(l.id), f.value = !0;
+    }
+    async function ne() {
+      (await P(
+        () => y.submit(async () => {
+          const t = await i.value.submit();
+          return t.kind === "rejected" ? {
+            ...t,
+            issues: t.issues.map((u) => ({
+              ...u,
+              field: R(u.field)
+            }))
+          } : t;
+        }),
+        {
+          // `submit()` publishes `submitting` synchronously only when it will
+          // actually perform a write. A required-field rejection is decided locally
+          // and issues no request, and legacy showed no spinner for it — the frozen
+          // `unit/create/validation-rejected` and `unit/update/validation-rejected`
+          // groups record the inline message and no snackbar at all.
+          showLoading: () => {
+            var t;
+            return ((t = o.value) == null ? void 0 : t.status) === "submitting";
+          },
+          // The SDK returns the name it stored, so the toast renders the value that
+          // was actually written rather than a second trim of the draft.
+          successMessage: (t) => a("menu.unit.form.saved", { name: t.name })
+        }
+      )).kind === "success" && (f.value = !1);
+    }
+    function ie() {
+      var l;
+      if (!((l = o.value) != null && l.dirty)) {
+        f.value = !1;
+        return;
+      }
+      z.open({
+        title: a("menu.common.dialog.dismiss.title"),
+        message: a("menu.common.dialog.dismiss.message"),
+        primaryActions: {
+          text: a("menu.common.dialog.dismiss.discard"),
+          close: !0
+        },
+        secondaryActions: {
+          text: a("menu.common.actions.cancel"),
+          close: !0
+        }
+      }).onPrimary(() => {
+        f.value = !1;
+      });
+    }
+    function q(l) {
+      l.remove.state === "allowed" && z.open({
+        title: a("menu.common.dialog.remove.unit.title"),
+        message: a("menu.common.dialog.remove.unit.message", {
+          name: l.name
+        }),
+        primaryActions: {
+          text: a("menu.common.actions.remove"),
+          close: !0,
+          variant: ge.Destructive
+        },
+        secondaryActions: {
+          text: a("menu.common.actions.cancel"),
+          close: !0
+        }
+      }).onPrimary(async () => {
+        await P(() => _.sdk.unit.remove(l.id), {
+          successMessage: a("menu.unit.form.removed", { name: l.name })
+        });
+      });
+    }
+    const ue = p(() => [
+      {
+        accessorKey: "name",
+        header: () => a("menu.unit.columns.name"),
+        enableSorting: !1
+      },
+      {
+        accessorKey: "symbol",
+        header: () => a("menu.unit.columns.symbol"),
+        enableSorting: !1
+      },
+      {
+        id: "actions",
+        size: 52,
+        meta: { cellClass: "pl-16", headerContentClass: "-mx-16" },
+        header: "",
+        cell: (l) => pe(ee.FmButton, {
+          icon: "delete",
+          variant: "tertiary",
+          textColor: "neutral-gray-400",
+          disabled: l.row.original.remove.state !== "allowed",
+          "aria-label": a("menu.common.actions.delete"),
+          onClick: Y(
+            () => q(l.row.original),
+            ["stop", "prevent"]
+          )
+        })
+      }
+    ]);
+    return be(() => {
+      U(), i.value.dispose();
+    }), (l, t) => {
+      const u = h("FmButton"), g = h("FmCircularProgress"), re = h("FmSearch"), me = h("FmTable"), M = h("FmTextField"), de = h("FmStepperField"), ce = h("FmSideSheet");
+      return r(), F(xe, {
+        "data-visual-root": "unit",
+        heading: e(a)("menu.unit.title")
+      }, {
+        "append-heading": V(() => [
+          e(b).status === "ready" && d.value ? (r(), v("div", Ve, [
+            c("div", $e, [
+              m(he, {
+                value: d.value.totalCount
+              }, null, 8, ["value"])
+            ]),
+            d.value.totalCount > 0 && !N.value ? (r(), F(u, {
+              key: 0,
+              disabled: d.value.create.state !== "allowed",
+              label: e(a)("menu.unit.add"),
+              "prepend-icon": "add",
+              onClick: B
+            }, null, 8, ["disabled", "label"])) : $("", !0)
+          ])) : $("", !0)
+        ]),
+        default: V(() => [
+          e(b).status === "error" ? (r(), v("p", Ie, x(e(w)(e(b).error.message)), 1)) : e(b).status === "unavailable" ? (r(), v("p", Ne, x(e(w)(e(b).reason)), 1)) : e(b).status === "loading" ? (r(), F(g, { key: 2 })) : d.value && d.value.totalCount === 0 ? (r(), F(e(ke), {
+            key: 3,
+            action: { text: e(a)("menu.unit.add"), callback: B },
+            title: e(a)("menu.unit.empty.title"),
+            subtitle: e(a)("menu.unit.empty.subtitle")
+          }, null, 8, ["action", "title", "subtitle"])) : d.value ? (r(), v(j, { key: 4 }, [
+            c("div", Ue, [
+              c("div", Be, [
+                m(re, {
+                  autofocus: "",
+                  class: "mb-8",
+                  "model-value": le.value,
+                  placeholder: e(a)("menu.unit.table.search.placeholder"),
+                  "onUpdate:modelValue": _.sdk.unit.search
+                }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"])
+              ])
+            ]),
+            N.value ? (r(), v("div", Ee, [
+              (r(!0), v(j, null, Z(d.value.rows, (n) => (r(), v("div", {
+                key: n.id,
+                class: "py-12 px-16 flex space-x-8 items-center",
+                onClick: (k) => K(n)
+              }, [
+                c("div", Ae, [
+                  c("p", ze, x(n.name), 1),
+                  c("p", Pe, x(e(a)("menu.common.labels.a11y_labelled_name", {
+                    label: e(a)("menu.common.labels.symbol"),
+                    name: n.symbol
+                  })), 1)
+                ]),
+                m(u, {
+                  class: "shrink-0",
+                  "aria-label": e(a)("menu.common.actions.delete"),
+                  disabled: n.remove.state !== "allowed",
+                  "prepend-icon": "delete",
+                  "text-color": "neutral-gray-400",
+                  variant: "tertiary",
+                  onClick: Y((k) => q(n), ["stop"])
+                }, null, 8, ["aria-label", "disabled", "onClick"])
+              ], 8, je))), 128))
+            ])) : (r(), F(me, {
+              key: 0,
+              "column-defs": ue.value,
+              "hide-footer": "",
+              "page-size": Math.max(d.value.rows.length, 1),
+              "pin-header-row": "",
+              "row-data": se.value,
+              "shrink-at": !1,
+              onRowClick: t[0] || (t[0] = (n) => K(n.original))
+            }, null, 8, ["column-defs", "page-size", "row-data"])),
+            d.value.totalCount > 0 && N.value ? (r(), v("div", De, [
+              m(u, {
+                disabled: d.value.create.state !== "allowed",
+                label: e(a)("menu.unit.add"),
+                "prepend-icon": "add",
+                variant: "fab",
+                onClick: B
+              }, null, 8, ["disabled", "label"])
+            ])) : $("", !0)
+          ], 64)) : $("", !0),
+          m(ce, {
+            modelValue: f.value,
+            "onUpdate:modelValue": t[4] || (t[4] = (n) => f.value = n),
+            "is-container": e(ee).FmForm,
+            "is-container-props": { onValidationSuccess: ne },
+            "max-width": 560,
+            "onOn:clickedAway": ie
+          }, {
+            "side-sheet-header": V(() => {
+              var n;
+              return [
+                c("p", Oe, x(((n = o.value) == null ? void 0 : n.mode) === "update" ? e(a)("menu.unit.update") : e(a)("menu.unit.add")), 1)
+              ];
+            }),
+            "side-sheet-footer": V(() => {
+              var n, k;
+              return [
+                c("div", Ge, [
+                  m(u, {
+                    disabled: ((n = o.value) == null ? void 0 : n.submit.state) !== "allowed",
+                    label: ((k = o.value) == null ? void 0 : k.mode) === "update" ? e(a)("menu.common.actions.update") : e(a)("menu.common.actions.add"),
+                    size: "lg",
+                    type: "submit",
+                    variant: "primary"
+                  }, null, 8, ["disabled", "label"]),
+                  m(u, {
+                    label: e(a)("menu.common.actions.cancel"),
+                    size: "lg",
+                    variant: "tertiary",
+                    onClick: t[3] || (t[3] = (E) => f.value = !1)
+                  }, null, 8, ["label"])
+                ])
+              ];
+            }),
+            default: V(() => {
+              var n, k, E, Q, G, H, J;
+              return [
+                c("div", Re, [
+                  c("div", Te, [
+                    m(M, I({
+                      class: "flex-2",
+                      "error-messages": D.value ? [e(w)(D.value)] : [],
+                      label: e(a)("menu.unit.columns.name"),
+                      "model-value": ((n = o.value) == null ? void 0 : n.name) ?? ""
+                    }, e(y).field("name", i.value.setName)), null, 16, ["error-messages", "label", "model-value"]),
+                    m(M, I({
+                      class: "flex-1",
+                      "error-messages": O.value ? [e(w)(O.value)] : [],
+                      label: e(a)("menu.unit.columns.symbol"),
+                      "model-value": ((k = o.value) == null ? void 0 : k.symbol) ?? ""
+                    }, e(y).field("symbol", i.value.setSymbol)), null, 16, ["error-messages", "label", "model-value"])
+                  ]),
+                  m(de, {
+                    label: e(a)("menu.unit.precision"),
+                    max: (E = o.value) == null ? void 0 : E.precisionMax,
+                    min: (Q = o.value) == null ? void 0 : Q.precisionMin,
+                    "model-value": ((G = o.value) == null ? void 0 : G.precision) ?? 0,
+                    placeholder: e(a)("menu.unit.precision_placeholder"),
+                    step: 1,
+                    "onUpdate:modelValue": t[1] || (t[1] = (s) => i.value.setPrecision(Number(s)))
+                  }, null, 8, ["label", "max", "min", "model-value", "placeholder"]),
+                  m(u, {
+                    disabled: ((H = o.value) == null ? void 0 : H.addMeasurement.state) !== "allowed",
+                    label: e(a)("menu.unit.measurement.add"),
+                    variant: "secondary",
+                    onClick: t[2] || (t[2] = (s) => i.value.addMeasurement())
+                  }, null, 8, ["disabled", "label"]),
+                  (r(!0), v(j, null, Z(((J = o.value) == null ? void 0 : J.measurements) ?? [], (s) => {
+                    var W;
+                    return r(), v("div", {
+                      key: s.id,
+                      class: "flex flex-col gap-8"
+                    }, [
+                      c("div", Le, [
+                        c("p", Ke, x(e(a)("menu.unit.measurement.title", {
+                          number: s.position
+                        })), 1),
+                        m(u, {
+                          "aria-label": e(a)("menu.unit.measurement.remove", {
+                            number: s.position
+                          }),
+                          disabled: s.remove.state !== "allowed",
+                          icon: "delete",
+                          variant: "secondary",
+                          onClick: (C) => i.value.removeMeasurement(s.id)
+                        }, null, 8, ["aria-label", "disabled", "onClick"])
+                      ]),
+                      c("div", qe, [
+                        m(M, I(
+                          {
+                            "error-messages": T(
+                              s.id,
+                              "measurementName",
+                              s.nameIssue
+                            ),
+                            label: e(a)("menu.unit.measurement.name"),
+                            "model-value": s.name
+                          },
+                          { ref_for: !0 },
+                          e(y).field(
+                            `measurementName:${s.id}`,
+                            (C) => i.value.setMeasurementName(s.id, C)
+                          )
+                        ), null, 16, ["error-messages", "label", "model-value"]),
+                        m(M, I(
+                          {
+                            "error-messages": T(
+                              s.id,
+                              "measurementSymbol",
+                              s.symbolIssue
+                            ),
+                            label: e(a)("menu.unit.measurement.symbol"),
+                            "model-value": s.symbol
+                          },
+                          { ref_for: !0 },
+                          e(y).field(
+                            `measurementSymbol:${s.id}`,
+                            (C) => i.value.setMeasurementSymbol(s.id, C)
+                          )
+                        ), null, 16, ["error-messages", "label", "model-value"])
+                      ]),
+                      m(M, {
+                        label: e(a)("menu.unit.measurement.conversion"),
+                        "model-value": s.conversion,
+                        "onUpdate:modelValue": (C) => i.value.setMeasurementConversion(s.id, C)
+                      }, null, 8, ["label", "model-value", "onUpdate:modelValue"]),
+                      c("p", Qe, x(e(a)("menu.unit.measurement.preview_line", {
+                        name: s.name,
+                        value: s.conversionValue,
+                        unit: ((W = o.value) == null ? void 0 : W.name) ?? ""
+                      })), 1)
+                    ]);
+                  }), 128))
+                ])
+              ];
+            }),
+            _: 1
+          }, 8, ["modelValue", "is-container", "is-container-props"])
+        ]),
+        _: 1
+      }, 8, ["heading"]);
+    };
+  }
+}), sa = /* @__PURE__ */ ae({
+  __name: "Unit",
+  setup(A) {
+    const _ = Me();
+    return (a, w) => (r(), F(He, { sdk: e(_) }, null, 8, ["sdk"]));
+  }
+});
+export {
+  sa as default
+};

package/dist/{Variant-BNnR5rLv.js → Variant-CZsrYRMU.js}

@@ -1,16 +1,16 @@
 import { defineComponent as fe, computed as h, ref as Pe, shallowRef as B, h as x, withModifiers as ue, onUnmounted as Te, resolveComponent as b, openBlock as i, createBlock as f, unref as t, withCtx as p, createElementBlock as C, toDisplayString as S, Fragment as ce, createElementVNode as d, normalizeClass as me, createVNode as r, renderList as Ve, createCommentVNode as L, mergeProps as de, createSlots as $e, nextTick as Ee } from "vue";
-import { _ as Oe, d as ze } from "./FormSection.vue_vue_type_script_setup_true_lang-pY-_msnM.js";
+import { _ as Oe, d as ze } from "./vuedraggable-CBtQLb_S.js";
 import { useI18n as Me } from "@feedmepos/mf-common";
 import { useDialog as je, useBreakpoints as Be, components as pe, FmButtonVariant as H } from "@feedmepos/ui-library";
-import { _ as Ue } from "./ApplyProduct.vue_vue_type_script_setup_true_lang-C9OSr8ft.js";
+import { _ as Ue } from "./ApplyProduct.vue_vue_type_script_setup_true_lang-Hdsnu29V.js";
 import { _ as Ae } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
-import { _ as Ne } from "./ProductVariantTranslationSheet.vue_vue_type_script_setup_true_lang-BMDSkfcn.js";
+import { _ as Ne } from "./ProductVariantTranslationSheet.vue_vue_type_script_setup_true_lang-CDYcHXo1.js";
 import { _ as qe } from "./FormItem.vue_vue_type_script_setup_true_lang-C2S6QCyR.js";
 import { _ as De } from "./PageLayout.vue_vue_type_script_setup_true_lang-B3szUH39.js";
 import { _ as ve } from "./TranslationViewChip.vue_vue_type_script_setup_true_lang-CAkLEmSA.js";
-import { u as Re } from "./useActionFeedback-89GwO41T.js";
+import { u as Re } from "./useActionFeedback-Dm2HDa_2.js";
 import { u as Qe } from "./useEditorValidation-Ctef5Bxt.js";
-import { b as Ge, u as He, a as Ke } from "./provide-BJRbSauL.js";
+import { b as Ge, u as He, a as Ke } from "./provide-CDmXzkhz.js";
 const Je = {
   key: 0,
   class: "text-fm-color-typo-secondary",

package/dist/{_id_-a9ZtdjtT.js → _id_-D4swrvNa.js}

@@ -1,8 +1,8 @@
 import { defineComponent as i, watch as l, onUnmounted as m, openBlock as d, createBlock as p, unref as f } from "vue";
 import { useRoute as _, useRouter as g, RouterView as k } from "vue-router";
-import { a as R, u as w } from "./provide-BJRbSauL.js";
-import { u as h } from "./useActionFeedback-89GwO41T.js";
-import { R as y } from "./app-CmElp8cO.js";
+import { a as R, u as w } from "./provide-CDmXzkhz.js";
+import { u as h } from "./useActionFeedback-Dm2HDa_2.js";
+import { R as y } from "./app-BWwwHsWi.js";
 const M = /* @__PURE__ */ i({
   __name: "[id]",
   setup(x) {