@ozdao/martyrs 0.2.543 → 0.2.544

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

@@ -7,9 +7,9 @@ const auth = require("../../../auth/views/store/auth.cjs");
 const categories = require("../../store/categories.cjs");
 const mixins = require("../../../globals/views/mixins/mixins.cjs");
 ;/* empty css                                         */
-;/* empty css                                         */
+;/* empty css                                          */
 const Block = require("../../../../components/Block/Block.vue.cjs");
-const Feed = require("../../../../components/Feed/Feed.vue.cjs");
+const Feed = require("../../../../components/Feed/Feed.vue2.cjs");
 const Tree = require("../../../../components/Tree/Tree.vue.cjs");
 const CardCategory = require("../blocks/CardCategory.vue.cjs");
 const IconPlus = require("../../../icons/navigation/IconPlus.vue.cjs");

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

@@ -5,9 +5,9 @@ import { state } from "../../../auth/views/store/auth.js";
 import { state as state$2, actions } from "../../store/categories.js";
 import { useGlobalMixins } from "../../../globals/views/mixins/mixins.js";
 /* empty css                                       */
-/* empty css                                       */
+/* empty css                                        */
 import _sfc_main$2 from "../../../../components/Block/Block.vue.js";
-import _sfc_main$3 from "../../../../components/Feed/Feed.vue.js";
+import _sfc_main$3 from "../../../../components/Feed/Feed.vue2.js";
 import _sfc_main$4 from "../../../../components/Tree/Tree.vue.js";
 import _sfc_main$5 from "../blocks/CardCategory.vue.js";
 import _sfc_main$1 from "../../../icons/navigation/IconPlus.vue.js";

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

@@ -3,20 +3,20 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const Select = require("../../../../components/Select/Select.vue.cjs");
 const UploadImage = require("../../../../components/UploadImage/UploadImage.vue2.cjs");
-const Field = require("../../../../components/Field/Field.vue.cjs");
+const Field = require("../../../../components/Field/Field.vue2.cjs");
 const FieldTags = require("../../../../components/FieldTags/FieldTags.vue2.cjs");
 ;/* empty css                                         */
 ;/* empty css                                             */
-;/* empty css                                             */
+;/* empty css                                              */
 ;/* empty css                                             */
 ;/* empty css                                        */
 const IconCheckmark = require("../../../icons/navigation/IconCheckmark.vue.cjs");
 ;/* empty css                                          */
-;/* empty css                                                        */
-;/* empty css                                      */
+;/* empty css                                                       */
+;/* empty css                                     */
 const Block = require("../../../../components/Block/Block.vue.cjs");
 const globals = require("../../../globals/views/store/globals.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");

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

@@ -1,20 +1,20 @@
 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 _sfc_main$3 from "../../../../components/Button/Button.vue.js";
 import Select from "../../../../components/Select/Select.vue.js";
 import UploadImage from "../../../../components/UploadImage/UploadImage.vue2.js";
-import Field from "../../../../components/Field/Field.vue.js";
+import Field from "../../../../components/Field/Field.vue2.js";
 import FieldTags from "../../../../components/FieldTags/FieldTags.vue2.js";
 /* empty css                                       */
 /* empty css                                           */
-/* empty css                                           */
+/* empty css                                            */
 /* empty css                                           */
 /* empty css                                      */
 import _sfc_main$1 from "../../../icons/navigation/IconCheckmark.vue.js";
 /* empty css                                        */
-/* empty css                                                      */
-/* empty css                                    */
+/* empty css                                                     */
+/* empty css                                   */
 import _sfc_main$2 from "../../../../components/Block/Block.vue.js";
 import { state as state$2 } from "../../../globals/views/store/globals.js";
 import { state as state$1 } from "../../../auth/views/store/auth.js";

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

@@ -8,9 +8,9 @@ const auth = require("../../../auth/views/store/auth.cjs");
 const products = require("../../store/products.cjs");
 const shopcart = require("../../../orders/store/shopcart.cjs");
 ;/* empty css                                         */
-;/* empty css                                         */
+;/* empty css                                          */
 ;/* empty css                                        */
-;/* empty css                                    */
+;/* empty css                                   */
 ;/* empty css                                             */
 const IconEdit = require("../../../icons/navigation/IconEdit.vue.cjs");
 const IconInfo = require("../../../icons/navigation/IconInfo.vue.cjs");

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

@@ -6,9 +6,9 @@ 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                                  */
+/* empty css                                 */
 /* empty css                                           */
 import _sfc_main$1 from "../../../icons/navigation/IconEdit.vue.js";
 import _sfc_main$4 from "../../../icons/navigation/IconInfo.vue.js";

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

@@ -3,11 +3,11 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const Block = require("../../../../components/Block/Block.vue.cjs");
-const Tab = require("../../../../components/Tab/Tab.vue.cjs");
-const Field = require("../../../../components/Field/Field.vue.cjs");
+const Tab = require("../../../../components/Tab/Tab.vue2.cjs");
+const Field = require("../../../../components/Field/Field.vue2.cjs");
 const Select = require("../../../../components/Select/Select.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
-const EditImages = require("../../../../components/EditImages/EditImages.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
+const EditImages = require("../../../../components/EditImages/EditImages.vue2.cjs");
 const BlockMultiselect = require("../../../globals/views/components/blocks/BlockMultiselect.vue.cjs");
 const IconCross = require("../../../icons/navigation/IconCross.vue.cjs");
 const IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");

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

@@ -1,11 +1,11 @@
 import { ref, onMounted, createElementBlock, createCommentVNode, unref, openBlock, createBlock, createElementVNode, withCtx, createVNode, toDisplayString, createTextVNode, isRef, withModifiers, Fragment, renderList } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
-import _sfc_main$3 from "../../../../components/Tab/Tab.vue.js";
-import Field from "../../../../components/Field/Field.vue.js";
+import _sfc_main$3 from "../../../../components/Tab/Tab.vue2.js";
+import Field from "../../../../components/Field/Field.vue2.js";
 import Select from "../../../../components/Select/Select.vue.js";
-import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
-import _sfc_main$4 from "../../../../components/EditImages/EditImages.vue.js";
+import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
+import _sfc_main$4 from "../../../../components/EditImages/EditImages.vue2.js";
 import BlockMultiselect from "../../../globals/views/components/blocks/BlockMultiselect.vue.js";
 import _sfc_main$5 from "../../../icons/navigation/IconCross.vue.js";
 import _sfc_main$a from "../../../icons/navigation/IconDelete.vue.js";

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

@@ -3,15 +3,15 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const mixins = require("../../../globals/views/mixins/mixins.cjs");
-;/* empty css                                    */
-const Feed = require("../../../../components/Feed/Feed.vue.cjs");
-const Spoiler = require("../../../../components/Spoiler/Spoiler.vue.cjs");
+;/* empty css                                   */
+const Feed = require("../../../../components/Feed/Feed.vue2.cjs");
+const Spoiler = require("../../../../components/Spoiler/Spoiler.vue2.cjs");
 const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
 require("vue-i18n");
 const categories = require("../../store/categories.cjs");
 ;/* empty css                                */
-const Field = require("../../../../components/Field/Field.vue.cjs");
-const Filters = require("../../../globals/views/components/sections/Filters.vue.cjs");
+const Field = require("../../../../components/Field/Field.vue2.cjs");
+const Filters = require("../../../globals/views/components/sections/Filters.vue2.cjs");
 const Calendar = require("../../../../components/Calendar/Calendar.vue2.cjs");
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 const CardProduct = require("../blocks/CardProduct.vue.cjs");
@@ -62,7 +62,7 @@ const _sfc_main = {
     const emits = __emit;
     const route = vueRouter.useRoute();
     const router = vueRouter.useRouter();
-    const { generateFilters, formatDate, hasAccess } = mixins.useGlobalMixins();
+    const { generateFilters, formatDate, hasAccess, returnCurrency } = mixins.useGlobalMixins();
     const currentCategories = vue.ref([]);
     const currentCategory = vue.ref(null);
     const categoryFilters = vue.ref([]);
@@ -288,7 +288,7 @@ const _sfc_main = {
                       "onUpdate:field": _cache[1] || (_cache[1] = ($event) => selectedFilters.value.price.min = $event),
                       placeholder: "From",
                       type: "number",
-                      label: _ctx.returnCurrency(),
+                      label: vue.unref(returnCurrency)(),
                       class: "w-50 bg-light pd-small radius-small"
                     }, null, 8, ["field", "label"]),
                     vue.createVNode(Field.default, {
@@ -296,7 +296,7 @@ const _sfc_main = {
                       "onUpdate:field": _cache[2] || (_cache[2] = ($event) => selectedFilters.value.price.max = $event),
                       placeholder: "To",
                       type: "number",
-                      label: _ctx.returnCurrency(),
+                      label: vue.unref(returnCurrency)(),
                       class: "w-50 bg-light pd-small radius-small"
                     }, null, 8, ["field", "label"])
                   ])

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

@@ -1 +1 @@
-{"version":3,"file":"Products.vue.cjs","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-100 i-big hover-scale-1 cursor-pointer t-white bg-second\">\n          +\n      </button>\n    </header>\n\n    <div class=\"cols-2-1_3 br-1px br-solid br-light z-index-3 pos-relative\">\n\n      <div class=\"o-y-scroll br-r br-solid 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-t-underline mn-b-regular transition-all\"\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-180 mn-t-micro-negative': isOpen }\" fill=\"rgb(var(--black))\" class=\"i-regular\"/>\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-180 mn-t-micro-negative': isOpen }\" fill=\"rgb(var(--black))\" class=\"i-regular\"/>\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-180 mn-t-micro-negative': isOpen }\" fill=\"rgb(var(--black))\" class=\"i-regular\"/>\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 transition-all  flex-v-center flex gap-thin\"\n                >\n                  <IconCalendar class=\"i-regular\" />\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-type-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 t-nowrap pd-medium radius-medium cursor-pointer hover-bg-light transition-all\"\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 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 ? { name: 'Organization_Product', params: { _id: route.params._id, product: product._id  } } : { name: 'Product', params: { product: 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/globals/views/components/blocks/BlockSearch.vue'\n  import Filters  from '@martyrs/src/modules/globals/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 * as globals from '@martyrs/src/modules/globals/views/store/globals.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/globals/views/mixins/mixins.js';\n\n  const emits = defineEmits(['page-loading', 'page-loaded']);\n  const route = useRoute()\n  const router = useRouter()\n  const { generateFilters, formatDate, hasAccess } = 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    globals.state.navigation_bar.actions = [{\n      component: IconPlus,\n      props: {\n        fill: \"rgb(var(--main))\" \n      },\n      condition: () => auth.state.user && auth.state.user._id,\n      action: () => route.params._id ? router.push({ name: '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    globals.state.navigation_bar.actions = [];\n  });\n\n</script>\n\n<style lang=\"scss\">\n\n\n</style>\n"],"names":["useRoute","useRouter","useGlobalMixins","ref","computed","categories.actions","globals.state","IconPlus","auth.state","onMounted","onUnmounted"],"mappings":"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"}
+{"version":3,"file":"Products.vue.cjs","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-100 i-big hover-scale-1 cursor-pointer t-white bg-second\">\n          +\n      </button>\n    </header>\n\n    <div class=\"cols-2-1_3 br-1px br-solid br-light z-index-3 pos-relative\">\n\n      <div class=\"o-y-scroll br-r br-solid 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-t-underline mn-b-regular transition-all\"\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-180 mn-t-micro-negative': isOpen }\" fill=\"rgb(var(--black))\" class=\"i-regular\"/>\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-180 mn-t-micro-negative': isOpen }\" fill=\"rgb(var(--black))\" class=\"i-regular\"/>\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-180 mn-t-micro-negative': isOpen }\" fill=\"rgb(var(--black))\" class=\"i-regular\"/>\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 transition-all  flex-v-center flex gap-thin\"\n                >\n                  <IconCalendar class=\"i-regular\" />\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-type-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 t-nowrap pd-medium radius-medium cursor-pointer hover-bg-light transition-all\"\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 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 ? { name: 'Organization_Product', params: { _id: route.params._id, product: product._id  } } : { name: 'Product', params: { product: 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/globals/views/components/blocks/BlockSearch.vue'\n  import Filters  from '@martyrs/src/modules/globals/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 * as globals from '@martyrs/src/modules/globals/views/store/globals.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/globals/views/mixins/mixins.js';\n\n  const emits = defineEmits(['page-loading', 'page-loaded']);\n  const route = useRoute()\n  const router = useRouter()\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    globals.state.navigation_bar.actions = [{\n      component: IconPlus,\n      props: {\n        fill: \"rgb(var(--main))\" \n      },\n      condition: () => auth.state.user && auth.state.user._id,\n      action: () => route.params._id ? router.push({ name: '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    globals.state.navigation_bar.actions = [];\n  });\n\n</script>\n\n<style lang=\"scss\">\n\n\n</style>\n"],"names":["useRoute","useRouter","useGlobalMixins","ref","computed","categories.actions","globals.state","IconPlus","auth.state","onMounted","onUnmounted"],"mappings":"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"}

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

@@ -1,15 +1,15 @@
 import { ref, computed, onMounted, onUnmounted, resolveComponent, createElementBlock, openBlock, createCommentVNode, createElementVNode, createVNode, unref, toDisplayString, Fragment, renderList, createTextVNode, createBlock, withCtx, normalizeClass, renderSlot } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { useGlobalMixins } from "../../../globals/views/mixins/mixins.js";
-/* empty css                                  */
-import _sfc_main$5 from "../../../../components/Feed/Feed.vue.js";
-import _sfc_main$2 from "../../../../components/Spoiler/Spoiler.vue.js";
+/* empty css                                 */
+import _sfc_main$5 from "../../../../components/Feed/Feed.vue2.js";
+import _sfc_main$2 from "../../../../components/Spoiler/Spoiler.vue2.js";
 import _sfc_main$3 from "../../../../components/Checkbox/Checkbox.vue.js";
 import "vue-i18n";
 import { actions as actions$1 } from "../../store/categories.js";
 /* empty css                              */
-import Field from "../../../../components/Field/Field.vue.js";
-import Filters from "../../../globals/views/components/sections/Filters.vue.js";
+import Field from "../../../../components/Field/Field.vue2.js";
+import Filters from "../../../globals/views/components/sections/Filters.vue2.js";
 import Calendar from "../../../../components/Calendar/Calendar.vue2.js";
 import _sfc_main$7 from "../../../../components/Popup/Popup.vue.js";
 import _sfc_main$6 from "../blocks/CardProduct.vue.js";
@@ -60,7 +60,7 @@ const _sfc_main = {
     const emits = __emit;
     const route = useRoute();
     const router = useRouter();
-    const { generateFilters, formatDate, hasAccess } = useGlobalMixins();
+    const { generateFilters, formatDate, hasAccess, returnCurrency } = useGlobalMixins();
     const currentCategories = ref([]);
     const currentCategory = ref(null);
     const categoryFilters = ref([]);
@@ -286,7 +286,7 @@ const _sfc_main = {
                       "onUpdate:field": _cache[1] || (_cache[1] = ($event) => selectedFilters.value.price.min = $event),
                       placeholder: "From",
                       type: "number",
-                      label: _ctx.returnCurrency(),
+                      label: unref(returnCurrency)(),
                       class: "w-50 bg-light pd-small radius-small"
                     }, null, 8, ["field", "label"]),
                     createVNode(Field, {
@@ -294,7 +294,7 @@ const _sfc_main = {
                       "onUpdate:field": _cache[2] || (_cache[2] = ($event) => selectedFilters.value.price.max = $event),
                       placeholder: "To",
                       type: "number",
-                      label: _ctx.returnCurrency(),
+                      label: unref(returnCurrency)(),
                       class: "w-50 bg-light pd-small radius-small"
                     }, null, 8, ["field", "label"])
                   ])

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-100 i-big hover-scale-1 cursor-pointer t-white bg-second\">\n          +\n      </button>\n    </header>\n\n    <div class=\"cols-2-1_3 br-1px br-solid br-light z-index-3 pos-relative\">\n\n      <div class=\"o-y-scroll br-r br-solid 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-t-underline mn-b-regular transition-all\"\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-180 mn-t-micro-negative': isOpen }\" fill=\"rgb(var(--black))\" class=\"i-regular\"/>\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-180 mn-t-micro-negative': isOpen }\" fill=\"rgb(var(--black))\" class=\"i-regular\"/>\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-180 mn-t-micro-negative': isOpen }\" fill=\"rgb(var(--black))\" class=\"i-regular\"/>\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 transition-all  flex-v-center flex gap-thin\"\n                >\n                  <IconCalendar class=\"i-regular\" />\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-type-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 t-nowrap pd-medium radius-medium cursor-pointer hover-bg-light transition-all\"\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 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 ? { name: 'Organization_Product', params: { _id: route.params._id, product: product._id  } } : { name: 'Product', params: { product: 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/globals/views/components/blocks/BlockSearch.vue'\n  import Filters  from '@martyrs/src/modules/globals/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 * as globals from '@martyrs/src/modules/globals/views/store/globals.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/globals/views/mixins/mixins.js';\n\n  const emits = defineEmits(['page-loading', 'page-loaded']);\n  const route = useRoute()\n  const router = useRouter()\n  const { generateFilters, formatDate, hasAccess } = 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    globals.state.navigation_bar.actions = [{\n      component: IconPlus,\n      props: {\n        fill: \"rgb(var(--main))\" \n      },\n      condition: () => auth.state.user && auth.state.user._id,\n      action: () => route.params._id ? router.push({ name: '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    globals.state.navigation_bar.actions = [];\n  });\n\n</script>\n\n<style lang=\"scss\">\n\n\n</style>\n"],"names":["categories.actions","globals.state","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-100 i-big hover-scale-1 cursor-pointer t-white bg-second\">\n          +\n      </button>\n    </header>\n\n    <div class=\"cols-2-1_3 br-1px br-solid br-light z-index-3 pos-relative\">\n\n      <div class=\"o-y-scroll br-r br-solid 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-t-underline mn-b-regular transition-all\"\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-180 mn-t-micro-negative': isOpen }\" fill=\"rgb(var(--black))\" class=\"i-regular\"/>\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-180 mn-t-micro-negative': isOpen }\" fill=\"rgb(var(--black))\" class=\"i-regular\"/>\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-180 mn-t-micro-negative': isOpen }\" fill=\"rgb(var(--black))\" class=\"i-regular\"/>\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 transition-all  flex-v-center flex gap-thin\"\n                >\n                  <IconCalendar class=\"i-regular\" />\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-type-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 t-nowrap pd-medium radius-medium cursor-pointer hover-bg-light transition-all\"\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 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 ? { name: 'Organization_Product', params: { _id: route.params._id, product: product._id  } } : { name: 'Product', params: { product: 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/globals/views/components/blocks/BlockSearch.vue'\n  import Filters  from '@martyrs/src/modules/globals/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 * as globals from '@martyrs/src/modules/globals/views/store/globals.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/globals/views/mixins/mixins.js';\n\n  const emits = defineEmits(['page-loading', 'page-loaded']);\n  const route = useRoute()\n  const router = useRouter()\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    globals.state.navigation_bar.actions = [{\n      component: IconPlus,\n      props: {\n        fill: \"rgb(var(--main))\" \n      },\n      condition: () => auth.state.user && auth.state.user._id,\n      action: () => route.params._id ? router.push({ name: '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    globals.state.navigation_bar.actions = [];\n  });\n\n</script>\n\n<style lang=\"scss\">\n\n\n</style>\n"],"names":["categories.actions","globals.state","IconPlus","auth.state"],"mappings":"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"}

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

@@ -2,8 +2,8 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const Block = require("../../../../components/Block/Block.vue.cjs");
-const Field = require("../../../../components/Field/Field.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Field = require("../../../../components/Field/Field.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 const IconEdit = require("../../../icons/navigation/IconEdit.vue.cjs");
 const IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");

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 Field from "../../../../components/Field/Field.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.cjs

@@ -2,8 +2,8 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const Block = require("../../../../components/Block/Block.vue.cjs");
-const Field = require("../../../../components/Field/Field.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Field = require("../../../../components/Field/Field.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 const Select = require("../../../../components/Select/Select.vue.cjs");
 const IconEdit = require("../../../icons/navigation/IconEdit.vue.cjs");

package/dist/martyrs/src/modules/products/components/sections/EditDiscounts.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 Field from "../../../../components/Field/Field.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 _sfc_main$2 from "../../../icons/navigation/IconEdit.vue.js";

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

@@ -4,7 +4,7 @@ const vue = require("vue");
 const vueRouter = require("vue-router");
 const Block = require("../../../../components/Block/Block.vue.cjs");
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
-const Feed = require("../../../../components/Feed/Feed.vue.cjs");
+const Feed = require("../../../../components/Feed/Feed.vue2.cjs");
 const globals = require("../../../globals/views/store/globals.cjs");
 const products = require("../../store/products.cjs");
 const CardPosition = require("../blocks/CardPosition.vue.cjs");

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

@@ -2,7 +2,7 @@ import { useModel, ref, onMounted, createElementBlock, openBlock, Fragment, crea
 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$4 from "../../../../components/Feed/Feed.vue.js";
+import _sfc_main$4 from "../../../../components/Feed/Feed.vue2.js";
 import { actions as actions$1 } from "../../../globals/views/store/globals.js";
 import { actions } from "../../store/products.js";
 import _sfc_main$2 from "../blocks/CardPosition.vue.js";

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

@@ -5,7 +5,7 @@ const vueRouter = require("vue-router");
 const mixins = require("../../../globals/views/mixins/mixins.cjs");
 const Block = require("../../../../components/Block/Block.vue.cjs");
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
-const Feed = require("../../../../components/Feed/Feed.vue.cjs");
+const Feed = require("../../../../components/Feed/Feed.vue2.cjs");
 const globals = require("../../../globals/views/store/globals.cjs");
 const products = require("../../store/products.cjs");
 const CardPosition = require("../blocks/CardPosition.vue.cjs");

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

@@ -3,7 +3,7 @@ import { useRoute, useRouter } from "vue-router";
 import { useGlobalMixins } from "../../../globals/views/mixins/mixins.js";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
 import _sfc_main$4 from "../../../../components/Popup/Popup.vue.js";
-import _sfc_main$5 from "../../../../components/Feed/Feed.vue.js";
+import _sfc_main$5 from "../../../../components/Feed/Feed.vue2.js";
 import { actions } from "../../../globals/views/store/globals.js";
 import { actions as actions$1 } from "../../store/products.js";
 import _sfc_main$2 from "../blocks/CardPosition.vue.js";