@ozdao/martyrs 0.2.506 → 0.2.507

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

@@ -4,40 +4,36 @@ const vue = require("vue");
 const vueRouter = require("vue-router");
 require("vue-i18n");
 ;/* empty css                                                   */
-const Tab = require("../../../../components/Tab/Tab.vue.cjs");
-const Block = require("../../../../components/Block/Block.vue.cjs");
-const Feed = require("../../../../components/Feed/Feed.vue.cjs");
-const CardBlogpost = require("../../../community/components/blocks/CardBlogpost.vue.cjs");
+;/* empty css                                           */
 ;/* empty css                                      */
 require("../../../../components/Menu/MenuItem.vue.cjs");
 ;/* empty css                             */
 const DetailsTabSection = require("../sections/DetailsTabSection.vue.cjs");
-const Feed$1 = require("../../../events/components/sections/Feed.vue.cjs");
-const CardSpot = require("../../../spots/components/blocks/CardSpot.vue.cjs");
-const Products = require("../../../products/components/pages/Products.vue.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");
 const organizations = require("../../store/organizations.cjs");
 const memberships = require("../../store/memberships.cjs");
 require("../../store/departments.cjs");
-const blogposts = require("../../../community/store/blogposts.cjs");
-const spots = require("../../../spots/store/spots.cjs");
-;/* empty css                    */
 const _hoisted_1 = {
   key: 0,
   class: "pd-thin for-transition w-100"
 };
 const _hoisted_2 = { class: "pos-relative" };
-const _hoisted_3 = { class: "w-100 gap-thin flex flex-nowrap o-x-scroll" };
-const _hoisted_4 = { key: 0 };
+const _hoisted_3 = { class: "bg-light radius-medium pd-medium" };
+const _hoisted_4 = { class: "mn-b-small" };
+const _hoisted_5 = {
+  key: 0,
+  class: "t-medium"
+};
+const _hoisted_6 = {
+  key: 1,
+  class: "t-medium t-black-transp-60"
+};
 const _sfc_main = {
   __name: "Organization",
   setup(__props) {
-    const router = vueRouter.useRouter();
+    vueRouter.useRouter();
     const route = vueRouter.useRoute();
-    let tab = route.query.tab ? route.query.tab : "products";
     const organizationData = vue.ref(null);
-    const tabOrganization = vue.ref(tab);
-    route.query.tab = tabOrganization.value;
     vue.onMounted(async () => {
       organizationData.value = await organizations.actions.read({
         _id: route.params._id,
@@ -55,190 +51,18 @@ const _sfc_main = {
         });
       }
     });
-    vue.watch(tabOrganization, (newValue) => {
-      router.replace({ query: { ...route.query, tab: newValue } });
-    });
     return (_ctx, _cache) => {
-      const _component_router_link = vue.resolveComponent("router-link");
       return organizationData.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.createVNode(DetailsTabSection.default, {
           organization: organizations.state.current,
           user: auth.state.user,
           class: "mn-b-thin"
         }, null, 8, ["organization", "user"]),
-        vue.createVNode(Tab.default, {
-          selected: tabOrganization.value,
-          "onUpdate:selected": _cache[0] || (_cache[0] = ($event) => tabOrganization.value = $event),
-          tabs: [
-            { name: "Community", value: "community" },
-            { name: "Menu", value: "products" },
-            { name: "Events", value: "events" },
-            { name: "Spots", value: "spots" }
-          ],
-          class: "mn-b-thin o-x-scroll scroll-hide flex-child-default o-hidden t-medium p-medium radius-medium pd-thin bg-light"
-        }, null, 8, ["selected"]),
         vue.createElementVNode("div", _hoisted_2, [
-          vue.createVNode(vue.Transition, { name: "slide-fade" }, {
-            default: vue.withCtx(() => [
-              tabOrganization.value === "community" ? (vue.openBlock(), vue.createBlock(Feed.default, {
-                key: 0,
-                showLoadMore: false,
-                states: {
-                  empty: {
-                    title: "No Blog Posts Found",
-                    description: "Currently, there are no posts available in this blog. Please check back later."
-                  }
-                },
-                store: {
-                  read: (options) => blogposts.read(options)
-                },
-                options: {
-                  status: "published",
-                  user: auth.state.user._id,
-                  owner: vue.unref(route).params._id
-                },
-                class: "rows-1 gap-thin"
-              }, {
-                default: vue.withCtx(({
-                  items
-                }) => [
-                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (item) => {
-                    return vue.openBlock(), vue.createBlock(CardBlogpost.default, {
-                      key: item._id,
-                      blogpost: item,
-                      user: auth.state.user._id,
-                      class: "h-max-40r bg-light radius-medium"
-                    }, null, 8, ["blogpost", "user"]);
-                  }), 128))
-                ]),
-                _: 1
-              }, 8, ["store", "options"])) : vue.createCommentVNode("", true)
-            ]),
-            _: 1
-          }),
-          vue.createVNode(vue.Transition, { name: "slide-fade" }, {
-            default: vue.withCtx(() => [
-              tabOrganization.value === "events" ? (vue.openBlock(), vue.createBlock(Feed$1.default, {
-                key: 0,
-                user: auth.state.user._id,
-                owner: vue.unref(route).params._id,
-                sortOrder: "desc",
-                sortParam: "date.start"
-              }, null, 8, ["user", "owner"])) : vue.createCommentVNode("", true)
-            ]),
-            _: 1
-          }),
-          vue.createVNode(vue.Transition, { name: "slide-fade" }, {
-            default: vue.withCtx(() => [
-              tabOrganization.value === "products" ? (vue.openBlock(), vue.createBlock(Products.default, {
-                key: 0,
-                organization: organizations.state.current
-              }, {
-                default: vue.withCtx(() => [
-                  _ctx.hasAccess(vue.unref(route).params._id, null, null, auth.state.accesses, auth.state.access.roles) ? (vue.openBlock(), vue.createBlock(Block.default, {
-                    key: 0,
-                    class: "o-x-scroll pd-small scroll-hide w-100 pos-relative mn-b-thin"
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.createElementVNode("div", _hoisted_3, [
-                        vue.createVNode(_component_router_link, {
-                          class: "bg-black t-nowrap t-white uppercase t-semi pd-thin radius-small",
-                          to: {
-                            name: "Organization_ProductAdd",
-                            params: {
-                              _id: vue.unref(route).params._id
-                            }
-                          }
-                        }, {
-                          default: vue.withCtx(() => _cache[2] || (_cache[2] = [
-                            vue.createTextVNode(" Add Product ")
-                          ])),
-                          _: 1
-                        }, 8, ["to"]),
-                        vue.createVNode(_component_router_link, {
-                          class: "uppercase t-nowrap t-semi pd-thin",
-                          to: {
-                            name: "OrganizationInventoryList",
-                            params: {
-                              _id: vue.unref(route).params._id
-                            }
-                          }
-                        }, {
-                          default: vue.withCtx(() => _cache[3] || (_cache[3] = [
-                            vue.createTextVNode(" Change Invetory ")
-                          ])),
-                          _: 1
-                        }, 8, ["to"]),
-                        vue.createVNode(_component_router_link, {
-                          class: "d-block t-nowrap mn-l-auto uppercase t-semi bg-white pd-thin radius-small",
-                          to: {
-                            name: "Backoffice",
-                            params: {
-                              _id: vue.unref(route).params._id
-                            }
-                          }
-                        }, {
-                          default: vue.withCtx(() => _cache[4] || (_cache[4] = [
-                            vue.createTextVNode(" Go to Backoffice ")
-                          ])),
-                          _: 1
-                        }, 8, ["to"])
-                      ])
-                    ]),
-                    _: 1
-                  })) : vue.createCommentVNode("", true)
-                ]),
-                _: 1
-              }, 8, ["organization"])) : vue.createCommentVNode("", true)
-            ]),
-            _: 1
-          }),
-          vue.createVNode(vue.Transition, { name: "slide-fade" }, {
-            default: vue.withCtx(() => [
-              tabOrganization.value === "spots" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
-                vue.createVNode(Feed.default, {
-                  states: {
-                    empty: {
-                      title: "No Spots Found",
-                      description: "Currently, there are no spots available."
-                    }
-                  },
-                  store: {
-                    read: (options) => spots.actions.read(options),
-                    state: organizations.state
-                  },
-                  options: {
-                    user: auth.state.user._id,
-                    organization: vue.unref(route).params._id,
-                    limit: 10
-                  }
-                }, {
-                  default: vue.withCtx(({
-                    items
-                  }) => [
-                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (spot, index) => {
-                      return vue.openBlock(), vue.createBlock(CardSpot.default, {
-                        key: index,
-                        spot,
-                        organization: organizations.state.current,
-                        editAccess: _ctx.hasAccess(vue.unref(route).params._id, "spots", "edit", auth.state.accesses, auth.state.access.roles),
-                        showDeliveryOptions: true,
-                        showPaymentOptions: true,
-                        class: "radius-medium h-min-big bg-light mn-b-thin"
-                      }, null, 8, ["spot", "organization", "editAccess"]);
-                    }), 128))
-                  ]),
-                  _: 1
-                }, 8, ["store", "options"]),
-                _ctx.hasAccess(vue.unref(route).params._id, "spots", "create", auth.state.accesses, auth.state.access.roles) ? (vue.openBlock(), vue.createElementBlock("button", {
-                  key: 0,
-                  onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$router.push(`/spots/${organizations.state.current._id}/spots/create`)),
-                  class: "mn-b-thin bg-main button w-100"
-                }, " Add spot ")) : vue.createCommentVNode("", true)
-              ])) : vue.createCommentVNode("", true)
-            ]),
-            _: 1
-          })
+          vue.createElementVNode("div", _hoisted_3, [
+            vue.createElementVNode("h3", _hoisted_4, "About " + vue.toDisplayString(organizations.state.current?.profile?.name), 1),
+            organizations.state.current?.profile?.description ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_5, vue.toDisplayString(organizations.state.current.profile.description), 1)) : (vue.openBlock(), vue.createElementBlock("p", _hoisted_6, " No description available. "))
+          ])
         ])
       ])) : vue.createCommentVNode("", true);
     };

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

@@ -1 +1 @@
-{"version":3,"file":"Organization.vue.cjs","sources":["../../../../../../../src/modules/organizations/components/pages/Organization.vue"],"sourcesContent":["<template>\n\t<div v-if=\"organizationData\" class=\"pd-thin for-transition w-100\">\n\n\t\t<!-- <Breadcrumbs class=\"mn-b-thin pd-medium bg-light radius-big\"/> -->\n\t\t<!-- <pre>{{organization.state.current}}</pre> -->\n\n\t\t<DetailsTabSection \t\n\t\t\t:organization=\"organization.state.current\" \n\t\t\t:user=\"auth.state.user\"\n\t\t\tclass=\"mn-b-thin\"\n\t\t>\n\n\t\t</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=\"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:'OrganizationInventoryList', \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 h-min-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.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,UAAAA,UAAS;AACzB,UAAM,QAASC,UAAAA,SAAQ;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,cAAAA,QAAqB,KAAK;AAAA,QACxD,KAAK,MAAM,OAAO;AAAA,QAClB,MAAMC,KAAAA,MAAW,KAAK;AAAA,QACtB,QAAQ,CAAC,aAAa;AAAA,MACzB,CAAG;AAEA,YAAMC,YAAAA,QAAoB,KAAK,EAAC,QAAQ,MAAM,OAAO,IAAG,CAAC;AAEzD,UAAI,OAAO,SAAS,YAAY;AAChC,aAAK,SAAS,qBAAqB;AAAA,UAClC,iBAAiB,MAAM,OAAO;AAAA,UAC9B,mBAAmB,iBAAiB,OAAO,SAAS,QAAQ;AAAA,UAC5D,WAAW,OAAO,SAAS;AAAA,UAC3B,SAASD,KAAAA,MAAW,KAAK,OAAO;AAAA,UAChC,YAAW,oBAAI,KAAI,GAAG,YAAW;AAAA,QACrC,CAAI;AAAA,MACF;AAAA,IACD,CAAC;AAEDE,cAAM,iBAAiB,CAAC,aAAa;AACnC,aAAO,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,OAAO,KAAK,SAAQ,GAAI;AAAA,IAC7D,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Organization.vue.cjs","sources":["../../../../../../../src/modules/organizations/components/pages/Organization.vue"],"sourcesContent":["<template>\n\t<div v-if=\"organizationData\" class=\"pd-thin for-transition w-100\">\n\n\t\t<!-- <Breadcrumbs class=\"mn-b-thin pd-medium bg-light radius-big\"/> -->\n\t\t<!-- <pre>{{organization.state.current}}</pre> -->\n\n\t\t<DetailsTabSection \t\n\t\t\t:organization=\"organization.state.current\" \n\t\t\t:user=\"auth.state.user\"\n\t\t\tclass=\"mn-b-thin\"\n\t\t/>\n\n\t\t<!-- Organization Info Section -->\n\t\t<div class=\"pos-relative\">\n\t\t\t<div class=\"bg-light radius-medium pd-medium\">\n\t\t\t\t<h3 class=\"mn-b-small\">About {{ organization.state.current?.profile?.name }}</h3>\n\t\t\t\t<p v-if=\"organization.state.current?.profile?.description\" class=\"t-medium\">\n\t\t\t\t\t{{ organization.state.current.profile.description }}\n\t\t\t\t</p>\n\t\t\t\t<p v-else class=\"t-medium t-black-transp-60\">\n\t\t\t\t\tNo description available.\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\n\timport { computed, reactive, ref, onMounted, watch  } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Import components\n\timport Breadcrumbs \tfrom '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue'\n\timport Block  \t\tfrom '@martyrs/src/components/Block/Block.vue'\n\t// Mobile Module\n\timport Menu from '@martyrs/src/components/Menu/Menu.vue'\n\timport MenuItem from '@martyrs/src/components/Menu/MenuItem.vue'\n\t// Organizations\n\timport DepartmentSub from '@martyrs/src/modules/organizations/components/blocks/DepartmentSub.vue';\n\timport DetailsTabSection from '@martyrs/src/modules/organizations/components/sections/DetailsTabSection.vue'\n\timport User from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\n\t// Import state\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\timport * as organization from '@martyrs/src/modules/organizations/store/organizations.js';\n\timport * as memberships from '@martyrs/src/modules/organizations/store/memberships.js';\n\timport * as departments from '@martyrs/src/modules/organizations/store/departments.js';\n\t// Init router\n\tconst router \t= useRouter()\n\tconst route \t= useRoute()\n\n\tconst organizationData = ref(null)\n\n\tonMounted(async () => {\n\t\t\n\t\torganizationData.value = await organization.actions.read({\n\t\t\t_id: route.params._id, \n\t\t\tuser: auth.state.user._id,\n\t\t\tlookup: ['memberships']\n\t\t})\n\n \t\tawait memberships.actions.read({target: route.params._id})\n\n \t\tif (typeof gtag === 'function') {\n\t\t\tgtag('event', 'view_organization', {\n\t\t\t\torganization_id: route.params._id,\n\t\t\t\torganization_name: organizationData.value?.profile?.name || 'unknown',\n\t\t\t\tpage_path: window.location.pathname,\n\t\t\t\tuser_id: auth.state.user._id || 'anonymous',\n\t\t\t\ttimestamp: new Date().toISOString()\n\t\t\t});\n\t\t}\n\t})\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["useRouter","useRoute","ref","onMounted","organization.actions","auth.state","memberships.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CiBA,cAAAA,UAAS;AACzB,UAAM,QAASC,UAAAA,SAAQ;AAEvB,UAAM,mBAAmBC,IAAAA,IAAI,IAAI;AAEjCC,QAAAA,UAAU,YAAY;AAErB,uBAAiB,QAAQ,MAAMC,cAAAA,QAAqB,KAAK;AAAA,QACxD,KAAK,MAAM,OAAO;AAAA,QAClB,MAAMC,KAAAA,MAAW,KAAK;AAAA,QACtB,QAAQ,CAAC,aAAa;AAAA,MACzB,CAAG;AAEA,YAAMC,YAAAA,QAAoB,KAAK,EAAC,QAAQ,MAAM,OAAO,IAAG,CAAC;AAEzD,UAAI,OAAO,SAAS,YAAY;AAChC,aAAK,SAAS,qBAAqB;AAAA,UAClC,iBAAiB,MAAM,OAAO;AAAA,UAC9B,mBAAmB,iBAAiB,OAAO,SAAS,QAAQ;AAAA,UAC5D,WAAW,OAAO,SAAS;AAAA,UAC3B,SAASD,KAAAA,MAAW,KAAK,OAAO;AAAA,UAChC,YAAW,oBAAI,KAAI,GAAG,YAAW;AAAA,QACrC,CAAI;AAAA,MACF;AAAA,IACD,CAAC;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,41 +1,37 @@
-import { ref, onMounted, watch, resolveComponent, createElementBlock, createCommentVNode, openBlock, createVNode, createElementVNode, Transition, withCtx, createBlock, unref, Fragment, renderList, createTextVNode } from "vue";
+import { ref, onMounted, createElementBlock, createCommentVNode, openBlock, createVNode, createElementVNode, toDisplayString } from "vue";
 import { useRouter, useRoute } from "vue-router";
 import "vue-i18n";
 /* empty css                                                 */
-import _sfc_main$2 from "../../../../components/Tab/Tab.vue.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";
 /* empty css                           */
 import _sfc_main$1 from "../sections/DetailsTabSection.vue.js";
-import _sfc_main$5 from "../../../events/components/sections/Feed.vue.js";
-import CardSpot from "../../../spots/components/blocks/CardSpot.vue.js";
-import _sfc_main$6 from "../../../products/components/pages/Products.vue.js";
 import { state } from "../../../auth/views/store/auth.js";
 import { actions, state as state$1 } from "../../store/organizations.js";
 import { actions as actions$1 } from "../../store/memberships.js";
 import "../../store/departments.js";
-import { read } from "../../../community/store/blogposts.js";
-import { actions as actions$2 } from "../../../spots/store/spots.js";
-/* empty css                  */
 const _hoisted_1 = {
   key: 0,
   class: "pd-thin for-transition w-100"
 };
 const _hoisted_2 = { class: "pos-relative" };
-const _hoisted_3 = { class: "w-100 gap-thin flex flex-nowrap o-x-scroll" };
-const _hoisted_4 = { key: 0 };
+const _hoisted_3 = { class: "bg-light radius-medium pd-medium" };
+const _hoisted_4 = { class: "mn-b-small" };
+const _hoisted_5 = {
+  key: 0,
+  class: "t-medium"
+};
+const _hoisted_6 = {
+  key: 1,
+  class: "t-medium t-black-transp-60"
+};
 const _sfc_main = {
   __name: "Organization",
   setup(__props) {
-    const router = useRouter();
+    useRouter();
     const route = useRoute();
-    let tab = route.query.tab ? route.query.tab : "products";
     const organizationData = ref(null);
-    const tabOrganization = ref(tab);
-    route.query.tab = tabOrganization.value;
     onMounted(async () => {
       organizationData.value = await actions.read({
         _id: route.params._id,
@@ -53,190 +49,18 @@ const _sfc_main = {
         });
       }
     });
-    watch(tabOrganization, (newValue) => {
-      router.replace({ query: { ...route.query, tab: newValue } });
-    });
     return (_ctx, _cache) => {
-      const _component_router_link = resolveComponent("router-link");
       return organizationData.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(_sfc_main$1, {
           organization: state$1.current,
           user: state.user,
           class: "mn-b-thin"
         }, null, 8, ["organization", "user"]),
-        createVNode(_sfc_main$2, {
-          selected: tabOrganization.value,
-          "onUpdate:selected": _cache[0] || (_cache[0] = ($event) => tabOrganization.value = $event),
-          tabs: [
-            { name: "Community", value: "community" },
-            { name: "Menu", value: "products" },
-            { name: "Events", value: "events" },
-            { name: "Spots", value: "spots" }
-          ],
-          class: "mn-b-thin o-x-scroll scroll-hide flex-child-default o-hidden t-medium p-medium radius-medium pd-thin bg-light"
-        }, null, 8, ["selected"]),
         createElementVNode("div", _hoisted_2, [
-          createVNode(Transition, { name: "slide-fade" }, {
-            default: withCtx(() => [
-              tabOrganization.value === "community" ? (openBlock(), createBlock(_sfc_main$3, {
-                key: 0,
-                showLoadMore: false,
-                states: {
-                  empty: {
-                    title: "No Blog Posts Found",
-                    description: "Currently, there are no posts available in this blog. Please check back later."
-                  }
-                },
-                store: {
-                  read: (options) => read(options)
-                },
-                options: {
-                  status: "published",
-                  user: state.user._id,
-                  owner: unref(route).params._id
-                },
-                class: "rows-1 gap-thin"
-              }, {
-                default: withCtx(({
-                  items
-                }) => [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(items, (item) => {
-                    return openBlock(), createBlock(_sfc_main$4, {
-                      key: item._id,
-                      blogpost: item,
-                      user: state.user._id,
-                      class: "h-max-40r bg-light radius-medium"
-                    }, null, 8, ["blogpost", "user"]);
-                  }), 128))
-                ]),
-                _: 1
-              }, 8, ["store", "options"])) : createCommentVNode("", true)
-            ]),
-            _: 1
-          }),
-          createVNode(Transition, { name: "slide-fade" }, {
-            default: withCtx(() => [
-              tabOrganization.value === "events" ? (openBlock(), createBlock(_sfc_main$5, {
-                key: 0,
-                user: state.user._id,
-                owner: unref(route).params._id,
-                sortOrder: "desc",
-                sortParam: "date.start"
-              }, null, 8, ["user", "owner"])) : createCommentVNode("", true)
-            ]),
-            _: 1
-          }),
-          createVNode(Transition, { name: "slide-fade" }, {
-            default: withCtx(() => [
-              tabOrganization.value === "products" ? (openBlock(), createBlock(_sfc_main$6, {
-                key: 0,
-                organization: state$1.current
-              }, {
-                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 pd-small scroll-hide w-100 pos-relative mn-b-thin"
-                  }, {
-                    default: withCtx(() => [
-                      createElementVNode("div", _hoisted_3, [
-                        createVNode(_component_router_link, {
-                          class: "bg-black t-nowrap t-white uppercase t-semi pd-thin radius-small",
-                          to: {
-                            name: "Organization_ProductAdd",
-                            params: {
-                              _id: unref(route).params._id
-                            }
-                          }
-                        }, {
-                          default: withCtx(() => _cache[2] || (_cache[2] = [
-                            createTextVNode(" Add Product ")
-                          ])),
-                          _: 1
-                        }, 8, ["to"]),
-                        createVNode(_component_router_link, {
-                          class: "uppercase t-nowrap t-semi pd-thin",
-                          to: {
-                            name: "OrganizationInventoryList",
-                            params: {
-                              _id: unref(route).params._id
-                            }
-                          }
-                        }, {
-                          default: withCtx(() => _cache[3] || (_cache[3] = [
-                            createTextVNode(" Change Invetory ")
-                          ])),
-                          _: 1
-                        }, 8, ["to"]),
-                        createVNode(_component_router_link, {
-                          class: "d-block t-nowrap mn-l-auto uppercase t-semi bg-white pd-thin radius-small",
-                          to: {
-                            name: "Backoffice",
-                            params: {
-                              _id: unref(route).params._id
-                            }
-                          }
-                        }, {
-                          default: withCtx(() => _cache[4] || (_cache[4] = [
-                            createTextVNode(" Go to Backoffice ")
-                          ])),
-                          _: 1
-                        }, 8, ["to"])
-                      ])
-                    ]),
-                    _: 1
-                  })) : createCommentVNode("", true)
-                ]),
-                _: 1
-              }, 8, ["organization"])) : createCommentVNode("", true)
-            ]),
-            _: 1
-          }),
-          createVNode(Transition, { name: "slide-fade" }, {
-            default: withCtx(() => [
-              tabOrganization.value === "spots" ? (openBlock(), createElementBlock("div", _hoisted_4, [
-                createVNode(_sfc_main$3, {
-                  states: {
-                    empty: {
-                      title: "No Spots Found",
-                      description: "Currently, there are no spots available."
-                    }
-                  },
-                  store: {
-                    read: (options) => actions$2.read(options),
-                    state: state$1
-                  },
-                  options: {
-                    user: state.user._id,
-                    organization: unref(route).params._id,
-                    limit: 10
-                  }
-                }, {
-                  default: withCtx(({
-                    items
-                  }) => [
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(items, (spot, index) => {
-                      return openBlock(), createBlock(CardSpot, {
-                        key: index,
-                        spot,
-                        organization: state$1.current,
-                        editAccess: _ctx.hasAccess(unref(route).params._id, "spots", "edit", state.accesses, state.access.roles),
-                        showDeliveryOptions: true,
-                        showPaymentOptions: true,
-                        class: "radius-medium h-min-big bg-light mn-b-thin"
-                      }, null, 8, ["spot", "organization", "editAccess"]);
-                    }), 128))
-                  ]),
-                  _: 1
-                }, 8, ["store", "options"]),
-                _ctx.hasAccess(unref(route).params._id, "spots", "create", state.accesses, state.access.roles) ? (openBlock(), createElementBlock("button", {
-                  key: 0,
-                  onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$router.push(`/spots/${state$1.current._id}/spots/create`)),
-                  class: "mn-b-thin bg-main button w-100"
-                }, " Add spot ")) : createCommentVNode("", true)
-              ])) : createCommentVNode("", true)
-            ]),
-            _: 1
-          })
+          createElementVNode("div", _hoisted_3, [
+            createElementVNode("h3", _hoisted_4, "About " + toDisplayString(state$1.current?.profile?.name), 1),
+            state$1.current?.profile?.description ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(state$1.current.profile.description), 1)) : (openBlock(), createElementBlock("p", _hoisted_6, " No description available. "))
+          ])
         ])
       ])) : createCommentVNode("", true);
     };

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

@@ -1 +1 @@
-{"version":3,"file":"Organization.vue.js","sources":["../../../../../../../src/modules/organizations/components/pages/Organization.vue"],"sourcesContent":["<template>\n\t<div v-if=\"organizationData\" class=\"pd-thin for-transition w-100\">\n\n\t\t<!-- <Breadcrumbs class=\"mn-b-thin pd-medium bg-light radius-big\"/> -->\n\t\t<!-- <pre>{{organization.state.current}}</pre> -->\n\n\t\t<DetailsTabSection \t\n\t\t\t:organization=\"organization.state.current\" \n\t\t\t:user=\"auth.state.user\"\n\t\t\tclass=\"mn-b-thin\"\n\t\t>\n\n\t\t</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=\"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:'OrganizationInventoryList', \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 h-min-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.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,MACzB,CAAG;AAEA,YAAMC,UAAoB,KAAK,EAAC,QAAQ,MAAM,OAAO,IAAG,CAAC;AAEzD,UAAI,OAAO,SAAS,YAAY;AAChC,aAAK,SAAS,qBAAqB;AAAA,UAClC,iBAAiB,MAAM,OAAO;AAAA,UAC9B,mBAAmB,iBAAiB,OAAO,SAAS,QAAQ;AAAA,UAC5D,WAAW,OAAO,SAAS;AAAA,UAC3B,SAASD,MAAW,KAAK,OAAO;AAAA,UAChC,YAAW,oBAAI,KAAI,GAAG,YAAW;AAAA,QACrC,CAAI;AAAA,MACF;AAAA,IACD,CAAC;AAED,UAAM,iBAAiB,CAAC,aAAa;AACnC,aAAO,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,OAAO,KAAK,SAAQ,GAAI;AAAA,IAC7D,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Organization.vue.js","sources":["../../../../../../../src/modules/organizations/components/pages/Organization.vue"],"sourcesContent":["<template>\n\t<div v-if=\"organizationData\" class=\"pd-thin for-transition w-100\">\n\n\t\t<!-- <Breadcrumbs class=\"mn-b-thin pd-medium bg-light radius-big\"/> -->\n\t\t<!-- <pre>{{organization.state.current}}</pre> -->\n\n\t\t<DetailsTabSection \t\n\t\t\t:organization=\"organization.state.current\" \n\t\t\t:user=\"auth.state.user\"\n\t\t\tclass=\"mn-b-thin\"\n\t\t/>\n\n\t\t<!-- Organization Info Section -->\n\t\t<div class=\"pos-relative\">\n\t\t\t<div class=\"bg-light radius-medium pd-medium\">\n\t\t\t\t<h3 class=\"mn-b-small\">About {{ organization.state.current?.profile?.name }}</h3>\n\t\t\t\t<p v-if=\"organization.state.current?.profile?.description\" class=\"t-medium\">\n\t\t\t\t\t{{ organization.state.current.profile.description }}\n\t\t\t\t</p>\n\t\t\t\t<p v-else class=\"t-medium t-black-transp-60\">\n\t\t\t\t\tNo description available.\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\n\timport { computed, reactive, ref, onMounted, watch  } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Import components\n\timport Breadcrumbs \tfrom '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue'\n\timport Block  \t\tfrom '@martyrs/src/components/Block/Block.vue'\n\t// Mobile Module\n\timport Menu from '@martyrs/src/components/Menu/Menu.vue'\n\timport MenuItem from '@martyrs/src/components/Menu/MenuItem.vue'\n\t// Organizations\n\timport DepartmentSub from '@martyrs/src/modules/organizations/components/blocks/DepartmentSub.vue';\n\timport DetailsTabSection from '@martyrs/src/modules/organizations/components/sections/DetailsTabSection.vue'\n\timport User from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\n\t// Import state\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\timport * as organization from '@martyrs/src/modules/organizations/store/organizations.js';\n\timport * as memberships from '@martyrs/src/modules/organizations/store/memberships.js';\n\timport * as departments from '@martyrs/src/modules/organizations/store/departments.js';\n\t// Init router\n\tconst router \t= useRouter()\n\tconst route \t= useRoute()\n\n\tconst organizationData = ref(null)\n\n\tonMounted(async () => {\n\t\t\n\t\torganizationData.value = await organization.actions.read({\n\t\t\t_id: route.params._id, \n\t\t\tuser: auth.state.user._id,\n\t\t\tlookup: ['memberships']\n\t\t})\n\n \t\tawait memberships.actions.read({target: route.params._id})\n\n \t\tif (typeof gtag === 'function') {\n\t\t\tgtag('event', 'view_organization', {\n\t\t\t\torganization_id: route.params._id,\n\t\t\t\torganization_name: organizationData.value?.profile?.name || 'unknown',\n\t\t\t\tpage_path: window.location.pathname,\n\t\t\t\tuser_id: auth.state.user._id || 'anonymous',\n\t\t\t\ttimestamp: new Date().toISOString()\n\t\t\t});\n\t\t}\n\t})\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["organization.actions","auth.state","memberships.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CiB,cAAS;AACzB,UAAM,QAAS,SAAQ;AAEvB,UAAM,mBAAmB,IAAI,IAAI;AAEjC,cAAU,YAAY;AAErB,uBAAiB,QAAQ,MAAMA,QAAqB,KAAK;AAAA,QACxD,KAAK,MAAM,OAAO;AAAA,QAClB,MAAMC,MAAW,KAAK;AAAA,QACtB,QAAQ,CAAC,aAAa;AAAA,MACzB,CAAG;AAEA,YAAMC,UAAoB,KAAK,EAAC,QAAQ,MAAM,OAAO,IAAG,CAAC;AAEzD,UAAI,OAAO,SAAS,YAAY;AAChC,aAAK,SAAS,qBAAqB;AAAA,UAClC,iBAAiB,MAAM,OAAO;AAAA,UAC9B,mBAAmB,iBAAiB,OAAO,SAAS,QAAQ;AAAA,UAC5D,WAAW,OAAO,SAAS;AAAA,UAC3B,SAASD,MAAW,KAAK,OAAO;AAAA,UAChC,YAAW,oBAAI,KAAI,GAAG,YAAW;AAAA,QACrC,CAAI;AAAA,MACF;AAAA,IACD,CAAC;;;;;;;;;;;;;;;;;;"}

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

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

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

@@ -3,12 +3,12 @@ import { useRoute, useRouter } from "vue-router";
 import "vue-i18n";
 /* empty css                                                 */
 import _sfc_main$3 from "../../../../components/FieldTags/BlockTags.vue.js";
-/* empty css                                  */
+/* empty css                                 */
 import Field from "../../../../components/Field/Field.vue.js";
 /* empty css                                        */
 import _sfc_main$1 from "../../../../components/SelectMulti/SelectMulti.vue2.js";
 import _sfc_main$2 from "../../../../components/UploadImage/UploadImage.vue.js";
-import _sfc_main$4 from "../../../../components/Button/Button.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";

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

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-const Tab = require("../../../../components/Tab/Tab.vue.cjs");
+const Tab = require("../../../../components/Tab/Tab.vue2.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");
 const organizations = require("../../store/organizations.cjs");

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

@@ -1,6 +1,6 @@
 import { ref, watch, createElementBlock, openBlock, createCommentVNode, createVNode, createElementVNode, Transition, withCtx, unref, Fragment, renderList, isMemoSame, createBlock } from "vue";
 import { useRoute, useRouter } from "vue-router";
-import _sfc_main$1 from "../../../../components/Tab/Tab.vue.js";
+import _sfc_main$1 from "../../../../components/Tab/Tab.vue2.js";
 import _sfc_main$2 from "../../../../components/Feed/Feed.vue.js";
 import { state } from "../../../auth/views/store/auth.js";
 import { actions } from "../../store/organizations.js";