@ozdao/martyrs 0.2.481 → 0.2.483

package/dist/martyrs/src/modules/products/components/elements/Price.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Price.vue.js","sources":["../../../../../../../src/modules/products/components/elements/Price.vue"],"sourcesContent":["<template>\n  <div class=\"radius-small\">\n    <span\n      :class=\"{\n        'h4': !size,\n        'p-medium t-semi': size === 'small',\n        'h3 t-semi': size === 'big'\n      }\"\n      class=\"t-second\"\n    >\n      {{ returnCurrency() + variant.price }}\n    </span>\n\n    <span\n      :class=\"{\n        'p-medium': !size,\n        'p-small': size === 'small',\n        'p-big': size === 'big'\n      }\"\n      class=\"p-small mn-l-micro t-transp\"\n    >\n      {{ product.listing === 'rent' ? 'per day' : 'for ' + variant.quantity + variant.unit }}\n    </span>\n\n    <p\n      v-if=\"variant.sale\"\n      class=\"pd-r-small t-transp p-medium line-through price\"\n    >\n      {{ returnCurrency() + ((variant.price / 100) * (100 + variant.sale)) }}\n    </p>\n  </div>\n</template>\n\n<script setup>\nimport { computed } from 'vue';\n\nconst props = defineProps({\n  product: Object,\n  size: String\n});\n\nconst variant = computed(() => {\n  return props.product?.variants?.[0] || props.product;\n});\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;AAoCA,UAAM,QAAQ;AAKd,UAAM,UAAU,SAAS,MAAM;;AAC7B,eAAO,iBAAM,YAAN,mBAAe,aAAf,mBAA0B,OAAM,MAAM;AAAA,IAC/C,CAAC;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Price.vue.js","sources":["../../../../../../../src/modules/products/components/elements/Price.vue"],"sourcesContent":["<template>\n  <div class=\"radius-small\">\n    <span\n      :class=\"{\n        'h4': !size,\n        'p-medium t-semi': size === 'small',\n        'h3 t-semi': size === 'big'\n      }\"\n    >\n      {{ returnCurrency() + variant.price }}\n    </span>\n\n    <span\n      :class=\"{\n        'p-medium': !size,\n        'p-small': size === 'small',\n        'p-big': size === 'big'\n      }\"\n      class=\"p-small mn-l-micro t-transp\"\n    >\n      {{ product?.listing === 'rent' ? 'per day' : 'for ' + variant.quantity + variant.unit }}\n    </span>\n\n    <p\n      v-if=\"variant.sale\"\n      class=\"pd-r-small t-transp p-medium line-through price\"\n    >\n      {{ returnCurrency() + ((variant.price / 100) * (100 + variant.sale)) }}\n    </p>\n  </div>\n</template>\n\n<script setup>\nimport { computed } from 'vue';\n\nconst props = defineProps({\n  product: Object,\n  variants: Array,\n  size: String\n});\n\nconst variant = computed(() => {\n  return props.product?.variants?.[0] || props.variants?.[0] || props.product;\n});\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAmCA,UAAM,QAAQ;AAMd,UAAM,UAAU,SAAS,MAAM;;AAC7B,eAAO,iBAAM,YAAN,mBAAe,aAAf,mBAA0B,SAAM,WAAM,aAAN,mBAAiB,OAAM,MAAM;AAAA,IACtE,CAAC;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/products/components/pages/Categories.vue.cjs

@@ -6,7 +6,7 @@ const globals = require("../../../globals/views/store/globals.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");
 const categories = require("../../store/categories.cjs");
 ;/* empty css                                         */
-;/* empty css                                         */
+;/* empty css                                          */
 const Block = require("../../../../components/Block/Block.vue.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const Tree = require("../../../../components/Tree/Tree.vue.cjs");

package/dist/martyrs/src/modules/products/components/pages/Categories.vue.js

@@ -4,7 +4,7 @@ import { state as state$1 } from "../../../globals/views/store/globals.js";
 import { state } from "../../../auth/views/store/auth.js";
 import { state as state$2, actions } from "../../store/categories.js";
 /* empty css                                       */
-/* empty css                                       */
+/* empty css                                        */
 import _sfc_main$2 from "../../../../components/Block/Block.vue.js";
 import _sfc_main$3 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$4 from "../../../../components/Tree/Tree.vue.js";

package/dist/martyrs/src/modules/products/components/pages/CategoryEdit.vue.cjs

@@ -3,16 +3,16 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const Select = require("../../../../components/Select/Select.vue.cjs");
 const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.cjs");
 const Field = require("../../../../components/Field/Field.vue.cjs");
 ;/* empty css                                         */
 ;/* empty css                                              */
+const IconCheckmark = require("../../../icons/navigation/IconCheckmark.vue.cjs");
 ;/* empty css                                           */
 ;/* empty css                                      */
 const Block = require("../../../../components/Block/Block.vue.cjs");
-const IconCheckmark = require("../../../icons/navigation/IconCheckmark.vue.cjs");
 const globals = require("../../../globals/views/store/globals.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");
 const categories = require("../../store/categories.cjs");

package/dist/martyrs/src/modules/products/components/pages/CategoryEdit.vue.js

@@ -1,16 +1,16 @@
 import { ref, onMounted, computed, onUnmounted, createElementBlock, createCommentVNode, openBlock, createBlock, createVNode, withCtx, createElementVNode, toDisplayString, unref, createTextVNode, Fragment, renderList } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import _sfc_main$5 from "../../../icons/navigation/IconDelete.vue.js";
-import _sfc_main$3 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$3 from "../../../../components/Button/Button.vue.js";
 import Select from "../../../../components/Select/Select.vue.js";
 import _sfc_main$4 from "../../../../components/UploadImage/UploadImage.vue.js";
 import Field from "../../../../components/Field/Field.vue.js";
 /* empty css                                       */
 /* empty css                                            */
+import _sfc_main$1 from "../../../icons/navigation/IconCheckmark.vue.js";
 /* empty css                                         */
 /* empty css                                    */
 import _sfc_main$2 from "../../../../components/Block/Block.vue.js";
-import _sfc_main$1 from "../../../icons/navigation/IconCheckmark.vue.js";
 import { state as state$2 } from "../../../globals/views/store/globals.js";
 import { state as state$1 } from "../../../auth/views/store/auth.js";
 import { actions, state } from "../../store/categories.js";

package/dist/martyrs/src/modules/products/components/pages/LeftoverEdit.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const Block = require("../../../../components/Block/Block.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const Field = require("../../../../components/Field/Field.vue.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 ;/* empty css                                              */

package/dist/martyrs/src/modules/products/components/pages/LeftoverEdit.vue.js

@@ -1,6 +1,6 @@
 import { ref, computed, onMounted, createElementBlock, openBlock, createElementVNode, createVNode, toDisplayString, unref, withCtx, Fragment, renderList, createBlock, createCommentVNode } from "vue";
 import _sfc_main$4 from "../../../../components/Block/Block.vue.js";
-import _sfc_main$7 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$7 from "../../../../components/Button/Button.vue.js";
 import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$2 from "../../../../components/Feed/Feed.vue.js";
 /* empty css                                            */

package/dist/martyrs/src/modules/products/components/pages/Leftovers.vue.cjs

@@ -12,7 +12,7 @@ const IconEllipsis = require("../../../icons/navigation/IconEllipsis.vue.cjs");
 const StockAuditForm = require("../forms/StockAuditForm.vue.cjs");
 const ReorderSettingsForm = require("../forms/ReorderSettingsForm.vue.cjs");
 const StockHistoryView = require("../forms/StockHistoryView.vue.cjs");
-const ColumnSettingsMenu = require("../forms/ColumnSettingsMenu.vue.cjs");
+const ColumnSettingsMenu = ;/* empty css                                */
 const products = require("../../store/products.cjs");
 const leftovers = require("../../store/leftovers.cjs");
 ;/* empty css                 */

package/dist/martyrs/src/modules/products/components/pages/Product.vue.cjs

@@ -10,39 +10,46 @@ const products = require("../../store/products.cjs");
 require("../../store/categories.cjs");
 const shopcart = require("../../../orders/store/shopcart.cjs");
 ;/* empty css                                         */
-;/* empty css                                         */
+;/* empty css                                          */
 ;/* empty css                                        */
 ;/* empty css                                   */
 const IconEdit = require("../../../icons/navigation/IconEdit.vue.cjs");
 const IconInfo = require("../../../icons/navigation/IconInfo.vue.cjs");
+const IconList = require("../../../icons/entities/IconList.vue.cjs");
 const IconGroups = require("../../../icons/entities/IconGroups.vue.cjs");
 const ProductImages = require("../blocks/ProductImages.vue.cjs");
-const Price = require("../elements/Price.vue.cjs");
-const PopularProducts = require("../sections/PopularProducts.vue.cjs");
 const ProductConfigurator = require("../sections/ProductConfigurator.vue.cjs");
+const ProductsRecommended = require("../sections/ProductsRecommended.vue.cjs");
+const ProductsPopular = require("../sections/ProductsPopular.vue.cjs");
 const CardOrganization = require("../../../organizations/components/blocks/CardOrganization.vue.cjs");
 const _hoisted_1 = {
   key: 0,
-  class: "h-100 w-100 mobile:pd-thin pd-big bg-white"
+  class: "w-100 mobile:pd-thin pd-small bg-white"
 };
-const _hoisted_2 = { class: "cols-2-1_2 w-100 gap-medium" };
+const _hoisted_2 = { class: "cols-2 mobile:cols-1 w-100 gap-medium" };
 const _hoisted_3 = { class: "pos-relative w-100 h-100 flex-column flex-h-center flex" };
-const _hoisted_4 = { class: "w-100 h1-product mn-b-small" };
+const _hoisted_4 = { class: "w-100 h1-product mn-b-medium" };
 const _hoisted_5 = {
-  key: 2,
-  class: "flex gap-micro flex-center pd-small br-solid br-1px br-black-transp-10 w-max mn-b-medium"
+  key: 1,
+  class: "w-100 mn-b-medium",
+  style: { "white-space": "pre-line" }
 };
-const _hoisted_6 = { class: "h2 t-bold" };
-const _hoisted_7 = {
+const _hoisted_6 = {
   key: 3,
-  class: "w-100 mn-b-medium"
+  class: "mn-b-small flex-nowrap flex flex-v-center"
 };
-const _hoisted_8 = { class: "mn-b-small flex-nowrap flex flex-v-center" };
-const _hoisted_9 = { class: "cols-2 mn-b-medium w-100 gap-small" };
-const _hoisted_10 = { class: "w-100 pd-small radius-small bg-light product-attributes" };
-const _hoisted_11 = { class: "mn-b-thin t-demi" };
-const _hoisted_12 = { class: "mn-b-small flex-nowrap flex flex-v-center" };
-const _hoisted_13 = { class: "h-max mn-t-big pos-relative" };
+const _hoisted_7 = {
+  key: 4,
+  class: "cols-1 mn-b-medium w-100"
+};
+const _hoisted_8 = { class: "w-100 pd-small radius-small flex flex-column gap-small bg-light" };
+const _hoisted_9 = ["innerHTML"];
+const _hoisted_10 = { class: "mn-b-small flex-nowrap flex flex-v-center" };
+const _hoisted_11 = { class: "cols-2 mn-b-medium w-100 gap-small" };
+const _hoisted_12 = { class: "w-100 pd-small radius-small bg-light product-attributes" };
+const _hoisted_13 = { class: "mn-b-thin t-demi" };
+const _hoisted_14 = { class: "mn-b-small flex-nowrap flex flex-v-center" };
+const _hoisted_15 = { class: "h-max mn-t-big pos-relative" };
 const _sfc_main = {
   __name: "Product",
   props: {
@@ -71,7 +78,7 @@ const _sfc_main = {
     vue.onMounted(async () => {
       var _a, _b;
       emits("page-loading");
-      await products.actions.read({ _id: route.params.product });
+      await products.actions.read({ _id: route.params.product, lookup: ["recommended"] });
       currentImages.value = [...productImages.value];
       if (typeof gtag === "function") {
         gtag("event", "view_item", {
@@ -146,7 +153,7 @@ const _sfc_main = {
       }
     }
     return (_ctx, _cache) => {
-      var _a;
+      var _a, _b;
       const _component_router_link = vue.resolveComponent("router-link");
       return products.state.current ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.createElementVNode("div", _hoisted_2, [
@@ -169,17 +176,9 @@ const _sfc_main = {
               _: 1
             }, 8, ["to"])) : vue.createCommentVNode("", true),
             vue.createElementVNode("h2", _hoisted_4, vue.toDisplayString(product.value.name), 1),
-            !selectedVariant.value ? (vue.openBlock(), vue.createBlock(Price.default, {
-              key: 1,
-              product: product.value,
-              size: "big",
-              class: "flex gap-micro flex-center pd-small br-solid br-1px br-black-transp-10 w-max mn-b-medium"
-            }, null, 8, ["product"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
-              vue.createElementVNode("span", _hoisted_6, vue.toDisplayString(vue.unref(returnCurrency)()) + vue.toDisplayString(selectedVariant.value.price.toFixed(2)), 1)
-            ])),
-            product.value.description ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_7, vue.toDisplayString(((_a = product.value.translations) == null ? void 0 : _a.length) > 1 ? vue.unref(t)("description") : product.value.description), 1)) : vue.createCommentVNode("", true),
-            product.value.variants.length > 0 ? (vue.openBlock(), vue.createBlock(ProductConfigurator.default, {
-              key: 4,
+            product.value.description ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_5, vue.toDisplayString(((_a = product.value.translations) == null ? void 0 : _a.length) > 1 ? vue.unref(t)("description") : product.value.description), 1)) : vue.createCommentVNode("", true),
+            ((_b = product.value.variants) == null ? void 0 : _b.length) > 0 ? (vue.openBlock(), vue.createBlock(ProductConfigurator.default, {
+              key: 2,
               "product-variants": product.value.variants,
               "product-id": product.value._id,
               "product-name": product.value.name,
@@ -189,21 +188,34 @@ const _sfc_main = {
               onAddToCart: handleAddVariantToCart,
               onUpdateImages: handleUpdateImages
             }, null, 8, ["product-variants", "product-id", "product-name", "discounts"])) : vue.createCommentVNode("", true),
-            vue.createElementVNode("div", _hoisted_8, [
+            product.value.included ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
+              vue.createVNode(IconList.default, { class: "mn-r-micro i-medium" }),
+              _cache[0] || (_cache[0] = vue.createElementVNode("p", { class: "t-medium" }, "Included", -1))
+            ])) : vue.createCommentVNode("", true),
+            product.value.included ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
+              vue.createElementVNode("div", _hoisted_8, [
+                vue.createElementVNode("p", {
+                  class: "t-medium",
+                  style: { "white-space": "pre-line" },
+                  innerHTML: product.value.included
+                }, null, 8, _hoisted_9)
+              ])
+            ])) : vue.createCommentVNode("", true),
+            vue.createElementVNode("div", _hoisted_10, [
               vue.createVNode(IconInfo.default, { class: "mn-r-micro i-medium" }),
-              _cache[0] || (_cache[0] = vue.createElementVNode("p", { class: "t-medium" }, "Product Details", -1))
+              _cache[1] || (_cache[1] = vue.createElementVNode("p", { class: "t-medium" }, "Product Details", -1))
             ]),
-            vue.createElementVNode("div", _hoisted_9, [
+            vue.createElementVNode("div", _hoisted_11, [
               product.value.attributes && product.value.attributes.length > 0 ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(product.value.attributes, (attributes) => {
-                return vue.openBlock(), vue.createElementBlock("div", _hoisted_10, [
-                  vue.createElementVNode("p", _hoisted_11, vue.toDisplayString(attributes.name), 1),
+                return vue.openBlock(), vue.createElementBlock("div", _hoisted_12, [
+                  vue.createElementVNode("p", _hoisted_13, vue.toDisplayString(attributes.name), 1),
                   vue.createElementVNode("p", null, vue.toDisplayString(attributes.value), 1)
                 ]);
               }), 256)) : vue.createCommentVNode("", true)
             ]),
-            vue.createElementVNode("div", _hoisted_12, [
+            vue.createElementVNode("div", _hoisted_14, [
               vue.createVNode(IconGroups.default, { class: "mn-r-micro i-medium" }),
-              _cache[1] || (_cache[1] = vue.createElementVNode("p", { class: "t-medium" }, "Provided by", -1))
+              _cache[2] || (_cache[2] = vue.createElementVNode("p", { class: "t-medium" }, "Provided by", -1))
             ]),
             product.value.owner ? (vue.openBlock(), vue.createBlock(CardOrganization.default, {
               key: 5,
@@ -215,9 +227,14 @@ const _sfc_main = {
             }, null, 8, ["organization"])) : vue.createCommentVNode("", true)
           ])
         ]),
-        vue.createElementVNode("div", _hoisted_13, [
-          _cache[2] || (_cache[2] = vue.createElementVNode("h3", { class: "pd-b-small" }, "Most Popular", -1)),
-          vue.createVNode(PopularProducts.default, { class: "mn-r-big-negative mn-l-big-negative" })
+        product.value.recommended.length > 0 ? (vue.openBlock(), vue.createBlock(ProductsRecommended.default, {
+          key: 0,
+          products: product.value.recommended,
+          class: "mn-t-big h-max pos-relative"
+        }, null, 8, ["products"])) : vue.createCommentVNode("", true),
+        vue.createElementVNode("div", _hoisted_15, [
+          _cache[3] || (_cache[3] = vue.createElementVNode("h3", { class: "pd-b-small" }, "Most Popular", -1)),
+          vue.createVNode(ProductsPopular.default, { class: "mn-r-big-negative mn-l-big-negative" })
         ])
       ])) : vue.createCommentVNode("", true);
     };

package/dist/martyrs/src/modules/products/components/pages/Product.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Product.vue.cjs","sources":["../../../../../../../src/modules/products/components/pages/Product.vue"],"sourcesContent":["<template>\n  <div v-if=\"products.state.current\" class=\"h-100 w-100 mobile:pd-thin pd-big bg-white\">\n    <div class=\"cols-2-1_2 w-100 gap-medium\">\n\n      <ProductImages\n        :images=\"currentImages\"\n        :product=\"product\"\n      />\n\n      <div class=\"pos-relative w-100 h-100 flex-column flex-h-center flex\">\n        <!-- Edit Button -->\n        <router-link\n          v-if=\"hasAccess(route.params._id, 'products', 'edit', auth.state.accesses, auth.state.access.roles)\"\n          :to=\"\n            route.params._id \n            ? { name: 'Organization_ProductEdit', params: { id: route.params._id, product: product._id } } \n            : { name: 'ProductEdit', params: { product: product._id } }\n          \"\n          class=\"\n            z-index-2\n            cursor-pointer \n            pos-absolute pos-t-zero pos-r-zero\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        <h2 class=\"w-100 h1-product mn-b-small\">{{ product.name }}</h2>\n        \n        <!-- Показываем цену, если нет вариантов или не выбран ни один вариант -->\n        <Price \n          v-if=\"!selectedVariant\"\n          :product=\"product\" \n          size=\"big\" \n          class=\"flex gap-micro flex-center pd-small br-solid br-1px br-black-transp-10 w-max mn-b-medium\" \n        />\n        \n        <!-- Показываем цену выбранного варианта -->\n        <div \n          v-else \n          class=\"flex gap-micro flex-center pd-small br-solid br-1px br-black-transp-10 w-max mn-b-medium\"\n        >\n          <span class=\"h2 t-bold\">{{ returnCurrency() }}{{ selectedVariant.price.toFixed(2) }}</span>\n        </div>\n\n        <p v-if=\"product.description\" class=\"w-100 mn-b-medium\">\n          {{ product.translations?.length > 1 ? t('description') : product.description }}\n        </p>\n       \n        <!-- Компонент выбора вариантов товара -->\n        <ProductConfigurator\n          v-if=\"product.variants.length > 0\"\n          :product-variants=\"product.variants\"\n          :product-id=\"product._id\"\n          :product-name=\"product.name\"\n          :discounts=\"product.discounts\"\n          :regularPrice=\"100\"\n          @variant-selected=\"handleVariantSelected\"\n          @add-to-cart=\"handleAddVariantToCart\"\n          @update-images=\"handleUpdateImages\"\n        />\n\n        <div class=\"mn-b-small flex-nowrap flex flex-v-center\">\n          <IconInfo class=\"mn-r-micro i-medium\"/>\n          <p class=\"t-medium \">Product Details</p>\n        </div>\n\n        <div class=\"cols-2 mn-b-medium w-100 gap-small\">\n          <div\n            v-if=\"product.attributes && product.attributes.length > 0\"\n            v-for=\"attributes in product.attributes\"\n            class=\"w-100 pd-small radius-small bg-light product-attributes\"\n          >\n            <p class=\"mn-b-thin t-demi\">{{ attributes.name }}</p>\n            <p>{{ attributes.value }}</p>\n          </div>\n        </div>\n\n        <div class=\"mn-b-small flex-nowrap flex flex-v-center\">\n          <IconGroups class=\"mn-r-micro i-medium\"/>\n          <p class=\"t-medium \">Provided by</p>\n        </div>\n\n        <CardOrganization \n          v-if=\"product.owner\"\n          :organization=\"product.owner.target\"\n          :showRating=\"true\"\n          :showFollowers=\"false\"\n          :showProducts=\"false\"\n          class=\"bg-light w-100 o-hidden radius-medium pd-small \"\n        />\n      </div>\n    </div>\n\n    <div class=\"h-max mn-t-big pos-relative\">\n      <h3 class=\"pd-b-small\">Most Popular</h3>\n      <PopularProducts class=\"mn-r-big-negative mn-l-big-negative\"/>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed, ref, onMounted, getCurrentInstance } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\nimport { useGlobalMixins } from \"@martyrs/src/modules/globals/views/mixins/mixins.js\"\n\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as globals from '@martyrs/src/modules/globals/views/store/globals.js'\nimport * as products from '@martyrs/src/modules/products/store/products.js'\nimport * as categories from '@martyrs/src/modules/products/store/categories.js'\nimport * as shopcart from '@martyrs/src/modules/orders/store/shopcart.js'\n\nimport Button from '@martyrs/src/components/Button/Button.vue'\nimport Popup from '@martyrs/src/components/Popup/Popup.vue'\nimport Tab from '@martyrs/src/components/Tab/Tab.vue'\nimport Calendar from '@martyrs/src/components/DatePicker/Calendar.vue'\n\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\nimport IconShopcartAdd from '@martyrs/src/modules/icons/actions/IconShopcartAdd.vue'\n\nimport IconInfo from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconGroups from '@martyrs/src/modules/icons/entities/IconGroups.vue'\n\nimport ProductImages from '@martyrs/src/modules/products/components/blocks/ProductImages.vue'\nimport Price from '@martyrs/src/modules/products/components/elements/Price.vue'\nimport PopularProducts from '@martyrs/src/modules/products/components/sections/PopularProducts.vue'\nimport ProductConfigurator from '@martyrs/src/modules/products/components/sections/ProductConfigurator.vue'\n\nimport CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\nconst route = useRoute()\nconst router = useRouter()\nconst { proxy } = getCurrentInstance()\nconst { returnCurrency, hasAccess } = useGlobalMixins()\n\nconst product = computed(() => products.state.current)\nconst productImages = computed(() => products.state.current.images || [])\n\n// Состояние для отслеживания текущих изображений (товара или варианта)\nconst currentImages = ref([])\n// Выбранный вариант товара\nconst selectedVariant = ref(null)\n\nconst text = {\n  en: { addtoorder: 'Add to Cart', fastorder: 'Fast Order', description: 'Description' },\n  ru: { addtoorder: 'Добавить в корзину', fastorder: 'Быстрый заказ', description: 'Описание' }\n}\n\nconst { t } = useI18n({ messages: text })\n\nconst emits = defineEmits(['page-loading', 'page-loaded']);\n\nconst recommendation = defineProps({\n  recommendation: {\n    type: Boolean,\n    default: false\n  }\n})\n  \nproducts.state.current = null\n\nonMounted(async () => {\n  emits('page-loading');\n  \n  await products.actions.read({ _id: route.params.product })\n  \n  // Инициализируем текущие изображения изображениями товара\n  currentImages.value = [...productImages.value]\n\n  if (typeof gtag === 'function') {\n    gtag('event', 'view_item', {\n      currency: returnCurrency(),\n      value: product.value.price || 0,\n      items: [{\n        item_id: product.value._id,\n        item_name: product.value.name,\n        price: product.value.price || 0,\n        item_category: product.value.category || '',\n        item_brand: product.value.owner?.target?.profile.name || ''\n      }]\n    });\n  }\n\n  emits('page-loaded');\n})\n\n// Обработчик выбора варианта\nfunction handleVariantSelected(variant) {\n  selectedVariant.value = variant\n}\n\n// Обработчик обновления изображений при выборе варианта\nfunction handleUpdateImages(images) {\n  if (images && images.length > 0) {\n    currentImages.value = [...images]\n  } else {\n    // Если у варианта нет изображений, возвращаем изображения товара\n    currentImages.value = [...productImages.value]\n  }\n}\n\n// Обработчик добавления варианта в корзину\nasync function handleAddVariantToCart(variantItem) {\n  try {\n    if (!shopcart.state.organization) {\n      shopcart.state.organization = product.value.owner.target._id\n    }\n    \n    // Проверка на товар с арендой\n    if (product.value.listing === 'rent') {\n      const selectedDates = await proxy.$dateSelector({\n        product: product.value\n      });\n      \n      if (!selectedDates) throw new Error('Date selection cancelled')\n      \n      variantItem.selectedDates = selectedDates\n    }\n    \n    // Проверка на разные организации в корзине\n    if (shopcart.state.organization !== product.value.owner.target._id) {\n      const result = await proxy.$alert({\n        title: 'Replace items in your cart?',\n        message: `Your cart has items from another vendor. If you continue, we'll clear it so you can order from this one instead.`,\n        actions: [\n          { label: 'Cancel', value: false },\n          { label: 'Replace', value: true }\n        ]\n      })\n\n      if (!result) throw new Error('Cart replacement cancelled')\n\n      shopcart.state.positions = []\n      shopcart.state.organization = product.value.owner.target._id\n    }\n\n    // Аналитика: регистрируем добавление в корзину\n    if (typeof gtag === 'function') {\n      gtag('event', 'add_to_cart', {\n        currency: returnCurrency(),\n        value: variantItem.price || 0,\n        items: [{\n          item_id: variantItem._id,\n          item_name: variantItem.name,\n          price: variantItem.price || 0,\n          quantity: 1,\n          item_category: product.value.category || '',\n          item_brand: product.value.owner?.target?.profile?.name || ''\n        }]\n      });\n    }\n    \n    // Добавляем вариант в корзину\n    await shopcart.actions.addVariantToCart(variantItem, product.value.owner.target._id)\n    return true\n  } catch (error) {\n    console.error('Error while adding variant to cart:', error)\n    throw error\n  }\n}\n\n// Оригинальная функция добавления товара в корзину (для товаров без вариантов)\nasync function addToCart(product) {\n  let selectedDates = null\n\n  try {\n    if (!shopcart.state.organization) {\n      shopcart.state.organization = product.owner.target._id\n    }\n    if (product.listing === 'rent') {\n      selectedDates = await proxy.$dateSelector({\n        product: product.value\n      });\n      \n      if (!selectedDates) throw new Error('Date selection cancelled')\n      \n    }\n    // Если организация товара отличается от текущей в корзине\n    if (shopcart.state.organization !== product.owner.target._id) {\n      const result = await proxy.$alert({\n        title: 'Replace items in your cart?',\n        message: `Your cart has items from another vendor. If you continue, we'll clear it so you can order from this one instead.`,\n        actions: [\n          { label: 'Cancel', value: false },\n          { label: 'Replace', value: true }\n        ]\n      })\n\n      if (!result) throw new Error('Cart replacement cancelled')\n\n      shopcart.state.positions = []\n      shopcart.state.organization = product.owner.target._id\n    }\n\n    if (typeof gtag === 'function') {\n      gtag('event', 'add_to_cart', {\n        currency: returnCurrency(),\n        value: product.price || 0,\n        items: [{\n          item_id: product._id,\n          item_name: product.name,\n          price: product.price || 0,\n          quantity: 1,\n          item_category: product.category || '',\n          item_brand: product.owner?.target?.profile?.name || ''\n        }]\n      });\n    }\n    \n    await shopcart.actions.addProductToCart(product, product.owner.target._id, selectedDates)\n    return true\n  } catch (error) {\n    console.error('Error while adding product to cart:', error)\n    throw error\n  }\n}\n</script>"],"names":["useRoute","useRouter","getCurrentInstance","useGlobalMixins","computed","products.state","ref","useI18n","onMounted","products.actions","shopcart.state","shopcart.actions"],"mappings":"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"}
+{"version":3,"file":"Product.vue.cjs","sources":["../../../../../../../src/modules/products/components/pages/Product.vue"],"sourcesContent":["<template>\n  <div v-if=\"products.state.current\" class=\"w-100 mobile:pd-thin pd-small bg-white\">\n    <div class=\"cols-2 mobile:cols-1 w-100 gap-medium\">\n\n      <ProductImages\n        :images=\"currentImages\"\n        :product=\"product\"\n      />\n\n      <div class=\"pos-relative w-100 h-100 flex-column flex-h-center flex\">\n        <!-- Edit Button -->\n        <router-link\n          v-if=\"hasAccess(route.params._id, 'products', 'edit', auth.state.accesses, auth.state.access.roles)\"\n          :to=\"\n            route.params._id \n            ? { name: 'Organization_ProductEdit', params: { id: route.params._id, product: product._id } } \n            : { name: 'ProductEdit', params: { product: product._id } }\n          \"\n          class=\"\n            z-index-2\n            cursor-pointer \n            pos-absolute pos-t-zero pos-r-zero\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        <h2 class=\"w-100 h1-product mn-b-medium\">{{ product.name }}</h2>\n\n        <p v-if=\"product.description\" class=\"w-100 mn-b-medium\" style=\"white-space: pre-line;\">\n          {{ product.translations?.length > 1 ? t('description') : product.description }}\n        </p>\n       \n        <!-- Компонент выбора вариантов товара -->\n        <ProductConfigurator\n          v-if=\"product.variants?.length > 0\"\n          :product-variants=\"product.variants\"\n          :product-id=\"product._id\"\n          :product-name=\"product.name\"\n          :discounts=\"product.discounts\"\n          :regularPrice=\"100\"\n          @variant-selected=\"handleVariantSelected\"\n          @add-to-cart=\"handleAddVariantToCart\"\n          @update-images=\"handleUpdateImages\"\n        />\n\n        <div  v-if=\"product.included\" class=\"mn-b-small flex-nowrap flex flex-v-center\">\n          <IconList class=\"mn-r-micro i-medium\"/>\n          <p class=\"t-medium \">Included</p>\n        </div>\n\n        <div   v-if=\"product.included\" class=\"cols-1 mn-b-medium w-100 \">\n          <div\n            class=\"w-100 pd-small radius-small flex flex-column gap-small bg-light\"\n          >\n            <p class=\"t-medium\" style=\"white-space: pre-line;\" v-html=\"product.included\"></p>\n          </div>\n        </div>\n\n\n        <div class=\"mn-b-small flex-nowrap flex flex-v-center\">\n          <IconInfo class=\"mn-r-micro i-medium\"/>\n          <p class=\"t-medium \">Product Details</p>\n        </div>\n\n        <div class=\"cols-2 mn-b-medium w-100 gap-small\">\n          <div\n            v-if=\"product.attributes && product.attributes.length > 0\"\n            v-for=\"attributes in product.attributes\"\n            class=\"w-100 pd-small radius-small bg-light product-attributes\"\n          >\n            <p class=\"mn-b-thin t-demi\">{{ attributes.name }}</p>\n            <p>{{ attributes.value }}</p>\n          </div>\n        </div>\n\n        <div class=\"mn-b-small flex-nowrap flex flex-v-center\">\n          <IconGroups class=\"mn-r-micro i-medium\"/>\n          <p class=\"t-medium \">Provided by</p>\n        </div>\n\n        <CardOrganization \n          v-if=\"product.owner\"\n          :organization=\"product.owner.target\"\n          :showRating=\"true\"\n          :showFollowers=\"false\"\n          :showProducts=\"false\"\n          class=\"bg-light w-100 o-hidden radius-medium pd-small \"\n        />\n      </div>\n    </div>\n    \n    <ProductsRecommended \n      v-if=\"product.recommended.length > 0\"\n      :products=\"product.recommended\"\n      class=\" mn-t-big h-max pos-relative\"\n    />\n\n    <div class=\"h-max mn-t-big pos-relative\">\n      <h3 class=\"pd-b-small\">Most Popular</h3>\n      <ProductsPopular class=\"mn-r-big-negative mn-l-big-negative\"/>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed, ref, onMounted, getCurrentInstance } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\nimport { useGlobalMixins } from \"@martyrs/src/modules/globals/views/mixins/mixins.js\"\n\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as globals from '@martyrs/src/modules/globals/views/store/globals.js'\nimport * as products from '@martyrs/src/modules/products/store/products.js'\nimport * as categories from '@martyrs/src/modules/products/store/categories.js'\nimport * as shopcart from '@martyrs/src/modules/orders/store/shopcart.js'\n\nimport Button from '@martyrs/src/components/Button/Button.vue'\nimport Popup from '@martyrs/src/components/Popup/Popup.vue'\nimport Tab from '@martyrs/src/components/Tab/Tab.vue'\nimport Calendar from '@martyrs/src/components/DatePicker/Calendar.vue'\n\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\nimport IconInfo from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\n\nimport IconShopcartAdd from '@martyrs/src/modules/icons/actions/IconShopcartAdd.vue'\n\nimport IconList from '@martyrs/src/modules/icons/entities/IconList.vue';\nimport IconGroups from '@martyrs/src/modules/icons/entities/IconGroups.vue'\n\nimport ProductImages from '@martyrs/src/modules/products/components/blocks/ProductImages.vue'\nimport ProductConfigurator from '@martyrs/src/modules/products/components/sections/ProductConfigurator.vue'\nimport ProductsRecommended from '@martyrs/src/modules/products/components/sections/ProductsRecommended.vue';\nimport ProductsPopular from '@martyrs/src/modules/products/components/sections/ProductsPopular.vue'\n\nimport CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\nconst route = useRoute()\nconst router = useRouter()\nconst { proxy } = getCurrentInstance()\nconst { returnCurrency, hasAccess } = useGlobalMixins()\n\nconst product = computed(() => products.state.current)\nconst productImages = computed(() => products.state.current.images || [])\n\n// Состояние для отслеживания текущих изображений (товара или варианта)\nconst currentImages = ref([])\n// Выбранный вариант товара\nconst selectedVariant = ref(null)\n\nconst text = {\n  en: { addtoorder: 'Add to Cart', fastorder: 'Fast Order', description: 'Description' },\n  ru: { addtoorder: 'Добавить в корзину', fastorder: 'Быстрый заказ', description: 'Описание' }\n}\n\nconst { t } = useI18n({ messages: text })\n\nconst emits = defineEmits(['page-loading', 'page-loaded']);\n\nconst recommendation = defineProps({\n  recommendation: {\n    type: Boolean,\n    default: false\n  }\n})\n  \nproducts.state.current = null\n\nonMounted(async () => {\n  emits('page-loading');\n  \n  await products.actions.read({ _id: route.params.product, lookup: ['recommended'] })\n  \n  // Инициализируем текущие изображения изображениями товара\n  currentImages.value = [...productImages.value]\n\n  if (typeof gtag === 'function') {\n    gtag('event', 'view_item', {\n      currency: returnCurrency(),\n      value: product.value.price || 0,\n      items: [{\n        item_id: product.value._id,\n        item_name: product.value.name,\n        price: product.value.price || 0,\n        item_category: product.value.category || '',\n        item_brand: product.value.owner?.target?.profile.name || ''\n      }]\n    });\n  }\n\n  emits('page-loaded');\n})\n\n// Обработчик выбора варианта\nfunction handleVariantSelected(variant) {\n  selectedVariant.value = variant\n}\n\n// Обработчик обновления изображений при выборе варианта\nfunction handleUpdateImages(images) {\n  if (images && images.length > 0) {\n    currentImages.value = [...images]\n  } else {\n    // Если у варианта нет изображений, возвращаем изображения товара\n    currentImages.value = [...productImages.value]\n  }\n}\n\n// Обработчик добавления варианта в корзину\nasync function handleAddVariantToCart(variantItem) {\n  try {\n    if (!shopcart.state.organization) {\n      shopcart.state.organization = product.value.owner.target._id\n    }\n    \n    // Проверка на товар с арендой\n    if (product.value.listing === 'rent') {\n      const selectedDates = await proxy.$dateSelector({\n        product: product.value\n      });\n      \n      if (!selectedDates) throw new Error('Date selection cancelled')\n      \n      variantItem.selectedDates = selectedDates\n    }\n    \n    // Проверка на разные организации в корзине\n    if (shopcart.state.organization !== product.value.owner.target._id) {\n      const result = await proxy.$alert({\n        title: 'Replace items in your cart?',\n        message: `Your cart has items from another vendor. If you continue, we'll clear it so you can order from this one instead.`,\n        actions: [\n          { label: 'Cancel', value: false },\n          { label: 'Replace', value: true }\n        ]\n      })\n\n      if (!result) throw new Error('Cart replacement cancelled')\n\n      shopcart.state.positions = []\n      shopcart.state.organization = product.value.owner.target._id\n    }\n\n    // Аналитика: регистрируем добавление в корзину\n    if (typeof gtag === 'function') {\n      gtag('event', 'add_to_cart', {\n        currency: returnCurrency(),\n        value: variantItem.price || 0,\n        items: [{\n          item_id: variantItem._id,\n          item_name: variantItem.name,\n          price: variantItem.price || 0,\n          quantity: 1,\n          item_category: product.value.category || '',\n          item_brand: product.value.owner?.target?.profile?.name || ''\n        }]\n      });\n    }\n    \n    // Добавляем вариант в корзину\n    await shopcart.actions.addVariantToCart(variantItem, product.value.owner.target._id)\n    return true\n  } catch (error) {\n    console.error('Error while adding variant to cart:', error)\n    throw error\n  }\n}\n\n// Оригинальная функция добавления товара в корзину (для товаров без вариантов)\nasync function addToCart(product) {\n  let selectedDates = null\n\n  try {\n    if (!shopcart.state.organization) {\n      shopcart.state.organization = product.owner.target._id\n    }\n    if (product.listing === 'rent') {\n      selectedDates = await proxy.$dateSelector({\n        product: product.value\n      });\n      \n      if (!selectedDates) throw new Error('Date selection cancelled')\n      \n    }\n    // Если организация товара отличается от текущей в корзине\n    if (shopcart.state.organization !== product.owner.target._id) {\n      const result = await proxy.$alert({\n        title: 'Replace items in your cart?',\n        message: `Your cart has items from another vendor. If you continue, we'll clear it so you can order from this one instead.`,\n        actions: [\n          { label: 'Cancel', value: false },\n          { label: 'Replace', value: true }\n        ]\n      })\n\n      if (!result) throw new Error('Cart replacement cancelled')\n\n      shopcart.state.positions = []\n      shopcart.state.organization = product.owner.target._id\n    }\n\n    if (typeof gtag === 'function') {\n      gtag('event', 'add_to_cart', {\n        currency: returnCurrency(),\n        value: product.price || 0,\n        items: [{\n          item_id: product._id,\n          item_name: product.name,\n          price: product.price || 0,\n          quantity: 1,\n          item_category: product.category || '',\n          item_brand: product.owner?.target?.profile?.name || ''\n        }]\n      });\n    }\n    \n    await shopcart.actions.addProductToCart(product, product.owner.target._id, selectedDates)\n    return true\n  } catch (error) {\n    console.error('Error while adding product to cart:', error)\n    throw error\n  }\n}\n</script>"],"names":["useRoute","useRouter","getCurrentInstance","useGlobalMixins","computed","products.state","ref","useI18n","onMounted","products.actions","shopcart.state","shopcart.actions"],"mappings":"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"}

package/dist/martyrs/src/modules/products/components/pages/Product.vue.js

@@ -1,4 +1,4 @@
-import { getCurrentInstance, computed, ref, onMounted, resolveComponent, createElementBlock, createCommentVNode, openBlock, createElementVNode, createVNode, createBlock, unref, withCtx, toDisplayString, Fragment, renderList } from "vue";
+import { getCurrentInstance, computed, ref, onMounted, resolveComponent, createElementBlock, createCommentVNode, openBlock, createElementVNode, createBlock, createVNode, unref, withCtx, toDisplayString, Fragment, renderList } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
 import { useGlobalMixins } from "../../../globals/views/mixins/mixins.js";
@@ -8,39 +8,46 @@ import { state, actions } from "../../store/products.js";
 import "../../store/categories.js";
 import { state as state$2, actions as actions$1 } from "../../../orders/store/shopcart.js";
 /* empty css                                       */
-/* empty css                                       */
+/* empty css                                        */
 /* empty css                                      */
 /* empty css                                 */
 import _sfc_main$1 from "../../../icons/navigation/IconEdit.vue.js";
 import _sfc_main$4 from "../../../icons/navigation/IconInfo.vue.js";
+import _sfc_main$3 from "../../../icons/entities/IconList.vue.js";
 import _sfc_main$5 from "../../../icons/entities/IconGroups.vue.js";
 import ProductImages from "../blocks/ProductImages.vue.js";
-import _sfc_main$2 from "../elements/Price.vue.js";
-import _sfc_main$7 from "../sections/PopularProducts.vue.js";
-import _sfc_main$3 from "../sections/ProductConfigurator.vue.js";
+import _sfc_main$2 from "../sections/ProductConfigurator.vue.js";
+import _sfc_main$7 from "../sections/ProductsRecommended.vue.js";
+import _sfc_main$8 from "../sections/ProductsPopular.vue.js";
 import _sfc_main$6 from "../../../organizations/components/blocks/CardOrganization.vue.js";
 const _hoisted_1 = {
   key: 0,
-  class: "h-100 w-100 mobile:pd-thin pd-big bg-white"
+  class: "w-100 mobile:pd-thin pd-small bg-white"
 };
-const _hoisted_2 = { class: "cols-2-1_2 w-100 gap-medium" };
+const _hoisted_2 = { class: "cols-2 mobile:cols-1 w-100 gap-medium" };
 const _hoisted_3 = { class: "pos-relative w-100 h-100 flex-column flex-h-center flex" };
-const _hoisted_4 = { class: "w-100 h1-product mn-b-small" };
+const _hoisted_4 = { class: "w-100 h1-product mn-b-medium" };
 const _hoisted_5 = {
-  key: 2,
-  class: "flex gap-micro flex-center pd-small br-solid br-1px br-black-transp-10 w-max mn-b-medium"
+  key: 1,
+  class: "w-100 mn-b-medium",
+  style: { "white-space": "pre-line" }
 };
-const _hoisted_6 = { class: "h2 t-bold" };
-const _hoisted_7 = {
+const _hoisted_6 = {
   key: 3,
-  class: "w-100 mn-b-medium"
+  class: "mn-b-small flex-nowrap flex flex-v-center"
 };
-const _hoisted_8 = { class: "mn-b-small flex-nowrap flex flex-v-center" };
-const _hoisted_9 = { class: "cols-2 mn-b-medium w-100 gap-small" };
-const _hoisted_10 = { class: "w-100 pd-small radius-small bg-light product-attributes" };
-const _hoisted_11 = { class: "mn-b-thin t-demi" };
-const _hoisted_12 = { class: "mn-b-small flex-nowrap flex flex-v-center" };
-const _hoisted_13 = { class: "h-max mn-t-big pos-relative" };
+const _hoisted_7 = {
+  key: 4,
+  class: "cols-1 mn-b-medium w-100"
+};
+const _hoisted_8 = { class: "w-100 pd-small radius-small flex flex-column gap-small bg-light" };
+const _hoisted_9 = ["innerHTML"];
+const _hoisted_10 = { class: "mn-b-small flex-nowrap flex flex-v-center" };
+const _hoisted_11 = { class: "cols-2 mn-b-medium w-100 gap-small" };
+const _hoisted_12 = { class: "w-100 pd-small radius-small bg-light product-attributes" };
+const _hoisted_13 = { class: "mn-b-thin t-demi" };
+const _hoisted_14 = { class: "mn-b-small flex-nowrap flex flex-v-center" };
+const _hoisted_15 = { class: "h-max mn-t-big pos-relative" };
 const _sfc_main = {
   __name: "Product",
   props: {
@@ -69,7 +76,7 @@ const _sfc_main = {
     onMounted(async () => {
       var _a, _b;
       emits("page-loading");
-      await actions.read({ _id: route.params.product });
+      await actions.read({ _id: route.params.product, lookup: ["recommended"] });
       currentImages.value = [...productImages.value];
       if (typeof gtag === "function") {
         gtag("event", "view_item", {
@@ -144,7 +151,7 @@ const _sfc_main = {
       }
     }
     return (_ctx, _cache) => {
-      var _a;
+      var _a, _b;
       const _component_router_link = resolveComponent("router-link");
       return state.current ? (openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
@@ -167,17 +174,9 @@ const _sfc_main = {
               _: 1
             }, 8, ["to"])) : createCommentVNode("", true),
             createElementVNode("h2", _hoisted_4, toDisplayString(product.value.name), 1),
-            !selectedVariant.value ? (openBlock(), createBlock(_sfc_main$2, {
-              key: 1,
-              product: product.value,
-              size: "big",
-              class: "flex gap-micro flex-center pd-small br-solid br-1px br-black-transp-10 w-max mn-b-medium"
-            }, null, 8, ["product"])) : (openBlock(), createElementBlock("div", _hoisted_5, [
-              createElementVNode("span", _hoisted_6, toDisplayString(unref(returnCurrency)()) + toDisplayString(selectedVariant.value.price.toFixed(2)), 1)
-            ])),
-            product.value.description ? (openBlock(), createElementBlock("p", _hoisted_7, toDisplayString(((_a = product.value.translations) == null ? void 0 : _a.length) > 1 ? unref(t)("description") : product.value.description), 1)) : createCommentVNode("", true),
-            product.value.variants.length > 0 ? (openBlock(), createBlock(_sfc_main$3, {
-              key: 4,
+            product.value.description ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(((_a = product.value.translations) == null ? void 0 : _a.length) > 1 ? unref(t)("description") : product.value.description), 1)) : createCommentVNode("", true),
+            ((_b = product.value.variants) == null ? void 0 : _b.length) > 0 ? (openBlock(), createBlock(_sfc_main$2, {
+              key: 2,
               "product-variants": product.value.variants,
               "product-id": product.value._id,
               "product-name": product.value.name,
@@ -187,21 +186,34 @@ const _sfc_main = {
               onAddToCart: handleAddVariantToCart,
               onUpdateImages: handleUpdateImages
             }, null, 8, ["product-variants", "product-id", "product-name", "discounts"])) : createCommentVNode("", true),
-            createElementVNode("div", _hoisted_8, [
+            product.value.included ? (openBlock(), createElementBlock("div", _hoisted_6, [
+              createVNode(_sfc_main$3, { class: "mn-r-micro i-medium" }),
+              _cache[0] || (_cache[0] = createElementVNode("p", { class: "t-medium" }, "Included", -1))
+            ])) : createCommentVNode("", true),
+            product.value.included ? (openBlock(), createElementBlock("div", _hoisted_7, [
+              createElementVNode("div", _hoisted_8, [
+                createElementVNode("p", {
+                  class: "t-medium",
+                  style: { "white-space": "pre-line" },
+                  innerHTML: product.value.included
+                }, null, 8, _hoisted_9)
+              ])
+            ])) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_10, [
               createVNode(_sfc_main$4, { class: "mn-r-micro i-medium" }),
-              _cache[0] || (_cache[0] = createElementVNode("p", { class: "t-medium" }, "Product Details", -1))
+              _cache[1] || (_cache[1] = createElementVNode("p", { class: "t-medium" }, "Product Details", -1))
             ]),
-            createElementVNode("div", _hoisted_9, [
+            createElementVNode("div", _hoisted_11, [
               product.value.attributes && product.value.attributes.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(product.value.attributes, (attributes) => {
-                return openBlock(), createElementBlock("div", _hoisted_10, [
-                  createElementVNode("p", _hoisted_11, toDisplayString(attributes.name), 1),
+                return openBlock(), createElementBlock("div", _hoisted_12, [
+                  createElementVNode("p", _hoisted_13, toDisplayString(attributes.name), 1),
                   createElementVNode("p", null, toDisplayString(attributes.value), 1)
                 ]);
               }), 256)) : createCommentVNode("", true)
             ]),
-            createElementVNode("div", _hoisted_12, [
+            createElementVNode("div", _hoisted_14, [
               createVNode(_sfc_main$5, { class: "mn-r-micro i-medium" }),
-              _cache[1] || (_cache[1] = createElementVNode("p", { class: "t-medium" }, "Provided by", -1))
+              _cache[2] || (_cache[2] = createElementVNode("p", { class: "t-medium" }, "Provided by", -1))
             ]),
             product.value.owner ? (openBlock(), createBlock(_sfc_main$6, {
               key: 5,
@@ -213,9 +225,14 @@ const _sfc_main = {
             }, null, 8, ["organization"])) : createCommentVNode("", true)
           ])
         ]),
-        createElementVNode("div", _hoisted_13, [
-          _cache[2] || (_cache[2] = createElementVNode("h3", { class: "pd-b-small" }, "Most Popular", -1)),
-          createVNode(_sfc_main$7, { class: "mn-r-big-negative mn-l-big-negative" })
+        product.value.recommended.length > 0 ? (openBlock(), createBlock(_sfc_main$7, {
+          key: 0,
+          products: product.value.recommended,
+          class: "mn-t-big h-max pos-relative"
+        }, null, 8, ["products"])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_15, [
+          _cache[3] || (_cache[3] = createElementVNode("h3", { class: "pd-b-small" }, "Most Popular", -1)),
+          createVNode(_sfc_main$8, { class: "mn-r-big-negative mn-l-big-negative" })
         ])
       ])) : createCommentVNode("", true);
     };

package/dist/martyrs/src/modules/products/components/pages/Product.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Product.vue.js","sources":["../../../../../../../src/modules/products/components/pages/Product.vue"],"sourcesContent":["<template>\n  <div v-if=\"products.state.current\" class=\"h-100 w-100 mobile:pd-thin pd-big bg-white\">\n    <div class=\"cols-2-1_2 w-100 gap-medium\">\n\n      <ProductImages\n        :images=\"currentImages\"\n        :product=\"product\"\n      />\n\n      <div class=\"pos-relative w-100 h-100 flex-column flex-h-center flex\">\n        <!-- Edit Button -->\n        <router-link\n          v-if=\"hasAccess(route.params._id, 'products', 'edit', auth.state.accesses, auth.state.access.roles)\"\n          :to=\"\n            route.params._id \n            ? { name: 'Organization_ProductEdit', params: { id: route.params._id, product: product._id } } \n            : { name: 'ProductEdit', params: { product: product._id } }\n          \"\n          class=\"\n            z-index-2\n            cursor-pointer \n            pos-absolute pos-t-zero pos-r-zero\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        <h2 class=\"w-100 h1-product mn-b-small\">{{ product.name }}</h2>\n        \n        <!-- Показываем цену, если нет вариантов или не выбран ни один вариант -->\n        <Price \n          v-if=\"!selectedVariant\"\n          :product=\"product\" \n          size=\"big\" \n          class=\"flex gap-micro flex-center pd-small br-solid br-1px br-black-transp-10 w-max mn-b-medium\" \n        />\n        \n        <!-- Показываем цену выбранного варианта -->\n        <div \n          v-else \n          class=\"flex gap-micro flex-center pd-small br-solid br-1px br-black-transp-10 w-max mn-b-medium\"\n        >\n          <span class=\"h2 t-bold\">{{ returnCurrency() }}{{ selectedVariant.price.toFixed(2) }}</span>\n        </div>\n\n        <p v-if=\"product.description\" class=\"w-100 mn-b-medium\">\n          {{ product.translations?.length > 1 ? t('description') : product.description }}\n        </p>\n       \n        <!-- Компонент выбора вариантов товара -->\n        <ProductConfigurator\n          v-if=\"product.variants.length > 0\"\n          :product-variants=\"product.variants\"\n          :product-id=\"product._id\"\n          :product-name=\"product.name\"\n          :discounts=\"product.discounts\"\n          :regularPrice=\"100\"\n          @variant-selected=\"handleVariantSelected\"\n          @add-to-cart=\"handleAddVariantToCart\"\n          @update-images=\"handleUpdateImages\"\n        />\n\n        <div class=\"mn-b-small flex-nowrap flex flex-v-center\">\n          <IconInfo class=\"mn-r-micro i-medium\"/>\n          <p class=\"t-medium \">Product Details</p>\n        </div>\n\n        <div class=\"cols-2 mn-b-medium w-100 gap-small\">\n          <div\n            v-if=\"product.attributes && product.attributes.length > 0\"\n            v-for=\"attributes in product.attributes\"\n            class=\"w-100 pd-small radius-small bg-light product-attributes\"\n          >\n            <p class=\"mn-b-thin t-demi\">{{ attributes.name }}</p>\n            <p>{{ attributes.value }}</p>\n          </div>\n        </div>\n\n        <div class=\"mn-b-small flex-nowrap flex flex-v-center\">\n          <IconGroups class=\"mn-r-micro i-medium\"/>\n          <p class=\"t-medium \">Provided by</p>\n        </div>\n\n        <CardOrganization \n          v-if=\"product.owner\"\n          :organization=\"product.owner.target\"\n          :showRating=\"true\"\n          :showFollowers=\"false\"\n          :showProducts=\"false\"\n          class=\"bg-light w-100 o-hidden radius-medium pd-small \"\n        />\n      </div>\n    </div>\n\n    <div class=\"h-max mn-t-big pos-relative\">\n      <h3 class=\"pd-b-small\">Most Popular</h3>\n      <PopularProducts class=\"mn-r-big-negative mn-l-big-negative\"/>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed, ref, onMounted, getCurrentInstance } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\nimport { useGlobalMixins } from \"@martyrs/src/modules/globals/views/mixins/mixins.js\"\n\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as globals from '@martyrs/src/modules/globals/views/store/globals.js'\nimport * as products from '@martyrs/src/modules/products/store/products.js'\nimport * as categories from '@martyrs/src/modules/products/store/categories.js'\nimport * as shopcart from '@martyrs/src/modules/orders/store/shopcart.js'\n\nimport Button from '@martyrs/src/components/Button/Button.vue'\nimport Popup from '@martyrs/src/components/Popup/Popup.vue'\nimport Tab from '@martyrs/src/components/Tab/Tab.vue'\nimport Calendar from '@martyrs/src/components/DatePicker/Calendar.vue'\n\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\nimport IconShopcartAdd from '@martyrs/src/modules/icons/actions/IconShopcartAdd.vue'\n\nimport IconInfo from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconGroups from '@martyrs/src/modules/icons/entities/IconGroups.vue'\n\nimport ProductImages from '@martyrs/src/modules/products/components/blocks/ProductImages.vue'\nimport Price from '@martyrs/src/modules/products/components/elements/Price.vue'\nimport PopularProducts from '@martyrs/src/modules/products/components/sections/PopularProducts.vue'\nimport ProductConfigurator from '@martyrs/src/modules/products/components/sections/ProductConfigurator.vue'\n\nimport CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\nconst route = useRoute()\nconst router = useRouter()\nconst { proxy } = getCurrentInstance()\nconst { returnCurrency, hasAccess } = useGlobalMixins()\n\nconst product = computed(() => products.state.current)\nconst productImages = computed(() => products.state.current.images || [])\n\n// Состояние для отслеживания текущих изображений (товара или варианта)\nconst currentImages = ref([])\n// Выбранный вариант товара\nconst selectedVariant = ref(null)\n\nconst text = {\n  en: { addtoorder: 'Add to Cart', fastorder: 'Fast Order', description: 'Description' },\n  ru: { addtoorder: 'Добавить в корзину', fastorder: 'Быстрый заказ', description: 'Описание' }\n}\n\nconst { t } = useI18n({ messages: text })\n\nconst emits = defineEmits(['page-loading', 'page-loaded']);\n\nconst recommendation = defineProps({\n  recommendation: {\n    type: Boolean,\n    default: false\n  }\n})\n  \nproducts.state.current = null\n\nonMounted(async () => {\n  emits('page-loading');\n  \n  await products.actions.read({ _id: route.params.product })\n  \n  // Инициализируем текущие изображения изображениями товара\n  currentImages.value = [...productImages.value]\n\n  if (typeof gtag === 'function') {\n    gtag('event', 'view_item', {\n      currency: returnCurrency(),\n      value: product.value.price || 0,\n      items: [{\n        item_id: product.value._id,\n        item_name: product.value.name,\n        price: product.value.price || 0,\n        item_category: product.value.category || '',\n        item_brand: product.value.owner?.target?.profile.name || ''\n      }]\n    });\n  }\n\n  emits('page-loaded');\n})\n\n// Обработчик выбора варианта\nfunction handleVariantSelected(variant) {\n  selectedVariant.value = variant\n}\n\n// Обработчик обновления изображений при выборе варианта\nfunction handleUpdateImages(images) {\n  if (images && images.length > 0) {\n    currentImages.value = [...images]\n  } else {\n    // Если у варианта нет изображений, возвращаем изображения товара\n    currentImages.value = [...productImages.value]\n  }\n}\n\n// Обработчик добавления варианта в корзину\nasync function handleAddVariantToCart(variantItem) {\n  try {\n    if (!shopcart.state.organization) {\n      shopcart.state.organization = product.value.owner.target._id\n    }\n    \n    // Проверка на товар с арендой\n    if (product.value.listing === 'rent') {\n      const selectedDates = await proxy.$dateSelector({\n        product: product.value\n      });\n      \n      if (!selectedDates) throw new Error('Date selection cancelled')\n      \n      variantItem.selectedDates = selectedDates\n    }\n    \n    // Проверка на разные организации в корзине\n    if (shopcart.state.organization !== product.value.owner.target._id) {\n      const result = await proxy.$alert({\n        title: 'Replace items in your cart?',\n        message: `Your cart has items from another vendor. If you continue, we'll clear it so you can order from this one instead.`,\n        actions: [\n          { label: 'Cancel', value: false },\n          { label: 'Replace', value: true }\n        ]\n      })\n\n      if (!result) throw new Error('Cart replacement cancelled')\n\n      shopcart.state.positions = []\n      shopcart.state.organization = product.value.owner.target._id\n    }\n\n    // Аналитика: регистрируем добавление в корзину\n    if (typeof gtag === 'function') {\n      gtag('event', 'add_to_cart', {\n        currency: returnCurrency(),\n        value: variantItem.price || 0,\n        items: [{\n          item_id: variantItem._id,\n          item_name: variantItem.name,\n          price: variantItem.price || 0,\n          quantity: 1,\n          item_category: product.value.category || '',\n          item_brand: product.value.owner?.target?.profile?.name || ''\n        }]\n      });\n    }\n    \n    // Добавляем вариант в корзину\n    await shopcart.actions.addVariantToCart(variantItem, product.value.owner.target._id)\n    return true\n  } catch (error) {\n    console.error('Error while adding variant to cart:', error)\n    throw error\n  }\n}\n\n// Оригинальная функция добавления товара в корзину (для товаров без вариантов)\nasync function addToCart(product) {\n  let selectedDates = null\n\n  try {\n    if (!shopcart.state.organization) {\n      shopcart.state.organization = product.owner.target._id\n    }\n    if (product.listing === 'rent') {\n      selectedDates = await proxy.$dateSelector({\n        product: product.value\n      });\n      \n      if (!selectedDates) throw new Error('Date selection cancelled')\n      \n    }\n    // Если организация товара отличается от текущей в корзине\n    if (shopcart.state.organization !== product.owner.target._id) {\n      const result = await proxy.$alert({\n        title: 'Replace items in your cart?',\n        message: `Your cart has items from another vendor. If you continue, we'll clear it so you can order from this one instead.`,\n        actions: [\n          { label: 'Cancel', value: false },\n          { label: 'Replace', value: true }\n        ]\n      })\n\n      if (!result) throw new Error('Cart replacement cancelled')\n\n      shopcart.state.positions = []\n      shopcart.state.organization = product.owner.target._id\n    }\n\n    if (typeof gtag === 'function') {\n      gtag('event', 'add_to_cart', {\n        currency: returnCurrency(),\n        value: product.price || 0,\n        items: [{\n          item_id: product._id,\n          item_name: product.name,\n          price: product.price || 0,\n          quantity: 1,\n          item_category: product.category || '',\n          item_brand: product.owner?.target?.profile?.name || ''\n        }]\n      });\n    }\n    \n    await shopcart.actions.addProductToCart(product, product.owner.target._id, selectedDates)\n    return true\n  } catch (error) {\n    console.error('Error while adding product to cart:', error)\n    throw error\n  }\n}\n</script>"],"names":["products.state","products.actions","shopcart.state","shopcart.actions"],"mappings":"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"}
+{"version":3,"file":"Product.vue.js","sources":["../../../../../../../src/modules/products/components/pages/Product.vue"],"sourcesContent":["<template>\n  <div v-if=\"products.state.current\" class=\"w-100 mobile:pd-thin pd-small bg-white\">\n    <div class=\"cols-2 mobile:cols-1 w-100 gap-medium\">\n\n      <ProductImages\n        :images=\"currentImages\"\n        :product=\"product\"\n      />\n\n      <div class=\"pos-relative w-100 h-100 flex-column flex-h-center flex\">\n        <!-- Edit Button -->\n        <router-link\n          v-if=\"hasAccess(route.params._id, 'products', 'edit', auth.state.accesses, auth.state.access.roles)\"\n          :to=\"\n            route.params._id \n            ? { name: 'Organization_ProductEdit', params: { id: route.params._id, product: product._id } } \n            : { name: 'ProductEdit', params: { product: product._id } }\n          \"\n          class=\"\n            z-index-2\n            cursor-pointer \n            pos-absolute pos-t-zero pos-r-zero\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        <h2 class=\"w-100 h1-product mn-b-medium\">{{ product.name }}</h2>\n\n        <p v-if=\"product.description\" class=\"w-100 mn-b-medium\" style=\"white-space: pre-line;\">\n          {{ product.translations?.length > 1 ? t('description') : product.description }}\n        </p>\n       \n        <!-- Компонент выбора вариантов товара -->\n        <ProductConfigurator\n          v-if=\"product.variants?.length > 0\"\n          :product-variants=\"product.variants\"\n          :product-id=\"product._id\"\n          :product-name=\"product.name\"\n          :discounts=\"product.discounts\"\n          :regularPrice=\"100\"\n          @variant-selected=\"handleVariantSelected\"\n          @add-to-cart=\"handleAddVariantToCart\"\n          @update-images=\"handleUpdateImages\"\n        />\n\n        <div  v-if=\"product.included\" class=\"mn-b-small flex-nowrap flex flex-v-center\">\n          <IconList class=\"mn-r-micro i-medium\"/>\n          <p class=\"t-medium \">Included</p>\n        </div>\n\n        <div   v-if=\"product.included\" class=\"cols-1 mn-b-medium w-100 \">\n          <div\n            class=\"w-100 pd-small radius-small flex flex-column gap-small bg-light\"\n          >\n            <p class=\"t-medium\" style=\"white-space: pre-line;\" v-html=\"product.included\"></p>\n          </div>\n        </div>\n\n\n        <div class=\"mn-b-small flex-nowrap flex flex-v-center\">\n          <IconInfo class=\"mn-r-micro i-medium\"/>\n          <p class=\"t-medium \">Product Details</p>\n        </div>\n\n        <div class=\"cols-2 mn-b-medium w-100 gap-small\">\n          <div\n            v-if=\"product.attributes && product.attributes.length > 0\"\n            v-for=\"attributes in product.attributes\"\n            class=\"w-100 pd-small radius-small bg-light product-attributes\"\n          >\n            <p class=\"mn-b-thin t-demi\">{{ attributes.name }}</p>\n            <p>{{ attributes.value }}</p>\n          </div>\n        </div>\n\n        <div class=\"mn-b-small flex-nowrap flex flex-v-center\">\n          <IconGroups class=\"mn-r-micro i-medium\"/>\n          <p class=\"t-medium \">Provided by</p>\n        </div>\n\n        <CardOrganization \n          v-if=\"product.owner\"\n          :organization=\"product.owner.target\"\n          :showRating=\"true\"\n          :showFollowers=\"false\"\n          :showProducts=\"false\"\n          class=\"bg-light w-100 o-hidden radius-medium pd-small \"\n        />\n      </div>\n    </div>\n    \n    <ProductsRecommended \n      v-if=\"product.recommended.length > 0\"\n      :products=\"product.recommended\"\n      class=\" mn-t-big h-max pos-relative\"\n    />\n\n    <div class=\"h-max mn-t-big pos-relative\">\n      <h3 class=\"pd-b-small\">Most Popular</h3>\n      <ProductsPopular class=\"mn-r-big-negative mn-l-big-negative\"/>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed, ref, onMounted, getCurrentInstance } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\nimport { useGlobalMixins } from \"@martyrs/src/modules/globals/views/mixins/mixins.js\"\n\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as globals from '@martyrs/src/modules/globals/views/store/globals.js'\nimport * as products from '@martyrs/src/modules/products/store/products.js'\nimport * as categories from '@martyrs/src/modules/products/store/categories.js'\nimport * as shopcart from '@martyrs/src/modules/orders/store/shopcart.js'\n\nimport Button from '@martyrs/src/components/Button/Button.vue'\nimport Popup from '@martyrs/src/components/Popup/Popup.vue'\nimport Tab from '@martyrs/src/components/Tab/Tab.vue'\nimport Calendar from '@martyrs/src/components/DatePicker/Calendar.vue'\n\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\nimport IconInfo from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\n\nimport IconShopcartAdd from '@martyrs/src/modules/icons/actions/IconShopcartAdd.vue'\n\nimport IconList from '@martyrs/src/modules/icons/entities/IconList.vue';\nimport IconGroups from '@martyrs/src/modules/icons/entities/IconGroups.vue'\n\nimport ProductImages from '@martyrs/src/modules/products/components/blocks/ProductImages.vue'\nimport ProductConfigurator from '@martyrs/src/modules/products/components/sections/ProductConfigurator.vue'\nimport ProductsRecommended from '@martyrs/src/modules/products/components/sections/ProductsRecommended.vue';\nimport ProductsPopular from '@martyrs/src/modules/products/components/sections/ProductsPopular.vue'\n\nimport CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\nconst route = useRoute()\nconst router = useRouter()\nconst { proxy } = getCurrentInstance()\nconst { returnCurrency, hasAccess } = useGlobalMixins()\n\nconst product = computed(() => products.state.current)\nconst productImages = computed(() => products.state.current.images || [])\n\n// Состояние для отслеживания текущих изображений (товара или варианта)\nconst currentImages = ref([])\n// Выбранный вариант товара\nconst selectedVariant = ref(null)\n\nconst text = {\n  en: { addtoorder: 'Add to Cart', fastorder: 'Fast Order', description: 'Description' },\n  ru: { addtoorder: 'Добавить в корзину', fastorder: 'Быстрый заказ', description: 'Описание' }\n}\n\nconst { t } = useI18n({ messages: text })\n\nconst emits = defineEmits(['page-loading', 'page-loaded']);\n\nconst recommendation = defineProps({\n  recommendation: {\n    type: Boolean,\n    default: false\n  }\n})\n  \nproducts.state.current = null\n\nonMounted(async () => {\n  emits('page-loading');\n  \n  await products.actions.read({ _id: route.params.product, lookup: ['recommended'] })\n  \n  // Инициализируем текущие изображения изображениями товара\n  currentImages.value = [...productImages.value]\n\n  if (typeof gtag === 'function') {\n    gtag('event', 'view_item', {\n      currency: returnCurrency(),\n      value: product.value.price || 0,\n      items: [{\n        item_id: product.value._id,\n        item_name: product.value.name,\n        price: product.value.price || 0,\n        item_category: product.value.category || '',\n        item_brand: product.value.owner?.target?.profile.name || ''\n      }]\n    });\n  }\n\n  emits('page-loaded');\n})\n\n// Обработчик выбора варианта\nfunction handleVariantSelected(variant) {\n  selectedVariant.value = variant\n}\n\n// Обработчик обновления изображений при выборе варианта\nfunction handleUpdateImages(images) {\n  if (images && images.length > 0) {\n    currentImages.value = [...images]\n  } else {\n    // Если у варианта нет изображений, возвращаем изображения товара\n    currentImages.value = [...productImages.value]\n  }\n}\n\n// Обработчик добавления варианта в корзину\nasync function handleAddVariantToCart(variantItem) {\n  try {\n    if (!shopcart.state.organization) {\n      shopcart.state.organization = product.value.owner.target._id\n    }\n    \n    // Проверка на товар с арендой\n    if (product.value.listing === 'rent') {\n      const selectedDates = await proxy.$dateSelector({\n        product: product.value\n      });\n      \n      if (!selectedDates) throw new Error('Date selection cancelled')\n      \n      variantItem.selectedDates = selectedDates\n    }\n    \n    // Проверка на разные организации в корзине\n    if (shopcart.state.organization !== product.value.owner.target._id) {\n      const result = await proxy.$alert({\n        title: 'Replace items in your cart?',\n        message: `Your cart has items from another vendor. If you continue, we'll clear it so you can order from this one instead.`,\n        actions: [\n          { label: 'Cancel', value: false },\n          { label: 'Replace', value: true }\n        ]\n      })\n\n      if (!result) throw new Error('Cart replacement cancelled')\n\n      shopcart.state.positions = []\n      shopcart.state.organization = product.value.owner.target._id\n    }\n\n    // Аналитика: регистрируем добавление в корзину\n    if (typeof gtag === 'function') {\n      gtag('event', 'add_to_cart', {\n        currency: returnCurrency(),\n        value: variantItem.price || 0,\n        items: [{\n          item_id: variantItem._id,\n          item_name: variantItem.name,\n          price: variantItem.price || 0,\n          quantity: 1,\n          item_category: product.value.category || '',\n          item_brand: product.value.owner?.target?.profile?.name || ''\n        }]\n      });\n    }\n    \n    // Добавляем вариант в корзину\n    await shopcart.actions.addVariantToCart(variantItem, product.value.owner.target._id)\n    return true\n  } catch (error) {\n    console.error('Error while adding variant to cart:', error)\n    throw error\n  }\n}\n\n// Оригинальная функция добавления товара в корзину (для товаров без вариантов)\nasync function addToCart(product) {\n  let selectedDates = null\n\n  try {\n    if (!shopcart.state.organization) {\n      shopcart.state.organization = product.owner.target._id\n    }\n    if (product.listing === 'rent') {\n      selectedDates = await proxy.$dateSelector({\n        product: product.value\n      });\n      \n      if (!selectedDates) throw new Error('Date selection cancelled')\n      \n    }\n    // Если организация товара отличается от текущей в корзине\n    if (shopcart.state.organization !== product.owner.target._id) {\n      const result = await proxy.$alert({\n        title: 'Replace items in your cart?',\n        message: `Your cart has items from another vendor. If you continue, we'll clear it so you can order from this one instead.`,\n        actions: [\n          { label: 'Cancel', value: false },\n          { label: 'Replace', value: true }\n        ]\n      })\n\n      if (!result) throw new Error('Cart replacement cancelled')\n\n      shopcart.state.positions = []\n      shopcart.state.organization = product.owner.target._id\n    }\n\n    if (typeof gtag === 'function') {\n      gtag('event', 'add_to_cart', {\n        currency: returnCurrency(),\n        value: product.price || 0,\n        items: [{\n          item_id: product._id,\n          item_name: product.name,\n          price: product.price || 0,\n          quantity: 1,\n          item_category: product.category || '',\n          item_brand: product.owner?.target?.profile?.name || ''\n        }]\n      });\n    }\n    \n    await shopcart.actions.addProductToCart(product, product.owner.target._id, selectedDates)\n    return true\n  } catch (error) {\n    console.error('Error while adding product to cart:', error)\n    throw error\n  }\n}\n</script>"],"names":["products.state","products.actions","shopcart.state","shopcart.actions"],"mappings":"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"}