@ozdao/martyrs 0.2.488 → 0.2.491

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

@@ -0,0 +1,415 @@
+import { ref, onMounted, computed, createElementBlock, createCommentVNode, openBlock, createVNode, createElementVNode, createTextVNode, toDisplayString, Fragment, renderList, normalizeClass, withCtx, createBlock, unref } from "vue";
+import { useRouter, useRoute } from "vue-router";
+import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
+import Select from "../../../../components/Select/Select.vue.js";
+import _sfc_main$1 from "../../../../components/Popup/Popup.vue.js";
+import IconTime from "../../../icons/entities/IconTime.vue.js";
+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                                          */
+import { state } from "../../../globals/views/store/globals.js";
+import { state as state$1 } from "../../../auth/views/store/auth.js";
+import { actions, state as state$2, getters, mutations } from "../../store/orders.js";
+import "../../../products/store/products.js";
+import { actions as actions$1 } from "../../../organizations/store/organizations.js";
+import { useI18n } from "vue-i18n";
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+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 = { class: "flex gap-thin flex-column mn-b-thin" };
+const _hoisted_8 = {
+  key: 1,
+  class: "gap-thin cols-2"
+};
+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_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"
+};
+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_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_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_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_27 = { class: "bg-light radius-medium pd-medium mn-r-bold w-100" };
+const _hoisted_28 = {
+  key: 2,
+  class: "t-transp"
+};
+const _hoisted_29 = { class: "bg-light radius-medium pd-medium w-100" };
+const _hoisted_30 = { class: "flex gap-thin flex-column mn-b-thin" };
+const _sfc_main = {
+  __name: "OrderBackoffice",
+  setup(__props) {
+    var _a, _b, _c, _d, _e;
+    const { locale } = useI18n();
+    const router = useRouter();
+    const route = useRoute();
+    const order = ref(null);
+    ref(null);
+    const orderOrganization = ref(null);
+    const statuses = state.options.orders.statuses;
+    if (route.meta.context === "user" && state$1.user && route.params._id !== ((_a = state$1.user) == null ? void 0 : _a._id) && !((_c = (_b = state$1.access) == null ? void 0 : _b.roles) == null ? void 0 : _c.includes("ROLE_MODERATOR")) && !((_e = (_d = state$1.access) == null ? void 0 : _d.roles) == null ? void 0 : _e.includes("ROLE_ADMIN"))) {
+      router.push("/401");
+    }
+    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;
+    }
+    const isOpenPaymentPopup = ref(false);
+    const selectedPayments = ref({
+      type: null,
+      status: null
+    });
+    function openPaymentPopup() {
+      selectedPayments.value.type = order.value.payment.type;
+      selectedPayments.value.status = order.value.payment.status;
+      isOpenPaymentPopup.value = true;
+    }
+    function closePaymentPopup() {
+      isOpenPaymentPopup.value = false;
+    }
+    onMounted(async () => {
+      var _a2, _b2;
+      order.value = await actions.read({ _id: route.params.order });
+      order.value = order.value[0];
+      orderOrganization.value = await actions$1.read({
+        _id: (_a2 = order.value) == null ? void 0 : _a2.owner.target._id,
+        location: (_b2 = state.position) == null ? void 0 : _b2.location,
+        lookup: ["spots"]
+      });
+    });
+    const deliveryCost = computed(() => {
+      var _a2, _b2, _c2;
+      const type = state$2.current.delivery.type;
+      const distance = ((_a2 = orderOrganization.value[0]) == null ? void 0 : _a2.distance) || 0;
+      const config = ((_c2 = (_b2 = state.options) == null ? void 0 : _b2.orders) == null ? void 0 : _c2.delivery_formula) || {};
+      return getters.getDeliveryPrice(type, distance, config);
+    });
+    let cartTotalPrice = computed(() => {
+      var _a2;
+      return Number((_a2 = order.value) == null ? void 0 : _a2.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 _a2;
+      return Number((_a2 = order.value) == null ? void 0 : _a2.positions.reduce((total, product) => {
+        return total + product.quantity;
+      }, 0));
+    });
+    function getNextStatus(currentStatus) {
+      const currentIndex = state.options.orders.statuses.findIndex((status) => status.value === currentStatus);
+      if (currentIndex !== -1 && currentIndex + 1 < statuses.length) {
+        return state.options.orders.statuses[currentIndex + 1];
+      }
+      return null;
+    }
+    const isActiveStatus = (index) => {
+      return state.options.orders.statuses.slice(index).some((status) => status.value === order.value.status);
+    };
+    async function changePaymentStatus() {
+      if (selectedPayments.value.status && selectedPayments.value.type) {
+        state$2.current.payment = selectedPayments.value;
+        await actions.update(state$2.current);
+      } else {
+        console.error("Payment status is void. Must handle somehow.");
+      }
+      closePaymentPopup();
+    }
+    async function setNextStatus() {
+      const nextStatus = getNextStatus(state$2.current.status);
+      if (nextStatus) {
+        state$2.current.status = nextStatus.value;
+        state$2.current.positions = order.value.positions;
+        await actions.update(state$2.current);
+      } else {
+        console.error("Next status is void. Must handle somehow.");
+      }
+      closeStatusPopup();
+    }
+    return (_ctx, _cache) => {
+      var _a2, _b2, _c2, _d2, _e2, _f, _g, _h, _i, _j, _k, _l, _m, _n;
+      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[4] || (_cache[4] = createTextVNode(" Order No: ")),
+              createElementVNode("span", _hoisted_5, "#" + toDisplayString(order.value._id), 1)
+            ])
+          ]),
+          createElementVNode("div", _hoisted_6, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(state.options.orders.statuses, (status, index) => {
+              return openBlock(), createElementBlock("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 === status.value && getNextStatus(order.value.status) }
+                  ])
+                }, null, 2),
+                createElementVNode("div", {
+                  class: normalizeClass([{ "t-transp": !isActiveStatus(index) }, "mn-t-thin p-small t-medium uppercase"])
+                }, toDisplayString(status.value), 3)
+              ]);
+            }), 128))
+          ])
+        ])) : createCommentVNode("", true),
+        createVNode(_sfc_main$1, {
+          title: "Payment Status",
+          onClosePopup: closePaymentPopup,
+          isPopupOpen: isOpenPaymentPopup.value,
+          class: "bg-light w-min-25r w-max-25r radius-medium pd-big"
+        }, {
+          default: withCtx(() => [
+            createVNode(Select, {
+              select: selectedPayments.value.type,
+              "onUpdate:select": _cache[0] || (_cache[0] = ($event) => selectedPayments.value.type = $event),
+              property: "value",
+              label: "Type",
+              options: [
+                { name: "Cash", value: "cash" },
+                { name: "Card", value: "card" },
+                { name: "Bank Transfer", value: "bank" }
+              ],
+              placeholder: "Select type of payment",
+              size: "small",
+              class: "bg-white mn-b-thin pd-regular radius-small w-100"
+            }, null, 8, ["select"]),
+            createVNode(Select, {
+              select: selectedPayments.value.status,
+              "onUpdate:select": _cache[1] || (_cache[1] = ($event) => selectedPayments.value.status = $event),
+              property: "value",
+              label: "Status",
+              options: [
+                { name: "Unpaid", value: "unpaid" },
+                { name: "Paid", value: "paid" },
+                { name: "Refunded", value: "refunded" }
+              ],
+              placeholder: "Select status of payment",
+              size: "small",
+              class: "bg-white mn-b-small pd-regular radius-small w-100"
+            }, null, 8, ["select"]),
+            createVNode(_sfc_main$2, {
+              submit: changePaymentStatus,
+              class: "t-white w-100 bg-second"
+            }, {
+              default: withCtx(() => _cache[5] || (_cache[5] = [
+                createElementVNode("span", null, "Change Status", -1)
+              ])),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["isPopupOpen"]),
+        createVNode(_sfc_main$1, {
+          title: "Change order status",
+          onClosePopup: closeStatusPopup,
+          isPopupOpen: isOpeStatusPopup.value,
+          class: "bg-light w-min-30r w-max-30r radius-medium pd-big"
+        }, {
+          default: withCtx(() => {
+            var _a3, _b3, _c3, _d3, _e3, _f2, _g2, _h2;
+            return [
+              createElementVNode("ul", _hoisted_7, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(order.value.positions, (product, index) => {
+                  return openBlock(), createBlock(_sfc_main$3, {
+                    key: `${product._id}_${product.variant || "no-variant"}_${index}`,
+                    editable: !order.value.status_history || order.value.status_history.length <= 1,
+                    productId: product._id,
+                    variantId: product.variant,
+                    images: product.images,
+                    name: product.name,
+                    quantity: product.quantity,
+                    unit: product.unit,
+                    dates: product.date,
+                    listing: product.listing,
+                    price: product.price,
+                    increase: () => mutations.incrementItemQuantity(order.value, product._id, product.variant),
+                    decrease: () => mutations.decrementItemQuantity(order.value, product._id, product.variant),
+                    remove: () => mutations.removeProduct(order.value, product._id, product.variant),
+                    onUpdateRentDates: _cache[2] || (_cache[2] = (productId, variantId, dates) => _ctx.shopcart.actions.updateRentDates({ positions: order.value.positions, productId, variantId, dates })),
+                    class: "bg-white radius-small pd-small"
+                  }, null, 8, ["editable", "productId", "variantId", "images", "name", "quantity", "unit", "dates", "listing", "price", "increase", "decrease", "remove"]);
+                }), 128))
+              ]),
+              createVNode(_sfc_main$4, {
+                totalPrice: unref(cartTotalPrice),
+                currency: _ctx.returnCurrency(),
+                showFees: (_b3 = (_a3 = state.options) == null ? void 0 : _a3.orders) == null ? void 0 : _b3.showFees,
+                feesRate: ((_d3 = (_c3 = state.options) == null ? void 0 : _c3.orders) == null ? void 0 : _d3.feesRate) || 0,
+                showVat: (_f2 = (_e3 = state.options) == null ? void 0 : _e3.orders) == null ? void 0 : _f2.showVat,
+                vatRate: ((_h2 = (_g2 = state.options) == null ? void 0 : _g2.orders) == null ? void 0 : _h2.vatRate) || 0
+              }, null, 8, ["totalPrice", "currency", "showFees", "feesRate", "showVat", "vatRate"]),
+              createVNode(_sfc_main$2, {
+                submit: setNextStatus,
+                class: "t-white w-100 bg-second"
+              }, {
+                default: withCtx(() => [
+                  createElementVNode("span", null, toDisplayString("Confirm Changing to " + getNextStatus(order.value.status).label), 1)
+                ]),
+                _: 1
+              })
+            ];
+          }),
+          _: 1
+        }, 8, ["isPopupOpen"]),
+        order.value ? (openBlock(), createElementBlock("div", _hoisted_8, [
+          createElementVNode("div", _hoisted_9, [
+            orderOrganization.value[0] ? (openBlock(), createBlock(_sfc_main$5, {
+              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_10, [
+              createElementVNode("div", _hoisted_11, [
+                createElementVNode("div", _hoisted_12, [
+                  _cache[6] || (_cache[6] = createElementVNode("span", { class: "d-block t-medium p-medium" }, "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)
+                ])
+              ]),
+              ((_a2 = order.value.customer.target) == null ? void 0 : _a2.number) ? (openBlock(), createElementBlock("div", _hoisted_15, [
+                _cache[7] || (_cache[7] = createElementVNode("p", { class: "w-100 t-medium p-medium" }, " Phone ", -1)),
+                createElementVNode("p", _hoisted_16, toDisplayString(((_b2 = order.value.customer.target) == null ? void 0 : _b2.number) || "Not specified"), 1)
+              ])) : createCommentVNode("", true),
+              createElementVNode("div", _hoisted_17, [
+                _cache[8] || (_cache[8] = createElementVNode("p", { class: "t-medium p-medium" }, " Address ", -1)),
+                createElementVNode("p", _hoisted_18, toDisplayString(order.value.delivery.address || ((_c2 = order.value.delivery.spot[0]) == null ? void 0 : _c2.profile.name) + (((_d2 = order.value.delivery.spot[0]) == null ? void 0 : _d2.address) ? ", " + order.value.delivery.spot[0].address : "") || "Not specified"), 1)
+              ]),
+              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)),
+                createElementVNode("p", null, toDisplayString(order.value.comment), 1)
+              ])) : createCommentVNode("", true),
+              createElementVNode("div", _hoisted_20, [
+                _cache[10] || (_cache[10] = createElementVNode("p", { class: "t-medium p-medium" }, " Delivery ", -1)),
+                createElementVNode("p", _hoisted_21, toDisplayString(order.value.delivery.type ? order.value.delivery.type : "Not specified"), 1)
+              ]),
+              createElementVNode("div", _hoisted_22, [
+                _cache[11] || (_cache[11] = createElementVNode("p", { class: "mn-r-auto t-medium p-medium" }, " Payment ", -1)),
+                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"
+                }, toDisplayString(order.value.payment.status ? order.value.payment.status : "Unpaid"), 1)
+              ])
+            ]),
+            unref(route).meta.context !== "user" && unref(route).meta.context !== "root" ? (openBlock(), createElementBlock("div", _hoisted_24, [
+              createElementVNode("div", _hoisted_25, [
+                createVNode(IconTime, {
+                  class: "i-semi t-transp",
+                  fill: "rgb(var(--black)"
+                }),
+                createElementVNode("p", _hoisted_26, [
+                  _cache[12] || (_cache[12] = createElementVNode("span", { class: "p-small t-transp" }, "Estimated Reaction", -1)),
+                  _cache[13] || (_cache[13] = 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: "flex-child-default mn-l-auto bg-black t-white button"
+              }, " Mark as " + toDisplayString(getNextStatus(order.value.status).label), 1)) : createCommentVNode("", true)
+            ])) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_27, [
+              _cache[14] || (_cache[14] = createElementVNode("h3", { class: "mn-b-small" }, "Chat With Us", -1)),
+              createVNode(_sfc_main$6, {
+                username: ["Order", "UserOrder"].includes(unref(route).name) ? ((_e2 = order.value.user) == null ? void 0 : _e2.name) || "User" : "Support",
+                user: state$1.user._id,
+                chatID: unref(route).params.order,
+                class: "radius-semi bs-black bg-light o-hidden"
+              }, null, 8, ["username", "user", "chatID"])
+            ]),
+            _ctx.payment && _ctx.payment.Status === "CONFIRMED" ? (openBlock(), createElementBlock("span", _hoisted_28, "Paid")) : createCommentVNode("", true)
+          ]),
+          createElementVNode("div", _hoisted_29, [
+            _cache[15] || (_cache[15] = createElementVNode("h3", { class: "mn-b-small" }, "Order Summary", -1)),
+            createElementVNode("ul", _hoisted_30, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(order.value.positions, (product, index) => {
+                return openBlock(), createBlock(_sfc_main$3, {
+                  key: `${product._id}_${product.variant || "no-variant"}_${index}`,
+                  editable: false,
+                  productId: product._id,
+                  variantId: product.variant,
+                  images: product.images,
+                  name: product.name,
+                  quantity: product.quantity,
+                  unit: product.unit,
+                  dates: product.date,
+                  listing: product.listing,
+                  price: product.price,
+                  class: "bg-white radius-small pd-small"
+                }, null, 8, ["productId", "variantId", "images", "name", "quantity", "unit", "dates", "listing", "price"]);
+              }), 128))
+            ]),
+            createVNode(_sfc_main$4, {
+              totalPrice: unref(cartTotalPrice),
+              deliveryRate: deliveryCost.value,
+              currency: _ctx.returnCurrency(),
+              showFees: (_g = (_f = state.options) == null ? void 0 : _f.orders) == null ? void 0 : _g.showFees,
+              feesRate: ((_i = (_h = state.options) == null ? void 0 : _h.orders) == null ? void 0 : _i.feesRate) || 0,
+              showVat: (_k = (_j = state.options) == null ? void 0 : _j.orders) == null ? void 0 : _k.showVat,
+              vatRate: ((_m = (_l = state.options) == null ? void 0 : _l.orders) == null ? void 0 : _m.vatRate) || 0,
+              showDeliveryFee: (_n = state.options) == null ? void 0 : _n.orders.showDeliveryFee
+            }, null, 8, ["totalPrice", "deliveryRate", "currency", "showFees", "feesRate", "showVat", "vatRate", "showDeliveryFee"])
+          ])
+        ])) : createCommentVNode("", true)
+      ])) : createCommentVNode("", true);
+    };
+  }
+};
+const OrderBackoffice = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b6c8ad09"]]);
+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  \t<div class=\"flex-nowrap flex gap-thin pos-relative \">\n\t\t    <div v-for=\"(status, index) in globals.state.options.orders.statuses\" :key=\"index\" class=\"w-20\">\n\t\t      <div\n\t\t      \tclass=\"bg-white br-anim br-glow radius-extra h-1r w-100\"\n\t\t        :class=\"\n\t\t\t\t\t    { 'br-glow-anim': isActiveStatus(index) },\n\t\t\t\t\t    { 't-transp': !isActiveStatus(index) },\n\t\t\t\t\t    { 'blink': order.status === status.value && getNextStatus(order.status) }\n\t\t\t\t\t  \"\n\t\t      />\n\t\t      <div \n\t\t      \t:class=\"{ 't-transp': !isActiveStatus(index) }\"\n\t\t\t\t\t  class=\"mn-t-thin p-small t-medium uppercase\">{{ status.value }}</div>\n\t\t    \t</div>\n\t\t\t  </div>\n\t  </div>\n\n  \t<Popup \n      title=\"Payment Status\" \n      @close-popup=\"closePaymentPopup\" \n      :isPopupOpen=\"isOpenPaymentPopup\"\n      class=\"bg-light w-min-25r w-max-25r radius-medium pd-big\"\n    >\n    \t<Select \n        v-model:select=\"selectedPayments.type\"\n        :property=\"'value'\"\n        label=\"Type\"\n        :options=\"[\n          {name: 'Cash',  value: 'cash'}, \n          {name: 'Card', value: 'card'}, \n          {name: 'Bank Transfer', value: 'bank'},\n        ]\"\n        placeholder=\"Select type of payment\" \n        size=\"small\"\n        class=\"bg-white mn-b-thin pd-regular radius-small w-100\"\n      />\n\n      <Select \n        v-model:select=\"selectedPayments.status\"\n        :property=\"'value'\"\n        label=\"Status\"\n        :options=\"[\n          {name: 'Unpaid',  value: 'unpaid'}, \n          {name: 'Paid', value: 'paid'}, \n          {name: 'Refunded', value: 'refunded'},\n        ]\"\n        placeholder=\"Select status of payment\" \n        size=\"small\"\n        class=\"bg-white mn-b-small pd-regular radius-small w-100\"\n      />\n\n\n      <Button :submit=\"changePaymentStatus\"  class=\"t-white w-100 bg-second\">\n\t\t\t\t<span>Change Status</span>\n\t\t\t</Button>\n\t \t</Popup>\n\n\t  <Popup \n      title=\"Change order status\" \n      @close-popup=\"closeStatusPopup\" \n      :isPopupOpen=\"isOpeStatusPopup\"\n      class=\"bg-light w-min-30r w-max-30r radius-medium pd-big\"\n    >\n\n\t\t\t<!-- Добавить выбор примерного времени -->\n\n    \t<ul class=\"flex gap-thin flex-column mn-b-thin\">\n  \t\t\t<CardOrderItem\n  \t\t\t\tv-for=\"(product, index) in order.positions\" \n  \t\t\t\t:key=\"`${product._id}_${product.variant || 'no-variant'}_${index}`\"\n  \t\t\t\t:editable=\"!order.status_history || order.status_history.length <= 1\" \n  \t\t\t\t:productId=\"product._id\"\n  \t\t\t\t:variantId=\"product.variant\"\n  \t\t\t\t:images=\"product.images\"\n  \t\t\t\t:name=\"product.name\"\n  \t\t\t\t:quantity=\"product.quantity\"\n  \t\t\t\t:unit=\"product.unit\"\n  \t\t\t\t:dates=\"product.date\"\n  \t\t\t\t:listing=\"product.listing\"\n  \t\t\t\t:price=\"product.price\"\n  \t\t\t\t:increase=\"() => orders.mutations.incrementItemQuantity(order, product._id, product.variant)\"\n\t        :decrease=\"() => orders.mutations.decrementItemQuantity(order, product._id, product.variant)\"\n\t        :remove=\"() => orders.mutations.removeProduct(order, product._id, product.variant)\"\n\t        @updateRentDates=\"(productId, variantId, dates) => shopcart.actions.updateRentDates({ positions: order.positions, productId, variantId, dates })\"\n  \t\t\t\tclass=\"bg-white radius-small pd-small\"\n  \t\t\t/>\n      </ul>\n      \n      <PriceTotal \n        :totalPrice=\"cartTotalPrice\"\n        :currency=\"returnCurrency()\"\n        :showFees=\"globals.state.options?.orders?.showFees\"\n        :feesRate=\"globals.state.options?.orders?.feesRate || 0\"\n        :showVat=\"globals.state.options?.orders?.showVat\"\n        :vatRate=\"globals.state.options?.orders?.vatRate || 0\"\n      />\n\n    \t<Button :submit=\"setNextStatus\"  class=\"t-white w-100 bg-second\">\n\t\t\t\t<span>{{'Confirm Changing to ' + (getNextStatus(order.status)).label}}</span>\n\t\t\t</Button>\n\t \t</Popup>\n\n\n\t  \n\t  <div v-if=\"order\" class=\"gap-thin cols-2\">\n\n\t    <div class=\"w-100\">\n\n\n\t\t    <CardOrganization \n\t\t    \tv-if=\"orderOrganization[0]\"\n\t\t      :organization=\"orderOrganization[0]\"\n\t\t      :showRating=\"true\"\n\t\t      :showFollowers=\"false\"\n\t\t      :showProducts=\"false\"\n\t\t      class=\"bg-light mn-b-thin w-100 o-hidden radius-medium pd-small \"\n\t\t    />\n\n\n\t\t    <div \n\t\t    \tclass=\"mn-b-thin bg-light w-100 o-hidden radius-medium \"\n\t\t    >\n\t\t    \t<div class=\"pd-small flex-nowrap flex\">\n\t\t\t    \t<div class=\"mn-r-auto\">\n\t\t\t\t    \t<span class=\"d-block t-medium p-medium\">Order is</span>\n\t\t\t\t\t    <span class=\" t-lh-075 h2 d-block mn-b-small\">{{order.status}}</span>\n\t\t\t\t\t    <p class=\"pd-thin radius-extra bg-black t-white w-max\">{{formatDate(order.updatedAt, {language: locale })}}</p>\n\t\t\t\t\t  </div>\n\t\t\t\t\t <!--  <div class=\"t-right\">\n\t\t\t\t\t  \tCancel order<br>\n\t\t\t\t\t  \tExchange item\n\t\t\t\t\t  \t<hr class=\"mn-b-thin mn-t-thin\">\n\t\t\t\t\t  \tFor Delivery Queries Contact Us\n\t\t\t\t\t  \t\n\t\t\t\t\t  </div> -->\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div v-if=\"order.customer.target?.number\" class=\"pd-small flex flex-nowrap flex-v-center br-t br-black-transp-10 br-solid\">\n\t\t\t    \t<p class=\"w-100 t-medium p-medium\">\n\t\t\t      \tPhone\n\t\t\t      </p>\n\n\t\t\t      <p class=\"w-100 t-right \">\n\t\t\t      \t{{order.customer.target?.number || 'Not specified'}}\n\t\t\t      </p>\n\t\t\t    </div>\n\n\t\t\t    <div class=\"pd-small   flex flex-nowrap flex-v-center br-t br-black-transp-10 br-solid\">\n\t\t\t    \t<p class=\"t-medium p-medium\">\n\t\t\t      \tAddress\n\t\t\t      </p>\n\n\t\t\t      <p class=\"w-100 t-right\">\n\t\t\t\t\t\t\t{{order.delivery.address || (order.delivery.spot[0]?.profile.name + (order.delivery.spot[0]?.address ? ', ' + order.delivery.spot[0].address : '')) || 'Not specified'}}\n\t\t\t      </p>\n\n\n\n\t\t\t    </div>\n\n\n\t\t\t    <div v-if=\"order.comment\" class=\"pos-relative radius-thin mn-t-zero mn-thin bg-fifth-transp-10 pd-small\">\n\t\t\t      <p class=\"mn-b-thin t-transp uppercase p-small t-medium\">Comment</p>\n\t\t\t      <p>{{order.comment}}</p>\n\t\t\t    </div>\n\n\t\t\t    <div class=\"pd-small  flex flex-nowrap flex-v-center br-t br-black-transp-10 br-solid\">\n\t\t\t    \t<p class=\"t-medium p-medium\">\n\t\t\t      \tDelivery\n\t\t\t      </p>\n\n\t\t\t      <p class=\"w-100 t-right \">\n\t\t\t        {{order.delivery.type ? order.delivery.type : 'Not specified'}} \n\t\t\t      </p>\n\t\t\t    </div>\n\n\t\t\t     <div class=\"pd-small  flex flex-nowrap flex-v-center br-t br-black-transp-10 br-solid\">\n\t\t\t    \t<p class=\"mn-r-auto t-medium p-medium\">\n\t\t\t      \tPayment\n\t\t\t      </p>\n\n\n\t\t\t      <p class=\"w-max t-right\">\n\t\t\t        {{order.payment.type ? order.payment.type : 'Not specified'}} \n\t\t\t      </p>\n\n\t\t\t      <p @click=\"route.meta.context !== 'user' && route.meta.context !== 'root' ? openPaymentPopup() : console.log('Context:', route.meta.context)\" class=\"w-max pd-thin radius-small bg-second t-white mn-l-thin cursor-pointer hover-bg-black t-right\">\n\t\t\t        {{order.payment.status ? order.payment.status : 'Unpaid'}} \n\t\t\t      </p>\n\t\t\t    </div>\n\n\n\t\t\t\t</div>\n\n\t\t\t\t<div v-if=\"route.meta.context !== 'user' && route.meta.context !== 'root'\" class=\"o-y-scroll bg-light pd-thin mn-b-thin pd-thin radius-medium flex-nowrap flex\">\n\t\t  \t\t<div class=\"flex-child-default mn-r-small w-max flex-v-center gap-thin flex-nowrap flex pd-thin radius-small bg-light-transp-20\">\n\t\t  \t\t\t<IconTime class=\"i-semi t-transp\" fill=\"rgb(var(--black)\" />\n\t\t        <p class=\"t-medium mn-r-auto\"><span class=\"p-small t-transp\">Estimated Reaction</span><br>{{formatDate(order.deadline, { language: locale })}}</p>\n\t\t\t  \t</div>\n\t\t\t  \t<button v-if=\"getNextStatus(order.status)\" @click=\"openStatusPopup\" class=\"flex-child-default  mn-l-auto bg-black t-white button\">  \n\t\t\t\t    Mark as {{ (getNextStatus(order.status)).label }}  \n\t\t\t\t  </button>\n\t\t  \t</div>\n\n\t\t\t<div class=\"bg-light radius-medium pd-medium  mn-r-bold  w-100\">\n\t\t    <h3 class=\"mn-b-small\">Chat With Us</h3>\n\n\t\t    <ChatPage\n\t\t    \t:username=\"['Order', 'UserOrder'].includes(route.name) ? (order.user?.name || 'User') : 'Support'\"\n\t\t    \t:user=\"auth.state.user._id\"\n\t\t    \t:chatID=\"route.params.order\"\n\t\t    \tclass=\"radius-semi bs-black bg-light o-hidden\"\n\t\t    />\n\n\t    </div>\n\t     \t<!-- <StatusHistory \n\t     \t\tv-if=\"orders.state.current.status_history\"\n\t     \t\t:statuses=\"statuses\"\n\t     \t\t:statusHistory=\"orders.state.current.status_history\"\n\t     \t\t:statusCurrent=\"orders.state.current.status\"\n\t     \t\t:edit=\"route.name === 'Order Edit'\"\n\t     \t/> -->\n\n\t     <!-- \t<button \n\t     \t@click=\"requestPayment(order)\"\n\t     \tv-if=\"\n\t     \t\torder.status === 'Подтвержден' \n\t     \t\t&& order.payment.type === 'Online'\n\t     \t\t&& payment.Status !== 'CONFIRMED'\n\t     \t\t&& payment.Status !== 'REFUNDED'\n\t     \t\" \n\t     \tclass='w-100 button'>Оплатить заказ</button> -->\n\t     \t<span class=\"t-transp\" v-if=\"payment && payment.Status === 'CONFIRMED'\">Paid</span> \n\t    </div>  \n\n\t    <div class=\"bg-light radius-medium pd-medium   w-100\">\n\t  \t\t<h3 class=\"mn-b-small\">Order Summary</h3>\n\n\t  \t\t<ul class=\"flex gap-thin flex-column mn-b-thin\">\n\t  \t\t\t<CardOrderItem\n\t  \t\t\t\tv-for=\"(product, index) in order.positions\" \n\t  \t\t\t\t:key=\"`${product._id}_${product.variant || 'no-variant'}_${index}`\"\n\t  \t\t\t\t:editable=\"false\" \n\t  \t\t\t\t:productId=\"product._id\"\n\t  \t\t\t\t:variantId=\"product.variant\"\n\t  \t\t\t\t:images=\"product.images\"\n\t  \t\t\t\t:name=\"product.name\"\n\t  \t\t\t\t:quantity=\"product.quantity\"\n\t  \t\t\t\t:unit=\"product.unit\"\n\t  \t\t\t\t:dates=\"product.date\"\n\t  \t\t\t\t:listing=\"product.listing\"\n\t  \t\t\t\t:price=\"product.price\"\n\t  \t\t\t\tclass=\"bg-white radius-small pd-small\"\n\t  \t\t\t/>\n\t      </ul>\n\t      \n\t      <PriceTotal \n          :totalPrice=\"cartTotalPrice\"\n          :deliveryRate=\"deliveryCost\"\n          :currency=\"returnCurrency()\"\n          :showFees=\"globals.state.options?.orders?.showFees\"\n          :feesRate=\"globals.state.options?.orders?.feesRate || 0\"\n          :showVat=\"globals.state.options?.orders?.showVat\"\n          :vatRate=\"globals.state.options?.orders?.vatRate || 0\"\n\t\t\t\t  :showDeliveryFee=\"globals.state.options?.orders.showDeliveryFee\"\n\n        />\n     \t</div>\n\n\t   \n\t  </div>\n\t</div>\t\t\n\n</template>\n\n\n<script setup=\"props\">\n\timport { computed, ref, onMounted  } from 'vue'\n\timport { useRouter, useRoute } from 'vue-router'\n\n\timport Button from '@martyrs/src/components/Button/Button.vue'\n\timport Select from '@martyrs/src/components/Select/Select.vue'\n\timport Popup from \"@martyrs/src/components/Popup/Popup.vue\";\n\n\timport IconTime  from '@martyrs/src/modules/icons/entities/IconTime.vue'\n\n\t// Block\n\timport CardOrderItem  from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue'\n\timport CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n\timport ChatPage from '@martyrs/src/modules/chats/components/pages/ChatPage.vue';\n\n\timport StatusHistory from '@martyrs/src/modules/orders/components/blocks/StatusHistory.vue'\n\timport PriceTotal from '@martyrs/src/modules/orders/components/elements/PriceTotal.vue';\n\timport FormPayment from '@martyrs/src/modules/orders/components/sections/FormPayment.vue'\n\n\timport * as globals \tfrom '@martyrs/src/modules/globals/views/store/globals.js'\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n\timport * as orders \tfrom '@martyrs/src/modules/orders/store/orders.js'\n\timport * as products \tfrom '@martyrs/src/modules/products/store/products.js'\n\timport * as organizations \tfrom '@martyrs/src/modules/organizations/store/organizations.js'\n\n\timport { useI18n } from 'vue-i18n';\n\t\n\tconst { locale } = useI18n();\n\n\tconst router = useRouter()\n\tconst route = useRoute()\n\n\tconst order = ref(null)\n\tconst productsOrganization = ref(null)\n\tconst orderOrganization = ref(null)\n\n\tconst statuses = globals.state.options.orders.statuses\n\tconst statusLabels = ['Created', 'Confirmed', 'Preparing', 'In use', 'Finished'];\n\n  if (route.meta.context === 'user' && \n      auth.state.user && \n      route.params._id !== auth.state.user?._id && \n      !auth.state.access?.roles?.includes('ROLE_MODERATOR') && \n      !auth.state.access?.roles?.includes('ROLE_ADMIN')) {\n    router.push('/401');\n  }\n\n\tconst isOpeStatusPopup = ref(false);\n\tconst selectedMember = ref(null);\n\n\tfunction openStatusPopup(member) {\n\t  isOpeStatusPopup.value = true;\n\t  if (typeof member === \"number\") selectedMember.value = member;\n\t}\n\n\tfunction closeStatusPopup() {\n\t  isOpeStatusPopup.value = false;\n\t  selectedMember.value = null;\n\t}\n\n\tconst isOpenPaymentPopup = ref(false);\n\n\tconst selectedPayments = ref({\n\t\ttype: null,\n\t\tstatus: null\n\t});\n\n\tfunction openPaymentPopup() {\n\t  selectedPayments.value.type = order.value.payment.type\n\t  selectedPayments.value.status = order.value.payment.status\n\n\t  isOpenPaymentPopup.value = true;\n\t}\n\n\tfunction closePaymentPopup() {\n\t  isOpenPaymentPopup.value = false;\n\t}\n\n\tonMounted(async()=>{\n\t\torder.value = await orders.actions.read({_id: route.params.order})\n\t\torder.value = order.value[0]\n\n\t  orderOrganization.value = await organizations.actions.read({\n\t    _id: order.value?.owner.target._id,\n\t    location: globals.state.position?.location,\n\t    lookup: ['spots']\n\t  });\n\n\t})\n\n\nconst deliveryCost = computed(() => {\n  const type = orders.state.current.delivery.type\n  const distance = orderOrganization.value[0]?.distance || 0\n  const config = globals.state.options?.orders?.delivery_formula || {}\n\n  return orders.getters.getDeliveryPrice(type, distance, config)\n})\n\n\tlet cartTotalPrice = computed(() => {\n     return Number(order.value?.positions.reduce((total, product) => {\n      // Проверяем тип листинга\n      if (product.listing === 'rent') {\n        const start = new Date(product.date.start)\n        const end = new Date(product.date.end)\n        const diffTime = Math.abs(end - start)\n        return total + product.price * (Math.ceil(diffTime / (1000 * 60 * 60 * 24)) + 1);\n      } else {\n        // Для обычных товаров умножаем на количество\n        return total + product.price * (product.quantity || 1);\n      }\n    }, 0));\n  })\n\n\n  let cartTotalAmount = computed(() => {\n    return Number(order.value?.positions.reduce((total, product) => {\n      return total + product.quantity;\n    }, 0));\n  })\n\n  // Функция установки нового статуса\n\tasync function setStatus (newStatus) {\n\t  orders.state.current.status = newStatus\n\n\t  await orders.actions.update(orders.state.current)\n\t} \n\n\n\tfunction getNextStatus(currentStatus) {\n\t  const currentIndex = globals.state.options.orders.statuses.findIndex(status => status.value === currentStatus);\n\n\t  if (currentIndex !== -1 && currentIndex + 1 < statuses.length) {\n\t    return globals.state.options.orders.statuses[currentIndex + 1];\n\t  }\n\t  return null; // If next status doesn't exist\n\t}\n\n\tconst isActiveStatus = (index) => {\n\t  return globals.state.options.orders.statuses.slice(index).some(status => status.value === order.value.status);\n\t};\n\n  async function changePaymentStatus() {\n    if (selectedPayments.value.status && selectedPayments.value.type) {\n      orders.state.current.payment = selectedPayments.value;\n\n      await orders.actions.update(orders.state.current)\n    } else {\n      console.error('Payment status is void. Must handle somehow.');\n    }\n\n\t\tclosePaymentPopup()\n  }\n\n  async function setNextStatus() {\n    const nextStatus = getNextStatus(orders.state.current.status);\n\n    if (nextStatus) {\n      orders.state.current.status = nextStatus.value;\n      \n      // Обновляем позиции заказа из текущего состояния\n      orders.state.current.positions = order.value.positions;\n\n      await orders.actions.update(orders.state.current)\n    } else {\n      console.error('Next status is void. Must handle somehow.');\n    }\n\n\t\tcloseStatusPopup()\n  }\n\n  async function cancelOrder() {\n  \talert()\n\n    orders.state.current.status = 'canceled';\n\n    await orders.actions.update(orders.state.current)\n}\n\n\n  async function confirmOrder() {\n  \talert()\n\n    orders.state.current.status = 'confirmed';\n\n    await orders.actions.update(orders.state.current)\n\t}\n\n\tfunction calculateDeliveryTime(distance, date) {\n\t  if (!distance) {\n\t    return null;\n\t  }\n\n\t  const basePreparationTime = 10 * 60 * 1000; // Convert to milliseconds\n\t  const travelTime = Math.ceil((15 + 5 + 3 * distance) / 5) * 5 * 60 * 1000;\n\n\t  // Преобразование даты начала в миллисекунды и добавление времени подготовки и доставки\n\t  const startTime = new Date(date).getTime();\n\t  const estimatedDeliveryTime = new Date(startTime + basePreparationTime + travelTime);\n\n\t  return estimatedDeliveryTime;\n\t}\n\n\n</script>\n\n<style lang=\"scss\" scoped>\n\t.blink {\n\t  animation: blink-animation 1s ease infinite;\n\t}\n\n\t@keyframes blink-animation {\n\t  0%, 100% {\n\t    opacity: 1;\n\t  }\n\t  50% {\n\t    opacity: 0.8;\n\t  }\n\t}\n</style>"],"names":["globals.state","auth.state","orders.actions","organizations.actions","_a","orders.state","orders.getters"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0TC,UAAM,EAAE,OAAQ,IAAG,QAAS;AAE5B,UAAM,SAAS,UAAS;AACxB,UAAM,QAAQ,SAAQ;AAEtB,UAAM,QAAQ,IAAI,IAAI;AACO,QAAI,IAAI;AACrC,UAAM,oBAAoB,IAAI,IAAI;AAElC,UAAM,WAAWA,MAAc,QAAQ,OAAO;AAG7C,QAAI,MAAM,KAAK,YAAY,UACvBC,QAAW,QACX,MAAM,OAAO,UAAQA,aAAW,SAAXA,mBAAiB,QACtC,GAACA,mBAAW,WAAXA,mBAAmB,UAAnBA,mBAA0B,SAAS,sBACpC,GAACA,mBAAW,WAAXA,mBAAmB,UAAnBA,mBAA0B,SAAS,gBAAe;AACrD,aAAO,KAAK,MAAM;AAAA,IACtB;AAEC,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,UAAM,qBAAqB,IAAI,KAAK;AAEpC,UAAM,mBAAmB,IAAI;AAAA,MAC5B,MAAM;AAAA,MACN,QAAQ;AAAA,IACV,CAAE;AAED,aAAS,mBAAmB;AAC1B,uBAAiB,MAAM,OAAO,MAAM,MAAM,QAAQ;AAClD,uBAAiB,MAAM,SAAS,MAAM,MAAM,QAAQ;AAEpD,yBAAmB,QAAQ;AAAA,IAC9B;AAEC,aAAS,oBAAoB;AAC3B,yBAAmB,QAAQ;AAAA,IAC9B;AAEC,cAAU,YAAS;;AAClB,YAAM,QAAQ,MAAMC,QAAe,KAAK,EAAC,KAAK,MAAM,OAAO,MAAK,CAAC;AACjE,YAAM,QAAQ,MAAM,MAAM,CAAC;AAE1B,wBAAkB,QAAQ,MAAMC,UAAsB,KAAK;AAAA,QACzD,MAAKC,MAAA,MAAM,UAAN,gBAAAA,IAAa,MAAM,OAAO;AAAA,QAC/B,WAAUJ,MAAAA,MAAc,aAAdA,gBAAAA,IAAwB;AAAA,QAClC,QAAQ,CAAC,OAAO;AAAA,MACrB,CAAI;AAAA,IAEF,CAAA;AAGF,UAAM,eAAe,SAAS,MAAM;;AAClC,YAAM,OAAOK,QAAa,QAAQ,SAAS;AAC3C,YAAM,aAAWD,MAAA,kBAAkB,MAAM,CAAC,MAAzB,gBAAAA,IAA4B,aAAY;AACzD,YAAM,WAASJ,OAAAA,MAAAA,MAAc,YAAdA,gBAAAA,IAAuB,WAAvBA,gBAAAA,IAA+B,qBAAoB,CAAA;AAElE,aAAOM,QAAe,iBAAiB,MAAM,UAAU,MAAM;AAAA,IAC/D,CAAC;AAEA,QAAI,iBAAiB,SAAS,MAAM;;AAChC,aAAO,QAAOF,MAAA,MAAM,UAAN,gBAAAA,IAAa,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,QAAOA,MAAA,MAAM,UAAN,gBAAAA,IAAa,UAAU,OAAO,CAAC,OAAO,YAAY;AAC9D,eAAO,QAAQ,QAAQ;AAAA,MACxB,GAAE,EAAE;AAAA,IACN,CAAA;AAUF,aAAS,cAAc,eAAe;AACpC,YAAM,eAAeJ,MAAc,QAAQ,OAAO,SAAS,UAAU,YAAU,OAAO,UAAU,aAAa;AAE7G,UAAI,iBAAiB,MAAM,eAAe,IAAI,SAAS,QAAQ;AAC7D,eAAOA,MAAc,QAAQ,OAAO,SAAS,eAAe,CAAC;AAAA,MAClE;AACG,aAAO;AAAA,IACV;AAEC,UAAM,iBAAiB,CAAC,UAAU;AAChC,aAAOA,MAAc,QAAQ,OAAO,SAAS,MAAM,KAAK,EAAE,KAAK,YAAU,OAAO,UAAU,MAAM,MAAM,MAAM;AAAA,IAC7G;AAEA,mBAAe,sBAAsB;AACnC,UAAI,iBAAiB,MAAM,UAAU,iBAAiB,MAAM,MAAM;AAChEK,gBAAa,QAAQ,UAAU,iBAAiB;AAEhD,cAAMH,QAAe,OAAOG,QAAa,OAAO;AAAA,MACtD,OAAW;AACL,gBAAQ,MAAM,8CAA8C;AAAA,MAClE;AAEE,wBAAiB;AAAA,IACnB;AAEE,mBAAe,gBAAgB;AAC7B,YAAM,aAAa,cAAcA,QAAa,QAAQ,MAAM;AAE5D,UAAI,YAAY;AACdA,gBAAa,QAAQ,SAAS,WAAW;AAGzCA,gBAAa,QAAQ,YAAY,MAAM,MAAM;AAE7C,cAAMH,QAAe,OAAOG,QAAa,OAAO;AAAA,MACtD,OAAW;AACL,gBAAQ,MAAM,2CAA2C;AAAA,MAC/D;AAEE,uBAAgB;AAAA,IAClB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}