@ozdao/martyrs 0.2.489 → 0.2.492

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

@@ -1 +1 @@
-{"version":3,"file":"CardOrderUser.vue.js","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"],"mappings":"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"}
+{"version":3,"file":"CardOrderUser.vue.js","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"],"mappings":"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"}

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

@@ -28,7 +28,7 @@ const _sfc_main = {
       console.log();
       return {
         status,
-        user: (historyEntry == null ? void 0 : historyEntry.user) || void 0,
+        user: historyEntry?.user || void 0,
         timestamp: historyEntry ? historyEntry.timestamp : "N/A",
         inHistory: !!historyEntry,
         _id: historyEntry ? historyEntry._id : null

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

@@ -1 +1 @@
-{"version":3,"file":"StatusHistory.vue.cjs","sources":["../../../../../../../src/modules/orders/components/blocks/StatusHistory.vue"],"sourcesContent":["<template>\n  <div class=\"bg-light radius-medium w-100\">\n    <h3 class=\"pd-medium\">Tracking History</h3>\n    <div v-for=\"status in statusDetailedHistory\" :key=\"status\" class=\"w-100 br-t br-solid br-black-transp-10 pd-medium flex-v-center flex-nowrap flex\">\n      <div class=\"flex-center flex i-big radius-extra br-solid br-2px br-black-transp-10 mn-r-small\">\n        <IconCheckmark\n          v-if=\"isStatusInHistory(status.status)\"\n          class=\"i-medium\"\n        />\n      </div>\n\n      <div>\n        <p class=\"h4 w-8r\">{{status.status}}</p>\n        <!-- <p v-if=\"status.timestamp\" class=\"h5 w-8r\">{{formatDate(status.timestamp)}}</p> -->\n      </div>\n      <!-- <router-link v-if=\"status.user\" :to=\"{ \n        name: 'User Profile Main', \n        params: {\n          _id: status.user\n        }\n      }\" class=\"pd-small radius-extra bg-second t-white mn-l-auto flex-center uppercase t-semi\">Check User</router-link> -->\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\n\nimport IconCheckmark from '@martyrs/src/modules/icons/navigation/IconCheckmark.vue'\n\n// import Socket from '@vendus/sockets-for-cordova';\n\nconst props = defineProps({\n  statusHistory: {\n    type: Array\n  },\n  statusCurrent: {\n    type: String\n  },\n  edit: {\n    type: Boolean\n  },\n  statuses: {\n    type: Array\n  }\n})\n\nconst statusDetailedHistory = props.statuses.map(status => {\n  const historyEntry = props.statusHistory.find(entry => entry.status === status);\n\n  console.log()\n  return {\n    status,\n    user: historyEntry?.user || undefined,\n    timestamp: historyEntry ? historyEntry.timestamp : 'N/A',\n    inHistory: !!historyEntry,\n    _id: historyEntry ? historyEntry._id : null\n  };\n});\n\nconst statusCurrent = ref(props.statusCurrent);\nconst statusHistory = ref(props.statusHistory);\n\n// Проверка, был ли статус уже установлен\nconst isStatusInHistory = (statusValue) => {\n  return statusHistory.value.some(status => status.status === statusValue);\n};\n\n\nconst printerIP = ref('192.168.1.197');\nconst printerPort = ref(9100);\nconst textToPrint = ref('This is some text to print\\n\\n');\n\n// const printReceipt = async () => {\n//   try {\n//     const initPrinter = new Uint8Array([0x1b, 0x40]); // Команда инициализации принтера\n//     const lineFeed = new Uint8Array([0x0a]); // Перевод строки\n//     const cutPaper = new Uint8Array([0x1d, 0x56, 0x01]); // Резка бумаги\n\n//     const encoder = new TextEncoder();\n//     const textData = encoder.encode(textToPrint.value);\n\n//     const dataToSend = new Uint8Array([\n//       ...initPrinter,\n//       ...textData,\n//       ...lineFeed,\n//       ...cutPaper\n//     ]);\n\n//     const socket = new Socket();\n\n//     socket.onError = function (errorMessage) {\n//       console.error('Ошибка при подключении к принтеру:', errorMessage);\n//     };\n\n//     socket.onClose = function (hasError) {\n//       console.log('Соединение с принтером закрыто');\n//     };\n\n//     await new Promise((resolve, reject) => {\n//       socket.open(\n//         printerIP.value,\n//         printerPort.value,\n//         function () {\n//           console.log('Подключено к принтеру');\n//           resolve();\n//         },\n//         function (errorMessage) {\n//           console.error('Не удалось подключиться к принтеру:', errorMessage);\n//           reject(errorMessage);\n//         }\n//       );\n//     });\n\n//     socket.write(dataToSend);\n\n//     socket.shutdownWrite();\n\n//     console.log('Чек успешно напечатан');\n//   } catch (error) {\n//     console.error('Ошибка при печати чека:', error);\n//   }\n// };\n</script>\n"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAgCA,UAAM,QAAQ;AAed,UAAM,wBAAwB,MAAM,SAAS,IAAI,YAAU;AACzD,YAAM,eAAe,MAAM,cAAc,KAAK,WAAS,MAAM,WAAW,MAAM;AAE9E,cAAQ,IAAG;AACX,aAAO;AAAA,QACL;AAAA,QACA,OAAM,6CAAc,SAAQ;AAAA,QAC5B,WAAW,eAAe,aAAa,YAAY;AAAA,QACnD,WAAW,CAAC,CAAC;AAAA,QACb,KAAK,eAAe,aAAa,MAAM;AAAA,MACxC;AAAA,IACH,CAAC;AAEqBA,QAAG,IAAC,MAAM,aAAa;AAC7C,UAAM,gBAAgBA,IAAAA,IAAI,MAAM,aAAa;AAG7C,UAAM,oBAAoB,CAAC,gBAAgB;AACzC,aAAO,cAAc,MAAM,KAAK,YAAU,OAAO,WAAW,WAAW;AAAA,IACzE;AAGkBA,QAAAA,IAAI,eAAe;AACjBA,QAAAA,IAAI,IAAI;AACRA,QAAAA,IAAI,gCAAgC;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"StatusHistory.vue.cjs","sources":["../../../../../../../src/modules/orders/components/blocks/StatusHistory.vue"],"sourcesContent":["<template>\n  <div class=\"bg-light radius-medium w-100\">\n    <h3 class=\"pd-medium\">Tracking History</h3>\n    <div v-for=\"status in statusDetailedHistory\" :key=\"status\" class=\"w-100 br-t br-solid br-black-transp-10 pd-medium flex-v-center flex-nowrap flex\">\n      <div class=\"flex-center flex i-big radius-extra br-solid br-2px br-black-transp-10 mn-r-small\">\n        <IconCheckmark\n          v-if=\"isStatusInHistory(status.status)\"\n          class=\"i-medium\"\n        />\n      </div>\n\n      <div>\n        <p class=\"h4 w-8r\">{{status.status}}</p>\n        <!-- <p v-if=\"status.timestamp\" class=\"h5 w-8r\">{{formatDate(status.timestamp)}}</p> -->\n      </div>\n      <!-- <router-link v-if=\"status.user\" :to=\"{ \n        name: 'User Profile Main', \n        params: {\n          _id: status.user\n        }\n      }\" class=\"pd-small radius-extra bg-second t-white mn-l-auto flex-center uppercase t-semi\">Check User</router-link> -->\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\n\nimport IconCheckmark from '@martyrs/src/modules/icons/navigation/IconCheckmark.vue'\n\n// import Socket from '@vendus/sockets-for-cordova';\n\nconst props = defineProps({\n  statusHistory: {\n    type: Array\n  },\n  statusCurrent: {\n    type: String\n  },\n  edit: {\n    type: Boolean\n  },\n  statuses: {\n    type: Array\n  }\n})\n\nconst statusDetailedHistory = props.statuses.map(status => {\n  const historyEntry = props.statusHistory.find(entry => entry.status === status);\n\n  console.log()\n  return {\n    status,\n    user: historyEntry?.user || undefined,\n    timestamp: historyEntry ? historyEntry.timestamp : 'N/A',\n    inHistory: !!historyEntry,\n    _id: historyEntry ? historyEntry._id : null\n  };\n});\n\nconst statusCurrent = ref(props.statusCurrent);\nconst statusHistory = ref(props.statusHistory);\n\n// Проверка, был ли статус уже установлен\nconst isStatusInHistory = (statusValue) => {\n  return statusHistory.value.some(status => status.status === statusValue);\n};\n\n\nconst printerIP = ref('192.168.1.197');\nconst printerPort = ref(9100);\nconst textToPrint = ref('This is some text to print\\n\\n');\n\n// const printReceipt = async () => {\n//   try {\n//     const initPrinter = new Uint8Array([0x1b, 0x40]); // Команда инициализации принтера\n//     const lineFeed = new Uint8Array([0x0a]); // Перевод строки\n//     const cutPaper = new Uint8Array([0x1d, 0x56, 0x01]); // Резка бумаги\n\n//     const encoder = new TextEncoder();\n//     const textData = encoder.encode(textToPrint.value);\n\n//     const dataToSend = new Uint8Array([\n//       ...initPrinter,\n//       ...textData,\n//       ...lineFeed,\n//       ...cutPaper\n//     ]);\n\n//     const socket = new Socket();\n\n//     socket.onError = function (errorMessage) {\n//       console.error('Ошибка при подключении к принтеру:', errorMessage);\n//     };\n\n//     socket.onClose = function (hasError) {\n//       console.log('Соединение с принтером закрыто');\n//     };\n\n//     await new Promise((resolve, reject) => {\n//       socket.open(\n//         printerIP.value,\n//         printerPort.value,\n//         function () {\n//           console.log('Подключено к принтеру');\n//           resolve();\n//         },\n//         function (errorMessage) {\n//           console.error('Не удалось подключиться к принтеру:', errorMessage);\n//           reject(errorMessage);\n//         }\n//       );\n//     });\n\n//     socket.write(dataToSend);\n\n//     socket.shutdownWrite();\n\n//     console.log('Чек успешно напечатан');\n//   } catch (error) {\n//     console.error('Ошибка при печати чека:', error);\n//   }\n// };\n</script>\n"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAgCA,UAAM,QAAQ;AAed,UAAM,wBAAwB,MAAM,SAAS,IAAI,YAAU;AACzD,YAAM,eAAe,MAAM,cAAc,KAAK,WAAS,MAAM,WAAW,MAAM;AAE9E,cAAQ,IAAG;AACX,aAAO;AAAA,QACL;AAAA,QACA,MAAM,cAAc,QAAQ;AAAA,QAC5B,WAAW,eAAe,aAAa,YAAY;AAAA,QACnD,WAAW,CAAC,CAAC;AAAA,QACb,KAAK,eAAe,aAAa,MAAM;AAAA,MAC3C;AAAA,IACA,CAAC;AAEqBA,QAAAA,IAAI,MAAM,aAAa;AAC7C,UAAM,gBAAgBA,IAAAA,IAAI,MAAM,aAAa;AAG7C,UAAM,oBAAoB,CAAC,gBAAgB;AACzC,aAAO,cAAc,MAAM,KAAK,YAAU,OAAO,WAAW,WAAW;AAAA,IACzE;AAGkBA,QAAAA,IAAI,eAAe;AACjBA,QAAAA,IAAI,IAAI;AACRA,QAAAA,IAAI,gCAAgC;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -26,7 +26,7 @@ const _sfc_main = {
       console.log();
       return {
         status,
-        user: (historyEntry == null ? void 0 : historyEntry.user) || void 0,
+        user: historyEntry?.user || void 0,
         timestamp: historyEntry ? historyEntry.timestamp : "N/A",
         inHistory: !!historyEntry,
         _id: historyEntry ? historyEntry._id : null

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

@@ -1 +1 @@
-{"version":3,"file":"StatusHistory.vue.js","sources":["../../../../../../../src/modules/orders/components/blocks/StatusHistory.vue"],"sourcesContent":["<template>\n  <div class=\"bg-light radius-medium w-100\">\n    <h3 class=\"pd-medium\">Tracking History</h3>\n    <div v-for=\"status in statusDetailedHistory\" :key=\"status\" class=\"w-100 br-t br-solid br-black-transp-10 pd-medium flex-v-center flex-nowrap flex\">\n      <div class=\"flex-center flex i-big radius-extra br-solid br-2px br-black-transp-10 mn-r-small\">\n        <IconCheckmark\n          v-if=\"isStatusInHistory(status.status)\"\n          class=\"i-medium\"\n        />\n      </div>\n\n      <div>\n        <p class=\"h4 w-8r\">{{status.status}}</p>\n        <!-- <p v-if=\"status.timestamp\" class=\"h5 w-8r\">{{formatDate(status.timestamp)}}</p> -->\n      </div>\n      <!-- <router-link v-if=\"status.user\" :to=\"{ \n        name: 'User Profile Main', \n        params: {\n          _id: status.user\n        }\n      }\" class=\"pd-small radius-extra bg-second t-white mn-l-auto flex-center uppercase t-semi\">Check User</router-link> -->\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\n\nimport IconCheckmark from '@martyrs/src/modules/icons/navigation/IconCheckmark.vue'\n\n// import Socket from '@vendus/sockets-for-cordova';\n\nconst props = defineProps({\n  statusHistory: {\n    type: Array\n  },\n  statusCurrent: {\n    type: String\n  },\n  edit: {\n    type: Boolean\n  },\n  statuses: {\n    type: Array\n  }\n})\n\nconst statusDetailedHistory = props.statuses.map(status => {\n  const historyEntry = props.statusHistory.find(entry => entry.status === status);\n\n  console.log()\n  return {\n    status,\n    user: historyEntry?.user || undefined,\n    timestamp: historyEntry ? historyEntry.timestamp : 'N/A',\n    inHistory: !!historyEntry,\n    _id: historyEntry ? historyEntry._id : null\n  };\n});\n\nconst statusCurrent = ref(props.statusCurrent);\nconst statusHistory = ref(props.statusHistory);\n\n// Проверка, был ли статус уже установлен\nconst isStatusInHistory = (statusValue) => {\n  return statusHistory.value.some(status => status.status === statusValue);\n};\n\n\nconst printerIP = ref('192.168.1.197');\nconst printerPort = ref(9100);\nconst textToPrint = ref('This is some text to print\\n\\n');\n\n// const printReceipt = async () => {\n//   try {\n//     const initPrinter = new Uint8Array([0x1b, 0x40]); // Команда инициализации принтера\n//     const lineFeed = new Uint8Array([0x0a]); // Перевод строки\n//     const cutPaper = new Uint8Array([0x1d, 0x56, 0x01]); // Резка бумаги\n\n//     const encoder = new TextEncoder();\n//     const textData = encoder.encode(textToPrint.value);\n\n//     const dataToSend = new Uint8Array([\n//       ...initPrinter,\n//       ...textData,\n//       ...lineFeed,\n//       ...cutPaper\n//     ]);\n\n//     const socket = new Socket();\n\n//     socket.onError = function (errorMessage) {\n//       console.error('Ошибка при подключении к принтеру:', errorMessage);\n//     };\n\n//     socket.onClose = function (hasError) {\n//       console.log('Соединение с принтером закрыто');\n//     };\n\n//     await new Promise((resolve, reject) => {\n//       socket.open(\n//         printerIP.value,\n//         printerPort.value,\n//         function () {\n//           console.log('Подключено к принтеру');\n//           resolve();\n//         },\n//         function (errorMessage) {\n//           console.error('Не удалось подключиться к принтеру:', errorMessage);\n//           reject(errorMessage);\n//         }\n//       );\n//     });\n\n//     socket.write(dataToSend);\n\n//     socket.shutdownWrite();\n\n//     console.log('Чек успешно напечатан');\n//   } catch (error) {\n//     console.error('Ошибка при печати чека:', error);\n//   }\n// };\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAgCA,UAAM,QAAQ;AAed,UAAM,wBAAwB,MAAM,SAAS,IAAI,YAAU;AACzD,YAAM,eAAe,MAAM,cAAc,KAAK,WAAS,MAAM,WAAW,MAAM;AAE9E,cAAQ,IAAG;AACX,aAAO;AAAA,QACL;AAAA,QACA,OAAM,6CAAc,SAAQ;AAAA,QAC5B,WAAW,eAAe,aAAa,YAAY;AAAA,QACnD,WAAW,CAAC,CAAC;AAAA,QACb,KAAK,eAAe,aAAa,MAAM;AAAA,MACxC;AAAA,IACH,CAAC;AAEqB,QAAI,MAAM,aAAa;AAC7C,UAAM,gBAAgB,IAAI,MAAM,aAAa;AAG7C,UAAM,oBAAoB,CAAC,gBAAgB;AACzC,aAAO,cAAc,MAAM,KAAK,YAAU,OAAO,WAAW,WAAW;AAAA,IACzE;AAGkB,QAAI,eAAe;AACjB,QAAI,IAAI;AACR,QAAI,gCAAgC;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"StatusHistory.vue.js","sources":["../../../../../../../src/modules/orders/components/blocks/StatusHistory.vue"],"sourcesContent":["<template>\n  <div class=\"bg-light radius-medium w-100\">\n    <h3 class=\"pd-medium\">Tracking History</h3>\n    <div v-for=\"status in statusDetailedHistory\" :key=\"status\" class=\"w-100 br-t br-solid br-black-transp-10 pd-medium flex-v-center flex-nowrap flex\">\n      <div class=\"flex-center flex i-big radius-extra br-solid br-2px br-black-transp-10 mn-r-small\">\n        <IconCheckmark\n          v-if=\"isStatusInHistory(status.status)\"\n          class=\"i-medium\"\n        />\n      </div>\n\n      <div>\n        <p class=\"h4 w-8r\">{{status.status}}</p>\n        <!-- <p v-if=\"status.timestamp\" class=\"h5 w-8r\">{{formatDate(status.timestamp)}}</p> -->\n      </div>\n      <!-- <router-link v-if=\"status.user\" :to=\"{ \n        name: 'User Profile Main', \n        params: {\n          _id: status.user\n        }\n      }\" class=\"pd-small radius-extra bg-second t-white mn-l-auto flex-center uppercase t-semi\">Check User</router-link> -->\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\n\nimport IconCheckmark from '@martyrs/src/modules/icons/navigation/IconCheckmark.vue'\n\n// import Socket from '@vendus/sockets-for-cordova';\n\nconst props = defineProps({\n  statusHistory: {\n    type: Array\n  },\n  statusCurrent: {\n    type: String\n  },\n  edit: {\n    type: Boolean\n  },\n  statuses: {\n    type: Array\n  }\n})\n\nconst statusDetailedHistory = props.statuses.map(status => {\n  const historyEntry = props.statusHistory.find(entry => entry.status === status);\n\n  console.log()\n  return {\n    status,\n    user: historyEntry?.user || undefined,\n    timestamp: historyEntry ? historyEntry.timestamp : 'N/A',\n    inHistory: !!historyEntry,\n    _id: historyEntry ? historyEntry._id : null\n  };\n});\n\nconst statusCurrent = ref(props.statusCurrent);\nconst statusHistory = ref(props.statusHistory);\n\n// Проверка, был ли статус уже установлен\nconst isStatusInHistory = (statusValue) => {\n  return statusHistory.value.some(status => status.status === statusValue);\n};\n\n\nconst printerIP = ref('192.168.1.197');\nconst printerPort = ref(9100);\nconst textToPrint = ref('This is some text to print\\n\\n');\n\n// const printReceipt = async () => {\n//   try {\n//     const initPrinter = new Uint8Array([0x1b, 0x40]); // Команда инициализации принтера\n//     const lineFeed = new Uint8Array([0x0a]); // Перевод строки\n//     const cutPaper = new Uint8Array([0x1d, 0x56, 0x01]); // Резка бумаги\n\n//     const encoder = new TextEncoder();\n//     const textData = encoder.encode(textToPrint.value);\n\n//     const dataToSend = new Uint8Array([\n//       ...initPrinter,\n//       ...textData,\n//       ...lineFeed,\n//       ...cutPaper\n//     ]);\n\n//     const socket = new Socket();\n\n//     socket.onError = function (errorMessage) {\n//       console.error('Ошибка при подключении к принтеру:', errorMessage);\n//     };\n\n//     socket.onClose = function (hasError) {\n//       console.log('Соединение с принтером закрыто');\n//     };\n\n//     await new Promise((resolve, reject) => {\n//       socket.open(\n//         printerIP.value,\n//         printerPort.value,\n//         function () {\n//           console.log('Подключено к принтеру');\n//           resolve();\n//         },\n//         function (errorMessage) {\n//           console.error('Не удалось подключиться к принтеру:', errorMessage);\n//           reject(errorMessage);\n//         }\n//       );\n//     });\n\n//     socket.write(dataToSend);\n\n//     socket.shutdownWrite();\n\n//     console.log('Чек успешно напечатан');\n//   } catch (error) {\n//     console.error('Ошибка при печати чека:', error);\n//   }\n// };\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAgCA,UAAM,QAAQ;AAed,UAAM,wBAAwB,MAAM,SAAS,IAAI,YAAU;AACzD,YAAM,eAAe,MAAM,cAAc,KAAK,WAAS,MAAM,WAAW,MAAM;AAE9E,cAAQ,IAAG;AACX,aAAO;AAAA,QACL;AAAA,QACA,MAAM,cAAc,QAAQ;AAAA,QAC5B,WAAW,eAAe,aAAa,YAAY;AAAA,QACnD,WAAW,CAAC,CAAC;AAAA,QACb,KAAK,eAAe,aAAa,MAAM;AAAA,MAC3C;AAAA,IACA,CAAC;AAEqB,QAAI,MAAM,aAAa;AAC7C,UAAM,gBAAgB,IAAI,MAAM,aAAa;AAG7C,UAAM,oBAAoB,CAAC,gBAAgB;AACzC,aAAO,cAAc,MAAM,KAAK,YAAU,OAAO,WAAW,WAAW;AAAA,IACzE;AAGkB,QAAI,eAAe;AACjB,QAAI,IAAI;AACR,QAAI,gCAAgC;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/orders/components/elements/PriceTotal.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PriceTotal.vue.cjs","sources":["../../../../../../../src/modules/orders/components/elements/PriceTotal.vue"],"sourcesContent":["<template>\n  <div class=\"total-calculations\">\n    <!-- Base price calculation -->\n    <p class=\"flex flex-nowrap pd-t-small\">\n      <span class=\"w-100 t-transp\">{{ t('subtotal') }}</span>\n      <span class=\"w-100 t-right\">{{currency}}{{totalPrice}}</span>\n    </p>\n    \n    <!-- Platform fee (conditional) -->\n    <p v-if=\"showFees\" class=\"flex flex-nowrap pd-t-small\">\n      <span class=\"w-100 t-transp\">{{ t('feesRate') }}</span>\n      <span class=\"w-100 t-right\">{{currency}}{{feesRate}}</span>\n    </p>\n    \n    <!-- VAT calculation (conditional) -->\n    <p v-if=\"showVat\" class=\"flex flex-nowrap pd-t-small\">\n      <span class=\"w-100 t-transp\">{{ t('vat', { rate: vatRate * 100 }) }}</span>\n      <span class=\"w-100 t-right\">{{currency}}{{vatAmount}}</span>\n    </p>\n\n    <!-- Delivery fee (conditional) -->\n    <p v-if=\"showDeliveryFee\" class=\"flex flex-nowrap br-black-transp-10 br-solid br-b pd-b-small pd-t-small\">\n      <span class=\"w-100 t-transp\">{{ t('delivery') }}</span>\n      <span class=\"w-100 t-right\">{{currency}}{{deliveryAmount}}</span>\n    </p>\n    \n    <!-- Grand total -->\n    <p class=\"p-semi flex flex-nowrap pd-b-small pd-t-small\">\n      <span class=\"w-100 t-medium\">{{ t('intotal') }}</span>\n      <span class=\"w-100 t-main t-medium t-right\">{{currency}}{{grandTotal}}</span>\n    </p>\n  </div>\n</template>\n\n\n<script setup>\nimport { computed } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\nconst props = defineProps({\n  totalPrice: {\n    type: Number,\n    required: true\n  },\n  currency: {\n    type: String,\n    required: true\n  },\n  showFees: {\n    type: Boolean,\n    default: false\n  },\n  feesRate: {\n    type: Number,\n    default: 0\n  },\n  showVat: {\n    type: Boolean,\n    default: false\n  },\n  vatRate: {\n    type: Number,\n    default: 0\n  },\n  showDeliveryFee: {\n    type: Boolean,\n    default: false\n  },\n  deliveryRate: {\n    type: Number,\n    default: 0\n  }\n});\n\nconst text = {\n  messages: {\n    en: {\n      subtotal: 'Subtotal',\n      feesRate: 'Platform Fee',\n      vat: 'VAT ({rate}%)',\n      delivery: 'Delivery',\n      intotal: 'In Total'\n    },\n    ru: {\n      subtotal: 'Подытог',\n      feesRate: 'Плата за платформу',\n      vat: 'НДС ({rate}%)',\n      delivery: 'Доставка',\n      intotal: 'Итого'\n    }\n  }\n};\n\nconst { t } = useI18n(text);\n\nconst formatPrice = (value) => value.toFixed(0);\n\nconst vatAmount = computed(() => {\n  if (!props.showVat) return 0;\n  return formatPrice(props.totalPrice * props.vatRate);\n});\n\nconst feesRate = computed(() => {\n  if (!props.showFees) return 0;\n  return formatPrice(props.totalPrice * props.feesRate);\n});\n\nconst deliveryAmount = computed(() => {\n  if (!props.showDeliveryFee) return 0;\n  return formatPrice(props.deliveryRate);\n});\n\nconst grandTotal = computed(() => {\n  return formatPrice(\n    parseFloat(props.totalPrice) +\n    parseFloat(feesRate.value) +\n    parseFloat(vatAmount.value) +\n    parseFloat(deliveryAmount.value)\n  );\n});\n</script>\n"],"names":["useI18n","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,UAAM,QAAQ;AAmCd,UAAM,OAAO;AAAA,MACX,UAAU;AAAA,QACR,IAAI;AAAA,UACF,UAAU;AAAA,UACV,UAAU;AAAA,UACV,KAAK;AAAA,UACL,UAAU;AAAA,UACV,SAAS;AAAA,QACV;AAAA,QACD,IAAI;AAAA,UACF,UAAU;AAAA,UACV,UAAU;AAAA,UACV,KAAK;AAAA,UACL,UAAU;AAAA,UACV,SAAS;AAAA,QACf;AAAA,MACA;AAAA,IACA;AAEA,UAAM,EAAE,EAAC,IAAKA,QAAO,QAAC,IAAI;AAE1B,UAAM,cAAc,CAAC,UAAU,MAAM,QAAQ,CAAC;AAE9C,UAAM,YAAYC,IAAQ,SAAC,MAAM;AAC/B,UAAI,CAAC,MAAM,QAAS,QAAO;AAC3B,aAAO,YAAY,MAAM,aAAa,MAAM,OAAO;AAAA,IACrD,CAAC;AAED,UAAM,WAAWA,IAAQ,SAAC,MAAM;AAC9B,UAAI,CAAC,MAAM,SAAU,QAAO;AAC5B,aAAO,YAAY,MAAM,aAAa,MAAM,QAAQ;AAAA,IACtD,CAAC;AAED,UAAM,iBAAiBA,IAAQ,SAAC,MAAM;AACpC,UAAI,CAAC,MAAM,gBAAiB,QAAO;AACnC,aAAO,YAAY,MAAM,YAAY;AAAA,IACvC,CAAC;AAED,UAAM,aAAaA,IAAQ,SAAC,MAAM;AAChC,aAAO;AAAA,QACL,WAAW,MAAM,UAAU,IAC3B,WAAW,SAAS,KAAK,IACzB,WAAW,UAAU,KAAK,IAC1B,WAAW,eAAe,KAAK;AAAA,MAChC;AAAA,IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PriceTotal.vue.cjs","sources":["../../../../../../../src/modules/orders/components/elements/PriceTotal.vue"],"sourcesContent":["<template>\n  <div class=\"total-calculations\">\n    <!-- Base price calculation -->\n    <p class=\"flex flex-nowrap pd-t-small\">\n      <span class=\"w-100 t-transp\">{{ t('subtotal') }}</span>\n      <span class=\"w-100 t-right\">{{currency}}{{totalPrice}}</span>\n    </p>\n    \n    <!-- Platform fee (conditional) -->\n    <p v-if=\"showFees\" class=\"flex flex-nowrap pd-t-small\">\n      <span class=\"w-100 t-transp\">{{ t('feesRate') }}</span>\n      <span class=\"w-100 t-right\">{{currency}}{{feesRate}}</span>\n    </p>\n    \n    <!-- VAT calculation (conditional) -->\n    <p v-if=\"showVat\" class=\"flex flex-nowrap pd-t-small\">\n      <span class=\"w-100 t-transp\">{{ t('vat', { rate: vatRate * 100 }) }}</span>\n      <span class=\"w-100 t-right\">{{currency}}{{vatAmount}}</span>\n    </p>\n\n    <!-- Delivery fee (conditional) -->\n    <p v-if=\"showDeliveryFee\" class=\"flex flex-nowrap br-black-transp-10 br-solid br-b pd-b-small pd-t-small\">\n      <span class=\"w-100 t-transp\">{{ t('delivery') }}</span>\n      <span class=\"w-100 t-right\">{{currency}}{{deliveryAmount}}</span>\n    </p>\n    \n    <!-- Grand total -->\n    <p class=\"p-semi flex flex-nowrap pd-b-small pd-t-small\">\n      <span class=\"w-100 t-medium\">{{ t('intotal') }}</span>\n      <span class=\"w-100 t-main t-medium t-right\">{{currency}}{{grandTotal}}</span>\n    </p>\n  </div>\n</template>\n\n\n<script setup>\nimport { computed } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\nconst props = defineProps({\n  totalPrice: {\n    type: Number,\n    required: true\n  },\n  currency: {\n    type: String,\n    required: true\n  },\n  showFees: {\n    type: Boolean,\n    default: false\n  },\n  feesRate: {\n    type: Number,\n    default: 0\n  },\n  showVat: {\n    type: Boolean,\n    default: false\n  },\n  vatRate: {\n    type: Number,\n    default: 0\n  },\n  showDeliveryFee: {\n    type: Boolean,\n    default: false\n  },\n  deliveryRate: {\n    type: Number,\n    default: 0\n  }\n});\n\nconst text = {\n  messages: {\n    en: {\n      subtotal: 'Subtotal',\n      feesRate: 'Platform Fee',\n      vat: 'VAT ({rate}%)',\n      delivery: 'Delivery',\n      intotal: 'In Total'\n    },\n    ru: {\n      subtotal: 'Подытог',\n      feesRate: 'Плата за платформу',\n      vat: 'НДС ({rate}%)',\n      delivery: 'Доставка',\n      intotal: 'Итого'\n    }\n  }\n};\n\nconst { t } = useI18n(text);\n\nconst formatPrice = (value) => value.toFixed(0);\n\nconst vatAmount = computed(() => {\n  if (!props.showVat) return 0;\n  return formatPrice(props.totalPrice * props.vatRate);\n});\n\nconst feesRate = computed(() => {\n  if (!props.showFees) return 0;\n  return formatPrice(props.totalPrice * props.feesRate);\n});\n\nconst deliveryAmount = computed(() => {\n  if (!props.showDeliveryFee) return 0;\n  return formatPrice(props.deliveryRate);\n});\n\nconst grandTotal = computed(() => {\n  return formatPrice(\n    parseFloat(props.totalPrice) +\n    parseFloat(feesRate.value) +\n    parseFloat(vatAmount.value) +\n    parseFloat(deliveryAmount.value)\n  );\n});\n</script>\n"],"names":["useI18n","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,UAAM,QAAQ;AAmCd,UAAM,OAAO;AAAA,MACX,UAAU;AAAA,QACR,IAAI;AAAA,UACF,UAAU;AAAA,UACV,UAAU;AAAA,UACV,KAAK;AAAA,UACL,UAAU;AAAA,UACV,SAAS;AAAA,QACf;AAAA,QACI,IAAI;AAAA,UACF,UAAU;AAAA,UACV,UAAU;AAAA,UACV,KAAK;AAAA,UACL,UAAU;AAAA,UACV,SAAS;AAAA,QACf;AAAA,MACA;AAAA,IACA;AAEA,UAAM,EAAE,EAAC,IAAKA,QAAAA,QAAQ,IAAI;AAE1B,UAAM,cAAc,CAAC,UAAU,MAAM,QAAQ,CAAC;AAE9C,UAAM,YAAYC,IAAAA,SAAS,MAAM;AAC/B,UAAI,CAAC,MAAM,QAAS,QAAO;AAC3B,aAAO,YAAY,MAAM,aAAa,MAAM,OAAO;AAAA,IACrD,CAAC;AAED,UAAM,WAAWA,IAAAA,SAAS,MAAM;AAC9B,UAAI,CAAC,MAAM,SAAU,QAAO;AAC5B,aAAO,YAAY,MAAM,aAAa,MAAM,QAAQ;AAAA,IACtD,CAAC;AAED,UAAM,iBAAiBA,IAAAA,SAAS,MAAM;AACpC,UAAI,CAAC,MAAM,gBAAiB,QAAO;AACnC,aAAO,YAAY,MAAM,YAAY;AAAA,IACvC,CAAC;AAED,UAAM,aAAaA,IAAAA,SAAS,MAAM;AAChC,aAAO;AAAA,QACL,WAAW,MAAM,UAAU,IAC3B,WAAW,SAAS,KAAK,IACzB,WAAW,UAAU,KAAK,IAC1B,WAAW,eAAe,KAAK;AAAA,MACnC;AAAA,IACA,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/orders/components/elements/PriceTotal.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"PriceTotal.vue.js","sources":["../../../../../../../src/modules/orders/components/elements/PriceTotal.vue"],"sourcesContent":["<template>\n  <div class=\"total-calculations\">\n    <!-- Base price calculation -->\n    <p class=\"flex flex-nowrap pd-t-small\">\n      <span class=\"w-100 t-transp\">{{ t('subtotal') }}</span>\n      <span class=\"w-100 t-right\">{{currency}}{{totalPrice}}</span>\n    </p>\n    \n    <!-- Platform fee (conditional) -->\n    <p v-if=\"showFees\" class=\"flex flex-nowrap pd-t-small\">\n      <span class=\"w-100 t-transp\">{{ t('feesRate') }}</span>\n      <span class=\"w-100 t-right\">{{currency}}{{feesRate}}</span>\n    </p>\n    \n    <!-- VAT calculation (conditional) -->\n    <p v-if=\"showVat\" class=\"flex flex-nowrap pd-t-small\">\n      <span class=\"w-100 t-transp\">{{ t('vat', { rate: vatRate * 100 }) }}</span>\n      <span class=\"w-100 t-right\">{{currency}}{{vatAmount}}</span>\n    </p>\n\n    <!-- Delivery fee (conditional) -->\n    <p v-if=\"showDeliveryFee\" class=\"flex flex-nowrap br-black-transp-10 br-solid br-b pd-b-small pd-t-small\">\n      <span class=\"w-100 t-transp\">{{ t('delivery') }}</span>\n      <span class=\"w-100 t-right\">{{currency}}{{deliveryAmount}}</span>\n    </p>\n    \n    <!-- Grand total -->\n    <p class=\"p-semi flex flex-nowrap pd-b-small pd-t-small\">\n      <span class=\"w-100 t-medium\">{{ t('intotal') }}</span>\n      <span class=\"w-100 t-main t-medium t-right\">{{currency}}{{grandTotal}}</span>\n    </p>\n  </div>\n</template>\n\n\n<script setup>\nimport { computed } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\nconst props = defineProps({\n  totalPrice: {\n    type: Number,\n    required: true\n  },\n  currency: {\n    type: String,\n    required: true\n  },\n  showFees: {\n    type: Boolean,\n    default: false\n  },\n  feesRate: {\n    type: Number,\n    default: 0\n  },\n  showVat: {\n    type: Boolean,\n    default: false\n  },\n  vatRate: {\n    type: Number,\n    default: 0\n  },\n  showDeliveryFee: {\n    type: Boolean,\n    default: false\n  },\n  deliveryRate: {\n    type: Number,\n    default: 0\n  }\n});\n\nconst text = {\n  messages: {\n    en: {\n      subtotal: 'Subtotal',\n      feesRate: 'Platform Fee',\n      vat: 'VAT ({rate}%)',\n      delivery: 'Delivery',\n      intotal: 'In Total'\n    },\n    ru: {\n      subtotal: 'Подытог',\n      feesRate: 'Плата за платформу',\n      vat: 'НДС ({rate}%)',\n      delivery: 'Доставка',\n      intotal: 'Итого'\n    }\n  }\n};\n\nconst { t } = useI18n(text);\n\nconst formatPrice = (value) => value.toFixed(0);\n\nconst vatAmount = computed(() => {\n  if (!props.showVat) return 0;\n  return formatPrice(props.totalPrice * props.vatRate);\n});\n\nconst feesRate = computed(() => {\n  if (!props.showFees) return 0;\n  return formatPrice(props.totalPrice * props.feesRate);\n});\n\nconst deliveryAmount = computed(() => {\n  if (!props.showDeliveryFee) return 0;\n  return formatPrice(props.deliveryRate);\n});\n\nconst grandTotal = computed(() => {\n  return formatPrice(\n    parseFloat(props.totalPrice) +\n    parseFloat(feesRate.value) +\n    parseFloat(vatAmount.value) +\n    parseFloat(deliveryAmount.value)\n  );\n});\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,UAAM,QAAQ;AAmCd,UAAM,OAAO;AAAA,MACX,UAAU;AAAA,QACR,IAAI;AAAA,UACF,UAAU;AAAA,UACV,UAAU;AAAA,UACV,KAAK;AAAA,UACL,UAAU;AAAA,UACV,SAAS;AAAA,QACV;AAAA,QACD,IAAI;AAAA,UACF,UAAU;AAAA,UACV,UAAU;AAAA,UACV,KAAK;AAAA,UACL,UAAU;AAAA,UACV,SAAS;AAAA,QACf;AAAA,MACA;AAAA,IACA;AAEA,UAAM,EAAE,EAAC,IAAK,QAAQ,IAAI;AAE1B,UAAM,cAAc,CAAC,UAAU,MAAM,QAAQ,CAAC;AAE9C,UAAM,YAAY,SAAS,MAAM;AAC/B,UAAI,CAAC,MAAM,QAAS,QAAO;AAC3B,aAAO,YAAY,MAAM,aAAa,MAAM,OAAO;AAAA,IACrD,CAAC;AAED,UAAM,WAAW,SAAS,MAAM;AAC9B,UAAI,CAAC,MAAM,SAAU,QAAO;AAC5B,aAAO,YAAY,MAAM,aAAa,MAAM,QAAQ;AAAA,IACtD,CAAC;AAED,UAAM,iBAAiB,SAAS,MAAM;AACpC,UAAI,CAAC,MAAM,gBAAiB,QAAO;AACnC,aAAO,YAAY,MAAM,YAAY;AAAA,IACvC,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO;AAAA,QACL,WAAW,MAAM,UAAU,IAC3B,WAAW,SAAS,KAAK,IACzB,WAAW,UAAU,KAAK,IAC1B,WAAW,eAAe,KAAK;AAAA,MAChC;AAAA,IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PriceTotal.vue.js","sources":["../../../../../../../src/modules/orders/components/elements/PriceTotal.vue"],"sourcesContent":["<template>\n  <div class=\"total-calculations\">\n    <!-- Base price calculation -->\n    <p class=\"flex flex-nowrap pd-t-small\">\n      <span class=\"w-100 t-transp\">{{ t('subtotal') }}</span>\n      <span class=\"w-100 t-right\">{{currency}}{{totalPrice}}</span>\n    </p>\n    \n    <!-- Platform fee (conditional) -->\n    <p v-if=\"showFees\" class=\"flex flex-nowrap pd-t-small\">\n      <span class=\"w-100 t-transp\">{{ t('feesRate') }}</span>\n      <span class=\"w-100 t-right\">{{currency}}{{feesRate}}</span>\n    </p>\n    \n    <!-- VAT calculation (conditional) -->\n    <p v-if=\"showVat\" class=\"flex flex-nowrap pd-t-small\">\n      <span class=\"w-100 t-transp\">{{ t('vat', { rate: vatRate * 100 }) }}</span>\n      <span class=\"w-100 t-right\">{{currency}}{{vatAmount}}</span>\n    </p>\n\n    <!-- Delivery fee (conditional) -->\n    <p v-if=\"showDeliveryFee\" class=\"flex flex-nowrap br-black-transp-10 br-solid br-b pd-b-small pd-t-small\">\n      <span class=\"w-100 t-transp\">{{ t('delivery') }}</span>\n      <span class=\"w-100 t-right\">{{currency}}{{deliveryAmount}}</span>\n    </p>\n    \n    <!-- Grand total -->\n    <p class=\"p-semi flex flex-nowrap pd-b-small pd-t-small\">\n      <span class=\"w-100 t-medium\">{{ t('intotal') }}</span>\n      <span class=\"w-100 t-main t-medium t-right\">{{currency}}{{grandTotal}}</span>\n    </p>\n  </div>\n</template>\n\n\n<script setup>\nimport { computed } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\nconst props = defineProps({\n  totalPrice: {\n    type: Number,\n    required: true\n  },\n  currency: {\n    type: String,\n    required: true\n  },\n  showFees: {\n    type: Boolean,\n    default: false\n  },\n  feesRate: {\n    type: Number,\n    default: 0\n  },\n  showVat: {\n    type: Boolean,\n    default: false\n  },\n  vatRate: {\n    type: Number,\n    default: 0\n  },\n  showDeliveryFee: {\n    type: Boolean,\n    default: false\n  },\n  deliveryRate: {\n    type: Number,\n    default: 0\n  }\n});\n\nconst text = {\n  messages: {\n    en: {\n      subtotal: 'Subtotal',\n      feesRate: 'Platform Fee',\n      vat: 'VAT ({rate}%)',\n      delivery: 'Delivery',\n      intotal: 'In Total'\n    },\n    ru: {\n      subtotal: 'Подытог',\n      feesRate: 'Плата за платформу',\n      vat: 'НДС ({rate}%)',\n      delivery: 'Доставка',\n      intotal: 'Итого'\n    }\n  }\n};\n\nconst { t } = useI18n(text);\n\nconst formatPrice = (value) => value.toFixed(0);\n\nconst vatAmount = computed(() => {\n  if (!props.showVat) return 0;\n  return formatPrice(props.totalPrice * props.vatRate);\n});\n\nconst feesRate = computed(() => {\n  if (!props.showFees) return 0;\n  return formatPrice(props.totalPrice * props.feesRate);\n});\n\nconst deliveryAmount = computed(() => {\n  if (!props.showDeliveryFee) return 0;\n  return formatPrice(props.deliveryRate);\n});\n\nconst grandTotal = computed(() => {\n  return formatPrice(\n    parseFloat(props.totalPrice) +\n    parseFloat(feesRate.value) +\n    parseFloat(vatAmount.value) +\n    parseFloat(deliveryAmount.value)\n  );\n});\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,UAAM,QAAQ;AAmCd,UAAM,OAAO;AAAA,MACX,UAAU;AAAA,QACR,IAAI;AAAA,UACF,UAAU;AAAA,UACV,UAAU;AAAA,UACV,KAAK;AAAA,UACL,UAAU;AAAA,UACV,SAAS;AAAA,QACf;AAAA,QACI,IAAI;AAAA,UACF,UAAU;AAAA,UACV,UAAU;AAAA,UACV,KAAK;AAAA,UACL,UAAU;AAAA,UACV,SAAS;AAAA,QACf;AAAA,MACA;AAAA,IACA;AAEA,UAAM,EAAE,EAAC,IAAK,QAAQ,IAAI;AAE1B,UAAM,cAAc,CAAC,UAAU,MAAM,QAAQ,CAAC;AAE9C,UAAM,YAAY,SAAS,MAAM;AAC/B,UAAI,CAAC,MAAM,QAAS,QAAO;AAC3B,aAAO,YAAY,MAAM,aAAa,MAAM,OAAO;AAAA,IACrD,CAAC;AAED,UAAM,WAAW,SAAS,MAAM;AAC9B,UAAI,CAAC,MAAM,SAAU,QAAO;AAC5B,aAAO,YAAY,MAAM,aAAa,MAAM,QAAQ;AAAA,IACtD,CAAC;AAED,UAAM,iBAAiB,SAAS,MAAM;AACpC,UAAI,CAAC,MAAM,gBAAiB,QAAO;AACnC,aAAO,YAAY,MAAM,YAAY;AAAA,IACvC,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO;AAAA,QACL,WAAW,MAAM,UAAU,IAC3B,WAAW,SAAS,KAAK,IACzB,WAAW,UAAU,KAAK,IAC1B,WAAW,eAAe,KAAK;AAAA,MACnC;AAAA,IACA,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/orders/components/pages/OrderBackoffice.vue.cjs

@@ -2,8 +2,8 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
-const Select = require("../../../../components/Select/Select.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
+const Select = require("../../../../components/Select/Select.vue2.cjs");
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 const IconTime = require("../../../icons/entities/IconTime.vue.cjs");
 const CardOrderItem = require("../blocks/CardOrderItem.vue.cjs");
@@ -17,6 +17,7 @@ const orders = require("../../store/orders.cjs");
 require("../../../products/store/products.cjs");
 const organizations = require("../../../organizations/store/organizations.cjs");
 const vueI18n = require("vue-i18n");
+;/* empty css                       */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
 const _hoisted_1 = {
   key: 0,
@@ -72,7 +73,6 @@ const _hoisted_30 = { class: "flex gap-thin flex-column mn-b-thin" };
 const _sfc_main = {
   __name: "OrderBackoffice",
   setup(__props) {
-    var _a, _b, _c, _d, _e;
     const { locale } = vueI18n.useI18n();
     const router = vueRouter.useRouter();
     const route = vueRouter.useRoute();
@@ -80,7 +80,7 @@ const _sfc_main = {
     vue.ref(null);
     const orderOrganization = vue.ref(null);
     const statuses = globals.state.options.orders.statuses;
-    if (route.meta.context === "user" && auth.state.user && route.params._id !== ((_a = auth.state.user) == null ? void 0 : _a._id) && !((_c = (_b = auth.state.access) == null ? void 0 : _b.roles) == null ? void 0 : _c.includes("ROLE_MODERATOR")) && !((_e = (_d = auth.state.access) == null ? void 0 : _d.roles) == null ? void 0 : _e.includes("ROLE_ADMIN"))) {
+    if (route.meta.context === "user" && auth.state.user && route.params._id !== auth.state.user?._id && !auth.state.access?.roles?.includes("ROLE_MODERATOR") && !auth.state.access?.roles?.includes("ROLE_ADMIN")) {
       router.push("/401");
     }
     const isOpeStatusPopup = vue.ref(false);
@@ -107,25 +107,22 @@ const _sfc_main = {
       isOpenPaymentPopup.value = false;
     }
     vue.onMounted(async () => {
-      var _a2, _b2;
       order.value = await orders.actions.read({ _id: route.params.order });
       order.value = order.value[0];
       orderOrganization.value = await organizations.actions.read({
-        _id: (_a2 = order.value) == null ? void 0 : _a2.owner.target._id,
-        location: (_b2 = globals.state.position) == null ? void 0 : _b2.location,
+        _id: order.value?.owner.target._id,
+        location: globals.state.position?.location,
         lookup: ["spots"]
       });
     });
     const deliveryCost = vue.computed(() => {
-      var _a2, _b2, _c2;
       const type = orders.state.current.delivery.type;
-      const distance = ((_a2 = orderOrganization.value[0]) == null ? void 0 : _a2.distance) || 0;
-      const config = ((_c2 = (_b2 = globals.state.options) == null ? void 0 : _b2.orders) == null ? void 0 : _c2.delivery_formula) || {};
+      const distance = orderOrganization.value[0]?.distance || 0;
+      const config = globals.state.options?.orders?.delivery_formula || {};
       return orders.getters.getDeliveryPrice(type, distance, config);
     });
     let cartTotalPrice = vue.computed(() => {
-      var _a2;
-      return Number((_a2 = order.value) == null ? void 0 : _a2.positions.reduce((total, product) => {
+      return Number(order.value?.positions.reduce((total, product) => {
         if (product.listing === "rent") {
           const start = new Date(product.date.start);
           const end = new Date(product.date.end);
@@ -137,8 +134,7 @@ const _sfc_main = {
       }, 0));
     });
     vue.computed(() => {
-      var _a2;
-      return Number((_a2 = order.value) == null ? void 0 : _a2.positions.reduce((total, product) => {
+      return Number(order.value?.positions.reduce((total, product) => {
         return total + product.quantity;
       }, 0));
     });
@@ -173,7 +169,6 @@ const _sfc_main = {
       closeStatusPopup();
     }
     return (_ctx, _cache) => {
-      var _a2, _b2, _c2, _d2, _e2, _f, _g, _h, _i, _j, _k, _l, _m, _n;
       return order.value && orderOrganization.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         order.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
           vue.createElementVNode("div", _hoisted_3, [
@@ -256,50 +251,47 @@ const _sfc_main = {
           isPopupOpen: isOpeStatusPopup.value,
           class: "bg-light w-min-30r w-max-30r radius-medium pd-big"
         }, {
-          default: vue.withCtx(() => {
-            var _a3, _b3, _c3, _d3, _e3, _f2, _g2, _h2;
-            return [
-              vue.createElementVNode("ul", _hoisted_7, [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(order.value.positions, (product, index) => {
-                  return vue.openBlock(), vue.createBlock(CardOrderItem.default, {
-                    key: `${product._id}_${product.variant || "no-variant"}_${index}`,
-                    editable: !order.value.status_history || order.value.status_history.length <= 1,
-                    productId: product._id,
-                    variantId: product.variant,
-                    images: product.images,
-                    name: product.name,
-                    quantity: product.quantity,
-                    unit: product.unit,
-                    dates: product.date,
-                    listing: product.listing,
-                    price: product.price,
-                    increase: () => orders.mutations.incrementItemQuantity(order.value, product._id, product.variant),
-                    decrease: () => orders.mutations.decrementItemQuantity(order.value, product._id, product.variant),
-                    remove: () => orders.mutations.removeProduct(order.value, product._id, product.variant),
-                    onUpdateRentDates: _cache[2] || (_cache[2] = (productId, variantId, dates) => _ctx.shopcart.actions.updateRentDates({ positions: order.value.positions, productId, variantId, dates })),
-                    class: "bg-white radius-small pd-small"
-                  }, null, 8, ["editable", "productId", "variantId", "images", "name", "quantity", "unit", "dates", "listing", "price", "increase", "decrease", "remove"]);
-                }), 128))
+          default: vue.withCtx(() => [
+            vue.createElementVNode("ul", _hoisted_7, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(order.value.positions, (product, index) => {
+                return vue.openBlock(), vue.createBlock(CardOrderItem.default, {
+                  key: `${product._id}_${product.variant || "no-variant"}_${index}`,
+                  editable: !order.value.status_history || order.value.status_history.length <= 1,
+                  productId: product._id,
+                  variantId: product.variant,
+                  images: product.images,
+                  name: product.name,
+                  quantity: product.quantity,
+                  unit: product.unit,
+                  dates: product.date,
+                  listing: product.listing,
+                  price: product.price,
+                  increase: () => orders.mutations.incrementItemQuantity(order.value, product._id, product.variant),
+                  decrease: () => orders.mutations.decrementItemQuantity(order.value, product._id, product.variant),
+                  remove: () => orders.mutations.removeProduct(order.value, product._id, product.variant),
+                  onUpdateRentDates: _cache[2] || (_cache[2] = (productId, variantId, dates) => _ctx.shopcart.actions.updateRentDates({ positions: order.value.positions, productId, variantId, dates })),
+                  class: "bg-white radius-small pd-small"
+                }, null, 8, ["editable", "productId", "variantId", "images", "name", "quantity", "unit", "dates", "listing", "price", "increase", "decrease", "remove"]);
+              }), 128))
+            ]),
+            vue.createVNode(PriceTotal.default, {
+              totalPrice: vue.unref(cartTotalPrice),
+              currency: _ctx.returnCurrency(),
+              showFees: globals.state.options?.orders?.showFees,
+              feesRate: globals.state.options?.orders?.feesRate || 0,
+              showVat: globals.state.options?.orders?.showVat,
+              vatRate: globals.state.options?.orders?.vatRate || 0
+            }, null, 8, ["totalPrice", "currency", "showFees", "feesRate", "showVat", "vatRate"]),
+            vue.createVNode(Button.default, {
+              submit: setNextStatus,
+              class: "t-white w-100 bg-second"
+            }, {
+              default: vue.withCtx(() => [
+                vue.createElementVNode("span", null, vue.toDisplayString("Confirm Changing to " + getNextStatus(order.value.status).label), 1)
               ]),
-              vue.createVNode(PriceTotal.default, {
-                totalPrice: vue.unref(cartTotalPrice),
-                currency: _ctx.returnCurrency(),
-                showFees: (_b3 = (_a3 = globals.state.options) == null ? void 0 : _a3.orders) == null ? void 0 : _b3.showFees,
-                feesRate: ((_d3 = (_c3 = globals.state.options) == null ? void 0 : _c3.orders) == null ? void 0 : _d3.feesRate) || 0,
-                showVat: (_f2 = (_e3 = globals.state.options) == null ? void 0 : _e3.orders) == null ? void 0 : _f2.showVat,
-                vatRate: ((_h2 = (_g2 = globals.state.options) == null ? void 0 : _g2.orders) == null ? void 0 : _h2.vatRate) || 0
-              }, null, 8, ["totalPrice", "currency", "showFees", "feesRate", "showVat", "vatRate"]),
-              vue.createVNode(Button.default, {
-                submit: setNextStatus,
-                class: "t-white w-100 bg-second"
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createElementVNode("span", null, vue.toDisplayString("Confirm Changing to " + getNextStatus(order.value.status).label), 1)
-                ]),
-                _: 1
-              })
-            ];
-          }),
+              _: 1
+            })
+          ]),
           _: 1
         }, 8, ["isPopupOpen"]),
         order.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
@@ -320,13 +312,13 @@ const _sfc_main = {
                   vue.createElementVNode("p", _hoisted_14, vue.toDisplayString(_ctx.formatDate(order.value.updatedAt, { language: vue.unref(locale) })), 1)
                 ])
               ]),
-              ((_a2 = order.value.customer.target) == null ? void 0 : _a2.number) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15, [
+              order.value.customer.target?.number ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15, [
                 _cache[7] || (_cache[7] = vue.createElementVNode("p", { class: "w-100 t-medium p-medium" }, " Phone ", -1)),
-                vue.createElementVNode("p", _hoisted_16, vue.toDisplayString(((_b2 = order.value.customer.target) == null ? void 0 : _b2.number) || "Not specified"), 1)
+                vue.createElementVNode("p", _hoisted_16, vue.toDisplayString(order.value.customer.target?.number || "Not specified"), 1)
               ])) : vue.createCommentVNode("", true),
               vue.createElementVNode("div", _hoisted_17, [
                 _cache[8] || (_cache[8] = vue.createElementVNode("p", { class: "t-medium p-medium" }, " Address ", -1)),
-                vue.createElementVNode("p", _hoisted_18, vue.toDisplayString(order.value.delivery.address || ((_c2 = order.value.delivery.spot[0]) == null ? void 0 : _c2.profile.name) + (((_d2 = order.value.delivery.spot[0]) == null ? void 0 : _d2.address) ? ", " + order.value.delivery.spot[0].address : "") || "Not specified"), 1)
+                vue.createElementVNode("p", _hoisted_18, vue.toDisplayString(order.value.delivery.address || order.value.delivery.spot[0]?.profile.name + (order.value.delivery.spot[0]?.address ? ", " + order.value.delivery.spot[0].address : "") || "Not specified"), 1)
               ]),
               order.value.comment ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_19, [
                 _cache[9] || (_cache[9] = vue.createElementVNode("p", { class: "mn-b-thin t-transp uppercase p-small t-medium" }, "Comment", -1)),
@@ -366,7 +358,7 @@ const _sfc_main = {
             vue.createElementVNode("div", _hoisted_27, [
               _cache[14] || (_cache[14] = vue.createElementVNode("h3", { class: "mn-b-small" }, "Chat With Us", -1)),
               vue.createVNode(ChatPage.default, {
-                username: ["Order", "UserOrder"].includes(vue.unref(route).name) ? ((_e2 = order.value.user) == null ? void 0 : _e2.name) || "User" : "Support",
+                username: ["Order", "UserOrder"].includes(vue.unref(route).name) ? order.value.user?.name || "User" : "Support",
                 user: auth.state.user._id,
                 chatID: vue.unref(route).params.order,
                 class: "radius-semi bs-black bg-light o-hidden"
@@ -398,11 +390,11 @@ const _sfc_main = {
               totalPrice: vue.unref(cartTotalPrice),
               deliveryRate: deliveryCost.value,
               currency: _ctx.returnCurrency(),
-              showFees: (_g = (_f = globals.state.options) == null ? void 0 : _f.orders) == null ? void 0 : _g.showFees,
-              feesRate: ((_i = (_h = globals.state.options) == null ? void 0 : _h.orders) == null ? void 0 : _i.feesRate) || 0,
-              showVat: (_k = (_j = globals.state.options) == null ? void 0 : _j.orders) == null ? void 0 : _k.showVat,
-              vatRate: ((_m = (_l = globals.state.options) == null ? void 0 : _l.orders) == null ? void 0 : _m.vatRate) || 0,
-              showDeliveryFee: (_n = globals.state.options) == null ? void 0 : _n.orders.showDeliveryFee
+              showFees: globals.state.options?.orders?.showFees,
+              feesRate: globals.state.options?.orders?.feesRate || 0,
+              showVat: globals.state.options?.orders?.showVat,
+              vatRate: globals.state.options?.orders?.vatRate || 0,
+              showDeliveryFee: globals.state.options?.orders.showDeliveryFee
             }, null, 8, ["totalPrice", "deliveryRate", "currency", "showFees", "feesRate", "showVat", "vatRate", "showDeliveryFee"])
           ])
         ])) : vue.createCommentVNode("", true)

package/dist/martyrs/src/modules/orders/components/pages/OrderBackoffice.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"OrderBackoffice.vue.cjs","sources":["../../../../../../../src/modules/orders/components/pages/OrderBackoffice.vue"],"sourcesContent":["<template>\n\t<div v-if=\"order && orderOrganization\" class=\"pd-thin bg-white\"> \n\n\t  <div v-if=\"order\" class=\"mn-b-thin pos-relative w-100 bg-main radius-medium pd-medium\">\n\t  \t<div class=\"mn-b-small flex-nowrap flex\">\n\t\t  \t<p class=\"t-medium p-medium\">\n\t\t     \tOrder No: <span class=\"p-small t-transp\">#{{order._id}}</span>\n\t\t    </p>\n\t\t\t</div>\n\n\t  \t<div class=\"flex-nowrap flex gap-thin pos-relative \">\n\t\t    <div v-for=\"(status, index) in globals.state.options.orders.statuses\" :key=\"index\" class=\"w-20\">\n\t\t      <div\n\t\t      \tclass=\"bg-white br-anim br-glow radius-extra h-1r w-100\"\n\t\t        :class=\"\n\t\t\t\t\t    { 'br-glow-anim': isActiveStatus(index) },\n\t\t\t\t\t    { 't-transp': !isActiveStatus(index) },\n\t\t\t\t\t    { 'blink': order.status === status.value && getNextStatus(order.status) }\n\t\t\t\t\t  \"\n\t\t      />\n\t\t      <div \n\t\t      \t:class=\"{ 't-transp': !isActiveStatus(index) }\"\n\t\t\t\t\t  class=\"mn-t-thin p-small t-medium uppercase\">{{ status.value }}</div>\n\t\t    \t</div>\n\t\t\t  </div>\n\t  </div>\n\n  \t<Popup \n      title=\"Payment Status\" \n      @close-popup=\"closePaymentPopup\" \n      :isPopupOpen=\"isOpenPaymentPopup\"\n      class=\"bg-light w-min-25r w-max-25r radius-medium pd-big\"\n    >\n    \t<Select \n        v-model:select=\"selectedPayments.type\"\n        :property=\"'value'\"\n        label=\"Type\"\n        :options=\"[\n          {name: 'Cash',  value: 'cash'}, \n          {name: 'Card', value: 'card'}, \n          {name: 'Bank Transfer', value: 'bank'},\n        ]\"\n        placeholder=\"Select type of payment\" \n        size=\"small\"\n        class=\"bg-white mn-b-thin pd-regular radius-small w-100\"\n      />\n\n      <Select \n        v-model:select=\"selectedPayments.status\"\n        :property=\"'value'\"\n        label=\"Status\"\n        :options=\"[\n          {name: 'Unpaid',  value: 'unpaid'}, \n          {name: 'Paid', value: 'paid'}, \n          {name: 'Refunded', value: 'refunded'},\n        ]\"\n        placeholder=\"Select status of payment\" \n        size=\"small\"\n        class=\"bg-white mn-b-small pd-regular radius-small w-100\"\n      />\n\n\n      <Button :submit=\"changePaymentStatus\"  class=\"t-white w-100 bg-second\">\n\t\t\t\t<span>Change Status</span>\n\t\t\t</Button>\n\t \t</Popup>\n\n\t  <Popup \n      title=\"Change order status\" \n      @close-popup=\"closeStatusPopup\" \n      :isPopupOpen=\"isOpeStatusPopup\"\n      class=\"bg-light w-min-30r w-max-30r radius-medium pd-big\"\n    >\n\n\t\t\t<!-- Добавить выбор примерного времени -->\n\n    \t<ul class=\"flex gap-thin flex-column mn-b-thin\">\n  \t\t\t<CardOrderItem\n  \t\t\t\tv-for=\"(product, index) in order.positions\" \n  \t\t\t\t:key=\"`${product._id}_${product.variant || 'no-variant'}_${index}`\"\n  \t\t\t\t:editable=\"!order.status_history || order.status_history.length <= 1\" \n  \t\t\t\t:productId=\"product._id\"\n  \t\t\t\t:variantId=\"product.variant\"\n  \t\t\t\t:images=\"product.images\"\n  \t\t\t\t:name=\"product.name\"\n  \t\t\t\t:quantity=\"product.quantity\"\n  \t\t\t\t:unit=\"product.unit\"\n  \t\t\t\t:dates=\"product.date\"\n  \t\t\t\t:listing=\"product.listing\"\n  \t\t\t\t:price=\"product.price\"\n  \t\t\t\t:increase=\"() => orders.mutations.incrementItemQuantity(order, product._id, product.variant)\"\n\t        :decrease=\"() => orders.mutations.decrementItemQuantity(order, product._id, product.variant)\"\n\t        :remove=\"() => orders.mutations.removeProduct(order, product._id, product.variant)\"\n\t        @updateRentDates=\"(productId, variantId, dates) => shopcart.actions.updateRentDates({ positions: order.positions, productId, variantId, dates })\"\n  \t\t\t\tclass=\"bg-white radius-small pd-small\"\n  \t\t\t/>\n      </ul>\n      \n      <PriceTotal \n        :totalPrice=\"cartTotalPrice\"\n        :currency=\"returnCurrency()\"\n        :showFees=\"globals.state.options?.orders?.showFees\"\n        :feesRate=\"globals.state.options?.orders?.feesRate || 0\"\n        :showVat=\"globals.state.options?.orders?.showVat\"\n        :vatRate=\"globals.state.options?.orders?.vatRate || 0\"\n      />\n\n    \t<Button :submit=\"setNextStatus\"  class=\"t-white w-100 bg-second\">\n\t\t\t\t<span>{{'Confirm Changing to ' + (getNextStatus(order.status)).label}}</span>\n\t\t\t</Button>\n\t \t</Popup>\n\n\n\t  \n\t  <div v-if=\"order\" class=\"gap-thin cols-2\">\n\n\t    <div class=\"w-100\">\n\n\n\t\t    <CardOrganization \n\t\t    \tv-if=\"orderOrganization[0]\"\n\t\t      :organization=\"orderOrganization[0]\"\n\t\t      :showRating=\"true\"\n\t\t      :showFollowers=\"false\"\n\t\t      :showProducts=\"false\"\n\t\t      class=\"bg-light mn-b-thin w-100 o-hidden radius-medium pd-small \"\n\t\t    />\n\n\n\t\t    <div \n\t\t    \tclass=\"mn-b-thin bg-light w-100 o-hidden radius-medium \"\n\t\t    >\n\t\t    \t<div class=\"pd-small flex-nowrap flex\">\n\t\t\t    \t<div class=\"mn-r-auto\">\n\t\t\t\t    \t<span class=\"d-block t-medium p-medium\">Order is</span>\n\t\t\t\t\t    <span class=\" t-lh-075 h2 d-block mn-b-small\">{{order.status}}</span>\n\t\t\t\t\t    <p class=\"pd-thin radius-extra bg-black t-white w-max\">{{formatDate(order.updatedAt, {language: locale })}}</p>\n\t\t\t\t\t  </div>\n\t\t\t\t\t <!--  <div class=\"t-right\">\n\t\t\t\t\t  \tCancel order<br>\n\t\t\t\t\t  \tExchange item\n\t\t\t\t\t  \t<hr class=\"mn-b-thin mn-t-thin\">\n\t\t\t\t\t  \tFor Delivery Queries Contact Us\n\t\t\t\t\t  \t\n\t\t\t\t\t  </div> -->\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div v-if=\"order.customer.target?.number\" class=\"pd-small flex flex-nowrap flex-v-center br-t br-black-transp-10 br-solid\">\n\t\t\t    \t<p class=\"w-100 t-medium p-medium\">\n\t\t\t      \tPhone\n\t\t\t      </p>\n\n\t\t\t      <p class=\"w-100 t-right \">\n\t\t\t      \t{{order.customer.target?.number || 'Not specified'}}\n\t\t\t      </p>\n\t\t\t    </div>\n\n\t\t\t    <div class=\"pd-small   flex flex-nowrap flex-v-center br-t br-black-transp-10 br-solid\">\n\t\t\t    \t<p class=\"t-medium p-medium\">\n\t\t\t      \tAddress\n\t\t\t      </p>\n\n\t\t\t      <p class=\"w-100 t-right\">\n\t\t\t\t\t\t\t{{order.delivery.address || (order.delivery.spot[0]?.profile.name + (order.delivery.spot[0]?.address ? ', ' + order.delivery.spot[0].address : '')) || 'Not specified'}}\n\t\t\t      </p>\n\n\n\n\t\t\t    </div>\n\n\n\t\t\t    <div v-if=\"order.comment\" class=\"pos-relative radius-thin mn-t-zero mn-thin bg-fifth-transp-10 pd-small\">\n\t\t\t      <p class=\"mn-b-thin t-transp uppercase p-small t-medium\">Comment</p>\n\t\t\t      <p>{{order.comment}}</p>\n\t\t\t    </div>\n\n\t\t\t    <div class=\"pd-small  flex flex-nowrap flex-v-center br-t br-black-transp-10 br-solid\">\n\t\t\t    \t<p class=\"t-medium p-medium\">\n\t\t\t      \tDelivery\n\t\t\t      </p>\n\n\t\t\t      <p class=\"w-100 t-right \">\n\t\t\t        {{order.delivery.type ? order.delivery.type : 'Not specified'}} \n\t\t\t      </p>\n\t\t\t    </div>\n\n\t\t\t     <div class=\"pd-small  flex flex-nowrap flex-v-center br-t br-black-transp-10 br-solid\">\n\t\t\t    \t<p class=\"mn-r-auto t-medium p-medium\">\n\t\t\t      \tPayment\n\t\t\t      </p>\n\n\n\t\t\t      <p class=\"w-max t-right\">\n\t\t\t        {{order.payment.type ? order.payment.type : 'Not specified'}} \n\t\t\t      </p>\n\n\t\t\t      <p @click=\"route.meta.context !== 'user' && route.meta.context !== 'root' ? openPaymentPopup() : console.log('Context:', route.meta.context)\" class=\"w-max pd-thin radius-small bg-second t-white mn-l-thin cursor-pointer hover-bg-black t-right\">\n\t\t\t        {{order.payment.status ? order.payment.status : 'Unpaid'}} \n\t\t\t      </p>\n\t\t\t    </div>\n\n\n\t\t\t\t</div>\n\n\t\t\t\t<div v-if=\"route.meta.context !== 'user' && route.meta.context !== 'root'\" class=\"o-y-scroll bg-light pd-thin mn-b-thin pd-thin radius-medium flex-nowrap flex\">\n\t\t  \t\t<div class=\"flex-child-default mn-r-small w-max flex-v-center gap-thin flex-nowrap flex pd-thin radius-small bg-light-transp-20\">\n\t\t  \t\t\t<IconTime class=\"i-semi t-transp\" fill=\"rgb(var(--black)\" />\n\t\t        <p class=\"t-medium mn-r-auto\"><span class=\"p-small t-transp\">Estimated Reaction</span><br>{{formatDate(order.deadline, { language: locale })}}</p>\n\t\t\t  \t</div>\n\t\t\t  \t<button v-if=\"getNextStatus(order.status)\" @click=\"openStatusPopup\" class=\"flex-child-default  mn-l-auto bg-black t-white button\">  \n\t\t\t\t    Mark as {{ (getNextStatus(order.status)).label }}  \n\t\t\t\t  </button>\n\t\t  \t</div>\n\n\t\t\t<div class=\"bg-light radius-medium pd-medium  mn-r-bold  w-100\">\n\t\t    <h3 class=\"mn-b-small\">Chat With Us</h3>\n\n\t\t    <ChatPage\n\t\t    \t:username=\"['Order', 'UserOrder'].includes(route.name) ? (order.user?.name || 'User') : 'Support'\"\n\t\t    \t:user=\"auth.state.user._id\"\n\t\t    \t:chatID=\"route.params.order\"\n\t\t    \tclass=\"radius-semi bs-black bg-light o-hidden\"\n\t\t    />\n\n\t    </div>\n\t     \t<!-- <StatusHistory \n\t     \t\tv-if=\"orders.state.current.status_history\"\n\t     \t\t:statuses=\"statuses\"\n\t     \t\t:statusHistory=\"orders.state.current.status_history\"\n\t     \t\t:statusCurrent=\"orders.state.current.status\"\n\t     \t\t:edit=\"route.name === 'Order Edit'\"\n\t     \t/> -->\n\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\n\t    <div class=\"bg-light radius-medium pd-medium   w-100\">\n\t  \t\t<h3 class=\"mn-b-small\">Order Summary</h3>\n\n\t  \t\t<ul class=\"flex gap-thin flex-column mn-b-thin\">\n\t  \t\t\t<CardOrderItem\n\t  \t\t\t\tv-for=\"(product, index) in order.positions\" \n\t  \t\t\t\t:key=\"`${product._id}_${product.variant || 'no-variant'}_${index}`\"\n\t  \t\t\t\t:editable=\"false\" \n\t  \t\t\t\t:productId=\"product._id\"\n\t  \t\t\t\t:variantId=\"product.variant\"\n\t  \t\t\t\t:images=\"product.images\"\n\t  \t\t\t\t:name=\"product.name\"\n\t  \t\t\t\t:quantity=\"product.quantity\"\n\t  \t\t\t\t:unit=\"product.unit\"\n\t  \t\t\t\t:dates=\"product.date\"\n\t  \t\t\t\t:listing=\"product.listing\"\n\t  \t\t\t\t:price=\"product.price\"\n\t  \t\t\t\tclass=\"bg-white radius-small pd-small\"\n\t  \t\t\t/>\n\t      </ul>\n\t      \n\t      <PriceTotal \n          :totalPrice=\"cartTotalPrice\"\n          :deliveryRate=\"deliveryCost\"\n          :currency=\"returnCurrency()\"\n          :showFees=\"globals.state.options?.orders?.showFees\"\n          :feesRate=\"globals.state.options?.orders?.feesRate || 0\"\n          :showVat=\"globals.state.options?.orders?.showVat\"\n          :vatRate=\"globals.state.options?.orders?.vatRate || 0\"\n\t\t\t\t  :showDeliveryFee=\"globals.state.options?.orders.showDeliveryFee\"\n\n        />\n     \t</div>\n\n\t   \n\t  </div>\n\t</div>\t\t\n\n</template>\n\n\n<script setup=\"props\">\n\timport { computed, ref, onMounted  } from 'vue'\n\timport { useRouter, useRoute } from 'vue-router'\n\n\timport Button from '@martyrs/src/components/Button/Button.vue'\n\timport Select from '@martyrs/src/components/Select/Select.vue'\n\timport Popup from \"@martyrs/src/components/Popup/Popup.vue\";\n\n\timport IconTime  from '@martyrs/src/modules/icons/entities/IconTime.vue'\n\n\t// Block\n\timport CardOrderItem  from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue'\n\timport CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n\timport ChatPage from '@martyrs/src/modules/chats/components/pages/ChatPage.vue';\n\n\timport StatusHistory from '@martyrs/src/modules/orders/components/blocks/StatusHistory.vue'\n\timport PriceTotal from '@martyrs/src/modules/orders/components/elements/PriceTotal.vue';\n\timport FormPayment from '@martyrs/src/modules/orders/components/sections/FormPayment.vue'\n\n\timport * as globals \tfrom '@martyrs/src/modules/globals/views/store/globals.js'\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n\timport * as orders \tfrom '@martyrs/src/modules/orders/store/orders.js'\n\timport * as products \tfrom '@martyrs/src/modules/products/store/products.js'\n\timport * as organizations \tfrom '@martyrs/src/modules/organizations/store/organizations.js'\n\n\timport { useI18n } from 'vue-i18n';\n\t\n\tconst { locale } = useI18n();\n\n\tconst router = useRouter()\n\tconst route = useRoute()\n\n\tconst order = ref(null)\n\tconst productsOrganization = ref(null)\n\tconst orderOrganization = ref(null)\n\n\tconst statuses = globals.state.options.orders.statuses\n\tconst statusLabels = ['Created', 'Confirmed', 'Preparing', 'In use', 'Finished'];\n\n  if (route.meta.context === 'user' && \n      auth.state.user && \n      route.params._id !== auth.state.user?._id && \n      !auth.state.access?.roles?.includes('ROLE_MODERATOR') && \n      !auth.state.access?.roles?.includes('ROLE_ADMIN')) {\n    router.push('/401');\n  }\n\n\tconst isOpeStatusPopup = ref(false);\n\tconst selectedMember = ref(null);\n\n\tfunction openStatusPopup(member) {\n\t  isOpeStatusPopup.value = true;\n\t  if (typeof member === \"number\") selectedMember.value = member;\n\t}\n\n\tfunction closeStatusPopup() {\n\t  isOpeStatusPopup.value = false;\n\t  selectedMember.value = null;\n\t}\n\n\tconst isOpenPaymentPopup = ref(false);\n\n\tconst selectedPayments = ref({\n\t\ttype: null,\n\t\tstatus: null\n\t});\n\n\tfunction openPaymentPopup() {\n\t  selectedPayments.value.type = order.value.payment.type\n\t  selectedPayments.value.status = order.value.payment.status\n\n\t  isOpenPaymentPopup.value = true;\n\t}\n\n\tfunction closePaymentPopup() {\n\t  isOpenPaymentPopup.value = false;\n\t}\n\n\tonMounted(async()=>{\n\t\torder.value = await orders.actions.read({_id: route.params.order})\n\t\torder.value = order.value[0]\n\n\t  orderOrganization.value = await organizations.actions.read({\n\t    _id: order.value?.owner.target._id,\n\t    location: globals.state.position?.location,\n\t    lookup: ['spots']\n\t  });\n\n\t})\n\n\nconst deliveryCost = computed(() => {\n  const type = orders.state.current.delivery.type\n  const distance = orderOrganization.value[0]?.distance || 0\n  const config = globals.state.options?.orders?.delivery_formula || {}\n\n  return orders.getters.getDeliveryPrice(type, distance, config)\n})\n\n\tlet cartTotalPrice = computed(() => {\n     return Number(order.value?.positions.reduce((total, product) => {\n      // Проверяем тип листинга\n      if (product.listing === 'rent') {\n        const start = new Date(product.date.start)\n        const end = new Date(product.date.end)\n        const diffTime = Math.abs(end - start)\n        return total + product.price * (Math.ceil(diffTime / (1000 * 60 * 60 * 24)) + 1);\n      } else {\n        // Для обычных товаров умножаем на количество\n        return total + product.price * (product.quantity || 1);\n      }\n    }, 0));\n  })\n\n\n  let cartTotalAmount = computed(() => {\n    return Number(order.value?.positions.reduce((total, product) => {\n      return total + product.quantity;\n    }, 0));\n  })\n\n  // Функция установки нового статуса\n\tasync function setStatus (newStatus) {\n\t  orders.state.current.status = newStatus\n\n\t  await orders.actions.update(orders.state.current)\n\t} \n\n\n\tfunction getNextStatus(currentStatus) {\n\t  const currentIndex = globals.state.options.orders.statuses.findIndex(status => status.value === currentStatus);\n\n\t  if (currentIndex !== -1 && currentIndex + 1 < statuses.length) {\n\t    return globals.state.options.orders.statuses[currentIndex + 1];\n\t  }\n\t  return null; // If next status doesn't exist\n\t}\n\n\tconst isActiveStatus = (index) => {\n\t  return globals.state.options.orders.statuses.slice(index).some(status => status.value === order.value.status);\n\t};\n\n  async function changePaymentStatus() {\n    if (selectedPayments.value.status && selectedPayments.value.type) {\n      orders.state.current.payment = selectedPayments.value;\n\n      await orders.actions.update(orders.state.current)\n    } else {\n      console.error('Payment status is void. Must handle somehow.');\n    }\n\n\t\tclosePaymentPopup()\n  }\n\n  async function setNextStatus() {\n    const nextStatus = getNextStatus(orders.state.current.status);\n\n    if (nextStatus) {\n      orders.state.current.status = nextStatus.value;\n      \n      // Обновляем позиции заказа из текущего состояния\n      orders.state.current.positions = order.value.positions;\n\n      await orders.actions.update(orders.state.current)\n    } else {\n      console.error('Next status is void. Must handle somehow.');\n    }\n\n\t\tcloseStatusPopup()\n  }\n\n  async function cancelOrder() {\n  \talert()\n\n    orders.state.current.status = 'canceled';\n\n    await orders.actions.update(orders.state.current)\n}\n\n\n  async function confirmOrder() {\n  \talert()\n\n    orders.state.current.status = 'confirmed';\n\n    await orders.actions.update(orders.state.current)\n\t}\n\n\tfunction calculateDeliveryTime(distance, date) {\n\t  if (!distance) {\n\t    return null;\n\t  }\n\n\t  const basePreparationTime = 10 * 60 * 1000; // Convert to milliseconds\n\t  const travelTime = Math.ceil((15 + 5 + 3 * distance) / 5) * 5 * 60 * 1000;\n\n\t  // Преобразование даты начала в миллисекунды и добавление времени подготовки и доставки\n\t  const startTime = new Date(date).getTime();\n\t  const estimatedDeliveryTime = new Date(startTime + basePreparationTime + travelTime);\n\n\t  return estimatedDeliveryTime;\n\t}\n\n\n</script>\n\n<style lang=\"scss\" scoped>\n\t.blink {\n\t  animation: blink-animation 1s ease infinite;\n\t}\n\n\t@keyframes blink-animation {\n\t  0%, 100% {\n\t    opacity: 1;\n\t  }\n\t  50% {\n\t    opacity: 0.8;\n\t  }\n\t}\n</style>"],"names":["useI18n","useRouter","useRoute","ref","globals.state","auth.state","onMounted","orders.actions","organizations.actions","_a","computed","orders.state","orders.getters"],"mappings":"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"}
+{"version":3,"file":"OrderBackoffice.vue.cjs","sources":["../../../../../../../src/modules/orders/components/pages/OrderBackoffice.vue"],"sourcesContent":["<template>\n\t<div v-if=\"order && orderOrganization\" class=\"pd-thin bg-white\"> \n\n\t  <div v-if=\"order\" class=\"mn-b-thin pos-relative w-100 bg-main radius-medium pd-medium\">\n\t  \t<div class=\"mn-b-small flex-nowrap flex\">\n\t\t  \t<p class=\"t-medium p-medium\">\n\t\t     \tOrder No: <span class=\"p-small t-transp\">#{{order._id}}</span>\n\t\t    </p>\n\t\t\t</div>\n\n\t  \t<div class=\"flex-nowrap flex gap-thin pos-relative \">\n\t\t    <div v-for=\"(status, index) in globals.state.options.orders.statuses\" :key=\"index\" class=\"w-20\">\n\t\t      <div\n\t\t      \tclass=\"bg-white br-anim br-glow radius-extra h-1r w-100\"\n\t\t        :class=\"\n\t\t\t\t\t    { 'br-glow-anim': isActiveStatus(index) },\n\t\t\t\t\t    { 't-transp': !isActiveStatus(index) },\n\t\t\t\t\t    { 'blink': order.status === status.value && getNextStatus(order.status) }\n\t\t\t\t\t  \"\n\t\t      />\n\t\t      <div \n\t\t      \t:class=\"{ 't-transp': !isActiveStatus(index) }\"\n\t\t\t\t\t  class=\"mn-t-thin p-small t-medium uppercase\">{{ status.value }}</div>\n\t\t    \t</div>\n\t\t\t  </div>\n\t  </div>\n\n  \t<Popup \n      title=\"Payment Status\" \n      @close-popup=\"closePaymentPopup\" \n      :isPopupOpen=\"isOpenPaymentPopup\"\n      class=\"bg-light w-min-25r w-max-25r radius-medium pd-big\"\n    >\n    \t<Select \n        v-model:select=\"selectedPayments.type\"\n        :property=\"'value'\"\n        label=\"Type\"\n        :options=\"[\n          {name: 'Cash',  value: 'cash'}, \n          {name: 'Card', value: 'card'}, \n          {name: 'Bank Transfer', value: 'bank'},\n        ]\"\n        placeholder=\"Select type of payment\" \n        size=\"small\"\n        class=\"bg-white mn-b-thin pd-regular radius-small w-100\"\n      />\n\n      <Select \n        v-model:select=\"selectedPayments.status\"\n        :property=\"'value'\"\n        label=\"Status\"\n        :options=\"[\n          {name: 'Unpaid',  value: 'unpaid'}, \n          {name: 'Paid', value: 'paid'}, \n          {name: 'Refunded', value: 'refunded'},\n        ]\"\n        placeholder=\"Select status of payment\" \n        size=\"small\"\n        class=\"bg-white mn-b-small pd-regular radius-small w-100\"\n      />\n\n\n      <Button :submit=\"changePaymentStatus\"  class=\"t-white w-100 bg-second\">\n\t\t\t\t<span>Change Status</span>\n\t\t\t</Button>\n\t \t</Popup>\n\n\t  <Popup \n      title=\"Change order status\" \n      @close-popup=\"closeStatusPopup\" \n      :isPopupOpen=\"isOpeStatusPopup\"\n      class=\"bg-light w-min-30r w-max-30r radius-medium pd-big\"\n    >\n\n\t\t\t<!-- Добавить выбор примерного времени -->\n\n    \t<ul class=\"flex gap-thin flex-column mn-b-thin\">\n  \t\t\t<CardOrderItem\n  \t\t\t\tv-for=\"(product, index) in order.positions\" \n  \t\t\t\t:key=\"`${product._id}_${product.variant || 'no-variant'}_${index}`\"\n  \t\t\t\t:editable=\"!order.status_history || order.status_history.length <= 1\" \n  \t\t\t\t:productId=\"product._id\"\n  \t\t\t\t:variantId=\"product.variant\"\n  \t\t\t\t:images=\"product.images\"\n  \t\t\t\t:name=\"product.name\"\n  \t\t\t\t:quantity=\"product.quantity\"\n  \t\t\t\t:unit=\"product.unit\"\n  \t\t\t\t:dates=\"product.date\"\n  \t\t\t\t:listing=\"product.listing\"\n  \t\t\t\t:price=\"product.price\"\n  \t\t\t\t:increase=\"() => orders.mutations.incrementItemQuantity(order, product._id, product.variant)\"\n\t        :decrease=\"() => orders.mutations.decrementItemQuantity(order, product._id, product.variant)\"\n\t        :remove=\"() => orders.mutations.removeProduct(order, product._id, product.variant)\"\n\t        @updateRentDates=\"(productId, variantId, dates) => shopcart.actions.updateRentDates({ positions: order.positions, productId, variantId, dates })\"\n  \t\t\t\tclass=\"bg-white radius-small pd-small\"\n  \t\t\t/>\n      </ul>\n      \n      <PriceTotal \n        :totalPrice=\"cartTotalPrice\"\n        :currency=\"returnCurrency()\"\n        :showFees=\"globals.state.options?.orders?.showFees\"\n        :feesRate=\"globals.state.options?.orders?.feesRate || 0\"\n        :showVat=\"globals.state.options?.orders?.showVat\"\n        :vatRate=\"globals.state.options?.orders?.vatRate || 0\"\n      />\n\n    \t<Button :submit=\"setNextStatus\"  class=\"t-white w-100 bg-second\">\n\t\t\t\t<span>{{'Confirm Changing to ' + (getNextStatus(order.status)).label}}</span>\n\t\t\t</Button>\n\t \t</Popup>\n\n\n\t  \n\t  <div v-if=\"order\" class=\"gap-thin cols-2\">\n\n\t    <div class=\"w-100\">\n\n\n\t\t    <CardOrganization \n\t\t    \tv-if=\"orderOrganization[0]\"\n\t\t      :organization=\"orderOrganization[0]\"\n\t\t      :showRating=\"true\"\n\t\t      :showFollowers=\"false\"\n\t\t      :showProducts=\"false\"\n\t\t      class=\"bg-light mn-b-thin w-100 o-hidden radius-medium pd-small \"\n\t\t    />\n\n\n\t\t    <div \n\t\t    \tclass=\"mn-b-thin bg-light w-100 o-hidden radius-medium \"\n\t\t    >\n\t\t    \t<div class=\"pd-small flex-nowrap flex\">\n\t\t\t    \t<div class=\"mn-r-auto\">\n\t\t\t\t    \t<span class=\"d-block t-medium p-medium\">Order is</span>\n\t\t\t\t\t    <span class=\" t-lh-075 h2 d-block mn-b-small\">{{order.status}}</span>\n\t\t\t\t\t    <p class=\"pd-thin radius-extra bg-black t-white w-max\">{{formatDate(order.updatedAt, {language: locale })}}</p>\n\t\t\t\t\t  </div>\n\t\t\t\t\t <!--  <div class=\"t-right\">\n\t\t\t\t\t  \tCancel order<br>\n\t\t\t\t\t  \tExchange item\n\t\t\t\t\t  \t<hr class=\"mn-b-thin mn-t-thin\">\n\t\t\t\t\t  \tFor Delivery Queries Contact Us\n\t\t\t\t\t  \t\n\t\t\t\t\t  </div> -->\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div v-if=\"order.customer.target?.number\" class=\"pd-small flex flex-nowrap flex-v-center br-t br-black-transp-10 br-solid\">\n\t\t\t    \t<p class=\"w-100 t-medium p-medium\">\n\t\t\t      \tPhone\n\t\t\t      </p>\n\n\t\t\t      <p class=\"w-100 t-right \">\n\t\t\t      \t{{order.customer.target?.number || 'Not specified'}}\n\t\t\t      </p>\n\t\t\t    </div>\n\n\t\t\t    <div class=\"pd-small   flex flex-nowrap flex-v-center br-t br-black-transp-10 br-solid\">\n\t\t\t    \t<p class=\"t-medium p-medium\">\n\t\t\t      \tAddress\n\t\t\t      </p>\n\n\t\t\t      <p class=\"w-100 t-right\">\n\t\t\t\t\t\t\t{{order.delivery.address || (order.delivery.spot[0]?.profile.name + (order.delivery.spot[0]?.address ? ', ' + order.delivery.spot[0].address : '')) || 'Not specified'}}\n\t\t\t      </p>\n\n\n\n\t\t\t    </div>\n\n\n\t\t\t    <div v-if=\"order.comment\" class=\"pos-relative radius-thin mn-t-zero mn-thin bg-fifth-transp-10 pd-small\">\n\t\t\t      <p class=\"mn-b-thin t-transp uppercase p-small t-medium\">Comment</p>\n\t\t\t      <p>{{order.comment}}</p>\n\t\t\t    </div>\n\n\t\t\t    <div class=\"pd-small  flex flex-nowrap flex-v-center br-t br-black-transp-10 br-solid\">\n\t\t\t    \t<p class=\"t-medium p-medium\">\n\t\t\t      \tDelivery\n\t\t\t      </p>\n\n\t\t\t      <p class=\"w-100 t-right \">\n\t\t\t        {{order.delivery.type ? order.delivery.type : 'Not specified'}} \n\t\t\t      </p>\n\t\t\t    </div>\n\n\t\t\t     <div class=\"pd-small  flex flex-nowrap flex-v-center br-t br-black-transp-10 br-solid\">\n\t\t\t    \t<p class=\"mn-r-auto t-medium p-medium\">\n\t\t\t      \tPayment\n\t\t\t      </p>\n\n\n\t\t\t      <p class=\"w-max t-right\">\n\t\t\t        {{order.payment.type ? order.payment.type : 'Not specified'}} \n\t\t\t      </p>\n\n\t\t\t      <p @click=\"route.meta.context !== 'user' && route.meta.context !== 'root' ? openPaymentPopup() : console.log('Context:', route.meta.context)\" class=\"w-max pd-thin radius-small bg-second t-white mn-l-thin cursor-pointer hover-bg-black t-right\">\n\t\t\t        {{order.payment.status ? order.payment.status : 'Unpaid'}} \n\t\t\t      </p>\n\t\t\t    </div>\n\n\n\t\t\t\t</div>\n\n\t\t\t\t<div v-if=\"route.meta.context !== 'user' && route.meta.context !== 'root'\" class=\"o-y-scroll bg-light pd-thin mn-b-thin pd-thin radius-medium flex-nowrap flex\">\n\t\t  \t\t<div class=\"flex-child-default mn-r-small w-max flex-v-center gap-thin flex-nowrap flex pd-thin radius-small bg-light-transp-20\">\n\t\t  \t\t\t<IconTime class=\"i-semi t-transp\" fill=\"rgb(var(--black)\" />\n\t\t        <p class=\"t-medium mn-r-auto\"><span class=\"p-small t-transp\">Estimated Reaction</span><br>{{formatDate(order.deadline, { language: locale })}}</p>\n\t\t\t  \t</div>\n\t\t\t  \t<button v-if=\"getNextStatus(order.status)\" @click=\"openStatusPopup\" class=\"flex-child-default  mn-l-auto bg-black t-white button\">  \n\t\t\t\t    Mark as {{ (getNextStatus(order.status)).label }}  \n\t\t\t\t  </button>\n\t\t  \t</div>\n\n\t\t\t<div class=\"bg-light radius-medium pd-medium  mn-r-bold  w-100\">\n\t\t    <h3 class=\"mn-b-small\">Chat With Us</h3>\n\n\t\t    <ChatPage\n\t\t    \t:username=\"['Order', 'UserOrder'].includes(route.name) ? (order.user?.name || 'User') : 'Support'\"\n\t\t    \t:user=\"auth.state.user._id\"\n\t\t    \t:chatID=\"route.params.order\"\n\t\t    \tclass=\"radius-semi bs-black bg-light o-hidden\"\n\t\t    />\n\n\t    </div>\n\t     \t<!-- <StatusHistory \n\t     \t\tv-if=\"orders.state.current.status_history\"\n\t     \t\t:statuses=\"statuses\"\n\t     \t\t:statusHistory=\"orders.state.current.status_history\"\n\t     \t\t:statusCurrent=\"orders.state.current.status\"\n\t     \t\t:edit=\"route.name === 'Order Edit'\"\n\t     \t/> -->\n\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\n\t    <div class=\"bg-light radius-medium pd-medium   w-100\">\n\t  \t\t<h3 class=\"mn-b-small\">Order Summary</h3>\n\n\t  \t\t<ul class=\"flex gap-thin flex-column mn-b-thin\">\n\t  \t\t\t<CardOrderItem\n\t  \t\t\t\tv-for=\"(product, index) in order.positions\" \n\t  \t\t\t\t:key=\"`${product._id}_${product.variant || 'no-variant'}_${index}`\"\n\t  \t\t\t\t:editable=\"false\" \n\t  \t\t\t\t:productId=\"product._id\"\n\t  \t\t\t\t:variantId=\"product.variant\"\n\t  \t\t\t\t:images=\"product.images\"\n\t  \t\t\t\t:name=\"product.name\"\n\t  \t\t\t\t:quantity=\"product.quantity\"\n\t  \t\t\t\t:unit=\"product.unit\"\n\t  \t\t\t\t:dates=\"product.date\"\n\t  \t\t\t\t:listing=\"product.listing\"\n\t  \t\t\t\t:price=\"product.price\"\n\t  \t\t\t\tclass=\"bg-white radius-small pd-small\"\n\t  \t\t\t/>\n\t      </ul>\n\t      \n\t      <PriceTotal \n          :totalPrice=\"cartTotalPrice\"\n          :deliveryRate=\"deliveryCost\"\n          :currency=\"returnCurrency()\"\n          :showFees=\"globals.state.options?.orders?.showFees\"\n          :feesRate=\"globals.state.options?.orders?.feesRate || 0\"\n          :showVat=\"globals.state.options?.orders?.showVat\"\n          :vatRate=\"globals.state.options?.orders?.vatRate || 0\"\n\t\t\t\t  :showDeliveryFee=\"globals.state.options?.orders.showDeliveryFee\"\n\n        />\n     \t</div>\n\n\t   \n\t  </div>\n\t</div>\t\t\n\n</template>\n\n\n<script setup=\"props\">\n\timport { computed, ref, onMounted  } from 'vue'\n\timport { useRouter, useRoute } from 'vue-router'\n\n\timport Button from '@martyrs/src/components/Button/Button.vue'\n\timport Select from '@martyrs/src/components/Select/Select.vue'\n\timport Popup from \"@martyrs/src/components/Popup/Popup.vue\";\n\n\timport IconTime  from '@martyrs/src/modules/icons/entities/IconTime.vue'\n\n\t// Block\n\timport CardOrderItem  from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue'\n\timport CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n\timport ChatPage from '@martyrs/src/modules/chats/components/pages/ChatPage.vue';\n\n\timport StatusHistory from '@martyrs/src/modules/orders/components/blocks/StatusHistory.vue'\n\timport PriceTotal from '@martyrs/src/modules/orders/components/elements/PriceTotal.vue';\n\timport FormPayment from '@martyrs/src/modules/orders/components/sections/FormPayment.vue'\n\n\timport * as globals \tfrom '@martyrs/src/modules/globals/views/store/globals.js'\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n\timport * as orders \tfrom '@martyrs/src/modules/orders/store/orders.js'\n\timport * as products \tfrom '@martyrs/src/modules/products/store/products.js'\n\timport * as organizations \tfrom '@martyrs/src/modules/organizations/store/organizations.js'\n\n\timport { useI18n } from 'vue-i18n';\n\t\n\tconst { locale } = useI18n();\n\n\tconst router = useRouter()\n\tconst route = useRoute()\n\n\tconst order = ref(null)\n\tconst productsOrganization = ref(null)\n\tconst orderOrganization = ref(null)\n\n\tconst statuses = globals.state.options.orders.statuses\n\tconst statusLabels = ['Created', 'Confirmed', 'Preparing', 'In use', 'Finished'];\n\n  if (route.meta.context === 'user' && \n      auth.state.user && \n      route.params._id !== auth.state.user?._id && \n      !auth.state.access?.roles?.includes('ROLE_MODERATOR') && \n      !auth.state.access?.roles?.includes('ROLE_ADMIN')) {\n    router.push('/401');\n  }\n\n\tconst isOpeStatusPopup = ref(false);\n\tconst selectedMember = ref(null);\n\n\tfunction openStatusPopup(member) {\n\t  isOpeStatusPopup.value = true;\n\t  if (typeof member === \"number\") selectedMember.value = member;\n\t}\n\n\tfunction closeStatusPopup() {\n\t  isOpeStatusPopup.value = false;\n\t  selectedMember.value = null;\n\t}\n\n\tconst isOpenPaymentPopup = ref(false);\n\n\tconst selectedPayments = ref({\n\t\ttype: null,\n\t\tstatus: null\n\t});\n\n\tfunction openPaymentPopup() {\n\t  selectedPayments.value.type = order.value.payment.type\n\t  selectedPayments.value.status = order.value.payment.status\n\n\t  isOpenPaymentPopup.value = true;\n\t}\n\n\tfunction closePaymentPopup() {\n\t  isOpenPaymentPopup.value = false;\n\t}\n\n\tonMounted(async()=>{\n\t\torder.value = await orders.actions.read({_id: route.params.order})\n\t\torder.value = order.value[0]\n\n\t  orderOrganization.value = await organizations.actions.read({\n\t    _id: order.value?.owner.target._id,\n\t    location: globals.state.position?.location,\n\t    lookup: ['spots']\n\t  });\n\n\t})\n\n\nconst deliveryCost = computed(() => {\n  const type = orders.state.current.delivery.type\n  const distance = orderOrganization.value[0]?.distance || 0\n  const config = globals.state.options?.orders?.delivery_formula || {}\n\n  return orders.getters.getDeliveryPrice(type, distance, config)\n})\n\n\tlet cartTotalPrice = computed(() => {\n     return Number(order.value?.positions.reduce((total, product) => {\n      // Проверяем тип листинга\n      if (product.listing === 'rent') {\n        const start = new Date(product.date.start)\n        const end = new Date(product.date.end)\n        const diffTime = Math.abs(end - start)\n        return total + product.price * (Math.ceil(diffTime / (1000 * 60 * 60 * 24)) + 1);\n      } else {\n        // Для обычных товаров умножаем на количество\n        return total + product.price * (product.quantity || 1);\n      }\n    }, 0));\n  })\n\n\n  let cartTotalAmount = computed(() => {\n    return Number(order.value?.positions.reduce((total, product) => {\n      return total + product.quantity;\n    }, 0));\n  })\n\n  // Функция установки нового статуса\n\tasync function setStatus (newStatus) {\n\t  orders.state.current.status = newStatus\n\n\t  await orders.actions.update(orders.state.current)\n\t} \n\n\n\tfunction getNextStatus(currentStatus) {\n\t  const currentIndex = globals.state.options.orders.statuses.findIndex(status => status.value === currentStatus);\n\n\t  if (currentIndex !== -1 && currentIndex + 1 < statuses.length) {\n\t    return globals.state.options.orders.statuses[currentIndex + 1];\n\t  }\n\t  return null; // If next status doesn't exist\n\t}\n\n\tconst isActiveStatus = (index) => {\n\t  return globals.state.options.orders.statuses.slice(index).some(status => status.value === order.value.status);\n\t};\n\n  async function changePaymentStatus() {\n    if (selectedPayments.value.status && selectedPayments.value.type) {\n      orders.state.current.payment = selectedPayments.value;\n\n      await orders.actions.update(orders.state.current)\n    } else {\n      console.error('Payment status is void. Must handle somehow.');\n    }\n\n\t\tclosePaymentPopup()\n  }\n\n  async function setNextStatus() {\n    const nextStatus = getNextStatus(orders.state.current.status);\n\n    if (nextStatus) {\n      orders.state.current.status = nextStatus.value;\n      \n      // Обновляем позиции заказа из текущего состояния\n      orders.state.current.positions = order.value.positions;\n\n      await orders.actions.update(orders.state.current)\n    } else {\n      console.error('Next status is void. Must handle somehow.');\n    }\n\n\t\tcloseStatusPopup()\n  }\n\n  async function cancelOrder() {\n  \talert()\n\n    orders.state.current.status = 'canceled';\n\n    await orders.actions.update(orders.state.current)\n}\n\n\n  async function confirmOrder() {\n  \talert()\n\n    orders.state.current.status = 'confirmed';\n\n    await orders.actions.update(orders.state.current)\n\t}\n\n\tfunction calculateDeliveryTime(distance, date) {\n\t  if (!distance) {\n\t    return null;\n\t  }\n\n\t  const basePreparationTime = 10 * 60 * 1000; // Convert to milliseconds\n\t  const travelTime = Math.ceil((15 + 5 + 3 * distance) / 5) * 5 * 60 * 1000;\n\n\t  // Преобразование даты начала в миллисекунды и добавление времени подготовки и доставки\n\t  const startTime = new Date(date).getTime();\n\t  const estimatedDeliveryTime = new Date(startTime + basePreparationTime + travelTime);\n\n\t  return estimatedDeliveryTime;\n\t}\n\n\n</script>\n\n<style lang=\"scss\" scoped>\n\t.blink {\n\t  animation: blink-animation 1s ease infinite;\n\t}\n\n\t@keyframes blink-animation {\n\t  0%, 100% {\n\t    opacity: 1;\n\t  }\n\t  50% {\n\t    opacity: 0.8;\n\t  }\n\t}\n</style>"],"names":["useI18n","useRouter","useRoute","ref","globals.state","auth.state","onMounted","orders.actions","organizations.actions","computed","orders.state","orders.getters"],"mappings":"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"}