@ozdao/prometheus-framework 0.2.111 → 0.2.113

package/dist/prometheus-framework/src/modules/users/components/pages/Profile.vue.js

@@ -1,16 +1,16 @@
-import { ref as U, onMounted as C, openBlock as i, createElementBlock as c, unref as t, createBlock as d, createCommentVNode as m, createElementVNode as l, withCtx as u, createVNode as a, toDisplayString as _, Fragment as E, renderList as S, normalizeClass as P } from "vue";
+import { ref as U, onMounted as C, openBlock as i, createElementBlock as c, unref as s, createBlock as d, createCommentVNode as m, createElementVNode as l, withCtx as u, createVNode as a, toDisplayString as _, Fragment as E, renderList as S, normalizeClass as P } from "vue";
 import "../../../../components/Field/Field.vue.js";
 import "../../../../components/Loader/Loader.vue.js";
 import "../../../../components/Button/Button.vue.js";
 import B from "../../../../components/Dropdown/Dropdown.vue.js";
 import M from "../../../../components/Completion/Completion.vue.js";
-import k from "../../../mobile/components/Menu/Menu.vue2.js";
+import k from "../../../mobile/components/Menu/Menu.vue.js";
 import f from "../../../mobile/components/Menu/MenuItem.vue.js";
-import v from "../../../organizations/components/elements/ButtonToggleMembership.vue.js";
+import w from "../../../organizations/components/elements/ButtonToggleMembership.vue.js";
 import R from "../../../reports/components/sections/FormReport.vue.js";
 import F from "../../../organizations/components/blocks/Socials.vue.js";
 import N from "../../../icons/entities/IconEvents.vue.js";
-import w from "../../../icons/entities/IconGroups.vue.js";
+import y from "../../../icons/entities/IconGroups.vue.js";
 import I from "../../../icons/entities/IconCommunity.vue.js";
 import L from "../../../icons/navigation/IconEdit.vue.js";
 import O from "../../../icons/placeholders/PlaceholderUserpic.vue.js";
@@ -24,33 +24,33 @@ const D = {
   class: "for-transition w-100"
 }, G = {
   key: 0,
-  class: "flex-center flex pd-medium radius-big bg-grey uppercase t-semi w-100 h-100"
+  class: "flex-center flex pd-medium radius-big bg-light uppercase t-semi w-100 h-100"
 }, q = {
   key: 1,
   _id: "dash",
   class: "pd-b-extra pd-thin w-100"
-}, H = { class: "flex-center pos-relative flex flex-column t-center w-100 mn-b-semi radius-medium pd-medium bg-grey" }, J = { class: "bg-black pd-thin radius-small" }, K = /* @__PURE__ */ l("button", { class: "w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button" }, " Report ", -1), Q = ["src"], T = { class: "mn-b-thin" }, X = {
+}, H = { class: "flex-center pos-relative flex flex-column t-center w-100 mn-b-semi radius-medium pd-medium bg-light" }, J = { class: "bg-black pd-thin radius-small" }, K = /* @__PURE__ */ l("button", { class: "w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button" }, " Report ", -1), Q = ["src"], T = { class: "mn-b-thin" }, X = {
   key: 4,
   class: "mn-b-thin t-main t-semi"
 }, Y = { class: "mn-b-small p-medium" }, Z = { class: "mn-b-medium flex-center flex-nowrap flex" }, ee = { class: "t-semi mn-b-small" }, re = {
   key: 6,
   class: "mn-t-small mn-b-thin"
-}, se = /* @__PURE__ */ l("span", null, "Events", -1), te = /* @__PURE__ */ l("span", null, "Groups", -1), ie = /* @__PURE__ */ l("span", null, "Posts", -1), oe = /* @__PURE__ */ l("span", null, "Wallet", -1), ae = /* @__PURE__ */ l("span", null, " Settings ", -1), ne = /* @__PURE__ */ l("span", { class: "t-red" }, " Logout ", -1), Be = {
+}, te = /* @__PURE__ */ l("span", null, "Events", -1), se = /* @__PURE__ */ l("span", null, "Groups", -1), ie = /* @__PURE__ */ l("span", null, "Posts", -1), oe = /* @__PURE__ */ l("span", null, "Wallet", -1), ae = /* @__PURE__ */ l("span", null, " Settings ", -1), ne = /* @__PURE__ */ l("span", { class: "t-red" }, " Logout ", -1), Be = {
   __name: "Profile",
   setup(le) {
     const o = V(), p = A(), g = U(!1);
     C(async () => {
       await j.read({ _id: o.params._id, user: n.user._id }), g.value = !0;
     });
-    const y = ({ membership: b, status: r, target: s }, h, $) => {
-      z.handleMembershipUpdate(e.current, b, r, s, h, $);
+    const v = ({ membership: b, status: r, target: t }, h, $) => {
+      z.handleMembershipUpdate(e.current, b, r, t, h, $);
     };
     function x() {
       W.logout(), p.push({ name: "Sign In" });
     }
     return (b, r) => g.value ? (i(), c("div", D, [
       e.current.status === "removed" ? (i(), c("div", G, " Sorry, user has been removed. ")) : (i(), c("div", q, [
-        t(o).params._id === n.user._id && g.value ? (i(), d(M, {
+        s(o).params._id === n.user._id && g.value ? (i(), d(M, {
           key: 0,
           user: n.user._id,
           target: e.current,
@@ -60,7 +60,7 @@ const D = {
           class: "mn-b-medium"
         }, null, 8, ["user", "target"])) : m("", !0),
         l("section", H, [
-          t(o).params._id && t(o).params._id !== n.user._id ? (i(), d(B, {
+          s(o).params._id && s(o).params._id !== n.user._id ? (i(), d(B, {
             key: 0,
             label: "...",
             align: "right",
@@ -80,7 +80,7 @@ const D = {
                   ]),
                   _: 1
                 }, 8, ["user", "target"]),
-                n.user._id ? (i(), d(v, {
+                n.user._id ? (i(), d(w, {
                   key: 0,
                   user: n.user._id,
                   type: "user",
@@ -88,16 +88,16 @@ const D = {
                   target: e.current._id,
                   status: e.current.isBlocked,
                   text: { create: "Block", remove: "Unblock" },
-                  onUpdateMembership: r[0] || (r[0] = (s) => y(s, "isBlocked")),
+                  onUpdateMembership: r[0] || (r[0] = (t) => v(t, "isBlocked")),
                   class: "t-white mn-t-thin bg-red"
                 }, null, 8, ["user", "target", "status"])) : m("", !0)
               ])
             ]),
             _: 1
           })) : m("", !0),
-          t(o).params._id === n.user._id ? (i(), d(L, {
+          s(o).params._id === n.user._id ? (i(), d(L, {
             key: 1,
-            onClick: r[1] || (r[1] = (s) => b.$router.push({
+            onClick: r[1] || (r[1] = (t) => b.$router.push({
               name: "User Edit Profile",
               params: {
                 _id: n.user._id
@@ -117,12 +117,12 @@ const D = {
           e.current.username ? (i(), c("p", X, " @" + _(e.current.username ? e.current.username : "Not specified"), 1)) : m("", !0),
           l("p", Y, _(e.current.profile.description ? e.current.profile.description : "Bio not specified"), 1),
           l("div", Z, [
-            (i(!0), c(E, null, S(e.current.roles, (s, h) => (i(), c("div", {
+            (i(!0), c(E, null, S(e.current.roles, (t, h) => (i(), c("div", {
               class: P(["pd-thin radius-small t-semi bg-white", { "mn-r-thin": h !== e.current.roles.length - 1 }])
-            }, _(s.icon) + " " + _(s.name), 3))), 256))
+            }, _(t.icon) + " " + _(t.name), 3))), 256))
           ]),
           l("p", ee, " 👨‍👨‍👧‍👧 " + _(e.current.numberOfSubscribers) + " followers ", 1),
-          n.user._id && t(o).params._id && t(o).params._id !== n.user._id ? (i(), d(v, {
+          n.user._id && s(o).params._id && s(o).params._id !== n.user._id ? (i(), d(w, {
             key: 5,
             user: n.user._id,
             type: "user",
@@ -130,10 +130,10 @@ const D = {
             target: e.current._id,
             status: e.current.isSubscriber,
             text: { create: "Follow", remove: "Unfollow" },
-            onUpdateMembership: r[2] || (r[2] = (s) => y(s, "isSubscriber", "numberOfSubscribers")),
+            onUpdateMembership: r[2] || (r[2] = (t) => v(t, "isSubscriber", "numberOfSubscribers")),
             class: "w-min mn-b-medium mn-r-auto mn-l-auto"
           }, null, 8, ["user", "target", "status"])) : m("", !0),
-          Object.values(e.current.socials).some((s) => s) ? (i(), c("h4", re, " Find Me in Socials ")) : m("", !0),
+          Object.values(e.current.socials).some((t) => t) ? (i(), c("h4", re, " Find Me in Socials ")) : m("", !0),
           a(F, {
             telegram: e.current.socials.telegram,
             facebook: e.current.socials.facebook,
@@ -142,10 +142,10 @@ const D = {
             class: "mn-r-auto mn-l-auto"
           }, null, 8, ["telegram", "facebook", "instagram", "twitter"])
         ]),
-        a(k, { class: "mn-b-regular bg-grey" }, {
+        a(k, { class: "mn-b-regular bg-light" }, {
           default: u(() => [
             a(f, {
-              onClick: r[3] || (r[3] = (s) => t(p).push({ name: "User Events", params: { _id: t(o).params._id } })),
+              onClick: r[3] || (r[3] = (t) => s(p).push({ name: "User Events", params: { _id: s(o).params._id } })),
               class: "cursor-pointer"
             }, {
               default: u(() => [
@@ -154,25 +154,25 @@ const D = {
                   icon: !0,
                   fill: "rgb(var(--white))"
                 }),
-                se
+                te
               ]),
               _: 1
             }),
             a(f, {
-              onClick: r[4] || (r[4] = (s) => t(p).push({ name: "User Organizations", params: { _id: t(o).params._id } })),
+              onClick: r[4] || (r[4] = (t) => s(p).push({ name: "User Organizations", params: { _id: s(o).params._id } })),
               class: "cursor-pointer"
             }, {
               default: u(() => [
-                a(w, {
+                a(y, {
                   class: "i-semi",
                   icon: !0
                 }),
-                te
+                se
               ]),
               _: 1
             }),
             a(f, {
-              onClick: r[5] || (r[5] = (s) => t(p).push({ name: "User Blogposts", params: { _id: t(o).params._id } })),
+              onClick: r[5] || (r[5] = (t) => s(p).push({ name: "User Blogposts", params: { _id: s(o).params._id } })),
               class: "cursor-pointer"
             }, {
               default: u(() => [
@@ -189,15 +189,15 @@ const D = {
         }),
         b.APP_NAME === "Weeder" ? (i(), d(k, {
           key: 1,
-          class: "mn-b-regular bg-grey"
+          class: "mn-b-regular bg-light"
         }, {
           default: u(() => [
             a(f, {
-              onClick: r[6] || (r[6] = (s) => t(p).push({ name: "User Wallet", params: { _id: t(o).params._id } })),
+              onClick: r[6] || (r[6] = (t) => s(p).push({ name: "User Wallet", params: { _id: s(o).params._id } })),
               class: "cursor-pointer"
             }, {
               default: u(() => [
-                a(w, {
+                a(y, {
                   class: "i-semi",
                   icon: !0
                 }),
@@ -208,16 +208,16 @@ const D = {
           ]),
           _: 1
         })) : m("", !0),
-        n.user._id === t(o).params._id ? (i(), d(k, {
+        n.user._id === s(o).params._id ? (i(), d(k, {
           key: 2,
-          class: "bg-grey"
+          class: "bg-light"
         }, {
           default: u(() => [
             a(f, {
-              onClick: r[7] || (r[7] = (s) => t(p).push({
+              onClick: r[7] || (r[7] = (t) => s(p).push({
                 name: "User Edit Profile",
                 params: {
-                  _id: t(o).params._id
+                  _id: s(o).params._id
                 }
               })),
               class: "cursor-pointer"
@@ -229,7 +229,7 @@ const D = {
             }),
             a(f, {
               class: "cursor-pointer",
-              onClick: r[8] || (r[8] = (s) => x())
+              onClick: r[8] || (r[8] = (t) => x())
             }, {
               default: u(() => [
                 ne

package/dist/prometheus-framework/src/modules/users/components/pages/ProfileBlogposts.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("vue-router"),i=require("../../../../components/Tab/Tab.vue2.cjs"),u=require("../../../community/components/sections/Feed.vue.cjs"),o=require("../../../auth/store/auth.cjs"),m={class:"pd-thin"},p={class:"mn-b-medium flex-v-center flex-nowrap flex"},f=e.createElementVNode("h2",{class:"mn-r-medium"},"Posts",-1),_={__name:"ProfileBlogposts",setup(k){const t=n.useRoute(),c=n.useRouter();let d=t.query.tab?t.query.tab:"posts";const r=e.ref(d);return t.query.tab=r.value,e.watch(r,a=>{c.replace({query:{...t.query,tab:a}})}),(a,s)=>(e.openBlock(),e.createElementBlock("div",m,[e.createElementVNode("header",p,[f,o.state.user._id===e.unref(t).params._id?(e.openBlock(),e.createElementBlock("button",{key:0,onClick:s[0]||(s[0]=l=>a.$router.push({name:"Create BlogPost"})),class:"radius-100 t-white t-semi i-big hover-scale-1 cursor-pointer t-white bg-second"}," + ")):e.createCommentVNode("",!0)]),o.state.user._id===e.unref(t).params._id?(e.openBlock(),e.createBlock(i.default,{key:0,selected:r.value,"onUpdate:selected":s[1]||(s[1]=l=>r.value=l),tabs:[{name:"My posts",value:"posts"},{name:"Drafts",value:"drafts"},{name:"Following",value:"following"}],class:"mn-b-small o-hidden h5 radius-big bg-grey"},null,8,["selected"])):e.createCommentVNode("",!0),r.value==="posts"?(e.openBlock(),e.createBlock(u.default,{key:1,user:o.state.user._id,creator:e.unref(t).params._id},null,8,["user","creator"])):e.createCommentVNode("",!0),r.value==="drafts"?(e.openBlock(),e.createBlock(u.default,{key:2,user:o.state.user._id,creator:e.unref(t).params._id,status:"draft"},null,8,["user","creator"])):e.createCommentVNode("",!0),r.value==="following"?(e.openBlock(),e.createBlock(u.default,{key:3,user:o.state.user._id,following:e.unref(t).params._id},null,8,["user","following"])):e.createCommentVNode("",!0)]))}};exports.default=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("vue-router"),d=require("../../../../components/Tab/Tab.vue2.cjs"),u=require("../../../community/components/sections/Feed.vue.cjs"),o=require("../../../auth/store/auth.cjs"),m={class:"pd-thin"},p={class:"mn-b-medium flex-v-center flex-nowrap flex"},f=e.createElementVNode("h2",{class:"mn-r-medium"},"Posts",-1),_={__name:"ProfileBlogposts",setup(k){const t=n.useRoute(),c=n.useRouter();let i=t.query.tab?t.query.tab:"posts";const r=e.ref(i);return t.query.tab=r.value,e.watch(r,a=>{c.replace({query:{...t.query,tab:a}})}),(a,s)=>(e.openBlock(),e.createElementBlock("div",m,[e.createElementVNode("header",p,[f,o.state.user._id===e.unref(t).params._id?(e.openBlock(),e.createElementBlock("button",{key:0,onClick:s[0]||(s[0]=l=>a.$router.push({name:"Create BlogPost"})),class:"radius-100 t-white t-semi i-big hover-scale-1 cursor-pointer t-white bg-second"}," + ")):e.createCommentVNode("",!0)]),o.state.user._id===e.unref(t).params._id?(e.openBlock(),e.createBlock(d.default,{key:0,selected:r.value,"onUpdate:selected":s[1]||(s[1]=l=>r.value=l),tabs:[{name:"My posts",value:"posts"},{name:"Drafts",value:"drafts"},{name:"Following",value:"following"}],class:"mn-b-small o-hidden h5 radius-big bg-light"},null,8,["selected"])):e.createCommentVNode("",!0),r.value==="posts"?(e.openBlock(),e.createBlock(u.default,{key:1,user:o.state.user._id,creator:e.unref(t).params._id},null,8,["user","creator"])):e.createCommentVNode("",!0),r.value==="drafts"?(e.openBlock(),e.createBlock(u.default,{key:2,user:o.state.user._id,creator:e.unref(t).params._id,status:"draft"},null,8,["user","creator"])):e.createCommentVNode("",!0),r.value==="following"?(e.openBlock(),e.createBlock(u.default,{key:3,user:o.state.user._id,following:e.unref(t).params._id},null,8,["user","following"])):e.createCommentVNode("",!0)]))}};exports.default=_;

package/dist/prometheus-framework/src/modules/users/components/pages/ProfileBlogposts.vue.js

@@ -1,9 +1,9 @@
-import { ref as _, watch as b, openBlock as r, createElementBlock as d, createElementVNode as c, unref as s, createCommentVNode as o, createBlock as l } from "vue";
+import { ref as _, watch as b, openBlock as r, createElementBlock as d, createElementVNode as c, unref as s, createCommentVNode as o, createBlock as u } from "vue";
 import { useRoute as g, useRouter as v } from "vue-router";
-import y from "../../../../components/Tab/Tab.vue2.js";
+import h from "../../../../components/Tab/Tab.vue2.js";
 import i from "../../../community/components/sections/Feed.vue.js";
 import { state as a } from "../../../auth/store/auth.js";
-const h = { class: "pd-thin" }, k = { class: "mn-b-medium flex-v-center flex-nowrap flex" }, w = /* @__PURE__ */ c("h2", { class: "mn-r-medium" }, "Posts", -1), E = {
+const y = { class: "pd-thin" }, k = { class: "mn-b-medium flex-v-center flex-nowrap flex" }, w = /* @__PURE__ */ c("h2", { class: "mn-r-medium" }, "Posts", -1), E = {
   __name: "ProfileBlogposts",
   setup(q) {
     const e = g(), p = v();
@@ -11,40 +11,40 @@ const h = { class: "pd-thin" }, k = { class: "mn-b-medium flex-v-center flex-now
     const t = _(f);
     return e.query.tab = t.value, b(t, (n) => {
       p.replace({ query: { ...e.query, tab: n } });
-    }), (n, u) => (r(), d("div", h, [
+    }), (n, l) => (r(), d("div", y, [
       c("header", k, [
         w,
         a.user._id === s(e).params._id ? (r(), d("button", {
           key: 0,
-          onClick: u[0] || (u[0] = (m) => n.$router.push({
+          onClick: l[0] || (l[0] = (m) => n.$router.push({
             name: "Create BlogPost"
           })),
           class: "radius-100 t-white t-semi i-big hover-scale-1 cursor-pointer t-white bg-second"
         }, " + ")) : o("", !0)
       ]),
-      a.user._id === s(e).params._id ? (r(), l(y, {
+      a.user._id === s(e).params._id ? (r(), u(h, {
         key: 0,
         selected: t.value,
-        "onUpdate:selected": u[1] || (u[1] = (m) => t.value = m),
+        "onUpdate:selected": l[1] || (l[1] = (m) => t.value = m),
         tabs: [
           { name: "My posts", value: "posts" },
           { name: "Drafts", value: "drafts" },
           { name: "Following", value: "following" }
         ],
-        class: "mn-b-small o-hidden h5 radius-big bg-grey"
+        class: "mn-b-small o-hidden h5 radius-big bg-light"
       }, null, 8, ["selected"])) : o("", !0),
-      t.value === "posts" ? (r(), l(i, {
+      t.value === "posts" ? (r(), u(i, {
         key: 1,
         user: a.user._id,
         creator: s(e).params._id
       }, null, 8, ["user", "creator"])) : o("", !0),
-      t.value === "drafts" ? (r(), l(i, {
+      t.value === "drafts" ? (r(), u(i, {
         key: 2,
         user: a.user._id,
         creator: s(e).params._id,
         status: "draft"
       }, null, 8, ["user", "creator"])) : o("", !0),
-      t.value === "following" ? (r(), l(i, {
+      t.value === "following" ? (r(), u(i, {
         key: 3,
         user: a.user._id,
         following: s(e).params._id

package/dist/prometheus-framework/src/modules/users/components/pages/ProfileEdit.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../../../../../node_modules/js-cookie/dist/js.cookie.cjs");require("../../../../components/Tab/Tab.vue.cjs");const i=require("../../../../components/Field/Field.vue2.cjs"),m=require("../../../../components/Button/Button.vue2.cjs"),g=require("../../../../components/UploadImage/UploadImage.vue.cjs"),h=require("../sections/ProfileCompletion.vue.cjs"),c=require("vue-router"),r=require("../../../auth/store/auth.cjs"),s=require("../../store/users.cjs");require("../../../middlewares/client/inputs.validation.cjs");require("./ProfileEdit.vue2.cjs");const N={class:"pd-medium for-transition w-100"},V=e.createElementVNode("h3",{class:"mn-b-small"},"Username",-1),w={class:"mn-b-semi"},y=e.createElementVNode("h3",{class:"mn-b-small"},"Profile",-1),U={class:"mn-b-thin radius-small w-100 h-10r bg-grey flex-center flex-column flex"},_=e.createElementVNode("h4",null,"Upload userpic",-1),k=e.createElementVNode("h3",{class:"mn-b-small"},"Socials",-1),q=e.createElementVNode("p",{class:"mn-b-thin"},"Please provide only the username for social media profiles, without full links.",-1),E=e.createElementVNode("h3",{class:"mn-b-small"},"Account",-1),P={__name:"ProfileEdit",async setup(S){let n,d;e.ref(null);const f=c.useRoute(),u=c.useRouter();[n,d]=e.withAsyncContext(()=>s.actions.read({_id:r.state.user._id})),await n,d();const l=e.ref(s.state.current);async function p(){await s.actions.update(s.state.current)}async function b(){window.confirm("Are you sure you want to delete your account? Restoration will be possible only with the help of an administrator.")&&(s.state.current.status="removed",await s.actions.update(s.state.current),r.actions.logout())}function v(){u.replace({name:"User Profile",params:{_id:s.state.current._id}})}return(o,a)=>(e.openBlock(),e.createElementBlock("div",N,[e.unref(f).params._id===r.state.user._id?(e.openBlock(),e.createBlock(h.default,{key:0,user:r.state.user._id,target:l.value,cta:!1},null,8,["user","target"])):e.createCommentVNode("",!0),V,e.createVNode(i.default,{field:l.value.username,"onUpdate:field":a[0]||(a[0]=t=>l.value.username=t),label:"@",placeholder:"Not specified",class:"mn-b-thin w-100 bg-grey pd-medium radius-small",disabled:"true",validation:o.organizationName},null,8,["field","validation"]),e.createElementVNode("p",w,"Your username will be used for URL of profile like "+e.toDisplayString(o.API_URL)+"/users/username",1),y,e.createElementVNode("div",U,[e.createVNode(g.default,{photo:l.value.profile.photo,"onUpdate:photo":a[1]||(a[1]=t=>l.value.profile.photo=t),uploadPath:"users/"+l.value._id+"/avatars",class:"h-4r w-4r aspect-1x1 o-hidden bg-white mn-b-thin radius-extra"},null,8,["photo","uploadPath"]),_]),e.createVNode(i.default,{field:l.value.profile.name,"onUpdate:field":a[2]||(a[2]=t=>l.value.profile.name=t),label:"Name",placeholder:"Not specified",class:"mn-b-thin bg-grey pd-medium radius-small",validation:o.organizationName},null,8,["field","validation"]),e.createVNode(i.default,{field:l.value.profile.description,"onUpdate:field":a[3]||(a[3]=t=>l.value.profile.description=t),label:"Description",placeholder:"Not specified",class:"mn-b-semi bg-grey pd-medium radius-small",disabled:"true",validation:o.organizationName},null,8,["field","validation"]),k,q,e.createVNode(i.default,{field:l.value.socials.instagram,"onUpdate:field":a[4]||(a[4]=t=>l.value.socials.instagram=t),label:"Instagram",placeholder:"",class:"mn-b-thin bg-grey pd-medium radius-small"},null,8,["field"]),e.createVNode(i.default,{field:l.value.socials.twitter,"onUpdate:field":a[5]||(a[5]=t=>l.value.socials.twitter=t),label:"Twitter",placeholder:"",class:"mn-b-thin bg-grey pd-medium radius-small"},null,8,["field"]),e.createVNode(i.default,{field:l.value.socials.facebook,"onUpdate:field":a[6]||(a[6]=t=>l.value.socials.facebook=t),label:"Facebook",placeholder:"",class:"mn-b-thin bg-grey pd-medium radius-small"},null,8,["field"]),e.createVNode(i.default,{field:l.value.socials.telegram,"onUpdate:field":a[7]||(a[7]=t=>l.value.socials.telegram=t),label:"Telegram",placeholder:"",class:"mn-b-semi bg-grey pd-medium radius-small"},null,8,["field"]),E,e.createVNode(i.default,{field:l.value.phone,"onUpdate:field":a[8]||(a[8]=t=>l.value.phone=t),label:"Phone",placeholder:"Not specified",class:"mn-b-thin bg-grey pd-medium mn-b-thin radius-small",disabled:"true",validation:o.organizationName},null,8,["field","validation"]),e.createVNode(i.default,{field:l.value.email,"onUpdate:field":a[9]||(a[9]=t=>l.value.email=t),label:"Email",placeholder:"Not specified",class:"mn-b-semi bg-grey pd-medium radius-small",disabled:!0,validation:o.organizationName},null,8,["field","validation"]),e.createVNode(m.default,{submit:p,callback:v,class:"mn-b-thin"},{default:e.withCtx(()=>[e.createTextVNode("Save")]),_:1}),e.createVNode(m.default,{submit:b,callback:o.a=()=>{e.unref(u).push({name:"Sign In"})},class:"mn-b-thin bg-red t-white"},{default:e.withCtx(()=>[e.createTextVNode("Delete Account")]),_:1},8,["callback"])]))}};exports.default=P;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../../../../../node_modules/js-cookie/dist/js.cookie.cjs");require("../../../../components/Tab/Tab.vue.cjs");const i=require("../../../../components/Field/Field.vue2.cjs"),m=require("../../../../components/Button/Button.vue2.cjs"),v=require("../../../../components/UploadImage/UploadImage.vue.cjs"),g=require("../sections/ProfileCompletion.vue.cjs"),c=require("vue-router"),n=require("../../../auth/store/auth.cjs"),s=require("../../store/users.cjs");require("../../../middlewares/client/inputs.validation.cjs");require("./ProfileEdit.vue2.cjs");const N={class:"pd-medium for-transition w-100"},V=e.createElementVNode("h3",{class:"mn-b-small"},"Username",-1),w={class:"mn-b-semi"},U=e.createElementVNode("h3",{class:"mn-b-small"},"Profile",-1),_={class:"mn-b-thin radius-small w-100 h-10r bg-light flex-center flex-column flex"},k=e.createElementVNode("h4",null,"Upload userpic",-1),q=e.createElementVNode("h3",{class:"mn-b-small"},"Socials",-1),y=e.createElementVNode("p",{class:"mn-b-thin"},"Please provide only the username for social media profiles, without full links.",-1),E=e.createElementVNode("h3",{class:"mn-b-small"},"Account",-1),P={__name:"ProfileEdit",async setup(S){let r,d;e.ref(null);const f=c.useRoute(),u=c.useRouter();[r,d]=e.withAsyncContext(()=>s.actions.read({_id:n.state.user._id})),await r,d();const l=e.ref(s.state.current);async function p(){await s.actions.update(s.state.current)}async function b(){window.confirm("Are you sure you want to delete your account? Restoration will be possible only with the help of an administrator.")&&(s.state.current.status="removed",await s.actions.update(s.state.current),n.actions.logout())}function h(){u.replace({name:"User Profile",params:{_id:s.state.current._id}})}return(o,t)=>(e.openBlock(),e.createElementBlock("div",N,[e.unref(f).params._id===n.state.user._id?(e.openBlock(),e.createBlock(g.default,{key:0,user:n.state.user._id,target:l.value,cta:!1},null,8,["user","target"])):e.createCommentVNode("",!0),V,e.createVNode(i.default,{field:l.value.username,"onUpdate:field":t[0]||(t[0]=a=>l.value.username=a),label:"@",placeholder:"Not specified",class:"mn-b-thin w-100 bg-light pd-medium radius-small",disabled:"true",validation:o.organizationName},null,8,["field","validation"]),e.createElementVNode("p",w,"Your username will be used for URL of profile like "+e.toDisplayString(o.API_URL)+"/users/username",1),U,e.createElementVNode("div",_,[e.createVNode(v.default,{photo:l.value.profile.photo,"onUpdate:photo":t[1]||(t[1]=a=>l.value.profile.photo=a),uploadPath:"users/"+l.value._id+"/avatars",class:"h-4r w-4r aspect-1x1 o-hidden bg-white mn-b-thin radius-extra"},null,8,["photo","uploadPath"]),k]),e.createVNode(i.default,{field:l.value.profile.name,"onUpdate:field":t[2]||(t[2]=a=>l.value.profile.name=a),label:"Name",placeholder:"Not specified",class:"mn-b-thin bg-light pd-medium radius-small",validation:o.organizationName},null,8,["field","validation"]),e.createVNode(i.default,{field:l.value.profile.description,"onUpdate:field":t[3]||(t[3]=a=>l.value.profile.description=a),label:"Description",placeholder:"Not specified",class:"mn-b-semi bg-light pd-medium radius-small",disabled:"true",validation:o.organizationName},null,8,["field","validation"]),q,y,e.createVNode(i.default,{field:l.value.socials.instagram,"onUpdate:field":t[4]||(t[4]=a=>l.value.socials.instagram=a),label:"Instagram",placeholder:"",class:"mn-b-thin bg-light pd-medium radius-small"},null,8,["field"]),e.createVNode(i.default,{field:l.value.socials.twitter,"onUpdate:field":t[5]||(t[5]=a=>l.value.socials.twitter=a),label:"Twitter",placeholder:"",class:"mn-b-thin bg-light pd-medium radius-small"},null,8,["field"]),e.createVNode(i.default,{field:l.value.socials.facebook,"onUpdate:field":t[6]||(t[6]=a=>l.value.socials.facebook=a),label:"Facebook",placeholder:"",class:"mn-b-thin bg-light pd-medium radius-small"},null,8,["field"]),e.createVNode(i.default,{field:l.value.socials.telegram,"onUpdate:field":t[7]||(t[7]=a=>l.value.socials.telegram=a),label:"Telegram",placeholder:"",class:"mn-b-semi bg-light pd-medium radius-small"},null,8,["field"]),E,e.createVNode(i.default,{field:l.value.phone,"onUpdate:field":t[8]||(t[8]=a=>l.value.phone=a),label:"Phone",placeholder:"Not specified",class:"mn-b-thin bg-light pd-medium mn-b-thin radius-small",disabled:"true",validation:o.organizationName},null,8,["field","validation"]),e.createVNode(i.default,{field:l.value.email,"onUpdate:field":t[9]||(t[9]=a=>l.value.email=a),label:"Email",placeholder:"Not specified",class:"mn-b-semi bg-light pd-medium radius-small",disabled:!0,validation:o.organizationName},null,8,["field","validation"]),e.createVNode(m.default,{submit:p,callback:h,class:"mn-b-thin"},{default:e.withCtx(()=>[e.createTextVNode("Save")]),_:1}),e.createVNode(m.default,{submit:b,callback:o.a=()=>{e.unref(u).push({name:"Sign In"})},class:"mn-b-thin bg-red t-white"},{default:e.withCtx(()=>[e.createTextVNode("Delete Account")]),_:1},8,["callback"])]))}};exports.default=P;

package/dist/prometheus-framework/src/modules/users/components/pages/ProfileEdit.vue.js

@@ -1,4 +1,4 @@
-import { ref as f, withAsyncContext as U, openBlock as c, createElementBlock as k, unref as b, createBlock as P, createCommentVNode as S, createVNode as i, createElementVNode as s, toDisplayString as z, withCtx as h, createTextVNode as g } from "vue";
+import { ref as f, withAsyncContext as k, openBlock as c, createElementBlock as y, unref as b, createBlock as P, createCommentVNode as S, createVNode as a, createElementVNode as s, toDisplayString as z, withCtx as h, createTextVNode as g } from "vue";
 import "../../../../../../node_modules/js-cookie/dist/js.cookie.js";
 import "../../../../components/Tab/Tab.vue.js";
 import t from "../../../../components/Field/Field.vue2.js";
@@ -10,24 +10,24 @@ import { state as r, actions as E } from "../../../auth/store/auth.js";
 import { actions as d, state as n } from "../../store/users.js";
 import "../../../middlewares/client/inputs.validation.js";
 import "./ProfileEdit.vue2.js";
-const T = { class: "pd-medium for-transition w-100" }, V = /* @__PURE__ */ s("h3", { class: "mn-b-small" }, "Username", -1), x = { class: "mn-b-semi" }, B = /* @__PURE__ */ s("h3", { class: "mn-b-small" }, "Profile", -1), C = { class: "mn-b-thin radius-small w-100 h-10r bg-grey flex-center flex-column flex" }, I = /* @__PURE__ */ s("h4", null, "Upload userpic", -1), F = /* @__PURE__ */ s("h3", { class: "mn-b-small" }, "Socials", -1), L = /* @__PURE__ */ s("p", { class: "mn-b-thin" }, "Please provide only the username for social media profiles, without full links.", -1), Y = /* @__PURE__ */ s("h3", { class: "mn-b-small" }, "Account", -1), le = {
+const T = { class: "pd-medium for-transition w-100" }, V = /* @__PURE__ */ s("h3", { class: "mn-b-small" }, "Username", -1), x = { class: "mn-b-semi" }, B = /* @__PURE__ */ s("h3", { class: "mn-b-small" }, "Profile", -1), C = { class: "mn-b-thin radius-small w-100 h-10r bg-light flex-center flex-column flex" }, I = /* @__PURE__ */ s("h4", null, "Upload userpic", -1), F = /* @__PURE__ */ s("h3", { class: "mn-b-small" }, "Socials", -1), L = /* @__PURE__ */ s("p", { class: "mn-b-thin" }, "Please provide only the username for social media profiles, without full links.", -1), Y = /* @__PURE__ */ s("h3", { class: "mn-b-small" }, "Account", -1), le = {
   __name: "ProfileEdit",
   async setup(j) {
     let m, u;
     f(null);
     const w = $(), p = D();
-    [m, u] = U(() => d.read({ _id: r.user._id })), await m, u();
+    [m, u] = k(() => d.read({ _id: r.user._id })), await m, u();
     const e = f(n.current);
-    async function y() {
+    async function _() {
       await d.update(n.current);
     }
-    async function _() {
+    async function N() {
       window.confirm("Are you sure you want to delete your account? Restoration will be possible only with the help of an administrator.") && (n.current.status = "removed", await d.update(n.current), E.logout());
     }
-    function N() {
+    function U() {
       p.replace({ name: "User Profile", params: { _id: n.current._id } });
     }
-    return (o, l) => (c(), k("div", T, [
+    return (o, l) => (c(), y("div", T, [
       b(w).params._id === r.user._id ? (c(), P(R, {
         key: 0,
         user: r.user._id,
@@ -35,95 +35,95 @@ const T = { class: "pd-medium for-transition w-100" }, V = /* @__PURE__ */ s("h3
         cta: !1
       }, null, 8, ["user", "target"])) : S("", !0),
       V,
-      i(t, {
+      a(t, {
         field: e.value.username,
-        "onUpdate:field": l[0] || (l[0] = (a) => e.value.username = a),
+        "onUpdate:field": l[0] || (l[0] = (i) => e.value.username = i),
         label: "@",
         placeholder: "Not specified",
-        class: "mn-b-thin w-100 bg-grey pd-medium radius-small",
+        class: "mn-b-thin w-100 bg-light pd-medium radius-small",
         disabled: "true",
         validation: o.organizationName
       }, null, 8, ["field", "validation"]),
       s("p", x, "Your username will be used for URL of profile like " + z(o.API_URL) + "/users/username", 1),
       B,
       s("div", C, [
-        i(A, {
+        a(A, {
           photo: e.value.profile.photo,
-          "onUpdate:photo": l[1] || (l[1] = (a) => e.value.profile.photo = a),
+          "onUpdate:photo": l[1] || (l[1] = (i) => e.value.profile.photo = i),
           uploadPath: "users/" + e.value._id + "/avatars",
           class: "h-4r w-4r aspect-1x1 o-hidden bg-white mn-b-thin radius-extra"
         }, null, 8, ["photo", "uploadPath"]),
         I
       ]),
-      i(t, {
+      a(t, {
         field: e.value.profile.name,
-        "onUpdate:field": l[2] || (l[2] = (a) => e.value.profile.name = a),
+        "onUpdate:field": l[2] || (l[2] = (i) => e.value.profile.name = i),
         label: "Name",
         placeholder: "Not specified",
-        class: "mn-b-thin bg-grey pd-medium radius-small",
+        class: "mn-b-thin bg-light pd-medium radius-small",
         validation: o.organizationName
       }, null, 8, ["field", "validation"]),
-      i(t, {
+      a(t, {
         field: e.value.profile.description,
-        "onUpdate:field": l[3] || (l[3] = (a) => e.value.profile.description = a),
+        "onUpdate:field": l[3] || (l[3] = (i) => e.value.profile.description = i),
         label: "Description",
         placeholder: "Not specified",
-        class: "mn-b-semi bg-grey pd-medium radius-small",
+        class: "mn-b-semi bg-light pd-medium radius-small",
         disabled: "true",
         validation: o.organizationName
       }, null, 8, ["field", "validation"]),
       F,
       L,
-      i(t, {
+      a(t, {
         field: e.value.socials.instagram,
-        "onUpdate:field": l[4] || (l[4] = (a) => e.value.socials.instagram = a),
+        "onUpdate:field": l[4] || (l[4] = (i) => e.value.socials.instagram = i),
         label: "Instagram",
         placeholder: "",
-        class: "mn-b-thin bg-grey pd-medium radius-small"
+        class: "mn-b-thin bg-light pd-medium radius-small"
       }, null, 8, ["field"]),
-      i(t, {
+      a(t, {
         field: e.value.socials.twitter,
-        "onUpdate:field": l[5] || (l[5] = (a) => e.value.socials.twitter = a),
+        "onUpdate:field": l[5] || (l[5] = (i) => e.value.socials.twitter = i),
         label: "Twitter",
         placeholder: "",
-        class: "mn-b-thin bg-grey pd-medium radius-small"
+        class: "mn-b-thin bg-light pd-medium radius-small"
       }, null, 8, ["field"]),
-      i(t, {
+      a(t, {
         field: e.value.socials.facebook,
-        "onUpdate:field": l[6] || (l[6] = (a) => e.value.socials.facebook = a),
+        "onUpdate:field": l[6] || (l[6] = (i) => e.value.socials.facebook = i),
         label: "Facebook",
         placeholder: "",
-        class: "mn-b-thin bg-grey pd-medium radius-small"
+        class: "mn-b-thin bg-light pd-medium radius-small"
       }, null, 8, ["field"]),
-      i(t, {
+      a(t, {
         field: e.value.socials.telegram,
-        "onUpdate:field": l[7] || (l[7] = (a) => e.value.socials.telegram = a),
+        "onUpdate:field": l[7] || (l[7] = (i) => e.value.socials.telegram = i),
         label: "Telegram",
         placeholder: "",
-        class: "mn-b-semi bg-grey pd-medium radius-small"
+        class: "mn-b-semi bg-light pd-medium radius-small"
       }, null, 8, ["field"]),
       Y,
-      i(t, {
+      a(t, {
         field: e.value.phone,
-        "onUpdate:field": l[8] || (l[8] = (a) => e.value.phone = a),
+        "onUpdate:field": l[8] || (l[8] = (i) => e.value.phone = i),
         label: "Phone",
         placeholder: "Not specified",
-        class: "mn-b-thin bg-grey pd-medium mn-b-thin radius-small",
+        class: "mn-b-thin bg-light pd-medium mn-b-thin radius-small",
         disabled: "true",
         validation: o.organizationName
       }, null, 8, ["field", "validation"]),
-      i(t, {
+      a(t, {
         field: e.value.email,
-        "onUpdate:field": l[9] || (l[9] = (a) => e.value.email = a),
+        "onUpdate:field": l[9] || (l[9] = (i) => e.value.email = i),
         label: "Email",
         placeholder: "Not specified",
-        class: "mn-b-semi bg-grey pd-medium radius-small",
+        class: "mn-b-semi bg-light pd-medium radius-small",
         disabled: !0,
         validation: o.organizationName
       }, null, 8, ["field", "validation"]),
-      i(v, {
-        submit: y,
-        callback: N,
+      a(v, {
+        submit: _,
+        callback: U,
         class: "mn-b-thin"
       }, {
         default: h(() => [
@@ -131,8 +131,8 @@ const T = { class: "pd-medium for-transition w-100" }, V = /* @__PURE__ */ s("h3
         ]),
         _: 1
       }),
-      i(v, {
-        submit: _,
+      a(v, {
+        submit: N,
         callback: o.a = () => {
           b(p).push({ name: "Sign In" });
         },

package/dist/prometheus-framework/src/modules/users/components/pages/ProfileEvents.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("vue-router"),d=require("../../../../components/Tab/Tab.vue2.cjs"),l=require("../../../events/components/sections/Feed.vue.cjs"),n=require("../../../auth/store/auth.cjs"),m={class:"pd-thin"},p={class:"mn-b-medium flex-v-center flex-nowrap flex"},v=e.createElementVNode("h2",{class:"mn-r-medium"}," Events ",-1),_={__name:"ProfileEvents",setup(b){const t=c.useRoute(),o=c.useRouter();let i=t.query.tab?t.query.tab:"owner";const r=e.ref(i);return t.query.tab=r.value,e.watch(r,s=>{o.replace({query:{...t.query,tab:s}})}),(s,a)=>(e.openBlock(),e.createElementBlock("div",m,[e.createElementVNode("header",p,[v,n.state.user._id===e.unref(t).params._id?(e.openBlock(),e.createElementBlock("button",{key:0,onClick:a[0]||(a[0]=u=>e.unref(o).push({name:"Create Event"})),class:"radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second"}," + ")):e.createCommentVNode("",!0)]),e.createVNode(d.default,{selected:r.value,"onUpdate:selected":a[1]||(a[1]=u=>r.value=u),tabs:[{name:"My",value:"owner"},{name:"Participant",value:"participant"}],class:"mn-b-small o-hidden h5 radius-big bg-grey"},null,8,["selected"]),r.value==="owner"?(e.openBlock(),e.createBlock(l.default,{key:0,user:n.state.user._id,creator:e.unref(t).params._id,sortOrder:"asc"},null,8,["user","creator"])):e.createCommentVNode("",!0),r.value==="participant"?(e.openBlock(),e.createBlock(l.default,{key:1,user:n.state.user._id,participant:e.unref(t).params._id,sortOrder:"desc"},null,8,["user","participant"])):e.createCommentVNode("",!0)]))}};exports.default=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("vue-router"),d=require("../../../../components/Tab/Tab.vue2.cjs"),c=require("../../../events/components/sections/Feed.vue.cjs"),n=require("../../../auth/store/auth.cjs"),m={class:"pd-thin"},p={class:"mn-b-medium flex-v-center flex-nowrap flex"},v=e.createElementVNode("h2",{class:"mn-r-medium"}," Events ",-1),_={__name:"ProfileEvents",setup(b){const t=l.useRoute(),o=l.useRouter();let i=t.query.tab?t.query.tab:"owner";const r=e.ref(i);return t.query.tab=r.value,e.watch(r,s=>{o.replace({query:{...t.query,tab:s}})}),(s,a)=>(e.openBlock(),e.createElementBlock("div",m,[e.createElementVNode("header",p,[v,n.state.user._id===e.unref(t).params._id?(e.openBlock(),e.createElementBlock("button",{key:0,onClick:a[0]||(a[0]=u=>e.unref(o).push({name:"Create Event"})),class:"radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second"}," + ")):e.createCommentVNode("",!0)]),e.createVNode(d.default,{selected:r.value,"onUpdate:selected":a[1]||(a[1]=u=>r.value=u),tabs:[{name:"My",value:"owner"},{name:"Participant",value:"participant"}],class:"mn-b-small o-hidden h5 radius-big bg-light"},null,8,["selected"]),r.value==="owner"?(e.openBlock(),e.createBlock(c.default,{key:0,user:n.state.user._id,creator:e.unref(t).params._id,sortOrder:"asc"},null,8,["user","creator"])):e.createCommentVNode("",!0),r.value==="participant"?(e.openBlock(),e.createBlock(c.default,{key:1,user:n.state.user._id,participant:e.unref(t).params._id,sortOrder:"desc"},null,8,["user","participant"])):e.createCommentVNode("",!0)]))}};exports.default=_;

package/dist/prometheus-framework/src/modules/users/components/pages/ProfileEvents.vue.js

@@ -1,41 +1,41 @@
-import { ref as f, watch as b, openBlock as a, createElementBlock as l, createElementVNode as p, unref as s, createCommentVNode as o, createVNode as v, createBlock as m } from "vue";
-import { useRoute as y, useRouter as h } from "vue-router";
+import { ref as f, watch as b, openBlock as a, createElementBlock as c, createElementVNode as p, unref as s, createCommentVNode as o, createVNode as v, createBlock as m } from "vue";
+import { useRoute as h, useRouter as y } from "vue-router";
 import k from "../../../../components/Tab/Tab.vue2.js";
 import d from "../../../events/components/sections/Feed.vue.js";
 import { state as n } from "../../../auth/store/auth.js";
 const g = { class: "pd-thin" }, w = { class: "mn-b-medium flex-v-center flex-nowrap flex" }, q = /* @__PURE__ */ p("h2", { class: "mn-r-medium" }, " Events ", -1), V = {
   __name: "ProfileEvents",
   setup(x) {
-    const e = y(), i = h();
+    const e = h(), i = y();
     let _ = e.query.tab ? e.query.tab : "owner";
-    const r = f(_);
-    return e.query.tab = r.value, b(r, (u) => {
+    const t = f(_);
+    return e.query.tab = t.value, b(t, (u) => {
       i.replace({ query: { ...e.query, tab: u } });
-    }), (u, t) => (a(), l("div", g, [
+    }), (u, r) => (a(), c("div", g, [
       p("header", w, [
         q,
-        n.user._id === s(e).params._id ? (a(), l("button", {
+        n.user._id === s(e).params._id ? (a(), c("button", {
           key: 0,
-          onClick: t[0] || (t[0] = (c) => s(i).push({ name: "Create Event" })),
+          onClick: r[0] || (r[0] = (l) => s(i).push({ name: "Create Event" })),
           class: "radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second"
         }, " + ")) : o("", !0)
       ]),
       v(k, {
-        selected: r.value,
-        "onUpdate:selected": t[1] || (t[1] = (c) => r.value = c),
+        selected: t.value,
+        "onUpdate:selected": r[1] || (r[1] = (l) => t.value = l),
         tabs: [
           { name: "My", value: "owner" },
           { name: "Participant", value: "participant" }
         ],
-        class: "mn-b-small o-hidden h5 radius-big bg-grey"
+        class: "mn-b-small o-hidden h5 radius-big bg-light"
       }, null, 8, ["selected"]),
-      r.value === "owner" ? (a(), m(d, {
+      t.value === "owner" ? (a(), m(d, {
         key: 0,
         user: n.user._id,
         creator: s(e).params._id,
         sortOrder: "asc"
       }, null, 8, ["user", "creator"])) : o("", !0),
-      r.value === "participant" ? (a(), m(d, {
+      t.value === "participant" ? (a(), m(d, {
         key: 1,
         user: n.user._id,
         participant: s(e).params._id,

package/dist/prometheus-framework/src/modules/users/components/sections/FeaturedUsers.vue.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("../../store/users.cjs"),n=require("../../../../components/Marquee/Marquee.vue.cjs"),l=require("../blocks/CardUser.vue.cjs");require("./FeaturedUsers.vue2.cjs");const i={class:"o-hidden w-100"},c=e.createElementVNode("div",{class:"flex-center flex w-100"},[e.createElementVNode("h2",{class:"t-center h2 w-max-50 mn-b-big"}," Ask over 5 million people who have trusted us for decades ")],-1),s={class:"flex flex-nowrap"},d={class:"flex flex-nowrap"},u={class:"flex flex-nowrap"},m=e.createElementVNode("p",{class:"w-m-33r mn-r-auto mn-l-auto t-center mn-b-small p-big"}," Together, we're shaping the future of the globals music community. ",-1),h={__name:"FeaturedUsers",setup(p){const o=e.ref([]);return e.onMounted(async()=>{o.value=await a.actions.read({limit:25})}),(f,g)=>{const r=e.resolveComponent("router-link");return e.openBlock(),e.createElementBlock("div",i,[c,e.createVNode(n.default,{class:"mn-b-thin",gradient:!0,gradientColor:"var(--white)",gradientLength:"10%",direction:"normal",pauseOnHover:!1,clone:!0},{default:e.withCtx(()=>[e.createElementVNode("div",s,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value.slice(0,6),t=>(e.openBlock(),e.createBlock(l.default,{class:"mn-r-thin h4 h-8r flex-child-grow-0 flex-child bg-light pd-small radius-medium",user:t,photo:t.profile.photo,name:t.profile.name||t.phone||t.username,phone:"DJ"},null,8,["user","photo","name"]))),256))])]),_:1}),e.createVNode(n.default,{class:"mn-b-thin",gradient:!0,gradientColor:"var(--white)",gradientLength:"10%",direction:"reverse",pauseOnHover:!1,clone:!0},{default:e.withCtx(()=>[e.createElementVNode("div",d,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value.slice(7,14),t=>(e.openBlock(),e.createBlock(l.default,{class:"mn-r-thin h4 h-8r flex-child-grow-0 flex-child bg-light pd-small radius-medium",user:t,photo:t.profile.photo,name:t.profile.name||t.phone||t.username,phone:"DJ"},null,8,["user","photo","name"]))),256))])]),_:1}),e.createVNode(n.default,{class:"mn-b-big",gradient:!0,gradientColor:"var(--white)",gradientLength:"10%",direction:"normal",pauseOnHover:!1,clone:!0},{default:e.withCtx(()=>[e.createElementVNode("div",u,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value.slice(15,22),t=>(e.openBlock(),e.createBlock(l.default,{class:"mn-r-thin h4 h-8r flex-child-grow-0 flex-child bg-light pd-small radius-medium",user:t,photo:t.profile.photo,name:t.profile.name||t.phone||t.username,phone:"DJ"},null,8,["user","photo","name"]))),256))])]),_:1}),m,e.createVNode(r,{to:{name:"Sign In"},class:"bg-black mn-r-auto mn-l-auto t-medium t-white button"},{default:e.withCtx(()=>[e.createTextVNode(" Join Now ")]),_:1})])}}};exports.default=h;