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

package/dist/Catalog-CXzqtCF8.js

@@ -0,0 +1,551 @@
+import { defineComponent as ue, ref as P, computed as R, watch as ve, resolveComponent as p, openBlock as c, createElementBlock as g, Fragment as V, renderSlot as ye, createVNode as r, unref as e, withCtx as m, createElementVNode as d, renderList as $, createBlock as C, createCommentVNode as I, createTextVNode as be, toDisplayString as b, h as ee, withModifiers as ae, normalizeClass as J } from "vue";
+import { useCoreStore as ie } from "@feedmepos/mf-common";
+import { b as x, u as re, i as ce, a as me, m as te, c as ke, n as de, g as xe, d as Q, h as pe, y as le, _ as Ce, k as he, j as Oe, R as oe } from "./app-t9ONnc0s.js";
+import { C as Fe } from "./catalog-4OmC0JA3.js";
+import { useRouter as Me } from "vue-router";
+import { useSnackbar as fe, components as _e, FmButtonColorThemeVariant as X, FmButtonVariant as j, useDialog as De, useBreakpoints as Ve } from "@feedmepos/ui-library";
+import { C as E, a as L, _ as ne } from "./GroupMarkupPriceDialog.vue_vue_type_script_setup_true_lang-Q7es2wmt.js";
+import { _ as Se } from "./FormSection.vue_vue_type_script_setup_true_lang-BWJUD8NZ.js";
+import { _ as W } from "./FormItem.vue_vue_type_script_setup_true_lang-DKsxEK-8.js";
+const Ae = { class: "space-y-32" }, Ue = {
+  key: 0,
+  class: "pl-32 space-x-8"
+}, Ne = { class: "pl-[60px] space-y-16" }, Te = { class: "space-x-16 flex items-center" }, Ee = { class: "flex-1 space-y-4" }, Le = { class: "fm-typo-en-body-lg-400" }, Re = { class: "fm-typo-en-body-md-400" }, $e = { class: "flex gap-8 items-center justify-start" }, we = /* @__PURE__ */ ue({
+  __name: "Form",
+  setup(ge) {
+    const k = P(!1), v = P(!1), B = (i) => {
+      xe.isBoolean(i) ? k.value = i : k.value = !k.value;
+    }, A = R(() => M.version === x.F_MENU_VERSION.enum.v4), M = re(), z = ie(), G = ce(me(fe())), t = P(
+      E.fromCatalog(te.generator.initMenuV4Catalog(), A.value)
+    ), H = R(() => M.catalogs.map((i) => i.name));
+    ve(
+      () => k.value,
+      (i) => {
+        i && (t.value = E.fromCatalog(te.generator.initMenuV4Catalog(), A.value));
+      }
+    );
+    const w = R({
+      get: () => t.value.taxSetting,
+      set: (i) => {
+        t.value.taxSetting = i;
+      }
+    }), S = R(() => {
+      var a, o;
+      if (!z.currentCountry.value) return [];
+      const i = ((a = t.value.taxSetting) == null ? void 0 : a.mode) === L.MANUAL ? ((o = t.value.taxSetting) == null ? void 0 : o.inclusive) ?? [] : [];
+      return ke.Country.getCountry(z.currentCountry.value).taxSystems.map((f) => {
+        const y = i.find((h) => h.systemCode === f.code);
+        return {
+          inclusive: (y == null ? void 0 : y.inclusive) || !1,
+          systemCode: f.code
+        };
+      });
+    });
+    function D(i) {
+      const l = t.value.taxSetting, a = l.mode === L.AUTO ? E.manualTax(S.value) : Q(l);
+      a.inclusive ?? (a.inclusive = []);
+      const o = a.inclusive.findIndex((f) => f.systemCode === i.systemCode);
+      o < 0 ? a.inclusive.push(i) : a.inclusive.splice(o, 1, i), w.value = a;
+    }
+    function K(i, l) {
+      const a = Q(t.value);
+      a.markupOptions && (a.markupOptions[i] = l, t.value = a);
+    }
+    function Y(i) {
+      const l = Q(t.value);
+      l.markupOptions && (l.markupOptions.splice(i, 1), t.value = l);
+    }
+    async function q() {
+      v.value = !0;
+      const i = {
+        ...t.value,
+        ...E.toCatalog(t.value)
+      };
+      try {
+        await G.updateMenu(
+          {
+            module: x.F_MENU_MODULE_V4_KEY.enum.catalog,
+            operation: pe.F_OPERATION_TYPE.create,
+            data: i
+          },
+          i.name
+        ), k.value = !1;
+      } finally {
+        v.value = !1;
+      }
+    }
+    const { t: u } = de();
+    return (i, l) => {
+      const a = p("fm-text-field"), o = p("fm-radio"), f = p("fm-radio-group"), y = p("fm-checkbox"), h = p("fm-switch"), U = p("fm-select"), O = p("fm-button"), N = p("fm-chip"), n = p("fm-card"), T = p("fm-side-sheet");
+      return c(), g(V, null, [
+        ye(i.$slots, "default", { trigger: B }),
+        r(T, {
+          modelValue: k.value,
+          "onUpdate:modelValue": l[7] || (l[7] = (s) => k.value = s),
+          "is-container": e(_e).FmForm,
+          "is-container-props": {
+            onValidationSuccess: q,
+            blameFormChildOnValidationFailed: !0
+          },
+          "max-width": 560,
+          "z-index": 80
+        }, {
+          "side-sheet-footer": m(() => [
+            d("div", $e, [
+              r(O, {
+                loading: v.value,
+                label: e(u)("menu.common.actions.add"),
+                size: "lg",
+                type: "submit",
+                variant: "primary"
+              }, null, 8, ["loading", "label"]),
+              r(O, {
+                label: e(u)("menu.common.actions.cancel"),
+                size: "lg",
+                variant: "tertiary",
+                onClick: l[6] || (l[6] = () => k.value = !1)
+              }, null, 8, ["label"])
+            ])
+          ]),
+          default: m(() => [
+            d("div", Ae, [
+              r(Se, {
+                title: e(u)("menu.catalog.detail")
+              }, {
+                default: m(() => [
+                  r(a, {
+                    modelValue: t.value.name,
+                    "onUpdate:modelValue": l[0] || (l[0] = (s) => t.value.name = s),
+                    rules: [
+                      (s) => !H.value.includes(s.trim()) || e(u)("menu.catalog.validation.name_used"),
+                      (s) => !!s || e(u)("menu.catalog.validation.name_required")
+                    ],
+                    autofocus: "",
+                    label: e(u)("menu.catalog.form.name")
+                  }, null, 8, ["modelValue", "rules", "label"]),
+                  r(W, {
+                    label: e(u)("menu.catalog.form.tax.title")
+                  }, {
+                    default: m(() => {
+                      var s, F;
+                      return [
+                        r(f, {
+                          "model-value": (s = t.value.taxSetting) == null ? void 0 : s.mode,
+                          "onUpdate:modelValue": l[1] || (l[1] = (_) => {
+                            _ === e(L).AUTO ? w.value = e(E).autoTax() : w.value = e(E).manualTax(S.value);
+                          })
+                        }, {
+                          default: m(() => [
+                            r(o, {
+                              value: e(L).AUTO,
+                              label: e(u)("menu.catalog.form.tax.auto.label"),
+                              sublabel: e(u)("menu.catalog.form.tax.auto.sublabel"),
+                              class: "pl-4"
+                            }, null, 8, ["value", "label", "sublabel"]),
+                            r(o, {
+                              value: e(L).MANUAL,
+                              label: e(u)("menu.catalog.form.tax.manual.label"),
+                              sublabel: e(u)("menu.catalog.form.tax.manual.sublabel")
+                            }, null, 8, ["value", "label", "sublabel"])
+                          ]),
+                          _: 1
+                        }, 8, ["model-value"]),
+                        ((F = t.value.taxSetting) == null ? void 0 : F.mode) === e(L).MANUAL ? (c(), g("div", Ue, [
+                          (c(!0), g(V, null, $(S.value, (_) => (c(), C(y, {
+                            key: _.systemCode,
+                            "model-value": _.inclusive,
+                            value: !0,
+                            label: e(u)("menu.catalog.form.tax.inclusive", { code: _.systemCode }),
+                            "onUpdate:modelValue": (Z) => {
+                              D({
+                                ..._,
+                                inclusive: Z
+                              });
+                            }
+                          }, null, 8, ["model-value", "label", "onUpdate:modelValue"]))), 128))
+                        ])) : I("", !0)
+                      ];
+                    }),
+                    _: 1
+                  }, 8, ["label"])
+                ]),
+                _: 1
+              }, 8, ["title"]),
+              A.value ? (c(), C(W, {
+                key: 0,
+                label: e(u)("menu.catalog.form.link.title")
+              }, {
+                default: m(() => [
+                  r(h, {
+                    "model-value": t.value.orderFrom && t.value.orderFrom !== e(x.F_ORDER_FROM).enum.NONE,
+                    label: e(u)("menu.catalog.form.link.auto_link.label"),
+                    "label-placement": "right",
+                    sublabel: e(u)("menu.catalog.form.link.auto_link.sublabel"),
+                    "onUpdate:modelValue": l[2] || (l[2] = (s) => t.value.orderFrom = s ? e(x.F_ORDER_FROM).enum.ALL : e(x.F_ORDER_FROM).enum.NONE)
+                  }, null, 8, ["model-value", "label", "sublabel"]),
+                  t.value.orderFrom !== e(x.F_ORDER_FROM).enum.NONE ? (c(), C(U, {
+                    key: 0,
+                    class: "ml-[60px]",
+                    items: [
+                      {
+                        label: e(u)("menu.catalog.form.link.options.all"),
+                        value: e(x.F_ORDER_FROM).enum.ALL
+                      },
+                      {
+                        label: e(u)("menu.catalog.form.link.options.pos_only"),
+                        value: e(x.F_ORDER_FROM).enum.POS_ONLY
+                      }
+                    ],
+                    "model-value": t.value.orderFrom,
+                    "onUpdate:modelValue": l[3] || (l[3] = (s) => t.value.orderFrom = s)
+                  }, null, 8, ["items", "model-value"])) : I("", !0)
+                ]),
+                _: 1
+              }, 8, ["label"])) : I("", !0),
+              A.value ? (c(), C(W, {
+                key: 1,
+                label: e(u)("menu.catalog.form.markup.title")
+              }, {
+                default: m(() => [
+                  r(h, {
+                    "model-value": !!t.value.markupOptions,
+                    label: e(u)("menu.catalog.form.markup.auto.label"),
+                    "label-placement": "right",
+                    sublabel: e(u)("menu.catalog.form.markup.auto.sublabel"),
+                    "onUpdate:modelValue": l[4] || (l[4] = (s) => t.value.markupOptions = s ? [] : null)
+                  }, null, 8, ["model-value", "label", "sublabel"]),
+                  d("div", Ne, [
+                    r(ne, {
+                      categories: e(M).categories,
+                      items: e(M).items,
+                      action: "add",
+                      "onUpdate:modelValue": l[5] || (l[5] = (s) => s && (t.value.markupOptions = [...t.value.markupOptions ?? [], s]))
+                    }, {
+                      default: m(({ trigger: s }) => [
+                        r(O, {
+                          "text-color": e(X).ColorPrimary,
+                          "border-color": e(X).ColorPrimary,
+                          variant: e(j).Secondary,
+                          label: e(u)("menu.catalog.form.markup.add"),
+                          "prepend-icon": "add",
+                          onClick: s
+                        }, null, 8, ["text-color", "border-color", "variant", "label", "onClick"])
+                      ]),
+                      _: 1
+                    }, 8, ["categories", "items"]),
+                    (c(!0), g(V, null, $(t.value.markupOptions, (s, F) => (c(), C(ne, {
+                      key: F,
+                      categories: e(M).categories,
+                      items: e(M).items,
+                      "model-value": s,
+                      action: "update",
+                      "onUpdate:modelValue": (_) => _ && K(F, _)
+                    }, {
+                      default: m(({ trigger: _ }) => [
+                        r(n, {
+                          id: JSON.stringify(s),
+                          class: "py-12 px-16 cursor-pointer",
+                          variant: "outlined",
+                          onClick: _
+                        }, {
+                          default: m(() => [
+                            d("div", Te, [
+                              d("div", Ee, [
+                                r(N, { class: "text-fm-color-typo-info bg-fm-color-system-info-100 font-semibold" }, {
+                                  default: m(() => [
+                                    be(b(e(u)("menu.catalog.form.markup.percentage", { value: s.percentage })), 1)
+                                  ]),
+                                  _: 2
+                                }, 1024),
+                                d("p", Le, b(e(u)("menu.catalog.form.markup.config", { number: F + 1 })), 1),
+                                d("p", Re, b(s.includeItems ? e(u)("menu.catalog.form.markup.products", {
+                                  count: s.includeItems.length
+                                }) : e(u)("menu.catalog.form.markup.all_items")), 1)
+                              ]),
+                              r(O, {
+                                variant: e(j).Tertiary,
+                                "prepend-icon": "delete",
+                                onClick: (Z) => Y(F)
+                              }, null, 8, ["variant", "onClick"])
+                            ])
+                          ]),
+                          _: 2
+                        }, 1032, ["id", "onClick"])
+                      ]),
+                      _: 2
+                    }, 1032, ["categories", "items", "model-value", "onUpdate:modelValue"]))), 128))
+                  ])
+                ]),
+                _: 1
+              }, 8, ["label"])) : I("", !0)
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "is-container", "is-container-props"])
+      ], 64);
+    };
+  }
+}), se = we, Ie = {
+  key: 1,
+  class: "flex flex-col overflow-scroll divide-y divide-fm-color-neutral-gray-100"
+}, Pe = ["onClick"], Be = {
+  class: "flex-1 space-y-4"
+}, ze = {
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, Ge = {
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, Ke = {
+  class: "fm-typo-en-body-lg-600"
+}, Ye = {
+  class: "fm-typo-en-title-md-600"
+}, je = {
+  class: "space-y-24"
+}, He = {
+  class: "space-y-8 flex-1"
+}, qe = {
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, Je = {
+  class: "fm-typo-cn-body-lg-600"
+}, Qe = {
+  class: "space-y-8 flex-1"
+}, We = {
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, Xe = "main", ia = /* @__PURE__ */ ue({
+  __name: "Catalog",
+  setup(ge) {
+    const k = ie(), v = re(), B = fe(), A = me(B), M = De(), z = ce(A), G = Me(), {
+      t
+    } = de();
+    function H(l, a) {
+      var h, U, O, N;
+      const o = k.restaurants.value.find(({
+        _id: n
+      }) => n === a._id), f = [...a.linkedDeliveryCatalogs.map((n) => ({
+        label: `Delivery (${n.name})`,
+        selector: n.catalog
+      })), {
+        label: "Delivery (FoodPanda integration)",
+        selector: (h = o == null ? void 0 : o.foodpandaDelivery) == null ? void 0 : h.catalogId
+      }, {
+        label: "Delivery (GrabFood integration)",
+        selector: (U = o == null ? void 0 : o.grabfoodDelivery) == null ? void 0 : U.catalogId
+      }, {
+        label: "Delivery (ShopeeFood integration)",
+        selector: (O = o == null ? void 0 : o.shopeefoodDelivery) == null ? void 0 : O.catalogId
+      }];
+      return [{
+        label: "Dine-in",
+        selector: a.catalogId
+      }, {
+        label: "Takeaway",
+        selector: a.takeawayCatalog || a.catalogId
+      }, {
+        label: "Pickup",
+        selector: a.pickupCatalog || null
+      }, {
+        label: "Additional",
+        selector: a.additionalCatalogs
+      }, {
+        label: "Delivery (In house)",
+        selector: a.inHouseDelivery
+      }, {
+        label: "Delivery (Feedme express)",
+        selector: (N = o == null ? void 0 : o.feedmeDelivery) == null ? void 0 : N.catalogId
+      }, ...le(f, {
+        selector: "label"
+      })].filter((n) => l ? Array.isArray(n.selector) ? n.selector.includes(l) : n.selector === l : n.selector === null).map((n) => n.label);
+    }
+    function w(l) {
+      return v.state.restaurants.map((a) => ({
+        name: a.name,
+        usage: H(l, a)
+      })).filter((a) => a.usage.length > 0);
+    }
+    const S = P(!1), D = R(() => [...v.catalogs.map((a) => ({
+      id: a._id,
+      name: a.name,
+      taxes: a.inclusiveTaxes || null,
+      doc: a,
+      disableDelete: !1,
+      defaultOrderFrom: a.defaultOrderFrom
+    }))].map((a) => {
+      var y;
+      const o = w(((y = a.doc) == null ? void 0 : y._id) || null), f = a.doc ? Fe.getSellingItem(a.doc, v.state.menu) : v.state.menu.modules.item;
+      return {
+        ...a,
+        taxMode: a.taxes ? "Manual" : "Automatic",
+        autoLink: a.defaultOrderFrom !== x.F_ORDER_FROM.enum.NONE ? "Activated" : "Deactivated",
+        restaurants: le(o, {
+          selector: "name"
+        }),
+        totalProducts: f.length,
+        disableDelete: a.disableDelete
+      };
+    })), K = (l) => {
+      v.selectCatalog(l === Xe ? null : l), G.push({
+        name: oe.EDIT_CATALOG_PRODUCT,
+        params: {
+          id: l
+        }
+      });
+    };
+    async function Y(l) {
+      const a = v.state.restaurants.filter((o) => [...o.additionalCatalogs, o.inHouseDelivery, ...o.linkedDeliveryCatalogs.map((f) => f.catalog), o.pickupCatalog, o.takeawayCatalog, o.catalogId].includes(l.id)).map((o) => o.name);
+      a.length > 0 ? B.open({
+        type: "error",
+        message: t("menu.catalog.dialogs.remove.error", {
+          restaurants: a
+        })
+      }) : M.open({
+        title: t("menu.catalog.dialogs.remove.title"),
+        message: t("menu.catalog.dialogs.remove.message", {
+          name: l.name
+        }),
+        primaryActions: {
+          text: t("menu.common.actions.remove"),
+          close: !0,
+          variant: j.Destructive
+        },
+        secondaryActions: {
+          text: t("menu.common.actions.cancel"),
+          close: !0
+        }
+      }).onPrimary(async () => {
+        await z.updateMenu({
+          module: x.F_MENU_MODULE_V4_KEY.enum.catalog,
+          operation: pe.F_OPERATION_TYPE.delete,
+          data: l.id
+        }, l.name, !0), v.selectCatalog(null), await G.push({
+          name: oe.CATALOG
+        });
+      });
+    }
+    const q = P([{
+      accessorKey: "name",
+      header: () => t("menu.catalog.table.columns.title"),
+      enableSorting: !1
+    }, {
+      accessorKey: "taxMode",
+      header: () => t("menu.catalog.table.columns.tax_calculation"),
+      enableSorting: !1
+    }, {
+      accessorKey: "autoLink",
+      header: () => t("menu.catalog.table.columns.auto_link"),
+      enableSorting: !1,
+      cell: (l) => {
+        const a = l.row.original;
+        return ee("div", {
+          class: "flex justify-between"
+        }, [a.autoLink, ee(_e.FmIcon, {
+          name: "delete",
+          outline: !0,
+          color: "neutral-gray-400",
+          onClick: ae(async () => {
+            await Y(a);
+          }, ["stop", "prevent"])
+        })]);
+      }
+    }]), u = Ve(), i = R(() => u.breakpoints.value.xs);
+    return (l, a) => {
+      const o = p("fm-button"), f = p("FmTable"), y = p("FmButton"), h = p("fm-card-header"), U = p("fm-card-section"), O = p("fm-card"), N = p("fm-side-sheet");
+      return c(), C(Ce, {
+        heading: "Catalog"
+      }, {
+        "append-heading": m(() => [D.value.length > 0 ? (c(), C(e(se), {
+          key: 0
+        }, {
+          default: m(({
+            trigger: n
+          }) => [d("div", {
+            class: J([["xs:fixed xs:z-10 xs:bottom-[68px] xs:right-16"], "ml-auto xs:ml-0 flex flex-row gap-8"])
+          }, [r(o, {
+            label: e(t)("menu.catalog.actions.view_usage"),
+            onClick: a[0] || (a[0] = (T) => S.value = !0),
+            variant: "secondary"
+          }, null, 8, ["label"]), r(o, {
+            label: e(t)("menu.catalog.actions.add"),
+            "prepend-icon": "add",
+            onClick: n
+          }, null, 8, ["label", "onClick"])])]),
+          _: 1
+        })) : I("", !0)]),
+        default: m(() => [D.value.length === 0 ? (c(), C(e(he), {
+          key: 0,
+          subtitle: e(t)("menu.catalog.empty.subtitle"),
+          title: e(t)("menu.catalog.empty.title")
+        }, {
+          action: m(() => [r(e(se), null, {
+            default: m(({
+              trigger: n
+            }) => [r(o, {
+              label: e(t)("menu.catalog.actions.add"),
+              "prepend-icon": "add",
+              onClick: n
+            }, null, 8, ["label", "onClick"])]),
+            _: 1
+          })]),
+          _: 1
+        }, 8, ["subtitle", "title"])) : (c(), g(V, {
+          key: 1
+        }, [i.value ? (c(), g("div", Ie, [(c(!0), g(V, null, $(D.value, (n) => (c(), g("div", {
+          key: n.id,
+          class: "flex flex-row py-12 px-16",
+          onClick: (T) => K(n.id)
+        }, [d("div", Be, [d("p", ze, " Tax calculation: " + b(n.taxMode), 1), d("p", Ge, " Auto link product: " + b(n.autoLink), 1), d("p", Ke, b(n.name), 1)]), r(y, {
+          "text-color": e(X).NeutralGray400,
+          variant: e(j).Tertiary,
+          "prepend-icon": "delete",
+          onClick: ae((T) => Y(n), ["stop"])
+        }, null, 8, ["text-color", "variant", "onClick"])], 8, Pe))), 128))])) : (c(), C(Oe, {
+          key: 0
+        }, {
+          default: m(() => [r(f, {
+            "column-defs": q.value,
+            "row-data": D.value,
+            "page-size": D.value.length,
+            "hide-footer": !0,
+            "shrink-at": !1,
+            onRowClick: a[1] || (a[1] = (n) => K(n.original.id))
+          }, null, 8, ["column-defs", "row-data", "page-size"])]),
+          _: 1
+        })), r(N, {
+          modelValue: S.value,
+          "onUpdate:modelValue": a[2] || (a[2] = (n) => S.value = n),
+          "max-width": 560,
+          "z-index": 80
+        }, {
+          "side-sheet-header": m(() => [d("p", Ye, b(e(t)("menu.catalog.usage.title")), 1)]),
+          default: m(() => [d("div", je, [(c(!0), g(V, null, $(D.value, (n, T) => (c(), C(O, {
+            key: T,
+            class: "relative",
+            variant: "outlined"
+          }, {
+            default: m(() => [r(h, {
+              subtitle: e(t)("menu.catalog.usage.tax_calculation") + `: ${n.taxMode} (${n.totalProducts} ${e(t)("menu.catalog.usage.products", {
+                count: n.totalProducts
+              })})`,
+              title: n.name
+            }, null, 8, ["subtitle", "title"]), r(U, {
+              class: J(["pt-8 space-y-12", "divide-y divide-fm-color-neutral-gray-100"])
+            }, {
+              default: m(() => [(c(!0), g(V, null, $(n.restaurants, (s, F) => (c(), g("div", {
+                key: F,
+                class: J(["flex xs:flex-col", "space-x-24 xs:space-x-0", "xs:space-y-24", "pt-12 first:pt-0"])
+              }, [d("div", He, [d("p", qe, b(e(t)("menu.catalog.usage.restaurant")), 1), d("p", Je, b(s.name), 1)]), d("div", Qe, [d("p", We, b(e(t)("menu.catalog.usage.usage")), 1), (c(!0), g(V, null, $(s.usage, (_) => (c(), g("p", {
+                key: _,
+                class: "fm-typo-cn-body-lg-600"
+              }, b(_), 1))), 128))])]))), 128))]),
+              _: 2
+            }, 1024)]),
+            _: 2
+          }, 1024))), 128))])]),
+          _: 1
+        }, 8, ["modelValue"])], 64))]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  ia as default
+};