@ozdao/prometheus-framework 0.2.91 → 0.2.93

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

@@ -1,307 +1,301 @@
-import { ref as c, openBlock as n, createElementBlock as i, createElementVNode as s, unref as k, createVNode as r, withCtx as m, createTextVNode as x, createBlock as g, createCommentVNode as w, Fragment as C, renderList as U } from "vue";
-import { useRouter as F, useRoute as H } from "vue-router";
+import { ref as p, openBlock as n, createElementBlock as c, createElementVNode as r, unref as b, createBlock as u, withCtx as m, createTextVNode as y, createCommentVNode as v, createVNode as s, Fragment as D, renderList as P } from "vue";
+import { useRouter as T, useRoute as V } from "vue-router";
 import "../../../../../../node_modules/js-cookie/dist/js.cookie.js";
 import "vue-i18n";
 import "../../../globals/localization/vue-i18n.js";
 import "../../../../components/Breadcrumbs/Breadcrumbs.vue.js";
-import L from "../../../../components/UploadImage/UploadImage.vue.js";
+import B from "../../../../components/UploadImage/UploadImage.vue.js";
 import "../../../../components/Tab/Tab.vue.js";
-import O from "../../../../components/Field/Field.vue.js";
-import "../../../../components/Select/Select.vue.js";
-import l from "../../../../components/Checkbox/Checkbox.vue.js";
+import x 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 $ from "../../../../components/Button/Button.vue.js";
-import N from "../../../../components/Popup/Popup.vue.js";
-import E from "../../../../components/Block/Block.vue.js";
+import k 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 "../blocks/EditArray.vue2.js";
-import j from "../blocks/DepartmentSub.vue.js";
-import M from "../blocks/DepartmentMemberModify.vue.js";
-import q from "../../../users/components/blocks/CardUser.vue.js";
-import { state as e, actions as u } from "../../store/departments.js";
-import { state as R, actions as G } from "../../store/memberships.js";
-const I = { class: "for-transition pd-thin w-100" }, J = { class: "mn-b-thin flex-nowrap flex bg-grey pd-medium radius-big" }, K = {
+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 { 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 = {
   key: 0,
   class: "mn-r-auto"
-}, Q = {
+}, J = {
   key: 1,
   class: "mn-r-auto"
-}, W = { class: "flex-nowrap flex pd-thin" }, X = { class: "cols-2-fit-content" }, Y = { class: "w-100 flex-child-grow-1 flex-child" }, Z = { class: "cols-2 gap-thin" }, ee = { class: "bg-grey pd-medium o-hidden radius-big" }, te = /* @__PURE__ */ s("h3", { class: "mn-b-semi" }, "Department Settings", -1), ae = /* @__PURE__ */ s("p", { class: "p-medium mn-b-small" }, "Please settings for your department:", -1), se = { class: "cols-1 gap-thin" }, re = /* @__PURE__ */ s("h4", null, "Products", -1), de = { class: "bg-grey pd-medium o-hidden radius-big" }, ne = /* @__PURE__ */ s("h3", { class: "mn-b-semi" }, "Acessess", -1), le = /* @__PURE__ */ s("p", { class: "p-medium mn-b-small" }, "Please select organization accesses for user in department:", -1), oe = { class: "cols-1 gap-thin" }, ie = /* @__PURE__ */ s("h4", null, "Products", -1), me = /* @__PURE__ */ s("h4", null, "Orders", -1), pe = /* @__PURE__ */ s("h4", null, "Departments", -1), ce = {
-  key: 1,
-  class: "flex-nowrap flex pd-thin"
-}, ue = {
-  id: "dash",
-  class: "pd-medium bg-white"
-}, fe = { class: "mn-b-regular flex-v-center flex-nowrap flex" }, be = /* @__PURE__ */ s("h3", { class: "mn-r-small" }, "Подотделы ", -1), he = { class: "mn-b-small" }, _e = { key: 0 }, je = {
+}, 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 = {
   __name: "DepartmentEdit",
-  setup(ge) {
-    const S = F(), d = H();
-    async function z() {
-      d.params.department && await G.read({ target: d.params._id }), c(R.memberships), d.params.department && await u.readOne(d.params.department);
-    }
-    z();
-    const f = c(!1), b = c(null);
-    function v(o) {
-      f.value = !0, typeof o == "number" && (b.value = o);
+  setup(me) {
+    const $ = T(), d = V();
+    async function O() {
+      p(j.memberships), d.params.department && await f.readOne(d.params.department);
     }
-    function D() {
-      f.value = !1, b.value = null;
+    O();
+    const h = p(!1), E = p(null);
+    function M(l) {
+      h.value = !0;
     }
-    const h = c(!1), _ = c(null);
-    function y(o) {
-      h.value = !0, typeof o == "number" && (_.value = o);
+    function _() {
+      h.value = !1, E.value = null;
     }
-    function P() {
-      h.value = !1, _.value = null;
-    }
-    async function T() {
-      d.params.department && await u.update(
+    p(!1), p(null);
+    async function A() {
+      d.params.department && await f.update(
         d.params._id,
         e.department
-      ), d.params.department || await u.create(
+      ), d.params.department || await f.create(
         d.params._id,
         e.department
       );
     }
-    function V() {
-      S.replace({ name: "Department", params: { _id: d.params._id, department: e.department._id } });
+    function R() {
+      $.replace({ name: "Department", params: { _id: d.params._id, department: e.department._id } });
     }
-    async function A() {
-      await u.delete(
+    async function z() {
+      confirm("Are you sure you want to delete this department?") && await f.delete(
         d.params._id,
         e.department
       );
     }
-    return (o, t) => (n(), i("div", I, [
-      s("header", J, [
-        k(d).params.department ? (n(), i("h1", K, "Edit Department")) : (n(), i("h1", Q, "Create Department")),
-        s("section", W, [
-          r($, {
-            submit: T,
-            callback: V,
+    function S(l) {
+      confirm("Are you sure you want to remove this member?") && C.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, {
+            key: 0,
+            submit: z,
+            callback: l.redirectToDash,
+            class: "bg-red"
+          }, {
+            default: m(() => [
+              y("Delete")
+            ]),
+            _: 1
+          }, 8, ["callback"])) : v("", !0),
+          s(k, {
+            submit: A,
+            callback: R,
             class: "bg-main"
           }, {
             default: m(() => [
-              x("Save Department")
+              y("Save")
             ]),
             _: 1
           })
         ])
       ]),
-      e.department.profile ? (n(), g(E, {
+      e.department.profile ? (n(), u(U, {
         key: 0,
         title: "Profile",
         class: "mn-b-thin"
       }, {
         default: m(() => [
-          s("div", X, [
-            r(L, {
+          r("div", Q, [
+            s(B, {
               photo: e.department.profile.photo,
-              "onUpdate:photo": t[0] || (t[0] = (a) => e.department.profile.photo = a),
+              "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"]),
-            s("div", Y, [
-              r(O, {
+            r("div", W, [
+              s(x, {
                 field: e.department.profile.name,
-                "onUpdate:field": t[1] || (t[1] = (a) => e.department.profile.name = a),
+                "onUpdate:field": a[1] || (a[1] = (t) => e.department.profile.name = t),
                 label: "Name",
                 placeholder: "Department Name",
                 class: "mn-b-small bg-white radius-small pd-medium",
-                validation: o.organizationName
+                validation: l.organizationName
               }, null, 8, ["field", "validation"]),
-              r(O, {
+              s(x, {
                 field: e.department.profile.description,
-                "onUpdate:field": t[2] || (t[2] = (a) => e.department.profile.description = a),
+                "onUpdate:field": a[2] || (a[2] = (t) => e.department.profile.description = t),
                 label: "Description",
                 placeholder: "Department description (max 120 symbols)",
                 class: "bg-white radius-small pd-medium",
-                validation: o.organizationName
+                validation: l.organizationName
               }, null, 8, ["field", "validation"])
             ])
           ])
         ]),
         _: 1
-      })) : w("", !0),
-      r(E, {
+      })) : v("", !0),
+      s(U, {
         title: "Team",
         placeholder: "No members added yet",
         actions: [{
           label: "+",
-          function: () => v()
+          function: () => M()
         }],
         class: "cols-1 gap-thin mn-b-thin"
       }, {
         default: m(() => [
-          (n(!0), i(C, null, U(e.department.members, (a, p) => (n(), g(q, {
-            class: "bg-grey o-hidden radius-small mn-b-thin",
-            key: p,
-            user: a.user,
-            photo: a.user.profile.photo,
-            name: a.user.profile.name || a.user.phone || a.user.email || a.user._id,
-            position: a.position,
-            onClick: (B) => v(p)
-          }, null, 8, ["user", "photo", "name", "position", "onClick"]))), 128))
+          (n(!0), c(D, null, P(e.department.members, (t, o) => (n(), u(N, {
+            class: "bg-white pd-thin radius-medium w-100",
+            key: o,
+            user: t.user,
+            photo: t.user.profile.photo,
+            name: t.user.profile.name || t.user.phone || t.user.email || t.user._id,
+            position: t.position,
+            action: {
+              label: "x",
+              method: () => S(t)
+            }
+          }, null, 8, ["user", "photo", "name", "position", "action"]))), 128))
         ]),
         _: 1
       }, 8, ["actions"]),
-      r(N, {
+      s(F, {
         title: "Add member",
-        onClosePopup: D,
-        isPopupOpen: f.value,
+        onClosePopup: _,
+        isPopupOpen: h.value,
         class: "bg-white w-max-30r radius-big pd-big"
       }, {
         default: m(() => [
-          r(M, {
-            members: e.department.members,
-            member: b.value,
-            users: R.memberships,
-            onCallback: D
-          }, null, 8, ["members", "member", "users"])
+          s(H, {
+            search: {
+              placeholder: "Search customer...",
+              class: "bg-grey mn-b-thin"
+            },
+            states: {
+              empty: {
+                title: "No Products Found",
+                description: "Currently, there are no such products available."
+              }
+            },
+            store: {
+              read: (t) => L.read(t),
+              state: null
+            },
+            options: {
+              target: b(d).params._id
+            },
+            class: "bg-grey pd-medium w-min-20r w-max-40r radius-big h-max-20r o-scroll"
+          }, {
+            default: m(({
+              items: t
+            }) => [
+              (n(!0), c(D, null, P(t, (o, pe) => {
+                var g, w;
+                return n(), u(N, {
+                  key: o._id,
+                  user: o.user,
+                  photo: (g = o.user.profile) == null ? void 0 : g.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" }), _();
+                  },
+                  class: "bg-white pd-thin radius-medium w-100 mn-b-thin"
+                }, null, 8, ["user", "photo", "name", "onClick"]);
+              }), 128))
+            ]),
+            _: 1
+          }, 8, ["store", "options"])
         ]),
         _: 1
       }, 8, ["isPopupOpen"]),
-      s("div", Z, [
-        s("div", ee, [
-          te,
-          ae,
-          s("div", se, [
-            re,
-            r(l, {
+      r("div", X, [
+        r("div", Y, [
+          Z,
+          ee,
+          r("div", te, [
+            ae,
+            s(i, {
               label: "Hidden department",
               name: "hidden",
               class: "w-100 mn-r-small bg-white radius-small pd-small",
-              "onUpdate:radio": t[3] || (t[3] = (a) => e.department.hidden = !e.department.hidden),
+              "onUpdate:radio": a[3] || (a[3] = (t) => e.department.hidden = !e.department.hidden),
               radio: e.department.hidden
             }, null, 8, ["radio"])
           ])
         ]),
-        s("div", de, [
-          ne,
-          le,
-          s("div", oe, [
+        r("div", se, [
+          re,
+          de,
+          r("div", oe, [
             ie,
-            r(l, {
+            s(i, {
               label: "Read products",
               name: "readProducts",
               class: "w-100 mn-r-small bg-white radius-small pd-small",
               radio: e.department.accesses.products.read,
-              "onUpdate:radio": t[4] || (t[4] = (a) => e.department.accesses.products.read = !e.department.accesses.products.read)
+              "onUpdate:radio": a[4] || (a[4] = (t) => e.department.accesses.products.read = !e.department.accesses.products.read)
             }, null, 8, ["radio"]),
-            r(l, {
+            s(i, {
               label: "Edit products",
               name: "editProducts",
               class: "w-100 mn-r-small bg-white radius-small pd-small",
               radio: e.department.accesses.products.edit,
-              "onUpdate:radio": t[5] || (t[5] = (a) => e.department.accesses.products.edit = !e.department.accesses.products.edit)
+              "onUpdate:radio": a[5] || (a[5] = (t) => e.department.accesses.products.edit = !e.department.accesses.products.edit)
             }, null, 8, ["radio"]),
-            r(l, {
+            s(i, {
               label: "Delete products",
               name: "deleteProducts",
               class: "w-100 bg-white radius-small pd-small",
               radio: e.department.accesses.products.delete,
-              "onUpdate:radio": t[6] || (t[6] = (a) => e.department.accesses.products.delete = !e.department.accesses.products.delete)
+              "onUpdate:radio": a[6] || (a[6] = (t) => e.department.accesses.products.delete = !e.department.accesses.products.delete)
             }, null, 8, ["radio"]),
-            me,
-            r(l, {
+            ne,
+            s(i, {
               label: "Read orders",
               name: "readOrders",
               class: "w-100 mn-r-small bg-white radius-small pd-small",
               radio: e.department.accesses.orders.read,
-              "onUpdate:radio": t[7] || (t[7] = (a) => e.department.accesses.orders.read = !e.department.accesses.orders.read)
+              "onUpdate:radio": a[7] || (a[7] = (t) => e.department.accesses.orders.read = !e.department.accesses.orders.read)
             }, null, 8, ["radio"]),
-            r(l, {
+            s(i, {
               label: "Confirm orders",
               name: "confirmOrders",
               class: "w-100 mn-r-small bg-white radius-small pd-small",
               radio: e.department.accesses.orders.confirm,
-              "onUpdate:radio": t[8] || (t[8] = (a) => e.department.accesses.orders.confirm = !e.department.accesses.orders.confirm)
+              "onUpdate:radio": a[8] || (a[8] = (t) => e.department.accesses.orders.confirm = !e.department.accesses.orders.confirm)
             }, null, 8, ["radio"]),
-            r(l, {
+            s(i, {
               label: "Delete orders",
               name: "deleteOrders",
               class: "w-100 bg-white radius-small pd-small",
               radio: e.department.accesses.orders.delete,
-              "onUpdate:radio": t[9] || (t[9] = (a) => e.department.accesses.orders.delete = !e.department.accesses.orders.delete)
+              "onUpdate:radio": a[9] || (a[9] = (t) => e.department.accesses.orders.delete = !e.department.accesses.orders.delete)
             }, null, 8, ["radio"]),
-            pe,
-            r(l, {
+            le,
+            s(i, {
               label: "Read departments",
               name: "readDepartments",
               class: "w-100 mn-r-small bg-white radius-small pd-small",
               radio: e.department.accesses.departments.read,
-              "onUpdate:radio": t[10] || (t[10] = (a) => e.department.accesses.departments.read = !e.department.accesses.departments.read)
+              "onUpdate:radio": a[10] || (a[10] = (t) => e.department.accesses.departments.read = !e.department.accesses.departments.read)
             }, null, 8, ["radio"]),
-            r(l, {
+            s(i, {
               label: "Edit departments",
               name: "editDepartments",
               class: "w-100 mn-r-small bg-white radius-small pd-small",
               radio: e.department.accesses.departments.edit,
-              "onUpdate:radio": t[11] || (t[11] = (a) => e.department.accesses.departments.edit = !e.department.accesses.departments.edit)
+              "onUpdate:radio": a[11] || (a[11] = (t) => e.department.accesses.departments.edit = !e.department.accesses.departments.edit)
             }, null, 8, ["radio"]),
-            r(l, {
+            s(i, {
               label: "Delete departments",
               name: "deleteDepartments",
               class: "w-100 bg-white radius-small pd-small",
               radio: e.department.accesses.departments.delete,
-              "onUpdate:radio": t[12] || (t[12] = (a) => e.department.accesses.departments.delete = !e.department.accesses.departments.delete)
+              "onUpdate:radio": a[12] || (a[12] = (t) => e.department.accesses.departments.delete = !e.department.accesses.departments.delete)
             }, null, 8, ["radio"])
           ])
         ])
-      ]),
-      k(d).params.department ? (n(), i("section", ce, [
-        r($, {
-          submit: A,
-          callback: o.redirectToDash,
-          class: "bg-grey"
-        }, {
-          default: m(() => [
-            x("Delete Department")
-          ]),
-          _: 1
-        }, 8, ["callback"])
-      ])) : w("", !0),
-      s("div", ue, [
-        r(N, {
-          title: "Добавить подотдел",
-          onClosePopup: P,
-          isPopupOpen: h.value
-        }, {
-          default: m(() => [
-            r(M, {
-              departments: e.department.subdepartments,
-              department: _.value,
-              maindepartment: e.department,
-              alldepartments: e.departments,
-              onCallback: P
-            }, null, 8, ["departments", "department", "maindepartment", "alldepartments"])
-          ]),
-          _: 1
-        }, 8, ["isPopupOpen"]),
-        s("div", fe, [
-          be,
-          s("div", null, [
-            s("a", {
-              class: "t-main h5",
-              onClick: t[13] || (t[13] = (a) => y())
-            }, "+")
-          ])
-        ]),
-        s("ul", he, [
-          e.department.subdepartments.length < 1 ? (n(), i("li", _e, "В отделе еще нет подотделов")) : w("", !0),
-          (n(!0), i(C, null, U(e.department.subdepartments, (a, p) => (n(), g(j, {
-            key: p,
-            class: "bg-grey o-hidden radius-small mn-b-thin",
-            department: a,
-            onClick: (B) => y(p)
-          }, null, 8, ["department", "onClick"]))), 128))
-        ])
       ])
     ]));
   }
 };
 export {
-  je as default
+  Fe 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},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"),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;