@ozdao/prometheus-framework 0.0.93 → 0.0.95

package/dist/ProfileOrganizations-774c6508.mjs

@@ -0,0 +1,212 @@
+import { openBlock as r, createElementBlock as o, createStaticVNode as $, ref as c, onMounted as C, createVNode as d, TransitionGroup as v, withCtx as g, Fragment as k, renderList as w, createBlock as f, createCommentVNode as u, Transition as h, normalizeClass as N, watch as q, createElementVNode as O, unref as y } from "vue";
+import { useRoute as M, useRouter as D } from "vue-router";
+import { _ as F } from "./Tab-a243605d.mjs";
+import { _ as L } from "./EmptyState-34d85f10.mjs";
+import { _ as V } from "./CardOrganization-c2e7e903.mjs";
+import { _ as B } from "./_plugin-vue_export-helper-dad06003.mjs";
+import { a as x } from "./organizations-8ffdf84d.mjs";
+import { s as _ } from "./auth-cfeacd61.mjs";
+import "./inputs.validation-14e8e01f.mjs";
+import "./globals-96ba60e4.mjs";
+import "vue-i18n";
+import "./ButtonFollow-6765c266.mjs";
+const E = {}, G = {
+  width: "100%",
+  height: "20rem",
+  xmlns: "http://www.w3.org/2000/svg"
+}, P = /* @__PURE__ */ $('<rect x="0" y="0" rx="5" ry="5" width="100%" height="100%" fill="rgb(var(--grey))"></rect><rect x="15" y="15" rx="4" ry="4" width="40%" height="20" fill="rgba(var(--black),0.05)"></rect><rect x="15" y="45" rx="5" ry="5" width="70%" height="50" fill="rgba(var(--black),0.05)"></rect><rect x="15" y="110" rx="3" ry="3" width="90%" height="6" fill="rgba(var(--black),0.05)"></rect><rect x="15" y="130" rx="3" ry="3" width="70%" height="6" fill="rgba(var(--black),0.05)"></rect><rect x="-25%" y="0" width="25%" height="100%" fill="#fff" mask="url(#myMask)" opacity="0.3"><animate attributeName="x" from="-25%" to="100%" dur="2s" repeatCount="indefinite"></animate></rect>', 6), R = [
+  P
+];
+function T(b, e) {
+  return r(), o("svg", G, R);
+}
+const U = /* @__PURE__ */ B(E, [["render", T]]), j = { class: "feed" }, z = {
+  __name: "Feed",
+  props: {
+    category: {
+      type: String,
+      default: null
+    },
+    selectedDate: {
+      type: String,
+      default: null
+    },
+    organization: {
+      type: String,
+      default: null
+    },
+    owner: {
+      type: String,
+      default: null
+    },
+    user: {
+      type: [String, Number],
+      default: null
+    },
+    member: {
+      type: [String, Number],
+      default: null
+    },
+    subscriber: {
+      type: [String, Number],
+      default: null
+    },
+    sortOrder: {
+      type: String,
+      default: "desc"
+    },
+    participant: {
+      type: String,
+      default: null
+    },
+    period: {
+      type: String,
+      default: null
+    },
+    status: {
+      type: String,
+      default: null
+    }
+  },
+  setup(b) {
+    const e = b, a = c([]), n = c(!1), t = c(!0), i = c(0), s = c(20), p = async () => {
+      if (n.value) {
+        i.value += s.value;
+        const l = await x.read({
+          skip: i.value,
+          limit: s.value,
+          category: e.category,
+          sortOrder: e.sortOrder,
+          member: e.member,
+          subscriber: e.subscriber,
+          onlyuser: e.onlyuser,
+          user: e.user,
+          date: e.selectedDate,
+          owner: e.owner,
+          organization: e.organization,
+          period: e.period,
+          status: e.status
+        });
+        l.length === 0 ? n.value = !1 : n.value = !0, a.value = [...a.value, ...l];
+      }
+    };
+    return C(async () => {
+      t.value = !0, console.log(e.selectedDate);
+      const l = await x.read({
+        skip: i.value,
+        limit: s.value,
+        category: e.category,
+        member: e.member,
+        subscriber: e.subscriber,
+        onlyuser: e.onlyuser,
+        sortOrder: e.sortOrder,
+        user: e.user,
+        owner: e.owner,
+        date: e.selectedDate,
+        organization: e.organization,
+        period: e.period,
+        status: e.status
+      });
+      l.length === 0 ? n.value = !1 : n.value = !0, a.value = l, t.value = !1;
+    }), (l, J) => (r(), o("section", j, [
+      d(v, {
+        tag: "ul",
+        name: "fade",
+        class: "o-hidden bg-grey radius-big"
+      }, {
+        default: g(() => [
+          t.value ? (r(!0), o(k, { key: 0 }, w(s.value, (m) => (r(), f(U, { key: m }))), 128)) : u("", !0)
+        ]),
+        _: 1
+      }),
+      d(h, { name: "fade" }, {
+        default: g(() => [
+          !t.value && a.value.length < 1 ? (r(), f(L, {
+            key: 0,
+            title: "No Organizations Found",
+            description: "Currently, there are no organizations available. Please check back later.",
+            class: "pd-medium mn-thin bg-grey radius-big"
+          })) : u("", !0)
+        ]),
+        _: 1
+      }),
+      d(v, {
+        tag: "ul",
+        name: "fade",
+        class: "container"
+      }, {
+        default: g(() => [
+          !t.value && a.value.length > 0 ? (r(!0), o(k, { key: 0 }, w(a.value, (m, S) => (r(), f(V, {
+            onClick: (K) => l.$router.push({ name: "Organization", params: { _id: m._id } }),
+            key: m._id,
+            organization: m,
+            user: b.user,
+            type: "normal",
+            class: N(["w-100 radius-big mn-medium", {
+              "br-b br-solid br-black-transp-10": S !== a.value.length - 1
+            }])
+          }, null, 8, ["onClick", "organization", "user", "class"]))), 128)) : u("", !0),
+          n.value && a.value.length > 0 ? (r(), o("button", {
+            key: 1,
+            onClick: p,
+            class: "w-100 bg-main button"
+          }, "Load more")) : u("", !0)
+        ]),
+        _: 1
+      })
+    ]));
+  }
+}, A = { class: "pd-thin" }, H = { class: "mn-medium flex-v-center flex-nowrap flex" }, I = /* @__PURE__ */ O("h2", { class: "mn-r-medium" }, "Groups", -1), le = {
+  __name: "ProfileOrganizations",
+  setup(b) {
+    const e = M(), a = D();
+    let n = e.query.tab ? e.query.tab : "member";
+    const t = c(n);
+    return e.query.tab = t.value, q(t, (i) => {
+      a.push({ query: { ...e.query, tab: i } });
+    }), (i, s) => (r(), o("div", A, [
+      O("header", H, [
+        I,
+        _.user._id === y(e).params._id ? (r(), o("button", {
+          key: 0,
+          onClick: s[0] || (s[0] = (p) => i.$router.push({
+            name: "Create Organization"
+          })),
+          class: "radius-100p i-big hover-scale-1 cursor-pointer t-white bg-second"
+        }, " + ")) : u("", !0)
+      ]),
+      d(F, {
+        selected: t.value,
+        "onUpdate:selected": s[1] || (s[1] = (p) => t.value = p),
+        tabs: [
+          { name: "Member", value: "member" },
+          { name: "Follower", value: "follower" }
+        ],
+        class: "mn-medium mn-r-medium o-hidden h5 radius-big bg-grey"
+      }, null, 8, ["selected"]),
+      d(h, { name: "slide-fade" }, {
+        default: g(() => [
+          t.value === "member" ? (r(), f(z, {
+            key: 0,
+            user: _.user._id,
+            owner: y(e).params._id
+          }, null, 8, ["user", "owner"])) : u("", !0)
+        ]),
+        _: 1
+      }),
+      d(h, { name: "slide-fade" }, {
+        default: g(() => [
+          t.value === "follower" ? (r(), f(z, {
+            key: 0,
+            user: _.user._id,
+            subscriber: y(e).params._id
+          }, null, 8, ["user", "subscriber"])) : u("", !0)
+        ]),
+        _: 1
+      })
+    ]));
+  }
+};
+export {
+  le as default
+};

package/dist/ProfileOrganizations-930ca51f.mjs

@@ -0,0 +1,212 @@
+import { openBlock as r, createElementBlock as o, createStaticVNode as $, ref as c, onMounted as C, createVNode as d, TransitionGroup as v, withCtx as g, Fragment as k, renderList as w, createBlock as f, createCommentVNode as u, Transition as h, normalizeClass as N, watch as q, createElementVNode as O, unref as y } from "vue";
+import { useRoute as M, useRouter as D } from "vue-router";
+import { _ as F } from "./Tab-a243605d.mjs";
+import { _ as L } from "./EmptyState-34d85f10.mjs";
+import { _ as V } from "./CardOrganization-df0a4506.mjs";
+import { _ as B } from "./_plugin-vue_export-helper-dad06003.mjs";
+import { a as x } from "./organizations-2adff182.mjs";
+import { s as _ } from "./auth-5217f6a5.mjs";
+import "./inputs.validation-14e8e01f.mjs";
+import "./globals-96ba60e4.mjs";
+import "vue-i18n";
+import "./ButtonFollow-5e19fc49.mjs";
+const E = {}, G = {
+  width: "100%",
+  height: "20rem",
+  xmlns: "http://www.w3.org/2000/svg"
+}, P = /* @__PURE__ */ $('<rect x="0" y="0" rx="5" ry="5" width="100%" height="100%" fill="rgb(var(--grey))"></rect><rect x="15" y="15" rx="4" ry="4" width="40%" height="20" fill="rgba(var(--black),0.05)"></rect><rect x="15" y="45" rx="5" ry="5" width="70%" height="50" fill="rgba(var(--black),0.05)"></rect><rect x="15" y="110" rx="3" ry="3" width="90%" height="6" fill="rgba(var(--black),0.05)"></rect><rect x="15" y="130" rx="3" ry="3" width="70%" height="6" fill="rgba(var(--black),0.05)"></rect><rect x="-25%" y="0" width="25%" height="100%" fill="#fff" mask="url(#myMask)" opacity="0.3"><animate attributeName="x" from="-25%" to="100%" dur="2s" repeatCount="indefinite"></animate></rect>', 6), R = [
+  P
+];
+function T(b, e) {
+  return r(), o("svg", G, R);
+}
+const U = /* @__PURE__ */ B(E, [["render", T]]), j = { class: "feed" }, z = {
+  __name: "Feed",
+  props: {
+    category: {
+      type: String,
+      default: null
+    },
+    selectedDate: {
+      type: String,
+      default: null
+    },
+    organization: {
+      type: String,
+      default: null
+    },
+    owner: {
+      type: String,
+      default: null
+    },
+    user: {
+      type: [String, Number],
+      default: null
+    },
+    member: {
+      type: [String, Number],
+      default: null
+    },
+    subscriber: {
+      type: [String, Number],
+      default: null
+    },
+    sortOrder: {
+      type: String,
+      default: "desc"
+    },
+    participant: {
+      type: String,
+      default: null
+    },
+    period: {
+      type: String,
+      default: null
+    },
+    status: {
+      type: String,
+      default: null
+    }
+  },
+  setup(b) {
+    const e = b, a = c([]), n = c(!1), t = c(!0), i = c(0), s = c(20), p = async () => {
+      if (n.value) {
+        i.value += s.value;
+        const l = await x.read({
+          skip: i.value,
+          limit: s.value,
+          category: e.category,
+          sortOrder: e.sortOrder,
+          member: e.member,
+          subscriber: e.subscriber,
+          onlyuser: e.onlyuser,
+          user: e.user,
+          date: e.selectedDate,
+          owner: e.owner,
+          organization: e.organization,
+          period: e.period,
+          status: e.status
+        });
+        l.length === 0 ? n.value = !1 : n.value = !0, a.value = [...a.value, ...l];
+      }
+    };
+    return C(async () => {
+      t.value = !0, console.log(e.selectedDate);
+      const l = await x.read({
+        skip: i.value,
+        limit: s.value,
+        category: e.category,
+        member: e.member,
+        subscriber: e.subscriber,
+        onlyuser: e.onlyuser,
+        sortOrder: e.sortOrder,
+        user: e.user,
+        owner: e.owner,
+        date: e.selectedDate,
+        organization: e.organization,
+        period: e.period,
+        status: e.status
+      });
+      l.length === 0 ? n.value = !1 : n.value = !0, a.value = l, t.value = !1;
+    }), (l, J) => (r(), o("section", j, [
+      d(v, {
+        tag: "ul",
+        name: "fade",
+        class: "o-hidden bg-grey radius-big"
+      }, {
+        default: g(() => [
+          t.value ? (r(!0), o(k, { key: 0 }, w(s.value, (m) => (r(), f(U, { key: m }))), 128)) : u("", !0)
+        ]),
+        _: 1
+      }),
+      d(h, { name: "fade" }, {
+        default: g(() => [
+          !t.value && a.value.length < 1 ? (r(), f(L, {
+            key: 0,
+            title: "No Organizations Found",
+            description: "Currently, there are no organizations available. Please check back later.",
+            class: "pd-medium mn-thin bg-grey radius-big"
+          })) : u("", !0)
+        ]),
+        _: 1
+      }),
+      d(v, {
+        tag: "ul",
+        name: "fade",
+        class: "container"
+      }, {
+        default: g(() => [
+          !t.value && a.value.length > 0 ? (r(!0), o(k, { key: 0 }, w(a.value, (m, S) => (r(), f(V, {
+            onClick: (K) => l.$router.push({ name: "Organization", params: { _id: m._id } }),
+            key: m._id,
+            organization: m,
+            user: b.user,
+            type: "normal",
+            class: N(["w-100 radius-big mn-medium", {
+              "br-b br-solid br-black-transp-10": S !== a.value.length - 1
+            }])
+          }, null, 8, ["onClick", "organization", "user", "class"]))), 128)) : u("", !0),
+          n.value && a.value.length > 0 ? (r(), o("button", {
+            key: 1,
+            onClick: p,
+            class: "w-100 bg-main button"
+          }, "Load more")) : u("", !0)
+        ]),
+        _: 1
+      })
+    ]));
+  }
+}, A = { class: "pd-thin" }, H = { class: "mn-medium flex-v-center flex-nowrap flex" }, I = /* @__PURE__ */ O("h2", { class: "mn-r-medium" }, "Groups", -1), le = {
+  __name: "ProfileOrganizations",
+  setup(b) {
+    const e = M(), a = D();
+    let n = e.query.tab ? e.query.tab : "member";
+    const t = c(n);
+    return e.query.tab = t.value, q(t, (i) => {
+      a.push({ query: { ...e.query, tab: i } });
+    }), (i, s) => (r(), o("div", A, [
+      O("header", H, [
+        I,
+        _.user._id === y(e).params._id ? (r(), o("button", {
+          key: 0,
+          onClick: s[0] || (s[0] = (p) => i.$router.push({
+            name: "Create Organization"
+          })),
+          class: "radius-100p i-big hover-scale-1 cursor-pointer t-white bg-second"
+        }, " + ")) : u("", !0)
+      ]),
+      d(F, {
+        selected: t.value,
+        "onUpdate:selected": s[1] || (s[1] = (p) => t.value = p),
+        tabs: [
+          { name: "Member", value: "member" },
+          { name: "Follower", value: "follower" }
+        ],
+        class: "mn-medium mn-r-medium o-hidden h5 radius-big bg-grey"
+      }, null, 8, ["selected"]),
+      d(h, { name: "slide-fade" }, {
+        default: g(() => [
+          t.value === "member" ? (r(), f(z, {
+            key: 0,
+            user: _.user._id,
+            owner: y(e).params._id
+          }, null, 8, ["user", "owner"])) : u("", !0)
+        ]),
+        _: 1
+      }),
+      d(h, { name: "slide-fade" }, {
+        default: g(() => [
+          t.value === "follower" ? (r(), f(z, {
+            key: 0,
+            user: _.user._id,
+            subscriber: y(e).params._id
+          }, null, 8, ["user", "subscriber"])) : u("", !0)
+        ]),
+        _: 1
+      })
+    ]));
+  }
+};
+export {
+  le as default
+};

package/dist/Publics-103da60e.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue");require("./Breadcrumbs.vue_vue_type_style_index_0_lang-e32a3041.js");const p=require("./_plugin-vue_export-helper-f246444f.js"),f=require("./CardOrganization-82c5b4c6.js"),k=require("./EmptyState-7658d7d6.js"),d=require("./auth-5a58f8cb.js"),_=require("./organizations-e97a0f85.js"),h=require("./ButtonFollow-959861db.js"),y={key:0,class:"t-transp mn-r-small"},B=["onClick"],g=["onClick"],v={key:0,class:"mn-t-thin invalid-feedback"},b={__name:"Select",props:{label:String,select:[String,Object],placeholder:{type:String,default:"Please select an item"},options:{type:Array,default:()=>[]},validation:Boolean},emits:["update:select","focus","blur"],setup(a,{emit:t}){const n=a,l=e.ref(n.select),s=e.ref(!1);e.watch(()=>n.select,o=>{l.value=o});const c=e.computed(()=>n.select?n.options.filter(o=>o!==n.select):n.options),i=()=>{s.value=!s.value,t(s.value?"focus":"blur")},m=o=>{l.value=o,i(),t("update:select",l.value)};return(o,V)=>{var u;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{class:e.normalizeClass([o.$attrs.class,"flex-nowrap flex"])},[a.label?(e.openBlock(),e.createElementBlock("div",y,[e.createElementVNode("span",null,e.toDisplayString(a.label),1)])):e.createCommentVNode("",!0),e.createElementVNode("li",{onClick:e.withModifiers(i,["stop"]),class:"w-100"},[e.createElementVNode("span",null,e.toDisplayString(((u=l.value)==null?void 0:u.name)||l.value||a.placeholder),1)],8,B),e.createVNode(e.Transition,{mode:"out-in",name:"fade"},{default:e.withCtx(()=>[s.value?(e.openBlock(),e.createElementBlock("ul",{key:0,class:e.normalizeClass([o.$attrs.class,"pos-absolute pos-l-0 z-index-5 w-100 mn-t-big"])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(c),r=>(e.openBlock(),e.createElementBlock("li",null,[r?(e.openBlock(),e.createElementBlock("span",{key:0,onClick:N=>m(r),class:"w-100"},e.toDisplayString(r.name||r),9,g)):e.createCommentVNode("",!0)]))),256))],2)):e.createCommentVNode("",!0)]),_:1})],2),e.createVNode(e.Transition,{mode:"out-in",name:"fade"},{default:e.withCtx(()=>[a.validation?(e.openBlock(),e.createElementBlock("div",v," * "+e.toDisplayString(a.validation.message),1)):e.createCommentVNode("",!0)]),_:1})],64)}}},w=p._export_sfc(b,[["__scopeId","data-v-a78dbba1"]]);const E={class:"w-100 o-scroll"},x={key:1,class:"w-max gap-thin flex-nowrap flex"},C={__name:"Publics",setup(a){let t=e.ref(null);e.onMounted(async()=>{t.value=await _.actions.read({user:d.state.user._id,sort:"numberOfMemberships",limit:10,types:["public"]})});const n=({membership:l,isMember:s,targetId:c})=>{h.mutations.handleMembershipUpdate(t.value,l,s,c)};return(l,s)=>(e.openBlock(),e.createElementBlock("div",E,[!e.unref(t)||e.unref(t).length<1?(e.openBlock(),e.createBlock(k._sfc_main,{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-grey pd-medium"})):(e.openBlock(),e.createElementBlock("div",x,[e.unref(t)?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(e.unref(t),(c,i)=>(e.openBlock(),e.createBlock(f._sfc_main,{key:c._id,organization:c,user:d.state.user,onUpdateMembership:n,class:"flex-child-1 flex-child w-100"},null,8,["organization","user"]))),128)):e.createCommentVNode("",!0)]))]))}};exports.Select=w;exports._sfc_main=C;

package/dist/Publics-4db36606.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue");require("./Breadcrumbs.vue_vue_type_style_index_0_lang-6f807eb5.js");const p=require("./_plugin-vue_export-helper-f246444f.js"),f=require("./CardOrganization-b2098e42.js"),k=require("./EmptyState-7658d7d6.js"),d=require("./auth-b61483ce.js"),_=require("./organizations-49a10611.js"),h=require("./ButtonFollow-4049a57e.js"),y={key:0,class:"t-transp mn-r-small"},B=["onClick"],g=["onClick"],v={key:0,class:"mn-t-thin invalid-feedback"},b={__name:"Select",props:{label:String,select:[String,Object],placeholder:{type:String,default:"Please select an item"},options:{type:Array,default:()=>[]},validation:Boolean},emits:["update:select","focus","blur"],setup(a,{emit:t}){const n=a,l=e.ref(n.select),s=e.ref(!1);e.watch(()=>n.select,o=>{l.value=o});const c=e.computed(()=>n.select?n.options.filter(o=>o!==n.select):n.options),i=()=>{s.value=!s.value,t(s.value?"focus":"blur")},m=o=>{l.value=o,i(),t("update:select",l.value)};return(o,V)=>{var u;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{class:e.normalizeClass([o.$attrs.class,"flex-nowrap flex"])},[a.label?(e.openBlock(),e.createElementBlock("div",y,[e.createElementVNode("span",null,e.toDisplayString(a.label),1)])):e.createCommentVNode("",!0),e.createElementVNode("li",{onClick:e.withModifiers(i,["stop"]),class:"w-100"},[e.createElementVNode("span",null,e.toDisplayString(((u=l.value)==null?void 0:u.name)||l.value||a.placeholder),1)],8,B),e.createVNode(e.Transition,{mode:"out-in",name:"fade"},{default:e.withCtx(()=>[s.value?(e.openBlock(),e.createElementBlock("ul",{key:0,class:e.normalizeClass([o.$attrs.class,"pos-absolute pos-l-0 z-index-5 w-100 mn-t-big"])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(c),r=>(e.openBlock(),e.createElementBlock("li",null,[r?(e.openBlock(),e.createElementBlock("span",{key:0,onClick:N=>m(r),class:"w-100"},e.toDisplayString(r.name||r),9,g)):e.createCommentVNode("",!0)]))),256))],2)):e.createCommentVNode("",!0)]),_:1})],2),e.createVNode(e.Transition,{mode:"out-in",name:"fade"},{default:e.withCtx(()=>[a.validation?(e.openBlock(),e.createElementBlock("div",v," * "+e.toDisplayString(a.validation.message),1)):e.createCommentVNode("",!0)]),_:1})],64)}}},w=p._export_sfc(b,[["__scopeId","data-v-a78dbba1"]]);const E={class:"w-100 o-scroll"},x={key:1,class:"w-max gap-thin flex-nowrap flex"},C={__name:"Publics",setup(a){let t=e.ref(null);e.onMounted(async()=>{t.value=await _.actions.read({user:d.state.user._id,sort:"numberOfMemberships",limit:10,types:["public"]})});const n=({membership:l,isMember:s,targetId:c})=>{h.mutations.handleMembershipUpdate(t.value,l,s,c)};return(l,s)=>(e.openBlock(),e.createElementBlock("div",E,[!e.unref(t)||e.unref(t).length<1?(e.openBlock(),e.createBlock(k._sfc_main,{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-grey pd-medium"})):(e.openBlock(),e.createElementBlock("div",x,[e.unref(t)?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(e.unref(t),(c,i)=>(e.openBlock(),e.createBlock(f._sfc_main,{key:c._id,organization:c,user:d.state.user,onUpdateMembership:n,class:"flex-child-1 flex-child w-100"},null,8,["organization","user"]))),128)):e.createCommentVNode("",!0)]))]))}};exports.Select=w;exports._sfc_main=C;

package/dist/Publics-cbb8eaaa.mjs

@@ -0,0 +1,123 @@
+import { ref as _, watch as C, computed as S, openBlock as e, createElementBlock as t, Fragment as h, createElementVNode as m, normalizeClass as b, toDisplayString as p, createCommentVNode as c, withModifiers as z, createVNode as y, Transition as g, withCtx as k, renderList as M, unref as u, onMounted as B, createBlock as w } from "vue";
+import "./Breadcrumbs.vue_vue_type_style_index_0_lang-97217d38.mjs";
+import { _ as O } from "./_plugin-vue_export-helper-dad06003.mjs";
+import { _ as U } from "./CardOrganization-c2e7e903.mjs";
+import { _ as E } from "./EmptyState-34d85f10.mjs";
+import { s as x } from "./auth-cfeacd61.mjs";
+import { a as N } from "./organizations-8ffdf84d.mjs";
+import { m as P } from "./ButtonFollow-6765c266.mjs";
+const V = {
+  key: 0,
+  class: "t-transp mn-r-small"
+}, L = ["onClick"], j = ["onClick"], A = {
+  key: 0,
+  class: "mn-t-thin invalid-feedback"
+}, D = {
+  __name: "Select",
+  props: {
+    label: String,
+    select: [String, Object],
+    placeholder: { type: String, default: "Please select an item" },
+    options: { type: Array, default: () => [] },
+    validation: Boolean
+  },
+  emits: ["update:select", "focus", "blur"],
+  setup(o, { emit: s }) {
+    const a = o, l = _(a.select), i = _(!1);
+    C(() => a.select, (n) => {
+      l.value = n;
+    });
+    const r = S(() => a.select ? a.options.filter((n) => n !== a.select) : a.options), f = () => {
+      i.value = !i.value, s(i.value ? "focus" : "blur");
+    }, $ = (n) => {
+      l.value = n, f(), s("update:select", l.value);
+    };
+    return (n, T) => {
+      var v;
+      return e(), t(h, null, [
+        m("div", {
+          class: b([n.$attrs.class, "flex-nowrap flex"])
+        }, [
+          o.label ? (e(), t("div", V, [
+            m("span", null, p(o.label), 1)
+          ])) : c("", !0),
+          m("li", {
+            onClick: z(f, ["stop"]),
+            class: "w-100"
+          }, [
+            m("span", null, p(((v = l.value) == null ? void 0 : v.name) || l.value || o.placeholder), 1)
+          ], 8, L),
+          y(g, {
+            mode: "out-in",
+            name: "fade"
+          }, {
+            default: k(() => [
+              i.value ? (e(), t("ul", {
+                key: 0,
+                class: b([n.$attrs.class, "pos-absolute pos-l-0 z-index-5 w-100 mn-t-big"])
+              }, [
+                (e(!0), t(h, null, M(u(r), (d) => (e(), t("li", null, [
+                  d ? (e(), t("span", {
+                    key: 0,
+                    onClick: (q) => $(d),
+                    class: "w-100"
+                  }, p(d.name || d), 9, j)) : c("", !0)
+                ]))), 256))
+              ], 2)) : c("", !0)
+            ]),
+            _: 1
+          })
+        ], 2),
+        y(g, {
+          mode: "out-in",
+          name: "fade"
+        }, {
+          default: k(() => [
+            o.validation ? (e(), t("div", A, " * " + p(o.validation.message), 1)) : c("", !0)
+          ]),
+          _: 1
+        })
+      ], 64);
+    };
+  }
+}, Y = /* @__PURE__ */ O(D, [["__scopeId", "data-v-a78dbba1"]]);
+const F = { class: "w-100 o-scroll" }, I = {
+  key: 1,
+  class: "w-max gap-thin flex-nowrap flex"
+}, Z = {
+  __name: "Publics",
+  setup(o) {
+    let s = _(null);
+    B(async () => {
+      s.value = await N.read({
+        user: x.user._id,
+        sort: "numberOfMemberships",
+        limit: 10,
+        types: ["public"]
+      });
+    });
+    const a = ({ membership: l, isMember: i, targetId: r }) => {
+      P.handleMembershipUpdate(s.value, l, i, r);
+    };
+    return (l, i) => (e(), t("div", F, [
+      !u(s) || u(s).length < 1 ? (e(), w(E, {
+        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-grey pd-medium"
+      })) : (e(), t("div", I, [
+        u(s) ? (e(!0), t(h, { key: 0 }, M(u(s), (r, f) => (e(), w(U, {
+          key: r._id,
+          organization: r,
+          user: x.user,
+          onUpdateMembership: a,
+          class: "flex-child-1 flex-child w-100"
+        }, null, 8, ["organization", "user"]))), 128)) : c("", !0)
+      ]))
+    ]));
+  }
+};
+export {
+  Y as S,
+  Z as _
+};

package/dist/Publics-f4c3ef5b.mjs

@@ -0,0 +1,123 @@
+import { ref as _, watch as C, computed as S, openBlock as e, createElementBlock as t, Fragment as h, createElementVNode as m, normalizeClass as b, toDisplayString as p, createCommentVNode as c, withModifiers as z, createVNode as y, Transition as g, withCtx as k, renderList as M, unref as u, onMounted as B, createBlock as w } from "vue";
+import "./Breadcrumbs.vue_vue_type_style_index_0_lang-d9c6e4d1.mjs";
+import { _ as O } from "./_plugin-vue_export-helper-dad06003.mjs";
+import { _ as U } from "./CardOrganization-df0a4506.mjs";
+import { _ as E } from "./EmptyState-34d85f10.mjs";
+import { s as x } from "./auth-5217f6a5.mjs";
+import { a as N } from "./organizations-2adff182.mjs";
+import { m as P } from "./ButtonFollow-5e19fc49.mjs";
+const V = {
+  key: 0,
+  class: "t-transp mn-r-small"
+}, L = ["onClick"], j = ["onClick"], A = {
+  key: 0,
+  class: "mn-t-thin invalid-feedback"
+}, D = {
+  __name: "Select",
+  props: {
+    label: String,
+    select: [String, Object],
+    placeholder: { type: String, default: "Please select an item" },
+    options: { type: Array, default: () => [] },
+    validation: Boolean
+  },
+  emits: ["update:select", "focus", "blur"],
+  setup(o, { emit: s }) {
+    const a = o, l = _(a.select), i = _(!1);
+    C(() => a.select, (n) => {
+      l.value = n;
+    });
+    const r = S(() => a.select ? a.options.filter((n) => n !== a.select) : a.options), f = () => {
+      i.value = !i.value, s(i.value ? "focus" : "blur");
+    }, $ = (n) => {
+      l.value = n, f(), s("update:select", l.value);
+    };
+    return (n, T) => {
+      var v;
+      return e(), t(h, null, [
+        m("div", {
+          class: b([n.$attrs.class, "flex-nowrap flex"])
+        }, [
+          o.label ? (e(), t("div", V, [
+            m("span", null, p(o.label), 1)
+          ])) : c("", !0),
+          m("li", {
+            onClick: z(f, ["stop"]),
+            class: "w-100"
+          }, [
+            m("span", null, p(((v = l.value) == null ? void 0 : v.name) || l.value || o.placeholder), 1)
+          ], 8, L),
+          y(g, {
+            mode: "out-in",
+            name: "fade"
+          }, {
+            default: k(() => [
+              i.value ? (e(), t("ul", {
+                key: 0,
+                class: b([n.$attrs.class, "pos-absolute pos-l-0 z-index-5 w-100 mn-t-big"])
+              }, [
+                (e(!0), t(h, null, M(u(r), (d) => (e(), t("li", null, [
+                  d ? (e(), t("span", {
+                    key: 0,
+                    onClick: (q) => $(d),
+                    class: "w-100"
+                  }, p(d.name || d), 9, j)) : c("", !0)
+                ]))), 256))
+              ], 2)) : c("", !0)
+            ]),
+            _: 1
+          })
+        ], 2),
+        y(g, {
+          mode: "out-in",
+          name: "fade"
+        }, {
+          default: k(() => [
+            o.validation ? (e(), t("div", A, " * " + p(o.validation.message), 1)) : c("", !0)
+          ]),
+          _: 1
+        })
+      ], 64);
+    };
+  }
+}, Y = /* @__PURE__ */ O(D, [["__scopeId", "data-v-a78dbba1"]]);
+const F = { class: "w-100 o-scroll" }, I = {
+  key: 1,
+  class: "w-max gap-thin flex-nowrap flex"
+}, Z = {
+  __name: "Publics",
+  setup(o) {
+    let s = _(null);
+    B(async () => {
+      s.value = await N.read({
+        user: x.user._id,
+        sort: "numberOfMemberships",
+        limit: 10,
+        types: ["public"]
+      });
+    });
+    const a = ({ membership: l, isMember: i, targetId: r }) => {
+      P.handleMembershipUpdate(s.value, l, i, r);
+    };
+    return (l, i) => (e(), t("div", F, [
+      !u(s) || u(s).length < 1 ? (e(), w(E, {
+        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-grey pd-medium"
+      })) : (e(), t("div", I, [
+        u(s) ? (e(!0), t(h, { key: 0 }, M(u(s), (r, f) => (e(), w(U, {
+          key: r._id,
+          organization: r,
+          user: x.user,
+          onUpdateMembership: a,
+          class: "flex-child-1 flex-child w-100"
+        }, null, 8, ["organization", "user"]))), 128)) : c("", !0)
+      ]))
+    ]));
+  }
+};
+export {
+  Y as S,
+  Z as _
+};