@feedmepos/mf-menu-portal 1.0.4 → 1.0.5-dev.1

package/dist/{useActionFeedback-CXx7dOVc.js → useActionFeedback-CElXij1W.js}

@@ -1,6 +1,6 @@
 import { useI18n as y } from "@feedmepos/mf-common";
 import { useSnackbar as k, SnackbarPosition as m } from "@feedmepos/ui-library";
-import { b as w } from "./provide-Bwf3KcOV.js";
+import { b as w } from "./provide-BGLSDsuJ.js";
 function h() {
   const t = k(), { t: l } = y(), i = w();
   function g(s, e) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@feedmepos/mf-menu-portal",
-  "version": "1.0.4",
+  "version": "1.0.5-dev.1",
   "type": "module",
   "files": [
     "dist"

package/dist/Catalog-BrHGEI3p.js

@@ -1,374 +0,0 @@
-import { defineComponent as P, computed as h, h as s, resolveComponent as b, openBlock as r, createBlock as v, ref as q, shallowRef as te, withModifiers as U, onUnmounted as oe, unref as l, withCtx as y, createElementBlock as C, toDisplayString as G, createVNode as g, Fragment as I, createElementVNode as V, withDirectives as K, createCommentVNode as A, renderList as le } from "vue";
-import { useRouter as se } from "vue-router";
-import { useI18n as W } from "@feedmepos/mf-common";
-import { components as E, useDialog as ne, FmButtonVariant as $ } from "@feedmepos/ui-library";
-import { _ as re } from "./PageLayout.vue_vue_type_script_setup_true_lang-B3szUH39.js";
-import { R as B, _ as ue } from "./app-C_XNYz8_.js";
-import { _ as ce } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
-import { _ as ie } from "./CatalogEditor.vue_vue_type_script_setup_true_lang-BpBR-N_x.js";
-import { b as H, u as de, a as me } from "./provide-Bwf3KcOV.js";
-import { u as pe } from "./useActionFeedback-CXx7dOVc.js";
-const ge = /* @__PURE__ */ P({
-  __name: "CatalogUsage",
-  props: {
-    catalog: {}
-  },
-  setup(x) {
-    const n = x, { t: u } = W(), m = H(), S = h(
-      () => n.catalog.restaurants.length ? n.catalog.restaurants : [{ id: "", name: u("menu.catalog.empty_value"), methods: [] }]
-    ), k = h(() => [...S.value]), L = h(() => [
-      {
-        accessorKey: "name",
-        enableSorting: !1,
-        meta: { headerClass: "px-16 py-4" },
-        header: () => s("div", { class: "flex flex-col" }, [
-          s(
-            "p",
-            n.catalog.nameMessage ? m(n.catalog.nameMessage) : n.catalog.name
-          ),
-          s(
-            "p",
-            { class: "text-fm-color-typo-secondary fm-typo-en-body-md-400" },
-            u("menu.catalog.usage.tax_label", {
-              mode: m(n.catalog.taxMode)
-            })
-          )
-        ]),
-        cell: (i) => s("div", { class: "space-y-4" }, [
-          s("p", i.row.original.name),
-          s(
-            "p",
-            { class: "text-fm-color-typo-secondary" },
-            i.row.original.id
-          )
-        ])
-      },
-      {
-        id: "usage",
-        enableSorting: !1,
-        meta: { headerClass: "px-16 py-4" },
-        header: () => s("div", { class: "w-full flex justify-between" }, [
-          s("p", u("menu.catalog.usage.usage")),
-          s(
-            E.FmChip,
-            {
-              class: "px-8 py-4 text-fm-color-typo-info bg-fm-color-system-info-100"
-            },
-            () => u("menu.catalog.usage.products", {
-              count: n.catalog.totalProducts
-            })
-          )
-        ]),
-        cell: (i) => s(
-          "p",
-          { class: "flex py-8" },
-          i.row.original.methods.map(m).join(u("menu.catalog.list_separator")) || u("menu.catalog.empty_value")
-        )
-      }
-    ]);
-    return (i, f) => {
-      const t = b("FmTable");
-      return r(), v(t, {
-        "column-defs": L.value,
-        "row-data": k.value,
-        "page-size": S.value.length,
-        virtual: !0,
-        "hide-footer": !0,
-        "shrink-at": !1
-      }, null, 8, ["column-defs", "row-data", "page-size"]);
-    };
-  }
-}), ve = {
-  key: 0,
-  class: "ml-auto flex gap-8"
-}, fe = {
-  key: 0,
-  role: "status"
-}, _e = { class: "flex justify-end items-center" }, ye = { class: "w-[320px]" }, be = { class: "fm-typo-en-title-md-600" }, he = {
-  key: 0,
-  class: "space-y-24"
-}, ke = /* @__PURE__ */ P({
-  __name: "CatalogList",
-  props: {
-    sdk: {}
-  },
-  setup(x) {
-    const n = /* @__PURE__ */ new WeakMap(), u = /* @__PURE__ */ new WeakMap(), m = /* @__PURE__ */ new WeakMap(), S = {
-      mounted: (e, a) => {
-        u.set(e, a.value);
-        const c = new MutationObserver(
-          () => k(e, u.get(e) ?? a.value)
-        );
-        c.observe(e, {
-          attributes: !0,
-          attributeFilter: ["aria-label"]
-        }), n.set(e, c), k(e, a.value);
-      },
-      updated: (e, a) => {
-        u.set(e, a.value), k(e, a.value);
-      },
-      beforeUnmount: (e) => {
-        var a;
-        return (a = n.get(e)) == null ? void 0 : a.disconnect();
-      }
-    };
-    function k(e, a) {
-      (() => {
-        var d;
-        e.removeAttribute("aria-label"), (d = e.querySelector("input")) == null || d.setAttribute("aria-label", a);
-      })();
-    }
-    const L = {
-      mounted: (e) => {
-        const a = new MutationObserver(
-          () => i(e)
-        );
-        a.observe(e, { childList: !0, subtree: !0 }), m.set(e, a), i(e);
-      },
-      updated: (e) => i(e),
-      beforeUnmount: (e) => {
-        var a;
-        return (a = m.get(e)) == null ? void 0 : a.disconnect();
-      }
-    };
-    function i(e) {
-      e.querySelectorAll(".virtual-list > div").forEach((a) => {
-        a.setAttribute("role", "row");
-      });
-    }
-    const f = x, { t } = W(), T = H(), R = se(), J = ne(), { run: D } = pe(), _ = de(f.sdk.catalog.list), o = h(
-      () => _.value.status === "ready" ? _.value.value : null
-    ), Q = h(() => {
-      var e;
-      return [...((e = o.value) == null ? void 0 : e.rows) ?? []];
-    }), F = q(!1), z = q(0), w = te(null);
-    function N() {
-      var e;
-      (e = w.value) == null || e.dispose(), w.value = null;
-    }
-    function O(e) {
-      N(), z.value++, w.value = f.sdk.catalog.editor(e);
-    }
-    async function j(e) {
-      const a = await D(async () => f.sdk.catalog.open(e.id), {
-        showLoading: !1
-      });
-      a.kind === "success" && await R.push({
-        name: B.EDIT_CATALOG_PRODUCT,
-        params: { id: a.value.id }
-      });
-    }
-    async function X(e) {
-      const a = await D(
-        async () => f.sdk.catalog.prepareRemove(e.id),
-        { showLoading: !1 }
-      );
-      a.kind === "success" && J.open({
-        title: t("menu.catalog.dialogs.remove.title"),
-        message: t("menu.catalog.dialogs.remove.message", {
-          name: a.value.name
-        }),
-        primaryActions: {
-          text: t("menu.common.actions.remove"),
-          close: !0,
-          variant: $.Destructive
-        },
-        secondaryActions: {
-          text: t("menu.common.actions.cancel"),
-          close: !0
-        }
-      }).onPrimary(async () => {
-        (await D(() => f.sdk.catalog.remove(e.id), {
-          showLoading: () => {
-            var d;
-            return ((d = o.value) == null ? void 0 : d.busy) === !0;
-          },
-          successMessage: (d) => t("menu.catalog.removed", { name: d.name })
-        })).kind === "success" && await R.push({ name: B.CATALOG });
-      });
-    }
-    const Y = h(() => [
-      {
-        accessorKey: "name",
-        header: () => t("menu.catalog.table.columns.title"),
-        cell: (e) => s(
-          "a",
-          {
-            href: R.resolve({
-              name: B.EDIT_CATALOG_PRODUCT,
-              params: { id: e.row.original.id }
-            }).href,
-            class: "text-inherit no-underline",
-            onClick: U(
-              () => j(e.row.original),
-              ["prevent", "stop"]
-            )
-          },
-          e.row.original.name
-        ),
-        enableSorting: !1
-      },
-      {
-        id: "taxMode",
-        header: () => t("menu.catalog.table.columns.tax_calculation"),
-        cell: (e) => T(e.row.original.taxMode),
-        enableSorting: !1
-      },
-      {
-        id: "autoLink",
-        header: () => t("menu.catalog.table.columns.auto_link"),
-        cell: (e) => T(e.row.original.autoLink),
-        enableSorting: !1
-      },
-      {
-        id: "actions",
-        header: "",
-        size: 52,
-        meta: { cellClass: "pl-16", headerContentClass: "-mx-16" },
-        cell: (e) => {
-          var a, c;
-          return s("div", { class: "flex justify-end" }, [
-            s(E.FmButton, {
-              icon: "file_copy",
-              variant: $.Tertiary,
-              textColor: "neutral-gray-400",
-              disabled: (a = o.value) == null ? void 0 : a.busy,
-              "aria-label": t("menu.catalog.actions.duplicate"),
-              onClick: U(
-                () => O(e.row.original.id),
-                ["stop", "prevent"]
-              )
-            }),
-            s(E.FmButton, {
-              icon: "delete",
-              variant: $.Tertiary,
-              textColor: "neutral-gray-400",
-              disabled: (c = o.value) == null ? void 0 : c.busy,
-              "aria-label": t("menu.catalog.dialogs.remove.title"),
-              onClick: U(
-                () => X(e.row.original),
-                ["stop", "prevent"]
-              )
-            })
-          ]);
-        }
-      }
-    ]);
-    return oe(N), (e, a) => {
-      const c = b("FmButton"), d = b("FmLinearProgress"), Z = b("FmSearch"), ee = b("FmTable"), ae = b("FmSideSheet");
-      return r(), v(re, {
-        heading: l(t)("menu.catalog.title")
-      }, {
-        "append-heading": y(() => [
-          o.value && o.value.totalCount > 0 ? (r(), C("div", ve, [
-            g(c, {
-              label: l(t)("menu.catalog.actions.view_usage"),
-              variant: "secondary",
-              onClick: a[0] || (a[0] = (M) => F.value = !0)
-            }, null, 8, ["label"]),
-            g(c, {
-              label: l(t)("menu.catalog.actions.add"),
-              "prepend-icon": "add",
-              disabled: o.value ? o.value.create.state !== "allowed" : !1,
-              onClick: a[1] || (a[1] = (M) => O())
-            }, null, 8, ["label", "disabled"])
-          ])) : A("", !0)
-        ]),
-        default: y(() => {
-          var M;
-          return [
-            l(_).status === "unavailable" ? (r(), C("p", fe, G(l(T)(l(_).reason)), 1)) : !o.value && l(_).status !== "error" ? (r(), v(d, { key: 1 })) : l(_).status === "error" || ((M = o.value) == null ? void 0 : M.totalCount) === 0 ? (r(), v(l(ce), {
-              key: 2,
-              title: l(t)("menu.catalog.empty.title"),
-              subtitle: l(t)("menu.catalog.empty.subtitle")
-            }, {
-              action: y(() => [
-                g(c, {
-                  label: l(t)("menu.catalog.actions.add"),
-                  "prepend-icon": "add",
-                  disabled: o.value ? o.value.create.state !== "allowed" : !1,
-                  onClick: a[2] || (a[2] = (p) => O())
-                }, null, 8, ["label", "disabled"])
-              ]),
-              _: 1
-            }, 8, ["title", "subtitle"])) : o.value ? (r(), C(I, { key: 3 }, [
-              V("div", _e, [
-                V("div", ye, [
-                  K(g(Z, {
-                    autofocus: "",
-                    class: "mb-8",
-                    "model-value": o.value.query,
-                    placeholder: l(t)("menu.common.labels.search_placeholder", {
-                      type: l(t)("menu.catalog.title")
-                    }),
-                    "onUpdate:modelValue": e.sdk.catalog.search
-                  }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"]), [
-                    [
-                      S,
-                      l(t)("menu.common.labels.search_placeholder", {
-                        type: l(t)("menu.catalog.title")
-                      })
-                    ]
-                  ])
-                ])
-              ]),
-              g(ue, null, {
-                default: y(() => [
-                  K(g(ee, {
-                    "column-defs": Y.value,
-                    "row-data": Q.value,
-                    "page-size": o.value.rows.length,
-                    "hide-footer": !0,
-                    "shrink-at": !1,
-                    virtual: !0,
-                    "search-value": o.value.query,
-                    onRowClick: a[3] || (a[3] = (p) => j(p.original))
-                  }, null, 8, ["column-defs", "row-data", "page-size", "search-value"]), [
-                    [L]
-                  ])
-                ]),
-                _: 1
-              })
-            ], 64)) : A("", !0),
-            g(ae, {
-              modelValue: F.value,
-              "onUpdate:modelValue": a[4] || (a[4] = (p) => F.value = p),
-              "max-width": 1e3,
-              "dismiss-away": ""
-            }, {
-              "side-sheet-header": y(() => [
-                V("p", be, G(l(t)("menu.catalog.usage.title")), 1)
-              ]),
-              default: y(() => [
-                F.value && o.value ? (r(), C("div", he, [
-                  (r(!0), C(I, null, le(o.value.usage, (p) => (r(), v(ge, {
-                    key: p.id,
-                    catalog: p
-                  }, null, 8, ["catalog"]))), 128))
-                ])) : A("", !0)
-              ]),
-              _: 1
-            }, 8, ["modelValue"]),
-            w.value ? (r(), v(ie, {
-              key: z.value,
-              sdk: e.sdk,
-              editor: w.value,
-              picker: e.sdk.linkProduct.catalogue,
-              onClose: N
-            }, null, 8, ["sdk", "editor", "picker"])) : A("", !0)
-          ];
-        }),
-        _: 1
-      }, 8, ["heading"]);
-    };
-  }
-}), De = /* @__PURE__ */ P({
-  __name: "Catalog",
-  setup(x) {
-    const n = me();
-    return (u, m) => (r(), v(ke, { sdk: l(n) }, null, 8, ["sdk"]));
-  }
-});
-export {
-  De as default
-};

package/dist/CatalogLinkProductAction.vue_vue_type_script_setup_true_lang-P59vHZEn.js

@@ -1,117 +0,0 @@
-import { defineComponent as N, shallowRef as m, computed as M, ref as A, watch as E, onUnmounted as U, resolveComponent as z, openBlock as f, createElementBlock as O, Fragment as $, createElementVNode as j, normalizeClass as g, createBlock as R, unref as b, createCommentVNode as q, createVNode as x } from "vue";
-import { useI18n as D } from "@feedmepos/mf-common";
-import { _ as G } from "./LinkProductSideSheet.vue_vue_type_script_setup_true_lang-C0rc1FRO.js";
-import { u as H } from "./useActionFeedback-CXx7dOVc.js";
-import { b as J, u as K } from "./provide-Bwf3KcOV.js";
-const Z = /* @__PURE__ */ N({
-  __name: "CatalogLinkProductAction",
-  props: {
-    sdk: {},
-    presentation: {}
-  },
-  setup(B) {
-    const a = B, { t: k } = D(), y = J(), { run: S } = H(), w = K(a.sdk.item.list), o = m({
-      status: "loading"
-    });
-    let u = null;
-    const l = M(
-      () => w.value.status === "ready" ? w.value.value : null
-    ), F = M(
-      () => o.value.status === "ready" ? o.value.value : null
-    ), i = A(!1), r = m(null), c = m(
-      null
-    ), d = m({
-      status: "loading"
-    });
-    let p = null;
-    function v() {
-      var e, t;
-      u == null || u(), u = null, o.value = { status: "loading" }, p == null || p(), p = null, (e = r.value) == null || e.dispose(), r.value = null, (t = c.value) == null || t.dispose(), c.value = null, d.value = { status: "loading" };
-    }
-    function C() {
-      var s;
-      v();
-      const e = a.presentation === "tree" ? a.sdk.linkProduct.documentCatalogue : a.sdk.linkProduct.catalogue;
-      o.value = e.get(), u = e.subscribe((n) => {
-        o.value = n;
-      }), c.value = a.sdk.linkProduct.selection(
-        ((s = l.value) == null ? void 0 : s.availableItemIds) ?? [],
-        (n) => a.sdk.item.linkProducts(n)
-      );
-      const t = a.sdk.linkProduct.rules();
-      r.value = t, d.value = t.get(), p = t.subscribe((n) => {
-        d.value = n;
-      }), i.value = !0;
-    }
-    function P() {
-      i.value = !1, v();
-    }
-    E(i, (e) => {
-      e || v();
-    }), U(v);
-    async function I(e) {
-      (await S(
-        () => {
-          var s;
-          return ((s = c.value) == null ? void 0 : s.submit()) ?? Promise.resolve({ kind: "cancelled" });
-        },
-        {
-          successMessage: l.value ? y(l.value.linkSaveMessage) : ""
-        }
-      )).kind === "success" && P();
-    }
-    async function L() {
-      const e = r.value;
-      if (!e) return;
-      (await S(() => e.submit(), {
-        successMessage: l.value ? y(l.value.linkSaveMessage) : ""
-      })).kind === "success" && P();
-    }
-    return (e, t) => {
-      var n, h, V;
-      const s = z("FmButton");
-      return f(), O($, null, [
-        j("div", {
-          class: g(e.presentation === "tree" ? void 0 : "ml-auto")
-        }, [
-          ((n = l.value) == null ? void 0 : n.link.state) === "allowed" ? (f(), R(s, {
-            key: 0,
-            label: b(k)("menu.products.actions.link"),
-            "prepend-icon": "link",
-            class: g(
-              e.presentation === "tree" ? "!h-32 shrink-0 !gap-4 !px-8 !py-4" : void 0
-            ),
-            "text-color": e.presentation === "tree" ? "primary" : void 0,
-            variant: e.presentation === "tree" ? "plain" : void 0,
-            onClick: C
-          }, null, 8, ["label", "class", "text-color", "variant"])) : ((h = l.value) == null ? void 0 : h.applyScheduler.state) === "allowed" ? (f(), R(s, {
-            key: 1,
-            label: b(k)("menu.products.actions.apply_scheduler"),
-            "prepend-icon": e.presentation === "tree" ? "link" : void 0,
-            class: g(
-              e.presentation === "tree" ? "!h-32 shrink-0 !gap-4 !px-8 !py-4" : void 0
-            ),
-            "text-color": e.presentation === "tree" ? "primary" : void 0,
-            variant: e.presentation === "tree" ? "plain" : void 0,
-            onClick: C
-          }, null, 8, ["label", "prepend-icon", "class", "text-color", "variant"])) : q("", !0)
-        ], 2),
-        x(G, {
-          modelValue: i.value,
-          "onUpdate:modelValue": t[0] || (t[0] = (_) => i.value = _),
-          catalogue: F.value,
-          "selected-product-ids": ((V = l.value) == null ? void 0 : V.availableItemIds) ?? [],
-          "rules-session": r.value,
-          "selection-session": c.value,
-          "rules-view": d.value.status === "ready" ? d.value.value : null,
-          title: b(k)("menu.link_product.title"),
-          onSubmit: I,
-          onSubmitRules: L
-        }, null, 8, ["modelValue", "catalogue", "selected-product-ids", "rules-session", "selection-session", "rules-view", "title"])
-      ], 64);
-    };
-  }
-});
-export {
-  Z as _
-};