@ozdao/martyrs 0.2.452 → 0.2.454

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

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

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

@@ -10,13 +10,14 @@ require("../../store/categories.cjs");
 const shopcart = require("../../../orders/store/shopcart.cjs");
 const Button = require("../../../../components/Button/Button.vue.cjs");
 ;/* empty css                                        */
-const Tab = require("../../../../components/Tab/Tab.vue.cjs");
+;/* empty css                                    */
 const PopupDateSelector = require("../../../globals/views/components/blocks/PopupDateSelector.vue.cjs");
 const IconEdit = require("../../../icons/navigation/IconEdit.vue.cjs");
 const IconShopcartAdd = require("../../../icons/actions/IconShopcartAdd.vue.cjs");
 const ImagesThumbnails = require("../blocks/ImagesThumbnails.vue.cjs");
 const Price = require("../elements/Price.vue.cjs");
 const PopularProducts = require("../sections/PopularProducts.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"
@@ -26,46 +27,36 @@ const _hoisted_3 = { class: "pos-relative w-100 h-100 flex-column flex-h-center
 const _hoisted_4 = { class: "w-100 h1-product mn-b-small" };
 const _hoisted_5 = {
   key: 1,
-  class: "h-min-5r o-hidden radius-small bg-light mn-b-medium pos-relative"
+  class: "w-100 t-transp mn-b-small"
 };
 const _hoisted_6 = {
-  key: 0,
-  class: "pd-medium"
-};
-const _hoisted_7 = {
-  key: 0,
-  class: "w-100 t-transp"
-};
-const _hoisted_8 = {
-  key: 1,
-  class: "w-100 t-transp"
-};
-const _hoisted_9 = {
-  key: 1,
-  class: "cols-2 pd-medium w-100 gap-small"
+  key: 2,
+  class: "w-100 t-transp mn-b-small"
 };
-const _hoisted_10 = { class: "w-100 pd-small radius-small bg-white product-information" };
-const _hoisted_11 = { class: "t-demi" };
-const _hoisted_12 = { class: "w-max-33r" };
-const _hoisted_13 = { class: "w-max-33r" };
-const _hoisted_14 = { key: 0 };
+const _hoisted_7 = { class: "cols-2 mn-b-small w-100 gap-small" };
+const _hoisted_8 = { class: "w-100 pd-small radius-small bg-light product-information" };
+const _hoisted_9 = { class: "t-demi" };
+const _hoisted_10 = { class: "w-max-33r" };
+const _hoisted_11 = { class: "w-max-33r" };
+const _hoisted_12 = { key: 0 };
+const _hoisted_13 = { class: "gap-thin flex flex-center flex-nowrap" };
+const _hoisted_14 = { key: 1 };
 const _hoisted_15 = { class: "gap-thin flex flex-center flex-nowrap" };
-const _hoisted_16 = { key: 1 };
-const _hoisted_17 = { class: "gap-thin flex flex-center flex-nowrap" };
-const _hoisted_18 = {
+const _hoisted_16 = {
   key: 1,
   class: "flex-center flex uppercase radius-big t-black w-max pd-small t-medium bg-grey h-3r w-100 mn-r-smallbutton"
 };
-const _hoisted_19 = { class: "h-max mn-t-big pos-relative" };
+const _hoisted_17 = { class: "h-max mn-t-big pos-relative" };
 const _sfc_main = {
   __name: "Product",
   emits: ["page-loading", "page-loaded"],
   setup(__props, { emit: __emit }) {
     const route = vueRouter.useRoute();
     vueRouter.useRouter();
+    const { proxy } = vue.getCurrentInstance();
     const product = vue.computed(() => products.state.current);
     const images = vue.computed(() => products.state.current.images);
-    const tabProduct = vue.ref("description");
+    vue.ref("description");
     const text = {
       en: { addtoorder: "Add to Cart", fastorder: "Fast Order" },
       ru: { addtoorder: "Добавить в корзину", fastorder: "Быстрый заказ" }
@@ -80,6 +71,7 @@ const _sfc_main = {
     }
     const emits = __emit;
     vue.ref(null);
+    vue.ref(null);
     products.state.current = null;
     vue.onMounted(async () => {
       emits("page-loading");
@@ -88,15 +80,24 @@ const _sfc_main = {
     });
     async function addToCart(product2, selectedDates = null) {
       try {
-        if (shopcart.state.organization !== product2.owner.target) {
+        if (shopcart.state.organization && shopcart.state.organization !== product2.owner.target) {
+          const result = await proxy.$alert({
+            title: "Start a new order?",
+            message: `Your cart has items from another vendor. If you continue, we'll clear it so you can order from this one instead.`,
+            actions: [
+              { label: "Cancel", value: false },
+              { label: "Start New Order", value: true }
+            ]
+          });
+          if (!result) throw error;
           shopcart.state.organization = product2.owner.target;
           shopcart.state.positions = [];
         }
         await shopcart.actions.addProductToCart(product2, product2.owner.target, selectedDates);
         return true;
-      } catch (error) {
-        console.error("Ошибка при добавлении товара в корзину:", error);
-        throw error;
+      } catch (error2) {
+        console.error("Error while adding product to cart:", error2);
+        throw error2;
       }
     }
     return (_ctx, _cache) => {
@@ -119,42 +120,33 @@ const _sfc_main = {
               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"]),
-            product.value.description || product.value.specification ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
-              vue.createVNode(Tab.default, {
-                selected: tabProduct.value,
-                "onUpdate:selected": _cache[1] || (_cache[1] = ($event) => tabProduct.value = $event),
-                tabs: [
-                  { name: "Description", value: "description" },
-                  { name: "Specifications", value: "specifications" }
-                ],
-                tabClass: "pd-thin bg-white radius-thin p-small uppercase t-medium",
-                class: "gap-micro bg-light pos-relative z-index-2 pd-thin br-solid br-b br-black-transp-10"
-              }, null, 8, ["selected"]),
-              vue.createVNode(vue.Transition, { name: "slide-fade" }, {
-                default: vue.withCtx(() => [
-                  tabProduct.value === "description" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
-                    product.value.description && !product.value.localization < 1 && !_ctx.recommendation ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_7, vue.toDisplayString(product.value.description), 1)) : vue.createCommentVNode("", true),
-                    product.value.localization && product.value.localization.length > 1 && !_ctx.recommendation ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_8, vue.toDisplayString(vue.unref(t)("description")), 1)) : vue.createCommentVNode("", true)
-                  ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, [
-                    product.value.information.length > 0 ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(product.value.information, (information) => {
-                      return vue.openBlock(), vue.createElementBlock("div", _hoisted_10, [
-                        vue.createElementVNode("p", _hoisted_11, vue.toDisplayString(information.name), 1),
-                        vue.createElementVNode("p", null, vue.toDisplayString(information.value), 1)
-                      ]);
-                    }), 256)) : vue.createCommentVNode("", true)
-                  ]))
-                ]),
-                _: 1
-              })
-            ])) : vue.createCommentVNode("", true),
-            vue.createElementVNode("div", _hoisted_12, [
-              vue.createElementVNode("div", _hoisted_13, [
-                product.value.listing === "rent" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14, [
+            product.value.description && !product.value.localization < 1 && !_ctx.recommendation ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_5, vue.toDisplayString(product.value.description), 1)) : vue.createCommentVNode("", true),
+            product.value.localization && product.value.localization.length > 1 && !_ctx.recommendation ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_6, vue.toDisplayString(vue.unref(t)("description")), 1)) : vue.createCommentVNode("", true),
+            vue.createElementVNode("div", _hoisted_7, [
+              product.value.information.length > 0 ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(product.value.information, (information) => {
+                return vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
+                  vue.createElementVNode("p", _hoisted_9, vue.toDisplayString(information.name), 1),
+                  vue.createElementVNode("p", null, vue.toDisplayString(information.value), 1)
+                ]);
+              }), 256)) : vue.createCommentVNode("", true)
+            ]),
+            _cache[1] || (_cache[1] = vue.createElementVNode("p", { class: "t-medium mn-b-small" }, "Provided by", -1)),
+            product.value.owner ? (vue.openBlock(), vue.createBlock(CardOrganization.default, {
+              key: 3,
+              organization: product.value.owner.target,
+              showRating: true,
+              showFollowers: false,
+              showProducts: false,
+              class: "bg-light mn-b-thin w-100 o-hidden radius-medium pd-small"
+            }, null, 8, ["organization"])) : vue.createCommentVNode("", true),
+            vue.createElementVNode("div", _hoisted_10, [
+              vue.createElementVNode("div", _hoisted_11, [
+                product.value.listing === "rent" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12, [
                   vue.createElementVNode("button", {
                     onClick: openPopup,
                     class: "cursor-pointer pd-small radius-big w-max mobile:w-100 bg-main button"
                   }, [
-                    vue.createElementVNode("div", _hoisted_15, [
+                    vue.createElementVNode("div", _hoisted_13, [
                       vue.createVNode(IconShopcartAdd.default, { class: "i-semi" }),
                       vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(t)("addtoorder")), 1)
                     ])
@@ -169,27 +161,27 @@ const _sfc_main = {
                     onConfirm: (selectedDates) => addToCart(product.value, selectedDates),
                     onClose: closePopup
                   }, null, 8, ["product", "isOpen", "showFees", "feesRate", "showVat", "vatRate", "onConfirm"])
-                ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_16, [
+                ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_14, [
                   product.value.available > 0 ? (vue.openBlock(), vue.createBlock(Button.default, {
                     key: 0,
-                    onClick: _cache[2] || (_cache[2] = ($event) => addToCart(product.value, null)),
-                    class: "h-3r w-100 bg-main button"
+                    submit: () => addToCart(product.value, null),
+                    class: "h-3r w-max mobile:w-100 bg-main button"
                   }, {
                     default: vue.withCtx(() => [
-                      vue.createElementVNode("div", _hoisted_17, [
+                      vue.createElementVNode("div", _hoisted_15, [
                         vue.createVNode(IconShopcartAdd.default, { class: "i-semi" }),
                         vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(t)("addtoorder")), 1)
                       ])
                     ]),
                     _: 1
-                  })) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_18, " Out of Stock "))
+                  }, 8, ["submit"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_16, " Out of Stock "))
                 ]))
               ])
             ])
           ])
         ]),
-        vue.createElementVNode("div", _hoisted_19, [
-          _cache[3] || (_cache[3] = vue.createElementVNode("h3", { class: "pd-b-small" }, "Most Popular", -1)),
+        vue.createElementVNode("div", _hoisted_17, [
+          _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" })
         ])
       ])) : 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      <ImagesThumbnails\n        :images=\"images\"\n        :product=\"product\"\n      />\n\n      <div class=\"pos-relative w-100 h-100 flex-column flex-h-center flex\">\n        <IconEdit\n          v-if=\"accesses && hasAccess(route.params._id, 'products', 'edit', accesses)\"\n          @click=\"$router.push({ name: 'ProductEdit', params: { _id: product.owner.target, product: product._id } })\"\n          class=\"pos-absolute pos-t-regular pos-r-regular i-regular t-transp\"\n        />\n        <h2 class=\"w-100 h1-product mn-b-small\">{{ product.name }}</h2>\n        <Price :product=\"product\" size=\"big\" class=\"flex gap-micro flex-center pd-small br-solid br-1px br-black-transp-10 w-max mn-b-medium\" />\n\n        <div v-if=\"product.description || product.specification\" class=\"h-min-5r o-hidden radius-small bg-light mn-b-medium pos-relative\">\n          <Tab\n            v-model:selected=\"tabProduct\"\n            :tabs=\"[\n              {name: 'Description', value: 'description'},\n              {name: 'Specifications', value: 'specifications'}\n            ]\"\n            tabClass=\"pd-thin bg-white radius-thin p-small uppercase t-medium\"\n            class=\"gap-micro bg-light pos-relative z-index-2 pd-thin br-solid br-b br-black-transp-10\"\n          />\n          <transition name=\"slide-fade\">\n            <div v-if=\"tabProduct === 'description'\" class=\"pd-medium\">\n              <p v-if=\"product.description && !product.localization < 1 && !recommendation\" class=\"w-100 t-transp\">\n                {{ product.description }}\n              </p>\n              <p v-if=\"product.localization && product.localization.length > 1 && !recommendation\" class=\"w-100 t-transp\">\n                {{ t('description') }}\n              </p>\n            </div>\n            <div v-else class=\"cols-2 pd-medium w-100 gap-small\">\n              <div\n                v-if=\"product.information.length > 0\"\n                v-for=\"information in product.information\"\n                class=\"w-100 pd-small radius-small bg-white product-information\"\n              >\n                <p class=\"t-demi\">{{ information.name }}</p>\n                <p>{{ information.value }}</p>\n              </div>\n            </div>\n          </transition>\n        </div>\n\n        <div class=\"w-max-33r\">\n          <div class=\"w-max-33r\">\n\t\t        <div v-if=\"product.listing === 'rent'\">\n\t\t          <button @click=\"openPopup\" class=\"cursor-pointer pd-small radius-big w-max mobile:w-100 bg-main button\">\n\t\t            <div class=\"gap-thin flex flex-center flex-nowrap\">\n\t\t              <IconShopcartAdd class=\"i-semi\" />\n\t\t              <span>{{ t('addtoorder') }}</span>\n\t\t            </div>\n\t\t          </button>\n\t\t          <PopupDateSelector\n\t\t            :product=\"product\"\n\t\t            :isOpen=\"isPopupOpen\"\n\t\t            :showFees=\"globals.state.options?.orders.showFees\"\n                :feesRate=\"globals.state.options?.orders.feesRate || 0.15\"\n                :showVat=\"globals.state.options?.orders.showVat\"\n                :vatRate=\"globals.state.options?.orders.vatRate || 0\"\n\t\t            :onConfirm=\"selectedDates => addToCart(product, selectedDates)\"\n\t\t            @close=\"closePopup\"\n\t\t          />\n\t\t        </div>\n\t          <div v-else>\n\t            <Button\n\t              v-if=\"product.available > 0\"\n\t              @click=\"addToCart(product, null)\"\n\t              class=\"h-3r w-100 bg-main button\"\n\t            >\n\t              <div class=\"gap-thin flex flex-center flex-nowrap\">\n\t                <IconShopcartAdd class=\"i-semi\" />\n\t                <span>{{ t('addtoorder') }}</span>\n\t              </div>\n\t            </Button>\n\t            <div\n\t              v-else\n\t              class=\"flex-center flex uppercase radius-big t-black w-max pd-small t-medium bg-grey h-3r w-100 mn-r-smallbutton\"\n\t            >\n\t              Out of Stock\n\t            </div>\n\t          </div>\n\t        </div>\n        </div>\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 } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth'\nimport * as globals from '@martyrs/src/modules/globals/views/store/globals'\nimport * as products from '@martyrs/src/modules/products/store/products'\nimport * as categories from '@martyrs/src/modules/products/store/categories'\nimport * as shopcart from '@martyrs/src/modules/orders/store/shopcart'\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'\nimport PopupDateSelector from '@martyrs/src/modules/globals/views/components/blocks/PopupDateSelector.vue'\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\nimport IconShopcartAdd from '@martyrs/src/modules/icons/actions/IconShopcartAdd.vue'\nimport ImagesThumbnails from '@martyrs/src/modules/products/components/blocks/ImagesThumbnails.vue'\nimport Price from '@martyrs/src/modules/products/components/elements/Price.vue'\nimport PopularProducts from '@martyrs/src/modules/products/components/sections/PopularProducts.vue'\n\nconst route = useRoute()\nconst router = useRouter()\n\nconst product = computed(() => products.state.current)\nconst images = computed(() => products.state.current.images)\n\nconst tabProduct = ref('description')\n\nconst text = {\n  en: { addtoorder: 'Add to Cart', fastorder: 'Fast Order' },\n  ru: { addtoorder: 'Добавить в корзину', fastorder: 'Быстрый заказ' }\n}\n\nconst { t } = useI18n({ messages: text })\n\nconst isPopupOpen = ref(false)\n\nfunction openPopup() {\n  isPopupOpen.value = true\n}\n\nfunction closePopup() {\n  isPopupOpen.value = false\n}\n\nconst emits = defineEmits(['page-loading', 'page-loaded']);\n  \nconst pageProduct = ref(null)\n products.state.current = null\n// products.mutations.resetProduct()\nonMounted(async () => {\n\n  emits('page-loading');\n  await products.actions.read({ _id: route.params.product })\n  emits('page-loaded');\n\n\n  // route.meta.title.en = product.value.name\n  // route.meta.title.ru = roduct.value.name\n\n})\n\n// onBeforeMounted\n\nfunction validateToCard(product) {\n  return !(product.available > 0)\n}\n\nasync function addToCart(product, selectedDates = null) {\n  try {\n    if (shopcart.state.organization !== product.owner.target) {\n      shopcart.state.organization = product.owner.target\n      shopcart.state.positions = []\n    }\n    await shopcart.actions.addProductToCart(product, product.owner.target, selectedDates)\n    return true\n  } catch (error) {\n    console.error('Ошибка при добавлении товара в корзину:', error)\n    throw error\n  }\n}\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["useRoute","useRouter","computed","products.state","ref","useI18n","onMounted","products.actions","product","shopcart.state","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0HA,UAAM,QAAQA,UAAQ,SAAA;AACPC,cAAS,UAAA;AAExB,UAAM,UAAUC,IAAAA,SAAS,MAAMC,SAAAA,MAAe,OAAO;AACrD,UAAM,SAASD,IAAQ,SAAC,MAAMC,SAAc,MAAC,QAAQ,MAAM;AAE3D,UAAM,aAAaC,IAAG,IAAC,aAAa;AAEpC,UAAM,OAAO;AAAA,MACX,IAAI,EAAE,YAAY,eAAe,WAAW,aAAc;AAAA,MAC1D,IAAI,EAAE,YAAY,sBAAsB,WAAW,gBAAe;AAAA,IACpE;AAEA,UAAM,EAAE,EAAC,IAAKC,QAAAA,QAAQ,EAAE,UAAU,KAAM,CAAA;AAExC,UAAM,cAAcD,IAAG,IAAC,KAAK;AAE7B,aAAS,YAAY;AACnB,kBAAY,QAAQ;AAAA,IACtB;AAEA,aAAS,aAAa;AACpB,kBAAY,QAAQ;AAAA,IACtB;AAEA,UAAM,QAAQ;AAEMA,QAAAA,IAAI,IAAI;AAC3BD,aAAAA,MAAe,UAAU;AAE1BG,QAAAA,UAAU,YAAY;AAEpB,YAAM,cAAc;AACpB,YAAMC,SAAAA,QAAiB,KAAK,EAAE,KAAK,MAAM,OAAO,QAAS,CAAA;AACzD,YAAM,aAAa;AAAA,IAMrB,CAAC;AAQD,mBAAe,UAAUC,UAAS,gBAAgB,MAAM;AACtD,UAAI;AACF,YAAIC,SAAc,MAAC,iBAAiBD,SAAQ,MAAM,QAAQ;AACxDC,yBAAe,eAAeD,SAAQ,MAAM;AAC5CC,mBAAAA,MAAe,YAAY,CAAA;AAAA,QACjC;AACI,cAAMC,SAAAA,QAAiB,iBAAiBF,UAASA,SAAQ,MAAM,QAAQ,aAAa;AACpF,eAAO;AAAA,MACR,SAAQ,OAAO;AACd,gBAAQ,MAAM,2CAA2C,KAAK;AAC9D,cAAM;AAAA,MACV;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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      <ImagesThumbnails\n        :images=\"images\"\n        :product=\"product\"\n      />\n\n      <div class=\"pos-relative w-100 h-100 flex-column flex-h-center flex\">\n        <IconEdit\n          v-if=\"accesses && hasAccess(route.params._id, 'products', 'edit', accesses)\"\n          @click=\"$router.push({ name: 'ProductEdit', params: { _id: product.owner.target, product: product._id } })\"\n          class=\"pos-absolute pos-t-regular pos-r-regular i-regular t-transp\"\n        />\n\n\n\n        <h2 class=\"w-100 h1-product mn-b-small\">{{ product.name }}</h2>\n        \n        <Price :product=\"product\" size=\"big\" class=\"flex gap-micro flex-center pd-small br-solid br-1px br-black-transp-10 w-max mn-b-medium\" />\n\n        <p v-if=\"product.description && !product.localization < 1 && !recommendation\" class=\"w-100 t-transp mn-b-small\">\n          {{ product.description }}\n        </p>\n        <p v-if=\"product.localization && product.localization.length > 1 && !recommendation\" class=\"w-100 t-transp  mn-b-small\">\n          {{ t('description') }}\n        </p>\n\n        <div class=\"cols-2 mn-b-small w-100 gap-small\">\n          <div\n            v-if=\"product.information.length > 0\"\n            v-for=\"information in product.information\"\n            class=\"w-100 pd-small radius-small bg-light product-information\"\n          >\n            <p class=\"t-demi\">{{ information.name }}</p>\n            <p>{{ information.value }}</p>\n          </div>\n        </div>\n\n        <p class=\"t-medium mn-b-small\">Provided by</p>\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 mn-b-thin w-100 o-hidden radius-medium pd-small \"\n        />\n\n\n\n        <div class=\"w-max-33r\">\n          <div class=\"w-max-33r\">\n\t\t        <div v-if=\"product.listing === 'rent'\">\n\t\t          <button @click=\"openPopup\" class=\"cursor-pointer pd-small radius-big w-max mobile:w-100 bg-main button\">\n\t\t            <div class=\"gap-thin flex flex-center flex-nowrap\">\n\t\t              <IconShopcartAdd class=\"i-semi\" />\n\t\t              <span>{{ t('addtoorder') }}</span>\n\t\t            </div>\n\t\t          </button>\n\t\t          <PopupDateSelector\n\t\t            :product=\"product\"\n\t\t            :isOpen=\"isPopupOpen\"\n\t\t            :showFees=\"globals.state.options?.orders.showFees\"\n                :feesRate=\"globals.state.options?.orders.feesRate || 0.15\"\n                :showVat=\"globals.state.options?.orders.showVat\"\n                :vatRate=\"globals.state.options?.orders.vatRate || 0\"\n\t\t            :onConfirm=\"selectedDates => addToCart(product, selectedDates)\"\n\t\t            @close=\"closePopup\"\n\t\t          />\n\t\t        </div>\n\t          <div v-else>\n\t            <Button\n\t              v-if=\"product.available > 0\"\n\t              :submit=\"() => addToCart(product, null)\"\n\t              class=\"h-3r w-max mobile:w-100 bg-main button\"\n\t            >\n\t              <div class=\"gap-thin flex flex-center flex-nowrap\">\n\t                <IconShopcartAdd class=\"i-semi\" />\n\t                <span>{{ t('addtoorder') }}</span>\n\t              </div>\n\t            </Button>\n\t            <div\n\t              v-else\n\t              class=\"flex-center flex uppercase radius-big t-black w-max pd-small t-medium bg-grey h-3r w-100 mn-r-smallbutton\"\n\t            >\n\t              Out of Stock\n\t            </div>\n\t          </div>\n\t        </div>\n        </div>\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'\n\n\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth'\nimport * as globals from '@martyrs/src/modules/globals/views/store/globals'\nimport * as products from '@martyrs/src/modules/products/store/products'\nimport * as categories from '@martyrs/src/modules/products/store/categories'\nimport * as shopcart from '@martyrs/src/modules/orders/store/shopcart'\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'\nimport PopupDateSelector from '@martyrs/src/modules/globals/views/components/blocks/PopupDateSelector.vue'\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\nimport IconShopcartAdd from '@martyrs/src/modules/icons/actions/IconShopcartAdd.vue'\nimport ImagesThumbnails from '@martyrs/src/modules/products/components/blocks/ImagesThumbnails.vue'\nimport Price from '@martyrs/src/modules/products/components/elements/Price.vue'\nimport PopularProducts from '@martyrs/src/modules/products/components/sections/PopularProducts.vue'\n\n  import CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\nconst route = useRoute()\nconst router = useRouter()\nconst { proxy } = getCurrentInstance()\n\nconst product = computed(() => products.state.current)\nconst images = computed(() => products.state.current.images)\n\nconst tabProduct = ref('description')\n\nconst text = {\n  en: { addtoorder: 'Add to Cart', fastorder: 'Fast Order' },\n  ru: { addtoorder: 'Добавить в корзину', fastorder: 'Быстрый заказ' }\n}\n\nconst { t } = useI18n({ messages: text })\n\nconst isPopupOpen = ref(false)\n\nfunction openPopup() {\n  isPopupOpen.value = true\n}\n\nfunction closePopup() {\n  isPopupOpen.value = false\n}\n\nconst emits = defineEmits(['page-loading', 'page-loaded']);\n  \nconst pageProduct = ref(null)\nconst orderOrganization = ref(null)\n\nproducts.state.current = null\nonMounted(async () => {\n\n  emits('page-loading');\n  await products.actions.read({ _id: route.params.product })\n  emits('page-loaded');\n\n  // route.meta.title.en = product.value.name\n  // route.meta.title.ru = roduct.value.name\n\n})\n\n// onBeforeMounted\n\nfunction validateToCard(product) {\n  return !(product.available > 0)\n}\n\nasync function addToCart(product, selectedDates = null) {\n  try {\n    // Если организация товара отличается от текущей в корзине\n    if (shopcart.state.organization && shopcart.state.organization !== product.owner.target) {\n      const result = await proxy.$alert({\n        title: 'Start a new order?',\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: 'Start New Order', value: true }\n        ]\n      })\n\n      if (!result) throw error\n\n      shopcart.state.organization = product.owner.target\n      shopcart.state.positions = []\n    }\n\n    await shopcart.actions.addProductToCart(product, product.owner.target, selectedDates)\n    return true\n  } catch (error) {\n    console.error('Error while adding product to cart:', error)\n    throw error\n  }\n}\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["useRoute","useRouter","getCurrentInstance","computed","products.state","ref","useI18n","onMounted","products.actions","product","shopcart.state","shopcart.actions","error"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+HA,UAAM,QAAQA,UAAQ,SAAA;AACPC,cAAS,UAAA;AACxB,UAAM,EAAE,MAAO,IAAGC,IAAkB,mBAAA;AAEpC,UAAM,UAAUC,IAAAA,SAAS,MAAMC,SAAAA,MAAe,OAAO;AACrD,UAAM,SAASD,IAAQ,SAAC,MAAMC,SAAc,MAAC,QAAQ,MAAM;AAExCC,QAAAA,IAAI,aAAa;AAEpC,UAAM,OAAO;AAAA,MACX,IAAI,EAAE,YAAY,eAAe,WAAW,aAAc;AAAA,MAC1D,IAAI,EAAE,YAAY,sBAAsB,WAAW,gBAAe;AAAA,IACpE;AAEA,UAAM,EAAE,EAAC,IAAKC,QAAAA,QAAQ,EAAE,UAAU,KAAM,CAAA;AAExC,UAAM,cAAcD,IAAG,IAAC,KAAK;AAE7B,aAAS,YAAY;AACnB,kBAAY,QAAQ;AAAA,IACtB;AAEA,aAAS,aAAa;AACpB,kBAAY,QAAQ;AAAA,IACtB;AAEA,UAAM,QAAQ;AAEMA,QAAAA,IAAI,IAAI;AACFA,QAAAA,IAAI,IAAI;AAElCD,aAAc,MAAC,UAAU;AACzBG,QAAAA,UAAU,YAAY;AAEpB,YAAM,cAAc;AACpB,YAAMC,SAAAA,QAAiB,KAAK,EAAE,KAAK,MAAM,OAAO,QAAS,CAAA;AACzD,YAAM,aAAa;AAAA,IAKrB,CAAC;AAQD,mBAAe,UAAUC,UAAS,gBAAgB,MAAM;AACtD,UAAI;AAEF,YAAIC,SAAAA,MAAe,gBAAgBA,SAAc,MAAC,iBAAiBD,SAAQ,MAAM,QAAQ;AACvF,gBAAM,SAAS,MAAM,MAAM,OAAO;AAAA,YAChC,OAAO;AAAA,YACP,SAAS;AAAA,YACT,SAAS;AAAA,cACP,EAAE,OAAO,UAAU,OAAO,MAAO;AAAA,cACjC,EAAE,OAAO,mBAAmB,OAAO,KAAI;AAAA,YACjD;AAAA,UACO,CAAA;AAED,cAAI,CAAC,OAAQ,OAAM;AAEnBC,yBAAe,eAAeD,SAAQ,MAAM;AAC5CC,mBAAAA,MAAe,YAAY,CAAA;AAAA,QACjC;AAEI,cAAMC,SAAAA,QAAiB,iBAAiBF,UAASA,SAAQ,MAAM,QAAQ,aAAa;AACpF,eAAO;AAAA,MACR,SAAQG,QAAO;AACd,gBAAQ,MAAM,uCAAuCA,MAAK;AAC1D,cAAMA;AAAA,MACV;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,4 +1,4 @@
-import { computed, ref, onMounted, createElementBlock, createCommentVNode, openBlock, createElementVNode, createVNode, createBlock, unref, toDisplayString, Transition, withCtx, Fragment, renderList } from "vue";
+import { getCurrentInstance, computed, ref, onMounted, createElementBlock, createCommentVNode, openBlock, createElementVNode, createVNode, createBlock, unref, toDisplayString, Fragment, renderList, withCtx } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
 import "../../../auth/views/store/auth.js";
@@ -8,13 +8,14 @@ import "../../store/categories.js";
 import { state as state$2, actions as actions$1 } from "../../../orders/store/shopcart.js";
 import _sfc_main$6 from "../../../../components/Button/Button.vue.js";
 /* empty css                                      */
-import _sfc_main$3 from "../../../../components/Tab/Tab.vue.js";
+/* empty css                                  */
 import _sfc_main$5 from "../../../globals/views/components/blocks/PopupDateSelector.vue.js";
 import _sfc_main$1 from "../../../icons/navigation/IconEdit.vue.js";
 import _sfc_main$4 from "../../../icons/actions/IconShopcartAdd.vue.js";
 import ImagesThumbnails from "../blocks/ImagesThumbnails.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 "../../../organizations/components/blocks/CardOrganization.vue.js";
 const _hoisted_1 = {
   key: 0,
   class: "h-100 w-100 mobile:pd-thin pd-big bg-white"
@@ -24,46 +25,36 @@ const _hoisted_3 = { class: "pos-relative w-100 h-100 flex-column flex-h-center
 const _hoisted_4 = { class: "w-100 h1-product mn-b-small" };
 const _hoisted_5 = {
   key: 1,
-  class: "h-min-5r o-hidden radius-small bg-light mn-b-medium pos-relative"
+  class: "w-100 t-transp mn-b-small"
 };
 const _hoisted_6 = {
-  key: 0,
-  class: "pd-medium"
-};
-const _hoisted_7 = {
-  key: 0,
-  class: "w-100 t-transp"
-};
-const _hoisted_8 = {
-  key: 1,
-  class: "w-100 t-transp"
-};
-const _hoisted_9 = {
-  key: 1,
-  class: "cols-2 pd-medium w-100 gap-small"
+  key: 2,
+  class: "w-100 t-transp mn-b-small"
 };
-const _hoisted_10 = { class: "w-100 pd-small radius-small bg-white product-information" };
-const _hoisted_11 = { class: "t-demi" };
-const _hoisted_12 = { class: "w-max-33r" };
-const _hoisted_13 = { class: "w-max-33r" };
-const _hoisted_14 = { key: 0 };
+const _hoisted_7 = { class: "cols-2 mn-b-small w-100 gap-small" };
+const _hoisted_8 = { class: "w-100 pd-small radius-small bg-light product-information" };
+const _hoisted_9 = { class: "t-demi" };
+const _hoisted_10 = { class: "w-max-33r" };
+const _hoisted_11 = { class: "w-max-33r" };
+const _hoisted_12 = { key: 0 };
+const _hoisted_13 = { class: "gap-thin flex flex-center flex-nowrap" };
+const _hoisted_14 = { key: 1 };
 const _hoisted_15 = { class: "gap-thin flex flex-center flex-nowrap" };
-const _hoisted_16 = { key: 1 };
-const _hoisted_17 = { class: "gap-thin flex flex-center flex-nowrap" };
-const _hoisted_18 = {
+const _hoisted_16 = {
   key: 1,
   class: "flex-center flex uppercase radius-big t-black w-max pd-small t-medium bg-grey h-3r w-100 mn-r-smallbutton"
 };
-const _hoisted_19 = { class: "h-max mn-t-big pos-relative" };
+const _hoisted_17 = { class: "h-max mn-t-big pos-relative" };
 const _sfc_main = {
   __name: "Product",
   emits: ["page-loading", "page-loaded"],
   setup(__props, { emit: __emit }) {
     const route = useRoute();
     useRouter();
+    const { proxy } = getCurrentInstance();
     const product = computed(() => state.current);
     const images = computed(() => state.current.images);
-    const tabProduct = ref("description");
+    ref("description");
     const text = {
       en: { addtoorder: "Add to Cart", fastorder: "Fast Order" },
       ru: { addtoorder: "Добавить в корзину", fastorder: "Быстрый заказ" }
@@ -78,6 +69,7 @@ const _sfc_main = {
     }
     const emits = __emit;
     ref(null);
+    ref(null);
     state.current = null;
     onMounted(async () => {
       emits("page-loading");
@@ -86,15 +78,24 @@ const _sfc_main = {
     });
     async function addToCart(product2, selectedDates = null) {
       try {
-        if (state$2.organization !== product2.owner.target) {
+        if (state$2.organization && state$2.organization !== product2.owner.target) {
+          const result = await proxy.$alert({
+            title: "Start a new order?",
+            message: `Your cart has items from another vendor. If you continue, we'll clear it so you can order from this one instead.`,
+            actions: [
+              { label: "Cancel", value: false },
+              { label: "Start New Order", value: true }
+            ]
+          });
+          if (!result) throw error;
           state$2.organization = product2.owner.target;
           state$2.positions = [];
         }
         await actions$1.addProductToCart(product2, product2.owner.target, selectedDates);
         return true;
-      } catch (error) {
-        console.error("Ошибка при добавлении товара в корзину:", error);
-        throw error;
+      } catch (error2) {
+        console.error("Error while adding product to cart:", error2);
+        throw error2;
       }
     }
     return (_ctx, _cache) => {
@@ -117,42 +118,33 @@ const _sfc_main = {
               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"]),
-            product.value.description || product.value.specification ? (openBlock(), createElementBlock("div", _hoisted_5, [
-              createVNode(_sfc_main$3, {
-                selected: tabProduct.value,
-                "onUpdate:selected": _cache[1] || (_cache[1] = ($event) => tabProduct.value = $event),
-                tabs: [
-                  { name: "Description", value: "description" },
-                  { name: "Specifications", value: "specifications" }
-                ],
-                tabClass: "pd-thin bg-white radius-thin p-small uppercase t-medium",
-                class: "gap-micro bg-light pos-relative z-index-2 pd-thin br-solid br-b br-black-transp-10"
-              }, null, 8, ["selected"]),
-              createVNode(Transition, { name: "slide-fade" }, {
-                default: withCtx(() => [
-                  tabProduct.value === "description" ? (openBlock(), createElementBlock("div", _hoisted_6, [
-                    product.value.description && !product.value.localization < 1 && !_ctx.recommendation ? (openBlock(), createElementBlock("p", _hoisted_7, toDisplayString(product.value.description), 1)) : createCommentVNode("", true),
-                    product.value.localization && product.value.localization.length > 1 && !_ctx.recommendation ? (openBlock(), createElementBlock("p", _hoisted_8, toDisplayString(unref(t)("description")), 1)) : createCommentVNode("", true)
-                  ])) : (openBlock(), createElementBlock("div", _hoisted_9, [
-                    product.value.information.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(product.value.information, (information) => {
-                      return openBlock(), createElementBlock("div", _hoisted_10, [
-                        createElementVNode("p", _hoisted_11, toDisplayString(information.name), 1),
-                        createElementVNode("p", null, toDisplayString(information.value), 1)
-                      ]);
-                    }), 256)) : createCommentVNode("", true)
-                  ]))
-                ]),
-                _: 1
-              })
-            ])) : createCommentVNode("", true),
-            createElementVNode("div", _hoisted_12, [
-              createElementVNode("div", _hoisted_13, [
-                product.value.listing === "rent" ? (openBlock(), createElementBlock("div", _hoisted_14, [
+            product.value.description && !product.value.localization < 1 && !_ctx.recommendation ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(product.value.description), 1)) : createCommentVNode("", true),
+            product.value.localization && product.value.localization.length > 1 && !_ctx.recommendation ? (openBlock(), createElementBlock("p", _hoisted_6, toDisplayString(unref(t)("description")), 1)) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_7, [
+              product.value.information.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(product.value.information, (information) => {
+                return openBlock(), createElementBlock("div", _hoisted_8, [
+                  createElementVNode("p", _hoisted_9, toDisplayString(information.name), 1),
+                  createElementVNode("p", null, toDisplayString(information.value), 1)
+                ]);
+              }), 256)) : createCommentVNode("", true)
+            ]),
+            _cache[1] || (_cache[1] = createElementVNode("p", { class: "t-medium mn-b-small" }, "Provided by", -1)),
+            product.value.owner ? (openBlock(), createBlock(_sfc_main$3, {
+              key: 3,
+              organization: product.value.owner.target,
+              showRating: true,
+              showFollowers: false,
+              showProducts: false,
+              class: "bg-light mn-b-thin w-100 o-hidden radius-medium pd-small"
+            }, null, 8, ["organization"])) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_10, [
+              createElementVNode("div", _hoisted_11, [
+                product.value.listing === "rent" ? (openBlock(), createElementBlock("div", _hoisted_12, [
                   createElementVNode("button", {
                     onClick: openPopup,
                     class: "cursor-pointer pd-small radius-big w-max mobile:w-100 bg-main button"
                   }, [
-                    createElementVNode("div", _hoisted_15, [
+                    createElementVNode("div", _hoisted_13, [
                       createVNode(_sfc_main$4, { class: "i-semi" }),
                       createElementVNode("span", null, toDisplayString(unref(t)("addtoorder")), 1)
                     ])
@@ -167,27 +159,27 @@ const _sfc_main = {
                     onConfirm: (selectedDates) => addToCart(product.value, selectedDates),
                     onClose: closePopup
                   }, null, 8, ["product", "isOpen", "showFees", "feesRate", "showVat", "vatRate", "onConfirm"])
-                ])) : (openBlock(), createElementBlock("div", _hoisted_16, [
+                ])) : (openBlock(), createElementBlock("div", _hoisted_14, [
                   product.value.available > 0 ? (openBlock(), createBlock(_sfc_main$6, {
                     key: 0,
-                    onClick: _cache[2] || (_cache[2] = ($event) => addToCart(product.value, null)),
-                    class: "h-3r w-100 bg-main button"
+                    submit: () => addToCart(product.value, null),
+                    class: "h-3r w-max mobile:w-100 bg-main button"
                   }, {
                     default: withCtx(() => [
-                      createElementVNode("div", _hoisted_17, [
+                      createElementVNode("div", _hoisted_15, [
                         createVNode(_sfc_main$4, { class: "i-semi" }),
                         createElementVNode("span", null, toDisplayString(unref(t)("addtoorder")), 1)
                       ])
                     ]),
                     _: 1
-                  })) : (openBlock(), createElementBlock("div", _hoisted_18, " Out of Stock "))
+                  }, 8, ["submit"])) : (openBlock(), createElementBlock("div", _hoisted_16, " Out of Stock "))
                 ]))
               ])
             ])
           ])
         ]),
-        createElementVNode("div", _hoisted_19, [
-          _cache[3] || (_cache[3] = createElementVNode("h3", { class: "pd-b-small" }, "Most Popular", -1)),
+        createElementVNode("div", _hoisted_17, [
+          _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" })
         ])
       ])) : 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      <ImagesThumbnails\n        :images=\"images\"\n        :product=\"product\"\n      />\n\n      <div class=\"pos-relative w-100 h-100 flex-column flex-h-center flex\">\n        <IconEdit\n          v-if=\"accesses && hasAccess(route.params._id, 'products', 'edit', accesses)\"\n          @click=\"$router.push({ name: 'ProductEdit', params: { _id: product.owner.target, product: product._id } })\"\n          class=\"pos-absolute pos-t-regular pos-r-regular i-regular t-transp\"\n        />\n        <h2 class=\"w-100 h1-product mn-b-small\">{{ product.name }}</h2>\n        <Price :product=\"product\" size=\"big\" class=\"flex gap-micro flex-center pd-small br-solid br-1px br-black-transp-10 w-max mn-b-medium\" />\n\n        <div v-if=\"product.description || product.specification\" class=\"h-min-5r o-hidden radius-small bg-light mn-b-medium pos-relative\">\n          <Tab\n            v-model:selected=\"tabProduct\"\n            :tabs=\"[\n              {name: 'Description', value: 'description'},\n              {name: 'Specifications', value: 'specifications'}\n            ]\"\n            tabClass=\"pd-thin bg-white radius-thin p-small uppercase t-medium\"\n            class=\"gap-micro bg-light pos-relative z-index-2 pd-thin br-solid br-b br-black-transp-10\"\n          />\n          <transition name=\"slide-fade\">\n            <div v-if=\"tabProduct === 'description'\" class=\"pd-medium\">\n              <p v-if=\"product.description && !product.localization < 1 && !recommendation\" class=\"w-100 t-transp\">\n                {{ product.description }}\n              </p>\n              <p v-if=\"product.localization && product.localization.length > 1 && !recommendation\" class=\"w-100 t-transp\">\n                {{ t('description') }}\n              </p>\n            </div>\n            <div v-else class=\"cols-2 pd-medium w-100 gap-small\">\n              <div\n                v-if=\"product.information.length > 0\"\n                v-for=\"information in product.information\"\n                class=\"w-100 pd-small radius-small bg-white product-information\"\n              >\n                <p class=\"t-demi\">{{ information.name }}</p>\n                <p>{{ information.value }}</p>\n              </div>\n            </div>\n          </transition>\n        </div>\n\n        <div class=\"w-max-33r\">\n          <div class=\"w-max-33r\">\n\t\t        <div v-if=\"product.listing === 'rent'\">\n\t\t          <button @click=\"openPopup\" class=\"cursor-pointer pd-small radius-big w-max mobile:w-100 bg-main button\">\n\t\t            <div class=\"gap-thin flex flex-center flex-nowrap\">\n\t\t              <IconShopcartAdd class=\"i-semi\" />\n\t\t              <span>{{ t('addtoorder') }}</span>\n\t\t            </div>\n\t\t          </button>\n\t\t          <PopupDateSelector\n\t\t            :product=\"product\"\n\t\t            :isOpen=\"isPopupOpen\"\n\t\t            :showFees=\"globals.state.options?.orders.showFees\"\n                :feesRate=\"globals.state.options?.orders.feesRate || 0.15\"\n                :showVat=\"globals.state.options?.orders.showVat\"\n                :vatRate=\"globals.state.options?.orders.vatRate || 0\"\n\t\t            :onConfirm=\"selectedDates => addToCart(product, selectedDates)\"\n\t\t            @close=\"closePopup\"\n\t\t          />\n\t\t        </div>\n\t          <div v-else>\n\t            <Button\n\t              v-if=\"product.available > 0\"\n\t              @click=\"addToCart(product, null)\"\n\t              class=\"h-3r w-100 bg-main button\"\n\t            >\n\t              <div class=\"gap-thin flex flex-center flex-nowrap\">\n\t                <IconShopcartAdd class=\"i-semi\" />\n\t                <span>{{ t('addtoorder') }}</span>\n\t              </div>\n\t            </Button>\n\t            <div\n\t              v-else\n\t              class=\"flex-center flex uppercase radius-big t-black w-max pd-small t-medium bg-grey h-3r w-100 mn-r-smallbutton\"\n\t            >\n\t              Out of Stock\n\t            </div>\n\t          </div>\n\t        </div>\n        </div>\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 } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth'\nimport * as globals from '@martyrs/src/modules/globals/views/store/globals'\nimport * as products from '@martyrs/src/modules/products/store/products'\nimport * as categories from '@martyrs/src/modules/products/store/categories'\nimport * as shopcart from '@martyrs/src/modules/orders/store/shopcart'\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'\nimport PopupDateSelector from '@martyrs/src/modules/globals/views/components/blocks/PopupDateSelector.vue'\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\nimport IconShopcartAdd from '@martyrs/src/modules/icons/actions/IconShopcartAdd.vue'\nimport ImagesThumbnails from '@martyrs/src/modules/products/components/blocks/ImagesThumbnails.vue'\nimport Price from '@martyrs/src/modules/products/components/elements/Price.vue'\nimport PopularProducts from '@martyrs/src/modules/products/components/sections/PopularProducts.vue'\n\nconst route = useRoute()\nconst router = useRouter()\n\nconst product = computed(() => products.state.current)\nconst images = computed(() => products.state.current.images)\n\nconst tabProduct = ref('description')\n\nconst text = {\n  en: { addtoorder: 'Add to Cart', fastorder: 'Fast Order' },\n  ru: { addtoorder: 'Добавить в корзину', fastorder: 'Быстрый заказ' }\n}\n\nconst { t } = useI18n({ messages: text })\n\nconst isPopupOpen = ref(false)\n\nfunction openPopup() {\n  isPopupOpen.value = true\n}\n\nfunction closePopup() {\n  isPopupOpen.value = false\n}\n\nconst emits = defineEmits(['page-loading', 'page-loaded']);\n  \nconst pageProduct = ref(null)\n products.state.current = null\n// products.mutations.resetProduct()\nonMounted(async () => {\n\n  emits('page-loading');\n  await products.actions.read({ _id: route.params.product })\n  emits('page-loaded');\n\n\n  // route.meta.title.en = product.value.name\n  // route.meta.title.ru = roduct.value.name\n\n})\n\n// onBeforeMounted\n\nfunction validateToCard(product) {\n  return !(product.available > 0)\n}\n\nasync function addToCart(product, selectedDates = null) {\n  try {\n    if (shopcart.state.organization !== product.owner.target) {\n      shopcart.state.organization = product.owner.target\n      shopcart.state.positions = []\n    }\n    await shopcart.actions.addProductToCart(product, product.owner.target, selectedDates)\n    return true\n  } catch (error) {\n    console.error('Ошибка при добавлении товара в корзину:', error)\n    throw error\n  }\n}\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["products.state","products.actions","product","shopcart.state","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0HA,UAAM,QAAQ,SAAQ;AACP,cAAS;AAExB,UAAM,UAAU,SAAS,MAAMA,MAAe,OAAO;AACrD,UAAM,SAAS,SAAS,MAAMA,MAAe,QAAQ,MAAM;AAE3D,UAAM,aAAa,IAAI,aAAa;AAEpC,UAAM,OAAO;AAAA,MACX,IAAI,EAAE,YAAY,eAAe,WAAW,aAAc;AAAA,MAC1D,IAAI,EAAE,YAAY,sBAAsB,WAAW,gBAAe;AAAA,IACpE;AAEA,UAAM,EAAE,EAAC,IAAK,QAAQ,EAAE,UAAU,KAAM,CAAA;AAExC,UAAM,cAAc,IAAI,KAAK;AAE7B,aAAS,YAAY;AACnB,kBAAY,QAAQ;AAAA,IACtB;AAEA,aAAS,aAAa;AACpB,kBAAY,QAAQ;AAAA,IACtB;AAEA,UAAM,QAAQ;AAEM,QAAI,IAAI;AAC3BA,UAAe,UAAU;AAE1B,cAAU,YAAY;AAEpB,YAAM,cAAc;AACpB,YAAMC,QAAiB,KAAK,EAAE,KAAK,MAAM,OAAO,QAAS,CAAA;AACzD,YAAM,aAAa;AAAA,IAMrB,CAAC;AAQD,mBAAe,UAAUC,UAAS,gBAAgB,MAAM;AACtD,UAAI;AACF,YAAIC,QAAe,iBAAiBD,SAAQ,MAAM,QAAQ;AACxDC,kBAAe,eAAeD,SAAQ,MAAM;AAC5CC,kBAAe,YAAY,CAAA;AAAA,QACjC;AACI,cAAMC,UAAiB,iBAAiBF,UAASA,SAAQ,MAAM,QAAQ,aAAa;AACpF,eAAO;AAAA,MACR,SAAQ,OAAO;AACd,gBAAQ,MAAM,2CAA2C,KAAK;AAC9D,cAAM;AAAA,MACV;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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      <ImagesThumbnails\n        :images=\"images\"\n        :product=\"product\"\n      />\n\n      <div class=\"pos-relative w-100 h-100 flex-column flex-h-center flex\">\n        <IconEdit\n          v-if=\"accesses && hasAccess(route.params._id, 'products', 'edit', accesses)\"\n          @click=\"$router.push({ name: 'ProductEdit', params: { _id: product.owner.target, product: product._id } })\"\n          class=\"pos-absolute pos-t-regular pos-r-regular i-regular t-transp\"\n        />\n\n\n\n        <h2 class=\"w-100 h1-product mn-b-small\">{{ product.name }}</h2>\n        \n        <Price :product=\"product\" size=\"big\" class=\"flex gap-micro flex-center pd-small br-solid br-1px br-black-transp-10 w-max mn-b-medium\" />\n\n        <p v-if=\"product.description && !product.localization < 1 && !recommendation\" class=\"w-100 t-transp mn-b-small\">\n          {{ product.description }}\n        </p>\n        <p v-if=\"product.localization && product.localization.length > 1 && !recommendation\" class=\"w-100 t-transp  mn-b-small\">\n          {{ t('description') }}\n        </p>\n\n        <div class=\"cols-2 mn-b-small w-100 gap-small\">\n          <div\n            v-if=\"product.information.length > 0\"\n            v-for=\"information in product.information\"\n            class=\"w-100 pd-small radius-small bg-light product-information\"\n          >\n            <p class=\"t-demi\">{{ information.name }}</p>\n            <p>{{ information.value }}</p>\n          </div>\n        </div>\n\n        <p class=\"t-medium mn-b-small\">Provided by</p>\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 mn-b-thin w-100 o-hidden radius-medium pd-small \"\n        />\n\n\n\n        <div class=\"w-max-33r\">\n          <div class=\"w-max-33r\">\n\t\t        <div v-if=\"product.listing === 'rent'\">\n\t\t          <button @click=\"openPopup\" class=\"cursor-pointer pd-small radius-big w-max mobile:w-100 bg-main button\">\n\t\t            <div class=\"gap-thin flex flex-center flex-nowrap\">\n\t\t              <IconShopcartAdd class=\"i-semi\" />\n\t\t              <span>{{ t('addtoorder') }}</span>\n\t\t            </div>\n\t\t          </button>\n\t\t          <PopupDateSelector\n\t\t            :product=\"product\"\n\t\t            :isOpen=\"isPopupOpen\"\n\t\t            :showFees=\"globals.state.options?.orders.showFees\"\n                :feesRate=\"globals.state.options?.orders.feesRate || 0.15\"\n                :showVat=\"globals.state.options?.orders.showVat\"\n                :vatRate=\"globals.state.options?.orders.vatRate || 0\"\n\t\t            :onConfirm=\"selectedDates => addToCart(product, selectedDates)\"\n\t\t            @close=\"closePopup\"\n\t\t          />\n\t\t        </div>\n\t          <div v-else>\n\t            <Button\n\t              v-if=\"product.available > 0\"\n\t              :submit=\"() => addToCart(product, null)\"\n\t              class=\"h-3r w-max mobile:w-100 bg-main button\"\n\t            >\n\t              <div class=\"gap-thin flex flex-center flex-nowrap\">\n\t                <IconShopcartAdd class=\"i-semi\" />\n\t                <span>{{ t('addtoorder') }}</span>\n\t              </div>\n\t            </Button>\n\t            <div\n\t              v-else\n\t              class=\"flex-center flex uppercase radius-big t-black w-max pd-small t-medium bg-grey h-3r w-100 mn-r-smallbutton\"\n\t            >\n\t              Out of Stock\n\t            </div>\n\t          </div>\n\t        </div>\n        </div>\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'\n\n\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth'\nimport * as globals from '@martyrs/src/modules/globals/views/store/globals'\nimport * as products from '@martyrs/src/modules/products/store/products'\nimport * as categories from '@martyrs/src/modules/products/store/categories'\nimport * as shopcart from '@martyrs/src/modules/orders/store/shopcart'\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'\nimport PopupDateSelector from '@martyrs/src/modules/globals/views/components/blocks/PopupDateSelector.vue'\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\nimport IconShopcartAdd from '@martyrs/src/modules/icons/actions/IconShopcartAdd.vue'\nimport ImagesThumbnails from '@martyrs/src/modules/products/components/blocks/ImagesThumbnails.vue'\nimport Price from '@martyrs/src/modules/products/components/elements/Price.vue'\nimport PopularProducts from '@martyrs/src/modules/products/components/sections/PopularProducts.vue'\n\n  import CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\nconst route = useRoute()\nconst router = useRouter()\nconst { proxy } = getCurrentInstance()\n\nconst product = computed(() => products.state.current)\nconst images = computed(() => products.state.current.images)\n\nconst tabProduct = ref('description')\n\nconst text = {\n  en: { addtoorder: 'Add to Cart', fastorder: 'Fast Order' },\n  ru: { addtoorder: 'Добавить в корзину', fastorder: 'Быстрый заказ' }\n}\n\nconst { t } = useI18n({ messages: text })\n\nconst isPopupOpen = ref(false)\n\nfunction openPopup() {\n  isPopupOpen.value = true\n}\n\nfunction closePopup() {\n  isPopupOpen.value = false\n}\n\nconst emits = defineEmits(['page-loading', 'page-loaded']);\n  \nconst pageProduct = ref(null)\nconst orderOrganization = ref(null)\n\nproducts.state.current = null\nonMounted(async () => {\n\n  emits('page-loading');\n  await products.actions.read({ _id: route.params.product })\n  emits('page-loaded');\n\n  // route.meta.title.en = product.value.name\n  // route.meta.title.ru = roduct.value.name\n\n})\n\n// onBeforeMounted\n\nfunction validateToCard(product) {\n  return !(product.available > 0)\n}\n\nasync function addToCart(product, selectedDates = null) {\n  try {\n    // Если организация товара отличается от текущей в корзине\n    if (shopcart.state.organization && shopcart.state.organization !== product.owner.target) {\n      const result = await proxy.$alert({\n        title: 'Start a new order?',\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: 'Start New Order', value: true }\n        ]\n      })\n\n      if (!result) throw error\n\n      shopcart.state.organization = product.owner.target\n      shopcart.state.positions = []\n    }\n\n    await shopcart.actions.addProductToCart(product, product.owner.target, selectedDates)\n    return true\n  } catch (error) {\n    console.error('Error while adding product to cart:', error)\n    throw error\n  }\n}\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["products.state","products.actions","product","shopcart.state","shopcart.actions","error"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+HA,UAAM,QAAQ,SAAQ;AACP,cAAS;AACxB,UAAM,EAAE,MAAO,IAAG,mBAAkB;AAEpC,UAAM,UAAU,SAAS,MAAMA,MAAe,OAAO;AACrD,UAAM,SAAS,SAAS,MAAMA,MAAe,QAAQ,MAAM;AAExC,QAAI,aAAa;AAEpC,UAAM,OAAO;AAAA,MACX,IAAI,EAAE,YAAY,eAAe,WAAW,aAAc;AAAA,MAC1D,IAAI,EAAE,YAAY,sBAAsB,WAAW,gBAAe;AAAA,IACpE;AAEA,UAAM,EAAE,EAAC,IAAK,QAAQ,EAAE,UAAU,KAAM,CAAA;AAExC,UAAM,cAAc,IAAI,KAAK;AAE7B,aAAS,YAAY;AACnB,kBAAY,QAAQ;AAAA,IACtB;AAEA,aAAS,aAAa;AACpB,kBAAY,QAAQ;AAAA,IACtB;AAEA,UAAM,QAAQ;AAEM,QAAI,IAAI;AACF,QAAI,IAAI;AAElCA,UAAe,UAAU;AACzB,cAAU,YAAY;AAEpB,YAAM,cAAc;AACpB,YAAMC,QAAiB,KAAK,EAAE,KAAK,MAAM,OAAO,QAAS,CAAA;AACzD,YAAM,aAAa;AAAA,IAKrB,CAAC;AAQD,mBAAe,UAAUC,UAAS,gBAAgB,MAAM;AACtD,UAAI;AAEF,YAAIC,QAAe,gBAAgBA,QAAe,iBAAiBD,SAAQ,MAAM,QAAQ;AACvF,gBAAM,SAAS,MAAM,MAAM,OAAO;AAAA,YAChC,OAAO;AAAA,YACP,SAAS;AAAA,YACT,SAAS;AAAA,cACP,EAAE,OAAO,UAAU,OAAO,MAAO;AAAA,cACjC,EAAE,OAAO,mBAAmB,OAAO,KAAI;AAAA,YACjD;AAAA,UACO,CAAA;AAED,cAAI,CAAC,OAAQ,OAAM;AAEnBC,kBAAe,eAAeD,SAAQ,MAAM;AAC5CC,kBAAe,YAAY,CAAA;AAAA,QACjC;AAEI,cAAMC,UAAiB,iBAAiBF,UAASA,SAAQ,MAAM,QAAQ,aAAa;AACpF,eAAO;AAAA,MACR,SAAQG,QAAO;AACd,gBAAQ,MAAM,uCAAuCA,MAAK;AAC1D,cAAMA;AAAA,MACV;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/products/store/products.cjs

@@ -18,7 +18,6 @@ const state = vue.reactive({
     sale: 0,
     price: 0,
     price_cost: 0,
-    price_currency: "$",
     localization: [],
     modifications: [],
     quantityDiscount: [],