@feedmepos/mf-order-setting 0.0.38 → 0.0.43

package/dist/{KioskView-4-s6RwC6.js → KioskView-KNiT-upH.js}

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