@fewangsit/wangsvue-fats 1.0.0-alpha.13 → 1.0.0-alpha.14

package/wangsvue-fats.es.js

@@ -130787,86 +130787,18 @@ const H9e = { key: 0 }, W9e = { key: 0 }, Y9e = {
       }, 16, ["visible"])
     ], 64));
   }
-}), uP = (t) => {
-  if (t instanceof J$)
-    return t.response ? "DEVICE_NOT_CONNECTED" : "DRIVER_NOT_FOUND";
-  if (t instanceof Error && ["NOT_SUPPORTED_SYSTEM", "HARDWARE_NOT_SYNCHRONIZED"].includes(
-    t.message
-  ))
-    return t.message;
-};
-let Uf;
-const Z9e = new Uint8Array(16);
-function J9e() {
-  if (!Uf && (Uf = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !Uf))
-    throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-  return Uf(Z9e);
-}
-const za = [];
-for (let t = 0; t < 256; ++t)
-  za.push((t + 256).toString(16).slice(1));
-function e6e(t, e = 0) {
-  return za[t[e + 0]] + za[t[e + 1]] + za[t[e + 2]] + za[t[e + 3]] + "-" + za[t[e + 4]] + za[t[e + 5]] + "-" + za[t[e + 6]] + za[t[e + 7]] + "-" + za[t[e + 8]] + za[t[e + 9]] + "-" + za[t[e + 10]] + za[t[e + 11]] + za[t[e + 12]] + za[t[e + 13]] + za[t[e + 14]] + za[t[e + 15]];
-}
-const t6e = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), PR = {
-  randomUUID: t6e
-};
-function qb(t, e, n) {
-  if (PR.randomUUID && !t)
-    return PR.randomUUID();
-  t = t || {};
-  const r = t.random || (t.rng || J9e)();
-  return r[6] = r[6] & 15 | 64, r[8] = r[8] & 63 | 128, e6e(r);
-}
-const dP = () => window.devices ?? [], n6e = () => window.device ?? { RFID: null, QR: null }, FR = rt(dP()), BR = rt(n6e()), fP = () => {
-  const t = (r) => {
-    window.devices = r, n();
-  }, e = (r) => {
-    window.device = r, BR.value = r;
-  }, n = () => {
-    FR.value = dP();
-  };
-  return {
-    devices: FR,
-    device: BR,
-    saveDevices: t,
-    setDevice: e,
-    loadDevices: n
-  };
-}, pP = "KGZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO2xldCBuPW51bGwsdD1udWxsLGE7c2VsZi5vbm1lc3NhZ2U9cz0+e2NvbnN0IGU9cy5kYXRhO3N3aXRjaChlLmNvbW1hbmQpe2Nhc2Uic3luYyI6dShlKTticmVhaztjYXNlImNvbm5lY3QiOmwoZSk7YnJlYWs7Y2FzZSJzY2FuIjptKGUpO2JyZWFrO2Nhc2Uic3RvcHNjYW4iOmQoZSk7YnJlYWt9fTtjb25zdCByPXM9PntsZXQgZT0iZXN0YWJsaXNoZWQiO24mJm4ucmVhZHlTdGF0ZT09PVdlYlNvY2tldC5PUEVOPyhlPSJyZXVzZWQiLHMub25vcGVuKG4sZSksaShzLnRpbWVvdXQpKTpuPW5ldyBXZWJTb2NrZXQoIndzczovL2Rldi1hcGkudGFnc2FtdXJhaS5jb20vcmZpZC1yZWFkZXItZ28vIiksbi5vbm9wZW49KCk9PntlPSJlc3RhYmxpc2hlZCIsbiYmcy5vbm9wZW4obixlKSxpKHMudGltZW91dCl9LG4ub25tZXNzYWdlPW89PntzLm9ubWVzc2FnZShvKSxpKHMudGltZW91dCl9LG4ub25lcnJvcj1vPT57Y29uc29sZS5lcnJvcigi8J+agCB+IFNjYW5uZXIgV29ya2VyOiBvcGVuQ29ubmVjdGlvbiB+IGVycm9yOiIsbykscy5vbmVycm9yKG8pLG49PW51bGx8fG4uY2xvc2UoKSxuPW51bGwsdCYmY2xlYXJUaW1lb3V0KHQpfX0scD0oKT0+e2Qoe3VzZXJJZDphfSksYT12b2lkIDAsbiYmbi5jbG9zZSgpLG49bnVsbCx0JiZjbGVhclRpbWVvdXQodCksY29uc29sZS5pbmZvKCJTb2NrZXQgY29ubmVjdGlvbiBoYXMgYmVlbiBjbG9zZWQhIil9LGk9KHM9MCk9PntzJiYodCYmY2xlYXJUaW1lb3V0KHQpLHQ9c2V0VGltZW91dChwLHMpKX0sdT0oe3VzZXJJZDpzfSk9PnthPXMscih7b25vcGVuOmU9PntlLnNlbmQoSlNPTi5zdHJpbmdpZnkoe2RhdGE6e2NvbW1hbmQ6ImNvbm5lY3QiLHVzZXJJZDpzLHNvdXJjZToiYXBwIn0sZXZlbnQ6InJlYWRlciJ9KSl9LG9ubWVzc2FnZTplPT57cG9zdE1lc3NhZ2Uoe3N0YXR1czoic3luY2VkIiwuLi5KU09OLnBhcnNlKGUuZGF0YSl9KX0sb25lcnJvcjplPT57cG9zdE1lc3NhZ2Uoe3N0YXR1czoic3luY19lcnJvciIsZXJyb3I6ZX0pfX0pfSxsPSh7dXNlcklkOnN9KT0+e2E9cyxyKHtvbm9wZW46KGUsbyk9PntvPT09ImVzdGFibGlzaGVkIj9lLnNlbmQoSlNPTi5zdHJpbmdpZnkoe2RhdGE6e2NvbW1hbmQ6ImNvbm5lY3QiLHVzZXJJZDpzLHNvdXJjZToiYXBwIn0sZXZlbnQ6InJlYWRlciJ9KSk6cG9zdE1lc3NhZ2Uoe3N0YXR1czoiY29ubmVjdGlvbl9yZXVzZWQifSl9LG9ubWVzc2FnZTplPT57cG9zdE1lc3NhZ2Uoe3N0YXR1czoiY29ubmVjdGlvbl9lc3RhYmxpc2hlZCIsLi4uSlNPTi5wYXJzZShlLmRhdGEpfSl9LG9uZXJyb3I6ZT0+e3Bvc3RNZXNzYWdlKHtzdGF0dXM6ImVycm9yX2Nvbm5lY3RpbmciLGVycm9yOmV9KX19KX0sbT0oe3NjYW5Db21tYW5kOnMsdXNlcklkOmUsc2VyaWFsTnVtYmVyOm8samVuaXNEZXZpY2U6Z30pPT57YT1lLHIoe29ub3BlbjpjPT57Yy5zZW5kKEpTT04uc3RyaW5naWZ5KHtkYXRhOntjb21tYW5kOnMsdXNlcklkOmUsc291cmNlOiJhcHAiLHNlcmlhbE51bWJlcjpvLGplbmlzRGV2aWNlOmd9LGV2ZW50OiJyZWFkZXIifSkpLHBvc3RNZXNzYWdlKHtzdGF0dXM6InNjYW5fc3RhcnRlZCJ9KX0sb25tZXNzYWdlOmM9Pntwb3N0TWVzc2FnZSh7c3RhdHVzOiJzY2FubmVkIiwuLi5KU09OLnBhcnNlKGMuZGF0YSl9KX0sb25lcnJvcjpjPT57cG9zdE1lc3NhZ2Uoe3N0YXR1czoic2Nhbl9lcnJvciIsZXJyb3I6Y30pfX0pfSxkPSh7dXNlcklkOnN9KT0+e24mJm4ucmVhZHlTdGF0ZT09PVdlYlNvY2tldC5PUEVOJiYobi5zZW5kKEpTT04uc3RyaW5naWZ5KHtkYXRhOntjb21tYW5kOiJzdG9wc2NhbiIsdXNlcklkOnMsc291cmNlOiJhcHAifSxldmVudDoicmVhZGVyIn0pKSxwb3N0TWVzc2FnZSh7c3RhdHVzOiJzY2FuX3N0b3BwZWQifSksY29uc29sZS5pbmZvKCJTY2FuIFByb2Nlc3MgU3RvcHBlZCEiKSl9fSkoKTsK", r6e = (t) => Uint8Array.from(atob(t), (e) => e.charCodeAt(0)), UR = typeof self < "u" && self.Blob && new Blob([r6e(pP)], { type: "text/javascript;charset=utf-8" });
-function mP(t) {
-  let e;
-  try {
-    if (e = UR && (self.URL || self.webkitURL).createObjectURL(UR), !e) throw "";
-    const n = new Worker(e, {
-      name: t == null ? void 0 : t.name
-    });
-    return n.addEventListener("error", () => {
-      (self.URL || self.webkitURL).revokeObjectURL(e);
-    }), n;
-  } catch {
-    return new Worker(
-      "data:text/javascript;base64," + pP,
-      {
-        name: t == null ? void 0 : t.name
-      }
-    );
-  } finally {
-    e && (self.URL || self.webkitURL).revokeObjectURL(e);
-  }
-}
-const a6e = { class: "flex items-center gap-3 w-full" }, i6e = {
+}), Z9e = { class: "flex items-center gap-3 w-full" }, J9e = {
   class: "flex items-center w-full justify-between",
   "data-wv-section": "content"
-}, s6e = {
+}, e6e = {
   key: 0,
   class: "font-bold",
   "data-wv-section": "title"
-}, o6e = { "data-wv-section": "message" }, l6e = {
+}, t6e = { "data-wv-section": "message" }, n6e = {
   key: 0,
   class: "flex flex-col gap-3 overflow-auto max-h-[71px]",
   "data-wv-section": "list"
-}, c6e = /* @__PURE__ */ wt({
+}, r6e = /* @__PURE__ */ wt({
   __name: "InlineMessage",
   props: {
     severity: { default: "secondary" },
@@ -130896,12 +130828,12 @@ const a6e = { class: "flex items-center gap-3 w-full" }, i6e = {
       "aria-live": "assertive",
       role: "alert"
     }), [
-      re("div", a6e, [
+      re("div", Z9e, [
         a.showIcon ? (O(), ne(Lt, N({ key: 0 }, a.$preset.inlinemessage.icon({ props: e }), {
           icon: r.value,
           severity: e.severity
         }), null, 16, ["icon", "severity"])) : fe("", !0),
-        re("div", i6e, [
+        re("div", J9e, [
           re("section", {
             class: ht([
               "flex flex-col font-medium",
@@ -130909,8 +130841,8 @@ const a6e = { class: "flex items-center gap-3 w-full" }, i6e = {
             ]),
             "data-wv-section": "messagewrapper"
           }, [
-            a.title ? (O(), K("span", s6e, We(e.title), 1)) : fe("", !0),
-            re("span", o6e, We(e.loading ? `${e.message}...` : e.message), 1)
+            a.title ? (O(), K("span", e6e, We(e.title), 1)) : fe("", !0),
+            re("span", t6e, We(e.loading ? `${e.message}...` : e.message), 1)
           ], 2),
           a.removable ? (O(), ne(Qt, {
             key: 0,
@@ -130926,7 +130858,7 @@ const a6e = { class: "flex items-center gap-3 w-full" }, i6e = {
           }, null, 8, ["severity"])) : fe("", !0)
         ])
       ]),
-      e.lists ? (O(), K("div", l6e, [
+      e.lists ? (O(), K("div", n6e, [
         (O(!0), K(lt, null, en(e.lists, (s, o) => (O(), K("div", {
           key: o,
           class: "flex items-center gap-2",
@@ -130942,669 +130874,79 @@ const a6e = { class: "flex items-center gap-3 w-full" }, i6e = {
       ])) : fe("", !0)
     ], 16));
   }
-}), hP = /* @__PURE__ */ wt({
-  __name: "HardwareSync",
+}), a6e = ["aria-checked", "aria-expanded", "aria-label", "aria-level", "aria-posinset", "aria-selected", "aria-setsize", "tabindex"], i6e = ["data-p-highlight", "data-p-selectable"], s6e = ["data-node-has-children", "data-node-key", "data-node-selected"], o6e = {
+  "aria-hidden": "true",
+  class: "flex items-center justify-start gap-2 px-4 py-1.5 hover:bg-surface-50 text-xs no-underline overflow-hidden cursor-pointer select-none",
+  "data-pc-section": "action",
+  tabindex: "-1"
+}, l6e = /* @__PURE__ */ wt({
+  __name: "TreeNode",
   props: {
-    visible: { type: Boolean },
-    errorCode: {},
-    searchBy: {},
-    bulk: { type: Boolean },
-    withoutScanBtn: { type: Boolean }
+    node: {},
+    index: {},
+    disabled: { type: Boolean },
+    listLabelsNoOption: {},
+    pt: {},
+    templates: {},
+    disableKeys: {},
+    disableNodeAll: { type: Boolean },
+    exactDisableKeys: {},
+    level: {},
+    value: {},
+    propagateSelection: { type: Boolean },
+    expandedKeys: {},
+    selectionKeys: {},
+    treeNodeMenus: {},
+    selectionMode: {},
+    metaKeySelection: { type: Boolean },
+    loading: { type: Boolean },
+    loadingIcon: {},
+    loadingMode: {},
+    filterText: {},
+    filterBy: {},
+    filterMode: {},
+    filterPlaceholder: {},
+    filterLocale: {},
+    highlightOnSelect: { type: Boolean },
+    scrollHeight: {},
+    ariaLabel: {},
+    ariaLabelledby: {},
+    ptOptions: {},
+    unstyled: { type: Boolean },
+    useOption: { type: Boolean },
+    disableNodeWhen: { type: Function },
+    exactDisableNodeWhen: { type: Function },
+    nodeSelectedWhen: { type: Function }
   },
-  emits: ["update:visible", "scan"],
+  emits: ["nodeToggle", "nodeClick", "checkboxChange", "toggleMenu"],
   setup(t, { emit: e }) {
-    const n = t, r = e, a = a3();
-    Pn(() => {
-      de();
-    });
-    const {
-      device: i,
-      devices: s,
-      saveDevices: o,
-      setDevice: l,
-      loadDevices: c
-    } = fP(), u = {
-      label: "None",
-      device: void 0
-    }, d = nt(!1), p = nt(u), m = nt(u), g = (te) => {
-      var ie, Ue;
-      if ((ie = s.value) != null && ie.length) {
-        const ue = (Ue = s.value) == null ? void 0 : Ue.filter((ze) => ze[te]).map((ze) => ({
-          label: `${ze.name ?? ze.jenisDevice + " - " + ze.serialNumber}`,
-          device: ze
-        }));
-        return ue.length ? ue : [];
+    const n = e, r = t, a = mn("preset", {}).tree, i = rt(), s = rt(null);
+    let o = !1, l = !1;
+    const c = Ye(
+      () => {
+        var Z;
+        return ((Z = r.node) == null ? void 0 : Z.children) && r.node.children.length > 0;
       }
-      return p.value = u, m.value = u, [];
-    }, _ = Ye(() => g("rfidScan")), v = Ye(() => g("qrScan")), b = Ye(
-      () => n.errorCode === "NOT_SUPPORTED_SYSTEM"
-    ), E = Ye(() => n.searchBy === "RFID" && p.value.device), T = Ye(() => n.searchBy === "QR" && m.value.device), y = Ye(() => !!n.searchBy && n.errorCode !== "HARDWARE_NOT_SYNCHRONIZED"), C = async (te) => {
-      try {
-        o(te);
-        const ie = _.value.some(
-          (ue) => {
-            var ze, ve, Ee;
-            return ((ze = ue == null ? void 0 : ue.device) == null ? void 0 : ze.serialNumber) === ((Ee = (ve = p.value) == null ? void 0 : ve.device) == null ? void 0 : Ee.serialNumber);
-          }
-        ), Ue = v.value.some(
-          (ue) => {
-            var ze, ve, Ee;
-            return ((ze = ue == null ? void 0 : ue.device) == null ? void 0 : ze.serialNumber) === ((Ee = (ve = m.value) == null ? void 0 : ve.device) == null ? void 0 : Ee.serialNumber);
-          }
-        );
-        p.value = ie ? p.value : _.value[0] ?? u, m.value = Ue ? m.value : v.value[0] ?? u, J();
-      } catch (ie) {
-        A.value = P(uP(ie));
-      } finally {
-        d.value = !1;
+    ), u = Ye(
+      () => {
+        var Z;
+        return +r.node.key != -1 && r.useOption && !((Z = r.listLabelsNoOption) != null && Z.includes(r.node.name));
       }
-    }, A = rt(), x = nt({
-      title: "The detected OS is not compatible",
-      detail: "Please check the OS compatibility list on our product information page."
-    }), k = nt({
-      title: "Scanner Disconnected",
-      detail: "Your scanner has been disconnected. Please reconnect it or select another device from the list."
-    }), M = nt({
-      title: "Scanner driver not found",
-      detail: "The scanner driver may not be running or installed correctly on your device. Please contact your administrator."
-    }), I = nt({
-      title: "Scanner not detected",
-      detail: "The scanner is either not detected or not identified by our system."
-    });
-    nt({
-      title: "Scanner is not registered",
-      detail: "The scanner is not registered in your company."
-    });
-    const P = (te) => {
-      switch (te ?? n.errorCode) {
-        case "DEVICE_NOT_CONNECTED":
-          return I.value;
-        case "DRIVER_NOT_FOUND":
-          return M.value;
-        case "NOT_SUPPORTED_SYSTEM":
-          return x.value;
-        case "DEVICE_DISCONNECTED":
-          return k.value;
-        default:
-          return;
+    ), d = Ye(
+      () => r.expandedKeys && r.expandedKeys[r.node.key] === !0
+    ), p = Ye(
+      () => r.node.leaf === !1 ? !1 : !(r.node.children && r.node.children.length)
+    ), m = Ye(() => le(r.node) || Q(r.node) || r.node.selectable === !1 ? !1 : r.selectionMode != null), g = Ye(
+      () => {
+        var Z;
+        return ((Z = r.nodeSelectedWhen) == null ? void 0 : Z.call(r, r.node)) || (r.selectionMode && r.selectionKeys ? r.selectionKeys[r.node.key] === !0 : !1);
       }
-    }, J = () => {
-      l({
-        RFID: p.value.device,
-        QR: m.value.device
-      });
-    }, de = () => {
-      c(), i.value.RFID ? p.value = {
-        label: i.value.RFID.name,
-        device: i.value.RFID
-      } : _.value.length && (p.value = _.value[0] ?? u), v.value.length && (m.value = v.value[0] ?? u), J();
-    }, Le = () => {
-      r("update:visible", !1), r("scan");
-    }, oe = () => {
-      var te;
-      d.value = !0, A.value = void 0, window.scannerWorker.onmessage = ({ data: ie }) => {
-        var Ue;
-        if (ie.status === "synced") {
-          const ue = ((Ue = ie == null ? void 0 : ie.data) == null ? void 0 : Ue.deviceList) ?? [];
-          C(ue);
-          const { error: ze } = (ie == null ? void 0 : ie.data) ?? {};
-          ze === "Driver not connected to server" ? (d.value = !1, A.value = P("DRIVER_NOT_FOUND")) : ue.length || (d.value = !1, A.value = P("DEVICE_NOT_CONNECTED"));
-        } else ie.status === "error_sync" && (d.value = !1, C([]), a.add({ message: "Failed to connecting scanner", severity: "error" }));
-      }, window.scannerWorker.postMessage({
-        command: "sync",
-        userId: (te = JSON.parse(localStorage.getItem("user") ?? "{}")) == null ? void 0 : te._id
-      });
-    }, Te = () => {
-      window.scannerWorker ?? (window.scannerWorker = new mP());
-    };
-    return Mt(
-      () => n.visible,
-      (te) => {
-        te && (Te(), A.value = P(), de(), d.value = !1);
-      }
-    ), (te, ie) => (O(), ne(A0, {
-      closable: !y.value,
-      "header-class": [
-        {
-          "flex !gap-1 !items-center !justify-center !text-sm !font-bold !leading-[18px] tracking-[0.02em] [&>div]:hidden": y.value
-        }
-      ],
-      visible: te.visible,
-      "onUpdate:visible": ie[3] || (ie[3] = (Ue) => te.$emit("update:visible", Ue)),
-      class: "w-[400px]",
-      "content-class": "!overflow-y-visible",
-      "footer-class": "!gap-1",
-      header: "Hardware Synchronize",
-      modal: ""
-    }, Ma({
-      footer: Me(() => [
-        y.value ? (O(), ne(Qt, {
-          key: 0,
-          onClick: ie[2] || (ie[2] = (Ue) => te.$emit("update:visible", !1)),
-          label: "Close",
-          severity: "secondary",
-          text: ""
-        })) : fe("", !0),
-        b.value ? fe("", !0) : (O(), K(lt, { key: 1 }, [
-          E.value && !n.withoutScanBtn ? (O(), ne(Qt, {
-            key: 0,
-            onClick: Le,
-            icon: "rfid",
-            label: "Scan RFID"
-          })) : fe("", !0),
-          T.value && !n.withoutScanBtn ? (O(), ne(Qt, {
-            key: 1,
-            onClick: Le,
-            icon: "qr",
-            label: "Scan QR"
-          })) : fe("", !0)
-        ], 64))
-      ]),
-      default: Me(() => [
-        A.value ? (O(), ne(c6e, {
-          key: 0,
-          class: ht(["p-[9.52px] transition"]),
-          message: A.value.detail,
-          removable: !1,
-          "show-icon": !1,
-          title: A.value.title,
-          "message-wrapper-class": "text-[11px] leading-[14px] tracking-[0.02em]",
-          severity: "danger"
-        }, null, 8, ["message", "title"])) : fe("", !0),
-        ge(Qt, {
-          disabled: b.value,
-          loading: d.value,
-          onClick: oe,
-          icon: "refresh",
-          label: "Sync",
-          "loading-icon": "refresh",
-          outlined: ""
-        }, null, 8, ["disabled", "loading"]),
-        re("section", {
-          class: ht([
-            "grid grid-cols-2 gap-3 justify-start w-full",
-            { "opacity-60 pointer-events-none": b.value }
-          ]),
-          "data-ts-section": "scanner-list"
-        }, [
-          ge(O2, {
-            modelValue: p.value,
-            "onUpdate:modelValue": [
-              ie[0] || (ie[0] = (Ue) => p.value = Ue),
-              J
-            ],
-            options: _.value,
-            label: "RFID Scanner",
-            "option-label": "label"
-          }, null, 8, ["modelValue", "options"]),
-          ge(O2, {
-            modelValue: m.value,
-            "onUpdate:modelValue": [
-              ie[1] || (ie[1] = (Ue) => m.value = Ue),
-              J
-            ],
-            options: v.value,
-            label: "QR Scanner",
-            "option-label": "label"
-          }, null, 8, ["modelValue", "options"])
-        ], 2)
-      ]),
-      _: 2
-    }, [
-      y.value ? {
-        name: "header",
-        fn: Me(() => {
-          var Ue;
-          return [
-            ge(Lt, {
-              icon: (Ue = te.searchBy) == null ? void 0 : Ue.toLowerCase()
-            }, null, 8, ["icon"]),
-            re("h3", null, "Scan " + We(te.searchBy), 1)
-          ];
-        }),
-        key: "0"
-      } : void 0
-    ]), 1032, ["closable", "header-class", "visible"]));
-  }
-}), u6e = { class: "flex gap-2 items-center" }, d6e = { class: "flex gap-0.5 items-center leading-4" }, f6e = { class: "flex gap-5 items-center" }, p6e = /* @__PURE__ */ re("span", null, "do not leave this page", -1), m6e = {
-  key: 1,
-  class: "text-xs font-medium leading-[16.39px] tracking-[0.02em]"
-}, j5e = /* @__PURE__ */ wt({
-  __name: "ButtonScan",
-  props: {
-    label: {},
-    icon: {},
-    type: { default: "RFID" },
-    autoSwitch: { type: Boolean },
-    scanValidation: {},
-    modelValue: {},
-    bulk: { type: Boolean },
-    id: {},
-    disabled: { type: Boolean },
-    powerbank: { type: Boolean },
-    labelOnly: { type: Boolean },
-    outlined: { type: Boolean },
-    severity: {},
-    size: { default: void 0 },
-    style: {},
-    class: {},
-    iconPos: {},
-    iconClass: {},
-    tooltip: {},
-    tooltipPos: {},
-    badge: {},
-    badgeClass: {},
-    badgeSeverity: {},
-    loading: { type: Boolean },
-    loadingIcon: {},
-    link: { type: Boolean },
-    raised: { type: Boolean },
-    rounded: { type: Boolean },
-    text: { type: Boolean },
-    plain: { type: Boolean }
-  },
-  emits: ["update:modelValue", "connect", "connected", "scan", "stop", "error", "beforeStartScan"],
-  setup(t, { expose: e, emit: n }) {
-    const r = t, a = n;
-    J1(() => {
-      ze();
-    });
-    const i = a3(), { devices: s, device: o, saveDevices: l, setDevice: c } = fP(), u = nt(!1), d = nt(!1), p = nt(!1), m = nt(!1), g = nt(!1), _ = nt(!1), v = nt(), b = nt(0), E = nt(r.type ?? "RFID"), T = [], y = Ye(
-      () => E.value === "RFID" ? "RFID_Scanning" : "QR_Scanning"
-    ), C = Ye(
-      () => E.value === "RFID" ? "RFID_Connecting" : "QR_Connecting"
-    );
-    Ye(() => `The scanner could not identify the ${E.value} code. It may be damaged or improperly positioned. Please check the code and try again.`);
-    const A = () => {
-      window.scannerWorker ?? (window.scannerWorker = new mP());
-    }, x = () => {
-      const { serialNumber: xe = "" } = o.value[E.value] ?? {};
-      return xe;
-    }, k = async () => {
-      try {
-        A(), await M(), u.value = !0;
-      } catch (xe) {
-        console.error(xe), u.value = !1;
-      }
-    }, M = async () => {
-      var xe;
-      try {
-        if (!ve())
-          throw new Error("NOT_SUPPORTED_SYSTEM");
-        if (a("connect"), !s.value.length || !o.value[E.value])
-          throw new Error("HARDWARE_NOT_SYNCHRONIZED");
-        i.add({
-          customMessage: !0,
-          message: E.value === "QR" ? "Connecting QR Scanner..." : "Connecting RFID Scanner...",
-          severity: "info",
-          life: 0,
-          group: C.value
-        }), p.value = !0;
-        const me = () => {
-          a("connected", o.value[E.value]), setTimeout(() => {
-            I();
-          }, 0);
-        };
-        window.scannerWorker.onmessage = ({ data: Ne }) => {
-          var B;
-          if (Ne.status === "connection_established")
-            try {
-              const { error: q } = (Ne == null ? void 0 : Ne.data) ?? {}, Y = ((B = Ne == null ? void 0 : Ne.data) == null ? void 0 : B.deviceList) ?? [], H = o.value[r.type], le = Y.some(
-                (Q) => Q.serialNumber === (H == null ? void 0 : H.serialNumber)
-              );
-              if (Y.length && le)
-                me();
-              else {
-                if (q === "Driver not connected to server")
-                  throw new Error("DRIVER_NOT_FOUND");
-                if (!Y.length)
-                  throw new Error("DEVICE_NOT_CONNECTED");
-              }
-              i.removeGroup(C.value);
-            } catch (q) {
-              P(q);
-            }
-          else Ne.status === "connection_reused" ? me() : Ne.status === "error_connecting" && (i.removeGroup(C.value), i.add({
-            customMessage: !0,
-            message: "Scanner connection failed",
-            severity: "error"
-          }));
-        }, window.scannerWorker.postMessage({
-          command: "connect",
-          userId: (xe = JSON.parse(localStorage.getItem("user") ?? "{}")) == null ? void 0 : xe._id
-        });
-      } catch (me) {
-        P(me);
-      }
-    }, I = (xe = !1, me = !1) => {
-      var B;
-      _.value = !1, i.removeGroup(C.value), localStorage.devmode || (window.addEventListener("blur", ue), window.addEventListener("beforeunload", ue));
-      const Ne = o.value[E.value];
-      if (Ne) {
-        let q = "";
-        r.bulk ? q = `bulkscan-${E.value.toLowerCase()}` : q = `scan-${E.value.toLowerCase()}`, window.scannerWorker.onmessage = async ({ data: Y }) => {
-          var H;
-          if (Y.status === "scan_started")
-            me || (b.value++, setTimeout(() => {
-              i.add({
-                customMessage: !0,
-                message: "scanning",
-                severity: "info",
-                life: 0,
-                group: y.value
-              });
-            }, 0));
-          else if (Y.status === "scanned") {
-            const { code: le, error: Q, deviceList: Z } = (Y == null ? void 0 : Y.data) ?? {};
-            if (Q) return J(Q, Z);
-            if (le) {
-              if (["scan-rfid", "scan-qr"].includes(q)) {
-                g.value = !!r.scanValidation;
-                const Ce = await ((H = r.scanValidation) == null ? void 0 : H.call(
-                  r,
-                  E.value,
-                  le,
-                  x()
-                )) ?? !0;
-                if (g.value = !1, Ce)
-                  r.autoSwitch ? (Te(), Ue()) : te(!0);
-                else {
-                  _.value || I(!1, !0);
-                  return;
-                }
-              }
-              T.includes(le) || (a("update:modelValue", le), a("scan", le, x()), r.bulk && T.push(le));
-            }
-          } else Y.status === "scan_stopped" ? te(!0) : Y.status === "scan_error" && de(Y.error);
-        }, window.scannerWorker.onerror = de, window.scannerWorker.postMessage({
-          command: "scan",
-          scanCommand: q,
-          userId: (B = JSON.parse(localStorage.getItem("user") ?? "{}")) == null ? void 0 : B._id,
-          source: "app",
-          jenisDevice: Ne.jenisDevice,
-          serialNumber: Ne.serialNumber,
-          newConnection: xe
-        });
-      }
-    }, P = (xe) => {
-      c({ RFID: void 0, QR: void 0 }), m.value = !0, v.value = xe instanceof Error ? xe.message : uP(xe), p.value = !1, a("error", xe), i.removeGroup(C.value);
-    }, J = (xe, me = []) => {
-      let Ne = "";
-      v.value = void 0, ie(!0), xe === "Time out" ? Ne = "The scanning process has timed out. Please try again." : xe === "Driver not connected to server" ? v.value = "DRIVER_NOT_FOUND" : xe === "Device disconnected" && (v.value = "DEVICE_DISCONNECTED", l(me), c({ RFID: void 0, QR: void 0 })), a("error", xe), m.value = !!v.value, Ne && i.add({
-        customMessage: !0,
-        message: Ne,
-        error: xe,
-        life: 6e3,
-        group: y.value
-      });
-    }, de = (xe) => {
-      ie(!0), a("error", xe), i.add({
-        customMessage: !0,
-        message: "An unexpected error occurred during scanning. Please try again, and if the issue persists, contact your administrator for assistance.",
-        error: xe,
-        life: 6e3,
-        group: y.value
-      });
-    }, Le = () => {
-      window.Cypress ? oe() : k();
-    }, oe = () => {
-      i.add({
-        customMessage: !0,
-        message: "Connecting device...",
-        severity: "info",
-        life: 3e3,
-        group: C.value
-      }), setTimeout(async () => {
-        var xe;
-        if (a("connect"), a("connected", {
-          jenisDevice: "Handheld",
-          serialNumber: qb(),
-          API: "v2",
-          rfidScan: !0,
-          qrScan: !0,
-          name: "Device Test"
-        }), r.bulk)
-          a("scan", qb(), "serialNumber");
-        else {
-          const me = qb();
-          g.value = !!r.scanValidation;
-          const Ne = await ((xe = r.scanValidation) == null ? void 0 : xe.call(
-            r,
-            E.value,
-            me,
-            x()
-          )) ?? !0;
-          g.value = !1, Ne && (a("scan", me, "serialNumber"), te());
-        }
-      }, 100);
-    }, Te = () => {
-      i.removeGroup("RFID_Scanning"), i.removeGroup("QR_Scanning");
-    }, te = (xe = !1) => {
-      Te(), p.value = !1, ze(), xe && a("stop"), T.splice(0);
-    }, ie = (xe = !1) => {
-      var me;
-      window.scannerWorker.onmessage = null, window.scannerWorker.postMessage({
-        command: "stopscan",
-        userId: (me = JSON.parse(localStorage.getItem("user") ?? "{}")) == null ? void 0 : me._id
-      }), te(xe), _.value = !0, u.value = !1;
-    }, Ue = () => {
-      r.bulk || (o.value[E.value] ? (E.value = E.value === "QR" ? "RFID" : "QR", I()) : (te(), m.value = !0, v.value = "HARDWARE_NOT_SYNCHRONIZED", p.value = !1));
-    }, ue = (xe) => {
-      d.value = !0, ie(!0), xe.preventDefault();
-    }, ze = () => {
-      window.removeEventListener("blur", ue), window.removeEventListener("beforeunload", ue);
-    }, ve = () => {
-      const { userAgent: xe } = navigator;
-      return xe.includes("Windows");
-    }, Ee = Ye(() => {
-      if (!r.labelOnly)
-        return r.icon ? r.icon : r.autoSwitch ? "qr-scan-line" : E.value === "QR" ? "qr" : "rfid";
-    }), Ae = Ye(() => r.label ? r.label : r.autoSwitch ? "SCAN TAG" : E.value === "QR" ? "Scan QR" : "Scan RFID");
-    return e({
-      onBeforeStartScan: Le,
-      startScan: k,
-      stopScan: ie
-    }), (xe, me) => (O(), K(lt, null, [
-      ge(G(Qt), N(xe.$attrs, {
-        class: [
-          {
-            "[&_i]:w-2 [&_i]:h-2": xe.type === "QR",
-            "[&_i]:w-[11px] [&_i]:h-[7px]": xe.type === "RFID"
-          },
-          "!px-1.5"
-        ],
-        disabled: r.disabled,
-        icon: Ee.value,
-        label: Ae.value,
-        outlined: r.outlined,
-        severity: r.severity,
-        size: r.size,
-        onClick: Le
-      }), null, 16, ["class", "disabled", "icon", "label", "outlined", "severity", "size"]),
-      ge(hP, {
-        visible: m.value,
-        "onUpdate:visible": me[0] || (me[0] = (Ne) => m.value = Ne),
-        bulk: xe.bulk,
-        "error-code": v.value,
-        "search-by": E.value,
-        onScan: Le
-      }, null, 8, ["visible", "bulk", "error-code", "search-by"]),
-      u.value ? (O(), ne(G(Gf), {
-        key: 0,
-        "base-z-index": 9983,
-        group: C.value,
-        icon: "info"
-      }, null, 8, ["group"])) : fe("", !0),
-      u.value ? (O(), ne(G(Gf), {
-        key: 1,
-        "base-z-index": 9997,
-        class: "!absolute !bottom-[80px] !h-max",
-        group: "scan-error-validation"
-      })) : fe("", !0),
-      u.value ? (O(), ne(G(Gf), {
-        key: b.value,
-        "base-z-index": 9984,
-        group: y.value,
-        class: "[&_[data-pc-section=buttoncontainer]]"
-      }, {
-        message: Me(({ message: Ne }) => [
-          re("div", {
-            class: ht(
-              Ne.detail == "scanning" ? "w-full -mr-8 z-10 flex gap-2 justify-between items-center text-general-800 text-xs font-normal" : "w-full"
-            )
-          }, [
-            Ne.detail === "scanning" ? (O(), K(lt, { key: 0 }, [
-              re("section", u6e, [
-                ge(G(Lt), {
-                  class: "animate-spin text-base",
-                  icon: "loader-4"
-                }),
-                re("span", d6e, [
-                  E.value === "RFID" ? (O(), K(lt, { key: 0 }, [
-                    ge(G(Lt), {
-                      class: "text-base !w-4 !h-4",
-                      icon: "rfid"
-                    }),
-                    dn(" " + We(g.value ? "Validating RFID..." : "RFID Scanning..."), 1)
-                  ], 64)) : (O(), K(lt, { key: 1 }, [
-                    ge(G(Lt), {
-                      class: "text-sm",
-                      icon: "qr"
-                    }),
-                    dn(" " + We(g.value ? "Validating QR..." : "QR Scanning..."), 1)
-                  ], 64))
-                ])
-              ]),
-              re("section", f6e, [
-                p6e,
-                ge(G(Qt), {
-                  onClick: me[1] || (me[1] = (B) => ie(!0)),
-                  label: "Stop Scan",
-                  severity: "danger"
-                })
-              ])
-            ], 64)) : (O(), K("span", m6e, We(Ne.detail), 1))
-          ], 2)
-        ]),
-        _: 1
-      }, 8, ["group"])) : fe("", !0),
-      ge(G(Cy), {
-        visible: d.value,
-        "onUpdate:visible": me[2] || (me[2] = (Ne) => d.value = Ne),
-        header: `${E.value} SCAN STOPPED`,
-        onConfirm: me[3] || (me[3] = (Ne) => (d.value = !1, Le())),
-        "confirm-label": "Continue",
-        message: "The scan process was interrupted because you want to leave this window.",
-        severity: "danger"
-      }, null, 8, ["visible", "header"]),
-      (O(), ne(ES, { to: "body" }, [
-        p.value ? (O(), K("div", {
-          key: 0,
-          class: ht([
-            xe.$preset.dialog.mask({ props: { modal: !0 } }).class,
-            "w-screen h-screen fixed top-0 left-0",
-            "!z-[9982]"
-          ]),
-          "data-ts-section": "toast-mask"
-        }, null, 2)) : fe("", !0)
-      ]))
-    ], 64));
-  }
-}), X5e = /* @__PURE__ */ wt({
-  __name: "ButtonSync",
-  props: {
-    withoutScanBtn: { type: Boolean }
-  },
-  setup(t) {
-    const e = t, n = nt(!1);
-    return (r, a) => (O(), K(lt, null, [
-      ge(Qt, N({
-        onClick: a[0] || (a[0] = (i) => n.value = !0)
-      }, r.$attrs, {
-        icon: "refresh",
-        label: "Sync",
-        outlined: ""
-      }), null, 16),
-      ge(hP, {
-        visible: n.value,
-        "onUpdate:visible": a[1] || (a[1] = (i) => n.value = i),
-        "without-scan-btn": e.withoutScanBtn
-      }, null, 8, ["visible", "without-scan-btn"])
-    ], 64));
-  }
-}), h6e = ["aria-checked", "aria-expanded", "aria-label", "aria-level", "aria-posinset", "aria-selected", "aria-setsize", "tabindex"], g6e = ["data-p-highlight", "data-p-selectable"], _6e = ["data-node-has-children", "data-node-key", "data-node-selected"], v6e = {
-  "aria-hidden": "true",
-  class: "flex items-center justify-start gap-2 px-4 py-1.5 hover:bg-surface-50 text-xs no-underline overflow-hidden cursor-pointer select-none",
-  "data-pc-section": "action",
-  tabindex: "-1"
-}, b6e = /* @__PURE__ */ wt({
-  __name: "TreeNode",
-  props: {
-    node: {},
-    index: {},
-    disabled: { type: Boolean },
-    listLabelsNoOption: {},
-    pt: {},
-    templates: {},
-    disableKeys: {},
-    disableNodeAll: { type: Boolean },
-    exactDisableKeys: {},
-    level: {},
-    value: {},
-    propagateSelection: { type: Boolean },
-    expandedKeys: {},
-    selectionKeys: {},
-    treeNodeMenus: {},
-    selectionMode: {},
-    metaKeySelection: { type: Boolean },
-    loading: { type: Boolean },
-    loadingIcon: {},
-    loadingMode: {},
-    filterText: {},
-    filterBy: {},
-    filterMode: {},
-    filterPlaceholder: {},
-    filterLocale: {},
-    highlightOnSelect: { type: Boolean },
-    scrollHeight: {},
-    ariaLabel: {},
-    ariaLabelledby: {},
-    ptOptions: {},
-    unstyled: { type: Boolean },
-    useOption: { type: Boolean },
-    disableNodeWhen: { type: Function },
-    exactDisableNodeWhen: { type: Function },
-    nodeSelectedWhen: { type: Function }
-  },
-  emits: ["nodeToggle", "nodeClick", "checkboxChange", "toggleMenu"],
-  setup(t, { emit: e }) {
-    const n = e, r = t, a = mn("preset", {}).tree, i = rt(), s = rt(null);
-    let o = !1, l = !1;
-    const c = Ye(
-      () => {
-        var Z;
-        return ((Z = r.node) == null ? void 0 : Z.children) && r.node.children.length > 0;
-      }
-    ), u = Ye(
-      () => {
-        var Z;
-        return +r.node.key != -1 && r.useOption && !((Z = r.listLabelsNoOption) != null && Z.includes(r.node.name));
-      }
-    ), d = Ye(
-      () => r.expandedKeys && r.expandedKeys[r.node.key] === !0
-    ), p = Ye(
-      () => r.node.leaf === !1 ? !1 : !(r.node.children && r.node.children.length)
-    ), m = Ye(() => le(r.node) || Q(r.node) || r.node.selectable === !1 ? !1 : r.selectionMode != null), g = Ye(
-      () => {
-        var Z;
-        return ((Z = r.nodeSelectedWhen) == null ? void 0 : Z.call(r, r.node)) || (r.selectionMode && r.selectionKeys ? r.selectionKeys[r.node.key] === !0 : !1);
-      }
-    ), _ = Ye(
-      () => r.selectionMode === "checkbox" && r.node.selectable !== !1
-    ), v = Ye(
-      () => {
-        var Z, Ce;
-        return ((Z = r.nodeSelectedWhen) == null ? void 0 : Z.call(r, r.node)) || (r.selectionKeys ? (Ce = r.selectionKeys[r.node.key]) == null ? void 0 : Ce.checked : !1);
+    ), _ = Ye(
+      () => r.selectionMode === "checkbox" && r.node.selectable !== !1
+    ), v = Ye(
+      () => {
+        var Z, Ce;
+        return ((Z = r.nodeSelectedWhen) == null ? void 0 : Z.call(r, r.node)) || (r.selectionKeys ? (Ce = r.selectionKeys[r.node.key]) == null ? void 0 : Ce.checked : !1);
       }
     ), b = Ye(
       () => {
@@ -131942,7 +131284,7 @@ const a6e = { class: "flex items-center gap-3 w-full" }, i6e = {
                 "data-node-key": Z.node.key,
                 "data-node-selected": v.value,
                 class: "grow"
-              }, We(Z.node.name), 9, _6e)),
+              }, We(Z.node.name), 9, s6e)),
               u.value ? (O(), ne(Qt, {
                 key: 2,
                 class: ht([
@@ -131959,7 +131301,7 @@ const a6e = { class: "flex items-center gap-3 w-full" }, i6e = {
                 "tooltip-pos": "left"
               })) : fe("", !0)
             ], 16)
-          ], 16, g6e),
+          ], 16, i6e),
           c.value && d.value ? (O(), K("ul", N({
             key: 0,
             role: "group"
@@ -131994,7 +131336,7 @@ const a6e = { class: "flex items-center gap-3 w-full" }, i6e = {
               }), null, 16, ["class", "disable-keys", "disabled", "exact-disable-keys", "expanded-keys", "level", "list-labels-no-option", "loading-mode", "node", "propagate-selection", "pt", "selection-keys", "selection-mode", "templates", "tree-node-menus", "unstyled", "use-option"]);
             }), 128))
           ], 16)) : fe("", !0)
-        ], 16, h6e),
+        ], 16, a6e),
         u.value ? (O(), ne(Am, {
           key: 0,
           ref_key: "treeNodeMenu",
@@ -132005,7 +131347,7 @@ const a6e = { class: "flex items-center gap-3 w-full" }, i6e = {
           "data-wv-section": "tree-node-menus"
         }, {
           item: Me(({ item: ot }) => [
-            re("a", v6e, [
+            re("a", o6e, [
               ge(Lt, {
                 icon: ot.icon,
                 severity: ot.danger ? "danger" : void 0
@@ -132021,7 +131363,7 @@ const a6e = { class: "flex items-center gap-3 w-full" }, i6e = {
       ], 64);
     };
   }
-}), E6e = ["id"], S6e = ["aria-label", "aria-labelledby"], y6e = /* @__PURE__ */ wt({
+}), c6e = ["id"], u6e = ["aria-label", "aria-labelledby"], d6e = /* @__PURE__ */ wt({
   inheritAttrs: !1,
   __name: "BaseTree",
   props: {
@@ -132146,7 +131488,7 @@ const a6e = { class: "flex items-center gap-3 w-full" }, i6e = {
           }), [
             (O(!0), K(lt, null, en(b.value, (k, M) => {
               var I, P, J;
-              return O(), ne(b6e, N({
+              return O(), ne(l6e, N({
                 key: k.key,
                 ref_for: !0
               }, n, {
@@ -132175,12 +131517,12 @@ const a6e = { class: "flex items-center gap-3 w-full" }, i6e = {
                 onToggleMenu: T[0] || (T[0] = (de) => E.$emit("toggleMenu", de))
               }), null, 16, ["class", "disable-keys", "disable-node-all", "disabled", "exact-disable-keys", "expanded-keys", "index", "level", "list-labels-no-option", "loading-mode", "node", "propagate-selection", "pt", "selection-keys", "selection-mode", "templates", "tree-node-menus", "unstyled", "use-option"]);
             }), 128))
-          ], 16, S6e)
+          ], 16, u6e)
         ], 16)
-      ], 16, E6e);
+      ], 16, c6e);
     };
   }
-}), T6e = /* @__PURE__ */ wt({
+}), f6e = /* @__PURE__ */ wt({
   __name: "Tree",
   props: {
     filter: {},
@@ -132386,7 +131728,7 @@ const a6e = { class: "flex items-center gap-3 w-full" }, i6e = {
       expandAll: oe,
       expandNodeAll: ze,
       fetchTreeList: I
-    }), (ve, Ee) => (O(), ne(y6e, N({
+    }), (ve, Ee) => (O(), ne(d6e, N({
       id: c.value,
       ref_key: "tree",
       ref: u
@@ -132429,13 +131771,13 @@ const a6e = { class: "flex items-center gap-3 w-full" }, i6e = {
       } : void 0
     ]), 1040, ["id", "expanded-keys", "selection-keys", "class", "disable-keys", "disable-node-all", "disable-node-when", "exact-disable-keys", "exact-disable-node-when", "filter-text", "list-labels-no-option", "loading", "node-selected-when", "propagate-selection", "selection-mode", "tree-node-menus", "use-option", "value"]));
   }
-}), C6e = {
+}), p6e = {
   class: /* @__PURE__ */ ht([
     "relative w-full text-xs flex gap-1 py-[4.5px] px-2 items-center",
     "rounded ring-1 ring-inset ring-offset-0 ring-general-500 dark:ring-general-500"
   ]),
   "data-wv-name": "tree-search-input"
-}, A6e = /* @__PURE__ */ wt({
+}, m6e = /* @__PURE__ */ wt({
   __name: "TreeSearchInput",
   props: {
     modelValue: {}
@@ -132449,7 +131791,7 @@ const a6e = { class: "flex items-center gap-3 w-full" }, i6e = {
     };
     return (s, o) => {
       const l = vr("focus");
-      return O(), K("div", C6e, [
+      return O(), K("div", p6e, [
         ge(Lt, {
           class: "w-4 h-4 shrink-0 grow-0 !text-general-400",
           icon: "search"
@@ -132478,17 +131820,17 @@ const a6e = { class: "flex items-center gap-3 w-full" }, i6e = {
       ]);
     };
   }
-}), x6e = {
+}), h6e = {
   class: "flex flex-col gap-3 items-start w-full",
   "data-wv-section": "header-wrapper"
-}, O6e = {
+}, g6e = {
   key: 0,
   class: "list-inside w-full overflow-auto max-h-20",
   "data-wv-section": "dialog-select-tree-lists"
-}, w6e = {
+}, _6e = {
   class: "flex gap-1 items-center justify-end",
   "data-wv-section": "footer-button"
-}, R6e = /* @__PURE__ */ wt({
+}, v6e = /* @__PURE__ */ wt({
   __name: "DialogSelectTree",
   props: /* @__PURE__ */ La({
     fetchTree: {},
@@ -132632,11 +131974,11 @@ const a6e = { class: "flex items-center gap-3 w-full" }, i6e = {
           }, () => {
             var C;
             return [
-              re("div", x6e, [
+              re("div", h6e, [
                 re("h3", {
                   class: ht([...G(s).title.class, "!leading-6"])
                 }, We(v.value), 3),
-                E.lists ? (O(), K("ul", O6e, [
+                E.lists ? (O(), K("ul", g6e, [
                   (O(!0), K(lt, null, en(E.lists, (A, x) => (O(), K("li", {
                     key: x,
                     class: "text-xs leading-[16.39px] tracking-[0.02em] font-medium text-general-800 list-disc ps-[6px]"
@@ -132646,7 +131988,7 @@ const a6e = { class: "flex items-center gap-3 w-full" }, i6e = {
                   key: 1,
                   class: ht([...G(s).title.class, "!leading-6 text-sm"])
                 }, We(E.subHeader), 3)) : fe("", !0),
-                (C = o.value) != null && C.isLoading ? fe("", !0) : (O(), ne(A6e, {
+                (C = o.value) != null && C.isLoading ? fe("", !0) : (O(), ne(m6e, {
                   key: 2,
                   modelValue: l.value,
                   "onUpdate:modelValue": T[0] || (T[0] = (A) => l.value = A),
@@ -132658,7 +132000,7 @@ const a6e = { class: "flex items-center gap-3 w-full" }, i6e = {
         ];
       }),
       default: Me(() => [
-        ge(T6e, N({
+        ge(f6e, N({
           ref_key: "treeComponent",
           ref: o
         }, r, {
@@ -132714,7 +132056,7 @@ const a6e = { class: "flex items-center gap-3 w-full" }, i6e = {
               }, null, 8, ["message"])), [
                 [Qa, !!c.value]
               ]),
-              re("div", w6e, [
+              re("div", _6e, [
                 ge(Qt, {
                   onClick: T[5] || (T[5] = (C) => i.value = !1),
                   label: "Cancel",
@@ -132735,10 +132077,10 @@ const a6e = { class: "flex items-center gap-3 w-full" }, i6e = {
       }
     ]), 1032, ["visible", "modal", "pt"]));
   }
-}), I6e = {
+}), b6e = {
   key: 0,
   class: "inline-flex gap-1 items-center"
-}, N6e = /* @__PURE__ */ wt({
+}, E6e = /* @__PURE__ */ wt({
   __name: "ButtonSelectTree",
   props: {
     type: {},
@@ -132856,7 +132198,7 @@ const a6e = { class: "flex items-center gap-3 w-full" }, i6e = {
         "show-optional-text": y.$attrs["show-optional-text"] != !1
       }), {
         default: Me(() => [
-          c.value ? (O(), K("span", I6e, [
+          c.value ? (O(), K("span", b6e, [
             ge($l, {
               label: c.value.name,
               format: "nowrap"
@@ -132905,7 +132247,7 @@ const a6e = { class: "flex items-center gap-3 w-full" }, i6e = {
         ]),
         _: 1
       }, 16, ["info", "label", "mandatory", "show-optional-text"]),
-      (O(), ne(R6e, {
+      (O(), ne(v6e, {
         key: l.value + +o.value,
         ref_key: "dialogTreeInstance",
         ref: i,
@@ -132941,10 +132283,10 @@ const a6e = { class: "flex items-center gap-3 w-full" }, i6e = {
       ]), 1032, ["visible", "allow-empty-selection", "auto-select-all", "disable-keys", "disable-node-all", "exact-disable-key", "exact-disable-keys", "excluded-keys", "fetch-tree", "flatten-disposable-node", "header", "hidden", "keys", "params", "readonly", "selection-mode", "show-disposable-groups", "type"]))
     ], 64));
   }
-}), D6e = {
+}), S6e = {
   class: "flex items-end justify-end gap-2",
   "data-wv-section": "filteractionbuttons"
-}, k6e = /* @__PURE__ */ wt({
+}, y6e = /* @__PURE__ */ wt({
   inheritAttrs: !1,
   __name: "FilterContainer",
   props: {
@@ -133014,199 +132356,857 @@ const a6e = { class: "flex items-center gap-3 w-full" }, i6e = {
         case "group":
           return `${M.field}.matchMode`;
       }
-    }, A = (M) => (() => {
-      switch (M.type) {
-        case "rangenumber":
-          return "BETWEEN";
-        case "multiselect":
-        case "category":
-        case "group":
-          return "IN";
-        case "dropdown":
-          return "EQUALS";
-        case "calendar":
-          return "DATE_BETWEEN";
+    }, A = (M) => (() => {
+      switch (M.type) {
+        case "rangenumber":
+          return "BETWEEN";
+        case "multiselect":
+        case "category":
+        case "group":
+          return "IN";
+        case "dropdown":
+          return "EQUALS";
+        case "calendar":
+          return "DATE_BETWEEN";
+      }
+    })(), x = () => {
+      if (n.static) {
+        const M = {};
+        n.fields.forEach((I) => {
+          Mu(
+            M,
+            C(I),
+            A(I)
+          );
+        }), o(M);
+      }
+    }, k = (M, I) => {
+      switch (M.type) {
+        case "rangenumber":
+          return M.field ? n.static ? `${M.field}.value.${I}` : `${M.field}` : n.static ? `${M.fields[I]}.value` : M.fields[I];
+        case "multiselect":
+        case "dropdown":
+        case "calendar":
+        case "category":
+        case "group":
+          return n.static ? `${M.field}.value` : `${M.field}`;
+      }
+    };
+    return Mt(() => n.fields, E), (M, I) => tn((O(), K("form", N({
+      ref_key: "container",
+      ref: d
+    }, M.$preset.filtercontainer.root, {
+      style: `grid-template-columns: repeat(${M.fieldsPerRow}, 1fr)`,
+      onSubmit: I[0] || (I[0] = In(
+        //@ts-ignore
+        (...P) => G(y) && G(y)(...P),
+        ["prevent"]
+      )),
+      "data-wv-name": "filtercontainer"
+    }), [
+      (O(!0), K(lt, null, en(M.fields, (P) => (O(), K(lt, {
+        key: JSON.stringify(P) + m.value
+      }, [
+        P.type == "rangenumber" ? (O(), ne(jL, N({
+          key: 0,
+          ref_for: !0
+        }, P, {
+          mandatory: !1,
+          "max-field-name": k(P, 1),
+          "min-field-name": k(P, 0),
+          "show-optional-text": !1,
+          "use-validator": ""
+        }), null, 16, ["max-field-name", "min-field-name"])) : P.type == "multiselect" ? (O(), ne(eP, N({
+          key: 1,
+          ref_for: !0
+        }, P, {
+          "field-name": k(P),
+          loading: l.value[P.optionField ?? P.field],
+          mandatory: !1,
+          options: c.value[P.optionField ?? P.field],
+          "show-optional-text": !1,
+          onShow: (J) => v(
+            P.fetchOptionFn,
+            P.optionField ?? P.field,
+            P.params
+          ),
+          "option-label": "label",
+          "option-value": "value",
+          "use-validator": ""
+        }), null, 16, ["field-name", "loading", "options", "onShow"])) : P.type == "dropdown" ? (O(), ne(O2, N({
+          key: 2,
+          ref_for: !0
+        }, P, {
+          "field-name": k(P),
+          loading: l.value[P.field],
+          mandatory: !1,
+          options: c.value[P.optionField ?? P.field],
+          "show-optional-text": !1,
+          onShow: (J) => v(
+            P.fetchOptionFn,
+            P.optionField ?? P.field,
+            P.params
+          ),
+          "option-label": "label",
+          "option-value": "value",
+          "use-validator": ""
+        }), null, 16, ["field-name", "loading", "options", "onShow"])) : P.type === "calendar" ? (O(), ne(iP, N({
+          key: 3,
+          ref_for: !0
+        }, P, {
+          "field-name": k(P),
+          mandatory: !1,
+          "show-optional-text": !1,
+          "selection-mode": "range",
+          "use-validator": ""
+        }), null, 16, ["field-name"])) : $e(M.$slots, "field", {
+          key: 4,
+          field: P,
+          fieldName: k(P)
+        })
+      ], 64))), 128)),
+      re("div", S6e, [
+        ge(Qt, {
+          label: G(a).clearFieldText,
+          onClick: T,
+          "data-wv-section": "clearbutton",
+          text: ""
+        }, null, 8, ["label"]),
+        ge(Qt, {
+          label: G(a).applyText,
+          onClick: G(y),
+          "data-wv-section": "applybutton",
+          severity: "success"
+        }, null, 8, ["label", "onClick"])
+      ])
+    ], 16)), [
+      [Qa, p.value]
+    ]);
+  }
+}), j5e = /* @__PURE__ */ wt({
+  __name: "FilterContainer",
+  setup(t) {
+    return (e, n) => (O(), ne(y6e, N({
+      fields: e.$attrs.fields
+    }, e.$attrs), {
+      field: Me(({ field: r, fieldName: a }) => [
+        ge(E6e, N(r, {
+          "field-data-key": r.fieldDataKey ?? "key",
+          "field-label": r.label,
+          "field-name": a,
+          label: r.buttonLabel,
+          mandatory: !1,
+          params: r.params,
+          "show-optional-text": !1,
+          "use-validator": ""
+        }), null, 16, ["field-data-key", "field-label", "field-name", "label", "params"])
+      ]),
+      _: 1
+    }, 16, ["fields"]));
+  }
+}), T6e = { class: "w-full" }, X5e = /* @__PURE__ */ wt({
+  __name: "InputSearch",
+  emits: ["search"],
+  setup(t, { emit: e }) {
+    const n = e, r = nt(), a = nt(), i = (s) => {
+      r.value = s.target.value || void 0, a.value = s.target.value || void 0;
+    };
+    return (s, o) => {
+      var l, c;
+      return O(), K("form", {
+        class: ht([
+          "text-xs flex gap-1 h-[34px] px-[21px] items-center",
+          "rounded-[18px] bg-general-50"
+        ]),
+        onSubmit: o[1] || (o[1] = In((u) => n("search", r.value), ["prevent"]))
+      }, [
+        re("div", T6e, [
+          ge(G(lu), {
+            class: ht([
+              "h-auto !shadow-none !p-0 !text-general-500 placeholder:text-general-200 !bg-general-50"
+            ]),
+            "model-value": a.value,
+            onInput: i,
+            autocomplete: "off",
+            placeholder: "Search asset"
+          }, null, 8, ["model-value"])
+        ]),
+        ge(Lt, {
+          class: ht([
+            "text-md !text-general-400 !w-4 !h-4",
+            { hidden: (l = a.value) == null ? void 0 : l.length }
+          ]),
+          icon: "search"
+        }, null, 8, ["class"]),
+        ge(Lt, {
+          class: ht([
+            "text-md !text-general-400 !w-4 !h-4",
+            { hidden: !((c = a.value) != null && c.length) }
+          ]),
+          onClick: o[0] || (o[0] = (u) => a.value = void 0),
+          "data-ts-section": "reset-filter-icon",
+          icon: "close"
+        }, null, 8, ["class"])
+      ], 32);
+    };
+  }
+}), uP = (t) => {
+  if (t instanceof J$)
+    return t.response ? "DEVICE_NOT_CONNECTED" : "DRIVER_NOT_FOUND";
+  if (t instanceof Error && ["NOT_SUPPORTED_SYSTEM", "HARDWARE_NOT_SYNCHRONIZED"].includes(
+    t.message
+  ))
+    return t.message;
+};
+let Uf;
+const C6e = new Uint8Array(16);
+function A6e() {
+  if (!Uf && (Uf = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !Uf))
+    throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
+  return Uf(C6e);
+}
+const za = [];
+for (let t = 0; t < 256; ++t)
+  za.push((t + 256).toString(16).slice(1));
+function x6e(t, e = 0) {
+  return za[t[e + 0]] + za[t[e + 1]] + za[t[e + 2]] + za[t[e + 3]] + "-" + za[t[e + 4]] + za[t[e + 5]] + "-" + za[t[e + 6]] + za[t[e + 7]] + "-" + za[t[e + 8]] + za[t[e + 9]] + "-" + za[t[e + 10]] + za[t[e + 11]] + za[t[e + 12]] + za[t[e + 13]] + za[t[e + 14]] + za[t[e + 15]];
+}
+const O6e = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), PR = {
+  randomUUID: O6e
+};
+function qb(t, e, n) {
+  if (PR.randomUUID && !t)
+    return PR.randomUUID();
+  t = t || {};
+  const r = t.random || (t.rng || A6e)();
+  return r[6] = r[6] & 15 | 64, r[8] = r[8] & 63 | 128, x6e(r);
+}
+const dP = () => window.devices ?? [], w6e = () => window.device ?? { RFID: null, QR: null }, FR = rt(dP()), BR = rt(w6e()), fP = () => {
+  const t = (r) => {
+    window.devices = r, n();
+  }, e = (r) => {
+    window.device = r, BR.value = r;
+  }, n = () => {
+    FR.value = dP();
+  };
+  return {
+    devices: FR,
+    device: BR,
+    saveDevices: t,
+    setDevice: e,
+    loadDevices: n
+  };
+}, pP = "KGZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO2xldCBuPW51bGwsdD1udWxsLGE7c2VsZi5vbm1lc3NhZ2U9cz0+e2NvbnN0IGU9cy5kYXRhO3N3aXRjaChlLmNvbW1hbmQpe2Nhc2Uic3luYyI6dShlKTticmVhaztjYXNlImNvbm5lY3QiOmwoZSk7YnJlYWs7Y2FzZSJzY2FuIjptKGUpO2JyZWFrO2Nhc2Uic3RvcHNjYW4iOmQoZSk7YnJlYWt9fTtjb25zdCByPXM9PntsZXQgZT0iZXN0YWJsaXNoZWQiO24mJm4ucmVhZHlTdGF0ZT09PVdlYlNvY2tldC5PUEVOPyhlPSJyZXVzZWQiLHMub25vcGVuKG4sZSksaShzLnRpbWVvdXQpKTpuPW5ldyBXZWJTb2NrZXQoIndzczovL2Rldi1hcGkudGFnc2FtdXJhaS5jb20vcmZpZC1yZWFkZXItZ28vIiksbi5vbm9wZW49KCk9PntlPSJlc3RhYmxpc2hlZCIsbiYmcy5vbm9wZW4obixlKSxpKHMudGltZW91dCl9LG4ub25tZXNzYWdlPW89PntzLm9ubWVzc2FnZShvKSxpKHMudGltZW91dCl9LG4ub25lcnJvcj1vPT57Y29uc29sZS5lcnJvcigi8J+agCB+IFNjYW5uZXIgV29ya2VyOiBvcGVuQ29ubmVjdGlvbiB+IGVycm9yOiIsbykscy5vbmVycm9yKG8pLG49PW51bGx8fG4uY2xvc2UoKSxuPW51bGwsdCYmY2xlYXJUaW1lb3V0KHQpfX0scD0oKT0+e2Qoe3VzZXJJZDphfSksYT12b2lkIDAsbiYmbi5jbG9zZSgpLG49bnVsbCx0JiZjbGVhclRpbWVvdXQodCksY29uc29sZS5pbmZvKCJTb2NrZXQgY29ubmVjdGlvbiBoYXMgYmVlbiBjbG9zZWQhIil9LGk9KHM9MCk9PntzJiYodCYmY2xlYXJUaW1lb3V0KHQpLHQ9c2V0VGltZW91dChwLHMpKX0sdT0oe3VzZXJJZDpzfSk9PnthPXMscih7b25vcGVuOmU9PntlLnNlbmQoSlNPTi5zdHJpbmdpZnkoe2RhdGE6e2NvbW1hbmQ6ImNvbm5lY3QiLHVzZXJJZDpzLHNvdXJjZToiYXBwIn0sZXZlbnQ6InJlYWRlciJ9KSl9LG9ubWVzc2FnZTplPT57cG9zdE1lc3NhZ2Uoe3N0YXR1czoic3luY2VkIiwuLi5KU09OLnBhcnNlKGUuZGF0YSl9KX0sb25lcnJvcjplPT57cG9zdE1lc3NhZ2Uoe3N0YXR1czoic3luY19lcnJvciIsZXJyb3I6ZX0pfX0pfSxsPSh7dXNlcklkOnN9KT0+e2E9cyxyKHtvbm9wZW46KGUsbyk9PntvPT09ImVzdGFibGlzaGVkIj9lLnNlbmQoSlNPTi5zdHJpbmdpZnkoe2RhdGE6e2NvbW1hbmQ6ImNvbm5lY3QiLHVzZXJJZDpzLHNvdXJjZToiYXBwIn0sZXZlbnQ6InJlYWRlciJ9KSk6cG9zdE1lc3NhZ2Uoe3N0YXR1czoiY29ubmVjdGlvbl9yZXVzZWQifSl9LG9ubWVzc2FnZTplPT57cG9zdE1lc3NhZ2Uoe3N0YXR1czoiY29ubmVjdGlvbl9lc3RhYmxpc2hlZCIsLi4uSlNPTi5wYXJzZShlLmRhdGEpfSl9LG9uZXJyb3I6ZT0+e3Bvc3RNZXNzYWdlKHtzdGF0dXM6ImVycm9yX2Nvbm5lY3RpbmciLGVycm9yOmV9KX19KX0sbT0oe3NjYW5Db21tYW5kOnMsdXNlcklkOmUsc2VyaWFsTnVtYmVyOm8samVuaXNEZXZpY2U6Z30pPT57YT1lLHIoe29ub3BlbjpjPT57Yy5zZW5kKEpTT04uc3RyaW5naWZ5KHtkYXRhOntjb21tYW5kOnMsdXNlcklkOmUsc291cmNlOiJhcHAiLHNlcmlhbE51bWJlcjpvLGplbmlzRGV2aWNlOmd9LGV2ZW50OiJyZWFkZXIifSkpLHBvc3RNZXNzYWdlKHtzdGF0dXM6InNjYW5fc3RhcnRlZCJ9KX0sb25tZXNzYWdlOmM9Pntwb3N0TWVzc2FnZSh7c3RhdHVzOiJzY2FubmVkIiwuLi5KU09OLnBhcnNlKGMuZGF0YSl9KX0sb25lcnJvcjpjPT57cG9zdE1lc3NhZ2Uoe3N0YXR1czoic2Nhbl9lcnJvciIsZXJyb3I6Y30pfX0pfSxkPSh7dXNlcklkOnN9KT0+e24mJm4ucmVhZHlTdGF0ZT09PVdlYlNvY2tldC5PUEVOJiYobi5zZW5kKEpTT04uc3RyaW5naWZ5KHtkYXRhOntjb21tYW5kOiJzdG9wc2NhbiIsdXNlcklkOnMsc291cmNlOiJhcHAifSxldmVudDoicmVhZGVyIn0pKSxwb3N0TWVzc2FnZSh7c3RhdHVzOiJzY2FuX3N0b3BwZWQifSksY29uc29sZS5pbmZvKCJTY2FuIFByb2Nlc3MgU3RvcHBlZCEiKSl9fSkoKTsK", R6e = (t) => Uint8Array.from(atob(t), (e) => e.charCodeAt(0)), UR = typeof self < "u" && self.Blob && new Blob([R6e(pP)], { type: "text/javascript;charset=utf-8" });
+function mP(t) {
+  let e;
+  try {
+    if (e = UR && (self.URL || self.webkitURL).createObjectURL(UR), !e) throw "";
+    const n = new Worker(e, {
+      name: t == null ? void 0 : t.name
+    });
+    return n.addEventListener("error", () => {
+      (self.URL || self.webkitURL).revokeObjectURL(e);
+    }), n;
+  } catch {
+    return new Worker(
+      "data:text/javascript;base64," + pP,
+      {
+        name: t == null ? void 0 : t.name
+      }
+    );
+  } finally {
+    e && (self.URL || self.webkitURL).revokeObjectURL(e);
+  }
+}
+const hP = /* @__PURE__ */ wt({
+  __name: "HardwareSync",
+  props: {
+    visible: { type: Boolean },
+    errorCode: {},
+    searchBy: {},
+    bulk: { type: Boolean },
+    withoutScanBtn: { type: Boolean }
+  },
+  emits: ["update:visible", "scan"],
+  setup(t, { emit: e }) {
+    const n = t, r = e, a = a3();
+    Pn(() => {
+      de();
+    });
+    const {
+      device: i,
+      devices: s,
+      saveDevices: o,
+      setDevice: l,
+      loadDevices: c
+    } = fP(), u = {
+      label: "None",
+      device: void 0
+    }, d = nt(!1), p = nt(u), m = nt(u), g = (te) => {
+      var ie, Ue;
+      if ((ie = s.value) != null && ie.length) {
+        const ue = (Ue = s.value) == null ? void 0 : Ue.filter((ze) => ze[te]).map((ze) => ({
+          label: `${ze.name ?? ze.jenisDevice + " - " + ze.serialNumber}`,
+          device: ze
+        }));
+        return ue.length ? ue : [];
       }
-    })(), x = () => {
-      if (n.static) {
-        const M = {};
-        n.fields.forEach((I) => {
-          Mu(
-            M,
-            C(I),
-            A(I)
-          );
-        }), o(M);
+      return p.value = u, m.value = u, [];
+    }, _ = Ye(() => g("rfidScan")), v = Ye(() => g("qrScan")), b = Ye(
+      () => n.errorCode === "NOT_SUPPORTED_SYSTEM"
+    ), E = Ye(() => n.searchBy === "RFID" && p.value.device), T = Ye(() => n.searchBy === "QR" && m.value.device), y = Ye(() => !!n.searchBy && n.errorCode !== "HARDWARE_NOT_SYNCHRONIZED"), C = async (te) => {
+      try {
+        o(te);
+        const ie = _.value.some(
+          (ue) => {
+            var ze, ve, Ee;
+            return ((ze = ue == null ? void 0 : ue.device) == null ? void 0 : ze.serialNumber) === ((Ee = (ve = p.value) == null ? void 0 : ve.device) == null ? void 0 : Ee.serialNumber);
+          }
+        ), Ue = v.value.some(
+          (ue) => {
+            var ze, ve, Ee;
+            return ((ze = ue == null ? void 0 : ue.device) == null ? void 0 : ze.serialNumber) === ((Ee = (ve = m.value) == null ? void 0 : ve.device) == null ? void 0 : Ee.serialNumber);
+          }
+        );
+        p.value = ie ? p.value : _.value[0] ?? u, m.value = Ue ? m.value : v.value[0] ?? u, J();
+      } catch (ie) {
+        A.value = P(uP(ie));
+      } finally {
+        d.value = !1;
       }
-    }, k = (M, I) => {
-      switch (M.type) {
-        case "rangenumber":
-          return M.field ? n.static ? `${M.field}.value.${I}` : `${M.field}` : n.static ? `${M.fields[I]}.value` : M.fields[I];
-        case "multiselect":
-        case "dropdown":
-        case "calendar":
-        case "category":
-        case "group":
-          return n.static ? `${M.field}.value` : `${M.field}`;
+    }, A = rt(), x = nt({
+      title: "The detected OS is not compatible",
+      detail: "Please check the OS compatibility list on our product information page."
+    }), k = nt({
+      title: "Scanner Disconnected",
+      detail: "Your scanner has been disconnected. Please reconnect it or select another device from the list."
+    }), M = nt({
+      title: "Scanner driver not found",
+      detail: "The scanner driver may not be running or installed correctly on your device. Please contact your administrator."
+    }), I = nt({
+      title: "Scanner not detected",
+      detail: "The scanner is either not detected or not identified by our system."
+    });
+    nt({
+      title: "Scanner is not registered",
+      detail: "The scanner is not registered in your company."
+    });
+    const P = (te) => {
+      switch (te ?? n.errorCode) {
+        case "DEVICE_NOT_CONNECTED":
+          return I.value;
+        case "DRIVER_NOT_FOUND":
+          return M.value;
+        case "NOT_SUPPORTED_SYSTEM":
+          return x.value;
+        case "DEVICE_DISCONNECTED":
+          return k.value;
+        default:
+          return;
       }
+    }, J = () => {
+      l({
+        RFID: p.value.device,
+        QR: m.value.device
+      });
+    }, de = () => {
+      c(), i.value.RFID ? p.value = {
+        label: i.value.RFID.name,
+        device: i.value.RFID
+      } : _.value.length && (p.value = _.value[0] ?? u), v.value.length && (m.value = v.value[0] ?? u), J();
+    }, Le = () => {
+      r("update:visible", !1), r("scan");
+    }, oe = () => {
+      var te;
+      d.value = !0, A.value = void 0, window.scannerWorker.onmessage = ({ data: ie }) => {
+        var Ue;
+        if (ie.status === "synced") {
+          const ue = ((Ue = ie == null ? void 0 : ie.data) == null ? void 0 : Ue.deviceList) ?? [];
+          C(ue);
+          const { error: ze } = (ie == null ? void 0 : ie.data) ?? {};
+          ze === "Driver not connected to server" ? (d.value = !1, A.value = P("DRIVER_NOT_FOUND")) : ue.length || (d.value = !1, A.value = P("DEVICE_NOT_CONNECTED"));
+        } else ie.status === "error_sync" && (d.value = !1, C([]), a.add({ message: "Failed to connecting scanner", severity: "error" }));
+      }, window.scannerWorker.postMessage({
+        command: "sync",
+        userId: (te = JSON.parse(localStorage.getItem("user") ?? "{}")) == null ? void 0 : te._id
+      });
+    }, Te = () => {
+      window.scannerWorker ?? (window.scannerWorker = new mP());
     };
-    return Mt(() => n.fields, E), (M, I) => tn((O(), K("form", N({
-      ref_key: "container",
-      ref: d
-    }, M.$preset.filtercontainer.root, {
-      style: `grid-template-columns: repeat(${M.fieldsPerRow}, 1fr)`,
-      onSubmit: I[0] || (I[0] = In(
-        //@ts-ignore
-        (...P) => G(y) && G(y)(...P),
-        ["prevent"]
-      )),
-      "data-wv-name": "filtercontainer"
-    }), [
-      (O(!0), K(lt, null, en(M.fields, (P) => (O(), K(lt, {
-        key: JSON.stringify(P) + m.value
-      }, [
-        P.type == "rangenumber" ? (O(), ne(jL, N({
-          key: 0,
-          ref_for: !0
-        }, P, {
-          mandatory: !1,
-          "max-field-name": k(P, 1),
-          "min-field-name": k(P, 0),
-          "show-optional-text": !1,
-          "use-validator": ""
-        }), null, 16, ["max-field-name", "min-field-name"])) : P.type == "multiselect" ? (O(), ne(eP, N({
-          key: 1,
-          ref_for: !0
-        }, P, {
-          "field-name": k(P),
-          loading: l.value[P.optionField ?? P.field],
-          mandatory: !1,
-          options: c.value[P.optionField ?? P.field],
-          "show-optional-text": !1,
-          onShow: (J) => v(
-            P.fetchOptionFn,
-            P.optionField ?? P.field,
-            P.params
-          ),
-          "option-label": "label",
-          "option-value": "value",
-          "use-validator": ""
-        }), null, 16, ["field-name", "loading", "options", "onShow"])) : P.type == "dropdown" ? (O(), ne(O2, N({
-          key: 2,
-          ref_for: !0
-        }, P, {
-          "field-name": k(P),
-          loading: l.value[P.field],
-          mandatory: !1,
-          options: c.value[P.optionField ?? P.field],
-          "show-optional-text": !1,
-          onShow: (J) => v(
-            P.fetchOptionFn,
-            P.optionField ?? P.field,
-            P.params
-          ),
-          "option-label": "label",
-          "option-value": "value",
-          "use-validator": ""
-        }), null, 16, ["field-name", "loading", "options", "onShow"])) : P.type === "calendar" ? (O(), ne(iP, N({
-          key: 3,
-          ref_for: !0
-        }, P, {
-          "field-name": k(P),
-          mandatory: !1,
-          "show-optional-text": !1,
-          "selection-mode": "range",
-          "use-validator": ""
-        }), null, 16, ["field-name"])) : $e(M.$slots, "field", {
-          key: 4,
-          field: P,
-          fieldName: k(P)
-        })
-      ], 64))), 128)),
-      re("div", D6e, [
-        ge(Qt, {
-          label: G(a).clearFieldText,
-          onClick: T,
-          "data-wv-section": "clearbutton",
+    return Mt(
+      () => n.visible,
+      (te) => {
+        te && (Te(), A.value = P(), de(), d.value = !1);
+      }
+    ), (te, ie) => (O(), ne(A0, {
+      closable: !y.value,
+      "header-class": [
+        {
+          "flex !gap-1 !items-center !justify-center !text-sm !font-bold !leading-[18px] tracking-[0.02em] [&>div]:hidden": y.value
+        }
+      ],
+      visible: te.visible,
+      "onUpdate:visible": ie[3] || (ie[3] = (Ue) => te.$emit("update:visible", Ue)),
+      class: "w-[400px]",
+      "content-class": "!overflow-y-visible",
+      "footer-class": "!gap-1",
+      header: "Hardware Synchronize",
+      modal: ""
+    }, Ma({
+      footer: Me(() => [
+        y.value ? (O(), ne(Qt, {
+          key: 0,
+          onClick: ie[2] || (ie[2] = (Ue) => te.$emit("update:visible", !1)),
+          label: "Close",
+          severity: "secondary",
           text: ""
-        }, null, 8, ["label"]),
+        })) : fe("", !0),
+        b.value ? fe("", !0) : (O(), K(lt, { key: 1 }, [
+          E.value && !n.withoutScanBtn ? (O(), ne(Qt, {
+            key: 0,
+            onClick: Le,
+            icon: "rfid",
+            label: "Scan RFID"
+          })) : fe("", !0),
+          T.value && !n.withoutScanBtn ? (O(), ne(Qt, {
+            key: 1,
+            onClick: Le,
+            icon: "qr",
+            label: "Scan QR"
+          })) : fe("", !0)
+        ], 64))
+      ]),
+      default: Me(() => [
+        A.value ? (O(), ne(r6e, {
+          key: 0,
+          class: ht(["p-[9.52px] transition"]),
+          message: A.value.detail,
+          removable: !1,
+          "show-icon": !1,
+          title: A.value.title,
+          "message-wrapper-class": "text-[11px] leading-[14px] tracking-[0.02em]",
+          severity: "danger"
+        }, null, 8, ["message", "title"])) : fe("", !0),
         ge(Qt, {
-          label: G(a).applyText,
-          onClick: G(y),
-          "data-wv-section": "applybutton",
-          severity: "success"
-        }, null, 8, ["label", "onClick"])
-      ])
-    ], 16)), [
-      [Qa, p.value]
-    ]);
-  }
-}), Z5e = /* @__PURE__ */ wt({
-  __name: "FilterContainer",
-  setup(t) {
-    return (e, n) => (O(), ne(k6e, N({
-      fields: e.$attrs.fields
-    }, e.$attrs), {
-      field: Me(({ field: r, fieldName: a }) => [
-        ge(N6e, N(r, {
-          "field-data-key": r.fieldDataKey ?? "key",
-          "field-label": r.label,
-          "field-name": a,
-          label: r.buttonLabel,
-          mandatory: !1,
-          params: r.params,
-          "show-optional-text": !1,
-          "use-validator": ""
-        }), null, 16, ["field-data-key", "field-label", "field-name", "label", "params"])
+          disabled: b.value,
+          loading: d.value,
+          onClick: oe,
+          icon: "refresh",
+          label: "Sync",
+          "loading-icon": "refresh",
+          outlined: ""
+        }, null, 8, ["disabled", "loading"]),
+        re("section", {
+          class: ht([
+            "grid grid-cols-2 gap-3 justify-start w-full",
+            { "opacity-60 pointer-events-none": b.value }
+          ]),
+          "data-ts-section": "scanner-list"
+        }, [
+          ge(O2, {
+            modelValue: p.value,
+            "onUpdate:modelValue": [
+              ie[0] || (ie[0] = (Ue) => p.value = Ue),
+              J
+            ],
+            options: _.value,
+            label: "RFID Scanner",
+            "option-label": "label"
+          }, null, 8, ["modelValue", "options"]),
+          ge(O2, {
+            modelValue: m.value,
+            "onUpdate:modelValue": [
+              ie[1] || (ie[1] = (Ue) => m.value = Ue),
+              J
+            ],
+            options: v.value,
+            label: "QR Scanner",
+            "option-label": "label"
+          }, null, 8, ["modelValue", "options"])
+        ], 2)
       ]),
-      _: 1
-    }, 16, ["fields"]));
+      _: 2
+    }, [
+      y.value ? {
+        name: "header",
+        fn: Me(() => {
+          var Ue;
+          return [
+            ge(Lt, {
+              icon: (Ue = te.searchBy) == null ? void 0 : Ue.toLowerCase()
+            }, null, 8, ["icon"]),
+            re("h3", null, "Scan " + We(te.searchBy), 1)
+          ];
+        }),
+        key: "0"
+      } : void 0
+    ]), 1032, ["closable", "header-class", "visible"]));
   }
-}), M6e = { class: "w-full" }, J5e = /* @__PURE__ */ wt({
-  __name: "InputSearch",
-  emits: ["search"],
-  setup(t, { emit: e }) {
-    const n = e, r = nt(), a = nt(), i = (s) => {
-      r.value = s.target.value || void 0, a.value = s.target.value || void 0;
-    };
-    return (s, o) => {
-      var l, c;
-      return O(), K("form", {
-        class: ht([
-          "text-xs flex gap-1 h-[34px] px-[21px] items-center",
-          "rounded-[18px] bg-general-50"
-        ]),
-        onSubmit: o[1] || (o[1] = In((u) => n("search", r.value), ["prevent"]))
-      }, [
-        re("div", M6e, [
-          ge(G(lu), {
-            class: ht([
-              "h-auto !shadow-none !p-0 !text-general-500 placeholder:text-general-200 !bg-general-50"
-            ]),
-            "model-value": a.value,
-            onInput: i,
-            autocomplete: "off",
-            placeholder: "Search asset"
-          }, null, 8, ["model-value"])
+}), I6e = { class: "flex gap-2 items-center" }, N6e = { class: "flex gap-0.5 items-center leading-4" }, D6e = { class: "flex gap-5 items-center" }, k6e = /* @__PURE__ */ re("span", null, "do not leave this page", -1), M6e = {
+  key: 1,
+  class: "text-xs font-medium leading-[16.39px] tracking-[0.02em]"
+}, Z5e = /* @__PURE__ */ wt({
+  __name: "ButtonScan",
+  props: {
+    label: {},
+    icon: {},
+    type: { default: "RFID" },
+    autoSwitch: { type: Boolean },
+    scanValidation: {},
+    modelValue: {},
+    bulk: { type: Boolean },
+    id: {},
+    disabled: { type: Boolean },
+    powerbank: { type: Boolean },
+    labelOnly: { type: Boolean },
+    outlined: { type: Boolean },
+    severity: {},
+    size: { default: void 0 },
+    style: {},
+    class: {},
+    iconPos: {},
+    iconClass: {},
+    tooltip: {},
+    tooltipPos: {},
+    badge: {},
+    badgeClass: {},
+    badgeSeverity: {},
+    loading: { type: Boolean },
+    loadingIcon: {},
+    link: { type: Boolean },
+    raised: { type: Boolean },
+    rounded: { type: Boolean },
+    text: { type: Boolean },
+    plain: { type: Boolean }
+  },
+  emits: ["update:modelValue", "connect", "connected", "scan", "stop", "error", "beforeStartScan"],
+  setup(t, { expose: e, emit: n }) {
+    const r = t, a = n;
+    J1(() => {
+      ze();
+    });
+    const i = a3(), { devices: s, device: o, saveDevices: l, setDevice: c } = fP(), u = nt(!1), d = nt(!1), p = nt(!1), m = nt(!1), g = nt(!1), _ = nt(!1), v = nt(), b = nt(0), E = nt(r.type ?? "RFID"), T = [], y = Ye(
+      () => E.value === "RFID" ? "RFID_Scanning" : "QR_Scanning"
+    ), C = Ye(
+      () => E.value === "RFID" ? "RFID_Connecting" : "QR_Connecting"
+    );
+    Ye(() => `The scanner could not identify the ${E.value} code. It may be damaged or improperly positioned. Please check the code and try again.`);
+    const A = () => {
+      window.scannerWorker ?? (window.scannerWorker = new mP());
+    }, x = () => {
+      const { serialNumber: xe = "" } = o.value[E.value] ?? {};
+      return xe;
+    }, k = async () => {
+      try {
+        A(), await M(), u.value = !0;
+      } catch (xe) {
+        console.error(xe), u.value = !1;
+      }
+    }, M = async () => {
+      var xe;
+      try {
+        if (!ve())
+          throw new Error("NOT_SUPPORTED_SYSTEM");
+        if (a("connect"), !s.value.length || !o.value[E.value])
+          throw new Error("HARDWARE_NOT_SYNCHRONIZED");
+        i.add({
+          customMessage: !0,
+          message: E.value === "QR" ? "Connecting QR Scanner..." : "Connecting RFID Scanner...",
+          severity: "info",
+          life: 0,
+          group: C.value
+        }), p.value = !0;
+        const me = () => {
+          a("connected", o.value[E.value]), setTimeout(() => {
+            I();
+          }, 0);
+        };
+        window.scannerWorker.onmessage = ({ data: Ne }) => {
+          var B;
+          if (Ne.status === "connection_established")
+            try {
+              const { error: q } = (Ne == null ? void 0 : Ne.data) ?? {}, Y = ((B = Ne == null ? void 0 : Ne.data) == null ? void 0 : B.deviceList) ?? [], H = o.value[r.type], le = Y.some(
+                (Q) => Q.serialNumber === (H == null ? void 0 : H.serialNumber)
+              );
+              if (Y.length && le)
+                me();
+              else {
+                if (q === "Driver not connected to server")
+                  throw new Error("DRIVER_NOT_FOUND");
+                if (!Y.length)
+                  throw new Error("DEVICE_NOT_CONNECTED");
+              }
+              i.removeGroup(C.value);
+            } catch (q) {
+              P(q);
+            }
+          else Ne.status === "connection_reused" ? me() : Ne.status === "error_connecting" && (i.removeGroup(C.value), i.add({
+            customMessage: !0,
+            message: "Scanner connection failed",
+            severity: "error"
+          }));
+        }, window.scannerWorker.postMessage({
+          command: "connect",
+          userId: (xe = JSON.parse(localStorage.getItem("user") ?? "{}")) == null ? void 0 : xe._id
+        });
+      } catch (me) {
+        P(me);
+      }
+    }, I = (xe = !1, me = !1) => {
+      var B;
+      _.value = !1, i.removeGroup(C.value), localStorage.devmode || (window.addEventListener("blur", ue), window.addEventListener("beforeunload", ue));
+      const Ne = o.value[E.value];
+      if (Ne) {
+        let q = "";
+        r.bulk ? q = `bulkscan-${E.value.toLowerCase()}` : q = `scan-${E.value.toLowerCase()}`, window.scannerWorker.onmessage = async ({ data: Y }) => {
+          var H;
+          if (Y.status === "scan_started")
+            me || (b.value++, setTimeout(() => {
+              i.add({
+                customMessage: !0,
+                message: "scanning",
+                severity: "info",
+                life: 0,
+                group: y.value
+              });
+            }, 0));
+          else if (Y.status === "scanned") {
+            const { code: le, error: Q, deviceList: Z } = (Y == null ? void 0 : Y.data) ?? {};
+            if (Q) return J(Q, Z);
+            if (le) {
+              if (["scan-rfid", "scan-qr"].includes(q)) {
+                g.value = !!r.scanValidation;
+                const Ce = await ((H = r.scanValidation) == null ? void 0 : H.call(
+                  r,
+                  E.value,
+                  le,
+                  x()
+                )) ?? !0;
+                if (g.value = !1, Ce)
+                  r.autoSwitch ? (Te(), Ue()) : te(!0);
+                else {
+                  _.value || I(!1, !0);
+                  return;
+                }
+              }
+              T.includes(le) || (a("update:modelValue", le), a("scan", le, x()), r.bulk && T.push(le));
+            }
+          } else Y.status === "scan_stopped" ? te(!0) : Y.status === "scan_error" && de(Y.error);
+        }, window.scannerWorker.onerror = de, window.scannerWorker.postMessage({
+          command: "scan",
+          scanCommand: q,
+          userId: (B = JSON.parse(localStorage.getItem("user") ?? "{}")) == null ? void 0 : B._id,
+          source: "app",
+          jenisDevice: Ne.jenisDevice,
+          serialNumber: Ne.serialNumber,
+          newConnection: xe
+        });
+      }
+    }, P = (xe) => {
+      c({ RFID: void 0, QR: void 0 }), m.value = !0, v.value = xe instanceof Error ? xe.message : uP(xe), p.value = !1, a("error", xe), i.removeGroup(C.value);
+    }, J = (xe, me = []) => {
+      let Ne = "";
+      v.value = void 0, ie(!0), xe === "Time out" ? Ne = "The scanning process has timed out. Please try again." : xe === "Driver not connected to server" ? v.value = "DRIVER_NOT_FOUND" : xe === "Device disconnected" && (v.value = "DEVICE_DISCONNECTED", l(me), c({ RFID: void 0, QR: void 0 })), a("error", xe), m.value = !!v.value, Ne && i.add({
+        customMessage: !0,
+        message: Ne,
+        error: xe,
+        life: 6e3,
+        group: y.value
+      });
+    }, de = (xe) => {
+      ie(!0), a("error", xe), i.add({
+        customMessage: !0,
+        message: "An unexpected error occurred during scanning. Please try again, and if the issue persists, contact your administrator for assistance.",
+        error: xe,
+        life: 6e3,
+        group: y.value
+      });
+    }, Le = () => {
+      window.Cypress ? oe() : k();
+    }, oe = () => {
+      i.add({
+        customMessage: !0,
+        message: "Connecting device...",
+        severity: "info",
+        life: 3e3,
+        group: C.value
+      }), setTimeout(async () => {
+        var xe;
+        if (a("connect"), a("connected", {
+          jenisDevice: "Handheld",
+          serialNumber: qb(),
+          API: "v2",
+          rfidScan: !0,
+          qrScan: !0,
+          name: "Device Test"
+        }), r.bulk)
+          a("scan", qb(), "serialNumber");
+        else {
+          const me = qb();
+          g.value = !!r.scanValidation;
+          const Ne = await ((xe = r.scanValidation) == null ? void 0 : xe.call(
+            r,
+            E.value,
+            me,
+            x()
+          )) ?? !0;
+          g.value = !1, Ne && (a("scan", me, "serialNumber"), te());
+        }
+      }, 100);
+    }, Te = () => {
+      i.removeGroup("RFID_Scanning"), i.removeGroup("QR_Scanning");
+    }, te = (xe = !1) => {
+      Te(), p.value = !1, ze(), xe && a("stop"), T.splice(0);
+    }, ie = (xe = !1) => {
+      var me;
+      window.scannerWorker.onmessage = null, window.scannerWorker.postMessage({
+        command: "stopscan",
+        userId: (me = JSON.parse(localStorage.getItem("user") ?? "{}")) == null ? void 0 : me._id
+      }), te(xe), _.value = !0, u.value = !1;
+    }, Ue = () => {
+      r.bulk || (o.value[E.value] ? (E.value = E.value === "QR" ? "RFID" : "QR", I()) : (te(), m.value = !0, v.value = "HARDWARE_NOT_SYNCHRONIZED", p.value = !1));
+    }, ue = (xe) => {
+      d.value = !0, ie(!0), xe.preventDefault();
+    }, ze = () => {
+      window.removeEventListener("blur", ue), window.removeEventListener("beforeunload", ue);
+    }, ve = () => {
+      const { userAgent: xe } = navigator;
+      return xe.includes("Windows");
+    }, Ee = Ye(() => {
+      if (!r.labelOnly)
+        return r.icon ? r.icon : r.autoSwitch ? "qr-scan" : E.value === "QR" ? "qr" : "rfid";
+    }), Ae = Ye(() => r.label ? r.label : r.autoSwitch ? "SCAN TAG" : E.value === "QR" ? "Scan QR" : "Scan RFID");
+    return e({
+      onBeforeStartScan: Le,
+      startScan: k,
+      stopScan: ie
+    }), (xe, me) => (O(), K(lt, null, [
+      ge(G(Qt), N(xe.$attrs, {
+        class: [
+          {
+            "[&_i]:w-2 [&_i]:h-2": xe.type === "QR",
+            "[&_i]:w-[11px] [&_i]:h-[7px]": xe.type === "RFID"
+          },
+          "!px-1.5"
+        ],
+        disabled: r.disabled,
+        icon: Ee.value,
+        label: Ae.value,
+        outlined: r.outlined,
+        severity: r.severity,
+        size: r.size,
+        onClick: Le
+      }), null, 16, ["class", "disabled", "icon", "label", "outlined", "severity", "size"]),
+      ge(hP, {
+        visible: m.value,
+        "onUpdate:visible": me[0] || (me[0] = (Ne) => m.value = Ne),
+        bulk: xe.bulk,
+        "error-code": v.value,
+        "search-by": E.value,
+        onScan: Le
+      }, null, 8, ["visible", "bulk", "error-code", "search-by"]),
+      u.value ? (O(), ne(G(Gf), {
+        key: 0,
+        "base-z-index": 9983,
+        group: C.value,
+        icon: "info"
+      }, null, 8, ["group"])) : fe("", !0),
+      u.value ? (O(), ne(G(Gf), {
+        key: 1,
+        "base-z-index": 9997,
+        class: "!absolute !bottom-[80px] !h-max",
+        group: "scan-error-validation"
+      })) : fe("", !0),
+      u.value ? (O(), ne(G(Gf), {
+        key: b.value,
+        "base-z-index": 9984,
+        group: y.value,
+        class: "[&_[data-pc-section=buttoncontainer]]"
+      }, {
+        message: Me(({ message: Ne }) => [
+          re("div", {
+            class: ht(
+              Ne.detail == "scanning" ? "w-full -mr-8 z-10 flex gap-2 justify-between items-center text-general-800 text-xs font-normal" : "w-full"
+            )
+          }, [
+            Ne.detail === "scanning" ? (O(), K(lt, { key: 0 }, [
+              re("section", I6e, [
+                ge(G(Lt), {
+                  class: "animate-spin text-base",
+                  icon: "loader-4"
+                }),
+                re("span", N6e, [
+                  E.value === "RFID" ? (O(), K(lt, { key: 0 }, [
+                    ge(G(Lt), {
+                      class: "text-base !w-4 !h-4",
+                      icon: "rfid"
+                    }),
+                    dn(" " + We(g.value ? "Validating RFID..." : "RFID Scanning..."), 1)
+                  ], 64)) : (O(), K(lt, { key: 1 }, [
+                    ge(G(Lt), {
+                      class: "text-sm",
+                      icon: "qr"
+                    }),
+                    dn(" " + We(g.value ? "Validating QR..." : "QR Scanning..."), 1)
+                  ], 64))
+                ])
+              ]),
+              re("section", D6e, [
+                k6e,
+                ge(G(Qt), {
+                  onClick: me[1] || (me[1] = (B) => ie(!0)),
+                  label: "Stop Scan",
+                  severity: "danger"
+                })
+              ])
+            ], 64)) : (O(), K("span", M6e, We(Ne.detail), 1))
+          ], 2)
         ]),
-        ge(Lt, {
-          class: ht([
-            "text-md !text-general-400 !w-4 !h-4",
-            { hidden: (l = a.value) == null ? void 0 : l.length }
-          ]),
-          icon: "search"
-        }, null, 8, ["class"]),
-        ge(Lt, {
+        _: 1
+      }, 8, ["group"])) : fe("", !0),
+      ge(G(Cy), {
+        visible: d.value,
+        "onUpdate:visible": me[2] || (me[2] = (Ne) => d.value = Ne),
+        header: `${E.value} SCAN STOPPED`,
+        onConfirm: me[3] || (me[3] = (Ne) => (d.value = !1, Le())),
+        "confirm-label": "Continue",
+        message: "The scan process was interrupted because you want to leave this window.",
+        severity: "danger"
+      }, null, 8, ["visible", "header"]),
+      (O(), ne(ES, { to: "body" }, [
+        p.value ? (O(), K("div", {
+          key: 0,
           class: ht([
-            "text-md !text-general-400 !w-4 !h-4",
-            { hidden: !((c = a.value) != null && c.length) }
+            xe.$preset.dialog.mask({ props: { modal: !0 } }).class,
+            "w-screen h-screen fixed top-0 left-0",
+            "!z-[9982]"
           ]),
-          onClick: o[0] || (o[0] = (u) => a.value = void 0),
-          "data-ts-section": "reset-filter-icon",
-          icon: "close"
-        }, null, 8, ["class"])
-      ], 32);
-    };
+          "data-ts-section": "toast-mask"
+        }, null, 2)) : fe("", !0)
+      ]))
+    ], 64));
+  }
+}), J5e = /* @__PURE__ */ wt({
+  __name: "ButtonSync",
+  props: {
+    withoutScanBtn: { type: Boolean }
+  },
+  setup(t) {
+    const e = t, n = nt(!1);
+    return (r, a) => (O(), K(lt, null, [
+      ge(Qt, N({
+        onClick: a[0] || (a[0] = (i) => n.value = !0)
+      }, r.$attrs, {
+        icon: "refresh",
+        label: "Sync",
+        outlined: ""
+      }), null, 16),
+      ge(hP, {
+        visible: n.value,
+        "onUpdate:visible": a[1] || (a[1] = (i) => n.value = i),
+        "without-scan-btn": e.withoutScanBtn
+      }, null, 8, ["visible", "without-scan-btn"])
+    ], 64));
   }
 }), L6e = "data:image/svg+xml,%3csvg%20width='125'%20height='125'%20viewBox='0%200%20125%20125'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3crect%20x='0.25'%20y='0.25'%20width='124.5'%20height='124.5'%20rx='7.75'%20fill='%23EBEAF0'/%3e%3crect%20x='0.25'%20y='0.25'%20width='124.5'%20height='124.5'%20rx='7.75'%20stroke='%23D9DBE9'%20stroke-width='0.5'/%3e%3crect%20x='26'%20y='32'%20width='74'%20height='62'%20fill='url(%23pattern0_7801_14173)'%20fill-opacity='0.25'/%3e%3cdefs%3e%3cpattern%20id='pattern0_7801_14173'%20patternContentUnits='objectBoundingBox'%20width='1'%20height='1'%3e%3cuse%20xlink:href='%23image0_7801_14173'%20transform='matrix(0.00382482%200%200%200.00458979%200.0059523%200)'/%3e%3c/pattern%3e%3cimage%20id='image0_7801_14173'%20width='747'%20height='215'%20preserveAspectRatio='none'%20xlink:href='data:image/png;base64,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'/%3e%3c/defs%3e%3c/svg%3e", gc = (t) => {
   const e = [], n = window.location.pathname, r = C0(t);
@@ -133417,7 +133417,7 @@ export {
   E5e as ApproverInfo,
   $l as Badge,
   S5e as BadgeGroup,
-  y6e as BaseTree,
+  d6e as BaseTree,
   y5e as Breadcrumb,
   Qt as Button,
   T5e as ButtonBulkAction,
@@ -133426,11 +133426,11 @@ export {
   x5e as ButtonFilter,
   Q5e as ButtonImportExcel,
   sse as ButtonRadio,
-  j5e as ButtonScan,
+  Z5e as ButtonScan,
   O5e as ButtonSearch,
-  N6e as ButtonSelectTree,
+  E6e as ButtonSelectTree,
   w5e as ButtonSplit,
-  X5e as ButtonSync,
+  J5e as ButtonSync,
   R5e as ButtonToggle,
   iP as Calendar,
   I5e as Card,
@@ -133440,17 +133440,17 @@ export {
   A0 as Dialog,
   Cy as DialogConfirm,
   c3e as DialogForm,
-  R6e as DialogSelectTree,
+  v6e as DialogSelectTree,
   O2 as Dropdown,
   $be as Editor,
   SEe as FileUpload,
-  Z5e as FilterContainer,
+  j5e as FilterContainer,
   m5e as Focus,
   jD as Form,
   Lt as Icon,
   im as Image,
   k5e as ImageCompressor,
-  c6e as InlineMessage,
+  r6e as InlineMessage,
   M5e as InputBadge,
   L5e as InputCurrency,
   P5e as InputEmail,
@@ -133458,7 +133458,7 @@ export {
   F5e as InputPassword,
   B5e as InputPhoneNumber,
   jL as InputRangeNumber,
-  J5e as InputSearch,
+  X5e as InputSearch,
   f3 as InputText,
   mR as InputURL,
   lSe as InvisibleField,
@@ -133478,7 +133478,7 @@ export {
   nD as ToggleSwitch,
   p5e as Tooltip,
   Y5e as TooltipSpan,
-  T6e as Tree,
+  f6e as Tree,
   K5e as UserGroup,
   $c as UserName,
   eTe as WangsVue,