@fewangsit/wangsvue-fats 1.0.1-rc.9 → 2.0.0-alpha.1

package/form/index.es.js

@@ -1,8 +1,8 @@
-import { defineComponent as ne, onMounted as ue, ref as S, inject as fe, shallowRef as n, provide as de, watch as me, createElementBlock as $, openBlock as u, mergeProps as o, unref as l, withModifiers as ve, createElementVNode as B, createCommentVNode as m, renderSlot as ce, normalizeProps as Y, createVNode as Z, withDirectives as be, vShow as pe, guardReactiveProps as ye, createBlock as h } from "vue";
+import { defineComponent as ne, onMounted as ue, inject as fe, shallowRef as n, ref as S, provide as de, watch as me, openBlock as u, createElementBlock as $, mergeProps as o, unref as a, withModifiers as ve, createElementVNode as B, renderSlot as ce, normalizeProps as Y, createVNode as Z, createCommentVNode as m, withDirectives as be, vShow as pe, guardReactiveProps as ye, createBlock as h } from "vue";
 import { a as ke } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
-import { _ as C } from "../button/Button.es.js";
-import Se from "../checkbox/index.es.js";
-import Be from "../validatormessage/index.es.js";
+import { _ as C } from "../button/index.es.js";
+import { _ as Se } from "../checkbox/index.es.js";
+import { _ as Be } from "../validatormessage/index.es.js";
 const we = /* @__PURE__ */ ne({
   __name: "Form",
   props: {
@@ -33,12 +33,12 @@ const we = /* @__PURE__ */ ne({
         w.value.style.gridTemplateColumns = `repeat(${e}, minmax(0, 1fr))`, E();
       }
     });
-    const a = fe("preset", {}).form, {
+    const l = fe("preset", {}).form, {
       handleSubmit: te,
       values: p,
       resetForm: P,
-      errors: le,
-      resetField: ae,
+      errors: ae,
+      resetField: le,
       setValues: se,
       setFieldValue: oe,
       setErrors: re
@@ -96,8 +96,8 @@ const we = /* @__PURE__ */ ne({
       showValidator: r,
       formElement: T,
       clearField: O,
-      resetField: ae,
-      errors: le,
+      resetField: le,
+      errors: ae,
       setOuterFieldsWrapperHeight: E,
       setValues: se,
       setFieldValue: oe,
@@ -109,11 +109,11 @@ const we = /* @__PURE__ */ ne({
       return u(), $("form", o({
         ref_key: "formElement",
         ref: T
-      }, (i = l(a)) == null ? void 0 : i.root({ props: s }), {
+      }, (i = a(l)) == null ? void 0 : i.root({ props: s }), {
         onInput: t[2] || (t[2] = (c) => r.value = !1),
         onSubmit: t[3] || (t[3] = ve(
           //@ts-ignore
-          (...c) => l(k) && l(k)(...c),
+          (...c) => a(k) && a(k)(...c),
           ["prevent"]
         ))
       }), [
@@ -124,10 +124,10 @@ const we = /* @__PURE__ */ ne({
           B("div", o({
             ref_key: "fieldsWrapper",
             ref: w
-          }, (d = l(a)) == null ? void 0 : d["fields-wrapper"]), [
+          }, (d = a(l)) == null ? void 0 : d["fields-wrapper"]), [
             ce(e.$slots, "fields", {
               key: V.value,
-              formValues: l(p)
+              formValues: a(p)
             })
           ], 16)
         ], 512),
@@ -135,20 +135,20 @@ const we = /* @__PURE__ */ ne({
           key: 0,
           ref_key: "footer",
           ref: g
-        }, (H = l(a)) == null ? void 0 : H.footer), [
-          e.hideStayCheckbox ? m("", !0) : (u(), $("div", Y(o({ key: 0 }, (N = l(a)) == null ? void 0 : N.staycheckbox)), [
+        }, (H = a(l)) == null ? void 0 : H.footer), [
+          e.hideStayCheckbox ? m("", !0) : (u(), $("div", Y(o({ key: 0 }, (N = a(l)) == null ? void 0 : N.staycheckbox)), [
             Z(Se, {
               modelValue: v.value,
               "onUpdate:modelValue": t[0] || (t[0] = (c) => v.value = c),
               label: e.stayCheckboxLabel
             }, null, 8, ["modelValue", "label"])
           ], 16)),
-          B("div", o({ id: "footer-actions-wrapper" }, (j = l(a)) == null ? void 0 : j["action-buttons"]), [
-            be(Z(Be, o((q = l(a)) == null ? void 0 : q["validator-message"], { message: e.validatorMessage }), null, 16, ["message"]), [
+          B("div", o({ id: "footer-actions-wrapper" }, (j = a(l)) == null ? void 0 : j["action-buttons"]), [
+            be(Z(Be, o((q = a(l)) == null ? void 0 : q["validator-message"], { message: e.validatorMessage }), null, 16, ["message"]), [
               [pe, r.value || s.invalid]
             ]),
-            B("div", Y(ye((z = l(a)) == null ? void 0 : z["button-wrapper"])), [
-              (D = s.buttonsTemplate) != null && D.includes("cancel") ? (u(), h(C, o({ key: 0 }, (I = l(a)) == null ? void 0 : I["cancel-button"], {
+            B("div", Y(ye((z = a(l)) == null ? void 0 : z["button-wrapper"])), [
+              (D = s.buttonsTemplate) != null && D.includes("cancel") ? (u(), h(C, o({ key: 0 }, (I = a(l)) == null ? void 0 : I["cancel-button"], {
                 label: e.cancelBtnLabel,
                 severity: e.cancelBtnSeverity,
                 onClick: t[1] || (t[1] = (c) => e.$emit("cancel")),
@@ -156,20 +156,20 @@ const we = /* @__PURE__ */ ne({
                 text: "",
                 type: "button"
               }), null, 16, ["label", "severity"])) : m("", !0),
-              (K = s.buttonsTemplate) != null && K.includes("clear") ? (u(), h(C, o({ key: 1 }, (U = l(a)) == null ? void 0 : U["clear-button"], {
+              (K = s.buttonsTemplate) != null && K.includes("clear") ? (u(), h(C, o({ key: 1 }, (U = a(l)) == null ? void 0 : U["clear-button"], {
                 label: e.clearBtnLabel,
                 onClick: O,
                 text: "",
                 type: "button"
               }), null, 16, ["label"])) : m("", !0),
-              (G = s.buttonsTemplate) != null && G.includes("save") ? (u(), h(C, o({ key: 2 }, (J = l(a)) == null ? void 0 : J["save-button"], {
+              (G = s.buttonsTemplate) != null && G.includes("save") ? (u(), h(C, o({ key: 2 }, (J = a(l)) == null ? void 0 : J["save-button"], {
                 label: e.saveBtnLabel,
                 severity: e.saveBtnSeverity,
                 onClick: M,
                 outlined: "",
                 type: "button"
               }), null, 16, ["label", "severity"])) : m("", !0),
-              (Q = s.buttonsTemplate) != null && Q.includes("submit") ? (u(), h(C, o({ key: 3 }, (X = l(a)) == null ? void 0 : X["submit-button"], {
+              (Q = s.buttonsTemplate) != null && Q.includes("submit") ? (u(), h(C, o({ key: 3 }, (X = a(l)) == null ? void 0 : X["submit-button"], {
                 disabled: e.disableSubmit,
                 label: e.submitBtnLabel,
                 severity: e.submitBtnSeverity,
@@ -184,5 +184,6 @@ const we = /* @__PURE__ */ ne({
   }
 });
 export {
-  we as default
+  we as _
 };
+//# sourceMappingURL=index.es.js.map

package/form/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../library/components/form/Form.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { GenericObject, useForm } from 'vee-validate';\nimport { inject, onMounted, provide, ref, shallowRef, watch } from 'vue';\n\nimport type {\n  FormEmits,\n  FormPayload,\n  FormProps,\n  FormSlots,\n} from './Form.vue.d';\nimport Button from '../button/Button.vue';\nimport Checkbox from '../checkbox/Checkbox.vue';\nimport ValidatorMessage from '../validatormessage/ValidatorMessage.vue';\n\nconst props = withDefaults(defineProps<FormProps>(), {\n  cancelBtnLabel: 'Batal',\n  clearBtnLabel: 'Bersihkan Field',\n  saveBtnLabel: 'Simpan',\n  submitBtnLabel: 'Simpan',\n  resetAfterSubmit: true,\n  cancelBtnSeverity: 'secondary',\n  saveBtnSeverity: 'success',\n  submitBtnSeverity: 'success',\n  stayCheckboxLabel: 'Tetap di halaman ini',\n  validatorMessage: 'Please input all required field!',\n  validateOnSave: false,\n});\n\nconst emit = defineEmits<FormEmits>();\ndefineSlots<FormSlots>();\n\nonMounted(() => {\n  if (fieldsWrapper.value) {\n    const colCount = props.columnPerRow ?? 1;\n    fieldsWrapper.value.style.gridTemplateColumns = `repeat(${colCount}, minmax(0, 1fr))`;\n\n    setOuterFieldsWrapperHeight();\n  }\n});\n\nconst Preset = inject<Record<string, any>>('preset', {}).form;\n\nconst {\n  handleSubmit,\n  values,\n  resetForm,\n  errors,\n  resetField,\n  setValues,\n  setFieldValue,\n  setErrors,\n} = useForm();\n\nconst stayAfterSubmit = shallowRef<boolean>(false);\n\nconst formElement = ref<HTMLFormElement>();\nconst showValidator = shallowRef<boolean>(false);\nconst validated = shallowRef<boolean>(false);\nconst fieldsKey = shallowRef<number>(0);\nconst footer = ref<HTMLDivElement>();\nconst isSubmitting = shallowRef<boolean>(false); // Accessed by inputtext\nconst isSaveClicked = shallowRef<boolean>(false);\nconst isSubmitClicked = shallowRef<boolean>(false);\n\nconst fieldsWrapper = ref<HTMLDivElement | null>(null);\nconst outerFieldsWrapper = ref<HTMLDivElement | null>(null);\n\nprovide('isSubmitting', isSubmitting);\n\nconst setOuterFieldsWrapperHeight = (): void => {\n  if (footer.value) {\n    const footerHeight = footer.value?.offsetHeight;\n\n    if (outerFieldsWrapper.value)\n      outerFieldsWrapper.value.style.height = `calc(100% + ${\n        footerHeight + 20\n      }px)`;\n  }\n};\n\nconst onSubmitClicked = (): void => {\n  isSubmitting.value = true;\n  isSubmitClicked.value = true;\n  if (!validated.value) showValidator.value = true;\n};\n\nconst onSaveClicked = (): void => {\n  isSubmitting.value = true;\n  isSaveClicked.value = true;\n\n  if (props.validateOnSave) {\n    if (!validated.value) showValidator.value = true;\n    submit();\n  } else {\n    save();\n  }\n};\n\nconst submit = handleSubmit(\n  (formValues) => {\n    if (!props.invalid) {\n      const formattedValues = trimValues(formValues);\n\n      const payload: FormPayload = {\n        stayAfterSubmit: stayAfterSubmit.value,\n        formValues: formattedValues,\n      };\n\n      if (isSaveClicked.value) emit('save', payload);\n      else emit('submit', payload);\n      showValidator.value = false;\n      isSaveClicked.value = false;\n\n      if (props.resetAfterSubmit) {\n        fieldsKey.value += 1;\n        resetForm();\n      }\n    }\n\n    isSubmitting.value = false;\n  },\n  () => {\n    isSubmitting.value = false;\n  },\n);\n\nconst save = (): void => {\n  const formattedValues = trimValues(values);\n\n  const payload: FormPayload = {\n    stayAfterSubmit: stayAfterSubmit.value,\n    formValues: formattedValues,\n  };\n\n  emit('save', payload);\n  isSubmitting.value = false;\n};\n\nconst clearField = (): void => {\n  resetForm();\n  fieldsKey.value++;\n  emit('clear');\n  showValidator.value = false;\n  isSubmitClicked.value = false;\n};\n\nconst trimValues = (formValues: GenericObject): GenericObject => {\n  const formattedValues = formValues;\n  const keys = Object.keys(formattedValues);\n\n  for (const key of keys) {\n    if (typeof formattedValues[key] === 'string') {\n      formattedValues[key] = formattedValues[key].trim();\n    }\n  }\n\n  return formattedValues;\n};\n\nwatch(\n  values,\n  () => {\n    isSubmitClicked.value = false;\n  },\n  { deep: true },\n);\n\ndefineExpose({\n  stayAfterSubmit,\n  submit,\n  onSubmitClicked,\n  onSaveClicked,\n  showValidator,\n  formElement,\n  clearField,\n  resetField,\n  errors,\n  setOuterFieldsWrapperHeight,\n  setValues,\n  setFieldValue,\n  setErrors,\n  values,\n  isSubmitClicked,\n});\n</script>\n\n<template>\n  <form\n    ref=\"formElement\"\n    v-bind=\"Preset?.root({ props })\"\n    @input=\"showValidator = false\"\n    @submit.prevent=\"submit\"\n  >\n    <div ref=\"outerFieldsWrapper\">\n      <div ref=\"fieldsWrapper\" v-bind=\"Preset?.['fields-wrapper']\">\n        <slot :key=\"fieldsKey\" :form-values=\"values\" name=\"fields\" />\n      </div>\n    </div>\n\n    <div ref=\"footer\" v-if=\"!hideFooter\" v-bind=\"Preset?.footer\">\n      <div v-if=\"!hideStayCheckbox\" v-bind=\"Preset?.staycheckbox\">\n        <Checkbox v-model=\"stayAfterSubmit\" :label=\"stayCheckboxLabel\" />\n      </div>\n\n      <div id=\"footer-actions-wrapper\" v-bind=\"Preset?.['action-buttons']\">\n        <ValidatorMessage\n          v-show=\"showValidator || props.invalid\"\n          v-bind=\"Preset?.['validator-message']\"\n          :message=\"validatorMessage\"\n        />\n\n        <div v-bind=\"Preset?.['button-wrapper']\">\n          <Button\n            v-if=\"props.buttonsTemplate?.includes('cancel')\"\n            v-bind=\"Preset?.['cancel-button']\"\n            :label=\"cancelBtnLabel\"\n            :severity=\"cancelBtnSeverity\"\n            @click=\"$emit('cancel')\"\n            data-test=\"cancel-button\"\n            text\n            type=\"button\"\n          />\n\n          <Button\n            v-if=\"props.buttonsTemplate?.includes('clear')\"\n            v-bind=\"Preset?.['clear-button']\"\n            :label=\"clearBtnLabel\"\n            @click=\"clearField\"\n            text\n            type=\"button\"\n          />\n\n          <Button\n            v-if=\"props.buttonsTemplate?.includes('save')\"\n            v-bind=\"Preset?.['save-button']\"\n            :label=\"saveBtnLabel\"\n            :severity=\"saveBtnSeverity\"\n            @click=\"onSaveClicked\"\n            outlined\n            type=\"button\"\n          />\n\n          <Button\n            v-if=\"props.buttonsTemplate?.includes('submit')\"\n            v-bind=\"Preset?.['submit-button']\"\n            :disabled=\"disableSubmit\"\n            :label=\"submitBtnLabel\"\n            :severity=\"submitBtnSeverity\"\n            @click=\"onSubmitClicked\"\n            type=\"submit\"\n          />\n        </div>\n      </div>\n    </div>\n  </form>\n</template>\n"],"names":["props","__props","emit","__emit","onMounted","fieldsWrapper","colCount","setOuterFieldsWrapperHeight","Preset","inject","handleSubmit","values","resetForm","errors","resetField","setValues","setFieldValue","setErrors","useForm","stayAfterSubmit","shallowRef","formElement","ref","showValidator","validated","fieldsKey","footer","isSubmitting","isSaveClicked","isSubmitClicked","outerFieldsWrapper","provide","footerHeight","_a","onSubmitClicked","onSaveClicked","submit","save","formValues","formattedValues","trimValues","payload","clearField","keys","key","watch","__expose"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,UAAMA,IAAQC,GAcRC,IAAOC;AAGb,IAAAC,GAAU,MAAM;AACd,UAAIC,EAAc,OAAO;AACvB,cAAMC,IAAWN,EAAM,gBAAgB;AACvC,QAAAK,EAAc,MAAM,MAAM,sBAAsB,UAAUC,CAAQ,qBAElEC,EAAA;AAAA,MACF;AAAA,IACF,CAAC;AAED,UAAMC,IAASC,GAA4B,UAAU,CAAA,CAAE,EAAE,MAEnD;AAAA,MACJ,cAAAC;AAAA,MACA,QAAAC;AAAA,MACA,WAAAC;AAAA,MACA,QAAAC;AAAA,MACA,YAAAC;AAAA,MACA,WAAAC;AAAA,MACA,eAAAC;AAAA,MACA,WAAAC;AAAA,IAAA,IACEC,GAAA,GAEEC,IAAkBC,EAAoB,EAAK,GAE3CC,IAAcC,EAAA,GACdC,IAAgBH,EAAoB,EAAK,GACzCI,IAAYJ,EAAoB,EAAK,GACrCK,IAAYL,EAAmB,CAAC,GAChCM,IAASJ,EAAA,GACTK,IAAeP,EAAoB,EAAK,GACxCQ,IAAgBR,EAAoB,EAAK,GACzCS,IAAkBT,EAAoB,EAAK,GAE3Cf,IAAgBiB,EAA2B,IAAI,GAC/CQ,IAAqBR,EAA2B,IAAI;AAE1D,IAAAS,GAAQ,gBAAgBJ,CAAY;AAEpC,UAAMpB,IAA8B,MAAY;;AAC9C,UAAImB,EAAO,OAAO;AAChB,cAAMM,KAAeC,IAAAP,EAAO,UAAP,gBAAAO,EAAc;AAEnC,QAAIH,EAAmB,UACrBA,EAAmB,MAAM,MAAM,SAAS,eACtCE,IAAe,EACjB;AAAA,MACJ;AAAA,IACF,GAEME,IAAkB,MAAY;AAClC,MAAAP,EAAa,QAAQ,IACrBE,EAAgB,QAAQ,IACnBL,EAAU,UAAOD,EAAc,QAAQ;AAAA,IAC9C,GAEMY,IAAgB,MAAY;AAChC,MAAAR,EAAa,QAAQ,IACrBC,EAAc,QAAQ,IAElB5B,EAAM,kBACHwB,EAAU,UAAOD,EAAc,QAAQ,KAC5Ca,EAAA,KAEAC,GAAA;AAAA,IAEJ,GAEMD,IAAS1B;AAAA,MACb,CAAC4B,MAAe;AACd,YAAI,CAACtC,EAAM,SAAS;AAClB,gBAAMuC,IAAkBC,EAAWF,CAAU,GAEvCG,IAAuB;AAAA,YAC3B,iBAAiBtB,EAAgB;AAAA,YACjC,YAAYoB;AAAA,UAAA;AAGd,UAAIX,EAAc,QAAO1B,EAAK,QAAQuC,CAAO,IACxCvC,EAAK,UAAUuC,CAAO,GAC3BlB,EAAc,QAAQ,IACtBK,EAAc,QAAQ,IAElB5B,EAAM,qBACRyB,EAAU,SAAS,GACnBb,EAAA;AAAA,QAEJ;AAEA,QAAAe,EAAa,QAAQ;AAAA,MACvB;AAAA,MACA,MAAM;AACJ,QAAAA,EAAa,QAAQ;AAAA,MACvB;AAAA,IAAA,GAGIU,KAAO,MAAY;AACvB,YAAME,IAAkBC,EAAW7B,CAAM,GAEnC8B,IAAuB;AAAA,QAC3B,iBAAiBtB,EAAgB;AAAA,QACjC,YAAYoB;AAAA,MAAA;AAGd,MAAArC,EAAK,QAAQuC,CAAO,GACpBd,EAAa,QAAQ;AAAA,IACvB,GAEMe,IAAa,MAAY;AAC7B,MAAA9B,EAAA,GACAa,EAAU,SACVvB,EAAK,OAAO,GACZqB,EAAc,QAAQ,IACtBM,EAAgB,QAAQ;AAAA,IAC1B,GAEMW,IAAa,CAACF,MAA6C;AAC/D,YAAMC,IAAkBD,GAClBK,IAAO,OAAO,KAAKJ,CAAe;AAExC,iBAAWK,KAAOD;AAChB,QAAI,OAAOJ,EAAgBK,CAAG,KAAM,aAClCL,EAAgBK,CAAG,IAAIL,EAAgBK,CAAG,EAAE,KAAA;AAIhD,aAAOL;AAAA,IACT;AAEA,WAAAM;AAAA,MACElC;AAAA,MACA,MAAM;AACJ,QAAAkB,EAAgB,QAAQ;AAAA,MAC1B;AAAA,MACA,EAAE,MAAM,GAAA;AAAA,IAAK,GAGfiB,EAAa;AAAA,MACX,iBAAA3B;AAAA,MACA,QAAAiB;AAAA,MACA,iBAAAF;AAAA,MACA,eAAAC;AAAA,MACA,eAAAZ;AAAA,MACA,aAAAF;AAAA,MACA,YAAAqB;AAAA,MACA,YAAA5B;AAAA,MACA,QAAAD;AAAA,MACA,6BAAAN;AAAA,MACA,WAAAQ;AAAA,MACA,eAAAC;AAAA,MACA,WAAAC;AAAA,MACA,QAAAN;AAAA,MACA,iBAAAkB;AAAA,IAAA,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/hardwaresync/index.es.js

@@ -0,0 +1,287 @@
+import { AxiosError as te } from "axios";
+import { ref as T, defineComponent as ae, onMounted as oe, shallowRef as v, computed as g, watch as re, openBlock as S, createBlock as N, createSlots as ce, withCtx as O, normalizeClass as V, createCommentVNode as h, createVNode as _, createElementVNode as W, createElementBlock as le, Fragment as ie, toDisplayString as ue } from "vue";
+import { _ as k } from "../button/index.es.js";
+import { _ as de } from "../dialog/index.es.js";
+import { _ as j } from "../dropdown/index.es.js";
+import { _ as ve } from "../icon/index.es.js";
+import { _ as me } from "../inlinemessage/index.es.js";
+import { u as pe } from "../utils/baseToast.util.es.js";
+const fe = (n) => {
+  if (n instanceof te)
+    return n.response ? "DEVICE_NOT_CONNECTED" : "DRIVER_NOT_FOUND";
+  if (n instanceof Error && ["NOT_SUPPORTED_SYSTEM", "HARDWARE_NOT_SYNCHRONIZED"].includes(
+    n.message
+  ))
+    return n.message;
+}, $ = `(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":m(e);break}};const d=s=>{let e="established";n&&n.readyState===WebSocket.OPEN?(e="reused",s.onopen(n,e),p(s.timeout)):n=new WebSocket("https://dev-api.tagsamurai.com/api/reader"),n.onopen=()=>{r=Math.random().toString(36).substring(2,15)+Math.random().toString(36).substring(2,15),e="established",n&&s.onopen(n,e),p(s.timeout)},n.onmessage=o=>{s.onmessage(o),p(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=()=>{m({userId:a}),a=void 0,n&&n.close(),n=null,t&&clearTimeout(t),console.info("Socket connection has been closed!")},p=(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})}})},m=({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!"))}})();
+//# sourceMappingURL=scanner.worker-CBMLzFgM.js.map
+`, P = typeof self < "u" && self.Blob && new Blob([$], { type: "text/javascript;charset=utf-8" });
+function ge(n) {
+  let c;
+  try {
+    if (c = P && (self.URL || self.webkitURL).createObjectURL(P), !c) throw "";
+    const t = new Worker(c, {
+      name: n == null ? void 0 : n.name
+    });
+    return t.addEventListener("error", () => {
+      (self.URL || self.webkitURL).revokeObjectURL(c);
+    }), t;
+  } catch {
+    return new Worker(
+      "data:text/javascript;charset=utf-8," + encodeURIComponent($),
+      {
+        name: n == null ? void 0 : n.name
+      }
+    );
+  } finally {
+    c && (self.URL || self.webkitURL).revokeObjectURL(c);
+  }
+}
+const Q = () => window.devices ?? [], Se = () => window.device ?? { RFID: null, QR: null }, x = T(Q()), J = T(Se()), be = () => {
+  const n = (m) => {
+    window.devices = m, t();
+  }, c = (m) => {
+    window.device = m, J.value = m;
+  }, t = () => {
+    x.value = Q();
+  };
+  return {
+    devices: x,
+    device: J,
+    saveDevices: n,
+    setDevice: c,
+    loadDevices: t
+  };
+}, ke = /* @__PURE__ */ ae({
+  __name: "HardwareSync",
+  props: {
+    visible: { type: Boolean },
+    errorCode: {},
+    searchBy: {},
+    bulk: { type: Boolean },
+    withoutScanBtn: { type: Boolean }
+  },
+  emits: ["update:visible", "scan"],
+  setup(n, { emit: c }) {
+    const t = n, m = c, H = pe();
+    oe(() => {
+      F();
+    });
+    const {
+      device: I,
+      devices: M,
+      saveDevices: Y,
+      setDevice: z,
+      loadDevices: A
+    } = be(), u = {
+      label: "None",
+      device: void 0
+    }, p = v(!1), l = v(u), i = v(u), B = (a) => {
+      var s, e;
+      if ((s = M.value) != null && s.length) {
+        const r = (e = M.value) == null ? void 0 : e.filter((o) => o[a]).map((o) => ({
+          label: `${o.name ?? o.jenisDevice + " - " + o.serialNumber}`,
+          device: o
+        }));
+        return r.length ? r : [];
+      }
+      return l.value = u, i.value = u, [];
+    }, b = g(() => B("rfidScan")), y = g(() => B("qrScan")), E = g(
+      () => t.errorCode === "NOT_SUPPORTED_SYSTEM"
+    ), Z = g(() => t.searchBy === "RFID" && l.value.device), q = g(() => t.searchBy === "QR" && i.value.device), R = g(() => !!t.searchBy && t.errorCode !== "HARDWARE_NOT_SYNCHRONIZED"), U = async (a) => {
+      try {
+        Y(a);
+        const s = b.value.some(
+          (r) => {
+            var o, f, D;
+            return ((o = r == null ? void 0 : r.device) == null ? void 0 : o.serialNumber) === ((D = (f = l.value) == null ? void 0 : f.device) == null ? void 0 : D.serialNumber);
+          }
+        ), e = y.value.some(
+          (r) => {
+            var o, f, D;
+            return ((o = r == null ? void 0 : r.device) == null ? void 0 : o.serialNumber) === ((D = (f = i.value) == null ? void 0 : f.device) == null ? void 0 : D.serialNumber);
+          }
+        );
+        l.value = s ? l.value : b.value[0] ?? u, i.value = e ? i.value : y.value[0] ?? u, C();
+      } catch (s) {
+        d.value = w(fe(s));
+      } finally {
+        p.value = !1;
+      }
+    }, d = T(), G = v({
+      title: "The detected OS is not compatible",
+      detail: "Please check the OS compatibility list on our product information page."
+    }), K = v({
+      title: "Scanner Disconnected",
+      detail: "Your scanner has been disconnected. Please reconnect it or select another device from the list."
+    }), X = v({
+      title: "Scanner driver not found",
+      detail: "The scanner driver may not be running or installed correctly on your device. Please contact your administrator."
+    }), ee = v({
+      title: "Scanner not detected",
+      detail: "The scanner is either not detected or not identified by our system."
+    });
+    v({
+      title: "Scanner is not registered",
+      detail: "The scanner is not registered in your company."
+    });
+    const w = (a) => {
+      switch (a ?? t.errorCode) {
+        case "DEVICE_NOT_CONNECTED":
+          return ee.value;
+        case "DRIVER_NOT_FOUND":
+          return X.value;
+        case "NOT_SUPPORTED_SYSTEM":
+          return G.value;
+        case "DEVICE_DISCONNECTED":
+          return K.value;
+        default:
+          return;
+      }
+    }, C = () => {
+      z({
+        RFID: l.value.device,
+        QR: i.value.device
+      });
+    }, F = () => {
+      A(), I.value.RFID ? l.value = {
+        label: I.value.RFID.name,
+        device: I.value.RFID
+      } : b.value.length && (l.value = b.value[0] ?? u), y.value.length && (i.value = y.value[0] ?? u), C();
+    }, L = () => {
+      m("update:visible", !1), m("scan");
+    }, se = () => {
+      var a, s;
+      p.value = !0, d.value = void 0, window.scannerWorker.onmessage = ({ data: e }) => {
+        var r;
+        if (e.status === "synced") {
+          const o = ((r = e == null ? void 0 : e.data) == null ? void 0 : r.deviceList) ?? [];
+          U(o);
+          const { error: f } = (e == null ? void 0 : e.data) ?? {};
+          f === "Driver not connected to server" ? (p.value = !1, d.value = w("DRIVER_NOT_FOUND")) : o.length || (p.value = !1, d.value = w("DEVICE_NOT_CONNECTED"));
+        } else e.status === "error_sync" && (p.value = !1, U([]), H.add({ message: "Failed to connecting scanner", severity: "error" }));
+      }, window.scannerWorker.postMessage({
+        command: "sync",
+        userId: (a = JSON.parse(localStorage.getItem("user") ?? "{}")) == null ? void 0 : a._id,
+        companyCode: (s = JSON.parse(localStorage.getItem("user") ?? "{}")) == null ? void 0 : s.companyCode
+      });
+    }, ne = () => {
+      window.scannerWorker ?? (window.scannerWorker = new ge());
+    };
+    return re(
+      () => t.visible,
+      (a) => {
+        a && (ne(), d.value = w(), F(), p.value = !1);
+      }
+    ), (a, s) => (S(), N(de, {
+      closable: !R.value,
+      "header-class": [
+        {
+          "flex !gap-1 !items-center !justify-center !text-sm !font-bold !leading-[18px] tracking-[0.02em] [&>div]:hidden": R.value
+        }
+      ],
+      visible: a.visible,
+      "onUpdate:visible": s[3] || (s[3] = (e) => a.$emit("update:visible", e)),
+      class: "w-[400px]",
+      "content-class": "!overflow-y-visible",
+      "footer-class": "!gap-1",
+      header: "Hardware Synchronize",
+      modal: ""
+    }, ce({
+      footer: O(() => [
+        R.value ? (S(), N(k, {
+          key: 0,
+          onClick: s[2] || (s[2] = (e) => a.$emit("update:visible", !1)),
+          label: "Close",
+          severity: "secondary",
+          text: ""
+        })) : h("", !0),
+        E.value ? h("", !0) : (S(), le(ie, { key: 1 }, [
+          Z.value && !t.withoutScanBtn ? (S(), N(k, {
+            key: 0,
+            onClick: L,
+            icon: "rfid",
+            label: "Scan RFID"
+          })) : h("", !0),
+          q.value && !t.withoutScanBtn ? (S(), N(k, {
+            key: 1,
+            onClick: L,
+            icon: "qr",
+            label: "Scan QR"
+          })) : h("", !0)
+        ], 64))
+      ]),
+      default: O(() => [
+        d.value ? (S(), N(me, {
+          key: 0,
+          class: V(["p-[9.52px] transition"]),
+          message: d.value.detail,
+          removable: !1,
+          "show-icon": !1,
+          title: d.value.title,
+          "message-wrapper-class": "text-[11px] leading-[14px] tracking-[0.02em]",
+          severity: "danger"
+        }, null, 8, ["message", "title"])) : h("", !0),
+        _(k, {
+          disabled: E.value,
+          loading: p.value,
+          onClick: se,
+          icon: "refresh",
+          label: "Sync",
+          "loading-icon": "refresh",
+          outlined: ""
+        }, null, 8, ["disabled", "loading"]),
+        W("section", {
+          class: V([
+            "grid grid-cols-2 gap-3 justify-start w-full",
+            { "opacity-60 pointer-events-none": E.value }
+          ]),
+          "data-ts-section": "scanner-list"
+        }, [
+          _(j, {
+            modelValue: l.value,
+            "onUpdate:modelValue": [
+              s[0] || (s[0] = (e) => l.value = e),
+              C
+            ],
+            options: b.value,
+            label: "RFID Scanner",
+            "option-label": "label"
+          }, null, 8, ["modelValue", "options"]),
+          _(j, {
+            modelValue: i.value,
+            "onUpdate:modelValue": [
+              s[1] || (s[1] = (e) => i.value = e),
+              C
+            ],
+            options: y.value,
+            label: "QR Scanner",
+            "option-label": "label"
+          }, null, 8, ["modelValue", "options"])
+        ], 2)
+      ]),
+      _: 2
+    }, [
+      R.value ? {
+        name: "header",
+        fn: O(() => {
+          var e;
+          return [
+            _(ve, {
+              icon: (e = a.searchBy) == null ? void 0 : e.toLowerCase()
+            }, null, 8, ["icon"]),
+            W("h3", null, "Scan " + ue(a.searchBy), 1)
+          ];
+        }),
+        key: "0"
+      } : void 0
+    ]), 1032, ["closable", "header-class", "visible"]));
+  }
+});
+export {
+  ge as W,
+  ke as _,
+  fe as g,
+  be as u
+};
+//# sourceMappingURL=index.es.js.map

package/hardwaresync/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../library/components/buttonscan/helpers/getErrorCode.helper.ts","../../../../library/components/hardwaresync/store/device.store.ts","../../../../library/components/hardwaresync/HardwareSync.vue"],"sourcesContent":["import { AxiosError } from 'axios';\n\nimport { ScannerErrorCode } from '../ButtonScan.vue.d';\n\nconst getErrorCode = (error: unknown): ScannerErrorCode | undefined => {\n  if (error instanceof AxiosError) {\n    return error.response\n      ? 'DEVICE_NOT_CONNECTED' // When no device connected, but user already opens the driver.\n      : 'DRIVER_NOT_FOUND'; // When Driver Not Found. When user has not opened the Driver yet.\n  } else if (\n    error instanceof Error &&\n    ['NOT_SUPPORTED_SYSTEM', 'HARDWARE_NOT_SYNCHRONIZED'].includes(\n      error.message,\n    )\n  ) {\n    return error.message as ScannerErrorCode;\n  }\n\n  return undefined;\n};\n\nexport default getErrorCode;\n","import { Ref, ref } from 'vue';\n\nimport { Device, DeviceList } from '../../buttonscan/ButtonScan.vue.d';\n\nexport interface ScanDevice {\n  RFID: Device | undefined;\n  QR: Device | undefined;\n}\n\nexport interface DeviceStore {\n  /**\n   * The device list.\n   */\n  devices: Ref<DeviceList>;\n  /**\n   * Save new device list.\n   */\n  saveDevices: (devices: DeviceList) => void;\n  /**\n   * The selected device.\n   */\n  device: Ref<ScanDevice>;\n  /**\n   * Set new selected Device.\n   */\n  setDevice: (device: ScanDevice) => void;\n  /**\n   * Get device options from sessionStorage.\n   */\n  loadDevices: () => void;\n}\n\nconst getDevices = (): DeviceList => {\n  return window.devices ?? [];\n};\n\nconst getSelectedDevice = (): ScanDevice => {\n  return window.device ?? { RFID: null, QR: null };\n};\n\nconst devices = ref<DeviceList>(getDevices());\nconst device = ref<ScanDevice>(getSelectedDevice());\n\nconst useDeviceStore = (): DeviceStore => {\n  const saveDevices = (newDevices: DeviceList): void => {\n    window.devices = newDevices;\n    loadDevices();\n  };\n\n  const setDevice = (newDevice: ScanDevice): void => {\n    window.device = newDevice;\n    device.value = newDevice;\n  };\n\n  const loadDevices = (): void => {\n    devices.value = getDevices();\n  };\n\n  return {\n    devices,\n    device,\n    saveDevices,\n    setDevice,\n    loadDevices,\n  };\n};\n\nexport default useDeviceStore;\n\ndeclare global {\n  interface Window {\n    device: ScanDevice;\n    devices: DeviceList;\n  }\n}\n","<script setup lang=\"ts\">\nimport { computed, onMounted, ref, shallowRef, watch } from 'vue';\n\nimport Button from 'lib/components/button/Button.vue';\nimport Dialog from 'lib/components/dialog/Dialog.vue';\nimport Dropdown from 'lib/components/dropdown/Dropdown.vue';\nimport Icon from 'lib/components/icon/Icon.vue';\nimport { WangsIcons } from 'lib/components/icon/Icon.vue.d';\nimport InlineMessage from 'lib/components/inlinemessage/InlineMessage.vue';\nimport { default as useToast } from 'lib/utils/baseToast.util';\n\nimport useDeviceStore from './store/device.store';\nimport {\n  Device,\n  ScannerErrorCode,\n  ScannerErrorMessage,\n  ScannerOption,\n} from '../buttonscan/ButtonScan.vue.d';\nimport { getErrorCode } from '../buttonscan/helpers';\nimport Worker from '../buttonscan/workers/scanner.worker?worker&inline';\n\nconst props = defineProps<{\n  visible: boolean;\n  errorCode?: ScannerErrorCode;\n  searchBy?: 'RFID' | 'QR';\n  bulk?: boolean;\n  withoutScanBtn?: boolean;\n}>();\n\nconst emit = defineEmits<{\n  'update:visible': [state: boolean];\n  'scan': [];\n}>();\n\nconst toast = useToast();\n\nonMounted(() => {\n  loadSelectedDevice();\n});\n\nconst {\n  device: selectedDevice,\n  devices,\n  saveDevices,\n  setDevice,\n  loadDevices,\n} = useDeviceStore();\n\nconst none = {\n  label: 'None',\n  device: undefined,\n};\n\nconst isSynchronizing = shallowRef<boolean>(false);\nconst selectedRFIDScanner = shallowRef<ScannerOption>(none);\nconst selectedQRScanner = shallowRef<ScannerOption>(none);\n\nconst getScannerOptions = (type: 'qrScan' | 'rfidScan'): ScannerOption[] => {\n  if (devices.value?.length) {\n    const options = devices.value\n      ?.filter((device) => device[type])\n      .map((device) => ({\n        label: `${device.name ?? device.jenisDevice + ' - ' + device.serialNumber}`,\n        device: device,\n      }));\n\n    /*\n     * Commented because in connectDevice has already set the selected scanner\n     *\n     * SelectedQRScanner.value = options[0];\n     * selectedRFIDScanner.value = options[0];\n     */\n\n    return options.length ? options : [];\n  }\n\n  selectedRFIDScanner.value = none;\n  selectedQRScanner.value = none;\n\n  return [];\n};\n\nconst rfidScannerOptions = computed(() => getScannerOptions('rfidScan'));\nconst qrScannerOptions = computed(() => getScannerOptions('qrScan'));\n\nconst isNotCompatibleOS = computed(\n  () => props.errorCode === 'NOT_SUPPORTED_SYSTEM',\n);\n\nconst showButtonScanRFID = computed(() => {\n  return props.searchBy === 'RFID' && selectedRFIDScanner.value.device;\n});\n\nconst showButtonScanQR = computed(() => {\n  return props.searchBy === 'QR' && selectedQRScanner.value.device;\n});\n\nconst isSearchByScan = computed(() => {\n  return !!props.searchBy && props.errorCode !== 'HARDWARE_NOT_SYNCHRONIZED';\n});\n\nconst setDevices = async (deviceList: Device[]): Promise<void> => {\n  try {\n    saveDevices(deviceList); // Note: After connected, device list successfuly updated.\n\n    const rfidReaderInOptions = rfidScannerOptions.value.some(\n      (rfidOption) =>\n        rfidOption?.device?.serialNumber ===\n        selectedRFIDScanner.value?.device?.serialNumber,\n    );\n\n    const qrReaderInOptions = qrScannerOptions.value.some(\n      (qrOption) =>\n        qrOption?.device?.serialNumber ===\n        selectedQRScanner.value?.device?.serialNumber,\n    );\n\n    selectedRFIDScanner.value = rfidReaderInOptions\n      ? selectedRFIDScanner.value\n      : (rfidScannerOptions.value[0] ?? none);\n\n    selectedQRScanner.value = qrReaderInOptions\n      ? selectedQRScanner.value\n      : (qrScannerOptions.value[0] ?? none);\n\n    updateSelectedDevice();\n  } catch (error) {\n    errorMessage.value = getErrorMessage(getErrorCode(error));\n  } finally {\n    isSynchronizing.value = false;\n  }\n};\n\nconst errorMessage = ref<ScannerErrorMessage | undefined>();\n\nconst incompatibleMessage = shallowRef<ScannerErrorMessage>({\n  title: 'The detected OS is not compatible',\n  detail:\n    'Please check the OS compatibility list on our product information page.',\n});\n\nconst disconnectedMessage = shallowRef<ScannerErrorMessage>({\n  title: 'Scanner Disconnected',\n  detail:\n    'Your scanner has been disconnected. Please reconnect it or select another device from the list.',\n});\n\nconst driverNotFoundMessage = shallowRef<ScannerErrorMessage>({\n  title: 'Scanner driver not found',\n  detail:\n    'The scanner driver may not be running or installed correctly on your device. Please contact your administrator.',\n});\n\nconst scannerNotDetected = shallowRef<ScannerErrorMessage>({\n  title: 'Scanner not detected',\n  detail: 'The scanner is either not detected or not identified by our system.',\n});\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst scannerNotRegistered = shallowRef<ScannerErrorMessage>({\n  title: 'Scanner is not registered',\n  detail: 'The scanner is not registered in your company.',\n});\n\nconst getErrorMessage = (\n  code?: ScannerErrorCode,\n): ScannerErrorMessage | undefined => {\n  switch (code ?? props.errorCode) {\n    case 'DEVICE_NOT_CONNECTED':\n      return scannerNotDetected.value;\n    case 'DRIVER_NOT_FOUND':\n      return driverNotFoundMessage.value;\n    case 'NOT_SUPPORTED_SYSTEM':\n      return incompatibleMessage.value;\n    case 'DEVICE_DISCONNECTED':\n      return disconnectedMessage.value;\n    default:\n      return undefined;\n  }\n};\n\nconst updateSelectedDevice = (): void => {\n  setDevice({\n    RFID: selectedRFIDScanner.value.device,\n    QR: selectedQRScanner.value.device,\n  });\n};\n\nconst loadSelectedDevice = (): void => {\n  loadDevices();\n\n  if (selectedDevice.value.RFID) {\n    selectedRFIDScanner.value = {\n      label: selectedDevice.value.RFID.name,\n      device: selectedDevice.value.RFID,\n    };\n  } else if (rfidScannerOptions.value.length) {\n    selectedRFIDScanner.value = rfidScannerOptions.value[0] ?? none;\n  }\n\n  if (qrScannerOptions.value.length) {\n    selectedQRScanner.value = qrScannerOptions.value[0] ?? none;\n  }\n\n  updateSelectedDevice();\n};\n\nconst closeDialog = (): void => {\n  emit('update:visible', false);\n  emit('scan');\n};\n\nconst synchronize = (): void => {\n  isSynchronizing.value = true;\n  errorMessage.value = undefined;\n\n  window.scannerWorker.onmessage = ({ data }): void => {\n    if (data.status === 'synced') {\n      const deviceList = data?.data?.deviceList ?? [];\n      setDevices(deviceList);\n\n      const { error } = data?.data ?? {};\n\n      if (error === 'Driver not connected to server') {\n        isSynchronizing.value = false;\n        errorMessage.value = getErrorMessage('DRIVER_NOT_FOUND');\n      } else if (!deviceList.length) {\n        isSynchronizing.value = false;\n        errorMessage.value = getErrorMessage('DEVICE_NOT_CONNECTED');\n      }\n    } else if (data.status === 'error_sync') {\n      isSynchronizing.value = false;\n      setDevices([]);\n      toast.add({ message: 'Failed to connecting scanner', severity: 'error' });\n    }\n  };\n\n  window.scannerWorker.postMessage({\n    command: 'sync',\n    userId: JSON.parse(localStorage.getItem('user') ?? '{}')?._id,\n    companyCode: JSON.parse(localStorage.getItem('user') ?? '{}')?.companyCode,\n  });\n};\n\nconst setupWorker = (): void => {\n  window.scannerWorker ??= new Worker();\n};\n\nwatch(\n  () => props.visible,\n  (is) => {\n    if (is) {\n      setupWorker();\n      errorMessage.value = getErrorMessage();\n      loadSelectedDevice();\n      isSynchronizing.value = false;\n    }\n  },\n);\n</script>\n\n<template>\n  <Dialog\n    :closable=\"!isSearchByScan\"\n    :header-class=\"[\n      {\n        'flex !gap-1 !items-center !justify-center !text-sm !font-bold !leading-[18px] tracking-[0.02em] [&>div]:hidden':\n          isSearchByScan,\n      },\n    ]\"\n    :visible=\"visible\"\n    @update:visible=\"$emit('update:visible', $event)\"\n    class=\"w-[400px]\"\n    content-class=\"!overflow-y-visible\"\n    footer-class=\"!gap-1\"\n    header=\"Hardware Synchronize\"\n    modal\n  >\n    <template #header v-if=\"isSearchByScan\">\n      <Icon :icon=\"searchBy?.toLowerCase() as WangsIcons\" />\n\n      <h3>Scan {{ searchBy }}</h3>\n    </template>\n\n    <InlineMessage\n      v-if=\"errorMessage\"\n      :class=\"['p-[9.52px] transition']\"\n      :message=\"errorMessage.detail\"\n      :removable=\"false\"\n      :show-icon=\"false\"\n      :title=\"errorMessage.title\"\n      message-wrapper-class=\"text-[11px] leading-[14px] tracking-[0.02em]\"\n      severity=\"danger\"\n    />\n\n    <Button\n      :disabled=\"isNotCompatibleOS\"\n      :loading=\"isSynchronizing\"\n      @click=\"synchronize\"\n      icon=\"refresh\"\n      label=\"Sync\"\n      loading-icon=\"refresh\"\n      outlined\n    />\n\n    <section\n      :class=\"[\n        'grid grid-cols-2 gap-3 justify-start w-full',\n        { 'opacity-60 pointer-events-none': isNotCompatibleOS },\n      ]\"\n      data-ts-section=\"scanner-list\"\n    >\n      <Dropdown\n        v-model=\"selectedRFIDScanner\"\n        :options=\"rfidScannerOptions\"\n        @update:model-value=\"updateSelectedDevice\"\n        label=\"RFID Scanner\"\n        option-label=\"label\"\n      />\n\n      <Dropdown\n        v-model=\"selectedQRScanner\"\n        :options=\"qrScannerOptions\"\n        @update:model-value=\"updateSelectedDevice\"\n        label=\"QR Scanner\"\n        option-label=\"label\"\n      />\n    </section>\n\n    <template #footer>\n      <Button\n        v-if=\"isSearchByScan\"\n        @click=\"$emit('update:visible', false)\"\n        label=\"Close\"\n        severity=\"secondary\"\n        text\n      />\n\n      <template v-if=\"!isNotCompatibleOS\">\n        <Button\n          v-if=\"showButtonScanRFID && !props.withoutScanBtn\"\n          @click=\"closeDialog\"\n          icon=\"rfid\"\n          label=\"Scan RFID\"\n        />\n\n        <Button\n          v-if=\"showButtonScanQR && !props.withoutScanBtn\"\n          @click=\"closeDialog\"\n          icon=\"qr\"\n          label=\"Scan QR\"\n        />\n      </template>\n    </template>\n  </Dialog>\n</template>\n"],"names":["getErrorCode","error","AxiosError","getDevices","getSelectedDevice","devices","ref","device","useDeviceStore","saveDevices","newDevices","loadDevices","setDevice","newDevice","props","__props","emit","__emit","toast","useToast","onMounted","loadSelectedDevice","selectedDevice","none","isSynchronizing","shallowRef","selectedRFIDScanner","selectedQRScanner","getScannerOptions","type","_a","options","_b","rfidScannerOptions","computed","qrScannerOptions","isNotCompatibleOS","showButtonScanRFID","showButtonScanQR","isSearchByScan","setDevices","deviceList","rfidReaderInOptions","rfidOption","_c","qrReaderInOptions","qrOption","updateSelectedDevice","errorMessage","getErrorMessage","incompatibleMessage","disconnectedMessage","driverNotFoundMessage","scannerNotDetected","code","closeDialog","synchronize","data","setupWorker","Worker","watch","is"],"mappings":"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"}

package/headercell/index.es.js

@@ -0,0 +1,41 @@
+import { defineComponent as n, openBlock as o, createElementBlock as t, normalizeClass as c, createElementVNode as r, normalizeProps as p, guardReactiveProps as i, createTextVNode as d, toDisplayString as f, createBlock as s, createCommentVNode as a } from "vue";
+import { _ as l } from "../icon/index.es.js";
+const m = ["colspan", "rowspan"], u = { class: "flex" }, k = /* @__PURE__ */ n({
+  __name: "HeaderCell",
+  props: {
+    col: {},
+    defaultHeaderRowSpan: {},
+    sortBy: {},
+    sortOrder: {},
+    preset: {}
+  },
+  setup(y) {
+    return (e, h) => (o(), t("th", {
+      class: c([e.col.headerClass, e.col.class]),
+      colspan: e.col.colspan,
+      rowspan: e.col.rowspan ?? e.defaultHeaderRowSpan
+    }, [
+      r("span", p(i(e.preset.headercellcontent)), [
+        r("span", u, [
+          d(f(e.col.header) + " ", 1),
+          e.col.info ? (o(), s(l, {
+            key: 0,
+            info: e.col.info,
+            severity: e.col.infoSeverity,
+            class: "w-[10px] h-[10px]",
+            icon: "info"
+          }, null, 8, ["info", "severity"])) : a("", !0)
+        ]),
+        e.col.sortable ? (o(), s(l, {
+          key: 0,
+          icon: !e.sortBy || e.sortBy != e.col.field ? "arrow-up-down" : e.sortOrder == 1 ? "sort-asc" : "sort-desc",
+          class: "text-base"
+        }, null, 8, ["icon"])) : a("", !0)
+      ], 16)
+    ], 10, m));
+  }
+});
+export {
+  k as _
+};
+//# sourceMappingURL=index.es.js.map

package/headercell/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/icon/index.d.ts

@@ -27,11 +27,13 @@ export type WangsIcons =
   | 'arrow-right-circle-line'
   | 'arrow-right-double'
   | 'arrow-right-fill'
+  | 'apps-2-line'
   | 'asset-view'
   | 'asset'
   | 'assignment'
   | 'attachment-2'
   | 'audit'
+  | 'bank-card-line'
   | 'barcode'
   | 'barricade-line'
   | 'bell'
@@ -93,6 +95,7 @@ export type WangsIcons =
   | 'files'
   | 'file-lines'
   | 'file-list-2'
+  | 'file-list-3'
   | 'file-list'
   | 'file-settings'
   | 'file-shield-line'
@@ -144,6 +147,7 @@ export type WangsIcons =
   | 'node-tree'
   | 'note'
   | 'notification'
+  | 'organization-chart'
   | 'pdf'
   | 'pair-tag'
   | 'pencil'
@@ -181,10 +185,12 @@ export type WangsIcons =
   | 'star'
   | 'store'
   | 'subtract'
+  | 'table'
   | 'time'
   | 'ticket'
   | 'tools'
   | 'tracking'
+  | 'truck-line'
   | 'unassign'
   | 'upload-2'
   | 'upload-cloud-2'
@@ -243,7 +249,7 @@ export interface IconProps {
    * Set the position of tooltip.
    */
   tooltipPos?: 'top' | 'right' | 'bottom' | 'left';
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
   class?: any;
 }