@feedmepos/mf-order-setting 0.0.73-dev → 0.0.74-dev

package/dist/KioskDevicesView.vue_vue_type_script_setup_true_lang-Ol419NZh.js

@@ -1,707 +0,0 @@
-import { ref as P, defineComponent as re, resolveComponent as D, openBlock as p, createElementBlock as y, createElementVNode as a, toDisplayString as i, unref as s, createVNode as m, computed as T, watch as de, createCommentVNode as $, withCtx as J, Fragment as G, renderList as Q, normalizeClass as _e, createBlock as ae, createTextVNode as z } from "vue";
-import { useI18n as ie } from "@feedmepos/mf-common";
-import { defineStore as xe } from "pinia";
-import { r as H, g as ue } from "./lineman-settings.dto-DcYJFu0U.js";
-import { useDialog as Ie, useSnackbar as Te } from "@feedmepos/ui-library";
-import { d as oe } from "./dayjs.min-B3nOmXcs.js";
-import { g as we, c as Ae } from "./app-C2_s0fkK.js";
-async function Pe() {
-  const n = await H().get("/kiosk/otp");
-  return ue(n);
-}
-async function De() {
-  const n = await H().get("/kiosk/devices");
-  return ue(n);
-}
-async function Se(n) {
-  await H().delete(`/kiosk/unbind/${n}`);
-}
-async function Ce(n, e) {
-  await H().put(`/kiosk/updateDevicePin/${e}`, { pinInfo: n });
-}
-async function Fe(n, e) {
-  await H().put(`/kiosk/updateDevicePin/${e}`, { remarkInfo: n });
-}
-const q = {
-  requestOtp: Pe,
-  getDevices: De,
-  unbind: Se,
-  updateDevicePin: Ce,
-  updateDeviceRemark: Fe
-}, Me = (n) => ({
-  name: n.name ?? "N/A",
-  machineId: n.machineId,
-  config: {
-    scannerInfo: n.scannerInfo ?? void 0,
-    printerInfo: n.printerInfo ?? void 0,
-    terminalInfo: n.terminalInfo ?? void 0
-  },
-  activatedAt: Ve(n.token),
-  deviceAppType: n.deviceAppType ?? void 0,
-  remarkInfo: n.remarkInfo ?? void 0,
-  slotInfo: n.slotInfo ?? void 0,
-  pinInfo: n.pinInfo ?? void 0,
-  deviceAppVersion: n.deviceAppVersion ?? void 0,
-  deviceAppOTAVersion: n.deviceAppOTAVersion ?? void 0,
-  webviewVersion: n.webviewVersion ?? void 0,
-  operatingSystem: n.operatingSystem ?? void 0,
-  osVersion: n.osVersion ?? void 0,
-  lastStartup: n.lastStartup ? new Date(n.lastStartup) : void 0
-});
-function Ve(n) {
-  const e = n.substring(0, 8), f = parseInt(e, 16);
-  return new Date(f * 1e3);
-}
-const Ee = {
-  toMfKioskDevice: Me
-}, Be = xe("kiosk", () => {
-  const n = P({
-    otp: "",
-    devices: []
-  });
-  async function e() {
-    const o = await q.requestOtp();
-    n.value.otp = o.otp;
-  }
-  async function f() {
-    const o = await q.getDevices();
-    n.value.devices = o.map((l) => Ee.toMfKioskDevice(l));
-  }
-  async function v(o) {
-    await q.unbind(o), await f();
-  }
-  async function d(o, l) {
-    await q.updateDevicePin(o, l), await f();
-  }
-  async function h(o, l) {
-    await q.updateDeviceRemark(o, l), await f();
-  }
-  return {
-    state: n.value,
-    requestOtp: e,
-    getDevices: f,
-    unbind: v,
-    updateDevicePin: d,
-    updateDeviceRemark: h
-  };
-});
-var pe = { exports: {} };
-(function(n, e) {
-  (function(f, v) {
-    n.exports = v();
-  })(Ae, function() {
-    return function(f, v, d) {
-      f = f || {};
-      var h = v.prototype, o = { future: "in %s", past: "%s ago", s: "a few seconds", m: "a minute", mm: "%d minutes", h: "an hour", hh: "%d hours", d: "a day", dd: "%d days", M: "a month", MM: "%d months", y: "a year", yy: "%d years" };
-      function l(r, u, w, F) {
-        return h.fromToBase(r, u, w, F);
-      }
-      d.en.relativeTime = o, h.fromToBase = function(r, u, w, F, k) {
-        for (var S, M, V, E = w.$locale().relativeTime || o, O = f.thresholds || [{ l: "s", r: 44, d: "second" }, { l: "m", r: 89 }, { l: "mm", r: 44, d: "minute" }, { l: "h", r: 89 }, { l: "hh", r: 21, d: "hour" }, { l: "d", r: 35 }, { l: "dd", r: 25, d: "day" }, { l: "M", r: 45 }, { l: "MM", r: 10, d: "month" }, { l: "y", r: 17 }, { l: "yy", d: "year" }], X = O.length, B = 0; B < X; B += 1) {
-          var C = O[B];
-          C.d && (S = F ? d(r).diff(w, C.d, !0) : w.diff(r, C.d, !0));
-          var A = (f.rounding || Math.round)(Math.abs(S));
-          if (V = S > 0, A <= C.r || !C.r) {
-            A <= 1 && B > 0 && (C = O[B - 1]);
-            var R = E[C.l];
-            k && (A = k("" + A)), M = typeof R == "string" ? R.replace("%d", A) : R(A, u, C.l, V);
-            break;
-          }
-        }
-        if (u) return M;
-        var N = V ? E.future : E.past;
-        return typeof N == "function" ? N(M) : N.replace("%s", M);
-      }, h.to = function(r, u) {
-        return l(r, u, this, !0);
-      }, h.from = function(r, u) {
-        return l(r, u, this);
-      };
-      var c = function(r) {
-        return r.$u ? d.utc() : d();
-      };
-      h.toNow = function(r) {
-        return this.to(c(this), r);
-      }, h.fromNow = function(r) {
-        return this.from(c(this), r);
-      };
-    };
-  });
-})(pe);
-var Re = pe.exports;
-const $e = /* @__PURE__ */ we(Re), Oe = /* @__PURE__ */ re({
-  __name: "KioskUnbindConfirm",
-  props: {
-    machineId: {}
-  },
-  emits: ["update:modelValue"],
-  setup(n, { emit: e }) {
-    const { t: f } = ie(), v = e, d = P("");
-    function h(o) {
-      v("update:modelValue", o);
-    }
-    return (o, l) => {
-      const c = D("FmTextField");
-      return p(), y("div", null, [
-        a("span", null, i(s(f)("order.unbindKioskDeviceWarning", { machineId: n.machineId })), 1),
-        m(c, {
-          "model-value": d.value,
-          "onUpdate:modelValue": h,
-          placeholder: n.machineId
-        }, null, 8, ["model-value", "placeholder"])
-      ]);
-    };
-  }
-}), Ne = { class: "border fm-corner-radius-lg p-12 hover:bg-fm-color-neutral-gray-50 transition-colors" }, Le = { class: "flex items-center justify-between mb-2" }, Ue = { class: "flex items-center gap-2" }, Ke = { class: "px-2 py-1 fm-corner-radius-md fm-typo-en-body-sm-600 uppercase bg-fm-color-neutral-gray-200 text-fm-color-typo-secondary" }, je = {
-  key: 0,
-  class: "fm-typo-en-body-md-600 text-fm-color-typo-primary"
-}, qe = { class: "flex items-center gap-1" }, He = {
-  key: 0,
-  class: "py-[0.5rem] flex flex-col gap-[1.5rem] pr-2"
-}, We = {
-  key: 0,
-  class: "w-full border p-[1.5rem] fm-corner-radius-lg flex flex-col gap-4"
-}, Ye = { class: "fm-typo-en-title-sm-600 mb-3" }, ze = { class: "grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-4" }, Ge = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Qe = { class: "flex flex-col gap-2" }, Je = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Xe = { class: "flex items-center justify-between gap-2" }, Ze = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary" }, et = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary" }, tt = {
-  key: 1,
-  class: "w-full border p-[1.5rem] fm-corner-radius-lg flex flex-col gap-4"
-}, nt = { class: "fm-typo-en-title-sm-600" }, ot = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" }, at = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, rt = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary break-all" }, it = { key: 1 }, st = { class: "py-[1rem] flex flex-col gap-6 text-center items-center" }, lt = { class: "flex flex-col gap-1 mb-2" }, ct = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, dt = { class: "mt-5 block" }, ut = ["title"], pt = ["title"], mt = ["title"], vt = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary font-mono" }, ft = { class: "flex items-center gap-3 flex-wrap fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, yt = { class: "flex items-center gap-1" }, ht = {
-  key: 0,
-  class: "flex items-center gap-1"
-}, bt = { class: "flex items-center gap-1" }, kt = ["title"], gt = /* @__PURE__ */ re({
-  __name: "KioskDeviceCard",
-  props: {
-    device: {}
-  },
-  setup(n) {
-    oe.extend($e);
-    const { t: e } = ie(), f = Ie(), v = Te(), d = Be(), h = P(!1), o = n, l = P(""), c = T(() => {
-      var t;
-      return ((t = o.device) == null ? void 0 : t.deviceAppType) === "TABLET_APP" ? e("order.tabletOnly") : e("order.kioskOnly");
-    }), r = T(() => {
-      const t = [], b = w(), _ = F();
-      return b.length > 0 && t.push({
-        key: "scannerInfo",
-        title: e("order.scannerInfo"),
-        entries: b
-      }), _.length > 0 && t.push({
-        key: "printerInfo",
-        title: e("order.printerInfo"),
-        entries: _
-      }), t;
-    }), u = T(() => r.value.length > 0);
-    function w() {
-      var _;
-      const t = o.device.config.scannerInfo;
-      if (!t || o.device.deviceAppType === "TABLET_APP")
-        return [];
-      const b = [
-        {
-          label: "Type",
-          value: k(t.type)
-        }
-      ];
-      return t.type === "CAPACITOR" && t.lensFacing && b.push({
-        label: "Lens Facing",
-        value: t.lensFacing === "FRONT" ? "Front" : "Back"
-      }), t.type === "SUNMI" && b.push({
-        label: "Connection",
-        value: ((_ = t.connection) == null ? void 0 : _.type) ?? "-"
-      }), b;
-    }
-    function F() {
-      var K, Y;
-      const t = o.device.config.printerInfo;
-      if (!t)
-        return [];
-      const b = ((K = t.id) == null ? void 0 : K.trim()) ?? "", _ = ((Y = t.name) == null ? void 0 : Y.trim()) ?? "";
-      if (!b || !_)
-        return [];
-      const g = [
-        { label: "Name", value: _ },
-        { label: "Printer ID", value: b }
-      ], x = t.hardware;
-      switch (g.push({ label: "Connection Type", value: x.connection.type }), x.connection.type) {
-        case "IP":
-        case "BLUETOOTH":
-        case "DRIVER":
-          g.push({ label: "Path", value: x.connection.path });
-          break;
-        case "STAR":
-          g.push({ label: "Port Name", value: x.connection.portName }), g.push({ label: "Emulation Mode", value: x.connection.emulationMode });
-          break;
-        case "USB":
-          g.push({ label: "Vendor ID", value: x.connection.vendorId }), g.push({ label: "Product ID", value: x.connection.productId });
-          break;
-      }
-      return g.push({ label: "Encoder Type", value: x.encoderConfig.type }), g.push({ label: "DPI", value: String(x.encoderConfig.dpi) }), g.push({ label: "Paper Width (mm)", value: String(x.encoderConfig.paperWidthInMm) }), x.encoderConfig.type === "TSPL" && g.push({ label: "Paper Height (mm)", value: String(x.encoderConfig.paperHeightInMm) }), t.backup && (g.push({ label: "Backup Type", value: t.backup.type }), t.backup.type === "PRINTER_ID" && g.push({ label: "Backup Printer ID", value: t.backup.printerId })), g;
-    }
-    function k(t) {
-      switch (t) {
-        case "IMIN":
-          return "IMIN";
-        case "SUNMI":
-          return "SUNMI";
-        case "CAPACITOR":
-          return "Camera (Capacitor)";
-        case "KEYBOARD":
-          return "Keyboard";
-        default:
-          return t;
-      }
-    }
-    const S = T(() => {
-      var t;
-      return ((t = o.device) == null ? void 0 : t.deviceAppType) === "TABLET_APP";
-    }), M = T(() => {
-      const t = o.device.machineId;
-      return !t || t.length <= 16 ? t : `${t.slice(0, 8)}...${t.slice(-4)}`;
-    });
-    async function V() {
-      try {
-        await navigator.clipboard.writeText(o.device.machineId), v.open({
-          type: "success",
-          message: e("order.machineIdCopied"),
-          position: "bottom"
-        });
-      } catch {
-        v.open({
-          type: "error",
-          message: e("order.copyFailed"),
-          position: "bottom"
-        });
-      }
-    }
-    function E(t) {
-      return oe(t).fromNow();
-    }
-    function O(t) {
-      return oe(t).format("DD MMM YYYY HH:mm:ss");
-    }
-    function X() {
-      l.value = "", f.open({
-        title: e("order.unbindKioskDevice"),
-        contentComponent: Oe,
-        contentComponentProps: {
-          machineId: o.device.machineId,
-          "onUpdate:modelValue": (t) => {
-            l.value = t;
-          }
-        },
-        dismissAway: !1,
-        primaryActions: {
-          text: e("order.unbind"),
-          variant: "destructive",
-          close: !1
-        },
-        secondaryActions: {
-          text: e("order.cancel"),
-          variant: "tertiary",
-          close: !0
-        }
-      }).onPrimary(async () => {
-        l.value == o.device.machineId ? (await ge(), v.open({
-          type: "success",
-          message: e("order.unbindSuccess"),
-          position: "bottom"
-        }), f.close()) : v.open({
-          type: "warning",
-          message: e("order.unbindWarning"),
-          position: "bottom"
-        });
-      });
-    }
-    const B = T(() => {
-      var t;
-      return (t = o.device) == null ? void 0 : t.pinInfo;
-    }), C = T(() => A.value ? e("order.reEnterNewPin") : e("order.enterNewPin")), A = P(!1), R = P(), N = P(), Z = P(!1), U = P(o.device.remarkInfo ?? ""), L = P("app"), me = T(() => {
-      const t = [
-        {
-          label: e("order.deviceAppInfo"),
-          value: "app"
-        }
-      ];
-      return u.value && t.push({
-        label: e("order.other"),
-        value: "other"
-      }), t;
-    }), W = T(() => {
-      var t;
-      return ((t = o.device.remarkInfo) == null ? void 0 : t.trim()) ?? "";
-    }), ve = T(() => {
-      const t = [
-        {
-          label: e("order.deviceType"),
-          value: c.value
-        },
-        {
-          label: e("order.machineId"),
-          value: o.device.machineId,
-          isMono: !0
-        },
-        {
-          label: e("order.version"),
-          value: o.device.deviceAppVersion ?? "Below 0.0.42"
-        },
-        {
-          label: e("order.deviceOtaVersion"),
-          value: o.device.deviceAppOTAVersion ?? e("order.notSet")
-        },
-        {
-          label: e("order.devicePinCode"),
-          value: B.value ? e("order.pinSet") : e("order.noPin")
-        },
-        {
-          label: e("order.activatedDate"),
-          value: O(o.device.activatedAt)
-        },
-        {
-          label: e("order.webviewVersion"),
-          value: o.device.webviewVersion || e("order.notSet")
-        },
-        {
-          label: e("order.operatingSystem"),
-          value: o.device.operatingSystem || e("order.notSet")
-        },
-        {
-          label: e("order.osVersion"),
-          value: o.device.osVersion || e("order.notSet")
-        }
-      ];
-      return S.value && t.push({
-        label: e("order.deviceSlot"),
-        value: o.device.slotInfo || e("order.notSet")
-      }), o.device.lastStartup && t.push({
-        label: e("order.lastStartupAt"),
-        value: O(o.device.lastStartup)
-      }), t;
-    }), ee = T(() => U.value.trim()), se = T(() => ee.value !== W.value);
-    de(
-      () => o.device.remarkInfo,
-      (t) => {
-        U.value = t ?? "";
-      }
-    ), de(
-      () => u.value,
-      (t) => {
-        !t && L.value === "other" && (L.value = "app");
-      }
-    );
-    function fe() {
-      h.value = !0;
-    }
-    function te() {
-      A.value = !1, R.value = null, N.value = null, h.value = !1, L.value = "app";
-    }
-    function le(t) {
-      A.value ? (N.value = t, ye()) : (R.value = t, A.value = !0);
-    }
-    async function ye() {
-      R.value === N.value ? (await ke(), v.open({
-        type: "success",
-        message: "Successfuly update device PIN",
-        position: "top"
-      })) : v.open({
-        type: "error",
-        message: "Entered PIN not the same, please try again",
-        position: "top"
-      }), te();
-    }
-    function he(t) {
-      U.value = t.slice(0, 50);
-    }
-    async function be() {
-      if (se.value) {
-        Z.value = !0;
-        try {
-          await d.updateDeviceRemark(ee.value === "" ? null : ee.value, o.device.machineId), v.open({
-            type: "success",
-            message: e("order.deviceRemarkUpdated"),
-            position: "top"
-          });
-        } catch {
-          v.open({
-            type: "error",
-            message: e("order.deviceRemarkUpdateFailed"),
-            position: "top"
-          });
-        } finally {
-          Z.value = !1;
-        }
-      }
-    }
-    async function ke() {
-      await d.updateDevicePin(R.value, o.device.machineId);
-    }
-    async function ge() {
-      await d.unbind(o.device.machineId);
-    }
-    return (t, b) => {
-      const _ = D("FmButton"), g = D("FmTabs"), x = D("FmTextField"), K = D("FmPinField"), Y = D("FmSideSheet"), j = D("FmIcon");
-      return p(), y("div", Ne, [
-        a("div", Le, [
-          a("div", Ue, [
-            a("span", Ke, i(S.value ? "Tablet" : "Kiosk"), 1),
-            S.value && n.device.slotInfo ? (p(), y("span", je, i(n.device.slotInfo), 1)) : $("", !0)
-          ]),
-          a("div", qe, [
-            m(Y, {
-              header: n.device.name,
-              "dismiss-away": "",
-              maxWidth: 700,
-              "onOn:clickedAway": te
-            }, {
-              "side-sheet-button": J(() => [
-                m(_, {
-                  variant: "tertiary",
-                  icon: "more_vert"
-                })
-              ]),
-              default: J(() => {
-                var ce;
-                return [
-                  h.value ? (p(), y("div", it, [
-                    a("div", st, [
-                      a("div", lt, [
-                        a("span", ct, i(C.value), 1),
-                        a("span", dt, [
-                          A.value ? $("", !0) : (p(), ae(K, {
-                            key: 0,
-                            length: 4,
-                            onComplete: b[1] || (b[1] = (I) => le(I))
-                          })),
-                          A.value ? (p(), ae(K, {
-                            key: 1,
-                            length: 4,
-                            onComplete: b[2] || (b[2] = (I) => le(I))
-                          })) : $("", !0)
-                        ])
-                      ]),
-                      m(_, {
-                        class: "w-1/3",
-                        variant: "secondary",
-                        label: s(e)("order.cancelResetPin"),
-                        onClick: te
-                      }, null, 8, ["label"])
-                    ])
-                  ])) : (p(), y("div", He, [
-                    a("div", null, [
-                      m(g, {
-                        "model-value": L.value,
-                        "onUpdate:modelValue": b[0] || (b[0] = (I) => L.value = I),
-                        items: me.value,
-                        showMoreAt: 99
-                      }, null, 8, ["model-value", "items"])
-                    ]),
-                    L.value === "app" ? (p(), y("div", We, [
-                      a("span", Ye, i(s(e)("order.deviceAppInfo")), 1),
-                      a("div", ze, [
-                        (p(!0), y(G, null, Q(ve.value, (I) => (p(), y("div", {
-                          key: I.label,
-                          class: "flex flex-col gap-1"
-                        }, [
-                          a("span", Ge, i(I.label), 1),
-                          a("span", {
-                            class: _e(["fm-typo-en-body-md-600 text-fm-color-typo-primary break-all", I.isMono ? "font-mono text-sm" : ""])
-                          }, i(I.value), 3)
-                        ]))), 128))
-                      ]),
-                      a("div", Qe, [
-                        a("span", Je, i(s(e)("order.deviceRemark")), 1),
-                        m(x, {
-                          "model-value": U.value,
-                          placeholder: s(e)("order.deviceRemarkPlaceholder"),
-                          "onUpdate:modelValue": he
-                        }, null, 8, ["model-value", "placeholder"]),
-                        a("div", Xe, [
-                          a("span", Ze, i(U.value.length) + "/50 ", 1),
-                          m(_, {
-                            class: "w-auto",
-                            variant: "secondary",
-                            label: s(e)("order.saveDeviceRemark"),
-                            disabled: !se.value || Z.value,
-                            onClick: be
-                          }, null, 8, ["label", "disabled"])
-                        ]),
-                        a("span", et, i(s(e)("order.current")) + ": " + i(W.value || s(e)("order.notSet")), 1)
-                      ]),
-                      m(_, {
-                        class: "w-full",
-                        variant: "primary",
-                        label: (ce = n.device) != null && ce.pinInfo ? s(e)("order.resetDevicePin") : s(e)("order.setDevicePin"),
-                        onClick: fe
-                      }, null, 8, ["label"])
-                    ])) : L.value === "other" && u.value ? (p(), y("div", tt, [
-                      a("span", nt, i(s(e)("order.other")), 1),
-                      (p(!0), y(G, null, Q(r.value, (I) => (p(), y("div", {
-                        key: I.key,
-                        class: "flex flex-col gap-2"
-                      }, [
-                        a("span", ot, i(I.title), 1),
-                        (p(!0), y(G, null, Q(I.entries, (ne) => (p(), y("div", {
-                          key: ne.label,
-                          class: "flex flex-col gap-1"
-                        }, [
-                          a("span", at, i(ne.label), 1),
-                          a("span", rt, i(ne.value), 1)
-                        ]))), 128))
-                      ]))), 128))
-                    ])) : $("", !0)
-                  ]))
-                ];
-              }),
-              _: 1
-            }, 8, ["header"]),
-            m(_, {
-              variant: "plain",
-              icon: "link_off",
-              class: "text-fm-color-system-error-300",
-              onClick: X
-            })
-          ])
-        ]),
-        a("div", {
-          class: "fm-typo-en-body-md-600 text-fm-color-typo-primary mb-1 overflow-hidden text-ellipsis whitespace-nowrap",
-          title: n.device.name
-        }, i(n.device.name), 9, ut),
-        a("div", {
-          class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary mb-1 overflow-hidden text-ellipsis whitespace-nowrap",
-          title: W.value || s(e)("order.notSet")
-        }, i(s(e)("order.deviceRemark")) + ": " + i(W.value || s(e)("order.notSet")), 9, pt),
-        a("div", {
-          class: "flex items-center gap-1 mb-2 cursor-pointer group",
-          onClick: V,
-          title: s(e)("order.clickToCopy")
-        }, [
-          a("span", vt, i(M.value), 1),
-          m(j, {
-            name: "content_copy",
-            class: "text-fm-color-typo-tertiary opacity-0 group-hover:opacity-100 transition-opacity"
-          })
-        ], 8, mt),
-        a("div", ft, [
-          a("span", yt, [
-            m(j, { name: "smartphone" }),
-            z(" v" + i(n.device.deviceAppVersion ?? "?"), 1)
-          ]),
-          n.device.deviceAppOTAVersion ? (p(), y("span", ht, [
-            m(j, { name: "system_update" }),
-            z(" " + i(n.device.deviceAppOTAVersion), 1)
-          ])) : $("", !0),
-          a("span", bt, [
-            m(j, { name: "lock" }),
-            z(" " + i(B.value ? s(e)("order.pinSet") : s(e)("order.noPin")), 1)
-          ]),
-          n.device.lastStartup ? (p(), y("span", {
-            key: 1,
-            class: "flex items-center gap-1",
-            title: O(n.device.lastStartup)
-          }, [
-            m(j, { name: "schedule" }),
-            z(" " + i(E(n.device.lastStartup)), 1)
-          ], 8, kt)) : $("", !0)
-        ])
-      ]);
-    };
-  }
-}), _t = { class: "flex flex-col gap-4" }, xt = { class: "flex items-center justify-between" }, It = { class: "flex flex-col gap-2" }, Tt = { class: "fm-typo-en-title-sm-600 block" }, wt = { class: "fm-typo-en-body-md-400 block" }, At = { class: "flex items-center gap-3 flex-wrap" }, Pt = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary" }, Dt = { class: "grid grid-cols-2 gap-2 py-8" }, St = {
-  key: 0,
-  class: "text-center py-8 text-fm-color-typo-tertiary fm-typo-en-body-md-400 col-span-2"
-}, Ct = {
-  key: 1,
-  class: "text-center py-8 text-fm-color-typo-tertiary fm-typo-en-body-md-400 col-span-2"
-}, Ot = /* @__PURE__ */ re({
-  __name: "KioskDevicesView",
-  props: {
-    devices: {}
-  },
-  emits: ["requestOtp"],
-  setup(n) {
-    const { t: e } = ie(), f = n, v = P(""), d = P("all"), h = T(() => {
-      switch (d.value) {
-        case "tablet":
-          return e("order.tabletOnly");
-        case "kiosk":
-          return e("order.kioskOnly");
-        default:
-          return e("order.allTypes");
-      }
-    }), o = T(() => {
-      let l = f.devices;
-      d.value === "tablet" ? l = l.filter((r) => r.deviceAppType === "TABLET_APP") : d.value === "kiosk" && (l = l.filter((r) => r.deviceAppType !== "TABLET_APP"));
-      const c = v.value.toLowerCase().trim();
-      return c && (l = l.filter((r) => {
-        var S, M, V, E;
-        const u = ((S = r.name) == null ? void 0 : S.toLowerCase()) || "", w = ((M = r.machineId) == null ? void 0 : M.toLowerCase()) || "", F = ((V = r.slotInfo) == null ? void 0 : V.toLowerCase()) || "", k = ((E = r.remarkInfo) == null ? void 0 : E.toLowerCase()) || "";
-        return u.includes(c) || w.includes(c) || F.includes(c) || k.includes(c);
-      })), l.sort((r, u) => r.deviceAppType === "TABLET_APP" && u.deviceAppType !== "TABLET_APP" ? -1 : r.deviceAppType !== "TABLET_APP" && u.deviceAppType === "TABLET_APP" ? 1 : r.deviceAppType === "TABLET_APP" && u.deviceAppType === "TABLET_APP" ? (r.slotInfo || "").localeCompare(u.slotInfo || "") : (r.name || "").localeCompare(u.name || ""));
-    });
-    return (l, c) => {
-      const r = D("FmButton"), u = D("FmSearch"), w = D("FmMenuItem"), F = D("FmMenu");
-      return p(), y("div", null, [
-        a("div", _t, [
-          a("div", xt, [
-            a("div", It, [
-              a("span", Tt, i(s(e)("order.kioskDisplay")), 1),
-              a("span", wt, i(s(e)("order.kioskDisplayDescription")), 1)
-            ]),
-            m(r, {
-              variant: "primary",
-              label: s(e)("order.bindDevice"),
-              size: "md",
-              "prepend-icon": "link",
-              onClick: c[0] || (c[0] = (k) => l.$emit("requestOtp"))
-            }, null, 8, ["label"])
-          ]),
-          a("div", At, [
-            m(u, {
-              "model-value": v.value,
-              "onUpdate:modelValue": c[1] || (c[1] = (k) => v.value = k),
-              class: "flex-1 min-w-[200px] max-w-[400px]",
-              placeholder: s(e)("order.searchDevices")
-            }, null, 8, ["model-value", "placeholder"]),
-            m(F, null, {
-              "menu-button": J(() => [
-                m(r, {
-                  variant: "tertiary",
-                  "prepend-icon": "filter_list",
-                  label: h.value,
-                  class: "fm-typo-en-body-md-600"
-                }, null, 8, ["label"])
-              ]),
-              default: J(() => [
-                m(w, {
-                  "model-value": d.value === "all",
-                  label: s(e)("order.allTypes"),
-                  onClick: c[2] || (c[2] = (k) => d.value = "all")
-                }, null, 8, ["model-value", "label"]),
-                m(w, {
-                  "model-value": d.value === "tablet",
-                  label: s(e)("order.tabletOnly"),
-                  onClick: c[3] || (c[3] = (k) => d.value = "tablet")
-                }, null, 8, ["model-value", "label"]),
-                m(w, {
-                  "model-value": d.value === "kiosk",
-                  label: s(e)("order.kioskOnly"),
-                  onClick: c[4] || (c[4] = (k) => d.value = "kiosk")
-                }, null, 8, ["model-value", "label"])
-              ]),
-              _: 1
-            }),
-            a("span", Pt, i(s(e)("order.showingDevices", { count: o.value.length, total: n.devices.length })), 1)
-          ]),
-          a("div", Dt, [
-            (p(!0), y(G, null, Q(o.value, (k) => (p(), ae(gt, {
-              key: k.machineId,
-              device: k
-            }, null, 8, ["device"]))), 128)),
-            o.value.length === 0 && n.devices.length > 0 ? (p(), y("div", St, i(s(e)("order.noDevicesMatch")), 1)) : $("", !0),
-            n.devices.length === 0 ? (p(), y("div", Ct, i(s(e)("order.noDevicesBound")), 1)) : $("", !0)
-          ])
-        ])
-      ]);
-    };
-  }
-});
-export {
-  Ot as _,
-  Be as u
-};