@forgerock/login-widget 1.2.0-beta.1 → 1.2.0-beta.3

package/index.js

@@ -9187,19 +9187,15 @@ function htmlDecode(input) {
     return e.childNodes.length === 0 ? '' : e.childNodes[0].nodeValue;
 }
 
-var libExports$1 = {};
-var lib$1 = {
-  get exports(){ return libExports$1; },
-  set exports(v){ libExports$1 = v; },
-};
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+var lib$1 = {exports: {}};
 
 var _default$1 = {};
 
-var libExports = {};
-var lib = {
-  get exports(){ return libExports; },
-  set exports(v){ libExports = v; },
-};
+var lib = {exports: {}};
 
 var _default = {};
 
@@ -9853,8 +9849,10 @@ var css = FilterCSS$2;
 	// 在浏览器端使用
 	if (typeof window !== 'undefined') {
 	  window.filterCSS = module.exports;
-	}
-} (lib, libExports));
+	} 
+} (lib, lib.exports));
+
+var libExports$1 = lib.exports;
 
 var util = {
   indexOf: function (arr, item) {
@@ -9897,8 +9895,8 @@ var util = {
  * @author Zongmin Lei<leizongmin@gmail.com>
  */
 
-var FilterCSS$1 = libExports.FilterCSS;
-var getDefaultCSSWhiteList = libExports.getDefaultWhiteList;
+var FilterCSS$1 = libExports$1.FilterCSS;
+var getDefaultCSSWhiteList = libExports$1.getDefaultWhiteList;
 var _$2 = util;
 
 function getDefaultWhiteList() {
@@ -10615,7 +10613,7 @@ parser$1.parseAttr = parseAttr$1;
  * @author Zongmin Lei<leizongmin@gmail.com>
  */
 
-var FilterCSS = libExports.FilterCSS;
+var FilterCSS = libExports$1.FilterCSS;
 var DEFAULT = _default$1;
 var parser = parser$1;
 var parseTag = parser.parseTag;
@@ -10890,10 +10888,11 @@ var xss = FilterXSS;
 	}
 	if (isWorkerEnv()) {
 	  self.filterXSS = module.exports;
-	}
-} (lib$1, libExports$1));
+	} 
+} (lib$1, lib$1.exports));
 
-var sanitize = libExports$1;
+var libExports = lib$1.exports;
+var sanitize = /*@__PURE__*/getDefaultExportFromCjs(libExports);
 
 var alreadyHaveAnAccount = "Already have an account? <a href='?journey'>Sign in here!</a>";
 var backToDefault = "Back to Sign In";
@@ -14160,7 +14159,7 @@ function instance$Y($$self, $$props, $$invalidate) {
 	let { busy = false } = $$props;
 	let { classes = '' } = $$props;
 
-	let { onClick = e => {
+	let { onClick = () => {
 		
 	} } = $$props;
 
@@ -16239,7 +16238,7 @@ let Standard$1 = class Standard extends SvelteComponent {
 /* src/lib/journey/callbacks/boolean/boolean.svelte generated by Svelte v3.59.2 */
 
 function create_default_slot$p(ctx) {
-	let t_value = interpolate(textToKey(/*outputName*/ ctx[2]), null, /*prompt*/ ctx[4]) + "";
+	let t_value = interpolate(textToKey(/*outputName*/ ctx[3]), null, /*prompt*/ ctx[5]) + "";
 	let t;
 
 	return {
@@ -16250,7 +16249,7 @@ function create_default_slot$p(ctx) {
 			insert(target, t, anchor);
 		},
 		p(ctx, dirty) {
-			if (dirty & /*outputName, prompt*/ 20 && t_value !== (t_value = interpolate(textToKey(/*outputName*/ ctx[2]), null, /*prompt*/ ctx[4]) + "")) set_data(t, t_value);
+			if (dirty & /*outputName, prompt*/ 40 && t_value !== (t_value = interpolate(textToKey(/*outputName*/ ctx[3]), null, /*prompt*/ ctx[5]) + "")) set_data(t, t_value);
 		},
 		d(detaching) {
 			if (detaching) detach(t);
@@ -16258,18 +16257,19 @@ function create_default_slot$p(ctx) {
 	};
 }
 
-function create_fragment$M(ctx) {
+// (32:0) {#key callback}
+function create_key_block$5(ctx) {
 	let checkbox;
 	let current;
 
-	checkbox = new /*Checkbox*/ ctx[6]({
+	checkbox = new /*Checkbox*/ ctx[7]({
 			props: {
-				isFirstInvalidInput: /*callbackMetadata*/ ctx[0]?.derived.isFirstInvalidInput || false,
-				isInvalid: !!/*validationFailure*/ ctx[5],
-				key: /*inputName*/ ctx[1],
-				message: /*validationFailure*/ ctx[5],
-				onChange: /*setValue*/ ctx[7],
-				value: /*previousValue*/ ctx[3],
+				isFirstInvalidInput: /*callbackMetadata*/ ctx[1]?.derived.isFirstInvalidInput || false,
+				isInvalid: !!/*validationFailure*/ ctx[6],
+				key: /*inputName*/ ctx[2],
+				message: /*validationFailure*/ ctx[6],
+				onChange: /*setValue*/ ctx[8],
+				value: /*previousValue*/ ctx[4],
 				$$slots: { default: [create_default_slot$p] },
 				$$scope: { ctx }
 			}
@@ -16283,15 +16283,15 @@ function create_fragment$M(ctx) {
 			mount_component(checkbox, target, anchor);
 			current = true;
 		},
-		p(ctx, [dirty]) {
+		p(ctx, dirty) {
 			const checkbox_changes = {};
-			if (dirty & /*callbackMetadata*/ 1) checkbox_changes.isFirstInvalidInput = /*callbackMetadata*/ ctx[0]?.derived.isFirstInvalidInput || false;
-			if (dirty & /*validationFailure*/ 32) checkbox_changes.isInvalid = !!/*validationFailure*/ ctx[5];
-			if (dirty & /*inputName*/ 2) checkbox_changes.key = /*inputName*/ ctx[1];
-			if (dirty & /*validationFailure*/ 32) checkbox_changes.message = /*validationFailure*/ ctx[5];
-			if (dirty & /*previousValue*/ 8) checkbox_changes.value = /*previousValue*/ ctx[3];
+			if (dirty & /*callbackMetadata*/ 2) checkbox_changes.isFirstInvalidInput = /*callbackMetadata*/ ctx[1]?.derived.isFirstInvalidInput || false;
+			if (dirty & /*validationFailure*/ 64) checkbox_changes.isInvalid = !!/*validationFailure*/ ctx[6];
+			if (dirty & /*inputName*/ 4) checkbox_changes.key = /*inputName*/ ctx[2];
+			if (dirty & /*validationFailure*/ 64) checkbox_changes.message = /*validationFailure*/ ctx[6];
+			if (dirty & /*previousValue*/ 16) checkbox_changes.value = /*previousValue*/ ctx[4];
 
-			if (dirty & /*$$scope, outputName, prompt*/ 4116) {
+			if (dirty & /*$$scope, outputName, prompt*/ 4136) {
 				checkbox_changes.$$scope = { dirty, ctx };
 			}
 
@@ -16312,6 +16312,51 @@ function create_fragment$M(ctx) {
 	};
 }
 
+function create_fragment$M(ctx) {
+	let previous_key = /*callback*/ ctx[0];
+	let key_block_anchor;
+	let current;
+	let key_block = create_key_block$5(ctx);
+
+	return {
+		c() {
+			key_block.c();
+			key_block_anchor = empty();
+		},
+		m(target, anchor) {
+			key_block.m(target, anchor);
+			insert(target, key_block_anchor, anchor);
+			current = true;
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*callback*/ 1 && safe_not_equal(previous_key, previous_key = /*callback*/ ctx[0])) {
+				group_outros();
+				transition_out(key_block, 1, 1, noop);
+				check_outros();
+				key_block = create_key_block$5(ctx);
+				key_block.c();
+				transition_in(key_block, 1);
+				key_block.m(key_block_anchor.parentNode, key_block_anchor);
+			} else {
+				key_block.p(ctx, dirty);
+			}
+		},
+		i(local) {
+			if (current) return;
+			transition_in(key_block);
+			current = true;
+		},
+		o(local) {
+			transition_out(key_block);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(key_block_anchor);
+			key_block.d(detaching);
+		}
+	};
+}
+
 function instance$O($$self, $$props, $$invalidate) {
 	const stepMetadata = null;
 	const selfSubmitFunction = null;
@@ -16338,28 +16383,29 @@ function instance$O($$self, $$props, $$invalidate) {
 	}
 
 	$$self.$$set = $$props => {
-		if ('callback' in $$props) $$invalidate(10, callback = $$props.callback);
-		if ('callbackMetadata' in $$props) $$invalidate(0, callbackMetadata = $$props.callbackMetadata);
+		if ('callback' in $$props) $$invalidate(0, callback = $$props.callback);
+		if ('callbackMetadata' in $$props) $$invalidate(1, callbackMetadata = $$props.callbackMetadata);
 		if ('style' in $$props) $$invalidate(11, style = $$props.style);
 	};
 
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*callback, callbackMetadata*/ 1025) {
+		if ($$self.$$.dirty & /*callback, callbackMetadata*/ 3) {
 			{
-				$$invalidate(1, inputName = callback?.payload?.input?.[0].name || `boolean-attr-${callbackMetadata?.idx}`);
+				$$invalidate(2, inputName = callback?.payload?.input?.[0].name || `boolean-attr-${callbackMetadata?.idx}`);
 
 				// A boolean being required doesn't make much sense, so commenting it out for now
 				// isRequired = isInputRequired(callback);
-				$$invalidate(2, outputName = callback.getOutputByName('name', ''));
+				$$invalidate(3, outputName = callback.getOutputByName('name', ''));
 
-				$$invalidate(3, previousValue = callback.getInputValue());
-				$$invalidate(4, prompt = callback.getPrompt());
-				$$invalidate(5, validationFailure = getAttributeValidationFailureText(callback));
+				$$invalidate(4, previousValue = callback.getInputValue());
+				$$invalidate(5, prompt = callback.getPrompt());
+				$$invalidate(6, validationFailure = getAttributeValidationFailureText(callback));
 			}
 		}
 	};
 
 	return [
+		callback,
 		callbackMetadata,
 		inputName,
 		outputName,
@@ -16370,7 +16416,6 @@ function instance$O($$self, $$props, $$invalidate) {
 		setValue,
 		stepMetadata,
 		selfSubmitFunction,
-		callback,
 		style
 	];
 }
@@ -16380,20 +16425,20 @@ let Boolean$1 = class Boolean extends SvelteComponent {
 		super();
 
 		init(this, options, instance$O, create_fragment$M, safe_not_equal, {
-			stepMetadata: 8,
-			selfSubmitFunction: 9,
-			callback: 10,
-			callbackMetadata: 0,
+			stepMetadata: 9,
+			selfSubmitFunction: 10,
+			callback: 0,
+			callbackMetadata: 1,
 			style: 11
 		});
 	}
 
 	get stepMetadata() {
-		return this.$$.ctx[8];
+		return this.$$.ctx[9];
 	}
 
 	get selfSubmitFunction() {
-		return this.$$.ctx[9];
+		return this.$$.ctx[10];
 	}
 };
 
@@ -21187,20 +21232,20 @@ class Kba_create extends SvelteComponent {
 
 /* src/lib/journey/callbacks/username/name.svelte generated by Svelte v3.59.2 */
 
-function create_fragment$x(ctx) {
+function create_key_block$4(ctx) {
 	let input;
 	let current;
 
-	input = new /*Input*/ ctx[5]({
+	input = new /*Input*/ ctx[6]({
 			props: {
-				isFirstInvalidInput: /*callbackMetadata*/ ctx[0]?.derived.isFirstInvalidInput || false,
-				key: /*inputName*/ ctx[2],
-				label: interpolate(textToKey(/*textInputLabel*/ ctx[3] || /*callbackType*/ ctx[1]), null, /*textInputLabel*/ ctx[3]),
-				onChange: /*setValue*/ ctx[6],
+				isFirstInvalidInput: /*callbackMetadata*/ ctx[1]?.derived.isFirstInvalidInput || false,
+				key: /*inputName*/ ctx[3],
+				label: interpolate(textToKey(/*textInputLabel*/ ctx[4] || /*callbackType*/ ctx[2]), null, /*textInputLabel*/ ctx[4]),
+				onChange: /*setValue*/ ctx[7],
 				type: "text",
 				showMessage: false,
-				value: typeof /*value*/ ctx[4] === 'string'
-				? /*value*/ ctx[4]
+				value: typeof /*value*/ ctx[5] === 'string'
+				? /*value*/ ctx[5]
 				: ''
 			}
 		});
@@ -21213,14 +21258,14 @@ function create_fragment$x(ctx) {
 			mount_component(input, target, anchor);
 			current = true;
 		},
-		p(ctx, [dirty]) {
+		p(ctx, dirty) {
 			const input_changes = {};
-			if (dirty & /*callbackMetadata*/ 1) input_changes.isFirstInvalidInput = /*callbackMetadata*/ ctx[0]?.derived.isFirstInvalidInput || false;
-			if (dirty & /*inputName*/ 4) input_changes.key = /*inputName*/ ctx[2];
-			if (dirty & /*textInputLabel, callbackType*/ 10) input_changes.label = interpolate(textToKey(/*textInputLabel*/ ctx[3] || /*callbackType*/ ctx[1]), null, /*textInputLabel*/ ctx[3]);
+			if (dirty & /*callbackMetadata*/ 2) input_changes.isFirstInvalidInput = /*callbackMetadata*/ ctx[1]?.derived.isFirstInvalidInput || false;
+			if (dirty & /*inputName*/ 8) input_changes.key = /*inputName*/ ctx[3];
+			if (dirty & /*textInputLabel, callbackType*/ 20) input_changes.label = interpolate(textToKey(/*textInputLabel*/ ctx[4] || /*callbackType*/ ctx[2]), null, /*textInputLabel*/ ctx[4]);
 
-			if (dirty & /*value*/ 16) input_changes.value = typeof /*value*/ ctx[4] === 'string'
-			? /*value*/ ctx[4]
+			if (dirty & /*value*/ 32) input_changes.value = typeof /*value*/ ctx[5] === 'string'
+			? /*value*/ ctx[5]
 			: '';
 
 			input.$set(input_changes);
@@ -21240,6 +21285,51 @@ function create_fragment$x(ctx) {
 	};
 }
 
+function create_fragment$x(ctx) {
+	let previous_key = /*callback*/ ctx[0];
+	let key_block_anchor;
+	let current;
+	let key_block = create_key_block$4(ctx);
+
+	return {
+		c() {
+			key_block.c();
+			key_block_anchor = empty();
+		},
+		m(target, anchor) {
+			key_block.m(target, anchor);
+			insert(target, key_block_anchor, anchor);
+			current = true;
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*callback*/ 1 && safe_not_equal(previous_key, previous_key = /*callback*/ ctx[0])) {
+				group_outros();
+				transition_out(key_block, 1, 1, noop);
+				check_outros();
+				key_block = create_key_block$4(ctx);
+				key_block.c();
+				transition_in(key_block, 1);
+				key_block.m(key_block_anchor.parentNode, key_block_anchor);
+			} else {
+				key_block.p(ctx, dirty);
+			}
+		},
+		i(local) {
+			if (current) return;
+			transition_in(key_block);
+			current = true;
+		},
+		o(local) {
+			transition_out(key_block);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(key_block_anchor);
+			key_block.d(detaching);
+		}
+	};
+}
+
 function instance$y($$self, $$props, $$invalidate) {
 	const selfSubmitFunction = null;
 	const stepMetadata = null;
@@ -21257,23 +21347,24 @@ function instance$y($$self, $$props, $$invalidate) {
 	}
 
 	$$self.$$set = $$props => {
-		if ('callback' in $$props) $$invalidate(9, callback = $$props.callback);
-		if ('callbackMetadata' in $$props) $$invalidate(0, callbackMetadata = $$props.callbackMetadata);
+		if ('callback' in $$props) $$invalidate(0, callback = $$props.callback);
+		if ('callbackMetadata' in $$props) $$invalidate(1, callbackMetadata = $$props.callbackMetadata);
 		if ('style' in $$props) $$invalidate(10, style = $$props.style);
 	};
 
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*callback, callbackMetadata*/ 513) {
+		if ($$self.$$.dirty & /*callback, callbackMetadata*/ 3) {
 			{
-				$$invalidate(1, callbackType = callback.getType());
-				$$invalidate(2, inputName = callback?.payload?.input?.[0].name || `name-${callbackMetadata?.idx}`);
-				$$invalidate(3, textInputLabel = callback.getPrompt());
-				$$invalidate(4, value = callback?.getInputValue());
+				$$invalidate(2, callbackType = callback.getType());
+				$$invalidate(3, inputName = callback?.payload?.input?.[0].name || `name-${callbackMetadata?.idx}`);
+				$$invalidate(4, textInputLabel = callback.getPrompt());
+				$$invalidate(5, value = callback?.getInputValue());
 			}
 		}
 	};
 
 	return [
+		callback,
 		callbackMetadata,
 		callbackType,
 		inputName,
@@ -21283,7 +21374,6 @@ function instance$y($$self, $$props, $$invalidate) {
 		setValue,
 		selfSubmitFunction,
 		stepMetadata,
-		callback,
 		style
 	];
 }
@@ -21293,20 +21383,20 @@ class Name extends SvelteComponent {
 		super();
 
 		init(this, options, instance$y, create_fragment$x, safe_not_equal, {
-			selfSubmitFunction: 7,
-			stepMetadata: 8,
-			callback: 9,
-			callbackMetadata: 0,
+			selfSubmitFunction: 8,
+			stepMetadata: 9,
+			callback: 0,
+			callbackMetadata: 1,
 			style: 10
 		});
 	}
 
 	get selfSubmitFunction() {
-		return this.$$.ctx[7];
+		return this.$$.ctx[8];
 	}
 
 	get stepMetadata() {
-		return this.$$.ctx[8];
+		return this.$$.ctx[9];
 	}
 }
 
@@ -21929,7 +22019,7 @@ function create_default_slot_1$a(ctx) {
 	};
 }
 
-// (94:4) <EyeIcon classes="tw_password-icon dark:tw_password-icon_dark" visible={isVisible}>
+// (95:6) <EyeIcon classes="tw_password-icon dark:tw_password-icon_dark" visible={isVisible}>
 function create_default_slot$h(ctx) {
 	let t;
 	let current;
@@ -21959,7 +22049,7 @@ function create_default_slot$h(ctx) {
 	};
 }
 
-// (88:2) 
+// (89:4) 
 function create_input_button_slot(ctx) {
 	let button;
 	let eyeicon;
@@ -21970,7 +22060,7 @@ function create_input_button_slot(ctx) {
 	eyeicon = new Eye_icon({
 			props: {
 				classes: "tw_password-icon dark:tw_password-icon_dark",
-				visible: /*isVisible*/ ctx[10],
+				visible: /*isVisible*/ ctx[11],
 				$$slots: { default: [create_default_slot$h] },
 				$$scope: { ctx }
 			}
@@ -21990,13 +22080,13 @@ function create_input_button_slot(ctx) {
 			current = true;
 
 			if (!mounted) {
-				dispose = listen(button, "click", /*toggleVisibility*/ ctx[17]);
+				dispose = listen(button, "click", /*toggleVisibility*/ ctx[18]);
 				mounted = true;
 			}
 		},
 		p(ctx, dirty) {
 			const eyeicon_changes = {};
-			if (dirty & /*isVisible*/ 1024) eyeicon_changes.visible = /*isVisible*/ ctx[10];
+			if (dirty & /*isVisible*/ 2048) eyeicon_changes.visible = /*isVisible*/ ctx[11];
 
 			if (dirty & /*$$scope*/ 4194304) {
 				eyeicon_changes.$$scope = { dirty, ctx };
@@ -22022,21 +22112,21 @@ function create_input_button_slot(ctx) {
 	};
 }
 
-// (101:0) {#if callbackMetadata?.platform?.confirmPassword}
+// (102:2) {#if callbackMetadata?.platform?.confirmPassword}
 function create_if_block$e(ctx) {
 	let confirminput;
 	let current;
 
 	confirminput = new Confirm_input({
 			props: {
-				forceValidityFailure: /*doPasswordsMatch*/ ctx[9] === false,
-				passwordsDoNotMatch: /*doPasswordsMatch*/ ctx[9] === false,
+				forceValidityFailure: /*doPasswordsMatch*/ ctx[10] === false,
+				passwordsDoNotMatch: /*doPasswordsMatch*/ ctx[10] === false,
 				key: /*key*/ ctx[0],
-				isRequired: /*value*/ ctx[7].length > 0,
-				onChange: /*confirmInput*/ ctx[15],
-				resetValue: /*resetValue*/ ctx[11],
-				showMessage: /*doPasswordsMatch*/ ctx[9] === false,
-				style: /*style*/ ctx[4]
+				isRequired: /*value*/ ctx[8].length > 0,
+				onChange: /*confirmInput*/ ctx[16],
+				resetValue: /*resetValue*/ ctx[12],
+				showMessage: /*doPasswordsMatch*/ ctx[10] === false,
+				style: /*style*/ ctx[5]
 			}
 		});
 
@@ -22050,13 +22140,13 @@ function create_if_block$e(ctx) {
 		},
 		p(ctx, dirty) {
 			const confirminput_changes = {};
-			if (dirty & /*doPasswordsMatch*/ 512) confirminput_changes.forceValidityFailure = /*doPasswordsMatch*/ ctx[9] === false;
-			if (dirty & /*doPasswordsMatch*/ 512) confirminput_changes.passwordsDoNotMatch = /*doPasswordsMatch*/ ctx[9] === false;
+			if (dirty & /*doPasswordsMatch*/ 1024) confirminput_changes.forceValidityFailure = /*doPasswordsMatch*/ ctx[10] === false;
+			if (dirty & /*doPasswordsMatch*/ 1024) confirminput_changes.passwordsDoNotMatch = /*doPasswordsMatch*/ ctx[10] === false;
 			if (dirty & /*key*/ 1) confirminput_changes.key = /*key*/ ctx[0];
-			if (dirty & /*value*/ 128) confirminput_changes.isRequired = /*value*/ ctx[7].length > 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];
+			if (dirty & /*value*/ 256) confirminput_changes.isRequired = /*value*/ ctx[8].length > 0;
+			if (dirty & /*resetValue*/ 4096) confirminput_changes.resetValue = /*resetValue*/ ctx[12];
+			if (dirty & /*doPasswordsMatch*/ 1024) confirminput_changes.showMessage = /*doPasswordsMatch*/ ctx[10] === false;
+			if (dirty & /*style*/ 32) confirminput_changes.style = /*style*/ ctx[5];
 			confirminput.$set(confirminput_changes);
 		},
 		i(local) {
@@ -22074,28 +22164,29 @@ function create_if_block$e(ctx) {
 	};
 }
 
-function create_fragment$u(ctx) {
+// (75:0) {#key callback}
+function create_key_block$3(ctx) {
 	let input;
 	let t;
 	let if_block_anchor;
 	let current;
 
-	input = new /*Input*/ ctx[14]({
+	input = new /*Input*/ ctx[15]({
 			props: {
-				isFirstInvalidInput: /*callbackMetadata*/ ctx[1]?.derived.isFirstInvalidInput || false,
+				isFirstInvalidInput: /*callbackMetadata*/ ctx[2]?.derived.isFirstInvalidInput || false,
 				hasRightIcon: true,
 				key: /*key*/ ctx[0],
-				label: interpolate(textToKey(/*callbackType*/ ctx[8]), null, /*textInputLabel*/ ctx[12]),
-				message: /*validationFailure*/ ctx[6] || (/*isRequired*/ ctx[3]
+				label: interpolate(textToKey(/*callbackType*/ ctx[9]), null, /*textInputLabel*/ ctx[13]),
+				message: /*validationFailure*/ ctx[7] || (/*isRequired*/ ctx[4]
 				? interpolate('inputRequiredError')
 				: undefined),
-				onChange: /*setValue*/ ctx[16],
-				isInvalid: /*isInvalid*/ ctx[2],
-				isRequired: /*isRequired*/ ctx[3],
-				showMessage: /*showMessage*/ ctx[5],
-				type: /*type*/ ctx[13],
-				value: typeof /*value*/ ctx[7] === 'string'
-				? /*value*/ ctx[7]
+				onChange: /*setValue*/ ctx[17],
+				isInvalid: /*isInvalid*/ ctx[3],
+				isRequired: /*isRequired*/ ctx[4],
+				showMessage: /*showMessage*/ ctx[6],
+				type: /*type*/ ctx[14],
+				value: typeof /*value*/ ctx[8] === 'string'
+				? /*value*/ ctx[8]
 				: '',
 				$$slots: {
 					"input-button": [create_input_button_slot],
@@ -22105,7 +22196,7 @@ function create_fragment$u(ctx) {
 			}
 		});
 
-	let if_block = /*callbackMetadata*/ ctx[1]?.platform?.confirmPassword && create_if_block$e(ctx);
+	let if_block = /*callbackMetadata*/ ctx[2]?.platform?.confirmPassword && create_if_block$e(ctx);
 
 	return {
 		c() {
@@ -22121,36 +22212,36 @@ function create_fragment$u(ctx) {
 			insert(target, if_block_anchor, anchor);
 			current = true;
 		},
-		p(ctx, [dirty]) {
+		p(ctx, dirty) {
 			const input_changes = {};
-			if (dirty & /*callbackMetadata*/ 2) input_changes.isFirstInvalidInput = /*callbackMetadata*/ ctx[1]?.derived.isFirstInvalidInput || false;
+			if (dirty & /*callbackMetadata*/ 4) input_changes.isFirstInvalidInput = /*callbackMetadata*/ ctx[2]?.derived.isFirstInvalidInput || false;
 			if (dirty & /*key*/ 1) input_changes.key = /*key*/ ctx[0];
-			if (dirty & /*callbackType, textInputLabel*/ 4352) input_changes.label = interpolate(textToKey(/*callbackType*/ ctx[8]), null, /*textInputLabel*/ ctx[12]);
+			if (dirty & /*callbackType, textInputLabel*/ 8704) input_changes.label = interpolate(textToKey(/*callbackType*/ ctx[9]), null, /*textInputLabel*/ ctx[13]);
 
-			if (dirty & /*validationFailure, isRequired*/ 72) input_changes.message = /*validationFailure*/ ctx[6] || (/*isRequired*/ ctx[3]
+			if (dirty & /*validationFailure, isRequired*/ 144) input_changes.message = /*validationFailure*/ ctx[7] || (/*isRequired*/ ctx[4]
 			? interpolate('inputRequiredError')
 			: undefined);
 
-			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*/ 8192) input_changes.type = /*type*/ ctx[13];
+			if (dirty & /*isInvalid*/ 8) input_changes.isInvalid = /*isInvalid*/ ctx[3];
+			if (dirty & /*isRequired*/ 16) input_changes.isRequired = /*isRequired*/ ctx[4];
+			if (dirty & /*showMessage*/ 64) input_changes.showMessage = /*showMessage*/ ctx[6];
+			if (dirty & /*type*/ 16384) input_changes.type = /*type*/ ctx[14];
 
-			if (dirty & /*value*/ 128) input_changes.value = typeof /*value*/ ctx[7] === 'string'
-			? /*value*/ ctx[7]
+			if (dirty & /*value*/ 256) input_changes.value = typeof /*value*/ ctx[8] === 'string'
+			? /*value*/ ctx[8]
 			: '';
 
-			if (dirty & /*$$scope, isVisible*/ 4195328) {
+			if (dirty & /*$$scope, isVisible*/ 4196352) {
 				input_changes.$$scope = { dirty, ctx };
 			}
 
 			input.$set(input_changes);
 
-			if (/*callbackMetadata*/ ctx[1]?.platform?.confirmPassword) {
+			if (/*callbackMetadata*/ ctx[2]?.platform?.confirmPassword) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
 
-					if (dirty & /*callbackMetadata*/ 2) {
+					if (dirty & /*callbackMetadata*/ 4) {
 						transition_in(if_block, 1);
 					}
 				} else {
@@ -22189,6 +22280,51 @@ function create_fragment$u(ctx) {
 	};
 }
 
+function create_fragment$u(ctx) {
+	let previous_key = /*callback*/ ctx[1];
+	let key_block_anchor;
+	let current;
+	let key_block = create_key_block$3(ctx);
+
+	return {
+		c() {
+			key_block.c();
+			key_block_anchor = empty();
+		},
+		m(target, anchor) {
+			key_block.m(target, anchor);
+			insert(target, key_block_anchor, anchor);
+			current = true;
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*callback*/ 2 && safe_not_equal(previous_key, previous_key = /*callback*/ ctx[1])) {
+				group_outros();
+				transition_out(key_block, 1, 1, noop);
+				check_outros();
+				key_block = create_key_block$3(ctx);
+				key_block.c();
+				transition_in(key_block, 1);
+				key_block.m(key_block_anchor.parentNode, key_block_anchor);
+			} else {
+				key_block.p(ctx, dirty);
+			}
+		},
+		i(local) {
+			if (current) return;
+			transition_in(key_block);
+			current = true;
+		},
+		o(local) {
+			transition_out(key_block);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(key_block_anchor);
+			key_block.d(detaching);
+		}
+	};
+}
+
 function instance$v($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { callback } = $$props;
@@ -22223,7 +22359,7 @@ function instance$v($$self, $$props, $$invalidate) {
  * @param {Object} event
  */
 	function setValue(event) {
-		$$invalidate(7, value = event.target.value);
+		$$invalidate(8, value = event.target.value);
 
 		/** ***********************************************************************
  * SDK INTEGRATION POINT
@@ -22241,29 +22377,29 @@ function instance$v($$self, $$props, $$invalidate) {
  * @function toggleVisibility - toggles the password from masked to plaintext
  */
 	function toggleVisibility() {
-		$$invalidate(10, isVisible = !isVisible);
-		$$invalidate(13, type = isVisible ? 'text' : 'password');
+		$$invalidate(11, isVisible = !isVisible);
+		$$invalidate(14, type = isVisible ? 'text' : 'password');
 	}
 
 	$$self.$$set = $$props => {
-		if ('callback' in $$props) $$invalidate(18, callback = $$props.callback);
-		if ('callbackMetadata' in $$props) $$invalidate(1, callbackMetadata = $$props.callbackMetadata);
+		if ('callback' in $$props) $$invalidate(1, callback = $$props.callback);
+		if ('callbackMetadata' in $$props) $$invalidate(2, callbackMetadata = $$props.callbackMetadata);
 		if ('key' in $$props) $$invalidate(0, key = $$props.key);
-		if ('isInvalid' in $$props) $$invalidate(2, isInvalid = $$props.isInvalid);
-		if ('isRequired' in $$props) $$invalidate(3, isRequired = $$props.isRequired);
-		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 ('isInvalid' in $$props) $$invalidate(3, isInvalid = $$props.isInvalid);
+		if ('isRequired' in $$props) $$invalidate(4, isRequired = $$props.isRequired);
+		if ('style' in $$props) $$invalidate(5, style = $$props.style);
+		if ('showMessage' in $$props) $$invalidate(6, showMessage = $$props.showMessage);
+		if ('validationFailure' in $$props) $$invalidate(7, validationFailure = $$props.validationFailure);
 		if ('$$scope' in $$props) $$invalidate(22, $$scope = $$props.$$scope);
 	};
 
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*callback, callbackMetadata, savedValue, value, confirmValue*/ 1835138) {
+		if ($$self.$$.dirty & /*callback, callbackMetadata, savedValue, value, confirmValue*/ 1573126) {
 			{
-				$$invalidate(8, callbackType = callback.getType());
+				$$invalidate(9, callbackType = callback.getType());
 				$$invalidate(0, key = callback?.payload?.input?.[0].name || `password-${callbackMetadata?.idx}`);
-				$$invalidate(12, textInputLabel = callback.getPrompt());
-				$$invalidate(7, value = callback?.getInputValue());
+				$$invalidate(13, textInputLabel = callback.getPrompt());
+				$$invalidate(8, value = callback?.getInputValue());
 
 				/**
  * `savedValue` represents what the user set after blur (local component state)
@@ -22271,12 +22407,12 @@ function instance$v($$self, $$props, $$invalidate) {
  *
  * This unique combination is what produces the most reliable reset flag
  */
-				$$invalidate(11, resetValue = !!savedValue && value === '');
+				$$invalidate(12, resetValue = !!savedValue && value === '');
 
 				/**
  * Only assign a boolean if the confirm input has an actual value.
  */
-				$$invalidate(9, doPasswordsMatch = confirmValue !== undefined
+				$$invalidate(10, doPasswordsMatch = confirmValue !== undefined
 				? confirmValue === value
 				: undefined);
 			}
@@ -22285,6 +22421,7 @@ function instance$v($$self, $$props, $$invalidate) {
 
 	return [
 		key,
+		callback,
 		callbackMetadata,
 		isInvalid,
 		isRequired,
@@ -22302,7 +22439,6 @@ function instance$v($$self, $$props, $$invalidate) {
 		confirmInput,
 		setValue,
 		toggleVisibility,
-		callback,
 		confirmValue,
 		savedValue,
 		slots,
@@ -22315,14 +22451,14 @@ class Base extends SvelteComponent {
 		super();
 
 		init(this, options, instance$v, create_fragment$u, safe_not_equal, {
-			callback: 18,
-			callbackMetadata: 1,
+			callback: 1,
+			callbackMetadata: 2,
 			key: 0,
-			isInvalid: 2,
-			isRequired: 3,
-			style: 4,
-			showMessage: 5,
-			validationFailure: 6
+			isInvalid: 3,
+			isRequired: 4,
+			style: 5,
+			showMessage: 6,
+			validationFailure: 7
 		});
 	}
 }
@@ -23700,7 +23836,7 @@ function instance$n($$self, $$props, $$invalidate) {
 					callback.setProvider('localAuthentication');
 				}
 
-				$$invalidate(1, idps = socialProviders.map((option, index) => ({
+				$$invalidate(1, idps = socialProviders.map(option => ({
 					value: option.provider,
 					text: option.uiConfig.buttonDisplayName
 				})));
@@ -24199,7 +24335,8 @@ function create_default_slot$d(ctx) {
 	};
 }
 
-function create_fragment$k(ctx) {
+// (47:0) {#key callback}
+function create_key_block$2(ctx) {
 	let input;
 	let current;
 
@@ -24230,7 +24367,7 @@ function create_fragment$k(ctx) {
 			mount_component(input, target, anchor);
 			current = true;
 		},
-		p(ctx, [dirty]) {
+		p(ctx, dirty) {
 			const input_changes = {};
 			if (dirty & /*callbackMetadata*/ 2) input_changes.isFirstInvalidInput = /*callbackMetadata*/ ctx[1]?.derived.isFirstInvalidInput || false;
 			if (dirty & /*inputName*/ 8) input_changes.key = /*inputName*/ ctx[3];
@@ -24267,6 +24404,51 @@ function create_fragment$k(ctx) {
 	};
 }
 
+function create_fragment$k(ctx) {
+	let previous_key = /*callback*/ ctx[0];
+	let key_block_anchor;
+	let current;
+	let key_block = create_key_block$2(ctx);
+
+	return {
+		c() {
+			key_block.c();
+			key_block_anchor = empty();
+		},
+		m(target, anchor) {
+			key_block.m(target, anchor);
+			insert(target, key_block_anchor, anchor);
+			current = true;
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*callback*/ 1 && safe_not_equal(previous_key, previous_key = /*callback*/ ctx[0])) {
+				group_outros();
+				transition_out(key_block, 1, 1, noop);
+				check_outros();
+				key_block = create_key_block$2(ctx);
+				key_block.c();
+				transition_in(key_block, 1);
+				key_block.m(key_block_anchor.parentNode, key_block_anchor);
+			} else {
+				key_block.p(ctx, dirty);
+			}
+		},
+		i(local) {
+			if (current) return;
+			transition_in(key_block);
+			current = true;
+		},
+		o(local) {
+			transition_out(key_block);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(key_block_anchor);
+			key_block.d(detaching);
+		}
+	};
+}
+
 function instance$l($$self, $$props, $$invalidate) {
 	const selfSubmitFunction = null;
 	const stepMetadata = null;
@@ -25144,7 +25326,8 @@ function create_default_slot$a(ctx) {
 	};
 }
 
-function create_fragment$f(ctx) {
+// (28:0) {#key callback}
+function create_key_block$1(ctx) {
 	let base;
 	let current;
 
@@ -25170,7 +25353,7 @@ function create_fragment$f(ctx) {
 			mount_component(base, target, anchor);
 			current = true;
 		},
-		p(ctx, [dirty]) {
+		p(ctx, dirty) {
 			const base_changes = {};
 			if (dirty & /*callback*/ 1) base_changes.callback = /*callback*/ ctx[0];
 			if (dirty & /*callbackMetadata*/ 2) base_changes.callbackMetadata = /*callbackMetadata*/ ctx[1];
@@ -25200,6 +25383,51 @@ function create_fragment$f(ctx) {
 	};
 }
 
+function create_fragment$f(ctx) {
+	let previous_key = /*callback*/ ctx[0];
+	let key_block_anchor;
+	let current;
+	let key_block = create_key_block$1(ctx);
+
+	return {
+		c() {
+			key_block.c();
+			key_block_anchor = empty();
+		},
+		m(target, anchor) {
+			key_block.m(target, anchor);
+			insert(target, key_block_anchor, anchor);
+			current = true;
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*callback*/ 1 && safe_not_equal(previous_key, previous_key = /*callback*/ ctx[0])) {
+				group_outros();
+				transition_out(key_block, 1, 1, noop);
+				check_outros();
+				key_block = create_key_block$1(ctx);
+				key_block.c();
+				transition_in(key_block, 1);
+				key_block.m(key_block_anchor.parentNode, key_block_anchor);
+			} else {
+				key_block.p(ctx, dirty);
+			}
+		},
+		i(local) {
+			if (current) return;
+			transition_in(key_block);
+			current = true;
+		},
+		o(local) {
+			transition_out(key_block);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(key_block_anchor);
+			key_block.d(detaching);
+		}
+	};
+}
+
 function instance$g($$self, $$props, $$invalidate) {
 	const selfSubmitFunction = null;
 	const stepMetadata = null;
@@ -25315,7 +25543,8 @@ function create_default_slot$9(ctx) {
 	};
 }
 
-function create_fragment$e(ctx) {
+// (38:0) {#key callback}
+function create_key_block(ctx) {
 	let input;
 	let current;
 
@@ -25348,7 +25577,7 @@ function create_fragment$e(ctx) {
 			mount_component(input, target, anchor);
 			current = true;
 		},
-		p(ctx, [dirty]) {
+		p(ctx, dirty) {
 			const input_changes = {};
 			if (dirty & /*callbackMetadata*/ 2) input_changes.isFirstInvalidInput = /*callbackMetadata*/ ctx[1]?.derived.isFirstInvalidInput || false;
 			if (dirty & /*isRequired*/ 64) input_changes.isRequired = /*isRequired*/ ctx[6];
@@ -25385,6 +25614,51 @@ function create_fragment$e(ctx) {
 	};
 }
 
+function create_fragment$e(ctx) {
+	let previous_key = /*callback*/ ctx[0];
+	let key_block_anchor;
+	let current;
+	let key_block = create_key_block(ctx);
+
+	return {
+		c() {
+			key_block.c();
+			key_block_anchor = empty();
+		},
+		m(target, anchor) {
+			key_block.m(target, anchor);
+			insert(target, key_block_anchor, anchor);
+			current = true;
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*callback*/ 1 && safe_not_equal(previous_key, previous_key = /*callback*/ ctx[0])) {
+				group_outros();
+				transition_out(key_block, 1, 1, noop);
+				check_outros();
+				key_block = create_key_block(ctx);
+				key_block.c();
+				transition_in(key_block, 1);
+				key_block.m(key_block_anchor.parentNode, key_block_anchor);
+			} else {
+				key_block.p(ctx, dirty);
+			}
+		},
+		i(local) {
+			if (current) return;
+			transition_in(key_block);
+			current = true;
+		},
+		o(local) {
+			transition_out(key_block);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(key_block_anchor);
+			key_block.d(detaching);
+		}
+	};
+}
+
 function instance$f($$self, $$props, $$invalidate) {
 	const selfSubmitFunction = null;
 	const stepMetadata = null;