@ozdao/martyrs 0.2.585 → 0.2.587

package/dist/martyrs/src/modules/organizations/components/sections/Documents.vue.js

@@ -3,9 +3,8 @@ import { useRouter, useRoute } from "vue-router";
 import Field from "../../../../components/Field/Field.vue.js";
 /* empty css                                      */
 /* empty css                                        */
-import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-/* empty css                                       */
 /* empty css               */
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _hoisted_1 = { class: "documents" };
 const _hoisted_2 = { class: "mn-b-big cols-4 mobile:cols-2" };
 const _hoisted_3 = ["onClick"];

package/dist/martyrs/src/modules/organizations/components/sections/Documents.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Documents.vue.js","sources":["../../../../../../../src/modules/organizations/components/sections/Documents.vue"],"sourcesContent":["<template>\n  <div class=\"documents\">\n    <h3 class=\"mn-b-small\">Список документов</h3>\n    \n    <div class=\"mn-b-big cols-4 mobile:cols-2\">\n\t      <div  \n\t      \tv-for=\"(doc, index) in documents\" :key=\"index\" \n\t      \t@click=\"openPopup(index)\" \n\t      \tclass=\"h-100 pd-medium bg-white radius-small\">\n\t      \t<h3 class=\"mn-b-small\">{{ doc.name }}</h3>\n\t      \t<p class=\"fw-semi t-transp radius-small\">{{ doc.status }}</p>\n\t      </div>\n\t  </div>\n\n   <Popup title=\"Добавить документ\" @close-popup=\"closePopup\" :isPopupOpen=\"showPopup\">\n\n    <div v-for=\"input in documents[currentIndex].inputs\" :key=\"input.name\">\n      <Field\n      \tv-model:field=\"input.value\" \t\t\n      \t:label=\"input.name\"\n        :_id=\"input.name\" \n        :placeholder=\"input.name\" \n        class=\"w-100\"\n      />\n    </div>\n    <button @click=\"submitData\" class=\"w-100 mn-b-small button \">Отправить на верификацию</button>\n\n\t\t</Popup>\n\n  </div>\n</template>\n\n<script setup>\nimport { ref, watchEffect } from 'vue';\n\nimport { useRoute, useRouter } from 'vue-router'\nimport Field  \tfrom '@martyrs/src/components/Field/Field.vue'\nimport Select  \tfrom '@martyrs/src/components/Popup/Popup.vue'\nimport Button  \tfrom '@martyrs/src/components/Button/Button.vue'\n// const props = defineProps({\n//   documents: {\n//     type: Array,\n//     required: true,\n//   },\n// });\n\n\nconst router \t= useRouter()\nconst route \t= useRoute()\n\nlet documents = [{\n\tname: 'Паспорт',\n\tstatus: 'Не добавлен',\n\tinputs: [{\n\t\ttype: 'text',\n\t\tname: 'Номер и серия'\n\t},{\n\t\ttype: 'text',\n\t\tname: 'Место выдачи'\n\t},{\n\t\ttype: 'text',\n\t\tname: 'Дата выдачи'\n\t}]\n},{\n\tname: 'ИНН',\n\tstatus: 'Не добавлен',\n\tinputs: [{\n\t\ttype: 'text',\n\t\tname: 'Дата регистрации'\n\t}]\n},{\n\tname: 'СНИЛС',\n\tstatus: 'Не добавлен',\n\tinputs: [{\n\t\ttype: 'text',\n\t\tname: 'Дата регистрации'\n\t}]\n},{\n\tname: 'Военный билет',\n\tstatus: 'Не добавлен',\n\tinputs: [{\n\t\ttype: 'text',\n\t\tname: 'Дата регистрации'\n\t}]\n}]\n\nconst showPopup = ref(false);\nconst currentIndex = ref(null);\n\nconst openPopup = (index) => {\n  currentIndex.value = index;\n  showPopup.value = true;\n};\n\nconst closePopup = () => {\n  showPopup.value = false;\n};\n\nconst handleFileUpload = (e) => {\n  const files = e.target.files;\n  // Handle file uploads as needed\n};\n\nconst submitData = () => {\n  // Handle submission of the data and update the document status\n  closePopup();\n};\n\nwatchEffect(() => {\n  // Do any necessary updates when the documents prop changes\n});\n\nasync function onSubmit() {\n  // await Store.auth.login(Store.auth.state.user)\n}\n\nfunction redirectTo () {\n\trouter.push({ name: 'Create Organization People'})\n\t// Store.auth.toggleSignInPopup()\n}\n</script>\n\n<style scoped>\n.documents {\n  display: flex;\n  flex-direction: column;\n}\n\n.popup {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  background-color: white;\n  border: 1px solid #ccc;\n  padding: 20px;\n  z-index: 10;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;AA+CgB,cAAS;AACV,aAAQ;AAEvB,QAAI,YAAY,CAAC;AAAA,MAChB,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,QAAQ,CAAC;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,MACR,GAAG;AAAA,QACD,MAAM;AAAA,QACN,MAAM;AAAA,MACR,GAAG;AAAA,QACD,MAAM;AAAA,QACN,MAAM;AAAA,MACR,CAAE;AAAA,IACF,GAAE;AAAA,MACD,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,QAAQ,CAAC;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,MACR,CAAE;AAAA,IACF,GAAE;AAAA,MACD,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,QAAQ,CAAC;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,MACR,CAAE;AAAA,IACF,GAAE;AAAA,MACD,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,QAAQ,CAAC;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,MACR,CAAE;AAAA,IACF,CAAC;AAED,UAAM,YAAY,IAAI,KAAK;AAC3B,UAAM,eAAe,IAAI,IAAI;AAE7B,UAAM,YAAY,CAAC,UAAU;AAC3B,mBAAa,QAAQ;AACrB,gBAAU,QAAQ;AAAA,IACpB;AAEA,UAAM,aAAa,MAAM;AACvB,gBAAU,QAAQ;AAAA,IACpB;AAOA,UAAM,aAAa,MAAM;AAEvB,iBAAU;AAAA,IACZ;AAEA,gBAAY,MAAM;AAAA,IAElB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Documents.vue.js","sources":["../../../../../../../src/modules/organizations/components/sections/Documents.vue"],"sourcesContent":["<template>\n  <div class=\"documents\">\n    <h3 class=\"mn-b-small\">Список документов</h3>\n    \n    <div class=\"mn-b-big cols-4 mobile:cols-2\">\n\t      <div  \n\t      \tv-for=\"(doc, index) in documents\" :key=\"index\" \n\t      \t@click=\"openPopup(index)\" \n\t      \tclass=\"h-100 pd-medium bg-white radius-small\">\n\t      \t<h3 class=\"mn-b-small\">{{ doc.name }}</h3>\n\t      \t<p class=\"fw-semi t-transp radius-small\">{{ doc.status }}</p>\n\t      </div>\n\t  </div>\n\n   <Popup title=\"Добавить документ\" @close-popup=\"closePopup\" :isPopupOpen=\"showPopup\">\n\n    <div v-for=\"input in documents[currentIndex].inputs\" :key=\"input.name\">\n      <Field\n      \tv-model:field=\"input.value\" \t\t\n      \t:label=\"input.name\"\n        :_id=\"input.name\" \n        :placeholder=\"input.name\" \n        class=\"w-100\"\n      />\n    </div>\n    <button @click=\"submitData\" class=\"w-100 mn-b-small button \">Отправить на верификацию</button>\n\n\t\t</Popup>\n\n  </div>\n</template>\n\n<script setup>\nimport { ref, watchEffect } from 'vue';\n\nimport { useRoute, useRouter } from 'vue-router'\nimport Field  \tfrom '@martyrs/src/components/Field/Field.vue'\nimport Select  \tfrom '@martyrs/src/components/Popup/Popup.vue'\nimport Button  \tfrom '@martyrs/src/components/Button/Button.vue'\n// const props = defineProps({\n//   documents: {\n//     type: Array,\n//     required: true,\n//   },\n// });\n\n\nconst router \t= useRouter()\nconst route \t= useRoute()\n\nlet documents = [{\n\tname: 'Паспорт',\n\tstatus: 'Не добавлен',\n\tinputs: [{\n\t\ttype: 'text',\n\t\tname: 'Номер и серия'\n\t},{\n\t\ttype: 'text',\n\t\tname: 'Место выдачи'\n\t},{\n\t\ttype: 'text',\n\t\tname: 'Дата выдачи'\n\t}]\n},{\n\tname: 'ИНН',\n\tstatus: 'Не добавлен',\n\tinputs: [{\n\t\ttype: 'text',\n\t\tname: 'Дата регистрации'\n\t}]\n},{\n\tname: 'СНИЛС',\n\tstatus: 'Не добавлен',\n\tinputs: [{\n\t\ttype: 'text',\n\t\tname: 'Дата регистрации'\n\t}]\n},{\n\tname: 'Военный билет',\n\tstatus: 'Не добавлен',\n\tinputs: [{\n\t\ttype: 'text',\n\t\tname: 'Дата регистрации'\n\t}]\n}]\n\nconst showPopup = ref(false);\nconst currentIndex = ref(null);\n\nconst openPopup = (index) => {\n  currentIndex.value = index;\n  showPopup.value = true;\n};\n\nconst closePopup = () => {\n  showPopup.value = false;\n};\n\nconst handleFileUpload = (e) => {\n  const files = e.target.files;\n  // Handle file uploads as needed\n};\n\nconst submitData = () => {\n  // Handle submission of the data and update the document status\n  closePopup();\n};\n\nwatchEffect(() => {\n  // Do any necessary updates when the documents prop changes\n});\n\nasync function onSubmit() {\n  // await Store.auth.login(Store.auth.state.user)\n}\n\nfunction redirectTo () {\n\trouter.push({ name: 'Create Organization People'})\n\t// Store.auth.toggleSignInPopup()\n}\n</script>\n\n<style scoped>\n.documents {\n  display: flex;\n  flex-direction: column;\n}\n\n.popup {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  background-color: white;\n  border: 1px solid #ccc;\n  padding: 20px;\n  z-index: 10;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;AA+CgB,cAAS;AACV,aAAQ;AAEvB,QAAI,YAAY,CAAC;AAAA,MAChB,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,QAAQ,CAAC;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,MACR,GAAG;AAAA,QACD,MAAM;AAAA,QACN,MAAM;AAAA,MACR,GAAG;AAAA,QACD,MAAM;AAAA,QACN,MAAM;AAAA,MACR,CAAE;AAAA,IACF,GAAE;AAAA,MACD,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,QAAQ,CAAC;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,MACR,CAAE;AAAA,IACF,GAAE;AAAA,MACD,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,QAAQ,CAAC;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,MACR,CAAE;AAAA,IACF,GAAE;AAAA,MACD,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,QAAQ,CAAC;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,MACR,CAAE;AAAA,IACF,CAAC;AAED,UAAM,YAAY,IAAI,KAAK;AAC3B,UAAM,eAAe,IAAI,IAAI;AAE7B,UAAM,YAAY,CAAC,UAAU;AAC3B,mBAAa,QAAQ;AACrB,gBAAU,QAAQ;AAAA,IACpB;AAEA,UAAM,aAAa,MAAM;AACvB,gBAAU,QAAQ;AAAA,IACpB;AAOA,UAAM,aAAa,MAAM;AAEvB,iBAAU;AAAA,IACZ;AAEA,gBAAY,MAAM;AAAA,IAElB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/organizations/components/sections/MembersAdd.vue.js

@@ -1,7 +1,7 @@
 import { ref, resolveDirective, createElementBlock, openBlock, createElementVNode, createVNode, toDisplayString, withDirectives, createCommentVNode, isRef, unref, withCtx, Fragment, renderList, createBlock } from "vue";
 import Field from "../../../../components/Field/Field.vue.js";
-/* empty css                                        */
-import _sfc_main$6 from "../../../../components/Button/Button.vue2.js";
+/* empty css                                       */
+import _sfc_main$6 from "../../../../components/Button/Button.vue.js";
 import _sfc_main$2 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$1 from "../../../core/views/components/blocks/BlockSearch.vue.js";
 import _sfc_main$3 from "../../../auth/views/components/blocks/CardUser.vue.js";

package/dist/martyrs/src/modules/organizations/components/sections/Organizations.vue.js

@@ -3,9 +3,8 @@ import { useRouter, useRoute } from "vue-router";
 import "../../../../../../node_modules/.pnpm/js-cookie@3.0.5/node_modules/js-cookie/dist/js.cookie.js";
 /* empty css                                 */
 /* empty css                                      */
-/* empty css                                        */
-/* empty css                                        */
 /* empty css                                       */
+/* empty css                                        */
 import _sfc_main$2 from "../blocks/CardOrganization.vue.js";
 import _sfc_main$1 from "../blocks/EmptyState.vue.js";
 import "./Unit.vue.js";

package/dist/martyrs/src/modules/organizations/components/sections/Organizations.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Organizations.vue.js","sources":["../../../../../../../src/modules/organizations/components/sections/Organizations.vue"],"sourcesContent":["<template>\n\t<div class=\"for-transition bg-white radius-medium w-100\">\n\t\t<div class=\"\">\n\t\t\t <EmptyState \n        v-if=\"organizations < 1\"\n        title=\"You Haven't Joined Any Organization Yet\"\n        description=\"Weeder is all about community. Join an organization or maybe you want to create your own?\"\n        action=\"Create organization\"\n        :callback=\"a = () => $router.push(`/app/organization/create/details`)\"\n      />\n\n      <div v-else class=\"cols-1\">\n      \t<CardOrganization \n\t    \t\t\t v-for=\"organization in organizations\" \n\t\t      \t:key=\"organization._id\"\n\t\t      \t:organization=\"organization\"\n\t\t      \t:user=\"auth.state.user\"\n\t\t\t\t\t\t@updateMembership=\"handleMembershipUpdate\"\n\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t\t:class=\"{'mn-r-small': index !== organizations.length - 1}\"\n\t\t    />\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\n\timport { computed,reactive,ref, onMounted,watch  } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Import dependencies\n\timport Cookies from 'js-cookie'\n\t// Import components\n\t// Global\n\timport Tab  \t\tfrom '@martyrs/src/components/Tab/Tab.vue'\n\timport Field  \tfrom '@martyrs/src/components/Field/Field.vue'\n\timport Select  \tfrom '@martyrs/src/components/Select/Select.vue'\n\timport Button  \tfrom '@martyrs/src/components/Button/Button.vue'\n\t// Local\n\timport CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\t// Blocks\n\timport EmptyState \t\tfrom '@martyrs/src/modules/organizations/components/blocks/EmptyState.vue'\n\timport Unit   \tfrom '@martyrs/src/modules/organizations/components/sections/Unit.vue'\n\t// Import state\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n\timport * as organization from '@martyrs/src/modules/organizations/store/organizations.js'\n\timport membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js'\n\n\tconst props = defineProps({\n    owner: {\n      type: String,\n      default: null\n    },\n    user: {\n      type: [String, Number],\n      default: null\n    },\n    onlyuser: {\n      type: [String, Number],\n      default: null\n    }\n  });\n\n\tconst organizations = ref(null)\n\n\torganizations.value = await organization.actions.read({owner: props.owner, user: props.user, onlyuser: props.onlyuser });\n\t// Init router\n\tconst router \t= useRouter()\n\tconst route \t= useRoute()\n\t// Accesing state\n\t// console.log(route.query.tab)\n\tlet tab = route.query.tab ? route.query.tab : 'details';\n\n\tconst tabOrganization = ref(tab)\n\n\troute.query.tab = tabOrganization.value\n\n\twatch(tabOrganization, (newValue) => {\n\t  router.replace({ query: { ...route.query, tab: newValue } });\n\t});\n</script>\n\n<style lang=\"scss\">\n\t.slide-fade-enter-active {\n\t\t// min-height: 100vh;\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-leave-active {\n\t\t// min-height: 100vh;\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-enter-from,\n\t.slide-fade-leave-to {\n\t\tmin-height: 0;\n\t\tposition: absolute;\n\t  transform: translateX(20px);\n\t  opacity: 0;\n\t  left: 0;\n\t  top: 0;\n\t}\n\n</style>\n"],"names":["organizations","_withAsyncContext","organization.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CC,UAAM,QAAQ;AAed,UAAMA,kBAAgB,IAAI,IAAI;AAE9BA,oBAAc,SAAQ,CAAA,QAAA,SAAA,IAAAC,iBAAA,MAAMC,QAAqB,KAAK,EAAC,OAAO,MAAM,OAAO,MAAM,MAAM,MAAM,UAAU,MAAM,SAAQ,CAAE,CAAA;AAEvH,UAAM,SAAU,UAAS;AACzB,UAAM,QAAS,SAAQ;AAGvB,QAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM;AAE9C,UAAM,kBAAkB,IAAI,GAAG;AAE/B,UAAM,MAAM,MAAM,gBAAgB;AAElC,UAAM,iBAAiB,CAAC,aAAa;AACnC,aAAO,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,OAAO,KAAK,SAAQ,GAAI;AAAA,IAC7D,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Organizations.vue.js","sources":["../../../../../../../src/modules/organizations/components/sections/Organizations.vue"],"sourcesContent":["<template>\n\t<div class=\"for-transition bg-white radius-medium w-100\">\n\t\t<div class=\"\">\n\t\t\t <EmptyState \n        v-if=\"organizations < 1\"\n        title=\"You Haven't Joined Any Organization Yet\"\n        description=\"Weeder is all about community. Join an organization or maybe you want to create your own?\"\n        action=\"Create organization\"\n        :callback=\"a = () => $router.push(`/app/organization/create/details`)\"\n      />\n\n      <div v-else class=\"cols-1\">\n      \t<CardOrganization \n\t    \t\t\t v-for=\"organization in organizations\" \n\t\t      \t:key=\"organization._id\"\n\t\t      \t:organization=\"organization\"\n\t\t      \t:user=\"auth.state.user\"\n\t\t\t\t\t\t@updateMembership=\"handleMembershipUpdate\"\n\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t\t:class=\"{'mn-r-small': index !== organizations.length - 1}\"\n\t\t    />\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\n\timport { computed,reactive,ref, onMounted,watch  } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Import dependencies\n\timport Cookies from 'js-cookie'\n\t// Import components\n\t// Global\n\timport Tab  \t\tfrom '@martyrs/src/components/Tab/Tab.vue'\n\timport Field  \tfrom '@martyrs/src/components/Field/Field.vue'\n\timport Select  \tfrom '@martyrs/src/components/Select/Select.vue'\n\timport Button  \tfrom '@martyrs/src/components/Button/Button.vue'\n\t// Local\n\timport CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\t// Blocks\n\timport EmptyState \t\tfrom '@martyrs/src/modules/organizations/components/blocks/EmptyState.vue'\n\timport Unit   \tfrom '@martyrs/src/modules/organizations/components/sections/Unit.vue'\n\t// Import state\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n\timport * as organization from '@martyrs/src/modules/organizations/store/organizations.js'\n\timport membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js'\n\n\tconst props = defineProps({\n    owner: {\n      type: String,\n      default: null\n    },\n    user: {\n      type: [String, Number],\n      default: null\n    },\n    onlyuser: {\n      type: [String, Number],\n      default: null\n    }\n  });\n\n\tconst organizations = ref(null)\n\n\torganizations.value = await organization.actions.read({owner: props.owner, user: props.user, onlyuser: props.onlyuser });\n\t// Init router\n\tconst router \t= useRouter()\n\tconst route \t= useRoute()\n\t// Accesing state\n\t// console.log(route.query.tab)\n\tlet tab = route.query.tab ? route.query.tab : 'details';\n\n\tconst tabOrganization = ref(tab)\n\n\troute.query.tab = tabOrganization.value\n\n\twatch(tabOrganization, (newValue) => {\n\t  router.replace({ query: { ...route.query, tab: newValue } });\n\t});\n</script>\n\n<style lang=\"scss\">\n\t.slide-fade-enter-active {\n\t\t// min-height: 100vh;\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-leave-active {\n\t\t// min-height: 100vh;\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-enter-from,\n\t.slide-fade-leave-to {\n\t\tmin-height: 0;\n\t\tposition: absolute;\n\t  transform: translateX(20px);\n\t  opacity: 0;\n\t  left: 0;\n\t  top: 0;\n\t}\n\n</style>\n"],"names":["organizations","_withAsyncContext","organization.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CC,UAAM,QAAQ;AAed,UAAMA,kBAAgB,IAAI,IAAI;AAE9BA,oBAAc,SAAQ,CAAA,QAAA,SAAA,IAAAC,iBAAA,MAAMC,QAAqB,KAAK,EAAC,OAAO,MAAM,OAAO,MAAM,MAAM,MAAM,UAAU,MAAM,SAAQ,CAAE,CAAA;AAEvH,UAAM,SAAU,UAAS;AACzB,UAAM,QAAS,SAAQ;AAGvB,QAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM;AAE9C,UAAM,kBAAkB,IAAI,GAAG;AAE/B,UAAM,MAAM,MAAM,gBAAgB;AAElC,UAAM,iBAAiB,CAAC,aAAa;AACnC,aAAO,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,OAAO,KAAK,SAAQ,GAAI;AAAA,IAC7D,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/pages/views/components/blocks/CardPage.vue.js

@@ -2,7 +2,6 @@ import { ref, resolveComponent, createElementBlock, openBlock, createElementVNod
 import _sfc_main$1 from "../../../../icons/navigation/IconEdit.vue.js";
 import _sfc_main$2 from "../../../../icons/navigation/IconAdd.vue.js";
 /* empty css                                           */
-/* empty css                                          */
 /* empty css                                         */
 import { useRouter } from "vue-router";
 /* empty css              */

package/dist/martyrs/src/modules/pages/views/components/blocks/CardPage.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardPage.vue.js","sources":["../../../../../../../../src/modules/pages/views/components/blocks/CardPage.vue"],"sourcesContent":["<template>\n  <div>\n    <div :class=\"$attrs.class\">\n      <!-- {{ page.url }} -->\n      <div class=\"flex flex-nowrap gap-thin card-page-title\">\n        <router-link\n          :to=\"router.resolve({ name: 'Page', params: { url: page.url.split('/') } }).href\" \n           class=\"\n            z-index-2\n            cursor-pointer\n            mn-r-auto\n            truncate\n          \"\n          :class=\"{\n            't-main': $route.params.url && page.url === joinArrayToUrl($route.params.url)\n          }\"\n        >\n          {{ page.name }}\n        </router-link>\n\n        <router-link\n          v-if=\"hasAdminRights\"\n          :to=\"router.resolve({ name: 'Backoffice Pages Edit', params: { url: page.url.split('/') } }).href\" \n          class=\"\n            z-index-2\n            cursor-pointer \n            card-page-actions\n            radius-extra pd-micro bg-second\n          \"\n        >\n          <IconEdit\n            class=\"i-small\"\n            classes=\"fill-white\"\n          />\n        </router-link>\n\n        <button\n           v-if=\"hasAdminRights\"\n          @click=\"createPage(page)\"\n          class=\"\n            z-index-2\n            cursor-pointer \n            card-page-actions\n            radius-extra pd-micro bg-second\n          \"\n        >\n          <IconAdd\n            class=\"i-small\"\n            :fill=\"'white'\"\n          />\n        </button>\n      </div>\n    </div>\n\n    <div v-if=\"page.children && page.children.length > 0 && page.children[0].url && showChildren\" class=\"mn-l-small br-t-1px br-black-transp-10\">\n      <CardPage \n        @createPage=\"createPage\" \n        v-for=\"childPage in page.children\" \n        :key=\"childPage.url\" \n        :page=\"childPage\" \n        :hasAdminRights=\"hasAdminRights\"\n        :class=\"$attrs.class\"\n      />\n    </div>\n    \n  </div>\n</template>\n\n<script setup>\n  import { ref } from 'vue'\n\n  import IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n  import IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue'\n\n  import Button  from '@martyrs/src/components/Button/Button.vue'\n  import Field from \"@martyrs/src/components/Field/Field.vue\"; \n\n  import { useRouter } from 'vue-router'\n  \n  const router = useRouter()\n\n  const props = defineProps({\n    page: {\n      type: Object,\n      required: true\n    },\n    hasAdminRights: {\n      type: Boolean,\n      default: false\n    },\n    showChildren: {\n      type: Boolean,\n      default: true\n    }\n  })\n\n  const emits = defineEmits([\n    'createPage'\n  ])\n\n  const newPage = ref({\n    show: false,\n    name: null\n  })\n\n  async function createPage(page) {\n    emits('createPage', page)\n  }\n</script>\n\n<style lang=\"scss\">\n.card-page-title {\n  .card-page-actions {\n    display: none;\n  }\n\n  &:hover {\n    .card-page-actions {\n      display: block;\n    }\n  }\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+EE,UAAM,SAAS,UAAS;AAiBxB,UAAM,QAAQ;AAIE,QAAI;AAAA,MAClB,MAAM;AAAA,MACN,MAAM;AAAA,IACV,CAAG;AAED,mBAAe,WAAW,MAAM;AAC9B,YAAM,cAAc,IAAI;AAAA,IAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardPage.vue.js","sources":["../../../../../../../../src/modules/pages/views/components/blocks/CardPage.vue"],"sourcesContent":["<template>\n  <div>\n    <div :class=\"$attrs.class\">\n      <!-- {{ page.url }} -->\n      <div class=\"flex flex-nowrap gap-thin card-page-title\">\n        <router-link\n          :to=\"router.resolve({ name: 'Page', params: { url: page.url.split('/') } }).href\" \n           class=\"\n            z-index-2\n            cursor-pointer\n            mn-r-auto\n            truncate\n          \"\n          :class=\"{\n            't-main': $route.params.url && page.url === joinArrayToUrl($route.params.url)\n          }\"\n        >\n          {{ page.name }}\n        </router-link>\n\n        <router-link\n          v-if=\"hasAdminRights\"\n          :to=\"router.resolve({ name: 'Backoffice Pages Edit', params: { url: page.url.split('/') } }).href\" \n          class=\"\n            z-index-2\n            cursor-pointer \n            card-page-actions\n            radius-extra pd-micro bg-second\n          \"\n        >\n          <IconEdit\n            class=\"i-small\"\n            classes=\"fill-white\"\n          />\n        </router-link>\n\n        <button\n           v-if=\"hasAdminRights\"\n          @click=\"createPage(page)\"\n          class=\"\n            z-index-2\n            cursor-pointer \n            card-page-actions\n            radius-extra pd-micro bg-second\n          \"\n        >\n          <IconAdd\n            class=\"i-small\"\n            :fill=\"'white'\"\n          />\n        </button>\n      </div>\n    </div>\n\n    <div v-if=\"page.children && page.children.length > 0 && page.children[0].url && showChildren\" class=\"mn-l-small br-t-1px br-black-transp-10\">\n      <CardPage \n        @createPage=\"createPage\" \n        v-for=\"childPage in page.children\" \n        :key=\"childPage.url\" \n        :page=\"childPage\" \n        :hasAdminRights=\"hasAdminRights\"\n        :class=\"$attrs.class\"\n      />\n    </div>\n    \n  </div>\n</template>\n\n<script setup>\n  import { ref } from 'vue'\n\n  import IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n  import IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue'\n\n  import Button  from '@martyrs/src/components/Button/Button.vue'\n  import Field from \"@martyrs/src/components/Field/Field.vue\"; \n\n  import { useRouter } from 'vue-router'\n  \n  const router = useRouter()\n\n  const props = defineProps({\n    page: {\n      type: Object,\n      required: true\n    },\n    hasAdminRights: {\n      type: Boolean,\n      default: false\n    },\n    showChildren: {\n      type: Boolean,\n      default: true\n    }\n  })\n\n  const emits = defineEmits([\n    'createPage'\n  ])\n\n  const newPage = ref({\n    show: false,\n    name: null\n  })\n\n  async function createPage(page) {\n    emits('createPage', page)\n  }\n</script>\n\n<style lang=\"scss\">\n.card-page-title {\n  .card-page-actions {\n    display: none;\n  }\n\n  &:hover {\n    .card-page-actions {\n      display: block;\n    }\n  }\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+EE,UAAM,SAAS,UAAS;AAiBxB,UAAM,QAAQ;AAIE,QAAI;AAAA,MAClB,MAAM;AAAA,MACN,MAAM;AAAA,IACV,CAAG;AAED,mBAAe,WAAW,MAAM;AAC9B,YAAM,cAAc,IAAI;AAAA,IAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -2,7 +2,7 @@ import { ref, onMounted, createElementBlock, createCommentVNode, openBlock, crea
 import { useRoute, useRouter } from "vue-router";
 import { useGlobalMixins } from "../../../../core/views/mixins/mixins.js";
 import { actions, state } from "../../store/pages.js";
-import _sfc_main$2 from "../../../../../components/Button/Button.vue2.js";
+import _sfc_main$2 from "../../../../../components/Button/Button.vue.js";
 /* empty css                                         */
 /* empty css                      */
 /* empty css                                            */

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.vue2.js";
+import _sfc_main$5 from "../../../../../components/Button/Button.vue.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/elements/Image360.vue.js

@@ -1,5 +1,5 @@
 import { ref, computed, watch, onMounted, onUnmounted, createElementBlock, openBlock, createStaticVNode, createVNode, Transition, withCtx, createCommentVNode, withModifiers, createBlock } from "vue";
-import Loader from "../../../../components/Loader/Loader.vue.js";
+import Loader from "../../../../components/Loader/Loader.vue2.js";
 /* empty css              */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _hoisted_1 = { class: "product-360-viewer" };

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

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

package/dist/martyrs/src/modules/products/components/pages/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        v-if=\"hasAccess(route.params._id, 'products', 'edit', auth.state.accesses, auth.state.access.roles)\"\n        :to=\"{\n          name: route.meta.context === 'backoffice' ? 'BackofficeCategoryAdd' : 'Organization_CategoryAdd',\n          params: {\n            _id: $route.params._id\n          }\n        }\"\n        class=\"uppercase fw-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          owner: route.params._id,\n          tree: true,\n          limit: 20\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          :parent-id=\"null\"\n          :dragndrop=\"hasAccess(route.params._id, 'products', 'edit', auth.state.accesses, auth.state.access.roles)\"\n          @update=\"updateCategoriesOrder\"\n          v-slot=\"{ item }\"\n        >\n          <CardCategory \n            :category=\"item\" \n            :access=\"hasAccess(route.params._id, 'products', 'edit', auth.state.accesses, auth.state.access.roles)\"\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 { useStore } from '@martyrs/src/modules/core/views/store/core.store.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  import { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\n  const route = useRoute();\n  const router = useRouter();\n  const store = useStore();\n  const { hasAccess } = useGlobalMixins();\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  store.core.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: () => {\n      const routeName = route.meta.context === 'backoffice' ? 'BackofficeCategoryAdd' : 'Organization_CategoryAdd';\n      route.params._id ? router.push({ name: routeName, params: { _id: route.params._id} }) : router.push({ name: routeName });\n    }\n  }],\n\n  onUnmounted(() => {\n    store.core.state.navigation_bar.actions = [];\n  });\n\n  onMounted(async () => {\n    \n  });\n\n  // Функция для сбора затронутых категорий при drag-n-drop\n  function collectAffectedCategories(eventData) {\n    const result = {\n      movedCategory: null,\n      affectedCategories: []\n    };\n    \n    console.log('collectAffectedCategories - eventData:', eventData);\n    \n    // Проверяем, что это объект от Tree компонента с полной информацией\n    if (eventData && eventData.movedItem) {\n      // Если категория переместилась между уровнями\n      if (eventData.movedItem._id) {\n        result.movedCategory = {\n          _id: eventData.movedItem._id,\n          newParent: eventData.parentId // Используем parentId из события (null для корня)\n        };\n      }\n      \n      // Собираем все категории текущего уровня с их новым порядком\n      const items = eventData.items || [];\n      console.log('Level items:', items);\n      \n      items.forEach((item, index) => {\n        result.affectedCategories.push({\n          _id: item._id,\n          order: index\n        });\n      });\n    } else if (eventData && eventData._id) {\n      // Fallback для старого формата (простой объект категории)\n      result.movedCategory = {\n        _id: eventData._id,\n        newParent: eventData.parent || null\n      };\n      \n      // Пытаемся найти категории того же уровня\n      const parentId = eventData.parent;\n      const sameLevel = parentId \n        ? categories.state.all.find(c => c._id === parentId)?.children || []\n        : categories.state.all;\n      \n      sameLevel.forEach((item, index) => {\n        result.affectedCategories.push({\n          _id: item._id,\n          order: index\n        });\n      });\n    } else {\n      // Если нет данных о перемещении, собираем корневые категории\n      console.log('No event data, collecting root level categories');\n      categories.state.all.forEach((item, index) => {\n        result.affectedCategories.push({\n          _id: item._id,\n          order: index\n        });\n      });\n    }\n    \n    console.log('collectAffectedCategories - result:', result);\n    \n    return result;\n  }\n\n  // Функция для обновления порядка категорий\n  async function updateCategoriesOrder(event) {\n    console.log('updateCategoriesOrder called with event:', event);\n    \n    try {\n      const data = collectAffectedCategories(event);\n      \n      // ОДИН КОНСОЛЬ ЛОГ НА ФРОНТЕНДЕ - ЧТО ОТПРАВЛЯЕМ\n      console.log('📤 FRONTEND SENDING:', JSON.stringify(data, null, 2));\n      await categories.actions.updateOrder(data);\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":["IconPlus","auth.state","categories.state","categories.actions"],"mappings":"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"}
+{"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        v-if=\"hasAccess(route.params._id, 'products', 'edit', auth.state.accesses, auth.state.access.roles)\"\n        :to=\"{\n          name: route.meta.context === 'backoffice' ? 'BackofficeCategoryAdd' : 'Organization_CategoryAdd',\n          params: {\n            _id: $route.params._id\n          }\n        }\"\n        class=\"uppercase fw-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          owner: route.params._id,\n          tree: true,\n          limit: 20\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          :parent-id=\"null\"\n          :dragndrop=\"hasAccess(route.params._id, 'products', 'edit', auth.state.accesses, auth.state.access.roles)\"\n          @update=\"updateCategoriesOrder\"\n          v-slot=\"{ item }\"\n        >\n          <CardCategory \n            :category=\"item\" \n            :access=\"hasAccess(route.params._id, 'products', 'edit', auth.state.accesses, auth.state.access.roles)\"\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 { useStore } from '@martyrs/src/modules/core/views/store/core.store.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  import { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\n  const route = useRoute();\n  const router = useRouter();\n  const store = useStore();\n  const { hasAccess } = useGlobalMixins();\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  store.core.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: () => {\n      const routeName = route.meta.context === 'backoffice' ? 'BackofficeCategoryAdd' : 'Organization_CategoryAdd';\n      route.params._id ? router.push({ name: routeName, params: { _id: route.params._id} }) : router.push({ name: routeName });\n    }\n  }],\n\n  onUnmounted(() => {\n    store.core.state.navigation_bar.actions = [];\n  });\n\n  onMounted(async () => {\n    \n  });\n\n  // Функция для сбора затронутых категорий при drag-n-drop\n  function collectAffectedCategories(eventData) {\n    const result = {\n      movedCategory: null,\n      affectedCategories: []\n    };\n    \n    console.log('collectAffectedCategories - eventData:', eventData);\n    \n    // Проверяем, что это объект от Tree компонента с полной информацией\n    if (eventData && eventData.movedItem) {\n      // Если категория переместилась между уровнями\n      if (eventData.movedItem._id) {\n        result.movedCategory = {\n          _id: eventData.movedItem._id,\n          newParent: eventData.parentId // Используем parentId из события (null для корня)\n        };\n      }\n      \n      // Собираем все категории текущего уровня с их новым порядком\n      const items = eventData.items || [];\n      console.log('Level items:', items);\n      \n      items.forEach((item, index) => {\n        result.affectedCategories.push({\n          _id: item._id,\n          order: index\n        });\n      });\n    } else if (eventData && eventData._id) {\n      // Fallback для старого формата (простой объект категории)\n      result.movedCategory = {\n        _id: eventData._id,\n        newParent: eventData.parent || null\n      };\n      \n      // Пытаемся найти категории того же уровня\n      const parentId = eventData.parent;\n      const sameLevel = parentId \n        ? categories.state.all.find(c => c._id === parentId)?.children || []\n        : categories.state.all;\n      \n      sameLevel.forEach((item, index) => {\n        result.affectedCategories.push({\n          _id: item._id,\n          order: index\n        });\n      });\n    } else {\n      // Если нет данных о перемещении, собираем корневые категории\n      console.log('No event data, collecting root level categories');\n      categories.state.all.forEach((item, index) => {\n        result.affectedCategories.push({\n          _id: item._id,\n          order: index\n        });\n      });\n    }\n    \n    console.log('collectAffectedCategories - result:', result);\n    \n    return result;\n  }\n\n  // Функция для обновления порядка категорий\n  async function updateCategoriesOrder(event) {\n    console.log('updateCategoriesOrder called with event:', event);\n    \n    try {\n      const data = collectAffectedCategories(event);\n      \n      // ОДИН КОНСОЛЬ ЛОГ НА ФРОНТЕНДЕ - ЧТО ОТПРАВЛЯЕМ\n      console.log('📤 FRONTEND SENDING:', JSON.stringify(data, null, 2));\n      await categories.actions.updateOrder(data);\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":["IconPlus","auth.state","categories.state","categories.actions"],"mappings":"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"}

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

@@ -1,12 +1,12 @@
 import { ref, onMounted, computed, onUnmounted, createElementBlock, createCommentVNode, openBlock, createBlock, createVNode, withCtx, createElementVNode, toDisplayString, unref, createTextVNode, Fragment, renderList } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import _sfc_main$4 from "../../../icons/navigation/IconDelete.vue.js";
-import _sfc_main$3 from "../../../../components/Button/Button.vue2.js";
-import Select from "../../../../components/Select/Select.vue.js";
+import _sfc_main$3 from "../../../../components/Button/Button.vue.js";
+import Select from "../../../../components/Select/Select.vue2.js";
 import UploadImage from "../../../../components/UploadImage/UploadImage.vue.js";
 import Field from "../../../../components/Field/Field.vue.js";
 import FieldTags from "../../../../components/FieldTags/FieldTags.vue.js";
-/* empty css                                        */
+/* empty css                                       */
 /* empty css                                           */
 /* empty css                                            */
 /* empty css                                           */

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

@@ -6,7 +6,6 @@ import { state as state$1 } from "../../../auth/views/store/auth.js";
 import { state, actions } from "../../store/products.js";
 import { state as state$2, actions as actions$1 } from "../../../orders/store/shopcart.js";
 /* empty css                                        */
-/* empty css                                       */
 /* empty css                                      */
 /* empty css                                 */
 /* empty css                                           */

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

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

@@ -3,8 +3,8 @@ import { useRoute, useRouter } from "vue-router";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
 import _sfc_main$3 from "../../../../components/Tab/Tab.vue2.js";
 import Field from "../../../../components/Field/Field.vue.js";
-import Select from "../../../../components/Select/Select.vue.js";
-import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
+import Select from "../../../../components/Select/Select.vue2.js";
+import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
 import _sfc_main$4 from "../../../../components/EditImages/EditImages.vue.js";
 import BlockMultiselect from "../../../core/views/components/blocks/BlockMultiselect.vue.js";
 import _sfc_main$5 from "../../../icons/navigation/IconCross.vue.js";

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

@@ -46,7 +46,7 @@ const _hoisted_18 = { class: "cursor-pointer w-100 flex-v-center flex-nowrap fle
 const _hoisted_19 = { class: "h-2r w-2r flex-child-auto aspect-1x1 flex-center flex bg-light radius-extra" };
 const _hoisted_20 = { class: "mn-t-small" };
 const _hoisted_21 = { class: "h-1r" };
-const _hoisted_22 = { class: "w-100 rows-1 pd-thin pos-relative o-hidden" };
+const _hoisted_22 = { class: "w-100 flex flex-column pd-thin pos-relative o-hidden" };
 const _hoisted_23 = { class: "mn-b-thin mobile-only w-100 o-y-scroll scroll-hide scroll-snap-x-mandatory scroll-pd-regular" };
 const _hoisted_24 = { class: "gap-thin flex-nowrap flex" };
 const _hoisted_25 = ["onClick"];

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

@@ -1 +1 @@
-{"version":3,"file":"Products.vue.js","sources":["../../../../../../../src/modules/products/components/pages/Products.vue"],"sourcesContent":["<template>\n  <div class=\"pos-relative\">\n    <header \n      v-if=\"route.name !== 'Organization' && !MOBILE_APP\"\n      class=\"pd-medium flex-v-center flex-nowrap flex\"\n    >\n      <h2 class=\"mn-r-medium\">{{ currentCategory ? currentCategory.name : 'All Products' }}</h2>\n      <button \n        v-if=\"route.params._id && hasAccess(route.params._id, 'products', 'create', auth.state.accesses, auth.state.access.roles)\"\n        @click=\"$router.push({\n          name: route.params?._id ? 'Organization_ProductAdd' : 'ProductAdd'\n        })\" \n        class=\"radius-extra i-big hover:scale-[1.05] cursor-pointer t-white bg-second\">\n          +\n      </button>\n    </header>\n\n    <div class=\"cols-[1fr_3fr] mobile:cols-1 br-1px br-light z-index-3 pos-relative\">\n\n      <div class=\"o-y-scroll br-r-1px br-light pd-medium z-index-2 desktop-only h-100 pos-relative\">\n        <div class=\"w-100 o-y-scroll h-100\">\n          <!-- Категории -->\n          <div class=\"mn-b-medium\" v-if=\"currentCategories.length > 0\">\n            <h4 class=\"mn-b-medium\">\n              {{ route.params.categoryPath ? 'Subcategories' : 'Categories' }}\n            </h4>\n            <div class=\"gap-micro\">\n              <div\n                v-for=\"category in currentCategories\"\n                :key=\"category._id\"\n                @click=\"selectCategory(category)\"\n                class=\"cursor-pointer hover:underline mn-b-regular ease\"\n              >\n                {{ category.name }}\n                <br>\n                <span v-for=\"subcategory in category.children\">{{subcategory.name}}</span>\n              </div>\n            </div>\n          </div>\n\n          <!-- Фильтры категории -->\n          <Spoiler \n            v-for=\"filter in categoryFilters\"\n            :key=\"filter.name\"\n            class=\"o-hidden mn-b-medium\"\n            :status=\"true\"\n          >\n            <template #header=\"{ isOpen }\">\n              <div class=\"cursor-pointer w-100 flex-v-center flex-nowrap flex\">\n                <h4 class=\"w-100\">{{ filter.name }}</h4>\n                <div class=\"h-2r w-2r flex-child-auto aspect-1x1 flex-center flex bg-light radius-extra\">\n                  <IconChevronBottom :class=\"{ 'rotate-180deg mn-t-micro-negative': isOpen }\" fill=\"rgb(var(--black))\" class=\"i-medium\"/>\n                </div>\n              </div>\n            </template>\n\n            <template #content>\n              <div class=\"mn-t-small\">\n                <Checkbox \n                  v-for=\"option in filter.options\"\n                  :key=\"option.text || option\"\n                  v-model:radio=\"selectedFilters[filter.name]\"\n                  :label=\"option.text || option\"\n                  :value=\"option.text || option\"\n                  mode=\"checkbox\"\n                  class=\"mn-b-micro\"\n                />\n              </div>\n            </template>\n          </Spoiler>\n         \n          <!-- Цена за сутки -->\n          <Spoiler \n            class=\"o-hidden mn-b-medium\"\n            :status=\"true\"\n          >\n            <template #header=\"{ isOpen }\">\n              <div class=\"cursor-pointer w-100 flex-v-center flex-nowrap flex\">\n                <h4 class=\"w-100\">  Price</h4>\n                <div class=\"h-2r w-2r flex-child-auto aspect-1x1 flex-center flex bg-light radius-extra\">\n                  <IconChevronBottom :class=\"{ 'rotate-180deg mn-t-micro-negative': isOpen }\" fill=\"rgb(var(--black))\" class=\"i-medium\"/>\n                </div>\n              </div>\n            </template>\n\n            <template #content>\n              <div class=\"mn-t-small flex gap-thin\">\n                <Field\n                  v-model:field=\"selectedFilters.price.min\"\n                  placeholder=\"From\"\n                  type=\"number\"\n                  :label=\"returnCurrency()\"\n                  class=\"w-50 bg-light pd-small radius-small\"\n                />\n                <Field\n                  v-model:field=\"selectedFilters.price.max\"\n                  placeholder=\"To\"\n                  type=\"number\"\n                 :label=\"returnCurrency()\"\n                  class=\"w-50 bg-light pd-small radius-small\"\n                />\n              </div>\n            </template>\n          </Spoiler>\n\n          <!-- Доступность -->\n          <Spoiler \n            class=\"o-hidden mn-b-medium\"\n            :status=\"true\"\n          >\n            <template #header=\"{ isOpen }\">\n              <div class=\"cursor-pointer w-100 flex-v-center flex-nowrap flex\">\n                <h4 class=\"w-100\">Availability</h4>\n                <div class=\"h-2r w-2r flex-child-auto aspect-1x1 flex-center flex bg-light radius-extra\">\n                  <IconChevronBottom :class=\"{ 'rotate-180deg mn-t-micro-negative': isOpen }\" fill=\"rgb(var(--black))\" class=\"i-medium\"/>\n                </div>\n              </div>\n            </template>\n\n            <template #content>\n              <div class=\"mn-t-small\">\n                <div \n                  @click=\"() => { tempSelectedDates = selectedFilters.availability; showDatePickerPopup = true; }\"\n                  :class=\"{ 'bg-light': selectedFilters?.availability }\"\n                  class=\"pd-small field-wrapper radius-small bg-light cursor-pointer hover:bg-light ease  flex-v-center flex gap-thin\"\n                >\n                  <IconCalendar class=\"i-medium\" />\n                  <span class=\"h-1r\">{{ selectedFilters.availability ? `${formatDate(selectedFilters.availability.start, { dayMonth: true, language: 'en' })} - ${formatDate(selectedFilters.availability.end, { dayMonth: true, language: 'en' })}` : 'Select dates'}}</span>\n                </div>\n              </div>\n            </template>\n          </Spoiler>\n\n          <!-- Кнопка очистки фильтров -->\n          <button \n            @click=\"clearAllFilters\"\n            class=\"bg-main w-100 button mn-t-medium\"\n          >\n            Clear Filters\n          </button>\n        </div>\n      </div>\n\n      <div class=\"w-100 rows-1 pd-thin  pos-relative o-hidden\">\n        \n        <slot></slot>\n\n        <div class=\"mn-b-thin mobile-only w-100 o-y-scroll scroll-hide scroll-snap-x-mandatory scroll-pd-regular\">\n          <div class=\"gap-thin flex-nowrap flex\">\n            <div\n              v-for=\"category in currentCategories\"\n              :key=\"category._id\"\n              @click=\"selectCategory(category)\"\n              class=\" flex-child-default bg-light flex ws-nowrap pd-medium radius-medium cursor-pointer hover:bg-light ease\"\n            >\n              {{ category.name }}\n            </div>\n          </div>\n        </div>\n\n        <Feed\n          :search=\"true\"\n          v-model:sort=\"products.state.sort\"\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) => products.actions.read(options),\n            state: products.state\n          }\"\n          :options=\"{\n            limit: 16,\n            owner: route.name?.includes('Organization') ? route.params._id : null,\n            lookup: ['variants','rents','inventory'],\n            categories: route.params.categoryPath ? `/${route.params.categoryPath}` : null,\n            filters: processedFilters,\n            priceMin: selectedFilters.price?.min,\n            priceMax: selectedFilters.price?.max,\n            dateStart: selectedFilters.availability?.start,\n            dateEnd: selectedFilters.availability?.end\n          }\"\n          v-slot=\"{ \n            items \n          }\"\n          class=\"\"\n         \n        >\n          <div class=\"mn-b-thin mobile-only\">\n            <Filters\n              v-model:filters=\"availableFilters\"\n              v-model:selected=\"selectedFilters\"\n              class=\"\"\n            />\n          </div>\n          <div class=\"cols-4 mobile:cols-2 z-index-1 pos-relative w-100 rows-1 gap-thin\">\n            <router-link\n              v-for=\"product in items\"\n              :to=\"route.params._id ? `/organizations/${route.params._id}/products/${product._id}` : `/products/${product._id}`\"\n              class=\"pos-relative h-100 w-100\"\n            >\n              <CardProduct\n                :key=\"product._id\"\n                :product=\"product\"\n                :user=\"auth.state.access\"\n                :organization=\"route.params._id\"\n                :access=\"hasAccess(route.params._id, 'products', 'edit', auth.state.accesses, auth.state.access.roles)\"\n                class=\"pos-relative  h-100 w-100 bg-light\"\n              />\n            </router-link>\n          </div>\n        </Feed>\n\n      </div>\n    </div>\n  \n    <!-- Date Picker Popup -->\n    <Popup\n      :isPopupOpen=\"showDatePickerPopup\"\n      @close-popup=\"showDatePickerPopup = false\"\n      class=\"pd-medium bg-white radius-medium\"\n      style=\"min-width: 350px;\"\n    >\n      <h3 class=\"mn-b-medium\">Select Date Range</h3>\n      \n      <Calendar\n        v-model:date=\"tempSelectedDates\"\n        :allowRange=\"true\"\n        :disablePastDates=\"true\"\n        class=\"mn-b-medium radius-small bg-light\"\n      />\n      \n      <div class=\"flex gap-small\">\n         <button \n          @click=\"showDatePickerPopup = false\"\n          class=\"bg-light button flex-child-full\"\n        >\n          Cancel\n        </button>\n        <button \n          @click=\"applyDateFilter\"\n          class=\"bg-main button w-100 flex-child-full\"\n        >\n          Apply\n        </button>\n       \n      </div>\n    </Popup>\n</div>\n\n</template>\n\n\n<script setup=\"props\">\n  // Import libs\n  import { ref, computed, watch, onMounted, onUnmounted } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n\n  // Import components\n  import Tab from '@martyrs/src/components/Tab/Tab.vue'\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n  import FilterProducts from '@martyrs/src/modules/products/components/sections/FilterProducts.vue'\n  import BlockSearch from '@martyrs/src/modules/core/views/components/blocks/BlockSearch.vue'\n  import Filters  from '@martyrs/src/modules/core/views/components/sections/Filters.vue'\n  import Spoiler from \"@martyrs/src/components/Spoiler/Spoiler.vue\"\n  import Field from \"@martyrs/src/components/Field/Field.vue\"\n  import Calendar from \"@martyrs/src/components/Calendar/Calendar.vue\"\n  import Popup from \"@martyrs/src/components/Popup/Popup.vue\"\n  import Checkbox from \"@martyrs/src/components/Checkbox/Checkbox.vue\"\n\n  import CardProduct from '@martyrs/src/modules/products/components/blocks/CardProduct.vue'\n\n  import IconPlus from '@martyrs/src/modules/icons/navigation/IconPlus.vue'\n  import IconChevronBottom from '@martyrs/src/modules/icons/navigation/IconChevronBottom.vue'\n  import IconCalendar from '@martyrs/src/modules/icons/entities/IconCalendar.vue'\n\n\n  // Accessing router and store\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n  import { useStore } from '@martyrs/src/modules/core/views/store/core.store.js';\n  import * as products from '@martyrs/src/modules/products/store/products.js';\n  import * as categories from '@martyrs/src/modules/products/store/categories.js';\n  import { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\n  const emits = defineEmits(['page-loading', 'page-loaded']);\n  const route = useRoute()\n  const router = useRouter()\n  const store = useStore()\n  const { generateFilters, formatDate, hasAccess, returnCurrency } = useGlobalMixins()\n\n  // Категории и фильтры\n  const currentCategories = ref([]);\n  const currentCategory = ref(null);\n  const categoryFilters = ref([]);\n  // const selectedFilters = ref({});\n\n  const availableFilters = ref([\n    {\n      title: 'Price',\n      value: 'price',\n      type: 'range',\n      minPlaceholder: 'From',\n      maxPlaceholder: 'To'\n    },\n    {\n      title: 'Availability',\n      value: 'availability',\n      type: 'date'\n    }\n  ])\n\n  const selectedFilters = ref({\n    price: { min: '', max: '' },\n    availability: null\n  })\n\n  const showDatePickerPopup = ref(false);\n  const tempSelectedDates = ref(null);\n\n  // Computed property for processed filters\n  const processedFilters = computed(() => {\n    const filters = [];\n    \n    // Обрабатываем фильтры категорий\n    Object.entries(selectedFilters.value).forEach(([key, value]) => {\n      if (key === 'price' || key === 'availability') return; // эти обрабатываются отдельно\n      \n      if (Array.isArray(value) && value.length > 0) {\n        filters.push({\n          parameter: key,\n          values: value,\n          caseSensitive: false\n        });\n      } else if (value && typeof value === 'string' && value.trim() !== '') {\n        filters.push({\n          parameter: key,\n          values: [value],\n          caseSensitive: false\n        });\n      }\n    });\n    \n    return filters.length > 0 ? JSON.stringify(filters) : '';\n  });\n\n\n\n\n  const processedLookups = computed(() => {\n    const lookups = ['variants'];\n    if (selectedFilters.value.availability) {\n      lookups.push('rents');\n    }\n    return lookups;\n  });\n\n  const loadCategoryData = async () => {\n    const categoryPath = route.params.categoryPath;\n    \n    // Очищаем фильтры категории из предыдущей загрузки\n    availableFilters.value = availableFilters.value.filter(f => f.value === 'price' || f.value === 'availability');\n    \n    try {\n      if (categoryPath) {\n        // Загружаем категорию и её прямых детей\n        const result = await categories.actions.read({ \n          url: `/${categoryPath}`,\n          depth: 1,\n          tree: false\n        });\n        \n        if (result.length > 0) {\n          currentCategory.value = result[0];\n          currentCategories.value = result[0].children || [];\n          categoryFilters.value = result[0].filters || [];\n          \n          // Добавляем фильтры категории в availableFilters\n          (result[0].filters || []).forEach(filter => {\n            availableFilters.value.push({\n              title: filter.name,\n              value: filter.name,\n              type: 'checkbox',\n              options: (filter.options || []).map(option => ({\n                label: typeof option === 'string' ? option : option.text,\n                value: typeof option === 'string' ? option : option.text\n              }))\n            });\n            // Инициализируем массив для фильтра\n            if (!selectedFilters.value[filter.name]) {\n              selectedFilters.value[filter.name] = [];\n            }\n          });\n        }\n      } else {\n        // Загружаем только корневые категории\n        const result = await categories.actions.read({ \n          root: true,\n          tree: false\n        });\n        \n        currentCategories.value = result;\n        categoryFilters.value = [];\n      }\n    } catch (error) {\n      console.error('Error loading categories:', error);\n      currentCategories.value = [];\n      categoryFilters.value = [];\n    }\n  };\n\n  // Функция для выбора категории\n  const selectCategory = (category) => {\n    const categoryPath = category.url ? category.url.substring(1) : '';\n      \n    if (!categoryPath) {\n      console.warn('No URL found for category:', category);\n      return;\n    }\n    \n    // Переходим к странице категории используя wildcard роут\n    if (route.params._id) {\n      router.push(`/organizations/${route.params._id}/products/categories/${categoryPath}`);\n    } else {\n      router.push(`/products/categories/${categoryPath}`);\n    }\n  };\n\n\n  // Функция применения фильтра дат\n  const applyDateFilter = () => {\n    selectedFilters.value.availability = tempSelectedDates.value;\n    showDatePickerPopup.value = false;\n  };\n  \n  // Функция очистки всех фильтров\n  const clearAllFilters = () => {\n    selectedFilters.value.price = { min: '', max: '' };\n    selectedFilters.value.availability = null;\n    \n    // Очищаем фильтры категорий\n    categoryFilters.value.forEach(filter => {\n      selectedFilters.value[filter.name] = [];\n    });\n  };\n\n  if (route.params?._id) {\n    store.core.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: 'Organization_ProductAdd', params: { _id: route.params._id} }) : router.push({ name: 'ProductAdd' })\n    }];\n  }\n\n  onMounted(async () => {\n    emits('page-loading');\n    await loadCategoryData();\n    emits('page-loaded');\n  });\n\n  onUnmounted(() => {\n    store.core.state.navigation_bar.actions = [];\n  });\n\n</script>\n\n<style lang=\"scss\">\n\n\n</style>\n"],"names":["categories.actions","IconPlus","auth.state"],"mappings":"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"}
+{"version":3,"file":"Products.vue.js","sources":["../../../../../../../src/modules/products/components/pages/Products.vue"],"sourcesContent":["<template>\n  <div class=\"pos-relative\">\n    <header \n      v-if=\"route.name !== 'Organization' && !MOBILE_APP\"\n      class=\"pd-medium flex-v-center flex-nowrap flex\"\n    >\n      <h2 class=\"mn-r-medium\">{{ currentCategory ? currentCategory.name : 'All Products' }}</h2>\n      <button \n        v-if=\"route.params._id && hasAccess(route.params._id, 'products', 'create', auth.state.accesses, auth.state.access.roles)\"\n        @click=\"$router.push({\n          name: route.params?._id ? 'Organization_ProductAdd' : 'ProductAdd'\n        })\" \n        class=\"radius-extra i-big hover:scale-[1.05] cursor-pointer t-white bg-second\">\n          +\n      </button>\n    </header>\n\n    <div class=\"cols-[1fr_3fr] mobile:cols-1 br-1px br-light z-index-3 pos-relative\">\n\n      <div class=\"o-y-scroll br-r-1px br-light pd-medium z-index-2 desktop-only h-100 pos-relative\">\n        <div class=\"w-100 o-y-scroll h-100\">\n          <!-- Категории -->\n          <div class=\"mn-b-medium\" v-if=\"currentCategories.length > 0\">\n            <h4 class=\"mn-b-medium\">\n              {{ route.params.categoryPath ? 'Subcategories' : 'Categories' }}\n            </h4>\n            <div class=\"gap-micro\">\n              <div\n                v-for=\"category in currentCategories\"\n                :key=\"category._id\"\n                @click=\"selectCategory(category)\"\n                class=\"cursor-pointer hover:underline mn-b-regular ease\"\n              >\n                {{ category.name }}\n                <br>\n                <span v-for=\"subcategory in category.children\">{{subcategory.name}}</span>\n              </div>\n            </div>\n          </div>\n\n          <!-- Фильтры категории -->\n          <Spoiler \n            v-for=\"filter in categoryFilters\"\n            :key=\"filter.name\"\n            class=\"o-hidden mn-b-medium\"\n            :status=\"true\"\n          >\n            <template #header=\"{ isOpen }\">\n              <div class=\"cursor-pointer w-100 flex-v-center flex-nowrap flex\">\n                <h4 class=\"w-100\">{{ filter.name }}</h4>\n                <div class=\"h-2r w-2r flex-child-auto aspect-1x1 flex-center flex bg-light radius-extra\">\n                  <IconChevronBottom :class=\"{ 'rotate-180deg mn-t-micro-negative': isOpen }\" fill=\"rgb(var(--black))\" class=\"i-medium\"/>\n                </div>\n              </div>\n            </template>\n\n            <template #content>\n              <div class=\"mn-t-small\">\n                <Checkbox \n                  v-for=\"option in filter.options\"\n                  :key=\"option.text || option\"\n                  v-model:radio=\"selectedFilters[filter.name]\"\n                  :label=\"option.text || option\"\n                  :value=\"option.text || option\"\n                  mode=\"checkbox\"\n                  class=\"mn-b-micro\"\n                />\n              </div>\n            </template>\n          </Spoiler>\n         \n          <!-- Цена за сутки -->\n          <Spoiler \n            class=\"o-hidden mn-b-medium\"\n            :status=\"true\"\n          >\n            <template #header=\"{ isOpen }\">\n              <div class=\"cursor-pointer w-100 flex-v-center flex-nowrap flex\">\n                <h4 class=\"w-100\">  Price</h4>\n                <div class=\"h-2r w-2r flex-child-auto aspect-1x1 flex-center flex bg-light radius-extra\">\n                  <IconChevronBottom :class=\"{ 'rotate-180deg mn-t-micro-negative': isOpen }\" fill=\"rgb(var(--black))\" class=\"i-medium\"/>\n                </div>\n              </div>\n            </template>\n\n            <template #content>\n              <div class=\"mn-t-small flex gap-thin\">\n                <Field\n                  v-model:field=\"selectedFilters.price.min\"\n                  placeholder=\"From\"\n                  type=\"number\"\n                  :label=\"returnCurrency()\"\n                  class=\"w-50 bg-light pd-small radius-small\"\n                />\n                <Field\n                  v-model:field=\"selectedFilters.price.max\"\n                  placeholder=\"To\"\n                  type=\"number\"\n                 :label=\"returnCurrency()\"\n                  class=\"w-50 bg-light pd-small radius-small\"\n                />\n              </div>\n            </template>\n          </Spoiler>\n\n          <!-- Доступность -->\n          <Spoiler \n            class=\"o-hidden mn-b-medium\"\n            :status=\"true\"\n          >\n            <template #header=\"{ isOpen }\">\n              <div class=\"cursor-pointer w-100 flex-v-center flex-nowrap flex\">\n                <h4 class=\"w-100\">Availability</h4>\n                <div class=\"h-2r w-2r flex-child-auto aspect-1x1 flex-center flex bg-light radius-extra\">\n                  <IconChevronBottom :class=\"{ 'rotate-180deg mn-t-micro-negative': isOpen }\" fill=\"rgb(var(--black))\" class=\"i-medium\"/>\n                </div>\n              </div>\n            </template>\n\n            <template #content>\n              <div class=\"mn-t-small\">\n                <div \n                  @click=\"() => { tempSelectedDates = selectedFilters.availability; showDatePickerPopup = true; }\"\n                  :class=\"{ 'bg-light': selectedFilters?.availability }\"\n                  class=\"pd-small field-wrapper radius-small bg-light cursor-pointer hover:bg-light ease  flex-v-center flex gap-thin\"\n                >\n                  <IconCalendar class=\"i-medium\" />\n                  <span class=\"h-1r\">{{ selectedFilters.availability ? `${formatDate(selectedFilters.availability.start, { dayMonth: true, language: 'en' })} - ${formatDate(selectedFilters.availability.end, { dayMonth: true, language: 'en' })}` : 'Select dates'}}</span>\n                </div>\n              </div>\n            </template>\n          </Spoiler>\n\n          <!-- Кнопка очистки фильтров -->\n          <button \n            @click=\"clearAllFilters\"\n            class=\"bg-main w-100 button mn-t-medium\"\n          >\n            Clear Filters\n          </button>\n        </div>\n      </div>\n\n      <div class=\"w-100 flex flex-column pd-thin  pos-relative o-hidden\">\n        \n        <slot></slot>\n\n        <div class=\"mn-b-thin mobile-only w-100 o-y-scroll scroll-hide scroll-snap-x-mandatory scroll-pd-regular\">\n          <div class=\"gap-thin flex-nowrap flex\">\n            <div\n              v-for=\"category in currentCategories\"\n              :key=\"category._id\"\n              @click=\"selectCategory(category)\"\n              class=\" flex-child-default bg-light flex ws-nowrap pd-medium radius-medium cursor-pointer hover:bg-light ease\"\n            >\n              {{ category.name }}\n            </div>\n          </div>\n        </div>\n\n        <Feed\n          :search=\"true\"\n          v-model:sort=\"products.state.sort\"\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) => products.actions.read(options),\n            state: products.state\n          }\"\n          :options=\"{\n            limit: 16,\n            owner: route.name?.includes('Organization') ? route.params._id : null,\n            lookup: ['variants','rents','inventory'],\n            categories: route.params.categoryPath ? `/${route.params.categoryPath}` : null,\n            filters: processedFilters,\n            priceMin: selectedFilters.price?.min,\n            priceMax: selectedFilters.price?.max,\n            dateStart: selectedFilters.availability?.start,\n            dateEnd: selectedFilters.availability?.end\n          }\"\n          v-slot=\"{ \n            items \n          }\"\n          class=\"\"\n         \n        >\n          <div class=\"mn-b-thin mobile-only\">\n            <Filters\n              v-model:filters=\"availableFilters\"\n              v-model:selected=\"selectedFilters\"\n              class=\"\"\n            />\n          </div>\n          <div class=\"cols-4 mobile:cols-2 z-index-1 pos-relative w-100 rows-1 gap-thin\">\n            <router-link\n              v-for=\"product in items\"\n              :to=\"route.params._id ? `/organizations/${route.params._id}/products/${product._id}` : `/products/${product._id}`\"\n              class=\"pos-relative h-100 w-100\"\n            >\n              <CardProduct\n                :key=\"product._id\"\n                :product=\"product\"\n                :user=\"auth.state.access\"\n                :organization=\"route.params._id\"\n                :access=\"hasAccess(route.params._id, 'products', 'edit', auth.state.accesses, auth.state.access.roles)\"\n                class=\"pos-relative  h-100 w-100 bg-light\"\n              />\n            </router-link>\n          </div>\n        </Feed>\n\n      </div>\n    </div>\n  \n    <!-- Date Picker Popup -->\n    <Popup\n      :isPopupOpen=\"showDatePickerPopup\"\n      @close-popup=\"showDatePickerPopup = false\"\n      class=\"pd-medium bg-white radius-medium\"\n      style=\"min-width: 350px;\"\n    >\n      <h3 class=\"mn-b-medium\">Select Date Range</h3>\n      \n      <Calendar\n        v-model:date=\"tempSelectedDates\"\n        :allowRange=\"true\"\n        :disablePastDates=\"true\"\n        class=\"mn-b-medium radius-small bg-light\"\n      />\n      \n      <div class=\"flex gap-small\">\n         <button \n          @click=\"showDatePickerPopup = false\"\n          class=\"bg-light button flex-child-full\"\n        >\n          Cancel\n        </button>\n        <button \n          @click=\"applyDateFilter\"\n          class=\"bg-main button w-100 flex-child-full\"\n        >\n          Apply\n        </button>\n       \n      </div>\n    </Popup>\n</div>\n\n</template>\n\n\n<script setup=\"props\">\n  // Import libs\n  import { ref, computed, watch, onMounted, onUnmounted } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n\n  // Import components\n  import Tab from '@martyrs/src/components/Tab/Tab.vue'\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n  import FilterProducts from '@martyrs/src/modules/products/components/sections/FilterProducts.vue'\n  import BlockSearch from '@martyrs/src/modules/core/views/components/blocks/BlockSearch.vue'\n  import Filters  from '@martyrs/src/modules/core/views/components/sections/Filters.vue'\n  import Spoiler from \"@martyrs/src/components/Spoiler/Spoiler.vue\"\n  import Field from \"@martyrs/src/components/Field/Field.vue\"\n  import Calendar from \"@martyrs/src/components/Calendar/Calendar.vue\"\n  import Popup from \"@martyrs/src/components/Popup/Popup.vue\"\n  import Checkbox from \"@martyrs/src/components/Checkbox/Checkbox.vue\"\n\n  import CardProduct from '@martyrs/src/modules/products/components/blocks/CardProduct.vue'\n\n  import IconPlus from '@martyrs/src/modules/icons/navigation/IconPlus.vue'\n  import IconChevronBottom from '@martyrs/src/modules/icons/navigation/IconChevronBottom.vue'\n  import IconCalendar from '@martyrs/src/modules/icons/entities/IconCalendar.vue'\n\n\n  // Accessing router and store\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n  import { useStore } from '@martyrs/src/modules/core/views/store/core.store.js';\n  import * as products from '@martyrs/src/modules/products/store/products.js';\n  import * as categories from '@martyrs/src/modules/products/store/categories.js';\n  import { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\n  const emits = defineEmits(['page-loading', 'page-loaded']);\n  const route = useRoute()\n  const router = useRouter()\n  const store = useStore()\n  const { generateFilters, formatDate, hasAccess, returnCurrency } = useGlobalMixins()\n\n  // Категории и фильтры\n  const currentCategories = ref([]);\n  const currentCategory = ref(null);\n  const categoryFilters = ref([]);\n  // const selectedFilters = ref({});\n\n  const availableFilters = ref([\n    {\n      title: 'Price',\n      value: 'price',\n      type: 'range',\n      minPlaceholder: 'From',\n      maxPlaceholder: 'To'\n    },\n    {\n      title: 'Availability',\n      value: 'availability',\n      type: 'date'\n    }\n  ])\n\n  const selectedFilters = ref({\n    price: { min: '', max: '' },\n    availability: null\n  })\n\n  const showDatePickerPopup = ref(false);\n  const tempSelectedDates = ref(null);\n\n  // Computed property for processed filters\n  const processedFilters = computed(() => {\n    const filters = [];\n    \n    // Обрабатываем фильтры категорий\n    Object.entries(selectedFilters.value).forEach(([key, value]) => {\n      if (key === 'price' || key === 'availability') return; // эти обрабатываются отдельно\n      \n      if (Array.isArray(value) && value.length > 0) {\n        filters.push({\n          parameter: key,\n          values: value,\n          caseSensitive: false\n        });\n      } else if (value && typeof value === 'string' && value.trim() !== '') {\n        filters.push({\n          parameter: key,\n          values: [value],\n          caseSensitive: false\n        });\n      }\n    });\n    \n    return filters.length > 0 ? JSON.stringify(filters) : '';\n  });\n\n\n\n\n  const processedLookups = computed(() => {\n    const lookups = ['variants'];\n    if (selectedFilters.value.availability) {\n      lookups.push('rents');\n    }\n    return lookups;\n  });\n\n  const loadCategoryData = async () => {\n    const categoryPath = route.params.categoryPath;\n    \n    // Очищаем фильтры категории из предыдущей загрузки\n    availableFilters.value = availableFilters.value.filter(f => f.value === 'price' || f.value === 'availability');\n    \n    try {\n      if (categoryPath) {\n        // Загружаем категорию и её прямых детей\n        const result = await categories.actions.read({ \n          url: `/${categoryPath}`,\n          depth: 1,\n          tree: false\n        });\n        \n        if (result.length > 0) {\n          currentCategory.value = result[0];\n          currentCategories.value = result[0].children || [];\n          categoryFilters.value = result[0].filters || [];\n          \n          // Добавляем фильтры категории в availableFilters\n          (result[0].filters || []).forEach(filter => {\n            availableFilters.value.push({\n              title: filter.name,\n              value: filter.name,\n              type: 'checkbox',\n              options: (filter.options || []).map(option => ({\n                label: typeof option === 'string' ? option : option.text,\n                value: typeof option === 'string' ? option : option.text\n              }))\n            });\n            // Инициализируем массив для фильтра\n            if (!selectedFilters.value[filter.name]) {\n              selectedFilters.value[filter.name] = [];\n            }\n          });\n        }\n      } else {\n        // Загружаем только корневые категории\n        const result = await categories.actions.read({ \n          root: true,\n          tree: false\n        });\n        \n        currentCategories.value = result;\n        categoryFilters.value = [];\n      }\n    } catch (error) {\n      console.error('Error loading categories:', error);\n      currentCategories.value = [];\n      categoryFilters.value = [];\n    }\n  };\n\n  // Функция для выбора категории\n  const selectCategory = (category) => {\n    const categoryPath = category.url ? category.url.substring(1) : '';\n      \n    if (!categoryPath) {\n      console.warn('No URL found for category:', category);\n      return;\n    }\n    \n    // Переходим к странице категории используя wildcard роут\n    if (route.params._id) {\n      router.push(`/organizations/${route.params._id}/products/categories/${categoryPath}`);\n    } else {\n      router.push(`/products/categories/${categoryPath}`);\n    }\n  };\n\n\n  // Функция применения фильтра дат\n  const applyDateFilter = () => {\n    selectedFilters.value.availability = tempSelectedDates.value;\n    showDatePickerPopup.value = false;\n  };\n  \n  // Функция очистки всех фильтров\n  const clearAllFilters = () => {\n    selectedFilters.value.price = { min: '', max: '' };\n    selectedFilters.value.availability = null;\n    \n    // Очищаем фильтры категорий\n    categoryFilters.value.forEach(filter => {\n      selectedFilters.value[filter.name] = [];\n    });\n  };\n\n  if (route.params?._id) {\n    store.core.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: 'Organization_ProductAdd', params: { _id: route.params._id} }) : router.push({ name: 'ProductAdd' })\n    }];\n  }\n\n  onMounted(async () => {\n    emits('page-loading');\n    await loadCategoryData();\n    emits('page-loaded');\n  });\n\n  onUnmounted(() => {\n    store.core.state.navigation_bar.actions = [];\n  });\n\n</script>\n\n<style lang=\"scss\">\n\n\n</style>\n"],"names":["categories.actions","IconPlus","auth.state"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 import { useModel, ref, reactive, createElementBlock, openBlock, Fragment, createVNode, withCtx, createCommentVNode, renderList, createElementVNode, toDisplayString, createTextVNode } from "vue";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
 import Field from "../../../../components/Field/Field.vue.js";
-import _sfc_main$5 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$5 from "../../../../components/Button/Button.vue.js";
 import _sfc_main$4 from "../../../../components/Popup/Popup.vue.js";
 import _sfc_main$2 from "../../../icons/navigation/IconEdit.vue.js";
 import _sfc_main$3 from "../../../icons/navigation/IconDelete.vue.js";

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

@@ -1,9 +1,9 @@
 import { useModel, ref, reactive, createElementBlock, openBlock, Fragment, createVNode, withCtx, createCommentVNode, renderList, createElementVNode, toDisplayString, createTextVNode } from "vue";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
 import Field from "../../../../components/Field/Field.vue.js";
-import _sfc_main$5 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$5 from "../../../../components/Button/Button.vue.js";
 import _sfc_main$4 from "../../../../components/Popup/Popup.vue.js";
-import Select from "../../../../components/Select/Select.vue.js";
+import Select from "../../../../components/Select/Select.vue2.js";
 import _sfc_main$2 from "../../../icons/navigation/IconEdit.vue.js";
 import _sfc_main$3 from "../../../icons/navigation/IconDelete.vue.js";
 const _hoisted_1 = {

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

@@ -5,9 +5,9 @@ import variantsStore from "../../store/variants.store.js";
 import { state } from "../../store/products.js";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
 import Field from "../../../../components/Field/Field.vue.js";
-import _sfc_main$3 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$3 from "../../../../components/Button/Button.vue.js";
 import _sfc_main$7 from "../../../../components/Popup/Popup.vue.js";
-import Select from "../../../../components/Select/Select.vue.js";
+import Select from "../../../../components/Select/Select.vue2.js";
 import _sfc_main$2 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$9 from "../../../../components/EditImages/EditImages.vue.js";
 import _sfc_main$8 from "./EditIngredients.vue.js";

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

@@ -1,7 +1,7 @@
 import { ref, computed, createElementBlock, createCommentVNode, openBlock, createVNode, createElementVNode, toDisplayString, withCtx, unref, Fragment } from "vue";
 import { useI18n } from "vue-i18n";
 import _sfc_main$5 from "../../../icons/actions/IconShopcartAdd.vue.js";
-import _sfc_main$4 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$4 from "../../../../components/Button/Button.vue.js";
 import _sfc_main$1 from "../blocks/ProductVariants.vue.js";
 import ProductDiscounts from "../blocks/ProductDiscounts.vue.js";
 import _sfc_main$3 from "../elements/QuantitySelector.vue.js";

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

@@ -1,6 +1,6 @@
 import { getCurrentInstance, ref, computed, createElementBlock, openBlock, createElementVNode, Fragment, renderList, createBlock, withCtx, createVNode, withModifiers, toDisplayString } from "vue";
 import { useRouter } from "vue-router";
-import _sfc_main$4 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$4 from "../../../../components/Button/Button.vue.js";
 import _sfc_main$2 from "../../../../components/Checkbox/Checkbox.vue.js";
 import _sfc_main$1 from "../blocks/CardProduct.vue.js";
 import _sfc_main$3 from "../../../icons/entities/IconProducts.vue.js";

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

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

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

@@ -1,7 +1,7 @@
 import { computed, ref, watch, createElementBlock, openBlock, createElementVNode, createVNode, withCtx, createTextVNode } from "vue";
 import dayjs from "../../../../../../../../_virtual/dayjs.min.js";
 import _sfc_main$2 from "../../../../../../components/Tab/Tab.vue2.js";
-import _sfc_main$3 from "../../../../../../components/Button/Button.vue2.js";
+import _sfc_main$3 from "../../../../../../components/Button/Button.vue.js";
 import _sfc_main$4 from "../../../../../../components/Dropdown/Dropdown.vue.js";
 import Calendar from "../../../../../../components/Calendar/Calendar.vue2.js";
 import _sfc_main$1 from "./DateLabel.vue.js";

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

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

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

@@ -1,7 +1,7 @@
 import { reactive, ref, createElementBlock, openBlock, renderSlot, createVNode, withCtx, createElementVNode, createTextVNode } from "vue";
 import _sfc_main$1 from "../../../../components/Popup/Popup.vue.js";
-import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
-import Select from "../../../../components/Select/Select.vue.js";
+import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
+import Select from "../../../../components/Select/Select.vue2.js";
 import { actions } from "../../store/reports.js";
 const _sfc_main = {
   __name: "FormReport",

package/dist/martyrs/src/modules/spots/components/blocks/SpotMemberModify.vue.js

@@ -1,7 +1,7 @@
 import { ref, computed, resolveComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, createBlock, toDisplayString } from "vue";
 /* empty css                                      */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-/* empty css                                        */
+/* empty css                                       */
 /* empty css                      */
 const _hoisted_1 = { class: "br-grey-transp-25 radius-small mn-b-small" };
 const _hoisted_2 = {