@ozdao/martyrs 0.2.560 → 0.2.562

package/dist/martyrs.es.js

@@ -1,4 +1,4 @@
-import { _ as e, a as o, b as d, C as r, k as t, c as l, d as i, e as p, f as u, g as n, h as M, i as S, j as c, F as m, l as C, n as F, o as g, p as h, L as b, q as k, M as x, r as B, I, s as T, t as U, u as f, v as w, S as D, w as E, x as L, y as P, z as q, A as y, B as A, D as G, E as j, U as v, G as z, H, m as R } from "./main-DQtUY5ma.js";
+import { _ as e, a as o, b as d, C as r, k as t, c as l, d as i, e as p, f as u, g as n, h as M, i as S, j as c, F as m, l as C, n as F, o as g, p as h, L as b, q as k, M as x, r as B, I, s as T, t as U, u as f, v as w, S as D, w as E, x as L, y as P, z as q, A as y, B as A, D as G, E as j, U as v, G as z, H, m as R } from "./main-TV4u6Jux.js";
 export {
   e as Address,
   o as Breadcrumbs,

package/dist/node_modules/.pnpm/qrcode@1.5.4/node_modules/qrcode/lib/core/utils.js

@@ -1,4 +1,4 @@
-import { __exports as utils } from "../../../../../../../_virtual/utils.js";
+import { __exports as utils } from "../../../../../../../_virtual/utils2.js";
 var hasRequiredUtils;
 function requireUtils() {
   if (hasRequiredUtils) return utils;

package/dist/node_modules/.pnpm/qrcode@1.5.4/node_modules/qrcode/lib/renderer/utils.js

@@ -1,4 +1,4 @@
-import { __exports as utils } from "../../../../../../../_virtual/utils2.js";
+import { __exports as utils } from "../../../../../../../_virtual/utils.js";
 var hasRequiredUtils;
 function requireUtils() {
   if (hasRequiredUtils) return utils;

package/dist/organizations.server.js

@@ -1004,7 +1004,12 @@ const getDistanceStages = (location) => [
     }
   }
 ];
-const getPriceConditions = (prices) => {
+const getPriceConditions = (prices, priceMin, priceMax) => {
+  if (priceMin && priceMin.trim() !== "" || priceMax && priceMax.trim() !== "") {
+    const min = priceMin && priceMin.trim() !== "" ? priceMin : "0";
+    const max = priceMax && priceMax.trim() !== "" ? priceMax : "999999";
+    prices = `${min}-${max}`;
+  }
   if (!prices) return [];
   const priceRanges = prices.split(",");
   const priceConditions = priceRanges.map((priceRange) => {
@@ -1108,7 +1113,7 @@ const controllerFactory = (db) => {
         ...queryProcessorCore.getSearchOptions(req.query.search, {
           fields: requestedLookups.includes("products") ? ["profile.name", "products.name"] : ["profile.name"]
         }),
-        ...requestedLookups.includes("products") && req.query.prices ? getPriceConditions(req.query.prices) : [],
+        ...requestedLookups.includes("products") && (req.query.prices || req.query.priceMin || req.query.priceMax) ? getPriceConditions(req.query.prices, req.query.priceMin, req.query.priceMax) : [],
         ...requestedLookups.includes("spots") ? (await getLocationStages(req.query)).stages : [],
         ...requestedLookups.includes("memberships") ? [addUserStatusFields(req.query.user), addMembersQuantity(req.query.user)] : [],
         ...matchConditions.length > 0 ? [{ $match: { $and: matchConditions } }] : [],

package/dist/style.css

@@ -801,11 +801,20 @@ button[data-v-54787afa]:disabled {
   transform: translate(-50%, -100%);
   margin-top: -8px;
 }
+.filter-checkbox[data-v-d3175613] {
+  max-height: 300px;
+  overflow-y: auto;
+}
+
 .icon-custom { 
   background: white;
 }
 
-.filters-content[data-v-ac09bf09] {
+.filter-date-range[data-v-dbe77cee] {
+  width: 100%;
+}
+
+.filters-content[data-v-2c930cac] {
   max-height: 60vh;
   overflow-y: auto;
 }

package/dist/{web-Cyc6i_pv.js → web-Cq5tyhkl.js}

@@ -1,4 +1,4 @@
-import { W as p } from "./main-DQtUY5ma.js";
+import { W as p } from "./main-TV4u6Jux.js";
 class f extends p {
   constructor() {
     super(...arguments), this.group = "CapacitorStorage";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozdao/martyrs",
-  "version": "0.2.560",
+  "version": "0.2.562",
   "description": "Fullstack framework focused on user experience and ease of development.",
   "author": "OZ DAO <hello@ozdao.dev>",
   "license": "GPL-3.0-or-later",

package/src/components/Button/Button.vue

@@ -137,7 +137,7 @@ async function Submit() {
     </Transition>
     
     <!-- Counter -->
-    <div v-if="counter" class="button-counter flex flex-center">
+    <div v-if="counter" class="button-counter font-second flex flex-center">
       <span>{{ counter }}</span>
     </div>
   </button>

package/src/components/Checkbox/Checkbox.vue

@@ -40,7 +40,7 @@
   }
 </script>
 <template>
-  <label class="flex-v-center flex-nowrap flex">
+  <label class="flex-v-center cursor-pointer flex-nowrap flex">
     <div v-if="label" class="mn-r-auto t-transp mn-r-small">
       <span>{{label}}</span>
     </div>

package/src/modules/core/views/components/layouts/Client.vue

@@ -354,15 +354,11 @@
 	   });
 	 	}
 
-		const savedPosition = localStorage.getItem('position');
-
-	  if (savedPosition) {
-	    store.core.state.position = JSON.parse(savedPosition);
-	  } else if (route.meta.location) {
-  		store.core.state.isOpenLocationPopup = true;
-	  } else {
-	  	store.core.state.isOpenLocationPopup = false;
-	  }
+		if (!store.core.state.position && route.meta.location) {
+      store.core.state.isOpenLocationPopup = true;
+    } else {
+      store.core.state.isOpenLocationPopup = false;
+    }
 
 		if (referalCode.value) {
 		  localStorage.setItem('referalCode', referalCode.value);
@@ -373,11 +369,11 @@
 
 	const componentKey = computed(() => {
 	  // Собираем только значимые параметры (ID сущностей)
-	  const significantParams = ['_id', 'product', 'organization', 'categoryPath']
+	  const significantParams = ['_id', 'product', 'organization', 'categoryPath', 'country', 'state', 'city']
 	    .map(param => route.params[param])
 	    .filter(Boolean)
 	    .join('-');
-	  
+
 	  return significantParams || route.name;
 	});
 </script>

package/src/modules/core/views/components/partials/Header.vue

@@ -116,7 +116,7 @@
     	class="
     		cursor-pointer
     		bg-transp 
-    		pd-l-micro pd-r-micro
+    		pd-micro
     		radius-extra 
     		uppercase 
     		t-semi

package/src/modules/core/views/components/sections/Filters.vue

@@ -1,12 +1,12 @@
 <template>
-  <div class="flex t-nowrap  gap-thin">
+  <div class="flex o-x-scroll scroll-hide t-nowrap  gap-thin">
     <!-- All Filters Button -->
     <button
       @click="showAllFilters = true"
       class="pd-small radius-medium bg-light flex-v-center flex gap-micro cursor-pointer"
       :class="{ 'bg-main': activeFiltersCount > 0 }"
     >
-      <IconFilter class="i-medium" />
+      <IconFilter class="i-regular" />
       <span class="h-1r"></span>
       <span v-if="activeFiltersCount">{{ activeFiltersCount }}</span>
     </button>
@@ -19,7 +19,7 @@
       class="pd-small radius-medium bg-light cursor-pointer flex-v-center flex gap-micro"
       :class="{ 'selected bg-main': isFilterActive(filter) }"
     >
-      <IconCalendar v-if="filter.type === 'date'" class="mn-r-micro i-medium" />
+      <IconCalendar v-if="filter.type === 'date'" class="mn-r-micro i-regular" />
       <span class="t-nowrap">{{ filter.type === 'date' && getFilterValue(filter) ? formatFilterValue(filter) : filter.title }}</span>
       <span v-if="getFilterValue(filter) && filter.type !== 'date'" class="mn-l-micro">
         {{ formatFilterValue(filter) }}
@@ -29,95 +29,19 @@
     <!-- All Filters Popup -->
     <Popup
       :isPopupOpen="showAllFilters"
-      @close-popup="showAllFilters = false"
+      @close-popup="closeAllFilters"
       :align="isPhone() ? 'bottom center' : 'center center'"
       class="w-min-20r bg-white radius-medium mobile:radius-zero mobile:radius-tr-medium mobile:radius-tl-medium mobile:w-100 pd-medium"
     >
-      <div class="flex-v-center flex-nowrap flex mn-b-medium">
-        <h3 class="flex-child-full">Filters</h3>
-      </div>
-
-      <div class="filters-content">
-        <div 
-          v-for="filter in filters" 
-          :key="filter.value"
-          class="mn-b-medium"
-        >
-          <h4 class="mn-b-small">{{ filter.title }}</h4>
-          
-          <!-- Checkbox Filter -->
-          <div v-if="filter.type === 'checkbox'">
-            <Checkbox
-              v-for="option in filter.options"
-              :key="option.value"
-              :label="option.label"
-              :value="option.value"
-              v-model:radio="tempSelected[filter.value]"
-              mode="checkbox"
-              class="mn-b-micro"
-            />
-          </div>
-
-          <!-- Radio Filter -->
-          <div v-else-if="filter.type === 'radio'">
-            <div
-              v-for="option in filter.options"
-              :key="option.value"
-              @click="tempSelected[filter.value] = option.value"
-              class="pd-small radius-small cursor-pointer mn-b-micro"
-              :class="{ 
-                'bg-main': tempSelected[filter.value] === option.value,
-                'bg-light': tempSelected[filter.value] !== option.value
-              }"
-            >
-              {{ option.label }}
-            </div>
-          </div>
-
-          <!-- Range Filter -->
-          <div v-else-if="filter.type === 'range'" class="flex gap-thin">
-            <Field
-              v-model:field="tempSelected[filter.value].min"
-              :placeholder="filter.minPlaceholder || 'Min'"
-              type="number"
-              :label="returnCurrency()"
-              class="w-50 bg-light pd-small radius-small"
-            />
-            <Field
-              v-model:field="tempSelected[filter.value].max"
-              :placeholder="filter.maxPlaceholder || 'Max'"
-              type="number"
-              :label="returnCurrency()"
-              class="w-50 bg-light pd-small  radius-small"
-            />
-          </div>
-
-          <!-- Date Filter -->
-          <div v-else-if="filter.type === 'date'">
-            <Calendar
-              v-model:date="tempSelected[filter.value]"
-              :allowRange="true"
-              :disablePastDates="true"
-              class="bg-light radius-small"
-            />
-          </div>
-        </div>
-      </div>
-
-      <div class="flex gap-thin mn-t-medium">
-        <button 
-          @click="applyAllFilters" 
-          class="button bg-main flex-child-full"
-        >
-          Apply
-        </button>
-        <button 
-          @click="resetFilters" 
-          class="button bg-light"
-        >
-          Reset Filters
-        </button>
-      </div>
+      <FiltersGroup
+        :filters="filters"
+        v-model:selected="tempSelected"
+        :immediate="false"
+        :showHeader="true"
+        :showApplyButton="true"
+        :showResetButton="true"
+        @update:selected="applyAllFilters"
+      />
     </Popup>
 
     <!-- Individual Filter Popups -->
@@ -125,58 +49,27 @@
       v-for="filter in filters"
       :key="`popup-${filter.value}`"
       :isPopupOpen="individualPopups[filter.value]"
-      @close-popup="individualPopups[filter.value] = false"
+      @close-popup="cancelFilter(filter.value)"
       :align="isPhone() ? 'bottom center' : 'center center'"
       class="bg-white radius-medium mobile:radius-zero mobile:radius-tr-medium mobile:radius-tl-medium mobile:w-100 pd-medium"
     >
       <h4 class="mn-b-medium">{{ filter.title }}</h4>
-      
-      <!-- Checkbox Filter -->
-      <div v-if="filter.type === 'checkbox'">
-        <Checkbox
-          v-for="option in filter.options"
-          :key="option.value"
-          :label="option.label"
-          :value="option.value"
-          v-model:radio="tempSelected[filter.value]"
-          mode="checkbox"
-          class="mn-b-micro"
-        />
-      </div>
 
-      <!-- Radio Filter -->
-      <div v-else-if="filter.type === 'radio'">
-        <div
-          v-for="option in filter.options"
-          :key="option.value"
-          @click="tempSelected[filter.value] = option.value"
-          class="pd-small radius-small cursor-pointer mn-b-micro"
-          :class="{ 
-            'bg-main': tempSelected[filter.value] === option.value,
-            'bg-light': tempSelected[filter.value] !== option.value
-          }"
-        >
-          {{ option.label }}
-        </div>
-      </div>
+      <!-- Checkbox Filter -->
+      <FilterCheckbox
+        v-if="filter.type === 'checkbox'"
+        v-model="tempSelected[filter.value]"
+        :options="filter.options"
+      />
 
       <!-- Range Filter -->
-      <div v-else-if="filter.type === 'range'" class="flex gap-thin">
-        <Field
-          v-model:field="tempSelected[filter.value].min"
-          :placeholder="filter.minPlaceholder || 'Min'"
-          type="number"
-          :label="returnCurrency()"
-          class="w-50 bg-light pd-small radius-small"
-        />
-        <Field
-          v-model:field="tempSelected[filter.value].max"
-          :placeholder="filter.maxPlaceholder || 'Max'"
-          type="number"
-          :label="returnCurrency()"
-          class="w-50 bg-light pd-small radius-small"
-        />
-      </div>
+      <FilterRange
+        v-else-if="filter.type === 'range'"
+        v-model="tempSelected[filter.value]"
+        :minPlaceholder="filter.minPlaceholder || 'Min'"
+        :maxPlaceholder="filter.maxPlaceholder || 'Max'"
+        :label="filter.label"
+      />
 
       <!-- Date Filter -->
       <div v-else-if="filter.type === 'date'">
@@ -190,21 +83,26 @@
         </div>
       </div>
 
+      <!-- Radio/Options Filter -->
+      <FilterOptions
+        v-else-if="filter.type === 'radio'"
+        v-model="tempSelected[filter.value]"
+        :options="filter.options"
+      />
+
       <div class="flex gap-thin mn-t-medium">
-         <button 
-          @click="cancelFilter(filter.value)" 
+        <button
+          @click="cancelFilter(filter.value)"
           class="bg-light button flex-child-full"
         >
           Cancel
         </button>
-         <button 
-          @click="applyFilter(filter.value)" 
+        <button
+          @click="applyFilter(filter.value)"
           class="bg-main w-100 button flex-child-full"
         >
           Apply
         </button>
-       
-       
       </div>
     </Popup>
   </div>
@@ -214,9 +112,12 @@
 import { ref, computed, reactive, watch } from 'vue'
 import { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js'
 import Popup from '@martyrs/src/components/Popup/Popup.vue'
-import Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue'
-import Field from '@martyrs/src/components/Field/Field.vue'
 import Calendar from '@martyrs/src/components/Calendar/Calendar.vue'
+import FiltersGroup from './filters/FiltersGroup.vue'
+import FilterCheckbox from './filters/FilterCheckbox.vue'
+import FilterRange from './filters/FilterRange.vue'
+import FilterDateRange from './filters/FilterDateRange.vue'
+import FilterOptions from './filters/FilterOptions.vue'
 import IconFilter from '@martyrs/src/modules/icons/navigation/IconFilter.vue'
 import IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue'
 import IconCalendar from '@martyrs/src/modules/icons/entities/IconCalendar.vue'
@@ -367,8 +268,8 @@ const cancelFilter = (filterValue) => {
   individualPopups[filterValue] = false
 }
 
-const applyAllFilters = () => {
-  Object.entries(tempSelected).forEach(([key, value]) => {
+const applyAllFilters = (newValues) => {
+  Object.entries(newValues).forEach(([key, value]) => {
     if (selected.value[key] !== value) {
       selected.value[key] = value
       emit('select', { filter: key, value })
@@ -377,23 +278,8 @@ const applyAllFilters = () => {
   showAllFilters.value = false
 }
 
-const resetFilters = () => {
-  filters.value.forEach(filter => {
-    if (filter.type === 'checkbox') {
-      tempSelected[filter.value] = []
-      selected.value[filter.value] = []
-    } else if (filter.type === 'range') {
-      tempSelected[filter.value] = { min: '', max: '' }
-      selected.value[filter.value] = { min: '', max: '' }
-    } else if (filter.type === 'date') {
-      tempSelected[filter.value] = null
-      selected.value[filter.value] = null
-    } else {
-      tempSelected[filter.value] = null
-      selected.value[filter.value] = null
-    }
-    emit('select', { filter: filter.value, value: null })
-  })
+const closeAllFilters = () => {
+  showAllFilters.value = false
 }
 </script>
 

package/src/modules/core/views/components/sections/filters/FilterCheckbox.vue

@@ -1,20 +1,22 @@
 <!-- FilterCheckbox.vue -->
 <template>
   <div class="filter-checkbox">
-    <div
+    <Checkbox
       v-for="(option, index) in normalizedOptions"
       :key="option.value"
-      @click="toggleOption(option.value)"
-      :class="{ 'bg-light': isSelected(option.value) }"
-      class="pd-small radius-small cursor-pointer hover-bg-light transition-all mn-b-micro"
-    >
-      {{ option.label }}
-    </div>
+      v-model:radio="model"
+      :label="option.label"
+      :value="option.value"
+      mode="checkbox"
+      class="br-solid br-1px br-light pd-small radius-small mn-b-micro"
+      @update:radio="emit('apply')"
+    />
   </div>
 </template>
 
 <script setup>
-import { ref, watch, computed } from 'vue'
+import { computed } from 'vue'
+import Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue'
 
 const props = defineProps({
   options: {
@@ -28,14 +30,12 @@ const model = defineModel({
   default: () => []
 })
 
-const emit = defineEmits(['update:modelValue', 'apply'])
-
-const localValue = ref([...(model.value || [])])
+const emit = defineEmits(['apply'])
 
 // Normalize options to always have label and value
 const normalizedOptions = computed(() => {
   if (!props.options || !Array.isArray(props.options)) return []
-  
+
   return props.options.map((option, index) => {
     if (typeof option === 'string') {
       return { label: option, value: option }
@@ -49,25 +49,6 @@ const normalizedOptions = computed(() => {
     return { label: String(option), value: `option-${index}` }
   })
 })
-
-const isSelected = (value) => {
-  return localValue.value.includes(value)
-}
-
-const toggleOption = (value) => {
-  const idx = localValue.value.indexOf(value)
-  if (idx > -1) {
-    localValue.value.splice(idx, 1)
-  } else {
-    localValue.value.push(value)
-  }
-  model.value = [...localValue.value]
-  emit('apply')
-}
-
-watch(() => model.value, (newVal) => {
-  localValue.value = [...(newVal || [])]
-}, { deep: true })
 </script>
 
 <style scoped>

package/src/modules/core/views/components/sections/filters/FilterDateRange.vue

@@ -1,8 +1,9 @@
 <!-- FilterDateRange.vue -->
 <template>
   <div class="filter-date-range">
-    <!-- Quick options -->
-    <div 
+    <!-- Quick options (only if provided) -->
+    <div
+      v-if="dateOptions.length > 0"
       v-for="option in dateOptions"
       :key="option.value"
       @click="selectOption(option.value)"
@@ -11,19 +12,21 @@
     >
       {{ option.label }}
     </div>
-    
-    <!-- Custom dates -->
-    <div 
-      @click="() => { tempDates = model.value ? {...model.value} : null; showCalendar = true }"
-      :class="{ 'bg-light': selectedOption === 'custom' }"
-      class="pd-small radius-small cursor-pointer hover-bg-light transition-all mn-b-micro"
+
+    <!-- Custom dates with icon (like in Products) -->
+    <div
+      @click="() => { showCalendar = true }"
+      :class="{ 'bg-light': model }"
+      class="pd-small field-wrapper radius-small bg-light cursor-pointer hover-bg-light transition-all flex-v-center flex gap-thin"
     >
-      {{ dateRangeLabel }}
+      <IconCalendar class="i-medium" />
+      <span>{{ dateRangeLabel }}</span>
     </div>
 
     <!-- Calendar Popup -->
     <Popup
-      v-model:show="showCalendar"
+      :isPopupOpen="showCalendar"
+      @close-popup="showCalendar = false"
       class="pd-medium bg-white radius-medium"
       style="min-width: 350px;"
     >
@@ -58,6 +61,7 @@
 import { ref, computed, watch } from 'vue'
 import Calendar from '@martyrs/src/components/Calendar/Calendar.vue'
 import Popup from '@martyrs/src/components/Popup/Popup.vue'
+import IconCalendar from '@martyrs/src/modules/icons/entities/IconCalendar.vue'
 import { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js'
 
 const { formatDate } = useGlobalMixins()
@@ -65,11 +69,7 @@ const { formatDate } = useGlobalMixins()
 const props = defineProps({
   dateOptions: {
     type: Array,
-    default: () => [
-      { label: 'Available today', value: 'today' },
-      { label: 'This week', value: 'week' },
-      { label: 'This month', value: 'month' }
-    ]
+    default: () => []
   }
 })
 

package/src/modules/core/views/components/sections/filters/FilterOptions.vue

@@ -1,26 +1,21 @@
 <!-- filters/FilterOptions.vue -->
 <template>
   <div class="filter-options">
-    <div
+    <Checkbox
       v-for="option in options"
       :key="option.value"
-      class="flex align-center gap-thin pd-thin cursor-pointer hover-bg-light radius-small"
-      @click="toggleOption(option.value)"
-    >
-      <Field
-        type="checkbox"
-        v-model:field="checkboxStates[option.value]"
-        class="mr-thin"
-      />
-      <span>{{ option.label }}</span>
-    </div>
+      v-model:radio="model"
+      :label="option.label"
+      :value="option.value"
+      mode="radio"
+      class="mn-b-micro"
+      @update:radio="emit('apply')"
+    />
   </div>
 </template>
 
 <script setup>
-import { ref, watch } from 'vue'
-import Field from '@martyrs/src/components/Field/Field.vue';
-
+import Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue'
 
 const props = defineProps({
   options: {
@@ -31,35 +26,9 @@ const props = defineProps({
 })
 
 const model = defineModel({
-  type: Array,
-  default: () => []
-})
-
-// Создаем объект для хранения состояний чекбоксов
-const checkboxStates = ref({})
-
-// Инициализация состояний
-props.options.forEach(option => {
-  checkboxStates.value[option.value] = model.value.includes(option.value)
+  type: String,
+  default: null
 })
 
-// Следим за изменениями модели
-watch(model, (newVal) => {
-  props.options.forEach(option => {
-    checkboxStates.value[option.value] = newVal.includes(option.value)
-  })
-}, { deep: true })
-
-// Обновляем модель при изменении чекбоксов
-watch(checkboxStates, (states) => {
-  const selected = []
-  Object.entries(states).forEach(([value, checked]) => {
-    if (checked) selected.push(value)
-  })
-  model.value = selected
-}, { deep: true })
-
-const toggleOption = (value) => {
-  checkboxStates.value[value] = !checkboxStates.value[value]
-}
+const emit = defineEmits(['apply'])
 </script>