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

package/dist/{OrderPacingFields.vue_vue_type_script_setup_true_lang-C3SqQPSr.js → OrderPacingFields.vue_vue_type_script_setup_true_lang-B259anSs.js}

@@ -1,7 +1,7 @@
 import { defineComponent as g, computed as m, resolveComponent as d, openBlock as F, createBlock as w, unref as s, withCtx as p, createVNode as u, mergeProps as c, renderSlot as b } from "vue";
 import { useI18n as y } from "@feedmepos/mf-common";
-import { _ as k } from "./FormSection.vue_vue_type_script_setup_true_lang-pY-_msnM.js";
-import { b as h } from "./provide-CfF0FmUz.js";
+import { _ as k } from "./vuedraggable-CBtQLb_S.js";
+import { b as h } from "./provide-Bwf3KcOV.js";
 const P = /* @__PURE__ */ g({
   __name: "OrderPacingFields",
   props: {

package/dist/{Preview-DGTw0POk.js → Preview-V9cSpevb.js}

@@ -2,7 +2,7 @@ import { defineComponent as N, ref as J, computed as i, shallowRef as K, watch a
 import { useI18n as le } from "@feedmepos/mf-common";
 import { _ as U } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
 import { _ as te } from "./PageLayout.vue_vue_type_script_setup_true_lang-B3szUH39.js";
-import { b as ae, u as ue, a as se } from "./provide-CfF0FmUz.js";
+import { b as ae, u as ue, a as se } from "./provide-Bwf3KcOV.js";
 function ne(g, r) {
   const l = new URL(g);
   return l.searchParams.set("parent", r), { src: l.toString(), origin: l.origin };

package/dist/{PriceTierNotice.vue_vue_type_script_setup_true_lang-DffhFv0Y.js → PriceTierNotice.vue_vue_type_script_setup_true_lang-k5S4mGCN.js}

@@ -1,6 +1,6 @@
 import { defineComponent as a, computed as c, resolveComponent as m, openBlock as l, createBlock as u, unref as p, createCommentVNode as i } from "vue";
 import { useI18n as d } from "@feedmepos/mf-common";
-import { u as _ } from "./provide-CfF0FmUz.js";
+import { u as _ } from "./provide-Bwf3KcOV.js";
 const b = /* @__PURE__ */ a({
   __name: "PriceTierNotice",
   props: {

package/dist/PrintRoute-3UwiMoBU.js

@@ -0,0 +1,518 @@
+import { defineComponent as j, resolveComponent as p, openBlock as n, createElementBlock as y, createVNode as s, withCtx as d, createElementVNode as r, toDisplayString as k, createBlock as f, Fragment as L, renderList as N, createCommentVNode as $, computed as _, ref as E, shallowRef as W, onUnmounted as ke, h as C, withModifiers as M, unref as o, mergeProps as be } from "vue";
+import { useI18n as he } from "@feedmepos/mf-common";
+import { useDialog as we, useBreakpoints as xe, components as U } from "@feedmepos/ui-library";
+import { _ as X } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
+import { _ as Ce } from "./LinkProductSideSheet.vue_vue_type_script_setup_true_lang-C0rc1FRO.js";
+import { _ as Y } from "./vuedraggable-CBtQLb_S.js";
+import { _ as Fe } from "./PageLayout.vue_vue_type_script_setup_true_lang-B3szUH39.js";
+import { u as Pe } from "./useActionFeedback-CXx7dOVc.js";
+import { u as Se } from "./useEditorValidation-Ctef5Bxt.js";
+import { b as Ve, u as Z, a as Le } from "./provide-Bwf3KcOV.js";
+const $e = { class: "fm-typo-en-body-lg-600" }, ze = { class: "fm-typo-en-body-lg-600" }, De = { class: "fm-typo-en-body-md-400" }, Ie = /* @__PURE__ */ j({
+  __name: "RemoveRouteConfirmation",
+  props: {
+    row: {}
+  },
+  setup(z) {
+    return (i, t) => {
+      const h = p("i18n-t"), F = p("FmIcon"), w = p("FmListItem"), g = p("FmList");
+      return n(), y("div", null, [
+        s(h, {
+          keypath: i.row.linkedProductCount > 0 ? "menu.print_route.dialogs.remove.message.with_products" : "menu.print_route.dialogs.remove.message.confirm",
+          scope: "global",
+          tag: "p"
+        }, {
+          count: d(() => [
+            r("span", $e, k(i.row.linkedProductCount), 1)
+          ]),
+          name: d(() => [
+            r("span", ze, k(i.row.name), 1)
+          ]),
+          _: 1
+        }, 8, ["keypath"]),
+        i.row.linkedProductCount > 0 ? (n(), f(g, {
+          key: 0,
+          class: "mt-8"
+        }, {
+          default: d(() => [
+            (n(!0), y(L, null, N(i.row.linkedProductNames, (l) => (n(), f(w, {
+              key: l,
+              class: "!p-0 !gap-4 mt-4",
+              clickable: !1
+            }, {
+              prepend: d(() => [
+                s(F, {
+                  color: "neutral-gray-900",
+                  name: "fiber_manual_record",
+                  size: "sm"
+                })
+              ]),
+              default: d(() => [
+                r("span", De, k(l), 1)
+              ]),
+              _: 2
+            }, 1024))), 128))
+          ]),
+          _: 1
+        })) : $("", !0)
+      ]);
+    };
+  }
+}), Re = { class: "flex flex-1 justify-end" }, Be = {
+  key: 0,
+  class: "flex flex-col gap-16 items-start"
+}, Ae = {
+  class: "text-fm-color-typo-secondary",
+  role: "alert"
+}, Ee = {
+  key: 1,
+  "data-menu-state": "unavailable"
+}, Me = { class: "flex justify-end items-center" }, Ue = { class: "w-[320px] xs:w-full xs:px-16" }, Ne = { class: "min-w-0 grow space-y-4" }, je = { class: "fm-typo-en-body-lg-600 break-words" }, Ke = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary break-words" }, Qe = {
+  key: 2,
+  class: "fixed right-16 bottom-[72px] z-[100]"
+}, Te = { class: "fm-typo-en-title-md-600" }, Oe = { class: "flex flex-col gap-32 pb-16" }, Ge = { class: "space-y-16" }, qe = { class: "flex items-center gap-8" }, He = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Je = { class: "flex gap-8 items-center justify-start" }, We = /* @__PURE__ */ j({
+  __name: "PrintRouteList",
+  props: {
+    sdk: {}
+  },
+  setup(z) {
+    const i = z, { t } = he(), h = Ve(), F = we(), { run: w } = Pe(), g = Z(
+      i.sdk.printDepartment.list
+    ), l = _(
+      () => g.value.status === "ready" ? g.value.value : null
+    ), ee = _(() => {
+      var e;
+      return ((e = l.value) == null ? void 0 : e.query) ?? "";
+    }), { breakpoints: te } = xe(), D = _(() => te.value.xs), oe = _(() => {
+      var e;
+      return [...((e = l.value) == null ? void 0 : e.rows) ?? []];
+    }), b = E(!1), P = E(!1), I = E(!1);
+    async function ae() {
+      I.value = !0;
+      try {
+        await w(() => i.sdk.printDepartment.retryRead(), {
+          showLoading: !1
+        });
+      } finally {
+        I.value = !1;
+      }
+    }
+    const K = Z(
+      i.sdk.linkProduct.catalogue
+    ), ne = _(
+      () => K.value.status === "ready" ? K.value.value : null
+    ), le = _(
+      () => {
+        var e;
+        return ((e = m.value) == null ? void 0 : e.linkedProductIds) ?? [];
+      }
+    ), se = _(() => {
+      var e;
+      return ((e = m.value) == null ? void 0 : e.linkedGroups) ?? [];
+    }), re = _(
+      () => {
+        var e;
+        return ((e = m.value) == null ? void 0 : e.linkedProductQuery) ?? "";
+      }
+    ), ie = _(
+      () => {
+        var e;
+        return ((e = m.value) == null ? void 0 : e.linkedProductCount) ?? 0;
+      }
+    );
+    function ue(e) {
+      return [
+        {
+          accessorKey: "name",
+          enableSorting: !1,
+          header: () => e.isSynthetic ? t("menu.tree_editor.labels.addon") : e.name
+        },
+        {
+          id: "actions",
+          enableSorting: !1,
+          header: "",
+          cell: (u) => C("div", { class: "flex justify-end" }, [
+            C(U.FmButton, {
+              icon: "delete",
+              variant: "tertiary",
+              textColor: "neutral-gray-400",
+              "aria-label": t("menu.common.actions.remove"),
+              onClick: M(
+                () => c.value.unlinkProduct(u.row.original.id),
+                ["stop", "prevent"]
+              )
+            })
+          ])
+        }
+      ];
+    }
+    const c = W(
+      i.sdk.printDepartment.editor()
+    ), x = W(
+      c.value.get()
+    );
+    let R = c.value.subscribe(
+      (e) => x.value = e
+    );
+    const m = _(
+      () => x.value.status === "ready" ? x.value.value : null
+    ), B = Se(() => c.value), Q = _(
+      () => m.value ? B.issue(m.value.fieldIssues, "name") : null
+    );
+    function T(e) {
+      R(), c.value.dispose(), c.value = i.sdk.printDepartment.editor(e), x.value = c.value.get(), R = c.value.subscribe(
+        (u) => x.value = u
+      );
+    }
+    ke(() => {
+      i.sdk.printDepartment.search(""), R(), c.value.dispose();
+    });
+    function A() {
+      !l.value || l.value.create.state !== "allowed" || (T(), b.value = !0);
+    }
+    function O(e) {
+      T(e.id), b.value = !0;
+    }
+    function G() {
+      b.value = !1;
+    }
+    function de() {
+      var e;
+      if (!((e = m.value) != null && e.dirty)) {
+        b.value = !1;
+        return;
+      }
+      F.open({
+        title: t("menu.common.dialog.dismiss.title"),
+        message: t("menu.common.dialog.dismiss.message"),
+        primaryActions: {
+          text: t("menu.common.dialog.dismiss.discard"),
+          close: !0
+        },
+        secondaryActions: {
+          text: t("menu.common.actions.cancel"),
+          close: !0
+        }
+      }).onPrimary(() => {
+        b.value = !1;
+      });
+    }
+    async function ce() {
+      var v;
+      const e = ((v = m.value) == null ? void 0 : v.name.trim()) ?? "";
+      (await w(
+        () => B.submit(() => c.value.submit()),
+        {
+          // Legacy's success copy is "<name> saved" for both create and update; the
+          // frozen baseline asserts that text, so it is not restyled here.
+          successMessage: t("menu.print_route.manager.action.saved", {
+            name: e
+          }),
+          // `submit()` publishes `submitting` synchronously only when it will
+          // actually issue a request; a required-field, duplicate-name or
+          // not-found refusal is decided locally and sends nothing. The frozen
+          // `printDepartment/{create,update}/empty-name` groups record the inline
+          // "Required" message and no snackbar at all, so the spinner must not
+          // flash for them.
+          showLoading: () => {
+            var S;
+            return ((S = m.value) == null ? void 0 : S.status) === "submitting";
+          }
+        }
+      )).kind === "success" && G();
+    }
+    function q(e) {
+      F.open({
+        title: t("menu.print_route.dialogs.remove.title"),
+        contentComponent: C(Ie, { row: e }),
+        primaryActions: {
+          text: t("menu.print_route.actions.remove"),
+          close: !0,
+          variant: "destructive"
+        },
+        secondaryActions: {
+          text: t("menu.print_route.actions.cancel"),
+          close: !0
+        }
+      }).onPrimary(async () => {
+        await w(() => i.sdk.printDepartment.remove(e.id), {
+          successMessage: t("menu.print_route.manager.action.removed", {
+            name: e.name
+          })
+        });
+      });
+    }
+    const me = _(() => [
+      {
+        accessorKey: "name",
+        header: () => t("menu.print_route.table.columns.name"),
+        cell: (e) => e.getValue(),
+        enableSorting: !1
+      },
+      {
+        accessorKey: "linkedProductCount",
+        header: () => t("menu.print_route.table.columns.products"),
+        cell: (e) => t("menu.print_route.table.columns.products_count", {
+          count: e.getValue()
+        }),
+        enableSorting: !1
+      },
+      {
+        accessorKey: "id",
+        header: () => "",
+        size: 52,
+        meta: { cellClass: "pl-16", headerContentClass: "-mx-16" },
+        enableSorting: !1,
+        cell: (e) => C("div", { class: "flex justify-end" }, [
+          C(U.FmButton, {
+            icon: "delete",
+            textColor: "neutral-gray-400",
+            variant: "tertiary",
+            disabled: e.row.original.remove.state !== "allowed",
+            "aria-label": t("menu.print_route.actions.remove"),
+            onClick: M(
+              () => q(e.row.original),
+              ["stop", "prevent"]
+            )
+          })
+        ])
+      }
+    ]);
+    function pe(e) {
+      c.value.setLinkedProducts(e), P.value = !1;
+    }
+    return (e, u) => {
+      const v = p("FmButton"), S = p("FmCircularProgress"), H = p("FmSearch"), J = p("FmTable"), _e = p("FmListItem"), ve = p("FmList"), fe = p("FmTextField"), ye = p("FmSpacer"), ge = p("FmSideSheet");
+      return n(), f(Fe, {
+        heading: o(t)("menu.print_route.title")
+      }, {
+        "append-heading": d(() => [
+          r("div", Re, [
+            l.value && l.value.totalCount > 0 && !D.value ? (n(), f(v, {
+              key: 0,
+              disabled: l.value.create.state !== "allowed",
+              label: o(t)("menu.print_route.actions.add"),
+              "prepend-icon": "add",
+              variant: "primary",
+              onClick: A
+            }, null, 8, ["disabled", "label"])) : $("", !0)
+          ])
+        ]),
+        default: d(() => [
+          o(g).status === "error" ? (n(), y("div", Be, [
+            r("p", Ae, k(o(h)(o(g).error.message)), 1),
+            s(v, {
+              label: o(t)("menu.common.actions.retry"),
+              loading: I.value,
+              "prepend-icon": "refresh",
+              size: "md",
+              variant: "secondary",
+              onClick: ae
+            }, null, 8, ["label", "loading"])
+          ])) : o(g).status === "unavailable" ? (n(), y("div", Ee, [
+            s(o(X), {
+              subtitle: o(t)("menu.print_route.empty.subtitle"),
+              title: o(t)("menu.print_route.empty.title")
+            }, null, 8, ["subtitle", "title"])
+          ])) : o(g).status === "loading" ? (n(), f(S, { key: 2 })) : l.value && l.value.totalCount === 0 ? (n(), f(o(X), {
+            key: 3,
+            action: l.value.create.state === "allowed" ? { text: o(t)("menu.print_route.empty.action"), callback: A } : void 0,
+            subtitle: o(t)("menu.print_route.empty.subtitle"),
+            title: o(t)("menu.print_route.empty.title")
+          }, null, 8, ["action", "subtitle", "title"])) : l.value ? (n(), y(L, { key: 4 }, [
+            r("div", Me, [
+              r("div", Ue, [
+                s(H, {
+                  autofocus: "",
+                  class: "my-8",
+                  "model-value": ee.value,
+                  placeholder: o(t)("menu.print_route.table.search.placeholder"),
+                  "onUpdate:modelValue": i.sdk.printDepartment.search
+                }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"])
+              ])
+            ]),
+            D.value ? (n(), f(ve, {
+              key: 1,
+              class: "w-full px-16 flex-1 min-h-0 overflow-scroll pb-64",
+              separator: ""
+            }, {
+              default: d(() => [
+                (n(!0), y(L, null, N(l.value.rows, (a) => (n(), f(_e, {
+                  key: a.id,
+                  class: "!py-12 !px-0",
+                  onClick: (V) => O(a)
+                }, {
+                  default: d(() => [
+                    r("div", Ne, [
+                      r("div", je, k(a.name), 1),
+                      r("div", Ke, k(o(t)("menu.print_route.table.mobile.products_linked", {
+                        count: a.linkedProductCount
+                      })), 1)
+                    ]),
+                    s(v, {
+                      class: "shrink-0",
+                      "aria-label": o(t)("menu.print_route.actions.remove"),
+                      disabled: a.remove.state !== "allowed",
+                      icon: "delete",
+                      "text-color": "neutral-gray-400",
+                      variant: "tertiary",
+                      onClick: M((V) => q(a), ["stop"])
+                    }, null, 8, ["aria-label", "disabled", "onClick"])
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"]))), 128))
+              ]),
+              _: 1
+            })) : (n(), f(J, {
+              key: 0,
+              "column-defs": me.value,
+              "page-size": l.value.rows.length,
+              "row-data": oe.value,
+              "shrink-at": !1,
+              "hide-footer": "",
+              "pin-header-row": "",
+              onRowClick: u[0] || (u[0] = (a) => O(a.original))
+            }, null, 8, ["column-defs", "page-size", "row-data"])),
+            l.value.totalCount > 0 && D.value ? (n(), y("div", Qe, [
+              s(v, {
+                disabled: l.value.create.state !== "allowed",
+                label: o(t)("menu.print_route.actions.add"),
+                "prepend-icon": "add",
+                variant: "fab",
+                onClick: A
+              }, null, 8, ["disabled", "label"])
+            ])) : $("", !0)
+          ], 64)) : $("", !0),
+          s(ge, {
+            modelValue: b.value,
+            "onUpdate:modelValue": u[3] || (u[3] = (a) => b.value = a),
+            "is-container": o(U).FmForm,
+            "is-container-props": { onValidationSuccess: ce },
+            "max-width": 560,
+            "onOn:clickedAway": de
+          }, {
+            "side-sheet-header": d(() => {
+              var a;
+              return [
+                r("p", Te, k(((a = m.value) == null ? void 0 : a.mode) === "update" ? o(t)("menu.print_route.department_dialog.update.title") : o(t)("menu.print_route.department_dialog.add.title")), 1)
+              ];
+            }),
+            "side-sheet-footer": d(() => {
+              var a, V;
+              return [
+                r("div", Je, [
+                  s(v, {
+                    disabled: ((a = m.value) == null ? void 0 : a.submit.state) !== "allowed",
+                    label: ((V = m.value) == null ? void 0 : V.mode) === "update" ? o(t)("menu.print_route.department_dialog.update.action") : o(t)("menu.print_route.department_dialog.add.action"),
+                    size: "lg",
+                    type: "submit",
+                    variant: "primary"
+                  }, null, 8, ["disabled", "label"]),
+                  s(v, {
+                    label: o(t)("menu.print_route.department_dialog.actions.cancel"),
+                    size: "lg",
+                    variant: "tertiary",
+                    onClick: G
+                  }, null, 8, ["label"])
+                ])
+              ];
+            }),
+            default: d(() => [
+              r("div", Oe, [
+                s(Y, {
+                  title: o(t)("menu.print_route.department_dialog.sections.route_detail.title")
+                }, {
+                  default: d(() => {
+                    var a;
+                    return [
+                      s(fe, be({
+                        autofocus: "",
+                        "error-messages": Q.value ? [o(h)(Q.value)] : [],
+                        label: o(t)(
+                          "menu.print_route.department_dialog.sections.route_detail.name.label"
+                        ),
+                        "model-value": ((a = m.value) == null ? void 0 : a.name) ?? "",
+                        placeholder: o(t)(
+                          "menu.print_route.department_dialog.sections.route_detail.name.placeholder"
+                        )
+                      }, o(B).field("name", c.value.setName)), null, 16, ["error-messages", "label", "model-value", "placeholder"])
+                    ];
+                  }),
+                  _: 1
+                }, 8, ["title"]),
+                s(Y, {
+                  title: o(t)("menu.print_route.department_dialog.sections.link_product.title")
+                }, {
+                  "append-title": d(() => [
+                    s(ye),
+                    s(v, {
+                      label: o(t)(
+                        "menu.print_route.department_dialog.sections.link_product.link"
+                      ),
+                      "border-color": "primary",
+                      "prepend-icon": "link",
+                      "text-color": "primary",
+                      variant: "secondary",
+                      onClick: u[1] || (u[1] = (a) => P.value = !0)
+                    }, null, 8, ["label"])
+                  ]),
+                  default: d(() => [
+                    r("div", Ge, [
+                      r("div", qe, [
+                        r("p", He, k(o(t)(
+                          "menu.print_route.department_dialog.sections.link_product.products_linked",
+                          { count: ie.value }
+                        )), 1),
+                        s(H, {
+                          class: "flex-1",
+                          "model-value": re.value,
+                          placeholder: o(t)(
+                            "menu.print_route.department_dialog.sections.link_product.search"
+                          ),
+                          "onUpdate:modelValue": u[2] || (u[2] = (a) => c.value.setLinkedProductQuery(String(a ?? "")))
+                        }, null, 8, ["model-value", "placeholder"])
+                      ]),
+                      r("div", null, [
+                        (n(!0), y(L, null, N(se.value, (a) => (n(), y("div", {
+                          key: a.id ?? ""
+                        }, [
+                          s(J, {
+                            "column-defs": ue(a),
+                            "hide-footer": "",
+                            "page-size": a.products.length,
+                            "row-data": [...a.products],
+                            "shrink-at": !1
+                          }, null, 8, ["column-defs", "page-size", "row-data"])
+                        ]))), 128))
+                      ])
+                    ])
+                  ]),
+                  _: 1
+                }, 8, ["title"])
+              ])
+            ]),
+            _: 1
+          }, 8, ["modelValue", "is-container", "is-container-props"]),
+          s(Ce, {
+            modelValue: P.value,
+            "onUpdate:modelValue": u[4] || (u[4] = (a) => P.value = a),
+            catalogue: ne.value,
+            "selected-product-ids": le.value,
+            title: o(t)("menu.print_route.department_dialog.sections.link_product.title"),
+            onSubmit: pe
+          }, null, 8, ["modelValue", "catalogue", "selected-product-ids", "title"])
+        ]),
+        _: 1
+      }, 8, ["heading"]);
+    };
+  }
+}), rt = /* @__PURE__ */ j({
+  __name: "PrintRoute",
+  setup(z) {
+    const i = Le();
+    return (t, h) => (n(), f(We, { sdk: o(i) }, null, 8, ["sdk"]));
+  }
+});
+export {
+  rt as default
+};

package/dist/{Product-CsbcyIgD.js → Product-LaB-YRTQ.js}

@@ -1,10 +1,10 @@
 import { defineComponent as m, resolveComponent as i, openBlock as c, createBlock as s, unref as t, withCtx as e, createVNode as o } from "vue";
 import { RouterLink as p } from "vue-router";
 import { useI18n as _ } from "@feedmepos/mf-common";
-import { _ as l } from "./ProductList.vue_vue_type_script_setup_true_lang-DTLslTpK.js";
-import { a as u } from "./provide-CfF0FmUz.js";
-import { R as d } from "./app-Bmgb8ACe.js";
-import { _ as f } from "./CatalogEditTabs.vue_vue_type_script_setup_true_lang-BawCLY5-.js";
+import { _ as l } from "./ProductList.vue_vue_type_script_setup_true_lang-DeX8Exly.js";
+import { a as u } from "./provide-Bwf3KcOV.js";
+import { R as d } from "./app-C_XNYz8_.js";
+import { _ as f } from "./CatalogEditTabs.vue_vue_type_script_setup_true_lang-doB3hsWD.js";
 const A = /* @__PURE__ */ m({
   __name: "Product",
   setup(k) {