@feedmepos/mf-menu-portal 0.0.0-stage → 1.0.1-dev.1

package/dist/ServingSequence-BGT5m7JB.js

@@ -0,0 +1,336 @@
+import { defineComponent as A, computed as i, ref as ne, shallowRef as N, h as B, withModifiers as oe, onUnmounted as le, resolveComponent as _, openBlock as m, createBlock as k, unref as t, withCtx as b, createElementBlock as F, toDisplayString as K, Fragment as ue, createElementVNode as h, createVNode as v, createCommentVNode as x, mergeProps as ie } from "vue";
+import { useI18n as re, ItemSelector as ce } from "@feedmepos/mf-common";
+import { useDialog as de, components as U, FmButtonVariant as me } from "@feedmepos/ui-library";
+import { _ as ve } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
+import { _ as pe } from "./PageLayout.vue_vue_type_script_setup_true_lang-B3szUH39.js";
+import { u as ge } from "./useActionFeedback-DoFeBFpl.js";
+import { u as _e } from "./useEditorValidation-Ctef5Bxt.js";
+import { b as fe, u as j, a as be } from "./provide-Tmjfji09.js";
+const he = {
+  key: 0,
+  class: "flex-1 flex justify-end gap-8 pl-8"
+}, ke = {
+  key: 0,
+  role: "alert",
+  class: "text-fm-color-typo-secondary"
+}, ye = { class: "flex justify-end items-center" }, qe = { class: "w-[320px]" }, Se = { class: "fm-typo-en-title-md-600" }, we = { class: "space-y-32 flex flex-col h-full" }, Fe = { class: "flex gap-8 items-center justify-start" }, xe = /* @__PURE__ */ A({
+  __name: "ServingSequenceList",
+  props: {
+    sdk: {}
+  },
+  setup(C) {
+    const r = C, { t: a } = re(), y = fe(), P = de(), { run: q } = ge(), p = j(
+      r.sdk.servingSequence.list
+    ), o = i(
+      () => p.value.status === "ready" ? p.value.value : null
+    ), I = i(() => {
+      var e;
+      return ((e = o.value) == null ? void 0 : e.query) ?? "";
+    }), T = i(() => {
+      var e;
+      return [...((e = o.value) == null ? void 0 : e.rows) ?? []];
+    }), g = ne(!1), V = j(
+      r.sdk.linkProduct.catalogue
+    ), L = i(
+      () => V.value.status === "ready" ? V.value.value : null
+    ), R = i(
+      () => {
+        var e;
+        return (((e = L.value) == null ? void 0 : e.groups) ?? []).map((s) => ({
+          id: s.id,
+          name: s.name,
+          items: s.products.map((n) => ({
+            _id: n.id,
+            name: n.name,
+            code: n.code,
+            codeName: n.label,
+            // The selector builds its attribute filter from these and filters the
+            // product list by them; omitting them renders the filter with empty
+            // value sets. Legacy reaches them by spreading the whole item
+            // (portal apps/mf-menu/src/helper/menu.ts:257-261).
+            customAttributes: n.customAttributes ?? void 0,
+            variant: {
+              variantGroupIds: [...n.variantGroupIds],
+              variantCombinations: n.variants.map((d) => ({
+                _id: n.id,
+                combinationKey: d.combinationKey,
+                codeName: d.label
+              }))
+            }
+          }))
+        }));
+      }
+    ), $ = [], O = i(
+      () => {
+        var e;
+        return ((e = c.value) == null ? void 0 : e.linkedItems) ?? $;
+      }
+    ), G = i(
+      () => {
+        const e = {};
+        for (const s of O.value)
+          e[s._id] = [...e[s._id] ?? [], s];
+        return e;
+      }
+    );
+    function Q(e) {
+      u.value.setLinkedItems(
+        Object.values(e).flat().map((s) => ({
+          _id: s._id,
+          combinationKey: s.combinationKey ?? null,
+          orderFrom: s.orderFrom ?? null
+        }))
+      );
+    }
+    const u = N(
+      r.sdk.servingSequence.editor()
+    ), f = N(
+      u.value.get()
+    );
+    let S = u.value.subscribe((e) => {
+      f.value = e;
+    });
+    const c = i(
+      () => f.value.status === "ready" ? f.value.value : null
+    ), w = _e(() => u.value), z = i(
+      () => c.value ? w.issue(c.value.fieldIssues, "name") ?? c.value.nameIssue : null
+    );
+    function D(e) {
+      S(), u.value.dispose(), u.value = r.sdk.servingSequence.editor(e), f.value = u.value.get(), S = u.value.subscribe((s) => {
+        f.value = s;
+      });
+    }
+    function E() {
+      var e;
+      ((e = o.value) == null ? void 0 : e.create.state) === "allowed" && (D(), g.value = !0);
+    }
+    function H(e) {
+      D(e.id), g.value = !0;
+    }
+    async function J() {
+      var n;
+      const e = ((n = c.value) == null ? void 0 : n.name.trim()) ?? "";
+      (await q(
+        () => w.submit(() => u.value.submit()),
+        {
+          showLoading: () => {
+            var d;
+            return ((d = c.value) == null ? void 0 : d.status) === "submitting";
+          },
+          successMessage: a("menu.serving_sequence.form.saved", {
+            name: e || a("menu.serving_sequence.title")
+          })
+        }
+      )).kind === "success" && (g.value = !1);
+    }
+    function W(e) {
+      e.remove.state === "allowed" && P.open({
+        title: a("menu.serving_sequence.delete.title"),
+        message: a("menu.serving_sequence.delete.message", {
+          name: e.name
+        }),
+        primaryActions: {
+          text: a("menu.serving_sequence.delete.confirm"),
+          close: !0,
+          variant: me.Destructive
+        },
+        secondaryActions: {
+          text: a("menu.common.actions.cancel"),
+          close: !0
+        }
+      }).onPrimary(async () => {
+        await q(() => r.sdk.servingSequence.remove(e.id), {
+          successMessage: a("menu.serving_sequence.delete.success", {
+            name: e.name
+          })
+        });
+      });
+    }
+    const X = i(() => {
+      var e;
+      return ((e = o.value) == null ? void 0 : e.reorder.state) === "allowed";
+    });
+    function Y(e) {
+      var n;
+      if (((n = o.value) == null ? void 0 : n.reorder.state) !== "allowed") return;
+      const s = e.map((d) => d.id);
+      s.length && q(() => r.sdk.servingSequence.reorder(s), {
+        // The only one of this module's success messages that takes no entity
+        // `{name}`: legacy fed the shared `{name} saved` template the module's own
+        // plural noun for a rearrange, so the toast reads "sequences saved" rather
+        // than naming a row — the frozen baseline records exactly that text
+        // (serveSequence/rearrange/submit/success). Feeding it
+        // `menu.serving_sequence.title` produced "Serving sequence saved" instead,
+        // which parity caught on 2026-08-28 with a delta that was already equal.
+        // Each locale carries the whole sentence, as category does for the same
+        // reason: the word order of "{name} saved" does not survive translation.
+        successMessage: a("menu.serving_sequence.reorder.success")
+      });
+    }
+    const Z = i(() => [
+      {
+        accessorKey: "name",
+        header: () => a("menu.serving_sequence.columns.name"),
+        enableSorting: !1,
+        // Legacy fixes the name column at 360px (`ServingSequence.vue:151-156`),
+        // which sets where the Product-linked column starts. Omitting it let
+        // FmTable distribute the width instead, and the two tables then differ by
+        // the position of every cell in the second column — invisible until the
+        // populated-table golden is compared.
+        size: 360
+      },
+      {
+        accessorKey: "linkedItemCount",
+        header: () => a("menu.serving_sequence.columns.products"),
+        enableSorting: !1,
+        cell: (e) => a("menu.common.labels.items_linked", {
+          count: e.row.original.linkedItemCount
+        })
+      },
+      {
+        id: "actions",
+        size: 52,
+        meta: { cellClass: "pl-16", headerContentClass: "-mx-16" },
+        header: "",
+        // Legacy wraps the button in a right-aligning flex row and renders the
+        // glyph as `prependIcon` rather than `icon` — two different FmButton
+        // renderings, and the wrapper is what pushes the control to the cell's
+        // right edge (`ServingSequence.vue:176-192`). Both are reproduced; the
+        // accessible name is the one deliberate addition, owned by the new app
+        // (legacy's control is icon-only and unnamed).
+        cell: (e) => B("div", { class: "w-full flex justify-end items-center" }, [
+          B(U.FmButton, {
+            prependIcon: "delete",
+            variant: "tertiary",
+            textColor: "neutral-gray-400",
+            disabled: e.row.original.remove.state !== "allowed",
+            "aria-label": a("menu.common.actions.delete"),
+            onClick: oe(
+              () => W(e.row.original),
+              ["stop", "prevent"]
+            )
+          })
+        ])
+      }
+    ]);
+    return le(() => {
+      S(), u.value.dispose(), r.sdk.servingSequence.search("");
+    }), (e, s) => {
+      const n = _("FmButton"), d = _("FmCircularProgress"), ee = _("FmSearch"), ae = _("FmTable"), se = _("FmTextField"), te = _("FmSideSheet");
+      return m(), k(pe, {
+        "data-visual-root": "serveSequence",
+        heading: t(a)("menu.serving_sequence.title")
+      }, {
+        "append-heading": b(() => [
+          t(p).status === "ready" && o.value ? (m(), F("div", he, [
+            o.value.totalCount > 0 ? (m(), k(n, {
+              key: 0,
+              disabled: o.value.create.state !== "allowed",
+              label: t(a)("menu.serving_sequence.add"),
+              "prepend-icon": "add",
+              onClick: E
+            }, null, 8, ["disabled", "label"])) : x("", !0)
+          ])) : x("", !0)
+        ]),
+        default: b(() => [
+          t(p).status === "error" ? (m(), F("p", ke, K(t(y)(t(p).error.message)), 1)) : t(p).status === "loading" ? (m(), k(d, { key: 1 })) : o.value && o.value.rows.length === 0 && !I.value ? (m(), k(t(ve), {
+            key: 2,
+            action: { text: t(a)("menu.serving_sequence.add"), callback: E },
+            title: t(a)("menu.serving_sequence.empty.title"),
+            subtitle: t(a)("menu.serving_sequence.empty.subtitle")
+          }, null, 8, ["action", "title", "subtitle"])) : o.value ? (m(), F(ue, { key: 3 }, [
+            h("div", ye, [
+              h("div", qe, [
+                v(ee, {
+                  autofocus: "",
+                  class: "mb-8",
+                  "model-value": I.value,
+                  placeholder: t(a)("menu.serving_sequence.search.placeholder"),
+                  "onUpdate:modelValue": r.sdk.servingSequence.search
+                }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"])
+              ])
+            ]),
+            v(ae, {
+              "column-defs": Z.value,
+              "hide-footer": "",
+              "page-size": o.value.rows.length,
+              "pin-header-row": "",
+              "row-data": T.value,
+              "shrink-at": !1,
+              draggable: X.value,
+              onRowClick: s[0] || (s[0] = (l) => H(l.original)),
+              onDndChanged: Y
+            }, null, 8, ["column-defs", "page-size", "row-data", "draggable"])
+          ], 64)) : x("", !0),
+          v(te, {
+            modelValue: g.value,
+            "onUpdate:modelValue": s[2] || (s[2] = (l) => g.value = l),
+            "is-container": t(U).FmForm,
+            "is-container-props": { onValidationSuccess: J },
+            "max-width": 560
+          }, {
+            "side-sheet-header": b(() => {
+              var l;
+              return [
+                h("p", Se, K(((l = c.value) == null ? void 0 : l.mode) === "update" ? t(a)("menu.serving_sequence.update") : t(a)("menu.serving_sequence.add")), 1)
+              ];
+            }),
+            "side-sheet-footer": b(() => {
+              var l, M;
+              return [
+                h("div", Fe, [
+                  v(n, {
+                    disabled: ((l = c.value) == null ? void 0 : l.submit.state) !== "allowed",
+                    label: ((M = c.value) == null ? void 0 : M.mode) === "update" ? t(a)("menu.serving_sequence.update") : t(a)("menu.serving_sequence.add"),
+                    size: "lg",
+                    type: "submit",
+                    variant: "primary"
+                  }, null, 8, ["disabled", "label"]),
+                  v(n, {
+                    label: t(a)("menu.common.actions.cancel"),
+                    size: "lg",
+                    variant: "tertiary",
+                    onClick: s[1] || (s[1] = (Ce) => g.value = !1)
+                  }, null, 8, ["label"])
+                ])
+              ];
+            }),
+            default: b(() => {
+              var l;
+              return [
+                h("div", we, [
+                  v(se, ie({
+                    autofocus: "",
+                    "error-messages": z.value ? [t(y)(z.value)] : [],
+                    label: t(a)("menu.serving_sequence.columns.name"),
+                    "model-value": ((l = c.value) == null ? void 0 : l.name) ?? "",
+                    placeholder: t(a)("menu.common.labels.enter_name")
+                  }, t(w).field("name", u.value.setName)), null, 16, ["error-messages", "label", "model-value", "placeholder"]),
+                  v(t(ce), {
+                    "categorized-items": R.value,
+                    data: G.value,
+                    class: "flex-1",
+                    "select-variant": "",
+                    "show-variant": "",
+                    "onUpdate:data": Q
+                  }, null, 8, ["categorized-items", "data"])
+                ])
+              ];
+            }),
+            _: 1
+          }, 8, ["modelValue", "is-container", "is-container-props"])
+        ]),
+        _: 1
+      }, 8, ["heading"]);
+    };
+  }
+}), Ke = /* @__PURE__ */ A({
+  __name: "ServingSequence",
+  setup(C) {
+    const r = be();
+    return (a, y) => (m(), k(xe, { sdk: t(r) }, null, 8, ["sdk"]));
+  }
+});
+export {
+  Ke as default
+};

package/dist/Setting-CS_M1gMN.js

@@ -0,0 +1,173 @@
+import { defineComponent as y, computed as N, onUnmounted as R, resolveComponent as i, openBlock as o, createBlock as r, unref as e, withCtx as m, createVNode as s, createElementBlock as d, Fragment as w, renderList as F, createCommentVNode as p, createElementVNode as _, toDisplayString as G } from "vue";
+import { RouterLink as I, useRouter as T, useRoute as W } from "vue-router";
+import { useI18n as E } from "@feedmepos/mf-common";
+import { _ as S } from "./FormItem.vue_vue_type_script_setup_true_lang-C2S6QCyR.js";
+import { _ as O } from "./CatalogLinkProductAction.vue_vue_type_script_setup_true_lang-BSMAIkQ2.js";
+import { _ as j } from "./PageLayout.vue_vue_type_script_setup_true_lang-B3szUH39.js";
+import { u as D } from "./useActionFeedback-DoFeBFpl.js";
+import { R as V } from "./app-Bd7W2PYm.js";
+import { a as $, u as P } from "./provide-Tmjfji09.js";
+import { _ as q } from "./CatalogEditTabs.vue_vue_type_script_setup_true_lang-OshqaPTE.js";
+import { _ as z } from "./CatalogEditor.vue_vue_type_script_setup_true_lang-poznuDXu.js";
+const H = {
+  key: 0,
+  class: "max-w-[752px] pt-16 space-y-32"
+}, J = {
+  key: 0,
+  class: "pl-32 space-x-8"
+}, K = { class: "space-y-16" }, Q = { class: "grid" }, X = { class: "flex items-center gap-12 translate-x-px" }, Y = { class: "fm-typo-en-body-lg-400" }, Z = {
+  key: 1,
+  class: "max-w-[752px] pt-40 flex justify-end"
+}, ee = /* @__PURE__ */ y({
+  __name: "MainSetting",
+  setup(b) {
+    const u = $(), { t } = E(), { run: c } = D(), l = u.menuSetting.masterCatalogConfiguration(), g = P(l), a = N(
+      () => g.value.status === "ready" ? g.value.value : null
+    );
+    R(() => l.dispose());
+    async function k() {
+      await c(() => l.submit(), {
+        showLoading: () => {
+          var v;
+          return ((v = a.value) == null ? void 0 : v.status) === "submitting";
+        },
+        successMessage: t("menu.catalog.main_updated")
+      });
+    }
+    return (v, x) => {
+      const h = i("FmButton"), C = i("FmRadio"), M = i("FmRadioGroup"), B = i("FmCheckbox"), U = i("FmSwitch"), A = i("FmIcon"), L = i("FmCard");
+      return o(), r(j, {
+        heading: e(t)("menu.common.labels.main")
+      }, {
+        "prepend-heading": m(() => [
+          s(e(I), {
+            to: { name: e(V).CATALOG },
+            class: "mr-8",
+            title: e(t)("menu.catalog.edit.back")
+          }, {
+            default: m(() => [
+              s(h, {
+                "prepend-icon": "arrow_back",
+                variant: "tertiary",
+                "aria-label": e(t)("menu.catalog.edit.back")
+              }, null, 8, ["aria-label"])
+            ]),
+            _: 1
+          }, 8, ["to", "title"])
+        ]),
+        "append-heading": m(() => [
+          s(O, { sdk: e(u) }, null, 8, ["sdk"])
+        ]),
+        default: m(() => [
+          s(q),
+          a.value ? (o(), d("div", H, [
+            s(S, {
+              label: e(t)("menu.setting.tax.title")
+            }, {
+              default: m(() => [
+                s(M, {
+                  "model-value": a.value.taxMode,
+                  "onUpdate:modelValue": x[0] || (x[0] = (n) => e(l).setTaxMode(n))
+                }, {
+                  default: m(() => [
+                    s(C, {
+                      value: "automatic",
+                      label: e(t)("menu.setting.tax.modes.auto.label"),
+                      sublabel: e(t)("menu.setting.tax.modes.auto.sublabel")
+                    }, null, 8, ["label", "sublabel"]),
+                    s(C, {
+                      value: "manual",
+                      label: e(t)("menu.setting.tax.modes.manual.label"),
+                      sublabel: e(t)("menu.setting.tax.modes.manual.sublabel")
+                    }, null, 8, ["label", "sublabel"])
+                  ]),
+                  _: 1
+                }, 8, ["model-value"]),
+                a.value.taxMode === "manual" ? (o(), d("div", J, [
+                  (o(!0), d(w, null, F(a.value.taxSystems, (n) => (o(), r(B, {
+                    key: n.systemCode,
+                    "model-value": n.inclusive,
+                    value: !0,
+                    label: e(t)("menu.setting.tax.inclusive", { code: n.systemCode }),
+                    "onUpdate:modelValue": (f) => e(l).setTaxInclusive(n.systemCode, !!f)
+                  }, null, 8, ["model-value", "label", "onUpdate:modelValue"]))), 128))
+                ])) : p("", !0)
+              ]),
+              _: 1
+            }, 8, ["label"]),
+            a.value.statutoryChargeWaivers.length > 0 ? (o(), r(S, {
+              key: 0,
+              label: e(t)("menu.catalog.form.statutory_charges.title")
+            }, {
+              default: m(() => [
+                _("div", K, [
+                  (o(!0), d(w, null, F(a.value.statutoryChargeWaivers, (n) => (o(), r(U, {
+                    key: n.code,
+                    "model-value": n.waived,
+                    label: e(t)("menu.catalog.form.statutory_charges.waive", {
+                      name: n.name
+                    }),
+                    sublabel: e(t)("menu.menu_setting.statutory_charges.sublabel"),
+                    "label-placement": "right",
+                    "onUpdate:modelValue": (f) => e(l).setStatutoryChargeWaived(n.code, f)
+                  }, null, 8, ["model-value", "label", "sublabel", "onUpdate:modelValue"]))), 128))
+                ])
+              ]),
+              _: 1
+            }, 8, ["label"])) : p("", !0),
+            _("div", Q, [
+              s(L, { class: "px-24 py-16 bg-fm-color-system-warning-100 border-none" }, {
+                default: m(() => [
+                  _("div", X, [
+                    s(A, {
+                      name: "warning",
+                      class: "text-fm-color-system-warning-300"
+                    }),
+                    _("p", Y, G(e(t)("menu.setting.catalog.warnings.delivery")), 1)
+                  ])
+                ]),
+                _: 1
+              })
+            ])
+          ])) : p("", !0),
+          a.value ? (o(), d("div", Z, [
+            s(h, {
+              label: e(t)("menu.common.actions.save"),
+              disabled: a.value.submit.state !== "allowed",
+              loading: a.value.status === "submitting",
+              onClick: k
+            }, null, 8, ["label", "disabled", "loading"])
+          ])) : p("", !0)
+        ]),
+        _: 1
+      }, 8, ["heading"]);
+    };
+  }
+}), te = /* @__PURE__ */ y({
+  __name: "NamedSetting",
+  props: {
+    id: {}
+  },
+  setup(b) {
+    const u = b, t = $(), c = T(), l = t.catalog.edit(u.id);
+    return R(() => l.dispose()), (g, a) => (o(), r(z, {
+      page: "",
+      sdk: e(t),
+      editor: e(l),
+      picker: e(t).linkProduct.catalogue,
+      onClose: a[0] || (a[0] = (k) => e(c).push({ name: e(V).CATALOG }))
+    }, null, 8, ["sdk", "editor", "picker"]));
+  }
+}), pe = /* @__PURE__ */ y({
+  __name: "Setting",
+  setup(b) {
+    const u = W();
+    return (t, c) => e(u).params.id === "main" ? (o(), r(ee, { key: 0 })) : (o(), r(te, {
+      key: String(e(u).params.id),
+      id: String(e(u).params.id)
+    }, null, 8, ["id"]));
+  }
+});
+export {
+  pe as default
+};