@feedmepos/mf-order-setting 0.0.51 → 0.0.52-dev.0

package/dist/{KioskView-B0Jj2sOl.js → KioskView-BYs5bem0.js}

@@ -1,11 +1,11 @@
-import { defineComponent as U, computed as h, createElementBlock as f, openBlock as i, normalizeClass as k, createCommentVNode as b, createElementVNode as l, toDisplayString as u, unref as c, Fragment as ee, renderList as te, ref as I, defineAsyncComponent as ae, onMounted as ne, watch as oe, resolveComponent as g, createVNode as C, withCtx as se, withDirectives as le, vShow as re, createBlock as B } from "vue";
-import { u as ce, _ as de } from "./KioskDevicesView.vue_vue_type_script_setup_true_lang-B2gjPfOJ.js";
-import { useI18n as $, useCoreStore as ue } from "@feedmepos/mf-common";
-import { F as V, a as ie, b as pe } from "./menu.dto-DFTxveX1.js";
+import { defineComponent as S, computed as h, createElementBlock as f, openBlock as i, normalizeClass as Z, createCommentVNode as b, createElementVNode as l, toDisplayString as u, unref as c, Fragment as ee, renderList as te, ref as I, defineAsyncComponent as ae, onMounted as ne, watch as se, resolveComponent as C, createVNode as g, withCtx as oe, withDirectives as le, vShow as re, createBlock as B } from "vue";
+import { u as ce, _ as de } from "./KioskDevicesView.vue_vue_type_script_setup_true_lang-DhZPOEEQ.js";
+import { useI18n as U, useCoreStore as ue } from "@feedmepos/mf-common";
+import { F as V, a as ie, b as pe } from "./menu.dto-D9CDVLiP.js";
 import { useDialog as ye, useSnackbar as me, useBreakpoints as fe } from "@feedmepos/ui-library";
-import { defineStore as ve } from "pinia";
-import { O as E, c as M } from "./index-B0teNm7_.js";
-const _e = {
+import { defineStore as _e } from "pinia";
+import { O as E, c as M } from "./index-DZCjODMx.js";
+const ve = {
   key: 0,
   class: "fm-typo-en-title-sm-600"
 }, be = {
@@ -14,25 +14,25 @@ const _e = {
 }, he = { class: "flex flex-col gap-4" }, xe = { class: "flex flex-col gap-2" }, Pe = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, we = {
   key: 0,
   class: "flex flex-col gap-1"
-}, Ce = { class: "px-1.5 py-0.5 fm-corner-radius-sm bg-fm-color-neutral-gray-100 text-fm-color-typo-secondary fm-typo-en-body-xs-600 uppercase" }, Te = {
+}, ge = { class: "px-1.5 py-0.5 fm-corner-radius-sm bg-fm-color-neutral-gray-100 text-fm-color-typo-secondary fm-typo-en-body-xs-600 uppercase" }, Te = {
   key: 0,
   class: "fm-typo-en-body-sm-600"
-}, ge = ["title"], Ie = {
+}, Ce = ["title"], Ie = {
   key: 1,
   class: "fm-typo-en-body-lg-600"
 }, Ae = {
   key: 0,
   class: "flex flex-col gap-1"
-}, Ke = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Oe = { class: "fm-typo-en-body-lg-600" }, Ue = {
+}, Oe = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Ke = { class: "fm-typo-en-body-lg-600" }, Se = {
   key: 1,
   class: "flex flex-col gap-1"
-}, $e = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Fe = { class: "fm-typo-en-body-lg-600" }, Se = {
+}, Ue = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, $e = { class: "fm-typo-en-body-lg-600" }, Fe = {
   key: 2,
   class: "flex flex-col gap-1"
 }, qe = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Re = { class: "fm-typo-en-body-lg-600" }, De = {
   key: 3,
   class: "flex flex-col gap-1"
-}, Be = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Ve = { class: "fm-typo-en-body-lg-600" }, Ee = { key: 0 }, N = /* @__PURE__ */ U({
+}, Be = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Ve = { class: "fm-typo-en-body-lg-600" }, Ee = { key: 0 }, N = /* @__PURE__ */ S({
   __name: "KioskSummary",
   props: {
     restaurantId: {},
@@ -41,60 +41,60 @@ const _e = {
     dialogType: { type: Boolean }
   },
   setup(t) {
-    const { t: e } = $(), s = t, r = h(() => {
+    const { t: e } = U(), o = t, r = h(() => {
       var a;
-      return (a = s.kioskOrderSetting) != null && a.dineIn.enabled ? e("order.activated") : e("order.deactivated");
+      return (a = o.kioskOrderSetting) != null && a.dineIn.enabled ? e("order.activated") : e("order.deactivated");
     }), n = h(() => {
       var a;
-      return (a = s.kioskOrderSetting) != null && a.takeaway.enabled ? e("order.activated") : e("order.deactivated");
-    }), o = h(() => {
+      return (a = o.kioskOrderSetting) != null && a.takeaway.enabled ? e("order.activated") : e("order.deactivated");
+    }), s = h(() => {
       var a, y;
-      return (a = s.kioskOrderSetting) != null && a.dineIn.displayStand ? e("order.tableService") : (y = s.kioskOrderSetting) != null && y.dineIn && !s.kioskOrderSetting.dineIn.displayStand ? e("order.pickAtCounter") : e("order.unknown");
+      return (a = o.kioskOrderSetting) != null && a.dineIn.displayStand ? e("order.tableService") : (y = o.kioskOrderSetting) != null && y.dineIn && !o.kioskOrderSetting.dineIn.displayStand ? e("order.pickAtCounter") : e("order.unknown");
     }), p = h(() => {
       var a;
-      return ((a = s.kioskOrderSetting) == null ? void 0 : a.paymentSetting.paymentTypes.includes(V.enum.cash)) ?? !1;
+      return ((a = o.kioskOrderSetting) == null ? void 0 : a.paymentSetting.paymentTypes.includes(V.enum.cash)) ?? !1;
     }), d = h(() => {
-      var y, v;
+      var y, _;
       const a = [];
-      if ((y = s.kioskOrderSetting) == null || y.paymentSetting.paymentTypes.forEach((_) => {
-        _ === V.enum.ePayment && a.push(e("order.ePayment"));
-      }), a.length > 0 && Object.keys(s.kioskOrderSetting.paymentSetting.ePaymentTypes).length !== 0) {
-        const _ = (v = s.kioskOrderSetting) == null ? void 0 : v.paymentSetting.ePaymentTypes;
-        (_.card.terminal || _.card.nfc) && a.push(e("order.bankCard")), (_.eWallet.scanPay || _.eWallet.qrPay) && a.push(e("order.eWallet"));
+      if ((y = o.kioskOrderSetting) == null || y.paymentSetting.paymentTypes.forEach((v) => {
+        v === V.enum.ePayment && a.push(e("order.ePayment"));
+      }), a.length > 0 && Object.keys(o.kioskOrderSetting.paymentSetting.ePaymentTypes).length !== 0) {
+        const v = (_ = o.kioskOrderSetting) == null ? void 0 : _.paymentSetting.ePaymentTypes;
+        (v.card.terminal || v.card.nfc) && a.push(e("order.bankCard")), (v.eWallet.scanPay || v.eWallet.qrPay) && a.push(e("order.eWallet"));
       }
       return a.join(", ");
     });
     return (a, y) => (i(), f("div", {
-      class: k(a.dialogType ? "" : ["p-[1.5rem] border fm-corner-radius-lg flex flex-col gap-5 fixed ml-40 w-[320px]"])
+      class: Z(a.dialogType ? "" : ["p-[1.5rem] border fm-corner-radius-lg flex flex-col gap-5 fixed ml-40 w-[320px]"])
     }, [
-      a.dialogType ? b("", !0) : (i(), f("span", _e, u(c(e)("order.kioskSummary")), 1)),
+      a.dialogType ? b("", !0) : (i(), f("span", ve, u(c(e)("order.kioskSummary")), 1)),
       a.dialogType ? b("", !0) : (i(), f("hr", be)),
       l("div", he, [
         l("div", xe, [
           l("span", Pe, u(c(e)("order.kioskDisplay")), 1),
           a.devices.length > 0 ? (i(), f("div", we, [
-            (i(!0), f(ee, null, te(a.devices, (v) => (i(), f("div", {
-              key: v.machineId,
+            (i(!0), f(ee, null, te(a.devices, (_) => (i(), f("div", {
+              key: _.machineId,
               class: "fm-typo-en-body-sm-400 flex items-center gap-2"
             }, [
-              l("span", Ce, u(v.deviceAppType === "TABLET_APP" ? "T" : "K"), 1),
-              v.slotInfo ? (i(), f("span", Te, u(v.slotInfo), 1)) : b("", !0),
+              l("span", ge, u(_.deviceAppType === "TABLET_APP" ? "T" : "K"), 1),
+              _.slotInfo ? (i(), f("span", Te, u(_.slotInfo), 1)) : b("", !0),
               l("span", {
                 class: "text-fm-color-typo-secondary truncate flex-1",
-                title: v.name
-              }, u(v.name), 9, ge)
+                title: _.name
+              }, u(_.name), 9, Ce)
             ]))), 128))
           ])) : (i(), f("div", Ie, "-"))
         ]),
         r.value === c(e)("order.activated") ? (i(), f("div", Ae, [
-          l("span", Ke, u(c(e)("order.dineIn")), 1),
-          l("div", Oe, u(r.value), 1)
+          l("span", Oe, u(c(e)("order.dineIn")), 1),
+          l("div", Ke, u(r.value), 1)
         ])) : b("", !0),
-        r.value === c(e)("order.activated") && o.value !== c(e)("order.unknown") ? (i(), f("div", Ue, [
-          l("span", $e, u(c(e)("order.dineInType")), 1),
-          l("div", Fe, u(o.value), 1)
+        r.value === c(e)("order.activated") && s.value !== c(e)("order.unknown") ? (i(), f("div", Se, [
+          l("span", Ue, u(c(e)("order.dineInType")), 1),
+          l("div", $e, u(s.value), 1)
         ])) : b("", !0),
-        n.value === c(e)("order.activated") ? (i(), f("div", Se, [
+        n.value === c(e)("order.activated") ? (i(), f("div", Fe, [
           l("span", qe, u(c(e)("order.takeaway")), 1),
           l("div", Re, u(n.value), 1)
         ])) : b("", !0),
@@ -108,16 +108,16 @@ const _e = {
       ])
     ], 2));
   }
-}), Me = { class: "flex flex-col gap-5 pb-6" }, Ne = { class: "fm-typo-en-body-md-400 block" }, We = { class: "fm-typo-en-title-md-600" }, Le = /* @__PURE__ */ U({
+}), Me = { class: "flex flex-col gap-5 pb-6" }, Ne = { class: "fm-typo-en-body-md-400 block" }, We = { class: "fm-typo-en-title-md-600" }, Le = /* @__PURE__ */ S({
   __name: "KioskOtpDialog",
   props: {
     otp: {}
   },
   setup(t) {
-    const { t: e } = $();
-    return (s, r) => (i(), f("div", Me, [
+    const { t: e } = U();
+    return (o, r) => (i(), f("div", Me, [
       l("span", Ne, u(c(e)("order.bindDeviceMessage")), 1),
-      l("div", We, u(s.otp), 1)
+      l("div", We, u(o.otp), 1)
     ]));
   }
 }), L = {
@@ -173,9 +173,8 @@ const _e = {
   },
   menuItem: {
     showAllOnly: !1
-  },
-  otaChannel: ""
-}, O = {
+  }
+}, K = {
   payAtCounter: null,
   paid: null
 }, Ye = (t) => {
@@ -184,7 +183,7 @@ const _e = {
     kiosk: ze(t.kioskSettings, (e = t.sequenceSettings) == null ? void 0 : e.kioskDineIn)
   };
 }, ze = (t, e) => {
-  var s, r, n, o, p, d, a, y, v, _, P;
+  var o, r, n, s, p, d, a, y, _, v, P;
   return {
     dineIn: Qe(
       e ?? {
@@ -195,15 +194,15 @@ const _e = {
     ),
     takeaway: {
       enabled: (t == null ? void 0 : t.canTakeaway) ?? !1,
-      submitOrderInstruction: (s = t == null ? void 0 : t.takeaway) != null && s.submitOrderInstruction ? {
-        payAtCounter: ((o = (n = (r = t == null ? void 0 : t.takeaway) == null ? void 0 : r.submitOrderInstruction) == null ? void 0 : n.payAtCounter) == null ? void 0 : o.en) ?? null,
+      submitOrderInstruction: (o = t == null ? void 0 : t.takeaway) != null && o.submitOrderInstruction ? {
+        payAtCounter: ((s = (n = (r = t == null ? void 0 : t.takeaway) == null ? void 0 : r.submitOrderInstruction) == null ? void 0 : n.payAtCounter) == null ? void 0 : s.en) ?? null,
         paid: ((a = (d = (p = t == null ? void 0 : t.takeaway) == null ? void 0 : p.submitOrderInstruction) == null ? void 0 : d.paid) == null ? void 0 : a.en) ?? null
-      } : O
+      } : K
     },
     paymentSetting: {
       paymentTypes: ((y = t == null ? void 0 : t.paymentSetting) == null ? void 0 : y.paymentTypes) ?? [],
-      offlinePaymentTypes: ((v = t == null ? void 0 : t.paymentSetting) == null ? void 0 : v.offlinePaymentTypes) ?? [],
-      ePaymentTypes: ((_ = t == null ? void 0 : t.paymentSetting) == null ? void 0 : _.ePaymentTypes) ?? pe.parse({
+      offlinePaymentTypes: ((_ = t == null ? void 0 : t.paymentSetting) == null ? void 0 : _.offlinePaymentTypes) ?? [],
+      ePaymentTypes: ((v = t == null ? void 0 : t.paymentSetting) == null ? void 0 : v.ePaymentTypes) ?? pe.parse({
         card: {
           terminal: !1,
           nfc: !1
@@ -216,20 +215,19 @@ const _e = {
     },
     menuItem: {
       showAllOnly: ((P = t == null ? void 0 : t.menuItem) == null ? void 0 : P.showAllOnly) ?? !1
-    },
-    otaChannel: (t == null ? void 0 : t.otaChannel) ?? ""
+    }
   };
 }, Qe = (t, e) => {
-  var s, r, n, o, p, d, a, y;
+  var o, r, n, s, p, d, a, y;
   return {
     enabled: !!e,
     sequenceNumber: t,
     pickUp: e != null && e.pickUp ? {
       ...e.pickUp,
       submitOrderInstruction: e.pickUp.submitOrderInstruction ? {
-        payAtCounter: ((r = (s = e.pickUp.submitOrderInstruction) == null ? void 0 : s.payAtCounter) == null ? void 0 : r.en) ?? null,
-        paid: ((o = (n = e.pickUp.submitOrderInstruction) == null ? void 0 : n.paid) == null ? void 0 : o.en) ?? null
-      } : O,
+        payAtCounter: ((r = (o = e.pickUp.submitOrderInstruction) == null ? void 0 : o.payAtCounter) == null ? void 0 : r.en) ?? null,
+        paid: ((s = (n = e.pickUp.submitOrderInstruction) == null ? void 0 : n.paid) == null ? void 0 : s.en) ?? null
+      } : K,
       enablePaxDialog: e.pickUp.enablePaxDialog ? e.pickUp.enablePaxDialog : !1
     } : j,
     displayStand: e != null && e.displayStand ? {
@@ -241,18 +239,18 @@ const _e = {
       submitOrderInstruction: e.displayStand.submitOrderInstruction ? {
         payAtCounter: ((d = (p = e.displayStand.submitOrderInstruction) == null ? void 0 : p.payAtCounter) == null ? void 0 : d.en) ?? null,
         paid: ((y = (a = e.displayStand.submitOrderInstruction) == null ? void 0 : a.paid) == null ? void 0 : y.en) ?? null
-      } : O
+      } : K
     } : L
   };
-}, Ge = (t) => {
+}, ke = (t) => {
   const e = (n) => {
-    var o, p, d, a;
+    var s, p, d, a;
     return {
       requiredSlot: !!n.displayStand,
       displayStand: {
         ...n.displayStand,
         submitOrderInstruction: {
-          payAtCounter: (o = n.displayStand.submitOrderInstruction) != null && o.payAtCounter ? {
+          payAtCounter: (s = n.displayStand.submitOrderInstruction) != null && s.payAtCounter ? {
             en: n.displayStand.submitOrderInstruction.payAtCounter
           } : null,
           paid: (p = n.displayStand.submitOrderInstruction) != null && p.paid ? {
@@ -272,12 +270,11 @@ const _e = {
         }
       }
     };
-  }, s = (n) => ({
+  }, o = (n) => ({
     canTakeaway: t.takeaway.enabled,
     dineIn: n,
     menuItem: t.menuItem,
     paymentSetting: r(t.paymentSetting),
-    otaChannel: t.otaChannel || void 0,
     takeaway: t.takeaway.submitOrderInstruction ? {
       submitOrderInstruction: {
         payAtCounter: t.takeaway.submitOrderInstruction.payAtCounter ? {
@@ -294,51 +291,51 @@ const _e = {
     ePaymentTypes: n.ePaymentTypes
   });
   return t.dineIn.enabled ? {
-    kioskSettings: s(e(t.dineIn)),
+    kioskSettings: o(e(t.dineIn)),
     kioskDineIn: t.dineIn.sequenceNumber
   } : {
-    kioskSettings: s()
+    kioskSettings: o()
   };
 }, W = {
   convertOrderSettingDto: Ye,
-  toOrderKioskSettingsDto: Ge
-}, Je = ve("orderSetting", () => {
+  toOrderKioskSettingsDto: ke
+}, Ge = _e("orderSetting", () => {
   const t = I({});
   async function e() {
-    const o = await E.getOrderSetting();
-    r(o);
+    const s = await E.getOrderSetting();
+    r(s);
   }
-  async function s() {
+  async function o() {
     if (t.value.orderSetting && t.value.kiosk) {
-      const { _id: o, ...p } = t.value.orderSetting, d = W.toOrderKioskSettingsDto(t.value.kiosk), a = {
+      const { _id: s, ...p } = t.value.orderSetting, d = W.toOrderKioskSettingsDto(t.value.kiosk), a = {
         ...p,
         kioskSettings: d.kioskSettings
       }, y = await E.updateOrderSetting(a);
       r(y);
     }
   }
-  function r(o) {
-    t.value.orderSetting = o, t.value.kiosk = W.convertOrderSettingDto(o).kiosk;
+  function r(s) {
+    t.value.orderSetting = s, t.value.kiosk = W.convertOrderSettingDto(s).kiosk;
   }
-  function n(o) {
-    t.value.kiosk = o;
+  function n(s) {
+    t.value.kiosk = s;
   }
   return {
     state: t.value,
     getSetting: e,
-    updateKioskSetting: s,
+    updateKioskSetting: o,
     setKioskOrderSetting: n
   };
-}), Xe = { class: "py-[1.5rem]" }, Ze = { class: "flex px-[1.5rem]" }, ke = { class: "flex-[2_2_0%]" }, et = { class: "pt-[1.5rem]" }, tt = { class: "flex flex-col gap-10" }, at = { class: "flex flex-col gap-2" }, nt = { class: "fm-typo-en-title-sm-600" }, ot = { class: "fm-typo-en-title-sm-400" }, st = {
+}), Je = { class: "py-[1.5rem]" }, Xe = { class: "flex px-[1.5rem]" }, Ze = { class: "flex-[2_2_0%]" }, et = { class: "pt-[1.5rem]" }, tt = { class: "flex flex-col gap-10" }, at = { class: "flex flex-col gap-2" }, nt = { class: "fm-typo-en-title-sm-600" }, st = { class: "fm-typo-en-title-sm-400" }, ot = {
   key: 0,
   class: "flex-[1_1_0%]"
-}, yt = /* @__PURE__ */ U({
+}, yt = /* @__PURE__ */ S({
   __name: "KioskView",
   setup(t) {
     var R, D;
-    const { t: e } = $(), s = ae(
-      () => import("./KioskSettingView-UPE-q-Zd.js")
-    ), r = I("device"), n = ce(), o = Je(), p = ye(), { currentRestaurant: d, restaurants: a, changeRestaurant: y } = ue(), v = me(), _ = fe(), P = h(() => _.breakpoints.value.xs), T = I(((R = d.value) == null ? void 0 : R._id) ?? void 0), H = h(() => a.value.map((m) => ({
+    const { t: e } = U(), o = ae(
+      () => import("./KioskSettingView-cE-JdCBB.js")
+    ), r = I("device"), n = ce(), s = Ge(), p = ye(), { currentRestaurant: d, restaurants: a, changeRestaurant: y } = ue(), _ = me(), v = fe(), P = h(() => v.breakpoints.value.xs), T = I(((R = d.value) == null ? void 0 : R._id) ?? void 0), H = h(() => a.value.map((m) => ({
       label: m.profile.name,
       value: m._id
     }))), w = I(((D = d.value) == null ? void 0 : D._id) ?? "");
@@ -350,17 +347,17 @@ const _e = {
         contentComponentProps: {
           restaurantId: (m = d.value) == null ? void 0 : m._id,
           devices: n.state.devices,
-          kioskOrderSetting: o.state.kiosk,
+          kioskOrderSetting: s.state.kiosk,
           dialogType: !0
         }
       });
     }
-    async function F(m) {
+    async function $(m) {
       const x = a.value.find((A) => A._id == m);
-      await y(x), await S(), T.value = m, w.value = m;
+      await y(x), await F(), T.value = m, w.value = m;
     }
-    async function S() {
-      await o.getSetting(), await n.getDevices();
+    async function F() {
+      await s.getSetting(), await n.getDevices();
     }
     const z = h(() => [
       {
@@ -383,14 +380,14 @@ const _e = {
         await n.getDevices();
       });
     }
-    async function G(m) {
+    async function k(m) {
       try {
-        o.setKioskOrderSetting(m), await o.updateKioskSetting(), v.open({
+        s.setKioskOrderSetting(m), await s.updateKioskSetting(), _.open({
           title: e("order.kioskSettingSuccess"),
           type: "success"
         });
       } catch {
-        v.open({
+        _.open({
           title: e("order.kioskSettingFailed"),
           type: "error"
         });
@@ -398,21 +395,21 @@ const _e = {
     }
     return ne(async () => {
       var m;
-      (m = d.value) != null && m._id && (w.value = d.value._id, await S());
-    }), oe(
+      (m = d.value) != null && m._id && (w.value = d.value._id, await F());
+    }), se(
       () => a.value.length,
       async (m) => {
-        T.value === void 0 && a.value.length > 0 && await F(a.value[0]._id);
+        T.value === void 0 && a.value.length > 0 && await $(a.value[0]._id);
       },
       { immediate: !0 }
     ), (m, x) => {
-      const A = g("FmButton"), J = g("FmPageHead"), X = g("FmTabs"), Z = g("FmSelect");
-      return i(), f("div", Xe, [
-        C(J, {
+      const A = C("FmButton"), G = C("FmPageHead"), J = C("FmTabs"), X = C("FmSelect");
+      return i(), f("div", Je, [
+        g(G, {
           title: c(e)("order.kiosk")
         }, {
-          append: se(() => [
-            le(C(A, {
+          append: oe(() => [
+            le(g(A, {
               icon: "info",
               variant: "tertiary",
               onClick: Y
@@ -422,24 +419,24 @@ const _e = {
           ]),
           _: 1
         }, 8, ["title"]),
-        l("div", Ze, [
-          l("div", ke, [
-            C(X, {
+        l("div", Xe, [
+          l("div", Ze, [
+            g(J, {
               "model-value": r.value,
-              "onUpdate:modelValue": x[0] || (x[0] = (K) => r.value = K),
+              "onUpdate:modelValue": x[0] || (x[0] = (O) => r.value = O),
               items: z.value
             }, null, 8, ["model-value", "items"]),
             l("div", et, [
               l("div", tt, [
                 l("div", at, [
                   l("span", nt, u(c(e)("order.activateLocation")), 1),
-                  l("span", ot, u(c(e)("order.selectRestaurant")) + ": ", 1),
-                  C(Z, {
+                  l("span", st, u(c(e)("order.selectRestaurant")) + ": ", 1),
+                  g(X, {
                     class: "w-1/2",
                     modelValue: T.value,
                     "onUpdate:modelValue": [
-                      x[1] || (x[1] = (K) => T.value = K),
-                      F
+                      x[1] || (x[1] = (O) => T.value = O),
+                      $
                     ],
                     items: H.value,
                     placeholder: c(e)("order.selectItem")
@@ -450,20 +447,20 @@ const _e = {
                   devices: q.value,
                   onRequestOtp: Q
                 }, null, 8, ["devices"])) : b("", !0),
-                r.value == "setting" ? (i(), B(c(s), {
+                r.value == "setting" ? (i(), B(c(o), {
                   key: `KioskSettingView-${w.value}`,
                   "restaurant-id": w.value,
-                  onUpdateKioskOrderSetting: G,
-                  form: c(o).state.kiosk ?? c(He)
+                  onUpdateKioskOrderSetting: k,
+                  form: c(s).state.kiosk ?? c(He)
                 }, null, 8, ["restaurant-id", "form"])) : b("", !0)
               ])
             ])
           ]),
-          P.value ? b("", !0) : (i(), f("div", st, [
-            C(N, {
+          P.value ? b("", !0) : (i(), f("div", ot, [
+            g(N, {
               "restaurant-id": w.value,
               devices: q.value,
-              "kiosk-order-setting": c(o).state.kiosk,
+              "kiosk-order-setting": c(s).state.kiosk,
               dialogType: !1
             }, null, 8, ["restaurant-id", "devices", "kiosk-order-setting"])
           ]))