@ozdao/martyrs 0.2.423

package/dist/martyrs/src/components/UploadImage/UploadImage.vue.js

@@ -0,0 +1,100 @@
+import { ref, watch, createElementBlock, openBlock, withModifiers, createElementVNode } from "vue";
+import axios from "axios";
+const _hoisted_1 = ["src"];
+const _hoisted_2 = {
+  key: 1,
+  class: "flex-v-center flex-h-center flex w-100 h-100 bg-second"
+};
+const _sfc_main = {
+  __name: "UploadImage",
+  props: [
+    "uploadPath",
+    // only necessary prop
+    "photo"
+    // new prop for holding the image url
+  ],
+  emits: ["update:photo", "error"],
+  setup(__props, { emit: __emit }) {
+    const imageUrl = ref(null);
+    const fileInput = ref(null);
+    const props = __props;
+    const emit = __emit;
+    watch(props, ({ photo }) => {
+      if (photo) imageUrl.value = photo;
+    });
+    function onComponentClick() {
+      fileInput.value.click();
+    }
+    async function onFileChange(e) {
+      let file = e.target.files[0];
+      if (!file) {
+        console.error("No file selected");
+        return;
+      }
+      let formData = new FormData();
+      formData.append("file", file);
+      console.log("Sending file:", file.name);
+      try {
+        const $axios = axios.create({ baseURL: process.env.API_URL, withCredentials: true });
+        let response = await $axios.post(`/api/upload/multiple?folderName=${encodeURIComponent(props.uploadPath)}`, formData);
+        console.log("Upload response:", response);
+        imageUrl.value = response.data[0].filepath;
+        emit("update:photo", imageUrl.value);
+      } catch (error) {
+        emit("error", error);
+        console.error("Upload error:", error);
+      }
+    }
+    function onDrop(e) {
+      e.preventDefault();
+      onFileChange({
+        target: {
+          files: e.dataTransfer.files
+        }
+      });
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        onClick: onComponentClick,
+        onDrop,
+        onDragover: _cache[0] || (_cache[0] = withModifiers(() => {
+        }, ["prevent"])),
+        class: "image-upload-area flex-v-center flex-h-center flex"
+      }, [
+        imageUrl.value || __props.photo ? (openBlock(), createElementBlock("img", {
+          key: 0,
+          loading: "lazy",
+          src: (_ctx.FILE_SERVER_URL || "") + (imageUrl.value || __props.photo),
+          alt: "Uploaded image",
+          class: "w-100 h-100 object-fit-cover"
+        }, null, 8, _hoisted_1)) : (openBlock(), createElementBlock("div", _hoisted_2, _cache[1] || (_cache[1] = [
+          createElementVNode("svg", {
+            class: "i-medium",
+            width: "104",
+            height: "104",
+            viewBox: "0 0 104 104",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg"
+          }, [
+            createElementVNode("path", {
+              fill: "rgb(var(--white))",
+              d: "M21.2784 37.2973C18.8466 34.6628 18.8466 30.6098 21.2784 27.9753L47.2179 2.03584C48.6364 0.81993 50.2577 0.211974 51.8789 0.211974C53.5001 0.211974 55.1213 0.81993 56.5399 2.03584L82.4793 27.9753C84.9111 30.6098 84.9111 34.6628 82.4793 37.2973C79.8448 39.7291 75.7918 39.7291 73.1573 37.2973L58.3637 22.301V71.5454C58.3637 75.1932 55.5266 78.0303 51.8789 78.0303C48.2311 78.0303 45.394 75.1932 45.394 71.5454V22.301L30.6004 37.2973C27.966 39.7291 23.9129 39.7291 21.2784 37.2973ZM97.2729 71.5454C100.921 71.5454 103.758 74.3825 103.758 78.0303V97.4849C103.758 101.133 100.921 103.97 97.2729 103.97H6.48486C2.83713 103.97 0 101.133 0 97.4849V78.0303C0 74.3825 2.83713 71.5454 6.48486 71.5454H38.9092C38.9092 78.6382 44.7861 84.5151 51.8789 84.5151C58.9717 84.5151 64.8486 78.6382 64.8486 71.5454H97.2729ZM87.5456 92.6212C90.1801 92.6212 92.4092 90.392 92.4092 87.7576C92.4092 85.1231 90.1801 82.8939 87.5456 82.8939C84.9111 82.8939 82.682 85.1231 82.682 87.7576C82.682 90.392 84.9111 92.6212 87.5456 92.6212Z"
+            })
+          ], -1)
+        ]))),
+        createElementVNode("input", {
+          type: "file",
+          name: "file",
+          ref_key: "fileInput",
+          ref: fileInput,
+          onChange: onFileChange,
+          style: { "display": "none" }
+        }, null, 544)
+      ], 32);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=UploadImage.vue.js.map

package/dist/martyrs/src/components/UploadImage/UploadImage.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadImage.vue.js","sources":["../../../../../src/components/UploadImage/UploadImage.vue"],"sourcesContent":["<template>\n  <div \n    @click=\"onComponentClick\"\n    @drop=\"onDrop\"\n    @dragover.prevent\n    class=\"image-upload-area flex-v-center flex-h-center flex\">\n      <img loading=\"lazy\" \n        v-if=\"imageUrl || photo\" \n        :src=\"(FILE_SERVER_URL || '') + (imageUrl || photo)\"\n        alt=\"Uploaded image\" \n        class=\"w-100 h-100 object-fit-cover\"\n        />\n      \n      <div v-else class=\"flex-v-center flex-h-center flex w-100 h-100 bg-second\" >\n        <svg class=\"i-medium\" width=\"104\" height=\"104\" viewBox=\"0 0 104 104\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path  fill=\"rgb(var(--white))\" d=\"M21.2784 37.2973C18.8466 34.6628 18.8466 30.6098 21.2784 27.9753L47.2179 2.03584C48.6364 0.81993 50.2577 0.211974 51.8789 0.211974C53.5001 0.211974 55.1213 0.81993 56.5399 2.03584L82.4793 27.9753C84.9111 30.6098 84.9111 34.6628 82.4793 37.2973C79.8448 39.7291 75.7918 39.7291 73.1573 37.2973L58.3637 22.301V71.5454C58.3637 75.1932 55.5266 78.0303 51.8789 78.0303C48.2311 78.0303 45.394 75.1932 45.394 71.5454V22.301L30.6004 37.2973C27.966 39.7291 23.9129 39.7291 21.2784 37.2973ZM97.2729 71.5454C100.921 71.5454 103.758 74.3825 103.758 78.0303V97.4849C103.758 101.133 100.921 103.97 97.2729 103.97H6.48486C2.83713 103.97 0 101.133 0 97.4849V78.0303C0 74.3825 2.83713 71.5454 6.48486 71.5454H38.9092C38.9092 78.6382 44.7861 84.5151 51.8789 84.5151C58.9717 84.5151 64.8486 78.6382 64.8486 71.5454H97.2729ZM87.5456 92.6212C90.1801 92.6212 92.4092 90.392 92.4092 87.7576C92.4092 85.1231 90.1801 82.8939 87.5456 82.8939C84.9111 82.8939 82.682 85.1231 82.682 87.7576C82.682 90.392 84.9111 92.6212 87.5456 92.6212Z\"/>\n        </svg>\n      </div>\n      \n      <input type=\"file\" name=\"file\" ref=\"fileInput\" @change=\"onFileChange\" style=\"display: none\"/>\n  </div>\n</template>\n\n<script setup>\nimport { ref, watch } from 'vue';\nimport axios from 'axios';\n\nconst imageUrl = ref(null);\nconst fileInput = ref(null);\n\nconst props = defineProps([\n  'uploadPath', // only necessary prop\n  'photo' // new prop for holding the image url\n]);\n\nconst emit = defineEmits(['update:photo', 'error']);\n\nwatch(props, ({photo}) => {\n  if(photo) imageUrl.value = photo;\n});\n\nfunction onComponentClick() {\n  fileInput.value.click();\n}\n\nasync function onFileChange(e) {\n  let file = e.target.files[0];\n  if (!file) {\n    console.error(\"No file selected\");\n    return;\n  }\n  \n  let formData = new FormData();\n  formData.append(\"file\", file);\n\n  console.log(\"Sending file:\", file.name); // Логируем имя файла перед отправкой\n\n  try {\n    const $axios = axios.create({ baseURL: process.env.API_URL, withCredentials: true }); \n\n    let response = await $axios.post(`/api/upload/multiple?folderName=${encodeURIComponent(props.uploadPath)}`, formData);\n    console.log(\"Upload response:\", response); // Логируем ответ сервера\n    imageUrl.value = response.data[0].filepath;\n    emit('update:photo', imageUrl.value);\n  } catch (error) {\n    emit('error', error);\n    console.error(\"Upload error:\", error); // Логируем ошибку\n  }\n}\n\n\nfunction onDrop(e) {\n  e.preventDefault();\n  onFileChange({\n    target: {\n      files: e.dataTransfer.files\n    }\n  });\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AA2BA,UAAM,WAAW,IAAI,IAAI;AACzB,UAAM,YAAY,IAAI,IAAI;AAE1B,UAAM,QAAQ;AAKd,UAAM,OAAO;AAEb,UAAM,OAAO,CAAC,EAAC,MAAK,MAAM;AACxB,UAAG,MAAO,UAAS,QAAQ;AAAA,IAC7B,CAAC;AAED,aAAS,mBAAmB;AAC1B,gBAAU,MAAM,MAAO;AAAA,IACzB;AAEA,mBAAe,aAAa,GAAG;AAC7B,UAAI,OAAO,EAAE,OAAO,MAAM,CAAC;AAC3B,UAAI,CAAC,MAAM;AACT,gBAAQ,MAAM,kBAAkB;AAChC;AAAA,MACJ;AAEE,UAAI,WAAW,IAAI,SAAU;AAC7B,eAAS,OAAO,QAAQ,IAAI;AAE5B,cAAQ,IAAI,iBAAiB,KAAK,IAAI;AAEtC,UAAI;AACF,cAAM,SAAS,MAAM,OAAO,EAAE,SAAS,QAAQ,IAAI,SAAS,iBAAiB,KAAM,CAAA;AAEnF,YAAI,WAAW,MAAM,OAAO,KAAK,mCAAmC,mBAAmB,MAAM,UAAU,CAAC,IAAI,QAAQ;AACpH,gBAAQ,IAAI,oBAAoB,QAAQ;AACxC,iBAAS,QAAQ,SAAS,KAAK,CAAC,EAAE;AAClC,aAAK,gBAAgB,SAAS,KAAK;AAAA,MACpC,SAAQ,OAAO;AACd,aAAK,SAAS,KAAK;AACnB,gBAAQ,MAAM,iBAAiB,KAAK;AAAA,MACxC;AAAA,IACA;AAGA,aAAS,OAAO,GAAG;AACjB,QAAE,eAAgB;AAClB,mBAAa;AAAA,QACX,QAAQ;AAAA,UACN,OAAO,EAAE,aAAa;AAAA,QAC5B;AAAA,MACA,CAAG;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/UploadImageMultiple/UploadImageMultiple.vue.cjs

@@ -0,0 +1,141 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const axios = require("axios");
+const Loader = require("../Loader/Loader.vue2.cjs");
+const IconUpload = require("../../modules/icons/navigation/IconUpload.vue.cjs");
+const _hoisted_1 = {
+  key: 0,
+  class: "t-center"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "mn-t-thin mn-b-thin d-block h3 t-black"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "mn-b-thin t-transp d-block"
+};
+const _hoisted_4 = {
+  key: 2,
+  class: "mn-b-thin uppercase p-small t-medium d-block"
+};
+const _hoisted_5 = {
+  key: 3,
+  class: "cursor-pointer mn-b-small br-2px br-main br-solid radius-extra pd-l-thin pd-r-thin t-main"
+};
+const _hoisted_6 = {
+  key: 4,
+  class: "uppercase p-small t-medium d-block"
+};
+const _sfc_main = {
+  __name: "UploadImageMultiple",
+  props: {
+    uploadPath: {
+      type: Object,
+      required: true
+    },
+    options: {
+      type: Object,
+      default: () => ({
+        mimeType: ["jpg", "png", "gif"],
+        maxSize: 10 * 1024 * 1024,
+        showText: true,
+        showTitle: true
+      })
+    },
+    text: {
+      type: Object,
+      default: () => ({
+        title: "Drag & Drop Your Images Here",
+        subtitle: "Files supported: JPG, PNG, GIF"
+      })
+    }
+  },
+  emits: ["update:images"],
+  setup(__props, { emit: __emit }) {
+    const images = vue.ref([]);
+    const loading = vue.ref(false);
+    const fileInput = vue.ref(null);
+    const props = __props;
+    const emit = __emit;
+    function onComponentClick() {
+      fileInput.value.click();
+    }
+    async function onFileChange(e) {
+      loading.value = true;
+      let files = e.target.files;
+      let formData = new FormData();
+      for (const file of files) {
+        formData.append("file", file);
+      }
+      try {
+        const $axios = axios.create({ baseURL: process.env.API_URL, withCredentials: true });
+        let response = await $axios.post(`/api/upload/multiple?folderName=${encodeURIComponent(props.uploadPath)}`, formData, {
+          headers: {
+            "Content-Type": "multipart/form-data"
+          }
+        });
+        response.data.forEach((file) => {
+          images.value.push(file.filepath);
+        });
+        emit("update:images", images.value);
+        loading.value = false;
+      } catch (error) {
+        console.error(error);
+        loading.value = false;
+      }
+    }
+    function onDrop(e) {
+      e.preventDefault();
+      onFileChange({
+        target: {
+          files: e.dataTransfer.files
+        }
+      });
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        onClick: onComponentClick,
+        onDrop,
+        onDragover: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+        }, ["prevent"])),
+        class: "cursor-pointer t-black w-100 flex-v-center flex-h-center flex pos-relative"
+      }, [
+        vue.createVNode(vue.Transition, {
+          name: "moveFromTop",
+          mode: "out-in"
+        }, {
+          default: vue.withCtx(() => [
+            !loading.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+              vue.createVNode(IconUpload.default, {
+                style: { "max-height": "4rem" },
+                class: "w-100 h-100",
+                fill: "rgb(var(--main))"
+              }),
+              __props.options.showText || __props.options.showTitle ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, vue.toDisplayString(__props.text.title), 1)) : vue.createCommentVNode("", true),
+              __props.options.showText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3, vue.toDisplayString(__props.text.subtitle), 1)) : vue.createCommentVNode("", true),
+              __props.options.showText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, "or")) : vue.createCommentVNode("", true),
+              __props.options.showText ? (vue.openBlock(), vue.createElementBlock("button", _hoisted_5, "Browse Files")) : vue.createCommentVNode("", true),
+              __props.options.showText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6, "Maximum size: 2MB")) : vue.createCommentVNode("", true)
+            ])) : (vue.openBlock(), vue.createBlock(Loader.default, {
+              key: 1,
+              class: "pos-absolute"
+            }))
+          ]),
+          _: 1
+        }),
+        vue.createElementVNode("input", {
+          type: "file",
+          ref_key: "fileInput",
+          ref: fileInput,
+          onChange: onFileChange,
+          multiple: "",
+          style: { "display": "none" }
+        }, null, 544)
+      ], 32);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=UploadImageMultiple.vue.cjs.map

package/dist/martyrs/src/components/UploadImageMultiple/UploadImageMultiple.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadImageMultiple.vue.cjs","sources":["../../../../../src/components/UploadImageMultiple/UploadImageMultiple.vue"],"sourcesContent":["<template>\n  <div \n    @click=\"onComponentClick\"\n    @drop=\"onDrop\"\n    @dragover.prevent\n    class=\"cursor-pointer t-black w-100 flex-v-center flex-h-center flex pos-relative\"\n  >\n    <transition name=\"moveFromTop\" mode=\"out-in\">\n      <div v-if=\"!loading\" class=\"t-center\">\n        <IconUpload\n          style=\"max-height: 4rem;\"\n          class=\"w-100 h-100\"\n          fill=\"rgb(var(--main))\"\n        />\n\n        <span v-if=\"options.showText || options.showTitle\" class=\"mn-t-thin  mn-b-thin d-block h3 t-black\">{{ text.title }}</span>\n        <span v-if=\"options.showText\" class=\"mn-b-thin t-transp d-block \">{{ text.subtitle }}</span>\n        <span  v-if=\"options.showText\"class=\"mn-b-thin uppercase p-small t-medium d-block\">or</span>\n\n        <button  v-if=\"options.showText\" class=\"cursor-pointer mn-b-small br-2px br-main br-solid radius-extra pd-l-thin pd-r-thin  t-main\">Browse Files</button>\n\n        <span  v-if=\"options.showText\" class=\"uppercase p-small t-medium d-block \">Maximum size: 2MB</span>\n      </div>\n      <Loader v-else class=\"pos-absolute\"/>\n    </transition>\n\n    <input type=\"file\" ref=\"fileInput\" @change=\"onFileChange\" multiple style=\"display: none\"/>\n  </div>\n</template>\n\n<script setup>\nimport { ref, watch } from 'vue';\nimport axios from 'axios';\n\nimport Loader from '@martyrs/src/components/Loader/Loader.vue';\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue'\nimport IconUpload from '@martyrs/src/modules/icons/navigation/IconUpload.vue'\n\nconst images = ref([]);\nconst loading = ref(false);\nconst fileInput = ref(null);\n\nconst props = defineProps({\n  uploadPath: {\n    type: Object,\n    required: true\n  },\n  options: {\n    type: Object,\n    default: () => ({\n      mimeType: ['jpg', 'png', 'gif'],\n      maxSize: 10 * 1024 * 1024,\n      showText: true,\n      showTitle: true\n    })\n  },\n  text: {\n    type: Object,\n    default: () => ({\n      title: 'Drag & Drop Your Images Here',\n      subtitle: 'Files supported: JPG, PNG, GIF'\n    })\n  }\n});\n\nconst emit = defineEmits(['update:images']);\n\nfunction onComponentClick() {\n  fileInput.value.click();\n}\n\nasync function onFileChange(e) {\n  loading.value = true;\n\n  let files = e.target.files;\n  let formData = new FormData();\n\n  for (const file of files) {\n    formData.append(\"file\", file);\n  }\n\n\n  try {\n    const $axios = axios.create({ baseURL: process.env.API_URL, withCredentials: true }); \n\n    let response = await $axios.post(`/api/upload/multiple?folderName=${encodeURIComponent(props.uploadPath)}`, formData, {\n      headers: {\n        \"Content-Type\": \"multipart/form-data\"\n      }\n    });\n    response.data.forEach(file => {\n      images.value.push(file.filepath); // push each file path to the images array\n    });\n    emit('update:images', images.value);\n    loading.value = false;\n  } catch (error) {\n    console.error(error);\n    loading.value = false;\n  }\n}\n\nfunction onDrop(e) {\n  e.preventDefault();\n  onFileChange({\n    target: {\n      files: e.dataTransfer.files\n    }\n  });\n}\n</script>\n"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,UAAM,SAASA,IAAG,IAAC,EAAE;AACrB,UAAM,UAAUA,IAAG,IAAC,KAAK;AACzB,UAAM,YAAYA,IAAG,IAAC,IAAI;AAE1B,UAAM,QAAQ;AAuBd,UAAM,OAAO;AAEb,aAAS,mBAAmB;AAC1B,gBAAU,MAAM,MAAO;AAAA,IACzB;AAEA,mBAAe,aAAa,GAAG;AAC7B,cAAQ,QAAQ;AAEhB,UAAI,QAAQ,EAAE,OAAO;AACrB,UAAI,WAAW,IAAI,SAAU;AAE7B,iBAAW,QAAQ,OAAO;AACxB,iBAAS,OAAO,QAAQ,IAAI;AAAA,MAChC;AAGE,UAAI;AACF,cAAM,SAAS,MAAM,OAAO,EAAE,SAAS,QAAQ,IAAI,SAAS,iBAAiB,KAAM,CAAA;AAEnF,YAAI,WAAW,MAAM,OAAO,KAAK,mCAAmC,mBAAmB,MAAM,UAAU,CAAC,IAAI,UAAU;AAAA,UACpH,SAAS;AAAA,YACP,gBAAgB;AAAA,UACxB;AAAA,QACA,CAAK;AACD,iBAAS,KAAK,QAAQ,UAAQ;AAC5B,iBAAO,MAAM,KAAK,KAAK,QAAQ;AAAA,QACrC,CAAK;AACD,aAAK,iBAAiB,OAAO,KAAK;AAClC,gBAAQ,QAAQ;AAAA,MACjB,SAAQ,OAAO;AACd,gBAAQ,MAAM,KAAK;AACnB,gBAAQ,QAAQ;AAAA,MACpB;AAAA,IACA;AAEA,aAAS,OAAO,GAAG;AACjB,QAAE,eAAgB;AAClB,mBAAa;AAAA,QACX,QAAQ;AAAA,UACN,OAAO,EAAE,aAAa;AAAA,QAC5B;AAAA,MACA,CAAG;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/UploadImageMultiple/UploadImageMultiple.vue.js

@@ -0,0 +1,141 @@
+import { ref, createElementBlock, openBlock, withModifiers, createVNode, createElementVNode, Transition, withCtx, createBlock, createCommentVNode, toDisplayString } from "vue";
+import axios from "axios";
+import Loader from "../Loader/Loader.vue2.js";
+import _sfc_main$1 from "../../modules/icons/navigation/IconUpload.vue.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "t-center"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "mn-t-thin mn-b-thin d-block h3 t-black"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "mn-b-thin t-transp d-block"
+};
+const _hoisted_4 = {
+  key: 2,
+  class: "mn-b-thin uppercase p-small t-medium d-block"
+};
+const _hoisted_5 = {
+  key: 3,
+  class: "cursor-pointer mn-b-small br-2px br-main br-solid radius-extra pd-l-thin pd-r-thin t-main"
+};
+const _hoisted_6 = {
+  key: 4,
+  class: "uppercase p-small t-medium d-block"
+};
+const _sfc_main = {
+  __name: "UploadImageMultiple",
+  props: {
+    uploadPath: {
+      type: Object,
+      required: true
+    },
+    options: {
+      type: Object,
+      default: () => ({
+        mimeType: ["jpg", "png", "gif"],
+        maxSize: 10 * 1024 * 1024,
+        showText: true,
+        showTitle: true
+      })
+    },
+    text: {
+      type: Object,
+      default: () => ({
+        title: "Drag & Drop Your Images Here",
+        subtitle: "Files supported: JPG, PNG, GIF"
+      })
+    }
+  },
+  emits: ["update:images"],
+  setup(__props, { emit: __emit }) {
+    const images = ref([]);
+    const loading = ref(false);
+    const fileInput = ref(null);
+    const props = __props;
+    const emit = __emit;
+    function onComponentClick() {
+      fileInput.value.click();
+    }
+    async function onFileChange(e) {
+      loading.value = true;
+      let files = e.target.files;
+      let formData = new FormData();
+      for (const file of files) {
+        formData.append("file", file);
+      }
+      try {
+        const $axios = axios.create({ baseURL: process.env.API_URL, withCredentials: true });
+        let response = await $axios.post(`/api/upload/multiple?folderName=${encodeURIComponent(props.uploadPath)}`, formData, {
+          headers: {
+            "Content-Type": "multipart/form-data"
+          }
+        });
+        response.data.forEach((file) => {
+          images.value.push(file.filepath);
+        });
+        emit("update:images", images.value);
+        loading.value = false;
+      } catch (error) {
+        console.error(error);
+        loading.value = false;
+      }
+    }
+    function onDrop(e) {
+      e.preventDefault();
+      onFileChange({
+        target: {
+          files: e.dataTransfer.files
+        }
+      });
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        onClick: onComponentClick,
+        onDrop,
+        onDragover: _cache[0] || (_cache[0] = withModifiers(() => {
+        }, ["prevent"])),
+        class: "cursor-pointer t-black w-100 flex-v-center flex-h-center flex pos-relative"
+      }, [
+        createVNode(Transition, {
+          name: "moveFromTop",
+          mode: "out-in"
+        }, {
+          default: withCtx(() => [
+            !loading.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+              createVNode(_sfc_main$1, {
+                style: { "max-height": "4rem" },
+                class: "w-100 h-100",
+                fill: "rgb(var(--main))"
+              }),
+              __props.options.showText || __props.options.showTitle ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.text.title), 1)) : createCommentVNode("", true),
+              __props.options.showText ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.text.subtitle), 1)) : createCommentVNode("", true),
+              __props.options.showText ? (openBlock(), createElementBlock("span", _hoisted_4, "or")) : createCommentVNode("", true),
+              __props.options.showText ? (openBlock(), createElementBlock("button", _hoisted_5, "Browse Files")) : createCommentVNode("", true),
+              __props.options.showText ? (openBlock(), createElementBlock("span", _hoisted_6, "Maximum size: 2MB")) : createCommentVNode("", true)
+            ])) : (openBlock(), createBlock(Loader, {
+              key: 1,
+              class: "pos-absolute"
+            }))
+          ]),
+          _: 1
+        }),
+        createElementVNode("input", {
+          type: "file",
+          ref_key: "fileInput",
+          ref: fileInput,
+          onChange: onFileChange,
+          multiple: "",
+          style: { "display": "none" }
+        }, null, 544)
+      ], 32);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=UploadImageMultiple.vue.js.map

package/dist/martyrs/src/components/UploadImageMultiple/UploadImageMultiple.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadImageMultiple.vue.js","sources":["../../../../../src/components/UploadImageMultiple/UploadImageMultiple.vue"],"sourcesContent":["<template>\n  <div \n    @click=\"onComponentClick\"\n    @drop=\"onDrop\"\n    @dragover.prevent\n    class=\"cursor-pointer t-black w-100 flex-v-center flex-h-center flex pos-relative\"\n  >\n    <transition name=\"moveFromTop\" mode=\"out-in\">\n      <div v-if=\"!loading\" class=\"t-center\">\n        <IconUpload\n          style=\"max-height: 4rem;\"\n          class=\"w-100 h-100\"\n          fill=\"rgb(var(--main))\"\n        />\n\n        <span v-if=\"options.showText || options.showTitle\" class=\"mn-t-thin  mn-b-thin d-block h3 t-black\">{{ text.title }}</span>\n        <span v-if=\"options.showText\" class=\"mn-b-thin t-transp d-block \">{{ text.subtitle }}</span>\n        <span  v-if=\"options.showText\"class=\"mn-b-thin uppercase p-small t-medium d-block\">or</span>\n\n        <button  v-if=\"options.showText\" class=\"cursor-pointer mn-b-small br-2px br-main br-solid radius-extra pd-l-thin pd-r-thin  t-main\">Browse Files</button>\n\n        <span  v-if=\"options.showText\" class=\"uppercase p-small t-medium d-block \">Maximum size: 2MB</span>\n      </div>\n      <Loader v-else class=\"pos-absolute\"/>\n    </transition>\n\n    <input type=\"file\" ref=\"fileInput\" @change=\"onFileChange\" multiple style=\"display: none\"/>\n  </div>\n</template>\n\n<script setup>\nimport { ref, watch } from 'vue';\nimport axios from 'axios';\n\nimport Loader from '@martyrs/src/components/Loader/Loader.vue';\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue'\nimport IconUpload from '@martyrs/src/modules/icons/navigation/IconUpload.vue'\n\nconst images = ref([]);\nconst loading = ref(false);\nconst fileInput = ref(null);\n\nconst props = defineProps({\n  uploadPath: {\n    type: Object,\n    required: true\n  },\n  options: {\n    type: Object,\n    default: () => ({\n      mimeType: ['jpg', 'png', 'gif'],\n      maxSize: 10 * 1024 * 1024,\n      showText: true,\n      showTitle: true\n    })\n  },\n  text: {\n    type: Object,\n    default: () => ({\n      title: 'Drag & Drop Your Images Here',\n      subtitle: 'Files supported: JPG, PNG, GIF'\n    })\n  }\n});\n\nconst emit = defineEmits(['update:images']);\n\nfunction onComponentClick() {\n  fileInput.value.click();\n}\n\nasync function onFileChange(e) {\n  loading.value = true;\n\n  let files = e.target.files;\n  let formData = new FormData();\n\n  for (const file of files) {\n    formData.append(\"file\", file);\n  }\n\n\n  try {\n    const $axios = axios.create({ baseURL: process.env.API_URL, withCredentials: true }); \n\n    let response = await $axios.post(`/api/upload/multiple?folderName=${encodeURIComponent(props.uploadPath)}`, formData, {\n      headers: {\n        \"Content-Type\": \"multipart/form-data\"\n      }\n    });\n    response.data.forEach(file => {\n      images.value.push(file.filepath); // push each file path to the images array\n    });\n    emit('update:images', images.value);\n    loading.value = false;\n  } catch (error) {\n    console.error(error);\n    loading.value = false;\n  }\n}\n\nfunction onDrop(e) {\n  e.preventDefault();\n  onFileChange({\n    target: {\n      files: e.dataTransfer.files\n    }\n  });\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,UAAM,SAAS,IAAI,EAAE;AACrB,UAAM,UAAU,IAAI,KAAK;AACzB,UAAM,YAAY,IAAI,IAAI;AAE1B,UAAM,QAAQ;AAuBd,UAAM,OAAO;AAEb,aAAS,mBAAmB;AAC1B,gBAAU,MAAM,MAAO;AAAA,IACzB;AAEA,mBAAe,aAAa,GAAG;AAC7B,cAAQ,QAAQ;AAEhB,UAAI,QAAQ,EAAE,OAAO;AACrB,UAAI,WAAW,IAAI,SAAU;AAE7B,iBAAW,QAAQ,OAAO;AACxB,iBAAS,OAAO,QAAQ,IAAI;AAAA,MAChC;AAGE,UAAI;AACF,cAAM,SAAS,MAAM,OAAO,EAAE,SAAS,QAAQ,IAAI,SAAS,iBAAiB,KAAM,CAAA;AAEnF,YAAI,WAAW,MAAM,OAAO,KAAK,mCAAmC,mBAAmB,MAAM,UAAU,CAAC,IAAI,UAAU;AAAA,UACpH,SAAS;AAAA,YACP,gBAAgB;AAAA,UACxB;AAAA,QACA,CAAK;AACD,iBAAS,KAAK,QAAQ,UAAQ;AAC5B,iBAAO,MAAM,KAAK,KAAK,QAAQ;AAAA,QACrC,CAAK;AACD,aAAK,iBAAiB,OAAO,KAAK;AAClC,gBAAQ,QAAQ;AAAA,MACjB,SAAQ,OAAO;AACd,gBAAQ,MAAM,KAAK;AACnB,gBAAQ,QAAQ;AAAA,MACpB;AAAA,IACA;AAEA,aAAS,OAAO,GAAG;AACjB,QAAE,eAAgB;AAClB,mBAAa;AAAA,QACX,QAAQ;AAAA,UACN,OAAO,EAAE,aAAa;AAAA,QAC5B;AAAA,MACA,CAAG;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/auth/auth.client.cjs

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const auth$1 = require("./views/store/auth.cjs");
+const twofa = require("./views/store/twofa.cjs");
+const users$1 = require("./views/store/users.cjs");
+const auth = require("./views/router/auth.cjs");
+const users = require("./views/router/users.cjs");
+const auth_validation = require("./views/middlewares/auth.validation.cjs");
+const Auth = require("./views/components/layouts/Auth.vue.cjs");
+const EnterCode = require("./views/components/pages/EnterCode.vue.cjs");
+const Invite = require("./views/components/pages/Invite.vue.cjs");
+const EnterPassword = require("./views/components/pages/EnterPassword.vue.cjs");
+const ResetPassword = require("./views/components/pages/ResetPassword.vue.cjs");
+const SignUp = require("./views/components/pages/SignUp.vue.cjs");
+const SignIn = require("./views/components/pages/SignIn.vue.cjs");
+const Profile = require("./views/components/pages/Profile.vue.cjs");
+const ProfileEdit = require("./views/components/pages/ProfileEdit.vue.cjs");
+const SliderFeatures = require("./views/components/sections/SliderFeatures.vue.cjs");
+const FeaturedUsers = require("./views/components/sections/FeaturedUsers.vue.cjs");
+function initializeAuth(app, store, router, options = {}) {
+  const route = options.route || "Home";
+  router.addRoute(route, auth.default);
+  router.addRoute(route, users.default);
+  store.addStore("auth", auth$1);
+  store.addStore("twofa", twofa);
+  store.addStore("users", users$1);
+  app.provide("store", store);
+}
+const ModuleAuth = {
+  initialize: initializeAuth,
+  views: {
+    store: {
+      storeAuth: auth$1,
+      storeTwofa: twofa,
+      storeUsers: users$1
+    },
+    router: {
+      routerAuth: auth.default,
+      routerUsers: users.default
+    },
+    middlewares: {
+      validationAuth: auth_validation
+    },
+    components: {
+      // Layout
+      Auth: Auth.default,
+      // Pages
+      EnterCode: EnterCode.default,
+      Invite: Invite.default,
+      EnterPassword: EnterPassword.default,
+      ResetPassword: ResetPassword.default,
+      SignUp: SignUp.default,
+      SignIn: SignIn.default,
+      Profile: Profile.default,
+      ProfileEdit: ProfileEdit.default,
+      // Sections
+      SliderFeatures: SliderFeatures.default,
+      FeaturedUsers: FeaturedUsers.default
+    }
+  }
+};
+exports.default = ModuleAuth;
+//# sourceMappingURL=auth.client.cjs.map

package/dist/martyrs/src/modules/auth/auth.client.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth.client.cjs","sources":["../../../../../src/modules/auth/auth.client.js"],"sourcesContent":["// Store\nimport * as storeAuth from './views/store/auth.js';\nimport * as storeTwofa from './views/store/twofa.js';\nimport * as storeUsers from './views/store/users.js';\n\n// Router\nimport routerAuth from './views/router/auth.js';\nimport routerUsers from './views/router/users.js';\n\n// Middlewares\nimport * as validationAuth from '@martyrs/src/modules/auth/views/middlewares/auth.validation';\n\n// Views\nimport Auth from './views/components/layouts/Auth.vue';\nimport EnterCode from './views/components/pages/EnterCode.vue';\nimport Invite from './views/components/pages/Invite.vue';\nimport EnterPassword from './views/components/pages/EnterPassword.vue';\nimport ResetPassword from './views/components/pages/ResetPassword.vue';\nimport SignUp from './views/components/pages/SignUp.vue';\nimport SignIn from './views/components/pages/SignIn.vue';\nimport Profile from './views/components/pages/Profile.vue';\nimport ProfileEdit from './views/components/pages/ProfileEdit.vue'\n\n// Importing sections components\nimport SliderFeatures from './views/components/sections/SliderFeatures.vue';\nimport FeaturedUsers from './views/components/sections/FeaturedUsers.vue';\n\n// Пример функции инициализации для модуля аутентификации\nfunction initializeAuth(app, store, router, options = {}) {\n  const route = options.route || 'Home';\n  \n  router.addRoute(route, routerAuth);\n  router.addRoute(route, routerUsers);\n  \n  store.addStore('auth', storeAuth);\n  store.addStore('twofa', storeTwofa);\n  store.addStore('users', storeUsers);\n\n  app.provide('store', store)\n  \n}\n\nconst ModuleAuth = {\n  initialize: initializeAuth,\n  views: {\n    store: {\n      storeAuth,\n      storeTwofa,\n      storeUsers\n    },\n    router: {\n      routerAuth,\n      routerUsers\n    },\n    middlewares: {\n      validationAuth\n    },\n    components: {\n      // Layout\n      Auth,\n      // Pages\n      EnterCode,\n      Invite,\n      EnterPassword,\n      ResetPassword,\n      SignUp,\n      SignIn,\n      Profile,\n      ProfileEdit,\n      // Sections\n      SliderFeatures,\n      FeaturedUsers\n    }\n  }\n}\n\nexport default ModuleAuth"],"names":["routerAuth","routerUsers","storeAuth","storeTwofa","storeUsers","validationAuth","Auth","EnterCode","Invite","EnterPassword","ResetPassword","SignUp","SignIn","Profile","ProfileEdit","SliderFeatures","FeaturedUsers"],"mappings":";;;;;;;;;;;;;;;;;;;AA4BA,SAAS,eAAe,KAAK,OAAO,QAAQ,UAAU,CAAA,GAAI;AACxD,QAAM,QAAQ,QAAQ,SAAS;AAE/B,SAAO,SAAS,OAAOA,YAAU;AACjC,SAAO,SAAS,OAAOC,aAAW;AAElC,QAAM,SAAS,QAAQC,MAAS;AAChC,QAAM,SAAS,SAASC,KAAU;AAClC,QAAM,SAAS,SAASC,OAAU;AAElC,MAAI,QAAQ,SAAS,KAAK;AAE5B;AAEK,MAAC,aAAa;AAAA,EACjB,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,OAAO;AAAA,MACX,WAAMF;AAAAA,MACN,YAAMC;AAAAA,MACAC,YAAAA;AAAAA,IACD;AAAA,IACD,QAAQ;AAAA,MACZ,YAAMJ,KAAU;AAAA,MACVC,aAAAA,MAAAA;AAAAA,IACD;AAAA,IACD,aAAa;AAAA,MACXI,gBAAAA;AAAAA,IACD;AAAA,IACD,YAAY;AAAA;AAAA,MAEhB,MAAMC,KAAI;AAAA;AAAA,MAEV,WAAMC,UAAS;AAAA,MACf,QAAMC,OAAM;AAAA,MACZ,eAAMC,cAAa;AAAA,MACnB,eAAMC,cAAa;AAAA,MACnB,QAAMC,OAAM;AAAA,MACZ,QAAMC,OAAM;AAAA,MACZ,SAAMC,QAAO;AAAA,MACb,aAAMC,YAAW;AAAA;AAAA,MAEjB,gBAAMC,eAAc;AAAA,MACdC,eAAAA,cAAAA;AAAAA,IACN;AAAA,EACA;AACA;;"}

package/dist/martyrs/src/modules/auth/auth.client.js

@@ -0,0 +1,63 @@
+import * as auth from "./views/store/auth.js";
+import * as twofa from "./views/store/twofa.js";
+import * as users from "./views/store/users.js";
+import auth$1 from "./views/router/auth.js";
+import users$1 from "./views/router/users.js";
+import * as auth_validation from "./views/middlewares/auth.validation.js";
+import _sfc_main$a from "./views/components/layouts/Auth.vue.js";
+import _sfc_main$9 from "./views/components/pages/EnterCode.vue.js";
+import _sfc_main$8 from "./views/components/pages/Invite.vue.js";
+import _sfc_main$7 from "./views/components/pages/EnterPassword.vue.js";
+import _sfc_main$6 from "./views/components/pages/ResetPassword.vue.js";
+import _sfc_main$5 from "./views/components/pages/SignUp.vue.js";
+import _sfc_main$4 from "./views/components/pages/SignIn.vue.js";
+import _sfc_main$3 from "./views/components/pages/Profile.vue.js";
+import _sfc_main$2 from "./views/components/pages/ProfileEdit.vue.js";
+import _sfc_main$1 from "./views/components/sections/SliderFeatures.vue.js";
+import _sfc_main from "./views/components/sections/FeaturedUsers.vue.js";
+function initializeAuth(app, store, router, options = {}) {
+  const route = options.route || "Home";
+  router.addRoute(route, auth$1);
+  router.addRoute(route, users$1);
+  store.addStore("auth", auth);
+  store.addStore("twofa", twofa);
+  store.addStore("users", users);
+  app.provide("store", store);
+}
+const ModuleAuth = {
+  initialize: initializeAuth,
+  views: {
+    store: {
+      storeAuth: auth,
+      storeTwofa: twofa,
+      storeUsers: users
+    },
+    router: {
+      routerAuth: auth$1,
+      routerUsers: users$1
+    },
+    middlewares: {
+      validationAuth: auth_validation
+    },
+    components: {
+      // Layout
+      Auth: _sfc_main$a,
+      // Pages
+      EnterCode: _sfc_main$9,
+      Invite: _sfc_main$8,
+      EnterPassword: _sfc_main$7,
+      ResetPassword: _sfc_main$6,
+      SignUp: _sfc_main$5,
+      SignIn: _sfc_main$4,
+      Profile: _sfc_main$3,
+      ProfileEdit: _sfc_main$2,
+      // Sections
+      SliderFeatures: _sfc_main$1,
+      FeaturedUsers: _sfc_main
+    }
+  }
+};
+export {
+  ModuleAuth as default
+};
+//# sourceMappingURL=auth.client.js.map

package/dist/martyrs/src/modules/auth/auth.client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth.client.js","sources":["../../../../../src/modules/auth/auth.client.js"],"sourcesContent":["// Store\nimport * as storeAuth from './views/store/auth.js';\nimport * as storeTwofa from './views/store/twofa.js';\nimport * as storeUsers from './views/store/users.js';\n\n// Router\nimport routerAuth from './views/router/auth.js';\nimport routerUsers from './views/router/users.js';\n\n// Middlewares\nimport * as validationAuth from '@martyrs/src/modules/auth/views/middlewares/auth.validation';\n\n// Views\nimport Auth from './views/components/layouts/Auth.vue';\nimport EnterCode from './views/components/pages/EnterCode.vue';\nimport Invite from './views/components/pages/Invite.vue';\nimport EnterPassword from './views/components/pages/EnterPassword.vue';\nimport ResetPassword from './views/components/pages/ResetPassword.vue';\nimport SignUp from './views/components/pages/SignUp.vue';\nimport SignIn from './views/components/pages/SignIn.vue';\nimport Profile from './views/components/pages/Profile.vue';\nimport ProfileEdit from './views/components/pages/ProfileEdit.vue'\n\n// Importing sections components\nimport SliderFeatures from './views/components/sections/SliderFeatures.vue';\nimport FeaturedUsers from './views/components/sections/FeaturedUsers.vue';\n\n// Пример функции инициализации для модуля аутентификации\nfunction initializeAuth(app, store, router, options = {}) {\n  const route = options.route || 'Home';\n  \n  router.addRoute(route, routerAuth);\n  router.addRoute(route, routerUsers);\n  \n  store.addStore('auth', storeAuth);\n  store.addStore('twofa', storeTwofa);\n  store.addStore('users', storeUsers);\n\n  app.provide('store', store)\n  \n}\n\nconst ModuleAuth = {\n  initialize: initializeAuth,\n  views: {\n    store: {\n      storeAuth,\n      storeTwofa,\n      storeUsers\n    },\n    router: {\n      routerAuth,\n      routerUsers\n    },\n    middlewares: {\n      validationAuth\n    },\n    components: {\n      // Layout\n      Auth,\n      // Pages\n      EnterCode,\n      Invite,\n      EnterPassword,\n      ResetPassword,\n      SignUp,\n      SignIn,\n      Profile,\n      ProfileEdit,\n      // Sections\n      SliderFeatures,\n      FeaturedUsers\n    }\n  }\n}\n\nexport default ModuleAuth"],"names":["routerAuth","routerUsers","storeAuth","storeTwofa","storeUsers","validationAuth","Auth","EnterCode","Invite","EnterPassword","ResetPassword","SignUp","SignIn","Profile","ProfileEdit","SliderFeatures","FeaturedUsers"],"mappings":";;;;;;;;;;;;;;;;;AA4BA,SAAS,eAAe,KAAK,OAAO,QAAQ,UAAU,CAAA,GAAI;AACxD,QAAM,QAAQ,QAAQ,SAAS;AAE/B,SAAO,SAAS,OAAOA,MAAU;AACjC,SAAO,SAAS,OAAOC,OAAW;AAElC,QAAM,SAAS,QAAQC,IAAS;AAChC,QAAM,SAAS,SAASC,KAAU;AAClC,QAAM,SAAS,SAASC,KAAU;AAElC,MAAI,QAAQ,SAAS,KAAK;AAE5B;AAEK,MAAC,aAAa;AAAA,EACjB,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,OAAO;AAAA,MACX,WAAMF;AAAAA,MACN,YAAMC;AAAAA,MACAC,YAAAA;AAAAA,IACD;AAAA,IACD,QAAQ;AAAA,MACZ,YAAMJ;AAAAA,MACAC,aAAAA;AAAAA,IACD;AAAA,IACD,aAAa;AAAA,MACXI,gBAAAA;AAAAA,IACD;AAAA,IACD,YAAY;AAAA;AAAA,MAEhB,MAAMC;AAAAA;AAAAA,MAEN,WAAMC;AAAAA,MACN,QAAMC;AAAAA,MACN,eAAMC;AAAAA,MACN,eAAMC;AAAAA,MACN,QAAMC;AAAAA,MACN,QAAMC;AAAAA,MACN,SAAMC;AAAAA,MACN,aAAMC;AAAAA;AAAAA,MAEN,gBAAMC;AAAAA,MACAC,eAAAA;AAAAA,IACN;AAAA,EACA;AACA;"}

package/dist/martyrs/src/modules/auth/views/components/blocks/CardUser.vue.cjs

@@ -0,0 +1,95 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const PlaceholderUserpic = require("../../../../icons/placeholders/PlaceholderUserpic.vue.cjs");
+const _hoisted_1 = { class: "flex-v-center flex-nowrap flex" };
+const _hoisted_2 = ["src"];
+const _hoisted_3 = { class: "h4" };
+const _hoisted_4 = { class: "t-transp mn-r-small" };
+const _hoisted_5 = {
+  key: 2,
+  class: "mn-l-auto flex-stretch flex-v-center flex"
+};
+const _hoisted_6 = {
+  key: 0,
+  class: "flex-child flex-child-shrink-0 capitalize w-max t-medium radius-big pd-b-nano pd-t-nano pd-r-thin pd-l-thin bg-main"
+};
+const _sfc_main = {
+  __name: "CardUser",
+  props: {
+    _id: {
+      type: String,
+      default: null
+    },
+    user: {
+      type: Object,
+      required: true
+    },
+    action: {
+      type: Object
+    },
+    photo: {
+      type: String,
+      default: null
+    },
+    name: {
+      type: String,
+      default: "No name"
+    },
+    role: {
+      type: String
+    },
+    phone: {
+      type: String
+    },
+    email: {
+      type: String
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        __props.photo ? (vue.openBlock(), vue.createElementBlock("img", {
+          key: 0,
+          loading: "lazy",
+          src: (_ctx.FILE_SERVER_URL || "") + __props.photo,
+          class: "radius-medium aspect-1x1 bg-white object-fit-cover mn-r-thin h-100 w-max",
+          onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => _ctx.$router.push({
+            name: __props.user.type === "user" ? "User Profile" : "Organization",
+            params: {
+              _id: __props.user._id
+            }
+          }), ["stop"]))
+        }, null, 8, _hoisted_2)) : vue.createCommentVNode("", true),
+        !__props.photo ? (vue.openBlock(), vue.createBlock(PlaceholderUserpic.default, {
+          key: 1,
+          class: "radius-medium aspect-1x1 mn-r-thin h-100 w-auto",
+          onClick: _cache[1] || (_cache[1] = vue.withModifiers(($event) => _ctx.$router.push({
+            name: "User Profile",
+            params: {
+              _id: __props.user._id || __props._id
+            }
+          }), ["stop"]))
+        })) : vue.createCommentVNode("", true),
+        vue.createElementVNode("div", null, [
+          vue.createElementVNode("p", _hoisted_3, vue.toDisplayString(__props.name), 1),
+          vue.createElementVNode("span", _hoisted_4, vue.toDisplayString(__props.phone || __props.email), 1)
+        ]),
+        __props.action || __props.role ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+          __props.role ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6, vue.toDisplayString(__props.role), 1)) : vue.createCommentVNode("", true),
+          __props.action ? (vue.openBlock(), vue.createElementBlock("button", {
+            key: 1,
+            onClick: _cache[2] || (_cache[2] = vue.withModifiers((...args) => __props.action.method && __props.action.method(...args), ["stop"])),
+            class: "h-2r w-2r t-white mn-l-thin capitalize t-medium radius-big bg-red"
+          }, [
+            __props.action.label.is ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.action.label.is), vue.normalizeProps(vue.mergeProps({ key: 0 }, __props.action.label.props)), null, 16)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+              vue.createTextVNode(vue.toDisplayString(__props.action.label), 1)
+            ], 64))
+          ])) : vue.createCommentVNode("", true)
+        ])) : vue.createCommentVNode("", true)
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=CardUser.vue.cjs.map