@asgardeo/react 0.6.16 → 0.6.18

package/dist/components/presentation/auth/SignUp/v2/BaseSignUp.d.ts

@@ -0,0 +1,171 @@
+/**
+ * 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 { EmbeddedFlowExecuteRequestPayload, EmbeddedFlowExecuteResponse } from '@asgardeo/browser';
+import { FC, ReactNode } from 'react';
+import { CardProps } from '../../../../primitives/Card/Card';
+/**
+ * Render props for custom UI rendering
+ */
+export interface BaseSignUpRenderProps {
+    /**
+     * Form values
+     */
+    values: Record<string, string>;
+    /**
+     * Form errors
+     */
+    errors: Record<string, string>;
+    /**
+     * Touched fields
+     */
+    touched: Record<string, boolean>;
+    /**
+     * Whether the form is valid
+     */
+    isValid: boolean;
+    /**
+     * Loading state
+     */
+    isLoading: boolean;
+    /**
+     * Flow components
+     */
+    components: any[];
+    /**
+     * 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>;
+    /**
+     * Function to validate the form
+     */
+    validateForm: () => {
+        isValid: boolean;
+        errors: Record<string, string>;
+    };
+    /**
+     * Flow title
+     */
+    title: string;
+    /**
+     * Flow subtitle
+     */
+    subtitle: string;
+    /**
+     * Flow messages
+     */
+    messages: Array<{
+        message: string;
+        type: string;
+    }>;
+}
+/**
+ * Props for the BaseSignUp component.
+ */
+export interface BaseSignUpProps {
+    /**
+     * URL to redirect after successful sign-up.
+     */
+    afterSignUpUrl?: string;
+    /**
+     * Custom CSS class name for the submit button.
+     */
+    buttonClassName?: string;
+    /**
+     * Custom CSS class name for the form container.
+     */
+    className?: string;
+    /**
+     * Custom CSS class name for error messages.
+     */
+    errorClassName?: string;
+    /**
+     * Custom CSS class name for form inputs.
+     */
+    inputClassName?: string;
+    isInitialized?: boolean;
+    /**
+     * Custom CSS class name for info messages.
+     */
+    messageClassName?: string;
+    /**
+     * Callback function called when the sign-up flow completes and requires redirection.
+     * This allows platform-specific handling of redirects (e.g., Next.js router.push).
+     * @param response - The response from the sign-up flow containing the redirect URL, etc.
+     */
+    onComplete?: (response: EmbeddedFlowExecuteResponse) => void;
+    /**
+     * Callback function called when sign-up fails.
+     * @param error - The error that occurred during sign-up.
+     */
+    onError?: (error: Error) => void;
+    /**
+     * Callback function called when sign-up flow status changes.
+     * @param response - The current sign-up response.
+     */
+    onFlowChange?: (response: EmbeddedFlowExecuteResponse) => void;
+    /**
+     * Function to initialize sign-up flow.
+     * @returns Promise resolving to the initial sign-up response.
+     */
+    onInitialize?: (payload?: EmbeddedFlowExecuteRequestPayload) => Promise<EmbeddedFlowExecuteResponse>;
+    /**
+     * Function to handle sign-up steps.
+     * @param payload - The sign-up payload.
+     * @returns Promise resolving to the sign-up response.
+     */
+    onSubmit?: (payload: EmbeddedFlowExecuteRequestPayload) => Promise<EmbeddedFlowExecuteResponse>;
+    /**
+     * Size variant for the component.
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Theme variant for the component.
+     */
+    variant?: CardProps['variant'];
+    /**
+     *  Whether to redirect after sign-up.
+     */
+    shouldRedirectAfterSignUp?: boolean;
+    /**
+     * Render props function for custom UI
+     */
+    children?: (props: BaseSignUpRenderProps) => ReactNode;
+    /**
+     * Whether to show the title.
+     */
+    showTitle?: boolean;
+    /**
+     * Whether to show the subtitle.
+     */
+    showSubtitle?: boolean;
+    /**
+     * Whether to show the logo.
+     */
+    showLogo?: boolean;
+}
+/**
+ * BaseSignUp component that provides embedded sign-up flow for AsgardeoV2.
+ * This component handles both the presentation layer and sign-up flow logic.
+ * It accepts API functions as props to maintain framework independence.
+ */
+declare const BaseSignUp: FC<BaseSignUpProps>;
+export default BaseSignUp;

package/dist/components/presentation/auth/SignUp/v2/SignUp.d.ts

@@ -0,0 +1,38 @@
+/**
+ * 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 { FC, ReactNode } from 'react';
+import { BaseSignUpProps, BaseSignUpRenderProps } from './BaseSignUp';
+/**
+ * Render props function parameters (re-exported from BaseSignUp for convenience)
+ */
+export type SignUpRenderProps = BaseSignUpRenderProps;
+/**
+ * Props for the SignUp component.
+ */
+export type SignUpProps = BaseSignUpProps & {
+    /**
+     * Render props function for custom UI
+     */
+    children?: (props: SignUpRenderProps) => ReactNode;
+};
+/**
+ * A styled SignUp component for AsgardeoV2 (AKA Thunder) platform 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.
+ */
+declare const SignUp: FC<SignUpProps>;
+export default SignUp;

package/dist/index.d.ts

@@ -83,28 +83,28 @@ export { default as SignedOut } from './components/control/SignedOut';
 export * from './components/control/SignedOut';
 export { default as Loading } from './components/control/Loading';
 export * from './components/control/Loading';
-export { default as BaseSignIn } from './components/presentation/SignIn/BaseSignIn';
-export * from './components/presentation/SignIn/BaseSignIn';
-export { default as SignIn } from './components/presentation/SignIn/SignIn';
-export * from './components/presentation/SignIn/SignIn';
-export { default as BaseSignUp } from './components/presentation/SignUp/BaseSignUp';
-export * from './components/presentation/SignUp/BaseSignUp';
-export { default as SignUp } from './components/presentation/SignUp/SignUp';
-export * from './components/presentation/SignUp/SignUp';
-export { default as IdentifierFirst } from './components/presentation/SignIn/non-component-driven/options/IdentifierFirst';
-export { default as UsernamePassword } from './components/presentation/SignIn/non-component-driven/options/UsernamePassword';
+export { default as BaseSignIn } from './components/presentation/auth/SignIn/BaseSignIn';
+export * from './components/presentation/auth/SignIn/BaseSignIn';
+export { default as SignIn } from './components/presentation/auth/SignIn/SignIn';
+export * from './components/presentation/auth/SignIn/SignIn';
+export { default as BaseSignUp } from './components/presentation/auth/SignUp/BaseSignUp';
+export * from './components/presentation/auth/SignUp/BaseSignUp';
+export { default as SignUp } from './components/presentation/auth/SignUp/SignUp';
+export * from './components/presentation/auth/SignUp/SignUp';
+export { default as IdentifierFirst } from './components/presentation/auth/SignIn/v1/options/IdentifierFirst';
+export { default as UsernamePassword } from './components/presentation/auth/SignIn/v1/options/UsernamePassword';
 export { default as GoogleButton } from './components/adapters/GoogleButton';
 export { default as GitHubButton } from './components/adapters/GitHubButton';
 export { default as MicrosoftButton } from './components/adapters/MicrosoftButton';
 export { default as FacebookButton } from './components/adapters/FacebookButton';
 export { default as LinkedInButton } from './components/adapters/LinkedInButton';
 export { default as SignInWithEthereumButton } from './components/adapters/SignInWithEthereumButton';
-export { default as EmailOtp } from './components/presentation/SignIn/non-component-driven/options/EmailOtp';
-export { default as Totp } from './components/presentation/SignIn/non-component-driven/options/Totp';
-export { default as SmsOtp } from './components/presentation/SignIn/non-component-driven/options/SmsOtp';
-export { default as SocialButton } from './components/presentation/SignIn/non-component-driven/options/SocialButton';
-export { default as MultiOptionButton } from './components/presentation/SignIn/non-component-driven/options/MultiOptionButton';
-export * from './components/presentation/SignIn/non-component-driven/options/SignInOptionFactory';
+export { default as EmailOtp } from './components/presentation/auth/SignIn/v1/options/EmailOtp';
+export { default as Totp } from './components/presentation/auth/SignIn/v1/options/Totp';
+export { default as SmsOtp } from './components/presentation/auth/SignIn/v1/options/SmsOtp';
+export { default as SocialButton } from './components/presentation/auth/SignIn/v1/options/SocialButton';
+export { default as MultiOptionButton } from './components/presentation/auth/SignIn/v1/options/MultiOptionButton';
+export * from './components/presentation/auth/SignIn/v1/options/SignInOptionFactory';
 export { default as BaseUser } from './components/presentation/User/BaseUser';
 export * from './components/presentation/User/BaseUser';
 export { default as User } from './components/presentation/User/User';