@feedmepos/mf-order-setting 0.0.43 → 0.0.45

package/dist/KioskView-KNiT-upH.js

@@ -1,453 +0,0 @@
-import { defineComponent as I, computed as b, createElementBlock as f, openBlock as c, normalizeClass as Z, createCommentVNode as _, createElementVNode as o, toDisplayString as m, unref as d, Fragment as ee, renderList as te, ref as k, defineAsyncComponent as ae, onMounted as ne, watch as se, resolveComponent as S, createVNode as w, withCtx as oe, withDirectives as re, vShow as le, createBlock as D } from "vue";
-import { u as de, _ as ie } from "./KioskDevicesView.vue_vue_type_script_setup_true_lang-taf41a-7.js";
-import { useI18n as A, useCoreStore as ce } from "@feedmepos/mf-common";
-import { F as V, a as ue, b as pe } from "./menu.dto-BY9dVf93.js";
-import { useDialog as ye, useSnackbar as me, useBreakpoints as fe } from "@feedmepos/ui-library";
-import { defineStore as ve } from "pinia";
-import { O as B, c as E } from "./index-D_Tmm1qL.js";
-const _e = {
-  key: 0,
-  class: "fm-typo-en-title-sm-600"
-}, be = {
-  key: 1,
-  class: "my-[0.25rem]"
-}, he = { class: "flex flex-col gap-1" }, ge = { class: "flex flex-col gap-1" }, Pe = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, we = { class: "fm-typo-en-body-lg-600" }, Oe = { key: 0 }, Se = { key: 1 }, ke = { key: 0 }, xe = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Te = { class: "fm-typo-en-body-lg-600 block" }, Ce = { key: 1 }, Ie = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Ae = { class: "fm-typo-en-body-lg-600 block" }, Ke = { key: 2 }, Ue = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, $e = { class: "fm-typo-en-body-lg-600 block" }, Fe = { key: 3 }, qe = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Re = { class: "fm-typo-en-body-lg-600 block" }, De = { key: 0 }, M = /* @__PURE__ */ I({
-  __name: "KioskSummary",
-  props: {
-    restaurantId: {},
-    devices: {},
-    kioskOrderSetting: {},
-    dialogType: { type: Boolean }
-  },
-  setup(t) {
-    const { t: e } = A(), r = t, l = b(() => {
-      var a;
-      return (a = r.kioskOrderSetting) != null && a.dineIn.enabled ? e("order.activated") : e("order.deactivated");
-    }), n = b(() => {
-      var a;
-      return (a = r.kioskOrderSetting) != null && a.takeaway.enabled ? e("order.activated") : e("order.deactivated");
-    }), s = b(() => {
-      var a, p;
-      return (a = r.kioskOrderSetting) != null && a.dineIn.displayStand ? e("order.tableService") : (p = r.kioskOrderSetting) != null && p.dineIn && !r.kioskOrderSetting.dineIn.displayStand ? e("order.pickAtCounter") : e("order.unknown");
-    }), u = b(() => {
-      var a;
-      return ((a = r.kioskOrderSetting) == null ? void 0 : a.paymentSetting.paymentTypes.includes(V.enum.cash)) ?? !1;
-    }), i = b(() => {
-      var p, v;
-      const a = [];
-      if ((p = r.kioskOrderSetting) == null || p.paymentSetting.paymentTypes.forEach((h) => {
-        h === V.enum.ePayment && a.push(e("order.ePayment"));
-      }), a.length > 0 && Object.keys(r.kioskOrderSetting.paymentSetting.ePaymentTypes).length !== 0) {
-        const h = (v = r.kioskOrderSetting) == null ? void 0 : v.paymentSetting.ePaymentTypes;
-        (h.card.terminal || h.card.nfc) && a.push(e("order.bankCard")), (h.eWallet.scanPay || h.eWallet.qrPay) && a.push(e("order.eWallet"));
-      }
-      return a.join(", ");
-    });
-    return (a, p) => (c(), f("div", {
-      class: Z(a.dialogType ? "" : ["p-[1.5rem] border fm-corner-radius-lg flex flex-col gap-5 fixed ml-40 w-[320px]"])
-    }, [
-      a.dialogType ? _("", !0) : (c(), f("span", _e, m(d(e)("order.kioskSummary")), 1)),
-      a.dialogType ? _("", !0) : (c(), f("hr", be)),
-      o("div", he, [
-        o("div", ge, [
-          o("span", Pe, m(d(e)("order.kioskDisplay")), 1),
-          o("div", we, [
-            a.devices.length > 0 ? (c(), f("div", Oe, [
-              (c(!0), f(ee, null, te(a.devices, (v) => (c(), f("li", {
-                class: "block",
-                key: v.machineId
-              }, m(v.name), 1))), 128))
-            ])) : (c(), f("div", Se, "-"))
-          ]),
-          l.value === d(e)("order.activated") ? (c(), f("div", ke, [
-            o("span", xe, m(d(e)("order.dineIn")), 1),
-            o("div", Te, [
-              o("div", null, m(l.value), 1)
-            ])
-          ])) : _("", !0),
-          l.value === d(e)("order.activated") && s.value !== d(e)("order.unknown") ? (c(), f("div", Ce, [
-            o("span", Ie, m(d(e)("order.dineInType")), 1),
-            o("div", Ae, [
-              o("div", null, m(s.value), 1)
-            ])
-          ])) : _("", !0),
-          n.value === d(e)("order.activated") ? (c(), f("div", Ke, [
-            o("span", Ue, m(d(e)("order.takeaway")), 1),
-            o("div", $e, [
-              o("div", null, m(n.value), 1)
-            ])
-          ])) : _("", !0),
-          i.value || u.value ? (c(), f("div", Fe, [
-            o("span", qe, m(d(e)("order.acceptedPayment")), 1),
-            o("div", Re, [
-              u.value ? (c(), f("div", De, m(d(e)("order.offlinePayment")), 1)) : _("", !0),
-              o("div", null, m(i.value), 1)
-            ])
-          ])) : _("", !0)
-        ])
-      ])
-    ], 2));
-  }
-}), Ve = { class: "flex flex-col gap-5 pb-6" }, Be = { class: "fm-typo-en-body-md-400 block" }, Ee = { class: "fm-typo-en-title-md-600" }, Me = /* @__PURE__ */ I({
-  __name: "KioskOtpDialog",
-  props: {
-    otp: {}
-  },
-  setup(t) {
-    const { t: e } = A();
-    return (r, l) => (c(), f("div", Ve, [
-      o("span", Be, m(d(e)("order.bindDeviceMessage")), 1),
-      o("div", Ee, m(r.otp), 1)
-    ]));
-  }
-}), W = {
-  enabled: !1,
-  prefix: null,
-  padDigit: 0,
-  standSlotRange: {
-    min: 1,
-    max: 10
-  },
-  enablePaxDialog: !1,
-  submitOrderInstruction: {
-    payAtCounter: null,
-    paid: null
-  }
-}, Ne = {
-  enabled: !1,
-  submitOrderInstruction: {
-    payAtCounter: null,
-    paid: null
-  }
-}, j = {
-  enabled: !1,
-  submitOrderInstruction: {
-    payAtCounter: null,
-    paid: null
-  },
-  enablePaxDialog: !1
-}, We = {
-  dineIn: {
-    enabled: !1,
-    pickUp: j,
-    sequenceNumber: ue.parse({}),
-    displayStand: W
-  },
-  takeaway: Ne,
-  paymentSetting: {
-    paymentTypes: [],
-    offlinePaymentTypes: [],
-    ePaymentTypes: {
-      card: {
-        terminal: !1,
-        nfc: !1
-      },
-      eWallet: {
-        terminalQrPay: !1,
-        terminalScanPay: !1,
-        qrPay: !1,
-        scanPay: !1
-      }
-    }
-  },
-  menuItem: {
-    showAllOnly: !1
-  }
-}, C = {
-  payAtCounter: null,
-  paid: null
-}, je = (t) => {
-  var e;
-  return {
-    kiosk: He(t.kioskSettings, (e = t.sequenceSettings) == null ? void 0 : e.kioskDineIn)
-  };
-}, He = (t, e) => {
-  var r, l, n, s, u, i, a, p, v;
-  return {
-    dineIn: Le(
-      e ?? {
-        current: 0,
-        prefix: "#K"
-      },
-      t.dineIn ?? void 0
-    ),
-    takeaway: {
-      enabled: (t == null ? void 0 : t.canTakeaway) ?? !1,
-      submitOrderInstruction: (r = t == null ? void 0 : t.takeaway) != null && r.submitOrderInstruction ? {
-        payAtCounter: ((n = (l = t.takeaway.submitOrderInstruction) == null ? void 0 : l.payAtCounter) == null ? void 0 : n.en) ?? null,
-        paid: ((u = (s = t.takeaway.submitOrderInstruction) == null ? void 0 : s.paid) == null ? void 0 : u.en) ?? null
-      } : C
-    },
-    paymentSetting: {
-      paymentTypes: ((i = t == null ? void 0 : t.paymentSetting) == null ? void 0 : i.paymentTypes) ?? [],
-      offlinePaymentTypes: ((a = t == null ? void 0 : t.paymentSetting) == null ? void 0 : a.offlinePaymentTypes) ?? [],
-      ePaymentTypes: ((p = t == null ? void 0 : t.paymentSetting) == null ? void 0 : p.ePaymentTypes) ?? pe.parse({
-        card: {
-          terminal: !1,
-          nfc: !1
-        },
-        eWallet: {
-          qrPay: !1,
-          scanPay: !1,
-          terminalScanPay: !1,
-          terminalQrPay: !1
-        }
-      })
-    },
-    menuItem: {
-      showAllOnly: ((v = t.menuItem) == null ? void 0 : v.showAllOnly) ?? !1
-    }
-  };
-}, Le = (t, e) => {
-  var r, l, n, s, u, i, a, p;
-  return {
-    enabled: !!e,
-    sequenceNumber: t,
-    pickUp: e != null && e.pickUp ? {
-      ...e.pickUp,
-      submitOrderInstruction: e.pickUp.submitOrderInstruction ? {
-        payAtCounter: ((l = (r = e.pickUp.submitOrderInstruction) == null ? void 0 : r.payAtCounter) == null ? void 0 : l.en) ?? null,
-        paid: ((s = (n = e.pickUp.submitOrderInstruction) == null ? void 0 : n.paid) == null ? void 0 : s.en) ?? null
-      } : C,
-      enablePaxDialog: e.pickUp.enablePaxDialog ? e.pickUp.enablePaxDialog : !1
-    } : j,
-    displayStand: e != null && e.displayStand ? {
-      enabled: e.displayStand.enabled,
-      standSlotRange: e.displayStand.standSlotRange,
-      prefix: e.displayStand.prefix,
-      padDigit: e.displayStand.padDigit,
-      enablePaxDialog: e.displayStand.enablePaxDialog ?? !1,
-      submitOrderInstruction: e.displayStand.submitOrderInstruction ? {
-        payAtCounter: ((i = (u = e.displayStand.submitOrderInstruction) == null ? void 0 : u.payAtCounter) == null ? void 0 : i.en) ?? null,
-        paid: ((p = (a = e.displayStand.submitOrderInstruction) == null ? void 0 : a.paid) == null ? void 0 : p.en) ?? null
-      } : C
-    } : W
-  };
-}, Qe = (t) => {
-  const e = (n) => {
-    var s, u, i, a;
-    return {
-      requiredSlot: !!n.displayStand,
-      displayStand: {
-        ...n.displayStand,
-        submitOrderInstruction: {
-          payAtCounter: (s = n.displayStand.submitOrderInstruction) != null && s.payAtCounter ? {
-            en: n.displayStand.submitOrderInstruction.payAtCounter
-          } : null,
-          paid: (u = n.displayStand.submitOrderInstruction) != null && u.paid ? {
-            en: n.displayStand.submitOrderInstruction.paid
-          } : null
-        }
-      },
-      pickUp: {
-        ...n.pickUp,
-        submitOrderInstruction: {
-          payAtCounter: (i = n.pickUp.submitOrderInstruction) != null && i.payAtCounter ? {
-            en: n.pickUp.submitOrderInstruction.payAtCounter
-          } : null,
-          paid: (a = n.pickUp.submitOrderInstruction) != null && a.paid ? {
-            en: n.pickUp.submitOrderInstruction.paid
-          } : null
-        }
-      }
-    };
-  }, r = (n) => ({
-    canTakeaway: t.takeaway.enabled,
-    dineIn: n,
-    menuItem: t.menuItem,
-    paymentSetting: l(t.paymentSetting),
-    takeaway: t.takeaway.submitOrderInstruction ? {
-      submitOrderInstruction: {
-        payAtCounter: t.takeaway.submitOrderInstruction.payAtCounter ? {
-          en: t.takeaway.submitOrderInstruction.payAtCounter
-        } : null,
-        paid: t.takeaway.submitOrderInstruction.paid ? {
-          en: t.takeaway.submitOrderInstruction.paid
-        } : null
-      }
-    } : void 0
-  }), l = (n) => ({
-    paymentTypes: n.paymentTypes,
-    offlinePaymentTypes: n.offlinePaymentTypes,
-    ePaymentTypes: n.ePaymentTypes
-  });
-  return t.dineIn.enabled ? {
-    kioskSettings: r(e(t.dineIn)),
-    kioskDineIn: t.dineIn.sequenceNumber
-  } : {
-    kioskSettings: r()
-  };
-}, N = {
-  convertOrderSettingDto: je,
-  toOrderKioskSettingsDto: Qe
-}, Ye = ve("orderSetting", () => {
-  const t = k({});
-  async function e() {
-    const s = await B.getOrderSetting();
-    l(s);
-  }
-  async function r() {
-    if (t.value.orderSetting && t.value.kiosk) {
-      const { _id: s, ...u } = t.value.orderSetting, i = N.toOrderKioskSettingsDto(t.value.kiosk), a = {
-        ...u,
-        kioskSettings: i.kioskSettings
-      }, p = await B.updateOrderSetting(a);
-      l(p);
-    }
-  }
-  function l(s) {
-    t.value.orderSetting = s, t.value.kiosk = N.convertOrderSettingDto(s).kiosk;
-  }
-  function n(s) {
-    t.value.kiosk = s;
-  }
-  return {
-    state: t.value,
-    getSetting: e,
-    updateKioskSetting: r,
-    setKioskOrderSetting: n
-  };
-}), ze = { class: "py-[1.5rem]" }, Ge = { class: "flex px-[1.5rem]" }, Je = { class: "flex-[2_2_0%]" }, Xe = { class: "pt-[1.5rem]" }, Ze = { class: "flex flex-col gap-10" }, et = { class: "flex flex-col gap-2" }, tt = { class: "fm-typo-en-title-sm-600" }, at = { class: "fm-typo-en-title-sm-400" }, nt = {
-  key: 0,
-  class: "flex-[1_1_0%]"
-}, ut = /* @__PURE__ */ I({
-  __name: "KioskView",
-  setup(t) {
-    var q, R;
-    const { t: e } = A(), r = ae(
-      () => import("./KioskSettingView-DG12ZvfT.js")
-    ), l = k("device"), n = de(), s = Ye(), u = ye(), { currentRestaurant: i, restaurants: a, changeRestaurant: p } = ce(), v = me(), h = fe(), K = b(() => h.breakpoints.value.xs), O = k(((q = i.value) == null ? void 0 : q._id) ?? void 0), H = b(() => a.value.map((y) => ({
-      label: y.profile.name,
-      value: y._id
-    }))), P = k(((R = i.value) == null ? void 0 : R._id) ?? "");
-    function L() {
-      var y;
-      u.open({
-        title: E(e("order.kioskSummary")),
-        contentComponent: M,
-        contentComponentProps: {
-          restaurantId: (y = i.value) == null ? void 0 : y._id,
-          devices: n.state.devices,
-          kioskOrderSetting: s.state.kiosk,
-          dialogType: !0
-        }
-      });
-    }
-    async function U(y) {
-      const g = a.value.find((x) => x._id == y);
-      await p(g), await $(), O.value = y, P.value = y;
-    }
-    async function $() {
-      await s.getSetting(), await n.getDevices();
-    }
-    const Q = b(() => [
-      {
-        label: e("order.deviceBinding"),
-        value: "device"
-      },
-      {
-        label: e("order.settings"),
-        value: "setting"
-      }
-    ]), F = b(() => n.state.devices);
-    async function Y() {
-      await n.requestOtp(), u.open({
-        title: E(e("order.bindDevice")),
-        contentComponent: Me,
-        contentComponentProps: {
-          otp: n.state.otp
-        }
-      });
-    }
-    async function z(y) {
-      try {
-        s.setKioskOrderSetting(y), await s.updateKioskSetting(), v.open({
-          title: e("order.kioskSettingSuccess"),
-          type: "success"
-        });
-      } catch {
-        v.open({
-          title: e("order.kioskSettingFailed"),
-          type: "error"
-        });
-      }
-    }
-    return ne(async () => {
-      var y;
-      (y = i.value) != null && y._id && (P.value = i.value._id, await $());
-    }), se(
-      () => a.value.length,
-      async (y) => {
-        O.value === void 0 && a.value.length > 0 && await U(a.value[0]._id);
-      },
-      { immediate: !0 }
-    ), (y, g) => {
-      const x = S("FmButton"), G = S("FmPageHead"), J = S("FmTabs"), X = S("FmSelect");
-      return c(), f("div", ze, [
-        w(G, {
-          title: d(e)("order.kiosk")
-        }, {
-          append: oe(() => [
-            re(w(x, {
-              icon: "info",
-              variant: "tertiary",
-              onClick: L
-            }, null, 512), [
-              [le, K.value]
-            ])
-          ]),
-          _: 1
-        }, 8, ["title"]),
-        o("div", Ge, [
-          o("div", Je, [
-            w(J, {
-              "model-value": l.value,
-              "onUpdate:modelValue": g[0] || (g[0] = (T) => l.value = T),
-              items: Q.value
-            }, null, 8, ["model-value", "items"]),
-            o("div", Xe, [
-              o("div", Ze, [
-                o("div", et, [
-                  o("span", tt, m(d(e)("order.activateLocation")), 1),
-                  o("span", at, m(d(e)("order.selectRestaurant")) + ": ", 1),
-                  w(X, {
-                    class: "w-1/2",
-                    modelValue: O.value,
-                    "onUpdate:modelValue": [
-                      g[1] || (g[1] = (T) => O.value = T),
-                      U
-                    ],
-                    items: H.value,
-                    placeholder: d(e)("order.selectItem")
-                  }, null, 8, ["modelValue", "items", "placeholder"])
-                ]),
-                l.value == "device" ? (c(), D(ie, {
-                  key: 0,
-                  devices: F.value,
-                  "request-otp": Y
-                }, null, 8, ["devices"])) : _("", !0),
-                l.value == "setting" ? (c(), D(d(r), {
-                  key: `KioskSettingView-${P.value}`,
-                  "restaurant-id": P.value,
-                  onUpdateKioskOrderSetting: z,
-                  form: d(s).state.kiosk ?? d(We)
-                }, null, 8, ["restaurant-id", "form"])) : _("", !0)
-              ])
-            ])
-          ]),
-          K.value ? _("", !0) : (c(), f("div", nt, [
-            w(M, {
-              "restaurant-id": P.value,
-              devices: F.value,
-              "kiosk-order-setting": d(s).state.kiosk,
-              dialogType: !1
-            }, null, 8, ["restaurant-id", "devices", "kiosk-order-setting"])
-          ]))
-        ])
-      ]);
-    };
-  }
-});
-export {
-  ut as default
-};