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

package/dist/KioskDevicesView.vue_vue_type_script_setup_true_lang-CjIl1Sc5.js

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