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

package/dist/ServingSequence-DYyEZI2S.js

@@ -0,0 +1,374 @@
+import { defineComponent as R, computed as u, ref as ue, shallowRef as $, h as j, withModifiers as A, onUnmounted as re, resolveComponent as b, openBlock as i, createBlock as k, unref as s, withCtx as h, createElementBlock as g, toDisplayString as q, Fragment as L, createElementVNode as v, createVNode as p, renderList as ce, createCommentVNode as w, mergeProps as de } from "vue";
+import { useI18n as me, ItemSelector as ve } from "@feedmepos/mf-common";
+import { useDialog as pe, useBreakpoints as ge, components as P, FmButtonVariant as _e } from "@feedmepos/ui-library";
+import { _ as fe } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
+import { _ as be } from "./PageLayout.vue_vue_type_script_setup_true_lang-B3szUH39.js";
+import { u as ke } from "./useActionFeedback-Dm2HDa_2.js";
+import { u as ye } from "./useEditorValidation-Ctef5Bxt.js";
+import { b as he, u as T, a as xe } from "./provide-CDmXzkhz.js";
+const qe = {
+  key: 0,
+  class: "flex-1 flex justify-end gap-8 pl-8"
+}, we = {
+  key: 0,
+  role: "alert",
+  class: "text-fm-color-typo-secondary"
+}, Se = { class: "flex justify-end items-center" }, Ce = { class: "w-[320px] xs:w-full xs:px-16 xs:mt-8" }, Fe = {
+  key: 1,
+  class: "flex-1 min-h-0 overflow-scroll divide-y divide-fm-color-neutral-gray-100 pb-64"
+}, Ie = ["onClick"], Ve = { class: "min-w-0 flex-1 space-y-4" }, ze = { class: "fm-typo-en-body-lg-600 break-words" }, De = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary break-words" }, Ee = {
+  key: 2,
+  class: "fixed right-16 bottom-[72px] z-[100]"
+}, Me = { class: "fm-typo-en-title-md-600" }, Be = { class: "space-y-32 flex flex-col h-full" }, Ne = { class: "flex gap-8 items-center justify-start" }, Ke = /* @__PURE__ */ R({
+  __name: "ServingSequenceList",
+  props: {
+    sdk: {}
+  },
+  setup(D) {
+    const c = D, { t: a } = me(), S = he(), O = pe(), { run: C } = ke(), _ = T(
+      c.sdk.servingSequence.list
+    ), o = u(
+      () => _.value.status === "ready" ? _.value.value : null
+    ), E = u(() => {
+      var e;
+      return ((e = o.value) == null ? void 0 : e.query) ?? "";
+    }), { breakpoints: G } = ge(), F = u(() => G.value.xs), Q = u(() => {
+      var e;
+      return [...((e = o.value) == null ? void 0 : e.rows) ?? []];
+    }), f = ue(!1), M = T(
+      c.sdk.linkProduct.catalogue
+    ), H = u(
+      () => M.value.status === "ready" ? M.value.value : null
+    ), J = u(
+      () => {
+        var e;
+        return (((e = H.value) == null ? void 0 : e.groups) ?? []).map((t) => ({
+          id: t.id,
+          name: t.name,
+          items: t.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((m) => ({
+                _id: n.id,
+                combinationKey: m.combinationKey,
+                codeName: m.label
+              }))
+            }
+          }))
+        }));
+      }
+    ), W = [], X = u(
+      () => {
+        var e;
+        return ((e = d.value) == null ? void 0 : e.linkedItems) ?? W;
+      }
+    ), Y = u(
+      () => {
+        const e = {};
+        for (const t of X.value)
+          e[t._id] = [...e[t._id] ?? [], t];
+        return e;
+      }
+    );
+    function Z(e) {
+      r.value.setLinkedItems(
+        Object.values(e).flat().map((t) => ({
+          _id: t._id,
+          combinationKey: t.combinationKey ?? null,
+          orderFrom: t.orderFrom ?? null
+        }))
+      );
+    }
+    const r = $(
+      c.sdk.servingSequence.editor()
+    ), y = $(
+      r.value.get()
+    );
+    let I = r.value.subscribe((e) => {
+      y.value = e;
+    });
+    const d = u(
+      () => y.value.status === "ready" ? y.value.value : null
+    ), V = ye(() => r.value), B = u(
+      () => d.value ? V.issue(d.value.fieldIssues, "name") ?? d.value.nameIssue : null
+    );
+    function N(e) {
+      I(), r.value.dispose(), r.value = c.sdk.servingSequence.editor(e), y.value = r.value.get(), I = r.value.subscribe((t) => {
+        y.value = t;
+      });
+    }
+    function z() {
+      var e;
+      ((e = o.value) == null ? void 0 : e.create.state) === "allowed" && (N(), f.value = !0);
+    }
+    function K(e) {
+      N(e.id), f.value = !0;
+    }
+    async function ee() {
+      var n;
+      const e = ((n = d.value) == null ? void 0 : n.name.trim()) ?? "";
+      (await C(
+        () => V.submit(() => r.value.submit()),
+        {
+          showLoading: () => {
+            var m;
+            return ((m = d.value) == null ? void 0 : m.status) === "submitting";
+          },
+          successMessage: a("menu.serving_sequence.form.saved", {
+            name: e || a("menu.serving_sequence.title")
+          })
+        }
+      )).kind === "success" && (f.value = !1);
+    }
+    function U(e) {
+      e.remove.state === "allowed" && O.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: _e.Destructive
+        },
+        secondaryActions: {
+          text: a("menu.common.actions.cancel"),
+          close: !0
+        }
+      }).onPrimary(async () => {
+        await C(() => c.sdk.servingSequence.remove(e.id), {
+          successMessage: a("menu.serving_sequence.delete.success", {
+            name: e.name
+          })
+        });
+      });
+    }
+    const ae = u(() => {
+      var e;
+      return ((e = o.value) == null ? void 0 : e.reorder.state) === "allowed";
+    });
+    function se(e) {
+      var n;
+      if (((n = o.value) == null ? void 0 : n.reorder.state) !== "allowed") return;
+      const t = e.map((m) => m.id);
+      t.length && C(() => c.sdk.servingSequence.reorder(t), {
+        // 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 te = u(() => [
+      {
+        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) => j("div", { class: "w-full flex justify-end items-center" }, [
+          j(P.FmButton, {
+            prependIcon: "delete",
+            variant: "tertiary",
+            textColor: "neutral-gray-400",
+            disabled: e.row.original.remove.state !== "allowed",
+            "aria-label": a("menu.common.actions.delete"),
+            onClick: A(
+              () => U(e.row.original),
+              ["stop", "prevent"]
+            )
+          })
+        ])
+      }
+    ]);
+    return re(() => {
+      I(), r.value.dispose(), c.sdk.servingSequence.search("");
+    }), (e, t) => {
+      const n = b("FmButton"), m = b("FmCircularProgress"), ne = b("FmSearch"), le = b("FmTable"), oe = b("FmTextField"), ie = b("FmSideSheet");
+      return i(), k(be, {
+        "data-visual-root": "serveSequence",
+        heading: s(a)("menu.serving_sequence.title")
+      }, {
+        "append-heading": h(() => [
+          s(_).status === "ready" && o.value ? (i(), g("div", qe, [
+            o.value.totalCount > 0 && !F.value ? (i(), k(n, {
+              key: 0,
+              disabled: o.value.create.state !== "allowed",
+              label: s(a)("menu.serving_sequence.add"),
+              "prepend-icon": "add",
+              onClick: z
+            }, null, 8, ["disabled", "label"])) : w("", !0)
+          ])) : w("", !0)
+        ]),
+        default: h(() => [
+          s(_).status === "error" ? (i(), g("p", we, q(s(S)(s(_).error.message)), 1)) : s(_).status === "loading" ? (i(), k(m, { key: 1 })) : o.value && o.value.rows.length === 0 && !E.value ? (i(), k(s(fe), {
+            key: 2,
+            action: { text: s(a)("menu.serving_sequence.add"), callback: z },
+            title: s(a)("menu.serving_sequence.empty.title"),
+            subtitle: s(a)("menu.serving_sequence.empty.subtitle")
+          }, null, 8, ["action", "title", "subtitle"])) : o.value ? (i(), g(L, { key: 3 }, [
+            v("div", Se, [
+              v("div", Ce, [
+                p(ne, {
+                  autofocus: "",
+                  class: "mb-8",
+                  "model-value": E.value,
+                  placeholder: s(a)("menu.serving_sequence.search.placeholder"),
+                  "onUpdate:modelValue": c.sdk.servingSequence.search
+                }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"])
+              ])
+            ]),
+            F.value ? (i(), g("div", Fe, [
+              (i(!0), g(L, null, ce(o.value.rows, (l) => (i(), g("div", {
+                key: l.id,
+                class: "py-12 px-16 flex space-x-8 items-center",
+                onClick: (x) => K(l)
+              }, [
+                v("div", Ve, [
+                  v("p", ze, q(l.name), 1),
+                  v("p", De, q(s(a)("menu.common.labels.products_linked", {
+                    count: l.linkedItemCount
+                  })), 1)
+                ]),
+                p(n, {
+                  class: "shrink-0",
+                  "aria-label": s(a)("menu.common.actions.delete"),
+                  disabled: l.remove.state !== "allowed",
+                  "prepend-icon": "delete",
+                  "text-color": "neutral-gray-400",
+                  variant: "tertiary",
+                  onClick: A((x) => U(l), ["stop"])
+                }, null, 8, ["aria-label", "disabled", "onClick"])
+              ], 8, Ie))), 128))
+            ])) : (i(), k(le, {
+              key: 0,
+              "column-defs": te.value,
+              "hide-footer": "",
+              "page-size": o.value.rows.length,
+              "pin-header-row": "",
+              "row-data": Q.value,
+              "shrink-at": !1,
+              draggable: ae.value,
+              onRowClick: t[0] || (t[0] = (l) => K(l.original)),
+              onDndChanged: se
+            }, null, 8, ["column-defs", "page-size", "row-data", "draggable"])),
+            o.value.totalCount > 0 && F.value ? (i(), g("div", Ee, [
+              p(n, {
+                disabled: o.value.create.state !== "allowed",
+                label: s(a)("menu.serving_sequence.add"),
+                "prepend-icon": "add",
+                variant: "fab",
+                onClick: z
+              }, null, 8, ["disabled", "label"])
+            ])) : w("", !0)
+          ], 64)) : w("", !0),
+          p(ie, {
+            modelValue: f.value,
+            "onUpdate:modelValue": t[2] || (t[2] = (l) => f.value = l),
+            "is-container": s(P).FmForm,
+            "is-container-props": { onValidationSuccess: ee },
+            "max-width": 560
+          }, {
+            "side-sheet-header": h(() => {
+              var l;
+              return [
+                v("p", Me, q(((l = d.value) == null ? void 0 : l.mode) === "update" ? s(a)("menu.serving_sequence.update") : s(a)("menu.serving_sequence.add")), 1)
+              ];
+            }),
+            "side-sheet-footer": h(() => {
+              var l, x;
+              return [
+                v("div", Ne, [
+                  p(n, {
+                    disabled: ((l = d.value) == null ? void 0 : l.submit.state) !== "allowed",
+                    label: ((x = d.value) == null ? void 0 : x.mode) === "update" ? s(a)("menu.serving_sequence.update") : s(a)("menu.serving_sequence.add"),
+                    size: "lg",
+                    type: "submit",
+                    variant: "primary"
+                  }, null, 8, ["disabled", "label"]),
+                  p(n, {
+                    label: s(a)("menu.common.actions.cancel"),
+                    size: "lg",
+                    variant: "tertiary",
+                    onClick: t[1] || (t[1] = (Ue) => f.value = !1)
+                  }, null, 8, ["label"])
+                ])
+              ];
+            }),
+            default: h(() => {
+              var l;
+              return [
+                v("div", Be, [
+                  p(oe, de({
+                    autofocus: "",
+                    "error-messages": B.value ? [s(S)(B.value)] : [],
+                    label: s(a)("menu.serving_sequence.columns.name"),
+                    "model-value": ((l = d.value) == null ? void 0 : l.name) ?? "",
+                    placeholder: s(a)("menu.common.labels.enter_name")
+                  }, s(V).field("name", r.value.setName)), null, 16, ["error-messages", "label", "model-value", "placeholder"]),
+                  p(s(ve), {
+                    "categorized-items": J.value,
+                    data: Y.value,
+                    class: "flex-1",
+                    "select-variant": "",
+                    "show-variant": "",
+                    "onUpdate:data": Z
+                  }, null, 8, ["categorized-items", "data"])
+                ])
+              ];
+            }),
+            _: 1
+          }, 8, ["modelValue", "is-container", "is-container-props"])
+        ]),
+        _: 1
+      }, 8, ["heading"]);
+    };
+  }
+}), Ge = /* @__PURE__ */ R({
+  __name: "ServingSequence",
+  setup(D) {
+    const c = xe();
+    return (a, S) => (i(), k(Ke, { sdk: s(c) }, null, 8, ["sdk"]));
+  }
+});
+export {
+  Ge as default
+};

package/dist/{Setting-C24V-lps.js → Setting-Ip0pGjks.js}

@@ -2,14 +2,14 @@ import { defineComponent as y, computed as A, onUnmounted as R, resolveComponent
 import { RouterLink as N, useRouter as O, useRoute as G } from "vue-router";
 import { useI18n as W } from "@feedmepos/mf-common";
 import { _ as S } from "./FormItem.vue_vue_type_script_setup_true_lang-C2S6QCyR.js";
-import { _ as E } from "./CatalogLinkProductAction.vue_vue_type_script_setup_true_lang-Diapahfp.js";
+import { _ as E } from "./CatalogLinkProductAction.vue_vue_type_script_setup_true_lang-Bk4FqVmx.js";
 import { _ as j } from "./PageLayout.vue_vue_type_script_setup_true_lang-B3szUH39.js";
 import { _ as D } from "./SubItemTaxSwitch.vue_vue_type_script_setup_true_lang-DIFXPxna.js";
-import { u as P } from "./useActionFeedback-DyUCQl2x.js";
-import { R as V } from "./app-Bmgb8ACe.js";
-import { a as $, u as q } from "./provide-CfF0FmUz.js";
-import { _ as z } from "./CatalogEditTabs.vue_vue_type_script_setup_true_lang-BawCLY5-.js";
-import { _ as H } from "./CatalogEditor.vue_vue_type_script_setup_true_lang-BjP8ZXyb.js";
+import { u as P } from "./useActionFeedback-Dm2HDa_2.js";
+import { R as V } from "./app-BWwwHsWi.js";
+import { a as $, u as q } from "./provide-CDmXzkhz.js";
+import { _ as z } from "./CatalogEditTabs.vue_vue_type_script_setup_true_lang-BmG-xpW4.js";
+import { _ as H } from "./CatalogEditor.vue_vue_type_script_setup_true_lang-BFsRDFpj.js";
 const J = {
   key: 0,
   class: "max-w-[752px] pt-16 space-y-32"