@feedmepos/mf-order-setting 0.0.56-dev.1 → 0.0.56-dev.2

package/dist/{KioskView-DmaCjLcw.js → KioskView-CppTVBv-.js}

@@ -1,10 +1,10 @@
-import { defineComponent as $, computed as h, createElementBlock as f, openBlock as p, normalizeClass as k, createCommentVNode as b, createElementVNode as l, toDisplayString as u, unref as c, Fragment as ee, renderList as te, ref as C, defineAsyncComponent as ae, onMounted as ne, watch as oe, resolveComponent as g, createVNode as I, withCtx as se, withDirectives as le, vShow as re, createBlock as V } from "vue";
-import { u as ce, _ as de } from "./KioskDevicesView.vue_vue_type_script_setup_true_lang-dF1jgi53.js";
-import { useI18n as F, useCoreStore as ue } from "@feedmepos/mf-common";
-import { F as E, a as pe, b as ie } from "./menu.dto-CgymySda.js";
+import { defineComponent as F, computed as h, createElementBlock as f, openBlock as p, normalizeClass as k, createCommentVNode as b, createElementVNode as l, toDisplayString as u, unref as c, Fragment as ee, renderList as te, ref as C, defineAsyncComponent as ae, onMounted as ne, watch as oe, resolveComponent as g, createVNode as I, withCtx as se, withDirectives as le, vShow as re, createBlock as E } from "vue";
+import { u as ce, _ as de } from "./KioskDevicesView.vue_vue_type_script_setup_true_lang-CCF1mKni.js";
+import { useI18n as O, useCoreStore as ue } from "@feedmepos/mf-common";
+import { F as U, a as pe, b as ie } from "./menu.dto-C_B3M2fs.js";
 import { useDialog as me, useSnackbar as ye, useBreakpoints as fe } from "@feedmepos/ui-library";
 import { defineStore as ve } from "pinia";
-import { O as L, c as S } from "./index-CWrX79Jg.js";
+import { O as L, c as S } from "./index-B6AGCsrw.js";
 const _e = {
   key: 0,
   class: "fm-typo-en-title-sm-600"
@@ -32,7 +32,7 @@ const _e = {
 }, Re = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, De = { class: "fm-typo-en-body-lg-600" }, Be = {
   key: 3,
   class: "flex flex-col gap-1"
-}, Ve = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Ee = { class: "fm-typo-en-body-lg-600" }, Le = { key: 0 }, M = /* @__PURE__ */ $({
+}, Ve = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Ee = { class: "fm-typo-en-body-lg-600" }, Le = { key: 0 }, M = /* @__PURE__ */ F({
   __name: "KioskSummary",
   props: {
     restaurantId: {},
@@ -40,38 +40,38 @@ const _e = {
     kioskOrderSetting: {},
     dialogType: { type: Boolean }
   },
-  setup(e) {
-    const { t } = F(), s = e, r = h(() => {
+  setup(t) {
+    const { t: e } = O(), s = t, r = h(() => {
       var a;
-      return (a = s.kioskOrderSetting) != null && a.dineIn.enabled ? t("order.activated") : t("order.deactivated");
+      return (a = s.kioskOrderSetting) != null && a.dineIn.enabled ? e("order.activated") : e("order.deactivated");
     }), n = h(() => {
       var a;
-      return (a = s.kioskOrderSetting) != null && a.takeaway.enabled ? t("order.activated") : t("order.deactivated");
+      return (a = s.kioskOrderSetting) != null && a.takeaway.enabled ? e("order.activated") : e("order.deactivated");
     }), o = h(() => {
       var a, m;
-      return (a = s.kioskOrderSetting) != null && a.dineIn.displayStand ? t("order.tableService") : (m = s.kioskOrderSetting) != null && m.dineIn && !s.kioskOrderSetting.dineIn.displayStand ? t("order.pickAtCounter") : t("order.unknown");
+      return (a = s.kioskOrderSetting) != null && a.dineIn.displayStand ? e("order.tableService") : (m = s.kioskOrderSetting) != null && m.dineIn && !s.kioskOrderSetting.dineIn.displayStand ? e("order.pickAtCounter") : e("order.unknown");
     }), i = h(() => {
       var a;
-      return ((a = s.kioskOrderSetting) == null ? void 0 : a.paymentSetting.paymentTypes.includes(E.enum.cash)) ?? !1;
+      return ((a = s.kioskOrderSetting) == null ? void 0 : a.paymentSetting.paymentTypes.includes(U.enum.cash)) ?? !1;
     }), d = h(() => {
       var m, v;
       const a = [];
       if ((m = s.kioskOrderSetting) == null || m.paymentSetting.paymentTypes.forEach((_) => {
-        _ === E.enum.ePayment && a.push(t("order.ePayment"));
+        _ === U.enum.ePayment && a.push(e("order.ePayment")), _ == U.enum.credit && a.push(e("order.credit"));
       }), 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(t("order.bankCard")), (_.eWallet.scanPay || _.eWallet.qrPay) && a.push(t("order.eWallet"));
+        (_.card.terminal || _.card.nfc) && a.push(e("order.bankCard")), (_.eWallet.scanPay || _.eWallet.qrPay) && a.push(e("order.eWallet"));
       }
       return a.join(", ");
     });
     return (a, m) => (p(), f("div", {
       class: k(a.dialogType ? "" : ["p-[1.5rem] border fm-corner-radius-lg flex flex-col gap-5 fixed ml-40 w-[320px]"])
     }, [
-      a.dialogType ? b("", !0) : (p(), f("span", _e, u(c(t)("order.kioskSummary")), 1)),
+      a.dialogType ? b("", !0) : (p(), f("span", _e, u(c(e)("order.kioskSummary")), 1)),
       a.dialogType ? b("", !0) : (p(), f("hr", be)),
       l("div", he, [
         l("div", xe, [
-          l("span", Pe, u(c(t)("order.kioskDisplay")), 1),
+          l("span", Pe, u(c(e)("order.kioskDisplay")), 1),
           a.devices.length > 0 ? (p(), f("div", we, [
             (p(!0), f(ee, null, te(a.devices, (v) => (p(), f("div", {
               key: v.machineId,
@@ -86,37 +86,37 @@ const _e = {
             ]))), 128))
           ])) : (p(), f("div", Ce, "-"))
         ]),
-        r.value === c(t)("order.activated") ? (p(), f("div", Ae, [
-          l("span", Ke, u(c(t)("order.dineIn")), 1),
+        r.value === c(e)("order.activated") ? (p(), f("div", Ae, [
+          l("span", Ke, u(c(e)("order.dineIn")), 1),
           l("div", Ue, u(r.value), 1)
         ])) : b("", !0),
-        r.value === c(t)("order.activated") && o.value !== c(t)("order.unknown") ? (p(), f("div", $e, [
-          l("span", Fe, u(c(t)("order.dineInType")), 1),
+        r.value === c(e)("order.activated") && o.value !== c(e)("order.unknown") ? (p(), f("div", $e, [
+          l("span", Fe, u(c(e)("order.dineInType")), 1),
           l("div", Oe, u(o.value), 1)
         ])) : b("", !0),
-        n.value === c(t)("order.activated") ? (p(), f("div", qe, [
-          l("span", Re, u(c(t)("order.takeaway")), 1),
+        n.value === c(e)("order.activated") ? (p(), f("div", qe, [
+          l("span", Re, u(c(e)("order.takeaway")), 1),
           l("div", De, u(n.value), 1)
         ])) : b("", !0),
         d.value || i.value ? (p(), f("div", Be, [
-          l("span", Ve, u(c(t)("order.acceptedPayment")), 1),
+          l("span", Ve, u(c(e)("order.acceptedPayment")), 1),
           l("div", Ee, [
-            i.value ? (p(), f("div", Le, u(c(t)("order.offlinePayment")), 1)) : b("", !0),
+            i.value ? (p(), f("div", Le, u(c(e)("order.offlinePayment")), 1)) : b("", !0),
             l("div", null, u(d.value), 1)
           ])
         ])) : b("", !0)
       ])
     ], 2));
   }
-}), Se = { class: "flex flex-col gap-5 pb-6" }, Me = { class: "fm-typo-en-body-md-400 block" }, Ne = { class: "fm-typo-en-title-md-600" }, We = /* @__PURE__ */ $({
+}), Se = { class: "flex flex-col gap-5 pb-6" }, Me = { class: "fm-typo-en-body-md-400 block" }, Ne = { class: "fm-typo-en-title-md-600" }, We = /* @__PURE__ */ F({
   __name: "KioskOtpDialog",
   props: {
     otp: {}
   },
-  setup(e) {
-    const { t } = F();
+  setup(t) {
+    const { t: e } = O();
     return (s, r) => (p(), f("div", Se, [
-      l("span", Me, u(c(t)("order.bindDeviceMessage")), 1),
+      l("span", Me, u(c(e)("order.bindDeviceMessage")), 1),
       l("div", Ne, u(s.otp), 1)
     ]));
   }
@@ -176,35 +176,35 @@ const _e = {
   },
   coverImageLandscape: null,
   coverImagePortrait: null
-}, U = {
+}, $ = {
   payAtCounter: null,
   paid: null
-}, Ye = (e) => {
-  var t;
+}, Ye = (t) => {
+  var e;
   return {
-    kiosk: ze(e.kioskSettings, (t = e.sequenceSettings) == null ? void 0 : t.kioskDineIn)
+    kiosk: ze(t.kioskSettings, (e = t.sequenceSettings) == null ? void 0 : e.kioskDineIn)
   };
-}, ze = (e, t) => {
+}, ze = (t, e) => {
   var s, r, n, o, i, d, a, m, v, _, P;
   return {
     dineIn: Qe(
-      t ?? {
+      e ?? {
         current: 0,
         prefix: "#K"
       },
-      (e == null ? void 0 : e.dineIn) ?? void 0
+      (t == null ? void 0 : t.dineIn) ?? void 0
     ),
     takeaway: {
-      enabled: (e == null ? void 0 : e.canTakeaway) ?? !1,
-      submitOrderInstruction: (s = e == null ? void 0 : e.takeaway) != null && s.submitOrderInstruction ? {
-        payAtCounter: ((o = (n = (r = e == null ? void 0 : e.takeaway) == null ? void 0 : r.submitOrderInstruction) == null ? void 0 : n.payAtCounter) == null ? void 0 : o.en) ?? null,
-        paid: ((a = (d = (i = e == null ? void 0 : e.takeaway) == null ? void 0 : i.submitOrderInstruction) == null ? void 0 : d.paid) == null ? void 0 : a.en) ?? null
-      } : U
+      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,
+        paid: ((a = (d = (i = t == null ? void 0 : t.takeaway) == null ? void 0 : i.submitOrderInstruction) == null ? void 0 : d.paid) == null ? void 0 : a.en) ?? null
+      } : $
     },
     paymentSetting: {
-      paymentTypes: ((m = e == null ? void 0 : e.paymentSetting) == null ? void 0 : m.paymentTypes) ?? [],
-      offlinePaymentTypes: ((v = e == null ? void 0 : e.paymentSetting) == null ? void 0 : v.offlinePaymentTypes) ?? [],
-      ePaymentTypes: ((_ = e == null ? void 0 : e.paymentSetting) == null ? void 0 : _.ePaymentTypes) ?? ie.parse({
+      paymentTypes: ((m = t == null ? void 0 : t.paymentSetting) == null ? void 0 : m.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) ?? ie.parse({
         card: {
           terminal: !1,
           nfc: !1
@@ -216,38 +216,38 @@ const _e = {
       })
     },
     menuItem: {
-      showAllOnly: ((P = e == null ? void 0 : e.menuItem) == null ? void 0 : P.showAllOnly) ?? !1
+      showAllOnly: ((P = t == null ? void 0 : t.menuItem) == null ? void 0 : P.showAllOnly) ?? !1
     },
-    coverImageLandscape: (e == null ? void 0 : e.coverImageLandscape) ?? null,
-    coverImagePortrait: (e == null ? void 0 : e.coverImagePortrait) ?? null
+    coverImageLandscape: (t == null ? void 0 : t.coverImageLandscape) ?? null,
+    coverImagePortrait: (t == null ? void 0 : t.coverImagePortrait) ?? null
   };
-}, Qe = (e, t) => {
+}, Qe = (t, e) => {
   var s, r, n, o, i, d, a, m;
   return {
-    enabled: !!t,
-    sequenceNumber: e,
-    pickUp: t != null && t.pickUp ? {
-      ...t.pickUp,
-      submitOrderInstruction: t.pickUp.submitOrderInstruction ? {
-        payAtCounter: ((r = (s = t.pickUp.submitOrderInstruction) == null ? void 0 : s.payAtCounter) == null ? void 0 : r.en) ?? null,
-        paid: ((o = (n = t.pickUp.submitOrderInstruction) == null ? void 0 : n.paid) == null ? void 0 : o.en) ?? null
-      } : U,
-      enablePaxDialog: t.pickUp.enablePaxDialog ? t.pickUp.enablePaxDialog : !1
+    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
+      } : $,
+      enablePaxDialog: e.pickUp.enablePaxDialog ? e.pickUp.enablePaxDialog : !1
     } : j,
-    displayStand: t != null && t.displayStand ? {
-      enabled: t.displayStand.enabled,
-      standSlotRange: t.displayStand.standSlotRange,
-      prefix: t.displayStand.prefix,
-      padDigit: t.displayStand.padDigit,
-      enablePaxDialog: t.displayStand.enablePaxDialog ?? !1,
-      submitOrderInstruction: t.displayStand.submitOrderInstruction ? {
-        payAtCounter: ((d = (i = t.displayStand.submitOrderInstruction) == null ? void 0 : i.payAtCounter) == null ? void 0 : d.en) ?? null,
-        paid: ((m = (a = t.displayStand.submitOrderInstruction) == null ? void 0 : a.paid) == null ? void 0 : m.en) ?? null
-      } : U
+    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: ((d = (i = e.displayStand.submitOrderInstruction) == null ? void 0 : i.payAtCounter) == null ? void 0 : d.en) ?? null,
+        paid: ((m = (a = e.displayStand.submitOrderInstruction) == null ? void 0 : a.paid) == null ? void 0 : m.en) ?? null
+      } : $
     } : W
   };
-}, Ge = (e) => {
-  const t = (n) => {
+}, Ge = (t) => {
+  const e = (n) => {
     var o, i, d, a;
     return {
       requiredSlot: !!n.displayStand,
@@ -275,19 +275,19 @@ const _e = {
       }
     };
   }, s = (n) => ({
-    canTakeaway: e.takeaway.enabled,
+    canTakeaway: t.takeaway.enabled,
     dineIn: n,
-    menuItem: e.menuItem,
-    coverImageLandscape: e.coverImageLandscape,
-    coverImagePortrait: e.coverImagePortrait,
-    paymentSetting: r(e.paymentSetting),
-    takeaway: e.takeaway.submitOrderInstruction ? {
+    menuItem: t.menuItem,
+    coverImageLandscape: t.coverImageLandscape,
+    coverImagePortrait: t.coverImagePortrait,
+    paymentSetting: r(t.paymentSetting),
+    takeaway: t.takeaway.submitOrderInstruction ? {
       submitOrderInstruction: {
-        payAtCounter: e.takeaway.submitOrderInstruction.payAtCounter ? {
-          en: e.takeaway.submitOrderInstruction.payAtCounter
+        payAtCounter: t.takeaway.submitOrderInstruction.payAtCounter ? {
+          en: t.takeaway.submitOrderInstruction.payAtCounter
         } : null,
-        paid: e.takeaway.submitOrderInstruction.paid ? {
-          en: e.takeaway.submitOrderInstruction.paid
+        paid: t.takeaway.submitOrderInstruction.paid ? {
+          en: t.takeaway.submitOrderInstruction.paid
         } : null
       }
     } : void 0
@@ -296,9 +296,9 @@ const _e = {
     offlinePaymentTypes: n.offlinePaymentTypes,
     ePaymentTypes: n.ePaymentTypes
   });
-  return e.dineIn.enabled ? {
-    kioskSettings: s(t(e.dineIn)),
-    kioskDineIn: e.dineIn.sequenceNumber
+  return t.dineIn.enabled ? {
+    kioskSettings: s(e(t.dineIn)),
+    kioskDineIn: t.dineIn.sequenceNumber
   } : {
     kioskSettings: s()
   };
@@ -306,14 +306,14 @@ const _e = {
   convertOrderSettingDto: Ye,
   toOrderKioskSettingsDto: Ge
 }, Je = ve("orderSetting", () => {
-  const e = C({});
-  async function t() {
+  const t = C({});
+  async function e() {
     const o = await L.getOrderSetting();
     r(o);
   }
   async function s() {
-    if (e.value.orderSetting && e.value.kiosk) {
-      const { _id: o, ...i } = e.value.orderSetting, d = N.toOrderKioskSettingsDto(e.value.kiosk), a = {
+    if (t.value.orderSetting && t.value.kiosk) {
+      const { _id: o, ...i } = t.value.orderSetting, d = N.toOrderKioskSettingsDto(t.value.kiosk), a = {
         ...i,
         kioskSettings: d.kioskSettings
       }, m = await L.updateOrderSetting(a);
@@ -321,34 +321,34 @@ const _e = {
     }
   }
   function r(o) {
-    e.value.orderSetting = o, e.value.kiosk = N.convertOrderSettingDto(o).kiosk;
+    t.value.orderSetting = o, t.value.kiosk = N.convertOrderSettingDto(o).kiosk;
   }
   function n(o) {
-    e.value.kiosk = o;
+    t.value.kiosk = o;
   }
   return {
-    state: e.value,
-    getSetting: t,
+    state: t.value,
+    getSetting: e,
     updateKioskSetting: s,
     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 = {
   key: 0,
   class: "flex-[1_1_0%]"
-}, mt = /* @__PURE__ */ $({
+}, mt = /* @__PURE__ */ F({
   __name: "KioskView",
-  setup(e) {
-    var D, B;
-    const { t } = F(), s = ae(
-      () => import("./KioskSettingView-8GY7AT-N.js")
-    ), r = C("device"), n = ce(), o = Je(), i = me(), { currentRestaurant: d, restaurants: a, changeRestaurant: m } = ue(), v = ye(), _ = fe(), P = h(() => _.breakpoints.value.xs), T = C(((D = d.value) == null ? void 0 : D._id) ?? void 0), H = h(() => a.value.map((y) => ({
+  setup(t) {
+    var B, V;
+    const { t: e } = O(), s = ae(
+      () => import("./KioskSettingView-CvvrK6Bv.js")
+    ), r = C("device"), n = ce(), o = Je(), i = me(), { currentRestaurant: d, restaurants: a, changeRestaurant: m } = ue(), v = ye(), _ = fe(), P = h(() => _.breakpoints.value.xs), T = C(((B = d.value) == null ? void 0 : B._id) ?? void 0), H = h(() => a.value.map((y) => ({
       label: y.profile.name,
       value: y._id
-    }))), w = C(((B = d.value) == null ? void 0 : B._id) ?? "");
+    }))), w = C(((V = d.value) == null ? void 0 : V._id) ?? "");
     function Y() {
       var y;
       i.open({
-        title: S(t("order.kioskSummary")),
+        title: S(e("order.kioskSummary")),
         contentComponent: M,
         contentComponentProps: {
           restaurantId: (y = d.value) == null ? void 0 : y._id,
@@ -358,26 +358,26 @@ const _e = {
         }
       });
     }
-    async function O(y) {
+    async function q(y) {
       const x = a.value.find((A) => A._id == y);
-      await m(x), await q(), T.value = y, w.value = y;
+      await m(x), await R(), T.value = y, w.value = y;
     }
-    async function q() {
+    async function R() {
       await o.getSetting(), await n.getDevices();
     }
     const z = h(() => [
       {
-        label: t("order.deviceBinding"),
+        label: e("order.deviceBinding"),
         value: "device"
       },
       {
-        label: t("order.settings"),
+        label: e("order.settings"),
         value: "setting"
       }
-    ]), R = h(() => n.state.devices);
+    ]), D = h(() => n.state.devices);
     async function Q() {
       await n.requestOtp(), i.open({
-        title: S(t("order.bindDevice")),
+        title: S(e("order.bindDevice")),
         contentComponent: We,
         contentComponentProps: {
           otp: n.state.otp
@@ -389,30 +389,30 @@ const _e = {
     async function G(y) {
       try {
         o.setKioskOrderSetting(y), await o.updateKioskSetting(), v.open({
-          title: t("order.kioskSettingSuccess"),
+          title: e("order.kioskSettingSuccess"),
           type: "success"
         });
       } catch {
         v.open({
-          title: t("order.kioskSettingFailed"),
+          title: e("order.kioskSettingFailed"),
           type: "error"
         });
       }
     }
     return ne(async () => {
       var y;
-      (y = d.value) != null && y._id && (w.value = d.value._id, await q());
+      (y = d.value) != null && y._id && (w.value = d.value._id, await R());
     }), oe(
       () => a.value.length,
       async (y) => {
-        T.value === void 0 && a.value.length > 0 && await O(a.value[0]._id);
+        T.value === void 0 && a.value.length > 0 && await q(a.value[0]._id);
       },
       { immediate: !0 }
     ), (y, x) => {
       const A = g("FmButton"), J = g("FmPageHead"), X = g("FmTabs"), Z = g("FmSelect");
       return p(), f("div", Xe, [
         I(J, {
-          title: c(t)("order.kiosk")
+          title: c(e)("order.kiosk")
         }, {
           append: se(() => [
             le(I(A, {
@@ -435,25 +435,25 @@ const _e = {
             l("div", et, [
               l("div", tt, [
                 l("div", at, [
-                  l("span", nt, u(c(t)("order.activateLocation")), 1),
-                  l("span", ot, u(c(t)("order.selectRestaurant")) + ": ", 1),
+                  l("span", nt, u(c(e)("order.activateLocation")), 1),
+                  l("span", ot, u(c(e)("order.selectRestaurant")) + ": ", 1),
                   I(Z, {
                     class: "w-1/2",
                     modelValue: T.value,
                     "onUpdate:modelValue": [
                       x[1] || (x[1] = (K) => T.value = K),
-                      O
+                      q
                     ],
                     items: H.value,
-                    placeholder: c(t)("order.selectItem")
+                    placeholder: c(e)("order.selectItem")
                   }, null, 8, ["modelValue", "items", "placeholder"])
                 ]),
-                r.value == "device" ? (p(), V(de, {
+                r.value == "device" ? (p(), E(de, {
                   key: 0,
-                  devices: R.value,
+                  devices: D.value,
                   onRequestOtp: Q
                 }, null, 8, ["devices"])) : b("", !0),
-                r.value == "setting" ? (p(), V(c(s), {
+                r.value == "setting" ? (p(), E(c(s), {
                   key: `KioskSettingView-${w.value}`,
                   "restaurant-id": w.value,
                   onUpdateKioskOrderSetting: G,
@@ -465,7 +465,7 @@ const _e = {
           P.value ? b("", !0) : (p(), f("div", st, [
             I(M, {
               "restaurant-id": w.value,
-              devices: R.value,
+              devices: D.value,
               "kiosk-order-setting": c(o).state.kiosk,
               dialogType: !1
             }, null, 8, ["restaurant-id", "devices", "kiosk-order-setting"])