@ozdao/martyrs 0.2.571 → 0.2.574

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

@@ -8,7 +8,7 @@ import _sfc_main$3 from "../blocks/CardOrderItem.vue.js";
 import _sfc_main$5 from "../../../organizations/components/blocks/CardOrganization.vue.js";
 import _sfc_main$6 from "../../../chats/components/pages/ChatPage.vue.js";
 import _sfc_main$4 from "../elements/PriceTotal.vue.js";
-/* empty css                                          */
+/* empty css                                         */
 import { useStore } from "../../../core/views/store/core.store.js";
 import { state } from "../../../auth/views/store/auth.js";
 import { actions, state as state$1, getters, mutations } from "../../store/orders.js";
@@ -26,7 +26,7 @@ const _hoisted_2 = {
   class: "mn-b-thin pos-relative w-100 bg-main radius-medium pd-medium"
 };
 const _hoisted_3 = { class: "mn-b-small flex-nowrap flex" };
-const _hoisted_4 = { class: "t-medium p-regular" };
+const _hoisted_4 = { class: "fw-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" };
@@ -38,29 +38,29 @@ const _hoisted_9 = { class: "w-100" };
 const _hoisted_10 = { class: "mn-b-thin bg-light w-100 o-hidden radius-medium" };
 const _hoisted_11 = { class: "pd-small flex-nowrap flex" };
 const _hoisted_12 = { class: "mn-r-auto" };
-const _hoisted_13 = { class: "t-lh-075 h2 d-block mn-b-small" };
+const _hoisted_13 = { class: "lh-[0.75] h2 d-block mn-b-small" };
 const _hoisted_14 = { class: "pd-thin radius-extra bg-black t-white w-max" };
 const _hoisted_15 = {
   key: 0,
-  class: "pd-small flex flex-nowrap flex-v-center br-t br-black-transp-10 br-solid"
+  class: "pd-small flex flex-nowrap flex-v-center br-t-1px br-black-transp-10"
 };
 const _hoisted_16 = { class: "w-100 t-right" };
-const _hoisted_17 = { class: "pd-small flex flex-nowrap flex-v-center br-t br-black-transp-10 br-solid" };
+const _hoisted_17 = { class: "pd-small flex flex-nowrap flex-v-center br-t-1px br-black-transp-10" };
 const _hoisted_18 = { class: "w-100 t-right" };
 const _hoisted_19 = {
   key: 1,
   class: "pos-relative radius-thin mn-t-zero mn-thin bg-fifth-transp-10 pd-small"
 };
-const _hoisted_20 = { class: "pd-small flex flex-nowrap flex-v-center br-t br-black-transp-10 br-solid" };
+const _hoisted_20 = { class: "pd-small flex flex-nowrap flex-v-center br-t-1px br-black-transp-10" };
 const _hoisted_21 = { class: "w-100 t-right" };
-const _hoisted_22 = { class: "pd-small flex flex-nowrap flex-v-center br-t br-black-transp-10 br-solid" };
+const _hoisted_22 = { class: "pd-small flex flex-nowrap flex-v-center br-t-1px br-black-transp-10" };
 const _hoisted_23 = { class: "w-max t-right" };
 const _hoisted_24 = {
   key: 1,
   class: "o-y-scroll bg-light pd-thin mn-b-thin pd-thin radius-medium flex-nowrap flex"
 };
 const _hoisted_25 = { class: "flex-child-default mn-r-small w-max flex-v-center gap-thin flex-nowrap flex pd-thin radius-small bg-light-transp-20" };
-const _hoisted_26 = { class: "t-medium mn-r-auto" };
+const _hoisted_26 = { class: "fw-medium mn-r-auto" };
 const _hoisted_27 = { class: "bg-light radius-medium pd-medium mn-r-bold w-100" };
 const _hoisted_28 = {
   key: 2,
@@ -192,7 +192,7 @@ const _sfc_main = {
                   ])
                 }, null, 2),
                 createElementVNode("div", {
-                  class: normalizeClass([{ "t-transp": !isActiveStatus(index) }, "mn-t-thin p-small t-medium uppercase"])
+                  class: normalizeClass([{ "t-transp": !isActiveStatus(index) }, "mn-t-thin p-small fw-medium uppercase"])
                 }, toDisplayString(status.value), 3)
               ]);
             }), 128))
@@ -307,33 +307,33 @@ const _sfc_main = {
             createElementVNode("div", _hoisted_10, [
               createElementVNode("div", _hoisted_11, [
                 createElementVNode("div", _hoisted_12, [
-                  _cache[6] || (_cache[6] = createElementVNode("span", { class: "d-block t-medium p-regular mn-b-thin" }, "Order is", -1)),
+                  _cache[6] || (_cache[6] = createElementVNode("span", { class: "d-block fw-medium p-regular mn-b-thin" }, "Order is", -1)),
                   createElementVNode("span", _hoisted_13, toDisplayString(order.value.status), 1),
                   createElementVNode("p", _hoisted_14, toDisplayString(_ctx.formatDate(order.value.updatedAt, { language: unref(locale) })), 1)
                 ])
               ]),
               order.value.customer.target?.number ? (openBlock(), createElementBlock("div", _hoisted_15, [
-                _cache[7] || (_cache[7] = createElementVNode("p", { class: "w-100 t-medium p-regular" }, " Phone ", -1)),
+                _cache[7] || (_cache[7] = createElementVNode("p", { class: "w-100 fw-medium p-regular" }, " Phone ", -1)),
                 createElementVNode("p", _hoisted_16, toDisplayString(order.value.customer.target?.number || "Not specified"), 1)
               ])) : createCommentVNode("", true),
               createElementVNode("div", _hoisted_17, [
-                _cache[8] || (_cache[8] = createElementVNode("p", { class: "t-medium p-regular" }, " Address ", -1)),
+                _cache[8] || (_cache[8] = createElementVNode("p", { class: "fw-medium p-regular" }, " Address ", -1)),
                 createElementVNode("p", _hoisted_18, toDisplayString(order.value.delivery.address || order.value.delivery.spot[0]?.profile.name + (order.value.delivery.spot[0]?.address ? ", " + order.value.delivery.spot[0].address : "") || "Not specified"), 1)
               ]),
               order.value.comment ? (openBlock(), createElementBlock("div", _hoisted_19, [
-                _cache[9] || (_cache[9] = createElementVNode("p", { class: "mn-b-thin t-transp uppercase p-small t-medium" }, "Comment", -1)),
+                _cache[9] || (_cache[9] = createElementVNode("p", { class: "mn-b-thin t-transp uppercase p-small fw-medium" }, "Comment", -1)),
                 createElementVNode("p", null, toDisplayString(order.value.comment), 1)
               ])) : createCommentVNode("", true),
               createElementVNode("div", _hoisted_20, [
-                _cache[10] || (_cache[10] = createElementVNode("p", { class: "t-medium p-regular" }, " Delivery ", -1)),
+                _cache[10] || (_cache[10] = createElementVNode("p", { class: "fw-medium p-regular" }, " Delivery ", -1)),
                 createElementVNode("p", _hoisted_21, toDisplayString(order.value.delivery.type ? order.value.delivery.type : "Not specified"), 1)
               ]),
               createElementVNode("div", _hoisted_22, [
-                _cache[11] || (_cache[11] = createElementVNode("p", { class: "mn-r-auto t-medium p-regular" }, " Payment ", -1)),
+                _cache[11] || (_cache[11] = createElementVNode("p", { class: "mn-r-auto fw-medium p-regular" }, " Payment ", -1)),
                 createElementVNode("p", _hoisted_23, toDisplayString(order.value.payment.type ? order.value.payment.type : "Not specified"), 1),
                 createElementVNode("p", {
                   onClick: _cache[3] || (_cache[3] = ($event) => unref(route).meta.context !== "user" && unref(route).meta.context !== "root" ? openPaymentPopup() : console.log("Context:", unref(route).meta.context)),
-                  class: "w-max pd-thin radius-small bg-second t-white mn-l-thin cursor-pointer hover-bg-black t-right"
+                  class: "w-max pd-thin radius-small bg-second t-white mn-l-thin cursor-pointer hover:bg-black t-right"
                 }, toDisplayString(order.value.payment.status ? order.value.payment.status : "Unpaid"), 1)
               ])
             ]),
@@ -402,7 +402,7 @@ const _sfc_main = {
     };
   }
 };
-const OrderBackoffice = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1a2444ca"]]);
+const OrderBackoffice = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-134b043e"]]);
 export {
   OrderBackoffice as default
 };

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

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

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

@@ -38,7 +38,7 @@ const _hoisted_7 = {
 };
 const _hoisted_8 = {
   key: 1,
-  class: "bg-white br-solid br-light br-1px pd-medium radius-medium"
+  class: "bg-white br-light br-1px pd-medium radius-medium"
 };
 const _hoisted_9 = { class: "flex gap-thin flex-wrap mn-b-thin" };
 const _hoisted_10 = { class: "mn-b-thin" };
@@ -340,7 +340,7 @@ const _sfc_main = {
             _cache[5] || (_cache[5] = createElementVNode("p", { class: "mn-b-thin" }, [
               createTextVNode(" I agree that placing the order places me under an obligation to make a payment in accordance with "),
               createElementVNode("a", {
-                class: "t-semi font-second t-second",
+                class: "fw-semi font-second t-grey",
                 href: "/pages/terms-of-use",
                 target: "_blank"
               }, "Terms of Use.")

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

@@ -1 +1 @@
-{"version":3,"file":"OrderCreate.vue.js","sources":["../../../../../../../src/modules/orders/components/pages/OrderCreate.vue"],"sourcesContent":["<template>\n\n<section class=\"bg-white pd-thin\">\n\n\t<!-- Ask to login  -->\n\t<AskToLogin class=\"mn-b-thin\" v-if=\"auth.state.access.status === false\" /> \n\n\t<!-- Empty State   -->\n\t<EmptyState  \n\t\tv-if=\"shopcart.state.positions < 1\" \n\t/>\t\n\t<Succes \n\t\tv-if=\"order.status === true && shopcart.state.positions.length > 0\" \n\t\t:order=\"order\" \n\t/>\n\t<!-- Уведомления о минимальной сумме заказа и времени работы -->\n\t<div v-if=\"shopcart.state.positions.length > 0\" class=\"w-100 gap-thin cols-1 mn-b-thin\">\n\t\t<div v-if=\"!isOpen\" class=\"bg-fifth-nano pd-small radius-medium t-center\">\n\t\t\t<p class=\"t-fourth\">⚠️ This spot is currently closed. You can place an order, but it will be processed when the spot opens.</p>\n\t\t</div>\n\t\t<div v-if=\"cartTotalPrice < minOrderAmount\" class=\"bg-fourth-nano pd-small radius-medium t-center\">\n\t\t\t<p class=\"t-fourth\">⚠️ Minimum order amount is {{ formatPrice(minOrderAmount) }}. Your current total is {{ formatPrice(cartTotalPrice) }}.</p>\n\t\t</div>\n\t</div>\n\t<!-- Order form -->\n\t<div class=\"gap-small mn-b-thin cols-2 mobile:cols-1\">\n\t\t<!-- Order Form -->\n\t\t<div\n\t\t\tv-if=\"orders.state.current.status !== true && shopcart.state.positions.length > 0\" \n\t\t\tclass=\"rows-1 gap-thin\"\n\t\t>\n\t\t\t<FormCustomerDetails\n\t\t\t\tv-model:customer=\"orders.state.current.customer\"\n\t\t\t  :showAdminFields=\"false\"\n\t\t\t  :showButtons=\"false\"\n\t\t\t/>\n\t\t\t<FormPayment \t\n\t\t\t\tv-if=\"orders.state.current.status !== true && shopcart.state.positions.length > 0\"\n\t\t\t\t:order=\"orders.state.current\"  \n\t\t\t\t:organization=\"orderOrganization[0]\" \n\t\t\t/>\n\t\t\t<FormDelivery \t\n\t\t\t\tv-if=\"orders.state.current.status !== true && shopcart.state.positions.length > 0\"\n\t\t\t\t:order=\"orders.state.current\" \n\t\t\t\t:organization=\"orderOrganization[0]\" \n\t\t\t/>\n\t\t\t\n\t\t</div>\n\n\t\t<!-- Order positions -->\n\t\t<div \n\t\t\tv-if=\"shopcart.state.positions.length > 0\" \n\t\t\tclass=\"bg-white br-solid br-light br-1px pd-medium radius-medium\"\n\t\t>\n\t\t\t<h4 class=\"font-second mn-b-thin\">Your Order</h4>\n\n\t\t\t<ul class=\"flex gap-thin flex-wrap mn-b-thin\">\n\t\t\t\t<CardOrderItem \n\t\t\t\t\tv-for=\"(product, index) in shopcart.state.positions\" \n\t\t\t\t\t:key=\"`${product._id}_${product.variant || 'no-variant'}_${index}`\" \n\t\t\t\t\t:editable=\"true\" \n\t\t\t\t\t:productId=\"product._id\"\n\t\t\t\t\t:variantId=\"product.variant\"\n\t\t\t\t\t:images=\"product.images\"\n\t\t\t\t\t:name=\"product.name\"\n\t\t\t\t\t:quantity=\"product.quantity\"\n\t\t\t\t\t:unit=\"product.unit\"\n\t\t\t\t\t:dates=\"product.date\"\n\t\t\t\t\t:listing=\"product.listing\"\n\t\t\t\t\t:price=\"product.price\"\n\t        :increase=\"() => shopcart.actions.incrementItemQuantity(product._id, product.variant)\"\n\t        :decrease=\"() => shopcart.actions.decrementItemQuantity(product._id, product.variant)\"\n\t        :remove=\"() => shopcart.actions.removeProduct(product._id, product.variant)\"\n\t\t\t\t\t@updateRentDates=\"(productId, variantId, dates) => shopcart.actions.updateRentDates({ productId, variantId, dates })\"\n\t        class=\"w-100 bg-white \"\n\t      />\n\t\t\t</ul>\n\n\t\t\t\t<div \n\t\t\t\tclass=\"mn-b-thin\"\n\t\t\t>\t\n\t\t\t\t<PriceTotal \n          :totalPrice=\"cartTotalPrice\"\n          :deliveryRate=\"deliveryCost\"\n          :currency=\"returnCurrency()\"\n          :showFees=\"store.core.state.options?.orders.showFees\"\n          :feesRate=\"store.core.state.options?.orders.feesRate || 0\"\n          :showVat=\"store.core.state.options?.orders.showVat\"\n          :vatRate=\"store.core.state.options?.orders.vatRate || 0\"\n          :showDeliveryFee=\"store.core.state.options?.orders.showDeliveryFee\"\n        />\n\t\t\t</div>\n\t\t\t<!-- Send order -->\n\t\t   <Button\n       v-if=\"orders.state.current.status !== true && shopcart.state.positions.length > 0\"\n        :submit=\"() => handleCreate()\"\n        class=\"bg-main mn-b-small pd-small radius-big w-100 button\"\n        :disabled=\"\n\t\t      errorName \n\t\t      || errorPhoneOrMessenger \n\t\t      || errorCity \n\t\t      || errorAddress \n\t\t      || errorDelivery \n\t\t      || errorPayment\n\t\t      || isLocationLoading\n\t\t      || cartTotalPrice < minOrderAmount\n\t\t    \"\n      >\n        <span>Place an Order</span>\n      </Button>\n\n\t\t  <p class='mn-b-thin'>\n\t\t\t\tI agree that placing the order places me under an obligation to make a payment in accordance with <a class=\"t-semi font-second t-second\" href=\"/pages/terms-of-use\" target=\"_blank\">Terms of Use.</a>\n\t\t\t</p>\n\t\t\t<p >\n\t\t\t\t\n\t\t\t</p>\n\t\t</div>\n\n\t</div>\n\n\t\n\t\n</section>\n\n</template>\n\n\n<script setup>\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// Import components\n///////////////////////////////////////////////////////////////////////////////////////////////////\nimport Button from '@martyrs/src/components/Button/Button.vue'\n// Block\nimport CardOrderItem from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue'\n// Sections\nimport AskToLogin from '@martyrs/src/modules/orders/components/sections/AskToLogin.vue'\nimport Succes from '@martyrs/src/modules/orders/components/sections/Succes.vue'\nimport EmptyState from '@martyrs/src/modules/orders/components/sections/EmptyState.vue'\n\nimport PriceTotal from '@martyrs/src/modules/orders/components/elements/PriceTotal.vue';\n\nimport FormCustomerDetails from '@martyrs/src/modules/orders/components/forms/FormCustomerDetails.vue'\nimport FormDelivery from '@martyrs/src/modules/orders/components/sections/FormDelivery.vue'\nimport FormPayment from '@martyrs/src/modules/orders/components/sections/FormPayment.vue'\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// Import libs\n///////////////////////////////////////////////////////////////////////////////////////////////////\nimport { ref, computed, onMounted, watch } from 'vue'\nimport { useRoute,useRouter } from 'vue-router'\nimport { useGlobalMixins } from \"@martyrs/src/modules/core/views/mixins/mixins.js\"\n\n// Store\nimport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\nimport * as shopcart from '@martyrs/src/modules/orders/store/shopcart.js';\nimport * as organizations from '@martyrs/src/modules/organizations/store/organizations.js';\nimport * as orders from '@martyrs/src/modules/orders/store/orders.js';\nimport * as users from '@martyrs/src/modules/auth/views/store/users.js';\n\nconst store = useStore()\nconst emits = defineEmits(['page-loading', 'page-loaded']);\n\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// Variables and computed\n//////////////////////////////////////////////////////////////////////////////////////////////////\nconst isLocationLoading = ref(false)\n// Accessing router and store\nconst route = useRoute()\nconst router = useRouter()\nconst { returnCurrency, formatPrice } = useGlobalMixins()\n// COMPUTED\nconst order = computed(() => orders.state.current)\nconst user = computed(() => users.state.current)\n\nconst cartTotalPrice = shopcart.getters.cartTotalPrice\n\nconst deliveryCost = computed(() => {\n  const type = orders.state.current.delivery.type\n  const distance = orderOrganization.value[0]?.distance || 0\n  const config = store.core.state.options?.orders?.delivery_formula || {}\n\n  return orders.getters.getDeliveryPrice(type, distance, config)\n})\n\n// Organization\nconst orderOrganization = ref({})\nconst spotOrganization = ref({})\nconst isOpen = ref(true)\n\n// Новые переменные для проверки минимальной суммы заказа и времени работы\nconst minOrderAmount = ref(0)\n\nfunction checkIsOpenNow(worktime) {\n  try {\n    console.log('[checkIsOpenNow] worktime:', worktime);\n\n    if (\n      !worktime ||\n      typeof worktime !== 'object' ||\n      Array.isArray(worktime) ||\n      !worktime.regular\n    ) {\n      console.log('[checkIsOpenNow] invalid, returning true');\n      return true;\n    }\n\n    const now = new Date();\n    const currentDay = now.getDay();\n    const currentTime = `${String(now.getHours()).padStart(2, '0')}:${String(now.getMinutes()).padStart(2, '0')}`;\n    const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());\n\n    console.log('[checkIsOpenNow] currentDay:', currentDay);\n    console.log('[checkIsOpenNow] currentTime:', currentTime);\n\n    const specialDay = worktime.special?.find(s => {\n      const d = new Date(s.date);\n      return (\n        d.getFullYear() === today.getFullYear() &&\n        d.getMonth() === today.getMonth() &&\n        d.getDate() === today.getDate()\n      );\n    });\n\n    if (specialDay) {\n      console.log('[checkIsOpenNow] specialDay:', specialDay);\n      if (!specialDay.isOpen) return false;\n      return specialDay.periods?.some(p => p.open <= currentTime && p.close > currentTime);\n    }\n\n    const regularDay = worktime.regular.find(d => d.dayOfWeek === currentDay);\n    if (!regularDay || !regularDay.isOpen) return false;\n\n    return regularDay.periods?.some(p => p.open <= currentTime && p.close > currentTime);\n  } catch (err) {\n    console.error('[checkIsOpenNow] error:', err);\n    return true;\n  }\n}\n\n\nif (!store.core.state.options.orders.allowUnauthenticatedOrders && !auth.state.user._id) {\n\trouter.push({name: 'Sign In'})\n}\n\n\norders.mutations.resetOrder()\n\nonMounted(async()=> {\n\temits('page-loading');\n\n\tisLocationLoading.value = true\n\n\tif (auth.state.user._id) {\n\t\tlet data = await users.actions.read({ _id:auth.state.user._id, user: auth.state.user._id });\n\n\t\torders.state.current.customer.profile.name = users.state.current.profile.name\n\t\torders.state.current.customer.phone = users.state.current.phone\n\t\torders.state.current.customer.phone = users.state.current.phone\n\t}\n\t\n\torderOrganization.value = await organizations.actions.read({\n\t  _id: shopcart.state.organization,\n\t  location: store.core.state.position?.location,\n\t  lookup: ['spots']\n\t})\n\t\n\t// Получаем информацию о минимальной сумме заказа и времени работы из spot\n\tif (orderOrganization.value && orderOrganization.value[0]?.spots?.length > 0) {\n\t  spotOrganization.value = orderOrganization.value[0].spots[0];\n\t\tisOpen.value = checkIsOpenNow(spotOrganization.value.worktime);\n\t  console.log(spotOrganization.value)\n\t  minOrderAmount.value = spotOrganization.value.minorder || 0;\n\t}\n\n\n\t\n \tisLocationLoading.value = false\n  emits('page-loaded');\n\n  if (typeof gtag === 'function') {\n    gtag('event', 'begin_checkout', {\n      currency: returnCurrency(), // Замените на вашу валюту\n      value: cartTotalPrice || 0,\n      items: shopcart.state.positions.map(item => ({\n        item_id: item.product?._id,\n        item_name: item.product?.name,\n        price: item.price || 0,\n        quantity: item.quantity || 1,\n        item_category: item.product?.category || '',\n        item_brand: orderOrganization.value.profile?.name || ''\n      })),\n      organization: orderOrganization.value.profile?.name || '',\n      location: store.core.state.position?.location || 'unknown'\n    });\n  }\n})\n\n\nwatch(\n  () => orders.state.current.delivery,\n  async (newVal) => {\n    if (newVal?.location) {\n    \tisLocationLoading.value = true\n\n      orderOrganization.value = await organizations.actions.read({\n        _id: shopcart.state.organization,\n        location: newVal.location,\n        lookup: ['spots']\n      })\n      \n      isLocationLoading.value = false\n    }\n  },\n  { deep: true }\n)\n\n\n/////////////////////////////\n// Store Verification\n/////////////////////////////\nconst errorName = computed(() => {\n  if (orders.state.current.customer.name?.length < 2) { return true } else { return false }\n});\n\nconst errorPhoneOrMessenger = computed(() => {\n  const hasMessengerType = orders.state.current.customer.messenger?.type;\n  const hasMessengerValue = orders.state.current.customer.messenger?.value?.length >\t 2;\n  const hasPhone = orders.state.current.customer.number?.length > 0;\n  // Ошибка, если нет ни номера телефона, ни корректного типа и значения мессенджера\n  return !hasPhone && !(hasMessengerType && hasMessengerValue);\n});\n\nconst errorAddress = computed(() => {\n  const type = orders.state.current.delivery.type;\n  if (type === \"pickup\") {\n    return !orders.state.current.delivery.spot;\n  } else if (type === \"courier\" || type === \"mail\") {\n    const address = orders.state.current.delivery.address;\n    return !address || typeof address !== 'string' || address.length < 2;\n  }\n  return false;\n});\n\nconst errorDelivery = computed(() => {\n  if (orders.state.current.delivery.type) {return false } else {return true } \n})\n\nconst errorPayment = computed(() => {\n  if (orders.state.current.payment.type) { return false } else {return true } \n})\n/////////////////////////////\n// Methods\n/////////////////////////////\nasync function handleCreate() {\n\n\torders.state.current.status = 'created';\n\n\torders.state.current.owner = {\n\t\ttarget: orderOrganization.value[0]._id,\n\t\ttype: 'organization'\n\t}\n\n\tif (auth.state.user._id) {\n\t\torders.state.current.creator = {\n\t\t\ttarget: auth.state.user._id,\n\t\t\ttype: 'user'\n\t\t}\n\t}\n\n\tif (auth.state.user._id) {\n\t\torders.state.current.customer = {\n\t\t\ttarget: auth.state.user._id,\n\t\t\ttype: 'user'\n\t\t}\n\t}\n\n\torders.state.current.positions = shopcart.state.positions\n\n \tconst referralCode = localStorage.getItem('referalCode');\n  \n  if (referralCode) {\n    orders.state.current.referralCode = referralCode;\n  }\n\n  let order = await orders.actions.create(orders.state.current);\n\n   if (order) {\n\t  if (typeof gtag === 'function') {\n\t    gtag('event', 'purchase', {\n\t      transaction_id: order._id,\n\t      value: cartTotalPrice || 0,\n\t      currency: returnCurrency(), // Замените на вашу валюту\n\t      tax: 0, // Если есть данные о налоге\n\t      shipping: deliveryCost.value, // Если есть данные о доставке\n\t      items: shopcart.state.positions.map(item => ({\n\t        item_id: item.product?._id,\n\t        item_name: item.product?.name ,\n\t        price: item.price || 0,\n\t        quantity: item.quantity || 1,\n\t        item_category: item.product?.category || ''\n\t      })),\n\t      organization: orderOrganization.value?.profile?.name,\n\t      location: store.core.state.position?.location || 'unknown',\n\t      referral_code: referralCode || null,\n\t      user_id: auth.state.user._id || 'anonymous'\n\t    });\n\t  }\n\t}\n\n  if (order) {\n  \tawait router.push({\n  \t\tname: 'Order',\n  \t\tparams: {\n  \t\t\torder: order._id\n  \t\t}\n  \t})\n  \t\t\n  \tshopcart.actions.resetShopcart()\n\n  } else {\n  \talert('something wrong')\n  }\n}\n</script>\n\n<style lang=\"scss\">\n\n.round-wrapper {\n\tposition: relative;\n\n\t.round {\n\t\tmargin: 0;\n\t\tmargin-right: 1rem;\n\t}\n\n\tinput:checked {\n\t\tbackground: #00ff88;\n\t}\n\n\t.round-checkmark {\n\t\tposition: absolute;\n\t\twidth: 0.5rem;\n\t\theight: 0.5rem;\n\t\tbackground: white;\n\n\t\tleft: 0.5rem;\n\t\ttop:  0.5rem;\n\n\t\topacity: 1;\n\t}\n}\n</style>"],"names":["orders.state","users.state","shopcart.getters","orders.getters","auth.state","orders.mutations","users.actions","organizations.actions","shopcart.state","order","orders.actions","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgKA,UAAM,QAAQ,SAAQ;AACtB,UAAM,QAAQ;AAKd,UAAM,oBAAoB,IAAI,KAAK;AAErB,aAAQ;AACtB,UAAM,SAAS,UAAS;AACxB,UAAM,EAAE,gBAAgB,YAAW,IAAK,gBAAe;AAEvD,UAAM,QAAQ,SAAS,MAAMA,MAAa,OAAO;AACpC,aAAS,MAAMC,QAAY,OAAO;AAE/C,UAAM,iBAAiBC,QAAiB;AAExC,UAAM,eAAe,SAAS,MAAM;AAClC,YAAM,OAAOF,MAAa,QAAQ,SAAS;AAC3C,YAAM,WAAW,kBAAkB,MAAM,CAAC,GAAG,YAAY;AACzD,YAAM,SAAS,MAAM,KAAK,MAAM,SAAS,QAAQ,oBAAoB,CAAA;AAErE,aAAOG,UAAe,iBAAiB,MAAM,UAAU,MAAM;AAAA,IAC/D,CAAC;AAGD,UAAM,oBAAoB,IAAI,CAAA,CAAE;AAChC,UAAM,mBAAmB,IAAI,CAAA,CAAE;AAC/B,UAAM,SAAS,IAAI,IAAI;AAGvB,UAAM,iBAAiB,IAAI,CAAC;AAE5B,aAAS,eAAe,UAAU;AAChC,UAAI;AACF,gBAAQ,IAAI,8BAA8B,QAAQ;AAElD,YACE,CAAC,YACD,OAAO,aAAa,YACpB,MAAM,QAAQ,QAAQ,KACtB,CAAC,SAAS,SACV;AACA,kBAAQ,IAAI,0CAA0C;AACtD,iBAAO;AAAA,QACT;AAEA,cAAM,MAAM,oBAAI,KAAI;AACpB,cAAM,aAAa,IAAI,OAAM;AAC7B,cAAM,cAAc,GAAG,OAAO,IAAI,UAAU,EAAE,SAAS,GAAG,GAAG,CAAC,IAAI,OAAO,IAAI,WAAU,CAAE,EAAE,SAAS,GAAG,GAAG,CAAC;AAC3G,cAAM,QAAQ,IAAI,KAAK,IAAI,YAAW,GAAI,IAAI,SAAQ,GAAI,IAAI,SAAS;AAEvE,gBAAQ,IAAI,gCAAgC,UAAU;AACtD,gBAAQ,IAAI,iCAAiC,WAAW;AAExD,cAAM,aAAa,SAAS,SAAS,KAAK,OAAK;AAC7C,gBAAM,IAAI,IAAI,KAAK,EAAE,IAAI;AACzB,iBACE,EAAE,YAAW,MAAO,MAAM,YAAW,KACrC,EAAE,SAAQ,MAAO,MAAM,SAAQ,KAC/B,EAAE,cAAc,MAAM,QAAO;AAAA,QAEjC,CAAC;AAED,YAAI,YAAY;AACd,kBAAQ,IAAI,gCAAgC,UAAU;AACtD,cAAI,CAAC,WAAW,OAAQ,QAAO;AAC/B,iBAAO,WAAW,SAAS,KAAK,OAAK,EAAE,QAAQ,eAAe,EAAE,QAAQ,WAAW;AAAA,QACrF;AAEA,cAAM,aAAa,SAAS,QAAQ,KAAK,OAAK,EAAE,cAAc,UAAU;AACxE,YAAI,CAAC,cAAc,CAAC,WAAW,OAAQ,QAAO;AAE9C,eAAO,WAAW,SAAS,KAAK,OAAK,EAAE,QAAQ,eAAe,EAAE,QAAQ,WAAW;AAAA,MACrF,SAAS,KAAK;AACZ,gBAAQ,MAAM,2BAA2B,GAAG;AAC5C,eAAO;AAAA,MACT;AAAA,IACF;AAGA,QAAI,CAAC,MAAM,KAAK,MAAM,QAAQ,OAAO,8BAA8B,CAACC,QAAW,KAAK,KAAK;AACxF,aAAO,KAAK,EAAC,MAAM,UAAS,CAAC;AAAA,IAC9B;AAGAC,cAAiB,WAAU;AAE3B,cAAU,YAAU;AACnB,YAAM,cAAc;AAEpB,wBAAkB,QAAQ;AAE1B,UAAID,QAAW,KAAK,KAAK;AACb,cAAME,QAAc,KAAK,EAAE,KAAIF,QAAW,KAAK,KAAK,MAAMA,QAAW,KAAK,IAAG,CAAE;AAE1FJ,cAAa,QAAQ,SAAS,QAAQ,OAAOC,QAAY,QAAQ,QAAQ;AACzED,cAAa,QAAQ,SAAS,QAAQC,QAAY,QAAQ;AAC1DD,cAAa,QAAQ,SAAS,QAAQC,QAAY,QAAQ;AAAA,MAC3D;AAEA,wBAAkB,QAAQ,MAAMM,UAAsB,KAAK;AAAA,QACzD,KAAKC,QAAe;AAAA,QACpB,UAAU,MAAM,KAAK,MAAM,UAAU;AAAA,QACrC,QAAQ,CAAC,OAAO;AAAA,MACnB,CAAE;AAGD,UAAI,kBAAkB,SAAS,kBAAkB,MAAM,CAAC,GAAG,OAAO,SAAS,GAAG;AAC5E,yBAAiB,QAAQ,kBAAkB,MAAM,CAAC,EAAE,MAAM,CAAC;AAC5D,eAAO,QAAQ,eAAe,iBAAiB,MAAM,QAAQ;AAC5D,gBAAQ,IAAI,iBAAiB,KAAK;AAClC,uBAAe,QAAQ,iBAAiB,MAAM,YAAY;AAAA,MAC5D;AAIC,wBAAkB,QAAQ;AAC1B,YAAM,aAAa;AAEnB,UAAI,OAAO,SAAS,YAAY;AAC9B,aAAK,SAAS,kBAAkB;AAAA,UAC9B,UAAU,eAAc;AAAA;AAAA,UACxB,OAAO,kBAAkB;AAAA,UACzB,OAAOA,QAAe,UAAU,IAAI,WAAS;AAAA,YAC3C,SAAS,KAAK,SAAS;AAAA,YACvB,WAAW,KAAK,SAAS;AAAA,YACzB,OAAO,KAAK,SAAS;AAAA,YACrB,UAAU,KAAK,YAAY;AAAA,YAC3B,eAAe,KAAK,SAAS,YAAY;AAAA,YACzC,YAAY,kBAAkB,MAAM,SAAS,QAAQ;AAAA,UAC7D,EAAQ;AAAA,UACF,cAAc,kBAAkB,MAAM,SAAS,QAAQ;AAAA,UACvD,UAAU,MAAM,KAAK,MAAM,UAAU,YAAY;AAAA,QACvD,CAAK;AAAA,MACH;AAAA,IACF,CAAC;AAGD;AAAA,MACE,MAAMR,MAAa,QAAQ;AAAA,MAC3B,OAAO,WAAW;AAChB,YAAI,QAAQ,UAAU;AACrB,4BAAkB,QAAQ;AAEzB,4BAAkB,QAAQ,MAAMO,UAAsB,KAAK;AAAA,YACzD,KAAKC,QAAe;AAAA,YACpB,UAAU,OAAO;AAAA,YACjB,QAAQ,CAAC,OAAO;AAAA,UACxB,CAAO;AAED,4BAAkB,QAAQ;AAAA,QAC5B;AAAA,MACF;AAAA,MACA,EAAE,MAAM,KAAI;AAAA,IACd;AAMA,UAAM,YAAY,SAAS,MAAM;AAC/B,UAAIR,MAAa,QAAQ,SAAS,MAAM,SAAS,GAAG;AAAE,eAAO;AAAA,MAAK,OAAO;AAAE,eAAO;AAAA,MAAM;AAAA,IAC1F,CAAC;AAED,UAAM,wBAAwB,SAAS,MAAM;AAC3C,YAAM,mBAAmBA,MAAa,QAAQ,SAAS,WAAW;AAClE,YAAM,oBAAoBA,MAAa,QAAQ,SAAS,WAAW,OAAO,SAAU;AACpF,YAAM,WAAWA,MAAa,QAAQ,SAAS,QAAQ,SAAS;AAEhE,aAAO,CAAC,YAAY,EAAE,oBAAoB;AAAA,IAC5C,CAAC;AAED,UAAM,eAAe,SAAS,MAAM;AAClC,YAAM,OAAOA,MAAa,QAAQ,SAAS;AAC3C,UAAI,SAAS,UAAU;AACrB,eAAO,CAACA,MAAa,QAAQ,SAAS;AAAA,MACxC,WAAW,SAAS,aAAa,SAAS,QAAQ;AAChD,cAAM,UAAUA,MAAa,QAAQ,SAAS;AAC9C,eAAO,CAAC,WAAW,OAAO,YAAY,YAAY,QAAQ,SAAS;AAAA,MACrE;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,gBAAgB,SAAS,MAAM;AACnC,UAAIA,MAAa,QAAQ,SAAS,MAAM;AAAC,eAAO;AAAA,MAAM,OAAO;AAAC,eAAO;AAAA,MAAK;AAAA,IAC5E,CAAC;AAED,UAAM,eAAe,SAAS,MAAM;AAClC,UAAIA,MAAa,QAAQ,QAAQ,MAAM;AAAE,eAAO;AAAA,MAAM,OAAO;AAAC,eAAO;AAAA,MAAK;AAAA,IAC5E,CAAC;AAID,mBAAe,eAAe;AAE7BA,YAAa,QAAQ,SAAS;AAE9BA,YAAa,QAAQ,QAAQ;AAAA,QAC5B,QAAQ,kBAAkB,MAAM,CAAC,EAAE;AAAA,QACnC,MAAM;AAAA,MACR;AAEC,UAAII,QAAW,KAAK,KAAK;AACxBJ,cAAa,QAAQ,UAAU;AAAA,UAC9B,QAAQI,QAAW,KAAK;AAAA,UACxB,MAAM;AAAA,QACT;AAAA,MACC;AAEA,UAAIA,QAAW,KAAK,KAAK;AACxBJ,cAAa,QAAQ,WAAW;AAAA,UAC/B,QAAQI,QAAW,KAAK;AAAA,UACxB,MAAM;AAAA,QACT;AAAA,MACC;AAEAJ,YAAa,QAAQ,YAAYQ,QAAe;AAE/C,YAAM,eAAe,aAAa,QAAQ,aAAa;AAEvD,UAAI,cAAc;AAChBR,cAAa,QAAQ,eAAe;AAAA,MACtC;AAEA,UAAIS,SAAQ,MAAMC,UAAe,OAAOV,MAAa,OAAO;AAE3D,UAAIS,QAAO;AACX,YAAI,OAAO,SAAS,YAAY;AAC9B,eAAK,SAAS,YAAY;AAAA,YACxB,gBAAgBA,OAAM;AAAA,YACtB,OAAO,kBAAkB;AAAA,YACzB,UAAU,eAAc;AAAA;AAAA,YACxB,KAAK;AAAA;AAAA,YACL,UAAU,aAAa;AAAA;AAAA,YACvB,OAAOD,QAAe,UAAU,IAAI,WAAS;AAAA,cAC3C,SAAS,KAAK,SAAS;AAAA,cACvB,WAAW,KAAK,SAAS;AAAA,cACzB,OAAO,KAAK,SAAS;AAAA,cACrB,UAAU,KAAK,YAAY;AAAA,cAC3B,eAAe,KAAK,SAAS,YAAY;AAAA,YAClD,EAAS;AAAA,YACF,cAAc,kBAAkB,OAAO,SAAS;AAAA,YAChD,UAAU,MAAM,KAAK,MAAM,UAAU,YAAY;AAAA,YACjD,eAAe,gBAAgB;AAAA,YAC/B,SAASJ,QAAW,KAAK,OAAO;AAAA,UACvC,CAAM;AAAA,QACH;AAAA,MACF;AAEC,UAAIK,QAAO;AACV,cAAM,OAAO,KAAK;AAAA,UACjB,MAAM;AAAA,UACN,QAAQ;AAAA,YACP,OAAOA,OAAM;AAAA,UAClB;AAAA,QACA,CAAI;AAEDE,kBAAiB,cAAa;AAAA,MAE/B,OAAO;AACN,cAAM,iBAAiB;AAAA,MACxB;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"OrderCreate.vue.js","sources":["../../../../../../../src/modules/orders/components/pages/OrderCreate.vue"],"sourcesContent":["<template>\n\n<section class=\"bg-white pd-thin\">\n\n\t<!-- Ask to login  -->\n\t<AskToLogin class=\"mn-b-thin\" v-if=\"auth.state.access.status === false\" /> \n\n\t<!-- Empty State   -->\n\t<EmptyState  \n\t\tv-if=\"shopcart.state.positions < 1\" \n\t/>\t\n\t<Succes \n\t\tv-if=\"order.status === true && shopcart.state.positions.length > 0\" \n\t\t:order=\"order\" \n\t/>\n\t<!-- Уведомления о минимальной сумме заказа и времени работы -->\n\t<div v-if=\"shopcart.state.positions.length > 0\" class=\"w-100 gap-thin cols-1 mn-b-thin\">\n\t\t<div v-if=\"!isOpen\" class=\"bg-fifth-nano pd-small radius-medium t-center\">\n\t\t\t<p class=\"t-fourth\">⚠️ This spot is currently closed. You can place an order, but it will be processed when the spot opens.</p>\n\t\t</div>\n\t\t<div v-if=\"cartTotalPrice < minOrderAmount\" class=\"bg-fourth-nano pd-small radius-medium t-center\">\n\t\t\t<p class=\"t-fourth\">⚠️ Minimum order amount is {{ formatPrice(minOrderAmount) }}. Your current total is {{ formatPrice(cartTotalPrice) }}.</p>\n\t\t</div>\n\t</div>\n\t<!-- Order form -->\n\t<div class=\"gap-small mn-b-thin cols-2 mobile:cols-1\">\n\t\t<!-- Order Form -->\n\t\t<div\n\t\t\tv-if=\"orders.state.current.status !== true && shopcart.state.positions.length > 0\" \n\t\t\tclass=\"rows-1 gap-thin\"\n\t\t>\n\t\t\t<FormCustomerDetails\n\t\t\t\tv-model:customer=\"orders.state.current.customer\"\n\t\t\t  :showAdminFields=\"false\"\n\t\t\t  :showButtons=\"false\"\n\t\t\t/>\n\t\t\t<FormPayment \t\n\t\t\t\tv-if=\"orders.state.current.status !== true && shopcart.state.positions.length > 0\"\n\t\t\t\t:order=\"orders.state.current\"  \n\t\t\t\t:organization=\"orderOrganization[0]\" \n\t\t\t/>\n\t\t\t<FormDelivery \t\n\t\t\t\tv-if=\"orders.state.current.status !== true && shopcart.state.positions.length > 0\"\n\t\t\t\t:order=\"orders.state.current\" \n\t\t\t\t:organization=\"orderOrganization[0]\" \n\t\t\t/>\n\t\t\t\n\t\t</div>\n\n\t\t<!-- Order positions -->\n\t\t<div \n\t\t\tv-if=\"shopcart.state.positions.length > 0\" \n\t\t\tclass=\"bg-white br-light br-1px pd-medium radius-medium\"\n\t\t>\n\t\t\t<h4 class=\"font-second mn-b-thin\">Your Order</h4>\n\n\t\t\t<ul class=\"flex gap-thin flex-wrap mn-b-thin\">\n\t\t\t\t<CardOrderItem \n\t\t\t\t\tv-for=\"(product, index) in shopcart.state.positions\" \n\t\t\t\t\t:key=\"`${product._id}_${product.variant || 'no-variant'}_${index}`\" \n\t\t\t\t\t:editable=\"true\" \n\t\t\t\t\t:productId=\"product._id\"\n\t\t\t\t\t:variantId=\"product.variant\"\n\t\t\t\t\t:images=\"product.images\"\n\t\t\t\t\t:name=\"product.name\"\n\t\t\t\t\t:quantity=\"product.quantity\"\n\t\t\t\t\t:unit=\"product.unit\"\n\t\t\t\t\t:dates=\"product.date\"\n\t\t\t\t\t:listing=\"product.listing\"\n\t\t\t\t\t:price=\"product.price\"\n\t        :increase=\"() => shopcart.actions.incrementItemQuantity(product._id, product.variant)\"\n\t        :decrease=\"() => shopcart.actions.decrementItemQuantity(product._id, product.variant)\"\n\t        :remove=\"() => shopcart.actions.removeProduct(product._id, product.variant)\"\n\t\t\t\t\t@updateRentDates=\"(productId, variantId, dates) => shopcart.actions.updateRentDates({ productId, variantId, dates })\"\n\t        class=\"w-100 bg-white \"\n\t      />\n\t\t\t</ul>\n\n\t\t\t\t<div \n\t\t\t\tclass=\"mn-b-thin\"\n\t\t\t>\t\n\t\t\t\t<PriceTotal \n          :totalPrice=\"cartTotalPrice\"\n          :deliveryRate=\"deliveryCost\"\n          :currency=\"returnCurrency()\"\n          :showFees=\"store.core.state.options?.orders.showFees\"\n          :feesRate=\"store.core.state.options?.orders.feesRate || 0\"\n          :showVat=\"store.core.state.options?.orders.showVat\"\n          :vatRate=\"store.core.state.options?.orders.vatRate || 0\"\n          :showDeliveryFee=\"store.core.state.options?.orders.showDeliveryFee\"\n        />\n\t\t\t</div>\n\t\t\t<!-- Send order -->\n\t\t   <Button\n       v-if=\"orders.state.current.status !== true && shopcart.state.positions.length > 0\"\n        :submit=\"() => handleCreate()\"\n        class=\"bg-main mn-b-small pd-small radius-big w-100 button\"\n        :disabled=\"\n\t\t      errorName \n\t\t      || errorPhoneOrMessenger \n\t\t      || errorCity \n\t\t      || errorAddress \n\t\t      || errorDelivery \n\t\t      || errorPayment\n\t\t      || isLocationLoading\n\t\t      || cartTotalPrice < minOrderAmount\n\t\t    \"\n      >\n        <span>Place an Order</span>\n      </Button>\n\n\t\t  <p class='mn-b-thin'>\n\t\t\t\tI agree that placing the order places me under an obligation to make a payment in accordance with <a class=\"fw-semi font-second t-grey\" href=\"/pages/terms-of-use\" target=\"_blank\">Terms of Use.</a>\n\t\t\t</p>\n\t\t\t<p >\n\t\t\t\t\n\t\t\t</p>\n\t\t</div>\n\n\t</div>\n\n\t\n\t\n</section>\n\n</template>\n\n\n<script setup>\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// Import components\n///////////////////////////////////////////////////////////////////////////////////////////////////\nimport Button from '@martyrs/src/components/Button/Button.vue'\n// Block\nimport CardOrderItem from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue'\n// Sections\nimport AskToLogin from '@martyrs/src/modules/orders/components/sections/AskToLogin.vue'\nimport Succes from '@martyrs/src/modules/orders/components/sections/Succes.vue'\nimport EmptyState from '@martyrs/src/modules/orders/components/sections/EmptyState.vue'\n\nimport PriceTotal from '@martyrs/src/modules/orders/components/elements/PriceTotal.vue';\n\nimport FormCustomerDetails from '@martyrs/src/modules/orders/components/forms/FormCustomerDetails.vue'\nimport FormDelivery from '@martyrs/src/modules/orders/components/sections/FormDelivery.vue'\nimport FormPayment from '@martyrs/src/modules/orders/components/sections/FormPayment.vue'\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// Import libs\n///////////////////////////////////////////////////////////////////////////////////////////////////\nimport { ref, computed, onMounted, watch } from 'vue'\nimport { useRoute,useRouter } from 'vue-router'\nimport { useGlobalMixins } from \"@martyrs/src/modules/core/views/mixins/mixins.js\"\n\n// Store\nimport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\nimport * as shopcart from '@martyrs/src/modules/orders/store/shopcart.js';\nimport * as organizations from '@martyrs/src/modules/organizations/store/organizations.js';\nimport * as orders from '@martyrs/src/modules/orders/store/orders.js';\nimport * as users from '@martyrs/src/modules/auth/views/store/users.js';\n\nconst store = useStore()\nconst emits = defineEmits(['page-loading', 'page-loaded']);\n\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// Variables and computed\n//////////////////////////////////////////////////////////////////////////////////////////////////\nconst isLocationLoading = ref(false)\n// Accessing router and store\nconst route = useRoute()\nconst router = useRouter()\nconst { returnCurrency, formatPrice } = useGlobalMixins()\n// COMPUTED\nconst order = computed(() => orders.state.current)\nconst user = computed(() => users.state.current)\n\nconst cartTotalPrice = shopcart.getters.cartTotalPrice\n\nconst deliveryCost = computed(() => {\n  const type = orders.state.current.delivery.type\n  const distance = orderOrganization.value[0]?.distance || 0\n  const config = store.core.state.options?.orders?.delivery_formula || {}\n\n  return orders.getters.getDeliveryPrice(type, distance, config)\n})\n\n// Organization\nconst orderOrganization = ref({})\nconst spotOrganization = ref({})\nconst isOpen = ref(true)\n\n// Новые переменные для проверки минимальной суммы заказа и времени работы\nconst minOrderAmount = ref(0)\n\nfunction checkIsOpenNow(worktime) {\n  try {\n    console.log('[checkIsOpenNow] worktime:', worktime);\n\n    if (\n      !worktime ||\n      typeof worktime !== 'object' ||\n      Array.isArray(worktime) ||\n      !worktime.regular\n    ) {\n      console.log('[checkIsOpenNow] invalid, returning true');\n      return true;\n    }\n\n    const now = new Date();\n    const currentDay = now.getDay();\n    const currentTime = `${String(now.getHours()).padStart(2, '0')}:${String(now.getMinutes()).padStart(2, '0')}`;\n    const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());\n\n    console.log('[checkIsOpenNow] currentDay:', currentDay);\n    console.log('[checkIsOpenNow] currentTime:', currentTime);\n\n    const specialDay = worktime.special?.find(s => {\n      const d = new Date(s.date);\n      return (\n        d.getFullYear() === today.getFullYear() &&\n        d.getMonth() === today.getMonth() &&\n        d.getDate() === today.getDate()\n      );\n    });\n\n    if (specialDay) {\n      console.log('[checkIsOpenNow] specialDay:', specialDay);\n      if (!specialDay.isOpen) return false;\n      return specialDay.periods?.some(p => p.open <= currentTime && p.close > currentTime);\n    }\n\n    const regularDay = worktime.regular.find(d => d.dayOfWeek === currentDay);\n    if (!regularDay || !regularDay.isOpen) return false;\n\n    return regularDay.periods?.some(p => p.open <= currentTime && p.close > currentTime);\n  } catch (err) {\n    console.error('[checkIsOpenNow] error:', err);\n    return true;\n  }\n}\n\n\nif (!store.core.state.options.orders.allowUnauthenticatedOrders && !auth.state.user._id) {\n\trouter.push({name: 'Sign In'})\n}\n\n\norders.mutations.resetOrder()\n\nonMounted(async()=> {\n\temits('page-loading');\n\n\tisLocationLoading.value = true\n\n\tif (auth.state.user._id) {\n\t\tlet data = await users.actions.read({ _id:auth.state.user._id, user: auth.state.user._id });\n\n\t\torders.state.current.customer.profile.name = users.state.current.profile.name\n\t\torders.state.current.customer.phone = users.state.current.phone\n\t\torders.state.current.customer.phone = users.state.current.phone\n\t}\n\t\n\torderOrganization.value = await organizations.actions.read({\n\t  _id: shopcart.state.organization,\n\t  location: store.core.state.position?.location,\n\t  lookup: ['spots']\n\t})\n\t\n\t// Получаем информацию о минимальной сумме заказа и времени работы из spot\n\tif (orderOrganization.value && orderOrganization.value[0]?.spots?.length > 0) {\n\t  spotOrganization.value = orderOrganization.value[0].spots[0];\n\t\tisOpen.value = checkIsOpenNow(spotOrganization.value.worktime);\n\t  console.log(spotOrganization.value)\n\t  minOrderAmount.value = spotOrganization.value.minorder || 0;\n\t}\n\n\n\t\n \tisLocationLoading.value = false\n  emits('page-loaded');\n\n  if (typeof gtag === 'function') {\n    gtag('event', 'begin_checkout', {\n      currency: returnCurrency(), // Замените на вашу валюту\n      value: cartTotalPrice || 0,\n      items: shopcart.state.positions.map(item => ({\n        item_id: item.product?._id,\n        item_name: item.product?.name,\n        price: item.price || 0,\n        quantity: item.quantity || 1,\n        item_category: item.product?.category || '',\n        item_brand: orderOrganization.value.profile?.name || ''\n      })),\n      organization: orderOrganization.value.profile?.name || '',\n      location: store.core.state.position?.location || 'unknown'\n    });\n  }\n})\n\n\nwatch(\n  () => orders.state.current.delivery,\n  async (newVal) => {\n    if (newVal?.location) {\n    \tisLocationLoading.value = true\n\n      orderOrganization.value = await organizations.actions.read({\n        _id: shopcart.state.organization,\n        location: newVal.location,\n        lookup: ['spots']\n      })\n      \n      isLocationLoading.value = false\n    }\n  },\n  { deep: true }\n)\n\n\n/////////////////////////////\n// Store Verification\n/////////////////////////////\nconst errorName = computed(() => {\n  if (orders.state.current.customer.name?.length < 2) { return true } else { return false }\n});\n\nconst errorPhoneOrMessenger = computed(() => {\n  const hasMessengerType = orders.state.current.customer.messenger?.type;\n  const hasMessengerValue = orders.state.current.customer.messenger?.value?.length >\t 2;\n  const hasPhone = orders.state.current.customer.number?.length > 0;\n  // Ошибка, если нет ни номера телефона, ни корректного типа и значения мессенджера\n  return !hasPhone && !(hasMessengerType && hasMessengerValue);\n});\n\nconst errorAddress = computed(() => {\n  const type = orders.state.current.delivery.type;\n  if (type === \"pickup\") {\n    return !orders.state.current.delivery.spot;\n  } else if (type === \"courier\" || type === \"mail\") {\n    const address = orders.state.current.delivery.address;\n    return !address || typeof address !== 'string' || address.length < 2;\n  }\n  return false;\n});\n\nconst errorDelivery = computed(() => {\n  if (orders.state.current.delivery.type) {return false } else {return true } \n})\n\nconst errorPayment = computed(() => {\n  if (orders.state.current.payment.type) { return false } else {return true } \n})\n/////////////////////////////\n// Methods\n/////////////////////////////\nasync function handleCreate() {\n\n\torders.state.current.status = 'created';\n\n\torders.state.current.owner = {\n\t\ttarget: orderOrganization.value[0]._id,\n\t\ttype: 'organization'\n\t}\n\n\tif (auth.state.user._id) {\n\t\torders.state.current.creator = {\n\t\t\ttarget: auth.state.user._id,\n\t\t\ttype: 'user'\n\t\t}\n\t}\n\n\tif (auth.state.user._id) {\n\t\torders.state.current.customer = {\n\t\t\ttarget: auth.state.user._id,\n\t\t\ttype: 'user'\n\t\t}\n\t}\n\n\torders.state.current.positions = shopcart.state.positions\n\n \tconst referralCode = localStorage.getItem('referalCode');\n  \n  if (referralCode) {\n    orders.state.current.referralCode = referralCode;\n  }\n\n  let order = await orders.actions.create(orders.state.current);\n\n   if (order) {\n\t  if (typeof gtag === 'function') {\n\t    gtag('event', 'purchase', {\n\t      transaction_id: order._id,\n\t      value: cartTotalPrice || 0,\n\t      currency: returnCurrency(), // Замените на вашу валюту\n\t      tax: 0, // Если есть данные о налоге\n\t      shipping: deliveryCost.value, // Если есть данные о доставке\n\t      items: shopcart.state.positions.map(item => ({\n\t        item_id: item.product?._id,\n\t        item_name: item.product?.name ,\n\t        price: item.price || 0,\n\t        quantity: item.quantity || 1,\n\t        item_category: item.product?.category || ''\n\t      })),\n\t      organization: orderOrganization.value?.profile?.name,\n\t      location: store.core.state.position?.location || 'unknown',\n\t      referral_code: referralCode || null,\n\t      user_id: auth.state.user._id || 'anonymous'\n\t    });\n\t  }\n\t}\n\n  if (order) {\n  \tawait router.push({\n  \t\tname: 'Order',\n  \t\tparams: {\n  \t\t\torder: order._id\n  \t\t}\n  \t})\n  \t\t\n  \tshopcart.actions.resetShopcart()\n\n  } else {\n  \talert('something wrong')\n  }\n}\n</script>\n\n<style lang=\"scss\">\n\n.round-wrapper {\n\tposition: relative;\n\n\t.round {\n\t\tmargin: 0;\n\t\tmargin-right: 1rem;\n\t}\n\n\tinput:checked {\n\t\tbackground: #00ff88;\n\t}\n\n\t.round-checkmark {\n\t\tposition: absolute;\n\t\twidth: 0.5rem;\n\t\theight: 0.5rem;\n\t\tbackground: white;\n\n\t\tleft: 0.5rem;\n\t\ttop:  0.5rem;\n\n\t\topacity: 1;\n\t}\n}\n</style>"],"names":["orders.state","users.state","shopcart.getters","orders.getters","auth.state","orders.mutations","users.actions","organizations.actions","shopcart.state","order","orders.actions","shopcart.actions"],"mappings":"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"}

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

@@ -28,7 +28,7 @@ const _hoisted_6 = {
   class: "aspect-1x1 h-3r radius-small o-hidden"
 };
 const _hoisted_7 = ["src"];
-const _hoisted_8 = { class: "t-medium" };
+const _hoisted_8 = { class: "fw-medium" };
 const _hoisted_9 = {
   key: 0,
   class: "t-small t-transp"
@@ -197,7 +197,7 @@ const _sfc_main = {
               createVNode(_sfc_main$2, {
                 submit: onSubmit,
                 callback: redirectTo,
-                class: "pd-small radius-big bg-main t-black uppercase t-medium"
+                class: "pd-small radius-big bg-main t-black uppercase fw-medium"
               }, {
                 default: withCtx(() => _cache[3] || (_cache[3] = [
                   createTextVNode(" Add Order ")
@@ -217,7 +217,7 @@ const _sfc_main = {
             { name: "Delivery", value: "delivery" },
             { name: "Payment", value: "payment" }
           ],
-          class: "t-medium radius-medium bg-light mn-b-small"
+          class: "fw-medium radius-medium bg-light mn-b-small"
         }, null, 8, ["selected"]),
         createVNode(_sfc_main$4, {
           onClosePopup: closeProductsPopup,
@@ -304,7 +304,7 @@ const _sfc_main = {
                     return openBlock(), createElementBlock("div", {
                       key: index,
                       onClick: ($event) => addVariantToOrder(variant),
-                      class: "w-100 cursor-pointer hover-scale-1 bg-light pd-small radius-small flex-v-center flex-nowrap flex gap-thin"
+                      class: "w-100 cursor-pointer hover:scale-[1.05] bg-light pd-small radius-small flex-v-center flex-nowrap flex gap-thin"
                     }, [
                       variant.images && variant.images.length ? (openBlock(), createElementBlock("div", _hoisted_6, [
                         createElementVNode("img", {

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

@@ -1 +1 @@
-{"version":3,"file":"OrderCreateBackoffice.vue.js","sources":["../../../../../../../src/modules/orders/components/pages/OrderCreateBackoffice.vue"],"sourcesContent":["<template>\n  <div class=\"flex flex-column pd-thin\">\n    <Block class=\"mn-b-thin\">\n      <header class=\"flex-v-center flex-nowrap flex\">\n        <h2 class=\"mn-r-auto\">Create Order</h2>\n        <Button \n          :submit=\"onSubmit\"\n          :callback=\"redirectTo\"\n          class=\"pd-small radius-big bg-main t-black uppercase t-medium\"\n        >\n          Add Order \n        </Button>\n      </header>\n    </Block>\n\n    <Tab \n      v-model:selected=\"tabOrderCreate\"\n      :tabs=\"[\n        {name: 'Positions', value: 'positions'},\n        {name: 'Customer', value: 'customer'},\n        {name: 'Delivery', value: 'delivery'},\n        {name: 'Payment', value: 'payment'}\n      ]\"\n      class=\"t-medium radius-medium bg-light mn-b-small\"\n    />\n\n    <Popup \n      @close-popup=\"closeProductsPopup\" \n      :isPopupOpen=\"isOpenProductsPopup\"\n      class=\"bg-white flex flex-column radius-big pd-medium pos-relative\"\n    >\n\n      <h3 class=\"mn-b-small\">Add to order</h3>\n\n      <div class=\"bg-light h-max-100 mn-b-thin o-scroll pd-medium radius-big\">\n        <Feed\n          :showLoadMore=\"false\"\n          :search=\"{\n            placeholder: 'Search products...',\n            class: 'bg-white mn-b-thin'\n          }\"\n          :states=\"{\n            empty: {\n              title: 'No Products Found',\n              description: 'Currently, there are no such products available.'\n            },\n            skeleton: {\n              hide: true\n            }\n          }\"\n          :store=\"{\n            read: (options) => products.actions.read(options),\n            state: null\n          }\"\n          :options=\"{\n            owner: route.params._id\n          }\"\n          v-slot=\"{ \n            items \n          }\"\n          class=\"\"\n        >\n          <CardOrderItem\n            v-for=\"(product, index) in items\" \n            :key=\"`${product._id}_${index}`\"\n            :editable=\"false\" \n            :productId=\"product._id\"\n            :images=\"product.images\"\n            :name=\"product.name\"\n            @click=\"() => selectProduct(product)\"\n            class=\"bg-white pd-thin radius-medium w-100 mn-b-thin\"\n          />\n        </Feed>\n      </div>\n    </Popup>\n\n    <!-- Popup for selecting variant of the product -->\n    <Popup \n      title=\"Select variant\" \n      @close-popup=\"closeVariantsPopup\" \n      :isPopupOpen=\"isVariantsPopupOpen\"\n      class=\"bg-white w-100 w-max-30r radius-medium pd-medium\"\n    >\n      <Feed\n        :store=\"variants\"\n        :options=\"{\n          product: selectedProduct?._id,\n        }\"\n        :skeleton=\"{\n          structure: [\n            { block: 'text', size: 'small' },\n            { block: 'text', size: 'medium' },\n            { block: 'text', size: 'small' }\n          ]\n        }\"\n        :states=\"{\n          empty: {\n            title: 'No variants',\n            description: 'Create your first variant'\n          }\n        }\"\n         v-slot=\"{ items }\"\n      >\n        <div class=\"gap-thin flex flex-column\">\n          <div \n            v-for=\"(variant, index) in items\" \n            :key=\"index\"\n            @click=\"addVariantToOrder(variant)\"\n            class=\"w-100 cursor-pointer hover-scale-1 bg-light pd-small radius-small flex-v-center flex-nowrap flex gap-thin\"\n          >\n            <div v-if=\"variant.images && variant.images.length\" class=\"aspect-1x1 h-3r radius-small o-hidden\">\n              <img \n                :src=\"(FILE_SERVER_URL || '') + variant.images[0]\" \n                class=\"w-100 h-100 object-fit-cover\"\n              />\n            </div>\n            <div>\n              <p class=\"t-medium\">{{ variant.name || 'Default variant' }}</p>\n              <p v-if=\"variant.attributes && variant.attributes.length\" class=\"t-small t-transp\">\n                {{ variant.attributes.map(attr => `${attr.name}: ${attr.value}`).join(', ') }}\n              </p>\n            </div>\n            <p class=\"mn-l-auto\">{{ formatPrice(variant.price || variant.cost) }}</p>\n          </div>\n        </div>\n      </Feed>\n    </Popup>\n\n    <Block\n      v-if=\"tabOrderCreate === 'positions'\"\n      title=\"Positions\"\n      :actions=\"[{\n        label: '+',\n        function: () => openProductsPopup()\n      }]\"\n      class=\"mn-b-small\"\n    >\n      <span \n        v-if=\"orders.state.current.positions.length === 0\" \n        class=\"w-100\"\n      >\n        No positions added yet\n      </span> \n\n      <CardOrderItem\n        v-for=\"(product, index) in orders.state.current.positions\" \n        :key=\"`${product._id}_${product.variant || 'no-variant'}_${index}`\"\n        :editable=\"true\" \n        :productId=\"product._id\"\n        :variantId=\"product.variant\"\n        :images=\"product.images\"\n        :name=\"product.name\"\n        :quantity=\"product.quantity\"\n        :unit=\"product.unit\"\n        :dates=\"product.date\"\n        :listing=\"product.listing\"\n        :price=\"product.price\"\n        :increase=\"() => incrementOrderItemQuantity(product._id, product.variant)\"\n        :decrease=\"() => decrementOrderItemQuantity(product._id, product.variant)\"\n        :remove=\"() => removeOrderItem(product._id, product.variant)\"\n        @updateRentDates=\"(productId, variantId, dates) => updateOrderRentDates(productId, variantId, dates)\"\n        class=\"mn-b-thin pd-thin radius-medium bg-white\"\n      /> \n    </Block>\n\n    <FormSelectCustomer\n      v-if=\"tabOrderCreate === 'customer'\"\n      v-model:customer=\"orders.state.current.customer\"\n      class=\"mn-b-semi\"\n    />\n\n    <FormDelivery  \n      v-if=\"tabOrderCreate === 'delivery'\" \n      :order=\"orders.state.current\"\n      :organization=\"orderOrganization[0]\" \n    />\n\n    <FormPayment  \n      v-if=\"tabOrderCreate === 'payment'\"\n      :order=\"orders.state.current\"  \n      :organization=\"orderOrganization[0]\" \n    />\n\n\n    <Block\n      class=\"mn-b-semi\"\n    >\n      <div class=\"h3 flex\">\n        <span class=\"mn-r-auto t-transp\">In total</span>\n        <span>{{ cartTotalPrice }} {{returnCurrency()}} </span  >\n      </div>\n    </Block>\n</div>\n\n\n</template>\n\n<script setup=\"props\">\n  import { computed, ref, defineProps, onMounted, reactive, toRefs, watch, getCurrentInstance } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n\n\n  import Field from '@martyrs/src/components/Field/Field.vue'\n  import Button from \"@martyrs/src/components/Button/Button.vue\";  \n  import Tab from '@martyrs/src/components/Tab/Tab.vue'\n  import Popup from '@martyrs/src/components/Popup/Popup.vue';\n\timport Block from '@martyrs/src/components/Block/Block.vue';\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n  import CardOrderItem  from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue'\n  import CardPosition from '@martyrs/src/modules/products/components/blocks/CardPosition.vue';\n  import CardUser from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue'\n\n  import BlockSearch from '@martyrs/src/modules/core/views/components/blocks/BlockSearch.vue'\n\n  import FormSelectCustomer from '@martyrs/src/modules/orders/components/forms/FormSelectCustomer.vue'\n  import FormDelivery from '@martyrs/src/modules/orders/components/sections/FormDelivery.vue'\n  import FormPayment from '@martyrs/src/modules/orders/components/sections/FormPayment.vue'\n\n  // Import your store\n  import { useStore } from '@martyrs/src/modules/core/views/store/core.store.js';\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n  import * as orders from '@martyrs/src/modules/orders/store/orders.js';\n  import * as organizations from '@martyrs/src/modules/organizations/store/organizations.js';\n  import * as products from '@martyrs/src/modules/products/store/products.js';\n  import variants from '@martyrs/src/modules/products/store/variants.store.js';\n\n  import customers from '@martyrs/src/modules/orders/store/customers.store';\n\n  import { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\n  const store = useStore()\n\t\n  // Accessing router\n  const route = useRoute()\n  const router = useRouter()\n  const { proxy } = getCurrentInstance()\n  const { formatPrice, returnCurrency } = useGlobalMixins()\n\n   orders.mutations.resetOrder(orders.state.current)\n\n  let cartTotalPrice = computed(() => {\n    return Number(orders.state.current.positions.reduce((total, product) => {\n      if (product.listing === 'rent' && product.date?.start && product.date?.end) {\n        const start = new Date(product.date.start);\n        const end = new Date(product.date.end);\n        const days = Math.ceil(Math.abs(end - start) / (1000 * 60 * 60 * 24)) + 1;\n        return total + product.price * product.quantity * days;\n      } else {\n        return total + product.price * product.quantity;\n      }\n    }, 0));\n  })\n\n  // Tab\n  const tabOrderCreate = ref('positions')\n\n  // Popup\n  const isOpenProductsPopup = ref(false);\n  const isVariantsPopupOpen = ref(false);\n  const selectedProduct = ref(null);\n\n  function openProductsPopup() {\n    isOpenProductsPopup.value = true;\n  }\n\n  function closeProductsPopup() {\n    isOpenProductsPopup.value = false;\n  }\n\n  function closeVariantsPopup() {\n    isVariantsPopupOpen.value = false;\n    selectedProduct.value = null;\n  }\n\n  function selectProduct(product) {\n    selectedProduct.value = product;\n    closeProductsPopup();\n    \n    // If product has only one variant, add it directly without showing popup\n    if (product.variants && product.variants.length === 1) {\n      addVariantToOrder(product.variants[0]);\n      return;\n    }\n    \n    // If product has multiple variants or no variants defined, show popup\n    isVariantsPopupOpen.value = true;\n  }\n\n  function formatProductName(product, variant) {\n    if (!variant || product.variants?.length === 1 && !(variant.attributes?.length))\n      return product.name;\n\n    const attrs = variant.attributes?.map(a => a.value).filter(Boolean);\n    return attrs?.length\n      ? `${product.name} / ${attrs.join(' / ')}`\n      : `${product.name} / ${variant.name}`;\n  }\n\n  async function addVariantToOrder(variant) {\n    try {\n      let selectedDates = null;\n      \n      // Если товар для аренды, сначала выбираем даты\n      if (selectedProduct.value.listing === 'rent') {\n        selectedDates = await proxy.$dateSelector(\n          selectedProduct.value._id,\n          variant._id,\n          1,\n          variant.price || selectedProduct.value.price\n        );\n        \n        if (!selectedDates) {\n          // Если отменили выбор дат, возвращаемся к выбору вариантов\n          return;\n        }\n      }\n      \n      const position = {\n        _id: selectedProduct.value._id,\n        images: variant.images?.length > 0 ? variant.images : selectedProduct.value.images,\n        name: formatProductName(selectedProduct.value, variant),\n        listing: selectedProduct.value.listing,\n        price: variant.price || selectedProduct.value.price,\n        quantity: 1,\n        unit: variant.unit || selectedProduct.value.unit,\n        date: selectedDates,\n        variant: variant._id,\n        org_id: route.params._id\n      };\n\n      store.core.actions.add(orders.state.current.positions, position);\n      closeVariantsPopup();\n    } catch (error) {\n      console.error('Error adding variant to order:', error);\n    }\n  }\n\n\n  // Функции управления позициями заказа\n  function incrementOrderItemQuantity(productId, variantId) {\n    const orderItem = orders.state.current.positions.find(item => \n      item._id === productId && item.variant === variantId\n    );\n    \n    if (orderItem) {\n      orderItem.quantity++;\n    }\n  }\n\n  function decrementOrderItemQuantity(productId, variantId) {\n    const orderItem = orders.state.current.positions.find(item => \n      item._id === productId && item.variant === variantId\n    );\n    \n    if (orderItem) {\n      orderItem.quantity--;\n      \n      if (orderItem.quantity < 1) {\n        removeOrderItem(productId, variantId);\n      }\n    }\n  }\n\n  function removeOrderItem(productId, variantId) {\n    const itemIndex = orders.state.current.positions.findIndex(item => \n      item._id === productId && item.variant === variantId\n    );\n    \n    if (itemIndex > -1) {\n      orders.state.current.positions.splice(itemIndex, 1);\n    }\n  }\n\n  function updateOrderRentDates(productId, variantId, dates) {\n    const orderItem = orders.state.current.positions.find(item => \n      item._id === productId && item.variant === variantId\n    );\n    \n    if (orderItem) {\n      orderItem.date = dates;\n    }\n  }\n\n  // Data\n  let order = ref(null)\n\n  async function onSubmit() {\n\n    orders.state.current.creator = {\n      type: 'User',\n      target: auth.state.user._id\n    }\n\n    orders.state.current.owner = {\n      type: 'Organization',\n      target: route.params._id,\n    }\n\n    orders.state.current.customer = {\n      type: 'Customer',\n      target: orders.state.current.customer._id || null,\n    }\n\n    order.value = await orders.actions.create(orders.state.current)\n  }\n\n  function redirectTo () {\n    router.push({\n      name: route.meta.context === 'backoffice' ? 'BackofficeOrderEdit' : 'OrganizationOrderEdit',\n      params: { \n        order: order.value._id,\n        _id: route.params._id\n      } \n    })\n  }\n\n  const orderOrganization = ref({})\n\n\n\n  onMounted(async() => {\n\n    orderOrganization.value = await organizations.actions.read({\n      _id: route.params._id,\n      lookup: ['spots']\n    })\n\n    // await orders.actions.fetchOrder(route.params.id) // Implement this action in your store\n\n    // order.value = orders.state.current\n  })\n\n</script>\n\n\n<style lang=\"scss\">\n\n.vue-select {\n  width: inherit;\n\n  margin-right: 1rem;\n}\n.vue-select-header {\n  height: 3rem;\n}\n</style>\n"],"names":["orders.mutations","orders.state","auth.state","orders.actions","organizations.actions"],"mappings":"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"}
+{"version":3,"file":"OrderCreateBackoffice.vue.js","sources":["../../../../../../../src/modules/orders/components/pages/OrderCreateBackoffice.vue"],"sourcesContent":["<template>\n  <div class=\"flex flex-column pd-thin\">\n    <Block class=\"mn-b-thin\">\n      <header class=\"flex-v-center flex-nowrap flex\">\n        <h2 class=\"mn-r-auto\">Create Order</h2>\n        <Button \n          :submit=\"onSubmit\"\n          :callback=\"redirectTo\"\n          class=\"pd-small radius-big bg-main t-black uppercase fw-medium\"\n        >\n          Add Order \n        </Button>\n      </header>\n    </Block>\n\n    <Tab \n      v-model:selected=\"tabOrderCreate\"\n      :tabs=\"[\n        {name: 'Positions', value: 'positions'},\n        {name: 'Customer', value: 'customer'},\n        {name: 'Delivery', value: 'delivery'},\n        {name: 'Payment', value: 'payment'}\n      ]\"\n      class=\"fw-medium radius-medium bg-light mn-b-small\"\n    />\n\n    <Popup \n      @close-popup=\"closeProductsPopup\" \n      :isPopupOpen=\"isOpenProductsPopup\"\n      class=\"bg-white flex flex-column radius-big pd-medium pos-relative\"\n    >\n\n      <h3 class=\"mn-b-small\">Add to order</h3>\n\n      <div class=\"bg-light h-max-100 mn-b-thin o-scroll pd-medium radius-big\">\n        <Feed\n          :showLoadMore=\"false\"\n          :search=\"{\n            placeholder: 'Search products...',\n            class: 'bg-white mn-b-thin'\n          }\"\n          :states=\"{\n            empty: {\n              title: 'No Products Found',\n              description: 'Currently, there are no such products available.'\n            },\n            skeleton: {\n              hide: true\n            }\n          }\"\n          :store=\"{\n            read: (options) => products.actions.read(options),\n            state: null\n          }\"\n          :options=\"{\n            owner: route.params._id\n          }\"\n          v-slot=\"{ \n            items \n          }\"\n          class=\"\"\n        >\n          <CardOrderItem\n            v-for=\"(product, index) in items\" \n            :key=\"`${product._id}_${index}`\"\n            :editable=\"false\" \n            :productId=\"product._id\"\n            :images=\"product.images\"\n            :name=\"product.name\"\n            @click=\"() => selectProduct(product)\"\n            class=\"bg-white pd-thin radius-medium w-100 mn-b-thin\"\n          />\n        </Feed>\n      </div>\n    </Popup>\n\n    <!-- Popup for selecting variant of the product -->\n    <Popup \n      title=\"Select variant\" \n      @close-popup=\"closeVariantsPopup\" \n      :isPopupOpen=\"isVariantsPopupOpen\"\n      class=\"bg-white w-100 w-max-30r radius-medium pd-medium\"\n    >\n      <Feed\n        :store=\"variants\"\n        :options=\"{\n          product: selectedProduct?._id,\n        }\"\n        :skeleton=\"{\n          structure: [\n            { block: 'text', size: 'small' },\n            { block: 'text', size: 'medium' },\n            { block: 'text', size: 'small' }\n          ]\n        }\"\n        :states=\"{\n          empty: {\n            title: 'No variants',\n            description: 'Create your first variant'\n          }\n        }\"\n         v-slot=\"{ items }\"\n      >\n        <div class=\"gap-thin flex flex-column\">\n          <div \n            v-for=\"(variant, index) in items\" \n            :key=\"index\"\n            @click=\"addVariantToOrder(variant)\"\n            class=\"w-100 cursor-pointer hover:scale-[1.05] bg-light pd-small radius-small flex-v-center flex-nowrap flex gap-thin\"\n          >\n            <div v-if=\"variant.images && variant.images.length\" class=\"aspect-1x1 h-3r radius-small o-hidden\">\n              <img \n                :src=\"(FILE_SERVER_URL || '') + variant.images[0]\" \n                class=\"w-100 h-100 object-fit-cover\"\n              />\n            </div>\n            <div>\n              <p class=\"fw-medium\">{{ variant.name || 'Default variant' }}</p>\n              <p v-if=\"variant.attributes && variant.attributes.length\" class=\"t-small t-transp\">\n                {{ variant.attributes.map(attr => `${attr.name}: ${attr.value}`).join(', ') }}\n              </p>\n            </div>\n            <p class=\"mn-l-auto\">{{ formatPrice(variant.price || variant.cost) }}</p>\n          </div>\n        </div>\n      </Feed>\n    </Popup>\n\n    <Block\n      v-if=\"tabOrderCreate === 'positions'\"\n      title=\"Positions\"\n      :actions=\"[{\n        label: '+',\n        function: () => openProductsPopup()\n      }]\"\n      class=\"mn-b-small\"\n    >\n      <span \n        v-if=\"orders.state.current.positions.length === 0\" \n        class=\"w-100\"\n      >\n        No positions added yet\n      </span> \n\n      <CardOrderItem\n        v-for=\"(product, index) in orders.state.current.positions\" \n        :key=\"`${product._id}_${product.variant || 'no-variant'}_${index}`\"\n        :editable=\"true\" \n        :productId=\"product._id\"\n        :variantId=\"product.variant\"\n        :images=\"product.images\"\n        :name=\"product.name\"\n        :quantity=\"product.quantity\"\n        :unit=\"product.unit\"\n        :dates=\"product.date\"\n        :listing=\"product.listing\"\n        :price=\"product.price\"\n        :increase=\"() => incrementOrderItemQuantity(product._id, product.variant)\"\n        :decrease=\"() => decrementOrderItemQuantity(product._id, product.variant)\"\n        :remove=\"() => removeOrderItem(product._id, product.variant)\"\n        @updateRentDates=\"(productId, variantId, dates) => updateOrderRentDates(productId, variantId, dates)\"\n        class=\"mn-b-thin pd-thin radius-medium bg-white\"\n      /> \n    </Block>\n\n    <FormSelectCustomer\n      v-if=\"tabOrderCreate === 'customer'\"\n      v-model:customer=\"orders.state.current.customer\"\n      class=\"mn-b-semi\"\n    />\n\n    <FormDelivery  \n      v-if=\"tabOrderCreate === 'delivery'\" \n      :order=\"orders.state.current\"\n      :organization=\"orderOrganization[0]\" \n    />\n\n    <FormPayment  \n      v-if=\"tabOrderCreate === 'payment'\"\n      :order=\"orders.state.current\"  \n      :organization=\"orderOrganization[0]\" \n    />\n\n\n    <Block\n      class=\"mn-b-semi\"\n    >\n      <div class=\"h3 flex\">\n        <span class=\"mn-r-auto t-transp\">In total</span>\n        <span>{{ cartTotalPrice }} {{returnCurrency()}} </span  >\n      </div>\n    </Block>\n</div>\n\n\n</template>\n\n<script setup=\"props\">\n  import { computed, ref, defineProps, onMounted, reactive, toRefs, watch, getCurrentInstance } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n\n\n  import Field from '@martyrs/src/components/Field/Field.vue'\n  import Button from \"@martyrs/src/components/Button/Button.vue\";  \n  import Tab from '@martyrs/src/components/Tab/Tab.vue'\n  import Popup from '@martyrs/src/components/Popup/Popup.vue';\n\timport Block from '@martyrs/src/components/Block/Block.vue';\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n  import CardOrderItem  from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue'\n  import CardPosition from '@martyrs/src/modules/products/components/blocks/CardPosition.vue';\n  import CardUser from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue'\n\n  import BlockSearch from '@martyrs/src/modules/core/views/components/blocks/BlockSearch.vue'\n\n  import FormSelectCustomer from '@martyrs/src/modules/orders/components/forms/FormSelectCustomer.vue'\n  import FormDelivery from '@martyrs/src/modules/orders/components/sections/FormDelivery.vue'\n  import FormPayment from '@martyrs/src/modules/orders/components/sections/FormPayment.vue'\n\n  // Import your store\n  import { useStore } from '@martyrs/src/modules/core/views/store/core.store.js';\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n  import * as orders from '@martyrs/src/modules/orders/store/orders.js';\n  import * as organizations from '@martyrs/src/modules/organizations/store/organizations.js';\n  import * as products from '@martyrs/src/modules/products/store/products.js';\n  import variants from '@martyrs/src/modules/products/store/variants.store.js';\n\n  import customers from '@martyrs/src/modules/orders/store/customers.store';\n\n  import { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\n  const store = useStore()\n\t\n  // Accessing router\n  const route = useRoute()\n  const router = useRouter()\n  const { proxy } = getCurrentInstance()\n  const { formatPrice, returnCurrency } = useGlobalMixins()\n\n   orders.mutations.resetOrder(orders.state.current)\n\n  let cartTotalPrice = computed(() => {\n    return Number(orders.state.current.positions.reduce((total, product) => {\n      if (product.listing === 'rent' && product.date?.start && product.date?.end) {\n        const start = new Date(product.date.start);\n        const end = new Date(product.date.end);\n        const days = Math.ceil(Math.abs(end - start) / (1000 * 60 * 60 * 24)) + 1;\n        return total + product.price * product.quantity * days;\n      } else {\n        return total + product.price * product.quantity;\n      }\n    }, 0));\n  })\n\n  // Tab\n  const tabOrderCreate = ref('positions')\n\n  // Popup\n  const isOpenProductsPopup = ref(false);\n  const isVariantsPopupOpen = ref(false);\n  const selectedProduct = ref(null);\n\n  function openProductsPopup() {\n    isOpenProductsPopup.value = true;\n  }\n\n  function closeProductsPopup() {\n    isOpenProductsPopup.value = false;\n  }\n\n  function closeVariantsPopup() {\n    isVariantsPopupOpen.value = false;\n    selectedProduct.value = null;\n  }\n\n  function selectProduct(product) {\n    selectedProduct.value = product;\n    closeProductsPopup();\n    \n    // If product has only one variant, add it directly without showing popup\n    if (product.variants && product.variants.length === 1) {\n      addVariantToOrder(product.variants[0]);\n      return;\n    }\n    \n    // If product has multiple variants or no variants defined, show popup\n    isVariantsPopupOpen.value = true;\n  }\n\n  function formatProductName(product, variant) {\n    if (!variant || product.variants?.length === 1 && !(variant.attributes?.length))\n      return product.name;\n\n    const attrs = variant.attributes?.map(a => a.value).filter(Boolean);\n    return attrs?.length\n      ? `${product.name} / ${attrs.join(' / ')}`\n      : `${product.name} / ${variant.name}`;\n  }\n\n  async function addVariantToOrder(variant) {\n    try {\n      let selectedDates = null;\n      \n      // Если товар для аренды, сначала выбираем даты\n      if (selectedProduct.value.listing === 'rent') {\n        selectedDates = await proxy.$dateSelector(\n          selectedProduct.value._id,\n          variant._id,\n          1,\n          variant.price || selectedProduct.value.price\n        );\n        \n        if (!selectedDates) {\n          // Если отменили выбор дат, возвращаемся к выбору вариантов\n          return;\n        }\n      }\n      \n      const position = {\n        _id: selectedProduct.value._id,\n        images: variant.images?.length > 0 ? variant.images : selectedProduct.value.images,\n        name: formatProductName(selectedProduct.value, variant),\n        listing: selectedProduct.value.listing,\n        price: variant.price || selectedProduct.value.price,\n        quantity: 1,\n        unit: variant.unit || selectedProduct.value.unit,\n        date: selectedDates,\n        variant: variant._id,\n        org_id: route.params._id\n      };\n\n      store.core.actions.add(orders.state.current.positions, position);\n      closeVariantsPopup();\n    } catch (error) {\n      console.error('Error adding variant to order:', error);\n    }\n  }\n\n\n  // Функции управления позициями заказа\n  function incrementOrderItemQuantity(productId, variantId) {\n    const orderItem = orders.state.current.positions.find(item => \n      item._id === productId && item.variant === variantId\n    );\n    \n    if (orderItem) {\n      orderItem.quantity++;\n    }\n  }\n\n  function decrementOrderItemQuantity(productId, variantId) {\n    const orderItem = orders.state.current.positions.find(item => \n      item._id === productId && item.variant === variantId\n    );\n    \n    if (orderItem) {\n      orderItem.quantity--;\n      \n      if (orderItem.quantity < 1) {\n        removeOrderItem(productId, variantId);\n      }\n    }\n  }\n\n  function removeOrderItem(productId, variantId) {\n    const itemIndex = orders.state.current.positions.findIndex(item => \n      item._id === productId && item.variant === variantId\n    );\n    \n    if (itemIndex > -1) {\n      orders.state.current.positions.splice(itemIndex, 1);\n    }\n  }\n\n  function updateOrderRentDates(productId, variantId, dates) {\n    const orderItem = orders.state.current.positions.find(item => \n      item._id === productId && item.variant === variantId\n    );\n    \n    if (orderItem) {\n      orderItem.date = dates;\n    }\n  }\n\n  // Data\n  let order = ref(null)\n\n  async function onSubmit() {\n\n    orders.state.current.creator = {\n      type: 'User',\n      target: auth.state.user._id\n    }\n\n    orders.state.current.owner = {\n      type: 'Organization',\n      target: route.params._id,\n    }\n\n    orders.state.current.customer = {\n      type: 'Customer',\n      target: orders.state.current.customer._id || null,\n    }\n\n    order.value = await orders.actions.create(orders.state.current)\n  }\n\n  function redirectTo () {\n    router.push({\n      name: route.meta.context === 'backoffice' ? 'BackofficeOrderEdit' : 'OrganizationOrderEdit',\n      params: { \n        order: order.value._id,\n        _id: route.params._id\n      } \n    })\n  }\n\n  const orderOrganization = ref({})\n\n\n\n  onMounted(async() => {\n\n    orderOrganization.value = await organizations.actions.read({\n      _id: route.params._id,\n      lookup: ['spots']\n    })\n\n    // await orders.actions.fetchOrder(route.params.id) // Implement this action in your store\n\n    // order.value = orders.state.current\n  })\n\n</script>\n\n\n<style lang=\"scss\">\n\n.vue-select {\n  width: inherit;\n\n  margin-right: 1rem;\n}\n.vue-select-header {\n  height: 3rem;\n}\n</style>\n"],"names":["orders.mutations","orders.state","auth.state","orders.actions","organizations.actions"],"mappings":"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"}

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

@@ -18,7 +18,7 @@ const _hoisted_6 = {
   key: 0,
   class: "mn-t-medium"
 };
-const _hoisted_7 = { class: "h-30 transition-ease-in-out pd-b-medium pd-t-medium pd-big transition-cubic bg-light t-black" };
+const _hoisted_7 = { class: "h-30 ease-in-out pd-b-medium pd-x-medium pd-big ease-cubic bg-light t-black" };
 const _hoisted_8 = {
   key: 0,
   class: "mn-b-small total-price"
@@ -59,7 +59,7 @@ const _sfc_main = {
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("section", {
-        class: normalizeClass(["z-index-5 flex flex-column transition-ease-in-out bg-white shop-cart", { "shop-cart-active": state.currentState === true }])
+        class: normalizeClass(["z-index-5 flex flex-column ease-in-out bg-white shop-cart", { "shop-cart-active": state.currentState === true }])
       }, [
         createElementVNode("div", _hoisted_1, [
           createElementVNode("div", _hoisted_2, [

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

@@ -1 +1 @@
-{"version":3,"file":"ShopCart.vue.js","sources":["../../../../../../../src/modules/orders/components/partials/ShopCart.vue"],"sourcesContent":["<template>\n\t<section class=\"z-index-5 flex flex-column  transition-ease-in-out bg-white shop-cart\" :class=\"{'shop-cart-active':shopcart.state.currentState === true}\">\n    <!-- ---------------------------------------------------------------- -->\n    <!-- 01. Popup Header  -->\n    <!-- ---------------------------------------------------------------- -->\n    <div class=\"pd-big mobile:pd-medium pd-b-zero mobile:pd-b-zero flex-nowrap flex\">\n      <div class=\"mn-b-medium w-100\">\n        <h4 class=\"mn-b-thin p-medium\">{{t('title')}}</h4>\n        <p class=\"t-transp p-small\">{{t('subtitle')}} {{ t('positions', { count: StoreCartAmount }) }}</p>\n      </div>\n      <IconCross @click=\"shopcart.actions.toggleShopcart\" class=\"cursor-pointer i-medium button-icon\"/>\n    </div>\n    <!-- ---------------------------------------------------------------- -->\n    <!-- 02. Popup Content  -->\n    <!-- ---------------------------------------------------------------- -->\n    <div class=\"pd-big pd-t-zero mobile:pd-t-zero mobile:pd-medium h-70 flex flex-column w-100 pos-relative o-x-hidden o-y-scroll gap-small shopcart-content\">\n      <!-- Empty State -->\n      <p v-if=\"!(shopcart.state.positions.length > 0)\" class=\"mn-t-medium\"><i>{{t('emptystate')}}</i></p>\n      <!-- Shopcart positions -->\n      <CardOrderItem \n        v-for=\"(product, index) in shopcart.state.positions\" \n        :key=\"`${product._id}_${product.variant || 'no-variant'}_${index}`\" \n        :editable=\"true\" \n        :productId=\"product._id\"\n        :variantId=\"product.variant\"\n        :images=\"product.images\"\n        :name=\"product.name\"\n        :quantity=\"product.quantity\"\n        :unit=\"product.unit\"\n        :dates=\"product.date\"\n        :listing=\"product.listing\"\n        :price=\"product.price\"\n        :increase=\"() => shopcart.actions.incrementItemQuantity(product._id, product.variant)\"\n        :decrease=\"() => shopcart.actions.decrementItemQuantity(product._id, product.variant)\"\n        :remove=\"() => shopcart.actions.removeProduct(product._id, product.variant)\"\n        @updateRentDates=\"(productId, variantId, dates) => shopcart.actions.updateRentDates({ productId, variantId, dates })\"\n      />\n    </div>\n    <!-- ---------------------------------------------------------------- -->\n    <!-- 03. Footer  -->\n    <!-- ---------------------------------------------------------------- -->\n    <div  class=\"h-30 transition-ease-in-out pd-b-medium pd-t-medium pd-big transition-cubic bg-light t-black\">\n      <div v-if=\"shopcart.state.positions.length > 0\" class=\"mn-b-small total-price\">\n       <PriceTotal\n          :totalPrice=\"cartTotalPrice\"\n          :currency=\"returnCurrency()\"\n          :showFees=\"store.core.state.options?.orders.showFees\"\n          :feesRate=\"store.core.state.options?.orders.feesRate\"\n          :showVat=\"store.core.state.options?.orders.showVat\"\n          :vatRate=\"store.core.state.options?.orders.vatRate\"\n        />\n      </div>\n      <button v-if=\"shopcart.state.positions.length > 0\" @click=\"openOrder()\" class=\"bg-main t-black w-100 button\">{{ t('fastorder') }}</button>\n    </div>  \n\n      <!-- ---------------------------------------------------------------- -->\n      <!-- 04. Color Overlay  -->\n      <!-- ---------------------------------------------------------------- -->\n      <transition name=\"fade\">\n      <teleport to=\"#app-wrapper\" v-if=\"shopcart.state.currentState\">\n\n        <div \n           v-if=\"shopcart.state.currentState\"\n          @click=\"() => shopcart.state.currentState = false\"\n          class=\"color-overlay z-index-3\"\n          :class=\"{'active':shopcart.state.currentState === true}\"\n        >\n        </div>\n      </teleport>\n      </transition>\n  </section>\n</template>\n\n\n<script setup>\n  /////////////////////////////\n  // COMPONENT DEPENDENCIES\n  /////////////////////////////\n\timport { computed,onMounted } from 'vue'\n  // Route\n  import { useRouter,useRoute } from 'vue-router'\n  // i18n\n  import { useI18n } from 'vue-i18n'\n  // Components\n  import CardOrderItem from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue';\n  import PriceTotal from '@martyrs/src/modules/orders/components/elements/PriceTotal.vue';\n\n  import IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\n\n  import { useStore } from '@martyrs/src/modules/core/views/store/core.store.js';\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n  import * as shopcart from '@martyrs/src/modules/orders/store/shopcart.js';\n  import { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n  /////////////////////////////\n  // CREATED\n  /////////////////////////////\n  const store = useStore()\n  const route = useRoute()\n  const router = useRouter()\n  const { returnCurrency } = useGlobalMixins()\n  // Accessing state\n  const cartTotalPrice = shopcart.getters.cartTotalPrice\n  const StoreCartAmount = shopcart.getters.cartTotalAmount\n  // \n  // router.beforeEach((to, from, next) => {\n  //   if (shopcart.state.currentState === true) {\n  //     shopcart.actions.toggleShopcart();\n  //   }\n  //   next(); // Убедитесь, что вызываете next() для продолжения перехода по роуту\n  // });\n\n  /////////////////////////////\n  // LOCALIZATION\n  /////////////////////////////\n  const text = {\n    messages: {\n      en: {\n        title: 'Your order',\n        subtitle: 'You have',\n        positions: 'no products in shop cart | 1 product in shop cart | {count} products in shop card',\n        emptystate: \"You don't have any positions in your shop cart yet. Maybe something needs to be added?\",\n        intotal: 'In total',\n        fastorder: 'Checkout'\n      },\n      ru: {\n        title: 'Ваш заказ',\n        subtitle: 'У вас',\n        positions: 'нет товаров в корзине | 1 товар в корзине | {count} товаров в корзине',\n        emptystate: \"У вас еще нет товаров в корзине. Может стоит что-нибудь добавить?\",\n        intotal: 'Итого',\n        fastorder: 'Подтвердить заказ'\n      }\n    }\n  }\n\n  const { t } = useI18n(text)\n  /////////////////////////////\n  // MOUNTED\n  /////////////////////////////\n  function openOrder() {\n    // store.dispatch(\"shopcart/toggleShopCart\");\n    // store.dispatch(\"shopcart/setSearch\");\n    !store.core.state.options.orders.allowUnauthenticatedOrders && !auth.state.user._id ?  router.push({name: 'Sign In', query: { returnUrl: '/orders/form'}}) :   router.push({name: 'CreateOrder'})\n    shopcart.actions.toggleShopcart();\n  }\n</script>\n\n<style lang=\"scss\">\n.shop-cart {\n  display: block;\n  position: fixed;\n\n  right: -33%;\n  top: 0;\n\n  height: 100%;\n  width: 33%;\n\n  overflow-y: scroll; \n}\n\n.shop-cart-active {\n  right: 0;\n\n}\n\n@media screen and (max-width: 1025px) {\n  .shop-cart {\n    width: 100%;\n    right: -100%;\n\n    .shopcart-footer {\n      width: 100%;\n      right: -100%;\n    }\n\n    &-active {\n      right: 0;\n\n      .shopcart-footer {\n        right: 0;\n      }\n    }\n  }\n}\n</style>\n\n\n"],"names":["shopcart.getters","auth.state","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgGE,UAAM,QAAQ,SAAQ;AACR,aAAQ;AACtB,UAAM,SAAS,UAAS;AACxB,UAAM,EAAE,eAAc,IAAK,gBAAe;AAE1C,UAAM,iBAAiBA,QAAiB;AACxC,UAAM,kBAAkBA,QAAiB;AAYzC,UAAM,OAAO;AAAA,MACX,UAAU;AAAA,QACR,IAAI;AAAA,UACF,OAAO;AAAA,UACP,UAAU;AAAA,UACV,WAAW;AAAA,UACX,YAAY;AAAA,UACZ,SAAS;AAAA,UACT,WAAW;AAAA,QACnB;AAAA,QACM,IAAI;AAAA,UACF,OAAO;AAAA,UACP,UAAU;AAAA,UACV,WAAW;AAAA,UACX,YAAY;AAAA,UACZ,SAAS;AAAA,UACT,WAAW;AAAA,QACnB;AAAA,MACA;AAAA,IACA;AAEE,UAAM,EAAE,MAAM,QAAQ,IAAI;AAI1B,aAAS,YAAY;AAGnB,OAAC,MAAM,KAAK,MAAM,QAAQ,OAAO,8BAA8B,CAACC,QAAW,KAAK,MAAO,OAAO,KAAK,EAAC,MAAM,WAAW,OAAO,EAAE,WAAW,eAAc,EAAC,CAAC,IAAM,OAAO,KAAK,EAAC,MAAM,cAAa,CAAC;AAChMC,cAAiB,eAAc;AAAA,IACjC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ShopCart.vue.js","sources":["../../../../../../../src/modules/orders/components/partials/ShopCart.vue"],"sourcesContent":["<template>\n\t<section class=\"z-index-5 flex flex-column  ease-in-out bg-white shop-cart\" :class=\"{'shop-cart-active':shopcart.state.currentState === true}\">\n    <!-- ---------------------------------------------------------------- -->\n    <!-- 01. Popup Header  -->\n    <!-- ---------------------------------------------------------------- -->\n    <div class=\"pd-big mobile:pd-medium pd-b-zero mobile:pd-b-zero flex-nowrap flex\">\n      <div class=\"mn-b-medium w-100\">\n        <h4 class=\"mn-b-thin p-medium\">{{t('title')}}</h4>\n        <p class=\"t-transp p-small\">{{t('subtitle')}} {{ t('positions', { count: StoreCartAmount }) }}</p>\n      </div>\n      <IconCross @click=\"shopcart.actions.toggleShopcart\" class=\"cursor-pointer i-medium button-icon\"/>\n    </div>\n    <!-- ---------------------------------------------------------------- -->\n    <!-- 02. Popup Content  -->\n    <!-- ---------------------------------------------------------------- -->\n    <div class=\"pd-big pd-t-zero mobile:pd-t-zero mobile:pd-medium h-70 flex flex-column w-100 pos-relative o-x-hidden o-y-scroll gap-small shopcart-content\">\n      <!-- Empty State -->\n      <p v-if=\"!(shopcart.state.positions.length > 0)\" class=\"mn-t-medium\"><i>{{t('emptystate')}}</i></p>\n      <!-- Shopcart positions -->\n      <CardOrderItem \n        v-for=\"(product, index) in shopcart.state.positions\" \n        :key=\"`${product._id}_${product.variant || 'no-variant'}_${index}`\" \n        :editable=\"true\" \n        :productId=\"product._id\"\n        :variantId=\"product.variant\"\n        :images=\"product.images\"\n        :name=\"product.name\"\n        :quantity=\"product.quantity\"\n        :unit=\"product.unit\"\n        :dates=\"product.date\"\n        :listing=\"product.listing\"\n        :price=\"product.price\"\n        :increase=\"() => shopcart.actions.incrementItemQuantity(product._id, product.variant)\"\n        :decrease=\"() => shopcart.actions.decrementItemQuantity(product._id, product.variant)\"\n        :remove=\"() => shopcart.actions.removeProduct(product._id, product.variant)\"\n        @updateRentDates=\"(productId, variantId, dates) => shopcart.actions.updateRentDates({ productId, variantId, dates })\"\n      />\n    </div>\n    <!-- ---------------------------------------------------------------- -->\n    <!-- 03. Footer  -->\n    <!-- ---------------------------------------------------------------- -->\n    <div  class=\"h-30 ease-in-out pd-b-medium pd-x-medium pd-big ease-cubic bg-light t-black\">\n      <div v-if=\"shopcart.state.positions.length > 0\" class=\"mn-b-small total-price\">\n       <PriceTotal\n          :totalPrice=\"cartTotalPrice\"\n          :currency=\"returnCurrency()\"\n          :showFees=\"store.core.state.options?.orders.showFees\"\n          :feesRate=\"store.core.state.options?.orders.feesRate\"\n          :showVat=\"store.core.state.options?.orders.showVat\"\n          :vatRate=\"store.core.state.options?.orders.vatRate\"\n        />\n      </div>\n      <button v-if=\"shopcart.state.positions.length > 0\" @click=\"openOrder()\" class=\"bg-main t-black w-100 button\">{{ t('fastorder') }}</button>\n    </div>  \n\n      <!-- ---------------------------------------------------------------- -->\n      <!-- 04. Color Overlay  -->\n      <!-- ---------------------------------------------------------------- -->\n      <transition name=\"fade\">\n      <teleport to=\"#app-wrapper\" v-if=\"shopcart.state.currentState\">\n\n        <div \n           v-if=\"shopcart.state.currentState\"\n          @click=\"() => shopcart.state.currentState = false\"\n          class=\"color-overlay z-index-3\"\n          :class=\"{'active':shopcart.state.currentState === true}\"\n        >\n        </div>\n      </teleport>\n      </transition>\n  </section>\n</template>\n\n\n<script setup>\n  /////////////////////////////\n  // COMPONENT DEPENDENCIES\n  /////////////////////////////\n\timport { computed,onMounted } from 'vue'\n  // Route\n  import { useRouter,useRoute } from 'vue-router'\n  // i18n\n  import { useI18n } from 'vue-i18n'\n  // Components\n  import CardOrderItem from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue';\n  import PriceTotal from '@martyrs/src/modules/orders/components/elements/PriceTotal.vue';\n\n  import IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\n\n  import { useStore } from '@martyrs/src/modules/core/views/store/core.store.js';\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n  import * as shopcart from '@martyrs/src/modules/orders/store/shopcart.js';\n  import { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n  /////////////////////////////\n  // CREATED\n  /////////////////////////////\n  const store = useStore()\n  const route = useRoute()\n  const router = useRouter()\n  const { returnCurrency } = useGlobalMixins()\n  // Accessing state\n  const cartTotalPrice = shopcart.getters.cartTotalPrice\n  const StoreCartAmount = shopcart.getters.cartTotalAmount\n  // \n  // router.beforeEach((to, from, next) => {\n  //   if (shopcart.state.currentState === true) {\n  //     shopcart.actions.toggleShopcart();\n  //   }\n  //   next(); // Убедитесь, что вызываете next() для продолжения перехода по роуту\n  // });\n\n  /////////////////////////////\n  // LOCALIZATION\n  /////////////////////////////\n  const text = {\n    messages: {\n      en: {\n        title: 'Your order',\n        subtitle: 'You have',\n        positions: 'no products in shop cart | 1 product in shop cart | {count} products in shop card',\n        emptystate: \"You don't have any positions in your shop cart yet. Maybe something needs to be added?\",\n        intotal: 'In total',\n        fastorder: 'Checkout'\n      },\n      ru: {\n        title: 'Ваш заказ',\n        subtitle: 'У вас',\n        positions: 'нет товаров в корзине | 1 товар в корзине | {count} товаров в корзине',\n        emptystate: \"У вас еще нет товаров в корзине. Может стоит что-нибудь добавить?\",\n        intotal: 'Итого',\n        fastorder: 'Подтвердить заказ'\n      }\n    }\n  }\n\n  const { t } = useI18n(text)\n  /////////////////////////////\n  // MOUNTED\n  /////////////////////////////\n  function openOrder() {\n    // store.dispatch(\"shopcart/toggleShopCart\");\n    // store.dispatch(\"shopcart/setSearch\");\n    !store.core.state.options.orders.allowUnauthenticatedOrders && !auth.state.user._id ?  router.push({name: 'Sign In', query: { returnUrl: '/orders/form'}}) :   router.push({name: 'CreateOrder'})\n    shopcart.actions.toggleShopcart();\n  }\n</script>\n\n<style lang=\"scss\">\n.shop-cart {\n  display: block;\n  position: fixed;\n\n  right: -33%;\n  top: 0;\n\n  height: 100%;\n  width: 33%;\n\n  overflow-y: scroll; \n}\n\n.shop-cart-active {\n  right: 0;\n\n}\n\n@media screen and (max-width: 1025px) {\n  .shop-cart {\n    width: 100%;\n    right: -100%;\n\n    .shopcart-footer {\n      width: 100%;\n      right: -100%;\n    }\n\n    &-active {\n      right: 0;\n\n      .shopcart-footer {\n        right: 0;\n      }\n    }\n  }\n}\n</style>\n\n\n"],"names":["shopcart.getters","auth.state","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgGE,UAAM,QAAQ,SAAQ;AACR,aAAQ;AACtB,UAAM,SAAS,UAAS;AACxB,UAAM,EAAE,eAAc,IAAK,gBAAe;AAE1C,UAAM,iBAAiBA,QAAiB;AACxC,UAAM,kBAAkBA,QAAiB;AAYzC,UAAM,OAAO;AAAA,MACX,UAAU;AAAA,QACR,IAAI;AAAA,UACF,OAAO;AAAA,UACP,UAAU;AAAA,UACV,WAAW;AAAA,UACX,YAAY;AAAA,UACZ,SAAS;AAAA,UACT,WAAW;AAAA,QACnB;AAAA,QACM,IAAI;AAAA,UACF,OAAO;AAAA,UACP,UAAU;AAAA,UACV,WAAW;AAAA,UACX,YAAY;AAAA,UACZ,SAAS;AAAA,UACT,WAAW;AAAA,QACnB;AAAA,MACA;AAAA,IACA;AAEE,UAAM,EAAE,MAAM,QAAQ,IAAI;AAI1B,aAAS,YAAY;AAGnB,OAAC,MAAM,KAAK,MAAM,QAAQ,OAAO,8BAA8B,CAACC,QAAW,KAAK,MAAO,OAAO,KAAK,EAAC,MAAM,WAAW,OAAO,EAAE,WAAW,eAAc,EAAC,CAAC,IAAM,OAAO,KAAK,EAAC,MAAM,cAAa,CAAC;AAChMC,cAAiB,eAAc;AAAA,IACjC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}