@ozdao/martyrs 0.2.491 → 0.2.492

package/dist/martyrs/src/modules/notifications/store/notifications.store.js

@@ -162,7 +162,6 @@ const actions = {
    * Add a local notification (for handling push notifications or WebSocket notifications)
    */
   addLocalNotification(notification) {
-    var _a;
     if (notification._id) {
       const existingIndex = state.notifications.findIndex((n) => n._id === notification._id);
       if (existingIndex !== -1) {
@@ -180,7 +179,7 @@ const actions = {
       // Use provided ID or generate temporary one
       title: notification.title,
       body: notification.body,
-      type: notification.type || ((_a = notification.data) == null ? void 0 : _a.type) || "info",
+      type: notification.type || notification.data?.type || "info",
       metadata: notification.data || notification.metadata || {},
       status: notification.status || "unread",
       createdAt: notification.createdAt || (/* @__PURE__ */ new Date()).toISOString(),

package/dist/martyrs/src/modules/notifications/store/notifications.store.js.map

@@ -1 +1 @@
-{"version":3,"file":"notifications.store.js","sources":["../../../../../../src/modules/notifications/store/notifications.store.js"],"sourcesContent":["// Dependencies\nimport { computed, reactive, watch } from 'vue';\n// Setup Axios\nimport $axios from '@martyrs/src/modules/globals/views/utils/axios-instance.js';\n// Globals\nimport { setError } from '@martyrs/src/modules/globals/views/store/globals.js';\n// Auth\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\n// Initial state for a notification\nconst notificationInitState = {\n  _id: null,\n  title: '',\n  body: '',\n  type: 'info',\n  metadata: {},\n  userId: null,\n  status: 'pending',\n  createdAt: null,\n  updatedAt: null,\n};\n\n// Initial state for notification preferences\nconst preferencesInitState = {\n  web: true,\n  push: true,\n  email: true,\n  sms: true,\n  telegram: false,\n  whatsapp: false,\n};\n\n// State declaration\nconst state = reactive({\n  notifications: [],\n  unreadCount: 0,\n  current: { ...notificationInitState },\n  preferences: { ...preferencesInitState },\n  deviceRegistered: false,\n  loading: false,\n  lastSync: null,\n});\n\nconst actions = {\n  /**\n   * Get user notifications from server\n   */\n  async getNotifications(userId = null) {\n    try {\n      // Use provided userId or get from auth store\n      const userIdToUse = userId || auth.state.user._id;\n\n      if (!userIdToUse) {\n        console.warn('Cannot get notifications: No user ID found');\n        return [];\n      }\n\n      state.loading = true;\n      const response = await $axios.get(`/api/notifications/user/${userIdToUse}`);\n      state.notifications = response.data;\n      state.lastSync = new Date().toISOString();\n      updateUnreadCount();\n      state.loading = false;\n      return response.data;\n    } catch (error) {\n      state.loading = false;\n      setError(error);\n      throw error;\n    }\n  },\n\n  /**\n   * Mark a notification as read\n   */\n  async markAsRead(notificationId) {\n    try {\n      const response = await $axios.put(`/api/notifications/${notificationId}/read`);\n\n      // Update the notification in the local state\n      const index = state.notifications.findIndex(n => n._id === notificationId);\n      if (index !== -1) {\n        state.notifications[index] = response.data;\n        updateUnreadCount();\n      }\n\n      return response.data;\n    } catch (error) {\n      setError(error);\n      throw error;\n    }\n  },\n\n  /**\n   * Synchronize notification status without API call\n   * (For use with WebSocket updates)\n   */\n  syncNotificationStatus(notificationId, status) {\n    const index = state.notifications.findIndex(n => n._id === notificationId);\n    if (index !== -1) {\n      state.notifications[index].status = status;\n      state.notifications[index].updatedAt = new Date().toISOString();\n      updateUnreadCount();\n    }\n  },\n\n  /**\n   * Register a device for push notifications\n   */\n  async registerDevice(deviceData) {\n    try {\n      // Add the current user ID to the device data\n      const userId = auth.state.user._id;\n      if (!userId) {\n        console.warn('Cannot register device: No user ID found');\n        return;\n      }\n\n      deviceData.userId = userId;\n\n      const response = await $axios.post('/api/notifications/devices/register', deviceData);\n      state.deviceRegistered = true;\n      return response.data;\n    } catch (error) {\n      setError(error);\n      throw error;\n    }\n  },\n\n  /**\n   * Update notification preferences\n   */\n  async updatePreferences(preferences) {\n    try {\n      const userId = auth.state.user._id;\n      if (!userId) {\n        console.warn('Cannot update preferences: No user ID found');\n        return;\n      }\n\n      // Transform preferences object to array format expected by the API\n      const preferencesArray = Object.entries(preferences).map(([channelType, isEnabled]) => {\n        return {\n          channelType,\n          notificationType: 'all', // Default type, can be made more specific\n          isEnabled,\n        };\n      });\n\n      const response = await $axios.put('/api/notifications/preferences', {\n        userId,\n        preferences: preferencesArray,\n      });\n\n      // Update state with new preferences\n      const newPreferences = {};\n      response.data.forEach(pref => {\n        newPreferences[pref.channelType] = pref.isEnabled;\n      });\n\n      state.preferences = { ...preferencesInitState, ...newPreferences };\n      return response.data;\n    } catch (error) {\n      setError(error);\n      throw error;\n    }\n  },\n\n  /**\n   * Get notification preferences\n   */\n  async getPreferences() {\n    try {\n      const userId = auth.state.user._id;\n      if (!userId) {\n        console.warn('Cannot get preferences: No user ID found');\n        return;\n      }\n\n      // Assuming an endpoint exists to fetch preferences\n      const response = await $axios.get(`/api/notifications/preferences/${userId}`);\n\n      // Transform API response to our state format\n      const newPreferences = {};\n      response.data.forEach(pref => {\n        newPreferences[pref.channelType] = pref.isEnabled;\n      });\n\n      state.preferences = { ...preferencesInitState, ...newPreferences };\n      return response.data;\n    } catch (error) {\n      setError(error);\n      // If API fails, use default preferences\n      state.preferences = { ...preferencesInitState };\n      throw error;\n    }\n  },\n\n  /**\n   * Add a local notification (for handling push notifications or WebSocket notifications)\n   */\n  addLocalNotification(notification) {\n    // Check if notification already exists by ID to prevent duplicates\n    if (notification._id) {\n      const existingIndex = state.notifications.findIndex(n => n._id === notification._id);\n      if (existingIndex !== -1) {\n        // Update existing notification\n        state.notifications[existingIndex] = {\n          ...state.notifications[existingIndex],\n          ...notification,\n          updatedAt: new Date().toISOString(),\n        };\n        updateUnreadCount();\n        return;\n      }\n    }\n\n    // Create a notification object that matches our expected format\n    const newNotification = {\n      _id: notification._id || Date.now().toString(), // Use provided ID or generate temporary one\n      title: notification.title,\n      body: notification.body,\n      type: notification.type || notification.data?.type || 'info',\n      metadata: notification.data || notification.metadata || {},\n      status: notification.status || 'unread',\n      createdAt: notification.createdAt || new Date().toISOString(),\n      updatedAt: notification.updatedAt || new Date().toISOString(),\n    };\n\n    // Add to local state\n    state.notifications.unshift(newNotification);\n    updateUnreadCount();\n  },\n\n  /**\n   * Handle notification action (e.g., when user taps on push notification)\n   */\n  handleNotificationAction(data) {\n    // Mark notification as read if ID is provided\n    if (data.notificationId) {\n      actions.markAsRead(data.notificationId);\n    }\n\n    return true\n\n    // // Navigate based on notification type and metadata\n    // if (data.route) {\n    //   // router.push(data.route);\n    //   alert('1');\n    // } else if (data.type === 'order') {\n    //   // router.push(`/orders/${data.orderId}`);\n    //   alert('2');\n    // } else if (data.type === 'message') {\n    //   // router.push('/messages');\n    //   alert('3');\n    // } else {\n    //   // Default to notifications page\n    //   // router.push('/notifications');\n    //   alert('4');\n    // }\n  },\n\n  /**\n   * Mark all notifications as read\n   */\n  async markAllAsRead() {\n    try {\n      const userId = auth.state.user._id;\n      if (!userId) {\n        console.warn('Cannot mark all as read: No user ID found');\n        return;\n      }\n\n      console.log('=== markAllAsRead API call ===');\n      console.log('URL:', `/api/notifications/user/${userId}/read-all`);\n      \n      const response = await $axios.put(`/api/notifications/user/${userId}/read-all`);\n      \n      console.log('markAllAsRead response status:', response.status);\n      console.log('markAllAsRead response data:', response.data);\n\n      // Update all notifications in local state\n      state.notifications.forEach(notification => {\n        notification.status = 'read';\n        notification.updatedAt = new Date().toISOString();\n      });\n\n      updateUnreadCount();\n      console.log('Local state updated, unread count:', state.unreadCount);\n      return response.data;\n    } catch (error) {\n      setError(error);\n      throw error;\n    }\n  },\n};\n\nconst mutations = {\n  resetNotifications() {\n    state.notifications = [];\n    state.unreadCount = 0;\n    state.lastSync = null;\n  },\n\n  resetCurrent() {\n    state.current = { ...notificationInitState };\n  },\n\n  resetPreferences() {\n    state.preferences = { ...preferencesInitState };\n  },\n};\n\n// Helper functions\nfunction updateUnreadCount() {\n  state.unreadCount = state.notifications.filter(n => n.status !== 'read').length;\n}\n\n// Track state changes\nconst history = [];\nhistory.push(state);\n\nwatch(state, newState => {\n  history.push(newState);\n});\n\n// Computed properties\nconst getters = {\n  unreadNotifications: computed(() => {\n    return state.notifications.filter(n => n.status !== 'read');\n  }),\n\n  readNotifications: computed(() => {\n    return state.notifications.filter(n => n.status === 'read');\n  }),\n\n  notificationsByType: computed(() => {\n    const result = {};\n    state.notifications.forEach(notification => {\n      if (!result[notification.type]) {\n        result[notification.type] = [];\n      }\n      result[notification.type].push(notification);\n    });\n    return result;\n  }),\n};\n\nexport { actions, getters, mutations, state };\n"],"names":["auth.state"],"mappings":"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"}
+{"version":3,"file":"notifications.store.js","sources":["../../../../../../src/modules/notifications/store/notifications.store.js"],"sourcesContent":["// Dependencies\nimport { computed, reactive, watch } from 'vue';\n// Setup Axios\nimport $axios from '@martyrs/src/modules/globals/views/utils/axios-instance.js';\n// Globals\nimport { setError } from '@martyrs/src/modules/globals/views/store/globals.js';\n// Auth\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\n// Initial state for a notification\nconst notificationInitState = {\n  _id: null,\n  title: '',\n  body: '',\n  type: 'info',\n  metadata: {},\n  userId: null,\n  status: 'pending',\n  createdAt: null,\n  updatedAt: null,\n};\n\n// Initial state for notification preferences\nconst preferencesInitState = {\n  web: true,\n  push: true,\n  email: true,\n  sms: true,\n  telegram: false,\n  whatsapp: false,\n};\n\n// State declaration\nconst state = reactive({\n  notifications: [],\n  unreadCount: 0,\n  current: { ...notificationInitState },\n  preferences: { ...preferencesInitState },\n  deviceRegistered: false,\n  loading: false,\n  lastSync: null,\n});\n\nconst actions = {\n  /**\n   * Get user notifications from server\n   */\n  async getNotifications(userId = null) {\n    try {\n      // Use provided userId or get from auth store\n      const userIdToUse = userId || auth.state.user._id;\n\n      if (!userIdToUse) {\n        console.warn('Cannot get notifications: No user ID found');\n        return [];\n      }\n\n      state.loading = true;\n      const response = await $axios.get(`/api/notifications/user/${userIdToUse}`);\n      state.notifications = response.data;\n      state.lastSync = new Date().toISOString();\n      updateUnreadCount();\n      state.loading = false;\n      return response.data;\n    } catch (error) {\n      state.loading = false;\n      setError(error);\n      throw error;\n    }\n  },\n\n  /**\n   * Mark a notification as read\n   */\n  async markAsRead(notificationId) {\n    try {\n      const response = await $axios.put(`/api/notifications/${notificationId}/read`);\n\n      // Update the notification in the local state\n      const index = state.notifications.findIndex(n => n._id === notificationId);\n      if (index !== -1) {\n        state.notifications[index] = response.data;\n        updateUnreadCount();\n      }\n\n      return response.data;\n    } catch (error) {\n      setError(error);\n      throw error;\n    }\n  },\n\n  /**\n   * Synchronize notification status without API call\n   * (For use with WebSocket updates)\n   */\n  syncNotificationStatus(notificationId, status) {\n    const index = state.notifications.findIndex(n => n._id === notificationId);\n    if (index !== -1) {\n      state.notifications[index].status = status;\n      state.notifications[index].updatedAt = new Date().toISOString();\n      updateUnreadCount();\n    }\n  },\n\n  /**\n   * Register a device for push notifications\n   */\n  async registerDevice(deviceData) {\n    try {\n      // Add the current user ID to the device data\n      const userId = auth.state.user._id;\n      if (!userId) {\n        console.warn('Cannot register device: No user ID found');\n        return;\n      }\n\n      deviceData.userId = userId;\n\n      const response = await $axios.post('/api/notifications/devices/register', deviceData);\n      state.deviceRegistered = true;\n      return response.data;\n    } catch (error) {\n      setError(error);\n      throw error;\n    }\n  },\n\n  /**\n   * Update notification preferences\n   */\n  async updatePreferences(preferences) {\n    try {\n      const userId = auth.state.user._id;\n      if (!userId) {\n        console.warn('Cannot update preferences: No user ID found');\n        return;\n      }\n\n      // Transform preferences object to array format expected by the API\n      const preferencesArray = Object.entries(preferences).map(([channelType, isEnabled]) => {\n        return {\n          channelType,\n          notificationType: 'all', // Default type, can be made more specific\n          isEnabled,\n        };\n      });\n\n      const response = await $axios.put('/api/notifications/preferences', {\n        userId,\n        preferences: preferencesArray,\n      });\n\n      // Update state with new preferences\n      const newPreferences = {};\n      response.data.forEach(pref => {\n        newPreferences[pref.channelType] = pref.isEnabled;\n      });\n\n      state.preferences = { ...preferencesInitState, ...newPreferences };\n      return response.data;\n    } catch (error) {\n      setError(error);\n      throw error;\n    }\n  },\n\n  /**\n   * Get notification preferences\n   */\n  async getPreferences() {\n    try {\n      const userId = auth.state.user._id;\n      if (!userId) {\n        console.warn('Cannot get preferences: No user ID found');\n        return;\n      }\n\n      // Assuming an endpoint exists to fetch preferences\n      const response = await $axios.get(`/api/notifications/preferences/${userId}`);\n\n      // Transform API response to our state format\n      const newPreferences = {};\n      response.data.forEach(pref => {\n        newPreferences[pref.channelType] = pref.isEnabled;\n      });\n\n      state.preferences = { ...preferencesInitState, ...newPreferences };\n      return response.data;\n    } catch (error) {\n      setError(error);\n      // If API fails, use default preferences\n      state.preferences = { ...preferencesInitState };\n      throw error;\n    }\n  },\n\n  /**\n   * Add a local notification (for handling push notifications or WebSocket notifications)\n   */\n  addLocalNotification(notification) {\n    // Check if notification already exists by ID to prevent duplicates\n    if (notification._id) {\n      const existingIndex = state.notifications.findIndex(n => n._id === notification._id);\n      if (existingIndex !== -1) {\n        // Update existing notification\n        state.notifications[existingIndex] = {\n          ...state.notifications[existingIndex],\n          ...notification,\n          updatedAt: new Date().toISOString(),\n        };\n        updateUnreadCount();\n        return;\n      }\n    }\n\n    // Create a notification object that matches our expected format\n    const newNotification = {\n      _id: notification._id || Date.now().toString(), // Use provided ID or generate temporary one\n      title: notification.title,\n      body: notification.body,\n      type: notification.type || notification.data?.type || 'info',\n      metadata: notification.data || notification.metadata || {},\n      status: notification.status || 'unread',\n      createdAt: notification.createdAt || new Date().toISOString(),\n      updatedAt: notification.updatedAt || new Date().toISOString(),\n    };\n\n    // Add to local state\n    state.notifications.unshift(newNotification);\n    updateUnreadCount();\n  },\n\n  /**\n   * Handle notification action (e.g., when user taps on push notification)\n   */\n  handleNotificationAction(data) {\n    // Mark notification as read if ID is provided\n    if (data.notificationId) {\n      actions.markAsRead(data.notificationId);\n    }\n\n    return true\n\n    // // Navigate based on notification type and metadata\n    // if (data.route) {\n    //   // router.push(data.route);\n    //   alert('1');\n    // } else if (data.type === 'order') {\n    //   // router.push(`/orders/${data.orderId}`);\n    //   alert('2');\n    // } else if (data.type === 'message') {\n    //   // router.push('/messages');\n    //   alert('3');\n    // } else {\n    //   // Default to notifications page\n    //   // router.push('/notifications');\n    //   alert('4');\n    // }\n  },\n\n  /**\n   * Mark all notifications as read\n   */\n  async markAllAsRead() {\n    try {\n      const userId = auth.state.user._id;\n      if (!userId) {\n        console.warn('Cannot mark all as read: No user ID found');\n        return;\n      }\n\n      console.log('=== markAllAsRead API call ===');\n      console.log('URL:', `/api/notifications/user/${userId}/read-all`);\n      \n      const response = await $axios.put(`/api/notifications/user/${userId}/read-all`);\n      \n      console.log('markAllAsRead response status:', response.status);\n      console.log('markAllAsRead response data:', response.data);\n\n      // Update all notifications in local state\n      state.notifications.forEach(notification => {\n        notification.status = 'read';\n        notification.updatedAt = new Date().toISOString();\n      });\n\n      updateUnreadCount();\n      console.log('Local state updated, unread count:', state.unreadCount);\n      return response.data;\n    } catch (error) {\n      setError(error);\n      throw error;\n    }\n  },\n};\n\nconst mutations = {\n  resetNotifications() {\n    state.notifications = [];\n    state.unreadCount = 0;\n    state.lastSync = null;\n  },\n\n  resetCurrent() {\n    state.current = { ...notificationInitState };\n  },\n\n  resetPreferences() {\n    state.preferences = { ...preferencesInitState };\n  },\n};\n\n// Helper functions\nfunction updateUnreadCount() {\n  state.unreadCount = state.notifications.filter(n => n.status !== 'read').length;\n}\n\n// Track state changes\nconst history = [];\nhistory.push(state);\n\nwatch(state, newState => {\n  history.push(newState);\n});\n\n// Computed properties\nconst getters = {\n  unreadNotifications: computed(() => {\n    return state.notifications.filter(n => n.status !== 'read');\n  }),\n\n  readNotifications: computed(() => {\n    return state.notifications.filter(n => n.status === 'read');\n  }),\n\n  notificationsByType: computed(() => {\n    const result = {};\n    state.notifications.forEach(notification => {\n      if (!result[notification.type]) {\n        result[notification.type] = [];\n      }\n      result[notification.type].push(notification);\n    });\n    return result;\n  }),\n};\n\nexport { actions, getters, mutations, state };\n"],"names":["auth.state"],"mappings":"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"}

package/dist/martyrs/src/modules/orders/components/blocks/CardOrder.vue.cjs

@@ -2,6 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
+;/* empty css                 */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
 const _hoisted_1 = { class: "pd-big mn-regular order-customer-card col" };
 const _hoisted_2 = { class: "mn-regular flex-center flex-nowrap flex w-100" };

package/dist/martyrs/src/modules/orders/components/blocks/CardOrder.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CardOrder.vue.cjs","sources":["../../../../../../../src/modules/orders/components/blocks/CardOrder.vue"],"sourcesContent":["<template>\n\t<div class=\"pd-big mn-regular order-customer-card col\"> \n\t  <p class=\"mn-regular flex-center flex-nowrap flex w-100\">\n\t\t\t\t<!-- <img loading=\"lazy\" v-if=\"order.status === 'Created'\" \t\t\tclass=\"mn-r-small\" src=\"@/assets/icons/status/created.svg\"/>\n\t\t\t\t<img loading=\"lazy\" v-if=\"order.status === 'Confirmed'\"\tclass=\"mn-r-small\" src=\"@/assets/icons/status/confirmed.svg\"/>\n\t\t\t\t<img loading=\"lazy\" v-if=\"order.status === 'Awaiting shipment'\" \t\t\tclass=\"mn-r-small\" src=\"@/assets/icons/status/paid.svg\"/>\n\t\t\t\t<img loading=\"lazy\" v-if=\"order.status === 'In delivery'\" \t\tclass=\"mn-r-small\" src=\"@/assets/icons/status/finished.svg\"/>\n\t\t\t\t<img loading=\"lazy\" v-if=\"order.status === 'Finished'\" \t\tclass=\"mn-r-small\" src=\"@/assets/icons/status/finished.svg\"/> -->\n\t    <span class=\"w-100 t-medium p-semi\">{{order.status}}</span>\n\t  </p>\n\t  \n\t  <div class=\"flex-nowrap flex\">\n\t  \t<div class=\"mn-r-bold pd-r-big br-right-dark w-66\">\n\t  \t\t<ul class=\"mn-semi\">\n\t        <!-- <li v-for=\"(product, index) in orderProducts(order.items.slice(0,2))\" :key=\"product.id\" class=\"shop-cart-item\">\n\t        \t<img loading=\"lazy\" v-if=\"product.images\" :src=\"require( `@/assets/images/products/${product.images[0]}`)\">\n\t          <img loading=\"lazy\" v-if=\"!(product.images)\" :src=\"require( `@/assets/icons/photo.svg`)\">\n\t          \n\t          <div class=\"text-left\">\n\t            <p class=\"name\">{{ product.name }}</p>\n\n\t            <div class=\"flex\">\n\t              <div class=\"small-underline variant\">\n\t                <span v-if=\"!product.size && !product.color\" class=\"\">One-size</span>\n\t                <span v-if=\"product.size\" class=\"\">{{ product.size}}</span>\n\t                <span v-if=\"product.color && product.size\" class=\"\">, </span>\n\t                <span v-if=\"product.color\" class=\"\">{{ product.color}}</span>\n\t              </div>\n\t              \n\t              <p class=\"t-demi\">$ {{product.quantity}} x {{product.price}}</p>\n\t            </div>\n\n\t          </div>\n\n\t    \t\t</li> -->\n\t      </ul>\n\t      <p class=\"mn-small t-medium p-semi\">\n\t      \tAdress and delivery\n\t      </p>\n\t      <p class=\"mn-small\">\n\t        {{order.delivery.adress}} \n\t      </p>\n\t      <p v-if=\"order.delivery.type === 'Post'\" class=\"w-\">\n\t     \t\tYou have chosen delivery using the courier service CDEK. Estimated delivery date {{DateToFormattedString(order.createdAt)}}.\n\t      </p>\n\n\t      <p v-if=\"order.delivery.type === 'Courier'\" class=\"w-\">\n\t     \t\tYou have chosen delivery by courier. Estimated delivery date {{DateToFormattedString2(order.createdAt)}}.\n\t      </p>\n\n\t      <p v-if=\"order.delivery.type === 'Pickup'\" class=\"w-\">\n\t     \t\tYou have chosen to receive the order in the Moscow store.\n\t      </p>\n\t    </div>\n\n\n\t    <div class=\"w-40\">\n\t    \t<p class=\"mn-small w-100 t-medium p-semi\">\n\t        <span class=\"t-transp\">Order:</span> №{{order._id.slice(0,8)}} \n\t      </p>\n\t       <p  v-if=\"order.delivery.type === 'Post'\" class=\"mn-medium w-100\">\n\t       \t<span class=\"t-transp\">Estimated shipping date:</span><br>{{DateToFormattedString(order.createdAt)}}\n\t      </p>\n\t      <p  v-if=\"order.delivery.type === 'Courier'\" class=\"mn-medium w-100\">\n\t       \t<span class=\"t-transp\">Shipping date:</span><br>{{DateToFormattedString2(order.createdAt)}}\n\t      </p>\n\t      <p  v-if=\"order.delivery.type === 'Pickup'\" class=\"mn-medium w-100\">\n\t       \t<span class=\"t-transp\">Type of delivery:</span><br>Pickup\n\t      </p>\n\t      <hr class=\"mn-medium\">\n\n\t      <div :class=\"{'mn-semi': order.delivery.type == ''}\" class=\"flex\">\n\t        <p  class=\"t-transp\">In total</p>\n\t        <p>$ {{ cartTotalPrice }}</p>\n\t      </div>\n\t      <div v-if=\"order.delivery.type !== ''\" class=\"mn-semi flex\">\n\t        <p  class=\"t-transp\">Delivery</p>\n\t        <p v-if=\"order.delivery.type === 'Pickup'\">Free</p>\n\t        <p v-if=\"order.delivery.type === 'Post'\">$ 10</p>\n\t        <p v-if=\"order.delivery.type === 'Courier'\">$ 20</p>\n\t      </div>\n\t      <div class=\"mn-semi intotal flex-bottom flex\">\n\t        <p  class=\"t-transp\">In total to pay</p>\n\t        <p v-if=\"order.delivery.type === ''\" class=\"p-semi t-semi\">$ {{ cartTotalPrice }}</p>\n\t        <p v-if=\"order.delivery.type === 'Pickup'\" class=\"p-semi t-semi\">$ {{ cartTotalPrice}} ₽</p>\n\t        <p v-if=\"order.delivery.type === 'Courier'\" class=\"p-semi t-semi\">$ {{ cartTotalPrice + 20 }}</p>\n\t        <p v-if=\"order.delivery.type === 'Post'\" class=\"p-semi t-semi\">$ {{ cartTotalPrice + 10 }}</p>\n\t      </div>\n\t      <hr  v-if=\"order.status === 'Confirmed'\" class=\"mn-semi\" >\n\t     <!-- \t<button \n\t     \t@click=\"requestPayment(order)\"\n\t     \tv-if=\"\n\t     \t\torder.status === 'Подтвержден' \n\t     \t\t&& order.payment.type === 'Online'\n\t     \t\t&& payment.Status !== 'CONFIRMED'\n\t     \t\t&& payment.Status !== 'REFUNDED'\n\t     \t\" \n\t     \tclass='w-100 button'>Оплатить заказ</button> -->\n\t     \t<span class=\"t-transp\" v-if=\"payment && payment.Status === 'CONFIRMED'\">Paid</span> \n\t    </div>  \n\t  </div>\n\t</div>\t\t\n\n</template>\n\n\n<script setup=\"props\">\n\timport { defineProps,computed } from 'vue'\n\timport { useRouter } from 'vue-router'\n\n\tconst router = useRouter()\n\n\tconst props = defineProps({\n\t  order: Object,\n\t});\n\n\n\n\t// await store.dispatch('payments/getStatus', props.order._id)\n\n\t// const payment = computed(() => store.state.payments.current)\n\t// const cartTotalPrice = computed(() => store.getters['orders/orderTotalPrice'])\n\n\tfunction requestPayment(order) {\n\t\t // store.dispatch(\"payments/newPayment\", order);\n\t}\n\t\n\tfunction DateToFormattedString(d) {         \n    var fixedDate = new Date(d);                                                     \n    var mm = (fixedDate.getMonth()+1).toString(); // getMonth() is zero-based         \n    var dd  = (fixedDate.getDate() + 6).toString();            \n                         \n    return (dd[1]?dd:\"0\"+dd[0]) + '/' + (mm[1]?mm:\"0\"+mm[0]);\n  }\n\n  function DateToFormattedString2(d) {         \n    var fixedDate = new Date(d);                                                     \n    var mm = (fixedDate.getMonth() + 1).toString(); // getMonth() is zero-based         \n    var dd  = (fixedDate.getDate() + 1).toString();            \n                         \n    return (dd[1]?dd:\"0\"+dd[0]) + '/' + (mm[1]?mm:\"0\"+mm[0]);\n  }\n\n\t// function orderProducts (items) {\n\t//   return items.map(({ id, size, color, quantity }) => {\n\t//     const product = store.state.products.all.find(product => product.id === id)\n\t//     return {\n\t//       name: product.name,\n\t//       images: product.images[0],\n\t//       color,\n\t//       size,\n\t//       price: product.price,\n\t//       id: product.id,\n\t//       quantity\n\t//     }\n\t//   })\n\t// }\n\n</script>\n\n<style lang=\"scss\" scoped>\n.shop-cart-item {\n\t&:first-of-type { padding-top: 0;}\n}\n\n</style>"],"names":["useRouter"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8GgBA,cAAS,UAAA;AAiBxB,aAAS,sBAAsB,GAAG;AAC/B,UAAI,YAAY,IAAI,KAAK,CAAC;AAC1B,UAAI,MAAM,UAAU,SAAQ,IAAG,GAAG;AAClC,UAAI,MAAO,UAAU,QAAO,IAAK,GAAG;AAEpC,cAAQ,GAAG,CAAC,IAAE,KAAG,MAAI,GAAG,CAAC,KAAK,OAAO,GAAG,CAAC,IAAE,KAAG,MAAI,GAAG,CAAC;AAAA,IAC1D;AAEE,aAAS,uBAAuB,GAAG;AACjC,UAAI,YAAY,IAAI,KAAK,CAAC;AAC1B,UAAI,MAAM,UAAU,SAAQ,IAAK,GAAG;AACpC,UAAI,MAAO,UAAU,QAAO,IAAK,GAAG;AAEpC,cAAQ,GAAG,CAAC,IAAE,KAAG,MAAI,GAAG,CAAC,KAAK,OAAO,GAAG,CAAC,IAAE,KAAG,MAAI,GAAG,CAAC;AAAA,IAC1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardOrder.vue.cjs","sources":["../../../../../../../src/modules/orders/components/blocks/CardOrder.vue"],"sourcesContent":["<template>\n\t<div class=\"pd-big mn-regular order-customer-card col\"> \n\t  <p class=\"mn-regular flex-center flex-nowrap flex w-100\">\n\t\t\t\t<!-- <img loading=\"lazy\" v-if=\"order.status === 'Created'\" \t\t\tclass=\"mn-r-small\" src=\"@/assets/icons/status/created.svg\"/>\n\t\t\t\t<img loading=\"lazy\" v-if=\"order.status === 'Confirmed'\"\tclass=\"mn-r-small\" src=\"@/assets/icons/status/confirmed.svg\"/>\n\t\t\t\t<img loading=\"lazy\" v-if=\"order.status === 'Awaiting shipment'\" \t\t\tclass=\"mn-r-small\" src=\"@/assets/icons/status/paid.svg\"/>\n\t\t\t\t<img loading=\"lazy\" v-if=\"order.status === 'In delivery'\" \t\tclass=\"mn-r-small\" src=\"@/assets/icons/status/finished.svg\"/>\n\t\t\t\t<img loading=\"lazy\" v-if=\"order.status === 'Finished'\" \t\tclass=\"mn-r-small\" src=\"@/assets/icons/status/finished.svg\"/> -->\n\t    <span class=\"w-100 t-medium p-semi\">{{order.status}}</span>\n\t  </p>\n\t  \n\t  <div class=\"flex-nowrap flex\">\n\t  \t<div class=\"mn-r-bold pd-r-big br-right-dark w-66\">\n\t  \t\t<ul class=\"mn-semi\">\n\t        <!-- <li v-for=\"(product, index) in orderProducts(order.items.slice(0,2))\" :key=\"product.id\" class=\"shop-cart-item\">\n\t        \t<img loading=\"lazy\" v-if=\"product.images\" :src=\"require( `@/assets/images/products/${product.images[0]}`)\">\n\t          <img loading=\"lazy\" v-if=\"!(product.images)\" :src=\"require( `@/assets/icons/photo.svg`)\">\n\t          \n\t          <div class=\"text-left\">\n\t            <p class=\"name\">{{ product.name }}</p>\n\n\t            <div class=\"flex\">\n\t              <div class=\"small-underline variant\">\n\t                <span v-if=\"!product.size && !product.color\" class=\"\">One-size</span>\n\t                <span v-if=\"product.size\" class=\"\">{{ product.size}}</span>\n\t                <span v-if=\"product.color && product.size\" class=\"\">, </span>\n\t                <span v-if=\"product.color\" class=\"\">{{ product.color}}</span>\n\t              </div>\n\t              \n\t              <p class=\"t-demi\">$ {{product.quantity}} x {{product.price}}</p>\n\t            </div>\n\n\t          </div>\n\n\t    \t\t</li> -->\n\t      </ul>\n\t      <p class=\"mn-small t-medium p-semi\">\n\t      \tAdress and delivery\n\t      </p>\n\t      <p class=\"mn-small\">\n\t        {{order.delivery.adress}} \n\t      </p>\n\t      <p v-if=\"order.delivery.type === 'Post'\" class=\"w-\">\n\t     \t\tYou have chosen delivery using the courier service CDEK. Estimated delivery date {{DateToFormattedString(order.createdAt)}}.\n\t      </p>\n\n\t      <p v-if=\"order.delivery.type === 'Courier'\" class=\"w-\">\n\t     \t\tYou have chosen delivery by courier. Estimated delivery date {{DateToFormattedString2(order.createdAt)}}.\n\t      </p>\n\n\t      <p v-if=\"order.delivery.type === 'Pickup'\" class=\"w-\">\n\t     \t\tYou have chosen to receive the order in the Moscow store.\n\t      </p>\n\t    </div>\n\n\n\t    <div class=\"w-40\">\n\t    \t<p class=\"mn-small w-100 t-medium p-semi\">\n\t        <span class=\"t-transp\">Order:</span> №{{order._id.slice(0,8)}} \n\t      </p>\n\t       <p  v-if=\"order.delivery.type === 'Post'\" class=\"mn-medium w-100\">\n\t       \t<span class=\"t-transp\">Estimated shipping date:</span><br>{{DateToFormattedString(order.createdAt)}}\n\t      </p>\n\t      <p  v-if=\"order.delivery.type === 'Courier'\" class=\"mn-medium w-100\">\n\t       \t<span class=\"t-transp\">Shipping date:</span><br>{{DateToFormattedString2(order.createdAt)}}\n\t      </p>\n\t      <p  v-if=\"order.delivery.type === 'Pickup'\" class=\"mn-medium w-100\">\n\t       \t<span class=\"t-transp\">Type of delivery:</span><br>Pickup\n\t      </p>\n\t      <hr class=\"mn-medium\">\n\n\t      <div :class=\"{'mn-semi': order.delivery.type == ''}\" class=\"flex\">\n\t        <p  class=\"t-transp\">In total</p>\n\t        <p>$ {{ cartTotalPrice }}</p>\n\t      </div>\n\t      <div v-if=\"order.delivery.type !== ''\" class=\"mn-semi flex\">\n\t        <p  class=\"t-transp\">Delivery</p>\n\t        <p v-if=\"order.delivery.type === 'Pickup'\">Free</p>\n\t        <p v-if=\"order.delivery.type === 'Post'\">$ 10</p>\n\t        <p v-if=\"order.delivery.type === 'Courier'\">$ 20</p>\n\t      </div>\n\t      <div class=\"mn-semi intotal flex-bottom flex\">\n\t        <p  class=\"t-transp\">In total to pay</p>\n\t        <p v-if=\"order.delivery.type === ''\" class=\"p-semi t-semi\">$ {{ cartTotalPrice }}</p>\n\t        <p v-if=\"order.delivery.type === 'Pickup'\" class=\"p-semi t-semi\">$ {{ cartTotalPrice}} ₽</p>\n\t        <p v-if=\"order.delivery.type === 'Courier'\" class=\"p-semi t-semi\">$ {{ cartTotalPrice + 20 }}</p>\n\t        <p v-if=\"order.delivery.type === 'Post'\" class=\"p-semi t-semi\">$ {{ cartTotalPrice + 10 }}</p>\n\t      </div>\n\t      <hr  v-if=\"order.status === 'Confirmed'\" class=\"mn-semi\" >\n\t     <!-- \t<button \n\t     \t@click=\"requestPayment(order)\"\n\t     \tv-if=\"\n\t     \t\torder.status === 'Подтвержден' \n\t     \t\t&& order.payment.type === 'Online'\n\t     \t\t&& payment.Status !== 'CONFIRMED'\n\t     \t\t&& payment.Status !== 'REFUNDED'\n\t     \t\" \n\t     \tclass='w-100 button'>Оплатить заказ</button> -->\n\t     \t<span class=\"t-transp\" v-if=\"payment && payment.Status === 'CONFIRMED'\">Paid</span> \n\t    </div>  \n\t  </div>\n\t</div>\t\t\n\n</template>\n\n\n<script setup=\"props\">\n\timport { defineProps,computed } from 'vue'\n\timport { useRouter } from 'vue-router'\n\n\tconst router = useRouter()\n\n\tconst props = defineProps({\n\t  order: Object,\n\t});\n\n\n\n\t// await store.dispatch('payments/getStatus', props.order._id)\n\n\t// const payment = computed(() => store.state.payments.current)\n\t// const cartTotalPrice = computed(() => store.getters['orders/orderTotalPrice'])\n\n\tfunction requestPayment(order) {\n\t\t // store.dispatch(\"payments/newPayment\", order);\n\t}\n\t\n\tfunction DateToFormattedString(d) {         \n    var fixedDate = new Date(d);                                                     \n    var mm = (fixedDate.getMonth()+1).toString(); // getMonth() is zero-based         \n    var dd  = (fixedDate.getDate() + 6).toString();            \n                         \n    return (dd[1]?dd:\"0\"+dd[0]) + '/' + (mm[1]?mm:\"0\"+mm[0]);\n  }\n\n  function DateToFormattedString2(d) {         \n    var fixedDate = new Date(d);                                                     \n    var mm = (fixedDate.getMonth() + 1).toString(); // getMonth() is zero-based         \n    var dd  = (fixedDate.getDate() + 1).toString();            \n                         \n    return (dd[1]?dd:\"0\"+dd[0]) + '/' + (mm[1]?mm:\"0\"+mm[0]);\n  }\n\n\t// function orderProducts (items) {\n\t//   return items.map(({ id, size, color, quantity }) => {\n\t//     const product = store.state.products.all.find(product => product.id === id)\n\t//     return {\n\t//       name: product.name,\n\t//       images: product.images[0],\n\t//       color,\n\t//       size,\n\t//       price: product.price,\n\t//       id: product.id,\n\t//       quantity\n\t//     }\n\t//   })\n\t// }\n\n</script>\n\n<style lang=\"scss\" scoped>\n.shop-cart-item {\n\t&:first-of-type { padding-top: 0;}\n}\n\n</style>"],"names":["useRouter"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8GgBA,cAAAA,UAAS;AAiBxB,aAAS,sBAAsB,GAAG;AAC/B,UAAI,YAAY,IAAI,KAAK,CAAC;AAC1B,UAAI,MAAM,UAAU,SAAQ,IAAG,GAAG;AAClC,UAAI,MAAO,UAAU,QAAO,IAAK,GAAG;AAEpC,cAAQ,GAAG,CAAC,IAAE,KAAG,MAAI,GAAG,CAAC,KAAK,OAAO,GAAG,CAAC,IAAE,KAAG,MAAI,GAAG,CAAC;AAAA,IACxD;AAEA,aAAS,uBAAuB,GAAG;AACjC,UAAI,YAAY,IAAI,KAAK,CAAC;AAC1B,UAAI,MAAM,UAAU,SAAQ,IAAK,GAAG;AACpC,UAAI,MAAO,UAAU,QAAO,IAAK,GAAG;AAEpC,cAAQ,GAAG,CAAC,IAAE,KAAG,MAAI,GAAG,CAAC,KAAK,OAAO,GAAG,CAAC,IAAE,KAAG,MAAI,GAAG,CAAC;AAAA,IACxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/orders/components/blocks/CardOrder.vue.js

@@ -1,5 +1,6 @@
 import { createElementBlock, openBlock, createElementVNode, toDisplayString, createCommentVNode, createTextVNode, normalizeClass } from "vue";
 import { useRouter } from "vue-router";
+/* empty css               */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _hoisted_1 = { class: "pd-big mn-regular order-customer-card col" };
 const _hoisted_2 = { class: "mn-regular flex-center flex-nowrap flex w-100" };

package/dist/martyrs/src/modules/orders/components/blocks/CardOrder.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardOrder.vue.js","sources":["../../../../../../../src/modules/orders/components/blocks/CardOrder.vue"],"sourcesContent":["<template>\n\t<div class=\"pd-big mn-regular order-customer-card col\"> \n\t  <p class=\"mn-regular flex-center flex-nowrap flex w-100\">\n\t\t\t\t<!-- <img loading=\"lazy\" v-if=\"order.status === 'Created'\" \t\t\tclass=\"mn-r-small\" src=\"@/assets/icons/status/created.svg\"/>\n\t\t\t\t<img loading=\"lazy\" v-if=\"order.status === 'Confirmed'\"\tclass=\"mn-r-small\" src=\"@/assets/icons/status/confirmed.svg\"/>\n\t\t\t\t<img loading=\"lazy\" v-if=\"order.status === 'Awaiting shipment'\" \t\t\tclass=\"mn-r-small\" src=\"@/assets/icons/status/paid.svg\"/>\n\t\t\t\t<img loading=\"lazy\" v-if=\"order.status === 'In delivery'\" \t\tclass=\"mn-r-small\" src=\"@/assets/icons/status/finished.svg\"/>\n\t\t\t\t<img loading=\"lazy\" v-if=\"order.status === 'Finished'\" \t\tclass=\"mn-r-small\" src=\"@/assets/icons/status/finished.svg\"/> -->\n\t    <span class=\"w-100 t-medium p-semi\">{{order.status}}</span>\n\t  </p>\n\t  \n\t  <div class=\"flex-nowrap flex\">\n\t  \t<div class=\"mn-r-bold pd-r-big br-right-dark w-66\">\n\t  \t\t<ul class=\"mn-semi\">\n\t        <!-- <li v-for=\"(product, index) in orderProducts(order.items.slice(0,2))\" :key=\"product.id\" class=\"shop-cart-item\">\n\t        \t<img loading=\"lazy\" v-if=\"product.images\" :src=\"require( `@/assets/images/products/${product.images[0]}`)\">\n\t          <img loading=\"lazy\" v-if=\"!(product.images)\" :src=\"require( `@/assets/icons/photo.svg`)\">\n\t          \n\t          <div class=\"text-left\">\n\t            <p class=\"name\">{{ product.name }}</p>\n\n\t            <div class=\"flex\">\n\t              <div class=\"small-underline variant\">\n\t                <span v-if=\"!product.size && !product.color\" class=\"\">One-size</span>\n\t                <span v-if=\"product.size\" class=\"\">{{ product.size}}</span>\n\t                <span v-if=\"product.color && product.size\" class=\"\">, </span>\n\t                <span v-if=\"product.color\" class=\"\">{{ product.color}}</span>\n\t              </div>\n\t              \n\t              <p class=\"t-demi\">$ {{product.quantity}} x {{product.price}}</p>\n\t            </div>\n\n\t          </div>\n\n\t    \t\t</li> -->\n\t      </ul>\n\t      <p class=\"mn-small t-medium p-semi\">\n\t      \tAdress and delivery\n\t      </p>\n\t      <p class=\"mn-small\">\n\t        {{order.delivery.adress}} \n\t      </p>\n\t      <p v-if=\"order.delivery.type === 'Post'\" class=\"w-\">\n\t     \t\tYou have chosen delivery using the courier service CDEK. Estimated delivery date {{DateToFormattedString(order.createdAt)}}.\n\t      </p>\n\n\t      <p v-if=\"order.delivery.type === 'Courier'\" class=\"w-\">\n\t     \t\tYou have chosen delivery by courier. Estimated delivery date {{DateToFormattedString2(order.createdAt)}}.\n\t      </p>\n\n\t      <p v-if=\"order.delivery.type === 'Pickup'\" class=\"w-\">\n\t     \t\tYou have chosen to receive the order in the Moscow store.\n\t      </p>\n\t    </div>\n\n\n\t    <div class=\"w-40\">\n\t    \t<p class=\"mn-small w-100 t-medium p-semi\">\n\t        <span class=\"t-transp\">Order:</span> №{{order._id.slice(0,8)}} \n\t      </p>\n\t       <p  v-if=\"order.delivery.type === 'Post'\" class=\"mn-medium w-100\">\n\t       \t<span class=\"t-transp\">Estimated shipping date:</span><br>{{DateToFormattedString(order.createdAt)}}\n\t      </p>\n\t      <p  v-if=\"order.delivery.type === 'Courier'\" class=\"mn-medium w-100\">\n\t       \t<span class=\"t-transp\">Shipping date:</span><br>{{DateToFormattedString2(order.createdAt)}}\n\t      </p>\n\t      <p  v-if=\"order.delivery.type === 'Pickup'\" class=\"mn-medium w-100\">\n\t       \t<span class=\"t-transp\">Type of delivery:</span><br>Pickup\n\t      </p>\n\t      <hr class=\"mn-medium\">\n\n\t      <div :class=\"{'mn-semi': order.delivery.type == ''}\" class=\"flex\">\n\t        <p  class=\"t-transp\">In total</p>\n\t        <p>$ {{ cartTotalPrice }}</p>\n\t      </div>\n\t      <div v-if=\"order.delivery.type !== ''\" class=\"mn-semi flex\">\n\t        <p  class=\"t-transp\">Delivery</p>\n\t        <p v-if=\"order.delivery.type === 'Pickup'\">Free</p>\n\t        <p v-if=\"order.delivery.type === 'Post'\">$ 10</p>\n\t        <p v-if=\"order.delivery.type === 'Courier'\">$ 20</p>\n\t      </div>\n\t      <div class=\"mn-semi intotal flex-bottom flex\">\n\t        <p  class=\"t-transp\">In total to pay</p>\n\t        <p v-if=\"order.delivery.type === ''\" class=\"p-semi t-semi\">$ {{ cartTotalPrice }}</p>\n\t        <p v-if=\"order.delivery.type === 'Pickup'\" class=\"p-semi t-semi\">$ {{ cartTotalPrice}} ₽</p>\n\t        <p v-if=\"order.delivery.type === 'Courier'\" class=\"p-semi t-semi\">$ {{ cartTotalPrice + 20 }}</p>\n\t        <p v-if=\"order.delivery.type === 'Post'\" class=\"p-semi t-semi\">$ {{ cartTotalPrice + 10 }}</p>\n\t      </div>\n\t      <hr  v-if=\"order.status === 'Confirmed'\" class=\"mn-semi\" >\n\t     <!-- \t<button \n\t     \t@click=\"requestPayment(order)\"\n\t     \tv-if=\"\n\t     \t\torder.status === 'Подтвержден' \n\t     \t\t&& order.payment.type === 'Online'\n\t     \t\t&& payment.Status !== 'CONFIRMED'\n\t     \t\t&& payment.Status !== 'REFUNDED'\n\t     \t\" \n\t     \tclass='w-100 button'>Оплатить заказ</button> -->\n\t     \t<span class=\"t-transp\" v-if=\"payment && payment.Status === 'CONFIRMED'\">Paid</span> \n\t    </div>  \n\t  </div>\n\t</div>\t\t\n\n</template>\n\n\n<script setup=\"props\">\n\timport { defineProps,computed } from 'vue'\n\timport { useRouter } from 'vue-router'\n\n\tconst router = useRouter()\n\n\tconst props = defineProps({\n\t  order: Object,\n\t});\n\n\n\n\t// await store.dispatch('payments/getStatus', props.order._id)\n\n\t// const payment = computed(() => store.state.payments.current)\n\t// const cartTotalPrice = computed(() => store.getters['orders/orderTotalPrice'])\n\n\tfunction requestPayment(order) {\n\t\t // store.dispatch(\"payments/newPayment\", order);\n\t}\n\t\n\tfunction DateToFormattedString(d) {         \n    var fixedDate = new Date(d);                                                     \n    var mm = (fixedDate.getMonth()+1).toString(); // getMonth() is zero-based         \n    var dd  = (fixedDate.getDate() + 6).toString();            \n                         \n    return (dd[1]?dd:\"0\"+dd[0]) + '/' + (mm[1]?mm:\"0\"+mm[0]);\n  }\n\n  function DateToFormattedString2(d) {         \n    var fixedDate = new Date(d);                                                     \n    var mm = (fixedDate.getMonth() + 1).toString(); // getMonth() is zero-based         \n    var dd  = (fixedDate.getDate() + 1).toString();            \n                         \n    return (dd[1]?dd:\"0\"+dd[0]) + '/' + (mm[1]?mm:\"0\"+mm[0]);\n  }\n\n\t// function orderProducts (items) {\n\t//   return items.map(({ id, size, color, quantity }) => {\n\t//     const product = store.state.products.all.find(product => product.id === id)\n\t//     return {\n\t//       name: product.name,\n\t//       images: product.images[0],\n\t//       color,\n\t//       size,\n\t//       price: product.price,\n\t//       id: product.id,\n\t//       quantity\n\t//     }\n\t//   })\n\t// }\n\n</script>\n\n<style lang=\"scss\" scoped>\n.shop-cart-item {\n\t&:first-of-type { padding-top: 0;}\n}\n\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8GgB,cAAS;AAiBxB,aAAS,sBAAsB,GAAG;AAC/B,UAAI,YAAY,IAAI,KAAK,CAAC;AAC1B,UAAI,MAAM,UAAU,SAAQ,IAAG,GAAG;AAClC,UAAI,MAAO,UAAU,QAAO,IAAK,GAAG;AAEpC,cAAQ,GAAG,CAAC,IAAE,KAAG,MAAI,GAAG,CAAC,KAAK,OAAO,GAAG,CAAC,IAAE,KAAG,MAAI,GAAG,CAAC;AAAA,IAC1D;AAEE,aAAS,uBAAuB,GAAG;AACjC,UAAI,YAAY,IAAI,KAAK,CAAC;AAC1B,UAAI,MAAM,UAAU,SAAQ,IAAK,GAAG;AACpC,UAAI,MAAO,UAAU,QAAO,IAAK,GAAG;AAEpC,cAAQ,GAAG,CAAC,IAAE,KAAG,MAAI,GAAG,CAAC,KAAK,OAAO,GAAG,CAAC,IAAE,KAAG,MAAI,GAAG,CAAC;AAAA,IAC1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardOrder.vue.js","sources":["../../../../../../../src/modules/orders/components/blocks/CardOrder.vue"],"sourcesContent":["<template>\n\t<div class=\"pd-big mn-regular order-customer-card col\"> \n\t  <p class=\"mn-regular flex-center flex-nowrap flex w-100\">\n\t\t\t\t<!-- <img loading=\"lazy\" v-if=\"order.status === 'Created'\" \t\t\tclass=\"mn-r-small\" src=\"@/assets/icons/status/created.svg\"/>\n\t\t\t\t<img loading=\"lazy\" v-if=\"order.status === 'Confirmed'\"\tclass=\"mn-r-small\" src=\"@/assets/icons/status/confirmed.svg\"/>\n\t\t\t\t<img loading=\"lazy\" v-if=\"order.status === 'Awaiting shipment'\" \t\t\tclass=\"mn-r-small\" src=\"@/assets/icons/status/paid.svg\"/>\n\t\t\t\t<img loading=\"lazy\" v-if=\"order.status === 'In delivery'\" \t\tclass=\"mn-r-small\" src=\"@/assets/icons/status/finished.svg\"/>\n\t\t\t\t<img loading=\"lazy\" v-if=\"order.status === 'Finished'\" \t\tclass=\"mn-r-small\" src=\"@/assets/icons/status/finished.svg\"/> -->\n\t    <span class=\"w-100 t-medium p-semi\">{{order.status}}</span>\n\t  </p>\n\t  \n\t  <div class=\"flex-nowrap flex\">\n\t  \t<div class=\"mn-r-bold pd-r-big br-right-dark w-66\">\n\t  \t\t<ul class=\"mn-semi\">\n\t        <!-- <li v-for=\"(product, index) in orderProducts(order.items.slice(0,2))\" :key=\"product.id\" class=\"shop-cart-item\">\n\t        \t<img loading=\"lazy\" v-if=\"product.images\" :src=\"require( `@/assets/images/products/${product.images[0]}`)\">\n\t          <img loading=\"lazy\" v-if=\"!(product.images)\" :src=\"require( `@/assets/icons/photo.svg`)\">\n\t          \n\t          <div class=\"text-left\">\n\t            <p class=\"name\">{{ product.name }}</p>\n\n\t            <div class=\"flex\">\n\t              <div class=\"small-underline variant\">\n\t                <span v-if=\"!product.size && !product.color\" class=\"\">One-size</span>\n\t                <span v-if=\"product.size\" class=\"\">{{ product.size}}</span>\n\t                <span v-if=\"product.color && product.size\" class=\"\">, </span>\n\t                <span v-if=\"product.color\" class=\"\">{{ product.color}}</span>\n\t              </div>\n\t              \n\t              <p class=\"t-demi\">$ {{product.quantity}} x {{product.price}}</p>\n\t            </div>\n\n\t          </div>\n\n\t    \t\t</li> -->\n\t      </ul>\n\t      <p class=\"mn-small t-medium p-semi\">\n\t      \tAdress and delivery\n\t      </p>\n\t      <p class=\"mn-small\">\n\t        {{order.delivery.adress}} \n\t      </p>\n\t      <p v-if=\"order.delivery.type === 'Post'\" class=\"w-\">\n\t     \t\tYou have chosen delivery using the courier service CDEK. Estimated delivery date {{DateToFormattedString(order.createdAt)}}.\n\t      </p>\n\n\t      <p v-if=\"order.delivery.type === 'Courier'\" class=\"w-\">\n\t     \t\tYou have chosen delivery by courier. Estimated delivery date {{DateToFormattedString2(order.createdAt)}}.\n\t      </p>\n\n\t      <p v-if=\"order.delivery.type === 'Pickup'\" class=\"w-\">\n\t     \t\tYou have chosen to receive the order in the Moscow store.\n\t      </p>\n\t    </div>\n\n\n\t    <div class=\"w-40\">\n\t    \t<p class=\"mn-small w-100 t-medium p-semi\">\n\t        <span class=\"t-transp\">Order:</span> №{{order._id.slice(0,8)}} \n\t      </p>\n\t       <p  v-if=\"order.delivery.type === 'Post'\" class=\"mn-medium w-100\">\n\t       \t<span class=\"t-transp\">Estimated shipping date:</span><br>{{DateToFormattedString(order.createdAt)}}\n\t      </p>\n\t      <p  v-if=\"order.delivery.type === 'Courier'\" class=\"mn-medium w-100\">\n\t       \t<span class=\"t-transp\">Shipping date:</span><br>{{DateToFormattedString2(order.createdAt)}}\n\t      </p>\n\t      <p  v-if=\"order.delivery.type === 'Pickup'\" class=\"mn-medium w-100\">\n\t       \t<span class=\"t-transp\">Type of delivery:</span><br>Pickup\n\t      </p>\n\t      <hr class=\"mn-medium\">\n\n\t      <div :class=\"{'mn-semi': order.delivery.type == ''}\" class=\"flex\">\n\t        <p  class=\"t-transp\">In total</p>\n\t        <p>$ {{ cartTotalPrice }}</p>\n\t      </div>\n\t      <div v-if=\"order.delivery.type !== ''\" class=\"mn-semi flex\">\n\t        <p  class=\"t-transp\">Delivery</p>\n\t        <p v-if=\"order.delivery.type === 'Pickup'\">Free</p>\n\t        <p v-if=\"order.delivery.type === 'Post'\">$ 10</p>\n\t        <p v-if=\"order.delivery.type === 'Courier'\">$ 20</p>\n\t      </div>\n\t      <div class=\"mn-semi intotal flex-bottom flex\">\n\t        <p  class=\"t-transp\">In total to pay</p>\n\t        <p v-if=\"order.delivery.type === ''\" class=\"p-semi t-semi\">$ {{ cartTotalPrice }}</p>\n\t        <p v-if=\"order.delivery.type === 'Pickup'\" class=\"p-semi t-semi\">$ {{ cartTotalPrice}} ₽</p>\n\t        <p v-if=\"order.delivery.type === 'Courier'\" class=\"p-semi t-semi\">$ {{ cartTotalPrice + 20 }}</p>\n\t        <p v-if=\"order.delivery.type === 'Post'\" class=\"p-semi t-semi\">$ {{ cartTotalPrice + 10 }}</p>\n\t      </div>\n\t      <hr  v-if=\"order.status === 'Confirmed'\" class=\"mn-semi\" >\n\t     <!-- \t<button \n\t     \t@click=\"requestPayment(order)\"\n\t     \tv-if=\"\n\t     \t\torder.status === 'Подтвержден' \n\t     \t\t&& order.payment.type === 'Online'\n\t     \t\t&& payment.Status !== 'CONFIRMED'\n\t     \t\t&& payment.Status !== 'REFUNDED'\n\t     \t\" \n\t     \tclass='w-100 button'>Оплатить заказ</button> -->\n\t     \t<span class=\"t-transp\" v-if=\"payment && payment.Status === 'CONFIRMED'\">Paid</span> \n\t    </div>  \n\t  </div>\n\t</div>\t\t\n\n</template>\n\n\n<script setup=\"props\">\n\timport { defineProps,computed } from 'vue'\n\timport { useRouter } from 'vue-router'\n\n\tconst router = useRouter()\n\n\tconst props = defineProps({\n\t  order: Object,\n\t});\n\n\n\n\t// await store.dispatch('payments/getStatus', props.order._id)\n\n\t// const payment = computed(() => store.state.payments.current)\n\t// const cartTotalPrice = computed(() => store.getters['orders/orderTotalPrice'])\n\n\tfunction requestPayment(order) {\n\t\t // store.dispatch(\"payments/newPayment\", order);\n\t}\n\t\n\tfunction DateToFormattedString(d) {         \n    var fixedDate = new Date(d);                                                     \n    var mm = (fixedDate.getMonth()+1).toString(); // getMonth() is zero-based         \n    var dd  = (fixedDate.getDate() + 6).toString();            \n                         \n    return (dd[1]?dd:\"0\"+dd[0]) + '/' + (mm[1]?mm:\"0\"+mm[0]);\n  }\n\n  function DateToFormattedString2(d) {         \n    var fixedDate = new Date(d);                                                     \n    var mm = (fixedDate.getMonth() + 1).toString(); // getMonth() is zero-based         \n    var dd  = (fixedDate.getDate() + 1).toString();            \n                         \n    return (dd[1]?dd:\"0\"+dd[0]) + '/' + (mm[1]?mm:\"0\"+mm[0]);\n  }\n\n\t// function orderProducts (items) {\n\t//   return items.map(({ id, size, color, quantity }) => {\n\t//     const product = store.state.products.all.find(product => product.id === id)\n\t//     return {\n\t//       name: product.name,\n\t//       images: product.images[0],\n\t//       color,\n\t//       size,\n\t//       price: product.price,\n\t//       id: product.id,\n\t//       quantity\n\t//     }\n\t//   })\n\t// }\n\n</script>\n\n<style lang=\"scss\" scoped>\n.shop-cart-item {\n\t&:first-of-type { padding-top: 0;}\n}\n\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8GgB,cAAS;AAiBxB,aAAS,sBAAsB,GAAG;AAC/B,UAAI,YAAY,IAAI,KAAK,CAAC;AAC1B,UAAI,MAAM,UAAU,SAAQ,IAAG,GAAG;AAClC,UAAI,MAAO,UAAU,QAAO,IAAK,GAAG;AAEpC,cAAQ,GAAG,CAAC,IAAE,KAAG,MAAI,GAAG,CAAC,KAAK,OAAO,GAAG,CAAC,IAAE,KAAG,MAAI,GAAG,CAAC;AAAA,IACxD;AAEA,aAAS,uBAAuB,GAAG;AACjC,UAAI,YAAY,IAAI,KAAK,CAAC;AAC1B,UAAI,MAAM,UAAU,SAAQ,IAAK,GAAG;AACpC,UAAI,MAAO,UAAU,QAAO,IAAK,GAAG;AAEpC,cAAQ,GAAG,CAAC,IAAE,KAAG,MAAI,GAAG,CAAC,KAAK,OAAO,GAAG,CAAC,IAAE,KAAG,MAAI,GAAG,CAAC;AAAA,IACxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/orders/components/blocks/CardOrderBackoffice.vue.cjs.map

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

package/dist/martyrs/src/modules/orders/components/blocks/CardOrderItem.vue.cjs

@@ -64,7 +64,6 @@ const _sfc_main = {
   },
   emits: ["increase", "decrease", "remove", "updateRentDates"],
   setup(__props, { emit: __emit }) {
-    var _a, _b;
     vueRouter.useRouter();
     const { locale } = vueI18n.useI18n();
     const { proxy } = vue.getCurrentInstance();
@@ -73,8 +72,8 @@ const _sfc_main = {
     const isRental = vue.computed(() => props.listing === "rent");
     const showControls = vue.computed(() => props.editable || isRental.value);
     const rentDates = vue.ref({
-      start: ((_a = props.dates) == null ? void 0 : _a.start) || null,
-      end: ((_b = props.dates) == null ? void 0 : _b.end) || null
+      start: props.dates?.start || null,
+      end: props.dates?.end || null
     });
     const rentalDays = vue.computed(() => {
       if (!rentDates.value.start || !rentDates.value.end) return 0;
@@ -90,18 +89,15 @@ const _sfc_main = {
     });
     vue.ref(false);
     function increase() {
-      var _a2;
-      (_a2 = props.increase) == null ? void 0 : _a2.call(props);
+      props.increase?.();
       emits("increase");
     }
     function decrease() {
-      var _a2;
-      (_a2 = props.decrease) == null ? void 0 : _a2.call(props);
+      props.decrease?.();
       emits("decrease");
     }
     function remove() {
-      var _a2;
-      (_a2 = props.remove) == null ? void 0 : _a2.call(props);
+      props.remove?.();
       emits("remove");
     }
     async function openRentDatePopup() {
@@ -113,10 +109,7 @@ const _sfc_main = {
           props.price,
           {
             showCancelButton: props.editable,
-            onCancel: props.editable ? () => {
-              var _a2;
-              return (_a2 = props.remove) == null ? void 0 : _a2.call(props);
-            } : null
+            onCancel: props.editable ? () => props.remove?.() : null
           }
         );
         if (selectedDates) {

package/dist/martyrs/src/modules/orders/components/blocks/CardOrderItem.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CardOrderItem.vue.cjs","sources":["../../../../../../../src/modules/orders/components/blocks/CardOrderItem.vue"],"sourcesContent":["<template>\n  <div class=\"gap-small pos-relative cols-1\">\n    <div class=\"pos-relative w-100 gap-thin flex-stretch flex-nowrap flex\">\n      <div class=\"bg-light h-100 o-hidden pos-relative radius-small aspect-1x1\" style=\"flex: 1 0 auto\">\n        <img \n          v-if=\"images && images[0]\"\n          loading=\"lazy\" \n          class=\"w-100 object-fit-cover pos-absolute h-100\"    \n          :src=\"(FILE_SERVER_URL || '') + images[0]\"\n        >\n        <PlaceholderImage\n          v-else \n          class=\"bg-light pos-absolute radius-small w-100 h-100\"\n        />\n      </div>\n      \n      <div class=\"w-100 pos-relative\">\n        <p class=\"t-truncate t-medium\">{{ name }}</p>\n        \n        <div>\n          <p v-if=\"price != null && quantity != null\">\n            <span class=\"t-second mn-r-micro d-inline-block t-demi\">\n              {{ returnCurrency() }}{{ totalPrice }}\n            </span>\n            <span v-if=\"isRental && rentDates.start && rentDates.end\" class=\"p-small t-transp\">\n              {{ returnCurrency() }}{{ price }} \n              <span v-if=\"quantity > 1\">× {{ quantity }} {{ unit || 'pcs' }}</span>\n              × {{ rentalDays }} days\n            </span>\n            <span v-else class=\"p-small t-transp\">{{ returnCurrency() }}{{ price }} × {{ quantity || 0 }}  {{ unit || 'pcs' }}</span>\n          </p>\n          \n          <p v-else-if=\"price != null && quantity == null\" class=\"t-second mn-r-micro d-inline-block t-demi\">\n            {{ returnCurrency() }}{{ price }}\n          </p>\n          \n          <p v-else-if=\"price == null && quantity != null\" class=\"p-small t-transp\">\n            {{ quantity }} {{ unit || 'pcs' }}\n          </p>\n        </div>\n        \n        <slot></slot>\n        <div v-if=\"showControls\" class=\"mn-t-thin gap-thin flex-nojustify flex\">\n          <div \n            v-if=\"isRental && rentDates.start && rentDates.end\" \n            class=\"flex gap-thin flex-v-center cursor-pointer pd-thin w-100 bg-light radius-small\"\n          >\n            <IconCalendar\n              @click=\"openRentDatePopup\"\n              class=\"cursor-pointer i-medium\"\n            />\n            <p \n              @click=\"editable ? openRentDatePopup : null\" \n              class=\"t-medium t-transp\"\n            >\n              {{ formatDate(rentDates.start, { dayMonth: true, language: locale }) }} - \n              {{ formatDate(rentDates.end, { dayMonth: true, language: locale }) }}\n            </p>\n          </div>\n\n          <template v-if=\"editable && !isRental\">\n            <IconAdd\n              @click=\"increase\"\n              class=\"hover-scale-1 cursor-pointer bg-light i-big pd-thin radius-small\"\n            />\n            <IconMinus\n              @click=\"decrease\"\n              class=\"hover-scale-1 cursor-pointer bg-light i-big pd-thin radius-small\"\n            />\n            <IconDelete\n              @click=\"remove\"\n              class=\"hover-scale-1 cursor-pointer bg-light i-big pd-thin radius-small\"\n            />\n          </template>\n\n          <IconEdit\n            v-if=\"isRental && editable\"\n            @click=\"openRentDatePopup\"\n            class=\"hover-scale-1 cursor-pointer bg-light i-big pd-small radius-small\"\n          />\n        </div>\n      </div>\n    </div>\n    \n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, getCurrentInstance } from 'vue'\nimport { useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\nimport { format } from 'date-fns'\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue'\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\nimport IconMinus from '@martyrs/src/modules/icons/navigation/IconMinus.vue'\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue'\nimport IconCalendar from '@martyrs/src/modules/icons/entities/IconCalendar.vue'\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue'\n\nconst router = useRouter()\nconst { locale } = useI18n()\nconst { proxy } = getCurrentInstance()\n\nconst emits = defineEmits(['increase', 'decrease', 'remove', 'updateRentDates'])\nconst props = defineProps({\n  productId: String,\n  variantId: String,\n  images: Array,\n  name: String,\n  quantity: Number,\n  unit: String,\n  dates: Object,\n  listing: String,\n  price: Number,\n  editable: Boolean,\n  increase: Function,\n  decrease: Function,\n  remove: Function,\n})\n\nconst isRental = computed(() => props.listing === 'rent')\nconst showControls = computed(() => props.editable || isRental.value)\n\nconst rentDates = ref({\n  start: props.dates?.start || null,\n  end: props.dates?.end || null\n})\n\nconst rentalDays = computed(() => {\n  if (!rentDates.value.start || !rentDates.value.end) return 0\n  const start = new Date(rentDates.value.start)\n  const end = new Date(rentDates.value.end)\n  return Math.ceil(Math.abs(end - start) / (1000 * 60 * 60 * 24)) + 1\n})\n\nconst totalPrice = computed(() => {\n  if (isRental.value) {\n    return rentalDays.value * props.price * props.quantity\n  }\n  return props.quantity * props.price\n})\n\nconst isRentDatePopupOpen = ref(false)\n\nfunction increase() {\n  props.increase?.()\n  emits('increase')\n}\n\nfunction decrease() {\n  props.decrease?.()\n  emits('decrease')\n}\n\nfunction remove() {\n  props.remove?.()\n  emits('remove')\n}\n\nasync function openRentDatePopup() {\n  try {\n    const selectedDates = await proxy.$dateSelector(\n      props.productId,\n      props.variantId,\n      props.quantity,\n      props.price,\n      { \n        showCancelButton: props.editable,\n        onCancel: props.editable ? () => props.remove?.() : null\n      }\n    );\n    \n    if (selectedDates) {\n      updateRentDates(selectedDates)\n    }\n  } catch (error) {\n    console.error('Error selecting dates:', error)\n  }\n}\n\nfunction updateRentDates(dates) {\n  rentDates.value = dates\n  emits('updateRentDates', props.productId, props.variantId, dates)\n}\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["useRouter","useI18n","getCurrentInstance","computed","ref","_a"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmGeA,cAAS,UAAA;AACxB,UAAM,EAAE,OAAQ,IAAGC,QAAO,QAAA;AAC1B,UAAM,EAAE,MAAO,IAAGC,IAAkB,mBAAA;AAEpC,UAAM,QAAQ;AACd,UAAM,QAAQ;AAgBd,UAAM,WAAWC,IAAQ,SAAC,MAAM,MAAM,YAAY,MAAM;AACxD,UAAM,eAAeA,IAAAA,SAAS,MAAM,MAAM,YAAY,SAAS,KAAK;AAEpE,UAAM,YAAYC,IAAAA,IAAI;AAAA,MACpB,SAAO,WAAM,UAAN,mBAAa,UAAS;AAAA,MAC7B,OAAK,WAAM,UAAN,mBAAa,QAAO;AAAA,IAC3B,CAAC;AAED,UAAM,aAAaD,IAAQ,SAAC,MAAM;AAChC,UAAI,CAAC,UAAU,MAAM,SAAS,CAAC,UAAU,MAAM,IAAK,QAAO;AAC3D,YAAM,QAAQ,IAAI,KAAK,UAAU,MAAM,KAAK;AAC5C,YAAM,MAAM,IAAI,KAAK,UAAU,MAAM,GAAG;AACxC,aAAO,KAAK,KAAK,KAAK,IAAI,MAAM,KAAK,KAAK,MAAO,KAAK,KAAK,GAAG,IAAI;AAAA,IACpE,CAAC;AAED,UAAM,aAAaA,IAAQ,SAAC,MAAM;AAChC,UAAI,SAAS,OAAO;AAClB,eAAO,WAAW,QAAQ,MAAM,QAAQ,MAAM;AAAA,MAClD;AACE,aAAO,MAAM,WAAW,MAAM;AAAA,IAChC,CAAC;AAE2BC,QAAAA,IAAI,KAAK;AAErC,aAAS,WAAW;;AAClB,OAAAC,MAAA,MAAM,aAAN,gBAAAA,IAAA;AACA,YAAM,UAAU;AAAA,IAClB;AAEA,aAAS,WAAW;;AAClB,OAAAA,MAAA,MAAM,aAAN,gBAAAA,IAAA;AACA,YAAM,UAAU;AAAA,IAClB;AAEA,aAAS,SAAS;;AAChB,OAAAA,MAAA,MAAM,WAAN,gBAAAA,IAAA;AACA,YAAM,QAAQ;AAAA,IAChB;AAEA,mBAAe,oBAAoB;AACjC,UAAI;AACF,cAAM,gBAAgB,MAAM,MAAM;AAAA,UAChC,MAAM;AAAA,UACN,MAAM;AAAA,UACN,MAAM;AAAA,UACN,MAAM;AAAA,UACN;AAAA,YACE,kBAAkB,MAAM;AAAA,YACxB,UAAU,MAAM,WAAW,MAAA;;AAAM,sBAAAA,MAAA,MAAM,WAAN,gBAAAA,IAAA;AAAA,gBAAmB;AAAA,UAC5D;AAAA,QACK;AAED,YAAI,eAAe;AACjB,0BAAgB,aAAa;AAAA,QACnC;AAAA,MACG,SAAQ,OAAO;AACd,gBAAQ,MAAM,0BAA0B,KAAK;AAAA,MACjD;AAAA,IACA;AAEA,aAAS,gBAAgB,OAAO;AAC9B,gBAAU,QAAQ;AAClB,YAAM,mBAAmB,MAAM,WAAW,MAAM,WAAW,KAAK;AAAA,IAClE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardOrderItem.vue.cjs","sources":["../../../../../../../src/modules/orders/components/blocks/CardOrderItem.vue"],"sourcesContent":["<template>\n  <div class=\"gap-small pos-relative cols-1\">\n    <div class=\"pos-relative w-100 gap-thin flex-stretch flex-nowrap flex\">\n      <div class=\"bg-light h-100 o-hidden pos-relative radius-small aspect-1x1\" style=\"flex: 1 0 auto\">\n        <img \n          v-if=\"images && images[0]\"\n          loading=\"lazy\" \n          class=\"w-100 object-fit-cover pos-absolute h-100\"    \n          :src=\"(FILE_SERVER_URL || '') + images[0]\"\n        >\n        <PlaceholderImage\n          v-else \n          class=\"bg-light pos-absolute radius-small w-100 h-100\"\n        />\n      </div>\n      \n      <div class=\"w-100 pos-relative\">\n        <p class=\"t-truncate t-medium\">{{ name }}</p>\n        \n        <div>\n          <p v-if=\"price != null && quantity != null\">\n            <span class=\"t-second mn-r-micro d-inline-block t-demi\">\n              {{ returnCurrency() }}{{ totalPrice }}\n            </span>\n            <span v-if=\"isRental && rentDates.start && rentDates.end\" class=\"p-small t-transp\">\n              {{ returnCurrency() }}{{ price }} \n              <span v-if=\"quantity > 1\">× {{ quantity }} {{ unit || 'pcs' }}</span>\n              × {{ rentalDays }} days\n            </span>\n            <span v-else class=\"p-small t-transp\">{{ returnCurrency() }}{{ price }} × {{ quantity || 0 }}  {{ unit || 'pcs' }}</span>\n          </p>\n          \n          <p v-else-if=\"price != null && quantity == null\" class=\"t-second mn-r-micro d-inline-block t-demi\">\n            {{ returnCurrency() }}{{ price }}\n          </p>\n          \n          <p v-else-if=\"price == null && quantity != null\" class=\"p-small t-transp\">\n            {{ quantity }} {{ unit || 'pcs' }}\n          </p>\n        </div>\n        \n        <slot></slot>\n        <div v-if=\"showControls\" class=\"mn-t-thin gap-thin flex-nojustify flex\">\n          <div \n            v-if=\"isRental && rentDates.start && rentDates.end\" \n            class=\"flex gap-thin flex-v-center cursor-pointer pd-thin w-100 bg-light radius-small\"\n          >\n            <IconCalendar\n              @click=\"openRentDatePopup\"\n              class=\"cursor-pointer i-medium\"\n            />\n            <p \n              @click=\"editable ? openRentDatePopup : null\" \n              class=\"t-medium t-transp\"\n            >\n              {{ formatDate(rentDates.start, { dayMonth: true, language: locale }) }} - \n              {{ formatDate(rentDates.end, { dayMonth: true, language: locale }) }}\n            </p>\n          </div>\n\n          <template v-if=\"editable && !isRental\">\n            <IconAdd\n              @click=\"increase\"\n              class=\"hover-scale-1 cursor-pointer bg-light i-big pd-thin radius-small\"\n            />\n            <IconMinus\n              @click=\"decrease\"\n              class=\"hover-scale-1 cursor-pointer bg-light i-big pd-thin radius-small\"\n            />\n            <IconDelete\n              @click=\"remove\"\n              class=\"hover-scale-1 cursor-pointer bg-light i-big pd-thin radius-small\"\n            />\n          </template>\n\n          <IconEdit\n            v-if=\"isRental && editable\"\n            @click=\"openRentDatePopup\"\n            class=\"hover-scale-1 cursor-pointer bg-light i-big pd-small radius-small\"\n          />\n        </div>\n      </div>\n    </div>\n    \n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, getCurrentInstance } from 'vue'\nimport { useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\nimport { format } from 'date-fns'\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue'\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\nimport IconMinus from '@martyrs/src/modules/icons/navigation/IconMinus.vue'\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue'\nimport IconCalendar from '@martyrs/src/modules/icons/entities/IconCalendar.vue'\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue'\n\nconst router = useRouter()\nconst { locale } = useI18n()\nconst { proxy } = getCurrentInstance()\n\nconst emits = defineEmits(['increase', 'decrease', 'remove', 'updateRentDates'])\nconst props = defineProps({\n  productId: String,\n  variantId: String,\n  images: Array,\n  name: String,\n  quantity: Number,\n  unit: String,\n  dates: Object,\n  listing: String,\n  price: Number,\n  editable: Boolean,\n  increase: Function,\n  decrease: Function,\n  remove: Function,\n})\n\nconst isRental = computed(() => props.listing === 'rent')\nconst showControls = computed(() => props.editable || isRental.value)\n\nconst rentDates = ref({\n  start: props.dates?.start || null,\n  end: props.dates?.end || null\n})\n\nconst rentalDays = computed(() => {\n  if (!rentDates.value.start || !rentDates.value.end) return 0\n  const start = new Date(rentDates.value.start)\n  const end = new Date(rentDates.value.end)\n  return Math.ceil(Math.abs(end - start) / (1000 * 60 * 60 * 24)) + 1\n})\n\nconst totalPrice = computed(() => {\n  if (isRental.value) {\n    return rentalDays.value * props.price * props.quantity\n  }\n  return props.quantity * props.price\n})\n\nconst isRentDatePopupOpen = ref(false)\n\nfunction increase() {\n  props.increase?.()\n  emits('increase')\n}\n\nfunction decrease() {\n  props.decrease?.()\n  emits('decrease')\n}\n\nfunction remove() {\n  props.remove?.()\n  emits('remove')\n}\n\nasync function openRentDatePopup() {\n  try {\n    const selectedDates = await proxy.$dateSelector(\n      props.productId,\n      props.variantId,\n      props.quantity,\n      props.price,\n      { \n        showCancelButton: props.editable,\n        onCancel: props.editable ? () => props.remove?.() : null\n      }\n    );\n    \n    if (selectedDates) {\n      updateRentDates(selectedDates)\n    }\n  } catch (error) {\n    console.error('Error selecting dates:', error)\n  }\n}\n\nfunction updateRentDates(dates) {\n  rentDates.value = dates\n  emits('updateRentDates', props.productId, props.variantId, dates)\n}\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["useRouter","useI18n","getCurrentInstance","computed","ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmGeA,cAAAA,UAAS;AACxB,UAAM,EAAE,OAAM,IAAKC,QAAAA,QAAO;AAC1B,UAAM,EAAE,MAAK,IAAKC,IAAAA,mBAAkB;AAEpC,UAAM,QAAQ;AACd,UAAM,QAAQ;AAgBd,UAAM,WAAWC,IAAAA,SAAS,MAAM,MAAM,YAAY,MAAM;AACxD,UAAM,eAAeA,IAAAA,SAAS,MAAM,MAAM,YAAY,SAAS,KAAK;AAEpE,UAAM,YAAYC,IAAAA,IAAI;AAAA,MACpB,OAAO,MAAM,OAAO,SAAS;AAAA,MAC7B,KAAK,MAAM,OAAO,OAAO;AAAA,IAC3B,CAAC;AAED,UAAM,aAAaD,IAAAA,SAAS,MAAM;AAChC,UAAI,CAAC,UAAU,MAAM,SAAS,CAAC,UAAU,MAAM,IAAK,QAAO;AAC3D,YAAM,QAAQ,IAAI,KAAK,UAAU,MAAM,KAAK;AAC5C,YAAM,MAAM,IAAI,KAAK,UAAU,MAAM,GAAG;AACxC,aAAO,KAAK,KAAK,KAAK,IAAI,MAAM,KAAK,KAAK,MAAO,KAAK,KAAK,GAAG,IAAI;AAAA,IACpE,CAAC;AAED,UAAM,aAAaA,IAAAA,SAAS,MAAM;AAChC,UAAI,SAAS,OAAO;AAClB,eAAO,WAAW,QAAQ,MAAM,QAAQ,MAAM;AAAA,MAChD;AACA,aAAO,MAAM,WAAW,MAAM;AAAA,IAChC,CAAC;AAE2BC,QAAAA,IAAI,KAAK;AAErC,aAAS,WAAW;AAClB,YAAM,WAAQ;AACd,YAAM,UAAU;AAAA,IAClB;AAEA,aAAS,WAAW;AAClB,YAAM,WAAQ;AACd,YAAM,UAAU;AAAA,IAClB;AAEA,aAAS,SAAS;AAChB,YAAM,SAAM;AACZ,YAAM,QAAQ;AAAA,IAChB;AAEA,mBAAe,oBAAoB;AACjC,UAAI;AACF,cAAM,gBAAgB,MAAM,MAAM;AAAA,UAChC,MAAM;AAAA,UACN,MAAM;AAAA,UACN,MAAM;AAAA,UACN,MAAM;AAAA,UACN;AAAA,YACE,kBAAkB,MAAM;AAAA,YACxB,UAAU,MAAM,WAAW,MAAM,MAAM,SAAM,IAAO;AAAA,UAC5D;AAAA,QACA;AAEI,YAAI,eAAe;AACjB,0BAAgB,aAAa;AAAA,QAC/B;AAAA,MACF,SAAS,OAAO;AACd,gBAAQ,MAAM,0BAA0B,KAAK;AAAA,MAC/C;AAAA,IACF;AAEA,aAAS,gBAAgB,OAAO;AAC9B,gBAAU,QAAQ;AAClB,YAAM,mBAAmB,MAAM,WAAW,MAAM,WAAW,KAAK;AAAA,IAClE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/orders/components/blocks/CardOrderItem.vue.js

@@ -62,7 +62,6 @@ const _sfc_main = {
   },
   emits: ["increase", "decrease", "remove", "updateRentDates"],
   setup(__props, { emit: __emit }) {
-    var _a, _b;
     useRouter();
     const { locale } = useI18n();
     const { proxy } = getCurrentInstance();
@@ -71,8 +70,8 @@ const _sfc_main = {
     const isRental = computed(() => props.listing === "rent");
     const showControls = computed(() => props.editable || isRental.value);
     const rentDates = ref({
-      start: ((_a = props.dates) == null ? void 0 : _a.start) || null,
-      end: ((_b = props.dates) == null ? void 0 : _b.end) || null
+      start: props.dates?.start || null,
+      end: props.dates?.end || null
     });
     const rentalDays = computed(() => {
       if (!rentDates.value.start || !rentDates.value.end) return 0;
@@ -88,18 +87,15 @@ const _sfc_main = {
     });
     ref(false);
     function increase() {
-      var _a2;
-      (_a2 = props.increase) == null ? void 0 : _a2.call(props);
+      props.increase?.();
       emits("increase");
     }
     function decrease() {
-      var _a2;
-      (_a2 = props.decrease) == null ? void 0 : _a2.call(props);
+      props.decrease?.();
       emits("decrease");
     }
     function remove() {
-      var _a2;
-      (_a2 = props.remove) == null ? void 0 : _a2.call(props);
+      props.remove?.();
       emits("remove");
     }
     async function openRentDatePopup() {
@@ -111,10 +107,7 @@ const _sfc_main = {
           props.price,
           {
             showCancelButton: props.editable,
-            onCancel: props.editable ? () => {
-              var _a2;
-              return (_a2 = props.remove) == null ? void 0 : _a2.call(props);
-            } : null
+            onCancel: props.editable ? () => props.remove?.() : null
           }
         );
         if (selectedDates) {

package/dist/martyrs/src/modules/orders/components/blocks/CardOrderItem.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardOrderItem.vue.js","sources":["../../../../../../../src/modules/orders/components/blocks/CardOrderItem.vue"],"sourcesContent":["<template>\n  <div class=\"gap-small pos-relative cols-1\">\n    <div class=\"pos-relative w-100 gap-thin flex-stretch flex-nowrap flex\">\n      <div class=\"bg-light h-100 o-hidden pos-relative radius-small aspect-1x1\" style=\"flex: 1 0 auto\">\n        <img \n          v-if=\"images && images[0]\"\n          loading=\"lazy\" \n          class=\"w-100 object-fit-cover pos-absolute h-100\"    \n          :src=\"(FILE_SERVER_URL || '') + images[0]\"\n        >\n        <PlaceholderImage\n          v-else \n          class=\"bg-light pos-absolute radius-small w-100 h-100\"\n        />\n      </div>\n      \n      <div class=\"w-100 pos-relative\">\n        <p class=\"t-truncate t-medium\">{{ name }}</p>\n        \n        <div>\n          <p v-if=\"price != null && quantity != null\">\n            <span class=\"t-second mn-r-micro d-inline-block t-demi\">\n              {{ returnCurrency() }}{{ totalPrice }}\n            </span>\n            <span v-if=\"isRental && rentDates.start && rentDates.end\" class=\"p-small t-transp\">\n              {{ returnCurrency() }}{{ price }} \n              <span v-if=\"quantity > 1\">× {{ quantity }} {{ unit || 'pcs' }}</span>\n              × {{ rentalDays }} days\n            </span>\n            <span v-else class=\"p-small t-transp\">{{ returnCurrency() }}{{ price }} × {{ quantity || 0 }}  {{ unit || 'pcs' }}</span>\n          </p>\n          \n          <p v-else-if=\"price != null && quantity == null\" class=\"t-second mn-r-micro d-inline-block t-demi\">\n            {{ returnCurrency() }}{{ price }}\n          </p>\n          \n          <p v-else-if=\"price == null && quantity != null\" class=\"p-small t-transp\">\n            {{ quantity }} {{ unit || 'pcs' }}\n          </p>\n        </div>\n        \n        <slot></slot>\n        <div v-if=\"showControls\" class=\"mn-t-thin gap-thin flex-nojustify flex\">\n          <div \n            v-if=\"isRental && rentDates.start && rentDates.end\" \n            class=\"flex gap-thin flex-v-center cursor-pointer pd-thin w-100 bg-light radius-small\"\n          >\n            <IconCalendar\n              @click=\"openRentDatePopup\"\n              class=\"cursor-pointer i-medium\"\n            />\n            <p \n              @click=\"editable ? openRentDatePopup : null\" \n              class=\"t-medium t-transp\"\n            >\n              {{ formatDate(rentDates.start, { dayMonth: true, language: locale }) }} - \n              {{ formatDate(rentDates.end, { dayMonth: true, language: locale }) }}\n            </p>\n          </div>\n\n          <template v-if=\"editable && !isRental\">\n            <IconAdd\n              @click=\"increase\"\n              class=\"hover-scale-1 cursor-pointer bg-light i-big pd-thin radius-small\"\n            />\n            <IconMinus\n              @click=\"decrease\"\n              class=\"hover-scale-1 cursor-pointer bg-light i-big pd-thin radius-small\"\n            />\n            <IconDelete\n              @click=\"remove\"\n              class=\"hover-scale-1 cursor-pointer bg-light i-big pd-thin radius-small\"\n            />\n          </template>\n\n          <IconEdit\n            v-if=\"isRental && editable\"\n            @click=\"openRentDatePopup\"\n            class=\"hover-scale-1 cursor-pointer bg-light i-big pd-small radius-small\"\n          />\n        </div>\n      </div>\n    </div>\n    \n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, getCurrentInstance } from 'vue'\nimport { useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\nimport { format } from 'date-fns'\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue'\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\nimport IconMinus from '@martyrs/src/modules/icons/navigation/IconMinus.vue'\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue'\nimport IconCalendar from '@martyrs/src/modules/icons/entities/IconCalendar.vue'\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue'\n\nconst router = useRouter()\nconst { locale } = useI18n()\nconst { proxy } = getCurrentInstance()\n\nconst emits = defineEmits(['increase', 'decrease', 'remove', 'updateRentDates'])\nconst props = defineProps({\n  productId: String,\n  variantId: String,\n  images: Array,\n  name: String,\n  quantity: Number,\n  unit: String,\n  dates: Object,\n  listing: String,\n  price: Number,\n  editable: Boolean,\n  increase: Function,\n  decrease: Function,\n  remove: Function,\n})\n\nconst isRental = computed(() => props.listing === 'rent')\nconst showControls = computed(() => props.editable || isRental.value)\n\nconst rentDates = ref({\n  start: props.dates?.start || null,\n  end: props.dates?.end || null\n})\n\nconst rentalDays = computed(() => {\n  if (!rentDates.value.start || !rentDates.value.end) return 0\n  const start = new Date(rentDates.value.start)\n  const end = new Date(rentDates.value.end)\n  return Math.ceil(Math.abs(end - start) / (1000 * 60 * 60 * 24)) + 1\n})\n\nconst totalPrice = computed(() => {\n  if (isRental.value) {\n    return rentalDays.value * props.price * props.quantity\n  }\n  return props.quantity * props.price\n})\n\nconst isRentDatePopupOpen = ref(false)\n\nfunction increase() {\n  props.increase?.()\n  emits('increase')\n}\n\nfunction decrease() {\n  props.decrease?.()\n  emits('decrease')\n}\n\nfunction remove() {\n  props.remove?.()\n  emits('remove')\n}\n\nasync function openRentDatePopup() {\n  try {\n    const selectedDates = await proxy.$dateSelector(\n      props.productId,\n      props.variantId,\n      props.quantity,\n      props.price,\n      { \n        showCancelButton: props.editable,\n        onCancel: props.editable ? () => props.remove?.() : null\n      }\n    );\n    \n    if (selectedDates) {\n      updateRentDates(selectedDates)\n    }\n  } catch (error) {\n    console.error('Error selecting dates:', error)\n  }\n}\n\nfunction updateRentDates(dates) {\n  rentDates.value = dates\n  emits('updateRentDates', props.productId, props.variantId, dates)\n}\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["_a"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmGe,cAAS;AACxB,UAAM,EAAE,OAAQ,IAAG,QAAO;AAC1B,UAAM,EAAE,MAAO,IAAG,mBAAkB;AAEpC,UAAM,QAAQ;AACd,UAAM,QAAQ;AAgBd,UAAM,WAAW,SAAS,MAAM,MAAM,YAAY,MAAM;AACxD,UAAM,eAAe,SAAS,MAAM,MAAM,YAAY,SAAS,KAAK;AAEpE,UAAM,YAAY,IAAI;AAAA,MACpB,SAAO,WAAM,UAAN,mBAAa,UAAS;AAAA,MAC7B,OAAK,WAAM,UAAN,mBAAa,QAAO;AAAA,IAC3B,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,CAAC,UAAU,MAAM,SAAS,CAAC,UAAU,MAAM,IAAK,QAAO;AAC3D,YAAM,QAAQ,IAAI,KAAK,UAAU,MAAM,KAAK;AAC5C,YAAM,MAAM,IAAI,KAAK,UAAU,MAAM,GAAG;AACxC,aAAO,KAAK,KAAK,KAAK,IAAI,MAAM,KAAK,KAAK,MAAO,KAAK,KAAK,GAAG,IAAI;AAAA,IACpE,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,SAAS,OAAO;AAClB,eAAO,WAAW,QAAQ,MAAM,QAAQ,MAAM;AAAA,MAClD;AACE,aAAO,MAAM,WAAW,MAAM;AAAA,IAChC,CAAC;AAE2B,QAAI,KAAK;AAErC,aAAS,WAAW;;AAClB,OAAAA,MAAA,MAAM,aAAN,gBAAAA,IAAA;AACA,YAAM,UAAU;AAAA,IAClB;AAEA,aAAS,WAAW;;AAClB,OAAAA,MAAA,MAAM,aAAN,gBAAAA,IAAA;AACA,YAAM,UAAU;AAAA,IAClB;AAEA,aAAS,SAAS;;AAChB,OAAAA,MAAA,MAAM,WAAN,gBAAAA,IAAA;AACA,YAAM,QAAQ;AAAA,IAChB;AAEA,mBAAe,oBAAoB;AACjC,UAAI;AACF,cAAM,gBAAgB,MAAM,MAAM;AAAA,UAChC,MAAM;AAAA,UACN,MAAM;AAAA,UACN,MAAM;AAAA,UACN,MAAM;AAAA,UACN;AAAA,YACE,kBAAkB,MAAM;AAAA,YACxB,UAAU,MAAM,WAAW,MAAA;;AAAM,sBAAAA,MAAA,MAAM,WAAN,gBAAAA,IAAA;AAAA,gBAAmB;AAAA,UAC5D;AAAA,QACK;AAED,YAAI,eAAe;AACjB,0BAAgB,aAAa;AAAA,QACnC;AAAA,MACG,SAAQ,OAAO;AACd,gBAAQ,MAAM,0BAA0B,KAAK;AAAA,MACjD;AAAA,IACA;AAEA,aAAS,gBAAgB,OAAO;AAC9B,gBAAU,QAAQ;AAClB,YAAM,mBAAmB,MAAM,WAAW,MAAM,WAAW,KAAK;AAAA,IAClE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardOrderItem.vue.js","sources":["../../../../../../../src/modules/orders/components/blocks/CardOrderItem.vue"],"sourcesContent":["<template>\n  <div class=\"gap-small pos-relative cols-1\">\n    <div class=\"pos-relative w-100 gap-thin flex-stretch flex-nowrap flex\">\n      <div class=\"bg-light h-100 o-hidden pos-relative radius-small aspect-1x1\" style=\"flex: 1 0 auto\">\n        <img \n          v-if=\"images && images[0]\"\n          loading=\"lazy\" \n          class=\"w-100 object-fit-cover pos-absolute h-100\"    \n          :src=\"(FILE_SERVER_URL || '') + images[0]\"\n        >\n        <PlaceholderImage\n          v-else \n          class=\"bg-light pos-absolute radius-small w-100 h-100\"\n        />\n      </div>\n      \n      <div class=\"w-100 pos-relative\">\n        <p class=\"t-truncate t-medium\">{{ name }}</p>\n        \n        <div>\n          <p v-if=\"price != null && quantity != null\">\n            <span class=\"t-second mn-r-micro d-inline-block t-demi\">\n              {{ returnCurrency() }}{{ totalPrice }}\n            </span>\n            <span v-if=\"isRental && rentDates.start && rentDates.end\" class=\"p-small t-transp\">\n              {{ returnCurrency() }}{{ price }} \n              <span v-if=\"quantity > 1\">× {{ quantity }} {{ unit || 'pcs' }}</span>\n              × {{ rentalDays }} days\n            </span>\n            <span v-else class=\"p-small t-transp\">{{ returnCurrency() }}{{ price }} × {{ quantity || 0 }}  {{ unit || 'pcs' }}</span>\n          </p>\n          \n          <p v-else-if=\"price != null && quantity == null\" class=\"t-second mn-r-micro d-inline-block t-demi\">\n            {{ returnCurrency() }}{{ price }}\n          </p>\n          \n          <p v-else-if=\"price == null && quantity != null\" class=\"p-small t-transp\">\n            {{ quantity }} {{ unit || 'pcs' }}\n          </p>\n        </div>\n        \n        <slot></slot>\n        <div v-if=\"showControls\" class=\"mn-t-thin gap-thin flex-nojustify flex\">\n          <div \n            v-if=\"isRental && rentDates.start && rentDates.end\" \n            class=\"flex gap-thin flex-v-center cursor-pointer pd-thin w-100 bg-light radius-small\"\n          >\n            <IconCalendar\n              @click=\"openRentDatePopup\"\n              class=\"cursor-pointer i-medium\"\n            />\n            <p \n              @click=\"editable ? openRentDatePopup : null\" \n              class=\"t-medium t-transp\"\n            >\n              {{ formatDate(rentDates.start, { dayMonth: true, language: locale }) }} - \n              {{ formatDate(rentDates.end, { dayMonth: true, language: locale }) }}\n            </p>\n          </div>\n\n          <template v-if=\"editable && !isRental\">\n            <IconAdd\n              @click=\"increase\"\n              class=\"hover-scale-1 cursor-pointer bg-light i-big pd-thin radius-small\"\n            />\n            <IconMinus\n              @click=\"decrease\"\n              class=\"hover-scale-1 cursor-pointer bg-light i-big pd-thin radius-small\"\n            />\n            <IconDelete\n              @click=\"remove\"\n              class=\"hover-scale-1 cursor-pointer bg-light i-big pd-thin radius-small\"\n            />\n          </template>\n\n          <IconEdit\n            v-if=\"isRental && editable\"\n            @click=\"openRentDatePopup\"\n            class=\"hover-scale-1 cursor-pointer bg-light i-big pd-small radius-small\"\n          />\n        </div>\n      </div>\n    </div>\n    \n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, getCurrentInstance } from 'vue'\nimport { useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\nimport { format } from 'date-fns'\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue'\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\nimport IconMinus from '@martyrs/src/modules/icons/navigation/IconMinus.vue'\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue'\nimport IconCalendar from '@martyrs/src/modules/icons/entities/IconCalendar.vue'\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue'\n\nconst router = useRouter()\nconst { locale } = useI18n()\nconst { proxy } = getCurrentInstance()\n\nconst emits = defineEmits(['increase', 'decrease', 'remove', 'updateRentDates'])\nconst props = defineProps({\n  productId: String,\n  variantId: String,\n  images: Array,\n  name: String,\n  quantity: Number,\n  unit: String,\n  dates: Object,\n  listing: String,\n  price: Number,\n  editable: Boolean,\n  increase: Function,\n  decrease: Function,\n  remove: Function,\n})\n\nconst isRental = computed(() => props.listing === 'rent')\nconst showControls = computed(() => props.editable || isRental.value)\n\nconst rentDates = ref({\n  start: props.dates?.start || null,\n  end: props.dates?.end || null\n})\n\nconst rentalDays = computed(() => {\n  if (!rentDates.value.start || !rentDates.value.end) return 0\n  const start = new Date(rentDates.value.start)\n  const end = new Date(rentDates.value.end)\n  return Math.ceil(Math.abs(end - start) / (1000 * 60 * 60 * 24)) + 1\n})\n\nconst totalPrice = computed(() => {\n  if (isRental.value) {\n    return rentalDays.value * props.price * props.quantity\n  }\n  return props.quantity * props.price\n})\n\nconst isRentDatePopupOpen = ref(false)\n\nfunction increase() {\n  props.increase?.()\n  emits('increase')\n}\n\nfunction decrease() {\n  props.decrease?.()\n  emits('decrease')\n}\n\nfunction remove() {\n  props.remove?.()\n  emits('remove')\n}\n\nasync function openRentDatePopup() {\n  try {\n    const selectedDates = await proxy.$dateSelector(\n      props.productId,\n      props.variantId,\n      props.quantity,\n      props.price,\n      { \n        showCancelButton: props.editable,\n        onCancel: props.editable ? () => props.remove?.() : null\n      }\n    );\n    \n    if (selectedDates) {\n      updateRentDates(selectedDates)\n    }\n  } catch (error) {\n    console.error('Error selecting dates:', error)\n  }\n}\n\nfunction updateRentDates(dates) {\n  rentDates.value = dates\n  emits('updateRentDates', props.productId, props.variantId, dates)\n}\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmGe,cAAS;AACxB,UAAM,EAAE,OAAM,IAAK,QAAO;AAC1B,UAAM,EAAE,MAAK,IAAK,mBAAkB;AAEpC,UAAM,QAAQ;AACd,UAAM,QAAQ;AAgBd,UAAM,WAAW,SAAS,MAAM,MAAM,YAAY,MAAM;AACxD,UAAM,eAAe,SAAS,MAAM,MAAM,YAAY,SAAS,KAAK;AAEpE,UAAM,YAAY,IAAI;AAAA,MACpB,OAAO,MAAM,OAAO,SAAS;AAAA,MAC7B,KAAK,MAAM,OAAO,OAAO;AAAA,IAC3B,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,CAAC,UAAU,MAAM,SAAS,CAAC,UAAU,MAAM,IAAK,QAAO;AAC3D,YAAM,QAAQ,IAAI,KAAK,UAAU,MAAM,KAAK;AAC5C,YAAM,MAAM,IAAI,KAAK,UAAU,MAAM,GAAG;AACxC,aAAO,KAAK,KAAK,KAAK,IAAI,MAAM,KAAK,KAAK,MAAO,KAAK,KAAK,GAAG,IAAI;AAAA,IACpE,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,SAAS,OAAO;AAClB,eAAO,WAAW,QAAQ,MAAM,QAAQ,MAAM;AAAA,MAChD;AACA,aAAO,MAAM,WAAW,MAAM;AAAA,IAChC,CAAC;AAE2B,QAAI,KAAK;AAErC,aAAS,WAAW;AAClB,YAAM,WAAQ;AACd,YAAM,UAAU;AAAA,IAClB;AAEA,aAAS,WAAW;AAClB,YAAM,WAAQ;AACd,YAAM,UAAU;AAAA,IAClB;AAEA,aAAS,SAAS;AAChB,YAAM,SAAM;AACZ,YAAM,QAAQ;AAAA,IAChB;AAEA,mBAAe,oBAAoB;AACjC,UAAI;AACF,cAAM,gBAAgB,MAAM,MAAM;AAAA,UAChC,MAAM;AAAA,UACN,MAAM;AAAA,UACN,MAAM;AAAA,UACN,MAAM;AAAA,UACN;AAAA,YACE,kBAAkB,MAAM;AAAA,YACxB,UAAU,MAAM,WAAW,MAAM,MAAM,SAAM,IAAO;AAAA,UAC5D;AAAA,QACA;AAEI,YAAI,eAAe;AACjB,0BAAgB,aAAa;AAAA,QAC/B;AAAA,MACF,SAAS,OAAO;AACd,gBAAQ,MAAM,0BAA0B,KAAK;AAAA,MAC/C;AAAA,IACF;AAEA,aAAS,gBAAgB,OAAO;AAC9B,gBAAU,QAAQ;AAClB,YAAM,mBAAmB,MAAM,WAAW,MAAM,WAAW,KAAK;AAAA,IAClE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/orders/components/blocks/CardOrderUser.vue.cjs

@@ -1,13 +1,14 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Tooltip = require("../../../../components/Tooltip/Tooltip.vue.cjs");
+const Tooltip = require("../../../../components/Tooltip/Tooltip.vue2.cjs");
 const IconStatusCreated = require("../icons/IconStatusCreated.vue.cjs");
 const IconStatusConfirmed = require("../icons/IconStatusConfirmed.vue.cjs");
 const IconStatusInUse = require("../icons/IconStatusInUse.vue.cjs");
 const IconStatusFinished = require("../icons/IconStatusFinished.vue.cjs");
 const IconStatusCanceled = require("../icons/IconStatusCanceled.vue.cjs");
 const IconStatusDelay = require("../icons/IconStatusDelay.vue.cjs");
+;/* empty css                     */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
 const _hoisted_1 = { class: "w-100" };
 const _hoisted_2 = {
@@ -61,7 +62,6 @@ const _sfc_main = {
       return d.toLocaleDateString("en-US", { day: "numeric", month: "long" });
     };
     const statusText = vue.computed(() => {
-      var _a, _b, _c;
       const createdDate = formatDate(props.createdAt);
       const updatedDate = formatDate(props.updatedAt);
       switch (props.status.toLowerCase()) {
@@ -71,7 +71,7 @@ const _sfc_main = {
           return `Confirmed, ${updatedDate}`;
         case "preparing":
         case "inuse":
-          if ((_a = props.positions) == null ? void 0 : _a.length) {
+          if (props.positions?.length) {
             const lastEndDate = new Date(props.positions[props.positions.length - 1].date.end);
             return `up to ${formatDate(lastEndDate)}`;
           }
@@ -81,9 +81,9 @@ const _sfc_main = {
         case "canceled":
           return `Canceled, ${updatedDate}`;
         default:
-          if ((_b = props.positions) == null ? void 0 : _b.length) {
+          if (props.positions?.length) {
             const lastPosition = props.positions[props.positions.length - 1];
-            const lastEndDateRaw = (_c = lastPosition == null ? void 0 : lastPosition.date) == null ? void 0 : _c.end;
+            const lastEndDateRaw = lastPosition?.date?.end;
             if (lastEndDateRaw) {
               const lastEndDate = new Date(lastEndDateRaw);
               const now = /* @__PURE__ */ new Date();
@@ -98,9 +98,8 @@ const _sfc_main = {
       }
     });
     const statusIcon = vue.computed(() => {
-      var _a;
       if (props.status === "preparing" || props.status === "inuse") {
-        if ((_a = props.positions) == null ? void 0 : _a.length) {
+        if (props.positions?.length) {
           const lastEndDate = new Date(props.positions[props.positions.length - 1].date.end);
           if (/* @__PURE__ */ new Date() > lastEndDate && props.status !== "finished" && props.status !== "canceled") {
             return IconStatusDelay.default;
@@ -120,15 +119,13 @@ const _sfc_main = {
     threeDaysFromNow.setDate(today.getDate() + 3);
     const showReturnNotice = vue.computed(() => {
       return props.positions.some((position) => {
-        var _a;
-        const endDate = ((_a = position == null ? void 0 : position.date) == null ? void 0 : _a.end) ? getDateWithoutTime(position.date.end) : null;
+        const endDate = position?.date?.end ? getDateWithoutTime(position.date.end) : null;
         return endDate !== null && endDate <= threeDaysFromNow;
       });
     });
     const hasOverdue = vue.computed(() => {
       return props.positions.some((position) => {
-        var _a;
-        const endDate = ((_a = position == null ? void 0 : position.date) == null ? void 0 : _a.end) ? getDateWithoutTime(position.date.end) : null;
+        const endDate = position?.date?.end ? getDateWithoutTime(position.date.end) : null;
         return endDate !== null && endDate < today;
       });
     });
@@ -141,7 +138,6 @@ const _sfc_main = {
         }, [
           vue.createElementVNode("div", _hoisted_2, [
             __props.positions.length > 0 ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(4, (index) => {
-              var _a, _b;
               return vue.createElementVNode("div", {
                 key: index,
                 style: { "min-height": "0" },
@@ -151,7 +147,7 @@ const _sfc_main = {
                   "bg-main": index === 4 && __props.positions.length > 3
                 }])
               }, [
-                index > 0 && index <= __props.positions.length && ((_b = (_a = __props.positions[index - 1]) == null ? void 0 : _a.images) == null ? void 0 : _b[0]) ? (vue.openBlock(), vue.createElementBlock("img", {
+                index > 0 && index <= __props.positions.length && __props.positions[index - 1]?.images?.[0] ? (vue.openBlock(), vue.createElementBlock("img", {
                   key: 0,
                   src: `${_ctx.FILE_SERVER_URL || ""}${__props.positions[index - 1].images[0] || __props.positions[index - 1].image}`,
                   class: "radius-small object-fit-contain w-100 h-100",

package/dist/martyrs/src/modules/orders/components/blocks/CardOrderUser.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CardOrderUser.vue.cjs","sources":["../../../../../../../src/modules/orders/components/blocks/CardOrderUser.vue"],"sourcesContent":["<template>\n  <div class=\"w-100\">\n    <!-- Главный контейнер -->\n    <div class=\"bg-light radius-tl-medium radius-tr-medium pd-thin gap-small flex-v-center flex-nowrap flex\"\n    \t:class=\"{\n    \t\t'radius-bl-medium radius-br-medium': !showReturnNotice\n    \t}\"\n    >\n      <!-- Левая часть - сетка фотографий -->\n      <div style=\"display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr\" class=\"flex-child-default gap-micro h-max-5r aspect-1x1\">\n\t\t\t  <template v-if=\"positions.length > 0\">\n\t\t\t    <div \n\t\t\t      v-for=\"index in 4\" \n\t\t\t      :key=\"index\" \n            style=\"min-height: 0\"\n\t\t\t      class=\"w-100 h-100 bg-white-transp-50 radius-thin\"\n\t\t\t      :class=\"{\n\t\t\t        'bg-white-transp-50': index <= positions.length && index <= 3,\n\t\t\t        'bg-white-transp-50': index > positions.length || (index === 4 && positions.length <= 3),\n\t\t\t        'bg-main': index === 4 && positions.length > 3\n\t\t\t      }\"\n\t\t\t    >\n\t\t\t     <img \n\t\t\t\t\t\t  v-if=\"index > 0 && index <= positions.length && positions[index - 1]?.images?.[0]\" \n\t\t\t\t\t\t  :src=\"`${FILE_SERVER_URL || ''}${positions[index - 1].images[0] || positions[index - 1].image}`\" \n\t\t\t\t\t\t  class=\"radius-small object-fit-contain w-100 h-100\" \n\t\t\t\t\t\t  :alt=\"positions[index - 1].name\" \n\t\t\t\t\t>\n\t\t\t      <div v-else-if=\"index === 4 && positions.length > 3\" class=\"flex-center h-100\">\n\t\t\t        <span class=\"t-medium t-white\">+{{ positions.length - 3 }}</span>\n\t\t\t      </div>\n\t\t\t    </div>\n\t\t\t  </template>\n\t\t\t</div>\n\n      <!-- Правая часть - контент -->\n      <div class=\"flex-column flex w-100\">\n        <!-- ID заказа и цена -->\n        <div class=\"mn-b-thin\">\n          <Tooltip :text=\"orderId\">\n\t\t\t      <p class=\"p-semi\">\n\t\t\t        #{{ orderId.slice(0, 4) }}...{{ orderId.slice(-4) }}\n\t\t\t      </p>\n\t\t\t    </Tooltip>\n          <p class=\"t-transp\">{{ positions.length }} items for {{ formatPrice(total) }}</p>\n        </div>\n\n        <!-- Оставшееся время -->\n        <div class=\"flex-nowrap radius-thin bg-white w-max pd-thin flex-v-center flex\">\n\t\t\t\t\t<component :is=\"statusIcon\" class=\"t-transp\" />\n\t\t\t    <span class=\"mn-l-micro p-medium\">{{ statusText }}</span>\n        </div>\n      </div>\n    </div>\n\n    <!-- Уведомление о возврате -->\n    <div \n\t\t  v-if=\"showReturnNotice\" \n\t\t  :class=\"[\n\t\t    'flex-nowrap', \n\t\t    'flex-v-center', \n\t\t    'flex', \n\t\t    'pd-regular', \n\t\t    'radius-bl-medium', \n\t\t    'radius-br-medium',\n\t\t    hasOverdue ? 'bg-fourth-nano' : 'bg-second-nano'\n\t\t  ]\"\n\t\t>\n\t\t  <svg \n\t\t    class=\"i-medium mn-r-thin t-main\" \n\t\t    xmlns=\"http://www.w3.org/2000/svg\" \n\t\t    width=\"19\" \n\t\t    height=\"19\" \n\t\t    viewBox=\"0 0 19 19\" \n\t\t    fill=\"none\"\n\t\t  >\n\t\t    <path \n\t\t      d=\"M9.21484 18.4367C8.19857 18.4367 7.23014 18.2795 6.30957 17.965C5.389 17.6551 4.54362 17.2176 3.77344 16.6525C3.00781 16.092 2.34245 15.4266 1.77734 14.6564C1.2168 13.8863 0.779297 13.0432 0.464844 12.1271C0.154948 11.2066 0 10.2381 0 9.22186C0 8.20103 0.154948 7.23033 0.464844 6.30975C0.779297 5.38918 1.2168 4.54608 1.77734 3.78046C2.34245 3.01483 3.00781 2.34947 3.77344 1.78436C4.54362 1.21926 5.389 0.781759 6.30957 0.471863C7.23014 0.15741 8.19857 0.000183105 9.21484 0.000183105C10.2357 0.000183105 11.2064 0.15741 12.127 0.471863C13.0475 0.781759 13.8906 1.21926 14.6562 1.78436C15.4219 2.34947 16.0872 3.01483 16.6523 3.78046C17.2174 4.54608 17.6549 5.38918 17.9648 6.30975C18.2793 7.23033 18.4365 8.20103 18.4365 9.22186C18.4365 10.2381 18.2793 11.2066 17.9648 12.1271C17.6549 13.0432 17.2174 13.8863 16.6523 14.6564C16.0872 15.4266 15.4219 16.092 14.6562 16.6525C13.8906 17.2176 13.0475 17.6551 12.127 17.965C11.2064 18.2795 10.2357 18.4367 9.21484 18.4367ZM9.22168 10.6027C9.7959 10.6027 10.0967 10.3042 10.124 9.70721L10.2607 5.69452C10.2744 5.39374 10.181 5.14992 9.98047 4.96307C9.78451 4.77167 9.5293 4.67596 9.21484 4.67596C8.89583 4.67596 8.63835 4.76939 8.44238 4.95624C8.25098 5.14309 8.16211 5.38918 8.17578 5.69452L8.30566 9.71405C8.33301 10.3065 8.63835 10.6027 9.22168 10.6027ZM9.22168 13.6994C9.5498 13.6994 9.82324 13.6037 10.042 13.4123C10.2653 13.2163 10.377 12.9634 10.377 12.6535C10.377 12.3391 10.2653 12.0838 10.042 11.8879C9.82324 11.6919 9.5498 11.5939 9.22168 11.5939C8.89811 11.5939 8.6224 11.6942 8.39453 11.8947C8.17122 12.0907 8.05957 12.3436 8.05957 12.6535C8.05957 12.9634 8.17122 13.2163 8.39453 13.4123C8.6224 13.6037 8.89811 13.6994 9.22168 13.6994Z\" \n\t\t      :fill=\"hasOverdue ? '#FF0000' : '#007AFF'\"\n\t\t    />\n\t\t  </svg>\t\n\t\t  <span \n\t\t  \tclass=\"p-medium t-semi\"\n\t\t  \t:class=\"[\n\t\t\t    hasOverdue ? 't-red' : 't-second'\n\t\t\t  ]\"\n\t\t  >\n\t\t\t\tNeed to return part of the equipment\n\t\t\t</span>\n\t\t</div>\n  </div>\n</template>\n\n<script setup>\nimport { computed } from 'vue';\n\nimport Tooltip from '@martyrs/src/components/Tooltip/Tooltip.vue'\n\nimport IconStatusCreated from '@martyrs/src/modules/orders/components/icons/IconStatusCreated.vue';\nimport IconStatusConfirmed from '@martyrs/src/modules/orders/components/icons/IconStatusConfirmed.vue';\nimport IconStatusInUse from '@martyrs/src/modules/orders/components/icons/IconStatusInUse.vue';\nimport IconStatusFinished from '@martyrs/src/modules/orders/components/icons/IconStatusFinished.vue';\nimport IconStatusCanceled from '@martyrs/src/modules/orders/components/icons/IconStatusCanceled.vue';\nimport IconStatusDelay from '@martyrs/src/modules/orders/components/icons/IconStatusDelay.vue';\n\nconst props = defineProps({\n  orderId: String,\n  status: String,\n  positions: Array,\n  createdAt: [String, Date],\n  updatedAt: [String, Date],\n  total: [String, Number]\n});\n\nconst iconMap = {\n  'created': IconStatusCreated,\n  'confirmed': IconStatusConfirmed,\n  'preparing': IconStatusInUse,\n  'inuse': IconStatusInUse,\n  'finished': IconStatusFinished,\n  'canceled': IconStatusCanceled,\n  'delay': IconStatusDelay\n};\n\nconst formatDate = (date) => {\n  const d = new Date(date);\n  return d.toLocaleDateString('en-US', { day: 'numeric', month: 'long' });\n};\n\nconst statusText = computed(() => {\n  const createdDate = formatDate(props.createdAt);\n  const updatedDate = formatDate(props.updatedAt);\n  \n  switch(props.status.toLowerCase()) {\n    case 'created':\n      return `Created, ${createdDate}`;\n    case 'confirmed':\n      return `Confirmed, ${updatedDate}`;\n    case 'preparing':\n    case 'inuse':\n      if (props.positions?.length) {\n        const lastEndDate = new Date(props.positions[props.positions.length - 1].date.end);\n        return `up to ${formatDate(lastEndDate)}`;\n      }\n      return `up to 18:00, ${updatedDate}`;\n    case 'finished':\n      return `Finished, ${updatedDate}`;\n    case 'canceled':\n      return `Canceled, ${updatedDate}`;\n    default:\n    // Расчет задержки\n    if (props.positions?.length) {\n      const lastPosition = props.positions[props.positions.length - 1];\n      const lastEndDateRaw = lastPosition?.date?.end;\n\n      if (lastEndDateRaw) {\n        const lastEndDate = new Date(lastEndDateRaw);\n        const now = new Date();\n        const diffTime = Math.abs(now.getTime() - lastEndDate.getTime());\n        const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));\n\n        if (diffDays > 0 && props.status !== 'finished' && props.status !== 'canceled') {\n          return `Delay ${diffDays} day${diffDays > 1 ? 's' : ''}`;\n        }\n      }\n    }\n    return `Created, ${createdDate}`;\n\n  }\n});\n\n// Выбор иконки\nconst statusIcon = computed(() => {\n  if (props.status === 'preparing' || props.status === 'inuse') {\n    // Проверка на задержку\n    if (props.positions?.length) {\n      const lastEndDate = new Date(props.positions[props.positions.length - 1].date.end);\n      if (new Date() > lastEndDate && props.status !== 'finished' && props.status !== 'canceled') {\n        return IconStatusDelay;\n      }\n    }\n    return IconStatusInUse;\n  }\n  return iconMap[props.status.toLowerCase()] || IconStatusCreated;\n});\n\n// Функция для нормализации даты (убираем время)\nconst getDateWithoutTime = (dateString) => {\n  const date = new Date(dateString);\n  date.setHours(0, 0, 0, 0);\n  return date;\n};\n\n// Текущая дата и дата через 3 дня\nconst today = getDateWithoutTime(new Date());\nconst threeDaysFromNow = new Date(today);\nthreeDaysFromNow.setDate(today.getDate() + 3);\n\n// Показывать ли уведомление о возврате\nconst showReturnNotice = computed(() => {\n  return props.positions.some(position => {\n    const endDate = position?.date?.end ? getDateWithoutTime(position.date.end) : null;\n    return endDate !== null && endDate <= threeDaysFromNow;\n  });\n});\n\n// Есть ли просроченные позиции\nconst hasOverdue = computed(() => {\n  return props.positions.some(position => {\n    const endDate = position?.date?.end ? getDateWithoutTime(position.date.end) : null;\n    return endDate !== null && endDate < today;\n  });\n});\n\n// Предполагается, что formatPrice определен где-то в коде\n</script>\n\n<style scoped>\n/* Добавляем стиль для текста \"просрочено\" */\n.t-red {\n  color: red;\n}\n</style>"],"names":["IconStatusCreated","IconStatusConfirmed","IconStatusInUse","IconStatusFinished","IconStatusCanceled","IconStatusDelay","computed"],"mappings":"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"}
+{"version":3,"file":"CardOrderUser.vue.cjs","sources":["../../../../../../../src/modules/orders/components/blocks/CardOrderUser.vue"],"sourcesContent":["<template>\n  <div class=\"w-100\">\n    <!-- Главный контейнер -->\n    <div class=\"bg-light radius-tl-medium radius-tr-medium pd-thin gap-small flex-v-center flex-nowrap flex\"\n    \t:class=\"{\n    \t\t'radius-bl-medium radius-br-medium': !showReturnNotice\n    \t}\"\n    >\n      <!-- Левая часть - сетка фотографий -->\n      <div style=\"display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr\" class=\"flex-child-default gap-micro h-max-5r aspect-1x1\">\n\t\t\t  <template v-if=\"positions.length > 0\">\n\t\t\t    <div \n\t\t\t      v-for=\"index in 4\" \n\t\t\t      :key=\"index\" \n            style=\"min-height: 0\"\n\t\t\t      class=\"w-100 h-100 bg-white-transp-50 radius-thin\"\n\t\t\t      :class=\"{\n\t\t\t        'bg-white-transp-50': index <= positions.length && index <= 3,\n\t\t\t        'bg-white-transp-50': index > positions.length || (index === 4 && positions.length <= 3),\n\t\t\t        'bg-main': index === 4 && positions.length > 3\n\t\t\t      }\"\n\t\t\t    >\n\t\t\t     <img \n\t\t\t\t\t\t  v-if=\"index > 0 && index <= positions.length && positions[index - 1]?.images?.[0]\" \n\t\t\t\t\t\t  :src=\"`${FILE_SERVER_URL || ''}${positions[index - 1].images[0] || positions[index - 1].image}`\" \n\t\t\t\t\t\t  class=\"radius-small object-fit-contain w-100 h-100\" \n\t\t\t\t\t\t  :alt=\"positions[index - 1].name\" \n\t\t\t\t\t>\n\t\t\t      <div v-else-if=\"index === 4 && positions.length > 3\" class=\"flex-center h-100\">\n\t\t\t        <span class=\"t-medium t-white\">+{{ positions.length - 3 }}</span>\n\t\t\t      </div>\n\t\t\t    </div>\n\t\t\t  </template>\n\t\t\t</div>\n\n      <!-- Правая часть - контент -->\n      <div class=\"flex-column flex w-100\">\n        <!-- ID заказа и цена -->\n        <div class=\"mn-b-thin\">\n          <Tooltip :text=\"orderId\">\n\t\t\t      <p class=\"p-semi\">\n\t\t\t        #{{ orderId.slice(0, 4) }}...{{ orderId.slice(-4) }}\n\t\t\t      </p>\n\t\t\t    </Tooltip>\n          <p class=\"t-transp\">{{ positions.length }} items for {{ formatPrice(total) }}</p>\n        </div>\n\n        <!-- Оставшееся время -->\n        <div class=\"flex-nowrap radius-thin bg-white w-max pd-thin flex-v-center flex\">\n\t\t\t\t\t<component :is=\"statusIcon\" class=\"t-transp\" />\n\t\t\t    <span class=\"mn-l-micro p-medium\">{{ statusText }}</span>\n        </div>\n      </div>\n    </div>\n\n    <!-- Уведомление о возврате -->\n    <div \n\t\t  v-if=\"showReturnNotice\" \n\t\t  :class=\"[\n\t\t    'flex-nowrap', \n\t\t    'flex-v-center', \n\t\t    'flex', \n\t\t    'pd-regular', \n\t\t    'radius-bl-medium', \n\t\t    'radius-br-medium',\n\t\t    hasOverdue ? 'bg-fourth-nano' : 'bg-second-nano'\n\t\t  ]\"\n\t\t>\n\t\t  <svg \n\t\t    class=\"i-medium mn-r-thin t-main\" \n\t\t    xmlns=\"http://www.w3.org/2000/svg\" \n\t\t    width=\"19\" \n\t\t    height=\"19\" \n\t\t    viewBox=\"0 0 19 19\" \n\t\t    fill=\"none\"\n\t\t  >\n\t\t    <path \n\t\t      d=\"M9.21484 18.4367C8.19857 18.4367 7.23014 18.2795 6.30957 17.965C5.389 17.6551 4.54362 17.2176 3.77344 16.6525C3.00781 16.092 2.34245 15.4266 1.77734 14.6564C1.2168 13.8863 0.779297 13.0432 0.464844 12.1271C0.154948 11.2066 0 10.2381 0 9.22186C0 8.20103 0.154948 7.23033 0.464844 6.30975C0.779297 5.38918 1.2168 4.54608 1.77734 3.78046C2.34245 3.01483 3.00781 2.34947 3.77344 1.78436C4.54362 1.21926 5.389 0.781759 6.30957 0.471863C7.23014 0.15741 8.19857 0.000183105 9.21484 0.000183105C10.2357 0.000183105 11.2064 0.15741 12.127 0.471863C13.0475 0.781759 13.8906 1.21926 14.6562 1.78436C15.4219 2.34947 16.0872 3.01483 16.6523 3.78046C17.2174 4.54608 17.6549 5.38918 17.9648 6.30975C18.2793 7.23033 18.4365 8.20103 18.4365 9.22186C18.4365 10.2381 18.2793 11.2066 17.9648 12.1271C17.6549 13.0432 17.2174 13.8863 16.6523 14.6564C16.0872 15.4266 15.4219 16.092 14.6562 16.6525C13.8906 17.2176 13.0475 17.6551 12.127 17.965C11.2064 18.2795 10.2357 18.4367 9.21484 18.4367ZM9.22168 10.6027C9.7959 10.6027 10.0967 10.3042 10.124 9.70721L10.2607 5.69452C10.2744 5.39374 10.181 5.14992 9.98047 4.96307C9.78451 4.77167 9.5293 4.67596 9.21484 4.67596C8.89583 4.67596 8.63835 4.76939 8.44238 4.95624C8.25098 5.14309 8.16211 5.38918 8.17578 5.69452L8.30566 9.71405C8.33301 10.3065 8.63835 10.6027 9.22168 10.6027ZM9.22168 13.6994C9.5498 13.6994 9.82324 13.6037 10.042 13.4123C10.2653 13.2163 10.377 12.9634 10.377 12.6535C10.377 12.3391 10.2653 12.0838 10.042 11.8879C9.82324 11.6919 9.5498 11.5939 9.22168 11.5939C8.89811 11.5939 8.6224 11.6942 8.39453 11.8947C8.17122 12.0907 8.05957 12.3436 8.05957 12.6535C8.05957 12.9634 8.17122 13.2163 8.39453 13.4123C8.6224 13.6037 8.89811 13.6994 9.22168 13.6994Z\" \n\t\t      :fill=\"hasOverdue ? '#FF0000' : '#007AFF'\"\n\t\t    />\n\t\t  </svg>\t\n\t\t  <span \n\t\t  \tclass=\"p-medium t-semi\"\n\t\t  \t:class=\"[\n\t\t\t    hasOverdue ? 't-red' : 't-second'\n\t\t\t  ]\"\n\t\t  >\n\t\t\t\tNeed to return part of the equipment\n\t\t\t</span>\n\t\t</div>\n  </div>\n</template>\n\n<script setup>\nimport { computed } from 'vue';\n\nimport Tooltip from '@martyrs/src/components/Tooltip/Tooltip.vue'\n\nimport IconStatusCreated from '@martyrs/src/modules/orders/components/icons/IconStatusCreated.vue';\nimport IconStatusConfirmed from '@martyrs/src/modules/orders/components/icons/IconStatusConfirmed.vue';\nimport IconStatusInUse from '@martyrs/src/modules/orders/components/icons/IconStatusInUse.vue';\nimport IconStatusFinished from '@martyrs/src/modules/orders/components/icons/IconStatusFinished.vue';\nimport IconStatusCanceled from '@martyrs/src/modules/orders/components/icons/IconStatusCanceled.vue';\nimport IconStatusDelay from '@martyrs/src/modules/orders/components/icons/IconStatusDelay.vue';\n\nconst props = defineProps({\n  orderId: String,\n  status: String,\n  positions: Array,\n  createdAt: [String, Date],\n  updatedAt: [String, Date],\n  total: [String, Number]\n});\n\nconst iconMap = {\n  'created': IconStatusCreated,\n  'confirmed': IconStatusConfirmed,\n  'preparing': IconStatusInUse,\n  'inuse': IconStatusInUse,\n  'finished': IconStatusFinished,\n  'canceled': IconStatusCanceled,\n  'delay': IconStatusDelay\n};\n\nconst formatDate = (date) => {\n  const d = new Date(date);\n  return d.toLocaleDateString('en-US', { day: 'numeric', month: 'long' });\n};\n\nconst statusText = computed(() => {\n  const createdDate = formatDate(props.createdAt);\n  const updatedDate = formatDate(props.updatedAt);\n  \n  switch(props.status.toLowerCase()) {\n    case 'created':\n      return `Created, ${createdDate}`;\n    case 'confirmed':\n      return `Confirmed, ${updatedDate}`;\n    case 'preparing':\n    case 'inuse':\n      if (props.positions?.length) {\n        const lastEndDate = new Date(props.positions[props.positions.length - 1].date.end);\n        return `up to ${formatDate(lastEndDate)}`;\n      }\n      return `up to 18:00, ${updatedDate}`;\n    case 'finished':\n      return `Finished, ${updatedDate}`;\n    case 'canceled':\n      return `Canceled, ${updatedDate}`;\n    default:\n    // Расчет задержки\n    if (props.positions?.length) {\n      const lastPosition = props.positions[props.positions.length - 1];\n      const lastEndDateRaw = lastPosition?.date?.end;\n\n      if (lastEndDateRaw) {\n        const lastEndDate = new Date(lastEndDateRaw);\n        const now = new Date();\n        const diffTime = Math.abs(now.getTime() - lastEndDate.getTime());\n        const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));\n\n        if (diffDays > 0 && props.status !== 'finished' && props.status !== 'canceled') {\n          return `Delay ${diffDays} day${diffDays > 1 ? 's' : ''}`;\n        }\n      }\n    }\n    return `Created, ${createdDate}`;\n\n  }\n});\n\n// Выбор иконки\nconst statusIcon = computed(() => {\n  if (props.status === 'preparing' || props.status === 'inuse') {\n    // Проверка на задержку\n    if (props.positions?.length) {\n      const lastEndDate = new Date(props.positions[props.positions.length - 1].date.end);\n      if (new Date() > lastEndDate && props.status !== 'finished' && props.status !== 'canceled') {\n        return IconStatusDelay;\n      }\n    }\n    return IconStatusInUse;\n  }\n  return iconMap[props.status.toLowerCase()] || IconStatusCreated;\n});\n\n// Функция для нормализации даты (убираем время)\nconst getDateWithoutTime = (dateString) => {\n  const date = new Date(dateString);\n  date.setHours(0, 0, 0, 0);\n  return date;\n};\n\n// Текущая дата и дата через 3 дня\nconst today = getDateWithoutTime(new Date());\nconst threeDaysFromNow = new Date(today);\nthreeDaysFromNow.setDate(today.getDate() + 3);\n\n// Показывать ли уведомление о возврате\nconst showReturnNotice = computed(() => {\n  return props.positions.some(position => {\n    const endDate = position?.date?.end ? getDateWithoutTime(position.date.end) : null;\n    return endDate !== null && endDate <= threeDaysFromNow;\n  });\n});\n\n// Есть ли просроченные позиции\nconst hasOverdue = computed(() => {\n  return props.positions.some(position => {\n    const endDate = position?.date?.end ? getDateWithoutTime(position.date.end) : null;\n    return endDate !== null && endDate < today;\n  });\n});\n\n// Предполагается, что formatPrice определен где-то в коде\n</script>\n\n<style scoped>\n/* Добавляем стиль для текста \"просрочено\" */\n.t-red {\n  color: red;\n}\n</style>"],"names":["IconStatusCreated","IconStatusConfirmed","IconStatusInUse","IconStatusFinished","IconStatusCanceled","IconStatusDelay","computed"],"mappings":"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"}