@ozdao/martyrs 0.2.518 → 0.2.520

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

@@ -5,8 +5,8 @@ const vueRouter = require("vue-router");
 require("vue-i18n");
 ;/* empty css                                                   */
 ;/* empty css                                           */
-const Dropdown = require("../../../../components/Dropdown/Dropdown.vue.cjs");
-const Chips = require("../../../../components/Chips/Chips.vue.cjs");
+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");
@@ -21,8 +21,8 @@ const Products = require("../../../products/components/pages/Products.vue.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");
 const globals = require("../../../globals/views/store/globals.cjs");
 const organizations = require("../../store/organizations.cjs");
-const memberships = require("../../store/memberships.cjs");
-require("../../store/departments.cjs");
+const memberships_store = require("../../store/memberships.store.cjs");
+require("../../store/departments.store.cjs");
 const _hoisted_1 = {
   key: 0,
   class: "pd-thin for-transition w-100"
@@ -49,7 +49,7 @@ const _sfc_main = {
         user: auth.state.user._id,
         lookup: ["memberships"]
       });
-      await memberships.actions.read({ target: route.params._id });
+      await memberships_store.default.read({ target: route.params._id });
       if (typeof gtag === "function") {
         gtag("event", "view_organization", {
           organization_id: route.params._id,
@@ -61,7 +61,7 @@ const _sfc_main = {
       }
     });
     const handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {
-      memberships.mutations.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber);
+      memberships_store.default.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber);
     };
     return (_ctx, _cache) => {
       const _component_router_link = vue.resolveComponent("router-link");
@@ -124,7 +124,7 @@ const _sfc_main = {
             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"
+            class: "radius-medium 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"

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<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\t\t\n\t\t<!-- Backoffice -->\n\t\t<div v-if=\"MOBILE_APP\" @click=\"() => globals.state.isOpenSidebar = !globals.state.isOpenSidebar\"  class=\"pos-relative\">\n\t\t\t<div class=\"bg-light radius-medium pd-medium\">\n\t\t\t\t<p class=\"t-medium t-black-transp-60\">\n\t\t\t\t\tShow Menu\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<!-- Organization Info Section -->\n\t\t<!-- <div class=\"pos-relative\">\n\t\t\t<div class=\"bg-light radius-medium pd-medium\">\n\t\t\t\t<h3 class=\"mn-b-small\">About {{ organization.state.current?.profile?.name }}</h3>\n\t\t\t\t<p v-if=\"organization.state.current?.profile?.description\" class=\"t-medium\">\n\t\t\t\t\t{{ organization.state.current.profile.description }}\n\t\t\t\t</p>\n\t\t\t\t<p v-else class=\"t-medium t-black-transp-60\">\n\t\t\t\t\tNo description available.\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t</div> -->\n\n\t\t<Products/>\n\t</div>\n</template>\n\n<script setup>\n\timport { computed, reactive, ref, onMounted, watch  } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Import components\n\timport Breadcrumbs \tfrom '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue'\n\timport Block  \t\tfrom '@martyrs/src/components/Block/Block.vue'\n\timport Dropdown from \"@martyrs/src/components/Dropdown/Dropdown.vue\";\n\timport Text  \t\tfrom '@martyrs/src/components/Text/Text.vue'\n\timport Chips  from '@martyrs/src/components/Chips/Chips.vue'\n\t// Mobile Module\n\timport Menu from '@martyrs/src/components/Menu/Menu.vue'\n\timport MenuItem from '@martyrs/src/components/Menu/MenuItem.vue'\n\t// Icons\n\timport IconFollowing from '@martyrs/src/modules/icons/entities/IconFollowing.vue'\n\timport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\timport IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue'\n\timport PlaceholderOrganizationPic from '@martyrs/src/modules/icons/placeholders/PlaceholderOrganizationPic.vue'\n\t// Organizations\n\timport 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// Products modu;e\n\timport Products from '@martyrs/src//modules/products/components/pages/Products.vue'\n\t// Import state\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\timport * as globals from '@martyrs/src/modules/globals/views/store/globals.js'\n\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoMiBA,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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-medium\"/> -->\n\t\t<!-- <pre>{{organization.state.current}}</pre> -->\n\n\t\t<section class=\"flex-center flex flex-column t-center pd-medium radius-medium bg-light mn-b-thin\">\n\n\t\t\t<Dropdown \n\t\t\t\tv-if=\"auth.state.user._id !== organization.state.current.owner\"\n\t\t\t\t:label=\"{ component: IconEllipsis, class: 'i-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-medium bg-light flex-center flex mn-b-small w-8r\" \n\t\t\t/>\n\n\t\t\t<PlaceholderOrganizationPic\n\t\t\t\tv-else\n\t\t\t\tclass=\"radius-medium mn-b-small i-extra\"\n\t\t\t/>\n\n\t    <h1\n\t    \tclass=\"mn-b-thin\"\n\t    >\n\t  \t\t{{ organization.state.current.profile.name }}\n\t  \t</h1>\n\n\t   \t<div class=\"flex-center  pd-r-thin pd-l-thin flex-nowrap flex mn-t-thin bg-white radius-extra w-max\">\n\t   \t\t<IconFollowing class=\"i-medium mn-r-micro t-transp\"/>\n\n\t      <p class=\"mn-t-thin p-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\t\t\n\t\t<!-- Backoffice -->\n\t\t<div v-if=\"MOBILE_APP\" @click=\"() => globals.state.isOpenSidebar = !globals.state.isOpenSidebar\"  class=\"pos-relative\">\n\t\t\t<div class=\"bg-light radius-medium pd-medium\">\n\t\t\t\t<p class=\"t-medium t-black-transp-60\">\n\t\t\t\t\tShow Menu\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<!-- Organization Info Section -->\n\t\t<!-- <div class=\"pos-relative\">\n\t\t\t<div class=\"bg-light radius-medium pd-medium\">\n\t\t\t\t<h3 class=\"mn-b-small\">About {{ organization.state.current?.profile?.name }}</h3>\n\t\t\t\t<p v-if=\"organization.state.current?.profile?.description\" class=\"t-medium\">\n\t\t\t\t\t{{ organization.state.current.profile.description }}\n\t\t\t\t</p>\n\t\t\t\t<p v-else class=\"t-medium t-black-transp-60\">\n\t\t\t\t\tNo description available.\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t</div> -->\n\n\t\t<Products/>\n\t</div>\n</template>\n\n<script setup>\n\timport { computed, reactive, ref, onMounted, watch  } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Import components\n\timport Breadcrumbs \tfrom '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue'\n\timport Block  \t\tfrom '@martyrs/src/components/Block/Block.vue'\n\timport Dropdown from \"@martyrs/src/components/Dropdown/Dropdown.vue\";\n\timport Text  \t\tfrom '@martyrs/src/components/Text/Text.vue'\n\timport Chips  from '@martyrs/src/components/Chips/Chips.vue'\n\t// Mobile Module\n\timport Menu from '@martyrs/src/components/Menu/Menu.vue'\n\timport MenuItem from '@martyrs/src/components/Menu/MenuItem.vue'\n\t// Icons\n\timport IconFollowing from '@martyrs/src/modules/icons/entities/IconFollowing.vue'\n\timport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\timport IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue'\n\timport PlaceholderOrganizationPic from '@martyrs/src/modules/icons/placeholders/PlaceholderOrganizationPic.vue'\n\t// Organizations\n\timport 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// Products modu;e\n\timport Products from '@martyrs/src//modules/products/components/pages/Products.vue'\n\t// Import state\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\timport * as globals from '@martyrs/src/modules/globals/views/store/globals.js'\n\n\timport * as organization from '@martyrs/src/modules/organizations/store/organizations.js';\n\timport membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js';\n\timport departmentsStore from '@martyrs/src/modules/organizations/store/departments.store.js';\n\t// Init router\n\tconst router \t= useRouter()\n\tconst route \t= useRoute()\n\n\tconst organizationData = ref(null)\n\n\tonMounted(async () => {\n\t\t\n\t\torganizationData.value = await organization.actions.read({\n\t\t\t_id: route.params._id, \n\t\t\tuser: auth.state.user._id,\n\t\t\tlookup: ['memberships']\n\t\t})\n\n \t\tawait membershipsStore.read({target: route.params._id})\n\n \t\tif (typeof gtag === 'function') {\n\t\t\tgtag('event', 'view_organization', {\n\t\t\t\torganization_id: route.params._id,\n\t\t\t\torganization_name: organizationData.value?.profile?.name || 'unknown',\n\t\t\t\tpage_path: window.location.pathname,\n\t\t\t\tuser_id: auth.state.user._id || 'anonymous',\n\t\t\t\ttimestamp: new Date().toISOString()\n\t\t\t});\n\t\t}\n\t})\n\n\t// Methods\n\tconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n\t  membershipsStore.handleMembershipUpdate(organization.state.current, membership, status, target, statusName, statusNumber)\n\t};\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["useRouter","useRoute","ref","onMounted","organization.actions","auth.state","membershipsStore","organization.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoMiBA,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,kBAAAA,QAAiB,KAAK,EAAC,QAAQ,MAAM,OAAO,IAAG,CAAC;AAEtD,UAAI,OAAO,SAAS,YAAY;AAChC,aAAK,SAAS,qBAAqB;AAAA,UAClC,iBAAiB,MAAM,OAAO;AAAA,UAC9B,mBAAmB,iBAAiB,OAAO,SAAS,QAAQ;AAAA,UAC5D,WAAW,OAAO,SAAS;AAAA,UAC3B,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;AAC3FC,gCAAiB,uBAAuBC,cAAAA,MAAmB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAC1H;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -3,8 +3,8 @@ import { useRouter, useRoute } from "vue-router";
 import "vue-i18n";
 /* empty css                                                 */
 /* empty css                                         */
-import _sfc_main$1 from "../../../../components/Dropdown/Dropdown.vue.js";
-import _sfc_main$7 from "../../../../components/Chips/Chips.vue.js";
+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";
@@ -19,8 +19,8 @@ import _sfc_main$9 from "../../../products/components/pages/Products.vue.js";
 import { state } from "../../../auth/views/store/auth.js";
 import { state as state$2 } from "../../../globals/views/store/globals.js";
 import { actions, state as state$1 } from "../../store/organizations.js";
-import { actions as actions$1, mutations } from "../../store/memberships.js";
-import "../../store/departments.js";
+import membershipsStore from "../../store/memberships.store.js";
+import "../../store/departments.store.js";
 const _hoisted_1 = {
   key: 0,
   class: "pd-thin for-transition w-100"
@@ -47,7 +47,7 @@ const _sfc_main = {
         user: state.user._id,
         lookup: ["memberships"]
       });
-      await actions$1.read({ target: route.params._id });
+      await membershipsStore.read({ target: route.params._id });
       if (typeof gtag === "function") {
         gtag("event", "view_organization", {
           organization_id: route.params._id,
@@ -59,7 +59,7 @@ const _sfc_main = {
       }
     });
     const handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {
-      mutations.handleMembershipUpdate(state$1.current, membership, status, target, statusName, statusNumber);
+      membershipsStore.handleMembershipUpdate(state$1.current, membership, status, target, statusName, statusNumber);
     };
     return (_ctx, _cache) => {
       const _component_router_link = resolveComponent("router-link");
@@ -122,7 +122,7 @@ const _sfc_main = {
             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"
+            class: "radius-medium 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"

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<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\t\t\n\t\t<!-- Backoffice -->\n\t\t<div v-if=\"MOBILE_APP\" @click=\"() => globals.state.isOpenSidebar = !globals.state.isOpenSidebar\"  class=\"pos-relative\">\n\t\t\t<div class=\"bg-light radius-medium pd-medium\">\n\t\t\t\t<p class=\"t-medium t-black-transp-60\">\n\t\t\t\t\tShow Menu\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<!-- Organization Info Section -->\n\t\t<!-- <div class=\"pos-relative\">\n\t\t\t<div class=\"bg-light radius-medium pd-medium\">\n\t\t\t\t<h3 class=\"mn-b-small\">About {{ organization.state.current?.profile?.name }}</h3>\n\t\t\t\t<p v-if=\"organization.state.current?.profile?.description\" class=\"t-medium\">\n\t\t\t\t\t{{ organization.state.current.profile.description }}\n\t\t\t\t</p>\n\t\t\t\t<p v-else class=\"t-medium t-black-transp-60\">\n\t\t\t\t\tNo description available.\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t</div> -->\n\n\t\t<Products/>\n\t</div>\n</template>\n\n<script setup>\n\timport { computed, reactive, ref, onMounted, watch  } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Import components\n\timport Breadcrumbs \tfrom '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue'\n\timport Block  \t\tfrom '@martyrs/src/components/Block/Block.vue'\n\timport Dropdown from \"@martyrs/src/components/Dropdown/Dropdown.vue\";\n\timport Text  \t\tfrom '@martyrs/src/components/Text/Text.vue'\n\timport Chips  from '@martyrs/src/components/Chips/Chips.vue'\n\t// Mobile Module\n\timport Menu from '@martyrs/src/components/Menu/Menu.vue'\n\timport MenuItem from '@martyrs/src/components/Menu/MenuItem.vue'\n\t// Icons\n\timport IconFollowing from '@martyrs/src/modules/icons/entities/IconFollowing.vue'\n\timport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\timport IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue'\n\timport PlaceholderOrganizationPic from '@martyrs/src/modules/icons/placeholders/PlaceholderOrganizationPic.vue'\n\t// Organizations\n\timport 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// Products modu;e\n\timport Products from '@martyrs/src//modules/products/components/pages/Products.vue'\n\t// Import state\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\timport * as globals from '@martyrs/src/modules/globals/views/store/globals.js'\n\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoMiB,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Organization.vue.js","sources":["../../../../../../../src/modules/organizations/components/pages/Organization.vue"],"sourcesContent":["<template>\n\t<div v-if=\"organizationData\" class=\"pd-thin for-transition w-100\">\n\n\t\t<!-- <Breadcrumbs class=\"mn-b-thin pd-medium bg-light radius-medium\"/> -->\n\t\t<!-- <pre>{{organization.state.current}}</pre> -->\n\n\t\t<section class=\"flex-center flex flex-column t-center pd-medium radius-medium bg-light mn-b-thin\">\n\n\t\t\t<Dropdown \n\t\t\t\tv-if=\"auth.state.user._id !== organization.state.current.owner\"\n\t\t\t\t:label=\"{ component: IconEllipsis, class: 'i-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-medium bg-light flex-center flex mn-b-small w-8r\" \n\t\t\t/>\n\n\t\t\t<PlaceholderOrganizationPic\n\t\t\t\tv-else\n\t\t\t\tclass=\"radius-medium mn-b-small i-extra\"\n\t\t\t/>\n\n\t    <h1\n\t    \tclass=\"mn-b-thin\"\n\t    >\n\t  \t\t{{ organization.state.current.profile.name }}\n\t  \t</h1>\n\n\t   \t<div class=\"flex-center  pd-r-thin pd-l-thin flex-nowrap flex mn-t-thin bg-white radius-extra w-max\">\n\t   \t\t<IconFollowing class=\"i-medium mn-r-micro t-transp\"/>\n\n\t      <p class=\"mn-t-thin p-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\t\t\n\t\t<!-- Backoffice -->\n\t\t<div v-if=\"MOBILE_APP\" @click=\"() => globals.state.isOpenSidebar = !globals.state.isOpenSidebar\"  class=\"pos-relative\">\n\t\t\t<div class=\"bg-light radius-medium pd-medium\">\n\t\t\t\t<p class=\"t-medium t-black-transp-60\">\n\t\t\t\t\tShow Menu\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<!-- Organization Info Section -->\n\t\t<!-- <div class=\"pos-relative\">\n\t\t\t<div class=\"bg-light radius-medium pd-medium\">\n\t\t\t\t<h3 class=\"mn-b-small\">About {{ organization.state.current?.profile?.name }}</h3>\n\t\t\t\t<p v-if=\"organization.state.current?.profile?.description\" class=\"t-medium\">\n\t\t\t\t\t{{ organization.state.current.profile.description }}\n\t\t\t\t</p>\n\t\t\t\t<p v-else class=\"t-medium t-black-transp-60\">\n\t\t\t\t\tNo description available.\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t</div> -->\n\n\t\t<Products/>\n\t</div>\n</template>\n\n<script setup>\n\timport { computed, reactive, ref, onMounted, watch  } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Import components\n\timport Breadcrumbs \tfrom '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue'\n\timport Block  \t\tfrom '@martyrs/src/components/Block/Block.vue'\n\timport Dropdown from \"@martyrs/src/components/Dropdown/Dropdown.vue\";\n\timport Text  \t\tfrom '@martyrs/src/components/Text/Text.vue'\n\timport Chips  from '@martyrs/src/components/Chips/Chips.vue'\n\t// Mobile Module\n\timport Menu from '@martyrs/src/components/Menu/Menu.vue'\n\timport MenuItem from '@martyrs/src/components/Menu/MenuItem.vue'\n\t// Icons\n\timport IconFollowing from '@martyrs/src/modules/icons/entities/IconFollowing.vue'\n\timport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\timport IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue'\n\timport PlaceholderOrganizationPic from '@martyrs/src/modules/icons/placeholders/PlaceholderOrganizationPic.vue'\n\t// Organizations\n\timport 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// Products modu;e\n\timport Products from '@martyrs/src//modules/products/components/pages/Products.vue'\n\t// Import state\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\timport * as globals from '@martyrs/src/modules/globals/views/store/globals.js'\n\n\timport * as organization from '@martyrs/src/modules/organizations/store/organizations.js';\n\timport membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js';\n\timport departmentsStore from '@martyrs/src/modules/organizations/store/departments.store.js';\n\t// Init router\n\tconst router \t= useRouter()\n\tconst route \t= useRoute()\n\n\tconst organizationData = ref(null)\n\n\tonMounted(async () => {\n\t\t\n\t\torganizationData.value = await organization.actions.read({\n\t\t\t_id: route.params._id, \n\t\t\tuser: auth.state.user._id,\n\t\t\tlookup: ['memberships']\n\t\t})\n\n \t\tawait membershipsStore.read({target: route.params._id})\n\n \t\tif (typeof gtag === 'function') {\n\t\t\tgtag('event', 'view_organization', {\n\t\t\t\torganization_id: route.params._id,\n\t\t\t\torganization_name: organizationData.value?.profile?.name || 'unknown',\n\t\t\t\tpage_path: window.location.pathname,\n\t\t\t\tuser_id: auth.state.user._id || 'anonymous',\n\t\t\t\ttimestamp: new Date().toISOString()\n\t\t\t});\n\t\t}\n\t})\n\n\t// Methods\n\tconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n\t  membershipsStore.handleMembershipUpdate(organization.state.current, membership, status, target, statusName, statusNumber)\n\t};\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["organization.actions","auth.state","organization.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoMiB,cAAS;AACzB,UAAM,QAAS,SAAQ;AAEvB,UAAM,mBAAmB,IAAI,IAAI;AAEjC,cAAU,YAAY;AAErB,uBAAiB,QAAQ,MAAMA,QAAqB,KAAK;AAAA,QACxD,KAAK,MAAM,OAAO;AAAA,QAClB,MAAMC,MAAW,KAAK;AAAA,QACtB,QAAQ,CAAC,aAAa;AAAA,MACzB,CAAG;AAEA,YAAM,iBAAiB,KAAK,EAAC,QAAQ,MAAM,OAAO,IAAG,CAAC;AAEtD,UAAI,OAAO,SAAS,YAAY;AAChC,aAAK,SAAS,qBAAqB;AAAA,UAClC,iBAAiB,MAAM,OAAO;AAAA,UAC9B,mBAAmB,iBAAiB,OAAO,SAAS,QAAQ;AAAA,UAC5D,WAAW,OAAO,SAAS;AAAA,UAC3B,SAASA,MAAW,KAAK,OAAO;AAAA,UAChC,YAAW,oBAAI,KAAI,GAAG,YAAW;AAAA,QACrC,CAAI;AAAA,MACF;AAAA,IACD,CAAC;AAGD,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAM,GAAI,YAAY,iBAAiB;AAC3F,uBAAiB,uBAAuBC,QAAmB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAC1H;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -7,14 +7,14 @@ require("vue-i18n");
 const BlockTags = require("../../../../components/FieldTags/BlockTags.vue.cjs");
 ;/* empty css                                   */
 const Field = require("../../../../components/Field/Field.vue.cjs");
-;/* empty css                                         */
+;/* empty css                                          */
 const SelectMulti = require("../../../../components/SelectMulti/SelectMulti.vue2.cjs");
 const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.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");
-require("../../store/memberships.cjs");
+require("../../store/memberships.store.cjs");
 const _hoisted_1 = { class: "for-transition pd-thin" };
 const _hoisted_2 = { class: "mn-b-thin radius-small w-100 h-10r bg-light flex-center flex-column flex" };
 const _sfc_main = {

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

@@ -1 +1 @@
-{"version":3,"file":"OrganizationEdit.vue.cjs","sources":["../../../../../../../src/modules/organizations/components/pages/OrganizationEdit.vue"],"sourcesContent":["<template>\n<div class=\"for-transition pd-thin\">\n  \n  <h3 class=\"mn-b-small\">Type of group</h3>\n  <p class=\"mn-b-thin\">Public groups are open to everyone, whereas in exclusive groups only members can post. If you wish to make a group private, select 'hidden'.</p>\n  \n  <SelectMulti\n    v-model=\"organization.state.current.types\"\n    :options=\"['public','exclusive','hidden']\"\n    :multiple=\"false\"\n    :taggable=\"false\"\n    placeholder=\"Type to search or add type of organization\"\n    class=\"mn-b-semi bg-light pd-medium radius-small\" \n  />\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 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 * as memberships from '@martyrs/src/modules/organizations/store/memberships.js';\n\n  const route = useRoute()\n  const router = useRouter()\n\n  organization.actions.reset();\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  async function onDelete() {\n    if (route.params._id) {\n      await organization.actions.remove(route.params._id)\n      router.push({name: 'Organization'})\n    }\n  }\n\n  function redirectTo () {\n    router.replace({ name: 'Organization', params: { _id: organization.state.current._id }});\n  }\n</script>"],"names":["useRoute","useRouter","organization.actions","onMounted","computed","organization.state","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAmIE,UAAM,QAAQA,UAAAA,SAAQ;AACtB,UAAM,SAASC,UAAAA,UAAS;AAExBC,kBAAAA,QAAqB,MAAK;AAE1BC,QAAAA,UAAU,YAAS;AACjB,UAAI,MAAM,OAAO,KAAK;AACpB,cAAMD,cAAAA,QAAqB,KAAK,EAAE,KAAK,MAAM,OAAO,KAAK;AAAA,MAC3D;AAAA,IACF,CAAC;AAED,UAAM,mBAAmBE,IAAAA,SAAS,MAAMC,cAAAA,MAAmB,OAAO;AAElE,mBAAe,WAAW;AACxB,UAAI,MAAM,OAAO,KAAK;AACpB,cAAMH,cAAAA,QAAqB,OAAO,MAAM,OAAO,KAAK,iBAAiB,KAAK;AAAA,MAC5E,OAAO;AACL,cAAMA,cAAAA,QAAqB,OAAOG,cAAAA,MAAmB,SAASC,KAAAA,MAAW,KAAK,GAAG;AAAA,MACnF;AAAA,IACF;AASA,aAAS,aAAc;AACrB,aAAO,QAAQ,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAKD,cAAAA,MAAmB,QAAQ,IAAG,EAAE,CAAC;AAAA,IACzF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"OrganizationEdit.vue.cjs","sources":["../../../../../../../src/modules/organizations/components/pages/OrganizationEdit.vue"],"sourcesContent":["<template>\n<div class=\"for-transition pd-thin\">\n  \n  <h3 class=\"mn-b-small\">Type of group</h3>\n  <p class=\"mn-b-thin\">Public groups are open to everyone, whereas in exclusive groups only members can post. If you wish to make a group private, select 'hidden'.</p>\n  \n  <SelectMulti\n    v-model=\"organization.state.current.types\"\n    :options=\"['public','exclusive','hidden']\"\n    :multiple=\"false\"\n    :taggable=\"false\"\n    placeholder=\"Type to search or add type of organization\"\n    class=\"mn-b-semi bg-light pd-medium radius-small\" \n  />\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 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  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  async function onDelete() {\n    if (route.params._id) {\n      await organization.actions.remove(route.params._id)\n      router.push({name: 'Organization'})\n    }\n  }\n\n  function redirectTo () {\n    router.replace({ name: 'Organization', params: { _id: organization.state.current._id }});\n  }\n</script>"],"names":["useRoute","useRouter","organization.actions","onMounted","computed","organization.state","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAmIE,UAAM,QAAQA,UAAAA,SAAQ;AACtB,UAAM,SAASC,UAAAA,UAAS;AAExBC,kBAAAA,QAAqB,MAAK;AAE1BC,QAAAA,UAAU,YAAS;AACjB,UAAI,MAAM,OAAO,KAAK;AACpB,cAAMD,cAAAA,QAAqB,KAAK,EAAE,KAAK,MAAM,OAAO,KAAK;AAAA,MAC3D;AAAA,IACF,CAAC;AAED,UAAM,mBAAmBE,IAAAA,SAAS,MAAMC,cAAAA,MAAmB,OAAO;AAElE,mBAAe,WAAW;AACxB,UAAI,MAAM,OAAO,KAAK;AACpB,cAAMH,cAAAA,QAAqB,OAAO,MAAM,OAAO,KAAK,iBAAiB,KAAK;AAAA,MAC5E,OAAO;AACL,cAAMA,cAAAA,QAAqB,OAAOG,cAAAA,MAAmB,SAASC,KAAAA,MAAW,KAAK,GAAG;AAAA,MACnF;AAAA,IACF;AASA,aAAS,aAAc;AACrB,aAAO,QAAQ,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAKD,cAAAA,MAAmB,QAAQ,IAAG,EAAE,CAAC;AAAA,IACzF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -5,14 +5,14 @@ import "vue-i18n";
 import _sfc_main$3 from "../../../../components/FieldTags/BlockTags.vue.js";
 /* empty css                                 */
 import Field from "../../../../components/Field/Field.vue.js";
-/* empty css                                       */
+/* 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.vue.js";
 /* empty css                                      */
 import { state as state$1 } from "../../../auth/views/store/auth.js";
 import { actions, state } from "../../store/organizations.js";
-import "../../store/memberships.js";
+import "../../store/memberships.store.js";
 const _hoisted_1 = { class: "for-transition pd-thin" };
 const _hoisted_2 = { class: "mn-b-thin radius-small w-100 h-10r bg-light flex-center flex-column flex" };
 const _sfc_main = {

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\">Type of group</h3>\n  <p class=\"mn-b-thin\">Public groups are open to everyone, whereas in exclusive groups only members can post. If you wish to make a group private, select 'hidden'.</p>\n  \n  <SelectMulti\n    v-model=\"organization.state.current.types\"\n    :options=\"['public','exclusive','hidden']\"\n    :multiple=\"false\"\n    :taggable=\"false\"\n    placeholder=\"Type to search or add type of organization\"\n    class=\"mn-b-semi bg-light pd-medium radius-small\" \n  />\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 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 * as memberships from '@martyrs/src/modules/organizations/store/memberships.js';\n\n  const route = useRoute()\n  const router = useRouter()\n\n  organization.actions.reset();\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  async function onDelete() {\n    if (route.params._id) {\n      await organization.actions.remove(route.params._id)\n      router.push({name: 'Organization'})\n    }\n  }\n\n  function redirectTo () {\n    router.replace({ name: 'Organization', params: { _id: organization.state.current._id }});\n  }\n</script>"],"names":["organization.actions","organization.state","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;AAmIE,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAExBA,YAAqB,MAAK;AAE1B,cAAU,YAAS;AACjB,UAAI,MAAM,OAAO,KAAK;AACpB,cAAMA,QAAqB,KAAK,EAAE,KAAK,MAAM,OAAO,KAAK;AAAA,MAC3D;AAAA,IACF,CAAC;AAED,UAAM,mBAAmB,SAAS,MAAMC,MAAmB,OAAO;AAElE,mBAAe,WAAW;AACxB,UAAI,MAAM,OAAO,KAAK;AACpB,cAAMD,QAAqB,OAAO,MAAM,OAAO,KAAK,iBAAiB,KAAK;AAAA,MAC5E,OAAO;AACL,cAAMA,QAAqB,OAAOC,MAAmB,SAASC,QAAW,KAAK,GAAG;AAAA,MACnF;AAAA,IACF;AASA,aAAS,aAAc;AACrB,aAAO,QAAQ,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAKD,MAAmB,QAAQ,IAAG,EAAE,CAAC;AAAA,IACzF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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\">Type of group</h3>\n  <p class=\"mn-b-thin\">Public groups are open to everyone, whereas in exclusive groups only members can post. If you wish to make a group private, select 'hidden'.</p>\n  \n  <SelectMulti\n    v-model=\"organization.state.current.types\"\n    :options=\"['public','exclusive','hidden']\"\n    :multiple=\"false\"\n    :taggable=\"false\"\n    placeholder=\"Type to search or add type of organization\"\n    class=\"mn-b-semi bg-light pd-medium radius-small\" \n  />\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 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  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  async function onDelete() {\n    if (route.params._id) {\n      await organization.actions.remove(route.params._id)\n      router.push({name: 'Organization'})\n    }\n  }\n\n  function redirectTo () {\n    router.replace({ name: 'Organization', params: { _id: organization.state.current._id }});\n  }\n</script>"],"names":["organization.actions","organization.state","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;AAmIE,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAExBA,YAAqB,MAAK;AAE1B,cAAU,YAAS;AACjB,UAAI,MAAM,OAAO,KAAK;AACpB,cAAMA,QAAqB,KAAK,EAAE,KAAK,MAAM,OAAO,KAAK;AAAA,MAC3D;AAAA,IACF,CAAC;AAED,UAAM,mBAAmB,SAAS,MAAMC,MAAmB,OAAO;AAElE,mBAAe,WAAW;AACxB,UAAI,MAAM,OAAO,KAAK;AACpB,cAAMD,QAAqB,OAAO,MAAM,OAAO,KAAK,iBAAiB,KAAK;AAAA,MAC5E,OAAO;AACL,cAAMA,QAAqB,OAAOC,MAAmB,SAASC,QAAW,KAAK,GAAG;AAAA,MACnF;AAAA,IACF;AASA,aAAS,aAAc;AACrB,aAAO,QAAQ,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAKD,MAAmB,QAAQ,IAAG,EAAE,CAAC;AAAA,IACzF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -84,7 +84,7 @@ const _sfc_main = {
                       showRating: true,
                       showFollowers: true,
                       showProducts: false,
-                      class: "bg-light mn-b-thin w-100 o-hidden radius-big pd-medium"
+                      class: "bg-light mn-b-thin w-100 o-hidden radius-medium pd-medium"
                     }, null, 8, ["organization"]));
                     _item.memo = _memo;
                     return _item;

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

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

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

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

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const Field = require("../../../../components/Field/Field.vue.cjs");
-;/* empty css                                         */
+;/* empty css                                          */
 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");

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

@@ -1,6 +1,6 @@
 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                                       */
+/* empty css                                        */
 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";

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

@@ -5,7 +5,7 @@ const vueRouter = require("vue-router");
 require("../../../../../../node_modules/.pnpm/js-cookie@3.0.5/node_modules/js-cookie/dist/js.cookie.cjs");
 ;/* empty css                                   */
 ;/* empty css                                        */
-;/* empty css                                         */
+;/* empty css                                          */
 ;/* empty css                                         */
 ;/* empty css                                          */
 const CardOrganization = require("../blocks/CardOrganization.vue.cjs");
@@ -13,9 +13,9 @@ const EmptyState = require("../blocks/EmptyState.vue.cjs");
 require("./Unit.vue.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");
 const organizations = require("../../store/organizations.cjs");
-require("../../store/memberships.cjs");
+require("../../store/memberships.store.cjs");
 ;/* empty css                     */
-const _hoisted_1 = { class: "for-transition bg-white radius-big w-100" };
+const _hoisted_1 = { class: "for-transition bg-white radius-medium w-100" };
 const _hoisted_2 = { class: "" };
 const _hoisted_3 = {
   key: 1,

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

@@ -1 +1 @@
-{"version":3,"file":"Organizations.vue.cjs","sources":["../../../../../../../src/modules/organizations/components/sections/Organizations.vue"],"sourcesContent":["<template>\n\t<div class=\"for-transition bg-white radius-big w-100\">\n\t\t<div class=\"\">\n\t\t\t <EmptyState \n        v-if=\"organizations < 1\"\n        title=\"You Haven't Joined Any Organization Yet\"\n        description=\"Weeder is all about community. Join an organization or maybe you want to create your own?\"\n        action=\"Create organization\"\n        :callback=\"a = () => $router.push(`/app/organization/create/details`)\"\n      />\n\n      <div v-else class=\"cols-1\">\n      \t<CardOrganization \n\t    \t\t\t v-for=\"organization in organizations\" \n\t\t      \t:key=\"organization._id\"\n\t\t      \t:organization=\"organization\"\n\t\t      \t:user=\"auth.state.user\"\n\t\t\t\t\t\t@updateMembership=\"handleMembershipUpdate\"\n\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t\t:class=\"{'mn-r-small': index !== organizations.length - 1}\"\n\t\t    />\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 dependencies\n\timport Cookies from 'js-cookie'\n\t// Import components\n\t// Global\n\timport Tab  \t\tfrom '@martyrs/src/components/Tab/Tab.vue'\n\timport Field  \tfrom '@martyrs/src/components/Field/Field.vue'\n\timport Select  \tfrom '@martyrs/src/components/Select/Select.vue'\n\timport Button  \tfrom '@martyrs/src/components/Button/Button.vue'\n\t// Local\n\timport CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\t// Blocks\n\timport EmptyState \t\tfrom '@martyrs/src/modules/organizations/components/blocks/EmptyState.vue'\n\timport Unit   \tfrom '@martyrs/src/modules/organizations/components/sections/Unit.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\n\tconst props = defineProps({\n    owner: {\n      type: String,\n      default: null\n    },\n    user: {\n      type: [String, Number],\n      default: null\n    },\n    onlyuser: {\n      type: [String, Number],\n      default: null\n    }\n  });\n\n\tconst organizations = ref(null)\n\n\torganizations.value = await organization.actions.read({owner: props.owner, user: props.user, onlyuser: props.onlyuser });\n\t// Init router\n\tconst router \t= useRouter()\n\tconst route \t= useRoute()\n\t// Accesing state\n\t// console.log(route.query.tab)\n\tlet tab = route.query.tab ? route.query.tab : 'details';\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>\n\n<style lang=\"scss\">\n\t.slide-fade-enter-active {\n\t\t// min-height: 100vh;\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-leave-active {\n\t\t// min-height: 100vh;\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-enter-from,\n\t.slide-fade-leave-to {\n\t\tmin-height: 0;\n\t\tposition: absolute;\n\t  transform: translateX(20px);\n\t  opacity: 0;\n\t  left: 0;\n\t  top: 0;\n\t}\n\n</style>\n"],"names":["organizations","ref","_withAsyncContext","organization.actions","useRouter","useRoute","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CC,UAAM,QAAQ;AAed,UAAMA,kBAAgBC,IAAAA,IAAI,IAAI;AAE9BD,oBAAc,SAAQ,CAAA,QAAA,SAAA,IAAAE,IAAAA,iBAAA,MAAMC,cAAAA,QAAqB,KAAK,EAAC,OAAO,MAAM,OAAO,MAAM,MAAM,MAAM,UAAU,MAAM,SAAQ,CAAE,CAAA;AAEvH,UAAM,SAAUC,UAAAA,UAAS;AACzB,UAAM,QAASC,UAAAA,SAAQ;AAGvB,QAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM;AAE9C,UAAM,kBAAkBJ,IAAAA,IAAI,GAAG;AAE/B,UAAM,MAAM,MAAM,gBAAgB;AAElCK,cAAM,iBAAiB,CAAC,aAAa;AACnC,aAAO,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,OAAO,KAAK,SAAQ,GAAI;AAAA,IAC7D,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Organizations.vue.cjs","sources":["../../../../../../../src/modules/organizations/components/sections/Organizations.vue"],"sourcesContent":["<template>\n\t<div class=\"for-transition bg-white radius-medium w-100\">\n\t\t<div class=\"\">\n\t\t\t <EmptyState \n        v-if=\"organizations < 1\"\n        title=\"You Haven't Joined Any Organization Yet\"\n        description=\"Weeder is all about community. Join an organization or maybe you want to create your own?\"\n        action=\"Create organization\"\n        :callback=\"a = () => $router.push(`/app/organization/create/details`)\"\n      />\n\n      <div v-else class=\"cols-1\">\n      \t<CardOrganization \n\t    \t\t\t v-for=\"organization in organizations\" \n\t\t      \t:key=\"organization._id\"\n\t\t      \t:organization=\"organization\"\n\t\t      \t:user=\"auth.state.user\"\n\t\t\t\t\t\t@updateMembership=\"handleMembershipUpdate\"\n\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t\t:class=\"{'mn-r-small': index !== organizations.length - 1}\"\n\t\t    />\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 dependencies\n\timport Cookies from 'js-cookie'\n\t// Import components\n\t// Global\n\timport Tab  \t\tfrom '@martyrs/src/components/Tab/Tab.vue'\n\timport Field  \tfrom '@martyrs/src/components/Field/Field.vue'\n\timport Select  \tfrom '@martyrs/src/components/Select/Select.vue'\n\timport Button  \tfrom '@martyrs/src/components/Button/Button.vue'\n\t// Local\n\timport CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\t// Blocks\n\timport EmptyState \t\tfrom '@martyrs/src/modules/organizations/components/blocks/EmptyState.vue'\n\timport Unit   \tfrom '@martyrs/src/modules/organizations/components/sections/Unit.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 membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js'\n\n\tconst props = defineProps({\n    owner: {\n      type: String,\n      default: null\n    },\n    user: {\n      type: [String, Number],\n      default: null\n    },\n    onlyuser: {\n      type: [String, Number],\n      default: null\n    }\n  });\n\n\tconst organizations = ref(null)\n\n\torganizations.value = await organization.actions.read({owner: props.owner, user: props.user, onlyuser: props.onlyuser });\n\t// Init router\n\tconst router \t= useRouter()\n\tconst route \t= useRoute()\n\t// Accesing state\n\t// console.log(route.query.tab)\n\tlet tab = route.query.tab ? route.query.tab : 'details';\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>\n\n<style lang=\"scss\">\n\t.slide-fade-enter-active {\n\t\t// min-height: 100vh;\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-leave-active {\n\t\t// min-height: 100vh;\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-enter-from,\n\t.slide-fade-leave-to {\n\t\tmin-height: 0;\n\t\tposition: absolute;\n\t  transform: translateX(20px);\n\t  opacity: 0;\n\t  left: 0;\n\t  top: 0;\n\t}\n\n</style>\n"],"names":["organizations","ref","_withAsyncContext","organization.actions","useRouter","useRoute","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CC,UAAM,QAAQ;AAed,UAAMA,kBAAgBC,IAAAA,IAAI,IAAI;AAE9BD,oBAAc,SAAQ,CAAA,QAAA,SAAA,IAAAE,IAAAA,iBAAA,MAAMC,cAAAA,QAAqB,KAAK,EAAC,OAAO,MAAM,OAAO,MAAM,MAAM,MAAM,UAAU,MAAM,SAAQ,CAAE,CAAA;AAEvH,UAAM,SAAUC,UAAAA,UAAS;AACzB,UAAM,QAASC,UAAAA,SAAQ;AAGvB,QAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM;AAE9C,UAAM,kBAAkBJ,IAAAA,IAAI,GAAG;AAE/B,UAAM,MAAM,MAAM,gBAAgB;AAElCK,cAAM,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/Organizations.vue.js

@@ -3,7 +3,7 @@ import { useRouter, useRoute } from "vue-router";
 import "../../../../../../node_modules/.pnpm/js-cookie@3.0.5/node_modules/js-cookie/dist/js.cookie.js";
 /* empty css                                 */
 /* empty css                                      */
-/* empty css                                       */
+/* empty css                                        */
 /* empty css                                       */
 /* empty css                                        */
 import _sfc_main$2 from "../blocks/CardOrganization.vue.js";
@@ -11,9 +11,9 @@ import _sfc_main$1 from "../blocks/EmptyState.vue.js";
 import "./Unit.vue.js";
 import { state } from "../../../auth/views/store/auth.js";
 import { actions } from "../../store/organizations.js";
-import "../../store/memberships.js";
+import "../../store/memberships.store.js";
 /* empty css                   */
-const _hoisted_1 = { class: "for-transition bg-white radius-big w-100" };
+const _hoisted_1 = { class: "for-transition bg-white radius-medium w-100" };
 const _hoisted_2 = { class: "" };
 const _hoisted_3 = {
   key: 1,

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

@@ -1 +1 @@
-{"version":3,"file":"Organizations.vue.js","sources":["../../../../../../../src/modules/organizations/components/sections/Organizations.vue"],"sourcesContent":["<template>\n\t<div class=\"for-transition bg-white radius-big w-100\">\n\t\t<div class=\"\">\n\t\t\t <EmptyState \n        v-if=\"organizations < 1\"\n        title=\"You Haven't Joined Any Organization Yet\"\n        description=\"Weeder is all about community. Join an organization or maybe you want to create your own?\"\n        action=\"Create organization\"\n        :callback=\"a = () => $router.push(`/app/organization/create/details`)\"\n      />\n\n      <div v-else class=\"cols-1\">\n      \t<CardOrganization \n\t    \t\t\t v-for=\"organization in organizations\" \n\t\t      \t:key=\"organization._id\"\n\t\t      \t:organization=\"organization\"\n\t\t      \t:user=\"auth.state.user\"\n\t\t\t\t\t\t@updateMembership=\"handleMembershipUpdate\"\n\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t\t:class=\"{'mn-r-small': index !== organizations.length - 1}\"\n\t\t    />\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 dependencies\n\timport Cookies from 'js-cookie'\n\t// Import components\n\t// Global\n\timport Tab  \t\tfrom '@martyrs/src/components/Tab/Tab.vue'\n\timport Field  \tfrom '@martyrs/src/components/Field/Field.vue'\n\timport Select  \tfrom '@martyrs/src/components/Select/Select.vue'\n\timport Button  \tfrom '@martyrs/src/components/Button/Button.vue'\n\t// Local\n\timport CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\t// Blocks\n\timport EmptyState \t\tfrom '@martyrs/src/modules/organizations/components/blocks/EmptyState.vue'\n\timport Unit   \tfrom '@martyrs/src/modules/organizations/components/sections/Unit.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\n\tconst props = defineProps({\n    owner: {\n      type: String,\n      default: null\n    },\n    user: {\n      type: [String, Number],\n      default: null\n    },\n    onlyuser: {\n      type: [String, Number],\n      default: null\n    }\n  });\n\n\tconst organizations = ref(null)\n\n\torganizations.value = await organization.actions.read({owner: props.owner, user: props.user, onlyuser: props.onlyuser });\n\t// Init router\n\tconst router \t= useRouter()\n\tconst route \t= useRoute()\n\t// Accesing state\n\t// console.log(route.query.tab)\n\tlet tab = route.query.tab ? route.query.tab : 'details';\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>\n\n<style lang=\"scss\">\n\t.slide-fade-enter-active {\n\t\t// min-height: 100vh;\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-leave-active {\n\t\t// min-height: 100vh;\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-enter-from,\n\t.slide-fade-leave-to {\n\t\tmin-height: 0;\n\t\tposition: absolute;\n\t  transform: translateX(20px);\n\t  opacity: 0;\n\t  left: 0;\n\t  top: 0;\n\t}\n\n</style>\n"],"names":["organizations","_withAsyncContext","organization.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CC,UAAM,QAAQ;AAed,UAAMA,kBAAgB,IAAI,IAAI;AAE9BA,oBAAc,SAAQ,CAAA,QAAA,SAAA,IAAAC,iBAAA,MAAMC,QAAqB,KAAK,EAAC,OAAO,MAAM,OAAO,MAAM,MAAM,MAAM,UAAU,MAAM,SAAQ,CAAE,CAAA;AAEvH,UAAM,SAAU,UAAS;AACzB,UAAM,QAAS,SAAQ;AAGvB,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/sections/Organizations.vue"],"sourcesContent":["<template>\n\t<div class=\"for-transition bg-white radius-medium w-100\">\n\t\t<div class=\"\">\n\t\t\t <EmptyState \n        v-if=\"organizations < 1\"\n        title=\"You Haven't Joined Any Organization Yet\"\n        description=\"Weeder is all about community. Join an organization or maybe you want to create your own?\"\n        action=\"Create organization\"\n        :callback=\"a = () => $router.push(`/app/organization/create/details`)\"\n      />\n\n      <div v-else class=\"cols-1\">\n      \t<CardOrganization \n\t    \t\t\t v-for=\"organization in organizations\" \n\t\t      \t:key=\"organization._id\"\n\t\t      \t:organization=\"organization\"\n\t\t      \t:user=\"auth.state.user\"\n\t\t\t\t\t\t@updateMembership=\"handleMembershipUpdate\"\n\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t\t:class=\"{'mn-r-small': index !== organizations.length - 1}\"\n\t\t    />\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 dependencies\n\timport Cookies from 'js-cookie'\n\t// Import components\n\t// Global\n\timport Tab  \t\tfrom '@martyrs/src/components/Tab/Tab.vue'\n\timport Field  \tfrom '@martyrs/src/components/Field/Field.vue'\n\timport Select  \tfrom '@martyrs/src/components/Select/Select.vue'\n\timport Button  \tfrom '@martyrs/src/components/Button/Button.vue'\n\t// Local\n\timport CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\t// Blocks\n\timport EmptyState \t\tfrom '@martyrs/src/modules/organizations/components/blocks/EmptyState.vue'\n\timport Unit   \tfrom '@martyrs/src/modules/organizations/components/sections/Unit.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 membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js'\n\n\tconst props = defineProps({\n    owner: {\n      type: String,\n      default: null\n    },\n    user: {\n      type: [String, Number],\n      default: null\n    },\n    onlyuser: {\n      type: [String, Number],\n      default: null\n    }\n  });\n\n\tconst organizations = ref(null)\n\n\torganizations.value = await organization.actions.read({owner: props.owner, user: props.user, onlyuser: props.onlyuser });\n\t// Init router\n\tconst router \t= useRouter()\n\tconst route \t= useRoute()\n\t// Accesing state\n\t// console.log(route.query.tab)\n\tlet tab = route.query.tab ? route.query.tab : 'details';\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>\n\n<style lang=\"scss\">\n\t.slide-fade-enter-active {\n\t\t// min-height: 100vh;\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-leave-active {\n\t\t// min-height: 100vh;\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-enter-from,\n\t.slide-fade-leave-to {\n\t\tmin-height: 0;\n\t\tposition: absolute;\n\t  transform: translateX(20px);\n\t  opacity: 0;\n\t  left: 0;\n\t  top: 0;\n\t}\n\n</style>\n"],"names":["organizations","_withAsyncContext","organization.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CC,UAAM,QAAQ;AAed,UAAMA,kBAAgB,IAAI,IAAI;AAE9BA,oBAAc,SAAQ,CAAA,QAAA,SAAA,IAAAC,iBAAA,MAAMC,QAAqB,KAAK,EAAC,OAAO,MAAM,OAAO,MAAM,MAAM,MAAM,UAAU,MAAM,SAAQ,CAAE,CAAA;AAEvH,UAAM,SAAU,UAAS;AACzB,UAAM,QAAS,SAAQ;AAGvB,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/Publics.vue.cjs

@@ -5,7 +5,7 @@ const CardOrganization = require("../blocks/CardOrganization.vue.cjs");
 const EmptyState = require("../../../../components/EmptyState/EmptyState.vue.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");
 const organizations = require("../../store/organizations.cjs");
-const memberships = require("../../store/memberships.cjs");
+const memberships_store = require("../../store/memberships.store.cjs");
 ;/* empty css               */
 const _hoisted_1 = { class: "w-100 o-scroll" };
 const _hoisted_2 = {
@@ -24,7 +24,7 @@ const _sfc_main = {
       });
     });
     const handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {
-      memberships.mutations.handleMembershipUpdate(publics.value, membership, status, target, statusName, statusNumber);
+      memberships_store.default.handleMembershipUpdate(publics.value, membership, status, target, statusName, statusNumber);
     };
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
@@ -32,7 +32,7 @@ const _sfc_main = {
           key: 0,
           title: "Unfortunately, we couldn't find any recommendations for you",
           description: "Explore and find a community or organization that suits your interests.",
-          class: "radius-big bg-light pd-medium"
+          class: "radius-medium bg-light pd-medium"
         })) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
           vue.unref(publics) ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(vue.unref(publics), (organization, index) => {
             return vue.openBlock(), vue.createBlock(CardOrganization.default, {
@@ -40,7 +40,7 @@ const _sfc_main = {
               organization,
               user: auth.state.user,
               onUpdateMembership: _cache[0] || (_cache[0] = (event) => handleMembershipUpdate(event, "isSubscriber", "numberOfSubscribers")),
-              class: "w-max-20r radius-big"
+              class: "w-max-20r radius-medium"
             }, null, 8, ["organization", "user"]);
           }), 128)) : vue.createCommentVNode("", true)
         ]))

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

@@ -1 +1 @@
-{"version":3,"file":"Publics.vue.cjs","sources":["../../../../../../../src/modules/organizations/components/sections/Publics.vue"],"sourcesContent":["<template>\n\t<div class=\"w-100 o-scroll\">\n\t\t<EmptyState \n      \t\tv-if=\"!publics || publics.length < 1\"\n      \t\ttitle=\"Unfortunately, we couldn't find any recommendations for you\"\n      \t\tdescription=\"Explore and find a community or organization that suits your interests.\"\n      \t\tclass=\"radius-big bg-light pd-medium\"\n    \t/>\n    \t\n\t    <div v-else class=\"w-max gap-thin flex-nowrap flex\">\n\t    \t<CardOrganization \n\t    \t\tv-if=\"publics\"\n\t        \tv-for=\"(organization,index) in publics\" \n\t        \t:key=\"organization._id\" \n\t\t      \t:organization=\"organization\"\n\t\t      \t:user=\"auth.state.user\"\n\t\t\t\t\t\t@updateMembership=\"event => handleMembershipUpdate(event, 'isSubscriber', 'numberOfSubscribers')\"\n\t\t\t\t\t\tclass=\"w-max-20r radius-big\"\n\t\t    />\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\n\timport { onMounted, ref } from 'vue'\n\timport CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\timport EmptyState from '@martyrs/src/components/EmptyState/EmptyState.vue'\n\t\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\n\tlet publics = ref(null)\n\n\tonMounted(async () => {\n\t\tpublics.value = await organization.actions.read({\n\t\t\tuser: auth.state.user._id,\n\t\t\tsortParam: \"profile.tags\",\n\t\t\tlimit: 10,\n\t\t});\n\t});\n\n\t// Methods\n\tconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n\t  memberships.mutations.handleMembershipUpdate(publics.value, membership, status, target, statusName, statusNumber)\n\t};\n</script>\n\n<style lang=\"scss\">\n\t.slide-fade-enter-active {\n\t\t// min-height: 100vh;\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-leave-active {\n\t\t// min-height: 100vh;\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-enter-from,\n\t.slide-fade-leave-to {\n\t\tmin-height: 0;\n\t\tposition: absolute;\n\t  transform: translateX(20px);\n\t  opacity: 0;\n\t  left: 0;\n\t  top: 0;\n\t}\n\n</style>\n"],"names":["ref","onMounted","organization.actions","auth.state","memberships.mutations"],"mappings":";;;;;;;;;;;;;;;;;AAgCC,QAAI,UAAUA,IAAAA,IAAI,IAAI;AAEtBC,QAAAA,UAAU,YAAY;AACrB,cAAQ,QAAQ,MAAMC,cAAAA,QAAqB,KAAK;AAAA,QAC/C,MAAMC,KAAAA,MAAW,KAAK;AAAA,QACtB,WAAW;AAAA,QACX,OAAO;AAAA,MACV,CAAG;AAAA,IACF,CAAC;AAGD,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAM,GAAI,YAAY,iBAAiB;AAC3FC,4BAAsB,uBAAuB,QAAQ,OAAO,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAClH;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Publics.vue.cjs","sources":["../../../../../../../src/modules/organizations/components/sections/Publics.vue"],"sourcesContent":["<template>\n\t<div class=\"w-100 o-scroll\">\n\t\t<EmptyState \n      \t\tv-if=\"!publics || publics.length < 1\"\n      \t\ttitle=\"Unfortunately, we couldn't find any recommendations for you\"\n      \t\tdescription=\"Explore and find a community or organization that suits your interests.\"\n      \t\tclass=\"radius-medium bg-light pd-medium\"\n    \t/>\n    \t\n\t    <div v-else class=\"w-max gap-thin flex-nowrap flex\">\n\t    \t<CardOrganization \n\t    \t\tv-if=\"publics\"\n\t        \tv-for=\"(organization,index) in publics\" \n\t        \t:key=\"organization._id\" \n\t\t      \t:organization=\"organization\"\n\t\t      \t:user=\"auth.state.user\"\n\t\t\t\t\t\t@updateMembership=\"event => handleMembershipUpdate(event, 'isSubscriber', 'numberOfSubscribers')\"\n\t\t\t\t\t\tclass=\"w-max-20r radius-medium\"\n\t\t    />\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\n\timport { onMounted, ref } from 'vue'\n\timport CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\timport EmptyState from '@martyrs/src/components/EmptyState/EmptyState.vue'\n\t\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 membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js'\n\n\tlet publics = ref(null)\n\n\tonMounted(async () => {\n\t\tpublics.value = await organization.actions.read({\n\t\t\tuser: auth.state.user._id,\n\t\t\tsortParam: \"profile.tags\",\n\t\t\tlimit: 10,\n\t\t});\n\t});\n\n\t// Methods\n\tconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n\t  membershipsStore.handleMembershipUpdate(publics.value, membership, status, target, statusName, statusNumber)\n\t};\n</script>\n\n<style lang=\"scss\">\n\t.slide-fade-enter-active {\n\t\t// min-height: 100vh;\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-leave-active {\n\t\t// min-height: 100vh;\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-enter-from,\n\t.slide-fade-leave-to {\n\t\tmin-height: 0;\n\t\tposition: absolute;\n\t  transform: translateX(20px);\n\t  opacity: 0;\n\t  left: 0;\n\t  top: 0;\n\t}\n\n</style>\n"],"names":["ref","onMounted","organization.actions","auth.state","membershipsStore"],"mappings":";;;;;;;;;;;;;;;;;AAgCC,QAAI,UAAUA,IAAAA,IAAI,IAAI;AAEtBC,QAAAA,UAAU,YAAY;AACrB,cAAQ,QAAQ,MAAMC,cAAAA,QAAqB,KAAK;AAAA,QAC/C,MAAMC,KAAAA,MAAW,KAAK;AAAA,QACtB,WAAW;AAAA,QACX,OAAO;AAAA,MACV,CAAG;AAAA,IACF,CAAC;AAGD,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAM,GAAI,YAAY,iBAAiB;AAC3FC,gCAAiB,uBAAuB,QAAQ,OAAO,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAC7G;;;;;;;;;;;;;;;;;;;;;;;;"}