npm - @ozdao/martyrs - Versions diffs - 0.2.488 → 0.2.491 - Mend

@ozdao/martyrs 0.2.488 → 0.2.491

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3029) hide show

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

@@ -0,0 +1,153 @@
+import { createElementBlock, openBlock, createElementVNode, toDisplayString, createCommentVNode, createTextVNode, normalizeClass } from "vue";
+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-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" };
+const _hoisted_7 = {
+  key: 0,
+  class: "w-"
+};
+const _hoisted_8 = {
+  key: 1,
+  class: "w-"
+};
+const _hoisted_9 = {
+  key: 2,
+  class: "w-"
+};
+const _hoisted_10 = { class: "w-40" };
+const _hoisted_11 = { class: "mn-small w-100 t-medium p-semi" };
+const _hoisted_12 = {
+  key: 0,
+  class: "mn-medium w-100"
+};
+const _hoisted_13 = {
+  key: 1,
+  class: "mn-medium w-100"
+};
+const _hoisted_14 = {
+  key: 2,
+  class: "mn-medium w-100"
+};
+const _hoisted_15 = {
+  key: 3,
+  class: "mn-semi flex"
+};
+const _hoisted_16 = { key: 0 };
+const _hoisted_17 = { key: 1 };
+const _hoisted_18 = { key: 2 };
+const _hoisted_19 = { class: "mn-semi intotal flex-bottom flex" };
+const _hoisted_20 = {
+  key: 0,
+  class: "p-semi t-semi"
+};
+const _hoisted_21 = {
+  key: 1,
+  class: "p-semi t-semi"
+};
+const _hoisted_22 = {
+  key: 2,
+  class: "p-semi t-semi"
+};
+const _hoisted_23 = {
+  key: 3,
+  class: "p-semi t-semi"
+};
+const _hoisted_24 = {
+  key: 4,
+  class: "mn-semi"
+};
+const _hoisted_25 = {
+  key: 5,
+  class: "t-transp"
+};
+const _sfc_main = {
+  __name: "CardOrder",
+  props: {
+    order: Object
+  },
+  setup(__props) {
+    useRouter();
+    function DateToFormattedString(d) {
+      var fixedDate = new Date(d);
+      var mm = (fixedDate.getMonth() + 1).toString();
+      var dd = (fixedDate.getDate() + 6).toString();
+      return (dd[1] ? dd : "0" + dd[0]) + "/" + (mm[1] ? mm : "0" + mm[0]);
+    }
+    function DateToFormattedString2(d) {
+      var fixedDate = new Date(d);
+      var mm = (fixedDate.getMonth() + 1).toString();
+      var dd = (fixedDate.getDate() + 1).toString();
+      return (dd[1] ? dd : "0" + dd[0]) + "/" + (mm[1] ? mm : "0" + mm[0]);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("p", _hoisted_2, [
+          createElementVNode("span", _hoisted_3, toDisplayString(__props.order.status), 1)
+        ]),
+        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-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),
+            __props.order.delivery.type === "Pickup" ? (openBlock(), createElementBlock("p", _hoisted_9, " You have chosen to receive the order in the Moscow store. ")) : createCommentVNode("", true)
+          ]),
+          createElementVNode("div", _hoisted_10, [
+            createElementVNode("p", _hoisted_11, [
+              _cache[2] || (_cache[2] = createElementVNode("span", { class: "t-transp" }, "Order:", -1)),
+              createTextVNode(" №" + toDisplayString(__props.order._id.slice(0, 8)), 1)
+            ]),
+            __props.order.delivery.type === "Post" ? (openBlock(), createElementBlock("p", _hoisted_12, [
+              _cache[3] || (_cache[3] = createElementVNode("span", { class: "t-transp" }, "Estimated shipping date:", -1)),
+              _cache[4] || (_cache[4] = createElementVNode("br", null, null, -1)),
+              createTextVNode(toDisplayString(DateToFormattedString(__props.order.createdAt)), 1)
+            ])) : createCommentVNode("", true),
+            __props.order.delivery.type === "Courier" ? (openBlock(), createElementBlock("p", _hoisted_13, [
+              _cache[5] || (_cache[5] = createElementVNode("span", { class: "t-transp" }, "Shipping date:", -1)),
+              _cache[6] || (_cache[6] = createElementVNode("br", null, null, -1)),
+              createTextVNode(toDisplayString(DateToFormattedString2(__props.order.createdAt)), 1)
+            ])) : createCommentVNode("", true),
+            __props.order.delivery.type === "Pickup" ? (openBlock(), createElementBlock("p", _hoisted_14, _cache[7] || (_cache[7] = [
+              createElementVNode("span", { class: "t-transp" }, "Type of delivery:", -1),
+              createElementVNode("br", null, null, -1),
+              createTextVNode("Pickup ")
+            ]))) : createCommentVNode("", true),
+            _cache[11] || (_cache[11] = createElementVNode("hr", { class: "mn-medium" }, null, -1)),
+            createElementVNode("div", {
+              class: normalizeClass([{ "mn-semi": __props.order.delivery.type == "" }, "flex"])
+            }, [
+              _cache[8] || (_cache[8] = createElementVNode("p", { class: "t-transp" }, "In total", -1)),
+              createElementVNode("p", null, "$ " + toDisplayString(_ctx.cartTotalPrice), 1)
+            ], 2),
+            __props.order.delivery.type !== "" ? (openBlock(), createElementBlock("div", _hoisted_15, [
+              _cache[9] || (_cache[9] = createElementVNode("p", { class: "t-transp" }, "Delivery", -1)),
+              __props.order.delivery.type === "Pickup" ? (openBlock(), createElementBlock("p", _hoisted_16, "Free")) : createCommentVNode("", true),
+              __props.order.delivery.type === "Post" ? (openBlock(), createElementBlock("p", _hoisted_17, "$ 10")) : createCommentVNode("", true),
+              __props.order.delivery.type === "Courier" ? (openBlock(), createElementBlock("p", _hoisted_18, "$ 20")) : createCommentVNode("", true)
+            ])) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_19, [
+              _cache[10] || (_cache[10] = createElementVNode("p", { class: "t-transp" }, "In total to pay", -1)),
+              __props.order.delivery.type === "" ? (openBlock(), createElementBlock("p", _hoisted_20, "$ " + toDisplayString(_ctx.cartTotalPrice), 1)) : createCommentVNode("", true),
+              __props.order.delivery.type === "Pickup" ? (openBlock(), createElementBlock("p", _hoisted_21, "$ " + toDisplayString(_ctx.cartTotalPrice) + " ₽", 1)) : createCommentVNode("", true),
+              __props.order.delivery.type === "Courier" ? (openBlock(), createElementBlock("p", _hoisted_22, "$ " + toDisplayString(_ctx.cartTotalPrice + 20), 1)) : createCommentVNode("", true),
+              __props.order.delivery.type === "Post" ? (openBlock(), createElementBlock("p", _hoisted_23, "$ " + toDisplayString(_ctx.cartTotalPrice + 10), 1)) : createCommentVNode("", true)
+            ]),
+            __props.order.status === "Confirmed" ? (openBlock(), createElementBlock("hr", _hoisted_24)) : createCommentVNode("", true),
+            _ctx.payment && _ctx.payment.Status === "CONFIRMED" ? (openBlock(), createElementBlock("span", _hoisted_25, "Paid")) : createCommentVNode("", true)
+          ])
+        ])
+      ]);
+    };
+  }
+};
+const CardOrder = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-926e65ca"]]);
+export {
+  CardOrder as default
+};
+//# sourceMappingURL=CardOrder.vue.js.map

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

@@ -0,0 +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\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 \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 \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/CardOrderBackoffice.vue.cjs ADDED Viewed

@@ -0,0 +1,112 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const CardHeader = require("../../../globals/views/components/blocks/CardHeader.vue.cjs");
+const IconTime = require("../../../icons/entities/IconTime.vue.cjs");
+const _hoisted_1 = { class: "bg-light pos-relative pd-medium radius-medium" };
+const _hoisted_2 = { class: "mn-b-small pd-small bg-white radius-small flex-nowrap flex" };
+const _hoisted_3 = { class: "w-100" };
+const _hoisted_4 = { class: "t-truncate" };
+const _hoisted_5 = { class: "w-100 t-right" };
+const _hoisted_6 = { class: "mn-b-thin" };
+const _hoisted_7 = { class: "cols-1 pos-relative mn-b-small gap-thin pd-small bg-white radius-small" };
+const _hoisted_8 = { class: "mn-r-auto" };
+const _hoisted_9 = { class: "t-right" };
+const _hoisted_10 = { class: "t-transp" };
+const _hoisted_11 = { class: "pd-small bg-white radius-small gap-micro flex-v-center flex-nowrap flex" };
+const _hoisted_12 = { class: "t-medium mn-r-auto" };
+const _hoisted_13 = { class: "flex-child flex-child-shrink-0 capitalize w-max t-medium radius-big pd-b-nano pd-t-nano pd-r-thin pd-l-thin bg-main" };
+const _hoisted_14 = { class: "flex-child flex-child-shrink-0 capitalize w-max t-medium radius-big pd-b-nano pd-t-nano pd-r-thin pd-l-thin t-white bg-red" };
+const _hoisted_15 = {
+  key: 0,
+  class: "pos-relative radius-small bg-fifth-transp-10 mn-t-thin pd-small"
+};
+const _sfc_main = {
+  __name: "CardOrderBackoffice",
+  props: {
+    order: {
+      type: Object,
+      required: true
+    },
+    user: {
+      type: Object,
+      required: true
+    },
+    formatDate: {
+      type: Function,
+      required: true
+    },
+    getTotal: {
+      type: Function,
+      required: true
+    },
+    currency: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(__props) {
+    const spoiler = vue.ref(false);
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(CardHeader.default, {
+          entity: __props.order,
+          entityType: "order",
+          user: __props.user,
+          owner: __props.order.creator,
+          creator: __props.order.creator,
+          date: __props.order.createdAt,
+          class: "mn-b-small"
+        }, null, 8, ["entity", "user", "owner", "creator", "date"]),
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createElementVNode("div", _hoisted_3, [
+            vue.createElementVNode("p", _hoisted_4, vue.toDisplayString(__props.order.delivery.address || "Not specified"), 1)
+          ]),
+          vue.createElementVNode("div", _hoisted_5, [
+            vue.createElementVNode("h3", _hoisted_6, vue.toDisplayString(__props.currency) + vue.toDisplayString(__props.getTotal(__props.order.positions)), 1),
+            vue.createElementVNode("p", null, "#" + vue.toDisplayString(__props.order._id.slice(0, 4) + "..." + __props.order._id.slice(-4)), 1)
+          ])
+        ]),
+        vue.createElementVNode("div", _hoisted_7, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.order.positions, (position, index) => {
+            return vue.openBlock(), vue.createBlock(vue.Transition, { name: "moveFromTop" }, {
+              default: vue.withCtx(() => [
+                index < 2 || spoiler.value && index >= 2 ? (vue.openBlock(), vue.createElementBlock("div", {
+                  key: index,
+                  class: "w-100 flex"
+                }, [
+                  vue.createElementVNode("p", _hoisted_8, vue.toDisplayString(position.name), 1),
+                  vue.createElementVNode("p", _hoisted_9, [
+                    vue.createTextVNode(vue.toDisplayString(position.quantity) + " " + vue.toDisplayString(position.type) + " x ", 1),
+                    vue.createElementVNode("span", _hoisted_10, vue.toDisplayString(__props.currency) + " " + vue.toDisplayString(position.price), 1)
+                  ])
+                ])) : vue.createCommentVNode("", true)
+              ]),
+              _: 2
+            }, 1024);
+          }), 256)),
+          __props.order.positions.length > 2 ? (vue.openBlock(), vue.createElementBlock("button", {
+            key: 0,
+            onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => spoiler.value = !spoiler.value, ["prevent"])),
+            class: "cursor-pointer radius-big bg-light-transp-50 pd-nano w-100 flex-center flex"
+          }, vue.toDisplayString(!spoiler.value ? `+${__props.order.positions.length - 2} more` : `Hide`), 1)) : vue.createCommentVNode("", true)
+        ]),
+        vue.createElementVNode("div", _hoisted_11, [
+          vue.createVNode(IconTime.default, {
+            class: "i-semi t-transp",
+            fill: "rgb(var(--black)"
+          }),
+          vue.createElementVNode("p", _hoisted_12, vue.toDisplayString(__props.formatDate(__props.order.deadline)), 1),
+          vue.createElementVNode("span", _hoisted_13, vue.toDisplayString(__props.order.status), 1),
+          vue.createElementVNode("span", _hoisted_14, vue.toDisplayString(__props.order.payment.status || "Not defined"), 1)
+        ]),
+        __props.order.comment ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15, [
+          _cache[1] || (_cache[1] = vue.createElementVNode("p", { class: "mn-b-thin t-transp uppercase p-small t-medium" }, "Comment", -1)),
+          vue.createElementVNode("p", null, vue.toDisplayString(__props.order.comment), 1)
+        ])) : vue.createCommentVNode("", true)
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=CardOrderBackoffice.vue.cjs.map

package/dist/martyrs/src/modules/orders/components/blocks/CardOrderBackoffice.vue.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CardOrderBackoffice.vue.cjs","sources":["../../../../../../../src/modules/orders/components/blocks/CardOrderBackoffice.vue"],"sourcesContent":["<template>\n <div class=\"bg-light pos-relative pd-medium radius-medium\">\n <CardHeader \n :entity=\"order\"\n :entityType=\"'order'\"\n :user=\"user\"\n :owner=\"order.creator\" \n :creator=\"order.creator\"\n :date=\"order.createdAt\"\n class=\"mn-b-small\"\n />\n\n <div class=\"mn-b-small pd-small bg-white radius-small flex-nowrap flex\"> \n <div class=\"w-100\">\n <p class=\"t-truncate\">{{order.delivery.address || 'Not specified'}}</p> \n </div>\n\n <div class=\"w-100 t-right\">\n <h3 class=\"mn-b-thin\">{{currency}}{{getTotal(order.positions)}}</h3>\n <p>#{{order._id.slice(0, 4) + '...' + order._id.slice(-4)}}</p> \n </div>\n </div>\n \n <div class=\"cols-1 pos-relative mn-b-small gap-thin pd-small bg-white radius-small\">\n\t\t \n\t\t <template v-for=\"(position, index) in order.positions\">\n\t\t \t<transition name=\"moveFromTop\">\n\t\t\t <div \n\t\t\t v-if=\"index < 2 || (spoiler && index >= 2)\" \n\t\t\t :key=\"index\" \n\t\t\t class=\"w-100 flex\"\n\t\t\t >\n\t\t\t <p class=\"mn-r-auto\">{{ position.name }}</p>\n\t\t\t <p class=\"t-right\">\n\t\t\t {{ position.quantity }} {{ position.type }}\n\t\t\t x\n\t\t\t <span class=\"t-transp\">{{ currency }} {{ position.price }}</span>\n\t\t\t </p>\n\t\t\t </div>\n\t </transition>\n\t\t </template>\n\t\t\n\t\t \n\t\t <button\n\t\t v-if=\"order.positions.length > 2\"\n\t\t @click.prevent=\"spoiler = !spoiler\"\n\t\t class=\"cursor-pointer radius-big bg-light-transp-50 pd-nano w-100 flex-center flex\"\n\t\t >\n\t\t {{ !spoiler ? `+${order.positions.length - 2} more` : `Hide` }}\n\t\t </button>\n\t\t</div>\n\n <div class=\"pd-small bg-white radius-small gap-micro flex-v-center flex-nowrap flex\"> \n <IconTime class=\"i-semi t-transp\" fill=\"rgb(var(--black)\" />\n <p class=\"t-medium mn-r-auto\">{{formatDate(order.deadline)}}</p>\n\n <span \n class=\"flex-child flex-child-shrink-0 capitalize w-max t-medium radius-big pd-b-nano pd-t-nano pd-r-thin pd-l-thin bg-main\"\n >\n {{order.status}}\n </span>\n\n <span \n class=\"flex-child flex-child-shrink-0 capitalize w-max t-medium radius-big pd-b-nano pd-t-nano pd-r-thin pd-l-thin t-white bg-red\"\n >\n {{order.payment.status || 'Not defined'}}\n </span>\n </div>\n\n <div v-if=\"order.comment\" class=\"pos-relative radius-small bg-fifth-transp-10 mn-t-thin pd-small\">\n <p class=\"mn-b-thin t-transp uppercase p-small t-medium\">Comment</p>\n <p>{{order.comment}}</p>\n </div>\n </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\nimport CardHeader from '@martyrs/src/modules/globals/views/components/blocks/CardHeader.vue';\nimport IconTime from '@martyrs/src/modules/icons/entities/IconTime.vue';\n\nconst props = defineProps({\n order: {\n type: Object,\n required: true\n },\n user: {\n type: Object,\n required: true\n },\n formatDate: {\n type: Function,\n required: true\n },\n getTotal: {\n type: Function,\n required: true\n },\n currency: {\n type: String,\n default: ''\n }\n});\n\nconst spoiler = ref(false);\n</script>"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwGA,UAAM,UAAUA,IAAG,IAAC,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/orders/components/blocks/CardOrderBackoffice.vue.js ADDED Viewed

@@ -0,0 +1,112 @@
+import { ref, createElementBlock, openBlock, createVNode, createElementVNode, createCommentVNode, toDisplayString, Fragment, renderList, createBlock, Transition, withCtx, createTextVNode, withModifiers } from "vue";
+import _sfc_main$1 from "../../../globals/views/components/blocks/CardHeader.vue.js";
+import IconTime from "../../../icons/entities/IconTime.vue.js";
+const _hoisted_1 = { class: "bg-light pos-relative pd-medium radius-medium" };
+const _hoisted_2 = { class: "mn-b-small pd-small bg-white radius-small flex-nowrap flex" };
+const _hoisted_3 = { class: "w-100" };
+const _hoisted_4 = { class: "t-truncate" };
+const _hoisted_5 = { class: "w-100 t-right" };
+const _hoisted_6 = { class: "mn-b-thin" };
+const _hoisted_7 = { class: "cols-1 pos-relative mn-b-small gap-thin pd-small bg-white radius-small" };
+const _hoisted_8 = { class: "mn-r-auto" };
+const _hoisted_9 = { class: "t-right" };
+const _hoisted_10 = { class: "t-transp" };
+const _hoisted_11 = { class: "pd-small bg-white radius-small gap-micro flex-v-center flex-nowrap flex" };
+const _hoisted_12 = { class: "t-medium mn-r-auto" };
+const _hoisted_13 = { class: "flex-child flex-child-shrink-0 capitalize w-max t-medium radius-big pd-b-nano pd-t-nano pd-r-thin pd-l-thin bg-main" };
+const _hoisted_14 = { class: "flex-child flex-child-shrink-0 capitalize w-max t-medium radius-big pd-b-nano pd-t-nano pd-r-thin pd-l-thin t-white bg-red" };
+const _hoisted_15 = {
+  key: 0,
+  class: "pos-relative radius-small bg-fifth-transp-10 mn-t-thin pd-small"
+};
+const _sfc_main = {
+  __name: "CardOrderBackoffice",
+  props: {
+    order: {
+      type: Object,
+      required: true
+    },
+    user: {
+      type: Object,
+      required: true
+    },
+    formatDate: {
+      type: Function,
+      required: true
+    },
+    getTotal: {
+      type: Function,
+      required: true
+    },
+    currency: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(__props) {
+    const spoiler = ref(false);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_sfc_main$1, {
+          entity: __props.order,
+          entityType: "order",
+          user: __props.user,
+          owner: __props.order.creator,
+          creator: __props.order.creator,
+          date: __props.order.createdAt,
+          class: "mn-b-small"
+        }, null, 8, ["entity", "user", "owner", "creator", "date"]),
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            createElementVNode("p", _hoisted_4, toDisplayString(__props.order.delivery.address || "Not specified"), 1)
+          ]),
+          createElementVNode("div", _hoisted_5, [
+            createElementVNode("h3", _hoisted_6, toDisplayString(__props.currency) + toDisplayString(__props.getTotal(__props.order.positions)), 1),
+            createElementVNode("p", null, "#" + toDisplayString(__props.order._id.slice(0, 4) + "..." + __props.order._id.slice(-4)), 1)
+          ])
+        ]),
+        createElementVNode("div", _hoisted_7, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.order.positions, (position, index) => {
+            return openBlock(), createBlock(Transition, { name: "moveFromTop" }, {
+              default: withCtx(() => [
+                index < 2 || spoiler.value && index >= 2 ? (openBlock(), createElementBlock("div", {
+                  key: index,
+                  class: "w-100 flex"
+                }, [
+                  createElementVNode("p", _hoisted_8, toDisplayString(position.name), 1),
+                  createElementVNode("p", _hoisted_9, [
+                    createTextVNode(toDisplayString(position.quantity) + " " + toDisplayString(position.type) + " x ", 1),
+                    createElementVNode("span", _hoisted_10, toDisplayString(__props.currency) + " " + toDisplayString(position.price), 1)
+                  ])
+                ])) : createCommentVNode("", true)
+              ]),
+              _: 2
+            }, 1024);
+          }), 256)),
+          __props.order.positions.length > 2 ? (openBlock(), createElementBlock("button", {
+            key: 0,
+            onClick: _cache[0] || (_cache[0] = withModifiers(($event) => spoiler.value = !spoiler.value, ["prevent"])),
+            class: "cursor-pointer radius-big bg-light-transp-50 pd-nano w-100 flex-center flex"
+          }, toDisplayString(!spoiler.value ? `+${__props.order.positions.length - 2} more` : `Hide`), 1)) : createCommentVNode("", true)
+        ]),
+        createElementVNode("div", _hoisted_11, [
+          createVNode(IconTime, {
+            class: "i-semi t-transp",
+            fill: "rgb(var(--black)"
+          }),
+          createElementVNode("p", _hoisted_12, toDisplayString(__props.formatDate(__props.order.deadline)), 1),
+          createElementVNode("span", _hoisted_13, toDisplayString(__props.order.status), 1),
+          createElementVNode("span", _hoisted_14, toDisplayString(__props.order.payment.status || "Not defined"), 1)
+        ]),
+        __props.order.comment ? (openBlock(), createElementBlock("div", _hoisted_15, [
+          _cache[1] || (_cache[1] = createElementVNode("p", { class: "mn-b-thin t-transp uppercase p-small t-medium" }, "Comment", -1)),
+          createElementVNode("p", null, toDisplayString(__props.order.comment), 1)
+        ])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=CardOrderBackoffice.vue.js.map

package/dist/martyrs/src/modules/orders/components/blocks/CardOrderBackoffice.vue.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CardOrderBackoffice.vue.js","sources":["../../../../../../../src/modules/orders/components/blocks/CardOrderBackoffice.vue"],"sourcesContent":["<template>\n <div class=\"bg-light pos-relative pd-medium radius-medium\">\n <CardHeader \n :entity=\"order\"\n :entityType=\"'order'\"\n :user=\"user\"\n :owner=\"order.creator\" \n :creator=\"order.creator\"\n :date=\"order.createdAt\"\n class=\"mn-b-small\"\n />\n\n <div class=\"mn-b-small pd-small bg-white radius-small flex-nowrap flex\"> \n <div class=\"w-100\">\n <p class=\"t-truncate\">{{order.delivery.address || 'Not specified'}}</p> \n </div>\n\n <div class=\"w-100 t-right\">\n <h3 class=\"mn-b-thin\">{{currency}}{{getTotal(order.positions)}}</h3>\n <p>#{{order._id.slice(0, 4) + '...' + order._id.slice(-4)}}</p> \n </div>\n </div>\n \n <div class=\"cols-1 pos-relative mn-b-small gap-thin pd-small bg-white radius-small\">\n\t\t \n\t\t <template v-for=\"(position, index) in order.positions\">\n\t\t \t<transition name=\"moveFromTop\">\n\t\t\t <div \n\t\t\t v-if=\"index < 2 || (spoiler && index >= 2)\" \n\t\t\t :key=\"index\" \n\t\t\t class=\"w-100 flex\"\n\t\t\t >\n\t\t\t <p class=\"mn-r-auto\">{{ position.name }}</p>\n\t\t\t <p class=\"t-right\">\n\t\t\t {{ position.quantity }} {{ position.type }}\n\t\t\t x\n\t\t\t <span class=\"t-transp\">{{ currency }} {{ position.price }}</span>\n\t\t\t </p>\n\t\t\t </div>\n\t </transition>\n\t\t </template>\n\t\t\n\t\t \n\t\t <button\n\t\t v-if=\"order.positions.length > 2\"\n\t\t @click.prevent=\"spoiler = !spoiler\"\n\t\t class=\"cursor-pointer radius-big bg-light-transp-50 pd-nano w-100 flex-center flex\"\n\t\t >\n\t\t {{ !spoiler ? `+${order.positions.length - 2} more` : `Hide` }}\n\t\t </button>\n\t\t</div>\n\n <div class=\"pd-small bg-white radius-small gap-micro flex-v-center flex-nowrap flex\"> \n <IconTime class=\"i-semi t-transp\" fill=\"rgb(var(--black)\" />\n <p class=\"t-medium mn-r-auto\">{{formatDate(order.deadline)}}</p>\n\n <span \n class=\"flex-child flex-child-shrink-0 capitalize w-max t-medium radius-big pd-b-nano pd-t-nano pd-r-thin pd-l-thin bg-main\"\n >\n {{order.status}}\n </span>\n\n <span \n class=\"flex-child flex-child-shrink-0 capitalize w-max t-medium radius-big pd-b-nano pd-t-nano pd-r-thin pd-l-thin t-white bg-red\"\n >\n {{order.payment.status || 'Not defined'}}\n </span>\n </div>\n\n <div v-if=\"order.comment\" class=\"pos-relative radius-small bg-fifth-transp-10 mn-t-thin pd-small\">\n <p class=\"mn-b-thin t-transp uppercase p-small t-medium\">Comment</p>\n <p>{{order.comment}}</p>\n </div>\n </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\nimport CardHeader from '@martyrs/src/modules/globals/views/components/blocks/CardHeader.vue';\nimport IconTime from '@martyrs/src/modules/icons/entities/IconTime.vue';\n\nconst props = defineProps({\n order: {\n type: Object,\n required: true\n },\n user: {\n type: Object,\n required: true\n },\n formatDate: {\n type: Function,\n required: true\n },\n getTotal: {\n type: Function,\n required: true\n },\n currency: {\n type: String,\n default: ''\n }\n});\n\nconst spoiler = ref(false);\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwGA,UAAM,UAAU,IAAI,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,198 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueRouter = require("vue-router");
+const vueI18n = require("vue-i18n");
+const IconAdd = require("../../../icons/navigation/IconAdd.vue.cjs");
+const IconEdit = require("../../../icons/navigation/IconEdit.vue.cjs");
+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 _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 = {
+  class: "bg-light h-100 o-hidden pos-relative radius-small aspect-1x1",
+  style: { "flex": "1 0 auto" }
+};
+const _hoisted_4 = ["src"];
+const _hoisted_5 = { class: "w-100 pos-relative" };
+const _hoisted_6 = { class: "t-truncate t-medium" };
+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_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: {
+    productId: String,
+    variantId: String,
+    images: Array,
+    name: String,
+    quantity: Number,
+    unit: String,
+    dates: Object,
+    listing: String,
+    price: Number,
+    editable: Boolean,
+    increase: Function,
+    decrease: Function,
+    remove: Function
+  },
+  emits: ["increase", "decrease", "remove", "updateRentDates"],
+  setup(__props, { emit: __emit }) {
+    var _a, _b;
+    vueRouter.useRouter();
+    const { locale } = vueI18n.useI18n();
+    const { proxy } = vue.getCurrentInstance();
+    const emits = __emit;
+    const props = __props;
+    const isRental = vue.computed(() => props.listing === "rent");
+    const showControls = vue.computed(() => props.editable || isRental.value);
+    const rentDates = vue.ref({
+      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);
+      return Math.ceil(Math.abs(end - start) / (1e3 * 60 * 60 * 24)) + 1;
+    });
+    const totalPrice = vue.computed(() => {
+      if (isRental.value) {
+        return rentalDays.value * props.price * props.quantity;
+      }
+      return props.quantity * props.price;
+    });
+    vue.ref(false);
+    function increase() {
+      var _a2;
+      (_a2 = props.increase) == null ? void 0 : _a2.call(props);
+      emits("increase");
+    }
+    function decrease() {
+      var _a2;
+      (_a2 = props.decrease) == null ? void 0 : _a2.call(props);
+      emits("decrease");
+    }
+    function remove() {
+      var _a2;
+      (_a2 = props.remove) == null ? void 0 : _a2.call(props);
+      emits("remove");
+    }
+    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.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.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.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.createElementVNode("div", _hoisted_5, [
+            vue.createElementVNode("p", _hoisted_6, vue.toDisplayString(__props.name), 1),
+            vue.createElementVNode("div", null, [
+              __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)
+            ]),
+            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"
+                }),
+                vue.createElementVNode("p", {
+                  onClick: _cache[0] || (_cache[0] = ($event) => __props.editable ? openRentDatePopup : null),
+                  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 && !isRental.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                vue.createVNode(IconAdd.default, {
+                  onClick: increase,
+                  class: "hover-scale-1 cursor-pointer bg-light i-big pd-thin radius-small"
+                }),
+                vue.createVNode(IconMinus.default, {
+                  onClick: decrease,
+                  class: "hover-scale-1 cursor-pointer bg-light i-big pd-thin radius-small"
+                }),
+                vue.createVNode(IconDelete.default, {
+                  onClick: remove,
+                  class: "hover-scale-1 cursor-pointer bg-light i-big pd-thin radius-small"
+                })
+              ], 64)) : vue.createCommentVNode("", true),
+              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)
+          ])
+        ])
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=CardOrderItem.vue.cjs.map

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

@@ -0,0 +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\" 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}