@ozdao/prometheus-framework 0.2.94 → 0.2.96

package/dist/prometheus-framework/src/modules/organizations/components/pages/DepartmentEdit.vue.js

@@ -6,49 +6,47 @@ import "../../../globals/localization/vue-i18n.js";
 import "../../../../components/Breadcrumbs/Breadcrumbs.vue.js";
 import B from "../../../../components/UploadImage/UploadImage.vue.js";
 import "../../../../components/Tab/Tab.vue.js";
-import x from "../../../../components/Field/Field.vue2.js";
+import k from "../../../../components/Field/Field.vue.js";
 import "../../../../components/Select/Select.vue2.js";
 import i from "../../../../components/Checkbox/Checkbox.vue.js";
 import "../../../../../../node_modules/@googlemaps/js-api-loader/dist/index.js";
 import "../../../../components/Address/Address.vue.js";
 import "../../../../components/Loader/Loader.vue.js";
 import "../../../../components/LocationMarker/LocationMarker.vue.js";
-import k from "../../../../components/Button/Button.vue2.js";
+import x from "../../../../components/Button/Button.vue.js";
 import F from "../../../../components/Popup/Popup.vue.js";
 import U from "../../../../components/Block/Block.vue.js";
 import H from "../../../../components/Feed/Feed.vue.js";
+import L from "../../../icons/navigation/IconDelete.vue.js";
 import "../blocks/EditArray.vue2.js";
 import "../blocks/DepartmentSub.vue2.js";
-import "../../../../components/SelectMulti/SelectMulti.vue2.js";
 import N from "../../../users/components/blocks/CardUser.vue.js";
-import { actions as L, state as j } from "../../store/memberships.js";
-import "../../../middlewares/client/inputs.validation.js";
-import "../blocks/DepartmentMemberModify.vue2.js";
-import { actions as C } from "../../../globals/store/globals.js";
+import { actions as $ } from "../../../globals/store/globals.js";
 import { state as e, actions as f } from "../../store/departments.js";
-const q = { class: "for-transition pd-thin w-100" }, G = { class: "mn-b-thin flex-nowrap flex bg-grey pd-medium radius-big" }, I = {
+import { actions as j, state as q } from "../../store/memberships.js";
+const G = { class: "for-transition pd-thin w-100" }, I = { class: "mn-b-thin flex-nowrap flex bg-grey pd-medium radius-big" }, J = {
   key: 0,
   class: "mn-r-auto"
-}, J = {
+}, K = {
   key: 1,
   class: "mn-r-auto"
-}, K = { class: "flex-nowrap flex gap-thin pd-thin" }, Q = { class: "cols-2-fit-content" }, W = { class: "w-100 flex-child-grow-1 flex-child" }, X = { class: "cols-2 gap-thin" }, Y = { class: "bg-grey pd-medium o-hidden radius-big" }, Z = /* @__PURE__ */ r("h3", { class: "mn-b-semi" }, "Department Settings", -1), ee = /* @__PURE__ */ r("p", { class: "p-medium mn-b-small" }, "Please settings for your department:", -1), te = { class: "cols-1 gap-thin" }, ae = /* @__PURE__ */ r("h4", null, "Products", -1), se = { class: "bg-grey pd-medium o-hidden radius-big" }, re = /* @__PURE__ */ r("h3", { class: "mn-b-semi" }, "Acessess", -1), de = /* @__PURE__ */ r("p", { class: "p-medium mn-b-small" }, "Please select organization accesses for user in department:", -1), oe = { class: "cols-1 gap-thin" }, ie = /* @__PURE__ */ r("h4", null, "Products", -1), ne = /* @__PURE__ */ r("h4", null, "Orders", -1), le = /* @__PURE__ */ r("h4", null, "Departments", -1), Fe = {
+}, Q = { class: "flex-nowrap flex gap-thin pd-thin" }, W = { class: "cols-2-fit-content" }, X = { class: "w-100 flex-child-grow-1 flex-child" }, Y = { class: "cols-2 gap-thin" }, Z = { class: "bg-grey pd-medium o-hidden radius-big" }, ee = /* @__PURE__ */ r("h3", { class: "mn-b-semi" }, "Department Settings", -1), te = /* @__PURE__ */ r("p", { class: "p-medium mn-b-small" }, "Please settings for your department:", -1), ae = { class: "cols-1 gap-thin" }, se = { class: "bg-grey pd-medium o-hidden radius-big" }, re = /* @__PURE__ */ r("h3", { class: "mn-b-semi" }, "Acessess", -1), de = /* @__PURE__ */ r("p", { class: "p-medium mn-b-small" }, "Please select organization accesses for user in department:", -1), oe = { class: "cols-1 gap-thin" }, ie = /* @__PURE__ */ r("h4", null, "Products", -1), ne = /* @__PURE__ */ r("h4", null, "Orders", -1), le = /* @__PURE__ */ r("h4", null, "Departments", -1), Ve = {
   __name: "DepartmentEdit",
   setup(me) {
-    const $ = T(), d = V();
+    const C = T(), d = V();
     async function O() {
-      p(j.memberships), d.params.department && await f.readOne(d.params.department);
+      p(q.memberships), d.params.department && await f.readOne(d.params.department);
     }
     O();
-    const h = p(!1), E = p(null);
-    function M(l) {
+    const h = p(!1), M = p(null);
+    function E(l) {
       h.value = !0;
     }
-    function _() {
-      h.value = !1, E.value = null;
+    function g() {
+      h.value = !1, M.value = null;
     }
     p(!1), p(null);
-    async function A() {
+    async function z() {
       d.params.department && await f.update(
         d.params._id,
         e.department
@@ -57,25 +55,25 @@ const q = { class: "for-transition pd-thin w-100" }, G = { class: "mn-b-thin fle
         e.department
       );
     }
-    function R() {
-      $.replace({ name: "Department", params: { _id: d.params._id, department: e.department._id } });
+    function A() {
+      C.push({ name: "Organization Members", params: { _id: d.params._id } });
     }
-    async function z() {
+    async function R() {
       confirm("Are you sure you want to delete this department?") && await f.delete(
         d.params._id,
         e.department
       );
     }
     function S(l) {
-      confirm("Are you sure you want to remove this member?") && C.delete(e.department.members, { _id: l.user._id });
+      confirm("Are you sure you want to remove this member?") && $.delete(e.department.members, { _id: l.user._id });
     }
-    return (l, a) => (n(), c("div", q, [
-      r("header", G, [
-        b(d).params.department ? (n(), c("h1", I, "Edit Department")) : (n(), c("h1", J, "Create Department")),
-        r("section", K, [
-          b(d).params.department ? (n(), u(k, {
+    return (l, a) => (n(), c("div", G, [
+      r("header", I, [
+        b(d).params.department ? (n(), c("h1", J, "Edit Department")) : (n(), c("h1", K, "Create Department")),
+        r("section", Q, [
+          b(d).params.department ? (n(), u(x, {
             key: 0,
-            submit: z,
+            submit: R,
             callback: l.redirectToDash,
             class: "bg-red"
           }, {
@@ -84,9 +82,9 @@ const q = { class: "for-transition pd-thin w-100" }, G = { class: "mn-b-thin fle
             ]),
             _: 1
           }, 8, ["callback"])) : v("", !0),
-          s(k, {
-            submit: A,
-            callback: R,
+          s(x, {
+            submit: z,
+            callback: A,
             class: "bg-main"
           }, {
             default: m(() => [
@@ -102,15 +100,15 @@ const q = { class: "for-transition pd-thin w-100" }, G = { class: "mn-b-thin fle
         class: "mn-b-thin"
       }, {
         default: m(() => [
-          r("div", Q, [
+          r("div", W, [
             s(B, {
               photo: e.department.profile.photo,
               "onUpdate:photo": a[0] || (a[0] = (t) => e.department.profile.photo = t),
               uploadPath: "organizations/" + e.department.name + "/avatars",
               class: "w-8r aspect-1x1 o-hidden mn-r-small radius-extra"
             }, null, 8, ["photo", "uploadPath"]),
-            r("div", W, [
-              s(x, {
+            r("div", X, [
+              s(k, {
                 field: e.department.profile.name,
                 "onUpdate:field": a[1] || (a[1] = (t) => e.department.profile.name = t),
                 label: "Name",
@@ -118,7 +116,7 @@ const q = { class: "for-transition pd-thin w-100" }, G = { class: "mn-b-thin fle
                 class: "mn-b-small bg-white radius-small pd-medium",
                 validation: l.organizationName
               }, null, 8, ["field", "validation"]),
-              s(x, {
+              s(k, {
                 field: e.department.profile.description,
                 "onUpdate:field": a[2] || (a[2] = (t) => e.department.profile.description = t),
                 label: "Description",
@@ -136,7 +134,7 @@ const q = { class: "for-transition pd-thin w-100" }, G = { class: "mn-b-thin fle
         placeholder: "No members added yet",
         actions: [{
           label: "+",
-          function: () => M()
+          function: () => E()
         }],
         class: "cols-1 gap-thin mn-b-thin"
       }, {
@@ -149,7 +147,10 @@ const q = { class: "for-transition pd-thin w-100" }, G = { class: "mn-b-thin fle
             name: t.user.profile.name || t.user.phone || t.user.email || t.user._id,
             position: t.position,
             action: {
-              label: "x",
+              label: {
+                is: L,
+                props: { class: "i-medium", fill: "rgb(var(--white)" }
+              },
               method: () => S(t)
             }
           }, null, 8, ["user", "photo", "name", "position", "action"]))), 128))
@@ -158,7 +159,7 @@ const q = { class: "for-transition pd-thin w-100" }, G = { class: "mn-b-thin fle
       }, 8, ["actions"]),
       s(F, {
         title: "Add member",
-        onClosePopup: _,
+        onClosePopup: g,
         isPopupOpen: h.value,
         class: "bg-white w-max-30r radius-big pd-big"
       }, {
@@ -175,7 +176,7 @@ const q = { class: "for-transition pd-thin w-100" }, G = { class: "mn-b-thin fle
               }
             },
             store: {
-              read: (t) => L.read(t),
+              read: (t) => j.read(t),
               state: null
             },
             options: {
@@ -187,14 +188,14 @@ const q = { class: "for-transition pd-thin w-100" }, G = { class: "mn-b-thin fle
               items: t
             }) => [
               (n(!0), c(D, null, P(t, (o, pe) => {
-                var g, w;
+                var _, w;
                 return n(), u(N, {
                   key: o._id,
                   user: o.user,
-                  photo: (g = o.user.profile) == null ? void 0 : g.photo,
+                  photo: (_ = o.user.profile) == null ? void 0 : _.photo,
                   name: ((w = o.user.profile) == null ? void 0 : w.name) || o.user.phone || o.user.email,
                   onClick: () => {
-                    C.add(e.department.members, { _id: o.user._id, user: o.user, position: "Member" }), _();
+                    $.add(e.department.members, { _id: o.user._id, user: o.user, position: "Member" }), g();
                   },
                   class: "bg-white pd-thin radius-medium w-100 mn-b-thin"
                 }, null, 8, ["user", "photo", "name", "onClick"]);
@@ -205,12 +206,11 @@ const q = { class: "for-transition pd-thin w-100" }, G = { class: "mn-b-thin fle
         ]),
         _: 1
       }, 8, ["isPopupOpen"]),
-      r("div", X, [
-        r("div", Y, [
-          Z,
+      r("div", Y, [
+        r("div", Z, [
           ee,
-          r("div", te, [
-            ae,
+          te,
+          r("div", ae, [
             s(i, {
               label: "Hidden department",
               name: "hidden",
@@ -297,5 +297,5 @@ const q = { class: "for-transition pd-thin w-100" }, G = { class: "mn-b-thin fle
   }
 };
 export {
-  Fe as default
+  Ve as default
 };

package/dist/prometheus-framework/src/modules/organizations/components/pages/Members.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("vue-router"),c=require("../../../../components/Feed/Feed.vue.cjs");require("../../../../components/Tab/Tab.vue.cjs");const B=require("../../../../components/Block/Block.vue.cjs"),C=require("../../../../components/Popup/Popup.vue.cjs"),q=require("../../../globals/components/sections/SectionPageTitle.vue.cjs"),M=require("../sections/MembersAdd.vue.cjs");require("../../../mobile/components/Menu/Menu.vue2.cjs");require("../../../mobile/components/Menu/MenuItem.vue.cjs");const b=require("../../../users/components/blocks/CardUser.vue.cjs"),N=require("../blocks/CardDepartment.vue.cjs"),m=require("../../../auth/store/auth.cjs"),l=require("../../store/invites.cjs"),p=require("../../store/memberships.cjs"),h=require("../../store/organizations.cjs"),_=require("../../store/departments.cjs"),x={class:"pd-thin"},P={class:"mn-b-big radius-medium bg-white"},V={key:0,class:"cols-1 gap-thin"},z={key:1},E={__name:"Members",setup(F){const o=f.useRoute();f.useRouter();const u=e.ref(null),s=e.ref("members"),d=e.ref(!1);function g(){d.value=!0}function v(){d.value=!1}e.onMounted(async()=>{u.value=(await h.actions.read({_id:o.params._id,user:m.state.user._id}))[0]}),e.computed(()=>{const a=_.state.departments,n=a.flatMap(r=>r.subdepartments.map(t=>t._id));return a.filter(r=>!n.includes(r._id))});async function k(a){await l.actions.create({owner:{type:"Organization",target:u.value._id},creator:{type:"User",target:m.state.user._id},invites:a})}async function y(a,n){confirm("Confirm remove of member")==!0&&(p.state.memberships.splice(a,1),await p.actions.delete(n._id))}async function w(a,n){confirm("Confirm remove of member")==!0&&(l.state.invites.splice(a,1),await l.actions.delete(n._id))}return(a,n)=>(e.openBlock(),e.createElementBlock("div",x,[e.createVNode(q.default,{title:"Members","onUpdate:tabs_current":n[0]||(n[0]=r=>s.value=r),tabs_current:s.value,tabs:[{name:`Members (${h.state.current.numberOfMembers})`,value:"members"},{name:"Departments",value:"departments"},{name:"Invites",value:"invites"}],actions:[{method:g,label:"Invite members"}],class:"mn-b-small bg-grey bg-grey radius-big"},null,8,["tabs_current","tabs","actions"]),e.createVNode(C.default,{title:"Add members",onClosePopup:v,isPopupOpen:d.value,class:"bg-white w-min-30r w-max-30r radius-big pd-medium"},{default:e.withCtx(()=>[e.createVNode(M.default,{text:"Please enter your email or phone number to send an invitation link:",organization:u.value,onSendInvite:k},null,8,["organization"])]),_:1},8,["isPopupOpen"]),s.value==="departments"?(e.openBlock(),e.createBlock(B.default,{key:0,class:"mn-b-semi"},{default:e.withCtx(()=>[e.createVNode(c.default,{states:{empty:{title:"No Departments Found",description:"Currently, there are no departments available.",action:"Add department",callback:()=>a.$router.push(`/organizations/${e.unref(o).params._id}/departments/create`)}},store:{read:r=>_.actions.read(r),state:null},options:{organization:e.unref(o).params._id,user:m.state.user._id,hidden:!1}},{default:e.withCtx(({items:r})=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r,(t,i)=>(e.openBlock(),e.createBlock(N.default,{key:i,department:t,organization:e.unref(o).params._id,class:"radius-big bg-white pos-relative mn-b-thin"},null,8,["department","organization"]))),128))]),_:1},8,["states","store","options"])]),_:1})):e.createCommentVNode("",!0),e.createElementVNode("section",P,[s.value==="members"?(e.openBlock(),e.createElementBlock("div",V,[e.createVNode(c.default,{search:!0,states:{empty:{title:"No Members Found",description:"Currently, there are no members."}},store:{read:r=>p.actions.read(r)},options:{target:e.unref(o).params._id,role:["member","owner"]},class:"gap-thin cols-1"},{default:e.withCtx(({items:r})=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r,(t,i)=>(e.openBlock(),e.createBlock(b.default,{key:i,user:t,_id:t.user._id,photo:t.user.profile.photo,phone:t.user.phone,email:t.user.email,name:t.user.profile.name||"No name",role:t.label||t.role,onClick:I=>a.$router.push(`/profile/${t.user._id}`),action:t.role!=="owner"?{label:"x",method:()=>y(i,t)}:null,class:"w-100 bg-grey radius-big flex-nowrap flex pd-medium"},null,8,["user","_id","photo","phone","email","name","role","onClick","action"]))),128))]),_:1},8,["store","options"])])):e.createCommentVNode("",!0),s.value==="invites"?(e.openBlock(),e.createElementBlock("div",z,[e.createVNode(c.default,{search:!0,states:{empty:{title:"No Invites Found",description:"Currently, there are no members."}},store:{read:r=>l.actions.read(r)},options:{owner:e.unref(o).params._id},class:"gap-thin cols-1"},{default:e.withCtx(({items:r})=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r,t=>(e.openBlock(),e.createBlock(b.default,{key:a.index,user:{type:"invite"},name:t.email||t.phone,role:t.status,action:{label:"x",method:()=>w(a.index,t)},class:"w-100 bg-grey radius-big flex-nowrap flex pd-medium"},null,8,["name","role","action"]))),128))]),_:1},8,["store","options"])])):e.createCommentVNode("",!0)])]))}};exports.default=E;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),v=require("vue-router"),p=require("../../../../components/Feed/Feed.vue.cjs");require("../../../../components/Tab/Tab.vue.cjs");require("../../../../components/Tooltip/Tooltip.vue2.cjs");const q=require("../../../../components/Popup/Popup.vue.cjs"),M=require("../../../globals/components/sections/SectionPageTitle.vue.cjs"),N=require("../sections/MembersAdd.vue.cjs");require("../../../mobile/components/Menu/Menu.vue2.cjs");require("../../../mobile/components/Menu/MenuItem.vue.cjs");const g=require("../../../users/components/blocks/CardUser.vue.cjs"),x=require("../blocks/CardDepartment.vue.cjs"),_=require("../../../icons/navigation/IconDelete.vue.cjs"),m=require("../../../auth/store/auth.cjs"),u=require("../../store/invites.cjs"),f=require("../../store/memberships.cjs"),h=require("../../store/organizations.cjs"),b=require("../../store/departments.cjs"),z={class:"pd-thin"},P={key:2,class:"cols-1 gap-thin"},V={key:3},I={__name:"Members",setup(A){const o=v.useRoute();v.useRouter();const d=e.ref(null),s=e.ref("members"),c=e.ref(!1);function k(){c.value=!0}function y(){c.value=!1}e.onMounted(async()=>{d.value=(await h.actions.read({_id:o.params._id,user:m.state.user._id}))[0]}),e.computed(()=>{const a=b.state.departments,n=a.flatMap(i=>i.subdepartments.map(r=>r._id));return a.filter(i=>!n.includes(i._id))});async function w(a){console.log("invite.list"),await u.actions.create({owner:{type:"Organization",target:d.value._id},creator:{type:"User",target:m.state.user._id},invites:a})}async function B(a,n){confirm("Confirm remove of member")==!0&&(f.state.memberships.splice(a,1),await f.actions.delete(n._id))}async function C(a,n){confirm("Confirm remove of member")==!0&&(u.state.invites.splice(a,1),await u.actions.delete(n._id))}return(a,n)=>{const i=e.resolveComponent("router-link");return e.openBlock(),e.createElementBlock("div",z,[e.createVNode(M.default,{title:"Members","onUpdate:tabs_current":n[0]||(n[0]=r=>s.value=r),tabs_current:s.value,tabs:[{name:`Members (${h.state.current.numberOfMembers||0})`,value:"members"},{name:"Departments",value:"departments"},{name:"Invites",value:"invites"}],actions:[{method:k,label:"Invite members"}],class:"mn-b-small bg-grey bg-grey radius-big"},null,8,["tabs_current","tabs","actions"]),e.createVNode(q.default,{title:"Add members",onClosePopup:y,isPopupOpen:c.value,class:"bg-white w-min-30r w-max-30r radius-big pd-medium"},{default:e.withCtx(()=>[e.createVNode(N.default,{text:"Please enter your email or phone number to send an invitation link:",organization:d.value,onSendInvite:w},null,8,["organization"])]),_:1},8,["isPopupOpen"]),s.value==="departments"?(e.openBlock(),e.createBlock(p.default,{key:0,states:{empty:{title:"No Departments Found",description:"Currently, there are no departments available.",action:"Add department",callback:()=>a.$router.push(`/organizations/${e.unref(o).params._id}/departments/create`)}},store:{read:r=>b.actions.read(r),state:null},options:{organization:e.unref(o).params._id,user:m.state.user._id}},{default:e.withCtx(({items:r})=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r,(t,l)=>(e.openBlock(),e.createBlock(x.default,{key:l,department:t,organization:e.unref(o).params._id,class:"radius-semi bg-grey pos-relative mn-b-thin"},null,8,["department","organization"]))),128))]),_:1},8,["states","store","options"])):e.createCommentVNode("",!0),s.value==="departments"&&b.state.departments.length>0?(e.openBlock(),e.createBlock(i,{key:1,to:{path:`/organizations/${e.unref(o).params._id}/departments/create`},class:"d-block flex-center flex uppercase t-semi bg-main w-100 pd-small radius-extra"},{default:e.withCtx(()=>[e.createTextVNode(" Add department ")]),_:1},8,["to"])):e.createCommentVNode("",!0),s.value==="members"?(e.openBlock(),e.createElementBlock("div",P,[e.createVNode(p.default,{search:!0,states:{empty:{title:"No Members Found",description:"Currently, there are no members."}},store:{read:r=>f.actions.read(r)},options:{target:e.unref(o).params._id,role:["member","owner"]},class:"gap-thin cols-1"},{default:e.withCtx(({items:r})=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r,(t,l)=>(e.openBlock(),e.createBlock(g.default,{key:l,user:t,_id:t.user._id,photo:t.user.profile.photo,phone:t.user.phone,email:t.user.email,name:t.user.profile.name||"No name",role:t.label||t.role,onClick:F=>a.$router.push(`/profile/${t.user._id}`),action:t.role!=="owner"?{label:{is:_.default,props:{class:"i-medium",fill:"rgb(var(--white)"}},method:()=>B(l,t)}:null,class:"w-100 bg-grey radius-big flex-nowrap flex pd-medium"},null,8,["user","_id","photo","phone","email","name","role","onClick","action"]))),128))]),_:1},8,["store","options"])])):e.createCommentVNode("",!0),s.value==="invites"?(e.openBlock(),e.createElementBlock("div",V,[e.createVNode(p.default,{search:!0,states:{empty:{title:"No Invites Found",description:"Currently, there are no members."}},store:{read:r=>u.actions.read(r)},options:{owner:e.unref(o).params._id},class:"gap-thin cols-1"},{default:e.withCtx(({items:r})=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r,t=>(e.openBlock(),e.createBlock(g.default,{key:a.index,user:{type:"invite"},name:t.email||t.phone,role:t.status,action:{label:{is:_.default,props:{class:"i-medium",fill:"rgb(var(--white)"}},method:()=>C(a.index,t)},class:"w-100 bg-grey radius-big flex-nowrap flex pd-medium"},null,8,["name","role","action"]))),128))]),_:1},8,["store","options"])])):e.createCommentVNode("",!0)])}}};exports.default=I;

package/dist/prometheus-framework/src/modules/organizations/components/pages/Members.vue.js

@@ -1,136 +1,142 @@
-import { ref as _, onMounted as N, computed as P, openBlock as a, createElementBlock as n, createVNode as i, withCtx as l, createBlock as d, unref as u, Fragment as b, renderList as h, createCommentVNode as v, createElementVNode as A } from "vue";
-import { useRoute as O, useRouter as D } from "vue-router";
-import g from "../../../../components/Feed/Feed.vue.js";
+import { ref as v, onMounted as O, computed as D, resolveComponent as F, openBlock as a, createElementBlock as i, createVNode as p, withCtx as u, createBlock as d, unref as l, Fragment as g, renderList as h, createCommentVNode as f, createTextVNode as B } from "vue";
+import { useRoute as S, useRouter as V } from "vue-router";
+import y from "../../../../components/Feed/Feed.vue.js";
 import "../../../../components/Tab/Tab.vue.js";
-import F from "../../../../components/Block/Block.vue.js";
-import B from "../../../../components/Popup/Popup.vue.js";
-import S from "../../../globals/components/sections/SectionPageTitle.vue.js";
-import V from "../sections/MembersAdd.vue.js";
+import "../../../../components/Tooltip/Tooltip.vue2.js";
+import R from "../../../../components/Popup/Popup.vue.js";
+import U from "../../../globals/components/sections/SectionPageTitle.vue.js";
+import E from "../sections/MembersAdd.vue.js";
 import "../../../mobile/components/Menu/Menu.vue2.js";
 import "../../../mobile/components/Menu/MenuItem.vue.js";
-import w from "../../../users/components/blocks/CardUser.vue.js";
-import E from "../blocks/CardDepartment.vue.js";
-import { state as y } from "../../../auth/store/auth.js";
-import { actions as $, state as R } from "../../store/invites.js";
-import { actions as k, state as U } from "../../store/memberships.js";
-import { actions as L, state as j } from "../../store/organizations.js";
-import { state as q, actions as G } from "../../store/departments.js";
-const H = { class: "pd-thin" }, J = { class: "mn-b-big radius-medium bg-white" }, K = {
-  key: 0,
+import k from "../../../users/components/blocks/CardUser.vue.js";
+import L from "../blocks/CardDepartment.vue.js";
+import C from "../../../icons/navigation/IconDelete.vue.js";
+import { state as $ } from "../../../auth/store/auth.js";
+import { actions as w, state as T } from "../../store/invites.js";
+import { actions as M, state as j } from "../../store/memberships.js";
+import { actions as q, state as G } from "../../store/organizations.js";
+import { state as x, actions as H } from "../../store/departments.js";
+const J = { class: "pd-thin" }, K = {
+  key: 2,
   class: "cols-1 gap-thin"
-}, Q = { key: 1 }, fe = {
+}, Q = { key: 3 }, be = {
   __name: "Members",
-  setup(T) {
-    const o = O();
-    D();
-    const c = _(null), m = _("members"), f = _(!1);
-    function C() {
-      f.value = !0;
+  setup(W) {
+    const o = S();
+    V();
+    const _ = v(null), n = v("members"), b = v(!1);
+    function z() {
+      b.value = !0;
     }
-    function M() {
-      f.value = !1;
+    function I() {
+      b.value = !1;
     }
-    N(async () => {
-      c.value = (await L.read({ _id: o.params._id, user: y.user._id }))[0];
-    }), P(() => {
-      const r = q.departments, s = r.flatMap(
-        (t) => t.subdepartments.map((e) => e._id)
+    O(async () => {
+      _.value = (await q.read({ _id: o.params._id, user: $.user._id }))[0];
+    }), D(() => {
+      const r = x.departments, s = r.flatMap(
+        (m) => m.subdepartments.map((t) => t._id)
       );
       return r.filter(
-        (t) => !s.includes(t._id)
+        (m) => !s.includes(m._id)
       );
     });
-    async function x(r) {
-      await $.create({
+    async function N(r) {
+      console.log("invite.list"), await w.create({
         owner: {
           type: "Organization",
-          target: c.value._id
+          target: _.value._id
         },
         creator: {
           type: "User",
-          target: y.user._id
+          target: $.user._id
         },
         invites: r
       });
     }
-    async function z(r, s) {
-      confirm("Confirm remove of member") == !0 && (U.memberships.splice(r, 1), await k.delete(s._id));
+    async function P(r, s) {
+      confirm("Confirm remove of member") == !0 && (j.memberships.splice(r, 1), await M.delete(s._id));
     }
-    async function I(r, s) {
-      confirm("Confirm remove of member") == !0 && (R.invites.splice(r, 1), await $.delete(s._id));
+    async function A(r, s) {
+      confirm("Confirm remove of member") == !0 && (T.invites.splice(r, 1), await w.delete(s._id));
     }
-    return (r, s) => (a(), n("div", H, [
-      i(S, {
-        title: "Members",
-        "onUpdate:tabs_current": s[0] || (s[0] = (t) => m.value = t),
-        tabs_current: m.value,
-        tabs: [
-          { name: `Members (${j.current.numberOfMembers})`, value: "members" },
-          { name: "Departments", value: "departments" },
-          { name: "Invites", value: "invites" }
-        ],
-        actions: [
-          { method: C, label: "Invite members" }
-        ],
-        class: "mn-b-small bg-grey bg-grey radius-big"
-      }, null, 8, ["tabs_current", "tabs", "actions"]),
-      i(B, {
-        title: "Add members",
-        onClosePopup: M,
-        isPopupOpen: f.value,
-        class: "bg-white w-min-30r w-max-30r radius-big pd-medium"
-      }, {
-        default: l(() => [
-          i(V, {
-            text: "Please enter your email or phone number to send an invitation link:",
-            organization: c.value,
-            onSendInvite: x
-          }, null, 8, ["organization"])
-        ]),
-        _: 1
-      }, 8, ["isPopupOpen"]),
-      m.value === "departments" ? (a(), d(F, {
-        key: 0,
-        class: "mn-b-semi"
-      }, {
-        default: l(() => [
-          i(g, {
-            states: {
-              empty: {
-                title: "No Departments Found",
-                description: "Currently, there are no departments available.",
-                action: "Add department",
-                callback: () => r.$router.push(`/organizations/${u(o).params._id}/departments/create`)
-              }
-            },
-            store: {
-              read: (t) => G.read(t),
-              state: null
-            },
-            options: {
-              organization: u(o).params._id,
-              user: y.user._id,
-              hidden: !1
+    return (r, s) => {
+      const m = F("router-link");
+      return a(), i("div", J, [
+        p(U, {
+          title: "Members",
+          "onUpdate:tabs_current": s[0] || (s[0] = (t) => n.value = t),
+          tabs_current: n.value,
+          tabs: [
+            { name: `Members (${G.current.numberOfMembers || 0})`, value: "members" },
+            { name: "Departments", value: "departments" },
+            { name: "Invites", value: "invites" }
+          ],
+          actions: [
+            { method: z, label: "Invite members" }
+          ],
+          class: "mn-b-small bg-grey bg-grey radius-big"
+        }, null, 8, ["tabs_current", "tabs", "actions"]),
+        p(R, {
+          title: "Add members",
+          onClosePopup: I,
+          isPopupOpen: b.value,
+          class: "bg-white w-min-30r w-max-30r radius-big pd-medium"
+        }, {
+          default: u(() => [
+            p(E, {
+              text: "Please enter your email or phone number to send an invitation link:",
+              organization: _.value,
+              onSendInvite: N
+            }, null, 8, ["organization"])
+          ]),
+          _: 1
+        }, 8, ["isPopupOpen"]),
+        n.value === "departments" ? (a(), d(y, {
+          key: 0,
+          states: {
+            empty: {
+              title: "No Departments Found",
+              description: "Currently, there are no departments available.",
+              action: "Add department",
+              callback: () => r.$router.push(`/organizations/${l(o).params._id}/departments/create`)
             }
-          }, {
-            default: l(({
-              items: t
-            }) => [
-              (a(!0), n(b, null, h(t, (e, p) => (a(), d(E, {
-                key: p,
-                department: e,
-                organization: u(o).params._id,
-                class: "radius-big bg-white pos-relative mn-b-thin"
-              }, null, 8, ["department", "organization"]))), 128))
-            ]),
-            _: 1
-          }, 8, ["states", "store", "options"])
-        ]),
-        _: 1
-      })) : v("", !0),
-      A("section", J, [
-        m.value === "members" ? (a(), n("div", K, [
-          i(g, {
+          },
+          store: {
+            read: (t) => H.read(t),
+            state: null
+          },
+          options: {
+            organization: l(o).params._id,
+            user: $.user._id
+          }
+        }, {
+          default: u(({
+            items: t
+          }) => [
+            (a(!0), i(g, null, h(t, (e, c) => (a(), d(L, {
+              key: c,
+              department: e,
+              organization: l(o).params._id,
+              class: "radius-semi bg-grey pos-relative mn-b-thin"
+            }, null, 8, ["department", "organization"]))), 128))
+          ]),
+          _: 1
+        }, 8, ["states", "store", "options"])) : f("", !0),
+        n.value === "departments" && x.departments.length > 0 ? (a(), d(m, {
+          key: 1,
+          to: {
+            path: `/organizations/${l(o).params._id}/departments/create`
+          },
+          class: "d-block flex-center flex uppercase t-semi bg-main w-100 pd-small radius-extra"
+        }, {
+          default: u(() => [
+            B(" Add department ")
+          ]),
+          _: 1
+        }, 8, ["to"])) : f("", !0),
+        n.value === "members" ? (a(), i("div", K, [
+          p(y, {
             search: !0,
             states: {
               empty: {
@@ -139,19 +145,19 @@ const H = { class: "pd-thin" }, J = { class: "mn-b-big radius-medium bg-white" }
               }
             },
             store: {
-              read: (t) => k.read(t)
+              read: (t) => M.read(t)
             },
             options: {
-              target: u(o).params._id,
+              target: l(o).params._id,
               role: ["member", "owner"]
             },
             class: "gap-thin cols-1"
           }, {
-            default: l(({
+            default: u(({
               items: t
             }) => [
-              (a(!0), n(b, null, h(t, (e, p) => (a(), d(w, {
-                key: p,
+              (a(!0), i(g, null, h(t, (e, c) => (a(), d(k, {
+                key: c,
                 user: e,
                 _id: e.user._id,
                 photo: e.user.profile.photo,
@@ -159,19 +165,22 @@ const H = { class: "pd-thin" }, J = { class: "mn-b-big radius-medium bg-white" }
                 email: e.user.email,
                 name: e.user.profile.name || "No name",
                 role: e.label || e.role,
-                onClick: (W) => r.$router.push(`/profile/${e.user._id}`),
+                onClick: (X) => r.$router.push(`/profile/${e.user._id}`),
                 action: e.role !== "owner" ? {
-                  label: "x",
-                  method: () => z(p, e)
+                  label: {
+                    is: C,
+                    props: { class: "i-medium", fill: "rgb(var(--white)" }
+                  },
+                  method: () => P(c, e)
                 } : null,
                 class: "w-100 bg-grey radius-big flex-nowrap flex pd-medium"
               }, null, 8, ["user", "_id", "photo", "phone", "email", "name", "role", "onClick", "action"]))), 128))
             ]),
             _: 1
           }, 8, ["store", "options"])
-        ])) : v("", !0),
-        m.value === "invites" ? (a(), n("div", Q, [
-          i(g, {
+        ])) : f("", !0),
+        n.value === "invites" ? (a(), i("div", Q, [
+          p(y, {
             search: !0,
             states: {
               empty: {
@@ -180,35 +189,38 @@ const H = { class: "pd-thin" }, J = { class: "mn-b-big radius-medium bg-white" }
               }
             },
             store: {
-              read: (t) => $.read(t)
+              read: (t) => w.read(t)
             },
             options: {
-              owner: u(o).params._id
+              owner: l(o).params._id
             },
             class: "gap-thin cols-1"
           }, {
-            default: l(({
+            default: u(({
               items: t
             }) => [
-              (a(!0), n(b, null, h(t, (e) => (a(), d(w, {
+              (a(!0), i(g, null, h(t, (e) => (a(), d(k, {
                 key: r.index,
                 user: { type: "invite" },
                 name: e.email || e.phone,
                 role: e.status,
                 action: {
-                  label: "x",
-                  method: () => I(r.index, e)
+                  label: {
+                    is: C,
+                    props: { class: "i-medium", fill: "rgb(var(--white)" }
+                  },
+                  method: () => A(r.index, e)
                 },
                 class: "w-100 bg-grey radius-big flex-nowrap flex pd-medium"
               }, null, 8, ["name", "role", "action"]))), 128))
             ]),
             _: 1
           }, 8, ["store", "options"])
-        ])) : v("", !0)
-      ])
-    ]));
+        ])) : f("", !0)
+      ]);
+    };
   }
 };
 export {
-  fe as default
+  be as default
 };