cauthy-auth 0.20.0 → 0.22.0

package/dist/react.mjs

@@ -229,6 +229,7 @@ function createAuthClient(options = {}) {
       return null;
     }
   }
+  const upgradeUrl = (provider, o = {}) => `${base}/me/upgrade/social/${encodeURIComponent(provider)}${o.returnTo ? `?return_to=${encodeURIComponent(o.returnTo)}` : ""}`;
   const linkUrl = (provider, o = {}) => `${base}/me/identities/link/${encodeURIComponent(provider)}${o.returnTo ? `?return_to=${encodeURIComponent(o.returnTo)}` : ""}`;
   const socialUrl = (provider, o = {}) => `${base}/sign-in/social/${encodeURIComponent(provider)}${o.returnTo ? `?return_to=${encodeURIComponent(o.returnTo)}` : ""}`;
   const ssoUrl = (target, o = {}) => {
@@ -266,6 +267,7 @@ function createAuthClient(options = {}) {
   }
   return {
     signIn: {
+      anonymously: (f = {}) => post("/sign-in/anonymous", {}, null, f.captchaToken),
       email: (f) => post("/sign-in/email", { email: f.email, password: f.password }, firstProblem(checkEmail(f.email), checkPassword(f.password)), f.captchaToken),
       mfa: (f) => post("/sign-in/mfa", { code: f.code }, checkCode(f.code)),
       mfaMethods: () => post("/sign-in/mfa/methods", {}, null),
@@ -363,6 +365,24 @@ function createAuthClient(options = {}) {
     resetPassword: (f) => post("/reset-password", { token: f.token, password: f.password }, checkNewPassword(f.password)),
     verifyEmail: (f) => post("/verify-email", { token: f.token }, null),
     signOut: () => post("/sign-out", {}, null),
+    organizations: {
+      async list(system) {
+        const body = await read(`/me/organizations${system ? `?system=${encodeURIComponent(system)}` : ""}`);
+        return body && Array.isArray(body.organizations) ? body.organizations : [];
+      },
+      async members(id) {
+        const body = await read(`/me/organizations/members?id=${encodeURIComponent(id)}`);
+        return body && Array.isArray(body.members) ? body.members : null;
+      },
+      async roles(id) {
+        const body = await read(`/me/organizations/roles?id=${encodeURIComponent(id)}`);
+        return body && Array.isArray(body.roles) ? body.roles : null;
+      },
+      add: (id, f) => post("/me/organizations/members/add", { organizationId: id, email: f.email, role: f.role, name: f.name ?? "", locale: f.locale ?? "" }, checkEmail(f.email)),
+      setRole: (id, userId, role) => post("/me/organizations/members/role", { organizationId: id, userId, role }, null),
+      remove: (id, userId) => post("/me/organizations/members/remove", { organizationId: id, userId }, null),
+      inviteAgain: (id, userId, f = {}) => post("/me/organizations/members/invite", { organizationId: id, userId, locale: f.locale ?? "" }, null)
+    },
     account: {
       async get() {
         const body = await read("/me");
@@ -401,6 +421,11 @@ function createAuthClient(options = {}) {
         return body && Array.isArray(body.sessions) ? body.sessions : [];
       },
       signOutEverywhere: () => post("/me/sessions/end", {}, null),
+      upgrade: (f) => post("/me/upgrade", { email: f.email, password: f.password, name: f.name ?? "" }, firstProblem(checkName(f.name), checkEmail(f.email), checkNewPassword(f.password))),
+      upgradeUrl,
+      upgradeWith(provider, o) {
+        window.location.assign(upgradeUrl(provider, o));
+      },
       async agents() {
         const body = await read("/me/agents");
         return body && Array.isArray(body.agents) ? body.agents : [];
@@ -575,7 +600,29 @@ var TEXTS = {
     unlink: "Unlink",
     linked: "The account was linked.",
     ssoOnly: "Your company signs you in to this account.",
+    members: "Members",
+    membersHidden: "Your role here does not let you see the members.",
+    organizationMissing: "You do not belong to this organization.",
+    memberYou: "you",
+    memberInvited: "invited",
+    memberManager: "manages members",
+    memberRole: "Role",
+    memberAdd: "Add member",
+    memberAdded: "{email} is a member now.",
+    memberRemove: "Remove",
+    memberRemoveConfirm: "Remove {who}?",
+    memberLeave: "Leave",
+    memberLeaveConfirm: "Leave {org}? You will need an invitation to come back.",
+    memberInviteAgain: "Send the invitation again",
+    memberInvitationSent: "The invitation is on its way.",
+    yes: "Yes",
+    cancel: "Cancel",
     errors: {
+      not_allowed: "Your role in this organization does not allow that.",
+      last_manager: "Somebody else must manage the members first: give that role to another member.",
+      already_member: "That person already belongs to the organization. Change their role instead.",
+      unknown_role: "Choose one of the roles offered.",
+      user_not_active: "That account is disabled.",
       required: "This is required.",
       invalid_email: "That does not look like an email address.",
       too_short: "Use at least 8 characters.",
@@ -699,7 +746,29 @@ var TEXTS = {
     unlink: "Desvincular",
     linked: "La cuenta qued\xF3 vinculada.",
     ssoOnly: "A esta cuenta entras con el inicio de sesi\xF3n de tu empresa.",
+    members: "Miembros",
+    membersHidden: "Tu rol aqu\xED no te deja ver los miembros.",
+    organizationMissing: "No perteneces a esta organizaci\xF3n.",
+    memberYou: "t\xFA",
+    memberInvited: "invitado",
+    memberManager: "administra los miembros",
+    memberRole: "Rol",
+    memberAdd: "Agregar miembro",
+    memberAdded: "{email} ya es miembro.",
+    memberRemove: "Quitar",
+    memberRemoveConfirm: "\xBFQuitar a {who}?",
+    memberLeave: "Salir",
+    memberLeaveConfirm: "\xBFSalir de {org}? Necesitar\xE1s una invitaci\xF3n para volver.",
+    memberInviteAgain: "Enviar la invitaci\xF3n de nuevo",
+    memberInvitationSent: "La invitaci\xF3n va en camino.",
+    yes: "S\xED",
+    cancel: "Cancelar",
     errors: {
+      not_allowed: "Tu rol en esta organizaci\xF3n no permite eso.",
+      last_manager: "Primero alguien m\xE1s debe administrar los miembros: dale ese rol a otro miembro.",
+      already_member: "Esa persona ya pertenece a la organizaci\xF3n. Cambia su rol.",
+      unknown_role: "Escoge uno de los roles ofrecidos.",
+      user_not_active: "Esa cuenta est\xE1 desactivada.",
       required: "Este dato es obligatorio.",
       invalid_email: "Eso no parece un correo.",
       too_short: "Usa al menos 8 caracteres.",
@@ -1103,7 +1172,7 @@ function SignUp(props) {
     e.preventDefault();
     f.setBusy(true);
     f.setError(null);
-    const r = await auth.signUp.email({ name, email, password, captchaToken: challenge.token });
+    const r = auth.session?.user.isAnonymous === true ? await auth.account.upgrade({ name, email, password }) : await auth.signUp.email({ name, email, password, captchaToken: challenge.token });
     f.setBusy(false);
     challenge.renew();
     if (!r.ok) return f.setError(r.error);
@@ -1273,6 +1342,130 @@ function Account(props) {
     ] })
   ] });
 }
+function OrganizationMembers(props) {
+  const auth = useAuth();
+  const { root } = useForm(props);
+  const { f, done, setDone, run } = useSection(props);
+  const problem = f.error && f.error.field !== "email" ? f.error : null;
+  const [seat, setSeat] = useState(void 0);
+  const [members, setMembers] = useState(null);
+  const [roles, setRoles] = useState([]);
+  const [email, setEmail] = useState("");
+  const [role, setRole] = useState("");
+  const [asking, setAsking] = useState(null);
+  const id = props.organizationId;
+  const when = props.formatDate ?? ((iso) => new Date(iso).toLocaleDateString());
+  const load = async () => {
+    const [list, people, choices] = await Promise.all([auth.organizations.list(), auth.organizations.members(id), auth.organizations.roles(id)]);
+    setSeat(list.find((o) => o.id === id) ?? null);
+    setMembers(people);
+    setRoles(choices ?? []);
+    if (choices && choices.length > 0 && !choices.some((c) => c.role === role)) setRole(choices[0].role);
+  };
+  useEffect(() => {
+    void load();
+  }, [id]);
+  if (seat === void 0) return /* @__PURE__ */ jsx("div", { className: f.cx("account"), ...root, "aria-busy": "true" });
+  if (seat === null) return /* @__PURE__ */ jsx("div", { className: f.cx("account"), ...root, children: /* @__PURE__ */ jsx("p", { className: f.cx("notice"), children: f.t.organizationMissing }) });
+  const manage = seat.can.manageMembers;
+  const label = (r) => roles.find((c) => c.role === r)?.name || r;
+  const add = async (e) => {
+    e.preventDefault();
+    const r = await run(() => auth.organizations.add(id, { email, role, locale: props.locale }));
+    if (!r.ok) return;
+    setEmail("");
+    setDone(f.t.memberAdded.replace("{email}", r.member.email));
+    await load();
+  };
+  const change = async (m, next) => {
+    const r = await run(() => auth.organizations.setRole(id, m.userId, next));
+    if (r.ok) await load();
+  };
+  const remove = async (m) => {
+    setAsking(null);
+    const r = await run(() => auth.organizations.remove(id, m.userId));
+    if (!r.ok) return;
+    if (m.you) setSeat(null);
+    else await load();
+  };
+  const inviteAgain = async (m) => {
+    const r = await run(() => auth.organizations.inviteAgain(id, m.userId, { locale: props.locale }));
+    if (r.ok) setDone(f.t.memberInvitationSent);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: f.cx("account"), ...root, children: [
+    /* @__PURE__ */ jsxs("section", { className: f.cx("section"), children: [
+      /* @__PURE__ */ jsxs("h2", { className: f.cx("heading"), children: [
+        f.t.members,
+        " \xB7 ",
+        seat.name
+      ] }),
+      problem && /* @__PURE__ */ jsx("p", { role: "alert", className: f.cx("error"), children: f.say(problem) }),
+      members === null ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("p", { className: f.cx("notice"), children: f.t.membersHidden }),
+        auth.session && (asking === auth.session.user.id ? /* @__PURE__ */ jsxs("span", { role: "group", "aria-label": f.t.memberLeave, children: [
+          /* @__PURE__ */ jsx("span", { children: f.t.memberLeaveConfirm.replace("{org}", seat.name) }),
+          " ",
+          /* @__PURE__ */ jsx(
+            f.Button,
+            {
+              type: "button",
+              disabled: f.busy,
+              className: f.cx("providerButton"),
+              onClick: () => void remove({ userId: auth.session.user.id, you: true }),
+              children: f.t.yes
+            }
+          ),
+          /* @__PURE__ */ jsx(f.Button, { type: "button", disabled: f.busy, className: f.cx("providerButton"), onClick: () => setAsking(null), children: f.t.cancel })
+        ] }) : /* @__PURE__ */ jsx(f.Button, { type: "button", disabled: f.busy, className: f.cx("providerButton"), onClick: () => setAsking(auth.session.user.id), children: f.t.memberLeave }))
+      ] }) : /* @__PURE__ */ jsx("ul", { className: f.cx("sessions"), children: members.map((m) => {
+        const who = m.name || m.email;
+        return /* @__PURE__ */ jsxs("li", { className: f.cx("session"), children: [
+          /* @__PURE__ */ jsxs("span", { children: [
+            who,
+            m.name ? ` \xB7 ${m.email}` : "",
+            m.you ? ` (${f.t.memberYou})` : "",
+            m.invited ? ` \xB7 ${f.t.memberInvited}` : "",
+            m.manager ? ` \xB7 ${f.t.memberManager}` : "",
+            " \xB7 ",
+            when(m.since)
+          ] }),
+          " ",
+          manage && roles.length > 0 ? /* @__PURE__ */ jsx(
+            "select",
+            {
+              "aria-label": `${f.t.memberRole}: ${who}`,
+              className: f.cx("input"),
+              value: m.role,
+              disabled: f.busy,
+              onChange: (e) => void change(m, e.target.value),
+              children: roles.map((c) => /* @__PURE__ */ jsx("option", { value: c.role, children: c.name || c.role }, c.role))
+            }
+          ) : /* @__PURE__ */ jsx("span", { children: label(m.role) }),
+          " ",
+          asking === m.userId ? /* @__PURE__ */ jsxs("span", { role: "group", "aria-label": m.you ? f.t.memberLeave : f.t.memberRemove, children: [
+            /* @__PURE__ */ jsx("span", { children: m.you ? f.t.memberLeaveConfirm.replace("{org}", seat.name) : f.t.memberRemoveConfirm.replace("{who}", who) }),
+            " ",
+            /* @__PURE__ */ jsx(f.Button, { type: "button", disabled: f.busy, className: f.cx("providerButton"), onClick: () => void remove(m), children: f.t.yes }),
+            /* @__PURE__ */ jsx(f.Button, { type: "button", disabled: f.busy, className: f.cx("providerButton"), onClick: () => setAsking(null), children: f.t.cancel })
+          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            manage && m.invited && /* @__PURE__ */ jsx(f.Button, { type: "button", disabled: f.busy, className: f.cx("providerButton"), onClick: () => void inviteAgain(m), children: f.t.memberInviteAgain }),
+            (manage || m.you) && /* @__PURE__ */ jsx(f.Button, { type: "button", disabled: f.busy, className: f.cx("providerButton"), onClick: () => setAsking(m.userId), children: m.you ? f.t.memberLeave : f.t.memberRemove })
+          ] })
+        ] }, m.userId);
+      }) }),
+      done && /* @__PURE__ */ jsx("p", { role: "status", className: f.cx("notice"), children: done })
+    ] }),
+    manage && roles.length > 0 && /* @__PURE__ */ jsxs("form", { className: f.cx("section"), onSubmit: add, noValidate: true, children: [
+      /* @__PURE__ */ jsx("h2", { className: f.cx("heading"), children: f.t.memberAdd }),
+      /* @__PURE__ */ jsx(Field, { f, name: "email", type: "email", label: f.t.email, value: email, autoComplete: "off", required: true, onChange: setEmail }),
+      /* @__PURE__ */ jsxs("label", { className: f.cx("field"), children: [
+        /* @__PURE__ */ jsx("span", { className: f.cx("label"), children: f.t.memberRole }),
+        /* @__PURE__ */ jsx("select", { name: "role", className: f.cx("input"), value: role, onChange: (e) => setRole(e.target.value), children: roles.map((c) => /* @__PURE__ */ jsx("option", { value: c.role, children: c.name || c.role }, c.role)) })
+      ] }),
+      /* @__PURE__ */ jsx(f.Button, { type: "submit", disabled: f.busy, className: f.cx("button"), children: f.t.memberAdd })
+    ] })
+  ] });
+}
 function PasskeysPart({ props, account, accountUrl, when }) {
   const auth = useAuth();
   const { f, done, setDone, run, general } = useSection(props);
@@ -1694,6 +1887,7 @@ function useAuth() {
       ...client,
       signIn: {
         ...client.signIn,
+        anonymously: (f) => then(client.signIn.anonymously(f)),
         email: (f) => then(client.signIn.email(f)),
         mfa: (f) => then(client.signIn.mfa(f)),
         magicLinkVerify: (f) => then(client.signIn.magicLinkVerify(f)),
@@ -1709,7 +1903,9 @@ function useAuth() {
         // What is on screen says the new name, and knows when the session ended.
         update: (f) => then(client.account.update(f)),
         changePassword: (f) => then(client.account.changePassword(f)),
-        signOutEverywhere: () => then(client.account.signOutEverywhere())
+        signOutEverywhere: () => then(client.account.signOutEverywhere()),
+        // The guest is now the account: what is on screen says so.
+        upgrade: (f) => then(client.account.upgrade(f))
       },
       session,
       status,
@@ -1722,6 +1918,7 @@ export {
   CauthyProvider,
   ForgotPassword,
   GoogleOneTap,
+  OrganizationMembers,
   ResetPassword,
   SignIn,
   SignUp,