@ozdao/martyrs 0.2.549 → 0.2.550

package/dist/martyrs/src/modules/globals/views/components/sections/Walkthrough.vue.cjs

@@ -1,307 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const vueRouter = require("vue-router");
-const emblaCarouselVue_esm = require("../../../../../../../node_modules/.pnpm/embla-carousel-vue@8.6.0_vue@3.5.21_typescript@5.9.2_/node_modules/embla-carousel-vue/esm/embla-carousel-vue.esm.cjs");
-const IconBell = require("../../../../icons/entities/IconBell.vue.cjs");
-const IconAddress = require("../../../../icons/entities/IconAddress.vue.cjs");
-const index = require("../../../../../../../node_modules/.pnpm/capacitor-plugin-app-tracking-transparency@2.0.5_@capacitor_core@7.4.3/node_modules/capacitor-plugin-app-tracking-transparency/dist/esm/index.cjs");
-const index$1 = require("../../../../../../node_modules/.pnpm/@capacitor_preferences@7.0.1_@capacitor_core@7.2.0/node_modules/@capacitor/preferences/dist/esm/index.cjs");
-;/* empty css                                                                           */
-;/* empty css                                                                  */
-;/* empty css                                                                     */
-;/* empty css                                      */
-;/* empty css                                           */
-;/* empty css                                                                     */
-;/* empty css                   */
-const _hoisted_1 = { class: "embla__container w-100 z-index-1" };
-const _hoisted_2 = { class: "pos-relative flex-justify-center pd-thin t-center flex-column flex embla__slide" };
-const _hoisted_3 = { class: "pos-relative flex-justify-center pd-thin t-center flex-column flex embla__slide" };
-const _hoisted_4 = { class: "flex flex-column flex-center pd-semi o-hidden pos-relative pos-b-0 z-index-1" };
-const _hoisted_5 = { class: "mn-b-small w-4r h-4r mn-auto pd-regular bg-main radius-regular t-white flex flex-center" };
-const _hoisted_6 = { class: "pos-relative flex-justify-center pd-thin t-center flex-column flex embla__slide" };
-const _hoisted_7 = { class: "flex flex-column flex-center pd-semi o-hidden pos-relative pos-b-0 z-index-1" };
-const _hoisted_8 = { class: "mn-b-small w-4r h-4r mn-auto pd-regular bg-main radius-regular t-white flex flex-center" };
-const _hoisted_9 = { class: "pos-relative flex-justify-center pd-thin t-center flex-column flex embla__slide" };
-const _hoisted_10 = { class: "flex flex-column flex-center pd-semi o-hidden pos-relative pos-b-0 z-index-1" };
-const _hoisted_11 = { class: "mn-b-small w-4r h-4r mn-auto pd-regular bg-main radius-regular t-white flex flex-center" };
-const _hoisted_12 = { class: "pos-relative flex-justify-center pd-thin t-center flex-column flex embla__slide" };
-const _hoisted_13 = { class: "flex flex-column flex-center pd-semi o-hidden pos-relative pos-b-0 z-index-1" };
-const _hoisted_14 = { class: "embla__dots z-index-5 h-4r pos-absolute pos-t-1r flex-nowrap flex flex-center gap-thin w-100" };
-const _hoisted_15 = ["onClick"];
-const TWEEN_FACTOR = 3;
-const _sfc_main = {
-  __name: "Walkthrough",
-  props: ["slides", "options"],
-  emits: ["updateFirstUse"],
-  setup(__props, { emit: __emit }) {
-    const emits = __emit;
-    const router = vueRouter.useRouter();
-    const permissions = vue.reactive({
-      notifications: false,
-      location: false,
-      tracking: false
-    });
-    async function setFirstUseFalse() {
-      await index$1.Preferences.set({
-        key: "first-use",
-        value: JSON.stringify(false)
-      });
-      emits("updateFirstUse", false);
-    }
-    async function openFirstRoute(routeName) {
-      await router.push({ name: routeName });
-      await index$1.Preferences.set({
-        key: "first-use",
-        value: JSON.stringify(false)
-      });
-      emits("updateFirstUse", false);
-    }
-    const [emblaNode, emblaApi] = emblaCarouselVue_esm.default({ loop: false });
-    const selectedIndex = vue.ref(0);
-    const scrollSnaps = vue.ref([]);
-    const tweenValues = vue.ref([]);
-    const tweenSlides = vue.ref([]);
-    const scrollTo = (index2) => emblaApi.value && emblaApi.value.scrollTo(index2);
-    const nextSlide = () => {
-      if (emblaApi.value) {
-        emblaApi.value.scrollNext();
-      }
-    };
-    const onInit = (embla) => {
-      scrollSnaps.value = emblaApi.value.scrollSnapList();
-    };
-    const onSelect = (embla) => {
-      selectedIndex.value = emblaApi.value.selectedScrollSnap();
-    };
-    let scrollRAF = null;
-    const onScroll = (embla) => {
-      if (scrollRAF) cancelAnimationFrame(scrollRAF);
-      scrollRAF = requestAnimationFrame(() => {
-        const engine = emblaApi.value.internalEngine();
-        const scrollProgress = emblaApi.value.scrollProgress();
-        const snapList = emblaApi.value.scrollSnapList();
-        const stylesOpacity = snapList.map((scrollSnap, index2) => {
-          let diffToTarget = scrollSnap - scrollProgress;
-          if (engine.options.loop) {
-            engine.slideLooper.loopPoints.forEach((loopItem) => {
-              const target = loopItem.target();
-              if (index2 === loopItem.index && target !== 0) {
-                const sign = Math.sign(target);
-                if (sign === -1) diffToTarget = scrollSnap - (1 + scrollProgress);
-                if (sign === 1) diffToTarget = scrollSnap + (1 - scrollProgress);
-              }
-            });
-          }
-          const tweenValue = 1 - Math.abs(diffToTarget * TWEEN_FACTOR);
-          return Math.min(Math.max(tweenValue, 0), 1);
-        });
-        const styles = snapList.map((scrollSnap, index2) => {
-          let diffToTarget = scrollSnap - scrollProgress;
-          if (engine.options.loop) {
-            engine.slideLooper.loopPoints.forEach((loopItem) => {
-              const target = loopItem.target();
-              if (index2 === loopItem.index && target !== 0) {
-                const sign = Math.sign(target);
-                if (sign === -1) diffToTarget = scrollSnap - (1 + scrollProgress);
-                if (sign === 1) diffToTarget = scrollSnap + (1 - scrollProgress);
-              }
-            });
-          }
-          return diffToTarget * (1 / TWEEN_FACTOR) * 100;
-        });
-        tweenSlides.value = stylesOpacity;
-        tweenValues.value = styles;
-      });
-    };
-    vue.onMounted(() => {
-      emblaApi.value.on("init", onInit);
-      emblaApi.value.on("select", onSelect);
-      emblaApi.value.on("scroll", onScroll);
-    });
-    const requestNotificationPermission = async () => {
-      try {
-        const notificationManager = window.$store?.notificationManager;
-        if (notificationManager) {
-          await notificationManager.pushHandler.requestPermissions();
-          await notificationManager.registerWebPush(window.$store);
-          permissions.notifications = true;
-        }
-        setTimeout(() => {
-          nextSlide();
-        }, 1e3);
-      } catch (error) {
-        console.error("Notification permission error:", error);
-        nextSlide();
-      }
-    };
-    const requestLocationPermission = async () => {
-      try {
-        if (!("geolocation" in navigator)) {
-          nextSlide();
-          return;
-        }
-        navigator.geolocation.getCurrentPosition(
-          () => {
-            permissions.location = true;
-            setTimeout(() => {
-              nextSlide();
-            }, 1e3);
-          },
-          () => {
-            setTimeout(() => {
-              nextSlide();
-            }, 1e3);
-          },
-          { timeout: 8e3 }
-        );
-      } catch (error) {
-        console.error("Location permission error:", error);
-        nextSlide();
-      }
-    };
-    const requestTrackingPermission = async () => {
-      try {
-        const { status } = await index.AppTrackingTransparency.requestPermission();
-        if (status === "authorized") {
-          permissions.tracking = true;
-        }
-        setTimeout(() => {
-          nextSlide();
-        }, 1e3);
-      } catch (error) {
-        console.error("Tracking permission error:", error);
-        nextSlide();
-      }
-    };
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: "pos-fixed pos-t-0 pos-l-0 w-100 h-100vh z-index-6 bg-white flex embla",
-        ref_key: "emblaNode",
-        ref: emblaNode
-      }, [
-        vue.createElementVNode("div", _hoisted_1, [
-          vue.createElementVNode("div", _hoisted_2, [
-            vue.createElementVNode("div", {
-              class: "flex flex-column flex-center pd-semi o-hidden pos-relative pos-b-0 z-index-1",
-              style: vue.normalizeStyle({ opacity: tweenSlides.value.length ? tweenSlides.value[0] : void 0, transform: tweenSlides.value[0] ? `scale(${tweenSlides.value[0]})` : "" })
-            }, [
-              _cache[4] || (_cache[4] = vue.createElementVNode("img", {
-                src: "/logo/logo_square.svg",
-                class: "i-extra radius-medium mn-b-small"
-              }, null, -1)),
-              _cache[5] || (_cache[5] = vue.createElementVNode("h3", { class: "h3 mn-b-medium" }, "Welcome to 3SR", -1)),
-              _cache[6] || (_cache[6] = vue.createElementVNode("p", { class: "p-regular t-transp mn-b-big" }, " Access premium cameras, lenses, lighting, and audio gear through our app designed for filmmakers and content creators. ", -1)),
-              vue.createElementVNode("button", {
-                onClick: nextSlide,
-                class: "bg-main p-semi w-max button"
-              }, " Get Started ")
-            ], 4)
-          ]),
-          vue.createElementVNode("div", _hoisted_3, [
-            vue.createElementVNode("div", _hoisted_4, [
-              vue.createElementVNode("div", _hoisted_5, [
-                vue.createVNode(IconBell.default)
-              ]),
-              _cache[7] || (_cache[7] = vue.createElementVNode("h3", { class: "h3 mn-b-medium" }, "Stay in the Loop", -1)),
-              _cache[8] || (_cache[8] = vue.createElementVNode("p", { class: "p-regular t-transp mn-b-big" }, " Get instant notifications about equipment availability, booking confirmations, and exclusive deals from our rental platform. ", -1)),
-              vue.createElementVNode("div", { class: "flex flex-column flex-center gap-small" }, [
-                vue.createElementVNode("button", {
-                  onClick: requestNotificationPermission,
-                  class: "bg-main p-semi w-max button"
-                }, " Enable Notifications "),
-                vue.createElementVNode("button", {
-                  onClick: nextSlide,
-                  class: "bg-light p-semi w-max button"
-                }, " Maybe Later ")
-              ])
-            ])
-          ]),
-          vue.createElementVNode("div", _hoisted_6, [
-            vue.createElementVNode("div", _hoisted_7, [
-              vue.createElementVNode("div", _hoisted_8, [
-                vue.createVNode(IconAddress.default)
-              ]),
-              _cache[9] || (_cache[9] = vue.createElementVNode("h3", { class: "h3 mn-b-medium" }, "Find Nearby Equipment", -1)),
-              _cache[10] || (_cache[10] = vue.createElementVNode("p", { class: "p-regular t-transp mn-b-big" }, " Discover rental locations and equipment availability near you. We'll show you the closest pickup points and delivery options. ", -1)),
-              vue.createElementVNode("div", { class: "flex flex-column flex-center gap-small" }, [
-                vue.createElementVNode("button", {
-                  onClick: requestLocationPermission,
-                  class: "bg-main p-semi w-max button"
-                }, " Enable Location "),
-                vue.createElementVNode("button", {
-                  onClick: nextSlide,
-                  class: "bg-light p-semi w-max button"
-                }, " Skip for Now ")
-              ])
-            ])
-          ]),
-          vue.createElementVNode("div", _hoisted_9, [
-            vue.createElementVNode("div", _hoisted_10, [
-              vue.createElementVNode("div", _hoisted_11, [
-                vue.createVNode(IconAddress.default)
-              ]),
-              _cache[11] || (_cache[11] = vue.createElementVNode("h3", { class: "h3 mn-b-medium" }, "Personalized Experience", -1)),
-              _cache[12] || (_cache[12] = vue.createElementVNode("p", { class: "p-regular t-transp mn-b-big" }, " Allow us to provide you with personalized recommendations and improve your app experience based on your preferences. ", -1)),
-              vue.createElementVNode("div", { class: "flex flex-column flex-center gap-small" }, [
-                vue.createElementVNode("button", {
-                  onClick: requestTrackingPermission,
-                  class: "bg-main p-semi w-max button"
-                }, " Allow Tracking "),
-                vue.createElementVNode("button", {
-                  onClick: nextSlide,
-                  class: "bg-light p-semi w-max button"
-                }, " Ask App Not to Track ")
-              ])
-            ])
-          ]),
-          vue.createElementVNode("div", _hoisted_12, [
-            vue.createElementVNode("div", _hoisted_13, [
-              _cache[13] || (_cache[13] = vue.createElementVNode("img", {
-                loading: "lazy",
-                src: "/logo/logo_square.svg",
-                class: "i-extra radius-medium mn-b-small"
-              }, null, -1)),
-              _cache[14] || (_cache[14] = vue.createElementVNode("h3", { class: "h3 mn-b-medium" }, "Ready to Rent?", -1)),
-              _cache[15] || (_cache[15] = vue.createElementVNode("p", { class: "p-regular t-transp mn-b-big" }, "Join thousands of creators who trust 3SR for their professional video equipment needs. Choose how you'd like to get started.", -1)),
-              vue.createElementVNode("button", {
-                onClick: _cache[0] || (_cache[0] = ($event) => openFirstRoute("Sign Up")),
-                class: "bg-main p-semi w-100 button mn-b-thin"
-              }, "Create Account"),
-              vue.createElementVNode("button", {
-                onClick: _cache[1] || (_cache[1] = ($event) => openFirstRoute("Sign In")),
-                class: "bg-light t-black p-semi w-100 button mn-b-semi"
-              }, "Sign In"),
-              _cache[16] || (_cache[16] = vue.createElementVNode("p", { class: "p-small mn-b-medium t-transp" }, "Or explore as a guest:", -1)),
-              vue.createElementVNode("button", {
-                onClick: _cache[2] || (_cache[2] = ($event) => setFirstUseFalse()),
-                class: "bg-light p-semi w-max button"
-              }, "Continue as Guest")
-            ])
-          ])
-        ]),
-        vue.createElementVNode("div", _hoisted_14, [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(scrollSnaps.value, (snap, index2) => {
-            return vue.openBlock(), vue.createElementBlock("button", {
-              key: index2,
-              onClick: ($event) => scrollTo(index2),
-              class: vue.normalizeClass([
-                "embla__dot bg- i-small radius-extra",
-                { "bg-light": index2 !== selectedIndex.value },
-                { "bg-main": index2 === selectedIndex.value }
-              ])
-            }, null, 10, _hoisted_15);
-          }), 128)),
-          vue.createElementVNode("button", {
-            onClick: _cache[3] || (_cache[3] = ($event) => setFirstUseFalse()),
-            class: "pd-small bg-white t-black w-6r pos-b-0r flex-nowrap flex flex-center pos-r-1r pos-relative radius-small uppercase pos-absolute"
-          }, _cache[17] || (_cache[17] = [
-            vue.createElementVNode("span", null, "Skip", -1)
-          ]))
-        ])
-      ], 512);
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=Walkthrough.vue.cjs.map

package/dist/martyrs/src/modules/globals/views/components/sections/Walkthrough.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Walkthrough.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/sections/Walkthrough.vue"],"sourcesContent":["<template>\n\t<div class=\"pos-fixed  pos-t-0 pos-l-0 w-100 h-100vh z-index-6 bg-white flex embla\" ref=\"emblaNode\">\n    \n\n    <div class=\"embla__container w-100 z-index-1\">\n\t    \n\n\t\t  <!-- SLIDE 1 -->\n\t\t  <!-- ------------------------------- -->\n    \t<div class=\"pos-relative flex-justify-center pd-thin t-center flex-column flex embla__slide\">\n\t    \t\t<!-- <div class=\"pos-absolute w-100 h-100 z-index-0 pos-t-0 pos-r-0\">\n\t    \t\t\t<div class=\"pos-absolute z-index-1 pos-t-0 pos-r-0 w-100 h-100 bg-black-grad\"></div>\n\t    \t\t\t<img class=\"pos-absolute z-index-0 pos-t-0 pos-r-0 object-fit-cover h-100 w-100\" src=\"/assets/walkthrough/1.png\">\n\t    \t\t</div> -->\n    \t\t<div \n    \t\t\tclass=\"flex flex-column flex-center pd-semi o-hidden pos-relative pos-b-0 z-index-1\"\n    \t\t\t :style=\"{ opacity: tweenSlides.length ? tweenSlides[0] : undefined, transform: tweenSlides[0] ? `scale(${tweenSlides[0]})` : '' }\"\n    \t\t>\n    \t\t\t<img \n\t      \t\t:src=\"'/logo/logo_square.svg'\" \n\t      \t\tclass=\"i-extra radius-medium mn-b-small\"\n\t      \t>\n\n\t        <h3 class=\"h3 mn-b-medium\">Welcome to 3SR</h3>\n\t        \n\t        <p class=\"p-regular t-transp mn-b-big\">\n\t          Access premium cameras, lenses, lighting, and audio gear through our app designed for filmmakers and content creators.\n\t        </p>\n\n\n\t        <button @click=\"nextSlide\" class=\"bg-main p-semi w-max button\">\n\t          Get Started\n\t        </button>\n\t      </div>\n    \t</div>\n\n    \t<!-- SLIDE 2 -->\n\t\t  <!-- ------------------------------- -->\n    \t<div class=\"pos-relative flex-justify-center pd-thin t-center flex-column flex embla__slide\">\n\t\t\t\t<div class=\"flex flex-column flex-center pd-semi o-hidden pos-relative pos-b-0 z-index-1\">\n          \n          <div class=\"mn-b-small w-4r h-4r mn-auto pd-regular bg-main radius-regular t-white flex flex-center\">\n            <IconBell/>\n          </div>\n\n\t        <h3 class=\"h3 mn-b-medium\">Stay in the Loop</h3>\n\t        <p class=\"p-regular t-transp mn-b-big\">\n\t          Get instant notifications about equipment availability, booking confirmations, and exclusive deals from our rental platform.\n\t        </p>\n\n\t        <div class=\"flex flex-column flex-center gap-small\">\n\t          <button @click=\"requestNotificationPermission\" class=\"bg-main p-semi w-max button\">\n\t\t\t\t\t\t \t Enable Notifications\n\t\t\t\t\t\t </button>\n\t          <button @click=\"nextSlide\" class=\"bg-light p-semi w-max button\">\n\t            Maybe Later\n\t          </button>\n\t        </div>\n\t      </div>\n\t\t\t</div>\n\n\t\t\t<!-- SLIDE 3 -->\n\t\t  <!-- ------------------------------- -->\n\t\t\t<div class=\"pos-relative flex-justify-center pd-thin t-center flex-column flex embla__slide\">\n        <div class=\"flex flex-column flex-center pd-semi o-hidden pos-relative pos-b-0 z-index-1\">\n          \n          <div class=\"mn-b-small w-4r h-4r mn-auto pd-regular bg-main radius-regular t-white flex flex-center\">\n            <IconAddress/>\n          </div>\n\n          <h3 class=\"h3 mn-b-medium\">Find Nearby Equipment</h3>\n          <p class=\"p-regular t-transp mn-b-big\">\n            Discover rental locations and equipment availability near you. We'll show you the closest pickup points and delivery options.\n          </p>\n\n          <div class=\"flex flex-column flex-center gap-small\">\n            <button @click=\"requestLocationPermission\" class=\"bg-main p-semi w-max button\">\n              Enable Location\n            </button>\n            <button @click=\"nextSlide\" class=\"bg-light p-semi w-max button\">\n              Skip for Now\n            </button>\n          </div>\n        </div>\n      </div>\n\n      <!-- SLIDE 4 - App Tracking Transparency -->\n\t\t  <!-- ------------------------------- -->\n      <div class=\"pos-relative flex-justify-center pd-thin t-center flex-column flex embla__slide\">\n        <div class=\"flex flex-column flex-center pd-semi o-hidden pos-relative pos-b-0 z-index-1\">\n          <div class=\"mn-b-small w-4r h-4r mn-auto pd-regular bg-main radius-regular t-white flex flex-center\">\n            <IconShield/>\n          </div>\n\n          <h3 class=\"h3 mn-b-medium\">Personalized Experience</h3>\n          <p class=\"p-regular t-transp mn-b-big\">\n            Allow us to provide you with personalized recommendations and improve your app experience based on your preferences.\n          </p>\n\n          <div class=\"flex flex-column flex-center gap-small\">\n            <button @click=\"requestTrackingPermission\" class=\"bg-main p-semi w-max button\">\n              Allow Tracking\n            </button>\n            <button @click=\"nextSlide\" class=\"bg-light p-semi w-max button\">\n              Ask App Not to Track\n            </button>\n          </div>\n        </div>\n      </div>\n\n      <!-- SLIDE 5 - Final -->\n\t\t  <!-- ------------------------------- -->\n      <div class=\"pos-relative flex-justify-center pd-thin t-center flex-column flex embla__slide\">\n      \t<div class=\"flex flex-column flex-center pd-semi o-hidden pos-relative pos-b-0 z-index-1\">\n\t      \t<img loading=\"lazy\" \n\t      \t\t:src=\"'/logo/logo_square.svg'\" \n\t      \t\tclass=\"i-extra radius-medium mn-b-small\"\n\t      \t>\n\t      \t<h3 class=\"h3 mn-b-medium\">Ready to Rent?</h3>\n\t      \t<p class=\"p-regular t-transp mn-b-big\">Join thousands of creators who trust 3SR for their professional video equipment needs. Choose how you'd like to get started.</p>\n\t    \n\t      \t<button @click=\"openFirstRoute('Sign Up')\" class=\"bg-main p-semi w-100 button mn-b-thin\">Create Account</button> \n\t      \t<button @click=\"openFirstRoute('Sign In')\" class=\"bg-light t-black p-semi w-100 button mn-b-semi\">Sign In</button>\n\n\t\t      <p class=\"p-small mn-b-medium t-transp\">Or explore as a guest:</p> \n\t      \t<button @click=\"setFirstUseFalse()\" class=\"bg-light p-semi w-max button\">Continue as Guest</button>\n      \t</div>\n\t    </div>\n\n    </div>\n\n    <div class=\"\n\t    embla__dots\n    \tz-index-5 \n    \th-4r \n    \tpos-absolute \n    \tpos-t-1r \n    \tflex-nowrap \n    \tflex \n    \tflex-center \n    \tgap-thin \n    \tw-100\"\n    >\n\t    <button\n\t      v-for=\"(snap, index) in scrollSnaps\"\n\t      :key=\"index\"\n\t      @click=\"scrollTo(index)\"\n\t      :class=\"[\n\t        'embla__dot bg- i-small radius-extra',\n\t\t\t\t\t{ 'bg-light': index !== selectedIndex },\n\t        { 'bg-main': index === selectedIndex }\n\t      ]\"\n\t    >\n\t\t  </button>\n\n\t\t  <button \n\t\t  \t@click.native=\"setFirstUseFalse()\" \n\t\t  \tclass=\"\n\t\t  \t\tpd-small\n\t\t  \t\tbg-white\n\t\t  \t\tt-black\n\t\t  \t\tw-6r \n\t\t  \t\tpos-b-0r \n\t\t  \t\tflex-nowrap \n\t\t  \t\tflex \n\t\t  \t\tflex-center \n\t\t  \t\tpos-r-1r \n\t\t  \t\tpos-relative \n\t\t  \t\tradius-small \n\t\t  \t\tuppercase \n\t\t  \t\tpos-absolute\n\t\t  \t\"> \n\t\t  \t<span>Skip</span>\n\t\t  </button>\n\t  </div>\n\t</div>\n\n</template>\n\n<script setup>\n\timport { ref, onMounted, reactive, inject } from 'vue';\n\timport { useRoute, useRouter } from 'vue-router'\n\n\timport emblaCarouselVue from 'embla-carousel-vue'; \n\n\timport IconBell from '@martyrs/src/modules/icons/entities/IconBell.vue';\n\timport IconAddress from '@martyrs/src/modules/icons/entities/IconAddress.vue';\n\timport IconShield from '@martyrs/src/modules/icons/entities/IconAddress.vue';\n\n\timport { AppTrackingTransparency } from 'capacitor-plugin-app-tracking-transparency';\n\n\tconst props = defineProps(['slides', 'options']);\n\tconst emits = defineEmits(['updateFirstUse'])\n\tconst router = useRouter()\n\t\n\t// Get notification manager directly\n\timport ModuleNotifications from '@martyrs/src/modules/notifications/notifications.client.js'\n\n\t// Set firstUse\n\timport { Preferences } from '@capacitor/preferences';\n\n\tconst permissions = reactive({\n\t  notifications: false,\n\t  location: false,\n\t  tracking: false\n\t})\n\n\tasync function setFirstUseFalse() {\n    await Preferences.set({\n      key: 'first-use',\n      value: JSON.stringify(false),\n    });\n\n    emits('updateFirstUse', false);\n  }\n\n  async function openFirstRoute(routeName) {\n\t\tawait router.push({name: routeName})\n\n\t\tawait Preferences.set({\n      key: 'first-use',\n      value: JSON.stringify(false),\n    });\n\n\t\temits('updateFirstUse', false);\n\t}\n\n\tconst [emblaNode, emblaApi] = emblaCarouselVue({ loop: false })\n\n\tconst selectedIndex = ref(0);\n\tconst scrollSnaps = ref([]);\n\tconst TWEEN_FACTOR = 3\n\tconst tweenValues = ref([])\n\tconst tweenSlides = ref([])\n\n\tconst scrollTo = (index) => emblaApi.value && emblaApi.value.scrollTo(index);\n\n\tconst nextSlide = () => {\n\t\tif (emblaApi.value) {\n\t\t\temblaApi.value.scrollNext();\n\t\t}\n\t};\n\n\tconst onInit = (embla) => {\n\t  scrollSnaps.value = emblaApi.value.scrollSnapList();\n\t};\n\n\tconst onSelect = (embla) => {\n\t  selectedIndex.value = emblaApi.value.selectedScrollSnap();\n\t};\n\n\tlet scrollRAF = null;\n\tconst onScroll = (embla) => {\n\t\t// Cancel previous frame if exists\n\t\tif (scrollRAF) cancelAnimationFrame(scrollRAF);\n\t\t\n\t\tscrollRAF = requestAnimationFrame(() => {\n\t\t\tconst engine = emblaApi.value.internalEngine()\n\t\t\tconst scrollProgress = emblaApi.value.scrollProgress()\n\t\t\t// Cache snapList to avoid calling it twice\n\t\t\tconst snapList = emblaApi.value.scrollSnapList()\n\n\t\t\tconst stylesOpacity = snapList.map((scrollSnap, index) => {\n\t\t\t\tlet diffToTarget = scrollSnap - scrollProgress\n\n\t\t\t\tif (engine.options.loop) {\n\t\t\t\t\tengine.slideLooper.loopPoints.forEach((loopItem) => {\n\t\t\t\t\t\tconst target = loopItem.target()\n\t\t\t\t\t\tif (index === loopItem.index && target !== 0) {\n\t\t\t\t\t\t\tconst sign = Math.sign(target)\n\t\t\t\t\t\t\tif (sign === -1) diffToTarget = scrollSnap - (1 + scrollProgress)\n\t\t\t\t\t\t\tif (sign === 1) diffToTarget = scrollSnap + (1 - scrollProgress)\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t\tconst tweenValue = 1 - Math.abs(diffToTarget * TWEEN_FACTOR)\n\t\t\t\treturn  Math.min(Math.max(tweenValue, 0), 1)\n\t\t\t})\n\n\t\t\tconst styles = snapList.map((scrollSnap, index) => {\n\t\t\t\tlet diffToTarget = scrollSnap - scrollProgress\n\n\t\t\t\tif (engine.options.loop) {\n\t\t\t\t\tengine.slideLooper.loopPoints.forEach((loopItem) => {\n\t\t\t\t\t\tconst target = loopItem.target()\n\t\t\t\t\t\tif (index === loopItem.index && target !== 0) {\n\t\t\t\t\t\t\tconst sign = Math.sign(target)\n\t\t\t\t\t\t\tif (sign === -1) diffToTarget = scrollSnap - (1 + scrollProgress)\n\t\t\t\t\t\t\tif (sign === 1) diffToTarget = scrollSnap + (1 - scrollProgress)\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t\treturn diffToTarget * (1 / TWEEN_FACTOR) * 100\n\t\t\t})\n\n\t\t\t// Batch updates together\n\t\t\ttweenSlides.value = stylesOpacity\n\t\t\ttweenValues.value = styles\n\t\t});\n\t}\n\n\n\tonMounted(() => {\n\t  emblaApi.value.on('init', onInit)\n\t  emblaApi.value.on('select', onSelect)\n\t  emblaApi.value.on('scroll', onScroll)\n\t});\n\n\tconst requestNotificationPermission = async () => {\n\t  try {\n\t    // Use notification manager from global store if available\n\t    const notificationManager = window.$store?.notificationManager;\n\t    \n\t    if (notificationManager) {\n\t      await notificationManager.pushHandler.requestPermissions();\n\t      await notificationManager.registerWebPush(window.$store);\n\t      permissions.notifications = true;\n\t    }\n\t    \n\t    setTimeout(() => {\n\t      nextSlide()\n\t    }, 1000)\n\t  } catch (error) {\n\t    console.error('Notification permission error:', error)\n\t    nextSlide()\n\t  }\n\t}\n\n\tconst requestLocationPermission = async () => {\n\t  try {\n\t    if (!('geolocation' in navigator)) {\n\t      nextSlide()\n\t      return\n\t    }\n\n\t    navigator.geolocation.getCurrentPosition(\n\t      () => {\n\t        permissions.location = true\n\t        setTimeout(() => {\n\t          nextSlide()\n\t        }, 1000)\n\t      },\n\t      () => {\n\t        setTimeout(() => {\n\t          nextSlide()\n\t        }, 1000)\n\t      },\n\t      { timeout: 8000 }\n\t    )\n\t  } catch (error) {\n\t    console.error('Location permission error:', error)\n\t    nextSlide()\n\t  }\n\t}\n\n\tconst requestTrackingPermission = async () => {\n\t  try {\n\t    const { status } = await AppTrackingTransparency.requestPermission();\n\t    \n\t    if (status === 'authorized') {\n\t      permissions.tracking = true;\n\t    }\n\t    \n\t    setTimeout(() => {\n\t      nextSlide();\n\t    }, 1000);\n\t  } catch (error) {\n\t    console.error('Tracking permission error:', error);\n\t    nextSlide();\n\t  }\n\t};\n\n</script>\n\n<style lang=\"scss\">\n\t.embla {\n    overflow: hidden;\n  }\n  .embla__container {\n    display: flex;\n  }\n  .embla__slide {\n    flex: 0 0 100%;\n    min-width: 0;\n  }\n</style>\n"],"names":["useRouter","reactive","Preferences","emblaCarouselVue","ref","index","onMounted","AppTrackingTransparency"],"mappings":"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"}

package/dist/martyrs/src/modules/globals/views/components/sections/Walkthrough.vue.js

@@ -1,307 +0,0 @@
-import { reactive, ref, onMounted, createElementBlock, openBlock, createElementVNode, normalizeStyle, createVNode, Fragment, renderList, normalizeClass } from "vue";
-import { useRouter } from "vue-router";
-import emblaCarouselVue from "../../../../../../../node_modules/.pnpm/embla-carousel-vue@8.6.0_vue@3.5.21_typescript@5.9.2_/node_modules/embla-carousel-vue/esm/embla-carousel-vue.esm.js";
-import _sfc_main$1 from "../../../../icons/entities/IconBell.vue.js";
-import _sfc_main$2 from "../../../../icons/entities/IconAddress.vue.js";
-import { AppTrackingTransparency } from "../../../../../../../node_modules/.pnpm/capacitor-plugin-app-tracking-transparency@2.0.5_@capacitor_core@7.4.3/node_modules/capacitor-plugin-app-tracking-transparency/dist/esm/index.js";
-import { Preferences } from "../../../../../../node_modules/.pnpm/@capacitor_preferences@7.0.1_@capacitor_core@7.2.0/node_modules/@capacitor/preferences/dist/esm/index.js";
-/* empty css                                                                         */
-/* empty css                                                                */
-/* empty css                                                                   */
-/* empty css                                    */
-/* empty css                                         */
-/* empty css                                                                   */
-/* empty css                 */
-const _hoisted_1 = { class: "embla__container w-100 z-index-1" };
-const _hoisted_2 = { class: "pos-relative flex-justify-center pd-thin t-center flex-column flex embla__slide" };
-const _hoisted_3 = { class: "pos-relative flex-justify-center pd-thin t-center flex-column flex embla__slide" };
-const _hoisted_4 = { class: "flex flex-column flex-center pd-semi o-hidden pos-relative pos-b-0 z-index-1" };
-const _hoisted_5 = { class: "mn-b-small w-4r h-4r mn-auto pd-regular bg-main radius-regular t-white flex flex-center" };
-const _hoisted_6 = { class: "pos-relative flex-justify-center pd-thin t-center flex-column flex embla__slide" };
-const _hoisted_7 = { class: "flex flex-column flex-center pd-semi o-hidden pos-relative pos-b-0 z-index-1" };
-const _hoisted_8 = { class: "mn-b-small w-4r h-4r mn-auto pd-regular bg-main radius-regular t-white flex flex-center" };
-const _hoisted_9 = { class: "pos-relative flex-justify-center pd-thin t-center flex-column flex embla__slide" };
-const _hoisted_10 = { class: "flex flex-column flex-center pd-semi o-hidden pos-relative pos-b-0 z-index-1" };
-const _hoisted_11 = { class: "mn-b-small w-4r h-4r mn-auto pd-regular bg-main radius-regular t-white flex flex-center" };
-const _hoisted_12 = { class: "pos-relative flex-justify-center pd-thin t-center flex-column flex embla__slide" };
-const _hoisted_13 = { class: "flex flex-column flex-center pd-semi o-hidden pos-relative pos-b-0 z-index-1" };
-const _hoisted_14 = { class: "embla__dots z-index-5 h-4r pos-absolute pos-t-1r flex-nowrap flex flex-center gap-thin w-100" };
-const _hoisted_15 = ["onClick"];
-const TWEEN_FACTOR = 3;
-const _sfc_main = {
-  __name: "Walkthrough",
-  props: ["slides", "options"],
-  emits: ["updateFirstUse"],
-  setup(__props, { emit: __emit }) {
-    const emits = __emit;
-    const router = useRouter();
-    const permissions = reactive({
-      notifications: false,
-      location: false,
-      tracking: false
-    });
-    async function setFirstUseFalse() {
-      await Preferences.set({
-        key: "first-use",
-        value: JSON.stringify(false)
-      });
-      emits("updateFirstUse", false);
-    }
-    async function openFirstRoute(routeName) {
-      await router.push({ name: routeName });
-      await Preferences.set({
-        key: "first-use",
-        value: JSON.stringify(false)
-      });
-      emits("updateFirstUse", false);
-    }
-    const [emblaNode, emblaApi] = emblaCarouselVue({ loop: false });
-    const selectedIndex = ref(0);
-    const scrollSnaps = ref([]);
-    const tweenValues = ref([]);
-    const tweenSlides = ref([]);
-    const scrollTo = (index) => emblaApi.value && emblaApi.value.scrollTo(index);
-    const nextSlide = () => {
-      if (emblaApi.value) {
-        emblaApi.value.scrollNext();
-      }
-    };
-    const onInit = (embla) => {
-      scrollSnaps.value = emblaApi.value.scrollSnapList();
-    };
-    const onSelect = (embla) => {
-      selectedIndex.value = emblaApi.value.selectedScrollSnap();
-    };
-    let scrollRAF = null;
-    const onScroll = (embla) => {
-      if (scrollRAF) cancelAnimationFrame(scrollRAF);
-      scrollRAF = requestAnimationFrame(() => {
-        const engine = emblaApi.value.internalEngine();
-        const scrollProgress = emblaApi.value.scrollProgress();
-        const snapList = emblaApi.value.scrollSnapList();
-        const stylesOpacity = snapList.map((scrollSnap, index) => {
-          let diffToTarget = scrollSnap - scrollProgress;
-          if (engine.options.loop) {
-            engine.slideLooper.loopPoints.forEach((loopItem) => {
-              const target = loopItem.target();
-              if (index === loopItem.index && target !== 0) {
-                const sign = Math.sign(target);
-                if (sign === -1) diffToTarget = scrollSnap - (1 + scrollProgress);
-                if (sign === 1) diffToTarget = scrollSnap + (1 - scrollProgress);
-              }
-            });
-          }
-          const tweenValue = 1 - Math.abs(diffToTarget * TWEEN_FACTOR);
-          return Math.min(Math.max(tweenValue, 0), 1);
-        });
-        const styles = snapList.map((scrollSnap, index) => {
-          let diffToTarget = scrollSnap - scrollProgress;
-          if (engine.options.loop) {
-            engine.slideLooper.loopPoints.forEach((loopItem) => {
-              const target = loopItem.target();
-              if (index === loopItem.index && target !== 0) {
-                const sign = Math.sign(target);
-                if (sign === -1) diffToTarget = scrollSnap - (1 + scrollProgress);
-                if (sign === 1) diffToTarget = scrollSnap + (1 - scrollProgress);
-              }
-            });
-          }
-          return diffToTarget * (1 / TWEEN_FACTOR) * 100;
-        });
-        tweenSlides.value = stylesOpacity;
-        tweenValues.value = styles;
-      });
-    };
-    onMounted(() => {
-      emblaApi.value.on("init", onInit);
-      emblaApi.value.on("select", onSelect);
-      emblaApi.value.on("scroll", onScroll);
-    });
-    const requestNotificationPermission = async () => {
-      try {
-        const notificationManager = window.$store?.notificationManager;
-        if (notificationManager) {
-          await notificationManager.pushHandler.requestPermissions();
-          await notificationManager.registerWebPush(window.$store);
-          permissions.notifications = true;
-        }
-        setTimeout(() => {
-          nextSlide();
-        }, 1e3);
-      } catch (error) {
-        console.error("Notification permission error:", error);
-        nextSlide();
-      }
-    };
-    const requestLocationPermission = async () => {
-      try {
-        if (!("geolocation" in navigator)) {
-          nextSlide();
-          return;
-        }
-        navigator.geolocation.getCurrentPosition(
-          () => {
-            permissions.location = true;
-            setTimeout(() => {
-              nextSlide();
-            }, 1e3);
-          },
-          () => {
-            setTimeout(() => {
-              nextSlide();
-            }, 1e3);
-          },
-          { timeout: 8e3 }
-        );
-      } catch (error) {
-        console.error("Location permission error:", error);
-        nextSlide();
-      }
-    };
-    const requestTrackingPermission = async () => {
-      try {
-        const { status } = await AppTrackingTransparency.requestPermission();
-        if (status === "authorized") {
-          permissions.tracking = true;
-        }
-        setTimeout(() => {
-          nextSlide();
-        }, 1e3);
-      } catch (error) {
-        console.error("Tracking permission error:", error);
-        nextSlide();
-      }
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: "pos-fixed pos-t-0 pos-l-0 w-100 h-100vh z-index-6 bg-white flex embla",
-        ref_key: "emblaNode",
-        ref: emblaNode
-      }, [
-        createElementVNode("div", _hoisted_1, [
-          createElementVNode("div", _hoisted_2, [
-            createElementVNode("div", {
-              class: "flex flex-column flex-center pd-semi o-hidden pos-relative pos-b-0 z-index-1",
-              style: normalizeStyle({ opacity: tweenSlides.value.length ? tweenSlides.value[0] : void 0, transform: tweenSlides.value[0] ? `scale(${tweenSlides.value[0]})` : "" })
-            }, [
-              _cache[4] || (_cache[4] = createElementVNode("img", {
-                src: "/logo/logo_square.svg",
-                class: "i-extra radius-medium mn-b-small"
-              }, null, -1)),
-              _cache[5] || (_cache[5] = createElementVNode("h3", { class: "h3 mn-b-medium" }, "Welcome to 3SR", -1)),
-              _cache[6] || (_cache[6] = createElementVNode("p", { class: "p-regular t-transp mn-b-big" }, " Access premium cameras, lenses, lighting, and audio gear through our app designed for filmmakers and content creators. ", -1)),
-              createElementVNode("button", {
-                onClick: nextSlide,
-                class: "bg-main p-semi w-max button"
-              }, " Get Started ")
-            ], 4)
-          ]),
-          createElementVNode("div", _hoisted_3, [
-            createElementVNode("div", _hoisted_4, [
-              createElementVNode("div", _hoisted_5, [
-                createVNode(_sfc_main$1)
-              ]),
-              _cache[7] || (_cache[7] = createElementVNode("h3", { class: "h3 mn-b-medium" }, "Stay in the Loop", -1)),
-              _cache[8] || (_cache[8] = createElementVNode("p", { class: "p-regular t-transp mn-b-big" }, " Get instant notifications about equipment availability, booking confirmations, and exclusive deals from our rental platform. ", -1)),
-              createElementVNode("div", { class: "flex flex-column flex-center gap-small" }, [
-                createElementVNode("button", {
-                  onClick: requestNotificationPermission,
-                  class: "bg-main p-semi w-max button"
-                }, " Enable Notifications "),
-                createElementVNode("button", {
-                  onClick: nextSlide,
-                  class: "bg-light p-semi w-max button"
-                }, " Maybe Later ")
-              ])
-            ])
-          ]),
-          createElementVNode("div", _hoisted_6, [
-            createElementVNode("div", _hoisted_7, [
-              createElementVNode("div", _hoisted_8, [
-                createVNode(_sfc_main$2)
-              ]),
-              _cache[9] || (_cache[9] = createElementVNode("h3", { class: "h3 mn-b-medium" }, "Find Nearby Equipment", -1)),
-              _cache[10] || (_cache[10] = createElementVNode("p", { class: "p-regular t-transp mn-b-big" }, " Discover rental locations and equipment availability near you. We'll show you the closest pickup points and delivery options. ", -1)),
-              createElementVNode("div", { class: "flex flex-column flex-center gap-small" }, [
-                createElementVNode("button", {
-                  onClick: requestLocationPermission,
-                  class: "bg-main p-semi w-max button"
-                }, " Enable Location "),
-                createElementVNode("button", {
-                  onClick: nextSlide,
-                  class: "bg-light p-semi w-max button"
-                }, " Skip for Now ")
-              ])
-            ])
-          ]),
-          createElementVNode("div", _hoisted_9, [
-            createElementVNode("div", _hoisted_10, [
-              createElementVNode("div", _hoisted_11, [
-                createVNode(_sfc_main$2)
-              ]),
-              _cache[11] || (_cache[11] = createElementVNode("h3", { class: "h3 mn-b-medium" }, "Personalized Experience", -1)),
-              _cache[12] || (_cache[12] = createElementVNode("p", { class: "p-regular t-transp mn-b-big" }, " Allow us to provide you with personalized recommendations and improve your app experience based on your preferences. ", -1)),
-              createElementVNode("div", { class: "flex flex-column flex-center gap-small" }, [
-                createElementVNode("button", {
-                  onClick: requestTrackingPermission,
-                  class: "bg-main p-semi w-max button"
-                }, " Allow Tracking "),
-                createElementVNode("button", {
-                  onClick: nextSlide,
-                  class: "bg-light p-semi w-max button"
-                }, " Ask App Not to Track ")
-              ])
-            ])
-          ]),
-          createElementVNode("div", _hoisted_12, [
-            createElementVNode("div", _hoisted_13, [
-              _cache[13] || (_cache[13] = createElementVNode("img", {
-                loading: "lazy",
-                src: "/logo/logo_square.svg",
-                class: "i-extra radius-medium mn-b-small"
-              }, null, -1)),
-              _cache[14] || (_cache[14] = createElementVNode("h3", { class: "h3 mn-b-medium" }, "Ready to Rent?", -1)),
-              _cache[15] || (_cache[15] = createElementVNode("p", { class: "p-regular t-transp mn-b-big" }, "Join thousands of creators who trust 3SR for their professional video equipment needs. Choose how you'd like to get started.", -1)),
-              createElementVNode("button", {
-                onClick: _cache[0] || (_cache[0] = ($event) => openFirstRoute("Sign Up")),
-                class: "bg-main p-semi w-100 button mn-b-thin"
-              }, "Create Account"),
-              createElementVNode("button", {
-                onClick: _cache[1] || (_cache[1] = ($event) => openFirstRoute("Sign In")),
-                class: "bg-light t-black p-semi w-100 button mn-b-semi"
-              }, "Sign In"),
-              _cache[16] || (_cache[16] = createElementVNode("p", { class: "p-small mn-b-medium t-transp" }, "Or explore as a guest:", -1)),
-              createElementVNode("button", {
-                onClick: _cache[2] || (_cache[2] = ($event) => setFirstUseFalse()),
-                class: "bg-light p-semi w-max button"
-              }, "Continue as Guest")
-            ])
-          ])
-        ]),
-        createElementVNode("div", _hoisted_14, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(scrollSnaps.value, (snap, index) => {
-            return openBlock(), createElementBlock("button", {
-              key: index,
-              onClick: ($event) => scrollTo(index),
-              class: normalizeClass([
-                "embla__dot bg- i-small radius-extra",
-                { "bg-light": index !== selectedIndex.value },
-                { "bg-main": index === selectedIndex.value }
-              ])
-            }, null, 10, _hoisted_15);
-          }), 128)),
-          createElementVNode("button", {
-            onClick: _cache[3] || (_cache[3] = ($event) => setFirstUseFalse()),
-            class: "pd-small bg-white t-black w-6r pos-b-0r flex-nowrap flex flex-center pos-r-1r pos-relative radius-small uppercase pos-absolute"
-          }, _cache[17] || (_cache[17] = [
-            createElementVNode("span", null, "Skip", -1)
-          ]))
-        ])
-      ], 512);
-    };
-  }
-};
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=Walkthrough.vue.js.map