@ozdao/prometheus-framework 0.2.330 → 0.2.332

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,cAAS,UAAA;AACxB,UAAM,QAAQC,UAAQ,SAAA;AAEtB,UAAM,QAAQC,IAAAA,IAAI,IAAI;AACtB,UAAM,uBAAuBA,IAAAA,IAAI,IAAI;AACrC,UAAM,oBAAoBA,IAAAA,IAAI,IAAI;AAElCC,QAAAA,UAAU,YAAS;;AAClB,YAAM,QAAQ,MAAMC,eAAe,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,IACF,CAAA;AAED,QAAI,iBAAiBC,IAAAA,SAAS,MAAM;;AACjC,aAAO,QAAO,WAAM,UAAN,mBAAa,UAAU,OAAO,CAAC,OAAO,YAAY;AAC9D,eAAO,QAAQ,QAAQ,QAAQ,QAAQ;AAAA,MACxC,GAAE,EAAE;AAAA,IACN,CAAA;AAEqBA,QAAAA,SAAS,MAAM;;AACnC,aAAO,QAAO,WAAM,UAAN,mBAAa,UAAU,OAAO,CAAC,OAAO,YAAY;AAC9D,eAAO,QAAQ,QAAQ;AAAA,MACxB,GAAE,EAAE;AAAA,IACN,CAAA;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,QACP;AAAA,MACI;AAAA,IACD,CAAA;AAMF,aAAS,sBAAsB,UAAU,MAAM;AAC7C,UAAI,CAAC,UAAU;AACb,eAAO;AAAA,MACZ;AAEG,YAAM,sBAAsB,KAAK,KAAK;AACtC,YAAM,aAAa,KAAK,MAAM,KAAK,IAAI,IAAI,YAAY,CAAC,IAAI,IAAI,KAAK;AAGrE,YAAM,YAAY,IAAI,KAAK,IAAI,EAAE,QAAS;AAC1C,YAAM,wBAAwB,IAAI,KAAK,YAAY,sBAAsB,UAAU;AAEnF,cAAQ,IAAI,IAAI;AAChB,cAAQ,IAAI,qBAAqB;AAEjC,aAAO;AAAA,IACV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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 } from "vue";
+import { ref, onMounted, computed, createElementBlock, createCommentVNode, openBlock, createElementVNode, toDisplayString, normalizeClass, createTextVNode, createBlock, unref, createVNode, Fragment, renderList } 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";

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

@@ -1 +1 @@
-{"version":3,"file":"Order.vue.js","sources":["../../../../../../../src/modules/orders/components/pages/Order.vue"],"sourcesContent":["<template>\n\t<div v-if=\"order && orderOrganization\" class=\"pd-thin\"> \n\t  \n\t\n\n\t  <div v-if=\"order\" class=\"mn-b-thin pos-relative w-100 bg-main radius-big pd-big\">\n\n\t  \t<h2 class=\"mn-b-small\">Order is {{order.status}}</h2>\n\t  \t<p class=\"mn-b-medium w-m-40r p-medium\">Your order has been successfully created. Our manager will contact you within five minutes to confirm your order.</p>\n\t  \n\t  \t\n\t  \t<!-- <p class=\"p-medium mn-b-thin t-semi\">{{ statuses.find(status => status.value === order.status).nextstatus}}</p> -->\n\n\t  \t<div class=\"radius-extra  mn-b-medium flex-nowrap flex h-1r pos-relativew-40r\">\n\t  \t\t<div \n\t  \t\t\tclass=\"bg-light br-anim br-glow radius-extra mn-r-thin h-100 w-20\"\n\t  \t\t\t:class=\"\n\t  \t\t\t\t{'br-anim br-glow br-glow-anim': ['created','confirmed', 'packing','in delivery','delivered'].indexOf(order.status) === 0 }\n\t  \t\t\t\"\n\t  \t\t/>\n\t  \t\t<div \n\t  \t\t\tclass=\"bg-light br-anim br-glow radius-extra mn-r-thin h-100 w-20\"\n\t  \t\t\t:class=\"\n\t  \t\t\t\t{'br-anim br-glow br-glow-anim': ['created','confirmed', 'packing','in delivery','delivered'].indexOf(order.status) === 0 },\n\t  \t\t\t\t\t{'t-transp': ['created','confirmed', 'packing','in delivery','delivered'].indexOf(order.status) === -1 },\n\t  \t\t\t\t{'blink': order.status === 'created' }\n\t  \t\t\t\"\n\t  \t\t/>\n\t  \t\t<div \n\t  \t\t\t:class=\"\n\t  \t\t\t\t{'br-anim br-glow br-glow-anim': ['confirmed', 'packing','in delivery','delivered'].indexOf(order.status) === 0 },\n\t  \t\t\t\t{'t-transp': ['confirmed', 'packing','in delivery','delivered'].indexOf(order.status) === -1 },\n\t  \t\t\t\t{'blink': order.status === 'confirmed' }\n\t  \t\t\t\"\n\t  \t\t\tclass=\"bg-light radius-extra mn-r-thin h-100 w-40\"\n\t  \t\t/>\n\t  \t\t<div \n\t  \t\t\tclass=\"bg-light radius-extra mn-r-thin h-100 w-40\"\n\t  \t\t\t:class=\"\n\t  \t\t\t\t{'br-anim br-glow br-glow-anim': ['packing','in delivery','delivered'].indexOf(order.status) === 0 },\n\t  \t\t\t\t{'t-transp': ['packing','in delivery','delivered'].indexOf(order.status) === -1 },\n\t  \t\t\t\t{'blink': order.status === 'packing' }\n\t  \t\t\t\"\n\t  \t\t/>\n\t  \t\t<div \n\t  \t\t\tclass=\"bg-light radius-extra h-100 w-20\"\n\t  \t\t\t:class=\"\n\t  \t\t\t\t{'br-anim br-glow br-glow-anim': ['in delivery','delivered'].indexOf(order.status) === 0 },\n\t  \t\t\t\t{'t-transp': ['in delivery','delivered'].indexOf(order.status) === -1 },\n\t  \t\t\t\t{'blink': order.status === 'in delivery' }\n\t  \t\t\t\"\n\t  \t\t/>\n\t  \t</div>\n\n\t  \t<!-- <div class=\"w-max pd-thin radius-small bg-white-transp-20\"> -->\n\t\t  \t<p>Estimated Arrival {{formatDate(calculateDeliveryTime(orderOrganization[0]?.distance, order.createdAt))}}</p>\n\t\t  \t<!-- Estimated in minutes -->\n\t  \t\t<h3>{{\n\t  \t\t\torderOrganization[0]?.distance ? \n          Math.ceil((5 + 5 + 3 * orderOrganization[0]?.distance) / 5) * 5 \n          + '-' \n          + Math.ceil((15 + 5 + 3 * orderOrganization[0]?.distance) / 5) * 5 \n          + ' MIN' : 'Unavailable' \n\t  \t\t}}</h3>\n\t  \t<!-- </div> -->\n\t  \n\t  \n    \t<p class=\" pos-absolute pos-t-medium pos-r-medium t-medium p-medium\">\n        Order No: <span class=\"p-small t-transp\">#{{order._id}}</span>\n      </p>\n\t  </div>\n\n\n\t  \n\t  <div v-if=\"order\" class=\"gap-thin cols-2\">\n\n\t    <div class=\"w-100\">\n\n\t\t    <CardOrganization \n\t\t    \tv-if=\"orderOrganization[0]\"\n\t\t      :organization=\"orderOrganization[0]\"\n\t\t      :showRating=\"true\"\n\t\t      :showFollowers=\"false\"\n\t\t      :showProducts=\"false\"\n\t\t      class=\"bg-light mn-b-thin w-100 o-hidden radius-big pd-small \"\n\t\t    />\n\n\t\t    <div \n\t\t    \tclass=\"mn-b-thin bg-light w-100 o-hidden radius-medium \"\n\t\t    >\n\t\t    \t<div class=\"pd-small flex-nowrap flex\">\n\t\t\t    \t<div class=\"mn-r-auto\">\n\t\t\t\t    \t<span class=\"d-block t-medium p-medium\">Your order is</span>\n\t\t\t\t\t    <span class=\" t-lh-075 h2 d-block mn-b-small\">{{order.status}}</span>\n\t\t\t\t\t    <p class=\"pd-t-nano pd-b-nano pd-r-thin pd-l-thin radius-extra bg-black t-white w-max\">as on 29 aug 2021, Friday</p>\n\t\t\t\t\t  </div>\n\t\t\t\t\t  <!-- <div class=\"t-right\">\n\t\t\t\t\t  \tCancel order<br>\n\t\t\t\t\t  \tExchange item\n\t\t\t\t\t  \t<hr class=\"mn-b-thin mn-t-thin\">\n\t\t\t\t\t  \tFor Delivery Queries Contact Us\n\t\t\t\t\t  \t\n\t\t\t\t\t  </div> -->\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"pd-small cols-2 br-t br-black-transp-10 br-solid\">\n\t\t\t    \t<p class=\"w-100 t-medium p-medium\">\n\t\t\t      \tPhone\n\t\t\t      </p>\n\n\t\t\t      <p class=\"w-100 t-right \">\n\t\t\t        {{order.user?.number}} \n\t\t\t      </p>\n\t\t\t    </div>\n\n\t\t\t    <div v-if=\"order.user?.messenger.type\" class=\"pd-small cols-2 br-t br-black-transp-10 br-solid\">\n\t\t\t    \t<p class=\"w-100 t-medium p-medium\">\n\t\t\t      \t{{order.user?.messenger.type}}\n\t\t\t      </p>\n\n\t\t\t      <p class=\"w-100 t-right \">\n\t\t\t        {{order.user?.messenger.value}} \n\t\t\t      </p>\n\t\t\t    </div>\n\n\t\t\t    <div class=\"pd-small  cols-2  br-t br-black-transp-10 br-solid\">\n\t\t\t    \t<p class=\"t-medium p-medium\">\n\t\t\t      \tAddress\n\t\t\t      </p>\n\n\t\t\t      <p class=\"w-100 t-right\">\n\t\t\t        {{order.delivery?.address.slice(0,64)}} \n\t\t\t      </p>\n\t\t\t    </div>\n\n\t\t\t    <div class=\"pd-small  cols-2  br-t br-black-transp-10 br-solid\">\n\t\t\t    \t<p class=\"mn-b-small t-medium p-medium\">\n\t\t\t      \tDelivery\n\t\t\t      </p>\n\n\t\t\t      <p class=\"w-100 t-right mn-b-small\">\n\t\t\t        {{order.delivery?.type}} \n\t\t\t      </p>\n\t\t\t    </div>\n\n\t\t\t\t</div>\n\t\t\t\t\n\t     \t<StatusHistory \n\t     \t\tv-if=\"orders.state.current.status_history\"\n\t     \t\t:statusHistory=\"orders.state.current.status_history\"\n\t     \t\t:statusCurrent=\"orders.state.current.status\"\n\t     \t\t:edit=\"route.name === 'Order Edit'\"\n\t     \t/>\n\n\t     <!-- \t<button \n\t     \t@click=\"requestPayment(order)\"\n\t     \tv-if=\"\n\t     \t\torder.status === 'Подтвержден' \n\t     \t\t&& order.payment.type === 'Online'\n\t     \t\t&& payment.Status !== 'CONFIRMED'\n\t     \t\t&& payment.Status !== 'REFUNDED'\n\t     \t\" \n\t     \tclass='w-100 button'>Оплатить заказ</button> -->\n\t     \t<span class=\"t-transp\" v-if=\"payment && payment.Status === 'CONFIRMED'\">Paid</span> \n\t    </div>  \n\n\t    <div class=\"bg-light radius-big pd-medium  mn-r-bold pd-r-big br-right-dark w-100\">\n\t  \t\t<h3 class=\"mn-b-small\">Order Summary</h3>\n\n\t  \t\t<ul class=\"flex gap-thin flex-column mn-b-semi\">\n\t  \t\t\t<CardOrderItem\n\t  \t\t\t\tv-for=\"(product, index) in orderProducts\" :key=\"product._id\"\n\t  \t\t\t\t:editable=\"false\" \n\t  \t\t\t\t:product=\"product\" \n\t  \t\t\t/>\n\t      </ul>\n\t      \n\t      <div class=\"mn-b-medium radius-small br-solid br-1px br-black-transp-10 w-100\">\n\t\t      <div class=\"pd-small br-solid br-b br-black-transp-10  flex\">\n\t\t        <p class=\"mn-r-auto t-transp\">In total</p>\n\t\t        <p>{{ cartTotalPrice }} {{returnCurrency()}} </p>\n\t\t      </div>\n\t\t      <div class=\"pd-small br-solid br-b br-black-transp-10  flex\">\n\t\t        <p class=\"mn-r-auto  t-transp\">Delivery</p>\n\t\t        <p>{{returnCurrency()}} {{ Math.trunc(100 + 20 * orderOrganization[0]?.distance - 7,5 * (orderOrganization[0]?.distance  / 10))}} </p>\n\t\t      </div>\n\t\t      <div class=\"pd-small  flex-bottom flex\">\n\t\t        <p class=\"mn-r-auto t-transp\">In total to pay</p>\n\t\t        <p class=\"p-big t-semi\">{{returnCurrency()}} {{ Math.trunc(100 + 20 * orderOrganization[0]?.distance - 7,5 * (orderOrganization[0]?.distance  / 10)) + cartTotalPrice }}</p>\n\t\t      </div>\n\t\t    </div>\n\n\t\t    <h3 class=\"mn-b-small\">Chat With Us</h3>\n\n\t\t    <ChatWindow\n\t\t    \t:username=\"\n\t\t    \t\troute.name === 'Order Status' ? order.user?.name || 'User' : 'Weeder Support'\n\t\t    \t\"\n\t\t    \t:chatID=\"route.params.order\"\n\t\t    \tclass=\"radius-semi bg-white o-hidden\"\n\t\t    />\n\n\t    </div>\n\t  </div>\n\t</div>\t\t\n\n</template>\n\n\n<script setup=\"props\">\n\timport { computed, ref, onMounted  } from 'vue'\n\timport { useRouter, useRoute } from 'vue-router'\n\t\n\timport CardOrderItem  from '@pf/src/modules/orders/components/blocks/CardOrderItem.vue'\n\timport CardOrganization from '@pf/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n\timport ChatWindow from '@pf/src/modules/chats/components/pages/ChatPage.vue';\n\n\timport StatusHistory from '@pf/src/modules/orders/components/blocks/StatusHistory.vue'\n\n\timport * as globals \tfrom '@pf/src/modules/globals/views/store/globals'\n\timport * as orders \tfrom '@pf/src/modules/orders/store/orders'\n\timport * as products \tfrom '@pf/src/modules/products/store/products'\n\timport * as organizations \tfrom '@pf/src/modules/organizations/store/organizations'\n\n\tconst router = useRouter()\n\tconst route = useRoute()\n\n\tconst order = ref(null)\n\tconst productsOrganization = ref(null)\n\tconst orderOrganization = ref(null)\n\n\tonMounted(async()=>{\n\t\torder.value = await orders.actions.read({_id: route.params.order})\n\t\torder.value = order.value[0]\n\n\t\tproductsOrganization.value = await products.actions.read({\n\t    organization: order.value?.owner.target._id\n\t  });\n\n\t  orderOrganization.value = await organizations.actions.read({\n\t    _id: order.value?.owner.target._id,\n\t    location: globals.state.position?.location,\n\t  });\n\t})\n\n\tlet cartTotalPrice = computed(() => {\n    return Number(order.value?.positions.reduce((total, product) => {\n      return total + product.price * product.quantity;\n    }, 0));\n  })\n\n  let cartTotalAmount = computed(() => {\n    return Number(order.value?.positions.reduce((total, product) => {\n      return total + product.quantity;\n    }, 0));\n  })\n\n  let orderProducts = computed(() => {\n    return order.value?.positions.map(({ _id, quantity }) => {\n\n\t    const product = productsOrganization.value.find(product => product._id === _id)\n\n\t\t    return {\n\t      name: product.name,\n\t      images: product.images,\n\t      price: product.price,\n\t      _id: product._id,\n\t      quantity\n\t    }\n\t  })\n  })\n\n\tfunction requestPayment(order) {\n\t\t // store.dispatch(\"payments/newPayment\", order);\n\t}\n\n\tfunction calculateDeliveryTime(distance, date) {\n\t  if (!distance) {\n\t    return null;\n\t  }\n\n\t  const basePreparationTime = 10 * 60 * 1000; // Convert to milliseconds\n\t  const travelTime = Math.ceil((15 + 5 + 3 * distance) / 5) * 5 * 60 * 1000;\n\n\t  // Преобразование даты начала в миллисекунды и добавление времени подготовки и доставки\n\t  const startTime = new Date(date).getTime();\n\t  const estimatedDeliveryTime = new Date(startTime + basePreparationTime + travelTime);\n\n\t  console.log(date)\n\t  console.log(estimatedDeliveryTime)\n\n\t  return estimatedDeliveryTime;\n\t}\n\n\n</script>\n\n<style lang=\"scss\" scoped>\n\t.blink {\n\t  animation: blink-animation 1s ease infinite;\n\t}\n\n\t@keyframes blink-animation {\n\t  0%, 100% {\n\t    opacity: 1;\n\t  }\n\t  50% {\n\t    opacity: 0.8;\n\t  }\n\t}\n</style>"],"names":["orders.actions","products.actions","organizations.actions","globals.state","product"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiOgB,cAAW;AAC1B,UAAM,QAAQ,SAAU;AAExB,UAAM,QAAQ,IAAI,IAAI;AACtB,UAAM,uBAAuB,IAAI,IAAI;AACrC,UAAM,oBAAoB,IAAI,IAAI;AAElC,cAAU,YAAS;;AAClB,YAAM,QAAQ,MAAMA,QAAe,KAAK,EAAC,KAAK,MAAM,OAAO,MAAK,CAAC;AACjE,YAAM,QAAQ,MAAM,MAAM,CAAC;AAE3B,2BAAqB,QAAQ,MAAMC,UAAiB,KAAK;AAAA,QACtD,eAAc,WAAM,UAAN,mBAAa,MAAM,OAAO;AAAA,MAC7C,CAAI;AAED,wBAAkB,QAAQ,MAAMC,UAAsB,KAAK;AAAA,QACzD,MAAK,WAAM,UAAN,mBAAa,MAAM,OAAO;AAAA,QAC/B,WAAUC,WAAc,aAAdA,mBAAwB;AAAA,MACvC,CAAI;AAAA,IACJ,CAAE;AAED,QAAI,iBAAiB,SAAS,MAAM;;AACjC,aAAO,QAAO,WAAM,UAAN,mBAAa,UAAU,OAAO,CAAC,OAAO,YAAY;AAC9D,eAAO,QAAQ,QAAQ,QAAQ,QAAQ;AAAA,MAC7C,GAAO,EAAE;AAAA,IACT,CAAG;AAEqB,aAAS,MAAM;;AACnC,aAAO,QAAO,WAAM,UAAN,mBAAa,UAAU,OAAO,CAAC,OAAO,YAAY;AAC9D,eAAO,QAAQ,QAAQ;AAAA,MAC7B,GAAO,EAAE;AAAA,IACT,CAAG;AAED,QAAI,gBAAgB,SAAS,MAAM;;AACjC,cAAO,WAAM,UAAN,mBAAa,UAAU,IAAI,CAAC,EAAE,KAAK,eAAe;AAExD,cAAM,UAAU,qBAAqB,MAAM,KAAK,CAAAC,aAAWA,SAAQ,QAAQ,GAAG;AAE7E,eAAO;AAAA,UACN,MAAM,QAAQ;AAAA,UACd,QAAQ,QAAQ;AAAA,UAChB,OAAO,QAAQ;AAAA,UACf,KAAK,QAAQ;AAAA,UACb;AAAA,QACD;AAAA,MACN;AAAA,IACA,CAAG;AAMF,aAAS,sBAAsB,UAAU,MAAM;AAC7C,UAAI,CAAC,UAAU;AACb,eAAO;AAAA,MACR;AAED,YAAM,sBAAsB,KAAK,KAAK;AACtC,YAAM,aAAa,KAAK,MAAM,KAAK,IAAI,IAAI,YAAY,CAAC,IAAI,IAAI,KAAK;AAGrE,YAAM,YAAY,IAAI,KAAK,IAAI,EAAE,QAAO;AACxC,YAAM,wBAAwB,IAAI,KAAK,YAAY,sBAAsB,UAAU;AAEnF,cAAQ,IAAI,IAAI;AAChB,cAAQ,IAAI,qBAAqB;AAEjC,aAAO;AAAA,IACR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Order.vue.js","sources":["../../../../../../../src/modules/orders/components/pages/Order.vue"],"sourcesContent":["<template>\n\t<div v-if=\"order && orderOrganization\" class=\"pd-thin\"> \n\t  \n\t\n\n\t  <div v-if=\"order\" class=\"mn-b-thin pos-relative w-100 bg-main radius-big pd-big\">\n\n\t  \t<h2 class=\"mn-b-small\">Order is {{order.status}}</h2>\n\t  \t<p class=\"mn-b-medium w-m-40r p-medium\">Your order has been successfully created. Our manager will contact you within five minutes to confirm your order.</p>\n\t  \n\t  \t\n\t  \t<!-- <p class=\"p-medium mn-b-thin t-semi\">{{ statuses.find(status => status.value === order.status).nextstatus}}</p> -->\n\n\t  \t<div class=\"radius-extra  mn-b-medium flex-nowrap flex h-1r pos-relativew-40r\">\n\t  \t\t<div \n\t  \t\t\tclass=\"bg-light br-anim br-glow radius-extra mn-r-thin h-100 w-20\"\n\t  \t\t\t:class=\"\n\t  \t\t\t\t{'br-anim br-glow br-glow-anim': ['created','confirmed', 'packing','in delivery','delivered'].indexOf(order.status) === 0 }\n\t  \t\t\t\"\n\t  \t\t/>\n\t  \t\t<div \n\t  \t\t\tclass=\"bg-light br-anim br-glow radius-extra mn-r-thin h-100 w-20\"\n\t  \t\t\t:class=\"\n\t  \t\t\t\t{'br-anim br-glow br-glow-anim': ['created','confirmed', 'packing','in delivery','delivered'].indexOf(order.status) === 0 },\n\t  \t\t\t\t\t{'t-transp': ['created','confirmed', 'packing','in delivery','delivered'].indexOf(order.status) === -1 },\n\t  \t\t\t\t{'blink': order.status === 'created' }\n\t  \t\t\t\"\n\t  \t\t/>\n\t  \t\t<div \n\t  \t\t\t:class=\"\n\t  \t\t\t\t{'br-anim br-glow br-glow-anim': ['confirmed', 'packing','in delivery','delivered'].indexOf(order.status) === 0 },\n\t  \t\t\t\t{'t-transp': ['confirmed', 'packing','in delivery','delivered'].indexOf(order.status) === -1 },\n\t  \t\t\t\t{'blink': order.status === 'confirmed' }\n\t  \t\t\t\"\n\t  \t\t\tclass=\"bg-light radius-extra mn-r-thin h-100 w-40\"\n\t  \t\t/>\n\t  \t\t<div \n\t  \t\t\tclass=\"bg-light radius-extra mn-r-thin h-100 w-40\"\n\t  \t\t\t:class=\"\n\t  \t\t\t\t{'br-anim br-glow br-glow-anim': ['packing','in delivery','delivered'].indexOf(order.status) === 0 },\n\t  \t\t\t\t{'t-transp': ['packing','in delivery','delivered'].indexOf(order.status) === -1 },\n\t  \t\t\t\t{'blink': order.status === 'packing' }\n\t  \t\t\t\"\n\t  \t\t/>\n\t  \t\t<div \n\t  \t\t\tclass=\"bg-light radius-extra h-100 w-20\"\n\t  \t\t\t:class=\"\n\t  \t\t\t\t{'br-anim br-glow br-glow-anim': ['in delivery','delivered'].indexOf(order.status) === 0 },\n\t  \t\t\t\t{'t-transp': ['in delivery','delivered'].indexOf(order.status) === -1 },\n\t  \t\t\t\t{'blink': order.status === 'in delivery' }\n\t  \t\t\t\"\n\t  \t\t/>\n\t  \t</div>\n\n\t  \t<!-- <div class=\"w-max pd-thin radius-small bg-white-transp-20\"> -->\n\t\t  \t<p>Estimated Arrival {{formatDate(calculateDeliveryTime(orderOrganization[0]?.distance, order.createdAt))}}</p>\n\t\t  \t<!-- Estimated in minutes -->\n\t  \t\t<h3>{{\n\t  \t\t\torderOrganization[0]?.distance ? \n          Math.ceil((5 + 5 + 3 * orderOrganization[0]?.distance) / 5) * 5 \n          + '-' \n          + Math.ceil((15 + 5 + 3 * orderOrganization[0]?.distance) / 5) * 5 \n          + ' MIN' : 'Unavailable' \n\t  \t\t}}</h3>\n\t  \t<!-- </div> -->\n\t  \n\t  \n    \t<p class=\" pos-absolute pos-t-medium pos-r-medium t-medium p-medium\">\n        Order No: <span class=\"p-small t-transp\">#{{order._id}}</span>\n      </p>\n\t  </div>\n\n\n\t  \n\t  <div v-if=\"order\" class=\"gap-thin cols-2\">\n\n\t    <div class=\"w-100\">\n\n\t\t    <CardOrganization \n\t\t    \tv-if=\"orderOrganization[0]\"\n\t\t      :organization=\"orderOrganization[0]\"\n\t\t      :showRating=\"true\"\n\t\t      :showFollowers=\"false\"\n\t\t      :showProducts=\"false\"\n\t\t      class=\"bg-light mn-b-thin w-100 o-hidden radius-big pd-small \"\n\t\t    />\n\n\t\t    <div \n\t\t    \tclass=\"mn-b-thin bg-light w-100 o-hidden radius-medium \"\n\t\t    >\n\t\t    \t<div class=\"pd-small flex-nowrap flex\">\n\t\t\t    \t<div class=\"mn-r-auto\">\n\t\t\t\t    \t<span class=\"d-block t-medium p-medium\">Your order is</span>\n\t\t\t\t\t    <span class=\" t-lh-075 h2 d-block mn-b-small\">{{order.status}}</span>\n\t\t\t\t\t    <p class=\"pd-t-nano pd-b-nano pd-r-thin pd-l-thin radius-extra bg-black t-white w-max\">as on 29 aug 2021, Friday</p>\n\t\t\t\t\t  </div>\n\t\t\t\t\t  <!-- <div class=\"t-right\">\n\t\t\t\t\t  \tCancel order<br>\n\t\t\t\t\t  \tExchange item\n\t\t\t\t\t  \t<hr class=\"mn-b-thin mn-t-thin\">\n\t\t\t\t\t  \tFor Delivery Queries Contact Us\n\t\t\t\t\t  \t\n\t\t\t\t\t  </div> -->\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"pd-small cols-2 br-t br-black-transp-10 br-solid\">\n\t\t\t    \t<p class=\"w-100 t-medium p-medium\">\n\t\t\t      \tPhone\n\t\t\t      </p>\n\n\t\t\t      <p class=\"w-100 t-right \">\n\t\t\t        {{order.user?.number}} \n\t\t\t      </p>\n\t\t\t    </div>\n\n\t\t\t    <div v-if=\"order.user?.messenger.type\" class=\"pd-small cols-2 br-t br-black-transp-10 br-solid\">\n\t\t\t    \t<p class=\"w-100 t-medium p-medium\">\n\t\t\t      \t{{order.user?.messenger.type}}\n\t\t\t      </p>\n\n\t\t\t      <p class=\"w-100 t-right \">\n\t\t\t        {{order.user?.messenger.value}} \n\t\t\t      </p>\n\t\t\t    </div>\n\n\t\t\t    <div class=\"pd-small  cols-2  br-t br-black-transp-10 br-solid\">\n\t\t\t    \t<p class=\"t-medium p-medium\">\n\t\t\t      \tAddress\n\t\t\t      </p>\n\n\t\t\t      <p class=\"w-100 t-right\">\n\t\t\t        {{order.delivery?.address.slice(0,64)}} \n\t\t\t      </p>\n\t\t\t    </div>\n\n\t\t\t    <div class=\"pd-small  cols-2  br-t br-black-transp-10 br-solid\">\n\t\t\t    \t<p class=\"mn-b-small t-medium p-medium\">\n\t\t\t      \tDelivery\n\t\t\t      </p>\n\n\t\t\t      <p class=\"w-100 t-right mn-b-small\">\n\t\t\t        {{order.delivery?.type}} \n\t\t\t      </p>\n\t\t\t    </div>\n\n\t\t\t\t</div>\n\t\t\t\t\n\t     \t<StatusHistory \n\t     \t\tv-if=\"orders.state.current.status_history\"\n\t     \t\t:statusHistory=\"orders.state.current.status_history\"\n\t     \t\t:statusCurrent=\"orders.state.current.status\"\n\t     \t\t:edit=\"route.name === 'Order Edit'\"\n\t     \t/>\n\n\t     <!-- \t<button \n\t     \t@click=\"requestPayment(order)\"\n\t     \tv-if=\"\n\t     \t\torder.status === 'Подтвержден' \n\t     \t\t&& order.payment.type === 'Online'\n\t     \t\t&& payment.Status !== 'CONFIRMED'\n\t     \t\t&& payment.Status !== 'REFUNDED'\n\t     \t\" \n\t     \tclass='w-100 button'>Оплатить заказ</button> -->\n\t     \t<span class=\"t-transp\" v-if=\"payment && payment.Status === 'CONFIRMED'\">Paid</span> \n\t    </div>  \n\n\t    <div class=\"bg-light radius-big pd-medium  mn-r-bold pd-r-big br-right-dark w-100\">\n\t  \t\t<h3 class=\"mn-b-small\">Order Summary</h3>\n\n\t  \t\t<ul class=\"flex gap-thin flex-column mn-b-semi\">\n\t  \t\t\t<CardOrderItem\n\t  \t\t\t\tv-for=\"(product, index) in orderProducts\" :key=\"product._id\"\n\t  \t\t\t\t:editable=\"false\" \n\t  \t\t\t\t:product=\"product\" \n\t  \t\t\t/>\n\t      </ul>\n\t      \n\t      <div class=\"mn-b-medium radius-small br-solid br-1px br-black-transp-10 w-100\">\n\t\t      <div class=\"pd-small br-solid br-b br-black-transp-10  flex\">\n\t\t        <p class=\"mn-r-auto t-transp\">In total</p>\n\t\t        <p>{{ cartTotalPrice }} {{returnCurrency()}} </p>\n\t\t      </div>\n\t\t      <div class=\"pd-small br-solid br-b br-black-transp-10  flex\">\n\t\t        <p class=\"mn-r-auto  t-transp\">Delivery</p>\n\t\t        <p>{{returnCurrency()}} {{ Math.trunc(100 + 20 * orderOrganization[0]?.distance - 7,5 * (orderOrganization[0]?.distance  / 10))}} </p>\n\t\t      </div>\n\t\t      <div class=\"pd-small  flex-bottom flex\">\n\t\t        <p class=\"mn-r-auto t-transp\">In total to pay</p>\n\t\t        <p class=\"p-big t-semi\">{{returnCurrency()}} {{ Math.trunc(100 + 20 * orderOrganization[0]?.distance - 7,5 * (orderOrganization[0]?.distance  / 10)) + cartTotalPrice }}</p>\n\t\t      </div>\n\t\t    </div>\n\n\t\t    <h3 class=\"mn-b-small\">Chat With Us</h3>\n\n\t\t    <ChatWindow\n\t\t    \t:username=\"\n\t\t    \t\troute.name === 'Order Status' ? order.user?.name || 'User' : 'Weeder Support'\n\t\t    \t\"\n\t\t    \t:chatID=\"route.params.order\"\n\t\t    \tclass=\"radius-semi bg-white o-hidden\"\n\t\t    />\n\n\t    </div>\n\t  </div>\n\t</div>\t\t\n\n</template>\n\n\n<script setup=\"props\">\n\timport { computed, ref, onMounted  } from 'vue'\n\timport { useRouter, useRoute } from 'vue-router'\n\t\n\timport CardOrderItem  from '@pf/src/modules/orders/components/blocks/CardOrderItem.vue'\n\timport CardOrganization from '@pf/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n\timport ChatWindow from '@pf/src/modules/chats/components/pages/ChatPage.vue';\n\n\timport StatusHistory from '@pf/src/modules/orders/components/blocks/StatusHistory.vue'\n\n\timport * as globals \tfrom '@pf/src/modules/globals/views/store/globals'\n\timport * as orders \tfrom '@pf/src/modules/orders/store/orders'\n\timport * as products \tfrom '@pf/src/modules/products/store/products'\n\timport * as organizations \tfrom '@pf/src/modules/organizations/store/organizations'\n\n\tconst router = useRouter()\n\tconst route = useRoute()\n\n\tconst order = ref(null)\n\tconst productsOrganization = ref(null)\n\tconst orderOrganization = ref(null)\n\n\tonMounted(async()=>{\n\t\torder.value = await orders.actions.read({_id: route.params.order})\n\t\torder.value = order.value[0]\n\n\t\tproductsOrganization.value = await products.actions.read({\n\t    organization: order.value?.owner.target._id\n\t  });\n\n\t  orderOrganization.value = await organizations.actions.read({\n\t    _id: order.value?.owner.target._id,\n\t    location: globals.state.position?.location,\n\t  });\n\t})\n\n\tlet cartTotalPrice = computed(() => {\n    return Number(order.value?.positions.reduce((total, product) => {\n      return total + product.price * product.quantity;\n    }, 0));\n  })\n\n  let cartTotalAmount = computed(() => {\n    return Number(order.value?.positions.reduce((total, product) => {\n      return total + product.quantity;\n    }, 0));\n  })\n\n  let orderProducts = computed(() => {\n    return order.value?.positions.map(({ _id, quantity }) => {\n\n\t    const product = productsOrganization.value.find(product => product._id === _id)\n\n\t\t    return {\n\t      name: product.name,\n\t      images: product.images,\n\t      price: product.price,\n\t      _id: product._id,\n\t      quantity\n\t    }\n\t  })\n  })\n\n\tfunction requestPayment(order) {\n\t\t // store.dispatch(\"payments/newPayment\", order);\n\t}\n\n\tfunction calculateDeliveryTime(distance, date) {\n\t  if (!distance) {\n\t    return null;\n\t  }\n\n\t  const basePreparationTime = 10 * 60 * 1000; // Convert to milliseconds\n\t  const travelTime = Math.ceil((15 + 5 + 3 * distance) / 5) * 5 * 60 * 1000;\n\n\t  // Преобразование даты начала в миллисекунды и добавление времени подготовки и доставки\n\t  const startTime = new Date(date).getTime();\n\t  const estimatedDeliveryTime = new Date(startTime + basePreparationTime + travelTime);\n\n\t  console.log(date)\n\t  console.log(estimatedDeliveryTime)\n\n\t  return estimatedDeliveryTime;\n\t}\n\n\n</script>\n\n<style lang=\"scss\" scoped>\n\t.blink {\n\t  animation: blink-animation 1s ease infinite;\n\t}\n\n\t@keyframes blink-animation {\n\t  0%, 100% {\n\t    opacity: 1;\n\t  }\n\t  50% {\n\t    opacity: 0.8;\n\t  }\n\t}\n</style>"],"names":["orders.actions","products.actions","organizations.actions","globals.state","product"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiOgB,cAAS;AACxB,UAAM,QAAQ,SAAQ;AAEtB,UAAM,QAAQ,IAAI,IAAI;AACtB,UAAM,uBAAuB,IAAI,IAAI;AACrC,UAAM,oBAAoB,IAAI,IAAI;AAElC,cAAU,YAAS;;AAClB,YAAM,QAAQ,MAAMA,QAAe,KAAK,EAAC,KAAK,MAAM,OAAO,MAAK,CAAC;AACjE,YAAM,QAAQ,MAAM,MAAM,CAAC;AAE3B,2BAAqB,QAAQ,MAAMC,UAAiB,KAAK;AAAA,QACtD,eAAc,WAAM,UAAN,mBAAa,MAAM,OAAO;AAAA,MAC7C,CAAI;AAED,wBAAkB,QAAQ,MAAMC,UAAsB,KAAK;AAAA,QACzD,MAAK,WAAM,UAAN,mBAAa,MAAM,OAAO;AAAA,QAC/B,WAAUC,WAAc,aAAdA,mBAAwB;AAAA,MACvC,CAAI;AAAA,IACF,CAAA;AAED,QAAI,iBAAiB,SAAS,MAAM;;AACjC,aAAO,QAAO,WAAM,UAAN,mBAAa,UAAU,OAAO,CAAC,OAAO,YAAY;AAC9D,eAAO,QAAQ,QAAQ,QAAQ,QAAQ;AAAA,MACxC,GAAE,EAAE;AAAA,IACN,CAAA;AAEqB,aAAS,MAAM;;AACnC,aAAO,QAAO,WAAM,UAAN,mBAAa,UAAU,OAAO,CAAC,OAAO,YAAY;AAC9D,eAAO,QAAQ,QAAQ;AAAA,MACxB,GAAE,EAAE;AAAA,IACN,CAAA;AAED,QAAI,gBAAgB,SAAS,MAAM;;AACjC,cAAO,WAAM,UAAN,mBAAa,UAAU,IAAI,CAAC,EAAE,KAAK,eAAe;AAExD,cAAM,UAAU,qBAAqB,MAAM,KAAK,CAAAC,aAAWA,SAAQ,QAAQ,GAAG;AAE7E,eAAO;AAAA,UACN,MAAM,QAAQ;AAAA,UACd,QAAQ,QAAQ;AAAA,UAChB,OAAO,QAAQ;AAAA,UACf,KAAK,QAAQ;AAAA,UACb;AAAA,QACP;AAAA,MACI;AAAA,IACD,CAAA;AAMF,aAAS,sBAAsB,UAAU,MAAM;AAC7C,UAAI,CAAC,UAAU;AACb,eAAO;AAAA,MACZ;AAEG,YAAM,sBAAsB,KAAK,KAAK;AACtC,YAAM,aAAa,KAAK,MAAM,KAAK,IAAI,IAAI,YAAY,CAAC,IAAI,IAAI,KAAK;AAGrE,YAAM,YAAY,IAAI,KAAK,IAAI,EAAE,QAAS;AAC1C,YAAM,wBAAwB,IAAI,KAAK,YAAY,sBAAsB,UAAU;AAEnF,cAAQ,IAAI,IAAI;AAChB,cAAQ,IAAI,qBAAqB;AAEjC,aAAO;AAAA,IACV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +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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"}
+{"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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"}

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

@@ -1,4 +1,4 @@
-import { ref, onMounted, computed, openBlock, createElementBlock, createElementVNode, createTextVNode, toDisplayString, Fragment, renderList, normalizeClass, createCommentVNode, createVNode, unref, withCtx, createBlock } from "vue";
+import { ref, onMounted, computed, createElementBlock, createCommentVNode, openBlock, createElementVNode, createVNode, createTextVNode, toDisplayString, Fragment, renderList, normalizeClass, unref, withCtx, createBlock } from "vue";
 import { useRouter, useRoute } from "vue-router";
 /* empty css                                 */
 import _sfc_main$1 from "../../../../components/Popup/Popup.vue.js";

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

@@ -1 +1 @@
-{"version":3,"file":"OrderBackoffice.vue.js","sources":["../../../../../../../src/modules/orders/components/pages/OrderBackoffice.vue"],"sourcesContent":["<template>\n\t<div v-if=\"order && orderOrganization\" class=\"pd-thin\"> \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":["orders.actions","products.actions","organizations.actions","globals.state","orders.state"],"mappings":"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"}
+{"version":3,"file":"OrderBackoffice.vue.js","sources":["../../../../../../../src/modules/orders/components/pages/OrderBackoffice.vue"],"sourcesContent":["<template>\n\t<div v-if=\"order && orderOrganization\" class=\"pd-thin\"> \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":["orders.actions","products.actions","organizations.actions","globals.state","orders.state"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"OrderCreate.vue.cjs","sources":["../../../../../../../src/modules/orders/components/pages/OrderCreate.vue"],"sourcesContent":["<template>\n\n<section class=\"pd-thin\">\n\n\t<!-- Ask to login  -->\n\t<AskToLogin class=\"mn-b-thin\" v-if=\"auth.state.access.status === false\" /> \n\n\t<!-- Order form -->\n\t<div class=\"gap-small mn-b-thin cols-2\">\n\t\t<!-- Empty State   -->\n\t\t<EmptyState  \n\t\t\tv-if=\"shopcart.state.positions < 1\" \n\t\t/>\t\n\n\t\t<Succes \n\t\t\tv-if=\"order.status === true && shopcart.state.positions.length > 0\" \n\t\t\t:order=\"order\" \n\t\t/>\n\t\t<!-- Order Form -->\n\t\t<div\n\t\t\tv-if=\"orders.state.current.status !== true && shopcart.state.positions.length > 0\" \n\t\t\tclass=\"order-form col\"\n\t\t>\n\t\t\t<FormCustomerDetails\n\t\t\t\t:customer=\"orders.state.current.customer\"\n\t\t\t/>\n\t\t\t<FormDelivery \t\n\t\t\t\tv-if=\"orders.state.current.status !== true && shopcart.state.positions.length > 0\"\n\t\t\t\t:order=\"orders.state.current\"  \n\t\t\t/>\n\t\t\t<FormPayment \t\n\t\t\t\tv-if=\"orders.state.current.status !== true && shopcart.state.positions.length > 0\"\n\t\t\t\t:order=\"orders.state.current\"  \n\t\t\t/>\n\t\t</div>\n\n\t\t<!-- Order positions -->\n\t\t<div \n\t\t\tv-if=\"shopcart.state.positions.length > 0\" \n\t\t\tclass=\"bg-light pd-medium radius-big\"\n\t\t>\n\t\t\t<h4 class=\"font-second mn-b-thin\">Your Order</h4>\n\n\t\t\t<ul class=\"flex gap-thin flex-wrap mn-b-thin\">\n\t\t\t\t<CardOrderItem \n\t\t\t\t\tv-for=\"product in shopcart.state.positions\" \n\t\t\t\t\t:key=\"product._id\" \n\t\t\t\t\t:editable=\"true\" \n\t\t\t\t\t:product=\"product\" \n\t        :increase=\"product => shopcart.actions.incrementItemQuantity(product._id)\"\n\t        :decrease=\"product => shopcart.actions.decrementItemQuantity(product._id)\"\n\t        :remove=\"product => shopcart.actions.removeProduct(product._id)\"\n\t        class=\"w-100 bg-white pd-small radius-medium\"\n\t      />\n\t\t\t</ul>\n\n\t\t\t<div \n\t\t\t\tclass=\"bg-main pd-thin radius-medium  mn-b-thin\"\n\t\t\t>\t\n\t\t\t\t<p class=\"pd-small br-b br-solid br-black-transp-10\">\n\t\t\t\t\tSubtotal: \n\t\t\t\t\t{{ returnCurrency() }} \n\t\t\t\t\t{{ cartTotalPrice }}\n\t\t\t\t</p>\n\t\t\t\t<p class=\"pd-small br-b br-solid br-black-transp-10\">\n\t\t\t\t\tDelivery: \n\t\t\t\t\t{{ returnCurrency() }} \n\t\t\t\t\t{{ deliveryCost }}\n\t\t\t\t</p>\n\t\t\t\t<p class=\"pd-small h3\">\n\t\t\t\t\tTotal: \n\t\t\t\t\t{{ returnCurrency() }} \n\t\t\t\t\t{{ deliveryCost +  cartTotalPrice.value }}\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t\t<!-- Send order -->\n\t\t  <button \n\t\t  \tv-if=\"orders.state.current.status !== true && shopcart.state.positions.length > 0\"\n\t\t   \t:disabled=\"\n\t\t      errorName \n\t\t      || errorPhoneOrMessenger \n\t\t      || errorCity \n\t\t      || errorAddress \n\t\t      || errorDelivery \n\t\t      || errorPayment\n\t\t    \"\n\t\t    @click=\"handleCreate()\" \n\t\t    class=\"bg-main mn-b-small pd-small radius-big w-100 button\"\n\t\t  >\n\t\t    Place an Order\n\t\t  </button>\n\n\t\t  <p class='mn-b-thin'>\n\t\t\t\tI agree that placing the order places me under an obligation to make a payment in accordance with <a class=\"t-semi font-second t-second\" href=\"/legal/terms-of-use\" target=\"_blank\">Terms of Use.</a>\n\t\t\t</p>\n\t\t\t<p >\n\t\t\t\t\n\t\t\t</p>\n\t\t</div>\n\n\t</div>\n\n\t\n\t\n</section>\n\n</template>\n\n\n<script setup>\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// Import components\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// Block\nimport CardOrderItem from '@pf/src/modules/orders/components/blocks/CardOrderItem.vue'\n// Sections\nimport AskToLogin from '@pf/src/modules/orders/components/sections/AskToLogin.vue'\nimport Succes from '@pf/src/modules/orders/components/sections/Succes.vue'\nimport EmptyState from '@pf/src/modules/orders/components/sections/EmptyState.vue'\n\nimport FormCustomerDetails from '@pf/src/modules/orders/components/sections/FormCustomerDetails.vue'\nimport FormDelivery from '@pf/src/modules/orders/components/sections/FormDelivery.vue'\nimport FormPayment from '@pf/src/modules/orders/components/sections/FormPayment.vue'\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// Import libs\n///////////////////////////////////////////////////////////////////////////////////////////////////\nimport { ref, computed, onMounted, watch } from 'vue'\nimport { useRoute,useRouter } from 'vue-router'\n// Store\nimport * as globals from '@pf/src/modules/globals/views/store/globals';\nimport * as auth from '@pf/src/modules/auth/views/store/auth';\nimport * as shopcart from '@pf/src/modules/orders/store/shopcart';\nimport * as organizations from '@pf/src/modules/organizations/store/organizations';\nimport * as orders from '@pf/src/modules/orders/store/orders';\nimport * as users from '@pf/src/modules/auth/views/store/users';\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// Variables and computed\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// Accessing router and store\nconst route = useRoute()\nconst router = useRouter()\n// COMPUTED\nconst order = computed(() => orders.state.current)\nconst user = computed(() => users.state.current)\nconst cartTotalPrice = computed(() => shopcart.getters.cartTotalPrice)\nconst deliveryCost = computed(() => {\n  if (orders.state.current.delivery.type === 'pickup') return 0;\n  if (orders.state.current.delivery.type === 'mail') return 350;\n  if (orders.state.current.delivery.type === 'courier') {\n    const distance = orderOrganization.value[0]?.distance || 0;\n    return Math.trunc(100 + 20 * distance - 7.5 * (distance / 10));\n  }\n  return 0;\n});\n\n// Computed property for total cost\nconst totalCost = computed(() => {\n  return deliveryCost.value + cartTotalPrice.value.value;\n});\n// Organization\nconst orderOrganization = ref({})\n\n\nonMounted(async()=> {\n\torderOrganization.value = await organizations.actions.read({\n\t  _id: shopcart.state.organization,\n\t  location: globals.state.position?.location,\n\t})\n})\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// WATCHERS\n///////////////////////////////////////////////////////////////////////////////////////////////////\nwatch(() => orders.state.current.delivery.address, async (newFilterValue, oldFilterValue) => {\n\torderOrganization.value = await organizations.actions.read({\n\t  _id: shopcart.state.organization,\n\t  location: orders.state.current.delivery.location,\n\t})\n}, { deep: true })\n/////////////////////////////\n// Store Verification\n/////////////////////////////\nconst errorName = computed(() => {\n  if (orders.state.current.customer.name?.length < 2) { return true } else { return false }\n});\n\nconst errorPhoneOrMessenger = computed(() => {\n  const hasMessengerType = orders.state.current.customer.messenger?.type;\n  const hasMessengerValue = orders.state.current.customer.messenger?.value?.length >\t 2;\n  const hasPhone = orders.state.current.customer.number?.length > 0;\n  // Ошибка, если нет ни номера телефона, ни корректного типа и значения мессенджера\n  return !hasPhone && !(hasMessengerType && hasMessengerValue);\n});\n\nconst errorAddress = computed(() => {\n\tlet error = orders.state.current.delivery.type !== \"Pickup\" && orders.state.current.delivery.address < 2\n  \n  if (error) { return  true } else { return false }\n});\n\nconst errorDelivery = computed(() => {\n  if (orders.state.current.delivery.type) {return false } else {return true } \n})\n\nconst errorPayment = computed(() => {\n  if (orders.state.current.payment.type) { return false } else {return true } \n})\n/////////////////////////////\n// Methods\n/////////////////////////////\nasync function handleCreate() {\n\n\torders.state.current.status = 'created';\n\n\torders.state.current.owner = {\n\t\ttarget: shopcart.state.organization,\n\t\ttype: 'organization'\n\t}\n\n\tif (auth.state.user._id) {\n\t\torders.state.current.creator = {\n\t\t\ttarget: auth.state.user._id,\n\t\t\ttype: 'User'\n\t\t}\n\t}\n\n\torders.state.current.positions = shopcart.state.positions\n\n \tconst referralCode = localStorage.getItem('referalCode');\n  \n  if (referralCode) {\n    orders.state.current.referralCode = referralCode;\n  }\n\n  let order = await orders.actions.create(orders.state.current);\n\n  if (order) {\n  \tshopcart.actions.resetShopcart()\n\n  \trouter.push({\n  \t\tname: 'Order Status',\n  \t\tparams: {\n  \t\t\torder: order._id\n  \t\t}\n  \t})\n  } else {\n  \talert('something wrong')\n  }\n}\n</script>\n\n<style lang=\"scss\">\n\n.round-wrapper {\n\tposition: relative;\n\n\t.round {\n\t\tmargin: 0;\n\t\tmargin-right: 1rem;\n\t}\n\n\tinput:checked {\n\t\tbackground: #00ff88;\n\t}\n\n\t.round-checkmark {\n\t\tposition: absolute;\n\t\twidth: 0.5rem;\n\t\theight: 0.5rem;\n\t\tbackground: white;\n\n\t\tleft: 0.5rem;\n\t\ttop:  0.5rem;\n\n\t\topacity: 1;\n\t}\n}\n</style>"],"names":["useRoute","useRouter","computed","orders.state","users.state","shopcart.getters","ref","onMounted","organizations.actions","shopcart.state","globals.state","watch","auth.state","order","orders.actions","shopcart.actions"],"mappings":"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"}
+{"version":3,"file":"OrderCreate.vue.cjs","sources":["../../../../../../../src/modules/orders/components/pages/OrderCreate.vue"],"sourcesContent":["<template>\n\n<section class=\"pd-thin\">\n\n\t<!-- Ask to login  -->\n\t<AskToLogin class=\"mn-b-thin\" v-if=\"auth.state.access.status === false\" /> \n\n\t<!-- Order form -->\n\t<div class=\"gap-small mn-b-thin cols-2\">\n\t\t<!-- Empty State   -->\n\t\t<EmptyState  \n\t\t\tv-if=\"shopcart.state.positions < 1\" \n\t\t/>\t\n\n\t\t<Succes \n\t\t\tv-if=\"order.status === true && shopcart.state.positions.length > 0\" \n\t\t\t:order=\"order\" \n\t\t/>\n\t\t<!-- Order Form -->\n\t\t<div\n\t\t\tv-if=\"orders.state.current.status !== true && shopcart.state.positions.length > 0\" \n\t\t\tclass=\"order-form col\"\n\t\t>\n\t\t\t<FormCustomerDetails\n\t\t\t\t:customer=\"orders.state.current.customer\"\n\t\t\t/>\n\t\t\t<FormDelivery \t\n\t\t\t\tv-if=\"orders.state.current.status !== true && shopcart.state.positions.length > 0\"\n\t\t\t\t:order=\"orders.state.current\"  \n\t\t\t/>\n\t\t\t<FormPayment \t\n\t\t\t\tv-if=\"orders.state.current.status !== true && shopcart.state.positions.length > 0\"\n\t\t\t\t:order=\"orders.state.current\"  \n\t\t\t/>\n\t\t</div>\n\n\t\t<!-- Order positions -->\n\t\t<div \n\t\t\tv-if=\"shopcart.state.positions.length > 0\" \n\t\t\tclass=\"bg-light pd-medium radius-big\"\n\t\t>\n\t\t\t<h4 class=\"font-second mn-b-thin\">Your Order</h4>\n\n\t\t\t<ul class=\"flex gap-thin flex-wrap mn-b-thin\">\n\t\t\t\t<CardOrderItem \n\t\t\t\t\tv-for=\"product in shopcart.state.positions\" \n\t\t\t\t\t:key=\"product._id\" \n\t\t\t\t\t:editable=\"true\" \n\t\t\t\t\t:product=\"product\" \n\t        :increase=\"product => shopcart.actions.incrementItemQuantity(product._id)\"\n\t        :decrease=\"product => shopcart.actions.decrementItemQuantity(product._id)\"\n\t        :remove=\"product => shopcart.actions.removeProduct(product._id)\"\n\t        class=\"w-100 bg-white pd-small radius-medium\"\n\t      />\n\t\t\t</ul>\n\n\t\t\t<div \n\t\t\t\tclass=\"bg-main pd-thin radius-medium  mn-b-thin\"\n\t\t\t>\t\n\t\t\t\t<p class=\"pd-small br-b br-solid br-black-transp-10\">\n\t\t\t\t\tSubtotal: \n\t\t\t\t\t{{ returnCurrency() }} \n\t\t\t\t\t{{ cartTotalPrice }}\n\t\t\t\t</p>\n\t\t\t\t<p class=\"pd-small br-b br-solid br-black-transp-10\">\n\t\t\t\t\tDelivery: \n\t\t\t\t\t{{ returnCurrency() }} \n\t\t\t\t\t{{ deliveryCost }}\n\t\t\t\t</p>\n\t\t\t\t<p class=\"pd-small h3\">\n\t\t\t\t\tTotal: \n\t\t\t\t\t{{ returnCurrency() }} \n\t\t\t\t\t{{ deliveryCost +  cartTotalPrice.value }}\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t\t<!-- Send order -->\n\t\t  <button \n\t\t  \tv-if=\"orders.state.current.status !== true && shopcart.state.positions.length > 0\"\n\t\t   \t:disabled=\"\n\t\t      errorName \n\t\t      || errorPhoneOrMessenger \n\t\t      || errorCity \n\t\t      || errorAddress \n\t\t      || errorDelivery \n\t\t      || errorPayment\n\t\t    \"\n\t\t    @click=\"handleCreate()\" \n\t\t    class=\"bg-main mn-b-small pd-small radius-big w-100 button\"\n\t\t  >\n\t\t    Place an Order\n\t\t  </button>\n\n\t\t  <p class='mn-b-thin'>\n\t\t\t\tI agree that placing the order places me under an obligation to make a payment in accordance with <a class=\"t-semi font-second t-second\" href=\"/legal/terms-of-use\" target=\"_blank\">Terms of Use.</a>\n\t\t\t</p>\n\t\t\t<p >\n\t\t\t\t\n\t\t\t</p>\n\t\t</div>\n\n\t</div>\n\n\t\n\t\n</section>\n\n</template>\n\n\n<script setup>\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// Import components\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// Block\nimport CardOrderItem from '@pf/src/modules/orders/components/blocks/CardOrderItem.vue'\n// Sections\nimport AskToLogin from '@pf/src/modules/orders/components/sections/AskToLogin.vue'\nimport Succes from '@pf/src/modules/orders/components/sections/Succes.vue'\nimport EmptyState from '@pf/src/modules/orders/components/sections/EmptyState.vue'\n\nimport FormCustomerDetails from '@pf/src/modules/orders/components/sections/FormCustomerDetails.vue'\nimport FormDelivery from '@pf/src/modules/orders/components/sections/FormDelivery.vue'\nimport FormPayment from '@pf/src/modules/orders/components/sections/FormPayment.vue'\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// Import libs\n///////////////////////////////////////////////////////////////////////////////////////////////////\nimport { ref, computed, onMounted, watch } from 'vue'\nimport { useRoute,useRouter } from 'vue-router'\n// Store\nimport * as globals from '@pf/src/modules/globals/views/store/globals';\nimport * as auth from '@pf/src/modules/auth/views/store/auth';\nimport * as shopcart from '@pf/src/modules/orders/store/shopcart';\nimport * as organizations from '@pf/src/modules/organizations/store/organizations';\nimport * as orders from '@pf/src/modules/orders/store/orders';\nimport * as users from '@pf/src/modules/auth/views/store/users';\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// Variables and computed\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// Accessing router and store\nconst route = useRoute()\nconst router = useRouter()\n// COMPUTED\nconst order = computed(() => orders.state.current)\nconst user = computed(() => users.state.current)\nconst cartTotalPrice = computed(() => shopcart.getters.cartTotalPrice)\nconst deliveryCost = computed(() => {\n  if (orders.state.current.delivery.type === 'pickup') return 0;\n  if (orders.state.current.delivery.type === 'mail') return 350;\n  if (orders.state.current.delivery.type === 'courier') {\n    const distance = orderOrganization.value[0]?.distance || 0;\n    return Math.trunc(100 + 20 * distance - 7.5 * (distance / 10));\n  }\n  return 0;\n});\n\n// Computed property for total cost\nconst totalCost = computed(() => {\n  return deliveryCost.value + cartTotalPrice.value.value;\n});\n// Organization\nconst orderOrganization = ref({})\n\n\nonMounted(async()=> {\n\torderOrganization.value = await organizations.actions.read({\n\t  _id: shopcart.state.organization,\n\t  location: globals.state.position?.location,\n\t})\n})\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// WATCHERS\n///////////////////////////////////////////////////////////////////////////////////////////////////\nwatch(() => orders.state.current.delivery.address, async (newFilterValue, oldFilterValue) => {\n\torderOrganization.value = await organizations.actions.read({\n\t  _id: shopcart.state.organization,\n\t  location: orders.state.current.delivery.location,\n\t})\n}, { deep: true })\n/////////////////////////////\n// Store Verification\n/////////////////////////////\nconst errorName = computed(() => {\n  if (orders.state.current.customer.name?.length < 2) { return true } else { return false }\n});\n\nconst errorPhoneOrMessenger = computed(() => {\n  const hasMessengerType = orders.state.current.customer.messenger?.type;\n  const hasMessengerValue = orders.state.current.customer.messenger?.value?.length >\t 2;\n  const hasPhone = orders.state.current.customer.number?.length > 0;\n  // Ошибка, если нет ни номера телефона, ни корректного типа и значения мессенджера\n  return !hasPhone && !(hasMessengerType && hasMessengerValue);\n});\n\nconst errorAddress = computed(() => {\n\tlet error = orders.state.current.delivery.type !== \"Pickup\" && orders.state.current.delivery.address < 2\n  \n  if (error) { return  true } else { return false }\n});\n\nconst errorDelivery = computed(() => {\n  if (orders.state.current.delivery.type) {return false } else {return true } \n})\n\nconst errorPayment = computed(() => {\n  if (orders.state.current.payment.type) { return false } else {return true } \n})\n/////////////////////////////\n// Methods\n/////////////////////////////\nasync function handleCreate() {\n\n\torders.state.current.status = 'created';\n\n\torders.state.current.owner = {\n\t\ttarget: shopcart.state.organization,\n\t\ttype: 'organization'\n\t}\n\n\tif (auth.state.user._id) {\n\t\torders.state.current.creator = {\n\t\t\ttarget: auth.state.user._id,\n\t\t\ttype: 'User'\n\t\t}\n\t}\n\n\torders.state.current.positions = shopcart.state.positions\n\n \tconst referralCode = localStorage.getItem('referalCode');\n  \n  if (referralCode) {\n    orders.state.current.referralCode = referralCode;\n  }\n\n  let order = await orders.actions.create(orders.state.current);\n\n  if (order) {\n  \tshopcart.actions.resetShopcart()\n\n  \trouter.push({\n  \t\tname: 'Order Status',\n  \t\tparams: {\n  \t\t\torder: order._id\n  \t\t}\n  \t})\n  } else {\n  \talert('something wrong')\n  }\n}\n</script>\n\n<style lang=\"scss\">\n\n.round-wrapper {\n\tposition: relative;\n\n\t.round {\n\t\tmargin: 0;\n\t\tmargin-right: 1rem;\n\t}\n\n\tinput:checked {\n\t\tbackground: #00ff88;\n\t}\n\n\t.round-checkmark {\n\t\tposition: absolute;\n\t\twidth: 0.5rem;\n\t\theight: 0.5rem;\n\t\tbackground: white;\n\n\t\tleft: 0.5rem;\n\t\ttop:  0.5rem;\n\n\t\topacity: 1;\n\t}\n}\n</style>"],"names":["useRoute","useRouter","computed","orders.state","users.state","shopcart.getters","ref","onMounted","organizations.actions","shopcart.state","globals.state","watch","auth.state","order","orders.actions","shopcart.actions"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { computed, ref, onMounted, watch, openBlock, createElementBlock, createBlock, createCommentVNode, createElementVNode, createVNode, Fragment, renderList, toDisplayString, createTextVNode } from "vue";
+import { computed, ref, onMounted, watch, createElementBlock, openBlock, createBlock, createCommentVNode, createElementVNode, createVNode, Fragment, renderList, toDisplayString, createTextVNode } from "vue";
 import _sfc_main$7 from "../blocks/CardOrderItem.vue.js";
 import _sfc_main$1 from "../sections/AskToLogin.vue.js";
 import _sfc_main$3 from "../sections/Succes.vue.js";
@@ -7,9 +7,9 @@ import _sfc_main$4 from "../sections/FormCustomerDetails.vue.js";
 import _sfc_main$5 from "../sections/FormDelivery.vue.js";
 import _sfc_main$6 from "../sections/FormPayment.vue.js";
 import { useRoute, useRouter } from "vue-router";
-import { state as state$3 } from "../../../globals/views/store/globals.js";
+import { state as state$2 } from "../../../globals/views/store/globals.js";
 import { state as state$4 } from "../../../auth/views/store/auth.js";
-import { getters, state as state$2, actions as actions$1 } from "../../store/shopcart.js";
+import { getters, state as state$3, actions as actions$1 } from "../../store/shopcart.js";
 import { actions } from "../../../organizations/store/organizations.js";
 import { state, actions as actions$2 } from "../../store/orders.js";
 import { state as state$1 } from "../../../auth/views/store/users.js";
@@ -55,13 +55,13 @@ const _sfc_main = {
     onMounted(async () => {
       var _a;
       orderOrganization.value = await actions.read({
-        _id: state$2.organization,
-        location: (_a = state$3.position) == null ? void 0 : _a.location
+        _id: state$3.organization,
+        location: (_a = state$2.position) == null ? void 0 : _a.location
       });
     });
     watch(() => state.current.delivery.address, async (newFilterValue, oldFilterValue) => {
       orderOrganization.value = await actions.read({
-        _id: state$2.organization,
+        _id: state$3.organization,
         location: state.current.delivery.location
       });
     }, { deep: true });
@@ -105,7 +105,7 @@ const _sfc_main = {
     async function handleCreate() {
       state.current.status = "created";
       state.current.owner = {
-        target: state$2.organization,
+        target: state$3.organization,
         type: "organization"
       };
       if (state$4.user._id) {
@@ -114,7 +114,7 @@ const _sfc_main = {
           type: "User"
         };
       }
-      state.current.positions = state$2.positions;
+      state.current.positions = state$3.positions;
       const referralCode = localStorage.getItem("referalCode");
       if (referralCode) {
         state.current.referralCode = referralCode;
@@ -139,28 +139,28 @@ const _sfc_main = {
           class: "mn-b-thin"
         })) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_2, [
-          state$2.positions < 1 ? (openBlock(), createBlock(_sfc_main$2, { key: 0 })) : createCommentVNode("", true),
-          order.value.status === true && state$2.positions.length > 0 ? (openBlock(), createBlock(_sfc_main$3, {
+          state$3.positions < 1 ? (openBlock(), createBlock(_sfc_main$2, { key: 0 })) : createCommentVNode("", true),
+          order.value.status === true && state$3.positions.length > 0 ? (openBlock(), createBlock(_sfc_main$3, {
             key: 1,
             order: order.value
           }, null, 8, ["order"])) : createCommentVNode("", true),
-          state.current.status !== true && state$2.positions.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          state.current.status !== true && state$3.positions.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_3, [
             createVNode(_sfc_main$4, {
               customer: state.current.customer
             }, null, 8, ["customer"]),
-            state.current.status !== true && state$2.positions.length > 0 ? (openBlock(), createBlock(_sfc_main$5, {
+            state.current.status !== true && state$3.positions.length > 0 ? (openBlock(), createBlock(_sfc_main$5, {
               key: 0,
               order: state.current
             }, null, 8, ["order"])) : createCommentVNode("", true),
-            state.current.status !== true && state$2.positions.length > 0 ? (openBlock(), createBlock(_sfc_main$6, {
+            state.current.status !== true && state$3.positions.length > 0 ? (openBlock(), createBlock(_sfc_main$6, {
               key: 1,
               order: state.current
             }, null, 8, ["order"])) : createCommentVNode("", true)
           ])) : createCommentVNode("", true),
-          state$2.positions.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_4, [
+          state$3.positions.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_4, [
             _cache[1] || (_cache[1] = createElementVNode("h4", { class: "font-second mn-b-thin" }, "Your Order", -1)),
             createElementVNode("ul", _hoisted_5, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(state$2.positions, (product) => {
+              (openBlock(true), createElementBlock(Fragment, null, renderList(state$3.positions, (product) => {
                 return openBlock(), createBlock(_sfc_main$7, {
                   key: product._id,
                   editable: true,
@@ -177,7 +177,7 @@ const _sfc_main = {
               createElementVNode("p", _hoisted_8, " Delivery: " + toDisplayString(_ctx.returnCurrency()) + " " + toDisplayString(deliveryCost.value), 1),
               createElementVNode("p", _hoisted_9, " Total: " + toDisplayString(_ctx.returnCurrency()) + " " + toDisplayString(deliveryCost.value + cartTotalPrice.value.value), 1)
             ]),
-            state.current.status !== true && state$2.positions.length > 0 ? (openBlock(), createElementBlock("button", {
+            state.current.status !== true && state$3.positions.length > 0 ? (openBlock(), createElementBlock("button", {
               key: 0,
               disabled: errorName.value || errorPhoneOrMessenger.value || _ctx.errorCity || errorAddress.value || errorDelivery.value || errorPayment.value,
               onClick: _cache[0] || (_cache[0] = ($event) => handleCreate()),