@ozdao/martyrs 0.2.465 → 0.2.467

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

@@ -1,22 +1,19 @@
-import { onUnmounted, withAsyncContext, onMounted, computed, resolveComponent, createElementBlock, openBlock, createBlock, createCommentVNode, withCtx, createElementVNode, createVNode, createTextVNode } from "vue";
+import { onUnmounted, onMounted, resolveComponent, createElementBlock, openBlock, createBlock, createCommentVNode, createVNode, withCtx, createElementVNode, createTextVNode } from "vue";
 import { useRoute, useRouter } from "vue-router";
 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";
-/* empty css                                            */
-/* empty css                                         */
-/* empty css                                    */
-import _sfc_main$3 from "../../../../components/Tree/Tree.vue.js";
-import _sfc_main$4 from "../blocks/CardCategory.vue.js";
+import _sfc_main$3 from "../../../../components/Feed/Feed.vue.js";
+import _sfc_main$4 from "../../../../components/Tree/Tree.vue.js";
+import _sfc_main$5 from "../blocks/CardCategory.vue.js";
 import _sfc_main$1 from "../../../icons/navigation/IconPlus.vue.js";
 const _hoisted_1 = { class: "pd-thin bg-white" };
 const _sfc_main = {
   __name: "Categories",
-  async setup(__props) {
-    let __temp, __restore;
+  setup(__props) {
     const route = useRoute();
     const router = useRouter();
     state$1.navigation_bar.actions = [{
@@ -29,26 +26,8 @@ const _sfc_main = {
     }], onUnmounted(() => {
       state$1.navigation_bar.actions = [];
     });
-    state$2.all = ([__temp, __restore] = withAsyncContext(() => actions.read({
-      user: state.user._id,
-      rootOnly: true,
-      limit: 10
-    })), __temp = await __temp, __restore(), __temp);
     onMounted(async () => {
     });
-    computed(() => {
-      const recursiveMap = (data) => {
-        return data.map((item) => ({
-          // id: item._id, 
-          parent: item.parent,
-          _id: item._id,
-          order: item.order,
-          name: item.name,
-          children: item.children ? recursiveMap(item.children) : []
-        }));
-      };
-      return recursiveMap(state$2.all);
-    });
     function flattenCategoryTree(categories) {
       let flatCategories = [];
       function flatten(category) {
@@ -107,20 +86,45 @@ const _sfc_main = {
           ]),
           _: 1
         })) : createCommentVNode("", true),
-        state$2.all ? (openBlock(), createBlock(_sfc_main$3, {
-          key: 1,
-          items: state$2.all,
-          state: state$2.all,
-          onUpdate: updateCategoriesOrder
+        createVNode(_sfc_main$3, {
+          search: true,
+          showLoadMore: false,
+          states: {
+            empty: {
+              title: "No Products Found",
+              description: "Currently, there are no products available."
+            }
+          },
+          store: {
+            read: (options) => actions.read(options),
+            state: state$2
+          },
+          options: {
+            user: state.user._id,
+            rootOnly: true
+          },
+          class: "cols-1 pos-relative w-100 rows-1 gap-thin"
         }, {
-          default: withCtx(({ item }) => [
-            createVNode(_sfc_main$4, {
-              category: item,
-              onDelete: deleteCategory
-            }, null, 8, ["category"])
+          default: withCtx(({
+            items
+          }) => [
+            items ? (openBlock(), createBlock(_sfc_main$4, {
+              key: 0,
+              items,
+              state: items,
+              onUpdate: updateCategoriesOrder
+            }, {
+              default: withCtx(({ item }) => [
+                createVNode(_sfc_main$5, {
+                  category: item,
+                  onDelete: deleteCategory
+                }, null, 8, ["category"])
+              ]),
+              _: 2
+            }, 1032, ["items", "state"])) : createCommentVNode("", true)
           ]),
           _: 1
-        }, 8, ["items", "state"])) : createCommentVNode("", true)
+        }, 8, ["store", "options"])
       ]);
     };
   }

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

@@ -1 +1 @@
-{"version":3,"file":"Categories.vue.js","sources":["../../../../../../../src/modules/products/components/pages/Categories.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin bg-white\">\n    <Block v-if=\"!MOBILE_APP\" \n      class=\"radius-big mn-b-thin mobile:flex-wrap flex-nowrap flex-v-center flex\"\n    >\n      <h2 class=\"mn-r-auto\">\n        Product Categories\n      </h2>\n\n      <router-link \n        :to=\"{\n          name: 'Category Add', \n          params: { \n            _id: $route.params._id\n          } \n        }\"\n        class=\"uppercase t-medium pd-small radius-big  bg-white nav-link\"\n      >\n        Add category\n      </router-link>\n    </Block>\n\n    <Tree \n      v-if=\"categories.state.all\" \n      :items=\"categories.state.all\" \n      :state=\"categories.state.all\" \n      @update=\"updateCategoriesOrder\" \n      v-slot=\"{ item }\"\n    >\n      <CardCategory \n        :category=\"item\" \n        @delete=\"deleteCategory\" \n      />\n    </Tree>\n  </div>\n</template>\n\n<script setup>\n  import { onMounted, onUnmounted, computed } from 'vue';\n  import { VueDraggableNext } from 'vue-draggable-next';\n\n  import { useRoute, useRouter } from 'vue-router';\n\n  import * as globals from '@martyrs/src/modules/globals/views/store/globals';\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth'; \n  import * as categories from '@martyrs/src/modules/products/store/categories'; \n\n  const route = useRoute();\n  const router = useRouter();\n\n  import Button from \"@martyrs/src/components/Button/Button.vue\";\n  import Block from '@martyrs/src/components/Block/Block.vue';\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n  import Tree from \"@martyrs/src/components/Tree/Tree.vue\";\n  \n  import CardCategory from '@martyrs/src/modules/products/components/blocks/CardCategory.vue';\n\n  import IconPlus from '@martyrs/src/modules/icons/navigation/IconPlus.vue'\n\n  globals.state.navigation_bar.actions = [{\n    component: IconPlus,\n    props: {\n      fill: \"rgb(var(--main))\" \n    },\n    condition: () => auth.state.user && auth.state.user._id,\n    action: () => route.params._id ? router.push({ name: 'Category Add', params: { _id: route.params._id} }) : router.push({ name: 'Category Add' })\n  }],\n\n  onUnmounted(() => {\n    globals.state.navigation_bar.actions = [];\n  });\n\n  categories.state.all = await categories.actions.read({\n    user: auth.state.user._id,\n    rootOnly: true,\n    limit: 10\n  })\n\n  onMounted(async () => {\n    \n  });\n\n  const mappedCategories = computed(() => {\n   const recursiveMap = (data) => {\n     return data.map(item => ({\n       // id: item._id, \n      parent: item.parent,\n      _id: item._id,\n      order: item.order,\n      name: item.name, \n      children: item.children ? recursiveMap(item.children) : []\n     }));\n   };\n   \n   return recursiveMap(categories.state.all);\n  });\n\n  function flattenCategoryTree(categories) {\n    let flatCategories = [];\n    \n    function flatten(category) {\n      const { children, ...categoryWithoutChildren } = category;\n      flatCategories.push(categoryWithoutChildren);\n      \n      if (children && Array.isArray(children)) {\n        children.forEach(child => flatten(child));\n      }\n    }\n    \n    categories.forEach(category => flatten(category));\n    return flatCategories;\n  }\n\n  // Обновленная функция для обновления порядка категорий\n  async function updateCategoriesOrder(category) {\n    try {\n      // Получаем все категории и преобразуем их в плоский массив\n      const allCategories = categories.state.all;\n      const flattenedCategories = flattenCategoryTree(allCategories);\n      \n      // Обновляем порядок для всех категорий\n      console.log('flated', flattenedCategories)\n      await categories.actions.updateOrder(flattenedCategories);\n      \n      console.log('Categories order updated successfully');\n    } catch (error) {\n      console.error('Error updating categories order:', error);\n      throw error;\n    }\n  }\n\n  async function deleteCategory(category) {\n  // Запрашиваем подтверждение у пользователя\n    const isConfirmed = confirm(`Are you sure you want to delete the category \"${category.name}\"?`);\n    \n    // Если пользователь подтвердил удаление, продолжаем процесс\n    if (isConfirmed) {\n      await categories.actions.delete(category.url);\n    } else {\n      alert('Category deletion cancelled'); \n    }\n  }\n\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["globals.state","IconPlus","auth.state","categories.state","_withAsyncContext","categories.actions"],"mappings":";;;;;;;;;;;;;;;;;;;AA+CE,UAAM,QAAQ,SAAU;AACxB,UAAM,SAAS,UAAW;AAW1BA,YAAc,eAAe,UAAU,CAAC;AAAA,MACtC,WAAWC;AAAAA,MACX,OAAO;AAAA,QACL,MAAM;AAAA,MACP;AAAA,MACD,WAAW,MAAMC,MAAW,QAAQA,MAAW,KAAK;AAAA,MACpD,QAAQ,MAAM,MAAM,OAAO,MAAM,OAAO,KAAK,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG,EAAG,CAAA,IAAI,OAAO,KAAK,EAAE,MAAM,eAAgB,CAAA;AAAA,IACnJ,CAAG,GAED,YAAY,MAAM;AAChBF,cAAc,eAAe,UAAU,CAAE;AAAA,IAC7C,CAAG;AAEDG,YAAiB,OAAY,CAAA,QAAA,SAAA,IAAAC,iBAAA,MAAAC,QAAmB,KAAK;AAAA,MACnD,MAAMH,MAAW,KAAK;AAAA,MACtB,UAAU;AAAA,MACV,OAAO;AAAA,IACX,CAAG,CAAA;AAED,cAAU,YAAY;AAAA,IAExB,CAAG;AAEwB,aAAS,MAAM;AACvC,YAAM,eAAe,CAAC,SAAS;AAC7B,eAAO,KAAK,IAAI,WAAS;AAAA;AAAA,UAExB,QAAQ,KAAK;AAAA,UACb,KAAK,KAAK;AAAA,UACV,OAAO,KAAK;AAAA,UACZ,MAAM,KAAK;AAAA,UACX,UAAU,KAAK,WAAW,aAAa,KAAK,QAAQ,IAAI,CAAA;AAAA,QAC9D,EAAO;AAAA,MACH;AAED,aAAO,aAAaC,QAAiB,GAAG;AAAA,IACxC,CAAA;AAED,aAAS,oBAAoB,YAAY;AACvC,UAAI,iBAAiB,CAAE;AAEvB,eAAS,QAAQ,UAAU;AACzB,cAAM,EAAE,UAAU,GAAG,wBAAuB,IAAK;AACjD,uBAAe,KAAK,uBAAuB;AAE3C,YAAI,YAAY,MAAM,QAAQ,QAAQ,GAAG;AACvC,mBAAS,QAAQ,WAAS,QAAQ,KAAK,CAAC;AAAA,QAChD;AAAA,MACA;AAEI,iBAAW,QAAQ,cAAY,QAAQ,QAAQ,CAAC;AAChD,aAAO;AAAA,IACX;AAGE,mBAAe,sBAAsB,UAAU;AAC7C,UAAI;AAEF,cAAM,gBAAgBA,QAAiB;AACvC,cAAM,sBAAsB,oBAAoB,aAAa;AAG7D,gBAAQ,IAAI,UAAU,mBAAmB;AACzC,cAAME,QAAmB,YAAY,mBAAmB;AAExD,gBAAQ,IAAI,uCAAuC;AAAA,MACpD,SAAQ,OAAO;AACd,gBAAQ,MAAM,oCAAoC,KAAK;AACvD,cAAM;AAAA,MACZ;AAAA,IACA;AAEE,mBAAe,eAAe,UAAU;AAEtC,YAAM,cAAc,QAAQ,iDAAiD,SAAS,IAAI,IAAI;AAG9F,UAAI,aAAa;AACf,cAAMA,QAAmB,OAAO,SAAS,GAAG;AAAA,MAClD,OAAW;AACL,cAAM,6BAA6B;AAAA,MACzC;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Categories.vue.js","sources":["../../../../../../../src/modules/products/components/pages/Categories.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin bg-white\">\n    <Block v-if=\"!MOBILE_APP\" \n      class=\"radius-big mn-b-thin mobile:flex-wrap flex-nowrap flex-v-center flex\"\n    >\n      <h2 class=\"mn-r-auto\">\n        Product Categories\n      </h2>\n\n      <router-link \n        :to=\"{\n          name: 'Category Add', \n          params: { \n            _id: $route.params._id\n          } \n        }\"\n        class=\"uppercase t-medium pd-small radius-big  bg-white nav-link\"\n      >\n        Add category\n      </router-link>\n    </Block>\n\n     <Feed\n        :search=\"true\"\n        :showLoadMore=\"false\"\n        :states=\"{\n          empty: {\n            title: 'No Products Found',\n            description: 'Currently, there are no products available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => categories.actions.read(options),\n          state: categories.state\n        }\"\n        :options=\"{\n          user: auth.state.user._id,\n          rootOnly: true,\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"cols-1 pos-relative w-100 rows-1 gap-thin\"\n       \n      >\n        <Tree \n          v-if=\"items\" \n          :items=\"items\" \n          :state=\"items\" \n          @update=\"updateCategoriesOrder\" \n          v-slot=\"{ item }\"\n        >\n          <CardCategory \n            :category=\"item\" \n            @delete=\"deleteCategory\" \n          />\n        </Tree>\n      </Feed>\n  </div>\n</template>\n\n<script setup>\n  import { onMounted, onUnmounted, computed } from 'vue';\n  import { VueDraggableNext } from 'vue-draggable-next';\n\n  import { useRoute, useRouter } from 'vue-router';\n\n  import * as globals from '@martyrs/src/modules/globals/views/store/globals';\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth'; \n  import * as categories from '@martyrs/src/modules/products/store/categories'; \n\n  const route = useRoute();\n  const router = useRouter();\n\n  import Button from \"@martyrs/src/components/Button/Button.vue\";\n  import Block from '@martyrs/src/components/Block/Block.vue';\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n  import Tree from \"@martyrs/src/components/Tree/Tree.vue\";\n  \n  import CardCategory from '@martyrs/src/modules/products/components/blocks/CardCategory.vue';\n\n  import IconPlus from '@martyrs/src/modules/icons/navigation/IconPlus.vue'\n\n  globals.state.navigation_bar.actions = [{\n    component: IconPlus,\n    props: {\n      fill: \"rgb(var(--main))\" \n    },\n    condition: () => auth.state.user && auth.state.user._id,\n    action: () => route.params._id ? router.push({ name: 'Category Add', params: { _id: route.params._id} }) : router.push({ name: 'Category Add' })\n  }],\n\n  onUnmounted(() => {\n    globals.state.navigation_bar.actions = [];\n  });\n\n  onMounted(async () => {\n    \n  });\n\n  function flattenCategoryTree(categories) {\n    let flatCategories = [];\n    \n    function flatten(category) {\n      const { children, ...categoryWithoutChildren } = category;\n      flatCategories.push(categoryWithoutChildren);\n      \n      if (children && Array.isArray(children)) {\n        children.forEach(child => flatten(child));\n      }\n    }\n    \n    categories.forEach(category => flatten(category));\n    return flatCategories;\n  }\n\n  // Обновленная функция для обновления порядка категорий\n  async function updateCategoriesOrder(category) {\n    try {\n      // Получаем все категории и преобразуем их в плоский массив\n      const allCategories = categories.state.all;\n      const flattenedCategories = flattenCategoryTree(allCategories);\n      \n      // Обновляем порядок для всех категорий\n      console.log('flated', flattenedCategories)\n      await categories.actions.updateOrder(flattenedCategories);\n      \n      console.log('Categories order updated successfully');\n    } catch (error) {\n      console.error('Error updating categories order:', error);\n      throw error;\n    }\n  }\n\n  async function deleteCategory(category) {\n  // Запрашиваем подтверждение у пользователя\n    const isConfirmed = confirm(`Are you sure you want to delete the category \"${category.name}\"?`);\n    \n    // Если пользователь подтвердил удаление, продолжаем процесс\n    if (isConfirmed) {\n      await categories.actions.delete(category.url);\n    } else {\n      alert('Category deletion cancelled'); \n    }\n  }\n\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["globals.state","IconPlus","auth.state","categories.state","categories.actions"],"mappings":";;;;;;;;;;;;;;;;AAuEE,UAAM,QAAQ,SAAU;AACxB,UAAM,SAAS,UAAW;AAW1BA,YAAc,eAAe,UAAU,CAAC;AAAA,MACtC,WAAWC;AAAAA,MACX,OAAO;AAAA,QACL,MAAM;AAAA,MACP;AAAA,MACD,WAAW,MAAMC,MAAW,QAAQA,MAAW,KAAK;AAAA,MACpD,QAAQ,MAAM,MAAM,OAAO,MAAM,OAAO,KAAK,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG,EAAG,CAAA,IAAI,OAAO,KAAK,EAAE,MAAM,eAAgB,CAAA;AAAA,IACnJ,CAAG,GAED,YAAY,MAAM;AAChBF,cAAc,eAAe,UAAU,CAAE;AAAA,IAC7C,CAAG;AAED,cAAU,YAAY;AAAA,IAExB,CAAG;AAED,aAAS,oBAAoB,YAAY;AACvC,UAAI,iBAAiB,CAAE;AAEvB,eAAS,QAAQ,UAAU;AACzB,cAAM,EAAE,UAAU,GAAG,wBAAuB,IAAK;AACjD,uBAAe,KAAK,uBAAuB;AAE3C,YAAI,YAAY,MAAM,QAAQ,QAAQ,GAAG;AACvC,mBAAS,QAAQ,WAAS,QAAQ,KAAK,CAAC;AAAA,QAChD;AAAA,MACA;AAEI,iBAAW,QAAQ,cAAY,QAAQ,QAAQ,CAAC;AAChD,aAAO;AAAA,IACX;AAGE,mBAAe,sBAAsB,UAAU;AAC7C,UAAI;AAEF,cAAM,gBAAgBG,QAAiB;AACvC,cAAM,sBAAsB,oBAAoB,aAAa;AAG7D,gBAAQ,IAAI,UAAU,mBAAmB;AACzC,cAAMC,QAAmB,YAAY,mBAAmB;AAExD,gBAAQ,IAAI,uCAAuC;AAAA,MACpD,SAAQ,OAAO;AACd,gBAAQ,MAAM,oCAAoC,KAAK;AACvD,cAAM;AAAA,MACZ;AAAA,IACA;AAEE,mBAAe,eAAe,UAAU;AAEtC,YAAM,cAAc,QAAQ,iDAAiD,SAAS,IAAI,IAAI;AAG9F,UAAI,aAAa;AACf,cAAMA,QAAmB,OAAO,SAAS,GAAG;AAAA,MAClD,OAAW;AACL,cAAM,6BAA6B;AAAA,MACzC;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -3,7 +3,7 @@ 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.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue2.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");

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

@@ -1,7 +1,7 @@
 import { computed, onUnmounted, createElementBlock, openBlock, createBlock, createCommentVNode, 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.vue.js";
+import _sfc_main$3 from "../../../../components/Button/Button.vue2.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";

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

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-const Tab = require("../../../../components/Tab/Tab.vue.cjs");
+const Tab = require("../../../../components/Tab/Tab.vue2.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const CardLeftover = require("../blocks/CardLeftover.vue.cjs");
 const leftovers = require("../../store/leftovers.cjs");

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

@@ -1,6 +1,6 @@
 import { ref, computed, createElementBlock, openBlock, createElementVNode, createVNode, toDisplayString, unref, withCtx, Fragment, renderList, createBlock } from "vue";
 import { useRoute, useRouter } from "vue-router";
-import _sfc_main$1 from "../../../../components/Tab/Tab.vue.js";
+import _sfc_main$1 from "../../../../components/Tab/Tab.vue2.js";
 import _sfc_main$2 from "../../../../components/Feed/Feed.vue.js";
 import CardLeftover from "../blocks/CardLeftover.vue.js";
 import { state, actions } from "../../store/leftovers.js";

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

@@ -3,14 +3,15 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const vueI18n = require("vue-i18n");
+const mixins = require("../../../globals/views/mixins/mixins.cjs");
 require("../../../auth/views/store/auth.cjs");
 const globals = require("../../../globals/views/store/globals.cjs");
 const products = require("../../store/products.cjs");
 require("../../store/categories.cjs");
 const shopcart = require("../../../orders/store/shopcart.cjs");
-const Button = require("../../../../components/Button/Button.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue2.cjs");
 ;/* empty css                                       */
-;/* empty css                                    */
+;/* 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");
@@ -57,6 +58,7 @@ const _sfc_main = {
     const route = vueRouter.useRoute();
     vueRouter.useRouter();
     const { proxy } = vue.getCurrentInstance();
+    const { returnCurrency } = mixins.useGlobalMixins();
     const product = vue.computed(() => products.state.current);
     const images = vue.computed(() => products.state.current.images);
     vue.ref("description");
@@ -77,11 +79,27 @@ const _sfc_main = {
     vue.ref(null);
     products.state.current = null;
     vue.onMounted(async () => {
+      var _a, _b;
       emits("page-loading");
       await products.actions.read({ _id: route.params.product });
+      if (typeof gtag === "function") {
+        gtag("event", "view_item", {
+          currency: returnCurrency(),
+          // Замените на вашу валюту, если отличается
+          value: product.value.price || 0,
+          items: [{
+            item_id: product.value.id || product.value._id,
+            item_name: product.value.name || product.value.title,
+            price: product.value.price || 0,
+            item_category: product.value.category || "",
+            item_brand: ((_b = (_a = product.value.owner) == null ? void 0 : _a.target) == null ? void 0 : _b.profile.name) || ""
+          }]
+        });
+      }
       emits("page-loaded");
     });
     async function addToCart(product2, selectedDates = null) {
+      var _a, _b, _c;
       try {
         if (shopcart.state.organization && shopcart.state.organization !== product2.owner.target._id) {
           const result = await proxy.$alert({
@@ -96,6 +114,21 @@ const _sfc_main = {
           shopcart.state.organization = product2.owner.target._id;
           shopcart.state.positions = [];
         }
+        if (typeof gtag === "function") {
+          gtag("event", "add_to_cart", {
+            currency: returnCurrency(),
+            // Замените на вашу валюту, если отличается
+            value: product2.price || 0,
+            items: [{
+              item_id: product2._id,
+              item_name: product2.name,
+              price: product2.price || 0,
+              quantity: 1,
+              item_category: product2.category || "",
+              item_brand: ((_c = (_b = (_a = product2.owner) == null ? void 0 : _a.target) == null ? void 0 : _b.profile) == null ? void 0 : _c.name) || ""
+            }]
+          });
+        }
         console.log("organization is", product2.owner.target._id);
         await shopcart.actions.addProductToCart(product2, product2.owner.target._id, selectedDates);
         return 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\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 mn-b-small\">\n          {{ product.description }}\n        </p>\n        <p v-if=\"product.localization && product.localization.length > 1 && !recommendation\" class=\"w-100 mn-b-small\">\n          {{ t('description') }}\n        </p>\n\n         <div class=\"w-max-33r mn-b-medium\">\n          <div v-if=\"product.listing === 'rent'\">\n            <button @click=\"openPopup\" class=\"cursor-pointer pd-small radius-big w-max mobile:w-100 bg-main button\">\n              <div class=\"gap-thin flex flex-center flex-nowrap\">\n                <IconShopcartAdd class=\"i-semi\" />\n                <span>{{ t('addtoorder') }}</span>\n              </div>\n            </button>\n            <PopupDateSelector\n              :product=\"product\"\n              :isOpen=\"isPopupOpen\"\n              :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              :onConfirm=\"selectedDates => addToCart(product, selectedDates)\"\n              @close=\"closePopup\"\n            />\n          </div>\n          <div v-else>\n            <Button\n              v-if=\"product.available > 0\"\n              :submit=\"() => addToCart(product, null)\"\n              class=\"h-3r w-max mobile:w-100 bg-main button\"\n            >\n              <div class=\"gap-thin flex flex-center flex-nowrap\">\n                <IconShopcartAdd class=\"i-semi\" />\n                <span>{{ t('addtoorder') }}</span>\n              </div>\n            </Button>\n            <div\n              v-else\n              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            >\n              Out of Stock\n            </div>\n          </div>\n        </div>\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.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        <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\n\n\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'\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'\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\n\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._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 error\n\n     shopcart.state.organization = product.owner.target._id\n      shopcart.state.positions = []\n    }\n\n   \n\n    console.log('organization is', product.owner.target._id)\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>\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8IA,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,SAAc,MAAC,gBAAgBA,eAAe,iBAAiBD,SAAQ,MAAM,OAAO,KAAK;AAC3F,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,WAAW,OAAO,KAAI;AAAA,YACzC;AAAA,UACO,CAAA;AAED,cAAI,CAAC,OAAQ,OAAM;AAEpBC,mBAAAA,MAAe,eAAeD,SAAQ,MAAM,OAAO;AAClDC,mBAAAA,MAAe,YAAY,CAAA;AAAA,QACjC;AAII,gBAAQ,IAAI,mBAAmBD,SAAQ,MAAM,OAAO,GAAG;AACvD,cAAME,SAAAA,QAAiB,iBAAiBF,UAASA,SAAQ,MAAM,OAAO,KAAK,aAAa;AACxF,eAAO;AAAA,MACR,SAAQG,QAAO;AACd,gBAAQ,MAAM,uCAAuCA,MAAK;AAC1D,cAAMA;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        <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 mn-b-small\">\n          {{ product.description }}\n        </p>\n        <p v-if=\"product.localization && product.localization.length > 1 && !recommendation\" class=\"w-100 mn-b-small\">\n          {{ t('description') }}\n        </p>\n\n         <div class=\"w-max-33r mn-b-medium\">\n          <div v-if=\"product.listing === 'rent'\">\n            <button @click=\"openPopup\" class=\"cursor-pointer pd-small radius-big w-max mobile:w-100 bg-main button\">\n              <div class=\"gap-thin flex flex-center flex-nowrap\">\n                <IconShopcartAdd class=\"i-semi\" />\n                <span>{{ t('addtoorder') }}</span>\n              </div>\n            </button>\n            <PopupDateSelector\n              :product=\"product\"\n              :isOpen=\"isPopupOpen\"\n              :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              :onConfirm=\"selectedDates => addToCart(product, selectedDates)\"\n              @close=\"closePopup\"\n            />\n          </div>\n          <div v-else>\n            <Button\n              v-if=\"product.available > 0\"\n              :submit=\"() => addToCart(product, null)\"\n              class=\"h-3r w-max mobile:w-100 bg-main button\"\n            >\n              <div class=\"gap-thin flex flex-center flex-nowrap\">\n                <IconShopcartAdd class=\"i-semi\" />\n                <span>{{ t('addtoorder') }}</span>\n              </div>\n            </Button>\n            <div\n              v-else\n              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            >\n              Out of Stock\n            </div>\n          </div>\n        </div>\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.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        <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       \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\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'\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\n\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\nimport CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\nconst route = useRoute()\nconst router = useRouter()\nconst { proxy } = getCurrentInstance()\nconst { returnCurrency } = useGlobalMixins()\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\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 || product.value._id,\n        item_name: product.value.name || product.value.title,\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  // 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._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 error\n\n     shopcart.state.organization = product.owner.target._id\n      shopcart.state.positions = []\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    console.log('organization is', product.owner.target._id)\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>\n\n<style lang=\"scss\">\n</style>"],"names":["useRoute","useRouter","getCurrentInstance","useGlobalMixins","computed","products.state","ref","useI18n","onMounted","products.actions","product","shopcart.state","shopcart.actions","error"],"mappings":"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"}

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

@@ -1,14 +1,15 @@
 import { getCurrentInstance, computed, ref, onMounted, createElementBlock, createCommentVNode, openBlock, createElementVNode, createVNode, createBlock, unref, toDisplayString, withCtx, Fragment, renderList } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
+import { useGlobalMixins } from "../../../globals/views/mixins/mixins.js";
 import "../../../auth/views/store/auth.js";
 import { state as state$1 } from "../../../globals/views/store/globals.js";
 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";
-import _sfc_main$5 from "../../../../components/Button/Button.vue.js";
+import _sfc_main$5 from "../../../../components/Button/Button.vue2.js";
 /* empty css                                     */
-/* empty css                                  */
+/* empty css                                 */
 import _sfc_main$4 from "../../../globals/views/components/blocks/PopupDateSelector.vue.js";
 import _sfc_main$1 from "../../../icons/navigation/IconEdit.vue.js";
 import _sfc_main$3 from "../../../icons/actions/IconShopcartAdd.vue.js";
@@ -55,6 +56,7 @@ const _sfc_main = {
     const route = useRoute();
     useRouter();
     const { proxy } = getCurrentInstance();
+    const { returnCurrency } = useGlobalMixins();
     const product = computed(() => state.current);
     const images = computed(() => state.current.images);
     ref("description");
@@ -75,11 +77,27 @@ const _sfc_main = {
     ref(null);
     state.current = null;
     onMounted(async () => {
+      var _a, _b;
       emits("page-loading");
       await actions.read({ _id: route.params.product });
+      if (typeof gtag === "function") {
+        gtag("event", "view_item", {
+          currency: returnCurrency(),
+          // Замените на вашу валюту, если отличается
+          value: product.value.price || 0,
+          items: [{
+            item_id: product.value.id || product.value._id,
+            item_name: product.value.name || product.value.title,
+            price: product.value.price || 0,
+            item_category: product.value.category || "",
+            item_brand: ((_b = (_a = product.value.owner) == null ? void 0 : _a.target) == null ? void 0 : _b.profile.name) || ""
+          }]
+        });
+      }
       emits("page-loaded");
     });
     async function addToCart(product2, selectedDates = null) {
+      var _a, _b, _c;
       try {
         if (state$2.organization && state$2.organization !== product2.owner.target._id) {
           const result = await proxy.$alert({
@@ -94,6 +112,21 @@ const _sfc_main = {
           state$2.organization = product2.owner.target._id;
           state$2.positions = [];
         }
+        if (typeof gtag === "function") {
+          gtag("event", "add_to_cart", {
+            currency: returnCurrency(),
+            // Замените на вашу валюту, если отличается
+            value: product2.price || 0,
+            items: [{
+              item_id: product2._id,
+              item_name: product2.name,
+              price: product2.price || 0,
+              quantity: 1,
+              item_category: product2.category || "",
+              item_brand: ((_c = (_b = (_a = product2.owner) == null ? void 0 : _a.target) == null ? void 0 : _b.profile) == null ? void 0 : _c.name) || ""
+            }]
+          });
+        }
         console.log("organization is", product2.owner.target._id);
         await actions$1.addProductToCart(product2, product2.owner.target._id, selectedDates);
         return 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\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 mn-b-small\">\n          {{ product.description }}\n        </p>\n        <p v-if=\"product.localization && product.localization.length > 1 && !recommendation\" class=\"w-100 mn-b-small\">\n          {{ t('description') }}\n        </p>\n\n         <div class=\"w-max-33r mn-b-medium\">\n          <div v-if=\"product.listing === 'rent'\">\n            <button @click=\"openPopup\" class=\"cursor-pointer pd-small radius-big w-max mobile:w-100 bg-main button\">\n              <div class=\"gap-thin flex flex-center flex-nowrap\">\n                <IconShopcartAdd class=\"i-semi\" />\n                <span>{{ t('addtoorder') }}</span>\n              </div>\n            </button>\n            <PopupDateSelector\n              :product=\"product\"\n              :isOpen=\"isPopupOpen\"\n              :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              :onConfirm=\"selectedDates => addToCart(product, selectedDates)\"\n              @close=\"closePopup\"\n            />\n          </div>\n          <div v-else>\n            <Button\n              v-if=\"product.available > 0\"\n              :submit=\"() => addToCart(product, null)\"\n              class=\"h-3r w-max mobile:w-100 bg-main button\"\n            >\n              <div class=\"gap-thin flex flex-center flex-nowrap\">\n                <IconShopcartAdd class=\"i-semi\" />\n                <span>{{ t('addtoorder') }}</span>\n              </div>\n            </Button>\n            <div\n              v-else\n              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            >\n              Out of Stock\n            </div>\n          </div>\n        </div>\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.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        <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\n\n\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'\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'\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\n\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._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 error\n\n     shopcart.state.organization = product.owner.target._id\n      shopcart.state.positions = []\n    }\n\n   \n\n    console.log('organization is', product.owner.target._id)\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>\n\n<style lang=\"scss\">\n</style>"],"names":["products.state","products.actions","product","shopcart.state","shopcart.actions","error"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8IA,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,OAAO,KAAK;AAC3F,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,WAAW,OAAO,KAAI;AAAA,YACzC;AAAA,UACO,CAAA;AAED,cAAI,CAAC,OAAQ,OAAM;AAEpBC,kBAAe,eAAeD,SAAQ,MAAM,OAAO;AAClDC,kBAAe,YAAY,CAAA;AAAA,QACjC;AAII,gBAAQ,IAAI,mBAAmBD,SAAQ,MAAM,OAAO,GAAG;AACvD,cAAME,UAAiB,iBAAiBF,UAASA,SAAQ,MAAM,OAAO,KAAK,aAAa;AACxF,eAAO;AAAA,MACR,SAAQG,QAAO;AACd,gBAAQ,MAAM,uCAAuCA,MAAK;AAC1D,cAAMA;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        <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 mn-b-small\">\n          {{ product.description }}\n        </p>\n        <p v-if=\"product.localization && product.localization.length > 1 && !recommendation\" class=\"w-100 mn-b-small\">\n          {{ t('description') }}\n        </p>\n\n         <div class=\"w-max-33r mn-b-medium\">\n          <div v-if=\"product.listing === 'rent'\">\n            <button @click=\"openPopup\" class=\"cursor-pointer pd-small radius-big w-max mobile:w-100 bg-main button\">\n              <div class=\"gap-thin flex flex-center flex-nowrap\">\n                <IconShopcartAdd class=\"i-semi\" />\n                <span>{{ t('addtoorder') }}</span>\n              </div>\n            </button>\n            <PopupDateSelector\n              :product=\"product\"\n              :isOpen=\"isPopupOpen\"\n              :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              :onConfirm=\"selectedDates => addToCart(product, selectedDates)\"\n              @close=\"closePopup\"\n            />\n          </div>\n          <div v-else>\n            <Button\n              v-if=\"product.available > 0\"\n              :submit=\"() => addToCart(product, null)\"\n              class=\"h-3r w-max mobile:w-100 bg-main button\"\n            >\n              <div class=\"gap-thin flex flex-center flex-nowrap\">\n                <IconShopcartAdd class=\"i-semi\" />\n                <span>{{ t('addtoorder') }}</span>\n              </div>\n            </Button>\n            <div\n              v-else\n              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            >\n              Out of Stock\n            </div>\n          </div>\n        </div>\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.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        <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       \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\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'\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\n\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\nimport CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\nconst route = useRoute()\nconst router = useRouter()\nconst { proxy } = getCurrentInstance()\nconst { returnCurrency } = useGlobalMixins()\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\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 || product.value._id,\n        item_name: product.value.name || product.value.title,\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  // 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._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 error\n\n     shopcart.state.organization = product.owner.target._id\n      shopcart.state.positions = []\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    console.log('organization is', product.owner.target._id)\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>\n\n<style lang=\"scss\">\n</style>"],"names":["products.state","products.actions","product","shopcart.state","shopcart.actions","error"],"mappings":"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"}

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

@@ -5,10 +5,10 @@ const vueRouter = require("vue-router");
 require("vue-i18n");
 ;/* empty css                                                   */
 const Block = require("../../../../components/Block/Block.vue.cjs");
-;/* empty css                                    */
+;/* empty css                                   */
 const Field = require("../../../../components/Field/Field.vue.cjs");
 const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue2.cjs");
 const Popup = require("../../../../components/Popup/Popup.vue2.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/ProductEdit.vue.js

@@ -3,10 +3,10 @@ import { useRoute, useRouter } from "vue-router";
 import "vue-i18n";
 /* empty css                                                 */
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
-/* empty css                                  */
+/* empty css                                 */
 import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$6 from "../../../../components/Checkbox/Checkbox.vue.js";
-import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
+import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
 import _sfc_main$9 from "../../../../components/Popup/Popup.vue2.js";
 import _sfc_main$a from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$5 from "../../../../components/Tree/Tree.vue.js";

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

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

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

@@ -1,6 +1,6 @@
 import { ref, watch, onMounted, onUnmounted, resolveComponent, createElementBlock, openBlock, createCommentVNode, createBlock, createElementVNode, unref, createVNode, renderSlot, withCtx, Fragment, renderList } from "vue";
 import { useRoute, useRouter } from "vue-router";
-import _sfc_main$2 from "../../../../components/Tab/Tab.vue.js";
+import _sfc_main$2 from "../../../../components/Tab/Tab.vue2.js";
 import _sfc_main$5 from "../../../../components/Feed/Feed.vue.js";
 /* empty css                                         */
 import "vue-i18n";

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

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 ;/* empty css                                         */
-;/* empty css                                          */
+;/* empty css                                         */
 const Field = require("../../../../components/Field/Field.vue.cjs");
 const Select = require("../../../../components/Select/Select.vue.cjs");
 const _hoisted_1 = { class: "flex-nowrap flex mn-b-small gap-thin" };

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

@@ -1,6 +1,6 @@
 import { createElementBlock, openBlock, Fragment, createElementVNode, createVNode, withCtx } from "vue";
 /* empty css                                       */
-/* empty css                                        */
+/* empty css                                       */
 import Field from "../../../../components/Field/Field.vue.js";
 import Select from "../../../../components/Select/Select.vue.js";
 const _hoisted_1 = { class: "flex-nowrap flex mn-b-small gap-thin" };

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Button = require("../../../../components/Button/Button.vue.cjs");
-const Tab = require("../../../../components/Tab/Tab.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Tab = require("../../../../components/Tab/Tab.vue2.cjs");
 const IconEdit = require("../../../icons/navigation/IconEdit.vue.cjs");
 const PlaceholderImage = require("../../../icons/placeholders/PlaceholderImage.vue.cjs");
 const Images360 = require("../blocks/Images360.vue.cjs");

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

@@ -1,6 +1,6 @@
 import { computed, ref, createElementBlock, openBlock, createElementVNode, createBlock, createCommentVNode, createVNode, unref, toDisplayString, Transition, withCtx, Fragment, renderList, createTextVNode } from "vue";
-import _sfc_main$4 from "../../../../components/Button/Button.vue.js";
-import _sfc_main$3 from "../../../../components/Tab/Tab.vue.js";
+import _sfc_main$4 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$3 from "../../../../components/Tab/Tab.vue2.js";
 import _sfc_main$1 from "../../../icons/navigation/IconEdit.vue.js";
 import PlaceholderImage from "../../../icons/placeholders/PlaceholderImage.vue.js";
 import Images360 from "../blocks/Images360.vue.js";

package/dist/martyrs/src/modules/rents/views/components/pages/GanttChart.vue.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Tab = require("../../../../../components/Tab/Tab.vue.cjs");
+const Tab = require("../../../../../components/Tab/Tab.vue2.cjs");
 const Select = require("../../../../../components/Select/Select.vue.cjs");
 const IconChevronRight = require("../../../../icons/navigation/IconChevronRight.vue.cjs");
 const IconChevronLeft = require("../../../../icons/navigation/IconChevronLeft.vue.cjs");

package/dist/martyrs/src/modules/rents/views/components/pages/GanttChart.vue.js

@@ -1,5 +1,5 @@
 import { useCssVars, ref, computed, watch, onMounted, nextTick, createElementBlock, openBlock, createElementVNode, createVNode, withDirectives, Fragment, renderList, toDisplayString, vModelSelect, createCommentVNode, normalizeClass, normalizeStyle } from "vue";
-import _sfc_main$1 from "../../../../../components/Tab/Tab.vue.js";
+import _sfc_main$1 from "../../../../../components/Tab/Tab.vue2.js";
 import Select from "../../../../../components/Select/Select.vue.js";
 import IconChevronRight from "../../../../icons/navigation/IconChevronRight.vue.js";
 import IconChevronLeft from "../../../../icons/navigation/IconChevronLeft.vue.js";

package/dist/martyrs/src/modules/rents/views/components/pages/Rents.vue.cjs

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

package/dist/martyrs/src/modules/rents/views/components/pages/Rents.vue.js

@@ -1,5 +1,5 @@
 import { ref, createElementBlock, openBlock, createElementVNode, createVNode, unref, toDisplayString, withCtx } from "vue";
-import _sfc_main$1 from "../../../../../components/Tab/Tab.vue.js";
+import _sfc_main$1 from "../../../../../components/Tab/Tab.vue2.js";
 import _sfc_main$2 from "../../../../../components/Feed/Feed.vue.js";
 /* empty css                      */
 import GanttChart from "./GanttChart.vue.js";

package/dist/martyrs/src/modules/reports/components/sections/FormReport.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const Popup = require("../../../../components/Popup/Popup.vue2.cjs");
-const Button = require("../../../../components/Button/Button.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue2.cjs");
 const Select = require("../../../../components/Select/Select.vue.cjs");
 const reports = require("../../store/reports.cjs");
 const _sfc_main = {