@ozdao/martyrs 0.2.464 → 0.2.466

package/dist/martyrs.es.js

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

package/dist/products.server.js

@@ -675,7 +675,7 @@ function requireCategories_controller() {
             search,
             sort = "order",
             order = 1,
-            page = 1,
+            skip = 0,
             limit = 10,
             excludeChildren = false,
             rootOnly = false
@@ -700,7 +700,7 @@ function requireCategories_controller() {
               }
             },
             { $sort: { [sort]: order === "asc" ? 1 : -1 } },
-            { $skip: (page - 1) * limit },
+            { $skip: Number(skip) },
             { $limit: Number(limit) }
           ];
           const flatResults = await Category.aggregate(pipeline);

package/dist/products.server.mjs

@@ -674,7 +674,7 @@ function requireCategories_controller() {
             search,
             sort = "order",
             order = 1,
-            page = 1,
+            skip = 0,
             limit = 10,
             excludeChildren = false,
             rootOnly = false
@@ -699,7 +699,7 @@ function requireCategories_controller() {
               }
             },
             { $sort: { [sort]: order === "asc" ? 1 : -1 } },
-            { $skip: (page - 1) * limit },
+            { $skip: Number(skip) },
             { $limit: Number(limit) }
           ];
           const flatResults = await Category.aggregate(pipeline);

package/dist/style.css

@@ -296,6 +296,9 @@ button[disabled] {
 }.no-scroll {
   overflow: hidden;
 }
+.no-scroll #view {
+  overflow: hidden;
+}
 .popup-wrapper {
   display: flex;
   position: fixed;
@@ -1421,28 +1424,28 @@ div.vue-tags-input.disabled * {
   transform: translateX(0%);
   opacity: 1;
 }
-.rotate-180[data-v-c5803d2f] {
+.rotate-180[data-v-3ff9e945] {
   transform: rotate(180deg);
 }
-.hidden[data-v-c5803d2f] {
+.hidden[data-v-3ff9e945] {
 /*  opacity: 0;*/
   width: 0;
   display: none;
 }
-.visible[data-v-c5803d2f] {
+.visible[data-v-3ff9e945] {
 /*  opacity: 1;*/
   display: block;
 }
 
 /* Dropdown animations */
-.dropdown-enter[data-v-c5803d2f], .dropdown-leave[data-v-c5803d2f] {
+.dropdown-enter[data-v-3ff9e945], .dropdown-leave[data-v-3ff9e945] {
   transition: all 0.3s ease-in-out;
 }
-.dropdown-enter-from[data-v-c5803d2f], .dropdown-leave-to[data-v-c5803d2f] {
+.dropdown-enter-from[data-v-3ff9e945], .dropdown-leave-to[data-v-3ff9e945] {
   opacity: 0;
   transform: translateY(-0.5rem);
 }
-.dropdown-enter-to[data-v-c5803d2f], .dropdown-leave-from[data-v-c5803d2f] {
+.dropdown-enter-to[data-v-3ff9e945], .dropdown-leave-from[data-v-3ff9e945] {
   opacity: 1;
   transform: translateY(0);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozdao/martyrs",
-  "version": "0.2.464",
+  "version": "0.2.466",
   "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/BottomSheet/BottomSheet.vue

@@ -3,7 +3,7 @@
     <section 
       v-if="show"
       ref="wrapper" 
-      class="w-100 bs-black rows-1 h-100vh"
+      class="w-100 bs-black rows-1 h-100"
       :class="{
         'pd-t-extra': MOBILE_APP === 'ios',  
       }"
@@ -18,11 +18,9 @@
         @mouseup="endDrag"
         @touchend="endDrag"
         @mouseleave="endDrag"
-        class="bs-black d-block p-medium pos-relative bg-white flex-center flex uppercase z-index-2"
+        class="bs-black pd-small br-b br-solid br-light pos-relative bg-white flex-center flex z-index-2"
       >
-        <div class="radius-extra flex flex-center  pd-small t-black p-medium">
-          <div class="radius-extra pd-nano w-3r h-1r t-black p-medium bg-black-transp-10"></div>
-        </div>
+        <div class="radius-extra pd-nano w-3r h-1r bg-light"></div>
       </div>
       
       <slot></slot>
@@ -31,7 +29,7 @@
 </template>
 
 <script setup>
-import { ref } from 'vue';
+import { ref, watch } from 'vue';
 
 const props = defineProps({
   show: {
@@ -56,6 +54,14 @@ const startY = ref(0);
 const currentY = ref(0);
 const dragging = ref(false);
 
+watch(() => props.show, (newVal) => {
+  if (newVal) {
+    document.body.classList.add('no-scroll');
+  } else {
+    document.body.classList.remove('no-scroll');
+  }
+});
+
 function startDrag(event) {
   dragging.value = true;
   startY.value = event.touches ? event.touches[0].clientY : event.clientY;

package/src/components/Button/Button.vue

@@ -112,9 +112,9 @@
 			<template v-else-if="loading && !error && showLoader"><Loader  class="pos-relative pos-t-0 pos-l-0 loading"/></template>
 			<!-- <Loader v-else-if="loading && !error && showLoader"/> -->
 			<!-- Success -->
-			<span v-else-if="finished && showSucces" class="t-semi loading t-black">{{text.success}}</span>
+			<span v-else-if="finished && showSucces" class="t-semi t-center w-100  loading t-black">{{text.success}}</span>
 			<!-- Error if not finished -->
-			<span v-else-if="error" class="error">{{ error }}</span>
+			<span v-else-if="error" class="t-center w-100 error">{{ error }}</span>
 		</transition>
 		<!-- Counter -->
 		<p v-if="counter" class="button-counter">{{counter}}</p> 

package/src/components/Feed/Feed.vue

@@ -24,9 +24,9 @@
       <BottomSheet
         :show="filter.active"
         @toggle="() => filter.active = false"
-        class="z-index-10 pos-absolute pos-t-0 pos-r-0"
+        class="z-index-10 pos-fixed pos-r-0"
         :class="{
-          'pos-t-0':  filter.active,
+          'pos-t-4r':  filter.active,
           'pos-t-100': !filter.active
         }"
       >
@@ -34,7 +34,7 @@
           v-model:filter="filter"
           :options="filter.options"
           @click_filter="() => { filter.active = false } "
-          class="h-100 w-100 pd-small bg-light"
+          class="h-100 w-100 pd-small pd-b-5r bg-light"
         />
       </BottomSheet>  
     </template>

package/src/components/Popup/Popup.vue

@@ -72,6 +72,10 @@ const text = {
 <style lang="scss">
 	.no-scroll {
 	  overflow: hidden;
+
+	  #view {
+	  	overflow: hidden;
+	  }
 	}
 
 	.popup-wrapper {

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

@@ -122,6 +122,7 @@
 				/>
 				 <Suspense @resolve="onSuspenseResolved">
 					<router-view  
+						id="view"
 						v-slot="{ Component, route }" 
 						:class="{
 							'scroll-hide': MOBILE_APP,

package/src/modules/globals/views/components/partials/Navigation.vue

@@ -119,7 +119,7 @@ const processRoute = (route) => {
         >
         <button
           class="transition-quint-out w-100 flex radius-small flex-nowrap cursor-pointer flex-v-center"
-          @click="item.route ? (isPhone ? (stateSidebar = false) : null, $route.path !== processRoute(item.route) ? router.push(processRoute(item.route)) : stateSidebar = false) : null"
+          @click="item.route ? (isPhone ? (stateSidebar = false) : null, $route.path !== processRoute(item.route) ? router.push(processRoute(item.route)) : null) : null"
           :class="[
               horizontal ? 'pd-thin' : '',
               item.route && $route.path === processRoute(item.route) ? theme === 'light' ? 'bg-light' : 'bg-dark' : '',
@@ -172,7 +172,7 @@ const processRoute = (route) => {
             <li v-for="subItem in item.subItems" :key="subItem.title">
               
               <a 
-               @click="subItem.route && (this.$route.path !== subItem.route ? router.push(subItem.route) : (isPhone ? stateSidebar = false : null))"
+               @click="subItem.route ? (isPhone ? (stateSidebar = false) : null, $route.path !== processRoute(subItem.route) ? router.push(processRoute(subItem.route)) : null) : null"
                 href="#" 
                 class="transition-quint-out flex flex-v-center flex-nowrap gap-thin pd-thin radius-small"
                 :class="[

package/src/modules/icons/navigation/IconInfo.vue

@@ -27,9 +27,7 @@
 	const props = defineProps({
   fill: {
     type: String,
-    default: {
-      position: 'rgb(var(--black))'
-    }
+    default: 'rgb(var(--black))'
   }
 })
 </script>

package/src/modules/orders/components/pages/OrderCreate.vue

@@ -135,6 +135,9 @@ import * as shopcart from '@martyrs/src/modules/orders/store/shopcart';
 import * as organizations from '@martyrs/src/modules/organizations/store/organizations';
 import * as orders from '@martyrs/src/modules/orders/store/orders';
 import * as users from '@martyrs/src/modules/auth/views/store/users';
+
+const emits = defineEmits(['page-loading', 'page-loaded']);
+
 ///////////////////////////////////////////////////////////////////////////////////////////////////
 // Variables and computed
 //////////////////////////////////////////////////////////////////////////////////////////////////
@@ -168,6 +171,8 @@ if (!globals.state.options.orders.allowUnauthenticatedOrders && !auth.state.user
 orders.mutations.resetOrder()
 
 onMounted(async()=> {
+	 emits('page-loading');
+
 	isLocationLoading.value = true
 
 
@@ -187,6 +192,7 @@ onMounted(async()=> {
 	})
 	
  isLocationLoading.value = false
+  emits('page-loaded');
 })
 
 

package/src/modules/products/components/pages/Categories.vue

@@ -20,18 +20,42 @@
       </router-link>
     </Block>
 
-    <Tree 
-      v-if="categories.state.all" 
-      :items="categories.state.all" 
-      :state="categories.state.all" 
-      @update="updateCategoriesOrder" 
-      v-slot="{ item }"
-    >
-      <CardCategory 
-        :category="item" 
-        @delete="deleteCategory" 
-      />
-    </Tree>
+     <Feed
+        :search="true"
+        :showLoadMore="false"
+        :states="{
+          empty: {
+            title: 'No Products Found',
+            description: 'Currently, there are no products available.'
+          }
+        }"
+        :store="{
+          read: (options) => categories.actions.read(options),
+          state: categories.state
+        }"
+        :options="{
+          user: auth.state.user._id,
+          rootOnly: true,
+        }"
+        v-slot="{ 
+          items 
+        }"
+        class="cols-1 pos-relative w-100 rows-1 gap-thin"
+       
+      >
+        <Tree 
+          v-if="items" 
+          :items="items" 
+          :state="items" 
+          @update="updateCategoriesOrder" 
+          v-slot="{ item }"
+        >
+          <CardCategory 
+            :category="item" 
+            @delete="deleteCategory" 
+          />
+        </Tree>
+      </Feed>
   </div>
 </template>
 
@@ -70,31 +94,10 @@
     globals.state.navigation_bar.actions = [];
   });
 
-  categories.state.all = await categories.actions.read({
-    user: auth.state.user._id,
-    rootOnly: true,
-    limit: 10
-  })
-
   onMounted(async () => {
     
   });
 
-  const mappedCategories = computed(() => {
-   const recursiveMap = (data) => {
-     return data.map(item => ({
-       // id: item._id, 
-      parent: item.parent,
-      _id: item._id,
-      order: item.order,
-      name: item.name, 
-      children: item.children ? recursiveMap(item.children) : []
-     }));
-   };
-   
-   return recursiveMap(categories.state.all);
-  });
-
   function flattenCategoryTree(categories) {
     let flatCategories = [];
     

package/src/modules/products/components/pages/Product.vue

@@ -20,14 +20,58 @@
         
         <Price :product="product" size="big" class="flex gap-micro flex-center pd-small br-solid br-1px br-black-transp-10 w-max mn-b-medium" />
 
-        <p v-if="product.description && !product.localization < 1 && !recommendation" class="w-100 t-transp mn-b-small">
+        <p v-if="product.description && !product.localization < 1 && !recommendation" class="w-100 mn-b-small">
           {{ product.description }}
         </p>
-        <p v-if="product.localization && product.localization.length > 1 && !recommendation" class="w-100 t-transp  mn-b-small">
+        <p v-if="product.localization && product.localization.length > 1 && !recommendation" class="w-100 mn-b-small">
           {{ t('description') }}
         </p>
 
-        <div class="cols-2 mn-b-small w-100 gap-small">
+         <div class="w-max-33r mn-b-medium">
+          <div v-if="product.listing === 'rent'">
+            <button @click="openPopup" class="cursor-pointer pd-small radius-big w-max mobile:w-100 bg-main button">
+              <div class="gap-thin flex flex-center flex-nowrap">
+                <IconShopcartAdd class="i-semi" />
+                <span>{{ t('addtoorder') }}</span>
+              </div>
+            </button>
+            <PopupDateSelector
+              :product="product"
+              :isOpen="isPopupOpen"
+              :showFees="globals.state.options?.orders.showFees"
+              :feesRate="globals.state.options?.orders.feesRate || 0.15"
+              :showVat="globals.state.options?.orders.showVat"
+              :vatRate="globals.state.options?.orders.vatRate || 0"
+              :onConfirm="selectedDates => addToCart(product, selectedDates)"
+              @close="closePopup"
+            />
+          </div>
+          <div v-else>
+            <Button
+              v-if="product.available > 0"
+              :submit="() => addToCart(product, null)"
+              class="h-3r w-max mobile:w-100 bg-main button"
+            >
+              <div class="gap-thin flex flex-center flex-nowrap">
+                <IconShopcartAdd class="i-semi" />
+                <span>{{ t('addtoorder') }}</span>
+              </div>
+            </Button>
+            <div
+              v-else
+              class="flex-center flex uppercase radius-big t-black w-max pd-small t-medium bg-grey h-3r w-100 mn-r-smallbutton"
+            >
+              Out of Stock
+            </div>
+          </div>
+        </div>
+
+        <div class="mn-b-small flex-nowrap flex flex-v-center">
+          <IconInfo class="mn-r-micro i-medium"/>
+          <p class="t-medium ">Product Details</p>
+        </div>
+
+        <div class="cols-2 mn-b-medium w-100 gap-small">
           <div
             v-if="product.information.length > 0"
             v-for="information in product.information"
@@ -38,58 +82,23 @@
           </div>
         </div>
 
-        <p class="t-medium mn-b-small">Provided by</p>
+        <div class="mn-b-small flex-nowrap flex flex-v-center">
+          <IconGroups class="mn-r-micro i-medium"/>
+          <p class="t-medium ">Provided by</p>
+        </div>
+
         <CardOrganization 
           v-if="product.owner"
           :organization="product.owner.target"
           :showRating="true"
           :showFollowers="false"
           :showProducts="false"
-          class="bg-light mn-b-thin w-100 o-hidden radius-medium pd-small "
+          class="bg-light w-100 o-hidden radius-medium pd-small "
         />
 
 
 
-        <div class="w-max-33r">
-          <div class="w-max-33r">
-		        <div v-if="product.listing === 'rent'">
-		          <button @click="openPopup" class="cursor-pointer pd-small radius-big w-max mobile:w-100 bg-main button">
-		            <div class="gap-thin flex flex-center flex-nowrap">
-		              <IconShopcartAdd class="i-semi" />
-		              <span>{{ t('addtoorder') }}</span>
-		            </div>
-		          </button>
-		          <PopupDateSelector
-		            :product="product"
-		            :isOpen="isPopupOpen"
-		            :showFees="globals.state.options?.orders.showFees"
-                :feesRate="globals.state.options?.orders.feesRate || 0.15"
-                :showVat="globals.state.options?.orders.showVat"
-                :vatRate="globals.state.options?.orders.vatRate || 0"
-		            :onConfirm="selectedDates => addToCart(product, selectedDates)"
-		            @close="closePopup"
-		          />
-		        </div>
-	          <div v-else>
-	            <Button
-	              v-if="product.available > 0"
-	              :submit="() => addToCart(product, null)"
-	              class="h-3r w-max mobile:w-100 bg-main button"
-	            >
-	              <div class="gap-thin flex flex-center flex-nowrap">
-	                <IconShopcartAdd class="i-semi" />
-	                <span>{{ t('addtoorder') }}</span>
-	              </div>
-	            </Button>
-	            <div
-	              v-else
-	              class="flex-center flex uppercase radius-big t-black w-max pd-small t-medium bg-grey h-3r w-100 mn-r-smallbutton"
-	            >
-	              Out of Stock
-	            </div>
-	          </div>
-	        </div>
-        </div>
+       
       </div>
     </div>
 
@@ -117,8 +126,14 @@ import Popup from '@martyrs/src/components/Popup/Popup.vue'
 import Tab from '@martyrs/src/components/Tab/Tab.vue'
 import Calendar from '@martyrs/src/components/DatePicker/Calendar.vue'
 import PopupDateSelector from '@martyrs/src/modules/globals/views/components/blocks/PopupDateSelector.vue'
+
 import IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'
 import IconShopcartAdd from '@martyrs/src/modules/icons/actions/IconShopcartAdd.vue'
+
+import IconInfo from '@martyrs/src/modules/icons/navigation/IconInfo.vue'
+import IconGroups from '@martyrs/src/modules/icons/entities/IconGroups.vue'
+
+
 import ImagesThumbnails from '@martyrs/src/modules/products/components/blocks/ImagesThumbnails.vue'
 import Price from '@martyrs/src/modules/products/components/elements/Price.vue'
 import PopularProducts from '@martyrs/src/modules/products/components/sections/PopularProducts.vue'
@@ -188,10 +203,12 @@ async function addToCart(product, selectedDates = null) {
       })
 
       if (!result) throw error
+
+     shopcart.state.organization = product.owner.target._id
+      shopcart.state.positions = []
     }
 
-    shopcart.state.organization = product.owner.target._id
-    shopcart.state.positions = []
+   
 
     console.log('organization is', product.owner.target._id)
     await shopcart.actions.addProductToCart(product, product.owner.target._id, selectedDates)

package/src/modules/products/controllers/categories.controller.js

@@ -10,7 +10,7 @@ const controllerFactory = (db) => {
                 search, 
                 sort = 'order', 
                 order = 1, 
-                page = 1, 
+                skip = 0, 
                 limit = 10,
                 excludeChildren = false,
                 rootOnly = false 
@@ -37,7 +37,7 @@ const controllerFactory = (db) => {
                     }
                 },
                 { $sort: { [sort]: order === 'asc' ? 1 : -1 } },
-                { $skip: (page - 1) * limit },
+                { $skip: Number(skip) },
                 { $limit: Number(limit) },
             ];