@ozdao/martyrs 0.2.477 → 0.2.478

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

@@ -1 +1 @@
-{"version":3,"file":"Organization.vue.cjs","sources":["../../../../../../../src/modules/organizations/components/pages/Organization.vue"],"sourcesContent":["<template>\n\t<div v-if=\"organizationData\" class=\"pd-thin for-transition w-100\">\n\n\t\t<!-- <Breadcrumbs class=\"mn-b-thin pd-medium bg-light radius-big\"/> -->\n\t\t<!-- <pre>{{organization.state.current}}</pre> -->\n\n\t\t<DetailsTabSection \t\n\t\t\t:organization=\"organization.state.current\" \n\t\t\t:user=\"auth.state.user\"\n\t\t\tclass=\"mn-b-thin\"\n\t\t>\n\n\t\t</DetailsTabSection>\n\n\t\t<Tab \n\t\t\tv-model:selected=\"tabOrganization\"\n\t\t\t:tabs=\"[\n\t\t\t\t{ name: 'Community', value: 'community' },\n\t\t\t\t{ name: 'Menu', value: 'products' },\t\n\t\t\t\t{ name: 'Events', value: 'events' },\n\t\t\t\t{ name: 'Spots', value: 'spots' }\t\n\t\t\t]\"\n\t\t\tclass=\"mn-b-thin o-x-scroll scroll-hide flex-child-default o-hidden t-medium p-medium radius-medium pd-thin bg-light\"\n\t\t/>\n\n\t\t<div class=\"h-100 pos-relative\">\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t    <Feed\n\t\t    \tv-if=\"tabOrganization === 'community'\"\n\t\t\t    :showLoadMore=\"false\"\n\t\t\t    :states=\"{\n\t\t\t      empty: {\n\t\t\t        title: 'No Blog Posts Found',\n\t\t\t        description: 'Currently, there are no posts available in this blog. Please check back later.'\n\t\t\t      }\n\t\t\t    }\"\n\t\t\t    :store=\"{\n\t\t\t      read: (options) => blog.read(options)\n\t\t\t    }\"\n\t\t\t    :options=\"{\n\t\t\t      status: 'published',\n\t\t\t      user: auth.state.user._id,\n\t\t\t      owner: route.params._id,\n\t\t\t    }\"\n\t\t\t    v-slot=\"{ \n\t\t\t      items \n\t\t\t    }\"\n\t\t\t    class=\"row-1 gap-thin\"\n\t\t\t  >\n\t\t\t    <CardBlogpost \n\t\t\t      v-for=\"item in items\" \n\t\t\t      :key=\"item._id\" \n\t\t\t      :blogpost=\"item\" \n\t\t\t      :user=\"auth.state.user._id\" \n\t\t\t      class=\"h-max-40r mn-b-medium\"\n\t\t\t    />\n\t\t\t  </Feed>\n\t\t\t</transition>\n\n\t\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<FeedEvents \n\t\t\t\t\tv-if=\"tabOrganization === 'events'\"\n\t\t\t  \t:user=\"auth.state.user._id\"\n\t\t\t\t\t:owner=\"route.params._id\"\n\t\t\t\t\t:sortOrder=\"'desc'\"\n\t\t\t\t\t:sortParam=\"'date.start'\"\n\t\t\t\t/>\n\t\t\t</transition>\n\n\t\t\t\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<Products \n\t\t\t\t\tv-if=\"tabOrganization === 'products'\"\n\t\t\t\t\t:organization=\"organization.state.current\"\n\t\t\t\t>\n\t\t\t\t\t<Block\n\t\t\t\t\t\tv-if=\"hasAccess(route.params._id, null, null, auth.state.accesses, auth.state.access.roles)\"\n\t\t\t\t\t\tclass=\"o-x-scroll scroll-hide w-100 pos-relative mn-b-small\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div class=\"w-100 gap-thin flex flex-nowrap\t o-x-scroll\">\n\t\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\t\tclass=\"bg-black t-nowrap t-white uppercase t-semi pd-thin radius-small \"\n\t\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\t\tname:'Organization_ProductAdd', \n\t\t\t\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t\t\t\t_id: route.params._id\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tAdd Product\n\t\t\t\t\t\t\t</router-link>\n\n\t\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\t\tclass=\" uppercase t-nowrap t-semi  pd-thin\"\n\t\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\t\tname:'Leftovers', \n\t\t\t\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t\t\t\t_id: route.params._id\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tChange Invetory\n\t\t\t\t\t\t\t</router-link>\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\t\tclass=\"d-block t-nowrap  mn-l-auto uppercase t-semi bg-white pd-thin radius-small \"\n\t\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\t\tname:'Backoffice', \n\t\t\t\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t\t\t\t_id: route.params._id\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tGo to Backoffice\n\t\t\t\t\t\t\t</router-link>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Block>\n\t\t\t\t</Products>\n\n\t\t\t</transition>\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<div v-if=\"tabOrganization === 'spots'\">\n\t\t\t\t\t<Feed\n\t\t\t      :states=\"{\n\t\t\t        empty: {\n\t\t\t          title: 'No Spots Found',\n\t\t\t          description: 'Currently, there are no spots available.'\n\t\t\t        }\n\t\t\t      }\"\n\t\t\t      :store=\"{\n\t\t\t        read: (options) => spots.actions.read(options),\n\t\t\t        state: organization.state\n\t\t\t      }\"\n\t\t\t      :options=\"{\n\t\t\t        \tuser: auth.state.user._id,\n\t\t\t\t\t\t\t\torganization: route.params._id,\n\t\t\t\t\t\t\t\tlimit: 10\n\t\t\t      }\"\n\t\t\t      v-slot=\"{ \n\t\t\t        items \n\t\t\t      }\"\n\t\t\t    >\n\t\t\t    \t<CardSpot\n\t\t          v-for=\"(spot, index) in items\"\n\t\t          :key=\"index\"\n\t\t          :spot=\"spot\"\n\t\t          :organization=\"organization.state.current\"\n\t\t          :editAccess=\"hasAccess(route.params._id, 'spots', 'edit', auth.state.accesses, auth.state.access.roles)\"\n\t\t          :showDeliveryOptions=\"true\"\n\t\t          :showPaymentOptions=\"true\"\n\t\t          class=\"radius-big bg-light mn-b-thin\"\n\t\t        />\n\t\t\t    </Feed>\n\n\t\t\t    <button\n\t          v-if=\"hasAccess(route.params._id, 'spots', 'create', auth.state.accesses, auth.state.access.roles)\"\n\t          @click=\"$router.push(`/spots/${organization.state.current._id}/spots/create`)\"\n\t          class=\"mn-b-thin bg-main button w-100\"\n\t        >\n\t          Add spot\n\t        </button>\n\n\t\t\t\t</div>\n\t\t\t</transition>\n\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\n\timport { computed, reactive, ref, onMounted, watch  } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Import components\n\timport Breadcrumbs \tfrom '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue'\n\timport Tab  \t\tfrom '@martyrs/src/components/Tab/Tab.vue'\n\timport Block  \t\tfrom '@martyrs/src/components/Block/Block.vue'\n\timport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\t// Community\n\t  import CardBlogpost from '@martyrs/src/modules/community/components/blocks/CardBlogpost.vue';\n\t// Mobile Module\n\timport Menu from '@martyrs/src/components/Menu/Menu.vue'\n\timport MenuItem from '@martyrs/src/components/Menu/MenuItem.vue'\n\t// Organizations\n\timport DepartmentSub from '@martyrs/src/modules/organizations/components/blocks/DepartmentSub.vue';\n\timport DetailsTabSection from '@martyrs/src/modules/organizations/components/sections/DetailsTabSection.vue'\n\timport User from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\n\t// Feeds\n\timport FeedEvents from '@martyrs/src/modules/events/components/sections/Feed.vue'; \n\t// Spots\n\timport CardSpot from '@martyrs/src/modules/spots/components/blocks/CardSpot.vue';\t\n\t// Local\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';\n\timport * as organization from '@martyrs/src/modules/organizations/store/organizations';\n\timport * as memberships from '@martyrs/src/modules/organizations/store/memberships';\n\timport * as departments from '@martyrs/src/modules/organizations/store/departments';\n\t// Community\n  import * as blog from '@martyrs/src/modules/community/store/blogposts.js';\n\t// Spots\n\timport * as spots from '@martyrs/src/modules/spots/store/spots';\n\t// Init router\n\tconst router \t= useRouter()\n\tconst route \t= useRoute()\n\t// Accesing state\n\tlet tab = route.query.tab ? route.query.tab : 'products';\n\n\tconst organizationData = ref(null)\n\n\tconst tabOrganization = ref(tab)\n\n\troute.query.tab = tabOrganization.value\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\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":["useRouter","useRoute","ref","onMounted","organization.actions","auth.state","memberships.actions","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+MC,UAAM,SAAUA,UAAS,UAAA;AACzB,UAAM,QAASC,UAAQ,SAAA;AAEvB,QAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM;AAE9C,UAAM,mBAAmBC,IAAAA,IAAI,IAAI;AAEjC,UAAM,kBAAkBA,IAAAA,IAAI,GAAG;AAE/B,UAAM,MAAM,MAAM,gBAAgB;AAElCC,QAAAA,UAAU,YAAY;;AAErB,uBAAiB,QAAQ,MAAMC,cAAoB,QAAC,KAAK;AAAA,QACxD,KAAK,MAAM,OAAO;AAAA,QAClB,MAAMC,KAAAA,MAAW,KAAK;AAAA,QACtB,QAAQ,CAAC,aAAa;AAAA,MACtB,CAAA;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,qBAAmB,4BAAiB,UAAjB,mBAAwB,YAAxB,mBAAiC,SAAQ;AAAA,UAC5D,WAAW,OAAO,SAAS;AAAA,UAC3B,SAASD,KAAU,MAAC,KAAK,OAAO;AAAA,UAChC,YAAW,oBAAI,KAAI,GAAG,YAAW;AAAA,QACrC,CAAI;AAAA,MACJ;AAAA,IACE,CAAA;AAEDE,cAAM,iBAAiB,CAAC,aAAa;AACnC,aAAO,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,OAAO,KAAK,SAAQ,GAAI;AAAA,IAC9D,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Organization.vue.cjs","sources":["../../../../../../../src/modules/organizations/components/pages/Organization.vue"],"sourcesContent":["<template>\n\t<div v-if=\"organizationData\" class=\"pd-thin for-transition w-100\">\n\n\t\t<!-- <Breadcrumbs class=\"mn-b-thin pd-medium bg-light radius-big\"/> -->\n\t\t<!-- <pre>{{organization.state.current}}</pre> -->\n\n\t\t<DetailsTabSection \t\n\t\t\t:organization=\"organization.state.current\" \n\t\t\t:user=\"auth.state.user\"\n\t\t\tclass=\"mn-b-thin\"\n\t\t>\n\n\t\t</DetailsTabSection>\n\n\t\t<Tab \n\t\t\tv-model:selected=\"tabOrganization\"\n\t\t\t:tabs=\"[\n\t\t\t\t{ name: 'Community', value: 'community' },\n\t\t\t\t{ name: 'Menu', value: 'products' },\t\n\t\t\t\t{ name: 'Events', value: 'events' },\n\t\t\t\t{ name: 'Spots', value: 'spots' }\t\n\t\t\t]\"\n\t\t\tclass=\"mn-b-thin o-x-scroll scroll-hide flex-child-default o-hidden t-medium p-medium radius-medium pd-thin bg-light\"\n\t\t/>\n\n\t\t<div class=\"h-100 pos-relative\">\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t    <Feed\n\t\t    \tv-if=\"tabOrganization === 'community'\"\n\t\t\t    :showLoadMore=\"false\"\n\t\t\t    :states=\"{\n\t\t\t      empty: {\n\t\t\t        title: 'No Blog Posts Found',\n\t\t\t        description: 'Currently, there are no posts available in this blog. Please check back later.'\n\t\t\t      }\n\t\t\t    }\"\n\t\t\t    :store=\"{\n\t\t\t      read: (options) => blog.read(options)\n\t\t\t    }\"\n\t\t\t    :options=\"{\n\t\t\t      status: 'published',\n\t\t\t      user: auth.state.user._id,\n\t\t\t      owner: route.params._id,\n\t\t\t    }\"\n\t\t\t    v-slot=\"{ \n\t\t\t      items \n\t\t\t    }\"\n\t\t\t    class=\"rows-1 gap-thin\"\n\t\t\t  >\n\t\t\t    <CardBlogpost \n\t\t\t      v-for=\"item in items\" \n\t\t\t      :key=\"item._id\" \n\t\t\t      :blogpost=\"item\" \n\t\t\t      :user=\"auth.state.user._id\" \n\t\t\t      class=\"h-max-40r bg-light radius-medium\"\n\t\t\t    />\n\t\t\t  </Feed>\n\t\t\t</transition>\n\n\t\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<FeedEvents \n\t\t\t\t\tv-if=\"tabOrganization === 'events'\"\n\t\t\t  \t:user=\"auth.state.user._id\"\n\t\t\t\t\t:owner=\"route.params._id\"\n\t\t\t\t\t:sortOrder=\"'desc'\"\n\t\t\t\t\t:sortParam=\"'date.start'\"\n\t\t\t\t/>\n\t\t\t</transition>\n\n\t\t\t\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<Products \n\t\t\t\t\tv-if=\"tabOrganization === 'products'\"\n\t\t\t\t\t:organization=\"organization.state.current\"\n\t\t\t\t>\n\t\t\t\t\t<Block\n\t\t\t\t\t\tv-if=\"hasAccess(route.params._id, null, null, auth.state.accesses, auth.state.access.roles)\"\n\t\t\t\t\t\tclass=\"o-x-scroll pd-small scroll-hide w-100 pos-relative mn-b-thin\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div class=\"w-100 gap-thin flex flex-nowrap\t o-x-scroll\">\n\t\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\t\tclass=\"bg-black t-nowrap t-white uppercase t-semi pd-thin radius-small \"\n\t\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\t\tname:'Organization_ProductAdd', \n\t\t\t\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t\t\t\t_id: route.params._id\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tAdd Product\n\t\t\t\t\t\t\t</router-link>\n\n\t\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\t\tclass=\" uppercase t-nowrap t-semi  pd-thin\"\n\t\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\t\tname:'Leftovers', \n\t\t\t\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t\t\t\t_id: route.params._id\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tChange Invetory\n\t\t\t\t\t\t\t</router-link>\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\t\tclass=\"d-block t-nowrap  mn-l-auto uppercase t-semi bg-white pd-thin radius-small \"\n\t\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\t\tname:'Backoffice', \n\t\t\t\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t\t\t\t_id: route.params._id\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tGo to Backoffice\n\t\t\t\t\t\t\t</router-link>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Block>\n\t\t\t\t</Products>\n\n\t\t\t</transition>\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<div v-if=\"tabOrganization === 'spots'\">\n\t\t\t\t\t<Feed\n\t\t\t      :states=\"{\n\t\t\t        empty: {\n\t\t\t          title: 'No Spots Found',\n\t\t\t          description: 'Currently, there are no spots available.'\n\t\t\t        }\n\t\t\t      }\"\n\t\t\t      :store=\"{\n\t\t\t        read: (options) => spots.actions.read(options),\n\t\t\t        state: organization.state\n\t\t\t      }\"\n\t\t\t      :options=\"{\n\t\t\t        \tuser: auth.state.user._id,\n\t\t\t\t\t\t\t\torganization: route.params._id,\n\t\t\t\t\t\t\t\tlimit: 10\n\t\t\t      }\"\n\t\t\t      v-slot=\"{ \n\t\t\t        items \n\t\t\t      }\"\n\t\t\t    >\n\t\t\t    \t<CardSpot\n\t\t          v-for=\"(spot, index) in items\"\n\t\t          :key=\"index\"\n\t\t          :spot=\"spot\"\n\t\t          :organization=\"organization.state.current\"\n\t\t          :editAccess=\"hasAccess(route.params._id, 'spots', 'edit', auth.state.accesses, auth.state.access.roles)\"\n\t\t          :showDeliveryOptions=\"true\"\n\t\t          :showPaymentOptions=\"true\"\n\t\t          class=\"radius-medium bg-light mn-b-thin\"\n\t\t        />\n\t\t\t    </Feed>\n\n\t\t\t    <button\n\t          v-if=\"hasAccess(route.params._id, 'spots', 'create', auth.state.accesses, auth.state.access.roles)\"\n\t          @click=\"$router.push(`/spots/${organization.state.current._id}/spots/create`)\"\n\t          class=\"mn-b-thin bg-main button w-100\"\n\t        >\n\t          Add spot\n\t        </button>\n\n\t\t\t\t</div>\n\t\t\t</transition>\n\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\n\timport { computed, reactive, ref, onMounted, watch  } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Import components\n\timport Breadcrumbs \tfrom '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue'\n\timport Tab  \t\tfrom '@martyrs/src/components/Tab/Tab.vue'\n\timport Block  \t\tfrom '@martyrs/src/components/Block/Block.vue'\n\timport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\t// Community\n\t  import CardBlogpost from '@martyrs/src/modules/community/components/blocks/CardBlogpost.vue';\n\t// Mobile Module\n\timport Menu from '@martyrs/src/components/Menu/Menu.vue'\n\timport MenuItem from '@martyrs/src/components/Menu/MenuItem.vue'\n\t// Organizations\n\timport DepartmentSub from '@martyrs/src/modules/organizations/components/blocks/DepartmentSub.vue';\n\timport DetailsTabSection from '@martyrs/src/modules/organizations/components/sections/DetailsTabSection.vue'\n\timport User from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\n\t// Feeds\n\timport FeedEvents from '@martyrs/src/modules/events/components/sections/Feed.vue'; \n\t// Spots\n\timport CardSpot from '@martyrs/src/modules/spots/components/blocks/CardSpot.vue';\t\n\t// Local\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 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// Community\n  import * as blog from '@martyrs/src/modules/community/store/blogposts.js';\n\t// Spots\n\timport * as spots from '@martyrs/src/modules/spots/store/spots.js';\n\t// Init router\n\tconst router \t= useRouter()\n\tconst route \t= useRoute()\n\t// Accesing state\n\tlet tab = route.query.tab ? route.query.tab : 'products';\n\n\tconst organizationData = ref(null)\n\n\tconst tabOrganization = ref(tab)\n\n\troute.query.tab = tabOrganization.value\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\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":["useRouter","useRoute","ref","onMounted","organization.actions","auth.state","memberships.actions","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+MC,UAAM,SAAUA,UAAS,UAAA;AACzB,UAAM,QAASC,UAAQ,SAAA;AAEvB,QAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM;AAE9C,UAAM,mBAAmBC,IAAAA,IAAI,IAAI;AAEjC,UAAM,kBAAkBA,IAAAA,IAAI,GAAG;AAE/B,UAAM,MAAM,MAAM,gBAAgB;AAElCC,QAAAA,UAAU,YAAY;;AAErB,uBAAiB,QAAQ,MAAMC,cAAoB,QAAC,KAAK;AAAA,QACxD,KAAK,MAAM,OAAO;AAAA,QAClB,MAAMC,KAAAA,MAAW,KAAK;AAAA,QACtB,QAAQ,CAAC,aAAa;AAAA,MACtB,CAAA;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,qBAAmB,4BAAiB,UAAjB,mBAAwB,YAAxB,mBAAiC,SAAQ;AAAA,UAC5D,WAAW,OAAO,SAAS;AAAA,UAC3B,SAASD,KAAU,MAAC,KAAK,OAAO;AAAA,UAChC,YAAW,oBAAI,KAAI,GAAG,YAAW;AAAA,QACrC,CAAI;AAAA,MACJ;AAAA,IACE,CAAA;AAEDE,cAAM,iBAAiB,CAAC,aAAa;AACnC,aAAO,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,OAAO,KAAK,SAAQ,GAAI;AAAA,IAC9D,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -6,7 +6,7 @@ import _sfc_main$2 from "../../../../components/Tab/Tab.vue2.js";
 import _sfc_main$7 from "../../../../components/Block/Block.vue.js";
 import _sfc_main$3 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$4 from "../../../community/components/blocks/CardBlogpost.vue.js";
-/* empty css                                    */
+/* empty css                                   */
 import "../../../../components/Menu/MenuItem.vue.js";
 import _sfc_main$1 from "../sections/DetailsTabSection.vue.js";
 import _sfc_main$5 from "../../../events/components/sections/Feed.vue.js";
@@ -95,7 +95,7 @@ const _sfc_main = {
                   user: state.user._id,
                   owner: unref(route).params._id
                 },
-                class: "row-1 gap-thin"
+                class: "rows-1 gap-thin"
               }, {
                 default: withCtx(({
                   items
@@ -105,7 +105,7 @@ const _sfc_main = {
                       key: item._id,
                       blogpost: item,
                       user: state.user._id,
-                      class: "h-max-40r mn-b-medium"
+                      class: "h-max-40r bg-light radius-medium"
                     }, null, 8, ["blogpost", "user"]);
                   }), 128))
                 ]),
@@ -135,7 +135,7 @@ const _sfc_main = {
                 default: withCtx(() => [
                   _ctx.hasAccess(unref(route).params._id, null, null, state.accesses, state.access.roles) ? (openBlock(), createBlock(_sfc_main$7, {
                     key: 0,
-                    class: "o-x-scroll scroll-hide w-100 pos-relative mn-b-small"
+                    class: "o-x-scroll pd-small scroll-hide w-100 pos-relative mn-b-thin"
                   }, {
                     default: withCtx(() => [
                       createElementVNode("div", _hoisted_3, [
@@ -222,7 +222,7 @@ const _sfc_main = {
                         editAccess: _ctx.hasAccess(unref(route).params._id, "spots", "edit", state.accesses, state.access.roles),
                         showDeliveryOptions: true,
                         showPaymentOptions: true,
-                        class: "radius-big bg-light mn-b-thin"
+                        class: "radius-medium bg-light mn-b-thin"
                       }, null, 8, ["spot", "organization", "editAccess"]);
                     }), 128))
                   ]),

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

@@ -1 +1 @@
-{"version":3,"file":"Organization.vue.js","sources":["../../../../../../../src/modules/organizations/components/pages/Organization.vue"],"sourcesContent":["<template>\n\t<div v-if=\"organizationData\" class=\"pd-thin for-transition w-100\">\n\n\t\t<!-- <Breadcrumbs class=\"mn-b-thin pd-medium bg-light radius-big\"/> -->\n\t\t<!-- <pre>{{organization.state.current}}</pre> -->\n\n\t\t<DetailsTabSection \t\n\t\t\t:organization=\"organization.state.current\" \n\t\t\t:user=\"auth.state.user\"\n\t\t\tclass=\"mn-b-thin\"\n\t\t>\n\n\t\t</DetailsTabSection>\n\n\t\t<Tab \n\t\t\tv-model:selected=\"tabOrganization\"\n\t\t\t:tabs=\"[\n\t\t\t\t{ name: 'Community', value: 'community' },\n\t\t\t\t{ name: 'Menu', value: 'products' },\t\n\t\t\t\t{ name: 'Events', value: 'events' },\n\t\t\t\t{ name: 'Spots', value: 'spots' }\t\n\t\t\t]\"\n\t\t\tclass=\"mn-b-thin o-x-scroll scroll-hide flex-child-default o-hidden t-medium p-medium radius-medium pd-thin bg-light\"\n\t\t/>\n\n\t\t<div class=\"h-100 pos-relative\">\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t    <Feed\n\t\t    \tv-if=\"tabOrganization === 'community'\"\n\t\t\t    :showLoadMore=\"false\"\n\t\t\t    :states=\"{\n\t\t\t      empty: {\n\t\t\t        title: 'No Blog Posts Found',\n\t\t\t        description: 'Currently, there are no posts available in this blog. Please check back later.'\n\t\t\t      }\n\t\t\t    }\"\n\t\t\t    :store=\"{\n\t\t\t      read: (options) => blog.read(options)\n\t\t\t    }\"\n\t\t\t    :options=\"{\n\t\t\t      status: 'published',\n\t\t\t      user: auth.state.user._id,\n\t\t\t      owner: route.params._id,\n\t\t\t    }\"\n\t\t\t    v-slot=\"{ \n\t\t\t      items \n\t\t\t    }\"\n\t\t\t    class=\"row-1 gap-thin\"\n\t\t\t  >\n\t\t\t    <CardBlogpost \n\t\t\t      v-for=\"item in items\" \n\t\t\t      :key=\"item._id\" \n\t\t\t      :blogpost=\"item\" \n\t\t\t      :user=\"auth.state.user._id\" \n\t\t\t      class=\"h-max-40r mn-b-medium\"\n\t\t\t    />\n\t\t\t  </Feed>\n\t\t\t</transition>\n\n\t\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<FeedEvents \n\t\t\t\t\tv-if=\"tabOrganization === 'events'\"\n\t\t\t  \t:user=\"auth.state.user._id\"\n\t\t\t\t\t:owner=\"route.params._id\"\n\t\t\t\t\t:sortOrder=\"'desc'\"\n\t\t\t\t\t:sortParam=\"'date.start'\"\n\t\t\t\t/>\n\t\t\t</transition>\n\n\t\t\t\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<Products \n\t\t\t\t\tv-if=\"tabOrganization === 'products'\"\n\t\t\t\t\t:organization=\"organization.state.current\"\n\t\t\t\t>\n\t\t\t\t\t<Block\n\t\t\t\t\t\tv-if=\"hasAccess(route.params._id, null, null, auth.state.accesses, auth.state.access.roles)\"\n\t\t\t\t\t\tclass=\"o-x-scroll scroll-hide w-100 pos-relative mn-b-small\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div class=\"w-100 gap-thin flex flex-nowrap\t o-x-scroll\">\n\t\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\t\tclass=\"bg-black t-nowrap t-white uppercase t-semi pd-thin radius-small \"\n\t\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\t\tname:'Organization_ProductAdd', \n\t\t\t\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t\t\t\t_id: route.params._id\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tAdd Product\n\t\t\t\t\t\t\t</router-link>\n\n\t\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\t\tclass=\" uppercase t-nowrap t-semi  pd-thin\"\n\t\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\t\tname:'Leftovers', \n\t\t\t\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t\t\t\t_id: route.params._id\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tChange Invetory\n\t\t\t\t\t\t\t</router-link>\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\t\tclass=\"d-block t-nowrap  mn-l-auto uppercase t-semi bg-white pd-thin radius-small \"\n\t\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\t\tname:'Backoffice', \n\t\t\t\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t\t\t\t_id: route.params._id\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tGo to Backoffice\n\t\t\t\t\t\t\t</router-link>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Block>\n\t\t\t\t</Products>\n\n\t\t\t</transition>\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<div v-if=\"tabOrganization === 'spots'\">\n\t\t\t\t\t<Feed\n\t\t\t      :states=\"{\n\t\t\t        empty: {\n\t\t\t          title: 'No Spots Found',\n\t\t\t          description: 'Currently, there are no spots available.'\n\t\t\t        }\n\t\t\t      }\"\n\t\t\t      :store=\"{\n\t\t\t        read: (options) => spots.actions.read(options),\n\t\t\t        state: organization.state\n\t\t\t      }\"\n\t\t\t      :options=\"{\n\t\t\t        \tuser: auth.state.user._id,\n\t\t\t\t\t\t\t\torganization: route.params._id,\n\t\t\t\t\t\t\t\tlimit: 10\n\t\t\t      }\"\n\t\t\t      v-slot=\"{ \n\t\t\t        items \n\t\t\t      }\"\n\t\t\t    >\n\t\t\t    \t<CardSpot\n\t\t          v-for=\"(spot, index) in items\"\n\t\t          :key=\"index\"\n\t\t          :spot=\"spot\"\n\t\t          :organization=\"organization.state.current\"\n\t\t          :editAccess=\"hasAccess(route.params._id, 'spots', 'edit', auth.state.accesses, auth.state.access.roles)\"\n\t\t          :showDeliveryOptions=\"true\"\n\t\t          :showPaymentOptions=\"true\"\n\t\t          class=\"radius-big bg-light mn-b-thin\"\n\t\t        />\n\t\t\t    </Feed>\n\n\t\t\t    <button\n\t          v-if=\"hasAccess(route.params._id, 'spots', 'create', auth.state.accesses, auth.state.access.roles)\"\n\t          @click=\"$router.push(`/spots/${organization.state.current._id}/spots/create`)\"\n\t          class=\"mn-b-thin bg-main button w-100\"\n\t        >\n\t          Add spot\n\t        </button>\n\n\t\t\t\t</div>\n\t\t\t</transition>\n\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\n\timport { computed, reactive, ref, onMounted, watch  } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Import components\n\timport Breadcrumbs \tfrom '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue'\n\timport Tab  \t\tfrom '@martyrs/src/components/Tab/Tab.vue'\n\timport Block  \t\tfrom '@martyrs/src/components/Block/Block.vue'\n\timport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\t// Community\n\t  import CardBlogpost from '@martyrs/src/modules/community/components/blocks/CardBlogpost.vue';\n\t// Mobile Module\n\timport Menu from '@martyrs/src/components/Menu/Menu.vue'\n\timport MenuItem from '@martyrs/src/components/Menu/MenuItem.vue'\n\t// Organizations\n\timport DepartmentSub from '@martyrs/src/modules/organizations/components/blocks/DepartmentSub.vue';\n\timport DetailsTabSection from '@martyrs/src/modules/organizations/components/sections/DetailsTabSection.vue'\n\timport User from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\n\t// Feeds\n\timport FeedEvents from '@martyrs/src/modules/events/components/sections/Feed.vue'; \n\t// Spots\n\timport CardSpot from '@martyrs/src/modules/spots/components/blocks/CardSpot.vue';\t\n\t// Local\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';\n\timport * as organization from '@martyrs/src/modules/organizations/store/organizations';\n\timport * as memberships from '@martyrs/src/modules/organizations/store/memberships';\n\timport * as departments from '@martyrs/src/modules/organizations/store/departments';\n\t// Community\n  import * as blog from '@martyrs/src/modules/community/store/blogposts.js';\n\t// Spots\n\timport * as spots from '@martyrs/src/modules/spots/store/spots';\n\t// Init router\n\tconst router \t= useRouter()\n\tconst route \t= useRoute()\n\t// Accesing state\n\tlet tab = route.query.tab ? route.query.tab : 'products';\n\n\tconst organizationData = ref(null)\n\n\tconst tabOrganization = ref(tab)\n\n\troute.query.tab = tabOrganization.value\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\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":["organization.actions","auth.state","memberships.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+MC,UAAM,SAAU,UAAS;AACzB,UAAM,QAAS,SAAQ;AAEvB,QAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM;AAE9C,UAAM,mBAAmB,IAAI,IAAI;AAEjC,UAAM,kBAAkB,IAAI,GAAG;AAE/B,UAAM,MAAM,MAAM,gBAAgB;AAElC,cAAU,YAAY;;AAErB,uBAAiB,QAAQ,MAAMA,QAAqB,KAAK;AAAA,QACxD,KAAK,MAAM,OAAO;AAAA,QAClB,MAAMC,MAAW,KAAK;AAAA,QACtB,QAAQ,CAAC,aAAa;AAAA,MACtB,CAAA;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,qBAAmB,4BAAiB,UAAjB,mBAAwB,YAAxB,mBAAiC,SAAQ;AAAA,UAC5D,WAAW,OAAO,SAAS;AAAA,UAC3B,SAASD,MAAW,KAAK,OAAO;AAAA,UAChC,YAAW,oBAAI,KAAI,GAAG,YAAW;AAAA,QACrC,CAAI;AAAA,MACJ;AAAA,IACE,CAAA;AAED,UAAM,iBAAiB,CAAC,aAAa;AACnC,aAAO,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,OAAO,KAAK,SAAQ,GAAI;AAAA,IAC9D,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Organization.vue.js","sources":["../../../../../../../src/modules/organizations/components/pages/Organization.vue"],"sourcesContent":["<template>\n\t<div v-if=\"organizationData\" class=\"pd-thin for-transition w-100\">\n\n\t\t<!-- <Breadcrumbs class=\"mn-b-thin pd-medium bg-light radius-big\"/> -->\n\t\t<!-- <pre>{{organization.state.current}}</pre> -->\n\n\t\t<DetailsTabSection \t\n\t\t\t:organization=\"organization.state.current\" \n\t\t\t:user=\"auth.state.user\"\n\t\t\tclass=\"mn-b-thin\"\n\t\t>\n\n\t\t</DetailsTabSection>\n\n\t\t<Tab \n\t\t\tv-model:selected=\"tabOrganization\"\n\t\t\t:tabs=\"[\n\t\t\t\t{ name: 'Community', value: 'community' },\n\t\t\t\t{ name: 'Menu', value: 'products' },\t\n\t\t\t\t{ name: 'Events', value: 'events' },\n\t\t\t\t{ name: 'Spots', value: 'spots' }\t\n\t\t\t]\"\n\t\t\tclass=\"mn-b-thin o-x-scroll scroll-hide flex-child-default o-hidden t-medium p-medium radius-medium pd-thin bg-light\"\n\t\t/>\n\n\t\t<div class=\"h-100 pos-relative\">\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t    <Feed\n\t\t    \tv-if=\"tabOrganization === 'community'\"\n\t\t\t    :showLoadMore=\"false\"\n\t\t\t    :states=\"{\n\t\t\t      empty: {\n\t\t\t        title: 'No Blog Posts Found',\n\t\t\t        description: 'Currently, there are no posts available in this blog. Please check back later.'\n\t\t\t      }\n\t\t\t    }\"\n\t\t\t    :store=\"{\n\t\t\t      read: (options) => blog.read(options)\n\t\t\t    }\"\n\t\t\t    :options=\"{\n\t\t\t      status: 'published',\n\t\t\t      user: auth.state.user._id,\n\t\t\t      owner: route.params._id,\n\t\t\t    }\"\n\t\t\t    v-slot=\"{ \n\t\t\t      items \n\t\t\t    }\"\n\t\t\t    class=\"rows-1 gap-thin\"\n\t\t\t  >\n\t\t\t    <CardBlogpost \n\t\t\t      v-for=\"item in items\" \n\t\t\t      :key=\"item._id\" \n\t\t\t      :blogpost=\"item\" \n\t\t\t      :user=\"auth.state.user._id\" \n\t\t\t      class=\"h-max-40r bg-light radius-medium\"\n\t\t\t    />\n\t\t\t  </Feed>\n\t\t\t</transition>\n\n\t\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<FeedEvents \n\t\t\t\t\tv-if=\"tabOrganization === 'events'\"\n\t\t\t  \t:user=\"auth.state.user._id\"\n\t\t\t\t\t:owner=\"route.params._id\"\n\t\t\t\t\t:sortOrder=\"'desc'\"\n\t\t\t\t\t:sortParam=\"'date.start'\"\n\t\t\t\t/>\n\t\t\t</transition>\n\n\t\t\t\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<Products \n\t\t\t\t\tv-if=\"tabOrganization === 'products'\"\n\t\t\t\t\t:organization=\"organization.state.current\"\n\t\t\t\t>\n\t\t\t\t\t<Block\n\t\t\t\t\t\tv-if=\"hasAccess(route.params._id, null, null, auth.state.accesses, auth.state.access.roles)\"\n\t\t\t\t\t\tclass=\"o-x-scroll pd-small scroll-hide w-100 pos-relative mn-b-thin\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div class=\"w-100 gap-thin flex flex-nowrap\t o-x-scroll\">\n\t\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\t\tclass=\"bg-black t-nowrap t-white uppercase t-semi pd-thin radius-small \"\n\t\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\t\tname:'Organization_ProductAdd', \n\t\t\t\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t\t\t\t_id: route.params._id\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tAdd Product\n\t\t\t\t\t\t\t</router-link>\n\n\t\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\t\tclass=\" uppercase t-nowrap t-semi  pd-thin\"\n\t\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\t\tname:'Leftovers', \n\t\t\t\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t\t\t\t_id: route.params._id\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tChange Invetory\n\t\t\t\t\t\t\t</router-link>\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\t\tclass=\"d-block t-nowrap  mn-l-auto uppercase t-semi bg-white pd-thin radius-small \"\n\t\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\t\tname:'Backoffice', \n\t\t\t\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t\t\t\t_id: route.params._id\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tGo to Backoffice\n\t\t\t\t\t\t\t</router-link>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Block>\n\t\t\t\t</Products>\n\n\t\t\t</transition>\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<div v-if=\"tabOrganization === 'spots'\">\n\t\t\t\t\t<Feed\n\t\t\t      :states=\"{\n\t\t\t        empty: {\n\t\t\t          title: 'No Spots Found',\n\t\t\t          description: 'Currently, there are no spots available.'\n\t\t\t        }\n\t\t\t      }\"\n\t\t\t      :store=\"{\n\t\t\t        read: (options) => spots.actions.read(options),\n\t\t\t        state: organization.state\n\t\t\t      }\"\n\t\t\t      :options=\"{\n\t\t\t        \tuser: auth.state.user._id,\n\t\t\t\t\t\t\t\torganization: route.params._id,\n\t\t\t\t\t\t\t\tlimit: 10\n\t\t\t      }\"\n\t\t\t      v-slot=\"{ \n\t\t\t        items \n\t\t\t      }\"\n\t\t\t    >\n\t\t\t    \t<CardSpot\n\t\t          v-for=\"(spot, index) in items\"\n\t\t          :key=\"index\"\n\t\t          :spot=\"spot\"\n\t\t          :organization=\"organization.state.current\"\n\t\t          :editAccess=\"hasAccess(route.params._id, 'spots', 'edit', auth.state.accesses, auth.state.access.roles)\"\n\t\t          :showDeliveryOptions=\"true\"\n\t\t          :showPaymentOptions=\"true\"\n\t\t          class=\"radius-medium bg-light mn-b-thin\"\n\t\t        />\n\t\t\t    </Feed>\n\n\t\t\t    <button\n\t          v-if=\"hasAccess(route.params._id, 'spots', 'create', auth.state.accesses, auth.state.access.roles)\"\n\t          @click=\"$router.push(`/spots/${organization.state.current._id}/spots/create`)\"\n\t          class=\"mn-b-thin bg-main button w-100\"\n\t        >\n\t          Add spot\n\t        </button>\n\n\t\t\t\t</div>\n\t\t\t</transition>\n\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\n\timport { computed, reactive, ref, onMounted, watch  } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Import components\n\timport Breadcrumbs \tfrom '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue'\n\timport Tab  \t\tfrom '@martyrs/src/components/Tab/Tab.vue'\n\timport Block  \t\tfrom '@martyrs/src/components/Block/Block.vue'\n\timport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\t// Community\n\t  import CardBlogpost from '@martyrs/src/modules/community/components/blocks/CardBlogpost.vue';\n\t// Mobile Module\n\timport Menu from '@martyrs/src/components/Menu/Menu.vue'\n\timport MenuItem from '@martyrs/src/components/Menu/MenuItem.vue'\n\t// Organizations\n\timport DepartmentSub from '@martyrs/src/modules/organizations/components/blocks/DepartmentSub.vue';\n\timport DetailsTabSection from '@martyrs/src/modules/organizations/components/sections/DetailsTabSection.vue'\n\timport User from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\n\t// Feeds\n\timport FeedEvents from '@martyrs/src/modules/events/components/sections/Feed.vue'; \n\t// Spots\n\timport CardSpot from '@martyrs/src/modules/spots/components/blocks/CardSpot.vue';\t\n\t// Local\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 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// Community\n  import * as blog from '@martyrs/src/modules/community/store/blogposts.js';\n\t// Spots\n\timport * as spots from '@martyrs/src/modules/spots/store/spots.js';\n\t// Init router\n\tconst router \t= useRouter()\n\tconst route \t= useRoute()\n\t// Accesing state\n\tlet tab = route.query.tab ? route.query.tab : 'products';\n\n\tconst organizationData = ref(null)\n\n\tconst tabOrganization = ref(tab)\n\n\troute.query.tab = tabOrganization.value\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\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":["organization.actions","auth.state","memberships.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+MC,UAAM,SAAU,UAAS;AACzB,UAAM,QAAS,SAAQ;AAEvB,QAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM;AAE9C,UAAM,mBAAmB,IAAI,IAAI;AAEjC,UAAM,kBAAkB,IAAI,GAAG;AAE/B,UAAM,MAAM,MAAM,gBAAgB;AAElC,cAAU,YAAY;;AAErB,uBAAiB,QAAQ,MAAMA,QAAqB,KAAK;AAAA,QACxD,KAAK,MAAM,OAAO;AAAA,QAClB,MAAMC,MAAW,KAAK;AAAA,QACtB,QAAQ,CAAC,aAAa;AAAA,MACtB,CAAA;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,qBAAmB,4BAAiB,UAAjB,mBAAwB,YAAxB,mBAAiC,SAAQ;AAAA,UAC5D,WAAW,OAAO,SAAS;AAAA,UAC3B,SAASD,MAAW,KAAK,OAAO;AAAA,UAChC,YAAW,oBAAI,KAAI,GAAG,YAAW;AAAA,QACrC,CAAI;AAAA,MACJ;AAAA,IACE,CAAA;AAED,UAAM,iBAAiB,CAAC,aAAa;AACnC,aAAO,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,OAAO,KAAK,SAAQ,GAAI;AAAA,IAC9D,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Menu = require("../../../../components/Menu/Menu.vue.cjs");
+const Menu = require("../../../../components/Menu/Menu.vue2.cjs");
 const MenuItem = require("../../../../components/Menu/MenuItem.vue.cjs");
-;/* empty css                                                    */
+;/* empty css                                                   */
 const IconProducts = require("../../../icons/entities/IconProducts.vue.cjs");
 const IconEvents = require("../../../icons/entities/IconEvents.vue.cjs");
 const IconGroups = require("../../../icons/entities/IconGroups.vue.cjs");

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

@@ -1 +1 @@
-{"version":3,"file":"OrganizationBackoffice.vue.cjs","sources":["../../../../../../../src/modules/organizations/components/pages/OrganizationBackoffice.vue"],"sourcesContent":["<template>\n\t<div class=\"bg-white pd-medium\">\n\t\t\n\t\t<!-- --------------------------------------------------------------- -->\n\t\t<!-- ДОБАВИТЬ СЮДА ДРОПДАУН С ВЫБОРОМ ОРГАНИЗАЦИИ ПОЛЬЗОВАТЕЛЯ -->\n\t\t<!-- --------------------------------------------------------------- -->\n\t\t<Menu \n\t\t\tclass=\"bg-light mn-b-semi\"\n\t\t>\n\t\t\t<MenuItem \n\t\t\t\tv-if=\"hasAccess(route.params._id, 'members', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Organization Members', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\"\n\t\t  >\n\t\t  \t<IconGroups class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t    <span>\n\t\t    \tMembers\n\t\t    </span>\n\t\t  </MenuItem>\n\n\t\t  <!-- <MenuItem \n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Backoffice Community', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t    <span>\n\t\t    \tCommunity\n\t\t    </span>\n\t\t  </MenuItem> -->\n\n\t\t  <MenuItem \n\t\t  \tv-if=\"hasAccess(route.params._id, 'products', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Organization_Products', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t  \t<IconProducts class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t    <span>\n\t\t    \tProducts\n\t\t    </span>\n\t\t  </MenuItem>\n\n\t\t  <MenuItem \n\t\t  \tv-if=\"hasAccess(route.params._id, 'products', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Categories', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t  \t<IconProducts class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t    <span>\n\t\t    \tCategories\n\t\t    </span>\n\t\t  </MenuItem>\n\n\t\t  <MenuItem \n\t\t  \tv-if=\"hasAccess(route.params._id, 'leftovers', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Leftovers', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t  \t<IconLeftovers class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t    <span>\n\t\t    \tLeftovers\n\t\t    </span>\n\t\t  </MenuItem>\n\n\t\t  <MenuItem \n\t\t  \tv-if=\"hasAccess(route.params._id, 'orders', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'OrganizationOrdersList', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t  \t<IconOrders class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t    <span>\n\t\t    \tOrders\n\t\t    </span>\n\t\t  </MenuItem>\n\n\t\t  <MenuItem \n\t\t  \tv-if=\"hasAccess(route.params._id, 'orders', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Organization_Rents', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t  \t<IconOrders class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t    <span>\n\t\t    \tRents\n\t\t    </span>\n\t\t  </MenuItem>\n\n\n\t\t  <MenuItem \n\t\t  \tv-if=\"hasAccess(route.params._id, 'gallery', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Backoffice Gallery', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t  \t<IconGallery class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t    <span>\n\t\t    \tGallery\n\t\t    </span>\n\t\t  </MenuItem>\n\t\t  \n\t\t  <MenuItem \n\t\t  \tv-if=\"hasAccess(route.params._id, 'events', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Organization_Events Backoffice', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t  \t<IconEvents class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t    <span>\n\t\t    \tEvents\n\t\t    </span>\n\t\t  </MenuItem>\n\n\t\t <!--  <MenuItem \n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Payments', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t    <span>\n\t\t    \tPayments\n\t\t    </span>\n\t\t  </MenuItem> -->\n\t\t</Menu>\n\n\t\t<!-- <Menu \n\t\t\tclass=\"bg-light\"\n\t\t>\n\t\t\t<MenuItem \n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Backoffice Organizations', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t    <span>\n\t\t    \tOrganizations\n\t\t    </span>\n\t\t  </MenuItem>\n\n\t\t  <MenuItem \n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Backoffice Reports', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t    <span>\n\t\t    \tReports\n\t\t    </span>\n\t\t  </MenuItem>\n\t\t</Menu> -->\n\t</div>\n</template>\n\n<script setup=\"props\">\n/////////////////////////////\n// COMPONENT DEPENDENCIES\n/////////////////////////////\nimport { ref, onMounted } from 'vue';\n\n// Mobile Module\nimport Menu from '@martyrs/src/components/Menu/Menu.vue'\nimport MenuItem from '@martyrs/src/components/Menu/MenuItem.vue'\nimport SelectMulti    from '@martyrs/src/components/SelectMulti/SelectMulti.vue'\n\nimport IconProducts from '@martyrs/src/modules/icons/entities/IconProducts.vue'\nimport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue'\nimport IconGroups from '@martyrs/src/modules/icons/entities/IconGroups.vue'\nimport IconCommunity from '@martyrs/src/modules/icons/entities/IconCommunity.vue'\nimport IconGallery from '@martyrs/src/modules/icons/entities/IconGallery.vue'\nimport IconOrders from '@martyrs/src/modules/icons/entities/IconOrders.vue'\nimport IconLeftovers from '@martyrs/src/modules/icons/entities/IconLeftovers.vue'\n/////////////////////////////\n// HELPERS\n/////////////////////////////\nimport { useRoute, useRouter } from 'vue-router'\n\nimport * as auth  from '@martyrs/src/modules/auth/views/store/auth'\n\nimport * as organizations  from '@martyrs/src/modules/organizations/store/organizations'\n\nconst route = useRoute()\nconst router = useRouter()\n/////////////////////////////\n// CREATED\n/////////////////////////////\nconst props = defineProps({\n  favorites: Array,\n});\n\nconst selectedOrganization = ref(null);\nconst publics = ref([]);\n/////////////////////////////\n// MOUNTED\n/////////////////////////////\nonMounted(async () =>{\n})\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["useRoute","useRouter","ref","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAyNA,UAAM,QAAQA,UAAQ,SAAA;AACtB,UAAM,SAASC,UAAS,UAAA;AAQKC,QAAAA,IAAI,IAAI;AACrBA,QAAAA,IAAI,CAAE,CAAA;AAItBC,QAAAA,UAAU,YAAW;AAAA,IACrB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"OrganizationBackoffice.vue.cjs","sources":["../../../../../../../src/modules/organizations/components/pages/OrganizationBackoffice.vue"],"sourcesContent":["<template>\n\t<div class=\"bg-white pd-medium\">\n\t\t\n\t\t<!-- --------------------------------------------------------------- -->\n\t\t<!-- ДОБАВИТЬ СЮДА ДРОПДАУН С ВЫБОРОМ ОРГАНИЗАЦИИ ПОЛЬЗОВАТЕЛЯ -->\n\t\t<!-- --------------------------------------------------------------- -->\n\t\t<Menu \n\t\t\tclass=\"bg-light mn-b-semi\"\n\t\t>\n\t\t\t<MenuItem \n\t\t\t\tv-if=\"hasAccess(route.params._id, 'members', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Organization Members', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\"\n\t\t  >\n\t\t  \t<IconGroups class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t    <span>\n\t\t    \tMembers\n\t\t    </span>\n\t\t  </MenuItem>\n\n\t\t  <!-- <MenuItem \n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Backoffice Community', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t    <span>\n\t\t    \tCommunity\n\t\t    </span>\n\t\t  </MenuItem> -->\n\n\t\t  <MenuItem \n\t\t  \tv-if=\"hasAccess(route.params._id, 'products', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Organization_Products', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t  \t<IconProducts class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t    <span>\n\t\t    \tProducts\n\t\t    </span>\n\t\t  </MenuItem>\n\n\t\t  <MenuItem \n\t\t  \tv-if=\"hasAccess(route.params._id, 'products', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Categories', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t  \t<IconProducts class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t    <span>\n\t\t    \tCategories\n\t\t    </span>\n\t\t  </MenuItem>\n\n\t\t  <MenuItem \n\t\t  \tv-if=\"hasAccess(route.params._id, 'leftovers', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Leftovers', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t  \t<IconLeftovers class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t    <span>\n\t\t    \tLeftovers\n\t\t    </span>\n\t\t  </MenuItem>\n\n\t\t  <MenuItem \n\t\t  \tv-if=\"hasAccess(route.params._id, 'orders', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'OrganizationOrdersList', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t  \t<IconOrders class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t    <span>\n\t\t    \tOrders\n\t\t    </span>\n\t\t  </MenuItem>\n\n\t\t  <MenuItem \n\t\t  \tv-if=\"hasAccess(route.params._id, 'orders', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Organization_Rents', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t  \t<IconOrders class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t    <span>\n\t\t    \tRents\n\t\t    </span>\n\t\t  </MenuItem>\n\n\n\t\t  <MenuItem \n\t\t  \tv-if=\"hasAccess(route.params._id, 'gallery', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Backoffice Gallery', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t  \t<IconGallery class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t    <span>\n\t\t    \tGallery\n\t\t    </span>\n\t\t  </MenuItem>\n\t\t  \n\t\t  <MenuItem \n\t\t  \tv-if=\"hasAccess(route.params._id, 'events', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Organization_Events Backoffice', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t  \t<IconEvents class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t    <span>\n\t\t    \tEvents\n\t\t    </span>\n\t\t  </MenuItem>\n\n\t\t <!--  <MenuItem \n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Payments', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t    <span>\n\t\t    \tPayments\n\t\t    </span>\n\t\t  </MenuItem> -->\n\t\t</Menu>\n\n\t\t<!-- <Menu \n\t\t\tclass=\"bg-light\"\n\t\t>\n\t\t\t<MenuItem \n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Backoffice Organizations', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t    <span>\n\t\t    \tOrganizations\n\t\t    </span>\n\t\t  </MenuItem>\n\n\t\t  <MenuItem \n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Backoffice Reports', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t    <span>\n\t\t    \tReports\n\t\t    </span>\n\t\t  </MenuItem>\n\t\t</Menu> -->\n\t</div>\n</template>\n\n<script setup=\"props\">\n/////////////////////////////\n// COMPONENT DEPENDENCIES\n/////////////////////////////\nimport { ref, onMounted } from 'vue';\n\n// Mobile Module\nimport Menu from '@martyrs/src/components/Menu/Menu.vue'\nimport MenuItem from '@martyrs/src/components/Menu/MenuItem.vue'\nimport SelectMulti    from '@martyrs/src/components/SelectMulti/SelectMulti.vue'\n\nimport IconProducts from '@martyrs/src/modules/icons/entities/IconProducts.vue'\nimport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue'\nimport IconGroups from '@martyrs/src/modules/icons/entities/IconGroups.vue'\nimport IconCommunity from '@martyrs/src/modules/icons/entities/IconCommunity.vue'\nimport IconGallery from '@martyrs/src/modules/icons/entities/IconGallery.vue'\nimport IconOrders from '@martyrs/src/modules/icons/entities/IconOrders.vue'\nimport IconLeftovers from '@martyrs/src/modules/icons/entities/IconLeftovers.vue'\n/////////////////////////////\n// HELPERS\n/////////////////////////////\nimport { useRoute, useRouter } from 'vue-router'\n\nimport * as auth  from '@martyrs/src/modules/auth/views/store/auth.js'\n\nimport * as organizations  from '@martyrs/src/modules/organizations/store/organizations.js'\n\nconst route = useRoute()\nconst router = useRouter()\n/////////////////////////////\n// CREATED\n/////////////////////////////\nconst props = defineProps({\n  favorites: Array,\n});\n\nconst selectedOrganization = ref(null);\nconst publics = ref([]);\n/////////////////////////////\n// MOUNTED\n/////////////////////////////\nonMounted(async () =>{\n})\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["useRoute","useRouter","ref","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAyNA,UAAM,QAAQA,UAAQ,SAAA;AACtB,UAAM,SAASC,UAAS,UAAA;AAQKC,QAAAA,IAAI,IAAI;AACrBA,QAAAA,IAAI,CAAE,CAAA;AAItBC,QAAAA,UAAU,YAAW;AAAA,IACrB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"OrganizationBackoffice.vue.js","sources":["../../../../../../../src/modules/organizations/components/pages/OrganizationBackoffice.vue"],"sourcesContent":["<template>\n\t<div class=\"bg-white pd-medium\">\n\t\t\n\t\t<!-- --------------------------------------------------------------- -->\n\t\t<!-- ДОБАВИТЬ СЮДА ДРОПДАУН С ВЫБОРОМ ОРГАНИЗАЦИИ ПОЛЬЗОВАТЕЛЯ -->\n\t\t<!-- --------------------------------------------------------------- -->\n\t\t<Menu \n\t\t\tclass=\"bg-light mn-b-semi\"\n\t\t>\n\t\t\t<MenuItem \n\t\t\t\tv-if=\"hasAccess(route.params._id, 'members', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Organization Members', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\"\n\t\t  >\n\t\t  \t<IconGroups class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t    <span>\n\t\t    \tMembers\n\t\t    </span>\n\t\t  </MenuItem>\n\n\t\t  <!-- <MenuItem \n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Backoffice Community', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t    <span>\n\t\t    \tCommunity\n\t\t    </span>\n\t\t  </MenuItem> -->\n\n\t\t  <MenuItem \n\t\t  \tv-if=\"hasAccess(route.params._id, 'products', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Organization_Products', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t  \t<IconProducts class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t    <span>\n\t\t    \tProducts\n\t\t    </span>\n\t\t  </MenuItem>\n\n\t\t  <MenuItem \n\t\t  \tv-if=\"hasAccess(route.params._id, 'products', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Categories', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t  \t<IconProducts class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t    <span>\n\t\t    \tCategories\n\t\t    </span>\n\t\t  </MenuItem>\n\n\t\t  <MenuItem \n\t\t  \tv-if=\"hasAccess(route.params._id, 'leftovers', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Leftovers', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t  \t<IconLeftovers class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t    <span>\n\t\t    \tLeftovers\n\t\t    </span>\n\t\t  </MenuItem>\n\n\t\t  <MenuItem \n\t\t  \tv-if=\"hasAccess(route.params._id, 'orders', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'OrganizationOrdersList', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t  \t<IconOrders class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t    <span>\n\t\t    \tOrders\n\t\t    </span>\n\t\t  </MenuItem>\n\n\t\t  <MenuItem \n\t\t  \tv-if=\"hasAccess(route.params._id, 'orders', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Organization_Rents', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t  \t<IconOrders class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t    <span>\n\t\t    \tRents\n\t\t    </span>\n\t\t  </MenuItem>\n\n\n\t\t  <MenuItem \n\t\t  \tv-if=\"hasAccess(route.params._id, 'gallery', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Backoffice Gallery', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t  \t<IconGallery class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t    <span>\n\t\t    \tGallery\n\t\t    </span>\n\t\t  </MenuItem>\n\t\t  \n\t\t  <MenuItem \n\t\t  \tv-if=\"hasAccess(route.params._id, 'events', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Organization_Events Backoffice', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t  \t<IconEvents class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t    <span>\n\t\t    \tEvents\n\t\t    </span>\n\t\t  </MenuItem>\n\n\t\t <!--  <MenuItem \n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Payments', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t    <span>\n\t\t    \tPayments\n\t\t    </span>\n\t\t  </MenuItem> -->\n\t\t</Menu>\n\n\t\t<!-- <Menu \n\t\t\tclass=\"bg-light\"\n\t\t>\n\t\t\t<MenuItem \n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Backoffice Organizations', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t    <span>\n\t\t    \tOrganizations\n\t\t    </span>\n\t\t  </MenuItem>\n\n\t\t  <MenuItem \n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Backoffice Reports', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t    <span>\n\t\t    \tReports\n\t\t    </span>\n\t\t  </MenuItem>\n\t\t</Menu> -->\n\t</div>\n</template>\n\n<script setup=\"props\">\n/////////////////////////////\n// COMPONENT DEPENDENCIES\n/////////////////////////////\nimport { ref, onMounted } from 'vue';\n\n// Mobile Module\nimport Menu from '@martyrs/src/components/Menu/Menu.vue'\nimport MenuItem from '@martyrs/src/components/Menu/MenuItem.vue'\nimport SelectMulti    from '@martyrs/src/components/SelectMulti/SelectMulti.vue'\n\nimport IconProducts from '@martyrs/src/modules/icons/entities/IconProducts.vue'\nimport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue'\nimport IconGroups from '@martyrs/src/modules/icons/entities/IconGroups.vue'\nimport IconCommunity from '@martyrs/src/modules/icons/entities/IconCommunity.vue'\nimport IconGallery from '@martyrs/src/modules/icons/entities/IconGallery.vue'\nimport IconOrders from '@martyrs/src/modules/icons/entities/IconOrders.vue'\nimport IconLeftovers from '@martyrs/src/modules/icons/entities/IconLeftovers.vue'\n/////////////////////////////\n// HELPERS\n/////////////////////////////\nimport { useRoute, useRouter } from 'vue-router'\n\nimport * as auth  from '@martyrs/src/modules/auth/views/store/auth'\n\nimport * as organizations  from '@martyrs/src/modules/organizations/store/organizations'\n\nconst route = useRoute()\nconst router = useRouter()\n/////////////////////////////\n// CREATED\n/////////////////////////////\nconst props = defineProps({\n  favorites: Array,\n});\n\nconst selectedOrganization = ref(null);\nconst publics = ref([]);\n/////////////////////////////\n// MOUNTED\n/////////////////////////////\nonMounted(async () =>{\n})\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAyNA,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAQK,QAAI,IAAI;AACrB,QAAI,CAAE,CAAA;AAItB,cAAU,YAAW;AAAA,IACrB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"OrganizationBackoffice.vue.js","sources":["../../../../../../../src/modules/organizations/components/pages/OrganizationBackoffice.vue"],"sourcesContent":["<template>\n\t<div class=\"bg-white pd-medium\">\n\t\t\n\t\t<!-- --------------------------------------------------------------- -->\n\t\t<!-- ДОБАВИТЬ СЮДА ДРОПДАУН С ВЫБОРОМ ОРГАНИЗАЦИИ ПОЛЬЗОВАТЕЛЯ -->\n\t\t<!-- --------------------------------------------------------------- -->\n\t\t<Menu \n\t\t\tclass=\"bg-light mn-b-semi\"\n\t\t>\n\t\t\t<MenuItem \n\t\t\t\tv-if=\"hasAccess(route.params._id, 'members', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Organization Members', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\"\n\t\t  >\n\t\t  \t<IconGroups class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t    <span>\n\t\t    \tMembers\n\t\t    </span>\n\t\t  </MenuItem>\n\n\t\t  <!-- <MenuItem \n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Backoffice Community', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t    <span>\n\t\t    \tCommunity\n\t\t    </span>\n\t\t  </MenuItem> -->\n\n\t\t  <MenuItem \n\t\t  \tv-if=\"hasAccess(route.params._id, 'products', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Organization_Products', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t  \t<IconProducts class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t    <span>\n\t\t    \tProducts\n\t\t    </span>\n\t\t  </MenuItem>\n\n\t\t  <MenuItem \n\t\t  \tv-if=\"hasAccess(route.params._id, 'products', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Categories', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t  \t<IconProducts class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t    <span>\n\t\t    \tCategories\n\t\t    </span>\n\t\t  </MenuItem>\n\n\t\t  <MenuItem \n\t\t  \tv-if=\"hasAccess(route.params._id, 'leftovers', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Leftovers', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t  \t<IconLeftovers class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t    <span>\n\t\t    \tLeftovers\n\t\t    </span>\n\t\t  </MenuItem>\n\n\t\t  <MenuItem \n\t\t  \tv-if=\"hasAccess(route.params._id, 'orders', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'OrganizationOrdersList', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t  \t<IconOrders class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t    <span>\n\t\t    \tOrders\n\t\t    </span>\n\t\t  </MenuItem>\n\n\t\t  <MenuItem \n\t\t  \tv-if=\"hasAccess(route.params._id, 'orders', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Organization_Rents', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t  \t<IconOrders class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t    <span>\n\t\t    \tRents\n\t\t    </span>\n\t\t  </MenuItem>\n\n\n\t\t  <MenuItem \n\t\t  \tv-if=\"hasAccess(route.params._id, 'gallery', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Backoffice Gallery', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t  \t<IconGallery class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t    <span>\n\t\t    \tGallery\n\t\t    </span>\n\t\t  </MenuItem>\n\t\t  \n\t\t  <MenuItem \n\t\t  \tv-if=\"hasAccess(route.params._id, 'events', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Organization_Events Backoffice', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t  \t<IconEvents class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t    <span>\n\t\t    \tEvents\n\t\t    </span>\n\t\t  </MenuItem>\n\n\t\t <!--  <MenuItem \n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Payments', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t    <span>\n\t\t    \tPayments\n\t\t    </span>\n\t\t  </MenuItem> -->\n\t\t</Menu>\n\n\t\t<!-- <Menu \n\t\t\tclass=\"bg-light\"\n\t\t>\n\t\t\t<MenuItem \n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Backoffice Organizations', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t    <span>\n\t\t    \tOrganizations\n\t\t    </span>\n\t\t  </MenuItem>\n\n\t\t  <MenuItem \n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'Backoffice Reports', \n\t\t  \t\tparams: {\n\t\t  \t\t\t_id: route.params._id\n\t\t  \t\t}\n\t\t  \t})\" \n\t\t  \tclass=\"cursor-pointer\">\n\t\t    <span>\n\t\t    \tReports\n\t\t    </span>\n\t\t  </MenuItem>\n\t\t</Menu> -->\n\t</div>\n</template>\n\n<script setup=\"props\">\n/////////////////////////////\n// COMPONENT DEPENDENCIES\n/////////////////////////////\nimport { ref, onMounted } from 'vue';\n\n// Mobile Module\nimport Menu from '@martyrs/src/components/Menu/Menu.vue'\nimport MenuItem from '@martyrs/src/components/Menu/MenuItem.vue'\nimport SelectMulti    from '@martyrs/src/components/SelectMulti/SelectMulti.vue'\n\nimport IconProducts from '@martyrs/src/modules/icons/entities/IconProducts.vue'\nimport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue'\nimport IconGroups from '@martyrs/src/modules/icons/entities/IconGroups.vue'\nimport IconCommunity from '@martyrs/src/modules/icons/entities/IconCommunity.vue'\nimport IconGallery from '@martyrs/src/modules/icons/entities/IconGallery.vue'\nimport IconOrders from '@martyrs/src/modules/icons/entities/IconOrders.vue'\nimport IconLeftovers from '@martyrs/src/modules/icons/entities/IconLeftovers.vue'\n/////////////////////////////\n// HELPERS\n/////////////////////////////\nimport { useRoute, useRouter } from 'vue-router'\n\nimport * as auth  from '@martyrs/src/modules/auth/views/store/auth.js'\n\nimport * as organizations  from '@martyrs/src/modules/organizations/store/organizations.js'\n\nconst route = useRoute()\nconst router = useRouter()\n/////////////////////////////\n// CREATED\n/////////////////////////////\nconst props = defineProps({\n  favorites: Array,\n});\n\nconst selectedOrganization = ref(null);\nconst publics = ref([]);\n/////////////////////////////\n// MOUNTED\n/////////////////////////////\nonMounted(async () =>{\n})\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAyNA,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAQK,QAAI,IAAI;AACrB,QAAI,CAAE,CAAA;AAItB,cAAU,YAAW;AAAA,IACrB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

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';\n  import * as organization from '@martyrs/src/modules/organizations/store/organizations';\n  import * as memberships from '@martyrs/src/modules/organizations/store/memberships';\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,UAAQ,SAAA;AACtB,UAAM,SAASC,UAAS,UAAA;AAExBC,kBAAAA,QAAqB,MAAO;AAE5BC,QAAAA,UAAU,YAAS;AACjB,UAAI,MAAM,OAAO,KAAK;AACpB,cAAMD,cAAAA,QAAqB,KAAK,EAAE,KAAK,MAAM,OAAO,KAAK;AAAA,MAC1D;AAAA,IACF,CAAA;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,MAChF,OAAW;AACL,cAAMA,cAAAA,QAAqB,OAAOG,cAAAA,MAAmB,SAASC,KAAAA,MAAW,KAAK,GAAG;AAAA,MACvF;AAAA,IACA;AASE,aAAS,aAAc;AACrB,aAAO,QAAQ,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAKD,cAAkB,MAAC,QAAQ,IAAK,EAAA,CAAC;AAAA,IAC3F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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,UAAQ,SAAA;AACtB,UAAM,SAASC,UAAS,UAAA;AAExBC,kBAAAA,QAAqB,MAAO;AAE5BC,QAAAA,UAAU,YAAS;AACjB,UAAI,MAAM,OAAO,KAAK;AACpB,cAAMD,cAAAA,QAAqB,KAAK,EAAE,KAAK,MAAM,OAAO,KAAK;AAAA,MAC1D;AAAA,IACF,CAAA;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,MAChF,OAAW;AACL,cAAMA,cAAAA,QAAqB,OAAOG,cAAAA,MAAmB,SAASC,KAAAA,MAAW,KAAK,GAAG;AAAA,MACvF;AAAA,IACA;AASE,aAAS,aAAc;AACrB,aAAO,QAAQ,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAKD,cAAkB,MAAC,QAAQ,IAAK,EAAA,CAAC;AAAA,IAC3F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -2,13 +2,13 @@ import { onMounted, computed, createElementBlock, openBlock, createElementVNode,
 import { useRoute, useRouter } from "vue-router";
 import "vue-i18n";
 /* empty css                                                 */
-import _sfc_main$2 from "../../../../components/FieldTags/BlockTags.vue.js";
+import _sfc_main$3 from "../../../../components/FieldTags/BlockTags.vue.js";
 /* empty css                                 */
 import Field from "../../../../components/Field/Field.vue.js";
-import SelectMulti from "../../../../components/SelectMulti/SelectMulti.vue.js";
-import _sfc_main$1 from "../../../../components/UploadImage/UploadImage.vue.js";
-import _sfc_main$3 from "../../../../components/Button/Button.vue2.js";
-/* empty css                                     */
+import _sfc_main$1 from "../../../../components/SelectMulti/SelectMulti.vue2.js";
+import _sfc_main$2 from "../../../../components/UploadImage/UploadImage.vue.js";
+import _sfc_main$4 from "../../../../components/Button/Button.vue2.js";
+/* empty css                                      */
 import { state as state$1 } from "../../../auth/views/store/auth.js";
 import { actions, state } from "../../store/organizations.js";
 import "../../store/memberships.js";
@@ -40,7 +40,7 @@ const _sfc_main = {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         _cache[16] || (_cache[16] = createElementVNode("h3", { class: "mn-b-small" }, "Type of group", -1)),
         _cache[17] || (_cache[17] = createElementVNode("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'.", -1)),
-        createVNode(SelectMulti, {
+        createVNode(_sfc_main$1, {
           modelValue: state.current.types,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.current.types = $event),
           options: ["public", "exclusive", "hidden"],
@@ -51,7 +51,7 @@ const _sfc_main = {
         }, null, 8, ["modelValue"]),
         _cache[18] || (_cache[18] = createElementVNode("h3", { class: "mn-b-small" }, "Profile", -1)),
         createElementVNode("div", _hoisted_2, [
-          createVNode(_sfc_main$1, {
+          createVNode(_sfc_main$2, {
             photo: state.current.profile.photo,
             "onUpdate:photo": _cache[1] || (_cache[1] = ($event) => state.current.profile.photo = $event),
             uploadPath: "organizations/" + state.current._id + "/avatars",
@@ -71,7 +71,7 @@ const _sfc_main = {
           placeholder: "Brief description of your group",
           class: "mn-b-thin bg-light pd-medium radius-small"
         }, null, 8, ["field"]),
-        createVNode(_sfc_main$2, {
+        createVNode(_sfc_main$3, {
           onTagsChanged: _cache[4] || (_cache[4] = (newTags) => state.current.profile.tags = newTags),
           tags: state.current.profile.tags,
           class: "mn-b-small"
@@ -142,7 +142,7 @@ const _sfc_main = {
           placeholder: "",
           class: "mn-b-thin bg-light pd-medium radius-small"
         }, null, 8, ["field"]),
-        createVNode(_sfc_main$3, {
+        createVNode(_sfc_main$4, {
           submit: onSubmit,
           callback: redirectTo,
           class: "bg-main w-100 mn-b-thin"

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';\n  import * as organization from '@martyrs/src/modules/organizations/store/organizations';\n  import * as memberships from '@martyrs/src/modules/organizations/store/memberships';\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,MAAO;AAE5B,cAAU,YAAS;AACjB,UAAI,MAAM,OAAO,KAAK;AACpB,cAAMA,QAAqB,KAAK,EAAE,KAAK,MAAM,OAAO,KAAK;AAAA,MAC1D;AAAA,IACF,CAAA;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,MAChF,OAAW;AACL,cAAMA,QAAqB,OAAOC,MAAmB,SAASC,QAAW,KAAK,GAAG;AAAA,MACvF;AAAA,IACA;AASE,aAAS,aAAc;AACrB,aAAO,QAAQ,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAKD,MAAmB,QAAQ,IAAK,EAAA,CAAC;AAAA,IAC3F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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,MAAO;AAE5B,cAAU,YAAS;AACjB,UAAI,MAAM,OAAO,KAAK;AACpB,cAAMA,QAAqB,KAAK,EAAE,KAAK,MAAM,OAAO,KAAK;AAAA,MAC1D;AAAA,IACF,CAAA;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,MAChF,OAAW;AACL,cAAMA,QAAqB,OAAOC,MAAmB,SAASC,QAAW,KAAK,GAAG;AAAA,MACvF;AAAA,IACA;AASE,aAAS,aAAc;AACrB,aAAO,QAAQ,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAKD,MAAmB,QAAQ,IAAK,EAAA,CAAC;AAAA,IAC3F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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\th5 \n\t\t\t\tbg-white\n\t\t\t\tgap-micro pd-small pd-t-thin pd-b-thin\n\t\t\t\tbr-b br-solid br-black-transp\n\t\t\t\"\n\t\t\ttabClass=\"bg-light pd-small 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';\n\timport * as organizations from '@martyrs/src/modules/organizations/store/organizations';\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":";;;;;;;;;;;;;;;;;AA+FC,UAAM,QAAQA,UAAQ,SAAA;AACtB,UAAM,SAASC,UAAS,UAAA;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,IAC9D,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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\th5 \n\t\t\t\tbg-white\n\t\t\t\tgap-micro pd-small pd-t-thin pd-b-thin\n\t\t\t\tbr-b br-solid br-black-transp\n\t\t\t\"\n\t\t\ttabClass=\"bg-light pd-small 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":";;;;;;;;;;;;;;;;;AA+FC,UAAM,QAAQA,UAAQ,SAAA;AACtB,UAAM,SAASC,UAAS,UAAA;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,IAC9D,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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\th5 \n\t\t\t\tbg-white\n\t\t\t\tgap-micro pd-small pd-t-thin pd-b-thin\n\t\t\t\tbr-b br-solid br-black-transp\n\t\t\t\"\n\t\t\ttabClass=\"bg-light pd-small 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';\n\timport * as organizations from '@martyrs/src/modules/organizations/store/organizations';\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":";;;;;;;;;;;;;;;AA+FC,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,IAC9D,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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\th5 \n\t\t\t\tbg-white\n\t\t\t\tgap-micro pd-small pd-t-thin pd-b-thin\n\t\t\t\tbr-b br-solid br-black-transp\n\t\t\t\"\n\t\t\ttabClass=\"bg-light pd-small 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":";;;;;;;;;;;;;;;AA+FC,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,IAC9D,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -2,9 +2,9 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-const Dropdown = require("../../../../components/Dropdown/Dropdown.vue.cjs");
+const Dropdown = require("../../../../components/Dropdown/Dropdown.vue2.cjs");
 const Text = require("../../../../components/Text/Text.vue.cjs");
-const Chips = require("../../../../components/Chips/Chips.vue.cjs");
+const Chips = require("../../../../components/Chips/Chips.vue2.cjs");
 const IconFollowing = require("../../../icons/entities/IconFollowing.vue.cjs");
 const IconEdit = require("../../../icons/navigation/IconEdit.vue.cjs");
 const IconEllipsis = require("../../../icons/navigation/IconEllipsis.vue.cjs");

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

@@ -1 +1 @@
-{"version":3,"file":"DetailsTabSection.vue.cjs","sources":["../../../../../../../src/modules/organizations/components/sections/DetailsTabSection.vue"],"sourcesContent":["<template>\n\t<section class=\"flex-center flex flex-column t-center pd-medium radius-medium bg-light\">\n\n\t\t<Dropdown \n\t\t\tv-if=\"user._id !== organization.owner\"\n\t\t\t:label=\"{ component: IconEllipsis, class: 'i-regular t-transp' }\"\n\t\t\t:align=\"'right'\"\n\t\t\tclass=\"cursor-pointer pos-absolute pos-r-regular pos-t-regular pd-thin radius-extra \"\n\t\t>\n\t\t\t<section \n\t\t\t\tclass=\"bg-black pd-thin radius-small\"\n\t\t\t>\n\t\t\t\t<FormReport \n\t\t\t\t\t:user=\"user._id\"\n\t\t\t\t\t:type=\"'organization'\" \n\t\t\t\t\t:target=\"organization._id\" \n\t\t\t\t\t:text=\"'Report'\" \n\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t>\n\t\t\t\t\t<button \n\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>\n\t\t\t\t\t\tReport\n\t\t\t\t\t</button>\n\t\t\t\t</FormReport>\n\n\t\t\t\t<ButtonToggleMembership\n\t\t\t\t\tv-if=\"user._id && user._id !== organization.owner\"\n\t\t      :user=\"user._id\"\n\t\t      :type=\"'organization'\" \n\t      \t:role=\"'blocked'\" \n\t\t      :target=\"organization._id\" \n\t\t      :status=\"organization.isBlocked\" \n\t\t      :text=\"{create: 'Block', remove: 'Unblock'}\"\n\t\t      @updateMembership=\"event => handleMembershipUpdate(event, 'isBlocked')\"\n\t\t       class=\"t-white w-100 mn-t-thin bg-red\" \n\t    \t/>\n\t\t\t</section>\n    </Dropdown>\n\n   <router-link\n\t\t\tv-if=\"user._id === organization.owner\"\n      :to=\"{\n\t\t\t\tname: 'Organization Edit', \n\t\t\t\tparams: {\n\t\t\t\t\t_id: organization._id\n\t\t\t\t}\n\t\t\t}\" \n      class=\"\n      \tz-index-2\n        cursor-pointer \n        pos-absolute pos-t-regular pos-r-regular\n        radius-extra pd-thin bg-second\n      \"\n    >\n      <IconEdit\n        class=\"i-regular\"\n        classes=\"fill-white\"\n      />\n    </router-link>\n\n\n\t\t<img loading=\"lazy\" \n\t\t\tv-if=\"organization.profile.photo\" \n\t\t\t:src=\"(FILE_SERVER_URL || '') + organization.profile.photo\" \n\t\t\tclass=\"radius-big bg-light flex-center flex mn-b-small w-8r\" \n\t\t/>\n\n\t\t<PlaceholderOrganizationPic\n\t\t\tv-else\n\t\t\tclass=\"radius-medium mn-b-small i-extra\"\n\t\t/>\n\n    <h1\n    \tclass=\"mn-b-thin\"\n    >\n  \t\t{{ organization.profile.name }}\n  \t</h1>\n\n   \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<IconFollowing class=\"i-medium mn-r-micro t-transp\"/>\n\n      <p class=\"mn-t-thin p-medium t-medium uppercase mn-b-thin\">{{organization.numberOfSubscribers}} followers</p>\n\n      <ButtonToggleMembership\n        v-if=\"\n\t      \tuser._id \n\t      \t&& route.params._id \n\t      \t&& route.params._id !== user._id\n\t      \t&& organization.owner !== user._id\n\t      \"\n        :user=\"user._id\"\n        :type=\"'organization'\" \n        :role=\"'subscriber'\" \n        :target=\"organization._id\" \n        :status=\"organization.isSubscriber\" \n        :text=\"{create: '+', remove: '-'}\"\n        @updateMembership=\"event => handleMembershipUpdate(event, 'isSubscriber', 'numberOfSubscribers')\"\n        class=\" mn-l-thin p-medium t-medium radius-extra i-semi\" \n      />\n    </div>\n\n    <p class=\"w-max-50r mn-t-regular mn-b-medium p-big\">\n   \t\t<Text :text=\"organization.profile.description || ''\" :showToggleText=\"true\" :maxLen=\"320\" />\n  \t</p>  \n\n  \t<Chips \n    \tv-if=\"organization.profile?.tags?.length > 0\" \n    \t:chips=\"organization.profile.tags\"\n    \tclass=\"p-medium\"\n   \t/>\n\n\n    <h4 \n    \tv-if=\"Object.values(organization.socials).some(value => value)\" \n    \tclass=\"mn-t-small mn-b-thin\"\n    >\n  \t\tFind us in socials\n  \t</h4>\n  \t\n   \t<Socials \n   \t\t:telegram=\"organization.socials.telegram\"\n   \t\t:facebook=\"organization.socials.facebook\"\n   \t\t:instagram=\"organization.socials.instagram\"\n   \t\t:twitter=\"organization.socials.twitter\"\n   \t\t:youtube=\"organization.socials.youtube\"\n   \t/>\n   \t<slot></slot>\n\t</section>\n\n<!-- <h3 class=\"mn-b-small\">Rating</h3>\n\t<Rating \n\t\t:rating=\"organization.rating.median\" \n\t\t:amount=\"organization.rating.amount\"\n\t\tclass=\"pd-medium mn-b-thin radius-big bg-light\"\n\t/>\n\n\t<h3 class=\"mn-b-small\">Contacts</h3>\n  <Contacts\n    :website=\"organization.contacts.website\"\n    :phone=\"organization.contacts.phone\"\n    :email=\"organization.contacts.email\"\n    :address=\"organization.contacts.address\"\n    class=\"w-100 pd-medium radius-big bg-light\"\n  /> -->\n\n\n</template>\n\n<script setup>\n\timport { ref, computed } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Import components\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// 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// Org Module\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\t// Report Module\n\timport FormReport from '@martyrs/src/modules/reports/components/sections/FormReport.vue' \n\t// Store \n\timport * as organizations \tfrom '@martyrs/src/modules/organizations/store/organizations'\n\timport * as memberships \tfrom '@martyrs/src/modules/organizations/store/memberships'\n\t// ///////////////////////////////////////\n \t// Components Props\n \t// ///////////////////////////////////////\n\tconst props = defineProps({\n\t\torganization: Object,\n\t\tuser: Object\n\t})\n\t// Store\n\tconst route = useRoute()\n\t\n\t// Methods\n\tconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n\t  memberships.mutations.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber)\n\t};\n</script>\n\n<style lang=\"scss\">\n\n</style>"],"names":["useRoute","memberships.mutations","organizations.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmLC,UAAM,QAAQA,UAAQ,SAAA;AAGtB,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAQ,GAAE,YAAY,iBAAiB;AAC3FC,4BAAsB,uBAAuBC,cAAAA,MAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAC/H;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"DetailsTabSection.vue.cjs","sources":["../../../../../../../src/modules/organizations/components/sections/DetailsTabSection.vue"],"sourcesContent":["<template>\n\t<section class=\"flex-center flex flex-column t-center pd-medium radius-medium bg-light\">\n\n\t\t<Dropdown \n\t\t\tv-if=\"user._id !== organization.owner\"\n\t\t\t:label=\"{ component: IconEllipsis, class: 'i-regular t-transp' }\"\n\t\t\t:align=\"'right'\"\n\t\t\tclass=\"cursor-pointer pos-absolute pos-r-regular pos-t-regular pd-thin radius-extra \"\n\t\t>\n\t\t\t<section \n\t\t\t\tclass=\"bg-black pd-thin radius-small\"\n\t\t\t>\n\t\t\t\t<FormReport \n\t\t\t\t\t:user=\"user._id\"\n\t\t\t\t\t:type=\"'organization'\" \n\t\t\t\t\t:target=\"organization._id\" \n\t\t\t\t\t:text=\"'Report'\" \n\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t>\n\t\t\t\t\t<button \n\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>\n\t\t\t\t\t\tReport\n\t\t\t\t\t</button>\n\t\t\t\t</FormReport>\n\n\t\t\t\t<ButtonToggleMembership\n\t\t\t\t\tv-if=\"user._id && user._id !== organization.owner\"\n\t\t      :user=\"user._id\"\n\t\t      :type=\"'organization'\" \n\t      \t:role=\"'blocked'\" \n\t\t      :target=\"organization._id\" \n\t\t      :status=\"organization.isBlocked\" \n\t\t      :text=\"{create: 'Block', remove: 'Unblock'}\"\n\t\t      @updateMembership=\"event => handleMembershipUpdate(event, 'isBlocked')\"\n\t\t       class=\"t-white w-100 mn-t-thin bg-red\" \n\t    \t/>\n\t\t\t</section>\n    </Dropdown>\n\n   <router-link\n\t\t\tv-if=\"user._id === organization.owner\"\n      :to=\"{\n\t\t\t\tname: 'Organization Edit', \n\t\t\t\tparams: {\n\t\t\t\t\t_id: organization._id\n\t\t\t\t}\n\t\t\t}\" \n      class=\"\n      \tz-index-2\n        cursor-pointer \n        pos-absolute pos-t-regular pos-r-regular\n        radius-extra pd-thin bg-second\n      \"\n    >\n      <IconEdit\n        class=\"i-regular\"\n        classes=\"fill-white\"\n      />\n    </router-link>\n\n\n\t\t<img loading=\"lazy\" \n\t\t\tv-if=\"organization.profile.photo\" \n\t\t\t:src=\"(FILE_SERVER_URL || '') + organization.profile.photo\" \n\t\t\tclass=\"radius-big bg-light flex-center flex mn-b-small w-8r\" \n\t\t/>\n\n\t\t<PlaceholderOrganizationPic\n\t\t\tv-else\n\t\t\tclass=\"radius-medium mn-b-small i-extra\"\n\t\t/>\n\n    <h1\n    \tclass=\"mn-b-thin\"\n    >\n  \t\t{{ organization.profile.name }}\n  \t</h1>\n\n   \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<IconFollowing class=\"i-medium mn-r-micro t-transp\"/>\n\n      <p class=\"mn-t-thin p-medium t-medium uppercase mn-b-thin\">{{organization.numberOfSubscribers}} followers</p>\n\n      <ButtonToggleMembership\n        v-if=\"\n\t      \tuser._id \n\t      \t&& route.params._id \n\t      \t&& route.params._id !== user._id\n\t      \t&& organization.owner !== user._id\n\t      \"\n        :user=\"user._id\"\n        :type=\"'organization'\" \n        :role=\"'subscriber'\" \n        :target=\"organization._id\" \n        :status=\"organization.isSubscriber\" \n        :text=\"{create: '+', remove: '-'}\"\n        @updateMembership=\"event => handleMembershipUpdate(event, 'isSubscriber', 'numberOfSubscribers')\"\n        class=\" mn-l-thin p-medium t-medium radius-extra i-semi\" \n      />\n    </div>\n\n    <p class=\"w-max-50r mn-t-regular mn-b-medium p-big\">\n   \t\t<Text :text=\"organization.profile.description || ''\" :showToggleText=\"true\" :maxLen=\"320\" />\n  \t</p>  \n\n  \t<Chips \n    \tv-if=\"organization.profile?.tags?.length > 0\" \n    \t:chips=\"organization.profile.tags\"\n    \tclass=\"p-medium\"\n   \t/>\n\n\n    <h4 \n    \tv-if=\"Object.values(organization.socials).some(value => value)\" \n    \tclass=\"mn-t-small mn-b-thin\"\n    >\n  \t\tFind us in socials\n  \t</h4>\n  \t\n   \t<Socials \n   \t\t:telegram=\"organization.socials.telegram\"\n   \t\t:facebook=\"organization.socials.facebook\"\n   \t\t:instagram=\"organization.socials.instagram\"\n   \t\t:twitter=\"organization.socials.twitter\"\n   \t\t:youtube=\"organization.socials.youtube\"\n   \t/>\n   \t<slot></slot>\n\t</section>\n\n<!-- <h3 class=\"mn-b-small\">Rating</h3>\n\t<Rating \n\t\t:rating=\"organization.rating.median\" \n\t\t:amount=\"organization.rating.amount\"\n\t\tclass=\"pd-medium mn-b-thin radius-big bg-light\"\n\t/>\n\n\t<h3 class=\"mn-b-small\">Contacts</h3>\n  <Contacts\n    :website=\"organization.contacts.website\"\n    :phone=\"organization.contacts.phone\"\n    :email=\"organization.contacts.email\"\n    :address=\"organization.contacts.address\"\n    class=\"w-100 pd-medium radius-big bg-light\"\n  /> -->\n\n\n</template>\n\n<script setup>\n\timport { ref, computed } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Import components\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// 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// Org Module\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\t// Report Module\n\timport FormReport from '@martyrs/src/modules/reports/components/sections/FormReport.vue' \n\t// Store \n\timport * as organizations \tfrom '@martyrs/src/modules/organizations/store/organizations.js'\n\timport * as memberships \tfrom '@martyrs/src/modules/organizations/store/memberships.js'\n\t// ///////////////////////////////////////\n \t// Components Props\n \t// ///////////////////////////////////////\n\tconst props = defineProps({\n\t\torganization: Object,\n\t\tuser: Object\n\t})\n\t// Store\n\tconst route = useRoute()\n\t\n\t// Methods\n\tconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n\t  memberships.mutations.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber)\n\t};\n</script>\n\n<style lang=\"scss\">\n\n</style>"],"names":["useRoute","memberships.mutations","organizations.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmLC,UAAM,QAAQA,UAAQ,SAAA;AAGtB,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAQ,GAAE,YAAY,iBAAiB;AAC3FC,4BAAsB,uBAAuBC,cAAAA,MAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAC/H;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,8 +1,8 @@
 import { resolveComponent, createElementBlock, openBlock, createBlock, createCommentVNode, createElementVNode, createVNode, renderSlot, withCtx, toDisplayString, unref } from "vue";
 import { useRoute } from "vue-router";
-import _sfc_main$1 from "../../../../components/Dropdown/Dropdown.vue.js";
+import _sfc_main$1 from "../../../../components/Dropdown/Dropdown.vue2.js";
 import _sfc_main$7 from "../../../../components/Text/Text.vue.js";
-import _sfc_main$8 from "../../../../components/Chips/Chips.vue.js";
+import _sfc_main$8 from "../../../../components/Chips/Chips.vue2.js";
 import _sfc_main$6 from "../../../icons/entities/IconFollowing.vue.js";
 import _sfc_main$5 from "../../../icons/navigation/IconEdit.vue.js";
 import _sfc_main$2 from "../../../icons/navigation/IconEllipsis.vue.js";