@ozdao/prometheus-framework 0.2.235 → 0.2.237

package/dist/prometheus-framework/src/modules/wallet/views/components/blocks/CardDeposit.vue.js

@@ -1,6 +1,6 @@
 import { openBlock, createElementBlock, Fragment, createElementVNode, createVNode, unref, toDisplayString } from "vue";
 import text from "../../localization/wallet.json.js";
-import Field from "../../../../../components/Field/Field.vue2.js";
+import Field from "../../../../../components/Field/Field.vue.js";
 import { useI18n } from "vue-i18n";
 const _hoisted_1 = /* @__PURE__ */ createElementVNode("h2", { class: "mn-b-small t-center t-bold" }, "Deposit with card", -1);
 const _hoisted_2 = { class: "bg-grey radius-big mn-t-semi mn-b-semi flex flex-justify-between" };

package/dist/prometheus-framework/src/modules/wallet/views/components/blocks/CryptoDeposit.vue.cjs

@@ -5,7 +5,7 @@ const vueI18n = require("vue-i18n");
 const bignumber = require("../../../../../../node_modules/bignumber.js/bignumber.cjs");
 const wallet_store = require("../../store/wallet.store.cjs");
 const wallet = require("../../localization/wallet.json.cjs");
-const Field = require("../../../../../components/Field/Field.vue2.cjs");
+const Field = require("../../../../../components/Field/Field.vue.cjs");
 const Select = require("../../../../../components/Select/Select.vue.cjs");
 const _hoisted_1 = { class: "mn-b-small t-center t-bold" };
 const _hoisted_2 = { class: "t-semi" };

package/dist/prometheus-framework/src/modules/wallet/views/components/blocks/CryptoDeposit.vue.js

@@ -3,7 +3,7 @@ import { useI18n } from "vue-i18n";
 import { BigNumber } from "../../../../../../node_modules/bignumber.js/bignumber.js";
 import { state, actions } from "../../store/wallet.store.js";
 import text from "../../localization/wallet.json.js";
-import Field from "../../../../../components/Field/Field.vue2.js";
+import Field from "../../../../../components/Field/Field.vue.js";
 import Select from "../../../../../components/Select/Select.vue.js";
 const _hoisted_1 = { class: "mn-b-small t-center t-bold" };
 const _hoisted_2 = { class: "t-semi" };

package/dist/prometheus-framework/src/modules/wallet/views/components/pages/Wallet.vue.cjs

@@ -6,16 +6,16 @@ const Web3 = require("web3");
 const wallet_store = require("../../store/wallet.store.cjs");
 const wallet = require("../../localization/wallet.json.cjs");
 const Popup = require("../../../../../components/Popup/Popup.vue.cjs");
-const Button = require("../../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../../components/Button/Button.vue.cjs");
 require("vue-router");
 ;/* empty css                                             */
 require("../../../../reports/store/reports.cjs");
 ;/* empty css                                              */
-;/* empty css                                                 */
+;/* empty css                                                */
 require("../../../../auth/views/store/auth.cjs");
 require("../../../../organizations/store/memberships.cjs");
 require("../../../../community/store/reactions.cjs");
-;/* empty css                                           */
+;/* empty css                                          */
 const ConnectMetamask = require("../elements/ConnectMetamask.vue.cjs");
 const CashDeposit = require("../blocks/CashDeposit.vue.cjs");
 const CardDeposit = require("../blocks/CardDeposit.vue.cjs");

package/dist/prometheus-framework/src/modules/wallet/views/components/pages/Wallet.vue.js

@@ -4,16 +4,16 @@ import Web3 from "web3";
 import { state, actions } from "../../store/wallet.store.js";
 import text from "../../localization/wallet.json.js";
 import _sfc_main$3 from "../../../../../components/Popup/Popup.vue.js";
-import _sfc_main$1 from "../../../../../components/Button/Button.vue2.js";
+import _sfc_main$1 from "../../../../../components/Button/Button.vue.js";
 import "vue-router";
 /* empty css                                           */
 import "../../../../reports/store/reports.js";
 /* empty css                                            */
-/* empty css                                               */
+/* empty css                                              */
 import "../../../../auth/views/store/auth.js";
 import "../../../../organizations/store/memberships.js";
 import "../../../../community/store/reactions.js";
-/* empty css                                         */
+/* empty css                                        */
 import _sfc_main$2 from "../elements/ConnectMetamask.vue.js";
 import _sfc_main$4 from "../blocks/CashDeposit.vue.js";
 import _sfc_main$5 from "../blocks/CardDeposit.vue.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozdao/prometheus-framework",
-  "version": "0.2.235",
+  "version": "0.2.237",
   "description": "Web3 Framework focused on user experience and ease of development.",
   "author": "OZ DAO <hello@ozdao.dev>",
   "license": "GPL-3.0-or-later",

package/src/modules/events/components/elements/ButtonCheck.vue

@@ -4,8 +4,14 @@
       Check Tickets
     </Button>
     <div v-if="isScanning" class="barcode-scanner-modal">
-      <!-- Add any UI elements for the scanner here -->
+      <div class="square"></div>
+      <div class="zoom-ratio-wrapper" v-if="minZoomRatio !== undefined && maxZoomRatio !== undefined">
+        <input type="range" :min="minZoomRatio" :max="maxZoomRatio" @input="setZoomRatio" />
+      </div>
       <Button @click="stopScan" class="stop-scan-button">Stop Scan</Button>
+      <Button v-if="isTorchAvailable" @click="toggleTorch" class="torch-button">
+        Toggle Torch
+      </Button>
     </div>
   </div>
 </template>
@@ -19,23 +25,27 @@ import * as tickets from '@pf/src/modules/events/store/tickets'
 const emits = defineEmits(['qrcodecheck'])
 const error = ref('')
 const isScanning = ref(false)
+const isTorchAvailable = ref(false)
+const minZoomRatio = ref(undefined)
+const maxZoomRatio = ref(undefined)
 
 onMounted(async () => {
   const { supported } = await BarcodeScanner.isSupported()
   if (!supported) {
     error.value = 'Barcode scanning is not supported on this device'
   }
+  const { available } = await BarcodeScanner.isTorchAvailable()
+  isTorchAvailable.value = available
 })
 
 onUnmounted(async () => {
-  await BarcodeScanner.removeAllListeners()
+  await stopScan()
 })
 
 async function startScan() {
-  document.querySelector('body')?.classList.add('barcode-scanner-active');
-
   try {
     const { camera } = await BarcodeScanner.checkPermissions()
+
     if (camera !== 'granted') {
       const { camera: newStatus } = await BarcodeScanner.requestPermissions()
       if (newStatus !== 'granted') {
@@ -44,6 +54,8 @@ async function startScan() {
     }
 
     document.querySelector('body')?.classList.add('barcode-scanner-active')
+    document.querySelector('html')?.classList.add('barcode-scanner-active-html')
+
     isScanning.value = true
 
     await BarcodeScanner.addListener('barcodeScanned', async (result) => {
@@ -51,6 +63,11 @@ async function startScan() {
     })
 
     await BarcodeScanner.startScan()
+
+    const { zoomRatio: min } = await BarcodeScanner.getMinZoomRatio()
+    const { zoomRatio: max } = await BarcodeScanner.getMaxZoomRatio()
+    minZoomRatio.value = min
+    maxZoomRatio.value = max
   } catch (e) {
     error.value = e.message
     alert(`Error: ${error.value}`)
@@ -59,7 +76,8 @@ async function startScan() {
 
 async function stopScan() {
   try {
-    document.querySelector('body')?.classList.remove('barcode-scanner-active');
+    document.querySelector('body')?.classList.remove('barcode-scanner-active')
+    document.querySelector('html')?.classList.remove('barcode-scanner-active-html')
     isScanning.value = false
     await BarcodeScanner.stopScan()
     await BarcodeScanner.removeAllListeners()
@@ -83,16 +101,58 @@ async function processBarcode(barcode) {
     await stopScan()
   }
 }
+
+async function setZoomRatio(event) {
+  const zoomRatio = parseFloat(event.target.value)
+  await BarcodeScanner.setZoomRatio({ zoomRatio })
+}
+
+async function toggleTorch() {
+  await BarcodeScanner.toggleTorch()
+}
 </script>
 
-<style>
+<style scoped>
+.barcode-scanner-modal {
+  visibility: visible;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.8);
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+.square {
+  width: 200px;
+  height: 200px;
+  border: 2px solid white;
+  border-radius: 10px;
+}
+
+.zoom-ratio-wrapper {
+  width: 80%;
+  margin-top: 20px;
+}
+
+.stop-scan-button,
+.torch-button {
+  margin-top: 20px;
+}
+
+/* Existing styles */
 body.barcode-scanner-active {
   visibility: hidden;
   --background: transparent;
   --ion-background-color: transparent;
 }
-.barcode-scanner-modal {
-  visibility: visible;
+
+html.barcode-scanner-active-html {
+  background: transparent !important;
 }
 
 @media (prefers-color-scheme: dark) {
@@ -101,4 +161,4 @@ body.barcode-scanner-active {
     --ion-background-color: transparent;
   }
 }
-</style>
+</style>