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

package/dist/Catalog-CZW54QJU.js

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