@feedmepos/mf-menu 0.31.40-prod → 0.31.41-prod

package/dist/{Subcategory-C8AwfrKb.js → Subcategory-CpYmjAvA.js}

@@ -2,17 +2,17 @@ import { defineComponent as L, ref as w, watch as W, resolveComponent as y, crea
 import { useI18n as T } from "@feedmepos/mf-common";
 import { useSnackbar as B, components as j, useDialog as Y, FmButtonVariant as z, useBreakpoints as ae, FmButtonColorThemeVariant as oe } from "@feedmepos/ui-library";
 import { _ as ne } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
-import { G as D, u as N, O as A, J as K, A as G } from "./menu-DFNvhoNQ.js";
+import { G as D, u as N, O as A, J as K, A as G } from "./menu-DS_ERmBf.js";
 import { _ as le } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
-import { _ as se } from "./app-Ddb81PNo.js";
+import { _ as se } from "./app-CVqWWV4x.js";
 import { c as re } from "./createForm-BoUQeZTd.js";
 import { u as ie } from "./discardConfirm-BHni0LNu.js";
 import { c as I } from "./object-DVUNCr7w.js";
 import { r as ce } from "./rules-CIWTZQfh.js";
 import { c as ue } from "./check-C9mY6LiX.js";
-import { u as q } from "./subcategory-O3L_zCJA.js";
+import { u as q } from "./subcategory-D_ao-IV9.js";
 import { _ as de } from "./index.vue_vue_type_script_setup_true_lang-BgqsTzLI.js";
-import { a as me } from "./menu-QrVg2Ph7.js";
+import { a as me } from "./menu-Csyr6W9A.js";
 const pe = {
   class: "fm-typo-en-title-md-600"
 }, _e = {

package/dist/{Takeaway-t1053wg2.js → Takeaway-BXh3iuME.js}

@@ -1,4 +1,4 @@
-import { _ as f } from "./Takeaway.vue_vue_type_script_setup_true_lang-7XycP5fU.js";
+import { _ as f } from "./Takeaway.vue_vue_type_script_setup_true_lang-By1f-FCO.js";
 export {
   f as default
 };

package/dist/{Takeaway-DaEUn-yM.js → Takeaway-D4hjN5z5.js}

@@ -1,12 +1,12 @@
 import { defineComponent as f, computed as y, ref as k, createBlock as i, openBlock as d, unref as a, withCtx as s, createElementVNode as t, toDisplayString as b, createCommentVNode as g, createVNode as m } from "vue";
-import { G as x, u as v, O as w, J as E, A as M } from "./menu-DFNvhoNQ.js";
+import { G as x, u as v, O as w, J as E, A as M } from "./menu-DS_ERmBf.js";
 import { useI18n as T } from "@feedmepos/mf-common";
 import { useSnackbar as V } from "@feedmepos/ui-library";
 import { _ as h } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
 import { _ as C } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
-import { _ as N } from "./Takeaway.vue_vue_type_script_setup_true_lang-7XycP5fU.js";
-import { T as O, l as S } from "./index-QsLFbxyG.js";
-import { a as L } from "./menu-QrVg2Ph7.js";
+import { _ as N } from "./Takeaway.vue_vue_type_script_setup_true_lang-By1f-FCO.js";
+import { T as O, l as S } from "./index-BJZEWB5C.js";
+import { a as L } from "./menu-Csyr6W9A.js";
 const U = { class: "flex-1 flex justify-between gap-8 pl-8" }, B = { class: "flex items-center" }, F = { class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4" }, A = { class: "fm-typo-en-body-md-600 font-semibold" }, z = /* @__PURE__ */ f({
   __name: "Takeaway",
   setup(D) {

package/dist/{Takeaway.vue_vue_type_script_setup_true_lang-7XycP5fU.js → Takeaway.vue_vue_type_script_setup_true_lang-By1f-FCO.js}

@@ -1,14 +1,14 @@
 import { getCurrentInstance as te, defineComponent as oe, computed as h, watch as ne, h as R, resolveComponent as S, createElementBlock as C, openBlock as _, Fragment as O, normalizeClass as D, createElementVNode as k, createVNode as V, unref as t, isRef as j, withCtx as P, renderList as ie, createBlock as G, createCommentVNode as $, toDisplayString as B, withModifiers as H } from "vue";
-import { G as q, u as Q, O as W, J as N, A as z, H as L, B as se, an as J } from "./menu-DFNvhoNQ.js";
+import { G as q, u as Q, O as W, J as N, A as z, H as L, B as se, an as J } from "./menu-DS_ERmBf.js";
 import { useI18n as X, useCoreStore as re } from "@feedmepos/mf-common";
 import { useDialog as le, useSnackbar as Z, FmButtonVariant as A, components as ce, useBreakpoints as de } from "@feedmepos/ui-library";
-import { _ as ue } from "./app-Ddb81PNo.js";
+import { _ as ue } from "./app-CVqWWV4x.js";
 import { _ as me } from "./index.vue_vue_type_script_setup_true_lang-BgqsTzLI.js";
-import { a as ye, l as ee, T as pe } from "./index-QsLFbxyG.js";
+import { a as ye, l as ee, T as pe } from "./index-BJZEWB5C.js";
 import { u as fe } from "./search-BAPEUu1R.js";
-import { f as F } from "./currency-g45Sh-t6.js";
+import { f as F } from "./currency-OhOTnAqk.js";
 import { defineStore as _e } from "pinia";
-import { C as ke } from "./catalog-DSuJhsUb.js";
+import { C as ke } from "./catalog-C_TuQLxq.js";
 import { c as ve } from "./createComponentProgrammatically-Bt2rn1IQ.js";
 function we(T, U, l, m) {
   var y, v, w, g;

package/dist/Thumbnail.vue_vue_type_script_setup_true_lang-CZUwa5C_.js

@@ -0,0 +1,440 @@
+import { computed as i, defineComponent as V, ref as k, resolveComponent as b, createElementBlock as L, openBlock as w, normalizeClass as O, createVNode as K, normalizeStyle as x, withCtx as $, createBlock as U, createCommentVNode as B } from "vue";
+import { A as p, J as E, G as S, O as N, ah as A, u as y, c as j } from "./menu-DS_ERmBf.js";
+import { u as C } from "./menuV2-DKzAZ4Ss.js";
+import { C as v, h as G } from "./catalog-C_TuQLxq.js";
+import { useSnackbar as F, useDialog as Y } from "@feedmepos/ui-library";
+import { a as T } from "./LinkProductSideSheet-BdzBGYxG.js";
+import { useI18n as J } from "@feedmepos/mf-common";
+function q() {
+  const t = C(), s = i(() => t.categorizedRawMenuItems.filter((u) => u.items.length > 0)), m = i(() => {
+    const u = t.currentCatalog;
+    return u ? v.getItemAvailable(u).map((e) => ({ _id: e })) : [];
+  });
+  async function g(u) {
+    const e = t.currentCatalog;
+    if (!e) return;
+    const a = u.reduce(
+      (o, r) => (o[r] = R(
+        r,
+        e.override.items[r],
+        u.includes(r),
+        t.version === p.F_MENU_VERSION.enum.v3
+      ), o),
+      {}
+    ), n = {
+      ...e,
+      override: {
+        ...e.override,
+        items: {
+          ...a
+        }
+      }
+    };
+    await t.updateMenu({
+      module: p.F_MENU_MODULE_V4_KEY.enum.catalog,
+      operation: E.F_OPERATION_TYPE.update,
+      data: n
+    });
+  }
+  async function l(u) {
+    var o;
+    const e = t.currentCatalog;
+    if (!e) return;
+    const a = u.reduce(
+      (r, c) => {
+        const d = e.override.items[c];
+        return r[c] = R(
+          c,
+          d,
+          !0,
+          t.version === p.F_MENU_VERSION.enum.v3
+        ), r;
+      },
+      {}
+    ), n = {
+      ...e,
+      override: {
+        ...e.override,
+        items: {
+          ...((o = e.override) == null ? void 0 : o.items) || {},
+          ...a
+        }
+      },
+      /**
+       * linkItemRules and items under override are two ways to manage linked items under catalog,
+       * if we changed items under override, we should clear linkItemRules to avoid conflict.
+       */
+      linkItemRules: null
+    };
+    await t.updateMenu({
+      module: p.F_MENU_MODULE_V4_KEY.enum.catalog,
+      operation: E.F_OPERATION_TYPE.update,
+      data: n
+    });
+  }
+  async function f(u) {
+    var o;
+    const e = t.currentCatalog;
+    if (!e) return;
+    const a = u.reduce(
+      (r, c) => {
+        const d = e.override.items[c];
+        return r[c] = R(
+          c,
+          d,
+          !1,
+          t.version === p.F_MENU_VERSION.enum.v3
+        ), r;
+      },
+      {}
+    ), n = {
+      ...e,
+      override: {
+        ...e.override,
+        items: {
+          ...((o = e.override) == null ? void 0 : o.items) || {},
+          ...a
+        }
+      }
+    };
+    await t.updateMenu({
+      module: p.F_MENU_MODULE_V4_KEY.enum.catalog,
+      operation: E.F_OPERATION_TYPE.update,
+      data: n
+    });
+  }
+  async function _(u) {
+    const e = t.currentCatalog;
+    if (!e) return;
+    const a = {
+      ...e,
+      linkItemRules: u
+    };
+    await t.updateMenu({
+      module: p.F_MENU_MODULE_V4_KEY.enum.catalog,
+      operation: E.F_OPERATION_TYPE.update,
+      data: a
+    });
+  }
+  return {
+    linkableItems: s,
+    currentItems: m,
+    setProduct: g,
+    applyProduct: l,
+    removeProduct: f,
+    saveLinkItemRules: _
+  };
+}
+function R(t, s, m, g) {
+  const l = s == null ? void 0 : s.find((u) => !u.combinationKey), f = m ? null : p.F_ORDER_FROM.enum.NONE, _ = g ? m ? null : "" : l == null ? void 0 : l.category;
+  return [
+    {
+      ...l ?? {},
+      orderFrom: f,
+      category: _,
+      _id: t
+    },
+    ...(s == null ? void 0 : s.filter((u) => !!u.combinationKey)) ?? []
+  ];
+}
+function H() {
+  const t = C(), s = F(), m = Y(), g = S(s), l = N(g), f = i(() => {
+    const e = t.categorizedRawMenuItems, a = new Set(
+      t.currentCatalog ? v.getItemAvailable(t.currentCatalog) : t.state.menu.modules.item.map((n) => n._id)
+    );
+    return e.map((n) => ({
+      ...n,
+      items: n.items.filter((o) => a.has(o._id))
+    })).filter((n) => n.items.length > 0);
+  }), _ = i(() => {
+    var o;
+    const e = t.currentScheduler;
+    if (!e) return [];
+    const a = t.currentCatalog, n = a ? ((o = a.override.scheduler[e._id]) == null ? void 0 : o.items) ?? [] : e.items;
+    return [
+      ...new Set(n.filter((r) => r.orderFrom != p.F_ORDER_FROM.enum.NONE).map((r) => r._id))
+    ].map((r) => ({ _id: r }));
+  });
+  async function u(e) {
+    const a = t.currentScheduler;
+    if (!a) return;
+    const n = t.currentCatalog;
+    if (n && t.rules.scheduler.override) {
+      const o = new v(
+        n,
+        t,
+        l.updateMenu,
+        m
+      );
+      o.overrideCatalogSchedulerItems(e, a._id), await t.updateMenu({
+        module: p.F_MENU_MODULE_V4_KEY.enum.catalog,
+        operation: E.F_OPERATION_TYPE.update,
+        data: o.getCatalog()
+      });
+    } else {
+      const o = e.reduce(
+        (c, d) => {
+          const M = a.items.filter((h) => h._id == d) ?? [];
+          return c = c.concat(
+            A(d, M, (h) => ({
+              ...h,
+              orderFrom: null
+            }))
+          ), c;
+        },
+        []
+      ), r = {
+        ...a,
+        items: o
+      };
+      await t.updateMenu({
+        module: p.F_MENU_MODULE_V4_KEY.enum.scheduler,
+        operation: E.F_OPERATION_TYPE.update,
+        data: r
+      });
+    }
+  }
+  return {
+    linkableItems: f,
+    currentItems: _,
+    applyProduct: u
+  };
+}
+const Q = () => {
+  const t = y(), s = F(), m = S(s), g = N(m), l = i(() => t.categorizedRawMenuItems.filter((e) => e.items.length > 0)), f = i(() => {
+    const e = t.currentCatalog;
+    return e ? v.getItemAvailable(e).map((a) => ({ _id: a })) : [];
+  });
+  async function _(e) {
+    const a = t.currentCatalog;
+    if (!a) return;
+    const o = t.state.menu.modules.item.map((c) => c._id).reduce(
+      (c, d) => {
+        const M = a.override.items[d];
+        return c[d] = G(
+          d,
+          M,
+          e.includes(d),
+          t.version === j.F_MENU_VERSION.v3
+        ), c;
+      },
+      {}
+    ), r = {
+      ...a,
+      override: { ...a.override, items: o },
+      /**
+       * linkItemRules and items under override are two ways to manage linked items under catalog,
+       * if we changed items under override, we should clear linkItemRules to avoid conflict.
+       */
+      linkItemRules: null
+    };
+    await g.updateMenu(
+      {
+        module: p.F_MENU_MODULE_V4_KEY.enum.catalog,
+        operation: E.F_OPERATION_TYPE.update,
+        data: r
+      },
+      r.name
+    );
+  }
+  async function u(e) {
+    const a = t.currentCatalog;
+    if (!a) return;
+    const n = {
+      ...a,
+      linkItemRules: e
+    };
+    await g.updateMenu(
+      {
+        module: p.F_MENU_MODULE_V4_KEY.enum.catalog,
+        operation: E.F_OPERATION_TYPE.update,
+        data: n
+      },
+      n.name
+    );
+  }
+  return {
+    linkableItems: l,
+    currentItems: f,
+    applyProduct: _,
+    saveLinkItemRules: u
+  };
+}, W = () => {
+  const t = y(), s = F(), m = Y(), g = S(s), l = N(g), f = i(() => {
+    const e = t.categorizedRawMenuItems, a = new Set(
+      t.currentCatalog ? v.getItemAvailable(t.currentCatalog) : t.state.menu.modules.item.map((n) => n._id)
+    );
+    return e.map((n) => ({
+      ...n,
+      items: n.items.filter((o) => a.has(o._id))
+    })).filter((n) => n.items.length > 0);
+  }), _ = i(() => {
+    var o;
+    const e = t.currentScheduler;
+    if (!e) return [];
+    const a = t.currentCatalog, n = a ? ((o = a.override.scheduler[e._id]) == null ? void 0 : o.items) ?? [] : e.items;
+    return [
+      ...new Set(n.filter((r) => r.orderFrom != p.F_ORDER_FROM.enum.NONE).map((r) => r._id))
+    ].map((r) => ({ _id: r }));
+  });
+  async function u(e) {
+    const a = t.currentScheduler;
+    if (!a) return;
+    const n = t.currentCatalog;
+    if (n && t.rules.scheduler.override) {
+      const o = new v(n, t, l.updateMenu, m);
+      o.overrideCatalogSchedulerItems(e, a._id), await o.update();
+    } else {
+      const o = e.reduce(
+        (c, d) => {
+          const M = a.items.filter((h) => h._id == d) ?? [];
+          return c = c.concat(
+            A(d, M, (h) => ({
+              ...h,
+              orderFrom: null
+            }))
+          ), c;
+        },
+        []
+      ), r = {
+        ...a,
+        items: o
+      };
+      await l.updateMenu(
+        {
+          module: p.F_MENU_MODULE_V4_KEY.enum.scheduler,
+          operation: E.F_OPERATION_TYPE.update,
+          data: r
+        },
+        r.name
+      );
+    }
+  }
+  return {
+    linkableItems: f,
+    currentItems: _,
+    applyProduct: u
+  };
+};
+function se(t) {
+  const s = {
+    // Under FdoMenuV4Category _id is string, but here we need null for Addon, so we bypass the type checking
+    // @ts-ignore
+    _id: null,
+    name: "Addon",
+    position: 0
+  };
+  if (!t) {
+    const n = y(), o = i(() => n.state.menu.modules.item ?? []), r = i(() => {
+      var I;
+      return ((I = n.currentCatalog) == null ? void 0 : I.linkItemRules) ?? null;
+    }), c = W(), d = Q(), M = i(() => !n.state.currentSchedulerId), h = (I) => {
+      if (I.mode === T.Rules)
+        d.saveLinkItemRules(I.linkItemRules);
+      else {
+        const P = I.items.map((z) => z._id);
+        M.value ? d.applyProduct(P) : c.applyProduct(P);
+      }
+    }, D = i(() => [s, ...n.state.menu.modules.category ?? []]);
+    return {
+      menuItems: o,
+      categories: D,
+      linkItemRules: r,
+      catalogManager: d,
+      schedulerManager: c,
+      noScheduler: M,
+      handleSubmit: h
+    };
+  }
+  const m = C(), g = i(() => m.state.menu.modules.item ?? []), l = i(() => {
+    var n;
+    return ((n = m.currentCatalog) == null ? void 0 : n.linkItemRules) ?? null;
+  }), f = H(), _ = q(), u = i(() => !m.state.currentSchedulerId), e = (n) => {
+    if (n.mode === T.Rules)
+      _.saveLinkItemRules(n.linkItemRules);
+    else {
+      const o = n.items.map((r) => r._id);
+      u.value ? _.applyProduct(o) : f.applyProduct(o);
+    }
+  }, a = i(() => [s, ...m.state.menu.modules.category ?? []]);
+  return {
+    menuItems: g,
+    categories: a,
+    linkItemRules: l,
+    catalogManager: _,
+    schedulerManager: f,
+    noScheduler: u,
+    handleSubmit: e
+  };
+}
+const X = ["alt", "src", "crossorigin"], ue = /* @__PURE__ */ V({
+  __name: "Thumbnail",
+  props: {
+    src: {},
+    alt: {},
+    className: {},
+    size: {},
+    crossorigin: { type: Boolean, default: !0 }
+  },
+  setup(t) {
+    const s = t, { t: m } = J(), g = k(!1), l = k(!s.src), f = () => {
+      g.value = !1, l.value = !0;
+    }, _ = () => {
+      g.value = !0, l.value = !0;
+    }, u = i(() => s.alt ? m("menu.thumbnail.alt.with_name", { name: s.alt }) : m("menu.thumbnail.alt.default")), e = i(() => typeof s.size == "number" ? {
+      width: s.size,
+      height: s.size
+    } : {
+      width: s.size.width,
+      height: s.size.height
+    }), a = i(() => {
+      if (!s.src) return null;
+      if (s.crossorigin) {
+        const n = s.src.includes("?") ? "&" : "?";
+        return `${s.src}${n}_cors=${Date.now()}`;
+      }
+      return s.src;
+    });
+    return (n, o) => {
+      const r = b("fm-icon"), c = b("fm-card");
+      return w(), L("div", {
+        class: O([n.className, "flex items-center justify-center"])
+      }, [
+        K(c, {
+          class: O(["flex items-center justify-center", "rounded-md"]),
+          style: x({ width: `${e.value.width}px`, height: `${e.value.height}px` }),
+          variant: "outlined"
+        }, {
+          default: $(() => [
+            a.value && !g.value ? (w(), L("img", {
+              key: 0,
+              alt: u.value,
+              class: O(["w-full h-full", "object-cover", l.value ? "" : "hidden"]),
+              src: a.value,
+              crossorigin: s.crossorigin ? "anonymous" : void 0,
+              onError: _,
+              onLoad: f
+            }, null, 42, X)) : (w(), U(r, {
+              key: 1,
+              color: "neutral-gray-300",
+              name: "image",
+              outline: ""
+            })),
+            l.value ? B("", !0) : (w(), U(r, {
+              key: 2,
+              class: "animate-spin",
+              name: "progress_activity",
+              spin: ""
+            }))
+          ]),
+          _: 1
+        }, 8, ["style"])
+      ], 2);
+    };
+  }
+});
+export {
+  ue as _,
+  q as a,
+  se as u
+};