@ozdao/martyrs 0.2.546 → 0.2.548

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

@@ -17,7 +17,7 @@ const _hoisted_2 = { class: "mn-b-medium" };
 const _hoisted_3 = { class: "t-transp mn-b-medium" };
 const _hoisted_4 = {
   key: 0,
-  class: "flex flex-wrap flex-h-center gap-medium"
+  class: "flex flex-wrap flex-h-center gap-regular"
 };
 const _hoisted_5 = ["href"];
 const _sfc_main = {
@@ -173,7 +173,7 @@ const _sfc_main = {
                       class: "hover-scale-1 bg-light radius-small pd-thin transition-all"
                     }, [
                       (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(socialIcons[social.icon]), {
-                        class: "i-semi",
+                        class: "i-medium",
                         fill: "rgb(var(--dark))"
                       }))
                     ], 8, _hoisted_5);

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

@@ -1 +1 @@
-{"version":3,"file":"FieldSubscribeNewsletter.vue.cjs","sources":["../../../../../../../src/modules/orders/components/elements/FieldSubscribeNewsletter.vue"],"sourcesContent":["<template>\n  <FieldBig \n    :input=\"email\" \n    :typingSpeed=\"typingSpeed\"\n    :loopTyping=\"loopTyping\"\n    :enableTyping=\"enableTyping\"\n    :placeholder=\"props.placeholder || t('orders.newsletter.placeholder')\"\n    :action=\"props.action === false ? '' : props.action || t('orders.newsletter.action')\"\n    :name=\"fieldName\"\n    :id=\"fieldId\"\n    @update:input=\"email = $event\"\n    @action=\"sendApplication\"\n    :showLoader=\"true\"\n    :showSuccess=\"false\"\n    :callbackDelay=\"100\"\n    v-bind=\"$attrs\"\n  >\n    <Popup\n      :isPopupOpen=\"isSuccessPopupOpen\"\n      @close-popup=\"isSuccessPopupOpen = false\"\n      align=\"center center\"\n      class=\"bg-white t-black pd-big radius-big\"\n    >\n      <div class=\"t-center\">\n        <h3 class=\"mn-b-medium\">{{ props.successTitle || t('orders.newsletter.success.title') }}</h3>\n        <p class=\"t-transp mn-b-medium\">{{ props.successSubtitle || t('orders.newsletter.success.subtitle') }}</p>\n        \n        <div v-if=\"(props.socials || tm('orders.newsletter.socials')) && (props.socials || tm('orders.newsletter.socials')).length\" class=\"flex flex-wrap flex-h-center gap-medium\">\n          <a\n            v-for=\"social in (props.socials || tm('orders.newsletter.socials'))\"\n            :key=\"social.name\"\n            :href=\"social.url\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            class=\"hover-scale-1 bg-light radius-small pd-thin transition-all\"\n          >\n            <component\n              :is=\"socialIcons[social.icon]\"\n              class=\"i-semi\"\n              :fill=\"'rgb(var(--dark))'\"\n            />\n          </a>\n        </div>\n      </div>\n    </Popup>\n  </FieldBig>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue'\nimport { useI18n } from 'vue-i18n'\n\nimport FieldBig from '@martyrs/src/components/FieldBig/FieldBig.vue'\nimport Popup from '@martyrs/src/components/Popup/Popup.vue'\n\nimport IconFacebook from '@martyrs/src/modules/icons/socials/facebook.vue'\nimport IconInstagram from '@martyrs/src/modules/icons/socials/instagram.vue'\nimport IconTelegram from '@martyrs/src/modules/icons/socials/telegram.vue'\nimport IconTwitter from '@martyrs/src/modules/icons/socials/twitter.vue'\nimport IconYoutube from '@martyrs/src/modules/icons/socials/youtube.vue'\nimport IconLinkedin from '@martyrs/src/modules/icons/socials/linkedin.vue'\nimport IconWhatsapp from '@martyrs/src/modules/icons/socials/whatsapp.vue'\n\nimport * as globals from '@martyrs/src/modules/globals/views/store/globals.js'\nimport applications from '@martyrs/src/modules/orders/store/applications.js'\n\nconst props = defineProps({\n  // Тексты компонента\n  title: {\n    type: String,\n    default: null\n  },\n  subtitle: {\n    type: String,\n    default: null\n  },\n  placeholder: {\n    type: String,\n    default: null\n  },\n  action: {\n    type: String,\n    default: null\n  },\n  successTitle: {\n    type: String,\n    default: null\n  },\n  successSubtitle: {\n    type: String,\n    default: null\n  },\n  socials: {\n    type: Array,\n    default: null\n  },\n  // Настройки поля\n  typingSpeed: {\n    type: Number,\n    default: 75\n  },\n  loopTyping: {\n    type: Boolean,\n    default: false\n  },\n  enableTyping: {\n    type: Boolean,\n    default: false\n  },\n  fieldName: {\n    type: String,\n    default: 'newsletter-email'\n  },\n  fieldId: {\n    type: String,\n    default: null\n  }\n})\n\n// Используем только глобальную локализацию\nconst { t, tm } = useI18n({\n  useScope: 'global'\n})\n\nlet email = ref('')\nlet isSuccessPopupOpen = ref(false)\n\nconst socialIcons = {\n  facebook: IconFacebook,\n  instagram: IconInstagram,\n  telegram: IconTelegram,\n  twitter: IconTwitter,\n  youtube: IconYoutube,\n  linkedin: IconLinkedin,\n  whatsapp: IconWhatsapp\n}\n\n// Функция валидации email\nfunction validateEmail(email) {\n  const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/\n  return emailRegex.test(email)\n}\n\nfunction showSuccessPopup() {\n  isSuccessPopupOpen.value = true\n}\n\nasync function sendApplication() {\n  // Валидация email перед отправкой\n  if (!email.value || !email.value.trim()) {\n    globals.setError({ message: t('validation.email.required') || 'Email is required' })\n    return Promise.reject(new Error('Email is required'))\n  }\n\n  if (!validateEmail(email.value.trim())) {\n    globals.setError({ message: t('validation.email.invalid') || 'Invalid email format' })\n    return Promise.reject(new Error('Invalid email format'))\n  }\n\n  gtag('event', 'subscribe_newsletter', {\n    'event_category': 'conversion',\n    'event_label': 'Subscribe Newsletter'\n  });\n\n  try {\n    let application = {\n      type: 'newsletter',\n      contacts: {\n        email: email.value.trim()\n      }\n    };\n\n    // Используем публичный API для создания заявки\n    const response = await fetch(`${process.env.API_URL}/api/applications/public`, {\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json',\n      },\n      body: JSON.stringify(application)\n    });\n\n    if (!response.ok) {\n      throw new Error('Failed to create application');\n    }\n\n    const result = await response.json();\n\n    showSuccessPopup()\n    return Promise.resolve(result);\n  } catch (error) {\n    console.log(error)\n    globals.setError(error)\n    return Promise.reject(error);\n  }\n}\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["useI18n","ref","IconFacebook","IconInstagram","IconTelegram","IconTwitter","IconYoutube","IconLinkedin","IconWhatsapp","email","globals.setError"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkEA,UAAM,QAAQ;AAsDd,UAAM,EAAE,GAAG,GAAE,IAAKA,gBAAQ;AAAA,MACxB,UAAU;AAAA,IACZ,CAAC;AAED,QAAI,QAAQC,IAAAA,IAAI,EAAE;AAClB,QAAI,qBAAqBA,IAAAA,IAAI,KAAK;AAElC,UAAM,cAAc;AAAA,MAClB,UAAUC,SAAAA;AAAAA,MACV,WAAWC,UAAAA;AAAAA,MACX,UAAUC,SAAAA;AAAAA,MACV,SAASC,QAAAA;AAAAA,MACT,SAASC,QAAAA;AAAAA,MACT,UAAUC,SAAAA;AAAAA,MACV,UAAUC,SAAAA;AAAAA,IACZ;AAGA,aAAS,cAAcC,QAAO;AAC5B,YAAM,aAAa;AACnB,aAAO,WAAW,KAAKA,MAAK;AAAA,IAC9B;AAEA,aAAS,mBAAmB;AAC1B,yBAAmB,QAAQ;AAAA,IAC7B;AAEA,mBAAe,kBAAkB;AAE/B,UAAI,CAAC,MAAM,SAAS,CAAC,MAAM,MAAM,QAAQ;AACvCC,gBAAAA,SAAiB,EAAE,SAAS,EAAE,2BAA2B,KAAK,oBAAmB,CAAE;AACnF,eAAO,QAAQ,OAAO,IAAI,MAAM,mBAAmB,CAAC;AAAA,MACtD;AAEA,UAAI,CAAC,cAAc,MAAM,MAAM,KAAI,CAAE,GAAG;AACtCA,gBAAAA,SAAiB,EAAE,SAAS,EAAE,0BAA0B,KAAK,uBAAsB,CAAE;AACrF,eAAO,QAAQ,OAAO,IAAI,MAAM,sBAAsB,CAAC;AAAA,MACzD;AAEA,WAAK,SAAS,wBAAwB;AAAA,QACpC,kBAAkB;AAAA,QAClB,eAAe;AAAA,MACnB,CAAG;AAED,UAAI;AACF,YAAI,cAAc;AAAA,UAChB,MAAM;AAAA,UACN,UAAU;AAAA,YACR,OAAO,MAAM,MAAM,KAAI;AAAA,UAC/B;AAAA,QACA;AAGI,cAAM,WAAW,MAAM,MAAM,GAAG,QAAQ,IAAI,OAAO,4BAA4B;AAAA,UAC7E,QAAQ;AAAA,UACR,SAAS;AAAA,YACP,gBAAgB;AAAA,UACxB;AAAA,UACM,MAAM,KAAK,UAAU,WAAW;AAAA,QACtC,CAAK;AAED,YAAI,CAAC,SAAS,IAAI;AAChB,gBAAM,IAAI,MAAM,8BAA8B;AAAA,QAChD;AAEA,cAAM,SAAS,MAAM,SAAS,KAAI;AAElC,yBAAgB;AAChB,eAAO,QAAQ,QAAQ,MAAM;AAAA,MAC/B,SAAS,OAAO;AACd,gBAAQ,IAAI,KAAK;AACjBA,gBAAAA,SAAiB,KAAK;AACtB,eAAO,QAAQ,OAAO,KAAK;AAAA,MAC7B;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FieldSubscribeNewsletter.vue.cjs","sources":["../../../../../../../src/modules/orders/components/elements/FieldSubscribeNewsletter.vue"],"sourcesContent":["<template>\n  <FieldBig \n    :input=\"email\" \n    :typingSpeed=\"typingSpeed\"\n    :loopTyping=\"loopTyping\"\n    :enableTyping=\"enableTyping\"\n    :placeholder=\"props.placeholder || t('orders.newsletter.placeholder')\"\n    :action=\"props.action === false ? '' : props.action || t('orders.newsletter.action')\"\n    :name=\"fieldName\"\n    :id=\"fieldId\"\n    @update:input=\"email = $event\"\n    @action=\"sendApplication\"\n    :showLoader=\"true\"\n    :showSuccess=\"false\"\n    :callbackDelay=\"100\"\n    v-bind=\"$attrs\"\n  >\n    <Popup\n      :isPopupOpen=\"isSuccessPopupOpen\"\n      @close-popup=\"isSuccessPopupOpen = false\"\n      align=\"center center\"\n      class=\"bg-white t-black pd-big radius-big\"\n    >\n      <div class=\"t-center\">\n        <h3 class=\"mn-b-medium\">{{ props.successTitle || t('orders.newsletter.success.title') }}</h3>\n        <p class=\"t-transp mn-b-medium\">{{ props.successSubtitle || t('orders.newsletter.success.subtitle') }}</p>\n        \n        <div v-if=\"(props.socials || tm('orders.newsletter.socials')) && (props.socials || tm('orders.newsletter.socials')).length\" class=\"flex flex-wrap flex-h-center gap-regular\">\n          <a\n            v-for=\"social in (props.socials || tm('orders.newsletter.socials'))\"\n            :key=\"social.name\"\n            :href=\"social.url\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            class=\"hover-scale-1 bg-light radius-small pd-thin transition-all\"\n          >\n            <component\n              :is=\"socialIcons[social.icon]\"\n              class=\"i-medium\"\n              :fill=\"'rgb(var(--dark))'\"\n            />\n          </a>\n        </div>\n      </div>\n    </Popup>\n  </FieldBig>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue'\nimport { useI18n } from 'vue-i18n'\n\nimport FieldBig from '@martyrs/src/components/FieldBig/FieldBig.vue'\nimport Popup from '@martyrs/src/components/Popup/Popup.vue'\n\nimport IconFacebook from '@martyrs/src/modules/icons/socials/facebook.vue'\nimport IconInstagram from '@martyrs/src/modules/icons/socials/instagram.vue'\nimport IconTelegram from '@martyrs/src/modules/icons/socials/telegram.vue'\nimport IconTwitter from '@martyrs/src/modules/icons/socials/twitter.vue'\nimport IconYoutube from '@martyrs/src/modules/icons/socials/youtube.vue'\nimport IconLinkedin from '@martyrs/src/modules/icons/socials/linkedin.vue'\nimport IconWhatsapp from '@martyrs/src/modules/icons/socials/whatsapp.vue'\n\nimport * as globals from '@martyrs/src/modules/globals/views/store/globals.js'\nimport applications from '@martyrs/src/modules/orders/store/applications.js'\n\nconst props = defineProps({\n  // Тексты компонента\n  title: {\n    type: String,\n    default: null\n  },\n  subtitle: {\n    type: String,\n    default: null\n  },\n  placeholder: {\n    type: String,\n    default: null\n  },\n  action: {\n    type: String,\n    default: null\n  },\n  successTitle: {\n    type: String,\n    default: null\n  },\n  successSubtitle: {\n    type: String,\n    default: null\n  },\n  socials: {\n    type: Array,\n    default: null\n  },\n  // Настройки поля\n  typingSpeed: {\n    type: Number,\n    default: 75\n  },\n  loopTyping: {\n    type: Boolean,\n    default: false\n  },\n  enableTyping: {\n    type: Boolean,\n    default: false\n  },\n  fieldName: {\n    type: String,\n    default: 'newsletter-email'\n  },\n  fieldId: {\n    type: String,\n    default: null\n  }\n})\n\n// Используем только глобальную локализацию\nconst { t, tm } = useI18n({\n  useScope: 'global'\n})\n\nlet email = ref('')\nlet isSuccessPopupOpen = ref(false)\n\nconst socialIcons = {\n  facebook: IconFacebook,\n  instagram: IconInstagram,\n  telegram: IconTelegram,\n  twitter: IconTwitter,\n  youtube: IconYoutube,\n  linkedin: IconLinkedin,\n  whatsapp: IconWhatsapp\n}\n\n// Функция валидации email\nfunction validateEmail(email) {\n  const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/\n  return emailRegex.test(email)\n}\n\nfunction showSuccessPopup() {\n  isSuccessPopupOpen.value = true\n}\n\nasync function sendApplication() {\n  // Валидация email перед отправкой\n  if (!email.value || !email.value.trim()) {\n    globals.setError({ message: t('validation.email.required') || 'Email is required' })\n    return Promise.reject(new Error('Email is required'))\n  }\n\n  if (!validateEmail(email.value.trim())) {\n    globals.setError({ message: t('validation.email.invalid') || 'Invalid email format' })\n    return Promise.reject(new Error('Invalid email format'))\n  }\n\n  gtag('event', 'subscribe_newsletter', {\n    'event_category': 'conversion',\n    'event_label': 'Subscribe Newsletter'\n  });\n\n  try {\n    let application = {\n      type: 'newsletter',\n      contacts: {\n        email: email.value.trim()\n      }\n    };\n\n    // Используем публичный API для создания заявки\n    const response = await fetch(`${process.env.API_URL}/api/applications/public`, {\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json',\n      },\n      body: JSON.stringify(application)\n    });\n\n    if (!response.ok) {\n      throw new Error('Failed to create application');\n    }\n\n    const result = await response.json();\n\n    showSuccessPopup()\n    return Promise.resolve(result);\n  } catch (error) {\n    console.log(error)\n    globals.setError(error)\n    return Promise.reject(error);\n  }\n}\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["useI18n","ref","IconFacebook","IconInstagram","IconTelegram","IconTwitter","IconYoutube","IconLinkedin","IconWhatsapp","email","globals.setError"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkEA,UAAM,QAAQ;AAsDd,UAAM,EAAE,GAAG,GAAE,IAAKA,gBAAQ;AAAA,MACxB,UAAU;AAAA,IACZ,CAAC;AAED,QAAI,QAAQC,IAAAA,IAAI,EAAE;AAClB,QAAI,qBAAqBA,IAAAA,IAAI,KAAK;AAElC,UAAM,cAAc;AAAA,MAClB,UAAUC,SAAAA;AAAAA,MACV,WAAWC,UAAAA;AAAAA,MACX,UAAUC,SAAAA;AAAAA,MACV,SAASC,QAAAA;AAAAA,MACT,SAASC,QAAAA;AAAAA,MACT,UAAUC,SAAAA;AAAAA,MACV,UAAUC,SAAAA;AAAAA,IACZ;AAGA,aAAS,cAAcC,QAAO;AAC5B,YAAM,aAAa;AACnB,aAAO,WAAW,KAAKA,MAAK;AAAA,IAC9B;AAEA,aAAS,mBAAmB;AAC1B,yBAAmB,QAAQ;AAAA,IAC7B;AAEA,mBAAe,kBAAkB;AAE/B,UAAI,CAAC,MAAM,SAAS,CAAC,MAAM,MAAM,QAAQ;AACvCC,gBAAAA,SAAiB,EAAE,SAAS,EAAE,2BAA2B,KAAK,oBAAmB,CAAE;AACnF,eAAO,QAAQ,OAAO,IAAI,MAAM,mBAAmB,CAAC;AAAA,MACtD;AAEA,UAAI,CAAC,cAAc,MAAM,MAAM,KAAI,CAAE,GAAG;AACtCA,gBAAAA,SAAiB,EAAE,SAAS,EAAE,0BAA0B,KAAK,uBAAsB,CAAE;AACrF,eAAO,QAAQ,OAAO,IAAI,MAAM,sBAAsB,CAAC;AAAA,MACzD;AAEA,WAAK,SAAS,wBAAwB;AAAA,QACpC,kBAAkB;AAAA,QAClB,eAAe;AAAA,MACnB,CAAG;AAED,UAAI;AACF,YAAI,cAAc;AAAA,UAChB,MAAM;AAAA,UACN,UAAU;AAAA,YACR,OAAO,MAAM,MAAM,KAAI;AAAA,UAC/B;AAAA,QACA;AAGI,cAAM,WAAW,MAAM,MAAM,GAAG,QAAQ,IAAI,OAAO,4BAA4B;AAAA,UAC7E,QAAQ;AAAA,UACR,SAAS;AAAA,YACP,gBAAgB;AAAA,UACxB;AAAA,UACM,MAAM,KAAK,UAAU,WAAW;AAAA,QACtC,CAAK;AAED,YAAI,CAAC,SAAS,IAAI;AAChB,gBAAM,IAAI,MAAM,8BAA8B;AAAA,QAChD;AAEA,cAAM,SAAS,MAAM,SAAS,KAAI;AAElC,yBAAgB;AAChB,eAAO,QAAQ,QAAQ,MAAM;AAAA,MAC/B,SAAS,OAAO;AACd,gBAAQ,IAAI,KAAK;AACjBA,gBAAAA,SAAiB,KAAK;AACtB,eAAO,QAAQ,OAAO,KAAK;AAAA,MAC7B;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -15,7 +15,7 @@ const _hoisted_2 = { class: "mn-b-medium" };
 const _hoisted_3 = { class: "t-transp mn-b-medium" };
 const _hoisted_4 = {
   key: 0,
-  class: "flex flex-wrap flex-h-center gap-medium"
+  class: "flex flex-wrap flex-h-center gap-regular"
 };
 const _hoisted_5 = ["href"];
 const _sfc_main = {
@@ -171,7 +171,7 @@ const _sfc_main = {
                       class: "hover-scale-1 bg-light radius-small pd-thin transition-all"
                     }, [
                       (openBlock(), createBlock(resolveDynamicComponent(socialIcons[social.icon]), {
-                        class: "i-semi",
+                        class: "i-medium",
                         fill: "rgb(var(--dark))"
                       }))
                     ], 8, _hoisted_5);

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

@@ -1 +1 @@
-{"version":3,"file":"FieldSubscribeNewsletter.vue.js","sources":["../../../../../../../src/modules/orders/components/elements/FieldSubscribeNewsletter.vue"],"sourcesContent":["<template>\n  <FieldBig \n    :input=\"email\" \n    :typingSpeed=\"typingSpeed\"\n    :loopTyping=\"loopTyping\"\n    :enableTyping=\"enableTyping\"\n    :placeholder=\"props.placeholder || t('orders.newsletter.placeholder')\"\n    :action=\"props.action === false ? '' : props.action || t('orders.newsletter.action')\"\n    :name=\"fieldName\"\n    :id=\"fieldId\"\n    @update:input=\"email = $event\"\n    @action=\"sendApplication\"\n    :showLoader=\"true\"\n    :showSuccess=\"false\"\n    :callbackDelay=\"100\"\n    v-bind=\"$attrs\"\n  >\n    <Popup\n      :isPopupOpen=\"isSuccessPopupOpen\"\n      @close-popup=\"isSuccessPopupOpen = false\"\n      align=\"center center\"\n      class=\"bg-white t-black pd-big radius-big\"\n    >\n      <div class=\"t-center\">\n        <h3 class=\"mn-b-medium\">{{ props.successTitle || t('orders.newsletter.success.title') }}</h3>\n        <p class=\"t-transp mn-b-medium\">{{ props.successSubtitle || t('orders.newsletter.success.subtitle') }}</p>\n        \n        <div v-if=\"(props.socials || tm('orders.newsletter.socials')) && (props.socials || tm('orders.newsletter.socials')).length\" class=\"flex flex-wrap flex-h-center gap-medium\">\n          <a\n            v-for=\"social in (props.socials || tm('orders.newsletter.socials'))\"\n            :key=\"social.name\"\n            :href=\"social.url\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            class=\"hover-scale-1 bg-light radius-small pd-thin transition-all\"\n          >\n            <component\n              :is=\"socialIcons[social.icon]\"\n              class=\"i-semi\"\n              :fill=\"'rgb(var(--dark))'\"\n            />\n          </a>\n        </div>\n      </div>\n    </Popup>\n  </FieldBig>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue'\nimport { useI18n } from 'vue-i18n'\n\nimport FieldBig from '@martyrs/src/components/FieldBig/FieldBig.vue'\nimport Popup from '@martyrs/src/components/Popup/Popup.vue'\n\nimport IconFacebook from '@martyrs/src/modules/icons/socials/facebook.vue'\nimport IconInstagram from '@martyrs/src/modules/icons/socials/instagram.vue'\nimport IconTelegram from '@martyrs/src/modules/icons/socials/telegram.vue'\nimport IconTwitter from '@martyrs/src/modules/icons/socials/twitter.vue'\nimport IconYoutube from '@martyrs/src/modules/icons/socials/youtube.vue'\nimport IconLinkedin from '@martyrs/src/modules/icons/socials/linkedin.vue'\nimport IconWhatsapp from '@martyrs/src/modules/icons/socials/whatsapp.vue'\n\nimport * as globals from '@martyrs/src/modules/globals/views/store/globals.js'\nimport applications from '@martyrs/src/modules/orders/store/applications.js'\n\nconst props = defineProps({\n  // Тексты компонента\n  title: {\n    type: String,\n    default: null\n  },\n  subtitle: {\n    type: String,\n    default: null\n  },\n  placeholder: {\n    type: String,\n    default: null\n  },\n  action: {\n    type: String,\n    default: null\n  },\n  successTitle: {\n    type: String,\n    default: null\n  },\n  successSubtitle: {\n    type: String,\n    default: null\n  },\n  socials: {\n    type: Array,\n    default: null\n  },\n  // Настройки поля\n  typingSpeed: {\n    type: Number,\n    default: 75\n  },\n  loopTyping: {\n    type: Boolean,\n    default: false\n  },\n  enableTyping: {\n    type: Boolean,\n    default: false\n  },\n  fieldName: {\n    type: String,\n    default: 'newsletter-email'\n  },\n  fieldId: {\n    type: String,\n    default: null\n  }\n})\n\n// Используем только глобальную локализацию\nconst { t, tm } = useI18n({\n  useScope: 'global'\n})\n\nlet email = ref('')\nlet isSuccessPopupOpen = ref(false)\n\nconst socialIcons = {\n  facebook: IconFacebook,\n  instagram: IconInstagram,\n  telegram: IconTelegram,\n  twitter: IconTwitter,\n  youtube: IconYoutube,\n  linkedin: IconLinkedin,\n  whatsapp: IconWhatsapp\n}\n\n// Функция валидации email\nfunction validateEmail(email) {\n  const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/\n  return emailRegex.test(email)\n}\n\nfunction showSuccessPopup() {\n  isSuccessPopupOpen.value = true\n}\n\nasync function sendApplication() {\n  // Валидация email перед отправкой\n  if (!email.value || !email.value.trim()) {\n    globals.setError({ message: t('validation.email.required') || 'Email is required' })\n    return Promise.reject(new Error('Email is required'))\n  }\n\n  if (!validateEmail(email.value.trim())) {\n    globals.setError({ message: t('validation.email.invalid') || 'Invalid email format' })\n    return Promise.reject(new Error('Invalid email format'))\n  }\n\n  gtag('event', 'subscribe_newsletter', {\n    'event_category': 'conversion',\n    'event_label': 'Subscribe Newsletter'\n  });\n\n  try {\n    let application = {\n      type: 'newsletter',\n      contacts: {\n        email: email.value.trim()\n      }\n    };\n\n    // Используем публичный API для создания заявки\n    const response = await fetch(`${process.env.API_URL}/api/applications/public`, {\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json',\n      },\n      body: JSON.stringify(application)\n    });\n\n    if (!response.ok) {\n      throw new Error('Failed to create application');\n    }\n\n    const result = await response.json();\n\n    showSuccessPopup()\n    return Promise.resolve(result);\n  } catch (error) {\n    console.log(error)\n    globals.setError(error)\n    return Promise.reject(error);\n  }\n}\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["IconFacebook","IconInstagram","IconTelegram","IconTwitter","IconYoutube","IconLinkedin","IconWhatsapp","email","globals.setError"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkEA,UAAM,QAAQ;AAsDd,UAAM,EAAE,GAAG,GAAE,IAAK,QAAQ;AAAA,MACxB,UAAU;AAAA,IACZ,CAAC;AAED,QAAI,QAAQ,IAAI,EAAE;AAClB,QAAI,qBAAqB,IAAI,KAAK;AAElC,UAAM,cAAc;AAAA,MAClB,UAAUA;AAAAA,MACV,WAAWC;AAAAA,MACX,UAAUC;AAAAA,MACV,SAASC;AAAAA,MACT,SAASC;AAAAA,MACT,UAAUC;AAAAA,MACV,UAAUC;AAAAA,IACZ;AAGA,aAAS,cAAcC,QAAO;AAC5B,YAAM,aAAa;AACnB,aAAO,WAAW,KAAKA,MAAK;AAAA,IAC9B;AAEA,aAAS,mBAAmB;AAC1B,yBAAmB,QAAQ;AAAA,IAC7B;AAEA,mBAAe,kBAAkB;AAE/B,UAAI,CAAC,MAAM,SAAS,CAAC,MAAM,MAAM,QAAQ;AACvCC,iBAAiB,EAAE,SAAS,EAAE,2BAA2B,KAAK,oBAAmB,CAAE;AACnF,eAAO,QAAQ,OAAO,IAAI,MAAM,mBAAmB,CAAC;AAAA,MACtD;AAEA,UAAI,CAAC,cAAc,MAAM,MAAM,KAAI,CAAE,GAAG;AACtCA,iBAAiB,EAAE,SAAS,EAAE,0BAA0B,KAAK,uBAAsB,CAAE;AACrF,eAAO,QAAQ,OAAO,IAAI,MAAM,sBAAsB,CAAC;AAAA,MACzD;AAEA,WAAK,SAAS,wBAAwB;AAAA,QACpC,kBAAkB;AAAA,QAClB,eAAe;AAAA,MACnB,CAAG;AAED,UAAI;AACF,YAAI,cAAc;AAAA,UAChB,MAAM;AAAA,UACN,UAAU;AAAA,YACR,OAAO,MAAM,MAAM,KAAI;AAAA,UAC/B;AAAA,QACA;AAGI,cAAM,WAAW,MAAM,MAAM,GAAG,QAAQ,IAAI,OAAO,4BAA4B;AAAA,UAC7E,QAAQ;AAAA,UACR,SAAS;AAAA,YACP,gBAAgB;AAAA,UACxB;AAAA,UACM,MAAM,KAAK,UAAU,WAAW;AAAA,QACtC,CAAK;AAED,YAAI,CAAC,SAAS,IAAI;AAChB,gBAAM,IAAI,MAAM,8BAA8B;AAAA,QAChD;AAEA,cAAM,SAAS,MAAM,SAAS,KAAI;AAElC,yBAAgB;AAChB,eAAO,QAAQ,QAAQ,MAAM;AAAA,MAC/B,SAAS,OAAO;AACd,gBAAQ,IAAI,KAAK;AACjBA,iBAAiB,KAAK;AACtB,eAAO,QAAQ,OAAO,KAAK;AAAA,MAC7B;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FieldSubscribeNewsletter.vue.js","sources":["../../../../../../../src/modules/orders/components/elements/FieldSubscribeNewsletter.vue"],"sourcesContent":["<template>\n  <FieldBig \n    :input=\"email\" \n    :typingSpeed=\"typingSpeed\"\n    :loopTyping=\"loopTyping\"\n    :enableTyping=\"enableTyping\"\n    :placeholder=\"props.placeholder || t('orders.newsletter.placeholder')\"\n    :action=\"props.action === false ? '' : props.action || t('orders.newsletter.action')\"\n    :name=\"fieldName\"\n    :id=\"fieldId\"\n    @update:input=\"email = $event\"\n    @action=\"sendApplication\"\n    :showLoader=\"true\"\n    :showSuccess=\"false\"\n    :callbackDelay=\"100\"\n    v-bind=\"$attrs\"\n  >\n    <Popup\n      :isPopupOpen=\"isSuccessPopupOpen\"\n      @close-popup=\"isSuccessPopupOpen = false\"\n      align=\"center center\"\n      class=\"bg-white t-black pd-big radius-big\"\n    >\n      <div class=\"t-center\">\n        <h3 class=\"mn-b-medium\">{{ props.successTitle || t('orders.newsletter.success.title') }}</h3>\n        <p class=\"t-transp mn-b-medium\">{{ props.successSubtitle || t('orders.newsletter.success.subtitle') }}</p>\n        \n        <div v-if=\"(props.socials || tm('orders.newsletter.socials')) && (props.socials || tm('orders.newsletter.socials')).length\" class=\"flex flex-wrap flex-h-center gap-regular\">\n          <a\n            v-for=\"social in (props.socials || tm('orders.newsletter.socials'))\"\n            :key=\"social.name\"\n            :href=\"social.url\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            class=\"hover-scale-1 bg-light radius-small pd-thin transition-all\"\n          >\n            <component\n              :is=\"socialIcons[social.icon]\"\n              class=\"i-medium\"\n              :fill=\"'rgb(var(--dark))'\"\n            />\n          </a>\n        </div>\n      </div>\n    </Popup>\n  </FieldBig>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue'\nimport { useI18n } from 'vue-i18n'\n\nimport FieldBig from '@martyrs/src/components/FieldBig/FieldBig.vue'\nimport Popup from '@martyrs/src/components/Popup/Popup.vue'\n\nimport IconFacebook from '@martyrs/src/modules/icons/socials/facebook.vue'\nimport IconInstagram from '@martyrs/src/modules/icons/socials/instagram.vue'\nimport IconTelegram from '@martyrs/src/modules/icons/socials/telegram.vue'\nimport IconTwitter from '@martyrs/src/modules/icons/socials/twitter.vue'\nimport IconYoutube from '@martyrs/src/modules/icons/socials/youtube.vue'\nimport IconLinkedin from '@martyrs/src/modules/icons/socials/linkedin.vue'\nimport IconWhatsapp from '@martyrs/src/modules/icons/socials/whatsapp.vue'\n\nimport * as globals from '@martyrs/src/modules/globals/views/store/globals.js'\nimport applications from '@martyrs/src/modules/orders/store/applications.js'\n\nconst props = defineProps({\n  // Тексты компонента\n  title: {\n    type: String,\n    default: null\n  },\n  subtitle: {\n    type: String,\n    default: null\n  },\n  placeholder: {\n    type: String,\n    default: null\n  },\n  action: {\n    type: String,\n    default: null\n  },\n  successTitle: {\n    type: String,\n    default: null\n  },\n  successSubtitle: {\n    type: String,\n    default: null\n  },\n  socials: {\n    type: Array,\n    default: null\n  },\n  // Настройки поля\n  typingSpeed: {\n    type: Number,\n    default: 75\n  },\n  loopTyping: {\n    type: Boolean,\n    default: false\n  },\n  enableTyping: {\n    type: Boolean,\n    default: false\n  },\n  fieldName: {\n    type: String,\n    default: 'newsletter-email'\n  },\n  fieldId: {\n    type: String,\n    default: null\n  }\n})\n\n// Используем только глобальную локализацию\nconst { t, tm } = useI18n({\n  useScope: 'global'\n})\n\nlet email = ref('')\nlet isSuccessPopupOpen = ref(false)\n\nconst socialIcons = {\n  facebook: IconFacebook,\n  instagram: IconInstagram,\n  telegram: IconTelegram,\n  twitter: IconTwitter,\n  youtube: IconYoutube,\n  linkedin: IconLinkedin,\n  whatsapp: IconWhatsapp\n}\n\n// Функция валидации email\nfunction validateEmail(email) {\n  const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/\n  return emailRegex.test(email)\n}\n\nfunction showSuccessPopup() {\n  isSuccessPopupOpen.value = true\n}\n\nasync function sendApplication() {\n  // Валидация email перед отправкой\n  if (!email.value || !email.value.trim()) {\n    globals.setError({ message: t('validation.email.required') || 'Email is required' })\n    return Promise.reject(new Error('Email is required'))\n  }\n\n  if (!validateEmail(email.value.trim())) {\n    globals.setError({ message: t('validation.email.invalid') || 'Invalid email format' })\n    return Promise.reject(new Error('Invalid email format'))\n  }\n\n  gtag('event', 'subscribe_newsletter', {\n    'event_category': 'conversion',\n    'event_label': 'Subscribe Newsletter'\n  });\n\n  try {\n    let application = {\n      type: 'newsletter',\n      contacts: {\n        email: email.value.trim()\n      }\n    };\n\n    // Используем публичный API для создания заявки\n    const response = await fetch(`${process.env.API_URL}/api/applications/public`, {\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json',\n      },\n      body: JSON.stringify(application)\n    });\n\n    if (!response.ok) {\n      throw new Error('Failed to create application');\n    }\n\n    const result = await response.json();\n\n    showSuccessPopup()\n    return Promise.resolve(result);\n  } catch (error) {\n    console.log(error)\n    globals.setError(error)\n    return Promise.reject(error);\n  }\n}\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["IconFacebook","IconInstagram","IconTelegram","IconTwitter","IconYoutube","IconLinkedin","IconWhatsapp","email","globals.setError"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkEA,UAAM,QAAQ;AAsDd,UAAM,EAAE,GAAG,GAAE,IAAK,QAAQ;AAAA,MACxB,UAAU;AAAA,IACZ,CAAC;AAED,QAAI,QAAQ,IAAI,EAAE;AAClB,QAAI,qBAAqB,IAAI,KAAK;AAElC,UAAM,cAAc;AAAA,MAClB,UAAUA;AAAAA,MACV,WAAWC;AAAAA,MACX,UAAUC;AAAAA,MACV,SAASC;AAAAA,MACT,SAASC;AAAAA,MACT,UAAUC;AAAAA,MACV,UAAUC;AAAAA,IACZ;AAGA,aAAS,cAAcC,QAAO;AAC5B,YAAM,aAAa;AACnB,aAAO,WAAW,KAAKA,MAAK;AAAA,IAC9B;AAEA,aAAS,mBAAmB;AAC1B,yBAAmB,QAAQ;AAAA,IAC7B;AAEA,mBAAe,kBAAkB;AAE/B,UAAI,CAAC,MAAM,SAAS,CAAC,MAAM,MAAM,QAAQ;AACvCC,iBAAiB,EAAE,SAAS,EAAE,2BAA2B,KAAK,oBAAmB,CAAE;AACnF,eAAO,QAAQ,OAAO,IAAI,MAAM,mBAAmB,CAAC;AAAA,MACtD;AAEA,UAAI,CAAC,cAAc,MAAM,MAAM,KAAI,CAAE,GAAG;AACtCA,iBAAiB,EAAE,SAAS,EAAE,0BAA0B,KAAK,uBAAsB,CAAE;AACrF,eAAO,QAAQ,OAAO,IAAI,MAAM,sBAAsB,CAAC;AAAA,MACzD;AAEA,WAAK,SAAS,wBAAwB;AAAA,QACpC,kBAAkB;AAAA,QAClB,eAAe;AAAA,MACnB,CAAG;AAED,UAAI;AACF,YAAI,cAAc;AAAA,UAChB,MAAM;AAAA,UACN,UAAU;AAAA,YACR,OAAO,MAAM,MAAM,KAAI;AAAA,UAC/B;AAAA,QACA;AAGI,cAAM,WAAW,MAAM,MAAM,GAAG,QAAQ,IAAI,OAAO,4BAA4B;AAAA,UAC7E,QAAQ;AAAA,UACR,SAAS;AAAA,YACP,gBAAgB;AAAA,UACxB;AAAA,UACM,MAAM,KAAK,UAAU,WAAW;AAAA,QACtC,CAAK;AAED,YAAI,CAAC,SAAS,IAAI;AAChB,gBAAM,IAAI,MAAM,8BAA8B;AAAA,QAChD;AAEA,cAAM,SAAS,MAAM,SAAS,KAAI;AAElC,yBAAgB;AAChB,eAAO,QAAQ,QAAQ,MAAM;AAAA,MAC/B,SAAS,OAAO;AACd,gBAAQ,IAAI,KAAK;AACjBA,iBAAiB,KAAK;AACtB,eAAO,QAAQ,OAAO,KAAK;AAAA,MAC7B;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -24,7 +24,7 @@ const _hoisted_11 = {
 };
 const _hoisted_12 = { class: "w-100 t-transp" };
 const _hoisted_13 = { class: "w-100 t-right" };
-const _hoisted_14 = { class: "p-semi flex flex-nowrap pd-b-small pd-t-small" };
+const _hoisted_14 = { class: "p-medium flex flex-nowrap pd-b-small pd-t-small" };
 const _hoisted_15 = { class: "w-100 t-medium" };
 const _hoisted_16 = { class: "w-100 t-main t-medium t-right" };
 const _sfc_main = {

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,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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-medium 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

@@ -22,7 +22,7 @@ const _hoisted_11 = {
 };
 const _hoisted_12 = { class: "w-100 t-transp" };
 const _hoisted_13 = { class: "w-100 t-right" };
-const _hoisted_14 = { class: "p-semi flex flex-nowrap pd-b-small pd-t-small" };
+const _hoisted_14 = { class: "p-medium flex flex-nowrap pd-b-small pd-t-small" };
 const _hoisted_15 = { class: "w-100 t-medium" };
 const _hoisted_16 = { class: "w-100 t-main t-medium t-right" };
 const _sfc_main = {

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,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;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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-medium 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

@@ -28,7 +28,7 @@ const _hoisted_2 = {
   class: "mn-b-thin pos-relative w-100 bg-main radius-medium pd-medium"
 };
 const _hoisted_3 = { class: "mn-b-small flex-nowrap flex" };
-const _hoisted_4 = { class: "t-medium p-medium" };
+const _hoisted_4 = { class: "t-medium p-regular" };
 const _hoisted_5 = { class: "p-small t-transp" };
 const _hoisted_6 = { class: "flex-nowrap flex gap-thin pos-relative" };
 const _hoisted_7 = { class: "flex gap-thin flex-column mn-b-thin" };
@@ -308,17 +308,17 @@ const _sfc_main = {
             vue.createElementVNode("div", _hoisted_10, [
               vue.createElementVNode("div", _hoisted_11, [
                 vue.createElementVNode("div", _hoisted_12, [
-                  _cache[6] || (_cache[6] = vue.createElementVNode("span", { class: "d-block t-medium p-medium mn-b-thin" }, "Order is", -1)),
+                  _cache[6] || (_cache[6] = vue.createElementVNode("span", { class: "d-block t-medium p-regular mn-b-thin" }, "Order is", -1)),
                   vue.createElementVNode("span", _hoisted_13, vue.toDisplayString(order.value.status), 1),
                   vue.createElementVNode("p", _hoisted_14, vue.toDisplayString(_ctx.formatDate(order.value.updatedAt, { language: vue.unref(locale) })), 1)
                 ])
               ]),
               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)),
+                _cache[7] || (_cache[7] = vue.createElementVNode("p", { class: "w-100 t-medium p-regular" }, " Phone ", -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)),
+                _cache[8] || (_cache[8] = vue.createElementVNode("p", { class: "t-medium p-regular" }, " Address ", -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, [
@@ -326,11 +326,11 @@ const _sfc_main = {
                 vue.createElementVNode("p", null, vue.toDisplayString(order.value.comment), 1)
               ])) : vue.createCommentVNode("", true),
               vue.createElementVNode("div", _hoisted_20, [
-                _cache[10] || (_cache[10] = vue.createElementVNode("p", { class: "t-medium p-medium" }, " Delivery ", -1)),
+                _cache[10] || (_cache[10] = vue.createElementVNode("p", { class: "t-medium p-regular" }, " Delivery ", -1)),
                 vue.createElementVNode("p", _hoisted_21, vue.toDisplayString(order.value.delivery.type ? order.value.delivery.type : "Not specified"), 1)
               ]),
               vue.createElementVNode("div", _hoisted_22, [
-                _cache[11] || (_cache[11] = vue.createElementVNode("p", { class: "mn-r-auto t-medium p-medium" }, " Payment ", -1)),
+                _cache[11] || (_cache[11] = vue.createElementVNode("p", { class: "mn-r-auto t-medium p-regular" }, " Payment ", -1)),
                 vue.createElementVNode("p", _hoisted_23, vue.toDisplayString(order.value.payment.type ? order.value.payment.type : "Not specified"), 1),
                 vue.createElementVNode("p", {
                   onClick: _cache[3] || (_cache[3] = ($event) => vue.unref(route).meta.context !== "user" && vue.unref(route).meta.context !== "root" ? openPaymentPopup() : console.log("Context:", vue.unref(route).meta.context)),
@@ -341,7 +341,7 @@ const _sfc_main = {
             vue.unref(route).meta.context !== "user" && vue.unref(route).meta.context !== "root" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_24, [
               vue.createElementVNode("div", _hoisted_25, [
                 vue.createVNode(IconTime.default, {
-                  class: "i-semi t-transp",
+                  class: "i-medium t-transp",
                   fill: "rgb(var(--black)"
                 }),
                 vue.createElementVNode("p", _hoisted_26, [
@@ -403,6 +403,6 @@ const _sfc_main = {
     };
   }
 };
-const OrderBackoffice = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-895f54da"]]);
+const OrderBackoffice = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-e884c7df"]]);
 exports.default = OrderBackoffice;
 //# sourceMappingURL=OrderBackoffice.vue.cjs.map

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 mobile:cols-1\">\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 mn-b-thin\">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\timport { useGlobalMixins } from '@martyrs/src/modules/globals/views/mixins/mixins.js';\n\t\n\tconst { locale } = useI18n();\n\tconst { returnCurrency } = useGlobalMixins();\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","useGlobalMixins","useRouter","useRoute","ref","globals.state","auth.state","onMounted","orders.actions","organizations.actions","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-regular\">\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 mobile:cols-1\">\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-regular mn-b-thin\">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-regular\">\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-regular\">\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-regular\">\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-regular\">\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-medium 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\timport { useGlobalMixins } from '@martyrs/src/modules/globals/views/mixins/mixins.js';\n\t\n\tconst { locale } = useI18n();\n\tconst { returnCurrency } = useGlobalMixins();\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","useGlobalMixins","useRouter","useRoute","ref","globals.state","auth.state","onMounted","orders.actions","organizations.actions","computed","orders.state","orders.getters"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2TC,UAAM,EAAE,OAAM,IAAKA,gBAAO;AAC1B,UAAM,EAAE,eAAc,IAAKC,uBAAe;AAE1C,UAAM,SAASC,UAAAA,UAAS;AACxB,UAAM,QAAQC,UAAAA,SAAQ;AAEtB,UAAM,QAAQC,IAAAA,IAAI,IAAI;AACOA,QAAAA,IAAI,IAAI;AACrC,UAAM,oBAAoBA,IAAAA,IAAI,IAAI;AAElC,UAAM,WAAWC,QAAAA,MAAc,QAAQ,OAAO;AAG7C,QAAI,MAAM,KAAK,YAAY,UACvBC,KAAAA,MAAW,QACX,MAAM,OAAO,QAAQA,KAAAA,MAAW,MAAM,OACtC,CAACA,KAAAA,MAAW,QAAQ,OAAO,SAAS,gBAAgB,KACpD,CAACA,KAAAA,MAAW,QAAQ,OAAO,SAAS,YAAY,GAAG;AACrD,aAAO,KAAK,MAAM;AAAA,IACpB;AAED,UAAM,mBAAmBF,IAAAA,IAAI,KAAK;AAClC,UAAM,iBAAiBA,IAAAA,IAAI,IAAI;AAE/B,aAAS,gBAAgB,QAAQ;AAC/B,uBAAiB,QAAQ;AACzB,UAAI,OAAO,WAAW,SAAU,gBAAe,QAAQ;AAAA,IACzD;AAEA,aAAS,mBAAmB;AAC1B,uBAAiB,QAAQ;AACzB,qBAAe,QAAQ;AAAA,IACzB;AAEA,UAAM,qBAAqBA,IAAAA,IAAI,KAAK;AAEpC,UAAM,mBAAmBA,IAAAA,IAAI;AAAA,MAC5B,MAAM;AAAA,MACN,QAAQ;AAAA,IACV,CAAE;AAED,aAAS,mBAAmB;AAC1B,uBAAiB,MAAM,OAAO,MAAM,MAAM,QAAQ;AAClD,uBAAiB,MAAM,SAAS,MAAM,MAAM,QAAQ;AAEpD,yBAAmB,QAAQ;AAAA,IAC7B;AAEA,aAAS,oBAAoB;AAC3B,yBAAmB,QAAQ;AAAA,IAC7B;AAEAG,QAAAA,UAAU,YAAS;AAClB,YAAM,QAAQ,MAAMC,eAAe,KAAK,EAAC,KAAK,MAAM,OAAO,MAAK,CAAC;AACjE,YAAM,QAAQ,MAAM,MAAM,CAAC;AAE1B,wBAAkB,QAAQ,MAAMC,cAAAA,QAAsB,KAAK;AAAA,QACzD,KAAK,MAAM,OAAO,MAAM,OAAO;AAAA,QAC/B,UAAUJ,QAAAA,MAAc,UAAU;AAAA,QAClC,QAAQ,CAAC,OAAO;AAAA,MACrB,CAAI;AAAA,IAEH,CAAC;AAGF,UAAM,eAAeK,IAAAA,SAAS,MAAM;AAClC,YAAM,OAAOC,OAAAA,MAAa,QAAQ,SAAS;AAC3C,YAAM,WAAW,kBAAkB,MAAM,CAAC,GAAG,YAAY;AACzD,YAAM,SAASN,QAAAA,MAAc,SAAS,QAAQ,oBAAoB,CAAA;AAElE,aAAOO,eAAe,iBAAiB,MAAM,UAAU,MAAM;AAAA,IAC/D,CAAC;AAEA,QAAI,iBAAiBF,IAAAA,SAAS,MAAM;AAChC,aAAO,OAAO,MAAM,OAAO,UAAU,OAAO,CAAC,OAAO,YAAY;AAE/D,YAAI,QAAQ,YAAY,QAAQ;AAC9B,gBAAM,QAAQ,IAAI,KAAK,QAAQ,KAAK,KAAK;AACzC,gBAAM,MAAM,IAAI,KAAK,QAAQ,KAAK,GAAG;AACrC,gBAAM,WAAW,KAAK,IAAI,MAAM,KAAK;AACrC,iBAAO,QAAQ,QAAQ,SAAS,KAAK,KAAK,YAAY,MAAO,KAAK,KAAK,GAAG,IAAI;AAAA,QAChF,OAAO;AAEL,iBAAO,QAAQ,QAAQ,SAAS,QAAQ,YAAY;AAAA,QACtD;AAAA,MACF,GAAG,CAAC,CAAC;AAAA,IACP,CAAC;AAGqBA,QAAAA,SAAS,MAAM;AACnC,aAAO,OAAO,MAAM,OAAO,UAAU,OAAO,CAAC,OAAO,YAAY;AAC9D,eAAO,QAAQ,QAAQ;AAAA,MACzB,GAAG,CAAC,CAAC;AAAA,IACP,CAAC;AAUF,aAAS,cAAc,eAAe;AACpC,YAAM,eAAeL,QAAAA,MAAc,QAAQ,OAAO,SAAS,UAAU,YAAU,OAAO,UAAU,aAAa;AAE7G,UAAI,iBAAiB,MAAM,eAAe,IAAI,SAAS,QAAQ;AAC7D,eAAOA,QAAAA,MAAc,QAAQ,OAAO,SAAS,eAAe,CAAC;AAAA,MAC/D;AACA,aAAO;AAAA,IACT;AAEA,UAAM,iBAAiB,CAAC,UAAU;AAChC,aAAOA,QAAAA,MAAc,QAAQ,OAAO,SAAS,MAAM,KAAK,EAAE,KAAK,YAAU,OAAO,UAAU,MAAM,MAAM,MAAM;AAAA,IAC9G;AAEC,mBAAe,sBAAsB;AACnC,UAAI,iBAAiB,MAAM,UAAU,iBAAiB,MAAM,MAAM;AAChEM,eAAAA,MAAa,QAAQ,UAAU,iBAAiB;AAEhD,cAAMH,OAAAA,QAAe,OAAOG,OAAAA,MAAa,OAAO;AAAA,MAClD,OAAO;AACL,gBAAQ,MAAM,8CAA8C;AAAA,MAC9D;AAEF,wBAAiB;AAAA,IACjB;AAEA,mBAAe,gBAAgB;AAC7B,YAAM,aAAa,cAAcA,aAAa,QAAQ,MAAM;AAE5D,UAAI,YAAY;AACdA,eAAAA,MAAa,QAAQ,SAAS,WAAW;AAGzCA,eAAAA,MAAa,QAAQ,YAAY,MAAM,MAAM;AAE7C,cAAMH,OAAAA,QAAe,OAAOG,OAAAA,MAAa,OAAO;AAAA,MAClD,OAAO;AACL,gBAAQ,MAAM,2CAA2C;AAAA,MAC3D;AAEF,uBAAgB;AAAA,IAChB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -26,7 +26,7 @@ const _hoisted_2 = {
   class: "mn-b-thin pos-relative w-100 bg-main radius-medium pd-medium"
 };
 const _hoisted_3 = { class: "mn-b-small flex-nowrap flex" };
-const _hoisted_4 = { class: "t-medium p-medium" };
+const _hoisted_4 = { class: "t-medium p-regular" };
 const _hoisted_5 = { class: "p-small t-transp" };
 const _hoisted_6 = { class: "flex-nowrap flex gap-thin pos-relative" };
 const _hoisted_7 = { class: "flex gap-thin flex-column mn-b-thin" };
@@ -306,17 +306,17 @@ const _sfc_main = {
             createElementVNode("div", _hoisted_10, [
               createElementVNode("div", _hoisted_11, [
                 createElementVNode("div", _hoisted_12, [
-                  _cache[6] || (_cache[6] = createElementVNode("span", { class: "d-block t-medium p-medium mn-b-thin" }, "Order is", -1)),
+                  _cache[6] || (_cache[6] = createElementVNode("span", { class: "d-block t-medium p-regular mn-b-thin" }, "Order is", -1)),
                   createElementVNode("span", _hoisted_13, toDisplayString(order.value.status), 1),
                   createElementVNode("p", _hoisted_14, toDisplayString(_ctx.formatDate(order.value.updatedAt, { language: unref(locale) })), 1)
                 ])
               ]),
               order.value.customer.target?.number ? (openBlock(), createElementBlock("div", _hoisted_15, [
-                _cache[7] || (_cache[7] = createElementVNode("p", { class: "w-100 t-medium p-medium" }, " Phone ", -1)),
+                _cache[7] || (_cache[7] = createElementVNode("p", { class: "w-100 t-medium p-regular" }, " Phone ", -1)),
                 createElementVNode("p", _hoisted_16, toDisplayString(order.value.customer.target?.number || "Not specified"), 1)
               ])) : createCommentVNode("", true),
               createElementVNode("div", _hoisted_17, [
-                _cache[8] || (_cache[8] = createElementVNode("p", { class: "t-medium p-medium" }, " Address ", -1)),
+                _cache[8] || (_cache[8] = createElementVNode("p", { class: "t-medium p-regular" }, " Address ", -1)),
                 createElementVNode("p", _hoisted_18, 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 ? (openBlock(), createElementBlock("div", _hoisted_19, [
@@ -324,11 +324,11 @@ const _sfc_main = {
                 createElementVNode("p", null, toDisplayString(order.value.comment), 1)
               ])) : createCommentVNode("", true),
               createElementVNode("div", _hoisted_20, [
-                _cache[10] || (_cache[10] = createElementVNode("p", { class: "t-medium p-medium" }, " Delivery ", -1)),
+                _cache[10] || (_cache[10] = createElementVNode("p", { class: "t-medium p-regular" }, " Delivery ", -1)),
                 createElementVNode("p", _hoisted_21, toDisplayString(order.value.delivery.type ? order.value.delivery.type : "Not specified"), 1)
               ]),
               createElementVNode("div", _hoisted_22, [
-                _cache[11] || (_cache[11] = createElementVNode("p", { class: "mn-r-auto t-medium p-medium" }, " Payment ", -1)),
+                _cache[11] || (_cache[11] = createElementVNode("p", { class: "mn-r-auto t-medium p-regular" }, " Payment ", -1)),
                 createElementVNode("p", _hoisted_23, toDisplayString(order.value.payment.type ? order.value.payment.type : "Not specified"), 1),
                 createElementVNode("p", {
                   onClick: _cache[3] || (_cache[3] = ($event) => unref(route).meta.context !== "user" && unref(route).meta.context !== "root" ? openPaymentPopup() : console.log("Context:", unref(route).meta.context)),
@@ -339,7 +339,7 @@ const _sfc_main = {
             unref(route).meta.context !== "user" && unref(route).meta.context !== "root" ? (openBlock(), createElementBlock("div", _hoisted_24, [
               createElementVNode("div", _hoisted_25, [
                 createVNode(IconTime, {
-                  class: "i-semi t-transp",
+                  class: "i-medium t-transp",
                   fill: "rgb(var(--black)"
                 }),
                 createElementVNode("p", _hoisted_26, [
@@ -401,7 +401,7 @@ const _sfc_main = {
     };
   }
 };
-const OrderBackoffice = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-895f54da"]]);
+const OrderBackoffice = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e884c7df"]]);
 export {
   OrderBackoffice as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"OrderBackoffice.vue.js","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 mobile:cols-1\">\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 mn-b-thin\">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\timport { useGlobalMixins } from '@martyrs/src/modules/globals/views/mixins/mixins.js';\n\t\n\tconst { locale } = useI18n();\n\tconst { returnCurrency } = useGlobalMixins();\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":["globals.state","auth.state","orders.actions","organizations.actions","orders.state","orders.getters"],"mappings":"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"}
+{"version":3,"file":"OrderBackoffice.vue.js","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-regular\">\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 mobile:cols-1\">\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-regular mn-b-thin\">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-regular\">\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-regular\">\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-regular\">\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-regular\">\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-medium 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\timport { useGlobalMixins } from '@martyrs/src/modules/globals/views/mixins/mixins.js';\n\t\n\tconst { locale } = useI18n();\n\tconst { returnCurrency } = useGlobalMixins();\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":["globals.state","auth.state","orders.actions","organizations.actions","orders.state","orders.getters"],"mappings":"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"}

package/dist/martyrs/src/modules/orders/components/partials/ShopCart.vue.cjs

@@ -13,7 +13,7 @@ const mixins = require("../../../globals/views/mixins/mixins.cjs");
 ;/* empty css                */
 const _hoisted_1 = { class: "pd-big mobile:pd-medium pd-b-zero mobile:pd-b-zero flex-nowrap flex" };
 const _hoisted_2 = { class: "mn-b-medium w-100" };
-const _hoisted_3 = { class: "mn-b-thin p-semi" };
+const _hoisted_3 = { class: "mn-b-thin p-medium" };
 const _hoisted_4 = { class: "t-transp p-small" };
 const _hoisted_5 = { class: "pd-big pd-t-zero mobile:pd-t-zero mobile:pd-medium h-70 flex flex-column w-100 pos-relative o-x-hidden o-y-scroll gap-small shopcart-content" };
 const _hoisted_6 = {