@ozdao/martyrs 0.2.602 → 0.2.603

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

@@ -4,7 +4,7 @@ import { useGlobalMixins } from "../../../core/views/mixins/mixins.js";
 import Table from "../../../../components/Table/Table.vue.js";
 import _sfc_main$1 from "../../../../components/Feed/Feed.vue.js";
 import PlaceholderImage from "../../../icons/placeholders/PlaceholderImage.vue.js";
-import _sfc_main$3 from "../../../../components/Dropdown/Dropdown.vue2.js";
+import _sfc_main$3 from "../../../../components/Dropdown/Dropdown.vue.js";
 import _sfc_main$5 from "../../../../components/Popup/Popup.vue.js";
 import _sfc_main$2 from "../../../icons/entities/IconSettings.vue.js";
 import _sfc_main$4 from "../../../icons/navigation/IconEllipsis.vue.js";

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

@@ -1,10 +1,10 @@
 import { ref, computed, onMounted, createElementBlock, openBlock, createElementVNode, createVNode, withCtx, unref, Fragment, renderList, createBlock, createCommentVNode, toDisplayString } from "vue";
 import _sfc_main$4 from "../../../../components/Block/Block.vue.js";
-import _sfc_main$7 from "../../../../components/Button/Button.vue.js";
+import Button from "../../../../components/Button/Button.vue2.js";
 import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$2 from "../../../../components/Feed/Feed.vue.js";
 /* empty css                                        */
-/* empty css                                           */
+/* empty css                                            */
 import _sfc_main$1 from "../../../../components/Popup/Popup.vue.js";
 import _sfc_main$3 from "../../../orders/components/blocks/CardOrderItem.vue.js";
 import CardSpot from "../../../spots/components/blocks/CardSpot.vue.js";
@@ -323,7 +323,7 @@ const _sfc_main = {
                 image: position.image,
                 name: position.name,
                 title: unref(formatPrice)(position.cost * position.quantity),
-                title_class: [position.cost * position.quantity < 0 ? "t-red" : "t-grey"],
+                title_class: [position.cost * position.quantity < 0 ? "t-red" : "t-dark"],
                 subtitle: `${unref(formatPrice)(position.cost)} × ${Math.abs(position.quantity)}${position.unit} `
               }, {
                 actions: withCtx(() => [
@@ -342,7 +342,7 @@ const _sfc_main = {
           default: withCtx(() => [
             createElementVNode("section", _hoisted_9, [
               createElementVNode("span", _hoisted_10, " In total: " + toDisplayString(unref(formatPrice)(totalPrice.value)), 1),
-              createVNode(_sfc_main$7, {
+              createVNode(Button, {
                 submit: onSaveDraft,
                 class: "bg-second w-min-5r button"
               }, {
@@ -351,7 +351,7 @@ const _sfc_main = {
                 ])),
                 _: 1
               }),
-              createVNode(_sfc_main$7, {
+              createVNode(Button, {
                 submit: onPublish,
                 class: "bg-main w-min-5r button"
               }, {
@@ -360,7 +360,7 @@ const _sfc_main = {
                 ])),
                 _: 1
               }),
-              createVNode(_sfc_main$7, {
+              createVNode(Button, {
                 submit: onReset,
                 class: "t-white w-min-5r bg-second button"
               }, {

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.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 ws-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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgQE,UAAM,QAAQ,SAAQ;AAUtB,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AACxB,UAAM,EAAE,YAAW,IAAK,gBAAe;AAEvC,UAAM,sBAAsB,IAAI,KAAK;AACrC,UAAM,sBAAsB,IAAI,KAAK;AACrC,UAAM,kBAAkB,IAAI,IAAI;AAEhC,UAAM,aAAa,SAAS,MAAM;AAChC,aAAOA,MAAgB,QAAQ,UAAU,OAAO,CAAC,KAAK,aAAa;AACjE,eAAO,OAAO,GAAG,IAAI,OAAO,SAAS,QAAQ,CAAC,IAAI,OAAO,SAAS,YAAY,CAAC;AAAA,MACjF,GAAG,CAAC;AAAA,IACN,CAAC;AAED,aAAS,oBAAoB;AAC3B,0BAAoB,QAAQ;AAAA,IAC9B;AAEA,aAAS,qBAAqB;AAC5B,0BAAoB,QAAQ;AAAA,IAC9B;AAEA,aAAS,qBAAqB;AAC5B,0BAAoB,QAAQ;AAC5B,sBAAgB,QAAQ;AAAA,IAC1B;AAEA,aAAS,cAAc,SAAS;AAC9B,sBAAgB,QAAQ;AACxB,yBAAkB;AAGlB,UAAI,QAAQ,YAAY,QAAQ,SAAS,WAAW,GAAG;AACrD,8BAAsB,QAAQ,SAAS,CAAC,CAAC;AACzC;AAAA,MACF;AAGA,0BAAoB,QAAQ;AAAA,IAC9B;AAEA,aAAS,kBAAkB,SAAS,SAAS;AAC3C,UAAI,CAAC,WAAW,QAAQ,UAAU,WAAW,KAAK,CAAE,QAAQ,YAAY;AACtE,eAAO,QAAQ;AAEjB,YAAM,QAAQ,QAAQ,YAAY,IAAI,OAAK,EAAE,KAAK,EAAE,OAAO,OAAO;AAClE,aAAO,OAAO,SACV,GAAG,QAAQ,IAAI,MAAM,MAAM,KAAK,KAAK,CAAC,KACtC,GAAG,QAAQ,IAAI,MAAM,QAAQ,IAAI;AAAA,IACvC;AAGA,aAAS,sBAAsB,SAAS;AAEtC,cAAQ,IAAI,WAAU,OAAO;AAC7B,YAAM,WAAW;AAAA,QACf,KAAK,QAAQ;AAAA,QACb,SAAS,gBAAgB,MAAM;AAAA,QAC/B,MAAM,kBAAkB,gBAAgB,OAAO,OAAO;AAAA,QACtD,OAAO,QAAQ,SAAS,CAAC,KAAK,gBAAgB,OAAO,SAAS,CAAC,KAAK;AAAA,QACpE,MAAM,QAAQ,QAAQ,QAAQ,SAAS;AAAA,QACvC,MAAM,QAAQ,QAAQ;AAAA,QACtB,UAAU;AAAA,QACV,SAAS;AAAA,UACP,KAAK,QAAQ;AAAA,UACb,MAAM,QAAQ;AAAA,UACd,YAAY,QAAQ,cAAc,CAAA;AAAA,QAC1C;AAAA,MACA;AAEI,YAAM,KAAK,QAAQ,IAAIA,MAAgB,QAAQ,WAAW,QAAQ;AAClE,yBAAkB;AAAA,IACpB;AAEA,cAAU,YAAY;AAEpBC,gBAAoB,aAAY;AAAA,IAClC,CAAC;AAED,mBAAe,UAAU;AACvBA,gBAAoB,aAAY;AAChC,aAAO;AAAA,IACT;AAGA,aAAS,qBAAqB,SAAS,SAAS;AAC9C,aAAO;AAAA,QACL,SAASD,MAAgB,QAAQ;AAAA,QACjC,SAASA,MAAgB,QAAQ;AAAA,QACjC;AAAA,QACA,WAAWA,MAAgB,QAAQ,UAAU,IAAI,UAAQ;AAAA,UACvD,SAAS,IAAI;AAAA,UACb,SAAS,IAAI,SAAS;AAAA,UACtB,SAASA,MAAgB,QAAQ;AAAA,UACjC,UAAU,IAAI;AAAA,UACd,QAAQ;AAAA,UACR,SAAS,oBAAoB,IAAI,IAAI;AAAA,UACrC,MAAM,IAAI;AAAA,QAClB,EAAQ;AAAA,QACF,OAAO;AAAA,UACL,MAAM;AAAA,UACN,QAAQ,MAAM,OAAO;AAAA,QAC7B;AAAA,QACM,SAAS;AAAA,UACP,MAAM;AAAA,UACN,QAAQE,QAAW,KAAK;AAAA,QAChC;AAAA,MACA;AAAA,IACE;AAEA,aAAS,eAAe;AACtB,UAAI,MAAM,KAAK,YAAY,cAAc;AACvC,eAAO,KAAK,EAAE,MAAM,0BAAyB,CAAE;AAAA,MACjD,WAAW,MAAM,KAAK,YAAY,gBAAgB;AAChD,eAAO,KAAK,EAAE,MAAM,6BAA6B,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG,EAAE,CAAE;AAAA,MACtF;AAAA,IACF;AAEA,mBAAe,cAAc;AAC3B,UAAI;AACF,cAAM,gBAAgB,qBAAqB,OAAO;AAClD,cAAMC,UAAkB,gBAAgB,aAAa;AACrD,qBAAY;AAAA,MACd,SAAS,OAAO;AACd,gBAAQ,MAAM,mCAAmC,KAAK;AAAA,MACxD;AAAA,IACF;AAEA,mBAAe,YAAY;AACzB,UAAI;AACF,cAAM,gBAAgB,qBAAqB,WAAW;AACtD,cAAMA,UAAkB,gBAAgB,aAAa;AACrD,qBAAY;AAAA,MACd,SAAS,OAAO;AACd,gBAAQ,MAAM,+BAA+B,KAAK;AAAA,MACpD;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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-dark']\"\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 ws-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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgQE,UAAM,QAAQ,SAAQ;AAUtB,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AACxB,UAAM,EAAE,YAAW,IAAK,gBAAe;AAEvC,UAAM,sBAAsB,IAAI,KAAK;AACrC,UAAM,sBAAsB,IAAI,KAAK;AACrC,UAAM,kBAAkB,IAAI,IAAI;AAEhC,UAAM,aAAa,SAAS,MAAM;AAChC,aAAOA,MAAgB,QAAQ,UAAU,OAAO,CAAC,KAAK,aAAa;AACjE,eAAO,OAAO,GAAG,IAAI,OAAO,SAAS,QAAQ,CAAC,IAAI,OAAO,SAAS,YAAY,CAAC;AAAA,MACjF,GAAG,CAAC;AAAA,IACN,CAAC;AAED,aAAS,oBAAoB;AAC3B,0BAAoB,QAAQ;AAAA,IAC9B;AAEA,aAAS,qBAAqB;AAC5B,0BAAoB,QAAQ;AAAA,IAC9B;AAEA,aAAS,qBAAqB;AAC5B,0BAAoB,QAAQ;AAC5B,sBAAgB,QAAQ;AAAA,IAC1B;AAEA,aAAS,cAAc,SAAS;AAC9B,sBAAgB,QAAQ;AACxB,yBAAkB;AAGlB,UAAI,QAAQ,YAAY,QAAQ,SAAS,WAAW,GAAG;AACrD,8BAAsB,QAAQ,SAAS,CAAC,CAAC;AACzC;AAAA,MACF;AAGA,0BAAoB,QAAQ;AAAA,IAC9B;AAEA,aAAS,kBAAkB,SAAS,SAAS;AAC3C,UAAI,CAAC,WAAW,QAAQ,UAAU,WAAW,KAAK,CAAE,QAAQ,YAAY;AACtE,eAAO,QAAQ;AAEjB,YAAM,QAAQ,QAAQ,YAAY,IAAI,OAAK,EAAE,KAAK,EAAE,OAAO,OAAO;AAClE,aAAO,OAAO,SACV,GAAG,QAAQ,IAAI,MAAM,MAAM,KAAK,KAAK,CAAC,KACtC,GAAG,QAAQ,IAAI,MAAM,QAAQ,IAAI;AAAA,IACvC;AAGA,aAAS,sBAAsB,SAAS;AAEtC,cAAQ,IAAI,WAAU,OAAO;AAC7B,YAAM,WAAW;AAAA,QACf,KAAK,QAAQ;AAAA,QACb,SAAS,gBAAgB,MAAM;AAAA,QAC/B,MAAM,kBAAkB,gBAAgB,OAAO,OAAO;AAAA,QACtD,OAAO,QAAQ,SAAS,CAAC,KAAK,gBAAgB,OAAO,SAAS,CAAC,KAAK;AAAA,QACpE,MAAM,QAAQ,QAAQ,QAAQ,SAAS;AAAA,QACvC,MAAM,QAAQ,QAAQ;AAAA,QACtB,UAAU;AAAA,QACV,SAAS;AAAA,UACP,KAAK,QAAQ;AAAA,UACb,MAAM,QAAQ;AAAA,UACd,YAAY,QAAQ,cAAc,CAAA;AAAA,QAC1C;AAAA,MACA;AAEI,YAAM,KAAK,QAAQ,IAAIA,MAAgB,QAAQ,WAAW,QAAQ;AAClE,yBAAkB;AAAA,IACpB;AAEA,cAAU,YAAY;AAEpBC,gBAAoB,aAAY;AAAA,IAClC,CAAC;AAED,mBAAe,UAAU;AACvBA,gBAAoB,aAAY;AAChC,aAAO;AAAA,IACT;AAGA,aAAS,qBAAqB,SAAS,SAAS;AAC9C,aAAO;AAAA,QACL,SAASD,MAAgB,QAAQ;AAAA,QACjC,SAASA,MAAgB,QAAQ;AAAA,QACjC;AAAA,QACA,WAAWA,MAAgB,QAAQ,UAAU,IAAI,UAAQ;AAAA,UACvD,SAAS,IAAI;AAAA,UACb,SAAS,IAAI,SAAS;AAAA,UACtB,SAASA,MAAgB,QAAQ;AAAA,UACjC,UAAU,IAAI;AAAA,UACd,QAAQ;AAAA,UACR,SAAS,oBAAoB,IAAI,IAAI;AAAA,UACrC,MAAM,IAAI;AAAA,QAClB,EAAQ;AAAA,QACF,OAAO;AAAA,UACL,MAAM;AAAA,UACN,QAAQ,MAAM,OAAO;AAAA,QAC7B;AAAA,QACM,SAAS;AAAA,UACP,MAAM;AAAA,UACN,QAAQE,QAAW,KAAK;AAAA,QAChC;AAAA,MACA;AAAA,IACE;AAEA,aAAS,eAAe;AACtB,UAAI,MAAM,KAAK,YAAY,cAAc;AACvC,eAAO,KAAK,EAAE,MAAM,0BAAyB,CAAE;AAAA,MACjD,WAAW,MAAM,KAAK,YAAY,gBAAgB;AAChD,eAAO,KAAK,EAAE,MAAM,6BAA6B,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG,EAAE,CAAE;AAAA,MACtF;AAAA,IACF;AAEA,mBAAe,cAAc;AAC3B,UAAI;AACF,cAAM,gBAAgB,qBAAqB,OAAO;AAClD,cAAMC,UAAkB,gBAAgB,aAAa;AACrD,qBAAY;AAAA,MACd,SAAS,OAAO;AACd,gBAAQ,MAAM,mCAAmC,KAAK;AAAA,MACxD;AAAA,IACF;AAEA,mBAAe,YAAY;AACzB,UAAI;AACF,cAAM,gBAAgB,qBAAqB,WAAW;AACtD,cAAMA,UAAkB,gBAAgB,aAAa;AACrD,qBAAY;AAAA,MACd,SAAS,OAAO;AACd,gBAAQ,MAAM,+BAA+B,KAAK;AAAA,MACpD;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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.vue2.js";
+import Filters from "../../../../core/views/components/sections/Filters.vue.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";

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

@@ -1,7 +1,7 @@
 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.vue.js";
-import _sfc_main$2 from "../../../../components/Dropdown/Dropdown.vue2.js";
-import _sfc_main$3 from "../../../icons/navigation/IconEllipsis.vue.js";
+import Button from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$1 from "../../../../components/Dropdown/Dropdown.vue.js";
+import _sfc_main$2 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 = {
@@ -28,7 +28,7 @@ const _sfc_main = {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(__props.buttons, (button, index) => {
           return openBlock(), createElementBlock(Fragment, { key: index }, [
-            button.type !== "dropdown" ? (openBlock(), createBlock(_sfc_main$1, {
+            button.type !== "dropdown" ? (openBlock(), createBlock(Button, {
               key: 0,
               class: normalizeClass(["flex-child-1 radius-thin flex-center gap-thin", button.class]),
               onClick: button.action
@@ -42,21 +42,21 @@ const _sfc_main = {
                 createTextVNode(" " + toDisplayString(button.text), 1)
               ]),
               _: 2
-            }, 1032, ["class", "onClick"])) : (openBlock(), createBlock(_sfc_main$2, {
+            }, 1032, ["class", "onClick"])) : (openBlock(), createBlock(_sfc_main$1, {
               key: 1,
-              label: { component: _sfc_main$3, class: "bg-light radius-thin pd-thin i-big" },
+              label: { component: _sfc_main$2, class: "bg-light radius-thin pd-thin i-big" },
               modelValue: dropdownOpen.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dropdownOpen.value = $event),
               class: "relative"
             }, {
               trigger: withCtx(() => [
-                createVNode(_sfc_main$1, {
+                createVNode(Button, {
                   color: "transp",
                   size: "medium",
                   class: "w-3r h-3r radius-full"
                 }, {
                   default: withCtx(() => [
-                    createVNode(_sfc_main$3, { class: "i-medium" })
+                    createVNode(_sfc_main$2, { class: "i-medium" })
                   ]),
                   _: 1
                 })
@@ -65,7 +65,7 @@ const _sfc_main = {
                 createElementVNode("div", _hoisted_2, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(button.items, (item, idx) => {
                     return openBlock(), createElementBlock(Fragment, { key: idx }, [
-                      item.separator ? (openBlock(), createElementBlock("hr", _hoisted_3)) : (openBlock(), createBlock(_sfc_main$1, {
+                      item.separator ? (openBlock(), createElementBlock("hr", _hoisted_3)) : (openBlock(), createBlock(Button, {
                         key: 1,
                         onClick: ($event) => handleDropdownClick(item.action),
                         color: item.color || "transp",

package/dist/martyrs/src/modules/music/components/cards/AlbumCard.vue.js

@@ -1,7 +1,7 @@
 import { computed, resolveComponent, createBlock, openBlock, withCtx, createElementVNode, createVNode, createElementBlock, createCommentVNode, withModifiers, toDisplayString } from "vue";
 import Media from "../../../../components/Media/Media.vue.js";
-import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
-import _sfc_main$2 from "../../../icons/navigation/IconPlay.vue.js";
+import Button from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$1 from "../../../icons/navigation/IconPlay.vue.js";
 import { actions } from "../../store/player.js";
 import { state, actions as actions$1 } from "../../store/albums.js";
 /* empty css               */
@@ -64,14 +64,14 @@ const _sfc_main = {
               class: "w-100 aspect-1x1 object-fit-cover"
             }, null, 8, ["url"]),
             __props.album.totalTracks && __props.album.totalTracks > 0 ? (openBlock(), createElementBlock("div", _hoisted_2, [
-              createVNode(_sfc_main$1, {
+              createVNode(Button, {
                 onClick: _cache[0] || (_cache[0] = withModifiers(($event) => playAlbum(__props.album), ["stop", "prevent"])),
                 class: "play-button i-big bg-main radius-extra flex-center flex aspect-1x1",
                 showLoader: false,
                 showSucces: false
               }, {
                 default: withCtx(() => [
-                  createVNode(_sfc_main$2, {
+                  createVNode(_sfc_main$1, {
                     class: "i-small",
                     fill: "rgb(var(--white))"
                   })

package/dist/martyrs/src/modules/music/components/cards/ArtistCardSmall.vue.js

@@ -1,5 +1,5 @@
 import { resolveComponent, createBlock, openBlock, withCtx, createElementVNode, createCommentVNode, createElementBlock, toDisplayString, createTextVNode } from "vue";
-import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
+import Button from "../../../../components/Button/Button.vue2.js";
 import Media from "../../../../components/Media/Media.vue.js";
 import _sfc_main$1 from "../../../icons/navigation/IconCheckmark.vue.js";
 /* empty css                     */
@@ -70,7 +70,7 @@ const _sfc_main = {
               createElementVNode("span", _hoisted_6, toDisplayString(__props.artistType), 1)
             ])
           ]),
-          __props.showFollowButton ? (openBlock(), createBlock(_sfc_main$2, {
+          __props.showFollowButton ? (openBlock(), createBlock(Button, {
             key: 0,
             onClick: handleFollowClick,
             color: __props.isFollowing ? "primary" : "transp",

package/dist/martyrs/src/modules/music/components/cards/PlaylistCard.vue.js

@@ -1,7 +1,7 @@
 import { computed, resolveComponent, createBlock, openBlock, withCtx, createElementVNode, createVNode, createElementBlock, createCommentVNode, withModifiers, toDisplayString } from "vue";
 import Media from "../../../../components/Media/Media.vue.js";
-import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
-import _sfc_main$2 from "../../../icons/navigation/IconPlay.vue.js";
+import Button from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$1 from "../../../icons/navigation/IconPlay.vue.js";
 import { actions as actions$1 } from "../../store/player.js";
 import { actions, state } from "../../store/playlists.js";
 /* empty css                  */
@@ -67,14 +67,14 @@ const _sfc_main = {
               class: "w-100 aspect-1x1 object-fit-cover"
             }, null, 8, ["url"]),
             __props.playlist.tracks && __props.playlist.tracks.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_2, [
-              createVNode(_sfc_main$1, {
+              createVNode(Button, {
                 onClick: _cache[0] || (_cache[0] = withModifiers(($event) => playPlaylist(__props.playlist), ["stop", "prevent"])),
                 class: "play-button bg-main radius-extra flex-center flex aspect-1x1",
                 showLoader: false,
                 showSucces: false
               }, {
                 default: withCtx(() => [
-                  createVNode(_sfc_main$2, {
+                  createVNode(_sfc_main$1, {
                     class: "i-small",
                     fill: "rgb(var(--black))"
                   })

package/dist/martyrs/src/modules/music/components/cards/TrackListCard.vue.js

@@ -1,8 +1,8 @@
 import { ref, resolveComponent, createElementBlock, openBlock, normalizeClass, createElementVNode, createCommentVNode, createBlock, toDisplayString, withModifiers, withCtx, createVNode, createTextVNode } from "vue";
-import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
+import Button from "../../../../components/Button/Button.vue2.js";
 import Media from "../../../../components/Media/Media.vue.js";
-import _sfc_main$2 from "../../../icons/navigation/IconPlay.vue.js";
-import _sfc_main$3 from "../../../icons/navigation/IconPause.vue.js";
+import _sfc_main$1 from "../../../icons/navigation/IconPlay.vue.js";
+import _sfc_main$2 from "../../../icons/navigation/IconPause.vue.js";
 import { actions, state } from "../../store/player.js";
 const _hoisted_1 = { class: "track-number w-3r t-center pos-relative" };
 const _hoisted_2 = {
@@ -79,7 +79,7 @@ const _sfc_main = {
         onMouseleave: _cache[10] || (_cache[10] = ($event) => hoveredIndex.value = -1)
       }, [
         createElementVNode("div", _hoisted_1, [
-          !isPlaying(__props.track) && hoveredIndex.value !== props.index ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(props.index + 1), 1)) : !isPlaying(__props.track) && hoveredIndex.value === props.index ? (openBlock(), createBlock(_sfc_main$1, {
+          !isPlaying(__props.track) && hoveredIndex.value !== props.index ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(props.index + 1), 1)) : !isPlaying(__props.track) && hoveredIndex.value === props.index ? (openBlock(), createBlock(Button, {
             key: 1,
             onClick: _cache[1] || (_cache[1] = withModifiers(($event) => playTrack(__props.track), ["stop"])),
             class: "bg-main pd-thin",
@@ -87,14 +87,14 @@ const _sfc_main = {
             showSucces: false
           }, {
             default: withCtx(() => [
-              createVNode(_sfc_main$2, {
+              createVNode(_sfc_main$1, {
                 onClick: _cache[0] || (_cache[0] = withModifiers(($event) => playTrack(__props.track), ["stop"])),
                 class: "i-small",
                 fill: "rgb(var(--white))"
               })
             ]),
             _: 1
-          })) : (openBlock(), createBlock(_sfc_main$1, {
+          })) : (openBlock(), createBlock(Button, {
             key: 2,
             onClick: _cache[3] || (_cache[3] = withModifiers(($event) => pauseTrack(), ["stop"])),
             class: "bg-main pd-thin",
@@ -102,7 +102,7 @@ const _sfc_main = {
             showSucces: false
           }, {
             default: withCtx(() => [
-              createVNode(_sfc_main$3, {
+              createVNode(_sfc_main$2, {
                 onClick: _cache[2] || (_cache[2] = withModifiers(($event) => pauseTrack(), ["stop"])),
                 class: "i-small",
                 fill: "rgb(var(--white))"

package/dist/martyrs/src/modules/music/components/forms/AlbumForm.vue.js

@@ -2,7 +2,7 @@ import { reactive, ref, watch, onMounted, createElementBlock, openBlock, createE
 import { useRouter, useRoute } from "vue-router";
 import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
-import _sfc_main$3 from "../../../../components/Button/Button.vue.js";
+import Button from "../../../../components/Button/Button.vue2.js";
 import Select from "../../../../components/Select/Select.vue.js";
 import UploadImage from "../../../../components/UploadImage/UploadImage.vue.js";
 import _sfc_main$2 from "../../../icons/navigation/IconCross.vue.js";
@@ -403,7 +403,7 @@ const _sfc_main = {
             }, null, 8, ["select"])
           ]),
           createElementVNode("div", _hoisted_20, [
-            createVNode(_sfc_main$3, {
+            createVNode(Button, {
               onClick: _cache[9] || (_cache[9] = ($event) => _ctx.$router.go(-1)),
               class: "bg-grey-nano t-black",
               showSucces: false,
@@ -414,7 +414,7 @@ const _sfc_main = {
               ])),
               _: 1
             }),
-            createVNode(_sfc_main$3, {
+            createVNode(Button, {
               submit: submitForm,
               class: "bg-main t-black",
               text: {

package/dist/martyrs/src/modules/music/components/forms/ArtistForm.vue.js

@@ -2,7 +2,7 @@ import { reactive, ref, watch, onMounted, createElementBlock, openBlock, createE
 import { useRouter, useRoute } from "vue-router";
 import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
-import _sfc_main$4 from "../../../../components/Button/Button.vue.js";
+import Button from "../../../../components/Button/Button.vue2.js";
 import _sfc_main$3 from "../../../../components/Checkbox/Checkbox.vue.js";
 import Select from "../../../../components/Select/Select.vue.js";
 import UploadImage from "../../../../components/UploadImage/UploadImage.vue.js";
@@ -381,7 +381,7 @@ const _sfc_main = {
             }, null, 8, ["active"])
           ]),
           createElementVNode("div", _hoisted_15, [
-            createVNode(_sfc_main$4, {
+            createVNode(Button, {
               onClick: _cache[14] || (_cache[14] = ($event) => _ctx.$router.go(-1)),
               class: "bg-grey-nano t-black",
               showSucces: false,
@@ -392,7 +392,7 @@ const _sfc_main = {
               ])),
               _: 1
             }),
-            createVNode(_sfc_main$4, {
+            createVNode(Button, {
               submit: submitForm,
               class: "bg-main t-black",
               text: {

package/dist/martyrs/src/modules/music/components/forms/PlaylistForm.vue.js

@@ -2,7 +2,7 @@ import { reactive, ref, watch, computed, onMounted, createElementBlock, openBloc
 import { useRouter, useRoute } from "vue-router";
 import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
-import _sfc_main$4 from "../../../../components/Button/Button.vue.js";
+import Button from "../../../../components/Button/Button.vue2.js";
 import _sfc_main$3 from "../../../../components/Radio/Radio.vue.js";
 import UploadImage from "../../../../components/UploadImage/UploadImage.vue.js";
 import _sfc_main$2 from "../../../icons/navigation/IconCross.vue.js";
@@ -400,7 +400,7 @@ const _sfc_main = {
             ])
           ]),
           createElementVNode("div", _hoisted_26, [
-            createVNode(_sfc_main$4, {
+            createVNode(Button, {
               onClick: _cache[9] || (_cache[9] = ($event) => _ctx.$router.go(-1)),
               class: "bg-grey-nano t-black",
               showSucces: false,
@@ -411,7 +411,7 @@ const _sfc_main = {
               ])),
               _: 1
             }),
-            createVNode(_sfc_main$4, {
+            createVNode(Button, {
               submit: submitForm,
               class: "bg-main t-black",
               text: {

package/dist/martyrs/src/modules/music/components/forms/SearchForm.vue.js

@@ -1,7 +1,7 @@
 import { ref, watch, onMounted, createElementBlock, openBlock, createVNode, withDirectives, createBlock, createCommentVNode, createElementVNode, withKeys, vModelText, withCtx } from "vue";
-import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
+import Button from "../../../../components/Button/Button.vue2.js";
 import _sfc_main$1 from "../../../icons/navigation/IconSearch.vue.js";
-import _sfc_main$3 from "../../../icons/navigation/IconCross.vue.js";
+import _sfc_main$2 from "../../../icons/navigation/IconCross.vue.js";
 /* empty css                */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _hoisted_1 = { class: "search-form flex-v-center flex bg-white-transp-50 pd-thin radius-extra" };
@@ -72,7 +72,7 @@ const _sfc_main = {
         }, null, 40, _hoisted_2), [
           [vModelText, searchQuery.value]
         ]),
-        searchQuery.value.length > 0 ? (openBlock(), createBlock(_sfc_main$2, {
+        searchQuery.value.length > 0 ? (openBlock(), createBlock(Button, {
           key: 0,
           onClick: clearSearch,
           class: "bg-transparent border-none pd-zero",
@@ -80,7 +80,7 @@ const _sfc_main = {
           showSucces: false
         }, {
           default: withCtx(() => [
-            createVNode(_sfc_main$3, {
+            createVNode(_sfc_main$2, {
               class: "i-small",
               fill: "rgb(var(--grey))"
             })

package/dist/martyrs/src/modules/music/components/forms/TrackForm.vue.js

@@ -2,7 +2,7 @@ import { reactive, ref, watch, onMounted, createElementBlock, openBlock, createE
 import { useRouter, useRoute } from "vue-router";
 import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
-import _sfc_main$4 from "../../../../components/Button/Button.vue.js";
+import Button from "../../../../components/Button/Button.vue2.js";
 import _sfc_main$3 from "../../../../components/Checkbox/Checkbox.vue.js";
 import Select from "../../../../components/Select/Select.vue.js";
 import UploadImage from "../../../../components/UploadImage/UploadImage.vue.js";
@@ -532,7 +532,7 @@ const _sfc_main = {
             }, null, 8, ["select"])
           ]),
           createElementVNode("div", _hoisted_30, [
-            createVNode(_sfc_main$4, {
+            createVNode(Button, {
               onClick: _cache[14] || (_cache[14] = ($event) => unref(router).go(-1)),
               class: "bg-grey-nano t-black",
               showSucces: false,
@@ -543,7 +543,7 @@ const _sfc_main = {
               ])),
               _: 1
             }),
-            createVNode(_sfc_main$4, {
+            createVNode(Button, {
               submit: submitForm,
               class: "bg-main t-black",
               text: {

package/dist/martyrs/src/modules/music/components/pages/Album.vue.js

@@ -1,9 +1,9 @@
 import { ref, computed, onMounted, resolveComponent, createElementBlock, openBlock, createCommentVNode, createVNode, createElementVNode, toDisplayString, Fragment, renderList, createBlock, withCtx, createTextVNode } from "vue";
 import { useRoute, useRouter } from "vue-router";
-/* empty css                                        */
+/* empty css                                       */
 import Loader from "../../../../components/Loader/Loader.vue2.js";
 import Media from "../../../../components/Media/Media.vue.js";
-/* empty css                                           */
+/* empty css                                            */
 import _sfc_main$8 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$1 from "../../../icons/navigation/IconPlay.vue.js";
 import _sfc_main$3 from "../../../icons/navigation/IconLike.vue.js";

package/dist/martyrs/src/modules/music/components/pages/Artist.vue.js

@@ -1,8 +1,8 @@
 import { ref, computed, onMounted, createElementBlock, openBlock, createCommentVNode, createElementVNode, createVNode, unref, withCtx, createTextVNode, normalizeStyle, normalizeClass, toDisplayString, Fragment, renderList, createBlock } from "vue";
 import { useRouter, useRoute } from "vue-router";
-import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
+import Button from "../../../../components/Button/Button.vue2.js";
 /* empty css                                       */
-import _sfc_main$2 from "../cards/TrackListCard.vue.js";
+import _sfc_main$1 from "../cards/TrackListCard.vue.js";
 import { state, actions } from "../../store/artists.js";
 import { state as state$1 } from "../../../auth/views/store/auth.js";
 import { useStore } from "../../../core/views/store/core.store.js";
@@ -169,7 +169,7 @@ const _sfc_main = {
         hasLoaded.value && !artist.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
           _cache[6] || (_cache[6] = createElementVNode("h2", { class: "h2 mn-b-medium" }, "Artist Not Found", -1)),
           _cache[7] || (_cache[7] = createElementVNode("p", { class: "p-regular t-transp mn-b-medium" }, "The artist you are looking for doesn't exist or may have been removed.", -1)),
-          createVNode(_sfc_main$1, {
+          createVNode(Button, {
             submit: () => unref(router).push({ name: "music-home" }),
             class: "bg-main",
             showSucces: false,
@@ -190,7 +190,7 @@ const _sfc_main = {
               class: normalizeClass(["pos-absolute pos-t-0 pos-l-0 w-100 h-100 bg-blur-small", artist.value.coverUrl ? "bg-black-transp-50" : "bg-dark"])
             }, null, 2),
             isOwner.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
-              createVNode(_sfc_main$1, {
+              createVNode(Button, {
                 onClick: _cache[0] || (_cache[0] = ($event) => unref(router).push({ name: "artist-edit", params: { url: artist.value.url } })),
                 class: "bg-main mn-r-small",
                 showSucces: false,
@@ -201,7 +201,7 @@ const _sfc_main = {
                 ])),
                 _: 1
               }),
-              createVNode(_sfc_main$1, {
+              createVNode(Button, {
                 onClick: _cache[1] || (_cache[1] = ($event) => unref(router).push({ name: "artist-manage-content", params: { artistId: artist.value._id } })),
                 class: "bg-white t-black",
                 showSucces: false,
@@ -321,7 +321,7 @@ const _sfc_main = {
                       ], 8, _hoisted_30);
                     }), 128))
                   ]),
-                  discography.value.albums.length > 4 ? (openBlock(), createBlock(_sfc_main$1, {
+                  discography.value.albums.length > 4 ? (openBlock(), createBlock(Button, {
                     key: 0,
                     onClick: _cache[2] || (_cache[2] = ($event) => unref(router).push({ name: "artist-albums", params: { artistId: artist.value._id } })),
                     class: "mn-t-small w-100 bg-white t-black",
@@ -360,7 +360,7 @@ const _sfc_main = {
                       ], 8, _hoisted_39);
                     }), 128))
                   ]),
-                  discography.value.singles.length > 5 ? (openBlock(), createBlock(_sfc_main$1, {
+                  discography.value.singles.length > 5 ? (openBlock(), createBlock(Button, {
                     key: 0,
                     onClick: _cache[3] || (_cache[3] = ($event) => unref(router).push({ name: "artist-singles", params: { artistId: artist.value._id } })),
                     class: "mn-t-small w-100 bg-white t-black",
@@ -377,7 +377,7 @@ const _sfc_main = {
                   _cache[23] || (_cache[23] = createElementVNode("h2", { class: "h3 mn-b-medium" }, "Popular Tracks", -1)),
                   createElementVNode("div", _hoisted_47, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(artistTracks.value, (track, index) => {
-                      return openBlock(), createBlock(_sfc_main$2, {
+                      return openBlock(), createBlock(_sfc_main$1, {
                         key: track._id,
                         track,
                         index,
@@ -390,7 +390,7 @@ const _sfc_main = {
                 discography.value.albums.length === 0 && discography.value.singles.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_48, [
                   _cache[25] || (_cache[25] = createElementVNode("p", { class: "p-regular mn-b-small" }, "No releases yet", -1)),
                   _cache[26] || (_cache[26] = createElementVNode("p", { class: "p-small t-transp" }, "This artist hasn't released any albums or singles yet.", -1)),
-                  isOwner.value ? (openBlock(), createBlock(_sfc_main$1, {
+                  isOwner.value ? (openBlock(), createBlock(Button, {
                     key: 0,
                     onClick: _cache[4] || (_cache[4] = ($event) => unref(router).push({ name: "release-create", query: { artistId: artist.value._id } })),
                     class: "mn-t-medium bg-main",