@feedmepos/mf-menu 0.18.17 → 0.19.0-beta.2

package/dist/Products-JaCNtcHS.js

@@ -0,0 +1,236 @@
+import { defineComponent as F, computed as f, ref as h, resolveComponent as S, openBlock as u, createBlock as g, unref as e, withCtx as p, createElementVNode as l, toDisplayString as U, createVNode as n, createCommentVNode as A, createElementBlock as T, Fragment as E } from "vue";
+import { u as L, a as j, c as P, e as D, b as H, n as G, m as J, d as K, _ as Q, f as V, D as W } from "./app-t9ONnc0s.js";
+import { useCoreStore as X } from "@feedmepos/mf-common";
+import { useDialog as q, useDialogChild as Z, useSnackbar as z, useBreakpoints as ee, FmButtonColorThemeVariant as M, FmButtonVariant as I } from "@feedmepos/ui-library";
+import "vue-router";
+import { L as N } from "./LinkProductSideSheet-BNdFZThd.js";
+import { _ as te, a as B } from "./Product.vue_vue_type_script_setup_true_lang-BHCihe6o.js";
+import { u as ne, a as oe } from "./menu-ETQrtbbU.js";
+import { u as ae } from "./item-CEPx51U1.js";
+import { u as re, a as se, w as ie } from "./ImportProductDialog.vue_vue_type_script_setup_true_lang-Db0uYw5O.js";
+import { m as le } from "./toExcel-BcgskY3F.js";
+import { l as ue } from "./lodash-VivR_BQ2.js";
+import { _ as ce, a as R } from "./BottomSheetMenuItem.vue_vue_type_script_setup_true_lang-DPis3HVx.js";
+const me = { class: "space-y-24 mb-24" }, de = ["innerHTML"], pe = { class: "flex justify-end gap-8" }, fe = /* @__PURE__ */ F({
+  __name: "ConfirmActionDialog",
+  props: {
+    description: {},
+    value: {},
+    message: { default: "To confirm your action, type <b>[[value]]</b> in the text field." }
+  },
+  setup(C) {
+    const t = C, y = f(() => t.message.replace("[[value]]", t.value)), o = h(""), k = q(), { emitAction: b } = Z();
+    return (c, a) => {
+      const s = S("FmTextField"), m = S("FmButton"), _ = S("FmForm");
+      return u(), g(_, {
+        "on-validation-success": () => e(b)("primary"),
+        "blame-form-child-on-validation-failed": ""
+      }, {
+        default: p(() => [
+          l("div", me, [
+            l("div", null, U(c.description), 1),
+            l("div", { innerHTML: y.value }, null, 8, de),
+            l("div", null, [
+              n(s, {
+                modelValue: o.value,
+                "onUpdate:modelValue": [
+                  a[0] || (a[0] = (i) => o.value = i),
+                  a[1] || (a[1] = () => {
+                  })
+                ],
+                placeholder: c.value,
+                rules: [(i) => i === c.value || "Value does not match"]
+              }, null, 8, ["modelValue", "placeholder", "rules"])
+            ]),
+            l("div", pe, [
+              n(m, {
+                label: "Cancel",
+                variant: "secondary",
+                onClick: a[2] || (a[2] = (i) => e(k).close())
+              }),
+              n(m, {
+                label: "Confirm",
+                type: "submit"
+              })
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["on-validation-success"]);
+    };
+  }
+}), _e = /* @__PURE__ */ F({
+  __name: "Migrate",
+  setup(C) {
+    const t = L(), y = X(), o = z(), { minor: k } = j(o), b = h(!1), c = q();
+    async function a() {
+      s.value || b.value || c.open({
+        title: "Migrate to new version",
+        contentComponent: fe,
+        contentComponentProps: {
+          value: "MIGRATE",
+          description: "Do you want to migrate to new version? Once migrate it will unable to revert to the older version."
+        }
+      }).onPrimary(async () => {
+        c.close(), await k(
+          async () => {
+            await t.migrate(), setTimeout(() => {
+              window.location.reload();
+            }, 2e3);
+          },
+          {
+            isLoading: b,
+            customId: t.state.menu._id,
+            message: "Migrating menu",
+            successMessage: "Migration completed"
+          }
+        );
+      });
+    }
+    const s = f(() => {
+      const m = y.restaurants.value;
+      if (!m.length) return "Required at least one restaurant to migrate";
+      const _ = m.filter((v) => !v.posVersion || !P.Pos.canUse({ feature: D.F_FEATURE.enum.menuV4, posVersion: v.posVersion }));
+      return _.length ? `Upgrade POS to V${P.Pos.minVersionToUse(D.F_FEATURE.enum.menuV4)} to use new menu: ${_.map((v) => v.profile.name).join(", ")}` : null;
+    });
+    return f(() => s.value ? s.value : "Migrate your menu to new version to enjoy more features. Content of new menu will remain the same as current."), (m, _) => {
+      const i = S("FmSnackbar");
+      return !s.value && e(t).version !== e(H.F_MENU_VERSION).enum.v4 ? (u(), g(i, {
+        key: 0,
+        class: "!max-w-full",
+        title: "New version of menu is out now!",
+        description: "Migrate your current menu version to the latest to enjoy more features such as product sequential dispatch, serving sequence, scheduler and more! Your content and current setting will be preserved.",
+        variant: "info",
+        action: "Migrate",
+        "z-index": 0,
+        onOnAction: a
+      })) : A("", !0);
+    };
+  }
+}), ve = { class: "flex-1 flex justify-between gap-8 pl-8" }, ge = { class: "flex items-center" }, be = { class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4" }, ye = { class: "fm-typo-en-body-md-600 font-semibold" }, ke = { class: "flex gap-8" }, Ie = /* @__PURE__ */ F({
+  __name: "Products",
+  setup(C) {
+    const { t } = G(), y = j(z()), o = L(), k = f(() => o.rules.item), b = ae(), c = f(() => !o.state.currentSchedulerId), a = re(), s = se(), { selectedCategories: m } = ne(), _ = f(() => ({
+      ...J.menuV4ToV3(K(o.state.menu)),
+      _id: o.state.menu._id,
+      _rev: o.state.menu._rev
+    })), i = f(() => ue.flatten(m.value.map((x) => x.items)).length);
+    async function v() {
+      await y.minor(
+        async () => {
+          await o.readMenu();
+          const x = await le(_.value), d = `menu_${W().format("DD-MM-YYYY_HH-mm")}`;
+          await ie(x, `${d}.xlsx`, {
+            bookType: "xlsx",
+            bookSST: !1,
+            type: "array"
+          });
+        },
+        { successMessage: "Menu exported", customId: o.state.menu._id }
+      );
+    }
+    h(!1), h(!1);
+    const O = ee(), Y = f(() => O.breakpoints.value.xs);
+    return oe().resetOnMount(), (x, d) => {
+      const $ = S("fm-button");
+      return u(), g(Q, {
+        heading: e(t)("menu.products.title")
+      }, {
+        default: p(() => [
+          n(_e),
+          n(te)
+        ]),
+        "append-heading": p(() => [
+          l("div", ve, [
+            l("div", ge, [
+              l("div", be, [
+                l("p", ye, U(i.value), 1)
+              ])
+            ]),
+            l("div", ke, [
+              Y.value ? (u(), g(B, { key: 1 }, {
+                default: p(({ trigger: r }) => [
+                  n(ce, null, {
+                    default: p(() => [
+                      n(R, {
+                        label: e(t)("menu.products.actions.export"),
+                        onClick: v
+                      }, null, 8, ["label"]),
+                      n(R, {
+                        label: e(t)("menu.products.actions.import"),
+                        onClick: r
+                      }, null, 8, ["label", "onClick"])
+                    ]),
+                    _: 2
+                  }, 1024)
+                ]),
+                _: 1
+              })) : (u(), T(E, { key: 0 }, [
+                n($, {
+                  "bg-color": e(M).NeutralGray100,
+                  "text-color": e(M).TypoSecondary,
+                  variant: e(I).Primary,
+                  label: e(t)("menu.products.actions.export"),
+                  onClick: v
+                }, null, 8, ["bg-color", "text-color", "variant", "label"]),
+                n(B, null, {
+                  default: p(({ trigger: r }) => [
+                    n($, {
+                      "bg-color": e(M).NeutralGray100,
+                      "text-color": e(M).TypoSecondary,
+                      variant: e(I).Primary,
+                      label: e(t)("menu.products.actions.import"),
+                      onClick: r
+                    }, null, 8, ["bg-color", "text-color", "variant", "label", "onClick"])
+                  ]),
+                  _: 1
+                })
+              ], 64)),
+              i.value > 0 ? (u(), T(E, { key: 2 }, [
+                k.value.create ? (u(), g(V, {
+                  key: 0,
+                  label: e(t)("menu.products.actions.add"),
+                  "prepend-icon": "add",
+                  onClick: d[0] || (d[0] = (r) => e(b).create(null))
+                }, null, 8, ["label"])) : c.value ? (u(), g(N, {
+                  key: 1,
+                  "categorized-items": e(a).linkableItems,
+                  "initial-value": e(a).currentItems,
+                  "show-variant": !1,
+                  onSubmit: d[1] || (d[1] = (r) => e(a).applyProduct(r.map((w) => w._id)))
+                }, {
+                  default: p(({ trigger: r }) => [
+                    n(V, {
+                      label: e(t)("menu.products.actions.link"),
+                      "prepend-icon": "link",
+                      onClick: r
+                    }, null, 8, ["label", "onClick"])
+                  ]),
+                  _: 1
+                }, 8, ["categorized-items", "initial-value"])) : (u(), g(N, {
+                  key: 2,
+                  "categorized-items": e(s).linkableItems,
+                  "initial-value": e(s).currentItems,
+                  "show-variant": !1,
+                  onSubmit: d[2] || (d[2] = (r) => e(s).applyProduct(r.map((w) => w._id)))
+                }, {
+                  default: p(({ trigger: r }) => [
+                    n(V, {
+                      label: e(t)("menu.products.actions.apply_scheduler"),
+                      onClick: r
+                    }, null, 8, ["label", "onClick"])
+                  ]),
+                  _: 1
+                }, 8, ["categorized-items", "initial-value"]))
+              ], 64)) : A("", !0)
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["heading"]);
+    };
+  }
+});
+export {
+  Ie as default
+};