@ozdao/martyrs 0.2.548 → 0.2.550

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

@@ -0,0 +1,38 @@
+"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

@@ -0,0 +1 @@
+{"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/HelpCard.vue.js

@@ -0,0 +1,38 @@
+import { computed, createElementBlock, createCommentVNode, openBlock, createElementVNode } from "vue";
+import { state } from "../../store/core.store.js";
+/* empty css              */
+import _export_sfc from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+const _hoisted_1 = ["href"];
+const _sfc_main = {
+  __name: "HelpCard",
+  props: {
+    theme: {
+      type: String,
+      default: "light"
+    }
+  },
+  setup(__props) {
+    const supportUrl = computed(() => state.config?.app?.support?.url);
+    return (_ctx, _cache) => {
+      return supportUrl.value ? (openBlock(), 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] = [
+        createElementVNode("div", {
+          class: "help-icon mn-b-thin",
+          style: { "font-size": "2rem" }
+        }, "💬", -1),
+        createElementVNode("div", { class: "help-title t-medium mn-b-micro" }, "Need help?", -1),
+        createElementVNode("div", { class: "help-subtitle t-small t-transp" }, "24/7 online support", -1)
+      ]), 8, _hoisted_1)) : createCommentVNode("", true);
+    };
+  }
+};
+const HelpCard = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b502cdb7"]]);
+export {
+  HelpCard as default
+};
+//# sourceMappingURL=HelpCard.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HelpCard.vue.js","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":["core.state"],"mappings":";;;;;;;;;;;;;;AAyBA,UAAM,aAAa,SAAS,MAAMA,MAAW,QAAQ,KAAK,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1 @@
+{"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/PopupAuth.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopupAuth.vue.js","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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAkCA,UAAM,QAAQ;AAWd,UAAM,SAAS,UAAS;AACxB,UAAM,QAAQ,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

@@ -0,0 +1,184 @@
+"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.vue.cjs");
+const Calendar = require("../../../../../components/Calendar/Calendar.vue2.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 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

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

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

@@ -0,0 +1,184 @@
+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.vue.js";
+import Calendar from "../../../../../components/Calendar/Calendar.vue2.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";
+import { useGlobalMixins } from "../../mixins/mixins.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: {
+    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 } = useI18n({
+      messages: {
+        en: {
+          addtoorder: "Add to Shopcart"
+        }
+      }
+    });
+    const { returnCurrency } = useGlobalMixins();
+    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.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 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 = computed(() => calculateDays(selectedDates.value.start, selectedDates.value.end));
+    const totalAmount = 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");
+    }
+    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: false,
+            lowAvailabilityThreshold: 3,
+            requiredQuantity: __props.quantity,
+            class: "bg-light radius-small",
+            disabled: isLoading.value
+          }, null, 8, ["date", "availabilityData", "requiredQuantity", "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: unref(returnCurrency)(),
+            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-medium 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/core/views/components/blocks/PopupDateSelector.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopupDateSelector.vue.js","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":["rents.loadAvailability"],"mappings":"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"}

package/dist/martyrs/src/modules/core/views/components/elements/ButtonDate.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonDate.vue.cjs","sources":["../../../../../../../../src/modules/core/views/components/elements/ButtonDate.vue"],"sourcesContent":["<template>\n  <div \n    @click=\"handleClick\"\n    class=\"cursor-pointer flex-center flex\"\n  >\n    <IconDate class=\"w-1r h-auto\"/>\n    <span class=\"desktop-only mn-l-thin t-semi\">{{ formattedDate }}</span>\n  </div>\n</template>\n\n<script setup>\nimport { toRefs, computed } from 'vue';\nimport IconDate from '@martyrs/src/modules/icons/entities/IconDate.vue'\n\nconst props = defineProps({\n  action: {\n    type: Function,\n  },\n  date: {\n    type: Object\n  }\n});\n\nconst { action, date } = toRefs(props);\n\nconst formattedDate = computed(() => formatDate(date.value));\n\nconst handleClick = () => {\n  if (action.value) action.value();\n};\n\nfunction formatDate(dateObj) {\n  const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\n  \n  const { start, end } = dateObj;\n\n  if (start === null && end === null) {\n    return `All Time`;\n  }\n\n  const startDate = new Date(start);\n  const startDay = startDate.getUTCDate(); // Используем getUTCDate() для дня\n  const startMonth = months[startDate.getUTCMonth()]; // Используем getUTCMonth() для месяца\n  const startYear = startDate.getUTCFullYear(); // Используем getUTCFullYear() для года\n\n  if (!end) {\n    // Если нет end, выводим полную дату для start\n    return `${startDay} ${startMonth} ${startYear}`;\n  }\n\n  const endDate = new Date(end);\n  const endDay = endDate.getUTCDate(); // Используем getUTCDate() для дня\n  const endMonth = months[endDate.getUTCMonth()]; // Используем getUTCMonth() для месяца\n  const endYear = endDate.getUTCFullYear(); // Используем getUTCFullYear() для года\n\n  // Если есть start и end, для start не выводим год, а для end выводим\n  return `${startDay} ${startMonth} - ${endDay} ${endMonth} ${endYear}`;\n}\n\n</script>"],"names":["toRefs","computed"],"mappings":";;;;;;;;;;;;;;;;AAcA,UAAM,QAAQ;AASd,UAAM,EAAE,QAAQ,SAASA,IAAAA,OAAO,KAAK;AAErC,UAAM,gBAAgBC,IAAAA,SAAS,MAAM,WAAW,KAAK,KAAK,CAAC;AAE3D,UAAM,cAAc,MAAM;AACxB,UAAI,OAAO,MAAO,QAAO,MAAK;AAAA,IAChC;AAEA,aAAS,WAAW,SAAS;AAC3B,YAAM,SAAS,CAAC,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,KAAK;AAElG,YAAM,EAAE,OAAO,IAAG,IAAK;AAEvB,UAAI,UAAU,QAAQ,QAAQ,MAAM;AAClC,eAAO;AAAA,MACT;AAEA,YAAM,YAAY,IAAI,KAAK,KAAK;AAChC,YAAM,WAAW,UAAU;AAC3B,YAAM,aAAa,OAAO,UAAU,YAAW,CAAE;AACjD,YAAM,YAAY,UAAU;AAE5B,UAAI,CAAC,KAAK;AAER,eAAO,GAAG,QAAQ,IAAI,UAAU,IAAI,SAAS;AAAA,MAC/C;AAEA,YAAM,UAAU,IAAI,KAAK,GAAG;AAC5B,YAAM,SAAS,QAAQ;AACvB,YAAM,WAAW,OAAO,QAAQ,YAAW,CAAE;AAC7C,YAAM,UAAU,QAAQ;AAGxB,aAAO,GAAG,QAAQ,IAAI,UAAU,MAAM,MAAM,IAAI,QAAQ,IAAI,OAAO;AAAA,IACrE;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/core/views/components/elements/ButtonDate.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonDate.vue.js","sources":["../../../../../../../../src/modules/core/views/components/elements/ButtonDate.vue"],"sourcesContent":["<template>\n  <div \n    @click=\"handleClick\"\n    class=\"cursor-pointer flex-center flex\"\n  >\n    <IconDate class=\"w-1r h-auto\"/>\n    <span class=\"desktop-only mn-l-thin t-semi\">{{ formattedDate }}</span>\n  </div>\n</template>\n\n<script setup>\nimport { toRefs, computed } from 'vue';\nimport IconDate from '@martyrs/src/modules/icons/entities/IconDate.vue'\n\nconst props = defineProps({\n  action: {\n    type: Function,\n  },\n  date: {\n    type: Object\n  }\n});\n\nconst { action, date } = toRefs(props);\n\nconst formattedDate = computed(() => formatDate(date.value));\n\nconst handleClick = () => {\n  if (action.value) action.value();\n};\n\nfunction formatDate(dateObj) {\n  const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\n  \n  const { start, end } = dateObj;\n\n  if (start === null && end === null) {\n    return `All Time`;\n  }\n\n  const startDate = new Date(start);\n  const startDay = startDate.getUTCDate(); // Используем getUTCDate() для дня\n  const startMonth = months[startDate.getUTCMonth()]; // Используем getUTCMonth() для месяца\n  const startYear = startDate.getUTCFullYear(); // Используем getUTCFullYear() для года\n\n  if (!end) {\n    // Если нет end, выводим полную дату для start\n    return `${startDay} ${startMonth} ${startYear}`;\n  }\n\n  const endDate = new Date(end);\n  const endDay = endDate.getUTCDate(); // Используем getUTCDate() для дня\n  const endMonth = months[endDate.getUTCMonth()]; // Используем getUTCMonth() для месяца\n  const endYear = endDate.getUTCFullYear(); // Используем getUTCFullYear() для года\n\n  // Если есть start и end, для start не выводим год, а для end выводим\n  return `${startDay} ${startMonth} - ${endDay} ${endMonth} ${endYear}`;\n}\n\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;AAcA,UAAM,QAAQ;AASd,UAAM,EAAE,QAAQ,SAAS,OAAO,KAAK;AAErC,UAAM,gBAAgB,SAAS,MAAM,WAAW,KAAK,KAAK,CAAC;AAE3D,UAAM,cAAc,MAAM;AACxB,UAAI,OAAO,MAAO,QAAO,MAAK;AAAA,IAChC;AAEA,aAAS,WAAW,SAAS;AAC3B,YAAM,SAAS,CAAC,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,KAAK;AAElG,YAAM,EAAE,OAAO,IAAG,IAAK;AAEvB,UAAI,UAAU,QAAQ,QAAQ,MAAM;AAClC,eAAO;AAAA,MACT;AAEA,YAAM,YAAY,IAAI,KAAK,KAAK;AAChC,YAAM,WAAW,UAAU;AAC3B,YAAM,aAAa,OAAO,UAAU,YAAW,CAAE;AACjD,YAAM,YAAY,UAAU;AAE5B,UAAI,CAAC,KAAK;AAER,eAAO,GAAG,QAAQ,IAAI,UAAU,IAAI,SAAS;AAAA,MAC/C;AAEA,YAAM,UAAU,IAAI,KAAK,GAAG;AAC5B,YAAM,SAAS,QAAQ;AACvB,YAAM,WAAW,OAAO,QAAQ,YAAW,CAAE;AAC7C,YAAM,UAAU,QAAQ;AAGxB,aAAO,GAAG,QAAQ,IAAI,UAAU,MAAM,MAAM,IAAI,QAAQ,IAAI,OAAO;AAAA,IACrE;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/core/views/components/elements/ButtonSort.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonSort.vue.cjs","sources":["../../../../../../../../src/modules/core/views/components/elements/ButtonSort.vue"],"sourcesContent":["<template>\n  <div \n    @click=\"handleClick\"\n    class=\"\n      cursor-pointer\n      t-center\n      t-black\n      radius-small \n      flex-center\n      flex\n      aspect-1x1\n    \"\n  >\n    <IconSort\n      :order=\"order\"\n      class=\"w-100 h-auto\"\n    />\n  </div>\n</template>\n\n<script setup>\nimport { toRefs } from 'vue';\n\nimport IconSort from '@martyrs/src/modules/icons/navigation/IconSort.vue'\n\nconst props = defineProps({\n  action: {\n    type: Function,\n  },\n  order: {\n    type: String,\n    required: true\n  }\n});\n\nconst { action, order } = toRefs(props);\n\nconst handleClick = () => {\n  if (action.value) action.value();\n};\n</script>\n"],"names":["toRefs"],"mappings":";;;;;;;;;;;;;;;;AAyBA,UAAM,QAAQ;AAUd,UAAM,EAAE,QAAQ,UAAUA,IAAAA,OAAO,KAAK;AAEtC,UAAM,cAAc,MAAM;AACxB,UAAI,OAAO,MAAO,QAAO,MAAK;AAAA,IAChC;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/core/views/components/elements/ButtonSort.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonSort.vue.js","sources":["../../../../../../../../src/modules/core/views/components/elements/ButtonSort.vue"],"sourcesContent":["<template>\n  <div \n    @click=\"handleClick\"\n    class=\"\n      cursor-pointer\n      t-center\n      t-black\n      radius-small \n      flex-center\n      flex\n      aspect-1x1\n    \"\n  >\n    <IconSort\n      :order=\"order\"\n      class=\"w-100 h-auto\"\n    />\n  </div>\n</template>\n\n<script setup>\nimport { toRefs } from 'vue';\n\nimport IconSort from '@martyrs/src/modules/icons/navigation/IconSort.vue'\n\nconst props = defineProps({\n  action: {\n    type: Function,\n  },\n  order: {\n    type: String,\n    required: true\n  }\n});\n\nconst { action, order } = toRefs(props);\n\nconst handleClick = () => {\n  if (action.value) action.value();\n};\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAyBA,UAAM,QAAQ;AAUd,UAAM,EAAE,QAAQ,UAAU,OAAO,KAAK;AAEtC,UAAM,cAAc,MAAM;AACxB,UAAI,OAAO,MAAO,QAAO,MAAK;AAAA,IAChC;;;;;;;;;;;;;;"}