@ozdao/prometheus-framework 0.2.229 → 0.2.231

package/dist/prometheus-framework/src/modules/pages/views/components/blocks/CardPage.vue.cjs

@@ -3,8 +3,8 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const IconEdit = require("../../../../icons/navigation/IconEdit.vue.cjs");
 const IconAdd = require("../../../../icons/navigation/IconAdd.vue.cjs");
-;/* empty css                                            */
-;/* empty css                                            */
+;/* empty css                                             */
+;/* empty css                                             */
 ;/* empty css                                          */
 const vueRouter = require("vue-router");
 ;/* empty css                */

package/dist/prometheus-framework/src/modules/pages/views/components/blocks/CardPage.vue.js

@@ -1,8 +1,8 @@
 import { ref, resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, createVNode, unref, withCtx, createTextVNode, toDisplayString, createBlock, createCommentVNode, Fragment, renderList } from "vue";
 import _sfc_main$1 from "../../../../icons/navigation/IconEdit.vue.js";
 import _sfc_main$2 from "../../../../icons/navigation/IconAdd.vue.js";
-/* empty css                                          */
-/* empty css                                          */
+/* empty css                                           */
+/* empty css                                           */
 /* empty css                                        */
 import { useRouter } from "vue-router";
 /* empty css              */

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

@@ -4,7 +4,7 @@ const vue = require("vue");
 const vueRouter = require("vue-router");
 const mixins = require("../../../../globals/views/mixins/mixins.cjs");
 const pages = require("../../store/pages.cjs");
-const Button = require("../../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../../components/Button/Button.vue.cjs");
 ;/* empty css                                          */
 ;/* empty css                        */
 ;/* empty css                                              */

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

@@ -2,7 +2,7 @@ import { ref, onMounted, openBlock, createElementBlock, createVNode, createComme
 import { useRoute, useRouter } from "vue-router";
 import { useGlobalMixins } from "../../../../globals/views/mixins/mixins.js";
 import { actions, state } from "../../store/pages.js";
-import _sfc_main$2 from "../../../../../components/Button/Button.vue2.js";
+import _sfc_main$2 from "../../../../../components/Button/Button.vue.js";
 /* empty css                                        */
 /* empty css                      */
 /* empty css                                            */

package/dist/prometheus-framework/src/modules/pages/views/components/partials/SidebarPages.vue.cjs

@@ -4,7 +4,7 @@ const vue = require("vue");
 const vueRouter = require("vue-router");
 const Block = require("../../../../../components/Block/Block.vue.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");
 const Constructor = require("../../../../constructor/components/sections/Constructor.vue.cjs");
 const CardPage = require("../blocks/CardPage.vue.cjs");
 const pages = require("../../store/pages.cjs");

package/dist/prometheus-framework/src/modules/pages/views/components/partials/SidebarPages.vue.js

@@ -2,7 +2,7 @@ import { computed, ref, onMounted, openBlock, createBlock, withCtx, createElemen
 import { useRoute, useRouter } from "vue-router";
 import _sfc_main$1 from "../../../../../components/Block/Block.vue.js";
 import _sfc_main$3 from "../../../../../components/Popup/Popup.vue.js";
-import _sfc_main$5 from "../../../../../components/Button/Button.vue2.js";
+import _sfc_main$5 from "../../../../../components/Button/Button.vue.js";
 import _sfc_main$4 from "../../../../constructor/components/sections/Constructor.vue.js";
 import _sfc_main$2 from "../blocks/CardPage.vue.js";
 import { actions } from "../../store/pages.js";

package/dist/prometheus-framework/src/modules/products/components/blocks/Images360.vue.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Loader = require("../../../../components/Loader/Loader.vue2.cjs");
+const Loader = require("../../../../components/Loader/Loader.vue.cjs");
 ;/* empty css                 */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
 const _hoisted_1 = { class: "product-360-viewer" };

package/dist/prometheus-framework/src/modules/products/components/blocks/Images360.vue.js

@@ -1,5 +1,5 @@
 import { ref, computed, watch, onMounted, onUnmounted, openBlock, createElementBlock, createVNode, Transition, withCtx, withModifiers, createCommentVNode, createBlock, createStaticVNode } from "vue";
-import Loader from "../../../../components/Loader/Loader.vue2.js";
+import Loader from "../../../../components/Loader/Loader.vue.js";
 /* empty css               */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _hoisted_1 = { class: "product-360-viewer" };

package/dist/prometheus-framework/src/modules/products/components/pages/Categories.vue.cjs

@@ -4,7 +4,7 @@ const vue = require("vue");
 const vueDraggableNext_esmBundler = require("../../../../../../node_modules/vue-draggable-next/dist/vue-draggable-next.esm-bundler.cjs");
 const vueRouter = require("vue-router");
 const categories = require("../../store/categories.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const Block = require("../../../../components/Block/Block.vue.cjs");
 const CardCategory = require("../blocks/CardCategory.vue.cjs");
 const _hoisted_1 = { class: "pd-thin" };

package/dist/prometheus-framework/src/modules/products/components/pages/Categories.vue.js

@@ -2,7 +2,7 @@ import { onMounted, resolveComponent, openBlock, createElementBlock, createVNode
 import { VueDraggableNext } from "../../../../../../node_modules/vue-draggable-next/dist/vue-draggable-next.esm-bundler.js";
 import { useRoute, useRouter } from "vue-router";
 import { actions, state } from "../../store/categories.js";
-import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
 import _sfc_main$3 from "../blocks/CardCategory.vue.js";
 const _hoisted_1 = { class: "pd-thin" };

package/dist/prometheus-framework/src/modules/products/components/pages/CategoryEdit.vue.cjs

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const Select = require("../../../../components/Select/Select.vue.cjs");
 const Field = require("../../../../components/Field/Field.vue2.cjs");
 const Block = require("../../../../components/Block/Block.vue.cjs");

package/dist/prometheus-framework/src/modules/products/components/pages/CategoryEdit.vue.js

@@ -1,7 +1,7 @@
 import { computed, openBlock, createElementBlock, Fragment, createVNode, withCtx, createElementVNode, toDisplayString, unref, createTextVNode, renderList } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import _sfc_main$3 from "../../../icons/navigation/IconDelete.vue.js";
-import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
 import Select from "../../../../components/Select/Select.vue.js";
 import Field from "../../../../components/Field/Field.vue2.js";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";

package/dist/prometheus-framework/src/modules/products/components/pages/ProductEdit.vue.cjs

@@ -8,7 +8,7 @@ const Block = require("../../../../components/Block/Block.vue.cjs");
 ;/* empty css                                   */
 const Field = require("../../../../components/Field/Field.vue2.cjs");
 const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const EditImages = require("../../../../components/EditImages/EditImages.vue.cjs");

package/dist/prometheus-framework/src/modules/products/components/pages/ProductEdit.vue.js

@@ -6,7 +6,7 @@ import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
 /* empty css                                 */
 import Field from "../../../../components/Field/Field.vue2.js";
 import _sfc_main$9 from "../../../../components/Checkbox/Checkbox.vue.js";
-import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
 import _sfc_main$6 from "../../../../components/Popup/Popup.vue.js";
 import _sfc_main$7 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$3 from "../../../../components/EditImages/EditImages.vue.js";

package/dist/prometheus-framework/src/modules/products/components/pages/ProductRecommmendation.vue.cjs

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const vueI18n = require("vue-i18n");
-const Loader = require("../../../../components/Loader/Loader.vue2.cjs");
+const Loader = require("../../../../components/Loader/Loader.vue.cjs");
 ;/* empty css                                                   */
 const FieldBig = require("../../../../components/FieldBig/FieldBig.vue.cjs");
 const SectionProduct = require("../sections/SectionProduct.vue.cjs");

package/dist/prometheus-framework/src/modules/products/components/pages/ProductRecommmendation.vue.js

@@ -1,7 +1,7 @@
 import { ref, watchEffect, onMounted, openBlock, createElementBlock, createBlock, createCommentVNode, createVNode, unref, isRef } from "vue";
 import { useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
-import Loader from "../../../../components/Loader/Loader.vue2.js";
+import Loader from "../../../../components/Loader/Loader.vue.js";
 /* empty css                                                 */
 import _sfc_main$1 from "../../../../components/FieldBig/FieldBig.vue.js";
 import _sfc_main$2 from "../sections/SectionProduct.vue.js";

package/dist/prometheus-framework/src/modules/products/components/sections/EditProductInfo.vue.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-;/* empty css                                         */
-;/* empty css                                         */
+;/* empty css                                          */
+;/* empty css                                          */
 const Field = require("../../../../components/Field/Field.vue2.cjs");
 const Select = require("../../../../components/Select/Select.vue.cjs");
 const _sfc_main = {

package/dist/prometheus-framework/src/modules/products/components/sections/EditProductInfo.vue.js

@@ -1,6 +1,6 @@
 import { openBlock, createElementBlock, Fragment, createVNode, withCtx } from "vue";
-/* empty css                                       */
-/* empty css                                       */
+/* empty css                                        */
+/* empty css                                        */
 import Field from "../../../../components/Field/Field.vue2.js";
 import Select from "../../../../components/Select/Select.vue.js";
 const _sfc_main = {

package/dist/prometheus-framework/src/modules/products/components/sections/PopularProducts.vue.cjs

@@ -5,7 +5,7 @@ const vueRouter = require("vue-router");
 const vueI18n = require("vue-i18n");
 const emblaCarouselVue_esm = require("../../../../../../node_modules/embla-carousel-vue/esm/embla-carousel-vue.esm.cjs");
 const emblaCarouselAutoplay_esm = require("../../../../../../node_modules/embla-carousel-autoplay/esm/embla-carousel-autoplay.esm.cjs");
-const Loader = require("../../../../components/Loader/Loader.vue2.cjs");
+const Loader = require("../../../../components/Loader/Loader.vue.cjs");
 const CardProduct = require("../blocks/CardProduct.vue.cjs");
 const products = require("../../store/products.cjs");
 ;/* empty css                       */

package/dist/prometheus-framework/src/modules/products/components/sections/PopularProducts.vue.js

@@ -3,7 +3,7 @@ import { useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
 import emblaCarouselVue from "../../../../../../node_modules/embla-carousel-vue/esm/embla-carousel-vue.esm.js";
 import Autoplay from "../../../../../../node_modules/embla-carousel-autoplay/esm/embla-carousel-autoplay.esm.js";
-import Loader from "../../../../components/Loader/Loader.vue2.js";
+import Loader from "../../../../components/Loader/Loader.vue.js";
 import _sfc_main$1 from "../blocks/CardProduct.vue.js";
 import { actions } from "../../store/products.js";
 /* empty css                     */

package/dist/prometheus-framework/src/modules/products/components/sections/SectionProduct.vue.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const PlaceholderImage = require("../../../icons/placeholders/PlaceholderImage.vue.cjs");
 const Images360 = require("../blocks/Images360.vue.cjs");
 const ImagesThumbnails = require("../blocks/ImagesThumbnails.vue.cjs");

package/dist/prometheus-framework/src/modules/products/components/sections/SectionProduct.vue.js

@@ -1,5 +1,5 @@
 import { computed, openBlock, createElementBlock, createElementVNode, createBlock, createCommentVNode, toDisplayString, unref, createVNode, Fragment, renderList, withCtx, createTextVNode } from "vue";
-import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
 import PlaceholderImage from "../../../icons/placeholders/PlaceholderImage.vue.js";
 import Images360 from "../blocks/Images360.vue.js";
 import ImagesThumbnails from "../blocks/ImagesThumbnails.vue.js";

package/dist/prometheus-framework/src/modules/reports/components/sections/FormReport.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const Select = require("../../../../components/Select/Select.vue.cjs");
 const reports = require("../../store/reports.cjs");
 const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode("h3", { class: "mn-b-small" }, " Report Content ", -1);

package/dist/prometheus-framework/src/modules/reports/components/sections/FormReport.vue.js

@@ -1,6 +1,6 @@
 import { reactive, ref, openBlock, createElementBlock, renderSlot, createVNode, withCtx, createTextVNode, createElementVNode } from "vue";
 import _sfc_main$1 from "../../../../components/Popup/Popup.vue.js";
-import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
 import Select from "../../../../components/Select/Select.vue.js";
 import { actions } from "../../store/reports.js";
 const _hoisted_1 = /* @__PURE__ */ createElementVNode("h3", { class: "mn-b-small" }, " Report Content ", -1);

package/dist/prometheus-framework/src/modules/spots/components/pages/Map.vue.cjs

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const index = require("../../../../../../node_modules/@googlemaps/js-api-loader/dist/index.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const organizations = require("../../../organizations/store/organizations.cjs");
 const globals = require("../../../globals/views/store/globals.cjs");
 const marketplace = require("../../../marketplace/store/marketplace.cjs");

package/dist/prometheus-framework/src/modules/spots/components/pages/Map.vue.js

@@ -1,7 +1,7 @@
 import { ref, onMounted, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, createTextVNode, pushScopeId, popScopeId } from "vue";
 import { useRouter, useRoute } from "vue-router";
 import { Loader } from "../../../../../../node_modules/@googlemaps/js-api-loader/dist/index.js";
-import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
 import { actions, state as state$2 } from "../../../organizations/store/organizations.js";
 import { state } from "../../../globals/views/store/globals.js";
 import { state as state$1 } from "../../../marketplace/store/marketplace.js";

package/dist/prometheus-framework/src/modules/spots/components/pages/SpotEdit.vue.cjs

@@ -10,7 +10,7 @@ const Select = require("../../../../components/Select/Select.vue.cjs");
 const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
 const Address = require("../../../../components/Address/Address.vue2.cjs");
 const LocationMarker = require("../../../../components/LocationMarker/LocationMarker.vue2.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 require("vue-i18n");
 ;/* empty css                                        */
 const spots = require("../../store/spots.cjs");

package/dist/prometheus-framework/src/modules/spots/components/pages/SpotEdit.vue.js

@@ -8,7 +8,7 @@ import Select from "../../../../components/Select/Select.vue.js";
 import _sfc_main$4 from "../../../../components/Checkbox/Checkbox.vue.js";
 import _sfc_main$5 from "../../../../components/Address/Address.vue2.js";
 import _sfc_main$6 from "../../../../components/LocationMarker/LocationMarker.vue2.js";
-import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
 import "vue-i18n";
 /* empty css                                      */
 import { actions, state } from "../../store/spots.js";

package/dist/prometheus-framework/src/modules/users/components/pages/Profile.vue.cjs

@@ -2,8 +2,8 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 ;/* empty css                                       */
-;/* empty css                                         */
-;/* empty css                                         */
+;/* empty css                                          */
+;/* empty css                                          */
 const Dropdown = require("../../../../components/Dropdown/Dropdown.vue.cjs");
 const Completion = require("../../../../components/Completion/Completion.vue.cjs");
 const Menu = require("../../../../components/Menu/Menu.vue.cjs");

package/dist/prometheus-framework/src/modules/users/components/pages/Profile.vue.js

@@ -1,7 +1,7 @@
 import { ref, onMounted, openBlock, createElementBlock, unref, createBlock, createCommentVNode, createElementVNode, withCtx, createVNode, toDisplayString, Fragment, renderList, normalizeClass } from "vue";
 /* empty css                                     */
-/* empty css                                       */
-/* empty css                                       */
+/* empty css                                        */
+/* empty css                                        */
 import _sfc_main$2 from "../../../../components/Dropdown/Dropdown.vue.js";
 import _sfc_main$1 from "../../../../components/Completion/Completion.vue.js";
 import _sfc_main$7 from "../../../../components/Menu/Menu.vue.js";

package/dist/prometheus-framework/src/modules/users/components/pages/ProfileEdit.vue.cjs

@@ -4,7 +4,7 @@ const vue = require("vue");
 ;/* empty css                                   */
 const Field = require("../../../../components/Field/Field.vue2.cjs");
 const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.cjs");
 const ProfileCompletion = require("../sections/ProfileCompletion.vue.cjs");
 const vueRouter = require("vue-router");

package/dist/prometheus-framework/src/modules/users/components/pages/ProfileEdit.vue.js

@@ -2,7 +2,7 @@ import { ref, onMounted, openBlock, createElementBlock, unref, createBlock, crea
 /* empty css                                 */
 import Field from "../../../../components/Field/Field.vue2.js";
 import _sfc_main$3 from "../../../../components/Checkbox/Checkbox.vue.js";
-import _sfc_main$4 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$4 from "../../../../components/Button/Button.vue.js";
 import _sfc_main$2 from "../../../../components/UploadImage/UploadImage.vue.js";
 import _sfc_main$1 from "../sections/ProfileCompletion.vue.js";
 import { useRoute, useRouter } from "vue-router";

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

@@ -6,7 +6,7 @@ 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");

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

@@ -4,7 +4,7 @@ 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";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozdao/prometheus-framework",
-  "version": "0.2.229",
+  "version": "0.2.231",
   "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/builder/templates/screen.js

@@ -0,0 +1,38 @@
+module.exports = `
+  <!DOCTYPE html>
+  <html lang="en">
+  <head>
+      <meta charset="UTF-8">
+      <meta name="viewport" content="width=device-width, initial-scale=1.0">
+      <title>NMS</title>
+
+      <script async src="https://www.googletagmanager.com/gtag/js?id={{googleTagId}}"></script>
+      <script>
+        window.dataLayer = window.dataLayer || [];
+        function gtag(){dataLayer.push(arguments);}
+        gtag('js', new Date());
+
+        gtag('config', '{{googleTagId}}');
+      </script>
+      <script>(function(){var s;(s=document.currentScript||document.scripts[document.scripts.length-1]).parentNode.removeChild(s);}());</script>
+
+      <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png">
+      <link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
+      <link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
+      <link rel="manifest" href="/favicon/site.webmanifest">
+      <link rel="mask-icon" href="/favicon/safari-pinned-tab.svg" color="#5bbad5">
+
+      <link rel="stylesheet" type="text/css" href="/main.css">
+
+      <meta name="msapplication-TileColor" content="#000000">
+      <meta name="theme-color" content="#ffffff">
+      <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
+  </head>
+  <body>
+      <div id="app"></div>
+
+      <script src="/main.js"></script>
+    </body>
+  </body>
+  </html>
+`;

package/src/builder/webpack/webpack.config.spa.js

@@ -36,7 +36,7 @@ module.exports = (projectRoot) => {
       }),
       new HtmlWebpackPlugin({
         templateContent: async () => {
-          const template = require("../templates/page.js");
+          const template = require("../templates/screen.js");
 
           const meta = {
             htmlAttrs: 'lang="en"',

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

@@ -1,76 +1,104 @@
 <template>
   <div>
-    <Button :submit="startScan" class="bg-main button-small radius-extra button">
+    <Button @click="startScan" class="bg-main button-small radius-extra button">
       Check Tickets
     </Button>
-    <Popup
-      title="Scan QR Code"
-      @close-popup="closePublicationPopup"
-      :isPopupOpen="isPublicationPopup"
-      class="w-max-30r h-max-30r t-left pd-big bg-white radius-big"
-    >
-      <h3 class="mn-b-small">Scan QR Code</h3>
-      <div class="h-max">
-        <!-- Scanning will be handled by Capacitor, so we don't need a visual component here -->
-      </div>
-    </Popup>
+    <div v-if="isScanning" class="barcode-scanner-modal">
+      <!-- Add any UI elements for the scanner here -->
+      <Button @click="stopScan" class="stop-scan-button">Stop Scan</Button>
+    </div>
   </div>
 </template>
 
 <script setup>
-import { ref } from 'vue'
+import { ref, onMounted, onUnmounted } from 'vue'
 import { BarcodeScanner } from '@capacitor-mlkit/barcode-scanning'
-import Popup from '@pf/src/components/Popup/Popup.vue'
 import Button from '@pf/src/components/Button/Button.vue'
 import * as tickets from '@pf/src/modules/events/store/tickets'
 
 const emits = defineEmits(['qrcodecheck'])
-const isPublicationPopup = ref(false)
 const error = ref('')
+const isScanning = ref(false)
 
-function openPublicationPopup() {
-  isPublicationPopup.value = true
-}
+onMounted(async () => {
+  const { supported } = await BarcodeScanner.isSupported()
+  if (!supported) {
+    error.value = 'Barcode scanning is not supported on this device'
+  }
+})
 
-function closePublicationPopup() {
-  isPublicationPopup.value = false
-}
+onUnmounted(async () => {
+  await BarcodeScanner.removeAllListeners()
+})
 
 async function startScan() {
-  openPublicationPopup()
-  
+  document.querySelector('body')?.classList.add('barcode-scanner-active');
+
   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')
+    const { camera } = await BarcodeScanner.checkPermissions()
+    if (camera !== 'granted') {
+      const { camera: newStatus } = await BarcodeScanner.requestPermissions()
+      if (newStatus !== 'granted') {
+        throw new Error('Camera permission is required to scan barcodes')
+      }
     }
+
+    document.querySelector('body')?.classList.add('barcode-scanner-active')
+    isScanning.value = true
+
+    await BarcodeScanner.addListener('barcodeScanned', async (result) => {
+      await processBarcode(result.barcode)
+    })
+
+    await BarcodeScanner.startScan()
   } catch (e) {
     error.value = e.message
     alert(`Error: ${error.value}`)
-  } finally {
-    closePublicationPopup()
   }
 }
 
-async function processBarcode(qrcode) {
+async function stopScan() {
   try {
-    if (!qrcode) {
-      throw new Error('Troubles with qrcode reading')
+    document.querySelector('body')?.classList.remove('barcode-scanner-active');
+    isScanning.value = false
+    await BarcodeScanner.stopScan()
+    await BarcodeScanner.removeAllListeners()
+  } catch (e) {
+    error.value = e.message
+    alert(`Error stopping scan: ${error.value}`)
+  }
+}
+
+async function processBarcode(barcode) {
+  try {
+    if (!barcode) {
+      throw new Error('Troubles with barcode reading')
     }
-    const response = await tickets.actions.update({ _id: qrcode, status: 'used', check: true })
+    const response = await tickets.actions.update({ _id: barcode, status: 'used', check: true })
     alert("Ticket checked. And it's all right!")
   } catch (e) {
     alert(`Ticket is not found, already used or deactivated!`)
   } finally {
     emits('qrcodecheck')
+    await stopScan()
   }
 }
 </script>
 
 <style scoped>
-/* Existing styles can stay unchanged */
+body.barcode-scanner-active {
+  visibility: hidden;
+  --background: transparent;
+  --ion-background-color: transparent;
+}
+.barcode-scanner-modal {
+  visibility: visible;
+}
+
+@media (prefers-color-scheme: dark) {
+  .barcode-scanner-modal {
+    --background: transparent;
+    --ion-background-color: transparent;
+  }
+}
 </style>