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

package/dist/Publish-jpmiyB-b.js

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