@ozdao/martyrs 0.2.477 → 0.2.479

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

@@ -12,7 +12,7 @@ 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-big p-small t-medium pos-t-medium pos-l-medium"
+  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 = {
@@ -83,16 +83,16 @@ const _sfc_main = {
               class: "radius-medium h-100 w-100"
             })),
             __props.product.available <= 0 && __props.product.listing !== "rent" ? (openBlock(), createElementBlock("span", _hoisted_5, "Out of Stock")) : createCommentVNode("", true),
-            ((_a = __props.product.information) == null ? void 0 : _a.length) > 0 && ((_b = __props.product.information[1]) == null ? void 0 : _b.name) === "THC" ? (openBlock(), createBlock(_sfc_main$2, {
+            ((_a = __props.product.attributes) == null ? void 0 : _a.length) > 0 && ((_b = __props.product.attributes[1]) == null ? void 0 : _b.name) === "THC" ? (openBlock(), createBlock(_sfc_main$2, {
               key: 3,
               product: __props.product
             }, null, 8, ["product"])) : createCommentVNode("", true)
           ])
         ]),
         createElementVNode("div", _hoisted_6, [
-          __props.product.information.length > 0 ? (openBlock(), createElementBlock("p", _hoisted_7, toDisplayString(__props.product.information[0].value), 1)) : createCommentVNode("", true),
+          __props.product.attributes.length > 0 ? (openBlock(), createElementBlock("p", _hoisted_7, toDisplayString(__props.product.attributes[0].value), 1)) : createCommentVNode("", true),
           createElementVNode("span", _hoisted_8, toDisplayString(__props.product.name), 1),
-          __props.product.description && !__props.product.localization && __props.product.listing !== "rent" ? (openBlock(), createElementBlock("p", _hoisted_9, toDisplayString(__props.product.description.substring(0, 99)) + "... ", 1)) : createCommentVNode("", true),
+          __props.product.description && !__props.product.translations && __props.product.listing !== "rent" ? (openBlock(), createElementBlock("p", _hoisted_9, toDisplayString(__props.product.description.substring(0, 99)) + "... ", 1)) : createCommentVNode("", true),
           createElementVNode("div", _hoisted_10, [
             createVNode(_sfc_main$3, {
               product: __props.product,

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

@@ -1 +1 @@
-{"version":3,"file":"CardProduct.vue.js","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-regular\"\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-big p-small t-medium pos-t-medium pos-l-medium\">Out of Stock</span>\n\t\t\t\t<THC v-if=\"product.information?.length > 0 && product.information[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.information.length > 0\"  \n\t\t\t\tclass=\"t-semi t-transp p-small mn-b-micro\"\n\t\t\t>\n\t\t\t\t{{product.information[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-medium mn-b-thin 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.localization && 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<div 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-medium flex flex-center pd-r-small pd-l-small 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=\"user\"\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\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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6HE,UAAM,EAAE,EAAC,IAAK,QAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardProduct.vue.js","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-regular\"\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-micro\"\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-medium mn-b-thin 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<div 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-medium flex flex-center pd-r-small pd-l-small 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=\"user\"\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\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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6HE,UAAM,EAAE,EAAC,IAAK,QAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,128 @@
+"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.vue2.cjs");
+const Tooltip = require("../../../../components/Tooltip/Tooltip.vue2.cjs");
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
+const _hoisted_1 = {
+  key: 0,
+  class: "mn-t-large mn-b-large"
+};
+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-medium" };
+const _hoisted_7 = { class: "t-main p-medium" };
+const _hoisted_8 = {
+  key: 0,
+  class: "t-small mn-t-thin t-transp"
+};
+const _hoisted_9 = { 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 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";
+      return `${start}-${end} today`;
+    };
+    const currentVariant = vue.computed(() => {
+      var _a;
+      return props.selectedVariant || (((_a = props.productVariants) == null ? void 0 : _a.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) => {
+            var _a, _b;
+            return vue.openBlock(), vue.createElementBlock("div", {
+              key: index,
+              class: "discount-card pd-medium radius-medium br-1px br-solid br-light cursor-pointer hover-scale-1",
+              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(_ctx.returnCurrency()) + vue.toDisplayString(discount.value) + " per " + vue.toDisplayString(((_a = currentVariant.value) == null ? void 0 : _a.quantity) || 1) + vue.toDisplayString(((_b = currentVariant.value) == null ? void 0 : _b.unit) || _ctx.pcs), 1)
+              ]),
+              discount.description ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_8, vue.toDisplayString(discount.description), 1)) : vue.createCommentVNode("", true),
+              vue.createElementVNode("div", _hoisted_9, [
+                getConditionsAsChips.length > 0 ? (vue.openBlock(), vue.createBlock(Chips.default, {
+                  key: 0,
+                  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-d7e1163a"]]);
+exports.default = ProductDiscounts;
+//# sourceMappingURL=ProductDiscounts.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductDiscounts.vue.cjs","sources":["../../../../../../../src/modules/products/components/blocks/ProductDiscounts.vue"],"sourcesContent":["<template>\n  <div v-if=\"discounts && discounts.length\" class=\"mn-t-large mn-b-large\">\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 pd-medium radius-medium br-1px br-solid br-light cursor-pointer hover-scale-1\"\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-medium\">{{ discount.name }}</span>\n          </Tooltip>\n\n          <span class=\"t-main p-medium\">\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\n        <div class=\"mn-t-small\"><Chips v-if=\"getConditionsAsChips.length > 0\" 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';\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":["computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,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;AAM7B,aAAiB,GAAG,KAAK,IAAI,GAAG;AAAA,IAClC;AAGA,UAAM,iBAAiBA,IAAQ,SAAC,MAAM;;AACpC,aAAO,MAAM,sBAAoB,WAAM,oBAAN,mBAAuB,UAAS,IAAI,MAAM,gBAAgB,CAAC,IAAI;AAAA,IAClG,CAAC;AAED,UAAM,uBAAuB,CAAC,aAAa;AACzC,YAAM,QAAQ,CAAE;AAUhB,UAAI,iBAAiB,QAAQ,GAAG;AAC9B,cAAM,KAAK;AAAA,UACT,MAAM,UAAU,gBAAgB,SAAS,IAAI,CAAC;AAAA,QACpD,CAAK;AAAA,MACL;AAGE,UAAI,iBAAiB,QAAQ,GAAG;AAC9B,cAAM,KAAK;AAAA,UACT,MAAM,cAAc,gBAAgB,SAAS,IAAI,CAAC;AAAA,QACxD,CAAK;AAAA,MACL;AAEE,aAAO;AAAA,IACT;AAEA,UAAM,iBAAiB,CAAC,aAAa;AACnC,WAAK,mBAAmB,QAAQ;AAAA,IAClC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,128 @@
+import { computed, createElementBlock, createCommentVNode, openBlock, createElementVNode, createVNode, Fragment, renderList, withCtx, toDisplayString, createBlock } from "vue";
+import _sfc_main$1 from "../../../icons/entities/IconDiscount.vue.js";
+import _sfc_main$3 from "../../../../components/Chips/Chips.vue2.js";
+import _sfc_main$2 from "../../../../components/Tooltip/Tooltip.vue2.js";
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "mn-t-large mn-b-large"
+};
+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-medium" };
+const _hoisted_7 = { class: "t-main p-medium" };
+const _hoisted_8 = {
+  key: 0,
+  class: "t-small mn-t-thin t-transp"
+};
+const _hoisted_9 = { 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 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";
+      return `${start}-${end} today`;
+    };
+    const currentVariant = computed(() => {
+      var _a;
+      return props.selectedVariant || (((_a = props.productVariants) == null ? void 0 : _a.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 ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createVNode(_sfc_main$1, { class: "mn-r-micro i-medium" }),
+          _cache[0] || (_cache[0] = createElementVNode("p", { class: "t-medium" }, "Special Offers", -1))
+        ]),
+        createElementVNode("div", _hoisted_3, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.discounts, (discount, index) => {
+            var _a, _b;
+            return openBlock(), createElementBlock("div", {
+              key: index,
+              class: "discount-card pd-medium radius-medium br-1px br-solid br-light cursor-pointer hover-scale-1",
+              onClick: ($event) => selectDiscount(discount)
+            }, [
+              createElementVNode("div", _hoisted_5, [
+                createVNode(_sfc_main$2, {
+                  text: discount.description || "No description"
+                }, {
+                  default: withCtx(() => [
+                    createElementVNode("span", _hoisted_6, toDisplayString(discount.name), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["text"]),
+                createElementVNode("span", _hoisted_7, toDisplayString(_ctx.returnCurrency()) + toDisplayString(discount.value) + " per " + toDisplayString(((_a = currentVariant.value) == null ? void 0 : _a.quantity) || 1) + toDisplayString(((_b = currentVariant.value) == null ? void 0 : _b.unit) || _ctx.pcs), 1)
+              ]),
+              discount.description ? (openBlock(), createElementBlock("p", _hoisted_8, toDisplayString(discount.description), 1)) : createCommentVNode("", true),
+              createElementVNode("div", _hoisted_9, [
+                getConditionsAsChips.length > 0 ? (openBlock(), createBlock(_sfc_main$3, {
+                  key: 0,
+                  class: "",
+                  chips: getConditionsAsChips(discount)
+                }, null, 8, ["chips"])) : createCommentVNode("", true)
+              ])
+            ], 8, _hoisted_4);
+          }), 128))
+        ])
+      ])) : createCommentVNode("", true);
+    };
+  }
+};
+const ProductDiscounts = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d7e1163a"]]);
+export {
+  ProductDiscounts as default
+};
+//# sourceMappingURL=ProductDiscounts.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductDiscounts.vue.js","sources":["../../../../../../../src/modules/products/components/blocks/ProductDiscounts.vue"],"sourcesContent":["<template>\n  <div v-if=\"discounts && discounts.length\" class=\"mn-t-large mn-b-large\">\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 pd-medium radius-medium br-1px br-solid br-light cursor-pointer hover-scale-1\"\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-medium\">{{ discount.name }}</span>\n          </Tooltip>\n\n          <span class=\"t-main p-medium\">\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\n        <div class=\"mn-t-small\"><Chips v-if=\"getConditionsAsChips.length > 0\" 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';\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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,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;AAM7B,aAAiB,GAAG,KAAK,IAAI,GAAG;AAAA,IAClC;AAGA,UAAM,iBAAiB,SAAS,MAAM;;AACpC,aAAO,MAAM,sBAAoB,WAAM,oBAAN,mBAAuB,UAAS,IAAI,MAAM,gBAAgB,CAAC,IAAI;AAAA,IAClG,CAAC;AAED,UAAM,uBAAuB,CAAC,aAAa;AACzC,YAAM,QAAQ,CAAE;AAUhB,UAAI,iBAAiB,QAAQ,GAAG;AAC9B,cAAM,KAAK;AAAA,UACT,MAAM,UAAU,gBAAgB,SAAS,IAAI,CAAC;AAAA,QACpD,CAAK;AAAA,MACL;AAGE,UAAI,iBAAiB,QAAQ,GAAG;AAC9B,cAAM,KAAK;AAAA,UACT,MAAM,cAAc,gBAAgB,SAAS,IAAI,CAAC;AAAA,QACxD,CAAK;AAAA,MACL;AAEE,aAAO;AAAA,IACT;AAEA,UAAM,iBAAiB,CAAC,aAAa;AACnC,WAAK,mBAAmB,QAAQ;AAAA,IAClC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/products/components/blocks/{ImagesThumbnails.vue.cjs → ProductImages.vue.cjs}

@@ -4,9 +4,9 @@ const vue = require("vue");
 const Popup = require("../../../../components/Popup/Popup.vue2.cjs");
 const PhotoViewer = require("../../../../components/PhotoViewer/PhotoViewer.vue.cjs");
 const PlaceholderImage = require("../../../icons/placeholders/PlaceholderImage.vue.cjs");
-const Images360 = require("./Images360.vue.cjs");
+const Image360 = require("../elements/Image360.vue.cjs");
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
-const _hoisted_1 = { class: "w-100 o-hidden bg-light radius-big flex-nowrap flex-column flex pos-relative" };
+const _hoisted_1 = { class: "w-100 o-hidden bg-light radius-medium flex-nowrap flex-column flex pos-relative" };
 const _hoisted_2 = ["src"];
 const _hoisted_3 = {
   key: 0,
@@ -15,7 +15,7 @@ const _hoisted_3 = {
 const _hoisted_4 = { class: "no-responsive w-max flex flex-nowrap gap-thin" };
 const _hoisted_5 = ["src", "onClick"];
 const _sfc_main = {
-  __name: "ImagesThumbnails",
+  __name: "ProductImages",
   props: {
     images: {
       type: Array,
@@ -44,7 +44,7 @@ const _sfc_main = {
           class: "pd-semi w-100 bg-light radius-semi o-hidden",
           onClick: _cache[0] || (_cache[0] = ($event) => openPopup(__props.images[0]))
         }, [
-          __props.product && __props.product.image3d ? (vue.openBlock(), vue.createBlock(Images360.default, {
+          __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}`,
@@ -92,6 +92,6 @@ const _sfc_main = {
     };
   }
 };
-const ImagesThumbnails = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-5ca13c25"]]);
-exports.default = ImagesThumbnails;
-//# sourceMappingURL=ImagesThumbnails.vue.cjs.map
+const ProductImages = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-641e5bb0"]]);
+exports.default = ProductImages;
+//# sourceMappingURL=ProductImages.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductImages.vue.cjs","sources":["../../../../../../../src/modules/products/components/blocks/ProductImages.vue"],"sourcesContent":["<template>\n  <div class=\"w-100 o-hidden bg-light radius-medium flex-nowrap flex-column flex pos-relative\">\n    <!-- Main image container -->\n    <div class=\"pd-semi w-100 bg-light radius-semi o-hidden\" @click=\"openPopup(images[0])\">\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[0] && !product?.image3d\"\n        class=\"h-max h-max-15r bg-white radius-semi w-100\"\n        style=\"object-fit: contain;\"\n        :src=\"(FILE_SERVER_URL || '') + images[0]\"\n      />\n      <PlaceholderImage\n        v-if=\"!images[0] && !product?.image3d\"\n        class=\"h-max-20r h-100 w-100\"\n        style=\"object-fit: cover;\"\n      />\n    </div>\n    \n    <!-- Thumbnails -->\n    <div v-if=\"images.length > 1\" class=\"o-scroll w-100 pd-semi pd-t-zero\">\n      <div class=\"no-responsive w-max flex flex-nowrap gap-thin\">\n        <img loading=\"lazy\" \n          v-for=\"(image, index) in images\"\n          :key=\"index\"\n          :src=\"(FILE_SERVER_URL || '') + image\" \n          @click=\"openPopup(image)\"\n          class=\"flex-child flex-child-grow-1 aspect-1x1 radius-semi bg-white o-hidden thumbnail\"\n        />\n      </div>\n    </div>\n    \n    <!-- Popup with photo viewer -->\n    <Popup @close-popup=\"closePopup\" :isPopupOpen=\"isPopupVisible\" class=\"radius-medium o-hidden\">\n      <PhotoViewer\n        :photoUrl=\"(FILE_SERVER_URL || '') + selectedImage\"\n      />\n    </Popup>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from \"vue\";\n\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport PhotoViewer from '@martyrs/src/components/PhotoViewer/PhotoViewer.vue';\n\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue'\n\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 selectedImage = ref(null);\n\nconst openPopup = (image) => {\n  if (!image) return;\n  selectedImage.value = image;\n  isPopupVisible.value = true;\n};\n\nconst closePopup = () => {\n  isPopupVisible.value = false;\n};\n</script>\n\n<style scoped>\n.thumbnail {\n  width: 100%;\n  max-width: 6rem;\n  height: 6rem;\n  object-fit: cover;\n  cursor: pointer;\n}\n</style>"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmEA,UAAM,iBAAiBA,IAAG,IAAC,KAAK;AAChC,UAAM,gBAAgBA,IAAG,IAAC,IAAI;AAE9B,UAAM,YAAY,CAAC,UAAU;AAC3B,UAAI,CAAC,MAAO;AACZ,oBAAc,QAAQ;AACtB,qBAAe,QAAQ;AAAA,IACzB;AAEA,UAAM,aAAa,MAAM;AACvB,qBAAe,QAAQ;AAAA,IACzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/products/components/blocks/{ImagesThumbnails.vue.js → ProductImages.vue.js}

@@ -2,9 +2,9 @@ import { ref, createElementBlock, openBlock, createElementVNode, createCommentVN
 import _sfc_main$1 from "../../../../components/Popup/Popup.vue2.js";
 import _sfc_main$2 from "../../../../components/PhotoViewer/PhotoViewer.vue.js";
 import PlaceholderImage from "../../../icons/placeholders/PlaceholderImage.vue.js";
-import Images360 from "./Images360.vue.js";
+import Image360 from "../elements/Image360.vue.js";
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const _hoisted_1 = { class: "w-100 o-hidden bg-light radius-big flex-nowrap flex-column flex pos-relative" };
+const _hoisted_1 = { class: "w-100 o-hidden bg-light radius-medium flex-nowrap flex-column flex pos-relative" };
 const _hoisted_2 = ["src"];
 const _hoisted_3 = {
   key: 0,
@@ -13,7 +13,7 @@ const _hoisted_3 = {
 const _hoisted_4 = { class: "no-responsive w-max flex flex-nowrap gap-thin" };
 const _hoisted_5 = ["src", "onClick"];
 const _sfc_main = {
-  __name: "ImagesThumbnails",
+  __name: "ProductImages",
   props: {
     images: {
       type: Array,
@@ -42,7 +42,7 @@ const _sfc_main = {
           class: "pd-semi w-100 bg-light radius-semi o-hidden",
           onClick: _cache[0] || (_cache[0] = ($event) => openPopup(__props.images[0]))
         }, [
-          __props.product && __props.product.image3d ? (openBlock(), createBlock(Images360, {
+          __props.product && __props.product.image3d ? (openBlock(), createBlock(Image360, {
             key: 0,
             class: "h-100 w-100",
             imagePath: `/assets/images/products/${__props.product.image3d}`,
@@ -90,8 +90,8 @@ const _sfc_main = {
     };
   }
 };
-const ImagesThumbnails = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5ca13c25"]]);
+const ProductImages = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-641e5bb0"]]);
 export {
-  ImagesThumbnails as default
+  ProductImages as default
 };
-//# sourceMappingURL=ImagesThumbnails.vue.js.map
+//# sourceMappingURL=ProductImages.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductImages.vue.js","sources":["../../../../../../../src/modules/products/components/blocks/ProductImages.vue"],"sourcesContent":["<template>\n  <div class=\"w-100 o-hidden bg-light radius-medium flex-nowrap flex-column flex pos-relative\">\n    <!-- Main image container -->\n    <div class=\"pd-semi w-100 bg-light radius-semi o-hidden\" @click=\"openPopup(images[0])\">\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[0] && !product?.image3d\"\n        class=\"h-max h-max-15r bg-white radius-semi w-100\"\n        style=\"object-fit: contain;\"\n        :src=\"(FILE_SERVER_URL || '') + images[0]\"\n      />\n      <PlaceholderImage\n        v-if=\"!images[0] && !product?.image3d\"\n        class=\"h-max-20r h-100 w-100\"\n        style=\"object-fit: cover;\"\n      />\n    </div>\n    \n    <!-- Thumbnails -->\n    <div v-if=\"images.length > 1\" class=\"o-scroll w-100 pd-semi pd-t-zero\">\n      <div class=\"no-responsive w-max flex flex-nowrap gap-thin\">\n        <img loading=\"lazy\" \n          v-for=\"(image, index) in images\"\n          :key=\"index\"\n          :src=\"(FILE_SERVER_URL || '') + image\" \n          @click=\"openPopup(image)\"\n          class=\"flex-child flex-child-grow-1 aspect-1x1 radius-semi bg-white o-hidden thumbnail\"\n        />\n      </div>\n    </div>\n    \n    <!-- Popup with photo viewer -->\n    <Popup @close-popup=\"closePopup\" :isPopupOpen=\"isPopupVisible\" class=\"radius-medium o-hidden\">\n      <PhotoViewer\n        :photoUrl=\"(FILE_SERVER_URL || '') + selectedImage\"\n      />\n    </Popup>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from \"vue\";\n\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport PhotoViewer from '@martyrs/src/components/PhotoViewer/PhotoViewer.vue';\n\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue'\n\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 selectedImage = ref(null);\n\nconst openPopup = (image) => {\n  if (!image) return;\n  selectedImage.value = image;\n  isPopupVisible.value = true;\n};\n\nconst closePopup = () => {\n  isPopupVisible.value = false;\n};\n</script>\n\n<style scoped>\n.thumbnail {\n  width: 100%;\n  max-width: 6rem;\n  height: 6rem;\n  object-fit: cover;\n  cursor: pointer;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAmEA,UAAM,iBAAiB,IAAI,KAAK;AAChC,UAAM,gBAAgB,IAAI,IAAI;AAE9B,UAAM,YAAY,CAAC,UAAU;AAC3B,UAAI,CAAC,MAAO;AACZ,oBAAc,QAAQ;AACtB,qBAAe,QAAQ;AAAA,IACzB;AAEA,UAAM,aAAa,MAAM;AACvB,qBAAe,QAAQ;AAAA,IACzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,141 @@
+"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 = {
+  key: 0,
+  class: "mn-b-small"
+};
+const _hoisted_3 = { class: "h2 t-bold" };
+const _hoisted_4 = { class: "capitalize mn-b-thin t-medium" };
+const _hoisted_5 = { class: "flex flex-wrap gap-small mn-b-medium" };
+const _hoisted_6 = ["onClick", "disabled"];
+const _hoisted_7 = ["src"];
+const _hoisted_8 = { class: "flex-center capitalize flex h-100 w-100 t-small t-center" };
+const _hoisted_9 = {
+  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) => {
+        var _a;
+        return (_a = v.attributes) == null ? void 0 : _a.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) => {
+              var _a;
+              return (_a = v.attributes.find((a) => a.name === lbl)) == null ? void 0 : _a.value;
+            })
+          )].filter(Boolean).map((val) => {
+            var _a;
+            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 ? (_a = v.images) == null ? void 0 : _a[0] : null,
+              off: !v.available,
+              text: val
+            };
+          })
+        }));
+      }
+      if (props.productVariants.length > 1) {
+        return [{
+          label: "Options",
+          items: props.productVariants.map((v) => {
+            var _a;
+            return {
+              key: v._id,
+              variant: v,
+              img: (_a = v.images) == null ? void 0 : _a[0],
+              off: !v.available,
+              text: v.name || v.sku
+            };
+          })
+        }];
+      }
+      return [];
+    });
+    const pick = (v) => {
+      var _a, _b;
+      if (!v.available) return;
+      selectedAttributes.value = Object.fromEntries(((_a = v.attributes) == null ? void 0 : _a.map((a) => [a.name, a.value])) || []);
+      selected.value = v;
+      emit("variant-selected", v);
+      ((_b = v.images) == null ? void 0 : _b.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))
+      );
+      m ? pick(m) : selected.value = null;
+    });
+    vue.onMounted(() => props.productVariants.length === 1 && pick(props.productVariants[0]));
+    const isSelected = (g, i) => {
+      var _a, _b;
+      return g.label === "Options" ? ((_a = selected.value) == null ? void 0 : _a._id) === ((_b = i.variant) == null ? void 0 : _b._id) : selectedAttributes.value[g.label] === i.value;
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        selected.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+          vue.createElementVNode("span", _hoisted_3, "$" + vue.toDisplayString(selected.value.price.toFixed(2)), 1)
+        ])) : vue.createCommentVNode("", true),
+        (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_4, vue.toDisplayString(group.label), 1),
+            vue.createElementVNode("div", _hoisted_5, [
+              (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(["h-3r w-min-3r flex-nowrap gap-thin radius-small flex flex-center pos-relative br-1px pd-micro", [
+                    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_7)) : vue.createCommentVNode("", true),
+                  vue.createElementVNode("span", _hoisted_8, vue.toDisplayString(item.text), 1),
+                  isSelected(group, item) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, " Selected ")) : vue.createCommentVNode("", true)
+                ], 10, _hoisted_6);
+              }), 128))
+            ])
+          ]);
+        }), 128))
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=ProductVariants.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductVariants.vue.cjs","sources":["../../../../../../../src/modules/products/components/blocks/ProductVariants.vue"],"sourcesContent":["<template>\n  <div class=\"w-100\">\n    <div v-if=\"selected\" class=\"mn-b-small\">\n      <span class=\"h2 t-bold\">${{ selected.price.toFixed(2) }}</span>\n    </div>\n\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      <div class=\"flex flex-wrap gap-small 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=\"h-3r w-min-3r flex-nowrap gap-thin radius-small flex flex-center pos-relative br-1px pd-micro\"\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          <span class=\"flex-center capitalize flex h-100 w-100 t-small t-center\">\n            {{ item.text }}\n          </span>\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  m ? pick(m) : (selected.value = null);\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":";;;;;;;;;;;;;;;;;;;;;;;AA+CA,UAAM,QAAQ;AACd,UAAM,OAAO;AAEb,UAAM,qBAAqBA,IAAG,IAAC,EAAE;AACjC,UAAM,WAAWA,IAAG,IAAC,IAAI;AAEzB,UAAM,WAAWC,IAAAA;AAAAA,MAAS,MACxB,MAAM,gBAAgB,KAAK,OAAC;;AAAI,uBAAE,eAAF,mBAAc;AAAA,OAAM;AAAA,IACtD;AAEA,UAAM,SAASA,IAAQ,SAAC,MAAM;AAC5B,UAAI,SAAS,OAAO;AAClB,cAAM,SAAS,CAAC,GAAG,IAAI,IAAI,MAAM,gBAAgB,CAAC,EAAE,WAAW,IAAI,OAAK,EAAE,IAAI,CAAC,CAAC;AAChF,eAAO,OAAO,IAAI,CAAC,KAAK,OAAO;AAAA,UAC7B,OAAO;AAAA,UACP,OAAO,CAAC,GAAG,IAAI;AAAA,YACb,MAAM,gBAAgB,IAAI,OAAK;;AAAA,6BAAE,WAAW,KAAK,OAAK,EAAE,SAAS,GAAG,MAArC,mBAAwC;AAAA,aAAK;AAAA,UAC7E,CAAA,EACE,OAAO,OAAO,EACd,IAAI,SAAO;;AACV,kBAAM,IAAI,MAAM,gBAAgB,KAAK,OAAK,EAAE,WAAW,KAAK,OAAK,EAAE,SAAS,OAAO,EAAE,UAAU,GAAG,CAAC;AACnG,mBAAO;AAAA,cACL,KAAK,MAAM;AAAA,cACX,OAAO;AAAA,cACP,KAAK,MAAM,KAAI,OAAE,WAAF,mBAAW,KAAK;AAAA,cAC/B,KAAK,CAAC,EAAE;AAAA,cACR,MAAM;AAAA,YACP;AAAA,UACX,CAAS;AAAA,QACT,EAAM;AAAA,MACN;AACE,UAAI,MAAM,gBAAgB,SAAS,GAAG;AACpC,eAAO,CAAC;AAAA,UACN,OAAO;AAAA,UACP,OAAO,MAAM,gBAAgB,IAAI,OAAM;;AAAA;AAAA,cACrC,KAAK,EAAE;AAAA,cACP,SAAS;AAAA,cACT,MAAK,OAAE,WAAF,mBAAW;AAAA,cAChB,KAAK,CAAC,EAAE;AAAA,cACR,MAAM,EAAE,QAAQ,EAAE;AAAA,YAC1B;AAAA,WAAQ;AAAA,QACR,CAAK;AAAA,MACL;AACE,aAAO,CAAE;AAAA,IACX,CAAC;AAED,UAAM,OAAO,OAAK;;AAChB,UAAI,CAAC,EAAE,UAAW;AAClB,yBAAmB,QAAQ,OAAO,cAAY,OAAE,eAAF,mBAAc,IAAI,OAAK,CAAC,EAAE,MAAM,EAAE,KAAK,OAAM,CAAA,CAAE;AAC7F,eAAS,QAAQ;AACjB,WAAK,oBAAoB,CAAC;AAC1B,eAAE,WAAF,mBAAU,WAAU,KAAK,iBAAiB,EAAE,MAAM;AAAA,IACpD;AAEA,UAAM,WAAW,CAAC,KAAK,QAAQ;AAC7B,YAAM,OAAO,EAAE,GAAG,mBAAmB,OAAO,CAAC,GAAG,GAAG,IAAK;AACxD,UAAI,CAAC,MAAM,gBAAgB;AAAA,QAAK,OAC9B,OAAO,QAAQ,IAAI,EAAE;AAAA,UAAM,CAAC,CAAC,GAAG,CAAC,MAC/B,EAAE,WAAW,KAAK,OAAK,EAAE,SAAS,KAAK,EAAE,UAAU,CAAC;AAAA,QAC1D;AAAA,MACA,EAAK;AACH,yBAAmB,QAAQ;AAAA,IAC7B;AAEAC,QAAAA,MAAM,oBAAoB,WAAS;AACjC,YAAM,IAAI,MAAM,gBAAgB;AAAA,QAAK,OACnC,OAAO,QAAQ,KAAK,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,MAAM,EAAE,WAAW,KAAK,OAAK,EAAE,SAAS,KAAK,EAAE,UAAU,CAAC,CAAC;AAAA,MAC9F;AACD,UAAI,KAAK,CAAC,IAAK,SAAS,QAAQ;AAAA,IAClC,CAAC;AAEDC,QAAAA,UAAU,MAAM,MAAM,gBAAgB,WAAW,KAAK,KAAK,MAAM,gBAAgB,CAAC,CAAC,CAAC;AAEpF,UAAM,aAAa,CAAC,GAAG,MAAC;;AACtB,eAAE,UAAU,cACR,cAAS,UAAT,mBAAgB,WAAQ,OAAE,YAAF,mBAAW,OACnC,mBAAmB,MAAM,EAAE,KAAK,MAAM,EAAE;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}