@feedmepos/mf-order-setting 0.0.16 → 0.0.18

package/dist/KioskView-Dy1o-gJs.js

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