@ozdao/martyrs 0.2.546 → 0.2.548

package/dist/martyrs/src/modules/globals/views/components/blocks/PopupDateSelector.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopupDateSelector.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/blocks/PopupDateSelector.vue"],"sourcesContent":["<template>\n  <Popup @close-popup=\"closePopup\" :isPopupOpen=\"isOpen\" class=\"radius-medium tablet:w-min-30r pd-medium bg-white o-hidden\">\n    <h5 class=\"w-100 t-center mn-b-small\">Select Rent Period</h5>\n    <Calendar\n      v-model:date=\"selectedDates\"\n      :allowRange=\"true\"\n      :disablePastDates=\"true\"\n      :availabilityData=\"availabilityData\"\n      :showAvailability=\"false\"\n      :lowAvailabilityThreshold=\"3\"\n      :requiredQuantity=\"quantity\"\n      class=\"bg-light radius-small\"\n      :disabled=\"isLoading\"\n    />\n    <div v-if=\"isLoading\" class=\"flex w-100 mn-t-thin bg-light radius-small flex-center pd-thin mn-b-thin\">\n      <Loader :centered=\"false\" />\n      <span>Loading availability data...</span>\n    </div>\n\n    <div v-if=\"availabilityError\" class=\"pd-small t-error\">\n      {{ availabilityError }}\n    </div>\n    \n    <PriceTotal\n      :totalPrice=\"totalAmount\"\n      :currency=\"returnCurrency()\"\n      :showFees=\"showFees\"\n      :feesRate=\"feesRate\"\n      :showVat=\"showVat\"\n      :vatRate=\"vatRate\"\n    />\n    <Button\n      @click=\"confirmSelection\"\n      :disabled=\"!selectedDates.start || !selectedDates.end || isLoading || !isAvailable\"\n      class=\"h-3r w-100 bg-main button\"\n    >\n      <div class=\"gap-thin flex flex-center flex-nowrap\">\n        <IconShopcartAdd class=\"i-semi icon-button-main\" />\n        <span>{{t('addtoorder')}}</span>\n      </div>\n    </Button>\n      <Button\n        v-if=\"showCancelButton\"\n        @click=\"cancelSelection\"\n        class=\"mn-t-thin h-3r w-100 t-white bg-red button\"\n      >\n        <span>{{ t('remove') }}</span>\n      </Button>\n  </Popup>\n</template>\n\n<script setup>\nimport { ref, computed, watch, onMounted } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport Popup from '@martyrs/src/components/Popup/Popup.vue'\nimport Loader from '@martyrs/src/components/Loader/Loader.vue'\nimport Calendar from '@martyrs/src/components/Calendar/Calendar.vue'\nimport Button from '@martyrs/src/components/Button/Button.vue'\nimport IconShopcartAdd from '@martyrs/src/modules/icons/actions/IconShopcartAdd.vue'\nimport PriceTotal from '@martyrs/src/modules/orders/components/elements/PriceTotal.vue'\n// Import the store actions\nimport * as rents from '@martyrs/src/modules/rents/views/store/rents.store.js'\nimport { useGlobalMixins } from '@martyrs/src/modules/globals/views/mixins/mixins.js'\n\nconst props = defineProps({\n  productId: { type: String, required: true },\n  variantId: { type: String, required: true },\n  quantity: { type: Number, default: 1 },\n  price: { type: Number, required: true },\n  isOpen: { type: Boolean, required: true },\n  showFees: { type: Boolean, default: false },\n  showVat: { type: Boolean, default: false },\n  feesRate: { type: Number, default: 0 },\n  vatRate: { type: Number, default: 0 },\n  onConfirm: { type: Function, required: true },\n  onCancel: { type: Function, default: null },\n  showCancelButton: { type: Boolean, default: false }\n})\n\nconst emit = defineEmits(['close'])\nconst { t } = useI18n({\n  messages: {\n    en: {\n      addtoorder: 'Add to Shopcart'\n    }\n  }\n})\nconst { returnCurrency } = useGlobalMixins()\n\nconst selectedDates = ref({ start: null, end: null })\nconst availabilityData = ref([])\nconst isLoading = ref(false)\nconst availabilityError = ref(null)\nconst isAvailable = ref(true)\n\n// Load availability data for the current month and next month\nasync function loadAvailabilityData() {\n  if (!props.productId || !props.variantId) return;\n\n  console.log('productId', props.productId)\n  console.log('variantId', props.variantId)\n  \n  isLoading.value = true;\n  availabilityError.value = null;\n  \n  try {\n    const today = new Date();\n    const start = new Date(today.getFullYear(), today.getMonth(), 1);\n    const end = new Date(today.getFullYear(), today.getMonth() + 2, 0);\n    \n    const data = await rents.loadAvailability({\n      productId: props.productId,\n      variantId: props.variantId,\n      startDate: start.toISOString().split('T')[0],\n      endDate: end.toISOString().split('T')[0]\n    });\n    \n    if (data && data.availability) {\n      availabilityData.value = data.availability;\n    }\n  } catch (error) {\n    console.error('Error loading availability data:', error);\n    availabilityError.value = 'Failed to load availability data. Please try again.';\n  } finally {\n    isLoading.value = false;\n  }\n}\n\n// Check availability for selected date range\nasync function checkAvailability() {\n  if (!selectedDates.value.start || !selectedDates.value.end || !props.productId || !props.variantId) {\n    isAvailable.value = false;\n    return;\n  }\n  \n  isLoading.value = true;\n  availabilityError.value = null;\n  \n  try {\n    const data = await rents.loadAvailability({\n      productId: props.productId,\n      variantId: props.variantId,\n      startDate: selectedDates.value.start.split('T')[0],\n      endDate: selectedDates.value.end.split('T')[0]\n    });\n    \n    isAvailable.value = data.available >= props.quantity;\n    \n    if (!isAvailable.value) {\n      availabilityError.value = `Insufficient quantity. Available: ${data.available}, needed: ${props.quantity}`;\n    }\n  } catch (error) {\n    console.error('Error checking availability:', error);\n    availabilityError.value = 'Failed to check availability. Please try again.';\n    isAvailable.value = false;\n  } finally {\n    isLoading.value = false;\n  }\n}\n\nfunction calculateDays(start, end) {\n  if (!start || !end) return 0\n  const startDate = new Date(start)\n  const endDate = new Date(end)\n  const diffTime = endDate - startDate\n  const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24)) + 1\n  return diffDays > 0 ? diffDays : 0\n}\n\nconst numberOfDays = computed(() => calculateDays(selectedDates.value.start, selectedDates.value.end))\nconst totalAmount = computed(() => props.price * numberOfDays.value * props.quantity)\n\nfunction closePopup() {\n  emit('close')\n}\n\nfunction confirmSelection() {\n  if (selectedDates.value.start && selectedDates.value.end && isAvailable.value) {\n    props.onConfirm(selectedDates.value)\n    closePopup()\n  }\n}\n\nfunction cancelSelection() {\n  if (props.onCancel) {\n    props.onCancel()\n  }\n  // Эмитим close-popup чтобы плагин закрыл попап\n  emit('close-popup')\n}\n\nwatch([() => selectedDates.value.start, () => selectedDates.value.end], ([newStart, newEnd]) => {\n  if (newStart && newEnd) {\n    // checkAvailability();\n  }\n}, { immediate: false });\n\nwatch(() => props.isOpen, (newVal) => {\n  if (newVal) {\n    loadAvailabilityData();\n  } else {\n    selectedDates.value = { start: null, end: null };\n    availabilityError.value = null;\n  }\n}, { immediate: true });\n\nonMounted(() => {\n  if (props.isOpen) {\n    loadAvailabilityData();\n  }\n});\n</script>"],"names":["rents.loadAvailability"],"mappings":"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"}
+{"version":3,"file":"PopupDateSelector.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/blocks/PopupDateSelector.vue"],"sourcesContent":["<template>\n  <Popup @close-popup=\"closePopup\" :isPopupOpen=\"isOpen\" class=\"radius-medium tablet:w-min-30r pd-medium bg-white o-hidden\">\n    <h5 class=\"w-100 t-center mn-b-small\">Select Rent Period</h5>\n    <Calendar\n      v-model:date=\"selectedDates\"\n      :allowRange=\"true\"\n      :disablePastDates=\"true\"\n      :availabilityData=\"availabilityData\"\n      :showAvailability=\"false\"\n      :lowAvailabilityThreshold=\"3\"\n      :requiredQuantity=\"quantity\"\n      class=\"bg-light radius-small\"\n      :disabled=\"isLoading\"\n    />\n    <div v-if=\"isLoading\" class=\"flex w-100 mn-t-thin bg-light radius-small flex-center pd-thin mn-b-thin\">\n      <Loader :centered=\"false\" />\n      <span>Loading availability data...</span>\n    </div>\n\n    <div v-if=\"availabilityError\" class=\"pd-small t-error\">\n      {{ availabilityError }}\n    </div>\n    \n    <PriceTotal\n      :totalPrice=\"totalAmount\"\n      :currency=\"returnCurrency()\"\n      :showFees=\"showFees\"\n      :feesRate=\"feesRate\"\n      :showVat=\"showVat\"\n      :vatRate=\"vatRate\"\n    />\n    <Button\n      @click=\"confirmSelection\"\n      :disabled=\"!selectedDates.start || !selectedDates.end || isLoading || !isAvailable\"\n      class=\"h-3r w-100 bg-main button\"\n    >\n      <div class=\"gap-thin flex flex-center flex-nowrap\">\n        <IconShopcartAdd class=\"i-medium icon-button-main\" />\n        <span>{{t('addtoorder')}}</span>\n      </div>\n    </Button>\n      <Button\n        v-if=\"showCancelButton\"\n        @click=\"cancelSelection\"\n        class=\"mn-t-thin h-3r w-100 t-white bg-red button\"\n      >\n        <span>{{ t('remove') }}</span>\n      </Button>\n  </Popup>\n</template>\n\n<script setup>\nimport { ref, computed, watch, onMounted } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport Popup from '@martyrs/src/components/Popup/Popup.vue'\nimport Loader from '@martyrs/src/components/Loader/Loader.vue'\nimport Calendar from '@martyrs/src/components/Calendar/Calendar.vue'\nimport Button from '@martyrs/src/components/Button/Button.vue'\nimport IconShopcartAdd from '@martyrs/src/modules/icons/actions/IconShopcartAdd.vue'\nimport PriceTotal from '@martyrs/src/modules/orders/components/elements/PriceTotal.vue'\n// Import the store actions\nimport * as rents from '@martyrs/src/modules/rents/views/store/rents.store.js'\nimport { useGlobalMixins } from '@martyrs/src/modules/globals/views/mixins/mixins.js'\n\nconst props = defineProps({\n  productId: { type: String, required: true },\n  variantId: { type: String, required: true },\n  quantity: { type: Number, default: 1 },\n  price: { type: Number, required: true },\n  isOpen: { type: Boolean, required: true },\n  showFees: { type: Boolean, default: false },\n  showVat: { type: Boolean, default: false },\n  feesRate: { type: Number, default: 0 },\n  vatRate: { type: Number, default: 0 },\n  onConfirm: { type: Function, required: true },\n  onCancel: { type: Function, default: null },\n  showCancelButton: { type: Boolean, default: false }\n})\n\nconst emit = defineEmits(['close'])\nconst { t } = useI18n({\n  messages: {\n    en: {\n      addtoorder: 'Add to Shopcart'\n    }\n  }\n})\nconst { returnCurrency } = useGlobalMixins()\n\nconst selectedDates = ref({ start: null, end: null })\nconst availabilityData = ref([])\nconst isLoading = ref(false)\nconst availabilityError = ref(null)\nconst isAvailable = ref(true)\n\n// Load availability data for the current month and next month\nasync function loadAvailabilityData() {\n  if (!props.productId || !props.variantId) return;\n\n  console.log('productId', props.productId)\n  console.log('variantId', props.variantId)\n  \n  isLoading.value = true;\n  availabilityError.value = null;\n  \n  try {\n    const today = new Date();\n    const start = new Date(today.getFullYear(), today.getMonth(), 1);\n    const end = new Date(today.getFullYear(), today.getMonth() + 2, 0);\n    \n    const data = await rents.loadAvailability({\n      productId: props.productId,\n      variantId: props.variantId,\n      startDate: start.toISOString().split('T')[0],\n      endDate: end.toISOString().split('T')[0]\n    });\n    \n    if (data && data.availability) {\n      availabilityData.value = data.availability;\n    }\n  } catch (error) {\n    console.error('Error loading availability data:', error);\n    availabilityError.value = 'Failed to load availability data. Please try again.';\n  } finally {\n    isLoading.value = false;\n  }\n}\n\n// Check availability for selected date range\nasync function checkAvailability() {\n  if (!selectedDates.value.start || !selectedDates.value.end || !props.productId || !props.variantId) {\n    isAvailable.value = false;\n    return;\n  }\n  \n  isLoading.value = true;\n  availabilityError.value = null;\n  \n  try {\n    const data = await rents.loadAvailability({\n      productId: props.productId,\n      variantId: props.variantId,\n      startDate: selectedDates.value.start.split('T')[0],\n      endDate: selectedDates.value.end.split('T')[0]\n    });\n    \n    isAvailable.value = data.available >= props.quantity;\n    \n    if (!isAvailable.value) {\n      availabilityError.value = `Insufficient quantity. Available: ${data.available}, needed: ${props.quantity}`;\n    }\n  } catch (error) {\n    console.error('Error checking availability:', error);\n    availabilityError.value = 'Failed to check availability. Please try again.';\n    isAvailable.value = false;\n  } finally {\n    isLoading.value = false;\n  }\n}\n\nfunction calculateDays(start, end) {\n  if (!start || !end) return 0\n  const startDate = new Date(start)\n  const endDate = new Date(end)\n  const diffTime = endDate - startDate\n  const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24)) + 1\n  return diffDays > 0 ? diffDays : 0\n}\n\nconst numberOfDays = computed(() => calculateDays(selectedDates.value.start, selectedDates.value.end))\nconst totalAmount = computed(() => props.price * numberOfDays.value * props.quantity)\n\nfunction closePopup() {\n  emit('close')\n}\n\nfunction confirmSelection() {\n  if (selectedDates.value.start && selectedDates.value.end && isAvailable.value) {\n    props.onConfirm(selectedDates.value)\n    closePopup()\n  }\n}\n\nfunction cancelSelection() {\n  if (props.onCancel) {\n    props.onCancel()\n  }\n  // Эмитим close-popup чтобы плагин закрыл попап\n  emit('close-popup')\n}\n\nwatch([() => selectedDates.value.start, () => selectedDates.value.end], ([newStart, newEnd]) => {\n  if (newStart && newEnd) {\n    // checkAvailability();\n  }\n}, { immediate: false });\n\nwatch(() => props.isOpen, (newVal) => {\n  if (newVal) {\n    loadAvailabilityData();\n  } else {\n    selectedDates.value = { start: null, end: null };\n    availabilityError.value = null;\n  }\n}, { immediate: true });\n\nonMounted(() => {\n  if (props.isOpen) {\n    loadAvailabilityData();\n  }\n});\n</script>"],"names":["rents.loadAvailability"],"mappings":"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"}

package/dist/martyrs/src/modules/globals/views/components/elements/PhotoStack.vue.cjs

@@ -4,7 +4,7 @@ const vue = require("vue");
 const PlaceholderUserpic = require("../../../../icons/placeholders/PlaceholderUserpic.vue.cjs");
 const _hoisted_1 = {
   key: 0,
-  class: "w-4r pos-relative i-semi"
+  class: "w-4r pos-relative i-medium"
 };
 const _hoisted_2 = {
   style: {
@@ -12,7 +12,7 @@ const _hoisted_2 = {
     top: "0px",
     right: "0px"
   },
-  class: "br-solid br-2px br-white z-index-1 radius-big i-semi bg-second flex flex-center t-white p-small t-semi"
+  class: "br-solid br-2px br-white z-index-1 radius-big i-medium bg-second flex flex-center t-white p-small t-semi"
 };
 const _hoisted_3 = ["src"];
 const _sfc_main = {
@@ -43,7 +43,7 @@ const _sfc_main = {
                 right: index * 20 + 20 + "%",
                 zIndex: 1 - index
               }),
-              class: "br-solid br-2px br-white i-semi bg-light radius-big"
+              class: "br-solid br-2px br-white i-medium bg-light radius-big"
             }, null, 12, _hoisted_3)) : (vue.openBlock(), vue.createBlock(PlaceholderUserpic.default, {
               key: 1,
               style: vue.normalizeStyle({
@@ -52,7 +52,7 @@ const _sfc_main = {
                 right: index * 20 + 20 + "%",
                 zIndex: 1 - index
               }),
-              class: "br-solid br-2px br-white i-semi bg-light radius-big"
+              class: "br-solid br-2px br-white i-medium bg-light radius-big"
             }, null, 8, ["style"]))
           ], 64);
         }), 256)) : vue.createCommentVNode("", true)

package/dist/martyrs/src/modules/globals/views/components/elements/PhotoStack.vue.js

@@ -2,7 +2,7 @@ import { createElementBlock, createCommentVNode, openBlock, createElementVNode,
 import PlaceholderUserpic from "../../../../icons/placeholders/PlaceholderUserpic.vue.js";
 const _hoisted_1 = {
   key: 0,
-  class: "w-4r pos-relative i-semi"
+  class: "w-4r pos-relative i-medium"
 };
 const _hoisted_2 = {
   style: {
@@ -10,7 +10,7 @@ const _hoisted_2 = {
     top: "0px",
     right: "0px"
   },
-  class: "br-solid br-2px br-white z-index-1 radius-big i-semi bg-second flex flex-center t-white p-small t-semi"
+  class: "br-solid br-2px br-white z-index-1 radius-big i-medium bg-second flex flex-center t-white p-small t-semi"
 };
 const _hoisted_3 = ["src"];
 const _sfc_main = {
@@ -41,7 +41,7 @@ const _sfc_main = {
                 right: index * 20 + 20 + "%",
                 zIndex: 1 - index
               }),
-              class: "br-solid br-2px br-white i-semi bg-light radius-big"
+              class: "br-solid br-2px br-white i-medium bg-light radius-big"
             }, null, 12, _hoisted_3)) : (openBlock(), createBlock(PlaceholderUserpic, {
               key: 1,
               style: normalizeStyle({
@@ -50,7 +50,7 @@ const _sfc_main = {
                 right: index * 20 + 20 + "%",
                 zIndex: 1 - index
               }),
-              class: "br-solid br-2px br-white i-semi bg-light radius-big"
+              class: "br-solid br-2px br-white i-medium bg-light radius-big"
             }, null, 8, ["style"]))
           ], 64);
         }), 256)) : createCommentVNode("", true)

package/dist/martyrs/src/modules/globals/views/components/partials/CitySelection.vue.cjs

@@ -7,7 +7,7 @@ const vueI18n = require("vue-i18n");
 const _hoisted_1 = { class: "select-country" };
 const _hoisted_2 = { class: "mn-b-semi" };
 const _hoisted_3 = { class: "mn-b-semi" };
-const _hoisted_4 = { class: "mn-b-small t-transp p-medium" };
+const _hoisted_4 = { class: "mn-b-small t-transp p-regular" };
 const _hoisted_5 = { class: "flex-nowrap flex mn-b-small pd-small radius-small bg-light" };
 const _hoisted_6 = { class: "d-block mn-r-auto" };
 const _hoisted_7 = { class: "mn-b-small" };
@@ -89,7 +89,7 @@ const _sfc_main = {
           ])
         ]),
         vue.createElementVNode("p", _hoisted_17, vue.toDisplayString(vue.unref(t)("helpus")), 1),
-        _cache[3] || (_cache[3] = vue.createElementVNode("div", { class: "pd-small p-semi radius-small bg-light" }, [
+        _cache[3] || (_cache[3] = vue.createElementVNode("div", { class: "pd-small p-medium radius-small bg-light" }, [
           vue.createElementVNode("a", { class: "" }, "hello@nms.network")
         ], -1))
       ]);

package/dist/martyrs/src/modules/globals/views/components/partials/CitySelection.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CitySelection.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/partials/CitySelection.vue"],"sourcesContent":["<template>\n  <div class=\"select-country\">\n    <p class=\"h1\">🌍</p>\n    <br>\n    <h3 class=\"mn-b-semi\">{{t('title')}}</h3>\n    <!-- Select city -->\n    <div class=\"mn-b-semi\">\n      <!-- Description -->\n      <p class=\"mn-b-small t-transp p-medium\">{{t('description')}}</p> \n      <!-- Input -->\n      <div class=\"flex-nowrap flex mn-b-small pd-small radius-small bg-light\">\n        <span class=\"d-block mn-r-auto\">{{t('cities[0]')}}</span>\n        <a @click=\"closePopup()\">{{t('choose')}}</a>\n      </div>\n    </div>\n    <!-- Coming soon cities -->\n    <p class=\"mn-b-small\">{{t('comingsoon')}}</p>\n    \n    <div class=\"cols-4 gap-small mn-b-semi\">\n      <!-- Input -->\n      <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n        <span class=\"d-block\">{{t('cscities[0]')}}</span>\n      </div>\n      <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n        <span class=\"d-block\">{{t('cscities[1]')}}</span>\n      </div>\n      <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n        <span class=\"d-block\">{{t('cscities[2]')}}</span>\n      </div>\n      <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n        <span class=\"d-block\">{{t('cscities[3]')}}</span>\n      </div>\n    </div>\n    <!-- Description -->\n    <p class=\"mn-b-small t-transp\">{{t('helpus')}}</p> \n    <div class=\"pd-small p-semi radius-small bg-light\">\n      <a class=\"\">hello@nms.network</a>\n    </div>\n  </div>\n</template>\n<script setup>\n// Import libs\nimport { computed, onMounted } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n// Define props\nconst props = defineProps({\n  isPopupOpen: {\n    type: Boolean,\n    default: false\n  },\n});\nconst emits = defineEmits(['close-popup'])\nfunction closePopup() {\n  emits(\"close-popup\");\n} \n// Accessing router and store\nconst route = useRoute()\nconst router = useRouter()\n// Localization\nconst text = {\n  messages: {\n    en: {\n      title: \"Choose Your City\",\n      description: \"Please select your city from the list below to see rental options and other relevant information:\",\n      choose: \"Current\",\n      cities: [\n        \"Phuket\"\n      ],\n      comingsoon: \"Coming soon:\",\n      cscities: [\n        \"Bangkok\",\n        \"Chiang Mai\",\n        \"Pha-ngan\",\n        \"Pattaya\",\n      ],\n      helpus: \"NMS is your ultimate entertainment and lifestyle guide. Want to partner with us or share ideas? Reach out at:\",\n      cultivate: \"Let's create unforgettable moments together! 🎵🌴\"\n    },\n  }\n}\nconst { t } = useI18n(text)\n</script>\n<style lang=\"scss\">\n  .select-country {\n    max-width: 100%;\n  }\n</style>"],"names":["useRoute","useRouter","useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDA,UAAM,QAAQ;AACd,aAAS,aAAa;AACpB,YAAM,aAAa;AAAA,IACrB;AAEcA,cAAAA,SAAQ;AACPC,cAAAA,UAAS;AAExB,UAAM,OAAO;AAAA,MACX,UAAU;AAAA,QACR,IAAI;AAAA,UACF,OAAO;AAAA,UACP,aAAa;AAAA,UACb,QAAQ;AAAA,UACR,QAAQ;AAAA,YACN;AAAA,UACR;AAAA,UACM,YAAY;AAAA,UACZ,UAAU;AAAA,YACR;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACR;AAAA,UACM,QAAQ;AAAA,UACR,WAAW;AAAA,QACjB;AAAA,MACA;AAAA,IACA;AACA,UAAM,EAAE,EAAC,IAAKC,QAAAA,QAAQ,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CitySelection.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/partials/CitySelection.vue"],"sourcesContent":["<template>\n  <div class=\"select-country\">\n    <p class=\"h1\">🌍</p>\n    <br>\n    <h3 class=\"mn-b-semi\">{{t('title')}}</h3>\n    <!-- Select city -->\n    <div class=\"mn-b-semi\">\n      <!-- Description -->\n      <p class=\"mn-b-small t-transp p-regular\">{{t('description')}}</p> \n      <!-- Input -->\n      <div class=\"flex-nowrap flex mn-b-small pd-small radius-small bg-light\">\n        <span class=\"d-block mn-r-auto\">{{t('cities[0]')}}</span>\n        <a @click=\"closePopup()\">{{t('choose')}}</a>\n      </div>\n    </div>\n    <!-- Coming soon cities -->\n    <p class=\"mn-b-small\">{{t('comingsoon')}}</p>\n    \n    <div class=\"cols-4 gap-small mn-b-semi\">\n      <!-- Input -->\n      <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n        <span class=\"d-block\">{{t('cscities[0]')}}</span>\n      </div>\n      <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n        <span class=\"d-block\">{{t('cscities[1]')}}</span>\n      </div>\n      <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n        <span class=\"d-block\">{{t('cscities[2]')}}</span>\n      </div>\n      <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n        <span class=\"d-block\">{{t('cscities[3]')}}</span>\n      </div>\n    </div>\n    <!-- Description -->\n    <p class=\"mn-b-small t-transp\">{{t('helpus')}}</p> \n    <div class=\"pd-small p-medium radius-small bg-light\">\n      <a class=\"\">hello@nms.network</a>\n    </div>\n  </div>\n</template>\n<script setup>\n// Import libs\nimport { computed, onMounted } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n// Define props\nconst props = defineProps({\n  isPopupOpen: {\n    type: Boolean,\n    default: false\n  },\n});\nconst emits = defineEmits(['close-popup'])\nfunction closePopup() {\n  emits(\"close-popup\");\n} \n// Accessing router and store\nconst route = useRoute()\nconst router = useRouter()\n// Localization\nconst text = {\n  messages: {\n    en: {\n      title: \"Choose Your City\",\n      description: \"Please select your city from the list below to see rental options and other relevant information:\",\n      choose: \"Current\",\n      cities: [\n        \"Phuket\"\n      ],\n      comingsoon: \"Coming soon:\",\n      cscities: [\n        \"Bangkok\",\n        \"Chiang Mai\",\n        \"Pha-ngan\",\n        \"Pattaya\",\n      ],\n      helpus: \"NMS is your ultimate entertainment and lifestyle guide. Want to partner with us or share ideas? Reach out at:\",\n      cultivate: \"Let's create unforgettable moments together! 🎵🌴\"\n    },\n  }\n}\nconst { t } = useI18n(text)\n</script>\n<style lang=\"scss\">\n  .select-country {\n    max-width: 100%;\n  }\n</style>"],"names":["useRoute","useRouter","useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDA,UAAM,QAAQ;AACd,aAAS,aAAa;AACpB,YAAM,aAAa;AAAA,IACrB;AAEcA,cAAAA,SAAQ;AACPC,cAAAA,UAAS;AAExB,UAAM,OAAO;AAAA,MACX,UAAU;AAAA,QACR,IAAI;AAAA,UACF,OAAO;AAAA,UACP,aAAa;AAAA,UACb,QAAQ;AAAA,UACR,QAAQ;AAAA,YACN;AAAA,UACR;AAAA,UACM,YAAY;AAAA,UACZ,UAAU;AAAA,YACR;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACR;AAAA,UACM,QAAQ;AAAA,UACR,WAAW;AAAA,QACjB;AAAA,MACA;AAAA,IACA;AACA,UAAM,EAAE,EAAC,IAAKC,QAAAA,QAAQ,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/globals/views/components/partials/CitySelection.vue.js

@@ -5,7 +5,7 @@ import { useI18n } from "vue-i18n";
 const _hoisted_1 = { class: "select-country" };
 const _hoisted_2 = { class: "mn-b-semi" };
 const _hoisted_3 = { class: "mn-b-semi" };
-const _hoisted_4 = { class: "mn-b-small t-transp p-medium" };
+const _hoisted_4 = { class: "mn-b-small t-transp p-regular" };
 const _hoisted_5 = { class: "flex-nowrap flex mn-b-small pd-small radius-small bg-light" };
 const _hoisted_6 = { class: "d-block mn-r-auto" };
 const _hoisted_7 = { class: "mn-b-small" };
@@ -87,7 +87,7 @@ const _sfc_main = {
           ])
         ]),
         createElementVNode("p", _hoisted_17, toDisplayString(unref(t)("helpus")), 1),
-        _cache[3] || (_cache[3] = createElementVNode("div", { class: "pd-small p-semi radius-small bg-light" }, [
+        _cache[3] || (_cache[3] = createElementVNode("div", { class: "pd-small p-medium radius-small bg-light" }, [
           createElementVNode("a", { class: "" }, "hello@nms.network")
         ], -1))
       ]);

package/dist/martyrs/src/modules/globals/views/components/partials/CitySelection.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"CitySelection.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/partials/CitySelection.vue"],"sourcesContent":["<template>\n  <div class=\"select-country\">\n    <p class=\"h1\">🌍</p>\n    <br>\n    <h3 class=\"mn-b-semi\">{{t('title')}}</h3>\n    <!-- Select city -->\n    <div class=\"mn-b-semi\">\n      <!-- Description -->\n      <p class=\"mn-b-small t-transp p-medium\">{{t('description')}}</p> \n      <!-- Input -->\n      <div class=\"flex-nowrap flex mn-b-small pd-small radius-small bg-light\">\n        <span class=\"d-block mn-r-auto\">{{t('cities[0]')}}</span>\n        <a @click=\"closePopup()\">{{t('choose')}}</a>\n      </div>\n    </div>\n    <!-- Coming soon cities -->\n    <p class=\"mn-b-small\">{{t('comingsoon')}}</p>\n    \n    <div class=\"cols-4 gap-small mn-b-semi\">\n      <!-- Input -->\n      <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n        <span class=\"d-block\">{{t('cscities[0]')}}</span>\n      </div>\n      <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n        <span class=\"d-block\">{{t('cscities[1]')}}</span>\n      </div>\n      <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n        <span class=\"d-block\">{{t('cscities[2]')}}</span>\n      </div>\n      <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n        <span class=\"d-block\">{{t('cscities[3]')}}</span>\n      </div>\n    </div>\n    <!-- Description -->\n    <p class=\"mn-b-small t-transp\">{{t('helpus')}}</p> \n    <div class=\"pd-small p-semi radius-small bg-light\">\n      <a class=\"\">hello@nms.network</a>\n    </div>\n  </div>\n</template>\n<script setup>\n// Import libs\nimport { computed, onMounted } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n// Define props\nconst props = defineProps({\n  isPopupOpen: {\n    type: Boolean,\n    default: false\n  },\n});\nconst emits = defineEmits(['close-popup'])\nfunction closePopup() {\n  emits(\"close-popup\");\n} \n// Accessing router and store\nconst route = useRoute()\nconst router = useRouter()\n// Localization\nconst text = {\n  messages: {\n    en: {\n      title: \"Choose Your City\",\n      description: \"Please select your city from the list below to see rental options and other relevant information:\",\n      choose: \"Current\",\n      cities: [\n        \"Phuket\"\n      ],\n      comingsoon: \"Coming soon:\",\n      cscities: [\n        \"Bangkok\",\n        \"Chiang Mai\",\n        \"Pha-ngan\",\n        \"Pattaya\",\n      ],\n      helpus: \"NMS is your ultimate entertainment and lifestyle guide. Want to partner with us or share ideas? Reach out at:\",\n      cultivate: \"Let's create unforgettable moments together! 🎵🌴\"\n    },\n  }\n}\nconst { t } = useI18n(text)\n</script>\n<style lang=\"scss\">\n  .select-country {\n    max-width: 100%;\n  }\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDA,UAAM,QAAQ;AACd,aAAS,aAAa;AACpB,YAAM,aAAa;AAAA,IACrB;AAEc,aAAQ;AACP,cAAS;AAExB,UAAM,OAAO;AAAA,MACX,UAAU;AAAA,QACR,IAAI;AAAA,UACF,OAAO;AAAA,UACP,aAAa;AAAA,UACb,QAAQ;AAAA,UACR,QAAQ;AAAA,YACN;AAAA,UACR;AAAA,UACM,YAAY;AAAA,UACZ,UAAU;AAAA,YACR;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACR;AAAA,UACM,QAAQ;AAAA,UACR,WAAW;AAAA,QACjB;AAAA,MACA;AAAA,IACA;AACA,UAAM,EAAE,EAAC,IAAK,QAAQ,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CitySelection.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/partials/CitySelection.vue"],"sourcesContent":["<template>\n  <div class=\"select-country\">\n    <p class=\"h1\">🌍</p>\n    <br>\n    <h3 class=\"mn-b-semi\">{{t('title')}}</h3>\n    <!-- Select city -->\n    <div class=\"mn-b-semi\">\n      <!-- Description -->\n      <p class=\"mn-b-small t-transp p-regular\">{{t('description')}}</p> \n      <!-- Input -->\n      <div class=\"flex-nowrap flex mn-b-small pd-small radius-small bg-light\">\n        <span class=\"d-block mn-r-auto\">{{t('cities[0]')}}</span>\n        <a @click=\"closePopup()\">{{t('choose')}}</a>\n      </div>\n    </div>\n    <!-- Coming soon cities -->\n    <p class=\"mn-b-small\">{{t('comingsoon')}}</p>\n    \n    <div class=\"cols-4 gap-small mn-b-semi\">\n      <!-- Input -->\n      <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n        <span class=\"d-block\">{{t('cscities[0]')}}</span>\n      </div>\n      <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n        <span class=\"d-block\">{{t('cscities[1]')}}</span>\n      </div>\n      <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n        <span class=\"d-block\">{{t('cscities[2]')}}</span>\n      </div>\n      <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n        <span class=\"d-block\">{{t('cscities[3]')}}</span>\n      </div>\n    </div>\n    <!-- Description -->\n    <p class=\"mn-b-small t-transp\">{{t('helpus')}}</p> \n    <div class=\"pd-small p-medium radius-small bg-light\">\n      <a class=\"\">hello@nms.network</a>\n    </div>\n  </div>\n</template>\n<script setup>\n// Import libs\nimport { computed, onMounted } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n// Define props\nconst props = defineProps({\n  isPopupOpen: {\n    type: Boolean,\n    default: false\n  },\n});\nconst emits = defineEmits(['close-popup'])\nfunction closePopup() {\n  emits(\"close-popup\");\n} \n// Accessing router and store\nconst route = useRoute()\nconst router = useRouter()\n// Localization\nconst text = {\n  messages: {\n    en: {\n      title: \"Choose Your City\",\n      description: \"Please select your city from the list below to see rental options and other relevant information:\",\n      choose: \"Current\",\n      cities: [\n        \"Phuket\"\n      ],\n      comingsoon: \"Coming soon:\",\n      cscities: [\n        \"Bangkok\",\n        \"Chiang Mai\",\n        \"Pha-ngan\",\n        \"Pattaya\",\n      ],\n      helpus: \"NMS is your ultimate entertainment and lifestyle guide. Want to partner with us or share ideas? Reach out at:\",\n      cultivate: \"Let's create unforgettable moments together! 🎵🌴\"\n    },\n  }\n}\nconst { t } = useI18n(text)\n</script>\n<style lang=\"scss\">\n  .select-country {\n    max-width: 100%;\n  }\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDA,UAAM,QAAQ;AACd,aAAS,aAAa;AACpB,YAAM,aAAa;AAAA,IACrB;AAEc,aAAQ;AACP,cAAS;AAExB,UAAM,OAAO;AAAA,MACX,UAAU;AAAA,QACR,IAAI;AAAA,UACF,OAAO;AAAA,UACP,aAAa;AAAA,UACb,QAAQ;AAAA,UACR,QAAQ;AAAA,YACN;AAAA,UACR;AAAA,UACM,YAAY;AAAA,UACZ,UAAU;AAAA,YACR;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACR;AAAA,UACM,QAAQ;AAAA,UACR,WAAW;AAAA,QACjB;AAAA,MACA;AAAA,IACA;AACA,UAAM,EAAE,EAAC,IAAK,QAAQ,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/globals/views/components/partials/Footer.vue.cjs

@@ -19,7 +19,7 @@ const Logotype = require("../../../../icons/logos/Logotype.vue.cjs");
 const _hoisted_1 = { class: "pd-medium" };
 const _hoisted_2 = { class: "grid cols-3-footer tablet:cols-2 mobile:cols-1 gap-extra mobile:gap-big" };
 const _hoisted_3 = { class: "col w-max-15r" };
-const _hoisted_4 = { class: "p-semi t-medium mn-b-semi" };
+const _hoisted_4 = { class: "p-medium t-medium mn-b-semi" };
 const _hoisted_5 = { class: "mn-b-semi flex flex-column gap-small" };
 const _hoisted_6 = ["href"];
 const _hoisted_7 = { class: "t-small" };
@@ -70,100 +70,8 @@ const _sfc_main = {
   setup(__props) {
     const router = vueRouter.useRouter();
     vueRouter.useRoute();
-    const text = {
-      messages: {
-        en: {
-          linkAppStore: "https://play.google.com/store/apps/details?id=com.threestepsrental.app",
-          linkGooglePlay: "https://play.google.com/store/apps/details?id=com.threestepsrental.app",
-          // Contact
-          description: "3SR – Premium Video Gear Rentals for Filmmakers and Content Creators",
-          contact: "Contact",
-          phone: "Phone / WhatsApp",
-          email: "Email",
-          hours: "Hours",
-          hours_text: "Mon–Sun, 10:00–19:00",
-          app: "Get Our App",
-          // Subscribe
-          subscribe: "Subscribe",
-          subscribe_text: "Get updates on new equipment and special offers",
-          email_placeholder: "Enter your email",
-          follow: "Follow Us",
-          // Footer
-          year: "2025 ",
-          heart: "❤",
-          copyright: "Three Steps Studio Ltd. All Rights Reserved.",
-          ozdao: "Builded in OZ DAO",
-          // Contact info
-          phoneNumber: "+44 77 7878 4893",
-          emailAddress: "info{'@'}3stepsprod.com",
-          // Navigation columns
-          navigationColumns: [
-            {
-              sections: [
-                {
-                  title: "Equipment",
-                  items: [
-                    { name: "Cameras", url: "products/categories/cameras" },
-                    { name: "Lighting", url: "products/categories/lighting-kits" },
-                    { name: "Stabilizers", url: "products/categories/stabilization-motion" },
-                    { name: "Accessories", url: "products/categories/accessories" }
-                  ]
-                },
-                {
-                  title: "Services",
-                  items: [
-                    { name: "Kits & Packages", url: "products/categories/kits-packages" },
-                    { name: "Studio Hire", url: "products/categories/studio-hire" },
-                    { name: "Delivery", url: "products/categories/delivery" },
-                    { name: "Production Help", url: "products/categories/production-help" }
-                  ]
-                }
-              ]
-            },
-            {
-              sections: [
-                {
-                  title: "Company",
-                  items: [
-                    { name: "About Us", url: "pages/about" },
-                    { name: "Contact", url: "pages/contact" },
-                    { name: "FAQ", url: "pages/faq" },
-                    { name: "Blog", url: "/community" }
-                  ]
-                },
-                {
-                  title: "Legal",
-                  items: [
-                    { name: "Privacy Policy", url: "pages/privacy-policy" },
-                    { name: "Cookie Policy", url: "pages/cookie-policy" },
-                    { name: "Terms of Use", url: "pages/terms-of-use" },
-                    { name: "EULA", url: "pages/eula" }
-                  ]
-                }
-              ]
-            }
-          ],
-          // Social links
-          socialLinks: [
-            {
-              name: "IconInstagram",
-              url: "https://www.instagram.com/3stepsprod"
-            },
-            {
-              name: "IconYoutube",
-              url: "https://www.youtube.com/@threestepsproduction"
-            },
-            {
-              name: "IconWhatsapp",
-              url: "https://api.whatsapp.com/send/?phone=447778784893&text&type=phone_number&app_absent=0"
-            }
-          ]
-        }
-      }
-    };
     const { t, te, tm } = vueI18n.useI18n({
-      useScope: "global",
-      messages: text.messages
+      useScope: "global"
     });
     const iconComponents = {
       IconInstagram: instagram.default,
@@ -189,57 +97,57 @@ const _sfc_main = {
           }, null, 8, ["theme"])) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", _hoisted_2, [
             vue.createElementVNode("div", _hoisted_3, [
-              vue.createElementVNode("p", _hoisted_4, vue.toDisplayString(vue.unref(t)("description")), 1),
+              vue.createElementVNode("p", _hoisted_4, vue.toDisplayString(vue.unref(t)("footer.description")), 1),
               vue.createElementVNode("div", _hoisted_5, [
                 vue.createElementVNode("a", {
-                  href: `tel:${vue.unref(t)("phoneNumber").replace(/\s/g, "")}`,
+                  href: `tel:${vue.unref(t)("footer.phoneNumber").replace(/\s/g, "")}`,
                   class: vue.normalizeClass(["flex mn-b-micro gap-micro flex-v-center transition-opacity hover-opacity-70", __props.theme === "light" ? "t-black" : "t-white"])
                 }, [
                   vue.createVNode(IconPhone.default, {
-                    class: "i-regular",
+                    class: "i-medium",
                     fill: __props.theme === "light" ? "rgb(var(--black))" : "rgb(var(--white))"
                   }, null, 8, ["fill"]),
-                  vue.createElementVNode("span", _hoisted_7, vue.toDisplayString(vue.unref(t)("phoneNumber")), 1)
+                  vue.createElementVNode("span", _hoisted_7, vue.toDisplayString(vue.unref(t)("footer.phoneNumber")), 1)
                 ], 10, _hoisted_6),
                 vue.createElementVNode("a", {
-                  href: `mailto:${vue.unref(t)("emailAddress")}`,
+                  href: `mailto:${vue.unref(t)("footer.emailAddress")}`,
                   class: vue.normalizeClass(["flex mn-b-micro gap-micro flex-v-center transition-opacity hover-opacity-70", __props.theme === "light" ? "t-black" : "t-white"])
                 }, [
                   vue.createVNode(IconEmail.default, {
-                    class: "i-regular",
+                    class: "i-medium",
                     fill: __props.theme === "light" ? "rgb(var(--black))" : "rgb(var(--white))"
                   }, null, 8, ["fill"]),
-                  vue.createElementVNode("span", _hoisted_9, vue.toDisplayString(vue.unref(t)("emailAddress")), 1)
+                  vue.createElementVNode("span", _hoisted_9, vue.toDisplayString(vue.unref(t)("footer.emailAddress")), 1)
                 ], 10, _hoisted_8),
                 vue.createElementVNode("div", _hoisted_10, [
                   vue.createVNode(IconTime.default, {
-                    class: "i-regular",
+                    class: "i-medium",
                     fill: __props.theme === "light" ? "rgb(var(--black))" : "rgb(var(--white))"
                   }, null, 8, ["fill"]),
-                  vue.createElementVNode("span", _hoisted_11, vue.toDisplayString(vue.unref(t)("hours_text")), 1)
+                  vue.createElementVNode("span", _hoisted_11, vue.toDisplayString(vue.unref(t)("footer.hours_text")), 1)
                 ])
               ]),
-              vue.createElementVNode("h4", _hoisted_12, vue.toDisplayString(vue.unref(t)("app")), 1),
+              vue.createElementVNode("h4", _hoisted_12, vue.toDisplayString(vue.unref(t)("footer.app")), 1),
               vue.createElementVNode("div", _hoisted_13, [
-                vue.unref(te)("linkAppStore") || vue.unref(te)("label") ? (vue.openBlock(), vue.createElementBlock("a", {
+                vue.unref(te)("footer.linkAppStore") || vue.unref(te)("footer.label") ? (vue.openBlock(), vue.createElementBlock("a", {
                   key: 0,
-                  href: vue.unref(te)("linkAppStore") ? vue.unref(t)("linkAppStore") : null,
-                  target: vue.unref(te)("linkAppStore") ? "_blank" : null,
+                  href: vue.unref(te)("footer.linkAppStore") ? vue.unref(t)("footer.linkAppStore") : null,
+                  target: vue.unref(te)("footer.linkAppStore") ? "_blank" : null,
                   class: "pos-relative w-100 h-100"
                 }, [
-                  vue.unref(te)("label") ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_15, vue.toDisplayString(vue.unref(t)("label")), 1)) : vue.createCommentVNode("", true),
+                  vue.unref(te)("footer.label") ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_15, vue.toDisplayString(vue.unref(t)("footer.label")), 1)) : vue.createCommentVNode("", true),
                   vue.createVNode(LabelAppStore.default, {
                     class: "w-100 h-max",
                     alt: "Download on App Store"
                   })
                 ], 8, _hoisted_14)) : vue.createCommentVNode("", true),
-                vue.unref(te)("linkGooglePlay") || vue.unref(te)("label") ? (vue.openBlock(), vue.createElementBlock("a", {
+                vue.unref(te)("footer.linkGooglePlay") || vue.unref(te)("footer.label") ? (vue.openBlock(), vue.createElementBlock("a", {
                   key: 1,
-                  href: vue.unref(te)("linkGooglePlay") ? vue.unref(t)("linkGooglePlay") : null,
-                  target: vue.unref(te)("linkGooglePlay") ? "_blank" : null,
+                  href: vue.unref(te)("footer.linkGooglePlay") ? vue.unref(t)("footer.linkGooglePlay") : null,
+                  target: vue.unref(te)("footer.linkGooglePlay") ? "_blank" : null,
                   class: "pos-relative w-100 h-100"
                 }, [
-                  vue.unref(te)("label") ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_17, vue.toDisplayString(vue.unref(t)("label")), 1)) : vue.createCommentVNode("", true),
+                  vue.unref(te)("footer.label") ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_17, vue.toDisplayString(vue.unref(t)("footer.label")), 1)) : vue.createCommentVNode("", true),
                   vue.createVNode(LabelGooglePlay.default, {
                     class: "w-100 h-max",
                     alt: "Download on Google Play"
@@ -248,10 +156,10 @@ const _sfc_main = {
               ])
             ]),
             vue.createElementVNode("div", _hoisted_18, [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(tm)("navigationColumns"), (column, colIndex) => {
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(tm)("footer.navigationColumns"), (column, colIndex) => {
                 return vue.openBlock(), vue.createElementBlock("div", {
                   key: colIndex,
-                  class: "flex flex-column gap-medium"
+                  class: "flex flex-column gap-regular"
                 }, [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(column.sections, (section, sectionIndex) => {
                     return vue.openBlock(), vue.createElementBlock("div", {
@@ -284,17 +192,17 @@ const _sfc_main = {
               }), 128))
             ]),
             vue.createElementVNode("div", _hoisted_21, [
-              vue.createElementVNode("h4", _hoisted_22, vue.toDisplayString(vue.unref(t)("subscribe")), 1),
-              vue.createElementVNode("p", _hoisted_23, vue.toDisplayString(vue.unref(t)("subscribe_text")), 1),
+              vue.createElementVNode("h4", _hoisted_22, vue.toDisplayString(vue.unref(t)("footer.subscribe")), 1),
+              vue.createElementVNode("p", _hoisted_23, vue.toDisplayString(vue.unref(t)("footer.subscribe_text")), 1),
               vue.createVNode(FieldSubscribeNewsletter.default, {
                 action: "",
                 fieldName: "footer-newsletter",
                 fieldId: "footer-newsletter-email",
                 class: "d-inline-flex mn-b-medium bg-light t-black w-100"
               }),
-              vue.createElementVNode("h4", _hoisted_24, vue.toDisplayString(vue.unref(t)("follow")), 1),
+              vue.createElementVNode("h4", _hoisted_24, vue.toDisplayString(vue.unref(t)("footer.follow")), 1),
               vue.createElementVNode("div", _hoisted_25, [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(tm)("socialLinks"), (social) => {
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(tm)("footer.socialLinks"), (social) => {
                   return vue.openBlock(), vue.createElementBlock("a", {
                     key: social.name,
                     href: social.url,
@@ -302,7 +210,7 @@ const _sfc_main = {
                     class: "w-3r h-3r flex flex-center radius-small bg-light transition-opacity hover-opacity-70"
                   }, [
                     (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(iconComponents[social.name]), {
-                      class: "i-semi",
+                      class: "i-medium",
                       fill: __props.theme === "light" ? "rgb(var(--black))" : "rgb(var(--white))"
                     }, null, 8, ["fill"]))
                   ], 8, _hoisted_26);
@@ -318,13 +226,13 @@ const _sfc_main = {
           }])
         }, [
           vue.createElementVNode("p", _hoisted_27, [
-            vue.createTextVNode(vue.toDisplayString(vue.unref(t)("year")) + " ", 1),
-            vue.createElementVNode("span", _hoisted_28, vue.toDisplayString(vue.unref(t)("heart")), 1),
-            vue.createTextVNode(" " + vue.toDisplayString(vue.unref(t)("copyright")), 1)
+            vue.createTextVNode(vue.toDisplayString(vue.unref(t)("footer.year")) + " ", 1),
+            vue.createElementVNode("span", _hoisted_28, vue.toDisplayString(vue.unref(t)("footer.heart")), 1),
+            vue.createTextVNode(" " + vue.toDisplayString(vue.unref(t)("footer.copyright")), 1)
           ]),
           vue.createElementVNode("a", _hoisted_29, [
             vue.createVNode(Logotype.default, { class: "h-1r w-auto" }),
-            vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(t)("ozdao")), 1)
+            vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(t)("footer.ozdao")), 1)
           ])
         ], 2)
       ], 2);

package/dist/martyrs/src/modules/globals/views/components/partials/Footer.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/partials/Footer.vue"],"sourcesContent":["<script setup=\"props\">\nimport { computed, ref } from 'vue'\nimport { useRouter, useRoute } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n\n// Martyrs Components\nimport FieldSubscribeNewsletter from '@martyrs/src/modules/orders/components/elements/FieldSubscribeNewsletter.vue'\n\nimport LabelGooglePlay from '@martyrs/src/modules/icons/labels/LabelGooglePlay.vue';\nimport LabelAppStore from '@martyrs/src/modules/icons/labels/LabelAppStore.vue';\n\nimport IconPhone from '@martyrs/src/modules/icons/entities/IconPhone.vue';\nimport IconEmail from '@martyrs/src/modules/icons/entities/IconEmail.vue';\nimport IconAddress from '@martyrs/src/modules/icons/entities/IconAddress.vue';\nimport IconTime from '@martyrs/src/modules/icons/entities/IconTime.vue';\n\nimport IconInfo from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconInstagram from '@martyrs/src/modules/icons/socials/instagram.vue';\nimport IconFacebook from '@martyrs/src/modules/icons/socials/facebook.vue';\nimport IconLinkedin from '@martyrs/src/modules/icons/socials/linkedin.vue'\nimport IconYoutube from '@martyrs/src/modules/icons/socials/youtube.vue'\nimport IconWhatsapp from '@martyrs/src/modules/icons/socials/whatsapp.vue'\n\nimport Logotype from '@martyrs/src/modules/icons/logos/Logotype.vue'\n\n\n// Props\nconst props = defineProps({\n  theme: {\n    type: String,\n    default: \"light\"\n  },\n  logotype: {\n    type: Object\n  }\n})\n\n// State\nconst router = useRouter()\nconst route = useRoute()\n\n// Localization\nconst text = {\n  locale: 'en',\n  messages: {\n    en: {\n      linkAppStore: 'https://play.google.com/store/apps/details?id=com.threestepsrental.app',\n      linkGooglePlay: 'https://play.google.com/store/apps/details?id=com.threestepsrental.app',\n      // Contact\n      description: \"3SR – Premium Video Gear Rentals for Filmmakers and Content Creators\",\n      contact: 'Contact',\n      phone: 'Phone / WhatsApp',\n      email: 'Email',\n      hours: 'Hours',\n      hours_text: 'Mon–Sun, 10:00–19:00',\n      app: 'Get Our App',\n      \n      // Subscribe\n      subscribe: 'Subscribe',\n      subscribe_text: 'Get updates on new equipment and special offers',\n      email_placeholder: 'Enter your email',\n      follow: 'Follow Us',\n      \n      // Footer\n      year: '2025 ',\n      heart: \"❤\",\n      copyright: 'Three Steps Studio Ltd. All Rights Reserved.',\n      ozdao: 'Builded in OZ DAO',\n      \n      // Contact info\n      phoneNumber: '+44 77 7878 4893',\n      emailAddress: \"info{'@'}3stepsprod.com\",\n      \n      // Navigation columns\n      navigationColumns: [\n        {\n          sections: [\n            {\n              title: 'Equipment',\n              items: [\n                { name: 'Cameras', url: 'products/categories/cameras' },\n                { name: 'Lighting', url: 'products/categories/lighting-kits' },\n                { name: 'Stabilizers', url: 'products/categories/stabilization-motion' },\n                { name: 'Accessories', url: 'products/categories/accessories' }\n              ]\n            },\n            {\n              title: 'Services',\n              items: [\n                { name: 'Kits & Packages', url: 'products/categories/kits-packages' },\n                { name: 'Studio Hire', url: 'products/categories/studio-hire' },\n                { name: 'Delivery', url: 'products/categories/delivery' },\n                { name: 'Production Help', url: 'products/categories/production-help' }\n              ]\n            }\n          ]\n        },\n        {\n          sections: [\n            {\n              title: 'Company',\n              items: [\n                { name: 'About Us', url: 'pages/about' },\n                { name: 'Contact', url: 'pages/contact' },\n                { name: 'FAQ', url: 'pages/faq' },\n                { name: 'Blog', url: '/community' }\n              ]\n            },\n            {\n              title: 'Legal',\n              items: [\n                { name: 'Privacy Policy', url: 'pages/privacy-policy' },\n                { name: 'Cookie Policy', url: 'pages/cookie-policy' },\n                { name: 'Terms of Use', url: 'pages/terms-of-use' },\n                { name: 'EULA', url: 'pages/eula' }\n              ]\n            }\n          ]\n        }\n      ],\n      \n      // Social links\n      socialLinks: [\n        { \n          name: 'IconInstagram',\n          url: 'https://www.instagram.com/3stepsprod'\n        },\n        { \n          name: 'IconYoutube',\n          url: 'https://www.youtube.com/@threestepsproduction'\n        },\n        { \n          name: 'IconWhatsapp',\n          url: 'https://api.whatsapp.com/send/?phone=447778784893&text&type=phone_number&app_absent=0'\n        }\n      ]\n    }\n  }\n}\n\nconst { t, te, tm } = useI18n({\n  useScope: 'global',\n  messages: text.messages\n})\n\n// Component mapping for social icons\nconst iconComponents = {\n  IconInstagram,\n  IconFacebook,\n  IconLinkedin,\n  IconYoutube,\n  IconWhatsapp\n}\n</script>\n\n<template>\n  <footer \n    class=\"\n      w-100\n      br-t br-solid\n    \"\n    :class=\"{\n      't-black bg-white br-light': theme === 'light',\n      't-white bg-black br-dark': theme === 'dark'  \n    }\"\n  >\n    <div class=\"pd-medium\">\n      <!-- Top Section -->\n      <component\n        v-if=\"logotype\"\n        :is=\"logotype\"\n        @click=\"router.push({ path: '/' })\" \n        :theme=\"theme\"\n        class=\"cursor-pointer h-3r mn-b-medium\"\n      />\n\n      <div class=\"grid cols-3-footer tablet:cols-2 mobile:cols-1 gap-extra mobile:gap-big\">\n        \n        <!-- Contact Block -->\n        <div class=\"col w-max-15r\">\n          <p class=\"p-semi t-medium mn-b-semi\">{{ t('description') }}</p>\n          \n          <div class=\"mn-b-semi flex flex-column gap-small\">\n            <a \n              :href=\"`tel:${t('phoneNumber').replace(/\\s/g, '')}`\" \n              class=\"flex mn-b-micro gap-micro flex-v-center transition-opacity hover-opacity-70\"\n              :class=\"theme === 'light' ? 't-black' : 't-white'\"\n            >\n              <IconPhone class=\"i-regular\" :fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" />\n              <span class=\"t-small\">{{ t('phoneNumber') }}</span>\n            </a>\n            \n            <a \n              :href=\"`mailto:${t('emailAddress')}`\" \n              class=\"flex mn-b-micro gap-micro flex-v-center transition-opacity hover-opacity-70\"\n              :class=\"theme === 'light' ? 't-black' : 't-white'\"\n            >\n              <IconEmail class=\"i-regular\" :fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" />\n              <span class=\"t-small\">{{ t('emailAddress') }}</span>\n            </a>\n            \n            <div class=\"flex mn-b-micro gap-micro flex-v-center\">\n              <IconTime class=\"i-regular\" :fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" />\n              <span class=\"t-small\">{{ t('hours_text') }}</span>\n            </div>\n          </div>\n\n          <h4 class=\"h5 t-medium mn-b-regular\">{{ t('app') }}</h4>\n          <div class=\"w-100 flex-nowrap flex gap-thin\">\n            <a \n              v-if=\"te('linkAppStore') || te('label')\"\n              :href=\"te('linkAppStore') ? t('linkAppStore') : null\" \n              :target=\"te('linkAppStore') ? '_blank' : null\" \n              class=\"pos-relative w-100 h-100\"\n            > \n              <span \n                v-if=\"te('label')\"\n                class=\"z-index-2 radius-medium bg-main t-medium uppercase pd-thin pos-absolute pos-r-10-negative pos-t-10-negative\"\n              >\n                {{ t('label') }}\n              </span>\n              <LabelAppStore class=\"w-100 h-max\" alt=\"Download on App Store\"/>\n            </a>\n\n            <a \n              v-if=\"te('linkGooglePlay') || te('label')\"\n              :href=\"te('linkGooglePlay') ? t('linkGooglePlay') : null\" \n              :target=\"te('linkGooglePlay') ? '_blank' : null\" \n              class=\"pos-relative w-100 h-100\"\n            > \n              <span \n                v-if=\"te('label')\"\n                class=\"z-index-2 pd-thin radius-medium bg-main t-medium uppercase pos-absolute pos-r-10-negative pos-t-10-negative\"\n              >\n                {{ t('label') }}\n              </span>\n              <LabelGooglePlay class=\"w-100 h-max\" alt=\"Download on Google Play\"/>\n            </a>\n          </div>\n        </div>\n\n        <!-- Navigation Columns -->\n        <div class=\"cols-2 gap-big\">\n          <div v-for=\"(column, colIndex) in tm('navigationColumns')\" :key=\"colIndex\" class=\"flex flex-column gap-medium\">\n            <div v-for=\"(section, sectionIndex) in column.sections\" :key=\"sectionIndex\" class=\"\">\n              <h4 class=\"h5 t-medium mn-b-regular\">{{ section.title }}</h4>\n              <nav>\n                <ul class=\"flex flex-column gap-thin\">\n                  <li v-for=\"item in section.items\" :key=\"item.url\">\n                    <router-link \n                      :to=\"`/${item.url}`\" \n                      class=\"t-small transition-opacity hover-opacity-70\" \n                      :class=\"theme === 'light' ? 't-black' : 't-white'\"\n                    >\n                      {{ item.name }}\n                    </router-link>\n                  </li>\n                </ul>\n              </nav>\n            </div>\n          </div>\n        </div>\n\n        <!-- Subscribe Block -->\n        <div class=\"col\">\n          <h4 class=\"h5 t-medium mn-b-regular\">{{ t('subscribe') }}</h4>\n          <p class=\"t-small mn-b-small t-transp\">{{ t('subscribe_text') }}</p>\n          \n          <FieldSubscribeNewsletter\n            :action=\"''\"\n            fieldName=\"footer-newsletter\"\n            fieldId=\"footer-newsletter-email\"\n            class=\"d-inline-flex mn-b-medium bg-light t-black w-100\"\n          />\n\n          <h4 class=\"h5 t-medium mn-b-regular\">{{ t('follow') }}</h4>\n          <!-- Social Links -->\n          <div class=\"flex gap-thin\">\n            <a \n              v-for=\"social in tm('socialLinks')\"\n              :key=\"social.name\"\n              :href=\"social.url\" \n              target=\"_blank\"\n              class=\"\n                w-3r h-3r \n                flex flex-center \n                radius-small\n                bg-light \n                transition-opacity\n                hover-opacity-70\n              \"\n            >\n              <component\n                :is=\"iconComponents[social.name]\"\n                class=\"i-semi\"\n                :fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\"\n              />\n            </a>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <!-- Bottom Section -->\n    <div class=\"\n      pd-medium \n      br-t \n      br-solid\n      flex \n      flex-justify-between \n      flex-v-center\n      flex-nowrap\n      mobile:flex-column \n      mobile:flex-align-start\n      mobile:gap-small\n    \"\n    :class=\"{\n      'br-light': theme === 'light',\n      'br-dark': theme === 'dark'\n    }\"\n    >\n      <!-- Copyright -->\n      <p class=\"t-small t-medium uppercase\">\n        {{ t('year') }} \n        <span class=\"t-main copyleft\">{{ t('heart') }}</span> \n        {{ t('copyright') }} \n      </p>\n\n      <a href=\"https://ozdao.dev\" target=\"_blank\" rel=\"noopener\" class=\"flex-nowrap flex-v-center flex t-medium gap-thin br-1px br-light pd-thin radius-thin\">\n        <Logotype class=\"h-1r w-auto\"/>\n        <span>{{ t('ozdao') }}</span>\n      </a>\n    </div>\n  </footer>\n</template>\n\n<style lang=\"scss\">\n.cols-3-footer {\n  grid-template-columns: 5fr 7fr 4fr;\n}\n</style>"],"names":["useRouter","useRoute","useI18n","IconInstagram","IconFacebook","IconLinkedin","IconYoutube","IconWhatsapp"],"mappings":"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"}
+{"version":3,"file":"Footer.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/partials/Footer.vue"],"sourcesContent":["<script setup=\"props\">\nimport { computed, ref } from 'vue'\nimport { useRouter, useRoute } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n\n// Martyrs Components\nimport FieldSubscribeNewsletter from '@martyrs/src/modules/orders/components/elements/FieldSubscribeNewsletter.vue'\n\nimport LabelGooglePlay from '@martyrs/src/modules/icons/labels/LabelGooglePlay.vue';\nimport LabelAppStore from '@martyrs/src/modules/icons/labels/LabelAppStore.vue';\n\nimport IconPhone from '@martyrs/src/modules/icons/entities/IconPhone.vue';\nimport IconEmail from '@martyrs/src/modules/icons/entities/IconEmail.vue';\nimport IconAddress from '@martyrs/src/modules/icons/entities/IconAddress.vue';\nimport IconTime from '@martyrs/src/modules/icons/entities/IconTime.vue';\n\nimport IconInfo from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconInstagram from '@martyrs/src/modules/icons/socials/instagram.vue';\nimport IconFacebook from '@martyrs/src/modules/icons/socials/facebook.vue';\nimport IconLinkedin from '@martyrs/src/modules/icons/socials/linkedin.vue'\nimport IconYoutube from '@martyrs/src/modules/icons/socials/youtube.vue'\nimport IconWhatsapp from '@martyrs/src/modules/icons/socials/whatsapp.vue'\n\nimport Logotype from '@martyrs/src/modules/icons/logos/Logotype.vue'\n\n\n// Props\nconst props = defineProps({\n  theme: {\n    type: String,\n    default: \"light\"\n  },\n  logotype: {\n    type: Object\n  }\n})\n\n// State\nconst router = useRouter()\nconst route = useRoute()\n\nconst { t, te, tm } = useI18n({\n  useScope: 'global'\n})\n\n// Component mapping for social icons\nconst iconComponents = {\n  IconInstagram,\n  IconFacebook,\n  IconLinkedin,\n  IconYoutube,\n  IconWhatsapp\n}\n</script>\n\n<template>\n  <footer \n    class=\"\n      w-100\n      br-t br-solid\n    \"\n    :class=\"{\n      't-black bg-white br-light': theme === 'light',\n      't-white bg-black br-dark': theme === 'dark'  \n    }\"\n  >\n    <div class=\"pd-medium\">\n      <!-- Top Section -->\n      <component\n        v-if=\"logotype\"\n        :is=\"logotype\"\n        @click=\"router.push({ path: '/' })\" \n        :theme=\"theme\"\n        class=\"cursor-pointer h-3r mn-b-medium\"\n      />\n\n      <div class=\"grid cols-3-footer tablet:cols-2 mobile:cols-1 gap-extra mobile:gap-big\">\n        \n        <!-- Contact Block -->\n        <div class=\"col w-max-15r\">\n          <p class=\"p-medium t-medium mn-b-semi\">{{ t('footer.description') }}</p>\n          \n          <div class=\"mn-b-semi flex flex-column gap-small\">\n            <a \n              :href=\"`tel:${t('footer.phoneNumber').replace(/\\s/g, '')}`\" \n              class=\"flex mn-b-micro gap-micro flex-v-center transition-opacity hover-opacity-70\"\n              :class=\"theme === 'light' ? 't-black' : 't-white'\"\n            >\n              <IconPhone class=\"i-medium\" :fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" />\n              <span class=\"t-small\">{{ t('footer.phoneNumber') }}</span>\n            </a>\n            \n            <a \n              :href=\"`mailto:${t('footer.emailAddress')}`\" \n              class=\"flex mn-b-micro gap-micro flex-v-center transition-opacity hover-opacity-70\"\n              :class=\"theme === 'light' ? 't-black' : 't-white'\"\n            >\n              <IconEmail class=\"i-medium\" :fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" />\n              <span class=\"t-small\">{{ t('footer.emailAddress') }}</span>\n            </a>\n            \n            <div class=\"flex mn-b-micro gap-micro flex-v-center\">\n              <IconTime class=\"i-medium\" :fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" />\n              <span class=\"t-small\">{{ t('footer.hours_text') }}</span>\n            </div>\n          </div>\n\n          <h4 class=\"h5 t-medium mn-b-regular\">{{ t('footer.app') }}</h4>\n          <div class=\"w-100 flex-nowrap flex gap-thin\">\n            <a \n              v-if=\"te('footer.linkAppStore') || te('footer.label')\"\n              :href=\"te('footer.linkAppStore') ? t('footer.linkAppStore') : null\" \n              :target=\"te('footer.linkAppStore') ? '_blank' : null\" \n              class=\"pos-relative w-100 h-100\"\n            > \n              <span \n                v-if=\"te('footer.label')\"\n                class=\"z-index-2 radius-medium bg-main t-medium uppercase pd-thin pos-absolute pos-r-10-negative pos-t-10-negative\"\n              >\n                {{ t('footer.label') }}\n              </span>\n              <LabelAppStore class=\"w-100 h-max\" alt=\"Download on App Store\"/>\n            </a>\n\n            <a \n              v-if=\"te('footer.linkGooglePlay') || te('footer.label')\"\n              :href=\"te('footer.linkGooglePlay') ? t('footer.linkGooglePlay') : null\" \n              :target=\"te('footer.linkGooglePlay') ? '_blank' : null\" \n              class=\"pos-relative w-100 h-100\"\n            > \n              <span \n                v-if=\"te('footer.label')\"\n                class=\"z-index-2 pd-thin radius-medium bg-main t-medium uppercase pos-absolute pos-r-10-negative pos-t-10-negative\"\n              >\n                {{ t('footer.label') }}\n              </span>\n              <LabelGooglePlay class=\"w-100 h-max\" alt=\"Download on Google Play\"/>\n            </a>\n          </div>\n        </div>\n\n        <!-- Navigation Columns -->\n        <div class=\"cols-2 gap-big\">\n          <div v-for=\"(column, colIndex) in tm('footer.navigationColumns')\" :key=\"colIndex\" class=\"flex flex-column gap-regular\">\n            <div v-for=\"(section, sectionIndex) in column.sections\" :key=\"sectionIndex\" class=\"\">\n              <h4 class=\"h5 t-medium mn-b-regular\">{{ section.title }}</h4>\n              <nav>\n                <ul class=\"flex flex-column gap-thin\">\n                  <li v-for=\"item in section.items\" :key=\"item.url\">\n                    <router-link \n                      :to=\"`/${item.url}`\" \n                      class=\"t-small transition-opacity hover-opacity-70\" \n                      :class=\"theme === 'light' ? 't-black' : 't-white'\"\n                    >\n                      {{ item.name }}\n                    </router-link>\n                  </li>\n                </ul>\n              </nav>\n            </div>\n          </div>\n        </div>\n\n        <!-- Subscribe Block -->\n        <div class=\"col\">\n          <h4 class=\"h5 t-medium mn-b-regular\">{{ t('footer.subscribe') }}</h4>\n          <p class=\"t-small mn-b-small t-transp\">{{ t('footer.subscribe_text') }}</p>\n          \n          <FieldSubscribeNewsletter\n            :action=\"''\"\n            fieldName=\"footer-newsletter\"\n            fieldId=\"footer-newsletter-email\"\n            class=\"d-inline-flex mn-b-medium bg-light t-black w-100\"\n          />\n\n          <h4 class=\"h5 t-medium mn-b-regular\">{{ t('footer.follow') }}</h4>\n          <!-- Social Links -->\n          <div class=\"flex gap-thin\">\n            <a \n              v-for=\"social in tm('footer.socialLinks')\"\n              :key=\"social.name\"\n              :href=\"social.url\" \n              target=\"_blank\"\n              class=\"\n                w-3r h-3r \n                flex flex-center \n                radius-small\n                bg-light \n                transition-opacity\n                hover-opacity-70\n              \"\n            >\n              <component\n                :is=\"iconComponents[social.name]\"\n                class=\"i-medium\"\n                :fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\"\n              />\n            </a>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <!-- Bottom Section -->\n    <div class=\"\n      pd-medium \n      br-t \n      br-solid\n      flex \n      flex-justify-between \n      flex-v-center\n      flex-nowrap\n      mobile:flex-column \n      mobile:flex-align-start\n      mobile:gap-small\n    \"\n    :class=\"{\n      'br-light': theme === 'light',\n      'br-dark': theme === 'dark'\n    }\"\n    >\n      <!-- Copyright -->\n      <p class=\"t-small t-medium uppercase\">\n        {{ t('footer.year') }} \n        <span class=\"t-main copyleft\">{{ t('footer.heart') }}</span> \n        {{ t('footer.copyright') }} \n      </p>\n\n      <a href=\"https://ozdao.dev\" target=\"_blank\" rel=\"noopener\" class=\"flex-nowrap flex-v-center flex t-medium gap-thin br-1px br-light pd-thin radius-thin\">\n        <Logotype class=\"h-1r w-auto\"/>\n        <span>{{ t('footer.ozdao') }}</span>\n      </a>\n    </div>\n  </footer>\n</template>\n\n<style lang=\"scss\">\n.cols-3-footer {\n  grid-template-columns: 5fr 7fr 4fr;\n}\n</style>"],"names":["useRouter","useRoute","useI18n","IconInstagram","IconFacebook","IconLinkedin","IconYoutube","IconWhatsapp"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,UAAM,SAASA,UAAAA,UAAS;AACVC,cAAAA,SAAQ;AAEtB,UAAM,EAAE,GAAG,IAAI,GAAE,IAAKC,QAAAA,QAAQ;AAAA,MAC5B,UAAU;AAAA,IACZ,CAAC;AAGD,UAAM,iBAAiB;AAAA,MACvB,eAAEC,UAAAA;AAAAA,MACF,cAAEC,SAAAA;AAAAA,MACF,cAAEC,SAAAA;AAAAA,MACF,aAAEC,QAAAA;AAAAA,MACF,cAAEC,SAAAA;AAAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}