@forgerock/login-widget 1.0.0-beta.3 → 1.0.0-beta.5

package/modal.cjs

@@ -14094,6 +14094,7 @@ function widgetApiFactory(modal) {
         },
     };
     const user = {
+        // TODO: add "scopes" to parameters for "true" authorization
         async authorized(remote = false) {
             if (remote) {
                 try {
@@ -14104,7 +14105,12 @@ function widgetApiFactory(modal) {
                     return;
                 }
             }
-            return !!(await TokenManager$1.getTokens());
+            try {
+                return !!(await TokenManager$1.getTokens());
+            }
+            catch (err) {
+                return;
+            }
         },
         async info(remote = false) {
             userStore = userStore;
@@ -15902,6 +15908,7 @@ var customSecurityQuestion = "Custom security question";
 var doesNotMeetMinimumCharacterLength = "At least {min} character(s)";
 var ensurePasswordIsMoreThan = "Password must contain at least {minPasswordLength} character(s).";
 var ensurePasswordHasOne = "Password must contain at least 1 capital letter, 1 number, and 1 special character.";
+var enterVerificationCode = "Enter verification code";
 var exceedsMaximumCharacterLength = "Exceeds maximum of {max} characters";
 var fieldCanNotContainFollowingCharacters = "Cannot contain these character(s): {chars}";
 var fieldCanNotContainFollowingValues = "Cannot contain these value(s): {fields}";
@@ -15945,10 +15952,13 @@ var successMessage = "Success!";
 var termsAndConditions = "Please accept our Terms & Conditions";
 var termsAndConditionsLinkText = "View full Terms & Conditions";
 var tryAgain = "Please try again";
+var twoFactorAuthentication = "Two factor authentication";
 var useValidEmail = "Please use a valid email address.";
 var unrecoverableError = "There was an error in the form submission.";
 var unknownNetworkError = "Unknown network request failure has occurred.";
+var userName = "Username";
 var usernameRequirements = "Username requirements:";
+var useTheAuthenticatorAppOnYourPhone = "Find the verification code using the authenticator app on your phone.";
 var validatedCreatePasswordCallback = "Password";
 var validatedCreateUsernameCallback = "Username";
 var valueRequirements = "Value requirements:";
@@ -15967,6 +15977,7 @@ var fallback = {
 	doesNotMeetMinimumCharacterLength: doesNotMeetMinimumCharacterLength,
 	ensurePasswordIsMoreThan: ensurePasswordIsMoreThan,
 	ensurePasswordHasOne: ensurePasswordHasOne,
+	enterVerificationCode: enterVerificationCode,
 	exceedsMaximumCharacterLength: exceedsMaximumCharacterLength,
 	fieldCanNotContainFollowingCharacters: fieldCanNotContainFollowingCharacters,
 	fieldCanNotContainFollowingValues: fieldCanNotContainFollowingValues,
@@ -16010,10 +16021,13 @@ var fallback = {
 	termsAndConditions: termsAndConditions,
 	termsAndConditionsLinkText: termsAndConditionsLinkText,
 	tryAgain: tryAgain,
+	twoFactorAuthentication: twoFactorAuthentication,
 	useValidEmail: useValidEmail,
 	unrecoverableError: unrecoverableError,
 	unknownNetworkError: unknownNetworkError,
+	userName: userName,
 	usernameRequirements: usernameRequirements,
+	useTheAuthenticatorAppOnYourPhone: useTheAuthenticatorAppOnYourPhone,
 	validatedCreatePasswordCallback: validatedCreatePasswordCallback,
 	validatedCreateUsernameCallback: validatedCreateUsernameCallback,
 	valueRequirements: valueRequirements
@@ -16035,6 +16049,7 @@ const stringsSchema = mod
     doesNotMeetMinimumCharacterLength: mod.string(),
     ensurePasswordIsMoreThan: mod.string(),
     ensurePasswordHasOne: mod.string(),
+    enterVerificationCode: mod.string(),
     exceedsMaximumCharacterLength: mod.string(),
     fieldCanNotContainFollowingCharacters: mod.string(),
     fieldCanNotContainFollowingValues: mod.string(),
@@ -16078,10 +16093,13 @@ const stringsSchema = mod
     termsAndConditions: mod.string(),
     termsAndConditionsLinkText: mod.string(),
     tryAgain: mod.string(),
+    twoFactorAuthentication: mod.string(),
     useValidEmail: mod.string(),
     unrecoverableError: mod.string(),
     unknownNetworkError: mod.string(),
+    userName: mod.string(),
     usernameRequirements: mod.string(),
+    useTheAuthenticatorAppOnYourPhone: mod.string(),
     validatedCreatePasswordCallback: mod.string(),
     validatedCreateUsernameCallback: mod.string(),
     valueRequirements: mod.string(),
@@ -16275,7 +16293,7 @@ function create_else_block$9(ctx) {
 }
 
 // (11:0) {#if html}
-function create_if_block$l(ctx) {
+function create_if_block$m(ctx) {
 	let current;
 	const default_slot_template = /*#slots*/ ctx[5].default;
 	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[4], null);
@@ -16372,12 +16390,12 @@ function fallback_block$2(ctx) {
 	};
 }
 
-function create_fragment$V(ctx) {
+function create_fragment$W(ctx) {
 	let current_block_type_index;
 	let if_block;
 	let if_block_anchor;
 	let current;
-	const if_block_creators = [create_if_block$l, create_else_block$9];
+	const if_block_creators = [create_if_block$m, create_else_block$9];
 	const if_blocks = [];
 
 	function select_block_type(ctx, dirty) {
@@ -16441,7 +16459,7 @@ function create_fragment$V(ctx) {
 	};
 }
 
-function instance$W($$self, $$props, $$invalidate) {
+function instance$X($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { html = false } = $$props;
 	let { key } = $$props;
@@ -16469,13 +16487,13 @@ function instance$W($$self, $$props, $$invalidate) {
 class Locale_strings extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$W, create_fragment$V, safe_not_equal, { html: 0, key: 2, values: 3 });
+		init(this, options, instance$X, create_fragment$W, safe_not_equal, { html: 0, key: 2, values: 3 });
 	}
 }
 
 /* src/lib/components/icons/x-icon.svelte generated by Svelte v3.55.1 */
 
-function create_fragment$U(ctx) {
+function create_fragment$V(ctx) {
 	let svg;
 	let path;
 	let title;
@@ -16551,7 +16569,7 @@ function create_fragment$U(ctx) {
 	};
 }
 
-function instance$V($$self, $$props, $$invalidate) {
+function instance$W($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { classes = '' } = $$props;
 	let { size = '24px' } = $$props;
@@ -16568,7 +16586,7 @@ function instance$V($$self, $$props, $$invalidate) {
 class X_icon extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$V, create_fragment$U, safe_not_equal, { classes: 0, size: 1 });
+		init(this, options, instance$W, create_fragment$V, safe_not_equal, { classes: 0, size: 1 });
 	}
 }
 
@@ -16631,12 +16649,12 @@ function create_else_block$8(ctx) {
 	xicon = new X_icon({
 			props: {
 				classes: "tw_inline-block tw_fill-current tw_text-secondary-dark dark:tw_text-secondary-light",
-				$$slots: { default: [create_default_slot_1$b] },
+				$$slots: { default: [create_default_slot_1$c] },
 				$$scope: { ctx }
 			}
 		});
 
-	let if_block = /*$style*/ ctx[5]?.logo && create_if_block_1$b(ctx);
+	let if_block = /*$style*/ ctx[5]?.logo && create_if_block_1$c(ctx);
 
 	return {
 		c() {
@@ -16682,7 +16700,7 @@ function create_else_block$8(ctx) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
 				} else {
-					if_block = create_if_block_1$b(ctx);
+					if_block = create_if_block_1$c(ctx);
 					if_block.c();
 					if_block.m(div, null);
 				}
@@ -16717,7 +16735,7 @@ function create_else_block$8(ctx) {
 }
 
 // (39:2) {#if withHeader}
-function create_if_block$k(ctx) {
+function create_if_block$l(ctx) {
 	let div1;
 	let div0;
 	let div0_style_value;
@@ -16731,7 +16749,7 @@ function create_if_block$k(ctx) {
 	xicon = new X_icon({
 			props: {
 				classes: "tw_inline-block tw_fill-current tw_text-secondary-dark dark:tw_text-secondary-light",
-				$$slots: { default: [create_default_slot$n] },
+				$$slots: { default: [create_default_slot$o] },
 				$$scope: { ctx }
 			}
 		});
@@ -16808,7 +16826,7 @@ function create_if_block$k(ctx) {
 }
 
 // (71:8) <XIcon           classes="tw_inline-block tw_fill-current tw_text-secondary-dark dark:tw_text-secondary-light"           >
-function create_default_slot_1$b(ctx) {
+function create_default_slot_1$c(ctx) {
 	let t;
 	let current;
 	t = new Locale_strings({ props: { key: "closeModal" } });
@@ -16838,7 +16856,7 @@ function create_default_slot_1$b(ctx) {
 }
 
 // (76:6) {#if $style?.logo}
-function create_if_block_1$b(ctx) {
+function create_if_block_1$c(ctx) {
 	let div;
 	let div_style_value;
 
@@ -16863,7 +16881,7 @@ function create_if_block_1$b(ctx) {
 }
 
 // (54:8) <XIcon           classes="tw_inline-block tw_fill-current tw_text-secondary-dark dark:tw_text-secondary-light"           >
-function create_default_slot$n(ctx) {
+function create_default_slot$o(ctx) {
 	let t;
 	let current;
 	t = new Locale_strings({ props: { key: "closeModal" } });
@@ -16892,7 +16910,7 @@ function create_default_slot$n(ctx) {
 	};
 }
 
-function create_fragment$T(ctx) {
+function create_fragment$U(ctx) {
 	let dialog;
 	let current_block_type_index;
 	let if_block;
@@ -16900,7 +16918,7 @@ function create_fragment$T(ctx) {
 	let div;
 	let dialog_class_value;
 	let current;
-	const if_block_creators = [create_if_block$k, create_else_block$8];
+	const if_block_creators = [create_if_block$l, create_else_block$8];
 	const if_blocks = [];
 
 	function select_block_type(ctx, dirty) {
@@ -17012,7 +17030,7 @@ function create_fragment$T(ctx) {
 	};
 }
 
-function instance$U($$self, $$props, $$invalidate) {
+function instance$V($$self, $$props, $$invalidate) {
 	let $style;
 	component_subscribe($$self, style, $$value => $$invalidate(5, $style = $$value));
 	let { $$slots: slots = {}, $$scope } = $$props;
@@ -17091,7 +17109,7 @@ class Dialog extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$U, create_fragment$T, safe_not_equal, {
+		init(this, options, instance$V, create_fragment$U, safe_not_equal, {
 			closeCallback: 6,
 			dialogEl: 0,
 			dialogId: 1,
@@ -17108,7 +17126,7 @@ class Dialog extends SvelteComponent {
 
 /* src/lib/components/icons/alert-icon.svelte generated by Svelte v3.55.1 */
 
-function create_fragment$S(ctx) {
+function create_fragment$T(ctx) {
 	let svg;
 	let path;
 	let title;
@@ -17184,7 +17202,7 @@ function create_fragment$S(ctx) {
 	};
 }
 
-function instance$T($$self, $$props, $$invalidate) {
+function instance$U($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { classes = '' } = $$props;
 	let { size = '24px' } = $$props;
@@ -17201,13 +17219,13 @@ function instance$T($$self, $$props, $$invalidate) {
 class Alert_icon extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$T, create_fragment$S, safe_not_equal, { classes: 0, size: 1 });
+		init(this, options, instance$U, create_fragment$T, safe_not_equal, { classes: 0, size: 1 });
 	}
 }
 
 /* src/lib/components/icons/info-icon.svelte generated by Svelte v3.55.1 */
 
-function create_fragment$R(ctx) {
+function create_fragment$S(ctx) {
 	let svg;
 	let path;
 	let title;
@@ -17283,7 +17301,7 @@ function create_fragment$R(ctx) {
 	};
 }
 
-function instance$S($$self, $$props, $$invalidate) {
+function instance$T($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { classes = '' } = $$props;
 	let { size = '24px' } = $$props;
@@ -17300,13 +17318,13 @@ function instance$S($$self, $$props, $$invalidate) {
 class Info_icon extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$S, create_fragment$R, safe_not_equal, { classes: 0, size: 1 });
+		init(this, options, instance$T, create_fragment$S, safe_not_equal, { classes: 0, size: 1 });
 	}
 }
 
 /* src/lib/components/icons/warning-icon.svelte generated by Svelte v3.55.1 */
 
-function create_fragment$Q(ctx) {
+function create_fragment$R(ctx) {
 	let svg;
 	let path;
 	let title;
@@ -17382,7 +17400,7 @@ function create_fragment$Q(ctx) {
 	};
 }
 
-function instance$R($$self, $$props, $$invalidate) {
+function instance$S($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { classes = '' } = $$props;
 	let { size = '24px' } = $$props;
@@ -17399,7 +17417,7 @@ function instance$R($$self, $$props, $$invalidate) {
 class Warning_icon extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$R, create_fragment$Q, safe_not_equal, { classes: 0, size: 1 });
+		init(this, options, instance$S, create_fragment$R, safe_not_equal, { classes: 0, size: 1 });
 	}
 }
 
@@ -17434,7 +17452,7 @@ function create_else_block$7(ctx) {
 }
 
 // (43:33) 
-function create_if_block_1$a(ctx) {
+function create_if_block_1$b(ctx) {
 	let warningicon;
 	let current;
 	warningicon = new Warning_icon({});
@@ -17463,7 +17481,7 @@ function create_if_block_1$a(ctx) {
 }
 
 // (41:4) {#if type === 'error'}
-function create_if_block$j(ctx) {
+function create_if_block$k(ctx) {
 	let alerticon;
 	let current;
 	alerticon = new Alert_icon({});
@@ -17491,7 +17509,7 @@ function create_if_block$j(ctx) {
 	};
 }
 
-function create_fragment$P(ctx) {
+function create_fragment$Q(ctx) {
 	let div;
 	let p;
 	let current_block_type_index;
@@ -17500,7 +17518,7 @@ function create_fragment$P(ctx) {
 	let span;
 	let div_class_value;
 	let current;
-	const if_block_creators = [create_if_block$j, create_if_block_1$a, create_else_block$7];
+	const if_block_creators = [create_if_block$k, create_if_block_1$b, create_else_block$7];
 	const if_blocks = [];
 
 	function select_block_type(ctx, dirty) {
@@ -17627,7 +17645,7 @@ function generateClassString$3(...args) {
 	);
 }
 
-function instance$Q($$self, $$props, $$invalidate) {
+function instance$R($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { id } = $$props;
 	let { needsFocus = false } = $$props;
@@ -17664,13 +17682,13 @@ function instance$Q($$self, $$props, $$invalidate) {
 class Alert extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$Q, create_fragment$P, safe_not_equal, { id: 0, needsFocus: 3, type: 1 });
+		init(this, options, instance$R, create_fragment$Q, safe_not_equal, { id: 0, needsFocus: 3, type: 1 });
 	}
 }
 
 /* src/lib/components/primitives/spinner/spinner.svelte generated by Svelte v3.55.1 */
 
-function create_fragment$O(ctx) {
+function create_fragment$P(ctx) {
 	let div;
 	let span;
 	let t;
@@ -17714,7 +17732,7 @@ function create_fragment$O(ctx) {
 	};
 }
 
-function instance$P($$self, $$props, $$invalidate) {
+function instance$Q($$self, $$props, $$invalidate) {
 	let { colorClass } = $$props;
 	let { layoutClasses } = $$props;
 
@@ -17729,13 +17747,13 @@ function instance$P($$self, $$props, $$invalidate) {
 class Spinner extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$P, create_fragment$O, safe_not_equal, { colorClass: 0, layoutClasses: 1 });
+		init(this, options, instance$Q, create_fragment$P, safe_not_equal, { colorClass: 0, layoutClasses: 1 });
 	}
 }
 
 /* src/lib/components/primitives/button/button.svelte generated by Svelte v3.55.1 */
 
-function create_if_block$i(ctx) {
+function create_if_block$j(ctx) {
 	let spinner;
 	let current;
 
@@ -17786,14 +17804,14 @@ function fallback_block$1(ctx) {
 	};
 }
 
-function create_fragment$N(ctx) {
+function create_fragment$O(ctx) {
 	let button;
 	let t;
 	let button_class_value;
 	let current;
 	let mounted;
 	let dispose;
-	let if_block = /*busy*/ ctx[0] && create_if_block$i();
+	let if_block = /*busy*/ ctx[0] && create_if_block$j();
 	const default_slot_template = /*#slots*/ ctx[7].default;
 	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[6], null);
 	const default_slot_or_fallback = default_slot || fallback_block$1();
@@ -17835,7 +17853,7 @@ function create_fragment$N(ctx) {
 						transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$i();
+					if_block = create_if_block$j();
 					if_block.c();
 					transition_in(if_block, 1);
 					if_block.m(button, t);
@@ -17916,7 +17934,7 @@ function generateClassString$2(...args) {
 	);
 }
 
-function instance$O($$self, $$props, $$invalidate) {
+function instance$P($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { busy = false } = $$props;
 	let { classes = '' } = $$props;
@@ -17946,7 +17964,7 @@ class Button extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$O, create_fragment$N, safe_not_equal, {
+		init(this, options, instance$P, create_fragment$O, safe_not_equal, {
 			busy: 0,
 			classes: 1,
 			onClick: 2,
@@ -18203,7 +18221,7 @@ function buildCallbackMetadata(step, checkValidation, stageJson) {
  * @param {array} callbackMetadataArray - The array returned from buildCallbackMetadata
  * @returns {object}
  */
-function buildStepMetadata(callbackMetadataArray, stageJson) {
+function buildStepMetadata(callbackMetadataArray, stageJson, stageName) {
     const numOfUserInputCbs = callbackMetadataArray.filter((cb) => !!cb.derived.isUserInputRequired).length;
     const userInputOptional = isUserInputOptional(callbackMetadataArray, numOfUserInputCbs);
     let stageMetadata;
@@ -18231,6 +18249,12 @@ function buildStepMetadata(callbackMetadataArray, stageJson) {
                 ...stageMetadata,
             },
         }),
+        // stageName and stateMetadata are mutually exclusive
+        ...(stageName && {
+            platform: {
+                stageName,
+            }
+        }),
     };
 }
 
@@ -18280,7 +18304,7 @@ function initializeStack(initOptions) {
     return stack;
 }
 function initialize$4(initOptions) {
-    const { set, subscribe } = writable({
+    const journeyStore = writable({
         completed: false,
         error: null,
         loading: false,
@@ -18289,7 +18313,9 @@ function initialize$4(initOptions) {
         successful: false,
         response: null,
     });
+    const { set, subscribe } = journeyStore;
     const stack = initializeStack();
+    let restartOptions;
     let stepNumber = 0;
     async function next(prevStep = null, nextOptions, resumeUrl) {
         /**
@@ -18300,6 +18326,14 @@ function initialize$4(initOptions) {
             ...initOptions,
             ...nextOptions,
         };
+        // These options are reserved only for restarting a journey after failure
+        if (initOptions || nextOptions) {
+            restartOptions = {
+                // Prioritize next options over initialize options
+                ...initOptions,
+                ...nextOptions,
+            };
+        }
         /**
          * Save previous step information just in case we have a total
          * form failure due to 400 response from ForgeRock.
@@ -18314,7 +18348,7 @@ function initialize$4(initOptions) {
             completed: false,
             error: null,
             loading: true,
-            metadata: null,
+            metadata: get_store_value(journeyStore).metadata,
             step: prevStep,
             successful: false,
             response: null,
@@ -18352,6 +18386,7 @@ function initialize$4(initOptions) {
         if (nextStep.type === StepType$1.Step) {
             const stageAttribute = nextStep.getStage();
             let stageJson = null;
+            let stageName = null;
             // Check if stage attribute is serialized JSON
             if (stageAttribute && stageAttribute.includes('{')) {
                 try {
@@ -18361,8 +18396,11 @@ function initialize$4(initOptions) {
                     console.warn('Stage attribute value was not parsable');
                 }
             }
+            else if (stageAttribute) {
+                stageName = stageAttribute;
+            }
             const callbackMetadata = buildCallbackMetadata(nextStep, initCheckValidation(), stageJson);
-            const stepMetadata = buildStepMetadata(callbackMetadata, stageJson);
+            const stepMetadata = buildStepMetadata(callbackMetadata, stageJson, stageName);
             // Iterate on a successful progression
             stepNumber = stepNumber + 1;
             set({
@@ -18405,7 +18443,7 @@ function initialize$4(initOptions) {
                 /**
                  * Restart tree to get fresh step
                  */
-                restartedStep = await FRAuth$1.next(undefined, options);
+                restartedStep = await FRAuth$1.next(undefined, restartOptions);
             }
             catch (err) {
                 console.error(`Restart failed step request | ${err}`);
@@ -18461,6 +18499,7 @@ function initialize$4(initOptions) {
             if (restartedStep.type === StepType$1.Step) {
                 const stageAttribute = restartedStep.getStage();
                 let stageJson = null;
+                let stageName = null;
                 // Check if stage attribute is serialized JSON
                 if (stageAttribute && stageAttribute.includes('{')) {
                     try {
@@ -18470,8 +18509,11 @@ function initialize$4(initOptions) {
                         console.warn('Stage attribute value was not parsable');
                     }
                 }
+                else if (stageAttribute) {
+                    stageName = stageAttribute;
+                }
                 const callbackMetadata = buildCallbackMetadata(restartedStep, initCheckValidation(), stageJson);
-                const stepMetadata = buildStepMetadata(callbackMetadata, stageJson);
+                const stepMetadata = buildStepMetadata(callbackMetadata, stageJson, stageName);
                 set({
                     completed: false,
                     error: {
@@ -18562,7 +18604,7 @@ let stack;
 
 /* src/lib/components/primitives/form/form.svelte generated by Svelte v3.55.1 */
 
-function create_fragment$M(ctx) {
+function create_fragment$N(ctx) {
 	let form;
 	let form_class_value;
 	let current;
@@ -18649,7 +18691,7 @@ function create_fragment$M(ctx) {
 	};
 }
 
-function instance$N($$self, $$props, $$invalidate) {
+function instance$O($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { ariaDescribedBy } = $$props;
 	let { formEl = null } = $$props;
@@ -18777,7 +18819,7 @@ class Form extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$N, create_fragment$M, safe_not_equal, {
+		init(this, options, instance$O, create_fragment$N, safe_not_equal, {
 			ariaDescribedBy: 1,
 			formEl: 0,
 			id: 2,
@@ -18842,7 +18884,7 @@ function create_else_block$6(ctx) {
 }
 
 // (10:0) {#if html}
-function create_if_block$h(ctx) {
+function create_if_block$i(ctx) {
 	let current;
 	const default_slot_template = /*#slots*/ ctx[4].default;
 	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[3], null);
@@ -18939,12 +18981,12 @@ function fallback_block(ctx) {
 	};
 }
 
-function create_fragment$L(ctx) {
+function create_fragment$M(ctx) {
 	let current_block_type_index;
 	let if_block;
 	let if_block_anchor;
 	let current;
-	const if_block_creators = [create_if_block$h, create_else_block$6];
+	const if_block_creators = [create_if_block$i, create_else_block$6];
 	const if_blocks = [];
 
 	function select_block_type(ctx, dirty) {
@@ -19008,7 +19050,7 @@ function create_fragment$L(ctx) {
 	};
 }
 
-function instance$M($$self, $$props, $$invalidate) {
+function instance$N($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { html = false } = $$props;
 	let { string } = $$props;
@@ -19034,13 +19076,13 @@ function instance$M($$self, $$props, $$invalidate) {
 class Server_strings extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$M, create_fragment$L, safe_not_equal, { html: 0, string: 2 });
+		init(this, options, instance$N, create_fragment$M, safe_not_equal, { html: 0, string: 2 });
 	}
 }
 
 /* src/lib/components/icons/shield-icon.svelte generated by Svelte v3.55.1 */
 
-function create_fragment$K(ctx) {
+function create_fragment$L(ctx) {
 	let svg;
 	let path;
 	let title;
@@ -19116,7 +19158,7 @@ function create_fragment$K(ctx) {
 	};
 }
 
-function instance$L($$self, $$props, $$invalidate) {
+function instance$M($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { classes = '' } = $$props;
 	let { size = '24px' } = $$props;
@@ -19133,7 +19175,7 @@ function instance$L($$self, $$props, $$invalidate) {
 class Shield_icon extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$L, create_fragment$K, safe_not_equal, { classes: 0, size: 1 });
+		init(this, options, instance$M, create_fragment$L, safe_not_equal, { classes: 0, size: 1 });
 	}
 }
 
@@ -19194,7 +19236,7 @@ function initialize$3(customJourneys) {
 
 /* src/lib/journey/stages/_utilities/back-to.svelte generated by Svelte v3.55.1 */
 
-function create_if_block$g(ctx) {
+function create_if_block$h(ctx) {
 	let p;
 	let button;
 	let t_value = interpolate(/*string*/ ctx[1]) + "";
@@ -19230,9 +19272,9 @@ function create_if_block$g(ctx) {
 	};
 }
 
-function create_fragment$J(ctx) {
+function create_fragment$K(ctx) {
 	let if_block_anchor;
-	let if_block = /*$stack*/ ctx[2].length > 1 && create_if_block$g(ctx);
+	let if_block = /*$stack*/ ctx[2].length > 1 && create_if_block$h(ctx);
 
 	return {
 		c() {
@@ -19248,7 +19290,7 @@ function create_fragment$J(ctx) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
 				} else {
-					if_block = create_if_block$g(ctx);
+					if_block = create_if_block$h(ctx);
 					if_block.c();
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
 				}
@@ -19266,7 +19308,7 @@ function create_fragment$J(ctx) {
 	};
 }
 
-function instance$K($$self, $$props, $$invalidate) {
+function instance$L($$self, $$props, $$invalidate) {
 	let $stack;
 	let $configuredJourneys;
 	component_subscribe($$self, configuredJourneys, $$value => $$invalidate(5, $configuredJourneys = $$value));
@@ -19307,7 +19349,7 @@ function instance$K($$self, $$props, $$invalidate) {
 class Back_to extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$K, create_fragment$J, safe_not_equal, { journey: 0 });
+		init(this, options, instance$L, create_fragment$K, safe_not_equal, { journey: 0 });
 	}
 }
 
@@ -19624,7 +19666,7 @@ function getAttributeValidationFailureText(callback) {
 
 /* src/lib/components/primitives/message/input-message.svelte generated by Svelte v3.55.1 */
 
-function create_if_block$f(ctx) {
+function create_if_block$g(ctx) {
 	let p;
 	let p_class_value;
 	let p_id_value;
@@ -19655,9 +19697,9 @@ function create_if_block$f(ctx) {
 	};
 }
 
-function create_fragment$I(ctx) {
+function create_fragment$J(ctx) {
 	let if_block_anchor;
-	let if_block = /*dirtyMessage*/ ctx[1] && create_if_block$f(ctx);
+	let if_block = /*dirtyMessage*/ ctx[1] && create_if_block$g(ctx);
 
 	return {
 		c() {
@@ -19673,7 +19715,7 @@ function create_fragment$I(ctx) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
 				} else {
-					if_block = create_if_block$f(ctx);
+					if_block = create_if_block$g(ctx);
 					if_block.c();
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
 				}
@@ -19705,7 +19747,7 @@ function generateClassString$1(...args) {
 	);
 }
 
-function instance$J($$self, $$props, $$invalidate) {
+function instance$K($$self, $$props, $$invalidate) {
 	let { classes = '' } = $$props;
 	let { dirtyMessage } = $$props;
 	let { key = undefined } = $$props;
@@ -19736,7 +19778,7 @@ class Input_message extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$J, create_fragment$I, safe_not_equal, {
+		init(this, options, instance$K, create_fragment$J, safe_not_equal, {
 			classes: 0,
 			dirtyMessage: 1,
 			key: 2,
@@ -19748,7 +19790,7 @@ class Input_message extends SvelteComponent {
 
 /* src/lib/components/primitives/label/label.svelte generated by Svelte v3.55.1 */
 
-function create_fragment$H(ctx) {
+function create_fragment$I(ctx) {
 	let label;
 	let label_class_value;
 	let current;
@@ -19811,7 +19853,7 @@ function create_fragment$H(ctx) {
 	};
 }
 
-function instance$I($$self, $$props, $$invalidate) {
+function instance$J($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { key } = $$props;
 	let { classes = '' } = $$props;
@@ -19828,13 +19870,13 @@ function instance$I($$self, $$props, $$invalidate) {
 class Label extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$I, create_fragment$H, safe_not_equal, { key: 0, classes: 1 });
+		init(this, options, instance$J, create_fragment$I, safe_not_equal, { key: 0, classes: 1 });
 	}
 }
 
 /* src/lib/components/compositions/checkbox/animated.svelte generated by Svelte v3.55.1 */
 
-function create_default_slot$m(ctx) {
+function create_default_slot$n(ctx) {
 	let span;
 	let t;
 	let current;
@@ -19891,7 +19933,7 @@ function create_default_slot$m(ctx) {
 	};
 }
 
-function create_fragment$G(ctx) {
+function create_fragment$H(ctx) {
 	let div1;
 	let input;
 	let input_data_message_value;
@@ -19908,7 +19950,7 @@ function create_fragment$G(ctx) {
 			props: {
 				key: /*key*/ ctx[3],
 				classes: "tw_grid tw_grid-cols-[2.5em_1fr] tw_relative",
-				$$slots: { default: [create_default_slot$m] },
+				$$slots: { default: [create_default_slot$n] },
 				$$scope: { ctx }
 			}
 		});
@@ -20015,7 +20057,7 @@ function create_fragment$G(ctx) {
 	};
 }
 
-function instance$H($$self, $$props, $$invalidate) {
+function instance$I($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { checkValidity = null } = $$props;
 	let { message = '' } = $$props;
@@ -20084,7 +20126,7 @@ let Animated$1 = class Animated extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$H, create_fragment$G, safe_not_equal, {
+		init(this, options, instance$I, create_fragment$H, safe_not_equal, {
 			checkValidity: 8,
 			message: 1,
 			isFirstInvalidInput: 9,
@@ -20100,7 +20142,7 @@ let Animated$1 = class Animated extends SvelteComponent {
 
 /* src/lib/components/primitives/checkbox/checkbox.svelte generated by Svelte v3.55.1 */
 
-function create_default_slot$l(ctx) {
+function create_default_slot$m(ctx) {
 	let current;
 	const default_slot_template = /*#slots*/ ctx[7].default;
 	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[9], null);
@@ -20147,7 +20189,7 @@ function create_default_slot$l(ctx) {
 	};
 }
 
-function create_fragment$F(ctx) {
+function create_fragment$G(ctx) {
 	let input;
 	let input_aria_describedby_value;
 	let t;
@@ -20159,7 +20201,7 @@ function create_fragment$F(ctx) {
 	label = new Label({
 			props: {
 				key: /*key*/ ctx[2],
-				$$slots: { default: [create_default_slot$l] },
+				$$slots: { default: [create_default_slot$m] },
 				$$scope: { ctx }
 			}
 		});
@@ -20244,7 +20286,7 @@ function create_fragment$F(ctx) {
 	};
 }
 
-function instance$G($$self, $$props, $$invalidate) {
+function instance$H($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { isFirstInvalidInput } = $$props;
 	let { isRequired = false } = $$props;
@@ -20295,7 +20337,7 @@ class Checkbox extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$G, create_fragment$F, safe_not_equal, {
+		init(this, options, instance$H, create_fragment$G, safe_not_equal, {
 			isFirstInvalidInput: 6,
 			isRequired: 0,
 			isInvalid: 1,
@@ -20308,7 +20350,7 @@ class Checkbox extends SvelteComponent {
 
 /* src/lib/components/compositions/checkbox/standard.svelte generated by Svelte v3.55.1 */
 
-function create_default_slot$k(ctx) {
+function create_default_slot$l(ctx) {
 	let current;
 	const default_slot_template = /*#slots*/ ctx[10].default;
 	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[11], null);
@@ -20355,7 +20397,7 @@ function create_default_slot$k(ctx) {
 	};
 }
 
-function create_fragment$E(ctx) {
+function create_fragment$F(ctx) {
 	let div;
 	let checkbox;
 	let t;
@@ -20371,7 +20413,7 @@ function create_fragment$E(ctx) {
 				key: /*key*/ ctx[4],
 				onChange: /*onChangeWrapper*/ ctx[7],
 				value: /*value*/ ctx[6],
-				$$slots: { default: [create_default_slot$k] },
+				$$slots: { default: [create_default_slot$l] },
 				$$scope: { ctx }
 			}
 		});
@@ -20442,7 +20484,7 @@ function create_fragment$E(ctx) {
 	};
 }
 
-function instance$F($$self, $$props, $$invalidate) {
+function instance$G($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { checkValidity = null } = $$props;
 	let { message = '' } = $$props;
@@ -20495,7 +20537,7 @@ class Standard extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$F, create_fragment$E, safe_not_equal, {
+		init(this, options, instance$G, create_fragment$F, safe_not_equal, {
 			checkValidity: 8,
 			message: 1,
 			isFirstInvalidInput: 2,
@@ -20511,7 +20553,7 @@ class Standard extends SvelteComponent {
 
 /* src/lib/journey/callbacks/boolean/boolean.svelte generated by Svelte v3.55.1 */
 
-function create_default_slot$j(ctx) {
+function create_default_slot$k(ctx) {
 	let t_value = interpolate(textToKey(/*outputName*/ ctx[2]), null, /*prompt*/ ctx[4]) + "";
 	let t;
 
@@ -20531,7 +20573,7 @@ function create_default_slot$j(ctx) {
 	};
 }
 
-function create_fragment$D(ctx) {
+function create_fragment$E(ctx) {
 	let checkbox;
 	let current;
 
@@ -20543,7 +20585,7 @@ function create_fragment$D(ctx) {
 				message: /*validationFailure*/ ctx[5],
 				onChange: /*setValue*/ ctx[7],
 				value: /*previousValue*/ ctx[3],
-				$$slots: { default: [create_default_slot$j] },
+				$$slots: { default: [create_default_slot$k] },
 				$$scope: { ctx }
 			}
 		});
@@ -20585,7 +20627,7 @@ function create_fragment$D(ctx) {
 	};
 }
 
-function instance$E($$self, $$props, $$invalidate) {
+function instance$F($$self, $$props, $$invalidate) {
 	let { callback } = $$props;
 	let { callbackMetadata } = $$props;
 	const stepMetadata = null;
@@ -20659,7 +20701,7 @@ let Boolean$1 = class Boolean extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$E, create_fragment$D, safe_not_equal, {
+		init(this, options, instance$F, create_fragment$E, safe_not_equal, {
 			callback: 8,
 			callbackMetadata: 0,
 			stepMetadata: 9,
@@ -20679,14 +20721,14 @@ let Boolean$1 = class Boolean extends SvelteComponent {
 
 /* src/lib/components/compositions/radio/animated.svelte generated by Svelte v3.55.1 */
 
-function get_each_context$7(ctx, list, i) {
+function get_each_context$8(ctx, list, i) {
 	const child_ctx = ctx.slice();
 	child_ctx[13] = list[i];
 	return child_ctx;
 }
 
 // (41:8) <Label           key={`${key}-${option.value}`}           classes="tw_input-spacing tw_grid tw_grid-cols-[2.5em_1fr] tw_relative"         >
-function create_default_slot$i(ctx) {
+function create_default_slot$j(ctx) {
 	let span;
 	let t0;
 	let t1_value = /*option*/ ctx[13].text + "";
@@ -20716,7 +20758,7 @@ function create_default_slot$i(ctx) {
 }
 
 // (27:4) {#each options as option}
-function create_each_block$7(ctx) {
+function create_each_block$8(ctx) {
 	let div;
 	let input;
 	let input_checked_value;
@@ -20733,7 +20775,7 @@ function create_each_block$7(ctx) {
 			props: {
 				key: `${/*key*/ ctx[5]}-${/*option*/ ctx[13].value}`,
 				classes: "tw_input-spacing tw_grid tw_grid-cols-[2.5em_1fr] tw_relative",
-				$$slots: { default: [create_default_slot$i] },
+				$$slots: { default: [create_default_slot$j] },
 				$$scope: { ctx }
 			}
 		});
@@ -20827,7 +20869,7 @@ function create_each_block$7(ctx) {
 	};
 }
 
-function create_fragment$C(ctx) {
+function create_fragment$D(ctx) {
 	let fieldset;
 	let legend;
 	let t0;
@@ -20841,7 +20883,7 @@ function create_fragment$C(ctx) {
 	let each_blocks = [];
 
 	for (let i = 0; i < each_value.length; i += 1) {
-		each_blocks[i] = create_each_block$7(get_each_context$7(ctx, each_value, i));
+		each_blocks[i] = create_each_block$8(get_each_context$8(ctx, each_value, i));
 	}
 
 	const out = i => transition_out(each_blocks[i], 1, 1, () => {
@@ -20899,13 +20941,13 @@ function create_fragment$C(ctx) {
 				let i;
 
 				for (i = 0; i < each_value.length; i += 1) {
-					const child_ctx = get_each_context$7(ctx, each_value, i);
+					const child_ctx = get_each_context$8(ctx, each_value, i);
 
 					if (each_blocks[i]) {
 						each_blocks[i].p(child_ctx, dirty);
 						transition_in(each_blocks[i], 1);
 					} else {
-						each_blocks[i] = create_each_block$7(child_ctx);
+						each_blocks[i] = create_each_block$8(child_ctx);
 						each_blocks[i].c();
 						transition_in(each_blocks[i], 1);
 						each_blocks[i].m(div, t2);
@@ -20956,7 +20998,7 @@ function create_fragment$C(ctx) {
 	};
 }
 
-function instance$D($$self, $$props, $$invalidate) {
+function instance$E($$self, $$props, $$invalidate) {
 	let { defaultOption = null } = $$props;
 	let { message = '' } = $$props;
 	let { groupLabel = '' } = $$props;
@@ -21018,7 +21060,7 @@ class Animated extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$D, create_fragment$C, safe_not_equal, {
+		init(this, options, instance$E, create_fragment$D, safe_not_equal, {
 			defaultOption: 0,
 			message: 1,
 			groupLabel: 2,
@@ -21036,14 +21078,14 @@ class Animated extends SvelteComponent {
 
 /* src/lib/components/primitives/select/select.svelte generated by Svelte v3.55.1 */
 
-function get_each_context$6(ctx, list, i) {
+function get_each_context$7(ctx, list, i) {
 	const child_ctx = ctx.slice();
 	child_ctx[15] = list[i];
 	return child_ctx;
 }
 
 // (40:0) {#if labelOrder === 'first'}
-function create_if_block_1$9(ctx) {
+function create_if_block_1$a(ctx) {
 	let label_1;
 	let current;
 
@@ -21051,7 +21093,7 @@ function create_if_block_1$9(ctx) {
 			props: {
 				key: /*key*/ ctx[4],
 				classes: `${/*labelClasses*/ ctx[6]}`,
-				$$slots: { default: [create_default_slot_1$a] },
+				$$slots: { default: [create_default_slot_1$b] },
 				$$scope: { ctx }
 			}
 		});
@@ -21091,7 +21133,7 @@ function create_if_block_1$9(ctx) {
 }
 
 // (41:2) <Label {key} classes={`${labelClasses}`}>
-function create_default_slot_1$a(ctx) {
+function create_default_slot_1$b(ctx) {
 	let t;
 
 	return {
@@ -21111,7 +21153,7 @@ function create_default_slot_1$a(ctx) {
 }
 
 // (55:2) {#each options as option}
-function create_each_block$6(ctx) {
+function create_each_block$7(ctx) {
 	let option;
 	let t0_value = /*option*/ ctx[15].text + "";
 	let t0;
@@ -21152,7 +21194,7 @@ function create_each_block$6(ctx) {
 }
 
 // (62:0) {#if labelOrder === 'last'}
-function create_if_block$e(ctx) {
+function create_if_block$f(ctx) {
 	let label_1;
 	let current;
 
@@ -21162,7 +21204,7 @@ function create_if_block$e(ctx) {
 				classes: `${/*shouldDisplayOption*/ ctx[10]
 				? /*labelClasses*/ ctx[6]
 				: 'tw_sr-only'}`,
-				$$slots: { default: [create_default_slot$h] },
+				$$slots: { default: [create_default_slot$i] },
 				$$scope: { ctx }
 			}
 		});
@@ -21205,7 +21247,7 @@ function create_if_block$e(ctx) {
 }
 
 // (63:2) <Label {key} classes={`${shouldDisplayOption ? labelClasses : 'tw_sr-only'}`}>
-function create_default_slot$h(ctx) {
+function create_default_slot$i(ctx) {
 	let t;
 
 	return {
@@ -21224,7 +21266,7 @@ function create_default_slot$h(ctx) {
 	};
 }
 
-function create_fragment$B(ctx) {
+function create_fragment$C(ctx) {
 	let t0;
 	let select;
 	let select_aria_describedby_value;
@@ -21234,15 +21276,15 @@ function create_fragment$B(ctx) {
 	let current;
 	let mounted;
 	let dispose;
-	let if_block0 = /*labelOrder*/ ctx[7] === 'first' && create_if_block_1$9(ctx);
+	let if_block0 = /*labelOrder*/ ctx[7] === 'first' && create_if_block_1$a(ctx);
 	let each_value = /*options*/ ctx[8];
 	let each_blocks = [];
 
 	for (let i = 0; i < each_value.length; i += 1) {
-		each_blocks[i] = create_each_block$6(get_each_context$6(ctx, each_value, i));
+		each_blocks[i] = create_each_block$7(get_each_context$7(ctx, each_value, i));
 	}
 
-	let if_block1 = /*labelOrder*/ ctx[7] === 'last' && create_if_block$e(ctx);
+	let if_block1 = /*labelOrder*/ ctx[7] === 'last' && create_if_block$f(ctx);
 
 	return {
 		c() {
@@ -21296,7 +21338,7 @@ function create_fragment$B(ctx) {
 						transition_in(if_block0, 1);
 					}
 				} else {
-					if_block0 = create_if_block_1$9(ctx);
+					if_block0 = create_if_block_1$a(ctx);
 					if_block0.c();
 					transition_in(if_block0, 1);
 					if_block0.m(t0.parentNode, t0);
@@ -21316,12 +21358,12 @@ function create_fragment$B(ctx) {
 				let i;
 
 				for (i = 0; i < each_value.length; i += 1) {
-					const child_ctx = get_each_context$6(ctx, each_value, i);
+					const child_ctx = get_each_context$7(ctx, each_value, i);
 
 					if (each_blocks[i]) {
 						each_blocks[i].p(child_ctx, dirty);
 					} else {
-						each_blocks[i] = create_each_block$6(child_ctx);
+						each_blocks[i] = create_each_block$7(child_ctx);
 						each_blocks[i].c();
 						each_blocks[i].m(select, null);
 					}
@@ -21364,7 +21406,7 @@ function create_fragment$B(ctx) {
 						transition_in(if_block1, 1);
 					}
 				} else {
-					if_block1 = create_if_block$e(ctx);
+					if_block1 = create_if_block$f(ctx);
 					if_block1.c();
 					transition_in(if_block1, 1);
 					if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
@@ -21405,7 +21447,7 @@ function create_fragment$B(ctx) {
 	};
 }
 
-function instance$C($$self, $$props, $$invalidate) {
+function instance$D($$self, $$props, $$invalidate) {
 	let { selectClasses = '' } = $$props;
 	let { defaultOption = null } = $$props;
 	let { isFirstInvalidInput } = $$props;
@@ -21494,7 +21536,7 @@ class Select extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$C, create_fragment$B, safe_not_equal, {
+		init(this, options, instance$D, create_fragment$C, safe_not_equal, {
 			selectClasses: 0,
 			defaultOption: 1,
 			isFirstInvalidInput: 12,
@@ -21512,7 +21554,7 @@ class Select extends SvelteComponent {
 
 /* src/lib/components/compositions/select-floating/floating-label.svelte generated by Svelte v3.55.1 */
 
-function create_fragment$A(ctx) {
+function create_fragment$B(ctx) {
 	let div;
 	let select;
 	let t;
@@ -21595,7 +21637,7 @@ function create_fragment$A(ctx) {
 	};
 }
 
-function instance$B($$self, $$props, $$invalidate) {
+function instance$C($$self, $$props, $$invalidate) {
 	let { checkValidity = null } = $$props;
 	let { defaultOption = null } = $$props;
 	let { message = '' } = $$props;
@@ -21650,7 +21692,7 @@ let Floating_label$1 = class Floating_label extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$B, create_fragment$A, safe_not_equal, {
+		init(this, options, instance$C, create_fragment$B, safe_not_equal, {
 			checkValidity: 10,
 			defaultOption: 1,
 			message: 2,
@@ -21717,7 +21759,7 @@ function create_else_block$5(ctx) {
 }
 
 // (62:0) {#if callbackMetadata?.platform?.displayType === 'radio'}
-function create_if_block$d(ctx) {
+function create_if_block$e(ctx) {
 	let radio;
 	let current;
 
@@ -21767,12 +21809,12 @@ function create_if_block$d(ctx) {
 	};
 }
 
-function create_fragment$z(ctx) {
+function create_fragment$A(ctx) {
 	let current_block_type_index;
 	let if_block;
 	let if_block_anchor;
 	let current;
-	const if_block_creators = [create_if_block$d, create_else_block$5];
+	const if_block_creators = [create_if_block$e, create_else_block$5];
 	const if_blocks = [];
 
 	function select_block_type(ctx, dirty) {
@@ -21836,7 +21878,7 @@ function create_fragment$z(ctx) {
 	};
 }
 
-function instance$A($$self, $$props, $$invalidate) {
+function instance$B($$self, $$props, $$invalidate) {
 	const selfSubmitFunction = null;
 	const stepMetadata = null;
 	const style = {};
@@ -21926,7 +21968,7 @@ class Choice extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$A, create_fragment$z, safe_not_equal, {
+		init(this, options, instance$B, create_fragment$A, safe_not_equal, {
 			selfSubmitFunction: 7,
 			stepMetadata: 8,
 			style: 9,
@@ -21950,7 +21992,7 @@ class Choice extends SvelteComponent {
 
 /* src/lib/components/primitives/grid/grid.svelte generated by Svelte v3.55.1 */
 
-function create_fragment$y(ctx) {
+function create_fragment$z(ctx) {
 	let div;
 	let div_class_value;
 	let current;
@@ -22026,7 +22068,7 @@ function generateClassString(...args) {
 	);
 }
 
-function instance$z($$self, $$props, $$invalidate) {
+function instance$A($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { num = 2 } = $$props;
 
@@ -22041,79 +22083,33 @@ function instance$z($$self, $$props, $$invalidate) {
 class Grid extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$z, create_fragment$y, safe_not_equal, { num: 0 });
+		init(this, options, instance$A, create_fragment$z, safe_not_equal, { num: 0 });
 	}
 }
 
 /* src/lib/journey/callbacks/confirmation/confirmation.svelte generated by Svelte v3.55.1 */
 
-function get_each_context$5(ctx, list, i) {
+function get_each_context$6(ctx, list, i) {
 	const child_ctx = ctx.slice();
 	child_ctx[15] = list[i];
 	return child_ctx;
 }
 
-// (116:0) {:else}
-function create_else_block_1(ctx) {
-	let grid;
-	let current;
-
-	grid = new Grid({
-			props: {
-				num: /*options*/ ctx[3].length,
-				$$slots: { default: [create_default_slot_1$9] },
-				$$scope: { ctx }
-			}
-		});
-
-	return {
-		c() {
-			create_component(grid.$$.fragment);
-		},
-		m(target, anchor) {
-			mount_component(grid, target, anchor);
-			current = true;
-		},
-		p(ctx, dirty) {
-			const grid_changes = {};
-			if (dirty & /*options*/ 8) grid_changes.num = /*options*/ ctx[3].length;
-
-			if (dirty & /*$$scope, options, defaultChoice, buttonStyle*/ 262200) {
-				grid_changes.$$scope = { dirty, ctx };
-			}
-
-			grid.$set(grid_changes);
-		},
-		i(local) {
-			if (current) return;
-			transition_in(grid.$$.fragment, local);
-			current = true;
-		},
-		o(local) {
-			transition_out(grid.$$.fragment, local);
-			current = false;
-		},
-		d(detaching) {
-			destroy_component(grid, detaching);
-		}
-	};
-}
-
-// (95:0) {#if !stepMetadata?.derived.isStepSelfSubmittable}
-function create_if_block$c(ctx) {
+// (96:0) {#if stepMetadata?.platform?.stageName !== 'OneTimePassword'}
+function create_if_block$d(ctx) {
 	let current_block_type_index;
 	let if_block;
 	let if_block_anchor;
 	let current;
-	const if_block_creators = [create_if_block_1$8, create_else_block$4];
+	const if_block_creators = [create_if_block_1$9, create_else_block_1];
 	const if_blocks = [];
 
-	function select_block_type_1(ctx, dirty) {
-		if (/*options*/ ctx[3].length > 1) return 0;
+	function select_block_type(ctx, dirty) {
+		if (!/*stepMetadata*/ ctx[1]?.derived.isStepSelfSubmittable) return 0;
 		return 1;
 	}
 
-	current_block_type_index = select_block_type_1(ctx);
+	current_block_type_index = select_block_type(ctx);
 	if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
 
 	return {
@@ -22128,7 +22124,7 @@ function create_if_block$c(ctx) {
 		},
 		p(ctx, dirty) {
 			let previous_block_index = current_block_type_index;
-			current_block_type_index = select_block_type_1(ctx);
+			current_block_type_index = select_block_type(ctx);
 
 			if (current_block_type_index === previous_block_index) {
 				if_blocks[current_block_type_index].p(ctx, dirty);
@@ -22169,11 +22165,127 @@ function create_if_block$c(ctx) {
 	};
 }
 
-// (119:6) <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$4(ctx) {
-	let t0_value = /*opt*/ ctx[15].text + "";
-	let t0;
-	let t1;
+// (118:2) {:else}
+function create_else_block_1(ctx) {
+	let grid;
+	let current;
+
+	grid = new Grid({
+			props: {
+				num: /*options*/ ctx[4].length,
+				$$slots: { default: [create_default_slot_1$a] },
+				$$scope: { ctx }
+			}
+		});
+
+	return {
+		c() {
+			create_component(grid.$$.fragment);
+		},
+		m(target, anchor) {
+			mount_component(grid, target, anchor);
+			current = true;
+		},
+		p(ctx, dirty) {
+			const grid_changes = {};
+			if (dirty & /*options*/ 16) grid_changes.num = /*options*/ ctx[4].length;
+
+			if (dirty & /*$$scope, options, defaultChoice, buttonStyle*/ 262196) {
+				grid_changes.$$scope = { dirty, ctx };
+			}
+
+			grid.$set(grid_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(grid.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(grid.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			destroy_component(grid, detaching);
+		}
+	};
+}
+
+// (97:2) {#if !stepMetadata?.derived.isStepSelfSubmittable}
+function create_if_block_1$9(ctx) {
+	let current_block_type_index;
+	let if_block;
+	let if_block_anchor;
+	let current;
+	const if_block_creators = [create_if_block_2$8, create_else_block$4];
+	const if_blocks = [];
+
+	function select_block_type_1(ctx, dirty) {
+		if (/*options*/ ctx[4].length > 1) return 0;
+		return 1;
+	}
+
+	current_block_type_index = select_block_type_1(ctx);
+	if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+
+	return {
+		c() {
+			if_block.c();
+			if_block_anchor = empty();
+		},
+		m(target, anchor) {
+			if_blocks[current_block_type_index].m(target, anchor);
+			insert(target, if_block_anchor, anchor);
+			current = true;
+		},
+		p(ctx, dirty) {
+			let previous_block_index = current_block_type_index;
+			current_block_type_index = select_block_type_1(ctx);
+
+			if (current_block_type_index === previous_block_index) {
+				if_blocks[current_block_type_index].p(ctx, dirty);
+			} else {
+				group_outros();
+
+				transition_out(if_blocks[previous_block_index], 1, 1, () => {
+					if_blocks[previous_block_index] = null;
+				});
+
+				check_outros();
+				if_block = if_blocks[current_block_type_index];
+
+				if (!if_block) {
+					if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+					if_block.c();
+				} else {
+					if_block.p(ctx, dirty);
+				}
+
+				transition_in(if_block, 1);
+				if_block.m(if_block_anchor.parentNode, if_block_anchor);
+			}
+		},
+		i(local) {
+			if (current) return;
+			transition_in(if_block);
+			current = true;
+		},
+		o(local) {
+			transition_out(if_block);
+			current = false;
+		},
+		d(detaching) {
+			if_blocks[current_block_type_index].d(detaching);
+			if (detaching) detach(if_block_anchor);
+		}
+	};
+}
+
+// (121: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;
+	let t1;
 
 	return {
 		c() {
@@ -22185,7 +22297,7 @@ function create_default_slot_2$4(ctx) {
 			insert(target, t1, anchor);
 		},
 		p(ctx, dirty) {
-			if (dirty & /*options*/ 8 && t0_value !== (t0_value = /*opt*/ ctx[15].text + "")) set_data(t0, t0_value);
+			if (dirty & /*options*/ 16 && t0_value !== (t0_value = /*opt*/ ctx[15].text + "")) set_data(t0, t0_value);
 		},
 		d(detaching) {
 			if (detaching) detach(t0);
@@ -22194,8 +22306,8 @@ function create_default_slot_2$4(ctx) {
 	};
 }
 
-// (118:4) {#each options as opt}
-function create_each_block$5(ctx) {
+// (120:6) {#each options as opt}
+function create_each_block$6(ctx) {
 	let button;
 	let current;
 
@@ -22205,13 +22317,13 @@ function create_each_block$5(ctx) {
 
 	button = new Button({
 			props: {
-				style: /*options*/ ctx[3].length > 1 && /*defaultChoice*/ ctx[5] === Number(/*opt*/ ctx[15].value)
+				style: /*options*/ ctx[4].length > 1 && /*defaultChoice*/ ctx[2] === Number(/*opt*/ ctx[15].value)
 				? 'primary'
-				: /*buttonStyle*/ ctx[4],
+				: /*buttonStyle*/ ctx[5],
 				type: "button",
 				width: "auto",
 				onClick: func,
-				$$slots: { default: [create_default_slot_2$4] },
+				$$slots: { default: [create_default_slot_2$5] },
 				$$scope: { ctx }
 			}
 		});
@@ -22228,13 +22340,13 @@ function create_each_block$5(ctx) {
 			ctx = new_ctx;
 			const button_changes = {};
 
-			if (dirty & /*options, defaultChoice, buttonStyle*/ 56) button_changes.style = /*options*/ ctx[3].length > 1 && /*defaultChoice*/ ctx[5] === Number(/*opt*/ ctx[15].value)
+			if (dirty & /*options, defaultChoice, buttonStyle*/ 52) button_changes.style = /*options*/ ctx[4].length > 1 && /*defaultChoice*/ ctx[2] === Number(/*opt*/ ctx[15].value)
 			? 'primary'
-			: /*buttonStyle*/ ctx[4];
+			: /*buttonStyle*/ ctx[5];
 
-			if (dirty & /*options*/ 8) button_changes.onClick = func;
+			if (dirty & /*options*/ 16) button_changes.onClick = func;
 
-			if (dirty & /*$$scope, options*/ 262152) {
+			if (dirty & /*$$scope, options*/ 262160) {
 				button_changes.$$scope = { dirty, ctx };
 			}
 
@@ -22255,15 +22367,15 @@ function create_each_block$5(ctx) {
 	};
 }
 
-// (117:2) <Grid num={options.length}>
-function create_default_slot_1$9(ctx) {
+// (119:4) <Grid num={options.length}>
+function create_default_slot_1$a(ctx) {
 	let each_1_anchor;
 	let current;
-	let each_value = /*options*/ ctx[3];
+	let each_value = /*options*/ ctx[4];
 	let each_blocks = [];
 
 	for (let i = 0; i < each_value.length; i += 1) {
-		each_blocks[i] = create_each_block$5(get_each_context$5(ctx, each_value, i));
+		each_blocks[i] = create_each_block$6(get_each_context$6(ctx, each_value, i));
 	}
 
 	const out = i => transition_out(each_blocks[i], 1, 1, () => {
@@ -22287,18 +22399,18 @@ function create_default_slot_1$9(ctx) {
 			current = true;
 		},
 		p(ctx, dirty) {
-			if (dirty & /*options, defaultChoice, Number, buttonStyle, setBtnValue*/ 312) {
-				each_value = /*options*/ ctx[3];
+			if (dirty & /*options, defaultChoice, Number, buttonStyle, setBtnValue*/ 308) {
+				each_value = /*options*/ ctx[4];
 				let i;
 
 				for (i = 0; i < each_value.length; i += 1) {
-					const child_ctx = get_each_context$5(ctx, each_value, i);
+					const child_ctx = get_each_context$6(ctx, each_value, i);
 
 					if (each_blocks[i]) {
 						each_blocks[i].p(child_ctx, dirty);
 						transition_in(each_blocks[i], 1);
 					} else {
-						each_blocks[i] = create_each_block$5(child_ctx);
+						each_blocks[i] = create_each_block$6(child_ctx);
 						each_blocks[i].c();
 						transition_in(each_blocks[i], 1);
 						each_blocks[i].m(each_1_anchor.parentNode, each_1_anchor);
@@ -22339,7 +22451,7 @@ function create_default_slot_1$9(ctx) {
 	};
 }
 
-// (105:2) {:else}
+// (107:4) {:else}
 function create_else_block$4(ctx) {
 	let checkbox;
 	let current;
@@ -22351,7 +22463,7 @@ function create_else_block$4(ctx) {
 				key: /*inputName*/ ctx[6],
 				onChange: /*setCheckboxValue*/ ctx[10],
 				value: false,
-				$$slots: { default: [create_default_slot$g] },
+				$$slots: { default: [create_default_slot$h] },
 				$$scope: { ctx }
 			}
 		});
@@ -22369,7 +22481,7 @@ function create_else_block$4(ctx) {
 			if (dirty & /*callbackMetadata*/ 1) checkbox_changes.isFirstInvalidInput = /*callbackMetadata*/ ctx[0]?.derived.isFirstInvalidInput || false;
 			if (dirty & /*inputName*/ 64) checkbox_changes.key = /*inputName*/ ctx[6];
 
-			if (dirty & /*$$scope, options*/ 262152) {
+			if (dirty & /*$$scope, options*/ 262160) {
 				checkbox_changes.$$scope = { dirty, ctx };
 			}
 
@@ -22390,8 +22502,8 @@ function create_else_block$4(ctx) {
 	};
 }
 
-// (96:2) {#if options.length > 1}
-function create_if_block_1$8(ctx) {
+// (98:4) {#if options.length > 1}
+function create_if_block_2$8(ctx) {
 	let select;
 	let current;
 
@@ -22400,9 +22512,9 @@ function create_if_block_1$8(ctx) {
 				isFirstInvalidInput: /*callbackMetadata*/ ctx[0]?.derived.isFirstInvalidInput || false,
 				isRequired: false,
 				key: /*inputName*/ ctx[6],
-				label: /*label*/ ctx[2],
+				label: /*label*/ ctx[3],
 				onChange: /*setOptionValue*/ ctx[9],
-				options: /*options*/ ctx[3]
+				options: /*options*/ ctx[4]
 			}
 		});
 
@@ -22418,8 +22530,8 @@ function create_if_block_1$8(ctx) {
 			const select_changes = {};
 			if (dirty & /*callbackMetadata*/ 1) select_changes.isFirstInvalidInput = /*callbackMetadata*/ ctx[0]?.derived.isFirstInvalidInput || false;
 			if (dirty & /*inputName*/ 64) select_changes.key = /*inputName*/ ctx[6];
-			if (dirty & /*label*/ 4) select_changes.label = /*label*/ ctx[2];
-			if (dirty & /*options*/ 8) select_changes.options = /*options*/ ctx[3];
+			if (dirty & /*label*/ 8) select_changes.label = /*label*/ ctx[3];
+			if (dirty & /*options*/ 16) select_changes.options = /*options*/ ctx[4];
 			select.$set(select_changes);
 		},
 		i(local) {
@@ -22437,9 +22549,9 @@ function create_if_block_1$8(ctx) {
 	};
 }
 
-// (106:4) <Checkbox       isFirstInvalidInput={callbackMetadata?.derived.isFirstInvalidInput || false}       isInvalid={false}       key={inputName}       onChange={setCheckboxValue}       value={false}     >
-function create_default_slot$g(ctx) {
-	let t_value = /*options*/ ctx[3][0].text + "";
+// (108: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[4][0].text + "";
 	let t;
 
 	return {
@@ -22450,7 +22562,7 @@ function create_default_slot$g(ctx) {
 			insert(target, t, anchor);
 		},
 		p(ctx, dirty) {
-			if (dirty & /*options*/ 8 && t_value !== (t_value = /*options*/ ctx[3][0].text + "")) set_data(t, t_value);
+			if (dirty & /*options*/ 16 && t_value !== (t_value = /*options*/ ctx[4][0].text + "")) set_data(t, t_value);
 		},
 		d(detaching) {
 			if (detaching) detach(t);
@@ -22458,57 +22570,43 @@ function create_default_slot$g(ctx) {
 	};
 }
 
-function create_fragment$x(ctx) {
-	let current_block_type_index;
-	let if_block;
+function create_fragment$y(ctx) {
 	let if_block_anchor;
 	let current;
-	const if_block_creators = [create_if_block$c, create_else_block_1];
-	const if_blocks = [];
-
-	function select_block_type(ctx, dirty) {
-		if (!/*stepMetadata*/ ctx[1]?.derived.isStepSelfSubmittable) return 0;
-		return 1;
-	}
-
-	current_block_type_index = select_block_type(ctx);
-	if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+	let if_block = /*stepMetadata*/ ctx[1]?.platform?.stageName !== 'OneTimePassword' && create_if_block$d(ctx);
 
 	return {
 		c() {
-			if_block.c();
+			if (if_block) if_block.c();
 			if_block_anchor = empty();
 		},
 		m(target, anchor) {
-			if_blocks[current_block_type_index].m(target, anchor);
+			if (if_block) if_block.m(target, anchor);
 			insert(target, if_block_anchor, anchor);
 			current = true;
 		},
 		p(ctx, [dirty]) {
-			let previous_block_index = current_block_type_index;
-			current_block_type_index = select_block_type(ctx);
+			if (/*stepMetadata*/ ctx[1]?.platform?.stageName !== 'OneTimePassword') {
+				if (if_block) {
+					if_block.p(ctx, dirty);
 
-			if (current_block_type_index === previous_block_index) {
-				if_blocks[current_block_type_index].p(ctx, dirty);
-			} else {
+					if (dirty & /*stepMetadata*/ 2) {
+						transition_in(if_block, 1);
+					}
+				} else {
+					if_block = create_if_block$d(ctx);
+					if_block.c();
+					transition_in(if_block, 1);
+					if_block.m(if_block_anchor.parentNode, if_block_anchor);
+				}
+			} else if (if_block) {
 				group_outros();
 
-				transition_out(if_blocks[previous_block_index], 1, 1, () => {
-					if_blocks[previous_block_index] = null;
+				transition_out(if_block, 1, 1, () => {
+					if_block = null;
 				});
 
 				check_outros();
-				if_block = if_blocks[current_block_type_index];
-
-				if (!if_block) {
-					if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
-					if_block.c();
-				} else {
-					if_block.p(ctx, dirty);
-				}
-
-				transition_in(if_block, 1);
-				if_block.m(if_block_anchor.parentNode, if_block_anchor);
 			}
 		},
 		i(local) {
@@ -22521,13 +22619,13 @@ function create_fragment$x(ctx) {
 			current = false;
 		},
 		d(detaching) {
-			if_blocks[current_block_type_index].d(detaching);
+			if (if_block) if_block.d(detaching);
 			if (detaching) detach(if_block_anchor);
 		}
 	};
 }
 
-function instance$y($$self, $$props, $$invalidate) {
+function instance$z($$self, $$props, $$invalidate) {
 	const style = {};
 	let { callback } = $$props;
 	let { callbackMetadata } = $$props;
@@ -22595,14 +22693,6 @@ function instance$y($$self, $$props, $$invalidate) {
 		}
 	}
 
-	if (callback.getInputValue() === 0) {
-		/**
- * If input value is 0 (falsy value), then let's make sure it's set to the default value
- * There's a case when the input value is 100, and for that we leave it 100
- */
-		callback.setOptionIndex(defaultChoice);
-	}
-
 	const func = opt => setBtnValue(Number(opt.value));
 
 	$$self.$$set = $$props => {
@@ -22613,27 +22703,34 @@ function instance$y($$self, $$props, $$invalidate) {
 	};
 
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*callback, callbackMetadata, options, stepMetadata, label*/ 4111) {
+		if ($$self.$$.dirty & /*callback, callbackMetadata, options, defaultChoice, stepMetadata, label*/ 4127) {
 			// TODO: use selfSubmitFunction to communicate to step component that this callback is ready
 			{
 				$$invalidate(6, inputName = callback?.payload?.input?.[0].name || `confirmation-${callbackMetadata?.idx}`);
-				$$invalidate(3, options = callback.getOptions().map((option, index) => ({ value: `${index}`, text: option })));
+				$$invalidate(4, options = callback.getOptions().map((option, index) => ({ value: `${index}`, text: option })));
+				$$invalidate(2, defaultChoice = callback.getDefaultOption());
+				$$invalidate(3, label = interpolate(textToKey('pleaseConfirm'), null, 'Please Confirm'));
 
 				if (callbackMetadata?.platform?.showOnlyPositiveAnswer) {
-					// The positive option is always first in the options array
-					$$invalidate(3, options = options.slice(0, 1));
+					// The positive option is always first in the `options` array
+					$$invalidate(4, options = options.slice(0, 1));
 				}
 
-				$$invalidate(5, defaultChoice = callback.getDefaultOption());
-				$$invalidate(2, label = interpolate(textToKey('pleaseConfirm'), null, 'Please Confirm'));
+				if (callback.getInputValue() === 0) {
+					/**
+ * If input value is 0 (falsy value), then let's make sure it's set to the default value
+ * There's a case when the input value is 100, and for that we leave it at 100
+ */
+					callback.setOptionIndex(defaultChoice);
+				}
 
 				if (!stepMetadata?.derived.isStepSelfSubmittable && options.length > 1) {
-					// Since the user needs to confirm, add this non-value to force selection
+					// Since the user needs to confirm, add this empty `value` to force selection
 					options.unshift({ value: '', text: label });
 				} else if (options.length === 1) {
-					$$invalidate(4, buttonStyle = 'outline');
+					$$invalidate(5, buttonStyle = 'outline');
 				} else {
-					$$invalidate(4, buttonStyle = 'secondary');
+					$$invalidate(5, buttonStyle = 'secondary');
 				}
 			}
 		}
@@ -22642,10 +22739,10 @@ function instance$y($$self, $$props, $$invalidate) {
 	return [
 		callbackMetadata,
 		stepMetadata,
+		defaultChoice,
 		label,
 		options,
 		buttonStyle,
-		defaultChoice,
 		inputName,
 		Checkbox,
 		setBtnValue,
@@ -22662,7 +22759,7 @@ class Confirmation extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$y, create_fragment$x, safe_not_equal, {
+		init(this, options, instance$z, create_fragment$y, safe_not_equal, {
 			style: 11,
 			callback: 12,
 			callbackMetadata: 0,
@@ -22678,7 +22775,7 @@ class Confirmation extends SvelteComponent {
 
 /* src/lib/journey/callbacks/hidden-value/hidden-value.svelte generated by Svelte v3.55.1 */
 
-function instance$x($$self, $$props, $$invalidate) {
+function instance$y($$self, $$props, $$invalidate) {
 	const callbackMetadata = null;
 	const selfSubmitFunction = null;
 	const stepMetadata = null;
@@ -22691,7 +22788,7 @@ class Hidden_value extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$x, null, safe_not_equal, {
+		init(this, options, instance$y, null, safe_not_equal, {
 			callbackMetadata: 0,
 			selfSubmitFunction: 1,
 			stepMetadata: 2,
@@ -22731,7 +22828,7 @@ function create_if_block_7$1(ctx) {
 			props: {
 				key: /*key*/ ctx[3],
 				classes: `${/*labelClasses*/ ctx[5]} tw_w-full tw_ml-1`,
-				$$slots: { default: [create_default_slot_1$8] },
+				$$slots: { default: [create_default_slot_1$9] },
 				$$scope: { ctx }
 			}
 		});
@@ -22771,7 +22868,7 @@ function create_if_block_7$1(ctx) {
 }
 
 // (25:2) <Label {key} classes={`${labelClasses} tw_w-full tw_ml-1`}>
-function create_default_slot_1$8(ctx) {
+function create_default_slot_1$9(ctx) {
 	let t;
 
 	return {
@@ -23111,7 +23208,7 @@ function create_if_block_3$3(ctx) {
 }
 
 // (97:0) {#if type === 'phone'}
-function create_if_block_2$6(ctx) {
+function create_if_block_2$7(ctx) {
 	let input;
 	let input_aria_describedby_value;
 	let input_class_value;
@@ -23191,7 +23288,7 @@ function create_if_block_2$6(ctx) {
 }
 
 // (113:0) {#if type === 'text'}
-function create_if_block_1$7(ctx) {
+function create_if_block_1$8(ctx) {
 	let input;
 	let input_aria_describedby_value;
 	let input_class_value;
@@ -23271,7 +23368,7 @@ function create_if_block_1$7(ctx) {
 }
 
 // (129:0) {#if labelOrder === 'last'}
-function create_if_block$b(ctx) {
+function create_if_block$c(ctx) {
 	let label_1;
 	let current;
 
@@ -23279,7 +23376,7 @@ function create_if_block$b(ctx) {
 			props: {
 				key: /*key*/ ctx[3],
 				classes: `${/*labelClasses*/ ctx[5]}`,
-				$$slots: { default: [create_default_slot$f] },
+				$$slots: { default: [create_default_slot$g] },
 				$$scope: { ctx }
 			}
 		});
@@ -23319,7 +23416,7 @@ function create_if_block$b(ctx) {
 }
 
 // (130:2) <Label {key} classes={`${labelClasses}`}>
-function create_default_slot$f(ctx) {
+function create_default_slot$g(ctx) {
 	let t;
 
 	return {
@@ -23338,7 +23435,7 @@ function create_default_slot$f(ctx) {
 	};
 }
 
-function create_fragment$w(ctx) {
+function create_fragment$x(ctx) {
 	let t0;
 	let t1;
 	let t2;
@@ -23353,9 +23450,9 @@ function create_fragment$w(ctx) {
 	let if_block2 = /*type*/ ctx[11] === 'email' && create_if_block_5$1(ctx);
 	let if_block3 = /*type*/ ctx[11] === 'number' && create_if_block_4$1(ctx);
 	let if_block4 = /*type*/ ctx[11] === 'password' && create_if_block_3$3(ctx);
-	let if_block5 = /*type*/ ctx[11] === 'phone' && create_if_block_2$6(ctx);
-	let if_block6 = /*type*/ ctx[11] === 'text' && create_if_block_1$7(ctx);
-	let if_block7 = /*labelOrder*/ ctx[6] === 'last' && create_if_block$b(ctx);
+	let if_block5 = /*type*/ ctx[11] === 'phone' && create_if_block_2$7(ctx);
+	let if_block6 = /*type*/ ctx[11] === 'text' && create_if_block_1$8(ctx);
+	let if_block7 = /*labelOrder*/ ctx[6] === 'last' && create_if_block$c(ctx);
 
 	return {
 		c() {
@@ -23475,7 +23572,7 @@ function create_fragment$w(ctx) {
 				if (if_block5) {
 					if_block5.p(ctx, dirty);
 				} else {
-					if_block5 = create_if_block_2$6(ctx);
+					if_block5 = create_if_block_2$7(ctx);
 					if_block5.c();
 					if_block5.m(t5.parentNode, t5);
 				}
@@ -23488,7 +23585,7 @@ function create_fragment$w(ctx) {
 				if (if_block6) {
 					if_block6.p(ctx, dirty);
 				} else {
-					if_block6 = create_if_block_1$7(ctx);
+					if_block6 = create_if_block_1$8(ctx);
 					if_block6.c();
 					if_block6.m(t6.parentNode, t6);
 				}
@@ -23505,7 +23602,7 @@ function create_fragment$w(ctx) {
 						transition_in(if_block7, 1);
 					}
 				} else {
-					if_block7 = create_if_block$b(ctx);
+					if_block7 = create_if_block$c(ctx);
 					if_block7.c();
 					transition_in(if_block7, 1);
 					if_block7.m(if_block7_anchor.parentNode, if_block7_anchor);
@@ -23552,7 +23649,7 @@ function create_fragment$w(ctx) {
 	};
 }
 
-function instance$w($$self, $$props, $$invalidate) {
+function instance$x($$self, $$props, $$invalidate) {
 	let { forceValidityFailure = false } = $$props;
 	let { isFirstInvalidInput } = $$props;
 	let { inputClasses = '' } = $$props;
@@ -23696,7 +23793,7 @@ class Input extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$w, create_fragment$w, safe_not_equal, {
+		init(this, options, instance$x, create_fragment$x, safe_not_equal, {
 			forceValidityFailure: 1,
 			isFirstInvalidInput: 13,
 			inputClasses: 2,
@@ -23718,7 +23815,7 @@ class Input extends SvelteComponent {
 const get_input_button_slot_changes$1 = dirty => ({});
 const get_input_button_slot_context$1 = ctx => ({});
 
-function create_fragment$v(ctx) {
+function create_fragment$w(ctx) {
 	let div1;
 	let input;
 	let updating_value;
@@ -23893,7 +23990,7 @@ function create_fragment$v(ctx) {
 	};
 }
 
-function instance$v($$self, $$props, $$invalidate) {
+function instance$w($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { checkValidity = null } = $$props;
 	let { forceValidityFailure = false } = $$props;
@@ -23964,7 +24061,7 @@ class Floating_label extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$v, create_fragment$v, safe_not_equal, {
+		init(this, options, instance$w, create_fragment$w, safe_not_equal, {
 			checkValidity: 12,
 			forceValidityFailure: 2,
 			message: 3,
@@ -23986,7 +24083,7 @@ class Floating_label extends SvelteComponent {
 const get_input_button_slot_changes = dirty => ({});
 const get_input_button_slot_context = ctx => ({});
 
-function create_fragment$u(ctx) {
+function create_fragment$v(ctx) {
 	let div1;
 	let input;
 	let updating_value;
@@ -24165,7 +24262,7 @@ function create_fragment$u(ctx) {
 	};
 }
 
-function instance$u($$self, $$props, $$invalidate) {
+function instance$v($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { checkValidity = null } = $$props;
 	let { forceValidityFailure = false } = $$props;
@@ -24239,7 +24336,7 @@ class Stacked_label extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$u, create_fragment$u, safe_not_equal, {
+		init(this, options, instance$v, create_fragment$v, safe_not_equal, {
 			checkValidity: 13,
 			forceValidityFailure: 2,
 			isFirstInvalidInput: 3,
@@ -24260,7 +24357,7 @@ class Stacked_label extends SvelteComponent {
 
 /* src/lib/components/icons/lock-icon.svelte generated by Svelte v3.55.1 */
 
-function create_fragment$t(ctx) {
+function create_fragment$u(ctx) {
 	let svg;
 	let path0;
 	let path1;
@@ -24341,7 +24438,7 @@ function create_fragment$t(ctx) {
 	};
 }
 
-function instance$t($$self, $$props, $$invalidate) {
+function instance$u($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { classes = '' } = $$props;
 	let { size = '24px' } = $$props;
@@ -24358,13 +24455,13 @@ function instance$t($$self, $$props, $$invalidate) {
 class Lock_icon extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$t, create_fragment$t, safe_not_equal, { classes: 0, size: 1 });
+		init(this, options, instance$u, create_fragment$u, safe_not_equal, { classes: 0, size: 1 });
 	}
 }
 
 /* src/lib/journey/callbacks/kba/kba-create.svelte generated by Svelte v3.55.1 */
 
-function create_if_block$a(ctx) {
+function create_if_block$b(ctx) {
 	let input;
 	let current;
 
@@ -24408,7 +24505,7 @@ function create_if_block$a(ctx) {
 	};
 }
 
-function create_fragment$s(ctx) {
+function create_fragment$t(ctx) {
 	let fieldset;
 	let legend;
 	let t0;
@@ -24443,7 +24540,7 @@ function create_fragment$s(ctx) {
 			}
 		});
 
-	let if_block = /*displayCustomQuestionInput*/ ctx[3] && create_if_block$a(ctx);
+	let if_block = /*displayCustomQuestionInput*/ ctx[3] && create_if_block$b(ctx);
 
 	function input_value_binding(value) {
 		/*input_value_binding*/ ctx[20](value);
@@ -24521,7 +24618,7 @@ function create_fragment$s(ctx) {
 						transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$a(ctx);
+					if_block = create_if_block$b(ctx);
 					if_block.c();
 					transition_in(if_block, 1);
 					if_block.m(fieldset, t6);
@@ -24579,7 +24676,7 @@ function create_fragment$s(ctx) {
 	};
 }
 
-function instance$s($$self, $$props, $$invalidate) {
+function instance$t($$self, $$props, $$invalidate) {
 	let $value;
 	const selfSubmitFunction = null;
 	const stepMetadata = null;
@@ -24758,7 +24855,7 @@ class Kba_create extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$s, create_fragment$s, safe_not_equal, {
+		init(this, options, instance$t, create_fragment$t, safe_not_equal, {
 			selfSubmitFunction: 12,
 			stepMetadata: 13,
 			callback: 14,
@@ -24778,7 +24875,7 @@ class Kba_create extends SvelteComponent {
 
 /* src/lib/journey/callbacks/username/name.svelte generated by Svelte v3.55.1 */
 
-function create_fragment$r(ctx) {
+function create_fragment$s(ctx) {
 	let input;
 	let current;
 
@@ -24786,7 +24883,7 @@ function create_fragment$r(ctx) {
 			props: {
 				isFirstInvalidInput: /*callbackMetadata*/ ctx[0]?.derived.isFirstInvalidInput || false,
 				key: /*inputName*/ ctx[2],
-				label: interpolate(textToKey(/*callbackType*/ ctx[1]), null, /*textInputLabel*/ ctx[3]),
+				label: interpolate(textToKey(/*textInputLabel*/ ctx[3] || /*callbackType*/ ctx[1]), null, /*textInputLabel*/ ctx[3]),
 				onChange: /*setValue*/ ctx[6],
 				type: "text",
 				showMessage: false,
@@ -24808,7 +24905,7 @@ function create_fragment$r(ctx) {
 			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 & /*callbackType, textInputLabel*/ 10) input_changes.label = interpolate(textToKey(/*callbackType*/ ctx[1]), null, /*textInputLabel*/ ctx[3]);
+			if (dirty & /*textInputLabel, callbackType*/ 10) input_changes.label = interpolate(textToKey(/*textInputLabel*/ ctx[3] || /*callbackType*/ ctx[1]), null, /*textInputLabel*/ ctx[3]);
 
 			if (dirty & /*value*/ 16) input_changes.value = typeof /*value*/ ctx[4] === 'string'
 			? /*value*/ ctx[4]
@@ -24831,7 +24928,7 @@ function create_fragment$r(ctx) {
 	};
 }
 
-function instance$r($$self, $$props, $$invalidate) {
+function instance$s($$self, $$props, $$invalidate) {
 	const selfSubmitFunction = null;
 	const stepMetadata = null;
 	let { callback } = $$props;
@@ -24883,7 +24980,7 @@ class Name extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$r, create_fragment$r, safe_not_equal, {
+		init(this, options, instance$s, create_fragment$s, safe_not_equal, {
 			selfSubmitFunction: 7,
 			stepMetadata: 8,
 			callback: 9,
@@ -24985,7 +25082,7 @@ function create_else_block$3(ctx) {
 }
 
 // (6:0) {#if !visible}
-function create_if_block$9(ctx) {
+function create_if_block$a(ctx) {
 	let svg;
 	let path0;
 	let path1;
@@ -25066,12 +25163,12 @@ function create_if_block$9(ctx) {
 	};
 }
 
-function create_fragment$q(ctx) {
+function create_fragment$r(ctx) {
 	let current_block_type_index;
 	let if_block;
 	let if_block_anchor;
 	let current;
-	const if_block_creators = [create_if_block$9, create_else_block$3];
+	const if_block_creators = [create_if_block$a, create_else_block$3];
 	const if_blocks = [];
 
 	function select_block_type(ctx, dirty) {
@@ -25135,7 +25232,7 @@ function create_fragment$q(ctx) {
 	};
 }
 
-function instance$q($$self, $$props, $$invalidate) {
+function instance$r($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { classes = '' } = $$props;
 	let { size = '24px' } = $$props;
@@ -25154,13 +25251,13 @@ function instance$q($$self, $$props, $$invalidate) {
 class Eye_icon extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$q, create_fragment$q, safe_not_equal, { classes: 0, size: 1, visible: 2 });
+		init(this, options, instance$r, create_fragment$r, safe_not_equal, { classes: 0, size: 1, visible: 2 });
 	}
 }
 
 /* src/lib/journey/callbacks/password/confirm-input.svelte generated by Svelte v3.55.1 */
 
-function create_default_slot_1$7(ctx) {
+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);
@@ -25208,7 +25305,7 @@ function create_default_slot_1$7(ctx) {
 }
 
 // (47:4) <EyeIcon classes="tw_password-icon dark:tw_password-icon_dark" visible={isVisible}       >
-function create_default_slot$e(ctx) {
+function create_default_slot$f(ctx) {
 	let t;
 	let current;
 	t = new Locale_strings({ props: { key: "showPassword" } });
@@ -25249,7 +25346,7 @@ function create_input_button_slot$1(ctx) {
 			props: {
 				classes: "tw_password-icon dark:tw_password-icon_dark",
 				visible: /*isVisible*/ ctx[6],
-				$$slots: { default: [create_default_slot$e] },
+				$$slots: { default: [create_default_slot$f] },
 				$$scope: { ctx }
 			}
 		});
@@ -25300,7 +25397,7 @@ function create_input_button_slot$1(ctx) {
 	};
 }
 
-function create_fragment$p(ctx) {
+function create_fragment$q(ctx) {
 	let input;
 	let current;
 
@@ -25324,7 +25421,7 @@ function create_fragment$p(ctx) {
 				: '',
 				$$slots: {
 					"input-button": [create_input_button_slot$1],
-					default: [create_default_slot_1$7]
+					default: [create_default_slot_1$8]
 				},
 				$$scope: { ctx }
 			}
@@ -25374,7 +25471,7 @@ function create_fragment$p(ctx) {
 	};
 }
 
-function instance$p($$self, $$props, $$invalidate) {
+function instance$q($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { forceValidityFailure = false } = $$props;
 	let { key } = $$props;
@@ -25429,7 +25526,7 @@ class Confirm_input extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$p, create_fragment$p, safe_not_equal, {
+		init(this, options, instance$q, create_fragment$q, safe_not_equal, {
 			forceValidityFailure: 0,
 			key: 1,
 			onChange: 2,
@@ -25443,7 +25540,7 @@ class Confirm_input extends SvelteComponent {
 
 /* src/lib/journey/callbacks/password/base.svelte generated by Svelte v3.55.1 */
 
-function create_default_slot_1$6(ctx) {
+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);
@@ -25491,7 +25588,7 @@ function create_default_slot_1$6(ctx) {
 }
 
 // (82:4) <EyeIcon classes="tw_password-icon dark:tw_password-icon_dark" visible={isVisible}       >
-function create_default_slot$d(ctx) {
+function create_default_slot$e(ctx) {
 	let t;
 	let current;
 	t = new Locale_strings({ props: { key: "showPassword" } });
@@ -25532,7 +25629,7 @@ function create_input_button_slot(ctx) {
 			props: {
 				classes: "tw_password-icon dark:tw_password-icon_dark",
 				visible: /*isVisible*/ ctx[10],
-				$$slots: { default: [create_default_slot$d] },
+				$$slots: { default: [create_default_slot$e] },
 				$$scope: { ctx }
 			}
 		});
@@ -25584,7 +25681,7 @@ function create_input_button_slot(ctx) {
 }
 
 // (89:0) {#if callbackMetadata?.platform?.confirmPassword}
-function create_if_block$8(ctx) {
+function create_if_block$9(ctx) {
 	let confirminput;
 	let current;
 
@@ -25631,7 +25728,7 @@ function create_if_block$8(ctx) {
 	};
 }
 
-function create_fragment$o(ctx) {
+function create_fragment$p(ctx) {
 	let input;
 	let t;
 	let if_block_anchor;
@@ -25656,13 +25753,13 @@ function create_fragment$o(ctx) {
 				: '',
 				$$slots: {
 					"input-button": [create_input_button_slot],
-					default: [create_default_slot_1$6]
+					default: [create_default_slot_1$7]
 				},
 				$$scope: { ctx }
 			}
 		});
 
-	let if_block = /*callbackMetadata*/ ctx[1]?.platform?.confirmPassword && create_if_block$8(ctx);
+	let if_block = /*callbackMetadata*/ ctx[1]?.platform?.confirmPassword && create_if_block$9(ctx);
 
 	return {
 		c() {
@@ -25711,7 +25808,7 @@ function create_fragment$o(ctx) {
 						transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$8(ctx);
+					if_block = create_if_block$9(ctx);
 					if_block.c();
 					transition_in(if_block, 1);
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -25746,7 +25843,7 @@ function create_fragment$o(ctx) {
 	};
 }
 
-function instance$o($$self, $$props, $$invalidate) {
+function instance$p($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { callback } = $$props;
 	let { callbackMetadata } = $$props;
@@ -25855,7 +25952,7 @@ class Base extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$o, create_fragment$o, safe_not_equal, {
+		init(this, options, instance$p, create_fragment$p, safe_not_equal, {
 			callback: 17,
 			callbackMetadata: 1,
 			key: 0,
@@ -25870,7 +25967,7 @@ class Base extends SvelteComponent {
 
 /* src/lib/journey/callbacks/password/password.svelte generated by Svelte v3.55.1 */
 
-function create_fragment$n(ctx) {
+function create_fragment$o(ctx) {
 	let base;
 	let current;
 
@@ -25914,7 +26011,7 @@ function create_fragment$n(ctx) {
 	};
 }
 
-function instance$n($$self, $$props, $$invalidate) {
+function instance$o($$self, $$props, $$invalidate) {
 	const selfSubmitFunction = null;
 	const stepMetadata = null;
 	let { callback } = $$props;
@@ -25944,7 +26041,7 @@ class Password extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$n, create_fragment$n, safe_not_equal, {
+		init(this, options, instance$o, create_fragment$o, safe_not_equal, {
 			selfSubmitFunction: 4,
 			stepMetadata: 5,
 			callback: 0,
@@ -25964,7 +26061,7 @@ class Password extends SvelteComponent {
 
 /* src/lib/components/primitives/text/text.svelte generated by Svelte v3.55.1 */
 
-function create_fragment$m(ctx) {
+function create_fragment$n(ctx) {
 	let p;
 	let p_class_value;
 	let current;
@@ -26022,7 +26119,7 @@ function create_fragment$m(ctx) {
 	};
 }
 
-function instance$m($$self, $$props, $$invalidate) {
+function instance$n($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { classes = '' } = $$props;
 
@@ -26037,13 +26134,13 @@ function instance$m($$self, $$props, $$invalidate) {
 class Text extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$m, create_fragment$m, safe_not_equal, { classes: 0 });
+		init(this, options, instance$n, create_fragment$n, safe_not_equal, { classes: 0 });
 	}
 }
 
 /* src/lib/journey/callbacks/polling-wait/polling-wait.svelte generated by Svelte v3.55.1 */
 
-function create_default_slot$c(ctx) {
+function create_default_slot$d(ctx) {
 	let t;
 
 	return {
@@ -26062,7 +26159,7 @@ function create_default_slot$c(ctx) {
 	};
 }
 
-function create_fragment$l(ctx) {
+function create_fragment$m(ctx) {
 	let div;
 	let spinner;
 	let t;
@@ -26078,7 +26175,7 @@ function create_fragment$l(ctx) {
 
 	text_1 = new Text({
 			props: {
-				$$slots: { default: [create_default_slot$c] },
+				$$slots: { default: [create_default_slot$d] },
 				$$scope: { ctx }
 			}
 		});
@@ -26126,7 +26223,7 @@ function create_fragment$l(ctx) {
 	};
 }
 
-function instance$l($$self, $$props, $$invalidate) {
+function instance$m($$self, $$props, $$invalidate) {
 	const stepMetadata = null;
 	const style = {};
 	let { callback } = $$props;
@@ -26177,7 +26274,7 @@ class Polling_wait extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$l, create_fragment$l, safe_not_equal, {
+		init(this, options, instance$m, create_fragment$m, safe_not_equal, {
 			stepMetadata: 3,
 			style: 4,
 			callback: 1,
@@ -26197,7 +26294,7 @@ class Polling_wait extends SvelteComponent {
 
 /* src/lib/journey/callbacks/redirect/redirect.svelte generated by Svelte v3.55.1 */
 
-function create_default_slot$b(ctx) {
+function create_default_slot$c(ctx) {
 	let t;
 
 	return {
@@ -26216,7 +26313,7 @@ function create_default_slot$b(ctx) {
 	};
 }
 
-function create_fragment$k(ctx) {
+function create_fragment$l(ctx) {
 	let div;
 	let spinner;
 	let t;
@@ -26232,7 +26329,7 @@ function create_fragment$k(ctx) {
 
 	text_1 = new Text({
 			props: {
-				$$slots: { default: [create_default_slot$b] },
+				$$slots: { default: [create_default_slot$c] },
 				$$scope: { ctx }
 			}
 		});
@@ -26281,7 +26378,7 @@ function create_fragment$k(ctx) {
 	};
 }
 
-function instance$k($$self, $$props, $$invalidate) {
+function instance$l($$self, $$props, $$invalidate) {
 	const callbackMetadata = null;
 	const selfSubmitFunction = null;
 	const stepMetadata = null;
@@ -26308,7 +26405,7 @@ class Redirect extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$k, create_fragment$k, safe_not_equal, {
+		init(this, options, instance$l, create_fragment$l, safe_not_equal, {
 			callbackMetadata: 1,
 			selfSubmitFunction: 2,
 			stepMetadata: 3,
@@ -26336,7 +26433,7 @@ class Redirect extends SvelteComponent {
 
 /* src/lib/components/icons/apple-icon.svelte generated by Svelte v3.55.1 */
 
-function create_fragment$j(ctx) {
+function create_fragment$k(ctx) {
 	let svg;
 	let path0;
 	let path1;
@@ -26381,7 +26478,7 @@ function create_fragment$j(ctx) {
 	};
 }
 
-function instance$j($$self, $$props, $$invalidate) {
+function instance$k($$self, $$props, $$invalidate) {
 	let { classes = '' } = $$props;
 	let { size = '24px' } = $$props;
 
@@ -26396,13 +26493,13 @@ function instance$j($$self, $$props, $$invalidate) {
 class Apple_icon extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$j, create_fragment$j, safe_not_equal, { classes: 0, size: 1 });
+		init(this, options, instance$k, create_fragment$k, safe_not_equal, { classes: 0, size: 1 });
 	}
 }
 
 /* src/lib/components/icons/facebook-icon.svelte generated by Svelte v3.55.1 */
 
-function create_fragment$i(ctx) {
+function create_fragment$j(ctx) {
 	let svg;
 	let path;
 
@@ -26443,7 +26540,7 @@ function create_fragment$i(ctx) {
 	};
 }
 
-function instance$i($$self, $$props, $$invalidate) {
+function instance$j($$self, $$props, $$invalidate) {
 	let { classes = '' } = $$props;
 	let { size = '24px' } = $$props;
 
@@ -26458,13 +26555,13 @@ function instance$i($$self, $$props, $$invalidate) {
 class Facebook_icon extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$i, create_fragment$i, safe_not_equal, { classes: 0, size: 1 });
+		init(this, options, instance$j, create_fragment$j, safe_not_equal, { classes: 0, size: 1 });
 	}
 }
 
 /* src/lib/components/icons/google-icon.svelte generated by Svelte v3.55.1 */
 
-function create_fragment$h(ctx) {
+function create_fragment$i(ctx) {
 	let svg;
 	let g;
 	let path0;
@@ -26529,7 +26626,7 @@ function create_fragment$h(ctx) {
 	};
 }
 
-function instance$h($$self, $$props, $$invalidate) {
+function instance$i($$self, $$props, $$invalidate) {
 	let { classes = '' } = $$props;
 	let { size = '24px' } = $$props;
 
@@ -26544,13 +26641,13 @@ function instance$h($$self, $$props, $$invalidate) {
 class Google_icon extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$h, create_fragment$h, safe_not_equal, { classes: 0, size: 1 });
+		init(this, options, instance$i, create_fragment$i, safe_not_equal, { classes: 0, size: 1 });
 	}
 }
 
 /* src/lib/journey/callbacks/select-idp/select-idp.svelte generated by Svelte v3.55.1 */
 
-function get_each_context$4(ctx, list, i) {
+function get_each_context$5(ctx, list, i) {
 	const child_ctx = ctx.slice();
 	child_ctx[10] = list[i];
 	return child_ctx;
@@ -26611,7 +26708,7 @@ function create_if_block_3$2(ctx) {
 }
 
 // (55:58) 
-function create_if_block_2$5(ctx) {
+function create_if_block_2$6(ctx) {
 	let button;
 	let current;
 
@@ -26665,7 +26762,7 @@ function create_if_block_2$5(ctx) {
 }
 
 // (44:4) {#if idp.text.toUpperCase().includes('APPLE')}
-function create_if_block_1$6(ctx) {
+function create_if_block_1$7(ctx) {
 	let button;
 	let current;
 
@@ -26679,7 +26776,7 @@ function create_if_block_1$6(ctx) {
 				type: "button",
 				width: "auto",
 				onClick: func,
-				$$slots: { default: [create_default_slot_2$3] },
+				$$slots: { default: [create_default_slot_2$4] },
 				$$scope: { ctx }
 			}
 		});
@@ -26835,7 +26932,7 @@ function create_default_slot_3(ctx) {
 }
 
 // (45:6) <Button         classes="tw_button-apple dark:tw_button-apple_dark"         type="button"         width="auto"         onClick={() => setBtnValue(idp.value)}       >
-function create_default_slot_2$3(ctx) {
+function create_default_slot_2$4(ctx) {
 	let appleicon;
 	let t0;
 	let t1;
@@ -26893,7 +26990,7 @@ function create_default_slot_2$3(ctx) {
 }
 
 // (43:2) <Grid num={1}>
-function create_default_slot_1$5(ctx) {
+function create_default_slot_1$6(ctx) {
 	let show_if;
 	let show_if_1;
 	let show_if_2;
@@ -26901,7 +26998,7 @@ function create_default_slot_1$5(ctx) {
 	let if_block;
 	let if_block_anchor;
 	let current;
-	const if_block_creators = [create_if_block_1$6, create_if_block_2$5, create_if_block_3$2];
+	const if_block_creators = [create_if_block_1$7, create_if_block_2$6, create_if_block_3$2];
 	const if_blocks = [];
 
 	function select_block_type(ctx, dirty) {
@@ -26990,14 +27087,14 @@ function create_default_slot_1$5(ctx) {
 }
 
 // (42:0) {#each idps as idp}
-function create_each_block$4(ctx) {
+function create_each_block$5(ctx) {
 	let grid;
 	let current;
 
 	grid = new Grid({
 			props: {
 				num: 1,
-				$$slots: { default: [create_default_slot_1$5] },
+				$$slots: { default: [create_default_slot_1$6] },
 				$$scope: { ctx }
 			}
 		});
@@ -27035,14 +27132,14 @@ function create_each_block$4(ctx) {
 }
 
 // (81:0) {#if stepMetadata && stepMetadata.derived.numOfCallbacks > 1}
-function create_if_block$7(ctx) {
+function create_if_block$8(ctx) {
 	let grid;
 	let current;
 
 	grid = new Grid({
 			props: {
 				num: 1,
-				$$slots: { default: [create_default_slot$a] },
+				$$slots: { default: [create_default_slot$b] },
 				$$scope: { ctx }
 			}
 		});
@@ -27071,7 +27168,7 @@ function create_if_block$7(ctx) {
 }
 
 // (82:2) <Grid num={1}>
-function create_default_slot$a(ctx) {
+function create_default_slot$b(ctx) {
 	let hr;
 
 	return {
@@ -27089,7 +27186,7 @@ function create_default_slot$a(ctx) {
 	};
 }
 
-function create_fragment$g(ctx) {
+function create_fragment$h(ctx) {
 	let t;
 	let if_block_anchor;
 	let current;
@@ -27097,14 +27194,14 @@ function create_fragment$g(ctx) {
 	let each_blocks = [];
 
 	for (let i = 0; i < each_value.length; i += 1) {
-		each_blocks[i] = create_each_block$4(get_each_context$4(ctx, each_value, i));
+		each_blocks[i] = create_each_block$5(get_each_context$5(ctx, each_value, i));
 	}
 
 	const out = i => transition_out(each_blocks[i], 1, 1, () => {
 		each_blocks[i] = null;
 	});
 
-	let if_block = /*stepMetadata*/ ctx[0] && /*stepMetadata*/ ctx[0].derived.numOfCallbacks > 1 && create_if_block$7(ctx);
+	let if_block = /*stepMetadata*/ ctx[0] && /*stepMetadata*/ ctx[0].derived.numOfCallbacks > 1 && create_if_block$8(ctx);
 
 	return {
 		c() {
@@ -27132,13 +27229,13 @@ function create_fragment$g(ctx) {
 				let i;
 
 				for (i = 0; i < each_value.length; i += 1) {
-					const child_ctx = get_each_context$4(ctx, each_value, i);
+					const child_ctx = get_each_context$5(ctx, each_value, i);
 
 					if (each_blocks[i]) {
 						each_blocks[i].p(child_ctx, dirty);
 						transition_in(each_blocks[i], 1);
 					} else {
-						each_blocks[i] = create_each_block$4(child_ctx);
+						each_blocks[i] = create_each_block$5(child_ctx);
 						each_blocks[i].c();
 						transition_in(each_blocks[i], 1);
 						each_blocks[i].m(t.parentNode, t);
@@ -27160,7 +27257,7 @@ function create_fragment$g(ctx) {
 						transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$7(ctx);
+					if_block = create_if_block$8(ctx);
 					if_block.c();
 					transition_in(if_block, 1);
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -27204,7 +27301,7 @@ function create_fragment$g(ctx) {
 	};
 }
 
-function instance$g($$self, $$props, $$invalidate) {
+function instance$h($$self, $$props, $$invalidate) {
 	const style = {};
 	let { callback } = $$props;
 	let { callbackMetadata } = $$props;
@@ -27274,7 +27371,7 @@ class Select_idp extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$g, create_fragment$g, safe_not_equal, {
+		init(this, options, instance$h, create_fragment$h, safe_not_equal, {
 			style: 4,
 			callback: 5,
 			callbackMetadata: 3,
@@ -27296,14 +27393,14 @@ function get_each_context_1(ctx, list, i) {
 	return child_ctx;
 }
 
-function get_each_context$3(ctx, list, i) {
+function get_each_context$4(ctx, list, i) {
 	const child_ctx = ctx.slice();
 	child_ctx[7] = list[i];
 	return child_ctx;
 }
 
 // (34:33) 
-function create_if_block_1$5(ctx) {
+function create_if_block_1$6(ctx) {
 	let div;
 	let p;
 	let t0;
@@ -27399,7 +27496,7 @@ function create_if_block_1$5(ctx) {
 }
 
 // (23:0) {#if simplifiedFailures.length}
-function create_if_block$6(ctx) {
+function create_if_block$7(ctx) {
 	let div;
 	let p;
 	let t0;
@@ -27412,7 +27509,7 @@ function create_if_block$6(ctx) {
 	let each_blocks = [];
 
 	for (let i = 0; i < each_value.length; i += 1) {
-		each_blocks[i] = create_each_block$3(get_each_context$3(ctx, each_value, i));
+		each_blocks[i] = create_each_block$4(get_each_context$4(ctx, each_value, i));
 	}
 
 	return {
@@ -27455,12 +27552,12 @@ function create_if_block$6(ctx) {
 				let i;
 
 				for (i = 0; i < each_value.length; i += 1) {
-					const child_ctx = get_each_context$3(ctx, each_value, i);
+					const child_ctx = get_each_context$4(ctx, each_value, i);
 
 					if (each_blocks[i]) {
 						each_blocks[i].p(child_ctx, dirty);
 					} else {
-						each_blocks[i] = create_each_block$3(child_ctx);
+						each_blocks[i] = create_each_block$4(child_ctx);
 						each_blocks[i].c();
 						each_blocks[i].m(ul, null);
 					}
@@ -27520,7 +27617,7 @@ function create_each_block_1(ctx) {
 }
 
 // (29:6) {#each simplifiedFailures as failure}
-function create_each_block$3(ctx) {
+function create_each_block$4(ctx) {
 	let li;
 	let t_value = /*failure*/ ctx[7].message + "";
 	let t;
@@ -27544,12 +27641,12 @@ function create_each_block$3(ctx) {
 	};
 }
 
-function create_fragment$f(ctx) {
+function create_fragment$g(ctx) {
 	let current_block_type_index;
 	let if_block;
 	let if_block_anchor;
 	let current;
-	const if_block_creators = [create_if_block$6, create_if_block_1$5];
+	const if_block_creators = [create_if_block$7, create_if_block_1$6];
 	const if_blocks = [];
 
 	function select_block_type(ctx, dirty) {
@@ -27630,7 +27727,7 @@ function create_fragment$f(ctx) {
 	};
 }
 
-function instance$f($$self, $$props, $$invalidate) {
+function instance$g($$self, $$props, $$invalidate) {
 	let { callback } = $$props;
 	let { key = undefined } = $$props;
 	let { label } = $$props;
@@ -27685,7 +27782,7 @@ class Policies extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$f, create_fragment$f, safe_not_equal, {
+		init(this, options, instance$g, create_fragment$g, safe_not_equal, {
 			callback: 4,
 			key: 0,
 			label: 5,
@@ -27696,7 +27793,7 @@ class Policies extends SvelteComponent {
 
 /* src/lib/journey/callbacks/string-attribute/string-attribute-input.svelte generated by Svelte v3.55.1 */
 
-function create_default_slot$9(ctx) {
+function create_default_slot$a(ctx) {
 	let policies_1;
 	let current;
 
@@ -27739,7 +27836,7 @@ function create_default_slot$9(ctx) {
 	};
 }
 
-function create_fragment$e(ctx) {
+function create_fragment$f(ctx) {
 	let input;
 	let current;
 
@@ -27757,7 +27854,7 @@ function create_fragment$e(ctx) {
 				type: /*type*/ ctx[7],
 				showMessage: !!/*isInvalid*/ ctx[8],
 				value: /*previousValue*/ ctx[6],
-				$$slots: { default: [create_default_slot$9] },
+				$$slots: { default: [create_default_slot$a] },
 				$$scope: { ctx }
 			}
 		});
@@ -27807,7 +27904,7 @@ function create_fragment$e(ctx) {
 	};
 }
 
-function instance$e($$self, $$props, $$invalidate) {
+function instance$f($$self, $$props, $$invalidate) {
 	const selfSubmitFunction = null;
 	const stepMetadata = null;
 	const style = {};
@@ -27887,7 +27984,7 @@ class String_attribute_input extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$e, create_fragment$e, safe_not_equal, {
+		init(this, options, instance$f, create_fragment$f, safe_not_equal, {
 			selfSubmitFunction: 10,
 			stepMetadata: 11,
 			style: 12,
@@ -27911,7 +28008,7 @@ class String_attribute_input extends SvelteComponent {
 
 /* src/lib/components/primitives/link/link.svelte generated by Svelte v3.55.1 */
 
-function create_fragment$d(ctx) {
+function create_fragment$e(ctx) {
 	let a;
 	let a_class_value;
 	let current;
@@ -27979,7 +28076,7 @@ function create_fragment$d(ctx) {
 	};
 }
 
-function instance$d($$self, $$props, $$invalidate) {
+function instance$e($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { classes = '' } = $$props;
 	let { href } = $$props;
@@ -27998,7 +28095,7 @@ function instance$d($$self, $$props, $$invalidate) {
 class Link extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$d, create_fragment$d, safe_not_equal, { classes: 0, href: 1, target: 2 });
+		init(this, options, instance$e, create_fragment$e, safe_not_equal, { classes: 0, href: 1, target: 2 });
 	}
 }
 
@@ -28045,7 +28142,7 @@ function create_else_block$2(ctx) {
 }
 
 // (43:0) {#if $links?.termsAndConditions}
-function create_if_block$5(ctx) {
+function create_if_block$6(ctx) {
 	let link;
 	let t;
 	let checkbox;
@@ -28056,7 +28153,7 @@ function create_if_block$5(ctx) {
 				classes: "tw_block tw_mb-4",
 				href: /*$links*/ ctx[2]?.termsAndConditions,
 				target: "_blank",
-				$$slots: { default: [create_default_slot_1$4] },
+				$$slots: { default: [create_default_slot_1$5] },
 				$$scope: { ctx }
 			}
 		});
@@ -28067,7 +28164,7 @@ function create_if_block$5(ctx) {
 				key: /*inputName*/ ctx[1],
 				onChange: /*setValue*/ ctx[4],
 				value: false,
-				$$slots: { default: [create_default_slot$8] },
+				$$slots: { default: [create_default_slot$9] },
 				$$scope: { ctx }
 			}
 		});
@@ -28123,7 +28220,7 @@ function create_if_block$5(ctx) {
 }
 
 // (44:2) <Link classes="tw_block tw_mb-4" href={$links?.termsAndConditions} target="_blank">
-function create_default_slot_1$4(ctx) {
+function create_default_slot_1$5(ctx) {
 	let t_value = interpolate('termsAndConditionsLinkText') + "";
 	let t;
 
@@ -28142,7 +28239,7 @@ function create_default_slot_1$4(ctx) {
 }
 
 // (47:2) <Checkbox     isFirstInvalidInput={callbackMetadata?.derived.isFirstInvalidInput || false}     key={inputName}     onChange={setValue}     value={false}   >
-function create_default_slot$8(ctx) {
+function create_default_slot$9(ctx) {
 	let t;
 	let current;
 	t = new Locale_strings({ props: { key: "termsAndConditions" } });
@@ -28171,12 +28268,12 @@ function create_default_slot$8(ctx) {
 	};
 }
 
-function create_fragment$c(ctx) {
+function create_fragment$d(ctx) {
 	let current_block_type_index;
 	let if_block;
 	let if_block_anchor;
 	let current;
-	const if_block_creators = [create_if_block$5, create_else_block$2];
+	const if_block_creators = [create_if_block$6, create_else_block$2];
 	const if_blocks = [];
 
 	function select_block_type(ctx, dirty) {
@@ -28240,7 +28337,7 @@ function create_fragment$c(ctx) {
 	};
 }
 
-function instance$c($$self, $$props, $$invalidate) {
+function instance$d($$self, $$props, $$invalidate) {
 	let $links;
 	component_subscribe($$self, links, $$value => $$invalidate(2, $links = $$value));
 	const selfSubmitFunction = null;
@@ -28308,7 +28405,7 @@ class Terms_conditions extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$c, create_fragment$c, safe_not_equal, {
+		init(this, options, instance$d, create_fragment$d, safe_not_equal, {
 			selfSubmitFunction: 5,
 			stepMetadata: 6,
 			style: 7,
@@ -28333,7 +28430,7 @@ class Terms_conditions extends SvelteComponent {
 
 /* src/lib/journey/callbacks/text-output/text-output.svelte generated by Svelte v3.55.1 */
 
-function create_default_slot$7(ctx) {
+function create_default_slot$8(ctx) {
 	let html_tag;
 	let html_anchor;
 
@@ -28357,14 +28454,14 @@ function create_default_slot$7(ctx) {
 	};
 }
 
-function create_fragment$b(ctx) {
+function create_fragment$c(ctx) {
 	let text_1;
 	let current;
 
 	text_1 = new Text({
 			props: {
 				classes: "tw_font-bold tw_mt-6",
-				$$slots: { default: [create_default_slot$7] },
+				$$slots: { default: [create_default_slot$8] },
 				$$scope: { ctx }
 			}
 		});
@@ -28401,7 +28498,7 @@ function create_fragment$b(ctx) {
 	};
 }
 
-function instance$b($$self, $$props, $$invalidate) {
+function instance$c($$self, $$props, $$invalidate) {
 	const callbackMetadata = null;
 	const selfSubmitFunction = null;
 	const stepMetadata = null;
@@ -28438,7 +28535,7 @@ class Text_output extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$b, create_fragment$b, safe_not_equal, {
+		init(this, options, instance$c, create_fragment$c, safe_not_equal, {
 			callbackMetadata: 1,
 			selfSubmitFunction: 2,
 			stepMetadata: 3,
@@ -28466,7 +28563,7 @@ class Text_output extends SvelteComponent {
 
 /* src/lib/journey/callbacks/unknown/unknown.svelte generated by Svelte v3.55.1 */
 
-function create_fragment$a(ctx) {
+function create_fragment$b(ctx) {
 	let p;
 
 	return {
@@ -28487,7 +28584,7 @@ function create_fragment$a(ctx) {
 	};
 }
 
-function instance$a($$self, $$props, $$invalidate) {
+function instance$b($$self, $$props, $$invalidate) {
 	const callbackMetadata = null;
 	const selfSubmitFunction = null;
 	const stepMetadata = null;
@@ -28506,7 +28603,7 @@ class Unknown extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$a, create_fragment$a, safe_not_equal, {
+		init(this, options, instance$b, create_fragment$b, safe_not_equal, {
 			callbackMetadata: 1,
 			selfSubmitFunction: 2,
 			stepMetadata: 3,
@@ -28534,7 +28631,7 @@ class Unknown extends SvelteComponent {
 
 /* src/lib/journey/callbacks/password/validated-create-password.svelte generated by Svelte v3.55.1 */
 
-function create_default_slot$6(ctx) {
+function create_default_slot$7(ctx) {
 	let policies;
 	let current;
 
@@ -28575,7 +28672,7 @@ function create_default_slot$6(ctx) {
 	};
 }
 
-function create_fragment$9(ctx) {
+function create_fragment$a(ctx) {
 	let base;
 	let current;
 
@@ -28588,7 +28685,7 @@ function create_fragment$9(ctx) {
 				key: /*inputName*/ ctx[4],
 				showMessage: /*isInvalid*/ ctx[5],
 				style: /*style*/ ctx[2],
-				$$slots: { default: [create_default_slot$6] },
+				$$slots: { default: [create_default_slot$7] },
 				$$scope: { ctx }
 			}
 		});
@@ -28631,7 +28728,7 @@ function create_fragment$9(ctx) {
 	};
 }
 
-function instance$9($$self, $$props, $$invalidate) {
+function instance$a($$self, $$props, $$invalidate) {
 	const selfSubmitFunction = null;
 	const stepMetadata = null;
 	let { callback } = $$props;
@@ -28683,7 +28780,7 @@ class Validated_create_password extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$9, create_fragment$9, safe_not_equal, {
+		init(this, options, instance$a, create_fragment$a, safe_not_equal, {
 			selfSubmitFunction: 7,
 			stepMetadata: 8,
 			callback: 0,
@@ -28703,7 +28800,7 @@ class Validated_create_password extends SvelteComponent {
 
 /* src/lib/journey/callbacks/username/validated-create-username.svelte generated by Svelte v3.55.1 */
 
-function create_default_slot$5(ctx) {
+function create_default_slot$6(ctx) {
 	let policies;
 	let current;
 
@@ -28746,7 +28843,7 @@ function create_default_slot$5(ctx) {
 	};
 }
 
-function create_fragment$8(ctx) {
+function create_fragment$9(ctx) {
 	let input;
 	let current;
 
@@ -28766,7 +28863,7 @@ function create_fragment$8(ctx) {
 				value: typeof /*value*/ ctx[7] === 'string'
 				? /*value*/ ctx[7]
 				: '',
-				$$slots: { default: [create_default_slot$5] },
+				$$slots: { default: [create_default_slot$6] },
 				$$scope: { ctx }
 			}
 		});
@@ -28816,7 +28913,7 @@ function create_fragment$8(ctx) {
 	};
 }
 
-function instance$8($$self, $$props, $$invalidate) {
+function instance$9($$self, $$props, $$invalidate) {
 	const selfSubmitFunction = null;
 	const stepMetadata = null;
 	let { callback } = $$props;
@@ -28888,7 +28985,7 @@ class Validated_create_username extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$8, create_fragment$8, safe_not_equal, {
+		init(this, options, instance$9, create_fragment$9, safe_not_equal, {
 			selfSubmitFunction: 10,
 			stepMetadata: 11,
 			callback: 0,
@@ -29715,7 +29812,7 @@ function create_if_block_3$1(ctx) {
 }
 
 // (114:55) 
-function create_if_block_2$4(ctx) {
+function create_if_block_2$5(ctx) {
 	let confirmation;
 	let current;
 	const confirmation_spread_levels = [/*newProps*/ ctx[19]];
@@ -29758,7 +29855,7 @@ function create_if_block_2$4(ctx) {
 }
 
 // (108:49) 
-function create_if_block_1$4(ctx) {
+function create_if_block_1$5(ctx) {
 	let choice;
 	let current;
 	const choice_spread_levels = [/*newProps*/ ctx[19]];
@@ -29801,7 +29898,7 @@ function create_if_block_1$4(ctx) {
 }
 
 // (102:0) {#if cbType === CallbackType.BooleanAttributeInputCallback}
-function create_if_block$4(ctx) {
+function create_if_block$5(ctx) {
 	let boolean;
 	let current;
 	const boolean_spread_levels = [/*newProps*/ ctx[19]];
@@ -29843,16 +29940,16 @@ function create_if_block$4(ctx) {
 	};
 }
 
-function create_fragment$7(ctx) {
+function create_fragment$8(ctx) {
 	let current_block_type_index;
 	let if_block;
 	let if_block_anchor;
 	let current;
 
 	const if_block_creators = [
-		create_if_block$4,
-		create_if_block_1$4,
-		create_if_block_2$4,
+		create_if_block$5,
+		create_if_block_1$5,
+		create_if_block_2$5,
 		create_if_block_3$1,
 		create_if_block_4,
 		create_if_block_5,
@@ -29967,7 +30064,7 @@ function create_fragment$7(ctx) {
 	};
 }
 
-function instance$7($$self, $$props, $$invalidate) {
+function instance$8($$self, $$props, $$invalidate) {
 	let { props } = $$props;
 	let cbType;
 	let _BooleanAttributeInputCallback;
@@ -30079,13 +30176,13 @@ function instance$7($$self, $$props, $$invalidate) {
 class Callback_mapper extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$7, create_fragment$7, safe_not_equal, { props: 0 });
+		init(this, options, instance$8, create_fragment$8, safe_not_equal, { props: 0 });
 	}
 }
 
 /* src/lib/journey/stages/generic.svelte generated by Svelte v3.55.1 */
 
-function get_each_context$2(ctx, list, i) {
+function get_each_context$3(ctx, list, i) {
 	const child_ctx = ctx.slice();
 	child_ctx[15] = list[i];
 	child_ctx[17] = i;
@@ -30093,7 +30190,7 @@ function get_each_context$2(ctx, list, i) {
 }
 
 // (71:2) {#if form?.icon}
-function create_if_block_2$3(ctx) {
+function create_if_block_2$4(ctx) {
 	let div;
 	let shieldicon;
 	let current;
@@ -30133,7 +30230,7 @@ function create_if_block_2$3(ctx) {
 }
 
 // (87:2) {#if form?.message}
-function create_if_block_1$3(ctx) {
+function create_if_block_1$4(ctx) {
 	let alert;
 	let current;
 
@@ -30142,7 +30239,7 @@ function create_if_block_1$3(ctx) {
 				id: formFailureMessageId,
 				needsFocus: /*alertNeedsFocus*/ ctx[5],
 				type: "error",
-				$$slots: { default: [create_default_slot_2$2] },
+				$$slots: { default: [create_default_slot_2$3] },
 				$$scope: { ctx }
 			}
 		});
@@ -30181,7 +30278,7 @@ function create_if_block_1$3(ctx) {
 }
 
 // (88:4) <Alert id={formFailureMessageId} needsFocus={alertNeedsFocus} type="error">
-function create_default_slot_2$2(ctx) {
+function create_default_slot_2$3(ctx) {
 	let t_value = interpolate(/*formMessageKey*/ ctx[6], null, /*form*/ ctx[1]?.message) + "";
 	let t;
 
@@ -30202,7 +30299,7 @@ function create_default_slot_2$2(ctx) {
 }
 
 // (93:2) {#each step?.callbacks as callback, idx}
-function create_each_block$2(ctx) {
+function create_each_block$3(ctx) {
 	let callbackmapper;
 	let current;
 
@@ -30255,7 +30352,7 @@ function create_each_block$2(ctx) {
 }
 
 // (105:2) {#if metadata?.step?.derived.isUserInputOptional || !metadata?.step?.derived.isStepSelfSubmittable}
-function create_if_block$3(ctx) {
+function create_if_block$4(ctx) {
 	let button;
 	let current;
 
@@ -30265,7 +30362,7 @@ function create_if_block$3(ctx) {
 				style: "primary",
 				type: "submit",
 				width: "full",
-				$$slots: { default: [create_default_slot_1$3] },
+				$$slots: { default: [create_default_slot_1$4] },
 				$$scope: { ctx }
 			}
 		});
@@ -30304,7 +30401,7 @@ function create_if_block$3(ctx) {
 }
 
 // (106:4) <Button busy={journey?.loading} style="primary" type="submit" width="full">
-function create_default_slot_1$3(ctx) {
+function create_default_slot_1$4(ctx) {
 	let t;
 	let current;
 	t = new Locale_strings({ props: { key: "nextButton" } });
@@ -30334,7 +30431,7 @@ function create_default_slot_1$3(ctx) {
 }
 
 // (64:0) <Form   bind:formEl   ariaDescribedBy={formAriaDescriptor}   id={formElementId}   needsFocus={formNeedsFocus}   onSubmitWhenValid={submitFormWrapper} >
-function create_default_slot$4(ctx) {
+function create_default_slot$5(ctx) {
 	let t0;
 	let header;
 	let h1;
@@ -30348,7 +30445,7 @@ function create_default_slot$4(ctx) {
 	let t5;
 	let backto;
 	let current;
-	let if_block0 = /*form*/ ctx[1]?.icon && create_if_block_2$3();
+	let if_block0 = /*form*/ ctx[1]?.icon && create_if_block_2$4();
 
 	sanitize0 = new Server_strings({
 			props: {
@@ -30364,19 +30461,19 @@ function create_default_slot$4(ctx) {
 			}
 		});
 
-	let if_block1 = /*form*/ ctx[1]?.message && create_if_block_1$3(ctx);
+	let if_block1 = /*form*/ ctx[1]?.message && create_if_block_1$4(ctx);
 	let each_value = /*step*/ ctx[4]?.callbacks;
 	let each_blocks = [];
 
 	for (let i = 0; i < each_value.length; i += 1) {
-		each_blocks[i] = create_each_block$2(get_each_context$2(ctx, each_value, i));
+		each_blocks[i] = create_each_block$3(get_each_context$3(ctx, each_value, i));
 	}
 
 	const out = i => transition_out(each_blocks[i], 1, 1, () => {
 		each_blocks[i] = null;
 	});
 
-	let if_block2 = (/*metadata*/ ctx[3]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[3]?.step?.derived.isStepSelfSubmittable) && create_if_block$3(ctx);
+	let if_block2 = (/*metadata*/ ctx[3]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[3]?.step?.derived.isStepSelfSubmittable) && create_if_block$4(ctx);
 	backto = new Back_to({ props: { journey: /*journey*/ ctx[2] } });
 
 	return {
@@ -30436,7 +30533,7 @@ function create_default_slot$4(ctx) {
 						transition_in(if_block0, 1);
 					}
 				} else {
-					if_block0 = create_if_block_2$3();
+					if_block0 = create_if_block_2$4();
 					if_block0.c();
 					transition_in(if_block0, 1);
 					if_block0.m(t0.parentNode, t0);
@@ -30466,7 +30563,7 @@ function create_default_slot$4(ctx) {
 						transition_in(if_block1, 1);
 					}
 				} else {
-					if_block1 = create_if_block_1$3(ctx);
+					if_block1 = create_if_block_1$4(ctx);
 					if_block1.c();
 					transition_in(if_block1, 1);
 					if_block1.m(t3.parentNode, t3);
@@ -30486,13 +30583,13 @@ function create_default_slot$4(ctx) {
 				let i;
 
 				for (i = 0; i < each_value.length; i += 1) {
-					const child_ctx = get_each_context$2(ctx, each_value, i);
+					const child_ctx = get_each_context$3(ctx, each_value, i);
 
 					if (each_blocks[i]) {
 						each_blocks[i].p(child_ctx, dirty);
 						transition_in(each_blocks[i], 1);
 					} else {
-						each_blocks[i] = create_each_block$2(child_ctx);
+						each_blocks[i] = create_each_block$3(child_ctx);
 						each_blocks[i].c();
 						transition_in(each_blocks[i], 1);
 						each_blocks[i].m(t4.parentNode, t4);
@@ -30516,7 +30613,7 @@ function create_default_slot$4(ctx) {
 						transition_in(if_block2, 1);
 					}
 				} else {
-					if_block2 = create_if_block$3(ctx);
+					if_block2 = create_if_block$4(ctx);
 					if_block2.c();
 					transition_in(if_block2, 1);
 					if_block2.m(t5.parentNode, t5);
@@ -30584,7 +30681,7 @@ function create_default_slot$4(ctx) {
 	};
 }
 
-function create_fragment$6(ctx) {
+function create_fragment$7(ctx) {
 	let form_1;
 	let updating_formEl;
 	let current;
@@ -30598,7 +30695,7 @@ function create_fragment$6(ctx) {
 		id: formElementId,
 		needsFocus: /*formNeedsFocus*/ ctx[8],
 		onSubmitWhenValid: /*submitFormWrapper*/ ctx[12],
-		$$slots: { default: [create_default_slot$4] },
+		$$slots: { default: [create_default_slot$5] },
 		$$scope: { ctx }
 	};
 
@@ -30653,7 +30750,7 @@ const formFailureMessageId = 'genericStepFailureMessage';
 const formHeaderId = 'genericStepHeader';
 const formElementId = 'genericStepForm';
 
-function instance$6($$self, $$props, $$invalidate) {
+function instance$7($$self, $$props, $$invalidate) {
 	let $style;
 	component_subscribe($$self, style, $$value => $$invalidate(10, $style = $$value));
 	let { form } = $$props;
@@ -30748,7 +30845,7 @@ class Generic extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$6, create_fragment$6, safe_not_equal, {
+		init(this, options, instance$7, create_fragment$7, safe_not_equal, {
 			form: 1,
 			formEl: 0,
 			journey: 2,
@@ -30758,9 +30855,9 @@ class Generic extends SvelteComponent {
 	}
 }
 
-/* src/lib/components/icons/new-user-icon.svelte generated by Svelte v3.55.1 */
+/* src/lib/components/icons/key-icon.svelte generated by Svelte v3.55.1 */
 
-function create_fragment$5(ctx) {
+function create_fragment$6(ctx) {
 	let svg;
 	let path0;
 	let path1;
@@ -30778,12 +30875,12 @@ function create_fragment$5(ctx) {
 			if (default_slot) default_slot.c();
 			attr(path0, "d", "M0 0h24v24H0z");
 			attr(path0, "fill", "none");
-			attr(path1, "d", "M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm-9-2V7H4v3H1v2h3v3h2v-3h3v-2H6zm9 4c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z");
+			attr(path1, "d", "M12.65 10C11.83 7.67 9.61 6 7 6c-3.31 0-6 2.69-6 6s2.69 6 6 6c2.61 0 4.83-1.67 5.65-4H17v4h4v-4h2v-4H12.65zM7 14c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z");
 			attr(svg, "class", /*classes*/ ctx[0]);
-			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
 			attr(svg, "height", /*size*/ ctx[1]);
-			attr(svg, "viewBox", "0 0 24 24");
 			attr(svg, "width", /*size*/ ctx[1]);
+			attr(svg, "viewBox", "0 0 24 24");
+			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
 		},
 		m(target, anchor) {
 			insert(target, svg, anchor);
@@ -30841,7 +30938,7 @@ function create_fragment$5(ctx) {
 	};
 }
 
-function instance$5($$self, $$props, $$invalidate) {
+function instance$6($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { classes = '' } = $$props;
 	let { size = '24px' } = $$props;
@@ -30855,29 +30952,29 @@ function instance$5($$self, $$props, $$invalidate) {
 	return [classes, size, $$scope, slots];
 }
 
-class New_user_icon extends SvelteComponent {
+class Key_icon extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$5, create_fragment$5, safe_not_equal, { classes: 0, size: 1 });
+		init(this, options, instance$6, create_fragment$6, safe_not_equal, { classes: 0, size: 1 });
 	}
 }
 
-/* src/lib/journey/stages/registration.svelte generated by Svelte v3.55.1 */
+/* src/lib/journey/stages/one-time-password.svelte generated by Svelte v3.55.1 */
 
-function get_each_context$1(ctx, list, i) {
+function get_each_context$2(ctx, list, i) {
 	const child_ctx = ctx.slice();
-	child_ctx[12] = list[i];
-	child_ctx[14] = i;
+	child_ctx[10] = list[i];
+	child_ctx[12] = i;
 	return child_ctx;
 }
 
-// (44:2) {#if form?.icon}
-function create_if_block_2$2(ctx) {
+// (39:2) {#if form?.icon}
+function create_if_block_2$3(ctx) {
 	let div;
-	let newusericon;
+	let keyicon;
 	let current;
 
-	newusericon = new New_user_icon({
+	keyicon = new Key_icon({
 			props: {
 				classes: "tw_text-gray-400 tw_fill-current",
 				size: "72px"
@@ -30887,32 +30984,32 @@ function create_if_block_2$2(ctx) {
 	return {
 		c() {
 			div = element("div");
-			create_component(newusericon.$$.fragment);
+			create_component(keyicon.$$.fragment);
 			attr(div, "class", "tw_flex tw_justify-center");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
-			mount_component(newusericon, div, null);
+			mount_component(keyicon, div, null);
 			current = true;
 		},
 		i(local) {
 			if (current) return;
-			transition_in(newusericon.$$.fragment, local);
+			transition_in(keyicon.$$.fragment, local);
 			current = true;
 		},
 		o(local) {
-			transition_out(newusericon.$$.fragment, local);
+			transition_out(keyicon.$$.fragment, local);
 			current = false;
 		},
 		d(detaching) {
 			if (detaching) detach(div);
-			destroy_component(newusericon);
+			destroy_component(keyicon);
 		}
 	};
 }
 
-// (59:2) {#if form.message}
-function create_if_block_1$2(ctx) {
+// (53:2) {#if form?.message}
+function create_if_block_1$3(ctx) {
 	let alert;
 	let current;
 
@@ -30921,7 +31018,7 @@ function create_if_block_1$2(ctx) {
 				id: "formFailureMessageAlert",
 				needsFocus: /*alertNeedsFocus*/ ctx[5],
 				type: "error",
-				$$slots: { default: [create_default_slot_2$1] },
+				$$slots: { default: [create_default_slot_2$2] },
 				$$scope: { ctx }
 			}
 		});
@@ -30938,7 +31035,7 @@ function create_if_block_1$2(ctx) {
 			const alert_changes = {};
 			if (dirty & /*alertNeedsFocus*/ 32) alert_changes.needsFocus = /*alertNeedsFocus*/ ctx[5];
 
-			if (dirty & /*$$scope, formMessageKey, form*/ 32834) {
+			if (dirty & /*$$scope, formMessageKey, form*/ 8258) {
 				alert_changes.$$scope = { dirty, ctx };
 			}
 
@@ -30959,8 +31056,8 @@ function create_if_block_1$2(ctx) {
 	};
 }
 
-// (60:4) <Alert id="formFailureMessageAlert" needsFocus={alertNeedsFocus} type="error">
-function create_default_slot_2$1(ctx) {
+// (54:4) <Alert id="formFailureMessageAlert" needsFocus={alertNeedsFocus} type="error">
+function create_default_slot_2$2(ctx) {
 	let t_value = interpolate(/*formMessageKey*/ ctx[6], null, /*form*/ ctx[1]?.message) + "";
 	let t;
 
@@ -30980,19 +31077,19 @@ function create_default_slot_2$1(ctx) {
 	};
 }
 
-// (65:2) {#each step?.callbacks as callback, idx}
-function create_each_block$1(ctx) {
+// (59:2) {#each step?.callbacks as callback, idx}
+function create_each_block$2(ctx) {
 	let callbackmapper;
 	let current;
 
 	callbackmapper = new Callback_mapper({
 			props: {
 				props: {
-					callback: /*callback*/ ctx[12],
-					callbackMetadata: /*metadata*/ ctx[3]?.callbacks[/*idx*/ ctx[14]],
-					selfSubmitFunction: /*determineSubmission*/ ctx[9],
+					callback: /*callback*/ ctx[10],
+					callbackMetadata: /*metadata*/ ctx[3]?.callbacks[/*idx*/ ctx[12]],
+					selfSubmitFunction: /*determineSubmission*/ ctx[8],
 					stepMetadata: /*metadata*/ ctx[3]?.step && { .../*metadata*/ ctx[3].step },
-					style: /*$style*/ ctx[8]
+					style: /*$style*/ ctx[7]
 				}
 			}
 		});
@@ -31008,12 +31105,12 @@ function create_each_block$1(ctx) {
 		p(ctx, dirty) {
 			const callbackmapper_changes = {};
 
-			if (dirty & /*step, metadata, $style*/ 280) callbackmapper_changes.props = {
-				callback: /*callback*/ ctx[12],
-				callbackMetadata: /*metadata*/ ctx[3]?.callbacks[/*idx*/ ctx[14]],
-				selfSubmitFunction: /*determineSubmission*/ ctx[9],
+			if (dirty & /*step, metadata, $style*/ 152) callbackmapper_changes.props = {
+				callback: /*callback*/ ctx[10],
+				callbackMetadata: /*metadata*/ ctx[3]?.callbacks[/*idx*/ ctx[12]],
+				selfSubmitFunction: /*determineSubmission*/ ctx[8],
 				stepMetadata: /*metadata*/ ctx[3]?.step && { .../*metadata*/ ctx[3].step },
-				style: /*$style*/ ctx[8]
+				style: /*$style*/ ctx[7]
 			};
 
 			callbackmapper.$set(callbackmapper_changes);
@@ -31033,8 +31130,8 @@ function create_each_block$1(ctx) {
 	};
 }
 
-// (77:2) {#if metadata?.step?.derived.isUserInputOptional || !metadata?.step?.derived.isStepSelfSubmittable}
-function create_if_block$2(ctx) {
+// (71:2) {#if metadata?.step?.derived.isUserInputOptional || !metadata?.step?.derived.isStepSelfSubmittable}
+function create_if_block$3(ctx) {
 	let button;
 	let current;
 
@@ -31044,7 +31141,7 @@ function create_if_block$2(ctx) {
 				style: "primary",
 				type: "submit",
 				width: "full",
-				$$slots: { default: [create_default_slot_1$2] },
+				$$slots: { default: [create_default_slot_1$3] },
 				$$scope: { ctx }
 			}
 		});
@@ -31061,7 +31158,7 @@ function create_if_block$2(ctx) {
 			const button_changes = {};
 			if (dirty & /*journey*/ 4) button_changes.busy = /*journey*/ ctx[2]?.loading;
 
-			if (dirty & /*$$scope*/ 32768) {
+			if (dirty & /*$$scope*/ 8192) {
 				button_changes.$$scope = { dirty, ctx };
 			}
 
@@ -31082,11 +31179,11 @@ function create_if_block$2(ctx) {
 	};
 }
 
-// (78:4) <Button busy={journey?.loading} style="primary" type="submit" width="full">
-function create_default_slot_1$2(ctx) {
+// (72:4) <Button busy={journey?.loading} style="primary" type="submit" width="full">
+function create_default_slot_1$3(ctx) {
 	let t;
 	let current;
-	t = new Locale_strings({ props: { key: "registerButton" } });
+	t = new Locale_strings({ props: { key: "loginButton" } });
 
 	return {
 		c() {
@@ -31112,8 +31209,8 @@ function create_default_slot_1$2(ctx) {
 	};
 }
 
-// (43:0) <Form bind:formEl ariaDescribedBy="formFailureMessageAlert" onSubmitWhenValid={form?.submit}>
-function create_default_slot$3(ctx) {
+// (38:0) <Form bind:formEl ariaDescribedBy="formFailureMessageAlert" onSubmitWhenValid={form?.submit}>
+function create_default_slot$4(ctx) {
 	let t0;
 	let h1;
 	let t1;
@@ -31125,26 +31222,29 @@ function create_default_slot$3(ctx) {
 	let t6;
 	let if_block2_anchor;
 	let current;
-	let if_block0 = /*form*/ ctx[1]?.icon && create_if_block_2$2();
-	t1 = new Locale_strings({ props: { key: "registerHeader" } });
+	let if_block0 = /*form*/ ctx[1]?.icon && create_if_block_2$3();
+
+	t1 = new Locale_strings({
+			props: { key: "twoFactorAuthentication" }
+		});
 
 	t3 = new Locale_strings({
-			props: { key: "alreadyHaveAnAccount", html: true }
+			props: { key: "useTheAuthenticatorAppOnYourPhone" }
 		});
 
-	let if_block1 = /*form*/ ctx[1].message && create_if_block_1$2(ctx);
+	let if_block1 = /*form*/ ctx[1]?.message && create_if_block_1$3(ctx);
 	let each_value = /*step*/ ctx[4]?.callbacks;
 	let each_blocks = [];
 
 	for (let i = 0; i < each_value.length; i += 1) {
-		each_blocks[i] = create_each_block$1(get_each_context$1(ctx, each_value, i));
+		each_blocks[i] = create_each_block$2(get_each_context$2(ctx, each_value, i));
 	}
 
 	const out = i => transition_out(each_blocks[i], 1, 1, () => {
 		each_blocks[i] = null;
 	});
 
-	let if_block2 = (/*metadata*/ ctx[3]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[3]?.step?.derived.isStepSelfSubmittable) && create_if_block$2(ctx);
+	let if_block2 = (/*metadata*/ ctx[3]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[3]?.step?.derived.isStepSelfSubmittable) && create_if_block$3(ctx);
 
 	return {
 		c() {
@@ -31167,7 +31267,7 @@ function create_default_slot$3(ctx) {
 			if (if_block2) if_block2.c();
 			if_block2_anchor = empty();
 			attr(h1, "class", "tw_primary-header dark:tw_primary-header_dark");
-			attr(p, "class", "tw_text-base tw_text-center tw_-mt-5 tw_mb-2 tw_py-4 tw_text-secondary-dark dark:tw_text-secondary-light");
+			attr(p, "class", "tw_text-center tw_text-sm tw_-mt-5 tw_mb-2 tw_py-4 tw_text-secondary-dark dark:tw_text-secondary-light");
 		},
 		m(target, anchor) {
 			if (if_block0) if_block0.m(target, anchor);
@@ -31177,7 +31277,6 @@ function create_default_slot$3(ctx) {
 			insert(target, t2, anchor);
 			insert(target, p, anchor);
 			mount_component(t3, p, null);
-			/*p_binding*/ ctx[10](p);
 			insert(target, t4, anchor);
 			if (if_block1) if_block1.m(target, anchor);
 			insert(target, t5, anchor);
@@ -31198,7 +31297,7 @@ function create_default_slot$3(ctx) {
 						transition_in(if_block0, 1);
 					}
 				} else {
-					if_block0 = create_if_block_2$2();
+					if_block0 = create_if_block_2$3();
 					if_block0.c();
 					transition_in(if_block0, 1);
 					if_block0.m(t0.parentNode, t0);
@@ -31213,7 +31312,7 @@ function create_default_slot$3(ctx) {
 				check_outros();
 			}
 
-			if (/*form*/ ctx[1].message) {
+			if (/*form*/ ctx[1]?.message) {
 				if (if_block1) {
 					if_block1.p(ctx, dirty);
 
@@ -31221,7 +31320,7 @@ function create_default_slot$3(ctx) {
 						transition_in(if_block1, 1);
 					}
 				} else {
-					if_block1 = create_if_block_1$2(ctx);
+					if_block1 = create_if_block_1$3(ctx);
 					if_block1.c();
 					transition_in(if_block1, 1);
 					if_block1.m(t5.parentNode, t5);
@@ -31236,18 +31335,18 @@ function create_default_slot$3(ctx) {
 				check_outros();
 			}
 
-			if (dirty & /*step, metadata, determineSubmission, $style*/ 792) {
+			if (dirty & /*step, metadata, determineSubmission, $style*/ 408) {
 				each_value = /*step*/ ctx[4]?.callbacks;
 				let i;
 
 				for (i = 0; i < each_value.length; i += 1) {
-					const child_ctx = get_each_context$1(ctx, each_value, i);
+					const child_ctx = get_each_context$2(ctx, each_value, i);
 
 					if (each_blocks[i]) {
 						each_blocks[i].p(child_ctx, dirty);
 						transition_in(each_blocks[i], 1);
 					} else {
-						each_blocks[i] = create_each_block$1(child_ctx);
+						each_blocks[i] = create_each_block$2(child_ctx);
 						each_blocks[i].c();
 						transition_in(each_blocks[i], 1);
 						each_blocks[i].m(t6.parentNode, t6);
@@ -31271,7 +31370,7 @@ function create_default_slot$3(ctx) {
 						transition_in(if_block2, 1);
 					}
 				} else {
-					if_block2 = create_if_block$2(ctx);
+					if_block2 = create_if_block$3(ctx);
 					if_block2.c();
 					transition_in(if_block2, 1);
 					if_block2.m(if_block2_anchor.parentNode, if_block2_anchor);
@@ -31322,7 +31421,6 @@ function create_default_slot$3(ctx) {
 			if (detaching) detach(t2);
 			if (detaching) detach(p);
 			destroy_component(t3);
-			/*p_binding*/ ctx[10](null);
 			if (detaching) detach(t4);
 			if (if_block1) if_block1.d(detaching);
 			if (detaching) detach(t5);
@@ -31334,19 +31432,19 @@ function create_default_slot$3(ctx) {
 	};
 }
 
-function create_fragment$4(ctx) {
+function create_fragment$5(ctx) {
 	let form_1;
 	let updating_formEl;
 	let current;
 
 	function form_1_formEl_binding(value) {
-		/*form_1_formEl_binding*/ ctx[11](value);
+		/*form_1_formEl_binding*/ ctx[9](value);
 	}
 
 	let form_1_props = {
 		ariaDescribedBy: "formFailureMessageAlert",
 		onSubmitWhenValid: /*form*/ ctx[1]?.submit,
-		$$slots: { default: [create_default_slot$3] },
+		$$slots: { default: [create_default_slot$4] },
 		$$scope: { ctx }
 	};
 
@@ -31369,7 +31467,7 @@ function create_fragment$4(ctx) {
 			const form_1_changes = {};
 			if (dirty & /*form*/ 2) form_1_changes.onSubmitWhenValid = /*form*/ ctx[1]?.submit;
 
-			if (dirty & /*$$scope, journey, metadata, step, $style, alertNeedsFocus, formMessageKey, form, linkWrapper*/ 33278) {
+			if (dirty & /*$$scope, journey, metadata, step, $style, alertNeedsFocus, formMessageKey, form*/ 8446) {
 				form_1_changes.$$scope = { dirty, ctx };
 			}
 
@@ -31396,9 +31494,9 @@ function create_fragment$4(ctx) {
 	};
 }
 
-function instance$4($$self, $$props, $$invalidate) {
+function instance$5($$self, $$props, $$invalidate) {
 	let $style;
-	component_subscribe($$self, style, $$value => $$invalidate(8, $style = $$value));
+	component_subscribe($$self, style, $$value => $$invalidate(7, $style = $$value));
 	let { form } = $$props;
 	let { formEl = null } = $$props;
 	let { journey } = $$props;
@@ -31406,7 +31504,6 @@ function instance$4($$self, $$props, $$invalidate) {
 	let { step } = $$props;
 	let alertNeedsFocus = false;
 	let formMessageKey = '';
-	let linkWrapper;
 
 	function determineSubmission() {
 		// TODO: the below is more strict; all self-submitting cbs have to complete before submitting
@@ -31421,15 +31518,6 @@ function instance$4($$self, $$props, $$invalidate) {
 		$$invalidate(5, alertNeedsFocus = !!form?.message);
 	});
 
-	onMount(() => captureLinks(linkWrapper, journey));
-
-	function p_binding($$value) {
-		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
-			linkWrapper = $$value;
-			$$invalidate(7, linkWrapper);
-		});
-	}
-
 	function form_1_formEl_binding(value) {
 		formEl = value;
 		$$invalidate(0, formEl);
@@ -31459,19 +31547,17 @@ function instance$4($$self, $$props, $$invalidate) {
 		step,
 		alertNeedsFocus,
 		formMessageKey,
-		linkWrapper,
 		$style,
 		determineSubmission,
-		p_binding,
 		form_1_formEl_binding
 	];
 }
 
-class Registration extends SvelteComponent {
+class One_time_password extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$4, create_fragment$4, safe_not_equal, {
+		init(this, options, instance$5, create_fragment$5, safe_not_equal, {
 			form: 1,
 			formEl: 0,
 			journey: 2,
@@ -31481,9 +31567,9 @@ class Registration extends SvelteComponent {
 	}
 }
 
-/* src/lib/components/icons/key-icon.svelte generated by Svelte v3.55.1 */
+/* src/lib/components/icons/new-user-icon.svelte generated by Svelte v3.55.1 */
 
-function create_fragment$3(ctx) {
+function create_fragment$4(ctx) {
 	let svg;
 	let path0;
 	let path1;
@@ -31501,12 +31587,12 @@ function create_fragment$3(ctx) {
 			if (default_slot) default_slot.c();
 			attr(path0, "d", "M0 0h24v24H0z");
 			attr(path0, "fill", "none");
-			attr(path1, "d", "M12.65 10C11.83 7.67 9.61 6 7 6c-3.31 0-6 2.69-6 6s2.69 6 6 6c2.61 0 4.83-1.67 5.65-4H17v4h4v-4h2v-4H12.65zM7 14c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z");
+			attr(path1, "d", "M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm-9-2V7H4v3H1v2h3v3h2v-3h3v-2H6zm9 4c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z");
 			attr(svg, "class", /*classes*/ ctx[0]);
+			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
 			attr(svg, "height", /*size*/ ctx[1]);
-			attr(svg, "width", /*size*/ ctx[1]);
 			attr(svg, "viewBox", "0 0 24 24");
-			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+			attr(svg, "width", /*size*/ ctx[1]);
 		},
 		m(target, anchor) {
 			insert(target, svg, anchor);
@@ -31564,7 +31650,7 @@ function create_fragment$3(ctx) {
 	};
 }
 
-function instance$3($$self, $$props, $$invalidate) {
+function instance$4($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { classes = '' } = $$props;
 	let { size = '24px' } = $$props;
@@ -31578,10 +31664,629 @@ function instance$3($$self, $$props, $$invalidate) {
 	return [classes, size, $$scope, slots];
 }
 
-class Key_icon extends SvelteComponent {
+class New_user_icon extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$3, create_fragment$3, safe_not_equal, { classes: 0, size: 1 });
+		init(this, options, instance$4, create_fragment$4, safe_not_equal, { classes: 0, size: 1 });
+	}
+}
+
+/* src/lib/journey/stages/registration.svelte generated by Svelte v3.55.1 */
+
+function get_each_context$1(ctx, list, i) {
+	const child_ctx = ctx.slice();
+	child_ctx[12] = list[i];
+	child_ctx[14] = i;
+	return child_ctx;
+}
+
+// (44:2) {#if form?.icon}
+function create_if_block_2$2(ctx) {
+	let div;
+	let newusericon;
+	let current;
+
+	newusericon = new New_user_icon({
+			props: {
+				classes: "tw_text-gray-400 tw_fill-current",
+				size: "72px"
+			}
+		});
+
+	return {
+		c() {
+			div = element("div");
+			create_component(newusericon.$$.fragment);
+			attr(div, "class", "tw_flex tw_justify-center");
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+			mount_component(newusericon, div, null);
+			current = true;
+		},
+		i(local) {
+			if (current) return;
+			transition_in(newusericon.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(newusericon.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(div);
+			destroy_component(newusericon);
+		}
+	};
+}
+
+// (59:2) {#if form.message}
+function create_if_block_1$2(ctx) {
+	let alert;
+	let current;
+
+	alert = new Alert({
+			props: {
+				id: "formFailureMessageAlert",
+				needsFocus: /*alertNeedsFocus*/ ctx[5],
+				type: "error",
+				$$slots: { default: [create_default_slot_2$1] },
+				$$scope: { ctx }
+			}
+		});
+
+	return {
+		c() {
+			create_component(alert.$$.fragment);
+		},
+		m(target, anchor) {
+			mount_component(alert, target, anchor);
+			current = true;
+		},
+		p(ctx, dirty) {
+			const alert_changes = {};
+			if (dirty & /*alertNeedsFocus*/ 32) alert_changes.needsFocus = /*alertNeedsFocus*/ ctx[5];
+
+			if (dirty & /*$$scope, formMessageKey, form*/ 32834) {
+				alert_changes.$$scope = { dirty, ctx };
+			}
+
+			alert.$set(alert_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(alert.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(alert.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			destroy_component(alert, detaching);
+		}
+	};
+}
+
+// (60:4) <Alert id="formFailureMessageAlert" needsFocus={alertNeedsFocus} type="error">
+function create_default_slot_2$1(ctx) {
+	let t_value = interpolate(/*formMessageKey*/ ctx[6], null, /*form*/ ctx[1]?.message) + "";
+	let t;
+
+	return {
+		c() {
+			t = text(t_value);
+		},
+		m(target, anchor) {
+			insert(target, t, anchor);
+		},
+		p(ctx, dirty) {
+			if (dirty & /*formMessageKey, form*/ 66 && t_value !== (t_value = interpolate(/*formMessageKey*/ ctx[6], null, /*form*/ ctx[1]?.message) + "")) set_data(t, t_value);
+		},
+		d(detaching) {
+			if (detaching) detach(t);
+		}
+	};
+}
+
+// (65:2) {#each step?.callbacks as callback, idx}
+function create_each_block$1(ctx) {
+	let callbackmapper;
+	let current;
+
+	callbackmapper = new Callback_mapper({
+			props: {
+				props: {
+					callback: /*callback*/ ctx[12],
+					callbackMetadata: /*metadata*/ ctx[3]?.callbacks[/*idx*/ ctx[14]],
+					selfSubmitFunction: /*determineSubmission*/ ctx[9],
+					stepMetadata: /*metadata*/ ctx[3]?.step && { .../*metadata*/ ctx[3].step },
+					style: /*$style*/ ctx[8]
+				}
+			}
+		});
+
+	return {
+		c() {
+			create_component(callbackmapper.$$.fragment);
+		},
+		m(target, anchor) {
+			mount_component(callbackmapper, target, anchor);
+			current = true;
+		},
+		p(ctx, dirty) {
+			const callbackmapper_changes = {};
+
+			if (dirty & /*step, metadata, $style*/ 280) callbackmapper_changes.props = {
+				callback: /*callback*/ ctx[12],
+				callbackMetadata: /*metadata*/ ctx[3]?.callbacks[/*idx*/ ctx[14]],
+				selfSubmitFunction: /*determineSubmission*/ ctx[9],
+				stepMetadata: /*metadata*/ ctx[3]?.step && { .../*metadata*/ ctx[3].step },
+				style: /*$style*/ ctx[8]
+			};
+
+			callbackmapper.$set(callbackmapper_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(callbackmapper.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(callbackmapper.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			destroy_component(callbackmapper, detaching);
+		}
+	};
+}
+
+// (77:2) {#if metadata?.step?.derived.isUserInputOptional || !metadata?.step?.derived.isStepSelfSubmittable}
+function create_if_block$2(ctx) {
+	let button;
+	let current;
+
+	button = new Button({
+			props: {
+				busy: /*journey*/ ctx[2]?.loading,
+				style: "primary",
+				type: "submit",
+				width: "full",
+				$$slots: { default: [create_default_slot_1$2] },
+				$$scope: { ctx }
+			}
+		});
+
+	return {
+		c() {
+			create_component(button.$$.fragment);
+		},
+		m(target, anchor) {
+			mount_component(button, target, anchor);
+			current = true;
+		},
+		p(ctx, dirty) {
+			const button_changes = {};
+			if (dirty & /*journey*/ 4) button_changes.busy = /*journey*/ ctx[2]?.loading;
+
+			if (dirty & /*$$scope*/ 32768) {
+				button_changes.$$scope = { dirty, ctx };
+			}
+
+			button.$set(button_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(button.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(button.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			destroy_component(button, detaching);
+		}
+	};
+}
+
+// (78:4) <Button busy={journey?.loading} style="primary" type="submit" width="full">
+function create_default_slot_1$2(ctx) {
+	let t;
+	let current;
+	t = new Locale_strings({ props: { key: "registerButton" } });
+
+	return {
+		c() {
+			create_component(t.$$.fragment);
+		},
+		m(target, anchor) {
+			mount_component(t, target, anchor);
+			current = true;
+		},
+		p: noop,
+		i(local) {
+			if (current) return;
+			transition_in(t.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(t.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			destroy_component(t, detaching);
+		}
+	};
+}
+
+// (43:0) <Form bind:formEl ariaDescribedBy="formFailureMessageAlert" onSubmitWhenValid={form?.submit}>
+function create_default_slot$3(ctx) {
+	let t0;
+	let h1;
+	let t1;
+	let t2;
+	let p;
+	let t3;
+	let t4;
+	let t5;
+	let t6;
+	let if_block2_anchor;
+	let current;
+	let if_block0 = /*form*/ ctx[1]?.icon && create_if_block_2$2();
+	t1 = new Locale_strings({ props: { key: "registerHeader" } });
+
+	t3 = new Locale_strings({
+			props: { key: "alreadyHaveAnAccount", html: true }
+		});
+
+	let if_block1 = /*form*/ ctx[1].message && create_if_block_1$2(ctx);
+	let each_value = /*step*/ ctx[4]?.callbacks;
+	let each_blocks = [];
+
+	for (let i = 0; i < each_value.length; i += 1) {
+		each_blocks[i] = create_each_block$1(get_each_context$1(ctx, each_value, i));
+	}
+
+	const out = i => transition_out(each_blocks[i], 1, 1, () => {
+		each_blocks[i] = null;
+	});
+
+	let if_block2 = (/*metadata*/ ctx[3]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[3]?.step?.derived.isStepSelfSubmittable) && create_if_block$2(ctx);
+
+	return {
+		c() {
+			if (if_block0) if_block0.c();
+			t0 = space();
+			h1 = element("h1");
+			create_component(t1.$$.fragment);
+			t2 = space();
+			p = element("p");
+			create_component(t3.$$.fragment);
+			t4 = space();
+			if (if_block1) if_block1.c();
+			t5 = space();
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].c();
+			}
+
+			t6 = space();
+			if (if_block2) if_block2.c();
+			if_block2_anchor = empty();
+			attr(h1, "class", "tw_primary-header dark:tw_primary-header_dark");
+			attr(p, "class", "tw_text-base tw_text-center tw_-mt-5 tw_mb-2 tw_py-4 tw_text-secondary-dark dark:tw_text-secondary-light");
+		},
+		m(target, anchor) {
+			if (if_block0) if_block0.m(target, anchor);
+			insert(target, t0, anchor);
+			insert(target, h1, anchor);
+			mount_component(t1, h1, null);
+			insert(target, t2, anchor);
+			insert(target, p, anchor);
+			mount_component(t3, p, null);
+			/*p_binding*/ ctx[10](p);
+			insert(target, t4, anchor);
+			if (if_block1) if_block1.m(target, anchor);
+			insert(target, t5, anchor);
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].m(target, anchor);
+			}
+
+			insert(target, t6, anchor);
+			if (if_block2) if_block2.m(target, anchor);
+			insert(target, if_block2_anchor, anchor);
+			current = true;
+		},
+		p(ctx, dirty) {
+			if (/*form*/ ctx[1]?.icon) {
+				if (if_block0) {
+					if (dirty & /*form*/ 2) {
+						transition_in(if_block0, 1);
+					}
+				} else {
+					if_block0 = create_if_block_2$2();
+					if_block0.c();
+					transition_in(if_block0, 1);
+					if_block0.m(t0.parentNode, t0);
+				}
+			} else if (if_block0) {
+				group_outros();
+
+				transition_out(if_block0, 1, 1, () => {
+					if_block0 = null;
+				});
+
+				check_outros();
+			}
+
+			if (/*form*/ ctx[1].message) {
+				if (if_block1) {
+					if_block1.p(ctx, dirty);
+
+					if (dirty & /*form*/ 2) {
+						transition_in(if_block1, 1);
+					}
+				} else {
+					if_block1 = create_if_block_1$2(ctx);
+					if_block1.c();
+					transition_in(if_block1, 1);
+					if_block1.m(t5.parentNode, t5);
+				}
+			} else if (if_block1) {
+				group_outros();
+
+				transition_out(if_block1, 1, 1, () => {
+					if_block1 = null;
+				});
+
+				check_outros();
+			}
+
+			if (dirty & /*step, metadata, determineSubmission, $style*/ 792) {
+				each_value = /*step*/ ctx[4]?.callbacks;
+				let i;
+
+				for (i = 0; i < each_value.length; i += 1) {
+					const child_ctx = get_each_context$1(ctx, each_value, i);
+
+					if (each_blocks[i]) {
+						each_blocks[i].p(child_ctx, dirty);
+						transition_in(each_blocks[i], 1);
+					} else {
+						each_blocks[i] = create_each_block$1(child_ctx);
+						each_blocks[i].c();
+						transition_in(each_blocks[i], 1);
+						each_blocks[i].m(t6.parentNode, t6);
+					}
+				}
+
+				group_outros();
+
+				for (i = each_value.length; i < each_blocks.length; i += 1) {
+					out(i);
+				}
+
+				check_outros();
+			}
+
+			if (/*metadata*/ ctx[3]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[3]?.step?.derived.isStepSelfSubmittable) {
+				if (if_block2) {
+					if_block2.p(ctx, dirty);
+
+					if (dirty & /*metadata*/ 8) {
+						transition_in(if_block2, 1);
+					}
+				} else {
+					if_block2 = create_if_block$2(ctx);
+					if_block2.c();
+					transition_in(if_block2, 1);
+					if_block2.m(if_block2_anchor.parentNode, if_block2_anchor);
+				}
+			} else if (if_block2) {
+				group_outros();
+
+				transition_out(if_block2, 1, 1, () => {
+					if_block2 = null;
+				});
+
+				check_outros();
+			}
+		},
+		i(local) {
+			if (current) return;
+			transition_in(if_block0);
+			transition_in(t1.$$.fragment, local);
+			transition_in(t3.$$.fragment, local);
+			transition_in(if_block1);
+
+			for (let i = 0; i < each_value.length; i += 1) {
+				transition_in(each_blocks[i]);
+			}
+
+			transition_in(if_block2);
+			current = true;
+		},
+		o(local) {
+			transition_out(if_block0);
+			transition_out(t1.$$.fragment, local);
+			transition_out(t3.$$.fragment, local);
+			transition_out(if_block1);
+			each_blocks = each_blocks.filter(Boolean);
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				transition_out(each_blocks[i]);
+			}
+
+			transition_out(if_block2);
+			current = false;
+		},
+		d(detaching) {
+			if (if_block0) if_block0.d(detaching);
+			if (detaching) detach(t0);
+			if (detaching) detach(h1);
+			destroy_component(t1);
+			if (detaching) detach(t2);
+			if (detaching) detach(p);
+			destroy_component(t3);
+			/*p_binding*/ ctx[10](null);
+			if (detaching) detach(t4);
+			if (if_block1) if_block1.d(detaching);
+			if (detaching) detach(t5);
+			destroy_each(each_blocks, detaching);
+			if (detaching) detach(t6);
+			if (if_block2) if_block2.d(detaching);
+			if (detaching) detach(if_block2_anchor);
+		}
+	};
+}
+
+function create_fragment$3(ctx) {
+	let form_1;
+	let updating_formEl;
+	let current;
+
+	function form_1_formEl_binding(value) {
+		/*form_1_formEl_binding*/ ctx[11](value);
+	}
+
+	let form_1_props = {
+		ariaDescribedBy: "formFailureMessageAlert",
+		onSubmitWhenValid: /*form*/ ctx[1]?.submit,
+		$$slots: { default: [create_default_slot$3] },
+		$$scope: { ctx }
+	};
+
+	if (/*formEl*/ ctx[0] !== void 0) {
+		form_1_props.formEl = /*formEl*/ ctx[0];
+	}
+
+	form_1 = new Form({ props: form_1_props });
+	binding_callbacks.push(() => bind(form_1, 'formEl', form_1_formEl_binding));
+
+	return {
+		c() {
+			create_component(form_1.$$.fragment);
+		},
+		m(target, anchor) {
+			mount_component(form_1, target, anchor);
+			current = true;
+		},
+		p(ctx, [dirty]) {
+			const form_1_changes = {};
+			if (dirty & /*form*/ 2) form_1_changes.onSubmitWhenValid = /*form*/ ctx[1]?.submit;
+
+			if (dirty & /*$$scope, journey, metadata, step, $style, alertNeedsFocus, formMessageKey, form, linkWrapper*/ 33278) {
+				form_1_changes.$$scope = { dirty, ctx };
+			}
+
+			if (!updating_formEl && dirty & /*formEl*/ 1) {
+				updating_formEl = true;
+				form_1_changes.formEl = /*formEl*/ ctx[0];
+				add_flush_callback(() => updating_formEl = false);
+			}
+
+			form_1.$set(form_1_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(form_1.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(form_1.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			destroy_component(form_1, detaching);
+		}
+	};
+}
+
+function instance$3($$self, $$props, $$invalidate) {
+	let $style;
+	component_subscribe($$self, style, $$value => $$invalidate(8, $style = $$value));
+	let { form } = $$props;
+	let { formEl = null } = $$props;
+	let { journey } = $$props;
+	let { metadata } = $$props;
+	let { step } = $$props;
+	let alertNeedsFocus = false;
+	let formMessageKey = '';
+	let linkWrapper;
+
+	function determineSubmission() {
+		// TODO: the below is more strict; all self-submitting cbs have to complete before submitting
+		// if (stepMetadata.isStepSelfSubmittable && isStepReadyToSubmit(callbackMetadataArray)) {
+		// The below variation is more liberal first self-submittable cb to call this wins.
+		if (metadata?.step?.derived.isStepSelfSubmittable) {
+			form?.submit();
+		}
+	}
+
+	afterUpdate(() => {
+		$$invalidate(5, alertNeedsFocus = !!form?.message);
+	});
+
+	onMount(() => captureLinks(linkWrapper, journey));
+
+	function p_binding($$value) {
+		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
+			linkWrapper = $$value;
+			$$invalidate(7, linkWrapper);
+		});
+	}
+
+	function form_1_formEl_binding(value) {
+		formEl = value;
+		$$invalidate(0, formEl);
+	}
+
+	$$self.$$set = $$props => {
+		if ('form' in $$props) $$invalidate(1, form = $$props.form);
+		if ('formEl' in $$props) $$invalidate(0, formEl = $$props.formEl);
+		if ('journey' in $$props) $$invalidate(2, journey = $$props.journey);
+		if ('metadata' in $$props) $$invalidate(3, metadata = $$props.metadata);
+		if ('step' in $$props) $$invalidate(4, step = $$props.step);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*form*/ 2) {
+			{
+				$$invalidate(6, formMessageKey = convertStringToKey(form?.message));
+			}
+		}
+	};
+
+	return [
+		formEl,
+		form,
+		journey,
+		metadata,
+		step,
+		alertNeedsFocus,
+		formMessageKey,
+		linkWrapper,
+		$style,
+		determineSubmission,
+		p_binding,
+		form_1_formEl_binding
+	];
+}
+
+class Registration extends SvelteComponent {
+	constructor(options) {
+		super();
+
+		init(this, options, instance$3, create_fragment$3, safe_not_equal, {
+			form: 1,
+			formEl: 0,
+			journey: 2,
+			metadata: 3,
+			step: 4
+		});
 	}
 }
 
@@ -32263,6 +32968,8 @@ function mapStepToStage(currentStep) {
         return Generic;
     }
     switch (currentStep?.getStage && currentStep.getStage()) {
+        case 'OneTimePassword':
+            return One_time_password;
         case 'Registration':
             return Registration;
         case 'UsernamePassword':
@@ -32961,7 +33668,7 @@ function create_default_slot(ctx) {
 	}
 
 	let journey_1_props = {
-		displayIcon: /*style*/ ctx[0]?.stage?.icon ?? !/*style*/ ctx[0]?.logo,
+		displayIcon: /*style*/ ctx[0]?.stage?.icon || !/*style*/ ctx[0]?.logo,
 		journeyStore: api.getJourneyStore()
 	};
 
@@ -32982,7 +33689,7 @@ function create_default_slot(ctx) {
 		},
 		p(ctx, dirty) {
 			const journey_1_changes = {};
-			if (dirty & /*style*/ 1) journey_1_changes.displayIcon = /*style*/ ctx[0]?.stage?.icon ?? !/*style*/ ctx[0]?.logo;
+			if (dirty & /*style*/ 1) journey_1_changes.displayIcon = /*style*/ ctx[0]?.stage?.icon || !/*style*/ ctx[0]?.logo;
 
 			if (!updating_formEl && dirty & /*formEl*/ 8) {
 				updating_formEl = true;
@@ -33092,9 +33799,9 @@ const api = widgetApiFactory({
 	onMount(fn) {
 		callMounted = (dialog, form) => fn(dialog, form);
 	},
-	open(options) {
+	open(options, forceRestart) {
 		// If journey does not have a step, start the journey
-		if (!get_store_value(api.getJourneyStore()).step) {
+		if (!get_store_value(api.getJourneyStore()).step || forceRestart) {
 			journey.start(options);
 		}