@ozdao/martyrs 0.2.473 → 0.2.475

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

@@ -1 +1 @@
-{"version":3,"file":"CategoryEdit.vue.cjs","sources":["../../../../../../../src/modules/products/components/pages/CategoryEdit.vue"],"sourcesContent":["<template>\n  <div v-if=\"!isLoading\"  class=\"pd-thin bg-white for-transition w-100\">\n    <Block v-if=\"!MOBILE_APP\" class=\"radius-big mn-b-thin flex-nowrap flex-v-center flex\">\n      <h1   class=\"mn-r-auto\">\n        {{route.params.category ? 'Edit Category' : 'Add Category'}}\n      </h1>\n\n      <Button \n        :submit=\"onSubmit\"\n        class=\"pd-small radius-big bg-main t-black uppercase t-medium\"\n      >\n        Save Category \n      </Button>\n    </Block>\n    \n    <Block \n      title=\"Profile\"\n      class=\"mn-b-thin\"\n    >\n\n       <div class=\"mn-b-medium w-100 flex-nowrap gap-thin flex\">\n        <UploadImage \n           v-model:photo=\"categories.state.current.photo\"\n          :uploadPath=\"'categories'\"\n          class=\"w-8r aspect-1x1 o-hidden mn-r-small radius-extra\" \n        />\n       <Field\n            v-model:field=\"categories.state.current.name\"\n            label=\"Name\"\n            placeholder=\"Enter category name\"\n            class=\"w-100 mn-b-small bg-white radius-small pd-medium\"\n          />  \n      </div>\n\n        <div class=\"mn-b-medium w-100 flex-nowrap gap-thin flex\">\n\n\n         <Field\n            v-model:field=\"categories.state.current.order\"\n            label=\"Order\"\n            :disabled=\"true\"\n            class=\"w-40 bg-white radius-small pd-medium\"\n          />  \n         <Field\n            v-model:field=\"categories.state.current.url\"\n            label=\"URL\"\n            placeholder=\"Enter category URL\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />  \n         \n      </div>\n\n      <Select \n        v-model:select=\"categories.state.current.status\"\n        label=\"Status\"\n        :options=\"[\n          'draft', \n          'internal',\n          'published',\n          'removed'\n        ]\"\n        placeholder=\"Display product\"\n        class=\"pos-relative w-100 mn-b-small bg-white radius-small pd-medium\"\n      />\n\n      <div class=\"flex-v-center flex-nowrap flex\">\n        <h4  class=\"mn-r-thin t-medium\">Localization</h4>\n          \n        <button \n          @click=\"() => categories.state.current.localization.push({locale: '', text: ''})\" \n          class=\"i-small pd-thin button-delete button\"\n        >\n          +\n        </button>\n      </div>\n      <div \n        class=\"gap-thin mn-b-thin flex-nowrap flex\" \n        v-for=\"(item, index) in categories.state.current.localization\" \n        :key=\"index\"\n      > \n        <Field\n          v-model:field=\"item.locale\"\n          placeholder=\"Locale\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />  \n        <Field\n          v-model:field=\"item.text\"\n          placeholder=\"Text\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />\n        <div\n          @click=\"() => categories.state.current.localization.splice(index, 1)\"  \n          class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\"\n        >\n          <IconDelete \n            class=\"i-medium\"\n          />\n        </div>\n      </div>\n\n      \n    </Block>\n    <!-- Subcategories -->\n    <!-- <Block\n      title=\"Subcategories\"\n      placeholder=\"No subcategories added yet\"\n      :actions=\"[{\n        label: '+',\n        function: () => categories.state.current.children.push({name: '', url: ''})\n      }]\"\n      class=\"mn-b-thin\"\n    >\n   \n      <div \n        class=\"gap-thin mn-b-thin flex-nowrap flex\" \n        v-for=\"(item, index) in categories.state.current.children\" \n        :key=\"index\"\n      > \n        <Field\n          v-model:field=\"item.name\"\n          placeholder=\"Subcategory name\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />  \n        <Field\n          v-model:field=\"item.url\"\n          placeholder=\"Subcategory\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />\n        <div\n          @click=\"() => categories.state.current.children.splice(index, 1)\"  \n          class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\"\n        >\n          <IconDelete \n            class=\"i-medium\"\n          />\n        </div>\n      </div> \n    </Block> -->\n     <!-- Filters -->\n    <Block\n      title=\"Filters\"\n      placeholder=\"No filters added yet\"\n      :actions=\"[{\n        label: '+',\n        function: () => categories.state.current.filters.push({name: '', url: ''})\n      }]\"\n    >\n      <div \n        class=\"gap-thin mn-b-thin flex-nowrap flex\" \n        v-for=\"(item, index) in categories.state.current.filters\" \n        :key=\"index\"\n      > \n        <Field\n          v-model:field=\"item.name\"\n          placeholder=\"Filter name\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />  \n        <Field\n          v-model:field=\"item.options\"\n          placeholder=\"Filter options divided by ,\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />\n        <div\n          @click=\"() => categories.state.current.filters.splice(index, 1)\"  \n          class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\"\n        >\n          <IconDelete \n            class=\"i-medium\"\n          />\n        </div>\n      </div> \n    </Block>\n  </div>\n \n</template>\n\n<script setup>\n  // Import libs\n  import { computed, onUnmounted, onMounted, ref } from 'vue'\n  import { useRoute,useRouter } from 'vue-router'\n  \n  import IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n\n  import Button from \"@martyrs/src/components/Button/Button.vue\";\n  import Select from \"@martyrs/src/components/Select/Select.vue\";\n  import UploadImage from '@martyrs/src/components/UploadImage/UploadImage.vue';\n  import Field from \"@martyrs/src/components/Field/Field.vue\";\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n\n  import Block from '@martyrs/src/components/Block/Block.vue';\n\n  import IconCheckmark from '@martyrs/src/modules/icons/navigation/IconCheckmark.vue'\n\n  // Import the new store structure\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  const emits = defineEmits(['page-loading', 'page-loaded']);\n\n  // Data prefetching\n  const isLoading = ref(true)\n  onMounted(async () => {\n    emits('page-loading');\n    if (route.params.category) {\n      await categories.actions.read({url: route.params.category})\n    } else {\n      categories.actions.clean() // Adjusted based on the new store's method to reset the category state\n    }\n\n    emits('page-loaded');\n    isLoading.value = false\n  })\n\n  // Accessing state\n  const category = computed(() => categories.state.current)\n  const routePath = computed(() => route.name)\n\n  // Navigation Bar\n  globals.state.navigation_bar.actions = [{\n    component: IconCheckmark,\n    props: {\n      fill: \"rgb(var(--main))\" \n    },\n    condition: () => auth.state.user && auth.state.user._id,\n    action: () => onSubmit()\n  }],\n\n onUnmounted(() => {\n    globals.state.navigation_bar.actions = [];\n  });\n\n\n\n  // Functions\n  async function onSubmit() {\n    if (route.params.category) {\n      await categories.actions.update(categories.state.current)\n      redirectTo()\n    } else {\n      await categories.actions.create(categories.state.current)\n      redirectTo()\n    }\n  }\n\n  function redirectTo () {\n    router.push({\n      name: 'Categories', \n      params: { \n        _id: route.params._id\n      } \n    })\n  }\n</script>\n\n<style lang=\"scss\">\n  /* Your styles here */\n</style>\n"],"names":["useRoute","useRouter","ref","onMounted","categories.actions","computed","categories.state","globals.state","IconCheckmark","auth.state","onUnmounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuME,UAAM,QAAQA,UAAQ,SAAA;AACtB,UAAM,SAASC,UAAS,UAAA;AAExB,UAAM,QAAQ;AAGd,UAAM,YAAYC,IAAAA,IAAI,IAAI;AAC1BC,QAAAA,UAAU,YAAY;AACpB,YAAM,cAAc;AACpB,UAAI,MAAM,OAAO,UAAU;AACzB,cAAMC,WAAAA,QAAmB,KAAK,EAAC,KAAK,MAAM,OAAO,SAAQ,CAAC;AAAA,MAChE,OAAW;AACLA,mBAAAA,QAAmB,MAAO;AAAA,MAChC;AAEI,YAAM,aAAa;AACnB,gBAAU,QAAQ;AAAA,IACnB,CAAA;AAGgBC,QAAQ,SAAC,MAAMC,WAAAA,MAAiB,OAAO;AACtCD,QAAQ,SAAC,MAAM,MAAM,IAAI;AAG3CE,kBAAc,eAAe,UAAU,CAAC;AAAA,MACtC,WAAWC,cAAa;AAAA,MACxB,OAAO;AAAA,QACL,MAAM;AAAA,MACP;AAAA,MACD,WAAW,MAAMC,KAAU,MAAC,QAAQA,KAAU,MAAC,KAAK;AAAA,MACpD,QAAQ,MAAM,SAAQ;AAAA,IAC1B,CAAG,GAEFC,IAAAA,YAAY,MAAM;AACfH,oBAAc,eAAe,UAAU,CAAE;AAAA,IAC7C,CAAG;AAKD,mBAAe,WAAW;AACxB,UAAI,MAAM,OAAO,UAAU;AACzB,cAAMH,WAAkB,QAAC,OAAOE,WAAAA,MAAiB,OAAO;AACxD,mBAAU;AAAA,MAChB,OAAW;AACL,cAAMF,WAAkB,QAAC,OAAOE,WAAAA,MAAiB,OAAO;AACxD,mBAAU;AAAA,MAChB;AAAA,IACA;AAEE,aAAS,aAAc;AACrB,aAAO,KAAK;AAAA,QACV,MAAM;AAAA,QACN,QAAQ;AAAA,UACN,KAAK,MAAM,OAAO;AAAA,QACnB;AAAA,MACF,CAAA;AAAA,IACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CategoryEdit.vue.cjs","sources":["../../../../../../../src/modules/products/components/pages/CategoryEdit.vue"],"sourcesContent":["<template>\n  <div v-if=\"!isLoading\"  class=\"pd-thin bg-white for-transition w-100\">\n    <Block v-if=\"!MOBILE_APP\" class=\"radius-big mn-b-thin flex-nowrap flex-v-center flex\">\n      <h1   class=\"mn-r-auto\">\n        {{route.params.category ? 'Edit Category' : 'Add Category'}}\n      </h1>\n\n      <Button \n        :submit=\"onSubmit\"\n        class=\"pd-small radius-big bg-main t-black uppercase t-medium\"\n      >\n        Save Category \n      </Button>\n    </Block>\n    \n    <Block \n      title=\"Profile\"\n      class=\"mn-b-thin\"\n    >\n      <div class=\"mn-b-medium w-100 flex-nowrap gap-thin flex\">\n        <UploadImage \n           v-model:photo=\"categories.state.current.photo\"\n          :uploadPath=\"'categories'\"\n          class=\"w-8r aspect-1x1 o-hidden mn-r-small radius-extra\" \n        />\n       <Field\n            v-model:field=\"categories.state.current.name\"\n            label=\"Name\"\n            placeholder=\"Enter category name\"\n            class=\"w-100 mn-b-small bg-white radius-small pd-medium\"\n          />  \n      </div>\n\n        <div class=\"mn-b-medium w-100 flex-nowrap gap-thin flex\">\n\n\n         <Field\n            v-model:field=\"categories.state.current.order\"\n            label=\"Order\"\n            :disabled=\"true\"\n            class=\"w-40 bg-white radius-small pd-medium\"\n          />  \n         <Field\n            v-model:field=\"categories.state.current.url\"\n            label=\"URL\"\n            placeholder=\"Enter category URL\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />  \n         \n      </div>\n\n      <Select \n        v-model:select=\"categories.state.current.status\"\n        label=\"Status\"\n        :options=\"[\n          'draft', \n          'internal',\n          'published',\n          'removed'\n        ]\"\n        placeholder=\"Display product\"\n        class=\"pos-relative w-100 mn-b-small bg-white radius-small pd-medium\"\n      />\n\n      <div class=\"flex-v-center flex-nowrap flex\">\n        <h4  class=\"mn-r-thin t-medium\">Localization</h4>\n          \n        <button \n          @click=\"() => categories.state.current.localization.push({locale: '', text: ''})\" \n          class=\"i-small pd-thin button-delete button\"\n        >\n          +\n        </button>\n      </div>\n      <div \n        class=\"gap-thin mn-b-thin flex-nowrap flex\" \n        v-for=\"(item, index) in categories.state.current.localization\" \n        :key=\"index\"\n      > \n        <Field\n          v-model:field=\"item.locale\"\n          placeholder=\"Locale\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />  \n        <Field\n          v-model:field=\"item.text\"\n          placeholder=\"Text\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />\n        <div\n          @click=\"() => categories.state.current.localization.splice(index, 1)\"  \n          class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\"\n        >\n          <IconDelete \n            class=\"i-medium\"\n          />\n        </div>\n      </div>\n\n      \n    </Block>\n    <!-- Subcategories -->\n    <!-- <Block\n      title=\"Subcategories\"\n      placeholder=\"No subcategories added yet\"\n      :actions=\"[{\n        label: '+',\n        function: () => categories.state.current.children.push({name: '', url: ''})\n      }]\"\n      class=\"mn-b-thin\"\n    >\n   \n      <div \n        class=\"gap-thin mn-b-thin flex-nowrap flex\" \n        v-for=\"(item, index) in categories.state.current.children\" \n        :key=\"index\"\n      > \n        <Field\n          v-model:field=\"item.name\"\n          placeholder=\"Subcategory name\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />  \n        <Field\n          v-model:field=\"item.url\"\n          placeholder=\"Subcategory\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />\n        <div\n          @click=\"() => categories.state.current.children.splice(index, 1)\"  \n          class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\"\n        >\n          <IconDelete \n            class=\"i-medium\"\n          />\n        </div>\n      </div> \n    </Block> -->\n     <!-- Filters -->\n    <Block\n      title=\"Filters\"\n      placeholder=\"No filters added yet\"\n      :actions=\"[{\n        label: '+',\n        function: () => categories.state.current.filters.push({name: '', url: ''})\n      }]\"\n    >\n      <div \n        class=\"gap-thin mn-b-thin flex-nowrap flex\" \n        v-for=\"(item, index) in categories.state.current.filters\" \n        :key=\"index\"\n      > \n        <Field\n          v-model:field=\"item.name\"\n          placeholder=\"Filter name\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />  \n        <Field\n          v-model:field=\"item.options\"\n          placeholder=\"Filter options divided by ,\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />\n        <div\n          @click=\"() => categories.state.current.filters.splice(index, 1)\"  \n          class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\"\n        >\n          <IconDelete \n            class=\"i-medium\"\n          />\n        </div>\n      </div> \n    </Block>\n  </div>\n \n</template>\n\n<script setup>\n  // Import libs\n  import { computed, onUnmounted, onMounted, ref } from 'vue'\n  import { useRoute,useRouter } from 'vue-router'\n  \n  import IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n\n  import Button from \"@martyrs/src/components/Button/Button.vue\";\n  import Select from \"@martyrs/src/components/Select/Select.vue\";\n  import UploadImage from '@martyrs/src/components/UploadImage/UploadImage.vue';\n  import Field from \"@martyrs/src/components/Field/Field.vue\";\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n\n  import Block from '@martyrs/src/components/Block/Block.vue';\n\n  import IconCheckmark from '@martyrs/src/modules/icons/navigation/IconCheckmark.vue'\n\n  // Import the new store structure\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  const emits = defineEmits(['page-loading', 'page-loaded']);\n\n  // Data prefetching\n  const isLoading = ref(true)\n  onMounted(async () => {\n    emits('page-loading');\n    if (route.params.category) {\n      await categories.actions.read({url: route.params.category})\n    } else {\n      categories.actions.clean() // Adjusted based on the new store's method to reset the category state\n    }\n\n    emits('page-loaded');\n    isLoading.value = false\n  })\n\n  // Accessing state\n  const category = computed(() => categories.state.current)\n  const routePath = computed(() => route.name)\n\n  // Navigation Bar\n  globals.state.navigation_bar.actions = [{\n    component: IconCheckmark,\n    props: {\n      fill: \"rgb(var(--main))\" \n    },\n    condition: () => auth.state.user && auth.state.user._id,\n    action: () => onSubmit()\n  }],\n\n onUnmounted(() => {\n    globals.state.navigation_bar.actions = [];\n  });\n\n\n\n  // Functions\n  async function onSubmit() {\n    if (route.params.category) {\n\n      categories.state.current.creator = {\n        type: categories.state.current.creator.type,\n        hidden: categories.state.current.creator.hidden,\n        target: categories.state.current.creator.target._id\n      }\n\n      categories.state.current.owner = {\n        type: categories.state.current.owner.type,\n        target: categories.state.current.owner.target._id\n      }\n\n      await categories.actions.update(categories.state.current)\n\n      redirectTo()\n    } else {\n\n      categories.state.current.creator = {\n        type: 'user',\n        hidden: false,\n        target: auth.state.user._id\n      }\n\n      categories.state.current.owner = {\n        type: route.params._id ? 'organization' : 'platform',\n        hidden: false,\n        target: route.params._id ? route.params._id : null\n      }\n\n      await categories.actions.create(categories.state.current)\n      redirectTo()\n    }\n  }\n\n  function redirectTo () {\n    router.push({\n      name: 'Categories', \n      params: { \n        _id: route.params._id\n      } \n    })\n  }\n</script>\n\n<style lang=\"scss\">\n  /* Your styles here */\n</style>\n"],"names":["useRoute","useRouter","ref","onMounted","categories.actions","computed","categories.state","globals.state","IconCheckmark","auth.state","onUnmounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsME,UAAM,QAAQA,UAAQ,SAAA;AACtB,UAAM,SAASC,UAAS,UAAA;AAExB,UAAM,QAAQ;AAGd,UAAM,YAAYC,IAAAA,IAAI,IAAI;AAC1BC,QAAAA,UAAU,YAAY;AACpB,YAAM,cAAc;AACpB,UAAI,MAAM,OAAO,UAAU;AACzB,cAAMC,WAAAA,QAAmB,KAAK,EAAC,KAAK,MAAM,OAAO,SAAQ,CAAC;AAAA,MAChE,OAAW;AACLA,mBAAAA,QAAmB,MAAO;AAAA,MAChC;AAEI,YAAM,aAAa;AACnB,gBAAU,QAAQ;AAAA,IACnB,CAAA;AAGgBC,QAAQ,SAAC,MAAMC,WAAAA,MAAiB,OAAO;AACtCD,QAAQ,SAAC,MAAM,MAAM,IAAI;AAG3CE,kBAAc,eAAe,UAAU,CAAC;AAAA,MACtC,WAAWC,cAAa;AAAA,MACxB,OAAO;AAAA,QACL,MAAM;AAAA,MACP;AAAA,MACD,WAAW,MAAMC,KAAU,MAAC,QAAQA,KAAU,MAAC,KAAK;AAAA,MACpD,QAAQ,MAAM,SAAQ;AAAA,IAC1B,CAAG,GAEFC,IAAAA,YAAY,MAAM;AACfH,oBAAc,eAAe,UAAU,CAAE;AAAA,IAC7C,CAAG;AAKD,mBAAe,WAAW;AACxB,UAAI,MAAM,OAAO,UAAU;AAEzBD,mBAAgB,MAAC,QAAQ,UAAU;AAAA,UACjC,MAAMA,WAAgB,MAAC,QAAQ,QAAQ;AAAA,UACvC,QAAQA,WAAgB,MAAC,QAAQ,QAAQ;AAAA,UACzC,QAAQA,WAAgB,MAAC,QAAQ,QAAQ,OAAO;AAAA,QACxD;AAEMA,mBAAgB,MAAC,QAAQ,QAAQ;AAAA,UAC/B,MAAMA,WAAgB,MAAC,QAAQ,MAAM;AAAA,UACrC,QAAQA,WAAgB,MAAC,QAAQ,MAAM,OAAO;AAAA,QACtD;AAEM,cAAMF,WAAkB,QAAC,OAAOE,WAAAA,MAAiB,OAAO;AAExD,mBAAU;AAAA,MAChB,OAAW;AAELA,mBAAgB,MAAC,QAAQ,UAAU;AAAA,UACjC,MAAM;AAAA,UACN,QAAQ;AAAA,UACR,QAAQG,KAAU,MAAC,KAAK;AAAA,QAChC;AAEMH,mBAAgB,MAAC,QAAQ,QAAQ;AAAA,UAC/B,MAAM,MAAM,OAAO,MAAM,iBAAiB;AAAA,UAC1C,QAAQ;AAAA,UACR,QAAQ,MAAM,OAAO,MAAM,MAAM,OAAO,MAAM;AAAA,QACtD;AAEM,cAAMF,WAAkB,QAAC,OAAOE,WAAAA,MAAiB,OAAO;AACxD,mBAAU;AAAA,MAChB;AAAA,IACA;AAEE,aAAS,aAAc;AACrB,aAAO,KAAK;AAAA,QACV,MAAM;AAAA,QACN,QAAQ;AAAA,UACN,KAAK,MAAM,OAAO;AAAA,QACnB;AAAA,MACF,CAAA;AAAA,IACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -5,8 +5,8 @@ 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";
-/* empty css                                       */
-/* empty css                                            */
+/* empty css                                        */
+/* empty css                                           */
 /* empty css                                         */
 /* empty css                                    */
 import _sfc_main$2 from "../../../../components/Block/Block.vue.js";
@@ -57,9 +57,28 @@ const _sfc_main = {
     });
     async function onSubmit() {
       if (route.params.category) {
+        state.current.creator = {
+          type: state.current.creator.type,
+          hidden: state.current.creator.hidden,
+          target: state.current.creator.target._id
+        };
+        state.current.owner = {
+          type: state.current.owner.type,
+          target: state.current.owner.target._id
+        };
         await actions.update(state.current);
         redirectTo();
       } else {
+        state.current.creator = {
+          type: "user",
+          hidden: false,
+          target: state$1.user._id
+        };
+        state.current.owner = {
+          type: route.params._id ? "organization" : "platform",
+          hidden: false,
+          target: route.params._id ? route.params._id : null
+        };
         await actions.create(state.current);
         redirectTo();
       }

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

@@ -1 +1 @@
-{"version":3,"file":"CategoryEdit.vue.js","sources":["../../../../../../../src/modules/products/components/pages/CategoryEdit.vue"],"sourcesContent":["<template>\n  <div v-if=\"!isLoading\"  class=\"pd-thin bg-white for-transition w-100\">\n    <Block v-if=\"!MOBILE_APP\" class=\"radius-big mn-b-thin flex-nowrap flex-v-center flex\">\n      <h1   class=\"mn-r-auto\">\n        {{route.params.category ? 'Edit Category' : 'Add Category'}}\n      </h1>\n\n      <Button \n        :submit=\"onSubmit\"\n        class=\"pd-small radius-big bg-main t-black uppercase t-medium\"\n      >\n        Save Category \n      </Button>\n    </Block>\n    \n    <Block \n      title=\"Profile\"\n      class=\"mn-b-thin\"\n    >\n\n       <div class=\"mn-b-medium w-100 flex-nowrap gap-thin flex\">\n        <UploadImage \n           v-model:photo=\"categories.state.current.photo\"\n          :uploadPath=\"'categories'\"\n          class=\"w-8r aspect-1x1 o-hidden mn-r-small radius-extra\" \n        />\n       <Field\n            v-model:field=\"categories.state.current.name\"\n            label=\"Name\"\n            placeholder=\"Enter category name\"\n            class=\"w-100 mn-b-small bg-white radius-small pd-medium\"\n          />  \n      </div>\n\n        <div class=\"mn-b-medium w-100 flex-nowrap gap-thin flex\">\n\n\n         <Field\n            v-model:field=\"categories.state.current.order\"\n            label=\"Order\"\n            :disabled=\"true\"\n            class=\"w-40 bg-white radius-small pd-medium\"\n          />  \n         <Field\n            v-model:field=\"categories.state.current.url\"\n            label=\"URL\"\n            placeholder=\"Enter category URL\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />  \n         \n      </div>\n\n      <Select \n        v-model:select=\"categories.state.current.status\"\n        label=\"Status\"\n        :options=\"[\n          'draft', \n          'internal',\n          'published',\n          'removed'\n        ]\"\n        placeholder=\"Display product\"\n        class=\"pos-relative w-100 mn-b-small bg-white radius-small pd-medium\"\n      />\n\n      <div class=\"flex-v-center flex-nowrap flex\">\n        <h4  class=\"mn-r-thin t-medium\">Localization</h4>\n          \n        <button \n          @click=\"() => categories.state.current.localization.push({locale: '', text: ''})\" \n          class=\"i-small pd-thin button-delete button\"\n        >\n          +\n        </button>\n      </div>\n      <div \n        class=\"gap-thin mn-b-thin flex-nowrap flex\" \n        v-for=\"(item, index) in categories.state.current.localization\" \n        :key=\"index\"\n      > \n        <Field\n          v-model:field=\"item.locale\"\n          placeholder=\"Locale\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />  \n        <Field\n          v-model:field=\"item.text\"\n          placeholder=\"Text\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />\n        <div\n          @click=\"() => categories.state.current.localization.splice(index, 1)\"  \n          class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\"\n        >\n          <IconDelete \n            class=\"i-medium\"\n          />\n        </div>\n      </div>\n\n      \n    </Block>\n    <!-- Subcategories -->\n    <!-- <Block\n      title=\"Subcategories\"\n      placeholder=\"No subcategories added yet\"\n      :actions=\"[{\n        label: '+',\n        function: () => categories.state.current.children.push({name: '', url: ''})\n      }]\"\n      class=\"mn-b-thin\"\n    >\n   \n      <div \n        class=\"gap-thin mn-b-thin flex-nowrap flex\" \n        v-for=\"(item, index) in categories.state.current.children\" \n        :key=\"index\"\n      > \n        <Field\n          v-model:field=\"item.name\"\n          placeholder=\"Subcategory name\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />  \n        <Field\n          v-model:field=\"item.url\"\n          placeholder=\"Subcategory\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />\n        <div\n          @click=\"() => categories.state.current.children.splice(index, 1)\"  \n          class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\"\n        >\n          <IconDelete \n            class=\"i-medium\"\n          />\n        </div>\n      </div> \n    </Block> -->\n     <!-- Filters -->\n    <Block\n      title=\"Filters\"\n      placeholder=\"No filters added yet\"\n      :actions=\"[{\n        label: '+',\n        function: () => categories.state.current.filters.push({name: '', url: ''})\n      }]\"\n    >\n      <div \n        class=\"gap-thin mn-b-thin flex-nowrap flex\" \n        v-for=\"(item, index) in categories.state.current.filters\" \n        :key=\"index\"\n      > \n        <Field\n          v-model:field=\"item.name\"\n          placeholder=\"Filter name\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />  \n        <Field\n          v-model:field=\"item.options\"\n          placeholder=\"Filter options divided by ,\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />\n        <div\n          @click=\"() => categories.state.current.filters.splice(index, 1)\"  \n          class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\"\n        >\n          <IconDelete \n            class=\"i-medium\"\n          />\n        </div>\n      </div> \n    </Block>\n  </div>\n \n</template>\n\n<script setup>\n  // Import libs\n  import { computed, onUnmounted, onMounted, ref } from 'vue'\n  import { useRoute,useRouter } from 'vue-router'\n  \n  import IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n\n  import Button from \"@martyrs/src/components/Button/Button.vue\";\n  import Select from \"@martyrs/src/components/Select/Select.vue\";\n  import UploadImage from '@martyrs/src/components/UploadImage/UploadImage.vue';\n  import Field from \"@martyrs/src/components/Field/Field.vue\";\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n\n  import Block from '@martyrs/src/components/Block/Block.vue';\n\n  import IconCheckmark from '@martyrs/src/modules/icons/navigation/IconCheckmark.vue'\n\n  // Import the new store structure\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  const emits = defineEmits(['page-loading', 'page-loaded']);\n\n  // Data prefetching\n  const isLoading = ref(true)\n  onMounted(async () => {\n    emits('page-loading');\n    if (route.params.category) {\n      await categories.actions.read({url: route.params.category})\n    } else {\n      categories.actions.clean() // Adjusted based on the new store's method to reset the category state\n    }\n\n    emits('page-loaded');\n    isLoading.value = false\n  })\n\n  // Accessing state\n  const category = computed(() => categories.state.current)\n  const routePath = computed(() => route.name)\n\n  // Navigation Bar\n  globals.state.navigation_bar.actions = [{\n    component: IconCheckmark,\n    props: {\n      fill: \"rgb(var(--main))\" \n    },\n    condition: () => auth.state.user && auth.state.user._id,\n    action: () => onSubmit()\n  }],\n\n onUnmounted(() => {\n    globals.state.navigation_bar.actions = [];\n  });\n\n\n\n  // Functions\n  async function onSubmit() {\n    if (route.params.category) {\n      await categories.actions.update(categories.state.current)\n      redirectTo()\n    } else {\n      await categories.actions.create(categories.state.current)\n      redirectTo()\n    }\n  }\n\n  function redirectTo () {\n    router.push({\n      name: 'Categories', \n      params: { \n        _id: route.params._id\n      } \n    })\n  }\n</script>\n\n<style lang=\"scss\">\n  /* Your styles here */\n</style>\n"],"names":["categories.actions","categories.state","globals.state","IconCheckmark","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuME,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,UAAM,QAAQ;AAGd,UAAM,YAAY,IAAI,IAAI;AAC1B,cAAU,YAAY;AACpB,YAAM,cAAc;AACpB,UAAI,MAAM,OAAO,UAAU;AACzB,cAAMA,QAAmB,KAAK,EAAC,KAAK,MAAM,OAAO,SAAQ,CAAC;AAAA,MAChE,OAAW;AACLA,gBAAmB,MAAO;AAAA,MAChC;AAEI,YAAM,aAAa;AACnB,gBAAU,QAAQ;AAAA,IACnB,CAAA;AAGgB,aAAS,MAAMC,MAAiB,OAAO;AACtC,aAAS,MAAM,MAAM,IAAI;AAG3CC,YAAc,eAAe,UAAU,CAAC;AAAA,MACtC,WAAWC;AAAAA,MACX,OAAO;AAAA,QACL,MAAM;AAAA,MACP;AAAA,MACD,WAAW,MAAMC,QAAW,QAAQA,QAAW,KAAK;AAAA,MACpD,QAAQ,MAAM,SAAQ;AAAA,IAC1B,CAAG,GAEF,YAAY,MAAM;AACfF,cAAc,eAAe,UAAU,CAAE;AAAA,IAC7C,CAAG;AAKD,mBAAe,WAAW;AACxB,UAAI,MAAM,OAAO,UAAU;AACzB,cAAMF,QAAmB,OAAOC,MAAiB,OAAO;AACxD,mBAAU;AAAA,MAChB,OAAW;AACL,cAAMD,QAAmB,OAAOC,MAAiB,OAAO;AACxD,mBAAU;AAAA,MAChB;AAAA,IACA;AAEE,aAAS,aAAc;AACrB,aAAO,KAAK;AAAA,QACV,MAAM;AAAA,QACN,QAAQ;AAAA,UACN,KAAK,MAAM,OAAO;AAAA,QACnB;AAAA,MACF,CAAA;AAAA,IACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CategoryEdit.vue.js","sources":["../../../../../../../src/modules/products/components/pages/CategoryEdit.vue"],"sourcesContent":["<template>\n  <div v-if=\"!isLoading\"  class=\"pd-thin bg-white for-transition w-100\">\n    <Block v-if=\"!MOBILE_APP\" class=\"radius-big mn-b-thin flex-nowrap flex-v-center flex\">\n      <h1   class=\"mn-r-auto\">\n        {{route.params.category ? 'Edit Category' : 'Add Category'}}\n      </h1>\n\n      <Button \n        :submit=\"onSubmit\"\n        class=\"pd-small radius-big bg-main t-black uppercase t-medium\"\n      >\n        Save Category \n      </Button>\n    </Block>\n    \n    <Block \n      title=\"Profile\"\n      class=\"mn-b-thin\"\n    >\n      <div class=\"mn-b-medium w-100 flex-nowrap gap-thin flex\">\n        <UploadImage \n           v-model:photo=\"categories.state.current.photo\"\n          :uploadPath=\"'categories'\"\n          class=\"w-8r aspect-1x1 o-hidden mn-r-small radius-extra\" \n        />\n       <Field\n            v-model:field=\"categories.state.current.name\"\n            label=\"Name\"\n            placeholder=\"Enter category name\"\n            class=\"w-100 mn-b-small bg-white radius-small pd-medium\"\n          />  \n      </div>\n\n        <div class=\"mn-b-medium w-100 flex-nowrap gap-thin flex\">\n\n\n         <Field\n            v-model:field=\"categories.state.current.order\"\n            label=\"Order\"\n            :disabled=\"true\"\n            class=\"w-40 bg-white radius-small pd-medium\"\n          />  \n         <Field\n            v-model:field=\"categories.state.current.url\"\n            label=\"URL\"\n            placeholder=\"Enter category URL\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />  \n         \n      </div>\n\n      <Select \n        v-model:select=\"categories.state.current.status\"\n        label=\"Status\"\n        :options=\"[\n          'draft', \n          'internal',\n          'published',\n          'removed'\n        ]\"\n        placeholder=\"Display product\"\n        class=\"pos-relative w-100 mn-b-small bg-white radius-small pd-medium\"\n      />\n\n      <div class=\"flex-v-center flex-nowrap flex\">\n        <h4  class=\"mn-r-thin t-medium\">Localization</h4>\n          \n        <button \n          @click=\"() => categories.state.current.localization.push({locale: '', text: ''})\" \n          class=\"i-small pd-thin button-delete button\"\n        >\n          +\n        </button>\n      </div>\n      <div \n        class=\"gap-thin mn-b-thin flex-nowrap flex\" \n        v-for=\"(item, index) in categories.state.current.localization\" \n        :key=\"index\"\n      > \n        <Field\n          v-model:field=\"item.locale\"\n          placeholder=\"Locale\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />  \n        <Field\n          v-model:field=\"item.text\"\n          placeholder=\"Text\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />\n        <div\n          @click=\"() => categories.state.current.localization.splice(index, 1)\"  \n          class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\"\n        >\n          <IconDelete \n            class=\"i-medium\"\n          />\n        </div>\n      </div>\n\n      \n    </Block>\n    <!-- Subcategories -->\n    <!-- <Block\n      title=\"Subcategories\"\n      placeholder=\"No subcategories added yet\"\n      :actions=\"[{\n        label: '+',\n        function: () => categories.state.current.children.push({name: '', url: ''})\n      }]\"\n      class=\"mn-b-thin\"\n    >\n   \n      <div \n        class=\"gap-thin mn-b-thin flex-nowrap flex\" \n        v-for=\"(item, index) in categories.state.current.children\" \n        :key=\"index\"\n      > \n        <Field\n          v-model:field=\"item.name\"\n          placeholder=\"Subcategory name\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />  \n        <Field\n          v-model:field=\"item.url\"\n          placeholder=\"Subcategory\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />\n        <div\n          @click=\"() => categories.state.current.children.splice(index, 1)\"  \n          class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\"\n        >\n          <IconDelete \n            class=\"i-medium\"\n          />\n        </div>\n      </div> \n    </Block> -->\n     <!-- Filters -->\n    <Block\n      title=\"Filters\"\n      placeholder=\"No filters added yet\"\n      :actions=\"[{\n        label: '+',\n        function: () => categories.state.current.filters.push({name: '', url: ''})\n      }]\"\n    >\n      <div \n        class=\"gap-thin mn-b-thin flex-nowrap flex\" \n        v-for=\"(item, index) in categories.state.current.filters\" \n        :key=\"index\"\n      > \n        <Field\n          v-model:field=\"item.name\"\n          placeholder=\"Filter name\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />  \n        <Field\n          v-model:field=\"item.options\"\n          placeholder=\"Filter options divided by ,\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />\n        <div\n          @click=\"() => categories.state.current.filters.splice(index, 1)\"  \n          class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\"\n        >\n          <IconDelete \n            class=\"i-medium\"\n          />\n        </div>\n      </div> \n    </Block>\n  </div>\n \n</template>\n\n<script setup>\n  // Import libs\n  import { computed, onUnmounted, onMounted, ref } from 'vue'\n  import { useRoute,useRouter } from 'vue-router'\n  \n  import IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n\n  import Button from \"@martyrs/src/components/Button/Button.vue\";\n  import Select from \"@martyrs/src/components/Select/Select.vue\";\n  import UploadImage from '@martyrs/src/components/UploadImage/UploadImage.vue';\n  import Field from \"@martyrs/src/components/Field/Field.vue\";\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n\n  import Block from '@martyrs/src/components/Block/Block.vue';\n\n  import IconCheckmark from '@martyrs/src/modules/icons/navigation/IconCheckmark.vue'\n\n  // Import the new store structure\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  const emits = defineEmits(['page-loading', 'page-loaded']);\n\n  // Data prefetching\n  const isLoading = ref(true)\n  onMounted(async () => {\n    emits('page-loading');\n    if (route.params.category) {\n      await categories.actions.read({url: route.params.category})\n    } else {\n      categories.actions.clean() // Adjusted based on the new store's method to reset the category state\n    }\n\n    emits('page-loaded');\n    isLoading.value = false\n  })\n\n  // Accessing state\n  const category = computed(() => categories.state.current)\n  const routePath = computed(() => route.name)\n\n  // Navigation Bar\n  globals.state.navigation_bar.actions = [{\n    component: IconCheckmark,\n    props: {\n      fill: \"rgb(var(--main))\" \n    },\n    condition: () => auth.state.user && auth.state.user._id,\n    action: () => onSubmit()\n  }],\n\n onUnmounted(() => {\n    globals.state.navigation_bar.actions = [];\n  });\n\n\n\n  // Functions\n  async function onSubmit() {\n    if (route.params.category) {\n\n      categories.state.current.creator = {\n        type: categories.state.current.creator.type,\n        hidden: categories.state.current.creator.hidden,\n        target: categories.state.current.creator.target._id\n      }\n\n      categories.state.current.owner = {\n        type: categories.state.current.owner.type,\n        target: categories.state.current.owner.target._id\n      }\n\n      await categories.actions.update(categories.state.current)\n\n      redirectTo()\n    } else {\n\n      categories.state.current.creator = {\n        type: 'user',\n        hidden: false,\n        target: auth.state.user._id\n      }\n\n      categories.state.current.owner = {\n        type: route.params._id ? 'organization' : 'platform',\n        hidden: false,\n        target: route.params._id ? route.params._id : null\n      }\n\n      await categories.actions.create(categories.state.current)\n      redirectTo()\n    }\n  }\n\n  function redirectTo () {\n    router.push({\n      name: 'Categories', \n      params: { \n        _id: route.params._id\n      } \n    })\n  }\n</script>\n\n<style lang=\"scss\">\n  /* Your styles here */\n</style>\n"],"names":["categories.actions","categories.state","globals.state","IconCheckmark","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsME,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,UAAM,QAAQ;AAGd,UAAM,YAAY,IAAI,IAAI;AAC1B,cAAU,YAAY;AACpB,YAAM,cAAc;AACpB,UAAI,MAAM,OAAO,UAAU;AACzB,cAAMA,QAAmB,KAAK,EAAC,KAAK,MAAM,OAAO,SAAQ,CAAC;AAAA,MAChE,OAAW;AACLA,gBAAmB,MAAO;AAAA,MAChC;AAEI,YAAM,aAAa;AACnB,gBAAU,QAAQ;AAAA,IACnB,CAAA;AAGgB,aAAS,MAAMC,MAAiB,OAAO;AACtC,aAAS,MAAM,MAAM,IAAI;AAG3CC,YAAc,eAAe,UAAU,CAAC;AAAA,MACtC,WAAWC;AAAAA,MACX,OAAO;AAAA,QACL,MAAM;AAAA,MACP;AAAA,MACD,WAAW,MAAMC,QAAW,QAAQA,QAAW,KAAK;AAAA,MACpD,QAAQ,MAAM,SAAQ;AAAA,IAC1B,CAAG,GAEF,YAAY,MAAM;AACfF,cAAc,eAAe,UAAU,CAAE;AAAA,IAC7C,CAAG;AAKD,mBAAe,WAAW;AACxB,UAAI,MAAM,OAAO,UAAU;AAEzBD,cAAiB,QAAQ,UAAU;AAAA,UACjC,MAAMA,MAAiB,QAAQ,QAAQ;AAAA,UACvC,QAAQA,MAAiB,QAAQ,QAAQ;AAAA,UACzC,QAAQA,MAAiB,QAAQ,QAAQ,OAAO;AAAA,QACxD;AAEMA,cAAiB,QAAQ,QAAQ;AAAA,UAC/B,MAAMA,MAAiB,QAAQ,MAAM;AAAA,UACrC,QAAQA,MAAiB,QAAQ,MAAM,OAAO;AAAA,QACtD;AAEM,cAAMD,QAAmB,OAAOC,MAAiB,OAAO;AAExD,mBAAU;AAAA,MAChB,OAAW;AAELA,cAAiB,QAAQ,UAAU;AAAA,UACjC,MAAM;AAAA,UACN,QAAQ;AAAA,UACR,QAAQG,QAAW,KAAK;AAAA,QAChC;AAEMH,cAAiB,QAAQ,QAAQ;AAAA,UAC/B,MAAM,MAAM,OAAO,MAAM,iBAAiB;AAAA,UAC1C,QAAQ;AAAA,UACR,QAAQ,MAAM,OAAO,MAAM,MAAM,OAAO,MAAM;AAAA,QACtD;AAEM,cAAMD,QAAmB,OAAOC,MAAiB,OAAO;AACxD,mBAAU;AAAA,MAChB;AAAA,IACA;AAEE,aAAS,aAAc;AACrB,aAAO,KAAK;AAAA,QACV,MAAM;AAAA,QACN,QAAQ;AAAA,UACN,KAAK,MAAM,OAAO;AAAA,QACnB;AAAA,MACF,CAAA;AAAA,IACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -115,6 +115,7 @@ const _sfc_main = {
           });
           if (!result) throw error;
           shopcart.state.positions = [];
+          shopcart.state.organization = product2.owner.target._id;
         }
         if (typeof gtag === "function") {
           gtag("event", "add_to_cart", {

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        <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,\n        item_name: product.value.name,\n        price: product.value.price || 0,\n        item_category: product.value.category || '',\n        item_brand: product.value.owner?.target?.profile.name || ''\n      }]\n    });\n  }\n\n  emits('page-loaded');\n\n  // 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) {\n      shopcart.state.organization = product.owner.target._id\n    }\n    // Если организация товара отличается от текущей в корзине\n    if (shopcart.state.organization !== product.owner.target._id) {\n      const result = await proxy.$alert({\n        title: 'Replace items in your cart?',\n        message: `Your cart has items from another vendor. If you continue, we'll clear it so you can order from this one instead.`,\n        actions: [\n          { label: 'Cancel', value: false },\n          { label: 'Replace', value: true }\n        ]\n      })\n\n      if (!result) throw error\n\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    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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"}
+{"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,\n        item_name: product.value.name,\n        price: product.value.price || 0,\n        item_category: product.value.category || '',\n        item_brand: product.value.owner?.target?.profile.name || ''\n      }]\n    });\n  }\n\n  emits('page-loaded');\n\n  // 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) {\n      shopcart.state.organization = product.owner.target._id\n    }\n    // Если организация товара отличается от текущей в корзине\n    if (shopcart.state.organization !== product.owner.target._id) {\n      const result = await proxy.$alert({\n        title: 'Replace items in your cart?',\n        message: `Your cart has items from another vendor. If you continue, we'll clear it so you can order from this one instead.`,\n        actions: [\n          { label: 'Cancel', value: false },\n          { label: 'Replace', value: true }\n        ]\n      })\n\n      if (!result) throw error\n\n      shopcart.state.positions = []\n      shopcart.state.organization = product.owner.target._id\n    }\n\n    if (typeof gtag === 'function') {\n      gtag('event', 'add_to_cart', {\n        currency: returnCurrency(), // Замените на вашу валюту, если отличается\n        value: product.price || 0,\n        items: [{\n          item_id: product._id,\n          item_name: product.name,\n          price: product.price || 0,\n          quantity: 1,\n          item_category: product.category || '',\n          item_brand: product.owner?.target?.profile?.name || ''\n        }]\n      });\n    }\n    \n    await shopcart.actions.addProductToCart(product, product.owner.target._id, selectedDates)\n    return true\n  } catch (error) {\n    console.error('Error while adding product to cart:', error)\n    throw error\n  }\n}\n</script>\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

@@ -113,6 +113,7 @@ const _sfc_main = {
           });
           if (!result) throw error;
           state$2.positions = [];
+          state$2.organization = product2.owner.target._id;
         }
         if (typeof gtag === "function") {
           gtag("event", "add_to_cart", {

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        <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,\n        item_name: product.value.name,\n        price: product.value.price || 0,\n        item_category: product.value.category || '',\n        item_brand: product.value.owner?.target?.profile.name || ''\n      }]\n    });\n  }\n\n  emits('page-loaded');\n\n  // 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) {\n      shopcart.state.organization = product.owner.target._id\n    }\n    // Если организация товара отличается от текущей в корзине\n    if (shopcart.state.organization !== product.owner.target._id) {\n      const result = await proxy.$alert({\n        title: 'Replace items in your cart?',\n        message: `Your cart has items from another vendor. If you continue, we'll clear it so you can order from this one instead.`,\n        actions: [\n          { label: 'Cancel', value: false },\n          { label: 'Replace', value: true }\n        ]\n      })\n\n      if (!result) throw error\n\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    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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0IA,UAAM,QAAQ,SAAQ;AACP,cAAS;AACxB,UAAM,EAAE,MAAO,IAAG,mBAAkB;AACpC,UAAM,EAAE,eAAgB,IAAG,gBAAe;AAE1C,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;AAEzD,UAAI,OAAO,SAAS,YAAY;AAC9B,aAAK,SAAS,aAAa;AAAA,UACzB,UAAU,eAAgB;AAAA;AAAA,UAC1B,OAAO,QAAQ,MAAM,SAAS;AAAA,UAC9B,OAAO,CAAC;AAAA,YACN,SAAS,QAAQ,MAAM;AAAA,YACvB,WAAW,QAAQ,MAAM;AAAA,YACzB,OAAO,QAAQ,MAAM,SAAS;AAAA,YAC9B,eAAe,QAAQ,MAAM,YAAY;AAAA,YACzC,cAAY,mBAAQ,MAAM,UAAd,mBAAqB,WAArB,mBAA6B,QAAQ,SAAQ;AAAA,UAC1D,CAAA;AAAA,QACP,CAAK;AAAA,MACL;AAEE,YAAM,aAAa;AAAA,IAKrB,CAAC;AAQD,mBAAe,UAAUC,UAAS,gBAAgB,MAAM;;AACtD,UAAI;AACF,YAAI,CAACC,QAAe,cAAc;AAChCA,kBAAe,eAAeD,SAAQ,MAAM,OAAO;AAAA,QACzD;AAEI,YAAIC,QAAe,iBAAiBD,SAAQ,MAAM,OAAO,KAAK;AAC5D,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;AAEnBC,kBAAe,YAAY,CAAA;AAAA,QACjC;AAEI,YAAI,OAAO,SAAS,YAAY;AAC9B,eAAK,SAAS,eAAe;AAAA,YAC3B,UAAU,eAAgB;AAAA;AAAA,YAC1B,OAAOD,SAAQ,SAAS;AAAA,YACxB,OAAO,CAAC;AAAA,cACN,SAASA,SAAQ;AAAA,cACjB,WAAWA,SAAQ;AAAA,cACnB,OAAOA,SAAQ,SAAS;AAAA,cACxB,UAAU;AAAA,cACV,eAAeA,SAAQ,YAAY;AAAA,cACnC,cAAY,iBAAAA,SAAQ,UAAR,mBAAe,WAAf,mBAAuB,YAAvB,mBAAgC,SAAQ;AAAA,YACrD,CAAA;AAAA,UACT,CAAO;AAAA,QACP;AAEI,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,\n        item_name: product.value.name,\n        price: product.value.price || 0,\n        item_category: product.value.category || '',\n        item_brand: product.value.owner?.target?.profile.name || ''\n      }]\n    });\n  }\n\n  emits('page-loaded');\n\n  // 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) {\n      shopcart.state.organization = product.owner.target._id\n    }\n    // Если организация товара отличается от текущей в корзине\n    if (shopcart.state.organization !== product.owner.target._id) {\n      const result = await proxy.$alert({\n        title: 'Replace items in your cart?',\n        message: `Your cart has items from another vendor. If you continue, we'll clear it so you can order from this one instead.`,\n        actions: [\n          { label: 'Cancel', value: false },\n          { label: 'Replace', value: true }\n        ]\n      })\n\n      if (!result) throw error\n\n      shopcart.state.positions = []\n      shopcart.state.organization = product.owner.target._id\n    }\n\n    if (typeof gtag === 'function') {\n      gtag('event', 'add_to_cart', {\n        currency: returnCurrency(), // Замените на вашу валюту, если отличается\n        value: product.price || 0,\n        items: [{\n          item_id: product._id,\n          item_name: product.name,\n          price: product.price || 0,\n          quantity: 1,\n          item_category: product.category || '',\n          item_brand: product.owner?.target?.profile?.name || ''\n        }]\n      });\n    }\n    \n    await shopcart.actions.addProductToCart(product, product.owner.target._id, selectedDates)\n    return true\n  } catch (error) {\n    console.error('Error while adding product to cart:', error)\n    throw error\n  }\n}\n</script>\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

@@ -222,11 +222,11 @@ const _sfc_main = {
               function: () => vue.unref(router).push({
                 name: "Categories",
                 params: {
-                  _id: vue.unref(route).params._id
+                  _id: vue.unref(route).params._id || products.state.current.owner.target._id
                 }
               })
             }],
-            class: "h-100 o-y-scroll"
+            class: "h-100 h-min-30r o-y-scroll"
           }, {
             default: vue.withCtx(() => [
               categories.state.all ? (vue.openBlock(), vue.createBlock(Tree.default, {

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

@@ -1 +1 @@
-{"version":3,"file":"ProductEdit.vue.cjs","sources":["../../../../../../../src/modules/products/components/pages/ProductEdit.vue"],"sourcesContent":["<template>\n\t<div class=\"for-transition w-100 cols-1 bg-white pd-thin gap-thin\">\n    \n    <Block v-if=\"!MOBILE_APP\" class=\"flex-nowrap gap-thin flex-v-center flex\">\n      \n      <h2 class=\"t-truncate mn-r-auto\">\n\t\t\t  {{ route.params.product ? products.state.current.name : 'Create Product' }}\n\t\t\t</h2>\n\n\t\t\t<Button \n\t\t\t\tv-if=\"route.params.product\"\n      \t:submit=\"onDelete\" \n      \t:callback=\"redirectTo\"\n      \tclass=\"w-10 w-max-20r w-min-8r bg-red\"\n      >\n    \t\tDelete \n    \t</Button>\n\n      <Button \n      \t:submit=\"onSubmit\" \n      \t:callback=\"redirectTo\"\n      \tclass=\"w-10 w-max-20r w-min-8r bg-main\"\n      >\n    \t\tSave\n    \t</Button>\n    </Block>\n\n    <Block\n\t\t\tplaceholder=\"The product doesn't have any images yet.\"\n\t\t\tclass=\"h-min\"\n\t\t>\n\t\t\t<EditImages \n\t\t\t\t:images=\"products.state.current.images\"\n\t\t\t\t:uploadPath=\"'photos'\" \n\t\t\t\t@update:images=\"(imagesNew) => { products.state.current.images = imagesNew }\" \n\t\t\t/>\n\t\t</Block>\n\n    <div class=\"cols-2 gap-thin\">\n\n    \t<Block\n  \t\t\ttitle=\"Profile\"\n  \t\t>\n\t\t\t\t<EditProductInfo \t\t\n\t\t\t\t\t:product=\"products.state.current\"\n\t\t\t\t/>\n\t\t\t</Block>\n\n\t\t\t<Block\n\t\t\t\ttitle=\"Categories\"\n\t\t\t\t:actions=\"[{\n\t\t      label: '+',\n\t\t      function: () => router.push({\n\t\t\t\t\t\tname: 'Categories', \n\t\t\t\t\t\tparams: { \n\t\t\t\t\t\t\t_id: route.params._id\n\t\t\t\t\t\t} \n\t\t\t\t\t})\n\t\t    }]\"\n\t\t    class=\"h-100 o-y-scroll\"\n\t\t\t>\n\t\t    <Tree \n\t        v-if=\"categories.state.all\" \n\t        :items=\"categories.state.all\" \n\t        :state=\"categories.state.all\" \n\t        @update=\"updateCategoriesOrder\" \n\t\t\t\t\tv-slot=\"{ item }\"\n\t\t\t\t\tclass=\"h-zero pos-relative d-block\"\n\t      >\n\t      \t<Checkbox \n\t\t\t      name=\"categories\"\n\t\t\t      class=\"w-100 mn-t-small bg-white radius-small pd-small\"\n\t\t\t      :label=\"item.name\"\n\t\t\t      :value=\"item._id\"\n\t\t\t      :radio=\"products.state.current.category\"\n\t\t\t      @update:radio=\"event => selectCategory(item, event)\"\n\t\t\t    />\n\t\t    </Tree>\n\t\t\t</Block>\n\n\t\t\t<Block\n\t\t\t\ttitle=\"Parameters\"\n\t\t\t\tplaceholder=\"No parameters added yet\"\n\t\t\t\t:actions=\"[{\n\t\t\t\t\tlabel: '+',\n\t\t\t\t\tfunction: () => products.state.current.information.push({name: '', value: ''})\n\t\t\t\t}]\"\n\t\t\t\tclass=\"cols-1 gap-thin\"\n\t\t\t>\n        <div \n        \tclass=\"gap-thin flex-nowrap flex\" \n        \tv-for=\"(item, index) in products.state.current.information\" \n        \t:key=\"index\"\n        > \n          <Field\n            v-model:field=\"item.name\"\n            placeholder=\"Name\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />  \n          <Field\n            v-model:field=\"item.value\"\n            placeholder=\"Value\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />\n          <div class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-red\">\n\t          <IconDelete \n\t          \t@click=\"() => products.state.current.information.splice(index, 1)\" \n\t          \tclass=\"i-medium\"\n\t          />\n\t        </div>\n        </div>\n\t\t\t</Block>\n\n\n\t\t\t<Block\n\t\t    title=\"Ingredients\"\n\t\t\t\tplaceholder=\"No ingridients added yet\"\n\t\t\t\t:actions=\"[{\n\t        label: '+',\n\t        function: () => openIngredientPopup()\n\t      }]\"\n\t\t  >\n\t\t  \t<div v-if=\"products.state.current.ingredients.length > 0\" class=\"cols-1 gap-thin\">\n\t\t\t    <CardPosition \n\t\t\t      v-for=\"(product, index) in products.state.current.ingredients\" \n\t\t\t      :key=\"product._id\" \n\t\t\t      :product=\"product\"\n\t\t\t      :array=\"products.state.current.ingredients\"\n\t\t\t      :products=\"Products\"\n\t\t        :showPrice=\"false\"\n\t\t\t      @add=\"(item) => {\n\t\t\t\t\t    globals.actions.add(products.state.current.ingredients, item);\n\t\t\t\t\t    closeIngredientPopup();\n\t\t\t\t\t  }\"\n\t\t\t\t\t  @update=\"(item) => {\n\t\t\t\t\t    globals.actions.update(products.state.current.ingredients, item, index);\n\t\t\t\t\t    closeIngredientPopup();\n\t\t\t\t\t  }\"\n\t\t\t\t\t  @delete=\"(item) => {\n\t\t\t\t\t    globals.actions.delete(products.state.current.ingredients, item, index);\n\t\t\t\t\t    closeIngredientPopup();\n\t\t\t\t\t  }\"\n\t\t\t    />\n\t\t\t  </div>\n\t\t  </Block>\n\n\t\t  <Popup \n\t      title=\"Add ingredient\" \n\t      @close-popup=\"closeIngredientPopup\" \n\t      :isPopupOpen=\"isOpenIngredientPopup\"\n\t      class=\"bg-white w-min-30r w-max-30r radius-big pd-medium\"\n\t    >\n\t      <div class=\"bg-light mn-b-thin h-min-20r h-max-20r o-scroll pd-medium radius-big\">\n\t        <Feed\n\t          :search=\"{\n\t          \tclass: 'bg-white mn-b-thin'\n\t          }\"\n\t          :states=\"{\n\t            empty: {\n\t              title: 'No Products Found',\n\t              description: 'Currently, there are no such products available.'\n\t            }\n\t          }\"\n\t          :store=\"{\n\t            read: (options) => products.actions.read(options),\n\t            state: null\n\t          }\"\n\t          :options=\"{\n\t            owner: route.params._id,\n\t          }\"\n\t          v-slot=\"{ \n\t            items \n\t          }\"\n\t          class=\"\"\n\t        >\n\t          <CardOrderItem\n\t            v-for=\"(product, index) in items\" :key=\"product._id\"\n\t            :editable=\"false\" \n\t            :product=\"product\" \n\t            @click=\"() => { \n\t              let p = { ...product };\n\t              p.quantity = 1;\n\t              p.type = 'pcs'\n\t              globals.actions.add(products.state.current.ingredients,p)\n\t              closeIngredientPopup();\n\t            }\"\n\t            class=\"bg-white pd-thin radius-medium w-100 mn-b-thin\"\n\t          />\n\t        </Feed>\n\t      </div>\n\t    </Popup>\n\n\n\t\t</div> \n\n\t\t\t<Block\n\t\t\t\ttitle=\"Localization\"\n\t\t\t\tplaceholder=\"No localizations added yet\"\n\t\t\t\t:actions=\"[{\n\t\t\t\t\tlabel: '+',\n\t\t\t\t\tfunction: () => products.state.current.localization.push({name: '', value: ''})\n\t\t\t\t}]\"\n\t\t\t>\n        <div \n        \tclass=\"gap-thin mn-b-thin flex-nowrap flex\" \n        \tv-for=\"(item, index) in products.state.current.localization\" \n        \t:key=\"index\"\n        > \n          <Field\n            v-model:field=\"item.name\"\n            placeholder=\"Название параметра\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />  \n          <Field\n            v-model:field=\"item.value\"\n            placeholder=\"Значение параметра\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />\n          <div class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\">\n\t          <IconDelete \n\t          \t@click=\"() => products.state.current.localization.splice(index, 1)\" \n\t          \tclass=\"i-medium\"\n\t          />\n          </div>\n        </div>\n\t\t\t</Block>\n\n\t\t\t<Button \n\t\t\t\tv-if=\"route.params.product\"\n      \t:submit=\"onDelete\" \n      \t:callback=\"redirectTo\"\n      \tclass=\"bg-red w-100 mn-t-thin\"\n      >\n    \t\tDelete \n    \t</Button>\n\n      <Button \n      \t:submit=\"onSubmit\" \n      \t:callback=\"redirectTo\"\n      \tclass=\"w-100 bg-main\"\n      >\n    \t\tSave\n    \t</Button>\n\n\t\n\t\t\n\t\t<!-- <Block\n\t    title=\"Quantity Discount\"\n\t    class=\"mn-b-semi\"\n\t    :actions=\"[{\n\t\t\t\tlabel: '+',\n\t\t\t\tfunction: () => products.state.current.quantityDiscount.push({name: '', value: ''})\n\t\t\t}]\"\n\t  >\n\t  \t<div \n      \tclass=\"gap-thin mn-b-thin flex-nowrap flex\" \n      \tv-for=\"(item, index) in products.state.current.quantityDiscount\" \n      \t:key=\"index\"\n      > \n        <Field\n          v-model:field=\"item.name\"\n          placeholder=\"Quantity\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />  \n        <Field\n          v-model:field=\"item.value\"\n          placeholder=\"Discount\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />\n        <div class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\">\n          <IconDelete \n          \t@click=\"() => products.state.current.quantityDiscount.splice(index, 1)\" \n          \tclass=\"i-medium\"\n          />\n        </div>\n      </div>\n\t\t</Block> -->\n\n\t\t<!-- <EditModifications\n\t\t\t:product=\"products.state.current\"\n\t\t/> -->\n\n\n\n\t\t\n\n</div>\n\t\n</template>\n\n<script setup>\n\t// Import libs\n\timport { reactive, computed, onMounted, ref } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Import components\n\timport Breadcrumbs from '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue'\n\n\timport Block from '@martyrs/src/components/Block/Block.vue';\n\timport Tab from \"@martyrs/src/components/Tab/Tab.vue\";\n\timport Field from \"@martyrs/src/components/Field/Field.vue\";\n\timport Checkbox from \"@martyrs/src/components/Checkbox/Checkbox.vue\";\n\timport Button from \"@martyrs/src/components/Button/Button.vue\";\n\timport Popup from \"@martyrs/src/components/Popup/Popup.vue\";\n\timport Feed from \"@martyrs/src/components/Feed/Feed.vue\";\n\timport Tree from \"@martyrs/src/components/Tree/Tree.vue\";\n\n\timport EditImages from '@martyrs/src/components/EditImages/EditImages.vue';\n\n\timport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n\n \timport CardPosition from '@martyrs/src/modules/products/components/blocks/CardPosition.vue';\n  import CardOrderItem  from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue'\n\n\n\timport EditProductInfo from '@martyrs/src/modules/products/components/sections/EditProductInfo.vue';\n  import EditModifications from '@martyrs/src/modules/products/components/sections/EditModifications.vue';\n  \n\t// Accessing router and store\n\timport * as globals from '@martyrs/src/modules/globals/views/store/globals';\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth';\n \timport * as products from '@martyrs/src/modules/products/store/products';\n  import * as categories from '@martyrs/src/modules/products/store/categories';\n\n\timport { setError } from '@martyrs/src/modules/globals/views/store/globals'\n\t\n\tconst route = useRoute()\n\tconst router = useRouter()\n\n  const Products = ref(products.state.all);\n  const isOpenIngredientPopup = ref(false);\n\n\n  function openIngredientPopup(member) {\n\t  isOpenIngredientPopup.value = true;\n\t  // if (typeof member === \"number\") selectedMember.value = member;\n\t}\n\n\tfunction closeIngredientPopup() {\n\t  isOpenIngredientPopup.value = false;\n\t  // selectedMember.value = null;\n\t}\n\n  onMounted(async() => { \n\t  products.mutations.resetProduct();\n\n  \tif (route.params.product) {\n\t\t  await products.actions.read({ _id: route.params.product });\n\t  } \n\n\t  if (!products.state.current.ingredients) {\n\t  \tproducts.state.current.ingredients = []\n\t  }\n\n  \t// Data prefetching\n\t \tcategories.state.all = await categories.actions.read({\n      user: auth.state.user._id,\n      rootOnly: true,\n      excludeChildren: false,\n      limit: 100\n    })\n\n    try {\n      const productsResponse = await products.actions.read({\n        organization: route.params._id,\n        limit: 100\n      });\n      Products.value = productsResponse;\n    } catch (error) {\n      console.error('error');\n    }\n  })\n\n\tfunction onImagesUpdate(newImages) {\n\t  products.state.current.images = newImages;\n\t}\n\t\n\tasync function onSubmit() {\n\t  try {\n\t    if (route.params.product) {\n\t      await products.actions.update(route.params.product, products.state.current)\n\t    } else {\n\t      products.state.current.owner = {\n\t        target: route.params._id || auth.state.user._id,\n\t        type: route.params._id ? 'organization' : 'user'\n\t      }\n\t      \n\t      products.state.current.creator = {\n\t        target: auth.state.user._id,\n\t        type: 'user',\n\t        hidden: false\n\t      }\n\t      await products.actions.create(products.state.current)\n\t    }\n\t  } catch (error) {\n\t  \tsetError({ response: { data: { errorCode: \"PRODUCT_NOT_CREATED\" }} })\n\t    console.error('Product creation error:', error)\n\t    // Здесь можно добавить обработку ошибки, например:\n\t    // - показать уведомление пользователю\n\t    // - отправить ошибку в систему мониторинга\n\t    // - выполнить откат изменений при необходимости\n\t  }\n\t}\n\n\tfunction onDelete() {\n\t\tproducts.actions.deleteProduct(products.state.current._id)\n\t}\n\n\tfunction redirectTo () {\n\t\trouter.push({\n\t\t\tname: 'Organization', \n\t\t\tparams: { \n\t\t\t\t_id: route.params._id\n\t\t\t} \n\t\t})\n\t}\n\n\tasync 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  function selectCategory (item, event) {\n  \t// products.state.current.category.push(item)\n  \tproducts.state.current.category = event\n\n  \tconsole.log('state catgories', products.state.current.category)\n\n\t  const isSelected = products.state.current.category.includes(item._id);\n\t  \n\t  if (!isSelected) {\n\t    // Если снимаем галочку с родителя, отключаем всех детей\n\t    unselectChildren(item.children);\n\t  } else {\n\t    // Если включаем дочерний, включаем всех родителей\n\t    selectParents(item._id, categories.state.all);\n\t  }\n\t};\n\n\t// Выключаем всех дочерних при отключении родителя\n\tconst unselectChildren = (children) => {\n\t  if (!children) return;\n\t  children.forEach(child => {\n\t    const index = products.state.current.category.indexOf(child._id);\n\t    if (index !== -1) {\n\t      products.state.current.category.splice(index, 1);\n\t    }\n\t    if (child.children?.length) {\n\t      unselectChildren(child.children);\n\t    }\n\t  });\n\t};\n\n\t// Включаем всех родителей при выборе дочернего\n\tconst selectParents = (categoryId, items) => {\n\t  // Функция для поиска прямого родителя и его ID\n\t  const findParent = (childId, itemsToSearch) => {\n\t    for (const item of itemsToSearch) {\n\t      // Если текущий элемент содержит искомый ID в своих детях\n\t      if (item.children?.some(child => child._id === childId)) {\n\t        return item._id;\n\t      }\n\t      \n\t      // Рекурсивно ищем в дочерних элементах\n\t      if (item.children?.length) {\n\t        const foundInChildren = findParent(childId, item.children);\n\t        if (foundInChildren) return foundInChildren;\n\t      }\n\t    }\n\t    return null; // Родитель не найден\n\t  };\n\t  \n\t  // Рекурсивно находим всех предков и добавляем их в список\n\t  let currentId = categoryId;\n\t  let parentId;\n\t  \n\t  // Пока находим родителей, продолжаем подниматься вверх по дереву\n\t  while ((parentId = findParent(currentId, items))) {\n\t    if (!products.state.current.category.includes(parentId)) {\n\t      products.state.current.category.push(parentId);\n\t    }\n\t    currentId = parentId; // Переходим к родителю более высокого уровня\n\t  }\n\t};\n</script>\n\n<style lang=\"scss\">\n\t.main-photo {\n\t\tmax-width: 50%;\n\t\timg { width: 100%; }\n\t}\n</style>\n"],"names":["useRoute","useRouter","ref","products.state","onMounted","products.mutations","products.actions","categories.state","categories.actions","auth.state","setError"],"mappings":"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"}
+{"version":3,"file":"ProductEdit.vue.cjs","sources":["../../../../../../../src/modules/products/components/pages/ProductEdit.vue"],"sourcesContent":["<template>\n\t<div class=\"for-transition w-100 cols-1 bg-white pd-thin gap-thin\">\n    \n    <Block v-if=\"!MOBILE_APP\" class=\"flex-nowrap gap-thin flex-v-center flex\">\n      \n      <h2 class=\"t-truncate mn-r-auto\">\n\t\t\t  {{ route.params.product ? products.state.current.name : 'Create Product' }}\n\t\t\t</h2>\n\n\t\t\t<Button \n\t\t\t\tv-if=\"route.params.product\"\n      \t:submit=\"onDelete\" \n      \t:callback=\"redirectTo\"\n      \tclass=\"w-10 w-max-20r w-min-8r bg-red\"\n      >\n    \t\tDelete \n    \t</Button>\n\n      <Button \n      \t:submit=\"onSubmit\" \n      \t:callback=\"redirectTo\"\n      \tclass=\"w-10 w-max-20r w-min-8r bg-main\"\n      >\n    \t\tSave\n    \t</Button>\n    </Block>\n\n    <Block\n\t\t\tplaceholder=\"The product doesn't have any images yet.\"\n\t\t\tclass=\"h-min\"\n\t\t>\n\t\t\t<EditImages \n\t\t\t\t:images=\"products.state.current.images\"\n\t\t\t\t:uploadPath=\"'photos'\" \n\t\t\t\t@update:images=\"(imagesNew) => { products.state.current.images = imagesNew }\" \n\t\t\t/>\n\t\t</Block>\n\n    <div class=\"cols-2 gap-thin\">\n\n    \t<Block\n  \t\t\ttitle=\"Profile\"\n  \t\t>\n\t\t\t\t<EditProductInfo \t\t\n\t\t\t\t\t:product=\"products.state.current\"\n\t\t\t\t/>\n\t\t\t</Block>\n\n\t\t\t<Block\n\t\t\t\ttitle=\"Categories\"\n\t\t\t\t:actions=\"[{\n\t\t      label: '+',\n\t\t      function: () => router.push({\n\t\t\t\t\t\tname: 'Categories', \n\t\t\t\t\t\tparams: { \n\t\t\t\t\t\t\t_id: route.params._id || products.state.current.owner.target._id\n\t\t\t\t\t\t} \n\t\t\t\t\t})\n\t\t    }]\"\n\t\t    class=\"h-100 h-min-30r o-y-scroll\"\n\t\t\t>\n\t\t    <Tree \n\t        v-if=\"categories.state.all\" \n\t        :items=\"categories.state.all\" \n\t        :state=\"categories.state.all\" \n\t        @update=\"updateCategoriesOrder\" \n\t\t\t\t\tv-slot=\"{ item }\"\n\t\t\t\t\tclass=\"h-zero pos-relative d-block\"\n\t      >\n\t      \t<Checkbox \n\t\t\t      name=\"categories\"\n\t\t\t      class=\"w-100 mn-t-small bg-white radius-small pd-small\"\n\t\t\t      :label=\"item.name\"\n\t\t\t      :value=\"item._id\"\n\t\t\t      :radio=\"products.state.current.category\"\n\t\t\t      @update:radio=\"event => selectCategory(item, event)\"\n\t\t\t    />\n\t\t    </Tree>\n\t\t\t</Block>\n\n\t\t\t<Block\n\t\t\t\ttitle=\"Parameters\"\n\t\t\t\tplaceholder=\"No parameters added yet\"\n\t\t\t\t:actions=\"[{\n\t\t\t\t\tlabel: '+',\n\t\t\t\t\tfunction: () => products.state.current.information.push({name: '', value: ''})\n\t\t\t\t}]\"\n\t\t\t\tclass=\"cols-1 gap-thin\"\n\t\t\t>\n        <div \n        \tclass=\"gap-thin flex-nowrap flex\" \n        \tv-for=\"(item, index) in products.state.current.information\" \n        \t:key=\"index\"\n        > \n          <Field\n            v-model:field=\"item.name\"\n            placeholder=\"Name\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />  \n          <Field\n            v-model:field=\"item.value\"\n            placeholder=\"Value\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />\n          <div class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-red\">\n\t          <IconDelete \n\t          \t@click=\"() => products.state.current.information.splice(index, 1)\" \n\t          \tclass=\"i-medium\"\n\t          />\n\t        </div>\n        </div>\n\t\t\t</Block>\n\n\n\t\t\t<Block\n\t\t    title=\"Ingredients\"\n\t\t\t\tplaceholder=\"No ingridients added yet\"\n\t\t\t\t:actions=\"[{\n\t        label: '+',\n\t        function: () => openIngredientPopup()\n\t      }]\"\n\t\t  >\n\t\t  \t<div v-if=\"products.state.current.ingredients.length > 0\" class=\"cols-1 gap-thin\">\n\t\t\t    <CardPosition \n\t\t\t      v-for=\"(product, index) in products.state.current.ingredients\" \n\t\t\t      :key=\"product._id\" \n\t\t\t      :product=\"product\"\n\t\t\t      :array=\"products.state.current.ingredients\"\n\t\t\t      :products=\"Products\"\n\t\t        :showPrice=\"false\"\n\t\t\t      @add=\"(item) => {\n\t\t\t\t\t    globals.actions.add(products.state.current.ingredients, item);\n\t\t\t\t\t    closeIngredientPopup();\n\t\t\t\t\t  }\"\n\t\t\t\t\t  @update=\"(item) => {\n\t\t\t\t\t    globals.actions.update(products.state.current.ingredients, item, index);\n\t\t\t\t\t    closeIngredientPopup();\n\t\t\t\t\t  }\"\n\t\t\t\t\t  @delete=\"(item) => {\n\t\t\t\t\t    globals.actions.delete(products.state.current.ingredients, item, index);\n\t\t\t\t\t    closeIngredientPopup();\n\t\t\t\t\t  }\"\n\t\t\t    />\n\t\t\t  </div>\n\t\t  </Block>\n\n\t\t  <Popup \n\t      title=\"Add ingredient\" \n\t      @close-popup=\"closeIngredientPopup\" \n\t      :isPopupOpen=\"isOpenIngredientPopup\"\n\t      class=\"bg-white w-min-30r w-max-30r radius-big pd-medium\"\n\t    >\n\t      <div class=\"bg-light mn-b-thin h-min-20r h-max-20r o-scroll pd-medium radius-big\">\n\t        <Feed\n\t          :search=\"{\n\t          \tclass: 'bg-white mn-b-thin'\n\t          }\"\n\t          :states=\"{\n\t            empty: {\n\t              title: 'No Products Found',\n\t              description: 'Currently, there are no such products available.'\n\t            }\n\t          }\"\n\t          :store=\"{\n\t            read: (options) => products.actions.read(options),\n\t            state: null\n\t          }\"\n\t          :options=\"{\n\t            owner: route.params._id,\n\t          }\"\n\t          v-slot=\"{ \n\t            items \n\t          }\"\n\t          class=\"\"\n\t        >\n\t          <CardOrderItem\n\t            v-for=\"(product, index) in items\" :key=\"product._id\"\n\t            :editable=\"false\" \n\t            :product=\"product\" \n\t            @click=\"() => { \n\t              let p = { ...product };\n\t              p.quantity = 1;\n\t              p.type = 'pcs'\n\t              globals.actions.add(products.state.current.ingredients,p)\n\t              closeIngredientPopup();\n\t            }\"\n\t            class=\"bg-white pd-thin radius-medium w-100 mn-b-thin\"\n\t          />\n\t        </Feed>\n\t      </div>\n\t    </Popup>\n\n\n\t\t</div> \n\n\t\t\t<Block\n\t\t\t\ttitle=\"Localization\"\n\t\t\t\tplaceholder=\"No localizations added yet\"\n\t\t\t\t:actions=\"[{\n\t\t\t\t\tlabel: '+',\n\t\t\t\t\tfunction: () => products.state.current.localization.push({name: '', value: ''})\n\t\t\t\t}]\"\n\t\t\t>\n        <div \n        \tclass=\"gap-thin mn-b-thin flex-nowrap flex\" \n        \tv-for=\"(item, index) in products.state.current.localization\" \n        \t:key=\"index\"\n        > \n          <Field\n            v-model:field=\"item.name\"\n            placeholder=\"Название параметра\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />  \n          <Field\n            v-model:field=\"item.value\"\n            placeholder=\"Значение параметра\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />\n          <div class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\">\n\t          <IconDelete \n\t          \t@click=\"() => products.state.current.localization.splice(index, 1)\" \n\t          \tclass=\"i-medium\"\n\t          />\n          </div>\n        </div>\n\t\t\t</Block>\n\n\t\t\t<Button \n\t\t\t\tv-if=\"route.params.product\"\n      \t:submit=\"onDelete\" \n      \t:callback=\"redirectTo\"\n      \tclass=\"bg-red w-100 mn-t-thin\"\n      >\n    \t\tDelete \n    \t</Button>\n\n      <Button \n      \t:submit=\"onSubmit\" \n      \t:callback=\"redirectTo\"\n      \tclass=\"w-100 bg-main\"\n      >\n    \t\tSave\n    \t</Button>\n\n\t\n\t\t\n\t\t<!-- <Block\n\t    title=\"Quantity Discount\"\n\t    class=\"mn-b-semi\"\n\t    :actions=\"[{\n\t\t\t\tlabel: '+',\n\t\t\t\tfunction: () => products.state.current.quantityDiscount.push({name: '', value: ''})\n\t\t\t}]\"\n\t  >\n\t  \t<div \n      \tclass=\"gap-thin mn-b-thin flex-nowrap flex\" \n      \tv-for=\"(item, index) in products.state.current.quantityDiscount\" \n      \t:key=\"index\"\n      > \n        <Field\n          v-model:field=\"item.name\"\n          placeholder=\"Quantity\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />  \n        <Field\n          v-model:field=\"item.value\"\n          placeholder=\"Discount\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />\n        <div class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\">\n          <IconDelete \n          \t@click=\"() => products.state.current.quantityDiscount.splice(index, 1)\" \n          \tclass=\"i-medium\"\n          />\n        </div>\n      </div>\n\t\t</Block> -->\n\n\t\t<!-- <EditModifications\n\t\t\t:product=\"products.state.current\"\n\t\t/> -->\n\n\n\n\t\t\n\n</div>\n\t\n</template>\n\n<script setup>\n\t// Import libs\n\timport { reactive, computed, onMounted, ref } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Import components\n\timport Breadcrumbs from '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue'\n\n\timport Block from '@martyrs/src/components/Block/Block.vue';\n\timport Tab from \"@martyrs/src/components/Tab/Tab.vue\";\n\timport Field from \"@martyrs/src/components/Field/Field.vue\";\n\timport Checkbox from \"@martyrs/src/components/Checkbox/Checkbox.vue\";\n\timport Button from \"@martyrs/src/components/Button/Button.vue\";\n\timport Popup from \"@martyrs/src/components/Popup/Popup.vue\";\n\timport Feed from \"@martyrs/src/components/Feed/Feed.vue\";\n\timport Tree from \"@martyrs/src/components/Tree/Tree.vue\";\n\n\timport EditImages from '@martyrs/src/components/EditImages/EditImages.vue';\n\n\timport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n\n \timport CardPosition from '@martyrs/src/modules/products/components/blocks/CardPosition.vue';\n  import CardOrderItem  from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue'\n\n\n\timport EditProductInfo from '@martyrs/src/modules/products/components/sections/EditProductInfo.vue';\n  import EditModifications from '@martyrs/src/modules/products/components/sections/EditModifications.vue';\n  \n\t// Accessing router and store\n\timport * as globals from '@martyrs/src/modules/globals/views/store/globals';\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth';\n \timport * as products from '@martyrs/src/modules/products/store/products';\n  import * as categories from '@martyrs/src/modules/products/store/categories';\n\n\timport { setError } from '@martyrs/src/modules/globals/views/store/globals'\n\t\n\tconst route = useRoute()\n\tconst router = useRouter()\n\n  const Products = ref(products.state.all);\n  const isOpenIngredientPopup = ref(false);\n\n\n  function openIngredientPopup(member) {\n\t  isOpenIngredientPopup.value = true;\n\t  // if (typeof member === \"number\") selectedMember.value = member;\n\t}\n\n\tfunction closeIngredientPopup() {\n\t  isOpenIngredientPopup.value = false;\n\t  // selectedMember.value = null;\n\t}\n\n  onMounted(async() => { \n\t  products.mutations.resetProduct();\n\n  \tif (route.params.product) {\n\t\t  await products.actions.read({ _id: route.params.product });\n\t  } \n\n\t  if (!products.state.current.ingredients) {\n\t  \tproducts.state.current.ingredients = []\n\t  }\n\n  \t// Data prefetching\n\t \tcategories.state.all = await categories.actions.read({\n      user: auth.state.user._id,\n      rootOnly: true,\n      excludeChildren: false,\n      limit: 100\n    })\n\n    try {\n      const productsResponse = await products.actions.read({\n        organization: route.params._id,\n        limit: 100\n      });\n      Products.value = productsResponse;\n    } catch (error) {\n      console.error('error');\n    }\n  })\n\n\tfunction onImagesUpdate(newImages) {\n\t  products.state.current.images = newImages;\n\t}\n\t\n\tasync function onSubmit() {\n\t  try {\n\t    if (route.params.product) {\n\t      await products.actions.update(route.params.product, products.state.current)\n\t    } else {\n\t      products.state.current.owner = {\n\t        target: route.params._id || auth.state.user._id,\n\t        type: route.params._id ? 'organization' : 'user'\n\t      }\n\t      \n\t      products.state.current.creator = {\n\t        target: auth.state.user._id,\n\t        type: 'user',\n\t        hidden: false\n\t      }\n\t      await products.actions.create(products.state.current)\n\t    }\n\t  } catch (error) {\n\t  \tsetError({ response: { data: { errorCode: \"PRODUCT_NOT_CREATED\" }} })\n\t    console.error('Product creation error:', error)\n\t    // Здесь можно добавить обработку ошибки, например:\n\t    // - показать уведомление пользователю\n\t    // - отправить ошибку в систему мониторинга\n\t    // - выполнить откат изменений при необходимости\n\t  }\n\t}\n\n\tfunction onDelete() {\n\t\tproducts.actions.deleteProduct(products.state.current._id)\n\t}\n\n\tfunction redirectTo () {\n\t\trouter.push({\n\t\t\tname: 'Organization', \n\t\t\tparams: { \n\t\t\t\t_id: route.params._id\n\t\t\t} \n\t\t})\n\t}\n\n\tasync 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  function selectCategory (item, event) {\n  \t// products.state.current.category.push(item)\n  \tproducts.state.current.category = event\n\n  \tconsole.log('state catgories', products.state.current.category)\n\n\t  const isSelected = products.state.current.category.includes(item._id);\n\t  \n\t  if (!isSelected) {\n\t    // Если снимаем галочку с родителя, отключаем всех детей\n\t    unselectChildren(item.children);\n\t  } else {\n\t    // Если включаем дочерний, включаем всех родителей\n\t    selectParents(item._id, categories.state.all);\n\t  }\n\t};\n\n\t// Выключаем всех дочерних при отключении родителя\n\tconst unselectChildren = (children) => {\n\t  if (!children) return;\n\t  children.forEach(child => {\n\t    const index = products.state.current.category.indexOf(child._id);\n\t    if (index !== -1) {\n\t      products.state.current.category.splice(index, 1);\n\t    }\n\t    if (child.children?.length) {\n\t      unselectChildren(child.children);\n\t    }\n\t  });\n\t};\n\n\t// Включаем всех родителей при выборе дочернего\n\tconst selectParents = (categoryId, items) => {\n\t  // Функция для поиска прямого родителя и его ID\n\t  const findParent = (childId, itemsToSearch) => {\n\t    for (const item of itemsToSearch) {\n\t      // Если текущий элемент содержит искомый ID в своих детях\n\t      if (item.children?.some(child => child._id === childId)) {\n\t        return item._id;\n\t      }\n\t      \n\t      // Рекурсивно ищем в дочерних элементах\n\t      if (item.children?.length) {\n\t        const foundInChildren = findParent(childId, item.children);\n\t        if (foundInChildren) return foundInChildren;\n\t      }\n\t    }\n\t    return null; // Родитель не найден\n\t  };\n\t  \n\t  // Рекурсивно находим всех предков и добавляем их в список\n\t  let currentId = categoryId;\n\t  let parentId;\n\t  \n\t  // Пока находим родителей, продолжаем подниматься вверх по дереву\n\t  while ((parentId = findParent(currentId, items))) {\n\t    if (!products.state.current.category.includes(parentId)) {\n\t      products.state.current.category.push(parentId);\n\t    }\n\t    currentId = parentId; // Переходим к родителю более высокого уровня\n\t  }\n\t};\n</script>\n\n<style lang=\"scss\">\n\t.main-photo {\n\t\tmax-width: 50%;\n\t\timg { width: 100%; }\n\t}\n</style>\n"],"names":["useRoute","useRouter","ref","products.state","onMounted","products.mutations","products.actions","categories.state","categories.actions","auth.state","setError"],"mappings":"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"}

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

@@ -220,11 +220,11 @@ const _sfc_main = {
               function: () => unref(router).push({
                 name: "Categories",
                 params: {
-                  _id: unref(route).params._id
+                  _id: unref(route).params._id || state.current.owner.target._id
                 }
               })
             }],
-            class: "h-100 o-y-scroll"
+            class: "h-100 h-min-30r o-y-scroll"
           }, {
             default: withCtx(() => [
               state$1.all ? (openBlock(), createBlock(_sfc_main$5, {

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

@@ -1 +1 @@
-{"version":3,"file":"ProductEdit.vue.js","sources":["../../../../../../../src/modules/products/components/pages/ProductEdit.vue"],"sourcesContent":["<template>\n\t<div class=\"for-transition w-100 cols-1 bg-white pd-thin gap-thin\">\n    \n    <Block v-if=\"!MOBILE_APP\" class=\"flex-nowrap gap-thin flex-v-center flex\">\n      \n      <h2 class=\"t-truncate mn-r-auto\">\n\t\t\t  {{ route.params.product ? products.state.current.name : 'Create Product' }}\n\t\t\t</h2>\n\n\t\t\t<Button \n\t\t\t\tv-if=\"route.params.product\"\n      \t:submit=\"onDelete\" \n      \t:callback=\"redirectTo\"\n      \tclass=\"w-10 w-max-20r w-min-8r bg-red\"\n      >\n    \t\tDelete \n    \t</Button>\n\n      <Button \n      \t:submit=\"onSubmit\" \n      \t:callback=\"redirectTo\"\n      \tclass=\"w-10 w-max-20r w-min-8r bg-main\"\n      >\n    \t\tSave\n    \t</Button>\n    </Block>\n\n    <Block\n\t\t\tplaceholder=\"The product doesn't have any images yet.\"\n\t\t\tclass=\"h-min\"\n\t\t>\n\t\t\t<EditImages \n\t\t\t\t:images=\"products.state.current.images\"\n\t\t\t\t:uploadPath=\"'photos'\" \n\t\t\t\t@update:images=\"(imagesNew) => { products.state.current.images = imagesNew }\" \n\t\t\t/>\n\t\t</Block>\n\n    <div class=\"cols-2 gap-thin\">\n\n    \t<Block\n  \t\t\ttitle=\"Profile\"\n  \t\t>\n\t\t\t\t<EditProductInfo \t\t\n\t\t\t\t\t:product=\"products.state.current\"\n\t\t\t\t/>\n\t\t\t</Block>\n\n\t\t\t<Block\n\t\t\t\ttitle=\"Categories\"\n\t\t\t\t:actions=\"[{\n\t\t      label: '+',\n\t\t      function: () => router.push({\n\t\t\t\t\t\tname: 'Categories', \n\t\t\t\t\t\tparams: { \n\t\t\t\t\t\t\t_id: route.params._id\n\t\t\t\t\t\t} \n\t\t\t\t\t})\n\t\t    }]\"\n\t\t    class=\"h-100 o-y-scroll\"\n\t\t\t>\n\t\t    <Tree \n\t        v-if=\"categories.state.all\" \n\t        :items=\"categories.state.all\" \n\t        :state=\"categories.state.all\" \n\t        @update=\"updateCategoriesOrder\" \n\t\t\t\t\tv-slot=\"{ item }\"\n\t\t\t\t\tclass=\"h-zero pos-relative d-block\"\n\t      >\n\t      \t<Checkbox \n\t\t\t      name=\"categories\"\n\t\t\t      class=\"w-100 mn-t-small bg-white radius-small pd-small\"\n\t\t\t      :label=\"item.name\"\n\t\t\t      :value=\"item._id\"\n\t\t\t      :radio=\"products.state.current.category\"\n\t\t\t      @update:radio=\"event => selectCategory(item, event)\"\n\t\t\t    />\n\t\t    </Tree>\n\t\t\t</Block>\n\n\t\t\t<Block\n\t\t\t\ttitle=\"Parameters\"\n\t\t\t\tplaceholder=\"No parameters added yet\"\n\t\t\t\t:actions=\"[{\n\t\t\t\t\tlabel: '+',\n\t\t\t\t\tfunction: () => products.state.current.information.push({name: '', value: ''})\n\t\t\t\t}]\"\n\t\t\t\tclass=\"cols-1 gap-thin\"\n\t\t\t>\n        <div \n        \tclass=\"gap-thin flex-nowrap flex\" \n        \tv-for=\"(item, index) in products.state.current.information\" \n        \t:key=\"index\"\n        > \n          <Field\n            v-model:field=\"item.name\"\n            placeholder=\"Name\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />  \n          <Field\n            v-model:field=\"item.value\"\n            placeholder=\"Value\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />\n          <div class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-red\">\n\t          <IconDelete \n\t          \t@click=\"() => products.state.current.information.splice(index, 1)\" \n\t          \tclass=\"i-medium\"\n\t          />\n\t        </div>\n        </div>\n\t\t\t</Block>\n\n\n\t\t\t<Block\n\t\t    title=\"Ingredients\"\n\t\t\t\tplaceholder=\"No ingridients added yet\"\n\t\t\t\t:actions=\"[{\n\t        label: '+',\n\t        function: () => openIngredientPopup()\n\t      }]\"\n\t\t  >\n\t\t  \t<div v-if=\"products.state.current.ingredients.length > 0\" class=\"cols-1 gap-thin\">\n\t\t\t    <CardPosition \n\t\t\t      v-for=\"(product, index) in products.state.current.ingredients\" \n\t\t\t      :key=\"product._id\" \n\t\t\t      :product=\"product\"\n\t\t\t      :array=\"products.state.current.ingredients\"\n\t\t\t      :products=\"Products\"\n\t\t        :showPrice=\"false\"\n\t\t\t      @add=\"(item) => {\n\t\t\t\t\t    globals.actions.add(products.state.current.ingredients, item);\n\t\t\t\t\t    closeIngredientPopup();\n\t\t\t\t\t  }\"\n\t\t\t\t\t  @update=\"(item) => {\n\t\t\t\t\t    globals.actions.update(products.state.current.ingredients, item, index);\n\t\t\t\t\t    closeIngredientPopup();\n\t\t\t\t\t  }\"\n\t\t\t\t\t  @delete=\"(item) => {\n\t\t\t\t\t    globals.actions.delete(products.state.current.ingredients, item, index);\n\t\t\t\t\t    closeIngredientPopup();\n\t\t\t\t\t  }\"\n\t\t\t    />\n\t\t\t  </div>\n\t\t  </Block>\n\n\t\t  <Popup \n\t      title=\"Add ingredient\" \n\t      @close-popup=\"closeIngredientPopup\" \n\t      :isPopupOpen=\"isOpenIngredientPopup\"\n\t      class=\"bg-white w-min-30r w-max-30r radius-big pd-medium\"\n\t    >\n\t      <div class=\"bg-light mn-b-thin h-min-20r h-max-20r o-scroll pd-medium radius-big\">\n\t        <Feed\n\t          :search=\"{\n\t          \tclass: 'bg-white mn-b-thin'\n\t          }\"\n\t          :states=\"{\n\t            empty: {\n\t              title: 'No Products Found',\n\t              description: 'Currently, there are no such products available.'\n\t            }\n\t          }\"\n\t          :store=\"{\n\t            read: (options) => products.actions.read(options),\n\t            state: null\n\t          }\"\n\t          :options=\"{\n\t            owner: route.params._id,\n\t          }\"\n\t          v-slot=\"{ \n\t            items \n\t          }\"\n\t          class=\"\"\n\t        >\n\t          <CardOrderItem\n\t            v-for=\"(product, index) in items\" :key=\"product._id\"\n\t            :editable=\"false\" \n\t            :product=\"product\" \n\t            @click=\"() => { \n\t              let p = { ...product };\n\t              p.quantity = 1;\n\t              p.type = 'pcs'\n\t              globals.actions.add(products.state.current.ingredients,p)\n\t              closeIngredientPopup();\n\t            }\"\n\t            class=\"bg-white pd-thin radius-medium w-100 mn-b-thin\"\n\t          />\n\t        </Feed>\n\t      </div>\n\t    </Popup>\n\n\n\t\t</div> \n\n\t\t\t<Block\n\t\t\t\ttitle=\"Localization\"\n\t\t\t\tplaceholder=\"No localizations added yet\"\n\t\t\t\t:actions=\"[{\n\t\t\t\t\tlabel: '+',\n\t\t\t\t\tfunction: () => products.state.current.localization.push({name: '', value: ''})\n\t\t\t\t}]\"\n\t\t\t>\n        <div \n        \tclass=\"gap-thin mn-b-thin flex-nowrap flex\" \n        \tv-for=\"(item, index) in products.state.current.localization\" \n        \t:key=\"index\"\n        > \n          <Field\n            v-model:field=\"item.name\"\n            placeholder=\"Название параметра\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />  \n          <Field\n            v-model:field=\"item.value\"\n            placeholder=\"Значение параметра\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />\n          <div class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\">\n\t          <IconDelete \n\t          \t@click=\"() => products.state.current.localization.splice(index, 1)\" \n\t          \tclass=\"i-medium\"\n\t          />\n          </div>\n        </div>\n\t\t\t</Block>\n\n\t\t\t<Button \n\t\t\t\tv-if=\"route.params.product\"\n      \t:submit=\"onDelete\" \n      \t:callback=\"redirectTo\"\n      \tclass=\"bg-red w-100 mn-t-thin\"\n      >\n    \t\tDelete \n    \t</Button>\n\n      <Button \n      \t:submit=\"onSubmit\" \n      \t:callback=\"redirectTo\"\n      \tclass=\"w-100 bg-main\"\n      >\n    \t\tSave\n    \t</Button>\n\n\t\n\t\t\n\t\t<!-- <Block\n\t    title=\"Quantity Discount\"\n\t    class=\"mn-b-semi\"\n\t    :actions=\"[{\n\t\t\t\tlabel: '+',\n\t\t\t\tfunction: () => products.state.current.quantityDiscount.push({name: '', value: ''})\n\t\t\t}]\"\n\t  >\n\t  \t<div \n      \tclass=\"gap-thin mn-b-thin flex-nowrap flex\" \n      \tv-for=\"(item, index) in products.state.current.quantityDiscount\" \n      \t:key=\"index\"\n      > \n        <Field\n          v-model:field=\"item.name\"\n          placeholder=\"Quantity\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />  \n        <Field\n          v-model:field=\"item.value\"\n          placeholder=\"Discount\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />\n        <div class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\">\n          <IconDelete \n          \t@click=\"() => products.state.current.quantityDiscount.splice(index, 1)\" \n          \tclass=\"i-medium\"\n          />\n        </div>\n      </div>\n\t\t</Block> -->\n\n\t\t<!-- <EditModifications\n\t\t\t:product=\"products.state.current\"\n\t\t/> -->\n\n\n\n\t\t\n\n</div>\n\t\n</template>\n\n<script setup>\n\t// Import libs\n\timport { reactive, computed, onMounted, ref } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Import components\n\timport Breadcrumbs from '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue'\n\n\timport Block from '@martyrs/src/components/Block/Block.vue';\n\timport Tab from \"@martyrs/src/components/Tab/Tab.vue\";\n\timport Field from \"@martyrs/src/components/Field/Field.vue\";\n\timport Checkbox from \"@martyrs/src/components/Checkbox/Checkbox.vue\";\n\timport Button from \"@martyrs/src/components/Button/Button.vue\";\n\timport Popup from \"@martyrs/src/components/Popup/Popup.vue\";\n\timport Feed from \"@martyrs/src/components/Feed/Feed.vue\";\n\timport Tree from \"@martyrs/src/components/Tree/Tree.vue\";\n\n\timport EditImages from '@martyrs/src/components/EditImages/EditImages.vue';\n\n\timport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n\n \timport CardPosition from '@martyrs/src/modules/products/components/blocks/CardPosition.vue';\n  import CardOrderItem  from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue'\n\n\n\timport EditProductInfo from '@martyrs/src/modules/products/components/sections/EditProductInfo.vue';\n  import EditModifications from '@martyrs/src/modules/products/components/sections/EditModifications.vue';\n  \n\t// Accessing router and store\n\timport * as globals from '@martyrs/src/modules/globals/views/store/globals';\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth';\n \timport * as products from '@martyrs/src/modules/products/store/products';\n  import * as categories from '@martyrs/src/modules/products/store/categories';\n\n\timport { setError } from '@martyrs/src/modules/globals/views/store/globals'\n\t\n\tconst route = useRoute()\n\tconst router = useRouter()\n\n  const Products = ref(products.state.all);\n  const isOpenIngredientPopup = ref(false);\n\n\n  function openIngredientPopup(member) {\n\t  isOpenIngredientPopup.value = true;\n\t  // if (typeof member === \"number\") selectedMember.value = member;\n\t}\n\n\tfunction closeIngredientPopup() {\n\t  isOpenIngredientPopup.value = false;\n\t  // selectedMember.value = null;\n\t}\n\n  onMounted(async() => { \n\t  products.mutations.resetProduct();\n\n  \tif (route.params.product) {\n\t\t  await products.actions.read({ _id: route.params.product });\n\t  } \n\n\t  if (!products.state.current.ingredients) {\n\t  \tproducts.state.current.ingredients = []\n\t  }\n\n  \t// Data prefetching\n\t \tcategories.state.all = await categories.actions.read({\n      user: auth.state.user._id,\n      rootOnly: true,\n      excludeChildren: false,\n      limit: 100\n    })\n\n    try {\n      const productsResponse = await products.actions.read({\n        organization: route.params._id,\n        limit: 100\n      });\n      Products.value = productsResponse;\n    } catch (error) {\n      console.error('error');\n    }\n  })\n\n\tfunction onImagesUpdate(newImages) {\n\t  products.state.current.images = newImages;\n\t}\n\t\n\tasync function onSubmit() {\n\t  try {\n\t    if (route.params.product) {\n\t      await products.actions.update(route.params.product, products.state.current)\n\t    } else {\n\t      products.state.current.owner = {\n\t        target: route.params._id || auth.state.user._id,\n\t        type: route.params._id ? 'organization' : 'user'\n\t      }\n\t      \n\t      products.state.current.creator = {\n\t        target: auth.state.user._id,\n\t        type: 'user',\n\t        hidden: false\n\t      }\n\t      await products.actions.create(products.state.current)\n\t    }\n\t  } catch (error) {\n\t  \tsetError({ response: { data: { errorCode: \"PRODUCT_NOT_CREATED\" }} })\n\t    console.error('Product creation error:', error)\n\t    // Здесь можно добавить обработку ошибки, например:\n\t    // - показать уведомление пользователю\n\t    // - отправить ошибку в систему мониторинга\n\t    // - выполнить откат изменений при необходимости\n\t  }\n\t}\n\n\tfunction onDelete() {\n\t\tproducts.actions.deleteProduct(products.state.current._id)\n\t}\n\n\tfunction redirectTo () {\n\t\trouter.push({\n\t\t\tname: 'Organization', \n\t\t\tparams: { \n\t\t\t\t_id: route.params._id\n\t\t\t} \n\t\t})\n\t}\n\n\tasync 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  function selectCategory (item, event) {\n  \t// products.state.current.category.push(item)\n  \tproducts.state.current.category = event\n\n  \tconsole.log('state catgories', products.state.current.category)\n\n\t  const isSelected = products.state.current.category.includes(item._id);\n\t  \n\t  if (!isSelected) {\n\t    // Если снимаем галочку с родителя, отключаем всех детей\n\t    unselectChildren(item.children);\n\t  } else {\n\t    // Если включаем дочерний, включаем всех родителей\n\t    selectParents(item._id, categories.state.all);\n\t  }\n\t};\n\n\t// Выключаем всех дочерних при отключении родителя\n\tconst unselectChildren = (children) => {\n\t  if (!children) return;\n\t  children.forEach(child => {\n\t    const index = products.state.current.category.indexOf(child._id);\n\t    if (index !== -1) {\n\t      products.state.current.category.splice(index, 1);\n\t    }\n\t    if (child.children?.length) {\n\t      unselectChildren(child.children);\n\t    }\n\t  });\n\t};\n\n\t// Включаем всех родителей при выборе дочернего\n\tconst selectParents = (categoryId, items) => {\n\t  // Функция для поиска прямого родителя и его ID\n\t  const findParent = (childId, itemsToSearch) => {\n\t    for (const item of itemsToSearch) {\n\t      // Если текущий элемент содержит искомый ID в своих детях\n\t      if (item.children?.some(child => child._id === childId)) {\n\t        return item._id;\n\t      }\n\t      \n\t      // Рекурсивно ищем в дочерних элементах\n\t      if (item.children?.length) {\n\t        const foundInChildren = findParent(childId, item.children);\n\t        if (foundInChildren) return foundInChildren;\n\t      }\n\t    }\n\t    return null; // Родитель не найден\n\t  };\n\t  \n\t  // Рекурсивно находим всех предков и добавляем их в список\n\t  let currentId = categoryId;\n\t  let parentId;\n\t  \n\t  // Пока находим родителей, продолжаем подниматься вверх по дереву\n\t  while ((parentId = findParent(currentId, items))) {\n\t    if (!products.state.current.category.includes(parentId)) {\n\t      products.state.current.category.push(parentId);\n\t    }\n\t    currentId = parentId; // Переходим к родителю более высокого уровня\n\t  }\n\t};\n</script>\n\n<style lang=\"scss\">\n\t.main-photo {\n\t\tmax-width: 50%;\n\t\timg { width: 100%; }\n\t}\n</style>\n"],"names":["products.state","products.mutations","products.actions","categories.state","categories.actions","auth.state"],"mappings":"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"}
+{"version":3,"file":"ProductEdit.vue.js","sources":["../../../../../../../src/modules/products/components/pages/ProductEdit.vue"],"sourcesContent":["<template>\n\t<div class=\"for-transition w-100 cols-1 bg-white pd-thin gap-thin\">\n    \n    <Block v-if=\"!MOBILE_APP\" class=\"flex-nowrap gap-thin flex-v-center flex\">\n      \n      <h2 class=\"t-truncate mn-r-auto\">\n\t\t\t  {{ route.params.product ? products.state.current.name : 'Create Product' }}\n\t\t\t</h2>\n\n\t\t\t<Button \n\t\t\t\tv-if=\"route.params.product\"\n      \t:submit=\"onDelete\" \n      \t:callback=\"redirectTo\"\n      \tclass=\"w-10 w-max-20r w-min-8r bg-red\"\n      >\n    \t\tDelete \n    \t</Button>\n\n      <Button \n      \t:submit=\"onSubmit\" \n      \t:callback=\"redirectTo\"\n      \tclass=\"w-10 w-max-20r w-min-8r bg-main\"\n      >\n    \t\tSave\n    \t</Button>\n    </Block>\n\n    <Block\n\t\t\tplaceholder=\"The product doesn't have any images yet.\"\n\t\t\tclass=\"h-min\"\n\t\t>\n\t\t\t<EditImages \n\t\t\t\t:images=\"products.state.current.images\"\n\t\t\t\t:uploadPath=\"'photos'\" \n\t\t\t\t@update:images=\"(imagesNew) => { products.state.current.images = imagesNew }\" \n\t\t\t/>\n\t\t</Block>\n\n    <div class=\"cols-2 gap-thin\">\n\n    \t<Block\n  \t\t\ttitle=\"Profile\"\n  \t\t>\n\t\t\t\t<EditProductInfo \t\t\n\t\t\t\t\t:product=\"products.state.current\"\n\t\t\t\t/>\n\t\t\t</Block>\n\n\t\t\t<Block\n\t\t\t\ttitle=\"Categories\"\n\t\t\t\t:actions=\"[{\n\t\t      label: '+',\n\t\t      function: () => router.push({\n\t\t\t\t\t\tname: 'Categories', \n\t\t\t\t\t\tparams: { \n\t\t\t\t\t\t\t_id: route.params._id || products.state.current.owner.target._id\n\t\t\t\t\t\t} \n\t\t\t\t\t})\n\t\t    }]\"\n\t\t    class=\"h-100 h-min-30r o-y-scroll\"\n\t\t\t>\n\t\t    <Tree \n\t        v-if=\"categories.state.all\" \n\t        :items=\"categories.state.all\" \n\t        :state=\"categories.state.all\" \n\t        @update=\"updateCategoriesOrder\" \n\t\t\t\t\tv-slot=\"{ item }\"\n\t\t\t\t\tclass=\"h-zero pos-relative d-block\"\n\t      >\n\t      \t<Checkbox \n\t\t\t      name=\"categories\"\n\t\t\t      class=\"w-100 mn-t-small bg-white radius-small pd-small\"\n\t\t\t      :label=\"item.name\"\n\t\t\t      :value=\"item._id\"\n\t\t\t      :radio=\"products.state.current.category\"\n\t\t\t      @update:radio=\"event => selectCategory(item, event)\"\n\t\t\t    />\n\t\t    </Tree>\n\t\t\t</Block>\n\n\t\t\t<Block\n\t\t\t\ttitle=\"Parameters\"\n\t\t\t\tplaceholder=\"No parameters added yet\"\n\t\t\t\t:actions=\"[{\n\t\t\t\t\tlabel: '+',\n\t\t\t\t\tfunction: () => products.state.current.information.push({name: '', value: ''})\n\t\t\t\t}]\"\n\t\t\t\tclass=\"cols-1 gap-thin\"\n\t\t\t>\n        <div \n        \tclass=\"gap-thin flex-nowrap flex\" \n        \tv-for=\"(item, index) in products.state.current.information\" \n        \t:key=\"index\"\n        > \n          <Field\n            v-model:field=\"item.name\"\n            placeholder=\"Name\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />  \n          <Field\n            v-model:field=\"item.value\"\n            placeholder=\"Value\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />\n          <div class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-red\">\n\t          <IconDelete \n\t          \t@click=\"() => products.state.current.information.splice(index, 1)\" \n\t          \tclass=\"i-medium\"\n\t          />\n\t        </div>\n        </div>\n\t\t\t</Block>\n\n\n\t\t\t<Block\n\t\t    title=\"Ingredients\"\n\t\t\t\tplaceholder=\"No ingridients added yet\"\n\t\t\t\t:actions=\"[{\n\t        label: '+',\n\t        function: () => openIngredientPopup()\n\t      }]\"\n\t\t  >\n\t\t  \t<div v-if=\"products.state.current.ingredients.length > 0\" class=\"cols-1 gap-thin\">\n\t\t\t    <CardPosition \n\t\t\t      v-for=\"(product, index) in products.state.current.ingredients\" \n\t\t\t      :key=\"product._id\" \n\t\t\t      :product=\"product\"\n\t\t\t      :array=\"products.state.current.ingredients\"\n\t\t\t      :products=\"Products\"\n\t\t        :showPrice=\"false\"\n\t\t\t      @add=\"(item) => {\n\t\t\t\t\t    globals.actions.add(products.state.current.ingredients, item);\n\t\t\t\t\t    closeIngredientPopup();\n\t\t\t\t\t  }\"\n\t\t\t\t\t  @update=\"(item) => {\n\t\t\t\t\t    globals.actions.update(products.state.current.ingredients, item, index);\n\t\t\t\t\t    closeIngredientPopup();\n\t\t\t\t\t  }\"\n\t\t\t\t\t  @delete=\"(item) => {\n\t\t\t\t\t    globals.actions.delete(products.state.current.ingredients, item, index);\n\t\t\t\t\t    closeIngredientPopup();\n\t\t\t\t\t  }\"\n\t\t\t    />\n\t\t\t  </div>\n\t\t  </Block>\n\n\t\t  <Popup \n\t      title=\"Add ingredient\" \n\t      @close-popup=\"closeIngredientPopup\" \n\t      :isPopupOpen=\"isOpenIngredientPopup\"\n\t      class=\"bg-white w-min-30r w-max-30r radius-big pd-medium\"\n\t    >\n\t      <div class=\"bg-light mn-b-thin h-min-20r h-max-20r o-scroll pd-medium radius-big\">\n\t        <Feed\n\t          :search=\"{\n\t          \tclass: 'bg-white mn-b-thin'\n\t          }\"\n\t          :states=\"{\n\t            empty: {\n\t              title: 'No Products Found',\n\t              description: 'Currently, there are no such products available.'\n\t            }\n\t          }\"\n\t          :store=\"{\n\t            read: (options) => products.actions.read(options),\n\t            state: null\n\t          }\"\n\t          :options=\"{\n\t            owner: route.params._id,\n\t          }\"\n\t          v-slot=\"{ \n\t            items \n\t          }\"\n\t          class=\"\"\n\t        >\n\t          <CardOrderItem\n\t            v-for=\"(product, index) in items\" :key=\"product._id\"\n\t            :editable=\"false\" \n\t            :product=\"product\" \n\t            @click=\"() => { \n\t              let p = { ...product };\n\t              p.quantity = 1;\n\t              p.type = 'pcs'\n\t              globals.actions.add(products.state.current.ingredients,p)\n\t              closeIngredientPopup();\n\t            }\"\n\t            class=\"bg-white pd-thin radius-medium w-100 mn-b-thin\"\n\t          />\n\t        </Feed>\n\t      </div>\n\t    </Popup>\n\n\n\t\t</div> \n\n\t\t\t<Block\n\t\t\t\ttitle=\"Localization\"\n\t\t\t\tplaceholder=\"No localizations added yet\"\n\t\t\t\t:actions=\"[{\n\t\t\t\t\tlabel: '+',\n\t\t\t\t\tfunction: () => products.state.current.localization.push({name: '', value: ''})\n\t\t\t\t}]\"\n\t\t\t>\n        <div \n        \tclass=\"gap-thin mn-b-thin flex-nowrap flex\" \n        \tv-for=\"(item, index) in products.state.current.localization\" \n        \t:key=\"index\"\n        > \n          <Field\n            v-model:field=\"item.name\"\n            placeholder=\"Название параметра\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />  \n          <Field\n            v-model:field=\"item.value\"\n            placeholder=\"Значение параметра\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />\n          <div class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\">\n\t          <IconDelete \n\t          \t@click=\"() => products.state.current.localization.splice(index, 1)\" \n\t          \tclass=\"i-medium\"\n\t          />\n          </div>\n        </div>\n\t\t\t</Block>\n\n\t\t\t<Button \n\t\t\t\tv-if=\"route.params.product\"\n      \t:submit=\"onDelete\" \n      \t:callback=\"redirectTo\"\n      \tclass=\"bg-red w-100 mn-t-thin\"\n      >\n    \t\tDelete \n    \t</Button>\n\n      <Button \n      \t:submit=\"onSubmit\" \n      \t:callback=\"redirectTo\"\n      \tclass=\"w-100 bg-main\"\n      >\n    \t\tSave\n    \t</Button>\n\n\t\n\t\t\n\t\t<!-- <Block\n\t    title=\"Quantity Discount\"\n\t    class=\"mn-b-semi\"\n\t    :actions=\"[{\n\t\t\t\tlabel: '+',\n\t\t\t\tfunction: () => products.state.current.quantityDiscount.push({name: '', value: ''})\n\t\t\t}]\"\n\t  >\n\t  \t<div \n      \tclass=\"gap-thin mn-b-thin flex-nowrap flex\" \n      \tv-for=\"(item, index) in products.state.current.quantityDiscount\" \n      \t:key=\"index\"\n      > \n        <Field\n          v-model:field=\"item.name\"\n          placeholder=\"Quantity\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />  \n        <Field\n          v-model:field=\"item.value\"\n          placeholder=\"Discount\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />\n        <div class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\">\n          <IconDelete \n          \t@click=\"() => products.state.current.quantityDiscount.splice(index, 1)\" \n          \tclass=\"i-medium\"\n          />\n        </div>\n      </div>\n\t\t</Block> -->\n\n\t\t<!-- <EditModifications\n\t\t\t:product=\"products.state.current\"\n\t\t/> -->\n\n\n\n\t\t\n\n</div>\n\t\n</template>\n\n<script setup>\n\t// Import libs\n\timport { reactive, computed, onMounted, ref } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Import components\n\timport Breadcrumbs from '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue'\n\n\timport Block from '@martyrs/src/components/Block/Block.vue';\n\timport Tab from \"@martyrs/src/components/Tab/Tab.vue\";\n\timport Field from \"@martyrs/src/components/Field/Field.vue\";\n\timport Checkbox from \"@martyrs/src/components/Checkbox/Checkbox.vue\";\n\timport Button from \"@martyrs/src/components/Button/Button.vue\";\n\timport Popup from \"@martyrs/src/components/Popup/Popup.vue\";\n\timport Feed from \"@martyrs/src/components/Feed/Feed.vue\";\n\timport Tree from \"@martyrs/src/components/Tree/Tree.vue\";\n\n\timport EditImages from '@martyrs/src/components/EditImages/EditImages.vue';\n\n\timport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n\n \timport CardPosition from '@martyrs/src/modules/products/components/blocks/CardPosition.vue';\n  import CardOrderItem  from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue'\n\n\n\timport EditProductInfo from '@martyrs/src/modules/products/components/sections/EditProductInfo.vue';\n  import EditModifications from '@martyrs/src/modules/products/components/sections/EditModifications.vue';\n  \n\t// Accessing router and store\n\timport * as globals from '@martyrs/src/modules/globals/views/store/globals';\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth';\n \timport * as products from '@martyrs/src/modules/products/store/products';\n  import * as categories from '@martyrs/src/modules/products/store/categories';\n\n\timport { setError } from '@martyrs/src/modules/globals/views/store/globals'\n\t\n\tconst route = useRoute()\n\tconst router = useRouter()\n\n  const Products = ref(products.state.all);\n  const isOpenIngredientPopup = ref(false);\n\n\n  function openIngredientPopup(member) {\n\t  isOpenIngredientPopup.value = true;\n\t  // if (typeof member === \"number\") selectedMember.value = member;\n\t}\n\n\tfunction closeIngredientPopup() {\n\t  isOpenIngredientPopup.value = false;\n\t  // selectedMember.value = null;\n\t}\n\n  onMounted(async() => { \n\t  products.mutations.resetProduct();\n\n  \tif (route.params.product) {\n\t\t  await products.actions.read({ _id: route.params.product });\n\t  } \n\n\t  if (!products.state.current.ingredients) {\n\t  \tproducts.state.current.ingredients = []\n\t  }\n\n  \t// Data prefetching\n\t \tcategories.state.all = await categories.actions.read({\n      user: auth.state.user._id,\n      rootOnly: true,\n      excludeChildren: false,\n      limit: 100\n    })\n\n    try {\n      const productsResponse = await products.actions.read({\n        organization: route.params._id,\n        limit: 100\n      });\n      Products.value = productsResponse;\n    } catch (error) {\n      console.error('error');\n    }\n  })\n\n\tfunction onImagesUpdate(newImages) {\n\t  products.state.current.images = newImages;\n\t}\n\t\n\tasync function onSubmit() {\n\t  try {\n\t    if (route.params.product) {\n\t      await products.actions.update(route.params.product, products.state.current)\n\t    } else {\n\t      products.state.current.owner = {\n\t        target: route.params._id || auth.state.user._id,\n\t        type: route.params._id ? 'organization' : 'user'\n\t      }\n\t      \n\t      products.state.current.creator = {\n\t        target: auth.state.user._id,\n\t        type: 'user',\n\t        hidden: false\n\t      }\n\t      await products.actions.create(products.state.current)\n\t    }\n\t  } catch (error) {\n\t  \tsetError({ response: { data: { errorCode: \"PRODUCT_NOT_CREATED\" }} })\n\t    console.error('Product creation error:', error)\n\t    // Здесь можно добавить обработку ошибки, например:\n\t    // - показать уведомление пользователю\n\t    // - отправить ошибку в систему мониторинга\n\t    // - выполнить откат изменений при необходимости\n\t  }\n\t}\n\n\tfunction onDelete() {\n\t\tproducts.actions.deleteProduct(products.state.current._id)\n\t}\n\n\tfunction redirectTo () {\n\t\trouter.push({\n\t\t\tname: 'Organization', \n\t\t\tparams: { \n\t\t\t\t_id: route.params._id\n\t\t\t} \n\t\t})\n\t}\n\n\tasync 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  function selectCategory (item, event) {\n  \t// products.state.current.category.push(item)\n  \tproducts.state.current.category = event\n\n  \tconsole.log('state catgories', products.state.current.category)\n\n\t  const isSelected = products.state.current.category.includes(item._id);\n\t  \n\t  if (!isSelected) {\n\t    // Если снимаем галочку с родителя, отключаем всех детей\n\t    unselectChildren(item.children);\n\t  } else {\n\t    // Если включаем дочерний, включаем всех родителей\n\t    selectParents(item._id, categories.state.all);\n\t  }\n\t};\n\n\t// Выключаем всех дочерних при отключении родителя\n\tconst unselectChildren = (children) => {\n\t  if (!children) return;\n\t  children.forEach(child => {\n\t    const index = products.state.current.category.indexOf(child._id);\n\t    if (index !== -1) {\n\t      products.state.current.category.splice(index, 1);\n\t    }\n\t    if (child.children?.length) {\n\t      unselectChildren(child.children);\n\t    }\n\t  });\n\t};\n\n\t// Включаем всех родителей при выборе дочернего\n\tconst selectParents = (categoryId, items) => {\n\t  // Функция для поиска прямого родителя и его ID\n\t  const findParent = (childId, itemsToSearch) => {\n\t    for (const item of itemsToSearch) {\n\t      // Если текущий элемент содержит искомый ID в своих детях\n\t      if (item.children?.some(child => child._id === childId)) {\n\t        return item._id;\n\t      }\n\t      \n\t      // Рекурсивно ищем в дочерних элементах\n\t      if (item.children?.length) {\n\t        const foundInChildren = findParent(childId, item.children);\n\t        if (foundInChildren) return foundInChildren;\n\t      }\n\t    }\n\t    return null; // Родитель не найден\n\t  };\n\t  \n\t  // Рекурсивно находим всех предков и добавляем их в список\n\t  let currentId = categoryId;\n\t  let parentId;\n\t  \n\t  // Пока находим родителей, продолжаем подниматься вверх по дереву\n\t  while ((parentId = findParent(currentId, items))) {\n\t    if (!products.state.current.category.includes(parentId)) {\n\t      products.state.current.category.push(parentId);\n\t    }\n\t    currentId = parentId; // Переходим к родителю более высокого уровня\n\t  }\n\t};\n</script>\n\n<style lang=\"scss\">\n\t.main-photo {\n\t\tmax-width: 50%;\n\t\timg { width: 100%; }\n\t}\n</style>\n"],"names":["products.state","products.mutations","products.actions","categories.state","categories.actions","auth.state"],"mappings":"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"}

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

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const vueI18n = require("vue-i18n");
-const Loader = require("../../../../components/Loader/Loader.vue2.cjs");
+const Loader = require("../../../../components/Loader/Loader.vue.cjs");
 ;/* empty css                                                   */
 const FieldBig = require("../../../../components/FieldBig/FieldBig.vue.cjs");
 const SectionProduct = require("../sections/SectionProduct.vue.cjs");

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

@@ -1,7 +1,7 @@
 import { ref, watchEffect, onMounted, createElementBlock, openBlock, createBlock, createCommentVNode, createVNode, unref, isRef } from "vue";
 import { useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
-import Loader from "../../../../components/Loader/Loader.vue2.js";
+import Loader from "../../../../components/Loader/Loader.vue.js";
 /* empty css                                                 */
 import _sfc_main$1 from "../../../../components/FieldBig/FieldBig.vue.js";
 import _sfc_main$2 from "../sections/SectionProduct.vue.js";

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

@@ -1,7 +1,7 @@
 "use strict";
 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");