@feedmepos/mf-order-setting 0.0.19 → 0.0.21-beta.1

package/dist/App-Dd-xqK-8.js

@@ -0,0 +1,60 @@
+import { defineComponent as n, onMounted as s, resolveComponent as a, openBlock as p, createElementBlock as l, createVNode as d } from "vue";
+import { g as c, s as h } from "./map-UJBUHidz.js";
+class i {
+  constructor(t = null, e = {}) {
+    if (this.apiKey = t, this.options = e, typeof window > "u")
+      throw new Error("google-maps is supported only in browser environment");
+  }
+  load() {
+    return typeof this.api < "u" ? Promise.resolve(this.api) : typeof this.loader < "u" ? this.loader : (window[i.CALLBACK_NAME] = () => {
+      if (this.api = window.google, typeof this.resolve > "u")
+        throw new Error("Should not happen");
+      this.resolve(this.api);
+    }, window.gm_authFailure = () => {
+      if (typeof this.reject > "u")
+        throw new Error("Should not happen");
+      this.reject(new Error("google-maps: authentication error"));
+    }, this.loader = new Promise((t, e) => {
+      this.resolve = t, this.reject = e;
+      const o = document.createElement("script");
+      o.src = this.createUrl(), o.async = !0, o.onerror = (r) => e(r), document.head.appendChild(o);
+    }));
+  }
+  createUrl() {
+    const t = [
+      `callback=${i.CALLBACK_NAME}`
+    ];
+    this.apiKey && t.push(`key=${this.apiKey}`);
+    for (let e in this.options)
+      if (this.options.hasOwnProperty(e)) {
+        let o = this.options[e];
+        e === "version" && (e = "v"), e === "libraries" && (o = o.join(",")), t.push(`${e}=${o}`);
+      }
+    return `https://maps.googleapis.com/maps/api/js?${t.join("&")}`;
+  }
+}
+i.CALLBACK_NAME = "_dk_google_maps_loader_cb";
+var u = { googleMap: "AIzaSyA_isPR1-9bX7UmRiJIhsIRNNwdn6DdmW4", firebase: {}, gtm: { debug: !1 }, r2: null };
+const f = { class: "flex-1 overflow-auto" }, _ = /* @__PURE__ */ n({
+  __name: "App",
+  setup(m) {
+    async function t() {
+      if (c()) return;
+      const o = await new i(u.googleMap, {
+        libraries: ["places"]
+      }).load();
+      h(o);
+    }
+    return s(async () => {
+      await t();
+    }), (e, o) => {
+      const r = a("RouterView");
+      return p(), l("div", f, [
+        d(r)
+      ]);
+    };
+  }
+});
+export {
+  _ as default
+};

package/dist/{KioskDevicesView-BoHtjiKm.js → KioskDevicesView-snR43qzG.js}

@@ -1,4 +1,4 @@
-import { _ as f } from "./KioskDevicesView.vue_vue_type_script_setup_true_lang-CEEmPqnA.js";
+import { _ as f } from "./KioskDevicesView.vue_vue_type_script_setup_true_lang-DkpYway-.js";
 export {
   f as default
 };

package/dist/{KioskDevicesView.vue_vue_type_script_setup_true_lang-CEEmPqnA.js → KioskDevicesView.vue_vue_type_script_setup_true_lang-DkpYway-.js}

@@ -1,24 +1,24 @@
-import { defineComponent as g, ref as D, resolveComponent as f, openBlock as i, createElementBlock as c, createElementVNode as a, toDisplayString as d, unref as m, createVNode as v, computed as B, withCtx as F, Fragment as y, renderList as h, createCommentVNode as C, createBlock as M } from "vue";
+import { defineComponent as g, ref as D, resolveComponent as f, openBlock as i, createElementBlock as c, createElementVNode as a, toDisplayString as d, unref as u, createVNode as _, computed as B, withCtx as F, Fragment as y, renderList as h, createCommentVNode as C, createBlock as M } from "vue";
 import { useDialog as O, useSnackbar as q } from "@feedmepos/ui-library";
 import { useI18n as I } from "@feedmepos/mf-common";
 import { defineStore as N } from "pinia";
-import { r as w, g as K, D as T } from "./dayjs.min-WEimBwWx.js";
+import { r as w, g as K, D as T } from "./dayjs.min-DMfenXNY.js";
 const U = /* @__PURE__ */ g({
   __name: "KioskUnbindConfirm",
   props: {
     machineId: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: t }) {
-    const { t: n } = I(), l = t, o = D("");
+  setup(e, { emit: n }) {
+    const { t } = I(), l = n, o = D("");
     function s(r) {
       l("update:modelValue", r);
     }
     return (r, x) => {
-      const _ = f("FmTextField");
+      const v = f("FmTextField");
       return i(), c("div", null, [
-        a("span", null, d(m(n)("order.unbindKioskDeviceWarning", { machineId: r.machineId })), 1),
-        v(_, {
+        a("span", null, d(u(t)("order.unbindKioskDeviceWarning", { machineId: r.machineId })), 1),
+        _(v, {
           "model-value": o.value,
           "onUpdate:modelValue": s,
           placeholder: r.machineId
@@ -53,8 +53,8 @@ const k = {
   activatedAt: H(e.token)
 });
 function H(e) {
-  const t = e.substring(0, 8), n = parseInt(t, 16);
-  return new Date(n * 1e3);
+  const n = e.substring(0, 8), t = parseInt(n, 16);
+  return new Date(t * 1e3);
 }
 const P = {
   toMfKioskDevice: W
@@ -63,36 +63,36 @@ const P = {
     otp: "",
     devices: []
   });
-  async function t() {
+  async function n() {
     const o = await k.requestOtp();
     e.value.otp = o.otp;
   }
-  async function n() {
+  async function t() {
     const o = await k.getDevices();
     e.value.devices = o.map((s) => P.toMfKioskDevice(s));
   }
   async function l(o) {
-    await k.unbind(o), await n();
+    await k.unbind(o), await t();
   }
   return {
     state: e,
-    requestOtp: t,
-    getDevices: n,
+    requestOtp: n,
+    getDevices: t,
     unbind: l
   };
 }), E = { class: "border fm-corner-radius-lg flex justify-between pr-[1rem] w-11/12" }, G = { class: "py-[1rem] flex flex-col gap-6" }, J = { class: "fm-typo-en-title-sm-600" }, Q = { class: "w-full border p-[1.5rem] fm-corner-radius-lg flex flex-col gap-2" }, R = {
   key: 0,
   class: "fm-typo-en-title-sm-600"
-}, X = { class: "flex flex-col gap-1" }, Z = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, ee = { class: "fm-typo-en-body-lg-600 block" }, te = /* @__PURE__ */ g({
+}, X = { class: "flex flex-col gap-1" }, Z = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, ee = { class: "fm-typo-en-body-lg-600 block" }, ne = /* @__PURE__ */ g({
   __name: "KioskDeviceCard",
   props: {
     device: {}
   },
   setup(e) {
-    const { t } = I(), n = O(), l = q(), o = z(), s = e, r = D(""), x = B(() => Object.entries(s.device.config));
-    function _() {
-      r.value = "", n.open({
-        title: t("order.unbindKioskDevice"),
+    const { t: n } = I(), t = O(), l = q(), o = z(), s = e, r = D(""), x = B(() => Object.entries(s.device.config));
+    function v() {
+      r.value = "", t.open({
+        title: n("order.unbindKioskDevice"),
         contentComponent: U,
         contentComponentProps: {
           machineId: s.device.machineId,
@@ -102,23 +102,23 @@ const P = {
         },
         dismissAway: !1,
         primaryActions: {
-          text: t("order.unbind"),
+          text: n("order.unbind"),
           variant: "destructive",
           close: !1
         },
         secondaryActions: {
-          text: t("order.cancel"),
+          text: n("order.cancel"),
           variant: "tertiary",
           close: !0
         }
       }).onPrimary(async () => {
         r.value == s.device.machineId ? (await V(), l.open({
           type: "success",
-          message: t("order.unbindSuccess"),
+          message: n("order.unbindSuccess"),
           position: "bottom"
-        }), n.close()) : l.open({
+        }), t.close()) : l.open({
           type: "warning",
-          message: t("order.unbindWarning"),
+          message: n("order.unbindWarning"),
           position: "bottom"
         });
       });
@@ -129,25 +129,25 @@ const P = {
     return (p, ce) => {
       const S = f("FmListItem"), $ = f("FmSideSheet"), A = f("FmButton");
       return i(), c("div", E, [
-        v($, {
-          header: m(t)("order.deviceDetails"),
+        _($, {
+          header: u(n)("order.deviceDetails"),
           "dismiss-away": "",
           class: "w-full",
           maxWidth: 700
         }, {
           "side-sheet-button": F(() => [
-            v(S, {
+            _(S, {
               class: "flex-1",
               label: p.device.name,
-              sublabel: `${m(t)("order.activatedDate")}: ${m(T)(p.device.activatedAt).format("DD MMM YYYY HH:mm")}`
+              sublabel: `${u(n)("order.activatedDate")}: ${u(T)(p.device.activatedAt).format("DD MMM YYYY HH:mm")}`
             }, null, 8, ["label", "sublabel"])
           ]),
           default: F(() => [
             a("div", G, [
               a("span", J, d(p.device.name), 1),
-              (i(!0), c(y, null, h(x.value.filter((u) => u[1]), (u) => (i(), c("div", Q, [
-                u[1] ? (i(), c("span", R, d(u[0]), 1)) : C("", !0),
-                u[1] ? (i(!0), c(y, { key: 1 }, h(Object.entries(u[1]), (b) => (i(), c("div", X, [
+              (i(!0), c(y, null, h(x.value.filter((m) => m[1]), (m) => (i(), c("div", Q, [
+                m[1] ? (i(), c("span", R, d(m[0]), 1)) : C("", !0),
+                m[1] ? (i(!0), c(y, { key: 1 }, h(Object.entries(m[1]), (b) => (i(), c("div", X, [
                   a("span", Z, d(b[0]), 1),
                   a("span", ee, d(b[1] == "" ? "-" : b[1]), 1)
                 ]))), 256)) : C("", !0)
@@ -156,43 +156,43 @@ const P = {
           ]),
           _: 1
         }, 8, ["header"]),
-        v(A, {
+        _(A, {
           variant: "plain",
           "append-icon": "link_off",
           class: "text-fm-color-system-error-300 align-middle my-auto",
-          onClick: _
+          onClick: v
         })
       ]);
     };
   }
-}), ne = { class: "flex flex-col gap-2" }, oe = { class: "flex flex-col gap-2" }, se = { class: "fm-typo-en-title-sm-600 block" }, ie = { class: "fm-typo-en-body-md-400 block" }, ae = { class: "flex flex-col gap-6" }, pe = /* @__PURE__ */ g({
+}), te = { class: "flex flex-col gap-2" }, oe = { class: "flex flex-col gap-2" }, se = { class: "fm-typo-en-title-sm-600 block" }, ie = { class: "fm-typo-en-body-md-400 block" }, ae = { class: "flex flex-col gap-6" }, pe = /* @__PURE__ */ g({
   __name: "KioskDevicesView",
   props: {
     devices: {},
     requestOtp: { type: Function }
   },
   setup(e) {
-    const { t } = I();
-    return (n, l) => {
+    const { t: n } = I();
+    return (t, l) => {
       const o = f("FmButton");
       return i(), c("div", null, [
-        a("div", ne, [
+        a("div", te, [
           a("div", oe, [
-            a("span", se, d(m(t)("order.kioskDisplay")), 1),
-            a("span", ie, d(m(t)("order.kioskDisplayDescription")), 1)
+            a("span", se, d(u(n)("order.kioskDisplay")), 1),
+            a("span", ie, d(u(n)("order.kioskDisplayDescription")), 1)
           ]),
           a("div", ae, [
-            (i(!0), c(y, null, h(n.devices, (s) => (i(), M(te, {
+            (i(!0), c(y, null, h(t.devices, (s) => (i(), M(ne, {
               key: s.machineId,
               device: s
             }, null, 8, ["device"]))), 128)),
-            v(o, {
+            _(o, {
               variant: "plain",
               class: "w-[10rem] border border-fm-color-primary fm-corner-radius-lg",
-              label: m(t)("order.bindDevice"),
+              label: u(n)("order.bindDevice"),
               size: "md",
               "prepend-icon": "link",
-              onClick: n.requestOtp
+              onClick: t.requestOtp
             }, null, 8, ["label", "onClick"])
           ])
         ])

package/dist/{KioskView-CBCeIzVp.js → KioskView-5I0PelUy.js}

@@ -1,11 +1,11 @@
-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-CEEmPqnA.js";
+import { defineComponent as O, computed as _, openBlock as c, createElementBlock as k, createElementVNode as s, 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-DkpYway-.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-SQG-c9lu.js";
-import { F as te } from "./dayjs.min-WEimBwWx.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({
+import { O as N, c as ee } from "./index-BghBxhGG.js";
+import { F as te } from "./dayjs.min-DMfenXNY.js";
+const ne = { class: "p-[1.5rem] border fm-corner-radius-lg flex flex-col gap-5" }, se = { 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: {},
@@ -13,7 +13,7 @@ const se = { class: "p-[1.5rem] border fm-corner-radius-lg flex flex-col gap-5"
     kioskOrderSetting: {}
   },
   setup(t) {
-    const { t: e } = $(), i = t, s = _(() => {
+    const { t: e } = $(), i = t, n = _(() => {
       var r;
       return (r = i.kioskOrderSetting) != null && r.dineIn.enabled ? e("order.activated") : e("order.deactivated");
     }), d = _(() => {
@@ -23,13 +23,13 @@ const se = { class: "p-[1.5rem] border fm-corner-radius-lg flex flex-col gap-5"
       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, [
+    return (r, u) => (c(), k("div", ne, [
+      s("span", se, l(o(e)("order.kioskSummary")), 1),
+      u[0] || (u[0] = s("hr", { class: "my-[0.25rem]" }, null, -1)),
+      s("div", oe, [
+        s("div", ae, [
+          s("span", ie, l(o(e)("order.kioskDisplay")), 1),
+          s("div", re, [
             r.devices.length > 0 ? (c(), k("div", de, [
               (c(!0), k(L, null, j(r.devices, (p) => (c(), k("li", {
                 class: "block",
@@ -37,22 +37,22 @@ const se = { class: "p-[1.5rem] border fm-corner-radius-lg flex flex-col gap-5"
               }, 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)
+          n.value === o(e)("order.activated") ? (c(), k("div", ce, [
+            s("span", ue, l(o(e)("order.dineIn")), 1),
+            s("div", pe, [
+              s("div", null, l(n.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)
+          n.value === o(e)("order.activated") && a.value !== o(e)("order.unknown") ? (c(), k("div", me, [
+            s("span", ke, l(o(e)("order.dineInType")), 1),
+            s("div", ve, [
+              s("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)
+            s("span", fe, l(o(e)("order.takeaway")), 1),
+            s("div", ye, [
+              s("div", null, l(d.value), 1)
             ])
           ])) : f("", !0)
         ])
@@ -66,9 +66,9 @@ const se = { class: "p-[1.5rem] border fm-corner-radius-lg flex flex-col gap-5"
   },
   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)
+    return (i, n) => (c(), k("div", Se, [
+      s("span", be, l(o(e)("order.bindDeviceMessage")), 1),
+      s("div", he, l(i.otp), 1)
     ]));
   }
 }), D = {
@@ -106,16 +106,16 @@ const se = { class: "p-[1.5rem] border fm-corner-radius-lg flex flex-col gap-5"
   }
 }), Ke = (t, e) => {
   if (e) {
-    const s = e.displayStand, d = e.pickUp ?? K;
+    const n = 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
+      displayStand: n ? {
+        enabled: n.enabled,
+        standSlotRange: n.standSlotRange,
+        prefix: n.prefix,
+        padDigit: n.padDigit
       } : D
     };
   } else
@@ -126,23 +126,23 @@ const se = { class: "p-[1.5rem] border fm-corner-radius-lg flex flex-col gap-5"
       pickUp: K
     };
 }, Oe = (t) => {
-  const i = ((s) => {
-    if (s.enabled)
+  const i = ((n) => {
+    if (n.enabled)
       return {
         dineIn: {
-          requiredSlot: !!s.displayStand,
-          displayStand: s.displayStand,
-          pickUp: s.pickUp
+          requiredSlot: !!n.displayStand,
+          displayStand: n.displayStand,
+          pickUp: n.pickUp
         },
-        kioskDineIn: s.sequenceNumber
+        kioskDineIn: n.sequenceNumber
       };
   })(t.dineIn);
   if (i) {
-    const { dineIn: s, kioskDineIn: d } = i;
+    const { dineIn: n, kioskDineIn: d } = i;
     return {
       kioskSettings: {
         canTakeaway: t.takeaway.enabled,
-        dineIn: s
+        dineIn: n
       },
       kioskDineIn: d
     };
@@ -160,7 +160,7 @@ const se = { class: "p-[1.5rem] border fm-corner-radius-lg flex flex-col gap-5"
   const t = b({});
   async function e() {
     const a = await N.getOrderSetting();
-    s(a);
+    n(a);
   }
   async function i() {
     if (t.value.orderSetting && t.value.kiosk) {
@@ -168,10 +168,10 @@ const se = { class: "p-[1.5rem] border fm-corner-radius-lg flex flex-col gap-5"
         ...r,
         kioskSettings: u.kioskSettings
       }, h = await N.updateOrderSetting(p);
-      s(h);
+      n(h);
     }
   }
-  function s(a) {
+  function n(a) {
     t.value.orderSetting = a, t.value.kiosk = T.convertOrderSettingDto(a).kiosk;
   }
   function d(a) {
@@ -187,7 +187,7 @@ const se = { class: "p-[1.5rem] border fm-corner-radius-lg flex flex-col gap-5"
   __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) => ({
+    const { t: e } = $(), i = z(() => import("./KioskSettingView-6Q0qwSTl.js")), n = 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) ?? "");
@@ -235,18 +235,18 @@ const se = { class: "p-[1.5rem] border fm-corner-radius-lg flex flex-col gap-5"
         S(x, {
           title: o(e)("order.kiosk")
         }, null, 8, ["title"]),
-        n("div", Ue, [
-          n("div", Ve, [
+        s("div", Ue, [
+          s("div", Ve, [
             S(E, {
-              "model-value": s.value,
-              "onUpdate:modelValue": v[0] || (v[0] = (w) => s.value = w),
+              "model-value": n.value,
+              "onUpdate:modelValue": v[0] || (v[0] = (w) => n.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("div", qe, [
+              s("div", Ce, [
+                s("div", Re, [
+                  s("span", Ne, l(o(e)("order.activateLocation")), 1),
+                  s("span", Te, l(o(e)("order.selectRestaurant")) + ": ", 1),
                   S(H, {
                     class: "w-1/2",
                     modelValue: y.value,
@@ -258,12 +258,12 @@ const se = { class: "p-[1.5rem] border fm-corner-radius-lg flex flex-col gap-5"
                     placeholder: o(e)("order.selectItem")
                   }, null, 8, ["modelValue", "items", "placeholder"])
                 ]),
-                s.value == "device" ? (c(), R(Q, {
+                n.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), {
+                n.value == "setting" ? (c(), R(o(i), {
                   key: `KioskSettingView-${g.value}`,
                   "restaurant-id": g.value,
                   onUpdateKioskOrderSetting: M,
@@ -272,7 +272,7 @@ const se = { class: "p-[1.5rem] border fm-corner-radius-lg flex flex-col gap-5"
               ])
             ])
           ]),
-          n("div", Be, [
+          s("div", Be, [
             S(ge, {
               "restaurant-id": g.value,
               devices: V.value,