@ozdao/martyrs 0.2.506 → 0.2.507

package/dist/martyrs/src/modules/pages/views/components/partials/SidebarPages.vue.js

@@ -2,7 +2,7 @@ import { computed, ref, onMounted, createBlock, createCommentVNode, openBlock, w
 import { useRoute, useRouter } from "vue-router";
 import _sfc_main$1 from "../../../../../components/Block/Block.vue.js";
 import _sfc_main$3 from "../../../../../components/Popup/Popup.vue.js";
-import _sfc_main$5 from "../../../../../components/Button/Button.vue.js";
+import _sfc_main$5 from "../../../../../components/Button/Button.vue2.js";
 import _sfc_main$4 from "../../../../constructor/components/sections/Constructor.vue.js";
 import _sfc_main$2 from "../blocks/CardPage.vue.js";
 import { actions } from "../../store/pages.js";

package/dist/martyrs/src/modules/products/components/blocks/CardCategory.vue.cjs

@@ -37,7 +37,7 @@ const _sfc_main = {
               name: "Category Edit",
               params: {
                 _id: vue.unref(route).params._id,
-                category: __props.category.url
+                category: __props.category._id
               }
             },
             class: "i-semi cursor-pointer card-page-actions radius-extra pd-micro bg-second flex-child-default"

package/dist/martyrs/src/modules/products/components/blocks/CardCategory.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CardCategory.vue.cjs","sources":["../../../../../../../src/modules/products/components/blocks/CardCategory.vue"],"sourcesContent":["<template>\n  <div class=\"flex-v-center bg-light pd-small radius-small flex-column flex\">\n    <div class=\"w-100 flex-v-center flex-nowrap gap-thin flex\">\n      <img v-if=\"category.photo\" class=\"i-big radius-small object-fit-contain bg-white\" :src=\"(FILE_SERVER_URL || '') + category.photo\"/>\n      <h4 class=\"my-handle word-break t-truncate w-100 w-max-100 mn-r-auto\">{{category.name}}</h4>\n\n      <router-link\n       :to=\"{\n          name: 'Category Edit', \n          params: { \n            _id: route.params._id,\n            category: category.url\n          } \n        }\"\n        class=\"\n          i-semi\n          cursor-pointer \n          card-page-actions\n          radius-extra pd-micro bg-second\n          flex-child-default\n        \"\n      >\n        <IconEdit\n          class=\"w-100 h-100\" \n          classes=\"fill-white\"\n        />\n      </router-link>\n\n      <button\n        @click=\"deleteCategory(category)\"\n        class=\"\n          i-semi\n          cursor-pointer \n          card-page-actions\n          radius-extra pd-micro bg-second\n          flex-child-default\n        \"\n      >\n        <IconDelete\n          class=\"w-100 h-100\"\n          :fill=\"'white'\"\n        />\n      </button>\n    </div>\n\n    <!-- <p v-if=\" category.children.length > 0\" class=\"w-100\">Subcategories:</p> -->\n   <!--  <CardCategory\n      v-for=\"(subcategory,index) in category.children\"\n      :key=\"subcategory._id\"\n      :category=\"subcategory\" \n      class=\"pd-l-small bg-white w-100\"\n    /> -->\n\n   </div>\n</template>\n\n\n<script setup>\nimport { toRef, onMounted, defineEmits } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport CardCategory from './CardCategory.vue'\n\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue'\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue'\n\n\nconst props = defineProps({\n  category: Object,\n});\n\nconst emits = defineEmits(['delete']);\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst deleteCategory = (category) => {\n  emits('delete', category);\n};\n\n</script>\n\n\n\n<style lang=\"scss\">\n.card-title {\n  .card-page-actions {\n    display: none;\n  }\n\n  &:hover {\n    .card-page-actions {\n      display: block;\n    }\n  }\n}\n</style>\n"],"names":["useRoute","useRouter"],"mappings":";;;;;;;;;;;;;;;;;;AAwEA,UAAM,QAAQ;AAEd,UAAM,QAAQA,UAAAA,SAAQ;AACPC,cAAAA,UAAS;AAExB,UAAM,iBAAiB,CAAC,aAAa;AACnC,YAAM,UAAU,QAAQ;AAAA,IAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardCategory.vue.cjs","sources":["../../../../../../../src/modules/products/components/blocks/CardCategory.vue"],"sourcesContent":["<template>\n  <div class=\"flex-v-center bg-light pd-small radius-small flex-column flex\">\n    <div class=\"w-100 flex-v-center flex-nowrap gap-thin flex\">\n      <img v-if=\"category.photo\" class=\"i-big radius-small object-fit-contain bg-white\" :src=\"(FILE_SERVER_URL || '') + category.photo\"/>\n      <h4 class=\"my-handle word-break t-truncate w-100 w-max-100 mn-r-auto\">{{category.name}}</h4>\n\n      <router-link\n       :to=\"{\n          name: 'Category Edit', \n          params: { \n            _id: route.params._id,\n            category: category._id\n          } \n        }\"\n        class=\"\n          i-semi\n          cursor-pointer \n          card-page-actions\n          radius-extra pd-micro bg-second\n          flex-child-default\n        \"\n      >\n        <IconEdit\n          class=\"w-100 h-100\" \n          classes=\"fill-white\"\n        />\n      </router-link>\n\n      <button\n        @click=\"deleteCategory(category)\"\n        class=\"\n          i-semi\n          cursor-pointer \n          card-page-actions\n          radius-extra pd-micro bg-second\n          flex-child-default\n        \"\n      >\n        <IconDelete\n          class=\"w-100 h-100\"\n          :fill=\"'white'\"\n        />\n      </button>\n    </div>\n\n    <!-- <p v-if=\" category.children.length > 0\" class=\"w-100\">Subcategories:</p> -->\n   <!--  <CardCategory\n      v-for=\"(subcategory,index) in category.children\"\n      :key=\"subcategory._id\"\n      :category=\"subcategory\" \n      class=\"pd-l-small bg-white w-100\"\n    /> -->\n\n   </div>\n</template>\n\n\n<script setup>\nimport { toRef, onMounted, defineEmits } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport CardCategory from './CardCategory.vue'\n\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue'\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue'\n\n\nconst props = defineProps({\n  category: Object,\n});\n\nconst emits = defineEmits(['delete']);\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst deleteCategory = (category) => {\n  emits('delete', category);\n};\n\n</script>\n\n\n\n<style lang=\"scss\">\n.card-title {\n  .card-page-actions {\n    display: none;\n  }\n\n  &:hover {\n    .card-page-actions {\n      display: block;\n    }\n  }\n}\n</style>\n"],"names":["useRoute","useRouter"],"mappings":";;;;;;;;;;;;;;;;;;AAwEA,UAAM,QAAQ;AAEd,UAAM,QAAQA,UAAAA,SAAQ;AACPC,cAAAA,UAAS;AAExB,UAAM,iBAAiB,CAAC,aAAa;AACnC,YAAM,UAAU,QAAQ;AAAA,IAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/products/components/blocks/CardCategory.vue.js

@@ -35,7 +35,7 @@ const _sfc_main = {
               name: "Category Edit",
               params: {
                 _id: unref(route).params._id,
-                category: __props.category.url
+                category: __props.category._id
               }
             },
             class: "i-semi cursor-pointer card-page-actions radius-extra pd-micro bg-second flex-child-default"

package/dist/martyrs/src/modules/products/components/blocks/CardCategory.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardCategory.vue.js","sources":["../../../../../../../src/modules/products/components/blocks/CardCategory.vue"],"sourcesContent":["<template>\n  <div class=\"flex-v-center bg-light pd-small radius-small flex-column flex\">\n    <div class=\"w-100 flex-v-center flex-nowrap gap-thin flex\">\n      <img v-if=\"category.photo\" class=\"i-big radius-small object-fit-contain bg-white\" :src=\"(FILE_SERVER_URL || '') + category.photo\"/>\n      <h4 class=\"my-handle word-break t-truncate w-100 w-max-100 mn-r-auto\">{{category.name}}</h4>\n\n      <router-link\n       :to=\"{\n          name: 'Category Edit', \n          params: { \n            _id: route.params._id,\n            category: category.url\n          } \n        }\"\n        class=\"\n          i-semi\n          cursor-pointer \n          card-page-actions\n          radius-extra pd-micro bg-second\n          flex-child-default\n        \"\n      >\n        <IconEdit\n          class=\"w-100 h-100\" \n          classes=\"fill-white\"\n        />\n      </router-link>\n\n      <button\n        @click=\"deleteCategory(category)\"\n        class=\"\n          i-semi\n          cursor-pointer \n          card-page-actions\n          radius-extra pd-micro bg-second\n          flex-child-default\n        \"\n      >\n        <IconDelete\n          class=\"w-100 h-100\"\n          :fill=\"'white'\"\n        />\n      </button>\n    </div>\n\n    <!-- <p v-if=\" category.children.length > 0\" class=\"w-100\">Subcategories:</p> -->\n   <!--  <CardCategory\n      v-for=\"(subcategory,index) in category.children\"\n      :key=\"subcategory._id\"\n      :category=\"subcategory\" \n      class=\"pd-l-small bg-white w-100\"\n    /> -->\n\n   </div>\n</template>\n\n\n<script setup>\nimport { toRef, onMounted, defineEmits } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport CardCategory from './CardCategory.vue'\n\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue'\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue'\n\n\nconst props = defineProps({\n  category: Object,\n});\n\nconst emits = defineEmits(['delete']);\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst deleteCategory = (category) => {\n  emits('delete', category);\n};\n\n</script>\n\n\n\n<style lang=\"scss\">\n.card-title {\n  .card-page-actions {\n    display: none;\n  }\n\n  &:hover {\n    .card-page-actions {\n      display: block;\n    }\n  }\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAwEA,UAAM,QAAQ;AAEd,UAAM,QAAQ,SAAQ;AACP,cAAS;AAExB,UAAM,iBAAiB,CAAC,aAAa;AACnC,YAAM,UAAU,QAAQ;AAAA,IAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardCategory.vue.js","sources":["../../../../../../../src/modules/products/components/blocks/CardCategory.vue"],"sourcesContent":["<template>\n  <div class=\"flex-v-center bg-light pd-small radius-small flex-column flex\">\n    <div class=\"w-100 flex-v-center flex-nowrap gap-thin flex\">\n      <img v-if=\"category.photo\" class=\"i-big radius-small object-fit-contain bg-white\" :src=\"(FILE_SERVER_URL || '') + category.photo\"/>\n      <h4 class=\"my-handle word-break t-truncate w-100 w-max-100 mn-r-auto\">{{category.name}}</h4>\n\n      <router-link\n       :to=\"{\n          name: 'Category Edit', \n          params: { \n            _id: route.params._id,\n            category: category._id\n          } \n        }\"\n        class=\"\n          i-semi\n          cursor-pointer \n          card-page-actions\n          radius-extra pd-micro bg-second\n          flex-child-default\n        \"\n      >\n        <IconEdit\n          class=\"w-100 h-100\" \n          classes=\"fill-white\"\n        />\n      </router-link>\n\n      <button\n        @click=\"deleteCategory(category)\"\n        class=\"\n          i-semi\n          cursor-pointer \n          card-page-actions\n          radius-extra pd-micro bg-second\n          flex-child-default\n        \"\n      >\n        <IconDelete\n          class=\"w-100 h-100\"\n          :fill=\"'white'\"\n        />\n      </button>\n    </div>\n\n    <!-- <p v-if=\" category.children.length > 0\" class=\"w-100\">Subcategories:</p> -->\n   <!--  <CardCategory\n      v-for=\"(subcategory,index) in category.children\"\n      :key=\"subcategory._id\"\n      :category=\"subcategory\" \n      class=\"pd-l-small bg-white w-100\"\n    /> -->\n\n   </div>\n</template>\n\n\n<script setup>\nimport { toRef, onMounted, defineEmits } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport CardCategory from './CardCategory.vue'\n\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue'\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue'\n\n\nconst props = defineProps({\n  category: Object,\n});\n\nconst emits = defineEmits(['delete']);\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst deleteCategory = (category) => {\n  emits('delete', category);\n};\n\n</script>\n\n\n\n<style lang=\"scss\">\n.card-title {\n  .card-page-actions {\n    display: none;\n  }\n\n  &:hover {\n    .card-page-actions {\n      display: block;\n    }\n  }\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAwEA,UAAM,QAAQ;AAEd,UAAM,QAAQ,SAAQ;AACP,cAAS;AAExB,UAAM,iBAAiB,CAAC,aAAa;AACnC,YAAM,UAAU,QAAQ;AAAA,IAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/products/components/blocks/ProductImages.vue.cjs

@@ -87,7 +87,7 @@ const _sfc_main = {
         vue.createVNode(Popup.default, {
           onClosePopup: closePopup,
           isPopupOpen: isPopupVisible.value,
-          class: "radius-zero o-hidden"
+          class: "radius-zero w-100 o-hidden"
         }, {
           default: vue.withCtx(() => [
             vue.createVNode(PhotoViewer.default, {
@@ -101,6 +101,6 @@ const _sfc_main = {
     };
   }
 };
-const ProductImages = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-38ae846b"]]);
+const ProductImages = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-eddb4b2b"]]);
 exports.default = ProductImages;
 //# sourceMappingURL=ProductImages.vue.cjs.map

package/dist/martyrs/src/modules/products/components/blocks/ProductImages.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ProductImages.vue.cjs","sources":["../../../../../../../src/modules/products/components/blocks/ProductImages.vue"],"sourcesContent":["<template>\n  <div class=\"w-100 bs-heavy h-max  mobile:pos-relative tablet:pos-relative pos-sticky pos-t-0 pd-medium o-hidden bg-light radius-medium gap-small flex-nowrap flex-row mobile:flex-column flex pos-relative\">\n    <!-- Main image container -->\n    <div class=\"order-1 w-100 bg-light radius-small o-hidden\" @click=\"openPopup(currentImageIndex)\">\n      <Image360\n        v-if=\"product && product.image3d\"\n        class=\"h-100 w-100\"\n        :imagePath=\"`/assets/images/products/${product.image3d}`\"\n        :imageCount=\"36\"\n      />\n      <img\n        loading=\"lazy\"\n        v-if=\"images[currentImageIndex] && !product?.image3d\"\n        class=\"h-100 flex-child-default bg-white radius-small w-100\"\n        style=\"object-fit: contain;\"\n        :src=\"(FILE_SERVER_URL || '') + images[currentImageIndex]\"\n      />\n      <PlaceholderImage\n        v-if=\"!images[currentImageIndex] && !product?.image3d\"\n        class=\"h-100 w-100\"\n        style=\"object-fit: cover;\"\n      />\n    </div>\n    \n    <!-- Thumbnails -->\n    <div v-if=\"images.length > 1\" class=\"mobile:order-1 order-0 w-5r mobile:w-100\">\n      <div class=\"w-100 mobile:flex-row flex-column flex flex-nowrap gap-thin\">\n        <img loading=\"lazy\" \n          v-for=\"(image, index) in images.slice(0, 5)\"\n          :key=\"index\"\n          :src=\"(FILE_SERVER_URL || '') + image\" \n          @click=\"currentImageIndex = index\"\n          class=\"aspect-1x1 radius-small bg-white o-hidden thumbnail\"\n          :class=\"{ 'active': currentImageIndex === index }\"\n        />\n        <div\n          v-if=\"images.length > 5\"\n          @click=\"openPopup(5)\"\n          class=\"aspect-1x1 radius-small o-hidden thumbnail flex flex-center t-medium t-black bg-white \"\n        >\n          +{{ images.length - 5 }}\n        </div>\n      </div>\n    </div>\n    \n    <!-- Popup with photo viewer -->\n    <Popup @close-popup=\"closePopup\" :isPopupOpen=\"isPopupVisible\" class=\"radius-zero o-hidden\">\n      <PhotoViewer\n        :photos=\"images.map(img => (FILE_SERVER_URL || '') + img)\"\n        :initialIndex=\"selectedImageIndex\"\n      />\n    </Popup>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from \"vue\";\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport PhotoViewer from '@martyrs/src/components/PhotoViewer/PhotoViewer.vue';\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue'\nimport Image360 from '@martyrs/src/modules/products/components/elements/Image360.vue'\n\nconst props = defineProps({\n  images: {\n    type: Array,\n    required: true,\n  },\n  product: {\n    type: Object,\n    default: () => ({})\n  },\n});\n\nconst isPopupVisible = ref(false);\nconst selectedImageIndex = ref(0);\nconst currentImageIndex = ref(0);\n\nconst openPopup = (index) => {\n  if (!props.images.length) return;\n  selectedImageIndex.value = index;\n  isPopupVisible.value = true;\n};\n\nconst closePopup = () => {\n  selectedImageIndex.value = 0;\n  isPopupVisible.value = false;\n};\n</script>\n\n<style scoped>\n.thumbnail {\n  width: 100%;\n  object-fit: cover;\n  cursor: pointer;\n}\n.thumbnail.active {\n  border: 1px solid rgb(var(--second));\n}\n</style>"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DA,UAAM,QAAQ;AAWd,UAAM,iBAAiBA,IAAAA,IAAI,KAAK;AAChC,UAAM,qBAAqBA,IAAAA,IAAI,CAAC;AAChC,UAAM,oBAAoBA,IAAAA,IAAI,CAAC;AAE/B,UAAM,YAAY,CAAC,UAAU;AAC3B,UAAI,CAAC,MAAM,OAAO,OAAQ;AAC1B,yBAAmB,QAAQ;AAC3B,qBAAe,QAAQ;AAAA,IACzB;AAEA,UAAM,aAAa,MAAM;AACvB,yBAAmB,QAAQ;AAC3B,qBAAe,QAAQ;AAAA,IACzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ProductImages.vue.cjs","sources":["../../../../../../../src/modules/products/components/blocks/ProductImages.vue"],"sourcesContent":["<template>\n  <div class=\"w-100 bs-heavy h-max  mobile:pos-relative tablet:pos-relative pos-sticky pos-t-0 pd-medium o-hidden bg-light radius-medium gap-small flex-nowrap flex-row mobile:flex-column flex pos-relative\">\n    <!-- Main image container -->\n    <div class=\"order-1 w-100 bg-light radius-small o-hidden\" @click=\"openPopup(currentImageIndex)\">\n      <Image360\n        v-if=\"product && product.image3d\"\n        class=\"h-100 w-100\"\n        :imagePath=\"`/assets/images/products/${product.image3d}`\"\n        :imageCount=\"36\"\n      />\n      <img\n        loading=\"lazy\"\n        v-if=\"images[currentImageIndex] && !product?.image3d\"\n        class=\"h-100 flex-child-default bg-white radius-small w-100\"\n        style=\"object-fit: contain;\"\n        :src=\"(FILE_SERVER_URL || '') + images[currentImageIndex]\"\n      />\n      <PlaceholderImage\n        v-if=\"!images[currentImageIndex] && !product?.image3d\"\n        class=\"h-100 w-100\"\n        style=\"object-fit: cover;\"\n      />\n    </div>\n    \n    <!-- Thumbnails -->\n    <div v-if=\"images.length > 1\" class=\"mobile:order-1 order-0 w-5r mobile:w-100\">\n      <div class=\"w-100 mobile:flex-row flex-column flex flex-nowrap gap-thin\">\n        <img loading=\"lazy\" \n          v-for=\"(image, index) in images.slice(0, 5)\"\n          :key=\"index\"\n          :src=\"(FILE_SERVER_URL || '') + image\" \n          @click=\"currentImageIndex = index\"\n          class=\"aspect-1x1 radius-small bg-white o-hidden thumbnail\"\n          :class=\"{ 'active': currentImageIndex === index }\"\n        />\n        <div\n          v-if=\"images.length > 5\"\n          @click=\"openPopup(5)\"\n          class=\"aspect-1x1 radius-small o-hidden thumbnail flex flex-center t-medium t-black bg-white \"\n        >\n          +{{ images.length - 5 }}\n        </div>\n      </div>\n    </div>\n    \n    <!-- Popup with photo viewer -->\n    <Popup @close-popup=\"closePopup\" :isPopupOpen=\"isPopupVisible\" class=\"radius-zero w-100 o-hidden\">\n      <PhotoViewer\n        :photos=\"images.map(img => (FILE_SERVER_URL || '') + img)\"\n        :initialIndex=\"selectedImageIndex\"\n      />\n    </Popup>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from \"vue\";\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport PhotoViewer from '@martyrs/src/components/PhotoViewer/PhotoViewer.vue';\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue'\nimport Image360 from '@martyrs/src/modules/products/components/elements/Image360.vue'\n\nconst props = defineProps({\n  images: {\n    type: Array,\n    required: true,\n  },\n  product: {\n    type: Object,\n    default: () => ({})\n  },\n});\n\nconst isPopupVisible = ref(false);\nconst selectedImageIndex = ref(0);\nconst currentImageIndex = ref(0);\n\nconst openPopup = (index) => {\n  if (!props.images.length) return;\n  selectedImageIndex.value = index;\n  isPopupVisible.value = true;\n};\n\nconst closePopup = () => {\n  selectedImageIndex.value = 0;\n  isPopupVisible.value = false;\n};\n</script>\n\n<style scoped>\n.thumbnail {\n  width: 100%;\n  object-fit: cover;\n  cursor: pointer;\n}\n.thumbnail.active {\n  border: 1px solid rgb(var(--second));\n}\n</style>"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DA,UAAM,QAAQ;AAWd,UAAM,iBAAiBA,IAAAA,IAAI,KAAK;AAChC,UAAM,qBAAqBA,IAAAA,IAAI,CAAC;AAChC,UAAM,oBAAoBA,IAAAA,IAAI,CAAC;AAE/B,UAAM,YAAY,CAAC,UAAU;AAC3B,UAAI,CAAC,MAAM,OAAO,OAAQ;AAC1B,yBAAmB,QAAQ;AAC3B,qBAAe,QAAQ;AAAA,IACzB;AAEA,UAAM,aAAa,MAAM;AACvB,yBAAmB,QAAQ;AAC3B,qBAAe,QAAQ;AAAA,IACzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/products/components/blocks/ProductImages.vue.js

@@ -85,7 +85,7 @@ const _sfc_main = {
         createVNode(_sfc_main$1, {
           onClosePopup: closePopup,
           isPopupOpen: isPopupVisible.value,
-          class: "radius-zero o-hidden"
+          class: "radius-zero w-100 o-hidden"
         }, {
           default: withCtx(() => [
             createVNode(PhotoViewer, {
@@ -99,7 +99,7 @@ const _sfc_main = {
     };
   }
 };
-const ProductImages = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-38ae846b"]]);
+const ProductImages = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-eddb4b2b"]]);
 export {
   ProductImages as default
 };

package/dist/martyrs/src/modules/products/components/blocks/ProductImages.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductImages.vue.js","sources":["../../../../../../../src/modules/products/components/blocks/ProductImages.vue"],"sourcesContent":["<template>\n  <div class=\"w-100 bs-heavy h-max  mobile:pos-relative tablet:pos-relative pos-sticky pos-t-0 pd-medium o-hidden bg-light radius-medium gap-small flex-nowrap flex-row mobile:flex-column flex pos-relative\">\n    <!-- Main image container -->\n    <div class=\"order-1 w-100 bg-light radius-small o-hidden\" @click=\"openPopup(currentImageIndex)\">\n      <Image360\n        v-if=\"product && product.image3d\"\n        class=\"h-100 w-100\"\n        :imagePath=\"`/assets/images/products/${product.image3d}`\"\n        :imageCount=\"36\"\n      />\n      <img\n        loading=\"lazy\"\n        v-if=\"images[currentImageIndex] && !product?.image3d\"\n        class=\"h-100 flex-child-default bg-white radius-small w-100\"\n        style=\"object-fit: contain;\"\n        :src=\"(FILE_SERVER_URL || '') + images[currentImageIndex]\"\n      />\n      <PlaceholderImage\n        v-if=\"!images[currentImageIndex] && !product?.image3d\"\n        class=\"h-100 w-100\"\n        style=\"object-fit: cover;\"\n      />\n    </div>\n    \n    <!-- Thumbnails -->\n    <div v-if=\"images.length > 1\" class=\"mobile:order-1 order-0 w-5r mobile:w-100\">\n      <div class=\"w-100 mobile:flex-row flex-column flex flex-nowrap gap-thin\">\n        <img loading=\"lazy\" \n          v-for=\"(image, index) in images.slice(0, 5)\"\n          :key=\"index\"\n          :src=\"(FILE_SERVER_URL || '') + image\" \n          @click=\"currentImageIndex = index\"\n          class=\"aspect-1x1 radius-small bg-white o-hidden thumbnail\"\n          :class=\"{ 'active': currentImageIndex === index }\"\n        />\n        <div\n          v-if=\"images.length > 5\"\n          @click=\"openPopup(5)\"\n          class=\"aspect-1x1 radius-small o-hidden thumbnail flex flex-center t-medium t-black bg-white \"\n        >\n          +{{ images.length - 5 }}\n        </div>\n      </div>\n    </div>\n    \n    <!-- Popup with photo viewer -->\n    <Popup @close-popup=\"closePopup\" :isPopupOpen=\"isPopupVisible\" class=\"radius-zero o-hidden\">\n      <PhotoViewer\n        :photos=\"images.map(img => (FILE_SERVER_URL || '') + img)\"\n        :initialIndex=\"selectedImageIndex\"\n      />\n    </Popup>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from \"vue\";\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport PhotoViewer from '@martyrs/src/components/PhotoViewer/PhotoViewer.vue';\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue'\nimport Image360 from '@martyrs/src/modules/products/components/elements/Image360.vue'\n\nconst props = defineProps({\n  images: {\n    type: Array,\n    required: true,\n  },\n  product: {\n    type: Object,\n    default: () => ({})\n  },\n});\n\nconst isPopupVisible = ref(false);\nconst selectedImageIndex = ref(0);\nconst currentImageIndex = ref(0);\n\nconst openPopup = (index) => {\n  if (!props.images.length) return;\n  selectedImageIndex.value = index;\n  isPopupVisible.value = true;\n};\n\nconst closePopup = () => {\n  selectedImageIndex.value = 0;\n  isPopupVisible.value = false;\n};\n</script>\n\n<style scoped>\n.thumbnail {\n  width: 100%;\n  object-fit: cover;\n  cursor: pointer;\n}\n.thumbnail.active {\n  border: 1px solid rgb(var(--second));\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DA,UAAM,QAAQ;AAWd,UAAM,iBAAiB,IAAI,KAAK;AAChC,UAAM,qBAAqB,IAAI,CAAC;AAChC,UAAM,oBAAoB,IAAI,CAAC;AAE/B,UAAM,YAAY,CAAC,UAAU;AAC3B,UAAI,CAAC,MAAM,OAAO,OAAQ;AAC1B,yBAAmB,QAAQ;AAC3B,qBAAe,QAAQ;AAAA,IACzB;AAEA,UAAM,aAAa,MAAM;AACvB,yBAAmB,QAAQ;AAC3B,qBAAe,QAAQ;AAAA,IACzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ProductImages.vue.js","sources":["../../../../../../../src/modules/products/components/blocks/ProductImages.vue"],"sourcesContent":["<template>\n  <div class=\"w-100 bs-heavy h-max  mobile:pos-relative tablet:pos-relative pos-sticky pos-t-0 pd-medium o-hidden bg-light radius-medium gap-small flex-nowrap flex-row mobile:flex-column flex pos-relative\">\n    <!-- Main image container -->\n    <div class=\"order-1 w-100 bg-light radius-small o-hidden\" @click=\"openPopup(currentImageIndex)\">\n      <Image360\n        v-if=\"product && product.image3d\"\n        class=\"h-100 w-100\"\n        :imagePath=\"`/assets/images/products/${product.image3d}`\"\n        :imageCount=\"36\"\n      />\n      <img\n        loading=\"lazy\"\n        v-if=\"images[currentImageIndex] && !product?.image3d\"\n        class=\"h-100 flex-child-default bg-white radius-small w-100\"\n        style=\"object-fit: contain;\"\n        :src=\"(FILE_SERVER_URL || '') + images[currentImageIndex]\"\n      />\n      <PlaceholderImage\n        v-if=\"!images[currentImageIndex] && !product?.image3d\"\n        class=\"h-100 w-100\"\n        style=\"object-fit: cover;\"\n      />\n    </div>\n    \n    <!-- Thumbnails -->\n    <div v-if=\"images.length > 1\" class=\"mobile:order-1 order-0 w-5r mobile:w-100\">\n      <div class=\"w-100 mobile:flex-row flex-column flex flex-nowrap gap-thin\">\n        <img loading=\"lazy\" \n          v-for=\"(image, index) in images.slice(0, 5)\"\n          :key=\"index\"\n          :src=\"(FILE_SERVER_URL || '') + image\" \n          @click=\"currentImageIndex = index\"\n          class=\"aspect-1x1 radius-small bg-white o-hidden thumbnail\"\n          :class=\"{ 'active': currentImageIndex === index }\"\n        />\n        <div\n          v-if=\"images.length > 5\"\n          @click=\"openPopup(5)\"\n          class=\"aspect-1x1 radius-small o-hidden thumbnail flex flex-center t-medium t-black bg-white \"\n        >\n          +{{ images.length - 5 }}\n        </div>\n      </div>\n    </div>\n    \n    <!-- Popup with photo viewer -->\n    <Popup @close-popup=\"closePopup\" :isPopupOpen=\"isPopupVisible\" class=\"radius-zero w-100 o-hidden\">\n      <PhotoViewer\n        :photos=\"images.map(img => (FILE_SERVER_URL || '') + img)\"\n        :initialIndex=\"selectedImageIndex\"\n      />\n    </Popup>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from \"vue\";\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport PhotoViewer from '@martyrs/src/components/PhotoViewer/PhotoViewer.vue';\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue'\nimport Image360 from '@martyrs/src/modules/products/components/elements/Image360.vue'\n\nconst props = defineProps({\n  images: {\n    type: Array,\n    required: true,\n  },\n  product: {\n    type: Object,\n    default: () => ({})\n  },\n});\n\nconst isPopupVisible = ref(false);\nconst selectedImageIndex = ref(0);\nconst currentImageIndex = ref(0);\n\nconst openPopup = (index) => {\n  if (!props.images.length) return;\n  selectedImageIndex.value = index;\n  isPopupVisible.value = true;\n};\n\nconst closePopup = () => {\n  selectedImageIndex.value = 0;\n  isPopupVisible.value = false;\n};\n</script>\n\n<style scoped>\n.thumbnail {\n  width: 100%;\n  object-fit: cover;\n  cursor: pointer;\n}\n.thumbnail.active {\n  border: 1px solid rgb(var(--second));\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DA,UAAM,QAAQ;AAWd,UAAM,iBAAiB,IAAI,KAAK;AAChC,UAAM,qBAAqB,IAAI,CAAC;AAChC,UAAM,oBAAoB,IAAI,CAAC;AAE/B,UAAM,YAAY,CAAC,UAAU;AAC3B,UAAI,CAAC,MAAM,OAAO,OAAQ;AAC1B,yBAAmB,QAAQ;AAC3B,qBAAe,QAAQ;AAAA,IACzB;AAEA,UAAM,aAAa,MAAM;AACvB,yBAAmB,QAAQ;AAC3B,qBAAe,QAAQ;AAAA,IACzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -6,7 +6,7 @@ const globals = require("../../../globals/views/store/globals.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");
 const categories = require("../../store/categories.cjs");
 ;/* empty css                                          */
-;/* empty css                                          */
+;/* empty css                                         */
 const Block = require("../../../../components/Block/Block.vue.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const Tree = require("../../../../components/Tree/Tree.vue.cjs");
@@ -46,25 +46,31 @@ const _sfc_main = {
     });
     vue.onMounted(async () => {
     });
-    function flattenCategoryTree(categories2) {
+    function flattenTreeForAPI(treeData, parentUrl = "") {
       let flatCategories = [];
-      function flatten(category) {
-        const { children, ...categoryWithoutChildren } = category;
-        flatCategories.push(categoryWithoutChildren);
-        if (children && Array.isArray(children)) {
-          children.forEach((child) => flatten(child));
+      function processNode(node, index, parentUrl2) {
+        const { children, ...nodeData } = node;
+        flatCategories.push({
+          _id: nodeData._id,
+          order: index,
+          ...nodeData.parent && { parent: nodeData.parent }
+        });
+        if (children && children.length > 0) {
+          children.forEach((child, childIndex) => {
+            processNode(child, childIndex, nodeData.url);
+          });
         }
       }
-      categories2.forEach((category) => flatten(category));
+      treeData.forEach((node, index) => {
+        processNode(node, index);
+      });
       return flatCategories;
     }
-    async function updateCategoriesOrder(updatedCategories) {
-      alert("helo");
+    async function updateCategoriesOrder(event) {
+      console.log("updateCategoriesOrder called with event:", event);
       try {
-        const flattenedCategories = flattenCategoryTree(categories.state.all);
-        console.log(flattenedCategories);
-        console.log(categories.state.all);
-        await categories.actions.updateOrder(flattenedCategories);
+        const flatCategories = flattenTreeForAPI(categories.state.all);
+        await categories.actions.updateOrder(flatCategories);
         console.log("Categories order updated successfully");
       } catch (error) {
         console.error("Error updating categories order:", error);
@@ -74,9 +80,7 @@ const _sfc_main = {
     async function deleteCategory(category) {
       const isConfirmed = confirm(`Are you sure you want to delete the category "${category.name}"?`);
       if (isConfirmed) {
-        await categories.actions.delete(category.url);
-      } else {
-        alert("Category deletion cancelled");
+        await categories.actions.delete(category._id);
       }
     }
     return (_ctx, _cache) => {
@@ -121,8 +125,7 @@ const _sfc_main = {
             },
             options: {
               user: auth.state.user._id,
-              rootOnly: true,
-              excludeChildren: false
+              tree: true
             },
             sort: vue.unref(sort),
             "onUpdate:sort": _cache[0] || (_cache[0] = ($event) => vue.isRef(sort) ? sort.value = $event : sort = $event),

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

@@ -1 +1 @@
-{"version":3,"file":"Categories.vue.cjs","sources":["../../../../../../../src/modules/products/components/pages/Categories.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin bg-white\">\n    <Block v-if=\"!MOBILE_APP\" \n      class=\"radius-medium mn-b-thin mobile:flex-wrap flex-nowrap flex-v-center flex\"\n    >\n      <h2 class=\"mn-r-auto\">\n        Categories\n      </h2>\n\n      <router-link \n        :to=\"{\n          name: 'Category Add', \n          params: { \n            _id: $route.params._id\n          } \n        }\"\n        class=\"uppercase t-medium pd-small radius-medium bg-white nav-link\"\n      >\n        Add New\n      </router-link>\n    </Block>\n\n    <div class=\"rows-1\">\n      <Feed\n        :search=\"true\"\n        :showLoadMore=\"false\"\n        :states=\"{\n          empty: {\n            title: 'No Products Found',\n            description: 'Currently, there are no products available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => categories.actions.read(options),\n          state: categories.state\n        }\"\n        :options=\"{\n          user: auth.state.user._id,\n          rootOnly: true,\n          excludeChildren: false\n        }\"\n        v-model:sort=\"sort\"\n        v-model:items=\"categories.state.all\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"rows-1 gap-thin\"\n      >\n        <Tree \n          v-if=\"items\" \n          :items=\"categories.state.all\" \n          :state=\"categories.state.all\" \n          @update=\"updateCategoriesOrder\" \n          v-slot=\"{ item }\"\n        >\n          <CardCategory \n            :category=\"item\" \n            @delete=\"deleteCategory\" \n          />\n        </Tree>\n      </Feed>\n    </div>\n  </div>\n</template>\n\n<script setup>\n  import { onMounted, onUnmounted, computed, ref,reactive } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n\n  import * as globals from '@martyrs/src/modules/globals/views/store/globals.js';\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js'; \n  import * as categories from '@martyrs/src/modules/products/store/categories.js'; \n\n  const route = useRoute();\n  const router = useRouter();\n\n  import Button from \"@martyrs/src/components/Button/Button.vue\";\n  import Block from '@martyrs/src/components/Block/Block.vue';\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n  import Tree from \"@martyrs/src/components/Tree/Tree.vue\";\n  \n  import CardCategory from '@martyrs/src/modules/products/components/blocks/CardCategory.vue';\n\n  import IconPlus from '@martyrs/src/modules/icons/navigation/IconPlus.vue'\n\n  let search = ref(null)\n\n  let sort = reactive({\n    param: 'order',\n    order: 'asc',\n    options: [{\n      label: 'Order',\n      value: 'order'\n    },{\n      label: 'Name',\n      value: 'name'\n    },{\n      label: 'Date',\n      value: 'createdAt'\n    }]\n  })\n\n  globals.state.navigation_bar.actions = [{\n    component: IconPlus,\n    props: {\n      fill: \"rgb(var(--main))\" \n    },\n    condition: () => auth.state.user && auth.state.user._id,\n    action: () => route.params._id ? router.push({ name: 'Category Add', params: { _id: route.params._id} }) : router.push({ name: 'Category Add' })\n  }],\n\n  onUnmounted(() => {\n    globals.state.navigation_bar.actions = [];\n  });\n\n  onMounted(async () => {\n    \n  });\n\n  // Функция для преобразования иерархического дерева категорий в плоский массив\n  function flattenCategoryTree(categories) {\n    let flatCategories = [];\n    \n    function flatten(category) {\n      const { children, ...categoryWithoutChildren } = category;\n      flatCategories.push(categoryWithoutChildren);\n      \n      if (children && Array.isArray(children)) {\n        children.forEach(child => flatten(child));\n      }\n    }\n    \n    categories.forEach(category => flatten(category));\n    return flatCategories;\n  }\n\n\n  // Функция для обновления порядка категорий\n  async function updateCategoriesOrder(updatedCategories) {\n    alert('helo')\n    try {\n      // Преобразуем категории в плоский массив\n      const flattenedCategories = flattenCategoryTree(categories.state.all);\n      \n      console.log(flattenedCategories)\n      console.log( categories.state.all)\n      await categories.actions.updateOrder(flattenedCategories);\n        \n      console.log('Categories order updated successfully');\n    } catch (error) {\n      console.error('Error updating categories order:', error);\n      throw error;\n    }\n  }\n\n  async function deleteCategory(category) {\n    // Запрашиваем подтверждение у пользователя\n    const isConfirmed = confirm(`Are you sure you want to delete the category \"${category.name}\"?`);\n    \n    // Если пользователь подтвердил удаление, продолжаем процесс\n    if (isConfirmed) {\n      await categories.actions.delete(category.url);\n    } else {\n      alert('Category deletion cancelled'); \n    }\n  }\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["useRoute","useRouter","ref","reactive","globals.state","IconPlus","auth.state","onUnmounted","onMounted","categories","categories.state","categories.actions"],"mappings":";;;;;;;;;;;;;;;;;;;AAyEE,UAAM,QAAQA,UAAAA,SAAQ;AACtB,UAAM,SAASC,UAAAA,UAAS;AAWXC,QAAAA,IAAI,IAAI;AAErB,QAAI,OAAOC,IAAAA,SAAS;AAAA,MAClB,OAAO;AAAA,MACP,OAAO;AAAA,MACP,SAAS,CAAC;AAAA,QACR,OAAO;AAAA,QACP,OAAO;AAAA,MACb,GAAM;AAAA,QACA,OAAO;AAAA,QACP,OAAO;AAAA,MACb,GAAM;AAAA,QACA,OAAO;AAAA,QACP,OAAO;AAAA,MACb,CAAK;AAAA,IACL,CAAG;AAEDC,kBAAc,eAAe,UAAU,CAAC;AAAA,MACtC,WAAWC,SAAAA;AAAAA,MACX,OAAO;AAAA,QACL,MAAM;AAAA,MACZ;AAAA,MACI,WAAW,MAAMC,KAAAA,MAAW,QAAQA,KAAAA,MAAW,KAAK;AAAA,MACpD,QAAQ,MAAM,MAAM,OAAO,MAAM,OAAO,KAAK,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG,EAAC,CAAE,IAAI,OAAO,KAAK,EAAE,MAAM,eAAc,CAAE;AAAA,IACnJ,CAAG,GAEDC,IAAAA,YAAY,MAAM;AAChBH,oBAAc,eAAe,UAAU,CAAA;AAAA,IACzC,CAAC;AAEDI,QAAAA,UAAU,YAAY;AAAA,IAEtB,CAAC;AAGD,aAAS,oBAAoBC,aAAY;AACvC,UAAI,iBAAiB,CAAA;AAErB,eAAS,QAAQ,UAAU;AACzB,cAAM,EAAE,UAAU,GAAG,wBAAuB,IAAK;AACjD,uBAAe,KAAK,uBAAuB;AAE3C,YAAI,YAAY,MAAM,QAAQ,QAAQ,GAAG;AACvC,mBAAS,QAAQ,WAAS,QAAQ,KAAK,CAAC;AAAA,QAC1C;AAAA,MACF;AAEA,MAAAA,YAAW,QAAQ,cAAY,QAAQ,QAAQ,CAAC;AAChD,aAAO;AAAA,IACT;AAIA,mBAAe,sBAAsB,mBAAmB;AACtD,YAAM,MAAM;AACZ,UAAI;AAEF,cAAM,sBAAsB,oBAAoBC,WAAAA,MAAiB,GAAG;AAEpE,gBAAQ,IAAI,mBAAmB;AAC/B,gBAAQ,IAAKA,WAAAA,MAAiB,GAAG;AACjC,cAAMC,WAAAA,QAAmB,YAAY,mBAAmB;AAExD,gBAAQ,IAAI,uCAAuC;AAAA,MACrD,SAAS,OAAO;AACd,gBAAQ,MAAM,oCAAoC,KAAK;AACvD,cAAM;AAAA,MACR;AAAA,IACF;AAEA,mBAAe,eAAe,UAAU;AAEtC,YAAM,cAAc,QAAQ,iDAAiD,SAAS,IAAI,IAAI;AAG9F,UAAI,aAAa;AACf,cAAMA,mBAAmB,OAAO,SAAS,GAAG;AAAA,MAC9C,OAAO;AACL,cAAM,6BAA6B;AAAA,MACrC;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Categories.vue.cjs","sources":["../../../../../../../src/modules/products/components/pages/Categories.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin bg-white\">\n    <Block v-if=\"!MOBILE_APP\" \n      class=\"radius-medium mn-b-thin mobile:flex-wrap flex-nowrap flex-v-center flex\"\n    >\n      <h2 class=\"mn-r-auto\">\n        Categories\n      </h2>\n\n      <router-link \n        :to=\"{\n          name: 'Category Add', \n          params: { \n            _id: $route.params._id\n          } \n        }\"\n        class=\"uppercase t-medium pd-small radius-medium bg-white nav-link\"\n      >\n        Add New\n      </router-link>\n    </Block>\n\n    <div class=\"rows-1\">\n      <Feed\n        :search=\"true\"\n        :showLoadMore=\"false\"\n        :states=\"{\n          empty: {\n            title: 'No Products Found',\n            description: 'Currently, there are no products available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => categories.actions.read(options),\n          state: categories.state\n        }\"\n        :options=\"{\n          user: auth.state.user._id,\n          tree: true\n        }\"\n        v-model:sort=\"sort\"\n        v-model:items=\"categories.state.all\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"rows-1 gap-thin\"\n      >\n        <Tree \n          v-if=\"items\" \n          :items=\"categories.state.all\" \n          :state=\"categories.state.all\" \n          @update=\"updateCategoriesOrder\" \n          v-slot=\"{ item }\"\n        >\n          <CardCategory \n            :category=\"item\" \n            @delete=\"deleteCategory\" \n          />\n        </Tree>\n      </Feed>\n    </div>\n  </div>\n</template>\n\n<script setup>\n  import { onMounted, onUnmounted, computed, ref,reactive } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n\n  import * as globals from '@martyrs/src/modules/globals/views/store/globals.js';\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js'; \n  import * as categories from '@martyrs/src/modules/products/store/categories.js'; \n\n  const route = useRoute();\n  const router = useRouter();\n\n  import Button from \"@martyrs/src/components/Button/Button.vue\";\n  import Block from '@martyrs/src/components/Block/Block.vue';\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n  import Tree from \"@martyrs/src/components/Tree/Tree.vue\";\n  \n  import CardCategory from '@martyrs/src/modules/products/components/blocks/CardCategory.vue';\n\n  import IconPlus from '@martyrs/src/modules/icons/navigation/IconPlus.vue'\n\n  let search = ref(null)\n\n  let sort = reactive({\n    param: 'order',\n    order: 'asc',\n    options: [{\n      label: 'Order',\n      value: 'order'\n    },{\n      label: 'Name',\n      value: 'name'\n    },{\n      label: 'Date',\n      value: 'createdAt'\n    }]\n  })\n\n  globals.state.navigation_bar.actions = [{\n    component: IconPlus,\n    props: {\n      fill: \"rgb(var(--main))\" \n    },\n    condition: () => auth.state.user && auth.state.user._id,\n    action: () => route.params._id ? router.push({ name: 'Category Add', params: { _id: route.params._id} }) : router.push({ name: 'Category Add' })\n  }],\n\n  onUnmounted(() => {\n    globals.state.navigation_bar.actions = [];\n  });\n\n  onMounted(async () => {\n    \n  });\n\n  // Функция для преобразования дерева в плоский массив для API (materialised path)\n  function flattenTreeForAPI(treeData, parentUrl = '') {\n    let flatCategories = [];\n    \n    function processNode(node, index, parentUrl) {\n      const { children, ...nodeData } = node;\n      \n      // Для materialised path отправляем order и parent (если есть)\n      flatCategories.push({\n        _id: nodeData._id,\n        order: index,\n        ...(nodeData.parent && { parent: nodeData.parent })\n      });\n      \n      if (children && children.length > 0) {\n        children.forEach((child, childIndex) => {\n          processNode(child, childIndex, nodeData.url);\n        });\n      }\n    }\n    \n    treeData.forEach((node, index) => {\n      processNode(node, index, parentUrl);\n    });\n    \n    return flatCategories;\n  }\n\n  // Функция для обновления порядка категорий\n  async function updateCategoriesOrder(event) {\n    console.log('updateCategoriesOrder called with event:', event);\n    \n    try {\n      // Игнорируем события drag-and-drop, используем актуальное состояние\n      const flatCategories = flattenTreeForAPI(categories.state.all);\n      \n      await categories.actions.updateOrder(flatCategories);\n      console.log('Categories order updated successfully');\n    } catch (error) {\n      console.error('Error updating categories order:', error);\n      throw error;\n    }\n  }\n\n  async function deleteCategory(category) {\n    // Запрашиваем подтверждение у пользователя\n    const isConfirmed = confirm(`Are you sure you want to delete the category \"${category.name}\"?`);\n    \n    // Если пользователь подтвердил удаление, продолжаем процесс\n    if (isConfirmed) {\n      await categories.actions.delete(category._id);\n    }\n  }\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["useRoute","useRouter","ref","reactive","globals.state","IconPlus","auth.state","onUnmounted","onMounted","parentUrl","categories.state","categories.actions"],"mappings":";;;;;;;;;;;;;;;;;;;AAwEE,UAAM,QAAQA,UAAAA,SAAQ;AACtB,UAAM,SAASC,UAAAA,UAAS;AAWXC,QAAAA,IAAI,IAAI;AAErB,QAAI,OAAOC,IAAAA,SAAS;AAAA,MAClB,OAAO;AAAA,MACP,OAAO;AAAA,MACP,SAAS,CAAC;AAAA,QACR,OAAO;AAAA,QACP,OAAO;AAAA,MACb,GAAM;AAAA,QACA,OAAO;AAAA,QACP,OAAO;AAAA,MACb,GAAM;AAAA,QACA,OAAO;AAAA,QACP,OAAO;AAAA,MACb,CAAK;AAAA,IACL,CAAG;AAEDC,kBAAc,eAAe,UAAU,CAAC;AAAA,MACtC,WAAWC,SAAAA;AAAAA,MACX,OAAO;AAAA,QACL,MAAM;AAAA,MACZ;AAAA,MACI,WAAW,MAAMC,KAAAA,MAAW,QAAQA,KAAAA,MAAW,KAAK;AAAA,MACpD,QAAQ,MAAM,MAAM,OAAO,MAAM,OAAO,KAAK,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG,EAAC,CAAE,IAAI,OAAO,KAAK,EAAE,MAAM,eAAc,CAAE;AAAA,IACnJ,CAAG,GAEDC,IAAAA,YAAY,MAAM;AAChBH,oBAAc,eAAe,UAAU,CAAA;AAAA,IACzC,CAAC;AAEDI,QAAAA,UAAU,YAAY;AAAA,IAEtB,CAAC;AAGD,aAAS,kBAAkB,UAAU,YAAY,IAAI;AACnD,UAAI,iBAAiB,CAAA;AAErB,eAAS,YAAY,MAAM,OAAOC,YAAW;AAC3C,cAAM,EAAE,UAAU,GAAG,SAAQ,IAAK;AAGlC,uBAAe,KAAK;AAAA,UAClB,KAAK,SAAS;AAAA,UACd,OAAO;AAAA,UACP,GAAI,SAAS,UAAU,EAAE,QAAQ,SAAS,OAAM;AAAA,QACxD,CAAO;AAED,YAAI,YAAY,SAAS,SAAS,GAAG;AACnC,mBAAS,QAAQ,CAAC,OAAO,eAAe;AACtC,wBAAY,OAAO,YAAY,SAAS,GAAG;AAAA,UAC7C,CAAC;AAAA,QACH;AAAA,MACF;AAEA,eAAS,QAAQ,CAAC,MAAM,UAAU;AAChC,oBAAY,MAAM,KAAgB;AAAA,MACpC,CAAC;AAED,aAAO;AAAA,IACT;AAGA,mBAAe,sBAAsB,OAAO;AAC1C,cAAQ,IAAI,4CAA4C,KAAK;AAE7D,UAAI;AAEF,cAAM,iBAAiB,kBAAkBC,WAAAA,MAAiB,GAAG;AAE7D,cAAMC,WAAAA,QAAmB,YAAY,cAAc;AACnD,gBAAQ,IAAI,uCAAuC;AAAA,MACrD,SAAS,OAAO;AACd,gBAAQ,MAAM,oCAAoC,KAAK;AACvD,cAAM;AAAA,MACR;AAAA,IACF;AAEA,mBAAe,eAAe,UAAU;AAEtC,YAAM,cAAc,QAAQ,iDAAiD,SAAS,IAAI,IAAI;AAG9F,UAAI,aAAa;AACf,cAAMA,mBAAmB,OAAO,SAAS,GAAG;AAAA,MAC9C;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -4,7 +4,7 @@ import { state as state$1 } from "../../../globals/views/store/globals.js";
 import { state } from "../../../auth/views/store/auth.js";
 import { state as state$2, actions } from "../../store/categories.js";
 /* empty css                                        */
-/* empty css                                        */
+/* empty css                                       */
 import _sfc_main$2 from "../../../../components/Block/Block.vue.js";
 import _sfc_main$3 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$4 from "../../../../components/Tree/Tree.vue.js";
@@ -44,25 +44,31 @@ const _sfc_main = {
     });
     onMounted(async () => {
     });
-    function flattenCategoryTree(categories) {
+    function flattenTreeForAPI(treeData, parentUrl = "") {
       let flatCategories = [];
-      function flatten(category) {
-        const { children, ...categoryWithoutChildren } = category;
-        flatCategories.push(categoryWithoutChildren);
-        if (children && Array.isArray(children)) {
-          children.forEach((child) => flatten(child));
+      function processNode(node, index, parentUrl2) {
+        const { children, ...nodeData } = node;
+        flatCategories.push({
+          _id: nodeData._id,
+          order: index,
+          ...nodeData.parent && { parent: nodeData.parent }
+        });
+        if (children && children.length > 0) {
+          children.forEach((child, childIndex) => {
+            processNode(child, childIndex, nodeData.url);
+          });
         }
       }
-      categories.forEach((category) => flatten(category));
+      treeData.forEach((node, index) => {
+        processNode(node, index);
+      });
       return flatCategories;
     }
-    async function updateCategoriesOrder(updatedCategories) {
-      alert("helo");
+    async function updateCategoriesOrder(event) {
+      console.log("updateCategoriesOrder called with event:", event);
       try {
-        const flattenedCategories = flattenCategoryTree(state$2.all);
-        console.log(flattenedCategories);
-        console.log(state$2.all);
-        await actions.updateOrder(flattenedCategories);
+        const flatCategories = flattenTreeForAPI(state$2.all);
+        await actions.updateOrder(flatCategories);
         console.log("Categories order updated successfully");
       } catch (error) {
         console.error("Error updating categories order:", error);
@@ -72,9 +78,7 @@ const _sfc_main = {
     async function deleteCategory(category) {
       const isConfirmed = confirm(`Are you sure you want to delete the category "${category.name}"?`);
       if (isConfirmed) {
-        await actions.delete(category.url);
-      } else {
-        alert("Category deletion cancelled");
+        await actions.delete(category._id);
       }
     }
     return (_ctx, _cache) => {
@@ -119,8 +123,7 @@ const _sfc_main = {
             },
             options: {
               user: state.user._id,
-              rootOnly: true,
-              excludeChildren: false
+              tree: true
             },
             sort: unref(sort),
             "onUpdate:sort": _cache[0] || (_cache[0] = ($event) => isRef(sort) ? sort.value = $event : sort = $event),

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

@@ -1 +1 @@
-{"version":3,"file":"Categories.vue.js","sources":["../../../../../../../src/modules/products/components/pages/Categories.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin bg-white\">\n    <Block v-if=\"!MOBILE_APP\" \n      class=\"radius-medium mn-b-thin mobile:flex-wrap flex-nowrap flex-v-center flex\"\n    >\n      <h2 class=\"mn-r-auto\">\n        Categories\n      </h2>\n\n      <router-link \n        :to=\"{\n          name: 'Category Add', \n          params: { \n            _id: $route.params._id\n          } \n        }\"\n        class=\"uppercase t-medium pd-small radius-medium bg-white nav-link\"\n      >\n        Add New\n      </router-link>\n    </Block>\n\n    <div class=\"rows-1\">\n      <Feed\n        :search=\"true\"\n        :showLoadMore=\"false\"\n        :states=\"{\n          empty: {\n            title: 'No Products Found',\n            description: 'Currently, there are no products available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => categories.actions.read(options),\n          state: categories.state\n        }\"\n        :options=\"{\n          user: auth.state.user._id,\n          rootOnly: true,\n          excludeChildren: false\n        }\"\n        v-model:sort=\"sort\"\n        v-model:items=\"categories.state.all\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"rows-1 gap-thin\"\n      >\n        <Tree \n          v-if=\"items\" \n          :items=\"categories.state.all\" \n          :state=\"categories.state.all\" \n          @update=\"updateCategoriesOrder\" \n          v-slot=\"{ item }\"\n        >\n          <CardCategory \n            :category=\"item\" \n            @delete=\"deleteCategory\" \n          />\n        </Tree>\n      </Feed>\n    </div>\n  </div>\n</template>\n\n<script setup>\n  import { onMounted, onUnmounted, computed, ref,reactive } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n\n  import * as globals from '@martyrs/src/modules/globals/views/store/globals.js';\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js'; \n  import * as categories from '@martyrs/src/modules/products/store/categories.js'; \n\n  const route = useRoute();\n  const router = useRouter();\n\n  import Button from \"@martyrs/src/components/Button/Button.vue\";\n  import Block from '@martyrs/src/components/Block/Block.vue';\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n  import Tree from \"@martyrs/src/components/Tree/Tree.vue\";\n  \n  import CardCategory from '@martyrs/src/modules/products/components/blocks/CardCategory.vue';\n\n  import IconPlus from '@martyrs/src/modules/icons/navigation/IconPlus.vue'\n\n  let search = ref(null)\n\n  let sort = reactive({\n    param: 'order',\n    order: 'asc',\n    options: [{\n      label: 'Order',\n      value: 'order'\n    },{\n      label: 'Name',\n      value: 'name'\n    },{\n      label: 'Date',\n      value: 'createdAt'\n    }]\n  })\n\n  globals.state.navigation_bar.actions = [{\n    component: IconPlus,\n    props: {\n      fill: \"rgb(var(--main))\" \n    },\n    condition: () => auth.state.user && auth.state.user._id,\n    action: () => route.params._id ? router.push({ name: 'Category Add', params: { _id: route.params._id} }) : router.push({ name: 'Category Add' })\n  }],\n\n  onUnmounted(() => {\n    globals.state.navigation_bar.actions = [];\n  });\n\n  onMounted(async () => {\n    \n  });\n\n  // Функция для преобразования иерархического дерева категорий в плоский массив\n  function flattenCategoryTree(categories) {\n    let flatCategories = [];\n    \n    function flatten(category) {\n      const { children, ...categoryWithoutChildren } = category;\n      flatCategories.push(categoryWithoutChildren);\n      \n      if (children && Array.isArray(children)) {\n        children.forEach(child => flatten(child));\n      }\n    }\n    \n    categories.forEach(category => flatten(category));\n    return flatCategories;\n  }\n\n\n  // Функция для обновления порядка категорий\n  async function updateCategoriesOrder(updatedCategories) {\n    alert('helo')\n    try {\n      // Преобразуем категории в плоский массив\n      const flattenedCategories = flattenCategoryTree(categories.state.all);\n      \n      console.log(flattenedCategories)\n      console.log( categories.state.all)\n      await categories.actions.updateOrder(flattenedCategories);\n        \n      console.log('Categories order updated successfully');\n    } catch (error) {\n      console.error('Error updating categories order:', error);\n      throw error;\n    }\n  }\n\n  async function deleteCategory(category) {\n    // Запрашиваем подтверждение у пользователя\n    const isConfirmed = confirm(`Are you sure you want to delete the category \"${category.name}\"?`);\n    \n    // Если пользователь подтвердил удаление, продолжаем процесс\n    if (isConfirmed) {\n      await categories.actions.delete(category.url);\n    } else {\n      alert('Category deletion cancelled'); \n    }\n  }\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["globals.state","IconPlus","auth.state","categories.state","categories.actions"],"mappings":";;;;;;;;;;;;;;;;;AAyEE,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAWX,QAAI,IAAI;AAErB,QAAI,OAAO,SAAS;AAAA,MAClB,OAAO;AAAA,MACP,OAAO;AAAA,MACP,SAAS,CAAC;AAAA,QACR,OAAO;AAAA,QACP,OAAO;AAAA,MACb,GAAM;AAAA,QACA,OAAO;AAAA,QACP,OAAO;AAAA,MACb,GAAM;AAAA,QACA,OAAO;AAAA,QACP,OAAO;AAAA,MACb,CAAK;AAAA,IACL,CAAG;AAEDA,YAAc,eAAe,UAAU,CAAC;AAAA,MACtC,WAAWC;AAAAA,MACX,OAAO;AAAA,QACL,MAAM;AAAA,MACZ;AAAA,MACI,WAAW,MAAMC,MAAW,QAAQA,MAAW,KAAK;AAAA,MACpD,QAAQ,MAAM,MAAM,OAAO,MAAM,OAAO,KAAK,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG,EAAC,CAAE,IAAI,OAAO,KAAK,EAAE,MAAM,eAAc,CAAE;AAAA,IACnJ,CAAG,GAED,YAAY,MAAM;AAChBF,cAAc,eAAe,UAAU,CAAA;AAAA,IACzC,CAAC;AAED,cAAU,YAAY;AAAA,IAEtB,CAAC;AAGD,aAAS,oBAAoB,YAAY;AACvC,UAAI,iBAAiB,CAAA;AAErB,eAAS,QAAQ,UAAU;AACzB,cAAM,EAAE,UAAU,GAAG,wBAAuB,IAAK;AACjD,uBAAe,KAAK,uBAAuB;AAE3C,YAAI,YAAY,MAAM,QAAQ,QAAQ,GAAG;AACvC,mBAAS,QAAQ,WAAS,QAAQ,KAAK,CAAC;AAAA,QAC1C;AAAA,MACF;AAEA,iBAAW,QAAQ,cAAY,QAAQ,QAAQ,CAAC;AAChD,aAAO;AAAA,IACT;AAIA,mBAAe,sBAAsB,mBAAmB;AACtD,YAAM,MAAM;AACZ,UAAI;AAEF,cAAM,sBAAsB,oBAAoBG,QAAiB,GAAG;AAEpE,gBAAQ,IAAI,mBAAmB;AAC/B,gBAAQ,IAAKA,QAAiB,GAAG;AACjC,cAAMC,QAAmB,YAAY,mBAAmB;AAExD,gBAAQ,IAAI,uCAAuC;AAAA,MACrD,SAAS,OAAO;AACd,gBAAQ,MAAM,oCAAoC,KAAK;AACvD,cAAM;AAAA,MACR;AAAA,IACF;AAEA,mBAAe,eAAe,UAAU;AAEtC,YAAM,cAAc,QAAQ,iDAAiD,SAAS,IAAI,IAAI;AAG9F,UAAI,aAAa;AACf,cAAMA,QAAmB,OAAO,SAAS,GAAG;AAAA,MAC9C,OAAO;AACL,cAAM,6BAA6B;AAAA,MACrC;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Categories.vue.js","sources":["../../../../../../../src/modules/products/components/pages/Categories.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin bg-white\">\n    <Block v-if=\"!MOBILE_APP\" \n      class=\"radius-medium mn-b-thin mobile:flex-wrap flex-nowrap flex-v-center flex\"\n    >\n      <h2 class=\"mn-r-auto\">\n        Categories\n      </h2>\n\n      <router-link \n        :to=\"{\n          name: 'Category Add', \n          params: { \n            _id: $route.params._id\n          } \n        }\"\n        class=\"uppercase t-medium pd-small radius-medium bg-white nav-link\"\n      >\n        Add New\n      </router-link>\n    </Block>\n\n    <div class=\"rows-1\">\n      <Feed\n        :search=\"true\"\n        :showLoadMore=\"false\"\n        :states=\"{\n          empty: {\n            title: 'No Products Found',\n            description: 'Currently, there are no products available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => categories.actions.read(options),\n          state: categories.state\n        }\"\n        :options=\"{\n          user: auth.state.user._id,\n          tree: true\n        }\"\n        v-model:sort=\"sort\"\n        v-model:items=\"categories.state.all\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"rows-1 gap-thin\"\n      >\n        <Tree \n          v-if=\"items\" \n          :items=\"categories.state.all\" \n          :state=\"categories.state.all\" \n          @update=\"updateCategoriesOrder\" \n          v-slot=\"{ item }\"\n        >\n          <CardCategory \n            :category=\"item\" \n            @delete=\"deleteCategory\" \n          />\n        </Tree>\n      </Feed>\n    </div>\n  </div>\n</template>\n\n<script setup>\n  import { onMounted, onUnmounted, computed, ref,reactive } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n\n  import * as globals from '@martyrs/src/modules/globals/views/store/globals.js';\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js'; \n  import * as categories from '@martyrs/src/modules/products/store/categories.js'; \n\n  const route = useRoute();\n  const router = useRouter();\n\n  import Button from \"@martyrs/src/components/Button/Button.vue\";\n  import Block from '@martyrs/src/components/Block/Block.vue';\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n  import Tree from \"@martyrs/src/components/Tree/Tree.vue\";\n  \n  import CardCategory from '@martyrs/src/modules/products/components/blocks/CardCategory.vue';\n\n  import IconPlus from '@martyrs/src/modules/icons/navigation/IconPlus.vue'\n\n  let search = ref(null)\n\n  let sort = reactive({\n    param: 'order',\n    order: 'asc',\n    options: [{\n      label: 'Order',\n      value: 'order'\n    },{\n      label: 'Name',\n      value: 'name'\n    },{\n      label: 'Date',\n      value: 'createdAt'\n    }]\n  })\n\n  globals.state.navigation_bar.actions = [{\n    component: IconPlus,\n    props: {\n      fill: \"rgb(var(--main))\" \n    },\n    condition: () => auth.state.user && auth.state.user._id,\n    action: () => route.params._id ? router.push({ name: 'Category Add', params: { _id: route.params._id} }) : router.push({ name: 'Category Add' })\n  }],\n\n  onUnmounted(() => {\n    globals.state.navigation_bar.actions = [];\n  });\n\n  onMounted(async () => {\n    \n  });\n\n  // Функция для преобразования дерева в плоский массив для API (materialised path)\n  function flattenTreeForAPI(treeData, parentUrl = '') {\n    let flatCategories = [];\n    \n    function processNode(node, index, parentUrl) {\n      const { children, ...nodeData } = node;\n      \n      // Для materialised path отправляем order и parent (если есть)\n      flatCategories.push({\n        _id: nodeData._id,\n        order: index,\n        ...(nodeData.parent && { parent: nodeData.parent })\n      });\n      \n      if (children && children.length > 0) {\n        children.forEach((child, childIndex) => {\n          processNode(child, childIndex, nodeData.url);\n        });\n      }\n    }\n    \n    treeData.forEach((node, index) => {\n      processNode(node, index, parentUrl);\n    });\n    \n    return flatCategories;\n  }\n\n  // Функция для обновления порядка категорий\n  async function updateCategoriesOrder(event) {\n    console.log('updateCategoriesOrder called with event:', event);\n    \n    try {\n      // Игнорируем события drag-and-drop, используем актуальное состояние\n      const flatCategories = flattenTreeForAPI(categories.state.all);\n      \n      await categories.actions.updateOrder(flatCategories);\n      console.log('Categories order updated successfully');\n    } catch (error) {\n      console.error('Error updating categories order:', error);\n      throw error;\n    }\n  }\n\n  async function deleteCategory(category) {\n    // Запрашиваем подтверждение у пользователя\n    const isConfirmed = confirm(`Are you sure you want to delete the category \"${category.name}\"?`);\n    \n    // Если пользователь подтвердил удаление, продолжаем процесс\n    if (isConfirmed) {\n      await categories.actions.delete(category._id);\n    }\n  }\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["globals.state","IconPlus","auth.state","parentUrl","categories.state","categories.actions"],"mappings":";;;;;;;;;;;;;;;;;AAwEE,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAWX,QAAI,IAAI;AAErB,QAAI,OAAO,SAAS;AAAA,MAClB,OAAO;AAAA,MACP,OAAO;AAAA,MACP,SAAS,CAAC;AAAA,QACR,OAAO;AAAA,QACP,OAAO;AAAA,MACb,GAAM;AAAA,QACA,OAAO;AAAA,QACP,OAAO;AAAA,MACb,GAAM;AAAA,QACA,OAAO;AAAA,QACP,OAAO;AAAA,MACb,CAAK;AAAA,IACL,CAAG;AAEDA,YAAc,eAAe,UAAU,CAAC;AAAA,MACtC,WAAWC;AAAAA,MACX,OAAO;AAAA,QACL,MAAM;AAAA,MACZ;AAAA,MACI,WAAW,MAAMC,MAAW,QAAQA,MAAW,KAAK;AAAA,MACpD,QAAQ,MAAM,MAAM,OAAO,MAAM,OAAO,KAAK,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG,EAAC,CAAE,IAAI,OAAO,KAAK,EAAE,MAAM,eAAc,CAAE;AAAA,IACnJ,CAAG,GAED,YAAY,MAAM;AAChBF,cAAc,eAAe,UAAU,CAAA;AAAA,IACzC,CAAC;AAED,cAAU,YAAY;AAAA,IAEtB,CAAC;AAGD,aAAS,kBAAkB,UAAU,YAAY,IAAI;AACnD,UAAI,iBAAiB,CAAA;AAErB,eAAS,YAAY,MAAM,OAAOG,YAAW;AAC3C,cAAM,EAAE,UAAU,GAAG,SAAQ,IAAK;AAGlC,uBAAe,KAAK;AAAA,UAClB,KAAK,SAAS;AAAA,UACd,OAAO;AAAA,UACP,GAAI,SAAS,UAAU,EAAE,QAAQ,SAAS,OAAM;AAAA,QACxD,CAAO;AAED,YAAI,YAAY,SAAS,SAAS,GAAG;AACnC,mBAAS,QAAQ,CAAC,OAAO,eAAe;AACtC,wBAAY,OAAO,YAAY,SAAS,GAAG;AAAA,UAC7C,CAAC;AAAA,QACH;AAAA,MACF;AAEA,eAAS,QAAQ,CAAC,MAAM,UAAU;AAChC,oBAAY,MAAM,KAAgB;AAAA,MACpC,CAAC;AAED,aAAO;AAAA,IACT;AAGA,mBAAe,sBAAsB,OAAO;AAC1C,cAAQ,IAAI,4CAA4C,KAAK;AAE7D,UAAI;AAEF,cAAM,iBAAiB,kBAAkBC,QAAiB,GAAG;AAE7D,cAAMC,QAAmB,YAAY,cAAc;AACnD,gBAAQ,IAAI,uCAAuC;AAAA,MACrD,SAAS,OAAO;AACd,gBAAQ,MAAM,oCAAoC,KAAK;AACvD,cAAM;AAAA,MACR;AAAA,IACF;AAEA,mBAAe,eAAe,UAAU;AAEtC,YAAM,cAAc,QAAQ,iDAAiD,SAAS,IAAI,IAAI;AAG9F,UAAI,aAAa;AACf,cAAMA,QAAmB,OAAO,SAAS,GAAG;AAAA,MAC9C;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -3,18 +3,18 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue2.cjs");
 const Select = require("../../../../components/Select/Select.vue.cjs");
 const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.cjs");
 const Field = require("../../../../components/Field/Field.vue.cjs");
+const FieldTags = require("../../../../components/FieldTags/FieldTags.vue.cjs");
 ;/* empty css                                          */
 ;/* empty css                                             */
 ;/* empty css                                             */
 ;/* empty css                                             */
 const IconCheckmark = require("../../../icons/navigation/IconCheckmark.vue.cjs");
-;/* empty css                                            */
+;/* empty css                                           */
 ;/* empty css                                        */
-;/* empty css                                                                   */
 ;/* empty css                                                       */
 ;/* empty css                                      */
 const Block = require("../../../../components/Block/Block.vue.cjs");
@@ -42,7 +42,7 @@ const _sfc_main = {
     vue.onMounted(async () => {
       emits("page-loading");
       if (route.params.category) {
-        await categories.actions.read({ url: route.params.category });
+        await categories.actions.read({ _id: route.params.category });
       } else {
         categories.actions.clean();
       }
@@ -66,11 +66,11 @@ const _sfc_main = {
         categories.state.current.creator = {
           type: categories.state.current.creator.type,
           hidden: categories.state.current.creator.hidden,
-          target: categories.state.current.creator.target._id
+          target: typeof categories.state.current.creator.target === "object" ? categories.state.current.creator.target._id : categories.state.current.creator.target
         };
         categories.state.current.owner = {
           type: categories.state.current.owner.type,
-          target: categories.state.current.owner.target._id
+          target: typeof categories.state.current.owner.target === "object" ? categories.state.current.owner.target._id : categories.state.current.owner.target
         };
         await categories.actions.update(categories.state.current);
         redirectTo();
@@ -109,7 +109,7 @@ const _sfc_main = {
               submit: onSubmit,
               class: "pd-small radius-medium bg-main t-black uppercase t-medium"
             }, {
-              default: vue.withCtx(() => _cache[5] || (_cache[5] = [
+              default: vue.withCtx(() => _cache[6] || (_cache[6] = [
                 vue.createTextVNode(" Save Category ")
               ])),
               _: 1
@@ -146,16 +146,25 @@ const _sfc_main = {
                 class: "w-40 bg-white radius-small pd-medium"
               }, null, 8, ["field"]),
               vue.createVNode(Field.default, {
-                field: categories.state.current.url,
-                "onUpdate:field": _cache[3] || (_cache[3] = ($event) => categories.state.current.url = $event),
-                label: "URL",
-                placeholder: "Enter category URL",
+                field: categories.state.current.slug,
+                "onUpdate:field": _cache[3] || (_cache[3] = ($event) => categories.state.current.slug = $event),
+                label: "Slug",
+                placeholder: "Enter category slug",
+                disabled: vue.unref(route).params.category ? true : false,
                 class: "w-100 bg-white radius-small pd-medium"
-              }, null, 8, ["field"])
+              }, null, 8, ["field", "disabled"])
             ]),
+            vue.unref(route).params.category ? (vue.openBlock(), vue.createBlock(Field.default, {
+              key: 0,
+              field: categories.state.current.url,
+              "onUpdate:field": _cache[4] || (_cache[4] = ($event) => categories.state.current.url = $event),
+              label: "URL Path",
+              disabled: true,
+              class: "w-100 bg-white radius-small pd-medium mn-b-thin"
+            }, null, 8, ["field"])) : vue.createCommentVNode("", true),
             vue.createVNode(Select.default, {
               select: categories.state.current.status,
-              "onUpdate:select": _cache[4] || (_cache[4] = ($event) => categories.state.current.status = $event),
+              "onUpdate:select": _cache[5] || (_cache[5] = ($event) => categories.state.current.status = $event),
               label: "Status",
               options: [
                 "draft",
@@ -199,7 +208,7 @@ const _sfc_main = {
           placeholder: "No filters added yet",
           actions: [{
             label: "+",
-            function: () => categories.state.current.filters.push({ name: "", url: "" })
+            function: () => categories.state.current.filters.push({ name: "", options: [] })
           }]
         }, {
           default: vue.withCtx(() => [
@@ -214,12 +223,12 @@ const _sfc_main = {
                   placeholder: "Filter name",
                   class: "w-100 bg-white radius-small pd-medium"
                 }, null, 8, ["field", "onUpdate:field"]),
-                vue.createVNode(Field.default, {
-                  field: item.options,
-                  "onUpdate:field": ($event) => item.options = $event,
-                  placeholder: "Filter options divided by ,",
+                vue.createVNode(FieldTags.default, {
+                  tags: item.options,
+                  "onUpdate:tags": ($event) => item.options = $event,
+                  placeholder: "Add filter options",
                   class: "w-100 bg-white radius-small pd-medium"
-                }, null, 8, ["field", "onUpdate:field"]),
+                }, null, 8, ["tags", "onUpdate:tags"]),
                 vue.createElementVNode("div", {
                   onClick: () => categories.state.current.filters.splice(index, 1),
                   class: "radius-small pd-small flex-center flex aspect-1x1 bg-red"

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=\"rows-auto pd-thin bg-white for-transition w-100\">\n    <Block v-if=\"!MOBILE_APP\" class=\"radius-medium 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-medium 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=\"cols-auto-1fr mn-b-thin w-100 \">\n        <UploadImage \n           v-model:photo=\"categories.state.current.photo\"\n          :uploadPath=\"'categories'\"\n          class=\"aspect-1x1 h-100 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 bg-white radius-small pd-medium\"\n          />  \n      </div>\n\n        <div class=\"mn-b-thin 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=\"Select category\"\n        class=\"pos-relative w-100 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.translations.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.translations\" \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.translations.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     <!-- 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.js';\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js'; \n  import * as categories from '@martyrs/src/modules/products/store/categories.js';\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.container {\n  max-width: 100%;\n  margin: auto;\n}\n\n.grid {\n \n}\n\n.square {\n  aspect-ratio: 1 / 1;\n  height: 100%;\n  background: #ccc;\n}\n</style>\n"],"names":["useRoute","useRouter","ref","onMounted","categories.actions","computed","categories.state","globals.state","IconCheckmark","auth.state","onUnmounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkKE,UAAM,QAAQA,UAAAA,SAAQ;AACtB,UAAM,SAASC,UAAAA,UAAS;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,MAC5D,OAAO;AACLA,mBAAAA,QAAmB,MAAK;AAAA,MAC1B;AAEA,YAAM,aAAa;AACnB,gBAAU,QAAQ;AAAA,IACpB,CAAC;AAGgBC,QAAAA,SAAS,MAAMC,WAAAA,MAAiB,OAAO;AACtCD,QAAAA,SAAS,MAAM,MAAM,IAAI;AAG3CE,kBAAc,eAAe,UAAU,CAAC;AAAA,MACtC,WAAWC,cAAAA;AAAAA,MACX,OAAO;AAAA,QACL,MAAM;AAAA,MACZ;AAAA,MACI,WAAW,MAAMC,KAAAA,MAAW,QAAQA,KAAAA,MAAW,KAAK;AAAA,MACpD,QAAQ,MAAM,SAAQ;AAAA,IAC1B,CAAG,GAEFC,IAAAA,YAAY,MAAM;AACfH,oBAAc,eAAe,UAAU,CAAA;AAAA,IACzC,CAAC;AAKD,mBAAe,WAAW;AACxB,UAAI,MAAM,OAAO,UAAU;AAEzBD,mBAAAA,MAAiB,QAAQ,UAAU;AAAA,UACjC,MAAMA,WAAAA,MAAiB,QAAQ,QAAQ;AAAA,UACvC,QAAQA,WAAAA,MAAiB,QAAQ,QAAQ;AAAA,UACzC,QAAQA,WAAAA,MAAiB,QAAQ,QAAQ,OAAO;AAAA,QACxD;AAEMA,mBAAAA,MAAiB,QAAQ,QAAQ;AAAA,UAC/B,MAAMA,WAAAA,MAAiB,QAAQ,MAAM;AAAA,UACrC,QAAQA,WAAAA,MAAiB,QAAQ,MAAM,OAAO;AAAA,QACtD;AAEM,cAAMF,WAAAA,QAAmB,OAAOE,WAAAA,MAAiB,OAAO;AAExD,mBAAU;AAAA,MACZ,OAAO;AAELA,mBAAAA,MAAiB,QAAQ,UAAU;AAAA,UACjC,MAAM;AAAA,UACN,QAAQ;AAAA,UACR,QAAQG,KAAAA,MAAW,KAAK;AAAA,QAChC;AAEMH,mBAAAA,MAAiB,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,WAAAA,QAAmB,OAAOE,WAAAA,MAAiB,OAAO;AACxD,mBAAU;AAAA,MACZ;AAAA,IACF;AAEA,aAAS,aAAc;AACrB,aAAO,KAAK;AAAA,QACV,MAAM;AAAA,QACN,QAAQ;AAAA,UACN,KAAK,MAAM,OAAO;AAAA,QAC1B;AAAA,MACA,CAAK;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CategoryEdit.vue.cjs","sources":["../../../../../../../src/modules/products/components/pages/CategoryEdit.vue"],"sourcesContent":["<template>\n  <div v-if=\"!isLoading\"  class=\"rows-auto pd-thin bg-white for-transition w-100\">\n    <Block v-if=\"!MOBILE_APP\" class=\"radius-medium 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-medium 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=\"cols-auto-1fr mn-b-thin w-100 \">\n        <UploadImage \n           v-model:photo=\"categories.state.current.photo\"\n          :uploadPath=\"'categories'\"\n          class=\"aspect-1x1 h-100 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 bg-white radius-small pd-medium\"\n          />  \n      </div>\n\n        <div class=\"mn-b-thin w-100 flex-nowrap gap-thin flex\">\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.slug\"\n            label=\"Slug\"\n            placeholder=\"Enter category slug\"\n            :disabled=\"route.params.category ? true : false\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />  \n      </div>\n      \n      <Field\n        v-if=\"route.params.category\"\n        v-model:field=\"categories.state.current.url\"\n        label=\"URL Path\"\n        :disabled=\"true\"\n        class=\"w-100 bg-white radius-small pd-medium mn-b-thin\"\n      />\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=\"Select category\"\n        class=\"pos-relative w-100 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.translations.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.translations\" \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.translations.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     <!-- Filters -->\n    <Block\n      title=\"Filters\"\n      placeholder=\"No filters added yet\"\n      :actions=\"[{\n        label: '+',\n        function: () => categories.state.current.filters.push({name: '', options: []})\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        <FieldTags\n          v-model:tags=\"item.options\"\n          placeholder=\"Add filter options\"\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 FieldTags from \"@martyrs/src/components/FieldTags/FieldTags.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.js';\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js'; \n  import * as categories from '@martyrs/src/modules/products/store/categories.js';\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({_id: 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: typeof categories.state.current.creator.target === 'object' \n          ? categories.state.current.creator.target._id \n          : categories.state.current.creator.target\n      }\n\n      categories.state.current.owner = {\n        type: categories.state.current.owner.type,\n        target: typeof categories.state.current.owner.target === 'object' \n          ? categories.state.current.owner.target._id \n          : categories.state.current.owner.target\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.container {\n  max-width: 100%;\n  margin: auto;\n}\n\n.grid {\n \n}\n\n.square {\n  aspect-ratio: 1 / 1;\n  height: 100%;\n  background: #ccc;\n}\n</style>\n"],"names":["useRoute","useRouter","ref","onMounted","categories.actions","computed","categories.state","globals.state","IconCheckmark","auth.state","onUnmounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyKE,UAAM,QAAQA,UAAAA,SAAQ;AACtB,UAAM,SAASC,UAAAA,UAAS;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,MAC5D,OAAO;AACLA,mBAAAA,QAAmB,MAAK;AAAA,MAC1B;AAEA,YAAM,aAAa;AACnB,gBAAU,QAAQ;AAAA,IACpB,CAAC;AAGgBC,QAAAA,SAAS,MAAMC,WAAAA,MAAiB,OAAO;AACtCD,QAAAA,SAAS,MAAM,MAAM,IAAI;AAG3CE,kBAAc,eAAe,UAAU,CAAC;AAAA,MACtC,WAAWC,cAAAA;AAAAA,MACX,OAAO;AAAA,QACL,MAAM;AAAA,MACZ;AAAA,MACI,WAAW,MAAMC,KAAAA,MAAW,QAAQA,KAAAA,MAAW,KAAK;AAAA,MACpD,QAAQ,MAAM,SAAQ;AAAA,IAC1B,CAAG,GAEFC,IAAAA,YAAY,MAAM;AACfH,oBAAc,eAAe,UAAU,CAAA;AAAA,IACzC,CAAC;AAKD,mBAAe,WAAW;AACxB,UAAI,MAAM,OAAO,UAAU;AAEzBD,mBAAAA,MAAiB,QAAQ,UAAU;AAAA,UACjC,MAAMA,WAAAA,MAAiB,QAAQ,QAAQ;AAAA,UACvC,QAAQA,WAAAA,MAAiB,QAAQ,QAAQ;AAAA,UACzC,QAAQ,OAAOA,WAAAA,MAAiB,QAAQ,QAAQ,WAAW,WACvDA,WAAAA,MAAiB,QAAQ,QAAQ,OAAO,MACxCA,WAAAA,MAAiB,QAAQ,QAAQ;AAAA,QAC7C;AAEMA,mBAAAA,MAAiB,QAAQ,QAAQ;AAAA,UAC/B,MAAMA,WAAAA,MAAiB,QAAQ,MAAM;AAAA,UACrC,QAAQ,OAAOA,WAAAA,MAAiB,QAAQ,MAAM,WAAW,WACrDA,WAAAA,MAAiB,QAAQ,MAAM,OAAO,MACtCA,WAAAA,MAAiB,QAAQ,MAAM;AAAA,QAC3C;AAEM,cAAMF,WAAAA,QAAmB,OAAOE,WAAAA,MAAiB,OAAO;AAExD,mBAAU;AAAA,MACZ,OAAO;AAELA,mBAAAA,MAAiB,QAAQ,UAAU;AAAA,UACjC,MAAM;AAAA,UACN,QAAQ;AAAA,UACR,QAAQG,KAAAA,MAAW,KAAK;AAAA,QAChC;AAEMH,mBAAAA,MAAiB,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,WAAAA,QAAmB,OAAOE,WAAAA,MAAiB,OAAO;AACxD,mBAAU;AAAA,MACZ;AAAA,IACF;AAEA,aAAS,aAAc;AACrB,aAAO,KAAK;AAAA,QACV,MAAM;AAAA,QACN,QAAQ;AAAA,UACN,KAAK,MAAM,OAAO;AAAA,QAC1B;AAAA,MACA,CAAK;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}