@ozdao/martyrs 0.2.480 → 0.2.482

package/dist/martyrs/src/modules/products/components/sections/EditRecommended.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditRecommended.vue.cjs","sources":["../../../../../../../src/modules/products/components/sections/EditRecommended.vue"],"sourcesContent":["<template>\n  <Block\n    title=\"Recommended Products\"\n    placeholder=\"No recommended products added yet. Add products that are frequently bought together.\"\n    :actions=\"[{\n      label: '+',\n      function: () => openRecommendedPopup()\n    }]\"\n  >\n    <div v-if=\"recommended?.length > 0\" class=\"rows-1 gap-thin\">\n      <CardPosition \n        v-for=\"(product, index) in recommended\" \n        :key=\"product._id\" \n        :image=\"product.images?.[0] ? (FILE_SERVER_URL || '') + product.images[0] : ''\"\n        :name=\"product.name\"\n        :title=\"product.name\"\n        :subtitle=\"`${returnCurrency()}${product.price}`\"\n        :showThumbnail=\"true\"\n        :actions=\"[\n          {\n            icon: IconDelete,\n            class: 'bg-red',\n            handler: () => {\n              globals.actions.delete(recommended, product, index);\n            }\n          }\n        ]\"\n        class=\"bg-white pd-thin radius-medium w-100 mn-b-thin\"\n      />\n    </div>\n  </Block>\n\n  <Popup \n    title=\"Add Recommended Product\" \n    @close-popup=\"closeRecommendedPopup\" \n    :isPopupOpen=\"isRecommendedPopupOpen\"\n    class=\"bg-white w-min-30r w-max-30r radius-medium pd-medium\"\n  >\n    <div class=\"bg-light mn-b-thin h-min-20r h-max-20r o-scroll pd-medium radius-medium\">\n      <Feed\n        :search=\"{\n          class: 'bg-white mn-b-thin'\n        }\"\n        :states=\"{\n          empty: {\n            title: 'No Products Found',\n            description: 'Currently, there are no such products available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => products.actions.read(options),\n          state: null\n        }\"\n        :options=\"{\n          owner: route.params._id,\n        }\"\n        v-slot=\"{ items }\"\n        class=\"\"\n      >\n        <CardPosition\n          v-for=\"(product, index) in items\" :key=\"product._id\"\n          :image=\"product.images?.[0] ? (FILE_SERVER_URL || '') + product.images[0] : ''\"\n          :name=\"product.name\"\n          :title=\"product.name\"\n          :subtitle=\"`${returnCurrency()}${product.price}`\"\n          :showThumbnail=\"true\"\n          :actions=\"[\n            {\n              label: 'Add',\n              class: 'bg-main t-white',\n              handler: () => {\n                globals.actions.add(recommended, product);\n                closeRecommendedPopup();\n              }\n            }\n          ]\"\n          class=\"bg-white pd-thin radius-medium w-100 mn-b-thin cursor-pointer hover-scale-1\"\n        />\n      </Feed>\n    </div>\n  </Popup>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted, defineModel } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport { useGlobalMixins } from \"@martyrs/src/modules/globals/views/mixins/mixins.js\"\n\n// Импорт компонентов\nimport Block from '@martyrs/src/components/Block/Block.vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport Feed from '@martyrs/src/components/Feed/Feed.vue';\n\n// Импорт модулей и глобальных хранилищ\nimport * as globals from '@martyrs/src/modules/globals/views/store/globals.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\nimport * as products from '@martyrs/src/modules/products/store/products.js';\n\n// Импорт карточек\nimport CardPosition from '@martyrs/src/modules/products/components/blocks/CardPosition.vue';\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n\n// Получение route и router\nconst route = useRoute();\nconst router = useRouter();\nconst { returnCurrency } = useGlobalMixins();\n\n// Используем defineModel для работы с v-model в родительском компоненте\nconst recommended = defineModel('recommended');\n\n// Локальное состояние\nconst isRecommendedPopupOpen = ref(false);\n\n// При монтировании компонента инициализируем recommended\nonMounted(async () => {\n  // Инициализируем recommended как пустой массив, если не определено или не массив\n  if (!recommended.value || !Array.isArray(recommended.value)) {\n    recommended.value = [];\n  }\n});\n\n// Открытие попапа для добавления рекомендованного товара\nfunction openRecommendedPopup() {\n  isRecommendedPopupOpen.value = true;\n}\n\n// Закрытие попапа\nfunction closeRecommendedPopup() {\n  isRecommendedPopupOpen.value = false;\n}\n</script>"],"names":["useRoute","useRouter","useGlobalMixins","_useModel","ref","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAuGA,UAAM,QAAQA,UAAAA,SAAU;AACTC,cAAS,UAAA;AACxB,UAAM,EAAE,eAAgB,IAAGC,uBAAiB;AAG5C,UAAM,cAAcC,IAAAA,SAAW,SAAC,aAAa;AAG7C,UAAM,yBAAyBC,IAAG,IAAC,KAAK;AAGxCC,QAAAA,UAAU,YAAY;AAEpB,UAAI,CAAC,YAAY,SAAS,CAAC,MAAM,QAAQ,YAAY,KAAK,GAAG;AAC3D,oBAAY,QAAQ,CAAE;AAAA,MAC1B;AAAA,IACA,CAAC;AAGD,aAAS,uBAAuB;AAC9B,6BAAuB,QAAQ;AAAA,IACjC;AAGA,aAAS,wBAAwB;AAC/B,6BAAuB,QAAQ;AAAA,IACjC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/products/components/sections/EditRecommended.vue.js

@@ -0,0 +1,145 @@
+import { useModel, ref, onMounted, createElementBlock, openBlock, Fragment, createVNode, withCtx, createCommentVNode, renderList, createBlock, unref, createElementVNode } from "vue";
+import { useRoute, useRouter } from "vue-router";
+import { useGlobalMixins } from "../../../globals/views/mixins/mixins.js";
+import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
+import _sfc_main$4 from "../../../../components/Popup/Popup.vue2.js";
+import _sfc_main$5 from "../../../../components/Feed/Feed.vue.js";
+import { actions } from "../../../globals/views/store/globals.js";
+import "../../../auth/views/store/auth.js";
+import { actions as actions$1 } from "../../store/products.js";
+import _sfc_main$2 from "../blocks/CardPosition.vue.js";
+import _sfc_main$3 from "../../../icons/navigation/IconDelete.vue.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "rows-1 gap-thin"
+};
+const _hoisted_2 = { class: "bg-light mn-b-thin h-min-20r h-max-20r o-scroll pd-medium radius-medium" };
+const _sfc_main = {
+  __name: "EditRecommended",
+  props: {
+    "recommended": {},
+    "recommendedModifiers": {}
+  },
+  emits: ["update:recommended"],
+  setup(__props) {
+    const route = useRoute();
+    useRouter();
+    const { returnCurrency } = useGlobalMixins();
+    const recommended = useModel(__props, "recommended");
+    const isRecommendedPopupOpen = ref(false);
+    onMounted(async () => {
+      if (!recommended.value || !Array.isArray(recommended.value)) {
+        recommended.value = [];
+      }
+    });
+    function openRecommendedPopup() {
+      isRecommendedPopupOpen.value = true;
+    }
+    function closeRecommendedPopup() {
+      isRecommendedPopupOpen.value = false;
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(_sfc_main$1, {
+          title: "Recommended Products",
+          placeholder: "No recommended products added yet. Add products that are frequently bought together.",
+          actions: [{
+            label: "+",
+            function: () => openRecommendedPopup()
+          }]
+        }, {
+          default: withCtx(() => {
+            var _a;
+            return [
+              ((_a = recommended.value) == null ? void 0 : _a.length) > 0 ? (openBlock(), createElementBlock("div", _hoisted_1, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(recommended.value, (product, index) => {
+                  var _a2;
+                  return openBlock(), createBlock(_sfc_main$2, {
+                    key: product._id,
+                    image: ((_a2 = product.images) == null ? void 0 : _a2[0]) ? (_ctx.FILE_SERVER_URL || "") + product.images[0] : "",
+                    name: product.name,
+                    title: product.name,
+                    subtitle: `${unref(returnCurrency)()}${product.price}`,
+                    showThumbnail: true,
+                    actions: [
+                      {
+                        icon: _sfc_main$3,
+                        class: "bg-red",
+                        handler: () => {
+                          actions.delete(recommended.value, product, index);
+                        }
+                      }
+                    ],
+                    class: "bg-white pd-thin radius-medium w-100 mn-b-thin"
+                  }, null, 8, ["image", "name", "title", "subtitle", "actions"]);
+                }), 128))
+              ])) : createCommentVNode("", true)
+            ];
+          }),
+          _: 1
+        }, 8, ["actions"]),
+        createVNode(_sfc_main$4, {
+          title: "Add Recommended Product",
+          onClosePopup: closeRecommendedPopup,
+          isPopupOpen: isRecommendedPopupOpen.value,
+          class: "bg-white w-min-30r w-max-30r radius-medium pd-medium"
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_2, [
+              createVNode(_sfc_main$5, {
+                search: {
+                  class: "bg-white mn-b-thin"
+                },
+                states: {
+                  empty: {
+                    title: "No Products Found",
+                    description: "Currently, there are no such products available."
+                  }
+                },
+                store: {
+                  read: (options) => actions$1.read(options),
+                  state: null
+                },
+                options: {
+                  owner: unref(route).params._id
+                },
+                class: ""
+              }, {
+                default: withCtx(({ items }) => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(items, (product, index) => {
+                    var _a;
+                    return openBlock(), createBlock(_sfc_main$2, {
+                      key: product._id,
+                      image: ((_a = product.images) == null ? void 0 : _a[0]) ? (_ctx.FILE_SERVER_URL || "") + product.images[0] : "",
+                      name: product.name,
+                      title: product.name,
+                      subtitle: `${unref(returnCurrency)()}${product.price}`,
+                      showThumbnail: true,
+                      actions: [
+                        {
+                          label: "Add",
+                          class: "bg-main t-white",
+                          handler: () => {
+                            actions.add(recommended.value, product);
+                            closeRecommendedPopup();
+                          }
+                        }
+                      ],
+                      class: "bg-white pd-thin radius-medium w-100 mn-b-thin cursor-pointer hover-scale-1"
+                    }, null, 8, ["image", "name", "title", "subtitle", "actions"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["store", "options"])
+            ])
+          ]),
+          _: 1
+        }, 8, ["isPopupOpen"])
+      ], 64);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=EditRecommended.vue.js.map

package/dist/martyrs/src/modules/products/components/sections/EditRecommended.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditRecommended.vue.js","sources":["../../../../../../../src/modules/products/components/sections/EditRecommended.vue"],"sourcesContent":["<template>\n  <Block\n    title=\"Recommended Products\"\n    placeholder=\"No recommended products added yet. Add products that are frequently bought together.\"\n    :actions=\"[{\n      label: '+',\n      function: () => openRecommendedPopup()\n    }]\"\n  >\n    <div v-if=\"recommended?.length > 0\" class=\"rows-1 gap-thin\">\n      <CardPosition \n        v-for=\"(product, index) in recommended\" \n        :key=\"product._id\" \n        :image=\"product.images?.[0] ? (FILE_SERVER_URL || '') + product.images[0] : ''\"\n        :name=\"product.name\"\n        :title=\"product.name\"\n        :subtitle=\"`${returnCurrency()}${product.price}`\"\n        :showThumbnail=\"true\"\n        :actions=\"[\n          {\n            icon: IconDelete,\n            class: 'bg-red',\n            handler: () => {\n              globals.actions.delete(recommended, product, index);\n            }\n          }\n        ]\"\n        class=\"bg-white pd-thin radius-medium w-100 mn-b-thin\"\n      />\n    </div>\n  </Block>\n\n  <Popup \n    title=\"Add Recommended Product\" \n    @close-popup=\"closeRecommendedPopup\" \n    :isPopupOpen=\"isRecommendedPopupOpen\"\n    class=\"bg-white w-min-30r w-max-30r radius-medium pd-medium\"\n  >\n    <div class=\"bg-light mn-b-thin h-min-20r h-max-20r o-scroll pd-medium radius-medium\">\n      <Feed\n        :search=\"{\n          class: 'bg-white mn-b-thin'\n        }\"\n        :states=\"{\n          empty: {\n            title: 'No Products Found',\n            description: 'Currently, there are no such products available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => products.actions.read(options),\n          state: null\n        }\"\n        :options=\"{\n          owner: route.params._id,\n        }\"\n        v-slot=\"{ items }\"\n        class=\"\"\n      >\n        <CardPosition\n          v-for=\"(product, index) in items\" :key=\"product._id\"\n          :image=\"product.images?.[0] ? (FILE_SERVER_URL || '') + product.images[0] : ''\"\n          :name=\"product.name\"\n          :title=\"product.name\"\n          :subtitle=\"`${returnCurrency()}${product.price}`\"\n          :showThumbnail=\"true\"\n          :actions=\"[\n            {\n              label: 'Add',\n              class: 'bg-main t-white',\n              handler: () => {\n                globals.actions.add(recommended, product);\n                closeRecommendedPopup();\n              }\n            }\n          ]\"\n          class=\"bg-white pd-thin radius-medium w-100 mn-b-thin cursor-pointer hover-scale-1\"\n        />\n      </Feed>\n    </div>\n  </Popup>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted, defineModel } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport { useGlobalMixins } from \"@martyrs/src/modules/globals/views/mixins/mixins.js\"\n\n// Импорт компонентов\nimport Block from '@martyrs/src/components/Block/Block.vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport Feed from '@martyrs/src/components/Feed/Feed.vue';\n\n// Импорт модулей и глобальных хранилищ\nimport * as globals from '@martyrs/src/modules/globals/views/store/globals.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\nimport * as products from '@martyrs/src/modules/products/store/products.js';\n\n// Импорт карточек\nimport CardPosition from '@martyrs/src/modules/products/components/blocks/CardPosition.vue';\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n\n// Получение route и router\nconst route = useRoute();\nconst router = useRouter();\nconst { returnCurrency } = useGlobalMixins();\n\n// Используем defineModel для работы с v-model в родительском компоненте\nconst recommended = defineModel('recommended');\n\n// Локальное состояние\nconst isRecommendedPopupOpen = ref(false);\n\n// При монтировании компонента инициализируем recommended\nonMounted(async () => {\n  // Инициализируем recommended как пустой массив, если не определено или не массив\n  if (!recommended.value || !Array.isArray(recommended.value)) {\n    recommended.value = [];\n  }\n});\n\n// Открытие попапа для добавления рекомендованного товара\nfunction openRecommendedPopup() {\n  isRecommendedPopupOpen.value = true;\n}\n\n// Закрытие попапа\nfunction closeRecommendedPopup() {\n  isRecommendedPopupOpen.value = false;\n}\n</script>"],"names":["_useModel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAuGA,UAAM,QAAQ,SAAU;AACT,cAAS;AACxB,UAAM,EAAE,eAAgB,IAAG,gBAAiB;AAG5C,UAAM,cAAcA,SAAW,SAAC,aAAa;AAG7C,UAAM,yBAAyB,IAAI,KAAK;AAGxC,cAAU,YAAY;AAEpB,UAAI,CAAC,YAAY,SAAS,CAAC,MAAM,QAAQ,YAAY,KAAK,GAAG;AAC3D,oBAAY,QAAQ,CAAE;AAAA,MAC1B;AAAA,IACA,CAAC;AAGD,aAAS,uBAAuB;AAC9B,6BAAuB,QAAQ;AAAA,IACjC;AAGA,aAAS,wBAAwB;AAC/B,6BAAuB,QAAQ;AAAA,IACjC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/products/components/sections/EditVariants.vue.cjs

@@ -7,8 +7,8 @@ const variants_store = require("../../store/variants.store.cjs");
 const products = require("../../store/products.cjs");
 const Block = require("../../../../components/Block/Block.vue.cjs");
 const Field = require("../../../../components/Field/Field.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue.cjs");
-const Popup = require("../../../../components/Popup/Popup.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Popup = require("../../../../components/Popup/Popup.vue2.cjs");
 const Select = require("../../../../components/Select/Select.vue.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const EditImages = require("../../../../components/EditImages/EditImages.vue2.cjs");

package/dist/martyrs/src/modules/products/components/sections/EditVariants.vue.js

@@ -5,8 +5,8 @@ import variantsStore from "../../store/variants.store.js";
 import { state } from "../../store/products.js";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
 import Field from "../../../../components/Field/Field.vue.js";
-import _sfc_main$7 from "../../../../components/Button/Button.vue.js";
-import _sfc_main$6 from "../../../../components/Popup/Popup.vue.js";
+import _sfc_main$7 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$6 from "../../../../components/Popup/Popup.vue2.js";
 import Select from "../../../../components/Select/Select.vue.js";
 import _sfc_main$2 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$9 from "../../../../components/EditImages/EditImages.vue2.js";

package/dist/martyrs/src/modules/products/components/sections/ProductConfigurator.vue.cjs

@@ -3,33 +3,35 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueI18n = require("vue-i18n");
 const IconShopcartAdd = require("../../../icons/actions/IconShopcartAdd.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue2.cjs");
 const ProductVariants = require("../blocks/ProductVariants.vue.cjs");
 const ProductDiscounts = require("../blocks/ProductDiscounts.vue.cjs");
 const QuantitySelector = require("../elements/QuantitySelector.vue.cjs");
+const Price = require("../elements/Price.vue.cjs");
 const _hoisted_1 = {
   key: 0,
   class: "w-100"
 };
-const _hoisted_2 = { class: "w-100 mn-b-medium" };
-const _hoisted_3 = { class: "flex flex-nowrap flex-v-center mn-b-thin" };
-const _hoisted_4 = {
+const _hoisted_2 = { class: "flex-nowrap flex gap-thin" };
+const _hoisted_3 = { class: "" };
+const _hoisted_4 = { class: "w-100" };
+const _hoisted_5 = { class: "flex flex-nowrap flex-v-center mn-b-thin" };
+const _hoisted_6 = {
   key: 0,
   class: "t-small t-transp mn-l-thin"
 };
-const _hoisted_5 = {
+const _hoisted_7 = {
   key: 0,
   class: "mn-b-medium"
 };
-const _hoisted_6 = { class: "w-100 mn-b-small" };
-const _hoisted_7 = { class: "gap-micro flex flex-center flex-nowrap" };
-const _hoisted_8 = { class: "t-nowrap" };
+const _hoisted_8 = { class: "w-100 mn-b-medium" };
 const _hoisted_9 = {
-  key: 1,
-  class: "flex-center flex uppercase radius-big t-black w-100 pd-medium t-medium bg-grey h-3r"
+  key: 0,
+  class: "gap-micro flex flex-center flex-nowrap"
 };
-const _hoisted_10 = { key: 0 };
-const _hoisted_11 = { key: 1 };
+const _hoisted_10 = { class: "t-nowrap" };
+const _hoisted_11 = { key: 0 };
+const _hoisted_12 = { key: 1 };
 const _sfc_main = {
   __name: "ProductConfigurator",
   props: {
@@ -91,40 +93,53 @@ const _sfc_main = {
           regularPrice: __props.regularPrice,
           selectedVariant: selectedVariant.value,
           productVariants: __props.productVariants,
-          onSelectDiscount: handleDiscountSelected
+          onSelectDiscount: handleDiscountSelected,
+          class: "mn-b-medium"
         }, null, 8, ["discounts", "regularPrice", "selectedVariant", "productVariants"]),
         vue.createElementVNode("div", _hoisted_2, [
           vue.createElementVNode("div", _hoisted_3, [
-            _cache[2] || (_cache[2] = vue.createElementVNode("p", { class: "t-medium" }, "Quantity", -1)),
-            selectedVariant.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, " (Max: " + vue.toDisplayString(maxQuantity.value) + ") ", 1)) : vue.createCommentVNode("", true)
+            _cache[2] || (_cache[2] = vue.createElementVNode("p", { class: "t-medium mn-b-thin" }, "Price", -1)),
+            !selectedVariant.value ? (vue.openBlock(), vue.createBlock(Price.default, {
+              key: 0,
+              product: _ctx.product,
+              variants: __props.productVariants,
+              size: "big",
+              class: "flex gap-micro flex-center pd-small bg-second t-white w-max mn-b-medium"
+            }, null, 8, ["product", "variants"])) : vue.createCommentVNode("", true)
           ]),
-          vue.createVNode(QuantitySelector.default, {
-            modelValue: quantity.value,
-            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => quantity.value = $event),
-            maxValue: maxQuantity.value
-          }, null, 8, ["modelValue", "maxValue"])
+          vue.createElementVNode("div", _hoisted_4, [
+            vue.createElementVNode("div", _hoisted_5, [
+              _cache[3] || (_cache[3] = vue.createElementVNode("p", { class: "t-medium" }, "Quantity", -1)),
+              selectedVariant.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6, " (Max: " + vue.toDisplayString(maxQuantity.value) + ") ", 1)) : vue.createCommentVNode("", true)
+            ]),
+            vue.createVNode(QuantitySelector.default, {
+              modelValue: quantity.value,
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => quantity.value = $event),
+              maxValue: maxQuantity.value
+            }, null, 8, ["modelValue", "maxValue"])
+          ])
         ]),
-        selectedVariant.value && !selectedVariant.value.available ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, _cache[3] || (_cache[3] = [
+        selectedVariant.value && !selectedVariant.value.available ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, _cache[4] || (_cache[4] = [
           vue.createElementVNode("div", { class: "flex flex-nowrap gap-small pd-small bg-error-light radius-small t-error" }, [
             vue.createElementVNode("span", null, "Out of stock")
           ], -1)
         ]))) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_6, [
-          isVariantAvailable.value ? (vue.openBlock(), vue.createBlock(Button.default, {
-            key: 0,
-            submit: addVariantToCart,
+        vue.createElementVNode("div", _hoisted_8, [
+          vue.createVNode(Button.default, {
+            submit: isVariantAvailable.value ? addVariantToCart : void 0,
+            disabled: !isVariantAvailable.value,
             class: "cursor-pointer pd-medium radius-big w-100 bg-main button h-3r"
           }, {
             default: vue.withCtx(() => [
-              vue.createElementVNode("div", _hoisted_7, [
+              isVariantAvailable.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, [
                 vue.createVNode(IconShopcartAdd.default, { class: "i-semi" }),
-                vue.createElementVNode("span", _hoisted_8, vue.toDisplayString(vue.unref(t)("addtoorder")), 1)
-              ])
+                vue.createElementVNode("span", _hoisted_10, vue.toDisplayString(vue.unref(t)("addtoorder")), 1)
+              ])) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                !selectedVariant.value && __props.productVariants.length > 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_11, "Select variant")) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_12, "Out of Stock"))
+              ], 64))
             ]),
             _: 1
-          })) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, [
-            !selectedVariant.value && __props.productVariants.length > 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_10, "Select variant")) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_11, "Out of Stock"))
-          ]))
+          }, 8, ["submit", "disabled"])
         ])
       ])) : vue.createCommentVNode("", true);
     };

package/dist/martyrs/src/modules/products/components/sections/ProductConfigurator.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ProductConfigurator.vue.cjs","sources":["../../../../../../../src/modules/products/components/sections/ProductConfigurator.vue"],"sourcesContent":["<template>\n  <div v-if=\"productVariants?.length\" class=\"w-100\">\n    <!-- Variants Selection Component -->\n    <ProductVariants\n      :productVariants=\"productVariants\"\n      :productId=\"productId\"\n      :productName=\"productName\"\n      @variant-selected=\"handleVariantSelected\"\n      @update-images=\"$emit('update-images', $event)\"\n    />\n    \n    <!-- Discounts Component -->\n    <ProductDiscounts\n      :discounts=\"discounts\"\n      :regularPrice=\"regularPrice\"\n      :selectedVariant=\"selectedVariant\"\n      :productVariants=\"productVariants\"\n      @select-discount=\"handleDiscountSelected\"\n    />\n    \n    <!-- Quantity Selection -->\n    <div class=\"w-100 mn-b-medium\">\n      <div class=\"flex flex-nowrap flex-v-center mn-b-thin\">\n        <p class=\"t-medium\">Quantity</p>\n        <span v-if=\"selectedVariant\" class=\"t-small t-transp mn-l-thin\">\n          (Max: {{ maxQuantity }})\n        </span>\n      </div>\n      \n      <QuantitySelector v-model=\"quantity\" :maxValue=\"maxQuantity\" />\n    </div>\n\n    <!-- Out of stock notice -->\n    <div v-if=\"selectedVariant && !selectedVariant.available\" class=\"mn-b-medium\">\n      <div class=\"flex flex-nowrap gap-small pd-small bg-error-light radius-small t-error\">\n        <span>Out of stock</span>\n      </div>\n    </div>\n\n    <!-- Add to cart button -->\n    <div class=\"w-100 mn-b-small\">\n      <Button\n        v-if=\"isVariantAvailable\"\n        :submit=\"addVariantToCart\"\n        class=\"cursor-pointer pd-medium radius-big w-100 bg-main button h-3r\"\n      >\n        <div class=\"gap-micro flex flex-center flex-nowrap\">\n          <IconShopcartAdd class=\"i-semi\"/>\n          <span class=\"t-nowrap\">{{ t('addtoorder') }}</span>\n        </div>\n      </Button>\n\n      <div\n        v-else\n        class=\"flex-center flex uppercase radius-big t-black w-100 pd-medium t-medium bg-grey h-3r\"\n      >\n        <span v-if=\"!selectedVariant && productVariants.length > 1\">Select variant</span>\n        <span v-else>Out of Stock</span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, watch } from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport IconShopcartAdd from '@martyrs/src/modules/icons/actions/IconShopcartAdd.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\n\nimport ProductVariants from '../blocks/ProductVariants.vue';\nimport ProductDiscounts from '../blocks/ProductDiscounts.vue';\nimport QuantitySelector from '../elements/QuantitySelector.vue';\n\nconst props = defineProps({\n  productVariants: { type: Array, default: () => [] },\n  productId: { type: String, required: true },\n  productName: { type: String, required: true },\n  discounts: { type: Array, default: () => [] },\n  regularPrice: { type: String, required: true }\n});\n\nconst emits = defineEmits(['variant-selected', 'add-to-cart', 'update-images']);\nconst { t } = useI18n({ messages: { en: { addtoorder: 'Add to Cart' }, ru: { addtoorder: 'Добавить в корзину' } } });\n\nconst selectedVariant = ref(null);\nconst quantity = ref(1);\n\n// Computed properties\nconst isVariantAvailable = computed(() => \n  selectedVariant.value ? selectedVariant.value.available :\n  props.productVariants.length === 1 ? props.productVariants[0].available : false\n);\n\nconst maxQuantity = computed(() => \n  selectedVariant.value ? selectedVariant.value.available : \n  props.productVariants.length === 1 ? props.productVariants[0].available || 1 : 1\n);\n\n// Methods\nfunction handleVariantSelected(variant) {\n  selectedVariant.value = variant;\n  if (quantity.value > variant.available) quantity.value = variant.available;\n  emits('variant-selected', variant);\n}\n\nfunction handleDiscountSelected(discount) {\n  // Update quantity based on discount requirements\n  if (discount.quantity && discount.quantity > quantity.value) {\n    quantity.value = discount.quantity;\n  }\n}\n\nfunction addVariantToCart() {\n  const variant = selectedVariant.value || \n    (props.productVariants.length === 1 ? props.productVariants[0] : null);\n  \n  if (!variant || !variant.available || quantity.value > variant.available) return false;\n  \n  emits('add-to-cart', {\n    _id: props.productId,\n    variantId: variant._id,\n    sku: variant.sku,\n    name: props.productName,\n    price: variant.price,\n    quantity: quantity.value,\n    attributes: variant.attributes || []\n  });\n  \n  return true;\n}\n</script>"],"names":["useI18n","ref","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyEA,UAAM,QAAQ;AAQd,UAAM,QAAQ;AACd,UAAM,EAAE,EAAC,IAAKA,QAAAA,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,cAAa,GAAI,IAAI,EAAE,YAAY,qBAAoB,EAAI,EAAA,CAAE;AAEnH,UAAM,kBAAkBC,IAAG,IAAC,IAAI;AAChC,UAAM,WAAWA,IAAG,IAAC,CAAC;AAGtB,UAAM,qBAAqBC,IAAAA;AAAAA,MAAS,MAClC,gBAAgB,QAAQ,gBAAgB,MAAM,YAC9C,MAAM,gBAAgB,WAAW,IAAI,MAAM,gBAAgB,CAAC,EAAE,YAAY;AAAA,IAC5E;AAEA,UAAM,cAAcA,IAAAA;AAAAA,MAAS,MAC3B,gBAAgB,QAAQ,gBAAgB,MAAM,YAC9C,MAAM,gBAAgB,WAAW,IAAI,MAAM,gBAAgB,CAAC,EAAE,aAAa,IAAI;AAAA,IACjF;AAGA,aAAS,sBAAsB,SAAS;AACtC,sBAAgB,QAAQ;AACxB,UAAI,SAAS,QAAQ,QAAQ,UAAW,UAAS,QAAQ,QAAQ;AACjE,YAAM,oBAAoB,OAAO;AAAA,IACnC;AAEA,aAAS,uBAAuB,UAAU;AAExC,UAAI,SAAS,YAAY,SAAS,WAAW,SAAS,OAAO;AAC3D,iBAAS,QAAQ,SAAS;AAAA,MAC9B;AAAA,IACA;AAEA,aAAS,mBAAmB;AAC1B,YAAM,UAAU,gBAAgB,UAC7B,MAAM,gBAAgB,WAAW,IAAI,MAAM,gBAAgB,CAAC,IAAI;AAEnE,UAAI,CAAC,WAAW,CAAC,QAAQ,aAAa,SAAS,QAAQ,QAAQ,UAAW,QAAO;AAEjF,YAAM,eAAe;AAAA,QACnB,KAAK,MAAM;AAAA,QACX,WAAW,QAAQ;AAAA,QACnB,KAAK,QAAQ;AAAA,QACb,MAAM,MAAM;AAAA,QACZ,OAAO,QAAQ;AAAA,QACf,UAAU,SAAS;AAAA,QACnB,YAAY,QAAQ,cAAc,CAAA;AAAA,MACtC,CAAG;AAED,aAAO;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ProductConfigurator.vue.cjs","sources":["../../../../../../../src/modules/products/components/sections/ProductConfigurator.vue"],"sourcesContent":["<template>\n  <div v-if=\"productVariants?.length\" class=\"w-100\">\n    <!-- Variants Selection Component -->\n    <ProductVariants\n      :productVariants=\"productVariants\"\n      :productId=\"productId\"\n      :productName=\"productName\"\n      @variant-selected=\"handleVariantSelected\"\n      @update-images=\"$emit('update-images', $event)\"\n    />\n    \n    <!-- Discounts Component -->\n    <ProductDiscounts\n      :discounts=\"discounts\"\n      :regularPrice=\"regularPrice\"\n      :selectedVariant=\"selectedVariant\"\n      :productVariants=\"productVariants\"\n      @select-discount=\"handleDiscountSelected\"\n      class=\"mn-b-medium\"\n    />\n      \n    <!-- Показываем цену, если нет вариантов или не выбран ни один вариант -->\n    <div class=\"flex-nowrap flex gap-thin\">\n      <div class=\"\">\n        <p class=\"t-medium mn-b-thin\">Price</p>\n        <Price \n          v-if=\"!selectedVariant\"\n          :product=\"product\"\n          :variants=\"productVariants\" \n          size=\"big\" \n          class=\"flex gap-micro flex-center pd-small bg-second t-white w-max mn-b-medium\" \n        />\n      </div>\n     \n      \n      <!-- Quantity Selection -->\n      <div class=\"w-100\">\n        <div class=\"flex flex-nowrap flex-v-center mn-b-thin\">\n          <p class=\"t-medium\">Quantity</p>\n          <span v-if=\"selectedVariant\" class=\"t-small t-transp mn-l-thin\">\n            (Max: {{ maxQuantity }})\n          </span>\n        </div>\n        \n        <QuantitySelector v-model=\"quantity\" :maxValue=\"maxQuantity\" />\n      </div>\n    </div>\n\n    <!-- Out of stock notice -->\n    <div v-if=\"selectedVariant && !selectedVariant.available\" class=\"mn-b-medium\">\n      <div class=\"flex flex-nowrap gap-small pd-small bg-error-light radius-small t-error\">\n        <span>Out of stock</span>\n      </div>\n    </div>\n\n    <!-- Add to cart button -->\n    <div class=\"w-100 mn-b-medium\">\n      <Button\n        :submit=\"isVariantAvailable ? addVariantToCart : undefined\"\n        :disabled=\"!isVariantAvailable\"\n        class=\"cursor-pointer pd-medium radius-big w-100 bg-main button h-3r\"\n      >\n        <div v-if=\"isVariantAvailable\" class=\"gap-micro flex flex-center flex-nowrap\">\n          <IconShopcartAdd class=\"i-semi\"/>\n          <span class=\"t-nowrap\">{{ t('addtoorder') }}</span>\n        </div>\n        <template v-else>\n          <span v-if=\"!selectedVariant && productVariants.length > 1\">Select variant</span>\n          <span v-else>Out of Stock</span>\n        </template>\n      </Button>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, watch } from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport IconShopcartAdd from '@martyrs/src/modules/icons/actions/IconShopcartAdd.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\n\nimport ProductVariants from '../blocks/ProductVariants.vue';\nimport ProductDiscounts from '../blocks/ProductDiscounts.vue';\nimport QuantitySelector from '../elements/QuantitySelector.vue';\n\nimport Price from '@martyrs/src/modules/products/components/elements/Price.vue'\n\nconst props = defineProps({\n  productVariants: { type: Array, default: () => [] },\n  productId: { type: String, required: true },\n  productName: { type: String, required: true },\n  discounts: { type: Array, default: () => [] },\n  regularPrice: { type: String, required: true }\n});\n\nconst emits = defineEmits(['variant-selected', 'add-to-cart', 'update-images']);\nconst { t } = useI18n({ messages: { en: { addtoorder: 'Add to Cart' }, ru: { addtoorder: 'Добавить в корзину' } } });\n\nconst selectedVariant = ref(null);\nconst quantity = ref(1);\n\n// Computed properties\nconst isVariantAvailable = computed(() => \n  selectedVariant.value ? selectedVariant.value.available :\n  props.productVariants.length === 1 ? props.productVariants[0].available : false\n);\n\nconst maxQuantity = computed(() => \n  selectedVariant.value ? selectedVariant.value.available : \n  props.productVariants.length === 1 ? props.productVariants[0].available || 1 : 1\n);\n\n// Methods\nfunction handleVariantSelected(variant) {\n  selectedVariant.value = variant;\n  if (quantity.value > variant.available) quantity.value = variant.available;\n  emits('variant-selected', variant);\n}\n\nfunction handleDiscountSelected(discount) {\n  // Update quantity based on discount requirements\n  if (discount.quantity && discount.quantity > quantity.value) {\n    quantity.value = discount.quantity;\n  }\n}\n\nfunction addVariantToCart() {\n  const variant = selectedVariant.value || \n    (props.productVariants.length === 1 ? props.productVariants[0] : null);\n  \n  if (!variant || !variant.available || quantity.value > variant.available) return false;\n  \n  emits('add-to-cart', {\n    _id: props.productId,\n    variantId: variant._id,\n    sku: variant.sku,\n    name: props.productName,\n    price: variant.price,\n    quantity: quantity.value,\n    attributes: variant.attributes || []\n  });\n  \n  return true;\n}\n</script>"],"names":["useI18n","ref","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuFA,UAAM,QAAQ;AAQd,UAAM,QAAQ;AACd,UAAM,EAAE,EAAC,IAAKA,QAAAA,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,cAAa,GAAI,IAAI,EAAE,YAAY,qBAAoB,EAAI,EAAA,CAAE;AAEnH,UAAM,kBAAkBC,IAAG,IAAC,IAAI;AAChC,UAAM,WAAWA,IAAG,IAAC,CAAC;AAGtB,UAAM,qBAAqBC,IAAAA;AAAAA,MAAS,MAClC,gBAAgB,QAAQ,gBAAgB,MAAM,YAC9C,MAAM,gBAAgB,WAAW,IAAI,MAAM,gBAAgB,CAAC,EAAE,YAAY;AAAA,IAC5E;AAEA,UAAM,cAAcA,IAAAA;AAAAA,MAAS,MAC3B,gBAAgB,QAAQ,gBAAgB,MAAM,YAC9C,MAAM,gBAAgB,WAAW,IAAI,MAAM,gBAAgB,CAAC,EAAE,aAAa,IAAI;AAAA,IACjF;AAGA,aAAS,sBAAsB,SAAS;AACtC,sBAAgB,QAAQ;AACxB,UAAI,SAAS,QAAQ,QAAQ,UAAW,UAAS,QAAQ,QAAQ;AACjE,YAAM,oBAAoB,OAAO;AAAA,IACnC;AAEA,aAAS,uBAAuB,UAAU;AAExC,UAAI,SAAS,YAAY,SAAS,WAAW,SAAS,OAAO;AAC3D,iBAAS,QAAQ,SAAS;AAAA,MAC9B;AAAA,IACA;AAEA,aAAS,mBAAmB;AAC1B,YAAM,UAAU,gBAAgB,UAC7B,MAAM,gBAAgB,WAAW,IAAI,MAAM,gBAAgB,CAAC,IAAI;AAEnE,UAAI,CAAC,WAAW,CAAC,QAAQ,aAAa,SAAS,QAAQ,QAAQ,UAAW,QAAO;AAEjF,YAAM,eAAe;AAAA,QACnB,KAAK,MAAM;AAAA,QACX,WAAW,QAAQ;AAAA,QACnB,KAAK,QAAQ;AAAA,QACb,MAAM,MAAM;AAAA,QACZ,OAAO,QAAQ;AAAA,QACf,UAAU,SAAS;AAAA,QACnB,YAAY,QAAQ,cAAc,CAAA;AAAA,MACtC,CAAG;AAED,aAAO;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/products/components/sections/ProductConfigurator.vue.js

@@ -1,33 +1,35 @@
-import { ref, computed, createElementBlock, createCommentVNode, openBlock, createVNode, createElementVNode, toDisplayString, createBlock, withCtx, unref } from "vue";
+import { ref, computed, createElementBlock, createCommentVNode, openBlock, createVNode, createElementVNode, createBlock, toDisplayString, withCtx, unref, Fragment } from "vue";
 import { useI18n } from "vue-i18n";
-import _sfc_main$4 from "../../../icons/actions/IconShopcartAdd.vue.js";
-import _sfc_main$3 from "../../../../components/Button/Button.vue.js";
+import _sfc_main$5 from "../../../icons/actions/IconShopcartAdd.vue.js";
+import _sfc_main$4 from "../../../../components/Button/Button.vue2.js";
 import _sfc_main$1 from "../blocks/ProductVariants.vue.js";
 import ProductDiscounts from "../blocks/ProductDiscounts.vue.js";
-import _sfc_main$2 from "../elements/QuantitySelector.vue.js";
+import _sfc_main$3 from "../elements/QuantitySelector.vue.js";
+import _sfc_main$2 from "../elements/Price.vue.js";
 const _hoisted_1 = {
   key: 0,
   class: "w-100"
 };
-const _hoisted_2 = { class: "w-100 mn-b-medium" };
-const _hoisted_3 = { class: "flex flex-nowrap flex-v-center mn-b-thin" };
-const _hoisted_4 = {
+const _hoisted_2 = { class: "flex-nowrap flex gap-thin" };
+const _hoisted_3 = { class: "" };
+const _hoisted_4 = { class: "w-100" };
+const _hoisted_5 = { class: "flex flex-nowrap flex-v-center mn-b-thin" };
+const _hoisted_6 = {
   key: 0,
   class: "t-small t-transp mn-l-thin"
 };
-const _hoisted_5 = {
+const _hoisted_7 = {
   key: 0,
   class: "mn-b-medium"
 };
-const _hoisted_6 = { class: "w-100 mn-b-small" };
-const _hoisted_7 = { class: "gap-micro flex flex-center flex-nowrap" };
-const _hoisted_8 = { class: "t-nowrap" };
+const _hoisted_8 = { class: "w-100 mn-b-medium" };
 const _hoisted_9 = {
-  key: 1,
-  class: "flex-center flex uppercase radius-big t-black w-100 pd-medium t-medium bg-grey h-3r"
+  key: 0,
+  class: "gap-micro flex flex-center flex-nowrap"
 };
-const _hoisted_10 = { key: 0 };
-const _hoisted_11 = { key: 1 };
+const _hoisted_10 = { class: "t-nowrap" };
+const _hoisted_11 = { key: 0 };
+const _hoisted_12 = { key: 1 };
 const _sfc_main = {
   __name: "ProductConfigurator",
   props: {
@@ -89,40 +91,53 @@ const _sfc_main = {
           regularPrice: __props.regularPrice,
           selectedVariant: selectedVariant.value,
           productVariants: __props.productVariants,
-          onSelectDiscount: handleDiscountSelected
+          onSelectDiscount: handleDiscountSelected,
+          class: "mn-b-medium"
         }, null, 8, ["discounts", "regularPrice", "selectedVariant", "productVariants"]),
         createElementVNode("div", _hoisted_2, [
           createElementVNode("div", _hoisted_3, [
-            _cache[2] || (_cache[2] = createElementVNode("p", { class: "t-medium" }, "Quantity", -1)),
-            selectedVariant.value ? (openBlock(), createElementBlock("span", _hoisted_4, " (Max: " + toDisplayString(maxQuantity.value) + ") ", 1)) : createCommentVNode("", true)
+            _cache[2] || (_cache[2] = createElementVNode("p", { class: "t-medium mn-b-thin" }, "Price", -1)),
+            !selectedVariant.value ? (openBlock(), createBlock(_sfc_main$2, {
+              key: 0,
+              product: _ctx.product,
+              variants: __props.productVariants,
+              size: "big",
+              class: "flex gap-micro flex-center pd-small bg-second t-white w-max mn-b-medium"
+            }, null, 8, ["product", "variants"])) : createCommentVNode("", true)
           ]),
-          createVNode(_sfc_main$2, {
-            modelValue: quantity.value,
-            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => quantity.value = $event),
-            maxValue: maxQuantity.value
-          }, null, 8, ["modelValue", "maxValue"])
+          createElementVNode("div", _hoisted_4, [
+            createElementVNode("div", _hoisted_5, [
+              _cache[3] || (_cache[3] = createElementVNode("p", { class: "t-medium" }, "Quantity", -1)),
+              selectedVariant.value ? (openBlock(), createElementBlock("span", _hoisted_6, " (Max: " + toDisplayString(maxQuantity.value) + ") ", 1)) : createCommentVNode("", true)
+            ]),
+            createVNode(_sfc_main$3, {
+              modelValue: quantity.value,
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => quantity.value = $event),
+              maxValue: maxQuantity.value
+            }, null, 8, ["modelValue", "maxValue"])
+          ])
         ]),
-        selectedVariant.value && !selectedVariant.value.available ? (openBlock(), createElementBlock("div", _hoisted_5, _cache[3] || (_cache[3] = [
+        selectedVariant.value && !selectedVariant.value.available ? (openBlock(), createElementBlock("div", _hoisted_7, _cache[4] || (_cache[4] = [
           createElementVNode("div", { class: "flex flex-nowrap gap-small pd-small bg-error-light radius-small t-error" }, [
             createElementVNode("span", null, "Out of stock")
           ], -1)
         ]))) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_6, [
-          isVariantAvailable.value ? (openBlock(), createBlock(_sfc_main$3, {
-            key: 0,
-            submit: addVariantToCart,
+        createElementVNode("div", _hoisted_8, [
+          createVNode(_sfc_main$4, {
+            submit: isVariantAvailable.value ? addVariantToCart : void 0,
+            disabled: !isVariantAvailable.value,
             class: "cursor-pointer pd-medium radius-big w-100 bg-main button h-3r"
           }, {
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_7, [
-                createVNode(_sfc_main$4, { class: "i-semi" }),
-                createElementVNode("span", _hoisted_8, toDisplayString(unref(t)("addtoorder")), 1)
-              ])
+              isVariantAvailable.value ? (openBlock(), createElementBlock("div", _hoisted_9, [
+                createVNode(_sfc_main$5, { class: "i-semi" }),
+                createElementVNode("span", _hoisted_10, toDisplayString(unref(t)("addtoorder")), 1)
+              ])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                !selectedVariant.value && __props.productVariants.length > 1 ? (openBlock(), createElementBlock("span", _hoisted_11, "Select variant")) : (openBlock(), createElementBlock("span", _hoisted_12, "Out of Stock"))
+              ], 64))
             ]),
             _: 1
-          })) : (openBlock(), createElementBlock("div", _hoisted_9, [
-            !selectedVariant.value && __props.productVariants.length > 1 ? (openBlock(), createElementBlock("span", _hoisted_10, "Select variant")) : (openBlock(), createElementBlock("span", _hoisted_11, "Out of Stock"))
-          ]))
+          }, 8, ["submit", "disabled"])
         ])
       ])) : createCommentVNode("", true);
     };

package/dist/martyrs/src/modules/products/components/sections/ProductConfigurator.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductConfigurator.vue.js","sources":["../../../../../../../src/modules/products/components/sections/ProductConfigurator.vue"],"sourcesContent":["<template>\n  <div v-if=\"productVariants?.length\" class=\"w-100\">\n    <!-- Variants Selection Component -->\n    <ProductVariants\n      :productVariants=\"productVariants\"\n      :productId=\"productId\"\n      :productName=\"productName\"\n      @variant-selected=\"handleVariantSelected\"\n      @update-images=\"$emit('update-images', $event)\"\n    />\n    \n    <!-- Discounts Component -->\n    <ProductDiscounts\n      :discounts=\"discounts\"\n      :regularPrice=\"regularPrice\"\n      :selectedVariant=\"selectedVariant\"\n      :productVariants=\"productVariants\"\n      @select-discount=\"handleDiscountSelected\"\n    />\n    \n    <!-- Quantity Selection -->\n    <div class=\"w-100 mn-b-medium\">\n      <div class=\"flex flex-nowrap flex-v-center mn-b-thin\">\n        <p class=\"t-medium\">Quantity</p>\n        <span v-if=\"selectedVariant\" class=\"t-small t-transp mn-l-thin\">\n          (Max: {{ maxQuantity }})\n        </span>\n      </div>\n      \n      <QuantitySelector v-model=\"quantity\" :maxValue=\"maxQuantity\" />\n    </div>\n\n    <!-- Out of stock notice -->\n    <div v-if=\"selectedVariant && !selectedVariant.available\" class=\"mn-b-medium\">\n      <div class=\"flex flex-nowrap gap-small pd-small bg-error-light radius-small t-error\">\n        <span>Out of stock</span>\n      </div>\n    </div>\n\n    <!-- Add to cart button -->\n    <div class=\"w-100 mn-b-small\">\n      <Button\n        v-if=\"isVariantAvailable\"\n        :submit=\"addVariantToCart\"\n        class=\"cursor-pointer pd-medium radius-big w-100 bg-main button h-3r\"\n      >\n        <div class=\"gap-micro flex flex-center flex-nowrap\">\n          <IconShopcartAdd class=\"i-semi\"/>\n          <span class=\"t-nowrap\">{{ t('addtoorder') }}</span>\n        </div>\n      </Button>\n\n      <div\n        v-else\n        class=\"flex-center flex uppercase radius-big t-black w-100 pd-medium t-medium bg-grey h-3r\"\n      >\n        <span v-if=\"!selectedVariant && productVariants.length > 1\">Select variant</span>\n        <span v-else>Out of Stock</span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, watch } from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport IconShopcartAdd from '@martyrs/src/modules/icons/actions/IconShopcartAdd.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\n\nimport ProductVariants from '../blocks/ProductVariants.vue';\nimport ProductDiscounts from '../blocks/ProductDiscounts.vue';\nimport QuantitySelector from '../elements/QuantitySelector.vue';\n\nconst props = defineProps({\n  productVariants: { type: Array, default: () => [] },\n  productId: { type: String, required: true },\n  productName: { type: String, required: true },\n  discounts: { type: Array, default: () => [] },\n  regularPrice: { type: String, required: true }\n});\n\nconst emits = defineEmits(['variant-selected', 'add-to-cart', 'update-images']);\nconst { t } = useI18n({ messages: { en: { addtoorder: 'Add to Cart' }, ru: { addtoorder: 'Добавить в корзину' } } });\n\nconst selectedVariant = ref(null);\nconst quantity = ref(1);\n\n// Computed properties\nconst isVariantAvailable = computed(() => \n  selectedVariant.value ? selectedVariant.value.available :\n  props.productVariants.length === 1 ? props.productVariants[0].available : false\n);\n\nconst maxQuantity = computed(() => \n  selectedVariant.value ? selectedVariant.value.available : \n  props.productVariants.length === 1 ? props.productVariants[0].available || 1 : 1\n);\n\n// Methods\nfunction handleVariantSelected(variant) {\n  selectedVariant.value = variant;\n  if (quantity.value > variant.available) quantity.value = variant.available;\n  emits('variant-selected', variant);\n}\n\nfunction handleDiscountSelected(discount) {\n  // Update quantity based on discount requirements\n  if (discount.quantity && discount.quantity > quantity.value) {\n    quantity.value = discount.quantity;\n  }\n}\n\nfunction addVariantToCart() {\n  const variant = selectedVariant.value || \n    (props.productVariants.length === 1 ? props.productVariants[0] : null);\n  \n  if (!variant || !variant.available || quantity.value > variant.available) return false;\n  \n  emits('add-to-cart', {\n    _id: props.productId,\n    variantId: variant._id,\n    sku: variant.sku,\n    name: props.productName,\n    price: variant.price,\n    quantity: quantity.value,\n    attributes: variant.attributes || []\n  });\n  \n  return true;\n}\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyEA,UAAM,QAAQ;AAQd,UAAM,QAAQ;AACd,UAAM,EAAE,EAAC,IAAK,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,cAAa,GAAI,IAAI,EAAE,YAAY,qBAAoB,EAAI,EAAA,CAAE;AAEnH,UAAM,kBAAkB,IAAI,IAAI;AAChC,UAAM,WAAW,IAAI,CAAC;AAGtB,UAAM,qBAAqB;AAAA,MAAS,MAClC,gBAAgB,QAAQ,gBAAgB,MAAM,YAC9C,MAAM,gBAAgB,WAAW,IAAI,MAAM,gBAAgB,CAAC,EAAE,YAAY;AAAA,IAC5E;AAEA,UAAM,cAAc;AAAA,MAAS,MAC3B,gBAAgB,QAAQ,gBAAgB,MAAM,YAC9C,MAAM,gBAAgB,WAAW,IAAI,MAAM,gBAAgB,CAAC,EAAE,aAAa,IAAI;AAAA,IACjF;AAGA,aAAS,sBAAsB,SAAS;AACtC,sBAAgB,QAAQ;AACxB,UAAI,SAAS,QAAQ,QAAQ,UAAW,UAAS,QAAQ,QAAQ;AACjE,YAAM,oBAAoB,OAAO;AAAA,IACnC;AAEA,aAAS,uBAAuB,UAAU;AAExC,UAAI,SAAS,YAAY,SAAS,WAAW,SAAS,OAAO;AAC3D,iBAAS,QAAQ,SAAS;AAAA,MAC9B;AAAA,IACA;AAEA,aAAS,mBAAmB;AAC1B,YAAM,UAAU,gBAAgB,UAC7B,MAAM,gBAAgB,WAAW,IAAI,MAAM,gBAAgB,CAAC,IAAI;AAEnE,UAAI,CAAC,WAAW,CAAC,QAAQ,aAAa,SAAS,QAAQ,QAAQ,UAAW,QAAO;AAEjF,YAAM,eAAe;AAAA,QACnB,KAAK,MAAM;AAAA,QACX,WAAW,QAAQ;AAAA,QACnB,KAAK,QAAQ;AAAA,QACb,MAAM,MAAM;AAAA,QACZ,OAAO,QAAQ;AAAA,QACf,UAAU,SAAS;AAAA,QACnB,YAAY,QAAQ,cAAc,CAAA;AAAA,MACtC,CAAG;AAED,aAAO;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ProductConfigurator.vue.js","sources":["../../../../../../../src/modules/products/components/sections/ProductConfigurator.vue"],"sourcesContent":["<template>\n  <div v-if=\"productVariants?.length\" class=\"w-100\">\n    <!-- Variants Selection Component -->\n    <ProductVariants\n      :productVariants=\"productVariants\"\n      :productId=\"productId\"\n      :productName=\"productName\"\n      @variant-selected=\"handleVariantSelected\"\n      @update-images=\"$emit('update-images', $event)\"\n    />\n    \n    <!-- Discounts Component -->\n    <ProductDiscounts\n      :discounts=\"discounts\"\n      :regularPrice=\"regularPrice\"\n      :selectedVariant=\"selectedVariant\"\n      :productVariants=\"productVariants\"\n      @select-discount=\"handleDiscountSelected\"\n      class=\"mn-b-medium\"\n    />\n      \n    <!-- Показываем цену, если нет вариантов или не выбран ни один вариант -->\n    <div class=\"flex-nowrap flex gap-thin\">\n      <div class=\"\">\n        <p class=\"t-medium mn-b-thin\">Price</p>\n        <Price \n          v-if=\"!selectedVariant\"\n          :product=\"product\"\n          :variants=\"productVariants\" \n          size=\"big\" \n          class=\"flex gap-micro flex-center pd-small bg-second t-white w-max mn-b-medium\" \n        />\n      </div>\n     \n      \n      <!-- Quantity Selection -->\n      <div class=\"w-100\">\n        <div class=\"flex flex-nowrap flex-v-center mn-b-thin\">\n          <p class=\"t-medium\">Quantity</p>\n          <span v-if=\"selectedVariant\" class=\"t-small t-transp mn-l-thin\">\n            (Max: {{ maxQuantity }})\n          </span>\n        </div>\n        \n        <QuantitySelector v-model=\"quantity\" :maxValue=\"maxQuantity\" />\n      </div>\n    </div>\n\n    <!-- Out of stock notice -->\n    <div v-if=\"selectedVariant && !selectedVariant.available\" class=\"mn-b-medium\">\n      <div class=\"flex flex-nowrap gap-small pd-small bg-error-light radius-small t-error\">\n        <span>Out of stock</span>\n      </div>\n    </div>\n\n    <!-- Add to cart button -->\n    <div class=\"w-100 mn-b-medium\">\n      <Button\n        :submit=\"isVariantAvailable ? addVariantToCart : undefined\"\n        :disabled=\"!isVariantAvailable\"\n        class=\"cursor-pointer pd-medium radius-big w-100 bg-main button h-3r\"\n      >\n        <div v-if=\"isVariantAvailable\" class=\"gap-micro flex flex-center flex-nowrap\">\n          <IconShopcartAdd class=\"i-semi\"/>\n          <span class=\"t-nowrap\">{{ t('addtoorder') }}</span>\n        </div>\n        <template v-else>\n          <span v-if=\"!selectedVariant && productVariants.length > 1\">Select variant</span>\n          <span v-else>Out of Stock</span>\n        </template>\n      </Button>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, watch } from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport IconShopcartAdd from '@martyrs/src/modules/icons/actions/IconShopcartAdd.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\n\nimport ProductVariants from '../blocks/ProductVariants.vue';\nimport ProductDiscounts from '../blocks/ProductDiscounts.vue';\nimport QuantitySelector from '../elements/QuantitySelector.vue';\n\nimport Price from '@martyrs/src/modules/products/components/elements/Price.vue'\n\nconst props = defineProps({\n  productVariants: { type: Array, default: () => [] },\n  productId: { type: String, required: true },\n  productName: { type: String, required: true },\n  discounts: { type: Array, default: () => [] },\n  regularPrice: { type: String, required: true }\n});\n\nconst emits = defineEmits(['variant-selected', 'add-to-cart', 'update-images']);\nconst { t } = useI18n({ messages: { en: { addtoorder: 'Add to Cart' }, ru: { addtoorder: 'Добавить в корзину' } } });\n\nconst selectedVariant = ref(null);\nconst quantity = ref(1);\n\n// Computed properties\nconst isVariantAvailable = computed(() => \n  selectedVariant.value ? selectedVariant.value.available :\n  props.productVariants.length === 1 ? props.productVariants[0].available : false\n);\n\nconst maxQuantity = computed(() => \n  selectedVariant.value ? selectedVariant.value.available : \n  props.productVariants.length === 1 ? props.productVariants[0].available || 1 : 1\n);\n\n// Methods\nfunction handleVariantSelected(variant) {\n  selectedVariant.value = variant;\n  if (quantity.value > variant.available) quantity.value = variant.available;\n  emits('variant-selected', variant);\n}\n\nfunction handleDiscountSelected(discount) {\n  // Update quantity based on discount requirements\n  if (discount.quantity && discount.quantity > quantity.value) {\n    quantity.value = discount.quantity;\n  }\n}\n\nfunction addVariantToCart() {\n  const variant = selectedVariant.value || \n    (props.productVariants.length === 1 ? props.productVariants[0] : null);\n  \n  if (!variant || !variant.available || quantity.value > variant.available) return false;\n  \n  emits('add-to-cart', {\n    _id: props.productId,\n    variantId: variant._id,\n    sku: variant.sku,\n    name: props.productName,\n    price: variant.price,\n    quantity: quantity.value,\n    attributes: variant.attributes || []\n  });\n  \n  return true;\n}\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuFA,UAAM,QAAQ;AAQd,UAAM,QAAQ;AACd,UAAM,EAAE,EAAC,IAAK,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,cAAa,GAAI,IAAI,EAAE,YAAY,qBAAoB,EAAI,EAAA,CAAE;AAEnH,UAAM,kBAAkB,IAAI,IAAI;AAChC,UAAM,WAAW,IAAI,CAAC;AAGtB,UAAM,qBAAqB;AAAA,MAAS,MAClC,gBAAgB,QAAQ,gBAAgB,MAAM,YAC9C,MAAM,gBAAgB,WAAW,IAAI,MAAM,gBAAgB,CAAC,EAAE,YAAY;AAAA,IAC5E;AAEA,UAAM,cAAc;AAAA,MAAS,MAC3B,gBAAgB,QAAQ,gBAAgB,MAAM,YAC9C,MAAM,gBAAgB,WAAW,IAAI,MAAM,gBAAgB,CAAC,EAAE,aAAa,IAAI;AAAA,IACjF;AAGA,aAAS,sBAAsB,SAAS;AACtC,sBAAgB,QAAQ;AACxB,UAAI,SAAS,QAAQ,QAAQ,UAAW,UAAS,QAAQ,QAAQ;AACjE,YAAM,oBAAoB,OAAO;AAAA,IACnC;AAEA,aAAS,uBAAuB,UAAU;AAExC,UAAI,SAAS,YAAY,SAAS,WAAW,SAAS,OAAO;AAC3D,iBAAS,QAAQ,SAAS;AAAA,MAC9B;AAAA,IACA;AAEA,aAAS,mBAAmB;AAC1B,YAAM,UAAU,gBAAgB,UAC7B,MAAM,gBAAgB,WAAW,IAAI,MAAM,gBAAgB,CAAC,IAAI;AAEnE,UAAI,CAAC,WAAW,CAAC,QAAQ,aAAa,SAAS,QAAQ,QAAQ,UAAW,QAAO;AAEjF,YAAM,eAAe;AAAA,QACnB,KAAK,MAAM;AAAA,QACX,WAAW,QAAQ;AAAA,QACnB,KAAK,QAAQ;AAAA,QACb,MAAM,MAAM;AAAA,QACZ,OAAO,QAAQ;AAAA,QACf,UAAU,SAAS;AAAA,QACnB,YAAY,QAAQ,cAAc,CAAA;AAAA,MACtC,CAAG;AAED,aAAO;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/products/components/sections/ProductsPopular.vue.cjs

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const Carousel = require("../../../../components/Feed/Carousel.vue.cjs");
+const CardProduct = require("../blocks/CardProduct.vue.cjs");
+const products = require("../../store/products.cjs");
+;/* empty css                       */
+const _sfc_main = {
+  __name: "ProductsPopular",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_router_link = vue.resolveComponent("router-link");
+      return vue.openBlock(), vue.createBlock(Carousel.default, {
+        store: {
+          read: products.actions.read
+        },
+        options: {
+          limit: 10
+        },
+        text: { title: "No products available" },
+        showDots: true
+      }, {
+        default: vue.withCtx(({ item }) => [
+          vue.createVNode(_component_router_link, {
+            to: { name: "Organization_Product", params: { _id: item.owner.target, product: item._id } },
+            class: "h-100 pos-relative block"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(CardProduct.default, {
+                product: item,
+                class: "h-max-40r h-100 bg-light"
+              }, null, 8, ["product"])
+            ]),
+            _: 2
+          }, 1032, ["to"])
+        ]),
+        _: 1
+      }, 8, ["store"]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=ProductsPopular.vue.cjs.map

package/dist/martyrs/src/modules/products/components/sections/ProductsPopular.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductsPopular.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/products/components/sections/ProductsPopular.vue.js

@@ -0,0 +1,43 @@
+import { resolveComponent, createBlock, openBlock, withCtx, createVNode } from "vue";
+import Carousel from "../../../../components/Feed/Carousel.vue.js";
+import _sfc_main$1 from "../blocks/CardProduct.vue.js";
+import { actions } from "../../store/products.js";
+/* empty css                     */
+const _sfc_main = {
+  __name: "ProductsPopular",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_router_link = resolveComponent("router-link");
+      return openBlock(), createBlock(Carousel, {
+        store: {
+          read: actions.read
+        },
+        options: {
+          limit: 10
+        },
+        text: { title: "No products available" },
+        showDots: true
+      }, {
+        default: withCtx(({ item }) => [
+          createVNode(_component_router_link, {
+            to: { name: "Organization_Product", params: { _id: item.owner.target, product: item._id } },
+            class: "h-100 pos-relative block"
+          }, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$1, {
+                product: item,
+                class: "h-max-40r h-100 bg-light"
+              }, null, 8, ["product"])
+            ]),
+            _: 2
+          }, 1032, ["to"])
+        ]),
+        _: 1
+      }, 8, ["store"]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=ProductsPopular.vue.js.map

package/dist/martyrs/src/modules/products/components/sections/ProductsPopular.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductsPopular.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}