npm - @ozdao/martyrs - Versions diffs - 0.2.546 → 0.2.548 - Mend

@ozdao/martyrs 0.2.546 → 0.2.548

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (763) hide show

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

@@ -13,7 +13,7 @@ import _sfc_main$2 from "../../../icons/navigation/IconEllipsis.vue.js";
 import PlaceholderOrganizationPic from "../../../icons/placeholders/PlaceholderOrganizationPic.vue.js";
 import membershipsStore from "../../store/memberships.store.js";
 import { actions, state as state$1 } from "../../store/organizations.js";
-/* empty css                                          */
+/* empty css                                         */
 /* empty css                                       */
 /* empty css                                           */
 /* empty css                                           */
@@ -30,7 +30,7 @@ import { state as state$2 } from "../../../globals/views/store/globals.js";
 /* empty css                                        */
 /* empty css                                                 */
 import "axios";
-/* empty css                                                  */
+/* empty css                                                 */
 /* empty css                                        */
 import _sfc_main$4 from "../elements/ButtonToggleMembership.vue.js";
 /* empty css                            */
@@ -52,7 +52,7 @@ const _hoisted_3 = { class: "bg-black pd-thin radius-small" };
 const _hoisted_4 = ["src"];
 const _hoisted_5 = { class: "mn-b-thin" };
 const _hoisted_6 = { class: "flex-center pd-r-thin pd-l-thin flex-nowrap flex mn-t-thin bg-white radius-extra w-max" };
-const _hoisted_7 = { class: "mn-t-thin p-medium t-medium uppercase mn-b-thin" };
+const _hoisted_7 = { class: "mn-t-thin p-regular t-medium uppercase mn-b-thin" };
 const _hoisted_8 = {
   key: 5,
   class: "mn-t-small mn-b-thin"
@@ -89,7 +89,7 @@ const _sfc_main = {
         createElementVNode("section", _hoisted_2, [
           state.user._id !== state$1.current.owner ? (openBlock(), createBlock(_sfc_main$1, {
             key: 0,
-            label: { component: _sfc_main$2, class: "i-regular t-transp" },
+            label: { component: _sfc_main$2, class: "i-medium t-transp" },
             align: "right",
             class: "cursor-pointer pos-absolute pos-r-regular pos-t-regular pd-thin radius-extra"
           }, {
@@ -134,7 +134,7 @@ const _sfc_main = {
           }, {
             default: withCtx(() => [
               createVNode(_sfc_main$5, {
-                class: "i-regular",
+                class: "i-medium",
                 classes: "fill-white"
               })
             ]),
@@ -162,13 +162,13 @@ const _sfc_main = {
               status: state$1.current.isSubscriber,
               text: { create: "+", remove: "-" },
               onUpdateMembership: _cache[1] || (_cache[1] = (event) => handleMembershipUpdate(event, "isSubscriber", "numberOfSubscribers")),
-              class: "mn-l-thin p-medium t-medium radius-extra i-semi"
+              class: "mn-l-thin p-regular t-medium radius-extra i-medium"
             }, null, 8, ["user", "target", "status"])) : createCommentVNode("", true)
           ]),
           state$1.current.profile?.tags?.length > 0 ? (openBlock(), createBlock(_sfc_main$7, {
             key: 4,
             chips: state$1.current.profile.tags,
-            class: "p-medium"
+            class: "p-regular"
           }, null, 8, ["chips"])) : createCommentVNode("", true),
           Object.values(state$1.current.socials).some((value) => value) ? (openBlock(), createElementBlock("h4", _hoisted_8, " Find us in socials ")) : createCommentVNode("", true),
           createVNode(unref(_sfc_main$8), {

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

	@@ -1 +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-medium\"/> -->\n\t\t<!-- <pre>{{organization.state.current}}</pre> -->\n\n\t\t<section class=\"flex-center flex flex-column t-center pd-medium radius-medium bg-light mn-b-thin\">\n\n\t\t\t<Dropdown \n\t\t\t\tv-if=\"auth.state.user._id !== organization.state.current.owner\"\n\t\t\t\t:label=\"{ component: IconEllipsis, class: 'i-~~regular~~ t-transp' }\"\n\t\t\t\t:align=\"'right'\"\n\t\t\t\tclass=\"cursor-pointer pos-absolute pos-r-regular pos-t-regular pd-thin radius-extra \"\n\t\t\t>\n\t\t\t\t<section \n\t\t\t\t\tclass=\"bg-black pd-thin radius-small\"\n\t\t\t\t>\n\t\t\t\t\t<FormReport \n\t\t\t\t\t\t:user=\"auth.state.user._id\"\n\t\t\t\t\t\t:type=\"'organization'\" \n\t\t\t\t\t\t:target=\"organization.state.current._id\" \n\t\t\t\t\t\t:text=\"'Report'\" \n\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<button \n\t\t\t\t\t\t\tclass=\"w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tReport\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</FormReport>\n\n\t\t\t\t\t<ButtonToggleMembership\n\t\t\t\t\t\tv-if=\"auth.state.user._id && auth.state.user._id !== organization.state.current.owner\"\n\t\t\t :user=\"auth.state.user._id\"\n\t\t\t :type=\"'organization'\" \n\t \t:role=\"'blocked'\" \n\t\t\t :target=\"organization.state.current._id\" \n\t\t\t :status=\"organization.state.current.isBlocked\" \n\t\t\t :text=\"{create: 'Block', remove: 'Unblock'}\"\n\t\t\t @updateMembership=\"event => handleMembershipUpdate(event, 'isBlocked')\"\n\t\t\t class=\"t-white w-100 mn-t-thin bg-red\" \n\t \t/>\n\t\t\t\t</section>\n\t </Dropdown>\n\n\t <router-link\n\t\t\t\tv-if=\"auth.state.user._id === organization.state.current.owner\"\n\t :to=\"{\n\t\t\t\t\tname: 'Organization Edit', \n\t\t\t\t\tparams: {\n\t\t\t\t\t\t_id: organization.state.current._id\n\t\t\t\t\t}\n\t\t\t\t}\" \n\t class=\"\n\t \tz-index-2\n\t cursor-pointer \n\t pos-absolute pos-t-regular pos-r-regular\n\t radius-extra pd-thin bg-second\n\t \"\n\t >\n\t <IconEdit\n\t class=\"i-~~regular~~\"\n\t classes=\"fill-white\"\n\t />\n\t </router-link>\n\n\n\t\t\t<img loading=\"lazy\" \n\t\t\t\tv-if=\"organization.state.current.profile.photo\" \n\t\t\t\t:src=\"(FILE_SERVER_URL \|\| '') + organization.state.current.profile.photo\" \n\t\t\t\tclass=\"radius-medium bg-light flex-center flex mn-b-small w-8r\" \n\t\t\t/>\n\n\t\t\t<PlaceholderOrganizationPic\n\t\t\t\tv-else\n\t\t\t\tclass=\"radius-medium mn-b-small i-extra\"\n\t\t\t/>\n\n\t <h1\n\t \tclass=\"mn-b-thin\"\n\t >\n\t \t\t{{ organization.state.current.profile.name }}\n\t \t</h1>\n\n\t \t<div class=\"flex-center pd-r-thin pd-l-thin flex-nowrap flex mn-t-thin bg-white radius-extra w-max\">\n\t \t\t<IconFollowing class=\"i-medium mn-r-micro t-transp\"/>\n\n\t <p class=\"mn-t-thin p-~~medium~~ t-medium uppercase mn-b-thin\">{{organization.state.current.numberOfSubscribers}} followers</p>\n\n\t <ButtonToggleMembership\n\t v-if=\"\n\t\t \tauth.state.user._id \n\t\t \t&& route.params._id \n\t\t \t&& route.params._id !== auth.state.user._id\n\t\t \t&& organization.state.current.owner !== auth.state.user._id\n\t\t \"\n\t :user=\"auth.state.user._id\"\n\t :type=\"'organization'\" \n\t :role=\"'subscriber'\" \n\t :target=\"organization.state.current._id\" \n\t :status=\"organization.state.current.isSubscriber\" \n\t :text=\"{create: '+', remove: '-'}\"\n\t @updateMembership=\"event => handleMembershipUpdate(event, 'isSubscriber', 'numberOfSubscribers')\"\n\t class=\" mn-l-thin p-~~medium~~ t-medium radius-extra i-~~semi~~\" \n\t />\n\t </div>\n\n\t <!-- <p class=\"w-max-50r mn-t-regular mn-b-medium p-~~semi~~\">\n\t \t\t<Text :text=\"organization.profile.description \|\| ''\" :showToggleText=\"true\" :maxLen=\"320\" />\n\t \t</p> -->\n\n\t \t<Chips \n\t \tv-if=\"organization.state.current.profile?.tags?.length > 0\" \n\t \t:chips=\"organization.state.current.profile.tags\"\n\t \tclass=\"p-~~medium~~\"\n\t \t/>\n\n\n\t <h4 \n\t \tv-if=\"Object.values(organization.state.current.socials).some(value => value)\" \n\t \tclass=\"mn-t-small mn-b-thin\"\n\t >\n\t \t\tFind us in socials\n\t \t</h4>\n\t \t\n\t \t<Socials \n\t \t\t:telegram=\"organization.state.current.socials.telegram\"\n\t \t\t:facebook=\"organization.state.current.socials.facebook\"\n\t \t\t:instagram=\"organization.state.current.socials.instagram\"\n\t \t\t:twitter=\"organization.state.current.socials.twitter\"\n\t \t\t:youtube=\"organization.state.current.socials.youtube\"\n\t \t/>\n\t\t</section>\n\t\t\n\t\t<!-- Backoffice -->\n\t\t<div v-if=\"MOBILE_APP\" @click=\"() => globals.state.isOpenSidebar = !globals.state.isOpenSidebar\" class=\"pos-relative\">\n\t\t\t<div class=\"bg-light radius-medium pd-medium\">\n\t\t\t\t<p class=\"t-medium t-black-transp-60\">\n\t\t\t\t\tShow Menu\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<!-- Organization Info Section -->\n\t\t<!-- <div class=\"pos-relative\">\n\t\t\t<div class=\"bg-light radius-medium pd-medium\">\n\t\t\t\t<h3 class=\"mn-b-small\">About {{ organization.state.current?.profile?.name }}</h3>\n\t\t\t\t<p v-if=\"organization.state.current?.profile?.description\" class=\"t-medium\">\n\t\t\t\t\t{{ organization.state.current.profile.description }}\n\t\t\t\t</p>\n\t\t\t\t<p v-else class=\"t-medium t-black-transp-60\">\n\t\t\t\t\tNo description available.\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t</div> -->\n\n\t\t<Products/>\n\t</div>\n</template>\n\n<script setup>\n\timport { computed, reactive, ref, onMounted, watch } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Import components\n\timport Breadcrumbs \tfrom '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue'\n\timport Block \t\tfrom '@martyrs/src/components/Block/Block.vue'\n\timport Dropdown from \"@martyrs/src/components/Dropdown/Dropdown.vue\";\n\timport Text \t\tfrom '@martyrs/src/components/Text/Text.vue'\n\timport Chips from '@martyrs/src/components/Chips/Chips.vue'\n\t// Mobile Module\n\timport Menu from '@martyrs/src/components/Menu/Menu.vue'\n\timport MenuItem from '@martyrs/src/components/Menu/MenuItem.vue'\n\t// Icons\n\timport IconFollowing from '@martyrs/src/modules/icons/entities/IconFollowing.vue'\n\timport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\timport IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue'\n\timport PlaceholderOrganizationPic from '@martyrs/src/modules/icons/placeholders/PlaceholderOrganizationPic.vue'\n\t// Organizations\n\timport { \n\t\tDepartmentSub, \n\t\tButtonToggleMembership, \n\t\tContacts, \n\t\tRating, \n\t\tSocials \n\t} from '@martyrs/src/modules/organizations/organizations.client.js'\n\timport User from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\n\t// Report Module\n\timport FormReport from '@martyrs/src/modules/reports/components/sections/FormReport.vue'\n\t// Products modu;e\n\timport Products from '@martyrs/src//modules/products/components/pages/Products.vue'\n\t// Import state\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\timport * as globals from '@martyrs/src/modules/globals/views/store/globals.js'\n\n\timport * as organization from '@martyrs/src/modules/organizations/store/organizations.js';\n\timport membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js';\n\timport departmentsStore from '@martyrs/src/modules/organizations/store/departments.store.js';\n\t// Init router\n\tconst router \t= useRouter()\n\tconst route \t= useRoute()\n\n\tconst organizationData = ref(null)\n\n\tonMounted(async () => {\n\t\t\n\t\torganizationData.value = await organization.actions.read({\n\t\t\t_id: route.params._id, \n\t\t\tuser: auth.state.user._id,\n\t\t\tlookup: ['memberships']\n\t\t})\n\n \t\tawait membershipsStore.read({target: route.params._id})\n\n \t\tif (typeof gtag === 'function') {\n\t\t\tgtag('event', 'view_organization', {\n\t\t\t\torganization_id: route.params._id,\n\t\t\t\torganization_name: organizationData.value?.profile?.name \|\| 'unknown',\n\t\t\t\tpage_path: window.location.pathname,\n\t\t\t\tuser_id: auth.state.user._id \|\| 'anonymous',\n\t\t\t\ttimestamp: new Date().toISOString()\n\t\t\t});\n\t\t}\n\t})\n\n\t// Methods\n\tconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n\t membershipsStore.handleMembershipUpdate(organization.state.current, membership, status, target, statusName, statusNumber)\n\t};\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["organization.actions","auth.state","organization.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsMiB,cAAS;AACzB,UAAM,QAAS,SAAQ;AAEvB,UAAM,mBAAmB,IAAI,IAAI;AAEjC,cAAU,YAAY;AAErB,uBAAiB,QAAQ,MAAMA,QAAqB,KAAK;AAAA,QACxD,KAAK,MAAM,OAAO;AAAA,QAClB,MAAMC,MAAW,KAAK;AAAA,QACtB,QAAQ,CAAC,aAAa;AAAA,MACzB,CAAG;AAEA,YAAM,iBAAiB,KAAK,EAAC,QAAQ,MAAM,OAAO,IAAG,CAAC;AAEtD,UAAI,OAAO,SAAS,YAAY;AAChC,aAAK,SAAS,qBAAqB;AAAA,UAClC,iBAAiB,MAAM,OAAO;AAAA,UAC9B,mBAAmB,iBAAiB,OAAO,SAAS,QAAQ;AAAA,UAC5D,WAAW,OAAO,SAAS;AAAA,UAC3B,SAASA,MAAW,KAAK,OAAO;AAAA,UAChC,YAAW,oBAAI,KAAI,GAAG,YAAW;AAAA,QACrC,CAAI;AAAA,MACF;AAAA,IACD,CAAC;AAGD,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAM,GAAI,YAAY,iBAAiB;AAC3F,uBAAiB,uBAAuBC,QAAmB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAC1H;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
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-medium\"/> -->\n\t\t<!-- <pre>{{organization.state.current}}</pre> -->\n\n\t\t<section class=\"flex-center flex flex-column t-center pd-medium radius-medium bg-light mn-b-thin\">\n\n\t\t\t<Dropdown \n\t\t\t\tv-if=\"auth.state.user._id !== organization.state.current.owner\"\n\t\t\t\t:label=\"{ component: IconEllipsis, class: 'i-medium t-transp' }\"\n\t\t\t\t:align=\"'right'\"\n\t\t\t\tclass=\"cursor-pointer pos-absolute pos-r-regular pos-t-regular pd-thin radius-extra \"\n\t\t\t>\n\t\t\t\t<section \n\t\t\t\t\tclass=\"bg-black pd-thin radius-small\"\n\t\t\t\t>\n\t\t\t\t\t<FormReport \n\t\t\t\t\t\t:user=\"auth.state.user._id\"\n\t\t\t\t\t\t:type=\"'organization'\" \n\t\t\t\t\t\t:target=\"organization.state.current._id\" \n\t\t\t\t\t\t:text=\"'Report'\" \n\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<button \n\t\t\t\t\t\t\tclass=\"w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tReport\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</FormReport>\n\n\t\t\t\t\t<ButtonToggleMembership\n\t\t\t\t\t\tv-if=\"auth.state.user._id && auth.state.user._id !== organization.state.current.owner\"\n\t\t\t :user=\"auth.state.user._id\"\n\t\t\t :type=\"'organization'\" \n\t \t:role=\"'blocked'\" \n\t\t\t :target=\"organization.state.current._id\" \n\t\t\t :status=\"organization.state.current.isBlocked\" \n\t\t\t :text=\"{create: 'Block', remove: 'Unblock'}\"\n\t\t\t @updateMembership=\"event => handleMembershipUpdate(event, 'isBlocked')\"\n\t\t\t class=\"t-white w-100 mn-t-thin bg-red\" \n\t \t/>\n\t\t\t\t</section>\n\t </Dropdown>\n\n\t <router-link\n\t\t\t\tv-if=\"auth.state.user._id === organization.state.current.owner\"\n\t :to=\"{\n\t\t\t\t\tname: 'Organization Edit', \n\t\t\t\t\tparams: {\n\t\t\t\t\t\t_id: organization.state.current._id\n\t\t\t\t\t}\n\t\t\t\t}\" \n\t class=\"\n\t \tz-index-2\n\t cursor-pointer \n\t pos-absolute pos-t-regular pos-r-regular\n\t radius-extra pd-thin bg-second\n\t \"\n\t >\n\t <IconEdit\n\t class=\"i-medium\"\n\t classes=\"fill-white\"\n\t />\n\t </router-link>\n\n\n\t\t\t<img loading=\"lazy\" \n\t\t\t\tv-if=\"organization.state.current.profile.photo\" \n\t\t\t\t:src=\"(FILE_SERVER_URL \|\| '') + organization.state.current.profile.photo\" \n\t\t\t\tclass=\"radius-medium bg-light flex-center flex mn-b-small w-8r\" \n\t\t\t/>\n\n\t\t\t<PlaceholderOrganizationPic\n\t\t\t\tv-else\n\t\t\t\tclass=\"radius-medium mn-b-small i-extra\"\n\t\t\t/>\n\n\t <h1\n\t \tclass=\"mn-b-thin\"\n\t >\n\t \t\t{{ organization.state.current.profile.name }}\n\t \t</h1>\n\n\t \t<div class=\"flex-center pd-r-thin pd-l-thin flex-nowrap flex mn-t-thin bg-white radius-extra w-max\">\n\t \t\t<IconFollowing class=\"i-medium mn-r-micro t-transp\"/>\n\n\t <p class=\"mn-t-thin p-regular t-medium uppercase mn-b-thin\">{{organization.state.current.numberOfSubscribers}} followers</p>\n\n\t <ButtonToggleMembership\n\t v-if=\"\n\t\t \tauth.state.user._id \n\t\t \t&& route.params._id \n\t\t \t&& route.params._id !== auth.state.user._id\n\t\t \t&& organization.state.current.owner !== auth.state.user._id\n\t\t \"\n\t :user=\"auth.state.user._id\"\n\t :type=\"'organization'\" \n\t :role=\"'subscriber'\" \n\t :target=\"organization.state.current._id\" \n\t :status=\"organization.state.current.isSubscriber\" \n\t :text=\"{create: '+', remove: '-'}\"\n\t @updateMembership=\"event => handleMembershipUpdate(event, 'isSubscriber', 'numberOfSubscribers')\"\n\t class=\" mn-l-thin p-regular t-medium radius-extra i-medium\" \n\t />\n\t </div>\n\n\t <!-- <p class=\"w-max-50r mn-t-regular mn-b-medium p-medium\">\n\t \t\t<Text :text=\"organization.profile.description \|\| ''\" :showToggleText=\"true\" :maxLen=\"320\" />\n\t \t</p> -->\n\n\t \t<Chips \n\t \tv-if=\"organization.state.current.profile?.tags?.length > 0\" \n\t \t:chips=\"organization.state.current.profile.tags\"\n\t \tclass=\"p-regular\"\n\t \t/>\n\n\n\t <h4 \n\t \tv-if=\"Object.values(organization.state.current.socials).some(value => value)\" \n\t \tclass=\"mn-t-small mn-b-thin\"\n\t >\n\t \t\tFind us in socials\n\t \t</h4>\n\t \t\n\t \t<Socials \n\t \t\t:telegram=\"organization.state.current.socials.telegram\"\n\t \t\t:facebook=\"organization.state.current.socials.facebook\"\n\t \t\t:instagram=\"organization.state.current.socials.instagram\"\n\t \t\t:twitter=\"organization.state.current.socials.twitter\"\n\t \t\t:youtube=\"organization.state.current.socials.youtube\"\n\t \t/>\n\t\t</section>\n\t\t\n\t\t<!-- Backoffice -->\n\t\t<div v-if=\"MOBILE_APP\" @click=\"() => globals.state.isOpenSidebar = !globals.state.isOpenSidebar\" class=\"pos-relative\">\n\t\t\t<div class=\"bg-light radius-medium pd-medium\">\n\t\t\t\t<p class=\"t-medium t-black-transp-60\">\n\t\t\t\t\tShow Menu\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<!-- Organization Info Section -->\n\t\t<!-- <div class=\"pos-relative\">\n\t\t\t<div class=\"bg-light radius-medium pd-medium\">\n\t\t\t\t<h3 class=\"mn-b-small\">About {{ organization.state.current?.profile?.name }}</h3>\n\t\t\t\t<p v-if=\"organization.state.current?.profile?.description\" class=\"t-medium\">\n\t\t\t\t\t{{ organization.state.current.profile.description }}\n\t\t\t\t</p>\n\t\t\t\t<p v-else class=\"t-medium t-black-transp-60\">\n\t\t\t\t\tNo description available.\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t</div> -->\n\n\t\t<Products/>\n\t</div>\n</template>\n\n<script setup>\n\timport { computed, reactive, ref, onMounted, watch } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Import components\n\timport Breadcrumbs \tfrom '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue'\n\timport Block \t\tfrom '@martyrs/src/components/Block/Block.vue'\n\timport Dropdown from \"@martyrs/src/components/Dropdown/Dropdown.vue\";\n\timport Text \t\tfrom '@martyrs/src/components/Text/Text.vue'\n\timport Chips from '@martyrs/src/components/Chips/Chips.vue'\n\t// Mobile Module\n\timport Menu from '@martyrs/src/components/Menu/Menu.vue'\n\timport MenuItem from '@martyrs/src/components/Menu/MenuItem.vue'\n\t// Icons\n\timport IconFollowing from '@martyrs/src/modules/icons/entities/IconFollowing.vue'\n\timport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\timport IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue'\n\timport PlaceholderOrganizationPic from '@martyrs/src/modules/icons/placeholders/PlaceholderOrganizationPic.vue'\n\t// Organizations\n\timport { \n\t\tDepartmentSub, \n\t\tButtonToggleMembership, \n\t\tContacts, \n\t\tRating, \n\t\tSocials \n\t} from '@martyrs/src/modules/organizations/organizations.client.js'\n\timport User from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\n\t// Report Module\n\timport FormReport from '@martyrs/src/modules/reports/components/sections/FormReport.vue'\n\t// Products modu;e\n\timport Products from '@martyrs/src//modules/products/components/pages/Products.vue'\n\t// Import state\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\timport * as globals from '@martyrs/src/modules/globals/views/store/globals.js'\n\n\timport * as organization from '@martyrs/src/modules/organizations/store/organizations.js';\n\timport membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js';\n\timport departmentsStore from '@martyrs/src/modules/organizations/store/departments.store.js';\n\t// Init router\n\tconst router \t= useRouter()\n\tconst route \t= useRoute()\n\n\tconst organizationData = ref(null)\n\n\tonMounted(async () => {\n\t\t\n\t\torganizationData.value = await organization.actions.read({\n\t\t\t_id: route.params._id, \n\t\t\tuser: auth.state.user._id,\n\t\t\tlookup: ['memberships']\n\t\t})\n\n \t\tawait membershipsStore.read({target: route.params._id})\n\n \t\tif (typeof gtag === 'function') {\n\t\t\tgtag('event', 'view_organization', {\n\t\t\t\torganization_id: route.params._id,\n\t\t\t\torganization_name: organizationData.value?.profile?.name \|\| 'unknown',\n\t\t\t\tpage_path: window.location.pathname,\n\t\t\t\tuser_id: auth.state.user._id \|\| 'anonymous',\n\t\t\t\ttimestamp: new Date().toISOString()\n\t\t\t});\n\t\t}\n\t})\n\n\t// Methods\n\tconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n\t membershipsStore.handleMembershipUpdate(organization.state.current, membership, status, target, statusName, statusNumber)\n\t};\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["organization.actions","auth.state","organization.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsMiB,cAAS;AACzB,UAAM,QAAS,SAAQ;AAEvB,UAAM,mBAAmB,IAAI,IAAI;AAEjC,cAAU,YAAY;AAErB,uBAAiB,QAAQ,MAAMA,QAAqB,KAAK;AAAA,QACxD,KAAK,MAAM,OAAO;AAAA,QAClB,MAAMC,MAAW,KAAK;AAAA,QACtB,QAAQ,CAAC,aAAa;AAAA,MACzB,CAAG;AAEA,YAAM,iBAAiB,KAAK,EAAC,QAAQ,MAAM,OAAO,IAAG,CAAC;AAEtD,UAAI,OAAO,SAAS,YAAY;AAChC,aAAK,SAAS,qBAAqB;AAAA,UAClC,iBAAiB,MAAM,OAAO;AAAA,UAC9B,mBAAmB,iBAAiB,OAAO,SAAS,QAAQ;AAAA,UAC5D,WAAW,OAAO,SAAS;AAAA,UAC3B,SAASA,MAAW,KAAK,OAAO;AAAA,UAChC,YAAW,oBAAI,KAAI,GAAG,YAAW;AAAA,QACrC,CAAI;AAAA,MACF;AAAA,IACD,CAAC;AAGD,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAM,GAAI,YAAY,iBAAiB;AAC3F,uBAAiB,uBAAuBC,QAAmB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAC1H;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -41,7 +41,7 @@ const _sfc_main = {
             }, {
               default: vue.withCtx(() => [
                 vue.createVNode(IconGroups.default, {
-                  class: "i-semi",
+                  class: "i-medium",
                   icon: true,
                   fill: "rgb(var(--white))"
                 }),
@@ -61,7 +61,7 @@ const _sfc_main = {
             }, {
               default: vue.withCtx(() => [
                 vue.createVNode(IconProducts.default, {
-                  class: "i-semi",
+                  class: "i-medium",
                   icon: true,
                   fill: "rgb(var(--white))"
                 }),
@@ -81,7 +81,7 @@ const _sfc_main = {
             }, {
               default: vue.withCtx(() => [
                 vue.createVNode(IconProducts.default, {
-                  class: "i-semi",
+                  class: "i-medium",
                   icon: true,
                   fill: "rgb(var(--white))"
                 }),
@@ -101,7 +101,7 @@ const _sfc_main = {
             }, {
               default: vue.withCtx(() => [
                 vue.createVNode(IconLeftovers.default, {
-                  class: "i-semi",
+                  class: "i-medium",
                   icon: true,
                   fill: "rgb(var(--white))"
                 }),
@@ -121,7 +121,7 @@ const _sfc_main = {
             }, {
               default: vue.withCtx(() => [
                 vue.createVNode(IconOrders.default, {
-                  class: "i-semi",
+                  class: "i-medium",
                   icon: true,
                   fill: "rgb(var(--white))"
                 }),
@@ -141,7 +141,7 @@ const _sfc_main = {
             }, {
               default: vue.withCtx(() => [
                 vue.createVNode(IconOrders.default, {
-                  class: "i-semi",
+                  class: "i-medium",
                   icon: true,
                   fill: "rgb(var(--white))"
                 }),
@@ -161,7 +161,7 @@ const _sfc_main = {
             }, {
               default: vue.withCtx(() => [
                 vue.createVNode(IconGallery.default, {
-                  class: "i-semi",
+                  class: "i-medium",
                   icon: true,
                   fill: "rgb(var(--white))"
                 }),
@@ -181,7 +181,7 @@ const _sfc_main = {
             }, {
               default: vue.withCtx(() => [
                 vue.createVNode(IconEvents.default, {
-                  class: "i-semi",
+                  class: "i-medium",
                   icon: true,
                   fill: "rgb(var(--white))"
                 }),

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

	@@ -1 +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, '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,UAAAA,SAAQ;AACtB,UAAM,SAASC,UAAAA,UAAS;AAQKC,QAAAA,IAAI,IAAI;AACrBA,QAAAA,IAAI,CAAA,CAAE;AAItBC,QAAAA,UAAU,YAAW;AAAA,IACrB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
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-medium\" :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-medium\" :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-medium\" :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-medium\" :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-medium\" :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-medium\" :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-medium\" :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-medium\" :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,UAAAA,SAAQ;AACtB,UAAM,SAASC,UAAAA,UAAS;AAQKC,QAAAA,IAAI,IAAI;AACrBA,QAAAA,IAAI,CAAA,CAAE;AAItBC,QAAAA,UAAU,YAAW;AAAA,IACrB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -39,7 +39,7 @@ const _sfc_main = {
             }, {
               default: withCtx(() => [
                 createVNode(_sfc_main$3, {
-                  class: "i-semi",
+                  class: "i-medium",
                   icon: true,
                   fill: "rgb(var(--white))"
                 }),
@@ -59,7 +59,7 @@ const _sfc_main = {
             }, {
               default: withCtx(() => [
                 createVNode(_sfc_main$4, {
-                  class: "i-semi",
+                  class: "i-medium",
                   icon: true,
                   fill: "rgb(var(--white))"
                 }),
@@ -79,7 +79,7 @@ const _sfc_main = {
             }, {
               default: withCtx(() => [
                 createVNode(_sfc_main$4, {
-                  class: "i-semi",
+                  class: "i-medium",
                   icon: true,
                   fill: "rgb(var(--white))"
                 }),
@@ -99,7 +99,7 @@ const _sfc_main = {
             }, {
               default: withCtx(() => [
                 createVNode(_sfc_main$5, {
-                  class: "i-semi",
+                  class: "i-medium",
                   icon: true,
                   fill: "rgb(var(--white))"
                 }),
@@ -119,7 +119,7 @@ const _sfc_main = {
             }, {
               default: withCtx(() => [
                 createVNode(_sfc_main$6, {
-                  class: "i-semi",
+                  class: "i-medium",
                   icon: true,
                   fill: "rgb(var(--white))"
                 }),
@@ -139,7 +139,7 @@ const _sfc_main = {
             }, {
               default: withCtx(() => [
                 createVNode(_sfc_main$6, {
-                  class: "i-semi",
+                  class: "i-medium",
                   icon: true,
                   fill: "rgb(var(--white))"
                 }),
@@ -159,7 +159,7 @@ const _sfc_main = {
             }, {
               default: withCtx(() => [
                 createVNode(_sfc_main$7, {
-                  class: "i-semi",
+                  class: "i-medium",
                   icon: true,
                   fill: "rgb(var(--white))"
                 }),
@@ -179,7 +179,7 @@ const _sfc_main = {
             }, {
               default: withCtx(() => [
                 createVNode(_sfc_main$8, {
-                  class: "i-semi",
+                  class: "i-medium",
                   icon: true,
                   fill: "rgb(var(--white))"
                 }),

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

	@@ -1 +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, '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,CAAA,CAAE;AAItB,cAAU,YAAW;AAAA,IACrB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
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-medium\" :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-medium\" :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-medium\" :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-medium\" :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-medium\" :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-medium\" :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-medium\" :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-medium\" :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,CAAA,CAAE;AAItB,cAAU,YAAW;AAAA,IACrB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

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

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

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

@@ -10,7 +10,7 @@ const CardUser = require("../../../auth/views/components/blocks/CardUser.vue.cjs
 const IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");
 const IconAdd = require("../../../icons/navigation/IconAdd.vue.cjs");
 const users = require("../../../auth/views/store/users.cjs");
-const _hoisted_1 = { class: "mn-b-thin t-transp p-medium" };
+const _hoisted_1 = { class: "mn-b-thin t-transp p-regular" };
 const _hoisted_2 = { class: "mn-b-thin pos-relative" };
 const _hoisted_3 = {
   key: 0,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MembersAdd.vue.cjs","sources":["../../../../../../../src/modules/organizations/components/sections/MembersAdd.vue"],"sourcesContent":["<template>\n <div>\n <p class=\"mn-b-thin t-transp p-~~medium~~\">{{text}}</p> \n\n <div class=\"mn-b-thin pos-relative\">\n <BlockSearch \n v-click-outside=\"() => {searchUserShow = false}\" \n @search=\"(event) => { searchUser = event; searchUserShow = true }\"\n placeholder=\"Enter name, phone or email\"\n class=\"bg-grey\"\n />\n\n <div \n v-if=\"searchUser && searchUserShow\" \n class=\"mn-t-thin pos-absolute w-100 pos-t-100 pos-l-0 z-index-3 bg-light pd-small radius-small\n \">\n <Feed\n :states=\"{\n empty: {\n title: 'No User Found',\n description: 'Currently, there are no such user.'\n }\n }\"\n :store=\"{\n read: (options) => users.actions.read(options),\n state: null\n }\"\n :options=\"{\n search: searchUser\n }\"\n :showLoadMore=\"false\"\n v-slot=\"{ \n items \n }\"\n class=\"h-max-20r o-scroll\"\n >\n <CardUser\n v-for=\"(user, index) in items\" :key=\"user._id\"\n :user=\"user\"\n :photo=\"user.profile.photo\"\n :name=\"user.profile.name \|\| user.phone \|\| user.email\"\n @click=\"() => { \n members.push({contact: user.email \|\| user.phone})\n searchUserShow = false\n }\"\n class=\"bg-white h-2r pd-thin radius-medium w-100 mn-b-thin\"\n />\n </Feed>\n </div>\n </div>\n\n <section class=\"cols-1 mn-b-small radius-medium pd-semi bg-light pos-relative\">\n\n <div\n v-for=\"(member, index) in members\" \n :key=\"index\" \n class=\"\n br-1px br-solid br-grey-transp-25\n flex\n gap-thin\n radius-small\n mn-b-thin\n \"\n >\n <Field \n v-model:field=\"member.contact\" \n placeholder=\"Enter email or phone\" \n class=\"w-100 pd-small radius-small bg-white\"\n :validation=\"contactValidation\"\n >\n <div \n v-if=\"index < 1\" \n @click=\"() => members.push({contact: ''})\" \n class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-green\"\n >\n <IconAdd \n class=\"i-medium\"\n :fill=\"'rgb(var(--white)'\"\n />\n </div>\n\n <div \n v-else \n @click=\"() => members.splice(index, 1)\" \n class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-red\"\n >\n <IconDelete \n class=\"i-medium\"\n :fill=\"'rgb(var(--white)'\"\n />\n </div>\n </Field>\n </div>\n </section>\n\n\n <Button \n :submit=\"submitMembers\" \n class=\"w-100 bg-main\">\n <span>Invite to organization</span>\n </Button>\n </div>\n</template>\n\n<script setup>\n import { ref } from 'vue';\n\n import Field from '@martyrs/src/components/Field/Field.vue'\n import Select from '@martyrs/src/components/Select/Select.vue'\n import Button from '@martyrs/src/components/Button/Button.vue'\n import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n import BlockSearch from '@martyrs/src/modules/globals/views/components/blocks/BlockSearch.vue'\n\n import CardUser from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue'\n\n import IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n import IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue';\n // Import validation\n import * as inputsValidation from '@martyrs/src/modules/auth/views/validations/inputs.validation'\n // Store\n import * as users from '@martyrs/src/modules/auth/views/store/users.js';\n // Props\n const props = defineProps({\n organization: Object,\n text: String,\n });\n // User Search\n let searchUser = ref(null)\n let searchUserShow = ref(false)\n // Validation\n const contactValidation = ref(null)\n // Define Emits\n const emits = defineEmits(['send-invite']);\n // Define State\n const members = ref([{ contact: ''}]);\n\n async function submitMembers() {\n return new Promise((resolve, reject) => {\n emits('send-invite', members.value, resolve, reject);\n });\n }\n</script>"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgIE,QAAI,aAAaA,IAAAA,IAAI,IAAI;AACzB,QAAI,iBAAiBA,IAAAA,IAAI,KAAK;AAE9B,UAAM,oBAAoBA,IAAAA,IAAI,IAAI;AAElC,UAAM,QAAQ;AAEd,UAAM,UAAUA,IAAAA,IAAI,CAAC,EAAE,SAAS,GAAE,CAAC,CAAC;AAEpC,mBAAe,gBAAgB;AAC7B,aAAO,IAAI,QAAQ,CAAC,SAAS,WAAW;AACtC,cAAM,eAAe,QAAQ,OAAO,SAAS,MAAM;AAAA,MACrD,CAAC;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"MembersAdd.vue.cjs","sources":["../../../../../../../src/modules/organizations/components/sections/MembersAdd.vue"],"sourcesContent":["<template>\n <div>\n <p class=\"mn-b-thin t-transp p-regular\">{{text}}</p> \n\n <div class=\"mn-b-thin pos-relative\">\n <BlockSearch \n v-click-outside=\"() => {searchUserShow = false}\" \n @search=\"(event) => { searchUser = event; searchUserShow = true }\"\n placeholder=\"Enter name, phone or email\"\n class=\"bg-grey\"\n />\n\n <div \n v-if=\"searchUser && searchUserShow\" \n class=\"mn-t-thin pos-absolute w-100 pos-t-100 pos-l-0 z-index-3 bg-light pd-small radius-small\n \">\n <Feed\n :states=\"{\n empty: {\n title: 'No User Found',\n description: 'Currently, there are no such user.'\n }\n }\"\n :store=\"{\n read: (options) => users.actions.read(options),\n state: null\n }\"\n :options=\"{\n search: searchUser\n }\"\n :showLoadMore=\"false\"\n v-slot=\"{ \n items \n }\"\n class=\"h-max-20r o-scroll\"\n >\n <CardUser\n v-for=\"(user, index) in items\" :key=\"user._id\"\n :user=\"user\"\n :photo=\"user.profile.photo\"\n :name=\"user.profile.name \|\| user.phone \|\| user.email\"\n @click=\"() => { \n members.push({contact: user.email \|\| user.phone})\n searchUserShow = false\n }\"\n class=\"bg-white h-2r pd-thin radius-medium w-100 mn-b-thin\"\n />\n </Feed>\n </div>\n </div>\n\n <section class=\"cols-1 mn-b-small radius-medium pd-semi bg-light pos-relative\">\n\n <div\n v-for=\"(member, index) in members\" \n :key=\"index\" \n class=\"\n br-1px br-solid br-grey-transp-25\n flex\n gap-thin\n radius-small\n mn-b-thin\n \"\n >\n <Field \n v-model:field=\"member.contact\" \n placeholder=\"Enter email or phone\" \n class=\"w-100 pd-small radius-small bg-white\"\n :validation=\"contactValidation\"\n >\n <div \n v-if=\"index < 1\" \n @click=\"() => members.push({contact: ''})\" \n class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-green\"\n >\n <IconAdd \n class=\"i-medium\"\n :fill=\"'rgb(var(--white)'\"\n />\n </div>\n\n <div \n v-else \n @click=\"() => members.splice(index, 1)\" \n class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-red\"\n >\n <IconDelete \n class=\"i-medium\"\n :fill=\"'rgb(var(--white)'\"\n />\n </div>\n </Field>\n </div>\n </section>\n\n\n <Button \n :submit=\"submitMembers\" \n class=\"w-100 bg-main\">\n <span>Invite to organization</span>\n </Button>\n </div>\n</template>\n\n<script setup>\n import { ref } from 'vue';\n\n import Field from '@martyrs/src/components/Field/Field.vue'\n import Select from '@martyrs/src/components/Select/Select.vue'\n import Button from '@martyrs/src/components/Button/Button.vue'\n import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n import BlockSearch from '@martyrs/src/modules/globals/views/components/blocks/BlockSearch.vue'\n\n import CardUser from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue'\n\n import IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n import IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue';\n // Import validation\n import * as inputsValidation from '@martyrs/src/modules/auth/views/validations/inputs.validation'\n // Store\n import * as users from '@martyrs/src/modules/auth/views/store/users.js';\n // Props\n const props = defineProps({\n organization: Object,\n text: String,\n });\n // User Search\n let searchUser = ref(null)\n let searchUserShow = ref(false)\n // Validation\n const contactValidation = ref(null)\n // Define Emits\n const emits = defineEmits(['send-invite']);\n // Define State\n const members = ref([{ contact: ''}]);\n\n async function submitMembers() {\n return new Promise((resolve, reject) => {\n emits('send-invite', members.value, resolve, reject);\n });\n }\n</script>"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgIE,QAAI,aAAaA,IAAAA,IAAI,IAAI;AACzB,QAAI,iBAAiBA,IAAAA,IAAI,KAAK;AAE9B,UAAM,oBAAoBA,IAAAA,IAAI,IAAI;AAElC,UAAM,QAAQ;AAEd,UAAM,UAAUA,IAAAA,IAAI,CAAC,EAAE,SAAS,GAAE,CAAC,CAAC;AAEpC,mBAAe,gBAAgB;AAC7B,aAAO,IAAI,QAAQ,CAAC,SAAS,WAAW;AACtC,cAAM,eAAe,QAAQ,OAAO,SAAS,MAAM;AAAA,MACrD,CAAC;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -8,7 +8,7 @@ import _sfc_main$3 from "../../../auth/views/components/blocks/CardUser.vue.js";
 import _sfc_main$5 from "../../../icons/navigation/IconDelete.vue.js";
 import _sfc_main$4 from "../../../icons/navigation/IconAdd.vue.js";
 import { actions } from "../../../auth/views/store/users.js";
-const _hoisted_1 = { class: "mn-b-thin t-transp p-medium" };
+const _hoisted_1 = { class: "mn-b-thin t-transp p-regular" };
 const _hoisted_2 = { class: "mn-b-thin pos-relative" };
 const _hoisted_3 = {
   key: 0,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MembersAdd.vue.js","sources":["../../../../../../../src/modules/organizations/components/sections/MembersAdd.vue"],"sourcesContent":["<template>\n <div>\n <p class=\"mn-b-thin t-transp p-~~medium~~\">{{text}}</p> \n\n <div class=\"mn-b-thin pos-relative\">\n <BlockSearch \n v-click-outside=\"() => {searchUserShow = false}\" \n @search=\"(event) => { searchUser = event; searchUserShow = true }\"\n placeholder=\"Enter name, phone or email\"\n class=\"bg-grey\"\n />\n\n <div \n v-if=\"searchUser && searchUserShow\" \n class=\"mn-t-thin pos-absolute w-100 pos-t-100 pos-l-0 z-index-3 bg-light pd-small radius-small\n \">\n <Feed\n :states=\"{\n empty: {\n title: 'No User Found',\n description: 'Currently, there are no such user.'\n }\n }\"\n :store=\"{\n read: (options) => users.actions.read(options),\n state: null\n }\"\n :options=\"{\n search: searchUser\n }\"\n :showLoadMore=\"false\"\n v-slot=\"{ \n items \n }\"\n class=\"h-max-20r o-scroll\"\n >\n <CardUser\n v-for=\"(user, index) in items\" :key=\"user._id\"\n :user=\"user\"\n :photo=\"user.profile.photo\"\n :name=\"user.profile.name \|\| user.phone \|\| user.email\"\n @click=\"() => { \n members.push({contact: user.email \|\| user.phone})\n searchUserShow = false\n }\"\n class=\"bg-white h-2r pd-thin radius-medium w-100 mn-b-thin\"\n />\n </Feed>\n </div>\n </div>\n\n <section class=\"cols-1 mn-b-small radius-medium pd-semi bg-light pos-relative\">\n\n <div\n v-for=\"(member, index) in members\" \n :key=\"index\" \n class=\"\n br-1px br-solid br-grey-transp-25\n flex\n gap-thin\n radius-small\n mn-b-thin\n \"\n >\n <Field \n v-model:field=\"member.contact\" \n placeholder=\"Enter email or phone\" \n class=\"w-100 pd-small radius-small bg-white\"\n :validation=\"contactValidation\"\n >\n <div \n v-if=\"index < 1\" \n @click=\"() => members.push({contact: ''})\" \n class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-green\"\n >\n <IconAdd \n class=\"i-medium\"\n :fill=\"'rgb(var(--white)'\"\n />\n </div>\n\n <div \n v-else \n @click=\"() => members.splice(index, 1)\" \n class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-red\"\n >\n <IconDelete \n class=\"i-medium\"\n :fill=\"'rgb(var(--white)'\"\n />\n </div>\n </Field>\n </div>\n </section>\n\n\n <Button \n :submit=\"submitMembers\" \n class=\"w-100 bg-main\">\n <span>Invite to organization</span>\n </Button>\n </div>\n</template>\n\n<script setup>\n import { ref } from 'vue';\n\n import Field from '@martyrs/src/components/Field/Field.vue'\n import Select from '@martyrs/src/components/Select/Select.vue'\n import Button from '@martyrs/src/components/Button/Button.vue'\n import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n import BlockSearch from '@martyrs/src/modules/globals/views/components/blocks/BlockSearch.vue'\n\n import CardUser from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue'\n\n import IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n import IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue';\n // Import validation\n import * as inputsValidation from '@martyrs/src/modules/auth/views/validations/inputs.validation'\n // Store\n import * as users from '@martyrs/src/modules/auth/views/store/users.js';\n // Props\n const props = defineProps({\n organization: Object,\n text: String,\n });\n // User Search\n let searchUser = ref(null)\n let searchUserShow = ref(false)\n // Validation\n const contactValidation = ref(null)\n // Define Emits\n const emits = defineEmits(['send-invite']);\n // Define State\n const members = ref([{ contact: ''}]);\n\n async function submitMembers() {\n return new Promise((resolve, reject) => {\n emits('send-invite', members.value, resolve, reject);\n });\n }\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAgIE,QAAI,aAAa,IAAI,IAAI;AACzB,QAAI,iBAAiB,IAAI,KAAK;AAE9B,UAAM,oBAAoB,IAAI,IAAI;AAElC,UAAM,QAAQ;AAEd,UAAM,UAAU,IAAI,CAAC,EAAE,SAAS,GAAE,CAAC,CAAC;AAEpC,mBAAe,gBAAgB;AAC7B,aAAO,IAAI,QAAQ,CAAC,SAAS,WAAW;AACtC,cAAM,eAAe,QAAQ,OAAO,SAAS,MAAM;AAAA,MACrD,CAAC;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"MembersAdd.vue.js","sources":["../../../../../../../src/modules/organizations/components/sections/MembersAdd.vue"],"sourcesContent":["<template>\n <div>\n <p class=\"mn-b-thin t-transp p-regular\">{{text}}</p> \n\n <div class=\"mn-b-thin pos-relative\">\n <BlockSearch \n v-click-outside=\"() => {searchUserShow = false}\" \n @search=\"(event) => { searchUser = event; searchUserShow = true }\"\n placeholder=\"Enter name, phone or email\"\n class=\"bg-grey\"\n />\n\n <div \n v-if=\"searchUser && searchUserShow\" \n class=\"mn-t-thin pos-absolute w-100 pos-t-100 pos-l-0 z-index-3 bg-light pd-small radius-small\n \">\n <Feed\n :states=\"{\n empty: {\n title: 'No User Found',\n description: 'Currently, there are no such user.'\n }\n }\"\n :store=\"{\n read: (options) => users.actions.read(options),\n state: null\n }\"\n :options=\"{\n search: searchUser\n }\"\n :showLoadMore=\"false\"\n v-slot=\"{ \n items \n }\"\n class=\"h-max-20r o-scroll\"\n >\n <CardUser\n v-for=\"(user, index) in items\" :key=\"user._id\"\n :user=\"user\"\n :photo=\"user.profile.photo\"\n :name=\"user.profile.name \|\| user.phone \|\| user.email\"\n @click=\"() => { \n members.push({contact: user.email \|\| user.phone})\n searchUserShow = false\n }\"\n class=\"bg-white h-2r pd-thin radius-medium w-100 mn-b-thin\"\n />\n </Feed>\n </div>\n </div>\n\n <section class=\"cols-1 mn-b-small radius-medium pd-semi bg-light pos-relative\">\n\n <div\n v-for=\"(member, index) in members\" \n :key=\"index\" \n class=\"\n br-1px br-solid br-grey-transp-25\n flex\n gap-thin\n radius-small\n mn-b-thin\n \"\n >\n <Field \n v-model:field=\"member.contact\" \n placeholder=\"Enter email or phone\" \n class=\"w-100 pd-small radius-small bg-white\"\n :validation=\"contactValidation\"\n >\n <div \n v-if=\"index < 1\" \n @click=\"() => members.push({contact: ''})\" \n class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-green\"\n >\n <IconAdd \n class=\"i-medium\"\n :fill=\"'rgb(var(--white)'\"\n />\n </div>\n\n <div \n v-else \n @click=\"() => members.splice(index, 1)\" \n class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-red\"\n >\n <IconDelete \n class=\"i-medium\"\n :fill=\"'rgb(var(--white)'\"\n />\n </div>\n </Field>\n </div>\n </section>\n\n\n <Button \n :submit=\"submitMembers\" \n class=\"w-100 bg-main\">\n <span>Invite to organization</span>\n </Button>\n </div>\n</template>\n\n<script setup>\n import { ref } from 'vue';\n\n import Field from '@martyrs/src/components/Field/Field.vue'\n import Select from '@martyrs/src/components/Select/Select.vue'\n import Button from '@martyrs/src/components/Button/Button.vue'\n import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n import BlockSearch from '@martyrs/src/modules/globals/views/components/blocks/BlockSearch.vue'\n\n import CardUser from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue'\n\n import IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n import IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue';\n // Import validation\n import * as inputsValidation from '@martyrs/src/modules/auth/views/validations/inputs.validation'\n // Store\n import * as users from '@martyrs/src/modules/auth/views/store/users.js';\n // Props\n const props = defineProps({\n organization: Object,\n text: String,\n });\n // User Search\n let searchUser = ref(null)\n let searchUserShow = ref(false)\n // Validation\n const contactValidation = ref(null)\n // Define Emits\n const emits = defineEmits(['send-invite']);\n // Define State\n const members = ref([{ contact: ''}]);\n\n async function submitMembers() {\n return new Promise((resolve, reject) => {\n emits('send-invite', members.value, resolve, reject);\n });\n }\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAgIE,QAAI,aAAa,IAAI,IAAI;AACzB,QAAI,iBAAiB,IAAI,KAAK;AAE9B,UAAM,oBAAoB,IAAI,IAAI;AAElC,UAAM,QAAQ;AAEd,UAAM,UAAU,IAAI,CAAC,EAAE,SAAS,GAAE,CAAC,CAAC;AAEpC,mBAAe,gBAAgB;AAC7B,aAAO,IAAI,QAAQ,CAAC,SAAS,WAAW;AACtC,cAAM,eAAe,QAAQ,OAAO,SAAS,MAAM;AAAA,MACrD,CAAC;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/products/components/blocks/CardCategory.vue.cjs CHANGED Viewed

@@ -45,7 +45,7 @@ const _sfc_main = {
                 category: __props.category._id
               }
             },
-            class: "i-semi cursor-pointer card-page-actions radius-extra pd-micro bg-second flex-child-default"
+            class: "i-medium cursor-pointer card-page-actions radius-extra pd-micro bg-second flex-child-default"
           }, {
             default: vue.withCtx(() => [
               vue.createVNode(IconEdit.default, {
@@ -58,7 +58,7 @@ const _sfc_main = {
           __props.access ? (vue.openBlock(), vue.createElementBlock("button", {
             key: 2,
             onClick: _cache[0] || (_cache[0] = ($event) => deleteCategory(__props.category)),
-            class: "i-semi cursor-pointer card-page-actions radius-extra pd-micro bg-second flex-child-default"
+            class: "i-medium cursor-pointer card-page-actions radius-extra pd-micro bg-second flex-child-default"
           }, [
             vue.createVNode(IconDelete.default, {
               class: "w-100 h-100",

package/dist/martyrs/src/modules/products/components/blocks/CardCategory.vue.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CardCategory.vue.cjs","sources":["../../../../../../../src/modules/products/components/blocks/CardCategory.vue"],"sourcesContent":["<template>\n <div class=\"flex-v-center bg-light pd-small radius-small flex-column flex\">\n <div class=\"w-100 flex-v-center flex-nowrap gap-thin flex\">\n <img v-if=\"category.photo\" class=\"i-big radius-small object-fit-contain bg-white\" :src=\"(FILE_SERVER_URL \|\| '') + category.photo\"/>\n <h4 class=\"my-handle word-break t-truncate w-100 w-max-100 mn-r-auto\">{{category.name}}</h4>\n\n <router-link\n v-if=\"access\"\n :to=\"{\n name: 'Category Edit', \n params: { \n _id: route.params._id,\n category: category._id\n } \n }\"\n class=\"\n i-~~semi~~\n cursor-pointer \n card-page-actions\n radius-extra pd-micro bg-second\n flex-child-default\n \"\n >\n <IconEdit\n class=\"w-100 h-100\" \n classes=\"fill-white\"\n />\n </router-link>\n\n <button\n v-if=\"access\"\n @click=\"deleteCategory(category)\"\n class=\"\n i-~~semi~~\n cursor-pointer \n card-page-actions\n radius-extra pd-micro bg-second\n flex-child-default\n \"\n >\n <IconDelete\n class=\"w-100 h-100\"\n :fill=\"'white'\"\n />\n </button>\n </div>\n\n <!-- <p v-if=\" category.children.length > 0\" class=\"w-100\">Subcategories:</p> -->\n <!-- <CardCategory\n v-for=\"(subcategory,index) in category.children\"\n :key=\"subcategory._id\"\n :category=\"subcategory\" \n class=\"pd-l-small bg-white w-100\"\n /> -->\n\n </div>\n</template>\n\n\n<script setup>\nimport { toRef, onMounted, defineEmits } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport CardCategory from './CardCategory.vue'\n\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue'\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue'\n\n\nconst props = defineProps({\n category: Object,\n access: {\n type: Boolean,\n default: false\n }\n});\n\nconst emits = defineEmits(['delete']);\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst deleteCategory = (category) => {\n emits('delete', category);\n};\n\n</script>\n\n\n\n<style lang=\"scss\">\n.card-title {\n .card-page-actions {\n display: none;\n }\n\n &:hover {\n .card-page-actions {\n display: block;\n }\n }\n}\n</style>\n"],"names":["useRoute","useRouter"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA8EA,UAAM,QAAQ;AAEd,UAAM,QAAQA,UAAAA,SAAQ;AACPC,cAAAA,UAAS;AAExB,UAAM,iBAAiB,CAAC,aAAa;AACnC,YAAM,UAAU,QAAQ;AAAA,IAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"CardCategory.vue.cjs","sources":["../../../../../../../src/modules/products/components/blocks/CardCategory.vue"],"sourcesContent":["<template>\n <div class=\"flex-v-center bg-light pd-small radius-small flex-column flex\">\n <div class=\"w-100 flex-v-center flex-nowrap gap-thin flex\">\n <img v-if=\"category.photo\" class=\"i-big radius-small object-fit-contain bg-white\" :src=\"(FILE_SERVER_URL \|\| '') + category.photo\"/>\n <h4 class=\"my-handle word-break t-truncate w-100 w-max-100 mn-r-auto\">{{category.name}}</h4>\n\n <router-link\n v-if=\"access\"\n :to=\"{\n name: 'Category Edit', \n params: { \n _id: route.params._id,\n category: category._id\n } \n }\"\n class=\"\n i-medium\n cursor-pointer \n card-page-actions\n radius-extra pd-micro bg-second\n flex-child-default\n \"\n >\n <IconEdit\n class=\"w-100 h-100\" \n classes=\"fill-white\"\n />\n </router-link>\n\n <button\n v-if=\"access\"\n @click=\"deleteCategory(category)\"\n class=\"\n i-medium\n cursor-pointer \n card-page-actions\n radius-extra pd-micro bg-second\n flex-child-default\n \"\n >\n <IconDelete\n class=\"w-100 h-100\"\n :fill=\"'white'\"\n />\n </button>\n </div>\n\n <!-- <p v-if=\" category.children.length > 0\" class=\"w-100\">Subcategories:</p> -->\n <!-- <CardCategory\n v-for=\"(subcategory,index) in category.children\"\n :key=\"subcategory._id\"\n :category=\"subcategory\" \n class=\"pd-l-small bg-white w-100\"\n /> -->\n\n </div>\n</template>\n\n\n<script setup>\nimport { toRef, onMounted, defineEmits } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport CardCategory from './CardCategory.vue'\n\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue'\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue'\n\n\nconst props = defineProps({\n category: Object,\n access: {\n type: Boolean,\n default: false\n }\n});\n\nconst emits = defineEmits(['delete']);\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst deleteCategory = (category) => {\n emits('delete', category);\n};\n\n</script>\n\n\n\n<style lang=\"scss\">\n.card-title {\n .card-page-actions {\n display: none;\n }\n\n &:hover {\n .card-page-actions {\n display: block;\n }\n }\n}\n</style>\n"],"names":["useRoute","useRouter"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA8EA,UAAM,QAAQ;AAEd,UAAM,QAAQA,UAAAA,SAAQ;AACPC,cAAAA,UAAS;AAExB,UAAM,iBAAiB,CAAC,aAAa;AACnC,YAAM,UAAU,QAAQ;AAAA,IAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/products/components/blocks/CardCategory.vue.js CHANGED Viewed

@@ -43,7 +43,7 @@ const _sfc_main = {
                 category: __props.category._id
               }
             },
-            class: "i-semi cursor-pointer card-page-actions radius-extra pd-micro bg-second flex-child-default"
+            class: "i-medium cursor-pointer card-page-actions radius-extra pd-micro bg-second flex-child-default"
           }, {
             default: withCtx(() => [
               createVNode(_sfc_main$1, {
@@ -56,7 +56,7 @@ const _sfc_main = {
           __props.access ? (openBlock(), createElementBlock("button", {
             key: 2,
             onClick: _cache[0] || (_cache[0] = ($event) => deleteCategory(__props.category)),
-            class: "i-semi cursor-pointer card-page-actions radius-extra pd-micro bg-second flex-child-default"
+            class: "i-medium cursor-pointer card-page-actions radius-extra pd-micro bg-second flex-child-default"
           }, [
             createVNode(_sfc_main$2, {
               class: "w-100 h-100",

package/dist/martyrs/src/modules/products/components/blocks/CardCategory.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CardCategory.vue.js","sources":["../../../../../../../src/modules/products/components/blocks/CardCategory.vue"],"sourcesContent":["<template>\n <div class=\"flex-v-center bg-light pd-small radius-small flex-column flex\">\n <div class=\"w-100 flex-v-center flex-nowrap gap-thin flex\">\n <img v-if=\"category.photo\" class=\"i-big radius-small object-fit-contain bg-white\" :src=\"(FILE_SERVER_URL \|\| '') + category.photo\"/>\n <h4 class=\"my-handle word-break t-truncate w-100 w-max-100 mn-r-auto\">{{category.name}}</h4>\n\n <router-link\n v-if=\"access\"\n :to=\"{\n name: 'Category Edit', \n params: { \n _id: route.params._id,\n category: category._id\n } \n }\"\n class=\"\n i-~~semi~~\n cursor-pointer \n card-page-actions\n radius-extra pd-micro bg-second\n flex-child-default\n \"\n >\n <IconEdit\n class=\"w-100 h-100\" \n classes=\"fill-white\"\n />\n </router-link>\n\n <button\n v-if=\"access\"\n @click=\"deleteCategory(category)\"\n class=\"\n i-~~semi~~\n cursor-pointer \n card-page-actions\n radius-extra pd-micro bg-second\n flex-child-default\n \"\n >\n <IconDelete\n class=\"w-100 h-100\"\n :fill=\"'white'\"\n />\n </button>\n </div>\n\n <!-- <p v-if=\" category.children.length > 0\" class=\"w-100\">Subcategories:</p> -->\n <!-- <CardCategory\n v-for=\"(subcategory,index) in category.children\"\n :key=\"subcategory._id\"\n :category=\"subcategory\" \n class=\"pd-l-small bg-white w-100\"\n /> -->\n\n </div>\n</template>\n\n\n<script setup>\nimport { toRef, onMounted, defineEmits } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport CardCategory from './CardCategory.vue'\n\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue'\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue'\n\n\nconst props = defineProps({\n category: Object,\n access: {\n type: Boolean,\n default: false\n }\n});\n\nconst emits = defineEmits(['delete']);\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst deleteCategory = (category) => {\n emits('delete', category);\n};\n\n</script>\n\n\n\n<style lang=\"scss\">\n.card-title {\n .card-page-actions {\n display: none;\n }\n\n &:hover {\n .card-page-actions {\n display: block;\n }\n }\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AA8EA,UAAM,QAAQ;AAEd,UAAM,QAAQ,SAAQ;AACP,cAAS;AAExB,UAAM,iBAAiB,CAAC,aAAa;AACnC,YAAM,UAAU,QAAQ;AAAA,IAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"CardCategory.vue.js","sources":["../../../../../../../src/modules/products/components/blocks/CardCategory.vue"],"sourcesContent":["<template>\n <div class=\"flex-v-center bg-light pd-small radius-small flex-column flex\">\n <div class=\"w-100 flex-v-center flex-nowrap gap-thin flex\">\n <img v-if=\"category.photo\" class=\"i-big radius-small object-fit-contain bg-white\" :src=\"(FILE_SERVER_URL \|\| '') + category.photo\"/>\n <h4 class=\"my-handle word-break t-truncate w-100 w-max-100 mn-r-auto\">{{category.name}}</h4>\n\n <router-link\n v-if=\"access\"\n :to=\"{\n name: 'Category Edit', \n params: { \n _id: route.params._id,\n category: category._id\n } \n }\"\n class=\"\n i-medium\n cursor-pointer \n card-page-actions\n radius-extra pd-micro bg-second\n flex-child-default\n \"\n >\n <IconEdit\n class=\"w-100 h-100\" \n classes=\"fill-white\"\n />\n </router-link>\n\n <button\n v-if=\"access\"\n @click=\"deleteCategory(category)\"\n class=\"\n i-medium\n cursor-pointer \n card-page-actions\n radius-extra pd-micro bg-second\n flex-child-default\n \"\n >\n <IconDelete\n class=\"w-100 h-100\"\n :fill=\"'white'\"\n />\n </button>\n </div>\n\n <!-- <p v-if=\" category.children.length > 0\" class=\"w-100\">Subcategories:</p> -->\n <!-- <CardCategory\n v-for=\"(subcategory,index) in category.children\"\n :key=\"subcategory._id\"\n :category=\"subcategory\" \n class=\"pd-l-small bg-white w-100\"\n /> -->\n\n </div>\n</template>\n\n\n<script setup>\nimport { toRef, onMounted, defineEmits } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport CardCategory from './CardCategory.vue'\n\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue'\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue'\n\n\nconst props = defineProps({\n category: Object,\n access: {\n type: Boolean,\n default: false\n }\n});\n\nconst emits = defineEmits(['delete']);\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst deleteCategory = (category) => {\n emits('delete', category);\n};\n\n</script>\n\n\n\n<style lang=\"scss\">\n.card-title {\n .card-page-actions {\n display: none;\n }\n\n &:hover {\n .card-page-actions {\n display: block;\n }\n }\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AA8EA,UAAM,QAAQ;AAEd,UAAM,QAAQ,SAAQ;AACP,cAAS;AAExB,UAAM,iBAAiB,CAAC,aAAa;AACnC,YAAM,UAAU,QAAQ;AAAA,IAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/products/components/blocks/CardPosition.vue.cjs CHANGED Viewed

@@ -86,7 +86,7 @@ const _sfc_main = {
               class: vue.normalizeClass([action.class || "bg-light", "radius-small pd-small flex-center flex aspect-1x1 cursor-pointer hover-scale-1"]),
               onClick: () => action.handler(_ctx.item, index)
             }, [
-              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(action.component), { class: "i-regular" }))
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(action.component), { class: "i-medium" }))
             ], 10, _hoisted_9);
           }), 128)),
           vue.renderSlot(_ctx.$slots, "actions")

package/dist/martyrs/src/modules/products/components/blocks/CardPosition.vue.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CardPosition.vue.cjs","sources":["../../../../../../../src/modules/products/components/blocks/CardPosition.vue"],"sourcesContent":["<template>\n <div class=\"bg-white radius-small pd-small flex-nowrap flex-v-center flex gap-thin\">\n <!-- Thumbnail image -->\n <div v-if=\"showThumbnail\" class=\"aspect-1x1 h-3r flex-child-default radius-small o-hidden\">\n <img\n v-if=\"image && image.length > 0\"\n :src=\"(FILE_SERVER_URL \|\| '') + image\"\n alt=\"Item image\"\n class=\"w-100 h-100 object-fit-cover\"\n />\n <PlaceholderImage v-else class=\"w-100 h-100\" />\n </div>\n \n <!-- Item details -->\n <div class=\"mn-micro-negative flex flex-column w-100 o-hidden\">\n <p class=\"w-100 pd-micro t-trim trimmed capitalize t-medium\">{{ name \|\| 'Unnamed Product' }}</p>\n \n <div class=\"flex pd-micro flex-v-center gap-micro w-max \">\n \t<span v-if=\"title\" :class=\"title_class\" class=\"t-second d-inline-block t-demi\">{{title}}</span>\n \t<span v-if=\"subtitle\" class=\"t-transp p-small d-inline-block t-medium\">{{ subtitle }}</span>\n </div>\n \t<slot></slot>\n </div>\n <!-- <p>\n \n\n <span class=\"p-small t-transp\">\n <template v-if=\"product.quantity\">{{returnCurrency() }}{{product.price}} </template>\n × \n <template v-if=\"product.listing === 'rent' && rentDates.start && rentDates.end\">\n {{ rentalDays }} days\n </template>\n \n <template v-else>\n {{ product.quantity \|\| 0 }} {{ product.unit \|\| 'pcs' }}\n </template>\n </span>\n </p> -->\n \n <!-- Actions -->\n <div class=\"flex gap-thin\">\n <template v-for=\"(action, index) in actions\" :key=\"index\">\n <div \n :class=\"action.class \|\| 'bg-light'\"\n class=\"radius-small pd-small flex-center flex aspect-1x1 cursor-pointer hover-scale-1\"\n @click=\"() => action.handler(item, index)\"\n >\n <component\n :is=\"action.component\"\n class=\"i-~~regular~~\"\n />\n </div>\n </template>\n <slot name=\"actions\"></slot>\n </div>\n </div>\n</template>\n\n<script setup>\nimport { defineProps } from 'vue';\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue';\nimport { useGlobalMixins } from '@martyrs/src/modules/globals/views/mixins/mixins.js';\n\nconst { formatPrice } = useGlobalMixins();\n\nconst props = defineProps({\n\timage: {\n type: String,\n },\n name: {\n type: String,\n },\n title: {\n type: String,\n },\n title_class: {\n \ttype: Array\n },\n subtitle: {\n type: String,\n },\n showThumbnail: {\n type: Boolean,\n default: true\n },\n actions: {\n type: Array,\n default: () => []\n // Expected format:\n // [\n // {\n // component: IconEdit,\n // handler: (item, index) => {},\n // class: 'bg-light' // optional custom class\n // }\n // ]\n }\n});\n</script>"],"names":["useGlobalMixins"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+DA,UAAM,EAAE,YAAW,IAAKA,uBAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"CardPosition.vue.cjs","sources":["../../../../../../../src/modules/products/components/blocks/CardPosition.vue"],"sourcesContent":["<template>\n <div class=\"bg-white radius-small pd-small flex-nowrap flex-v-center flex gap-thin\">\n <!-- Thumbnail image -->\n <div v-if=\"showThumbnail\" class=\"aspect-1x1 h-3r flex-child-default radius-small o-hidden\">\n <img\n v-if=\"image && image.length > 0\"\n :src=\"(FILE_SERVER_URL \|\| '') + image\"\n alt=\"Item image\"\n class=\"w-100 h-100 object-fit-cover\"\n />\n <PlaceholderImage v-else class=\"w-100 h-100\" />\n </div>\n \n <!-- Item details -->\n <div class=\"mn-micro-negative flex flex-column w-100 o-hidden\">\n <p class=\"w-100 pd-micro t-trim trimmed capitalize t-medium\">{{ name \|\| 'Unnamed Product' }}</p>\n \n <div class=\"flex pd-micro flex-v-center gap-micro w-max \">\n \t<span v-if=\"title\" :class=\"title_class\" class=\"t-second d-inline-block t-demi\">{{title}}</span>\n \t<span v-if=\"subtitle\" class=\"t-transp p-small d-inline-block t-medium\">{{ subtitle }}</span>\n </div>\n \t<slot></slot>\n </div>\n <!-- <p>\n \n\n <span class=\"p-small t-transp\">\n <template v-if=\"product.quantity\">{{returnCurrency() }}{{product.price}} </template>\n × \n <template v-if=\"product.listing === 'rent' && rentDates.start && rentDates.end\">\n {{ rentalDays }} days\n </template>\n \n <template v-else>\n {{ product.quantity \|\| 0 }} {{ product.unit \|\| 'pcs' }}\n </template>\n </span>\n </p> -->\n \n <!-- Actions -->\n <div class=\"flex gap-thin\">\n <template v-for=\"(action, index) in actions\" :key=\"index\">\n <div \n :class=\"action.class \|\| 'bg-light'\"\n class=\"radius-small pd-small flex-center flex aspect-1x1 cursor-pointer hover-scale-1\"\n @click=\"() => action.handler(item, index)\"\n >\n <component\n :is=\"action.component\"\n class=\"i-medium\"\n />\n </div>\n </template>\n <slot name=\"actions\"></slot>\n </div>\n </div>\n</template>\n\n<script setup>\nimport { defineProps } from 'vue';\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue';\nimport { useGlobalMixins } from '@martyrs/src/modules/globals/views/mixins/mixins.js';\n\nconst { formatPrice } = useGlobalMixins();\n\nconst props = defineProps({\n\timage: {\n type: String,\n },\n name: {\n type: String,\n },\n title: {\n type: String,\n },\n title_class: {\n \ttype: Array\n },\n subtitle: {\n type: String,\n },\n showThumbnail: {\n type: Boolean,\n default: true\n },\n actions: {\n type: Array,\n default: () => []\n // Expected format:\n // [\n // {\n // component: IconEdit,\n // handler: (item, index) => {},\n // class: 'bg-light' // optional custom class\n // }\n // ]\n }\n});\n</script>"],"names":["useGlobalMixins"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+DA,UAAM,EAAE,YAAW,IAAKA,uBAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/products/components/blocks/CardPosition.vue.js CHANGED Viewed

@@ -84,7 +84,7 @@ const _sfc_main = {
               class: normalizeClass([action.class || "bg-light", "radius-small pd-small flex-center flex aspect-1x1 cursor-pointer hover-scale-1"]),
               onClick: () => action.handler(_ctx.item, index)
             }, [
-              (openBlock(), createBlock(resolveDynamicComponent(action.component), { class: "i-regular" }))
+              (openBlock(), createBlock(resolveDynamicComponent(action.component), { class: "i-medium" }))
             ], 10, _hoisted_9);
           }), 128)),
           renderSlot(_ctx.$slots, "actions")