@ozdao/prometheus-framework 0.2.199 → 0.2.201

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

@@ -1,10 +1,11 @@
-import { ref as u, onMounted as _, openBlock as r, createElementBlock as o, createVNode as m, TransitionGroup as b, withCtx as g, Fragment as y, renderList as v, createBlock as p, createCommentVNode as d, Transition as z } from "vue";
+import { ref, onMounted, openBlock, createElementBlock, createVNode, TransitionGroup, withCtx, Fragment, renderList, createBlock, createCommentVNode, Transition } from "vue";
 /* empty css                                       */
-import S from "../../../../components/EmptyState/EmptyState.vue.js";
-import w from "../blocks/CardOrganization.vue.js";
-import O from "../../../icons/skeletons/SkeletonOrganization.vue.js";
-import { actions as k } from "../../store/organizations.js";
-const C = { class: "pos-relative" }, V = {
+import _sfc_main$1 from "../../../../components/EmptyState/EmptyState.vue.js";
+import _sfc_main$2 from "../blocks/CardOrganization.vue.js";
+import SkeletonOrganization from "../../../icons/skeletons/SkeletonOrganization.vue.js";
+import { actions } from "../../store/organizations.js";
+const _hoisted_1 = { class: "pos-relative" };
+const _sfc_main = {
   __name: "Feed",
   props: {
     category: {
@@ -52,93 +53,118 @@ const C = { class: "pos-relative" }, V = {
       default: null
     }
   },
-  setup(f) {
-    const e = f, t = u([]), n = u(!1), l = u(!0), c = u(0), s = u(20), h = async () => {
-      if (n.value) {
-        c.value += s.value;
-        const a = await k.read({
-          skip: c.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
+  setup(__props) {
+    const props = __props;
+    const organizationsList = ref([]);
+    const hasMoreOrganizations = ref(false);
+    const isLoading = ref(true);
+    const skip = ref(0);
+    const limit = ref(20);
+    const loadMoreOrganizations = async () => {
+      if (hasMoreOrganizations.value) {
+        skip.value += limit.value;
+        const data = await actions.read({
+          skip: skip.value,
+          limit: limit.value,
+          category: props.category,
+          sortOrder: props.sortOrder,
+          member: props.member,
+          subscriber: props.subscriber,
+          onlyuser: props.onlyuser,
+          user: props.user,
+          date: props.selectedDate,
+          owner: props.owner,
+          organization: props.organization,
+          period: props.period,
+          status: props.status
         });
-        a.length === 0 ? n.value = !1 : n.value = !0, t.value = [...t.value, ...a];
+        if (data.length === 0) {
+          hasMoreOrganizations.value = false;
+        } else {
+          hasMoreOrganizations.value = true;
+        }
+        organizationsList.value = [...organizationsList.value, ...data];
       }
     };
-    return _(async () => {
-      l.value = !0;
-      const a = await k.read({
-        skip: c.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
+    onMounted(async () => {
+      isLoading.value = true;
+      const data = await actions.read({
+        skip: skip.value,
+        limit: limit.value,
+        category: props.category,
+        member: props.member,
+        subscriber: props.subscriber,
+        onlyuser: props.onlyuser,
+        sortOrder: props.sortOrder,
+        user: props.user,
+        owner: props.owner,
+        date: props.selectedDate,
+        organization: props.organization,
+        period: props.period,
+        status: props.status
       });
-      a.length === 0 ? n.value = !1 : n.value = !0, t.value = a, l.value = !1;
-    }), (a, N) => (r(), o("section", C, [
-      m(b, {
-        tag: "ul",
-        name: "fade",
-        class: "o-hidden bg-light radius-big"
-      }, {
-        default: g(() => [
-          l.value ? (r(!0), o(y, { key: 0 }, v(s.value, (i) => (r(), p(O, { key: i }))), 128)) : d("", !0)
-        ]),
-        _: 1
-      }),
-      m(z, { name: "fade" }, {
-        default: g(() => [
-          !l.value && t.value.length < 1 ? (r(), p(S, {
-            key: 0,
-            title: "No Organizations Found",
-            description: "Currently, there are no organizations available. Please check back later.",
-            class: "pd-medium mn-b-thin bg-light radius-big"
-          })) : d("", !0)
-        ]),
-        _: 1
-      }),
-      m(b, {
-        tag: "ul",
-        name: "fade",
-        class: "cols-1"
-      }, {
-        default: g(() => [
-          !l.value && t.value.length > 0 ? (r(!0), o(y, { key: 0 }, v(t.value, (i, L) => (r(), p(w, {
-            onClick: ($) => a.$router.push({ name: "Organization", params: { _id: i._id } }),
-            key: i._id,
-            organization: i,
-            user: f.user,
-            type: "normal",
-            class: "w-100 radius-big mn-b-medium"
-          }, null, 8, ["onClick", "organization", "user"]))), 128)) : d("", !0),
-          n.value && t.value.length > 0 ? (r(), o("button", {
-            key: 1,
-            onClick: h,
-            class: "w-100 bg-main button"
-          }, "Load more")) : d("", !0)
-        ]),
-        _: 1
-      })
-    ]));
+      if (data.length === 0) {
+        hasMoreOrganizations.value = false;
+      } else {
+        hasMoreOrganizations.value = true;
+      }
+      organizationsList.value = data;
+      isLoading.value = false;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("section", _hoisted_1, [
+        createVNode(TransitionGroup, {
+          tag: "ul",
+          name: "fade",
+          class: "o-hidden bg-light radius-big"
+        }, {
+          default: withCtx(() => [
+            isLoading.value ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(limit.value, (i) => {
+              return openBlock(), createBlock(SkeletonOrganization, { key: i });
+            }), 128)) : createCommentVNode("", true)
+          ]),
+          _: 1
+        }),
+        createVNode(Transition, { name: "fade" }, {
+          default: withCtx(() => [
+            !isLoading.value && organizationsList.value.length < 1 ? (openBlock(), createBlock(_sfc_main$1, {
+              key: 0,
+              title: "No Organizations Found",
+              description: "Currently, there are no organizations available. Please check back later.",
+              class: "pd-medium mn-b-thin bg-light radius-big"
+            })) : createCommentVNode("", true)
+          ]),
+          _: 1
+        }),
+        createVNode(TransitionGroup, {
+          tag: "ul",
+          name: "fade",
+          class: "cols-1"
+        }, {
+          default: withCtx(() => [
+            !isLoading.value && organizationsList.value.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(organizationsList.value, (organization, index) => {
+              return openBlock(), createBlock(_sfc_main$2, {
+                onClick: ($event) => _ctx.$router.push({ name: "Organization", params: { _id: organization._id } }),
+                key: organization._id,
+                organization,
+                user: __props.user,
+                type: "normal",
+                class: "w-100 radius-big mn-b-medium"
+              }, null, 8, ["onClick", "organization", "user"]);
+            }), 128)) : createCommentVNode("", true),
+            hasMoreOrganizations.value && organizationsList.value.length > 0 ? (openBlock(), createElementBlock("button", {
+              key: 1,
+              onClick: loadMoreOrganizations,
+              class: "w-100 bg-main button"
+            }, "Load more")) : createCommentVNode("", true)
+          ]),
+          _: 1
+        })
+      ]);
+    };
   }
 };
 export {
-  V as default
+  _sfc_main as default
 };
+//# sourceMappingURL=Feed.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Feed.vue.js","sources":["../../../../../../../src/modules/organizations/components/sections/Feed.vue"],"sourcesContent":["<template>\n  <section class=\"pos-relative\">\n    <TransitionGroup tag=\"ul\" name=\"fade\" class=\"o-hidden bg-light radius-big\">\n      <SkeletonOrganization\n        v-if=\"isLoading\"\n        v-for=\"i in limit\" :key=\"i\"\n      />\n    </TransitionGroup>\n\n    <transition name=\"fade\">\n      <EmptyState \n        v-if=\"!isLoading && organizationsList.length < 1\"\n        title=\"No Organizations Found\"\n        description=\"Currently, there are no organizations available. Please check back later.\"\n        class=\"pd-medium mn-b-thin bg-light radius-big\"\n      />\n    </transition>\n\n    <TransitionGroup tag=\"ul\" name=\"fade\" class=\"cols-1\">\n      <CardOrganization \n        v-if=\"!isLoading && organizationsList.length > 0\"\n        @click=\"$router.push({name: 'Organization', params: {_id: organization._id}})\" \n        v-for=\"(organization,index) in organizationsList\" \n        :key=\"organization._id\" \n        :organization=\"organization\" \n        :user=\"user\" \n        :type=\"'normal'\"\n        class=\"w-100 radius-big mn-b-medium\"\n      />\n      <button v-if=\"hasMoreOrganizations && organizationsList.length > 0\" @click=\"loadMoreOrganizations\" class=\"w-100 bg-main button\">Load more</button> \n    </TransitionGroup>  \n  </section>\n</template>\n\n<script setup>\n  import { ref, onMounted } from 'vue';\n  \n  import Loader from '@pf/src/components/Loader/Loader.vue';\n  import EmptyState from '@pf/src/components/EmptyState/EmptyState.vue';\n  \n  import CardOrganization from '@pf/src/modules/organizations/components/blocks/CardOrganization.vue';\n  import SkeletonOrganization from '@pf/src/modules/icons/skeletons/SkeletonOrganization.vue'\n\n  import * as organizations from '@pf/src/modules/organizations/store/organizations.js';\n\n  const props = defineProps({\n    category: {\n      type: String,\n      default: null\n    },\n    selectedDate: {\n      type: String,\n      default: null\n    },\n    organization: {\n      type: String,\n      default: null\n    },\n    owner: {\n      type: String,\n      default: null\n    },\n    user: {\n      type: [String, Number],\n      default: null\n    },\n    member: {\n      type: [String, Number],\n      default: null\n    },\n    subscriber: {\n      type: [String, Number],\n      default: null\n    },\n    sortOrder: {\n      type: String,\n      default: 'desc'\n    },\n    participant: {\n      type: String,\n      default: null\n    },\n    period: {\n      type: String,\n      default: null\n    },\n    status: {\n      type: String,\n      default: null\n    }\n  });\n\n  const organizationsList = ref([]);\n  const hasMoreOrganizations = ref(false);\n  const isLoading = ref(true);\n\n  const skip = ref(0);\n  const limit = ref(20);\n\n  const loadMoreOrganizations = async () => {\n    if (hasMoreOrganizations.value) {\n      skip.value += limit.value;\n      \n      const data = await organizations.actions.read({\n        skip: skip.value,\n        limit: limit.value,\n        category: props.category,\n        sortOrder: props.sortOrder,\n        member: props.member,\n        subscriber: props.subscriber,\n        onlyuser: props.onlyuser,\n        user: props.user,\n        date: props.selectedDate,\n        owner: props.owner,\n        organization: props.organization,\n        period: props.period,\n        status: props.status\n      });\n\n      if (data.length === 0) {\n        hasMoreOrganizations.value = false;\n      } else {\n        hasMoreOrganizations.value = true;\n      }\n\n      organizationsList.value = [...organizationsList.value, ...data];\n    }\n  };\n\n  onMounted(async () => {\n    isLoading.value = true;\n    \n    const data = await organizations.actions.read({\n      skip: skip.value,\n      limit: limit.value,\n      category: props.category,\n      member: props.member,\n      subscriber: props.subscriber,\n      onlyuser: props.onlyuser,\n      sortOrder: props.sortOrder,\n      user: props.user,\n      owner: props.owner,\n      date: props.selectedDate,\n      organization: props.organization,\n      period: props.period,\n      status: props.status\n    });\n\n    if (data.length === 0) {\n      hasMoreOrganizations.value = false;\n    } else {\n      hasMoreOrganizations.value = true;\n    }\n\n    organizationsList.value = data;\n    isLoading.value = false;\n  });\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["organizations.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CE,UAAM,QAAQ;AA+Cd,UAAM,oBAAoB,IAAI,CAAA,CAAE;AAChC,UAAM,uBAAuB,IAAI,KAAK;AACtC,UAAM,YAAY,IAAI,IAAI;AAE1B,UAAM,OAAO,IAAI,CAAC;AAClB,UAAM,QAAQ,IAAI,EAAE;AAEpB,UAAM,wBAAwB,YAAY;AACxC,UAAI,qBAAqB,OAAO;AAC9B,aAAK,SAAS,MAAM;AAEpB,cAAM,OAAO,MAAMA,QAAsB,KAAK;AAAA,UAC5C,MAAM,KAAK;AAAA,UACX,OAAO,MAAM;AAAA,UACb,UAAU,MAAM;AAAA,UAChB,WAAW,MAAM;AAAA,UACjB,QAAQ,MAAM;AAAA,UACd,YAAY,MAAM;AAAA,UAClB,UAAU,MAAM;AAAA,UAChB,MAAM,MAAM;AAAA,UACZ,MAAM,MAAM;AAAA,UACZ,OAAO,MAAM;AAAA,UACb,cAAc,MAAM;AAAA,UACpB,QAAQ,MAAM;AAAA,UACd,QAAQ,MAAM;AAAA,QACtB,CAAO;AAED,YAAI,KAAK,WAAW,GAAG;AACrB,+BAAqB,QAAQ;AAAA,QACrC,OAAa;AACL,+BAAqB,QAAQ;AAAA,QAC9B;AAED,0BAAkB,QAAQ,CAAC,GAAG,kBAAkB,OAAO,GAAG,IAAI;AAAA,MAC/D;AAAA,IACL;AAEE,cAAU,YAAY;AACpB,gBAAU,QAAQ;AAElB,YAAM,OAAO,MAAMA,QAAsB,KAAK;AAAA,QAC5C,MAAM,KAAK;AAAA,QACX,OAAO,MAAM;AAAA,QACb,UAAU,MAAM;AAAA,QAChB,QAAQ,MAAM;AAAA,QACd,YAAY,MAAM;AAAA,QAClB,UAAU,MAAM;AAAA,QAChB,WAAW,MAAM;AAAA,QACjB,MAAM,MAAM;AAAA,QACZ,OAAO,MAAM;AAAA,QACb,MAAM,MAAM;AAAA,QACZ,cAAc,MAAM;AAAA,QACpB,QAAQ,MAAM;AAAA,QACd,QAAQ,MAAM;AAAA,MACpB,CAAK;AAED,UAAI,KAAK,WAAW,GAAG;AACrB,6BAAqB,QAAQ;AAAA,MACnC,OAAW;AACL,6BAAqB,QAAQ;AAAA,MAC9B;AAED,wBAAkB,QAAQ;AAC1B,gBAAU,QAAQ;AAAA,IACtB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MembersAdd.vue.cjs","sources":["../../../../../../../src/modules/organizations/components/sections/MembersAdd.vue"],"sourcesContent":["<template>\n  <div>\n    <p class=\"mn-b-thin t-transp p-medium\">{{text}}</p> \n\n    <div class=\"mn-b-thin pos-relative\">\n      <BlockSearch \n        v-click-outside=\"() => {searchUserShow = false}\" \n        @search=\"(event) => { searchUser = event; searchUserShow = true }\"\n        placeholder=\"Enter name, phone or email\"\n        class=\"bg-grey\"\n      />\n\n      <div \n        v-if=\"searchUser && searchUserShow\" \n        class=\"mn-t-thin pos-absolute w-100 pos-t-100 pos-l-0 z-index-3 bg-light pd-small radius-small\n      \">\n        <Feed\n          :states=\"{\n            empty: {\n              title: 'No User Found',\n              description: 'Currently, there are no such user.'\n            }\n          }\"\n          :store=\"{\n            read: (options) => users.actions.read(options),\n            state: null\n          }\"\n          :options=\"{\n            search: searchUser\n          }\"\n          :showLoadMore=\"false\"\n          v-slot=\"{ \n            items \n          }\"\n          class=\"h-max-20r o-scroll\"\n        >\n          <CardUser\n            v-for=\"(user, index) in items\" :key=\"user._id\"\n            :user=\"user\"\n            :photo=\"user.profile.photo\"\n            :name=\"user.profile.name || user.phone || user.email\"\n            @click=\"() => { \n              members.push({contact: user.email || user.phone})\n              searchUserShow = false\n            }\"\n            class=\"bg-white h-2r pd-thin radius-medium w-100 mn-b-thin\"\n          />\n        </Feed>\n      </div>\n    </div>\n\n    <section class=\"cols-1 mn-b-small radius-medium pd-semi bg-light pos-relative\">\n\n      <div\n        v-for=\"(member, index) in members\" \n        :key=\"index\" \n        class=\"\n          br-1px br-solid br-grey-transp-25\n          flex\n          gap-thin\n          radius-small\n          mn-b-thin\n        \"\n      >\n        <Field \n          v-model:field=\"member.contact\"   \n          placeholder=\"Enter email or phone\" \n          class=\"w-100 pd-small radius-small bg-white\"\n          :validation=\"contactValidation\"\n        >\n          <div \n            v-if=\"index < 1\" \n            @click=\"() => members.push({contact: ''})\"  \n            class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-green\"\n          >\n            <IconAdd \n              class=\"i-medium\"\n              :fill=\"'rgb(var(--white)'\"\n            />\n          </div>\n\n          <div \n            v-else \n            @click=\"() => members.splice(index, 1)\" \n            class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-red\"\n          >\n            <IconDelete \n              class=\"i-medium\"\n              :fill=\"'rgb(var(--white)'\"\n            />\n          </div>\n        </Field>\n      </div>\n    </section>\n\n\n      <Button  \n        :submit=\"submitMembers\" \n        class=\"w-100 bg-main\">\n        <span>Invite to organization</span>\n      </Button>\n  </div>\n</template>\n\n<script setup>\n  import { ref } from 'vue';\n\n  import Field    from '@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":["ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgIE,QAAI,aAAaA,IAAG,IAAC,IAAI;AACzB,QAAI,iBAAiBA,IAAG,IAAC,KAAK;AAE9B,UAAM,oBAAoBA,IAAG,IAAC,IAAI;AAElC,UAAM,QAAQ;AAEd,UAAM,UAAUA,IAAAA,IAAI,CAAC,EAAE,SAAS,GAAE,CAAC,CAAC;AAEpC,mBAAe,gBAAgB;AAC7B,aAAO,IAAI,QAAQ,CAAC,SAAS,WAAW;AACtC,cAAM,eAAe,QAAQ,OAAO,SAAS,MAAM;AAAA,MACzD,CAAK;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}