@ozdao/prometheus-framework 0.2.199 → 0.2.201

package/dist/prometheus-framework/src/modules/organizations/components/sections/MembersAdd.vue.js

@@ -1,49 +1,59 @@
-import { ref as c, resolveDirective as C, openBlock as s, createElementBlock as l, createElementVNode as d, toDisplayString as $, withDirectives as U, createVNode as a, isRef as m, unref as p, withCtx as u, Fragment as _, renderList as v, createBlock as E, createCommentVNode as N } from "vue";
-import S from "../../../../components/Field/Field.vue2.js";
+import { ref, resolveDirective, openBlock, createElementBlock, createElementVNode, toDisplayString, withDirectives, createVNode, isRef, unref, withCtx, Fragment, renderList, createBlock, createCommentVNode } from "vue";
+import Field from "../../../../components/Field/Field.vue2.js";
 /* empty css                                       */
-import V from "../../../../components/Button/Button.vue2.js";
-import z from "../../../../components/Feed/Feed.vue.js";
-import B from "../../../globals/views/components/blocks/BlockSearch.vue.js";
-import D from "../../../users/components/blocks/CardUser.vue.js";
-import F from "../../../icons/navigation/IconDelete.vue.js";
-import M from "../../../icons/navigation/IconAdd.vue.js";
-import { actions as L } from "../../../users/store/users.js";
-const j = { class: "mn-b-thin t-transp p-medium" }, A = { class: "mn-b-thin pos-relative" }, I = {
+import _sfc_main$6 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$2 from "../../../../components/Feed/Feed.vue.js";
+import _sfc_main$1 from "../../../globals/views/components/blocks/BlockSearch.vue.js";
+import _sfc_main$3 from "../../../users/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 "../../../users/store/users.js";
+const _hoisted_1 = { class: "mn-b-thin t-transp p-medium" };
+const _hoisted_2 = { class: "mn-b-thin pos-relative" };
+const _hoisted_3 = {
   key: 0,
   class: "mn-t-thin pos-absolute w-100 pos-t-100 pos-l-0 z-index-3 bg-light pd-small radius-small"
-}, O = { class: "cols-1 mn-b-small radius-medium pd-semi bg-light pos-relative" }, P = ["onClick"], R = /* @__PURE__ */ d("span", null, "Invite to organization", -1), Z = {
+};
+const _hoisted_4 = { class: "cols-1 mn-b-small radius-medium pd-semi bg-light pos-relative" };
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = /* @__PURE__ */ createElementVNode("span", null, "Invite to organization", -1);
+const _sfc_main = {
   __name: "MembersAdd",
   props: {
     organization: Object,
     text: String
   },
   emits: ["send-invite"],
-  setup(b, { emit: g }) {
-    let n = c(null), t = c(!1);
-    const k = c(null), x = g, r = c([{ contact: "" }]);
-    async function w() {
-      return new Promise((f, o) => {
-        x("send-invite", r.value, f, o);
+  setup(__props, { emit: __emit }) {
+    let searchUser = ref(null);
+    let searchUserShow = ref(false);
+    const contactValidation = ref(null);
+    const emits = __emit;
+    const members = ref([{ contact: "" }]);
+    async function submitMembers() {
+      return new Promise((resolve, reject) => {
+        emits("send-invite", members.value, resolve, reject);
       });
     }
-    return (f, o) => {
-      const y = C("click-outside");
-      return s(), l("div", null, [
-        d("p", j, $(b.text), 1),
-        d("div", A, [
-          U(a(B, {
-            onSearch: o[0] || (o[0] = (i) => {
-              m(n) ? n.value = i : n = i, m(t) ? t.value = !0 : t = !0;
+    return (_ctx, _cache) => {
+      const _directive_click_outside = resolveDirective("click-outside");
+      return openBlock(), createElementBlock("div", null, [
+        createElementVNode("p", _hoisted_1, toDisplayString(__props.text), 1),
+        createElementVNode("div", _hoisted_2, [
+          withDirectives(createVNode(_sfc_main$1, {
+            onSearch: _cache[0] || (_cache[0] = (event) => {
+              isRef(searchUser) ? searchUser.value = event : searchUser = event;
+              isRef(searchUserShow) ? searchUserShow.value = true : searchUserShow = true;
             }),
             placeholder: "Enter name, phone or email",
             class: "bg-grey"
           }, null, 512), [
-            [y, () => {
-              m(t) ? t.value = !1 : t = !1;
+            [_directive_click_outside, () => {
+              isRef(searchUserShow) ? searchUserShow.value = false : searchUserShow = false;
             }]
           ]),
-          p(n) && p(t) ? (s(), l("div", I, [
-            a(z, {
+          unref(searchUser) && unref(searchUserShow) ? (openBlock(), createElementBlock("div", _hoisted_3, [
+            createVNode(_sfc_main$2, {
               states: {
                 empty: {
                   title: "No User Found",
@@ -51,76 +61,81 @@ const j = { class: "mn-b-thin t-transp p-medium" }, A = { class: "mn-b-thin pos-
                 }
               },
               store: {
-                read: (i) => L.read(i),
+                read: (options) => actions.read(options),
                 state: null
               },
               options: {
-                search: p(n)
+                search: unref(searchUser)
               },
-              showLoadMore: !1,
+              showLoadMore: false,
               class: "h-max-20r o-scroll"
             }, {
-              default: u(({
-                items: i
+              default: withCtx(({
+                items
               }) => [
-                (s(!0), l(_, null, v(i, (e, h) => (s(), E(D, {
-                  key: e._id,
-                  user: e,
-                  photo: e.profile.photo,
-                  name: e.profile.name || e.phone || e.email,
-                  onClick: () => {
-                    r.value.push({ contact: e.email || e.phone }), m(t) ? t.value = !1 : t = !1;
-                  },
-                  class: "bg-white h-2r pd-thin radius-medium w-100 mn-b-thin"
-                }, null, 8, ["user", "photo", "name", "onClick"]))), 128))
+                (openBlock(true), createElementBlock(Fragment, null, renderList(items, (user, index) => {
+                  return openBlock(), createBlock(_sfc_main$3, {
+                    key: user._id,
+                    user,
+                    photo: user.profile.photo,
+                    name: user.profile.name || user.phone || user.email,
+                    onClick: () => {
+                      members.value.push({ contact: user.email || user.phone });
+                      isRef(searchUserShow) ? searchUserShow.value = false : searchUserShow = false;
+                    },
+                    class: "bg-white h-2r pd-thin radius-medium w-100 mn-b-thin"
+                  }, null, 8, ["user", "photo", "name", "onClick"]);
+                }), 128))
               ]),
               _: 1
             }, 8, ["store", "options"])
-          ])) : N("", !0)
+          ])) : createCommentVNode("", true)
         ]),
-        d("section", O, [
-          (s(!0), l(_, null, v(r.value, (i, e) => (s(), l("div", {
-            key: e,
-            class: "br-1px br-solid br-grey-transp-25 flex gap-thin radius-small mn-b-thin"
-          }, [
-            a(S, {
-              field: i.contact,
-              "onUpdate:field": (h) => i.contact = h,
-              placeholder: "Enter email or phone",
-              class: "w-100 pd-small radius-small bg-white",
-              validation: k.value
-            }, {
-              default: u(() => [
-                e < 1 ? (s(), l("div", {
-                  key: 0,
-                  onClick: o[1] || (o[1] = () => r.value.push({ contact: "" })),
-                  class: "radius-small h-100 i-big flex-center flex aspect-1x1 bg-green"
-                }, [
-                  a(M, {
-                    class: "i-medium",
-                    fill: "rgb(var(--white)"
-                  })
-                ])) : (s(), l("div", {
-                  key: 1,
-                  onClick: () => r.value.splice(e, 1),
-                  class: "radius-small h-100 i-big flex-center flex aspect-1x1 bg-red"
-                }, [
-                  a(F, {
-                    class: "i-medium",
-                    fill: "rgb(var(--white)"
-                  })
-                ], 8, P))
-              ]),
-              _: 2
-            }, 1032, ["field", "onUpdate:field", "validation"])
-          ]))), 128))
+        createElementVNode("section", _hoisted_4, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(members.value, (member, index) => {
+            return openBlock(), createElementBlock("div", {
+              key: index,
+              class: "br-1px br-solid br-grey-transp-25 flex gap-thin radius-small mn-b-thin"
+            }, [
+              createVNode(Field, {
+                field: member.contact,
+                "onUpdate:field": ($event) => member.contact = $event,
+                placeholder: "Enter email or phone",
+                class: "w-100 pd-small radius-small bg-white",
+                validation: contactValidation.value
+              }, {
+                default: withCtx(() => [
+                  index < 1 ? (openBlock(), createElementBlock("div", {
+                    key: 0,
+                    onClick: _cache[1] || (_cache[1] = () => members.value.push({ contact: "" })),
+                    class: "radius-small h-100 i-big flex-center flex aspect-1x1 bg-green"
+                  }, [
+                    createVNode(_sfc_main$4, {
+                      class: "i-medium",
+                      fill: "rgb(var(--white)"
+                    })
+                  ])) : (openBlock(), createElementBlock("div", {
+                    key: 1,
+                    onClick: () => members.value.splice(index, 1),
+                    class: "radius-small h-100 i-big flex-center flex aspect-1x1 bg-red"
+                  }, [
+                    createVNode(_sfc_main$5, {
+                      class: "i-medium",
+                      fill: "rgb(var(--white)"
+                    })
+                  ], 8, _hoisted_5))
+                ]),
+                _: 2
+              }, 1032, ["field", "onUpdate:field", "validation"])
+            ]);
+          }), 128))
         ]),
-        a(V, {
-          submit: w,
+        createVNode(_sfc_main$6, {
+          submit: submitMembers,
           class: "w-100 bg-main"
         }, {
-          default: u(() => [
-            R
+          default: withCtx(() => [
+            _hoisted_6
           ]),
           _: 1
         })
@@ -129,5 +144,6 @@ const j = { class: "mn-b-thin t-transp p-medium" }, A = { class: "mn-b-thin pos-
   }
 };
 export {
-  Z as default
+  _sfc_main as default
 };
+//# sourceMappingURL=MembersAdd.vue.js.map

package/dist/prometheus-framework/src/modules/organizations/components/sections/MembersAdd.vue.js.map

@@ -0,0 +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 '@pf/src/components/Field/Field.vue'\n  import Select   from '@pf/src/components/Select/Select.vue'\n  import Button   from '@pf/src/components/Button/Button.vue'\n  import Feed from '@pf/src/components/Feed/Feed.vue'\n\n  import BlockSearch from '@pf/src/modules/globals/views/components/blocks/BlockSearch.vue'\n\n  import CardUser from '@pf/src/modules/users/components/blocks/CardUser.vue'\n\n  import IconDelete from '@pf/src/modules/icons/navigation/IconDelete.vue';\n  import IconAdd from '@pf/src/modules/icons/navigation/IconAdd.vue';\n  // Import validation\n  import * as inputsValidation from '@pf/src/modules/auth/views/validations/inputs.validation'\n  // Store\n  import * as users from '@pf/src/modules/users/store/users';\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,MACzD,CAAK;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/organizations/components/sections/Organizations.vue.cjs

@@ -1 +1,84 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("vue-router");require("../../../../../../node_modules/js-cookie/dist/js.cookie.cjs");;/* empty css                                   */;/* empty css                                       */;/* empty css                                         */;/* empty css                                         */;/* empty css                                         */;/* empty css                                              */;/* empty css                                        */const q=require("../../../auth/views/store/auth.cjs");require("../../store/memberships.cjs");require("vue-i18n");;/* empty css                                       */require("../../../reports/store/reports.cjs");const y=require("../../store/organizations.cjs"),m=require("../blocks/CardOrganization.vue.cjs"),b=require("../blocks/EmptyState.vue.cjs");;/* empty css           */;/* empty css                     */const g={class:"for-transition bg-white radius-big w-100"},k={class:""},_={key:1,class:"cols-1"},h={__name:"Organizations",props:{owner:{type:String,default:null},user:{type:[String,Number],default:null},onlyuser:{type:[String,Number],default:null}},async setup(c){let t,u;const o=c,a=e.ref(null);a.value=([t,u]=e.withAsyncContext(()=>y.actions.read({owner:o.owner,user:o.user,onlyuser:o.onlyuser})),t=await t,u(),t);const d=s.useRouter(),n=s.useRoute();let p=n.query.tab?n.query.tab:"details";const i=e.ref(p);return n.query.tab=i.value,e.watch(i,r=>{d.replace({query:{...n.query,tab:r}})}),(r,v)=>(e.openBlock(),e.createElementBlock("div",g,[e.createElementVNode("div",k,[a.value<1?(e.openBlock(),e.createBlock(b.default,{key:0,title:"You Haven't Joined Any Organization Yet",description:"Weeder is all about community. Join an organization or maybe you want to create your own?",action:"Create organization",callback:r.a=()=>r.$router.push("/app/organization/create/details")},null,8,["callback"])):(e.openBlock(),e.createElementBlock("div",_,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value,l=>(e.openBlock(),e.createBlock(m.default,{key:l._id,organization:l,user:q.state.user,onUpdateMembership:r.handleMembershipUpdate,class:e.normalizeClass(["w-100",{"mn-r-small":r.index!==a.value.length-1}])},null,8,["organization","user","onUpdateMembership","class"]))),128))]))])]))}};exports.default=h;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueRouter = require("vue-router");
+require("../../../../../../node_modules/js-cookie/dist/js.cookie.cjs");
+;/* empty css                                   */
+;/* empty css                                       */
+;/* empty css                                         */
+;/* empty css                                         */
+;/* empty css                                         */
+;/* empty css                                              */
+;/* empty css                                        */
+const auth = require("../../../auth/views/store/auth.cjs");
+require("../../store/memberships.cjs");
+require("vue-i18n");
+;/* empty css                                       */
+require("../../../reports/store/reports.cjs");
+const organizations = require("../../store/organizations.cjs");
+const CardOrganization = require("../blocks/CardOrganization.vue.cjs");
+const EmptyState = require("../blocks/EmptyState.vue.cjs");
+;/* empty css           */
+;/* empty css                     */
+const _hoisted_1 = { class: "for-transition bg-white radius-big w-100" };
+const _hoisted_2 = { class: "" };
+const _hoisted_3 = {
+  key: 1,
+  class: "cols-1"
+};
+const _sfc_main = {
+  __name: "Organizations",
+  props: {
+    owner: {
+      type: String,
+      default: null
+    },
+    user: {
+      type: [String, Number],
+      default: null
+    },
+    onlyuser: {
+      type: [String, Number],
+      default: null
+    }
+  },
+  async setup(__props) {
+    let __temp, __restore;
+    const props = __props;
+    const organizations$1 = vue.ref(null);
+    organizations$1.value = ([__temp, __restore] = vue.withAsyncContext(() => organizations.actions.read({ owner: props.owner, user: props.user, onlyuser: props.onlyuser })), __temp = await __temp, __restore(), __temp);
+    const router = vueRouter.useRouter();
+    const route = vueRouter.useRoute();
+    let tab = route.query.tab ? route.query.tab : "details";
+    const tabOrganization = vue.ref(tab);
+    route.query.tab = tabOrganization.value;
+    vue.watch(tabOrganization, (newValue) => {
+      router.replace({ query: { ...route.query, tab: newValue } });
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          organizations$1.value < 1 ? (vue.openBlock(), vue.createBlock(EmptyState.default, {
+            key: 0,
+            title: "You Haven't Joined Any Organization Yet",
+            description: "Weeder is all about community. Join an organization or maybe you want to create your own?",
+            action: "Create organization",
+            callback: _ctx.a = () => _ctx.$router.push(`/app/organization/create/details`)
+          }, null, 8, ["callback"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(organizations$1.value, (organization) => {
+              return vue.openBlock(), vue.createBlock(CardOrganization.default, {
+                key: organization._id,
+                organization,
+                user: auth.state.user,
+                onUpdateMembership: _ctx.handleMembershipUpdate,
+                class: vue.normalizeClass(["w-100", { "mn-r-small": _ctx.index !== organizations$1.value.length - 1 }])
+              }, null, 8, ["organization", "user", "onUpdateMembership", "class"]);
+            }), 128))
+          ]))
+        ])
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Organizations.vue.cjs.map

package/dist/prometheus-framework/src/modules/organizations/components/sections/Organizations.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Organizations.vue.cjs","sources":["../../../../../../../src/modules/organizations/components/sections/Organizations.vue"],"sourcesContent":["<template>\n\t<div class=\"for-transition bg-white radius-big w-100\">\n\t\t<div class=\"\">\n\t\t\t <EmptyState \n        v-if=\"organizations < 1\"\n        title=\"You Haven't Joined Any Organization Yet\"\n        description=\"Weeder is all about community. Join an organization or maybe you want to create your own?\"\n        action=\"Create organization\"\n        :callback=\"a = () => $router.push(`/app/organization/create/details`)\"\n      />\n\n      <div v-else class=\"cols-1\">\n      \t<CardOrganization \n\t    \t\t\t v-for=\"organization in organizations\" \n\t\t      \t:key=\"organization._id\"\n\t\t      \t:organization=\"organization\"\n\t\t      \t:user=\"auth.state.user\"\n\t\t\t\t\t\t@updateMembership=\"handleMembershipUpdate\"\n\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t\t:class=\"{'mn-r-small': index !== organizations.length - 1}\"\n\t\t    />\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\n\timport { computed,reactive,ref, onMounted,watch  } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Import dependencies\n\timport Cookies from 'js-cookie'\n\t// Import components\n\t// Global\n\timport Tab  \t\tfrom '@pf/src/components/Tab/Tab.vue'\n\timport Field  \tfrom '@pf/src/components/Field/Field.vue'\n\timport Select  \tfrom '@pf/src/components/Select/Select.vue'\n\timport Button  \tfrom '@pf/src/components/Button/Button.vue'\n\t// Local\n\timport DetailsTab \t\tfrom '@pf/src/modules/organizations/components/sections/DetailsTab.vue'\n\timport CardOrganization from '@pf/src/modules/organizations/components/blocks/CardOrganization.vue'\n\t// Blocks\n\timport EmptyState \t\tfrom '@pf/src/modules/organizations/components/blocks/EmptyState.vue'\n\timport Unit   \tfrom '@pf/src/modules/organizations/components/sections/Unit.vue'\n\t// Import state\n\timport * as auth from '@pf/src/modules/auth/views/store/auth'\n\timport * as organization from '@pf/src/modules/organizations/store/organizations'\n\timport * as memberships from '@pf/src/modules/organizations/store/memberships'\n\n\tconst props = defineProps({\n    owner: {\n      type: String,\n      default: null\n    },\n    user: {\n      type: [String, Number],\n      default: null\n    },\n    onlyuser: {\n      type: [String, Number],\n      default: null\n    }\n  });\n\n\tconst organizations = ref(null)\n\n\torganizations.value = await organization.actions.read({owner: props.owner, user: props.user, onlyuser: props.onlyuser });\n\t// Init router\n\tconst router \t= useRouter()\n\tconst route \t= useRoute()\n\t// Accesing state\n\t// console.log(route.query.tab)\n\tlet tab = route.query.tab ? route.query.tab : 'details';\n\n\tconst tabOrganization = ref(tab)\n\n\troute.query.tab = tabOrganization.value\n\n\twatch(tabOrganization, (newValue) => {\n\t  router.replace({ query: { ...route.query, tab: newValue } });\n\t});\n</script>\n\n<style lang=\"scss\">\n\t.slide-fade-enter-active {\n\t\t// min-height: 100vh;\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-leave-active {\n\t\t// min-height: 100vh;\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-enter-from,\n\t.slide-fade-leave-to {\n\t\tmin-height: 0;\n\t\tposition: absolute;\n\t  transform: translateX(20px);\n\t  opacity: 0;\n\t  left: 0;\n\t  top: 0;\n\t}\n\n</style>\n"],"names":["organizations","ref","_withAsyncContext","organization.actions","useRouter","useRoute","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDC,UAAM,QAAQ;AAed,UAAMA,kBAAgBC,IAAG,IAAC,IAAI;AAE9BD,oBAAc,SAAQ,CAAA,QAAA,SAAA,IAAAE,IAAA,iBAAA,MAAMC,cAAoB,QAAC,KAAK,EAAC,OAAO,MAAM,OAAO,MAAM,MAAM,MAAM,UAAU,MAAM,SAAQ,CAAE,CAAA;AAEvH,UAAM,SAAUC,UAAAA,UAAW;AAC3B,UAAM,QAASC,UAAAA,SAAU;AAGzB,QAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM;AAE9C,UAAM,kBAAkBJ,IAAG,IAAC,GAAG;AAE/B,UAAM,MAAM,MAAM,gBAAgB;AAElCK,cAAM,iBAAiB,CAAC,aAAa;AACnC,aAAO,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,OAAO,KAAK,SAAU,EAAA,CAAE;AAAA,IAC9D,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/organizations/components/sections/Organizations.vue.js

@@ -1,5 +1,5 @@
-import { ref as m, withAsyncContext as b, watch as _, openBlock as t, createElementBlock as i, createElementVNode as f, createBlock as p, Fragment as g, renderList as h, normalizeClass as w } from "vue";
-import { useRouter as v, useRoute as z } from "vue-router";
+import { ref, withAsyncContext, watch, openBlock, createElementBlock, createElementVNode, createBlock, Fragment, renderList, normalizeClass } from "vue";
+import { useRouter, useRoute } from "vue-router";
 import "../../../../../../node_modules/js-cookie/dist/js.cookie.js";
 /* empty css                                 */
 /* empty css                                     */
@@ -8,20 +8,23 @@ import "../../../../../../node_modules/js-cookie/dist/js.cookie.js";
 /* empty css                                       */
 /* empty css                                            */
 /* empty css                                      */
-import { state as k } from "../../../auth/views/store/auth.js";
+import { state } from "../../../auth/views/store/auth.js";
 import "../../store/memberships.js";
 import "vue-i18n";
 /* empty css                                     */
 import "../../../reports/store/reports.js";
-import { actions as q } from "../../store/organizations.js";
-import $ from "../blocks/CardOrganization.vue.js";
-import B from "../blocks/EmptyState.vue.js";
+import { actions } from "../../store/organizations.js";
+import _sfc_main$2 from "../blocks/CardOrganization.vue.js";
+import _sfc_main$1 from "../blocks/EmptyState.vue.js";
 /* empty css         */
 /* empty css                   */
-const C = { class: "for-transition bg-white radius-big w-100" }, M = { class: "" }, N = {
+const _hoisted_1 = { class: "for-transition bg-white radius-big w-100" };
+const _hoisted_2 = { class: "" };
+const _hoisted_3 = {
   key: 1,
   class: "cols-1"
-}, T = {
+};
+const _sfc_main = {
   __name: "Organizations",
   props: {
     owner: {
@@ -37,36 +40,45 @@ const C = { class: "for-transition bg-white radius-big w-100" }, M = { class: ""
       default: null
     }
   },
-  async setup(c) {
-    let r, s;
-    const n = c, o = m(null);
-    o.value = ([r, s] = b(() => q.read({ owner: n.owner, user: n.user, onlyuser: n.onlyuser })), r = await r, s(), r);
-    const d = v(), a = z();
-    let y = a.query.tab ? a.query.tab : "details";
-    const l = m(y);
-    return a.query.tab = l.value, _(l, (e) => {
-      d.replace({ query: { ...a.query, tab: e } });
-    }), (e, O) => (t(), i("div", C, [
-      f("div", M, [
-        o.value < 1 ? (t(), p(B, {
-          key: 0,
-          title: "You Haven't Joined Any Organization Yet",
-          description: "Weeder is all about community. Join an organization or maybe you want to create your own?",
-          action: "Create organization",
-          callback: e.a = () => e.$router.push("/app/organization/create/details")
-        }, null, 8, ["callback"])) : (t(), i("div", N, [
-          (t(!0), i(g, null, h(o.value, (u) => (t(), p($, {
-            key: u._id,
-            organization: u,
-            user: k.user,
-            onUpdateMembership: e.handleMembershipUpdate,
-            class: w(["w-100", { "mn-r-small": e.index !== o.value.length - 1 }])
-          }, null, 8, ["organization", "user", "onUpdateMembership", "class"]))), 128))
-        ]))
-      ])
-    ]));
+  async setup(__props) {
+    let __temp, __restore;
+    const props = __props;
+    const organizations$1 = ref(null);
+    organizations$1.value = ([__temp, __restore] = withAsyncContext(() => actions.read({ owner: props.owner, user: props.user, onlyuser: props.onlyuser })), __temp = await __temp, __restore(), __temp);
+    const router = useRouter();
+    const route = useRoute();
+    let tab = route.query.tab ? route.query.tab : "details";
+    const tabOrganization = ref(tab);
+    route.query.tab = tabOrganization.value;
+    watch(tabOrganization, (newValue) => {
+      router.replace({ query: { ...route.query, tab: newValue } });
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          organizations$1.value < 1 ? (openBlock(), createBlock(_sfc_main$1, {
+            key: 0,
+            title: "You Haven't Joined Any Organization Yet",
+            description: "Weeder is all about community. Join an organization or maybe you want to create your own?",
+            action: "Create organization",
+            callback: _ctx.a = () => _ctx.$router.push(`/app/organization/create/details`)
+          }, null, 8, ["callback"])) : (openBlock(), createElementBlock("div", _hoisted_3, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(organizations$1.value, (organization) => {
+              return openBlock(), createBlock(_sfc_main$2, {
+                key: organization._id,
+                organization,
+                user: state.user,
+                onUpdateMembership: _ctx.handleMembershipUpdate,
+                class: normalizeClass(["w-100", { "mn-r-small": _ctx.index !== organizations$1.value.length - 1 }])
+              }, null, 8, ["organization", "user", "onUpdateMembership", "class"]);
+            }), 128))
+          ]))
+        ])
+      ]);
+    };
   }
 };
 export {
-  T as default
+  _sfc_main as default
 };
+//# sourceMappingURL=Organizations.vue.js.map

package/dist/prometheus-framework/src/modules/organizations/components/sections/Organizations.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Organizations.vue.js","sources":["../../../../../../../src/modules/organizations/components/sections/Organizations.vue"],"sourcesContent":["<template>\n\t<div class=\"for-transition bg-white radius-big w-100\">\n\t\t<div class=\"\">\n\t\t\t <EmptyState \n        v-if=\"organizations < 1\"\n        title=\"You Haven't Joined Any Organization Yet\"\n        description=\"Weeder is all about community. Join an organization or maybe you want to create your own?\"\n        action=\"Create organization\"\n        :callback=\"a = () => $router.push(`/app/organization/create/details`)\"\n      />\n\n      <div v-else class=\"cols-1\">\n      \t<CardOrganization \n\t    \t\t\t v-for=\"organization in organizations\" \n\t\t      \t:key=\"organization._id\"\n\t\t      \t:organization=\"organization\"\n\t\t      \t:user=\"auth.state.user\"\n\t\t\t\t\t\t@updateMembership=\"handleMembershipUpdate\"\n\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t\t:class=\"{'mn-r-small': index !== organizations.length - 1}\"\n\t\t    />\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\n\timport { computed,reactive,ref, onMounted,watch  } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Import dependencies\n\timport Cookies from 'js-cookie'\n\t// Import components\n\t// Global\n\timport Tab  \t\tfrom '@pf/src/components/Tab/Tab.vue'\n\timport Field  \tfrom '@pf/src/components/Field/Field.vue'\n\timport Select  \tfrom '@pf/src/components/Select/Select.vue'\n\timport Button  \tfrom '@pf/src/components/Button/Button.vue'\n\t// Local\n\timport DetailsTab \t\tfrom '@pf/src/modules/organizations/components/sections/DetailsTab.vue'\n\timport CardOrganization from '@pf/src/modules/organizations/components/blocks/CardOrganization.vue'\n\t// Blocks\n\timport EmptyState \t\tfrom '@pf/src/modules/organizations/components/blocks/EmptyState.vue'\n\timport Unit   \tfrom '@pf/src/modules/organizations/components/sections/Unit.vue'\n\t// Import state\n\timport * as auth from '@pf/src/modules/auth/views/store/auth'\n\timport * as organization from '@pf/src/modules/organizations/store/organizations'\n\timport * as memberships from '@pf/src/modules/organizations/store/memberships'\n\n\tconst props = defineProps({\n    owner: {\n      type: String,\n      default: null\n    },\n    user: {\n      type: [String, Number],\n      default: null\n    },\n    onlyuser: {\n      type: [String, Number],\n      default: null\n    }\n  });\n\n\tconst organizations = ref(null)\n\n\torganizations.value = await organization.actions.read({owner: props.owner, user: props.user, onlyuser: props.onlyuser });\n\t// Init router\n\tconst router \t= useRouter()\n\tconst route \t= useRoute()\n\t// Accesing state\n\t// console.log(route.query.tab)\n\tlet tab = route.query.tab ? route.query.tab : 'details';\n\n\tconst tabOrganization = ref(tab)\n\n\troute.query.tab = tabOrganization.value\n\n\twatch(tabOrganization, (newValue) => {\n\t  router.replace({ query: { ...route.query, tab: newValue } });\n\t});\n</script>\n\n<style lang=\"scss\">\n\t.slide-fade-enter-active {\n\t\t// min-height: 100vh;\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-leave-active {\n\t\t// min-height: 100vh;\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-enter-from,\n\t.slide-fade-leave-to {\n\t\tmin-height: 0;\n\t\tposition: absolute;\n\t  transform: translateX(20px);\n\t  opacity: 0;\n\t  left: 0;\n\t  top: 0;\n\t}\n\n</style>\n"],"names":["organizations","_withAsyncContext","organization.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDC,UAAM,QAAQ;AAed,UAAMA,kBAAgB,IAAI,IAAI;AAE9BA,oBAAc,SAAQ,CAAA,QAAA,SAAA,IAAAC,iBAAA,MAAMC,QAAqB,KAAK,EAAC,OAAO,MAAM,OAAO,MAAM,MAAM,MAAM,UAAU,MAAM,SAAQ,CAAE,CAAA;AAEvH,UAAM,SAAU,UAAW;AAC3B,UAAM,QAAS,SAAU;AAGzB,QAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM;AAE9C,UAAM,kBAAkB,IAAI,GAAG;AAE/B,UAAM,MAAM,MAAM,gBAAgB;AAElC,UAAM,iBAAiB,CAAC,aAAa;AACnC,aAAO,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,OAAO,KAAK,SAAU,EAAA,CAAE;AAAA,IAC9D,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/organizations/components/sections/Publics.vue.cjs

@@ -1 +1,52 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("../blocks/CardOrganization.vue.cjs"),c=require("../../../../components/EmptyState/EmptyState.vue.cjs"),i=require("../../../auth/views/store/auth.cjs"),d=require("../../store/organizations.cjs"),m=require("../../store/memberships.cjs");;/* empty css               */const p={class:"w-100 o-scroll"},f={key:1,class:"w-max gap-thin flex-nowrap flex"},b={__name:"Publics",setup(g){let t=e.ref(null);e.onMounted(async()=>{t.value=await d.actions.read({user:i.state.user._id,sortParam:"profile.tags",limit:10})});const u=({membership:s,status:r,target:n},a,o)=>{m.mutations.handleMembershipUpdate(t.value,s,r,n,a,o)};return(s,r)=>(e.openBlock(),e.createElementBlock("div",p,[!e.unref(t)||e.unref(t).length<1?(e.openBlock(),e.createBlock(c.default,{key:0,title:"Unfortunately, we couldn't find any recommendations for you",description:"Explore and find a community or organization that suits your interests.",class:"radius-big bg-light pd-medium"})):(e.openBlock(),e.createElementBlock("div",f,[e.unref(t)?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(e.unref(t),(n,a)=>(e.openBlock(),e.createBlock(l.default,{key:n._id,organization:n,user:i.state.user,onUpdateMembership:r[0]||(r[0]=o=>u(o,"isSubscriber","numberOfSubscribers")),class:"w-max-20r radius-big"},null,8,["organization","user"]))),128)):e.createCommentVNode("",!0)]))]))}};exports.default=b;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const CardOrganization = require("../blocks/CardOrganization.vue.cjs");
+const EmptyState = require("../../../../components/EmptyState/EmptyState.vue.cjs");
+const auth = require("../../../auth/views/store/auth.cjs");
+const organizations = require("../../store/organizations.cjs");
+const memberships = require("../../store/memberships.cjs");
+;/* empty css               */
+const _hoisted_1 = { class: "w-100 o-scroll" };
+const _hoisted_2 = {
+  key: 1,
+  class: "w-max gap-thin flex-nowrap flex"
+};
+const _sfc_main = {
+  __name: "Publics",
+  setup(__props) {
+    let publics = vue.ref(null);
+    vue.onMounted(async () => {
+      publics.value = await organizations.actions.read({
+        user: auth.state.user._id,
+        sortParam: "profile.tags",
+        limit: 10
+      });
+    });
+    const handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {
+      memberships.mutations.handleMembershipUpdate(publics.value, membership, status, target, statusName, statusNumber);
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        !vue.unref(publics) || vue.unref(publics).length < 1 ? (vue.openBlock(), vue.createBlock(EmptyState.default, {
+          key: 0,
+          title: "Unfortunately, we couldn't find any recommendations for you",
+          description: "Explore and find a community or organization that suits your interests.",
+          class: "radius-big bg-light pd-medium"
+        })) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+          vue.unref(publics) ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(vue.unref(publics), (organization, index) => {
+            return vue.openBlock(), vue.createBlock(CardOrganization.default, {
+              key: organization._id,
+              organization,
+              user: auth.state.user,
+              onUpdateMembership: _cache[0] || (_cache[0] = (event) => handleMembershipUpdate(event, "isSubscriber", "numberOfSubscribers")),
+              class: "w-max-20r radius-big"
+            }, null, 8, ["organization", "user"]);
+          }), 128)) : vue.createCommentVNode("", true)
+        ]))
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Publics.vue.cjs.map

package/dist/prometheus-framework/src/modules/organizations/components/sections/Publics.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Publics.vue.cjs","sources":["../../../../../../../src/modules/organizations/components/sections/Publics.vue"],"sourcesContent":["<template>\n\t<div class=\"w-100 o-scroll\">\n\t\t<EmptyState \n      \t\tv-if=\"!publics || publics.length < 1\"\n      \t\ttitle=\"Unfortunately, we couldn't find any recommendations for you\"\n      \t\tdescription=\"Explore and find a community or organization that suits your interests.\"\n      \t\tclass=\"radius-big bg-light pd-medium\"\n    \t/>\n    \t\n\t    <div v-else class=\"w-max gap-thin flex-nowrap flex\">\n\t    \t<CardOrganization \n\t    \t\tv-if=\"publics\"\n\t        \tv-for=\"(organization,index) in publics\" \n\t        \t:key=\"organization._id\" \n\t\t      \t:organization=\"organization\"\n\t\t      \t:user=\"auth.state.user\"\n\t\t\t\t\t\t@updateMembership=\"event => handleMembershipUpdate(event, 'isSubscriber', 'numberOfSubscribers')\"\n\t\t\t\t\t\tclass=\"w-max-20r radius-big\"\n\t\t    />\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\n\timport { onMounted, ref } from 'vue'\n\timport CardOrganization from '@pf/src/modules/organizations/components/blocks/CardOrganization.vue'\n\timport EmptyState from '@pf/src/components/EmptyState/EmptyState.vue'\n\t\n\timport * as auth from '@pf/src/modules/auth/views/store/auth'\n\timport * as organization from '@pf/src/modules/organizations/store/organizations'\n\timport * as memberships from '@pf/src/modules/organizations/store/memberships'\n\n\tlet publics = ref(null)\n\n\tonMounted(async () => {\n\t\tpublics.value = await organization.actions.read({\n\t\t\tuser: auth.state.user._id,\n\t\t\tsortParam: \"profile.tags\",\n\t\t\tlimit: 10,\n\t\t});\n\t});\n\n\t// Methods\n\tconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n\t  memberships.mutations.handleMembershipUpdate(publics.value, membership, status, target, statusName, statusNumber)\n\t};\n</script>\n\n<style lang=\"scss\">\n\t.slide-fade-enter-active {\n\t\t// min-height: 100vh;\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-leave-active {\n\t\t// min-height: 100vh;\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-enter-from,\n\t.slide-fade-leave-to {\n\t\tmin-height: 0;\n\t\tposition: absolute;\n\t  transform: translateX(20px);\n\t  opacity: 0;\n\t  left: 0;\n\t  top: 0;\n\t}\n\n</style>\n"],"names":["ref","onMounted","organization.actions","auth.state","memberships.mutations"],"mappings":";;;;;;;;;;;;;;;;;AAgCC,QAAI,UAAUA,IAAG,IAAC,IAAI;AAEtBC,QAAAA,UAAU,YAAY;AACrB,cAAQ,QAAQ,MAAMC,cAAoB,QAAC,KAAK;AAAA,QAC/C,MAAMC,KAAAA,MAAW,KAAK;AAAA,QACtB,WAAW;AAAA,QACX,OAAO;AAAA,MACV,CAAG;AAAA,IACH,CAAE;AAGD,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAQ,GAAE,YAAY,iBAAiB;AAC3FC,4BAAsB,uBAAuB,QAAQ,OAAO,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IACnH;;;;;;;;;;;;;;;;;;;;;;;;"}