@ozdao/prometheus-framework 0.2.323 → 0.2.324

package/dist/prometheus-framework/src/modules/auth/views/components/pages/Profile.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Profile.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/pages/Profile.vue"],"sourcesContent":["<template>\n\t<div \n\t\tv-if=\"show\"\n\t\tclass=\"for-transition bg-white w-100\"\n\t>\n\t\t<div \n\t\t\tv-if=\"users.state.current.status === 'removed'\"\n\t\t\tclass=\"flex-center flex pd-medium radius-big bg-light uppercase t-semi w-100 h-100\"\n\t\t>\n\t\t\tSorry, user has been removed.\n\t\t</div>\n\n\t\t<div \n\t\t\tv-else\n\t\t\t_id=\"dash\" \n\t\t\tclass=\"pd-thin w-100\"\n\t\t>\n\t\t\t<!-- <Completion \n\t\t\t\tv-if=\"route.params._id === auth.state.user._id && show\" \n\t\t    :user=\"auth.state.user._id\"\n\t\t    :target=\"users.state.current\"\n\t\t    :cta=\"false\" \n\t\t    text_cta=\"Fill\"\n\t\t    text=\"Profile completed at\"\n\t\t    class=\"mn-b-medium mn-b-regular pd-medium radius-semi t-white bg-second\"\n\t\t\t/> -->\n\n\t\t\t<section \n\t\t\t\tclass=\"flex-center pos-relative flex flex-column t-center w-100 mn-b-regular radius-medium pd-medium bg-light\"\n\t\t\t>\n\n\t\t\t\t<Dropdown \n\t\t\t\t\tv-if=\"route.params._id && route.params._id !== auth.state.user._id\"\n\t\t\t\t\t:label=\"'...'\" \n\t\t\t\t\t:align=\"'right'\"\n\t\t\t\t\tclass=\"cursor-pointer pos-absolute pos-r-0 pos-t-0 pd-thin radius-extra \"\n\t\t\t\t>\n\t\t\t\t\t<section \n\t\t\t\t\t\tclass=\"bg-black pd-thin radius-small\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<FormReport \n\t\t\t\t\t\t\t:user=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:type=\"'user'\" \n\t\t\t\t\t\t\t:target=\"users.state.current._id\" \n\t\t\t\t\t\t\t:text=\"'Report'\" \n\t\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<button \n\t\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\t>\n\t\t\t\t\t\t\t\tReport\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</FormReport>\n\n\t\t\t\t\t\t<ButtonToggleMembership\n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t      :user=\"auth.state.user._id\"\n\t\t\t\t      :type=\"'user'\" \n\t\t\t      \t:role=\"'blocked'\" \n\t\t\t\t      :target=\"users.state.current._id\" \n\t\t\t\t      :status=\"users.state.current.isBlocked\" \n\t\t\t\t      :text=\"{create: 'Block', remove: 'Unblock'}\"\n\t\t\t\t      @updateMembership=\"event => handleMembershipUpdate(event, 'isBlocked')\"\n\t\t\t\t      class=\"t-white mn-t-thin bg-red\" \n\t\t\t    \t/>\n\t\t\t\t\t</section>\n\t      </Dropdown>\t\n\n\n\t\t\t\t<IconEdit\n\t\t\t\t\tv-if=\"route.params._id === auth.state.user._id\"\n\t\t\t\t\t@click=\"$router.push({\n\t\t\t\t\t\tname: 'User Edit Profile', \n\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t_id: auth.state.user._id\n\t\t\t\t\t\t}\n\t\t\t\t\t})\" \n\t\t\t\t\tclass=\"cursor-pointer pos-absolute pos-t-regular pos-r-regular i-regular t-transp\"\n\t\t\t\t/>\n\n\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\tv-if=\"users.state.current.profile.photo && users.state.current.profile.photo.length > 0\" \n\t\t\t\t\t:src=\"(FILE_SERVER_URL || '')+ users.state.current.profile.photo\" \n\t\t\t\t\tclass=\"radius-extra bg-white mn-b-small object-fit-cover i-extra\" \n\t\t\t\t/>\n\t\t\t\t\n\t\t\t\t<PlaceholderUserpic \n\t\t\t\t\tv-else \n\t\t\t\t\tclass=\"radius-medium mn-b-small i-extra\"\n\t\t\t\t/>\n\n\t\t\t\t<h3 \n\t\t\t\t\tclass=\"mn-b-thin\"\n\t\t\t\t>\n\t\t\t\t\t{{users.state.current.profile.name ? users.state.current.profile.name : 'Anonymous' }}\n\t\t\t\t</h3>\n\t\t\t\t\n\t\t\t\t<p \n\t\t\t\t\tv-if=\"users.state.current.username\"\n\t\t\t\t\tclass=\"mn-b-thin t-main t-semi\"\n\t\t\t\t>\n\t\t\t\t\t@{{ users.state.current.username ? users.state.current.username : 'Not specified' }}\n\t\t\t\t</p>\n\n\t\t\t\t<p \n\t\t\t\t\tclass=\"mn-b-small p-medium\"\n\t\t\t\t>\n\t\t\t\t {{ users.state.current.profile.description ? users.state.current.profile.description : 'Bio not specified' }}\n\t\t\t\t</p>\n\t\t\t\t\n\t\t\t\t<div class=\"mn-b-medium flex-center flex-nowrap flex\">\n\t\t\t\t\t<div \n\t\t\t\t\t  v-for=\"(role,index) in users.state.current.roles\" \n\t\t\t\t\t  class=\"pd-thin radius-small t-semi bg-white\" \n\t\t\t\t\t  :class=\"{'mn-r-thin': index !== users.state.current.roles.length - 1}\"\n\t\t\t\t\t >\n\t\t\t\t\t\t{{role.icon}}\n\t\t\t\t\t\t{{role.name}}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\t\t\t\n\n\t\t\t\t<p \n\t\t\t\t\tclass=\"t-semi mn-b-small\"\n\t\t\t\t>\n\t\t\t\t\t<!-- 👍 3 212 likes ·  -->\n\t\t\t\t\t<!-- 💬 342 comments ·  -->\n\t\t\t\t\t👨‍👨‍👧‍👧 {{users.state.current.numberOfSubscribers}} followers\n\t\t\t\t</p>\n\t\t\t\t\n\t    \t<ButtonToggleMembership\n\t    \t\tv-if=\"auth.state.user._id && route.params._id && route.params._id !== auth.state.user._id\"\n\t\t      :user=\"auth.state.user._id\"\n\t\t      :type=\"'user'\" \n\t      \t:role=\"'subscriber'\" \n\t\t      :target=\"users.state.current._id\" \n\t\t      :status=\"users.state.current.isSubscriber\" \n\t\t\t\t\t:text=\"{create: 'Follow', remove: 'Unfollow'}\"\n\t\t      @updateMembership=\"event => handleMembershipUpdate(event, 'isSubscriber', 'numberOfSubscribers')\"\n\t\t      class=\"w-min mn-b-medium\tmn-r-auto mn-l-auto\" \n\t    \t/>\n\n\t    \t<h4 \n\t      \tv-if=\"Object.values(users.state.current.socials).some(value => value)\" \n\t      \tclass=\"mn-t-small mn-b-thin\"\n\t      >\n\t    \t\tFind Me in Socials\n\t    \t</h4>\n\t     \t<Socials \n\t     \t\t:telegram=\"users.state.current.socials.telegram\"\n\t     \t\t:facebook=\"users.state.current.socials.facebook\"\n\t     \t\t:instagram=\"users.state.current.socials.instagram\"\n\t     \t\t:twitter=\"users.state.current.socials.twitter\"\n\t     \t\tclass=\"mn-r-auto mn-l-auto\"\n\t     \t/>\n\n\t\t\t</section>\n\t\t\t\n\t\t\t\n\n\t\t\t<Menu v-if=\"filteredModules.length > 0\" class=\"mn-b-regular bg-light\">\n\t      <MenuItem \n\t        v-for=\"module in filteredModules\" \n\t        :key=\"module.name\"\n\t        @click=\"router.push({\n\t          name: `${module.route}`, \n\t          params: {\n\t            _id: route.params._id\n\t          }\n\t        })\" \n\t        class=\"profile-menu-item cursor-pointer\"\n\t      >\n\t        <component \n\t          :is=\"module.icon\" \n\t          v-if=\"module.icon\"\n\t          class=\"i-semi\" \n\t          :icon=\"true\"\n\t        />\n\t        <span>{{ module.displayName }}</span>\n      \t</MenuItem>\n   \t\t</Menu>\n\t\t\t  \n\t\t\t<Menu \n\t\t\t\tv-if=\"auth.state.user._id === route.params._id\"\n\t\t\t\tclass=\"bg-light\"\n\t\t\t>\n\t\t\t  <MenuItem \n\t\t\t  \t@click=\"router.push({\n\t\t\t  \t\tname: 'User Edit Profile', \n\t\t\t  \t\tparams: {\n\t\t\t  \t\t\t_id: route.params._id\n\t\t\t  \t\t}\n\t\t\t  \t})\" \n\t\t\t  \tclass=\"cursor-pointer\">\n\t\t\t    <span>\n\t\t\t    \tSettings\n\t\t\t    </span>\n\t\t\t  </MenuItem>\n\n\t\t\t  <MenuItem \n\t\t\t  \t@click=\"router.push({\n\t\t\t  \t\tname: 'Legal', \n\t\t\t  \t\tparams: {\n\t\t\t  \t\t\t_id: route.params._id\n\t\t\t  \t\t}\n\t\t\t  \t})\" \n\t\t\t  \tclass=\"cursor-pointer\">\n\t\t\t    <span>\n\t\t\t    \tAbout\n\t\t\t    </span>\n\t\t\t  </MenuItem>\n\t\t\t  \n\t\t\t  <MenuItem \n\t\t\t  \tclass=\"cursor-pointer\"\n\t\t\t\t\t@click=\"logout()\"\n\t\t\t  >\n\t\t\t    <span \n\t\t\t    \tclass=\"t-red\"\n\t\t\t    >\n\t\t\t    \tLogout\n\t\t\t    </span>\n\t\t\t  </MenuItem>\n\t\t\t</Menu>\n\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\n// Import components\nimport Field         from '@pf/src/components/Field/Field.vue'\nimport Button        from '@pf/src/components/Button/Button.vue'\nimport Dropdown from \"@pf/src/components/Dropdown/Dropdown.vue\";\nimport Completion from '@pf/src/components/Completion/Completion.vue'\n// Mobile Module\nimport Menu from '@pf/src/components/Menu/Menu.vue'\nimport MenuItem from '@pf/src/components/Menu/MenuItem.vue'\n// Org Module\nimport ButtonToggleMembership from '@pf/src/modules/organizations/components/elements/ButtonToggleMembership.vue'\n// Report Module\nimport FormReport from '@pf/src/modules/reports/components/sections/FormReport.vue'   \n// Community Module \nimport Activity from '@pf/src/modules/community/components/blocks/Activity.vue'; \nimport Socials from '@pf/src/modules/organizations/components/blocks/Socials.vue'\n// Icons Module\nimport IconEvents from '@pf/src/modules/icons/entities/IconEvents.vue'\nimport IconGroups from '@pf/src/modules/icons/entities/IconGroups.vue'\nimport IconCommunity from '@pf/src/modules/icons/entities/IconCommunity.vue'\n\nimport IconEdit from '@pf/src/modules/icons/navigation/IconEdit.vue'\n\nimport PlaceholderUserpic from '@pf/src/modules/icons/placeholders/PlaceholderUserpic.vue'\n// Import libs\nimport { computed, watch, onMounted, ref, onBeforeMount, inject } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\n\n// Import state\nimport * as auth from '@pf/src/modules/auth/views/store/auth'\nimport * as users from '@pf/src/modules/auth/views/store/users'\nimport * as memberships from '@pf/src/modules/organizations/store/memberships'\n// Accessing router\nconst route = useRoute()\nconst router = useRouter()\n// Get organization _id from cookie\nconst show = ref(false)\n\nconst store = inject('store')\n\nconst moduleMapping = {\n  events: {\n    displayName: 'Events',\n    route: 'User Events',\n    icon: IconEvents\n  },\n  organizations: {\n    displayName: 'Groups',\n    route: 'User Organizations',\n    icon: IconGroups\n  },\n  blogposts: {\n    displayName: 'Posts',\n    route: 'User Posts',\n    icon: IconCommunity\n  }\n}\n\nconst filteredModules = computed(() => {\n  return store.modules\n    .map(moduleName => {\n      return {\n        name: moduleName,\n        ...moduleMapping[moduleName]\n      }\n    })\n    .filter(module => moduleMapping[module.name]) // Only show modules that have mapping\n})\n\nonMounted(async () => {\n \tawait users.actions.read({ _id: route.params._id, user: auth.state.user._id });\n \tshow.value = true\n})\n\nconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n  memberships.mutations.handleMembershipUpdate(users.state.current, membership, status, target, statusName, statusNumber)\n};\n\nfunction logout () {\n  auth.actions.logout()\n\n  router.push({name: 'Sign In'})\n}\n</script>\n\n<style lang=\"scss\">\n\t#header {\n\t\t// height: 3rem;\n\t}\n</style>\n"],"names":["IconEvents","IconGroups","IconCommunity","users.actions","auth.state","memberships.mutations","users.state","auth.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoQA,UAAM,QAAQ,SAAU;AACxB,UAAM,SAAS,UAAW;AAE1B,UAAM,OAAO,IAAI,KAAK;AAEtB,UAAM,QAAQ,OAAO,OAAO;AAE5B,UAAM,gBAAgB;AAAA,MACpB,QAAQ;AAAA,QACN,aAAa;AAAA,QACb,OAAO;AAAA,QACP,MAAMA;AAAAA,MACP;AAAA,MACD,eAAe;AAAA,QACb,aAAa;AAAA,QACb,OAAO;AAAA,QACP,MAAMC;AAAAA,MACP;AAAA,MACD,WAAW;AAAA,QACT,aAAa;AAAA,QACb,OAAO;AAAA,QACP,MAAMC;AAAAA,MACP;AAAA,IACH;AAEA,UAAM,kBAAkB,SAAS,MAAM;AACrC,aAAO,MAAM,QACV,IAAI,gBAAc;AACjB,eAAO;AAAA,UACL,MAAM;AAAA,UACN,GAAG,cAAc,UAAU;AAAA,QAC5B;AAAA,MACP,CAAK,EACA,OAAO,YAAU,cAAc,OAAO,IAAI,CAAC;AAAA,IAChD,CAAC;AAED,cAAU,YAAY;AACpB,YAAMC,QAAc,KAAK,EAAE,KAAK,MAAM,OAAO,KAAK,MAAMC,MAAW,KAAK,IAAK,CAAA;AAC7E,WAAK,QAAQ;AAAA,IACf,CAAC;AAED,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAQ,GAAE,YAAY,iBAAiB;AAC3FC,gBAAsB,uBAAuBC,QAAY,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IACxH;AAEA,aAAS,SAAU;AACjBC,gBAAa,OAAQ;AAErB,aAAO,KAAK,EAAC,MAAM,UAAS,CAAC;AAAA,IAC/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Profile.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/pages/Profile.vue"],"sourcesContent":["<template>\n\t<div \n\t\tv-if=\"show\"\n\t\tclass=\"for-transition bg-white w-100\"\n\t>\n\t\t<div \n\t\t\tv-if=\"users.state.current.status === 'removed'\"\n\t\t\tclass=\"flex-center flex pd-medium radius-big bg-light uppercase t-semi w-100 h-100\"\n\t\t>\n\t\t\tSorry, user has been removed.\n\t\t</div>\n\n\t\t<div \n\t\t\tv-else\n\t\t\t_id=\"dash\" \n\t\t\tclass=\"pd-thin w-100\"\n\t\t>\n\t\t\t<!-- <Completion \n\t\t\t\tv-if=\"route.params._id === auth.state.user._id && show\" \n\t\t    :user=\"auth.state.user._id\"\n\t\t    :target=\"users.state.current\"\n\t\t    :cta=\"false\" \n\t\t    text_cta=\"Fill\"\n\t\t    text=\"Profile completed at\"\n\t\t    class=\"mn-b-medium mn-b-regular pd-medium radius-semi t-white bg-second\"\n\t\t\t/> -->\n\n\t\t\t<section \n\t\t\t\tclass=\"flex-center pos-relative flex flex-column t-center w-100 mn-b-regular radius-medium pd-medium bg-light\"\n\t\t\t>\n\n\t\t\t\t<Dropdown \n\t\t\t\t\tv-if=\"route.params._id && route.params._id !== auth.state.user._id\"\n\t\t\t\t\t:label=\"'...'\" \n\t\t\t\t\t:align=\"'right'\"\n\t\t\t\t\tclass=\"cursor-pointer pos-absolute pos-r-0 pos-t-0 pd-thin radius-extra \"\n\t\t\t\t>\n\t\t\t\t\t<section \n\t\t\t\t\t\tclass=\"bg-black pd-thin radius-small\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<FormReport \n\t\t\t\t\t\t\t:user=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:type=\"'user'\" \n\t\t\t\t\t\t\t:target=\"users.state.current._id\" \n\t\t\t\t\t\t\t:text=\"'Report'\" \n\t\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<button \n\t\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\t>\n\t\t\t\t\t\t\t\tReport\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</FormReport>\n\n\t\t\t\t\t\t<ButtonToggleMembership\n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t      :user=\"auth.state.user._id\"\n\t\t\t\t      :type=\"'user'\" \n\t\t\t      \t:role=\"'blocked'\" \n\t\t\t\t      :target=\"users.state.current._id\" \n\t\t\t\t      :status=\"users.state.current.isBlocked\" \n\t\t\t\t      :text=\"{create: 'Block', remove: 'Unblock'}\"\n\t\t\t\t      @updateMembership=\"event => handleMembershipUpdate(event, 'isBlocked')\"\n\t\t\t\t      class=\"t-white mn-t-thin bg-red\" \n\t\t\t    \t/>\n\t\t\t\t\t</section>\n\t      </Dropdown>\t\n\n\n\t\t\t\t<IconEdit\n\t\t\t\t\tv-if=\"route.params._id === auth.state.user._id\"\n\t\t\t\t\t@click=\"$router.push({\n\t\t\t\t\t\tname: 'User Edit Profile', \n\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t_id: auth.state.user._id\n\t\t\t\t\t\t}\n\t\t\t\t\t})\" \n\t\t\t\t\tclass=\"cursor-pointer pos-absolute pos-t-regular pos-r-regular i-regular t-transp\"\n\t\t\t\t/>\n\n\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\tv-if=\"users.state.current.profile.photo && users.state.current.profile.photo.length > 0\" \n\t\t\t\t\t:src=\"(FILE_SERVER_URL || '')+ users.state.current.profile.photo\" \n\t\t\t\t\tclass=\"radius-extra bg-white mn-b-small object-fit-cover i-extra\" \n\t\t\t\t/>\n\t\t\t\t\n\t\t\t\t<PlaceholderUserpic \n\t\t\t\t\tv-else \n\t\t\t\t\tclass=\"radius-medium mn-b-small i-extra\"\n\t\t\t\t/>\n\n\t\t\t\t<h3 \n\t\t\t\t\tclass=\"mn-b-thin\"\n\t\t\t\t>\n\t\t\t\t\t{{users.state.current.profile.name ? users.state.current.profile.name : 'Anonymous' }}\n\t\t\t\t</h3>\n\t\t\t\t\n\t\t\t\t<p \n\t\t\t\t\tv-if=\"users.state.current.username\"\n\t\t\t\t\tclass=\"mn-b-thin t-main t-semi\"\n\t\t\t\t>\n\t\t\t\t\t@{{ users.state.current.username ? users.state.current.username : 'Not specified' }}\n\t\t\t\t</p>\n\n\t\t\t\t<p \n\t\t\t\t\tclass=\"mn-b-small p-medium\"\n\t\t\t\t>\n\t\t\t\t {{ users.state.current.profile.description ? users.state.current.profile.description : 'Bio not specified' }}\n\t\t\t\t</p>\n\t\t\t\t\n\t\t\t\t<div class=\"mn-b-medium flex-center flex-nowrap flex\">\n\t\t\t\t\t<div \n\t\t\t\t\t  v-for=\"(role,index) in users.state.current.roles\" \n\t\t\t\t\t  class=\"pd-thin radius-small t-semi bg-white\" \n\t\t\t\t\t  :class=\"{'mn-r-thin': index !== users.state.current.roles.length - 1}\"\n\t\t\t\t\t >\n\t\t\t\t\t\t{{role.icon}}\n\t\t\t\t\t\t{{role.name}}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\t\t\t\n\n\t\t\t\t<p \n\t\t\t\t\tclass=\"t-semi mn-b-small\"\n\t\t\t\t>\n\t\t\t\t\t<!-- 👍 3 212 likes ·  -->\n\t\t\t\t\t<!-- 💬 342 comments ·  -->\n\t\t\t\t\t👨‍👨‍👧‍👧 {{users.state.current.numberOfSubscribers}} followers\n\t\t\t\t</p>\n\t\t\t\t\n\t    \t<ButtonToggleMembership\n\t    \t\tv-if=\"auth.state.user._id && route.params._id && route.params._id !== auth.state.user._id\"\n\t\t      :user=\"auth.state.user._id\"\n\t\t      :type=\"'user'\" \n\t      \t:role=\"'subscriber'\" \n\t\t      :target=\"users.state.current._id\" \n\t\t      :status=\"users.state.current.isSubscriber\" \n\t\t\t\t\t:text=\"{create: 'Follow', remove: 'Unfollow'}\"\n\t\t      @updateMembership=\"event => handleMembershipUpdate(event, 'isSubscriber', 'numberOfSubscribers')\"\n\t\t      class=\"w-min mn-b-medium\tmn-r-auto mn-l-auto\" \n\t    \t/>\n\n\t    \t<h4 \n\t      \tv-if=\"Object.values(users.state.current.socials).some(value => value)\" \n\t      \tclass=\"mn-t-small mn-b-thin\"\n\t      >\n\t    \t\tFind Me in Socials\n\t    \t</h4>\n\t     \t<Socials \n\t     \t\t:telegram=\"users.state.current.socials.telegram\"\n\t     \t\t:facebook=\"users.state.current.socials.facebook\"\n\t     \t\t:instagram=\"users.state.current.socials.instagram\"\n\t     \t\t:twitter=\"users.state.current.socials.twitter\"\n\t     \t\tclass=\"mn-r-auto mn-l-auto\"\n\t     \t/>\n\n\t\t\t</section>\n\t\t\t\n\t\t\t\n\n\t\t\t<Menu v-if=\"filteredModules.length > 0\" class=\"mn-b-regular bg-light\">\n\t      <MenuItem \n\t        v-for=\"module in filteredModules\" \n\t        :key=\"module.name\"\n\t        @click=\"router.push({\n\t          name: `${module.route}`, \n\t          params: {\n\t            _id: route.params._id,\n\t            user: route.params._id\n\t          }\n\t        })\" \n\t        class=\"profile-menu-item cursor-pointer\"\n\t      >\n\t        <component \n\t          :is=\"module.icon\" \n\t          v-if=\"module.icon\"\n\t          class=\"i-semi\" \n\t          :icon=\"true\"\n\t        />\n\t        <span>{{ module.displayName }}</span>\n      \t</MenuItem>\n   \t\t</Menu>\n\t\t\t  \n\t\t\t<Menu \n\t\t\t\tv-if=\"auth.state.user._id === route.params._id\"\n\t\t\t\tclass=\"bg-light\"\n\t\t\t>\n\t\t\t  <MenuItem \n\t\t\t  \t@click=\"router.push({\n\t\t\t  \t\tname: 'User Edit Profile', \n\t\t\t  \t\tparams: {\n\t\t\t  \t\t\t_id: route.params._id\n\t\t\t  \t\t}\n\t\t\t  \t})\" \n\t\t\t  \tclass=\"cursor-pointer\">\n\t\t\t    <span>\n\t\t\t    \tSettings\n\t\t\t    </span>\n\t\t\t  </MenuItem>\n\n\t\t\t  <MenuItem \n\t\t\t  \t@click=\"router.push({\n\t\t\t  \t\tname: 'Legal', \n\t\t\t  \t\tparams: {\n\t\t\t  \t\t\t_id: route.params._id\n\t\t\t  \t\t}\n\t\t\t  \t})\" \n\t\t\t  \tclass=\"cursor-pointer\">\n\t\t\t    <span>\n\t\t\t    \tAbout\n\t\t\t    </span>\n\t\t\t  </MenuItem>\n\t\t\t  \n\t\t\t  <MenuItem \n\t\t\t  \tclass=\"cursor-pointer\"\n\t\t\t\t\t@click=\"logout()\"\n\t\t\t  >\n\t\t\t    <span \n\t\t\t    \tclass=\"t-red\"\n\t\t\t    >\n\t\t\t    \tLogout\n\t\t\t    </span>\n\t\t\t  </MenuItem>\n\t\t\t</Menu>\n\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\n// Import components\nimport Field         from '@pf/src/components/Field/Field.vue'\nimport Button        from '@pf/src/components/Button/Button.vue'\nimport Dropdown from \"@pf/src/components/Dropdown/Dropdown.vue\";\nimport Completion from '@pf/src/components/Completion/Completion.vue'\n// Mobile Module\nimport Menu from '@pf/src/components/Menu/Menu.vue'\nimport MenuItem from '@pf/src/components/Menu/MenuItem.vue'\n// Org Module\nimport ButtonToggleMembership from '@pf/src/modules/organizations/components/elements/ButtonToggleMembership.vue'\n// Report Module\nimport FormReport from '@pf/src/modules/reports/components/sections/FormReport.vue'   \n// Community Module \nimport Activity from '@pf/src/modules/community/components/blocks/Activity.vue'; \nimport Socials from '@pf/src/modules/organizations/components/blocks/Socials.vue'\n// Icons Module\nimport IconEvents from '@pf/src/modules/icons/entities/IconEvents.vue'\nimport IconGroups from '@pf/src/modules/icons/entities/IconGroups.vue'\nimport IconCommunity from '@pf/src/modules/icons/entities/IconCommunity.vue'\n\nimport IconEdit from '@pf/src/modules/icons/navigation/IconEdit.vue'\n\nimport PlaceholderUserpic from '@pf/src/modules/icons/placeholders/PlaceholderUserpic.vue'\n// Import libs\nimport { computed, watch, onMounted, ref, onBeforeMount, inject } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\n\n// Import state\nimport * as auth from '@pf/src/modules/auth/views/store/auth'\nimport * as users from '@pf/src/modules/auth/views/store/users'\nimport * as memberships from '@pf/src/modules/organizations/store/memberships'\n// Accessing router\nconst route = useRoute()\nconst router = useRouter()\n// Get organization _id from cookie\nconst show = ref(false)\n\nconst store = inject('store')\n\nconst moduleMapping = {\n  events: {\n    displayName: 'Events',\n    route: 'User Events',\n    icon: IconEvents\n  },\n  organizations: {\n    displayName: 'Groups',\n    route: 'User Organizations',\n    icon: IconGroups\n  },\n  blogposts: {\n    displayName: 'Posts',\n    route: 'User Posts',\n    icon: IconCommunity\n  }\n}\n\nconst filteredModules = computed(() => {\n  return store.modules\n    .map(moduleName => {\n      return {\n        name: moduleName,\n        ...moduleMapping[moduleName]\n      }\n    })\n    .filter(module => moduleMapping[module.name]) // Only show modules that have mapping\n})\n\nonMounted(async () => {\n \tawait users.actions.read({ _id: route.params._id, user: auth.state.user._id });\n \tshow.value = true\n})\n\nconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n  memberships.mutations.handleMembershipUpdate(users.state.current, membership, status, target, statusName, statusNumber)\n};\n\nfunction logout () {\n  auth.actions.logout()\n\n  router.push({name: 'Sign In'})\n}\n</script>\n\n<style lang=\"scss\">\n\t#header {\n\t\t// height: 3rem;\n\t}\n</style>\n"],"names":["IconEvents","IconGroups","IconCommunity","users.actions","auth.state","memberships.mutations","users.state","auth.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqQA,UAAM,QAAQ,SAAU;AACxB,UAAM,SAAS,UAAW;AAE1B,UAAM,OAAO,IAAI,KAAK;AAEtB,UAAM,QAAQ,OAAO,OAAO;AAE5B,UAAM,gBAAgB;AAAA,MACpB,QAAQ;AAAA,QACN,aAAa;AAAA,QACb,OAAO;AAAA,QACP,MAAMA;AAAAA,MACP;AAAA,MACD,eAAe;AAAA,QACb,aAAa;AAAA,QACb,OAAO;AAAA,QACP,MAAMC;AAAAA,MACP;AAAA,MACD,WAAW;AAAA,QACT,aAAa;AAAA,QACb,OAAO;AAAA,QACP,MAAMC;AAAAA,MACP;AAAA,IACH;AAEA,UAAM,kBAAkB,SAAS,MAAM;AACrC,aAAO,MAAM,QACV,IAAI,gBAAc;AACjB,eAAO;AAAA,UACL,MAAM;AAAA,UACN,GAAG,cAAc,UAAU;AAAA,QAC5B;AAAA,MACP,CAAK,EACA,OAAO,YAAU,cAAc,OAAO,IAAI,CAAC;AAAA,IAChD,CAAC;AAED,cAAU,YAAY;AACpB,YAAMC,QAAc,KAAK,EAAE,KAAK,MAAM,OAAO,KAAK,MAAMC,MAAW,KAAK,IAAK,CAAA;AAC7E,WAAK,QAAQ;AAAA,IACf,CAAC;AAED,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAQ,GAAE,YAAY,iBAAiB;AAC3FC,gBAAsB,uBAAuBC,QAAY,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IACxH;AAEA,aAAS,SAAU;AACjBC,gBAAa,OAAQ;AAErB,aAAO,KAAK,EAAC,MAAM,UAAS,CAAC;AAAA,IAC/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/backoffice/backoffice.client.cjs

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const backoffice = require("./router/backoffice.cjs");
-const Backoffice = require("./components/layouts/Backoffice.vue.cjs");
 const Dashboard = require("./components/pages/Dashboard.vue.cjs");
 const Sidebar = require("./components/partials/Sidebar.vue.cjs");
 function initializeBackoffice(app, store, router, options = {}) {
@@ -16,7 +15,6 @@ const ModuleBackoffice = {
     },
     components: {
       // Layouts
-      BackofficeLayout: Backoffice.default,
       // Pages
       Dashboard: Dashboard.default,
       // Admin components

package/dist/prometheus-framework/src/modules/backoffice/backoffice.client.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"backoffice.client.cjs","sources":["../../../../../src/modules/backoffice/backoffice.client.js"],"sourcesContent":["// Router\nimport routerBackoffice from './router/backoffice';\n\n// Views\n// Layouts\nimport BackofficeLayout from './components/layouts/Backoffice.vue';\n\n// Pages\nimport Dashboard from './components/pages/Dashboard.vue';\n\n// Admin components\n// import AdminDashboard from './components/admin/Dashboard.vue';\n// import FastOrders from './components/admin/FastOrders.vue';\n// import UserEdit from './components/admin/UserEdit.vue';\n// import Users from './components/admin/Users.vue';\n// import ProductEdit from './components/admin/ProductEdit.vue';\n// import Backcalls from './components/admin/Backcalls.vue';\n\n// Partials\nimport Sidebar from './components/partials/Sidebar.vue';\n\n// Пример функции инициализации для модуля бэкофиса\nfunction initializeBackoffice(app, store, router, options = {}) {\n  const route = options.route || 'Home';\n\n  // const routesBackoffice = createBackofficeRoutes();\n  // const routesAdmin = createAdminRoutes();\n  \n  router.addRoute(route, routerBackoffice);\n  // router.addRoute(`${route}.admin`, routerBackoffice);\n}\n\nconst ModuleBackoffice = {\n  initialize: initializeBackoffice,\n  views: {\n    router: {\n      routerBackoffice\n    },\n    components: {\n      // Layouts\n      BackofficeLayout,\n      // Pages\n      Dashboard,\n      // Admin components\n      // AdminDashboard,\n      // FastOrders,\n      // UserEdit,\n      // Users,\n      // ProductEdit,\n      // Backcalls,\n      // Partials\n      Sidebar\n    }\n  }\n}\n\nexport default ModuleBackoffice;"],"names":["routerBackoffice","BackofficeLayout","Dashboard","Sidebar"],"mappings":";;;;;;AAsBA,SAAS,qBAAqB,KAAK,OAAO,QAAQ,UAAU,CAAA,GAAI;AAC9D,QAAM,QAAQ,QAAQ,SAAS;AAK/B,SAAO,SAAS,OAAOA,WAAAA,OAAgB;AAEzC;AAEK,MAAC,mBAAmB;AAAA,EACvB,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,QAAQ;AAAA,MACZ,kBAAMA,WAAgB;AAAA,IACjB;AAAA,IACD,YAAY;AAAA;AAAA,MAEhB,kBAAMC,WAAgB;AAAA;AAAA,MAEtB,WAAMC,UAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MASf,SAAMC,QAAO;AAAA,IACR;AAAA,EACF;AACH;;"}
+{"version":3,"file":"backoffice.client.cjs","sources":["../../../../../src/modules/backoffice/backoffice.client.js"],"sourcesContent":["// Router\nimport routerBackoffice from './router/backoffice';\n\n// Views\n// Layouts\n\n// Pages\nimport Dashboard from './components/pages/Dashboard.vue';\n\n// Admin components\n// import AdminDashboard from './components/admin/Dashboard.vue';\n// import FastOrders from './components/admin/FastOrders.vue';\n// import UserEdit from './components/admin/UserEdit.vue';\n// import Users from './components/admin/Users.vue';\n// import ProductEdit from './components/admin/ProductEdit.vue';\n// import Backcalls from './components/admin/Backcalls.vue';\n\n// Partials\nimport Sidebar from './components/partials/Sidebar.vue';\n\n// Пример функции инициализации для модуля бэкофиса\nfunction initializeBackoffice(app, store, router, options = {}) {\n  const route = options.route || 'Home';\n\n  // const routesBackoffice = createBackofficeRoutes();\n  // const routesAdmin = createAdminRoutes();\n  \n  router.addRoute(route, routerBackoffice);\n  // router.addRoute(`${route}.admin`, routerBackoffice);\n}\n\nconst ModuleBackoffice = {\n  initialize: initializeBackoffice,\n  views: {\n    router: {\n      routerBackoffice\n    },\n    components: {\n      // Layouts\n      // Pages\n      Dashboard,\n      // Admin components\n      // AdminDashboard,\n      // FastOrders,\n      // UserEdit,\n      // Users,\n      // ProductEdit,\n      // Backcalls,\n      // Partials\n      Sidebar\n    }\n  }\n}\n\nexport default ModuleBackoffice;"],"names":["routerBackoffice","Dashboard","Sidebar"],"mappings":";;;;;AAqBA,SAAS,qBAAqB,KAAK,OAAO,QAAQ,UAAU,CAAA,GAAI;AAC9D,QAAM,QAAQ,QAAQ,SAAS;AAK/B,SAAO,SAAS,OAAOA,WAAAA,OAAgB;AAEzC;AAEK,MAAC,mBAAmB;AAAA,EACvB,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,QAAQ;AAAA,MACZ,kBAAMA,WAAgB;AAAA,IACjB;AAAA,IACD,YAAY;AAAA;AAAA;AAAA,MAGhB,WAAMC,UAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MASf,SAAMC,QAAO;AAAA,IACR;AAAA,EACF;AACH;;"}

package/dist/prometheus-framework/src/modules/backoffice/backoffice.client.js

@@ -1,7 +1,6 @@
 import backofficeRoutes from "./router/backoffice.js";
-import _sfc_main from "./components/layouts/Backoffice.vue.js";
-import _sfc_main$1 from "./components/pages/Dashboard.vue.js";
-import _sfc_main$2 from "./components/partials/Sidebar.vue.js";
+import _sfc_main from "./components/pages/Dashboard.vue.js";
+import _sfc_main$1 from "./components/partials/Sidebar.vue.js";
 function initializeBackoffice(app, store, router, options = {}) {
   const route = options.route || "Home";
   router.addRoute(route, backofficeRoutes);
@@ -14,9 +13,8 @@ const ModuleBackoffice = {
     },
     components: {
       // Layouts
-      BackofficeLayout: _sfc_main,
       // Pages
-      Dashboard: _sfc_main$1,
+      Dashboard: _sfc_main,
       // Admin components
       // AdminDashboard,
       // FastOrders,
@@ -25,7 +23,7 @@ const ModuleBackoffice = {
       // ProductEdit,
       // Backcalls,
       // Partials
-      Sidebar: _sfc_main$2
+      Sidebar: _sfc_main$1
     }
   }
 };

package/dist/prometheus-framework/src/modules/backoffice/backoffice.client.js.map

@@ -1 +1 @@
-{"version":3,"file":"backoffice.client.js","sources":["../../../../../src/modules/backoffice/backoffice.client.js"],"sourcesContent":["// Router\nimport routerBackoffice from './router/backoffice';\n\n// Views\n// Layouts\nimport BackofficeLayout from './components/layouts/Backoffice.vue';\n\n// Pages\nimport Dashboard from './components/pages/Dashboard.vue';\n\n// Admin components\n// import AdminDashboard from './components/admin/Dashboard.vue';\n// import FastOrders from './components/admin/FastOrders.vue';\n// import UserEdit from './components/admin/UserEdit.vue';\n// import Users from './components/admin/Users.vue';\n// import ProductEdit from './components/admin/ProductEdit.vue';\n// import Backcalls from './components/admin/Backcalls.vue';\n\n// Partials\nimport Sidebar from './components/partials/Sidebar.vue';\n\n// Пример функции инициализации для модуля бэкофиса\nfunction initializeBackoffice(app, store, router, options = {}) {\n  const route = options.route || 'Home';\n\n  // const routesBackoffice = createBackofficeRoutes();\n  // const routesAdmin = createAdminRoutes();\n  \n  router.addRoute(route, routerBackoffice);\n  // router.addRoute(`${route}.admin`, routerBackoffice);\n}\n\nconst ModuleBackoffice = {\n  initialize: initializeBackoffice,\n  views: {\n    router: {\n      routerBackoffice\n    },\n    components: {\n      // Layouts\n      BackofficeLayout,\n      // Pages\n      Dashboard,\n      // Admin components\n      // AdminDashboard,\n      // FastOrders,\n      // UserEdit,\n      // Users,\n      // ProductEdit,\n      // Backcalls,\n      // Partials\n      Sidebar\n    }\n  }\n}\n\nexport default ModuleBackoffice;"],"names":["routerBackoffice","BackofficeLayout","Dashboard","Sidebar"],"mappings":";;;;AAsBA,SAAS,qBAAqB,KAAK,OAAO,QAAQ,UAAU,CAAA,GAAI;AAC9D,QAAM,QAAQ,QAAQ,SAAS;AAK/B,SAAO,SAAS,OAAOA,gBAAgB;AAEzC;AAEK,MAAC,mBAAmB;AAAA,EACvB,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,QAAQ;AAAA,MACZ,kBAAMA;AAAAA,IACD;AAAA,IACD,YAAY;AAAA;AAAA,MAEhB,kBAAMC;AAAAA;AAAAA,MAEN,WAAMC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MASN,SAAMC;AAAAA,IACD;AAAA,EACF;AACH;"}
+{"version":3,"file":"backoffice.client.js","sources":["../../../../../src/modules/backoffice/backoffice.client.js"],"sourcesContent":["// Router\nimport routerBackoffice from './router/backoffice';\n\n// Views\n// Layouts\n\n// Pages\nimport Dashboard from './components/pages/Dashboard.vue';\n\n// Admin components\n// import AdminDashboard from './components/admin/Dashboard.vue';\n// import FastOrders from './components/admin/FastOrders.vue';\n// import UserEdit from './components/admin/UserEdit.vue';\n// import Users from './components/admin/Users.vue';\n// import ProductEdit from './components/admin/ProductEdit.vue';\n// import Backcalls from './components/admin/Backcalls.vue';\n\n// Partials\nimport Sidebar from './components/partials/Sidebar.vue';\n\n// Пример функции инициализации для модуля бэкофиса\nfunction initializeBackoffice(app, store, router, options = {}) {\n  const route = options.route || 'Home';\n\n  // const routesBackoffice = createBackofficeRoutes();\n  // const routesAdmin = createAdminRoutes();\n  \n  router.addRoute(route, routerBackoffice);\n  // router.addRoute(`${route}.admin`, routerBackoffice);\n}\n\nconst ModuleBackoffice = {\n  initialize: initializeBackoffice,\n  views: {\n    router: {\n      routerBackoffice\n    },\n    components: {\n      // Layouts\n      // Pages\n      Dashboard,\n      // Admin components\n      // AdminDashboard,\n      // FastOrders,\n      // UserEdit,\n      // Users,\n      // ProductEdit,\n      // Backcalls,\n      // Partials\n      Sidebar\n    }\n  }\n}\n\nexport default ModuleBackoffice;"],"names":["routerBackoffice","Dashboard","Sidebar"],"mappings":";;;AAqBA,SAAS,qBAAqB,KAAK,OAAO,QAAQ,UAAU,CAAA,GAAI;AAC9D,QAAM,QAAQ,QAAQ,SAAS;AAK/B,SAAO,SAAS,OAAOA,gBAAgB;AAEzC;AAEK,MAAC,mBAAmB;AAAA,EACvB,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,QAAQ;AAAA,MACZ,kBAAMA;AAAAA,IACD;AAAA,IACD,YAAY;AAAA;AAAA;AAAA,MAGhB,WAAMC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MASN,SAAMC;AAAAA,IACD;AAAA,EACF;AACH;"}

package/dist/prometheus-framework/src/modules/backoffice/components/pages/Dashboard.vue.cjs

@@ -1,13 +1,24 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
+const Block = require("../../../../components/Block/Block.vue.cjs");
+const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 ;/* empty css                                     */
 require("../../../../components/Menu/MenuItem.vue.cjs");
-;/* empty css                                                    */
+;/* empty css                                                   */
+const IconProfile = require("../../../icons/entities/IconProfile.vue.cjs");
+const IconOrders = require("../../../icons/entities/IconOrders.vue.cjs");
 const vueRouter = require("vue-router");
-require("../../../auth/views/store/auth.cjs");
+const auth = require("../../../auth/views/store/auth.cjs");
 require("../../../organizations/store/organizations.cjs");
-const _hoisted_1 = { class: "bg-white" };
+const orders = require("../../../orders/store/orders.cjs");
+const _hoisted_1 = { class: "pd-medium bg-white" };
+const _hoisted_2 = { class: "mn-b-medium cols-3 gap-thin" };
+const _hoisted_3 = { class: "mn-b-medium radius-small w-max bg-main" };
+const _hoisted_4 = { class: "mn-b-medium radius-small w-max bg-main" };
+const _hoisted_5 = { class: "mn-b-medium radius-small w-max bg-main" };
+const _hoisted_6 = { class: "cols-2 gap-thin" };
+const _hoisted_7 = { class: "table" };
 const _sfc_main = {
   __name: "Dashboard",
   props: {
@@ -21,7 +32,111 @@ const _sfc_main = {
     vue.onMounted(async () => {
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1);
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        _cache[10] || (_cache[10] = vue.createElementVNode("h2", { class: "mn-b-small" }, "Overview", -1)),
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createVNode(Block.default, { class: "pos-relative" }, {
+            default: vue.withCtx(() => [
+              _cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "t-green t-semi pos-absolute pos-t-medium pos-r-medium" }, "+12.5%", -1)),
+              vue.createElementVNode("div", _hoisted_3, [
+                vue.createVNode(IconProfile.default, { class: "i-semi mn-small" })
+              ]),
+              _cache[1] || (_cache[1] = vue.createElementVNode("p", { class: "h3 mn-b-thin" }, "2,453", -1)),
+              _cache[2] || (_cache[2] = vue.createElementVNode("p", null, "Active Members", -1))
+            ]),
+            _: 1
+          }),
+          vue.createVNode(Block.default, { class: "pos-relative" }, {
+            default: vue.withCtx(() => [
+              _cache[3] || (_cache[3] = vue.createElementVNode("span", { class: "t-green t-semi pos-absolute pos-t-medium pos-r-medium" }, "+14.8%", -1)),
+              vue.createElementVNode("div", _hoisted_4, [
+                vue.createVNode(IconOrders.default, { class: "i-semi mn-small" })
+              ]),
+              _cache[4] || (_cache[4] = vue.createElementVNode("p", { class: "h3 mn-b-thin" }, "432", -1)),
+              _cache[5] || (_cache[5] = vue.createElementVNode("p", null, "New Orders", -1))
+            ]),
+            _: 1
+          }),
+          vue.createVNode(Block.default, { class: "pos-relative" }, {
+            default: vue.withCtx(() => [
+              _cache[6] || (_cache[6] = vue.createElementVNode("span", { class: "t-green t-semi pos-absolute pos-t-medium pos-r-medium" }, "+25.1%", -1)),
+              vue.createElementVNode("div", _hoisted_5, [
+                vue.createVNode(IconProfile.default, { class: "i-semi mn-small" })
+              ]),
+              _cache[7] || (_cache[7] = vue.createElementVNode("p", { class: "h3 mn-b-thin" }, "$23,232", -1)),
+              _cache[8] || (_cache[8] = vue.createElementVNode("p", null, "Monthly Revenue", -1))
+            ]),
+            _: 1
+          })
+        ]),
+        vue.createElementVNode("div", _hoisted_6, [
+          vue.createVNode(Block.default, {
+            title: "Recent Orders",
+            class: "pos-relative"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(Feed.default, {
+                showLoadMore: false,
+                LoadMore: false,
+                states: {
+                  empty: {
+                    title: "No Events Today",
+                    description: "Currently, there are no events available."
+                  }
+                },
+                store: {
+                  read: (options) => orders.actions.read(options),
+                  state: orders.state
+                },
+                options: {
+                  user: auth.state.user._id,
+                  limit: 5,
+                  page: 1
+                },
+                class: "cols-1 gap-thin"
+              }, {
+                default: vue.withCtx(({
+                  items
+                }) => [
+                  vue.createElementVNode("table", _hoisted_7, [
+                    _cache[9] || (_cache[9] = vue.createElementVNode("thead", null, [
+                      vue.createElementVNode("tr", null, [
+                        vue.createElementVNode("th", null, "Order ID"),
+                        vue.createElementVNode("th", null, "Customer"),
+                        vue.createElementVNode("th", null, "Items"),
+                        vue.createElementVNode("th", null, "Amount"),
+                        vue.createElementVNode("th", null, "Status"),
+                        vue.createElementVNode("th", null, "Date")
+                      ])
+                    ], -1)),
+                    vue.createElementVNode("tbody", null, [
+                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (order, index) => {
+                        var _a, _b;
+                        return vue.openBlock(), vue.createElementBlock("tr", {
+                          key: order._id
+                        }, [
+                          vue.createElementVNode("td", null, vue.toDisplayString(order._id), 1),
+                          vue.createElementVNode("td", null, vue.toDisplayString(order.customer.target.profile.name), 1),
+                          vue.createElementVNode("td", null, vue.toDisplayString(((_a = order.positions) == null ? void 0 : _a.length) || 0), 1),
+                          vue.createElementVNode("td", null, "$" + vue.toDisplayString((_b = order.amount) == null ? void 0 : _b.toFixed(2)), 1),
+                          vue.createElementVNode("td", null, vue.toDisplayString(order.status), 1),
+                          vue.createElementVNode("td", null, vue.toDisplayString(new Date(order.createdAt).toLocaleDateString()), 1)
+                        ]);
+                      }), 128))
+                    ])
+                  ])
+                ]),
+                _: 1
+              }, 8, ["store", "options"])
+            ]),
+            _: 1
+          }),
+          vue.createVNode(Block.default, {
+            title: "Activity Feed",
+            class: "pos-relative"
+          })
+        ])
+      ]);
     };
   }
 };

package/dist/prometheus-framework/src/modules/backoffice/components/pages/Dashboard.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Dashboard.vue.cjs","sources":["../../../../../../../src/modules/backoffice/components/pages/Dashboard.vue"],"sourcesContent":["<template>\n\t<div class=\"bg-white\">\n\t\t\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 '@pf/src/components/Menu/Menu.vue'\nimport MenuItem from '@pf/src/components/Menu/MenuItem.vue'\nimport SelectMulti    from '@pf/src/components/SelectMulti/SelectMulti.vue'\n\nimport IconProducts from '@pf/src/modules/icons/entities/IconProducts.vue'\nimport IconEvents from '@pf/src/modules/icons/entities/IconEvents.vue'\nimport IconGroups from '@pf/src/modules/icons/entities/IconGroups.vue'\nimport IconCommunity from '@pf/src/modules/icons/entities/IconCommunity.vue'\nimport IconGallery from '@pf/src/modules/icons/entities/IconGallery.vue'\nimport IconOrders from '@pf/src/modules/icons/entities/IconOrders.vue'\nimport IconLeftovers from '@pf/src/modules/icons/entities/IconLeftovers.vue'\n/////////////////////////////\n// HELPERS\n/////////////////////////////\nimport { useRoute, useRouter } from 'vue-router'\n\nimport * as auth  from '@pf/src/modules/auth/views/store/auth'\nimport * as organizations  from '@pf/src/modules/organizations/store/organizations'\n\nconst route = useRoute()\nconst router = useRouter()\n/////////////////////////////\n// CREATED\n/////////////////////////////\nconst props = defineProps({\n  favorites: Array,\n});\n\nconst selectedOrganization = ref(null);\nconst publics = ref([]);\n/////////////////////////////\n// MOUNTED\n/////////////////////////////\nonMounted(async () =>{\n})\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["useRoute","useRouter","ref","onMounted"],"mappings":";;;;;;;;;;;;;;;;AAgCcA,cAAAA,SAAU;AACTC,cAAAA,UAAW;AAQGC,QAAG,IAAC,IAAI;AACrBA,QAAG,IAAC,EAAE;AAItBC,QAAAA,UAAU,YAAW;AAAA,IACrB,CAAC;;;;;;;"}
+{"version":3,"file":"Dashboard.vue.cjs","sources":["../../../../../../../src/modules/backoffice/components/pages/Dashboard.vue"],"sourcesContent":["<template>\n\t<div class=\"pd-medium bg-white\">\n\t\t<h2 class=\"mn-b-small\">Overview</h2>\n\t\t<div class=\"mn-b-medium cols-3 gap-thin\">\n\t\t\t<Block class=\"pos-relative\">\n\t\t\t\t<span class=\"t-green t-semi pos-absolute pos-t-medium pos-r-medium\">+12.5%</span>\n\t\t\t\t<div class=\"mn-b-medium radius-small w-max bg-main\"><IconProfile class=\"i-semi mn-small\"/></div>\n\t\t\t\t<p class=\"h3 mn-b-thin\">2,453</p>\n\t\t\t\t<p>Active Members</p>\n\t\t\t</Block>\n\n\t\t\t<Block class=\"pos-relative\">\n\t\t\t\t<span class=\"t-green t-semi pos-absolute pos-t-medium pos-r-medium\">+14.8%</span>\n\t\t\t\t<div class=\"mn-b-medium radius-small w-max bg-main\"><IconOrders class=\"i-semi mn-small\"/></div>\n\t\t\t\t<p class=\"h3 mn-b-thin\">432</p>\n\t\t\t\t<p>New Orders</p>\n\t\t\t</Block>\n\n\t\t\t<Block class=\"pos-relative\">\n\t\t\t\t<span class=\"t-green t-semi pos-absolute pos-t-medium pos-r-medium\">+25.1%</span>\n\t\t\t\t<div class=\"mn-b-medium radius-small w-max bg-main\"><IconProfile class=\"i-semi mn-small\"/></div>\n\t\t\t\t<p class=\"h3 mn-b-thin\">$23,232</p>\n\t\t\t\t<p>Monthly Revenue</p>\n\t\t\t</Block>\n\t\t</div>\n\n\t\t<div class=\"cols-2 gap-thin\">\n\t\t\t<Block \n\t\t\t\ttitle=\"Recent Orders\"\n\t\t\t\tclass=\"pos-relative\"\n\t\t\t>\n\t\t\t\t<Feed\n\t        :showLoadMore=\"false\"\n\t        :LoadMore=\"false\"\n\t        :states=\"{\n\t          empty: {\n\t            title: 'No Events Today',\n\t            description: 'Currently, there are no events available.'\n\t          }\n\t        }\"\n\t        :store=\"{\n\t          read: (options) => orders.actions.read(options),\n\t          state: orders.state\n\t        }\"\n\t        :options=\"{\n\t            user: auth.state.user._id,\n\t            limit: 5,\n\t            page: 1\n\t        }\"\n\t        v-slot=\"{ \n\t          items \n\t        }\"\n\t        class=\"cols-1 gap-thin\"\n\t      >\n\t      \t<table class=\"table\">\n\t\t\t\t    <thead>\n\t\t\t\t      <tr>\n\t\t\t\t        <th>Order ID</th>\n\t\t\t\t        <th>Customer</th>\n\t\t\t\t        <th>Items</th>\n\t\t\t\t        <th>Amount</th>\n\t\t\t\t        <th>Status</th>\n\t\t\t\t        <th>Date</th>\n\t\t\t\t      </tr>\n\t\t\t\t    </thead>\n\t\t\t\t    <tbody>\n\t\t\t\t      <tr v-for=\"(order, index) in items\" :key=\"order._id\">\n\t\t\t\t        <td>{{ order._id }}</td>\n\t\t\t\t        <td>{{ order.customer.target.profile.name }}</td>\n\t\t\t\t        <td>{{ order.positions?.length || 0}}\n\t\t\t\t        </td>\n\t\t\t\t        <td>${{ order.amount?.toFixed(2) }}</td>\n\t\t\t\t        <td>{{ order.status }}</td>\n\t\t\t\t        <td>{{ new Date(order.createdAt).toLocaleDateString() }}</td>\n\t\t\t\t      </tr>\n\t\t\t\t    </tbody>\n\t\t\t\t  </table>\n\t      </Feed>\n\n\t\t\t</Block>\n\n\t\t\t<Block \n\t\t\t\ttitle=\"Activity Feed\"\n\t\t\t\tclass=\"pos-relative\"\n\t\t\t\t>\n\t\t\t</Block>\n\t\t</div>\n\n\t</div>\n\n\n</template>\n\n<script setup=\"props\">\n/////////////////////////////\n// COMPONENT DEPENDENCIES\n/////////////////////////////\nimport { ref, onMounted } from 'vue';\n\n// Mobile Module\nimport Block from '@pf/src/components/Block/Block.vue'\nimport Feed from '@pf/src/components/Feed/Feed.vue'\nimport Menu from '@pf/src/components/Menu/Menu.vue'\nimport MenuItem from '@pf/src/components/Menu/MenuItem.vue'\nimport SelectMulti    from '@pf/src/components/SelectMulti/SelectMulti.vue'\n\n\nimport IconProfile from '@pf/src/modules/icons/entities/IconProfile.vue'\n\nimport IconProducts from '@pf/src/modules/icons/entities/IconProducts.vue'\nimport IconEvents from '@pf/src/modules/icons/entities/IconEvents.vue'\nimport IconGroups from '@pf/src/modules/icons/entities/IconGroups.vue'\nimport IconCommunity from '@pf/src/modules/icons/entities/IconCommunity.vue'\nimport IconGallery from '@pf/src/modules/icons/entities/IconGallery.vue'\nimport IconOrders from '@pf/src/modules/icons/entities/IconOrders.vue'\nimport IconLeftovers from '@pf/src/modules/icons/entities/IconLeftovers.vue'\n/////////////////////////////\n// HELPERS\n/////////////////////////////\nimport { useRoute, useRouter } from 'vue-router'\n\nimport * as auth  from '@pf/src/modules/auth/views/store/auth'\nimport * as organizations  from '@pf/src/modules/organizations/store/organizations'\nimport * as orders  from '@pf/src/modules/orders/store/orders'\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA6HcA,cAAAA,SAAU;AACTC,cAAAA,UAAW;AAQGC,QAAG,IAAC,IAAI;AACrBA,QAAG,IAAC,EAAE;AAItBC,QAAAA,UAAU,YAAW;AAAA,IACrB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/backoffice/components/pages/Dashboard.vue.js

@@ -1,11 +1,22 @@
-import { ref, onMounted, openBlock, createElementBlock } from "vue";
+import { ref, onMounted, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, Fragment, renderList, toDisplayString } from "vue";
+import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
+import _sfc_main$4 from "../../../../components/Feed/Feed.vue.js";
 /* empty css                                   */
 import "../../../../components/Menu/MenuItem.vue.js";
-/* empty css                                                  */
+/* empty css                                                 */
+import _sfc_main$2 from "../../../icons/entities/IconProfile.vue.js";
+import _sfc_main$3 from "../../../icons/entities/IconOrders.vue.js";
 import { useRoute, useRouter } from "vue-router";
-import "../../../auth/views/store/auth.js";
+import { state as state$1 } from "../../../auth/views/store/auth.js";
 import "../../../organizations/store/organizations.js";
-const _hoisted_1 = { class: "bg-white" };
+import { actions, state } from "../../../orders/store/orders.js";
+const _hoisted_1 = { class: "pd-medium bg-white" };
+const _hoisted_2 = { class: "mn-b-medium cols-3 gap-thin" };
+const _hoisted_3 = { class: "mn-b-medium radius-small w-max bg-main" };
+const _hoisted_4 = { class: "mn-b-medium radius-small w-max bg-main" };
+const _hoisted_5 = { class: "mn-b-medium radius-small w-max bg-main" };
+const _hoisted_6 = { class: "cols-2 gap-thin" };
+const _hoisted_7 = { class: "table" };
 const _sfc_main = {
   __name: "Dashboard",
   props: {
@@ -19,7 +30,111 @@ const _sfc_main = {
     onMounted(async () => {
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1);
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        _cache[10] || (_cache[10] = createElementVNode("h2", { class: "mn-b-small" }, "Overview", -1)),
+        createElementVNode("div", _hoisted_2, [
+          createVNode(_sfc_main$1, { class: "pos-relative" }, {
+            default: withCtx(() => [
+              _cache[0] || (_cache[0] = createElementVNode("span", { class: "t-green t-semi pos-absolute pos-t-medium pos-r-medium" }, "+12.5%", -1)),
+              createElementVNode("div", _hoisted_3, [
+                createVNode(_sfc_main$2, { class: "i-semi mn-small" })
+              ]),
+              _cache[1] || (_cache[1] = createElementVNode("p", { class: "h3 mn-b-thin" }, "2,453", -1)),
+              _cache[2] || (_cache[2] = createElementVNode("p", null, "Active Members", -1))
+            ]),
+            _: 1
+          }),
+          createVNode(_sfc_main$1, { class: "pos-relative" }, {
+            default: withCtx(() => [
+              _cache[3] || (_cache[3] = createElementVNode("span", { class: "t-green t-semi pos-absolute pos-t-medium pos-r-medium" }, "+14.8%", -1)),
+              createElementVNode("div", _hoisted_4, [
+                createVNode(_sfc_main$3, { class: "i-semi mn-small" })
+              ]),
+              _cache[4] || (_cache[4] = createElementVNode("p", { class: "h3 mn-b-thin" }, "432", -1)),
+              _cache[5] || (_cache[5] = createElementVNode("p", null, "New Orders", -1))
+            ]),
+            _: 1
+          }),
+          createVNode(_sfc_main$1, { class: "pos-relative" }, {
+            default: withCtx(() => [
+              _cache[6] || (_cache[6] = createElementVNode("span", { class: "t-green t-semi pos-absolute pos-t-medium pos-r-medium" }, "+25.1%", -1)),
+              createElementVNode("div", _hoisted_5, [
+                createVNode(_sfc_main$2, { class: "i-semi mn-small" })
+              ]),
+              _cache[7] || (_cache[7] = createElementVNode("p", { class: "h3 mn-b-thin" }, "$23,232", -1)),
+              _cache[8] || (_cache[8] = createElementVNode("p", null, "Monthly Revenue", -1))
+            ]),
+            _: 1
+          })
+        ]),
+        createElementVNode("div", _hoisted_6, [
+          createVNode(_sfc_main$1, {
+            title: "Recent Orders",
+            class: "pos-relative"
+          }, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$4, {
+                showLoadMore: false,
+                LoadMore: false,
+                states: {
+                  empty: {
+                    title: "No Events Today",
+                    description: "Currently, there are no events available."
+                  }
+                },
+                store: {
+                  read: (options) => actions.read(options),
+                  state
+                },
+                options: {
+                  user: state$1.user._id,
+                  limit: 5,
+                  page: 1
+                },
+                class: "cols-1 gap-thin"
+              }, {
+                default: withCtx(({
+                  items
+                }) => [
+                  createElementVNode("table", _hoisted_7, [
+                    _cache[9] || (_cache[9] = createElementVNode("thead", null, [
+                      createElementVNode("tr", null, [
+                        createElementVNode("th", null, "Order ID"),
+                        createElementVNode("th", null, "Customer"),
+                        createElementVNode("th", null, "Items"),
+                        createElementVNode("th", null, "Amount"),
+                        createElementVNode("th", null, "Status"),
+                        createElementVNode("th", null, "Date")
+                      ])
+                    ], -1)),
+                    createElementVNode("tbody", null, [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(items, (order, index) => {
+                        var _a, _b;
+                        return openBlock(), createElementBlock("tr", {
+                          key: order._id
+                        }, [
+                          createElementVNode("td", null, toDisplayString(order._id), 1),
+                          createElementVNode("td", null, toDisplayString(order.customer.target.profile.name), 1),
+                          createElementVNode("td", null, toDisplayString(((_a = order.positions) == null ? void 0 : _a.length) || 0), 1),
+                          createElementVNode("td", null, "$" + toDisplayString((_b = order.amount) == null ? void 0 : _b.toFixed(2)), 1),
+                          createElementVNode("td", null, toDisplayString(order.status), 1),
+                          createElementVNode("td", null, toDisplayString(new Date(order.createdAt).toLocaleDateString()), 1)
+                        ]);
+                      }), 128))
+                    ])
+                  ])
+                ]),
+                _: 1
+              }, 8, ["store", "options"])
+            ]),
+            _: 1
+          }),
+          createVNode(_sfc_main$1, {
+            title: "Activity Feed",
+            class: "pos-relative"
+          })
+        ])
+      ]);
     };
   }
 };

package/dist/prometheus-framework/src/modules/backoffice/components/pages/Dashboard.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dashboard.vue.js","sources":["../../../../../../../src/modules/backoffice/components/pages/Dashboard.vue"],"sourcesContent":["<template>\n\t<div class=\"bg-white\">\n\t\t\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 '@pf/src/components/Menu/Menu.vue'\nimport MenuItem from '@pf/src/components/Menu/MenuItem.vue'\nimport SelectMulti    from '@pf/src/components/SelectMulti/SelectMulti.vue'\n\nimport IconProducts from '@pf/src/modules/icons/entities/IconProducts.vue'\nimport IconEvents from '@pf/src/modules/icons/entities/IconEvents.vue'\nimport IconGroups from '@pf/src/modules/icons/entities/IconGroups.vue'\nimport IconCommunity from '@pf/src/modules/icons/entities/IconCommunity.vue'\nimport IconGallery from '@pf/src/modules/icons/entities/IconGallery.vue'\nimport IconOrders from '@pf/src/modules/icons/entities/IconOrders.vue'\nimport IconLeftovers from '@pf/src/modules/icons/entities/IconLeftovers.vue'\n/////////////////////////////\n// HELPERS\n/////////////////////////////\nimport { useRoute, useRouter } from 'vue-router'\n\nimport * as auth  from '@pf/src/modules/auth/views/store/auth'\nimport * as organizations  from '@pf/src/modules/organizations/store/organizations'\n\nconst route = useRoute()\nconst router = useRouter()\n/////////////////////////////\n// CREATED\n/////////////////////////////\nconst props = defineProps({\n  favorites: Array,\n});\n\nconst selectedOrganization = ref(null);\nconst publics = ref([]);\n/////////////////////////////\n// MOUNTED\n/////////////////////////////\nonMounted(async () =>{\n})\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;AAgCc,aAAU;AACT,cAAW;AAQG,QAAI,IAAI;AACrB,QAAI,EAAE;AAItB,cAAU,YAAW;AAAA,IACrB,CAAC;;;;;;"}
+{"version":3,"file":"Dashboard.vue.js","sources":["../../../../../../../src/modules/backoffice/components/pages/Dashboard.vue"],"sourcesContent":["<template>\n\t<div class=\"pd-medium bg-white\">\n\t\t<h2 class=\"mn-b-small\">Overview</h2>\n\t\t<div class=\"mn-b-medium cols-3 gap-thin\">\n\t\t\t<Block class=\"pos-relative\">\n\t\t\t\t<span class=\"t-green t-semi pos-absolute pos-t-medium pos-r-medium\">+12.5%</span>\n\t\t\t\t<div class=\"mn-b-medium radius-small w-max bg-main\"><IconProfile class=\"i-semi mn-small\"/></div>\n\t\t\t\t<p class=\"h3 mn-b-thin\">2,453</p>\n\t\t\t\t<p>Active Members</p>\n\t\t\t</Block>\n\n\t\t\t<Block class=\"pos-relative\">\n\t\t\t\t<span class=\"t-green t-semi pos-absolute pos-t-medium pos-r-medium\">+14.8%</span>\n\t\t\t\t<div class=\"mn-b-medium radius-small w-max bg-main\"><IconOrders class=\"i-semi mn-small\"/></div>\n\t\t\t\t<p class=\"h3 mn-b-thin\">432</p>\n\t\t\t\t<p>New Orders</p>\n\t\t\t</Block>\n\n\t\t\t<Block class=\"pos-relative\">\n\t\t\t\t<span class=\"t-green t-semi pos-absolute pos-t-medium pos-r-medium\">+25.1%</span>\n\t\t\t\t<div class=\"mn-b-medium radius-small w-max bg-main\"><IconProfile class=\"i-semi mn-small\"/></div>\n\t\t\t\t<p class=\"h3 mn-b-thin\">$23,232</p>\n\t\t\t\t<p>Monthly Revenue</p>\n\t\t\t</Block>\n\t\t</div>\n\n\t\t<div class=\"cols-2 gap-thin\">\n\t\t\t<Block \n\t\t\t\ttitle=\"Recent Orders\"\n\t\t\t\tclass=\"pos-relative\"\n\t\t\t>\n\t\t\t\t<Feed\n\t        :showLoadMore=\"false\"\n\t        :LoadMore=\"false\"\n\t        :states=\"{\n\t          empty: {\n\t            title: 'No Events Today',\n\t            description: 'Currently, there are no events available.'\n\t          }\n\t        }\"\n\t        :store=\"{\n\t          read: (options) => orders.actions.read(options),\n\t          state: orders.state\n\t        }\"\n\t        :options=\"{\n\t            user: auth.state.user._id,\n\t            limit: 5,\n\t            page: 1\n\t        }\"\n\t        v-slot=\"{ \n\t          items \n\t        }\"\n\t        class=\"cols-1 gap-thin\"\n\t      >\n\t      \t<table class=\"table\">\n\t\t\t\t    <thead>\n\t\t\t\t      <tr>\n\t\t\t\t        <th>Order ID</th>\n\t\t\t\t        <th>Customer</th>\n\t\t\t\t        <th>Items</th>\n\t\t\t\t        <th>Amount</th>\n\t\t\t\t        <th>Status</th>\n\t\t\t\t        <th>Date</th>\n\t\t\t\t      </tr>\n\t\t\t\t    </thead>\n\t\t\t\t    <tbody>\n\t\t\t\t      <tr v-for=\"(order, index) in items\" :key=\"order._id\">\n\t\t\t\t        <td>{{ order._id }}</td>\n\t\t\t\t        <td>{{ order.customer.target.profile.name }}</td>\n\t\t\t\t        <td>{{ order.positions?.length || 0}}\n\t\t\t\t        </td>\n\t\t\t\t        <td>${{ order.amount?.toFixed(2) }}</td>\n\t\t\t\t        <td>{{ order.status }}</td>\n\t\t\t\t        <td>{{ new Date(order.createdAt).toLocaleDateString() }}</td>\n\t\t\t\t      </tr>\n\t\t\t\t    </tbody>\n\t\t\t\t  </table>\n\t      </Feed>\n\n\t\t\t</Block>\n\n\t\t\t<Block \n\t\t\t\ttitle=\"Activity Feed\"\n\t\t\t\tclass=\"pos-relative\"\n\t\t\t\t>\n\t\t\t</Block>\n\t\t</div>\n\n\t</div>\n\n\n</template>\n\n<script setup=\"props\">\n/////////////////////////////\n// COMPONENT DEPENDENCIES\n/////////////////////////////\nimport { ref, onMounted } from 'vue';\n\n// Mobile Module\nimport Block from '@pf/src/components/Block/Block.vue'\nimport Feed from '@pf/src/components/Feed/Feed.vue'\nimport Menu from '@pf/src/components/Menu/Menu.vue'\nimport MenuItem from '@pf/src/components/Menu/MenuItem.vue'\nimport SelectMulti    from '@pf/src/components/SelectMulti/SelectMulti.vue'\n\n\nimport IconProfile from '@pf/src/modules/icons/entities/IconProfile.vue'\n\nimport IconProducts from '@pf/src/modules/icons/entities/IconProducts.vue'\nimport IconEvents from '@pf/src/modules/icons/entities/IconEvents.vue'\nimport IconGroups from '@pf/src/modules/icons/entities/IconGroups.vue'\nimport IconCommunity from '@pf/src/modules/icons/entities/IconCommunity.vue'\nimport IconGallery from '@pf/src/modules/icons/entities/IconGallery.vue'\nimport IconOrders from '@pf/src/modules/icons/entities/IconOrders.vue'\nimport IconLeftovers from '@pf/src/modules/icons/entities/IconLeftovers.vue'\n/////////////////////////////\n// HELPERS\n/////////////////////////////\nimport { useRoute, useRouter } from 'vue-router'\n\nimport * as auth  from '@pf/src/modules/auth/views/store/auth'\nimport * as organizations  from '@pf/src/modules/organizations/store/organizations'\nimport * as orders  from '@pf/src/modules/orders/store/orders'\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":";;;;;;;;;;;;;;;;;;;;;;;;;AA6Hc,aAAU;AACT,cAAW;AAQG,QAAI,IAAI;AACrB,QAAI,EAAE;AAItB,cAAU,YAAW;AAAA,IACrB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}