@feedmepos/mf-menu 0.32.7-beta.2 → 0.32.7-dev

package/dist/ApplyProduct.vue_vue_type_script_setup_true_lang-uzmq3vwy.js

@@ -0,0 +1,161 @@
+import { defineComponent as K, computed as i, h as u, ref as U, resolveComponent as b, createElementBlock as p, openBlock as d, createVNode as f, withCtx as g, createElementVNode as V, createCommentVNode as C, toDisplayString as j, unref as a, isRef as A, createBlock as D, Fragment as G, renderList as H } from "vue";
+import { useI18n as M } from "@feedmepos/mf-common";
+import { components as B, FmButtonColorThemeVariant as h, FmButtonVariant as I } from "@feedmepos/ui-library";
+import { _ as O } from "./RuleView.vue_vue_type_script_setup_true_lang-DputprQj.js";
+import { L as $ } from "./LinkProductSideSheet-Br2eE8pC.js";
+import { u as q } from "./search-BAPEUu1R.js";
+import { u as J, an as Q } from "./index.vue_vue_type_script_setup_true_lang-Dje9kp-F.js";
+const W = { class: "space-y-16" }, X = { class: "flex items-center space-x-24" }, Y = {
+  key: 0,
+  class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary"
+}, le = /* @__PURE__ */ K({
+  __name: "ApplyProduct",
+  props: {
+    title: {},
+    linkButtonLabel: {},
+    overrides: {},
+    selectVariant: { type: Boolean },
+    showVariant: { type: Boolean },
+    editable: { type: Boolean },
+    categorizedItems: {},
+    items: {},
+    variants: {}
+  },
+  emits: ["update:overrides", "row-click"],
+  setup(z, { emit: F }) {
+    const s = z, _ = F, L = J(), { searchKey: m, filter: w } = q(), y = i(() => s.categorizedItems || L.categorizedItems), k = i(() => Q(y.value, s.overrides)), P = i(() => k.value.reduce((t, e) => {
+      if (w([e.name]))
+        return t.push(e), t;
+      const r = e.items.filter((n) => w([n.label]));
+      return r.length && t.push({ ...e, items: r }), t;
+    }, [])), R = i(() => s.showVariant || s.selectVariant);
+    function S(t, e) {
+      var n, l;
+      const r = e ? (n = s.overrides) == null ? void 0 : n.filter((o) => !(o._id === t && o.combinationKey === e)) : (l = s.overrides) == null ? void 0 : l.filter((o) => o._id !== t);
+      _("update:overrides", r ?? []);
+    }
+    const { t: c } = M(), E = i(
+      () => (t) => [
+        {
+          accessorKey: "label",
+          enableSorting: !1,
+          header: c("menu.apply_product.table.category_count", {
+            name: t.name,
+            count: t.items.length
+          }),
+          cell: (e) => {
+            var l;
+            const r = e.getValue();
+            return ((l = e.row.original.variant) == null ? void 0 : l.length) ? u(
+              "p",
+              {
+                class: "flex items-center space-x-8"
+              },
+              [
+                u("p", {}, [r]),
+                u(B.FmIcon, {
+                  name: "keyboard_arrow_up",
+                  onClick: e.row.getToggleExpandedHandler(),
+                  class: [
+                    "cursor-pointer",
+                    "transition-transform",
+                    e.row.getIsExpanded() ? "transform rotate-180" : ""
+                  ]
+                })
+              ]
+            ) : r;
+          }
+        },
+        {
+          id: "action",
+          enableSorting: !1,
+          cell: (e) => {
+            const r = e.row.original, n = e.row.depth;
+            return s.editable ? u(
+              "div",
+              {
+                class: "flex items-center justify-end"
+              },
+              u(B.FmButton, {
+                prependIcon: "delete",
+                variant: I.Tertiary,
+                textColor: h.NeutralGray400,
+                onClick: () => {
+                  var o;
+                  if (n > 0) {
+                    const v = (o = e.row.getParentRow()) == null ? void 0 : o.original;
+                    S(v.value, r.value);
+                  } else
+                    S(r.value);
+                }
+              })
+            ) : null;
+          }
+        }
+      ]
+    ), x = U({}), N = (t) => t.variant, T = i(() => k.value.reduce((t, e) => t + e.items.length, 0));
+    return (t, e) => {
+      const r = b("fm-button"), n = b("fm-search"), l = b("fm-table");
+      return d(), p("div", W, [
+        f(O, { title: t.title }, {
+          "append-title": g(() => [
+            V("div", null, [
+              t.editable ? (d(), D($, {
+                key: 0,
+                "categorized-items": y.value,
+                "initial-value": t.overrides,
+                "select-variant": t.selectVariant,
+                "show-variant": R.value,
+                title: a(c)("menu.apply_product.link.title"),
+                onSubmit: e[0] || (e[0] = ({ items: o }) => _("update:overrides", o))
+              }, {
+                default: g(({ trigger: o }) => [
+                  f(r, {
+                    "text-color": a(h).ColorPrimary,
+                    "border-color": a(h).ColorPrimary,
+                    variant: a(I).Secondary,
+                    label: t.linkButtonLabel || a(c)("menu.common.actions.link_product"),
+                    "prepend-icon": "link",
+                    onClick: o
+                  }, null, 8, ["text-color", "border-color", "variant", "label", "onClick"])
+                ]),
+                _: 1
+              }, 8, ["categorized-items", "initial-value", "select-variant", "show-variant", "title"])) : C("", !0)
+            ])
+          ]),
+          default: g(() => [
+            V("div", X, [
+              t.editable ? (d(), p("p", Y, j(a(c)("menu.common.labels.product_count", { count: T.value })), 1)) : C("", !0),
+              f(n, {
+                modelValue: a(m),
+                "onUpdate:modelValue": e[1] || (e[1] = (o) => A(m) ? m.value = o : null),
+                placeholder: a(c)("menu.common.labels.search_product"),
+                class: "flex-1"
+              }, null, 8, ["modelValue", "placeholder"])
+            ])
+          ]),
+          _: 1
+        }, 8, ["title"]),
+        (d(!0), p(G, null, H(P.value, (o) => (d(), p("div", {
+          key: o.id || "",
+          class: "xs:overflow-x-scroll"
+        }, [
+          f(l, {
+            "column-defs": E.value(o),
+            "expanded-state": x.value,
+            "get-sub-row": N,
+            "page-size": 9999,
+            "row-data": o.items,
+            "search-value": a(m),
+            "shrink-at": !1,
+            "hide-footer": "",
+            "onUpdate:expandedState": e[2] || (e[2] = (v) => x.value = v)
+          }, null, 8, ["column-defs", "expanded-state", "row-data", "search-value"])
+        ]))), 128))
+      ]);
+    };
+  }
+});
+export {
+  le as _
+};

package/dist/BottomSheetMenuItem.vue_vue_type_script_setup_true_lang-DhrXKy3b.js

@@ -0,0 +1,74 @@
+import { defineComponent as p, ref as v, resolveComponent as l, createBlock as a, openBlock as n, withCtx as c, createElementVNode as _, renderSlot as r, createCommentVNode as i, withModifiers as y, nextTick as B, createElementBlock as u, normalizeClass as C, createTextVNode as h, toDisplayString as k } from "vue";
+const F = /* @__PURE__ */ p({
+  __name: "BottomSheetMenu",
+  setup(m) {
+    const e = v(!1);
+    async function t() {
+      await B(), e.value = !e.value;
+    }
+    return (s, o) => {
+      const f = l("FmButton"), b = l("FmBottomSheet");
+      return n(), a(b, {
+        modelValue: e.value,
+        "onUpdate:modelValue": o[1] || (o[1] = (d) => e.value = d),
+        "dismiss-away": "",
+        "no-header": "",
+        "z-index": 110
+      }, {
+        "bottom-sheet-button": c(() => [
+          s.$slots.button ? i("", !0) : (n(), a(f, {
+            key: 0,
+            icon: "more_vert",
+            variant: "tertiary",
+            onClick: y(t, ["stop"])
+          })),
+          r(s.$slots, "button")
+        ]),
+        default: c(() => [
+          _("div", {
+            onClick: o[0] || (o[0] = (d) => e.value = !1)
+          }, [
+            r(s.$slots, "default")
+          ])
+        ]),
+        _: 3
+      }, 8, ["modelValue"]);
+    };
+  }
+}), $ = { class: "py-8 px-12 hover:bg-fm-color-neutral-gray-100" }, S = /* @__PURE__ */ p({
+  __name: "BottomSheetMenuItem",
+  props: {
+    label: {},
+    icon: {},
+    disabled: { type: Boolean },
+    itemClass: {}
+  },
+  setup(m) {
+    const e = m;
+    return (t, s) => {
+      const o = l("FmIcon");
+      return n(), u("div", $, [
+        t.$slots.content ? i("", !0) : (n(), u("div", {
+          key: 0,
+          class: C(["flex items-center", {
+            "text-fm-color-typo-disabled": e.disabled,
+            "cursor-pointer": !e.disabled,
+            "cursor-not-allowed": e.disabled,
+            [e.itemClass || ""]: e.itemClass && !e.disabled
+          }])
+        }, [
+          t.icon ? (n(), a(o, {
+            key: 0,
+            name: t.icon
+          }, null, 8, ["name"])) : i("", !0),
+          h(" " + k(t.label), 1)
+        ], 2)),
+        r(t.$slots, "content")
+      ]);
+    };
+  }
+});
+export {
+  F as _,
+  S as a
+};

package/dist/{Catalog-D2wc24o8.js → Catalog-CUPoRid3.js}

@@ -1,17 +1,17 @@
 import { defineComponent as se, computed as x, resolveComponent as _, createBlock as V, openBlock as p, createVNode as o, ref as K, createElementBlock as O, Fragment as j, renderSlot as be, unref as e, withCtx as g, createElementVNode as v, createCommentVNode as z, renderList as X, createTextVNode as xe, toDisplayString as N, markRaw as Ce, toRaw as ke, h as q, withModifiers as Q, normalizeClass as he } from "vue";
 import { useRouter as Oe } from "vue-router";
-import { u as pe, z as M, O as fe, D as ge, B as re, A as Fe, H as le, J as ve, ac as ie, a3 as Me } from "./index.vue_vue_type_script_setup_true_lang-D-k9WcQV.js";
+import { u as pe, z as M, O as fe, D as ge, B as re, A as Fe, H as le, J as ve, ac as ie, a3 as Me } from "./index.vue_vue_type_script_setup_true_lang-Dje9kp-F.js";
 import { useI18n as ue, useCoreStore as _e } from "@feedmepos/mf-common";
 import { useSnackbar as ye, components as ne, FmButtonVariant as J, FmButtonColorThemeVariant as Z, useDialog as Ve, useBreakpoints as De } from "@feedmepos/ui-library";
-import { _ as Se, R as ce } from "./app-C8Dm2-h4.js";
-import { _ as Te } from "./TextChip.vue_vue_type_script_setup_true_lang-BJMcI3U2.js";
-import { _ as te } from "./FormItem.vue_vue_type_script_setup_true_lang-B3Ixruh-.js";
-import { _ as Ue } from "./RuleView.vue_vue_type_script_setup_true_lang-CPFGkaTr.js";
-import { _ as me, a as we } from "./GroupMarkupPriceDialog.vue_vue_type_script_setup_true_lang-BD9IZkwW.js";
+import { _ as Se, R as ce } from "./app-BhLVpUSl.js";
+import { _ as Te } from "./TextChip.vue_vue_type_script_setup_true_lang-8frWuZFL.js";
+import { _ as te } from "./FormItem.vue_vue_type_script_setup_true_lang-BmPAVphe.js";
+import { _ as Ue } from "./RuleView.vue_vue_type_script_setup_true_lang-DputprQj.js";
+import { _ as me, a as we } from "./GroupMarkupPriceDialog.vue_vue_type_script_setup_true_lang-BEDyKWhK.js";
 import { c as Ee } from "./check-C9mY6LiX.js";
-import { C as B, a as P } from "./catalogSetting-Ci85lXor.js";
-import { _ as Ae } from "./PageLayout.vue_vue_type_script_setup_true_lang-vFqWGM6P.js";
-import { C as Ne } from "./catalog-CD-fdGdY.js";
+import { C as B, a as P } from "./catalogSetting-BVHO9tK3.js";
+import { _ as Ae } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
+import { C as Ne } from "./catalog-CudNSsIP.js";
 const Re = /* @__PURE__ */ se({
   __name: "CatalogUsageTable",
   props: {

package/dist/{Category-DA5-55d2.js → Category-BkvhZ57Y.js}

@@ -2,18 +2,18 @@ import { defineComponent as A, ref as F, computed as B, watch as se, resolveComp
 import { useI18n as j } from "@feedmepos/mf-common";
 import { useSnackbar as Y, components as R, useDialog as ee, FmButtonVariant as X, useBreakpoints as de, FmButtonColorThemeVariant as me } from "@feedmepos/ui-library";
 import { _ as pe } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
-import { D as q, u as ge, Z as fe, X as _e, z as K, a2 as ye, O as G, J as te, a3 as ve } from "./index.vue_vue_type_script_setup_true_lang-D-k9WcQV.js";
-import { _ as he } from "./PageLayout.vue_vue_type_script_setup_true_lang-vFqWGM6P.js";
-import { _ as be } from "./app-C8Dm2-h4.js";
+import { D as q, u as ge, Z as fe, X as _e, z as K, a2 as ye, O as G, J as te, a3 as ve } from "./index.vue_vue_type_script_setup_true_lang-Dje9kp-F.js";
+import { _ as he } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
+import { _ as be } from "./app-BhLVpUSl.js";
 import { c as xe } from "./createForm-BoUQeZTd.js";
-import { _ as Z } from "./RuleView.vue_vue_type_script_setup_true_lang-CPFGkaTr.js";
+import { _ as Z } from "./RuleView.vue_vue_type_script_setup_true_lang-DputprQj.js";
 import { u as Ce } from "./discardConfirm-BHni0LNu.js";
 import { c as H } from "./object-DVUNCr7w.js";
 import { r as ke } from "./rules-CIWTZQfh.js";
-import { u as J, a as we } from "./menu-COMXycAe.js";
+import { u as J, a as we } from "./menu-D-lUEuvX.js";
 import { c as Fe } from "./check-C9mY6LiX.js";
-import { u as Ve } from "./item-ByEPWjef.js";
-import { u as oe } from "./category-6NAH0dUF.js";
+import { u as Ve } from "./item-BtKW0wdj.js";
+import { u as oe } from "./category-BQpgz1lk.js";
 const $e = {
   class: "fm-typo-en-title-md-600"
 }, Me = {

package/dist/{Category-BPufryqK.js → Category-Cdw0ikhP.js}

@@ -1,10 +1,10 @@
 import { defineComponent as V, computed as k, ref as C, resolveComponent as w, createElementBlock as g, openBlock as u, createElementVNode as i, createVNode as _, unref as a, withCtx as K, Fragment as P, renderList as U, toDisplayString as E, createBlock as S } from "vue";
 import { useI18n as L } from "@feedmepos/mf-common";
 import { useSnackbar as M, useBreakpoints as $, useDialog as I } from "@feedmepos/ui-library";
-import { D as F, u as Y, X as j, O as D, J as q, z as A, a3 as J } from "./index.vue_vue_type_script_setup_true_lang-D-k9WcQV.js";
-import { _ as R } from "./app-C8Dm2-h4.js";
-import { u as O } from "./menu-COMXycAe.js";
-import { u as X } from "./category-6NAH0dUF.js";
+import { D as F, u as Y, X as j, O as D, J as q, z as A, a3 as J } from "./index.vue_vue_type_script_setup_true_lang-Dje9kp-F.js";
+import { _ as R } from "./app-BhLVpUSl.js";
+import { u as O } from "./menu-D-lUEuvX.js";
+import { u as X } from "./category-BQpgz1lk.js";
 const G = {
   key: 0
 }, H = {

package/dist/{CookingGuide-DKvou40e.js → CookingGuide-BZ-4oULM.js}

@@ -2,13 +2,13 @@ import { defineComponent as le, ref as w, computed as V, resolveComponent as x,
 import { useI18n as se } from "@feedmepos/mf-common";
 import { components as ue, useSnackbar as be, useDialog as ye } from "@feedmepos/ui-library";
 import { _ as ke } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
-import { _ as he } from "./app-C8Dm2-h4.js";
-import { H as ee, I as me, J as re, z as oe, u as xe, O as Ce, D as we, a3 as Fe } from "./index.vue_vue_type_script_setup_true_lang-D-k9WcQV.js";
-import { d as Ve } from "./vuedraggable-DnBIRDMr.js";
-import { _ as Z } from "./RuleView.vue_vue_type_script_setup_true_lang-CPFGkaTr.js";
+import { _ as he } from "./app-BhLVpUSl.js";
+import { H as ee, I as me, J as re, z as oe, u as xe, O as Ce, D as we, a3 as Fe } from "./index.vue_vue_type_script_setup_true_lang-Dje9kp-F.js";
+import { d as Ve } from "./vuedraggable-CK8z7qA8.js";
+import { _ as Z } from "./RuleView.vue_vue_type_script_setup_true_lang-DputprQj.js";
 import { u as pe } from "./discardConfirm-BHni0LNu.js";
-import { L as Se } from "./LinkProductSideSheet-BDMbKJ8o.js";
-import { _ as Ie } from "./PageLayout.vue_vue_type_script_setup_true_lang-vFqWGM6P.js";
+import { L as Se } from "./LinkProductSideSheet-Br2eE8pC.js";
+import { _ as Ie } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
 const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = { class: "space-y-32" }, Ke = { class: "flex bg-fm-color-neutral-gray-100 border-b border-b-fm-color-neutral-gray-200" }, De = { class: "px-16 py-8 w-[40%]" }, Le = { class: "px-16 py-8 grow" }, Ne = { class: "px-16 py-8 w-[40%]" }, Ue = { class: "px-16 py-8 grow" }, Ge = { class: "space-y-16" }, Te = { class: "flex flex-wrap gap-8 overflow-hidden mb-8" }, ze = { class: "flex gap-8 items-center justify-start" }, Be = /* @__PURE__ */ le({
   __name: "CookingGuideStepDialog",
   emits: ["onComplete"],

package/dist/{CustomAttributeChip.vue_vue_type_script_setup_true_lang-DHoAYdGI.js → CustomAttributeChip.vue_vue_type_script_setup_true_lang-CJvVFWdR.js}

@@ -1,9 +1,9 @@
 import { defineComponent as S, computed as o, createBlock as v, openBlock as t, unref as c, withCtx as g, renderSlot as B, ref as A, resolveComponent as I, createElementBlock as a, createElementVNode as m, createCommentVNode as b, Fragment as f, renderList as C, toDisplayString as d, withModifiers as F } from "vue";
 import { useI18n as V } from "@feedmepos/mf-common";
-import { _ as M } from "./MenuSelector.vue_vue_type_script_setup_true_lang-Bm_hSelC.js";
-import { u as D } from "./index.vue_vue_type_script_setup_true_lang-D-k9WcQV.js";
+import { _ as M } from "./MenuSelector.vue_vue_type_script_setup_true_lang-K6Z0QJBl.js";
+import { u as D } from "./index.vue_vue_type_script_setup_true_lang-Dje9kp-F.js";
 import { useBreakpoints as E } from "@feedmepos/ui-library";
-import { _ as y } from "./TextChip.vue_vue_type_script_setup_true_lang-BJMcI3U2.js";
+import { _ as y } from "./TextChip.vue_vue_type_script_setup_true_lang-8frWuZFL.js";
 const X = /* @__PURE__ */ S({
   __name: "SchedulerSelector",
   setup(k) {

package/dist/FormItem.vue_vue_type_script_setup_true_lang-BmPAVphe.js

@@ -0,0 +1,26 @@
+import { defineComponent as r, createElementBlock as s, openBlock as t, createElementVNode as o, renderSlot as n, createCommentVNode as p, toDisplayString as c } from "vue";
+const d = { class: "space-y-8" }, i = { class: "flex items-center justify-between" }, l = { class: "space-y-8" }, a = { class: "fm-typo-en-body-lg-600" }, m = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, h = /* @__PURE__ */ r({
+  __name: "FormItem",
+  props: {
+    label: {},
+    description: {}
+  },
+  setup(_) {
+    return (e, y) => (t(), s("div", d, [
+      o("div", i, [
+        o("div", l, [
+          o("p", a, c(e.label), 1),
+          e.description ? (t(), s("p", m, c(e.description), 1)) : p("", !0)
+        ]),
+        n(e.$slots, "append")
+      ]),
+      n(e.$slots, "default")
+    ]));
+  }
+});
+export {
+  h as _
+};

package/dist/{Group-D60oAvmM.js → Group-C1FaXdUb.js}

@@ -1,4 +1,4 @@
-import { _ as f } from "./Group.vue_vue_type_script_setup_true_lang-BXn3--BL.js";
+import { _ as f } from "./Group.vue_vue_type_script_setup_true_lang-2_lLBdX2.js";
 export {
   f as default
 };

package/dist/{Group-Bgpc6qE1.js → Group-Cec83DWm.js}

@@ -1,10 +1,10 @@
 import { defineComponent as m, ref as p, createBlock as i, openBlock as d, unref as n, withCtx as a, createElementVNode as e, toDisplayString as c, createCommentVNode as u, createVNode as l } from "vue";
 import { useI18n as _ } from "@feedmepos/mf-common";
 import { _ as f } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
-import { _ as g } from "./PageLayout.vue_vue_type_script_setup_true_lang-vFqWGM6P.js";
-import { _ as y } from "./Group.vue_vue_type_script_setup_true_lang-BXn3--BL.js";
-import { A as b } from "./item-ByEPWjef.js";
-import { a as h } from "./menu-COMXycAe.js";
+import { _ as g } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
+import { _ as y } from "./Group.vue_vue_type_script_setup_true_lang-2_lLBdX2.js";
+import { A as b } from "./item-BtKW0wdj.js";
+import { a as h } from "./menu-D-lUEuvX.js";
 const v = { class: "flex-1 flex justify-between gap-8 pl-8" }, x = { class: "flex items-center" }, k = { class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4" }, C = { class: "fm-typo-en-body-md-600 font-semibold" }, j = /* @__PURE__ */ m({
   __name: "Group",
   setup(N) {