@ozdao/martyrs 0.2.571 → 0.2.572

package/dist/martyrs/src/modules/inventory/components/pages/InventoryEdit.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"InventoryEdit.vue.js","sources":["../../../../../../../src/modules/inventory/components/pages/InventoryEdit.vue"],"sourcesContent":["<template>\n  <div class=\"pd-medium mobile:pd-thin\">\n    <header class=\"mn-b-medium gap-small flex-v-center flex-nowrap flex\">\n      <h2 class=\"\">Create Inventory Audit</h2>\n    </header>\n    \n    <Popup \n      title=\"Add position\" \n      @close-popup=\"closeProductsPopup\" \n      :isPopupOpen=\"isOpenProductsPopup\"\n      class=\"bg-white w-100 w-max-30r  radius-medium pd-medium\"\n    >\n      <Feed\n        :search=\"{\n          class: 'bg-light radius-small'\n        }\"\n        :states=\"{\n          empty: {\n            title: 'No Products Found',\n            description: 'Currently, there are no such products available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => products.actions.read(options),\n          state: null\n        }\"\n        :options=\"{\n          owner: route.params._id,\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"flex-column flex gap-thin h-max-20r o-scroll\"\n      >\n        <CardOrderItem\n          v-for=\"(product, index) in items\" \n          :key=\"`${product._id}_${product.variant || 'no-variant'}_${index}`\"\n          :editable=\"false\" \n          :productId=\"product._id\"\n          :variantId=\"product.variant\"\n          :images=\"product.images\"\n          :name=\"product.name\"\n          :quantity=\"product.quantity || 1\"\n          :unit=\"product.unit\"\n          :dates=\"product.date\"\n          :listing=\"product.listing\"\n          :price=\"product.price\"\n          @click=\"() => selectProduct(product)\"\n          class=\"bg-light pd-small radius-small w-100\"\n        />\n      </Feed>\n    </Popup>\n    \n    <!-- Popup for selecting variant of the product -->\n    <Popup \n      title=\"Select variant\" \n      @close-popup=\"closeVariantsPopup\" \n      :isPopupOpen=\"isVariantsPopupOpen\"\n      class=\"bg-white w-100 w-max-30r  radius-medium pd-medium\"\n    >\n      <Feed\n        :store=\"variants\"\n        :options=\"{\n          product: selectedProduct._id,\n        }\"\n        :skeleton=\"{\n          structure: [\n            { block: 'text', size: 'small' },\n            { block: 'text', size: 'medium' },\n            { block: 'text', size: 'small' }\n          ]\n        }\"\n        :states=\"{\n          empty: {\n            title: 'No variants',\n            description: 'Create your first variant'\n          }\n        }\"\n         v-slot=\"{ items }\"\n      >\n        <div class=\"gap-thin flex flex-column\">\n          <div \n            v-for=\"(variant, index) in items\" \n            :key=\"index\"\n            @click=\"addVariantToInventory(variant)\"\n            class=\"w-100 cursor-pointer hover-scale-1 bg-light pd-small radius-small flex-v-center flex-nowrap flex gap-thin\"\n          >\n            <div v-if=\"variant.images && variant.images.length\" class=\"aspect-1x1 h-3r radius-small o-hidden\">\n              <img \n                :src=\"(FILE_SERVER_URL || '') + variant.images[0]\" \n                class=\"w-100 h-100 object-fit-cover\"\n              />\n            </div>\n            <div>\n              <p class=\"t-medium\">{{ variant.name || 'Default variant' }}</p>\n              <p v-if=\"variant.attributes && variant.attributes.length\" class=\"t-small t-transp\">\n                {{ variant.attributes.map(attr => `${attr.name}: ${attr.value}`).join(', ') }}\n              </p>\n            </div>\n            <p class=\"mn-l-auto\">{{ formatPrice(variant.cost) }}</p>\n          </div>\n        </div>\n      </Feed>\n    </Popup>\n\n    <Block\n      class=\"mn-b-thin\"\n    >\n       <Field\n        v-model:field=\"inventory.state.current.comment\"\n        placeholder=\"Describe details of the inventory audit\"\n        type=\"textarea\"\n        class=\"w-100 bg-white radius-small pd-medium\"\n      />  \n      <div class=\"t-medium mn-t-small mn-b-thin\">Select Storage:</div>\n      <Feed\n        :states=\"{\n          empty: {\n            title: 'No Spots Found',\n            description: 'Currently, there are no spots available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => spots.actions.read(options),\n          state: null\n        }\"\n        :options=\"{\n          user: auth.state.user._id,\n          organization: route.params._id,\n          limit: 3\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"flex-nowrap flex-column gap-thin flex\"\n      >\n        <CardSpot\n          v-for=\"(spot, index) in items\"\n          :key=\"index\"\n          :spot=\"spot\"\n          :organization=\"route.params._id\"\n          :selected=\"inventory.state.current.storage === spot._id\"\n          @click=\"() => inventory.state.current.storage = inventory.state.current.storage === spot._id ? null : spot._id\"\n          class=\"radius-small h-min-big clickable bg-white\"\n        />\n      </Feed>\n\n\n    </Block>\n\n    <Block\n      title=\"Positions\"\n      :actions=\"[{\n        label: '+',\n        function: () => openProductsPopup()\n      }]\"\n      placeholder=\"No positions added yet\"\n      class=\"h-100 flex-column flex gap-thin mn-b-thin\"\n    >\n      <CardPosition\n        v-for=\"(position, index) in inventory.state.current.positions\" \n        :key=\"position._id || index\" \n        :image=\"position.image\"\n        :name=\"position.name\"\n        :title=\"formatPrice(position.cost * position.quantity)\"\n        :title_class=\"[position.cost * position.quantity < 0 ? 't-red' : 't-second']\"\n        :subtitle=\"`${formatPrice(position.cost)} × ${Math.abs(position.quantity)}${position.unit} `\"\n      >\n        <template v-slot:actions>\n          <QuantitySelector v-model=\"position.quantity\"/>\n         \n          <!-- <Dropdown\n            :label=\"{ component: IconEllipsis, class: 't-transp i-medium' }\"\n            class=\"cursor-pointer aspect-1x1 pd-nano radius-small hover-bg-light\"\n            align=\"right\"\n          >\n            <div class=\"bg-white radius-small\">\n              <button @click=\"leftovers.state.current.positions.splice(index, 1)\" class=\"cursor-pointer t-left t-nowrap w-100 pd-small\">\n                Delete\n              </button>\n            </div>\n          </Dropdown> -->\n\n        </template>\n      </CardPosition>\n  \n    </Block>\n\n     <!--  :actions=\"[{\n          component: IconEdit,\n          handler: () => store.core.actions.add(leftovers.state.current.positions, position),\n          class: 'bg-light'\n        },{\n          component: IconDelete,\n          handler: () => leftovers.state.current.positions.splice(index, 1),\n          class: 'bg-red'\n        }]\" -->\n\n    <Block class=\"\">\n      <section class=\"gap-thin flex-v-center flex-nojustify flex\">\n        <span class=\"h3 mn-r-auto\">\n          In total: {{formatPrice(totalPrice)}}\n        </span>\n\n         <!-- Save Draft -->\n        <Button\n          :submit=\"onSaveDraft\"\n          class=\"bg-second w-min-5r button\"\n        >\n          <span>Save Draft</span>\n        </Button>\n\n         <!-- Publish -->\n        <Button\n          :submit=\"onPublish\"\n          class=\"bg-main w-min-5r button\"\n        >\n          <span>Publish</span>\n        </Button>\n\n        <!-- Reset -->\n        <Button\n          :submit=\"onReset\"\n          class=\"t-white w-min-5r bg-second button\"\n        >\n          <span>Reset</span>\n        </Button>\n\n        <!-- Delete button removed - only create mode supported -->\n      </section>\n    </Block>\n  </div>\n</template>\n\n\n<script setup>\n  import Block from '@martyrs/src/components/Block/Block.vue';\n  import Button from \"@martyrs/src/components/Button/Button.vue\";\n  import Field from '@martyrs/src/components/Field/Field.vue';\n  import Feed from '@martyrs/src/components/Feed/Feed.vue';\n  import Select from '@martyrs/src/components/Select/Select.vue';\n  import Dropdown from '@martyrs/src/components/Dropdown/Dropdown.vue'\n  import Popup from '@martyrs/src/components/Popup/Popup.vue';\n\n  import CardOrderItem from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue';\n  import CardSpot from '@martyrs/src/modules/spots/components/blocks/CardSpot.vue'; \n\n  import CardPosition from '@martyrs/src/modules/products/components/blocks/CardPosition.vue';\n  import QuantitySelector from '@martyrs/src/modules/products/components/elements/QuantitySelector.vue';\n\n  import { computed, onMounted, ref, reactive } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n  import { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\n  import { useStore } from '@martyrs/src/modules/core/views/store/core.store.js';\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n  const store = useStore();\n  import * as inventory from '@martyrs/src/modules/inventory/store/inventory.store.js';\n  import * as products from '@martyrs/src/modules/products/store/products.js';\n  import * as spots from '@martyrs/src/modules/spots/store/spots.js';\n  import variants from '@martyrs/src/modules/products/store/variants.store.js';\n\n  import IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue';\n  import IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n  import IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue'\n\n  const route = useRoute();\n  const router = useRouter();\n  const { formatPrice } = useGlobalMixins();\n  \n  const isOpenProductsPopup = ref(false);\n  const isVariantsPopupOpen = ref(false);\n  const selectedProduct = ref(null);\n\n  const totalPrice = computed(() => {\n    return inventory.state.current.positions.reduce((sum, position) => {\n      return Number(sum) + Number(position.cost || 0) * Number(position.quantity || 1);\n    }, 0);\n  });\n\n  function openProductsPopup() {\n    isOpenProductsPopup.value = true;\n  }\n\n  function closeProductsPopup() {\n    isOpenProductsPopup.value = false;\n  }\n  \n  function closeVariantsPopup() {\n    isVariantsPopupOpen.value = false;\n    selectedProduct.value = null;\n  }\n  \n  function selectProduct(product) {\n    selectedProduct.value = product;\n    closeProductsPopup();\n    \n    // If product has only one variant, add it directly without showing popup\n    if (product.variants && product.variants.length === 1) {\n      addVariantToInventory(product.variants[0]);\n      return;\n    }\n    \n    // If product has multiple variants or no variants defined, show popup\n    isVariantsPopupOpen.value = true;\n  }\n\n  function formatProductName(product, variant) {\n    if (!variant || product.variants?.length === 1 && !(variant.attributes?.length))\n      return product.name;\n\n    const attrs = variant.attributes?.map(a => a.value).filter(Boolean);\n    return attrs?.length\n      ? `${product.name} / ${attrs.join(' / ')}`\n      : `${product.name} / ${variant.name}`;\n  }\n\n  \n  function addVariantToInventory(variant) {\n    // Create a position object that includes variant information\n    console.log('variant',variant)\n    const position = {\n      _id: variant._id,\n      product: selectedProduct.value._id, \n      name: formatProductName(selectedProduct.value, variant),\n      image: variant.images?.[0] || selectedProduct.value?.images?.[0] || null,\n      cost: variant.cost || variant.price || 0,\n      unit: variant.unit || 'pcs',\n      quantity: 1,\n      variant: {\n        _id: variant._id,\n        name: variant.name,\n        attributes: variant.attributes || []\n      }\n    };\n    // Add position to inventory state\n    store.core.actions.add(inventory.state.current.positions, position);\n    closeVariantsPopup();\n  }\n\n  onMounted(async () => {\n    // Reset inventory state for new audit\n    inventory.mutations.resetCurrent();\n  });\n\n  async function onReset() {\n    inventory.mutations.resetCurrent();\n    return true;\n  }\n\n\n  function prepareInventoryData(status = 'draft') {\n    return {\n      storage: inventory.state.current.storage,\n      comment: inventory.state.current.comment,\n      status: status,\n      positions: inventory.state.current.positions.map(pos => ({\n        product: pos.product,\n        variant: pos.variant?._id,\n        storage: inventory.state.current.storage,\n        quantity: pos.quantity,\n        reason: 'custom',\n        comment: `Inventory audit: ${pos.name}`,\n        cost: pos.cost\n      })),\n      owner: {\n        type: 'organization',\n        target: route.params._id\n      },\n      creator: {\n        type: 'user',\n        target: auth.state.user._id\n      }\n    };\n  }\n\n  function navigateBack() {\n    if (route.meta.context === 'backoffice') {\n      router.push({ name: 'BackofficeInventoryList' });\n    } else if (route.meta.context === 'organization') {\n      router.push({ name: 'OrganizationInventoryList', params: { _id: route.params._id } });\n    }\n  }\n\n  async function onSaveDraft() {\n    try {\n      const inventoryData = prepareInventoryData('draft');\n      await inventory.actions.createInventory(inventoryData);\n      navigateBack();\n    } catch (error) {\n      console.error('Error creating draft inventory:', error);\n    }\n  }\n\n  async function onPublish() {\n    try {\n      const inventoryData = prepareInventoryData('published');\n      await inventory.actions.createInventory(inventoryData);\n      navigateBack();\n    } catch (error) {\n      console.error('Error publishing inventory:', error);\n    }\n  }\n\n  // Remove delete function as we only support creation mode\n</script>"],"names":["inventory.state","inventory.mutations","auth.state","inventory.actions"],"mappings":"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"}
+{"version":3,"file":"InventoryEdit.vue.js","sources":["../../../../../../../src/modules/inventory/components/pages/InventoryEdit.vue"],"sourcesContent":["<template>\n  <div class=\"pd-medium mobile:pd-thin\">\n    <header class=\"mn-b-medium gap-small flex-v-center flex-nowrap flex\">\n      <h2 class=\"\">Create Inventory Audit</h2>\n    </header>\n    \n    <Popup \n      title=\"Add position\" \n      @close-popup=\"closeProductsPopup\" \n      :isPopupOpen=\"isOpenProductsPopup\"\n      class=\"bg-white w-100 w-max-30r  radius-medium pd-medium\"\n    >\n      <Feed\n        :search=\"{\n          class: 'bg-light radius-small'\n        }\"\n        :states=\"{\n          empty: {\n            title: 'No Products Found',\n            description: 'Currently, there are no such products available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => products.actions.read(options),\n          state: null\n        }\"\n        :options=\"{\n          owner: route.params._id,\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"flex-column flex gap-thin h-max-20r o-scroll\"\n      >\n        <CardOrderItem\n          v-for=\"(product, index) in items\" \n          :key=\"`${product._id}_${product.variant || 'no-variant'}_${index}`\"\n          :editable=\"false\" \n          :productId=\"product._id\"\n          :variantId=\"product.variant\"\n          :images=\"product.images\"\n          :name=\"product.name\"\n          :quantity=\"product.quantity || 1\"\n          :unit=\"product.unit\"\n          :dates=\"product.date\"\n          :listing=\"product.listing\"\n          :price=\"product.price\"\n          @click=\"() => selectProduct(product)\"\n          class=\"bg-light pd-small radius-small w-100\"\n        />\n      </Feed>\n    </Popup>\n    \n    <!-- Popup for selecting variant of the product -->\n    <Popup \n      title=\"Select variant\" \n      @close-popup=\"closeVariantsPopup\" \n      :isPopupOpen=\"isVariantsPopupOpen\"\n      class=\"bg-white w-100 w-max-30r  radius-medium pd-medium\"\n    >\n      <Feed\n        :store=\"variants\"\n        :options=\"{\n          product: selectedProduct._id,\n        }\"\n        :skeleton=\"{\n          structure: [\n            { block: 'text', size: 'small' },\n            { block: 'text', size: 'medium' },\n            { block: 'text', size: 'small' }\n          ]\n        }\"\n        :states=\"{\n          empty: {\n            title: 'No variants',\n            description: 'Create your first variant'\n          }\n        }\"\n         v-slot=\"{ items }\"\n      >\n        <div class=\"gap-thin flex flex-column\">\n          <div \n            v-for=\"(variant, index) in items\" \n            :key=\"index\"\n            @click=\"addVariantToInventory(variant)\"\n            class=\"w-100 cursor-pointer hover:scale-[1.05] bg-light pd-small radius-small flex-v-center flex-nowrap flex gap-thin\"\n          >\n            <div v-if=\"variant.images && variant.images.length\" class=\"aspect-1x1 h-3r radius-small o-hidden\">\n              <img \n                :src=\"(FILE_SERVER_URL || '') + variant.images[0]\" \n                class=\"w-100 h-100 object-fit-cover\"\n              />\n            </div>\n            <div>\n              <p class=\"fw-medium\">{{ variant.name || 'Default variant' }}</p>\n              <p v-if=\"variant.attributes && variant.attributes.length\" class=\"t-small t-transp\">\n                {{ variant.attributes.map(attr => `${attr.name}: ${attr.value}`).join(', ') }}\n              </p>\n            </div>\n            <p class=\"mn-l-auto\">{{ formatPrice(variant.cost) }}</p>\n          </div>\n        </div>\n      </Feed>\n    </Popup>\n\n    <Block\n      class=\"mn-b-thin\"\n    >\n       <Field\n        v-model:field=\"inventory.state.current.comment\"\n        placeholder=\"Describe details of the inventory audit\"\n        type=\"textarea\"\n        class=\"w-100 bg-white radius-small pd-medium\"\n      />  \n      <div class=\"fw-medium mn-t-small mn-b-thin\">Select Storage:</div>\n      <Feed\n        :states=\"{\n          empty: {\n            title: 'No Spots Found',\n            description: 'Currently, there are no spots available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => spots.actions.read(options),\n          state: null\n        }\"\n        :options=\"{\n          user: auth.state.user._id,\n          organization: route.params._id,\n          limit: 3\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"flex-nowrap flex-column gap-thin flex\"\n      >\n        <CardSpot\n          v-for=\"(spot, index) in items\"\n          :key=\"index\"\n          :spot=\"spot\"\n          :organization=\"route.params._id\"\n          :selected=\"inventory.state.current.storage === spot._id\"\n          @click=\"() => inventory.state.current.storage = inventory.state.current.storage === spot._id ? null : spot._id\"\n          class=\"radius-small h-min-big clickable bg-white\"\n        />\n      </Feed>\n\n\n    </Block>\n\n    <Block\n      title=\"Positions\"\n      :actions=\"[{\n        label: '+',\n        function: () => openProductsPopup()\n      }]\"\n      placeholder=\"No positions added yet\"\n      class=\"h-100 flex-column flex gap-thin mn-b-thin\"\n    >\n      <CardPosition\n        v-for=\"(position, index) in inventory.state.current.positions\" \n        :key=\"position._id || index\" \n        :image=\"position.image\"\n        :name=\"position.name\"\n        :title=\"formatPrice(position.cost * position.quantity)\"\n        :title_class=\"[position.cost * position.quantity < 0 ? 't-red' : 't-grey']\"\n        :subtitle=\"`${formatPrice(position.cost)} × ${Math.abs(position.quantity)}${position.unit} `\"\n      >\n        <template v-slot:actions>\n          <QuantitySelector v-model=\"position.quantity\"/>\n         \n          <!-- <Dropdown\n            :label=\"{ component: IconEllipsis, class: 't-transp i-medium' }\"\n            class=\"cursor-pointer aspect-1x1 pd-nano radius-small hover:bg-light\"\n            align=\"right\"\n          >\n            <div class=\"bg-white radius-small\">\n              <button @click=\"leftovers.state.current.positions.splice(index, 1)\" class=\"cursor-pointer t-left t-nowrap w-100 pd-small\">\n                Delete\n              </button>\n            </div>\n          </Dropdown> -->\n\n        </template>\n      </CardPosition>\n  \n    </Block>\n\n     <!--  :actions=\"[{\n          component: IconEdit,\n          handler: () => store.core.actions.add(leftovers.state.current.positions, position),\n          class: 'bg-light'\n        },{\n          component: IconDelete,\n          handler: () => leftovers.state.current.positions.splice(index, 1),\n          class: 'bg-red'\n        }]\" -->\n\n    <Block class=\"\">\n      <section class=\"gap-thin flex-v-center flex-justify-start flex\">\n        <span class=\"h3 mn-r-auto\">\n          In total: {{formatPrice(totalPrice)}}\n        </span>\n\n         <!-- Save Draft -->\n        <Button\n          :submit=\"onSaveDraft\"\n          class=\"bg-second w-min-5r button\"\n        >\n          <span>Save Draft</span>\n        </Button>\n\n         <!-- Publish -->\n        <Button\n          :submit=\"onPublish\"\n          class=\"bg-main w-min-5r button\"\n        >\n          <span>Publish</span>\n        </Button>\n\n        <!-- Reset -->\n        <Button\n          :submit=\"onReset\"\n          class=\"t-white w-min-5r bg-second button\"\n        >\n          <span>Reset</span>\n        </Button>\n\n        <!-- Delete button removed - only create mode supported -->\n      </section>\n    </Block>\n  </div>\n</template>\n\n\n<script setup>\n  import Block from '@martyrs/src/components/Block/Block.vue';\n  import Button from \"@martyrs/src/components/Button/Button.vue\";\n  import Field from '@martyrs/src/components/Field/Field.vue';\n  import Feed from '@martyrs/src/components/Feed/Feed.vue';\n  import Select from '@martyrs/src/components/Select/Select.vue';\n  import Dropdown from '@martyrs/src/components/Dropdown/Dropdown.vue'\n  import Popup from '@martyrs/src/components/Popup/Popup.vue';\n\n  import CardOrderItem from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue';\n  import CardSpot from '@martyrs/src/modules/spots/components/blocks/CardSpot.vue'; \n\n  import CardPosition from '@martyrs/src/modules/products/components/blocks/CardPosition.vue';\n  import QuantitySelector from '@martyrs/src/modules/products/components/elements/QuantitySelector.vue';\n\n  import { computed, onMounted, ref, reactive } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n  import { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\n  import { useStore } from '@martyrs/src/modules/core/views/store/core.store.js';\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n  const store = useStore();\n  import * as inventory from '@martyrs/src/modules/inventory/store/inventory.store.js';\n  import * as products from '@martyrs/src/modules/products/store/products.js';\n  import * as spots from '@martyrs/src/modules/spots/store/spots.js';\n  import variants from '@martyrs/src/modules/products/store/variants.store.js';\n\n  import IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue';\n  import IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n  import IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue'\n\n  const route = useRoute();\n  const router = useRouter();\n  const { formatPrice } = useGlobalMixins();\n  \n  const isOpenProductsPopup = ref(false);\n  const isVariantsPopupOpen = ref(false);\n  const selectedProduct = ref(null);\n\n  const totalPrice = computed(() => {\n    return inventory.state.current.positions.reduce((sum, position) => {\n      return Number(sum) + Number(position.cost || 0) * Number(position.quantity || 1);\n    }, 0);\n  });\n\n  function openProductsPopup() {\n    isOpenProductsPopup.value = true;\n  }\n\n  function closeProductsPopup() {\n    isOpenProductsPopup.value = false;\n  }\n  \n  function closeVariantsPopup() {\n    isVariantsPopupOpen.value = false;\n    selectedProduct.value = null;\n  }\n  \n  function selectProduct(product) {\n    selectedProduct.value = product;\n    closeProductsPopup();\n    \n    // If product has only one variant, add it directly without showing popup\n    if (product.variants && product.variants.length === 1) {\n      addVariantToInventory(product.variants[0]);\n      return;\n    }\n    \n    // If product has multiple variants or no variants defined, show popup\n    isVariantsPopupOpen.value = true;\n  }\n\n  function formatProductName(product, variant) {\n    if (!variant || product.variants?.length === 1 && !(variant.attributes?.length))\n      return product.name;\n\n    const attrs = variant.attributes?.map(a => a.value).filter(Boolean);\n    return attrs?.length\n      ? `${product.name} / ${attrs.join(' / ')}`\n      : `${product.name} / ${variant.name}`;\n  }\n\n  \n  function addVariantToInventory(variant) {\n    // Create a position object that includes variant information\n    console.log('variant',variant)\n    const position = {\n      _id: variant._id,\n      product: selectedProduct.value._id, \n      name: formatProductName(selectedProduct.value, variant),\n      image: variant.images?.[0] || selectedProduct.value?.images?.[0] || null,\n      cost: variant.cost || variant.price || 0,\n      unit: variant.unit || 'pcs',\n      quantity: 1,\n      variant: {\n        _id: variant._id,\n        name: variant.name,\n        attributes: variant.attributes || []\n      }\n    };\n    // Add position to inventory state\n    store.core.actions.add(inventory.state.current.positions, position);\n    closeVariantsPopup();\n  }\n\n  onMounted(async () => {\n    // Reset inventory state for new audit\n    inventory.mutations.resetCurrent();\n  });\n\n  async function onReset() {\n    inventory.mutations.resetCurrent();\n    return true;\n  }\n\n\n  function prepareInventoryData(status = 'draft') {\n    return {\n      storage: inventory.state.current.storage,\n      comment: inventory.state.current.comment,\n      status: status,\n      positions: inventory.state.current.positions.map(pos => ({\n        product: pos.product,\n        variant: pos.variant?._id,\n        storage: inventory.state.current.storage,\n        quantity: pos.quantity,\n        reason: 'custom',\n        comment: `Inventory audit: ${pos.name}`,\n        cost: pos.cost\n      })),\n      owner: {\n        type: 'organization',\n        target: route.params._id\n      },\n      creator: {\n        type: 'user',\n        target: auth.state.user._id\n      }\n    };\n  }\n\n  function navigateBack() {\n    if (route.meta.context === 'backoffice') {\n      router.push({ name: 'BackofficeInventoryList' });\n    } else if (route.meta.context === 'organization') {\n      router.push({ name: 'OrganizationInventoryList', params: { _id: route.params._id } });\n    }\n  }\n\n  async function onSaveDraft() {\n    try {\n      const inventoryData = prepareInventoryData('draft');\n      await inventory.actions.createInventory(inventoryData);\n      navigateBack();\n    } catch (error) {\n      console.error('Error creating draft inventory:', error);\n    }\n  }\n\n  async function onPublish() {\n    try {\n      const inventoryData = prepareInventoryData('published');\n      await inventory.actions.createInventory(inventoryData);\n      navigateBack();\n    } catch (error) {\n      console.error('Error publishing inventory:', error);\n    }\n  }\n\n  // Remove delete function as we only support creation mode\n</script>"],"names":["inventory.state","inventory.mutations","auth.state","inventory.actions"],"mappings":"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"}

package/dist/martyrs/src/modules/landing/components/sections/SectionEarn.vue.js

@@ -5,7 +5,7 @@ import _sfc_main$2 from "../../../icons/entities/IconEarn.vue.js";
 import _sfc_main$3 from "../../../wallet/views/components/elements/ConnectMetamask.vue.js";
 /* empty css                 */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const _hoisted_1 = { class: "cols-2 gap-thin" };
+const _hoisted_1 = { class: "cols-2 mobile:cols-1 gap-thin" };
 const _hoisted_2 = { class: "pos-relative flex flex-column flex-center h-100" };
 const _hoisted_3 = { class: "mn-b-thin pd-big radius-medium" };
 const _hoisted_4 = ["src"];
@@ -18,9 +18,9 @@ const _hoisted_7 = {
   key: 3,
   class: "mn-b-semi p-regular t-transp"
 };
-const _hoisted_8 = { class: "gap-thin cols-2" };
-const _hoisted_9 = { class: "uppercase t-semi" };
-const _hoisted_10 = { class: "uppercase t-semi" };
+const _hoisted_8 = { class: "gap-thin cols-2 mobile:cols-1" };
+const _hoisted_9 = { class: "uppercase fw-semi" };
+const _hoisted_10 = { class: "uppercase fw-semi" };
 const _hoisted_11 = { class: "pos-relative pd-medium flex-column flex-center flex h-100 bg-main radius-medium o-hidden" };
 const _hoisted_12 = ["src"];
 const _sfc_main = {
@@ -129,7 +129,7 @@ const _sfc_main = {
     };
   }
 };
-const SectionEarn = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3edb503f"]]);
+const SectionEarn = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f6208d2e"]]);
 export {
   SectionEarn as default
 };

package/dist/martyrs/src/modules/landing/components/sections/SectionEarn.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionEarn.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionEarn.vue"],"sourcesContent":["<template>\n  <section class=\"cols-2 gap-thin\">\n    <div class=\"pos-relative flex flex-column flex-center h-100\">\n      <div class=\"mn-b-thin pd-big radius-medium\">\n        <img v-if=\"te('logo')\" loading=\"lazy\" class=\"mn-b-semi h-4r\" :src=\"t('logo')\">\n\n        <h2 v-if=\"te('title')\" class=\"mn-b-medium\" v-html=\"t('title')\"/>\n        <p v-if=\"te('description')\" class=\"mn-b-medium p-medium t-transp\">{{ t('description') }}</p>  \n        <p v-if=\"te('subdescription')\" class=\"mn-b-semi p-regular t-transp\">{{ t('subdescription')}}</p>\n\n      <div class=\"gap-thin cols-2\">\n        <router-link :to=\"t('action_link')\" class=\"flex t-center bg-white flex-center flex-column t-black pd-big radius-medium\">\n          <IconInfo class=\"mn-b-small i-extra\" fill=\"rgb(var(--black)\"/>\n          <p class=\"uppercase t-semi\">{{t('action')}}</p>\n        </router-link>\n\n        <router-link :to=\"t('action_sublink') \" class=\"flex t-center flex-center flex-column bg-main t-black pd-big radius-medium\">\n          <IconEarn class=\"mn-b-small i-extra\" fill=\"rgb(var(--black)\"/>\n          <p class=\"uppercase t-semi\">{{t('subaction')}}</p>\n        </router-link>\n        \n      </div>\n      </div>\n\n    </div>\n\n    <div class=\"pos-relative pd-medium flex-column flex-center flex h-100 bg-main radius-medium o-hidden\">\n      <img v-if=\"te('image')\" loading=\"lazy\" :src=\"t('image')\" class=\"mn-t-auto z-index-2 pos-relative w-75 mn-b-auto\">\n      <ConnectMetamask\n        :tokenAddress=\"options.tokenAddress\"\n        :tokenSymbol=\"options.tokenSymbol\"\n        :tokenDecimals=\"options.tokenDecimals\"\n        :tokenImage=\"options.tokenImage\"\n        :targetChainId=\"options.targetChainId\"\n        :metamaskIcon=\"options.metamaskIcon\"\n        :content=\"{\n          en: {\n            'connectMetaMask': t('connectMetaMask'),\n            'switchToPolygon': t('switchToPolygon'),\n            'addToken': t('addToken')\n          }\n        }\"\n        class=\"z-index-3 pos-relative w-100\"\n      />\n      <img :src=\"'/spiral.webp'\" loading=\"lazy\" alt=\"\" class=\"mn-b-extra z-index-1 spiral\"/>\n    </div>\n  </section>\n</template>\n\n<script setup>\nimport { computed,ref,onMounted, reactive } from 'vue'\nimport { useI18n } from 'vue-i18n';\n\nimport IconInfo from '@martyrs/src/modules/icons/entities/IconInfo.vue'\nimport IconEarn from '@martyrs/src/modules/icons/entities/IconEarn.vue'\n\nimport ConnectMetamask from '@martyrs/src/modules/wallet/views/components/elements/ConnectMetamask.vue'\n\nconst props = defineProps({\n  content: {\n    type: Object,\n    required: true\n  },\n  options: {\n    type: Object,\n    default: () => ({\n      tokenAddress: '0x64b4b0ade1f015d6a0c536e8cf041e181d872220',\n      tokenSymbol: 'OZDT',\n      tokenDecimals: 8,\n      tokenImage: 'https://ozdao.dev/logo-token.png',\n      targetChainId: '0x89',\n      metamaskIcon: \"/icons/metamask.svg\"\n    })\n  }\n})\nconst { t, te } = useI18n({\n  messages: props.content\n})\n</script>\n\n<style lang=\"scss\" scoped>\n  .spiral {\n    object-fit: cover;\n    width: 100rem;\n    height: 100rem;\n    position: absolute;\n    opacity: 0.066;\n    transform: translate(-50%, -50%) rotate(0deg);\n    transform-origin: center center;\n    animation: spin 5s linear infinite;\n  }\n\n  @keyframes spin {\n    0% {\n      transform: translate(-50%, -50%) rotate(0deg);\n    }\n    100% {\n      transform: translate(-50%, -50%) rotate(360deg);\n    }\n  }\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0DA,UAAM,QAAQ;AAiBd,UAAM,EAAE,GAAG,GAAE,IAAK,QAAQ;AAAA,MACxB,UAAU,MAAM;AAAA,IAClB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SectionEarn.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionEarn.vue"],"sourcesContent":["<template>\n  <section class=\"cols-2 mobile:cols-1 gap-thin\">\n    <div class=\"pos-relative flex flex-column flex-center h-100\">\n      <div class=\"mn-b-thin pd-big radius-medium\">\n        <img v-if=\"te('logo')\" loading=\"lazy\" class=\"mn-b-semi h-4r\" :src=\"t('logo')\">\n\n        <h2 v-if=\"te('title')\" class=\"mn-b-medium\" v-html=\"t('title')\"/>\n        <p v-if=\"te('description')\" class=\"mn-b-medium p-medium t-transp\">{{ t('description') }}</p>  \n        <p v-if=\"te('subdescription')\" class=\"mn-b-semi p-regular t-transp\">{{ t('subdescription')}}</p>\n\n      <div class=\"gap-thin cols-2 mobile:cols-1\">\n        <router-link :to=\"t('action_link')\" class=\"flex t-center bg-white flex-center flex-column t-black pd-big radius-medium\">\n          <IconInfo class=\"mn-b-small i-extra\" fill=\"rgb(var(--black)\"/>\n          <p class=\"uppercase fw-semi\">{{t('action')}}</p>\n        </router-link>\n\n        <router-link :to=\"t('action_sublink') \" class=\"flex t-center flex-center flex-column bg-main t-black pd-big radius-medium\">\n          <IconEarn class=\"mn-b-small i-extra\" fill=\"rgb(var(--black)\"/>\n          <p class=\"uppercase fw-semi\">{{t('subaction')}}</p>\n        </router-link>\n        \n      </div>\n      </div>\n\n    </div>\n\n    <div class=\"pos-relative pd-medium flex-column flex-center flex h-100 bg-main radius-medium o-hidden\">\n      <img v-if=\"te('image')\" loading=\"lazy\" :src=\"t('image')\" class=\"mn-t-auto z-index-2 pos-relative w-75 mn-b-auto\">\n      <ConnectMetamask\n        :tokenAddress=\"options.tokenAddress\"\n        :tokenSymbol=\"options.tokenSymbol\"\n        :tokenDecimals=\"options.tokenDecimals\"\n        :tokenImage=\"options.tokenImage\"\n        :targetChainId=\"options.targetChainId\"\n        :metamaskIcon=\"options.metamaskIcon\"\n        :content=\"{\n          en: {\n            'connectMetaMask': t('connectMetaMask'),\n            'switchToPolygon': t('switchToPolygon'),\n            'addToken': t('addToken')\n          }\n        }\"\n        class=\"z-index-3 pos-relative w-100\"\n      />\n      <img :src=\"'/spiral.webp'\" loading=\"lazy\" alt=\"\" class=\"mn-b-extra z-index-1 spiral\"/>\n    </div>\n  </section>\n</template>\n\n<script setup>\nimport { computed,ref,onMounted, reactive } from 'vue'\nimport { useI18n } from 'vue-i18n';\n\nimport IconInfo from '@martyrs/src/modules/icons/entities/IconInfo.vue'\nimport IconEarn from '@martyrs/src/modules/icons/entities/IconEarn.vue'\n\nimport ConnectMetamask from '@martyrs/src/modules/wallet/views/components/elements/ConnectMetamask.vue'\n\nconst props = defineProps({\n  content: {\n    type: Object,\n    required: true\n  },\n  options: {\n    type: Object,\n    default: () => ({\n      tokenAddress: '0x64b4b0ade1f015d6a0c536e8cf041e181d872220',\n      tokenSymbol: 'OZDT',\n      tokenDecimals: 8,\n      tokenImage: 'https://ozdao.dev/logo-token.png',\n      targetChainId: '0x89',\n      metamaskIcon: \"/icons/metamask.svg\"\n    })\n  }\n})\nconst { t, te } = useI18n({\n  messages: props.content\n})\n</script>\n\n<style lang=\"scss\" scoped>\n  .spiral {\n    object-fit: cover;\n    width: 100rem;\n    height: 100rem;\n    position: absolute;\n    opacity: 0.066;\n    transform: translate(-50%, -50%) rotate(0deg);\n    transform-origin: center center;\n    animation: spin 5s linear infinite;\n  }\n\n  @keyframes spin {\n    0% {\n      transform: translate(-50%, -50%) rotate(0deg);\n    }\n    100% {\n      transform: translate(-50%, -50%) rotate(360deg);\n    }\n  }\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0DA,UAAM,QAAQ;AAiBd,UAAM,EAAE,GAAG,GAAE,IAAK,QAAQ;AAAA,MACxB,UAAU,MAAM;AAAA,IAClB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/landing/components/sections/SectionGuide.vue.js

@@ -37,13 +37,13 @@ const _sfc_main = {
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(tm)("FAQ"), (item) => {
             return openBlock(), createBlock(_sfc_main$1, {
               key: item.title,
-              class: "br-grey-transp-10 br-solid br-1px radius-small o-hidden pd-big mn-b-thin"
+              class: "br-grey-transp-10 br-1px radius-small o-hidden pd-big mn-b-thin"
             }, {
               header: withCtx(({ isOpen }) => [
                 createElementVNode("div", _hoisted_6, [
                   createElementVNode("h3", _hoisted_7, toDisplayString(item.title), 1),
                   createVNode(IconChevronBottom, {
-                    class: normalizeClass([{ "rotate-180": isOpen }, "i-medium"]),
+                    class: normalizeClass([{ "rotate-180deg": isOpen }, "i-medium"]),
                     fill: "rgba(var(--grey),0.5)"
                   }, null, 8, ["class"])
                 ])

package/dist/martyrs/src/modules/landing/components/sections/SectionGuide.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionGuide.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionGuide.vue"],"sourcesContent":["<template>\n  <div class=\"\">\n    <div class=\"mn-b-big d-inline-block\">\n      <h2 class=\"mn-b-semi\">{{t('title')}}</h2>\n      <p v-if=\"te('subtitle')\" class=\"t-transp p-medium w-m-60r\">{{t('subtitle')}}</p>\n    </div>\n    <div class=\"cols-1\">\n      <Spoiler v-for=\"item in tm('FAQ')\" :key=\"item.title\" class=\"br-grey-transp-10 br-solid br-1px radius-small o-hidden pd-big mn-b-thin\">\n        <template #header=\"{ isOpen }\">\n          <div class=\"cursor-pointer w-100 flex-v-center flex-nowrap flex\">\n            <h3 class=\"w-100\">{{item.title}}</h3>\n            <IconChevronBottom :class=\"{ 'rotate-180': isOpen }\" fill=\"rgba(var(--grey),0.5)\" class=\"i-medium\"/>\n          </div>\n        </template>\n        <template #content>\n          <div class=\"mn-t-semi\">\n            <p class=\"t-transp\" v-html=\"item.description\"></p>\n          </div>\n        </template>\n      </Spoiler>\n    </div>\n  </div>\n</template>\n<script setup>\nimport Spoiler from '@martyrs/src/components/Spoiler/Spoiler.vue'\nimport { useI18n } from 'vue-i18n'\nimport IconChevronBottom from '@martyrs/src/modules/icons/navigation/IconChevronBottom.vue'\n\nconst props = defineProps({\n  content: {\n    type: Object,\n    required: true\n  }\n});\n\nconst { t, tm, te } = useI18n({\n  messages: props.content\n});\n</script>\n<style lang=\"scss\">\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,UAAM,QAAQ;AAOd,UAAM,EAAE,GAAG,IAAI,GAAE,IAAK,QAAQ;AAAA,MAC5B,UAAU,MAAM;AAAA,IAClB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SectionGuide.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionGuide.vue"],"sourcesContent":["<template>\n  <div class=\"\">\n    <div class=\"mn-b-big d-inline-block\">\n      <h2 class=\"mn-b-semi\">{{t('title')}}</h2>\n      <p v-if=\"te('subtitle')\" class=\"t-transp p-medium w-m-60r\">{{t('subtitle')}}</p>\n    </div>\n    <div class=\"cols-1\">\n      <Spoiler v-for=\"item in tm('FAQ')\" :key=\"item.title\" class=\"br-grey-transp-10 br-1px radius-small o-hidden pd-big mn-b-thin\">\n        <template #header=\"{ isOpen }\">\n          <div class=\"cursor-pointer w-100 flex-v-center flex-nowrap flex\">\n            <h3 class=\"w-100\">{{item.title}}</h3>\n            <IconChevronBottom :class=\"{ 'rotate-180deg': isOpen }\" fill=\"rgba(var(--grey),0.5)\" class=\"i-medium\"/>\n          </div>\n        </template>\n        <template #content>\n          <div class=\"mn-t-semi\">\n            <p class=\"t-transp\" v-html=\"item.description\"></p>\n          </div>\n        </template>\n      </Spoiler>\n    </div>\n  </div>\n</template>\n<script setup>\nimport Spoiler from '@martyrs/src/components/Spoiler/Spoiler.vue'\nimport { useI18n } from 'vue-i18n'\nimport IconChevronBottom from '@martyrs/src/modules/icons/navigation/IconChevronBottom.vue'\n\nconst props = defineProps({\n  content: {\n    type: Object,\n    required: true\n  }\n});\n\nconst { t, tm, te } = useI18n({\n  messages: props.content\n});\n</script>\n<style lang=\"scss\">\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,UAAM,QAAQ;AAOd,UAAM,EAAE,GAAG,IAAI,GAAE,IAAK,QAAQ;AAAA,MAC5B,UAAU,MAAM;AAAA,IAClB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/landing/components/sections/SectionHeroToken.vue.js

@@ -11,7 +11,7 @@ const _hoisted_2 = { class: "sheen h-5r mn-b-small radius-extra o-hidden pos-rel
 const _hoisted_3 = ["src"];
 const _hoisted_4 = ["innerHTML"];
 const _hoisted_5 = ["innerHTML"];
-const _hoisted_6 = { class: "t-white gap-thin z-index-1 cols-2" };
+const _hoisted_6 = { class: "t-white gap-thin z-index-1 cols-2 mobile:cols-1" };
 const _sfc_main = {
   __name: "SectionHeroToken",
   props: {

package/dist/martyrs/src/modules/landing/components/sections/SectionHeroToken.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionHeroToken.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionHeroToken.vue"],"sourcesContent":["<script setup>\n\timport { useRouter } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\n\timport AnimatedGrid from '@martyrs/src/modules/landing/components/elements/AnimatedGrid.vue'\n\n\tconst props = defineProps({\n\t  textData: {\n\t    type: Object,\n\t    default: () => ({\n\t      messages: {\n\t      \ten: {\n\t\t\t\t    TITLE: \"Smoke Weed Every Day &<b> Get A Slice Of The Pie</b>\",\n\t\t\t\t    DESCRIPTION: \"Earn Weeder Token and Get part of the profits of Weeder Delivery. The more tokens you have, the bigger your cut of the profits will be. So what are you waiting for?\",\n\t\t\t\t    ACTION: \"Open Marketplace →\",\n\t\t\t\t    SUBACTION: \"Sign Up To Start\"\n\t\t\t    }\n\t\t\t  }\n\t\t\t})\n\t\t}\n\t})\n\n\tconst { t } = useI18n(props.textData)\n</script>\n\n\n<template>\n\t<div\n\t\tid=\"heroGovernance\" \n\t\tclass=\"pos-relative bg-black o-hidden t-white t-center pd-extra flex-column flex-center flex\"\n\t>\n\t\t<div class=\"sheen h-5r mn-b-small radius-extra o-hidden pos-relative \">\n\t  \t<img loading=\"lazy\" :src=\"(FILE_SERVER_URL || '') + '/logo/token.svg'\" class=\"w-100 h-100\">\n\t  </div>\n\n\t\t<h1 \n\t\t\tclass=\"w-max-50r mn-b-medium\" \n\t\t\tv-html=\"t('TITLE')\"\n\t\t/>\n\n\t\t<p \n\t\t\tclass=\"w-max-50r mn-b-big t-transp p-medium\" \n\t\t\tv-html=\"t('DESCRIPTION')\"\n\t\t/>\n\n\t\t<div \n\t\t\tclass=\"t-white gap-thin z-index-1 cols-2\"\n\t\t>\n\t\t\t<router-link \n\t\t\t\t:to=\"{\n\t\t\t\t\tname: 'Sign In'\n\t\t\t\t}\"\n\t\t\t\tclass=\"w-100 bg-light t-dark br-light button\"\n\t\t\t>\n\t\t\t\t{{t('SUBACTION')}}\n\t\t\t</router-link>\n\n\t\t\t<router-link  \n\t\t\t\t:to=\"{\n\t\t\t\t\tname: 'Marketplace'\n\t\t\t\t}\"\n\t\t\t\tclass=\"w-100 bg-dark t-white button\"\n\t\t\t>\n\t\t\t\t{{t('ACTION')}}\n\t\t\t</router-link>\n\t\t</div>\n\n\t\t<AnimatedGrid class=\"w-100 h-100 pos-absolute pos-t-0 pos-r-0 z-index-0\" />\n\n\t</div>\n</template>\n\n<style lang=\"scss\">\n\t.sheen:after {\n\t\tcontent:'';\n\t  top:0;\n\t  left: -25%;\n\t\ttransform:translateX(100%);\n\t\twidth:100%;\n\t\theight:220px;\n\t\tposition: absolute;\n\t\tz-index:1;\n\t\tanimation: slide 3s infinite;\n\t\t \n\t  /* \n\t  CSS Gradient - complete browser support from http://www.colorzilla.com/gradient-editor/ \n\t  */\n\t  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%); /* FF3.6+ */\n\t\tbackground: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.8)), color-stop(99%,rgba(128,186,232,0)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */\n\t\tbackground: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */\n\t\tbackground: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */\n\t\tbackground: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* IE10+ */\n\t\tbackground: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* W3C */\n\t\tfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */\n\t}\n\n\t@keyframes slide {\n\t\t0% {\t\n\t\t\ttransform:translateX(-00%); \n\t\t\topacity: 0;\n\t\t}\n\t\t20% {\n\t\t\topacity: 1\n\t\t}\n\t\t80% {\n\t\t\topacity: 1\n\t\t}\n\t\t100% {\n\t\t\ttransform:translateX(100%); \n\t\t\t\topacity: 0\n\t\t}\n\t}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMC,UAAM,QAAQ;AAgBd,UAAM,EAAE,EAAC,IAAK,QAAQ,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SectionHeroToken.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionHeroToken.vue"],"sourcesContent":["<script setup>\n\timport { useRouter } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\n\timport AnimatedGrid from '@martyrs/src/modules/landing/components/elements/AnimatedGrid.vue'\n\n\tconst props = defineProps({\n\t  textData: {\n\t    type: Object,\n\t    default: () => ({\n\t      messages: {\n\t      \ten: {\n\t\t\t\t    TITLE: \"Smoke Weed Every Day &<b> Get A Slice Of The Pie</b>\",\n\t\t\t\t    DESCRIPTION: \"Earn Weeder Token and Get part of the profits of Weeder Delivery. The more tokens you have, the bigger your cut of the profits will be. So what are you waiting for?\",\n\t\t\t\t    ACTION: \"Open Marketplace →\",\n\t\t\t\t    SUBACTION: \"Sign Up To Start\"\n\t\t\t    }\n\t\t\t  }\n\t\t\t})\n\t\t}\n\t})\n\n\tconst { t } = useI18n(props.textData)\n</script>\n\n\n<template>\n\t<div\n\t\tid=\"heroGovernance\" \n\t\tclass=\"pos-relative bg-black o-hidden t-white t-center pd-extra flex-column flex-center flex\"\n\t>\n\t\t<div class=\"sheen h-5r mn-b-small radius-extra o-hidden pos-relative \">\n\t  \t<img loading=\"lazy\" :src=\"(FILE_SERVER_URL || '') + '/logo/token.svg'\" class=\"w-100 h-100\">\n\t  </div>\n\n\t\t<h1 \n\t\t\tclass=\"w-max-50r mn-b-medium\" \n\t\t\tv-html=\"t('TITLE')\"\n\t\t/>\n\n\t\t<p \n\t\t\tclass=\"w-max-50r mn-b-big t-transp p-medium\" \n\t\t\tv-html=\"t('DESCRIPTION')\"\n\t\t/>\n\n\t\t<div \n\t\t\tclass=\"t-white gap-thin z-index-1 cols-2 mobile:cols-1\"\n\t\t>\n\t\t\t<router-link \n\t\t\t\t:to=\"{\n\t\t\t\t\tname: 'Sign In'\n\t\t\t\t}\"\n\t\t\t\tclass=\"w-100 bg-light t-dark br-light button\"\n\t\t\t>\n\t\t\t\t{{t('SUBACTION')}}\n\t\t\t</router-link>\n\n\t\t\t<router-link  \n\t\t\t\t:to=\"{\n\t\t\t\t\tname: 'Marketplace'\n\t\t\t\t}\"\n\t\t\t\tclass=\"w-100 bg-dark t-white button\"\n\t\t\t>\n\t\t\t\t{{t('ACTION')}}\n\t\t\t</router-link>\n\t\t</div>\n\n\t\t<AnimatedGrid class=\"w-100 h-100 pos-absolute pos-t-0 pos-r-0 z-index-0\" />\n\n\t</div>\n</template>\n\n<style lang=\"scss\">\n\t.sheen:after {\n\t\tcontent:'';\n\t  top:0;\n\t  left: -25%;\n\t\ttransform:translateX(100%);\n\t\twidth:100%;\n\t\theight:220px;\n\t\tposition: absolute;\n\t\tz-index:1;\n\t\tanimation: slide 3s infinite;\n\t\t \n\t  /* \n\t  CSS Gradient - complete browser support from http://www.colorzilla.com/gradient-editor/ \n\t  */\n\t  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%); /* FF3.6+ */\n\t\tbackground: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.8)), color-stop(99%,rgba(128,186,232,0)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */\n\t\tbackground: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */\n\t\tbackground: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */\n\t\tbackground: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* IE10+ */\n\t\tbackground: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* W3C */\n\t\tfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */\n\t}\n\n\t@keyframes slide {\n\t\t0% {\t\n\t\t\ttransform:translateX(-00%); \n\t\t\topacity: 0;\n\t\t}\n\t\t20% {\n\t\t\topacity: 1\n\t\t}\n\t\t80% {\n\t\t\topacity: 1\n\t\t}\n\t\t100% {\n\t\t\ttransform:translateX(100%); \n\t\t\t\topacity: 0\n\t\t}\n\t}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMC,UAAM,QAAQ;AAgBd,UAAM,EAAE,EAAC,IAAK,QAAQ,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/landing/components/sections/SectionJoinUs.vue.js

@@ -6,7 +6,7 @@ const _hoisted_1 = { class: "o-hidden container-joinus" };
 const _hoisted_2 = { class: "content" };
 const _hoisted_3 = {
   style: { "font-size": "8rem" },
-  class: "t-main font-main t-semi"
+  class: "t-main font-main fw-semi"
 };
 const _hoisted_4 = { class: "w-m-33r t-center mn-b-small p-medium" };
 const _sfc_main = {
@@ -53,7 +53,7 @@ const _sfc_main = {
           createElementVNode("p", _hoisted_4, toDisplayString(unref(t)("description")), 1),
           createVNode(_component_router_link, {
             to: { name: "Sign In" },
-            class: "bg-black t-medium t-white button"
+            class: "bg-black fw-medium t-white button"
           }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString(unref(t)("action")), 1)

package/dist/martyrs/src/modules/landing/components/sections/SectionJoinUs.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionJoinUs.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionJoinUs.vue"],"sourcesContent":["<template>\n  <div class=\"o-hidden container-joinus\">\n    <div class=\"content\">\n      <span style=\"font-size: 8rem\" class=\"t-main font-main t-semi\">\n        {{ userCount }}\n      </span>\n      <p class=\"w-m-33r t-center mn-b-small p-medium\">\n        {{t('description')}}\n    \n      </p>\n      <router-link :to=\"{ name: 'Sign In' }\" class=\"bg-black t-medium t-white button\">\n        {{t('action')}}\n      </router-link>\n    </div>\n    <FloatingImages \n      :container=\"'.container-joinus'\"\n      :images=\"options.images\" \n      :config=\"{\n          size: '5rem',\n          square: true,\n          minDuration: 5,\n          maxDuration: 15,\n          spawnPoints: [10, 90],\n          animation: {\n            startOpacity: 0.1,\n            midOpacity: 1,\n            endOpacity: 0.0,\n            translateY: '-33vh'\n          },\n          class: 'my-custom-class'\n      }\"\n    />\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\nimport FloatingImages from '@martyrs/src/modules/landing/components/elements/FloatingImages.vue';\n\nconst props = defineProps({\n  content: {\n    type: Object,\n    required: true\n  },\n  options: {\n    type: Object,\n    default: () => ({\n      count: 1230,\n      images: [\n        '/landing/avatars/01.png',\n        '/landing/avatars/02.png',\n        '/landing/avatars/03.png',\n        '/landing/avatars/04.png',\n        '/landing/avatars/05.png',\n        '/landing/avatars/06.png'\n      ]\n    })\n  }\n})\n\nconst { t, te } = useI18n({\n  messages: props.content\n})\n\nconst userCount = ref(props.options.count);\n\nconst increaseUserCount = () => {\n  setInterval(() => {\n    userCount.value += Math.floor(Math.random() * 2) + 1;\n  }, 1330);\n};\n\nonMounted(() => {\n  increaseUserCount();\n});\n</script>\n\n<style lang=\"scss\">\n.container-joinus {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 66%;\n  position: relative;\n\n  .content {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    z-index: 2;\n  }\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA,UAAM,QAAQ;AAqBd,UAAM,EAAE,GAAG,GAAE,IAAK,QAAQ;AAAA,MACxB,UAAU,MAAM;AAAA,IAClB,CAAC;AAED,UAAM,YAAY,IAAI,MAAM,QAAQ,KAAK;AAEzC,UAAM,oBAAoB,MAAM;AAC9B,kBAAY,MAAM;AAChB,kBAAU,SAAS,KAAK,MAAM,KAAK,OAAM,IAAK,CAAC,IAAI;AAAA,MACrD,GAAG,IAAI;AAAA,IACT;AAEA,cAAU,MAAM;AACd,wBAAiB;AAAA,IACnB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SectionJoinUs.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionJoinUs.vue"],"sourcesContent":["<template>\n  <div class=\"o-hidden container-joinus\">\n    <div class=\"content\">\n      <span style=\"font-size: 8rem\" class=\"t-main font-main fw-semi\">\n        {{ userCount }}\n      </span>\n      <p class=\"w-m-33r t-center mn-b-small p-medium\">\n        {{t('description')}}\n    \n      </p>\n      <router-link :to=\"{ name: 'Sign In' }\" class=\"bg-black fw-medium t-white button\">\n        {{t('action')}}\n      </router-link>\n    </div>\n    <FloatingImages \n      :container=\"'.container-joinus'\"\n      :images=\"options.images\" \n      :config=\"{\n          size: '5rem',\n          square: true,\n          minDuration: 5,\n          maxDuration: 15,\n          spawnPoints: [10, 90],\n          animation: {\n            startOpacity: 0.1,\n            midOpacity: 1,\n            endOpacity: 0.0,\n            translateY: '-33vh'\n          },\n          class: 'my-custom-class'\n      }\"\n    />\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\nimport FloatingImages from '@martyrs/src/modules/landing/components/elements/FloatingImages.vue';\n\nconst props = defineProps({\n  content: {\n    type: Object,\n    required: true\n  },\n  options: {\n    type: Object,\n    default: () => ({\n      count: 1230,\n      images: [\n        '/landing/avatars/01.png',\n        '/landing/avatars/02.png',\n        '/landing/avatars/03.png',\n        '/landing/avatars/04.png',\n        '/landing/avatars/05.png',\n        '/landing/avatars/06.png'\n      ]\n    })\n  }\n})\n\nconst { t, te } = useI18n({\n  messages: props.content\n})\n\nconst userCount = ref(props.options.count);\n\nconst increaseUserCount = () => {\n  setInterval(() => {\n    userCount.value += Math.floor(Math.random() * 2) + 1;\n  }, 1330);\n};\n\nonMounted(() => {\n  increaseUserCount();\n});\n</script>\n\n<style lang=\"scss\">\n.container-joinus {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 66%;\n  position: relative;\n\n  .content {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    z-index: 2;\n  }\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA,UAAM,QAAQ;AAqBd,UAAM,EAAE,GAAG,GAAE,IAAK,QAAQ;AAAA,MACxB,UAAU,MAAM;AAAA,IAClB,CAAC;AAED,UAAM,YAAY,IAAI,MAAM,QAAQ,KAAK;AAEzC,UAAM,oBAAoB,MAAM;AAC9B,kBAAY,MAAM;AAChB,kBAAU,SAAS,KAAK,MAAM,KAAK,OAAM,IAAK,CAAC,IAAI;AAAA,MACrD,GAAG,IAAI;AAAA,IACT;AAEA,cAAU,MAAM;AACd,wBAAiB;AAAA,IACnB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/landing/components/sections/SectionMobileApp.vue.js

@@ -14,7 +14,7 @@ const _hoisted_5 = { class: "mn-t-medium mn-b-medium w-m-40r" };
 const _hoisted_6 = { class: "t-transp mn-b-big p-medium w-m-33r" };
 const _hoisted_7 = {
   key: 0,
-  class: "mn-b-big gap-regular cols-2"
+  class: "mn-b-big gap-regular cols-2 mobile:cols-1"
 };
 const _hoisted_8 = { class: "feature" };
 const _hoisted_9 = { class: "mn-b-small" };
@@ -23,12 +23,12 @@ const _hoisted_11 = { class: "w-100 w-max-20r flex-nowrap flex gap-small" };
 const _hoisted_12 = ["href", "target"];
 const _hoisted_13 = {
   key: 0,
-  class: "z-index-2 radius-medium p-small bg-main t-semi uppercase pd-thin pos-absolute pos-r-10-negative pos-t-10-negative"
+  class: "z-index-2 radius-medium p-small bg-main fw-semi uppercase pd-thin pos-absolute pos-r-10-negative pos-t-10-negative"
 };
 const _hoisted_14 = ["href", "target"];
 const _hoisted_15 = {
   key: 0,
-  class: "z-index-2 pd-thin p-small radius-medium bg-main t-semi uppercase pos-absolute pos-r-10-negative pos-t-10-negative"
+  class: "z-index-2 pd-thin p-small radius-medium bg-main fw-semi uppercase pos-absolute pos-r-10-negative pos-t-10-negative"
 };
 const _sfc_main = {
   __name: "SectionMobileApp",

package/dist/martyrs/src/modules/landing/components/sections/SectionMobileApp.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionMobileApp.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionMobileApp.vue"],"sourcesContent":["<template>\n  <section id=\"mobileApp\" class=\"cols-2 mobile:cols-1 o-hidden \">\n      <picture>\n        <source \n          type=\"image/webp\"\n          :srcset=\"`${FILE_SERVER_URL || ''}${t('image').replace(/\\.[^/.]+$/, '-400w.webp')} 400w,\n                   ${FILE_SERVER_URL || ''}${t('image').replace(/\\.[^/.]+$/, '-800w.webp')} 800w,\n                   ${FILE_SERVER_URL || ''}${t('image').replace(/\\.[^/.]+$/, '-1200w.webp')} 1200w,\n                   ${FILE_SERVER_URL || ''}${t('image').replace(/\\.[^/.]+$/, '.webp')} 2028w`\"\n          sizes=\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 600px\"\n        >\n        <img \n          loading=\"lazy\" \n          :src=\"(FILE_SERVER_URL || '') + t('image')\" \n          :srcset=\"`${FILE_SERVER_URL || ''}${t('image')} 2028w`\"\n          sizes=\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 600px\"\n          class=\"radius-medium w-100 h-100 mobile:h-auto object-fit-cover\"\n          alt=\"OZ DAO Mobile App\"\n        >\n      </picture>\n\n    <div class=\"pd-big flex flex-h-center flex-column z-index-1 w-1/2\">\n      <h2 class=\"mn-t-medium mn-b-medium w-m-40r\">{{ t('title') }}</h2>\n      <p class=\"t-transp mn-b-big p-medium w-m-33r\">{{ t('description') }}</p>\n      \n      <div v-if=\"tm('features').length > 0\" class=\"mn-b-big gap-regular cols-2\">\n        <div v-for=\"feature in tm('features')\"  class=\"feature\">\n          <h4 class=\"mn-b-small\">{{ feature.title }}</h4>\n          <p class=\"t-transp p-regular\">{{ feature.text }}</p>\n        </div>\n      </div>\n\n      <div class=\"w-100 w-max-20r flex-nowrap flex gap-small\">\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 p-small bg-main t-semi 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 p-small radius-medium bg-main t-semi 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\n      </div>\n    </div>\n  </section>\n</template>\n\n<script setup>\nimport { useI18n } from 'vue-i18n'\n\nimport LabelAppStore from '@martyrs/src/modules/icons/labels/LabelAppStore.vue'\nimport LabelGooglePlay from '@martyrs/src/modules/icons/labels/LabelGooglePlay.vue'\n\nconst props = defineProps({\n    content: {\n      type: Object,\n      required: true\n    }\n  })\n\n  const { t, tm, te } = useI18n({\n    messages: props.content\n  })\n</script>\n\n<style lang=\"scss\">\n @media screen and (max-width: 1025px) {\n  #mobileApp {\n    text-align: center;\n    > section {\n      flex-direction: column;\n      > div {\n        order: 1;\n      }\n    }\n  }\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0EA,UAAM,QAAQ;AAOZ,UAAM,EAAE,GAAG,IAAI,GAAE,IAAK,QAAQ;AAAA,MAC5B,UAAU,MAAM;AAAA,IACpB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SectionMobileApp.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionMobileApp.vue"],"sourcesContent":["<template>\n  <section id=\"mobileApp\" class=\"cols-2 mobile:cols-1 o-hidden \">\n      <picture>\n        <source \n          type=\"image/webp\"\n          :srcset=\"`${FILE_SERVER_URL || ''}${t('image').replace(/\\.[^/.]+$/, '-400w.webp')} 400w,\n                   ${FILE_SERVER_URL || ''}${t('image').replace(/\\.[^/.]+$/, '-800w.webp')} 800w,\n                   ${FILE_SERVER_URL || ''}${t('image').replace(/\\.[^/.]+$/, '-1200w.webp')} 1200w,\n                   ${FILE_SERVER_URL || ''}${t('image').replace(/\\.[^/.]+$/, '.webp')} 2028w`\"\n          sizes=\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 600px\"\n        >\n        <img \n          loading=\"lazy\" \n          :src=\"(FILE_SERVER_URL || '') + t('image')\" \n          :srcset=\"`${FILE_SERVER_URL || ''}${t('image')} 2028w`\"\n          sizes=\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 600px\"\n          class=\"radius-medium w-100 h-100 mobile:h-auto object-fit-cover\"\n          alt=\"OZ DAO Mobile App\"\n        >\n      </picture>\n\n    <div class=\"pd-big flex flex-h-center flex-column z-index-1 w-1/2\">\n      <h2 class=\"mn-t-medium mn-b-medium w-m-40r\">{{ t('title') }}</h2>\n      <p class=\"t-transp mn-b-big p-medium w-m-33r\">{{ t('description') }}</p>\n      \n      <div v-if=\"tm('features').length > 0\" class=\"mn-b-big gap-regular cols-2 mobile:cols-1\">\n        <div v-for=\"feature in tm('features')\"  class=\"feature\">\n          <h4 class=\"mn-b-small\">{{ feature.title }}</h4>\n          <p class=\"t-transp p-regular\">{{ feature.text }}</p>\n        </div>\n      </div>\n\n      <div class=\"w-100 w-max-20r flex-nowrap flex gap-small\">\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 p-small bg-main fw-semi 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 p-small radius-medium bg-main fw-semi 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\n      </div>\n    </div>\n  </section>\n</template>\n\n<script setup>\nimport { useI18n } from 'vue-i18n'\n\nimport LabelAppStore from '@martyrs/src/modules/icons/labels/LabelAppStore.vue'\nimport LabelGooglePlay from '@martyrs/src/modules/icons/labels/LabelGooglePlay.vue'\n\nconst props = defineProps({\n    content: {\n      type: Object,\n      required: true\n    }\n  })\n\n  const { t, tm, te } = useI18n({\n    messages: props.content\n  })\n</script>\n\n<style lang=\"scss\">\n @media screen and (max-width: 1025px) {\n  #mobileApp {\n    text-align: center;\n    > section {\n      flex-direction: column;\n      > div {\n        order: 1;\n      }\n    }\n  }\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0EA,UAAM,QAAQ;AAOZ,UAAM,EAAE,GAAG,IAAI,GAAE,IAAK,QAAQ;AAAA,MAC5B,UAAU,MAAM;AAAA,IACpB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/landing/components/sections/SectionOverview.vue.js

@@ -2,7 +2,7 @@ import { resolveComponent, createElementBlock, openBlock, createElementVNode, to
 import { useI18n } from "vue-i18n";
 const _hoisted_1 = { id: "sections" };
 const _hoisted_2 = { class: "pd-t-big pd-b-big" };
-const _hoisted_3 = { class: "cols-4 gap-thin" };
+const _hoisted_3 = { class: "cols-4 mobile:cols-2 gap-thin" };
 const _hoisted_4 = ["src"];
 const _hoisted_5 = { class: "mn-b-medium" };
 const _hoisted_6 = { class: "t-transp" };
@@ -28,7 +28,7 @@ const _sfc_main = {
             return openBlock(), createBlock(_component_router_link, {
               key: section.route,
               to: section.route,
-              class: "cursor-pointer hover-scale-0 transition-ease-in pd-big bg-light t-black radius-medium"
+              class: "cursor-pointer hover:scale-[1.015] ease-in pd-big bg-light t-black radius-medium"
             }, {
               default: withCtx(() => [
                 createElementVNode("img", {

package/dist/martyrs/src/modules/landing/components/sections/SectionOverview.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionOverview.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionOverview.vue"],"sourcesContent":["<template>\n  <div id=\"sections\">\n    <h2 class=\"pd-t-big pd-b-big\">\n      {{t('title')}}\n    </h2>\n\n    <div class=\"cols-4 gap-thin\">\n      <router-link \n        v-for=\"section in tm('sections')\" \n        :key=\"section.route\"\n        :to=\"section.route\" \n        class=\"cursor-pointer hover-scale-0 transition-ease-in pd-big bg-light t-black radius-medium\"\n      >\n        <img \n          loading=\"lazy\" \n          :src=\"section.image\"\n          alt=\"\" \n          class=\"w-100 object-fit-cover\"\n        >\n        <h3 class=\"mn-b-medium\">{{ section.title }}</h3>\n        <p class=\"t-transp\">{{ section.text }}</p>\n      </router-link>\n    </div>\n  </div>\n</template>\n\n<script setup>\n  import { useI18n } from 'vue-i18n'\n\n  const props = defineProps({\n    content: {\n      type: Object,\n      required: true\n    }\n  })\n\n  const { t, tm } = useI18n({\n    messages: props.content\n  })\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AA6BE,UAAM,QAAQ;AAOd,UAAM,EAAE,GAAG,GAAE,IAAK,QAAQ;AAAA,MACxB,UAAU,MAAM;AAAA,IACpB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SectionOverview.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionOverview.vue"],"sourcesContent":["<template>\n  <div id=\"sections\">\n    <h2 class=\"pd-t-big pd-b-big\">\n      {{t('title')}}\n    </h2>\n\n    <div class=\"cols-4 mobile:cols-2 gap-thin\">\n      <router-link \n        v-for=\"section in tm('sections')\" \n        :key=\"section.route\"\n        :to=\"section.route\" \n        class=\"cursor-pointer hover:scale-[1.015] ease-in pd-big bg-light t-black radius-medium\"\n      >\n        <img \n          loading=\"lazy\" \n          :src=\"section.image\"\n          alt=\"\" \n          class=\"w-100 object-fit-cover\"\n        >\n        <h3 class=\"mn-b-medium\">{{ section.title }}</h3>\n        <p class=\"t-transp\">{{ section.text }}</p>\n      </router-link>\n    </div>\n  </div>\n</template>\n\n<script setup>\n  import { useI18n } from 'vue-i18n'\n\n  const props = defineProps({\n    content: {\n      type: Object,\n      required: true\n    }\n  })\n\n  const { t, tm } = useI18n({\n    messages: props.content\n  })\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AA6BE,UAAM,QAAQ;AAOd,UAAM,EAAE,GAAG,GAAE,IAAK,QAAQ;AAAA,MACxB,UAAU,MAAM;AAAA,IACpB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/landing/components/sections/SectionRoadmap.vue.js

@@ -16,7 +16,7 @@ const _hoisted_5 = {
 };
 const _hoisted_6 = { class: "w-100 timeline-content" };
 const _hoisted_7 = { class: "mn-b-small" };
-const _hoisted_8 = { class: "uppercase mn-b-semi t-main t-semi date" };
+const _hoisted_8 = { class: "uppercase mn-b-semi t-main fw-semi date" };
 const _hoisted_9 = { class: "t-transp w-100" };
 const _sfc_main = {
   __name: "SectionRoadmap",
@@ -64,7 +64,7 @@ const _sfc_main = {
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(tm)("milestones"), (milestone, index) => {
             return openBlock(), createElementBlock("div", {
               key: index,
-              class: "timeline-item br-white-transp-10 br-1px br-solid pd-big radius-small"
+              class: "timeline-item br-white-transp-10 br-1px pd-big radius-small"
             }, [
               createElementVNode("div", _hoisted_4, [
                 milestone.finished ? (openBlock(), createElementBlock("svg", _hoisted_5, _cache[0] || (_cache[0] = [
@@ -91,7 +91,7 @@ const _sfc_main = {
     };
   }
 };
-const SectionRoadmap = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-148fd4a9"]]);
+const SectionRoadmap = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8e30d06e"]]);
 export {
   SectionRoadmap as default
 };

package/dist/martyrs/src/modules/landing/components/sections/SectionRoadmap.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionRoadmap.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionRoadmap.vue"],"sourcesContent":["<script setup>\nimport { ref } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\nconst props = defineProps({\n  textData: {\n    type: Object,\n    default: () => ({\n      messages: {\n        en: {\n          title: 'Weeder Roadmap',\n          milestones: [{\n            title: 'MVP in Thailand',\n            description: 'The Weeder platform was tested as a minimum viable product (MVP) in Thailand to validate its basic features and gather user feedback. This helped the company make improvements before launching on a larger scale.',\n            date: '2023-02-01',\n            finished: 'true'\n          },{\n            date: '2023-05-01',\n            title: 'Weeder Platform Soft Launch',\n            description: 'A soft version of the Weeder platform will be launched for users to explore and provide feedback. This allows the company to identify any issues and make improvements before the official release.',\n          },{\n            date: '2023-07-01',\n            title: 'IDO',\n            description: 'The Initial DEX Offering (IDO) will launch the Weeder token on a our decentralized platform. It allows the public to purchase Weeder tokens and get involved in the project at an early stage. It can also help establish the initial token price.',\n          },{\n            date: '2023-09-01',\n            title: 'Weeder Platform Official Release',\n            description: 'The Weeder platform will be officially released with dividend features, cashback, and full blockchain integration. This marks the full launch of the platform and allows users to access all its features.',\n          },{\n            date: '2023-11-01',\n            title: 'Weeder Ecosystem Expansion',\n            description: 'The Weeder ecosystem will be expanded by adding support for new countries and enhancing its functionalities. This helps to increase the platforms user base and improve its overall capabilities.',\n          }]\n        }\n      }\n    })\n  }\n});\n\nconst { t,tm } = useI18n(props.textData);\n</script>\n\n<template>\n  <div class=\"o-hidden bg-black t-white t-left pd-big radius-medium\">\n    <h2 class=\"mn-b-big t-center w-100\">{{ t('title') }}</h2>\n    \n    <div class=\"gap-thin flex-nowrap flex o-scrolled timeline custom-scroll\">\n      <div\n        v-for=\"(milestone, index) in tm('milestones')\"\n        :key=\"index\"\n        class=\"timeline-item br-white-transp-10 br-1px br-solid pd-big radius-small\"\n      >\n      \n        <div class=\"mn-b-semi bg-white-transp-5 timeline-icon\">\n          <svg v-if=\"milestone.finished\"  width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <g id=\"24 / basic / check-mark\">\n            <path id=\"icon\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.28033 10.7197L14.25 3.75L15.3107 4.81066L7.28033 12.841L3 8.56066L4.06066 7.5L7.28033 10.7197Z\" fill=\"rgb(var(--main))\"/>\n            </g>\n          </svg>\n        </div>\n\n        <div class=\"w-100 timeline-content\">\n          <h3 class=\"mn-b-small\">{{ t(milestone.title) }}</h3>\n          <p class=\"uppercase mn-b-semi t-main t-semi date\">{{ milestone.date }}</p>\n          <p class=\"t-transp w-100\">{{ t(milestone.description) }}</p>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n  .timeline {\n    .timeline-item {\n      min-width: 32rem;\n    }\n\n    .timeline-icon {\n      border-radius: 100%;\n      width: 3rem;\n      height: 3rem;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    \n\n      img {\n        width: 1.5rem;\n        height: 1.5rem;\n      }\n    }\n  }\n\n  .custom-scroll {\n    overflow-x: scroll;\n    scrollbar-width: none; /* Hide scrollbar for Firefox */\n    -ms-overflow-style: none; /* Hide scrollbar for IE and Edge */\n    display: -webkit-box; /* Fix for Safari */\n    display: -webkit-flex; /* Fix for Safari */\n    display: -ms-flexbox;\n    display: flex;\n  }\n\n  .custom-scroll::-webkit-scrollbar {\n    width: 0px; /* Hide scrollbar for Chrome and Safari */\n    height: 0px;\n  }\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,UAAM,QAAQ;AAmCd,UAAM,EAAE,GAAE,GAAE,IAAK,QAAQ,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SectionRoadmap.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionRoadmap.vue"],"sourcesContent":["<script setup>\nimport { ref } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\nconst props = defineProps({\n  textData: {\n    type: Object,\n    default: () => ({\n      messages: {\n        en: {\n          title: 'Weeder Roadmap',\n          milestones: [{\n            title: 'MVP in Thailand',\n            description: 'The Weeder platform was tested as a minimum viable product (MVP) in Thailand to validate its basic features and gather user feedback. This helped the company make improvements before launching on a larger scale.',\n            date: '2023-02-01',\n            finished: 'true'\n          },{\n            date: '2023-05-01',\n            title: 'Weeder Platform Soft Launch',\n            description: 'A soft version of the Weeder platform will be launched for users to explore and provide feedback. This allows the company to identify any issues and make improvements before the official release.',\n          },{\n            date: '2023-07-01',\n            title: 'IDO',\n            description: 'The Initial DEX Offering (IDO) will launch the Weeder token on a our decentralized platform. It allows the public to purchase Weeder tokens and get involved in the project at an early stage. It can also help establish the initial token price.',\n          },{\n            date: '2023-09-01',\n            title: 'Weeder Platform Official Release',\n            description: 'The Weeder platform will be officially released with dividend features, cashback, and full blockchain integration. This marks the full launch of the platform and allows users to access all its features.',\n          },{\n            date: '2023-11-01',\n            title: 'Weeder Ecosystem Expansion',\n            description: 'The Weeder ecosystem will be expanded by adding support for new countries and enhancing its functionalities. This helps to increase the platforms user base and improve its overall capabilities.',\n          }]\n        }\n      }\n    })\n  }\n});\n\nconst { t,tm } = useI18n(props.textData);\n</script>\n\n<template>\n  <div class=\"o-hidden bg-black t-white t-left pd-big radius-medium\">\n    <h2 class=\"mn-b-big t-center w-100\">{{ t('title') }}</h2>\n    \n    <div class=\"gap-thin flex-nowrap flex o-scrolled timeline custom-scroll\">\n      <div\n        v-for=\"(milestone, index) in tm('milestones')\"\n        :key=\"index\"\n        class=\"timeline-item br-white-transp-10 br-1px pd-big radius-small\"\n      >\n      \n        <div class=\"mn-b-semi bg-white-transp-5 timeline-icon\">\n          <svg v-if=\"milestone.finished\"  width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <g id=\"24 / basic / check-mark\">\n            <path id=\"icon\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.28033 10.7197L14.25 3.75L15.3107 4.81066L7.28033 12.841L3 8.56066L4.06066 7.5L7.28033 10.7197Z\" fill=\"rgb(var(--main))\"/>\n            </g>\n          </svg>\n        </div>\n\n        <div class=\"w-100 timeline-content\">\n          <h3 class=\"mn-b-small\">{{ t(milestone.title) }}</h3>\n          <p class=\"uppercase mn-b-semi t-main fw-semi date\">{{ milestone.date }}</p>\n          <p class=\"t-transp w-100\">{{ t(milestone.description) }}</p>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n  .timeline {\n    .timeline-item {\n      min-width: 32rem;\n    }\n\n    .timeline-icon {\n      border-radius: 100%;\n      width: 3rem;\n      height: 3rem;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    \n\n      img {\n        width: 1.5rem;\n        height: 1.5rem;\n      }\n    }\n  }\n\n  .custom-scroll {\n    overflow-x: scroll;\n    scrollbar-width: none; /* Hide scrollbar for Firefox */\n    -ms-overflow-style: none; /* Hide scrollbar for IE and Edge */\n    display: -webkit-box; /* Fix for Safari */\n    display: -webkit-flex; /* Fix for Safari */\n    display: -ms-flexbox;\n    display: flex;\n  }\n\n  .custom-scroll::-webkit-scrollbar {\n    width: 0px; /* Hide scrollbar for Chrome and Safari */\n    height: 0px;\n  }\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,UAAM,QAAQ;AAmCd,UAAM,EAAE,GAAE,GAAE,IAAK,QAAQ,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/marketplace/views/components/pages/Marketplace.vue.js

@@ -2,7 +2,7 @@ import { ref, watch, createElementBlock, openBlock, createElementVNode, unref, c
 import { useRoute, useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
 import _sfc_main$2 from "../../../../../components/Feed/Feed.vue.js";
-import Filters from "../../../../core/views/components/sections/Filters.vue.js";
+import Filters from "../../../../core/views/components/sections/Filters.vue2.js";
 import _sfc_main$1 from "../../../../core/views/components/sections/filters/FiltersGroup.vue.js";
 import Field from "../../../../../components/Field/Field.vue.js";
 import _sfc_main$3 from "../../../../organizations/components/blocks/CardOrganization.vue.js";
@@ -12,8 +12,8 @@ import { useGlobalMixins } from "../../../../core/views/mixins/mixins.js";
 const _hoisted_1 = { class: "pos-relative" };
 const _hoisted_2 = { class: "pd-medium mn-b-thin" };
 const _hoisted_3 = { class: "" };
-const _hoisted_4 = { class: "cols-2-1_3 br-1px br-solid br-light z-index-3 pos-relative" };
-const _hoisted_5 = { class: "o-y-scroll br-r br-solid br-light pd-medium z-index-2 desktop-only h-100 pos-relative" };
+const _hoisted_4 = { class: "cols-[1fr_3fr] mobile:cols-1 br-1px br-light z-index-3 pos-relative" };
+const _hoisted_5 = { class: "o-y-scroll br-r-1px br-light pd-medium z-index-2 desktop-only h-100 pos-relative" };
 const _hoisted_6 = { class: "w-100 o-y-scroll h-100" };
 const _hoisted_7 = {
   key: 0,
@@ -123,7 +123,7 @@ const _sfc_main = {
               onClick: _cache[0] || (_cache[0] = (a) => {
                 unref(store).core.state.isOpenLocationPopup = true;
               }),
-              class: "t-main t-semi cursor-pointer"
+              class: "t-main fw-semi cursor-pointer"
             }, [
               localPosition.value.city ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                 createTextVNode(toDisplayString(localPosition.value.city) + ", ", 1)
@@ -139,7 +139,7 @@ const _sfc_main = {
               onClick: _cache[1] || (_cache[1] = (a) => {
                 unref(store).core.state.isOpenLocationPopup = true;
               }),
-              class: "t-main t-semi cursor-pointer"
+              class: "t-main fw-semi cursor-pointer"
             }, "The World"))
           ])
         ]),
@@ -160,7 +160,7 @@ const _sfc_main = {
                     return openBlock(), createElementBlock("div", {
                       key: location.label,
                       onClick: ($event) => unref(router).push(location.path),
-                      class: "cursor-pointer hover-t-underline mn-b-regular transition-all"
+                      class: "cursor-pointer hover:underline mn-b-regular ease"
                     }, toDisplayString(location.label), 9, _hoisted_9);
                   }), 128))
                 ])

package/dist/martyrs/src/modules/marketplace/views/components/pages/Marketplace.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Marketplace.vue.js","sources":["../../../../../../../../src/modules/marketplace/views/components/pages/Marketplace.vue"],"sourcesContent":["<template>\n  <div class=\"pos-relative\">\n    <header class=\"pd-medium mn-b-thin\">\n      <h2 class=\"\">\n        <span class=\"\">Weed Deliveries in </span>\n\n        <span\n          v-if=\"localPosition.city || localPosition.state || localPosition.country\"\n          @click=\"a => { store.core.state.isOpenLocationPopup = true }\"\n          class=\"t-main t-semi cursor-pointer \"\n        >\n          <template v-if=\"localPosition.city\">{{localPosition.city}}, </template>\n          <template v-if=\"localPosition.state\">{{localPosition.state}}, </template>\n          <template v-if=\"localPosition.country\">{{localPosition.country}}</template>\n        </span>\n\n        <span v-else @click=\"a => { store.core.state.isOpenLocationPopup = true }\"  class=\"t-main t-semi cursor-pointer\">The World</span>\n      </h2>\n    </header>\n\n    <div class=\"cols-2-1_3 br-1px br-solid br-light z-index-3 pos-relative\">\n\n      <div class=\"o-y-scroll br-r br-solid br-light pd-medium z-index-2 desktop-only h-100 pos-relative\">\n        <div class=\"w-100 o-y-scroll h-100\">\n          <!-- Location Filter -->\n          <div v-if=\"!route.params.country && !route.params.state && !route.params.city\" class=\"mn-b-medium\">\n            <h4 class=\"mn-b-small\">Location</h4>\n            <Field\n              v-model=\"searchLocation\"\n              placeholder=\"Search location...\"\n              type=\"text\"\n              class=\"w-100 bg-light pd-small radius-small mn-b-small\"\n            />\n            <div class=\"gap-micro\">\n              <div\n                v-for=\"location in marketplace.state.locationOptions\"\n                :key=\"location.label\"\n                @click=\"router.push(location.path)\"\n                class=\"cursor-pointer hover-t-underline mn-b-regular transition-all\"\n              >\n                {{ location.label }}\n              </div>\n            </div>\n          </div>\n\n          <!-- Filters Group -->\n          <FiltersGroup\n            :filters=\"marketplace.state.filter.options\"\n            v-model:selected=\"marketplace.state.filter.selected\"\n            :immediate=\"true\"\n            :showHeader=\"false\"\n            :showApplyButton=\"false\"\n            :showResetButton=\"true\"\n          />\n        </div>\n      </div>\n\n      <div class=\"w-100 rows-1 pd-thin pos-relative o-hidden\">\n        <Feed\n          :search=\"true\"\n          v-model:sort=\"marketplace.state.sort\"\n          :showLoadMore=\"false\"\n          :states=\"{\n            empty: {\n              title: 'No Shops Found',\n              description: 'Currently, there are no shops.'\n            }\n          }\"\n          :store=\"{\n            read: (options) => marketplaceStore.readCatalog(options)\n          }\"\n          :options=\"{\n            country: localPosition.country,\n            state: localPosition.state,\n            city: localPosition.city,\n            location: localLocation?.location,\n            lookup: ['products','spots'],\n            contain: ['products'],\n            priceMin: marketplace.state.filter.selected.price?.min,\n            priceMax: marketplace.state.filter.selected.price?.max,\n            delivery: marketplace.state.filter.selected.delivery?.length > 0 ? marketplace.state.filter.selected.delivery.join(',') : undefined,\n            payment: marketplace.state.filter.selected.payment?.length > 0 ? marketplace.state.filter.selected.payment.join(',') : undefined\n          }\"\n          v-slot=\"{\n            items\n          }\"\n          class=\"rows-1 gap-thin\"\n        >\n          <div class=\"mn-b-thin mobile-only\">\n            <Filters\n              v-model:filters=\"marketplace.state.filter.options\"\n              v-model:selected=\"marketplace.state.filter.selected\"\n              class=\"\"\n            />\n          </div>\n\n          <CardOrganization\n            v-for=\"organization in items\"\n            :key=\"organization._id\"\n            :organization=\"organization\"\n            :showRating=\"true\"\n            :showFollowers=\"false\"\n            :showProducts=\"true\"\n            class=\"bg-light w-100 o-hidden radius-medium pd-small \"\n          />\n        </Feed>\n\n      </div>\n    </div>\n  </div>\n\n</template>\n\n\n<script setup=\"props\">\n  // Import libs\n  import { onMounted, watch, ref } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n  import { useI18n } from 'vue-i18n'\n\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n  import Filters  from '@martyrs/src/modules/core/views/components/sections/Filters.vue'\n  import FiltersGroup from '@martyrs/src/modules/core/views/components/sections/filters/FiltersGroup.vue'\n  import Field from \"@martyrs/src/components/Field/Field.vue\"\n\n  import CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n  import { useStore } from '@martyrs/src/modules/core/views/store/core.store.js'\n  import * as organization from '@martyrs/src/modules/organizations/store/organizations.js'\n  import * as marketplace from '../../store/marketplace'\n  import marketplaceStore from '../../store/marketplace'\n  import { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js'\n\n  const route = useRoute()\n  const router = useRouter()\n  const store = useStore()\n  const { returnCurrency } = useGlobalMixins()\n\n  const localPosition = ref({\n    city: null,\n    state: null,\n    country: null\n  });\n\n  const localLocation = ref(null);\n  // Location filter\n  const searchLocation = ref('');\n\n  if (route.params) {\n    // Загружаем новые значения из параметров маршрута в состояние\n    let newState = {\n      country: denormalizeUrlParam(route.params.country),\n      state: denormalizeUrlParam(route.params.state),\n      city: denormalizeUrlParam(route.params.city),\n    };\n\n\t  // Обновляем глобальное состояние\n\t  localPosition.value = newState;\n\t}\n\n\tif (route.query) {\n\t \tconst query = route.query;\n\n\t\tmarketplace.state.filter.selected.categories = query.categories ? query.categories.split(',') : [];\n\t\tmarketplace.state.filter.selected.prices = query.prices ? query.prices.split(',') : [];\n\t\tmarketplace.state.filter.selected.delivery = query.delivery ? query.delivery.split(',') : [];\n\t}\n\n\tif (route.query.sortParam) marketplace.state.sort.param = route.query.sortParam\n\tif (route.query.sortOrder) marketplace.state.sort.order = route.query.sortOrder\n\n  function denormalizeUrlParam(param) {\n    return param\n      .replace(/-/g, ' ')\n      .replace(/\\b\\w/g, l => l.toUpperCase());\n  }\n\n  function normalizeUrlParam(param) {\n    return param\n      .toLowerCase()\n      .replace(/ /g, '-')\n      .replace(/[^a-z0-9-]/g, '');\n  }\n\n\twatch(() => marketplace.state.sort, (newSortValue, oldSortValue) => {\n\t\tlet query = { ...route.query}\n\t\t\n\t\tquery.sortParam = newSortValue.param\n\t\tquery.sortOrder = newSortValue.order\n\t  \n\t  // replace the current route\n\t  router.replace({ query });\n\t}, { deep: true });\n\n\n\twatch(() => marketplace.state.filter.selectedFilters, (newFilterValue, oldFilterValue) => {\n\t  // Переводим фильтр в формат query\n\t  const query = { ...route.query };\n\n\t  // Удаляем старые значения фильтра из query\n\t  Object.keys(oldFilterValue).forEach(key => {\n\t    if (query[key]) {\n\t      delete query[key];\n\t    }\n\t  });\n\n\t  // Добавляем новые значения фильтра в query\n\t  const newQueryValues = Object.fromEntries(\n\t    Object.entries(newFilterValue)\n\t      .filter(([key, value]) => Array.isArray(value) && value.length > 0)\n\t      .map(([key, value]) => [key, value.join(',')])\n\t  );\n\n\t  delete query.options;\n\t  Object.assign(query, newQueryValues);\n\n\t  // Обновляем маршрут с новым query\n\t  router.replace({ query });\n\t}, { deep: true })\n\n\twatch(() => store.core.state.position, (newPosition) => {\n   // get the current route\n   const currentRoute = { ...router.currentRoute.value };\n\t  \n   // create new parameters based on globals state position\n   let newParams = {\n     country: normalizeUrlParam(newPosition.country),\n     state: normalizeUrlParam(newPosition.state),\n     city: normalizeUrlParam(newPosition.city),\n   };\n\n  let newState = {\n    country: denormalizeUrlParam(newPosition.country),\n    state: denormalizeUrlParam(newPosition.state),\n    city: denormalizeUrlParam(newPosition.city),\n  };\n  \n   // update route params\n   localPosition.value = newState;\n   currentRoute.params = newParams;\n\n  \n   // replace the current route\n   router.replace(currentRoute);\n\t}, { deep: true });\n\n  const text = {\n    locale: 'en',\n    messages: {\n      en: {\n        meta: {\n          title: \"Marketplace – Shop Our Wide Selection of Quality Weed for Delivery\",\n          description: \"Browse our marketplace of top-grade weed strains and choose from a variety of delivery options. Order now and have your favorite strains delivered straight to your door. Safe, fast, and reliable.\",\n        }\n      },\n      ru: {\n        meta: {\n          title: \"Маркетплейс – Выбирайте из нашего ассортимента качественной травки для доставки\",\n          description: \"Маркетплейс – Изучите наши продукты высокого качества и выбирайте из различных вариантов доставки. Закажите сейчас и получите свои любимые сорта на дом. Безопасно, быстро и надежно.\",\n        }\n      }\n    }\n  }\n\n  const { t } = useI18n(text)\n</script>\n\n<style lang=\"scss\">\n\n\n</style>\n\n\n"],"names":["marketplace.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqIE,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AACxB,UAAM,QAAQ,SAAQ;AACtB,UAAM,EAAE,eAAc,IAAK,gBAAe;AAE1C,UAAM,gBAAgB,IAAI;AAAA,MACxB,MAAM;AAAA,MACN,OAAO;AAAA,MACP,SAAS;AAAA,IACb,CAAG;AAED,UAAM,gBAAgB,IAAI,IAAI;AAE9B,UAAM,iBAAiB,IAAI,EAAE;AAE7B,QAAI,MAAM,QAAQ;AAEhB,UAAI,WAAW;AAAA,QACb,SAAS,oBAAoB,MAAM,OAAO,OAAO;AAAA,QACjD,OAAO,oBAAoB,MAAM,OAAO,KAAK;AAAA,QAC7C,MAAM,oBAAoB,MAAM,OAAO,IAAI;AAAA,MACjD;AAGG,oBAAc,QAAQ;AAAA,IACxB;AAEA,QAAI,MAAM,OAAO;AACf,YAAM,QAAQ,MAAM;AAErBA,YAAkB,OAAO,SAAS,aAAa,MAAM,aAAa,MAAM,WAAW,MAAM,GAAG,IAAI,CAAA;AAChGA,YAAkB,OAAO,SAAS,SAAS,MAAM,SAAS,MAAM,OAAO,MAAM,GAAG,IAAI,CAAA;AACpFA,YAAkB,OAAO,SAAS,WAAW,MAAM,WAAW,MAAM,SAAS,MAAM,GAAG,IAAI,CAAA;AAAA,IAC3F;AAEA,QAAI,MAAM,MAAM,UAAWA,OAAkB,KAAK,QAAQ,MAAM,MAAM;AACtE,QAAI,MAAM,MAAM,UAAWA,OAAkB,KAAK,QAAQ,MAAM,MAAM;AAErE,aAAS,oBAAoB,OAAO;AAClC,aAAO,MACJ,QAAQ,MAAM,GAAG,EACjB,QAAQ,SAAS,OAAK,EAAE,YAAW,CAAE;AAAA,IAC1C;AAEA,aAAS,kBAAkB,OAAO;AAChC,aAAO,MACJ,YAAW,EACX,QAAQ,MAAM,GAAG,EACjB,QAAQ,eAAe,EAAE;AAAA,IAC9B;AAED,UAAM,MAAMA,MAAkB,MAAM,CAAC,cAAc,iBAAiB;AACnE,UAAI,QAAQ,EAAE,GAAG,MAAM,MAAK;AAE5B,YAAM,YAAY,aAAa;AAC/B,YAAM,YAAY,aAAa;AAG9B,aAAO,QAAQ,EAAE,OAAO;AAAA,IAC1B,GAAG,EAAE,MAAM,MAAM;AAGjB,UAAM,MAAMA,MAAkB,OAAO,iBAAiB,CAAC,gBAAgB,mBAAmB;AAExF,YAAM,QAAQ,EAAE,GAAG,MAAM,MAAK;AAG9B,aAAO,KAAK,cAAc,EAAE,QAAQ,SAAO;AACzC,YAAI,MAAM,GAAG,GAAG;AACd,iBAAO,MAAM,GAAG;AAAA,QAClB;AAAA,MACF,CAAC;AAGD,YAAM,iBAAiB,OAAO;AAAA,QAC5B,OAAO,QAAQ,cAAc,EAC1B,OAAO,CAAC,CAAC,KAAK,KAAK,MAAM,MAAM,QAAQ,KAAK,KAAK,MAAM,SAAS,CAAC,EACjE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,MAAM,KAAK,GAAG,CAAC,CAAC;AAAA,MACpD;AAEG,aAAO,MAAM;AACb,aAAO,OAAO,OAAO,cAAc;AAGnC,aAAO,QAAQ,EAAE,OAAO;AAAA,IAC1B,GAAG,EAAE,MAAM,KAAI,CAAE;AAEjB,UAAM,MAAM,MAAM,KAAK,MAAM,UAAU,CAAC,gBAAgB;AAEtD,YAAM,eAAe,EAAE,GAAG,OAAO,aAAa,MAAK;AAGnD,UAAI,YAAY;AAAA,QACd,SAAS,kBAAkB,YAAY,OAAO;AAAA,QAC9C,OAAO,kBAAkB,YAAY,KAAK;AAAA,QAC1C,MAAM,kBAAkB,YAAY,IAAI;AAAA,MAC7C;AAEE,UAAI,WAAW;AAAA,QACb,SAAS,oBAAoB,YAAY,OAAO;AAAA,QAChD,OAAO,oBAAoB,YAAY,KAAK;AAAA,QAC5C,MAAM,oBAAoB,YAAY,IAAI;AAAA,MAC9C;AAGG,oBAAc,QAAQ;AACtB,mBAAa,SAAS;AAItB,aAAO,QAAQ,YAAY;AAAA,IAC7B,GAAG,EAAE,MAAM,MAAM;AAEhB,UAAM,OAAO;AAAA,MACX,QAAQ;AAAA,MACR,UAAU;AAAA,QACR,IAAI;AAAA,UACF,MAAM;AAAA,YACJ,OAAO;AAAA,YACP,aAAa;AAAA,UACvB;AAAA,QACA;AAAA,QACM,IAAI;AAAA,UACF,MAAM;AAAA,YACJ,OAAO;AAAA,YACP,aAAa;AAAA,UACvB;AAAA,QACA;AAAA,MACA;AAAA,IACA;AAEE,UAAM,EAAE,MAAM,QAAQ,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Marketplace.vue.js","sources":["../../../../../../../../src/modules/marketplace/views/components/pages/Marketplace.vue"],"sourcesContent":["<template>\n  <div class=\"pos-relative\">\n    <header class=\"pd-medium mn-b-thin\">\n      <h2 class=\"\">\n        <span class=\"\">Weed Deliveries in </span>\n\n        <span\n          v-if=\"localPosition.city || localPosition.state || localPosition.country\"\n          @click=\"a => { store.core.state.isOpenLocationPopup = true }\"\n          class=\"t-main fw-semi cursor-pointer \"\n        >\n          <template v-if=\"localPosition.city\">{{localPosition.city}}, </template>\n          <template v-if=\"localPosition.state\">{{localPosition.state}}, </template>\n          <template v-if=\"localPosition.country\">{{localPosition.country}}</template>\n        </span>\n\n        <span v-else @click=\"a => { store.core.state.isOpenLocationPopup = true }\"  class=\"t-main fw-semi cursor-pointer\">The World</span>\n      </h2>\n    </header>\n\n    <div class=\"cols-[1fr_3fr] mobile:cols-1 br-1px br-light z-index-3 pos-relative\">\n\n      <div class=\"o-y-scroll br-r-1px br-light pd-medium z-index-2 desktop-only h-100 pos-relative\">\n        <div class=\"w-100 o-y-scroll h-100\">\n          <!-- Location Filter -->\n          <div v-if=\"!route.params.country && !route.params.state && !route.params.city\" class=\"mn-b-medium\">\n            <h4 class=\"mn-b-small\">Location</h4>\n            <Field\n              v-model=\"searchLocation\"\n              placeholder=\"Search location...\"\n              type=\"text\"\n              class=\"w-100 bg-light pd-small radius-small mn-b-small\"\n            />\n            <div class=\"gap-micro\">\n              <div\n                v-for=\"location in marketplace.state.locationOptions\"\n                :key=\"location.label\"\n                @click=\"router.push(location.path)\"\n                class=\"cursor-pointer hover:underline mn-b-regular ease\"\n              >\n                {{ location.label }}\n              </div>\n            </div>\n          </div>\n\n          <!-- Filters Group -->\n          <FiltersGroup\n            :filters=\"marketplace.state.filter.options\"\n            v-model:selected=\"marketplace.state.filter.selected\"\n            :immediate=\"true\"\n            :showHeader=\"false\"\n            :showApplyButton=\"false\"\n            :showResetButton=\"true\"\n          />\n        </div>\n      </div>\n\n      <div class=\"w-100 rows-1 pd-thin pos-relative o-hidden\">\n        <Feed\n          :search=\"true\"\n          v-model:sort=\"marketplace.state.sort\"\n          :showLoadMore=\"false\"\n          :states=\"{\n            empty: {\n              title: 'No Shops Found',\n              description: 'Currently, there are no shops.'\n            }\n          }\"\n          :store=\"{\n            read: (options) => marketplaceStore.readCatalog(options)\n          }\"\n          :options=\"{\n            country: localPosition.country,\n            state: localPosition.state,\n            city: localPosition.city,\n            location: localLocation?.location,\n            lookup: ['products','spots'],\n            contain: ['products'],\n            priceMin: marketplace.state.filter.selected.price?.min,\n            priceMax: marketplace.state.filter.selected.price?.max,\n            delivery: marketplace.state.filter.selected.delivery?.length > 0 ? marketplace.state.filter.selected.delivery.join(',') : undefined,\n            payment: marketplace.state.filter.selected.payment?.length > 0 ? marketplace.state.filter.selected.payment.join(',') : undefined\n          }\"\n          v-slot=\"{\n            items\n          }\"\n          class=\"rows-1 gap-thin\"\n        >\n          <div class=\"mn-b-thin mobile-only\">\n            <Filters\n              v-model:filters=\"marketplace.state.filter.options\"\n              v-model:selected=\"marketplace.state.filter.selected\"\n              class=\"\"\n            />\n          </div>\n\n          <CardOrganization\n            v-for=\"organization in items\"\n            :key=\"organization._id\"\n            :organization=\"organization\"\n            :showRating=\"true\"\n            :showFollowers=\"false\"\n            :showProducts=\"true\"\n            class=\"bg-light w-100 o-hidden radius-medium pd-small \"\n          />\n        </Feed>\n\n      </div>\n    </div>\n  </div>\n\n</template>\n\n\n<script setup=\"props\">\n  // Import libs\n  import { onMounted, watch, ref } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n  import { useI18n } from 'vue-i18n'\n\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n  import Filters  from '@martyrs/src/modules/core/views/components/sections/Filters.vue'\n  import FiltersGroup from '@martyrs/src/modules/core/views/components/sections/filters/FiltersGroup.vue'\n  import Field from \"@martyrs/src/components/Field/Field.vue\"\n\n  import CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n  import { useStore } from '@martyrs/src/modules/core/views/store/core.store.js'\n  import * as organization from '@martyrs/src/modules/organizations/store/organizations.js'\n  import * as marketplace from '../../store/marketplace'\n  import marketplaceStore from '../../store/marketplace'\n  import { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js'\n\n  const route = useRoute()\n  const router = useRouter()\n  const store = useStore()\n  const { returnCurrency } = useGlobalMixins()\n\n  const localPosition = ref({\n    city: null,\n    state: null,\n    country: null\n  });\n\n  const localLocation = ref(null);\n  // Location filter\n  const searchLocation = ref('');\n\n  if (route.params) {\n    // Загружаем новые значения из параметров маршрута в состояние\n    let newState = {\n      country: denormalizeUrlParam(route.params.country),\n      state: denormalizeUrlParam(route.params.state),\n      city: denormalizeUrlParam(route.params.city),\n    };\n\n\t  // Обновляем глобальное состояние\n\t  localPosition.value = newState;\n\t}\n\n\tif (route.query) {\n\t \tconst query = route.query;\n\n\t\tmarketplace.state.filter.selected.categories = query.categories ? query.categories.split(',') : [];\n\t\tmarketplace.state.filter.selected.prices = query.prices ? query.prices.split(',') : [];\n\t\tmarketplace.state.filter.selected.delivery = query.delivery ? query.delivery.split(',') : [];\n\t}\n\n\tif (route.query.sortParam) marketplace.state.sort.param = route.query.sortParam\n\tif (route.query.sortOrder) marketplace.state.sort.order = route.query.sortOrder\n\n  function denormalizeUrlParam(param) {\n    return param\n      .replace(/-/g, ' ')\n      .replace(/\\b\\w/g, l => l.toUpperCase());\n  }\n\n  function normalizeUrlParam(param) {\n    return param\n      .toLowerCase()\n      .replace(/ /g, '-')\n      .replace(/[^a-z0-9-]/g, '');\n  }\n\n\twatch(() => marketplace.state.sort, (newSortValue, oldSortValue) => {\n\t\tlet query = { ...route.query}\n\t\t\n\t\tquery.sortParam = newSortValue.param\n\t\tquery.sortOrder = newSortValue.order\n\t  \n\t  // replace the current route\n\t  router.replace({ query });\n\t}, { deep: true });\n\n\n\twatch(() => marketplace.state.filter.selectedFilters, (newFilterValue, oldFilterValue) => {\n\t  // Переводим фильтр в формат query\n\t  const query = { ...route.query };\n\n\t  // Удаляем старые значения фильтра из query\n\t  Object.keys(oldFilterValue).forEach(key => {\n\t    if (query[key]) {\n\t      delete query[key];\n\t    }\n\t  });\n\n\t  // Добавляем новые значения фильтра в query\n\t  const newQueryValues = Object.fromEntries(\n\t    Object.entries(newFilterValue)\n\t      .filter(([key, value]) => Array.isArray(value) && value.length > 0)\n\t      .map(([key, value]) => [key, value.join(',')])\n\t  );\n\n\t  delete query.options;\n\t  Object.assign(query, newQueryValues);\n\n\t  // Обновляем маршрут с новым query\n\t  router.replace({ query });\n\t}, { deep: true })\n\n\twatch(() => store.core.state.position, (newPosition) => {\n   // get the current route\n   const currentRoute = { ...router.currentRoute.value };\n\t  \n   // create new parameters based on globals state position\n   let newParams = {\n     country: normalizeUrlParam(newPosition.country),\n     state: normalizeUrlParam(newPosition.state),\n     city: normalizeUrlParam(newPosition.city),\n   };\n\n  let newState = {\n    country: denormalizeUrlParam(newPosition.country),\n    state: denormalizeUrlParam(newPosition.state),\n    city: denormalizeUrlParam(newPosition.city),\n  };\n  \n   // update route params\n   localPosition.value = newState;\n   currentRoute.params = newParams;\n\n  \n   // replace the current route\n   router.replace(currentRoute);\n\t}, { deep: true });\n\n  const text = {\n    locale: 'en',\n    messages: {\n      en: {\n        meta: {\n          title: \"Marketplace – Shop Our Wide Selection of Quality Weed for Delivery\",\n          description: \"Browse our marketplace of top-grade weed strains and choose from a variety of delivery options. Order now and have your favorite strains delivered straight to your door. Safe, fast, and reliable.\",\n        }\n      },\n      ru: {\n        meta: {\n          title: \"Маркетплейс – Выбирайте из нашего ассортимента качественной травки для доставки\",\n          description: \"Маркетплейс – Изучите наши продукты высокого качества и выбирайте из различных вариантов доставки. Закажите сейчас и получите свои любимые сорта на дом. Безопасно, быстро и надежно.\",\n        }\n      }\n    }\n  }\n\n  const { t } = useI18n(text)\n</script>\n\n<style lang=\"scss\">\n\n\n</style>\n\n\n"],"names":["marketplace.state"],"mappings":"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"}

package/dist/martyrs/src/modules/marketplace/views/components/sections/SectionMenu.vue.js

@@ -1,5 +1,5 @@
 import { ref, onMounted, resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, createTextVNode, Transition, withCtx, Fragment, renderList, createBlock, createCommentVNode, normalizeClass, toDisplayString } from "vue";
-import Loader from "../../../../../components/Loader/Loader.vue.js";
+import Loader from "../../../../../components/Loader/Loader.vue2.js";
 import { useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
 import { actions as actions$1 } from "../../../../products/store/categories.js";
@@ -26,7 +26,7 @@ const _hoisted_6 = {
 };
 const _hoisted_7 = {
   key: 1,
-  class: "mn-t-small radius-extra hover-bg-black t-medium t-black bg-main hover-t-white button-small button"
+  class: "mn-t-small radius-extra hover:bg-black fw-medium t-black bg-main hover:t-white button-small button"
 };
 const _sfc_main = {
   __name: "SectionMenu",
@@ -72,7 +72,7 @@ const _sfc_main = {
                 return openBlock(), createBlock(_component_router_link, {
                   to: _ctx.getMarketplaceLink([category.url]),
                   key: category,
-                  class: "cursor-pointer hover-scale-0 flex-v-center flex-h-center flex-nowrap flex-row flex bg-light radius-medium pd-medium grid-item"
+                  class: "cursor-pointer hover:scale-[1.015] flex-v-center flex-h-center flex-nowrap flex-row flex bg-light radius-medium pd-medium grid-item"
                 }, {
                   default: withCtx(() => [
                     category.photo ? (openBlock(), createElementBlock("img", {
@@ -102,7 +102,7 @@ const _sfc_main = {
     };
   }
 };
-const SectionMenu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-323b8806"]]);
+const SectionMenu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f58a45de"]]);
 export {
   SectionMenu as default
 };

package/dist/martyrs/src/modules/marketplace/views/components/sections/SectionMenu.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionMenu.vue.js","sources":["../../../../../../../../src/modules/marketplace/views/components/sections/SectionMenu.vue"],"sourcesContent":["<template>\n\t<section id=\"main-menu\" class=\"pos-relative\">\n\t\t<h2 class=\"w-m-60r mn-auto pd-t-big pd-b-big t-center\">\n\t\t\tWeed and Accessories to <br><b>Enhance Your Smoking Experience</b> \n\t\t</h2>\n\n\t\t<transition name=\"fade\" mode=\"out-in\"  appear>\n\t\t\t<div v-if=\"!menu\"  class=\"w-100 h-15r radius-medium flex-center bg-light\">\n\t\t\t\t<Loader class=\"pos-relative\"/>\n\t\t\t</div>\n\n\t\t\t<ul v-else class=\"gap-thin grid-container\">\n\t\t\t\t<router-link :to=\"getMarketplaceLink([category.url])\"\n\t\t\t\t\tv-for=\"(category,index) in categoriesRoot.slice(0,5)\" \n\t\t\t\t\t:key=\"category\" \n\t\t\t\t\tclass=\"cursor-pointer hover-scale-0 flex-v-center flex-h-center flex-nowrap flex-row flex bg-light radius-medium pd-medium grid-item\"\n\t\t\t\t>\n\t\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\t\tv-if=\"category.photo\"\n\t\t\t\t\t\t:src=\"category.photo\"\n\t\t\t\t\t\tclass=\"h-100 aspect-1x1 t-transp mn-r-thin\"\n\t\t\t\t\t>\n\n\t\t\t\t\t<div class=\"w-100\" :class=\"{'mn-r-auto':category.url === 'buds'}\">\n\t\t\t\t\t\t<h3 class=\"t-black capitalize h3\">\n\t\t\t\t\t\t\t{{category.name}}\n\t\t\t\t\t\t</h3>\n\t\t\t\t\t\n\t\t\t\t\t\t<p v-if=\"category.url === 'buds'\" class=\"mn-t-thin mn-b-thin t-transp t-black p-regular\">\n\t\t\t\t\t\t\tUnveiling the Exceptional User Curated Best Buds\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<button \n\t\t\t\t\t\t\tv-if=\"category.url === 'buds'\"\n\t\t\t        class=\"mn-t-small radius-extra hover-bg-black t-medium t-black bg-main hover-t-white button-small button\"\n\t\t\t      >\n\t\t\t        <span>Check {{countProduct.count}} products →</span>\n\t\t\t      </button>\n\t\t\t\t\t</div>\n\t\t\t\t</router-link>\n\n\t\t\t</ul>\n\t\t</transition>\n\t</section>\n</template>\n\n\n<script setup>\n\timport { ref, onMounted,computed } from 'vue'\n\n\timport Loader from '@martyrs/src/components/Loader/Loader.vue'\n\n\timport { useRouter } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\t\t\n\timport * as categories from '@martyrs/src/modules/products/store/categories.js';\n\timport * as products from '@martyrs/src/modules/products/store/products.js';\n\n\tconst router = useRouter()\n\n\tconst categoriesRoot = ref(null)\n\t\n \tconst text = {\n    en: {\n    \tcategories: []\n    },\n    ru: {\n    \tcategories: []\n    }\n  }\n\n\n\tconst { t  } = useI18n({\n    messages: text\n  })\n\n\tconst countProduct = ref(0)\n\tconst menu = ref(false)\n\n\tonMounted( async () => {\n\t\tcountProduct.value = await products.actions.read({count: true})\n\t\tcategoriesRoot.value = await categories.actions.read({rootOnly: true})\n\t\tmenu.value = true\n\t})\n</script>\n\n<style lang=\"scss\" scoped>\n\t.grid-container {\n\t  display: grid;\n\t  grid-template-columns: repeat(4, 1fr);\n\t  grid-template-rows: repeat(2, 1fr);\n\t}\n\n\t.grid-item {\n\t  &:first-of-type {\n\t  \tgrid-column: span 2;\n\t  \tgrid-row: span 2;\n\t  }\n\t}\n\n\t@media screen and (max-width: 1025px) {\n    .grid-container {  grid-template-columns: repeat(2, 1fr);  }\n  }\n</style>\n"],"names":["products.actions","categories.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0DgB,cAAS;AAExB,UAAM,iBAAiB,IAAI,IAAI;AAE9B,UAAM,OAAO;AAAA,MACX,IAAI;AAAA,QACH,YAAY,CAAA;AAAA,MACjB;AAAA,MACI,IAAI;AAAA,QACH,YAAY,CAAA;AAAA,MACjB;AAAA,IACA;AAGC,UAAM,EAAE,EAAC,IAAM,QAAQ;AAAA,MACpB,UAAU;AAAA,IACd,CAAG;AAEF,UAAM,eAAe,IAAI,CAAC;AAC1B,UAAM,OAAO,IAAI,KAAK;AAEtB,cAAW,YAAY;AACtB,mBAAa,QAAQ,MAAMA,QAAiB,KAAK,EAAC,OAAO,KAAI,CAAC;AAC9D,qBAAe,QAAQ,MAAMC,UAAmB,KAAK,EAAC,UAAU,KAAI,CAAC;AACrE,WAAK,QAAQ;AAAA,IACd,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SectionMenu.vue.js","sources":["../../../../../../../../src/modules/marketplace/views/components/sections/SectionMenu.vue"],"sourcesContent":["<template>\n\t<section id=\"main-menu\" class=\"pos-relative\">\n\t\t<h2 class=\"w-m-60r mn-auto pd-t-big pd-b-big t-center\">\n\t\t\tWeed and Accessories to <br><b>Enhance Your Smoking Experience</b> \n\t\t</h2>\n\n\t\t<transition name=\"fade\" mode=\"out-in\"  appear>\n\t\t\t<div v-if=\"!menu\"  class=\"w-100 h-15r radius-medium flex-center bg-light\">\n\t\t\t\t<Loader class=\"pos-relative\"/>\n\t\t\t</div>\n\n\t\t\t<ul v-else class=\"gap-thin grid-container\">\n\t\t\t\t<router-link :to=\"getMarketplaceLink([category.url])\"\n\t\t\t\t\tv-for=\"(category,index) in categoriesRoot.slice(0,5)\" \n\t\t\t\t\t:key=\"category\" \n\t\t\t\t\tclass=\"cursor-pointer hover:scale-[1.015] flex-v-center flex-h-center flex-nowrap flex-row flex bg-light radius-medium pd-medium grid-item\"\n\t\t\t\t>\n\t\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\t\tv-if=\"category.photo\"\n\t\t\t\t\t\t:src=\"category.photo\"\n\t\t\t\t\t\tclass=\"h-100 aspect-1x1 t-transp mn-r-thin\"\n\t\t\t\t\t>\n\n\t\t\t\t\t<div class=\"w-100\" :class=\"{'mn-r-auto':category.url === 'buds'}\">\n\t\t\t\t\t\t<h3 class=\"t-black capitalize h3\">\n\t\t\t\t\t\t\t{{category.name}}\n\t\t\t\t\t\t</h3>\n\t\t\t\t\t\n\t\t\t\t\t\t<p v-if=\"category.url === 'buds'\" class=\"mn-t-thin mn-b-thin t-transp t-black p-regular\">\n\t\t\t\t\t\t\tUnveiling the Exceptional User Curated Best Buds\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<button \n\t\t\t\t\t\t\tv-if=\"category.url === 'buds'\"\n\t\t\t        class=\"mn-t-small radius-extra hover:bg-black fw-medium t-black bg-main hover:t-white button-small button\"\n\t\t\t      >\n\t\t\t        <span>Check {{countProduct.count}} products →</span>\n\t\t\t      </button>\n\t\t\t\t\t</div>\n\t\t\t\t</router-link>\n\n\t\t\t</ul>\n\t\t</transition>\n\t</section>\n</template>\n\n\n<script setup>\n\timport { ref, onMounted,computed } from 'vue'\n\n\timport Loader from '@martyrs/src/components/Loader/Loader.vue'\n\n\timport { useRouter } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\t\t\n\timport * as categories from '@martyrs/src/modules/products/store/categories.js';\n\timport * as products from '@martyrs/src/modules/products/store/products.js';\n\n\tconst router = useRouter()\n\n\tconst categoriesRoot = ref(null)\n\t\n \tconst text = {\n    en: {\n    \tcategories: []\n    },\n    ru: {\n    \tcategories: []\n    }\n  }\n\n\n\tconst { t  } = useI18n({\n    messages: text\n  })\n\n\tconst countProduct = ref(0)\n\tconst menu = ref(false)\n\n\tonMounted( async () => {\n\t\tcountProduct.value = await products.actions.read({count: true})\n\t\tcategoriesRoot.value = await categories.actions.read({rootOnly: true})\n\t\tmenu.value = true\n\t})\n</script>\n\n<style lang=\"scss\" scoped>\n\t.grid-container {\n\t  display: grid;\n\t  grid-template-columns: repeat(4, 1fr);\n\t  grid-template-rows: repeat(2, 1fr);\n\t}\n\n\t.grid-item {\n\t  &:first-of-type {\n\t  \tgrid-column: span 2;\n\t  \tgrid-row: span 2;\n\t  }\n\t}\n\n\t@media screen and (max-width: 1025px) {\n    .grid-container {  grid-template-columns: repeat(2, 1fr);  }\n  }\n</style>\n"],"names":["products.actions","categories.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0DgB,cAAS;AAExB,UAAM,iBAAiB,IAAI,IAAI;AAE9B,UAAM,OAAO;AAAA,MACX,IAAI;AAAA,QACH,YAAY,CAAA;AAAA,MACjB;AAAA,MACI,IAAI;AAAA,QACH,YAAY,CAAA;AAAA,MACjB;AAAA,IACA;AAGC,UAAM,EAAE,EAAC,IAAM,QAAQ;AAAA,MACpB,UAAU;AAAA,IACd,CAAG;AAEF,UAAM,eAAe,IAAI,CAAC;AAC1B,UAAM,OAAO,IAAI,KAAK;AAEtB,cAAW,YAAY;AACtB,mBAAa,QAAQ,MAAMA,QAAiB,KAAK,EAAC,OAAO,KAAI,CAAC;AAC9D,qBAAe,QAAQ,MAAMC,UAAmB,KAAK,EAAC,UAAU,KAAI,CAAC;AACrE,WAAK,QAAQ;AAAA,IACd,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/music/components/blocks/ActionButtons.vue.js

@@ -1,12 +1,12 @@
 import { ref, createElementBlock, openBlock, Fragment, renderList, createBlock, normalizeClass, withCtx, createCommentVNode, createTextVNode, resolveDynamicComponent, toDisplayString, createElementVNode, createVNode } from "vue";
 import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
-import _sfc_main$2 from "../../../../components/Dropdown/Dropdown.vue.js";
+import _sfc_main$2 from "../../../../components/Dropdown/Dropdown.vue2.js";
 import _sfc_main$3 from "../../../icons/navigation/IconEllipsis.vue.js";
 const _hoisted_1 = { class: "flex gap-small mn-b-medium" };
 const _hoisted_2 = { class: "dropdown-menu bg-white pd-small radius-medium shadow-big mn-t-thin" };
 const _hoisted_3 = {
   key: 0,
-  class: "mn-v-thin border-dark-transp-10"
+  class: "mn-v-thin br-dark-transp-10"
 };
 const _sfc_main = {
   __name: "ActionButtons",
@@ -30,7 +30,7 @@ const _sfc_main = {
           return openBlock(), createElementBlock(Fragment, { key: index }, [
             button.type !== "dropdown" ? (openBlock(), createBlock(_sfc_main$1, {
               key: 0,
-              class: normalizeClass(["flex-1 radius-thin flex-center gap-thin", button.class]),
+              class: normalizeClass(["flex-child-1 radius-thin flex-center gap-thin", button.class]),
               onClick: button.action
             }, {
               default: withCtx(() => [