@ozdao/martyrs 0.2.487 → 0.2.489

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=\"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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:'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,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

@@ -90,10 +90,10 @@ const _sfc_main = {
               ]),
               _: 1
             })) : vue.createCommentVNode("", true),
-            _ctx.hasAccess(vue.unref(route).params._id, "leftovers", "read", auth.state.accesses, auth.state.access.roles) ? (vue.openBlock(), vue.createBlock(MenuItem.default, {
+            _ctx.hasAccess(vue.unref(route).params._id, "inventory", "read", auth.state.accesses, auth.state.access.roles) ? (vue.openBlock(), vue.createBlock(MenuItem.default, {
               key: 3,
               onClick: _cache[3] || (_cache[3] = ($event) => vue.unref(router).push({
-                name: "Leftovers",
+                name: "OrganizationInventoryList",
                 params: {
                   _id: vue.unref(route).params._id
                 }
@@ -106,7 +106,7 @@ const _sfc_main = {
                   icon: true,
                   fill: "rgb(var(--white))"
                 }),
-                _cache[11] || (_cache[11] = vue.createElementVNode("span", null, " Leftovers ", -1))
+                _cache[11] || (_cache[11] = vue.createElementVNode("span", null, " Inventory ", -1))
               ]),
               _: 1
             })) : vue.createCommentVNode("", true),

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.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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, 'inventory', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'OrganizationInventoryList', \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    \tInventory\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

@@ -88,10 +88,10 @@ const _sfc_main = {
               ]),
               _: 1
             })) : createCommentVNode("", true),
-            _ctx.hasAccess(unref(route).params._id, "leftovers", "read", state.accesses, state.access.roles) ? (openBlock(), createBlock(_sfc_main$2, {
+            _ctx.hasAccess(unref(route).params._id, "inventory", "read", state.accesses, state.access.roles) ? (openBlock(), createBlock(_sfc_main$2, {
               key: 3,
               onClick: _cache[3] || (_cache[3] = ($event) => unref(router).push({
-                name: "Leftovers",
+                name: "OrganizationInventoryList",
                 params: {
                   _id: unref(route).params._id
                 }
@@ -104,7 +104,7 @@ const _sfc_main = {
                   icon: true,
                   fill: "rgb(var(--white))"
                 }),
-                _cache[11] || (_cache[11] = createElementVNode("span", null, " Leftovers ", -1))
+                _cache[11] || (_cache[11] = createElementVNode("span", null, " Inventory ", -1))
               ]),
               _: 1
             })) : createCommentVNode("", true),

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.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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, 'inventory', 'read', auth.state.accesses, auth.state.access.roles)\"\n\t\t  \t@click=\"router.push({\n\t\t  \t\tname: 'OrganizationInventoryList', \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    \tInventory\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

@@ -6,10 +6,10 @@ require("vue-i18n");
 ;/* empty css                                                   */
 const BlockTags = require("../../../../components/FieldTags/BlockTags.vue.cjs");
 ;/* empty css                                   */
-const Field = require("../../../../components/Field/Field.vue2.cjs");
+const Field = require("../../../../components/Field/Field.vue.cjs");
 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

@@ -2,12 +2,12 @@ import { onMounted, computed, createElementBlock, openBlock, createElementVNode,
 import { useRoute, useRouter } from "vue-router";
 import "vue-i18n";
 /* empty css                                                 */
-import _sfc_main$4 from "../../../../components/FieldTags/BlockTags.vue.js";
+import _sfc_main$3 from "../../../../components/FieldTags/BlockTags.vue.js";
 /* empty css                                 */
-import _sfc_main$3 from "../../../../components/Field/Field.vue2.js";
+import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$1 from "../../../../components/SelectMulti/SelectMulti.vue2.js";
 import _sfc_main$2 from "../../../../components/UploadImage/UploadImage.vue.js";
-import _sfc_main$5 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";
@@ -59,46 +59,46 @@ const _sfc_main = {
           }, null, 8, ["photo", "uploadPath"]),
           _cache[14] || (_cache[14] = createElementVNode("h4", null, "Upload photo", -1))
         ]),
-        createVNode(_sfc_main$3, {
+        createVNode(Field, {
           field: state.current.profile.name,
           "onUpdate:field": _cache[2] || (_cache[2] = ($event) => state.current.profile.name = $event),
           placeholder: "Name of organization",
           class: "mn-b-thin bg-light pd-medium radius-small"
         }, null, 8, ["field"]),
-        createVNode(_sfc_main$3, {
+        createVNode(Field, {
           field: state.current.profile.description,
           "onUpdate:field": _cache[3] || (_cache[3] = ($event) => state.current.profile.description = $event),
           placeholder: "Brief description of your group",
           class: "mn-b-thin bg-light pd-medium radius-small"
         }, null, 8, ["field"]),
-        createVNode(_sfc_main$4, {
+        createVNode(_sfc_main$3, {
           onTagsChanged: _cache[4] || (_cache[4] = (newTags) => state.current.profile.tags = newTags),
           tags: state.current.profile.tags,
           class: "mn-b-small"
         }, null, 8, ["tags"]),
         _cache[19] || (_cache[19] = createElementVNode("h3", { class: "mn-b-small" }, "Contacts", -1)),
-        createVNode(_sfc_main$3, {
+        createVNode(Field, {
           field: state.current.contacts.email,
           "onUpdate:field": _cache[5] || (_cache[5] = ($event) => state.current.contacts.email = $event),
           label: "Email",
           placeholder: "",
           class: "mn-b-thin bg-light pd-medium radius-small"
         }, null, 8, ["field"]),
-        createVNode(_sfc_main$3, {
+        createVNode(Field, {
           field: state.current.contacts.website,
           "onUpdate:field": _cache[6] || (_cache[6] = ($event) => state.current.contacts.website = $event),
           label: "Website",
           placeholder: "",
           class: "mn-b-thin bg-light pd-medium radius-small"
         }, null, 8, ["field"]),
-        createVNode(_sfc_main$3, {
+        createVNode(Field, {
           field: state.current.contacts.phone,
           "onUpdate:field": _cache[7] || (_cache[7] = ($event) => state.current.contacts.phone = $event),
           label: "Phone",
           placeholder: "",
           class: "mn-b-thin bg-light pd-medium radius-small"
         }, null, 8, ["field"]),
-        createVNode(_sfc_main$3, {
+        createVNode(Field, {
           field: state.current.contacts.address,
           "onUpdate:field": _cache[8] || (_cache[8] = ($event) => state.current.contacts.address = $event),
           label: "Address",
@@ -107,42 +107,42 @@ const _sfc_main = {
         }, null, 8, ["field"]),
         _cache[20] || (_cache[20] = createElementVNode("h3", { class: "mn-b-small" }, "Socials", -1)),
         _cache[21] || (_cache[21] = createElementVNode("p", { class: "mn-b-thin" }, "Please provide only the username for social media profiles, without full links.", -1)),
-        createVNode(_sfc_main$3, {
+        createVNode(Field, {
           field: state.current.socials.instagram,
           "onUpdate:field": _cache[9] || (_cache[9] = ($event) => state.current.socials.instagram = $event),
           label: "Instagram",
           placeholder: "",
           class: "mn-b-thin bg-light pd-medium radius-small"
         }, null, 8, ["field"]),
-        createVNode(_sfc_main$3, {
+        createVNode(Field, {
           field: state.current.socials.twitter,
           "onUpdate:field": _cache[10] || (_cache[10] = ($event) => state.current.socials.twitter = $event),
           label: "Twitter",
           placeholder: "",
           class: "mn-b-thin bg-light pd-medium radius-small"
         }, null, 8, ["field"]),
-        createVNode(_sfc_main$3, {
+        createVNode(Field, {
           field: state.current.socials.facebook,
           "onUpdate:field": _cache[11] || (_cache[11] = ($event) => state.current.socials.facebook = $event),
           label: "Facebook",
           placeholder: "",
           class: "mn-b-thin bg-light pd-medium radius-small"
         }, null, 8, ["field"]),
-        createVNode(_sfc_main$3, {
+        createVNode(Field, {
           field: state.current.socials.telegram,
           "onUpdate:field": _cache[12] || (_cache[12] = ($event) => state.current.socials.telegram = $event),
           label: "Telegram",
           placeholder: "",
           class: "mn-b-thin bg-light pd-medium radius-small"
         }, null, 8, ["field"]),
-        createVNode(_sfc_main$3, {
+        createVNode(Field, {
           field: state.current.socials.youtube,
           "onUpdate:field": _cache[13] || (_cache[13] = ($event) => state.current.socials.youtube = $event),
           label: "Youtube",
           placeholder: "",
           class: "mn-b-thin bg-light pd-medium radius-small"
         }, null, 8, ["field"]),
-        createVNode(_sfc_main$5, {
+        createVNode(_sfc_main$4, {
           submit: onSubmit,
           callback: redirectTo,
           class: "bg-main w-100 mn-b-thin"

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

@@ -44,7 +44,7 @@ const _sfc_main = {
           ],
           style: { "flex": "1 0 auto" },
           class: "o-hidden h5 bg-white gap-micro pd-small pd-t-thin pd-b-thin br-b br-solid br-black-transp",
-          tabClass: "bg-light pd-small radius-small w-100"
+          classTab: "bg-light pd-small radius-small w-100"
         }, null, 8, ["selected"]),
         vue.createElementVNode("div", _hoisted_2, [
           vue.createVNode(vue.Transition, { name: "slide-fade" }, {

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.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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\tclassTab=\"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

@@ -42,7 +42,7 @@ const _sfc_main = {
           ],
           style: { "flex": "1 0 auto" },
           class: "o-hidden h5 bg-white gap-micro pd-small pd-t-thin pd-b-thin br-b br-solid br-black-transp",
-          tabClass: "bg-light pd-small radius-small w-100"
+          classTab: "bg-light pd-small radius-small w-100"
         }, null, 8, ["selected"]),
         createElementVNode("div", _hoisted_2, [
           createVNode(Transition, { name: "slide-fade" }, {

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.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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\tclassTab=\"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

@@ -4,7 +4,7 @@ const vue = require("vue");
 const vueRouter = require("vue-router");
 const Dropdown = require("../../../../components/Dropdown/Dropdown.vue.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");
@@ -20,7 +20,7 @@ const _hoisted_3 = ["src"];
 const _hoisted_4 = { class: "mn-b-thin" };
 const _hoisted_5 = { class: "flex-center pd-r-thin pd-l-thin flex-nowrap flex mn-t-thin bg-white radius-extra w-max" };
 const _hoisted_6 = { class: "mn-t-thin p-medium t-medium uppercase mn-b-thin" };
-const _hoisted_7 = { class: "w-max-50r mn-t-regular mn-b-medium p-big" };
+const _hoisted_7 = { class: "w-max-50r mn-t-regular mn-b-medium p-semi" };
 const _hoisted_8 = {
   key: 5,
   class: "mn-t-small mn-b-thin"

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.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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-semi\">\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

@@ -2,7 +2,7 @@ import { resolveComponent, createElementBlock, openBlock, createBlock, createCom
 import { useRoute } from "vue-router";
 import _sfc_main$1 from "../../../../components/Dropdown/Dropdown.vue.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";
@@ -18,7 +18,7 @@ const _hoisted_3 = ["src"];
 const _hoisted_4 = { class: "mn-b-thin" };
 const _hoisted_5 = { class: "flex-center pd-r-thin pd-l-thin flex-nowrap flex mn-t-thin bg-white radius-extra w-max" };
 const _hoisted_6 = { class: "mn-t-thin p-medium t-medium uppercase mn-b-thin" };
-const _hoisted_7 = { class: "w-max-50r mn-t-regular mn-b-medium p-big" };
+const _hoisted_7 = { class: "w-max-50r mn-t-regular mn-b-medium p-semi" };
 const _hoisted_8 = {
   key: 5,
   class: "mn-t-small mn-b-thin"

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

@@ -1 +1 @@
-{"version":3,"file":"DetailsTabSection.vue.js","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":["memberships.mutations","organizations.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmLC,UAAM,QAAQ,SAAQ;AAGtB,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAQ,GAAE,YAAY,iBAAiB;AAC3FA,gBAAsB,uBAAuBC,MAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAC/H;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"DetailsTabSection.vue.js","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-semi\">\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":["memberships.mutations","organizations.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmLC,UAAM,QAAQ,SAAQ;AAGtB,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAQ,GAAE,YAAY,iBAAiB;AAC3FA,gBAAsB,uBAAuBC,MAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAC/H;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -2,11 +2,11 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-const Field = require("../../../../components/Field/Field.vue2.cjs");
+const Field = require("../../../../components/Field/Field.vue.cjs");
 ;/* empty css                                        */
 ;/* empty css                                         */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
-;/* empty css                                          */
+;/* empty css                                         */
 const _hoisted_1 = { class: "documents" };
 const _hoisted_2 = { class: "mn-b-big cols-4" };
 const _hoisted_3 = ["onClick"];

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

@@ -1,10 +1,10 @@
 import { ref, watchEffect, resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, Fragment, renderList, unref, toDisplayString, withCtx } from "vue";
 import { useRouter, useRoute } from "vue-router";
-import _sfc_main$1 from "../../../../components/Field/Field.vue2.js";
+import Field from "../../../../components/Field/Field.vue.js";
 /* empty css                                      */
 /* empty css                                       */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-/* empty css                                        */
+/* empty css                                       */
 const _hoisted_1 = { class: "documents" };
 const _hoisted_2 = { class: "mn-b-big cols-4" };
 const _hoisted_3 = ["onClick"];
@@ -90,7 +90,7 @@ const _sfc_main = {
               return openBlock(), createElementBlock("div", {
                 key: input.name
               }, [
-                createVNode(_sfc_main$1, {
+                createVNode(Field, {
                   field: input.value,
                   "onUpdate:field": ($event) => input.value = $event,
                   label: input.name,