@ozdao/martyrs 0.2.604 → 0.2.605

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

@@ -29,7 +29,11 @@ const state = reactive({
   preferences: { ...preferencesInitState },
   deviceRegistered: false,
   loading: false,
-  lastSync: null
+  lastSync: null,
+  // Telegram
+  telegramConnected: false,
+  telegramChatId: null,
+  telegramDeepLink: null
 });
 const actions = {
   /**
@@ -117,6 +121,20 @@ const actions = {
       throw error;
     }
   },
+  /**
+   * Unregister (deactivate) device on server
+   */
+  async unregisterDevice(deviceId) {
+    try {
+      const userId = state$1.user?._id;
+      const payload = { deviceId };
+      if (userId) payload.userId = userId;
+      await $axios.post("/api/notifications/devices/deactivate", payload);
+      state.deviceRegistered = false;
+    } catch (error) {
+      console.error("[Notifications Store] Unregister device error:", error);
+    }
+  },
   /**
    * Re-register device after user login
    */
@@ -198,6 +216,53 @@ const actions = {
       throw error;
     }
   },
+  /**
+   * Generate Telegram deep link for connecting bot
+   */
+  async generateTelegramLink() {
+    try {
+      const userId = state$1.user._id;
+      if (!userId) return null;
+      const response = await $axios.post("/api/notifications/telegram/generate-link", { userId });
+      state.telegramDeepLink = response.data.deepLink;
+      return response.data;
+    } catch (error) {
+      setError(error);
+      throw error;
+    }
+  },
+  /**
+   * Get Telegram connection status
+   */
+  async getTelegramStatus() {
+    try {
+      const userId = state$1.user._id;
+      if (!userId) return;
+      const response = await $axios.get(`/api/notifications/telegram/status/${userId}`);
+      state.telegramConnected = response.data.connected;
+      state.telegramChatId = response.data.chatId;
+      return response.data;
+    } catch (error) {
+      console.error("Error getting Telegram status:", error);
+    }
+  },
+  /**
+   * Disconnect Telegram
+   */
+  async disconnectTelegram() {
+    try {
+      const userId = state$1.user._id;
+      if (!userId) return;
+      await $axios.post("/api/notifications/telegram/disconnect", { userId });
+      state.telegramConnected = false;
+      state.telegramChatId = null;
+      state.telegramDeepLink = null;
+      state.preferences.telegram = false;
+    } catch (error) {
+      setError(error);
+      throw error;
+    }
+  },
   /**
    * Add a local notification (for handling push notifications or WebSocket notifications)
    */

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/core/views/utils/axios-instance.js';\n// Globals\nimport { setError } from '@martyrs/src/modules/core/views/store/core.store.js';\n// Auth\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n// Capacitor Preferences\nimport { Preferences } from '@capacitor/preferences';\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      const userId = auth.state.user?._id;\n      \n      if (userId) {\n        // Registered user\n        deviceData.userId = userId;\n      } else {\n        // Anonymous user - generate or use existing anonymousId\n        if (!deviceData.anonymousId) {\n          // Generate anonymous ID if not provided\n          deviceData.anonymousId = 'anon_' + Date.now() + '_' + Math.random().toString(36).substr(2, 9);\n          // Store in Capacitor Preferences for persistence\n          if (typeof window !== 'undefined') {\n            try {\n              await Preferences.set({\n                key: 'notifications_anonymous_id',\n                value: deviceData.anonymousId\n              });\n            } catch (error) {\n              console.warn('Could not save anonymous ID to preferences:', error);\n            }\n          }\n        }\n      }\n\n      console.log('[Notifications Store] Registering device:', deviceData);\n      const response = await $axios.post('/api/notifications/devices/register', deviceData);\n      console.log('[Notifications Store] Device registered successfully:', response.data);\n      state.deviceRegistered = true;\n      return response.data;\n    } catch (error) {\n      setError(error);\n      throw error;\n    }\n  },\n\n  /**\n   * Re-register device after user login\n   */\n  async reregisterDeviceAfterLogin() {\n    try {\n      const deviceIdResult = await Preferences.get({ key: 'notifications_device_id' });\n      const deviceTokenResult = await Preferences.get({ key: 'notifications_device_token' });\n      const deviceTypeResult = await Preferences.get({ key: 'notifications_device_type' });\n      \n      const deviceId = deviceIdResult.value;\n      const deviceToken = deviceTokenResult.value;\n      const deviceType = deviceTypeResult.value || 'web';\n      \n      if (deviceId && deviceToken) {\n        console.log('[Notifications Store] Re-registering device after login:', { deviceId, deviceType });\n        await this.registerDevice({\n          deviceId,\n          deviceToken,\n          deviceType\n        });\n      } else {\n        console.log('[Notifications Store] No stored device info for re-registration');\n      }\n    } catch (error) {\n      console.error('Error re-registering device after login:', 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":";;;;;AAYA,MAAM,wBAAwB;AAAA,EAC5B,KAAK;AAAA,EACL,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,UAAU,CAAA;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,WAAW;AACb;AAGA,MAAM,uBAAuB;AAAA,EAC3B,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,KAAK;AAAA,EACL,UAAU;AAAA,EACV,UAAU;AACZ;AAGK,MAAC,QAAQ,SAAS;AAAA,EACrB,eAAe,CAAA;AAAA,EACf,aAAa;AAAA,EACb,SAAS,EAAE,GAAG,sBAAqB;AAAA,EACnC,aAAa,EAAE,GAAG,qBAAoB;AAAA,EACtC,kBAAkB;AAAA,EAClB,SAAS;AAAA,EACT,UAAU;AACZ,CAAC;AAEI,MAAC,UAAU;AAAA;AAAA;AAAA;AAAA,EAId,MAAM,iBAAiB,SAAS,MAAM;AACpC,QAAI;AAEF,YAAM,cAAc,UAAUA,QAAW,KAAK;AAE9C,UAAI,CAAC,aAAa;AAChB,gBAAQ,KAAK,4CAA4C;AACzD,eAAO,CAAA;AAAA,MACT;AAEA,YAAM,UAAU;AAChB,YAAM,WAAW,MAAM,OAAO,IAAI,2BAA2B,WAAW,EAAE;AAC1E,YAAM,gBAAgB,SAAS;AAC/B,YAAM,YAAW,oBAAI,KAAI,GAAG,YAAW;AACvC,wBAAiB;AACjB,YAAM,UAAU;AAChB,aAAO,SAAS;AAAA,IAClB,SAAS,OAAO;AACd,YAAM,UAAU;AAChB,eAAS,KAAK;AACd,YAAM;AAAA,IACR;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,MAAM,WAAW,gBAAgB;AAC/B,QAAI;AACF,YAAM,WAAW,MAAM,OAAO,IAAI,sBAAsB,cAAc,OAAO;AAG7E,YAAM,QAAQ,MAAM,cAAc,UAAU,OAAK,EAAE,QAAQ,cAAc;AACzE,UAAI,UAAU,IAAI;AAChB,cAAM,cAAc,KAAK,IAAI,SAAS;AACtC,0BAAiB;AAAA,MACnB;AAEA,aAAO,SAAS;AAAA,IAClB,SAAS,OAAO;AACd,eAAS,KAAK;AACd,YAAM;AAAA,IACR;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,uBAAuB,gBAAgB,QAAQ;AAC7C,UAAM,QAAQ,MAAM,cAAc,UAAU,OAAK,EAAE,QAAQ,cAAc;AACzE,QAAI,UAAU,IAAI;AAChB,YAAM,cAAc,KAAK,EAAE,SAAS;AACpC,YAAM,cAAc,KAAK,EAAE,aAAY,oBAAI,KAAI,GAAG,YAAW;AAC7D,wBAAiB;AAAA,IACnB;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,MAAM,eAAe,YAAY;AAC/B,QAAI;AACF,YAAM,SAASA,QAAW,MAAM;AAEhC,UAAI,QAAQ;AAEV,mBAAW,SAAS;AAAA,MACtB,OAAO;AAEL,YAAI,CAAC,WAAW,aAAa;AAE3B,qBAAW,cAAc,UAAU,KAAK,IAAG,IAAK,MAAM,KAAK,OAAM,EAAG,SAAS,EAAE,EAAE,OAAO,GAAG,CAAC;AAE5F,cAAI,OAAO,WAAW,aAAa;AACjC,gBAAI;AACF,oBAAM,YAAY,IAAI;AAAA,gBACpB,KAAK;AAAA,gBACL,OAAO,WAAW;AAAA,cAClC,CAAe;AAAA,YACH,SAAS,OAAO;AACd,sBAAQ,KAAK,+CAA+C,KAAK;AAAA,YACnE;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAEA,cAAQ,IAAI,6CAA6C,UAAU;AACnE,YAAM,WAAW,MAAM,OAAO,KAAK,uCAAuC,UAAU;AACpF,cAAQ,IAAI,yDAAyD,SAAS,IAAI;AAClF,YAAM,mBAAmB;AACzB,aAAO,SAAS;AAAA,IAClB,SAAS,OAAO;AACd,eAAS,KAAK;AACd,YAAM;AAAA,IACR;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,MAAM,6BAA6B;AACjC,QAAI;AACF,YAAM,iBAAiB,MAAM,YAAY,IAAI,EAAE,KAAK,2BAA2B;AAC/E,YAAM,oBAAoB,MAAM,YAAY,IAAI,EAAE,KAAK,8BAA8B;AACrF,YAAM,mBAAmB,MAAM,YAAY,IAAI,EAAE,KAAK,6BAA6B;AAEnF,YAAM,WAAW,eAAe;AAChC,YAAM,cAAc,kBAAkB;AACtC,YAAM,aAAa,iBAAiB,SAAS;AAE7C,UAAI,YAAY,aAAa;AAC3B,gBAAQ,IAAI,4DAA4D,EAAE,UAAU,WAAU,CAAE;AAChG,cAAM,KAAK,eAAe;AAAA,UACxB;AAAA,UACA;AAAA,UACA;AAAA,QACV,CAAS;AAAA,MACH,OAAO;AACL,gBAAQ,IAAI,iEAAiE;AAAA,MAC/E;AAAA,IACF,SAAS,OAAO;AACd,cAAQ,MAAM,4CAA4C,KAAK;AAAA,IACjE;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,MAAM,kBAAkB,aAAa;AACnC,QAAI;AACF,YAAM,SAASA,QAAW,KAAK;AAC/B,UAAI,CAAC,QAAQ;AACX,gBAAQ,KAAK,6CAA6C;AAC1D;AAAA,MACF;AAGA,YAAM,mBAAmB,OAAO,QAAQ,WAAW,EAAE,IAAI,CAAC,CAAC,aAAa,SAAS,MAAM;AACrF,eAAO;AAAA,UACL;AAAA,UACA,kBAAkB;AAAA;AAAA,UAClB;AAAA,QACV;AAAA,MACM,CAAC;AAED,YAAM,WAAW,MAAM,OAAO,IAAI,kCAAkC;AAAA,QAClE;AAAA,QACA,aAAa;AAAA,MACrB,CAAO;AAGD,YAAM,iBAAiB,CAAA;AACvB,eAAS,KAAK,QAAQ,UAAQ;AAC5B,uBAAe,KAAK,WAAW,IAAI,KAAK;AAAA,MAC1C,CAAC;AAED,YAAM,cAAc,EAAE,GAAG,sBAAsB,GAAG,eAAc;AAChE,aAAO,SAAS;AAAA,IAClB,SAAS,OAAO;AACd,eAAS,KAAK;AACd,YAAM;AAAA,IACR;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,MAAM,iBAAiB;AACrB,QAAI;AACF,YAAM,SAASA,QAAW,KAAK;AAC/B,UAAI,CAAC,QAAQ;AACX,gBAAQ,KAAK,0CAA0C;AACvD;AAAA,MACF;AAGA,YAAM,WAAW,MAAM,OAAO,IAAI,kCAAkC,MAAM,EAAE;AAG5E,YAAM,iBAAiB,CAAA;AACvB,eAAS,KAAK,QAAQ,UAAQ;AAC5B,uBAAe,KAAK,WAAW,IAAI,KAAK;AAAA,MAC1C,CAAC;AAED,YAAM,cAAc,EAAE,GAAG,sBAAsB,GAAG,eAAc;AAChE,aAAO,SAAS;AAAA,IAClB,SAAS,OAAO;AACd,eAAS,KAAK;AAEd,YAAM,cAAc,EAAE,GAAG,qBAAoB;AAC7C,YAAM;AAAA,IACR;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,qBAAqB,cAAc;AAEjC,QAAI,aAAa,KAAK;AACpB,YAAM,gBAAgB,MAAM,cAAc,UAAU,OAAK,EAAE,QAAQ,aAAa,GAAG;AACnF,UAAI,kBAAkB,IAAI;AAExB,cAAM,cAAc,aAAa,IAAI;AAAA,UACnC,GAAG,MAAM,cAAc,aAAa;AAAA,UACpC,GAAG;AAAA,UACH,YAAW,oBAAI,KAAI,GAAG,YAAW;AAAA,QAC3C;AACQ,0BAAiB;AACjB;AAAA,MACF;AAAA,IACF;AAGA,UAAM,kBAAkB;AAAA,MACtB,KAAK,aAAa,OAAO,KAAK,IAAG,EAAG,SAAQ;AAAA;AAAA,MAC5C,OAAO,aAAa;AAAA,MACpB,MAAM,aAAa;AAAA,MACnB,MAAM,aAAa,QAAQ,aAAa,MAAM,QAAQ;AAAA,MACtD,UAAU,aAAa,QAAQ,aAAa,YAAY,CAAA;AAAA,MACxD,QAAQ,aAAa,UAAU;AAAA,MAC/B,WAAW,aAAa,cAAa,oBAAI,KAAI,GAAG,YAAW;AAAA,MAC3D,WAAW,aAAa,cAAa,oBAAI,KAAI,GAAG,YAAW;AAAA,IACjE;AAGI,UAAM,cAAc,QAAQ,eAAe;AAC3C,sBAAiB;AAAA,EACnB;AAAA;AAAA;AAAA;AAAA,EAKA,yBAAyB,MAAM;AAE7B,QAAI,KAAK,gBAAgB;AACvB,cAAQ,WAAW,KAAK,cAAc;AAAA,IACxC;AAEA,WAAO;AAAA,EAiBT;AAAA;AAAA;AAAA;AAAA,EAKA,MAAM,gBAAgB;AACpB,QAAI;AACF,YAAM,SAASA,QAAW,KAAK;AAC/B,UAAI,CAAC,QAAQ;AACX,gBAAQ,KAAK,2CAA2C;AACxD;AAAA,MACF;AAEA,cAAQ,IAAI,gCAAgC;AAC5C,cAAQ,IAAI,QAAQ,2BAA2B,MAAM,WAAW;AAEhE,YAAM,WAAW,MAAM,OAAO,IAAI,2BAA2B,MAAM,WAAW;AAE9E,cAAQ,IAAI,kCAAkC,SAAS,MAAM;AAC7D,cAAQ,IAAI,gCAAgC,SAAS,IAAI;AAGzD,YAAM,cAAc,QAAQ,kBAAgB;AAC1C,qBAAa,SAAS;AACtB,qBAAa,aAAY,oBAAI,KAAI,GAAG,YAAW;AAAA,MACjD,CAAC;AAED,wBAAiB;AACjB,cAAQ,IAAI,sCAAsC,MAAM,WAAW;AACnE,aAAO,SAAS;AAAA,IAClB,SAAS,OAAO;AACd,eAAS,KAAK;AACd,YAAM;AAAA,IACR;AAAA,EACF;AACF;AAEK,MAAC,YAAY;AAAA,EAChB,qBAAqB;AACnB,UAAM,gBAAgB,CAAA;AACtB,UAAM,cAAc;AACpB,UAAM,WAAW;AAAA,EACnB;AAAA,EAEA,eAAe;AACb,UAAM,UAAU,EAAE,GAAG,sBAAqB;AAAA,EAC5C;AAAA,EAEA,mBAAmB;AACjB,UAAM,cAAc,EAAE,GAAG,qBAAoB;AAAA,EAC/C;AACF;AAGA,SAAS,oBAAoB;AAC3B,QAAM,cAAc,MAAM,cAAc,OAAO,OAAK,EAAE,WAAW,MAAM,EAAE;AAC3E;AAMA,MAAM,OAAO,cAAY;AAEzB,CAAC;AAGI,MAAC,UAAU;AAAA,EACd,qBAAqB,SAAS,MAAM;AAClC,WAAO,MAAM,cAAc,OAAO,OAAK,EAAE,WAAW,MAAM;AAAA,EAC5D,CAAC;AAAA,EAED,mBAAmB,SAAS,MAAM;AAChC,WAAO,MAAM,cAAc,OAAO,OAAK,EAAE,WAAW,MAAM;AAAA,EAC5D,CAAC;AAAA,EAED,qBAAqB,SAAS,MAAM;AAClC,UAAM,SAAS,CAAA;AACf,UAAM,cAAc,QAAQ,kBAAgB;AAC1C,UAAI,CAAC,OAAO,aAAa,IAAI,GAAG;AAC9B,eAAO,aAAa,IAAI,IAAI,CAAA;AAAA,MAC9B;AACA,aAAO,aAAa,IAAI,EAAE,KAAK,YAAY;AAAA,IAC7C,CAAC;AACD,WAAO;AAAA,EACT,CAAC;AACH;"}
+{"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/core/views/utils/axios-instance.js';\n// Globals\nimport { setError } from '@martyrs/src/modules/core/views/store/core.store.js';\n// Auth\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n// Capacitor Preferences\nimport { Preferences } from '@capacitor/preferences';\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  // Telegram\n  telegramConnected: false,\n  telegramChatId: null,\n  telegramDeepLink: 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      const userId = auth.state.user?._id;\n      \n      if (userId) {\n        // Registered user\n        deviceData.userId = userId;\n      } else {\n        // Anonymous user - generate or use existing anonymousId\n        if (!deviceData.anonymousId) {\n          // Generate anonymous ID if not provided\n          deviceData.anonymousId = 'anon_' + Date.now() + '_' + Math.random().toString(36).substr(2, 9);\n          // Store in Capacitor Preferences for persistence\n          if (typeof window !== 'undefined') {\n            try {\n              await Preferences.set({\n                key: 'notifications_anonymous_id',\n                value: deviceData.anonymousId\n              });\n            } catch (error) {\n              console.warn('Could not save anonymous ID to preferences:', error);\n            }\n          }\n        }\n      }\n\n      console.log('[Notifications Store] Registering device:', deviceData);\n      const response = await $axios.post('/api/notifications/devices/register', deviceData);\n      console.log('[Notifications Store] Device registered successfully:', response.data);\n      state.deviceRegistered = true;\n      return response.data;\n    } catch (error) {\n      setError(error);\n      throw error;\n    }\n  },\n\n  /**\n   * Unregister (deactivate) device on server\n   */\n  async unregisterDevice(deviceId) {\n    try {\n      const userId = auth.state.user?._id;\n      const payload = { deviceId };\n      if (userId) payload.userId = userId;\n      await $axios.post('/api/notifications/devices/deactivate', payload);\n      state.deviceRegistered = false;\n    } catch (error) {\n      console.error('[Notifications Store] Unregister device error:', error);\n    }\n  },\n\n  /**\n   * Re-register device after user login\n   */\n  async reregisterDeviceAfterLogin() {\n    try {\n      const deviceIdResult = await Preferences.get({ key: 'notifications_device_id' });\n      const deviceTokenResult = await Preferences.get({ key: 'notifications_device_token' });\n      const deviceTypeResult = await Preferences.get({ key: 'notifications_device_type' });\n      \n      const deviceId = deviceIdResult.value;\n      const deviceToken = deviceTokenResult.value;\n      const deviceType = deviceTypeResult.value || 'web';\n      \n      if (deviceId && deviceToken) {\n        console.log('[Notifications Store] Re-registering device after login:', { deviceId, deviceType });\n        await this.registerDevice({\n          deviceId,\n          deviceToken,\n          deviceType\n        });\n      } else {\n        console.log('[Notifications Store] No stored device info for re-registration');\n      }\n    } catch (error) {\n      console.error('Error re-registering device after login:', 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   * Generate Telegram deep link for connecting bot\n   */\n  async generateTelegramLink() {\n    try {\n      const userId = auth.state.user._id;\n      if (!userId) return null;\n      const response = await $axios.post('/api/notifications/telegram/generate-link', { userId });\n      state.telegramDeepLink = response.data.deepLink;\n      return response.data;\n    } catch (error) {\n      setError(error);\n      throw error;\n    }\n  },\n\n  /**\n   * Get Telegram connection status\n   */\n  async getTelegramStatus() {\n    try {\n      const userId = auth.state.user._id;\n      if (!userId) return;\n      const response = await $axios.get(`/api/notifications/telegram/status/${userId}`);\n      state.telegramConnected = response.data.connected;\n      state.telegramChatId = response.data.chatId;\n      return response.data;\n    } catch (error) {\n      console.error('Error getting Telegram status:', error);\n    }\n  },\n\n  /**\n   * Disconnect Telegram\n   */\n  async disconnectTelegram() {\n    try {\n      const userId = auth.state.user._id;\n      if (!userId) return;\n      await $axios.post('/api/notifications/telegram/disconnect', { userId });\n      state.telegramConnected = false;\n      state.telegramChatId = null;\n      state.telegramDeepLink = null;\n      state.preferences.telegram = false;\n    } catch (error) {\n      setError(error);\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/CardApplication.vue.js

@@ -1,11 +1,12 @@
-import { createElementBlock, openBlock, createElementVNode, createCommentVNode, toDisplayString, createVNode } from "vue";
+import { createElementBlock, openBlock, createElementVNode, createCommentVNode, toDisplayString, createVNode, unref } from "vue";
 import IconTime from "../../../icons/entities/IconTime.vue.js";
 import _sfc_main$1 from "../../../../components/Table/StatusBadge.vue.js";
+import { useGlobalMixins } from "../../../core/views/mixins/mixins.js";
 const _hoisted_1 = { class: "bg-light pos-relative pd-medium radius-medium" };
 const _hoisted_2 = { class: "mn-b-small flex" };
 const _hoisted_3 = { class: "mn-r-auto" };
 const _hoisted_4 = { class: "mn-b-thin" };
-const _hoisted_5 = { class: "t-transp" };
+const _hoisted_5 = { class: "opacity-50" };
 const _hoisted_6 = { class: "flex-center" };
 const _hoisted_7 = { class: "mn-b-thin pd-small bg-white radius-small flex" };
 const _hoisted_8 = { class: "truncate" };
@@ -31,6 +32,7 @@ const _sfc_main = {
     }
   },
   setup(__props) {
+    const { formatPhone } = useGlobalMixins();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
@@ -45,15 +47,15 @@ const _sfc_main = {
           ])
         ]),
         createElementVNode("div", _hoisted_7, [
-          _cache[0] || (_cache[0] = createElementVNode("p", { class: "mn-r-auto t-transp" }, "Type", -1)),
+          _cache[0] || (_cache[0] = createElementVNode("p", { class: "mn-r-auto opacity-50" }, "Type", -1)),
           createElementVNode("p", _hoisted_8, toDisplayString(__props.application.type || "Unknown"), 1)
         ]),
         createElementVNode("div", _hoisted_9, [
-          _cache[1] || (_cache[1] = createElementVNode("p", { class: "mn-r-auto t-transp" }, "Phone", -1)),
-          createElementVNode("p", null, toDisplayString(__props.application.contacts?.phone || "No phone"), 1)
+          _cache[1] || (_cache[1] = createElementVNode("p", { class: "mn-r-auto opacity-50" }, "Phone", -1)),
+          createElementVNode("p", null, toDisplayString(__props.application.contacts?.phone ? unref(formatPhone)(__props.application.contacts.phone) : "No phone"), 1)
         ]),
         createElementVNode("div", _hoisted_10, [
-          _cache[2] || (_cache[2] = createElementVNode("p", { class: "mn-r-auto t-transp" }, "ID", -1)),
+          _cache[2] || (_cache[2] = createElementVNode("p", { class: "mn-r-auto opacity-50" }, "ID", -1)),
           createElementVNode("p", null, "#" + toDisplayString(__props.application._id.slice(0, 4) + "..." + __props.application._id.slice(-4)), 1)
         ]),
         __props.application.text ? (openBlock(), createElementBlock("div", _hoisted_11, [
@@ -61,7 +63,7 @@ const _sfc_main = {
         ])) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_13, [
           createVNode(IconTime, {
-            class: "i-medium t-transp",
+            class: "i-medium opacity-50",
             fill: "rgb(var(--black))"
           }),
           createElementVNode("p", _hoisted_14, toDisplayString(__props.formatDate(__props.application.updatedAt)), 1)

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

@@ -1 +1 @@
-{"version":3,"file":"CardApplication.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardApplication.vue.js","sources":["../../../../../../../src/modules/orders/components/blocks/CardApplication.vue"],"sourcesContent":["<template>\n  <div class=\"bg-light pos-relative pd-medium radius-medium\">\n    <div class=\"mn-b-small flex\">\n      <div class=\"mn-r-auto\">\n        <h3 class=\"mn-b-thin\">{{ application.contacts?.name || application.contacts?.email || application.contacts?.phone || 'Unnamed Application' }}</h3>\n        <p class=\"opacity-50\">{{ application.contacts?.email || application.contacts?.phone }}</p>\n      </div>\n      <div class=\"flex-center\">\n        <StatusBadge :value=\"application.status\" />\n      </div>\n    </div>\n\n    <div class=\"mn-b-thin pd-small bg-white radius-small flex\">\n      <p class=\"mn-r-auto opacity-50\">Type</p>\n      <p class=\"truncate\">{{ application.type || 'Unknown' }}</p>\n    </div>\n\n    <div class=\"mn-b-thin pd-small bg-white radius-small flex\">\n      <p class=\"mn-r-auto opacity-50\">Phone</p>\n      <p>{{ application.contacts?.phone ? formatPhone(application.contacts.phone) : 'No phone' }}</p>\n    </div>\n\n    <div class=\"mn-b-thin pd-small bg-white radius-small flex\">\n      <p class=\"mn-r-auto opacity-50\">ID</p>\n      <p>#{{ application._id.slice(0, 4) + '...' + application._id.slice(-4) }}</p>\n    </div>\n\n    <div v-if=\"application.text\" class=\"mn-b-thin pd-small bg-white radius-small\">\n      <p class=\"t-small\">{{ application.text.length > 100 ? application.text.slice(0, 100) + '...' : application.text }}</p>\n    </div>\n\n    <div class=\"pd-small bg-white radius-small gap-micro flex-v-center flex-nowrap flex\">\n      <IconTime class=\"i-medium opacity-50\" fill=\"rgb(var(--black))\" />\n      <p class=\"fw-medium mn-r-auto\">{{ formatDate(application.updatedAt) }}</p>\n    </div>\n  </div>\n</template>\n\n<script setup>\n  import IconTime from '@martyrs/src/modules/icons/entities/IconTime.vue';\n  import StatusBadge from '@martyrs/src/components/Table/StatusBadge.vue';\n  import { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\n  const { formatPhone } = useGlobalMixins();\n\n  defineProps({\n    application: {\n      type: Object,\n      required: true\n    },\n    formatDate: {\n      type: Function,\n      required: true\n    }\n  });\n</script>\n\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CE,UAAM,EAAE,YAAW,IAAK,gBAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,11 +1,12 @@
-import { createElementBlock, openBlock, createElementVNode, createCommentVNode, toDisplayString, createVNode, Fragment, renderList } from "vue";
+import { createElementBlock, openBlock, createElementVNode, createCommentVNode, toDisplayString, unref, createVNode, Fragment, renderList } from "vue";
 import _sfc_main$1 from "../../../../components/Table/StatusBadge.vue.js";
 import IconTime from "../../../icons/entities/IconTime.vue.js";
+import { useGlobalMixins } from "../../../core/views/mixins/mixins.js";
 const _hoisted_1 = { class: "bg-light pos-relative pd-medium radius-medium" };
 const _hoisted_2 = { class: "mn-b-small flex" };
 const _hoisted_3 = { class: "mn-r-auto" };
 const _hoisted_4 = { class: "mn-b-thin" };
-const _hoisted_5 = { class: "t-transp" };
+const _hoisted_5 = { class: "opacity-50" };
 const _hoisted_6 = { class: "flex-center" };
 const _hoisted_7 = { class: "mn-b-thin pd-small bg-white radius-small flex" };
 const _hoisted_8 = { class: "truncate" };
@@ -17,7 +18,7 @@ const _hoisted_11 = {
 };
 const _hoisted_12 = {
   key: 0,
-  class: "bg-light pd-nano radius-small t-small t-transp"
+  class: "bg-light pd-nano radius-small t-small opacity-50"
 };
 const _hoisted_13 = {
   key: 1,
@@ -39,12 +40,13 @@ const _sfc_main = {
     }
   },
   setup(__props) {
+    const { formatPhone } = useGlobalMixins();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
           createElementVNode("div", _hoisted_3, [
-            createElementVNode("h3", _hoisted_4, toDisplayString(__props.customer.profile?.name || __props.customer.email || __props.customer.phone || "Unnamed Customer"), 1),
-            createElementVNode("p", _hoisted_5, toDisplayString(__props.customer.email || __props.customer.phone), 1)
+            createElementVNode("h3", _hoisted_4, toDisplayString(__props.customer.profile?.name || __props.customer.email || unref(formatPhone)(__props.customer.phone) || "Unnamed Customer"), 1),
+            createElementVNode("p", _hoisted_5, toDisplayString(__props.customer.email || unref(formatPhone)(__props.customer.phone)), 1)
           ]),
           createElementVNode("div", _hoisted_6, [
             createVNode(_sfc_main$1, {
@@ -53,15 +55,15 @@ const _sfc_main = {
           ])
         ]),
         createElementVNode("div", _hoisted_7, [
-          _cache[0] || (_cache[0] = createElementVNode("p", { class: "mn-r-auto t-transp" }, "Source", -1)),
+          _cache[0] || (_cache[0] = createElementVNode("p", { class: "mn-r-auto opacity-50" }, "Source", -1)),
           createElementVNode("p", _hoisted_8, toDisplayString(__props.customer.source || "Unknown"), 1)
         ]),
         createElementVNode("div", _hoisted_9, [
-          _cache[1] || (_cache[1] = createElementVNode("p", { class: "mn-r-auto t-transp" }, "Type", -1)),
+          _cache[1] || (_cache[1] = createElementVNode("p", { class: "mn-r-auto opacity-50" }, "Type", -1)),
           createElementVNode("p", null, toDisplayString(__props.customer.identity?.type || "Visitor"), 1)
         ]),
         createElementVNode("div", _hoisted_10, [
-          _cache[2] || (_cache[2] = createElementVNode("p", { class: "mn-r-auto t-transp" }, "ID", -1)),
+          _cache[2] || (_cache[2] = createElementVNode("p", { class: "mn-r-auto opacity-50" }, "ID", -1)),
           createElementVNode("p", null, "#" + toDisplayString(__props.customer._id.slice(0, 4) + "..." + __props.customer._id.slice(-4)), 1)
         ]),
         __props.customer.tags && __props.customer.tags.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_11, [
@@ -78,7 +80,7 @@ const _sfc_main = {
         ])) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_15, [
           createVNode(IconTime, {
-            class: "i-medium t-transp",
+            class: "i-medium opacity-50",
             fill: "rgb(var(--black))"
           }),
           createElementVNode("p", _hoisted_16, toDisplayString(__props.formatDate(__props.customer.lastActivity || __props.customer.updatedAt)), 1)

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

@@ -1 +1 @@
-{"version":3,"file":"CardCustomer.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardCustomer.vue.js","sources":["../../../../../../../src/modules/orders/components/blocks/CardCustomer.vue"],"sourcesContent":["<template>\n  <div class=\"bg-light pos-relative pd-medium radius-medium\">\n    <div class=\"mn-b-small flex\">\n      <div class=\"mn-r-auto\">\n        <h3 class=\"mn-b-thin\">{{ customer.profile?.name || customer.email || formatPhone(customer.phone) || 'Unnamed Customer' }}</h3>\n        <p class=\"opacity-50\">{{ customer.email || formatPhone(customer.phone) }}</p>\n      </div>\n      <div class=\"flex-center\">\n        <StatusBadge :value=\"customer.status\" />\n      </div>\n    </div>\n\n    <div class=\"mn-b-thin pd-small bg-white radius-small flex\">\n      <p class=\"mn-r-auto opacity-50\">Source</p>\n      <p class=\"truncate\">{{ customer.source || 'Unknown' }}</p>\n    </div>\n\n    <div class=\"mn-b-thin pd-small bg-white radius-small flex\">\n      <p class=\"mn-r-auto opacity-50\">Type</p>\n      <p>{{ customer.identity?.type || 'Visitor' }}</p>\n    </div>\n\n    <div class=\"mn-b-thin pd-small bg-white radius-small flex\">\n      <p class=\"mn-r-auto opacity-50\">ID</p>\n      <p>#{{ customer._id.slice(0, 4) + '...' + customer._id.slice(-4) }}</p>\n    </div>\n\n    <div v-if=\"customer.tags && customer.tags.length > 0\" class=\"mn-b-thin pd-small bg-white radius-small flex flex-wrap gap-nano\">\n      <span\n        v-for=\"tag in customer.tags.slice(0, 3)\"\n        :key=\"tag\"\n        class=\"bg-light pd-nano radius-small t-small\"\n      >\n        {{ tag }}\n      </span>\n      <span\n        v-if=\"customer.tags.length > 3\"\n        class=\"bg-light pd-nano radius-small t-small opacity-50\"\n      >\n        +{{ customer.tags.length - 3 }}\n      </span>\n    </div>\n\n    <div v-if=\"customer.referral?.code\" class=\"mn-b-thin pd-small bg-white radius-small\">\n      <p class=\"t-small\">Referral: {{ customer.referral.code }}</p>\n    </div>\n\n    <div class=\"pd-small bg-white radius-small gap-micro flex-v-center flex-nowrap flex\">\n      <IconTime class=\"i-medium opacity-50\" fill=\"rgb(var(--black))\" />\n      <p class=\"fw-medium mn-r-auto\">{{ formatDate(customer.lastActivity || customer.updatedAt) }}</p>\n    </div>\n  </div>\n</template>\n\n<script setup>\n  import StatusBadge from '@martyrs/src/components/Table/StatusBadge.vue';\n  import IconTime from '@martyrs/src/modules/icons/entities/IconTime.vue';\n  import { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\n  const { formatPhone } = useGlobalMixins();\n\n  defineProps({\n    customer: {\n      type: Object,\n      required: true\n    },\n    formatDate: {\n      type: Function,\n      required: true\n    }\n  });\n</script>\n\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2DE,UAAM,EAAE,YAAW,IAAK,gBAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -64,7 +64,7 @@ const _hoisted_24 = {
 };
 const _hoisted_25 = {
   key: 5,
-  class: "t-transp"
+  class: "opacity-50"
 };
 const _sfc_main = {
   __name: "CardOrder",
@@ -101,21 +101,21 @@ const _sfc_main = {
           ]),
           createElementVNode("div", _hoisted_10, [
             createElementVNode("p", _hoisted_11, [
-              _cache[2] || (_cache[2] = createElementVNode("span", { class: "t-transp" }, "Order:", -1)),
+              _cache[2] || (_cache[2] = createElementVNode("span", { class: "opacity-50" }, "Order:", -1)),
               createTextVNode(" №" + toDisplayString(__props.order._id.slice(0, 8)), 1)
             ]),
             __props.order.delivery.type === "Post" ? (openBlock(), createElementBlock("p", _hoisted_12, [
-              _cache[3] || (_cache[3] = createElementVNode("span", { class: "t-transp" }, "Estimated shipping date:", -1)),
+              _cache[3] || (_cache[3] = createElementVNode("span", { class: "opacity-50" }, "Estimated shipping date:", -1)),
               _cache[4] || (_cache[4] = createElementVNode("br", null, null, -1)),
               createTextVNode(toDisplayString(DateToFormattedString(__props.order.createdAt)), 1)
             ])) : createCommentVNode("", true),
             __props.order.delivery.type === "Courier" ? (openBlock(), createElementBlock("p", _hoisted_13, [
-              _cache[5] || (_cache[5] = createElementVNode("span", { class: "t-transp" }, "Shipping date:", -1)),
+              _cache[5] || (_cache[5] = createElementVNode("span", { class: "opacity-50" }, "Shipping date:", -1)),
               _cache[6] || (_cache[6] = createElementVNode("br", null, null, -1)),
               createTextVNode(toDisplayString(DateToFormattedString2(__props.order.createdAt)), 1)
             ])) : createCommentVNode("", true),
             __props.order.delivery.type === "Pickup" ? (openBlock(), createElementBlock("p", _hoisted_14, _cache[7] || (_cache[7] = [
-              createElementVNode("span", { class: "t-transp" }, "Type of delivery:", -1),
+              createElementVNode("span", { class: "opacity-50" }, "Type of delivery:", -1),
               createElementVNode("br", null, null, -1),
               createTextVNode("Pickup ")
             ]))) : createCommentVNode("", true),
@@ -123,17 +123,17 @@ const _sfc_main = {
             createElementVNode("div", {
               class: normalizeClass([{ "mn-semi": __props.order.delivery.type == "" }, "flex"])
             }, [
-              _cache[8] || (_cache[8] = createElementVNode("p", { class: "t-transp" }, "In total", -1)),
+              _cache[8] || (_cache[8] = createElementVNode("p", { class: "opacity-50" }, "In total", -1)),
               createElementVNode("p", null, "$ " + toDisplayString(_ctx.cartTotalPrice), 1)
             ], 2),
             __props.order.delivery.type !== "" ? (openBlock(), createElementBlock("div", _hoisted_15, [
-              _cache[9] || (_cache[9] = createElementVNode("p", { class: "t-transp" }, "Delivery", -1)),
+              _cache[9] || (_cache[9] = createElementVNode("p", { class: "opacity-50" }, "Delivery", -1)),
               __props.order.delivery.type === "Pickup" ? (openBlock(), createElementBlock("p", _hoisted_16, "Free")) : createCommentVNode("", true),
               __props.order.delivery.type === "Post" ? (openBlock(), createElementBlock("p", _hoisted_17, "$ 10")) : createCommentVNode("", true),
               __props.order.delivery.type === "Courier" ? (openBlock(), createElementBlock("p", _hoisted_18, "$ 20")) : createCommentVNode("", true)
             ])) : createCommentVNode("", true),
             createElementVNode("div", _hoisted_19, [
-              _cache[10] || (_cache[10] = createElementVNode("p", { class: "t-transp" }, "In total to pay", -1)),
+              _cache[10] || (_cache[10] = createElementVNode("p", { class: "opacity-50" }, "In total to pay", -1)),
               __props.order.delivery.type === "" ? (openBlock(), createElementBlock("p", _hoisted_20, "$ " + toDisplayString(_ctx.cartTotalPrice), 1)) : createCommentVNode("", true),
               __props.order.delivery.type === "Pickup" ? (openBlock(), createElementBlock("p", _hoisted_21, "$ " + toDisplayString(_ctx.cartTotalPrice) + " ₽", 1)) : createCommentVNode("", true),
               __props.order.delivery.type === "Courier" ? (openBlock(), createElementBlock("p", _hoisted_22, "$ " + toDisplayString(_ctx.cartTotalPrice + 20), 1)) : createCommentVNode("", true),
@@ -147,7 +147,7 @@ const _sfc_main = {
     };
   }
 };
-const CardOrder = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1e6239c6"]]);
+const CardOrder = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-62ed93f8"]]);
 export {
   CardOrder as default
 };

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 fw-medium p-medium\">{{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-r-1px br-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=\"fw-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 fw-medium p-medium\">\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 fw-medium p-medium\">\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-medium fw-semi\">$ {{ cartTotalPrice }}</p>\n\t        <p v-if=\"order.delivery.type === 'Pickup'\" class=\"p-medium fw-semi\">$ {{ cartTotalPrice}} ₽</p>\n\t        <p v-if=\"order.delivery.type === 'Courier'\" class=\"p-medium fw-semi\">$ {{ cartTotalPrice + 20 }}</p>\n\t        <p v-if=\"order.delivery.type === 'Post'\" class=\"p-medium fw-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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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 fw-medium p-medium\">{{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-r-1px br-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=\"fw-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 fw-medium p-medium\">\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 fw-medium p-medium\">\n\t        <span class=\"opacity-50\">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=\"opacity-50\">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=\"opacity-50\">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=\"opacity-50\">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=\"opacity-50\">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=\"opacity-50\">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=\"opacity-50\">In total to pay</p>\n\t        <p v-if=\"order.delivery.type === ''\" class=\"p-medium fw-semi\">$ {{ cartTotalPrice }}</p>\n\t        <p v-if=\"order.delivery.type === 'Pickup'\" class=\"p-medium fw-semi\">$ {{ cartTotalPrice}} ₽</p>\n\t        <p v-if=\"order.delivery.type === 'Courier'\" class=\"p-medium fw-semi\">$ {{ cartTotalPrice + 20 }}</p>\n\t        <p v-if=\"order.delivery.type === 'Post'\" class=\"p-medium fw-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=\"opacity-50\" 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.js

@@ -1,6 +1,7 @@
-import { ref, createElementBlock, openBlock, createVNode, createElementVNode, createCommentVNode, toDisplayString, Fragment, renderList, createBlock, Transition, withCtx, createTextVNode, withModifiers } from "vue";
+import { ref, createElementBlock, openBlock, createVNode, createElementVNode, createCommentVNode, toDisplayString, Fragment, renderList, createBlock, Transition, withCtx, createTextVNode, withModifiers, normalizeClass } from "vue";
 import _sfc_main$1 from "../../../core/views/components/blocks/CardHeader.vue.js";
 import IconTime from "../../../icons/entities/IconTime.vue.js";
+import { formatRentDateLabel } from "../../utils/rent-price.js";
 const _hoisted_1 = { class: "bg-light pos-relative pd-medium radius-medium" };
 const _hoisted_2 = { class: "mn-b-small pd-small bg-white radius-small flex-nowrap flex" };
 const _hoisted_3 = { class: "w-100" };
@@ -9,13 +10,15 @@ const _hoisted_5 = { class: "w-100 t-right" };
 const _hoisted_6 = { class: "mn-b-thin" };
 const _hoisted_7 = { class: "cols-1 pos-relative mn-b-small gap-thin pd-small bg-white radius-small" };
 const _hoisted_8 = { class: "mn-r-auto" };
-const _hoisted_9 = { class: "t-right" };
-const _hoisted_10 = { class: "t-transp" };
-const _hoisted_11 = { class: "pd-small bg-white radius-small gap-micro flex-v-center flex-nowrap flex" };
-const _hoisted_12 = { class: "fw-medium mn-r-auto" };
-const _hoisted_13 = { class: "flex-child flex-shrink-0 capitalize w-max fw-medium radius-big pd-thin bg-main" };
-const _hoisted_14 = { class: "flex-child flex-shrink-0 capitalize w-max fw-medium radius-big pd-thin t-white bg-red" };
-const _hoisted_15 = {
+const _hoisted_9 = {
+  key: 0,
+  class: "mn-t-thin p-small opacity-50"
+};
+const _hoisted_10 = { class: "t-right flex-shrink-0" };
+const _hoisted_11 = { class: "opacity-50" };
+const _hoisted_12 = { class: "pd-small bg-white radius-small gap-micro flex-v-center flex-nowrap flex" };
+const _hoisted_13 = { class: "fw-medium mn-r-auto" };
+const _hoisted_14 = {
   key: 0,
   class: "pos-relative radius-small bg-fifth-transp-10 mn-t-thin pd-small"
 };
@@ -30,6 +33,10 @@ const _sfc_main = {
       type: Object,
       required: true
     },
+    statuses: {
+      type: Array,
+      default: () => []
+    },
     formatDate: {
       type: Function,
       required: true
@@ -44,7 +51,40 @@ const _sfc_main = {
     }
   },
   setup(__props) {
+    const props = __props;
     const spoiler = ref(false);
+    function positionRentLabel(position) {
+      return formatRentDateLabel(position.date?.start, position.date?.end, position.rentPeriod, props.formatDate);
+    }
+    function statusLabel(value) {
+      const found = props.statuses.find((s) => s.value === value);
+      return found ? found.label : value;
+    }
+    const orderStatusColors = {
+      "pending": "bg-yellow",
+      "created": "bg-yellow",
+      "confirmed": "t-white bg-second",
+      "in_progress": "bg-green",
+      "active": "bg-green",
+      "finished": "bg-grey",
+      "completed": "bg-grey",
+      "canceled": "t-white bg-red"
+    };
+    function orderStatusClass(status) {
+      return orderStatusColors[status] || "bg-main";
+    }
+    function paymentStatusClass(status) {
+      switch (status) {
+        case "paid":
+          return "t-white bg-green";
+        case "pending":
+          return "bg-yellow";
+        case "refunded":
+          return "t-white bg-second";
+        default:
+          return "t-white bg-red";
+      }
+    }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(_sfc_main$1, {
@@ -71,12 +111,15 @@ const _sfc_main = {
               default: withCtx(() => [
                 index < 2 || spoiler.value && index >= 2 ? (openBlock(), createElementBlock("div", {
                   key: index,
-                  class: "w-100 flex"
+                  class: "w-100 flex-v-center flex"
                 }, [
-                  createElementVNode("p", _hoisted_8, toDisplayString(position.name), 1),
-                  createElementVNode("p", _hoisted_9, [
+                  createElementVNode("div", _hoisted_8, [
+                    createElementVNode("p", null, toDisplayString(position.name), 1),
+                    position.listing === "rent" && position.date?.start && position.date?.end ? (openBlock(), createElementBlock("p", _hoisted_9, toDisplayString(positionRentLabel(position)), 1)) : createCommentVNode("", true)
+                  ]),
+                  createElementVNode("p", _hoisted_10, [
                     createTextVNode(toDisplayString(position.quantity) + " " + toDisplayString(position.type) + " x ", 1),
-                    createElementVNode("span", _hoisted_10, toDisplayString(__props.currency) + " " + toDisplayString(position.price), 1)
+                    createElementVNode("span", _hoisted_11, toDisplayString(__props.currency) + " " + toDisplayString(position.price), 1)
                   ])
                 ])) : createCommentVNode("", true)
               ]),
@@ -89,17 +132,21 @@ const _sfc_main = {
             class: "cursor-pointer radius-big bg-light-transp-50 pd-nano w-100 flex-center flex"
           }, toDisplayString(!spoiler.value ? `+${__props.order.positions.length - 2} more` : `Hide`), 1)) : createCommentVNode("", true)
         ]),
-        createElementVNode("div", _hoisted_11, [
+        createElementVNode("div", _hoisted_12, [
           createVNode(IconTime, {
-            class: "i-medium t-transp",
+            class: "i-medium opacity-50",
             fill: "rgb(var(--black)"
           }),
-          createElementVNode("p", _hoisted_12, toDisplayString(__props.formatDate(__props.order.deadline)), 1),
-          createElementVNode("span", _hoisted_13, toDisplayString(__props.order.status), 1),
-          createElementVNode("span", _hoisted_14, toDisplayString(__props.order.payment.status || "Not defined"), 1)
+          createElementVNode("p", _hoisted_13, toDisplayString(__props.formatDate(__props.order.deadline)), 1),
+          createElementVNode("span", {
+            class: normalizeClass(["flex-child flex-shrink-0 w-max fw-medium radius-thin pd-thin", orderStatusClass(__props.order.status)])
+          }, toDisplayString(statusLabel(__props.order.status)), 3),
+          createElementVNode("span", {
+            class: normalizeClass(["flex-child flex-shrink-0 capitalize w-max fw-medium radius-thin pd-thin", paymentStatusClass(__props.order.payment.status)])
+          }, toDisplayString(__props.order.payment.status || "Unpaid"), 3)
         ]),
-        __props.order.comment ? (openBlock(), createElementBlock("div", _hoisted_15, [
-          _cache[1] || (_cache[1] = createElementVNode("p", { class: "mn-b-thin t-transp uppercase p-small fw-medium" }, "Comment", -1)),
+        __props.order.comment ? (openBlock(), createElementBlock("div", _hoisted_14, [
+          _cache[1] || (_cache[1] = createElementVNode("p", { class: "mn-b-thin opacity-50 uppercase p-small fw-medium" }, "Comment", -1)),
           createElementVNode("p", null, toDisplayString(__props.order.comment), 1)
         ])) : createCommentVNode("", true)
       ]);

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

@@ -1 +1 @@
-{"version":3,"file":"CardOrderBackoffice.vue.js","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=\"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-medium t-transp\" fill=\"rgb(var(--black)\" />\n      <p class=\"fw-medium mn-r-auto\">{{formatDate(order.deadline)}}</p>\n\n      <span \n        class=\"flex-child flex-shrink-0 capitalize w-max fw-medium radius-big pd-thin bg-main\"\n      >\n        {{order.status}}\n      </span>\n\n      <span \n        class=\"flex-child flex-shrink-0 capitalize w-max fw-medium radius-big pd-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 fw-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/core/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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwGA,UAAM,UAAU,IAAI,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardOrderBackoffice.vue.js","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=\"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-v-center flex\"\n\t\t\t    >\n\t\t\t      <div class=\"mn-r-auto\">\n\t\t\t        <p>{{ position.name }}</p>\n\t\t\t        <p v-if=\"position.listing === 'rent' && position.date?.start && position.date?.end\" class=\"mn-t-thin p-small opacity-50\">\n\t\t\t          {{ positionRentLabel(position) }}\n\t\t\t        </p>\n\t\t\t      </div>\n\t\t\t      <p class=\"t-right flex-shrink-0\">\n\t\t\t        {{ position.quantity }} {{ position.type }}\n\t\t\t        x\n\t\t\t        <span class=\"opacity-50\">{{ 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-medium opacity-50\" fill=\"rgb(var(--black)\" />\n      <p class=\"fw-medium mn-r-auto\">{{formatDate(order.deadline)}}</p>\n\n      <span\n        class=\"flex-child flex-shrink-0 w-max fw-medium radius-thin pd-thin\"\n        :class=\"orderStatusClass(order.status)\"\n      >\n        {{statusLabel(order.status)}}\n      </span>\n\n      <span\n        class=\"flex-child flex-shrink-0 capitalize w-max fw-medium radius-thin pd-thin\"\n        :class=\"paymentStatusClass(order.payment.status)\"\n      >\n        {{order.payment.status || 'Unpaid'}}\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 opacity-50 uppercase p-small fw-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/core/views/components/blocks/CardHeader.vue';\nimport IconTime from '@martyrs/src/modules/icons/entities/IconTime.vue';\nimport { formatRentDateLabel } from '@martyrs/src/modules/orders/utils/rent-price.js';\n\nconst props = defineProps({\n  order: {\n    type: Object,\n    required: true\n  },\n  user: {\n    type: Object,\n    required: true\n  },\n  statuses: {\n    type: Array,\n    default: () => []\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\nfunction positionRentLabel(position) {\n  return formatRentDateLabel(position.date?.start, position.date?.end, position.rentPeriod, props.formatDate);\n}\n\nfunction statusLabel(value) {\n  const found = props.statuses.find(s => s.value === value)\n  return found ? found.label : value\n}\n\nconst orderStatusColors = {\n  'pending': 'bg-yellow',\n  'created': 'bg-yellow',\n  'confirmed': 't-white bg-second',\n  'in_progress': 'bg-green',\n  'active': 'bg-green',\n  'finished': 'bg-grey',\n  'completed': 'bg-grey',\n  'canceled': 't-white bg-red',\n}\n\nfunction orderStatusClass(status) {\n  return orderStatusColors[status] || 'bg-main'\n}\n\nfunction paymentStatusClass(status) {\n  switch (status) {\n    case 'paid': return 't-white bg-green'\n    case 'pending': return 'bg-yellow'\n    case 'refunded': return 't-white bg-second'\n    default: return 't-white bg-red'\n  }\n}\n\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyFA,UAAM,QAAQ;AA2Bd,UAAM,UAAU,IAAI,KAAK;AAEzB,aAAS,kBAAkB,UAAU;AACnC,aAAO,oBAAoB,SAAS,MAAM,OAAO,SAAS,MAAM,KAAK,SAAS,YAAY,MAAM,UAAU;AAAA,IAC5G;AAEA,aAAS,YAAY,OAAO;AAC1B,YAAM,QAAQ,MAAM,SAAS,KAAK,OAAK,EAAE,UAAU,KAAK;AACxD,aAAO,QAAQ,MAAM,QAAQ;AAAA,IAC/B;AAEA,UAAM,oBAAoB;AAAA,MACxB,WAAW;AAAA,MACX,WAAW;AAAA,MACX,aAAa;AAAA,MACb,eAAe;AAAA,MACf,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,YAAY;AAAA,IACd;AAEA,aAAS,iBAAiB,QAAQ;AAChC,aAAO,kBAAkB,MAAM,KAAK;AAAA,IACtC;AAEA,aAAS,mBAAmB,QAAQ;AAClC,cAAQ,QAAM;AAAA,QACZ,KAAK;AAAQ,iBAAO;AAAA,QACpB,KAAK;AAAW,iBAAO;AAAA,QACvB,KAAK;AAAY,iBAAO;AAAA,QACxB;AAAS,iBAAO;AAAA,MACpB;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}