@ozdao/martyrs 0.2.507 → 0.2.508

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

@@ -5,10 +5,18 @@ const vueRouter = require("vue-router");
 require("vue-i18n");
 ;/* empty css                                                   */
 ;/* empty css                                           */
+const Dropdown = require("../../../../components/Dropdown/Dropdown.vue2.cjs");
+const Chips = require("../../../../components/Chips/Chips.vue2.cjs");
 ;/* empty css                                      */
 require("../../../../components/Menu/MenuItem.vue.cjs");
+const IconFollowing = require("../../../icons/entities/IconFollowing.vue.cjs");
+const IconEdit = require("../../../icons/navigation/IconEdit.vue.cjs");
+const IconEllipsis = require("../../../icons/navigation/IconEllipsis.vue.cjs");
+const PlaceholderOrganizationPic = require("../../../icons/placeholders/PlaceholderOrganizationPic.vue.cjs");
 ;/* empty css                             */
-const DetailsTabSection = require("../sections/DetailsTabSection.vue.cjs");
+const ButtonToggleMembership = require("../elements/ButtonToggleMembership.vue.cjs");
+const Socials = require("../blocks/Socials.vue.cjs");
+const FormReport = require("../../../reports/components/sections/FormReport.vue.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");
 const organizations = require("../../store/organizations.cjs");
 const memberships = require("../../store/memberships.cjs");
@@ -17,14 +25,24 @@ const _hoisted_1 = {
   key: 0,
   class: "pd-thin for-transition w-100"
 };
-const _hoisted_2 = { class: "pos-relative" };
-const _hoisted_3 = { class: "bg-light radius-medium pd-medium" };
-const _hoisted_4 = { class: "mn-b-small" };
-const _hoisted_5 = {
+const _hoisted_2 = { class: "flex-center flex flex-column t-center pd-medium radius-medium bg-light mn-b-thin" };
+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-medium t-medium uppercase mn-b-thin" };
+const _hoisted_8 = {
+  key: 5,
+  class: "mn-t-small mn-b-thin"
+};
+const _hoisted_9 = { class: "pos-relative" };
+const _hoisted_10 = { class: "bg-light radius-medium pd-medium" };
+const _hoisted_11 = { class: "mn-b-small" };
+const _hoisted_12 = {
   key: 0,
   class: "t-medium"
 };
-const _hoisted_6 = {
+const _hoisted_13 = {
   key: 1,
   class: "t-medium t-black-transp-60"
 };
@@ -51,17 +69,109 @@ const _sfc_main = {
         });
       }
     });
+    const handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {
+      memberships.mutations.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber);
+    };
     return (_ctx, _cache) => {
+      const _component_router_link = vue.resolveComponent("router-link");
       return organizationData.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createVNode(DetailsTabSection.default, {
-          organization: organizations.state.current,
-          user: auth.state.user,
-          class: "mn-b-thin"
-        }, null, 8, ["organization", "user"]),
-        vue.createElementVNode("div", _hoisted_2, [
-          vue.createElementVNode("div", _hoisted_3, [
-            vue.createElementVNode("h3", _hoisted_4, "About " + vue.toDisplayString(organizations.state.current?.profile?.name), 1),
-            organizations.state.current?.profile?.description ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_5, vue.toDisplayString(organizations.state.current.profile.description), 1)) : (vue.openBlock(), vue.createElementBlock("p", _hoisted_6, " No description available. "))
+        vue.createElementVNode("section", _hoisted_2, [
+          auth.state.user._id !== organizations.state.current.owner ? (vue.openBlock(), vue.createBlock(Dropdown.default, {
+            key: 0,
+            label: { component: IconEllipsis.default, class: "i-regular t-transp" },
+            align: "right",
+            class: "cursor-pointer pos-absolute pos-r-regular pos-t-regular pd-thin radius-extra"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createElementVNode("section", _hoisted_3, [
+                vue.createVNode(FormReport.default, {
+                  user: auth.state.user._id,
+                  type: "organization",
+                  target: organizations.state.current._id,
+                  text: "Report",
+                  class: "w-100"
+                }, {
+                  default: vue.withCtx(() => _cache[2] || (_cache[2] = [
+                    vue.createElementVNode("button", { class: "w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button" }, " Report ", -1)
+                  ])),
+                  _: 1
+                }, 8, ["user", "target"]),
+                auth.state.user._id && auth.state.user._id !== organizations.state.current.owner ? (vue.openBlock(), vue.createBlock(ButtonToggleMembership.default, {
+                  key: 0,
+                  user: auth.state.user._id,
+                  type: "organization",
+                  role: "blocked",
+                  target: organizations.state.current._id,
+                  status: organizations.state.current.isBlocked,
+                  text: { create: "Block", remove: "Unblock" },
+                  onUpdateMembership: _cache[0] || (_cache[0] = (event) => handleMembershipUpdate(event, "isBlocked")),
+                  class: "t-white w-100 mn-t-thin bg-red"
+                }, null, 8, ["user", "target", "status"])) : vue.createCommentVNode("", true)
+              ])
+            ]),
+            _: 1
+          }, 8, ["label"])) : vue.createCommentVNode("", true),
+          auth.state.user._id === organizations.state.current.owner ? (vue.openBlock(), vue.createBlock(_component_router_link, {
+            key: 1,
+            to: {
+              name: "Organization Edit",
+              params: {
+                _id: organizations.state.current._id
+              }
+            },
+            class: "z-index-2 cursor-pointer pos-absolute pos-t-regular pos-r-regular radius-extra pd-thin bg-second"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(IconEdit.default, {
+                class: "i-regular",
+                classes: "fill-white"
+              })
+            ]),
+            _: 1
+          }, 8, ["to"])) : vue.createCommentVNode("", true),
+          organizations.state.current.profile.photo ? (vue.openBlock(), vue.createElementBlock("img", {
+            key: 2,
+            loading: "lazy",
+            src: (_ctx.FILE_SERVER_URL || "") + organizations.state.current.profile.photo,
+            class: "radius-big bg-light flex-center flex mn-b-small w-8r"
+          }, null, 8, _hoisted_4)) : (vue.openBlock(), vue.createBlock(PlaceholderOrganizationPic.default, {
+            key: 3,
+            class: "radius-medium mn-b-small i-extra"
+          })),
+          vue.createElementVNode("h1", _hoisted_5, vue.toDisplayString(organizations.state.current.profile.name), 1),
+          vue.createElementVNode("div", _hoisted_6, [
+            vue.createVNode(IconFollowing.default, { class: "i-medium mn-r-micro t-transp" }),
+            vue.createElementVNode("p", _hoisted_7, vue.toDisplayString(organizations.state.current.numberOfSubscribers) + " followers", 1),
+            auth.state.user._id && vue.unref(route).params._id && vue.unref(route).params._id !== auth.state.user._id && organizations.state.current.owner !== auth.state.user._id ? (vue.openBlock(), vue.createBlock(ButtonToggleMembership.default, {
+              key: 0,
+              user: auth.state.user._id,
+              type: "organization",
+              role: "subscriber",
+              target: organizations.state.current._id,
+              status: organizations.state.current.isSubscriber,
+              text: { create: "+", remove: "-" },
+              onUpdateMembership: _cache[1] || (_cache[1] = (event) => handleMembershipUpdate(event, "isSubscriber", "numberOfSubscribers")),
+              class: "mn-l-thin p-medium t-medium radius-extra i-semi"
+            }, null, 8, ["user", "target", "status"])) : vue.createCommentVNode("", true)
+          ]),
+          organizations.state.current.profile?.tags?.length > 0 ? (vue.openBlock(), vue.createBlock(Chips.default, {
+            key: 4,
+            chips: organizations.state.current.profile.tags,
+            class: "p-medium"
+          }, null, 8, ["chips"])) : vue.createCommentVNode("", true),
+          Object.values(organizations.state.current.socials).some((value) => value) ? (vue.openBlock(), vue.createElementBlock("h4", _hoisted_8, " Find us in socials ")) : vue.createCommentVNode("", true),
+          vue.createVNode(Socials.default, {
+            telegram: organizations.state.current.socials.telegram,
+            facebook: organizations.state.current.socials.facebook,
+            instagram: organizations.state.current.socials.instagram,
+            twitter: organizations.state.current.socials.twitter,
+            youtube: organizations.state.current.socials.youtube
+          }, null, 8, ["telegram", "facebook", "instagram", "twitter", "youtube"])
+        ]),
+        vue.createElementVNode("div", _hoisted_9, [
+          vue.createElementVNode("div", _hoisted_10, [
+            vue.createElementVNode("h3", _hoisted_11, "About " + vue.toDisplayString(organizations.state.current?.profile?.name), 1),
+            organizations.state.current?.profile?.description ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_12, vue.toDisplayString(organizations.state.current.profile.description), 1)) : (vue.openBlock(), vue.createElementBlock("p", _hoisted_13, " No description available. "))
           ])
         ])
       ])) : vue.createCommentVNode("", true);

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

@@ -1 +1 @@
-{"version":3,"file":"Organization.vue.cjs","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-big\"/> -->\n\t\t<!-- <pre>{{organization.state.current}}</pre> -->\n\n\t\t<DetailsTabSection \t\n\t\t\t:organization=\"organization.state.current\" \n\t\t\t:user=\"auth.state.user\"\n\t\t\tclass=\"mn-b-thin\"\n\t\t/>\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\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\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// Organizations\n\timport DepartmentSub from '@martyrs/src/modules/organizations/components/blocks/DepartmentSub.vue';\n\timport DetailsTabSection from '@martyrs/src/modules/organizations/components/sections/DetailsTabSection.vue'\n\timport User from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\n\t// Import state\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\timport * as organization from '@martyrs/src/modules/organizations/store/organizations.js';\n\timport * as memberships from '@martyrs/src/modules/organizations/store/memberships.js';\n\timport * as departments from '@martyrs/src/modules/organizations/store/departments.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 memberships.actions.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</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["useRouter","useRoute","ref","onMounted","organization.actions","auth.state","memberships.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CiBA,cAAAA,UAAS;AACzB,UAAM,QAASC,UAAAA,SAAQ;AAEvB,UAAM,mBAAmBC,IAAAA,IAAI,IAAI;AAEjCC,QAAAA,UAAU,YAAY;AAErB,uBAAiB,QAAQ,MAAMC,cAAAA,QAAqB,KAAK;AAAA,QACxD,KAAK,MAAM,OAAO;AAAA,QAClB,MAAMC,KAAAA,MAAW,KAAK;AAAA,QACtB,QAAQ,CAAC,aAAa;AAAA,MACzB,CAAG;AAEA,YAAMC,YAAAA,QAAoB,KAAK,EAAC,QAAQ,MAAM,OAAO,IAAG,CAAC;AAEzD,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,SAASD,KAAAA,MAAW,KAAK,OAAO;AAAA,UAChC,YAAW,oBAAI,KAAI,GAAG,YAAW;AAAA,QACrC,CAAI;AAAA,MACF;AAAA,IACD,CAAC;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Organization.vue.cjs","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-big\"/> -->\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-regular 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-regular\"\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-big 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-medium 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-medium t-medium radius-extra i-semi\" \n\t      />\n\t    </div>\n\n\t    <!-- <p class=\"w-max-50r mn-t-regular mn-b-medium p-semi\">\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-medium\"\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\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\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 DepartmentSub from '@martyrs/src/modules/organizations/components/blocks/DepartmentSub.vue';\n\timport ButtonToggleMembership from '@martyrs/src/modules/organizations/components/elements/ButtonToggleMembership.vue'\n\timport Contacts from '@martyrs/src/modules/organizations/components/blocks/Contacts.vue'\n\timport Rating from '@martyrs/src/modules/organizations/components/blocks/Rating.vue'\n\timport Socials from '@martyrs/src/modules/organizations/components/blocks/Socials.vue'\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// Import state\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\timport * as organization from '@martyrs/src/modules/organizations/store/organizations.js';\n\timport * as memberships from '@martyrs/src/modules/organizations/store/memberships.js';\n\timport * as departments from '@martyrs/src/modules/organizations/store/departments.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 memberships.actions.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  memberships.mutations.handleMembershipUpdate(organization.state.current, membership, status, target, statusName, statusNumber)\n\t};\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["useRouter","useRoute","ref","onMounted","organization.actions","auth.state","memberships.actions","memberships.mutations","organization.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqLiBA,cAAAA,UAAS;AACzB,UAAM,QAASC,UAAAA,SAAQ;AAEvB,UAAM,mBAAmBC,IAAAA,IAAI,IAAI;AAEjCC,QAAAA,UAAU,YAAY;AAErB,uBAAiB,QAAQ,MAAMC,cAAAA,QAAqB,KAAK;AAAA,QACxD,KAAK,MAAM,OAAO;AAAA,QAClB,MAAMC,KAAAA,MAAW,KAAK;AAAA,QACtB,QAAQ,CAAC,aAAa;AAAA,MACzB,CAAG;AAEA,YAAMC,YAAAA,QAAoB,KAAK,EAAC,QAAQ,MAAM,OAAO,IAAG,CAAC;AAEzD,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,SAASD,KAAAA,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;AAC3FE,4BAAsB,uBAAuBC,cAAAA,MAAmB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAC/H;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,28 +1,46 @@
-import { ref, onMounted, createElementBlock, createCommentVNode, openBlock, createVNode, createElementVNode, toDisplayString } from "vue";
+import { ref, onMounted, resolveComponent, createElementBlock, createCommentVNode, openBlock, createElementVNode, createBlock, createVNode, withCtx, toDisplayString, unref } from "vue";
 import { useRouter, useRoute } from "vue-router";
 import "vue-i18n";
 /* empty css                                                 */
 /* empty css                                         */
+import _sfc_main$1 from "../../../../components/Dropdown/Dropdown.vue2.js";
+import _sfc_main$7 from "../../../../components/Chips/Chips.vue2.js";
 /* 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";
+import _sfc_main$2 from "../../../icons/navigation/IconEllipsis.vue.js";
+import PlaceholderOrganizationPic from "../../../icons/placeholders/PlaceholderOrganizationPic.vue.js";
 /* empty css                           */
-import _sfc_main$1 from "../sections/DetailsTabSection.vue.js";
+import _sfc_main$4 from "../elements/ButtonToggleMembership.vue.js";
+import _sfc_main$8 from "../blocks/Socials.vue.js";
+import _sfc_main$3 from "../../../reports/components/sections/FormReport.vue.js";
 import { state } from "../../../auth/views/store/auth.js";
 import { actions, state as state$1 } from "../../store/organizations.js";
-import { actions as actions$1 } from "../../store/memberships.js";
+import { actions as actions$1, mutations } from "../../store/memberships.js";
 import "../../store/departments.js";
 const _hoisted_1 = {
   key: 0,
   class: "pd-thin for-transition w-100"
 };
-const _hoisted_2 = { class: "pos-relative" };
-const _hoisted_3 = { class: "bg-light radius-medium pd-medium" };
-const _hoisted_4 = { class: "mn-b-small" };
-const _hoisted_5 = {
+const _hoisted_2 = { class: "flex-center flex flex-column t-center pd-medium radius-medium bg-light mn-b-thin" };
+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-medium t-medium uppercase mn-b-thin" };
+const _hoisted_8 = {
+  key: 5,
+  class: "mn-t-small mn-b-thin"
+};
+const _hoisted_9 = { class: "pos-relative" };
+const _hoisted_10 = { class: "bg-light radius-medium pd-medium" };
+const _hoisted_11 = { class: "mn-b-small" };
+const _hoisted_12 = {
   key: 0,
   class: "t-medium"
 };
-const _hoisted_6 = {
+const _hoisted_13 = {
   key: 1,
   class: "t-medium t-black-transp-60"
 };
@@ -49,17 +67,109 @@ const _sfc_main = {
         });
       }
     });
+    const handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {
+      mutations.handleMembershipUpdate(state$1.current, membership, status, target, statusName, statusNumber);
+    };
     return (_ctx, _cache) => {
+      const _component_router_link = resolveComponent("router-link");
       return organizationData.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(_sfc_main$1, {
-          organization: state$1.current,
-          user: state.user,
-          class: "mn-b-thin"
-        }, null, 8, ["organization", "user"]),
-        createElementVNode("div", _hoisted_2, [
-          createElementVNode("div", _hoisted_3, [
-            createElementVNode("h3", _hoisted_4, "About " + toDisplayString(state$1.current?.profile?.name), 1),
-            state$1.current?.profile?.description ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(state$1.current.profile.description), 1)) : (openBlock(), createElementBlock("p", _hoisted_6, " No description available. "))
+        createElementVNode("section", _hoisted_2, [
+          state.user._id !== state$1.current.owner ? (openBlock(), createBlock(_sfc_main$1, {
+            key: 0,
+            label: { component: _sfc_main$2, class: "i-regular t-transp" },
+            align: "right",
+            class: "cursor-pointer pos-absolute pos-r-regular pos-t-regular pd-thin radius-extra"
+          }, {
+            default: withCtx(() => [
+              createElementVNode("section", _hoisted_3, [
+                createVNode(_sfc_main$3, {
+                  user: state.user._id,
+                  type: "organization",
+                  target: state$1.current._id,
+                  text: "Report",
+                  class: "w-100"
+                }, {
+                  default: withCtx(() => _cache[2] || (_cache[2] = [
+                    createElementVNode("button", { class: "w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button" }, " Report ", -1)
+                  ])),
+                  _: 1
+                }, 8, ["user", "target"]),
+                state.user._id && state.user._id !== state$1.current.owner ? (openBlock(), createBlock(_sfc_main$4, {
+                  key: 0,
+                  user: state.user._id,
+                  type: "organization",
+                  role: "blocked",
+                  target: state$1.current._id,
+                  status: state$1.current.isBlocked,
+                  text: { create: "Block", remove: "Unblock" },
+                  onUpdateMembership: _cache[0] || (_cache[0] = (event) => handleMembershipUpdate(event, "isBlocked")),
+                  class: "t-white w-100 mn-t-thin bg-red"
+                }, null, 8, ["user", "target", "status"])) : createCommentVNode("", true)
+              ])
+            ]),
+            _: 1
+          }, 8, ["label"])) : createCommentVNode("", true),
+          state.user._id === state$1.current.owner ? (openBlock(), createBlock(_component_router_link, {
+            key: 1,
+            to: {
+              name: "Organization Edit",
+              params: {
+                _id: state$1.current._id
+              }
+            },
+            class: "z-index-2 cursor-pointer pos-absolute pos-t-regular pos-r-regular radius-extra pd-thin bg-second"
+          }, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$5, {
+                class: "i-regular",
+                classes: "fill-white"
+              })
+            ]),
+            _: 1
+          }, 8, ["to"])) : createCommentVNode("", true),
+          state$1.current.profile.photo ? (openBlock(), createElementBlock("img", {
+            key: 2,
+            loading: "lazy",
+            src: (_ctx.FILE_SERVER_URL || "") + state$1.current.profile.photo,
+            class: "radius-big bg-light flex-center flex mn-b-small w-8r"
+          }, null, 8, _hoisted_4)) : (openBlock(), createBlock(PlaceholderOrganizationPic, {
+            key: 3,
+            class: "radius-medium mn-b-small i-extra"
+          })),
+          createElementVNode("h1", _hoisted_5, toDisplayString(state$1.current.profile.name), 1),
+          createElementVNode("div", _hoisted_6, [
+            createVNode(_sfc_main$6, { class: "i-medium mn-r-micro t-transp" }),
+            createElementVNode("p", _hoisted_7, toDisplayString(state$1.current.numberOfSubscribers) + " followers", 1),
+            state.user._id && unref(route).params._id && unref(route).params._id !== state.user._id && state$1.current.owner !== state.user._id ? (openBlock(), createBlock(_sfc_main$4, {
+              key: 0,
+              user: state.user._id,
+              type: "organization",
+              role: "subscriber",
+              target: state$1.current._id,
+              status: state$1.current.isSubscriber,
+              text: { create: "+", remove: "-" },
+              onUpdateMembership: _cache[1] || (_cache[1] = (event) => handleMembershipUpdate(event, "isSubscriber", "numberOfSubscribers")),
+              class: "mn-l-thin p-medium t-medium radius-extra i-semi"
+            }, null, 8, ["user", "target", "status"])) : createCommentVNode("", true)
+          ]),
+          state$1.current.profile?.tags?.length > 0 ? (openBlock(), createBlock(_sfc_main$7, {
+            key: 4,
+            chips: state$1.current.profile.tags,
+            class: "p-medium"
+          }, null, 8, ["chips"])) : createCommentVNode("", true),
+          Object.values(state$1.current.socials).some((value) => value) ? (openBlock(), createElementBlock("h4", _hoisted_8, " Find us in socials ")) : createCommentVNode("", true),
+          createVNode(_sfc_main$8, {
+            telegram: state$1.current.socials.telegram,
+            facebook: state$1.current.socials.facebook,
+            instagram: state$1.current.socials.instagram,
+            twitter: state$1.current.socials.twitter,
+            youtube: state$1.current.socials.youtube
+          }, null, 8, ["telegram", "facebook", "instagram", "twitter", "youtube"])
+        ]),
+        createElementVNode("div", _hoisted_9, [
+          createElementVNode("div", _hoisted_10, [
+            createElementVNode("h3", _hoisted_11, "About " + toDisplayString(state$1.current?.profile?.name), 1),
+            state$1.current?.profile?.description ? (openBlock(), createElementBlock("p", _hoisted_12, toDisplayString(state$1.current.profile.description), 1)) : (openBlock(), createElementBlock("p", _hoisted_13, " No description available. "))
           ])
         ])
       ])) : createCommentVNode("", true);

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-big\"/> -->\n\t\t<!-- <pre>{{organization.state.current}}</pre> -->\n\n\t\t<DetailsTabSection \t\n\t\t\t:organization=\"organization.state.current\" \n\t\t\t:user=\"auth.state.user\"\n\t\t\tclass=\"mn-b-thin\"\n\t\t/>\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\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\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// Organizations\n\timport DepartmentSub from '@martyrs/src/modules/organizations/components/blocks/DepartmentSub.vue';\n\timport DetailsTabSection from '@martyrs/src/modules/organizations/components/sections/DetailsTabSection.vue'\n\timport User from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\n\t// Import state\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\timport * as organization from '@martyrs/src/modules/organizations/store/organizations.js';\n\timport * as memberships from '@martyrs/src/modules/organizations/store/memberships.js';\n\timport * as departments from '@martyrs/src/modules/organizations/store/departments.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 memberships.actions.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</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["organization.actions","auth.state","memberships.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CiB,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,YAAMC,UAAoB,KAAK,EAAC,QAAQ,MAAM,OAAO,IAAG,CAAC;AAEzD,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,SAASD,MAAW,KAAK,OAAO;AAAA,UAChC,YAAW,oBAAI,KAAI,GAAG,YAAW;AAAA,QACrC,CAAI;AAAA,MACF;AAAA,IACD,CAAC;;;;;;;;;;;;;;;;;;"}
+{"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-big\"/> -->\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-regular 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-regular\"\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-big 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-medium 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-medium t-medium radius-extra i-semi\" \n\t      />\n\t    </div>\n\n\t    <!-- <p class=\"w-max-50r mn-t-regular mn-b-medium p-semi\">\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-medium\"\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\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\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 DepartmentSub from '@martyrs/src/modules/organizations/components/blocks/DepartmentSub.vue';\n\timport ButtonToggleMembership from '@martyrs/src/modules/organizations/components/elements/ButtonToggleMembership.vue'\n\timport Contacts from '@martyrs/src/modules/organizations/components/blocks/Contacts.vue'\n\timport Rating from '@martyrs/src/modules/organizations/components/blocks/Rating.vue'\n\timport Socials from '@martyrs/src/modules/organizations/components/blocks/Socials.vue'\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// Import state\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\timport * as organization from '@martyrs/src/modules/organizations/store/organizations.js';\n\timport * as memberships from '@martyrs/src/modules/organizations/store/memberships.js';\n\timport * as departments from '@martyrs/src/modules/organizations/store/departments.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 memberships.actions.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  memberships.mutations.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","memberships.actions","memberships.mutations","organization.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqLiB,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,YAAMC,UAAoB,KAAK,EAAC,QAAQ,MAAM,OAAO,IAAG,CAAC;AAEzD,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,SAASD,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;AAC3FE,gBAAsB,uBAAuBC,QAAmB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAC/H;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -10,7 +10,7 @@ const Field = require("../../../../components/Field/Field.vue.cjs");
 ;/* empty css                                          */
 const SelectMulti = require("../../../../components/SelectMulti/SelectMulti.vue2.cjs");
 const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 ;/* empty css                                        */
 const auth = require("../../../auth/views/store/auth.cjs");
 const organizations = require("../../store/organizations.cjs");

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

@@ -8,7 +8,7 @@ import Field from "../../../../components/Field/Field.vue.js";
 /* empty css                                        */
 import _sfc_main$1 from "../../../../components/SelectMulti/SelectMulti.vue2.js";
 import _sfc_main$2 from "../../../../components/UploadImage/UploadImage.vue.js";
-import _sfc_main$4 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$4 from "../../../../components/Button/Button.vue.js";
 /* empty css                                      */
 import { state as state$1 } from "../../../auth/views/store/auth.js";
 import { actions, state } from "../../store/organizations.js";

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

@@ -4,9 +4,9 @@ const vue = require("vue");
 const vueRouter = require("vue-router");
 const Field = require("../../../../components/Field/Field.vue.cjs");
 ;/* empty css                                        */
-;/* empty css                                          */
-const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
 ;/* empty css                                         */
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
+;/* empty css                                          */
 ;/* empty css                 */
 const _hoisted_1 = { class: "documents" };
 const _hoisted_2 = { class: "mn-b-big cols-4" };

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

@@ -2,9 +2,9 @@ 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                                        */
-import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 /* 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" };

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

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const Field = require("../../../../components/Field/Field.vue.cjs");
 ;/* empty css                                          */
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const BlockSearch = require("../../../globals/views/components/blocks/BlockSearch.vue.cjs");
 const CardUser = require("../../../auth/views/components/blocks/CardUser.vue.cjs");

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

@@ -1,7 +1,7 @@
 import { ref, resolveDirective, createElementBlock, openBlock, createElementVNode, createVNode, toDisplayString, withDirectives, createCommentVNode, isRef, unref, withCtx, Fragment, renderList, createBlock } from "vue";
 import Field from "../../../../components/Field/Field.vue.js";
 /* empty css                                        */
-import _sfc_main$6 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$6 from "../../../../components/Button/Button.vue.js";
 import _sfc_main$2 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$1 from "../../../globals/views/components/blocks/BlockSearch.vue.js";
 import _sfc_main$3 from "../../../auth/views/components/blocks/CardUser.vue.js";

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

@@ -6,8 +6,8 @@ require("../../../../../../node_modules/.pnpm/js-cookie@3.0.5/node_modules/js-co
 ;/* empty css                                   */
 ;/* empty css                                        */
 ;/* empty css                                          */
-;/* empty css                                          */
 ;/* empty css                                         */
+;/* empty css                                          */
 const CardOrganization = require("../blocks/CardOrganization.vue.cjs");
 const EmptyState = require("../blocks/EmptyState.vue.cjs");
 require("./Unit.vue.cjs");

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

@@ -4,8 +4,8 @@ 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";
 import "./Unit.vue.js";

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

@@ -18,7 +18,6 @@ const EmptyState = require("./components/blocks/EmptyState.vue.cjs");
 const Rating = require("./components/blocks/Rating.vue.cjs");
 const Socials = require("./components/blocks/Socials.vue.cjs");
 const Unit = require("./components/blocks/Unit.vue.cjs");
-const DetailsTabSection = require("./components/sections/DetailsTabSection.vue.cjs");
 const Documents = require("./components/sections/Documents.vue.cjs");
 const MembersAdd = require("./components/sections/MembersAdd.vue.cjs");
 const Organizations$1 = require("./components/sections/Organizations.vue.cjs");
@@ -62,7 +61,6 @@ const ModuleOrganization = {
       Socials: Socials.default,
       // Sections
       MembersAdd: MembersAdd.default,
-      DetailsTabSection: DetailsTabSection.default,
       OrganizationsSection: Organizations$1.default,
       Publics: Publics.default,
       Documents: Documents.default,
@@ -89,7 +87,6 @@ exports.EmptyState = EmptyState.default;
 exports.Rating = Rating.default;
 exports.Socials = Socials.default;
 exports.Unit = Unit.default;
-exports.DetailsTabSection = DetailsTabSection.default;
 exports.Documents = Documents.default;
 exports.MembersAdd = MembersAdd.default;
 exports.OrganizationsSection = Organizations$1.default;

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

@@ -1 +1 @@
-{"version":3,"file":"organizations.client.cjs","sources":["../../../../../src/modules/organizations/organizations.client.js"],"sourcesContent":["// Store\nimport * as storeDepartments from './store/departments.js';\nimport * as storeInvites from './store/invites.js';\nimport * as storeMemberships from './store/memberships.js';\nimport * as storeOrganizations from './store/organizations.js';\n\n// Router\nimport routerOrganization from './router/organizations.js';\n\n// Views\n// Pages\nimport Department from './components/pages/Department.vue';\nimport DepartmentEdit from './components/pages/DepartmentEdit.vue';\nimport Organization from './components/pages/Organization.vue';\nimport OrganizationEdit from './components/pages/OrganizationEdit.vue';\nimport Organizations from './components/pages/Organizations.vue';\n\n// Blocks\nimport CardDepartment from './components/blocks/CardDepartment.vue';\nimport CardOrganization from './components/blocks/CardOrganization.vue';\nimport Contacts from './components/blocks/Contacts.vue';\nimport DepartmentSub from './components/blocks/DepartmentSub.vue';\nimport EmptyState from './components/blocks/EmptyState.vue';\nimport Rating from './components/blocks/Rating.vue';\nimport Socials from './components/blocks/Socials.vue';\nimport Unit from './components/blocks/Unit.vue';\n\n// Sections\nimport DetailsTabSection from './components/sections/DetailsTabSection.vue';\nimport Documents from './components/sections/Documents.vue';\nimport MembersAdd from './components/sections/MembersAdd.vue';\nimport OrganizationsSection from './components/sections/Organizations.vue';\nimport Publics from './components/sections/Publics.vue';\n\n// Elements\nimport ButtonToggleMembership from './components/elements/ButtonToggleMembership.vue';\n\n// Пример функции инициализации для модуля организаций\nfunction initializeOrganization(app, store, router, options = {}) {\n  const route = options.route || 'Home';\n\n  router.addRoute(route, routerOrganization);\n\n  store.addStore('departments', storeDepartments);\n  store.addStore('memberships', storeMemberships);\n  store.addStore('organizations', storeOrganizations);\n  store.addStore('invites', storeInvites);\n}\n\n// Export components, store modules, and routes\nexport {\n  ButtonToggleMembership,\n  CardDepartment,\n  CardOrganization,\n  Contacts,\n  Department,\n  DepartmentEdit,\n  DepartmentSub,\n  DetailsTabSection,\n  Documents,\n  EmptyState,\n  MembersAdd,\n  Organization,\n  OrganizationEdit,\n  Organizations,\n  OrganizationsSection,\n  Publics,\n  Rating,\n  Socials,\n  Unit,\n  routerOrganization,\n  storeDepartments,\n  storeInvites,\n  storeMemberships,\n  storeOrganizations,\n};\n\nconst ModuleOrganization = {\n  initialize: initializeOrganization,\n  views: {\n    store: {\n      storeDepartments,\n      storeMemberships,\n      storeOrganizations,\n      storeInvites,\n    },\n    router: {\n      routerOrganization,\n    },\n    components: {\n      // Pages\n      Organization,\n      Department,\n      OrganizationEdit,\n      Organizations,\n      DepartmentEdit,\n      // Blocks\n      CardOrganization,\n      Unit,\n      DepartmentSub,\n      CardDepartment,\n      Rating,\n      EmptyState,\n      Contacts,\n      Socials,\n      // Sections\n      MembersAdd,\n      DetailsTabSection,\n      OrganizationsSection,\n      Publics,\n      Documents,\n      // Elements\n      ButtonToggleMembership,\n    },\n  },\n};\n\nexport default ModuleOrganization;\n"],"names":["routerOrganization","storeDepartments","storeMemberships","storeOrganizations","storeInvites","Organization","Department","OrganizationEdit","Organizations","DepartmentEdit","CardOrganization","Unit","DepartmentSub","CardDepartment","Rating","EmptyState","Contacts","Socials","MembersAdd","DetailsTabSection","OrganizationsSection","Publics","Documents","ButtonToggleMembership"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,SAAS,uBAAuB,KAAK,OAAO,QAAQ,UAAU,CAAA,GAAI;AAChE,QAAM,QAAQ,QAAQ,SAAS;AAE/B,SAAO,SAAS,OAAOA,qBAAkB;AAEzC,QAAM,SAAS,eAAeC,WAAgB;AAC9C,QAAM,SAAS,eAAeC,WAAgB;AAC9C,QAAM,SAAS,iBAAiBC,eAAkB;AAClD,QAAM,SAAS,WAAWC,OAAY;AACxC;AA8BK,MAAC,qBAAqB;AAAA,EACzB,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,OAAO;AAAA,MACX,kBAAMH;AAAAA,MACN,kBAAMC;AAAAA,MACN,oBAAMC;AAAAA,MACN,cAAMC;AAAAA,IACN;AAAA,IACI,QAAQ;AAAA,MACZ,oBAAMJ,cAAAA;AAAAA,IACN;AAAA,IACI,YAAY;AAAA;AAAA,MAEhB,cAAMK,aAAAA;AAAAA,MACN,YAAMC,WAAAA;AAAAA,MACN,kBAAMC,iBAAAA;AAAAA,MACN,eAAMC,cAAAA;AAAAA,MACN,gBAAMC,eAAAA;AAAAA;AAAAA,MAEN,kBAAMC,iBAAAA;AAAAA,MACN,MAAMC,KAAAA;AAAAA,MACN,eAAMC,cAAAA;AAAAA,MACN,gBAAMC,eAAAA;AAAAA,MACN,QAAMC,OAAAA;AAAAA,MACN,YAAMC,WAAAA;AAAAA,MACN,UAAMC,SAAAA;AAAAA,MACN,SAAMC,QAAAA;AAAAA;AAAAA,MAEN,YAAMC,WAAAA;AAAAA,MACN,mBAAMC,kBAAAA;AAAAA,MACN,sBAAMC,gBAAAA;AAAAA,MACN,SAAMC,QAAAA;AAAAA,MACN,WAAMC,UAAAA;AAAAA;AAAAA,MAEN,wBAAMC,uBAAAA;AAAAA,IACN;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"organizations.client.cjs","sources":["../../../../../src/modules/organizations/organizations.client.js"],"sourcesContent":["// Store\nimport * as storeDepartments from './store/departments.js';\nimport * as storeInvites from './store/invites.js';\nimport * as storeMemberships from './store/memberships.js';\nimport * as storeOrganizations from './store/organizations.js';\n\n// Router\nimport routerOrganization from './router/organizations.js';\n\n// Views\n// Pages\nimport Department from './components/pages/Department.vue';\nimport DepartmentEdit from './components/pages/DepartmentEdit.vue';\nimport Organization from './components/pages/Organization.vue';\nimport OrganizationEdit from './components/pages/OrganizationEdit.vue';\nimport Organizations from './components/pages/Organizations.vue';\n\n// Blocks\nimport CardDepartment from './components/blocks/CardDepartment.vue';\nimport CardOrganization from './components/blocks/CardOrganization.vue';\nimport Contacts from './components/blocks/Contacts.vue';\nimport DepartmentSub from './components/blocks/DepartmentSub.vue';\nimport EmptyState from './components/blocks/EmptyState.vue';\nimport Rating from './components/blocks/Rating.vue';\nimport Socials from './components/blocks/Socials.vue';\nimport Unit from './components/blocks/Unit.vue';\n\n// Sections\nimport Documents from './components/sections/Documents.vue';\nimport MembersAdd from './components/sections/MembersAdd.vue';\nimport OrganizationsSection from './components/sections/Organizations.vue';\nimport Publics from './components/sections/Publics.vue';\n\n// Elements\nimport ButtonToggleMembership from './components/elements/ButtonToggleMembership.vue';\n\n// Пример функции инициализации для модуля организаций\nfunction initializeOrganization(app, store, router, options = {}) {\n  const route = options.route || 'Home';\n\n  router.addRoute(route, routerOrganization);\n\n  store.addStore('departments', storeDepartments);\n  store.addStore('memberships', storeMemberships);\n  store.addStore('organizations', storeOrganizations);\n  store.addStore('invites', storeInvites);\n}\n\n// Export components, store modules, and routes\nexport {\n  ButtonToggleMembership,\n  CardDepartment,\n  CardOrganization,\n  Contacts,\n  Department,\n  DepartmentEdit,\n  DepartmentSub,\n  Documents,\n  EmptyState,\n  MembersAdd,\n  Organization,\n  OrganizationEdit,\n  Organizations,\n  OrganizationsSection,\n  Publics,\n  Rating,\n  Socials,\n  Unit,\n  routerOrganization,\n  storeDepartments,\n  storeInvites,\n  storeMemberships,\n  storeOrganizations,\n};\n\nconst ModuleOrganization = {\n  initialize: initializeOrganization,\n  views: {\n    store: {\n      storeDepartments,\n      storeMemberships,\n      storeOrganizations,\n      storeInvites,\n    },\n    router: {\n      routerOrganization,\n    },\n    components: {\n      // Pages\n      Organization,\n      Department,\n      OrganizationEdit,\n      Organizations,\n      DepartmentEdit,\n      // Blocks\n      CardOrganization,\n      Unit,\n      DepartmentSub,\n      CardDepartment,\n      Rating,\n      EmptyState,\n      Contacts,\n      Socials,\n      // Sections\n      MembersAdd,\n      OrganizationsSection,\n      Publics,\n      Documents,\n      // Elements\n      ButtonToggleMembership,\n    },\n  },\n};\n\nexport default ModuleOrganization;\n"],"names":["routerOrganization","storeDepartments","storeMemberships","storeOrganizations","storeInvites","Organization","Department","OrganizationEdit","Organizations","DepartmentEdit","CardOrganization","Unit","DepartmentSub","CardDepartment","Rating","EmptyState","Contacts","Socials","MembersAdd","OrganizationsSection","Publics","Documents","ButtonToggleMembership"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAqCA,SAAS,uBAAuB,KAAK,OAAO,QAAQ,UAAU,CAAA,GAAI;AAChE,QAAM,QAAQ,QAAQ,SAAS;AAE/B,SAAO,SAAS,OAAOA,qBAAkB;AAEzC,QAAM,SAAS,eAAeC,WAAgB;AAC9C,QAAM,SAAS,eAAeC,WAAgB;AAC9C,QAAM,SAAS,iBAAiBC,eAAkB;AAClD,QAAM,SAAS,WAAWC,OAAY;AACxC;AA6BK,MAAC,qBAAqB;AAAA,EACzB,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,OAAO;AAAA,MACX,kBAAMH;AAAAA,MACN,kBAAMC;AAAAA,MACN,oBAAMC;AAAAA,MACN,cAAMC;AAAAA,IACN;AAAA,IACI,QAAQ;AAAA,MACZ,oBAAMJ,cAAAA;AAAAA,IACN;AAAA,IACI,YAAY;AAAA;AAAA,MAEhB,cAAMK,aAAAA;AAAAA,MACN,YAAMC,WAAAA;AAAAA,MACN,kBAAMC,iBAAAA;AAAAA,MACN,eAAMC,cAAAA;AAAAA,MACN,gBAAMC,eAAAA;AAAAA;AAAAA,MAEN,kBAAMC,iBAAAA;AAAAA,MACN,MAAMC,KAAAA;AAAAA,MACN,eAAMC,cAAAA;AAAAA,MACN,gBAAMC,eAAAA;AAAAA,MACN,QAAMC,OAAAA;AAAAA,MACN,YAAMC,WAAAA;AAAAA,MACN,UAAMC,SAAAA;AAAAA,MACN,SAAMC,QAAAA;AAAAA;AAAAA,MAEN,YAAMC,WAAAA;AAAAA,MACN,sBAAMC,gBAAAA;AAAAA,MACN,SAAMC,QAAAA;AAAAA,MACN,WAAMC,UAAAA;AAAAA;AAAAA,MAEN,wBAAMC,uBAAAA;AAAAA,IACN;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;"}