@ozdao/martyrs 0.2.511 → 0.2.512

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

@@ -0,0 +1,308 @@
+"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.13_typescript@5.8.3_/node_modules/embla-carousel-vue/esm/embla-carousel-vue.esm.cjs");
+const IconBell = require("../../../../icons/entities/IconBell.vue.cjs");
+const IconAddress = ;/* empty css                                           */
+const index = require("../../../../../../../node_modules/.pnpm/capacitor-plugin-app-tracking-transparency@2.0.5_@capacitor_core@7.2.0/node_modules/capacitor-plugin-app-tracking-transparency/dist/esm/index.cjs");
+;/* empty css                                      */
+;/* empty css                                                                  */
+require("../../../../auth/views/store/auth.cjs");
+;/* empty css                                                                     */
+;/* empty css                                                                           */
+require("../../../../notifications/store/notifications.store.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                   */
+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();
+    };
+    const onScroll = (embla) => {
+      const engine = emblaApi.value.internalEngine();
+      const scrollProgress = emblaApi.value.scrollProgress();
+      const stylesOpacity = emblaApi.value.scrollSnapList().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);
+      });
+      tweenSlides.value = stylesOpacity;
+      const styles = emblaApi.value.scrollSnapList().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;
+      });
+      tweenValues.value = styles;
+    };
+    vue.onMounted(async () => {
+      onInit();
+      onSelect();
+      onScroll();
+      emblaApi.value.on("reInit", onInit);
+      emblaApi.value.on("reInit", onSelect);
+      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-big 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-big w-max button"
+                }, " Enable Notifications "),
+                vue.createElementVNode("button", {
+                  onClick: nextSlide,
+                  class: "bg-light p-big 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-big w-max button"
+                }, " Enable Location "),
+                vue.createElementVNode("button", {
+                  onClick: nextSlide,
+                  class: "bg-light p-big 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-big w-max button"
+                }, " Allow Tracking "),
+                vue.createElementVNode("button", {
+                  onClick: nextSlide,
+                  class: "bg-light p-big 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-big 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-big 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-big 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

@@ -0,0 +1 @@
+{"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-big 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-big 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-big 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-big w-max button\">\n              Enable Location\n            </button>\n            <button @click=\"nextSlide\" class=\"bg-light p-big 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-big w-max button\">\n              Allow Tracking\n            </button>\n            <button @click=\"nextSlide\" class=\"bg-light p-big 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-big w-100 button mn-b-thin\">Create Account</button> \n\t      \t<button @click=\"openFirstRoute('Sign In')\" class=\"bg-light t-black p-big 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-big 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\tconst onScroll = (embla) => {\n    const engine = emblaApi.value.internalEngine()\n    const scrollProgress = emblaApi.value.scrollProgress()\n\n    const stylesOpacity = emblaApi.value.scrollSnapList().map((scrollSnap, index) => {\n\t    let diffToTarget = scrollSnap - scrollProgress\n\n\t    if (engine.options.loop) {\n\t      engine.slideLooper.loopPoints.forEach((loopItem) => {\n\t        const target = loopItem.target()\n\t        if (index === loopItem.index && target !== 0) {\n\t          const sign = Math.sign(target)\n\t          if (sign === -1) diffToTarget = scrollSnap - (1 + scrollProgress)\n\t          if (sign === 1) diffToTarget = scrollSnap + (1 - scrollProgress)\n\t        }\n\t      })\n\t    }\n\t    const tweenValue = 1 - Math.abs(diffToTarget * TWEEN_FACTOR)\n\t    return  Math.min(Math.max(tweenValue, 0), 1)\n\t  })\n\n\t\ttweenSlides.value = stylesOpacity\n\n    const styles = emblaApi.value.scrollSnapList().map((scrollSnap, index) => {\n      let diffToTarget = scrollSnap - scrollProgress\n\n      if (engine.options.loop) {\n        engine.slideLooper.loopPoints.forEach((loopItem) => {\n          const target = loopItem.target()\n          if (index === loopItem.index && target !== 0) {\n            const sign = Math.sign(target)\n            if (sign === -1) diffToTarget = scrollSnap - (1 + scrollProgress)\n            if (sign === 1) diffToTarget = scrollSnap + (1 - scrollProgress)\n          }\n        })\n      }\n      return diffToTarget * (1 / TWEEN_FACTOR) * 100\n    })\n\n    tweenValues.value = styles\n  }\n\n\n\tonMounted(async() => {\n\t  onInit(emblaApi);\n\t  onSelect(emblaApi);\n\t  onScroll(emblaApi);\n\n\t  emblaApi.value.on('reInit', onInit);\n\t  emblaApi.value.on('reInit', onSelect);\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

@@ -0,0 +1,308 @@
+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.13_typescript@5.8.3_/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.2.0/node_modules/capacitor-plugin-app-tracking-transparency/dist/esm/index.js";
+/* empty css                                    */
+/* empty css                                                                */
+import "../../../../auth/views/store/auth.js";
+/* empty css                                                                   */
+/* empty css                                                                         */
+import "../../../../notifications/store/notifications.store.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                 */
+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();
+    };
+    const onScroll = (embla) => {
+      const engine = emblaApi.value.internalEngine();
+      const scrollProgress = emblaApi.value.scrollProgress();
+      const stylesOpacity = emblaApi.value.scrollSnapList().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);
+      });
+      tweenSlides.value = stylesOpacity;
+      const styles = emblaApi.value.scrollSnapList().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;
+      });
+      tweenValues.value = styles;
+    };
+    onMounted(async () => {
+      onInit();
+      onSelect();
+      onScroll();
+      emblaApi.value.on("reInit", onInit);
+      emblaApi.value.on("reInit", onSelect);
+      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-big 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-big w-max button"
+                }, " Enable Notifications "),
+                createElementVNode("button", {
+                  onClick: nextSlide,
+                  class: "bg-light p-big 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-big w-max button"
+                }, " Enable Location "),
+                createElementVNode("button", {
+                  onClick: nextSlide,
+                  class: "bg-light p-big 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-big w-max button"
+                }, " Allow Tracking "),
+                createElementVNode("button", {
+                  onClick: nextSlide,
+                  class: "bg-light p-big 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-big 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-big 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-big 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