@ozdao/martyrs 0.2.547 → 0.2.549

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

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

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

@@ -91,7 +91,7 @@ const _sfc_main = {
         ]),
         createElementVNode("div", _hoisted_11, [
           createVNode(IconTime, {
-            class: "i-semi t-transp",
+            class: "i-medium t-transp",
             fill: "rgb(var(--black)"
           }),
           createElementVNode("p", _hoisted_12, toDisplayString(__props.formatDate(__props.order.deadline)), 1),

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

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

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

@@ -23,10 +23,10 @@ const _hoisted_4 = {
 const _hoisted_5 = { class: "t-medium t-white" };
 const _hoisted_6 = { class: "flex-column flex w-100" };
 const _hoisted_7 = { class: "mn-b-thin" };
-const _hoisted_8 = { class: "p-semi" };
+const _hoisted_8 = { class: "p-medium" };
 const _hoisted_9 = { class: "t-transp" };
 const _hoisted_10 = { class: "flex-nowrap radius-thin bg-white w-max pd-thin flex-v-center flex" };
-const _hoisted_11 = { class: "mn-l-micro p-medium" };
+const _hoisted_11 = { class: "mn-l-micro p-regular" };
 const _hoisted_12 = {
   class: "i-medium mn-r-thin t-main",
   xmlns: "http://www.w3.org/2000/svg",
@@ -193,7 +193,7 @@ const _sfc_main = {
             }, null, 8, _hoisted_13)
           ])),
           vue.createElementVNode("span", {
-            class: vue.normalizeClass(["p-medium t-semi", [
+            class: vue.normalizeClass(["p-regular t-semi", [
               hasOverdue.value ? "t-red" : "t-second"
             ]])
           }, " Need to return part of the equipment ", 2)
@@ -202,6 +202,6 @@ const _sfc_main = {
     };
   }
 };
-const CardOrderUser = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-df82a9d0"]]);
+const CardOrderUser = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-8a4714fc"]]);
 exports.default = CardOrderUser;
 //# sourceMappingURL=CardOrderUser.vue.cjs.map

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

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

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

@@ -21,10 +21,10 @@ const _hoisted_4 = {
 const _hoisted_5 = { class: "t-medium t-white" };
 const _hoisted_6 = { class: "flex-column flex w-100" };
 const _hoisted_7 = { class: "mn-b-thin" };
-const _hoisted_8 = { class: "p-semi" };
+const _hoisted_8 = { class: "p-medium" };
 const _hoisted_9 = { class: "t-transp" };
 const _hoisted_10 = { class: "flex-nowrap radius-thin bg-white w-max pd-thin flex-v-center flex" };
-const _hoisted_11 = { class: "mn-l-micro p-medium" };
+const _hoisted_11 = { class: "mn-l-micro p-regular" };
 const _hoisted_12 = {
   class: "i-medium mn-r-thin t-main",
   xmlns: "http://www.w3.org/2000/svg",
@@ -191,7 +191,7 @@ const _sfc_main = {
             }, null, 8, _hoisted_13)
           ])),
           createElementVNode("span", {
-            class: normalizeClass(["p-medium t-semi", [
+            class: normalizeClass(["p-regular t-semi", [
               hasOverdue.value ? "t-red" : "t-second"
             ]])
           }, " Need to return part of the equipment ", 2)
@@ -200,7 +200,7 @@ const _sfc_main = {
     };
   }
 };
-const CardOrderUser = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-df82a9d0"]]);
+const CardOrderUser = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8a4714fc"]]);
 export {
   CardOrderUser as default
 };

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

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

package/dist/martyrs/src/modules/orders/components/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/forms/FormApplicationDetails.vue.cjs

@@ -2,8 +2,8 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const Block = require("../../../../components/Block/Block.vue.cjs");
-const Field = require("../../../../components/Field/Field.vue.cjs");
-const Select = require("../../../../components/Select/Select.vue2.cjs");
+const Field = require("../../../../components/Field/Field.vue2.cjs");
+const Select = require("../../../../components/Select/Select.vue.cjs");
 const Button = require("../../../../components/Button/Button.vue.cjs");
 const _hoisted_1 = { class: "gap-thin flex mn-t-small" };
 const _sfc_main = {

package/dist/martyrs/src/modules/orders/components/forms/FormApplicationDetails.vue.js

@@ -1,7 +1,7 @@
 import { mergeModels, useModel, ref, watch, createBlock, openBlock, withCtx, createVNode, createElementVNode, unref, isRef, createTextVNode, toDisplayString } from "vue";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
-import Field from "../../../../components/Field/Field.vue.js";
-import Select from "../../../../components/Select/Select.vue2.js";
+import Field from "../../../../components/Field/Field.vue2.js";
+import Select from "../../../../components/Select/Select.vue.js";
 import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
 const _hoisted_1 = { class: "gap-thin flex mn-t-small" };
 const _sfc_main = {

package/dist/martyrs/src/modules/orders/components/forms/FormCustomerDetails.vue.cjs

@@ -2,9 +2,9 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const Block = require("../../../../components/Block/Block.vue.cjs");
-const Field = require("../../../../components/Field/Field.vue.cjs");
+const Field = require("../../../../components/Field/Field.vue2.cjs");
 const FieldPhone = require("../../../../components/FieldPhone/FieldPhone.vue.cjs");
-const Select = require("../../../../components/Select/Select.vue2.cjs");
+const Select = require("../../../../components/Select/Select.vue.cjs");
 const Button = require("../../../../components/Button/Button.vue.cjs");
 const _hoisted_1 = { class: "gap-thin mn-b-thin flex-justify-between flex-nowrap flex" };
 const _hoisted_2 = {

package/dist/martyrs/src/modules/orders/components/forms/FormCustomerDetails.vue.js

@@ -1,8 +1,8 @@
 import { mergeModels, useModel, ref, watch, createBlock, openBlock, withCtx, createVNode, createElementVNode, createCommentVNode, createElementBlock, unref, isRef, createTextVNode, toDisplayString } from "vue";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
-import Field from "../../../../components/Field/Field.vue.js";
+import Field from "../../../../components/Field/Field.vue2.js";
 import _sfc_main$2 from "../../../../components/FieldPhone/FieldPhone.vue.js";
-import Select from "../../../../components/Select/Select.vue2.js";
+import Select from "../../../../components/Select/Select.vue.js";
 import _sfc_main$3 from "../../../../components/Button/Button.vue.js";
 const _hoisted_1 = { class: "gap-thin mn-b-thin flex-justify-between flex-nowrap flex" };
 const _hoisted_2 = {

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

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const Button = require("../../../../components/Button/Button.vue.cjs");
-const Select = require("../../../../components/Select/Select.vue2.cjs");
+const Select = require("../../../../components/Select/Select.vue.cjs");
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 const IconTime = require("../../../icons/entities/IconTime.vue.cjs");
 const CardOrderItem = require("../blocks/CardOrderItem.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