@thunderid/nextjs 0.0.1

package/dist/types/client/components/presentation/OrganizationList/OrganizationList.d.ts

@@ -0,0 +1,93 @@
+/**
+ * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import { BaseOrganizationListProps, OrganizationWithSwitchAccess } from '@thunderid/react';
+import { FC } from 'react';
+/**
+ * Configuration options for the OrganizationList component.
+ */
+export interface OrganizationListConfig {
+    /**
+     * Whether to automatically fetch organizations on mount
+     */
+    autoFetch?: boolean;
+    /**
+     * Filter string for organizations
+     */
+    filter?: string;
+    /**
+     * Number of organizations to fetch per page
+     */
+    limit?: number;
+    /**
+     * Whether to include recursive organizations
+     */
+    recursive?: boolean;
+}
+/**
+ * Props interface for the OrganizationList component.
+ * Uses the enhanced OrganizationContext instead of the useOrganizations hook.
+ */
+export interface OrganizationListProps extends Omit<BaseOrganizationListProps, 'allOrganizations' | 'error' | 'fetchMore' | 'hasMore' | 'isLoading' | 'isLoadingMore' | 'myOrganizations'>, OrganizationListConfig {
+    /**
+     * Function called when an organization is selected/clicked
+     */
+    onOrganizationSelect?: (organization: OrganizationWithSwitchAccess) => void;
+}
+/**
+ * OrganizationList component that provides organization listing functionality with pagination.
+ * This component uses the enhanced OrganizationContext, eliminating the polling issue and
+ * providing better integration with the existing context system.
+ *
+ * @example
+ * ```tsx
+ * import { OrganizationList } from '@thunderid/react';
+ *
+ * // Basic usage
+ * <OrganizationList />
+ *
+ * // With custom limit and filter
+ * <OrganizationList
+ *   limit={20}
+ *   filter="active"
+ *   onOrganizationSelect={(org) => {
+ *     console.log('Selected organization:', org.name);
+ *   }}
+ * />
+ *
+ * // As a popup dialog
+ * <OrganizationList
+ *   mode="popup"
+ *   open={isOpen}
+ *   onOpenChange={setIsOpen}
+ *   title="Select Organization"
+ * />
+ *
+ * // With custom organization renderer
+ * <OrganizationList
+ *   renderOrganization={(org) => (
+ *     <div key={org.id}>
+ *       <h3>{org.name}</h3>
+ *       <p>Can switch: {org.canSwitch ? 'Yes' : 'No'}</p>
+ *     </div>
+ *   )}
+ * />
+ * ```
+ */
+export declare const OrganizationList: FC<OrganizationListProps>;
+export default OrganizationList;
+//# sourceMappingURL=OrganizationList.d.ts.map

package/dist/types/client/components/presentation/OrganizationList/OrganizationList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationList.d.ts","sourceRoot":"","sources":["../../../../../../src/client/components/presentation/OrganizationList/OrganizationList.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAKH,OAAO,EACL,yBAAyB,EAGzB,4BAA4B,EAC7B,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAC,EAAE,EAAoC,MAAM,OAAO,CAAC;AAE5D;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;GAGG;AACH,MAAM,WAAW,qBACf,SAAQ,IAAI,CACR,yBAAyB,EACzB,kBAAkB,GAAG,OAAO,GAAG,WAAW,GAAG,SAAS,GAAG,WAAW,GAAG,eAAe,GAAG,iBAAiB,CAC3G,EACD,sBAAsB;IACxB;;OAEG;IACH,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,4BAA4B,KAAK,IAAI,CAAC;CAC7E;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA0BtD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/types/client/components/presentation/OrganizationProfile/OrganizationProfile.d.ts

@@ -0,0 +1,120 @@
+/**
+ * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import { BaseOrganizationProfileProps } from '@thunderid/react';
+import { FC, ReactElement } from 'react';
+/**
+ * Props for the OrganizationProfile component.
+ * Extends BaseOrganizationProfileProps but makes the organization prop optional
+ * since it will be fetched using the organizationId
+ */
+export type OrganizationProfileProps = Omit<BaseOrganizationProfileProps, 'organization' | 'mode'> & {
+    /**
+     * Component to show when there's an error loading organization data.
+     */
+    errorFallback?: ReactElement;
+    /**
+     * Component to show while loading organization data.
+     */
+    loadingFallback?: ReactElement;
+    /**
+     * Display mode for the component.
+     */
+    mode?: 'default' | 'popup';
+    /**
+     * Callback fired when the popup should be closed (only used in popup mode).
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Callback fired when the organization should be updated.
+     */
+    onUpdate?: (payload: any) => Promise<void>;
+    /**
+     * Whether the popup is open (only used in popup mode).
+     */
+    open?: boolean;
+    /**
+     * The ID of the organization to fetch and display.
+     */
+    organizationId: string;
+    /**
+     * Custom title for the popup dialog (only used in popup mode).
+     */
+    popupTitle?: string;
+};
+/**
+ * OrganizationProfile component displays organization information in a
+ * structured and styled format. It automatically fetches organization details
+ * using the provided organization ID and displays them using BaseOrganizationProfile.
+ *
+ * The component supports editing functionality, allowing users to modify organization
+ * fields inline. Updates are automatically synced with the backend via the SCIM2 API.
+ *
+ * This component is the React-specific implementation that automatically
+ * retrieves the organization data from ThunderID API.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage with editing enabled (default)
+ * <OrganizationProfile organizationId="0d5e071b-d3d3-475d-b3c6-1a20ee2fa9b1" />
+ *
+ * // Read-only mode
+ * <OrganizationProfile
+ *   organizationId="0d5e071b-d3d3-475d-b3c6-1a20ee2fa9b1"
+ *   editable={false}
+ * />
+ *
+ * // With card layout and custom fallbacks
+ * <OrganizationProfile
+ *   organizationId="0d5e071b-d3d3-475d-b3c6-1a20ee2fa9b1"
+ *   cardLayout={true}
+ *   loadingFallback={<div>Loading organization...</div>}
+ *   errorFallback={<div>Failed to load organization</div>}
+ *   fallback={<div>No organization data available</div>}
+ * />
+ *
+ * // With custom fields configuration and update callback
+ * <OrganizationProfile
+ *   organizationId="0d5e071b-d3d3-475d-b3c6-1a20ee2fa9b1"
+ *   fields={[
+ *     { key: 'id', label: 'Organization ID', editable: false },
+ *     { key: 'name', label: 'Organization Name', editable: true },
+ *     { key: 'description', label: 'Description', editable: true, render: (value) => value || 'No description' },
+ *     { key: 'created', label: 'Created Date', editable: false, render: (value) => new Date(value).toLocaleDateString() },
+ *     { key: 'lastModified', label: 'Last Modified Date', editable: false, render: (value) => new Date(value).toLocaleDateString() },
+ *     { key: 'attributes', label: 'Custom Attributes', editable: true }
+ *   ]}
+ *   onUpdate={async (payload) => {
+ *     console.log('Organization updated:', payload);
+ *     // payload contains the updated field values
+ *     // The component automatically converts these to patch operations
+ *   }}
+ * />
+ *
+ * // In popup mode
+ * <OrganizationProfile
+ *   organizationId="0d5e071b-d3d3-475d-b3c6-1a20ee2fa9b1"
+ *   mode="popup"
+ *   open={isOpen}
+ *   onOpenChange={setIsOpen}
+ *   popupTitle="Edit Organization Profile"
+ * />
+ * ```
+ */
+declare const OrganizationProfile: FC<OrganizationProfileProps>;
+export default OrganizationProfile;
+//# sourceMappingURL=OrganizationProfile.d.ts.map

package/dist/types/client/components/presentation/OrganizationProfile/OrganizationProfile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationProfile.d.ts","sourceRoot":"","sources":["../../../../../../src/client/components/presentation/OrganizationProfile/OrganizationProfile.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAKH,OAAO,EAA0B,4BAA4B,EAAiB,MAAM,kBAAkB,CAAC;AACvG,OAAO,EAAC,EAAE,EAAE,YAAY,EAAsB,MAAM,OAAO,CAAC;AAM5D;;;;GAIG;AACH,MAAM,MAAM,wBAAwB,GAAG,IAAI,CAAC,4BAA4B,EAAE,cAAc,GAAG,MAAM,CAAC,GAAG;IACnG;;OAEG;IACH,aAAa,CAAC,EAAE,YAAY,CAAC;IAE7B;;OAEG;IACH,eAAe,CAAC,EAAE,YAAY,CAAC;IAE/B;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAE3B;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAE3C;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,cAAc,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0DG;AACH,QAAA,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAoFrD,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/types/client/components/presentation/OrganizationSwitcher/OrganizationSwitcher.d.ts

@@ -0,0 +1,72 @@
+/**
+ * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import { Organization } from '@thunderid/node';
+import { BaseOrganizationSwitcherProps } from '@thunderid/react';
+import { FC, ReactElement } from 'react';
+/**
+ * Props interface for the OrganizationSwitcher component.
+ * Makes organizations optional since they'll be retrieved from OrganizationContext.
+ */
+export interface OrganizationSwitcherProps extends Omit<BaseOrganizationSwitcherProps, 'organizations' | 'currentOrganization' | 'onOrganizationSwitch'> {
+    /**
+     * Optional override for current organization (will use context if not provided)
+     */
+    currentOrganization?: Organization;
+    /**
+     * Fallback element to render when the user is not signed in.
+     */
+    fallback?: ReactElement;
+    /**
+     * Optional callback for organization switch (will use context if not provided)
+     */
+    onOrganizationSwitch?: (organization: Organization) => Promise<void> | void;
+    /**
+     * Optional override for organizations list (will use context if not provided)
+     */
+    organizations?: Organization[];
+}
+/**
+ * OrganizationSwitcher component that provides organization switching functionality.
+ * This component automatically retrieves organizations from the OrganizationContext.
+ * You can also override the organizations, currentOrganization, and onOrganizationSwitch
+ * by passing them as props.
+ *
+ * @example
+ * ```tsx
+ * import { OrganizationSwitcher } from '@thunderid/react';
+ *
+ * // Basic usage - uses OrganizationContext
+ * <OrganizationSwitcher />
+ *
+ * // With custom organization switch handler
+ * <OrganizationSwitcher
+ *   onOrganizationSwitch={(org) => {
+ *     console.log('Switching to:', org.name);
+ *     // Custom logic here
+ *   }}
+ * />
+ *
+ * // With fallback for unauthenticated users
+ * <OrganizationSwitcher
+ *   fallback={<div>Please sign in to view organizations</div>}
+ * />
+ * ```
+ */
+export declare const OrganizationSwitcher: FC<OrganizationSwitcherProps>;
+export default OrganizationSwitcher;
+//# sourceMappingURL=OrganizationSwitcher.d.ts.map

package/dist/types/client/components/presentation/OrganizationSwitcher/OrganizationSwitcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationSwitcher.d.ts","sourceRoot":"","sources":["../../../../../../src/client/components/presentation/OrganizationSwitcher/OrganizationSwitcher.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAIH,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAEL,6BAA6B,EAI9B,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAC,EAAE,EAAE,YAAY,EAAW,MAAM,OAAO,CAAC;AAMjD;;;GAGG;AACH,MAAM,WAAW,yBACf,SAAQ,IAAI,CAAC,6BAA6B,EAAE,eAAe,GAAG,qBAAqB,GAAG,sBAAsB,CAAC;IAC7G;;OAEG;IACH,mBAAmB,CAAC,EAAE,YAAY,CAAC;IACnC;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB;;OAEG;IACH,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAC5E;;OAEG;IACH,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;CAChC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CA+G9D,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/types/client/components/presentation/SignIn/SignIn.d.ts

@@ -0,0 +1,70 @@
+/**
+ * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import { BaseSignInProps } from '@thunderid/react';
+import { FC } from 'react';
+/**
+ * Props for the SignIn component.
+ * Extends BaseSignInProps for full compatibility with the React BaseSignIn component
+ */
+export type SignInProps = Pick<BaseSignInProps, 'className' | 'onSuccess' | 'onError' | 'variant' | 'size'>;
+/**
+ * A SignIn component for Next.js that provides native authentication flow.
+ * This component delegates to the BaseSignIn from @thunderid/react and requires
+ * the API functions to be provided as props.
+ *
+ * @remarks This component requires the authentication API functions to be provided
+ * as props. For a complete working example, you'll need to implement the server-side
+ * authentication endpoints or use the traditional OAuth flow with SignInButton.
+ *
+ * @example
+ * ```tsx
+ * import { SignIn } from '@thunderid/nextjs';
+ * import { executeEmbeddedSignInFlow } from '@thunderid/browser';
+ *
+ * const LoginPage = () => {
+ *   const handleInitialize = async () => {
+ *     return await executeEmbeddedSignInFlow({
+ *       response_mode: 'direct',
+ *     });
+ *   };
+ *
+ *   const handleSubmit = async (flow) => {
+ *     return await executeEmbeddedSignInFlow({ flow });
+ *   };
+ *
+ *   return (
+ *     <SignIn
+ *       onInitialize={handleInitialize}
+ *       onSubmit={handleSubmit}
+ *       onSuccess={(authData) => {
+ *         console.log('Authentication successful:', authData);
+ *       }}
+ *       onError={(error) => {
+ *         console.error('Authentication failed:', error);
+ *       }}
+ *       size="medium"
+ *       variant="outlined"
+ *       afterSignInUrl="/dashboard"
+ *     />
+ *   );
+ * };
+ * ```
+ */
+declare const SignIn: FC<SignInProps>;
+export default SignIn;
+//# sourceMappingURL=SignIn.d.ts.map

package/dist/types/client/components/presentation/SignIn/SignIn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignIn.d.ts","sourceRoot":"","sources":["../../../../../../src/client/components/presentation/SignIn/SignIn.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAWH,OAAO,EAAa,eAAe,EAAC,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAC,EAAE,EAAC,MAAM,OAAO,CAAC;AAGzB;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,eAAe,EAAE,WAAW,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC,CAAC;AAE5G;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAuC3B,CAAC;AAIF,eAAe,MAAM,CAAC"}

package/dist/types/client/components/presentation/SignUp/SignUp.d.ts

@@ -0,0 +1,56 @@
+/**
+ * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import { BaseSignUpProps } from '@thunderid/react';
+import { FC } from 'react';
+/**
+ * Props for the SignUp component.
+ */
+export type SignUpProps = BaseSignUpProps;
+/**
+ * A styled SignUp component that provides embedded sign-up flow with pre-built styling.
+ * This component handles the API calls for sign-up and delegates UI logic to BaseSignUp.
+ *
+ * @example
+ * ```tsx
+ * import { SignUp } from '@thunderid/react';
+ *
+ * const App = () => {
+ *   return (
+ *     <SignUp
+ *       onSuccess={(response) => {
+ *         console.log('Sign-up successful:', response);
+ *         // Handle successful sign-up (e.g., redirect, show confirmation)
+ *       }}
+ *       onError={(error) => {
+ *         console.error('Sign-up failed:', error);
+ *       }}
+ *       onComplete={(redirectUrl) => {
+ *         // Platform-specific redirect handling (e.g., Next.js router.push)
+ *         router.push(redirectUrl); // or window.location.href = redirectUrl
+ *       }}
+ *       size="medium"
+ *       variant="outlined"
+ *       afterSignUpUrl="/welcome"
+ *     />
+ *   );
+ * };
+ * ```
+ */
+declare const SignUp: FC<SignUpProps>;
+export default SignUp;
+//# sourceMappingURL=SignUp.d.ts.map

package/dist/types/client/components/presentation/SignUp/SignUp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignUp.d.ts","sourceRoot":"","sources":["../../../../../../src/client/components/presentation/SignUp/SignUp.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAUH,OAAO,EAAa,eAAe,EAAC,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAC,EAAE,EAAC,MAAM,OAAO,CAAC;AAGzB;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,eAAe,CAAC;AAE1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAyD3B,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/types/client/components/presentation/User/User.d.ts

@@ -0,0 +1,62 @@
+/**
+ * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import { BaseUserProps } from '@thunderid/react';
+import { FC, ReactNode } from 'react';
+/**
+ * Props for the User component.
+ * Extends BaseUserProps but makes the user prop optional since it will be obtained from useThunderID
+ */
+export interface UserProps extends Omit<BaseUserProps, 'user'> {
+    /**
+     * Render prop that takes the user object and returns a ReactNode.
+     * @param user - The authenticated user object from ThunderID.
+     * @returns A ReactNode to render.
+     */
+    children: (user: any | null) => ReactNode;
+    /**
+     * Optional element to render when no user is signed in.
+     */
+    fallback?: ReactNode;
+}
+/**
+ * A component that uses render props to expose the authenticated user object.
+ * This component automatically retrieves the user from ThunderID context.
+ *
+ * @remarks This component is only supported in browser based React applications (CSR).
+ *
+ * @example
+ * ```tsx
+ * import { User } from '@thunderid/auth-react';
+ *
+ * const App = () => {
+ *   return (
+ *     <User fallback={<p>Please sign in</p>}>
+ *       {(user) => (
+ *         <div>
+ *           <h1>Welcome, {user.displayName}!</h1>
+ *           <p>Email: {user.email}</p>
+ *         </div>
+ *       )}
+ *     </User>
+ *   );
+ * }
+ * ```
+ */
+declare const User: FC<UserProps>;
+export default User;
+//# sourceMappingURL=User.d.ts.map

package/dist/types/client/components/presentation/User/User.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"User.d.ts","sourceRoot":"","sources":["../../../../../../src/client/components/presentation/User/User.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAIH,OAAO,EAAW,aAAa,EAAC,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAC,EAAE,EAAgB,SAAS,EAAC,MAAM,OAAO,CAAC;AAGlD;;;GAGG;AACH,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC;IAC5D;;;;OAIG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,GAAG,IAAI,KAAK,SAAS,CAAC;IAE1C;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,QAAA,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAQvB,CAAC;AAIF,eAAe,IAAI,CAAC"}

package/dist/types/client/components/presentation/UserDropdown/UserDropdown.d.ts

@@ -0,0 +1,106 @@
+/**
+ * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import { BaseUserDropdownProps } from '@thunderid/react';
+import { FC, ReactNode } from 'react';
+/**
+ * Render props data passed to the children function
+ */
+export interface UserDropdownRenderProps {
+    /** Function to close the profile dialog */
+    closeProfile: () => void;
+    /** Whether user data is currently loading */
+    isLoading: boolean;
+    /** Whether the profile dialog is currently open */
+    isProfileOpen: boolean;
+    /** Function to open the user profile dialog */
+    openProfile: () => void;
+    /** Function to sign out the user */
+    signOut: () => void;
+    /** The authenticated user object */
+    user: any;
+}
+/**
+ * Props for the UserDropdown component.
+ * Extends BaseUserDropdownProps but excludes user, onManageProfile, and onSignOut since they're handled internally
+ */
+export type UserDropdownProps = Omit<BaseUserDropdownProps, 'user' | 'onManageProfile'> & {
+    /**
+     * Render prop function that receives user state and actions.
+     * When provided, this completely replaces the default dropdown rendering.
+     */
+    children?: (props: UserDropdownRenderProps) => ReactNode;
+    /**
+     * Custom render function for the dropdown content.
+     * When provided, this replaces just the dropdown content while keeping the trigger.
+     */
+    renderDropdown?: (props: UserDropdownRenderProps) => ReactNode;
+    /**
+     * Custom render function for the trigger button.
+     * When provided, this replaces just the trigger button while keeping the dropdown.
+     */
+    renderTrigger?: (props: UserDropdownRenderProps) => ReactNode;
+};
+/**
+ * UserDropdown component displays a user avatar with a dropdown menu.
+ * When clicked, it shows a popover with customizable menu items.
+ * This component is the React-specific implementation that uses the BaseUserDropdown
+ * and automatically retrieves the user data from ThunderID context.
+ *
+ * Supports render props for complete customization of the dropdown appearance and behavior.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage - will use user from ThunderID context
+ * <UserDropdown menuItems={[
+ *   { label: 'Profile', onClick: () => {} },
+ *   { label: 'Settings', href: '/settings' },
+ *   { label: 'Sign Out', onClick: () => {} }
+ * ]} />
+ *
+ * // With custom configuration
+ * <UserDropdown
+ *   showTriggerLabel={true}
+ *   avatarSize={40}
+ *   fallback={<div>Please sign in</div>}
+ * />
+ *
+ * // Using render props for complete customization
+ * <UserDropdown>
+ *   {({ user, isLoading, openProfile, signOut }) => (
+ *     <div>
+ *       <button onClick={openProfile}>
+ *         {user?.name || 'Loading...'}
+ *       </button>
+ *       <button onClick={signOut}>Logout</button>
+ *     </div>
+ *   )}
+ * </UserDropdown>
+ *
+ * // Using partial render props
+ * <UserDropdown
+ *   renderTrigger={({ user, openProfile }) => (
+ *     <button onClick={openProfile} className="custom-trigger">
+ *       Welcome, {user?.name}!
+ *     </button>
+ *   )}
+ * />
+ * ```
+ */
+declare const UserDropdown: FC<UserDropdownProps>;
+export default UserDropdown;
+//# sourceMappingURL=UserDropdown.d.ts.map

package/dist/types/client/components/presentation/UserDropdown/UserDropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserDropdown.d.ts","sourceRoot":"","sources":["../../../../../../src/client/components/presentation/UserDropdown/UserDropdown.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAIH,OAAO,EAAmB,qBAAqB,EAAC,MAAM,kBAAkB,CAAC;AACzE,OAAO,EAAC,EAAE,EAAgB,SAAS,EAAW,MAAM,OAAO,CAAC;AAI5D;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,2CAA2C;IAC3C,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,6CAA6C;IAC7C,SAAS,EAAE,OAAO,CAAC;IACnB,mDAAmD;IACnD,aAAa,EAAE,OAAO,CAAC;IACvB,+CAA+C;IAC/C,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,oCAAoC;IACpC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,oCAAoC;IACpC,IAAI,EAAE,GAAG,CAAC;CACX;AAED;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,qBAAqB,EAAE,MAAM,GAAG,iBAAiB,CAAC,GAAG;IACxF;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,SAAS,CAAC;IACzD;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,SAAS,CAAC;IAC/D;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,SAAS,CAAC;CAC/D,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAiFvC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/types/client/components/presentation/UserProfile/UserProfile.d.ts

@@ -0,0 +1,50 @@
+/**
+ * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import { BaseUserProfileProps } from '@thunderid/react';
+import { FC } from 'react';
+/**
+ * Props for the UserProfile component.
+ * Extends BaseUserProfileProps but makes the user prop optional since it will be obtained from useThunderID
+ */
+export type UserProfileProps = Omit<BaseUserProfileProps, 'user' | 'profile' | 'flattenedProfile' | 'schemas'>;
+/**
+ * UserProfile component displays the authenticated user's profile information in a
+ * structured and styled format. It shows user details such as display name, email,
+ * username, and other available profile information from ThunderID.
+ *
+ * This component is the React-specific implementation that uses the BaseUserProfile
+ * and automatically retrieves the user data from ThunderID context if not provided.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage - will use user from ThunderID context
+ * <UserProfile />
+ *
+ * // With explicit user data
+ * <UserProfile user={specificUser} />
+ *
+ * // With card layout and custom fallback
+ * <UserProfile
+ *   cardLayout={true}
+ *   fallback={<div>Please sign in to view your profile</div>}
+ * />
+ * ```
+ */
+declare const UserProfile: FC<UserProfileProps>;
+export default UserProfile;
+//# sourceMappingURL=UserProfile.d.ts.map

package/dist/types/client/components/presentation/UserProfile/UserProfile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserProfile.d.ts","sourceRoot":"","sources":["../../../../../../src/client/components/presentation/UserProfile/UserProfile.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAKH,OAAO,EAAkB,oBAAoB,EAAU,MAAM,kBAAkB,CAAC;AAChF,OAAO,EAAC,EAAE,EAAe,MAAM,OAAO,CAAC;AAGvC;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,oBAAoB,EAAE,MAAM,GAAG,SAAS,GAAG,kBAAkB,GAAG,SAAS,CAAC,CAAC;AAE/G;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAoBrC,CAAC;AAEF,eAAe,WAAW,CAAC"}