@ozdao/martyrs 0.2.487 → 0.2.489

package/dist/martyrs/src/modules/globals/views/classes/globals.store.js.map

@@ -1 +1 @@
-{"version":3,"file":"globals.store.js","sources":["../../../../../../../src/modules/globals/views/classes/globals.store.js"],"sourcesContent":["import { reactive } from 'vue';\n// Globals\nimport { setError } from '@martyrs/src/modules/globals/views/store/globals.js';\nimport { buildURL } from '../utils/query-serializer.js';\n\nclass Store {\n  constructor(apiUrl) {\n    this.state = reactive({\n      items: [],\n      current: {},\n    });\n    this.apiUrl = apiUrl;\n    // console.log(`Store initialized with API URL: ${apiUrl}`);\n  }\n\n  // Simplified request method with enhanced debugging\n  async request(endpoint, options = {}) {\n    // собираем URL\n    let url = endpoint.startsWith('http')\n      ? endpoint\n      : `${this.apiUrl}${endpoint}`;\n\n    // если есть params — используем axios-like сериализацию\n    if (options.params) {\n      url = buildURL(url, options.params);\n      delete options.params;\n    }\n\n    // по умолчанию GET, include credentials\n    const finalOptions = {\n      credentials: 'include',\n      headers: {},\n      ...options,\n    };\n\n    // если есть body — JSONify\n    if (finalOptions.body && !finalOptions.headers['Content-Type']) {\n      finalOptions.headers['Content-Type'] = 'application/json';\n      finalOptions.body = JSON.stringify(finalOptions.body);\n    }\n\n    console.log(`→ ${finalOptions.method || 'GET'} ${url}`);\n    const res = await fetch(url, finalOptions);\n    if (!res.ok) {\n      const err = new Error(`Status ${res.status}`);\n      err.status = res.status;\n      try { err.info = await res.json(); } catch {}\n      throw err;\n    }\n    return res.json();\n  }\n\n  async create(item) {\n    console.log('Creating item:', item);\n    try {\n      const result = await this.request('/create', {\n        method: 'POST',\n        body: item,\n      });\n      console.log('Create operation succeeded:', result);\n      return result;\n    } catch (error) {\n      console.error('Create operation failed:', error);\n      // Log specific error details\n      if (error.status) {\n        console.error(`HTTP Status: ${error.status}`);\n      }\n      if (error.errorCode) {\n        console.error(`Error Code: ${error.errorCode}`);\n      }\n      setError(error);\n      throw error;\n    }\n  }\n\n  // вместо текущего read()\n  async read(params = {}) {\n    console.log('Reading items with params:', params);\n    try {\n      // передаём все параметры в this.request через params\n      const result = await this.request('/read', { params });\n      console.log(`Read operation returned ${result.length || 0} items`);\n      return result;\n    } catch (error) {\n      console.error('Read operation failed:', error);\n      setError(error);\n      throw error;\n    }\n  }\n\n\n  async update(item) {\n    console.log('Updating item:', item);\n    try {\n      const result = await this.request('/update', {\n        method: 'PUT',\n        body: item,\n      });\n      console.log('Update operation succeeded:', result);\n      return result;\n    } catch (error) {\n      console.error('Update operation failed:', error);\n      setError(error);\n      throw error;\n    }\n  }\n\n  async delete(item) {\n    console.log('Deleting item:', item);\n    try {\n      const result = await this.request(`/delete`, {\n        method: 'DELETE',\n        body: item,\n      });\n      console.log('Delete operation succeeded');\n      return result;\n    } catch (error) {\n      console.error('Delete operation failed:', error);\n      setError(error);\n      throw error;\n    }\n  }\n\n  // Enhanced Mutations utilizing Vue reactivity system efficiently\n  setItems(items, state) {\n    console.log(`Setting ${items.length} items in state`);\n    const targetState = state || this.state.items;\n    if (Array.isArray(targetState)) {\n      targetState.splice(0, targetState.length, ...items);\n    } else {\n      console.error('Target state is not an array in setItems');\n    }\n  }\n\n  addItem(item, state, property = '_id') {\n    const targetState = state || this.state.items;\n    const existingItemIndex = targetState.findIndex(i => i[property] === item[property]);\n\n    if (existingItemIndex === -1) {\n      console.log('Adding new item to state');\n      targetState.splice(0, 0, item);\n    } else {\n      console.log('Updating existing item in state');\n      Object.assign(targetState[existingItemIndex], item);\n    }\n  }\n\n  updateItem(item, state, property = '_id') {\n    const targetState = state || this.state.items;\n    const index = targetState.findIndex(i => i[property] === item[property]);\n    if (index !== -1) {\n      console.log('Replacing item in state');\n      targetState.splice(index, 1, item);\n    } else {\n      console.log('Item not found for update in state');\n    }\n  }\n\n  removeItem(item, state, property = '_id') {\n    const targetState = state || this.state.items;\n    // Поиск и удаление элемента по указанному ключу\n    const index = targetState.findIndex(i => i[property] === item[property]);\n    if (index !== -1) {\n      console.log('Removing item from state');\n      targetState.splice(index, 1);\n    } else {\n      console.log('Item not found for removal from state');\n    }\n  }\n}\n\nexport default Store;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"globals.store.js","sources":["../../../../../../../src/modules/globals/views/classes/globals.store.js"],"sourcesContent":["import { reactive } from 'vue';\n// Globals\nimport { setError } from '@martyrs/src/modules/globals/views/store/globals.js';\nimport { buildURL } from '../utils/query-serializer.js';\n\nclass Store {\n  constructor(apiUrl) {\n    this.state = reactive({\n      items: [],\n      current: {},\n    });\n    this.apiUrl = apiUrl;\n    // console.log(`Store initialized with API URL: ${apiUrl}`);\n  }\n\n  // Simplified request method with enhanced debugging\n  async request(endpoint, options = {}) {\n    // собираем URL\n    let url = endpoint.startsWith('http')\n      ? endpoint\n      : `${this.apiUrl}${endpoint}`;\n\n    // если есть params — используем axios-like сериализацию\n    if (options.params) {\n      url = buildURL(url, options.params);\n      delete options.params;\n    }\n\n    // по умолчанию GET, include credentials\n    const finalOptions = {\n      credentials: 'include',\n      headers: {},\n      ...options,\n    };\n\n    // если есть body — JSONify\n    if (finalOptions.body && !finalOptions.headers['Content-Type']) {\n      finalOptions.headers['Content-Type'] = 'application/json';\n      finalOptions.body = JSON.stringify(finalOptions.body);\n    }\n\n    console.log(`→ ${finalOptions.method || 'GET'} ${url}`);\n    const res = await fetch(url, finalOptions);\n\n    if (!res.ok) {\n      const err = new Error(`Status ${res.status}`);\n      err.status = res.status;\n      try { err.info = await res.json(); } catch {}\n      throw err;\n    }\n\n    if (res.status === 204) {\n      return null;\n    }\n\n    return res.json();\n  }\n\n  async create(item) {\n    console.log('Creating item:', item);\n    try {\n      const result = await this.request('/create', {\n        method: 'POST',\n        body: item,\n      });\n      console.log('Create operation succeeded:', result);\n      return result;\n    } catch (error) {\n      console.error('Create operation failed:', error);\n      // Log specific error details\n      if (error.status) {\n        console.error(`HTTP Status: ${error.status}`);\n      }\n      if (error.errorCode) {\n        console.error(`Error Code: ${error.errorCode}`);\n      }\n      setError(error);\n      throw error;\n    }\n  }\n\n  // вместо текущего read()\n  async read(params = {}) {\n    console.log('Reading items with params:', params);\n    try {\n      // передаём все параметры в this.request через params\n      const result = await this.request('/read', { params });\n      console.log(`Read operation returned ${result.length || 0} items`);\n      return result;\n    } catch (error) {\n      console.error('Read operation failed:', error);\n      setError(error);\n      throw error;\n    }\n  }\n\n\n  async update(item) {\n    console.log('Updating item:', item);\n    try {\n      const result = await this.request('/update', {\n        method: 'PUT',\n        body: item,\n      });\n      console.log('Update operation succeeded:', result);\n      return result;\n    } catch (error) {\n      console.error('Update operation failed:', error);\n      setError(error);\n      throw error;\n    }\n  }\n\n  async delete(item) {\n    console.log('Deleting item:', item);\n    try {\n      const result = await this.request(`/delete`, {\n        method: 'POST',\n        body: item,\n      });\n      console.log('Delete operation succeeded', result);\n      return result;\n    } catch (error) {\n      console.error('Delete operation failed:', error);\n      setError(error);\n      throw error;\n    }\n  }\n\n  // Enhanced Mutations utilizing Vue reactivity system efficiently\n  setItems(items, state) {\n    console.log(`Setting ${items.length} items in state`);\n    const targetState = state || this.state.items;\n    if (Array.isArray(targetState)) {\n      targetState.splice(0, targetState.length, ...items);\n    } else {\n      console.error('Target state is not an array in setItems');\n    }\n  }\n\n  addItem(item, state, property = '_id') {\n    const targetState = state || this.state.items;\n    const existingItemIndex = targetState.findIndex(i => i[property] === item[property]);\n\n    if (existingItemIndex === -1) {\n      console.log('Adding new item to state');\n      targetState.splice(0, 0, item);\n    } else {\n      console.log('Updating existing item in state');\n      Object.assign(targetState[existingItemIndex], item);\n    }\n  }\n\n  updateItem(item, state, property = '_id') {\n    const targetState = state || this.state.items;\n    const index = targetState.findIndex(i => i[property] === item[property]);\n    if (index !== -1) {\n      console.log('Replacing item in state');\n      targetState.splice(index, 1, item);\n    } else {\n      console.log('Item not found for update in state');\n    }\n  }\n\n  removeItem(item, state, property = '_id') {\n    const targetState = state || this.state.items;\n    // Поиск и удаление элемента по указанному ключу\n    const index = targetState.findIndex(i => i[property] === item[property]);\n    if (index !== -1) {\n      console.log('Removing item from state');\n      targetState.splice(index, 1);\n    } else {\n      console.log('Item not found for removal from state');\n    }\n  }\n}\n\nexport default Store;\n"],"names":[],"mappings":"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"}

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

@@ -2,8 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const IconSearch = require("../../../../icons/navigation/IconSearch.vue.cjs");
-const Field = require("../../../../../components/Field/Field.vue2.cjs");
-const _hoisted_1 = { class: "flex-v-center flex-nowrap flex pd-small bg-light w-100 radius-medium" };
+const Field = require("../../../../../components/Field/Field.vue.cjs");
 const _sfc_main = {
   __name: "BlockSearch",
   props: {
@@ -38,19 +37,21 @@ const _sfc_main = {
       emits("search", search);
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createVNode(IconSearch.default, { class: "i-medium t-transp mn-r-thin" }),
-        vue.createVNode(Field.default, {
-          field: stateSearch.value,
-          "onUpdate:field": [
-            _cache[0] || (_cache[0] = ($event) => stateSearch.value = $event),
-            updateSearch
-          ],
-          placeholder: __props.placeholder,
-          autofocus: __props.autofocus,
-          class: "w-100"
-        }, null, 8, ["field", "placeholder", "autofocus"])
-      ]);
+      return vue.openBlock(), vue.createBlock(Field.default, {
+        field: stateSearch.value,
+        "onUpdate:field": [
+          _cache[0] || (_cache[0] = ($event) => stateSearch.value = $event),
+          updateSearch
+        ],
+        placeholder: __props.placeholder,
+        autofocus: __props.autofocus,
+        class: "flex-v-center flex-nowrap flex pd-small bg-light w-100 radius-medium w-100"
+      }, {
+        icon: vue.withCtx(() => [
+          vue.createVNode(IconSearch.default, { class: "i-medium t-transp mn-r-thin" })
+        ]),
+        _: 1
+      }, 8, ["field", "placeholder", "autofocus"]);
     };
   }
 };

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

@@ -1 +1 @@
-{"version":3,"file":"BlockSearch.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/blocks/BlockSearch.vue"],"sourcesContent":["<script setup>\nimport { ref, watch } from 'vue';\n\nimport IconSearch from '@martyrs/src/modules/icons/navigation/IconSearch.vue';\nimport Field from '@martyrs/src/components/Field/Field.vue';\n\nconst emits = defineEmits(['search', 'update:modelValue']);\nconst props = defineProps({\n  modelValue: {\n    type: String,\n    default: ''\n  },\n  placeholder: {\n    type: String,\n    default: 'Enter shop or product name'\n  },\n  autofocus: {\n    type: Boolean,\n    default: false\n  },\n  button: {\n    type: String,\n    default: 'Search'\n  },\n});\n\nconst stateSearch = ref(props.modelValue);\n\n// Обновлять поле при изменении modelValue извне\nwatch(() => props.modelValue, (newVal) => {\n  stateSearch.value = newVal;\n});\n\n// Когда пользователь вводит новое значение\nconst updateSearch = (search) => {\n  stateSearch.value = search;\n  emits('update:modelValue', search); // уведомим родителя\n  emits('search', search);            // при необходимости\n};\n</script>\n\n\n<template>\n  <div class=\"flex-v-center flex-nowrap flex pd-small bg-light w-100 radius-medium\">\n    <IconSearch class=\"i-medium t-transp mn-r-thin\" />\n\n    <Field\n      v-model:field=\"stateSearch\"\n      :placeholder=\"placeholder\"\n      :autofocus=\"autofocus\"\n      class=\"w-100\"\n      @update:field=\"updateSearch\"\n    />\n  </div>\n</template>\n"],"names":["ref","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,UAAM,QAAQ;AACd,UAAM,QAAQ;AAmBd,UAAM,cAAcA,IAAAA,IAAI,MAAM,UAAU;AAGxCC,QAAK,MAAC,MAAM,MAAM,YAAY,CAAC,WAAW;AACxC,kBAAY,QAAQ;AAAA,IACtB,CAAC;AAGD,UAAM,eAAe,CAAC,WAAW;AAC/B,kBAAY,QAAQ;AACpB,YAAM,qBAAqB,MAAM;AACjC,YAAM,UAAU,MAAM;AAAA,IACxB;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"BlockSearch.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/blocks/BlockSearch.vue"],"sourcesContent":["<script setup>\nimport { ref, watch } from 'vue';\nimport IconSearch from '@martyrs/src/modules/icons/navigation/IconSearch.vue';\nimport Field from '@martyrs/src/components/Field/Field.vue';\nconst emits = defineEmits(['search', 'update:modelValue']);\nconst props = defineProps({\n  modelValue: {\n    type: String,\n    default: ''\n  },\n  placeholder: {\n    type: String,\n    default: 'Enter shop or product name'\n  },\n  autofocus: {\n    type: Boolean,\n    default: false\n  },\n  button: {\n    type: String,\n    default: 'Search'\n  },\n});\nconst stateSearch = ref(props.modelValue);\n// Обновлять поле при изменении modelValue извне\nwatch(() => props.modelValue, (newVal) => {\n  stateSearch.value = newVal;\n});\n// Когда пользователь вводит новое значение\nconst updateSearch = (search) => {\n  stateSearch.value = search;\n  emits('update:modelValue', search); // уведомим родителя\n  emits('search', search);            // при необходимости\n};\n</script>\n<template>\n\n<Field\n  v-model:field=\"stateSearch\"\n  :placeholder=\"placeholder\"\n  :autofocus=\"autofocus\"\n  class=\"flex-v-center flex-nowrap flex pd-small bg-light w-100 radius-medium w-100\"\n  @update:field=\"updateSearch\"\n>\n  <template #icon>\n    <IconSearch class=\"i-medium t-transp mn-r-thin\" />\n  </template>\n</Field>\n\n</template>"],"names":["ref","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,UAAM,QAAQ;AACd,UAAM,QAAQ;AAkBd,UAAM,cAAcA,IAAAA,IAAI,MAAM,UAAU;AAExCC,QAAK,MAAC,MAAM,MAAM,YAAY,CAAC,WAAW;AACxC,kBAAY,QAAQ;AAAA,IACtB,CAAC;AAED,UAAM,eAAe,CAAC,WAAW;AAC/B,kBAAY,QAAQ;AACpB,YAAM,qBAAqB,MAAM;AACjC,YAAM,UAAU,MAAM;AAAA,IACxB;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,7 +1,6 @@
-import { ref, watch, createElementBlock, openBlock, createVNode } from "vue";
+import { ref, watch, createBlock, openBlock, withCtx, createVNode } from "vue";
 import _sfc_main$1 from "../../../../icons/navigation/IconSearch.vue.js";
-import _sfc_main$2 from "../../../../../components/Field/Field.vue2.js";
-const _hoisted_1 = { class: "flex-v-center flex-nowrap flex pd-small bg-light w-100 radius-medium" };
+import Field from "../../../../../components/Field/Field.vue.js";
 const _sfc_main = {
   __name: "BlockSearch",
   props: {
@@ -36,19 +35,21 @@ const _sfc_main = {
       emits("search", search);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(_sfc_main$1, { class: "i-medium t-transp mn-r-thin" }),
-        createVNode(_sfc_main$2, {
-          field: stateSearch.value,
-          "onUpdate:field": [
-            _cache[0] || (_cache[0] = ($event) => stateSearch.value = $event),
-            updateSearch
-          ],
-          placeholder: __props.placeholder,
-          autofocus: __props.autofocus,
-          class: "w-100"
-        }, null, 8, ["field", "placeholder", "autofocus"])
-      ]);
+      return openBlock(), createBlock(Field, {
+        field: stateSearch.value,
+        "onUpdate:field": [
+          _cache[0] || (_cache[0] = ($event) => stateSearch.value = $event),
+          updateSearch
+        ],
+        placeholder: __props.placeholder,
+        autofocus: __props.autofocus,
+        class: "flex-v-center flex-nowrap flex pd-small bg-light w-100 radius-medium w-100"
+      }, {
+        icon: withCtx(() => [
+          createVNode(_sfc_main$1, { class: "i-medium t-transp mn-r-thin" })
+        ]),
+        _: 1
+      }, 8, ["field", "placeholder", "autofocus"]);
     };
   }
 };

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

@@ -1 +1 @@
-{"version":3,"file":"BlockSearch.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/blocks/BlockSearch.vue"],"sourcesContent":["<script setup>\nimport { ref, watch } from 'vue';\n\nimport IconSearch from '@martyrs/src/modules/icons/navigation/IconSearch.vue';\nimport Field from '@martyrs/src/components/Field/Field.vue';\n\nconst emits = defineEmits(['search', 'update:modelValue']);\nconst props = defineProps({\n  modelValue: {\n    type: String,\n    default: ''\n  },\n  placeholder: {\n    type: String,\n    default: 'Enter shop or product name'\n  },\n  autofocus: {\n    type: Boolean,\n    default: false\n  },\n  button: {\n    type: String,\n    default: 'Search'\n  },\n});\n\nconst stateSearch = ref(props.modelValue);\n\n// Обновлять поле при изменении modelValue извне\nwatch(() => props.modelValue, (newVal) => {\n  stateSearch.value = newVal;\n});\n\n// Когда пользователь вводит новое значение\nconst updateSearch = (search) => {\n  stateSearch.value = search;\n  emits('update:modelValue', search); // уведомим родителя\n  emits('search', search);            // при необходимости\n};\n</script>\n\n\n<template>\n  <div class=\"flex-v-center flex-nowrap flex pd-small bg-light w-100 radius-medium\">\n    <IconSearch class=\"i-medium t-transp mn-r-thin\" />\n\n    <Field\n      v-model:field=\"stateSearch\"\n      :placeholder=\"placeholder\"\n      :autofocus=\"autofocus\"\n      class=\"w-100\"\n      @update:field=\"updateSearch\"\n    />\n  </div>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,UAAM,QAAQ;AACd,UAAM,QAAQ;AAmBd,UAAM,cAAc,IAAI,MAAM,UAAU;AAGxC,UAAM,MAAM,MAAM,YAAY,CAAC,WAAW;AACxC,kBAAY,QAAQ;AAAA,IACtB,CAAC;AAGD,UAAM,eAAe,CAAC,WAAW;AAC/B,kBAAY,QAAQ;AACpB,YAAM,qBAAqB,MAAM;AACjC,YAAM,UAAU,MAAM;AAAA,IACxB;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"BlockSearch.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/blocks/BlockSearch.vue"],"sourcesContent":["<script setup>\nimport { ref, watch } from 'vue';\nimport IconSearch from '@martyrs/src/modules/icons/navigation/IconSearch.vue';\nimport Field from '@martyrs/src/components/Field/Field.vue';\nconst emits = defineEmits(['search', 'update:modelValue']);\nconst props = defineProps({\n  modelValue: {\n    type: String,\n    default: ''\n  },\n  placeholder: {\n    type: String,\n    default: 'Enter shop or product name'\n  },\n  autofocus: {\n    type: Boolean,\n    default: false\n  },\n  button: {\n    type: String,\n    default: 'Search'\n  },\n});\nconst stateSearch = ref(props.modelValue);\n// Обновлять поле при изменении modelValue извне\nwatch(() => props.modelValue, (newVal) => {\n  stateSearch.value = newVal;\n});\n// Когда пользователь вводит новое значение\nconst updateSearch = (search) => {\n  stateSearch.value = search;\n  emits('update:modelValue', search); // уведомим родителя\n  emits('search', search);            // при необходимости\n};\n</script>\n<template>\n\n<Field\n  v-model:field=\"stateSearch\"\n  :placeholder=\"placeholder\"\n  :autofocus=\"autofocus\"\n  class=\"flex-v-center flex-nowrap flex pd-small bg-light w-100 radius-medium w-100\"\n  @update:field=\"updateSearch\"\n>\n  <template #icon>\n    <IconSearch class=\"i-medium t-transp mn-r-thin\" />\n  </template>\n</Field>\n\n</template>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAIA,UAAM,QAAQ;AACd,UAAM,QAAQ;AAkBd,UAAM,cAAc,IAAI,MAAM,UAAU;AAExC,UAAM,MAAM,MAAM,YAAY,CAAC,WAAW;AACxC,kBAAY,QAAQ;AAAA,IACtB,CAAC;AAED,UAAM,eAAe,CAAC,WAAW;AAC/B,kBAAY,QAAQ;AACpB,YAAM,qBAAqB,MAAM;AACjC,YAAM,UAAU,MAAM;AAAA,IACxB;;;;;;;;;;;;;;;;;;;;"}

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

@@ -9,7 +9,7 @@ const PlaceholderOrganizationPic = require("../../../../icons/placeholders/Place
 const IconEllipsis = require("../../../../icons/navigation/IconEllipsis.vue.cjs");
 const FormReport = require("../../../../reports/components/sections/FormReport.vue.cjs");
 ;/* empty css                                            */
-;/* empty css                                             */
+;/* empty css                                            */
 require("../../../../auth/views/store/auth.cjs");
 require("../../../../organizations/store/memberships.cjs");
 const PhotoStack = require("../elements/PhotoStack.vue.cjs");
@@ -18,28 +18,23 @@ const _hoisted_1 = {
   class: "pd-b-zero"
 };
 const _hoisted_2 = { class: "w-100 flex-v-center flex-nojustify flex" };
-const _hoisted_3 = { class: "w-100 p-medium t-nowrap flex-nowrap flex-v-center flex" };
+const _hoisted_3 = { class: "w-100 gap-thin p-medium t-nowrap flex-nowrap flex-v-center flex" };
 const _hoisted_4 = ["src"];
 const _hoisted_5 = {
   key: 2,
-  class: "flex flex-nowrap t-medium w-100 pos-relative"
-};
-const _hoisted_6 = {
-  key: 0,
-  class: "mn-l-micro mn-r-micro"
-};
-const _hoisted_7 = {
-  key: 2,
-  class: "mn-l-micro mn-r-micro"
+  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 = { class: "d-block mn-l-auto flex-nowrap flex flex-v-center" };
-const _hoisted_11 = { class: "bg-black flex-column flex gap-thin pd-thin radius-small" };
-const _hoisted_12 = ["onClick"];
+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: [
@@ -88,7 +83,7 @@ const _sfc_main = {
               key: 0,
               loading: "lazy",
               src: (_ctx.FILE_SERVER_URL || "") + __props.owner.target.profile.photo,
-              class: "radius-medium flex-child-default object-fit-cover mn-r-thin i-thin",
+              class: "radius-medium bg-white flex-child-default object-fit-cover i-thin",
               onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => _ctx.$router.push({
                 name: __props.owner.type === "user" ? "User Profile" : "Organization",
                 params: {
@@ -98,7 +93,7 @@ const _sfc_main = {
             }, null, 8, _hoisted_4)) : vue.createCommentVNode("", true),
             !((_e = (_d = __props.owner.target) == null ? void 0 : _d.profile) == null ? void 0 : _e.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 mn-r-thin i-thin",
+              class: "radius-medium flex-child-default cursor-pointer i-thin",
               onClick: _cache[1] || (_cache[1] = vue.withModifiers(($event) => _ctx.$router.push({
                 name: __props.owner.type === "user" ? "User Profile" : "Organization",
                 params: {
@@ -144,9 +139,10 @@ const _sfc_main = {
                   _: 1
                 }, 8, ["text"])) : vue.createCommentVNode("", true)
               ])) : vue.createCommentVNode("", true),
-              __props.dateFormatted ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_9, " · " + vue.toDisplayString(__props.dateFormatted), 1)) : 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_10, [
+            vue.createElementVNode("div", _hoisted_11, [
               __props.members ? (vue.openBlock(), vue.createBlock(PhotoStack.default, {
                 key: 0,
                 number: __props.members,
@@ -162,7 +158,7 @@ const _sfc_main = {
               default: vue.withCtx(() => {
                 var _a2;
                 return [
-                  vue.createElementVNode("section", _hoisted_11, [
+                  vue.createElementVNode("section", _hoisted_12, [
                     __props.user !== ((_a2 = __props.creator.target) == null ? void 0 : _a2._id) ? (vue.openBlock(), vue.createBlock(FormReport.default, {
                       key: 0,
                       user: __props.user,
@@ -192,7 +188,7 @@ const _sfc_main = {
                           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_12)) : vue.createCommentVNode("", true)
+                        }, vue.toDisplayString(action.label), 11, _hoisted_13)) : vue.createCommentVNode("", true)
                       ], 64);
                     }), 256)) : vue.createCommentVNode("", true)
                   ])

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

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

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

@@ -7,7 +7,7 @@ import PlaceholderOrganizationPic from "../../../../icons/placeholders/Placehold
 import _sfc_main$4 from "../../../../icons/navigation/IconEllipsis.vue.js";
 import _sfc_main$5 from "../../../../reports/components/sections/FormReport.vue.js";
 /* empty css                                          */
-/* empty css                                           */
+/* empty css                                          */
 import "../../../../auth/views/store/auth.js";
 import "../../../../organizations/store/memberships.js";
 import _sfc_main$2 from "../elements/PhotoStack.vue.js";
@@ -16,28 +16,23 @@ const _hoisted_1 = {
   class: "pd-b-zero"
 };
 const _hoisted_2 = { class: "w-100 flex-v-center flex-nojustify flex" };
-const _hoisted_3 = { class: "w-100 p-medium t-nowrap flex-nowrap flex-v-center flex" };
+const _hoisted_3 = { class: "w-100 gap-thin p-medium t-nowrap flex-nowrap flex-v-center flex" };
 const _hoisted_4 = ["src"];
 const _hoisted_5 = {
   key: 2,
-  class: "flex flex-nowrap t-medium w-100 pos-relative"
-};
-const _hoisted_6 = {
-  key: 0,
-  class: "mn-l-micro mn-r-micro"
-};
-const _hoisted_7 = {
-  key: 2,
-  class: "mn-l-micro mn-r-micro"
+  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 = { class: "d-block mn-l-auto flex-nowrap flex flex-v-center" };
-const _hoisted_11 = { class: "bg-black flex-column flex gap-thin pd-thin radius-small" };
-const _hoisted_12 = ["onClick"];
+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: [
@@ -86,7 +81,7 @@ const _sfc_main = {
               key: 0,
               loading: "lazy",
               src: (_ctx.FILE_SERVER_URL || "") + __props.owner.target.profile.photo,
-              class: "radius-medium flex-child-default object-fit-cover mn-r-thin i-thin",
+              class: "radius-medium bg-white flex-child-default object-fit-cover i-thin",
               onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.$router.push({
                 name: __props.owner.type === "user" ? "User Profile" : "Organization",
                 params: {
@@ -96,7 +91,7 @@ const _sfc_main = {
             }, null, 8, _hoisted_4)) : createCommentVNode("", true),
             !((_e = (_d = __props.owner.target) == null ? void 0 : _d.profile) == null ? void 0 : _e.photo) && __props.type !== "short" ? (openBlock(), createBlock(resolveDynamicComponent(__props.owner.type === "user" ? PlaceholderUserpic : PlaceholderOrganizationPic), {
               key: 1,
-              class: "radius-medium flex-child-default cursor-pointer mn-r-thin i-thin",
+              class: "radius-medium flex-child-default cursor-pointer i-thin",
               onClick: _cache[1] || (_cache[1] = withModifiers(($event) => _ctx.$router.push({
                 name: __props.owner.type === "user" ? "User Profile" : "Organization",
                 params: {
@@ -142,9 +137,10 @@ const _sfc_main = {
                   _: 1
                 }, 8, ["text"])) : createCommentVNode("", true)
               ])) : createCommentVNode("", true),
-              __props.dateFormatted ? (openBlock(), createElementBlock("span", _hoisted_9, " · " + toDisplayString(__props.dateFormatted), 1)) : createCommentVNode("", true)
+              __props.dateFormatted ? (openBlock(), createElementBlock("span", _hoisted_9, "·")) : createCommentVNode("", true),
+              __props.dateFormatted ? (openBlock(), createElementBlock("span", _hoisted_10, toDisplayString(__props.dateFormatted), 1)) : createCommentVNode("", true)
             ])) : createCommentVNode("", true),
-            createElementVNode("div", _hoisted_10, [
+            createElementVNode("div", _hoisted_11, [
               __props.members ? (openBlock(), createBlock(_sfc_main$2, {
                 key: 0,
                 number: __props.members,
@@ -160,7 +156,7 @@ const _sfc_main = {
               default: withCtx(() => {
                 var _a2;
                 return [
-                  createElementVNode("section", _hoisted_11, [
+                  createElementVNode("section", _hoisted_12, [
                     __props.user !== ((_a2 = __props.creator.target) == null ? void 0 : _a2._id) ? (openBlock(), createBlock(_sfc_main$5, {
                       key: 0,
                       user: __props.user,
@@ -190,7 +186,7 @@ const _sfc_main = {
                           key: 1,
                           onClick: action.method,
                           class: normalizeClass(action.class || "w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button")
-                        }, toDisplayString(action.label), 11, _hoisted_12)) : createCommentVNode("", true)
+                        }, toDisplayString(action.label), 11, _hoisted_13)) : createCommentVNode("", true)
                       ], 64);
                     }), 256)) : createCommentVNode("", true)
                   ])

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

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

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

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const Popup = require("../../../../../components/Popup/Popup.vue.cjs");
-const Button = require("../../../../../components/Button/Button.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" };

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

@@ -1,7 +1,7 @@
 import { createBlock, openBlock, withCtx, createElementVNode, toDisplayString, createVNode, createTextVNode } from "vue";
 import { useRouter, useRoute } from "vue-router";
 import _sfc_main$1 from "../../../../../components/Popup/Popup.vue.js";
-import _sfc_main$2 from "../../../../../components/Button/Button.vue.js";
+import _sfc_main$2 from "../../../../../components/Button/Button.vue2.js";
 const _hoisted_1 = { class: "t-center" };
 const _hoisted_2 = { class: "mn-b-medium" };
 const _hoisted_3 = { class: "mn-b-semi t-transp" };

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

@@ -5,7 +5,7 @@ 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.vue.cjs");
-const Button = require("../../../../../components/Button/Button.vue.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");
@@ -21,7 +21,10 @@ const _hoisted_3 = { class: "gap-thin flex flex-center flex-nowrap" };
 const _sfc_main = {
   __name: "PopupDateSelector",
   props: {
-    product: { type: Object, required: true },
+    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 },
@@ -48,7 +51,9 @@ const _sfc_main = {
     const availabilityError = vue.ref(null);
     const isAvailable = vue.ref(true);
     async function loadAvailabilityData() {
-      if (!props.product || !props.product._id) return;
+      if (!props.productId || !props.variantId) return;
+      console.log("productId", props.productId);
+      console.log("variantId", props.variantId);
       isLoading.value = true;
       availabilityError.value = null;
       try {
@@ -56,7 +61,8 @@ const _sfc_main = {
         const start = new Date(today.getFullYear(), today.getMonth(), 1);
         const end = new Date(today.getFullYear(), today.getMonth() + 2, 0);
         const data = await rents_store.loadAvailability({
-          productId: props.product._id,
+          productId: props.productId,
+          variantId: props.variantId,
           startDate: start.toISOString().split("T")[0],
           endDate: end.toISOString().split("T")[0]
         });
@@ -79,7 +85,7 @@ const _sfc_main = {
       return diffDays > 0 ? diffDays : 0;
     }
     const numberOfDays = vue.computed(() => calculateDays(selectedDates.value.start, selectedDates.value.end));
-    const totalAmount = vue.computed(() => props.product.price * numberOfDays.value);
+    const totalAmount = vue.computed(() => props.price * numberOfDays.value * props.quantity);
     function closePopup() {
       emit("close");
     }
@@ -93,7 +99,7 @@ const _sfc_main = {
       if (props.onCancel) {
         props.onCancel();
       }
-      closePopup();
+      emit("close-popup");
     }
     vue.watch([() => selectedDates.value.start, () => selectedDates.value.end], ([newStart, newEnd]) => {
     }, { immediate: false });
@@ -126,9 +132,10 @@ const _sfc_main = {
             availabilityData: availabilityData.value,
             showAvailability: true,
             lowAvailabilityThreshold: 3,
+            requiredQuantity: __props.quantity,
             class: "bg-light radius-small",
             disabled: isLoading.value
-          }, null, 8, ["date", "availabilityData", "disabled"]),
+          }, 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))

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

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