@thunderid/react 1.5.0 → 1.7.0

package/dist/components/admin/shared/IdentityPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IdentityPicker.js","names":["styles: Record<string, string>","useAdminPartStyles","useTranslation","options: SelectOption[]","Select","Button"],"sources":["../../../../src/components/admin/shared/IdentityPicker.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {SelectOption} from '@thunderid/browser';\nimport {ChangeEvent, FormEvent, ReactElement, useState} from 'react';\nimport useAdminPartStyles from './useAdminPartStyles';\nimport useTranslation from '../../../hooks/useTranslation';\nimport Button from '../../primitives/Button/Button';\nimport Select from '../../primitives/Select/Select';\n\n/**\n * An identity that can be picked, such as a user, agent or group.\n */\nexport interface IdentityCandidate {\n  id: string;\n  label: string;\n}\n\nexport interface IdentityPickerProps<TType extends string> {\n  /**\n   * Label of the add button, already translated.\n   */\n  addLabel: string;\n  /**\n   * The identities to choose from, keyed by identity type.\n   */\n  candidates: Partial<Record<TType, IdentityCandidate[]>>;\n  /**\n   * Identifiers to leave out, such as current members.\n   */\n  excludedIds?: string[];\n  isSubmitting?: boolean;\n  onAdd: (identity: {id: string; type: TType}) => void;\n  /**\n   * The identity types to choose from, with translated labels.\n   */\n  types: {label: string; value: TType}[];\n}\n\n/**\n * Picks one identity of a chosen type and adds it, for example as a group member or a role assignee.\n */\nconst IdentityPicker = <TType extends string>({\n  addLabel,\n  candidates,\n  excludedIds = [],\n  isSubmitting = false,\n  onAdd,\n  types,\n}: IdentityPickerProps<TType>): ReactElement => {\n  const styles: Record<string, string> = useAdminPartStyles();\n  const {t} = useTranslation();\n  const [type, setType] = useState<TType>(types[0]?.value);\n  const [identityId, setIdentityId] = useState<string>('');\n\n  const options: SelectOption[] = (candidates[type] ?? [])\n    .filter((candidate: IdentityCandidate) => !excludedIds.includes(candidate.id))\n    .map((candidate: IdentityCandidate) => ({label: candidate.label, value: candidate.id}));\n\n  const handleSubmit = (event: FormEvent<HTMLFormElement>): void => {\n    event.preventDefault();\n\n    if (identityId) {\n      onAdd({id: identityId, type});\n      setIdentityId('');\n    }\n  };\n\n  return (\n    <form className={styles['row']} onSubmit={handleSubmit} style={{alignItems: 'flex-end'}}>\n      <Select\n        label={t('admin.common.fields.identity_type')}\n        name=\"identityType\"\n        value={type}\n        options={types}\n        onChange={(event: ChangeEvent<HTMLSelectElement>): void => {\n          setType(event.target.value as TType);\n          setIdentityId('');\n        }}\n      />\n      <Select\n        label={t('admin.common.fields.identity')}\n        name=\"identity\"\n        value={identityId}\n        placeholder={t('admin.common.fields.identity_placeholder')}\n        emptyText={t('admin.common.fields.identity_empty')}\n        options={options}\n        onChange={(event: ChangeEvent<HTMLSelectElement>): void => setIdentityId(event.target.value)}\n      />\n      <Button type=\"submit\" loading={isSubmitting} disabled={!identityId || isSubmitting}>\n        {addLabel}\n      </Button>\n    </form>\n  );\n};\n\nexport default IdentityPicker;\n"],"mappings":";;;;;;;;;;;AA0CA,MAAM,kBAAwC,EAC5C,UACA,YACA,cAAc,EAAE,EAChB,eAAe,OACf,OACA,YAC8C;CAC9C,MAAMA,SAAiCC,4BAAoB;CAC3D,MAAM,EAAC,MAAKC,wBAAgB;CAC5B,MAAM,CAAC,MAAM,WAAW,SAAgB,MAAM,IAAI,MAAM;CACxD,MAAM,CAAC,YAAY,iBAAiB,SAAiB,GAAG;CAExD,MAAMC,WAA2B,WAAW,SAAS,EAAE,EACpD,QAAQ,cAAiC,CAAC,YAAY,SAAS,UAAU,GAAG,CAAC,CAC7E,KAAK,eAAkC;EAAC,OAAO,UAAU;EAAO,OAAO,UAAU;EAAG,EAAE;CAEzF,MAAM,gBAAgB,UAA4C;AAChE,QAAM,gBAAgB;AAEtB,MAAI,YAAY;AACd,SAAM;IAAC,IAAI;IAAY;IAAK,CAAC;AAC7B,iBAAc,GAAG;;;AAIrB,QACE,qBAAC;EAAK,WAAW,OAAO;EAAQ,UAAU;EAAc,OAAO,EAAC,YAAY,YAAW;;GACrF,oBAACC;IACC,OAAO,EAAE,oCAAoC;IAC7C,MAAK;IACL,OAAO;IACP,SAAS;IACT,WAAW,UAAgD;AACzD,aAAQ,MAAM,OAAO,MAAe;AACpC,mBAAc,GAAG;;KAEnB;GACF,oBAACA;IACC,OAAO,EAAE,+BAA+B;IACxC,MAAK;IACL,OAAO;IACP,aAAa,EAAE,2CAA2C;IAC1D,WAAW,EAAE,qCAAqC;IACzC;IACT,WAAW,UAAgD,cAAc,MAAM,OAAO,MAAM;KAC5F;GACF,oBAACC;IAAO,MAAK;IAAS,SAAS;IAAc,UAAU,CAAC,cAAc;cACnE;KACM;;GACJ;;AAIX,6BAAe"}

package/dist/components/admin/shared/useAdminPartStyles.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Returns the shared admin part styles for the active theme.
+ *
+ * @returns The CSS class names of the admin parts.
+ */
+declare const useAdminPartStyles: () => Record<string, string>;
+export default useAdminPartStyles;
+//# sourceMappingURL=useAdminPartStyles.d.ts.map

package/dist/components/admin/shared/useAdminPartStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAdminPartStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/admin/shared/useAdminPartStyles.ts"],"names":[],"mappings":"AAMA;;;;GAIG;AACH,QAAA,MAAM,kBAAkB,QAAO,MAAM,CAAC,MAAM,EAAE,MAAM,CAInD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/admin/shared/useAdminPartStyles.js

@@ -0,0 +1,18 @@
+import useTheme_default from "../../../contexts/Theme/useTheme.js";
+import AdminParts_styles_default from "./AdminParts.styles.js";
+
+//#region src/components/admin/shared/useAdminPartStyles.ts
+/**
+* Returns the shared admin part styles for the active theme.
+*
+* @returns The CSS class names of the admin parts.
+*/
+const useAdminPartStyles = () => {
+	const { theme, colorScheme } = useTheme_default();
+	return AdminParts_styles_default(theme, colorScheme);
+};
+var useAdminPartStyles_default = useAdminPartStyles;
+
+//#endregion
+export { useAdminPartStyles_default as default };
+//# sourceMappingURL=useAdminPartStyles.js.map

package/dist/components/admin/shared/useAdminPartStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAdminPartStyles.js","names":["useTheme","useStyles"],"sources":["../../../../src/components/admin/shared/useAdminPartStyles.ts"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport useStyles from './AdminParts.styles';\nimport useTheme from '../../../contexts/Theme/useTheme';\n\n/**\n * Returns the shared admin part styles for the active theme.\n *\n * @returns The CSS class names of the admin parts.\n */\nconst useAdminPartStyles = (): Record<string, string> => {\n  const {theme, colorScheme} = useTheme();\n\n  return useStyles(theme, colorScheme);\n};\n\nexport default useAdminPartStyles;\n"],"mappings":";;;;;;;;;AAWA,MAAM,2BAAmD;CACvD,MAAM,EAAC,OAAO,gBAAeA,kBAAU;AAEvC,QAAOC,0BAAU,OAAO,YAAY;;AAGtC,iCAAe"}

package/dist/components/admin/shared/useDefaultOuId.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Resolves the organization unit a new resource is created in: the one passed in, otherwise the
+ * signed-in user's own organization unit.
+ *
+ * @param ouId - The organization unit chosen by the caller.
+ * @returns The organization unit identifier, or `undefined` when neither is known.
+ */
+declare const useDefaultOuId: (ouId?: string) => string | undefined;
+export default useDefaultOuId;
+//# sourceMappingURL=useDefaultOuId.d.ts.map

package/dist/components/admin/shared/useDefaultOuId.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDefaultOuId.d.ts","sourceRoot":"","sources":["../../../../src/components/admin/shared/useDefaultOuId.ts"],"names":[],"mappings":"AAKA;;;;;;GAMG;AACH,QAAA,MAAM,cAAc,GAAI,OAAO,MAAM,KAAG,MAAM,GAAG,SAMhD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/admin/shared/useDefaultOuId.js

@@ -0,0 +1,20 @@
+import useUser_default from "../../../contexts/User/useUser.js";
+
+//#region src/components/admin/shared/useDefaultOuId.ts
+/**
+* Resolves the organization unit a new resource is created in: the one passed in, otherwise the
+* signed-in user's own organization unit.
+*
+* @param ouId - The organization unit chosen by the caller.
+* @returns The organization unit identifier, or `undefined` when neither is known.
+*/
+const useDefaultOuId = (ouId) => {
+	const { profile, flattenedProfile } = useUser_default();
+	const fromProfile = (flattenedProfile ?? profile ?? {})["ouId"];
+	return ouId ?? (typeof fromProfile === "string" ? fromProfile : void 0);
+};
+var useDefaultOuId_default = useDefaultOuId;
+
+//#endregion
+export { useDefaultOuId_default as default };
+//# sourceMappingURL=useDefaultOuId.js.map

package/dist/components/admin/shared/useDefaultOuId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDefaultOuId.js","names":["useUser","fromProfile: unknown"],"sources":["../../../../src/components/admin/shared/useDefaultOuId.ts"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport useUser from '../../../contexts/User/useUser';\n\n/**\n * Resolves the organization unit a new resource is created in: the one passed in, otherwise the\n * signed-in user's own organization unit.\n *\n * @param ouId - The organization unit chosen by the caller.\n * @returns The organization unit identifier, or `undefined` when neither is known.\n */\nconst useDefaultOuId = (ouId?: string): string | undefined => {\n  const {profile, flattenedProfile} = useUser();\n  const source: Record<string, unknown> = (flattenedProfile ?? profile ?? {}) as Record<string, unknown>;\n  const fromProfile: unknown = source['ouId'];\n\n  return ouId ?? (typeof fromProfile === 'string' ? fromProfile : undefined);\n};\n\nexport default useDefaultOuId;\n"],"mappings":";;;;;;;;;;AAYA,MAAM,kBAAkB,SAAsC;CAC5D,MAAM,EAAC,SAAS,qBAAoBA,iBAAS;CAE7C,MAAMC,eADmC,oBAAoB,WAAW,EAAE,EACtC;AAEpC,QAAO,SAAS,OAAO,gBAAgB,WAAW,cAAc;;AAGlE,6BAAe"}

package/dist/components/auth/AcceptInvite/AcceptInvite.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AcceptInvite.d.ts","sourceRoot":"","sources":["../../../../src/components/auth/AcceptInvite/AcceptInvite.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,EAAE,EAAgB,SAAS,EAAU,MAAM,OAAO,CAAC;AAC3D,OAAyB,EAAC,2BAA2B,EAAE,wBAAwB,EAAC,MAAM,oBAAoB,CAAC;AAE3G;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG,2BAA2B,CAAC;AAElE;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,SAAS,CAAC;IAEzD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IAExB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAEjC;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,wBAAwB,KAAK,IAAI,CAAC;IAE5D;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAE1B;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAEpC;;OAEG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;CACnC;AAiBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAmFvC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/auth/AcceptInvite/AcceptInvite.js

@@ -0,0 +1,104 @@
+import BaseAcceptInvite_default from "./BaseAcceptInvite.js";
+import { ThunderIDAPIError } from "@thunderid/browser";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/auth/AcceptInvite/AcceptInvite.tsx
+/**
+* Helper to extract query parameters from URL.
+*/
+const getUrlParams = () => {
+	if (typeof window === "undefined") return {};
+	const params = new URLSearchParams(window.location.search);
+	return {
+		executionId: params.get("executionId") || void 0,
+		inviteToken: params.get("inviteToken") || void 0
+	};
+};
+/**
+* AcceptInvite component for end-users to accept an invite and set their password.
+*
+* This component is designed for end users accessing the thunder-gate app via an invite link.
+* It automatically:
+* 1. Extracts executionId and inviteToken from URL query parameters
+* 2. Validates the invite token with the backend
+* 3. Displays the password form if token is valid
+* 4. Completes the accept invite when password is set
+*
+* @example
+* ```tsx
+* import { AcceptInvite } from '@thunderid/react';
+*
+* // URL: /invite?executionId=xxx&inviteToken=yyy
+*
+* const AcceptInvitePage = () => {
+*   return (
+*     <AcceptInvite
+*       baseUrl="https://api.thunder.io"
+*       onComplete={() => navigate('/signin')}
+*       onError={(error) => console.error(error)}
+*     >
+*       {({ values, components, isLoading, isComplete, isValidatingToken, isTokenInvalid, error, handleInputChange, handleSubmit }) => (
+*         <div>
+*           {isValidatingToken && <p>Validating your invite...</p>}
+*           {isTokenInvalid && <p>Invalid or expired invite link</p>}
+*           {isComplete && <p>Registration complete! You can now sign in.</p>}
+*           {!isComplete && !isValidatingToken && !isTokenInvalid && (
+*             // Render password form based on components
+*           )}
+*         </div>
+*       )}
+*     </AcceptInvite>
+*   );
+* };
+* ```
+*/
+const AcceptInvite = ({ baseUrl, executionId: executionIdProp, inviteToken: inviteTokenProp, onComplete, onError, onFlowChange, onGoToSignIn, className, children, size = "medium", variant = "outlined", showTitle = true, showSubtitle = true }) => {
+	const { executionId: urlExecutionId, inviteToken: urlInviteToken } = useMemo(() => getUrlParams(), []);
+	const executionId = executionIdProp || urlExecutionId;
+	const inviteToken = inviteTokenProp || urlInviteToken;
+	const apiBaseUrl = useMemo(() => {
+		if (baseUrl) return baseUrl;
+		if (typeof window !== "undefined") return window.location.origin;
+		return "";
+	}, [baseUrl]);
+	/**
+	* Submit flow step data.
+	* Makes an unauthenticated request to /flow/execute endpoint.
+	*/
+	const handleSubmit = async (payload) => {
+		const response = await fetch(`${apiBaseUrl}/flow/execute`, {
+			body: JSON.stringify({
+				...payload,
+				verbose: true
+			}),
+			headers: {
+				Accept: "application/json",
+				"Content-Type": "application/json"
+			},
+			method: "POST"
+		});
+		if (!response.ok) throw new ThunderIDAPIError(await response.text(), "AcceptInvite-ResponseError-001", "react", response.status, response.statusText);
+		return response.json();
+	};
+	return /* @__PURE__ */ jsx(BaseAcceptInvite_default, {
+		executionId,
+		inviteToken,
+		onSubmit: handleSubmit,
+		onComplete,
+		onError,
+		onFlowChange,
+		onGoToSignIn,
+		className,
+		size,
+		variant,
+		showTitle,
+		showSubtitle,
+		children
+	});
+};
+var AcceptInvite_default = AcceptInvite;
+
+//#endregion
+export { AcceptInvite_default as default };
+//# sourceMappingURL=AcceptInvite.js.map

package/dist/components/auth/AcceptInvite/AcceptInvite.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AcceptInvite.js","names":["params: any","AcceptInvite: FC<AcceptInviteProps>","executionId: any","inviteToken: any","apiBaseUrl: any","response: Response","BaseAcceptInvite"],"sources":["../../../../src/components/auth/AcceptInvite/AcceptInvite.tsx"],"sourcesContent":["// Copyright 2025 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {ThunderIDAPIError} from '@thunderid/browser';\nimport {FC, ReactElement, ReactNode, useMemo} from 'react';\nimport BaseAcceptInvite, {BaseAcceptInviteRenderProps, AcceptInviteFlowResponse} from './BaseAcceptInvite';\n\n/**\n * Render props for AcceptInvite (re-exported for convenience).\n */\nexport type AcceptInviteRenderProps = BaseAcceptInviteRenderProps;\n\n/**\n * Props for the AcceptInvite component.\n */\nexport interface AcceptInviteProps {\n  /**\n   * Base URL for the Thunder API server.\n   * If not provided, will try to read from window location.\n   */\n  baseUrl?: string;\n\n  /**\n   * Render props function for custom UI.\n   * If not provided, default UI will be rendered by the SDK.\n   */\n  children?: (props: AcceptInviteRenderProps) => ReactNode;\n\n  /**\n   * Custom CSS class name.\n   */\n  className?: string;\n\n  /**\n   * Flow ID from the invite link.\n   * If not provided, will be extracted from URL query parameters.\n   */\n  executionId?: string;\n\n  /**\n   * Invite token from the invite link.\n   * If not provided, will be extracted from URL query parameters.\n   */\n  inviteToken?: string;\n\n  /**\n   * Callback when the flow completes successfully.\n   */\n  onComplete?: () => void;\n\n  /**\n   * Callback when an error occurs.\n   */\n  onError?: (error: Error) => void;\n\n  /**\n   * Callback when the flow state changes.\n   */\n  onFlowChange?: (response: AcceptInviteFlowResponse) => void;\n\n  /**\n   * Callback to navigate to sign in page.\n   */\n  onGoToSignIn?: () => void;\n\n  /**\n   * Whether to show the subtitle.\n   */\n  showSubtitle?: boolean;\n\n  /**\n   * Whether to show the title.\n   */\n  showTitle?: boolean;\n\n  /**\n   * Size variant for the component.\n   */\n  size?: 'small' | 'medium' | 'large';\n\n  /**\n   * Theme variant for the component card.\n   */\n  variant?: 'outlined' | 'elevated';\n}\n\n/**\n * Helper to extract query parameters from URL.\n */\nconst getUrlParams = (): {executionId?: string; inviteToken?: string} => {\n  if (typeof window === 'undefined') {\n    return {};\n  }\n\n  const params: any = new URLSearchParams(window.location.search);\n  return {\n    executionId: params.get('executionId') || undefined,\n    inviteToken: params.get('inviteToken') || undefined,\n  };\n};\n\n/**\n * AcceptInvite component for end-users to accept an invite and set their password.\n *\n * This component is designed for end users accessing the thunder-gate app via an invite link.\n * It automatically:\n * 1. Extracts executionId and inviteToken from URL query parameters\n * 2. Validates the invite token with the backend\n * 3. Displays the password form if token is valid\n * 4. Completes the accept invite when password is set\n *\n * @example\n * ```tsx\n * import { AcceptInvite } from '@thunderid/react';\n *\n * // URL: /invite?executionId=xxx&inviteToken=yyy\n *\n * const AcceptInvitePage = () => {\n *   return (\n *     <AcceptInvite\n *       baseUrl=\"https://api.thunder.io\"\n *       onComplete={() => navigate('/signin')}\n *       onError={(error) => console.error(error)}\n *     >\n *       {({ values, components, isLoading, isComplete, isValidatingToken, isTokenInvalid, error, handleInputChange, handleSubmit }) => (\n *         <div>\n *           {isValidatingToken && <p>Validating your invite...</p>}\n *           {isTokenInvalid && <p>Invalid or expired invite link</p>}\n *           {isComplete && <p>Registration complete! You can now sign in.</p>}\n *           {!isComplete && !isValidatingToken && !isTokenInvalid && (\n *             // Render password form based on components\n *           )}\n *         </div>\n *       )}\n *     </AcceptInvite>\n *   );\n * };\n * ```\n */\nconst AcceptInvite: FC<AcceptInviteProps> = ({\n  baseUrl,\n  executionId: executionIdProp,\n  inviteToken: inviteTokenProp,\n  onComplete,\n  onError,\n  onFlowChange,\n  onGoToSignIn,\n  className,\n  children,\n  size = 'medium',\n  variant = 'outlined',\n  showTitle = true,\n  showSubtitle = true,\n}: AcceptInviteProps): ReactElement => {\n  // Extract from URL if not provided as props\n  const {executionId: urlExecutionId, inviteToken: urlInviteToken} = useMemo(() => getUrlParams(), []);\n\n  const executionId: any = executionIdProp || urlExecutionId;\n  const inviteToken: any = inviteTokenProp || urlInviteToken;\n\n  // Determine base URL\n  const apiBaseUrl: any = useMemo(() => {\n    if (baseUrl) {\n      return baseUrl;\n    }\n    // Try to construct from current location (assuming same origin)\n    if (typeof window !== 'undefined') {\n      return window.location.origin;\n    }\n    return '';\n  }, [baseUrl]);\n\n  /**\n   * Submit flow step data.\n   * Makes an unauthenticated request to /flow/execute endpoint.\n   */\n  const handleSubmit = async (payload: Record<string, any>): Promise<AcceptInviteFlowResponse> => {\n    const response: Response = await fetch(`${apiBaseUrl}/flow/execute`, {\n      body: JSON.stringify({\n        ...payload,\n        verbose: true,\n      }),\n      headers: {\n        Accept: 'application/json',\n        'Content-Type': 'application/json',\n      },\n      method: 'POST',\n    });\n\n    if (!response.ok) {\n      const errorText: string = await response.text();\n      // ThunderIDAPIError resolves the raw API body into a readable message instead of leaking it.\n      throw new ThunderIDAPIError(\n        errorText,\n        'AcceptInvite-ResponseError-001',\n        'react',\n        response.status,\n        response.statusText,\n      );\n    }\n\n    return response.json();\n  };\n\n  return (\n    <BaseAcceptInvite\n      executionId={executionId}\n      inviteToken={inviteToken}\n      onSubmit={handleSubmit}\n      onComplete={onComplete}\n      onError={onError}\n      onFlowChange={onFlowChange}\n      onGoToSignIn={onGoToSignIn}\n      className={className}\n      size={size}\n      variant={variant}\n      showTitle={showTitle}\n      showSubtitle={showSubtitle}\n    >\n      {children}\n    </BaseAcceptInvite>\n  );\n};\n\nexport default AcceptInvite;\n"],"mappings":";;;;;;;;;AAyFA,MAAM,qBAAmE;AACvE,KAAI,OAAO,WAAW,YACpB,QAAO,EAAE;CAGX,MAAMA,SAAc,IAAI,gBAAgB,OAAO,SAAS,OAAO;AAC/D,QAAO;EACL,aAAa,OAAO,IAAI,cAAc,IAAI;EAC1C,aAAa,OAAO,IAAI,cAAc,IAAI;EAC3C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCH,MAAMC,gBAAuC,EAC3C,SACA,aAAa,iBACb,aAAa,iBACb,YACA,SACA,cACA,cACA,WACA,UACA,OAAO,UACP,UAAU,YACV,YAAY,MACZ,eAAe,WACsB;CAErC,MAAM,EAAC,aAAa,gBAAgB,aAAa,mBAAkB,cAAc,cAAc,EAAE,EAAE,CAAC;CAEpG,MAAMC,cAAmB,mBAAmB;CAC5C,MAAMC,cAAmB,mBAAmB;CAG5C,MAAMC,aAAkB,cAAc;AACpC,MAAI,QACF,QAAO;AAGT,MAAI,OAAO,WAAW,YACpB,QAAO,OAAO,SAAS;AAEzB,SAAO;IACN,CAAC,QAAQ,CAAC;;;;;CAMb,MAAM,eAAe,OAAO,YAAoE;EAC9F,MAAMC,WAAqB,MAAM,MAAM,GAAG,WAAW,gBAAgB;GACnE,MAAM,KAAK,UAAU;IACnB,GAAG;IACH,SAAS;IACV,CAAC;GACF,SAAS;IACP,QAAQ;IACR,gBAAgB;IACjB;GACD,QAAQ;GACT,CAAC;AAEF,MAAI,CAAC,SAAS,GAGZ,OAAM,IAAI,kBAFgB,MAAM,SAAS,MAAM,EAI7C,kCACA,SACA,SAAS,QACT,SAAS,WACV;AAGH,SAAO,SAAS,MAAM;;AAGxB,QACE,oBAACC;EACc;EACA;EACb,UAAU;EACE;EACH;EACK;EACA;EACH;EACL;EACG;EACE;EACG;EAEb;GACgB;;AAIvB,2BAAe"}

package/dist/components/auth/AcceptInvite/BaseAcceptInvite.d.ts

@@ -0,0 +1,190 @@
+import { FieldError, FlowExecutionError, FlowMetadataResponse, Preferences } from '@thunderid/browser';
+import { FC, ReactNode } from 'react';
+import { CardProps } from '../../primitives/Card/Card';
+/**
+ * Flow response structure from the backend.
+ */
+export interface AcceptInviteFlowResponse {
+    challengeToken?: string;
+    data?: {
+        additionalData?: Record<string, string>;
+        components?: any[];
+        fieldErrors?: FieldError[];
+        meta?: {
+            components?: any[];
+        };
+        redirectURL?: string;
+    };
+    error?: FlowExecutionError;
+    executionId: string;
+    flowStatus: 'INCOMPLETE' | 'COMPLETE' | 'ERROR';
+    type?: 'VIEW' | 'REDIRECTION';
+}
+/**
+ * Render props for custom UI rendering of AcceptInvite.
+ */
+export interface BaseAcceptInviteRenderProps {
+    /**
+     * Additional data from the current flow step (e.g. consentPrompt for consent nodes).
+     */
+    additionalData: Record<string, any>;
+    /**
+     * Flow components from the current step.
+     */
+    components: any[];
+    /**
+     * API error (if any).
+     */
+    error?: Error | null;
+    /**
+     * Current flow ID from URL.
+     */
+    executionId?: string;
+    /**
+     * Field validation errors.
+     */
+    fieldErrors: Record<string, string>;
+    /**
+     * Navigate to sign in page.
+     */
+    goToSignIn?: () => void;
+    /**
+     * Function to handle input blur.
+     */
+    handleInputBlur: (name: string) => void;
+    /**
+     * Function to handle input changes.
+     */
+    handleInputChange: (name: string, value: string) => void;
+    /**
+     * Function to handle form submission.
+     */
+    handleSubmit: (component: any, data?: Record<string, any>) => Promise<void>;
+    /**
+     * Invite token from URL.
+     */
+    inviteToken?: string;
+    /**
+     * Whether the flow has completed successfully.
+     */
+    isComplete: boolean;
+    /**
+     * Loading state.
+     */
+    isLoading: boolean;
+    /**
+     * Whether the token validation failed.
+     */
+    isTokenInvalid: boolean;
+    /**
+     * Whether the form is valid.
+     */
+    isValid: boolean;
+    /**
+     * Whether the invite token is being validated.
+     */
+    isValidatingToken: boolean;
+    /**
+     * Flow metadata returned by the platform (v2 only). `null` while loading or unavailable.
+     */
+    meta: FlowMetadataResponse | null;
+    /**
+     * Subtitle for the current step.
+     */
+    subtitle?: string;
+    /**
+     * Title for the current step.
+     */
+    title?: string;
+    /**
+     * Touched fields.
+     */
+    touched: Record<string, boolean>;
+    /**
+     * Form values for the current step.
+     */
+    values: Record<string, string>;
+}
+/**
+ * Props for the BaseAcceptInvite component.
+ */
+export interface BaseAcceptInviteProps {
+    /**
+     * Render props function for custom UI.
+     * If not provided, default UI will be rendered.
+     */
+    children?: (props: BaseAcceptInviteRenderProps) => ReactNode;
+    /**
+     * Custom CSS class name.
+     */
+    className?: string;
+    /**
+     * Flow ID from the invite link URL.
+     */
+    executionId?: string;
+    /**
+     * Invite token from the invite link URL.
+     */
+    inviteToken?: string;
+    /**
+     * Callback when the flow completes successfully.
+     */
+    onComplete?: () => void;
+    /**
+     * Callback when an error occurs.
+     */
+    onError?: (error: Error) => void;
+    /**
+     * Callback when the flow state changes.
+     */
+    onFlowChange?: (response: AcceptInviteFlowResponse) => void;
+    /**
+     * Callback to navigate to sign in page.
+     */
+    onGoToSignIn?: () => void;
+    /**
+     * Function to submit flow step data.
+     * This makes a request to the flow/execute endpoint.
+     */
+    onSubmit: (payload: Record<string, any>) => Promise<AcceptInviteFlowResponse>;
+    /**
+     * Component-level preferences to override global i18n and theme settings.
+     * Preferences are deep-merged with global ones, with component preferences
+     * taking precedence. Affects this component and all its descendants.
+     */
+    preferences?: Preferences;
+    /**
+     * Whether to show the subtitle.
+     */
+    showSubtitle?: boolean;
+    /**
+     * Whether to show the title.
+     */
+    showTitle?: boolean;
+    /**
+     * Size variant for the component.
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Theme variant for the component.
+     */
+    variant?: CardProps['variant'];
+}
+/**
+ * Base component for accept invite flow (end-user).
+ * Handles the flow logic for validating an invite token and setting a password.
+ *
+ * When no children are provided, renders a default UI with:
+ * - Loading spinner during token validation
+ * - Error alerts for invalid/expired tokens
+ * - Password form with validation
+ * - Success state with sign-in redirect
+ *
+ * Flow steps handled:
+ * 1. Validate invite token (automatic on mount)
+ * 2. Password input
+ * 3. Flow completion
+ */
+declare const BaseAcceptInvite: FC<BaseAcceptInviteProps>;
+export default BaseAcceptInvite;
+//# sourceMappingURL=BaseAcceptInvite.d.ts.map

package/dist/components/auth/AcceptInvite/BaseAcceptInvite.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseAcceptInvite.d.ts","sourceRoot":"","sources":["../../../../src/components/auth/AcceptInvite/BaseAcceptInvite.tsx"],"names":[],"mappings":"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"}