@ozdao/martyrs 0.2.551 → 0.2.553

package/dist/martyrs/src/modules/core/views/components/blocks/Card.vue.cjs

@@ -1,76 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const Skeleton = require("../../../../../components/Skeleton/Skeleton.vue2.cjs");
-const PlaceholderUserpic = require("../../../../icons/placeholders/PlaceholderUserpic.vue.cjs");
-const _hoisted_1 = ["src", "alt"];
-const _hoisted_2 = { key: 0 };
-const _hoisted_3 = { key: 1 };
-const _sfc_main = {
-  __name: "Card",
-  props: {
-    // Данные
-    photo: String,
-    title: String,
-    subtitle: String,
-    action: Object,
-    // Функционал
-    tag: String,
-    placeholder: [String, Object],
-    loading: Boolean,
-    skeletonStructure: Array
-  },
-  emits: ["click"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    vue.useSlots();
-    const handleClick = () => {
-      emit("click");
-    };
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.tag || "div"), { onClick: handleClick }, {
-        default: vue.withCtx(() => [
-          __props.loading ? (vue.openBlock(), vue.createBlock(Skeleton.default, {
-            key: 0,
-            structure: __props.skeletonStructure,
-            horizontal: true,
-            loading: true
-          }, null, 8, ["structure"])) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-            vue.renderSlot(_ctx.$slots, "image", {}, () => [
-              __props.photo ? (vue.openBlock(), vue.createElementBlock("img", {
-                key: 0,
-                src: (_ctx.FILE_SERVER_URL || "") + __props.photo,
-                alt: __props.title,
-                loading: "lazy"
-              }, null, 8, _hoisted_1)) : __props.placeholder ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.placeholder), { key: 1 })) : (vue.openBlock(), vue.createBlock(PlaceholderUserpic.default, {
-                key: 2,
-                class: "h-100"
-              }))
-            ]),
-            vue.createElementVNode("div", null, [
-              vue.renderSlot(_ctx.$slots, "header", {}, () => [
-                __props.title ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2, vue.toDisplayString(__props.title), 1)) : vue.createCommentVNode("", true),
-                __props.subtitle ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3, vue.toDisplayString(__props.subtitle), 1)) : vue.createCommentVNode("", true)
-              ]),
-              vue.renderSlot(_ctx.$slots, "default"),
-              vue.renderSlot(_ctx.$slots, "footer")
-            ]),
-            vue.renderSlot(_ctx.$slots, "actions", {}, () => [
-              __props.action ? (vue.openBlock(), vue.createElementBlock("button", {
-                key: 0,
-                onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => __props.action.method && __props.action.method(...args), ["stop"]))
-              }, [
-                __props.action.label?.is ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.action.label.is), vue.mergeProps({ key: 0 }, __props.action.label.props, { class: "i-medium" }), null, 16)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-                  vue.createTextVNode(vue.toDisplayString(__props.action.label), 1)
-                ], 64))
-              ])) : vue.createCommentVNode("", true)
-            ])
-          ], 64))
-        ]),
-        _: 3
-      });
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=Card.vue.cjs.map

package/dist/martyrs/src/modules/core/views/components/blocks/Card.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Card.vue.cjs","sources":["../../../../../../../../src/modules/core/views/components/blocks/Card.vue"],"sourcesContent":["<template>\n  <component :is=\"tag || 'div'\" @click=\"handleClick\">\n    <!-- Skeleton режим -->\n    <Skeleton\n      v-if=\"loading\"\n      :structure=\"skeletonStructure\"\n      :horizontal=\"true\"\n      :loading=\"true\"\n    />\n    \n    <!-- Обычный режим -->\n    <template v-else>\n      <!-- Изображение -->\n      <slot name=\"image\">\n        <img\n          v-if=\"photo\"\n          :src=\"(FILE_SERVER_URL || '') + photo\"\n          :alt=\"title\"\n          loading=\"lazy\"\n        />\n        <component\n          v-else-if=\"placeholder\"\n          :is=\"placeholder\"\n        />\n        <PlaceholderUserpic class=\"h-100\" v-else />\n      </slot>\n\n      <!-- Контент -->\n      <div>\n        <slot name=\"header\">\n          <p v-if=\"title\">{{ title }}</p>\n          <span v-if=\"subtitle\">{{ subtitle }}</span>\n        </slot>\n        \n        <slot />\n        \n        <slot name=\"footer\" />\n      </div>\n\n      <!-- Действия -->\n      <slot name=\"actions\">\n        <button\n          v-if=\"action\"\n          @click.stop=\"action.method\"\n        >\n          <component \n            v-if=\"action.label?.is\" \n            :is=\"action.label.is\" \n            v-bind=\"action.label.props\"\n            class=\"i-medium\"\n          />\n          <template v-else>\n            {{ action.label }}\n          </template>\n        </button>\n      </slot>\n    </template>\n  </component>\n</template>\n\n<script setup>\nimport { useSlots } from 'vue'\nimport Skeleton from '@martyrs/src/components/Skeleton/Skeleton.vue'\nimport PlaceholderUserpic from '@martyrs/src/modules/icons/placeholders/PlaceholderUserpic.vue'\n\nconst props = defineProps({\n  // Данные\n  photo: String,\n  title: String,\n  subtitle: String,\n  action: Object,\n  \n  // Функционал\n  tag: String,\n  placeholder: [String, Object],\n  loading: Boolean,\n  skeletonStructure: Array\n})\n\nconst emit = defineEmits(['click'])\nconst slots = useSlots()\n\nconst handleClick = () => {\n  emit('click')\n}\n</script>"],"names":["useSlots"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA+EA,UAAM,OAAO;AACCA,QAAAA,SAAQ;AAEtB,UAAM,cAAc,MAAM;AACxB,WAAK,OAAO;AAAA,IACd;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/core/views/components/blocks/CardHeader.vue.cjs

@@ -1,197 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const vueRouter = require("vue-router");
-const Tooltip = require("../../../../../components/Tooltip/Tooltip.vue2.cjs");
-const Dropdown = require("../../../../../components/Dropdown/Dropdown.vue.cjs");
-const PlaceholderUserpic = require("../../../../icons/placeholders/PlaceholderUserpic.vue.cjs");
-const PlaceholderOrganizationPic = require("../../../../icons/placeholders/PlaceholderOrganizationPic.vue.cjs");
-const IconEllipsis = require("../../../../icons/navigation/IconEllipsis.vue.cjs");
-const FormReport = require("../../../../reports/components/sections/FormReport.vue.cjs");
-;/* empty css                                            */
-;/* empty css                                            */
-const PhotoStack = require("../elements/PhotoStack.vue.cjs");
-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 gap-thin p-regular t-nowrap flex-nowrap flex-v-center flex" };
-const _hoisted_4 = ["src"];
-const _hoisted_5 = {
-  key: 2,
-  class: "gap-thin flex flex-nowrap t-medium w-100 pos-relative"
-};
-const _hoisted_6 = { key: 0 };
-const _hoisted_7 = { key: 2 };
-const _hoisted_8 = {
-  key: 3,
-  class: "pos-relative w-max"
-};
-const _hoisted_9 = { key: 4 };
-const _hoisted_10 = { key: 5 };
-const _hoisted_11 = { class: "d-block mn-l-auto flex-nowrap flex flex-v-center" };
-const _hoisted_12 = { class: "bg-black flex-column flex gap-thin pd-thin radius-small" };
-const _hoisted_13 = ["onClick"];
-const _sfc_main = {
-  __name: "CardHeader",
-  props: [
-    "user",
-    "entity",
-    "entityType",
-    "date",
-    "dateFormatted",
-    "owner",
-    "creator",
-    "members",
-    "membersPhotos",
-    "type",
-    "actions"
-  ],
-  setup(__props) {
-    vueRouter.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) => {
-      const _component_router_link = vue.resolveComponent("router-link");
-      return __props.owner ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_1, [
-        vue.createElementVNode("div", _hoisted_2, [
-          vue.createElementVNode("div", _hoisted_3, [
-            __props.owner.target?.profile?.photo?.length > 0 && __props.type !== "short" ? (vue.openBlock(), vue.createElementBlock("img", {
-              key: 0,
-              loading: "lazy",
-              src: (_ctx.FILE_SERVER_URL || "") + __props.owner.target.profile.photo,
-              class: "radius-medium bg-white flex-child-default object-fit-cover i-medium",
-              onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => _ctx.$router.push({
-                name: __props.owner.type === "user" ? "User Profile" : "Organization",
-                params: {
-                  _id: __props.owner.target._id
-                }
-              }), ["stop"]))
-            }, null, 8, _hoisted_4)) : vue.createCommentVNode("", true),
-            !__props.owner.target?.profile?.photo && __props.type !== "short" ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.owner.type === "user" ? PlaceholderUserpic.default : PlaceholderOrganizationPic.default), {
-              key: 1,
-              class: "radius-medium flex-child-default cursor-pointer i-medium",
-              onClick: _cache[1] || (_cache[1] = vue.withModifiers(($event) => _ctx.$router.push({
-                name: __props.owner.type === "user" ? "User Profile" : "Organization",
-                params: {
-                  _id: __props.owner.target._id
-                }
-              }), ["stop"]))
-            })) : vue.createCommentVNode("", true),
-            __props.type !== "short" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
-              vue.createElementVNode("span", {
-                onClick: _cache[2] || (_cache[2] = vue.withModifiers(($event) => _ctx.$router.push({
-                  name: __props.owner.type === "user" ? "User Profile" : "Organization",
-                  params: {
-                    _id: __props.owner.target._id
-                  }
-                }), ["stop"])),
-                class: "cursor-pointer w-max t-trim"
-              }, vue.toDisplayString(__props.owner.target?.profile?.name || __props.creator.target?.username || "Anonymous"), 1),
-              !__props.creator.hidden && __props.owner.target?.profile?.name !== __props.creator.target?.profile?.name ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6, "·")) : vue.createCommentVNode("", true),
-              !__props.creator.hidden && __props.owner.target?.profile?.name !== __props.creator.target?.profile?.name ? (vue.openBlock(), vue.createElementBlock("span", {
-                key: 1,
-                onClick: _cache[3] || (_cache[3] = vue.withModifiers(($event) => _ctx.$router.push({
-                  name: "User Profile",
-                  params: {
-                    _id: __props.creator.target?._id
-                  }
-                }), ["stop"])),
-                class: "cursor-pointer w-max t-trim"
-              }, [
-                vue.createElementVNode("div", null, "by " + vue.toDisplayString(__props.creator.target?.profile?.name || __props.creator.target?.username || "Anonymous"), 1)
-              ])) : vue.createCommentVNode("", true),
-              __props.date ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7, "·")) : vue.createCommentVNode("", true),
-              __props.date ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8, [
-                __props.date ? (vue.openBlock(), vue.createBlock(Tooltip.default, {
-                  key: 0,
-                  text: _ctx.formatDate(__props.date)
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createTextVNode(vue.toDisplayString(getTimeElapsed(__props.date)), 1)
-                  ]),
-                  _: 1
-                }, 8, ["text"])) : vue.createCommentVNode("", true)
-              ])) : vue.createCommentVNode("", true),
-              __props.dateFormatted ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_9, "·")) : vue.createCommentVNode("", true),
-              __props.dateFormatted ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_10, vue.toDisplayString(__props.dateFormatted), 1)) : vue.createCommentVNode("", true)
-            ])) : vue.createCommentVNode("", true),
-            vue.createElementVNode("div", _hoisted_11, [
-              __props.members ? (vue.openBlock(), vue.createBlock(PhotoStack.default, {
-                key: 0,
-                number: __props.members,
-                photos: __props.membersPhotos
-              }, null, 8, ["number", "photos"])) : vue.createCommentVNode("", true)
-            ]),
-            __props.type !== "short" && __props.user && (__props.user !== __props.creator.target?._id || __props.actions && __props.actions.length > 0) ? (vue.openBlock(), vue.createBlock(Dropdown.default, {
-              key: 3,
-              label: { component: IconEllipsis.default, class: "t-transp i-regular" },
-              align: "right",
-              class: "cursor-pointer z-index-2"
-            }, {
-              default: vue.withCtx(() => [
-                vue.createElementVNode("section", _hoisted_12, [
-                  __props.user !== __props.creator.target?._id ? (vue.openBlock(), vue.createBlock(FormReport.default, {
-                    key: 0,
-                    user: __props.user,
-                    type: __props.entityType,
-                    target: __props.entity._id,
-                    text: "Report",
-                    class: "w-100"
-                  }, {
-                    default: vue.withCtx(() => _cache[4] || (_cache[4] = [
-                      vue.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"])) : vue.createCommentVNode("", true),
-                  __props.actions && __props.actions.length > 0 ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(__props.actions, (action) => {
-                    return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-                      action.to ? (vue.openBlock(), vue.createBlock(_component_router_link, {
-                        key: action.to,
-                        to: action.to,
-                        class: vue.normalizeClass(action.class || "w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button")
-                      }, {
-                        default: vue.withCtx(() => [
-                          vue.createTextVNode(vue.toDisplayString(action.label), 1)
-                        ]),
-                        _: 2
-                      }, 1032, ["to", "class"])) : vue.createCommentVNode("", true),
-                      action.method ? (vue.openBlock(), vue.createElementBlock("button", {
-                        key: 1,
-                        onClick: action.method,
-                        class: vue.normalizeClass(action.class || "w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button")
-                      }, vue.toDisplayString(action.label), 11, _hoisted_13)) : vue.createCommentVNode("", true)
-                    ], 64);
-                  }), 256)) : vue.createCommentVNode("", true)
-                ])
-              ]),
-              _: 1
-            }, 8, ["label"])) : vue.createCommentVNode("", true)
-          ])
-        ])
-      ])) : vue.createCommentVNode("", true);
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=CardHeader.vue.cjs.map

package/dist/martyrs/src/modules/core/views/components/blocks/CardHeader.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardHeader.vue.cjs","sources":["../../../../../../../../src/modules/core/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 gap-thin p-regular t-nowrap 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 bg-white flex-child-default object-fit-cover i-medium\" \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\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 flex-child-default cursor-pointer i-medium\"\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<div \n\t\t\t\t\tv-if=\"type !== 'short'\"\n\t\t\t\t\tclass=\"gap-thin  flex flex-nowrap t-medium w-100 pos-relative\"\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 w-max t-trim\"\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 v-if=\"!creator.hidden && owner.target?.profile?.name !== creator.target?.profile?.name\">·</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 w-max t-trim\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div>by {{creator.target?.profile?.name || creator.target?.username || 'Anonymous'}}</div>\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<span v-if=\"date\">·</span> \n\n\t\t\t\t\t<span v-if=\"date\" class=\"pos-relative w-max\">\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\">·</span>\n\n\t\t\t\t\t<span v-if=\"dateFormatted\"> {{dateFormatted}}</span>\n\t\t\t\t</div>\n\t\t\t\t\n\n\t\t\t\t<!-- Participaters avatar -->\n\t\t\t\t<div class=\"d-block mn-l-auto flex-nowrap flex flex-v-center\">\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/core/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":["useRouter"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiLgBA,cAAAA,UAAS;AAExB,aAAS,eAAe,WAAW;AACjC,YAAM,MAAM,oBAAI,KAAI;AACpB,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,MAC7C,WAAW,OAAO,GAAG;AACnB,eAAO,GAAG,IAAI,OAAO,OAAO,IAAI,MAAM,EAAE;AAAA,MAC1C,WAAW,QAAQ,GAAG;AACpB,eAAO,GAAG,KAAK,QAAQ,QAAQ,IAAI,MAAM,EAAE;AAAA,MAC7C,WAAW,UAAU,GAAG;AACtB,eAAO,GAAG,OAAO,UAAU,UAAU,IAAI,MAAM,EAAE;AAAA,MACnD,OAAO;AACL,eAAO;AAAA,MACT;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/core/views/components/blocks/HelpCard.vue.cjs

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const core_store = require("../../store/core.store.cjs");
-;/* empty css                */
-const _pluginVue_exportHelper = require("../../../../../../../_virtual/_plugin-vue_export-helper.cjs");
-const _hoisted_1 = ["href"];
-const _sfc_main = {
-  __name: "HelpCard",
-  props: {
-    theme: {
-      type: String,
-      default: "light"
-    }
-  },
-  setup(__props) {
-    const supportUrl = vue.computed(() => core_store.state.config?.app?.support?.url);
-    return (_ctx, _cache) => {
-      return supportUrl.value ? (vue.openBlock(), vue.createElementBlock("a", {
-        key: 0,
-        href: supportUrl.value,
-        target: "_blank",
-        rel: "noopener noreferrer",
-        class: "help-card pd-small mn-small radius-small bg-light cursor-pointer"
-      }, _cache[0] || (_cache[0] = [
-        vue.createElementVNode("div", {
-          class: "help-icon mn-b-thin",
-          style: { "font-size": "2rem" }
-        }, "💬", -1),
-        vue.createElementVNode("div", { class: "help-title t-medium mn-b-micro" }, "Need help?", -1),
-        vue.createElementVNode("div", { class: "help-subtitle t-small t-transp" }, "24/7 online support", -1)
-      ]), 8, _hoisted_1)) : vue.createCommentVNode("", true);
-    };
-  }
-};
-const HelpCard = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-b502cdb7"]]);
-exports.default = HelpCard;
-//# sourceMappingURL=HelpCard.vue.cjs.map

package/dist/martyrs/src/modules/core/views/components/blocks/HelpCard.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"HelpCard.vue.cjs","sources":["../../../../../../../../src/modules/core/views/components/blocks/HelpCard.vue"],"sourcesContent":["<template>\n  <a\n    v-if=\"supportUrl\"\n    :href=\"supportUrl\"\n    target=\"_blank\"\n    rel=\"noopener noreferrer\"\n    class=\"help-card pd-small mn-small radius-small bg-light cursor-pointer\"\n  >\n    <div class=\"help-icon mn-b-thin\" style=\"font-size: 2rem;\">💬</div>\n    <div class=\"help-title t-medium mn-b-micro\">Need help?</div>\n    <div class=\"help-subtitle t-small t-transp\">24/7 online support</div>\n  </a>\n</template>\n\n<script setup>\nimport * as core from '@martyrs/src/modules/core/views/store/core.store.js';\nimport { computed } from 'vue';\n\ndefineProps({\n  theme: {\n    type: String,\n    default: 'light'\n  }\n});\n\nconst supportUrl = computed(() => core.state.config?.app?.support?.url);\n</script>\n\n<style scoped>\n.help-card {\n  margin-top: auto;\n  text-decoration: none;\n  color: inherit;\n  display: block;\n  transition: opacity 0.2s ease;\n}\n\n.help-card:hover {\n  opacity: 0.8;\n}\n</style>\n"],"names":["computed","core.state"],"mappings":";;;;;;;;;;;;;;;;AAyBA,UAAM,aAAaA,IAAAA,SAAS,MAAMC,WAAAA,MAAW,QAAQ,KAAK,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/core/views/components/blocks/PopupAuth.vue.cjs

@@ -1,84 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const vueRouter = require("vue-router");
-const Popup = require("../../../../../components/Popup/Popup.vue.cjs");
-const Button = require("../../../../../components/Button/Button.vue2.cjs");
-const _hoisted_1 = { class: "t-center" };
-const _hoisted_2 = { class: "mn-b-medium" };
-const _hoisted_3 = { class: "mn-b-semi t-transp" };
-const _hoisted_4 = { class: "flex-column flex gap-thin" };
-const _sfc_main = {
-  __name: "PopupAuth",
-  props: {
-    authState: {
-      type: Object,
-      required: true
-    },
-    closeAuth: {
-      type: Function,
-      required: true
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const router = vueRouter.useRouter();
-    const route = vueRouter.useRoute();
-    const handleSignIn = async () => {
-      const returnUrl = props.authState.returnUrl || route.fullPath;
-      await router.push({
-        name: "Sign In",
-        query: { returnUrl }
-      });
-      props.closeAuth("signin");
-    };
-    const handleSignUp = async () => {
-      const returnUrl = props.authState.returnUrl || route.fullPath;
-      await router.push({
-        name: "Sign Up",
-        query: { returnUrl }
-      });
-      props.closeAuth("signup");
-    };
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(Popup.default, {
-        isPopupOpen: __props.authState.visible,
-        onClosePopup: __props.closeAuth,
-        class: "bg-white radius-medium pd-medium"
-      }, {
-        default: vue.withCtx(() => [
-          vue.createElementVNode("div", _hoisted_1, [
-            _cache[2] || (_cache[2] = vue.createElementVNode("img", {
-              loading: "lazy",
-              src: "/logo/logo.svg",
-              class: "i-extra radius-small mn-b-medium"
-            }, null, -1)),
-            vue.createElementVNode("h3", _hoisted_2, vue.toDisplayString(__props.authState.title || "Welcome"), 1),
-            vue.createElementVNode("p", _hoisted_3, vue.toDisplayString(__props.authState.subtitle || "Please sign in or create an account to continue."), 1),
-            vue.createElementVNode("div", _hoisted_4, [
-              vue.createVNode(Button.default, {
-                submit: handleSignUp,
-                class: "bg-main radius-small mn-b-small pd-thin"
-              }, {
-                default: vue.withCtx(() => _cache[0] || (_cache[0] = [
-                  vue.createTextVNode(" Sign Up ")
-                ])),
-                _: 1
-              }),
-              vue.createElementVNode("span", null, [
-                _cache[1] || (_cache[1] = vue.createTextVNode(" Already have an account? ")),
-                vue.createElementVNode("a", {
-                  onClick: handleSignIn,
-                  class: "t-second cursor-pointer"
-                }, "Sign in")
-              ])
-            ])
-          ])
-        ]),
-        _: 1
-      }, 8, ["isPopupOpen", "onClosePopup"]);
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=PopupAuth.vue.cjs.map

package/dist/martyrs/src/modules/core/views/components/blocks/PopupAuth.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PopupAuth.vue.cjs","sources":["../../../../../../../../src/modules/core/views/components/blocks/PopupAuth.vue"],"sourcesContent":["<!-- @martyrs/src/modules/auth/views/components/AuthDialog.vue -->\n<template>\n  <Popup \n    :isPopupOpen=\"authState.visible\" \n    @close-popup=\"closeAuth\"\n    class=\"bg-white radius-medium pd-medium\"\n  >\n    <div class=\"t-center\">\n      <img loading=\"lazy\" :src=\"'/logo/logo.svg'\" class=\"i-extra radius-small mn-b-medium\">\n      <h3 class=\"mn-b-medium\">{{ authState.title || 'Welcome' }}</h3>\n      <p class=\"mn-b-semi t-transp\">{{ authState.subtitle || 'Please sign in or create an account to continue.' }}</p>\n      \n      <div class=\"flex-column flex gap-thin\">\n        <Button \n          :submit=\"handleSignUp\" \n          class=\"bg-main radius-small mn-b-small pd-thin\"\n        >\n          Sign Up\n        </Button>\n        \n        <span>\n          Already have an account? \n          <a @click=\"handleSignIn\" class=\"t-second cursor-pointer\">Sign in</a>\n        </span>\n      </div>\n    </div>\n  </Popup>\n</template>\n\n<script setup>\nimport { useRouter, useRoute } from 'vue-router';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\n\nconst props = defineProps({\n  authState: {\n    type: Object,\n    required: true\n  },\n  closeAuth: {\n    type: Function,\n    required: true\n  }\n});\n\nconst router = useRouter();\nconst route = useRoute();\n\nconst handleSignIn = async () => {\n  const returnUrl = props.authState.returnUrl || route.fullPath;\n  await router.push({ \n    name: 'Sign In',\n    query: { returnUrl }\n  });\n  props.closeAuth('signin');\n};\n\nconst handleSignUp = async () => {\n  const returnUrl = props.authState.returnUrl || route.fullPath;\n  await router.push({ \n    name: 'Sign Up',\n    query: { returnUrl }\n  });\n  props.closeAuth('signup');\n};\n</script>"],"names":["useRouter","useRoute"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAkCA,UAAM,QAAQ;AAWd,UAAM,SAASA,UAAAA,UAAS;AACxB,UAAM,QAAQC,UAAAA,SAAQ;AAEtB,UAAM,eAAe,YAAY;AAC/B,YAAM,YAAY,MAAM,UAAU,aAAa,MAAM;AACrD,YAAM,OAAO,KAAK;AAAA,QAChB,MAAM;AAAA,QACN,OAAO,EAAE,UAAS;AAAA,MACtB,CAAG;AACD,YAAM,UAAU,QAAQ;AAAA,IAC1B;AAEA,UAAM,eAAe,YAAY;AAC/B,YAAM,YAAY,MAAM,UAAU,aAAa,MAAM;AACrD,YAAM,OAAO,KAAK;AAAA,QAChB,MAAM;AAAA,QACN,OAAO,EAAE,UAAS;AAAA,MACtB,CAAG;AACD,YAAM,UAAU,QAAQ;AAAA,IAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,184 +0,0 @@
-"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/Calendar/Calendar.vue2.cjs");
-const Button = require("../../../../../components/Button/Button.vue2.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 mixins = require("../../mixins/mixins.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: {
-    productId: { type: String, required: true },
-    variantId: { type: String, required: true },
-    quantity: { type: Number, default: 1 },
-    price: { type: Number, 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 { returnCurrency } = mixins.useGlobalMixins();
-    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.productId || !props.variantId) return;
-      console.log("productId", props.productId);
-      console.log("variantId", props.variantId);
-      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.productId,
-          variantId: props.variantId,
-          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.price * numberOfDays.value * props.quantity);
-    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();
-      }
-      emit("close-popup");
-    }
-    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: false,
-            lowAvailabilityThreshold: 3,
-            requiredQuantity: __props.quantity,
-            class: "bg-light radius-small",
-            disabled: isLoading.value
-          }, null, 8, ["date", "availabilityData", "requiredQuantity", "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: vue.unref(returnCurrency)(),
-            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-medium 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/core/views/components/blocks/PopupDateSelector.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PopupDateSelector.vue.cjs","sources":["../../../../../../../../src/modules/core/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=\"false\"\n      :lowAvailabilityThreshold=\"3\"\n      :requiredQuantity=\"quantity\"\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=\"returnCurrency()\"\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-medium 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/Calendar/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'\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js'\n\nconst props = defineProps({\n  productId: { type: String, required: true },\n  variantId: { type: String, required: true },\n  quantity: { type: Number, default: 1 },\n  price: { type: Number, 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})\nconst { returnCurrency } = useGlobalMixins()\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.productId || !props.variantId) return;\n\n  console.log('productId', props.productId)\n  console.log('variantId', props.variantId)\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.productId,\n      variantId: props.variantId,\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.productId || !props.variantId) {\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.productId,\n      variantId: props.variantId,\n      startDate: selectedDates.value.start.split('T')[0],\n      endDate: selectedDates.value.end.split('T')[0]\n    });\n    \n    isAvailable.value = data.available >= props.quantity;\n    \n    if (!isAvailable.value) {\n      availabilityError.value = `Insufficient quantity. Available: ${data.available}, needed: ${props.quantity}`;\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.price * numberOfDays.value * props.quantity)\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  // Эмитим close-popup чтобы плагин закрыл попап\n  emit('close-popup')\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","useGlobalMixins","ref","rents.loadAvailability","computed","watch","onMounted"],"mappings":"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"}