@ozdao/prometheus-framework 0.2.242 → 0.2.244

package/dist/prometheus-framework/src/modules/orders/components/blocks/StatusHistory.vue.js

@@ -1,10 +1,9 @@
-import { ref, openBlock, createElementBlock, Fragment, renderList, unref, createElementVNode, createBlock, createCommentVNode, toDisplayString } from "vue";
+import { ref, openBlock, createElementBlock, createElementVNode, Fragment, renderList, unref, createBlock, createCommentVNode, toDisplayString } from "vue";
 import _sfc_main$1 from "../../../icons/navigation/IconCheckmark.vue.js";
 const _hoisted_1 = { class: "bg-light radius-medium w-100" };
-const _hoisted_2 = /* @__PURE__ */ createElementVNode("h3", { class: "pd-medium" }, "Tracking History", -1);
-const _hoisted_3 = { class: "flex-center flex i-big radius-extra br-solid br-2px br-black-transp-10 mn-r-small" };
-const _hoisted_4 = { class: "h4 w-8r" };
-const _hoisted_5 = {
+const _hoisted_2 = { class: "flex-center flex i-big radius-extra br-solid br-2px br-black-transp-10 mn-r-small" };
+const _hoisted_3 = { class: "h4 w-8r" };
+const _hoisted_4 = {
   key: 0,
   class: "h5 w-8r"
 };
@@ -47,21 +46,21 @@ const _sfc_main = {
     ref("This is some text to print\n\n");
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        _hoisted_2,
+        _cache[0] || (_cache[0] = createElementVNode("h3", { class: "pd-medium" }, "Tracking History", -1)),
         (openBlock(true), createElementBlock(Fragment, null, renderList(unref(statusDetailedHistory), (status) => {
           return openBlock(), createElementBlock("div", {
             key: status,
             class: "w-100 br-t br-solid br-black-transp-10 pd-medium flex-v-center flex-nowrap flex"
           }, [
-            createElementVNode("div", _hoisted_3, [
+            createElementVNode("div", _hoisted_2, [
               isStatusInHistory(status.status) ? (openBlock(), createBlock(_sfc_main$1, {
                 key: 0,
                 class: "i-medium"
               })) : createCommentVNode("", true)
             ]),
             createElementVNode("div", null, [
-              createElementVNode("p", _hoisted_4, toDisplayString(status.status), 1),
-              status.timestamp ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(_ctx.formatDate(status.timestamp)), 1)) : createCommentVNode("", true)
+              createElementVNode("p", _hoisted_3, toDisplayString(status.status), 1),
+              status.timestamp ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(_ctx.formatDate(status.timestamp)), 1)) : createCommentVNode("", true)
             ])
           ]);
         }), 128))

package/dist/prometheus-framework/src/modules/orders/components/blocks/StatusHistory.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusHistory.vue.js","sources":["../../../../../../../src/modules/orders/components/blocks/StatusHistory.vue"],"sourcesContent":["<template>\n  <div class=\"bg-light radius-medium w-100\">\n    <h3 class=\"pd-medium\">Tracking History</h3>\n    <div v-for=\"status in statusDetailedHistory\" :key=\"status\" class=\"w-100 br-t br-solid br-black-transp-10 pd-medium flex-v-center flex-nowrap flex\">\n      <div class=\"flex-center flex i-big radius-extra br-solid br-2px br-black-transp-10 mn-r-small\">\n        <IconCheckmark\n          v-if=\"isStatusInHistory(status.status)\"\n          class=\"i-medium\"\n        />\n      </div>\n\n      <div>\n        <p class=\"h4 w-8r\">{{status.status}}</p>\n        <p v-if=\"status.timestamp\" class=\"h5 w-8r\">{{formatDate(status.timestamp)}}</p>\n      </div>\n      <!-- <router-link v-if=\"status.user\" :to=\"{ \n        name: 'User Profile', \n        params: {\n          _id: status.user\n        }\n      }\" class=\"pd-small radius-extra bg-second t-white mn-l-auto flex-center uppercase t-semi\">Check User</router-link> -->\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\n\nimport IconCheckmark from '@pf/src/modules/icons/navigation/IconCheckmark.vue'\n\n// import Socket from '@vendus/sockets-for-cordova';\n\nconst props = defineProps({\n  statusHistory: {\n    type: Array\n  },\n  statusCurrent: {\n    type: String\n  },\n  edit: {\n    type: Boolean\n  },\n  statuses: {\n    type: Array\n  }\n})\n\nconst statusDetailedHistory = props.statuses.map(status => {\n  const historyEntry = props.statusHistory.find(entry => entry.status === status);\n\n  console.log()\n  return {\n    status,\n    user: historyEntry?.user || undefined,\n    timestamp: historyEntry ? historyEntry.timestamp : 'N/A',\n    inHistory: !!historyEntry,\n    _id: historyEntry ? historyEntry._id : null\n  };\n});\n\nconst statusCurrent = ref(props.statusCurrent);\nconst statusHistory = ref(props.statusHistory);\n\n// Проверка, был ли статус уже установлен\nconst isStatusInHistory = (statusValue) => {\n  return statusHistory.value.some(status => status.status === statusValue);\n};\n\n\nconst printerIP = ref('192.168.1.197');\nconst printerPort = ref(9100);\nconst textToPrint = ref('This is some text to print\\n\\n');\n\n// const printReceipt = async () => {\n//   try {\n//     const initPrinter = new Uint8Array([0x1b, 0x40]); // Команда инициализации принтера\n//     const lineFeed = new Uint8Array([0x0a]); // Перевод строки\n//     const cutPaper = new Uint8Array([0x1d, 0x56, 0x01]); // Резка бумаги\n\n//     const encoder = new TextEncoder();\n//     const textData = encoder.encode(textToPrint.value);\n\n//     const dataToSend = new Uint8Array([\n//       ...initPrinter,\n//       ...textData,\n//       ...lineFeed,\n//       ...cutPaper\n//     ]);\n\n//     const socket = new Socket();\n\n//     socket.onError = function (errorMessage) {\n//       console.error('Ошибка при подключении к принтеру:', errorMessage);\n//     };\n\n//     socket.onClose = function (hasError) {\n//       console.log('Соединение с принтером закрыто');\n//     };\n\n//     await new Promise((resolve, reject) => {\n//       socket.open(\n//         printerIP.value,\n//         printerPort.value,\n//         function () {\n//           console.log('Подключено к принтеру');\n//           resolve();\n//         },\n//         function (errorMessage) {\n//           console.error('Не удалось подключиться к принтеру:', errorMessage);\n//           reject(errorMessage);\n//         }\n//       );\n//     });\n\n//     socket.write(dataToSend);\n\n//     socket.shutdownWrite();\n\n//     console.log('Чек успешно напечатан');\n//   } catch (error) {\n//     console.error('Ошибка при печати чека:', error);\n//   }\n// };\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,UAAM,QAAQ;AAed,UAAM,wBAAwB,MAAM,SAAS,IAAI,YAAU;AACzD,YAAM,eAAe,MAAM,cAAc,KAAK,WAAS,MAAM,WAAW,MAAM;AAE9E,cAAQ,IAAK;AACb,aAAO;AAAA,QACL;AAAA,QACA,OAAM,6CAAc,SAAQ;AAAA,QAC5B,WAAW,eAAe,aAAa,YAAY;AAAA,QACnD,WAAW,CAAC,CAAC;AAAA,QACb,KAAK,eAAe,aAAa,MAAM;AAAA,MAC3C;AAAA,IACA,CAAC;AAEqB,QAAI,MAAM,aAAa;AAC7C,UAAM,gBAAgB,IAAI,MAAM,aAAa;AAG7C,UAAM,oBAAoB,CAAC,gBAAgB;AACzC,aAAO,cAAc,MAAM,KAAK,YAAU,OAAO,WAAW,WAAW;AAAA,IACzE;AAGkB,QAAI,eAAe;AACjB,QAAI,IAAI;AACR,QAAI,gCAAgC;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"StatusHistory.vue.js","sources":["../../../../../../../src/modules/orders/components/blocks/StatusHistory.vue"],"sourcesContent":["<template>\n  <div class=\"bg-light radius-medium w-100\">\n    <h3 class=\"pd-medium\">Tracking History</h3>\n    <div v-for=\"status in statusDetailedHistory\" :key=\"status\" class=\"w-100 br-t br-solid br-black-transp-10 pd-medium flex-v-center flex-nowrap flex\">\n      <div class=\"flex-center flex i-big radius-extra br-solid br-2px br-black-transp-10 mn-r-small\">\n        <IconCheckmark\n          v-if=\"isStatusInHistory(status.status)\"\n          class=\"i-medium\"\n        />\n      </div>\n\n      <div>\n        <p class=\"h4 w-8r\">{{status.status}}</p>\n        <p v-if=\"status.timestamp\" class=\"h5 w-8r\">{{formatDate(status.timestamp)}}</p>\n      </div>\n      <!-- <router-link v-if=\"status.user\" :to=\"{ \n        name: 'User Profile', \n        params: {\n          _id: status.user\n        }\n      }\" class=\"pd-small radius-extra bg-second t-white mn-l-auto flex-center uppercase t-semi\">Check User</router-link> -->\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\n\nimport IconCheckmark from '@pf/src/modules/icons/navigation/IconCheckmark.vue'\n\n// import Socket from '@vendus/sockets-for-cordova';\n\nconst props = defineProps({\n  statusHistory: {\n    type: Array\n  },\n  statusCurrent: {\n    type: String\n  },\n  edit: {\n    type: Boolean\n  },\n  statuses: {\n    type: Array\n  }\n})\n\nconst statusDetailedHistory = props.statuses.map(status => {\n  const historyEntry = props.statusHistory.find(entry => entry.status === status);\n\n  console.log()\n  return {\n    status,\n    user: historyEntry?.user || undefined,\n    timestamp: historyEntry ? historyEntry.timestamp : 'N/A',\n    inHistory: !!historyEntry,\n    _id: historyEntry ? historyEntry._id : null\n  };\n});\n\nconst statusCurrent = ref(props.statusCurrent);\nconst statusHistory = ref(props.statusHistory);\n\n// Проверка, был ли статус уже установлен\nconst isStatusInHistory = (statusValue) => {\n  return statusHistory.value.some(status => status.status === statusValue);\n};\n\n\nconst printerIP = ref('192.168.1.197');\nconst printerPort = ref(9100);\nconst textToPrint = ref('This is some text to print\\n\\n');\n\n// const printReceipt = async () => {\n//   try {\n//     const initPrinter = new Uint8Array([0x1b, 0x40]); // Команда инициализации принтера\n//     const lineFeed = new Uint8Array([0x0a]); // Перевод строки\n//     const cutPaper = new Uint8Array([0x1d, 0x56, 0x01]); // Резка бумаги\n\n//     const encoder = new TextEncoder();\n//     const textData = encoder.encode(textToPrint.value);\n\n//     const dataToSend = new Uint8Array([\n//       ...initPrinter,\n//       ...textData,\n//       ...lineFeed,\n//       ...cutPaper\n//     ]);\n\n//     const socket = new Socket();\n\n//     socket.onError = function (errorMessage) {\n//       console.error('Ошибка при подключении к принтеру:', errorMessage);\n//     };\n\n//     socket.onClose = function (hasError) {\n//       console.log('Соединение с принтером закрыто');\n//     };\n\n//     await new Promise((resolve, reject) => {\n//       socket.open(\n//         printerIP.value,\n//         printerPort.value,\n//         function () {\n//           console.log('Подключено к принтеру');\n//           resolve();\n//         },\n//         function (errorMessage) {\n//           console.error('Не удалось подключиться к принтеру:', errorMessage);\n//           reject(errorMessage);\n//         }\n//       );\n//     });\n\n//     socket.write(dataToSend);\n\n//     socket.shutdownWrite();\n\n//     console.log('Чек успешно напечатан');\n//   } catch (error) {\n//     console.error('Ошибка при печати чека:', error);\n//   }\n// };\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,UAAM,QAAQ;AAed,UAAM,wBAAwB,MAAM,SAAS,IAAI,YAAU;AACzD,YAAM,eAAe,MAAM,cAAc,KAAK,WAAS,MAAM,WAAW,MAAM;AAE9E,cAAQ,IAAK;AACb,aAAO;AAAA,QACL;AAAA,QACA,OAAM,6CAAc,SAAQ;AAAA,QAC5B,WAAW,eAAe,aAAa,YAAY;AAAA,QACnD,WAAW,CAAC,CAAC;AAAA,QACb,KAAK,eAAe,aAAa,MAAM;AAAA,MAC3C;AAAA,IACA,CAAC;AAEqB,QAAI,MAAM,aAAa;AAC7C,UAAM,gBAAgB,IAAI,MAAM,aAAa;AAG7C,UAAM,oBAAoB,CAAC,gBAAgB;AACzC,aAAO,cAAc,MAAM,KAAK,YAAU,OAAO,WAAW,WAAW;AAAA,IACzE;AAGkB,QAAI,eAAe;AACjB,QAAI,IAAI;AACR,QAAI,gCAAgC;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -12,7 +12,6 @@ const products = require("../../../products/store/products.cjs");
 const organizations = require("../../../organizations/store/organizations.cjs");
 ;/* empty css             */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
-const _withScopeId = (n) => (vue.pushScopeId("data-v-d2db1c69"), n = n(), vue.popScopeId(), n);
 const _hoisted_1 = {
   key: 0,
   class: "pd-thin"
@@ -22,52 +21,41 @@ const _hoisted_2 = {
   class: "mn-b-thin pos-relative w-100 bg-main radius-big pd-big"
 };
 const _hoisted_3 = { class: "mn-b-small" };
-const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.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 = {
+const _hoisted_4 = { class: "radius-extra mn-b-medium flex-nowrap flex h-1r pos-relativew-40r" };
+const _hoisted_5 = { class: "pos-absolute pos-t-medium pos-r-medium t-medium p-medium" };
+const _hoisted_6 = { class: "p-small t-transp" };
+const _hoisted_7 = {
   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 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.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__ */ vue.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__ */ vue.createElementVNode("p", { class: "w-100 t-medium p-medium" }, " Phone ", -1));
-const _hoisted_18 = { class: "w-100 t-right" };
-const _hoisted_19 = {
+const _hoisted_8 = { class: "w-100" };
+const _hoisted_9 = { class: "mn-b-thin bg-light w-100 o-hidden radius-medium" };
+const _hoisted_10 = { class: "pd-small flex-nowrap flex" };
+const _hoisted_11 = { class: "mn-r-auto" };
+const _hoisted_12 = { class: "t-lh-075 h2 d-block mn-b-small" };
+const _hoisted_13 = { class: "pd-small cols-2 br-t br-black-transp-10 br-solid" };
+const _hoisted_14 = { class: "w-100 t-right" };
+const _hoisted_15 = {
   key: 0,
   class: "pd-small cols-2 br-t br-black-transp-10 br-solid"
 };
-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__ */ vue.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__ */ vue.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 = {
+const _hoisted_16 = { class: "w-100 t-medium p-medium" };
+const _hoisted_17 = { class: "w-100 t-right" };
+const _hoisted_18 = { class: "pd-small cols-2 br-t br-black-transp-10 br-solid" };
+const _hoisted_19 = { class: "w-100 t-right" };
+const _hoisted_20 = { class: "pd-small cols-2 br-t br-black-transp-10 br-solid" };
+const _hoisted_21 = { class: "w-100 t-right mn-b-small" };
+const _hoisted_22 = {
   key: 2,
   class: "t-transp"
 };
-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__ */ vue.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__ */ vue.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__ */ vue.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__ */ vue.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__ */ vue.createElementVNode("h3", { class: "mn-b-small" }, "Chat With Us", -1));
+const _hoisted_23 = { class: "bg-light radius-big pd-medium mn-r-bold pd-r-big br-right-dark w-100" };
+const _hoisted_24 = { class: "flex gap-thin flex-column mn-b-semi" };
+const _hoisted_25 = { class: "mn-b-medium radius-small br-solid br-1px br-black-transp-10 w-100" };
+const _hoisted_26 = { class: "pd-small br-solid br-b br-black-transp-10 flex" };
+const _hoisted_27 = { class: "pd-small br-solid br-b br-black-transp-10 flex" };
+const _hoisted_28 = { class: "pd-small flex-bottom flex" };
+const _hoisted_29 = { class: "p-big t-semi" };
 const _sfc_main = {
   __name: "Order",
   setup(__props) {
@@ -130,8 +118,8 @@ const _sfc_main = {
       return order.value && orderOrganization.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         order.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
           vue.createElementVNode("h2", _hoisted_3, "Order is " + vue.toDisplayString(order.value.status), 1),
-          _hoisted_4,
-          vue.createElementVNode("div", _hoisted_5, [
+          _cache[1] || (_cache[1] = vue.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)),
+          vue.createElementVNode("div", _hoisted_4, [
             vue.createElementVNode("div", {
               class: vue.normalizeClass([
                 "bg-light br-anim br-glow radius-extra mn-r-thin h-100 w-20",
@@ -173,13 +161,13 @@ const _sfc_main = {
           ]),
           vue.createElementVNode("p", null, "Estimated Arrival " + vue.toDisplayString(_ctx.formatDate(calculateDeliveryTime((_a = orderOrganization.value[0]) == null ? void 0 : _a.distance, order.value.createdAt))), 1),
           vue.createElementVNode("h3", null, vue.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),
-          vue.createElementVNode("p", _hoisted_6, [
-            vue.createTextVNode(" Order No: "),
-            vue.createElementVNode("span", _hoisted_7, "#" + vue.toDisplayString(order.value._id), 1)
+          vue.createElementVNode("p", _hoisted_5, [
+            _cache[0] || (_cache[0] = vue.createTextVNode(" Order No: ")),
+            vue.createElementVNode("span", _hoisted_6, "#" + vue.toDisplayString(order.value._id), 1)
           ])
         ])) : vue.createCommentVNode("", true),
-        order.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
-          vue.createElementVNode("div", _hoisted_9, [
+        order.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
+          vue.createElementVNode("div", _hoisted_8, [
             orderOrganization.value[0] ? (vue.openBlock(), vue.createBlock(CardOrganization.default, {
               key: 0,
               organization: orderOrganization.value[0],
@@ -188,29 +176,29 @@ const _sfc_main = {
               showProducts: false,
               class: "bg-light mn-b-thin w-100 o-hidden radius-big pd-small"
             }, null, 8, ["organization"])) : vue.createCommentVNode("", true),
-            vue.createElementVNode("div", _hoisted_10, [
-              vue.createElementVNode("div", _hoisted_11, [
-                vue.createElementVNode("div", _hoisted_12, [
-                  _hoisted_13,
-                  vue.createElementVNode("span", _hoisted_14, vue.toDisplayString(order.value.status), 1),
-                  _hoisted_15
+            vue.createElementVNode("div", _hoisted_9, [
+              vue.createElementVNode("div", _hoisted_10, [
+                vue.createElementVNode("div", _hoisted_11, [
+                  _cache[2] || (_cache[2] = vue.createElementVNode("span", { class: "d-block t-medium p-medium" }, "Your order is", -1)),
+                  vue.createElementVNode("span", _hoisted_12, vue.toDisplayString(order.value.status), 1),
+                  _cache[3] || (_cache[3] = vue.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))
                 ])
               ]),
-              vue.createElementVNode("div", _hoisted_16, [
-                _hoisted_17,
-                vue.createElementVNode("p", _hoisted_18, vue.toDisplayString((_e = order.value.user) == null ? void 0 : _e.number), 1)
+              vue.createElementVNode("div", _hoisted_13, [
+                _cache[4] || (_cache[4] = vue.createElementVNode("p", { class: "w-100 t-medium p-medium" }, " Phone ", -1)),
+                vue.createElementVNode("p", _hoisted_14, vue.toDisplayString((_e = order.value.user) == null ? void 0 : _e.number), 1)
               ]),
-              ((_f = order.value.user) == null ? void 0 : _f.messenger.type) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_19, [
-                vue.createElementVNode("p", _hoisted_20, vue.toDisplayString((_g = order.value.user) == null ? void 0 : _g.messenger.type), 1),
-                vue.createElementVNode("p", _hoisted_21, vue.toDisplayString((_h = order.value.user) == null ? void 0 : _h.messenger.value), 1)
+              ((_f = order.value.user) == null ? void 0 : _f.messenger.type) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15, [
+                vue.createElementVNode("p", _hoisted_16, vue.toDisplayString((_g = order.value.user) == null ? void 0 : _g.messenger.type), 1),
+                vue.createElementVNode("p", _hoisted_17, vue.toDisplayString((_h = order.value.user) == null ? void 0 : _h.messenger.value), 1)
               ])) : vue.createCommentVNode("", true),
-              vue.createElementVNode("div", _hoisted_22, [
-                _hoisted_23,
-                vue.createElementVNode("p", _hoisted_24, vue.toDisplayString((_i = order.value.delivery) == null ? void 0 : _i.address.slice(0, 64)), 1)
+              vue.createElementVNode("div", _hoisted_18, [
+                _cache[5] || (_cache[5] = vue.createElementVNode("p", { class: "t-medium p-medium" }, " Address ", -1)),
+                vue.createElementVNode("p", _hoisted_19, vue.toDisplayString((_i = order.value.delivery) == null ? void 0 : _i.address.slice(0, 64)), 1)
               ]),
-              vue.createElementVNode("div", _hoisted_25, [
-                _hoisted_26,
-                vue.createElementVNode("p", _hoisted_27, vue.toDisplayString((_j = order.value.delivery) == null ? void 0 : _j.type), 1)
+              vue.createElementVNode("div", _hoisted_20, [
+                _cache[6] || (_cache[6] = vue.createElementVNode("p", { class: "mn-b-small t-medium p-medium" }, " Delivery ", -1)),
+                vue.createElementVNode("p", _hoisted_21, vue.toDisplayString((_j = order.value.delivery) == null ? void 0 : _j.type), 1)
               ])
             ]),
             orders.state.current.status_history ? (vue.openBlock(), vue.createBlock(StatusHistory.default, {
@@ -219,11 +207,11 @@ const _sfc_main = {
               statusCurrent: orders.state.current.status,
               edit: vue.unref(route).name === "Order Edit"
             }, null, 8, ["statusHistory", "statusCurrent", "edit"])) : vue.createCommentVNode("", true),
-            _ctx.payment && _ctx.payment.Status === "CONFIRMED" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_28, "Paid")) : vue.createCommentVNode("", true)
+            _ctx.payment && _ctx.payment.Status === "CONFIRMED" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_22, "Paid")) : vue.createCommentVNode("", true)
           ]),
-          vue.createElementVNode("div", _hoisted_29, [
-            _hoisted_30,
-            vue.createElementVNode("ul", _hoisted_31, [
+          vue.createElementVNode("div", _hoisted_23, [
+            _cache[10] || (_cache[10] = vue.createElementVNode("h3", { class: "mn-b-small" }, "Order Summary", -1)),
+            vue.createElementVNode("ul", _hoisted_24, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(orderProducts), (product, index) => {
                 return vue.openBlock(), vue.createBlock(CardOrderItem.default, {
                   key: product._id,
@@ -232,21 +220,21 @@ const _sfc_main = {
                 }, null, 8, ["product"]);
               }), 128))
             ]),
-            vue.createElementVNode("div", _hoisted_32, [
-              vue.createElementVNode("div", _hoisted_33, [
-                _hoisted_34,
+            vue.createElementVNode("div", _hoisted_25, [
+              vue.createElementVNode("div", _hoisted_26, [
+                _cache[7] || (_cache[7] = vue.createElementVNode("p", { class: "mn-r-auto t-transp" }, "In total", -1)),
                 vue.createElementVNode("p", null, vue.toDisplayString(vue.unref(cartTotalPrice)) + " " + vue.toDisplayString(_ctx.returnCurrency()), 1)
               ]),
-              vue.createElementVNode("div", _hoisted_35, [
-                _hoisted_36,
+              vue.createElementVNode("div", _hoisted_27, [
+                _cache[8] || (_cache[8] = vue.createElementVNode("p", { class: "mn-r-auto t-transp" }, "Delivery", -1)),
                 vue.createElementVNode("p", null, vue.toDisplayString(_ctx.returnCurrency()) + " " + vue.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)
               ]),
-              vue.createElementVNode("div", _hoisted_37, [
-                _hoisted_38,
-                vue.createElementVNode("p", _hoisted_39, vue.toDisplayString(_ctx.returnCurrency()) + " " + vue.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)) + vue.unref(cartTotalPrice)), 1)
+              vue.createElementVNode("div", _hoisted_28, [
+                _cache[9] || (_cache[9] = vue.createElementVNode("p", { class: "mn-r-auto t-transp" }, "In total to pay", -1)),
+                vue.createElementVNode("p", _hoisted_29, vue.toDisplayString(_ctx.returnCurrency()) + " " + vue.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)) + vue.unref(cartTotalPrice)), 1)
               ])
             ]),
-            _hoisted_40,
+            _cache[11] || (_cache[11] = vue.createElementVNode("h3", { class: "mn-b-small" }, "Chat With Us", -1)),
             vue.createVNode(ChatPage.default, {
               username: vue.unref(route).name === "Order Status" ? ((_o = order.value.user) == null ? void 0 : _o.name) || "User" : "Weeder Support",
               chatID: vue.unref(route).params.order,

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

@@ -1 +1 @@
-{"version":3,"file":"Order.vue.cjs","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":["useRouter","useRoute","ref","onMounted","orders.actions","products.actions","organizations.actions","globals.state","computed","product"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiOgBA,wBAAW;AAC1B,UAAM,QAAQC,UAAAA,SAAU;AAExB,UAAM,QAAQC,IAAG,IAAC,IAAI;AACtB,UAAM,uBAAuBA,IAAG,IAAC,IAAI;AACrC,UAAM,oBAAoBA,IAAG,IAAC,IAAI;AAElCC,QAAAA,UAAU,YAAS;;AAClB,YAAM,QAAQ,MAAMC,OAAAA,QAAe,KAAK,EAAC,KAAK,MAAM,OAAO,MAAK,CAAC;AACjE,YAAM,QAAQ,MAAM,MAAM,CAAC;AAE3B,2BAAqB,QAAQ,MAAMC,SAAgB,QAAC,KAAK;AAAA,QACtD,eAAc,WAAM,UAAN,mBAAa,MAAM,OAAO;AAAA,MAC7C,CAAI;AAED,wBAAkB,QAAQ,MAAMC,cAAqB,QAAC,KAAK;AAAA,QACzD,MAAK,WAAM,UAAN,mBAAa,MAAM,OAAO;AAAA,QAC/B,WAAUC,aAAAA,MAAc,aAAdA,mBAAwB;AAAA,MACvC,CAAI;AAAA,IACJ,CAAE;AAED,QAAI,iBAAiBC,IAAAA,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;AAEqBA,QAAAA,SAAS,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,gBAAgBA,IAAAA,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Order.vue.cjs","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":["useRouter","useRoute","ref","onMounted","orders.actions","products.actions","organizations.actions","globals.state","computed","product"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiOgBA,wBAAW;AAC1B,UAAM,QAAQC,UAAAA,SAAU;AAExB,UAAM,QAAQC,IAAG,IAAC,IAAI;AACtB,UAAM,uBAAuBA,IAAG,IAAC,IAAI;AACrC,UAAM,oBAAoBA,IAAG,IAAC,IAAI;AAElCC,QAAAA,UAAU,YAAS;;AAClB,YAAM,QAAQ,MAAMC,OAAAA,QAAe,KAAK,EAAC,KAAK,MAAM,OAAO,MAAK,CAAC;AACjE,YAAM,QAAQ,MAAM,MAAM,CAAC;AAE3B,2BAAqB,QAAQ,MAAMC,SAAgB,QAAC,KAAK;AAAA,QACtD,eAAc,WAAM,UAAN,mBAAa,MAAM,OAAO;AAAA,MAC7C,CAAI;AAED,wBAAkB,QAAQ,MAAMC,cAAqB,QAAC,KAAK;AAAA,QACzD,MAAK,WAAM,UAAN,mBAAa,MAAM,OAAO;AAAA,QAC/B,WAAUC,aAAAA,MAAc,aAAdA,mBAAwB;AAAA,MACvC,CAAI;AAAA,IACJ,CAAE;AAED,QAAI,iBAAiBC,IAAAA,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;AAEqBA,QAAAA,SAAS,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,gBAAgBA,IAAAA,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,4 +1,4 @@
-import { ref, onMounted, computed, openBlock, createElementBlock, createElementVNode, toDisplayString, normalizeClass, createTextVNode, createCommentVNode, createBlock, unref, Fragment, renderList, createVNode, pushScopeId, popScopeId } from "vue";
+import { ref, onMounted, computed, openBlock, createElementBlock, createElementVNode, toDisplayString, normalizeClass, createTextVNode, createCommentVNode, createBlock, unref, Fragment, renderList, createVNode } 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";
@@ -10,7 +10,6 @@ import { actions as actions$1 } from "../../../products/store/products.js";
 import { actions as actions$2 } from "../../../organizations/store/organizations.js";
 /* empty css           */
 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"
@@ -20,52 +19,41 @@ const _hoisted_2 = {
   class: "mn-b-thin pos-relative w-100 bg-main radius-big pd-big"
 };
 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 = {
+const _hoisted_4 = { class: "radius-extra mn-b-medium flex-nowrap flex h-1r pos-relativew-40r" };
+const _hoisted_5 = { class: "pos-absolute pos-t-medium pos-r-medium t-medium p-medium" };
+const _hoisted_6 = { class: "p-small t-transp" };
+const _hoisted_7 = {
   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 = /* @__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 = {
+const _hoisted_8 = { class: "w-100" };
+const _hoisted_9 = { class: "mn-b-thin bg-light w-100 o-hidden radius-medium" };
+const _hoisted_10 = { class: "pd-small flex-nowrap flex" };
+const _hoisted_11 = { class: "mn-r-auto" };
+const _hoisted_12 = { class: "t-lh-075 h2 d-block mn-b-small" };
+const _hoisted_13 = { class: "pd-small cols-2 br-t br-black-transp-10 br-solid" };
+const _hoisted_14 = { class: "w-100 t-right" };
+const _hoisted_15 = {
   key: 0,
   class: "pd-small cols-2 br-t br-black-transp-10 br-solid"
 };
-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 = {
+const _hoisted_16 = { class: "w-100 t-medium p-medium" };
+const _hoisted_17 = { class: "w-100 t-right" };
+const _hoisted_18 = { class: "pd-small cols-2 br-t br-black-transp-10 br-solid" };
+const _hoisted_19 = { class: "w-100 t-right" };
+const _hoisted_20 = { class: "pd-small cols-2 br-t br-black-transp-10 br-solid" };
+const _hoisted_21 = { class: "w-100 t-right mn-b-small" };
+const _hoisted_22 = {
   key: 2,
   class: "t-transp"
 };
-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 _hoisted_23 = { class: "bg-light radius-big pd-medium mn-r-bold pd-r-big br-right-dark w-100" };
+const _hoisted_24 = { class: "flex gap-thin flex-column mn-b-semi" };
+const _hoisted_25 = { class: "mn-b-medium radius-small br-solid br-1px br-black-transp-10 w-100" };
+const _hoisted_26 = { class: "pd-small br-solid br-b br-black-transp-10 flex" };
+const _hoisted_27 = { class: "pd-small br-solid br-b br-black-transp-10 flex" };
+const _hoisted_28 = { class: "pd-small flex-bottom flex" };
+const _hoisted_29 = { class: "p-big t-semi" };
 const _sfc_main = {
   __name: "Order",
   setup(__props) {
@@ -128,8 +116,8 @@ const _sfc_main = {
       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, [
+          _cache[1] || (_cache[1] = 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)),
+          createElementVNode("div", _hoisted_4, [
             createElementVNode("div", {
               class: normalizeClass([
                 "bg-light br-anim br-glow radius-extra mn-r-thin h-100 w-20",
@@ -171,13 +159,13 @@ const _sfc_main = {
           ]),
           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)
+          createElementVNode("p", _hoisted_5, [
+            _cache[0] || (_cache[0] = createTextVNode(" Order No: ")),
+            createElementVNode("span", _hoisted_6, "#" + toDisplayString(order.value._id), 1)
           ])
         ])) : createCommentVNode("", true),
-        order.value ? (openBlock(), createElementBlock("div", _hoisted_8, [
-          createElementVNode("div", _hoisted_9, [
+        order.value ? (openBlock(), createElementBlock("div", _hoisted_7, [
+          createElementVNode("div", _hoisted_8, [
             orderOrganization.value[0] ? (openBlock(), createBlock(_sfc_main$1, {
               key: 0,
               organization: orderOrganization.value[0],
@@ -186,29 +174,29 @@ const _sfc_main = {
               showProducts: false,
               class: "bg-light mn-b-thin w-100 o-hidden radius-big pd-small"
             }, 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
+            createElementVNode("div", _hoisted_9, [
+              createElementVNode("div", _hoisted_10, [
+                createElementVNode("div", _hoisted_11, [
+                  _cache[2] || (_cache[2] = createElementVNode("span", { class: "d-block t-medium p-medium" }, "Your order is", -1)),
+                  createElementVNode("span", _hoisted_12, toDisplayString(order.value.status), 1),
+                  _cache[3] || (_cache[3] = 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))
                 ])
               ]),
-              createElementVNode("div", _hoisted_16, [
-                _hoisted_17,
-                createElementVNode("p", _hoisted_18, toDisplayString((_e = order.value.user) == null ? void 0 : _e.number), 1)
+              createElementVNode("div", _hoisted_13, [
+                _cache[4] || (_cache[4] = createElementVNode("p", { class: "w-100 t-medium p-medium" }, " Phone ", -1)),
+                createElementVNode("p", _hoisted_14, toDisplayString((_e = order.value.user) == null ? void 0 : _e.number), 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)
+              ((_f = order.value.user) == null ? void 0 : _f.messenger.type) ? (openBlock(), createElementBlock("div", _hoisted_15, [
+                createElementVNode("p", _hoisted_16, toDisplayString((_g = order.value.user) == null ? void 0 : _g.messenger.type), 1),
+                createElementVNode("p", _hoisted_17, 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)
+              createElementVNode("div", _hoisted_18, [
+                _cache[5] || (_cache[5] = createElementVNode("p", { class: "t-medium p-medium" }, " Address ", -1)),
+                createElementVNode("p", _hoisted_19, toDisplayString((_i = order.value.delivery) == null ? void 0 : _i.address.slice(0, 64)), 1)
               ]),
-              createElementVNode("div", _hoisted_25, [
-                _hoisted_26,
-                createElementVNode("p", _hoisted_27, toDisplayString((_j = order.value.delivery) == null ? void 0 : _j.type), 1)
+              createElementVNode("div", _hoisted_20, [
+                _cache[6] || (_cache[6] = createElementVNode("p", { class: "mn-b-small t-medium p-medium" }, " Delivery ", -1)),
+                createElementVNode("p", _hoisted_21, toDisplayString((_j = order.value.delivery) == null ? void 0 : _j.type), 1)
               ])
             ]),
             state$1.current.status_history ? (openBlock(), createBlock(_sfc_main$2, {
@@ -217,11 +205,11 @@ const _sfc_main = {
               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)
+            _ctx.payment && _ctx.payment.Status === "CONFIRMED" ? (openBlock(), createElementBlock("span", _hoisted_22, "Paid")) : createCommentVNode("", true)
           ]),
-          createElementVNode("div", _hoisted_29, [
-            _hoisted_30,
-            createElementVNode("ul", _hoisted_31, [
+          createElementVNode("div", _hoisted_23, [
+            _cache[10] || (_cache[10] = createElementVNode("h3", { class: "mn-b-small" }, "Order Summary", -1)),
+            createElementVNode("ul", _hoisted_24, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(unref(orderProducts), (product, index) => {
                 return openBlock(), createBlock(_sfc_main$3, {
                   key: product._id,
@@ -230,21 +218,21 @@ const _sfc_main = {
                 }, null, 8, ["product"]);
               }), 128))
             ]),
-            createElementVNode("div", _hoisted_32, [
-              createElementVNode("div", _hoisted_33, [
-                _hoisted_34,
+            createElementVNode("div", _hoisted_25, [
+              createElementVNode("div", _hoisted_26, [
+                _cache[7] || (_cache[7] = createElementVNode("p", { class: "mn-r-auto t-transp" }, "In total", -1)),
                 createElementVNode("p", null, toDisplayString(unref(cartTotalPrice)) + " " + toDisplayString(_ctx.returnCurrency()), 1)
               ]),
-              createElementVNode("div", _hoisted_35, [
-                _hoisted_36,
+              createElementVNode("div", _hoisted_27, [
+                _cache[8] || (_cache[8] = createElementVNode("p", { class: "mn-r-auto t-transp" }, "Delivery", -1)),
                 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)
               ]),
-              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)
+              createElementVNode("div", _hoisted_28, [
+                _cache[9] || (_cache[9] = createElementVNode("p", { class: "mn-r-auto t-transp" }, "In total to pay", -1)),
+                createElementVNode("p", _hoisted_29, 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)
               ])
             ]),
-            _hoisted_40,
+            _cache[11] || (_cache[11] = createElementVNode("h3", { class: "mn-b-small" }, "Chat With Us", -1)),
             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,