@tesouro/embedded-components-react 0.2.6 → 0.2.15

package/dist/libs/tesouro-embedded-components-react/team-widget/feature/dist/index14.js

@@ -1,15 +1,134 @@
-import { UserPlus as n, UserCog as r, FileText as t, Eye as c, Crown as i } from "lucide-react";
-const o = {
-  crown: i,
-  eye: c,
-  "file-invoice-dollar": t,
-  "user-cog": r,
-  "user-plus": n
-};
-function a(l, s) {
-  const e = s?.trim().toLowerCase();
-  return e && o[e] ? o[e] : r;
+"use client";
+import { useState as n, useRef as _, useEffect as ee } from "react";
+import { formatMembersCount as ie, diffMemberSelection as te } from "./index13.js";
+function se(k) {
+  const {
+    canRead: y,
+    canWrite: C,
+    directory: d,
+    directoryReady: h,
+    assignedAvatarsByGroupId: x,
+    useListQuery: G,
+    useEditMembers: j,
+    useMutations: B,
+    panelLabels: F,
+    drawerLabels: Q,
+    countLabels: W,
+    saveFailedMessage: q,
+    deleteFailedMessage: z
+  } = k, l = G(), s = B(), [a, u] = n("closed"), [i, w] = n(), [L, A] = n(""), [H, E] = n(""), [R, g] = n([]), [J, b] = n(), [m, S] = n(), [K, p] = n(), v = j(a === "edit" ? i : void 0), O = (v.data?.members?.data ?? []).map(
+    (e) => e.id
+  ), N = y ? l.data?.data ?? [] : [], D = h && (a !== "edit" || !!v.data), c = _(void 0);
+  ee(() => {
+    a !== "edit" || !i || c.current !== i && (!v.data || !h || (c.current = i, g(
+      O.map((e) => d.idToOption.get(e)).filter((e) => !!e)
+    )));
+  }, [
+    a,
+    i,
+    v.data,
+    h,
+    O,
+    d
+  ]);
+  const f = () => {
+    u("closed"), w(void 0), A(""), E(""), g([]), b(void 0), c.current = void 0;
+  }, P = () => {
+    f(), u("create");
+  }, U = (e) => {
+    const t = N.find((o) => o.id === e);
+    u("edit"), w(e), A(t?.name ?? ""), E(t?.name ?? ""), g([]), b(void 0), c.current = void 0;
+  }, I = () => R.map((e) => d.optionToId.get(e)).filter((e) => !!e), V = async () => {
+    const e = L.trim();
+    if (e && D) {
+      b(void 0);
+      try {
+        if (a === "create") {
+          const t = await s.create(e);
+          u("edit"), w(t.id), E(e), c.current = t.id;
+          const o = I();
+          o.length > 0 && await s.assignMembers(t.id, o);
+        } else if (a === "edit" && i) {
+          e !== H.trim() && await s.rename(i, e);
+          const t = O.filter(
+            (M) => d.idToOption.has(M)
+          ), { toAssign: o, toRemove: r } = te(
+            t,
+            I()
+          );
+          o.length > 0 && await s.assignMembers(i, o), r.length > 0 && await s.removeMembers(i, r);
+        }
+        f();
+      } catch {
+        b(q);
+      }
+    }
+  }, T = (e) => {
+    S(e), p(void 0);
+  }, $ = () => {
+    S(void 0), p(void 0);
+  }, X = async () => {
+    if (m) {
+      p(void 0);
+      try {
+        await s.remove(m), $(), i === m && f();
+      } catch {
+        p(z);
+      }
+    }
+  }, Y = N.map((e) => {
+    const t = typeof e.memberCount == "string" ? Number.parseInt(e.memberCount, 10) : e.memberCount ?? 0, o = Number.isNaN(t) ? 0 : t, r = x?.get(e.id), M = r ? Math.max(0, o - r.length) : 0;
+    return {
+      key: e.id,
+      name: e.name,
+      membersLabel: ie(e.memberCount, W),
+      assignedAvatars: r,
+      assignedOverflowLabel: M > 0 ? `+${M}` : void 0,
+      // Bind row gestures here so the UI layer never handles group identity.
+      onEdit: C ? () => U(e.id) : void 0,
+      onDelete: C ? () => T(e.id) : void 0
+    };
+  }), Z = N.find((e) => e.id === m)?.name ?? "";
+  return {
+    canRead: y,
+    panel: {
+      rows: Y,
+      // Stay in the loading state until the fetch-all has loaded every page, so
+      // an incomplete list can't be shown or edited/deleted mid-paging.
+      isLoading: y && (l.isLoading || l.isComplete === !1),
+      isError: l.isError,
+      onAddClick: C ? P : void 0,
+      labels: F
+    },
+    drawer: {
+      open: a !== "closed",
+      isEditMode: a === "edit",
+      name: L,
+      onNameChange: A,
+      options: d.options,
+      selectedOptions: R,
+      onSelectedOptionsChange: (e) => g(Array.isArray(e) ? e : [e]),
+      isSaveDisabled: !L.trim() || s.isMutating || !D,
+      submitErrorMessage: J,
+      onOpenChange: (e) => {
+        e || f();
+      },
+      onSubmit: V,
+      onDelete: a === "edit" && i ? () => T(i) : void 0,
+      labels: Q
+    },
+    deleteDialog: {
+      open: !!m,
+      subjectName: Z,
+      isConfirming: s.isMutating,
+      errorMessage: K,
+      onOpenChange: (e) => {
+        e || $();
+      },
+      onConfirm: X
+    }
+  };
 }
 export {
-  a as roleIconForKey
+  se as useGroupAdmin
 };

package/dist/libs/tesouro-embedded-components-react/team-widget/feature/dist/index15.js

@@ -0,0 +1,80 @@
+function i(n, o) {
+  return n.toLowerCase().split(":").map((e) => e.trim()).filter(Boolean).some((e) => e === o);
+}
+function m(n) {
+  return i(n, "admin");
+}
+function l(n) {
+  return i(n, "employee");
+}
+function A(n) {
+  return !!n && !l(n);
+}
+function f(n, o) {
+  return n.find((e) => e.id === o)?.key ?? "";
+}
+function r(n) {
+  return `••••${(n ?? "").trim().slice(-4)}`;
+}
+function a(n, o) {
+  return n?.trim() || o;
+}
+function d(n, o, e) {
+  const t = [], u = /* @__PURE__ */ new Map();
+  for (const c of n) {
+    const s = r(c.accountNumber);
+    t.push({
+      value: c.id,
+      name: a(c.nickname, s),
+      // Internal accounts carry no type field; the dashboard shows them all as
+      // checking.
+      typeLabel: e.checking,
+      maskedNumber: s,
+      source: "internal"
+    }), u.set(c.id, {
+      bankAccountId: c.id,
+      source: "INTERNAL"
+    });
+  }
+  for (const c of o) {
+    const s = r(c.accountNumber);
+    t.push({
+      value: c.id,
+      name: a(c.nickname, s),
+      typeLabel: c.type === "SAVINGS" ? e.savings : e.checking,
+      maskedNumber: s,
+      source: "external"
+    }), u.set(c.id, {
+      bankAccountId: c.id,
+      source: "EXTERNAL"
+    });
+  }
+  return {
+    options: t,
+    descriptors: u,
+    allAccountIds: t.map((c) => c.value)
+  };
+}
+function p(n, o) {
+  return n.map((e) => o.get(e)).filter(
+    (e) => !!e
+  );
+}
+function b({
+  isAdmin: n,
+  accessibleCount: o,
+  totalCount: e,
+  labels: t
+}) {
+  return o <= 0 ? t.accountAccessNone : `${o} ${o === 1 ? t.accountAccessCountSingular : t.accountAccessCountPlural}${e > 0 ? ` ${t.accountAccessOf} ${e}` : ""}`;
+}
+export {
+  b as formatAccountAccessLabel,
+  A as isAccountsSectionVisibleForRole,
+  m as isAdminRoleKey,
+  l as isEmployeeRoleKey,
+  r as maskAccountNumber,
+  f as resolveRoleKeyById,
+  p as toAccountAccessInputs,
+  d as toAccountAccessOptions
+};

package/dist/libs/tesouro-embedded-components-react/team-widget/feature/dist/index16.js

@@ -0,0 +1,15 @@
+import { UserPlus as n, UserCog as r, FileText as t, Eye as c, Crown as i } from "lucide-react";
+const o = {
+  crown: i,
+  eye: c,
+  "file-invoice-dollar": t,
+  "user-cog": r,
+  "user-plus": n
+};
+function a(l, s) {
+  const e = s?.trim().toLowerCase();
+  return e && o[e] ? o[e] : r;
+}
+export {
+  a as roleIconForKey
+};