@feedmepos/mf-order-setting 0.0.72-test.1 → 0.0.74-dev

package/dist/KioskView-d1YjttbD.js

@@ -0,0 +1,362 @@
+import { defineComponent as B, openBlock as P, createElementBlock as E, createElementVNode as m, toDisplayString as w, unref as d, ref as v, defineAsyncComponent as O, computed as x, onMounted as g, watch as S, resolveComponent as K, createVNode as T, createBlock as V, createCommentVNode as L } from "vue";
+import { u as k, _ as ee } from "./KioskDevicesView.vue_vue_type_script_setup_true_lang-CPDkls2i.js";
+import { useDialog as ae, useSnackbar as te } from "@feedmepos/ui-library";
+import { useI18n as H, useCoreStore as ne } from "@feedmepos/mf-common";
+import { F as le, a as ue, S as M } from "./lineman-settings.dto-DS4tgxBJ.js";
+import { defineStore as oe } from "pinia";
+import { O as N, c as re } from "./index-DEKeP24S.js";
+import { u as ce } from "./app-DrWO2wkv.js";
+const se = { class: "flex flex-col gap-5 pb-6" }, pe = { class: "fm-typo-en-body-md-400 block" }, de = { class: "fm-typo-en-title-md-600" }, me = /* @__PURE__ */ B({
+  __name: "KioskOtpDialog",
+  props: {
+    otp: {}
+  },
+  setup(e) {
+    const { t: a } = H();
+    return (u, c) => (P(), E("div", se, [
+      m("span", pe, w(d(a)("order.bindDeviceMessage")), 1),
+      m("div", de, w(e.otp), 1)
+    ]));
+  }
+}), W = {
+  enabled: !1,
+  prefix: null,
+  padDigit: 0,
+  standSlotRange: {
+    min: 1,
+    max: 10
+  },
+  enablePaxDialog: !1,
+  submitOrderInstruction: {
+    payAtCounter: null,
+    paid: null
+  }
+}, ie = {
+  enabled: !1,
+  submitOrderInstruction: {
+    payAtCounter: null,
+    paid: null
+  }
+}, Q = {
+  enabled: !1,
+  submitOrderInstruction: {
+    payAtCounter: null,
+    paid: null
+  },
+  enablePaxDialog: !1
+}, ye = {
+  dineIn: {
+    enabled: !1,
+    pickUp: Q,
+    sequenceNumber: le.parse({}),
+    displayStand: W
+  },
+  takeaway: ie,
+  paymentSetting: {
+    paymentTypes: [],
+    offlinePaymentTypes: [],
+    ePaymentTypes: {
+      terminal: !1,
+      card: {
+        terminal: !1,
+        nfc: !1
+      },
+      eWallet: {
+        terminalQrPay: !1,
+        terminalScanPay: !1,
+        qrPay: !1,
+        scanPay: !1
+      }
+    }
+  },
+  menuItem: {
+    showAllOnly: !1
+  },
+  coverImageLandscape: null,
+  coverImagePortrait: null,
+  otaChannel: ""
+}, U = {
+  payAtCounter: null,
+  paid: null
+}, fe = (e) => {
+  var a;
+  return {
+    kiosk: ve(e.kioskSettings, (a = e.sequenceSettings) == null ? void 0 : a.kioskDineIn)
+  };
+}, ve = (e, a) => {
+  var u, c, t, l, o, p, r, s, b, f, i;
+  return {
+    dineIn: be(
+      a ?? {
+        current: 0,
+        prefix: "#K"
+      },
+      (e == null ? void 0 : e.dineIn) ?? void 0
+    ),
+    takeaway: {
+      enabled: (e == null ? void 0 : e.canTakeaway) ?? !1,
+      submitOrderInstruction: (u = e == null ? void 0 : e.takeaway) != null && u.submitOrderInstruction ? {
+        payAtCounter: ((l = (t = (c = e == null ? void 0 : e.takeaway) == null ? void 0 : c.submitOrderInstruction) == null ? void 0 : t.payAtCounter) == null ? void 0 : l.en) ?? null,
+        paid: ((r = (p = (o = e == null ? void 0 : e.takeaway) == null ? void 0 : o.submitOrderInstruction) == null ? void 0 : p.paid) == null ? void 0 : r.en) ?? null
+      } : U
+    },
+    paymentSetting: {
+      paymentTypes: ((s = e == null ? void 0 : e.paymentSetting) == null ? void 0 : s.paymentTypes) ?? [],
+      offlinePaymentTypes: ((b = e == null ? void 0 : e.paymentSetting) == null ? void 0 : b.offlinePaymentTypes) ?? [],
+      ePaymentTypes: ((f = e == null ? void 0 : e.paymentSetting) == null ? void 0 : f.ePaymentTypes) ?? ue.parse({
+        card: {
+          terminal: !1,
+          nfc: !1
+        },
+        eWallet: {
+          qrPay: !1,
+          scanPay: !1
+        }
+      })
+    },
+    menuItem: {
+      showAllOnly: ((i = e == null ? void 0 : e.menuItem) == null ? void 0 : i.showAllOnly) ?? !1
+    },
+    otaChannel: (e == null ? void 0 : e.otaChannel) ?? "",
+    coverImageLandscape: (e == null ? void 0 : e.coverImageLandscape) ?? null,
+    coverImagePortrait: (e == null ? void 0 : e.coverImagePortrait) ?? null
+  };
+}, be = (e, a) => {
+  var u, c, t, l, o, p, r, s;
+  return {
+    enabled: !!a,
+    sequenceNumber: e,
+    pickUp: a != null && a.pickUp ? {
+      ...a.pickUp,
+      submitOrderInstruction: a.pickUp.submitOrderInstruction ? {
+        payAtCounter: ((c = (u = a.pickUp.submitOrderInstruction) == null ? void 0 : u.payAtCounter) == null ? void 0 : c.en) ?? null,
+        paid: ((l = (t = a.pickUp.submitOrderInstruction) == null ? void 0 : t.paid) == null ? void 0 : l.en) ?? null
+      } : U,
+      enablePaxDialog: a.pickUp.enablePaxDialog ? a.pickUp.enablePaxDialog : !1
+    } : Q,
+    displayStand: a != null && a.displayStand ? {
+      enabled: a.displayStand.enabled,
+      standSlotRange: a.displayStand.standSlotRange,
+      prefix: a.displayStand.prefix,
+      padDigit: a.displayStand.padDigit,
+      enablePaxDialog: a.displayStand.enablePaxDialog ?? !1,
+      submitOrderInstruction: a.displayStand.submitOrderInstruction ? {
+        payAtCounter: ((p = (o = a.displayStand.submitOrderInstruction) == null ? void 0 : o.payAtCounter) == null ? void 0 : p.en) ?? null,
+        paid: ((s = (r = a.displayStand.submitOrderInstruction) == null ? void 0 : r.paid) == null ? void 0 : s.en) ?? null
+      } : U
+    } : W
+  };
+}, _e = (e) => {
+  const a = (t) => {
+    var l, o, p, r;
+    return {
+      requiredSlot: !!t.displayStand,
+      displayStand: {
+        ...t.displayStand,
+        submitOrderInstruction: {
+          payAtCounter: (l = t.displayStand.submitOrderInstruction) != null && l.payAtCounter ? {
+            en: t.displayStand.submitOrderInstruction.payAtCounter
+          } : null,
+          paid: (o = t.displayStand.submitOrderInstruction) != null && o.paid ? {
+            en: t.displayStand.submitOrderInstruction.paid
+          } : null
+        }
+      },
+      pickUp: {
+        ...t.pickUp,
+        submitOrderInstruction: {
+          payAtCounter: (p = t.pickUp.submitOrderInstruction) != null && p.payAtCounter ? {
+            en: t.pickUp.submitOrderInstruction.payAtCounter
+          } : null,
+          paid: (r = t.pickUp.submitOrderInstruction) != null && r.paid ? {
+            en: t.pickUp.submitOrderInstruction.paid
+          } : null
+        }
+      }
+    };
+  }, u = (t) => ({
+    canTakeaway: e.takeaway.enabled,
+    dineIn: t,
+    menuItem: e.menuItem,
+    coverImageLandscape: e.coverImageLandscape,
+    coverImagePortrait: e.coverImagePortrait,
+    otaChannel: e.otaChannel || void 0,
+    paymentSetting: c(e.paymentSetting),
+    takeaway: e.takeaway.submitOrderInstruction ? {
+      submitOrderInstruction: {
+        payAtCounter: e.takeaway.submitOrderInstruction.payAtCounter ? {
+          en: e.takeaway.submitOrderInstruction.payAtCounter
+        } : null,
+        paid: e.takeaway.submitOrderInstruction.paid ? {
+          en: e.takeaway.submitOrderInstruction.paid
+        } : null
+      }
+    } : void 0
+  }), c = (t) => ({
+    paymentTypes: t.paymentTypes,
+    offlinePaymentTypes: t.offlinePaymentTypes,
+    ePaymentTypes: t.ePaymentTypes
+  });
+  return e.dineIn.enabled ? {
+    kioskSettings: u(a(e.dineIn)),
+    kioskDineIn: e.dineIn.sequenceNumber
+  } : {
+    kioskSettings: u()
+  };
+}, $ = {
+  convertOrderSettingDto: fe,
+  toOrderKioskSettingsDto: _e
+}, Pe = oe("orderSetting", () => {
+  const e = v({});
+  async function a() {
+    const l = await N.getOrderSetting();
+    c(l);
+  }
+  async function u() {
+    if (e.value.orderSetting && e.value.kiosk) {
+      const { _id: l, ...o } = e.value.orderSetting, p = $.toOrderKioskSettingsDto(e.value.kiosk), r = {
+        ...o,
+        kioskSettings: p.kioskSettings
+      }, s = await N.updateOrderSetting(r);
+      c(s);
+    }
+  }
+  function c(l) {
+    e.value.orderSetting = l, e.value.kiosk = $.convertOrderSettingDto(l).kiosk;
+  }
+  function t(l) {
+    e.value.kiosk = l;
+  }
+  return {
+    state: e.value,
+    getSetting: a,
+    updateKioskSetting: u,
+    setKioskOrderSetting: t
+  };
+}), we = { class: "py-[1.5rem]" }, Ce = { class: "px-[1.5rem]" }, Ie = { class: "pt-[1.5rem]" }, he = { class: "flex flex-col gap-10" }, Ae = { class: "flex flex-col gap-2" }, xe = { class: "fm-typo-en-title-sm-600" }, Ke = { class: "fm-typo-en-title-sm-400" }, Me = /* @__PURE__ */ B({
+  __name: "KioskView",
+  setup(e) {
+    var R, D;
+    const { t: a } = H(), { canManageOrderSetting: u } = ce(), c = O(
+      () => import("./KioskSettingView-DErXeFIt.js")
+    ), t = v("device"), l = k(), o = Pe(), p = ae(), { currentRestaurant: r, restaurants: s, changeRestaurant: b } = ne(), f = te(), i = v(((R = r.value) == null ? void 0 : R._id) ?? void 0), C = v(null), j = x(() => s.value.map((n) => ({
+      label: n.profile.name,
+      value: n._id
+    }))), _ = v(((D = r.value) == null ? void 0 : D._id) ?? "");
+    async function F(n) {
+      const y = s.value.find((h) => h._id == n);
+      await b(y), await q(), i.value = n, _.value = n;
+    }
+    async function q() {
+      if (u.value)
+        try {
+          await o.getSetting();
+        } catch {
+        }
+      await I();
+    }
+    async function I() {
+      C.value = null;
+      try {
+        await l.getDevices();
+      } catch (n) {
+        C.value = n instanceof M && n.status === 403 ? "forbidden" : "error";
+      }
+    }
+    const z = x(() => {
+      const n = [{ label: a("order.deviceBinding"), value: "device" }];
+      return u.value && n.push({ label: a("order.settings"), value: "setting" }), n;
+    }), G = x(() => l.state.devices);
+    async function J() {
+      try {
+        await l.requestOtp();
+      } catch (n) {
+        f.open({
+          title: n instanceof M && n.status === 403 ? a("order.bindDevicePermissionDenied") : a("order.bindDeviceFailed"),
+          type: "error"
+        });
+        return;
+      }
+      p.open({
+        title: re(a("order.bindDevice")),
+        contentComponent: me,
+        contentComponentProps: {
+          otp: l.state.otp
+        }
+      }).onClose(async () => {
+        await I();
+      });
+    }
+    async function X(n) {
+      try {
+        o.setKioskOrderSetting(n), await o.updateKioskSetting(), f.open({
+          title: a("order.kioskSettingSuccess"),
+          type: "success"
+        });
+      } catch {
+        f.open({
+          title: a("order.kioskSettingFailed"),
+          type: "error"
+        });
+      }
+    }
+    return g(async () => {
+      var n;
+      (n = r.value) != null && n._id && (_.value = r.value._id, await q());
+    }), S(
+      () => s.value.length,
+      async (n) => {
+        i.value === void 0 && s.value.length > 0 && await F(s.value[0]._id);
+      },
+      { immediate: !0 }
+    ), (n, y) => {
+      const h = K("FmPageHead"), Y = K("FmTabs"), Z = K("FmSelect");
+      return P(), E("div", we, [
+        T(h, {
+          title: d(a)("order.kiosk")
+        }, null, 8, ["title"]),
+        m("div", Ce, [
+          T(Y, {
+            "model-value": t.value,
+            "onUpdate:modelValue": y[0] || (y[0] = (A) => t.value = A),
+            items: z.value
+          }, null, 8, ["model-value", "items"]),
+          m("div", Ie, [
+            m("div", he, [
+              m("div", Ae, [
+                m("span", xe, w(d(a)("order.activateLocation")), 1),
+                m("span", Ke, w(d(a)("order.selectRestaurant")) + ": ", 1),
+                T(Z, {
+                  class: "w-1/2",
+                  modelValue: i.value,
+                  "onUpdate:modelValue": [
+                    y[1] || (y[1] = (A) => i.value = A),
+                    F
+                  ],
+                  items: j.value,
+                  placeholder: d(a)("order.selectItem")
+                }, null, 8, ["modelValue", "items", "placeholder"])
+              ]),
+              t.value == "device" ? (P(), V(ee, {
+                key: 0,
+                devices: G.value,
+                "load-error": C.value,
+                onRequestOtp: J,
+                onRetry: I
+              }, null, 8, ["devices", "load-error"])) : L("", !0),
+              t.value == "setting" && d(u) ? (P(), V(d(c), {
+                key: `KioskSettingView-${_.value}`,
+                "restaurant-id": _.value,
+                onUpdateKioskOrderSetting: X,
+                form: d(o).state.kiosk ?? d(ye)
+              }, null, 8, ["restaurant-id", "form"])) : L("", !0)
+            ])
+          ])
+        ])
+      ]);
+    };
+  }
+});
+export {
+  Me as default
+};