@ozdao/martyrs 0.2.571 → 0.2.572

package/dist/martyrs/src/modules/organizations/components/forms/DepartmentForm.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"DepartmentForm.vue.js","sources":["../../../../../../../src/modules/organizations/components/forms/DepartmentForm.vue"],"sourcesContent":["<template>\n  <div class=\"cols-1 gap-thin o-y-scroll\">\n    <Block\n      title=\"Profile\"\n      class=\"mn-b-thin\"\n    >\n      <div\n        class=\"cols-2-fit-content\"\n      >\n        <UploadImage \n          v-model:photo=\"currentDepartment.profile.photo\"\n          :uploadPath=\"'organizations/' + currentDepartment.profile.name + '/departments'\"\n          class=\"w-8r aspect-1x1 o-hidden mn-r-small radius-extra\" \n        />\n        <div class=\"w-100 flex-child-grow-1 flex-child\">\n          <Field \n            v-model:field=\"currentDepartment.profile.name\"     \n            label=\"Name\"  \n            placeholder=\"Department Name\" \n            class=\"mn-b-small bg-white radius-small pd-medium\"\n          />\n          <Field \n            v-model:field=\"currentDepartment.profile.description\"     \n            label=\"Description\"  \n            placeholder=\"Department description (max 120 symbols)\" \n            class=\"bg-white radius-small pd-medium\"\n          />  \n        </div>\n      </div>\n    </Block>\n\n    <Block\n      title=\"Team\"\n      placeholder=\"No members added yet\"\n      :actions=\"[{\n        label: '+',\n        function: () => openMemberPopup()\n      }]\"\n      class=\"cols-1 gap-thin mn-b-thin\"\n    > \n      <CardUser \n        class=\"h-4r bg-white pd-thin radius-medium w-100\" \n        v-for=\"(member, index) in currentDepartment.members\" \n        :key=\"member._id || index\" \n        :user=\"member.user\" \n        :photo=\"member.user.profile.photo\"\n        :name=\"member.user.profile.name || member.user.phone || member.user.email || member.user._id\"\n        :position=\"member.position\" \n        :action=\"{\n          label: {\n            is: IconDelete,\n            props: { class: 'i-medium', fill: 'rgb(var(--white)' }\n          },\n          method: () => removeMember(member)\n        }\"\n      />\n    </Block>\n\n    <div class=\"bg-light pd-medium o-hidden radius-medium mn-b-thin\">\n      <h3 class=\"mn-b-semi\">Department Settings</h3>\n      \n      <p class=\"p-regular mn-b-small\">Please settings for your department:</p>\n      <div class=\"cols-1 gap-thin\">\n        <Checkbox \n          label=\"Hidden department\"\n          name=\"hidden\"\n          class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n          @update:radio=\"updated => currentDepartment.hidden = !currentDepartment.hidden\"\n          :radio=\"currentDepartment.hidden\"\n        />\n      </div>\n    </div>\n\n    <div class=\"bg-light pd-medium o-hidden radius-medium\">\n      <h3 class=\"mn-b-semi\">Accesses</h3>\n      \n      <p class=\"p-regular mn-b-small\">Please select organization accesses for user in department:</p>\n      \n      <div class=\"cols-1 gap-thin\">\n        <div v-for=\"(actions, category) in currentDepartment.accesses\" :key=\"category\" class=\"mn-b-small\">\n          <Spoiler :status=\"false\">\n            <template #header=\"{ isOpen }\">\n              <h4 class=\"cursor-pointer flex-v-center flex gap-thin\">\n                {{ category.charAt(0).toUpperCase() + category.slice(1) }}\n                <span class=\"t-small\">{{ isOpen ? '▼' : '▶' }}</span>\n              </h4>\n            </template>\n            <template #content>\n              <div class=\"cols-1 gap-thin mn-t-thin\">\n                <Checkbox\n                  v-for=\"(value, action) in actions\"\n                  :key=\"action\"\n                  :label=\"action\"\n                  :name=\"action\"\n                  :radio=\"value\"\n                  @update:radio=\"updated => (currentDepartment.accesses[category][action] = !value)\"\n                  class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n                />\n              </div>\n            </template>\n          </Spoiler>\n        </div>\n      </div>\n    </div>\n\n    <!-- Action Buttons -->\n    <div class=\"flex gap-thin mn-t-medium\">\n      <Button\n        v-if=\"editingDepartment\"\n        :submit=\"onDelete\"\n        :showSuccess=\"true\"\n        :showLoader=\"true\"\n        class=\"bg-red\"\n      >\n        Delete\n      </Button>\n      <Button\n        :showSuccess=\"false\"\n        :showLoader=\"false\"\n        class=\"bg-grey t-white w-100\"\n        @click=\"$emit('close')\"\n      >\n        Cancel\n      </Button>\n      <Button\n        class=\"bg-main w-100\"\n        :submit=\"saveDepartment\"\n      >\n        {{ editingDepartment ? 'Update Department' : 'Create Department' }}\n      </Button>\n    </div>\n\n    <!-- Member Selection Popup -->\n    <Popup \n      title=\"Add member\" \n      @close-popup=\"closeMemberPopup\" \n      :isPopupOpen=\"isOpenAddMemberPopup\"\n      class=\"bg-white w-max-30r radius-medium pd-big\"\n    >\n      <Feed\n        :search=\"{\n          placeholder: 'Search member...',\n          class: 'bg-light mn-b-thin'\n        }\"\n        :states=\"{\n          empty: {\n            title: 'No Members Found',\n            description: 'Currently, there are no members in organization.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => membershipsStore.read(options),\n          state: null\n        }\"\n        :options=\"{\n          target: organizationId,\n          role: ['member', 'owner']\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"bg-light pd-medium w-min-20r w-max-40r radius-medium h-max-20r o-scroll\"\n      >\n        <CardUser\n          v-for=\"(user, index) in items\" \n          :key=\"user._id\"\n          :user=\"user.user\"\n          :photo=\"user.user.profile?.photo\"\n          :name=\"user.user.profile?.name || user.user.phone || user.user.email\"\n          :disabled=\"isDuplicateMember(user.user._id)\"\n          @click=\"() => addMemberToDepartment(user.user)\"\n          class=\"h-4r bg-white pd-thin radius-medium w-100 mn-b-thin\"\n          :class=\"{ 'opacity-50 cursor-not-allowed': isDuplicateMember(user.user._id) }\"\n        />\n      </Feed>\n    </Popup>\n  </div>\n</template>\n\n<script setup>\nimport { ref, reactive, computed } from 'vue';\nimport { useRoute } from 'vue-router';\n\nimport UploadImage from '@martyrs/src/components/UploadImage/UploadImage.vue';\nimport Field from '@martyrs/src/components/Field/Field.vue';\nimport Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport Block from '@martyrs/src/components/Block/Block.vue';\nimport Feed from '@martyrs/src/components/Feed/Feed.vue';\nimport Spoiler from '@martyrs/src/components/Spoiler/Spoiler.vue';\n\nimport CardUser from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n\nimport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js';\n\nconst store = useStore();\nimport membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js';\nimport departmentsStore from '@martyrs/src/modules/organizations/store/departments.store.js';\n\nconst route = useRoute();\n\nconst props = defineProps({\n  department: Object,\n  organizationId: String\n});\n\nconst emit = defineEmits(['close', 'saved']);\n\n// State\nconst editingDepartment = computed(() => !!props.department?._id);\nconst isOpenAddMemberPopup = ref(false);\n\n// Create default department structure\nconst createDefaultDepartment = () => ({\n  organization: props.organizationId,\n  profile: {\n    photo: '',\n    name: '',\n    description: '',\n    categories: [],\n  },\n  address: '',\n  location: {\n    lat: null,\n    lng: null,\n  },\n  worktime: [],\n  delivery: [],\n  payment: [],\n  members: [],\n  subdepartments: [],\n  hidden: false,\n  accesses: {\n    categories: {\n      create: false,\n      read: false,\n      edit: false,\n      delete: false,\n    },\n    rents: {\n      create: false,\n      read: false,\n      edit: false,\n      delete: false,\n    },\n    spots: {\n      create: false,\n      read: false,\n      edit: false,\n      delete: false,\n    },\n    members: {\n      read: false,\n      edit: false,\n      delete: false,\n    },\n    posts: {\n      create: false,\n      read: false,\n      edit: false,\n      delete: false,\n    },\n    events: {\n      create: false,\n      read: false,\n      edit: false,\n      delete: false,\n    },\n    tickets: {\n      create: false,\n      read: false,\n      edit: false,\n      delete: false,\n    },\n    gallery: {\n      read: false,\n      create: false,\n      edit: false,\n      delete: false,\n    },\n    inventory: {\n      read: false,\n      edit: false,\n      delete: false,\n    },\n    products: {\n      read: false,\n      edit: false,\n      delete: false,\n    },\n    orders: {\n      read: false,\n      confirm: false,\n      delete: false,\n    },\n    departments: {\n      read: false,\n      edit: false,\n      delete: false,\n    },\n  },\n});\n\n// Current department reactive state - create deep copy to avoid mutating original\nconst currentDepartment = reactive(\n  props.department ? JSON.parse(JSON.stringify(props.department)) : createDefaultDepartment()\n);\n\n// Member management\nfunction openMemberPopup() {\n  isOpenAddMemberPopup.value = true;\n}\n\nfunction closeMemberPopup() {\n  isOpenAddMemberPopup.value = false;\n}\n\nfunction isDuplicateMember(userId) {\n  return currentDepartment.members.some(member => \n    member.user._id === userId || member._id === userId\n  );\n}\n\nfunction addMemberToDepartment(user) {\n  if (!isDuplicateMember(user._id)) {\n    currentDepartment.members.push({ \n      _id: user._id, \n      user: user, \n      position: 'Member' \n    });\n    closeMemberPopup();\n  } else {\n    store.core.actions.setError({ message: 'This user is already a member of this department' });\n  }\n}\n\nfunction removeMember(member) {\n  if (confirm(\"Are you sure you want to remove this member?\")) {\n    const index = currentDepartment.members.findIndex(m => \n      (m.user._id === member.user._id) || (m._id === member._id)\n    );\n    if (index > -1) {\n      currentDepartment.members.splice(index, 1);\n    }\n  }\n}\n\n// Save/Delete operations\nasync function saveDepartment() {\n  try {\n    // Prepare department data\n    const departmentData = {\n      ...currentDepartment,\n      organization: props.organizationId\n    };\n\n    let result;\n    if (editingDepartment.value) {\n      // Update existing department\n      result = await departmentsStore.update({\n        ...departmentData,\n        _id: props.department._id\n      });\n    } else {\n      // Create new department\n      result = await departmentsStore.create(departmentData);\n    }\n\n    emit('saved', result);\n    emit('close');\n  } catch (error) {\n    console.error('Error saving department:', error);\n    store.core.actions.setError(error);\n    throw error;\n  }\n}\n\nasync function onDelete() {\n  if (confirm(\"Are you sure you want to delete this department?\")) {\n    try {\n      await departmentsStore.delete({ _id: props.department._id });\n      emit('saved', null);\n      emit('close');\n    } catch (error) {\n      console.error('Error deleting department:', error);\n      store.core.actions.setError(error);\n    }\n  }\n}\n</script>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"DepartmentForm.vue.js","sources":["../../../../../../../src/modules/organizations/components/forms/DepartmentForm.vue"],"sourcesContent":["<template>\n  <div class=\"cols-1 gap-thin o-y-scroll\">\n    <Block\n      title=\"Profile\"\n      class=\"mn-b-thin\"\n    >\n      <div\n        class=\"cols-[fit-content(100%)_1fr] mobile:cols-1\"\n      >\n        <UploadImage \n          v-model:photo=\"currentDepartment.profile.photo\"\n          :uploadPath=\"'organizations/' + currentDepartment.profile.name + '/departments'\"\n          class=\"w-8r aspect-1x1 o-hidden mn-r-small radius-extra\" \n        />\n        <div class=\"w-100 flex-child-grow-1 flex-child\">\n          <Field \n            v-model:field=\"currentDepartment.profile.name\"     \n            label=\"Name\"  \n            placeholder=\"Department Name\" \n            class=\"mn-b-small bg-white radius-small pd-medium\"\n          />\n          <Field \n            v-model:field=\"currentDepartment.profile.description\"     \n            label=\"Description\"  \n            placeholder=\"Department description (max 120 symbols)\" \n            class=\"bg-white radius-small pd-medium\"\n          />  \n        </div>\n      </div>\n    </Block>\n\n    <Block\n      title=\"Team\"\n      placeholder=\"No members added yet\"\n      :actions=\"[{\n        label: '+',\n        function: () => openMemberPopup()\n      }]\"\n      class=\"cols-1 gap-thin mn-b-thin\"\n    > \n      <CardUser \n        class=\"h-4r bg-white pd-thin radius-medium w-100\" \n        v-for=\"(member, index) in currentDepartment.members\" \n        :key=\"member._id || index\" \n        :user=\"member.user\" \n        :photo=\"member.user.profile.photo\"\n        :name=\"member.user.profile.name || member.user.phone || member.user.email || member.user._id\"\n        :position=\"member.position\" \n        :action=\"{\n          label: {\n            is: IconDelete,\n            props: { class: 'i-medium', fill: 'rgb(var(--white)' }\n          },\n          method: () => removeMember(member)\n        }\"\n      />\n    </Block>\n\n    <div class=\"bg-light pd-medium o-hidden radius-medium mn-b-thin\">\n      <h3 class=\"mn-b-semi\">Department Settings</h3>\n      \n      <p class=\"p-regular mn-b-small\">Please settings for your department:</p>\n      <div class=\"cols-1 gap-thin\">\n        <Checkbox \n          label=\"Hidden department\"\n          name=\"hidden\"\n          class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n          @update:radio=\"updated => currentDepartment.hidden = !currentDepartment.hidden\"\n          :radio=\"currentDepartment.hidden\"\n        />\n      </div>\n    </div>\n\n    <div class=\"bg-light pd-medium o-hidden radius-medium\">\n      <h3 class=\"mn-b-semi\">Accesses</h3>\n      \n      <p class=\"p-regular mn-b-small\">Please select organization accesses for user in department:</p>\n      \n      <div class=\"cols-1 gap-thin\">\n        <div v-for=\"(actions, category) in currentDepartment.accesses\" :key=\"category\" class=\"mn-b-small\">\n          <Spoiler :status=\"false\">\n            <template #header=\"{ isOpen }\">\n              <h4 class=\"cursor-pointer flex-v-center flex gap-thin\">\n                {{ category.charAt(0).toUpperCase() + category.slice(1) }}\n                <span class=\"t-small\">{{ isOpen ? '▼' : '▶' }}</span>\n              </h4>\n            </template>\n            <template #content>\n              <div class=\"cols-1 gap-thin mn-t-thin\">\n                <Checkbox\n                  v-for=\"(value, action) in actions\"\n                  :key=\"action\"\n                  :label=\"action\"\n                  :name=\"action\"\n                  :radio=\"value\"\n                  @update:radio=\"updated => (currentDepartment.accesses[category][action] = !value)\"\n                  class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n                />\n              </div>\n            </template>\n          </Spoiler>\n        </div>\n      </div>\n    </div>\n\n    <!-- Action Buttons -->\n    <div class=\"flex gap-thin mn-t-medium\">\n      <Button\n        v-if=\"editingDepartment\"\n        :submit=\"onDelete\"\n        :showSuccess=\"true\"\n        :showLoader=\"true\"\n        class=\"bg-red\"\n      >\n        Delete\n      </Button>\n      <Button\n        :showSuccess=\"false\"\n        :showLoader=\"false\"\n        class=\"bg-grey t-white w-100\"\n        @click=\"$emit('close')\"\n      >\n        Cancel\n      </Button>\n      <Button\n        class=\"bg-main w-100\"\n        :submit=\"saveDepartment\"\n      >\n        {{ editingDepartment ? 'Update Department' : 'Create Department' }}\n      </Button>\n    </div>\n\n    <!-- Member Selection Popup -->\n    <Popup \n      title=\"Add member\" \n      @close-popup=\"closeMemberPopup\" \n      :isPopupOpen=\"isOpenAddMemberPopup\"\n      class=\"bg-white w-max-30r radius-medium pd-big\"\n    >\n      <Feed\n        :search=\"{\n          placeholder: 'Search member...',\n          class: 'bg-light mn-b-thin'\n        }\"\n        :states=\"{\n          empty: {\n            title: 'No Members Found',\n            description: 'Currently, there are no members in organization.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => membershipsStore.read(options),\n          state: null\n        }\"\n        :options=\"{\n          target: organizationId,\n          role: ['member', 'owner']\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"bg-light pd-medium w-min-20r w-max-40r radius-medium h-max-20r o-scroll\"\n      >\n        <CardUser\n          v-for=\"(user, index) in items\" \n          :key=\"user._id\"\n          :user=\"user.user\"\n          :photo=\"user.user.profile?.photo\"\n          :name=\"user.user.profile?.name || user.user.phone || user.user.email\"\n          :disabled=\"isDuplicateMember(user.user._id)\"\n          @click=\"() => addMemberToDepartment(user.user)\"\n          class=\"h-4r bg-white pd-thin radius-medium w-100 mn-b-thin\"\n          :class=\"{ 'opacity-50 cursor-not-allowed': isDuplicateMember(user.user._id) }\"\n        />\n      </Feed>\n    </Popup>\n  </div>\n</template>\n\n<script setup>\nimport { ref, reactive, computed } from 'vue';\nimport { useRoute } from 'vue-router';\n\nimport UploadImage from '@martyrs/src/components/UploadImage/UploadImage.vue';\nimport Field from '@martyrs/src/components/Field/Field.vue';\nimport Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport Block from '@martyrs/src/components/Block/Block.vue';\nimport Feed from '@martyrs/src/components/Feed/Feed.vue';\nimport Spoiler from '@martyrs/src/components/Spoiler/Spoiler.vue';\n\nimport CardUser from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n\nimport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js';\n\nconst store = useStore();\nimport membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js';\nimport departmentsStore from '@martyrs/src/modules/organizations/store/departments.store.js';\n\nconst route = useRoute();\n\nconst props = defineProps({\n  department: Object,\n  organizationId: String\n});\n\nconst emit = defineEmits(['close', 'saved']);\n\n// State\nconst editingDepartment = computed(() => !!props.department?._id);\nconst isOpenAddMemberPopup = ref(false);\n\n// Create default department structure\nconst createDefaultDepartment = () => ({\n  organization: props.organizationId,\n  profile: {\n    photo: '',\n    name: '',\n    description: '',\n    categories: [],\n  },\n  address: '',\n  location: {\n    lat: null,\n    lng: null,\n  },\n  worktime: [],\n  delivery: [],\n  payment: [],\n  members: [],\n  subdepartments: [],\n  hidden: false,\n  accesses: {\n    categories: {\n      create: false,\n      read: false,\n      edit: false,\n      delete: false,\n    },\n    rents: {\n      create: false,\n      read: false,\n      edit: false,\n      delete: false,\n    },\n    spots: {\n      create: false,\n      read: false,\n      edit: false,\n      delete: false,\n    },\n    members: {\n      read: false,\n      edit: false,\n      delete: false,\n    },\n    posts: {\n      create: false,\n      read: false,\n      edit: false,\n      delete: false,\n    },\n    events: {\n      create: false,\n      read: false,\n      edit: false,\n      delete: false,\n    },\n    tickets: {\n      create: false,\n      read: false,\n      edit: false,\n      delete: false,\n    },\n    gallery: {\n      read: false,\n      create: false,\n      edit: false,\n      delete: false,\n    },\n    inventory: {\n      read: false,\n      edit: false,\n      delete: false,\n    },\n    products: {\n      read: false,\n      edit: false,\n      delete: false,\n    },\n    orders: {\n      read: false,\n      confirm: false,\n      delete: false,\n    },\n    departments: {\n      read: false,\n      edit: false,\n      delete: false,\n    },\n  },\n});\n\n// Current department reactive state - create deep copy to avoid mutating original\nconst currentDepartment = reactive(\n  props.department ? JSON.parse(JSON.stringify(props.department)) : createDefaultDepartment()\n);\n\n// Member management\nfunction openMemberPopup() {\n  isOpenAddMemberPopup.value = true;\n}\n\nfunction closeMemberPopup() {\n  isOpenAddMemberPopup.value = false;\n}\n\nfunction isDuplicateMember(userId) {\n  return currentDepartment.members.some(member => \n    member.user._id === userId || member._id === userId\n  );\n}\n\nfunction addMemberToDepartment(user) {\n  if (!isDuplicateMember(user._id)) {\n    currentDepartment.members.push({ \n      _id: user._id, \n      user: user, \n      position: 'Member' \n    });\n    closeMemberPopup();\n  } else {\n    store.core.actions.setError({ message: 'This user is already a member of this department' });\n  }\n}\n\nfunction removeMember(member) {\n  if (confirm(\"Are you sure you want to remove this member?\")) {\n    const index = currentDepartment.members.findIndex(m => \n      (m.user._id === member.user._id) || (m._id === member._id)\n    );\n    if (index > -1) {\n      currentDepartment.members.splice(index, 1);\n    }\n  }\n}\n\n// Save/Delete operations\nasync function saveDepartment() {\n  try {\n    // Prepare department data\n    const departmentData = {\n      ...currentDepartment,\n      organization: props.organizationId\n    };\n\n    let result;\n    if (editingDepartment.value) {\n      // Update existing department\n      result = await departmentsStore.update({\n        ...departmentData,\n        _id: props.department._id\n      });\n    } else {\n      // Create new department\n      result = await departmentsStore.create(departmentData);\n    }\n\n    emit('saved', result);\n    emit('close');\n  } catch (error) {\n    console.error('Error saving department:', error);\n    store.core.actions.setError(error);\n    throw error;\n  }\n}\n\nasync function onDelete() {\n  if (confirm(\"Are you sure you want to delete this department?\")) {\n    try {\n      await departmentsStore.delete({ _id: props.department._id });\n      emit('saved', null);\n      emit('close');\n    } catch (error) {\n      console.error('Error deleting department:', error);\n      store.core.actions.setError(error);\n    }\n  }\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqMA,UAAM,QAAQ,SAAQ;AAIR,aAAQ;AAEtB,UAAM,QAAQ;AAKd,UAAM,OAAO;AAGb,UAAM,oBAAoB,SAAS,MAAM,CAAC,CAAC,MAAM,YAAY,GAAG;AAChE,UAAM,uBAAuB,IAAI,KAAK;AAGtC,UAAM,0BAA0B,OAAO;AAAA,MACrC,cAAc,MAAM;AAAA,MACpB,SAAS;AAAA,QACP,OAAO;AAAA,QACP,MAAM;AAAA,QACN,aAAa;AAAA,QACb,YAAY,CAAA;AAAA,MAChB;AAAA,MACE,SAAS;AAAA,MACT,UAAU;AAAA,QACR,KAAK;AAAA,QACL,KAAK;AAAA,MACT;AAAA,MACE,UAAU,CAAA;AAAA,MACV,UAAU,CAAA;AAAA,MACV,SAAS,CAAA;AAAA,MACT,SAAS,CAAA;AAAA,MACT,gBAAgB,CAAA;AAAA,MAChB,QAAQ;AAAA,MACR,UAAU;AAAA,QACR,YAAY;AAAA,UACV,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,MAAM;AAAA,UACN,QAAQ;AAAA,QACd;AAAA,QACI,OAAO;AAAA,UACL,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,MAAM;AAAA,UACN,QAAQ;AAAA,QACd;AAAA,QACI,OAAO;AAAA,UACL,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,MAAM;AAAA,UACN,QAAQ;AAAA,QACd;AAAA,QACI,SAAS;AAAA,UACP,MAAM;AAAA,UACN,MAAM;AAAA,UACN,QAAQ;AAAA,QACd;AAAA,QACI,OAAO;AAAA,UACL,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,MAAM;AAAA,UACN,QAAQ;AAAA,QACd;AAAA,QACI,QAAQ;AAAA,UACN,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,MAAM;AAAA,UACN,QAAQ;AAAA,QACd;AAAA,QACI,SAAS;AAAA,UACP,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,MAAM;AAAA,UACN,QAAQ;AAAA,QACd;AAAA,QACI,SAAS;AAAA,UACP,MAAM;AAAA,UACN,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,QAAQ;AAAA,QACd;AAAA,QACI,WAAW;AAAA,UACT,MAAM;AAAA,UACN,MAAM;AAAA,UACN,QAAQ;AAAA,QACd;AAAA,QACI,UAAU;AAAA,UACR,MAAM;AAAA,UACN,MAAM;AAAA,UACN,QAAQ;AAAA,QACd;AAAA,QACI,QAAQ;AAAA,UACN,MAAM;AAAA,UACN,SAAS;AAAA,UACT,QAAQ;AAAA,QACd;AAAA,QACI,aAAa;AAAA,UACX,MAAM;AAAA,UACN,MAAM;AAAA,UACN,QAAQ;AAAA,QACd;AAAA,MACA;AAAA,IACA;AAGA,UAAM,oBAAoB;AAAA,MACxB,MAAM,aAAa,KAAK,MAAM,KAAK,UAAU,MAAM,UAAU,CAAC,IAAI,wBAAuB;AAAA,IAC3F;AAGA,aAAS,kBAAkB;AACzB,2BAAqB,QAAQ;AAAA,IAC/B;AAEA,aAAS,mBAAmB;AAC1B,2BAAqB,QAAQ;AAAA,IAC/B;AAEA,aAAS,kBAAkB,QAAQ;AACjC,aAAO,kBAAkB,QAAQ;AAAA,QAAK,YACpC,OAAO,KAAK,QAAQ,UAAU,OAAO,QAAQ;AAAA,MACjD;AAAA,IACA;AAEA,aAAS,sBAAsB,MAAM;AACnC,UAAI,CAAC,kBAAkB,KAAK,GAAG,GAAG;AAChC,0BAAkB,QAAQ,KAAK;AAAA,UAC7B,KAAK,KAAK;AAAA,UACV;AAAA,UACA,UAAU;AAAA,QAChB,CAAK;AACD,yBAAgB;AAAA,MAClB,OAAO;AACL,cAAM,KAAK,QAAQ,SAAS,EAAE,SAAS,oDAAoD;AAAA,MAC7F;AAAA,IACF;AAEA,aAAS,aAAa,QAAQ;AAC5B,UAAI,QAAQ,8CAA8C,GAAG;AAC3D,cAAM,QAAQ,kBAAkB,QAAQ;AAAA,UAAU,OAC/C,EAAE,KAAK,QAAQ,OAAO,KAAK,OAAS,EAAE,QAAQ,OAAO;AAAA,QAC5D;AACI,YAAI,QAAQ,IAAI;AACd,4BAAkB,QAAQ,OAAO,OAAO,CAAC;AAAA,QAC3C;AAAA,MACF;AAAA,IACF;AAGA,mBAAe,iBAAiB;AAC9B,UAAI;AAEF,cAAM,iBAAiB;AAAA,UACrB,GAAG;AAAA,UACH,cAAc,MAAM;AAAA,QAC1B;AAEI,YAAI;AACJ,YAAI,kBAAkB,OAAO;AAE3B,mBAAS,MAAM,iBAAiB,OAAO;AAAA,YACrC,GAAG;AAAA,YACH,KAAK,MAAM,WAAW;AAAA,UAC9B,CAAO;AAAA,QACH,OAAO;AAEL,mBAAS,MAAM,iBAAiB,OAAO,cAAc;AAAA,QACvD;AAEA,aAAK,SAAS,MAAM;AACpB,aAAK,OAAO;AAAA,MACd,SAAS,OAAO;AACd,gBAAQ,MAAM,4BAA4B,KAAK;AAC/C,cAAM,KAAK,QAAQ,SAAS,KAAK;AACjC,cAAM;AAAA,MACR;AAAA,IACF;AAEA,mBAAe,WAAW;AACxB,UAAI,QAAQ,kDAAkD,GAAG;AAC/D,YAAI;AACF,gBAAM,iBAAiB,OAAO,EAAE,KAAK,MAAM,WAAW,KAAK;AAC3D,eAAK,SAAS,IAAI;AAClB,eAAK,OAAO;AAAA,QACd,SAAS,OAAO;AACd,kBAAQ,MAAM,8BAA8B,KAAK;AACjD,gBAAM,KAAK,QAAQ,SAAS,KAAK;AAAA,QACnC;AAAA,MACF;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/organizations/components/forms/InviteForm.vue.js

@@ -32,7 +32,7 @@ const _sfc_main = {
           (openBlock(true), createElementBlock(Fragment, null, renderList(members.value, (member, index) => {
             return openBlock(), createElementBlock("div", {
               key: index,
-              class: "br-1px br-solid br-grey-transp-25 flex gap-thin radius-small mn-b-thin"
+              class: "br-1px br-grey-transp-25 flex gap-thin radius-small mn-b-thin"
             }, [
               createVNode(Field, {
                 field: member.contact,

package/dist/martyrs/src/modules/organizations/components/forms/InviteForm.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"InviteForm.vue.js","sources":["../../../../../../../src/modules/organizations/components/forms/InviteForm.vue"],"sourcesContent":["<template>\n  <div>\n    <p class=\"mn-b-thin t-transp p-regular\">{{ text }}</p> \n\n    <section class=\"cols-1 mn-b-small radius-medium pd-semi bg-light pos-relative\">\n      <div\n        v-for=\"(member, index) in members\" \n        :key=\"index\" \n        class=\"br-1px br-solid br-grey-transp-25 flex gap-thin radius-small mn-b-thin\"\n      >\n        <Field \n          v-model:field=\"member.contact\"   \n          placeholder=\"Enter email or phone\" \n          class=\"w-100 pd-small radius-small bg-white\"\n          :validation=\"contactValidation\"\n        >\n          <div \n            v-if=\"index < 1\" \n            @click=\"() => members.push({contact: ''})\"  \n            class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-green\"\n          >\n            <IconAdd \n              class=\"i-medium\"\n              :fill=\"'rgb(var(--white)'\"\n            />\n          </div>\n\n          <div \n            v-else \n            @click=\"() => members.splice(index, 1)\" \n            class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-red\"\n          >\n            <IconDelete \n              class=\"i-medium\"\n              :fill=\"'rgb(var(--white)'\"\n            />\n          </div>\n        </Field>\n      </div>\n    </section>\n\n    <Button  \n      :submit=\"submitMembers\" \n      class=\"w-100 bg-main\"\n    >\n      <span>Send invitations</span>\n    </Button>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\n\nimport Field from '@martyrs/src/components/Field/Field.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\n\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue';\n\nconst props = defineProps({\n  organization: Object,\n  text: {\n    type: String,\n    default: 'Please enter email or phone number to send an invitation link:'\n  }\n});\n\nconst emit = defineEmits(['send-invite']);\n\n// Validation\nconst contactValidation = ref(null);\n\n// Members list\nconst members = ref([{ contact: '' }]);\n\nasync function submitMembers() {\n  return new Promise((resolve, reject) => {\n    emit('send-invite', members.value, resolve, reject);\n  });\n}\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAmEA,UAAM,OAAO;AAGb,UAAM,oBAAoB,IAAI,IAAI;AAGlC,UAAM,UAAU,IAAI,CAAC,EAAE,SAAS,GAAE,CAAE,CAAC;AAErC,mBAAe,gBAAgB;AAC7B,aAAO,IAAI,QAAQ,CAAC,SAAS,WAAW;AACtC,aAAK,eAAe,QAAQ,OAAO,SAAS,MAAM;AAAA,MACpD,CAAC;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"InviteForm.vue.js","sources":["../../../../../../../src/modules/organizations/components/forms/InviteForm.vue"],"sourcesContent":["<template>\n  <div>\n    <p class=\"mn-b-thin t-transp p-regular\">{{ text }}</p> \n\n    <section class=\"cols-1 mn-b-small radius-medium pd-semi bg-light pos-relative\">\n      <div\n        v-for=\"(member, index) in members\" \n        :key=\"index\" \n        class=\"br-1px br-grey-transp-25 flex gap-thin radius-small mn-b-thin\"\n      >\n        <Field \n          v-model:field=\"member.contact\"   \n          placeholder=\"Enter email or phone\" \n          class=\"w-100 pd-small radius-small bg-white\"\n          :validation=\"contactValidation\"\n        >\n          <div \n            v-if=\"index < 1\" \n            @click=\"() => members.push({contact: ''})\"  \n            class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-green\"\n          >\n            <IconAdd \n              class=\"i-medium\"\n              :fill=\"'rgb(var(--white)'\"\n            />\n          </div>\n\n          <div \n            v-else \n            @click=\"() => members.splice(index, 1)\" \n            class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-red\"\n          >\n            <IconDelete \n              class=\"i-medium\"\n              :fill=\"'rgb(var(--white)'\"\n            />\n          </div>\n        </Field>\n      </div>\n    </section>\n\n    <Button  \n      :submit=\"submitMembers\" \n      class=\"w-100 bg-main\"\n    >\n      <span>Send invitations</span>\n    </Button>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\n\nimport Field from '@martyrs/src/components/Field/Field.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\n\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue';\n\nconst props = defineProps({\n  organization: Object,\n  text: {\n    type: String,\n    default: 'Please enter email or phone number to send an invitation link:'\n  }\n});\n\nconst emit = defineEmits(['send-invite']);\n\n// Validation\nconst contactValidation = ref(null);\n\n// Members list\nconst members = ref([{ contact: '' }]);\n\nasync function submitMembers() {\n  return new Promise((resolve, reject) => {\n    emit('send-invite', members.value, resolve, reject);\n  });\n}\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAmEA,UAAM,OAAO;AAGb,UAAM,oBAAoB,IAAI,IAAI;AAGlC,UAAM,UAAU,IAAI,CAAC,EAAE,SAAS,GAAE,CAAE,CAAC;AAErC,mBAAe,gBAAgB;AAC7B,aAAO,IAAI,QAAQ,CAAC,SAAS,WAAW;AACtC,aAAK,eAAe,QAAQ,OAAO,SAAS,MAAM;AAAA,MACpD,CAAC;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/organizations/components/pages/Department.vue.js

@@ -64,7 +64,7 @@ const _sfc_main = {
               unref(departmentsStore).state.items[0]?.members?.length < 1 ? (openBlock(), createElementBlock("li", _hoisted_8, "В отделе еще нет участников")) : createCommentVNode("", true),
               (openBlock(true), createElementBlock(Fragment, null, renderList(unref(departmentsStore).state.items[0]?.members || [], (member, index) => {
                 return openBlock(), createBlock(_sfc_main$2, {
-                  class: "br-b br-solid br-grey-transp-25",
+                  class: "br-b-1px br-grey-transp-25",
                   key: index,
                   user: member.user,
                   photo: member.user.profile.photo,
@@ -83,7 +83,7 @@ const _sfc_main = {
                 return openBlock(), createBlock(unref(DepartmentSub), {
                   onClick: ($event) => _ctx.$router.push(`/app/organization/departments/${subdepartment._id}`),
                   key: index,
-                  class: "br-b br-solid br-grey-transp-25",
+                  class: "br-b-1px br-grey-transp-25",
                   department: subdepartment
                 }, null, 8, ["onClick", "department"]);
               }), 128))

package/dist/martyrs/src/modules/organizations/components/pages/Department.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Department.vue.js","sources":["../../../../../../../src/modules/organizations/components/pages/Department.vue"],"sourcesContent":["<template>\n  <div class=\"for-transition w-100\">\n    \n    <div v-if=\"departmentsStore.state.items.length > 0\" id=\"dash\" class=\"pd-medium bg-light\">\n      <section class=\"mn-b-medium radius-medium pd-semi bg-white\">\n         <div class=\"flex-nowrap flex mn-b-small\">\n\n          <h2 class=\"w-100\">{{ departmentsStore.state.items[0].profile.name }}</h2>\n\n          <router-link \n            :to=\"{\n              name: 'Department Edit', \n              params: {\n                _id: route.params._id,\n                department: route.params.department\n              }\n            }\" \n            class=\"\n              cursor-pointer \n              pos-absolute pos-t-regular pos-r-regular\n              radius-extra pd-thin bg-second\n            \"\n          >\n            <IconEdit\n              class=\"i-medium\"\n              classes=\"fill-white\"\n            />\n          </router-link>\n\n        </div>\n        <p class=\"t-transp p-medium\" v-html=\"departmentsStore.state.items[0].description\"></p>\n      </section>\n\n     <section class=\"mn-b-medium radius-medium pd-semi bg-white\">\n        <h3 class=\"mn-b-regular\">Команда</h3>\n        <ul>\n          <li v-if=\"departmentsStore.state.items[0]?.members?.length < 1\">В отделе еще нет участников</li>\n          <User \n            class=\"br-b br-solid br-grey-transp-25\" \n            v-for=\"(member, index) in departmentsStore.state.items[0]?.members || []\" \n            :key=\"index\" \n            :user=\"member.user\" \n            :photo=\"member.user.profile.photo\"\n            :name=\"member.user.profile.name || member.user.phone || member.user.email || member.user._id\"\n            :position=\"member.position\" \n            @click=\"$router.push({ name: 'User Profile', params: { _id: member.user._id } })\" \n          />\n        </ul>\n      </section>\n\n      <section class=\"mn-b-medium radius-medium pd-semi bg-white\">\n        <h3 class=\"mn-b-regular\">Подотделы</h3>\n        <ul>\n          <li v-if=\"departmentsStore.state.items[0]?.subdepartments?.length < 1\">В отделе еще нет подотделов</li>\n          <DepartmentSub v-for=\"(subdepartment, index) in departmentsStore.state.items[0]?.subdepartments || []\" @click=\"$router.push(`/app/organization/departments/${subdepartment._id}`)\" :key=\"index\" class=\"br-b br-solid br-grey-transp-25\" :department=\"subdepartment\" />\n        </ul> \n      </section>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { useRoute, useRouter } from 'vue-router';\n\nimport Spoiler from '@martyrs/src/components/Spoiler/Spoiler.vue';\nimport { DepartmentSub, departmentsStore } from '@martyrs/src/modules/organizations/organizations.client.js';\nimport User from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\n\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\nconst router = useRouter();\nconst route = useRoute();\n\nawait departmentsStore.read({ _id: route.params.department });\n</script>\n\n<style scoped>\n</style>\n"],"names":["_withAsyncContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAsEe,cAAS;AACxB,UAAM,QAAQ,SAAQ;AAEtB,IAAA,CAAA,QAAA,SAAA,IAAAA,iBAAA,MAAM,iBAAiB,KAAK,EAAE,KAAK,MAAM,OAAO,WAAU,CAAE,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Department.vue.js","sources":["../../../../../../../src/modules/organizations/components/pages/Department.vue"],"sourcesContent":["<template>\n  <div class=\"for-transition w-100\">\n    \n    <div v-if=\"departmentsStore.state.items.length > 0\" id=\"dash\" class=\"pd-medium bg-light\">\n      <section class=\"mn-b-medium radius-medium pd-semi bg-white\">\n         <div class=\"flex-nowrap flex mn-b-small\">\n\n          <h2 class=\"w-100\">{{ departmentsStore.state.items[0].profile.name }}</h2>\n\n          <router-link \n            :to=\"{\n              name: 'Department Edit', \n              params: {\n                _id: route.params._id,\n                department: route.params.department\n              }\n            }\" \n            class=\"\n              cursor-pointer \n              pos-absolute pos-t-regular pos-r-regular\n              radius-extra pd-thin bg-second\n            \"\n          >\n            <IconEdit\n              class=\"i-medium\"\n              classes=\"fill-white\"\n            />\n          </router-link>\n\n        </div>\n        <p class=\"t-transp p-medium\" v-html=\"departmentsStore.state.items[0].description\"></p>\n      </section>\n\n     <section class=\"mn-b-medium radius-medium pd-semi bg-white\">\n        <h3 class=\"mn-b-regular\">Команда</h3>\n        <ul>\n          <li v-if=\"departmentsStore.state.items[0]?.members?.length < 1\">В отделе еще нет участников</li>\n          <User \n            class=\"br-b-1px br-grey-transp-25\" \n            v-for=\"(member, index) in departmentsStore.state.items[0]?.members || []\" \n            :key=\"index\" \n            :user=\"member.user\" \n            :photo=\"member.user.profile.photo\"\n            :name=\"member.user.profile.name || member.user.phone || member.user.email || member.user._id\"\n            :position=\"member.position\" \n            @click=\"$router.push({ name: 'User Profile', params: { _id: member.user._id } })\" \n          />\n        </ul>\n      </section>\n\n      <section class=\"mn-b-medium radius-medium pd-semi bg-white\">\n        <h3 class=\"mn-b-regular\">Подотделы</h3>\n        <ul>\n          <li v-if=\"departmentsStore.state.items[0]?.subdepartments?.length < 1\">В отделе еще нет подотделов</li>\n          <DepartmentSub v-for=\"(subdepartment, index) in departmentsStore.state.items[0]?.subdepartments || []\" @click=\"$router.push(`/app/organization/departments/${subdepartment._id}`)\" :key=\"index\" class=\"br-b-1px br-grey-transp-25\" :department=\"subdepartment\" />\n        </ul> \n      </section>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { useRoute, useRouter } from 'vue-router';\n\nimport Spoiler from '@martyrs/src/components/Spoiler/Spoiler.vue';\nimport { DepartmentSub, departmentsStore } from '@martyrs/src/modules/organizations/organizations.client.js';\nimport User from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\n\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\nconst router = useRouter();\nconst route = useRoute();\n\nawait departmentsStore.read({ _id: route.params.department });\n</script>\n\n<style scoped>\n</style>\n"],"names":["_withAsyncContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAsEe,cAAS;AACxB,UAAM,QAAQ,SAAQ;AAEtB,IAAA,CAAA,QAAA,SAAA,IAAAA,iBAAA,MAAM,iBAAiB,KAAK,EAAE,KAAK,MAAM,OAAO,WAAU,CAAE,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/organizations/components/pages/Members.vue.js

@@ -230,7 +230,7 @@ const _sfc_main = {
                   return openBlock(), createElementBlock("div", {
                     key: department._id,
                     onClick: () => openDepartmentPopup(department),
-                    class: "cursor-pointer hover-scale-1"
+                    class: "cursor-pointer hover:scale-[1.05]"
                   }, [
                     createVNode(unref(CardDepartment), {
                       department,

package/dist/martyrs/src/modules/organizations/components/pages/Members.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Members.vue.js","sources":["../../../../../../../src/modules/organizations/components/pages/Members.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin\">\n    <div v-if=\"!isLoaded\" class=\"flex-center flex h-20r\">\n      <span class=\"t-transp\">Loading...</span>\n    </div>\n    <div v-else>\n    <!-- Members Section -->\n    <section class=\"mn-b-medium\">\n      <SectionPageTitle\n        :title=\"`Members ${organizationData?.numberOfMembers ? `(${organizationData.numberOfMembers})` : ''}`\"\n        :actions=\"[\n          { method: openAddUsersPopup, label: 'Add user to organization' }\n        ]\"\n        class=\"mn-b-small bg-light radius-medium pd-medium\"\n      />\n\n      <div class=\"cols-1 gap-thin\">\n        <Feed\n          v-model:items=\"membersList\"\n          :search=\"true\"\n          :states=\"{\n            empty: {\n              title: 'No Members Found',\n              description: 'Currently, there are no members.'\n            },\n          }\"\n          :store=\"{\n            read: (options) => membershipsStore.read(options)\n          }\"\n          :options=\"{\n            target: route.params._id,\n            role: ['member','owner']\n          }\"\n          v-slot=\"{ \n            items \n          }\"\n          class=\"gap-thin cols-1\"\n        >\n          <CardUser \n            v-for=\"(member,index) in items\" \n            :key=\"index\" \n            :user=\"member\"\n            :_id=\"member.user._id\"\n            :photo=\"member.user.profile.photo\" \n            :phone=\"member.user.phone\"\n            :email=\"member.user.email\"\n            :name=\"member.user.profile.name || 'No name'\"\n            :role=\"member.label || member.role\"\n            @click=\"$router.push({ name: 'User Profile', params: { _id: member.user._id } })\" \n            :action=\" member.role !== 'owner' ? {\n              label: {\n                is: IconDelete,\n                props: { class: 'i-medium', fill: 'rgb(var(--white)' }\n              },\n              method: () => removeMember(index, member)\n            } : null\"\n            class=\"h-4r w-100 bg-light radius-medium flex-nowrap flex pd-medium\"\n          />\n        </Feed>\n      </div>\n    </section>\n\n    <!-- Departments Section -->\n    <section class=\"mn-b-medium\">\n      <SectionPageTitle\n        title=\"Departments\"\n        :actions=\"[\n          { method: () => openDepartmentPopup(), label: 'Add department' }\n        ]\"\n        class=\"mn-b-small bg-light bg-light radius-medium pd-medium\"\n      />\n\n      <Feed\n        v-model:items=\"departmentsList\"\n        :states=\"{\n          empty: {\n            title: 'No Departments Found',\n            description: 'Currently, there are no departments available.'\n          }\n        }\"\n        :store=\"departmentsStore\"\n        :options=\"{\n          organization: route.params._id,\n          user: auth.state.user._id,\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n      >\n        <div\n          v-for=\"(department, index) in items\"\n          :key=\"department._id\"\n          @click=\"() => openDepartmentPopup(department)\"\n          class=\"cursor-pointer hover-scale-1\"\n        >\n          <CardDepartment\n            :department=\"department\"\n            :organization=\"route.params._id\"\n            class=\"radius-semi bg-light pos-relative mn-b-thin\"\n          />\n        </div>\n      </Feed>\n    </section>\n\n    <!-- Invites Section -->\n    <section>\n      <SectionPageTitle\n        title=\"Invites\"\n        :actions=\"[\n          { method: openInvitePopup, label: 'Invite members' }\n        ]\"\n        class=\"mn-b-small bg-light bg-light radius-medium pd-medium\"\n      />\n\n      <Feed\n        v-model:items=\"invitesList\"\n        :states=\"{\n          empty: {\n            title: 'No Invites Found',\n            description: 'Currently, there are no pending invites.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => invitesStore.read(options)\n        }\"\n        :options=\"{\n          owner: route.params._id\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"gap-thin cols-1\"\n      >\n        <CardUser \n          v-for=\"(invite, index) in items\" \n          :key=\"invite._id\" \n          :user=\"{ type: 'invite'} \"\n          :name=\"invite.email || invite.phone\"\n          :role=\"invite.status\"\n          :action=\"{\n            label: {\n              is: IconDelete,\n              props: { class: 'i-medium', fill: 'rgb(var(--white)' }\n            },\n            method: () => removeInvite(index, invite)\n          }\"\n          class=\"h-4r w-100 bg-light radius-medium flex-nowrap flex pd-medium\"\n        />\n      </Feed>\n    </section>\n\n    <!-- Invite Members Popup -->\n    <Popup \n      title=\"Invite members\"\n      @close-popup=\"closeInvitePopup\" \n      :isPopupOpen=\"isOpenInvitePopup\"\n      class=\"bg-white w-min-30r w-max-30r radius-medium pd-medium\"\n    >\n      <InviteForm \n        v-if=\"organizationData\"\n        :organization=\"organizationData\"\n        @send-invite=\"handleSendInvite\"\n      />\n    </Popup>\n\n    <!-- Add Existing Users Popup -->\n    <Popup \n      title=\"Add users to organization\"\n      @close-popup=\"closeAddUsersPopup\" \n      :isPopupOpen=\"isOpenAddUsersPopup\"\n      class=\"bg-white w-min-40r w-max-50r radius-medium pd-medium\"\n    >\n      <AddExistingMembersForm \n        :organizationId=\"route.params._id\"\n        @users-added=\"handleUsersAdded\"\n      />\n    </Popup>\n\n    <!-- Department Edit Popup -->\n    <Popup\n      :title=\"editingDepartment ? 'Edit Department' : 'Create Department'\"\n      @close-popup=\"closeDepartmentPopup\"\n      :isPopupOpen=\"isDepartmentPopupOpen\"\n      align=\"center right\"\n      class=\"bg-white h-min-100 w-max-50r pd-medium\"\n    >\n      <DepartmentForm\n        :department=\"editingDepartment\"\n        :organizationId=\"route.params._id\"\n        @close=\"closeDepartmentPopup\"\n        @saved=\"handleDepartmentSaved\"\n      />\n    </Popup>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport Feed from '@martyrs/src/components/Feed/Feed.vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\n\nimport SectionPageTitle from '@martyrs/src/modules/core/views/components/sections/SectionPageTitle.vue';\n\nimport { \n  InviteForm,\n  AddExistingMembersForm,\n  DepartmentForm,\n  CardDepartment,\n  departmentsStore,\n  membershipsStore,\n  invitesStore,\n  storeOrganizations as organization\n} from '@martyrs/src/modules/organizations/organizations.client.js';\n\nimport CardUser from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\n\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\nimport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js';\n\nconst store = useStore();\n\nconst route = useRoute();\nconst router = useRouter();\n\n// Data\nconst organizationData = ref(null);\nconst membersList = ref([]);\nconst invitesList = ref([]);\nconst departmentsList = ref([]);\nconst isLoaded = ref(false);\n\n// Popups state\nconst isOpenInvitePopup = ref(false);\nconst isOpenAddUsersPopup = ref(false);\nconst isDepartmentPopupOpen = ref(false);\nconst editingDepartment = ref(null);\n\n// Popup functions\nfunction openInvitePopup() {\n  isOpenInvitePopup.value = true;\n}\n\nfunction closeInvitePopup() {\n  isOpenInvitePopup.value = false;\n}\n\nfunction openAddUsersPopup() {\n  isOpenAddUsersPopup.value = true;\n}\n\nfunction closeAddUsersPopup() {\n  isOpenAddUsersPopup.value = false;\n}\n\nfunction openDepartmentPopup(department = null) {\n  editingDepartment.value = department;\n  isDepartmentPopupOpen.value = true;\n}\n\nfunction closeDepartmentPopup() {\n  isDepartmentPopupOpen.value = false;\n  editingDepartment.value = null;\n}\n\n// Load organization data\nonMounted(async () => {\n  try {\n    const response = await organization.actions.read({\n      _id: route.params._id, \n      user: auth.state.user._id\n    });\n    organizationData.value = response[0];\n    isLoaded.value = true;\n  } catch (error) {\n    console.error('Error loading organization:', error);\n    isLoaded.value = true; // Still show the page even if organization load fails\n  }\n});\n\n// Handlers\nasync function handleSendInvite(list, resolve, reject) {\n  try {\n    const response = await invitesStore.create({\n      owner: {\n        type: 'Organization',\n        target: organizationData.value._id\n      },\n      creator: {\n        type: 'User',\n        target: auth.state.user._id\n      },\n      invites: list,\n    });\n    \n    // Assuming the API returns an array of created invites\n    if (response.createdInvites) {\n      for (let invite of response.createdInvites) {\n        invitesStore.addItem(invite, invitesList.value);\n      }\n    } else if (response._id) {\n      // Single invite created\n      invitesStore.addItem(response, invitesList.value);\n    }\n    \n    closeInvitePopup();\n    resolve();\n  } catch (error) {\n    reject(error);\n  }\n}\n\nfunction handleUsersAdded(addedUsers) {\n  closeAddUsersPopup();\n  // Add new members to the list\n  if (addedUsers && addedUsers.length > 0) {\n    addedUsers.forEach(membership => {\n      membershipsStore.addItem(membership, membersList.value);\n    });\n  }\n}\n\nfunction handleDepartmentSaved(department) {\n  closeDepartmentPopup();\n  \n  console.log('handleDepartmentSaved called with:', department);\n  console.log('departmentsList before update:', departmentsList.value);\n  console.log('editingDepartment:', editingDepartment.value);\n  \n  if (department) {\n    // Update or add department in the list\n    if (editingDepartment.value) {\n      departmentsStore.updateItem(department, departmentsList.value);\n    } else {\n      departmentsStore.addItem(department, departmentsList.value);\n    }\n  } else {\n    // Department was deleted\n    if (editingDepartment.value) {\n      departmentsStore.removeItem(editingDepartment.value, departmentsList.value);\n    }\n  }\n  \n  console.log('departmentsList after update:', departmentsList.value);\n}\n\nasync function removeMember(index, member) {\n  if (confirm(\"Confirm remove of member\") == true) {\n    await membershipsStore.delete(member);\n    membershipsStore.removeItem(member, membersList.value);\n  } \n}\n\nasync function removeInvite(index, invite) {\n  if (confirm(\"Confirm remove of invite\") == true) {\n    await invitesStore.delete(invite);\n    invitesStore.removeItem(invite, invitesList.value);\n  }\n}\n</script>\n\n<style scoped>\n</style>\n"],"names":["organization.actions","auth.state"],"mappings":"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"}
+{"version":3,"file":"Members.vue.js","sources":["../../../../../../../src/modules/organizations/components/pages/Members.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin\">\n    <div v-if=\"!isLoaded\" class=\"flex-center flex h-20r\">\n      <span class=\"t-transp\">Loading...</span>\n    </div>\n    <div v-else>\n    <!-- Members Section -->\n    <section class=\"mn-b-medium\">\n      <SectionPageTitle\n        :title=\"`Members ${organizationData?.numberOfMembers ? `(${organizationData.numberOfMembers})` : ''}`\"\n        :actions=\"[\n          { method: openAddUsersPopup, label: 'Add user to organization' }\n        ]\"\n        class=\"mn-b-small bg-light radius-medium pd-medium\"\n      />\n\n      <div class=\"cols-1 gap-thin\">\n        <Feed\n          v-model:items=\"membersList\"\n          :search=\"true\"\n          :states=\"{\n            empty: {\n              title: 'No Members Found',\n              description: 'Currently, there are no members.'\n            },\n          }\"\n          :store=\"{\n            read: (options) => membershipsStore.read(options)\n          }\"\n          :options=\"{\n            target: route.params._id,\n            role: ['member','owner']\n          }\"\n          v-slot=\"{ \n            items \n          }\"\n          class=\"gap-thin cols-1\"\n        >\n          <CardUser \n            v-for=\"(member,index) in items\" \n            :key=\"index\" \n            :user=\"member\"\n            :_id=\"member.user._id\"\n            :photo=\"member.user.profile.photo\" \n            :phone=\"member.user.phone\"\n            :email=\"member.user.email\"\n            :name=\"member.user.profile.name || 'No name'\"\n            :role=\"member.label || member.role\"\n            @click=\"$router.push({ name: 'User Profile', params: { _id: member.user._id } })\" \n            :action=\" member.role !== 'owner' ? {\n              label: {\n                is: IconDelete,\n                props: { class: 'i-medium', fill: 'rgb(var(--white)' }\n              },\n              method: () => removeMember(index, member)\n            } : null\"\n            class=\"h-4r w-100 bg-light radius-medium flex-nowrap flex pd-medium\"\n          />\n        </Feed>\n      </div>\n    </section>\n\n    <!-- Departments Section -->\n    <section class=\"mn-b-medium\">\n      <SectionPageTitle\n        title=\"Departments\"\n        :actions=\"[\n          { method: () => openDepartmentPopup(), label: 'Add department' }\n        ]\"\n        class=\"mn-b-small bg-light bg-light radius-medium pd-medium\"\n      />\n\n      <Feed\n        v-model:items=\"departmentsList\"\n        :states=\"{\n          empty: {\n            title: 'No Departments Found',\n            description: 'Currently, there are no departments available.'\n          }\n        }\"\n        :store=\"departmentsStore\"\n        :options=\"{\n          organization: route.params._id,\n          user: auth.state.user._id,\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n      >\n        <div\n          v-for=\"(department, index) in items\"\n          :key=\"department._id\"\n          @click=\"() => openDepartmentPopup(department)\"\n          class=\"cursor-pointer hover:scale-[1.05]\"\n        >\n          <CardDepartment\n            :department=\"department\"\n            :organization=\"route.params._id\"\n            class=\"radius-semi bg-light pos-relative mn-b-thin\"\n          />\n        </div>\n      </Feed>\n    </section>\n\n    <!-- Invites Section -->\n    <section>\n      <SectionPageTitle\n        title=\"Invites\"\n        :actions=\"[\n          { method: openInvitePopup, label: 'Invite members' }\n        ]\"\n        class=\"mn-b-small bg-light bg-light radius-medium pd-medium\"\n      />\n\n      <Feed\n        v-model:items=\"invitesList\"\n        :states=\"{\n          empty: {\n            title: 'No Invites Found',\n            description: 'Currently, there are no pending invites.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => invitesStore.read(options)\n        }\"\n        :options=\"{\n          owner: route.params._id\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"gap-thin cols-1\"\n      >\n        <CardUser \n          v-for=\"(invite, index) in items\" \n          :key=\"invite._id\" \n          :user=\"{ type: 'invite'} \"\n          :name=\"invite.email || invite.phone\"\n          :role=\"invite.status\"\n          :action=\"{\n            label: {\n              is: IconDelete,\n              props: { class: 'i-medium', fill: 'rgb(var(--white)' }\n            },\n            method: () => removeInvite(index, invite)\n          }\"\n          class=\"h-4r w-100 bg-light radius-medium flex-nowrap flex pd-medium\"\n        />\n      </Feed>\n    </section>\n\n    <!-- Invite Members Popup -->\n    <Popup \n      title=\"Invite members\"\n      @close-popup=\"closeInvitePopup\" \n      :isPopupOpen=\"isOpenInvitePopup\"\n      class=\"bg-white w-min-30r w-max-30r radius-medium pd-medium\"\n    >\n      <InviteForm \n        v-if=\"organizationData\"\n        :organization=\"organizationData\"\n        @send-invite=\"handleSendInvite\"\n      />\n    </Popup>\n\n    <!-- Add Existing Users Popup -->\n    <Popup \n      title=\"Add users to organization\"\n      @close-popup=\"closeAddUsersPopup\" \n      :isPopupOpen=\"isOpenAddUsersPopup\"\n      class=\"bg-white w-min-40r w-max-50r radius-medium pd-medium\"\n    >\n      <AddExistingMembersForm \n        :organizationId=\"route.params._id\"\n        @users-added=\"handleUsersAdded\"\n      />\n    </Popup>\n\n    <!-- Department Edit Popup -->\n    <Popup\n      :title=\"editingDepartment ? 'Edit Department' : 'Create Department'\"\n      @close-popup=\"closeDepartmentPopup\"\n      :isPopupOpen=\"isDepartmentPopupOpen\"\n      align=\"center right\"\n      class=\"bg-white h-min-100 w-max-50r pd-medium\"\n    >\n      <DepartmentForm\n        :department=\"editingDepartment\"\n        :organizationId=\"route.params._id\"\n        @close=\"closeDepartmentPopup\"\n        @saved=\"handleDepartmentSaved\"\n      />\n    </Popup>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport Feed from '@martyrs/src/components/Feed/Feed.vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\n\nimport SectionPageTitle from '@martyrs/src/modules/core/views/components/sections/SectionPageTitle.vue';\n\nimport { \n  InviteForm,\n  AddExistingMembersForm,\n  DepartmentForm,\n  CardDepartment,\n  departmentsStore,\n  membershipsStore,\n  invitesStore,\n  storeOrganizations as organization\n} from '@martyrs/src/modules/organizations/organizations.client.js';\n\nimport CardUser from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\n\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\nimport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js';\n\nconst store = useStore();\n\nconst route = useRoute();\nconst router = useRouter();\n\n// Data\nconst organizationData = ref(null);\nconst membersList = ref([]);\nconst invitesList = ref([]);\nconst departmentsList = ref([]);\nconst isLoaded = ref(false);\n\n// Popups state\nconst isOpenInvitePopup = ref(false);\nconst isOpenAddUsersPopup = ref(false);\nconst isDepartmentPopupOpen = ref(false);\nconst editingDepartment = ref(null);\n\n// Popup functions\nfunction openInvitePopup() {\n  isOpenInvitePopup.value = true;\n}\n\nfunction closeInvitePopup() {\n  isOpenInvitePopup.value = false;\n}\n\nfunction openAddUsersPopup() {\n  isOpenAddUsersPopup.value = true;\n}\n\nfunction closeAddUsersPopup() {\n  isOpenAddUsersPopup.value = false;\n}\n\nfunction openDepartmentPopup(department = null) {\n  editingDepartment.value = department;\n  isDepartmentPopupOpen.value = true;\n}\n\nfunction closeDepartmentPopup() {\n  isDepartmentPopupOpen.value = false;\n  editingDepartment.value = null;\n}\n\n// Load organization data\nonMounted(async () => {\n  try {\n    const response = await organization.actions.read({\n      _id: route.params._id, \n      user: auth.state.user._id\n    });\n    organizationData.value = response[0];\n    isLoaded.value = true;\n  } catch (error) {\n    console.error('Error loading organization:', error);\n    isLoaded.value = true; // Still show the page even if organization load fails\n  }\n});\n\n// Handlers\nasync function handleSendInvite(list, resolve, reject) {\n  try {\n    const response = await invitesStore.create({\n      owner: {\n        type: 'Organization',\n        target: organizationData.value._id\n      },\n      creator: {\n        type: 'User',\n        target: auth.state.user._id\n      },\n      invites: list,\n    });\n    \n    // Assuming the API returns an array of created invites\n    if (response.createdInvites) {\n      for (let invite of response.createdInvites) {\n        invitesStore.addItem(invite, invitesList.value);\n      }\n    } else if (response._id) {\n      // Single invite created\n      invitesStore.addItem(response, invitesList.value);\n    }\n    \n    closeInvitePopup();\n    resolve();\n  } catch (error) {\n    reject(error);\n  }\n}\n\nfunction handleUsersAdded(addedUsers) {\n  closeAddUsersPopup();\n  // Add new members to the list\n  if (addedUsers && addedUsers.length > 0) {\n    addedUsers.forEach(membership => {\n      membershipsStore.addItem(membership, membersList.value);\n    });\n  }\n}\n\nfunction handleDepartmentSaved(department) {\n  closeDepartmentPopup();\n  \n  console.log('handleDepartmentSaved called with:', department);\n  console.log('departmentsList before update:', departmentsList.value);\n  console.log('editingDepartment:', editingDepartment.value);\n  \n  if (department) {\n    // Update or add department in the list\n    if (editingDepartment.value) {\n      departmentsStore.updateItem(department, departmentsList.value);\n    } else {\n      departmentsStore.addItem(department, departmentsList.value);\n    }\n  } else {\n    // Department was deleted\n    if (editingDepartment.value) {\n      departmentsStore.removeItem(editingDepartment.value, departmentsList.value);\n    }\n  }\n  \n  console.log('departmentsList after update:', departmentsList.value);\n}\n\nasync function removeMember(index, member) {\n  if (confirm(\"Confirm remove of member\") == true) {\n    await membershipsStore.delete(member);\n    membershipsStore.removeItem(member, membersList.value);\n  } \n}\n\nasync function removeInvite(index, invite) {\n  if (confirm(\"Confirm remove of invite\") == true) {\n    await invitesStore.delete(invite);\n    invitesStore.removeItem(invite, invitesList.value);\n  }\n}\n</script>\n\n<style scoped>\n</style>\n"],"names":["organization.actions","auth.state"],"mappings":"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"}

package/dist/martyrs/src/modules/organizations/components/pages/Organization.vue.js

@@ -2,10 +2,10 @@ import { ref, onMounted, resolveComponent, createElementBlock, createCommentVNod
 import { useRouter, useRoute } from "vue-router";
 import "vue-i18n";
 /* empty css                                                 */
-/* empty css                                          */
-import _sfc_main$1 from "../../../../components/Dropdown/Dropdown.vue.js";
+/* empty css                                         */
+import _sfc_main$1 from "../../../../components/Dropdown/Dropdown.vue2.js";
 import _sfc_main$7 from "../../../../components/Chips/Chips.vue.js";
-/* empty css                                    */
+/* empty css                                   */
 import "../../../../components/Menu/MenuItem.vue.js";
 import _sfc_main$6 from "../../../icons/entities/IconFollowing.vue.js";
 import _sfc_main$5 from "../../../icons/navigation/IconEdit.vue.js";
@@ -29,7 +29,7 @@ const _hoisted_3 = { class: "bg-black pd-thin radius-small" };
 const _hoisted_4 = ["src"];
 const _hoisted_5 = { class: "mn-b-thin" };
 const _hoisted_6 = { class: "flex-center pd-r-thin pd-l-thin flex-nowrap flex mn-t-thin bg-white radius-extra w-max" };
-const _hoisted_7 = { class: "mn-t-thin p-regular t-medium uppercase mn-b-thin" };
+const _hoisted_7 = { class: "mn-t-thin p-regular fw-medium uppercase mn-b-thin" };
 const _hoisted_8 = {
   key: 5,
   class: "mn-t-small mn-b-thin"
@@ -81,7 +81,7 @@ const _sfc_main = {
                   class: "w-100"
                 }, {
                   default: withCtx(() => _cache[3] || (_cache[3] = [
-                    createElementVNode("button", { class: "w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button" }, " Report ", -1)
+                    createElementVNode("button", { class: "w-100 bg-black br-1px br-white-transp-20 t-white button-small button" }, " Report ", -1)
                   ])),
                   _: 1
                 }, 8, ["user", "target"]),
@@ -140,7 +140,7 @@ const _sfc_main = {
               status: state$1.current.isSubscriber,
               text: { create: "+", remove: "-" },
               onUpdateMembership: _cache[1] || (_cache[1] = (event) => handleMembershipUpdate(event, "isSubscriber", "numberOfSubscribers")),
-              class: "mn-l-thin p-regular t-medium radius-extra i-medium"
+              class: "mn-l-thin p-regular fw-medium radius-extra i-medium"
             }, null, 8, ["user", "target", "status"])) : createCommentVNode("", true)
           ]),
           state$1.current.profile?.tags?.length > 0 ? (openBlock(), createBlock(_sfc_main$7, {
@@ -163,7 +163,7 @@ const _sfc_main = {
           class: "pos-relative"
         }, _cache[4] || (_cache[4] = [
           createElementVNode("div", { class: "bg-light radius-medium pd-medium" }, [
-            createElementVNode("p", { class: "t-medium t-black-transp-60" }, " Show Menu ")
+            createElementVNode("p", { class: "fw-medium t-black-transp-60" }, " Show Menu ")
           ], -1)
         ]))) : createCommentVNode("", true),
         createVNode(_sfc_main$9)

package/dist/martyrs/src/modules/organizations/components/pages/Organization.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Organization.vue.js","sources":["../../../../../../../src/modules/organizations/components/pages/Organization.vue"],"sourcesContent":["<template>\n\t<div v-if=\"organizationData\" class=\"pd-thin for-transition w-100\">\n\n\t\t<!-- <Breadcrumbs class=\"mn-b-thin pd-medium bg-light radius-medium\"/> -->\n\t\t<!-- <pre>{{organization.state.current}}</pre> -->\n\n\t\t<section class=\"flex-center flex flex-column t-center pd-medium radius-medium bg-light mn-b-thin\">\n\n\t\t\t<Dropdown \n\t\t\t\tv-if=\"auth.state.user._id !== organization.state.current.owner\"\n\t\t\t\t:label=\"{ component: IconEllipsis, class: 'i-medium t-transp' }\"\n\t\t\t\t:align=\"'right'\"\n\t\t\t\tclass=\"cursor-pointer pos-absolute pos-r-regular pos-t-regular pd-thin radius-extra \"\n\t\t\t>\n\t\t\t\t<section \n\t\t\t\t\tclass=\"bg-black pd-thin radius-small\"\n\t\t\t\t>\n\t\t\t\t\t<FormReport \n\t\t\t\t\t\t:user=\"auth.state.user._id\"\n\t\t\t\t\t\t:type=\"'organization'\" \n\t\t\t\t\t\t:target=\"organization.state.current._id\" \n\t\t\t\t\t\t:text=\"'Report'\" \n\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<button \n\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>\n\t\t\t\t\t\t\tReport\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</FormReport>\n\n\t\t\t\t\t<ButtonToggleMembership\n\t\t\t\t\t\tv-if=\"auth.state.user._id && auth.state.user._id !== organization.state.current.owner\"\n\t\t\t      :user=\"auth.state.user._id\"\n\t\t\t      :type=\"'organization'\" \n\t      \t:role=\"'blocked'\" \n\t\t\t      :target=\"organization.state.current._id\" \n\t\t\t      :status=\"organization.state.current.isBlocked\" \n\t\t\t      :text=\"{create: 'Block', remove: 'Unblock'}\"\n\t\t\t      @updateMembership=\"event => handleMembershipUpdate(event, 'isBlocked')\"\n\t\t\t       class=\"t-white w-100 mn-t-thin bg-red\" \n\t    \t/>\n\t\t\t\t</section>\n\t    </Dropdown>\n\n\t   <router-link\n\t\t\t\tv-if=\"auth.state.user._id === organization.state.current.owner\"\n\t      :to=\"{\n\t\t\t\t\tname: 'Organization Edit', \n\t\t\t\t\tparams: {\n\t\t\t\t\t\t_id: organization.state.current._id\n\t\t\t\t\t}\n\t\t\t\t}\" \n\t      class=\"\n\t      \tz-index-2\n\t        cursor-pointer \n\t        pos-absolute pos-t-regular pos-r-regular\n\t        radius-extra pd-thin bg-second\n\t      \"\n\t    >\n\t      <IconEdit\n\t        class=\"i-medium\"\n\t        classes=\"fill-white\"\n\t      />\n\t    </router-link>\n\n\n\t\t\t<img loading=\"lazy\" \n\t\t\t\tv-if=\"organization.state.current.profile.photo\" \n\t\t\t\t:src=\"(FILE_SERVER_URL || '') + organization.state.current.profile.photo\" \n\t\t\t\tclass=\"radius-medium bg-light flex-center flex mn-b-small w-8r\" \n\t\t\t/>\n\n\t\t\t<PlaceholderOrganizationPic\n\t\t\t\tv-else\n\t\t\t\tclass=\"radius-medium mn-b-small i-extra\"\n\t\t\t/>\n\n\t    <h1\n\t    \tclass=\"mn-b-thin\"\n\t    >\n\t  \t\t{{ organization.state.current.profile.name }}\n\t  \t</h1>\n\n\t   \t<div class=\"flex-center  pd-r-thin pd-l-thin flex-nowrap flex mn-t-thin bg-white radius-extra w-max\">\n\t   \t\t<IconFollowing class=\"i-medium mn-r-micro t-transp\"/>\n\n\t      <p class=\"mn-t-thin p-regular t-medium uppercase mn-b-thin\">{{organization.state.current.numberOfSubscribers}} followers</p>\n\n\t      <ButtonToggleMembership\n\t        v-if=\"\n\t\t      \tauth.state.user._id \n\t\t      \t&& route.params._id \n\t\t      \t&& route.params._id !== auth.state.user._id\n\t\t      \t&& organization.state.current.owner !== auth.state.user._id\n\t\t      \"\n\t        :user=\"auth.state.user._id\"\n\t        :type=\"'organization'\" \n\t        :role=\"'subscriber'\" \n\t        :target=\"organization.state.current._id\" \n\t        :status=\"organization.state.current.isSubscriber\" \n\t        :text=\"{create: '+', remove: '-'}\"\n\t        @updateMembership=\"event => handleMembershipUpdate(event, 'isSubscriber', 'numberOfSubscribers')\"\n\t        class=\" mn-l-thin p-regular t-medium radius-extra i-medium\" \n\t      />\n\t    </div>\n\n\t    <!-- <p class=\"w-max-50r mn-t-regular mn-b-medium p-medium\">\n\t   \t\t<Text :text=\"organization.profile.description || ''\" :showToggleText=\"true\" :maxLen=\"320\" />\n\t  \t</p>   -->\n\n\t  \t<Chips \n\t    \tv-if=\"organization.state.current.profile?.tags?.length > 0\" \n\t    \t:chips=\"organization.state.current.profile.tags\"\n\t    \tclass=\"p-regular\"\n\t   \t/>\n\n\n\t    <h4 \n\t    \tv-if=\"Object.values(organization.state.current.socials).some(value => value)\" \n\t    \tclass=\"mn-t-small mn-b-thin\"\n\t    >\n\t  \t\tFind us in socials\n\t  \t</h4>\n\t  \t\n\t   \t<Socials \n\t   \t\t:telegram=\"organization.state.current.socials.telegram\"\n\t   \t\t:facebook=\"organization.state.current.socials.facebook\"\n\t   \t\t:instagram=\"organization.state.current.socials.instagram\"\n\t   \t\t:twitter=\"organization.state.current.socials.twitter\"\n\t   \t\t:youtube=\"organization.state.current.socials.youtube\"\n\t   \t/>\n\t\t</section>\n\t\t\n\t\t<!-- Backoffice -->\n\t\t<div v-if=\"MOBILE_APP\" @click=\"() => store.core.state.isOpenSidebar = !store.core.state.isOpenSidebar\"  class=\"pos-relative\">\n\t\t\t<div class=\"bg-light radius-medium pd-medium\">\n\t\t\t\t<p class=\"t-medium t-black-transp-60\">\n\t\t\t\t\tShow Menu\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<!-- Organization Info Section -->\n\t\t<!-- <div class=\"pos-relative\">\n\t\t\t<div class=\"bg-light radius-medium pd-medium\">\n\t\t\t\t<h3 class=\"mn-b-small\">About {{ organization.state.current?.profile?.name }}</h3>\n\t\t\t\t<p v-if=\"organization.state.current?.profile?.description\" class=\"t-medium\">\n\t\t\t\t\t{{ organization.state.current.profile.description }}\n\t\t\t\t</p>\n\t\t\t\t<p v-else class=\"t-medium t-black-transp-60\">\n\t\t\t\t\tNo description available.\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t</div> -->\n\n\t\t<Products/>\n\t</div>\n</template>\n\n<script setup>\n\timport { computed, reactive, ref, onMounted, watch  } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Import components\n\timport Breadcrumbs \tfrom '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue'\n\timport Block  \t\tfrom '@martyrs/src/components/Block/Block.vue'\n\timport Dropdown from \"@martyrs/src/components/Dropdown/Dropdown.vue\";\n\timport Text  \t\tfrom '@martyrs/src/components/Text/Text.vue'\n\timport Chips  from '@martyrs/src/components/Chips/Chips.vue'\n\t// Mobile Module\n\timport Menu from '@martyrs/src/components/Menu/Menu.vue'\n\timport MenuItem from '@martyrs/src/components/Menu/MenuItem.vue'\n\t// Icons\n\timport IconFollowing from '@martyrs/src/modules/icons/entities/IconFollowing.vue'\n\timport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\timport IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue'\n\timport PlaceholderOrganizationPic from '@martyrs/src/modules/icons/placeholders/PlaceholderOrganizationPic.vue'\n\t// Organizations\n\timport { \n\t\tDepartmentSub, \n\t\tButtonToggleMembership, \n\t\tContacts, \n\t\tRating, \n\t\tSocials \n\t} from '@martyrs/src/modules/organizations/organizations.client.js'\n\timport User from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\n\t// Report Module\n\timport FormReport from '@martyrs/src/modules/reports/components/sections/FormReport.vue'\n\t// Products modu;e\n\timport Products from '@martyrs/src//modules/products/components/pages/Products.vue'\n\t// Import state\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\timport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js'\n\nconst store = useStore();\n\n\timport * as organization from '@martyrs/src/modules/organizations/store/organizations.js';\n\timport membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js';\n\timport departmentsStore from '@martyrs/src/modules/organizations/store/departments.store.js';\n\t// Init router\n\tconst router \t= useRouter()\n\tconst route \t= useRoute()\n\n\tconst organizationData = ref(null)\n\n\tonMounted(async () => {\n\t\t\n\t\torganizationData.value = await organization.actions.read({\n\t\t\t_id: route.params._id, \n\t\t\tuser: auth.state.user._id,\n\t\t\tlookup: ['memberships']\n\t\t})\n\n \t\tawait membershipsStore.read({target: route.params._id})\n\n \t\tif (typeof gtag === 'function') {\n\t\t\tgtag('event', 'view_organization', {\n\t\t\t\torganization_id: route.params._id,\n\t\t\t\torganization_name: organizationData.value?.profile?.name || 'unknown',\n\t\t\t\tpage_path: window.location.pathname,\n\t\t\t\tuser_id: auth.state.user._id || 'anonymous',\n\t\t\t\ttimestamp: new Date().toISOString()\n\t\t\t});\n\t\t}\n\t})\n\n\t// Methods\n\tconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n\t  membershipsStore.handleMembershipUpdate(organization.state.current, membership, status, target, statusName, statusNumber)\n\t};\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["organization.actions","auth.state","organization.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkMA,UAAM,QAAQ,SAAQ;AAML,cAAS;AACzB,UAAM,QAAS,SAAQ;AAEvB,UAAM,mBAAmB,IAAI,IAAI;AAEjC,cAAU,YAAY;AAErB,uBAAiB,QAAQ,MAAMA,QAAqB,KAAK;AAAA,QACxD,KAAK,MAAM,OAAO;AAAA,QAClB,MAAMC,MAAW,KAAK;AAAA,QACtB,QAAQ,CAAC,aAAa;AAAA,MACzB,CAAG;AAEA,YAAM,iBAAiB,KAAK,EAAC,QAAQ,MAAM,OAAO,IAAG,CAAC;AAEtD,UAAI,OAAO,SAAS,YAAY;AAChC,aAAK,SAAS,qBAAqB;AAAA,UAClC,iBAAiB,MAAM,OAAO;AAAA,UAC9B,mBAAmB,iBAAiB,OAAO,SAAS,QAAQ;AAAA,UAC5D,WAAW,OAAO,SAAS;AAAA,UAC3B,SAASA,MAAW,KAAK,OAAO;AAAA,UAChC,YAAW,oBAAI,KAAI,GAAG,YAAW;AAAA,QACrC,CAAI;AAAA,MACF;AAAA,IACD,CAAC;AAGD,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAM,GAAI,YAAY,iBAAiB;AAC3F,uBAAiB,uBAAuBC,QAAmB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAC1H;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Organization.vue.js","sources":["../../../../../../../src/modules/organizations/components/pages/Organization.vue"],"sourcesContent":["<template>\n\t<div v-if=\"organizationData\" class=\"pd-thin for-transition w-100\">\n\n\t\t<!-- <Breadcrumbs class=\"mn-b-thin pd-medium bg-light radius-medium\"/> -->\n\t\t<!-- <pre>{{organization.state.current}}</pre> -->\n\n\t\t<section class=\"flex-center flex flex-column t-center pd-medium radius-medium bg-light mn-b-thin\">\n\n\t\t\t<Dropdown \n\t\t\t\tv-if=\"auth.state.user._id !== organization.state.current.owner\"\n\t\t\t\t:label=\"{ component: IconEllipsis, class: 'i-medium t-transp' }\"\n\t\t\t\t:align=\"'right'\"\n\t\t\t\tclass=\"cursor-pointer pos-absolute pos-r-regular pos-t-regular pd-thin radius-extra \"\n\t\t\t>\n\t\t\t\t<section \n\t\t\t\t\tclass=\"bg-black pd-thin radius-small\"\n\t\t\t\t>\n\t\t\t\t\t<FormReport \n\t\t\t\t\t\t:user=\"auth.state.user._id\"\n\t\t\t\t\t\t:type=\"'organization'\" \n\t\t\t\t\t\t:target=\"organization.state.current._id\" \n\t\t\t\t\t\t:text=\"'Report'\" \n\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<button \n\t\t\t\t\t\t\tclass=\"w-100 bg-black br-1px br-white-transp-20 t-white button-small button\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tReport\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</FormReport>\n\n\t\t\t\t\t<ButtonToggleMembership\n\t\t\t\t\t\tv-if=\"auth.state.user._id && auth.state.user._id !== organization.state.current.owner\"\n\t\t\t      :user=\"auth.state.user._id\"\n\t\t\t      :type=\"'organization'\" \n\t      \t:role=\"'blocked'\" \n\t\t\t      :target=\"organization.state.current._id\" \n\t\t\t      :status=\"organization.state.current.isBlocked\" \n\t\t\t      :text=\"{create: 'Block', remove: 'Unblock'}\"\n\t\t\t      @updateMembership=\"event => handleMembershipUpdate(event, 'isBlocked')\"\n\t\t\t       class=\"t-white w-100 mn-t-thin bg-red\" \n\t    \t/>\n\t\t\t\t</section>\n\t    </Dropdown>\n\n\t   <router-link\n\t\t\t\tv-if=\"auth.state.user._id === organization.state.current.owner\"\n\t      :to=\"{\n\t\t\t\t\tname: 'Organization Edit', \n\t\t\t\t\tparams: {\n\t\t\t\t\t\t_id: organization.state.current._id\n\t\t\t\t\t}\n\t\t\t\t}\" \n\t      class=\"\n\t      \tz-index-2\n\t        cursor-pointer \n\t        pos-absolute pos-t-regular pos-r-regular\n\t        radius-extra pd-thin bg-second\n\t      \"\n\t    >\n\t      <IconEdit\n\t        class=\"i-medium\"\n\t        classes=\"fill-white\"\n\t      />\n\t    </router-link>\n\n\n\t\t\t<img loading=\"lazy\" \n\t\t\t\tv-if=\"organization.state.current.profile.photo\" \n\t\t\t\t:src=\"(FILE_SERVER_URL || '') + organization.state.current.profile.photo\" \n\t\t\t\tclass=\"radius-medium bg-light flex-center flex mn-b-small w-8r\" \n\t\t\t/>\n\n\t\t\t<PlaceholderOrganizationPic\n\t\t\t\tv-else\n\t\t\t\tclass=\"radius-medium mn-b-small i-extra\"\n\t\t\t/>\n\n\t    <h1\n\t    \tclass=\"mn-b-thin\"\n\t    >\n\t  \t\t{{ organization.state.current.profile.name }}\n\t  \t</h1>\n\n\t   \t<div class=\"flex-center  pd-r-thin pd-l-thin flex-nowrap flex mn-t-thin bg-white radius-extra w-max\">\n\t   \t\t<IconFollowing class=\"i-medium mn-r-micro t-transp\"/>\n\n\t      <p class=\"mn-t-thin p-regular fw-medium uppercase mn-b-thin\">{{organization.state.current.numberOfSubscribers}} followers</p>\n\n\t      <ButtonToggleMembership\n\t        v-if=\"\n\t\t      \tauth.state.user._id \n\t\t      \t&& route.params._id \n\t\t      \t&& route.params._id !== auth.state.user._id\n\t\t      \t&& organization.state.current.owner !== auth.state.user._id\n\t\t      \"\n\t        :user=\"auth.state.user._id\"\n\t        :type=\"'organization'\" \n\t        :role=\"'subscriber'\" \n\t        :target=\"organization.state.current._id\" \n\t        :status=\"organization.state.current.isSubscriber\" \n\t        :text=\"{create: '+', remove: '-'}\"\n\t        @updateMembership=\"event => handleMembershipUpdate(event, 'isSubscriber', 'numberOfSubscribers')\"\n\t        class=\" mn-l-thin p-regular fw-medium radius-extra i-medium\" \n\t      />\n\t    </div>\n\n\t    <!-- <p class=\"w-max-50r mn-t-regular mn-b-medium p-medium\">\n\t   \t\t<Text :text=\"organization.profile.description || ''\" :showToggleText=\"true\" :maxLen=\"320\" />\n\t  \t</p>   -->\n\n\t  \t<Chips \n\t    \tv-if=\"organization.state.current.profile?.tags?.length > 0\" \n\t    \t:chips=\"organization.state.current.profile.tags\"\n\t    \tclass=\"p-regular\"\n\t   \t/>\n\n\n\t    <h4 \n\t    \tv-if=\"Object.values(organization.state.current.socials).some(value => value)\" \n\t    \tclass=\"mn-t-small mn-b-thin\"\n\t    >\n\t  \t\tFind us in socials\n\t  \t</h4>\n\t  \t\n\t   \t<Socials \n\t   \t\t:telegram=\"organization.state.current.socials.telegram\"\n\t   \t\t:facebook=\"organization.state.current.socials.facebook\"\n\t   \t\t:instagram=\"organization.state.current.socials.instagram\"\n\t   \t\t:twitter=\"organization.state.current.socials.twitter\"\n\t   \t\t:youtube=\"organization.state.current.socials.youtube\"\n\t   \t/>\n\t\t</section>\n\t\t\n\t\t<!-- Backoffice -->\n\t\t<div v-if=\"MOBILE_APP\" @click=\"() => store.core.state.isOpenSidebar = !store.core.state.isOpenSidebar\"  class=\"pos-relative\">\n\t\t\t<div class=\"bg-light radius-medium pd-medium\">\n\t\t\t\t<p class=\"fw-medium t-black-transp-60\">\n\t\t\t\t\tShow Menu\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<!-- Organization Info Section -->\n\t\t<!-- <div class=\"pos-relative\">\n\t\t\t<div class=\"bg-light radius-medium pd-medium\">\n\t\t\t\t<h3 class=\"mn-b-small\">About {{ organization.state.current?.profile?.name }}</h3>\n\t\t\t\t<p v-if=\"organization.state.current?.profile?.description\" class=\"fw-medium\">\n\t\t\t\t\t{{ organization.state.current.profile.description }}\n\t\t\t\t</p>\n\t\t\t\t<p v-else class=\"fw-medium t-black-transp-60\">\n\t\t\t\t\tNo description available.\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t</div> -->\n\n\t\t<Products/>\n\t</div>\n</template>\n\n<script setup>\n\timport { computed, reactive, ref, onMounted, watch  } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Import components\n\timport Breadcrumbs \tfrom '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue'\n\timport Block  \t\tfrom '@martyrs/src/components/Block/Block.vue'\n\timport Dropdown from \"@martyrs/src/components/Dropdown/Dropdown.vue\";\n\timport Text  \t\tfrom '@martyrs/src/components/Text/Text.vue'\n\timport Chips  from '@martyrs/src/components/Chips/Chips.vue'\n\t// Mobile Module\n\timport Menu from '@martyrs/src/components/Menu/Menu.vue'\n\timport MenuItem from '@martyrs/src/components/Menu/MenuItem.vue'\n\t// Icons\n\timport IconFollowing from '@martyrs/src/modules/icons/entities/IconFollowing.vue'\n\timport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\timport IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue'\n\timport PlaceholderOrganizationPic from '@martyrs/src/modules/icons/placeholders/PlaceholderOrganizationPic.vue'\n\t// Organizations\n\timport { \n\t\tDepartmentSub, \n\t\tButtonToggleMembership, \n\t\tContacts, \n\t\tRating, \n\t\tSocials \n\t} from '@martyrs/src/modules/organizations/organizations.client.js'\n\timport User from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\n\t// Report Module\n\timport FormReport from '@martyrs/src/modules/reports/components/sections/FormReport.vue'\n\t// Products modu;e\n\timport Products from '@martyrs/src//modules/products/components/pages/Products.vue'\n\t// Import state\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\timport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js'\n\nconst store = useStore();\n\n\timport * as organization from '@martyrs/src/modules/organizations/store/organizations.js';\n\timport membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js';\n\timport departmentsStore from '@martyrs/src/modules/organizations/store/departments.store.js';\n\t// Init router\n\tconst router \t= useRouter()\n\tconst route \t= useRoute()\n\n\tconst organizationData = ref(null)\n\n\tonMounted(async () => {\n\t\t\n\t\torganizationData.value = await organization.actions.read({\n\t\t\t_id: route.params._id, \n\t\t\tuser: auth.state.user._id,\n\t\t\tlookup: ['memberships']\n\t\t})\n\n \t\tawait membershipsStore.read({target: route.params._id})\n\n \t\tif (typeof gtag === 'function') {\n\t\t\tgtag('event', 'view_organization', {\n\t\t\t\torganization_id: route.params._id,\n\t\t\t\torganization_name: organizationData.value?.profile?.name || 'unknown',\n\t\t\t\tpage_path: window.location.pathname,\n\t\t\t\tuser_id: auth.state.user._id || 'anonymous',\n\t\t\t\ttimestamp: new Date().toISOString()\n\t\t\t});\n\t\t}\n\t})\n\n\t// Methods\n\tconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n\t  membershipsStore.handleMembershipUpdate(organization.state.current, membership, status, target, statusName, statusNumber)\n\t};\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["organization.actions","auth.state","organization.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkMA,UAAM,QAAQ,SAAQ;AAML,cAAS;AACzB,UAAM,QAAS,SAAQ;AAEvB,UAAM,mBAAmB,IAAI,IAAI;AAEjC,cAAU,YAAY;AAErB,uBAAiB,QAAQ,MAAMA,QAAqB,KAAK;AAAA,QACxD,KAAK,MAAM,OAAO;AAAA,QAClB,MAAMC,MAAW,KAAK;AAAA,QACtB,QAAQ,CAAC,aAAa;AAAA,MACzB,CAAG;AAEA,YAAM,iBAAiB,KAAK,EAAC,QAAQ,MAAM,OAAO,IAAG,CAAC;AAEtD,UAAI,OAAO,SAAS,YAAY;AAChC,aAAK,SAAS,qBAAqB;AAAA,UAClC,iBAAiB,MAAM,OAAO;AAAA,UAC9B,mBAAmB,iBAAiB,OAAO,SAAS,QAAQ;AAAA,UAC5D,WAAW,OAAO,SAAS;AAAA,UAC3B,SAASA,MAAW,KAAK,OAAO;AAAA,UAChC,YAAW,oBAAI,KAAI,GAAG,YAAW;AAAA,QACrC,CAAI;AAAA,MACF;AAAA,IACD,CAAC;AAGD,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAM,GAAI,YAAY,iBAAiB;AAC3F,uBAAiB,uBAAuBC,QAAmB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAC1H;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/organizations/components/pages/OrganizationBackoffice.vue.js

@@ -1,5 +1,5 @@
 import { ref, onMounted, createElementBlock, openBlock, createVNode, withCtx, createBlock, createCommentVNode, unref, createElementVNode } from "vue";
-import _sfc_main$1 from "../../../../components/Menu/Menu.vue.js";
+import _sfc_main$1 from "../../../../components/Menu/Menu.vue2.js";
 import _sfc_main$2 from "../../../../components/Menu/MenuItem.vue.js";
 /* empty css                                                 */
 import _sfc_main$4 from "../../../icons/entities/IconProducts.vue.js";

package/dist/martyrs/src/modules/organizations/components/pages/Organizations.vue.js

@@ -30,7 +30,7 @@ const _sfc_main = {
             onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$router.push({
               name: "Create Organization"
             })),
-            class: "bg-second radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second"
+            class: "bg-second radius-extra i-big hover:scale-[1.05] cursor-pointer t-white bg-second"
           }, " + ")
         ])) : createCommentVNode("", true),
         createVNode(_sfc_main$1, {
@@ -42,7 +42,7 @@ const _sfc_main = {
             { name: "Follower", value: "follower" }
           ],
           style: { "flex": "1 0 auto" },
-          class: "o-hidden flex-child-default h5 bg-white gap-micro pd-smallpd-t-thin pd-b-thin br-b br-solid br-black-transp-10",
+          class: "o-hidden flex-child-default h5 bg-white gap-micro pd-smallpd-t-thin pd-b-thin br-b-1px br-black-transp-10",
           classTab: "bg-light pd-medium o-hidden radius-small w-100"
         }, null, 8, ["selected"]),
         createElementVNode("div", _hoisted_2, [

package/dist/martyrs/src/modules/organizations/components/pages/Organizations.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Organizations.vue.js","sources":["../../../../../../../src/modules/organizations/components/pages/Organizations.vue"],"sourcesContent":["<template>\n\t<div>\n\t\t<header v-if=\"!MOBILE_APP\"  class=\"pd-small bg-white flex-v-center flex-nowrap flex\">\n    \t<h2 class=\"mn-r-medium\">Groups</h2>\n    \t<button \n    \t\t@click=\"$router.push({\n    \t\t\tname: 'Create Organization'\n    \t\t})\" \n    \t\tclass=\"\n    \t\t\tbg-second\n    \t\t\tradius-100 \n    \t\t\ti-big \n    \t\t\thover-scale-1\n    \t\t\tcursor-pointer\n    \t\t\tt-white\n    \t\t\tbg-second\n    \t\t\">\n    \t\t\t+\n    \t</button>\n\t\t</header>\n\t\t<Tab \n\t\t\tv-model:selected=\"tabOrganization\"\n\t\t\t:tabs=\"[\n\t\t\t\t{ name: 'Owner', \t\tvalue: 'owner' },\n\t\t\t\t{ name: 'Member', \tvalue: 'member' },\n\t\t\t\t{ name: 'Follower', value: 'follower' }\t\t\n\t\t\t]\"\n\t\t\tstyle=\"flex: 1 0 auto;\"\n\t\t\tclass=\"\n\t\t\t\to-hidden\n\t\t\t\tflex-child-default \n\t\t\t\th5 \n\t\t\t\tbg-white\n\t\t\t\tgap-micro pd-smallpd-t-thin pd-b-thin\n\t\t\t\tbr-b br-solid br-black-transp-10\n\t\t\t\"\n\t\t\tclassTab=\"bg-light pd-medium o-hidden radius-small w-100\"\n\t\t/>\n\t\t\t<div class=\"pd-small  h-100  bg-white\">\n\t\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t\t<Feed\n\t\t        :showLoadMore=\"false\" \n\t\t        :search=\"{\n\t\t          placeholder: 'Search organization...',\n\t\t          class: 'mn-b-small'\n\t\t        }\"\n\t\t        :states=\"{\n\t\t          empty: {\n\t\t            title: 'No organizations Found',\n\t\t            description: 'Currently, there are no such organizations available.'\n\t\t          }\n\t\t        }\"\n\t\t        :store=\"{\n\t\t          read: (options) => organizations.actions.read(options),\n\t\t          state: null\n\t\t        }\"\n\t\t        :options=\"{\n\t\t          user: auth.state.user._id,\n\t\t          [tabOrganization === 'owner' ? 'owner' : \n\t\t           tabOrganization === 'member' ? 'member' : 'subscriber']: route.params._id,\n\t\t          lookup: ['memberships']\n\t\t        }\"\n\t\t        v-slot=\"{ \n\t\t          items \n\t\t        }\"\n\t\t         style=\"height: 200rem\"\n\t\t      >\n\t\t      \t<CardOrganization \n\t\t\t\t\t   \tv-for=\"(organization, index) in items\" \n\t\t          v-memo=\"[organization._id, organization.profile.name]\"\n\t\t\t\t\t    :organization=\"organization\"\n\t\t\t\t\t    :showRating=\"true\"\n\t\t\t\t\t    :showFollowers=\"true\"\n\t\t\t\t\t    :showProducts=\"false\"\n\t\t\t\t\t    class=\"bg-light mn-b-thin w-100 o-hidden radius-medium pd-medium\"\n\t\t\t\t\t  />\n\t\t      </Feed>\n\t\t\t</transition>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\n\timport { watch, ref } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Components\n\timport Tab from '@martyrs/src/components/Tab/Tab.vue'\n\timport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\timport * as organizations from '@martyrs/src/modules/organizations/store/organizations.js';\n\n\timport Card from '@martyrs/src/modules/core/views/components/blocks/Card.vue';\n\timport CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n\t// Accessing router\n\tconst route = useRoute()\n\tconst router = useRouter()\n\t// State\n\tlet tab = route.query.tab ? route.query.tab : 'owner';\n\n\tconst tabOrganization = ref(tab)\n\n\troute.query.tab = tabOrganization.value\n\n\twatch(tabOrganization, (newValue) => {\n\t  router.replace({ query: { ...route.query, tab: newValue } });\n\t});\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAgGC,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,QAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM;AAE9C,UAAM,kBAAkB,IAAI,GAAG;AAE/B,UAAM,MAAM,MAAM,gBAAgB;AAElC,UAAM,iBAAiB,CAAC,aAAa;AACnC,aAAO,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,OAAO,KAAK,SAAQ,GAAI;AAAA,IAC7D,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Organizations.vue.js","sources":["../../../../../../../src/modules/organizations/components/pages/Organizations.vue"],"sourcesContent":["<template>\n\t<div>\n\t\t<header v-if=\"!MOBILE_APP\"  class=\"pd-small bg-white flex-v-center flex-nowrap flex\">\n    \t<h2 class=\"mn-r-medium\">Groups</h2>\n    \t<button \n    \t\t@click=\"$router.push({\n    \t\t\tname: 'Create Organization'\n    \t\t})\" \n    \t\tclass=\"\n    \t\t\tbg-second\n    \t\t\tradius-extra \n    \t\t\ti-big \n    \t\t\thover:scale-[1.05]\n    \t\t\tcursor-pointer\n    \t\t\tt-white\n    \t\t\tbg-second\n    \t\t\">\n    \t\t\t+\n    \t</button>\n\t\t</header>\n\t\t<Tab \n\t\t\tv-model:selected=\"tabOrganization\"\n\t\t\t:tabs=\"[\n\t\t\t\t{ name: 'Owner', \t\tvalue: 'owner' },\n\t\t\t\t{ name: 'Member', \tvalue: 'member' },\n\t\t\t\t{ name: 'Follower', value: 'follower' }\t\t\n\t\t\t]\"\n\t\t\tstyle=\"flex: 1 0 auto;\"\n\t\t\tclass=\"\n\t\t\t\to-hidden\n\t\t\t\tflex-child-default \n\t\t\t\th5 \n\t\t\t\tbg-white\n\t\t\t\tgap-micro pd-smallpd-t-thin pd-b-thin\n\t\t\t\tbr-b-1px br-black-transp-10\n\t\t\t\"\n\t\t\tclassTab=\"bg-light pd-medium o-hidden radius-small w-100\"\n\t\t/>\n\t\t\t<div class=\"pd-small  h-100  bg-white\">\n\t\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t\t<Feed\n\t\t        :showLoadMore=\"false\" \n\t\t        :search=\"{\n\t\t          placeholder: 'Search organization...',\n\t\t          class: 'mn-b-small'\n\t\t        }\"\n\t\t        :states=\"{\n\t\t          empty: {\n\t\t            title: 'No organizations Found',\n\t\t            description: 'Currently, there are no such organizations available.'\n\t\t          }\n\t\t        }\"\n\t\t        :store=\"{\n\t\t          read: (options) => organizations.actions.read(options),\n\t\t          state: null\n\t\t        }\"\n\t\t        :options=\"{\n\t\t          user: auth.state.user._id,\n\t\t          [tabOrganization === 'owner' ? 'owner' : \n\t\t           tabOrganization === 'member' ? 'member' : 'subscriber']: route.params._id,\n\t\t          lookup: ['memberships']\n\t\t        }\"\n\t\t        v-slot=\"{ \n\t\t          items \n\t\t        }\"\n\t\t         style=\"height: 200rem\"\n\t\t      >\n\t\t      \t<CardOrganization \n\t\t\t\t\t   \tv-for=\"(organization, index) in items\" \n\t\t          v-memo=\"[organization._id, organization.profile.name]\"\n\t\t\t\t\t    :organization=\"organization\"\n\t\t\t\t\t    :showRating=\"true\"\n\t\t\t\t\t    :showFollowers=\"true\"\n\t\t\t\t\t    :showProducts=\"false\"\n\t\t\t\t\t    class=\"bg-light mn-b-thin w-100 o-hidden radius-medium pd-medium\"\n\t\t\t\t\t  />\n\t\t      </Feed>\n\t\t\t</transition>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\n\timport { watch, ref } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Components\n\timport Tab from '@martyrs/src/components/Tab/Tab.vue'\n\timport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\timport * as organizations from '@martyrs/src/modules/organizations/store/organizations.js';\n\n\timport Card from '@martyrs/src/modules/core/views/components/blocks/Card.vue';\n\timport CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n\t// Accessing router\n\tconst route = useRoute()\n\tconst router = useRouter()\n\t// State\n\tlet tab = route.query.tab ? route.query.tab : 'owner';\n\n\tconst tabOrganization = ref(tab)\n\n\troute.query.tab = tabOrganization.value\n\n\twatch(tabOrganization, (newValue) => {\n\t  router.replace({ query: { ...route.query, tab: newValue } });\n\t});\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAgGC,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,QAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM;AAE9C,UAAM,kBAAkB,IAAI,GAAG;AAE/B,UAAM,MAAM,MAAM,gBAAgB;AAElC,UAAM,iBAAiB,CAAC,aAAa;AACnC,aAAO,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,OAAO,KAAK,SAAQ,GAAI;AAAA,IAC7D,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/organizations/components/sections/Documents.vue.js

@@ -2,15 +2,15 @@ import { ref, watchEffect, resolveComponent, createElementBlock, openBlock, crea
 import { useRouter, useRoute } from "vue-router";
 import Field from "../../../../components/Field/Field.vue.js";
 /* empty css                                      */
-/* empty css                                        */
+/* empty css                                       */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 /* empty css                                       */
 /* empty css               */
 const _hoisted_1 = { class: "documents" };
-const _hoisted_2 = { class: "mn-b-big cols-4" };
+const _hoisted_2 = { class: "mn-b-big cols-4 mobile:cols-2" };
 const _hoisted_3 = ["onClick"];
 const _hoisted_4 = { class: "mn-b-small" };
-const _hoisted_5 = { class: "t-semi t-transp radius-small" };
+const _hoisted_5 = { class: "fw-semi t-transp radius-small" };
 const _sfc_main = {
   __name: "Documents",
   setup(__props) {
@@ -112,7 +112,7 @@ const _sfc_main = {
     };
   }
 };
-const Documents = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-101cc538"]]);
+const Documents = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c5edb333"]]);
 export {
   Documents as default
 };

package/dist/martyrs/src/modules/organizations/components/sections/Documents.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Documents.vue.js","sources":["../../../../../../../src/modules/organizations/components/sections/Documents.vue"],"sourcesContent":["<template>\n  <div class=\"documents\">\n    <h3 class=\"mn-b-small\">Список документов</h3>\n    \n    <div class=\"mn-b-big cols-4\">\n\t      <div  \n\t      \tv-for=\"(doc, index) in documents\" :key=\"index\" \n\t      \t@click=\"openPopup(index)\" \n\t      \tclass=\"h-100 pd-medium bg-white radius-small\">\n\t      \t<h3 class=\"mn-b-small\">{{ doc.name }}</h3>\n\t      \t<p class=\"t-semi t-transp radius-small\">{{ doc.status }}</p>\n\t      </div>\n\t  </div>\n\n   <Popup title=\"Добавить документ\" @close-popup=\"closePopup\" :isPopupOpen=\"showPopup\">\n\n    <div v-for=\"input in documents[currentIndex].inputs\" :key=\"input.name\">\n      <Field\n      \tv-model:field=\"input.value\" \t\t\n      \t:label=\"input.name\"\n        :_id=\"input.name\" \n        :placeholder=\"input.name\" \n        class=\"w-100\"\n      />\n    </div>\n    <button @click=\"submitData\" class=\"w-100 mn-b-small button \">Отправить на верификацию</button>\n\n\t\t</Popup>\n\n  </div>\n</template>\n\n<script setup>\nimport { ref, watchEffect } from 'vue';\n\nimport { useRoute, useRouter } from 'vue-router'\nimport Field  \tfrom '@martyrs/src/components/Field/Field.vue'\nimport Select  \tfrom '@martyrs/src/components/Popup/Popup.vue'\nimport Button  \tfrom '@martyrs/src/components/Button/Button.vue'\n// const props = defineProps({\n//   documents: {\n//     type: Array,\n//     required: true,\n//   },\n// });\n\n\nconst router \t= useRouter()\nconst route \t= useRoute()\n\nlet documents = [{\n\tname: 'Паспорт',\n\tstatus: 'Не добавлен',\n\tinputs: [{\n\t\ttype: 'text',\n\t\tname: 'Номер и серия'\n\t},{\n\t\ttype: 'text',\n\t\tname: 'Место выдачи'\n\t},{\n\t\ttype: 'text',\n\t\tname: 'Дата выдачи'\n\t}]\n},{\n\tname: 'ИНН',\n\tstatus: 'Не добавлен',\n\tinputs: [{\n\t\ttype: 'text',\n\t\tname: 'Дата регистрации'\n\t}]\n},{\n\tname: 'СНИЛС',\n\tstatus: 'Не добавлен',\n\tinputs: [{\n\t\ttype: 'text',\n\t\tname: 'Дата регистрации'\n\t}]\n},{\n\tname: 'Военный билет',\n\tstatus: 'Не добавлен',\n\tinputs: [{\n\t\ttype: 'text',\n\t\tname: 'Дата регистрации'\n\t}]\n}]\n\nconst showPopup = ref(false);\nconst currentIndex = ref(null);\n\nconst openPopup = (index) => {\n  currentIndex.value = index;\n  showPopup.value = true;\n};\n\nconst closePopup = () => {\n  showPopup.value = false;\n};\n\nconst handleFileUpload = (e) => {\n  const files = e.target.files;\n  // Handle file uploads as needed\n};\n\nconst submitData = () => {\n  // Handle submission of the data and update the document status\n  closePopup();\n};\n\nwatchEffect(() => {\n  // Do any necessary updates when the documents prop changes\n});\n\nasync function onSubmit() {\n  // await Store.auth.login(Store.auth.state.user)\n}\n\nfunction redirectTo () {\n\trouter.push({ name: 'Create Organization People'})\n\t// Store.auth.toggleSignInPopup()\n}\n</script>\n\n<style scoped>\n.documents {\n  display: flex;\n  flex-direction: column;\n}\n\n.popup {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  background-color: white;\n  border: 1px solid #ccc;\n  padding: 20px;\n  z-index: 10;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;AA+CgB,cAAS;AACV,aAAQ;AAEvB,QAAI,YAAY,CAAC;AAAA,MAChB,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,QAAQ,CAAC;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,MACR,GAAG;AAAA,QACD,MAAM;AAAA,QACN,MAAM;AAAA,MACR,GAAG;AAAA,QACD,MAAM;AAAA,QACN,MAAM;AAAA,MACR,CAAE;AAAA,IACF,GAAE;AAAA,MACD,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,QAAQ,CAAC;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,MACR,CAAE;AAAA,IACF,GAAE;AAAA,MACD,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,QAAQ,CAAC;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,MACR,CAAE;AAAA,IACF,GAAE;AAAA,MACD,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,QAAQ,CAAC;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,MACR,CAAE;AAAA,IACF,CAAC;AAED,UAAM,YAAY,IAAI,KAAK;AAC3B,UAAM,eAAe,IAAI,IAAI;AAE7B,UAAM,YAAY,CAAC,UAAU;AAC3B,mBAAa,QAAQ;AACrB,gBAAU,QAAQ;AAAA,IACpB;AAEA,UAAM,aAAa,MAAM;AACvB,gBAAU,QAAQ;AAAA,IACpB;AAOA,UAAM,aAAa,MAAM;AAEvB,iBAAU;AAAA,IACZ;AAEA,gBAAY,MAAM;AAAA,IAElB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Documents.vue.js","sources":["../../../../../../../src/modules/organizations/components/sections/Documents.vue"],"sourcesContent":["<template>\n  <div class=\"documents\">\n    <h3 class=\"mn-b-small\">Список документов</h3>\n    \n    <div class=\"mn-b-big cols-4 mobile:cols-2\">\n\t      <div  \n\t      \tv-for=\"(doc, index) in documents\" :key=\"index\" \n\t      \t@click=\"openPopup(index)\" \n\t      \tclass=\"h-100 pd-medium bg-white radius-small\">\n\t      \t<h3 class=\"mn-b-small\">{{ doc.name }}</h3>\n\t      \t<p class=\"fw-semi t-transp radius-small\">{{ doc.status }}</p>\n\t      </div>\n\t  </div>\n\n   <Popup title=\"Добавить документ\" @close-popup=\"closePopup\" :isPopupOpen=\"showPopup\">\n\n    <div v-for=\"input in documents[currentIndex].inputs\" :key=\"input.name\">\n      <Field\n      \tv-model:field=\"input.value\" \t\t\n      \t:label=\"input.name\"\n        :_id=\"input.name\" \n        :placeholder=\"input.name\" \n        class=\"w-100\"\n      />\n    </div>\n    <button @click=\"submitData\" class=\"w-100 mn-b-small button \">Отправить на верификацию</button>\n\n\t\t</Popup>\n\n  </div>\n</template>\n\n<script setup>\nimport { ref, watchEffect } from 'vue';\n\nimport { useRoute, useRouter } from 'vue-router'\nimport Field  \tfrom '@martyrs/src/components/Field/Field.vue'\nimport Select  \tfrom '@martyrs/src/components/Popup/Popup.vue'\nimport Button  \tfrom '@martyrs/src/components/Button/Button.vue'\n// const props = defineProps({\n//   documents: {\n//     type: Array,\n//     required: true,\n//   },\n// });\n\n\nconst router \t= useRouter()\nconst route \t= useRoute()\n\nlet documents = [{\n\tname: 'Паспорт',\n\tstatus: 'Не добавлен',\n\tinputs: [{\n\t\ttype: 'text',\n\t\tname: 'Номер и серия'\n\t},{\n\t\ttype: 'text',\n\t\tname: 'Место выдачи'\n\t},{\n\t\ttype: 'text',\n\t\tname: 'Дата выдачи'\n\t}]\n},{\n\tname: 'ИНН',\n\tstatus: 'Не добавлен',\n\tinputs: [{\n\t\ttype: 'text',\n\t\tname: 'Дата регистрации'\n\t}]\n},{\n\tname: 'СНИЛС',\n\tstatus: 'Не добавлен',\n\tinputs: [{\n\t\ttype: 'text',\n\t\tname: 'Дата регистрации'\n\t}]\n},{\n\tname: 'Военный билет',\n\tstatus: 'Не добавлен',\n\tinputs: [{\n\t\ttype: 'text',\n\t\tname: 'Дата регистрации'\n\t}]\n}]\n\nconst showPopup = ref(false);\nconst currentIndex = ref(null);\n\nconst openPopup = (index) => {\n  currentIndex.value = index;\n  showPopup.value = true;\n};\n\nconst closePopup = () => {\n  showPopup.value = false;\n};\n\nconst handleFileUpload = (e) => {\n  const files = e.target.files;\n  // Handle file uploads as needed\n};\n\nconst submitData = () => {\n  // Handle submission of the data and update the document status\n  closePopup();\n};\n\nwatchEffect(() => {\n  // Do any necessary updates when the documents prop changes\n});\n\nasync function onSubmit() {\n  // await Store.auth.login(Store.auth.state.user)\n}\n\nfunction redirectTo () {\n\trouter.push({ name: 'Create Organization People'})\n\t// Store.auth.toggleSignInPopup()\n}\n</script>\n\n<style scoped>\n.documents {\n  display: flex;\n  flex-direction: column;\n}\n\n.popup {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  background-color: white;\n  border: 1px solid #ccc;\n  padding: 20px;\n  z-index: 10;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;AA+CgB,cAAS;AACV,aAAQ;AAEvB,QAAI,YAAY,CAAC;AAAA,MAChB,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,QAAQ,CAAC;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,MACR,GAAG;AAAA,QACD,MAAM;AAAA,QACN,MAAM;AAAA,MACR,GAAG;AAAA,QACD,MAAM;AAAA,QACN,MAAM;AAAA,MACR,CAAE;AAAA,IACF,GAAE;AAAA,MACD,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,QAAQ,CAAC;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,MACR,CAAE;AAAA,IACF,GAAE;AAAA,MACD,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,QAAQ,CAAC;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,MACR,CAAE;AAAA,IACF,GAAE;AAAA,MACD,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,QAAQ,CAAC;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,MACR,CAAE;AAAA,IACF,CAAC;AAED,UAAM,YAAY,IAAI,KAAK;AAC3B,UAAM,eAAe,IAAI,IAAI;AAE7B,UAAM,YAAY,CAAC,UAAU;AAC3B,mBAAa,QAAQ;AACrB,gBAAU,QAAQ;AAAA,IACpB;AAEA,UAAM,aAAa,MAAM;AACvB,gBAAU,QAAQ;AAAA,IACpB;AAOA,UAAM,aAAa,MAAM;AAEvB,iBAAU;AAAA,IACZ;AAEA,gBAAY,MAAM;AAAA,IAElB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/organizations/components/sections/MembersAdd.vue.js

@@ -94,7 +94,7 @@ const _sfc_main = {
           (openBlock(true), createElementBlock(Fragment, null, renderList(members.value, (member, index) => {
             return openBlock(), createElementBlock("div", {
               key: index,
-              class: "br-1px br-solid br-grey-transp-25 flex gap-thin radius-small mn-b-thin"
+              class: "br-1px br-grey-transp-25 flex gap-thin radius-small mn-b-thin"
             }, [
               createVNode(Field, {
                 field: member.contact,

package/dist/martyrs/src/modules/organizations/components/sections/MembersAdd.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"MembersAdd.vue.js","sources":["../../../../../../../src/modules/organizations/components/sections/MembersAdd.vue"],"sourcesContent":["<template>\n  <div>\n    <p class=\"mn-b-thin t-transp p-regular\">{{text}}</p> \n\n    <div class=\"mn-b-thin pos-relative\">\n      <BlockSearch \n        v-click-outside=\"() => {searchUserShow = false}\" \n        @search=\"(event) => { searchUser = event; searchUserShow = true }\"\n        placeholder=\"Enter name, phone or email\"\n        class=\"bg-grey\"\n      />\n\n      <div \n        v-if=\"searchUser && searchUserShow\" \n        class=\"mn-t-thin pos-absolute w-100 pos-t-100 pos-l-0 z-index-3 bg-light pd-small radius-small\n      \">\n        <Feed\n          :states=\"{\n            empty: {\n              title: 'No User Found',\n              description: 'Currently, there are no such user.'\n            }\n          }\"\n          :store=\"{\n            read: (options) => users.actions.read(options),\n            state: null\n          }\"\n          :options=\"{\n            search: searchUser\n          }\"\n          :showLoadMore=\"false\"\n          v-slot=\"{ \n            items \n          }\"\n          class=\"h-max-20r o-scroll\"\n        >\n          <CardUser\n            v-for=\"(user, index) in items\" :key=\"user._id\"\n            :user=\"user\"\n            :photo=\"user.profile.photo\"\n            :name=\"user.profile.name || user.phone || user.email\"\n            @click=\"() => { \n              members.push({contact: user.email || user.phone})\n              searchUserShow = false\n            }\"\n            class=\"bg-white h-2r pd-thin radius-medium w-100 mn-b-thin\"\n          />\n        </Feed>\n      </div>\n    </div>\n\n    <section class=\"cols-1 mn-b-small radius-medium pd-semi bg-light pos-relative\">\n\n      <div\n        v-for=\"(member, index) in members\" \n        :key=\"index\" \n        class=\"\n          br-1px br-solid br-grey-transp-25\n          flex\n          gap-thin\n          radius-small\n          mn-b-thin\n        \"\n      >\n        <Field \n          v-model:field=\"member.contact\"   \n          placeholder=\"Enter email or phone\" \n          class=\"w-100 pd-small radius-small bg-white\"\n          :validation=\"contactValidation\"\n        >\n          <div \n            v-if=\"index < 1\" \n            @click=\"() => members.push({contact: ''})\"  \n            class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-green\"\n          >\n            <IconAdd \n              class=\"i-medium\"\n              :fill=\"'rgb(var(--white)'\"\n            />\n          </div>\n\n          <div \n            v-else \n            @click=\"() => members.splice(index, 1)\" \n            class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-red\"\n          >\n            <IconDelete \n              class=\"i-medium\"\n              :fill=\"'rgb(var(--white)'\"\n            />\n          </div>\n        </Field>\n      </div>\n    </section>\n\n\n      <Button  \n        :submit=\"submitMembers\" \n        class=\"w-100 bg-main\">\n        <span>Invite to organization</span>\n      </Button>\n  </div>\n</template>\n\n<script setup>\n  import { ref } from 'vue';\n\n  import Field    from '@martyrs/src/components/Field/Field.vue'\n  import Select   from '@martyrs/src/components/Select/Select.vue'\n  import Button   from '@martyrs/src/components/Button/Button.vue'\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n  import BlockSearch from '@martyrs/src/modules/core/views/components/blocks/BlockSearch.vue'\n\n  import CardUser from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue'\n\n  import IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n  import IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue';\n  // Import validation\n  import * as inputsValidation from '@martyrs/src/modules/auth/views/validations/inputs.validation'\n  // Store\n  import * as users from '@martyrs/src/modules/auth/views/store/users.js';\n  // Props\n  const props = defineProps({\n    organization: Object,\n    text: String,\n  });\n  // User Search\n  let searchUser = ref(null)\n  let searchUserShow = ref(false)\n  // Validation\n  const contactValidation = ref(null)\n  // Define Emits\n  const emits = defineEmits(['send-invite']);\n  // Define State\n  const members = ref([{ contact: ''}]);\n\n  async function submitMembers() {\n    return new Promise((resolve, reject) => {\n      emits('send-invite', members.value, resolve, reject);\n    });\n  }\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAgIE,QAAI,aAAa,IAAI,IAAI;AACzB,QAAI,iBAAiB,IAAI,KAAK;AAE9B,UAAM,oBAAoB,IAAI,IAAI;AAElC,UAAM,QAAQ;AAEd,UAAM,UAAU,IAAI,CAAC,EAAE,SAAS,GAAE,CAAC,CAAC;AAEpC,mBAAe,gBAAgB;AAC7B,aAAO,IAAI,QAAQ,CAAC,SAAS,WAAW;AACtC,cAAM,eAAe,QAAQ,OAAO,SAAS,MAAM;AAAA,MACrD,CAAC;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"MembersAdd.vue.js","sources":["../../../../../../../src/modules/organizations/components/sections/MembersAdd.vue"],"sourcesContent":["<template>\n  <div>\n    <p class=\"mn-b-thin t-transp p-regular\">{{text}}</p> \n\n    <div class=\"mn-b-thin pos-relative\">\n      <BlockSearch \n        v-click-outside=\"() => {searchUserShow = false}\" \n        @search=\"(event) => { searchUser = event; searchUserShow = true }\"\n        placeholder=\"Enter name, phone or email\"\n        class=\"bg-grey\"\n      />\n\n      <div \n        v-if=\"searchUser && searchUserShow\" \n        class=\"mn-t-thin pos-absolute w-100 pos-t-100 pos-l-0 z-index-3 bg-light pd-small radius-small\n      \">\n        <Feed\n          :states=\"{\n            empty: {\n              title: 'No User Found',\n              description: 'Currently, there are no such user.'\n            }\n          }\"\n          :store=\"{\n            read: (options) => users.actions.read(options),\n            state: null\n          }\"\n          :options=\"{\n            search: searchUser\n          }\"\n          :showLoadMore=\"false\"\n          v-slot=\"{ \n            items \n          }\"\n          class=\"h-max-20r o-scroll\"\n        >\n          <CardUser\n            v-for=\"(user, index) in items\" :key=\"user._id\"\n            :user=\"user\"\n            :photo=\"user.profile.photo\"\n            :name=\"user.profile.name || user.phone || user.email\"\n            @click=\"() => { \n              members.push({contact: user.email || user.phone})\n              searchUserShow = false\n            }\"\n            class=\"bg-white h-2r pd-thin radius-medium w-100 mn-b-thin\"\n          />\n        </Feed>\n      </div>\n    </div>\n\n    <section class=\"cols-1 mn-b-small radius-medium pd-semi bg-light pos-relative\">\n\n      <div\n        v-for=\"(member, index) in members\" \n        :key=\"index\" \n        class=\"\n          br-1px br-grey-transp-25\n          flex\n          gap-thin\n          radius-small\n          mn-b-thin\n        \"\n      >\n        <Field \n          v-model:field=\"member.contact\"   \n          placeholder=\"Enter email or phone\" \n          class=\"w-100 pd-small radius-small bg-white\"\n          :validation=\"contactValidation\"\n        >\n          <div \n            v-if=\"index < 1\" \n            @click=\"() => members.push({contact: ''})\"  \n            class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-green\"\n          >\n            <IconAdd \n              class=\"i-medium\"\n              :fill=\"'rgb(var(--white)'\"\n            />\n          </div>\n\n          <div \n            v-else \n            @click=\"() => members.splice(index, 1)\" \n            class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-red\"\n          >\n            <IconDelete \n              class=\"i-medium\"\n              :fill=\"'rgb(var(--white)'\"\n            />\n          </div>\n        </Field>\n      </div>\n    </section>\n\n\n      <Button  \n        :submit=\"submitMembers\" \n        class=\"w-100 bg-main\">\n        <span>Invite to organization</span>\n      </Button>\n  </div>\n</template>\n\n<script setup>\n  import { ref } from 'vue';\n\n  import Field    from '@martyrs/src/components/Field/Field.vue'\n  import Select   from '@martyrs/src/components/Select/Select.vue'\n  import Button   from '@martyrs/src/components/Button/Button.vue'\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n  import BlockSearch from '@martyrs/src/modules/core/views/components/blocks/BlockSearch.vue'\n\n  import CardUser from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue'\n\n  import IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n  import IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue';\n  // Import validation\n  import * as inputsValidation from '@martyrs/src/modules/auth/views/validations/inputs.validation'\n  // Store\n  import * as users from '@martyrs/src/modules/auth/views/store/users.js';\n  // Props\n  const props = defineProps({\n    organization: Object,\n    text: String,\n  });\n  // User Search\n  let searchUser = ref(null)\n  let searchUserShow = ref(false)\n  // Validation\n  const contactValidation = ref(null)\n  // Define Emits\n  const emits = defineEmits(['send-invite']);\n  // Define State\n  const members = ref([{ contact: ''}]);\n\n  async function submitMembers() {\n    return new Promise((resolve, reject) => {\n      emits('send-invite', members.value, resolve, reject);\n    });\n  }\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAgIE,QAAI,aAAa,IAAI,IAAI;AACzB,QAAI,iBAAiB,IAAI,KAAK;AAE9B,UAAM,oBAAoB,IAAI,IAAI;AAElC,UAAM,QAAQ;AAEd,UAAM,UAAU,IAAI,CAAC,EAAE,SAAS,GAAE,CAAC,CAAC;AAEpC,mBAAe,gBAAgB;AAC7B,aAAO,IAAI,QAAQ,CAAC,SAAS,WAAW;AACtC,cAAM,eAAe,QAAQ,OAAO,SAAS,MAAM;AAAA,MACrD,CAAC;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/organizations/components/sections/Organizations.vue.js

@@ -4,7 +4,7 @@ import "../../../../../../node_modules/.pnpm/js-cookie@3.0.5/node_modules/js-coo
 /* empty css                                 */
 /* empty css                                      */
 /* empty css                                        */
-/* empty css                                        */
+/* empty css                                       */
 /* empty css                                       */
 import _sfc_main$2 from "../blocks/CardOrganization.vue.js";
 import _sfc_main$1 from "../blocks/EmptyState.vue.js";

package/dist/martyrs/src/modules/pages/views/components/blocks/CardPage.vue.js

@@ -1,7 +1,7 @@
 import { ref, resolveComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, normalizeClass, createVNode, createBlock, unref, withCtx, createTextVNode, toDisplayString, Fragment, renderList } from "vue";
 import _sfc_main$1 from "../../../../icons/navigation/IconEdit.vue.js";
 import _sfc_main$2 from "../../../../icons/navigation/IconAdd.vue.js";
-/* empty css                                           */
+/* empty css                                          */
 /* empty css                                          */
 /* empty css                                         */
 import { useRouter } from "vue-router";
@@ -9,7 +9,7 @@ import { useRouter } from "vue-router";
 const _hoisted_1 = { class: "flex flex-nowrap gap-thin card-page-title" };
 const _hoisted_2 = {
   key: 0,
-  class: "mn-l-small br-t br-solid br-black-transp-10"
+  class: "mn-l-small br-t-1px br-black-transp-10"
 };
 const _sfc_main = {
   __name: "CardPage",
@@ -50,7 +50,7 @@ const _sfc_main = {
           createElementVNode("div", _hoisted_1, [
             createVNode(_component_router_link, {
               to: unref(router).resolve({ name: "Page", params: { url: __props.page.url.split("/") } }).href,
-              class: normalizeClass(["z-index-2 cursor-pointer mn-r-auto t-truncate", {
+              class: normalizeClass(["z-index-2 cursor-pointer mn-r-auto truncate", {
                 "t-main": _ctx.$route.params.url && __props.page.url === _ctx.joinArrayToUrl(_ctx.$route.params.url)
               }])
             }, {

package/dist/martyrs/src/modules/pages/views/components/blocks/CardPage.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardPage.vue.js","sources":["../../../../../../../../src/modules/pages/views/components/blocks/CardPage.vue"],"sourcesContent":["<template>\n  <div>\n    <div :class=\"$attrs.class\">\n      <!-- {{ page.url }} -->\n      <div class=\"flex flex-nowrap gap-thin card-page-title\">\n        <router-link\n          :to=\"router.resolve({ name: 'Page', params: { url: page.url.split('/') } }).href\" \n           class=\"\n            z-index-2\n            cursor-pointer\n            mn-r-auto\n            t-truncate\n          \"\n          :class=\"{\n            't-main': $route.params.url && page.url === joinArrayToUrl($route.params.url)\n          }\"\n        >\n          {{ page.name }}\n        </router-link>\n\n        <router-link\n          v-if=\"hasAdminRights\"\n          :to=\"router.resolve({ name: 'Backoffice Pages Edit', params: { url: page.url.split('/') } }).href\" \n          class=\"\n            z-index-2\n            cursor-pointer \n            card-page-actions\n            radius-extra pd-micro bg-second\n          \"\n        >\n          <IconEdit\n            class=\"i-small\"\n            classes=\"fill-white\"\n          />\n        </router-link>\n\n        <button\n           v-if=\"hasAdminRights\"\n          @click=\"createPage(page)\"\n          class=\"\n            z-index-2\n            cursor-pointer \n            card-page-actions\n            radius-extra pd-micro bg-second\n          \"\n        >\n          <IconAdd\n            class=\"i-small\"\n            :fill=\"'white'\"\n          />\n        </button>\n      </div>\n    </div>\n\n    <div v-if=\"page.children && page.children.length > 0 && page.children[0].url && showChildren\" class=\"mn-l-small br-t br-solid br-black-transp-10\">\n      <CardPage \n        @createPage=\"createPage\" \n        v-for=\"childPage in page.children\" \n        :key=\"childPage.url\" \n        :page=\"childPage\" \n        :hasAdminRights=\"hasAdminRights\"\n        :class=\"$attrs.class\"\n      />\n    </div>\n    \n  </div>\n</template>\n\n<script setup>\n  import { ref } from 'vue'\n\n  import IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n  import IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue'\n\n  import Button  from '@martyrs/src/components/Button/Button.vue'\n  import Field from \"@martyrs/src/components/Field/Field.vue\"; \n\n  import { useRouter } from 'vue-router'\n  \n  const router = useRouter()\n\n  const props = defineProps({\n    page: {\n      type: Object,\n      required: true\n    },\n    hasAdminRights: {\n      type: Boolean,\n      default: false\n    },\n    showChildren: {\n      type: Boolean,\n      default: true\n    }\n  })\n\n  const emits = defineEmits([\n    'createPage'\n  ])\n\n  const newPage = ref({\n    show: false,\n    name: null\n  })\n\n  async function createPage(page) {\n    emits('createPage', page)\n  }\n</script>\n\n<style lang=\"scss\">\n.card-page-title {\n  .card-page-actions {\n    display: none;\n  }\n\n  &:hover {\n    .card-page-actions {\n      display: block;\n    }\n  }\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+EE,UAAM,SAAS,UAAS;AAiBxB,UAAM,QAAQ;AAIE,QAAI;AAAA,MAClB,MAAM;AAAA,MACN,MAAM;AAAA,IACV,CAAG;AAED,mBAAe,WAAW,MAAM;AAC9B,YAAM,cAAc,IAAI;AAAA,IAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardPage.vue.js","sources":["../../../../../../../../src/modules/pages/views/components/blocks/CardPage.vue"],"sourcesContent":["<template>\n  <div>\n    <div :class=\"$attrs.class\">\n      <!-- {{ page.url }} -->\n      <div class=\"flex flex-nowrap gap-thin card-page-title\">\n        <router-link\n          :to=\"router.resolve({ name: 'Page', params: { url: page.url.split('/') } }).href\" \n           class=\"\n            z-index-2\n            cursor-pointer\n            mn-r-auto\n            truncate\n          \"\n          :class=\"{\n            't-main': $route.params.url && page.url === joinArrayToUrl($route.params.url)\n          }\"\n        >\n          {{ page.name }}\n        </router-link>\n\n        <router-link\n          v-if=\"hasAdminRights\"\n          :to=\"router.resolve({ name: 'Backoffice Pages Edit', params: { url: page.url.split('/') } }).href\" \n          class=\"\n            z-index-2\n            cursor-pointer \n            card-page-actions\n            radius-extra pd-micro bg-second\n          \"\n        >\n          <IconEdit\n            class=\"i-small\"\n            classes=\"fill-white\"\n          />\n        </router-link>\n\n        <button\n           v-if=\"hasAdminRights\"\n          @click=\"createPage(page)\"\n          class=\"\n            z-index-2\n            cursor-pointer \n            card-page-actions\n            radius-extra pd-micro bg-second\n          \"\n        >\n          <IconAdd\n            class=\"i-small\"\n            :fill=\"'white'\"\n          />\n        </button>\n      </div>\n    </div>\n\n    <div v-if=\"page.children && page.children.length > 0 && page.children[0].url && showChildren\" class=\"mn-l-small br-t-1px br-black-transp-10\">\n      <CardPage \n        @createPage=\"createPage\" \n        v-for=\"childPage in page.children\" \n        :key=\"childPage.url\" \n        :page=\"childPage\" \n        :hasAdminRights=\"hasAdminRights\"\n        :class=\"$attrs.class\"\n      />\n    </div>\n    \n  </div>\n</template>\n\n<script setup>\n  import { ref } from 'vue'\n\n  import IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n  import IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue'\n\n  import Button  from '@martyrs/src/components/Button/Button.vue'\n  import Field from \"@martyrs/src/components/Field/Field.vue\"; \n\n  import { useRouter } from 'vue-router'\n  \n  const router = useRouter()\n\n  const props = defineProps({\n    page: {\n      type: Object,\n      required: true\n    },\n    hasAdminRights: {\n      type: Boolean,\n      default: false\n    },\n    showChildren: {\n      type: Boolean,\n      default: true\n    }\n  })\n\n  const emits = defineEmits([\n    'createPage'\n  ])\n\n  const newPage = ref({\n    show: false,\n    name: null\n  })\n\n  async function createPage(page) {\n    emits('createPage', page)\n  }\n</script>\n\n<style lang=\"scss\">\n.card-page-title {\n  .card-page-actions {\n    display: none;\n  }\n\n  &:hover {\n    .card-page-actions {\n      display: block;\n    }\n  }\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+EE,UAAM,SAAS,UAAS;AAiBxB,UAAM,QAAQ;AAIE,QAAI;AAAA,MAClB,MAAM;AAAA,MACN,MAAM;AAAA,IACV,CAAG;AAED,mBAAe,WAAW,MAAM;AAC9B,YAAM,cAAc,IAAI;AAAA,IAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/pages/views/components/pages/Page.vue.js

@@ -11,20 +11,20 @@ const _hoisted_1 = {
   style: { "overflow": "clip" },
   class: "bg-light pos-relative"
 };
-const _hoisted_2 = { class: "pd-medium pos-sticky mobile-only z-index-1 pos-t-0 bg-light w-100 br-b br-solid br-black-transp-10" };
+const _hoisted_2 = { class: "pd-medium pos-sticky mobile-only z-index-1 pos-t-0 bg-light w-100 br-b-1px br-black-transp-10" };
 const _hoisted_3 = {
   key: 0,
   class: "z-index-0 pos-relative"
 };
-const _hoisted_4 = { class: "transition-ease-in-out w-100 bg-light" };
+const _hoisted_4 = { class: "ease-in-out w-100 bg-light" };
 const _hoisted_5 = {
   key: 1,
-  class: "cols-2-1_3 h-100 bg-light z-index-0 pos-relative"
+  class: "cols-[1fr_3fr] mobile:cols-1 h-100 bg-light z-index-0 pos-relative"
 };
 const _hoisted_6 = { class: "desktop-only h-100 bg-white o-scroll z-index-0 pos-relative" };
-const _hoisted_7 = { class: "transition-ease-in-out w-100 bg-light" };
+const _hoisted_7 = { class: "ease-in-out w-100 bg-light" };
 const _hoisted_8 = { class: "o-scroll pd-medium" };
-const _hoisted_9 = { class: "gap-thin cols-2" };
+const _hoisted_9 = { class: "gap-thin cols-2 mobile:cols-1" };
 const _hoisted_10 = {
   key: 0,
   class: "bg-white pd-medium mn-b-thin radius-semi"