@asgardeo/react 0.6.16 → 0.6.18

package/dist/components/adapters/CheckboxInput.d.ts

@@ -16,9 +16,9 @@
  * under the License.
  */
 import { FC } from 'react';
-import { BaseSignUpOptionProps } from '../presentation/SignUp/SignUpOptionFactory';
+import { AdapterProps } from '../../models/adapters';
 /**
  * Checkbox input component for sign-up forms.
  */
-declare const CheckboxInput: FC<BaseSignUpOptionProps>;
+declare const CheckboxInput: FC<AdapterProps>;
 export default CheckboxInput;

package/dist/components/adapters/DateInput.d.ts

@@ -16,9 +16,9 @@
  * under the License.
  */
 import { FC } from 'react';
-import { BaseSignUpOptionProps } from '../presentation/SignUp/SignUpOptionFactory';
+import { AdapterProps } from '../../models/adapters';
 /**
  * Date input component for sign-up forms.
  */
-declare const DateInput: FC<BaseSignUpOptionProps>;
+declare const DateInput: FC<AdapterProps>;
 export default DateInput;

package/dist/components/adapters/DividerComponent.d.ts

@@ -16,9 +16,9 @@
  * under the License.
  */
 import { FC } from 'react';
-import { BaseSignUpOptionProps } from '../presentation/SignUp/SignUpOptionFactory';
+import { AdapterProps } from '../../models/adapters';
 /**
  * Divider component for sign-up forms.
  */
-declare const DividerComponent: FC<BaseSignUpOptionProps>;
+declare const DividerComponent: FC<AdapterProps>;
 export default DividerComponent;

package/dist/components/adapters/EmailInput.d.ts

@@ -16,9 +16,9 @@
  * under the License.
  */
 import { FC } from 'react';
-import { BaseSignUpOptionProps } from '../presentation/SignUp/SignUpOptionFactory';
+import { AdapterProps } from '../../models/adapters';
 /**
  * Email input component for sign-up forms.
  */
-declare const EmailInput: FC<BaseSignUpOptionProps>;
+declare const EmailInput: FC<AdapterProps>;
 export default EmailInput;

package/dist/components/adapters/FormContainer.d.ts

@@ -16,9 +16,9 @@
  * under the License.
  */
 import { FC } from 'react';
-import { BaseSignUpOptionProps } from '../presentation/SignUp/SignUpOptionFactory';
+import { AdapterProps } from '../../models/adapters';
 /**
  * Form container component that renders child components.
  */
-declare const FormContainer: FC<BaseSignUpOptionProps>;
+declare const FormContainer: FC<AdapterProps>;
 export default FormContainer;

package/dist/components/adapters/ImageComponent.d.ts

@@ -16,9 +16,9 @@
  * under the License.
  */
 import { FC } from 'react';
-import { BaseSignUpOptionProps } from '../presentation/SignUp/SignUpOptionFactory';
+import { AdapterProps } from '../../models/adapters';
 /**
  * Image component for sign-up forms.
  */
-declare const ImageComponent: FC<BaseSignUpOptionProps>;
+declare const ImageComponent: FC<AdapterProps>;
 export default ImageComponent;

package/dist/components/adapters/NumberInput.d.ts

@@ -16,9 +16,9 @@
  * under the License.
  */
 import { FC } from 'react';
-import { BaseSignUpOptionProps } from '../presentation/SignUp/SignUpOptionFactory';
+import { AdapterProps } from '../../models/adapters';
 /**
  * Number input component for sign-up forms.
  */
-declare const NumberInput: FC<BaseSignUpOptionProps>;
+declare const NumberInput: FC<AdapterProps>;
 export default NumberInput;

package/dist/components/adapters/PasswordInput.d.ts

@@ -16,9 +16,9 @@
  * under the License.
  */
 import { FC } from 'react';
-import { BaseSignUpOptionProps } from '../presentation/SignUp/SignUpOptionFactory';
+import { AdapterProps } from '../../models/adapters';
 /**
  * Password input component for sign-up forms.
  */
-declare const PasswordInput: FC<BaseSignUpOptionProps>;
+declare const PasswordInput: FC<AdapterProps>;
 export default PasswordInput;

package/dist/components/adapters/SelectInput.d.ts

@@ -16,9 +16,9 @@
  * under the License.
  */
 import { FC } from 'react';
-import { BaseSignUpOptionProps } from '../presentation/SignUp/SignUpOptionFactory';
+import { AdapterProps } from '../../models/adapters';
 /**
  * Select input component for sign-up forms.
  */
-declare const SelectInput: FC<BaseSignUpOptionProps>;
+declare const SelectInput: FC<AdapterProps>;
 export default SelectInput;

package/dist/components/adapters/SocialButton.d.ts

@@ -16,9 +16,9 @@
  * under the License.
  */
 import { FC } from 'react';
-import { BaseSignUpOptionProps } from '../presentation/SignUp/SignUpOptionFactory';
+import { AdapterProps } from '../../models/adapters';
 /**
  * Social button component for sign-up forms.
  */
-declare const SocialButton: FC<BaseSignUpOptionProps>;
+declare const SocialButton: FC<AdapterProps>;
 export default SocialButton;

package/dist/components/adapters/SubmitButton.d.ts

@@ -16,9 +16,9 @@
  * under the License.
  */
 import { FC } from 'react';
-import { BaseSignUpOptionProps } from '../presentation/SignUp/SignUpOptionFactory';
+import { AdapterProps } from '../../models/adapters';
 /**
  * Button component for sign-up forms that handles all button variants.
  */
-declare const ButtonComponent: FC<BaseSignUpOptionProps>;
+declare const ButtonComponent: FC<AdapterProps>;
 export default ButtonComponent;

package/dist/components/adapters/TelephoneInput.d.ts

@@ -16,9 +16,9 @@
  * under the License.
  */
 import { FC } from 'react';
-import { BaseSignUpOptionProps } from '../presentation/SignUp/SignUpOptionFactory';
+import { AdapterProps } from '../../models/adapters';
 /**
  * Telephone input component for sign-up forms.
  */
-declare const TelephoneInput: FC<BaseSignUpOptionProps>;
+declare const TelephoneInput: FC<AdapterProps>;
 export default TelephoneInput;

package/dist/components/adapters/TextInput.d.ts

@@ -16,9 +16,9 @@
  * under the License.
  */
 import { FC } from 'react';
-import { BaseSignUpOptionProps } from '../presentation/SignUp/SignUpOptionFactory';
+import { AdapterProps } from '../../models/adapters';
 /**
  * Text input component for sign-up forms.
  */
-declare const TextInput: FC<BaseSignUpOptionProps>;
+declare const TextInput: FC<AdapterProps>;
 export default TextInput;

package/dist/components/adapters/Typography.d.ts

@@ -16,9 +16,9 @@
  * under the License.
  */
 import { FC } from 'react';
-import { BaseSignUpOptionProps } from '../presentation/SignUp/SignUpOptionFactory';
+import { AdapterProps } from '../../models/adapters';
 /**
  * Typography component for sign-up forms (titles, descriptions, etc.).
  */
-declare const TypographyComponent: FC<BaseSignUpOptionProps>;
+declare const TypographyComponent: FC<AdapterProps>;
 export default TypographyComponent;

package/dist/components/presentation/{SignIn/component-driven/SignInOptionFactory.d.ts → auth/AuthOptionFactory.d.ts}

@@ -16,9 +16,10 @@
  * under the License.
  */
 import { ReactElement } from 'react';
-import { EmbeddedFlowComponent } from '@asgardeo/browser';
+import { EmbeddedFlowComponentV2 as EmbeddedFlowComponent } from '@asgardeo/browser';
+export type AuthType = 'signin' | 'signup';
 /**
- * Processes an array of components and renders them as React elements.
+ * Processes an array of components and renders them as React elements for sign-in.
  */
 export declare const renderSignInComponents: (components: EmbeddedFlowComponent[], formValues: Record<string, string>, touchedFields: Record<string, boolean>, formErrors: Record<string, string>, isLoading: boolean, isFormValid: boolean, onInputChange: (name: string, value: string) => void, options?: {
     buttonClassName?: string;
@@ -28,3 +29,14 @@ export declare const renderSignInComponents: (components: EmbeddedFlowComponent[
     size?: "small" | "medium" | "large";
     variant?: any;
 }) => ReactElement[];
+/**
+ * Processes an array of components and renders them as React elements for sign-up.
+ */
+export declare const renderSignUpComponents: (components: EmbeddedFlowComponent[], formValues: Record<string, string>, touchedFields: Record<string, boolean>, formErrors: Record<string, string>, isLoading: boolean, isFormValid: boolean, onInputChange: (name: string, value: string) => void, options?: {
+    buttonClassName?: string;
+    inputClassName?: string;
+    onInputBlur?: (name: string) => void;
+    onSubmit?: (component: EmbeddedFlowComponent, data?: Record<string, any>) => void;
+    size?: "small" | "medium" | "large";
+    variant?: any;
+}) => ReactElement[];

package/dist/components/presentation/{SignIn → auth/SignIn}/BaseSignIn.d.ts

@@ -16,8 +16,8 @@
  * under the License.
  */
 import { FC } from 'react';
-import { BaseSignInProps as BaseSignInV1Props } from './non-component-driven/BaseSignIn';
-import { BaseSignInProps as BaseSignInV2Props } from './component-driven/BaseSignIn';
+import { BaseSignInProps as BaseSignInV1Props } from './v1/BaseSignIn';
+import { BaseSignInProps as BaseSignInV2Props } from './v2/BaseSignIn';
 /**
  * Props for the BaseSignIn component.
  * Extends BaseSignInV1Props & BaseSignInV2Props for full compatibility with both React BaseSignIn components.

package/dist/components/presentation/{SignIn → auth/SignIn}/SignIn.d.ts

@@ -16,13 +16,13 @@
  * under the License.
  */
 import { FC, ReactElement } from 'react';
-import { BaseSignInProps as BaseSignInV1Props } from './non-component-driven/BaseSignIn';
-import { SignInRenderProps } from './component-driven/SignIn';
+import { SignInRenderProps } from './v2/SignIn';
+import { BaseSignInProps } from './BaseSignIn';
 /**
  * Props for the SignIn component.
  * Extends BaseSignInProps for full compatibility with the React BaseSignIn component
  */
-export type SignInProps = Pick<BaseSignInV1Props, 'className' | 'onSuccess' | 'onError' | 'variant' | 'size'> & {
+export type SignInProps = Pick<BaseSignInProps, 'className' | 'onSuccess' | 'onError' | 'variant' | 'size'> & {
     /**
      * Render function for custom UI (render props pattern).
      */

package/dist/components/presentation/{SignIn/non-component-driven → auth/SignIn/v1}/BaseSignIn.d.ts

@@ -17,7 +17,7 @@
  */
 import { EmbeddedSignInFlowInitiateResponse, EmbeddedSignInFlowHandleResponse, EmbeddedSignInFlowHandleRequestPayload, EmbeddedFlowExecuteRequestConfig } from '@asgardeo/browser';
 import { FC } from 'react';
-import { CardProps } from '../../../primitives/Card/Card';
+import { CardProps } from '../../../../primitives/Card/Card';
 /**
  * Props for the BaseSignIn component.
  */

package/dist/components/presentation/{SignIn/component-driven → auth/SignIn/v2}/BaseSignIn.d.ts

@@ -16,8 +16,8 @@
  * under the License.
  */
 import { FC, ReactNode } from 'react';
-import { EmbeddedFlowComponent, EmbeddedSignInFlowRequestV2 } from '@asgardeo/browser';
-import { CardProps } from '../../../primitives/Card/Card';
+import { EmbeddedSignInFlowRequestV2 as EmbeddedSignInFlowRequest, EmbeddedFlowComponentV2 as EmbeddedFlowComponent } from '@asgardeo/browser';
+import { CardProps } from '../../../../primitives/Card/Card';
 /**
  * Render props for custom UI rendering
  */
@@ -119,7 +119,7 @@ export interface BaseSignInProps {
      * @param payload - The form data to submit.
      * @param component - The component that triggered the submission.
      */
-    onSubmit?: (payload: EmbeddedSignInFlowRequestV2, component: EmbeddedFlowComponent) => Promise<void>;
+    onSubmit?: (payload: EmbeddedSignInFlowRequest, component: EmbeddedFlowComponent) => Promise<void>;
     /**
      * Callback function called when authentication is successful.
      * @param authData - The authentication data returned upon successful completion.

package/dist/components/presentation/{SignIn/component-driven → auth/SignIn/v2}/SignIn.d.ts

@@ -17,7 +17,7 @@
  */
 import { FC, ReactNode } from 'react';
 import { BaseSignInProps } from './BaseSignIn';
-import { EmbeddedFlowComponent, EmbeddedSignInFlowRequestV2 } from '@asgardeo/browser';
+import { EmbeddedFlowComponentV2 as EmbeddedFlowComponent, EmbeddedSignInFlowRequestV2 } from '@asgardeo/browser';
 /**
  * Render props function parameters
  */

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

@@ -0,0 +1,27 @@
+/**
+ * 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 } from 'react';
+import { BaseSignUpProps as BaseSignUpV1Props } from './v1/BaseSignUp';
+import { BaseSignUpProps as BaseSignUpV2Props } from './v2/BaseSignUp';
+/**
+ * Props for the BaseSignUp component.
+ * Extends BaseSignUpV1Props & BaseSignUpV2Props for full compatibility with both React BaseSignUp components.
+ */
+export type BaseSignUpProps = BaseSignUpV1Props | BaseSignUpV2Props;
+declare const BaseSignUp: FC<BaseSignUpProps>;
+export default BaseSignUp;

package/dist/components/presentation/{SignUp → auth/SignUp}/SignUp.d.ts

@@ -15,24 +15,17 @@
  * 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;
+import { FC } from 'react';
+import { SignUpProps as SignUpV1Props } from './v1/SignUp';
+import { SignUpProps as SignUpV2Props } from './v2/SignUp';
 /**
  * Props for the SignUp component.
+ * Extends SignUpV1Props & SignUpV2Props for full compatibility with both React SignUp components.
  */
-export type SignUpProps = BaseSignUpProps & {
-    /**
-     * Render props function for custom UI
-     */
-    children?: (props: SignUpRenderProps) => ReactNode;
-};
+export type SignUpProps = SignUpV1Props | SignUpV2Props;
 /**
  * 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.
+ * This component routes to the appropriate version-specific implementation based on the platform.
  *
  * @example
  * // Default UI

package/dist/components/presentation/{SignUp → auth/SignUp/v1}/BaseSignUp.d.ts

@@ -17,7 +17,7 @@
  */
 import { EmbeddedFlowExecuteRequestPayload, EmbeddedFlowExecuteResponse } from '@asgardeo/browser';
 import { FC, ReactNode } from 'react';
-import { CardProps } from '../../primitives/Card/Card';
+import { CardProps } from '../../../../primitives/Card/Card';
 /**
  * Render props for custom UI rendering
  */
@@ -163,61 +163,11 @@ export interface BaseSignUpProps {
     showLogo?: boolean;
 }
 /**
- * Base SignUp component that provides embedded sign-up flow.
+ * BaseSignUp component that provides embedded sign-up flow for Asgardeo.
  * This component handles both the presentation layer and sign-up flow logic.
  * It accepts API functions as props to maintain framework independence.
  *
- * @example
- * // Default UI
- * ```tsx
- * import { BaseSignUp } from '@asgardeo/react';
- *
- * const MySignUp = () => {
- *   return (
- *     <BaseSignUp
- *       onInitialize={async (payload) => {
- *         // Your API call to initialize sign-up
- *         return await initializeSignUp(payload);
- *       }}
- *       onSubmit={async (payload) => {
- *         // Your API call to handle sign-up
- *         return await handleSignUp(payload);
- *       }}
- *       onError={(error) => {
- *         console.error('Error:', error);
- *       }}
- *       onComplete={(response) => {
- *         // Platform-specific redirect handling (e.g., Next.js router.push)
- *         router.push(response); // or window.location.href = redirectUrl
- *       }}
- *       className="max-w-md mx-auto"
- *     />
- *   );
- * };
- * ```
- *
- * @example
- * // Custom UI with render props
- * ```tsx
- * <BaseSignUp onInitialize={initializeSignUp} onSubmit={handleSignUp}>
- *   {({values, errors, handleInputChange, handleSubmit, isLoading, components}) => (
- *     <div className="custom-form">
- *       <input
- *         name="username"
- *         value={values.username || ''}
- *         onChange={(e) => handleInputChange('username', e.target.value)}
- *       />
- *       {errors.username && <span>{errors.username}</span>}
- *       <button
- *         onClick={() => handleSubmit(components[0], values)}
- *         disabled={isLoading}
- *       >
- *         Sign Up
- *       </button>
- *     </div>
- *   )}
- * </BaseSignUp>
- * ```
+ * @internal
  */
 declare const BaseSignUp: FC<BaseSignUpProps>;
 export default BaseSignUp;

package/dist/components/presentation/auth/SignUp/v1/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 Asgardeo 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/components/presentation/{SignUp → auth/SignUp/v1}/SignUpOptionFactory.d.ts

@@ -15,62 +15,13 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { EmbeddedFlowComponent, WithPreferences } from '@asgardeo/browser';
+import { EmbeddedFlowComponent } from '@asgardeo/browser';
 import { ReactElement } from 'react';
-/**
- * Base props that all sign-up option components share.
- */
-export interface BaseSignUpOptionProps extends WithPreferences {
-    /**
-     * Custom CSS class name for buttons.
-     */
-    buttonClassName?: string;
-    /**
-     * The component configuration from the flow response.
-     */
-    component: EmbeddedFlowComponent;
-    /**
-     * Form validation errors.
-     */
-    formErrors: Record<string, string>;
-    /**
-     * Current form values.
-     */
-    formValues: Record<string, string>;
-    /**
-     * Custom CSS class name for form inputs.
-     */
-    inputClassName?: string;
-    /**
-     * Whether the form is valid.
-     */
-    isFormValid: boolean;
-    /**
-     * Whether the component is in loading state.
-     */
-    isLoading: boolean;
-    /**
-     * Callback function called when input values change.
-     */
-    onInputChange: (name: string, value: string) => void;
-    onSubmit?: (component: EmbeddedFlowComponent, data?: Record<string, any>) => void;
-    /**
-     * Component size variant.
-     */
-    size?: 'small' | 'medium' | 'large';
-    /**
-     * Touched state for form fields.
-     */
-    touchedFields: Record<string, boolean>;
-    /**
-     * Component theme variant.
-     */
-    variant?: any;
-}
+import { AdapterProps } from 'packages/react/src/models/adapters';
 /**
  * Creates the appropriate sign-up component based on the component type.
  */
-export declare const createSignUpComponent: ({ component, onSubmit, ...rest }: BaseSignUpOptionProps) => ReactElement;
+export declare const createSignUpComponent: ({ component, onSubmit, ...rest }: AdapterProps) => ReactElement;
 /**
  * Convenience function that creates the appropriate sign-up component from flow component data.
  */