@ozdao/martyrs 0.2.423

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

@@ -0,0 +1,268 @@
+import { ref, onMounted, computed, createElementBlock, createCommentVNode, openBlock, createVNode, createElementVNode, createTextVNode, toDisplayString, Fragment, renderList, normalizeClass, unref, withCtx, createBlock } from "vue";
+import { useRouter, useRoute } from "vue-router";
+/* empty css                                       */
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+/* empty css                                        */
+import _sfc_main$1 from "../../../../components/Popup/Popup.vue.js";
+import IconTime from "../../../icons/entities/IconTime.vue.js";
+import _sfc_main$4 from "../blocks/CardOrderItem.vue.js";
+import _sfc_main$2 from "../../../organizations/components/blocks/CardOrganization.vue.js";
+import _sfc_main$3 from "../../../chats/components/pages/ChatPage.vue.js";
+import _sfc_main$5 from "../elements/PriceTotal.vue.js";
+import { state } from "../../../globals/views/store/globals.js";
+import { actions, state as state$1 } from "../../store/orders.js";
+import "../../../products/store/products.js";
+import { actions as actions$1 } from "../../../organizations/store/organizations.js";
+import { useI18n } from "vue-i18n";
+const _hoisted_1 = {
+  key: 0,
+  class: "pd-thin bg-white"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "mn-b-thin pos-relative w-100 bg-main radius-medium pd-medium"
+};
+const _hoisted_3 = { class: "mn-b-small flex-nowrap flex" };
+const _hoisted_4 = { class: "t-medium p-medium" };
+const _hoisted_5 = { class: "p-small t-transp" };
+const _hoisted_6 = { class: "flex-nowrap flex gap-thin pos-relative" };
+const _hoisted_7 = {
+  key: 1,
+  class: "bg-light pd-thin mn-b-thin pd-thin radius-extra flex-nowrap flex"
+};
+const _hoisted_8 = { class: "w-max flex-v-center gap-thin flex-nowrap flex pd-thin radius-small bg-light-transp-20" };
+const _hoisted_9 = { class: "t-medium mn-r-auto" };
+const _hoisted_10 = {
+  key: 2,
+  class: "gap-thin cols-2"
+};
+const _hoisted_11 = { class: "w-100" };
+const _hoisted_12 = { class: "mn-b-thin bg-light w-100 o-hidden radius-medium" };
+const _hoisted_13 = { class: "pd-small flex-nowrap flex" };
+const _hoisted_14 = { class: "mn-r-auto" };
+const _hoisted_15 = { class: "t-lh-075 h2 d-block mn-b-small" };
+const _hoisted_16 = { class: "pd-t-nano pd-b-nano pd-r-thin pd-l-thin radius-extra bg-black t-white w-max" };
+const _hoisted_17 = {
+  key: 0,
+  class: "pd-small flex flex-nowrap flex-v-center br-t br-black-transp-10 br-solid"
+};
+const _hoisted_18 = { class: "w-100 t-right" };
+const _hoisted_19 = { class: "pd-small flex flex-nowrap flex-v-center br-t br-black-transp-10 br-solid" };
+const _hoisted_20 = { class: "w-100 t-right" };
+const _hoisted_21 = { class: "pd-small flex flex-nowrap flex-v-center br-t br-black-transp-10 br-solid" };
+const _hoisted_22 = { class: "w-100 t-right mn-b-small" };
+const _hoisted_23 = { class: "bg-light radius-medium pd-medium mn-r-bold w-100" };
+const _hoisted_24 = {
+  key: 1,
+  class: "t-transp"
+};
+const _hoisted_25 = { class: "bg-light radius-medium pd-medium w-100" };
+const _hoisted_26 = { class: "flex gap-thin flex-column mn-b-thin" };
+const _sfc_main = {
+  __name: "OrderBackoffice",
+  setup(__props) {
+    const { locale } = useI18n();
+    useRouter();
+    const route = useRoute();
+    const order = ref(null);
+    ref(null);
+    const orderOrganization = ref(null);
+    const statuses = ["created", "confirmed", "preparing", "inuse", "finished"];
+    const statusLabels = ["Created", "Confirmed", "Preparing", "In use", "Finished"];
+    const isActiveStatus = (index) => {
+      return statuses.slice(index).includes(order.value.status);
+    };
+    const isOpeStatusPopup = ref(false);
+    const selectedMember = ref(null);
+    function openStatusPopup(member) {
+      isOpeStatusPopup.value = true;
+      if (typeof member === "number") selectedMember.value = member;
+    }
+    function closeStatusPopup() {
+      isOpeStatusPopup.value = false;
+      selectedMember.value = null;
+    }
+    onMounted(async () => {
+      var _a, _b;
+      order.value = await actions.read({ _id: route.params.order });
+      order.value = order.value[0];
+      orderOrganization.value = await actions$1.read({
+        _id: (_a = order.value) == null ? void 0 : _a.owner.target._id,
+        location: (_b = state.position) == null ? void 0 : _b.location
+      });
+    });
+    let cartTotalPrice = computed(() => {
+      var _a;
+      return Number((_a = order.value) == null ? void 0 : _a.positions.reduce((total, product) => {
+        if (product.listing === "rent") {
+          const start = new Date(product.date.start);
+          const end = new Date(product.date.end);
+          const diffTime = Math.abs(end - start);
+          return total + product.price * (Math.ceil(diffTime / (1e3 * 60 * 60 * 24)) + 1);
+        } else {
+          return total + product.price * (product.quantity || 1);
+        }
+      }, 0));
+    });
+    computed(() => {
+      var _a;
+      return Number((_a = order.value) == null ? void 0 : _a.positions.reduce((total, product) => {
+        return total + product.quantity;
+      }, 0));
+    });
+    function getNextStatus(currentStatus) {
+      const currentIndex = statuses.indexOf(currentStatus);
+      if (currentIndex !== -1 && currentIndex + 1 < statuses.length) {
+        return statuses[currentIndex + 1];
+      }
+      return null;
+    }
+    function getStatusLabel(status) {
+      const index = statuses.indexOf(status);
+      return status ? statusLabels[index] : "";
+    }
+    async function setNextStatus() {
+      const nextStatus = getNextStatus(state$1.current.status);
+      if (nextStatus) {
+        state$1.current.status = nextStatus;
+        await actions.update(state$1.current);
+      } else {
+        console.error("Next status is void. Must handle somehow.");
+      }
+      closeStatusPopup();
+    }
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d, _e, _f, _g;
+      return order.value && orderOrganization.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        order.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            createElementVNode("p", _hoisted_4, [
+              _cache[0] || (_cache[0] = createTextVNode(" Order No: ")),
+              createElementVNode("span", _hoisted_5, "#" + toDisplayString(order.value._id), 1)
+            ])
+          ]),
+          createElementVNode("div", _hoisted_6, [
+            (openBlock(), createElementBlock(Fragment, null, renderList(statuses, (status, index) => {
+              return createElementVNode("div", {
+                key: index,
+                class: "w-20"
+              }, [
+                createElementVNode("div", {
+                  class: normalizeClass([
+                    "bg-white br-anim br-glow radius-extra h-1r w-100",
+                    { "br-glow-anim": isActiveStatus(index) },
+                    { "t-transp": !isActiveStatus(index) },
+                    { "blink": order.value.status === statuses[index] && getNextStatus(order.value.status) }
+                  ])
+                }, null, 2),
+                createElementVNode("div", {
+                  class: normalizeClass([{ "t-transp": !isActiveStatus(index) }, "mn-t-thin p-small t-medium uppercase"])
+                }, toDisplayString(statusLabels[index]), 3)
+              ]);
+            }), 64))
+          ])
+        ])) : createCommentVNode("", true),
+        unref(route).meta.context !== "user" ? (openBlock(), createElementBlock("div", _hoisted_7, [
+          createElementVNode("div", _hoisted_8, [
+            createVNode(IconTime, {
+              class: "i-semi t-transp",
+              fill: "rgb(var(--black)"
+            }),
+            createElementVNode("p", _hoisted_9, [
+              _cache[1] || (_cache[1] = createElementVNode("span", { class: "p-small t-transp" }, "Estimated Reaction", -1)),
+              _cache[2] || (_cache[2] = createElementVNode("br", null, null, -1)),
+              createTextVNode(toDisplayString(_ctx.formatDate(order.value.deadline, { language: unref(locale) })), 1)
+            ])
+          ]),
+          getNextStatus(order.value.status) ? (openBlock(), createElementBlock("button", {
+            key: 0,
+            onClick: openStatusPopup,
+            class: "mn-l-auto bg-black t-white button"
+          }, " Mark as " + toDisplayString(getStatusLabel(getNextStatus(order.value.status))), 1)) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true),
+        createVNode(_sfc_main$1, {
+          title: "Change status",
+          onClosePopup: closeStatusPopup,
+          isPopupOpen: isOpeStatusPopup.value,
+          class: "bg-light w-min-30r w-max-30r radius-medium pd-big"
+        }, {
+          default: withCtx(() => [
+            createElementVNode("button", {
+              onClick: setNextStatus,
+              class: "w-100 bg-black-small t-white button"
+            }, toDisplayString("Confirm Changing to " + getStatusLabel(getNextStatus(order.value.status))), 1)
+          ]),
+          _: 1
+        }, 8, ["isPopupOpen"]),
+        order.value ? (openBlock(), createElementBlock("div", _hoisted_10, [
+          createElementVNode("div", _hoisted_11, [
+            orderOrganization.value[0] ? (openBlock(), createBlock(_sfc_main$2, {
+              key: 0,
+              organization: orderOrganization.value[0],
+              showRating: true,
+              showFollowers: false,
+              showProducts: false,
+              class: "bg-light mn-b-thin w-100 o-hidden radius-medium pd-small"
+            }, null, 8, ["organization"])) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_12, [
+              createElementVNode("div", _hoisted_13, [
+                createElementVNode("div", _hoisted_14, [
+                  _cache[3] || (_cache[3] = createElementVNode("span", { class: "d-block t-medium p-medium" }, "Order is", -1)),
+                  createElementVNode("span", _hoisted_15, toDisplayString(order.value.status), 1),
+                  createElementVNode("p", _hoisted_16, toDisplayString(_ctx.formatDate(order.value.updatedAt, { language: unref(locale) })), 1)
+                ])
+              ]),
+              ((_a = order.value.customer.target) == null ? void 0 : _a.number) ? (openBlock(), createElementBlock("div", _hoisted_17, [
+                _cache[4] || (_cache[4] = createElementVNode("p", { class: "w-100 t-medium p-medium" }, " Phone ", -1)),
+                createElementVNode("p", _hoisted_18, toDisplayString(((_b = order.value.customer.target) == null ? void 0 : _b.number) || "Not specified"), 1)
+              ])) : createCommentVNode("", true),
+              createElementVNode("div", _hoisted_19, [
+                _cache[5] || (_cache[5] = createElementVNode("p", { class: "t-medium p-medium" }, " Address ", -1)),
+                createElementVNode("p", _hoisted_20, toDisplayString(order.value.delivery.address || order.value.delivery.spot[0].profile.name + ", " + order.value.delivery.spot[0].address || "Not specified"), 1)
+              ]),
+              createElementVNode("div", _hoisted_21, [
+                _cache[6] || (_cache[6] = createElementVNode("p", { class: "mn-b-small t-medium p-medium" }, " Delivery ", -1)),
+                createElementVNode("p", _hoisted_22, toDisplayString(order.value.delivery.type ? order.value.delivery.type : "Not specified"), 1)
+              ])
+            ]),
+            createElementVNode("div", _hoisted_23, [
+              _cache[7] || (_cache[7] = createElementVNode("h3", { class: "mn-b-small" }, "Chat With Us", -1)),
+              createVNode(_sfc_main$3, {
+                username: unref(route).name === "Order" || "UserOrder" ? ((_c = order.value.user) == null ? void 0 : _c.name) || "User" : "Support",
+                chatID: unref(route).params.order,
+                class: "radius-semi bs-black bg-light o-hidden"
+              }, null, 8, ["username", "chatID"])
+            ]),
+            _ctx.payment && _ctx.payment.Status === "CONFIRMED" ? (openBlock(), createElementBlock("span", _hoisted_24, "Paid")) : createCommentVNode("", true)
+          ]),
+          createElementVNode("div", _hoisted_25, [
+            _cache[8] || (_cache[8] = createElementVNode("h3", { class: "mn-b-small" }, "Order Summary", -1)),
+            createElementVNode("ul", _hoisted_26, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(order.value.positions, (product, index) => {
+                return openBlock(), createBlock(_sfc_main$4, {
+                  key: product._id,
+                  editable: false,
+                  product,
+                  class: "bg-white radius-small pd-small"
+                }, null, 8, ["product"]);
+              }), 128))
+            ]),
+            createVNode(_sfc_main$5, {
+              totalPrice: unref(cartTotalPrice),
+              currency: _ctx.returnCurrency(),
+              showFees: (_d = state.options) == null ? void 0 : _d.showFees,
+              feesRate: ((_e = state.options) == null ? void 0 : _e.feesRate) || 0,
+              showVat: (_f = state.options) == null ? void 0 : _f.showVat,
+              vatRate: ((_g = state.options) == null ? void 0 : _g.vatRate) || 0
+            }, null, 8, ["totalPrice", "currency", "showFees", "feesRate", "showVat", "vatRate"])
+          ])
+        ])) : createCommentVNode("", true)
+      ])) : createCommentVNode("", true);
+    };
+  }
+};
+const OrderBackoffice = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b97a43ea"]]);
+export {
+  OrderBackoffice as default
+};
+//# sourceMappingURL=OrderBackoffice.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OrderBackoffice.vue.js","sources":["../../../../../../../src/modules/orders/components/pages/OrderBackoffice.vue"],"sourcesContent":["<template>\n\t<div v-if=\"order && orderOrganization\" class=\"pd-thin bg-white\"> \n\n\t  <div v-if=\"order\" class=\"mn-b-thin pos-relative w-100 bg-main radius-medium pd-medium\">\n\t  \t<div class=\"mn-b-small flex-nowrap flex\">\n\t\t  \t<p class=\"t-medium p-medium\">\n\t\t     \tOrder No: <span class=\"p-small t-transp\">#{{order._id}}</span>\n\t\t    </p>\n\t\t\t</div>\n\n  \t<div class=\"flex-nowrap flex gap-thin pos-relative \">\n\t    <div v-for=\"(status, index) in statuses\" :key=\"index\" class=\"w-20\">\n\t      <div\n\t      \tclass=\"bg-white br-anim br-glow radius-extra h-1r w-100\"\n\t        :class=\"\n\t\t\t\t    { 'br-glow-anim': isActiveStatus(index) },\n\t\t\t\t    { 't-transp': !isActiveStatus(index) },\n\t\t\t\t    { 'blink': order.status === statuses[index] && getNextStatus(order.status) }\n\t\t\t\t  \"\n\t      />\n\t      <div \n\t      \t:class=\"{ 't-transp': !isActiveStatus(index) }\"\n\t\t\t\t  class=\"mn-t-thin p-small t-medium uppercase\">{{ statusLabels[index] }}</div>\n\t    \t</div>\n\t\t  </div>\n\t  </div>\n\n\t  <div v-if=\"route.meta.context !== 'user'\" class=\"bg-light pd-thin mn-b-thin pd-thin radius-extra flex-nowrap flex\">\n  \t\t<div class=\"w-max flex-v-center gap-thin flex-nowrap flex pd-thin radius-small bg-light-transp-20\">\n  \t\t\t<IconTime class=\"i-semi t-transp\" fill=\"rgb(var(--black)\" />\n        <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</div>\n\t  \t<button v-if=\"getNextStatus(order.status)\" @click=\"openStatusPopup\" class=\"mn-l-auto bg-black t-white button\">  \n\t\t    Mark as {{ getStatusLabel(getNextStatus(order.status)) }}  \n\t\t  </button>\n\n\t\t<!--   <Button v-if=\"order.status !== 'canceled'\" :submit=\"cancelOrder\"  class=\"w-max t-white mn-l-thin bg-red\">\n\t\t\t\t<span>Cancel Order</span>\n\t\t\t</Button>\n\n\t\t\t <Button v-if=\"order.status !== 'confirmed'\" :submit=\"confirmOrder\"  class=\"w-max t-white mn-l-thin bg-red\">\n\t\t\t\t<span>Confirm Order</span>\n\t\t\t</Button>\n -->\n\n  \t</div>\n\n\t  <Popup \n      title=\"Change 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<!-- <VueDatePicker v-model=\"order.deadline\" :hide-navigation=\"['calendar']\" :flow=\"['time']\" class=\"z-index-3 bg-white radius-small pd-small mn-b-thin mn-b-semi\" /> -->\n\n\t\t\t<!-- {{order.deadline}} -->\n<!-- \n\t\t\t<p class=\"t-medium p-medium mn-b-thin\">\n\t\t    Positions\n\t\t  </p>\n\n    \t<ul class=\"bg-white pd-small radius-small flex gap-thin flex-column mn-b-semi\">\n  \t\t\t<CardOrderItem\n  \t\t\t\tv-for=\"(product, index) in orderProducts\" :key=\"product._id\"\n  \t\t\t\t:editable=\"false\" \n  \t\t\t\t:product=\"product\" \n  \t\t\t/>\n      </ul> -->\n    \t<button @click=\"setNextStatus\"  class=\"w-100 bg-black-small t-white button\">\n    \t\t{{'Confirm Changing to ' + getStatusLabel(getNextStatus(order.status))}}\n    \t</button>\n\t \t</Popup>\n\n\n\t  \n\t  <div v-if=\"order\" class=\"gap-thin cols-2\">\n\n\t    <div class=\"w-100\">\n\n\n\t\t    <CardOrganization \n\t\t    \tv-if=\"orderOrganization[0]\"\n\t\t      :organization=\"orderOrganization[0]\"\n\t\t      :showRating=\"true\"\n\t\t      :showFollowers=\"false\"\n\t\t      :showProducts=\"false\"\n\t\t      class=\"bg-light mn-b-thin w-100 o-hidden radius-medium pd-small \"\n\t\t    />\n\n\n\t\t    <div \n\t\t    \tclass=\"mn-b-thin bg-light w-100 o-hidden radius-medium \"\n\t\t    >\n\t\t    \t<div class=\"pd-small flex-nowrap flex\">\n\t\t\t    \t<div class=\"mn-r-auto\">\n\t\t\t\t    \t<span class=\"d-block t-medium p-medium\">Order is</span>\n\t\t\t\t\t    <span class=\" t-lh-075 h2 d-block mn-b-small\">{{order.status}}</span>\n\t\t\t\t\t    <p class=\"pd-t-nano pd-b-nano pd-r-thin pd-l-thin radius-extra bg-black t-white w-max\">{{formatDate(order.updatedAt, {language: locale })}}</p>\n\t\t\t\t\t  </div>\n\t\t\t\t\t <!--  <div class=\"t-right\">\n\t\t\t\t\t  \tCancel order<br>\n\t\t\t\t\t  \tExchange item\n\t\t\t\t\t  \t<hr class=\"mn-b-thin mn-t-thin\">\n\t\t\t\t\t  \tFor Delivery Queries Contact Us\n\t\t\t\t\t  \t\n\t\t\t\t\t  </div> -->\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div v-if=\"order.customer.target?.number\" class=\"pd-small flex flex-nowrap flex-v-center br-t br-black-transp-10 br-solid\">\n\t\t\t    \t<p class=\"w-100 t-medium p-medium\">\n\t\t\t      \tPhone\n\t\t\t      </p>\n\n\t\t\t      <p class=\"w-100 t-right \">\n\t\t\t      \t{{order.customer.target?.number || 'Not specified'}}\n\t\t\t      </p>\n\t\t\t    </div>\n\n\t\t\t    <div class=\"pd-small   flex flex-nowrap flex-v-center br-t br-black-transp-10 br-solid\">\n\t\t\t    \t<p class=\"t-medium p-medium\">\n\t\t\t      \tAddress\n\t\t\t      </p>\n\n\t\t\t      <p class=\"w-100 t-right\">\n\t\t\t        {{order.delivery.address || (order.delivery.spot[0].profile.name + ', ' + order.delivery.spot[0].address) || '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-b-small t-medium p-medium\">\n\t\t\t      \tDelivery\n\t\t\t      </p>\n\n\t\t\t      <p class=\"w-100 t-right mn-b-small\">\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\t</div>\n\t\t\t\t\t\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    <ChatWindow\n\t\t    \t:username=\"\n\t\t    \t\troute.name === 'Order' || 'UserOrder' ? order.user?.name || 'User' : 'Support'\n\t\t    \t\"\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\" :key=\"product._id\"\n\t  \t\t\t\t:editable=\"false\" \n\t  \t\t\t\t:product=\"product\" \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          :currency=\"returnCurrency()\"\n          :showFees=\"globals.state.options?.showFees\"\n          :feesRate=\"globals.state.options?.feesRate || 0\"\n          :showVat=\"globals.state.options?.showVat\"\n          :vatRate=\"globals.state.options?.vatRate || 0\"\n        />\n         </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 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 ChatWindow 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\n\n\timport * as globals \tfrom '@martyrs/src/modules/globals/views/store/globals'\n\timport * as orders \tfrom '@martyrs/src/modules/orders/store/orders'\n\timport * as products \tfrom '@martyrs/src/modules/products/store/products'\n\timport * as organizations \tfrom '@martyrs/src/modules/organizations/store/organizations'\n\n\timport { useI18n } from 'vue-i18n';\n\t\n\tconst { locale } = useI18n();\n\n\tconst router = useRouter()\n\tconst route = useRoute()\n\n\tconst order = ref(null)\n\tconst productsOrganization = ref(null)\n\tconst orderOrganization = ref(null)\n\n\tconst statuses = ['created', 'confirmed', 'preparing', 'inuse', 'finished'];\n\tconst statusLabels = ['Created', 'Confirmed', 'Preparing', 'In use', 'Finished'];\n\n\tconst isActiveStatus = (index) => {\n\t  return statuses.slice(index).includes(order.value.status);\n\t};\n\n\t// description: 'Your order has been successfully created. Our manager will contact you within five minutes to confirm your order.'\n\t// description: 'Your order has been confirmed. We are now processing your items and preparing them for shipment.'\n\t// description: 'Your order is now awaiting shipment. Once shipped, you will receive a notification with tracking information.'\n\t// description: 'Your order is now awaiting shipment. Once shipped, you will receive a notification with tracking information.'\n\t// description: 'Your order is currently in transit. Our delivery team is working hard to get your items to you as soon as possible.'\n\t// description: 'Congratulations! Your order has been successfully delivered. If you have any concerns or feedback, feel free to contact us.'\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\tonMounted(async()=>{\n\t\torder.value = await orders.actions.read({_id: route.params.order})\n\t\torder.value = order.value[0]\n\n\t  orderOrganization.value = await organizations.actions.read({\n\t    _id: order.value?.owner.target._id,\n\t    location: globals.state.position?.location,\n\t  });\n\n\t})\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\tfunction getNextStatus(currentStatus) {\n    const currentIndex = statuses.indexOf(currentStatus);\n\n    if (currentIndex !== -1 && currentIndex + 1 < statuses.length) {\n      return statuses[currentIndex + 1];\n    }\n    return null; // Если следующий статус не существует\n  }\n\n  function getStatusLabel(status) {\n    const index = statuses.indexOf(status);\n\n    return status ? statusLabels[index] : \"\";\n  }\n  async function setNextStatus() {\n    const nextStatus = getNextStatus(orders.state.current.status);\n\n    if (nextStatus) {\n      orders.state.current.status = nextStatus;\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}\n\n\n\tfunction requestPayment(order) {\n\t\t // store.dispatch(\"payments/newPayment\", order);\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  console.log(date)\n\t  console.log(estimatedDeliveryTime)\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":["orders.actions","organizations.actions","globals.state","orders.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoOC,UAAM,EAAE,OAAQ,IAAG,QAAS;AAEb,cAAS;AACxB,UAAM,QAAQ,SAAQ;AAEtB,UAAM,QAAQ,IAAI,IAAI;AACO,QAAI,IAAI;AACrC,UAAM,oBAAoB,IAAI,IAAI;AAElC,UAAM,WAAW,CAAC,WAAW,aAAa,aAAa,SAAS,UAAU;AAC1E,UAAM,eAAe,CAAC,WAAW,aAAa,aAAa,UAAU,UAAU;AAE/E,UAAM,iBAAiB,CAAC,UAAU;AAChC,aAAO,SAAS,MAAM,KAAK,EAAE,SAAS,MAAM,MAAM,MAAM;AAAA,IACzD;AAUD,UAAM,mBAAmB,IAAI,KAAK;AAClC,UAAM,iBAAiB,IAAI,IAAI;AAE/B,aAAS,gBAAgB,QAAQ;AAC/B,uBAAiB,QAAQ;AACzB,UAAI,OAAO,WAAW,SAAU,gBAAe,QAAQ;AAAA,IAC1D;AAEC,aAAS,mBAAmB;AAC1B,uBAAiB,QAAQ;AACzB,qBAAe,QAAQ;AAAA,IAC1B;AAEC,cAAU,YAAS;;AAClB,YAAM,QAAQ,MAAMA,QAAe,KAAK,EAAC,KAAK,MAAM,OAAO,MAAK,CAAC;AACjE,YAAM,QAAQ,MAAM,MAAM,CAAC;AAE1B,wBAAkB,QAAQ,MAAMC,UAAsB,KAAK;AAAA,QACzD,MAAK,WAAM,UAAN,mBAAa,MAAM,OAAO;AAAA,QAC/B,WAAUC,WAAc,aAAdA,mBAAwB;AAAA,MACvC,CAAI;AAAA,IAEF,CAAA;AAED,QAAI,iBAAiB,SAAS,MAAM;;AAChC,aAAO,QAAO,WAAM,UAAN,mBAAa,UAAU,OAAO,CAAC,OAAO,YAAY;AAE/D,YAAI,QAAQ,YAAY,QAAQ;AAC9B,gBAAM,QAAQ,IAAI,KAAK,QAAQ,KAAK,KAAK;AACzC,gBAAM,MAAM,IAAI,KAAK,QAAQ,KAAK,GAAG;AACrC,gBAAM,WAAW,KAAK,IAAI,MAAM,KAAK;AACrC,iBAAO,QAAQ,QAAQ,SAAS,KAAK,KAAK,YAAY,MAAO,KAAK,KAAK,GAAG,IAAI;AAAA,QACtF,OAAa;AAEL,iBAAO,QAAQ,QAAQ,SAAS,QAAQ,YAAY;AAAA,QAC5D;AAAA,MACK,GAAE,EAAE;AAAA,IACN,CAAA;AAGqB,aAAS,MAAM;;AACnC,aAAO,QAAO,WAAM,UAAN,mBAAa,UAAU,OAAO,CAAC,OAAO,YAAY;AAC9D,eAAO,QAAQ,QAAQ;AAAA,MACxB,GAAE,EAAE;AAAA,IACN,CAAA;AASF,aAAS,cAAc,eAAe;AACnC,YAAM,eAAe,SAAS,QAAQ,aAAa;AAEnD,UAAI,iBAAiB,MAAM,eAAe,IAAI,SAAS,QAAQ;AAC7D,eAAO,SAAS,eAAe,CAAC;AAAA,MACtC;AACI,aAAO;AAAA,IACX;AAEE,aAAS,eAAe,QAAQ;AAC9B,YAAM,QAAQ,SAAS,QAAQ,MAAM;AAErC,aAAO,SAAS,aAAa,KAAK,IAAI;AAAA,IAC1C;AACE,mBAAe,gBAAgB;AAC7B,YAAM,aAAa,cAAcC,QAAa,QAAQ,MAAM;AAE5D,UAAI,YAAY;AACdA,gBAAa,QAAQ,SAAS;AAE9B,cAAMH,QAAe,OAAOG,QAAa,OAAO;AAAA,MACtD,OAAW;AACL,gBAAQ,MAAM,2CAA2C;AAAA,MAC/D;AAEE,uBAAgB;AAAA,IAClB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,230 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const CardOrderItem = require("../blocks/CardOrderItem.vue.cjs");
+const AskToLogin = require("../sections/AskToLogin.vue.cjs");
+const Succes = require("../sections/Succes.vue.cjs");
+const EmptyState = require("../sections/EmptyState.vue.cjs");
+const PriceTotal = require("../elements/PriceTotal.vue.cjs");
+const FormCustomerDetails = require("../sections/FormCustomerDetails.vue.cjs");
+const FormDelivery = require("../sections/FormDelivery.vue.cjs");
+const FormPayment = require("../sections/FormPayment.vue.cjs");
+const vueRouter = require("vue-router");
+const globals = require("../../../globals/views/store/globals.cjs");
+const auth = require("../../../auth/views/store/auth.cjs");
+const shopcart = require("../../store/shopcart.cjs");
+const organizations = require("../../../organizations/store/organizations.cjs");
+const orders = require("../../store/orders.cjs");
+const users = require("../../../auth/views/store/users.cjs");
+;/* empty css                   */
+const _hoisted_1 = { class: "bg-white pd-thin" };
+const _hoisted_2 = { class: "gap-small mn-b-thin cols-2" };
+const _hoisted_3 = {
+  key: 2,
+  class: "rows-1 gap-thin"
+};
+const _hoisted_4 = {
+  key: 3,
+  class: "bg-white br-solid br-light br-1px pd-medium radius-medium"
+};
+const _hoisted_5 = { class: "flex gap-thin flex-wrap mn-b-thin" };
+const _hoisted_6 = { class: "mn-b-thin" };
+const _hoisted_7 = ["disabled"];
+const _sfc_main = {
+  __name: "OrderCreate",
+  setup(__props) {
+    vueRouter.useRoute();
+    const router = vueRouter.useRouter();
+    const order = vue.computed(() => orders.state.current);
+    vue.computed(() => users.state.current);
+    const cartTotalPrice = shopcart.getters.cartTotalPrice;
+    const deliveryCost = vue.computed(() => {
+      var _a;
+      if (orders.state.current.delivery.type === "pickup") return 0;
+      if (orders.state.current.delivery.type === "mail") return 350;
+      if (orders.state.current.delivery.type === "courier") {
+        const distance = ((_a = orderOrganization.value[0]) == null ? void 0 : _a.distance) || 0;
+        return Math.trunc(100 + 20 * distance - 7.5 * (distance / 10));
+      }
+      return 0;
+    });
+    vue.computed(() => {
+      return deliveryCost.value + cartTotalPrice.value.value;
+    });
+    const orderOrganization = vue.ref({});
+    if (!globals.state.options.orders.allowUnauthenticatedOrders && !auth.state.user._id) {
+      router.push({ name: "Sign In" });
+    }
+    vue.onMounted(async () => {
+      var _a;
+      if (auth.state.user._id) {
+        await users.actions.read({ _id: auth.state.user._id, user: auth.state.user._id });
+        orders.state.current.customer.profile.name = users.state.current.profile.name;
+        orders.state.current.customer.phone = users.state.current.phone;
+        orders.state.current.customer.phone = users.state.current.phone;
+      }
+      orders.state.current.organization = shopcart.state.organization;
+      orderOrganization.value = await organizations.actions.read({
+        _id: shopcart.state.organization,
+        location: (_a = globals.state.position) == null ? void 0 : _a.location
+      });
+    });
+    vue.watch(() => orders.state.current.delivery.address, async (newFilterValue, oldFilterValue) => {
+      orderOrganization.value = await organizations.actions.read({
+        _id: shopcart.state.organization,
+        location: orders.state.current.delivery.location
+      });
+    }, { deep: true });
+    const errorName = vue.computed(() => {
+      var _a;
+      if (((_a = orders.state.current.customer.name) == null ? void 0 : _a.length) < 2) {
+        return true;
+      } else {
+        return false;
+      }
+    });
+    const errorPhoneOrMessenger = vue.computed(() => {
+      var _a, _b, _c, _d;
+      const hasMessengerType = (_a = orders.state.current.customer.messenger) == null ? void 0 : _a.type;
+      const hasMessengerValue = ((_c = (_b = orders.state.current.customer.messenger) == null ? void 0 : _b.value) == null ? void 0 : _c.length) > 2;
+      const hasPhone = ((_d = orders.state.current.customer.number) == null ? void 0 : _d.length) > 0;
+      return !hasPhone && !(hasMessengerType && hasMessengerValue);
+    });
+    const errorAddress = vue.computed(() => {
+      const type = orders.state.current.delivery.type;
+      if (type === "pickup") {
+        return !orders.state.current.delivery.spot;
+      } else if (type === "courier" || type === "mail") {
+        const address = orders.state.current.delivery.address;
+        return !address || typeof address !== "string" || address.length < 2;
+      }
+      return false;
+    });
+    const errorDelivery = vue.computed(() => {
+      if (orders.state.current.delivery.type) {
+        return false;
+      } else {
+        return true;
+      }
+    });
+    const errorPayment = vue.computed(() => {
+      if (orders.state.current.payment.type) {
+        return false;
+      } else {
+        return true;
+      }
+    });
+    async function handleCreate() {
+      orders.state.current.status = "created";
+      orders.state.current.owner = {
+        target: shopcart.state.organization,
+        type: "organization"
+      };
+      if (auth.state.user._id) {
+        orders.state.current.creator = {
+          target: auth.state.user._id,
+          type: "user"
+        };
+      }
+      if (auth.state.user._id) {
+        orders.state.current.customer = {
+          target: auth.state.user._id,
+          type: "user"
+        };
+      }
+      orders.state.current.positions = shopcart.state.positions;
+      vue.watch(() => shopcart.state.positions, (newVal) => {
+        if (newVal) orders.state.current.positions === newVal;
+      });
+      const referralCode = localStorage.getItem("referalCode");
+      if (referralCode) {
+        orders.state.current.referralCode = referralCode;
+      }
+      let order2 = await orders.actions.create(orders.state.current);
+      if (order2) {
+        shopcart.actions.resetShopcart();
+        router.push({
+          name: "Order",
+          params: {
+            order: order2._id
+          }
+        });
+      } else {
+        alert("something wrong");
+      }
+    }
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d;
+      return vue.openBlock(), vue.createElementBlock("section", _hoisted_1, [
+        auth.state.access.status === false ? (vue.openBlock(), vue.createBlock(AskToLogin.default, {
+          key: 0,
+          class: "mn-b-thin"
+        })) : vue.createCommentVNode("", true),
+        vue.createElementVNode("div", _hoisted_2, [
+          shopcart.state.positions < 1 ? (vue.openBlock(), vue.createBlock(EmptyState.default, { key: 0 })) : vue.createCommentVNode("", true),
+          order.value.status === true && shopcart.state.positions.length > 0 ? (vue.openBlock(), vue.createBlock(Succes.default, {
+            key: 1,
+            order: order.value
+          }, null, 8, ["order"])) : vue.createCommentVNode("", true),
+          orders.state.current.status !== true && shopcart.state.positions.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+            vue.createVNode(FormCustomerDetails.default, {
+              customer: orders.state.current.customer
+            }, null, 8, ["customer"]),
+            orders.state.current.status !== true && shopcart.state.positions.length > 0 ? (vue.openBlock(), vue.createBlock(FormPayment.default, {
+              key: 0,
+              order: orders.state.current
+            }, null, 8, ["order"])) : vue.createCommentVNode("", true),
+            orders.state.current.status !== true && shopcart.state.positions.length > 0 ? (vue.openBlock(), vue.createBlock(FormDelivery.default, {
+              key: 1,
+              order: orders.state.current
+            }, null, 8, ["order"])) : vue.createCommentVNode("", true)
+          ])) : vue.createCommentVNode("", true),
+          shopcart.state.positions.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+            _cache[1] || (_cache[1] = vue.createElementVNode("h4", { class: "font-second mn-b-thin" }, "Your Order", -1)),
+            vue.createElementVNode("ul", _hoisted_5, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(shopcart.state.positions, (product) => {
+                return vue.openBlock(), vue.createBlock(CardOrderItem.default, {
+                  key: product._id,
+                  editable: true,
+                  product,
+                  increase: (product2) => shopcart.actions.incrementItemQuantity(product2._id),
+                  decrease: (product2) => shopcart.actions.decrementItemQuantity(product2._id),
+                  remove: (product2) => shopcart.actions.removeProduct(product2._id),
+                  onUpdateRentDates: (product2, dates) => shopcart.actions.updateRentDates({ productId: product2._id, dates }),
+                  class: "w-100 bg-white"
+                }, null, 8, ["product", "increase", "decrease", "remove", "onUpdateRentDates"]);
+              }), 128))
+            ]),
+            vue.createElementVNode("div", _hoisted_6, [
+              vue.createVNode(PriceTotal.default, {
+                totalPrice: vue.unref(cartTotalPrice),
+                currency: _ctx.returnCurrency(),
+                showFees: (_a = globals.state.options) == null ? void 0 : _a.showFees,
+                feesRate: ((_b = globals.state.options) == null ? void 0 : _b.feesRate) || 0,
+                showVat: (_c = globals.state.options) == null ? void 0 : _c.showVat,
+                vatRate: ((_d = globals.state.options) == null ? void 0 : _d.vatRate) || 0
+              }, null, 8, ["totalPrice", "currency", "showFees", "feesRate", "showVat", "vatRate"])
+            ]),
+            orders.state.current.status !== true && shopcart.state.positions.length > 0 ? (vue.openBlock(), vue.createElementBlock("button", {
+              key: 0,
+              disabled: errorName.value || errorPhoneOrMessenger.value || _ctx.errorCity || errorAddress.value || errorDelivery.value || errorPayment.value,
+              onClick: _cache[0] || (_cache[0] = ($event) => handleCreate()),
+              class: "bg-main mn-b-small pd-small radius-big w-100 button"
+            }, " Place an Order ", 8, _hoisted_7)) : vue.createCommentVNode("", true),
+            _cache[2] || (_cache[2] = vue.createElementVNode("p", { class: "mn-b-thin" }, [
+              vue.createTextVNode(" I agree that placing the order places me under an obligation to make a payment in accordance with "),
+              vue.createElementVNode("a", {
+                class: "t-semi font-second t-second",
+                href: "/legal/terms-of-use",
+                target: "_blank"
+              }, "Terms of Use.")
+            ], -1)),
+            _cache[3] || (_cache[3] = vue.createElementVNode("p", null, null, -1))
+          ])) : vue.createCommentVNode("", true)
+        ])
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=OrderCreate.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OrderCreate.vue.cjs","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<!-- Order form -->\n\t<div class=\"gap-small mn-b-thin cols-2\">\n\t\t<!-- Empty State   -->\n\t\t<EmptyState  \n\t\t\tv-if=\"shopcart.state.positions < 1\" \n\t\t/>\t\n\n\t\t<Succes \n\t\t\tv-if=\"order.status === true && shopcart.state.positions.length > 0\" \n\t\t\t:order=\"order\" \n\t\t/>\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\t:customer=\"orders.state.current.customer\"\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/>\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/>\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 in shopcart.state.positions\" \n\t\t\t\t\t:key=\"product._id\" \n\t\t\t\t\t:editable=\"true\" \n\t\t\t\t\t:product=\"product\" \n\t        :increase=\"product => shopcart.actions.incrementItemQuantity(product._id)\"\n\t        :decrease=\"product => shopcart.actions.decrementItemQuantity(product._id)\"\n\t        :remove=\"product => shopcart.actions.removeProduct(product._id)\"\n\t\t\t\t\t@updateRentDates=\"(product, dates) => shopcart.actions.updateRentDates({ productId: product._id, dates })\"\n\t        class=\"w-100 bg-white \"\n\t      />\n\t\t\t</ul>\n\n\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          :currency=\"returnCurrency()\"\n          :showFees=\"globals.state.options?.showFees\"\n          :feesRate=\"globals.state.options?.feesRate || 0\"\n          :showVat=\"globals.state.options?.showVat\"\n          :vatRate=\"globals.state.options?.vatRate || 0\"\n        />\n\t\t\t</div>\n\t\t\t<!-- Send order -->\n\t\t  <button \n\t\t  \tv-if=\"orders.state.current.status !== true && shopcart.state.positions.length > 0\"\n\t\t   \t: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    \"\n\t\t    @click=\"handleCreate()\" \n\t\t    class=\"bg-main mn-b-small pd-small radius-big w-100 button\"\n\t\t  >\n\t\t    Place an Order\n\t\t  </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=\"/legal/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///////////////////////////////////////////////////////////////////////////////////////////////////\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/sections/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'\n// Store\nimport * as globals from '@martyrs/src/modules/globals/views/store/globals';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth';\nimport * as shopcart from '@martyrs/src/modules/orders/store/shopcart';\nimport * as organizations from '@martyrs/src/modules/organizations/store/organizations';\nimport * as orders from '@martyrs/src/modules/orders/store/orders';\nimport * as users from '@martyrs/src/modules/auth/views/store/users';\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// Variables and computed\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// Accessing router and store\nconst route = useRoute()\nconst router = useRouter()\n// COMPUTED\nconst order = computed(() => orders.state.current)\nconst user = computed(() => users.state.current)\n\nconst cartTotalPrice = shopcart.getters.cartTotalPrice\n\n\nconst deliveryCost = computed(() => {\n  if (orders.state.current.delivery.type === 'pickup') return 0;\n  if (orders.state.current.delivery.type === 'mail') return 350;\n  if (orders.state.current.delivery.type === 'courier') {\n    const distance = orderOrganization.value[0]?.distance || 0;\n    return Math.trunc(100 + 20 * distance - 7.5 * (distance / 10));\n  }\n  return 0;\n});\n\n// Computed property for total cost\nconst totalCost = computed(() => {\n  return deliveryCost.value + cartTotalPrice.value.value;\n});\n// Organization\nconst orderOrganization = ref({})\n\n\nif (!globals.state.options.orders.allowUnauthenticatedOrders && !auth.state.user._id) { \n\trouter.push({name: 'Sign In'})\t\n}\n\t\nonMounted(async()=> {\n\t\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\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\n\torders.state.current.organization = shopcart.state.organization\n\n\torderOrganization.value = await organizations.actions.read({\n\t  _id: shopcart.state.organization,\n\t  location: globals.state.position?.location,\n\t})\n})\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// WATCHERS\n///////////////////////////////////////////////////////////////////////////////////////////////////\nwatch(() => orders.state.current.delivery.address, async (newFilterValue, oldFilterValue) => {\n\torderOrganization.value = await organizations.actions.read({\n\t  _id: shopcart.state.organization,\n\t  location: orders.state.current.delivery.location,\n\t})\n}, { deep: true })\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: shopcart.state.organization,\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\twatch(() => shopcart.state.positions, (newVal) => {\n\t  if (newVal) orders.state.current.positions === newVal\n\t})\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  \tshopcart.actions.resetShopcart()\n\n  \trouter.push({\n  \t\tname: 'Order',\n  \t\tparams: {\n  \t\t\torder: order._id\n  \t\t}\n  \t})\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":["useRoute","useRouter","computed","orders.state","users.state","shopcart.getters","ref","globals.state","auth.state","onMounted","users.actions","shopcart.state","organizations.actions","watch","order","orders.actions","shopcart.actions"],"mappings":"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"}