@feedmepos/mf-order-setting 0.0.75-prod → 0.0.76

package/dist/{KioskDevicesView-B1dsUMwh.js → KioskDevicesView-H7stMDFu.js}

@@ -1,4 +1,4 @@
-import { _ as f } from "./KioskDevicesView.vue_vue_type_script_setup_true_lang-BmCrSZnS.js";
+import { _ as f } from "./KioskDevicesView.vue_vue_type_script_setup_true_lang-DgpV4oKE.js";
 export {
   f as default
 };

package/dist/{KioskDevicesView.vue_vue_type_script_setup_true_lang-BmCrSZnS.js → KioskDevicesView.vue_vue_type_script_setup_true_lang-DgpV4oKE.js}

@@ -1,10 +1,10 @@
 import { ref as P, defineComponent as ee, resolveComponent as S, openBlock as l, createElementBlock as u, createElementVNode as a, toDisplayString as i, unref as s, createVNode as m, computed as T, watch as pe, createCommentVNode as D, withCtx as H, Fragment as W, renderList as Z, normalizeClass as we, createBlock as L, createTextVNode as X, renderSlot as Ae } from "vue";
 import { useI18n as le } from "@feedmepos/mf-common";
 import { defineStore as Pe } from "pinia";
-import { r as Y, g as ve } from "./lineman-settings.dto-BMG_DnTF.js";
+import { r as Y, g as ve } from "./lineman-settings.dto-Cny_fF4n.js";
 import { useDialog as De, useSnackbar as Se } from "@feedmepos/ui-library";
-import { d as ie } from "./dayjs.min-BNHTbbaJ.js";
-import { g as Ce, c as Fe, a as fe } from "./app-DzO7wZsC.js";
+import { d as ie } from "./dayjs.min-OJf1trOq.js";
+import { g as Ce, c as Fe, a as fe } from "./app-BDlPjU4y.js";
 async function Me() {
   const n = await Y().get("/kiosk/otp");
   return ve(n);

package/dist/{KioskSettingView-DUUr39PJ.js → KioskSettingView-fF6k9s_q.js}

@@ -1,7 +1,7 @@
 import { defineComponent as oe, computed as A, ref as L, onMounted as me, resolveComponent as w, openBlock as R, createBlock as G, withCtx as k, createVNode as s, unref as l, createElementVNode as r, withDirectives as E, vShow as N, watch as pe, createElementBlock as j, toDisplayString as g, createCommentVNode as ce } from "vue";
-import { e as ae, b as re, s as se, d as ye, r as le, f as te, h as fe } from "./app-DzO7wZsC.js";
-import { b as m, c as ve } from "./lineman-settings.dto-BMG_DnTF.js";
-import { _ as be, u as ge, a as Ie } from "./index-DQA37h5T.js";
+import { e as ae, b as re, s as se, d as ye, r as le, f as te, h as fe } from "./app-BDlPjU4y.js";
+import { b as m, c as ve } from "./lineman-settings.dto-Cny_fF4n.js";
+import { _ as be, u as ge, a as Ie } from "./index-Bid9lO2x.js";
 import { useI18n as de, FeedMeAuth as ie, useCoreStore as Pe } from "@feedmepos/mf-common";
 import { useSnackbar as Se } from "@feedmepos/ui-library";
 const xe = { class: "ml-7" }, we = { class: "ml-7" }, _e = { class: "flex flex-row gap-9" }, Ve = /* @__PURE__ */ oe({

package/dist/KioskView-Cxcc1UL1.js

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