@ozdao/martyrs 0.2.423

package/dist/martyrs/src/modules/globals/views/components/blocks/CardHeader.vue.js

@@ -0,0 +1,203 @@
+import { resolveComponent, createElementBlock, createCommentVNode, openBlock, createElementVNode, createBlock, withModifiers, resolveDynamicComponent, toDisplayString, withCtx, createTextVNode, Fragment, renderList, normalizeClass } from "vue";
+import { useRouter } from "vue-router";
+import _sfc_main$1 from "../../../../../components/Tooltip/Tooltip.vue2.js";
+import _sfc_main$3 from "../../../../../components/Dropdown/Dropdown.vue.js";
+import PlaceholderUserpic from "../../../../icons/placeholders/PlaceholderUserpic.vue.js";
+import PlaceholderOrganizationPic from "../../../../icons/placeholders/PlaceholderOrganizationPic.vue.js";
+import _sfc_main$4 from "../../../../icons/navigation/IconEllipsis.vue.js";
+import _sfc_main$5 from "../../../../reports/components/sections/FormReport.vue.js";
+/* empty css                                          */
+/* empty css                                           */
+import "../../../../auth/views/store/auth.js";
+import "../../../../organizations/store/memberships.js";
+import _sfc_main$2 from "../elements/PhotoStack.vue.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "pd-b-zero"
+};
+const _hoisted_2 = { class: "w-100 flex-v-center flex-nojustify flex" };
+const _hoisted_3 = { class: "w-100 p-medium flex-nowrap flex-v-center flex" };
+const _hoisted_4 = ["src"];
+const _hoisted_5 = {
+  key: 2,
+  class: "t-semi"
+};
+const _hoisted_6 = {
+  key: 1,
+  class: "mn-l-micro mn-r-micro"
+};
+const _hoisted_7 = {
+  key: 2,
+  class: "pos-relative"
+};
+const _hoisted_8 = { key: 3 };
+const _hoisted_9 = { class: "d-block mn-l-auto flex-nowrap flex flex-v-center" };
+const _hoisted_10 = { class: "bg-black flex-column flex gap-thin pd-thin radius-small" };
+const _hoisted_11 = ["onClick"];
+const _sfc_main = {
+  __name: "CardHeader",
+  props: [
+    "user",
+    "entity",
+    "entityType",
+    "date",
+    "dateFormatted",
+    "owner",
+    "creator",
+    "members",
+    "membersPhotos",
+    "type",
+    "actions"
+  ],
+  setup(__props) {
+    useRouter();
+    function getTimeElapsed(timestamp) {
+      const now = /* @__PURE__ */ new Date();
+      const createdAt = new Date(timestamp);
+      const timeDiff = Math.abs(now - createdAt);
+      const seconds = Math.floor(timeDiff / 1e3);
+      const minutes = Math.floor(seconds / 60);
+      const hours = Math.floor(minutes / 60);
+      const days = Math.floor(hours / 24);
+      const weeks = Math.floor(days / 7);
+      if (weeks > 0) {
+        return `${weeks} week${weeks > 1 ? "s" : ""} ago`;
+      } else if (days > 0) {
+        return `${days} day${days > 1 ? "s" : ""} ago`;
+      } else if (hours > 0) {
+        return `${hours} hour${hours > 1 ? "s" : ""} ago`;
+      } else if (minutes > 0) {
+        return `${minutes} minute${minutes > 1 ? "s" : ""} ago`;
+      } else {
+        return "Just now";
+      }
+    }
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
+      const _component_router_link = resolveComponent("router-link");
+      return __props.owner ? (openBlock(), createElementBlock("header", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            ((_c = (_b = (_a = __props.owner.target) == null ? void 0 : _a.profile) == null ? void 0 : _b.photo) == null ? void 0 : _c.length) > 0 && __props.type !== "short" ? (openBlock(), createElementBlock("img", {
+              key: 0,
+              loading: "lazy",
+              src: (_ctx.FILE_SERVER_URL || "") + __props.owner.target.profile.photo,
+              class: "radius-medium object-fit-cover mn-r-thin i-thin",
+              onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.$router.push({
+                name: __props.owner.type === "user" ? "User Profile" : "Organization",
+                params: {
+                  _id: __props.owner.target._id
+                }
+              }), ["stop"]))
+            }, null, 8, _hoisted_4)) : createCommentVNode("", true),
+            !((_e = (_d = __props.owner.target) == null ? void 0 : _d.profile) == null ? void 0 : _e.photo) && __props.type !== "short" ? (openBlock(), createBlock(resolveDynamicComponent(__props.owner.type === "user" ? PlaceholderUserpic : PlaceholderOrganizationPic), {
+              key: 1,
+              class: "radius-medium cursor-pointer mn-r-thin i-thin",
+              onClick: _cache[1] || (_cache[1] = withModifiers(($event) => _ctx.$router.push({
+                name: __props.owner.type === "user" ? "User Profile" : "Organization",
+                params: {
+                  _id: __props.owner.target._id
+                }
+              }), ["stop"]))
+            })) : createCommentVNode("", true),
+            __props.type !== "short" ? (openBlock(), createElementBlock("span", _hoisted_5, [
+              createElementVNode("span", {
+                onClick: _cache[2] || (_cache[2] = withModifiers(($event) => _ctx.$router.push({
+                  name: __props.owner.type === "user" ? "User Profile" : "Organization",
+                  params: {
+                    _id: __props.owner.target._id
+                  }
+                }), ["stop"])),
+                class: "cursor-pointer"
+              }, toDisplayString(((_g = (_f = __props.owner.target) == null ? void 0 : _f.profile) == null ? void 0 : _g.name) || ((_h = __props.creator.target) == null ? void 0 : _h.username) || "Anonymous"), 1),
+              !__props.creator.hidden && ((_j = (_i = __props.owner.target) == null ? void 0 : _i.profile) == null ? void 0 : _j.name) !== ((_l = (_k = __props.creator.target) == null ? void 0 : _k.profile) == null ? void 0 : _l.name) ? (openBlock(), createElementBlock("span", {
+                key: 0,
+                onClick: _cache[3] || (_cache[3] = withModifiers(($event) => {
+                  var _a2;
+                  return _ctx.$router.push({
+                    name: "User Profile",
+                    params: {
+                      _id: (_a2 = __props.creator.target) == null ? void 0 : _a2._id
+                    }
+                  });
+                }, ["stop"])),
+                class: "cursor-pointer"
+              }, " · by " + toDisplayString(((_n = (_m = __props.creator.target) == null ? void 0 : _m.profile) == null ? void 0 : _n.name) || ((_o = __props.creator.target) == null ? void 0 : _o.username) || "Anonymous"), 1)) : createCommentVNode("", true),
+              __props.date ? (openBlock(), createElementBlock("span", _hoisted_6, "·")) : createCommentVNode("", true),
+              __props.date ? (openBlock(), createElementBlock("span", _hoisted_7, [
+                __props.date ? (openBlock(), createBlock(_sfc_main$1, {
+                  key: 0,
+                  text: _ctx.formatDate(__props.date)
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(getTimeElapsed(__props.date)), 1)
+                  ]),
+                  _: 1
+                }, 8, ["text"])) : createCommentVNode("", true)
+              ])) : createCommentVNode("", true),
+              __props.dateFormatted ? (openBlock(), createElementBlock("span", _hoisted_8, " · " + toDisplayString(__props.dateFormatted), 1)) : createCommentVNode("", true)
+            ])) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_9, [
+              __props.members ? (openBlock(), createBlock(_sfc_main$2, {
+                key: 0,
+                number: __props.members,
+                photos: __props.membersPhotos
+              }, null, 8, ["number", "photos"])) : createCommentVNode("", true)
+            ]),
+            __props.type !== "short" && __props.user && (__props.user !== ((_p = __props.creator.target) == null ? void 0 : _p._id) || __props.actions && __props.actions.length > 0) ? (openBlock(), createBlock(_sfc_main$3, {
+              key: 3,
+              label: { component: _sfc_main$4, class: "t-transp i-regular" },
+              align: "right",
+              class: "cursor-pointer z-index-2"
+            }, {
+              default: withCtx(() => {
+                var _a2;
+                return [
+                  createElementVNode("section", _hoisted_10, [
+                    __props.user !== ((_a2 = __props.creator.target) == null ? void 0 : _a2._id) ? (openBlock(), createBlock(_sfc_main$5, {
+                      key: 0,
+                      user: __props.user,
+                      type: __props.entityType,
+                      target: __props.entity._id,
+                      text: "Report",
+                      class: "w-100"
+                    }, {
+                      default: withCtx(() => _cache[4] || (_cache[4] = [
+                        createElementVNode("button", { class: "w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button" }, " Report ", -1)
+                      ])),
+                      _: 1
+                    }, 8, ["user", "type", "target"])) : createCommentVNode("", true),
+                    __props.actions && __props.actions.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(__props.actions, (action) => {
+                      return openBlock(), createElementBlock(Fragment, null, [
+                        action.to ? (openBlock(), createBlock(_component_router_link, {
+                          key: action.to,
+                          to: action.to,
+                          class: normalizeClass(action.class || "w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button")
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(action.label), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["to", "class"])) : createCommentVNode("", true),
+                        action.method ? (openBlock(), createElementBlock("button", {
+                          key: 1,
+                          onClick: action.method,
+                          class: normalizeClass(action.class || "w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button")
+                        }, toDisplayString(action.label), 11, _hoisted_11)) : createCommentVNode("", true)
+                      ], 64);
+                    }), 256)) : createCommentVNode("", true)
+                  ])
+                ];
+              }),
+              _: 1
+            }, 8, ["label"])) : createCommentVNode("", true)
+          ])
+        ])
+      ])) : createCommentVNode("", true);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=CardHeader.vue.js.map

package/dist/martyrs/src/modules/globals/views/components/blocks/CardHeader.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardHeader.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/blocks/CardHeader.vue"],"sourcesContent":["<template>\n\t<header \n\t\tv-if=\"owner\" \n\t\tclass=\"pd-b-zero \"\n\t>\n\t\t<div \n\t\t\tclass=\"w-100 flex-v-center flex-nojustify flex\"\n\t\t>\n\n\t\t\t<div\n\t\t\t\tclass=\"w-100 p-medium flex-nowrap flex-v-center flex\"\n\t\t\t>\n\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\tv-if=\"owner.target?.profile?.photo?.length > 0 && type !== 'short'\" \n\t\t\t\t\t:src=\"(FILE_SERVER_URL || '') + owner.target.profile.photo\" \n\t\t\t\t\tclass=\"radius-medium object-fit-cover mn-r-thin i-thin\" \n\n\t\t\t\t\t@click.stop=\"$router.push({\n\t\t\t\t\t\tname: owner.type === 'user' ? 'User Profile' : 'Organization', \n\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t_id: owner.target._id\n\t\t\t\t\t\t}\n\t\t\t\t\t})\" \n\t\t\t\t/>\n\n\t\t\t\t<component\n\t\t\t\t\tv-if=\"!owner.target?.profile?.photo && type !== 'short'\"\n\t\t\t\t\t:is=\"owner.type === 'user' ? PlaceholderUserpic : PlaceholderOrganizationPic\"\n\t\t\t\t\tclass=\"radius-medium cursor-pointer mn-r-thin i-thin\"\n\n\t\t\t\t\t@click.stop=\"$router.push({\n\t\t\t\t\t\tname: owner.type === 'user' ? 'User Profile' : 'Organization', \n\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t_id: owner.target._id\n\t\t\t\t\t\t}\n\t\t\t\t\t})\" \n\t\t\t\t/>\n\n\t\t\t\t<span \n\t\t\t\t\tv-if=\"type !== 'short'\"\n\t\t\t\t\tclass=\"t-semi \"\n\t\t\t\t>\n\t\t\t\t\t<span \n\t\t\t\t\t\t@click.stop=\"$router.push({\n\t\t\t\t\t\t\tname: owner.type === 'user' ? 'User Profile' : 'Organization', \n\t\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t\t_id: owner.target._id\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\" \n\t\t\t\t\t\tclass=\"cursor-pointer\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{{owner.target?.profile?.name || creator.target?.username || 'Anonymous'}}\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<span\n\t\t\t\t\t\tv-if=\"!creator.hidden && owner.target?.profile?.name !== creator.target?.profile?.name\"\n\t\t\t\t\t\t@click.stop=\"$router.push({\n\t\t\t\t\t\t\tname: 'User Profile', \n\t\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t\t_id: creator.target?._id\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\" \n\t\t\t\t\t\tclass=\"cursor-pointer\"\n\t\t\t\t\t>\n\t\t\t\t\t\t· by {{creator.target?.profile?.name || creator.target?.username || 'Anonymous'}}\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<span v-if=\"date\" class=\"mn-l-micro mn-r-micro \">·</span> \n\n\t\t\t\t\t<span v-if=\"date\" class=\"pos-relative\">\n\t\t\t\t\t\t<Tooltip v-if=\"date\" :text=\"formatDate(date)\">\n\t\t\t\t\t \t\t{{getTimeElapsed(date)}}\n\t\t\t\t\t \t</Tooltip>\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<span v-if=\"dateFormatted\">\n\t\t\t\t\t\t· {{dateFormatted}}\n\t\t\t\t\t</span>\n\t\t\t\t</span>\n\t\t\t\t\n\n\t\t\t\t<!-- Participaters avatar -->\n\n\t\t\t\t<div class=\"d-block mn-l-auto flex-nowrap flex flex-v-center\">\n\t\t\t\t\t\n\t\t\t\t\t<PhotoStack\n\t\t\t\t\t\tv-if=\"members\"\n\t\t\t\t\t\t:number=\"members\"\n\t\t\t    \t:photos=\"membersPhotos\" \n\t\t\t    />\n\t\t\t\t</div>\n\n\t\t\t\t<!-- Report -->\n\t\t\t\t<Dropdown \n\t\t\t\t\tv-if=\"type !== 'short' && user && (user !== creator.target?._id || (actions && actions.length > 0))\"\n\t\t\t\t\t:label=\"{ component: IconEllipsis, class: 't-transp i-regular' }\"\n\t\t\t\t\t:align=\"'right'\"\n\t\t\t\t\tclass=\"cursor-pointer z-index-2\"\n\t\t\t\t>\n\t\t\t\t\t<section \n\t\t\t\t\t\tclass=\"bg-black flex-column flex gap-thin pd-thin radius-small\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<FormReport \n\t\t\t\t\t\t\tv-if=\"user !== creator.target?._id\"\n\t\t\t\t\t\t\t:user=\"user\"\n\t\t\t\t\t\t\t:type=\"entityType\" \n\t\t\t\t\t\t\t:target=\"entity._id\" \n\t\t\t\t\t\t\t:text=\"'Report'\" \n\t\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<button \n\t\t\t\t\t\t\t\tclass=\"w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tReport\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</FormReport>\n\n\t\t\t\t\t\t<template  \n\t\t\t        v-for=\"action in actions\"   \n\t\t\t        v-if=\"actions && actions.length > 0\"\n\t\t\t      >\n\t\t\t        <router-link\n\t\t\t          v-if=\"action.to\"\n\t\t\t          :key=\"action.to\"\n\t\t\t          :to=\"action.to\"\n\t\t\t          :class=\"action.class || 'w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button'\"\n\t\t\t        >\n\t\t\t          {{ action.label }}\n\t\t\t        </router-link>\n\n\t\t\t        <button\n\t\t\t          v-if=\"action.method\"\n\t\t\t          @click=\"action.method\"\n\t\t\t          :class=\"action.class || 'w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button'\"\n\t\t\t        >\n\t\t\t          {{ action.label }}\n\t\t\t        </button>\n\t\t\t      </template>\n\t\t\t\t\t</section>\n\t\t    </Dropdown>\t\n\t\t\t</div>\n\t\t</div>\n\t</header>\n</template>\n\n\n<script setup=\"props\">\n\timport { computed,ref } from 'vue'\n\n\timport { useRouter } from 'vue-router'\n\n\timport Tooltip from '@martyrs/src/components/Tooltip/Tooltip.vue'\n\timport Dropdown from \"@martyrs/src/components/Dropdown/Dropdown.vue\";\n\n\timport PlaceholderUserpic from '@martyrs/src/modules/icons/placeholders/PlaceholderUserpic.vue'\n\timport PlaceholderOrganizationPic from '@martyrs/src/modules/icons/placeholders/PlaceholderOrganizationPic.vue'\n\timport IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue'\n\n\timport FormReport from '@martyrs/src/modules/reports/components/sections/FormReport.vue'   \n\timport ButtonToggleMembership from '@martyrs/src/modules/organizations/components/elements/ButtonToggleMembership.vue'\n\n\timport PhotoStack from \"@martyrs/src/modules/globals/views/components/elements/PhotoStack.vue\"\n\n\n\tconst props = defineProps([\n\t\t'user',\n\t\t'entity',\n\t\t'entityType',\n\t\t'date',\n\t\t'dateFormatted',\n\t\t'owner',\n\t\t'creator',\n\t\t'members',\n\t\t'membersPhotos',\n\t\t'type',\n\t\t'actions'\n\t])\n\n\tconst router = useRouter()\n\n\tfunction getTimeElapsed(timestamp) {\n\t  const now = new Date();\n\t  const createdAt = new Date(timestamp);\n\t  const timeDiff = Math.abs(now - createdAt);\n\t  const seconds = Math.floor(timeDiff / 1000);\n\t  const minutes = Math.floor(seconds / 60);\n\t  const hours = Math.floor(minutes / 60);\n\t  const days = Math.floor(hours / 24);\n\t  const weeks = Math.floor(days / 7);\n\t  \n\t  if (weeks > 0) {\n\t    return `${weeks} week${weeks > 1 ? 's' : ''} ago`;\n\t  } else if (days > 0) {\n\t    return `${days} day${days > 1 ? 's' : ''} ago`;\n\t  } else if (hours > 0) {\n\t    return `${hours} hour${hours > 1 ? 's' : ''} ago`;\n\t  } else if (minutes > 0) {\n\t    return `${minutes} minute${minutes > 1 ? 's' : ''} ago`;\n\t  } else {\n\t    return 'Just now';\n\t  }\n\t}\n\n</script>\n\n<style lang=\"scss\">\n</style>\n\n\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkLgB,cAAS;AAExB,aAAS,eAAe,WAAW;AACjC,YAAM,MAAM,oBAAI,KAAM;AACtB,YAAM,YAAY,IAAI,KAAK,SAAS;AACpC,YAAM,WAAW,KAAK,IAAI,MAAM,SAAS;AACzC,YAAM,UAAU,KAAK,MAAM,WAAW,GAAI;AAC1C,YAAM,UAAU,KAAK,MAAM,UAAU,EAAE;AACvC,YAAM,QAAQ,KAAK,MAAM,UAAU,EAAE;AACrC,YAAM,OAAO,KAAK,MAAM,QAAQ,EAAE;AAClC,YAAM,QAAQ,KAAK,MAAM,OAAO,CAAC;AAEjC,UAAI,QAAQ,GAAG;AACb,eAAO,GAAG,KAAK,QAAQ,QAAQ,IAAI,MAAM,EAAE;AAAA,MAChD,WAAc,OAAO,GAAG;AACnB,eAAO,GAAG,IAAI,OAAO,OAAO,IAAI,MAAM,EAAE;AAAA,MAC7C,WAAc,QAAQ,GAAG;AACpB,eAAO,GAAG,KAAK,QAAQ,QAAQ,IAAI,MAAM,EAAE;AAAA,MAChD,WAAc,UAAU,GAAG;AACtB,eAAO,GAAG,OAAO,UAAU,UAAU,IAAI,MAAM,EAAE;AAAA,MACtD,OAAU;AACL,eAAO;AAAA,MACZ;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/globals/views/components/blocks/PopupDateSelector.vue.cjs

@@ -0,0 +1,175 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueI18n = require("vue-i18n");
+const Popup = require("../../../../../components/Popup/Popup.vue.cjs");
+const Loader = require("../../../../../components/Loader/Loader.vue2.cjs");
+const Calendar = require("../../../../../components/DatePicker/Calendar.vue.cjs");
+const Button = require("../../../../../components/Button/Button.vue.cjs");
+const IconShopcartAdd = require("../../../../icons/actions/IconShopcartAdd.vue.cjs");
+const PriceTotal = require("../../../../orders/components/elements/PriceTotal.vue.cjs");
+const rents_store = require("../../../../rents/views/store/rents.store.cjs");
+const _hoisted_1 = {
+  key: 0,
+  class: "flex w-100 mn-t-thin bg-light radius-small flex-center pd-thin mn-b-thin"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "pd-small t-error"
+};
+const _hoisted_3 = { class: "gap-thin flex flex-center flex-nowrap" };
+const _sfc_main = {
+  __name: "PopupDateSelector",
+  props: {
+    product: { type: Object, required: true },
+    isOpen: { type: Boolean, required: true },
+    showFees: { type: Boolean, default: false },
+    showVat: { type: Boolean, default: false },
+    feesRate: { type: Number, default: 0 },
+    vatRate: { type: Number, default: 0 },
+    onConfirm: { type: Function, required: true },
+    onCancel: { type: Function, default: null },
+    showCancelButton: { type: Boolean, default: false }
+  },
+  emits: ["close"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { t } = vueI18n.useI18n({
+      messages: {
+        en: {
+          addtoorder: "Add to Shopcart"
+        }
+      }
+    });
+    const selectedDates = vue.ref({ start: null, end: null });
+    const availabilityData = vue.ref([]);
+    const isLoading = vue.ref(false);
+    const availabilityError = vue.ref(null);
+    const isAvailable = vue.ref(true);
+    async function loadAvailabilityData() {
+      if (!props.product || !props.product._id) return;
+      isLoading.value = true;
+      availabilityError.value = null;
+      try {
+        const today = /* @__PURE__ */ new Date();
+        const start = new Date(today.getFullYear(), today.getMonth(), 1);
+        const end = new Date(today.getFullYear(), today.getMonth() + 2, 0);
+        const data = await rents_store.loadAvailability({
+          productId: props.product._id,
+          startDate: start.toISOString().split("T")[0],
+          endDate: end.toISOString().split("T")[0]
+        });
+        if (data && data.availability) {
+          availabilityData.value = data.availability;
+        }
+      } catch (error) {
+        console.error("Error loading availability data:", error);
+        availabilityError.value = "Failed to load availability data. Please try again.";
+      } finally {
+        isLoading.value = false;
+      }
+    }
+    function calculateDays(start, end) {
+      if (!start || !end) return 0;
+      const startDate = new Date(start);
+      const endDate = new Date(end);
+      const diffTime = endDate - startDate;
+      const diffDays = Math.ceil(diffTime / (1e3 * 60 * 60 * 24)) + 1;
+      return diffDays > 0 ? diffDays : 0;
+    }
+    const numberOfDays = vue.computed(() => calculateDays(selectedDates.value.start, selectedDates.value.end));
+    const totalAmount = vue.computed(() => props.product.price * numberOfDays.value);
+    function closePopup() {
+      emit("close");
+    }
+    function confirmSelection() {
+      if (selectedDates.value.start && selectedDates.value.end && isAvailable.value) {
+        props.onConfirm(selectedDates.value);
+        closePopup();
+      }
+    }
+    function cancelSelection() {
+      if (props.onCancel) {
+        props.onCancel();
+      }
+      closePopup();
+    }
+    vue.watch([() => selectedDates.value.start, () => selectedDates.value.end], ([newStart, newEnd]) => {
+    }, { immediate: false });
+    vue.watch(() => props.isOpen, (newVal) => {
+      if (newVal) {
+        loadAvailabilityData();
+      } else {
+        selectedDates.value = { start: null, end: null };
+        availabilityError.value = null;
+      }
+    }, { immediate: true });
+    vue.onMounted(() => {
+      if (props.isOpen) {
+        loadAvailabilityData();
+      }
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(Popup.default, {
+        onClosePopup: closePopup,
+        isPopupOpen: __props.isOpen,
+        class: "radius-medium tablet:w-min-30r pd-medium bg-white o-hidden"
+      }, {
+        default: vue.withCtx(() => [
+          _cache[2] || (_cache[2] = vue.createElementVNode("h5", { class: "w-100 t-center mn-b-small" }, "Select Rent Period", -1)),
+          vue.createVNode(Calendar.default, {
+            date: selectedDates.value,
+            "onUpdate:date": _cache[0] || (_cache[0] = ($event) => selectedDates.value = $event),
+            allowRange: true,
+            disablePastDates: true,
+            availabilityData: availabilityData.value,
+            showAvailability: true,
+            lowAvailabilityThreshold: 3,
+            class: "bg-light radius-small",
+            disabled: isLoading.value
+          }, null, 8, ["date", "availabilityData", "disabled"]),
+          isLoading.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+            vue.createVNode(Loader.default, { centered: false }),
+            _cache[1] || (_cache[1] = vue.createElementVNode("span", null, "Loading availability data...", -1))
+          ])) : vue.createCommentVNode("", true),
+          availabilityError.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, vue.toDisplayString(availabilityError.value), 1)) : vue.createCommentVNode("", true),
+          vue.createVNode(PriceTotal.default, {
+            totalPrice: totalAmount.value,
+            currency: __props.product.price_currency,
+            showFees: __props.showFees,
+            feesRate: __props.feesRate,
+            showVat: __props.showVat,
+            vatRate: __props.vatRate
+          }, null, 8, ["totalPrice", "currency", "showFees", "feesRate", "showVat", "vatRate"]),
+          vue.createVNode(Button.default, {
+            onClick: confirmSelection,
+            disabled: !selectedDates.value.start || !selectedDates.value.end || isLoading.value || !isAvailable.value,
+            class: "h-3r w-100 bg-main button"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createElementVNode("div", _hoisted_3, [
+                vue.createVNode(IconShopcartAdd.default, { class: "i-semi icon-button-main" }),
+                vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(t)("addtoorder")), 1)
+              ])
+            ]),
+            _: 1
+          }, 8, ["disabled"]),
+          __props.showCancelButton ? (vue.openBlock(), vue.createBlock(Button.default, {
+            key: 2,
+            onClick: cancelSelection,
+            class: "mn-t-thin h-3r w-100 t-white bg-red button"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(t)("remove")), 1)
+            ]),
+            _: 1
+          })) : vue.createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["isPopupOpen"]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=PopupDateSelector.vue.cjs.map

package/dist/martyrs/src/modules/globals/views/components/blocks/PopupDateSelector.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopupDateSelector.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/blocks/PopupDateSelector.vue"],"sourcesContent":["<template>\n  <Popup @close-popup=\"closePopup\" :isPopupOpen=\"isOpen\" class=\"radius-medium tablet:w-min-30r pd-medium bg-white o-hidden\">\n    <h5 class=\"w-100 t-center mn-b-small\">Select Rent Period</h5>\n    <Calendar\n      v-model:date=\"selectedDates\"\n      :allowRange=\"true\"\n      :disablePastDates=\"true\"\n      :availabilityData=\"availabilityData\"\n      :showAvailability=\"true\"\n      :lowAvailabilityThreshold=\"3\"\n      class=\"bg-light radius-small\"\n      :disabled=\"isLoading\"\n    />\n    <div v-if=\"isLoading\" class=\"flex w-100 mn-t-thin bg-light radius-small flex-center pd-thin mn-b-thin\">\n      <Loader :centered=\"false\" />\n      <span>Loading availability data...</span>\n    </div>\n\n    <div v-if=\"availabilityError\" class=\"pd-small t-error\">\n      {{ availabilityError }}\n    </div>\n    \n    <PriceTotal\n      :totalPrice=\"totalAmount\"\n      :currency=\"product.price_currency\"\n      :showFees=\"showFees\"\n      :feesRate=\"feesRate\"\n      :showVat=\"showVat\"\n      :vatRate=\"vatRate\"\n    />\n    <Button\n      @click=\"confirmSelection\"\n      :disabled=\"!selectedDates.start || !selectedDates.end || isLoading || !isAvailable\"\n      class=\"h-3r w-100 bg-main button\"\n    >\n      <div class=\"gap-thin flex flex-center flex-nowrap\">\n        <IconShopcartAdd class=\"i-semi icon-button-main\" />\n        <span>{{t('addtoorder')}}</span>\n      </div>\n    </Button>\n      <Button\n        v-if=\"showCancelButton\"\n        @click=\"cancelSelection\"\n        class=\"mn-t-thin h-3r w-100 t-white bg-red button\"\n      >\n        <span>{{ t('remove') }}</span>\n      </Button>\n  </Popup>\n</template>\n\n<script setup>\nimport { ref, computed, watch, onMounted } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport Popup from '@martyrs/src/components/Popup/Popup.vue'\nimport Loader from '@martyrs/src/components/Loader/Loader.vue'\nimport Calendar from '@martyrs/src/components/DatePicker/Calendar.vue'\nimport Button from '@martyrs/src/components/Button/Button.vue'\nimport IconShopcartAdd from '@martyrs/src/modules/icons/actions/IconShopcartAdd.vue'\nimport PriceTotal from '@martyrs/src/modules/orders/components/elements/PriceTotal.vue'\n// Import the store actions\nimport * as rents from '@martyrs/src/modules/rents/views/store/rents.store.js'\n\nconst props = defineProps({\n  product: { type: Object, required: true },\n  isOpen: { type: Boolean, required: true },\n  showFees: { type: Boolean, default: false },\n  showVat: { type: Boolean, default: false },\n  feesRate: { type: Number, default: 0 },\n  vatRate: { type: Number, default: 0 },\n  onConfirm: { type: Function, required: true },\n  onCancel: { type: Function, default: null },\n  showCancelButton: { type: Boolean, default: false }\n})\n\nconst emit = defineEmits(['close'])\nconst { t } = useI18n({\n  messages: {\n    en: {\n      addtoorder: 'Add to Shopcart'\n    }\n  }\n})\n\nconst selectedDates = ref({ start: null, end: null })\nconst availabilityData = ref([])\nconst isLoading = ref(false)\nconst availabilityError = ref(null)\nconst isAvailable = ref(true)\n\n// Load availability data for the current month and next month\nasync function loadAvailabilityData() {\n  if (!props.product || !props.product._id) return;\n  \n  isLoading.value = true;\n  availabilityError.value = null;\n  \n  try {\n    const today = new Date();\n    const start = new Date(today.getFullYear(), today.getMonth(), 1);\n    const end = new Date(today.getFullYear(), today.getMonth() + 2, 0);\n    \n    const data = await rents.loadAvailability({\n      productId: props.product._id,\n      startDate: start.toISOString().split('T')[0],\n      endDate: end.toISOString().split('T')[0]\n    });\n    \n    if (data && data.availability) {\n      availabilityData.value = data.availability;\n    }\n  } catch (error) {\n    console.error('Error loading availability data:', error);\n    availabilityError.value = 'Failed to load availability data. Please try again.';\n  } finally {\n    isLoading.value = false;\n  }\n}\n\n// Check availability for selected date range\nasync function checkAvailability() {\n  if (!selectedDates.value.start || !selectedDates.value.end || !props.product || !props.product._id) {\n    isAvailable.value = false;\n    return;\n  }\n  \n  isLoading.value = true;\n  availabilityError.value = null;\n  \n  try {\n    const data = await rents.loadAvailability({\n      productId: props.product._id,\n      startDate: selectedDates.value.start.split('T')[0],\n      endDate: selectedDates.value.end.split('T')[0]\n    });\n    \n    isAvailable.value = data.available > 0;\n    \n    if (!isAvailable.value) {\n      availabilityError.value = 'Product is not available for the selected dates.';\n    }\n  } catch (error) {\n    console.error('Error checking availability:', error);\n    availabilityError.value = 'Failed to check availability. Please try again.';\n    isAvailable.value = false;\n  } finally {\n    isLoading.value = false;\n  }\n}\n\nfunction calculateDays(start, end) {\n  if (!start || !end) return 0\n  const startDate = new Date(start)\n  const endDate = new Date(end)\n  const diffTime = endDate - startDate\n  const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24)) + 1\n  return diffDays > 0 ? diffDays : 0\n}\n\nconst numberOfDays = computed(() => calculateDays(selectedDates.value.start, selectedDates.value.end))\nconst totalAmount = computed(() => props.product.price * numberOfDays.value)\n\nfunction closePopup() {\n  emit('close')\n}\n\nfunction confirmSelection() {\n  if (selectedDates.value.start && selectedDates.value.end && isAvailable.value) {\n    props.onConfirm(selectedDates.value)\n    closePopup()\n  }\n}\n\nfunction cancelSelection() {\n  if (props.onCancel) {\n    props.onCancel()\n  }\n  closePopup()\n}\n\nwatch([() => selectedDates.value.start, () => selectedDates.value.end], ([newStart, newEnd]) => {\n  if (newStart && newEnd) {\n    // checkAvailability();\n  }\n}, { immediate: false });\n\nwatch(() => props.isOpen, (newVal) => {\n  if (newVal) {\n    loadAvailabilityData();\n  } else {\n    selectedDates.value = { start: null, end: null };\n    availabilityError.value = null;\n  }\n}, { immediate: true });\n\nonMounted(() => {\n  if (props.isOpen) {\n    loadAvailabilityData();\n  }\n});\n</script>"],"names":["useI18n","ref","rents.loadAvailability","computed","watch","onMounted"],"mappings":"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"}

package/dist/martyrs/src/modules/globals/views/components/blocks/PopupDateSelector.vue.js

@@ -0,0 +1,175 @@
+import { ref, computed, watch, onMounted, createBlock, openBlock, withCtx, createElementVNode, createVNode, createElementBlock, createCommentVNode, toDisplayString, unref } from "vue";
+import { useI18n } from "vue-i18n";
+import _sfc_main$1 from "../../../../../components/Popup/Popup.vue.js";
+import Loader from "../../../../../components/Loader/Loader.vue2.js";
+import Calendar from "../../../../../components/DatePicker/Calendar.vue.js";
+import _sfc_main$3 from "../../../../../components/Button/Button.vue.js";
+import _sfc_main$4 from "../../../../icons/actions/IconShopcartAdd.vue.js";
+import _sfc_main$2 from "../../../../orders/components/elements/PriceTotal.vue.js";
+import { loadAvailability } from "../../../../rents/views/store/rents.store.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "flex w-100 mn-t-thin bg-light radius-small flex-center pd-thin mn-b-thin"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "pd-small t-error"
+};
+const _hoisted_3 = { class: "gap-thin flex flex-center flex-nowrap" };
+const _sfc_main = {
+  __name: "PopupDateSelector",
+  props: {
+    product: { type: Object, required: true },
+    isOpen: { type: Boolean, required: true },
+    showFees: { type: Boolean, default: false },
+    showVat: { type: Boolean, default: false },
+    feesRate: { type: Number, default: 0 },
+    vatRate: { type: Number, default: 0 },
+    onConfirm: { type: Function, required: true },
+    onCancel: { type: Function, default: null },
+    showCancelButton: { type: Boolean, default: false }
+  },
+  emits: ["close"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { t } = useI18n({
+      messages: {
+        en: {
+          addtoorder: "Add to Shopcart"
+        }
+      }
+    });
+    const selectedDates = ref({ start: null, end: null });
+    const availabilityData = ref([]);
+    const isLoading = ref(false);
+    const availabilityError = ref(null);
+    const isAvailable = ref(true);
+    async function loadAvailabilityData() {
+      if (!props.product || !props.product._id) return;
+      isLoading.value = true;
+      availabilityError.value = null;
+      try {
+        const today = /* @__PURE__ */ new Date();
+        const start = new Date(today.getFullYear(), today.getMonth(), 1);
+        const end = new Date(today.getFullYear(), today.getMonth() + 2, 0);
+        const data = await loadAvailability({
+          productId: props.product._id,
+          startDate: start.toISOString().split("T")[0],
+          endDate: end.toISOString().split("T")[0]
+        });
+        if (data && data.availability) {
+          availabilityData.value = data.availability;
+        }
+      } catch (error) {
+        console.error("Error loading availability data:", error);
+        availabilityError.value = "Failed to load availability data. Please try again.";
+      } finally {
+        isLoading.value = false;
+      }
+    }
+    function calculateDays(start, end) {
+      if (!start || !end) return 0;
+      const startDate = new Date(start);
+      const endDate = new Date(end);
+      const diffTime = endDate - startDate;
+      const diffDays = Math.ceil(diffTime / (1e3 * 60 * 60 * 24)) + 1;
+      return diffDays > 0 ? diffDays : 0;
+    }
+    const numberOfDays = computed(() => calculateDays(selectedDates.value.start, selectedDates.value.end));
+    const totalAmount = computed(() => props.product.price * numberOfDays.value);
+    function closePopup() {
+      emit("close");
+    }
+    function confirmSelection() {
+      if (selectedDates.value.start && selectedDates.value.end && isAvailable.value) {
+        props.onConfirm(selectedDates.value);
+        closePopup();
+      }
+    }
+    function cancelSelection() {
+      if (props.onCancel) {
+        props.onCancel();
+      }
+      closePopup();
+    }
+    watch([() => selectedDates.value.start, () => selectedDates.value.end], ([newStart, newEnd]) => {
+    }, { immediate: false });
+    watch(() => props.isOpen, (newVal) => {
+      if (newVal) {
+        loadAvailabilityData();
+      } else {
+        selectedDates.value = { start: null, end: null };
+        availabilityError.value = null;
+      }
+    }, { immediate: true });
+    onMounted(() => {
+      if (props.isOpen) {
+        loadAvailabilityData();
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        onClosePopup: closePopup,
+        isPopupOpen: __props.isOpen,
+        class: "radius-medium tablet:w-min-30r pd-medium bg-white o-hidden"
+      }, {
+        default: withCtx(() => [
+          _cache[2] || (_cache[2] = createElementVNode("h5", { class: "w-100 t-center mn-b-small" }, "Select Rent Period", -1)),
+          createVNode(Calendar, {
+            date: selectedDates.value,
+            "onUpdate:date": _cache[0] || (_cache[0] = ($event) => selectedDates.value = $event),
+            allowRange: true,
+            disablePastDates: true,
+            availabilityData: availabilityData.value,
+            showAvailability: true,
+            lowAvailabilityThreshold: 3,
+            class: "bg-light radius-small",
+            disabled: isLoading.value
+          }, null, 8, ["date", "availabilityData", "disabled"]),
+          isLoading.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+            createVNode(Loader, { centered: false }),
+            _cache[1] || (_cache[1] = createElementVNode("span", null, "Loading availability data...", -1))
+          ])) : createCommentVNode("", true),
+          availabilityError.value ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(availabilityError.value), 1)) : createCommentVNode("", true),
+          createVNode(_sfc_main$2, {
+            totalPrice: totalAmount.value,
+            currency: __props.product.price_currency,
+            showFees: __props.showFees,
+            feesRate: __props.feesRate,
+            showVat: __props.showVat,
+            vatRate: __props.vatRate
+          }, null, 8, ["totalPrice", "currency", "showFees", "feesRate", "showVat", "vatRate"]),
+          createVNode(_sfc_main$3, {
+            onClick: confirmSelection,
+            disabled: !selectedDates.value.start || !selectedDates.value.end || isLoading.value || !isAvailable.value,
+            class: "h-3r w-100 bg-main button"
+          }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_3, [
+                createVNode(_sfc_main$4, { class: "i-semi icon-button-main" }),
+                createElementVNode("span", null, toDisplayString(unref(t)("addtoorder")), 1)
+              ])
+            ]),
+            _: 1
+          }, 8, ["disabled"]),
+          __props.showCancelButton ? (openBlock(), createBlock(_sfc_main$3, {
+            key: 2,
+            onClick: cancelSelection,
+            class: "mn-t-thin h-3r w-100 t-white bg-red button"
+          }, {
+            default: withCtx(() => [
+              createElementVNode("span", null, toDisplayString(unref(t)("remove")), 1)
+            ]),
+            _: 1
+          })) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["isPopupOpen"]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=PopupDateSelector.vue.js.map

package/dist/martyrs/src/modules/globals/views/components/blocks/PopupDateSelector.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopupDateSelector.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/blocks/PopupDateSelector.vue"],"sourcesContent":["<template>\n  <Popup @close-popup=\"closePopup\" :isPopupOpen=\"isOpen\" class=\"radius-medium tablet:w-min-30r pd-medium bg-white o-hidden\">\n    <h5 class=\"w-100 t-center mn-b-small\">Select Rent Period</h5>\n    <Calendar\n      v-model:date=\"selectedDates\"\n      :allowRange=\"true\"\n      :disablePastDates=\"true\"\n      :availabilityData=\"availabilityData\"\n      :showAvailability=\"true\"\n      :lowAvailabilityThreshold=\"3\"\n      class=\"bg-light radius-small\"\n      :disabled=\"isLoading\"\n    />\n    <div v-if=\"isLoading\" class=\"flex w-100 mn-t-thin bg-light radius-small flex-center pd-thin mn-b-thin\">\n      <Loader :centered=\"false\" />\n      <span>Loading availability data...</span>\n    </div>\n\n    <div v-if=\"availabilityError\" class=\"pd-small t-error\">\n      {{ availabilityError }}\n    </div>\n    \n    <PriceTotal\n      :totalPrice=\"totalAmount\"\n      :currency=\"product.price_currency\"\n      :showFees=\"showFees\"\n      :feesRate=\"feesRate\"\n      :showVat=\"showVat\"\n      :vatRate=\"vatRate\"\n    />\n    <Button\n      @click=\"confirmSelection\"\n      :disabled=\"!selectedDates.start || !selectedDates.end || isLoading || !isAvailable\"\n      class=\"h-3r w-100 bg-main button\"\n    >\n      <div class=\"gap-thin flex flex-center flex-nowrap\">\n        <IconShopcartAdd class=\"i-semi icon-button-main\" />\n        <span>{{t('addtoorder')}}</span>\n      </div>\n    </Button>\n      <Button\n        v-if=\"showCancelButton\"\n        @click=\"cancelSelection\"\n        class=\"mn-t-thin h-3r w-100 t-white bg-red button\"\n      >\n        <span>{{ t('remove') }}</span>\n      </Button>\n  </Popup>\n</template>\n\n<script setup>\nimport { ref, computed, watch, onMounted } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport Popup from '@martyrs/src/components/Popup/Popup.vue'\nimport Loader from '@martyrs/src/components/Loader/Loader.vue'\nimport Calendar from '@martyrs/src/components/DatePicker/Calendar.vue'\nimport Button from '@martyrs/src/components/Button/Button.vue'\nimport IconShopcartAdd from '@martyrs/src/modules/icons/actions/IconShopcartAdd.vue'\nimport PriceTotal from '@martyrs/src/modules/orders/components/elements/PriceTotal.vue'\n// Import the store actions\nimport * as rents from '@martyrs/src/modules/rents/views/store/rents.store.js'\n\nconst props = defineProps({\n  product: { type: Object, required: true },\n  isOpen: { type: Boolean, required: true },\n  showFees: { type: Boolean, default: false },\n  showVat: { type: Boolean, default: false },\n  feesRate: { type: Number, default: 0 },\n  vatRate: { type: Number, default: 0 },\n  onConfirm: { type: Function, required: true },\n  onCancel: { type: Function, default: null },\n  showCancelButton: { type: Boolean, default: false }\n})\n\nconst emit = defineEmits(['close'])\nconst { t } = useI18n({\n  messages: {\n    en: {\n      addtoorder: 'Add to Shopcart'\n    }\n  }\n})\n\nconst selectedDates = ref({ start: null, end: null })\nconst availabilityData = ref([])\nconst isLoading = ref(false)\nconst availabilityError = ref(null)\nconst isAvailable = ref(true)\n\n// Load availability data for the current month and next month\nasync function loadAvailabilityData() {\n  if (!props.product || !props.product._id) return;\n  \n  isLoading.value = true;\n  availabilityError.value = null;\n  \n  try {\n    const today = new Date();\n    const start = new Date(today.getFullYear(), today.getMonth(), 1);\n    const end = new Date(today.getFullYear(), today.getMonth() + 2, 0);\n    \n    const data = await rents.loadAvailability({\n      productId: props.product._id,\n      startDate: start.toISOString().split('T')[0],\n      endDate: end.toISOString().split('T')[0]\n    });\n    \n    if (data && data.availability) {\n      availabilityData.value = data.availability;\n    }\n  } catch (error) {\n    console.error('Error loading availability data:', error);\n    availabilityError.value = 'Failed to load availability data. Please try again.';\n  } finally {\n    isLoading.value = false;\n  }\n}\n\n// Check availability for selected date range\nasync function checkAvailability() {\n  if (!selectedDates.value.start || !selectedDates.value.end || !props.product || !props.product._id) {\n    isAvailable.value = false;\n    return;\n  }\n  \n  isLoading.value = true;\n  availabilityError.value = null;\n  \n  try {\n    const data = await rents.loadAvailability({\n      productId: props.product._id,\n      startDate: selectedDates.value.start.split('T')[0],\n      endDate: selectedDates.value.end.split('T')[0]\n    });\n    \n    isAvailable.value = data.available > 0;\n    \n    if (!isAvailable.value) {\n      availabilityError.value = 'Product is not available for the selected dates.';\n    }\n  } catch (error) {\n    console.error('Error checking availability:', error);\n    availabilityError.value = 'Failed to check availability. Please try again.';\n    isAvailable.value = false;\n  } finally {\n    isLoading.value = false;\n  }\n}\n\nfunction calculateDays(start, end) {\n  if (!start || !end) return 0\n  const startDate = new Date(start)\n  const endDate = new Date(end)\n  const diffTime = endDate - startDate\n  const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24)) + 1\n  return diffDays > 0 ? diffDays : 0\n}\n\nconst numberOfDays = computed(() => calculateDays(selectedDates.value.start, selectedDates.value.end))\nconst totalAmount = computed(() => props.product.price * numberOfDays.value)\n\nfunction closePopup() {\n  emit('close')\n}\n\nfunction confirmSelection() {\n  if (selectedDates.value.start && selectedDates.value.end && isAvailable.value) {\n    props.onConfirm(selectedDates.value)\n    closePopup()\n  }\n}\n\nfunction cancelSelection() {\n  if (props.onCancel) {\n    props.onCancel()\n  }\n  closePopup()\n}\n\nwatch([() => selectedDates.value.start, () => selectedDates.value.end], ([newStart, newEnd]) => {\n  if (newStart && newEnd) {\n    // checkAvailability();\n  }\n}, { immediate: false });\n\nwatch(() => props.isOpen, (newVal) => {\n  if (newVal) {\n    loadAvailabilityData();\n  } else {\n    selectedDates.value = { start: null, end: null };\n    availabilityError.value = null;\n  }\n}, { immediate: true });\n\nonMounted(() => {\n  if (props.isOpen) {\n    loadAvailabilityData();\n  }\n});\n</script>"],"names":["rents.loadAvailability"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DA,UAAM,QAAQ;AAYd,UAAM,OAAO;AACb,UAAM,EAAE,EAAG,IAAG,QAAQ;AAAA,MACpB,UAAU;AAAA,QACR,IAAI;AAAA,UACF,YAAY;AAAA,QAClB;AAAA,MACA;AAAA,IACA,CAAC;AAED,UAAM,gBAAgB,IAAI,EAAE,OAAO,MAAM,KAAK,KAAM,CAAA;AACpD,UAAM,mBAAmB,IAAI,CAAE,CAAA;AAC/B,UAAM,YAAY,IAAI,KAAK;AAC3B,UAAM,oBAAoB,IAAI,IAAI;AAClC,UAAM,cAAc,IAAI,IAAI;AAG5B,mBAAe,uBAAuB;AACpC,UAAI,CAAC,MAAM,WAAW,CAAC,MAAM,QAAQ,IAAK;AAE1C,gBAAU,QAAQ;AAClB,wBAAkB,QAAQ;AAE1B,UAAI;AACF,cAAM,QAAQ,oBAAI,KAAM;AACxB,cAAM,QAAQ,IAAI,KAAK,MAAM,YAAW,GAAI,MAAM,SAAU,GAAE,CAAC;AAC/D,cAAM,MAAM,IAAI,KAAK,MAAM,eAAe,MAAM,SAAQ,IAAK,GAAG,CAAC;AAEjE,cAAM,OAAO,MAAMA,iBAAuB;AAAA,UACxC,WAAW,MAAM,QAAQ;AAAA,UACzB,WAAW,MAAM,YAAW,EAAG,MAAM,GAAG,EAAE,CAAC;AAAA,UAC3C,SAAS,IAAI,YAAW,EAAG,MAAM,GAAG,EAAE,CAAC;AAAA,QAC7C,CAAK;AAED,YAAI,QAAQ,KAAK,cAAc;AAC7B,2BAAiB,QAAQ,KAAK;AAAA,QACpC;AAAA,MACG,SAAQ,OAAO;AACd,gBAAQ,MAAM,oCAAoC,KAAK;AACvD,0BAAkB,QAAQ;AAAA,MAC9B,UAAY;AACR,kBAAU,QAAQ;AAAA,MACtB;AAAA,IACA;AAiCA,aAAS,cAAc,OAAO,KAAK;AACjC,UAAI,CAAC,SAAS,CAAC,IAAK,QAAO;AAC3B,YAAM,YAAY,IAAI,KAAK,KAAK;AAChC,YAAM,UAAU,IAAI,KAAK,GAAG;AAC5B,YAAM,WAAW,UAAU;AAC3B,YAAM,WAAW,KAAK,KAAK,YAAY,MAAO,KAAK,KAAK,GAAG,IAAI;AAC/D,aAAO,WAAW,IAAI,WAAW;AAAA,IACnC;AAEA,UAAM,eAAe,SAAS,MAAM,cAAc,cAAc,MAAM,OAAO,cAAc,MAAM,GAAG,CAAC;AACrG,UAAM,cAAc,SAAS,MAAM,MAAM,QAAQ,QAAQ,aAAa,KAAK;AAE3E,aAAS,aAAa;AACpB,WAAK,OAAO;AAAA,IACd;AAEA,aAAS,mBAAmB;AAC1B,UAAI,cAAc,MAAM,SAAS,cAAc,MAAM,OAAO,YAAY,OAAO;AAC7E,cAAM,UAAU,cAAc,KAAK;AACnC,mBAAU;AAAA,MACd;AAAA,IACA;AAEA,aAAS,kBAAkB;AACzB,UAAI,MAAM,UAAU;AAClB,cAAM,SAAQ;AAAA,MAClB;AACE,iBAAU;AAAA,IACZ;AAEA,UAAM,CAAC,MAAM,cAAc,MAAM,OAAO,MAAM,cAAc,MAAM,GAAG,GAAG,CAAC,CAAC,UAAU,MAAM,MAAM;AAAA,IAIhG,GAAG,EAAE,WAAW,OAAO;AAEvB,UAAM,MAAM,MAAM,QAAQ,CAAC,WAAW;AACpC,UAAI,QAAQ;AACV,6BAAsB;AAAA,MAC1B,OAAS;AACL,sBAAc,QAAQ,EAAE,OAAO,MAAM,KAAK,KAAM;AAChD,0BAAkB,QAAQ;AAAA,MAC9B;AAAA,IACA,GAAG,EAAE,WAAW,MAAM;AAEtB,cAAU,MAAM;AACd,UAAI,MAAM,QAAQ;AAChB,6BAAsB;AAAA,MAC1B;AAAA,IACA,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}