@feedmepos/mf-order-setting 0.0.48 → 0.0.50

package/dist/KioskView-NEpc7Ivb.js

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