@ozdao/martyrs 0.2.550 → 0.2.552

package/dist/martyrs/src/modules/products/components/blocks/CardPosition.vue.cjs

@@ -1,99 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const PlaceholderImage = require("../../../icons/placeholders/PlaceholderImage.vue.cjs");
-const mixins = require("../../../core/views/mixins/mixins.cjs");
-const _hoisted_1 = { class: "bg-white radius-small pd-small flex-nowrap flex-v-center flex gap-thin" };
-const _hoisted_2 = {
-  key: 0,
-  class: "aspect-1x1 h-3r flex-child-default radius-small o-hidden"
-};
-const _hoisted_3 = ["src"];
-const _hoisted_4 = { class: "mn-micro-negative flex flex-column w-100 o-hidden" };
-const _hoisted_5 = { class: "w-100 pd-micro t-trim trimmed capitalize t-medium" };
-const _hoisted_6 = { class: "flex pd-micro flex-v-center gap-micro w-max" };
-const _hoisted_7 = {
-  key: 1,
-  class: "t-transp p-small d-inline-block t-medium"
-};
-const _hoisted_8 = { class: "flex gap-thin" };
-const _hoisted_9 = ["onClick"];
-const _sfc_main = {
-  __name: "CardPosition",
-  props: {
-    image: {
-      type: String
-    },
-    name: {
-      type: String
-    },
-    title: {
-      type: String
-    },
-    title_class: {
-      type: Array
-    },
-    subtitle: {
-      type: String
-    },
-    showThumbnail: {
-      type: Boolean,
-      default: true
-    },
-    actions: {
-      type: Array,
-      default: () => []
-      // Expected format:
-      // [
-      //   {
-      //     component: IconEdit,
-      //     handler: (item, index) => {},
-      //     class: 'bg-light' // optional custom class
-      //   }
-      // ]
-    }
-  },
-  setup(__props) {
-    const { formatPrice } = mixins.useGlobalMixins();
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        __props.showThumbnail ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
-          __props.image && __props.image.length > 0 ? (vue.openBlock(), vue.createElementBlock("img", {
-            key: 0,
-            src: (_ctx.FILE_SERVER_URL || "") + __props.image,
-            alt: "Item image",
-            class: "w-100 h-100 object-fit-cover"
-          }, null, 8, _hoisted_3)) : (vue.openBlock(), vue.createBlock(PlaceholderImage.default, {
-            key: 1,
-            class: "w-100 h-100"
-          }))
-        ])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_4, [
-          vue.createElementVNode("p", _hoisted_5, vue.toDisplayString(__props.name || "Unnamed Product"), 1),
-          vue.createElementVNode("div", _hoisted_6, [
-            __props.title ? (vue.openBlock(), vue.createElementBlock("span", {
-              key: 0,
-              class: vue.normalizeClass([__props.title_class, "t-second d-inline-block t-demi"])
-            }, vue.toDisplayString(__props.title), 3)) : vue.createCommentVNode("", true),
-            __props.subtitle ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7, vue.toDisplayString(__props.subtitle), 1)) : vue.createCommentVNode("", true)
-          ]),
-          vue.renderSlot(_ctx.$slots, "default")
-        ]),
-        vue.createElementVNode("div", _hoisted_8, [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.actions, (action, index) => {
-            return vue.openBlock(), vue.createElementBlock("div", {
-              key: index,
-              class: vue.normalizeClass([action.class || "bg-light", "radius-small pd-small flex-center flex aspect-1x1 cursor-pointer hover-scale-1"]),
-              onClick: () => action.handler(_ctx.item, index)
-            }, [
-              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(action.component), { class: "i-medium" }))
-            ], 10, _hoisted_9);
-          }), 128)),
-          vue.renderSlot(_ctx.$slots, "actions")
-        ])
-      ]);
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=CardPosition.vue.cjs.map

package/dist/martyrs/src/modules/products/components/blocks/CardPosition.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardPosition.vue.cjs","sources":["../../../../../../../src/modules/products/components/blocks/CardPosition.vue"],"sourcesContent":["<template>\n  <div class=\"bg-white radius-small pd-small flex-nowrap flex-v-center flex gap-thin\">\n    <!-- Thumbnail image -->\n    <div v-if=\"showThumbnail\" class=\"aspect-1x1 h-3r flex-child-default radius-small o-hidden\">\n      <img\n        v-if=\"image && image.length > 0\"\n        :src=\"(FILE_SERVER_URL || '') + image\"\n        alt=\"Item image\"\n        class=\"w-100 h-100 object-fit-cover\"\n      />\n      <PlaceholderImage v-else class=\"w-100 h-100\" />\n    </div>\n    \n    <!-- Item details -->\n    <div class=\"mn-micro-negative flex flex-column w-100 o-hidden\">\n      <p class=\"w-100 pd-micro t-trim trimmed capitalize t-medium\">{{ name || 'Unnamed Product' }}</p>\n      \n      <div class=\"flex pd-micro flex-v-center gap-micro w-max \">\n      \t<span v-if=\"title\" :class=\"title_class\" class=\"t-second  d-inline-block t-demi\">{{title}}</span>\n      \t<span v-if=\"subtitle\" class=\"t-transp p-small d-inline-block t-medium\">{{ subtitle }}</span>\n      </div>\n    \t<slot></slot>\n    </div>\n    <!-- <p>\n     \n\n      <span class=\"p-small t-transp\">\n        <template v-if=\"product.quantity\">{{returnCurrency() }}{{product.price}} </template>\n        × \n        <template v-if=\"product.listing === 'rent' && rentDates.start && rentDates.end\">\n          {{ rentalDays }} days\n        </template>\n        \n        <template v-else>\n          {{ product.quantity || 0 }} {{ product.unit || 'pcs' }}\n        </template>\n      </span>\n    </p>  -->\n    \n    <!-- Actions -->\n    <div class=\"flex gap-thin\">\n      <template v-for=\"(action, index) in actions\" :key=\"index\">\n        <div \n          :class=\"action.class || 'bg-light'\"\n          class=\"radius-small pd-small flex-center flex aspect-1x1 cursor-pointer hover-scale-1\"\n          @click=\"() => action.handler(item, index)\"\n        >\n          <component\n            :is=\"action.component\"\n            class=\"i-medium\"\n          />\n        </div>\n      </template>\n      <slot name=\"actions\"></slot>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { defineProps } from 'vue';\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue';\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\nconst { formatPrice } = useGlobalMixins();\n\nconst props = defineProps({\n\timage: {\n    type: String,\n  },\n  name: {\n    type: String,\n  },\n  title: {\n    type: String,\n  },\n  title_class: {\n  \ttype: Array\n  },\n  subtitle: {\n    type: String,\n  },\n  showThumbnail: {\n    type: Boolean,\n    default: true\n  },\n  actions: {\n    type: Array,\n    default: () => []\n    // Expected format:\n    // [\n    //   {\n    //     component: IconEdit,\n    //     handler: (item, index) => {},\n    //     class: 'bg-light' // optional custom class\n    //   }\n    // ]\n  }\n});\n</script>"],"names":["useGlobalMixins"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+DA,UAAM,EAAE,YAAW,IAAKA,uBAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/products/components/blocks/CardProduct.vue.cjs

@@ -1,121 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const vueI18n = require("vue-i18n");
-const IconEdit = require("../../../icons/navigation/IconEdit.vue.cjs");
-const IconShopcartAdd = require("../../../icons/actions/IconShopcartAdd.vue.cjs");
-const THC = require("../elements/THC.vue.cjs");
-const Price = require("../elements/Price.vue.cjs");
-const PlaceholderImage = require("../../../icons/placeholders/PlaceholderImage.vue.cjs");
-;/* empty css                   */
-const _hoisted_1 = { class: "radius-medium cols-1 o-hidden pos-relative" };
-const _hoisted_2 = { class: "o-hidden d-flex pd-thin pd-b-zero radius-medium o-hidden w-100 pos-relative aspect-1x1" };
-const _hoisted_3 = { class: "w-100 h-100 pos-relative" };
-const _hoisted_4 = ["src"];
-const _hoisted_5 = {
-  key: 2,
-  class: "pos-absolute bg-white t-black pd-thin radius-medium p-small t-medium pos-t-medium pos-l-medium"
-};
-const _hoisted_6 = { class: "pd-small cols-1 t-left" };
-const _hoisted_7 = {
-  key: 0,
-  class: "t-semi t-transp p-small mn-b-thin"
-};
-const _hoisted_8 = {
-  style: { "hyphens": "auto" },
-  class: "word-break t-truncate p-regular mn-b-micro w-100 w-max-100"
-};
-const _hoisted_9 = {
-  key: 1,
-  class: "mn-b-small t-transp p-small"
-};
-const _hoisted_10 = {
-  key: 2,
-  class: "flex-v-center flex-nowrap flex"
-};
-const _hoisted_11 = {
-  key: 0,
-  class: "cursor-pointer radius-extra pd-thin bg-main"
-};
-const _sfc_main = {
-  __name: "CardProduct",
-  props: {
-    product: {
-      type: Object
-    },
-    access: {
-      type: Boolean,
-      default: false
-    },
-    organization: {
-      type: String
-    },
-    showAddToCart: {
-      type: Boolean,
-      default: true
-    },
-    user: {
-      type: [Object, String]
-    },
-    type: {
-      type: Object
-    }
-  },
-  setup(__props) {
-    const { t } = vueI18n.useI18n();
-    return (_ctx, _cache) => {
-      const _component_router_link = vue.resolveComponent("router-link");
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        __props.access ? (vue.openBlock(), vue.createBlock(_component_router_link, {
-          key: 0,
-          to: __props.organization ? { name: "Organization_ProductEdit", params: { id: __props.organization, product: __props.product._id } } : { name: "ProductEdit", params: { product: __props.product._id } },
-          class: "z-index-2 cursor-pointer pos-absolute pos-t-regular pos-r-regular radius-extra pd-thin bg-second"
-        }, {
-          default: vue.withCtx(() => [
-            vue.createVNode(IconEdit.default, {
-              class: "i-medium",
-              classes: "fill-white"
-            })
-          ]),
-          _: 1
-        }, 8, ["to"])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_2, [
-          vue.createElementVNode("div", _hoisted_3, [
-            __props.product.images?.[0] ? (vue.openBlock(), vue.createElementBlock("img", {
-              key: 0,
-              loading: "lazy",
-              src: (_ctx.FILE_SERVER_URL || "") + (__props.product.images?.[0] || "").split("/").slice(0, -1).join("/") + "/thumbnail_" + (__props.product.images?.[0] || "").split("/").pop(),
-              class: "pos-absolute object-fit-cover radius-small h-max-100 h-100 w-100"
-            }, null, 8, _hoisted_4)) : (vue.openBlock(), vue.createBlock(PlaceholderImage.default, {
-              key: 1,
-              class: "radius-medium h-100 w-100"
-            })),
-            __props.product.available <= 0 && __props.product.listing !== "rent" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5, "Out of Stock")) : vue.createCommentVNode("", true),
-            __props.product.attributes?.length > 0 && __props.product.attributes[1]?.name === "THC" ? (vue.openBlock(), vue.createBlock(THC.default, {
-              key: 3,
-              product: __props.product
-            }, null, 8, ["product"])) : vue.createCommentVNode("", true)
-          ])
-        ]),
-        vue.createElementVNode("div", _hoisted_6, [
-          __props.product.attributes?.length > 0 ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_7, vue.toDisplayString(__props.product.attributes[0]?.value), 1)) : vue.createCommentVNode("", true),
-          vue.createElementVNode("span", _hoisted_8, vue.toDisplayString(__props.product.name), 1),
-          __props.product.description && !__props.product.translations && __props.product.listing !== "rent" ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_9, vue.toDisplayString(__props.product.description.substring(0, 99)) + "... ", 1)) : vue.createCommentVNode("", true),
-          vue.renderSlot(_ctx.$slots, "default"),
-          __props.product.variants?.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, [
-            vue.createVNode(Price.default, {
-              product: __props.product,
-              size: "small",
-              class: "bg-white h-100 p-regular flex flex-center pd-thin radius-small mn-r-auto"
-            }, null, 8, ["product"]),
-            __props.showAddToCart ? (vue.openBlock(), vue.createElementBlock("button", _hoisted_11, [
-              vue.createVNode(IconShopcartAdd.default, { class: "icon-button-main i-medium" })
-            ])) : vue.createCommentVNode("", true)
-          ])) : vue.createCommentVNode("", true)
-        ])
-      ]);
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=CardProduct.vue.cjs.map

package/dist/martyrs/src/modules/products/components/blocks/CardProduct.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardProduct.vue.cjs","sources":["../../../../../../../src/modules/products/components/blocks/CardProduct.vue"],"sourcesContent":["<template>\n\t<div \n\t\tclass=\"\n\t\t\tradius-medium \n\t\t\tcols-1\n\t\t\to-hidden\n\t\t\tpos-relative\n\t\t\"\n\t>\n\t\t<!-- Edit Button -->\n\t\t<router-link\n\t\t\tv-if=\"access\"\n      :to=\"organization ? { name: 'Organization_ProductEdit', params: { id: organization, product: product._id } } : { name: 'ProductEdit', params: { product: product._id } }\"\n      class=\"\n      \tz-index-2\n        cursor-pointer \n        pos-absolute pos-t-regular pos-r-regular\n        radius-extra pd-thin bg-second\n      \"\n    >\n      <IconEdit\n        class=\"i-medium\"\n        classes=\"fill-white\"\n      />\n    </router-link>\n\n\t\t<!-- Product Image Sqaure -->\n\t\t<div \n\t\t\tclass=\"o-hidden d-flex  pd-thin pd-b-zero radius-medium o-hidden w-100 pos-relative aspect-1x1\"\n\t\t>\n\t\t\t<div class=\"w-100  h-100 pos-relative\">\n\t\t\t\t<!-- Image Wrappers  -->\n\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\tv-if=\"product.images?.[0]\" \n\t\t\t\t\t:src=\"(FILE_SERVER_URL || '') + (product.images?.[0] || '').split('/').slice(0, -1).join('/') + '/thumbnail_' + (product.images?.[0] || '').split('/').pop()\"\n\t\t\t\t\tclass=\"pos-absolute object-fit-cover radius-small h-max-100 h-100  w-100\"\n\t\t\t\t>\n\n\t\t\t\t<PlaceholderImage\n\t\t\t\t\tv-else\n\t\t\t\t\tclass=\"radius-medium h-100 w-100\"\n\t\t\t\t/>\n\t\t\t\t<span v-if=\"product.available <= 0 && product.listing !== 'rent'\" class=\"pos-absolute bg-white t-black pd-thin radius-medium p-small t-medium pos-t-medium pos-l-medium\">Out of Stock</span>\n\t\t\t\t<THC v-if=\"product.attributes?.length > 0 && product.attributes[1]?.name === 'THC'\" :product=\"product\" />\n\t\t\t</div>\n\t\t</div>\n\n\t\t<!-- Product Info Start -->\n\t\t<div  class=\"pd-small cols-1 t-left\">\n\t\t\t<!-- Detail -->\n\t\t\t<p\n\t\t\t\tv-if=\"product.attributes?.length > 0\"\n\t\t\t\tclass=\"t-semi t-transp p-small mn-b-thin\"\n\t\t\t>\n\t\t\t\t{{product.attributes[0]?.value}}\n\t\t\t</p>\n\t\t\t<!-- Name -->\n\t\t\t<span style=\" hyphens: auto;\" class=\"word-break t-truncate p-regular mn-b-micro w-100 w-max-100 \">\n\t\t\t\t{{product.name}}\n\t\t\t</span>\n\n\t\t\t<p \n\t\t\t\tv-if=\"product.description && !product.translations && product.listing !== 'rent'\" \n\t\t\t\tclass=\"mn-b-small t-transp p-small\"\n\t\t\t>\n\t\t\t\t{{product.description.substring(0, 99)}}...\n\t\t\t</p>\n\n\t\t\t<slot></slot>\n\n\t\t\t<div v-if=\"product.variants?.length > 0\" class=\"flex-v-center flex-nowrap flex\">\n\t\t\t\t<Price \n\t\t\t\t\t:product=\"product\" \n\t\t\t\t\tsize=\"small\" \n\t\t\t\t\tclass=\"bg-white h-100 p-regular flex flex-center pd-thin radius-small mn-r-auto\" \n\t\t\t\t/>\n\t\t\t\t\n\t\t\t\t<button\n\t\t\t\t\tv-if=\"showAddToCart\"\n\t\t      class=\"\n\t\t        cursor-pointer \n\t\t        radius-extra pd-thin bg-main\n\t\t      \"\n\t\t    >\n\t\t      <IconShopcartAdd\n\t\t\t\t\t\tclass=\"icon-button-main i-medium\"\n\t\t\t\t\t/>\n\t\t    </button>\n\t\t  </div>\n\t\t</div>\n\n\t</div>\n\n</template>\n\n\n<script setup=\"props\">\n\timport {computed } from 'vue'\n\timport { useI18n }    from 'vue-i18n'\n\n\timport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\timport IconShopcartAdd from '@martyrs/src/modules/icons/actions/IconShopcartAdd.vue'\n\n\timport THC from '@martyrs/src/modules/products/components/elements/THC.vue'\n\timport Price from '@martyrs/src/modules/products/components/elements/Price.vue'\n\n\timport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue'\n\n\tconst props = defineProps({\n\t\tproduct: {\n\t\t\ttype: Object\n\t\t},\n\t\taccess: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t\torganization: {\n\t\t\ttype: String\n\t\t},\n\t\tshowAddToCart: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\t\tuser: {\n\t\t\ttype: [Object, String] \n\t\t},\n\t\ttype: {\n\t\t\ttype: Object\n\t\t}\n\t})\n\n  const { t } = useI18n()\n</script>\n\n<style lang=\"scss\">\n.word-break {\n  width: 100%; \n  overflow: auto;\n  overflow-wrap: break-word;\n  word-break: break-all;\n  white-space: -moz-pre-wrap;\n  white-space: -hp-pre-wrap;\n  white-space: -o-pre-wrap;\n  white-space: -pre-wrap; \n  white-space: pre-wrap; \n  white-space: pre-line; \n  word-wrap: break-word;\n}\n</style>\n\n\n"],"names":["useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmIE,UAAM,EAAE,EAAC,IAAKA,QAAAA,QAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/products/components/blocks/ProductDiscounts.vue.cjs

@@ -1,129 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const IconDiscount = require("../../../icons/entities/IconDiscount.vue.cjs");
-const Chips = require("../../../../components/Chips/Chips.vue.cjs");
-const Tooltip = require("../../../../components/Tooltip/Tooltip.vue2.cjs");
-const mixins = require("../../../core/views/mixins/mixins.cjs");
-;/* empty css                        */
-const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
-const _hoisted_1 = { key: 0 };
-const _hoisted_2 = { class: "mn-b-small flex-nowrap flex flex-v-center" };
-const _hoisted_3 = { class: "flex flex-column flex-wrap gap-thin" };
-const _hoisted_4 = ["onClick"];
-const _hoisted_5 = { class: "flex flex-wrap gap-thin flex-v-center w-100" };
-const _hoisted_6 = { class: "discount-name t-semi p-regular" };
-const _hoisted_7 = { class: "t-main p-regular" };
-const _hoisted_8 = {
-  key: 0,
-  class: "t-small mn-t-thin t-transp"
-};
-const _hoisted_9 = {
-  key: 1,
-  class: "mn-t-small"
-};
-const _sfc_main = {
-  __name: "ProductDiscounts",
-  props: {
-    discounts: {
-      type: Array,
-      default: () => []
-    },
-    regularPrice: {
-      type: [String, Number],
-      default: 0
-    },
-    selectedVariant: {
-      type: Object,
-      default: null
-    },
-    productVariants: {
-      type: Array,
-      default: () => []
-    }
-  },
-  emits: ["select-discount"],
-  setup(__props, { emit: __emit }) {
-    const { returnCurrency } = mixins.useGlobalMixins();
-    const props = __props;
-    const emit = __emit;
-    const hasDateCondition = (discount) => {
-      return discount.date && (discount.date.start || discount.date.end);
-    };
-    const hasTimeCondition = (discount) => {
-      return discount.time && (discount.time.start || discount.time.end);
-    };
-    const formatDateRange = (dateRange) => {
-      if (!dateRange) return "";
-      const start = dateRange.start ? new Date(dateRange.start).toLocaleDateString() : "Anytime";
-      const end = dateRange.end ? new Date(dateRange.end).toLocaleDateString() : "No end date";
-      return `${start}-${end}`;
-    };
-    const formatTimeRange = (timeRange) => {
-      if (!timeRange) return "";
-      const start = timeRange.start || "Anytime";
-      const end = timeRange.end || "No end time";
-      const isToday = true;
-      return isToday ? `${start}-${end} today` : `${start}-${end}`;
-    };
-    const currentVariant = vue.computed(() => {
-      return props.selectedVariant || (props.productVariants?.length > 0 ? props.productVariants[0] : null);
-    });
-    const getConditionsAsChips = (discount) => {
-      const chips = [];
-      if (hasDateCondition(discount)) {
-        chips.push({
-          text: `Valid: ${formatDateRange(discount.date)}`
-        });
-      }
-      if (hasTimeCondition(discount)) {
-        chips.push({
-          text: `Available: ${formatTimeRange(discount.time)}`
-        });
-      }
-      return chips;
-    };
-    const selectDiscount = (discount) => {
-      emit("select-discount", discount);
-    };
-    return (_ctx, _cache) => {
-      return __props.discounts && __props.discounts.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("div", _hoisted_2, [
-          vue.createVNode(IconDiscount.default, { class: "mn-r-micro i-medium" }),
-          _cache[0] || (_cache[0] = vue.createElementVNode("p", { class: "t-medium" }, "Special Offers", -1))
-        ]),
-        vue.createElementVNode("div", _hoisted_3, [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.discounts, (discount, index) => {
-            return vue.openBlock(), vue.createElementBlock("div", {
-              key: index,
-              class: "discount-card bg-light pd-small radius-small br-1px br-solid br-light cursor-pointer",
-              onClick: ($event) => selectDiscount(discount)
-            }, [
-              vue.createElementVNode("div", _hoisted_5, [
-                vue.createVNode(Tooltip.default, {
-                  text: discount.description || "No description"
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createElementVNode("span", _hoisted_6, vue.toDisplayString(discount.name), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["text"]),
-                vue.createElementVNode("span", _hoisted_7, vue.toDisplayString(vue.unref(returnCurrency)()) + vue.toDisplayString(discount.value) + " per " + vue.toDisplayString(currentVariant.value?.quantity || 1) + vue.toDisplayString(currentVariant.value?.unit || _ctx.pcs), 1)
-              ]),
-              discount.description ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_8, vue.toDisplayString(discount.description), 1)) : vue.createCommentVNode("", true),
-              getConditionsAsChips(discount).length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, [
-                vue.createVNode(Chips.default, {
-                  class: "",
-                  chips: getConditionsAsChips(discount)
-                }, null, 8, ["chips"])
-              ])) : vue.createCommentVNode("", true)
-            ], 8, _hoisted_4);
-          }), 128))
-        ])
-      ])) : vue.createCommentVNode("", true);
-    };
-  }
-};
-const ProductDiscounts = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-def3f361"]]);
-exports.default = ProductDiscounts;
-//# sourceMappingURL=ProductDiscounts.vue.cjs.map

package/dist/martyrs/src/modules/products/components/blocks/ProductDiscounts.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProductDiscounts.vue.cjs","sources":["../../../../../../../src/modules/products/components/blocks/ProductDiscounts.vue"],"sourcesContent":["<template>\n  <div v-if=\"discounts && discounts.length\">\n    <div class=\"mn-b-small flex-nowrap flex flex-v-center\">\n      <IconDiscount class=\"mn-r-micro i-medium\"/>\n      <p class=\"t-medium\">Special Offers</p>\n    </div>\n\n    <div class=\"flex flex-column flex-wrap gap-thin\">\n      <div \n        v-for=\"(discount, index) in discounts\" \n        :key=\"index\" \n        class=\"discount-card bg-light pd-small radius-small br-1px br-solid br-light cursor-pointer \"\n        @click=\"selectDiscount(discount)\"\n      >\n        <div class=\"flex flex-wrap gap-thin flex-v-center w-100\">\n\n          <Tooltip :text=\"discount.description || 'No description'\">\n            <span class=\"discount-name t-semi p-regular\">{{ discount.name }}</span>\n          </Tooltip>\n\n          <span class=\"t-main p-regular\">\n            {{returnCurrency()}}{{ discount.value }} per {{ currentVariant?.quantity || 1 }}{{ currentVariant?.unit || pcs }}\n          </span>\n\n        </div>\n        \n        <p v-if=\"discount.description\" class=\"t-small mn-t-thin t-transp\">{{ discount.description }}</p>\n        <div v-if=\"getConditionsAsChips(discount).length > 0\" class=\"mn-t-small\"><Chips  class=\"\" :chips=\"getConditionsAsChips(discount)\" /></div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed } from 'vue';\nimport IconDiscount from '@martyrs/src/modules/icons/entities/IconDiscount.vue'\nimport Chips from '@martyrs/src/components/Chips/Chips.vue';\nimport Tooltip from '@martyrs/src/components/Tooltip/Tooltip.vue';\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\nconst { returnCurrency } = useGlobalMixins();\n\nconst props = defineProps({\n  discounts: { \n    type: Array, \n    default: () => [] \n  },\n  regularPrice: { \n    type: [String, Number], \n    default: 0 \n  },\n  selectedVariant: {\n    type: Object,\n    default: null\n  },\n  productVariants: {\n    type: Array,\n    default: () => []\n  }\n});\n\nconst emit = defineEmits(['select-discount']);\n\n// Helper to determine if a discount has date conditions\nconst hasDateCondition = (discount) => {\n  return discount.date && (discount.date.start || discount.date.end);\n};\n\n// Helper to determine if a discount has time conditions\nconst hasTimeCondition = (discount) => {\n  return discount.time && (discount.time.start || discount.time.end);\n};\n\n// Format date range for display\nconst formatDateRange = (dateRange) => {\n  if (!dateRange) return '';\n  \n  const start = dateRange.start ? new Date(dateRange.start).toLocaleDateString() : 'Anytime';\n  const end = dateRange.end ? new Date(dateRange.end).toLocaleDateString() : 'No end date';\n  \n  return `${start}-${end}`;\n};\n\n// Format time range for display\nconst formatTimeRange = (timeRange) => {\n  if (!timeRange) return '';\n  \n  const start = timeRange.start || 'Anytime';\n  const end = timeRange.end || 'No end time';\n  \n  // Check if we're referencing today\n  const now = new Date();\n  const isToday = true; // Simplification - in a real app we'd check if the date range includes today\n  \n  return isToday ? `${start}-${end} today` : `${start}-${end}`;\n};\n\n// Get the current variant (selected or default to first)\nconst currentVariant = computed(() => {\n  return props.selectedVariant || (props.productVariants?.length > 0 ? props.productVariants[0] : null);\n});\n\nconst getConditionsAsChips = (discount) => {\n  const chips = [];\n  \n  // Quantity condition - используем quantity из текущего варианта, а не из скидки\n  // if (currentVariant.value?.quantity && currentVariant.value.quantity > 0) {\n  //   chips.push({ \n  //     text: `+${discount.quantity}`, \n  //   });\n  // }\n  \n  // Date condition\n  if (hasDateCondition(discount)) {\n    chips.push({ \n      text: `Valid: ${formatDateRange(discount.date)}` \n    });\n  }\n  \n  // Time condition\n  if (hasTimeCondition(discount)) {\n    chips.push({ \n      text: `Available: ${formatTimeRange(discount.time)}` \n    });\n  }\n  \n  return chips;\n};\n// Handle discount selection\nconst selectDiscount = (discount) => {\n  emit('select-discount', discount);\n};\n</script>\n\n<style scoped>\n.discount-card {\n  transition: all 0.2s ease;\n}\n\n.discount-card:hover {\n  border-color: rgb(var(--main));\n}\n</style>"],"names":["useGlobalMixins","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,UAAM,EAAE,eAAc,IAAKA,uBAAe;AAE1C,UAAM,QAAQ;AAmBd,UAAM,OAAO;AAGb,UAAM,mBAAmB,CAAC,aAAa;AACrC,aAAO,SAAS,SAAS,SAAS,KAAK,SAAS,SAAS,KAAK;AAAA,IAChE;AAGA,UAAM,mBAAmB,CAAC,aAAa;AACrC,aAAO,SAAS,SAAS,SAAS,KAAK,SAAS,SAAS,KAAK;AAAA,IAChE;AAGA,UAAM,kBAAkB,CAAC,cAAc;AACrC,UAAI,CAAC,UAAW,QAAO;AAEvB,YAAM,QAAQ,UAAU,QAAQ,IAAI,KAAK,UAAU,KAAK,EAAE,mBAAkB,IAAK;AACjF,YAAM,MAAM,UAAU,MAAM,IAAI,KAAK,UAAU,GAAG,EAAE,mBAAkB,IAAK;AAE3E,aAAO,GAAG,KAAK,IAAI,GAAG;AAAA,IACxB;AAGA,UAAM,kBAAkB,CAAC,cAAc;AACrC,UAAI,CAAC,UAAW,QAAO;AAEvB,YAAM,QAAQ,UAAU,SAAS;AACjC,YAAM,MAAM,UAAU,OAAO;AAI7B,YAAM,UAAU;AAEhB,aAAO,UAAU,GAAG,KAAK,IAAI,GAAG,WAAW,GAAG,KAAK,IAAI,GAAG;AAAA,IAC5D;AAGA,UAAM,iBAAiBC,IAAAA,SAAS,MAAM;AACpC,aAAO,MAAM,oBAAoB,MAAM,iBAAiB,SAAS,IAAI,MAAM,gBAAgB,CAAC,IAAI;AAAA,IAClG,CAAC;AAED,UAAM,uBAAuB,CAAC,aAAa;AACzC,YAAM,QAAQ,CAAA;AAUd,UAAI,iBAAiB,QAAQ,GAAG;AAC9B,cAAM,KAAK;AAAA,UACT,MAAM,UAAU,gBAAgB,SAAS,IAAI,CAAC;AAAA,QACpD,CAAK;AAAA,MACH;AAGA,UAAI,iBAAiB,QAAQ,GAAG;AAC9B,cAAM,KAAK;AAAA,UACT,MAAM,cAAc,gBAAgB,SAAS,IAAI,CAAC;AAAA,QACxD,CAAK;AAAA,MACH;AAEA,aAAO;AAAA,IACT;AAEA,UAAM,iBAAiB,CAAC,aAAa;AACnC,WAAK,mBAAmB,QAAQ;AAAA,IAClC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/products/components/blocks/ProductImages.vue.cjs

@@ -1,106 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const Popup = require("../../../../components/Popup/Popup.vue.cjs");
-const PhotoViewer = require("../../../../components/PhotoViewer/PhotoViewer.vue.cjs");
-const PlaceholderImage = require("../../../icons/placeholders/PlaceholderImage.vue.cjs");
-const Image360 = require("../elements/Image360.vue.cjs");
-;/* empty css                     */
-const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
-const _hoisted_1 = { class: "w-100 bs-heavy h-max mobile:pos-relative tablet:pos-relative pos-sticky pos-t-0 pd-medium o-hidden bg-light radius-medium gap-small flex-nowrap flex-row mobile:flex-column flex pos-relative" };
-const _hoisted_2 = ["src"];
-const _hoisted_3 = {
-  key: 0,
-  class: "mobile:order-1 order-0 w-5r mobile:w-100"
-};
-const _hoisted_4 = { class: "w-100 mobile:flex-row flex-column flex flex-nowrap gap-thin" };
-const _hoisted_5 = ["src", "onClick"];
-const _sfc_main = {
-  __name: "ProductImages",
-  props: {
-    images: {
-      type: Array,
-      required: true
-    },
-    product: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const isPopupVisible = vue.ref(false);
-    const selectedImageIndex = vue.ref(0);
-    const currentImageIndex = vue.ref(0);
-    const openPopup = (index) => {
-      if (!props.images.length) return;
-      selectedImageIndex.value = index;
-      isPopupVisible.value = true;
-    };
-    const closePopup = () => {
-      selectedImageIndex.value = 0;
-      isPopupVisible.value = false;
-    };
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("div", {
-          class: "order-1 w-100 bg-light radius-small o-hidden",
-          onClick: _cache[0] || (_cache[0] = ($event) => openPopup(currentImageIndex.value))
-        }, [
-          __props.product && __props.product.image3d ? (vue.openBlock(), vue.createBlock(Image360.default, {
-            key: 0,
-            class: "h-100 w-100",
-            imagePath: `/assets/images/products/${__props.product.image3d}`,
-            imageCount: 36
-          }, null, 8, ["imagePath"])) : vue.createCommentVNode("", true),
-          __props.images[currentImageIndex.value] && !__props.product?.image3d ? (vue.openBlock(), vue.createElementBlock("img", {
-            key: 1,
-            loading: "lazy",
-            class: "h-100 flex-child-default bg-white radius-small w-100",
-            style: { "object-fit": "contain" },
-            src: (_ctx.FILE_SERVER_URL || "") + __props.images[currentImageIndex.value]
-          }, null, 8, _hoisted_2)) : vue.createCommentVNode("", true),
-          !__props.images[currentImageIndex.value] && !__props.product?.image3d ? (vue.openBlock(), vue.createBlock(PlaceholderImage.default, {
-            key: 2,
-            class: "h-100 w-100",
-            style: { "object-fit": "cover" }
-          })) : vue.createCommentVNode("", true)
-        ]),
-        __props.images.length > 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
-          vue.createElementVNode("div", _hoisted_4, [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.images.slice(0, 5), (image, index) => {
-              return vue.openBlock(), vue.createElementBlock("img", {
-                loading: "lazy",
-                key: index,
-                src: (_ctx.FILE_SERVER_URL || "") + image,
-                onClick: ($event) => currentImageIndex.value = index,
-                class: vue.normalizeClass(["aspect-1x1 radius-small bg-white o-hidden thumbnail", { "active": currentImageIndex.value === index }])
-              }, null, 10, _hoisted_5);
-            }), 128)),
-            __props.images.length > 5 ? (vue.openBlock(), vue.createElementBlock("div", {
-              key: 0,
-              onClick: _cache[1] || (_cache[1] = ($event) => openPopup(5)),
-              class: "aspect-1x1 radius-small o-hidden thumbnail flex flex-center t-medium t-black bg-white"
-            }, " +" + vue.toDisplayString(__props.images.length - 5), 1)) : vue.createCommentVNode("", true)
-          ])
-        ])) : vue.createCommentVNode("", true),
-        vue.createVNode(Popup.default, {
-          onClosePopup: closePopup,
-          isPopupOpen: isPopupVisible.value,
-          class: "radius-zero w-100 o-hidden"
-        }, {
-          default: vue.withCtx(() => [
-            vue.createVNode(PhotoViewer.default, {
-              photos: __props.images.map((img) => (_ctx.FILE_SERVER_URL || "") + img),
-              initialIndex: selectedImageIndex.value
-            }, null, 8, ["photos", "initialIndex"])
-          ]),
-          _: 1
-        }, 8, ["isPopupOpen"])
-      ]);
-    };
-  }
-};
-const ProductImages = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-eddb4b2b"]]);
-exports.default = ProductImages;
-//# sourceMappingURL=ProductImages.vue.cjs.map

package/dist/martyrs/src/modules/products/components/blocks/ProductImages.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProductImages.vue.cjs","sources":["../../../../../../../src/modules/products/components/blocks/ProductImages.vue"],"sourcesContent":["<template>\n  <div class=\"w-100 bs-heavy h-max  mobile:pos-relative tablet:pos-relative pos-sticky pos-t-0 pd-medium o-hidden bg-light radius-medium gap-small flex-nowrap flex-row mobile:flex-column flex pos-relative\">\n    <!-- Main image container -->\n    <div class=\"order-1 w-100 bg-light radius-small o-hidden\" @click=\"openPopup(currentImageIndex)\">\n      <Image360\n        v-if=\"product && product.image3d\"\n        class=\"h-100 w-100\"\n        :imagePath=\"`/assets/images/products/${product.image3d}`\"\n        :imageCount=\"36\"\n      />\n      <img\n        loading=\"lazy\"\n        v-if=\"images[currentImageIndex] && !product?.image3d\"\n        class=\"h-100 flex-child-default bg-white radius-small w-100\"\n        style=\"object-fit: contain;\"\n        :src=\"(FILE_SERVER_URL || '') + images[currentImageIndex]\"\n      />\n      <PlaceholderImage\n        v-if=\"!images[currentImageIndex] && !product?.image3d\"\n        class=\"h-100 w-100\"\n        style=\"object-fit: cover;\"\n      />\n    </div>\n    \n    <!-- Thumbnails -->\n    <div v-if=\"images.length > 1\" class=\"mobile:order-1 order-0 w-5r mobile:w-100\">\n      <div class=\"w-100 mobile:flex-row flex-column flex flex-nowrap gap-thin\">\n        <img loading=\"lazy\" \n          v-for=\"(image, index) in images.slice(0, 5)\"\n          :key=\"index\"\n          :src=\"(FILE_SERVER_URL || '') + image\" \n          @click=\"currentImageIndex = index\"\n          class=\"aspect-1x1 radius-small bg-white o-hidden thumbnail\"\n          :class=\"{ 'active': currentImageIndex === index }\"\n        />\n        <div\n          v-if=\"images.length > 5\"\n          @click=\"openPopup(5)\"\n          class=\"aspect-1x1 radius-small o-hidden thumbnail flex flex-center t-medium t-black bg-white \"\n        >\n          +{{ images.length - 5 }}\n        </div>\n      </div>\n    </div>\n    \n    <!-- Popup with photo viewer -->\n    <Popup @close-popup=\"closePopup\" :isPopupOpen=\"isPopupVisible\" class=\"radius-zero w-100 o-hidden\">\n      <PhotoViewer\n        :photos=\"images.map(img => (FILE_SERVER_URL || '') + img)\"\n        :initialIndex=\"selectedImageIndex\"\n      />\n    </Popup>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from \"vue\";\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport PhotoViewer from '@martyrs/src/components/PhotoViewer/PhotoViewer.vue';\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue'\nimport Image360 from '@martyrs/src/modules/products/components/elements/Image360.vue'\n\nconst props = defineProps({\n  images: {\n    type: Array,\n    required: true,\n  },\n  product: {\n    type: Object,\n    default: () => ({})\n  },\n});\n\nconst isPopupVisible = ref(false);\nconst selectedImageIndex = ref(0);\nconst currentImageIndex = ref(0);\n\nconst openPopup = (index) => {\n  if (!props.images.length) return;\n  selectedImageIndex.value = index;\n  isPopupVisible.value = true;\n};\n\nconst closePopup = () => {\n  selectedImageIndex.value = 0;\n  isPopupVisible.value = false;\n};\n</script>\n\n<style scoped>\n.thumbnail {\n  width: 100%;\n  object-fit: cover;\n  cursor: pointer;\n}\n.thumbnail.active {\n  border: 1px solid rgb(var(--second));\n}\n</style>"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DA,UAAM,QAAQ;AAWd,UAAM,iBAAiBA,IAAAA,IAAI,KAAK;AAChC,UAAM,qBAAqBA,IAAAA,IAAI,CAAC;AAChC,UAAM,oBAAoBA,IAAAA,IAAI,CAAC;AAE/B,UAAM,YAAY,CAAC,UAAU;AAC3B,UAAI,CAAC,MAAM,OAAO,OAAQ;AAC1B,yBAAmB,QAAQ;AAC3B,qBAAe,QAAQ;AAAA,IACzB;AAEA,UAAM,aAAa,MAAM;AACvB,yBAAmB,QAAQ;AAC3B,qBAAe,QAAQ;AAAA,IACzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/products/components/blocks/ProductVariants.vue.cjs

@@ -1,123 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const _hoisted_1 = { class: "w-100" };
-const _hoisted_2 = { class: "capitalize mn-b-thin t-medium" };
-const _hoisted_3 = { class: "flex flex-wrap gap-thin mn-b-medium" };
-const _hoisted_4 = ["onClick", "disabled"];
-const _hoisted_5 = ["src"];
-const _hoisted_6 = { class: "" };
-const _hoisted_7 = {
-  key: 1,
-  class: "pos-absolute pos-b-0 pos-r-0 pos-l-0 flex flex-center h-1r bg-main t-white t-small"
-};
-const _sfc_main = {
-  __name: "ProductVariants",
-  props: { productVariants: Array },
-  emits: ["variant-selected", "update-images"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const selectedAttributes = vue.ref({});
-    const selected = vue.ref(null);
-    const hasAttrs = vue.computed(
-      () => props.productVariants.some((v) => v.attributes?.length)
-    );
-    const groups = vue.computed(() => {
-      if (hasAttrs.value) {
-        const labels = [...new Set(props.productVariants[0].attributes.map((a) => a.name))];
-        return labels.map((lbl, i) => ({
-          label: lbl,
-          items: [...new Set(
-            props.productVariants.map((v) => v.attributes.find((a) => a.name === lbl)?.value)
-          )].filter(Boolean).map((val) => {
-            const v = props.productVariants.find((x) => x.attributes.find((a) => a.name === lbl && a.value === val));
-            return {
-              key: lbl + val,
-              value: val,
-              img: i === 0 ? v.images?.[0] : null,
-              off: !v.available,
-              text: val
-            };
-          })
-        }));
-      }
-      if (props.productVariants.length > 1) {
-        return [{
-          label: "Options",
-          items: props.productVariants.map((v) => ({
-            key: v._id,
-            variant: v,
-            img: v.images?.[0],
-            off: !v.available,
-            text: v.name || v.sku
-          }))
-        }];
-      }
-      return [];
-    });
-    const pick = (v) => {
-      if (!v.available) return;
-      selectedAttributes.value = Object.fromEntries(v.attributes?.map((a) => [a.name, a.value]) || []);
-      selected.value = v;
-      emit("variant-selected", v);
-      v.images?.length && emit("update-images", v.images);
-    };
-    const pickAttr = (lbl, val) => {
-      const test = { ...selectedAttributes.value, [lbl]: val };
-      if (!props.productVariants.some(
-        (v) => Object.entries(test).every(
-          ([k, x]) => v.attributes.find((a) => a.name === k && a.value === x)
-        )
-      )) return;
-      selectedAttributes.value = test;
-    };
-    vue.watch(selectedAttributes, (attrs) => {
-      const m = props.productVariants.find(
-        (v) => Object.entries(attrs).every(([k, x]) => v.attributes.find((a) => a.name === k && a.value === x))
-      );
-      if (m && selected.value?._id !== m._id) {
-        pick(m);
-      } else if (!m) {
-        selected.value = null;
-      }
-    });
-    vue.onMounted(() => props.productVariants.length === 1 && pick(props.productVariants[0]));
-    const isSelected = (g, i) => g.label === "Options" ? selected.value?._id === i.variant?._id : selectedAttributes.value[g.label] === i.value;
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(groups.value, (group) => {
-          return vue.openBlock(), vue.createElementBlock("div", {
-            key: group.label,
-            class: "w-100 mn-b-medium"
-          }, [
-            vue.createElementVNode("p", _hoisted_2, vue.toDisplayString(group.label), 1),
-            vue.createElementVNode("div", _hoisted_3, [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(group.items, (item) => {
-                return vue.openBlock(), vue.createElementBlock("button", {
-                  key: item.key,
-                  onClick: ($event) => group.label === "Options" ? pick(item.variant) : pickAttr(group.label, item.value),
-                  disabled: item.off,
-                  class: vue.normalizeClass(["pd-small radius-small", [
-                    isSelected(group, item) ? "br-main" : "br-black-transp-10",
-                    item.off ? "o-50 cursor-not-allowed" : "cursor-pointer hover-scale-1"
-                  ]])
-                }, [
-                  item.img ? (vue.openBlock(), vue.createElementBlock("img", {
-                    key: 0,
-                    src: `${_ctx.FILE_SERVER_URL}${item.img}`,
-                    class: "h-100 radius-thin aspect-1x1 object-fit-contain"
-                  }, null, 8, _hoisted_5)) : vue.createCommentVNode("", true),
-                  vue.createElementVNode("p", _hoisted_6, vue.toDisplayString(item.text), 1),
-                  isSelected(group, item) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, " Selected ")) : vue.createCommentVNode("", true)
-                ], 10, _hoisted_4);
-              }), 128))
-            ])
-          ]);
-        }), 128))
-      ]);
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=ProductVariants.vue.cjs.map

package/dist/martyrs/src/modules/products/components/blocks/ProductVariants.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProductVariants.vue.cjs","sources":["../../../../../../../src/modules/products/components/blocks/ProductVariants.vue"],"sourcesContent":["<template>\n  <div class=\"w-100\">\n    <div\n      v-for=\"group in groups\"\n      :key=\"group.label\"\n      class=\"w-100 mn-b-medium\"\n    >\n      <p class=\"capitalize mn-b-thin t-medium\">{{ group.label }}</p>\n\n      <div class=\"flex flex-wrap gap-thin mn-b-medium\">\n        <button\n          v-for=\"item in group.items\"\n          :key=\"item.key\"\n          @click=\"group.label === 'Options' ? pick(item.variant) : pickAttr(group.label, item.value)\"\n          :disabled=\"item.off\"\n          class=\"pd-small radius-small\"\n          :class=\"[\n            isSelected(group, item) ? 'br-main' : 'br-black-transp-10',\n            item.off ? 'o-50 cursor-not-allowed' : 'cursor-pointer hover-scale-1',\n          ]\"\n        >\n          <img\n            v-if=\"item.img\"\n            :src=\"`${FILE_SERVER_URL}${item.img}`\"\n            class=\"h-100 radius-thin aspect-1x1 object-fit-contain\"\n          />\n          <p class=\"\">\n            {{ item.text }}\n          </p>\n\n          <div\n            v-if=\"isSelected(group, item)\"\n            class=\"pos-absolute pos-b-0 pos-r-0 pos-l-0 flex flex-center h-1r bg-main t-white t-small\"\n          >\n            Selected\n          </div>\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, watch, onMounted } from 'vue';\n\nconst props = defineProps({ productVariants: Array });\nconst emit = defineEmits(['variant-selected', 'update-images']);\n\nconst selectedAttributes = ref({});\nconst selected = ref(null);\n\nconst hasAttrs = computed(() =>\n  props.productVariants.some(v => v.attributes?.length)\n);\n\nconst groups = computed(() => {\n  if (hasAttrs.value) {\n    const labels = [...new Set(props.productVariants[0].attributes.map(a => a.name))];\n    return labels.map((lbl, i) => ({\n      label: lbl,\n      items: [...new Set(\n        props.productVariants.map(v => v.attributes.find(a => a.name === lbl)?.value)\n      )]\n        .filter(Boolean)\n        .map(val => {\n          const v = props.productVariants.find(x => x.attributes.find(a => a.name === lbl && a.value === val));\n          return {\n            key: lbl + val,\n            value: val,\n            img: i === 0 ? v.images?.[0] : null,\n            off: !v.available,\n            text: val,\n          };\n        }),\n    }));\n  }\n  if (props.productVariants.length > 1) {\n    return [{\n      label: 'Options',\n      items: props.productVariants.map(v => ({\n        key: v._id,\n        variant: v,\n        img: v.images?.[0],\n        off: !v.available,\n        text: v.name || v.sku,\n      })),\n    }];\n  }\n  return [];\n});\n\nconst pick = v => {\n  if (!v.available) return;\n  selectedAttributes.value = Object.fromEntries(v.attributes?.map(a => [a.name, a.value]) || []);\n  selected.value = v;\n  emit('variant-selected', v);\n  v.images?.length && emit('update-images', v.images);\n};\n\nconst pickAttr = (lbl, val) => {\n  const test = { ...selectedAttributes.value, [lbl]: val };\n  if (!props.productVariants.some(v =>\n    Object.entries(test).every(([k, x]) =>\n      v.attributes.find(a => a.name === k && a.value === x)\n    )\n  )) return;\n  selectedAttributes.value = test;\n};\n\nwatch(selectedAttributes, attrs => {\n  const m = props.productVariants.find(v =>\n    Object.entries(attrs).every(([k, x]) => v.attributes.find(a => a.name === k && a.value === x))\n  );\n  if (m && selected.value?._id !== m._id) {\n    pick(m);\n  } else if (!m) {\n    selected.value = null;\n  }\n});\n\nonMounted(() => props.productVariants.length === 1 && pick(props.productVariants[0]));\n\nconst isSelected = (g, i) =>\n  g.label === 'Options'\n    ? selected.value?._id === i.variant?._id\n    : selectedAttributes.value[g.label] === i.value;\n</script>\n"],"names":["ref","computed","watch","onMounted"],"mappings":"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"}