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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@feedmepos/mf-menu-portal",
-  "version": "1.0.4-dev.2",
+  "version": "1.0.4-dev.4",
   "type": "module",
   "files": [
     "dist"
@@ -39,7 +39,7 @@
     "@feedmepos/menu-sdk": "file:../../packages/menu-sdk",
     "@rushstack/eslint-patch": "^1.3.3",
     "@types/jsdom": "21.1.7",
-    "@types/node": "^20.0.0",
+    "@types/node": "^24.19.2",
     "@vitejs/plugin-vue": "5.2.4",
     "@vitejs/plugin-vue-jsx": "^5.0.0",
     "@vue/eslint-config-prettier": "^8.0.0",

package/dist/CatalogEditor.vue_vue_type_script_setup_true_lang-Byp1db9_.js

@@ -1,484 +0,0 @@
-import { defineComponent as re, computed as C, ref as me, watch as se, resolveComponent as d, openBlock as r, createElementBlock as c, Fragment as F, createBlock as b, resolveDynamicComponent as ie, mergeProps as $, unref as e, createSlots as de, withCtx as m, createCommentVNode as i, toDisplayString as g, createVNode as t, renderList as T, createElementVNode as v, createTextVNode as P, withModifiers as W, normalizeClass as ce } from "vue";
-import { RouterLink as pe } from "vue-router";
-import { useI18n as be } from "@feedmepos/mf-common";
-import { components as G, FmButtonColorThemeVariant as V } from "@feedmepos/ui-library";
-import { _ as ve } from "./FormSection.vue_vue_type_script_setup_true_lang-pY-_msnM.js";
-import { _ as h } from "./FormItem.vue_vue_type_script_setup_true_lang-C2S6QCyR.js";
-import { _ as fe } from "./PageLayout.vue_vue_type_script_setup_true_lang-B3szUH39.js";
-import { _ as ke } from "./LinkProductSideSheet.vue_vue_type_script_setup_true_lang-CR99740r.js";
-import { _ as ge } from "./CatalogLinkProductAction.vue_vue_type_script_setup_true_lang-4EZ4yM_N.js";
-import { _ as _e } from "./SubItemTaxWarning.vue_vue_type_script_setup_true_lang-BUyK6Jaa.js";
-import { _ as ye } from "./CatalogEditTabs.vue_vue_type_script_setup_true_lang-Cy2culdR.js";
-import { b as Ce, u as j } from "./provide-BJRbSauL.js";
-import { u as Fe } from "./useActionFeedback-89GwO41T.js";
-import { u as Y } from "./useEditorValidation-Ctef5Bxt.js";
-import { R as he } from "./app-CmElp8cO.js";
-const Ve = {
-  key: 1,
-  role: "alert"
-}, xe = {
-  key: 2,
-  class: "max-w-[752px] pt-16 space-y-32"
-}, we = {
-  key: 0,
-  class: "pl-32 space-x-8"
-}, Me = { class: "space-y-16" }, De = { class: "space-y-16" }, Se = { class: "pl-[60px] space-y-16" }, Ue = { class: "space-x-16 flex items-center" }, Ie = { class: "flex-1 space-y-4" }, $e = { class: "fm-typo-en-body-md-400" }, Te = {
-  key: 3,
-  class: "max-w-[752px] pt-40 flex justify-end"
-}, Pe = { class: "flex gap-8 items-center justify-start" }, Le = {
-  key: 0,
-  class: "space-y-16"
-}, Re = {
-  key: 1,
-  class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary"
-}, Xe = /* @__PURE__ */ re({
-  __name: "CatalogEditor",
-  props: {
-    sdk: {},
-    editor: {},
-    picker: {},
-    page: { type: Boolean }
-  },
-  emits: ["close"],
-  setup(q, { emit: H }) {
-    const f = q, x = H, { t: a } = be(), w = Ce(), { run: J } = Fe(), M = Y(() => f.editor), _ = j(f.editor), L = j(f.picker), l = C(
-      () => _.value.status === "ready" ? _.value.value : null
-    ), R = C(
-      () => l.value ? M.issue(l.value.fieldIssues, "name") ?? l.value.nameIssue : null
-    ), D = Y(() => {
-      var n;
-      const o = (n = l.value) == null ? void 0 : n.markupDraft;
-      return o ? o.index ?? "new" : null;
-    }), B = C(
-      () => {
-        var o;
-        return (o = l.value) != null && o.markupDraft ? D.issue(l.value.markupFieldIssues, "percentage") ?? l.value.markupDraft.issue : null;
-      }
-    ), K = C(
-      () => L.value.status === "ready" ? L.value.value : null
-    ), y = me(!1), N = C({
-      get: () => {
-        var o;
-        return !!((o = l.value) != null && o.markupDraft);
-      },
-      set: (o) => {
-        o || f.editor.cancelMarkup();
-      }
-    });
-    se(
-      () => _.value.status,
-      (o) => {
-        (o === "error" || o === "unavailable") && (y.value = !1);
-      }
-    );
-    async function O() {
-      (await J(
-        () => M.submit(() => f.editor.submit()),
-        {
-          showLoading: () => {
-            var n;
-            return ((n = l.value) == null ? void 0 : n.status) === "submitting";
-          },
-          successMessage: (n) => a("menu.catalog.saved", { name: n.name })
-        }
-      )).kind === "success" && x("close");
-    }
-    function Q() {
-      D.submit(async () => f.editor.saveMarkup());
-    }
-    function X(o) {
-      f.editor.setMarkupProducts(o), y.value = !1;
-    }
-    return (o, n) => {
-      var E, z, A;
-      const p = d("FmButton"), Z = d("FmTextField"), k = d("FmRadio"), S = d("FmRadioGroup"), ee = d("FmCheckbox"), U = d("FmSwitch"), ae = d("FmSelect"), le = d("FmChip"), oe = d("FmCard"), te = d("FmIcon"), ue = d("FmStepperField"), ne = d("FmDialog");
-      return r(), c(F, null, [
-        (r(), b(ie(o.page ? fe : "FmSideSheet"), $(
-          o.page ? { heading: ((E = l.value) == null ? void 0 : E.name) ?? "" } : {
-            modelValue: !0,
-            isContainer: e(G).FmForm,
-            isContainerProps: {
-              onValidationSuccess: O,
-              blameFormChildOnValidationFailed: !0
-            },
-            maxWidth: 560
-          },
-          {
-            "onUpdate:modelValue": n[2] || (n[2] = (u) => !u && x("close"))
-          }
-        ), de({
-          "side-sheet-footer": m(() => {
-            var u;
-            return [
-              v("div", Pe, [
-                t(p, {
-                  loading: ((u = l.value) == null ? void 0 : u.status) === "submitting",
-                  disabled: !l.value || l.value.submit.state !== "allowed",
-                  label: e(a)("menu.common.actions.add"),
-                  size: "lg",
-                  type: "submit",
-                  variant: "primary"
-                }, null, 8, ["loading", "disabled", "label"]),
-                t(p, {
-                  label: e(a)("menu.common.actions.cancel"),
-                  size: "lg",
-                  variant: "tertiary",
-                  onClick: n[1] || (n[1] = (s) => x("close"))
-                }, null, 8, ["label"])
-              ])
-            ];
-          }),
-          default: m(() => [
-            o.page ? (r(), b(ye, { key: 0 })) : i("", !0),
-            e(_).status === "error" ? (r(), c("p", Ve, g(e(w)(e(_).error.message)), 1)) : i("", !0),
-            l.value ? (r(), c("div", xe, [
-              t(ve, {
-                title: e(a)("menu.catalog.detail")
-              }, {
-                default: m(() => [
-                  t(Z, $({
-                    "model-value": l.value.name,
-                    autofocus: "",
-                    label: e(a)("menu.catalog.form.name"),
-                    "error-messages": R.value ? [e(w)(R.value)] : []
-                  }, e(M).field("name", o.editor.setName)), null, 16, ["model-value", "label", "error-messages"]),
-                  t(h, {
-                    class: "pt-8",
-                    label: e(a)("menu.catalog.form.tax.title")
-                  }, {
-                    default: m(() => [
-                      t(S, {
-                        "model-value": l.value.taxMode,
-                        "onUpdate:modelValue": o.editor.setTaxMode
-                      }, {
-                        default: m(() => [
-                          t(k, {
-                            value: "automatic",
-                            label: e(a)("menu.catalog.form.tax.auto.label"),
-                            sublabel: e(a)("menu.catalog.form.tax.auto.sublabel")
-                          }, null, 8, ["label", "sublabel"]),
-                          t(k, {
-                            value: "manual",
-                            label: e(a)("menu.catalog.form.tax.manual.label"),
-                            sublabel: e(a)("menu.catalog.form.tax.manual.sublabel")
-                          }, null, 8, ["label", "sublabel"])
-                        ]),
-                        _: 1
-                      }, 8, ["model-value", "onUpdate:modelValue"]),
-                      l.value.taxMode === "manual" ? (r(), c("div", we, [
-                        (r(!0), c(F, null, T(l.value.taxes, (u) => (r(), b(ee, {
-                          key: u.systemCode,
-                          "model-value": u.inclusive,
-                          value: !0,
-                          label: e(a)("menu.catalog.form.tax.inclusive", { code: u.systemCode }),
-                          "onUpdate:modelValue": (s) => o.editor.setTaxInclusive(u.systemCode, s)
-                        }, null, 8, ["model-value", "label", "onUpdate:modelValue"]))), 128))
-                      ])) : i("", !0)
-                    ]),
-                    _: 1
-                  }, 8, ["label"]),
-                  l.value.subItemTax ? (r(), b(h, {
-                    key: 0,
-                    label: e(a)("menu.menu_setting.sub_item_tax.title")
-                  }, {
-                    default: m(() => [
-                      v("div", Me, [
-                        t(S, {
-                          "model-value": l.value.subItemTax.choice,
-                          "onUpdate:modelValue": o.editor.setSubItemTaxChoice
-                        }, {
-                          default: m(() => [
-                            t(k, {
-                              value: "inherit",
-                              label: e(a)("menu.catalog.form.sub_item_tax.inherit.label"),
-                              sublabel: e(a)(
-                                l.value.subItemTax.inherited === "own" ? "menu.catalog.form.sub_item_tax.inherit.current_own" : "menu.catalog.form.sub_item_tax.inherit.current_parent"
-                              )
-                            }, null, 8, ["label", "sublabel"]),
-                            t(k, {
-                              value: "parent",
-                              label: e(a)("menu.catalog.form.sub_item_tax.parent.label"),
-                              sublabel: e(a)("menu.catalog.form.sub_item_tax.parent.sublabel")
-                            }, null, 8, ["label", "sublabel"]),
-                            t(k, {
-                              value: "own",
-                              label: e(a)("menu.catalog.form.sub_item_tax.own.label"),
-                              sublabel: e(a)("menu.catalog.form.sub_item_tax.own.sublabel")
-                            }, null, 8, ["label", "sublabel"])
-                          ]),
-                          _: 1
-                        }, 8, ["model-value", "onUpdate:modelValue"]),
-                        l.value.subItemTax.resolved === "own" ? (r(), b(_e, { key: 0 })) : i("", !0)
-                      ])
-                    ]),
-                    _: 1
-                  }, 8, ["label"])) : i("", !0),
-                  l.value.statutoryChargeWaivers.length > 0 ? (r(), b(h, {
-                    key: 1,
-                    label: e(a)("menu.catalog.form.statutory_charges.title")
-                  }, {
-                    default: m(() => [
-                      v("div", De, [
-                        (r(!0), c(F, null, T(l.value.statutoryChargeWaivers, (u) => (r(), b(U, {
-                          key: u.code,
-                          "model-value": u.waived,
-                          label: e(a)("menu.catalog.form.statutory_charges.waive", {
-                            name: u.name
-                          }),
-                          sublabel: e(a)("menu.catalog.form.statutory_charges.sublabel"),
-                          "label-placement": "right",
-                          "onUpdate:modelValue": (s) => o.editor.setStatutoryChargeWaived(u.code, s)
-                        }, null, 8, ["model-value", "label", "sublabel", "onUpdate:modelValue"]))), 128))
-                      ])
-                    ]),
-                    _: 1
-                  }, 8, ["label"])) : i("", !0)
-                ]),
-                _: 1
-              }, 8, ["title"]),
-              l.value.advanced.state === "allowed" ? (r(), c(F, { key: 0 }, [
-                t(h, {
-                  label: e(a)("menu.catalog.form.link.title")
-                }, {
-                  default: m(() => [
-                    t(U, {
-                      "model-value": l.value.autoLink,
-                      label: e(a)("menu.catalog.form.link.auto_link.label"),
-                      sublabel: e(a)("menu.catalog.form.link.auto_link.sublabel"),
-                      "label-placement": "right",
-                      "onUpdate:modelValue": o.editor.setAutoLink
-                    }, null, 8, ["model-value", "label", "sublabel", "onUpdate:modelValue"]),
-                    l.value.autoLink ? (r(), b(ae, {
-                      key: 0,
-                      class: "ml-[60px]",
-                      "aria-label": e(a)("menu.catalog.form.link.title"),
-                      "model-value": l.value.orderFrom,
-                      items: [
-                        { label: e(a)("menu.catalog.form.link.options.all"), value: "ALL" },
-                        {
-                          label: e(a)("menu.catalog.form.link.options.pos_only"),
-                          value: "POS_ONLY"
-                        }
-                      ],
-                      "onUpdate:modelValue": o.editor.setOrderFrom
-                    }, null, 8, ["aria-label", "model-value", "items", "onUpdate:modelValue"])) : i("", !0)
-                  ]),
-                  _: 1
-                }, 8, ["label"]),
-                t(h, {
-                  label: e(a)("menu.catalog.form.markup.title")
-                }, {
-                  default: m(() => [
-                    t(U, {
-                      "model-value": l.value.markupEnabled,
-                      label: e(a)("menu.catalog.form.markup.auto.label"),
-                      sublabel: e(a)("menu.catalog.form.markup.auto.sublabel"),
-                      "label-placement": "right",
-                      "onUpdate:modelValue": o.editor.setMarkupEnabled
-                    }, null, 8, ["model-value", "label", "sublabel", "onUpdate:modelValue"]),
-                    v("div", Se, [
-                      t(p, {
-                        variant: "secondary",
-                        "text-color": e(V).ColorPrimary,
-                        "border-color": e(V).ColorPrimary,
-                        label: e(a)("menu.catalog.form.markup.add"),
-                        "prepend-icon": "add",
-                        onClick: n[0] || (n[0] = (u) => o.editor.beginMarkup())
-                      }, null, 8, ["text-color", "border-color", "label"]),
-                      (r(!0), c(F, null, T(l.value.markups, (u, s) => (r(), b(oe, {
-                        key: s,
-                        class: "py-12 px-16 cursor-pointer",
-                        role: "row",
-                        variant: "outlined",
-                        onClick: (I) => o.editor.beginMarkup(s)
-                      }, {
-                        default: m(() => [
-                          v("div", Ue, [
-                            v("div", Ie, [
-                              t(le, { class: "text-fm-color-typo-info bg-fm-color-system-info-100 font-semibold" }, {
-                                default: m(() => [
-                                  P(g(e(a)("menu.catalog.form.markup.percentage", {
-                                    value: u.percentage
-                                  })), 1)
-                                ]),
-                                _: 2
-                              }, 1024),
-                              t(p, {
-                                class: "fm-typo-en-body-lg-400",
-                                onClick: W((I) => o.editor.beginMarkup(s), ["stop"])
-                              }, {
-                                default: m(() => [
-                                  P(g(e(a)("menu.catalog.form.markup.config", {
-                                    number: s + 1
-                                  })), 1)
-                                ]),
-                                _: 2
-                              }, 1032, ["onClick"]),
-                              v("p", $e, g(u.productCount === null ? e(a)("menu.catalog.form.markup.all_items") : e(a)("menu.catalog.form.markup.products", {
-                                count: u.productCount
-                              })), 1)
-                            ]),
-                            t(p, {
-                              variant: "tertiary",
-                              "prepend-icon": "delete",
-                              "aria-label": e(a)("menu.catalog.remove_markup"),
-                              onClick: W((I) => o.editor.removeMarkup(s), ["stop"])
-                            }, null, 8, ["aria-label", "onClick"])
-                          ])
-                        ]),
-                        _: 2
-                      }, 1032, ["onClick"]))), 128))
-                    ])
-                  ]),
-                  _: 1
-                }, 8, ["label"])
-              ], 64)) : i("", !0)
-            ])) : i("", !0),
-            o.page && l.value ? (r(), c("div", Te, [
-              t(p, {
-                loading: l.value.status === "submitting",
-                disabled: l.value.submit.state !== "allowed",
-                label: e(a)("menu.common.actions.save"),
-                size: "lg",
-                variant: "primary",
-                onClick: O
-              }, null, 8, ["loading", "disabled", "label"])
-            ])) : i("", !0)
-          ]),
-          _: 2
-        }, [
-          o.page ? {
-            name: "prepend-heading",
-            fn: m(() => [
-              t(e(pe), {
-                to: { name: e(he).CATALOG },
-                class: "mr-8",
-                title: e(a)("menu.catalog.edit.back")
-              }, {
-                default: m(() => [
-                  t(p, {
-                    "aria-label": e(a)("menu.catalog.edit.back"),
-                    "prepend-icon": "arrow_back",
-                    variant: "tertiary"
-                  }, null, 8, ["aria-label"])
-                ]),
-                _: 1
-              }, 8, ["to", "title"])
-            ]),
-            key: "0"
-          } : void 0,
-          o.page ? {
-            name: "append-heading",
-            fn: m(() => [
-              t(ge, { sdk: o.sdk }, null, 8, ["sdk"])
-            ]),
-            key: "1"
-          } : void 0
-        ]), 1040)),
-        t(ne, {
-          modelValue: N.value,
-          "onUpdate:modelValue": n[6] || (n[6] = (u) => N.value = u),
-          "is-component": e(G).FmForm,
-          "is-component-props": { onValidationSuccess: Q }
-        }, {
-          "dialog-header": m(() => {
-            var u, s;
-            return [
-              P(g(((s = (u = l.value) == null ? void 0 : u.markupDraft) == null ? void 0 : s.index) === null ? e(a)("menu.markup.dialog.title.add") : e(a)("menu.markup.dialog.title.update")), 1)
-            ];
-          }),
-          "dialog-footer": m(() => {
-            var u, s;
-            return [
-              t(p, {
-                class: "sm:w-full xs:w-full ml-auto",
-                label: e(a)("menu.common.actions.cancel"),
-                variant: "tertiary",
-                onClick: n[5] || (n[5] = (I) => o.editor.cancelMarkup())
-              }, null, 8, ["label"]),
-              t(p, {
-                label: ((s = (u = l.value) == null ? void 0 : u.markupDraft) == null ? void 0 : s.index) === null ? e(a)("menu.common.actions.add") : e(a)("menu.common.actions.update"),
-                class: "sm:w-full xs:w-full",
-                size: "md",
-                type: "submit",
-                variant: "primary"
-              }, null, 8, ["label"])
-            ];
-          }),
-          default: m(() => {
-            var u;
-            return [
-              (u = l.value) != null && u.markupDraft ? (r(), c("div", Le, [
-                t(ue, $(
-                  {
-                    "model-value": l.value.markupDraft.percentage,
-                    decimal: 0,
-                    max: 100,
-                    min: 0,
-                    label: e(a)("menu.markup.dialog.fields.percentage.label"),
-                    placeholder: e(a)("menu.markup.dialog.fields.percentage.placeholder"),
-                    "error-messages": B.value ? [e(w)(B.value)] : []
-                  },
-                  e(D).field("percentage", o.editor.setMarkupPercentage)
-                ), {
-                  prepend: m(() => [
-                    t(te, { name: "percent" })
-                  ]),
-                  _: 1
-                }, 16, ["model-value", "label", "placeholder", "error-messages"]),
-                t(S, {
-                  "model-value": l.value.markupDraft.productIds === null ? "all" : "custom",
-                  class: "space-y-8",
-                  "onUpdate:modelValue": n[3] || (n[3] = (s) => o.editor.setMarkupProducts(s === "all" ? null : []))
-                }, {
-                  default: m(() => [
-                    t(k, {
-                      value: "all",
-                      "aria-label": e(a)("menu.markup.dialog.options.all"),
-                      label: e(a)("menu.markup.dialog.options.all")
-                    }, null, 8, ["aria-label", "label"]),
-                    t(k, {
-                      value: "custom",
-                      "aria-label": e(a)("menu.markup.dialog.options.custom"),
-                      label: e(a)("menu.markup.dialog.options.custom")
-                    }, null, 8, ["aria-label", "label"])
-                  ]),
-                  _: 1
-                }, 8, ["model-value"]),
-                v("div", {
-                  class: ce(["ml-32 mt-16 space-y-8", { "pb-8": l.value.markupDraft.productIds !== null }])
-                }, [
-                  l.value.markupDraft.productIds !== null ? (r(), b(p, {
-                    key: 0,
-                    variant: "secondary",
-                    "text-color": e(V).ColorPrimary,
-                    "border-color": e(V).ColorPrimary,
-                    "aria-label": e(a)("menu.markup.dialog.products.link"),
-                    label: e(a)("menu.markup.dialog.products.link"),
-                    "prepend-icon": "link",
-                    onClick: n[4] || (n[4] = (s) => y.value = !0)
-                  }, null, 8, ["text-color", "border-color", "aria-label", "label"])) : i("", !0),
-                  l.value.markupDraft.productCount ? (r(), c("p", Re, g(e(a)("menu.markup.dialog.products.count", {
-                    count: l.value.markupDraft.productCount
-                  })), 1)) : i("", !0)
-                ], 2)
-              ])) : i("", !0)
-            ];
-          }),
-          _: 1
-        }, 8, ["modelValue", "is-component", "is-component-props"]),
-        t(ke, {
-          modelValue: y.value,
-          "onUpdate:modelValue": n[7] || (n[7] = (u) => y.value = u),
-          catalogue: K.value,
-          "selected-product-ids": ((A = (z = l.value) == null ? void 0 : z.markupDraft) == null ? void 0 : A.productIds) ?? [],
-          title: e(a)("menu.markup.dialog.products.link"),
-          onSubmit: X
-        }, null, 8, ["modelValue", "catalogue", "selected-product-ids", "title"])
-      ], 64);
-    };
-  }
-});
-export {
-  Xe as _
-};