Update MfaBeginEnrollOptions.mdx

main/docs/libraries/acul/js-sdk/Screens/classes/MfaBeginEnrollOptions.mdx

@@ -2,52 +2,64 @@
 title: "MfaBeginEnrollOptions"
 ---
 
+The MfaBeginEnrollOptions class implements the `mfa-begin-enroll-options` screen functionality. This screen handles the selection and enrollment of MFA factors.
+​
 <Frame><img style={{maxHeight:"400px"}} src="/docs/images/cdy7uua7fh8z/62OEPAxQZojISBMcfMSSDl/7e72c9355ec129e03113121e308672a8/Screenshot_2025-02-18_at_13.40.51.png" alt="undefined"/></Frame>
 
-MFA Begin Enroll Options screen implementation class
-Handles the selection and enrollment of MFA factors
+## Constructors
+
+Create an instance of MFA Begin Enroll Options screen manager
 
 ```ts Example
+import MfaBeginEnrollOptions from '@auth0/auth0-acul-js/mfa-begin-enroll-options';
 const mfaBeginEnrollOptions = new MfaBeginEnrollOptions();
 await mfaBeginEnrollOptions.enroll({
   action: 'push-notification'
 });
 ```
 
-## Constructors
-
-<ParamField body="MfaBeginEnrollOptions" type="Constructor">
-
-Creates an instance of MFA Begin Enroll Options screen manager
-
-</ParamField>
 ## Properties
 
-<ParamField body='branding' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/BrandingMembers">BrandingMembers</a></span>}/>
-
-<ParamField body='client' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/ClientMembers">ClientMembers</a></span>}/>
+<ParamField body='branding' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/BrandingMembers">BrandingMembers</a></span>}>
+Provides branding-related configurations, such as branding theme and settings. 
+</ParamField>
 
-<ParamField body='organization' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/OrganizationMembers">OrganizationMembers</a></span>}/>
+<ParamField body='client' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/ClientMembers">ClientMembers</a></span>}>
+Provides client-related configurations, such as `id`, `name`, and `logoUrl`. 
+</ParamField>
 
-<ParamField body='prompt' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/PromptMembers">PromptMembers</a></span>}/>
+<ParamField body='organization' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/OrganizationMembers">OrganizationMembers</a></span>}>
+Provides information about the user's organization, such as organization `id` and `name`.
+</ParamField>
 
-<ParamField body='screen' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/ScreenMembers">ScreenMembers</a></span>}/>
+<ParamField body='prompt' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/PromptMembers">PromptMembers</a></span>}>
+Contains data about the current prompt in the authentication flow. 
+</ParamField>
 
-<ParamField body='tenant' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/TenantMembers">TenantMembers</a></span>}/>
+<ParamField body='screen' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/ScreenMembers">ScreenMembers</a></span>}>
+Contains details specific to the screen, including its configuration and context.
+</ParamField>
 
-<ParamField body='transaction' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/TransactionMembers">TransactionMembers</a></span>}/>
+<ParamField body='tenant' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/TenantMembers">TenantMembers</a></span>}>
+Contains data related to the tenant, such as `id` and associated metadata.
+</ParamField>
 
-<ParamField body='untrustedData' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/UntrustedDataMembers">UntrustedDataMembers</a></span>}/>
+<ParamField body='transaction' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/TransactionMembers">TransactionMembers</a></span>}>
+Provides transaction-specific data, such as active identifiers and flow states. 
+</ParamField>
 
-<ParamField body='user' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/UserMembers">UserMembers</a></span>}/>
+<ParamField body='untrustedData' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/UntrustedDataMembers">UntrustedDataMembers</a></span>}>
+Handles untrusted data passed to the SDK, such as user input during login.
+</ParamField>
 
-<ParamField body='screenIdentifier' type='string'/>
+<ParamField body='user' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/UserMembers">UserMembers</a></span>}>
+Details of the active user, including `username`, `email`, and `roles`.
+</ParamField>
 
 ## Methods
 
-<ParamField body='enroll' type='Promise<void>'>
-
-Continues the enrollment process with the selected factor
+<ParamField body='enroll' type='(options ?)'>
+This method continues the enrollment process with the selected factor.
 
 ```typescript Example
 const mfaBeginEnrollOptions = new MfaBeginEnrollOptions();
@@ -56,24 +68,26 @@ await mfaBeginEnrollOptions.enroll({
 });
 ```
 
-<Expandable title="Parameters">
-<ParamField body='payload' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/MfaEnrollOptions">MfaEnrollOptions</a></span>}>
-The enrollment options including the selected factor
+<ParamField body="options" type="OPTIONAL"> 
+The enrollment options including the selected factor.
 
-**Properties**
+<Expandable title="options properties">
 
-<ParamField body='action' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/type-aliases/MfaEnrollFactorType">MfaEnrollFactorType</a></span>}>
-The action indicating which factor to enroll
+<ParamField body='action' type=' "push-notification" | "otp" | "sms" | "phone" | "voice" | "webauthn-roaming"' required >
+The action indicating which factor to enroll.
 </ParamField>
+
+<ParamField body='[`key`: `string`]' type='"string" | "number" | "boolean" | "undefined"' >
+Additional data collected from the user.
 </ParamField>
 
 </Expandable>
 </ParamField>
+</ParamField>
 
-<ParamField body='getErrors' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/Error">Error</a>[]</span>}>
 
-Retrieves the array of transaction errors from the context, or an empty array if none exist.
+<ParamField body='getErrors' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/Error">Error</a>[]</span>}>
 
-An array of error objects from the transaction context.
+This method retrieves the array of transaction errors from the context, or an empty array if none exist.
 
-</ParamField>
+</ParamField>

main/docs/libraries/acul/js-sdk/Screens/classes/MfaCountryCodes.mdx

@@ -2,8 +2,13 @@
 title: "MfaCountryCodes"
 ---
 
-Class implementing the mfa-country-codes screen functionality
-This screen allows users to select a country code for MFA phone number verification
+The MfaCountryCodes class implements the `mfa-country-codes` screen functionality. This screen allows users to select a country code for MFA phone number verification.
+
+<Frame><img style={{maxHeight:"400px"}} src="https://mintlify.s3.us-west-1.amazonaws.com/auth0/docs/images/ja-jp/cdy7uua7fh8z/7hp8LeL9cbS3nbxw8wTuqK/3c862b1c47ae18fb43f22f55ea4d695a/Screenshot_2025-02-19_at_13.23.44.png" alt="MFACountryCodes" /></Frame>
+
+## Constructors
+
+Create an instance of MfaCountryCodes screen
 
 ```ts Example
 import MfaCountryCodes from '@auth0/auth0-acul-js/mfa-country-codes';
@@ -21,69 +26,77 @@ await mfaCountryCodes.selectCountryCode({
 });
 ```
 
-## Constructors
-
-<ParamField body="MfaCountryCodes" type="Constructor">
-
-Creates an instance of MfaCountryCodes screen manager
-
-</ParamField>
 ## Properties
 
-<ParamField body='branding' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/BrandingMembers">BrandingMembers</a></span>}/>
-
-<ParamField body='client' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/ClientMembers">ClientMembers</a></span>}/>
+<ParamField body='branding' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/BrandingMembers">BrandingMembers</a></span>}>
+Provides branding-related configurations, such as branding theme and settings. 
+</ParamField>
 
-<ParamField body='organization' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/OrganizationMembers">OrganizationMembers</a></span>}/>
+<ParamField body='client' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/ClientMembers">ClientMembers</a></span>}>
+Provides client-related configurations, such as `id`, `name`, and `logoUrl`. 
+</ParamField>
 
-<ParamField body='prompt' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/PromptMembers">PromptMembers</a></span>}/>
+<ParamField body='organization' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/OrganizationMembers">OrganizationMembers</a></span>}>
+Provides information about the user's organization, such as organization `id` and `name`.
+</ParamField>
 
-<ParamField body='screen' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/ScreenMembersOnMfaCountryCodes">ScreenMembersOnMfaCountryCodes</a></span>}/>
+<ParamField body='prompt' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/PromptMembers">PromptMembers</a></span>}>
+Contains data about the current prompt in the authentication flow. 
+</ParamField>
 
-<ParamField body='tenant' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/TenantMembers">TenantMembers</a></span>}/>
+<ParamField body='screen' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/ScreenMembers">ScreenMembers</a></span>}>
+Contains details specific to the screen, including its configuration and context.
+</ParamField>
 
-<ParamField body='transaction' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/TransactionMembers">TransactionMembers</a></span>}/>
+<ParamField body='tenant' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/TenantMembers">TenantMembers</a></span>}>
+Contains data related to the tenant, such as `id` and associated metadata.
+</ParamField>
 
-<ParamField body='untrustedData' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/UntrustedDataMembers">UntrustedDataMembers</a></span>}/>
+<ParamField body='transaction' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/TransactionMembers">TransactionMembers</a></span>}>
+Provides transaction-specific data, such as active identifiers and flow states. 
+</ParamField>
 
-<ParamField body='user' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/UserMembers">UserMembers</a></span>}/>
+<ParamField body='untrustedData' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/UntrustedDataMembers">UntrustedDataMembers</a></span>}>
+Handles untrusted data passed to the SDK, such as user input during login.
+</ParamField>
 
-<ParamField body='screenIdentifier' type='string'/>
+<ParamField body='user' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/UserMembers">UserMembers</a></span>}>
+Details of the active user, including `username`, `email`, and `roles`.
+</ParamField>
 
 ## Methods
 
 <ParamField body='getErrors' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/Error">Error</a>[]</span>}>
 
-Retrieves the array of transaction errors from the context, or an empty array if none exist.
-
-An array of error objects from the transaction context.
+This method retrieves the array of transaction errors from the context, or an empty array if none exist.
 
 </ParamField>
 
-<ParamField body='goBack' type='Promise<void>'>
 
-Navigates back to the previous screen
+<ParamField body='goBack' type='(options ?)'>
+This method navigates back to the previous screen
 
 ```typescript Example
 import MfaCountryCodes from '@auth0/auth0-acul-js/mfa-country-codes';
-
 const mfaCountryCodes = new MfaCountryCodes();
 await mfaCountryCodes.goBack();
 ```
 
-<Expandable title="Parameters">
-<ParamField body='payload?' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/CustomOptions">CustomOptions</a></span>}>
-
+<ParamField body="options" type="OPTIONAL"> 
 Optional custom options to include with the request
 
+<Expandable title="options properties">
+
+<ParamField body='[`key`: `string`]' type='"string" | "number" | "boolean" | "undefined"' >
+Additional data collected from the user.
 </ParamField>
 
 </Expandable>
 </ParamField>
+</ParamField>
 
-<ParamField body='selectCountryCode' type='Promise<void>'>
-
-Selects a country code from the available options
+<ParamField body='selectCountryCode' type='(options ?)'>
+This method selects a country code from the available options.
 
 ```typescript Example
 import MfaCountryCodes from '@auth0/auth0-acul-js/mfa-country-codes';
@@ -101,21 +114,23 @@ await mfaCountryCodes.selectCountryCode({
 });
 ```
 
-<Expandable title="Parameters">
-<ParamField body='payload' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/SelectCountryCodeOptions">SelectCountryCodeOptions</a></span>}>
-The options containing the country code selection action
+<ParamField body="options" type="OPTIONAL"> 
+The options containing the country code selection action.
 
-**Properties**
+<Expandable title="options properties">
 
-<ParamField body="country_code" type="string">
+<ParamField body="country_code" type="string" required>
 The country code (e.g. 'US', 'GB')
 </ParamField>
 
-<ParamField body="phone_prefix" type="string">
+<ParamField body="phone_prefix" type="string" required>
 The phone prefix (e.g. '+1', '+44')
 </ParamField>
 
+<ParamField body='[`key`: `string`]' type='"string" | "number" | "boolean" | "undefined"' >
+Additional data collected from the user.
 </ParamField>
 
 </Expandable>
-</ParamField>
+</ParamField>
+</ParamField>

main/docs/libraries/acul/js-sdk/Screens/classes/MfaDetectBrowserCapabilities.mdx

@@ -2,70 +2,83 @@
 title: "MfaDetectBrowserCapabilities"
 ---
 
+The MfaDetectBrowserCapabilities class implements the `mfa-detect-browser-capabilities` screen functionality. This screen detects browser capabilities for MFA authentication methods.
+
 <Frame><img style={{maxHeight:"400px"}} src="/docs/images/cdy7uua7fh8z/7AKxEfmSBMoZw5JkKBmijz/475f620f97b3c6e22547301dffc7a41f/Screenshot_2025-02-20_at_11.20.35.png" alt=""/></Frame>
 
-Class implementing the mfa-detect-browser-capabilities screen functionality
-This screen detects browser capabilities for MFA authentication methods
+## Constructors
+
+Create an instance of MfaDetectBrowserCapabilities screen
 
 ```ts Example
+import MfaDetectBrowserCapabilities from '@auth0/auth0-acul-js/mfa-detect-browser-capabilities';
 const mfaDetectBrowserCapabilities = new MfaDetectBrowserCapabilities();
 await mfaDetectBrowserCapabilities.detectCapabilities();
 ```
 
-## Constructors
-
-<ParamField body="MfaDetectBrowserCapabilities" type="Constructor">
-
-Creates an instance of MfaDetectBrowserCapabilities screen manager
+## Properties
 
+<ParamField body='branding' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/BrandingMembers">BrandingMembers</a></span>}>
+Provides branding-related configurations, such as branding theme and settings. 
 </ParamField>
-## Properties
 
-<ParamField body='branding' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/BrandingMembers">BrandingMembers</a></span>}/>
+<ParamField body='client' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/ClientMembers">ClientMembers</a></span>}>
+Provides client-related configurations, such as `id`, `name`, and `logoUrl`. 
+</ParamField>
 
-<ParamField body='client' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/ClientMembers">ClientMembers</a></span>}/>
+<ParamField body='organization' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/OrganizationMembers">OrganizationMembers</a></span>}>
+Provides information about the user's organization, such as organization `id` and `name`.
+</ParamField>
 
-<ParamField body='organization' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/OrganizationMembers">OrganizationMembers</a></span>}/>
+<ParamField body='prompt' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/PromptMembers">PromptMembers</a></span>}>
+Contains data about the current prompt in the authentication flow. 
+</ParamField>
 
-<ParamField body='prompt' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/PromptMembers">PromptMembers</a></span>}/>
+<ParamField body='screen' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/ScreenMembers">ScreenMembers</a></span>}>
+Contains details specific to the screen, including its configuration and context.
+</ParamField>
 
-<ParamField body='screen' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/ScreenMembers">ScreenMembers</a></span>}/>
+<ParamField body='tenant' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/TenantMembers">TenantMembers</a></span>}>
+Contains data related to the tenant, such as `id` and associated metadata.
+</ParamField>
 
-<ParamField body='tenant' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/TenantMembers">TenantMembers</a></span>}/>
+<ParamField body='transaction' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/TransactionMembers">TransactionMembers</a></span>}>
+Provides transaction-specific data, such as active identifiers and flow states. 
+</ParamField>
 
-<ParamField body='transaction' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/TransactionMembers">TransactionMembers</a></span>}/>
+<ParamField body='untrustedData' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/UntrustedDataMembers">UntrustedDataMembers</a></span>}>
+Handles untrusted data passed to the SDK, such as user input during login.
+</ParamField>
 
-<ParamField body='untrustedData' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/UntrustedDataMembers">UntrustedDataMembers</a></span>}/>
+<ParamField body='user' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/UserMembers">UserMembers</a></span>}>
+Details of the active user, including `username`, `email`, and `roles`.
+</ParamField>
 
-<ParamField body='user' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/UserMembers">UserMembers</a></span>}/>
+## Methods
 
-<ParamField body='screenIdentifier' type='string'/>
+<ParamField body='getErrors' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/Error">Error</a>[]</span>}>
 
-## Methods
+This method retrieves the array of transaction errors from the context, or an empty array if none exist.
 
-<ParamField body='detectCapabilities' type='Promise<void>'>
+</ParamField>
 
-Picks an authenticator based on browser capabilities
+<ParamField body='detectCapabilities' type='(options ?)'>
+This method picks an authenticator based on browser capabilities
 
 ```typescript Example
 const mfaDetectBrowserCapabilities = new MfaDetectBrowserCapabilities();
 await mfaDetectBrowserCapabilities.detectCapabilities();
 ```
 
-<Expandable title="Parameters">
-<ParamField body='payload?' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/CustomOptions">CustomOptions</a></span>}>
+<ParamField body="options" type="OPTIONAL"> 
+The options containing browser capability flags.
 
-The options containing browser capability flags
+<Expandable title="options properties">
 
+<ParamField body='[`key`: `string`]' type='"string" | "number" | "boolean" | "undefined"' >
+Additional data collected from the user.
 </ParamField>
 
 </Expandable>
 </ParamField>
-
-<ParamField body='getErrors' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/Error">Error</a>[]</span>}>
-
-Retrieves the array of transaction errors from the context, or an empty array if none exist.
-
-An array of error objects from the transaction context.
-
-</ParamField>
+</ParamField>