@ozdao/martyrs 0.2.604 → 0.2.605

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

@@ -29,7 +29,7 @@ import Button from "../../../../components/Button/Button.vue2.js";
 import { state as state$1 } from "../../../auth/views/store/auth.js";
 import { actions, state } from "../../store/organizations.js";
 const _hoisted_1 = { class: "for-transition pd-thin" };
-const _hoisted_2 = { class: "d-grid cols-1 tablet:cols-3 gap-regular mn-b-semi" };
+const _hoisted_2 = { class: "d-grid cols-1 tablet:cols-3 gap-thin mn-b-semi" };
 const _hoisted_3 = ["onClick"];
 const _hoisted_4 = { class: "fw-semi t-black dark:t-white d-flex items-center gap-thin" };
 const _hoisted_5 = {
@@ -37,7 +37,8 @@ const _hoisted_5 = {
   class: "w-[0.5rem] h-[0.5rem] radius-[50%] bg-main"
 };
 const _hoisted_6 = { class: "p-small t-dark dark:t-grey-thin mn-t-micro" };
-const _hoisted_7 = { class: "mn-b-thin radius-small w-100 h-10r bg-light flex-center flex-column flex" };
+const _hoisted_7 = { class: "mn-b-thin radius-small w-100 bg-light flex-center flex-column flex" };
+const _hoisted_8 = { class: "mn-b-thin radius-small w-100 h-10r bg-light flex-center flex-column flex" };
 const _sfc_main = {
   __name: "OrganizationEdit",
   setup(__props) {
@@ -76,21 +77,21 @@ const _sfc_main = {
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        _cache[15] || (_cache[15] = createElementVNode("h3", { class: "mn-b-small" }, "Access & Privacy", -1)),
+        _cache[17] || (_cache[17] = createElementVNode("h3", { class: "mn-b-small" }, "Access & Privacy", -1)),
         createElementVNode("div", _hoisted_2, [
           (openBlock(), createElementBlock(Fragment, null, renderList(typeOptions, (option) => {
             return createElementVNode("button", {
               key: option.value,
               onClick: ($event) => state.current.types = [option.value],
               class: normalizeClass([
-                "d-flex items-start gap-regular pd-regular radius-semi br-1px t-left transition-timing-2",
-                isTypeSelected(option.value) ? "br-main bg-main-transp-10" : "br-light dark:br-dark-thin hover:br-grey bg-white dark:bg-dark"
+                "d-flex items-start gap-regular pd-regular radius-medium  t-left transition-timing-2",
+                isTypeSelected(option.value) ? "br-main bg-main-transp-10" : "bg-light hover:br-grey"
               ])
             }, [
               createElementVNode("div", {
                 class: normalizeClass([
                   "pd-thin radius-[50%]",
-                  isTypeSelected(option.value) ? "bg-main t-white" : "bg-light dark:bg-dark-thin t-dark"
+                  isTypeSelected(option.value) ? "bg-main t-white" : "bg-white t-dark"
                 ])
               }, [
                 (openBlock(), createBlock(resolveDynamicComponent(option.icon), { class: "i-medium" }))
@@ -105,95 +106,104 @@ const _sfc_main = {
             ], 10, _hoisted_3);
           }), 64))
         ]),
-        _cache[16] || (_cache[16] = createElementVNode("h3", { class: "mn-b-small" }, "Profile", -1)),
+        _cache[18] || (_cache[18] = createElementVNode("h3", { class: "mn-b-small" }, "Profile", -1)),
         createElementVNode("div", _hoisted_7, [
+          createVNode(UploadImage, {
+            photo: state.current.profile.cover,
+            "onUpdate:photo": _cache[0] || (_cache[0] = ($event) => state.current.profile.cover = $event),
+            uploadPath: "organizations/" + state.current._id + "/covers",
+            class: "w-100 h-[12rem] o-hidden mn-b-thin radius-small"
+          }, null, 8, ["photo", "uploadPath"]),
+          _cache[14] || (_cache[14] = createElementVNode("h4", { class: "mn-b-thin" }, "Upload cover", -1))
+        ]),
+        createElementVNode("div", _hoisted_8, [
           createVNode(UploadImage, {
             photo: state.current.profile.photo,
-            "onUpdate:photo": _cache[0] || (_cache[0] = ($event) => state.current.profile.photo = $event),
+            "onUpdate:photo": _cache[1] || (_cache[1] = ($event) => state.current.profile.photo = $event),
             uploadPath: "organizations/" + state.current._id + "/avatars",
             class: "h-4r w-4r aspect-1x1 o-hidden mn-b-thin radius-extra"
           }, null, 8, ["photo", "uploadPath"]),
-          _cache[13] || (_cache[13] = createElementVNode("h4", null, "Upload photo", -1))
+          _cache[15] || (_cache[15] = createElementVNode("h4", null, "Upload photo", -1))
         ]),
         createVNode(Field, {
           field: state.current.profile.name,
-          "onUpdate:field": _cache[1] || (_cache[1] = ($event) => state.current.profile.name = $event),
+          "onUpdate:field": _cache[2] || (_cache[2] = ($event) => state.current.profile.name = $event),
           placeholder: "Name of organization",
           class: "mn-b-thin bg-light pd-medium radius-small"
         }, null, 8, ["field"]),
         createVNode(Field, {
           field: state.current.profile.description,
-          "onUpdate:field": _cache[2] || (_cache[2] = ($event) => state.current.profile.description = $event),
+          "onUpdate:field": _cache[3] || (_cache[3] = ($event) => state.current.profile.description = $event),
           placeholder: "Brief description of your group",
           class: "mn-b-thin bg-light pd-medium radius-small"
         }, null, 8, ["field"]),
         createVNode(_sfc_main$4, {
-          onTagsChanged: _cache[3] || (_cache[3] = (newTags) => state.current.profile.tags = newTags),
+          onTagsChanged: _cache[4] || (_cache[4] = (newTags) => state.current.profile.tags = newTags),
           tags: state.current.profile.tags,
           class: "mn-b-small"
         }, null, 8, ["tags"]),
-        _cache[17] || (_cache[17] = createElementVNode("h3", { class: "mn-b-small" }, "Contacts", -1)),
+        _cache[19] || (_cache[19] = createElementVNode("h3", { class: "mn-b-small" }, "Contacts", -1)),
         createVNode(Field, {
           field: state.current.contacts.email,
-          "onUpdate:field": _cache[4] || (_cache[4] = ($event) => state.current.contacts.email = $event),
+          "onUpdate:field": _cache[5] || (_cache[5] = ($event) => state.current.contacts.email = $event),
           label: "Email",
           placeholder: "",
           class: "mn-b-thin bg-light pd-medium radius-small"
         }, null, 8, ["field"]),
         createVNode(Field, {
           field: state.current.contacts.website,
-          "onUpdate:field": _cache[5] || (_cache[5] = ($event) => state.current.contacts.website = $event),
+          "onUpdate:field": _cache[6] || (_cache[6] = ($event) => state.current.contacts.website = $event),
           label: "Website",
           placeholder: "",
           class: "mn-b-thin bg-light pd-medium radius-small"
         }, null, 8, ["field"]),
         createVNode(Field, {
           field: state.current.contacts.phone,
-          "onUpdate:field": _cache[6] || (_cache[6] = ($event) => state.current.contacts.phone = $event),
+          "onUpdate:field": _cache[7] || (_cache[7] = ($event) => state.current.contacts.phone = $event),
           label: "Phone",
           placeholder: "",
           class: "mn-b-thin bg-light pd-medium radius-small"
         }, null, 8, ["field"]),
         createVNode(Field, {
           field: state.current.contacts.address,
-          "onUpdate:field": _cache[7] || (_cache[7] = ($event) => state.current.contacts.address = $event),
+          "onUpdate:field": _cache[8] || (_cache[8] = ($event) => state.current.contacts.address = $event),
           label: "Address",
           placeholder: "",
           class: "mn-b-thin bg-light pd-medium radius-small"
         }, null, 8, ["field"]),
-        _cache[18] || (_cache[18] = createElementVNode("h3", { class: "mn-b-small" }, "Socials", -1)),
-        _cache[19] || (_cache[19] = createElementVNode("p", { class: "mn-b-thin" }, "Please provide only the username for social media profiles, without full links.", -1)),
+        _cache[20] || (_cache[20] = createElementVNode("h3", { class: "mn-b-small" }, "Socials", -1)),
+        _cache[21] || (_cache[21] = createElementVNode("p", { class: "mn-b-thin" }, "Please provide only the username for social media profiles, without full links.", -1)),
         createVNode(Field, {
           field: state.current.socials.instagram,
-          "onUpdate:field": _cache[8] || (_cache[8] = ($event) => state.current.socials.instagram = $event),
+          "onUpdate:field": _cache[9] || (_cache[9] = ($event) => state.current.socials.instagram = $event),
           label: "Instagram",
           placeholder: "",
           class: "mn-b-thin bg-light pd-medium radius-small"
         }, null, 8, ["field"]),
         createVNode(Field, {
           field: state.current.socials.twitter,
-          "onUpdate:field": _cache[9] || (_cache[9] = ($event) => state.current.socials.twitter = $event),
+          "onUpdate:field": _cache[10] || (_cache[10] = ($event) => state.current.socials.twitter = $event),
           label: "Twitter",
           placeholder: "",
           class: "mn-b-thin bg-light pd-medium radius-small"
         }, null, 8, ["field"]),
         createVNode(Field, {
           field: state.current.socials.facebook,
-          "onUpdate:field": _cache[10] || (_cache[10] = ($event) => state.current.socials.facebook = $event),
+          "onUpdate:field": _cache[11] || (_cache[11] = ($event) => state.current.socials.facebook = $event),
           label: "Facebook",
           placeholder: "",
           class: "mn-b-thin bg-light pd-medium radius-small"
         }, null, 8, ["field"]),
         createVNode(Field, {
           field: state.current.socials.telegram,
-          "onUpdate:field": _cache[11] || (_cache[11] = ($event) => state.current.socials.telegram = $event),
+          "onUpdate:field": _cache[12] || (_cache[12] = ($event) => state.current.socials.telegram = $event),
           label: "Telegram",
           placeholder: "",
           class: "mn-b-thin bg-light pd-medium radius-small"
         }, null, 8, ["field"]),
         createVNode(Field, {
           field: state.current.socials.youtube,
-          "onUpdate:field": _cache[12] || (_cache[12] = ($event) => state.current.socials.youtube = $event),
+          "onUpdate:field": _cache[13] || (_cache[13] = ($event) => state.current.socials.youtube = $event),
           label: "Youtube",
           placeholder: "",
           class: "mn-b-thin bg-light pd-medium radius-small"
@@ -203,7 +213,7 @@ const _sfc_main = {
           callback: redirectTo,
           class: "bg-main w-100 mn-b-thin"
         }, {
-          default: withCtx(() => _cache[14] || (_cache[14] = [
+          default: withCtx(() => _cache[16] || (_cache[16] = [
             createTextVNode("Save")
           ])),
           _: 1

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

@@ -1 +1 @@
-{"version":3,"file":"OrganizationEdit.vue.js","sources":["../../../../../../../src/modules/organizations/components/pages/OrganizationEdit.vue"],"sourcesContent":["<template>\n<div class=\"for-transition pd-thin\">\n  \n  <h3 class=\"mn-b-small\">Access & Privacy</h3>\n\n  <div class=\"d-grid cols-1 tablet:cols-3 gap-regular mn-b-semi\">\n    <button\n      v-for=\"option in typeOptions\"\n      :key=\"option.value\"\n      @click=\"organization.state.current.types = [option.value]\"\n      :class=\"[\n        'd-flex items-start gap-regular pd-regular radius-semi br-1px t-left transition-timing-2',\n        isTypeSelected(option.value)\n          ? 'br-main bg-main-transp-10'\n          : 'br-light dark:br-dark-thin hover:br-grey bg-white dark:bg-dark'\n      ]\"\n    >\n      <div :class=\"[\n        'pd-thin radius-[50%]',\n        isTypeSelected(option.value)\n          ? 'bg-main t-white'\n          : 'bg-light dark:bg-dark-thin t-dark'\n      ]\">\n        <component :is=\"option.icon\" class=\"i-medium\" />\n      </div>\n      <div>\n        <div class=\"fw-semi t-black dark:t-white d-flex items-center gap-thin\">\n          {{ option.label }}\n          <span v-if=\"isTypeSelected(option.value)\" class=\"w-[0.5rem] h-[0.5rem] radius-[50%] bg-main\"></span>\n        </div>\n        <p class=\"p-small t-dark dark:t-grey-thin mn-t-micro\">{{ option.desc }}</p>\n      </div>\n    </button>\n  </div>\n\n\n  <h3 class=\"mn-b-small\">Profile</h3>\n\n  <div class=\"mn-b-thin radius-small w-100 h-10r bg-light flex-center flex-column flex\">\n    <UploadImage \n      v-model:photo=\"organization.state.current.profile.photo\"\n      :uploadPath=\"'organizations/' + organization.state.current._id + '/avatars'\"\n      class=\"h-4r w-4r aspect-1x1 o-hidden mn-b-thin radius-extra\" \n    />\n    <h4>Upload photo</h4>\n  </div>\n\n    <Field \n      v-model:field=\"organization.state.current.profile.name\"   \n      placeholder=\"Name of organization\" \n      class=\"mn-b-thin bg-light pd-medium radius-small\" \n    />\n\n    <Field \n      v-model:field=\"organization.state.current.profile.description\"    \n      placeholder=\"Brief description of your group\" \n      class=\"mn-b-thin bg-light pd-medium radius-small\" \n    />\n    <BlockTags\n      @tags-changed=\"newTags => organization.state.current.profile.tags = newTags\"\n      :tags=\"organization.state.current.profile.tags\"\n      class=\"mn-b-small\"\n    />\n\n    <h3 class=\"mn-b-small\">Contacts</h3>\n    <Field \n      v-model:field=\"organization.state.current.contacts.email\"\n      label=\"Email\"   \n      placeholder=\"\" \n      class=\"mn-b-thin bg-light pd-medium radius-small\" \n    />\n    <Field \n      v-model:field=\"organization.state.current.contacts.website\"\n      label=\"Website\"   \n      placeholder=\"\" \n      class=\"mn-b-thin bg-light pd-medium radius-small\" \n    />\n    <Field \n      v-model:field=\"organization.state.current.contacts.phone\"\n      label=\"Phone\"   \n      placeholder=\"\" \n      class=\"mn-b-thin bg-light pd-medium radius-small\" \n    />\n    <Field \n      v-model:field=\"organization.state.current.contacts.address\"\n      label=\"Address\"   \n      placeholder=\"\" \n      class=\"mn-b-thin bg-light pd-medium radius-small\" \n    />\n\n    <h3 class=\"mn-b-small\">Socials</h3>\n    <p class=\"mn-b-thin\">Please provide only the username for social media profiles, without full links.</p>\n\n    <Field \n      v-model:field=\"organization.state.current.socials.instagram\"\n      label=\"Instagram\"   \n      placeholder=\"\" \n      class=\"mn-b-thin bg-light pd-medium radius-small\" \n    />\n    <Field \n      v-model:field=\"organization.state.current.socials.twitter\"\n      label=\"Twitter\"   \n      placeholder=\"\" \n      class=\"mn-b-thin bg-light pd-medium radius-small\" \n    />\n    <Field \n      v-model:field=\"organization.state.current.socials.facebook\"\n      label=\"Facebook\"   \n      placeholder=\"\" \n      class=\"mn-b-thin bg-light pd-medium radius-small\" \n    />\n    <Field \n      v-model:field=\"organization.state.current.socials.telegram\"\n      label=\"Telegram\"   \n      placeholder=\"\" \n      class=\"mn-b-thin bg-light pd-medium radius-small\" \n    />\n    <Field \n      v-model:field=\"organization.state.current.socials.youtube\"\n      label=\"Youtube\"   \n      placeholder=\"\" \n      class=\"mn-b-thin bg-light pd-medium radius-small\" \n    />\n   \n   \n    <Button :submit=\"onSubmit\" :callback=\"redirectTo\" class=\"bg-main w-100 mn-b-thin\">Save</Button>\n    <!-- <Button :submit=\"onDelete\" :callback=\"redirectDash\" class=\"mn-b-thin bg-fourth\">Delete</Button> -->\n\n</div>\n\n</template>\n\n<script setup>\n  import { onMounted, computed } from 'vue';\n\n  import { useRoute, useRouter } from 'vue-router';\n\n  import { IconGroups, IconLock, IconShow } from '@martyrs/src/modules/icons/icons.client.js'\n  import Breadcrumbs from '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue'\n  import BlockTags    from '@martyrs/src/components/FieldTags/BlockTags.vue'\n  import Tab from '@martyrs/src/components/Tab/Tab.vue';\n  import Field from '@martyrs/src/components/Field/Field.vue';\n  import Select from '@martyrs/src/components/Select/Select.vue';\n  import SelectMulti    from '@martyrs/src/components/SelectMulti/SelectMulti.vue'\n  import UploadImage from '@martyrs/src/components/UploadImage/UploadImage.vue';\n  import Button from '@martyrs/src/components/Button/Button.vue';\n  import Popup from '@martyrs/src/components/Popup/Popup.vue';\n\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n  import * as organization from '@martyrs/src/modules/organizations/store/organizations.js';\n  import membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js';\n\n  const route = useRoute()\n  const router = useRouter()\n\n  organization.actions.reset();\n\n  const typeOptions = [\n    { value: 'public', label: 'Public', icon: IconGroups, desc: 'Visible to everyone. Anyone can join.' },\n    { value: 'exclusive', label: 'Exclusive', icon: IconLock, desc: 'Visible, but membership requires approval.' },\n    { value: 'hidden', label: 'Hidden', icon: IconShow, desc: 'Invite only. Hidden from search.' }\n  ];\n\n  function isTypeSelected(type) {\n    return organization.state.current.types?.includes(type);\n  }\n\n  onMounted(async()=>{\n    if (route.params._id) {\n      await organization.actions.read({ _id: route.params._id });\n    } \n  })\n  \n  const organizationData = computed(() => organization.state.current)\n\n  async function onSubmit() {\n    if (route.params._id) {\n      await organization.actions.update(route.params._id, organizationData.value)\n    } else {\n      await organization.actions.create(organization.state.current, auth.state.user._id)\n    }\n  }\n\n  const routePrefix = computed(() => {\n    const ctx = route.meta.context\n    if (ctx === 'user') return 'User'\n    if (ctx === 'backoffice') return 'Backoffice'\n    return ''\n  })\n\n  async function onDelete() {\n    if (route.params._id) {\n      await organization.actions.remove(route.params._id)\n      router.push({ name: routePrefix.value + 'OrganizationProfile', params: { _id: route.params._id } })\n    }\n  }\n\n  function redirectTo () {\n    router.replace({ name: routePrefix.value + 'OrganizationProfile', params: { _id: organization.state.current._id } })\n  }\n</script>"],"names":["organization.actions","IconGroups","IconLock","IconShow","organization.state","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwJE,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAExBA,YAAqB,MAAK;AAE1B,UAAM,cAAc;AAAA,MAClB,EAAE,OAAO,UAAU,OAAO,UAAU,MAAMC,aAAY,MAAM,wCAAuC;AAAA,MACnG,EAAE,OAAO,aAAa,OAAO,aAAa,MAAMC,aAAU,MAAM,6CAA4C;AAAA,MAC5G,EAAE,OAAO,UAAU,OAAO,UAAU,MAAMC,aAAU,MAAM,mCAAkC;AAAA,IAChG;AAEE,aAAS,eAAe,MAAM;AAC5B,aAAOC,MAAmB,QAAQ,OAAO,SAAS,IAAI;AAAA,IACxD;AAEA,cAAU,YAAS;AACjB,UAAI,MAAM,OAAO,KAAK;AACpB,cAAMJ,QAAqB,KAAK,EAAE,KAAK,MAAM,OAAO,KAAK;AAAA,MAC3D;AAAA,IACF,CAAC;AAED,UAAM,mBAAmB,SAAS,MAAMI,MAAmB,OAAO;AAElE,mBAAe,WAAW;AACxB,UAAI,MAAM,OAAO,KAAK;AACpB,cAAMJ,QAAqB,OAAO,MAAM,OAAO,KAAK,iBAAiB,KAAK;AAAA,MAC5E,OAAO;AACL,cAAMA,QAAqB,OAAOI,MAAmB,SAASC,QAAW,KAAK,GAAG;AAAA,MACnF;AAAA,IACF;AAEA,UAAM,cAAc,SAAS,MAAM;AACjC,YAAM,MAAM,MAAM,KAAK;AACvB,UAAI,QAAQ,OAAQ,QAAO;AAC3B,UAAI,QAAQ,aAAc,QAAO;AACjC,aAAO;AAAA,IACT,CAAC;AASD,aAAS,aAAc;AACrB,aAAO,QAAQ,EAAE,MAAM,YAAY,QAAQ,uBAAuB,QAAQ,EAAE,KAAKD,MAAmB,QAAQ,IAAG,EAAE,CAAE;AAAA,IACrH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"OrganizationEdit.vue.js","sources":["../../../../../../../src/modules/organizations/components/pages/OrganizationEdit.vue"],"sourcesContent":["<template>\n<div class=\"for-transition pd-thin\">\n  \n  <h3 class=\"mn-b-small\">Access & Privacy</h3>\n\n  <div class=\"d-grid cols-1 tablet:cols-3 gap-thin mn-b-semi\">\n    <button\n      v-for=\"option in typeOptions\"\n      :key=\"option.value\"\n      @click=\"organization.state.current.types = [option.value]\"\n      :class=\"[\n        'd-flex items-start gap-regular pd-regular radius-medium  t-left transition-timing-2',\n        isTypeSelected(option.value)\n          ? 'br-main bg-main-transp-10'\n          : 'bg-light hover:br-grey'\n      ]\"\n    >\n      <div :class=\"[\n        'pd-thin radius-[50%]',\n        isTypeSelected(option.value)\n          ? 'bg-main t-white'\n          : 'bg-white t-dark'\n      ]\">\n        <component :is=\"option.icon\" class=\"i-medium\" />\n      </div>\n      <div>\n        <div class=\"fw-semi t-black dark:t-white d-flex items-center gap-thin\">\n          {{ option.label }}\n          <span v-if=\"isTypeSelected(option.value)\" class=\"w-[0.5rem] h-[0.5rem] radius-[50%] bg-main\"></span>\n        </div>\n        <p class=\"p-small t-dark dark:t-grey-thin mn-t-micro\">{{ option.desc }}</p>\n      </div>\n    </button>\n  </div>\n\n\n  <h3 class=\"mn-b-small\">Profile</h3>\n\n  <div class=\"mn-b-thin radius-small w-100 bg-light flex-center flex-column flex\">\n    <UploadImage\n      v-model:photo=\"organization.state.current.profile.cover\"\n      :uploadPath=\"'organizations/' + organization.state.current._id + '/covers'\"\n      class=\"w-100 h-[12rem] o-hidden mn-b-thin radius-small\"\n    />\n    <h4 class=\"mn-b-thin\">Upload cover</h4>\n  </div>\n\n  <div class=\"mn-b-thin radius-small w-100 h-10r bg-light flex-center flex-column flex\">\n    <UploadImage\n      v-model:photo=\"organization.state.current.profile.photo\"\n      :uploadPath=\"'organizations/' + organization.state.current._id + '/avatars'\"\n      class=\"h-4r w-4r aspect-1x1 o-hidden mn-b-thin radius-extra\"\n    />\n    <h4>Upload photo</h4>\n  </div>\n\n    <Field \n      v-model:field=\"organization.state.current.profile.name\"   \n      placeholder=\"Name of organization\" \n      class=\"mn-b-thin bg-light pd-medium radius-small\" \n    />\n\n    <Field \n      v-model:field=\"organization.state.current.profile.description\"    \n      placeholder=\"Brief description of your group\" \n      class=\"mn-b-thin bg-light pd-medium radius-small\" \n    />\n    <BlockTags\n      @tags-changed=\"newTags => organization.state.current.profile.tags = newTags\"\n      :tags=\"organization.state.current.profile.tags\"\n      class=\"mn-b-small\"\n    />\n\n    <h3 class=\"mn-b-small\">Contacts</h3>\n    <Field \n      v-model:field=\"organization.state.current.contacts.email\"\n      label=\"Email\"   \n      placeholder=\"\" \n      class=\"mn-b-thin bg-light pd-medium radius-small\" \n    />\n    <Field \n      v-model:field=\"organization.state.current.contacts.website\"\n      label=\"Website\"   \n      placeholder=\"\" \n      class=\"mn-b-thin bg-light pd-medium radius-small\" \n    />\n    <Field \n      v-model:field=\"organization.state.current.contacts.phone\"\n      label=\"Phone\"   \n      placeholder=\"\" \n      class=\"mn-b-thin bg-light pd-medium radius-small\" \n    />\n    <Field \n      v-model:field=\"organization.state.current.contacts.address\"\n      label=\"Address\"   \n      placeholder=\"\" \n      class=\"mn-b-thin bg-light pd-medium radius-small\" \n    />\n\n    <h3 class=\"mn-b-small\">Socials</h3>\n    <p class=\"mn-b-thin\">Please provide only the username for social media profiles, without full links.</p>\n\n    <Field \n      v-model:field=\"organization.state.current.socials.instagram\"\n      label=\"Instagram\"   \n      placeholder=\"\" \n      class=\"mn-b-thin bg-light pd-medium radius-small\" \n    />\n    <Field \n      v-model:field=\"organization.state.current.socials.twitter\"\n      label=\"Twitter\"   \n      placeholder=\"\" \n      class=\"mn-b-thin bg-light pd-medium radius-small\" \n    />\n    <Field \n      v-model:field=\"organization.state.current.socials.facebook\"\n      label=\"Facebook\"   \n      placeholder=\"\" \n      class=\"mn-b-thin bg-light pd-medium radius-small\" \n    />\n    <Field \n      v-model:field=\"organization.state.current.socials.telegram\"\n      label=\"Telegram\"   \n      placeholder=\"\" \n      class=\"mn-b-thin bg-light pd-medium radius-small\" \n    />\n    <Field \n      v-model:field=\"organization.state.current.socials.youtube\"\n      label=\"Youtube\"   \n      placeholder=\"\" \n      class=\"mn-b-thin bg-light pd-medium radius-small\" \n    />\n   \n   \n    <Button :submit=\"onSubmit\" :callback=\"redirectTo\" class=\"bg-main w-100 mn-b-thin\">Save</Button>\n    <!-- <Button :submit=\"onDelete\" :callback=\"redirectDash\" class=\"mn-b-thin bg-fourth\">Delete</Button> -->\n\n</div>\n\n</template>\n\n<script setup>\n  import { onMounted, computed } from 'vue';\n\n  import { useRoute, useRouter } from 'vue-router';\n\n  import { IconGroups, IconLock, IconShow } from '@martyrs/src/modules/icons/icons.client.js'\n  import Breadcrumbs from '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue'\n  import BlockTags    from '@martyrs/src/components/FieldTags/BlockTags.vue'\n  import Tab from '@martyrs/src/components/Tab/Tab.vue';\n  import Field from '@martyrs/src/components/Field/Field.vue';\n  import Select from '@martyrs/src/components/Select/Select.vue';\n  import SelectMulti    from '@martyrs/src/components/SelectMulti/SelectMulti.vue'\n  import UploadImage from '@martyrs/src/components/UploadImage/UploadImage.vue';\n  import Button from '@martyrs/src/components/Button/Button.vue';\n  import Popup from '@martyrs/src/components/Popup/Popup.vue';\n\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n  import * as organization from '@martyrs/src/modules/organizations/store/organizations.js';\n  import membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js';\n\n  const route = useRoute()\n  const router = useRouter()\n\n  organization.actions.reset();\n\n  const typeOptions = [\n    { value: 'public', label: 'Public', icon: IconGroups, desc: 'Visible to everyone. Anyone can join.' },\n    { value: 'exclusive', label: 'Exclusive', icon: IconLock, desc: 'Visible, but membership requires approval.' },\n    { value: 'hidden', label: 'Hidden', icon: IconShow, desc: 'Invite only. Hidden from search.' }\n  ];\n\n  function isTypeSelected(type) {\n    return organization.state.current.types?.includes(type);\n  }\n\n  onMounted(async()=>{\n    if (route.params._id) {\n      await organization.actions.read({ _id: route.params._id });\n    } \n  })\n  \n  const organizationData = computed(() => organization.state.current)\n\n  async function onSubmit() {\n    if (route.params._id) {\n      await organization.actions.update(route.params._id, organizationData.value)\n    } else {\n      await organization.actions.create(organization.state.current, auth.state.user._id)\n    }\n  }\n\n  const routePrefix = computed(() => {\n    const ctx = route.meta.context\n    if (ctx === 'user') return 'User'\n    if (ctx === 'backoffice') return 'Backoffice'\n    return ''\n  })\n\n  async function onDelete() {\n    if (route.params._id) {\n      await organization.actions.remove(route.params._id)\n      router.push({ name: routePrefix.value + 'OrganizationProfile', params: { _id: route.params._id } })\n    }\n  }\n\n  function redirectTo () {\n    router.replace({ name: routePrefix.value + 'OrganizationProfile', params: { _id: organization.state.current._id } })\n  }\n</script>"],"names":["organization.actions","IconGroups","IconLock","IconShow","organization.state","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiKE,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAExBA,YAAqB,MAAK;AAE1B,UAAM,cAAc;AAAA,MAClB,EAAE,OAAO,UAAU,OAAO,UAAU,MAAMC,aAAY,MAAM,wCAAuC;AAAA,MACnG,EAAE,OAAO,aAAa,OAAO,aAAa,MAAMC,aAAU,MAAM,6CAA4C;AAAA,MAC5G,EAAE,OAAO,UAAU,OAAO,UAAU,MAAMC,aAAU,MAAM,mCAAkC;AAAA,IAChG;AAEE,aAAS,eAAe,MAAM;AAC5B,aAAOC,MAAmB,QAAQ,OAAO,SAAS,IAAI;AAAA,IACxD;AAEA,cAAU,YAAS;AACjB,UAAI,MAAM,OAAO,KAAK;AACpB,cAAMJ,QAAqB,KAAK,EAAE,KAAK,MAAM,OAAO,KAAK;AAAA,MAC3D;AAAA,IACF,CAAC;AAED,UAAM,mBAAmB,SAAS,MAAMI,MAAmB,OAAO;AAElE,mBAAe,WAAW;AACxB,UAAI,MAAM,OAAO,KAAK;AACpB,cAAMJ,QAAqB,OAAO,MAAM,OAAO,KAAK,iBAAiB,KAAK;AAAA,MAC5E,OAAO;AACL,cAAMA,QAAqB,OAAOI,MAAmB,SAASC,QAAW,KAAK,GAAG;AAAA,MACnF;AAAA,IACF;AAEA,UAAM,cAAc,SAAS,MAAM;AACjC,YAAM,MAAM,MAAM,KAAK;AACvB,UAAI,QAAQ,OAAQ,QAAO;AAC3B,UAAI,QAAQ,aAAc,QAAO;AACjC,aAAO;AAAA,IACT,CAAC;AASD,aAAS,aAAc;AACrB,aAAO,QAAQ,EAAE,MAAM,YAAY,QAAQ,uBAAuB,QAAQ,EAAE,KAAKD,MAAmB,QAAQ,IAAG,EAAE,CAAE;AAAA,IACrH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -30,7 +30,7 @@ const _sfc_main = {
         !_ctx.MOBILE_APP ? (openBlock(), createBlock(_sfc_main$1, {
           key: 0,
           title: "Groups",
-          actions: [{ method: () => _ctx.$router.push({ name: "CreateOrganization" }), label: "+", class: "radius-extra i-big hover:scale-[1.05] cursor-pointer t-white bg-second" }],
+          actions: [{ method: () => _ctx.$router.push({ name: "CreateOrganization" }), label: "+ Add Group" }],
           tabs: unref(route).meta.context !== "backoffice" ? [
             { name: "Owner", value: "owner" },
             { name: "Member", value: "member" },
@@ -75,8 +75,9 @@ const _sfc_main = {
                       organization,
                       showRating: true,
                       showFollowers: true,
+                      showTags: false,
                       showProducts: false,
-                      class: "bg-light mn-b-thin w-100 o-hidden radius-medium pd-medium"
+                      class: "bg-light mn-b-thin w-100 o-hidden radius-medium pd-regular"
                     }, null, 8, ["organization"]));
                     _item.memo = _memo;
                     return _item;

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 class=\"\">\n\t\t<SectionPageTitle\n\t\t\tv-if=\"!MOBILE_APP\"\n\t\t\ttitle=\"Groups\"\n\t\t\t:actions=\"[{ method: () => $router.push({ name: 'CreateOrganization' }), label: '+', class: 'radius-extra i-big hover:scale-[1.05] cursor-pointer t-white bg-second' }]\"\n\t\t\t:tabs=\"route.meta.context !== 'backoffice'\n\t\t\t\t? [\n\t\t\t\t\t{ name: 'Owner', value: 'owner' },\n\t\t\t\t\t{ name: 'Member', value: 'member' },\n\t\t\t\t\t{ name: 'Follower', value: 'follower' },\n\t\t\t\t]\n\t\t\t\t: null\"\n\t\t\t:tabs_current=\"tabOrganization\"\n\t\t\t@update:tabs_current=\"tabOrganization = $event\"\n\t\t\tclass=\"pd-medium pd-b-zero bg-white\"\n\t\t/>\n\t\t\t<div class=\"pd-medium 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        }\"\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=\"route.meta.context === 'backoffice'\n\t\t          ? { limit: 15, lookup: ['memberships'] }\n\t\t          : {\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, computed } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Components\n\timport SectionPageTitle from '@martyrs/src/modules/core/views/components/sections/SectionPageTitle.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\tconst routePrefix = computed(() => {\n\t\tconst ctx = route.meta.context\n\t\tif (ctx === 'user') return 'User'\n\t\tif (ctx === 'backoffice') return 'Backoffice'\n\t\treturn ''\n\t})\n\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":";;;;;;;;;;;;;AA4EC,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AACJ,aAAS,MAAM;AAClC,YAAM,MAAM,MAAM,KAAK;AACvB,UAAI,QAAQ,OAAQ,QAAO;AAC3B,UAAI,QAAQ,aAAc,QAAO;AACjC,aAAO;AAAA,IACR,CAAC;AAGD,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 class=\"\">\n\t\t<SectionPageTitle\n\t\t\tv-if=\"!MOBILE_APP\"\n\t\t\ttitle=\"Groups\"\n\t\t\t:actions=\"[{ method: () => $router.push({ name: 'CreateOrganization' }), label: '+ Add Group' }]\"\n\t\t\t:tabs=\"route.meta.context !== 'backoffice'\n\t\t\t\t? [\n\t\t\t\t\t{ name: 'Owner', value: 'owner' },\n\t\t\t\t\t{ name: 'Member', value: 'member' },\n\t\t\t\t\t{ name: 'Follower', value: 'follower' },\n\t\t\t\t]\n\t\t\t\t: null\"\n\t\t\t:tabs_current=\"tabOrganization\"\n\t\t\t@update:tabs_current=\"tabOrganization = $event\"\n\t\t\tclass=\"pd-medium pd-b-zero bg-white\"\n\t\t/>\n\t\t\t<div class=\"pd-medium 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        }\"\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=\"route.meta.context === 'backoffice'\n\t\t          ? { limit: 15, lookup: ['memberships'] }\n\t\t          : {\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\t:showTags=\"false\"\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-regular\"\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, computed } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Components\n\timport SectionPageTitle from '@martyrs/src/modules/core/views/components/sections/SectionPageTitle.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\tconst routePrefix = computed(() => {\n\t\tconst ctx = route.meta.context\n\t\tif (ctx === 'user') return 'User'\n\t\tif (ctx === 'backoffice') return 'Backoffice'\n\t\treturn ''\n\t})\n\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":";;;;;;;;;;;;;AA6EC,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AACJ,aAAS,MAAM;AAClC,YAAM,MAAM,MAAM,KAAK;AACvB,UAAI,QAAQ,OAAQ,QAAO;AAC3B,UAAI,QAAQ,aAAc,QAAO;AACjC,aAAO;AAAA,IACR,CAAC;AAGD,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

@@ -9,7 +9,7 @@ const _hoisted_1 = { class: "documents" };
 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: "fw-semi t-transp radius-small" };
+const _hoisted_5 = { class: "fw-semi opacity-50 radius-small" };
 const _sfc_main = {
   __name: "Documents",
   setup(__props) {
@@ -111,7 +111,7 @@ const _sfc_main = {
     };
   }
 };
-const Documents = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c5edb333"]]);
+const Documents = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b052ffd1"]]);
 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 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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 opacity-50 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

@@ -4,11 +4,11 @@ import Field from "../../../../components/Field/Field.vue.js";
 import Button from "../../../../components/Button/Button.vue2.js";
 import _sfc_main$2 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$1 from "../../../core/views/components/blocks/BlockSearch.vue.js";
-import _sfc_main$3 from "../../../auth/views/components/blocks/CardUser.vue.js";
+import _sfc_main$3 from "../../../core/views/components/blocks/CardUser.vue.js";
 import _sfc_main$5 from "../../../icons/navigation/IconDelete.vue.js";
 import _sfc_main$4 from "../../../icons/navigation/IconAdd.vue.js";
 import { actions } from "../../../auth/views/store/users.js";
-const _hoisted_1 = { class: "mn-b-thin t-transp p-regular" };
+const _hoisted_1 = { class: "mn-b-thin opacity-50 p-regular" };
 const _hoisted_2 = { class: "mn-b-thin pos-relative" };
 const _hoisted_3 = {
   key: 0,

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-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 opacity-50 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/core/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/configs/navigation.organization.config.js

@@ -12,6 +12,8 @@ import _sfc_main from "../../icons/entities/IconHome.vue.js";
 import _sfc_main$6 from "../../icons/entities/IconAddress.vue.js";
 import { useGlobalMixins } from "../../core/views/mixins/mixins.js";
 const { hasAccess, isModuleInstalled } = useGlobalMixins();
+const orgBase = (route) => route.meta.context === "backoffice" ? `/backoffice/organizations/${route.params._id}` : `/organizations/${route.params._id}`;
+const isBackoffice = (route) => route.meta.context === "backoffice";
 const navigationItems = [
   {
     category: "Organization",
@@ -21,14 +23,14 @@ const navigationItems = [
       {
         title: "Profile",
         iconComponent: _sfc_main,
-        route: (auth, route) => `/organizations/${route.params._id}`,
+        route: (auth, route) => orgBase(route),
         visible: () => true
         // Public access
       },
       {
         title: "Members",
         iconComponent: _sfc_main$1,
-        route: (auth, route) => `/organizations/${route.params._id}/members`,
+        route: (auth, route) => `${orgBase(route)}/members`,
         visible: (auth, route) => hasAccess(
           route.params._id,
           "departments",
@@ -40,7 +42,7 @@ const navigationItems = [
       {
         title: "Settings",
         iconComponent: _sfc_main$2,
-        route: (auth, route) => `/organizations/${route.params._id}/edit`,
+        route: (auth, route) => `${orgBase(route)}/edit`,
         visible: (auth, route) => hasAccess(
           route.params._id,
           "members",
@@ -53,44 +55,44 @@ const navigationItems = [
   },
   {
     category: "Discover",
-    visible: () => true,
-    // Always visible - public category
+    visible: (auth, route) => !isBackoffice(route),
+    // Hidden in backoffice context
     items: [
       {
         title: "Products",
         iconComponent: _sfc_main$3,
-        route: (auth, route) => `/organizations/${route.params._id}/products`,
+        route: (auth, route) => `${orgBase(route)}/products`,
         visible: () => isModuleInstalled("products")
       },
       {
         title: "Events",
         iconComponent: _sfc_main$4,
-        route: (auth, route) => `/organizations/${route.params._id}/events`,
+        route: (auth, route) => `${orgBase(route)}/events`,
         visible: () => isModuleInstalled("events")
       },
       {
         title: "Posts",
         iconComponent: _sfc_main$5,
-        route: (auth, route) => `/organizations/${route.params._id}/posts`,
+        route: (auth, route) => `${orgBase(route)}/posts`,
         visible: () => isModuleInstalled("blogposts")
       },
       {
         title: "Spots",
         iconComponent: _sfc_main$6,
-        route: (auth, route) => `/organizations/${route.params._id}/spots`,
+        route: (auth, route) => `${orgBase(route)}/spots`,
         visible: () => isModuleInstalled("spots")
       },
       {
         title: "Gallery",
         iconComponent: _sfc_main$7,
-        route: (auth, route) => `/organizations/${route.params._id}/gallery`,
+        route: (auth, route) => `${orgBase(route)}/gallery`,
         visible: () => isModuleInstalled("gallery")
       }
     ]
   },
   {
     category: "Management",
-    visible: (auth, route) => hasAccess(
+    visible: (auth, route) => !isBackoffice(route) && hasAccess(
       route.params._id,
       "products",
       "read",
@@ -101,7 +103,7 @@ const navigationItems = [
       {
         title: "Categories",
         iconComponent: _sfc_main$8,
-        route: (auth, route) => `/organizations/${route.params._id}/categories`,
+        route: (auth, route) => `${orgBase(route)}/categories`,
         visible: (auth, route) => hasAccess(
           route.params._id,
           "products",
@@ -113,7 +115,7 @@ const navigationItems = [
       {
         title: "Inventory",
         iconComponent: _sfc_main$9,
-        route: (auth, route) => `/organizations/${route.params._id}/inventory`,
+        route: (auth, route) => `${orgBase(route)}/inventory`,
         visible: (auth, route) => hasAccess(
           route.params._id,
           "inventory",
@@ -125,7 +127,7 @@ const navigationItems = [
       {
         title: "Rents",
         iconComponent: _sfc_main$4,
-        route: (auth, route) => `/organizations/${route.params._id}/rents`,
+        route: (auth, route) => `${orgBase(route)}/rents`,
         visible: (auth, route) => isModuleInstalled("events") && hasAccess(
           route.params._id,
           "orders",
@@ -138,7 +140,7 @@ const navigationItems = [
   },
   {
     category: "Orders & Sales",
-    visible: (auth, route) => hasAccess(
+    visible: (auth, route) => !isBackoffice(route) && hasAccess(
       route.params._id,
       "orders",
       "read",
@@ -149,17 +151,17 @@ const navigationItems = [
       {
         title: "Orders",
         iconComponent: _sfc_main$a,
-        route: (auth, route) => `/organizations/${route.params._id}/orders`
+        route: (auth, route) => `${orgBase(route)}/orders`
       },
       {
         title: "Customers",
         iconComponent: _sfc_main$5,
-        route: (auth, route) => `/organizations/${route.params._id}/customers`
+        route: (auth, route) => `${orgBase(route)}/customers`
       },
       {
         title: "Applications",
         iconComponent: _sfc_main$a,
-        route: (auth, route) => `/organizations/${route.params._id}/applications`
+        route: (auth, route) => `${orgBase(route)}/applications`
       }
     ]
   }

package/dist/martyrs/src/modules/organizations/configs/navigation.organization.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigation.organization.config.js","sources":["../../../../../../src/modules/organizations/configs/navigation.organization.config.js"],"sourcesContent":["// Import icons\nimport IconCommunity from '@martyrs/src/modules/icons/entities/IconCommunity.vue';\nimport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue';\nimport IconGallery from '@martyrs/src/modules/icons/entities/IconGallery.vue';\nimport IconGroups from '@martyrs/src/modules/icons/entities/IconGroups.vue';\nimport IconOrders from '@martyrs/src/modules/icons/entities/IconOrders.vue';\nimport IconProducts from '@martyrs/src/modules/icons/entities/IconProducts.vue';\nimport IconLeftovers from '@martyrs/src/modules/icons/entities/IconLeftovers.vue';\nimport IconDate from '@martyrs/src/modules/icons/entities/IconDate.vue';\nimport IconPrice from '@martyrs/src/modules/icons/entities/IconPrice.vue';\nimport IconSettings from '@martyrs/src/modules/icons/entities/IconSettings.vue';\nimport IconHome from '@martyrs/src/modules/icons/entities/IconHome.vue';\nimport IconAddress from '@martyrs/src/modules/icons/entities/IconAddress.vue';\n\n// Import global mixins for access control\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\nconst { hasAccess, isModuleInstalled } = useGlobalMixins();\n\n// Organization backoffice navigation configuration\nexport const navigationItems = [\n  {\n    category: 'Organization',\n    visible: () => true, // Always visible - has both public and private items\n    items: [\n      {\n        title: 'Profile',\n        iconComponent: IconHome,\n        route: (auth, route) => `/organizations/${route.params._id}`,\n        visible: () => true // Public access\n      },\n      {\n        title: 'Members',\n        iconComponent: IconGroups,\n        route: (auth, route) => `/organizations/${route.params._id}/members`,\n        visible: (auth, route) => hasAccess(\n          route.params._id,\n          'departments',\n          'read',\n          auth.accesses,\n          auth.access.roles\n        )\n      },\n      {\n        title: 'Settings',\n        iconComponent: IconSettings,\n        route: (auth, route) => `/organizations/${route.params._id}/edit`,\n        visible: (auth, route) => hasAccess(\n          route.params._id,\n          'members',\n          'read',\n          auth.accesses,\n          auth.access.roles\n        )\n      },\n    ]\n  },\n  {\n    category: 'Discover',\n    visible: () => true, // Always visible - public category\n    items: [\n      {\n        title: 'Products',\n        iconComponent: IconProducts,\n        route: (auth, route) => `/organizations/${route.params._id}/products`,\n        visible: () => isModuleInstalled('products')\n      },\n      {\n        title: 'Events',\n        iconComponent: IconEvents,\n        route: (auth, route) => `/organizations/${route.params._id}/events`,\n        visible: () => isModuleInstalled('events')\n      },\n      {\n        title: 'Posts',\n        iconComponent: IconCommunity,\n        route: (auth, route) => `/organizations/${route.params._id}/posts`,\n        visible: () => isModuleInstalled('blogposts')\n      },\n      {\n        title: 'Spots',\n        iconComponent: IconAddress,\n        route: (auth, route) => `/organizations/${route.params._id}/spots`,\n        visible: () => isModuleInstalled('spots')\n      },\n      {\n        title: 'Gallery',\n        iconComponent: IconGallery,\n        route: (auth, route) => `/organizations/${route.params._id}/gallery`,\n        visible: () => isModuleInstalled('gallery')\n      },\n    ]\n  },\n  {\n    category: 'Management',\n    visible: (auth, route) => hasAccess(\n      route.params._id, \n      'products', \n      'read', \n      auth.accesses, \n      auth.access.roles\n    ),\n    items: [\n      {\n        title: 'Categories',\n        iconComponent: IconPrice,\n        route: (auth, route) => `/organizations/${route.params._id}/categories`,\n        visible: (auth, route) => hasAccess(\n          route.params._id,\n          'products',\n          'read',\n          auth.accesses,\n          auth.access.roles\n        )\n      },\n      {\n        title: 'Inventory',\n        iconComponent: IconLeftovers,\n        route: (auth, route) => `/organizations/${route.params._id}/inventory`,\n        visible: (auth, route) => hasAccess(\n          route.params._id,\n          'inventory',\n          'read',\n          auth.accesses,\n          auth.access.roles\n        )\n      },\n      {\n        title: 'Rents',\n        iconComponent: IconEvents,\n        route: (auth, route) => `/organizations/${route.params._id}/rents`,\n        visible: (auth, route) => isModuleInstalled('events') && hasAccess(\n          route.params._id,\n          'orders',\n          'read',\n          auth.accesses,\n          auth.access.roles\n        )\n      },\n    ]\n  },\n  {\n    category: 'Orders & Sales',\n    visible: (auth, route) => hasAccess(\n      route.params._id, \n      'orders', \n      'read', \n      auth.accesses, \n      auth.access.roles\n    ),\n    items: [\n      {\n        title: 'Orders',\n        iconComponent: IconOrders,\n        route: (auth, route) => `/organizations/${route.params._id}/orders`\n      },\n      {\n        title: 'Customers',\n        iconComponent: IconCommunity,\n        route: (auth, route) => `/organizations/${route.params._id}/customers`\n      },\n      {\n        title: 'Applications',\n        iconComponent: IconOrders,\n        route: (auth, route) => `/organizations/${route.params._id}/applications`\n      },\n    ]\n  },\n];\n\nexport default navigationItems;"],"names":["IconHome","IconGroups","IconSettings","IconProducts","IconEvents","IconCommunity","IconAddress","IconGallery","IconPrice","IconLeftovers","IconOrders"],"mappings":"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"}
+{"version":3,"file":"navigation.organization.config.js","sources":["../../../../../../src/modules/organizations/configs/navigation.organization.config.js"],"sourcesContent":["// Import icons\nimport IconCommunity from '@martyrs/src/modules/icons/entities/IconCommunity.vue';\nimport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue';\nimport IconGallery from '@martyrs/src/modules/icons/entities/IconGallery.vue';\nimport IconGroups from '@martyrs/src/modules/icons/entities/IconGroups.vue';\nimport IconOrders from '@martyrs/src/modules/icons/entities/IconOrders.vue';\nimport IconProducts from '@martyrs/src/modules/icons/entities/IconProducts.vue';\nimport IconLeftovers from '@martyrs/src/modules/icons/entities/IconLeftovers.vue';\nimport IconDate from '@martyrs/src/modules/icons/entities/IconDate.vue';\nimport IconPrice from '@martyrs/src/modules/icons/entities/IconPrice.vue';\nimport IconSettings from '@martyrs/src/modules/icons/entities/IconSettings.vue';\nimport IconHome from '@martyrs/src/modules/icons/entities/IconHome.vue';\nimport IconAddress from '@martyrs/src/modules/icons/entities/IconAddress.vue';\n\n// Import global mixins for access control\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\nconst { hasAccess, isModuleInstalled } = useGlobalMixins();\n\n// Context-aware base path for organization routes\nconst orgBase = (route) => route.meta.context === 'backoffice'\n  ? `/backoffice/organizations/${route.params._id}`\n  : `/organizations/${route.params._id}`;\n\nconst isBackoffice = (route) => route.meta.context === 'backoffice';\n\n// Organization navigation configuration\n// In backoffice context: routes point to /backoffice/organizations/:_id/..., module categories are hidden\nexport const navigationItems = [\n  {\n    category: 'Organization',\n    visible: () => true, // Always visible - has both public and private items\n    items: [\n      {\n        title: 'Profile',\n        iconComponent: IconHome,\n        route: (auth, route) => orgBase(route),\n        visible: () => true // Public access\n      },\n      {\n        title: 'Members',\n        iconComponent: IconGroups,\n        route: (auth, route) => `${orgBase(route)}/members`,\n        visible: (auth, route) => hasAccess(\n          route.params._id,\n          'departments',\n          'read',\n          auth.accesses,\n          auth.access.roles\n        )\n      },\n      {\n        title: 'Settings',\n        iconComponent: IconSettings,\n        route: (auth, route) => `${orgBase(route)}/edit`,\n        visible: (auth, route) => hasAccess(\n          route.params._id,\n          'members',\n          'read',\n          auth.accesses,\n          auth.access.roles\n        )\n      },\n    ]\n  },\n  {\n    category: 'Discover',\n    visible: (auth, route) => !isBackoffice(route), // Hidden in backoffice context\n    items: [\n      {\n        title: 'Products',\n        iconComponent: IconProducts,\n        route: (auth, route) => `${orgBase(route)}/products`,\n        visible: () => isModuleInstalled('products')\n      },\n      {\n        title: 'Events',\n        iconComponent: IconEvents,\n        route: (auth, route) => `${orgBase(route)}/events`,\n        visible: () => isModuleInstalled('events')\n      },\n      {\n        title: 'Posts',\n        iconComponent: IconCommunity,\n        route: (auth, route) => `${orgBase(route)}/posts`,\n        visible: () => isModuleInstalled('blogposts')\n      },\n      {\n        title: 'Spots',\n        iconComponent: IconAddress,\n        route: (auth, route) => `${orgBase(route)}/spots`,\n        visible: () => isModuleInstalled('spots')\n      },\n      {\n        title: 'Gallery',\n        iconComponent: IconGallery,\n        route: (auth, route) => `${orgBase(route)}/gallery`,\n        visible: () => isModuleInstalled('gallery')\n      },\n    ]\n  },\n  {\n    category: 'Management',\n    visible: (auth, route) => !isBackoffice(route) && hasAccess(\n      route.params._id,\n      'products',\n      'read',\n      auth.accesses,\n      auth.access.roles\n    ),\n    items: [\n      {\n        title: 'Categories',\n        iconComponent: IconPrice,\n        route: (auth, route) => `${orgBase(route)}/categories`,\n        visible: (auth, route) => hasAccess(\n          route.params._id,\n          'products',\n          'read',\n          auth.accesses,\n          auth.access.roles\n        )\n      },\n      {\n        title: 'Inventory',\n        iconComponent: IconLeftovers,\n        route: (auth, route) => `${orgBase(route)}/inventory`,\n        visible: (auth, route) => hasAccess(\n          route.params._id,\n          'inventory',\n          'read',\n          auth.accesses,\n          auth.access.roles\n        )\n      },\n      {\n        title: 'Rents',\n        iconComponent: IconEvents,\n        route: (auth, route) => `${orgBase(route)}/rents`,\n        visible: (auth, route) => isModuleInstalled('events') && hasAccess(\n          route.params._id,\n          'orders',\n          'read',\n          auth.accesses,\n          auth.access.roles\n        )\n      },\n    ]\n  },\n  {\n    category: 'Orders & Sales',\n    visible: (auth, route) => !isBackoffice(route) && hasAccess(\n      route.params._id,\n      'orders',\n      'read',\n      auth.accesses,\n      auth.access.roles\n    ),\n    items: [\n      {\n        title: 'Orders',\n        iconComponent: IconOrders,\n        route: (auth, route) => `${orgBase(route)}/orders`\n      },\n      {\n        title: 'Customers',\n        iconComponent: IconCommunity,\n        route: (auth, route) => `${orgBase(route)}/customers`\n      },\n      {\n        title: 'Applications',\n        iconComponent: IconOrders,\n        route: (auth, route) => `${orgBase(route)}/applications`\n      },\n    ]\n  },\n];\n\nexport default navigationItems;"],"names":["IconHome","IconGroups","IconSettings","IconProducts","IconEvents","IconCommunity","IconAddress","IconGallery","IconPrice","IconLeftovers","IconOrders"],"mappings":"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"}