@ozdao/prometheus-framework 0.2.199 → 0.2.201

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

@@ -1 +1,313 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),C=require("vue-router");;/* empty css                                   */const q=require("../../../../components/Popup/Popup.vue2.cjs"),P=require("../../../icons/entities/IconTime.vue.cjs"),B=require("../blocks/CardOrderItem.vue.cjs"),I=require("../../../organizations/components/blocks/CardOrganization.vue.cjs"),M=require("../../../chats/components/pages/ChatPage.vue.cjs"),z=require("../blocks/StatusHistory.vue.cjs"),T=require("../../../globals/views/store/globals.cjs"),c=require("../../store/orders.cjs"),F=require("../../../products/store/products.cjs"),L=require("../../../organizations/store/organizations.cjs");;/* empty css                       */const R=require("../../../../../../_virtual/_plugin-vue_export-helper.cjs"),r=b=>(e.pushScopeId("data-v-5785b6f6"),b=b(),e.popScopeId(),b),A={key:0,class:"pd-thin"},H={key:0,class:"mn-b-thin pos-relative w-100 bg-main radius-big pd-medium"},U={class:"mn-b-small flex-nowrap flex"},W={class:"t-medium p-medium"},j={class:"p-small t-transp"},G={class:"flex-nowrap flex gap-thin pos-relative"},J={class:"bg-light mn-b-thin pd-thin radius-extra flex-nowrap flex"},K={class:"w-max flex-v-center gap-thin flex-nowrap flex pd-thin radius-small bg-white-transp-20"},Q={class:"t-medium mn-r-auto"},X=r(()=>e.createElementVNode("span",{class:"p-small t-transp"},"Estimated Arrival",-1)),Y=r(()=>e.createElementVNode("br",null,null,-1)),Z=r(()=>e.createElementVNode("p",{class:"t-medium p-medium mn-b-thin"}," Positions ",-1)),$={class:"bg-light pd-small radius-small flex gap-thin flex-column mn-b-semi"},ee={key:1,class:"gap-thin cols-2"},te={class:"w-100"},se={class:"mn-b-thin bg-light w-100 o-hidden radius-medium"},ae={class:"pd-small flex-nowrap flex"},re={class:"mn-r-auto"},le=r(()=>e.createElementVNode("span",{class:"d-block t-medium p-medium"},"Order is",-1)),ne=r(()=>e.createElementVNode("span",{class:"t-lh-075 h2 d-block mn-b-small"},"created",-1)),oe={class:"pd-t-nano pd-b-nano pd-r-thin pd-l-thin radius-extra bg-black t-white w-max"},ie={class:"pd-small cols-2 br-t br-black-transp-10 br-solid"},ce=r(()=>e.createElementVNode("p",{class:"w-100 t-medium p-medium"}," Phone ",-1)),de={class:"w-100 t-right"},ue={class:"pd-small cols-2 br-t br-black-transp-10 br-solid"},me=r(()=>e.createElementVNode("p",{class:"t-medium p-medium"}," Address ",-1)),pe={class:"w-100 t-right"},_e={class:"pd-small cols-2 br-t br-black-transp-10 br-solid"},he=r(()=>e.createElementVNode("p",{class:"mn-b-small t-medium p-medium"}," Delivery ",-1)),be={class:"w-100 t-right mn-b-small"},ve={key:2,class:"t-transp"},ge={class:"bg-light radius-big pd-medium mn-r-bold pd-r-big br-right-dark w-100"},fe=r(()=>e.createElementVNode("h3",{class:"mn-b-small"},"Order Summary",-1)),Ne={class:"flex gap-thin flex-column mn-b-semi"},Ve={class:"mn-b-medium radius-small br-solid br-1px br-black-transp-10 w-100"},Ee={class:"pd-small br-solid br-b br-black-transp-10 flex"},ke=r(()=>e.createElementVNode("p",{class:"mn-r-auto t-transp"},"In total",-1)),ye={class:"pd-small br-solid br-b br-black-transp-10 flex"},we=r(()=>e.createElementVNode("p",{class:"mn-r-auto t-transp"},"Delivery",-1)),Se={class:"pd-small flex-bottom flex"},xe=r(()=>e.createElementVNode("p",{class:"mn-r-auto t-transp"},"In total to pay",-1)),Ce={class:"p-big t-semi"},Be=r(()=>e.createElementVNode("h3",{class:"mn-b-small"},"Chat With Us",-1)),De={__name:"OrderBackoffice",setup(b){C.useRouter();const _=C.useRoute(),s=e.ref(null),v=e.ref(null),n=e.ref(null),o=["created","confirmed","packing","in delivery","delivered"],V=["Created","Confirmed","Packing","In Delivery","Delivered"],g=t=>o.slice(t).includes(s.value.status),f=e.ref(!1),E=e.ref(null),N=e.ref([]);function D(t){f.value=!0,typeof t=="number"&&(E.value=t)}function k(){f.value=!1,E.value=null}e.onMounted(async()=>{var a,l;s.value=await c.actions.read({_id:_.params.order}),s.value=s.value[0],v.value=await F.actions.read({organization:s.value.owner.target._id,limit:1e3}),console.log(v.value);const t=v.value.reduce((d,u)=>(d[u._id]=u,d),{});console.log(t),N.value=s.value.positions.map(({_id:d,quantity:u})=>{const m=t[d];return{name:m.name,images:m.images,price:m.price,_id:m._id,quantity:u}}),n.value=await L.actions.read({_id:(a=s.value)==null?void 0:a.owner.target._id,location:(l=T.state.position)==null?void 0:l.location})});let y=e.computed(()=>{var t;return Number((t=s.value)==null?void 0:t.positions.reduce((a,l)=>a+l.price*l.quantity,0))});e.computed(()=>{var t;return Number((t=s.value)==null?void 0:t.positions.reduce((a,l)=>a+l.quantity,0))});function h(t){const a=o.indexOf(t);return a!==-1&&a+1<o.length?o[a+1]:null}function w(t){const a=o.indexOf(t);return t?V[a]:""}async function O(){const t=h(c.state.current.status);t?(c.state.current.status=t,await c.actions.update(c.state.current)):console.error("Next status is void. Must handle somehow."),k()}return(t,a)=>{var l,d,u,m,S,x;return s.value&&n.value?(e.openBlock(),e.createElementBlock("div",A,[s.value?(e.openBlock(),e.createElementBlock("div",H,[e.createElementVNode("div",U,[e.createElementVNode("p",W,[e.createTextVNode(" Order No: "),e.createElementVNode("span",j,"#"+e.toDisplayString(s.value._id),1)])]),e.createElementVNode("div",G,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(o,(p,i)=>e.createElementVNode("div",{key:i,class:"w-20"},[e.createElementVNode("div",{class:e.normalizeClass(["bg-light br-anim br-glow radius-extra h-1r w-100",{"br-glow-anim":g(i)},{"t-transp":!g(i)},{blink:s.value.status===o[i]&&h(s.value.status)}])},null,2),e.createElementVNode("div",{class:e.normalizeClass([{"t-transp":!g(i)},"mn-t-thin p-small t-medium uppercase"])},e.toDisplayString(V[i]),3)])),64))])])):e.createCommentVNode("",!0),e.createElementVNode("div",J,[e.createElementVNode("div",K,[e.createVNode(P.default,{class:"i-semi t-transp",fill:"rgb(var(--black)"}),e.createElementVNode("p",Q,[X,Y,e.createTextVNode(e.toDisplayString(t.formatDate(s.value.deadline)),1)])]),h(s.value.status)&&e.unref(_).name==="Order Edit"?(e.openBlock(),e.createElementBlock("button",{key:0,onClick:D,class:"mn-l-auto bg-black t-white button"}," Mark as "+e.toDisplayString(w(h(s.value.status))),1)):e.createCommentVNode("",!0)]),e.createVNode(q.default,{title:"Change status",onClosePopup:k,isPopupOpen:f.value,class:"bg-white w-min-30r w-max-30r radius-big pd-big"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.value.deadline)+" ",1),Z,e.createElementVNode("ul",$,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N.value,(p,i)=>(e.openBlock(),e.createBlock(B.default,{key:p._id,editable:!1,product:p},null,8,["product"]))),128))]),e.createElementVNode("button",{onClick:O,class:"w-100 bg-black-small t-white button"},e.toDisplayString("Confirm Changing to "+w(h(s.value.status))),1)]),_:1},8,["isPopupOpen"]),s.value?(e.openBlock(),e.createElementBlock("div",ee,[e.createElementVNode("div",te,[n.value[0]?(e.openBlock(),e.createBlock(I.default,{key:0,organization:n.value[0],showRating:!0,showFollowers:!1,showProducts:!1,class:"bg-light mn-b-thin w-100 o-hidden radius-big pd-small"},null,8,["organization"])):e.createCommentVNode("",!0),e.createElementVNode("div",se,[e.createElementVNode("div",ae,[e.createElementVNode("div",re,[le,ne,e.createElementVNode("p",oe,e.toDisplayString(t.formatDate(s.value.createdAt)),1)])]),e.createElementVNode("div",ie,[ce,e.createElementVNode("p",de,e.toDisplayString(((l=s.value.customer.target)==null?void 0:l.number)||"Not specified"),1)]),e.createElementVNode("div",ue,[me,e.createElementVNode("p",pe,e.toDisplayString(s.value.delivery.address?s.value.delivery.address.slice(0,64):"Not specified"),1)]),e.createElementVNode("div",_e,[he,e.createElementVNode("p",be,e.toDisplayString(s.value.delivery.type?s.value.delivery.type:"Not specified"),1)])]),c.state.current.status_history?(e.openBlock(),e.createBlock(z.default,{key:1,statuses:o,statusHistory:c.state.current.status_history,statusCurrent:c.state.current.status,edit:e.unref(_).name==="Order Edit"},null,8,["statusHistory","statusCurrent","edit"])):e.createCommentVNode("",!0),t.payment&&t.payment.Status==="CONFIRMED"?(e.openBlock(),e.createElementBlock("span",ve,"Paid")):e.createCommentVNode("",!0)]),e.createElementVNode("div",ge,[fe,e.createElementVNode("ul",Ne,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N.value,(p,i)=>(e.openBlock(),e.createBlock(B.default,{key:p._id,editable:!1,product:p},null,8,["product"]))),128))]),e.createElementVNode("div",Ve,[e.createElementVNode("div",Ee,[ke,e.createElementVNode("p",null,e.toDisplayString(e.unref(y))+" "+e.toDisplayString(t.returnCurrency()),1)]),e.createElementVNode("div",ye,[we,e.createElementVNode("p",null,e.toDisplayString(t.returnCurrency())+" "+e.toDisplayString(Math.trunc(100+20*((d=n.value[0])==null?void 0:d.distance)-7,5*(((u=n.value[0])==null?void 0:u.distance)/10))),1)]),e.createElementVNode("div",Se,[xe,e.createElementVNode("p",Ce,e.toDisplayString(t.returnCurrency())+" "+e.toDisplayString(Math.trunc(100+20*((m=n.value[0])==null?void 0:m.distance)-7,5*(((S=n.value[0])==null?void 0:S.distance)/10))+e.unref(y)),1)])]),Be,e.createVNode(M.default,{username:e.unref(_).name==="Order Status"?((x=s.value.user)==null?void 0:x.name)||"User":"Weeder Support",chatID:e.unref(_).params.order,class:"radius-semi bg-white o-hidden"},null,8,["username","chatID"])])])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)}}},Oe=R.default(De,[["__scopeId","data-v-5785b6f6"]]);exports.default=Oe;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueRouter = require("vue-router");
+;/* empty css                                   */
+const Popup = require("../../../../components/Popup/Popup.vue2.cjs");
+const IconTime = require("../../../icons/entities/IconTime.vue.cjs");
+const CardOrderItem = require("../blocks/CardOrderItem.vue.cjs");
+const CardOrganization = require("../../../organizations/components/blocks/CardOrganization.vue.cjs");
+const ChatPage = require("../../../chats/components/pages/ChatPage.vue.cjs");
+const StatusHistory = require("../blocks/StatusHistory.vue.cjs");
+const globals = require("../../../globals/views/store/globals.cjs");
+const orders = require("../../store/orders.cjs");
+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-5785b6f6"), n = n(), vue.popScopeId(), n);
+const _hoisted_1 = {
+  key: 0,
+  class: "pd-thin"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "mn-b-thin pos-relative w-100 bg-main radius-big pd-medium"
+};
+const _hoisted_3 = { class: "mn-b-small flex-nowrap flex" };
+const _hoisted_4 = { class: "t-medium p-medium" };
+const _hoisted_5 = { class: "p-small t-transp" };
+const _hoisted_6 = { class: "flex-nowrap flex gap-thin pos-relative" };
+const _hoisted_7 = { class: "bg-light mn-b-thin pd-thin radius-extra flex-nowrap flex" };
+const _hoisted_8 = { class: "w-max flex-v-center gap-thin flex-nowrap flex pd-thin radius-small bg-white-transp-20" };
+const _hoisted_9 = { class: "t-medium mn-r-auto" };
+const _hoisted_10 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("span", { class: "p-small t-transp" }, "Estimated Arrival", -1));
+const _hoisted_11 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("br", null, null, -1));
+const _hoisted_12 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("p", { class: "t-medium p-medium mn-b-thin" }, " Positions ", -1));
+const _hoisted_13 = { class: "bg-light pd-small radius-small flex gap-thin flex-column mn-b-semi" };
+const _hoisted_14 = {
+  key: 1,
+  class: "gap-thin cols-2"
+};
+const _hoisted_15 = { class: "w-100" };
+const _hoisted_16 = { class: "mn-b-thin bg-light w-100 o-hidden radius-medium" };
+const _hoisted_17 = { class: "pd-small flex-nowrap flex" };
+const _hoisted_18 = { class: "mn-r-auto" };
+const _hoisted_19 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("span", { class: "d-block t-medium p-medium" }, "Order is", -1));
+const _hoisted_20 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("span", { class: "t-lh-075 h2 d-block mn-b-small" }, "created", -1));
+const _hoisted_21 = { class: "pd-t-nano pd-b-nano pd-r-thin pd-l-thin radius-extra bg-black t-white w-max" };
+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: "w-100 t-medium p-medium" }, " Phone ", -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: "t-medium p-medium" }, " Address ", -1));
+const _hoisted_27 = { class: "w-100 t-right" };
+const _hoisted_28 = { class: "pd-small cols-2 br-t br-black-transp-10 br-solid" };
+const _hoisted_29 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("p", { class: "mn-b-small t-medium p-medium" }, " Delivery ", -1));
+const _hoisted_30 = { class: "w-100 t-right mn-b-small" };
+const _hoisted_31 = {
+  key: 2,
+  class: "t-transp"
+};
+const _hoisted_32 = { class: "bg-light radius-big pd-medium mn-r-bold pd-r-big br-right-dark w-100" };
+const _hoisted_33 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("h3", { class: "mn-b-small" }, "Order Summary", -1));
+const _hoisted_34 = { class: "flex gap-thin flex-column mn-b-semi" };
+const _hoisted_35 = { class: "mn-b-medium radius-small br-solid br-1px br-black-transp-10 w-100" };
+const _hoisted_36 = { class: "pd-small br-solid br-b br-black-transp-10 flex" };
+const _hoisted_37 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("p", { class: "mn-r-auto t-transp" }, "In total", -1));
+const _hoisted_38 = { class: "pd-small br-solid br-b br-black-transp-10 flex" };
+const _hoisted_39 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("p", { class: "mn-r-auto t-transp" }, "Delivery", -1));
+const _hoisted_40 = { class: "pd-small flex-bottom flex" };
+const _hoisted_41 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("p", { class: "mn-r-auto t-transp" }, "In total to pay", -1));
+const _hoisted_42 = { class: "p-big t-semi" };
+const _hoisted_43 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("h3", { class: "mn-b-small" }, "Chat With Us", -1));
+const _sfc_main = {
+  __name: "OrderBackoffice",
+  setup(__props) {
+    vueRouter.useRouter();
+    const route = vueRouter.useRoute();
+    const order = vue.ref(null);
+    const productsOrganization = vue.ref(null);
+    const orderOrganization = vue.ref(null);
+    const statuses = ["created", "confirmed", "packing", "in delivery", "delivered"];
+    const statusLabels = ["Created", "Confirmed", "Packing", "In Delivery", "Delivered"];
+    const isActiveStatus = (index) => {
+      return statuses.slice(index).includes(order.value.status);
+    };
+    const isOpeStatusPopup = vue.ref(false);
+    const selectedMember = vue.ref(null);
+    const orderProducts = vue.ref([]);
+    function openStatusPopup(member) {
+      isOpeStatusPopup.value = true;
+      if (typeof member === "number") selectedMember.value = member;
+    }
+    function closeStatusPopup() {
+      isOpeStatusPopup.value = false;
+      selectedMember.value = null;
+    }
+    vue.onMounted(async () => {
+      var _a, _b;
+      order.value = await orders.actions.read({ _id: route.params.order });
+      order.value = order.value[0];
+      productsOrganization.value = await products.actions.read({
+        organization: order.value.owner.target._id,
+        limit: 1e3
+      });
+      console.log(productsOrganization.value);
+      const productsMap = productsOrganization.value.reduce((map, product) => {
+        map[product._id] = product;
+        return map;
+      }, {});
+      console.log(productsMap);
+      orderProducts.value = order.value.positions.map(({ _id, quantity }) => {
+        const product = productsMap[_id];
+        return {
+          name: product.name,
+          images: product.images,
+          price: product.price,
+          _id: product._id,
+          quantity
+        };
+      });
+      orderOrganization.value = await organizations.actions.read({
+        _id: (_a = order.value) == null ? void 0 : _a.owner.target._id,
+        location: (_b = globals.state.position) == null ? void 0 : _b.location
+      });
+    });
+    let cartTotalPrice = vue.computed(() => {
+      var _a;
+      return Number((_a = order.value) == null ? void 0 : _a.positions.reduce((total, product) => {
+        return total + product.price * product.quantity;
+      }, 0));
+    });
+    vue.computed(() => {
+      var _a;
+      return Number((_a = order.value) == null ? void 0 : _a.positions.reduce((total, product) => {
+        return total + product.quantity;
+      }, 0));
+    });
+    function getNextStatus(currentStatus) {
+      const currentIndex = statuses.indexOf(currentStatus);
+      if (currentIndex !== -1 && currentIndex + 1 < statuses.length) {
+        return statuses[currentIndex + 1];
+      }
+      return null;
+    }
+    function getStatusLabel(status) {
+      const index = statuses.indexOf(status);
+      return status ? statusLabels[index] : "";
+    }
+    async function setNextStatus() {
+      const nextStatus = getNextStatus(orders.state.current.status);
+      if (nextStatus) {
+        orders.state.current.status = nextStatus;
+        await orders.actions.update(orders.state.current);
+      } else {
+        console.error("Next status is void. Must handle somehow.");
+      }
+      closeStatusPopup();
+    }
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d, _e, _f;
+      return order.value && orderOrganization.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        order.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+          vue.createElementVNode("div", _hoisted_3, [
+            vue.createElementVNode("p", _hoisted_4, [
+              vue.createTextVNode(" Order No: "),
+              vue.createElementVNode("span", _hoisted_5, "#" + vue.toDisplayString(order.value._id), 1)
+            ])
+          ]),
+          vue.createElementVNode("div", _hoisted_6, [
+            (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(statuses, (status, index) => {
+              return vue.createElementVNode("div", {
+                key: index,
+                class: "w-20"
+              }, [
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass([
+                    "bg-light br-anim br-glow radius-extra h-1r w-100",
+                    { "br-glow-anim": isActiveStatus(index) },
+                    { "t-transp": !isActiveStatus(index) },
+                    { "blink": order.value.status === statuses[index] && getNextStatus(order.value.status) }
+                  ])
+                }, null, 2),
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass([{ "t-transp": !isActiveStatus(index) }, "mn-t-thin p-small t-medium uppercase"])
+                }, vue.toDisplayString(statusLabels[index]), 3)
+              ]);
+            }), 64))
+          ])
+        ])) : vue.createCommentVNode("", true),
+        vue.createElementVNode("div", _hoisted_7, [
+          vue.createElementVNode("div", _hoisted_8, [
+            vue.createVNode(IconTime.default, {
+              class: "i-semi t-transp",
+              fill: "rgb(var(--black)"
+            }),
+            vue.createElementVNode("p", _hoisted_9, [
+              _hoisted_10,
+              _hoisted_11,
+              vue.createTextVNode(vue.toDisplayString(_ctx.formatDate(order.value.deadline)), 1)
+            ])
+          ]),
+          getNextStatus(order.value.status) && vue.unref(route).name === "Order Edit" ? (vue.openBlock(), vue.createElementBlock("button", {
+            key: 0,
+            onClick: openStatusPopup,
+            class: "mn-l-auto bg-black t-white button"
+          }, " Mark as " + vue.toDisplayString(getStatusLabel(getNextStatus(order.value.status))), 1)) : vue.createCommentVNode("", true)
+        ]),
+        vue.createVNode(Popup.default, {
+          title: "Change status",
+          onClosePopup: closeStatusPopup,
+          isPopupOpen: isOpeStatusPopup.value,
+          class: "bg-white w-min-30r w-max-30r radius-big pd-big"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createTextVNode(vue.toDisplayString(order.value.deadline) + " ", 1),
+            _hoisted_12,
+            vue.createElementVNode("ul", _hoisted_13, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(orderProducts.value, (product, index) => {
+                return vue.openBlock(), vue.createBlock(CardOrderItem.default, {
+                  key: product._id,
+                  editable: false,
+                  product
+                }, null, 8, ["product"]);
+              }), 128))
+            ]),
+            vue.createElementVNode("button", {
+              onClick: setNextStatus,
+              class: "w-100 bg-black-small t-white button"
+            }, vue.toDisplayString("Confirm Changing to " + getStatusLabel(getNextStatus(order.value.status))), 1)
+          ]),
+          _: 1
+        }, 8, ["isPopupOpen"]),
+        order.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14, [
+          vue.createElementVNode("div", _hoisted_15, [
+            orderOrganization.value[0] ? (vue.openBlock(), vue.createBlock(CardOrganization.default, {
+              key: 0,
+              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"])) : vue.createCommentVNode("", true),
+            vue.createElementVNode("div", _hoisted_16, [
+              vue.createElementVNode("div", _hoisted_17, [
+                vue.createElementVNode("div", _hoisted_18, [
+                  _hoisted_19,
+                  _hoisted_20,
+                  vue.createElementVNode("p", _hoisted_21, vue.toDisplayString(_ctx.formatDate(order.value.createdAt)), 1)
+                ])
+              ]),
+              vue.createElementVNode("div", _hoisted_22, [
+                _hoisted_23,
+                vue.createElementVNode("p", _hoisted_24, vue.toDisplayString(((_a = order.value.customer.target) == null ? void 0 : _a.number) || "Not specified"), 1)
+              ]),
+              vue.createElementVNode("div", _hoisted_25, [
+                _hoisted_26,
+                vue.createElementVNode("p", _hoisted_27, vue.toDisplayString(order.value.delivery.address ? order.value.delivery.address.slice(0, 64) : "Not specified"), 1)
+              ]),
+              vue.createElementVNode("div", _hoisted_28, [
+                _hoisted_29,
+                vue.createElementVNode("p", _hoisted_30, vue.toDisplayString(order.value.delivery.type ? order.value.delivery.type : "Not specified"), 1)
+              ])
+            ]),
+            orders.state.current.status_history ? (vue.openBlock(), vue.createBlock(StatusHistory.default, {
+              key: 1,
+              statuses,
+              statusHistory: orders.state.current.status_history,
+              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_31, "Paid")) : vue.createCommentVNode("", true)
+          ]),
+          vue.createElementVNode("div", _hoisted_32, [
+            _hoisted_33,
+            vue.createElementVNode("ul", _hoisted_34, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(orderProducts.value, (product, index) => {
+                return vue.openBlock(), vue.createBlock(CardOrderItem.default, {
+                  key: product._id,
+                  editable: false,
+                  product
+                }, null, 8, ["product"]);
+              }), 128))
+            ]),
+            vue.createElementVNode("div", _hoisted_35, [
+              vue.createElementVNode("div", _hoisted_36, [
+                _hoisted_37,
+                vue.createElementVNode("p", null, vue.toDisplayString(vue.unref(cartTotalPrice)) + " " + vue.toDisplayString(_ctx.returnCurrency()), 1)
+              ]),
+              vue.createElementVNode("div", _hoisted_38, [
+                _hoisted_39,
+                vue.createElementVNode("p", null, vue.toDisplayString(_ctx.returnCurrency()) + " " + vue.toDisplayString(Math.trunc(100 + 20 * ((_b = orderOrganization.value[0]) == null ? void 0 : _b.distance) - 7, 5 * (((_c = orderOrganization.value[0]) == null ? void 0 : _c.distance) / 10))), 1)
+              ]),
+              vue.createElementVNode("div", _hoisted_40, [
+                _hoisted_41,
+                vue.createElementVNode("p", _hoisted_42, vue.toDisplayString(_ctx.returnCurrency()) + " " + vue.toDisplayString(Math.trunc(100 + 20 * ((_d = orderOrganization.value[0]) == null ? void 0 : _d.distance) - 7, 5 * (((_e = orderOrganization.value[0]) == null ? void 0 : _e.distance) / 10)) + vue.unref(cartTotalPrice)), 1)
+              ])
+            ]),
+            _hoisted_43,
+            vue.createVNode(ChatPage.default, {
+              username: vue.unref(route).name === "Order Status" ? ((_f = order.value.user) == null ? void 0 : _f.name) || "User" : "Weeder Support",
+              chatID: vue.unref(route).params.order,
+              class: "radius-semi bg-white o-hidden"
+            }, null, 8, ["username", "chatID"])
+          ])
+        ])) : vue.createCommentVNode("", true)
+      ])) : vue.createCommentVNode("", true);
+    };
+  }
+};
+const OrderBackoffice = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-5785b6f6"]]);
+exports.default = OrderBackoffice;
+//# sourceMappingURL=OrderBackoffice.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OrderBackoffice.vue.cjs","sources":["../../../../../../../src/modules/orders/components/pages/OrderBackoffice.vue"],"sourcesContent":["<template>\n\t<div v-if=\"order && orderOrganization\" class=\"pd-thin\"> \n\n\t  <div v-if=\"order\" class=\"mn-b-thin pos-relative w-100 bg-main radius-big pd-medium\">\n\t  \t<div class=\"mn-b-small flex-nowrap flex\">\n\t\t  \t<p class=\"t-medium p-medium\">\n\t\t     \tOrder No: <span class=\"p-small t-transp\">#{{order._id}}</span>\n\t\t    </p>\n\t\t\t</div>\n\n  \t<div class=\"flex-nowrap flex gap-thin pos-relative \">\n\t    <div v-for=\"(status, index) in statuses\" :key=\"index\" class=\"w-20\">\n\t      <div\n\t      \tclass=\"bg-light br-anim br-glow radius-extra h-1r w-100\"\n\t        :class=\"\n\t\t\t\t    { 'br-glow-anim': isActiveStatus(index) },\n\t\t\t\t    { 't-transp': !isActiveStatus(index) },\n\t\t\t\t    { 'blink': order.status === statuses[index] && getNextStatus(order.status) }\n\t\t\t\t  \"\n\t      />\n\t      <div \n\t      \t:class=\"{ 't-transp': !isActiveStatus(index) }\"\n\t\t\t\t  class=\"mn-t-thin p-small t-medium uppercase\">{{ statusLabels[index] }}</div>\n\t    \t</div>\n\t\t  </div>\n\t  </div>\n\n\t  <div class=\"bg-light mn-b-thin pd-thin radius-extra flex-nowrap flex\">\n  \t\t<div class=\"w-max flex-v-center gap-thin flex-nowrap flex pd-thin radius-small bg-white-transp-20\">\n  \t\t\t<IconTime class=\"i-semi t-transp\" fill=\"rgb(var(--black)\" />\n        <p class=\"t-medium mn-r-auto\"><span class=\"p-small t-transp\">Estimated Arrival</span><br>{{formatDate(order.deadline)}}</p>\n\t  \t</div>\n\n\t  \t<button v-if=\"getNextStatus(order.status) && route.name === 'Order Edit'\" @click=\"openStatusPopup\" class=\"mn-l-auto bg-black t-white button\">  \n\t\t    Mark as {{ getStatusLabel(getNextStatus(order.status)) }}  \n\t\t  </button>\n  \t</div>\n\n\t  <Popup \n      title=\"Change status\" \n      @close-popup=\"closeStatusPopup\" \n      :isPopupOpen=\"isOpeStatusPopup\"\n      class=\"bg-white w-min-30r w-max-30r radius-big pd-big\"\n    >\n\n\t\t\t<!-- <VueDatePicker v-model=\"order.deadline\" :hide-navigation=\"['calendar']\" :flow=\"['time']\" class=\"z-index-3 bg-light radius-small pd-small mn-b-thin mn-b-semi\" /> -->\n\n\t\t\t{{order.deadline}}\n\n\t\t\t<p class=\"t-medium p-medium mn-b-thin\">\n\t\t    Positions\n\t\t  </p>\n\n    \t<ul class=\"bg-light pd-small radius-small flex gap-thin flex-column mn-b-semi\">\n  \t\t\t<CardOrderItem\n  \t\t\t\tv-for=\"(product, index) in orderProducts\" :key=\"product._id\"\n  \t\t\t\t:editable=\"false\" \n  \t\t\t\t:product=\"product\" \n  \t\t\t/>\n      </ul>\n    \t<button @click=\"setNextStatus\"  class=\"w-100 bg-black-small t-white button\">\n    \t\t{{'Confirm Changing to ' + getStatusLabel(getNextStatus(order.status))}}\n    \t</button>\n\t \t</Popup>\n\n\n\t  \n\t  <div v-if=\"order\" class=\"gap-thin cols-2\">\n\n\t    <div class=\"w-100\">\n\n\n\t\t    <CardOrganization \n\t\t    \tv-if=\"orderOrganization[0]\"\n\t\t      :organization=\"orderOrganization[0]\"\n\t\t      :showRating=\"true\"\n\t\t      :showFollowers=\"false\"\n\t\t      :showProducts=\"false\"\n\t\t      class=\"bg-light mn-b-thin w-100 o-hidden radius-big pd-small \"\n\t\t    />\n\n\n\t\t    <div \n\t\t    \tclass=\"mn-b-thin bg-light w-100 o-hidden radius-medium \"\n\t\t    >\n\t\t    \t<div class=\"pd-small flex-nowrap flex\">\n\t\t\t    \t<div class=\"mn-r-auto\">\n\t\t\t\t    \t<span class=\"d-block t-medium p-medium\">Order is</span>\n\t\t\t\t\t    <span class=\" t-lh-075 h2 d-block mn-b-small\">created</span>\n\t\t\t\t\t    <p class=\"pd-t-nano pd-b-nano pd-r-thin pd-l-thin radius-extra bg-black t-white w-max\">{{formatDate(order.createdAt)}}</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      \t{{order.customer.target?.number || 'Not specified'}}\n\t\t\t      </p>\n\t\t\t    </div>\n\n\t\t\t    <div class=\"pd-small  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 ? order.delivery.address.slice(0,64) : 'Not specified'}} \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 ? order.delivery.type : 'Not specified'}} \n\t\t\t      </p>\n\t\t\t    </div>\n\n\t\t\t\t</div>\n\t\t\t\t\n\t     \t<StatusHistory \n\t     \t\tv-if=\"orders.state.current.status_history\"\n\t     \t\t:statuses=\"statuses\"\n\t     \t\t:statusHistory=\"orders.state.current.status_history\"\n\t     \t\t:statusCurrent=\"orders.state.current.status\"\n\t     \t\t:edit=\"route.name === 'Order Edit'\"\n\t     \t/>\n\n\t     <!-- \t<button \n\t     \t@click=\"requestPayment(order)\"\n\t     \tv-if=\"\n\t     \t\torder.status === 'Подтвержден' \n\t     \t\t&& order.payment.type === 'Online'\n\t     \t\t&& payment.Status !== 'CONFIRMED'\n\t     \t\t&& payment.Status !== 'REFUNDED'\n\t     \t\" \n\t     \tclass='w-100 button'>Оплатить заказ</button> -->\n\t     \t<span class=\"t-transp\" v-if=\"payment && payment.Status === 'CONFIRMED'\">Paid</span> \n\t    </div>  \n\n\t    <div class=\"bg-light radius-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\n\timport SectionPageTitle from '@pf/src/modules/globals/views/components/sections/SectionPageTitle.vue'\n\n\timport Popup from \"@pf/src/components/Popup/Popup.vue\";\n\n\timport IconTime  from '@pf/src/modules/icons/entities/IconTime.vue'\n\n\t// Block\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\n\tconst router = useRouter()\n\tconst route = useRoute()\n\n\tconst order = ref(null)\n\tconst productsOrganization = ref(null)\n\tconst orderOrganization = ref(null)\n\n\tconst statuses = ['created', 'confirmed', 'packing', 'in delivery', 'delivered'];\n\tconst statusLabels = ['Created', 'Confirmed', 'Packing', 'In Delivery', 'Delivered'];\n\n\tconst isActiveStatus = (index) => {\n\t  return statuses.slice(index).includes(order.value.status);\n\t};\n\n\t// description: 'Your order has been successfully created. Our manager will contact you within five minutes to confirm your order.'\n\t// description: 'Your order has been confirmed. We are now processing your items and preparing them for shipment.'\n\t// description: 'Your order is now awaiting shipment. Once shipped, you will receive a notification with tracking information.'\n\t// description: 'Your order is now awaiting shipment. Once shipped, you will receive a notification with tracking information.'\n\t// description: 'Your order is currently in transit. Our delivery team is working hard to get your items to you as soon as possible.'\n\t// description: 'Congratulations! Your order has been successfully delivered. If you have any concerns or feedback, feel free to contact us.'\n\n\n\tconst isOpeStatusPopup = ref(false);\n\tconst selectedMember = ref(null);\n\tconst orderProducts = ref([]);\n\n\tfunction openStatusPopup(member) {\n\t  isOpeStatusPopup.value = true;\n\t  if (typeof member === \"number\") selectedMember.value = member;\n\t}\n\n\tfunction closeStatusPopup() {\n\t  isOpeStatusPopup.value = false;\n\t  selectedMember.value = null;\n\t}\n\n\tonMounted(async()=>{\n\t\torder.value = await orders.actions.read({_id: route.params.order})\n\t\torder.value = order.value[0]\n\n\t\tproductsOrganization.value = await products.actions.read({\n\t    organization: order.value.owner.target._id,\n\t    limit: 1000,\n\t  });\n\n\t  console.log(productsOrganization.value)\n\n    const productsMap = productsOrganization.value.reduce((map, product) => {\n\t    map[product._id] = product;\n\t    return map;\n\t  }, {});\n\n\t  console.log(productsMap)\n\n\t  // Сопоставление продуктов с позициями заказа\n\t  orderProducts.value = order.value.positions.map(({ _id, quantity }) => {\n\t    const product = productsMap[_id];\n\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\t  orderOrganization.value = await organizations.actions.read({\n\t    _id: order.value?.owner.target._id,\n\t    location: globals.state.position?.location,\n\t  });\n\n\t})\n\n\tlet cartTotalPrice = computed(() => {\n    return Number(order.value?.positions.reduce((total, product) => {\n      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  // Функция установки нового статуса\n\tasync function setStatus (newStatus) {\n\t  orders.state.current.status = newStatus\n\n\t  await orders.actions.update(orders.state.current)\n\t} \n\n\tfunction getNextStatus(currentStatus) {\n    const currentIndex = statuses.indexOf(currentStatus);\n\n    if (currentIndex !== -1 && currentIndex + 1 < statuses.length) {\n      return statuses[currentIndex + 1];\n    }\n    return null; // Если следующий статус не существует\n  }\n\n  function getStatusLabel(status) {\n    const index = statuses.indexOf(status);\n\n    return status ? statusLabels[index] : \"\";\n  }\n  async function setNextStatus() {\n    const nextStatus = getNextStatus(orders.state.current.status);\n\n    if (nextStatus) {\n      orders.state.current.status = nextStatus;\n\n      await orders.actions.update(orders.state.current)\n    } else {\n      console.error('Next status is void. Must handle somehow.');\n    }\n\n\t\tcloseStatusPopup()\n  }\n\n\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","orders.state"],"mappings":"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"}