@ozdao/martyrs 0.2.487 → 0.2.489

package/dist/martyrs/src/modules/orders/components/blocks/CardOrder.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CardOrder.vue.cjs","sources":["../../../../../../../src/modules/orders/components/blocks/CardOrder.vue"],"sourcesContent":["<template>\n\t<div class=\"pd-big mn-regular order-customer-card col\"> \n\t  <p class=\"mn-regular flex-center flex-nowrap flex w-100\">\n\t\t\t\t<!-- <img loading=\"lazy\" v-if=\"order.status === 'Created'\" \t\t\tclass=\"mn-r-small\" src=\"@/assets/icons/status/created.svg\"/>\n\t\t\t\t<img loading=\"lazy\" v-if=\"order.status === 'Confirmed'\"\tclass=\"mn-r-small\" src=\"@/assets/icons/status/confirmed.svg\"/>\n\t\t\t\t<img loading=\"lazy\" v-if=\"order.status === 'Awaiting shipment'\" \t\t\tclass=\"mn-r-small\" src=\"@/assets/icons/status/paid.svg\"/>\n\t\t\t\t<img loading=\"lazy\" v-if=\"order.status === 'In delivery'\" \t\tclass=\"mn-r-small\" src=\"@/assets/icons/status/finished.svg\"/>\n\t\t\t\t<img loading=\"lazy\" v-if=\"order.status === 'Finished'\" \t\tclass=\"mn-r-small\" src=\"@/assets/icons/status/finished.svg\"/> -->\n\t    <span class=\"w-100 t-medium p-big\">{{order.status}}</span>\n\t  </p>\n\t  \n\t  <div class=\"flex-nowrap flex\">\n\t  \t<div class=\"mn-r-bold pd-r-big br-right-dark w-66\">\n\t  \t\t<ul class=\"mn-semi\">\n\t        <!-- <li v-for=\"(product, index) in orderProducts(order.items.slice(0,2))\" :key=\"product.id\" class=\"shop-cart-item\">\n\t        \t<img loading=\"lazy\" v-if=\"product.images\" :src=\"require( `@/assets/images/products/${product.images[0]}`)\">\n\t          <img loading=\"lazy\" v-if=\"!(product.images)\" :src=\"require( `@/assets/icons/photo.svg`)\">\n\t          \n\t          <div class=\"text-left\">\n\t            <p class=\"name\">{{ product.name }}</p>\n\n\t            <div class=\"flex\">\n\t              <div class=\"small-underline variant\">\n\t                <span v-if=\"!product.size && !product.color\" class=\"\">One-size</span>\n\t                <span v-if=\"product.size\" class=\"\">{{ product.size}}</span>\n\t                <span v-if=\"product.color && product.size\" class=\"\">, </span>\n\t                <span v-if=\"product.color\" class=\"\">{{ product.color}}</span>\n\t              </div>\n\t              \n\t              <p class=\"t-demi\">$ {{product.quantity}} x {{product.price}}</p>\n\t            </div>\n\n\t          </div>\n\n\t    \t\t</li> -->\n\t      </ul>\n\t      <p class=\"mn-small t-medium p-big\">\n\t      \tAdress and delivery\n\t      </p>\n\t      <p class=\"mn-small\">\n\t        {{order.delivery.adress}} \n\t      </p>\n\t      <p v-if=\"order.delivery.type === 'Post'\" class=\"w-\">\n\t     \t\tYou have chosen delivery using the courier service CDEK. Estimated delivery date {{DateToFormattedString(order.createdAt)}}.\n\t      </p>\n\n\t      <p v-if=\"order.delivery.type === 'Courier'\" class=\"w-\">\n\t     \t\tYou have chosen delivery by courier. Estimated delivery date {{DateToFormattedString2(order.createdAt)}}.\n\t      </p>\n\n\t      <p v-if=\"order.delivery.type === 'Pickup'\" class=\"w-\">\n\t     \t\tYou have chosen to receive the order in the Moscow store.\n\t      </p>\n\t    </div>\n\n\n\t    <div class=\"w-40\">\n\t    \t<p class=\"mn-small w-100 t-medium p-big\">\n\t        <span class=\"t-transp\">Order:</span> №{{order._id.slice(0,8)}} \n\t      </p>\n\t       <p  v-if=\"order.delivery.type === 'Post'\" class=\"mn-medium w-100\">\n\t       \t<span class=\"t-transp\">Estimated shipping date:</span><br>{{DateToFormattedString(order.createdAt)}}\n\t      </p>\n\t      <p  v-if=\"order.delivery.type === 'Courier'\" class=\"mn-medium w-100\">\n\t       \t<span class=\"t-transp\">Shipping date:</span><br>{{DateToFormattedString2(order.createdAt)}}\n\t      </p>\n\t      <p  v-if=\"order.delivery.type === 'Pickup'\" class=\"mn-medium w-100\">\n\t       \t<span class=\"t-transp\">Type of delivery:</span><br>Pickup\n\t      </p>\n\t      <hr class=\"mn-medium\">\n\n\t      <div :class=\"{'mn-semi': order.delivery.type == ''}\" class=\"flex\">\n\t        <p  class=\"t-transp\">In total</p>\n\t        <p>$ {{ cartTotalPrice }}</p>\n\t      </div>\n\t      <div v-if=\"order.delivery.type !== ''\" class=\"mn-semi flex\">\n\t        <p  class=\"t-transp\">Delivery</p>\n\t        <p v-if=\"order.delivery.type === 'Pickup'\">Free</p>\n\t        <p v-if=\"order.delivery.type === 'Post'\">$ 10</p>\n\t        <p v-if=\"order.delivery.type === 'Courier'\">$ 20</p>\n\t      </div>\n\t      <div class=\"mn-semi intotal flex-bottom flex\">\n\t        <p  class=\"t-transp\">In total to pay</p>\n\t        <p v-if=\"order.delivery.type === ''\" class=\"p-big t-semi\">$ {{ cartTotalPrice }}</p>\n\t        <p v-if=\"order.delivery.type === 'Pickup'\" class=\"p-big t-semi\">$ {{ cartTotalPrice}} ₽</p>\n\t        <p v-if=\"order.delivery.type === 'Courier'\" class=\"p-big t-semi\">$ {{ cartTotalPrice + 20 }}</p>\n\t        <p v-if=\"order.delivery.type === 'Post'\" class=\"p-big t-semi\">$ {{ cartTotalPrice + 10 }}</p>\n\t      </div>\n\t      <hr  v-if=\"order.status === 'Confirmed'\" class=\"mn-semi\" >\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\t  </div>\n\t</div>\t\t\n\n</template>\n\n\n<script setup=\"props\">\n\timport { defineProps,computed } from 'vue'\n\timport { useRouter } from 'vue-router'\n\n\tconst router = useRouter()\n\n\tconst props = defineProps({\n\t  order: Object,\n\t});\n\n\n\n\t// await store.dispatch('payments/getStatus', props.order._id)\n\n\t// const payment = computed(() => store.state.payments.current)\n\t// const cartTotalPrice = computed(() => store.getters['orders/orderTotalPrice'])\n\n\tfunction requestPayment(order) {\n\t\t // store.dispatch(\"payments/newPayment\", order);\n\t}\n\t\n\tfunction DateToFormattedString(d) {         \n    var fixedDate = new Date(d);                                                     \n    var mm = (fixedDate.getMonth()+1).toString(); // getMonth() is zero-based         \n    var dd  = (fixedDate.getDate() + 6).toString();            \n                         \n    return (dd[1]?dd:\"0\"+dd[0]) + '/' + (mm[1]?mm:\"0\"+mm[0]);\n  }\n\n  function DateToFormattedString2(d) {         \n    var fixedDate = new Date(d);                                                     \n    var mm = (fixedDate.getMonth() + 1).toString(); // getMonth() is zero-based         \n    var dd  = (fixedDate.getDate() + 1).toString();            \n                         \n    return (dd[1]?dd:\"0\"+dd[0]) + '/' + (mm[1]?mm:\"0\"+mm[0]);\n  }\n\n\t// function orderProducts (items) {\n\t//   return items.map(({ id, size, color, quantity }) => {\n\t//     const product = store.state.products.all.find(product => product.id === id)\n\t//     return {\n\t//       name: product.name,\n\t//       images: product.images[0],\n\t//       color,\n\t//       size,\n\t//       price: product.price,\n\t//       id: product.id,\n\t//       quantity\n\t//     }\n\t//   })\n\t// }\n\n</script>\n\n<style lang=\"scss\" scoped>\n.shop-cart-item {\n\t&:first-of-type { padding-top: 0;}\n}\n\n</style>"],"names":["useRouter"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8GgBA,cAAS,UAAA;AAiBxB,aAAS,sBAAsB,GAAG;AAC/B,UAAI,YAAY,IAAI,KAAK,CAAC;AAC1B,UAAI,MAAM,UAAU,SAAQ,IAAG,GAAG;AAClC,UAAI,MAAO,UAAU,QAAO,IAAK,GAAG;AAEpC,cAAQ,GAAG,CAAC,IAAE,KAAG,MAAI,GAAG,CAAC,KAAK,OAAO,GAAG,CAAC,IAAE,KAAG,MAAI,GAAG,CAAC;AAAA,IAC1D;AAEE,aAAS,uBAAuB,GAAG;AACjC,UAAI,YAAY,IAAI,KAAK,CAAC;AAC1B,UAAI,MAAM,UAAU,SAAQ,IAAK,GAAG;AACpC,UAAI,MAAO,UAAU,QAAO,IAAK,GAAG;AAEpC,cAAQ,GAAG,CAAC,IAAE,KAAG,MAAI,GAAG,CAAC,KAAK,OAAO,GAAG,CAAC,IAAE,KAAG,MAAI,GAAG,CAAC;AAAA,IAC1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardOrder.vue.cjs","sources":["../../../../../../../src/modules/orders/components/blocks/CardOrder.vue"],"sourcesContent":["<template>\n\t<div class=\"pd-big mn-regular order-customer-card col\"> \n\t  <p class=\"mn-regular flex-center flex-nowrap flex w-100\">\n\t\t\t\t<!-- <img loading=\"lazy\" v-if=\"order.status === 'Created'\" \t\t\tclass=\"mn-r-small\" src=\"@/assets/icons/status/created.svg\"/>\n\t\t\t\t<img loading=\"lazy\" v-if=\"order.status === 'Confirmed'\"\tclass=\"mn-r-small\" src=\"@/assets/icons/status/confirmed.svg\"/>\n\t\t\t\t<img loading=\"lazy\" v-if=\"order.status === 'Awaiting shipment'\" \t\t\tclass=\"mn-r-small\" src=\"@/assets/icons/status/paid.svg\"/>\n\t\t\t\t<img loading=\"lazy\" v-if=\"order.status === 'In delivery'\" \t\tclass=\"mn-r-small\" src=\"@/assets/icons/status/finished.svg\"/>\n\t\t\t\t<img loading=\"lazy\" v-if=\"order.status === 'Finished'\" \t\tclass=\"mn-r-small\" src=\"@/assets/icons/status/finished.svg\"/> -->\n\t    <span class=\"w-100 t-medium p-semi\">{{order.status}}</span>\n\t  </p>\n\t  \n\t  <div class=\"flex-nowrap flex\">\n\t  \t<div class=\"mn-r-bold pd-r-big br-right-dark w-66\">\n\t  \t\t<ul class=\"mn-semi\">\n\t        <!-- <li v-for=\"(product, index) in orderProducts(order.items.slice(0,2))\" :key=\"product.id\" class=\"shop-cart-item\">\n\t        \t<img loading=\"lazy\" v-if=\"product.images\" :src=\"require( `@/assets/images/products/${product.images[0]}`)\">\n\t          <img loading=\"lazy\" v-if=\"!(product.images)\" :src=\"require( `@/assets/icons/photo.svg`)\">\n\t          \n\t          <div class=\"text-left\">\n\t            <p class=\"name\">{{ product.name }}</p>\n\n\t            <div class=\"flex\">\n\t              <div class=\"small-underline variant\">\n\t                <span v-if=\"!product.size && !product.color\" class=\"\">One-size</span>\n\t                <span v-if=\"product.size\" class=\"\">{{ product.size}}</span>\n\t                <span v-if=\"product.color && product.size\" class=\"\">, </span>\n\t                <span v-if=\"product.color\" class=\"\">{{ product.color}}</span>\n\t              </div>\n\t              \n\t              <p class=\"t-demi\">$ {{product.quantity}} x {{product.price}}</p>\n\t            </div>\n\n\t          </div>\n\n\t    \t\t</li> -->\n\t      </ul>\n\t      <p class=\"mn-small t-medium p-semi\">\n\t      \tAdress and delivery\n\t      </p>\n\t      <p class=\"mn-small\">\n\t        {{order.delivery.adress}} \n\t      </p>\n\t      <p v-if=\"order.delivery.type === 'Post'\" class=\"w-\">\n\t     \t\tYou have chosen delivery using the courier service CDEK. Estimated delivery date {{DateToFormattedString(order.createdAt)}}.\n\t      </p>\n\n\t      <p v-if=\"order.delivery.type === 'Courier'\" class=\"w-\">\n\t     \t\tYou have chosen delivery by courier. Estimated delivery date {{DateToFormattedString2(order.createdAt)}}.\n\t      </p>\n\n\t      <p v-if=\"order.delivery.type === 'Pickup'\" class=\"w-\">\n\t     \t\tYou have chosen to receive the order in the Moscow store.\n\t      </p>\n\t    </div>\n\n\n\t    <div class=\"w-40\">\n\t    \t<p class=\"mn-small w-100 t-medium p-semi\">\n\t        <span class=\"t-transp\">Order:</span> №{{order._id.slice(0,8)}} \n\t      </p>\n\t       <p  v-if=\"order.delivery.type === 'Post'\" class=\"mn-medium w-100\">\n\t       \t<span class=\"t-transp\">Estimated shipping date:</span><br>{{DateToFormattedString(order.createdAt)}}\n\t      </p>\n\t      <p  v-if=\"order.delivery.type === 'Courier'\" class=\"mn-medium w-100\">\n\t       \t<span class=\"t-transp\">Shipping date:</span><br>{{DateToFormattedString2(order.createdAt)}}\n\t      </p>\n\t      <p  v-if=\"order.delivery.type === 'Pickup'\" class=\"mn-medium w-100\">\n\t       \t<span class=\"t-transp\">Type of delivery:</span><br>Pickup\n\t      </p>\n\t      <hr class=\"mn-medium\">\n\n\t      <div :class=\"{'mn-semi': order.delivery.type == ''}\" class=\"flex\">\n\t        <p  class=\"t-transp\">In total</p>\n\t        <p>$ {{ cartTotalPrice }}</p>\n\t      </div>\n\t      <div v-if=\"order.delivery.type !== ''\" class=\"mn-semi flex\">\n\t        <p  class=\"t-transp\">Delivery</p>\n\t        <p v-if=\"order.delivery.type === 'Pickup'\">Free</p>\n\t        <p v-if=\"order.delivery.type === 'Post'\">$ 10</p>\n\t        <p v-if=\"order.delivery.type === 'Courier'\">$ 20</p>\n\t      </div>\n\t      <div class=\"mn-semi intotal flex-bottom flex\">\n\t        <p  class=\"t-transp\">In total to pay</p>\n\t        <p v-if=\"order.delivery.type === ''\" class=\"p-semi t-semi\">$ {{ cartTotalPrice }}</p>\n\t        <p v-if=\"order.delivery.type === 'Pickup'\" class=\"p-semi t-semi\">$ {{ cartTotalPrice}} ₽</p>\n\t        <p v-if=\"order.delivery.type === 'Courier'\" class=\"p-semi t-semi\">$ {{ cartTotalPrice + 20 }}</p>\n\t        <p v-if=\"order.delivery.type === 'Post'\" class=\"p-semi t-semi\">$ {{ cartTotalPrice + 10 }}</p>\n\t      </div>\n\t      <hr  v-if=\"order.status === 'Confirmed'\" class=\"mn-semi\" >\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\t  </div>\n\t</div>\t\t\n\n</template>\n\n\n<script setup=\"props\">\n\timport { defineProps,computed } from 'vue'\n\timport { useRouter } from 'vue-router'\n\n\tconst router = useRouter()\n\n\tconst props = defineProps({\n\t  order: Object,\n\t});\n\n\n\n\t// await store.dispatch('payments/getStatus', props.order._id)\n\n\t// const payment = computed(() => store.state.payments.current)\n\t// const cartTotalPrice = computed(() => store.getters['orders/orderTotalPrice'])\n\n\tfunction requestPayment(order) {\n\t\t // store.dispatch(\"payments/newPayment\", order);\n\t}\n\t\n\tfunction DateToFormattedString(d) {         \n    var fixedDate = new Date(d);                                                     \n    var mm = (fixedDate.getMonth()+1).toString(); // getMonth() is zero-based         \n    var dd  = (fixedDate.getDate() + 6).toString();            \n                         \n    return (dd[1]?dd:\"0\"+dd[0]) + '/' + (mm[1]?mm:\"0\"+mm[0]);\n  }\n\n  function DateToFormattedString2(d) {         \n    var fixedDate = new Date(d);                                                     \n    var mm = (fixedDate.getMonth() + 1).toString(); // getMonth() is zero-based         \n    var dd  = (fixedDate.getDate() + 1).toString();            \n                         \n    return (dd[1]?dd:\"0\"+dd[0]) + '/' + (mm[1]?mm:\"0\"+mm[0]);\n  }\n\n\t// function orderProducts (items) {\n\t//   return items.map(({ id, size, color, quantity }) => {\n\t//     const product = store.state.products.all.find(product => product.id === id)\n\t//     return {\n\t//       name: product.name,\n\t//       images: product.images[0],\n\t//       color,\n\t//       size,\n\t//       price: product.price,\n\t//       id: product.id,\n\t//       quantity\n\t//     }\n\t//   })\n\t// }\n\n</script>\n\n<style lang=\"scss\" scoped>\n.shop-cart-item {\n\t&:first-of-type { padding-top: 0;}\n}\n\n</style>"],"names":["useRouter"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8GgBA,cAAS,UAAA;AAiBxB,aAAS,sBAAsB,GAAG;AAC/B,UAAI,YAAY,IAAI,KAAK,CAAC;AAC1B,UAAI,MAAM,UAAU,SAAQ,IAAG,GAAG;AAClC,UAAI,MAAO,UAAU,QAAO,IAAK,GAAG;AAEpC,cAAQ,GAAG,CAAC,IAAE,KAAG,MAAI,GAAG,CAAC,KAAK,OAAO,GAAG,CAAC,IAAE,KAAG,MAAI,GAAG,CAAC;AAAA,IAC1D;AAEE,aAAS,uBAAuB,GAAG;AACjC,UAAI,YAAY,IAAI,KAAK,CAAC;AAC1B,UAAI,MAAM,UAAU,SAAQ,IAAK,GAAG;AACpC,UAAI,MAAO,UAAU,QAAO,IAAK,GAAG;AAEpC,cAAQ,GAAG,CAAC,IAAE,KAAG,MAAI,GAAG,CAAC,KAAK,OAAO,GAAG,CAAC,IAAE,KAAG,MAAI,GAAG,CAAC;AAAA,IAC1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/orders/components/blocks/CardOrder.vue.js

@@ -3,7 +3,7 @@ import { useRouter } from "vue-router";
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _hoisted_1 = { class: "pd-big mn-regular order-customer-card col" };
 const _hoisted_2 = { class: "mn-regular flex-center flex-nowrap flex w-100" };
-const _hoisted_3 = { class: "w-100 t-medium p-big" };
+const _hoisted_3 = { class: "w-100 t-medium p-semi" };
 const _hoisted_4 = { class: "flex-nowrap flex" };
 const _hoisted_5 = { class: "mn-r-bold pd-r-big br-right-dark w-66" };
 const _hoisted_6 = { class: "mn-small" };
@@ -20,7 +20,7 @@ const _hoisted_9 = {
   class: "w-"
 };
 const _hoisted_10 = { class: "w-40" };
-const _hoisted_11 = { class: "mn-small w-100 t-medium p-big" };
+const _hoisted_11 = { class: "mn-small w-100 t-medium p-semi" };
 const _hoisted_12 = {
   key: 0,
   class: "mn-medium w-100"
@@ -43,19 +43,19 @@ const _hoisted_18 = { key: 2 };
 const _hoisted_19 = { class: "mn-semi intotal flex-bottom flex" };
 const _hoisted_20 = {
   key: 0,
-  class: "p-big t-semi"
+  class: "p-semi t-semi"
 };
 const _hoisted_21 = {
   key: 1,
-  class: "p-big t-semi"
+  class: "p-semi t-semi"
 };
 const _hoisted_22 = {
   key: 2,
-  class: "p-big t-semi"
+  class: "p-semi t-semi"
 };
 const _hoisted_23 = {
   key: 3,
-  class: "p-big t-semi"
+  class: "p-semi t-semi"
 };
 const _hoisted_24 = {
   key: 4,
@@ -92,7 +92,7 @@ const _sfc_main = {
         createElementVNode("div", _hoisted_4, [
           createElementVNode("div", _hoisted_5, [
             _cache[0] || (_cache[0] = createElementVNode("ul", { class: "mn-semi" }, null, -1)),
-            _cache[1] || (_cache[1] = createElementVNode("p", { class: "mn-small t-medium p-big" }, " Adress and delivery ", -1)),
+            _cache[1] || (_cache[1] = createElementVNode("p", { class: "mn-small t-medium p-semi" }, " Adress and delivery ", -1)),
             createElementVNode("p", _hoisted_6, toDisplayString(__props.order.delivery.adress), 1),
             __props.order.delivery.type === "Post" ? (openBlock(), createElementBlock("p", _hoisted_7, " You have chosen delivery using the courier service CDEK. Estimated delivery date " + toDisplayString(DateToFormattedString(__props.order.createdAt)) + ". ", 1)) : createCommentVNode("", true),
             __props.order.delivery.type === "Courier" ? (openBlock(), createElementBlock("p", _hoisted_8, " You have chosen delivery by courier. Estimated delivery date " + toDisplayString(DateToFormattedString2(__props.order.createdAt)) + ". ", 1)) : createCommentVNode("", true),
@@ -146,7 +146,7 @@ const _sfc_main = {
     };
   }
 };
-const CardOrder = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e9803d20"]]);
+const CardOrder = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-926e65ca"]]);
 export {
   CardOrder as default
 };

package/dist/martyrs/src/modules/orders/components/blocks/CardOrder.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardOrder.vue.js","sources":["../../../../../../../src/modules/orders/components/blocks/CardOrder.vue"],"sourcesContent":["<template>\n\t<div class=\"pd-big mn-regular order-customer-card col\"> \n\t  <p class=\"mn-regular flex-center flex-nowrap flex w-100\">\n\t\t\t\t<!-- <img loading=\"lazy\" v-if=\"order.status === 'Created'\" \t\t\tclass=\"mn-r-small\" src=\"@/assets/icons/status/created.svg\"/>\n\t\t\t\t<img loading=\"lazy\" v-if=\"order.status === 'Confirmed'\"\tclass=\"mn-r-small\" src=\"@/assets/icons/status/confirmed.svg\"/>\n\t\t\t\t<img loading=\"lazy\" v-if=\"order.status === 'Awaiting shipment'\" \t\t\tclass=\"mn-r-small\" src=\"@/assets/icons/status/paid.svg\"/>\n\t\t\t\t<img loading=\"lazy\" v-if=\"order.status === 'In delivery'\" \t\tclass=\"mn-r-small\" src=\"@/assets/icons/status/finished.svg\"/>\n\t\t\t\t<img loading=\"lazy\" v-if=\"order.status === 'Finished'\" \t\tclass=\"mn-r-small\" src=\"@/assets/icons/status/finished.svg\"/> -->\n\t    <span class=\"w-100 t-medium p-big\">{{order.status}}</span>\n\t  </p>\n\t  \n\t  <div class=\"flex-nowrap flex\">\n\t  \t<div class=\"mn-r-bold pd-r-big br-right-dark w-66\">\n\t  \t\t<ul class=\"mn-semi\">\n\t        <!-- <li v-for=\"(product, index) in orderProducts(order.items.slice(0,2))\" :key=\"product.id\" class=\"shop-cart-item\">\n\t        \t<img loading=\"lazy\" v-if=\"product.images\" :src=\"require( `@/assets/images/products/${product.images[0]}`)\">\n\t          <img loading=\"lazy\" v-if=\"!(product.images)\" :src=\"require( `@/assets/icons/photo.svg`)\">\n\t          \n\t          <div class=\"text-left\">\n\t            <p class=\"name\">{{ product.name }}</p>\n\n\t            <div class=\"flex\">\n\t              <div class=\"small-underline variant\">\n\t                <span v-if=\"!product.size && !product.color\" class=\"\">One-size</span>\n\t                <span v-if=\"product.size\" class=\"\">{{ product.size}}</span>\n\t                <span v-if=\"product.color && product.size\" class=\"\">, </span>\n\t                <span v-if=\"product.color\" class=\"\">{{ product.color}}</span>\n\t              </div>\n\t              \n\t              <p class=\"t-demi\">$ {{product.quantity}} x {{product.price}}</p>\n\t            </div>\n\n\t          </div>\n\n\t    \t\t</li> -->\n\t      </ul>\n\t      <p class=\"mn-small t-medium p-big\">\n\t      \tAdress and delivery\n\t      </p>\n\t      <p class=\"mn-small\">\n\t        {{order.delivery.adress}} \n\t      </p>\n\t      <p v-if=\"order.delivery.type === 'Post'\" class=\"w-\">\n\t     \t\tYou have chosen delivery using the courier service CDEK. Estimated delivery date {{DateToFormattedString(order.createdAt)}}.\n\t      </p>\n\n\t      <p v-if=\"order.delivery.type === 'Courier'\" class=\"w-\">\n\t     \t\tYou have chosen delivery by courier. Estimated delivery date {{DateToFormattedString2(order.createdAt)}}.\n\t      </p>\n\n\t      <p v-if=\"order.delivery.type === 'Pickup'\" class=\"w-\">\n\t     \t\tYou have chosen to receive the order in the Moscow store.\n\t      </p>\n\t    </div>\n\n\n\t    <div class=\"w-40\">\n\t    \t<p class=\"mn-small w-100 t-medium p-big\">\n\t        <span class=\"t-transp\">Order:</span> №{{order._id.slice(0,8)}} \n\t      </p>\n\t       <p  v-if=\"order.delivery.type === 'Post'\" class=\"mn-medium w-100\">\n\t       \t<span class=\"t-transp\">Estimated shipping date:</span><br>{{DateToFormattedString(order.createdAt)}}\n\t      </p>\n\t      <p  v-if=\"order.delivery.type === 'Courier'\" class=\"mn-medium w-100\">\n\t       \t<span class=\"t-transp\">Shipping date:</span><br>{{DateToFormattedString2(order.createdAt)}}\n\t      </p>\n\t      <p  v-if=\"order.delivery.type === 'Pickup'\" class=\"mn-medium w-100\">\n\t       \t<span class=\"t-transp\">Type of delivery:</span><br>Pickup\n\t      </p>\n\t      <hr class=\"mn-medium\">\n\n\t      <div :class=\"{'mn-semi': order.delivery.type == ''}\" class=\"flex\">\n\t        <p  class=\"t-transp\">In total</p>\n\t        <p>$ {{ cartTotalPrice }}</p>\n\t      </div>\n\t      <div v-if=\"order.delivery.type !== ''\" class=\"mn-semi flex\">\n\t        <p  class=\"t-transp\">Delivery</p>\n\t        <p v-if=\"order.delivery.type === 'Pickup'\">Free</p>\n\t        <p v-if=\"order.delivery.type === 'Post'\">$ 10</p>\n\t        <p v-if=\"order.delivery.type === 'Courier'\">$ 20</p>\n\t      </div>\n\t      <div class=\"mn-semi intotal flex-bottom flex\">\n\t        <p  class=\"t-transp\">In total to pay</p>\n\t        <p v-if=\"order.delivery.type === ''\" class=\"p-big t-semi\">$ {{ cartTotalPrice }}</p>\n\t        <p v-if=\"order.delivery.type === 'Pickup'\" class=\"p-big t-semi\">$ {{ cartTotalPrice}} ₽</p>\n\t        <p v-if=\"order.delivery.type === 'Courier'\" class=\"p-big t-semi\">$ {{ cartTotalPrice + 20 }}</p>\n\t        <p v-if=\"order.delivery.type === 'Post'\" class=\"p-big t-semi\">$ {{ cartTotalPrice + 10 }}</p>\n\t      </div>\n\t      <hr  v-if=\"order.status === 'Confirmed'\" class=\"mn-semi\" >\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\t  </div>\n\t</div>\t\t\n\n</template>\n\n\n<script setup=\"props\">\n\timport { defineProps,computed } from 'vue'\n\timport { useRouter } from 'vue-router'\n\n\tconst router = useRouter()\n\n\tconst props = defineProps({\n\t  order: Object,\n\t});\n\n\n\n\t// await store.dispatch('payments/getStatus', props.order._id)\n\n\t// const payment = computed(() => store.state.payments.current)\n\t// const cartTotalPrice = computed(() => store.getters['orders/orderTotalPrice'])\n\n\tfunction requestPayment(order) {\n\t\t // store.dispatch(\"payments/newPayment\", order);\n\t}\n\t\n\tfunction DateToFormattedString(d) {         \n    var fixedDate = new Date(d);                                                     \n    var mm = (fixedDate.getMonth()+1).toString(); // getMonth() is zero-based         \n    var dd  = (fixedDate.getDate() + 6).toString();            \n                         \n    return (dd[1]?dd:\"0\"+dd[0]) + '/' + (mm[1]?mm:\"0\"+mm[0]);\n  }\n\n  function DateToFormattedString2(d) {         \n    var fixedDate = new Date(d);                                                     \n    var mm = (fixedDate.getMonth() + 1).toString(); // getMonth() is zero-based         \n    var dd  = (fixedDate.getDate() + 1).toString();            \n                         \n    return (dd[1]?dd:\"0\"+dd[0]) + '/' + (mm[1]?mm:\"0\"+mm[0]);\n  }\n\n\t// function orderProducts (items) {\n\t//   return items.map(({ id, size, color, quantity }) => {\n\t//     const product = store.state.products.all.find(product => product.id === id)\n\t//     return {\n\t//       name: product.name,\n\t//       images: product.images[0],\n\t//       color,\n\t//       size,\n\t//       price: product.price,\n\t//       id: product.id,\n\t//       quantity\n\t//     }\n\t//   })\n\t// }\n\n</script>\n\n<style lang=\"scss\" scoped>\n.shop-cart-item {\n\t&:first-of-type { padding-top: 0;}\n}\n\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8GgB,cAAS;AAiBxB,aAAS,sBAAsB,GAAG;AAC/B,UAAI,YAAY,IAAI,KAAK,CAAC;AAC1B,UAAI,MAAM,UAAU,SAAQ,IAAG,GAAG;AAClC,UAAI,MAAO,UAAU,QAAO,IAAK,GAAG;AAEpC,cAAQ,GAAG,CAAC,IAAE,KAAG,MAAI,GAAG,CAAC,KAAK,OAAO,GAAG,CAAC,IAAE,KAAG,MAAI,GAAG,CAAC;AAAA,IAC1D;AAEE,aAAS,uBAAuB,GAAG;AACjC,UAAI,YAAY,IAAI,KAAK,CAAC;AAC1B,UAAI,MAAM,UAAU,SAAQ,IAAK,GAAG;AACpC,UAAI,MAAO,UAAU,QAAO,IAAK,GAAG;AAEpC,cAAQ,GAAG,CAAC,IAAE,KAAG,MAAI,GAAG,CAAC,KAAK,OAAO,GAAG,CAAC,IAAE,KAAG,MAAI,GAAG,CAAC;AAAA,IAC1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardOrder.vue.js","sources":["../../../../../../../src/modules/orders/components/blocks/CardOrder.vue"],"sourcesContent":["<template>\n\t<div class=\"pd-big mn-regular order-customer-card col\"> \n\t  <p class=\"mn-regular flex-center flex-nowrap flex w-100\">\n\t\t\t\t<!-- <img loading=\"lazy\" v-if=\"order.status === 'Created'\" \t\t\tclass=\"mn-r-small\" src=\"@/assets/icons/status/created.svg\"/>\n\t\t\t\t<img loading=\"lazy\" v-if=\"order.status === 'Confirmed'\"\tclass=\"mn-r-small\" src=\"@/assets/icons/status/confirmed.svg\"/>\n\t\t\t\t<img loading=\"lazy\" v-if=\"order.status === 'Awaiting shipment'\" \t\t\tclass=\"mn-r-small\" src=\"@/assets/icons/status/paid.svg\"/>\n\t\t\t\t<img loading=\"lazy\" v-if=\"order.status === 'In delivery'\" \t\tclass=\"mn-r-small\" src=\"@/assets/icons/status/finished.svg\"/>\n\t\t\t\t<img loading=\"lazy\" v-if=\"order.status === 'Finished'\" \t\tclass=\"mn-r-small\" src=\"@/assets/icons/status/finished.svg\"/> -->\n\t    <span class=\"w-100 t-medium p-semi\">{{order.status}}</span>\n\t  </p>\n\t  \n\t  <div class=\"flex-nowrap flex\">\n\t  \t<div class=\"mn-r-bold pd-r-big br-right-dark w-66\">\n\t  \t\t<ul class=\"mn-semi\">\n\t        <!-- <li v-for=\"(product, index) in orderProducts(order.items.slice(0,2))\" :key=\"product.id\" class=\"shop-cart-item\">\n\t        \t<img loading=\"lazy\" v-if=\"product.images\" :src=\"require( `@/assets/images/products/${product.images[0]}`)\">\n\t          <img loading=\"lazy\" v-if=\"!(product.images)\" :src=\"require( `@/assets/icons/photo.svg`)\">\n\t          \n\t          <div class=\"text-left\">\n\t            <p class=\"name\">{{ product.name }}</p>\n\n\t            <div class=\"flex\">\n\t              <div class=\"small-underline variant\">\n\t                <span v-if=\"!product.size && !product.color\" class=\"\">One-size</span>\n\t                <span v-if=\"product.size\" class=\"\">{{ product.size}}</span>\n\t                <span v-if=\"product.color && product.size\" class=\"\">, </span>\n\t                <span v-if=\"product.color\" class=\"\">{{ product.color}}</span>\n\t              </div>\n\t              \n\t              <p class=\"t-demi\">$ {{product.quantity}} x {{product.price}}</p>\n\t            </div>\n\n\t          </div>\n\n\t    \t\t</li> -->\n\t      </ul>\n\t      <p class=\"mn-small t-medium p-semi\">\n\t      \tAdress and delivery\n\t      </p>\n\t      <p class=\"mn-small\">\n\t        {{order.delivery.adress}} \n\t      </p>\n\t      <p v-if=\"order.delivery.type === 'Post'\" class=\"w-\">\n\t     \t\tYou have chosen delivery using the courier service CDEK. Estimated delivery date {{DateToFormattedString(order.createdAt)}}.\n\t      </p>\n\n\t      <p v-if=\"order.delivery.type === 'Courier'\" class=\"w-\">\n\t     \t\tYou have chosen delivery by courier. Estimated delivery date {{DateToFormattedString2(order.createdAt)}}.\n\t      </p>\n\n\t      <p v-if=\"order.delivery.type === 'Pickup'\" class=\"w-\">\n\t     \t\tYou have chosen to receive the order in the Moscow store.\n\t      </p>\n\t    </div>\n\n\n\t    <div class=\"w-40\">\n\t    \t<p class=\"mn-small w-100 t-medium p-semi\">\n\t        <span class=\"t-transp\">Order:</span> №{{order._id.slice(0,8)}} \n\t      </p>\n\t       <p  v-if=\"order.delivery.type === 'Post'\" class=\"mn-medium w-100\">\n\t       \t<span class=\"t-transp\">Estimated shipping date:</span><br>{{DateToFormattedString(order.createdAt)}}\n\t      </p>\n\t      <p  v-if=\"order.delivery.type === 'Courier'\" class=\"mn-medium w-100\">\n\t       \t<span class=\"t-transp\">Shipping date:</span><br>{{DateToFormattedString2(order.createdAt)}}\n\t      </p>\n\t      <p  v-if=\"order.delivery.type === 'Pickup'\" class=\"mn-medium w-100\">\n\t       \t<span class=\"t-transp\">Type of delivery:</span><br>Pickup\n\t      </p>\n\t      <hr class=\"mn-medium\">\n\n\t      <div :class=\"{'mn-semi': order.delivery.type == ''}\" class=\"flex\">\n\t        <p  class=\"t-transp\">In total</p>\n\t        <p>$ {{ cartTotalPrice }}</p>\n\t      </div>\n\t      <div v-if=\"order.delivery.type !== ''\" class=\"mn-semi flex\">\n\t        <p  class=\"t-transp\">Delivery</p>\n\t        <p v-if=\"order.delivery.type === 'Pickup'\">Free</p>\n\t        <p v-if=\"order.delivery.type === 'Post'\">$ 10</p>\n\t        <p v-if=\"order.delivery.type === 'Courier'\">$ 20</p>\n\t      </div>\n\t      <div class=\"mn-semi intotal flex-bottom flex\">\n\t        <p  class=\"t-transp\">In total to pay</p>\n\t        <p v-if=\"order.delivery.type === ''\" class=\"p-semi t-semi\">$ {{ cartTotalPrice }}</p>\n\t        <p v-if=\"order.delivery.type === 'Pickup'\" class=\"p-semi t-semi\">$ {{ cartTotalPrice}} ₽</p>\n\t        <p v-if=\"order.delivery.type === 'Courier'\" class=\"p-semi t-semi\">$ {{ cartTotalPrice + 20 }}</p>\n\t        <p v-if=\"order.delivery.type === 'Post'\" class=\"p-semi t-semi\">$ {{ cartTotalPrice + 10 }}</p>\n\t      </div>\n\t      <hr  v-if=\"order.status === 'Confirmed'\" class=\"mn-semi\" >\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\t  </div>\n\t</div>\t\t\n\n</template>\n\n\n<script setup=\"props\">\n\timport { defineProps,computed } from 'vue'\n\timport { useRouter } from 'vue-router'\n\n\tconst router = useRouter()\n\n\tconst props = defineProps({\n\t  order: Object,\n\t});\n\n\n\n\t// await store.dispatch('payments/getStatus', props.order._id)\n\n\t// const payment = computed(() => store.state.payments.current)\n\t// const cartTotalPrice = computed(() => store.getters['orders/orderTotalPrice'])\n\n\tfunction requestPayment(order) {\n\t\t // store.dispatch(\"payments/newPayment\", order);\n\t}\n\t\n\tfunction DateToFormattedString(d) {         \n    var fixedDate = new Date(d);                                                     \n    var mm = (fixedDate.getMonth()+1).toString(); // getMonth() is zero-based         \n    var dd  = (fixedDate.getDate() + 6).toString();            \n                         \n    return (dd[1]?dd:\"0\"+dd[0]) + '/' + (mm[1]?mm:\"0\"+mm[0]);\n  }\n\n  function DateToFormattedString2(d) {         \n    var fixedDate = new Date(d);                                                     \n    var mm = (fixedDate.getMonth() + 1).toString(); // getMonth() is zero-based         \n    var dd  = (fixedDate.getDate() + 1).toString();            \n                         \n    return (dd[1]?dd:\"0\"+dd[0]) + '/' + (mm[1]?mm:\"0\"+mm[0]);\n  }\n\n\t// function orderProducts (items) {\n\t//   return items.map(({ id, size, color, quantity }) => {\n\t//     const product = store.state.products.all.find(product => product.id === id)\n\t//     return {\n\t//       name: product.name,\n\t//       images: product.images[0],\n\t//       color,\n\t//       size,\n\t//       price: product.price,\n\t//       id: product.id,\n\t//       quantity\n\t//     }\n\t//   })\n\t// }\n\n</script>\n\n<style lang=\"scss\" scoped>\n.shop-cart-item {\n\t&:first-of-type { padding-top: 0;}\n}\n\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8GgB,cAAS;AAiBxB,aAAS,sBAAsB,GAAG;AAC/B,UAAI,YAAY,IAAI,KAAK,CAAC;AAC1B,UAAI,MAAM,UAAU,SAAQ,IAAG,GAAG;AAClC,UAAI,MAAO,UAAU,QAAO,IAAK,GAAG;AAEpC,cAAQ,GAAG,CAAC,IAAE,KAAG,MAAI,GAAG,CAAC,KAAK,OAAO,GAAG,CAAC,IAAE,KAAG,MAAI,GAAG,CAAC;AAAA,IAC1D;AAEE,aAAS,uBAAuB,GAAG;AACjC,UAAI,YAAY,IAAI,KAAK,CAAC;AAC1B,UAAI,MAAM,UAAU,SAAQ,IAAK,GAAG;AACpC,UAAI,MAAO,UAAU,QAAO,IAAK,GAAG;AAEpC,cAAQ,GAAG,CAAC,IAAE,KAAG,MAAI,GAAG,CAAC,KAAK,OAAO,GAAG,CAAC,IAAE,KAAG,MAAI,GAAG,CAAC;AAAA,IAC1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/orders/components/blocks/CardOrderItem.vue.cjs

@@ -9,7 +9,6 @@ const IconMinus = require("../../../icons/navigation/IconMinus.vue.cjs");
 const IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");
 const IconCalendar = require("../../../icons/entities/IconCalendar.vue.cjs");
 const PlaceholderImage = require("../../../icons/placeholders/PlaceholderImage.vue.cjs");
-const PopupDateSelector = require("../../../globals/views/components/blocks/PopupDateSelector.vue.cjs");
 const _hoisted_1 = { class: "gap-small pos-relative cols-1" };
 const _hoisted_2 = { class: "pos-relative w-100 gap-thin flex-stretch flex-nowrap flex" };
 const _hoisted_3 = {
@@ -19,20 +18,45 @@ const _hoisted_3 = {
 const _hoisted_4 = ["src"];
 const _hoisted_5 = { class: "w-100 pos-relative" };
 const _hoisted_6 = { class: "t-truncate t-medium" };
-const _hoisted_7 = { class: "t-second mn-r-micro d-inline-block t-demi" };
-const _hoisted_8 = { class: "p-small t-transp" };
+const _hoisted_7 = { key: 0 };
+const _hoisted_8 = { class: "t-second mn-r-micro d-inline-block t-demi" };
 const _hoisted_9 = {
+  key: 0,
+  class: "p-small t-transp"
+};
+const _hoisted_10 = { key: 0 };
+const _hoisted_11 = {
+  key: 1,
+  class: "p-small t-transp"
+};
+const _hoisted_12 = {
+  key: 1,
+  class: "t-second mn-r-micro d-inline-block t-demi"
+};
+const _hoisted_13 = {
+  key: 2,
+  class: "p-small t-transp"
+};
+const _hoisted_14 = {
   key: 0,
   class: "mn-t-thin gap-thin flex-nojustify flex"
 };
-const _hoisted_10 = {
+const _hoisted_15 = {
   key: 0,
   class: "flex gap-thin flex-v-center cursor-pointer pd-thin w-100 bg-light radius-small"
 };
 const _sfc_main = {
   __name: "CardOrderItem",
   props: {
-    product: Object,
+    productId: String,
+    variantId: String,
+    images: Array,
+    name: String,
+    quantity: Number,
+    unit: String,
+    dates: Object,
+    listing: String,
+    price: Number,
     editable: Boolean,
     increase: Function,
     decrease: Function,
@@ -42,85 +66,99 @@ const _sfc_main = {
   setup(__props, { emit: __emit }) {
     var _a, _b;
     vueRouter.useRouter();
+    const { locale } = vueI18n.useI18n();
+    const { proxy } = vue.getCurrentInstance();
     const emits = __emit;
     const props = __props;
-    const { locale } = vueI18n.useI18n();
+    const isRental = vue.computed(() => props.listing === "rent");
+    const showControls = vue.computed(() => props.editable || isRental.value);
     const rentDates = vue.ref({
-      start: ((_a = props.product.date) == null ? void 0 : _a.start) || null,
-      end: ((_b = props.product.date) == null ? void 0 : _b.end) || null
+      start: ((_a = props.dates) == null ? void 0 : _a.start) || null,
+      end: ((_b = props.dates) == null ? void 0 : _b.end) || null
     });
     const rentalDays = vue.computed(() => {
       if (!rentDates.value.start || !rentDates.value.end) return 0;
       const start = new Date(rentDates.value.start);
       const end = new Date(rentDates.value.end);
-      const diffTime = Math.abs(end - start);
-      return Math.ceil(diffTime / (1e3 * 60 * 60 * 24)) + 1;
+      return Math.ceil(Math.abs(end - start) / (1e3 * 60 * 60 * 24)) + 1;
     });
-    const isRentDatePopupOpen = vue.ref(false);
-    function increase_(product) {
-      if (props.increase) {
-        props.increase(product);
-      }
-      emits("increase", product);
-    }
-    function decrease(product) {
-      if (props.decrease) {
-        props.decrease(product);
+    const totalPrice = vue.computed(() => {
+      if (isRental.value) {
+        return rentalDays.value * props.price * props.quantity;
       }
-      emits("decrease", product);
+      return props.quantity * props.price;
+    });
+    vue.ref(false);
+    function increase() {
+      var _a2;
+      (_a2 = props.increase) == null ? void 0 : _a2.call(props);
+      emits("increase");
     }
-    function remove(product) {
-      if (props.remove) {
-        props.remove(product);
-      }
-      emits("remove", product);
+    function decrease() {
+      var _a2;
+      (_a2 = props.decrease) == null ? void 0 : _a2.call(props);
+      emits("decrease");
     }
-    function openRentDatePopup() {
-      isRentDatePopupOpen.value = true;
+    function remove() {
+      var _a2;
+      (_a2 = props.remove) == null ? void 0 : _a2.call(props);
+      emits("remove");
     }
-    function closeRentDatePopup() {
-      isRentDatePopupOpen.value = false;
+    async function openRentDatePopup() {
+      try {
+        const selectedDates = await proxy.$dateSelector(
+          props.productId,
+          props.variantId,
+          props.quantity,
+          props.price,
+          {
+            showCancelButton: props.editable,
+            onCancel: props.editable ? () => {
+              var _a2;
+              return (_a2 = props.remove) == null ? void 0 : _a2.call(props);
+            } : null
+          }
+        );
+        if (selectedDates) {
+          updateRentDates(selectedDates);
+        }
+      } catch (error) {
+        console.error("Error selecting dates:", error);
+      }
     }
     function updateRentDates(dates) {
       rentDates.value = dates;
-      emits("updateRentDates", props.product, dates);
-      closeRentDatePopup();
+      emits("updateRentDates", props.productId, props.variantId, dates);
     }
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.createElementVNode("div", _hoisted_2, [
           vue.createElementVNode("div", _hoisted_3, [
-            __props.product.images[0] ? (vue.openBlock(), vue.createElementBlock("img", {
+            __props.images && __props.images[0] ? (vue.openBlock(), vue.createElementBlock("img", {
               key: 0,
               loading: "lazy",
               class: "w-100 object-fit-cover pos-absolute h-100",
-              src: (_ctx.FILE_SERVER_URL || "") + __props.product.images[0]
-            }, null, 8, _hoisted_4)) : vue.createCommentVNode("", true),
-            !__props.product.images[0] ? (vue.openBlock(), vue.createBlock(PlaceholderImage.default, {
+              src: (_ctx.FILE_SERVER_URL || "") + __props.images[0]
+            }, null, 8, _hoisted_4)) : (vue.openBlock(), vue.createBlock(PlaceholderImage.default, {
               key: 1,
               class: "bg-light pos-absolute radius-small w-100 h-100"
-            })) : vue.createCommentVNode("", true)
+            }))
           ]),
           vue.createElementVNode("div", _hoisted_5, [
-            vue.createElementVNode("p", _hoisted_6, vue.toDisplayString(__props.product.name), 1),
+            vue.createElementVNode("p", _hoisted_6, vue.toDisplayString(__props.name), 1),
             vue.createElementVNode("div", null, [
-              vue.createElementVNode("p", null, [
-                vue.createElementVNode("span", _hoisted_7, vue.toDisplayString(_ctx.returnCurrency()) + vue.toDisplayString((__props.product.listing === "rent" ? rentalDays.value || __props.product.quantity || 0 : __props.product.quantity || 0) * __props.product.price), 1),
-                vue.createElementVNode("span", _hoisted_8, [
-                  __props.product.quantity ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                    vue.createTextVNode(vue.toDisplayString(_ctx.returnCurrency()) + vue.toDisplayString(__props.product.price), 1)
-                  ], 64)) : vue.createCommentVNode("", true),
-                  _cache[4] || (_cache[4] = vue.createTextVNode(" × ")),
-                  __props.product.listing === "rent" && rentDates.value.start && rentDates.value.end ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-                    vue.createTextVNode(vue.toDisplayString(rentalDays.value) + " days ", 1)
-                  ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
-                    vue.createTextVNode(vue.toDisplayString(__props.product.quantity || 0) + " " + vue.toDisplayString(__props.product.unit || "pcs"), 1)
-                  ], 64))
-                ])
-              ])
+              __props.price != null && __props.quantity != null ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_7, [
+                vue.createElementVNode("span", _hoisted_8, vue.toDisplayString(_ctx.returnCurrency()) + vue.toDisplayString(totalPrice.value), 1),
+                isRental.value && rentDates.value.start && rentDates.value.end ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_9, [
+                  vue.createTextVNode(vue.toDisplayString(_ctx.returnCurrency()) + vue.toDisplayString(__props.price) + " ", 1),
+                  __props.quantity > 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_10, "× " + vue.toDisplayString(__props.quantity) + " " + vue.toDisplayString(__props.unit || "pcs"), 1)) : vue.createCommentVNode("", true),
+                  vue.createTextVNode(" × " + vue.toDisplayString(rentalDays.value) + " days ", 1)
+                ])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_11, vue.toDisplayString(_ctx.returnCurrency()) + vue.toDisplayString(__props.price) + " × " + vue.toDisplayString(__props.quantity || 0) + " " + vue.toDisplayString(__props.unit || "pcs"), 1))
+              ])) : __props.price != null && __props.quantity == null ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_12, vue.toDisplayString(_ctx.returnCurrency()) + vue.toDisplayString(__props.price), 1)) : __props.price == null && __props.quantity != null ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_13, vue.toDisplayString(__props.quantity) + " " + vue.toDisplayString(__props.unit || "pcs"), 1)) : vue.createCommentVNode("", true)
             ]),
-            __props.editable || __props.product.listing === "rent" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, [
-              __props.product.listing === "rent" && (rentDates.value.start && rentDates.value.end) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, [
+            vue.renderSlot(_ctx.$slots, "default"),
+            showControls.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14, [
+              isRental.value && rentDates.value.start && rentDates.value.end ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15, [
                 vue.createVNode(IconCalendar.default, {
                   onClick: openRentDatePopup,
                   class: "cursor-pointer i-medium"
@@ -130,41 +168,28 @@ const _sfc_main = {
                   class: "t-medium t-transp"
                 }, vue.toDisplayString(_ctx.formatDate(rentDates.value.start, { dayMonth: true, language: vue.unref(locale) })) + " - " + vue.toDisplayString(_ctx.formatDate(rentDates.value.end, { dayMonth: true, language: vue.unref(locale) })), 1)
               ])) : vue.createCommentVNode("", true),
-              __props.editable && __props.product.listing !== "rent" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+              __props.editable && !isRental.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
                 vue.createVNode(IconAdd.default, {
-                  onClick: _cache[1] || (_cache[1] = ($event) => increase_(__props.product)),
+                  onClick: increase,
                   class: "hover-scale-1 cursor-pointer bg-light i-big pd-thin radius-small"
                 }),
                 vue.createVNode(IconMinus.default, {
-                  onClick: _cache[2] || (_cache[2] = ($event) => decrease(__props.product)),
+                  onClick: decrease,
                   class: "hover-scale-1 cursor-pointer bg-light i-big pd-thin radius-small"
                 }),
                 vue.createVNode(IconDelete.default, {
-                  onClick: _cache[3] || (_cache[3] = ($event) => remove(__props.product)),
+                  onClick: remove,
                   class: "hover-scale-1 cursor-pointer bg-light i-big pd-thin radius-small"
                 })
               ], 64)) : vue.createCommentVNode("", true),
-              __props.product.listing === "rent" && __props.editable ? (vue.openBlock(), vue.createBlock(IconEdit.default, {
+              isRental.value && __props.editable ? (vue.openBlock(), vue.createBlock(IconEdit.default, {
                 key: 2,
                 onClick: openRentDatePopup,
                 class: "hover-scale-1 cursor-pointer bg-light i-big pd-small radius-small"
               })) : vue.createCommentVNode("", true)
             ])) : vue.createCommentVNode("", true)
           ])
-        ]),
-        vue.createVNode(PopupDateSelector.default, {
-          isOpen: isRentDatePopupOpen.value,
-          product: __props.product,
-          initialDates: rentDates.value,
-          showFees: true,
-          showVat: true,
-          feesRate: 0.15,
-          vatRate: 0.2,
-          showCancelButton: true,
-          onCancel: () => remove(__props.product),
-          onConfirm: updateRentDates,
-          onClose: closeRentDatePopup
-        }, null, 8, ["isOpen", "product", "initialDates", "onCancel"])
+        ])
       ]);
     };
   }

package/dist/martyrs/src/modules/orders/components/blocks/CardOrderItem.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CardOrderItem.vue.cjs","sources":["../../../../../../../src/modules/orders/components/blocks/CardOrderItem.vue"],"sourcesContent":["<template>\n  <div class=\"gap-small pos-relative cols-1\">\n    <div class=\"pos-relative w-100 gap-thin flex-stretch flex-nowrap flex\">\n      <div class=\"bg-light h-100 o-hidden pos-relative radius-small aspect-1x1\"\n        style=\"flex: 1 0 auto\"\n      >\n        <!-- Item Image -->\n        <img loading=\"lazy\" \n          class=\"w-100 object-fit-cover pos-absolute h-100\" \n          v-if=\"product.images[0]\"    \n          :src=\"(FILE_SERVER_URL || '') + product.images[0]\"\n        >\n        <PlaceholderImage\n          v-if=\"!product.images[0]\" \n          class=\"bg-light pos-absolute radius-small w-100 h-100\"\n        />\n      </div>\n      \n      <!-- Item Description -->\n      <div class=\"w-100 pos-relative\">\n        <!-- Name -->\n        <p class=\"t-truncate t-medium\">{{ product.name }}</p>\n        <div>\n          <p>\n            <span class=\"t-second mn-r-micro d-inline-block t-demi\">\n              {{ returnCurrency() }}{{ (product.listing === 'rent' ? (rentalDays || product.quantity || 0) : (product.quantity || 0)) * product.price }}\n            </span>\n\n            <span class=\"p-small t-transp\">\n              <template v-if=\"product.quantity\">{{returnCurrency() }}{{product.price}} </template>\n              × \n              <template v-if=\"product.listing === 'rent' && rentDates.start && rentDates.end\">\n                {{ rentalDays }} days\n              </template>\n              \n              <template v-else>\n                {{ product.quantity || 0 }} {{ product.unit || 'pcs' }}\n              </template>\n            </span>\n          </p>  \n        </div>\n        \n        <!-- Control Buttons -->\n        <div v-if=\"editable || product.listing === 'rent'\" class=\"mn-t-thin gap-thin flex-nojustify flex\">\n          <!-- For Rent Items: Edit Dates Button -->\n          <div v-if=\"(product.listing === 'rent') && (rentDates.start && rentDates.end)\" class=\"flex gap-thin flex-v-center cursor-pointer pd-thin w-100 bg-light radius-small\">\n            <IconCalendar\n              @click=\"openRentDatePopup\"\n              class=\"cursor-pointer i-medium\"\n            />\n            <!-- Rent Dates Display -->\n            <p @click=\"editable ? openRentDatePopup : null\" class=\"t-medium t-transp\">\n             {{ formatDate(rentDates.start, { dayMonth: true, language: locale }) }} - {{ formatDate(rentDates.end, { dayMonth: true, language: locale }) }}\n            </p>\n          </div>\n\n          <!-- For Regular Items: Quantity Control Buttons -->\n          <template v-if=\"editable &&product.listing !== 'rent'\">\n            <IconAdd\n              @click=\"increase_(product)\"\n              class=\"hover-scale-1 cursor-pointer bg-light i-big pd-thin radius-small\"\n            />\n            <IconMinus\n              @click=\"decrease(product)\"\n              class=\"hover-scale-1 cursor-pointer bg-light i-big pd-thin radius-small\"\n            />\n            <IconDelete\n              @click=\"remove(product)\"\n              class=\"hover-scale-1 cursor-pointer bg-light i-big pd-thin radius-small\"\n            />\n          </template>\n\n          <IconEdit\n            v-if=\"product.listing === 'rent' && editable\"\n            @click=\"openRentDatePopup\"\n            class=\"hover-scale-1 cursor-pointer bg-light i-big pd-small radius-small\"\n          />\n        </div>\n      </div>\n    </div>\n    \n    <!-- Rent Date Popup -->\n    <PopupDateSelector\n      :isOpen=\"isRentDatePopupOpen\"\n      :product=\"product\"\n      :initialDates=\"rentDates\"\n      :showFees=\"true\"\n      :showVat=\"true\"\n      :feesRate=\"0.15\"\n      :vatRate=\"0.2\"\n      :showCancelButton=\"true\"\n      :onCancel=\"() => remove(product)\"\n      @confirm=\"updateRentDates\"\n      @close=\"closeRentDatePopup\"\n    />\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue'\nimport { useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\nimport { format } from 'date-fns'\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue'\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\nimport IconMinus from '@martyrs/src/modules/icons/navigation/IconMinus.vue'\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue'\nimport IconCalendar from '@martyrs/src/modules/icons/entities/IconCalendar.vue'\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue'\nimport PopupDateSelector from '@martyrs/src/modules/globals/views/components/blocks/PopupDateSelector.vue'\n\nconst router = useRouter()\nconst emits = defineEmits(['increase', 'decrease', 'remove', 'updateRentDates'])\n\nconst props = defineProps({\n  product: Object,\n  editable: Boolean,\n  increase: Function,\n  decrease: Function,\n  remove: Function,\n})\n\nconst { locale } = useI18n()\n\n// Rental dates state - initialize from product if available\nconst rentDates = ref({\n  start: props.product.date?.start || null,\n  end: props.product.date?.end || null\n})\n\n// Rental days calculation\nconst rentalDays = computed(() => {\n  if (!rentDates.value.start || !rentDates.value.end) return 0\n  \n  const start = new Date(rentDates.value.start)\n  const end = new Date(rentDates.value.end)\n  const diffTime = Math.abs(end - start)\n  return Math.ceil(diffTime / (1000 * 60 * 60 * 24)) + 1\n})\n\n// Popup state\nconst isRentDatePopupOpen = ref(false)\n\n// Methods for buttons\nfunction increase_(product) {\n  if (props.increase) {\n    props.increase(product)\n  }\n  emits('increase', product)\n}\n\nfunction decrease(product) {\n  if (props.decrease) {\n    props.decrease(product)\n  }\n  emits('decrease', product)\n}\n\nfunction remove(product) {\n  if (props.remove) {\n    props.remove(product)\n  }\n  emits('remove', product)\n}\n\n// Rent date popup functions\nfunction openRentDatePopup() {\n  isRentDatePopupOpen.value = true\n}\n\nfunction closeRentDatePopup() {\nisRentDatePopupOpen.value = false\n}\n\nfunction updateRentDates(dates) {\n  rentDates.value = dates\n  emits('updateRentDates', props.product, dates)\n  closeRentDatePopup()\n}\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["useRouter","useI18n","ref","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+GeA,cAAS,UAAA;AACxB,UAAM,QAAQ;AAEd,UAAM,QAAQ;AAQd,UAAM,EAAE,OAAQ,IAAGC,QAAO,QAAA;AAG1B,UAAM,YAAYC,IAAAA,IAAI;AAAA,MACpB,SAAO,WAAM,QAAQ,SAAd,mBAAoB,UAAS;AAAA,MACpC,OAAK,WAAM,QAAQ,SAAd,mBAAoB,QAAO;AAAA,IAClC,CAAC;AAGD,UAAM,aAAaC,IAAQ,SAAC,MAAM;AAChC,UAAI,CAAC,UAAU,MAAM,SAAS,CAAC,UAAU,MAAM,IAAK,QAAO;AAE3D,YAAM,QAAQ,IAAI,KAAK,UAAU,MAAM,KAAK;AAC5C,YAAM,MAAM,IAAI,KAAK,UAAU,MAAM,GAAG;AACxC,YAAM,WAAW,KAAK,IAAI,MAAM,KAAK;AACrC,aAAO,KAAK,KAAK,YAAY,MAAO,KAAK,KAAK,GAAG,IAAI;AAAA,IACvD,CAAC;AAGD,UAAM,sBAAsBD,IAAG,IAAC,KAAK;AAGrC,aAAS,UAAU,SAAS;AAC1B,UAAI,MAAM,UAAU;AAClB,cAAM,SAAS,OAAO;AAAA,MAC1B;AACE,YAAM,YAAY,OAAO;AAAA,IAC3B;AAEA,aAAS,SAAS,SAAS;AACzB,UAAI,MAAM,UAAU;AAClB,cAAM,SAAS,OAAO;AAAA,MAC1B;AACE,YAAM,YAAY,OAAO;AAAA,IAC3B;AAEA,aAAS,OAAO,SAAS;AACvB,UAAI,MAAM,QAAQ;AAChB,cAAM,OAAO,OAAO;AAAA,MACxB;AACE,YAAM,UAAU,OAAO;AAAA,IACzB;AAGA,aAAS,oBAAoB;AAC3B,0BAAoB,QAAQ;AAAA,IAC9B;AAEA,aAAS,qBAAqB;AAC9B,0BAAoB,QAAQ;AAAA,IAC5B;AAEA,aAAS,gBAAgB,OAAO;AAC9B,gBAAU,QAAQ;AAClB,YAAM,mBAAmB,MAAM,SAAS,KAAK;AAC7C,yBAAkB;AAAA,IACpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardOrderItem.vue.cjs","sources":["../../../../../../../src/modules/orders/components/blocks/CardOrderItem.vue"],"sourcesContent":["<template>\n  <div class=\"gap-small pos-relative cols-1\">\n    <div class=\"pos-relative w-100 gap-thin flex-stretch flex-nowrap flex\">\n      <div class=\"bg-light h-100 o-hidden pos-relative radius-small aspect-1x1\" style=\"flex: 1 0 auto\">\n        <img \n          v-if=\"images && images[0]\"\n          loading=\"lazy\" \n          class=\"w-100 object-fit-cover pos-absolute h-100\"    \n          :src=\"(FILE_SERVER_URL || '') + images[0]\"\n        >\n        <PlaceholderImage\n          v-else \n          class=\"bg-light pos-absolute radius-small w-100 h-100\"\n        />\n      </div>\n      \n      <div class=\"w-100 pos-relative\">\n        <p class=\"t-truncate t-medium\">{{ name }}</p>\n        \n        <div>\n          <p v-if=\"price != null && quantity != null\">\n            <span class=\"t-second mn-r-micro d-inline-block t-demi\">\n              {{ returnCurrency() }}{{ totalPrice }}\n            </span>\n            <span v-if=\"isRental && rentDates.start && rentDates.end\" class=\"p-small t-transp\">\n              {{ returnCurrency() }}{{ price }} \n              <span v-if=\"quantity > 1\">× {{ quantity }} {{ unit || 'pcs' }}</span>\n              × {{ rentalDays }} days\n            </span>\n            <span v-else class=\"p-small t-transp\">{{ returnCurrency() }}{{ price }} × {{ quantity || 0 }}  {{ unit || 'pcs' }}</span>\n          </p>\n          \n          <p v-else-if=\"price != null && quantity == null\" class=\"t-second mn-r-micro d-inline-block t-demi\">\n            {{ returnCurrency() }}{{ price }}\n          </p>\n          \n          <p v-else-if=\"price == null && quantity != null\" class=\"p-small t-transp\">\n            {{ quantity }} {{ unit || 'pcs' }}\n          </p>\n        </div>\n        \n        <slot></slot>\n        <div v-if=\"showControls\" class=\"mn-t-thin gap-thin flex-nojustify flex\">\n          <div \n            v-if=\"isRental && rentDates.start && rentDates.end\" \n            class=\"flex gap-thin flex-v-center cursor-pointer pd-thin w-100 bg-light radius-small\"\n          >\n            <IconCalendar\n              @click=\"openRentDatePopup\"\n              class=\"cursor-pointer i-medium\"\n            />\n            <p \n              @click=\"editable ? openRentDatePopup : null\" \n              class=\"t-medium t-transp\"\n            >\n              {{ formatDate(rentDates.start, { dayMonth: true, language: locale }) }} - \n              {{ formatDate(rentDates.end, { dayMonth: true, language: locale }) }}\n            </p>\n          </div>\n\n          <template v-if=\"editable && !isRental\">\n            <IconAdd\n              @click=\"increase\"\n              class=\"hover-scale-1 cursor-pointer bg-light i-big pd-thin radius-small\"\n            />\n            <IconMinus\n              @click=\"decrease\"\n              class=\"hover-scale-1 cursor-pointer bg-light i-big pd-thin radius-small\"\n            />\n            <IconDelete\n              @click=\"remove\"\n              class=\"hover-scale-1 cursor-pointer bg-light i-big pd-thin radius-small\"\n            />\n          </template>\n\n          <IconEdit\n            v-if=\"isRental && editable\"\n            @click=\"openRentDatePopup\"\n            class=\"hover-scale-1 cursor-pointer bg-light i-big pd-small radius-small\"\n          />\n        </div>\n      </div>\n    </div>\n    \n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, getCurrentInstance } from 'vue'\nimport { useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\nimport { format } from 'date-fns'\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue'\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\nimport IconMinus from '@martyrs/src/modules/icons/navigation/IconMinus.vue'\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue'\nimport IconCalendar from '@martyrs/src/modules/icons/entities/IconCalendar.vue'\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue'\n\nconst router = useRouter()\nconst { locale } = useI18n()\nconst { proxy } = getCurrentInstance()\n\nconst emits = defineEmits(['increase', 'decrease', 'remove', 'updateRentDates'])\nconst props = defineProps({\n  productId: String,\n  variantId: String,\n  images: Array,\n  name: String,\n  quantity: Number,\n  unit: String,\n  dates: Object,\n  listing: String,\n  price: Number,\n  editable: Boolean,\n  increase: Function,\n  decrease: Function,\n  remove: Function,\n})\n\nconst isRental = computed(() => props.listing === 'rent')\nconst showControls = computed(() => props.editable || isRental.value)\n\nconst rentDates = ref({\n  start: props.dates?.start || null,\n  end: props.dates?.end || null\n})\n\nconst rentalDays = computed(() => {\n  if (!rentDates.value.start || !rentDates.value.end) return 0\n  const start = new Date(rentDates.value.start)\n  const end = new Date(rentDates.value.end)\n  return Math.ceil(Math.abs(end - start) / (1000 * 60 * 60 * 24)) + 1\n})\n\nconst totalPrice = computed(() => {\n  if (isRental.value) {\n    return rentalDays.value * props.price * props.quantity\n  }\n  return props.quantity * props.price\n})\n\nconst isRentDatePopupOpen = ref(false)\n\nfunction increase() {\n  props.increase?.()\n  emits('increase')\n}\n\nfunction decrease() {\n  props.decrease?.()\n  emits('decrease')\n}\n\nfunction remove() {\n  props.remove?.()\n  emits('remove')\n}\n\nasync function openRentDatePopup() {\n  try {\n    const selectedDates = await proxy.$dateSelector(\n      props.productId,\n      props.variantId,\n      props.quantity,\n      props.price,\n      { \n        showCancelButton: props.editable,\n        onCancel: props.editable ? () => props.remove?.() : null\n      }\n    );\n    \n    if (selectedDates) {\n      updateRentDates(selectedDates)\n    }\n  } catch (error) {\n    console.error('Error selecting dates:', error)\n  }\n}\n\nfunction updateRentDates(dates) {\n  rentDates.value = dates\n  emits('updateRentDates', props.productId, props.variantId, dates)\n}\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["useRouter","useI18n","getCurrentInstance","computed","ref","_a"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmGeA,cAAS,UAAA;AACxB,UAAM,EAAE,OAAQ,IAAGC,QAAO,QAAA;AAC1B,UAAM,EAAE,MAAO,IAAGC,IAAkB,mBAAA;AAEpC,UAAM,QAAQ;AACd,UAAM,QAAQ;AAgBd,UAAM,WAAWC,IAAQ,SAAC,MAAM,MAAM,YAAY,MAAM;AACxD,UAAM,eAAeA,IAAAA,SAAS,MAAM,MAAM,YAAY,SAAS,KAAK;AAEpE,UAAM,YAAYC,IAAAA,IAAI;AAAA,MACpB,SAAO,WAAM,UAAN,mBAAa,UAAS;AAAA,MAC7B,OAAK,WAAM,UAAN,mBAAa,QAAO;AAAA,IAC3B,CAAC;AAED,UAAM,aAAaD,IAAQ,SAAC,MAAM;AAChC,UAAI,CAAC,UAAU,MAAM,SAAS,CAAC,UAAU,MAAM,IAAK,QAAO;AAC3D,YAAM,QAAQ,IAAI,KAAK,UAAU,MAAM,KAAK;AAC5C,YAAM,MAAM,IAAI,KAAK,UAAU,MAAM,GAAG;AACxC,aAAO,KAAK,KAAK,KAAK,IAAI,MAAM,KAAK,KAAK,MAAO,KAAK,KAAK,GAAG,IAAI;AAAA,IACpE,CAAC;AAED,UAAM,aAAaA,IAAQ,SAAC,MAAM;AAChC,UAAI,SAAS,OAAO;AAClB,eAAO,WAAW,QAAQ,MAAM,QAAQ,MAAM;AAAA,MAClD;AACE,aAAO,MAAM,WAAW,MAAM;AAAA,IAChC,CAAC;AAE2BC,QAAAA,IAAI,KAAK;AAErC,aAAS,WAAW;;AAClB,OAAAC,MAAA,MAAM,aAAN,gBAAAA,IAAA;AACA,YAAM,UAAU;AAAA,IAClB;AAEA,aAAS,WAAW;;AAClB,OAAAA,MAAA,MAAM,aAAN,gBAAAA,IAAA;AACA,YAAM,UAAU;AAAA,IAClB;AAEA,aAAS,SAAS;;AAChB,OAAAA,MAAA,MAAM,WAAN,gBAAAA,IAAA;AACA,YAAM,QAAQ;AAAA,IAChB;AAEA,mBAAe,oBAAoB;AACjC,UAAI;AACF,cAAM,gBAAgB,MAAM,MAAM;AAAA,UAChC,MAAM;AAAA,UACN,MAAM;AAAA,UACN,MAAM;AAAA,UACN,MAAM;AAAA,UACN;AAAA,YACE,kBAAkB,MAAM;AAAA,YACxB,UAAU,MAAM,WAAW,MAAA;;AAAM,sBAAAA,MAAA,MAAM,WAAN,gBAAAA,IAAA;AAAA,gBAAmB;AAAA,UAC5D;AAAA,QACK;AAED,YAAI,eAAe;AACjB,0BAAgB,aAAa;AAAA,QACnC;AAAA,MACG,SAAQ,OAAO;AACd,gBAAQ,MAAM,0BAA0B,KAAK;AAAA,MACjD;AAAA,IACA;AAEA,aAAS,gBAAgB,OAAO;AAC9B,gBAAU,QAAQ;AAClB,YAAM,mBAAmB,MAAM,WAAW,MAAM,WAAW,KAAK;AAAA,IAClE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}