@feedmepos/mf-menu 0.31.40-beta.2 → 0.31.40-prod

package/dist/LinkProductSideSheet-LDZjKX95.js

@@ -0,0 +1,297 @@
+import { defineComponent as G, createElementBlock as b, openBlock as c, createElementVNode as u, renderSlot as U, createCommentVNode as w, toDisplayString as B, ref as A, computed as S, watch as D, resolveComponent as R, Fragment as O, createVNode as n, unref as l, withCtx as v, createBlock as N, renderList as de } from "vue";
+import { H as V, Q as ce, u as pe, A as fe, I as j } from "./menu-DFNvhoNQ.js";
+import { N as Q, b as T, x as P } from "./LinkProductSideSheet.vue_vue_type_style_index_0_scoped_97fa9d58_lang-DvG3mOom.js";
+import { useI18n as ve, isEmptyRule as C, useCustomAttributes as H, useCoreStore as be, ItemSelector as _e, EMPTY_RULE as F, isEmptyMongoQuery as Y } from "@feedmepos/mf-common";
+import { components as ye, FmButtonVariant as q } from "@feedmepos/ui-library";
+import { u as he } from "./discardConfirm-BHni0LNu.js";
+import { u as ke } from "./menuV2-Ezf_jW40.js";
+import { c as Ae } from "./check-C9mY6LiX.js";
+const Re = (r, p) => {
+  const s = r.__vccOpts || r;
+  for (const [g, i] of p)
+    s[g] = i;
+  return s;
+}, ge = { class: "space-y-8" }, Ie = { class: "flex items-center justify-between" }, Se = { class: "space-y-8" }, Ve = { class: "fm-typo-en-body-lg-600" }, Ce = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, $ = /* @__PURE__ */ G({
+  __name: "FormItem",
+  props: {
+    label: {},
+    description: {}
+  },
+  setup(r) {
+    return (p, s) => (c(), b("div", ge, [
+      u("div", Ie, [
+        u("div", Se, [
+          u("p", Ve, B(p.label), 1),
+          p.description ? (c(), b("p", Ce, B(p.description), 1)) : w("", !0)
+        ]),
+        U(p.$slots, "append")
+      ]),
+      U(p.$slots, "default")
+    ]));
+  }
+});
+var m = /* @__PURE__ */ ((r) => (r[r.Normal = 0] = "Normal", r[r.Rules = 1] = "Rules", r))(m || {});
+const Fe = { class: "fm-typo-en-title-md-600 mr-auto" }, we = {
+  key: 1,
+  class: "flex items-center gap-12"
+}, Be = { class: "flex items-center gap-8" }, Ee = { class: "text-neutral-600 fm-typo-body-sm" }, Oe = { class: "grid md:grid-cols-3 gap-16" }, Ne = { class: "md:col-span-2 space-y-16" }, $e = { class: "flex justify-end" }, Ue = { class: "flex gap-8 items-center justify-start" }, Le = /* @__PURE__ */ G({
+  __name: "LinkProductSideSheet",
+  props: {
+    initialValue: { default: () => [] },
+    linkItemRules: {},
+    menuItems: {},
+    noScheduler: { type: Boolean },
+    isLocalOnly: { type: Boolean, default: !1 },
+    categorizedItems: { default: () => [] },
+    selectVariant: { type: Boolean, default: !1 },
+    showVariant: { type: Boolean, default: !1 },
+    showAddon: { type: Boolean, default: !0 },
+    title: { default: void 0 },
+    useCloseBtn: { type: Boolean }
+  },
+  emits: ["submit"],
+  setup(r, { emit: p }) {
+    const s = r, g = p, { t: i } = ve(), _ = A(m.Normal);
+    function J(t) {
+      _.value = t;
+    }
+    const f = A(!1), L = (t) => {
+      Ae.isBoolean(t) ? f.value = t : f.value = !f.value;
+    };
+    function E(t) {
+      return t.reduce((e, a) => (e[a._id] = [...e[a._id] ?? [], a], e), {});
+    }
+    const K = s.initialValue, h = A(E(V(K))), M = S(() => Object.values(h.value).flatMap((t) => t)), k = A(
+      V(s.linkItemRules)
+    ), o = A();
+    function x() {
+      var t;
+      return (t = k.value) == null ? void 0 : t.map((e) => ({
+        ...e,
+        restaurantAttributes: Y(e.restaurantAttributes) ? F : P.build(e.restaurantAttributes),
+        itemAttributes: Y(e.itemAttributes) ? F : P.build(e.itemAttributes)
+      }));
+    }
+    o.value = x(), D(
+      o,
+      (t) => {
+        k.value = t == null ? void 0 : t.map((e) => ({
+          ...e,
+          restaurantAttributes: C(e.restaurantAttributes) ? null : Q.build(e.restaurantAttributes),
+          itemAttributes: C(e.itemAttributes) ? null : Q.build(e.itemAttributes)
+        }));
+      },
+      { deep: !0 }
+    );
+    const W = he(
+      () => !j.isEqual(E(s.initialValue), h.value) || !j.isEqual(s.linkItemRules, k.value),
+      () => {
+        f.value = !1;
+      }
+    );
+    function X() {
+      _.value === m.Rules ? g("submit", {
+        mode: m.Rules,
+        linkItemRules: k.value || []
+      }) : g("submit", {
+        mode: m.Normal,
+        items: M.value
+      }), f.value = !1;
+    }
+    D(
+      () => f.value,
+      () => {
+        h.value = E(V(s.initialValue)), k.value = V(s.linkItemRules), o.value = x(), _.value = s.noScheduler && s.linkItemRules && s.linkItemRules.length > 0 ? m.Rules : m.Normal;
+      }
+    );
+    const Z = S(() => {
+      const t = ce();
+      return Object.values(t).sort((e, a) => a.sortingIndex - e.sortingIndex).map((e) => ({ label: e.label, value: e.value }));
+    }), { attributes: ee } = H({
+      valueSource: be().restaurants,
+      entity: "restaurant"
+    }), te = S(() => s.menuItems || []), { attributes: le } = H({
+      valueSource: te,
+      entity: "item"
+    });
+    function ae() {
+      const t = [
+        ...o.value || [],
+        {
+          orderFrom: fe.F_ORDER_FROM.enum.ALL,
+          restaurantAttributes: null,
+          itemAttributes: null
+        }
+      ];
+      o.value = t;
+    }
+    function se(t) {
+      if (!o.value) return;
+      const e = [...o.value];
+      e.splice(t, 1), o.value = e.length ? e : [];
+    }
+    function oe(t, e) {
+      if (!o.value) return;
+      const a = [...o.value];
+      C(e) ? a[t].restaurantAttributes = null : a[t].restaurantAttributes = e, o.value = a;
+    }
+    function ne(t, e) {
+      if (!o.value) return;
+      const a = [...o.value];
+      C(e) ? a[t].itemAttributes = null : a[t].itemAttributes = e, o.value = a;
+    }
+    const z = S(() => {
+      const t = s.isLocalOnly ? ke() : pe();
+      return s.noScheduler && t.currentCatalog;
+    });
+    return (t, e) => {
+      const a = R("fm-button"), ue = R("fm-switch"), re = R("FmSelect"), ie = R("FmCard"), me = R("fm-side-sheet");
+      return c(), b(O, null, [
+        U(t.$slots, "default", { trigger: L }, void 0, !0),
+        n(me, {
+          id: "group-form",
+          modelValue: f.value,
+          "onUpdate:modelValue": e[3] || (e[3] = (d) => f.value = d),
+          "close-button": t.useCloseBtn,
+          "is-container": l(ye).FmForm,
+          "is-container-props": {
+            onValidationSuccess: X,
+            blameFormChildOnValidationFailed: !0
+          },
+          "max-width": 760,
+          "onOn:clickedAway": l(W)
+        }, {
+          "side-sheet-header": v(() => [
+            t.useCloseBtn ? w("", !0) : (c(), N(a, {
+              key: 0,
+              variant: l(q).Tertiary,
+              class: "cursor-pointer mr-4",
+              "prepend-icon": "arrow_back",
+              onClick: L
+            }, null, 8, ["variant"])),
+            u("p", Fe, B(t.title || l(i)("menu.link_product.title")), 1),
+            z.value ? (c(), b("div", we, [
+              u("div", Be, [
+                n(ue, {
+                  label: l(i)("menu.link_product.rules.section_title"),
+                  "model-value": _.value === l(m).Rules,
+                  "onUpdate:modelValue": e[0] || (e[0] = (d) => J(d ? l(m).Rules : l(m).Normal))
+                }, null, 8, ["label", "model-value"])
+              ])
+            ])) : w("", !0)
+          ]),
+          "side-sheet-footer": v(() => [
+            u("div", Ue, [
+              n(a, {
+                label: l(i)("menu.common.actions.confirm"),
+                size: "lg",
+                type: "submit",
+                variant: "primary"
+              }, null, 8, ["label"]),
+              n(a, {
+                label: l(i)("menu.common.actions.cancel"),
+                size: "lg",
+                variant: "tertiary",
+                onClick: e[2] || (e[2] = () => f.value = !1)
+              }, null, 8, ["label"])
+            ])
+          ]),
+          default: v(() => [
+            (c(), b("div", {
+              class: "py-8 px-8 overflow-y-auto space-y-24",
+              key: _.value
+            }, [
+              _.value === l(m).Normal ? (c(), N(l(_e), {
+                key: 0,
+                "auto-focus-search": !0,
+                "categorized-items": t.categorizedItems,
+                data: h.value,
+                "select-variant": t.selectVariant,
+                "selected-items": M.value,
+                "show-variant": t.showVariant,
+                "show-addon": t.showAddon,
+                "onUpdate:data": e[1] || (e[1] = (d) => h.value = d)
+              }, null, 8, ["categorized-items", "data", "select-variant", "selected-items", "show-variant", "show-addon"])) : z.value ? (c(), b(O, { key: 1 }, [
+                u("p", Ee, B(l(i)("menu.link_product.rules.hint")), 1),
+                (c(!0), b(O, null, de(o.value, (d, I) => (c(), N(ie, {
+                  key: I,
+                  class: "p-16 space-y-16",
+                  variant: "outlined"
+                }, {
+                  default: v(() => [
+                    u("div", Oe, [
+                      u("div", null, [
+                        n($, {
+                          label: l(i)("menu.link_product.rules.order_from")
+                        }, {
+                          default: v(() => [
+                            n(re, {
+                              items: Z.value,
+                              "model-value": d.orderFrom,
+                              "onUpdate:modelValue": (y) => d.orderFrom = y
+                            }, null, 8, ["items", "model-value", "onUpdate:modelValue"])
+                          ]),
+                          _: 2
+                        }, 1032, ["label"])
+                      ]),
+                      u("div", Ne, [
+                        n($, {
+                          label: l(i)("menu.link_product.rules.restaurant_filter")
+                        }, {
+                          default: v(() => [
+                            n(l(T), {
+                              attributes: l(ee),
+                              "model-value": d.restaurantAttributes || l(F),
+                              "onUpdate:modelValue": (y) => oe(I, y)
+                            }, null, 8, ["attributes", "model-value", "onUpdate:modelValue"])
+                          ]),
+                          _: 2
+                        }, 1032, ["label"]),
+                        n($, {
+                          label: l(i)("menu.link_product.rules.item_filter")
+                        }, {
+                          default: v(() => [
+                            n(l(T), {
+                              attributes: l(le),
+                              "model-value": d.itemAttributes || l(F),
+                              "onUpdate:modelValue": (y) => ne(I, y)
+                            }, null, 8, ["attributes", "model-value", "onUpdate:modelValue"])
+                          ]),
+                          _: 2
+                        }, 1032, ["label"])
+                      ])
+                    ]),
+                    u("div", $e, [
+                      n(a, {
+                        variant: l(q).Tertiary,
+                        "prepend-icon": "delete",
+                        onClick: (y) => se(I)
+                      }, null, 8, ["variant", "onClick"])
+                    ])
+                  ]),
+                  _: 2
+                }, 1024))), 128)),
+                u("div", null, [
+                  n(a, {
+                    label: l(i)("menu.link_product.rules.add_rule"),
+                    onClick: ae
+                  }, null, 8, ["label"])
+                ])
+              ], 64)) : w("", !0)
+            ]))
+          ]),
+          _: 1
+        }, 8, ["modelValue", "close-button", "is-container", "is-container-props", "onOn:clickedAway"])
+      ], 64);
+    };
+  }
+}), He = /* @__PURE__ */ Re(Le, [["__scopeId", "data-v-97fa9d58"]]);
+export {
+  He as L,
+  Re as _,
+  $ as a,
+  m as b
+};