@ozdao/martyrs 0.2.429 → 0.2.430

package/dist/style.css

@@ -1116,15 +1116,18 @@ div.vue-tags-input.disabled * {
 }
 .moveFromTop-enter-active,
 .moveFromTop-leave-active {
-  transform: translateY(0);
-  opacity: 1;
-  transition: all 0.5s ease;
+  transition: all 0.3s ease, max-height 0.2s ease;
+  overflow: hidden;
 }
 .moveFromTop-enter-from,
 .moveFromTop-leave-to {
   transform: translateY(-1rem);
   opacity: 0;
-  transition: all 0.5s ease;
+  max-height: 0;
+}
+.moveFromTop-enter-to,
+.moveFromTop-leave-from {
+  max-height: 100vh;
 }
 .moveFromTopAbsolute-enter-active,
 .moveFromTopAbsolute-leave-active {
@@ -1432,29 +1435,23 @@ div.vue-tags-input.disabled * {
   transform: translateX(0%);
   opacity: 1;
 }
-.sidebar-item-btn:hover .sidebar-item-icon[data-v-baa33ec9],
-.sidebar-subitem-link:hover .sidebar-subitem-icon[data-v-baa33ec9] {
+.sidebar-item-btn:hover .sidebar-item-icon[data-v-43d4ca8b],
+.sidebar-subitem-link:hover .sidebar-subitem-icon[data-v-43d4ca8b] {
   transform: scale(1.1);
 }
-.sidebar-item-btn:hover .sidebar-item-icon[data-v-baa33ec9] {
+.sidebar-item-btn:hover .sidebar-item-icon[data-v-43d4ca8b] {
   transform: scale(1.1);
 }
-.sidebar-subitem-link:hover .sidebar-subitem-icon[data-v-baa33ec9] {
+.sidebar-subitem-link:hover .sidebar-subitem-icon[data-v-43d4ca8b] {
   transform: scale(1.1);
 }
-.sidebar-subitem-link[data-v-baa33ec9]:hover {
-  background: var(--light-regular);
-}
-.sidebar-item-btn[data-v-baa33ec9]:hover {
-  background: var(--light-regular);
-}
-.expanded-item[data-v-baa33ec9] {
+.expanded-item[data-v-43d4ca8b] {
   display: flex;
   align-items: center;
   width: 100%;
   border-radius: var(--small);
 }
-.sidebar-item-btn[data-v-baa33ec9] {
+.sidebar-item-btn[data-v-43d4ca8b] {
   align-items: center;
   border-radius: var(--small);
   transition: all 0.2s;
@@ -1462,16 +1459,16 @@ div.vue-tags-input.disabled * {
   border: none;
   cursor: pointer;
 }
-.sidebar-item-title[data-v-baa33ec9] {
+.sidebar-item-title[data-v-43d4ca8b] {
   font-weight: 500;
   transition: opacity 0.2s, width 0.2s;
   white-space: nowrap;
 }
-.sidebar-item-icon[data-v-baa33ec9] {
+.sidebar-item-icon[data-v-43d4ca8b] {
   font-size: 1.25rem;
   transition: transform 0.2s;
 }
-.sidebar-category[data-v-baa33ec9] {
+.sidebar-category[data-v-43d4ca8b] {
   font-size: 0.75rem;
   font-weight: 600;
   text-transform: uppercase;
@@ -1481,7 +1478,7 @@ div.vue-tags-input.disabled * {
   transition: opacity 0.2s;
   color: var(--grey-medium);
 }
-.sidebar-highlight-indicator[data-v-baa33ec9] {
+.sidebar-highlight-indicator[data-v-43d4ca8b] {
   position: absolute;
   left: 0;
   width: 4px;
@@ -1490,60 +1487,60 @@ div.vue-tags-input.disabled * {
   background: linear-gradient(to bottom, var(--second-regular), var(--second-small));
   transition: opacity 0.2s;
 }
-.sidebar-dropdown-icon[data-v-baa33ec9] {
+.sidebar-dropdown-icon[data-v-43d4ca8b] {
   color: var(--grey-medium);
   transition: transform 0.2s;
 }
-.rotate-180[data-v-baa33ec9] {
+.rotate-180[data-v-43d4ca8b] {
   transform: rotate(180deg);
 }
-.sidebar-submenu[data-v-baa33ec9] {
+.sidebar-submenu[data-v-43d4ca8b] {
   margin-top: var(--micro);
   margin-left: var(--semi);
   display: flex;
   flex-direction: column;
   gap: var(--micro);
 }
-.sidebar-subitem-link[data-v-baa33ec9] {
+.sidebar-subitem-link[data-v-43d4ca8b] {
   display: flex;
   align-items: center;
   text-decoration: none;
   transition: all 0.2s;
 }
-.sidebar-subitem-title[data-v-baa33ec9] {
+.sidebar-subitem-title[data-v-43d4ca8b] {
   font-size: 0.875rem;
 }
-.hidden[data-v-baa33ec9] {
+.hidden[data-v-43d4ca8b] {
   opacity: 0;
   width: 0;
   display: none;
 }
-.visible[data-v-baa33ec9] {
+.visible[data-v-43d4ca8b] {
   opacity: 1;
   display: block;
 }
 
 /* Dropdown animations */
-.dropdown-enter[data-v-baa33ec9], .dropdown-leave[data-v-baa33ec9] {
+.dropdown-enter[data-v-43d4ca8b], .dropdown-leave[data-v-43d4ca8b] {
   transition: all 0.3s ease-in-out;
 }
-.dropdown-enter-from[data-v-baa33ec9], .dropdown-leave-to[data-v-baa33ec9] {
+.dropdown-enter-from[data-v-43d4ca8b], .dropdown-leave-to[data-v-43d4ca8b] {
   opacity: 0;
   transform: translateY(-0.5rem);
 }
-.dropdown-enter-to[data-v-baa33ec9], .dropdown-leave-from[data-v-baa33ec9] {
+.dropdown-enter-to[data-v-43d4ca8b], .dropdown-leave-from[data-v-43d4ca8b] {
   opacity: 1;
   transform: translateY(0);
 }
 
 /* Base sidebar styling */
-.sidebar-container[data-v-be741cc6] {
+.sidebar-container[data-v-948b3b5a] {
   position: relative;
   left: 0;
   top: 0;
   transition: all 0.3s ease-in-out;
 }
-.dark-mode-toggle[data-v-be741cc6] {
+.dark-mode-toggle[data-v-948b3b5a] {
   align-items: center;
   width: 100%;
   border-radius: var(--small);
@@ -1553,48 +1550,43 @@ div.vue-tags-input.disabled * {
   background: transparent;
   cursor: pointer;
 }
-.dark-mode-toggle[data-v-be741cc6]:hover {
+.dark-mode-toggle[data-v-948b3b5a]:hover {
   background: var(--light-regular);
 }
-.dark-mode-label[data-v-be741cc6] {
+.dark-mode-label[data-v-948b3b5a] {
   font-weight: 500;
   transition: opacity 0.2s, width 0.2s;
   white-space: nowrap;
 }
-.dark-mode-icon[data-v-be741cc6] {
+.dark-mode-icon[data-v-948b3b5a] {
   font-size: 1.25rem;
   transition: transform 0.2s;
 }
-.dark-mode-toggle:hover .dark-mode-icon[data-v-be741cc6] {
+.dark-mode-toggle:hover .dark-mode-icon[data-v-948b3b5a] {
   transform: scale(1.1);
 }
-.sidebar-footer[data-v-be741cc6] {
-  border-top-width: 1px;
-  border-top-style: solid;
-  border-top-color: var(--light-regular);
-}
-.hidden[data-v-be741cc6] {
+.hidden[data-v-948b3b5a] {
   opacity: 0;
   width: 0;
   display: none;
 }
-.visible[data-v-be741cc6] {
+.visible[data-v-948b3b5a] {
   opacity: 1;
   display: block;
 }
 
 /* Scrollbar styles */
-[data-v-be741cc6]::-webkit-scrollbar {
+[data-v-948b3b5a]::-webkit-scrollbar {
   width: 6px;
 }
-[data-v-be741cc6]::-webkit-scrollbar-track {
+[data-v-948b3b5a]::-webkit-scrollbar-track {
   background: transparent;
 }
-[data-v-be741cc6]::-webkit-scrollbar-thumb {
+[data-v-948b3b5a]::-webkit-scrollbar-thumb {
   background-color: var(--grey-micro);
   border-radius: 3px;
 }
-[data-v-be741cc6]::-webkit-scrollbar-thumb:hover {
+[data-v-948b3b5a]::-webkit-scrollbar-thumb:hover {
   background-color: var(--grey-small);
 }
 
@@ -2481,7 +2473,7 @@ to {
 }
 
 /* Добавляем стиль для текста "просрочено" */
-.t-red[data-v-c36567a0] {
+.t-red[data-v-f18ee795] {
   color: red;
 }
 .round-wrapper {

package/dist/wallet.server.js

@@ -9,7 +9,7 @@ const tickets_controller = require("./tickets.controller-CcxkRHlX.js");
 const require$$0 = require("stripe");
 const require$$0$1 = require("mongoose");
 const require$$1 = require("bignumber.js");
-const queryProcessor = require("./queryProcessor-CwQakZkT.js");
+const queryProcessor = require("./queryProcessor-D6GuKfTV.js");
 var wallet_model;
 var hasRequiredWallet_model;
 function requireWallet_model() {

package/dist/wallet.server.mjs

@@ -8,7 +8,7 @@ import { r as requireTickets_controller } from "./tickets.controller-Bbxe7kaF.mj
 import require$$0 from "stripe";
 import require$$0$1 from "mongoose";
 import require$$1 from "bignumber.js";
-import { r as requireQueryProcessor } from "./queryProcessor-CCmHM0yi.mjs";
+import { r as requireQueryProcessor } from "./queryProcessor-CWnMIe2U.mjs";
 var wallet_model;
 var hasRequiredWallet_model;
 function requireWallet_model() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozdao/martyrs",
-  "version": "0.2.429",
+  "version": "0.2.430",
   "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/modules/globals/controllers/utils/queryProcessor.js

@@ -2,7 +2,7 @@ const ObjectId = require('mongoose').Types.ObjectId;
 
 function getBasicOptions(query) {
   console.log(query);
-  const { _id, url, status, notstatus, type, owner, customer, creator } = query;
+  const { _id, url, status, notstatus, type, organization, owner, customer, creator } = query;
   const stages = [];
   const conditions = [];
 
@@ -33,6 +33,7 @@ function getBasicOptions(query) {
   
   if (type) { conditions.push({ type: type }); }
   if (owner) { conditions.push({ "owner.target": new ObjectId(owner) }); }
+  if (organization) { conditions.push({ "organization": new ObjectId(organization) }); }
   if (customer) { conditions.push({ "customer.target": new ObjectId(customer) }); }
   if (creator) { conditions.push({ "creator.target": new ObjectId(creator) }); }
   

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

@@ -5,7 +5,7 @@
 		:class="{
   		'pd-t-extra': MOBILE_APP === 'ios',  
 			'bg-white': headerTheme === 'light',
-			'bg-dark': headerTheme === 'dark' 
+			'bg-black': headerTheme === 'dark' 
   	}"
 	>
 		<transition name="moveFromTop" appear>
@@ -26,6 +26,7 @@
 		    :horizontal="true"
 				:navigationItems="route.meta.sidebar_navigation_items"
 				:stateSidebar="globals.state.isOpenSidebar" 
+				:theme="headerTheme"
 		  />
   	</component>
 
@@ -57,7 +58,6 @@
       }"
 		>
 			<ShopCart 
-				class="pd-t-extra"
 				:class="{
 					'mobile:pd-t-extra': MOBILE_APP === 'ios',  
 				}"
@@ -77,6 +77,7 @@
 	      :stateSidebar="globals.state.isOpenSidebar" 
 	      :widthHidden='route.meta?.sidebar_width_hidden'
 	      :width="route.meta?.sidebar_width"
+	      :theme="headerTheme"
 	      @closeSidebar="() => globals.state.isOpenSidebar = !globals.state.isOpenSidebar"
 	    >
 	    	<transition name="moveFromTop"  mode="out-in"  appear>
@@ -86,6 +87,7 @@
 		        :key="route.meta.sidebar_navigation"
 		        :navigationItems="route.meta.sidebar_navigation_items"
 			      :stateSidebar="globals.state.isOpenSidebar" 
+						:theme="headerTheme"
 		      />
 	      </transition>
 	    </component>
@@ -286,19 +288,23 @@
     position: absolute;
   }
 
-	.moveFromTop-enter-active,
-	.moveFromTop-leave-active {
-		transform: translateY(0);
-		opacity: 1;
-		transition: all 0.5s ease; 
-		
-	}
-	.moveFromTop-enter-from,
-	.moveFromTop-leave-to {
-		transform: translateY(-1rem);
-		opacity: 0;
-		transition: all 0.5s ease;
-	}
+.moveFromTop-enter-active,
+.moveFromTop-leave-active {
+  transition: all 0.3s ease, max-height 0.2s ease;
+  overflow: hidden;
+}
+
+.moveFromTop-enter-from,
+.moveFromTop-leave-to {
+  transform: translateY(-1rem);
+  opacity: 0;
+  max-height: 0;
+}
+
+.moveFromTop-enter-to,
+.moveFromTop-leave-from {
+  max-height: 100vh; 
+}
 
 	.moveFromTopAbsolute-enter-active,
 	.moveFromTopAbsolute-leave-active {

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

@@ -71,11 +71,10 @@
 			pos-relative pos-t-0
 			br-b
 			br-solid
-			br-light
 		"
 		:class="{
-  		't-black': theme === 'light',
-  		't-white': theme === 'dark'  
+  		't-black br-light': theme === 'light',
+  		't-white br-dark': theme === 'dark'  
   	}"
 	>
 	<div class="flex-nowrap flex-v-center flex-justify-start flex gap-micro ">
@@ -173,7 +172,7 @@
 
 		<NotificationBadge
 			v-if="auth.state.user._id"
-			:fill="'rgb(var(--black))'"
+			:fill="theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'" 
 		/>
 
 		<Button 

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

@@ -22,6 +22,10 @@ import Spoiler from '@martyrs/src/components/Spoiler/Spoiler.vue'
 
 const props = defineProps({
   navigationItems: Array, // Fixed property name typo
+  theme: {
+    type: String,
+    default: "light"
+  },
   stateSidebar: {
     type: Boolean,
     default: false
@@ -82,10 +86,10 @@ const processRoute = (route) => {
 
 <template>
   <nav
-    class="o-y-scroll o-x-hidden h-100"
+    class="o-x-hidden h-100"
     :class="[
       stateSidebar ? 'pd-small' : 'pd-micro',
-      horizontal ? 'w-100 desktop-only flex flex-center flex-nowrap' : 'rows-1',
+      horizontal ? 'w-100 desktop-only flex flex-center flex-nowrap o-y-hidden' : 'o-y-scroll rows-1',
     ]"
   >
     <div 
@@ -94,7 +98,7 @@ const processRoute = (route) => {
       :key="section.category" 
       :class="[
         horizontal ? 'w-max flex-child-default flex flex-nowrap' : '',
-         stateSidebar && !horizontal ? 'mn-t-medium' : '',
+        stateSidebar && !horizontal ? 'mn-t-medium' : '',
       ]"
       class=""
     >
@@ -102,7 +106,9 @@ const processRoute = (route) => {
         class="sidebar-category"
         :class="{ 
           'hidden': !stateSidebar || horizontal, 
-          'visible': stateSidebar && !horizontal 
+          'visible': stateSidebar && !horizontal,
+          't-black': theme === 'light',
+          't-white':  theme === 'dark'
         }"
       >
         {{ section.category }}
@@ -119,8 +125,9 @@ const processRoute = (route) => {
           v-show="!item.visible || (typeof item.visible === 'function' ? item.visible(auth.state) : true)"
           class="flex-center"
           :class="[
-            stateSidebar ? '' : 'aspect-1x1',
+            stateSidebar ? '' : '',
             horizontal ? 'w-100 flex flex-nowrap' : '',
+            stateSidebar && !horizontal ? '' : 'aspect-1x1'
           ]"
         >
           <button
@@ -129,14 +136,15 @@ const processRoute = (route) => {
             :class="[
               stateSidebar || horizontal ? 'expanded-item pd-thin' : 'w-100 h-100 justify-center',
               horizontal ? 'w-max flex flex-nowrap' : '',
-              item.route && $route.path === processRoute(item.route) ? 'bg-light' : ''
+              item.route && $route.path === processRoute(item.route) ? theme === 'light' ? 'bg-light' : 'bg-dark' : '',
+              theme === 'light' ? 'hover-bg-light' : 'hover-bg-dark'
             ]"
           >
             <component 
               v-if="item.iconComponent && !horizontal" 
               :is="item.iconComponent" 
               class="i-medium flex-child-default" 
-              :fill="globals.state.theme.darkmode ? 'rgba(255,255,255,0.7)' : 'rgba(0,0,0,0.25)'"
+              :fill="globals.state.theme.darkmode || theme === 'dark' ? 'rgba(255,255,255,0.7)' : 'rgba(0,0,0,0.25)'"
             />
             <span  v-if="!item.iconComponent && !horizontal"  class="i-medium sidebar-item-icon t-lh-1 flex-child-default">{{ item.icon }}</span>
             
@@ -177,7 +185,7 @@ const processRoute = (route) => {
                     v-if="subItem.iconComponent" 
                     :is="subItem.iconComponent" 
                     class="sidebar-subitem-icon i-medium" 
-                    :fill="globals.state.theme.darkmode ? 'rgba(255,255,255,0.7)' : 'rgba(0,0,0,0.25)'"
+                    :fill="globals.state.theme.darkmode || theme === 'dark' ? 'rgba(255,255,255,0.7)' : 'rgba(0,0,0,0.25)'"
                   />
                   <span v-else class="sidebar-subitem-icon">{{ subItem.icon }}</span>
                   <span class="sidebar-subitem-title">{{ subItem.title }}</span>
@@ -211,7 +219,7 @@ const processRoute = (route) => {
                     v-if="subItem.iconComponent" 
                     :is="subItem.iconComponent" 
                     class="sidebar-subitem-icon i-medium" 
-                    :fill="globals.state.theme.darkmode ? 'rgba(255,255,255,0.7)' : 'rgba(0,0,0,0.25)'"
+                   :fill="globals.state.theme.darkmode || theme === 'dark' ? 'rgba(255,255,255,0.7)' : 'rgba(0,0,0,0.25)'"
                   />
                   <span v-else class="sidebar-subitem-icon">{{ subItem.icon }}</span>
                   <span class="sidebar-subitem-title">{{ subItem.title }}</span>
@@ -242,16 +250,6 @@ const processRoute = (route) => {
 
 
 
-.sidebar-subitem-link:hover {
-  background: var(--light-regular);
-}
-
-.sidebar-item-btn:hover {
-  background: var(--light-regular);
-}
-
-
-
 .expanded-item {
   display: flex;
   align-items: center;

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

@@ -3,6 +3,10 @@ import { ref, watch } from 'vue'
 import * as globals from '@martyrs/src/modules/globals/views/store/globals'
 
 const props = defineProps({
+  theme: {
+    type: String,
+    default: "light"
+  },
   stateSidebar: {
     type: Boolean,
     default: false
@@ -28,18 +32,30 @@ const toggleSidebar = () => {
 
 <template>
   <aside
-    class="transition-linear w-min-0  o-hidden flex-child-default z-index-2 bg-white br-r br-solid br-light flex flex-column h-100"
+    class="transition-linear w-min-0  o-hidden flex-child-default z-index-2  br-r br-solid  flex flex-column h-100"
     :class="[
       'sidebar-container',
-      stateSidebar ? `${width} w-min-10 tablet:w-min-100 tablet:w-100 mobile:w-min-100 mobile:w-100` : `${widthHidden} mobile:w-0 br-zero`
+      // 
+      stateSidebar
+      ? `${width} w-min-10 tablet:w-min-100 tablet:w-100 mobile:w-min-100 mobile:w-100`
+      : `${widthHidden} mobile:w-0 br-zero`,
+      // 
+      theme === 'light' 
+      ? 't-black bg-white br-light'
+      : 't-white bg-black br-dark'
     ]"
   >
     <!-- Slot for navigation content -->
     <slot></slot>
 
     <div 
-      class="sidebar-footer"
-      :class="{ 'pd-micro': !stateSidebar, 'pd-small': stateSidebar }"
+      class="br-solid br-t"
+      :class="{ 
+        'pd-micro': !stateSidebar, 
+        'pd-small': stateSidebar,
+        'br-light': theme === 'light',
+        'br-dark':  theme === 'dark'
+      }"
     >
       <button
         @click="() => globals.actions.toggleTheme()"
@@ -101,11 +117,6 @@ const toggleSidebar = () => {
   transform: scale(1.1);
 }
 
-.sidebar-footer {
-  border-top-width: 1px;
-  border-top-style: solid;
-  border-top-color: var(--light-regular);
-}
 
 .hidden {
   opacity: 0;

package/src/modules/orders/components/blocks/CardOrderBackoffice.vue

@@ -0,0 +1,106 @@
+<template>
+  <div class="bg-light pos-relative pd-medium radius-medium">
+    <CardHeader 
+      :entity="order"
+      :entityType="'order'"
+      :user="user"
+      :owner="order.creator" 
+      :creator="order.creator"
+      :date="order.createdAt"
+      class="mn-b-small"
+    />
+
+    <div class="mn-b-small pd-small bg-white radius-small flex-nowrap flex"> 
+      <div class="w-100">
+        <p class="t-truncate">{{order.delivery.address || 'Not specified'}}</p> 
+      </div>
+
+      <div class="w-100 t-right">
+        <h3 class="mn-b-thin">{{currency}}{{getTotal(order.positions)}}</h3>
+        <p>#{{order._id.slice(0, 4) + '...' + order._id.slice(-4)}}</p> 
+      </div>
+    </div>
+ 
+    <div class="cols-1 pos-relative mn-b-small gap-thin pd-small bg-white radius-small">
+		  <!-- Всегда отображаем первые две позиции -->
+		  <template v-for="(position, index) in order.positions">
+		  	<transition name="moveFromTop">
+			    <div 
+			      v-if="index < 2 || (spoiler && index >= 2)" 
+			      :key="index" 
+			      class="w-100 flex"
+			    >
+			      <p class="mn-r-auto">{{ position.name }}</p>
+			      <p class="t-right">
+			        {{ position.quantity }} {{ position.type }}
+			        x
+			        <span class="t-transp">{{ currency }} {{ position.price }}</span>
+			      </p>
+			    </div>
+	      </transition>
+		  </template>
+		
+		  <!-- Кнопка переключения для дополнительных позиций, видна только если есть больше двух позиций -->
+		  <button
+		    v-if="order.positions.length > 2"
+		    @click.prevent="spoiler = !spoiler"
+		    class="cursor-pointer radius-big bg-light-transp-50 pd-nano w-100 flex-center flex"
+		  >
+		    {{ !spoiler ? `+${order.positions.length - 2} more` : `Hide` }}
+		  </button>
+		</div>
+
+    <div class="pd-small bg-white radius-small gap-micro flex-v-center flex-nowrap flex"> 
+      <IconTime class="i-semi t-transp" fill="rgb(var(--black)" />
+      <p class="t-medium mn-r-auto">{{formatDate(order.deadline)}}</p>
+
+      <span 
+        class="flex-child flex-child-shrink-0 capitalize w-max t-medium radius-big pd-b-nano pd-t-nano pd-r-thin pd-l-thin bg-main"
+      >
+        {{order.status}}
+      </span>
+
+      <span 
+        class="flex-child flex-child-shrink-0 capitalize w-max t-medium radius-big pd-b-nano pd-t-nano pd-r-thin pd-l-thin t-white bg-red"
+      >
+        {{order.payment.status || 'Not defined'}}
+      </span>
+    </div>
+
+    <div v-if="order.comment" class="pos-relative radius-small bg-fifth-transp-10 mn-t-thin pd-small">
+      <p class="mn-b-thin t-transp uppercase p-small t-medium">Comment</p>
+      <p>{{order.comment}}</p>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import CardHeader from '@martyrs/src/modules/globals/views/components/blocks/CardHeader.vue';
+import IconTime from '@martyrs/src/modules/icons/entities/IconTime.vue';
+
+const props = defineProps({
+  order: {
+    type: Object,
+    required: true
+  },
+  user: {
+    type: Object,
+    required: true
+  },
+  formatDate: {
+    type: Function,
+    required: true
+  },
+  getTotal: {
+    type: Function,
+    required: true
+  },
+  currency: {
+    type: String,
+    default: ''
+  }
+});
+
+const spoiler = ref(false);
+</script>