@forgerock/login-widget 1.0.0-beta.11 → 1.0.0-beta.13

package/index.js

@@ -702,6 +702,10 @@ function closeComponent(args, shouldCloseDialog) {
         };
     });
 }
+/**
+ * @function componentApi - this is a widget external API
+ * @returns {object} - the public component API
+ */
 const componentApi = () => {
     const { update } = componentStore;
     // Create derived store to minimize what's exposed to the dev
@@ -715,9 +719,19 @@ const componentApi = () => {
         });
     });
     return {
+        /**
+         * Close a modal
+         * @param {object} args - object containing  the reason for closing component
+         * @returns {void}
+         */
         close: (args) => {
             closeComponent(args, true);
         },
+        /**
+         * Open a modal
+         * @param: void
+         * @returns: void
+         */
         open: () => {
             update((state) => {
                 if (state.type === 'inline') {
@@ -739,6 +753,10 @@ const componentApi = () => {
                 };
             });
         },
+        /**
+         * Subscribe to modal events
+         * returns the latest value from the event
+         */
         subscribe,
     };
 };
@@ -10873,6 +10891,11 @@ var HttpClient = /** @class */ (function (_super) {
 }(event_1.default));
 var _default$2 = httpClient.default = HttpClient;
 
+/**
+ * @function logErrorAndThrow - Logs an error message and throws an error.
+ * @param {string} type - The type of error. This will be used to determine what error message to log.
+ * @throws {Error} - An error with a message that depends on the value of `type`.
+ */
 function logErrorAndThrow(type) {
     if (type === 'missingStores') {
         const errorMessage = 'Error: missing configuration.';
@@ -14921,6 +14944,11 @@ const configSchema = z
 })
     .strict();
 configSchema.partial();
+/**
+ * @function - Sets the configuration for the SDK
+ * @param {object} config - The configuration object
+ * @returns {void}
+ */
 function configure (config) {
     configSchema.parse(config);
     Config.set(config);
@@ -14968,6 +14996,12 @@ const fallbackJourneyConfig = Object.keys(defaultJourneys).map((key) => ({
     key,
 }));
 const configuredJourneysStore = writable(fallbackJourneyConfig);
+/**
+ * @function initialize - Initialize the configured journeys store
+ * @param {object} customJourneys - An object of custom journeys to merge with the default
+ * @returns {object} - The configured journeys store
+ * @example initialize({ login: { journey: 'Login', match: ['?journey=Login'] } })
+ */
 function initialize$6(customJourneys) {
     if (customJourneys) {
         // Provide developer feedback if customized
@@ -16726,6 +16760,8 @@ var backToDefault = "Back to Sign In";
 var backToLogin = "Back to Sign In";
 var dontHaveAnAccount = "No account? <a href='?journey=Registration'>Register here!</a>";
 var closeModal = "Close";
+var charactersCannotRepeatMoreThan = "Character cannot repeat more than {max} times";
+var charactersCannotRepeatMoreThanCaseInsensitive = "Character cannot repeat more than {max} times (case insensitive)";
 var chooseDifferentUsername = "Please choose a different username.";
 var confirmPassword = "Confirm password";
 var constraintViolationForPassword = "Password does not meet the requirements.";
@@ -16758,6 +16794,9 @@ var nextButton = "Next";
 var notToExceedMaximumCharacterLength = "No more than {max} characters";
 var noLessThanMinimumCharacterLength = "At least {min} character(s)";
 var passwordCallback = "Password";
+var passwordCannotContainCommonPasswords = "Password cannot contain common passwords";
+var passwordCannotContainCommonPasswordsOrBeReversible = "Password cannot contain common passwords or reversible text";
+var passwordCannotContainCommonPasswordsOrBeReversibleStringsLessThan = "Password cannot contain common passwords or reversible text less than {min} characters";
 var passwordRequirements = "Password requirements:";
 var pleaseCheckValue = "Please check this value";
 var pleaseConfirm = "Please confirm";
@@ -16772,6 +16811,10 @@ var requiredField = "Value is required";
 var securityAnswer = "Security answer";
 var securityQuestions = "Security question(s)";
 var securityQuestionsPrompt = "Provide security question(s) and answer(s):";
+var shouldContainANumber = "Should contain a number";
+var shouldContainAnUppercase = "Should contain an uppercase letter";
+var shouldContainALowercase = "Should contain a lowercase letter";
+var shouldContainASymbol = "Should contain a symbol";
 var showPassword = "Show password";
 var sn = "Last name";
 var submitButton = "Submit";
@@ -16795,6 +16838,8 @@ var fallback = {
 	backToLogin: backToLogin,
 	dontHaveAnAccount: dontHaveAnAccount,
 	closeModal: closeModal,
+	charactersCannotRepeatMoreThan: charactersCannotRepeatMoreThan,
+	charactersCannotRepeatMoreThanCaseInsensitive: charactersCannotRepeatMoreThanCaseInsensitive,
 	chooseDifferentUsername: chooseDifferentUsername,
 	confirmPassword: confirmPassword,
 	constraintViolationForPassword: constraintViolationForPassword,
@@ -16827,6 +16872,9 @@ var fallback = {
 	notToExceedMaximumCharacterLength: notToExceedMaximumCharacterLength,
 	noLessThanMinimumCharacterLength: noLessThanMinimumCharacterLength,
 	passwordCallback: passwordCallback,
+	passwordCannotContainCommonPasswords: passwordCannotContainCommonPasswords,
+	passwordCannotContainCommonPasswordsOrBeReversible: passwordCannotContainCommonPasswordsOrBeReversible,
+	passwordCannotContainCommonPasswordsOrBeReversibleStringsLessThan: passwordCannotContainCommonPasswordsOrBeReversibleStringsLessThan,
 	passwordRequirements: passwordRequirements,
 	pleaseCheckValue: pleaseCheckValue,
 	pleaseConfirm: pleaseConfirm,
@@ -16841,6 +16889,10 @@ var fallback = {
 	securityAnswer: securityAnswer,
 	securityQuestions: securityQuestions,
 	securityQuestionsPrompt: securityQuestionsPrompt,
+	shouldContainANumber: shouldContainANumber,
+	shouldContainAnUppercase: shouldContainAnUppercase,
+	shouldContainALowercase: shouldContainALowercase,
+	shouldContainASymbol: shouldContainASymbol,
 	showPassword: showPassword,
 	sn: sn,
 	submitButton: submitButton,
@@ -16867,6 +16919,8 @@ const stringsSchema = z
     backToLogin: z.string(),
     dontHaveAnAccount: z.string(),
     closeModal: z.string(),
+    charactersCannotRepeatMoreThan: z.string(),
+    charactersCannotRepeatMoreThanCaseInsensitive: z.string(),
     chooseDifferentUsername: z.string(),
     confirmPassword: z.string(),
     constraintViolationForPassword: z.string(),
@@ -16899,6 +16953,9 @@ const stringsSchema = z
     notToExceedMaximumCharacterLength: z.string(),
     noLessThanMinimumCharacterLength: z.string(),
     passwordCallback: z.string(),
+    passwordCannotContainCommonPasswords: z.string(),
+    passwordCannotContainCommonPasswordsOrBeReversible: z.string(),
+    passwordCannotContainCommonPasswordsOrBeReversibleStringsLessThan: z.string(),
     passwordRequirements: z.string(),
     pleaseCheckValue: z.string(),
     pleaseConfirm: z.string(),
@@ -16913,6 +16970,10 @@ const stringsSchema = z
     securityAnswer: z.string(),
     securityQuestions: z.string(),
     securityQuestionsPrompt: z.string(),
+    shouldContainANumber: z.string(),
+    shouldContainAnUppercase: z.string(),
+    shouldContainALowercase: z.string(),
+    shouldContainASymbol: z.string(),
     showPassword: z.string(),
     sn: z.string(),
     submitButton: z.string(),
@@ -16936,6 +16997,11 @@ stringsSchema.partial();
 // Ensure fallback follows schema
 stringsSchema.parse(fallback);
 const stringsStore = writable(null);
+/**
+ * initialize locale information for Login Widget
+ * @param: userLocale - optional locale object to override default locale
+ * @returns: a schema which represents the user locale schema
+ */
 function initialize$5(userLocale) {
     if (userLocale) {
         /**
@@ -16955,6 +17021,14 @@ function initialize$5(userLocale) {
  * Demo: https://regex101.com/r/Mw9vTB/1
  */
 const valueSchema = z.record(z.string().regex(/^[^<>]*$/)).optional();
+/**
+ * @function interpolate - Get a translation string
+ * Interpolate a string that contains variables
+ *
+ * @param {string} key - The key to lookup in the translation strings
+ * @param {object} values - An object of values to interpolate into the string
+ * @param {string} externalText - A string to use if no translation is found
+ */
 function interpolate(key, values, externalText) {
     // Let's throw some errors if we're trying to use keys/locales that don't exist.
     // We could improve this by using Typescript and/or fallback values.
@@ -17026,6 +17100,31 @@ function interpolate(key, values, externalText) {
     });
     return messageClean;
 }
+/**
+ * @function textToKey - Takes a human readable string and returns a key from it.
+ * This key is used to look up the string in the translation files.
+ *
+ * If the item is a number, it will be converted to a string and then
+ * processed as if it were a string.
+ *
+ * If the item is a string that contains word characters (`\w`) mixed with
+ * non-word characters (`\W`), the non-word characters will be removed and
+ * the resulting string will be converted to camelCase.
+ *
+ * @param {string} text - The text that will be converted to a key.
+ * @returns {string} A key that is unique to the given text.
+ *
+ * Examples:
+ * textToKey('hello world') => 'helloWorld'
+ * textToKey('HELLO WORLD') => 'helloWorld'
+ * textToKey('HELLO WORLD!!!') => 'helloWorld'
+ * textToKey('HELLO WORLD!!!') => 'helloWorld'
+ * textToKey('helloWorld') => 'helloWorld'
+ * textToKey('helloWorld123') => 'helloWorld123'
+ * textToKey('hello_world') => 'helloWorld'
+ * textToKey('hello-world') => 'helloWorld'
+ * textToKey('hello.world') => 'helloWorld'
+ */
 function textToKey(text) {
     if (typeof text !== 'string' && typeof text !== 'number') {
         throw new Error('Parameter for textToKey function needs to be of type string or number');
@@ -17167,7 +17266,9 @@ const userInputCallbacks = [
     CallbackType$1.ValidatedCreatePasswordCallback,
     CallbackType$1.ValidatedCreateUsernameCallback,
 ];
-// This eventually will be overridable by user of framework
+/**
+ * @function forceUserInputOptionalityCallbacks - Determines if a callback should be forced to be optional
+ */
 const forceUserInputOptionalityCallbacks = {
     SelectIdPCallback: (callback) => {
         const selectIdpCb = callback;
@@ -17176,6 +17277,11 @@ const forceUserInputOptionalityCallbacks = {
             .find((provider) => provider.provider === 'localAuthentication');
     },
 };
+/**
+ * @function isCbReadyByDefault - Determines if a callback is ready to be submitted by default
+ * @param {object} callback - Generic FRCallback from JavaScript SDK
+ * @returns {boolean}
+ */
 function isCbReadyByDefault(callback) {
     if (callback.getType() === CallbackType$1.ConfirmationCallback) {
         const cb = callback;
@@ -17185,6 +17291,11 @@ function isCbReadyByDefault(callback) {
     }
     return false;
 }
+/**
+ * @function canForceUserInputOptionality
+ * @param {object} callback - generic FRCallback from JavaScript SDK
+ * @returns
+ */
 function canForceUserInputOptionality(callback) {
     // See if a callback function exists within this collection
     const fn = forceUserInputOptionalityCallbacks[callback.getType()];
@@ -17212,9 +17323,9 @@ function isStepSelfSubmittable(callbacks, userInputOptional) {
     return !unsubmittableCallbacks.length;
 }
 /**
- *
+ * @function requiresUserInput - Determines if a callback requires user input
  * @param  {object} callback - Generic callback provided by JavaScript SDK
- * @returns
+ * @returns {boolean}
  */
 function requiresUserInput(callback) {
     if (callback.getType() === CallbackType$1.SelectIdPCallback) {
@@ -17230,6 +17341,22 @@ function requiresUserInput(callback) {
 }
 // Notice this function can take a user provided argument function to
 // override behavior (this doesn't have to be well defined)
+/**
+ * @function isUserInputOptional - Determines if user input is optional
+ * Notice this function can take a user provided argument function to
+ * override behavior (this doesn't have to be well defined)
+ * @param {array} callbackMetadataArray - array of callback metadata
+ * @param  {number} numOfUserInputCbs - number of user input requiring callbacks
+ * @param {function} fn - optional function to override default behavior
+ * @returns {boolean} - true if user input is optional
+ * @example isUserInputOptional(callbackMetadataArray, numOfUserInputCbs, (prev, curr) => {
+ *   if (curr.derived.canForceUserInputOptionality && numOfUserInputCbs > 0) {
+ *     prev = true;
+ *   }
+ *   return prev;
+ * })
+ * @example isUserInputOptional(callbackMetadataArray, numOfUserInputCbs);
+ */
 function isUserInputOptional(callbackMetadataArray, numOfUserInputCbs, fn) {
     // default reducer function to check if both overriding callback exists
     // along with user input required callbacks
@@ -17246,7 +17373,7 @@ function isUserInputOptional(callbackMetadataArray, numOfUserInputCbs, fn) {
 /**
  * @function buildCallbackMetadata - Constructs an array of callback metadata that matches to original callback array
  * @param {object} step - The modified Widget step object
- * @param checkValidation - function that checks if current callback is the first invalid callback
+ * @param {function} checkValidation - function that checks if current callback is the first invalid callback
  * @returns {array}
  */
 function buildCallbackMetadata(step, checkValidation, stageJson) {
@@ -17694,6 +17821,12 @@ const linksSchema = z
     .strict();
 linksSchema.partial();
 const linksStore = writable();
+/**
+ * @function initialize - Initialize the links store
+ * @param {object} customLinks - An object of custom links to merge with the default
+ * @returns {object} - The links store
+ * @example initialize({ termsAndConditions: 'https://example.com/terms' });
+ */
 function initialize$3(customLinks) {
     // If customLinks is provided, provide feedback for object
     if (customLinks) {
@@ -17716,7 +17849,19 @@ const oauthStore = writable({
     successful: false,
     response: null,
 });
+/**
+ * @function initialize - Initializes the OAuth store with a get function and a reset function
+ * @param {object} initOptions - The options to pass to the TokenManager.getTokens function
+ * @returns {object} - The OAuth store
+ * @example initialize({ query: { prompt: 'none' } });
+ */
 function initialize$2(initOptions) {
+    /**
+     * Get tokens from the server
+     * new tokens are available in the subscribe method
+     * @params: getOptions?: GetTokensOptions
+     * @returns: Promise<void>
+     */
     async function get(getOptions) {
         /**
          * Create an options object with getOptions overriding anything from initOptions
@@ -17784,7 +17929,18 @@ const userStore = writable({
     successful: false,
     response: null,
 });
+/**
+ * @function initialize - Initializes the user store with a get function and a reset function
+ * @param {object} initOptions - The options to pass to the UserManager.getCurrentUser function
+ * @returns {object} - The user store
+ */
 function initialize$1(initOptions) {
+    /**
+     * Get user info from the server
+     * New state is returned in your `userEvents.subscribe` callback function
+     * @params: getOptions?: ConfigOptions
+     * @returns: Promise<void>
+     */
     async function get(getOptions) {
         /**
          * Create an options object with getOptions overriding anything from initOptions
@@ -17876,6 +18032,12 @@ const fallbackStyles = {
     stage: undefined,
 };
 const styleStore = writable(fallbackStyles);
+/**
+ * @function initialize - Initialize the style store
+ * @param {object} customStyle - An object of custom styles to merge with the default
+ * @returns {object} - The style store
+ * @example initialize({ checksAndRadios: 'standard' });
+ */
 function initialize(customStyle) {
     if (customStyle) {
         styleSchema.parse(customStyle);
@@ -17887,6 +18049,17 @@ function initialize(customStyle) {
     return styleStore;
 }
 
+/**
+ * @function widgetApiFactory - Creates the widget API
+ * @param {object} componentApi - The component API
+ * @returns {object} - The widget API
+ * @property {object} componentApi - The component API for either inline or modal
+ * @property {object} configuration - Sets the configuration for the widget
+ * @property {function} getStores - Returns the stores: journeyStore, oauthStore, userStore
+ * @property {object} journey - the journey API
+ * @property {function} request - The HttpClient.request function from the SDK
+ * @property {object} user - the user API
+ */
 function widgetApiFactory(componentApi) {
     let journeyStore;
     let oauthStore;
@@ -17935,6 +18108,10 @@ function widgetApiFactory(componentApi) {
         initialize$3(options?.links);
         initialize(options?.style);
         return {
+            /** Set the Login Widget's Configuration
+             * @param {WidgetConfigOptions} options - The configuration options for the Login Widget
+             * @returns {void}
+             **/
             set(setOptions) {
                 if (setOptions?.forgerock) {
                     configure({
@@ -18056,6 +18233,11 @@ function widgetApiFactory(componentApi) {
         return { change, start, subscribe };
     };
     const user = {
+        /**
+         * User Info
+         * @param: void
+         * @returns: UserStore
+         */
         info() {
             if (!journeyStore || !oauthStore || !userStore) {
                 logErrorAndThrow('missingStores');
@@ -18078,6 +18260,12 @@ function widgetApiFactory(componentApi) {
             }
             return { get: wrappedGet, subscribe };
         },
+        /**
+         * Logout a user from an AM Session
+         * @async
+         * @param: void
+         * @returns: Promise<void>
+         **/
         async logout() {
             if (!journeyStore || !oauthStore || !userStore) {
                 logErrorAndThrow('missingStores');
@@ -18106,6 +18294,11 @@ function widgetApiFactory(componentApi) {
             // Return undefined as there's no response information to share
             return;
         },
+        /**
+         * Returns the widget's Tokens object
+         * @param void;
+         * @returns OAuthStore
+         */
         tokens() {
             if (!journeyStore || !oauthStore || !userStore) {
                 logErrorAndThrow('missingStores');
@@ -20588,6 +20781,11 @@ function matchJourneyAndDecideAction(href, journeys, stack) {
 /** *********************************************
  * NEW "NORMALIZED" METHODS
  */
+/**
+ * @function getInputTypeFromPolicies - Determines the type of input to use based on the policies object
+ * @param {object} policies - The policies object from the callback
+ * @returns {string} - The type of input to use
+ */
 function getInputTypeFromPolicies(policies) {
     const value = policies?.value;
     if (typeof value !== 'object') {
@@ -20605,13 +20803,47 @@ function getInputTypeFromPolicies(policies) {
     }
     return 'text';
 }
+/**
+ * @function getValidationFailureParams - Gets the validation failure params from the failed policy object
+ * @param {object} failedPolicy - The failed policy object from the callback
+ * @returns {array} - An array of objects containing the length, message, and rule
+ */
 function getValidationFailureParams(failedPolicy) {
-    if (failedPolicy?.policyRequirement === 'CHARACTER_SET') {
-        const params = failedPolicy?.params;
+    if (failedPolicy?.policyRequirement === 'DICTIONARY') {
+        const params = failedPolicy.params;
+        const min = params?.['min-substring-length'] || 0;
+        const arr = [];
+        if (params?.['check-substrings'] && params?.['test-reversed-password']) {
+            arr.push({
+                length: min,
+                message: interpolate('passwordCannotContainCommonPasswordsOrBeReversibleStringsLessThan', {
+                    min: String(min),
+                }),
+                rule: 'reversibleSubstrings',
+            });
+        }
+        else if (params?.['test-reversed-password']) {
+            arr.push({
+                length: null,
+                message: interpolate('passwordCannotContainCommonPasswordsOrBeReversible'),
+                rule: 'reversibleSubstrings',
+            });
+        }
+        else {
+            arr.push({
+                length: null,
+                message: interpolate('passwordCannotContainCommonPasswords'),
+                rule: 'reversibleSubstrings',
+            });
+        }
+        return arr;
+    }
+    else if (failedPolicy?.policyRequirement === 'CHARACTER_SET') {
+        const params = failedPolicy.params;
         return params?.['character-sets'].map(convertCharacterSetToRuleObj);
     }
     else if (failedPolicy?.policyRequirement === 'LENGTH_BASED') {
-        const params = failedPolicy?.params;
+        const params = failedPolicy.params;
         const min = params?.['min-password-length'] || 0;
         const max = params?.['max-password-length'] || null;
         const arr = [];
@@ -20631,6 +20863,26 @@ function getValidationFailureParams(failedPolicy) {
         }
         return arr;
     }
+    else if (failedPolicy?.policyRequirement === 'REPEATED_CHARACTERS') {
+        const params = failedPolicy.params;
+        const max = params['max-consecutive-length'] || 0;
+        const arr = [];
+        if (!params['case-sensitive-validation']) {
+            arr.push({
+                length: max,
+                message: interpolate('charactersCannotRepeatMoreThanCaseInsensitive', { max: String(max) }),
+                rule: 'repeatedCharactersCaseInsensitive',
+            });
+        }
+        else {
+            arr.push({
+                length: max,
+                message: interpolate('charactersCannotRepeatMoreThan', { max: String(max) }),
+                rule: 'repeatedCharacters',
+            });
+        }
+        return arr;
+    }
     else if (failedPolicy?.policyRequirement === 'VALID_USERNAME') {
         return [
             {
@@ -20659,6 +20911,11 @@ function getValidationFailureParams(failedPolicy) {
         ];
     }
 }
+/**
+ * @function getValidationMessageString - Gets the validation message string from the policy object
+ * @param {object} policy - The policy object from the callback
+ * @returns {string} - The validation message string
+ */
 function getValidationMessageString(policy) {
     switch (policy?.policyId) {
         case 'at-least-X-capitals': {
@@ -20742,6 +20999,12 @@ function getValidationMessageString(policy) {
             return '';
     }
 }
+/**
+ * @function getValidationFailures - Gets the validation failures from the callback object
+ * @param {object} callback - The callback object from the server
+ * @param {string} label - The label of the field
+ * @returns {array} - An array of failed policies
+ */
 function getValidationFailures(callback, label) {
     const failedPolicies = callback.getFailedPolicies && callback.getFailedPolicies();
     const parsedPolicies = parseFailedPolicies(failedPolicies, label);
@@ -20753,6 +21016,11 @@ function getValidationFailures(callback, label) {
         };
     });
 }
+/**
+ * @function getValidationPolicies - Gets the validation policies from the callback object
+ * @param {object} policies - The policies object from the callback
+ * @returns {array} - An array of policies
+ */
 function getValidationPolicies(policies) {
     if (typeof policies !== 'object' && !policies) {
         return [];
@@ -20771,6 +21039,11 @@ function getValidationPolicies(policies) {
     })
         .filter((policy) => !!policy.message);
 }
+/**
+ * @function isInputRequired - Checks if the input is required
+ * @param {object} callback - The callback object from the server
+ * @returns {boolean} - Whether the input is required
+ */
 function isInputRequired(callback) {
     const policies = callback.getPolicies && callback.getPolicies();
     let isRequired = false;
@@ -20782,46 +21055,93 @@ function isInputRequired(callback) {
     }
     return isRequired;
 }
+/**
+ * @function convertCharacterSetToRuleObj - Converts a character set to a rule object
+ * @param {string} set - The character set to convert
+ * @returns {object} - The rule object
+ */
 function convertCharacterSetToRuleObj(set) {
     const arr = set.split(':');
     const num = arr[0];
     const type = arr[1];
     if (type === '0123456789') {
-        return {
-            length: Number(num),
-            message: interpolate('minimumNumberOfNumbers', { num: String(num) }),
-            rule: 'numbers',
-        };
+        if (num === '0') {
+            return {
+                length: null,
+                message: interpolate('shouldContainANumber'),
+                rule: 'numbers',
+            };
+        }
+        else {
+            return {
+                length: Number(num),
+                message: interpolate('minimumNumberOfNumbers', { num: String(num) }),
+                rule: 'numbers',
+            };
+        }
     }
     else if (type === 'ABCDEFGHIJKLMNOPQRSTUVWXYZ') {
-        return {
-            length: Number(num),
-            message: interpolate('minimumNumberOfUppercase', { num: String(num) }),
-            rule: 'uppercase',
-        };
+        if (num === '0') {
+            return {
+                length: null,
+                message: interpolate('shouldContainAnUppercase'),
+                rule: 'uppercase',
+            };
+        }
+        else {
+            return {
+                length: Number(num),
+                message: interpolate('minimumNumberOfUppercase', { num: String(num) }),
+                rule: 'uppercase',
+            };
+        }
     }
     else if (type === 'abcdefghijklmnopqrstuvwxyz') {
-        return {
-            length: Number(num),
-            message: interpolate('minimumNumberOfLowercase', { num: String(num) }),
-            rule: 'lowercase',
-        };
+        if (num === '0') {
+            return {
+                length: null,
+                message: interpolate('shouldContainALowercase'),
+                rule: 'lowercase',
+            };
+        }
+        else {
+            return {
+                length: Number(num),
+                message: interpolate('minimumNumberOfLowercase', { num: String(num) }),
+                rule: 'lowercase',
+            };
+        }
     }
     else if (type.includes('@') || type.includes('!') || type.includes('*') || type.includes('#')) {
-        return {
-            length: Number(num),
-            message: interpolate('minimumNumberOfSymbols', { num: String(num) }),
-            rule: 'symbols',
-        };
+        if (num === '0') {
+            return {
+                length: null,
+                message: interpolate('shouldContainASymbol'),
+                rule: 'symbols',
+            };
+        }
+        else {
+            return {
+                length: Number(num),
+                message: interpolate('minimumNumberOfSymbols', { num: String(num) }),
+                rule: 'symbols',
+            };
+        }
     }
     else {
         return {
-            length: Number(num),
+            length: null,
             message: interpolate('pleaseCheckValue'),
             rule: 'unknown',
         };
     }
 }
+/**
+ * @function parseFailedPolicies - Parses the failed policies from the callback object
+ * @param {array} policies - The policies array from the callback
+ * @param {string} label - The label of the field
+ * @returns {array} - An array of failed policies
+ */
 function parseFailedPolicies(policies, label) {
     return policies.map((policy) => {
         if (typeof policy === 'string') {
@@ -20837,8 +21157,10 @@ function parseFailedPolicies(policies, label) {
         }
     });
 }
-/** *********************************************
- * OLD METHODS
+/**
+ * @function getAttributeValidationFailureText - Gets the validation failure text from the callback object
+ * @param {object} callback - The callback object from the server
+ * @returns {string} - The validation failure text
  */
 function getAttributeValidationFailureText(callback) {
     // TODO: Mature this utility for better parsing and display
@@ -21837,13 +22159,6 @@ function instance$I($$self, $$props, $$invalidate) {
 	let validationFailure;
 
 	function setValue(event) {
-		/** ***********************************************************************
- * SDK INTEGRATION POINT
- * Summary: SDK callback methods for setting values
- * ------------------------------------------------------------------------
- * Details: Each callback is wrapped by the SDK to provide helper methods
- * for writing values to the callbacks received from AM
- *********************************************************************** */
 		callback.setInputValue(event.target.checked);
 	}
 
@@ -23612,7 +23927,7 @@ function create_else_block$6(ctx) {
 	};
 }
 
-// (66:0) {#if callbackMetadata?.platform?.displayType === 'radio'}
+// (52:0) {#if callbackMetadata?.platform?.displayType === 'radio'}
 function create_if_block$f(ctx) {
 	let radio;
 	let current;
@@ -23767,13 +24082,6 @@ function instance$B($$self, $$props, $$invalidate) {
  * @param {Object} event
  */
 	function setValue(event) {
-		/** ***********************************************************************
- * SDK INTEGRATION POINT
- * Summary: SDK callback methods for setting values
- * ------------------------------------------------------------------------
- * Details: Each callback is wrapped by the SDK to provide helper methods
- * for writing values to the callbacks received from AM
- *********************************************************************** */
 		callback.setChoiceIndex(Number(event.target.value));
 	}
 
@@ -23786,13 +24094,6 @@ function instance$B($$self, $$props, $$invalidate) {
 	$$self.$$.update = () => {
 		if ($$self.$$.dirty & /*callback, callbackMetadata, prompt*/ 2051) {
 			{
-				/** *************************************************************************
- * SDK INTEGRATION POINT
- * Summary: SDK callback methods for getting values
- * --------------------------------------------------------------------------
- * Details: Each callback is wrapped by the SDK to provide helper methods
- * for accessing values from the callbacks received from AM
- ************************************************************************* */
 				$$invalidate(2, choiceOptions = callback.getChoices()?.map((text, idx) => ({
 					/**
  * Since locale content keys for the choice component are built off of the
@@ -23957,7 +24258,7 @@ function get_each_context$6(ctx, list, i) {
 	return child_ctx;
 }
 
-// (95:0) {#if stepMetadata?.platform?.stageName !== 'OneTimePassword'}
+// (81:0) {#if stepMetadata?.platform?.stageName !== 'OneTimePassword'}
 function create_if_block$e(ctx) {
 	let current_block_type_index;
 	let if_block;
@@ -24027,7 +24328,7 @@ function create_if_block$e(ctx) {
 	};
 }
 
-// (117:2) {:else}
+// (103:2) {:else}
 function create_else_block_1(ctx) {
 	let grid;
 	let current;
@@ -24073,7 +24374,7 @@ function create_else_block_1(ctx) {
 	};
 }
 
-// (96:2) {#if !stepMetadata?.derived.isStepSelfSubmittable}
+// (82:2) {#if !stepMetadata?.derived.isStepSelfSubmittable}
 function create_if_block_1$9(ctx) {
 	let current_block_type_index;
 	let if_block;
@@ -24143,7 +24444,7 @@ function create_if_block_1$9(ctx) {
 	};
 }
 
-// (120:8) <Button           style={options.length > 1 && defaultChoice === Number(opt.value) ? 'primary' : buttonStyle}           type="button"           width="auto"           onClick={() => setBtnValue(Number(opt.value))}         >
+// (106:8) <Button           style={options.length > 1 && defaultChoice === Number(opt.value) ? 'primary' : buttonStyle}           type="button"           width="auto"           onClick={() => setBtnValue(Number(opt.value))}         >
 function create_default_slot_2$5(ctx) {
 	let t0_value = /*opt*/ ctx[15].text + "";
 	let t0;
@@ -24168,7 +24469,7 @@ function create_default_slot_2$5(ctx) {
 	};
 }
 
-// (119:6) {#each options as opt}
+// (105:6) {#each options as opt}
 function create_each_block$6(ctx) {
 	let button;
 	let current;
@@ -24229,7 +24530,7 @@ function create_each_block$6(ctx) {
 	};
 }
 
-// (118:4) <Grid num={options.length}>
+// (104:4) <Grid num={options.length}>
 function create_default_slot_1$a(ctx) {
 	let each_1_anchor;
 	let current;
@@ -24313,7 +24614,7 @@ function create_default_slot_1$a(ctx) {
 	};
 }
 
-// (106:4) {:else}
+// (92:4) {:else}
 function create_else_block$5(ctx) {
 	let checkbox;
 	let current;
@@ -24364,7 +24665,7 @@ function create_else_block$5(ctx) {
 	};
 }
 
-// (97:4) {#if options.length > 1}
+// (83:4) {#if options.length > 1}
 function create_if_block_2$8(ctx) {
 	let select;
 	let current;
@@ -24411,7 +24712,7 @@ function create_if_block_2$8(ctx) {
 	};
 }
 
-// (107:6) <Checkbox         isFirstInvalidInput={callbackMetadata?.derived.isFirstInvalidInput || false}         isInvalid={false}         key={inputName}         onChange={setCheckboxValue}         value={false}       >
+// (93:6) <Checkbox         isFirstInvalidInput={callbackMetadata?.derived.isFirstInvalidInput || false}         isInvalid={false}         key={inputName}         onChange={setCheckboxValue}         value={false}       >
 function create_default_slot$h(ctx) {
 	let t_value = /*options*/ ctx[3][0].text + "";
 	let t;
@@ -24523,13 +24824,6 @@ function instance$z($$self, $$props, $$invalidate) {
  * @param {Object} event
  */
 	function setOptionValue(event) {
-		/** ***********************************************************************
- * SDK INTEGRATION POINT
- * Summary: SDK callback methods for setting values
- * ------------------------------------------------------------------------
- * Details: Each callback is wrapped by the SDK to provide helper methods
- * for writing values to the callbacks received from AM
- *********************************************************************** */
 		callback.setOptionIndex(Number(event.target.value));
 	}
 
@@ -24538,13 +24832,6 @@ function instance$z($$self, $$props, $$invalidate) {
  * @param {Object} event
  */
 	function setCheckboxValue(event) {
-		/** ***********************************************************************
- * SDK INTEGRATION POINT
- * Summary: SDK callback methods for setting values
- * ------------------------------------------------------------------------
- * Details: Each callback is wrapped by the SDK to provide helper methods
- * for writing values to the callbacks received from AM
- *********************************************************************** */
 		const value = event.target.checked;
 
 		if (value) {
@@ -26556,15 +26843,7 @@ function instance$t($$self, $$props, $$invalidate) {
 	? Stacked_label$1
 	: Floating_label$1;
 
-	/** *************************************************************************
- * SDK INTEGRATION POINT
- * Summary: SDK callback methods for getting values
- * --------------------------------------------------------------------------
- * Details: Each callback is wrapped by the SDK to provide helper methods
- * for accessing values from the callbacks received from AM
- ************************************************************************* */
 	let customQuestionIndex = null;
-
 	let displayCustomQuestionInput = false;
 	let inputArr;
 	let inputName;
@@ -26592,13 +26871,6 @@ function instance$t($$self, $$props, $$invalidate) {
  * @param {Object} event
  */
 	function setAnswer(event) {
-		/** ***********************************************************************
- * SDK INTEGRATION POINT
- * Summary: SDK callback methods for setting values
- * ------------------------------------------------------------------------
- * Details: Each callback is wrapped by the SDK to provide helper methods
- * for writing values to the callbacks received from AM
- *********************************************************************** */
 		callback.setAnswer(event.target.value);
 	}
 
@@ -26615,14 +26887,6 @@ function instance$t($$self, $$props, $$invalidate) {
 			callback.setAnswer('');
 		} else {
 			$$invalidate(3, displayCustomQuestionInput = false);
-
-			/** ***********************************************************************
- * SDK INTEGRATION POINT
- * Summary: SDK callback methods for setting values
- * ------------------------------------------------------------------------
- * Details: Each callback is wrapped by the SDK to provide helper methods
- * for writing values to the callbacks received from AM
- *********************************************************************** */
 			callback.setQuestion(selectValue);
 		}
 	}
@@ -26633,14 +26897,6 @@ function instance$t($$self, $$props, $$invalidate) {
  */
 	function setQuestion(event) {
 		const inputValue = event.target.value;
-
-		/** ***********************************************************************
- * SDK INTEGRATION POINT
- * Summary: SDK callback methods for setting values
- * ------------------------------------------------------------------------
- * Details: Each callback is wrapped by the SDK to provide helper methods
- * for writing values to the callbacks received from AM
- *********************************************************************** */
 		callback.setQuestion(inputValue);
 	}
 
@@ -27131,8 +27387,8 @@ class Eye_icon extends SvelteComponent {
 
 function create_default_slot_1$8(ctx) {
 	let current;
-	const default_slot_template = /*#slots*/ ctx[12].default;
-	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[13], null);
+	const default_slot_template = /*#slots*/ ctx[14].default;
+	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[15], null);
 
 	return {
 		c() {
@@ -27147,15 +27403,15 @@ function create_default_slot_1$8(ctx) {
 		},
 		p(ctx, dirty) {
 			if (default_slot) {
-				if (default_slot.p && (!current || dirty & /*$$scope*/ 8192)) {
+				if (default_slot.p && (!current || dirty & /*$$scope*/ 32768)) {
 					update_slot_base(
 						default_slot,
 						default_slot_template,
 						ctx,
-						/*$$scope*/ ctx[13],
+						/*$$scope*/ ctx[15],
 						!current
-						? get_all_dirty_from_scope(/*$$scope*/ ctx[13])
-						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[13], dirty, null),
+						? get_all_dirty_from_scope(/*$$scope*/ ctx[15])
+						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[15], dirty, null),
 						null
 					);
 				}
@@ -27176,7 +27432,7 @@ function create_default_slot_1$8(ctx) {
 	};
 }
 
-// (47:4) <EyeIcon classes="tw_password-icon dark:tw_password-icon_dark" visible={isVisible}       >
+// (59:4) <EyeIcon classes="tw_password-icon dark:tw_password-icon_dark" visible={isVisible}>
 function create_default_slot$f(ctx) {
 	let t;
 	let current;
@@ -27206,7 +27462,7 @@ function create_default_slot$f(ctx) {
 	};
 }
 
-// (41:2) 
+// (53:2) 
 function create_input_button_slot$1(ctx) {
 	let button;
 	let eyeicon;
@@ -27245,7 +27501,7 @@ function create_input_button_slot$1(ctx) {
 			const eyeicon_changes = {};
 			if (dirty & /*isVisible*/ 64) eyeicon_changes.visible = /*isVisible*/ ctx[6];
 
-			if (dirty & /*$$scope*/ 8192) {
+			if (dirty & /*$$scope*/ 32768) {
 				eyeicon_changes.$$scope = { dirty, ctx };
 			}
 
@@ -27278,18 +27534,18 @@ function create_fragment$q(ctx) {
 				forceValidityFailure: /*forceValidityFailure*/ ctx[0],
 				isFirstInvalidInput: false,
 				hasRightIcon: true,
-				key: `${/*key*/ ctx[1]}-confirm`,
+				key: `${/*key*/ ctx[3]}-confirm`,
 				label: interpolate('confirmPassword', null, 'Confirm Password'),
-				message: /*isInvalid*/ ctx[3]
+				message: /*isInvalid*/ ctx[1]
 				? interpolate('passwordConfirmationError', null, 'Passwords do not match')
 				: undefined,
-				onChange: /*onChange*/ ctx[2],
-				isInvalid: /*isInvalid*/ ctx[3],
-				isRequired: /*isRequired*/ ctx[4],
-				showMessage: /*showMessage*/ ctx[5],
+				onChange: /*onChangeWrapper*/ ctx[9],
+				isInvalid: /*isInvalid*/ ctx[1],
+				isRequired: /*isRequired*/ ctx[2],
+				showMessage: /*showMessage*/ ctx[4],
 				type: /*type*/ ctx[7],
-				value: typeof /*value*/ ctx[9] === 'string'
-				? /*value*/ ctx[9]
+				value: typeof /*value*/ ctx[5] === 'string'
+				? /*value*/ ctx[5]
 				: '',
 				$$slots: {
 					"input-button": [create_input_button_slot$1],
@@ -27310,19 +27566,22 @@ function create_fragment$q(ctx) {
 		p(ctx, [dirty]) {
 			const input_changes = {};
 			if (dirty & /*forceValidityFailure*/ 1) input_changes.forceValidityFailure = /*forceValidityFailure*/ ctx[0];
-			if (dirty & /*key*/ 2) input_changes.key = `${/*key*/ ctx[1]}-confirm`;
+			if (dirty & /*key*/ 8) input_changes.key = `${/*key*/ ctx[3]}-confirm`;
 
-			if (dirty & /*isInvalid*/ 8) input_changes.message = /*isInvalid*/ ctx[3]
+			if (dirty & /*isInvalid*/ 2) input_changes.message = /*isInvalid*/ ctx[1]
 			? interpolate('passwordConfirmationError', null, 'Passwords do not match')
 			: undefined;
 
-			if (dirty & /*onChange*/ 4) input_changes.onChange = /*onChange*/ ctx[2];
-			if (dirty & /*isInvalid*/ 8) input_changes.isInvalid = /*isInvalid*/ ctx[3];
-			if (dirty & /*isRequired*/ 16) input_changes.isRequired = /*isRequired*/ ctx[4];
-			if (dirty & /*showMessage*/ 32) input_changes.showMessage = /*showMessage*/ ctx[5];
+			if (dirty & /*isInvalid*/ 2) input_changes.isInvalid = /*isInvalid*/ ctx[1];
+			if (dirty & /*isRequired*/ 4) input_changes.isRequired = /*isRequired*/ ctx[2];
+			if (dirty & /*showMessage*/ 16) input_changes.showMessage = /*showMessage*/ ctx[4];
 			if (dirty & /*type*/ 128) input_changes.type = /*type*/ ctx[7];
 
-			if (dirty & /*$$scope, isVisible*/ 8256) {
+			if (dirty & /*value*/ 32) input_changes.value = typeof /*value*/ ctx[5] === 'string'
+			? /*value*/ ctx[5]
+			: '';
+
+			if (dirty & /*$$scope, isVisible*/ 32832) {
 				input_changes.$$scope = { dirty, ctx };
 			}
 
@@ -27346,10 +27605,11 @@ function create_fragment$q(ctx) {
 function instance$q($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { forceValidityFailure = false } = $$props;
-	let { key } = $$props;
-	let { onChange } = $$props;
 	let { isInvalid = false } = $$props;
 	let { isRequired = true } = $$props;
+	let { key } = $$props;
+	let { onChange } = $$props;
+	let { resetValue } = $$props;
 	let { style = {} } = $$props;
 	const Input = style.labels === 'stacked' ? Stacked_label : Floating_label;
 	let { showMessage = undefined } = $$props;
@@ -27357,6 +27617,13 @@ function instance$q($$self, $$props, $$invalidate) {
 	let type = 'password';
 	let value;
 
+	function onChangeWrapper(event) {
+		$$invalidate(5, value = event.target?.value);
+
+		// TODO: revisit this logic to avoid unnecessary ternary
+		onChange(typeof value === 'string' ? value : undefined);
+	}
+
 	/**
  * @function toggleVisibility - toggles the password from masked to plaintext
  */
@@ -27367,27 +27634,41 @@ function instance$q($$self, $$props, $$invalidate) {
 
 	$$self.$$set = $$props => {
 		if ('forceValidityFailure' in $$props) $$invalidate(0, forceValidityFailure = $$props.forceValidityFailure);
-		if ('key' in $$props) $$invalidate(1, key = $$props.key);
-		if ('onChange' in $$props) $$invalidate(2, onChange = $$props.onChange);
-		if ('isInvalid' in $$props) $$invalidate(3, isInvalid = $$props.isInvalid);
-		if ('isRequired' in $$props) $$invalidate(4, isRequired = $$props.isRequired);
-		if ('style' in $$props) $$invalidate(11, style = $$props.style);
-		if ('showMessage' in $$props) $$invalidate(5, showMessage = $$props.showMessage);
-		if ('$$scope' in $$props) $$invalidate(13, $$scope = $$props.$$scope);
+		if ('isInvalid' in $$props) $$invalidate(1, isInvalid = $$props.isInvalid);
+		if ('isRequired' in $$props) $$invalidate(2, isRequired = $$props.isRequired);
+		if ('key' in $$props) $$invalidate(3, key = $$props.key);
+		if ('onChange' in $$props) $$invalidate(11, onChange = $$props.onChange);
+		if ('resetValue' in $$props) $$invalidate(12, resetValue = $$props.resetValue);
+		if ('style' in $$props) $$invalidate(13, style = $$props.style);
+		if ('showMessage' in $$props) $$invalidate(4, showMessage = $$props.showMessage);
+		if ('$$scope' in $$props) $$invalidate(15, $$scope = $$props.$$scope);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*resetValue, onChange, value*/ 6176) {
+			{
+				if (resetValue) {
+					$$invalidate(5, value = undefined);
+					onChange(value);
+				}
+			}
+		}
 	};
 
 	return [
 		forceValidityFailure,
-		key,
-		onChange,
 		isInvalid,
 		isRequired,
+		key,
 		showMessage,
+		value,
 		isVisible,
 		type,
 		Input,
-		value,
+		onChangeWrapper,
 		toggleVisibility,
+		onChange,
+		resetValue,
 		style,
 		slots,
 		$$scope
@@ -27400,12 +27681,13 @@ class Confirm_input extends SvelteComponent {
 
 		init(this, options, instance$q, create_fragment$q, safe_not_equal, {
 			forceValidityFailure: 0,
-			key: 1,
-			onChange: 2,
-			isInvalid: 3,
-			isRequired: 4,
-			style: 11,
-			showMessage: 5
+			isInvalid: 1,
+			isRequired: 2,
+			key: 3,
+			onChange: 11,
+			resetValue: 12,
+			style: 13,
+			showMessage: 4
 		});
 	}
 }
@@ -27414,8 +27696,8 @@ class Confirm_input extends SvelteComponent {
 
 function create_default_slot_1$7(ctx) {
 	let current;
-	const default_slot_template = /*#slots*/ ctx[19].default;
-	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[20], null);
+	const default_slot_template = /*#slots*/ ctx[21].default;
+	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[22], null);
 
 	return {
 		c() {
@@ -27430,15 +27712,15 @@ function create_default_slot_1$7(ctx) {
 		},
 		p(ctx, dirty) {
 			if (default_slot) {
-				if (default_slot.p && (!current || dirty & /*$$scope*/ 1048576)) {
+				if (default_slot.p && (!current || dirty & /*$$scope*/ 4194304)) {
 					update_slot_base(
 						default_slot,
 						default_slot_template,
 						ctx,
-						/*$$scope*/ ctx[20],
+						/*$$scope*/ ctx[22],
 						!current
-						? get_all_dirty_from_scope(/*$$scope*/ ctx[20])
-						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[20], dirty, null),
+						? get_all_dirty_from_scope(/*$$scope*/ ctx[22])
+						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[22], dirty, null),
 						null
 					);
 				}
@@ -27459,7 +27741,7 @@ function create_default_slot_1$7(ctx) {
 	};
 }
 
-// (82:4) <EyeIcon classes="tw_password-icon dark:tw_password-icon_dark" visible={isVisible}       >
+// (94:4) <EyeIcon classes="tw_password-icon dark:tw_password-icon_dark" visible={isVisible}>
 function create_default_slot$e(ctx) {
 	let t;
 	let current;
@@ -27489,7 +27771,7 @@ function create_default_slot$e(ctx) {
 	};
 }
 
-// (76:2) 
+// (88:2) 
 function create_input_button_slot(ctx) {
 	let button;
 	let eyeicon;
@@ -27520,7 +27802,7 @@ function create_input_button_slot(ctx) {
 			current = true;
 
 			if (!mounted) {
-				dispose = listen(button, "click", /*toggleVisibility*/ ctx[16]);
+				dispose = listen(button, "click", /*toggleVisibility*/ ctx[17]);
 				mounted = true;
 			}
 		},
@@ -27528,7 +27810,7 @@ function create_input_button_slot(ctx) {
 			const eyeicon_changes = {};
 			if (dirty & /*isVisible*/ 1024) eyeicon_changes.visible = /*isVisible*/ ctx[10];
 
-			if (dirty & /*$$scope*/ 1048576) {
+			if (dirty & /*$$scope*/ 4194304) {
 				eyeicon_changes.$$scope = { dirty, ctx };
 			}
 
@@ -27552,7 +27834,7 @@ function create_input_button_slot(ctx) {
 	};
 }
 
-// (89:0) {#if callbackMetadata?.platform?.confirmPassword}
+// (101:0) {#if callbackMetadata?.platform?.confirmPassword}
 function create_if_block$a(ctx) {
 	let confirminput;
 	let current;
@@ -27562,7 +27844,8 @@ function create_if_block$a(ctx) {
 				forceValidityFailure: /*doPasswordsMatch*/ ctx[9] === false,
 				isInvalid: /*doPasswordsMatch*/ ctx[9] === false,
 				key: /*key*/ ctx[0],
-				onChange: /*confirmInput*/ ctx[14],
+				onChange: /*confirmInput*/ ctx[15],
+				resetValue: /*resetValue*/ ctx[11],
 				showMessage: /*doPasswordsMatch*/ ctx[9] === false,
 				style: /*style*/ ctx[4]
 			}
@@ -27581,6 +27864,7 @@ function create_if_block$a(ctx) {
 			if (dirty & /*doPasswordsMatch*/ 512) confirminput_changes.forceValidityFailure = /*doPasswordsMatch*/ ctx[9] === false;
 			if (dirty & /*doPasswordsMatch*/ 512) confirminput_changes.isInvalid = /*doPasswordsMatch*/ ctx[9] === false;
 			if (dirty & /*key*/ 1) confirminput_changes.key = /*key*/ ctx[0];
+			if (dirty & /*resetValue*/ 2048) confirminput_changes.resetValue = /*resetValue*/ ctx[11];
 			if (dirty & /*doPasswordsMatch*/ 512) confirminput_changes.showMessage = /*doPasswordsMatch*/ ctx[9] === false;
 			if (dirty & /*style*/ 16) confirminput_changes.style = /*style*/ ctx[4];
 			confirminput.$set(confirminput_changes);
@@ -27606,20 +27890,20 @@ function create_fragment$p(ctx) {
 	let if_block_anchor;
 	let current;
 
-	input = new /*Input*/ ctx[13]({
+	input = new /*Input*/ ctx[14]({
 			props: {
 				isFirstInvalidInput: /*callbackMetadata*/ ctx[1]?.derived.isFirstInvalidInput || false,
 				hasRightIcon: true,
 				key: /*key*/ ctx[0],
-				label: interpolate(textToKey(/*callbackType*/ ctx[8]), null, /*textInputLabel*/ ctx[11]),
+				label: interpolate(textToKey(/*callbackType*/ ctx[8]), null, /*textInputLabel*/ ctx[12]),
 				message: /*validationFailure*/ ctx[6] || (/*isRequired*/ ctx[3]
 				? interpolate('inputRequiredError')
 				: undefined),
-				onChange: /*setValue*/ ctx[15],
+				onChange: /*setValue*/ ctx[16],
 				isInvalid: /*isInvalid*/ ctx[2],
 				isRequired: /*isRequired*/ ctx[3],
 				showMessage: /*showMessage*/ ctx[5],
-				type: /*type*/ ctx[12],
+				type: /*type*/ ctx[13],
 				value: typeof /*value*/ ctx[7] === 'string'
 				? /*value*/ ctx[7]
 				: '',
@@ -27651,7 +27935,7 @@ function create_fragment$p(ctx) {
 			const input_changes = {};
 			if (dirty & /*callbackMetadata*/ 2) input_changes.isFirstInvalidInput = /*callbackMetadata*/ ctx[1]?.derived.isFirstInvalidInput || false;
 			if (dirty & /*key*/ 1) input_changes.key = /*key*/ ctx[0];
-			if (dirty & /*callbackType, textInputLabel*/ 2304) input_changes.label = interpolate(textToKey(/*callbackType*/ ctx[8]), null, /*textInputLabel*/ ctx[11]);
+			if (dirty & /*callbackType, textInputLabel*/ 4352) input_changes.label = interpolate(textToKey(/*callbackType*/ ctx[8]), null, /*textInputLabel*/ ctx[12]);
 
 			if (dirty & /*validationFailure, isRequired*/ 72) input_changes.message = /*validationFailure*/ ctx[6] || (/*isRequired*/ ctx[3]
 			? interpolate('inputRequiredError')
@@ -27660,13 +27944,13 @@ function create_fragment$p(ctx) {
 			if (dirty & /*isInvalid*/ 4) input_changes.isInvalid = /*isInvalid*/ ctx[2];
 			if (dirty & /*isRequired*/ 8) input_changes.isRequired = /*isRequired*/ ctx[3];
 			if (dirty & /*showMessage*/ 32) input_changes.showMessage = /*showMessage*/ ctx[5];
-			if (dirty & /*type*/ 4096) input_changes.type = /*type*/ ctx[12];
+			if (dirty & /*type*/ 8192) input_changes.type = /*type*/ ctx[13];
 
 			if (dirty & /*value*/ 128) input_changes.value = typeof /*value*/ ctx[7] === 'string'
 			? /*value*/ ctx[7]
 			: '';
 
-			if (dirty & /*$$scope, isVisible*/ 1049600) {
+			if (dirty & /*$$scope, isVisible*/ 4195328) {
 				input_changes.$$scope = { dirty, ctx };
 			}
 
@@ -27730,6 +28014,8 @@ function instance$p($$self, $$props, $$invalidate) {
 	let callbackType;
 	let doPasswordsMatch;
 	let isVisible = false;
+	let resetValue = false;
+	let savedValue = '';
 	let textInputLabel;
 	let type = 'password';
 	let value;
@@ -27738,8 +28024,8 @@ function instance$p($$self, $$props, $$invalidate) {
  * @function confirmInput - ensures the second password input matches the first
  * @param event
  */
-	function confirmInput(event) {
-		$$invalidate(18, confirmValue = event.target?.value);
+	function confirmInput(val) {
+		$$invalidate(19, confirmValue = val);
 	}
 
 	/**
@@ -27757,6 +28043,8 @@ function instance$p($$self, $$props, $$invalidate) {
  * for writing values to the callbacks received from AM
  *********************************************************************** */
 		callback.setInputValue(value);
+
+		$$invalidate(20, savedValue = String(value));
 	}
 
 	/**
@@ -27764,11 +28052,11 @@ function instance$p($$self, $$props, $$invalidate) {
  */
 	function toggleVisibility() {
 		$$invalidate(10, isVisible = !isVisible);
-		$$invalidate(12, type = isVisible ? 'text' : 'password');
+		$$invalidate(13, type = isVisible ? 'text' : 'password');
 	}
 
 	$$self.$$set = $$props => {
-		if ('callback' in $$props) $$invalidate(17, callback = $$props.callback);
+		if ('callback' in $$props) $$invalidate(18, callback = $$props.callback);
 		if ('callbackMetadata' in $$props) $$invalidate(1, callbackMetadata = $$props.callbackMetadata);
 		if ('key' in $$props) $$invalidate(0, key = $$props.key);
 		if ('isInvalid' in $$props) $$invalidate(2, isInvalid = $$props.isInvalid);
@@ -27776,18 +28064,28 @@ function instance$p($$self, $$props, $$invalidate) {
 		if ('style' in $$props) $$invalidate(4, style = $$props.style);
 		if ('showMessage' in $$props) $$invalidate(5, showMessage = $$props.showMessage);
 		if ('validationFailure' in $$props) $$invalidate(6, validationFailure = $$props.validationFailure);
-		if ('$$scope' in $$props) $$invalidate(20, $$scope = $$props.$$scope);
+		if ('$$scope' in $$props) $$invalidate(22, $$scope = $$props.$$scope);
 	};
 
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*callback, callbackMetadata, confirmValue, value*/ 393346) {
+		if ($$self.$$.dirty & /*callback, callbackMetadata, savedValue, value, confirmValue*/ 1835138) {
 			{
 				$$invalidate(8, callbackType = callback.getType());
 				$$invalidate(0, key = callback?.payload?.input?.[0].name || `password-${callbackMetadata?.idx}`);
-				$$invalidate(11, textInputLabel = callback.getPrompt());
+				$$invalidate(12, textInputLabel = callback.getPrompt());
 				$$invalidate(7, value = callback?.getInputValue());
 
-				// Only assign a boolean if the confirm input has an actual value
+				/**
+ * `savedValue` represents what the user set after blur (local component state)
+ * `value` represents what's in the callback (empties from AM response)
+ *
+ * This unique combination is what produces the most reliable reset flag
+ */
+				$$invalidate(11, resetValue = !!savedValue && value === '');
+
+				/**
+ * Only assign a boolean if the confirm input has an actual value.
+ */
 				$$invalidate(9, doPasswordsMatch = confirmValue !== undefined
 				? confirmValue === value
 				: undefined);
@@ -27807,6 +28105,7 @@ function instance$p($$self, $$props, $$invalidate) {
 		callbackType,
 		doPasswordsMatch,
 		isVisible,
+		resetValue,
 		textInputLabel,
 		type,
 		Input,
@@ -27815,6 +28114,7 @@ function instance$p($$self, $$props, $$invalidate) {
 		toggleVisibility,
 		callback,
 		confirmValue,
+		savedValue,
 		slots,
 		$$scope
 	];
@@ -27825,7 +28125,7 @@ class Base extends SvelteComponent {
 		super();
 
 		init(this, options, instance$p, create_fragment$p, safe_not_equal, {
-			callback: 17,
+			callback: 18,
 			callbackMetadata: 1,
 			key: 0,
 			isInvalid: 2,
@@ -29793,13 +30093,6 @@ function instance$f($$self, $$props, $$invalidate) {
  * @param {Object} event
  */
 	function setValue(event) {
-		/** ***********************************************************************
- * SDK INTEGRATION POINT
- * Summary: SDK callback methods for setting values
- * ------------------------------------------------------------------------
- * Details: Each callback is wrapped by the SDK to provide helper methods
- * for writing values to the callbacks received from AM
- *********************************************************************** */
 		callback.setInputValue(event.target.value);
 	}
 
@@ -29988,7 +30281,7 @@ function create_else_block$3(ctx) {
 	};
 }
 
-// (41:0) {#if $linksStore?.termsAndConditions}
+// (27:0) {#if $linksStore?.termsAndConditions}
 function create_if_block$7(ctx) {
 	let link;
 	let t;
@@ -30066,7 +30359,7 @@ function create_if_block$7(ctx) {
 	};
 }
 
-// (42:2) <Link classes="tw_block tw_mb-4" href={$linksStore?.termsAndConditions} target="_blank">
+// (28:2) <Link classes="tw_block tw_mb-4" href={$linksStore?.termsAndConditions} target="_blank">
 function create_default_slot_1$5(ctx) {
 	let t_value = interpolate('termsAndConditionsLinkText') + "";
 	let t;
@@ -30085,7 +30378,7 @@ function create_default_slot_1$5(ctx) {
 	};
 }
 
-// (45:2) <Checkbox     isFirstInvalidInput={callbackMetadata?.derived.isFirstInvalidInput || false}     key={inputName}     onChange={setValue}     value={false}   >
+// (31:2) <Checkbox     isFirstInvalidInput={callbackMetadata?.derived.isFirstInvalidInput || false}     key={inputName}     onChange={setValue}     value={false}   >
 function create_default_slot$9(ctx) {
 	let t;
 	let current;
@@ -30193,13 +30486,6 @@ function instance$d($$self, $$props, $$invalidate) {
 	let { callback } = $$props;
 	let { callbackMetadata } = $$props;
 
-	/** *************************************************************************
- * SDK INTEGRATION POINT
- * Summary: SDK callback methods for getting values
- * --------------------------------------------------------------------------
- * Details: Each callback is wrapped by the SDK to provide helper methods
- * for accessing values from the callbacks received from AM
- ************************************************************************* */
 	const Checkbox = style.checksAndRadios === 'standard'
 	? Standard$1
 	: Animated$1;
@@ -30211,13 +30497,6 @@ function instance$d($$self, $$props, $$invalidate) {
  * @param {Object} event
  */
 	function setValue(event) {
-		/** ***********************************************************************
- * SDK INTEGRATION POINT
- * Summary: SDK callback methods for setting values
- * ------------------------------------------------------------------------
- * Details: Each callback is wrapped by the SDK to provide helper methods
- * for writing values to the callbacks received from AM
- *********************************************************************** */
 		callback.setAccepted(event.target.checked);
 	}
 
@@ -30776,13 +31055,6 @@ function instance$9($$self, $$props, $$invalidate) {
  * @param {Object} event
  */
 	function setValue(event) {
-		/** ***********************************************************************
- * SDK INTEGRATION POINT
- * Summary: SDK callback methods for setting values
- * ------------------------------------------------------------------------
- * Details: Each callback is wrapped by the SDK to provide helper methods
- * for writing values to the callbacks received from AM
- *********************************************************************** */
 		callback.setInputValue(event.target.value);
 	}
 
@@ -35039,14 +35311,12 @@ class Login extends SvelteComponent {
 	}
 }
 
+/**
+ * @function mapStepToStage - Maps the current step to the proper stage component.
+ * @param {object} currentStep - The current step to check
+ * @returns {object} - The stage Svelte component
+ */
 function mapStepToStage(currentStep) {
-    /** *********************************************************************
-     * SDK INTEGRATION POINT
-     * Summary:SDK step method for getting the stage value
-     * ----------------------------------------------------------------------
-     * Details: This method is helpful in quickly identifying the stage
-     * when you want to provide special layout or handling of the form
-     ********************************************************************* */
     if (!currentStep || currentStep.type !== 'Step') {
         return Generic;
     }