Update MfaSmsList.mdx

Author: BcnCarlos

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

@@ -2,8 +2,14 @@
 title: "MfaSmsList"
 ---
 
-MfaSmsList
-Class for handling the mfa-sms-list screen.
+The MfaSmsList class implements the `mfa-sms-list screen functionality. 
+
+<Frame><img style={{maxHeight:"400px"}} src="/docs/images/ja-jp/cdy7uua7fh8z/5WKzkwCtJn5ZViHcl9xATn/6147dac2ff98da4ab190922ced35a1f2/Screenshot_2025-02-21_at_12.29.36.png" alt="MfaSmsList" /></Frame>
+
+
+## Constructors
+Create an instance of MfaSmsList screen
+
 
 ```ts Example
 import MfaSmsList from '@auth0/auth0-acul-js/mfa-sms-list';
@@ -15,36 +21,49 @@ const selectPhoneNumber = async () => {
 }
 ```
 
-## Constructors
-
-<ParamField body="MfaSmsList" type="Constructor"/>
 ## 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='backAction' type='Promise<void>'>
+<ParamField body='backAction' type='(options ?)'>
 
-Navigates back to the previous screen.
+This method navigates back to the previous screen.
 
 ```typescript Example
 import MfaSmsList from '@auth0/auth0-acul-js/mfa-sms-list';
@@ -58,31 +77,27 @@ const handleBackAction = async () => {
 };
 ```
 
-<Expandable title="Parameters">
-<ParamField body='payload?' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/CustomOptions">CustomOptions</a></span>}>
-
-Optional payload for the action.
+<ParamField body="options" type="OPTIONAL"> 
+An object containing any custom options.
 
+<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='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='selectPhoneNumber' type='Promise<void>'>
+<ParamField body='selectPhoneNumber' type='(options ?)'>
 
-Selects a phone number from the list of enrolled phone numbers.
-
-#### Throws
-
-If the index is out of bounds.
+This method selects a phone number from the list of enrolled phone numbers.
 
 ```typescript Example
 import MfaSmsList from '@auth0/auth0-acul-js/mfa-sms-list';
@@ -94,12 +109,18 @@ const selectPhoneNumber = async () => {
 }
 ```
 
-<Expandable title="Parameters">
-<ParamField body='payload?' type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/MfaSmsListOptions">MfaSmsListOptions</a></span>}>
-**Properties**
+<ParamField body="options" type="OPTIONAL"> 
+Optional payload for the action.
 
-<ParamField body='index' type='number'/>
+<Expandable title="options properties">
+<ParamField body='[`key`: `string`]' type='"string" | "number" | "boolean" | "undefined"' >
+Additional data collected from the user.
+</ParamField>
+
+<ParamField body='index' type='number'>
+The index of the phone number to select.
 </ParamField>
 
 </Expandable>
-</ParamField>
+</ParamField>
+</ParamField>