@feedmepos/mf-order-setting 0.0.22 → 0.0.24

package/dist/KioskView-kZZYSfUh.js

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

package/dist/{OrderSettingsView-D_bGK-3J.js → OrderSettingsView-Cil4j9G5.js}

@@ -4,13 +4,13 @@ var Cl = (f, m, c) => vf(f, typeof m != "symbol" ? m + "" : m, c);
 import { ref as Ue, computed as De, defineComponent as st, onMounted as $n, onUnmounted as Vd, resolveComponent as Oe, openBlock as _e, createBlock as gt, withCtx as He, createElementVNode as ye, createVNode as pe, toDisplayString as Ne, unref as le, createElementBlock as Ae, isRef as Ro, Fragment as at, renderList as kt, createCommentVNode as tt, watch as Ct, createTextVNode as Sn, renderSlot as wf, reactive as Wn, withModifiers as _f, toRaw as Il, normalizeStyle as Ef, normalizeClass as Gd, createSlots as Ff, h as Hd, resolveDynamicComponent as kf } from "vue";
 import { useDialog as Kd, useSnackbar as Yd } from "@feedmepos/ui-library";
 import { useI18n as ft, useCoreStore as Dt } from "@feedmepos/mf-common";
-import { e as or, d as Zt, f as Sf, h as ns, g as rt, i as Un, l as de, j as Be, k as Wd, m as pt, n as zf, o as rs, p as so } from "./queue.do-Vog69wnQ.js";
+import { e as or, d as Zt, f as Sf, h as ns, g as rt, i as Un, l as de, j as Be, k as Wd, m as pt, n as zf, o as rs, p as so } from "./queue.do-CNMuossU.js";
 import { u as hn, a as In, b as jf, _ as Tf } from "./index-DSCb3ndM.js";
-import { g as et, b as sr, S as Ds, m as Af, d as Cf, D as Bt, r as ri } from "./dayjs.min-kEC9G7bx.js";
+import { g as et, b as sr, S as Ds, m as Af, d as Cf, D as Bt, r as ri } from "./dayjs.min-R4180ukF.js";
 import { defineStore as xo } from "pinia";
 import { useRouter as If } from "vue-router";
-import { c as Vs, g as ir, a as Gs, b as Pf, d as Ms, e as Of } from "./app-C5qwExhL.js";
-import { s as as, a as Df, O as qo } from "./index-C_53CwBa.js";
+import { c as Vs, g as ir, a as Gs, b as Pf, d as Ms, e as Of } from "./app-D47VRl5B.js";
+import { s as as, a as Df, O as qo } from "./index-DgLlDwJK.js";
 const Mf = {
   "Bill Receipt Number": (f) => f.seqNumber ?? "*8888",
   "Bill Receipt Total Amount (Net)": (f) => Sf.Dinero.fromFdoDinero(f.nettTotal).toFormat(!0),
@@ -71259,7 +71259,10 @@ const $v = xo("tableSetting", {
 }), hv = { class: "flex items-center gap-7 mb-3" }, pv = { class: "flex items-center justify-between" }, mv = { class: "font-semibold mb-3" }, gv = { class: "text-fm-color-typo-secondary mt-5 mb-5 flex flex-row" }, bv = { class: "fm-corner-radius-lg flex flex-col" }, yv = { class: "flex flex-row" }, vv = { class: "flex flex-row" }, wv = { class: "font-bold ml-2" }, _v = {
   key: 0,
   class: "flex flex-col pl-6"
-}, Ev = { class: "flex gap-8 items-center justify-start" }, Fv = { class: "flex items-center justify-between" }, kv = { class: "font-semibold mb-3" }, Sv = { class: "text-fm-color-typo-secondary mt-5 mb-5 flex flex-row" }, zv = { class: "flex flex-row" }, jv = { class: "fm-corner-radius-lg flex flex-col" }, Tv = { class: "flex gap-8 items-center justify-start" }, Av = { class: "flex flex-col" };
+}, Ev = { class: "flex gap-8 items-center justify-start" }, Fv = { class: "flex items-center justify-between" }, kv = { class: "font-semibold mb-3" }, Sv = { class: "text-fm-color-typo-secondary mt-5 mb-5 flex flex-row" }, zv = { class: "flex flex-row" }, jv = {
+  key: 0,
+  class: "fm-corner-radius-lg flex flex-col"
+}, Tv = { class: "flex gap-8 items-center justify-start" }, Av = { class: "flex flex-col" };
 var bf = /* @__PURE__ */ ((f) => (f.dineIn = "DINE_IN", f.takeaway = "TAKEAWAY", f.inHouseDelivery = "IN_HOUSE_DELIVERY", f.deliveryCompany = "DELIVERY_COMPANY", f.pickup = "PICKUP", f))(bf || {});
 const Cv = /* @__PURE__ */ st({
   __name: "ServiceChargeRule",
@@ -71649,19 +71652,19 @@ const Cv = /* @__PURE__ */ st({
                       class: "ml-auto"
                     }))
                   ]),
-                  ye("div", jv, [
-                    ae.value ? (_e(!0), Ae(at, { key: 0 }, kt(ie.value, (E, F) => (_e(), Ae("div", {
+                  ae.value ? (_e(), Ae("div", jv, [
+                    (_e(!0), Ae(at, null, kt(ie.value, (E, F) => (_e(), Ae("div", {
                       key: F,
                       class: "flex flex-col pl-6"
                     }, [
                       pe(b, {
+                        value: E.name,
                         "model-value": V.value[E.name].isSelected,
                         label: E.name,
-                        value: "",
                         "onUpdate:modelValue": (S) => G(S, E.name)
-                      }, null, 8, ["model-value", "label", "onUpdate:modelValue"])
-                    ]))), 128)) : tt("", !0)
-                  ])
+                      }, null, 8, ["value", "model-value", "label", "onUpdate:modelValue"])
+                    ]))), 128))
+                  ])) : tt("", !0)
                 ]),
                 _: 1
               })