@ozdao/prometheus-framework 0.2.222 → 0.2.223

package/dist/prometheus-framework/src/modules/events/components/elements/ButtonCheck.vue.js

@@ -1,16 +1,16 @@
-import { ref, openBlock, createElementBlock, createVNode, withCtx, createTextVNode, createElementVNode, unref, pushScopeId, popScopeId } from "vue";
-import { QrcodeStream as Ii } from "../../../../../../node_modules/vue-qrcode-reader/dist/vue-qrcode-reader.js";
+import { ref, openBlock, createElementBlock, createVNode, withCtx, createTextVNode, pushScopeId, popScopeId, createElementVNode } from "vue";
+import { BarcodeScanner } from "../../../../../../node_modules/@capacitor-mlkit/barcode-scanning/dist/esm/index.js";
 import _sfc_main$2 from "../../../../components/Popup/Popup.vue.js";
 import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
 import { actions } from "../../store/tickets.js";
 /* empty css                 */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const _withScopeId = (n) => (pushScopeId("data-v-20750f79"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-8234029e"), n = n(), popScopeId(), n);
 const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("h3", { class: "mn-b-small" }, "Scan QR Code", -1));
-const _hoisted_2 = { class: "h-max" };
+const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "h-max" }, null, -1));
 const _sfc_main = {
   __name: "ButtonCheck",
-  emits: "qrcodecheck",
+  emits: ["qrcodecheck"],
   setup(__props, { emit: __emit }) {
     const emits = __emit;
     const isPublicationPopup = ref(false);
@@ -21,59 +21,40 @@ const _sfc_main = {
     function closePublicationPopup() {
       isPublicationPopup.value = false;
     }
-    const result = ref(null);
-    async function onDetect(detectedCodes) {
-      result.value = detectedCodes.map((code) => code.rawValue);
+    async function startScan() {
+      openPublicationPopup();
+      try {
+        await BarcodeScanner.isSupported();
+        const { barcodes } = await BarcodeScanner.scan();
+        if (barcodes.length > 0) {
+          await processBarcode(barcodes[0].rawValue);
+        } else {
+          throw new Error("No barcode detected");
+        }
+      } catch (e) {
+        error.value = e.message;
+        alert(`Error: ${error.value}`);
+      } finally {
+        closePublicationPopup();
+      }
+    }
+    async function processBarcode(qrcode) {
       try {
-        const qrcode = result.value[0] || "";
         if (!qrcode) {
           throw new Error("Troubles with qrcode reading");
         }
-        const response = await actions.update({
-          _id: qrcode,
-          status: "used",
-          check: true
-        });
+        const response = await actions.update({ _id: qrcode, status: "used", check: true });
         alert("Ticket checked. And it's all right!");
       } catch (e) {
         alert(`Ticket is not found, already used or deactivated!`);
-      }
-      emits("qrcodecheck");
-    }
-    function onError(err) {
-      error.value = `[${err.name}]: `;
-      if (err.name === "NotAllowedError") {
-        error.value += "you need to grant camera access permission";
-      } else if (err.name === "NotFoundError") {
-        error.value += "no camera on this device";
-      } else if (err.name === "NotSupportedError") {
-        error.value += "secure context required (HTTPS, localhost)";
-      } else if (err.name === "NotReadableError") {
-        error.value += "is the camera already in use?";
-      } else if (err.name === "OverconstrainedError") {
-        error.value += "installed cameras are not suitable";
-      } else if (err.name === "StreamApiNotSupportedError") {
-        error.value += "Stream API is not supported in this browser";
-      } else if (err.name === "InsecureContextError") {
-        error.value += "Camera access is only permitted in secure context. Use HTTPS or localhost rather than HTTP.";
-      } else {
-        error.value += err.message;
-      }
-    }
-    function paintBoundingBox(detectedCodes, ctx) {
-      for (const detectedCode of detectedCodes) {
-        const {
-          boundingBox: { x, y, width, height }
-        } = detectedCode;
-        ctx.lineWidth = 2;
-        ctx.strokeStyle = "#007bff";
-        ctx.strokeRect(x, y, width, height);
+      } finally {
+        emits("qrcodecheck");
       }
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
         createVNode(_sfc_main$1, {
-          submit: openPublicationPopup,
+          submit: startScan,
           class: "bg-main button-small radius-extra button"
         }, {
           default: withCtx(() => [
@@ -82,20 +63,14 @@ const _sfc_main = {
           _: 1
         }),
         createVNode(_sfc_main$2, {
-          title: "Добавить участника",
+          title: "Scan QR Code",
           onClosePopup: closePublicationPopup,
           isPopupOpen: isPublicationPopup.value,
           class: "w-max-30r h-max-30r t-left pd-big bg-white radius-big"
         }, {
           default: withCtx(() => [
             _hoisted_1,
-            createElementVNode("div", _hoisted_2, [
-              createVNode(unref(Ii), {
-                track: paintBoundingBox,
-                onDetect,
-                onError
-              })
-            ])
+            _hoisted_2
           ]),
           _: 1
         }, 8, ["isPopupOpen"])
@@ -103,7 +78,7 @@ const _sfc_main = {
     };
   }
 };
-const ButtonCheck = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-20750f79"]]);
+const ButtonCheck = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8234029e"]]);
 export {
   ButtonCheck as default
 };

package/dist/prometheus-framework/src/modules/events/components/elements/ButtonCheck.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonCheck.vue.js","sources":["../../../../../../../src/modules/events/components/elements/ButtonCheck.vue"],"sourcesContent":["<template>\n  <div>\n    <Button :submit=\"openPublicationPopup\" class=\"bg-main button-small radius-extra button\">\n      Check Tickets\n    </Button>\n\n    <Popup title=\"Добавить участника\" @close-popup=\"closePublicationPopup\" :isPopupOpen=\"isPublicationPopup\"\n      class=\"w-max-30r h-max-30r t-left pd-big bg-white radius-big\">\n      <h3 class=\"mn-b-small\">Scan QR Code</h3>\n\n      <div class=\"h-max\">\n        <QrcodeStream :track=\"paintBoundingBox\" @detect=\"onDetect\" @error=\"onError\"></QrcodeStream>\n      </div>\n    </Popup>\n  </div>\n</template>\n\n<script setup>\n// Deps\nimport { ref } from 'vue'\nimport { QrcodeStream } from 'vue-qrcode-reader'\n\n// In components\nimport Popup from '@pf/src/components/Popup/Popup.vue'\nimport Button from '@pf/src/components/Button/Button.vue'\n\n// Methods \nimport * as tickets from '@pf/src/modules/events/store/tickets'\n\nconst emits = defineEmits('qrcodecheck')\n\nconst isPublicationPopup = ref(false)\nconst error = ref('')\n\nfunction openPublicationPopup() {\n  isPublicationPopup.value = true\n}\n\nfunction closePublicationPopup() {\n  isPublicationPopup.value = false\n}\n\nconst result = ref(null)\n\nasync function onDetect(detectedCodes) {\n  result.value = detectedCodes.map((code) => code.rawValue)\n\n  try {\n    const qrcode = result.value[0] || ''\n\n    if (!qrcode) {\n      throw new Error('Troubles with qrcode reading');\n    }\n\n    const response = await tickets.actions.update({\n      _id: qrcode,\n      status: 'used',\n      check: true\n    })\n\n    alert(\"Ticket checked. And it's all right!\");\n  } catch (e) {\n    alert(`Ticket is not found, already used or deactivated!`);\n  }\n\n  emits('qrcodecheck')\n}\n\nfunction onError(err) {\n  error.value = `[${err.name}]: `\n\n  if (err.name === 'NotAllowedError') {\n    error.value += 'you need to grant camera access permission'\n  } else if (err.name === 'NotFoundError') {\n    error.value += 'no camera on this device'\n  } else if (err.name === 'NotSupportedError') {\n    error.value += 'secure context required (HTTPS, localhost)'\n  } else if (err.name === 'NotReadableError') {\n    error.value += 'is the camera already in use?'\n  } else if (err.name === 'OverconstrainedError') {\n    error.value += 'installed cameras are not suitable'\n  } else if (err.name === 'StreamApiNotSupportedError') {\n    error.value += 'Stream API is not supported in this browser'\n  } else if (err.name === 'InsecureContextError') {\n    error.value += 'Camera access is only permitted in secure context. Use HTTPS or localhost rather than HTTP.'\n  } else {\n    error.value += err.message\n  }\n}\n\nfunction paintBoundingBox(detectedCodes, ctx) {\n  for (const detectedCode of detectedCodes) {\n    const {\n      boundingBox: { x, y, width, height }\n    } = detectedCode\n\n    ctx.lineWidth = 2\n    ctx.strokeStyle = '#007bff'\n    ctx.strokeRect(x, y, width, height)\n  }\n}\n</script>\n\n<style scoped>\n/* Existing styles can stay unchanged */\n</style>\n"],"names":["tickets.actions"],"mappings":";;;;;;;;;;;;;;AA6BA,UAAM,QAAQ;AAEd,UAAM,qBAAqB,IAAI,KAAK;AACpC,UAAM,QAAQ,IAAI,EAAE;AAEpB,aAAS,uBAAuB;AAC9B,yBAAmB,QAAQ;AAAA,IAC7B;AAEA,aAAS,wBAAwB;AAC/B,yBAAmB,QAAQ;AAAA,IAC7B;AAEA,UAAM,SAAS,IAAI,IAAI;AAEvB,mBAAe,SAAS,eAAe;AACrC,aAAO,QAAQ,cAAc,IAAI,CAAC,SAAS,KAAK,QAAQ;AAExD,UAAI;AACF,cAAM,SAAS,OAAO,MAAM,CAAC,KAAK;AAElC,YAAI,CAAC,QAAQ;AACX,gBAAM,IAAI,MAAM,8BAA8B;AAAA,QAC/C;AAED,cAAM,WAAW,MAAMA,QAAgB,OAAO;AAAA,UAC5C,KAAK;AAAA,UACL,QAAQ;AAAA,UACR,OAAO;AAAA,QACb,CAAK;AAED,cAAM,qCAAqC;AAAA,MAC5C,SAAQ,GAAG;AACV,cAAM,mDAAmD;AAAA,MAC1D;AAED,YAAM,aAAa;AAAA,IACrB;AAEA,aAAS,QAAQ,KAAK;AACpB,YAAM,QAAQ,IAAI,IAAI,IAAI;AAE1B,UAAI,IAAI,SAAS,mBAAmB;AAClC,cAAM,SAAS;AAAA,MACnB,WAAa,IAAI,SAAS,iBAAiB;AACvC,cAAM,SAAS;AAAA,MACnB,WAAa,IAAI,SAAS,qBAAqB;AAC3C,cAAM,SAAS;AAAA,MACnB,WAAa,IAAI,SAAS,oBAAoB;AAC1C,cAAM,SAAS;AAAA,MACnB,WAAa,IAAI,SAAS,wBAAwB;AAC9C,cAAM,SAAS;AAAA,MACnB,WAAa,IAAI,SAAS,8BAA8B;AACpD,cAAM,SAAS;AAAA,MACnB,WAAa,IAAI,SAAS,wBAAwB;AAC9C,cAAM,SAAS;AAAA,MACnB,OAAS;AACL,cAAM,SAAS,IAAI;AAAA,MACpB;AAAA,IACH;AAEA,aAAS,iBAAiB,eAAe,KAAK;AAC5C,iBAAW,gBAAgB,eAAe;AACxC,cAAM;AAAA,UACJ,aAAa,EAAE,GAAG,GAAG,OAAO,OAAQ;AAAA,QAC1C,IAAQ;AAEJ,YAAI,YAAY;AAChB,YAAI,cAAc;AAClB,YAAI,WAAW,GAAG,GAAG,OAAO,MAAM;AAAA,MACnC;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ButtonCheck.vue.js","sources":["../../../../../../../src/modules/events/components/elements/ButtonCheck.vue"],"sourcesContent":["<template>\n  <div>\n    <Button :submit=\"startScan\" class=\"bg-main button-small radius-extra button\">\n      Check Tickets\n    </Button>\n    <Popup\n      title=\"Scan QR Code\"\n      @close-popup=\"closePublicationPopup\"\n      :isPopupOpen=\"isPublicationPopup\"\n      class=\"w-max-30r h-max-30r t-left pd-big bg-white radius-big\"\n    >\n      <h3 class=\"mn-b-small\">Scan QR Code</h3>\n      <div class=\"h-max\">\n        <!-- Scanning will be handled by Capacitor, so we don't need a visual component here -->\n      </div>\n    </Popup>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue'\nimport { BarcodeScanner } from '@capacitor-mlkit/barcode-scanning'\nimport Popup from '@pf/src/components/Popup/Popup.vue'\nimport Button from '@pf/src/components/Button/Button.vue'\nimport * as tickets from '@pf/src/modules/events/store/tickets'\n\nconst emits = defineEmits(['qrcodecheck'])\nconst isPublicationPopup = ref(false)\nconst error = ref('')\n\nfunction openPublicationPopup() {\n  isPublicationPopup.value = true\n}\n\nfunction closePublicationPopup() {\n  isPublicationPopup.value = false\n}\n\nasync function startScan() {\n  openPublicationPopup()\n  \n  try {\n    await BarcodeScanner.isSupported()\n    const { barcodes } = await BarcodeScanner.scan()\n    \n    if (barcodes.length > 0) {\n      await processBarcode(barcodes[0].rawValue)\n    } else {\n      throw new Error('No barcode detected')\n    }\n  } catch (e) {\n    error.value = e.message\n    alert(`Error: ${error.value}`)\n  } finally {\n    closePublicationPopup()\n  }\n}\n\nasync function processBarcode(qrcode) {\n  try {\n    if (!qrcode) {\n      throw new Error('Troubles with qrcode reading')\n    }\n    const response = await tickets.actions.update({ _id: qrcode, status: 'used', check: true })\n    alert(\"Ticket checked. And it's all right!\")\n  } catch (e) {\n    alert(`Ticket is not found, already used or deactivated!`)\n  } finally {\n    emits('qrcodecheck')\n  }\n}\n</script>\n\n<style scoped>\n/* Existing styles can stay unchanged */\n</style>"],"names":["tickets.actions"],"mappings":";;;;;;;;;;;;;;AA0BA,UAAM,QAAQ;AACd,UAAM,qBAAqB,IAAI,KAAK;AACpC,UAAM,QAAQ,IAAI,EAAE;AAEpB,aAAS,uBAAuB;AAC9B,yBAAmB,QAAQ;AAAA,IAC7B;AAEA,aAAS,wBAAwB;AAC/B,yBAAmB,QAAQ;AAAA,IAC7B;AAEA,mBAAe,YAAY;AACzB,2BAAsB;AAEtB,UAAI;AACF,cAAM,eAAe,YAAa;AAClC,cAAM,EAAE,SAAQ,IAAK,MAAM,eAAe,KAAM;AAEhD,YAAI,SAAS,SAAS,GAAG;AACvB,gBAAM,eAAe,SAAS,CAAC,EAAE,QAAQ;AAAA,QAC/C,OAAW;AACL,gBAAM,IAAI,MAAM,qBAAqB;AAAA,QACtC;AAAA,MACF,SAAQ,GAAG;AACV,cAAM,QAAQ,EAAE;AAChB,cAAM,UAAU,MAAM,KAAK,EAAE;AAAA,MACjC,UAAY;AACR,8BAAuB;AAAA,MACxB;AAAA,IACH;AAEA,mBAAe,eAAe,QAAQ;AACpC,UAAI;AACF,YAAI,CAAC,QAAQ;AACX,gBAAM,IAAI,MAAM,8BAA8B;AAAA,QAC/C;AACD,cAAM,WAAW,MAAMA,QAAgB,OAAO,EAAE,KAAK,QAAQ,QAAQ,QAAQ,OAAO,KAAI,CAAE;AAC1F,cAAM,qCAAqC;AAAA,MAC5C,SAAQ,GAAG;AACV,cAAM,mDAAmD;AAAA,MAC7D,UAAY;AACR,cAAM,aAAa;AAAA,MACpB;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}