@feedmepos/mf-menu 0.0.2 → 0.0.54

package/dist/Publish-zzFK26fy.js

@@ -0,0 +1,547 @@
+import { defineComponent as j, ref as A, computed as V, onMounted as ne, resolveComponent as C, createElementBlock as D, openBlock as h, createVNode as n, createElementVNode as o, toDisplayString as F, unref as u, Fragment as P, renderList as Y, createBlock as E, withCtx as U, createCommentVNode as se, withModifiers as z, h as K } from "vue";
+import { D as Q } from "./dayjs.min-CcDoWv_V.js";
+import { useRouter as ue } from "vue-router";
+import { y as ie, G as re, D as X, T as ce, I as W, u as de, H as me } from "./menu-NS-_m-8z.js";
+import { useI18n as q, useCoreStore as pe, RestaurantSelector as ve } from "@feedmepos/mf-common";
+import { useSnackbar as Z, useDialogChild as ge, useDialog as fe, components as J } from "@feedmepos/ui-library";
+import { _ as be } from "./TextChip.vue_vue_type_script_setup_true_lang-8frWuZFL.js";
+import { _ as _e } from "./app-B1I12pXb.js";
+import { a as he, w as ye } from "./tooltip-B5BiPMx9.js";
+import { u as Ce, l as ke } from "./discardConfirm-Br8AbO7y.js";
+import { _ as we } from "./index.vue_vue_type_script_setup_true_lang-BgqsTzLI.js";
+function ee(w) {
+  return w ? Q(w).format("DD/MM/YY HH:mm") : "-";
+}
+function xe(w, x, l) {
+  const r = (i, m = !1) => {
+    var y;
+    return i === void 0 && !m ? "-" : ((y = l.find((b) => b.value === (i || null))) == null ? void 0 : y.label) || "-";
+  };
+  return w.map((i) => {
+    var p;
+    const m = (p = x.find(({ _id: t }) => t === i._id)) == null ? void 0 : p.posVersion, y = !!m && !!ie.Pos.canUse({ feature: re.F_FEATURE.enum.taxAndServiceChargeV4, posVersion: m }), b = r(i.catalogId);
+    return {
+      ...i,
+      _default: b,
+      _posTakeaway: i.takeawayCatalog ? r(i.takeawayCatalog) : b,
+      _additionalCatalogs: (i.additionalCatalogs || []).map((t) => r(t)),
+      _lastUpdate: ee(i.updatedAt),
+      _pickup: y ? r(i.pickupCatalog, !0) : "-",
+      _canUsePickup: y,
+      _posVersion: m || "-"
+    };
+  });
+}
+const Ve = {
+  key: 0,
+  class: "flex items-center justify-center"
+}, Fe = {
+  key: 1,
+  class: "space-y-16"
+}, Se = { class: "text-fm-color-typo-secondary" }, Ie = { class: "space-y-4" }, Ae = /* @__PURE__ */ j({
+  __name: "RevertDialog",
+  props: {
+    restaurant: {}
+  },
+  setup(w) {
+    const x = w, l = Z(), { custom: r } = X(l), i = A(!1), m = A(null);
+    async function y() {
+      await r(
+        async () => {
+          var c;
+          m.value = await ce.readMenuById(((c = x.restaurant.revertConfig) == null ? void 0 : c._id) || "");
+        },
+        { isLoading: i }
+      );
+    }
+    const b = V(() => {
+      var c;
+      return [
+        { label: "Main", value: null },
+        ...(((c = m.value) == null ? void 0 : c.modules.catalog) || []).map((_) => ({
+          label: _.name,
+          value: _._id
+        }))
+      ];
+    }), { t: p } = q(), t = V(() => {
+      var k;
+      const c = x.restaurant.revertConfig;
+      if (!c) return [];
+      const _ = xe(
+        [
+          {
+            ...c,
+            catalogId: c.catalogId || null
+          }
+        ],
+        pe().restaurants.value,
+        b.value
+      )[0];
+      return [
+        { label: p("menu.revert.labels.restaurant"), value: x.restaurant.name },
+        {
+          label: p("menu.revert.labels.revert_to"),
+          value: ee((k = m.value) == null ? void 0 : k.updatedAt)
+        },
+        { label: p("menu.revert.labels.default"), value: _._default },
+        { label: p("menu.revert.labels.pos_takeaway"), value: _._posTakeaway },
+        { label: p("menu.revert.labels.pickup"), value: _._pickup },
+        {
+          label: p("menu.revert.labels.additional_catalogs"),
+          value: _._additionalCatalogs.join(", ")
+        }
+      ];
+    });
+    ne(async () => y());
+    const { emitData: M } = ge();
+    return (c, _) => {
+      const k = C("FmCircularProgress");
+      return i.value ? (h(), D("div", Ve, [
+        n(k, { size: "lg" })
+      ])) : (h(), D("div", Fe, [
+        o("div", Se, F(u(p)("menu.revert.description", { name: x.restaurant.name })), 1),
+        o("div", Ie, [
+          (h(!0), D(P, null, Y(t.value, (S) => (h(), E(he, {
+            key: S.label,
+            name: S.label,
+            value: S.value || "--"
+          }, null, 8, ["name", "value"]))), 128))
+        ])
+      ]));
+    };
+  }
+}), $e = { class: "fm-typo-en-title-md-600" }, De = { class: "mt-40" }, Me = { class: "fm-typo-en-title-sm-600" }, Re = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary mt-4 mb-8" }, Ue = { class: "flex gap-8 items-center justify-start" }, Le = /* @__PURE__ */ j({
+  __name: "UpdateCatalogDialog",
+  props: {
+    catalogs: {
+      type: Array,
+      required: !0
+    }
+  },
+  emits: ["onComplete"],
+  setup(w, { expose: x, emit: l }) {
+    const { t: r } = q(), i = w;
+    x({
+      show: _,
+      hide: k
+    });
+    const m = l;
+    function y() {
+      return {
+        restaurantId: "",
+        catalogId: void 0,
+        takeawayCatalog: void 0,
+        pickupCatalog: null,
+        additionalCatalogs: []
+      };
+    }
+    const b = V(() => [
+      {
+        label: r("menu.publish.update_catalog_dialog.sections.default.use_default"),
+        value: null
+      },
+      ...i.catalogs.map((v) => ({
+        label: v.name,
+        value: v._id
+      }))
+    ]), p = V(() => [
+      {
+        label: r("menu.publish.update_catalog_dialog.sections.default.use_default"),
+        value: null
+      },
+      ...i.catalogs.map((v) => ({
+        label: v.name,
+        value: v._id
+      }))
+    ]), t = A(y()), M = A(!1), c = A(void 0);
+    function _(v) {
+      c.value = v ? W(v) : y(), t.value = W(c.value), M.value = !0;
+    }
+    function k() {
+      M.value = !1;
+    }
+    const S = Ce(
+      () => !ke.isEqual(c.value, t.value),
+      () => {
+        k();
+      }
+    );
+    function B() {
+      k(), m("onComplete", t.value);
+    }
+    return (v, g) => {
+      const $ = C("FmSelect"), N = C("FmCheckbox"), R = C("FmButton"), L = C("FmSideSheet");
+      return h(), E(L, {
+        modelValue: M.value,
+        "onUpdate:modelValue": g[5] || (g[5] = (f) => M.value = f),
+        "max-width": 560,
+        "onOn:clickedAway": u(S)
+      }, {
+        "side-sheet-header": U(() => [
+          o("span", $e, F(u(r)("menu.publish.update_catalog_dialog.title")), 1)
+        ]),
+        "side-sheet-footer": U(() => [
+          o("div", Ue, [
+            n(R, {
+              label: u(r)("menu.publish.update_catalog_dialog.actions.update"),
+              size: "lg",
+              variant: "primary",
+              onClick: g[4] || (g[4] = () => B())
+            }, null, 8, ["label"]),
+            n(R, {
+              label: u(r)("menu.publish.update_catalog_dialog.actions.cancel"),
+              size: "lg",
+              variant: "tertiary",
+              onClick: k
+            }, null, 8, ["label"])
+          ])
+        ]),
+        default: U(() => [
+          n($, {
+            modelValue: t.value.catalogId,
+            "onUpdate:modelValue": g[0] || (g[0] = (f) => t.value.catalogId = f),
+            items: b.value,
+            class: "mb-24",
+            label: u(r)("menu.publish.update_catalog_dialog.sections.default.label")
+          }, null, 8, ["modelValue", "items", "label"]),
+          n($, {
+            modelValue: t.value.takeawayCatalog,
+            "onUpdate:modelValue": g[1] || (g[1] = (f) => t.value.takeawayCatalog = f),
+            items: p.value,
+            class: "mb-24",
+            label: u(r)("menu.publish.update_catalog_dialog.sections.pos_takeaway.label")
+          }, null, 8, ["modelValue", "items", "label"]),
+          n($, {
+            modelValue: t.value.pickupCatalog,
+            "onUpdate:modelValue": g[2] || (g[2] = (f) => t.value.pickupCatalog = f),
+            items: p.value,
+            label: u(r)("menu.publish.update_catalog_dialog.sections.pickup.label")
+          }, null, 8, ["modelValue", "items", "label"]),
+          o("div", De, [
+            o("div", Me, F(u(r)("menu.publish.update_catalog_dialog.sections.additional.title")), 1),
+            o("div", Re, F(u(r)("menu.publish.update_catalog_dialog.sections.additional.subtitle")), 1),
+            (h(!0), D(P, null, Y(w.catalogs, (f) => (h(), D("div", {
+              key: f._id
+            }, [
+              n(N, {
+                modelValue: t.value.additionalCatalogs,
+                "onUpdate:modelValue": g[3] || (g[3] = (I) => t.value.additionalCatalogs = I),
+                label: f.name,
+                value: f._id
+              }, null, 8, ["modelValue", "label", "value"])
+            ]))), 128))
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "onOn:clickedAway"]);
+    };
+  }
+}), Pe = {
+  class: "flex flex-col p-24 bg-fm-color-neutral-white min-h-[calc(100dvh-56px)] xs:max-h-[calc(100dvh-56px)]"
+}, Ee = {
+  class: "flex items-center xs:mb-8 mb-24"
+}, Be = {
+  class: "mr-8"
+}, Ne = {
+  class: "fm-typo-en-title-md-600"
+}, Oe = {
+  class: "xs:hidden"
+}, Te = {
+  class: "pb-8 flex justify-between xs:flex-col gap-8"
+}, ze = {
+  class: "grow flex flex-col gap-4"
+}, Ke = {
+  class: "flex gap-8 items-center"
+}, je = {
+  class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary"
+}, Ye = {
+  class: "space-y-4"
+}, qe = {
+  class: "fm-typo-en-body-lg-600"
+}, He = {
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, Ge = {
+  class: "flex gap-8"
+}, We = {
+  class: "xs:block hidden fixed bottom-72 right-16"
+}, ua = /* @__PURE__ */ j({
+  __name: "Publish",
+  setup(w) {
+    const x = ue(), {
+      t: l
+    } = q(), r = (e) => t.state.menu.updatedAt === e.updatedAt, i = ({
+      row: e
+    }) => {
+      const a = r(e);
+      return n(be, {
+        label: l(a ? "menu.publish.table.status.latest" : "menu.publish.table.status.outdated"),
+        variant: a ? "success" : "warning"
+      }, null);
+    }, m = A({}), y = [{
+      accessorKey: "name",
+      header: () => l("menu.publish.table.columns.restaurant"),
+      cell: (e) => e.getValue(),
+      enableSorting: !0
+    }, {
+      accessorKey: "catalog",
+      header: () => l("menu.publish.table.columns.default"),
+      enableSorting: !1,
+      cell: (e) => e.getValue().default
+    }, {
+      accessorKey: "catalog",
+      header: () => l("menu.publish.table.columns.pos_takeaway"),
+      enableSorting: !1,
+      cell: (e) => e.getValue().takeaway
+    }, {
+      accessorKey: "catalog",
+      header: () => l("menu.publish.table.columns.pickup"),
+      enableSorting: !1,
+      cell: (e) => e.getValue().pickup
+    }, {
+      accessorKey: "updatedAt",
+      header: () => l("menu.publish.table.columns.version"),
+      enableSorting: !1,
+      cell: (e) => {
+        const a = e.getValue();
+        return S(a);
+      }
+    }, {
+      accessorKey: "status",
+      header: () => l("menu.common.labels.status"),
+      enableSorting: !1,
+      size: 80,
+      cell: (e) => n(i, {
+        row: e.row.original
+      }, null)
+    }, {
+      accessorKey: "_id",
+      header: "",
+      size: 52,
+      enableSorting: !1,
+      cell: (e) => {
+        const a = e.row.original;
+        return t.state.menu.updatedAt, a.updatedAt, K("div", {
+          class: "flex justify-end gap-8"
+        }, [c.value && a.revertConfig ? ye(K(J.FmButton, {
+          prependIcon: "undo",
+          variant: "secondary",
+          onClick: z(async () => {
+            await _(e.row.original);
+          }, ["stop", "prevent"])
+        }), l("menu.publish.actions.revert")) : null, K(J.FmButton, {
+          label: l("menu.publish.actions.publish"),
+          icon: "ios_share",
+          variant: "secondary",
+          onClick: z(async () => {
+            const d = $(e.row.original);
+            await L(d);
+          }, ["stop", "prevent"])
+        })]);
+      },
+      meta: {
+        width: "150px"
+      }
+    }], b = A(""), p = A(), t = de(), M = fe(), c = V(() => t.version !== me.F_MENU_VERSION.enum.v3);
+    async function _(e) {
+      e.revertConfig && M.open({
+        title: "Revert menu",
+        contentComponent: Ae,
+        contentComponentProps: {
+          restaurant: e
+        },
+        primaryActions: {
+          text: "Revert",
+          close: !0
+        },
+        secondaryActions: {
+          text: "Cancel",
+          close: !0
+        }
+      }).onPrimary(async () => {
+        await R.minor(async () => {
+          await t.revertRestaurantMenu(e._id);
+        }, {
+          customId: e._id,
+          message: `Revert menu of ${e.name}`
+        });
+      });
+    }
+    const k = V(() => l("menu.publish.labels.main_version", {
+      version: S(t.state.menu.updatedAt)
+    }));
+    function S(e) {
+      return e ? Q(e).format("DD/MM/YYYY hh:mmA") : "";
+    }
+    const B = V(() => t.state.menu.modules.catalog), v = V(() => R.queue.value.some((e) => e.id === t.state.menu._id));
+    function g(e) {
+      var a;
+      return e ? ((a = B.value.find((d) => d._id === e)) == null ? void 0 : a.name) ?? l("menu.publish.labels.catalog.invalid") : l("menu.publish.labels.catalog.main");
+    }
+    function $(e) {
+      return {
+        restaurantId: e._id,
+        catalogId: e.catalogId,
+        takeawayCatalog: e.takeawayCatalog,
+        pickupCatalog: e.pickupCatalog || null,
+        additionalCatalogs: e.additionalCatalogs
+      };
+    }
+    function N(e) {
+      var d;
+      const a = $(e);
+      (d = p.value) == null || d.show(a);
+    }
+    const R = X(Z());
+    async function L(e) {
+      var d;
+      const a = (d = I.value.find((O) => O._id === e.restaurantId)) == null ? void 0 : d.name;
+      await R.minor(async () => await t.publishMenu(e), {
+        customId: t.state.menu._id,
+        message: `Publishing menu for ${a}`,
+        successMessage: `Published to ${a}`
+      });
+    }
+    const f = A(null), I = V(() => t.state.restaurants.filter((e) => {
+      var a;
+      return !f.value || ((a = f.value) == null ? void 0 : a.includes(e._id));
+    }).map((e) => ({
+      ...e,
+      catalog: {
+        default: g(e.catalogId),
+        takeaway: g(e.takeawayCatalog),
+        pickup: g(e.pickupCatalog)
+      }
+    }))), ae = V(() => {
+      const e = b.value.toLowerCase();
+      return I.value.filter(({
+        name: a,
+        catalog: d
+      }) => a.toLowerCase().includes(e) || d.default.toLowerCase().includes(e) || d.takeaway.toLowerCase().includes(e) || d.pickup.toLowerCase().includes(e));
+    });
+    async function H() {
+      if (v.value) return;
+      const e = Object.keys(m.value).map(Number).filter((a) => m.value[a]);
+      if (e.length === 0 || e.length === I.value.length)
+        await R.minor(async () => await t.publishAllMenu(), {
+          customId: t.state.menu._id
+        });
+      else
+        for (const a of e) {
+          const d = I.value[a];
+          await L($(d));
+        }
+    }
+    return (e, a) => {
+      const d = C("FmChip"), O = C("FmSpacer"), T = C("FmButton"), G = C("FmSearch"), te = C("FmTable"), le = C("FmListItem"), oe = C("FmList");
+      return h(), D(P, null, [o("div", Pe, [o("div", Ee, [o("div", Be, [o("div", Ne, F(u(l)("menu.publish.title")), 1), a[7] || (a[7] = o("div", {
+        class: "hidden xs:block fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+      }, null, -1))]), n(d, {
+        label: k.value,
+        class: "xs:hidden text-fm-color-primary bg-fm-color-system-warning-100"
+      }, null, 8, ["label"]), n(O), o("div", Oe, [n(T, {
+        disabled: v.value,
+        icon: "ios_share",
+        label: u(l)("menu.publish.actions.publish_all"),
+        variant: "primary",
+        onClick: a[0] || (a[0] = () => H())
+      }, null, 8, ["disabled", "label"])])]), o("div", Te, [n(u(ve), {
+        multiple: "",
+        modelValue: f.value,
+        "onUpdate:modelValue": a[2] || (a[2] = (s) => f.value = s)
+      }, {
+        "append-right": U(() => [n(O, {
+          class: "xs:hidden"
+        }), n(G, {
+          modelValue: b.value,
+          "onUpdate:modelValue": a[1] || (a[1] = (s) => b.value = s),
+          autofocus: "",
+          class: "w-[320px] xs:hidden",
+          placeholder: u(l)("menu.publish.table.search.placeholder")
+        }, null, 8, ["modelValue", "placeholder"])]),
+        _: 1
+      }, 8, ["modelValue"]), n(G, {
+        modelValue: b.value,
+        "onUpdate:modelValue": a[3] || (a[3] = (s) => b.value = s),
+        autofocus: "",
+        class: "w-full xs:block hidden",
+        placeholder: u(l)("menu.publish.table.search.placeholder")
+      }, null, 8, ["modelValue", "placeholder"])]), I.value.length > 0 ? (h(), D(P, {
+        key: 0
+      }, [n(_e, {
+        class: "xs:hidden block"
+      }, {
+        default: U(() => [n(te, {
+          modelValue: m.value,
+          "onUpdate:modelValue": a[4] || (a[4] = (s) => m.value = s),
+          "column-defs": y,
+          loading: v.value,
+          "page-size": I.value.length,
+          "row-data": I.value,
+          "search-value": b.value,
+          shrinkAt: !1,
+          selection: "multiple",
+          "hide-footer": "",
+          "pin-header-row": "",
+          onRowClick: a[5] || (a[5] = (s) => N(s.original))
+        }, null, 8, ["modelValue", "loading", "page-size", "row-data", "search-value"])]),
+        _: 1
+      }), n(oe, {
+        class: "flex-col flex-1 min-h-0 overflow-auto xs:flex hidden w-full pb-64",
+        separator: ""
+      }, {
+        default: U(() => [(h(!0), D(P, null, Y(ae.value, (s) => (h(), E(le, {
+          key: s._id,
+          label: s.name,
+          style: {
+            padding: "12px 0 !important"
+          },
+          onClick: () => N(s)
+        }, {
+          default: U(() => [o("div", ze, [o("div", Ke, [o("div", je, F(S(s.updatedAt)), 1), n(i, {
+            row: s
+          }, null, 8, ["row"])]), o("div", Ye, [o("div", qe, F(s.name), 1), o("div", He, [o("div", null, "Default: " + F(s.catalog.default), 1), o("div", null, "POS takeaway: " + F(s.catalog.takeaway), 1), o("div", null, "Pickup: " + F(s.catalog.pickup), 1)])])]), o("div", Ge, [c.value && s.revertConfig ? (h(), E(T, {
+            key: 0,
+            disabled: v.value,
+            icon: "undo",
+            variant: "tertiary",
+            onClick: z(() => _(s), ["stop"])
+          }, null, 8, ["disabled", "onClick"])) : se("", !0), n(T, {
+            disabled: v.value,
+            icon: "ios_share",
+            variant: "tertiary",
+            onClick: z(() => L($(s)), ["stop"])
+          }, null, 8, ["disabled", "onClick"])])]),
+          _: 2
+        }, 1032, ["label", "onClick"]))), 128))]),
+        _: 1
+      })], 64)) : (h(), E(u(we), {
+        key: 1,
+        title: u(l)("menu.publish.empty.title"),
+        subtitle: u(l)("menu.publish.empty.subtitle"),
+        action: {
+          text: u(l)("menu.publish.empty.action"),
+          icon: "add",
+          callback: () => {
+            u(x).push({
+              name: "$settings-my-business"
+            });
+          }
+        }
+      }, null, 8, ["title", "subtitle", "action"]))]), o("div", We, [n(T, {
+        disabled: v.value,
+        icon: "ios_share",
+        label: u(l)("menu.publish.actions.publish_all"),
+        variant: "fab",
+        onClick: a[6] || (a[6] = () => H())
+      }, null, 8, ["disabled", "label"])]), n(Le, {
+        ref_key: "updateCatalogDialogRef",
+        ref: p,
+        catalogs: B.value,
+        onOnComplete: L
+      }, null, 8, ["catalogs"])], 64);
+    };
+  }
+});
+export {
+  ua as default
+};