@authowl/react 0.23.0 → 0.24.1

package/dist/PrivacyCenterContent-EQEXXSLA.js

@@ -0,0 +1,204 @@
+"use client";
+import {
+  Busy,
+  FormError,
+  useAuthClient,
+  useLocale,
+  usePublicConfig,
+  useServerError,
+  useT,
+  useUser
+} from "./chunk-TOVDZ2ZE.js";
+
+// src/components/PrivacyCenterContent.tsx
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var RIGHT_KEYS = {
+  access: "privacy.right.access",
+  correction: "privacy.right.correction",
+  portability: "privacy.right.portability",
+  erasure: "privacy.right.erasure",
+  restriction: "privacy.right.restriction",
+  objection: "privacy.right.objection",
+  consent_withdrawal: "privacy.right.consentWithdrawal"
+};
+var STATE_KEYS = {
+  received: "privacy.state.received",
+  identity_pending: "privacy.state.identityPending",
+  in_progress: "privacy.state.inProgress",
+  restricted: "privacy.state.restricted",
+  completed: "privacy.state.completed",
+  denied: "privacy.state.denied",
+  withdrawn: "privacy.state.withdrawn"
+};
+function PrivacyCenterContent({ className } = {}) {
+  const t = useT();
+  const locale = useLocale();
+  const toServerError = useServerError();
+  const client = useAuthClient();
+  const { config } = usePublicConfig();
+  const { isLoaded, isSignedIn, user } = useUser();
+  const [preferences, setPreferences] = React.useState([]);
+  const [requests, setRequests] = React.useState([]);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const [pendingPurpose, setPendingPurpose] = React.useState(null);
+  const [pendingRight, setPendingRight] = React.useState(null);
+  const refresh = React.useCallback(async () => {
+    if (!isSignedIn) return;
+    setLoading(true);
+    setError(null);
+    const result = await loadPrivacy(client);
+    if (result.error) setError(toServerError(result.error, t("privacy.error.load")));
+    else {
+      setPreferences(result.preferences);
+      setRequests(result.requests);
+    }
+    setLoading(false);
+  }, [client, isSignedIn, t, toServerError]);
+  React.useEffect(() => {
+    if (isLoaded && isSignedIn) void refresh();
+    else if (isLoaded) setLoading(false);
+  }, [isLoaded, isSignedIn, refresh, user?.id]);
+  if (!isLoaded || loading) {
+    return /* @__PURE__ */ jsxs("section", { className: classes("ba-profile-section ba-privacy-center", className), "aria-busy": "true", children: [
+      /* @__PURE__ */ jsx("div", { className: "ba-skeleton" }),
+      /* @__PURE__ */ jsx("div", { className: "ba-skeleton" }),
+      /* @__PURE__ */ jsx("div", { className: "ba-skeleton" })
+    ] });
+  }
+  if (!isSignedIn) return /* @__PURE__ */ jsx("p", { className: "ba-muted", children: t("privacy.signedOut") });
+  const privacy = config?.privacy;
+  const preferenceByCode = new Map(preferences.map((item) => [item.code, item]));
+  async function updateConsent(purposeCode, granted) {
+    const purpose = privacy?.consentPurposes.find((item) => item.code === purposeCode);
+    const notice = privacy?.notices.find((item) => item.purposeCodes.includes(purposeCode));
+    if (!purpose || !notice) {
+      setError(t("privacy.error.unavailable"));
+      return;
+    }
+    setPendingPurpose(purposeCode);
+    setError(null);
+    const result = await client.privacy.recordConsent({
+      purposeCode,
+      purposeVersionId: purpose.purposeVersionId,
+      noticeVersionId: notice.noticeVersionId,
+      decision: granted ? "granted" : "withdrawn",
+      locale
+    });
+    if (result.error) setError(toServerError(result.error, t("privacy.error.save")));
+    else await refresh();
+    setPendingPurpose(null);
+  }
+  async function createRequest(rightType) {
+    setPendingRight(rightType);
+    setError(null);
+    const result = await client.privacy.createRightsRequest({ rightType, locale });
+    if (result.error) setError(toServerError(result.error, t("privacy.error.request")));
+    else await refresh();
+    setPendingRight(null);
+  }
+  return /* @__PURE__ */ jsxs("section", { className: classes("ba-profile-section ba-privacy-center", className), "aria-labelledby": "ba-privacy-title", children: [
+    /* @__PURE__ */ jsxs("header", { className: "ba-profile-section-header ba-privacy-center-header", children: [
+      /* @__PURE__ */ jsx("p", { className: "ba-eyebrow", children: t("privacy.dataUse") }),
+      /* @__PURE__ */ jsx("h2", { className: "ba-title", id: "ba-privacy-title", children: t("privacy.title") }),
+      /* @__PURE__ */ jsx("p", { className: "ba-muted", children: t("privacy.description") })
+    ] }),
+    /* @__PURE__ */ jsx(FormError, { children: error }),
+    /* @__PURE__ */ jsxs("div", { className: "ba-privacy-center-block", children: [
+      /* @__PURE__ */ jsxs("div", { className: "ba-privacy-center-block-heading", children: [
+        /* @__PURE__ */ jsx("h3", { children: t("privacy.choices.title") }),
+        /* @__PURE__ */ jsx("p", { children: t("privacy.choices.description") })
+      ] }),
+      (privacy?.consentPurposes.length ?? 0) === 0 ? /* @__PURE__ */ jsx("p", { className: "ba-privacy-empty", children: t("privacy.choices.empty") }) : /* @__PURE__ */ jsx("div", { className: "ba-privacy-center-choices", children: privacy.consentPurposes.map((purpose) => {
+        const granted = preferenceByCode.get(purpose.code)?.state === "granted";
+        const pending = pendingPurpose === purpose.code;
+        return /* @__PURE__ */ jsxs("div", { className: "ba-privacy-center-choice", children: [
+          /* @__PURE__ */ jsxs("span", { children: [
+            /* @__PURE__ */ jsx("strong", { children: purpose.title[locale] }),
+            /* @__PURE__ */ jsx("small", { children: purpose.description[locale] })
+          ] }),
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              className: "ba-privacy-toggle",
+              role: "switch",
+              "aria-checked": granted,
+              "aria-label": purpose.title[locale],
+              disabled: pending,
+              onClick: () => void updateConsent(purpose.code, !granted),
+              children: [
+                /* @__PURE__ */ jsx("span", { "aria-hidden": "true" }),
+                /* @__PURE__ */ jsx("b", { children: pending ? t("common.working") : granted ? t("privacy.on") : t("privacy.off") })
+              ]
+            }
+          )
+        ] }, purpose.purposeVersionId);
+      }) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "ba-privacy-center-block", children: [
+      /* @__PURE__ */ jsxs("div", { className: "ba-privacy-center-block-heading", children: [
+        /* @__PURE__ */ jsx("h3", { children: t("privacy.rights.title") }),
+        /* @__PURE__ */ jsx("p", { children: t("privacy.rights.description") })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "ba-privacy-right-grid", children: Object.keys(RIGHT_KEYS).map((right) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: right === "erasure" ? "ba-privacy-right ba-privacy-right-danger" : "ba-privacy-right",
+          disabled: pendingRight !== null,
+          onClick: () => void createRequest(right),
+          children: /* @__PURE__ */ jsx(Busy, { busy: pendingRight === right, label: t("common.working"), children: t(RIGHT_KEYS[right]) })
+        },
+        right
+      )) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "ba-privacy-center-block", children: [
+      /* @__PURE__ */ jsxs("div", { className: "ba-privacy-center-block-heading", children: [
+        /* @__PURE__ */ jsx("h3", { children: t("privacy.requests.title") }),
+        /* @__PURE__ */ jsx("p", { children: t("privacy.requests.description") })
+      ] }),
+      requests.length === 0 ? /* @__PURE__ */ jsx("p", { className: "ba-privacy-empty", children: t("privacy.requests.empty") }) : /* @__PURE__ */ jsx("ol", { className: "ba-privacy-request-list", children: requests.map((request) => /* @__PURE__ */ jsxs("li", { children: [
+        /* @__PURE__ */ jsxs("span", { children: [
+          /* @__PURE__ */ jsx("strong", { children: t(RIGHT_KEYS[request.rightType]) }),
+          /* @__PURE__ */ jsx("small", { children: formatCairo(request.receivedAt, locale) })
+        ] }),
+        /* @__PURE__ */ jsx("b", { "data-state": request.state, children: t(STATE_KEYS[request.state]) })
+      ] }, request.id)) })
+    ] }),
+    (privacy?.notices.length ?? 0) > 0 && /* @__PURE__ */ jsxs("div", { className: "ba-privacy-center-block", children: [
+      /* @__PURE__ */ jsxs("div", { className: "ba-privacy-center-block-heading", children: [
+        /* @__PURE__ */ jsx("h3", { children: t("privacy.notices.title") }),
+        /* @__PURE__ */ jsx("p", { children: t("privacy.notices.description") })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "ba-privacy-notices", children: privacy.notices.map((notice) => /* @__PURE__ */ jsxs("details", { className: "ba-privacy-notice", children: [
+        /* @__PURE__ */ jsx("summary", { children: notice.title[locale] }),
+        /* @__PURE__ */ jsx("p", { children: notice.body[locale] })
+      ] }, notice.noticeVersionId)) })
+    ] })
+  ] });
+}
+async function loadPrivacy(client) {
+  const [consent, rights] = await Promise.all([
+    client.privacy.listConsentPreferences({ retry: 2 }),
+    client.privacy.listRightsRequests({ retry: 2 })
+  ]);
+  return {
+    preferences: consent.data?.preferences ?? [],
+    requests: rights.data?.requests ?? [],
+    error: consent.error ?? rights.error
+  };
+}
+function formatCairo(date, locale) {
+  return new Intl.DateTimeFormat(locale === "ar" ? "ar-EG" : "en-EG", {
+    dateStyle: "medium",
+    timeZone: "Africa/Cairo"
+  }).format(date);
+}
+function classes(...values) {
+  return values.filter(Boolean).join(" ");
+}
+export {
+  PrivacyCenterContent
+};

package/dist/{TeamsSection-NV64O5I4.js → TeamsSection-VJTKS4KP.js}

@@ -1,15 +1,19 @@
 "use client";
+import {
+  useOrganizationRoles
+} from "./chunk-ZYCPC5DH.js";
+import {
+  teamManagementCapabilities,
+  useSubmitAction
+} from "./chunk-SAVEQ6RC.js";
 import {
   Bidi,
   Busy,
   FormError,
-  teamManagementCapabilities,
   useAuthClient,
-  useOrganizationRoles,
   useServerError,
-  useSubmitAction,
   useT
-} from "./chunk-E5ZOQHXY.js";
+} from "./chunk-TOVDZ2ZE.js";
 
 // src/components/organization/TeamsSection.tsx
 import * as React4 from "react";

package/dist/chunk-2HNQYORD.js

@@ -0,0 +1,139 @@
+import {
+  organizationSlugFromName,
+  useSubmitAction
+} from "./chunk-SAVEQ6RC.js";
+import {
+  Busy,
+  FormError,
+  useAuthClient,
+  usePublicConfig,
+  useT,
+  useUser
+} from "./chunk-TOVDZ2ZE.js";
+
+// src/components/CreateOrganization.tsx
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CreateOrganization({ onCreated, title } = {}) {
+  const t = useT();
+  const { config, isLoading: configLoading } = usePublicConfig();
+  const { isLoaded, isSignedIn } = useUser();
+  const api = useAuthClient().organization;
+  const { pending, error, run } = useSubmitAction();
+  const [name, setName] = React.useState("");
+  const [slug, setSlug] = React.useState("");
+  const [logo, setLogo] = React.useState("");
+  const [slugTouched, setSlugTouched] = React.useState(false);
+  if (configLoading || !isLoaded) {
+    return /* @__PURE__ */ jsx("div", { className: "ba-skeleton", "aria-label": t("organization.loading") });
+  }
+  if (config?.organizations !== true) return null;
+  if (!isSignedIn) return /* @__PURE__ */ jsx("p", { className: "ba-muted", children: t("organization.signedOut") });
+  const submit = (event) => {
+    event.preventDefault();
+    const normalizedName = name.trim();
+    const normalizedSlug = slug.trim();
+    if (!normalizedName || !normalizedSlug) return;
+    void run(
+      () => api.create({
+        name: normalizedName,
+        slug: normalizedSlug,
+        logo: logo.trim() || null
+      }),
+      {
+        failure: t("organization.create.error"),
+        onSuccess: (result) => {
+          if (!result.data) return;
+          setName("");
+          setSlug("");
+          setLogo("");
+          setSlugTouched(false);
+          onCreated?.(result.data);
+        }
+      }
+    );
+  };
+  return /* @__PURE__ */ jsxs("section", { className: "ba-organization-create", children: [
+    title !== null && /* @__PURE__ */ jsxs("header", { className: "ba-organization-section-header", children: [
+      /* @__PURE__ */ jsx("h2", { className: "ba-title", children: title ?? t("organization.create.title") }),
+      /* @__PURE__ */ jsx("p", { className: "ba-muted", children: t("organization.create.description") })
+    ] }),
+    /* @__PURE__ */ jsxs("form", { method: "post", className: "ba-fields", onSubmit: submit, children: [
+      /* @__PURE__ */ jsxs("label", { className: "ba-label", children: [
+        t("organization.create.name"),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            className: "ba-input",
+            value: name,
+            onChange: (event) => {
+              const next = event.target.value;
+              setName(next);
+              if (!slugTouched) setSlug(organizationSlugFromName(next));
+            },
+            autoComplete: "organization",
+            required: true
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("label", { className: "ba-label", children: [
+        t("organization.create.slug"),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            className: "ba-input",
+            dir: "ltr",
+            value: slug,
+            onChange: (event) => {
+              setSlugTouched(true);
+              setSlug(organizationSlugFromName(event.target.value));
+            },
+            pattern: "[a-z0-9]+(?:-[a-z0-9]+)*",
+            required: true
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("label", { className: "ba-label", children: [
+        t("organization.create.logo"),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            className: "ba-input",
+            type: "url",
+            dir: "ltr",
+            value: logo,
+            onChange: (event) => setLogo(event.target.value),
+            placeholder: "https://"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(FormError, { children: error }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          className: "ba-button ba-profile-submit",
+          type: "submit",
+          disabled: pending || !name.trim() || !slug.trim(),
+          "aria-busy": pending || void 0,
+          children: /* @__PURE__ */ jsx(Busy, { busy: pending, label: t("common.working"), children: t("organization.create.submit") })
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/components/OrganizationProfile.tsx
+import * as React2 from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var OrganizationProfileContent = React2.lazy(async () => {
+  const module = await import("./OrganizationProfileContent-HJT33DMJ.js");
+  return { default: module.OrganizationProfileContent };
+});
+function OrganizationProfile(props = {}) {
+  return /* @__PURE__ */ jsx2(React2.Suspense, { fallback: /* @__PURE__ */ jsx2("div", { className: "ba-skeleton", "aria-busy": "true" }), children: /* @__PURE__ */ jsx2(OrganizationProfileContent, { ...props }) });
+}
+
+export {
+  CreateOrganization,
+  OrganizationProfile
+};

package/dist/chunk-7WIBXVGK.js

@@ -0,0 +1,19 @@
+import {
+  organizationRoles
+} from "./chunk-SAVEQ6RC.js";
+
+// src/components/organization/role-label.ts
+function organizationRoleLabel(role, t) {
+  const roles = organizationRoles(role);
+  return (roles.length > 0 ? roles : [role]).map((roleKey) => {
+    if (roleKey === "owner") return t("organization.role.owner");
+    if (roleKey === "admin") return t("organization.role.admin");
+    if (roleKey === "member") return t("organization.role.member");
+    const label = roleKey.split(/[-_]+/).filter(Boolean).map((word) => `${word.charAt(0).toUpperCase()}${word.slice(1)}`).join(" ");
+    return t("organization.role.custom", { role: label });
+  }).join(t("organization.role.separator"));
+}
+
+export {
+  organizationRoleLabel
+};

package/dist/chunk-IDMSHQ6V.js

@@ -0,0 +1,106 @@
+import {
+  ModalSurface,
+  useAuthClient,
+  useServerError,
+  useT,
+  useUser
+} from "./chunk-TOVDZ2ZE.js";
+
+// src/components/organization/OrganizationModal.tsx
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function OrganizationModal({
+  title,
+  onClose,
+  returnFocusRef,
+  children
+}) {
+  const t = useT();
+  const titleId = React.useId();
+  return /* @__PURE__ */ jsxs(
+    ModalSurface,
+    {
+      overlayClassName: "ba-organization-overlay",
+      panelClassName: "ba-organization-modal",
+      labelledBy: titleId,
+      returnFocusRef,
+      onClose,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "ba-organization-modal-header", children: [
+          /* @__PURE__ */ jsx("h2", { id: titleId, className: "ba-title", children: title }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              className: "ba-profile-close",
+              type: "button",
+              "aria-label": t("organization.close"),
+              onClick: onClose,
+              autoFocus: true,
+              children: "\xD7"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "ba-organization-modal-body", children })
+      ]
+    }
+  );
+}
+
+// src/components/organization/use-organizations-resource.ts
+import * as React2 from "react";
+function useOrganizationsResource(enabled = true) {
+  const api = useAuthClient().organization;
+  const apiRef = React2.useRef(api);
+  apiRef.current = api;
+  const { user, isLoaded, isSignedIn } = useUser();
+  const t = useT();
+  const toServerError = useServerError();
+  const [organizations, setOrganizations] = React2.useState(null);
+  const [error, setError] = React2.useState(null);
+  const requestRef = React2.useRef(0);
+  const identity = user?.id ?? null;
+  const refresh = React2.useCallback(async () => {
+    const token = ++requestRef.current;
+    if (!enabled || !identity || !isSignedIn) {
+      setOrganizations([]);
+      setError(null);
+      return;
+    }
+    try {
+      const result = await apiRef.current.list();
+      if (token !== requestRef.current) return;
+      if (result.error) {
+        setError(toServerError(result.error, t("organization.error.load")));
+        return;
+      }
+      setError(null);
+      setOrganizations(result.data ?? []);
+    } catch {
+      if (token === requestRef.current) setError(t("organization.error.load"));
+    }
+  }, [enabled, identity, isSignedIn, t, toServerError]);
+  React2.useEffect(() => {
+    setOrganizations(null);
+    setError(null);
+    if (!isLoaded) return;
+    void refresh();
+    return () => {
+      requestRef.current += 1;
+    };
+  }, [identity, isLoaded, refresh]);
+  React2.useEffect(
+    () => api.subscribe(() => void refresh()),
+    [api, refresh]
+  );
+  return {
+    organizations,
+    isLoading: !isLoaded || organizations === null && error === null,
+    error,
+    refresh
+  };
+}
+
+export {
+  OrganizationModal,
+  useOrganizationsResource
+};

package/dist/chunk-SAVEQ6RC.js

@@ -0,0 +1,83 @@
+import {
+  useServerError
+} from "./chunk-TOVDZ2ZE.js";
+
+// src/components/use-submit-action.ts
+import * as React from "react";
+function useSubmitAction() {
+  const [pending, setPending] = React.useState(false);
+  const [error, setError] = React.useState(null);
+  const toMessage = useServerError();
+  const run = React.useCallback(
+    async (action, { failure, onSuccess, mapError, keepPendingOnSuccess }) => {
+      setError(null);
+      setPending(true);
+      try {
+        const res = await action();
+        if (res?.error) {
+          setError(mapError?.(res.error) ?? toMessage(res.error, failure));
+          setPending(false);
+          return;
+        }
+        await onSuccess?.(res ?? { data: null, error: null });
+        if (!keepPendingOnSuccess) setPending(false);
+      } catch {
+        setError(failure);
+        setPending(false);
+      }
+    },
+    [toMessage]
+  );
+  return { pending, error, setError, run };
+}
+
+// src/components/organization/model.ts
+function organizationSlugFromName(name) {
+  return name.normalize("NFKD").toLowerCase().trim().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").slice(0, 63);
+}
+function organizationRoles(role) {
+  return role.split(",").map((value) => value.trim()).filter(Boolean);
+}
+function hasOrganizationRole(member, role) {
+  return member ? organizationRoles(member.role).includes(role) : false;
+}
+function canManageOrganization(member) {
+  return hasOrganizationRole(member, "owner") || hasOrganizationRole(member, "admin");
+}
+function roleHasStatement(roles, heldRoles, resource, action) {
+  return roles.some((role) => {
+    if (!heldRoles.has(role.role) || typeof role.permission !== "object" || role.permission === null) {
+      return false;
+    }
+    const actions = role.permission[resource];
+    return Array.isArray(actions) && actions.includes(action);
+  });
+}
+function teamManagementCapabilities(member, dynamicRoles) {
+  const heldRoles = new Set(organizationRoles(member.role));
+  if (heldRoles.has("owner") || heldRoles.has("admin")) {
+    return {
+      createTeam: true,
+      updateTeam: true,
+      deleteTeam: true,
+      addTeamMember: true,
+      removeTeamMember: true
+    };
+  }
+  return {
+    createTeam: roleHasStatement(dynamicRoles, heldRoles, "team", "create"),
+    updateTeam: roleHasStatement(dynamicRoles, heldRoles, "team", "update"),
+    deleteTeam: roleHasStatement(dynamicRoles, heldRoles, "team", "delete"),
+    addTeamMember: roleHasStatement(dynamicRoles, heldRoles, "member", "update"),
+    removeTeamMember: roleHasStatement(dynamicRoles, heldRoles, "member", "delete")
+  };
+}
+
+export {
+  useSubmitAction,
+  organizationSlugFromName,
+  organizationRoles,
+  hasOrganizationRole,
+  canManageOrganization,
+  teamManagementCapabilities
+};