@ozdao/prometheus-framework 0.2.198 → 0.2.200

package/dist/prometheus-framework/src/modules/orders/components/pages/Order.vue.js

@@ -1,202 +1,263 @@
-import { ref as g, onMounted as V, computed as f, openBlock as d, createElementBlock as m, createElementVNode as e, toDisplayString as a, normalizeClass as v, createTextVNode as A, createCommentVNode as u, createBlock as w, unref as p, Fragment as B, renderList as U, createVNode as q, pushScopeId as H, popScopeId as W } from "vue";
-import { useRouter as Y, useRoute as L } from "vue-router";
-import j from "../blocks/CardOrderItem.vue.js";
-import G from "../../../organizations/components/blocks/CardOrganization.vue.js";
-import J from "../../../chats/components/pages/ChatPage.vue.js";
-import K from "../blocks/StatusHistory.vue.js";
-import { state as Q } from "../../../globals/views/store/globals.js";
-import { actions as X, state as y } from "../../store/orders.js";
-import { actions as Z } from "../../../products/store/products.js";
-import { actions as ee } from "../../../organizations/store/organizations.js";
+import { ref, onMounted, computed, openBlock, createElementBlock, createElementVNode, toDisplayString, normalizeClass, createTextVNode, createCommentVNode, createBlock, unref, Fragment, renderList, createVNode, pushScopeId, popScopeId } from "vue";
+import { useRouter, useRoute } from "vue-router";
+import _sfc_main$3 from "../blocks/CardOrderItem.vue.js";
+import _sfc_main$1 from "../../../organizations/components/blocks/CardOrganization.vue.js";
+import _sfc_main$4 from "../../../chats/components/pages/ChatPage.vue.js";
+import _sfc_main$2 from "../blocks/StatusHistory.vue.js";
+import { state } from "../../../globals/views/store/globals.js";
+import { actions, state as state$1 } from "../../store/orders.js";
+import { actions as actions$1 } from "../../../products/store/products.js";
+import { actions as actions$2 } from "../../../organizations/store/organizations.js";
 /* empty css           */
-import se from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const n = (h) => (H("data-v-d2db1c69"), h = h(), W(), h), te = {
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const _withScopeId = (n) => (pushScopeId("data-v-d2db1c69"), n = n(), popScopeId(), n);
+const _hoisted_1 = {
   key: 0,
   class: "pd-thin"
-}, ae = {
+};
+const _hoisted_2 = {
   key: 0,
   class: "mn-b-thin pos-relative w-100 bg-main radius-big pd-big"
-}, ie = { class: "mn-b-small" }, re = /* @__PURE__ */ n(() => /* @__PURE__ */ e("p", { class: "mn-b-medium w-m-40r p-medium" }, "Your order has been successfully created. Our manager will contact you within five minutes to confirm your order.", -1)), le = { class: "radius-extra mn-b-medium flex-nowrap flex h-1r pos-relativew-40r" }, ne = { class: "pos-absolute pos-t-medium pos-r-medium t-medium p-medium" }, oe = { class: "p-small t-transp" }, de = {
+};
+const _hoisted_3 = { class: "mn-b-small" };
+const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("p", { class: "mn-b-medium w-m-40r p-medium" }, "Your order has been successfully created. Our manager will contact you within five minutes to confirm your order.", -1));
+const _hoisted_5 = { class: "radius-extra mn-b-medium flex-nowrap flex h-1r pos-relativew-40r" };
+const _hoisted_6 = { class: "pos-absolute pos-t-medium pos-r-medium t-medium p-medium" };
+const _hoisted_7 = { class: "p-small t-transp" };
+const _hoisted_8 = {
   key: 1,
   class: "gap-thin cols-2"
-}, ue = { class: "w-100" }, ce = { class: "mn-b-thin bg-light w-100 o-hidden radius-medium" }, me = { class: "pd-small flex-nowrap flex" }, pe = { class: "mn-r-auto" }, _e = /* @__PURE__ */ n(() => /* @__PURE__ */ e("span", { class: "d-block t-medium p-medium" }, "Your order is", -1)), ve = { class: "t-lh-075 h2 d-block mn-b-small" }, he = /* @__PURE__ */ n(() => /* @__PURE__ */ e("p", { class: "pd-t-nano pd-b-nano pd-r-thin pd-l-thin radius-extra bg-black t-white w-max" }, "as on 29 aug 2021, Friday", -1)), be = { class: "pd-small cols-2 br-t br-black-transp-10 br-solid" }, ge = /* @__PURE__ */ n(() => /* @__PURE__ */ e("p", { class: "w-100 t-medium p-medium" }, " Phone ", -1)), fe = { class: "w-100 t-right" }, we = {
+};
+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 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "d-block t-medium p-medium" }, "Your order is", -1));
+const _hoisted_14 = { class: "t-lh-075 h2 d-block mn-b-small" };
+const _hoisted_15 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("p", { class: "pd-t-nano pd-b-nano pd-r-thin pd-l-thin radius-extra bg-black t-white w-max" }, "as on 29 aug 2021, Friday", -1));
+const _hoisted_16 = { class: "pd-small cols-2 br-t br-black-transp-10 br-solid" };
+const _hoisted_17 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("p", { class: "w-100 t-medium p-medium" }, " Phone ", -1));
+const _hoisted_18 = { class: "w-100 t-right" };
+const _hoisted_19 = {
   key: 0,
   class: "pd-small cols-2 br-t br-black-transp-10 br-solid"
-}, ye = { class: "w-100 t-medium p-medium" }, ke = { class: "w-100 t-right" }, xe = { class: "pd-small cols-2 br-t br-black-transp-10 br-solid" }, Oe = /* @__PURE__ */ n(() => /* @__PURE__ */ e("p", { class: "t-medium p-medium" }, " Address ", -1)), De = { class: "w-100 t-right" }, Ie = { class: "pd-small cols-2 br-t br-black-transp-10 br-solid" }, Ce = /* @__PURE__ */ n(() => /* @__PURE__ */ e("p", { class: "mn-b-small t-medium p-medium" }, " Delivery ", -1)), Ne = { class: "w-100 t-right mn-b-small" }, Me = {
+};
+const _hoisted_20 = { class: "w-100 t-medium p-medium" };
+const _hoisted_21 = { class: "w-100 t-right" };
+const _hoisted_22 = { class: "pd-small cols-2 br-t br-black-transp-10 br-solid" };
+const _hoisted_23 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("p", { class: "t-medium p-medium" }, " Address ", -1));
+const _hoisted_24 = { class: "w-100 t-right" };
+const _hoisted_25 = { class: "pd-small cols-2 br-t br-black-transp-10 br-solid" };
+const _hoisted_26 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("p", { class: "mn-b-small t-medium p-medium" }, " Delivery ", -1));
+const _hoisted_27 = { class: "w-100 t-right mn-b-small" };
+const _hoisted_28 = {
   key: 2,
   class: "t-transp"
-}, Se = { class: "bg-light radius-big pd-medium mn-r-bold pd-r-big br-right-dark w-100" }, Te = /* @__PURE__ */ n(() => /* @__PURE__ */ e("h3", { class: "mn-b-small" }, "Order Summary", -1)), $e = { class: "flex gap-thin flex-column mn-b-semi" }, ze = { class: "mn-b-medium radius-small br-solid br-1px br-black-transp-10 w-100" }, Pe = { class: "pd-small br-solid br-b br-black-transp-10 flex" }, Ee = /* @__PURE__ */ n(() => /* @__PURE__ */ e("p", { class: "mn-r-auto t-transp" }, "In total", -1)), Fe = { class: "pd-small br-solid br-b br-black-transp-10 flex" }, Re = /* @__PURE__ */ n(() => /* @__PURE__ */ e("p", { class: "mn-r-auto t-transp" }, "Delivery", -1)), Ve = { class: "pd-small flex-bottom flex" }, Ae = /* @__PURE__ */ n(() => /* @__PURE__ */ e("p", { class: "mn-r-auto t-transp" }, "In total to pay", -1)), Be = { class: "p-big t-semi" }, Ue = /* @__PURE__ */ n(() => /* @__PURE__ */ e("h3", { class: "mn-b-small" }, "Chat With Us", -1)), qe = {
+};
+const _hoisted_29 = { class: "bg-light radius-big pd-medium mn-r-bold pd-r-big br-right-dark w-100" };
+const _hoisted_30 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("h3", { class: "mn-b-small" }, "Order Summary", -1));
+const _hoisted_31 = { class: "flex gap-thin flex-column mn-b-semi" };
+const _hoisted_32 = { class: "mn-b-medium radius-small br-solid br-1px br-black-transp-10 w-100" };
+const _hoisted_33 = { class: "pd-small br-solid br-b br-black-transp-10 flex" };
+const _hoisted_34 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("p", { class: "mn-r-auto t-transp" }, "In total", -1));
+const _hoisted_35 = { class: "pd-small br-solid br-b br-black-transp-10 flex" };
+const _hoisted_36 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("p", { class: "mn-r-auto t-transp" }, "Delivery", -1));
+const _hoisted_37 = { class: "pd-small flex-bottom flex" };
+const _hoisted_38 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("p", { class: "mn-r-auto t-transp" }, "In total to pay", -1));
+const _hoisted_39 = { class: "p-big t-semi" };
+const _hoisted_40 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("h3", { class: "mn-b-small" }, "Chat With Us", -1));
+const _sfc_main = {
   __name: "Order",
-  setup(h) {
-    Y();
-    const b = L(), s = g(null), k = g(null), r = g(null);
-    V(async () => {
-      var t, l, i;
-      s.value = await X.read({ _id: b.params.order }), s.value = s.value[0], k.value = await Z.read({
-        organization: (t = s.value) == null ? void 0 : t.owner.target._id
-      }), r.value = await ee.read({
-        _id: (l = s.value) == null ? void 0 : l.owner.target._id,
-        location: (i = Q.position) == null ? void 0 : i.location
+  setup(__props) {
+    useRouter();
+    const route = useRoute();
+    const order = ref(null);
+    const productsOrganization = ref(null);
+    const orderOrganization = ref(null);
+    onMounted(async () => {
+      var _a, _b, _c;
+      order.value = await actions.read({ _id: route.params.order });
+      order.value = order.value[0];
+      productsOrganization.value = await actions$1.read({
+        organization: (_a = order.value) == null ? void 0 : _a.owner.target._id
+      });
+      orderOrganization.value = await actions$2.read({
+        _id: (_b = order.value) == null ? void 0 : _b.owner.target._id,
+        location: (_c = state.position) == null ? void 0 : _c.location
       });
     });
-    let x = f(() => {
-      var t;
-      return Number((t = s.value) == null ? void 0 : t.positions.reduce((l, i) => l + i.price * i.quantity, 0));
+    let cartTotalPrice = computed(() => {
+      var _a;
+      return Number((_a = order.value) == null ? void 0 : _a.positions.reduce((total, product) => {
+        return total + product.price * product.quantity;
+      }, 0));
     });
-    f(() => {
-      var t;
-      return Number((t = s.value) == null ? void 0 : t.positions.reduce((l, i) => l + i.quantity, 0));
+    computed(() => {
+      var _a;
+      return Number((_a = order.value) == null ? void 0 : _a.positions.reduce((total, product) => {
+        return total + product.quantity;
+      }, 0));
     });
-    let F = f(() => {
-      var t;
-      return (t = s.value) == null ? void 0 : t.positions.map(({ _id: l, quantity: i }) => {
-        const o = k.value.find((c) => c._id === l);
+    let orderProducts = computed(() => {
+      var _a;
+      return (_a = order.value) == null ? void 0 : _a.positions.map(({ _id, quantity }) => {
+        const product = productsOrganization.value.find((product2) => product2._id === _id);
         return {
-          name: o.name,
-          images: o.images,
-          price: o.price,
-          _id: o._id,
-          quantity: i
+          name: product.name,
+          images: product.images,
+          price: product.price,
+          _id: product._id,
+          quantity
         };
       });
     });
-    function R(t, l) {
-      if (!t)
+    function calculateDeliveryTime(distance, date) {
+      if (!distance) {
         return null;
-      const i = 10 * 60 * 1e3, o = Math.ceil((20 + 3 * t) / 5) * 5 * 60 * 1e3, c = new Date(l).getTime(), _ = new Date(c + i + o);
-      return console.log(l), console.log(_), _;
+      }
+      const basePreparationTime = 10 * 60 * 1e3;
+      const travelTime = Math.ceil((15 + 5 + 3 * distance) / 5) * 5 * 60 * 1e3;
+      const startTime = new Date(date).getTime();
+      const estimatedDeliveryTime = new Date(startTime + basePreparationTime + travelTime);
+      console.log(date);
+      console.log(estimatedDeliveryTime);
+      return estimatedDeliveryTime;
     }
-    return (t, l) => {
-      var i, o, c, _, O, D, I, C, N, M, S, T, $, z, P;
-      return s.value && r.value ? (d(), m("div", te, [
-        s.value ? (d(), m("div", ae, [
-          e("h2", ie, "Order is " + a(s.value.status), 1),
-          re,
-          e("div", le, [
-            e("div", {
-              class: v([
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
+      return order.value && orderOrganization.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        order.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createElementVNode("h2", _hoisted_3, "Order is " + toDisplayString(order.value.status), 1),
+          _hoisted_4,
+          createElementVNode("div", _hoisted_5, [
+            createElementVNode("div", {
+              class: normalizeClass([
                 "bg-light br-anim br-glow radius-extra mn-r-thin h-100 w-20",
-                { "br-anim br-glow br-glow-anim": ["created", "confirmed", "packing", "in delivery", "delivered"].indexOf(s.value.status) === 0 }
+                { "br-anim br-glow br-glow-anim": ["created", "confirmed", "packing", "in delivery", "delivered"].indexOf(order.value.status) === 0 }
               ])
             }, null, 2),
-            e("div", {
-              class: v([
+            createElementVNode("div", {
+              class: normalizeClass([
                 "bg-light br-anim br-glow radius-extra mn-r-thin h-100 w-20",
-                { "br-anim br-glow br-glow-anim": ["created", "confirmed", "packing", "in delivery", "delivered"].indexOf(s.value.status) === 0 },
-                { "t-transp": ["created", "confirmed", "packing", "in delivery", "delivered"].indexOf(s.value.status) === -1 },
-                { blink: s.value.status === "created" }
+                { "br-anim br-glow br-glow-anim": ["created", "confirmed", "packing", "in delivery", "delivered"].indexOf(order.value.status) === 0 },
+                { "t-transp": ["created", "confirmed", "packing", "in delivery", "delivered"].indexOf(order.value.status) === -1 },
+                { "blink": order.value.status === "created" }
               ])
             }, null, 2),
-            e("div", {
-              class: v([
-                { "br-anim br-glow br-glow-anim": ["confirmed", "packing", "in delivery", "delivered"].indexOf(s.value.status) === 0 },
-                { "t-transp": ["confirmed", "packing", "in delivery", "delivered"].indexOf(s.value.status) === -1 },
-                { blink: s.value.status === "confirmed" },
+            createElementVNode("div", {
+              class: normalizeClass([
+                { "br-anim br-glow br-glow-anim": ["confirmed", "packing", "in delivery", "delivered"].indexOf(order.value.status) === 0 },
+                { "t-transp": ["confirmed", "packing", "in delivery", "delivered"].indexOf(order.value.status) === -1 },
+                { "blink": order.value.status === "confirmed" },
                 "bg-light radius-extra mn-r-thin h-100 w-40"
               ])
             }, null, 2),
-            e("div", {
-              class: v([
+            createElementVNode("div", {
+              class: normalizeClass([
                 "bg-light radius-extra mn-r-thin h-100 w-40",
-                { "br-anim br-glow br-glow-anim": ["packing", "in delivery", "delivered"].indexOf(s.value.status) === 0 },
-                { "t-transp": ["packing", "in delivery", "delivered"].indexOf(s.value.status) === -1 },
-                { blink: s.value.status === "packing" }
+                { "br-anim br-glow br-glow-anim": ["packing", "in delivery", "delivered"].indexOf(order.value.status) === 0 },
+                { "t-transp": ["packing", "in delivery", "delivered"].indexOf(order.value.status) === -1 },
+                { "blink": order.value.status === "packing" }
               ])
             }, null, 2),
-            e("div", {
-              class: v([
+            createElementVNode("div", {
+              class: normalizeClass([
                 "bg-light radius-extra h-100 w-20",
-                { "br-anim br-glow br-glow-anim": ["in delivery", "delivered"].indexOf(s.value.status) === 0 },
-                { "t-transp": ["in delivery", "delivered"].indexOf(s.value.status) === -1 },
-                { blink: s.value.status === "in delivery" }
+                { "br-anim br-glow br-glow-anim": ["in delivery", "delivered"].indexOf(order.value.status) === 0 },
+                { "t-transp": ["in delivery", "delivered"].indexOf(order.value.status) === -1 },
+                { "blink": order.value.status === "in delivery" }
               ])
             }, null, 2)
           ]),
-          e("p", null, "Estimated Arrival " + a(t.formatDate(R((i = r.value[0]) == null ? void 0 : i.distance, s.value.createdAt))), 1),
-          e("h3", null, a((o = r.value[0]) != null && o.distance ? Math.ceil((10 + 3 * ((c = r.value[0]) == null ? void 0 : c.distance)) / 5) * 5 + "-" + Math.ceil((20 + 3 * ((_ = r.value[0]) == null ? void 0 : _.distance)) / 5) * 5 + " MIN" : "Unavailable"), 1),
-          e("p", ne, [
-            A(" Order No: "),
-            e("span", oe, "#" + a(s.value._id), 1)
+          createElementVNode("p", null, "Estimated Arrival " + toDisplayString(_ctx.formatDate(calculateDeliveryTime((_a = orderOrganization.value[0]) == null ? void 0 : _a.distance, order.value.createdAt))), 1),
+          createElementVNode("h3", null, toDisplayString(((_b = orderOrganization.value[0]) == null ? void 0 : _b.distance) ? Math.ceil((5 + 5 + 3 * ((_c = orderOrganization.value[0]) == null ? void 0 : _c.distance)) / 5) * 5 + "-" + Math.ceil((15 + 5 + 3 * ((_d = orderOrganization.value[0]) == null ? void 0 : _d.distance)) / 5) * 5 + " MIN" : "Unavailable"), 1),
+          createElementVNode("p", _hoisted_6, [
+            createTextVNode(" Order No: "),
+            createElementVNode("span", _hoisted_7, "#" + toDisplayString(order.value._id), 1)
           ])
-        ])) : u("", !0),
-        s.value ? (d(), m("div", de, [
-          e("div", ue, [
-            r.value[0] ? (d(), w(G, {
+        ])) : createCommentVNode("", true),
+        order.value ? (openBlock(), createElementBlock("div", _hoisted_8, [
+          createElementVNode("div", _hoisted_9, [
+            orderOrganization.value[0] ? (openBlock(), createBlock(_sfc_main$1, {
               key: 0,
-              organization: r.value[0],
-              showRating: !0,
-              showFollowers: !1,
-              showProducts: !1,
+              organization: orderOrganization.value[0],
+              showRating: true,
+              showFollowers: false,
+              showProducts: false,
               class: "bg-light mn-b-thin w-100 o-hidden radius-big pd-small"
-            }, null, 8, ["organization"])) : u("", !0),
-            e("div", ce, [
-              e("div", me, [
-                e("div", pe, [
-                  _e,
-                  e("span", ve, a(s.value.status), 1),
-                  he
+            }, null, 8, ["organization"])) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_10, [
+              createElementVNode("div", _hoisted_11, [
+                createElementVNode("div", _hoisted_12, [
+                  _hoisted_13,
+                  createElementVNode("span", _hoisted_14, toDisplayString(order.value.status), 1),
+                  _hoisted_15
                 ])
               ]),
-              e("div", be, [
-                ge,
-                e("p", fe, a((O = s.value.user) == null ? void 0 : O.number), 1)
+              createElementVNode("div", _hoisted_16, [
+                _hoisted_17,
+                createElementVNode("p", _hoisted_18, toDisplayString((_e = order.value.user) == null ? void 0 : _e.number), 1)
               ]),
-              (D = s.value.user) != null && D.messenger.type ? (d(), m("div", we, [
-                e("p", ye, a((I = s.value.user) == null ? void 0 : I.messenger.type), 1),
-                e("p", ke, a((C = s.value.user) == null ? void 0 : C.messenger.value), 1)
-              ])) : u("", !0),
-              e("div", xe, [
-                Oe,
-                e("p", De, a((N = s.value.delivery) == null ? void 0 : N.address.slice(0, 64)), 1)
+              ((_f = order.value.user) == null ? void 0 : _f.messenger.type) ? (openBlock(), createElementBlock("div", _hoisted_19, [
+                createElementVNode("p", _hoisted_20, toDisplayString((_g = order.value.user) == null ? void 0 : _g.messenger.type), 1),
+                createElementVNode("p", _hoisted_21, toDisplayString((_h = order.value.user) == null ? void 0 : _h.messenger.value), 1)
+              ])) : createCommentVNode("", true),
+              createElementVNode("div", _hoisted_22, [
+                _hoisted_23,
+                createElementVNode("p", _hoisted_24, toDisplayString((_i = order.value.delivery) == null ? void 0 : _i.address.slice(0, 64)), 1)
               ]),
-              e("div", Ie, [
-                Ce,
-                e("p", Ne, a((M = s.value.delivery) == null ? void 0 : M.type), 1)
+              createElementVNode("div", _hoisted_25, [
+                _hoisted_26,
+                createElementVNode("p", _hoisted_27, toDisplayString((_j = order.value.delivery) == null ? void 0 : _j.type), 1)
               ])
             ]),
-            y.current.status_history ? (d(), w(K, {
+            state$1.current.status_history ? (openBlock(), createBlock(_sfc_main$2, {
               key: 1,
-              statusHistory: y.current.status_history,
-              statusCurrent: y.current.status,
-              edit: p(b).name === "Order Edit"
-            }, null, 8, ["statusHistory", "statusCurrent", "edit"])) : u("", !0),
-            t.payment && t.payment.Status === "CONFIRMED" ? (d(), m("span", Me, "Paid")) : u("", !0)
+              statusHistory: state$1.current.status_history,
+              statusCurrent: state$1.current.status,
+              edit: unref(route).name === "Order Edit"
+            }, null, 8, ["statusHistory", "statusCurrent", "edit"])) : createCommentVNode("", true),
+            _ctx.payment && _ctx.payment.Status === "CONFIRMED" ? (openBlock(), createElementBlock("span", _hoisted_28, "Paid")) : createCommentVNode("", true)
           ]),
-          e("div", Se, [
-            Te,
-            e("ul", $e, [
-              (d(!0), m(B, null, U(p(F), (E, He) => (d(), w(j, {
-                key: E._id,
-                editable: !1,
-                product: E
-              }, null, 8, ["product"]))), 128))
+          createElementVNode("div", _hoisted_29, [
+            _hoisted_30,
+            createElementVNode("ul", _hoisted_31, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(orderProducts), (product, index) => {
+                return openBlock(), createBlock(_sfc_main$3, {
+                  key: product._id,
+                  editable: false,
+                  product
+                }, null, 8, ["product"]);
+              }), 128))
             ]),
-            e("div", ze, [
-              e("div", Pe, [
-                Ee,
-                e("p", null, a(p(x)) + " " + a(t.returnCurrency()), 1)
+            createElementVNode("div", _hoisted_32, [
+              createElementVNode("div", _hoisted_33, [
+                _hoisted_34,
+                createElementVNode("p", null, toDisplayString(unref(cartTotalPrice)) + " " + toDisplayString(_ctx.returnCurrency()), 1)
               ]),
-              e("div", Fe, [
-                Re,
-                e("p", null, a(t.returnCurrency()) + " " + a(Math.trunc(100 + 20 * ((S = r.value[0]) == null ? void 0 : S.distance) - 7, 5 * (((T = r.value[0]) == null ? void 0 : T.distance) / 10))), 1)
+              createElementVNode("div", _hoisted_35, [
+                _hoisted_36,
+                createElementVNode("p", null, toDisplayString(_ctx.returnCurrency()) + " " + toDisplayString(Math.trunc(100 + 20 * ((_k = orderOrganization.value[0]) == null ? void 0 : _k.distance) - 7, 5 * (((_l = orderOrganization.value[0]) == null ? void 0 : _l.distance) / 10))), 1)
               ]),
-              e("div", Ve, [
-                Ae,
-                e("p", Be, a(t.returnCurrency()) + " " + a(Math.trunc(100 + 20 * (($ = r.value[0]) == null ? void 0 : $.distance) - 7, 5 * (((z = r.value[0]) == null ? void 0 : z.distance) / 10)) + p(x)), 1)
+              createElementVNode("div", _hoisted_37, [
+                _hoisted_38,
+                createElementVNode("p", _hoisted_39, toDisplayString(_ctx.returnCurrency()) + " " + toDisplayString(Math.trunc(100 + 20 * ((_m = orderOrganization.value[0]) == null ? void 0 : _m.distance) - 7, 5 * (((_n = orderOrganization.value[0]) == null ? void 0 : _n.distance) / 10)) + unref(cartTotalPrice)), 1)
               ])
             ]),
-            Ue,
-            q(J, {
-              username: p(b).name === "Order Status" ? ((P = s.value.user) == null ? void 0 : P.name) || "User" : "Weeder Support",
-              chatID: p(b).params.order,
+            _hoisted_40,
+            createVNode(_sfc_main$4, {
+              username: unref(route).name === "Order Status" ? ((_o = order.value.user) == null ? void 0 : _o.name) || "User" : "Weeder Support",
+              chatID: unref(route).params.order,
               class: "radius-semi bg-white o-hidden"
             }, null, 8, ["username", "chatID"])
           ])
-        ])) : u("", !0)
-      ])) : u("", !0);
+        ])) : createCommentVNode("", true)
+      ])) : createCommentVNode("", true);
     };
   }
-}, ts = /* @__PURE__ */ se(qe, [["__scopeId", "data-v-d2db1c69"]]);
+};
+const Order = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d2db1c69"]]);
 export {
-  ts as default
+  Order as default
 };
+//# sourceMappingURL=Order.vue.js.map

package/dist/prometheus-framework/src/modules/orders/components/pages/Order.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Order.vue.js","sources":["../../../../../../../src/modules/orders/components/pages/Order.vue"],"sourcesContent":["<template>\n\t<div v-if=\"order && orderOrganization\" class=\"pd-thin\"> \n\t  \n\t\n\n\t  <div v-if=\"order\" class=\"mn-b-thin pos-relative w-100 bg-main radius-big pd-big\">\n\n\t  \t<h2 class=\"mn-b-small\">Order is {{order.status}}</h2>\n\t  \t<p class=\"mn-b-medium w-m-40r p-medium\">Your order has been successfully created. Our manager will contact you within five minutes to confirm your order.</p>\n\t  \n\t  \t\n\t  \t<!-- <p class=\"p-medium mn-b-thin t-semi\">{{ statuses.find(status => status.value === order.status).nextstatus}}</p> -->\n\n\t  \t<div class=\"radius-extra  mn-b-medium flex-nowrap flex h-1r pos-relativew-40r\">\n\t  \t\t<div \n\t  \t\t\tclass=\"bg-light br-anim br-glow radius-extra mn-r-thin h-100 w-20\"\n\t  \t\t\t:class=\"\n\t  \t\t\t\t{'br-anim br-glow br-glow-anim': ['created','confirmed', 'packing','in delivery','delivered'].indexOf(order.status) === 0 }\n\t  \t\t\t\"\n\t  \t\t/>\n\t  \t\t<div \n\t  \t\t\tclass=\"bg-light br-anim br-glow radius-extra mn-r-thin h-100 w-20\"\n\t  \t\t\t:class=\"\n\t  \t\t\t\t{'br-anim br-glow br-glow-anim': ['created','confirmed', 'packing','in delivery','delivered'].indexOf(order.status) === 0 },\n\t  \t\t\t\t\t{'t-transp': ['created','confirmed', 'packing','in delivery','delivered'].indexOf(order.status) === -1 },\n\t  \t\t\t\t{'blink': order.status === 'created' }\n\t  \t\t\t\"\n\t  \t\t/>\n\t  \t\t<div \n\t  \t\t\t:class=\"\n\t  \t\t\t\t{'br-anim br-glow br-glow-anim': ['confirmed', 'packing','in delivery','delivered'].indexOf(order.status) === 0 },\n\t  \t\t\t\t{'t-transp': ['confirmed', 'packing','in delivery','delivered'].indexOf(order.status) === -1 },\n\t  \t\t\t\t{'blink': order.status === 'confirmed' }\n\t  \t\t\t\"\n\t  \t\t\tclass=\"bg-light radius-extra mn-r-thin h-100 w-40\"\n\t  \t\t/>\n\t  \t\t<div \n\t  \t\t\tclass=\"bg-light radius-extra mn-r-thin h-100 w-40\"\n\t  \t\t\t:class=\"\n\t  \t\t\t\t{'br-anim br-glow br-glow-anim': ['packing','in delivery','delivered'].indexOf(order.status) === 0 },\n\t  \t\t\t\t{'t-transp': ['packing','in delivery','delivered'].indexOf(order.status) === -1 },\n\t  \t\t\t\t{'blink': order.status === 'packing' }\n\t  \t\t\t\"\n\t  \t\t/>\n\t  \t\t<div \n\t  \t\t\tclass=\"bg-light radius-extra h-100 w-20\"\n\t  \t\t\t:class=\"\n\t  \t\t\t\t{'br-anim br-glow br-glow-anim': ['in delivery','delivered'].indexOf(order.status) === 0 },\n\t  \t\t\t\t{'t-transp': ['in delivery','delivered'].indexOf(order.status) === -1 },\n\t  \t\t\t\t{'blink': order.status === 'in delivery' }\n\t  \t\t\t\"\n\t  \t\t/>\n\t  \t</div>\n\n\t  \t<!-- <div class=\"w-max pd-thin radius-small bg-white-transp-20\"> -->\n\t\t  \t<p>Estimated Arrival {{formatDate(calculateDeliveryTime(orderOrganization[0]?.distance, order.createdAt))}}</p>\n\t\t  \t<!-- Estimated in minutes -->\n\t  \t\t<h3>{{\n\t  \t\t\torderOrganization[0]?.distance ? \n          Math.ceil((5 + 5 + 3 * orderOrganization[0]?.distance) / 5) * 5 \n          + '-' \n          + Math.ceil((15 + 5 + 3 * orderOrganization[0]?.distance) / 5) * 5 \n          + ' MIN' : 'Unavailable' \n\t  \t\t}}</h3>\n\t  \t<!-- </div> -->\n\t  \n\t  \n    \t<p class=\" pos-absolute pos-t-medium pos-r-medium t-medium p-medium\">\n        Order No: <span class=\"p-small t-transp\">#{{order._id}}</span>\n      </p>\n\t  </div>\n\n\n\t  \n\t  <div v-if=\"order\" class=\"gap-thin cols-2\">\n\n\t    <div class=\"w-100\">\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-big pd-small \"\n\t\t    />\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\">Your 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\">as on 29 aug 2021, Friday</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 class=\"pd-small cols-2 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        {{order.user?.number}} \n\t\t\t      </p>\n\t\t\t    </div>\n\n\t\t\t    <div v-if=\"order.user?.messenger.type\" class=\"pd-small cols-2 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      \t{{order.user?.messenger.type}}\n\t\t\t      </p>\n\n\t\t\t      <p class=\"w-100 t-right \">\n\t\t\t        {{order.user?.messenger.value}} \n\t\t\t      </p>\n\t\t\t    </div>\n\n\t\t\t    <div class=\"pd-small  cols-2  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.slice(0,64)}} \n\t\t\t      </p>\n\t\t\t    </div>\n\n\t\t\t    <div class=\"pd-small  cols-2  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}} \n\t\t\t      </p>\n\t\t\t    </div>\n\n\t\t\t\t</div>\n\t\t\t\t\n\t     \t<StatusHistory \n\t     \t\tv-if=\"orders.state.current.status_history\"\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-big pd-medium  mn-r-bold pd-r-big br-right-dark 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-semi\">\n\t  \t\t\t<CardOrderItem\n\t  \t\t\t\tv-for=\"(product, index) in orderProducts\" :key=\"product._id\"\n\t  \t\t\t\t:editable=\"false\" \n\t  \t\t\t\t:product=\"product\" \n\t  \t\t\t/>\n\t      </ul>\n\t      \n\t      <div class=\"mn-b-medium radius-small br-solid br-1px br-black-transp-10 w-100\">\n\t\t      <div class=\"pd-small br-solid br-b br-black-transp-10  flex\">\n\t\t        <p class=\"mn-r-auto t-transp\">In total</p>\n\t\t        <p>{{ cartTotalPrice }} {{returnCurrency()}} </p>\n\t\t      </div>\n\t\t      <div class=\"pd-small br-solid br-b br-black-transp-10  flex\">\n\t\t        <p class=\"mn-r-auto  t-transp\">Delivery</p>\n\t\t        <p>{{returnCurrency()}} {{ Math.trunc(100 + 20 * orderOrganization[0]?.distance - 7,5 * (orderOrganization[0]?.distance  / 10))}} </p>\n\t\t      </div>\n\t\t      <div class=\"pd-small  flex-bottom flex\">\n\t\t        <p class=\"mn-r-auto t-transp\">In total to pay</p>\n\t\t        <p class=\"p-big t-semi\">{{returnCurrency()}} {{ Math.trunc(100 + 20 * orderOrganization[0]?.distance - 7,5 * (orderOrganization[0]?.distance  / 10)) + cartTotalPrice }}</p>\n\t\t      </div>\n\t\t    </div>\n\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 Status' ? order.user?.name || 'User' : 'Weeder Support'\n\t\t    \t\"\n\t\t    \t:chatID=\"route.params.order\"\n\t\t    \tclass=\"radius-semi bg-white o-hidden\"\n\t\t    />\n\n\t    </div>\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\t\n\timport CardOrderItem  from '@pf/src/modules/orders/components/blocks/CardOrderItem.vue'\n\timport CardOrganization from '@pf/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n\timport ChatWindow from '@pf/src/modules/chats/components/pages/ChatPage.vue';\n\n\timport StatusHistory from '@pf/src/modules/orders/components/blocks/StatusHistory.vue'\n\n\timport * as globals \tfrom '@pf/src/modules/globals/views/store/globals'\n\timport * as orders \tfrom '@pf/src/modules/orders/store/orders'\n\timport * as products \tfrom '@pf/src/modules/products/store/products'\n\timport * as organizations \tfrom '@pf/src/modules/organizations/store/organizations'\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\tonMounted(async()=>{\n\t\torder.value = await orders.actions.read({_id: route.params.order})\n\t\torder.value = order.value[0]\n\n\t\tproductsOrganization.value = await products.actions.read({\n\t    organization: order.value?.owner.target._id\n\t  });\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\t})\n\n\tlet cartTotalPrice = computed(() => {\n    return Number(order.value?.positions.reduce((total, product) => {\n      return total + product.price * product.quantity;\n    }, 0));\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  let orderProducts = computed(() => {\n    return order.value?.positions.map(({ _id, quantity }) => {\n\n\t    const product = productsOrganization.value.find(product => product._id === _id)\n\n\t\t    return {\n\t      name: product.name,\n\t      images: product.images,\n\t      price: product.price,\n\t      _id: product._id,\n\t      quantity\n\t    }\n\t  })\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","products.actions","organizations.actions","globals.state","product"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiOgB,cAAW;AAC1B,UAAM,QAAQ,SAAU;AAExB,UAAM,QAAQ,IAAI,IAAI;AACtB,UAAM,uBAAuB,IAAI,IAAI;AACrC,UAAM,oBAAoB,IAAI,IAAI;AAElC,cAAU,YAAS;;AAClB,YAAM,QAAQ,MAAMA,QAAe,KAAK,EAAC,KAAK,MAAM,OAAO,MAAK,CAAC;AACjE,YAAM,QAAQ,MAAM,MAAM,CAAC;AAE3B,2BAAqB,QAAQ,MAAMC,UAAiB,KAAK;AAAA,QACtD,eAAc,WAAM,UAAN,mBAAa,MAAM,OAAO;AAAA,MAC7C,CAAI;AAED,wBAAkB,QAAQ,MAAMC,UAAsB,KAAK;AAAA,QACzD,MAAK,WAAM,UAAN,mBAAa,MAAM,OAAO;AAAA,QAC/B,WAAUC,WAAc,aAAdA,mBAAwB;AAAA,MACvC,CAAI;AAAA,IACJ,CAAE;AAED,QAAI,iBAAiB,SAAS,MAAM;;AACjC,aAAO,QAAO,WAAM,UAAN,mBAAa,UAAU,OAAO,CAAC,OAAO,YAAY;AAC9D,eAAO,QAAQ,QAAQ,QAAQ,QAAQ;AAAA,MAC7C,GAAO,EAAE;AAAA,IACT,CAAG;AAEqB,aAAS,MAAM;;AACnC,aAAO,QAAO,WAAM,UAAN,mBAAa,UAAU,OAAO,CAAC,OAAO,YAAY;AAC9D,eAAO,QAAQ,QAAQ;AAAA,MAC7B,GAAO,EAAE;AAAA,IACT,CAAG;AAED,QAAI,gBAAgB,SAAS,MAAM;;AACjC,cAAO,WAAM,UAAN,mBAAa,UAAU,IAAI,CAAC,EAAE,KAAK,eAAe;AAExD,cAAM,UAAU,qBAAqB,MAAM,KAAK,CAAAC,aAAWA,SAAQ,QAAQ,GAAG;AAE7E,eAAO;AAAA,UACN,MAAM,QAAQ;AAAA,UACd,QAAQ,QAAQ;AAAA,UAChB,OAAO,QAAQ;AAAA,UACf,KAAK,QAAQ;AAAA,UACb;AAAA,QACD;AAAA,MACN;AAAA,IACA,CAAG;AAMF,aAAS,sBAAsB,UAAU,MAAM;AAC7C,UAAI,CAAC,UAAU;AACb,eAAO;AAAA,MACR;AAED,YAAM,sBAAsB,KAAK,KAAK;AACtC,YAAM,aAAa,KAAK,MAAM,KAAK,IAAI,IAAI,YAAY,CAAC,IAAI,IAAI,KAAK;AAGrE,YAAM,YAAY,IAAI,KAAK,IAAI,EAAE,QAAO;AACxC,YAAM,wBAAwB,IAAI,KAAK,YAAY,sBAAsB,UAAU;AAEnF,cAAQ,IAAI,IAAI;AAChB,cAAQ,IAAI,qBAAqB;AAEjC,aAAO;AAAA,IACR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}