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

package/dist/CatalogLinkProductAction.vue_vue_type_script_setup_true_lang-CMyubLvP.js

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

package/dist/{Category-6-ppsSmZ.js → Category-BVCdkA5K.js}

@@ -1,23 +1,24 @@
 import { defineComponent as l, computed as d, resolveComponent as p, openBlock as _, createBlock as f, unref as a, withCtx as e, createVNode as t } from "vue";
 import { useRoute as g, RouterLink as k } from "vue-router";
 import { useI18n as h } from "@feedmepos/mf-common";
-import { _ as v } from "./CategoryList.vue_vue_type_script_setup_true_lang-DlNUOgyu.js";
-import { _ as b } from "./CatalogLinkProductAction.vue_vue_type_script_setup_true_lang-P59vHZEn.js";
-import { R as C } from "./app-C_XNYz8_.js";
-import { a as R, u as B } from "./provide-Bwf3KcOV.js";
-import { _ as w } from "./CatalogEditTabs.vue_vue_type_script_setup_true_lang-doB3hsWD.js";
+import { _ as v } from "./CategoryList.vue_vue_type_script_setup_true_lang-DyhW52Df.js";
+import { _ as b } from "./CatalogLinkProductAction.vue_vue_type_script_setup_true_lang-CMyubLvP.js";
+import { R as C } from "./app-CxJjx2ma.js";
+import { a as R, u as w } from "./provide-BGLSDsuJ.js";
+import { _ as x } from "./CatalogEditTabs.vue_vue_type_script_setup_true_lang-CraEwqCY.js";
 const G = /* @__PURE__ */ l({
   __name: "Category",
-  setup(x) {
-    const o = R(), i = g(), { t: n } = h(), m = B(o.catalog.list), u = d(() => {
+  setup(B) {
+    const o = R(), s = g(), { t: n } = h(), i = w(o.catalog.list), c = d(() => {
       var r;
-      return i.params.id === "main" ? n("menu.common.labels.main") : m.value.status !== "ready" ? "" : ((r = m.value.value.rows.find((s) => s.id === i.params.id)) == null ? void 0 : r.name) ?? "";
+      return s.params.id === "main" ? n("menu.common.labels.main") : i.value.status !== "ready" ? "" : ((r = i.value.value.rows.find((m) => m.id === s.params.id)) == null ? void 0 : r.name) ?? "";
     });
-    return (r, s) => {
-      const c = p("FmButton");
+    return (r, m) => {
+      const u = p("FmButton");
       return _(), f(v, {
+        class: "xs:overflow-hidden",
         "catalog-page": "",
-        heading: u.value,
+        heading: c.value,
         sdk: a(o)
       }, {
         "prepend-heading": e(() => [
@@ -27,7 +28,7 @@ const G = /* @__PURE__ */ l({
             title: a(n)("menu.catalog.edit.back")
           }, {
             default: e(() => [
-              t(c, {
+              t(u, {
                 "prepend-icon": "arrow_back",
                 variant: "tertiary",
                 "aria-label": a(n)("menu.catalog.edit.back")
@@ -37,7 +38,7 @@ const G = /* @__PURE__ */ l({
           }, 8, ["to", "title"])
         ]),
         navigation: e(() => [
-          t(w)
+          t(x)
         ]),
         "append-heading": e(() => [
           t(b, { sdk: a(o) }, null, 8, ["sdk"])

package/dist/{Category-CdsbuUqi.js → Category-P5DYjIeF.js}

@@ -1,6 +1,6 @@
 import { defineComponent as o, openBlock as r, createBlock as n, unref as t } from "vue";
-import { _ as s } from "./CategoryList.vue_vue_type_script_setup_true_lang-DlNUOgyu.js";
-import { a } from "./provide-Bwf3KcOV.js";
+import { _ as s } from "./CategoryList.vue_vue_type_script_setup_true_lang-DyhW52Df.js";
+import { a } from "./provide-BGLSDsuJ.js";
 const d = /* @__PURE__ */ o({
   __name: "Category",
   setup(_) {