@feedmepos/mf-menu 0.31.32-prod → 0.31.33-beta.10

package/dist/Thumbnail.vue_vue_type_script_setup_true_lang-szHjE_UD.js

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