@feedmepos/mf-order-setting 0.0.21-beta.1 → 0.0.21-beta.2

package/dist/KioskView-C0Vn5S89.js

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