@fewangsit/wangsvue-fats 1.0.1-alpha.67 → 1.0.1-alpha.68

package/buttonscan/index.es.js

@@ -1,5 +1,5 @@
 import { AxiosError as Re } from "axios";
-import { ref as ce, defineComponent as _e, onBeforeUnmount as De, shallowRef as m, computed as E, createElementBlock as D, openBlock as d, Fragment as F, createVNode as b, createBlock as U, createCommentVNode as V, mergeProps as Ne, withCtx as ke, createElementVNode as O, normalizeClass as se, createTextVNode as ne, toDisplayString as A, Teleport as he } from "vue";
+import { ref as ce, defineComponent as _e, onBeforeUnmount as De, shallowRef as m, computed as E, createElementBlock as D, openBlock as d, Fragment as F, createVNode as b, createBlock as U, createCommentVNode as V, mergeProps as ke, withCtx as Ne, createElementVNode as O, normalizeClass as se, createTextVNode as ne, toDisplayString as A, Teleport as he } from "vue";
 import { ChangelogServices as Ce } from "@tagsamurai/fats-api-services";
 import { u as Ie } from "../utils/baseToast.util.es.js";
 import { _ as oe } from "../button/index.es.js";
@@ -8,21 +8,21 @@ import { _ as Oe } from "../hardwaresync/index.es.js";
 import { _ as J } from "../icon/index.es.js";
 import { _ as z } from "../toast/index.es.js";
 import { v as G } from "../vendor/uuid/dist/esm-browser/v4.es.js";
-const Te = (t) => {
-  if (t instanceof Re)
-    return t.response ? "DEVICE_NOT_CONNECTED" : "DRIVER_NOT_FOUND";
-  if (t instanceof Error && ["NOT_SUPPORTED_SYSTEM", "HARDWARE_NOT_SYNCHRONIZED"].includes(
-    t.message
+const Te = (a) => {
+  if (a instanceof Re)
+    return a.response ? "DEVICE_NOT_CONNECTED" : "DRIVER_NOT_FOUND";
+  if (a instanceof Error && ["NOT_SUPPORTED_SYSTEM", "HARDWARE_NOT_SYNCHRONIZED"].includes(
+    a.message
   ))
-    return t.message;
+    return a.message;
 }, ie = `(function(){"use strict";let n=null,t=null,a,c,r="";self.onmessage=s=>{const e=s.data;switch(c=e.companyCode,e.command){case"sync":l(e);break;case"connect":g(e);break;case"scan":S(e);break;case"stopscan":p(e);break}};const d=s=>{let e="established";n&&n.readyState===WebSocket.OPEN?(e="reused",s.onopen(n,e),m(s.timeout)):n=new WebSocket("wss://dev-api.tagsamurai.com/rfid-reader-go"),n.onopen=()=>{r=Math.random().toString(36).substring(2,15)+Math.random().toString(36).substring(2,15),e="established",n&&s.onopen(n,e),m(s.timeout)},n.onmessage=o=>{s.onmessage(o),m(s.timeout)},n.onerror=o=>{console.error("🚀 ~ Scanner Worker: openConnection ~ error:",o),s.onerror(o),n==null||n.close(),n=null,t&&clearTimeout(t)}},u=()=>{p({userId:a}),a=void 0,n&&n.close(),n=null,t&&clearTimeout(t),console.info("Socket connection has been closed!")},m=(s=0)=>{s&&(t&&clearTimeout(t),t=setTimeout(u,s))},l=({userId:s})=>{a=s,d({onopen:e=>{e.send(JSON.stringify({data:{command:"connect",userId:s,sessionId:r,companyCode:c,source:"app"},event:"reader"}))},onmessage:e=>{postMessage({status:"synced",...JSON.parse(e.data)})},onerror:e=>{postMessage({status:"sync_error",error:e})}})},g=({userId:s})=>{a=s,d({onopen:(e,o)=>{o==="established"?e.send(JSON.stringify({data:{command:"connect",userId:s,source:"app",sessionId:r,companyCode:c},event:"reader"})):postMessage({status:"connection_reused"})},onmessage:e=>{postMessage({status:"connection_established",...JSON.parse(e.data)})},onerror:e=>{postMessage({status:"error_connecting",error:e})}})},S=({scanCommand:s,userId:e,serialNumber:o,jenisDevice:f})=>{a=e,d({onopen:i=>{i.send(JSON.stringify({data:{command:s,userId:e,sessionId:r,companyCode:c,source:"app",serialNumber:o,jenisDevice:f},event:"reader"})),postMessage({status:"scan_started"})},onmessage:i=>{postMessage({status:"scanned",...JSON.parse(i.data)})},onerror:i=>{postMessage({status:"scan_error",error:i})}})},p=({userId:s})=>{n&&n.readyState===WebSocket.OPEN&&(n.send(JSON.stringify({data:{command:"stopscan",userId:s,source:"app",sessionId:r,companyCode:c},event:"reader"})),postMessage({status:"scan_stopped"}),console.info("Scan Process Stopped!"))}})();
-`, ae = typeof self < "u" && self.Blob && new Blob([ie], { type: "text/javascript;charset=utf-8" });
-function xe(t) {
+`, te = typeof self < "u" && self.Blob && new Blob([ie], { type: "text/javascript;charset=utf-8" });
+function xe(a) {
   let u;
   try {
-    if (u = ae && (self.URL || self.webkitURL).createObjectURL(ae), !u) throw "";
+    if (u = te && (self.URL || self.webkitURL).createObjectURL(te), !u) throw "";
     const p = new Worker(u, {
-      name: t == null ? void 0 : t.name
+      name: a == null ? void 0 : a.name
     });
     return p.addEventListener("error", () => {
       (self.URL || self.webkitURL).revokeObjectURL(u);
@@ -31,25 +31,25 @@ function xe(t) {
     return new Worker(
       "data:text/javascript;charset=utf-8," + encodeURIComponent(ie),
       {
-        name: t == null ? void 0 : t.name
+        name: a == null ? void 0 : a.name
       }
     );
   } finally {
     u && (self.URL || self.webkitURL).revokeObjectURL(u);
   }
 }
-const le = () => window.devices ?? [], Be = () => window.device ?? { RFID: null, QR: null }, te = ce(le()), re = ce(Be()), Le = () => {
-  const t = (s) => {
+const le = () => window.devices ?? [], Be = () => window.device ?? { RFID: null, QR: null }, ae = ce(le()), re = ce(Be()), Le = () => {
+  const a = (s) => {
     window.devices = s, p();
   }, u = (s) => {
     window.device = s, re.value = s;
   }, p = () => {
-    te.value = le();
+    ae.value = le();
   };
   return {
-    devices: te,
+    devices: ae,
     device: re,
-    saveDevices: t,
+    saveDevices: a,
     setDevice: u,
     loadDevices: p
   };
@@ -91,21 +91,21 @@ const le = () => window.devices ?? [], Be = () => window.device ?? { RFID: null,
     plain: { type: Boolean }
   },
   emits: ["update:modelValue", "connect", "connected", "scan", "stop", "error", "beforeStartScan"],
-  setup(t, { expose: u, emit: p }) {
-    const s = t, c = p;
+  setup(a, { expose: u, emit: p }) {
+    const s = a, c = p;
     De(() => {
       ee();
     });
-    const i = Ie(), { devices: ue, device: y, saveDevices: de, setDevice: H } = Le(), w = m(!1), T = m(!1), N = m(!1), k = m(!1), R = m(!1), P = m(!1), g = m(), q = m(0), a = m(s.type ?? "RFID"), Q = [], x = E(
-      () => a.value === "RFID" ? "RFID_Scanning" : "QR_Scanning"
+    const i = Ie(), { devices: ue, device: y, saveDevices: de, setDevice: H } = Le(), w = m(!1), T = m(!1), k = m(!1), N = m(!1), R = m(!1), P = m(!1), g = m(), q = m(0), t = m(s.type ?? "RFID"), Q = [], x = E(
+      () => t.value === "RFID" ? "RFID_Scanning" : "QR_Scanning"
     ), S = E(
-      () => a.value === "RFID" ? "RFID_Connecting" : "QR_Connecting"
+      () => t.value === "RFID" ? "RFID_Connecting" : "QR_Connecting"
     );
-    E(() => `The scanner could not identify the ${a.value} code. It may be damaged or improperly positioned. Please check the code and try again.`);
+    E(() => `The scanner could not identify the ${t.value} code. It may be damaged or improperly positioned. Please check the code and try again.`);
     const ve = () => {
       window.scannerWorker ?? (window.scannerWorker = new xe());
     }, B = () => {
-      const { serialNumber: e = "" } = y.value[a.value] ?? {};
+      const { serialNumber: e = "" } = y.value[t.value] ?? {};
       return e;
     }, Y = async () => {
       try {
@@ -118,17 +118,17 @@ const le = () => window.devices ?? [], Be = () => window.device ?? { RFID: null,
       try {
         if (!Se())
           throw new Error("NOT_SUPPORTED_SYSTEM");
-        if (c("connect"), !ue.value.length || !y.value[a.value])
+        if (c("connect"), !ue.value.length || !y.value[t.value])
           throw new Error("HARDWARE_NOT_SYNCHRONIZED");
         i.add({
           customMessage: !0,
-          message: a.value === "QR" ? "Connecting QR Scanner..." : "Connecting RFID Scanner...",
+          message: t.value === "QR" ? "Connecting QR Scanner..." : "Connecting RFID Scanner...",
           severity: "info",
           life: 0,
           group: S.value
-        }), N.value = !0;
+        }), k.value = !0;
         const n = () => {
-          c("connected", y.value[a.value]), setTimeout(() => {
+          c("connected", y.value[t.value]), setTimeout(() => {
             $();
           }, 0);
         };
@@ -167,10 +167,10 @@ const le = () => window.devices ?? [], Be = () => window.device ?? { RFID: null,
     }, $ = (e = !1, o = !1) => {
       var r, I;
       P.value = !1, i.removeGroup(S.value), localStorage.devmode || (window.addEventListener("blur", M), window.addEventListener("beforeunload", M));
-      const n = y.value[a.value];
+      const n = y.value[t.value];
       if (n) {
         let f = "";
-        s.bulk ? f = `bulkscan-${a.value.toLowerCase()}` : f = `scan-${a.value.toLowerCase()}`, window.scannerWorker.onmessage = async ({ data: l }) => {
+        s.bulk ? f = `bulkscan-${t.value.toLowerCase()}` : f = `scan-${t.value.toLowerCase()}`, window.scannerWorker.onmessage = async ({ data: l }) => {
           var _;
           if (l.status === "scan_started")
             o || (q.value++, setTimeout(() => {
@@ -190,7 +190,7 @@ const le = () => window.devices ?? [], Be = () => window.device ?? { RFID: null,
                 R.value = !!s.scanValidation;
                 const j = await ((_ = s.scanValidation) == null ? void 0 : _.call(
                   s,
-                  a.value,
+                  t.value,
                   v,
                   B()
                 )) ?? !0;
@@ -226,10 +226,10 @@ const le = () => window.devices ?? [], Be = () => window.device ?? { RFID: null,
         });
       }
     }, Z = (e) => {
-      H({ RFID: void 0, QR: void 0 }), k.value = !0, g.value = e instanceof Error ? e.message : Te(e), N.value = !1, c("error", e), i.removeGroup(S.value);
+      H({ RFID: void 0, QR: void 0 }), N.value = !0, g.value = e instanceof Error ? e.message : Te(e), k.value = !1, c("error", e), i.removeGroup(S.value);
     }, pe = (e, o = []) => {
       let n = "";
-      g.value = void 0, C(!0), e === "Time out" ? n = "The scanning process has timed out. Please try again." : e === "Driver not connected to server" ? g.value = "DRIVER_NOT_FOUND" : e === "Device disconnected" && (g.value = "DEVICE_DISCONNECTED", de(o), H({ RFID: void 0, QR: void 0 })), c("error", e), k.value = !!g.value, n && i.add({
+      g.value = void 0, C(!0), e === "Time out" ? n = "The scanning process has timed out. Please try again." : e === "Driver not connected to server" ? g.value = "DRIVER_NOT_FOUND" : e === "Device disconnected" && (g.value = "DEVICE_DISCONNECTED", de(o), H({ RFID: void 0, QR: void 0 })), c("error", e), N.value = !!g.value, n && i.add({
         customMessage: !0,
         message: n,
         error: e,
@@ -269,7 +269,7 @@ const le = () => window.devices ?? [], Be = () => window.device ?? { RFID: null,
           R.value = !!s.scanValidation;
           const n = await ((e = s.scanValidation) == null ? void 0 : e.call(
             s,
-            a.value,
+            t.value,
             o,
             B()
           )) ?? !0;
@@ -279,7 +279,7 @@ const le = () => window.devices ?? [], Be = () => window.device ?? { RFID: null,
     }, X = () => {
       i.removeGroup("RFID_Scanning"), i.removeGroup("QR_Scanning");
     }, h = (e = !1) => {
-      X(), N.value = !1, ee(), e && c("stop"), Q.splice(0);
+      X(), k.value = !1, ee(), e && c("stop"), Q.splice(0);
     }, C = (e = !1) => {
       var o, n;
       window.scannerWorker.onmessage = null, window.scannerWorker.postMessage({
@@ -288,7 +288,7 @@ const le = () => window.devices ?? [], Be = () => window.device ?? { RFID: null,
         companyCode: (n = JSON.parse(localStorage.getItem("user") ?? "{}")) == null ? void 0 : n.companyCode
       }), h(e), P.value = !0, w.value = !1;
     }, ge = () => {
-      s.bulk || (y.value[a.value] ? (a.value = a.value === "QR" ? "RFID" : "QR", $()) : (h(), k.value = !0, g.value = "HARDWARE_NOT_SYNCHRONIZED", N.value = !1));
+      s.bulk || (y.value[t.value] ? (t.value = t.value === "QR" ? "RFID" : "QR", $()) : (h(), N.value = !0, g.value = "HARDWARE_NOT_SYNCHRONIZED", k.value = !1));
     }, M = (e) => {
       T.value = !0, C(!0), e.preventDefault();
     }, ee = () => {
@@ -298,14 +298,14 @@ const le = () => window.devices ?? [], Be = () => window.device ?? { RFID: null,
       return e.includes("Windows");
     }, be = E(() => {
       if (!s.labelOnly)
-        return s.icon ? s.icon : s.autoSwitch ? "qr-scan" : a.value === "QR" ? "qr" : "rfid";
-    }), ye = E(() => s.label ? s.label : s.autoSwitch ? "SCAN TAG" : a.value === "QR" ? "Scan QR" : "Scan RFID");
+        return s.icon ? s.icon : s.autoSwitch ? "qr-scan" : t.value === "QR" ? "qr" : "rfid";
+    }), ye = E(() => s.label ? s.label : s.autoSwitch ? "SCAN TAG" : t.value === "QR" ? "Scan QR" : "Scan RFID");
     return u({
       onBeforeStartScan: L,
       startScan: Y,
       stopScan: C
     }), (e, o) => (d(), D(F, null, [
-      b(oe, Ne(e.$attrs, {
+      b(oe, ke(e.$attrs, {
         class: [
           {
             "[&_i]:w-2 [&_i]:h-2": e.type === "QR",
@@ -323,11 +323,11 @@ const le = () => window.devices ?? [], Be = () => window.device ?? { RFID: null,
         onClick: L
       }), null, 16, ["class", "disabled", "icon", "label", "outlined", "severity", "size"]),
       b(Oe, {
-        visible: k.value,
-        "onUpdate:visible": o[0] || (o[0] = (n) => k.value = n),
+        visible: N.value,
+        "onUpdate:visible": o[0] || (o[0] = (n) => N.value = n),
         bulk: e.bulk,
         "error-code": g.value,
-        "search-by": a.value,
+        "search-by": t.value,
         onScan: L
       }, null, 8, ["visible", "bulk", "error-code", "search-by"]),
       w.value ? (d(), U(z, {
@@ -348,10 +348,10 @@ const le = () => window.devices ?? [], Be = () => window.device ?? { RFID: null,
         group: x.value,
         class: "[&_[data-pc-section=buttoncontainer]]"
       }, {
-        message: ke(({ message: n }) => [
+        message: Ne(({ message: n }) => [
           O("div", {
             class: se(
-              n.detail == "scanning" ? "w-full -mr-8 z-10 flex gap-2 justify-between items-center text-general-800 text-xs font-normal" : "w-full"
+              n.detail == "scanning" ? "w-full -mr-8 z-10 flex gap-2 justify-between items-center text-general-800 dark:text-white text-xs font-normal" : "w-full"
             )
           }, [
             n.detail === "scanning" ? (d(), D(F, { key: 0 }, [
@@ -361,7 +361,7 @@ const le = () => window.devices ?? [], Be = () => window.device ?? { RFID: null,
                   icon: "loader-4"
                 }),
                 O("span", We, [
-                  a.value === "RFID" ? (d(), D(F, { key: 0 }, [
+                  t.value === "RFID" ? (d(), D(F, { key: 0 }, [
                     b(J, {
                       class: "text-base !w-4 !h-4",
                       icon: "rfid"
@@ -392,14 +392,14 @@ const le = () => window.devices ?? [], Be = () => window.device ?? { RFID: null,
       b(Ee, {
         visible: T.value,
         "onUpdate:visible": o[2] || (o[2] = (n) => T.value = n),
-        header: `${a.value} SCAN STOPPED`,
+        header: `${t.value} SCAN STOPPED`,
         onConfirm: o[3] || (o[3] = (n) => (T.value = !1, L())),
         "confirm-label": "Continue",
         message: "The scan process was interrupted because you want to leave this window.",
         severity: "danger"
       }, null, 8, ["visible", "header"]),
       (d(), U(he, { to: "body" }, [
-        N.value ? (d(), D("div", {
+        k.value ? (d(), D("div", {
           key: 0,
           class: se([
             e.$preset.dialog.mask({ props: { modal: !0 } }).class,

package/carousel/index.es.js

@@ -1,43 +1,43 @@
-import { defineComponent as _, shallowRef as i, onMounted as h, onUnmounted as k, createElementBlock as o, openBlock as l, createElementVNode as d, normalizeStyle as I, normalizeClass as v, Fragment as m, renderList as p, createBlock as y } from "vue";
+import { defineComponent as _, shallowRef as i, onMounted as h, onUnmounted as k, createElementBlock as n, openBlock as l, createElementVNode as d, normalizeStyle as y, normalizeClass as m, Fragment as v, renderList as p, createBlock as I } from "vue";
 import { _ as C } from "../image/index.es.js";
-const x = {
+const b = {
   class: "flex flex-col gap-1 items-center justify-center w-[125px] overflow-hidden",
   "data-ts-name": "carousel",
   "data-ts-section": "root"
-}, B = {
+}, x = {
   class: "flex gap-1",
   "data-ts-section": "indicators"
-}, $ = ["onClick"], T = /* @__PURE__ */ _({
+}, B = ["onClick"], T = /* @__PURE__ */ _({
   __name: "Carousel",
   props: {
     value: {}
   },
   setup(f) {
-    const w = f, a = i(0), n = i(), c = i();
+    const g = f, a = i(0), r = i(), c = i();
     h(() => {
       u();
     }), k(() => {
-      r();
+      o();
     });
     const u = () => {
-      r(), n.value = window.setInterval(() => {
+      o(), r.value = window.setInterval(() => {
         var e;
-        a.value = (a.value + 1) % (((e = w.value) == null ? void 0 : e.length) ?? 0);
+        a.value = (a.value + 1) % (((e = g.value) == null ? void 0 : e.length) ?? 0);
       }, 3e3);
-    }, r = () => {
-      n.value && (window.clearInterval(n.value), n.value = void 0);
-    }, g = (e) => {
-      r(), a.value = e, c.value ? window.clearTimeout(c.value) : window.setTimeout(u, 3e3);
+    }, o = () => {
+      r.value && (window.clearInterval(r.value), r.value = void 0);
+    }, w = (e) => {
+      o(), a.value = e, c.value ? window.clearTimeout(c.value) : window.setTimeout(u, 3e3);
     };
-    return (e, b) => (l(), o("div", x, [
+    return (e, $) => (l(), n("div", b, [
       d("div", {
-        class: v(["relative w-full h-max flex transition-transform duration-300"]),
-        style: I(`transform: translateX(${a.value * -100}%)`),
+        class: m(["relative w-full h-max flex transition-transform duration-300"]),
+        style: y(`transform: translateX(${a.value * -100}%)`),
         "data-ts-section": "carousel-image-wrapper"
       }, [
-        (l(!0), o(m, null, p(e.value, (s) => {
+        (l(!0), n(v, null, p(e.value, (s) => {
           var t;
-          return l(), y(C, {
+          return l(), I(C, {
             key: (t = s.src) == null ? void 0 : t.toString(),
             galleries: e.value,
             src: s.src,
@@ -45,17 +45,17 @@ const x = {
           }, null, 8, ["galleries", "src"]);
         }), 128))
       ], 4),
-      d("div", B, [
-        (l(!0), o(m, null, p(e.value, (s, t) => (l(), o("span", {
+      d("div", x, [
+        (l(!0), n(v, null, p(e.value, (s, t) => (l(), n("span", {
           key: t,
-          class: v([
-            "w-1.5 h-1.5 bg-general-100 rounded-full",
+          class: m([
+            "w-1.5 h-1.5 bg-general-100 dark:bg-grayscale-700 rounded-full",
             "cursor-pointer",
-            { "!bg-primary-500": t === a.value }
+            { "!bg-primary-500 dark:!bg-primary-300": t === a.value }
           ]),
-          onClick: (z) => g(t),
+          onClick: (z) => w(t),
           "data-ts-section": "indicator-item"
-        }, null, 10, $))), 128))
+        }, null, 10, B))), 128))
       ])
     ]));
   }