@forgerock/login-widget 1.0.2-beta.3 → 1.1.0-beta.1

package/index.js

@@ -3589,7 +3589,7 @@ var __generator$l = (undefined && undefined.__generator) || function (thisArg, b
  * });
  * ```
  */
-/** @class */ ((function (_super) {
+var FRDevice = /** @class */ (function (_super) {
     __extends$l(FRDevice, _super);
     function FRDevice(config) {
         var _this = _super.call(this) || this;
@@ -3783,7 +3783,7 @@ var __generator$l = (undefined && undefined.__generator) || function (thisArg, b
         }
     };
     return FRDevice;
-})(Collector));
+}(Collector));
 
 /*
  * @forgerock/javascript-sdk
@@ -17434,7 +17434,7 @@ function buildStepMetadata(callbackMetadataArray, stageJson, stageName) {
     }
     return {
         derived: {
-            isStepSelfSubmittable: isStepSelfSubmittable(callbackMetadataArray, userInputOptional),
+            isStepSelfSubmittable: () => isStepSelfSubmittable(callbackMetadataArray, userInputOptional),
             isUserInputOptional: userInputOptional,
             numOfCallbacks: callbackMetadataArray.length,
             numOfSelfSubmittableCbs: callbackMetadataArray.filter((cb) => !!cb.derived.isSelfSubmitting)
@@ -18399,7 +18399,7 @@ function create_else_block$a(ctx) {
 }
 
 // (11:0) {#if html}
-function create_if_block$n(ctx) {
+function create_if_block$o(ctx) {
 	let current;
 	const default_slot_template = /*#slots*/ ctx[5].default;
 	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[4], null);
@@ -18496,12 +18496,12 @@ function fallback_block$2(ctx) {
 	};
 }
 
-function create_fragment$Z(ctx) {
+function create_fragment$_(ctx) {
 	let current_block_type_index;
 	let if_block;
 	let if_block_anchor;
 	let current;
-	const if_block_creators = [create_if_block$n, create_else_block$a];
+	const if_block_creators = [create_if_block$o, create_else_block$a];
 	const if_blocks = [];
 
 	function select_block_type(ctx, dirty) {
@@ -18565,7 +18565,7 @@ function create_fragment$Z(ctx) {
 	};
 }
 
-function instance$_($$self, $$props, $$invalidate) {
+function instance$$($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { html = false } = $$props;
 	let { key } = $$props;
@@ -18593,13 +18593,13 @@ function instance$_($$self, $$props, $$invalidate) {
 class Locale_strings extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$_, create_fragment$Z, safe_not_equal, { html: 0, key: 2, values: 3 });
+		init(this, options, instance$$, create_fragment$_, 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$Y(ctx) {
+function create_fragment$Z(ctx) {
 	let svg;
 	let path;
 	let title;
@@ -18675,7 +18675,7 @@ function create_fragment$Y(ctx) {
 	};
 }
 
-function instance$Z($$self, $$props, $$invalidate) {
+function instance$_($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { classes = '' } = $$props;
 	let { size = '24px' } = $$props;
@@ -18692,7 +18692,7 @@ function instance$Z($$self, $$props, $$invalidate) {
 class X_icon extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$Z, create_fragment$Y, safe_not_equal, { classes: 0, size: 1 });
+		init(this, options, instance$_, create_fragment$Z, safe_not_equal, { classes: 0, size: 1 });
 	}
 }
 
@@ -18797,7 +18797,7 @@ function create_else_block$9(ctx) {
 }
 
 // (39:2) {#if withHeader}
-function create_if_block$m(ctx) {
+function create_if_block$n(ctx) {
 	let div1;
 	let div0;
 	let div0_style_value;
@@ -18811,7 +18811,7 @@ function create_if_block$m(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$q] },
+				$$slots: { default: [create_default_slot$r] },
 				$$scope: { ctx }
 			}
 		});
@@ -18944,7 +18944,7 @@ function create_if_block_1$c(ctx) {
 }
 
 // (55:8) <XIcon           classes="tw_inline-block tw_fill-current tw_text-secondary-dark dark:tw_text-secondary-light"           >
-function create_default_slot$q(ctx) {
+function create_default_slot$r(ctx) {
 	let t;
 	let current;
 	t = new Locale_strings({ props: { key: "closeModal" } });
@@ -18973,7 +18973,7 @@ function create_default_slot$q(ctx) {
 	};
 }
 
-function create_fragment$X(ctx) {
+function create_fragment$Y(ctx) {
 	let dialog;
 	let current_block_type_index;
 	let if_block;
@@ -18981,7 +18981,7 @@ function create_fragment$X(ctx) {
 	let div;
 	let dialog_class_value;
 	let current;
-	const if_block_creators = [create_if_block$m, create_else_block$9];
+	const if_block_creators = [create_if_block$n, create_else_block$9];
 	const if_blocks = [];
 
 	function select_block_type(ctx, dirty) {
@@ -19093,7 +19093,7 @@ function create_fragment$X(ctx) {
 	};
 }
 
-function instance$Y($$self, $$props, $$invalidate) {
+function instance$Z($$self, $$props, $$invalidate) {
 	let $styleStore;
 	component_subscribe($$self, styleStore, $$value => $$invalidate(5, $styleStore = $$value));
 	let { $$slots: slots = {}, $$scope } = $$props;
@@ -19167,7 +19167,7 @@ class Dialog 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, {
 			dialogEl: 0,
 			dialogId: 1,
 			forceOpen: 2,
@@ -19183,7 +19183,7 @@ class Dialog extends SvelteComponent {
 
 /* src/lib/components/icons/alert-icon.svelte generated by Svelte v3.55.1 */
 
-function create_fragment$W(ctx) {
+function create_fragment$X(ctx) {
 	let svg;
 	let path;
 	let title;
@@ -19259,7 +19259,7 @@ function create_fragment$W(ctx) {
 	};
 }
 
-function instance$X($$self, $$props, $$invalidate) {
+function instance$Y($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { classes = '' } = $$props;
 	let { size = '24px' } = $$props;
@@ -19276,13 +19276,13 @@ function instance$X($$self, $$props, $$invalidate) {
 class Alert_icon extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$X, create_fragment$W, safe_not_equal, { classes: 0, size: 1 });
+		init(this, options, instance$Y, create_fragment$X, safe_not_equal, { classes: 0, size: 1 });
 	}
 }
 
 /* src/lib/components/icons/info-icon.svelte generated by Svelte v3.55.1 */
 
-function create_fragment$V(ctx) {
+function create_fragment$W(ctx) {
 	let svg;
 	let path;
 	let title;
@@ -19358,7 +19358,7 @@ function create_fragment$V(ctx) {
 	};
 }
 
-function instance$W($$self, $$props, $$invalidate) {
+function instance$X($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { classes = '' } = $$props;
 	let { size = '24px' } = $$props;
@@ -19375,13 +19375,13 @@ function instance$W($$self, $$props, $$invalidate) {
 class Info_icon extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$W, create_fragment$V, safe_not_equal, { classes: 0, size: 1 });
+		init(this, options, instance$X, create_fragment$W, safe_not_equal, { classes: 0, size: 1 });
 	}
 }
 
 /* src/lib/components/icons/warning-icon.svelte generated by Svelte v3.55.1 */
 
-function create_fragment$U(ctx) {
+function create_fragment$V(ctx) {
 	let svg;
 	let path;
 	let title;
@@ -19457,7 +19457,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;
@@ -19474,7 +19474,7 @@ function instance$V($$self, $$props, $$invalidate) {
 class Warning_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 });
 	}
 }
 
@@ -19538,7 +19538,7 @@ function create_if_block_1$b(ctx) {
 }
 
 // (41:4) {#if type === 'error'}
-function create_if_block$l(ctx) {
+function create_if_block$m(ctx) {
 	let alerticon;
 	let current;
 	alerticon = new Alert_icon({});
@@ -19566,7 +19566,7 @@ function create_if_block$l(ctx) {
 	};
 }
 
-function create_fragment$T(ctx) {
+function create_fragment$U(ctx) {
 	let div;
 	let p;
 	let current_block_type_index;
@@ -19575,7 +19575,7 @@ function create_fragment$T(ctx) {
 	let span;
 	let div_class_value;
 	let current;
-	const if_block_creators = [create_if_block$l, create_if_block_1$b, create_else_block$8];
+	const if_block_creators = [create_if_block$m, create_if_block_1$b, create_else_block$8];
 	const if_blocks = [];
 
 	function select_block_type(ctx, dirty) {
@@ -19702,7 +19702,7 @@ function generateClassString$3(...args) {
 	);
 }
 
-function instance$U($$self, $$props, $$invalidate) {
+function instance$V($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { id } = $$props;
 	let { needsFocus = false } = $$props;
@@ -19739,13 +19739,13 @@ function instance$U($$self, $$props, $$invalidate) {
 class Alert extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$U, create_fragment$T, safe_not_equal, { id: 0, needsFocus: 3, type: 1 });
+		init(this, options, instance$V, create_fragment$U, 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$S(ctx) {
+function create_fragment$T(ctx) {
 	let div;
 	let span;
 	let t;
@@ -19789,7 +19789,7 @@ function create_fragment$S(ctx) {
 	};
 }
 
-function instance$T($$self, $$props, $$invalidate) {
+function instance$U($$self, $$props, $$invalidate) {
 	let { colorClass } = $$props;
 	let { layoutClasses } = $$props;
 
@@ -19804,13 +19804,13 @@ function instance$T($$self, $$props, $$invalidate) {
 class Spinner extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$T, create_fragment$S, safe_not_equal, { colorClass: 0, layoutClasses: 1 });
+		init(this, options, instance$U, create_fragment$T, safe_not_equal, { colorClass: 0, layoutClasses: 1 });
 	}
 }
 
 /* src/lib/components/primitives/button/button.svelte generated by Svelte v3.55.1 */
 
-function create_if_block$k(ctx) {
+function create_if_block$l(ctx) {
 	let spinner;
 	let current;
 
@@ -19861,14 +19861,14 @@ function fallback_block$1(ctx) {
 	};
 }
 
-function create_fragment$R(ctx) {
+function create_fragment$S(ctx) {
 	let button;
 	let t;
 	let button_class_value;
 	let current;
 	let mounted;
 	let dispose;
-	let if_block = /*busy*/ ctx[0] && create_if_block$k();
+	let if_block = /*busy*/ ctx[0] && create_if_block$l();
 	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();
@@ -19910,7 +19910,7 @@ function create_fragment$R(ctx) {
 						transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$k();
+					if_block = create_if_block$l();
 					if_block.c();
 					transition_in(if_block, 1);
 					if_block.m(button, t);
@@ -19991,7 +19991,7 @@ function generateClassString$2(...args) {
 	);
 }
 
-function instance$S($$self, $$props, $$invalidate) {
+function instance$T($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { busy = false } = $$props;
 	let { classes = '' } = $$props;
@@ -20021,7 +20021,7 @@ class Button extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$S, create_fragment$R, safe_not_equal, {
+		init(this, options, instance$T, create_fragment$S, safe_not_equal, {
 			busy: 0,
 			classes: 1,
 			onClick: 2,
@@ -20034,7 +20034,7 @@ class Button extends SvelteComponent {
 
 /* src/lib/components/primitives/form/form.svelte generated by Svelte v3.55.1 */
 
-function create_fragment$Q(ctx) {
+function create_fragment$R(ctx) {
 	let form;
 	let form_class_value;
 	let current;
@@ -20121,7 +20121,7 @@ function create_fragment$Q(ctx) {
 	};
 }
 
-function instance$R($$self, $$props, $$invalidate) {
+function instance$S($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { ariaDescribedBy } = $$props;
 	let { formEl = null } = $$props;
@@ -20249,7 +20249,7 @@ class Form extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$R, create_fragment$Q, safe_not_equal, {
+		init(this, options, instance$S, create_fragment$R, safe_not_equal, {
 			ariaDescribedBy: 1,
 			formEl: 0,
 			id: 2,
@@ -20314,7 +20314,7 @@ function create_else_block$7(ctx) {
 }
 
 // (10:0) {#if html}
-function create_if_block$j(ctx) {
+function create_if_block$k(ctx) {
 	let current;
 	const default_slot_template = /*#slots*/ ctx[4].default;
 	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[3], null);
@@ -20411,12 +20411,12 @@ function fallback_block(ctx) {
 	};
 }
 
-function create_fragment$P(ctx) {
+function create_fragment$Q(ctx) {
 	let current_block_type_index;
 	let if_block;
 	let if_block_anchor;
 	let current;
-	const if_block_creators = [create_if_block$j, create_else_block$7];
+	const if_block_creators = [create_if_block$k, create_else_block$7];
 	const if_blocks = [];
 
 	function select_block_type(ctx, dirty) {
@@ -20480,7 +20480,7 @@ function create_fragment$P(ctx) {
 	};
 }
 
-function instance$Q($$self, $$props, $$invalidate) {
+function instance$R($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { html = false } = $$props;
 	let { string } = $$props;
@@ -20506,13 +20506,13 @@ function instance$Q($$self, $$props, $$invalidate) {
 class Server_strings extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$Q, create_fragment$P, safe_not_equal, { html: 0, string: 2 });
+		init(this, options, instance$R, create_fragment$Q, safe_not_equal, { html: 0, string: 2 });
 	}
 }
 
 /* src/lib/components/icons/shield-icon.svelte generated by Svelte v3.55.1 */
 
-function create_fragment$O(ctx) {
+function create_fragment$P(ctx) {
 	let svg;
 	let path;
 	let title;
@@ -20588,7 +20588,7 @@ function create_fragment$O(ctx) {
 	};
 }
 
-function instance$P($$self, $$props, $$invalidate) {
+function instance$Q($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { classes = '' } = $$props;
 	let { size = '24px' } = $$props;
@@ -20605,13 +20605,13 @@ function instance$P($$self, $$props, $$invalidate) {
 class Shield_icon extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$P, create_fragment$O, safe_not_equal, { classes: 0, size: 1 });
+		init(this, options, instance$Q, create_fragment$P, safe_not_equal, { classes: 0, size: 1 });
 	}
 }
 
 /* src/lib/journey/stages/_utilities/back-to.svelte generated by Svelte v3.55.1 */
 
-function create_if_block$i(ctx) {
+function create_if_block$j(ctx) {
 	let p;
 	let button;
 	let t_value = interpolate(/*string*/ ctx[1]) + "";
@@ -20647,9 +20647,9 @@ function create_if_block$i(ctx) {
 	};
 }
 
-function create_fragment$N(ctx) {
+function create_fragment$O(ctx) {
 	let if_block_anchor;
-	let if_block = /*$stack*/ ctx[2].length > 1 && create_if_block$i(ctx);
+	let if_block = /*$stack*/ ctx[2].length > 1 && create_if_block$j(ctx);
 
 	return {
 		c() {
@@ -20665,7 +20665,7 @@ function create_fragment$N(ctx) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
 				} else {
-					if_block = create_if_block$i(ctx);
+					if_block = create_if_block$j(ctx);
 					if_block.c();
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
 				}
@@ -20683,7 +20683,7 @@ function create_fragment$N(ctx) {
 	};
 }
 
-function instance$O($$self, $$props, $$invalidate) {
+function instance$P($$self, $$props, $$invalidate) {
 	let $stack;
 	let $configuredJourneysStore;
 	component_subscribe($$self, configuredJourneysStore, $$value => $$invalidate(5, $configuredJourneysStore = $$value));
@@ -20724,7 +20724,7 @@ function instance$O($$self, $$props, $$invalidate) {
 class Back_to extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$O, create_fragment$N, safe_not_equal, { journey: 0 });
+		init(this, options, instance$P, create_fragment$O, safe_not_equal, { journey: 0 });
 	}
 }
 
@@ -21188,7 +21188,7 @@ function getAttributeValidationFailureText(callback) {
 
 /* src/lib/components/primitives/message/input-message.svelte generated by Svelte v3.55.1 */
 
-function create_if_block$h(ctx) {
+function create_if_block$i(ctx) {
 	let p;
 	let p_class_value;
 	let p_id_value;
@@ -21219,9 +21219,9 @@ function create_if_block$h(ctx) {
 	};
 }
 
-function create_fragment$M(ctx) {
+function create_fragment$N(ctx) {
 	let if_block_anchor;
-	let if_block = /*dirtyMessage*/ ctx[1] && create_if_block$h(ctx);
+	let if_block = /*dirtyMessage*/ ctx[1] && create_if_block$i(ctx);
 
 	return {
 		c() {
@@ -21237,7 +21237,7 @@ function create_fragment$M(ctx) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
 				} else {
-					if_block = create_if_block$h(ctx);
+					if_block = create_if_block$i(ctx);
 					if_block.c();
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
 				}
@@ -21269,7 +21269,7 @@ function generateClassString$1(...args) {
 	);
 }
 
-function instance$N($$self, $$props, $$invalidate) {
+function instance$O($$self, $$props, $$invalidate) {
 	let { classes = '' } = $$props;
 	let { dirtyMessage } = $$props;
 	let { key = undefined } = $$props;
@@ -21300,7 +21300,7 @@ class Input_message 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, {
 			classes: 0,
 			dirtyMessage: 1,
 			key: 2,
@@ -21312,7 +21312,7 @@ class Input_message extends SvelteComponent {
 
 /* src/lib/components/primitives/label/label.svelte generated by Svelte v3.55.1 */
 
-function create_fragment$L(ctx) {
+function create_fragment$M(ctx) {
 	let label;
 	let label_class_value;
 	let current;
@@ -21375,7 +21375,7 @@ function create_fragment$L(ctx) {
 	};
 }
 
-function instance$M($$self, $$props, $$invalidate) {
+function instance$N($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { key } = $$props;
 	let { classes = '' } = $$props;
@@ -21392,13 +21392,13 @@ function instance$M($$self, $$props, $$invalidate) {
 class Label extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$M, create_fragment$L, safe_not_equal, { key: 0, classes: 1 });
+		init(this, options, instance$N, create_fragment$M, safe_not_equal, { key: 0, classes: 1 });
 	}
 }
 
 /* src/lib/components/compositions/checkbox/animated.svelte generated by Svelte v3.55.1 */
 
-function create_default_slot$p(ctx) {
+function create_default_slot$q(ctx) {
 	let span;
 	let t;
 	let current;
@@ -21455,7 +21455,7 @@ function create_default_slot$p(ctx) {
 	};
 }
 
-function create_fragment$K(ctx) {
+function create_fragment$L(ctx) {
 	let div1;
 	let input;
 	let input_data_message_value;
@@ -21472,7 +21472,7 @@ function create_fragment$K(ctx) {
 			props: {
 				key: /*key*/ ctx[3],
 				classes: "tw_grid tw_grid-cols-[2.5em_1fr] tw_relative",
-				$$slots: { default: [create_default_slot$p] },
+				$$slots: { default: [create_default_slot$q] },
 				$$scope: { ctx }
 			}
 		});
@@ -21579,7 +21579,7 @@ function create_fragment$K(ctx) {
 	};
 }
 
-function instance$L($$self, $$props, $$invalidate) {
+function instance$M($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { checkValidity = null } = $$props;
 	let { message = '' } = $$props;
@@ -21648,7 +21648,7 @@ let Animated$1 = class Animated extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$L, create_fragment$K, safe_not_equal, {
+		init(this, options, instance$M, create_fragment$L, safe_not_equal, {
 			checkValidity: 8,
 			message: 1,
 			isFirstInvalidInput: 9,
@@ -21664,7 +21664,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$o(ctx) {
+function create_default_slot$p(ctx) {
 	let current;
 	const default_slot_template = /*#slots*/ ctx[7].default;
 	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[9], null);
@@ -21711,7 +21711,7 @@ function create_default_slot$o(ctx) {
 	};
 }
 
-function create_fragment$J(ctx) {
+function create_fragment$K(ctx) {
 	let input;
 	let input_aria_describedby_value;
 	let t;
@@ -21723,7 +21723,7 @@ function create_fragment$J(ctx) {
 	label = new Label({
 			props: {
 				key: /*key*/ ctx[2],
-				$$slots: { default: [create_default_slot$o] },
+				$$slots: { default: [create_default_slot$p] },
 				$$scope: { ctx }
 			}
 		});
@@ -21808,7 +21808,7 @@ function create_fragment$J(ctx) {
 	};
 }
 
-function instance$K($$self, $$props, $$invalidate) {
+function instance$L($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { isFirstInvalidInput } = $$props;
 	let { isRequired = false } = $$props;
@@ -21859,7 +21859,7 @@ class Checkbox extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$K, create_fragment$J, safe_not_equal, {
+		init(this, options, instance$L, create_fragment$K, safe_not_equal, {
 			isFirstInvalidInput: 6,
 			isRequired: 0,
 			isInvalid: 1,
@@ -21872,7 +21872,7 @@ class Checkbox extends SvelteComponent {
 
 /* src/lib/components/compositions/checkbox/standard.svelte generated by Svelte v3.55.1 */
 
-function create_default_slot$n(ctx) {
+function create_default_slot$o(ctx) {
 	let current;
 	const default_slot_template = /*#slots*/ ctx[10].default;
 	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[11], null);
@@ -21919,7 +21919,7 @@ function create_default_slot$n(ctx) {
 	};
 }
 
-function create_fragment$I(ctx) {
+function create_fragment$J(ctx) {
 	let div;
 	let checkbox;
 	let t;
@@ -21935,7 +21935,7 @@ function create_fragment$I(ctx) {
 				key: /*key*/ ctx[4],
 				onChange: /*onChangeWrapper*/ ctx[7],
 				value: /*value*/ ctx[6],
-				$$slots: { default: [create_default_slot$n] },
+				$$slots: { default: [create_default_slot$o] },
 				$$scope: { ctx }
 			}
 		});
@@ -22006,7 +22006,7 @@ function create_fragment$I(ctx) {
 	};
 }
 
-function instance$J($$self, $$props, $$invalidate) {
+function instance$K($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { checkValidity = null } = $$props;
 	let { message = '' } = $$props;
@@ -22059,7 +22059,7 @@ let Standard$1 = class Standard 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, {
 			checkValidity: 8,
 			message: 1,
 			isFirstInvalidInput: 2,
@@ -22075,7 +22075,7 @@ let Standard$1 = class Standard extends SvelteComponent {
 
 /* src/lib/journey/callbacks/boolean/boolean.svelte generated by Svelte v3.55.1 */
 
-function create_default_slot$m(ctx) {
+function create_default_slot$n(ctx) {
 	let t_value = interpolate(textToKey(/*outputName*/ ctx[2]), null, /*prompt*/ ctx[4]) + "";
 	let t;
 
@@ -22095,7 +22095,7 @@ function create_default_slot$m(ctx) {
 	};
 }
 
-function create_fragment$H(ctx) {
+function create_fragment$I(ctx) {
 	let checkbox;
 	let current;
 
@@ -22107,7 +22107,7 @@ function create_fragment$H(ctx) {
 				message: /*validationFailure*/ ctx[5],
 				onChange: /*setValue*/ ctx[7],
 				value: /*previousValue*/ ctx[3],
-				$$slots: { default: [create_default_slot$m] },
+				$$slots: { default: [create_default_slot$n] },
 				$$scope: { ctx }
 			}
 		});
@@ -22149,7 +22149,7 @@ function create_fragment$H(ctx) {
 	};
 }
 
-function instance$I($$self, $$props, $$invalidate) {
+function instance$J($$self, $$props, $$invalidate) {
 	const stepMetadata = null;
 	const selfSubmitFunction = null;
 	let { callback } = $$props;
@@ -22216,7 +22216,7 @@ let Boolean$1 = class Boolean extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$I, create_fragment$H, safe_not_equal, {
+		init(this, options, instance$J, create_fragment$I, safe_not_equal, {
 			stepMetadata: 8,
 			selfSubmitFunction: 9,
 			callback: 10,
@@ -22243,7 +22243,7 @@ function get_each_context$9(ctx, list, i) {
 }
 
 // (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$l(ctx) {
+function create_default_slot$m(ctx) {
 	let span;
 	let t0;
 	let t1_value = /*option*/ ctx[13].text + "";
@@ -22290,7 +22290,7 @@ function create_each_block$9(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$l] },
+				$$slots: { default: [create_default_slot$m] },
 				$$scope: { ctx }
 			}
 		});
@@ -22384,7 +22384,7 @@ function create_each_block$9(ctx) {
 	};
 }
 
-function create_fragment$G(ctx) {
+function create_fragment$H(ctx) {
 	let fieldset;
 	let legend;
 	let t0;
@@ -22513,7 +22513,7 @@ function create_fragment$G(ctx) {
 	};
 }
 
-function instance$H($$self, $$props, $$invalidate) {
+function instance$I($$self, $$props, $$invalidate) {
 	let { defaultOption = null } = $$props;
 	let { message = '' } = $$props;
 	let { groupLabel = '' } = $$props;
@@ -22575,7 +22575,7 @@ 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, {
 			defaultOption: 0,
 			message: 1,
 			groupLabel: 2,
@@ -22593,7 +22593,7 @@ class Animated extends SvelteComponent {
 
 /* src/lib/components/primitives/radio/radio.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[9].default;
 	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[11], null);
@@ -22640,7 +22640,7 @@ function create_default_slot$k(ctx) {
 	};
 }
 
-function create_fragment$F(ctx) {
+function create_fragment$G(ctx) {
 	let input;
 	let input_aria_describedby_value;
 	let t;
@@ -22652,7 +22652,7 @@ function create_fragment$F(ctx) {
 	label = new Label({
 			props: {
 				key: /*key*/ ctx[3],
-				$$slots: { default: [create_default_slot$k] },
+				$$slots: { default: [create_default_slot$l] },
 				$$scope: { ctx }
 			}
 		});
@@ -22747,7 +22747,7 @@ function create_fragment$F(ctx) {
 	};
 }
 
-function instance$G($$self, $$props, $$invalidate) {
+function instance$H($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { checked = false } = $$props;
 	let { isFirstInvalidInput } = $$props;
@@ -22804,7 +22804,7 @@ class Radio 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, {
 			checked: 0,
 			isFirstInvalidInput: 8,
 			isRequired: 1,
@@ -22826,7 +22826,7 @@ function get_each_context$8(ctx, list, i) {
 }
 
 // (21:6) <Radio         checked={defaultOption === option.value}         {isFirstInvalidInput}         {isRequired}         {isInvalid}         key={`${key}-${option.value}`}         {name}         {onChange}         value={option.value}       >
-function create_default_slot$j(ctx) {
+function create_default_slot$k(ctx) {
 	let t_value = /*option*/ ctx[11].text + "";
 	let t;
 
@@ -22863,7 +22863,7 @@ function create_each_block$8(ctx) {
 				name: /*name*/ ctx[7],
 				onChange: /*onChange*/ ctx[8],
 				value: /*option*/ ctx[11].value,
-				$$slots: { default: [create_default_slot$j] },
+				$$slots: { default: [create_default_slot$k] },
 				$$scope: { ctx }
 			}
 		});
@@ -22914,7 +22914,7 @@ function create_each_block$8(ctx) {
 	};
 }
 
-function create_fragment$E(ctx) {
+function create_fragment$F(ctx) {
 	let fieldset;
 	let legend;
 	let t0;
@@ -23040,7 +23040,7 @@ function create_fragment$E(ctx) {
 	};
 }
 
-function instance$F($$self, $$props, $$invalidate) {
+function instance$G($$self, $$props, $$invalidate) {
 	let { defaultOption = null } = $$props;
 	let { message = '' } = $$props;
 	let { groupLabel = '' } = $$props;
@@ -23086,7 +23086,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, {
 			defaultOption: 0,
 			message: 1,
 			groupLabel: 2,
@@ -23220,7 +23220,7 @@ function create_each_block$7(ctx) {
 }
 
 // (61:0) {#if labelOrder === 'last'}
-function create_if_block$g(ctx) {
+function create_if_block$h(ctx) {
 	let label_1;
 	let current;
 
@@ -23230,7 +23230,7 @@ function create_if_block$g(ctx) {
 				classes: `${/*shouldDisplayOption*/ ctx[10]
 				? /*labelClasses*/ ctx[6]
 				: 'tw_sr-only'}`,
-				$$slots: { default: [create_default_slot$i] },
+				$$slots: { default: [create_default_slot$j] },
 				$$scope: { ctx }
 			}
 		});
@@ -23273,7 +23273,7 @@ function create_if_block$g(ctx) {
 }
 
 // (62:2) <Label {key} classes={`${shouldDisplayOption ? labelClasses : 'tw_sr-only'}`}>
-function create_default_slot$i(ctx) {
+function create_default_slot$j(ctx) {
 	let t;
 
 	return {
@@ -23292,7 +23292,7 @@ function create_default_slot$i(ctx) {
 	};
 }
 
-function create_fragment$D(ctx) {
+function create_fragment$E(ctx) {
 	let t0;
 	let select;
 	let select_aria_describedby_value;
@@ -23310,7 +23310,7 @@ function create_fragment$D(ctx) {
 		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$g(ctx);
+	let if_block1 = /*labelOrder*/ ctx[7] === 'last' && create_if_block$h(ctx);
 
 	return {
 		c() {
@@ -23432,7 +23432,7 @@ function create_fragment$D(ctx) {
 						transition_in(if_block1, 1);
 					}
 				} else {
-					if_block1 = create_if_block$g(ctx);
+					if_block1 = create_if_block$h(ctx);
 					if_block1.c();
 					transition_in(if_block1, 1);
 					if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
@@ -23473,7 +23473,7 @@ function create_fragment$D(ctx) {
 	};
 }
 
-function instance$E($$self, $$props, $$invalidate) {
+function instance$F($$self, $$props, $$invalidate) {
 	let { selectClasses = '' } = $$props;
 	let { defaultOption = null } = $$props;
 	let { isFirstInvalidInput } = $$props;
@@ -23560,7 +23560,7 @@ class Select 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, {
 			selectClasses: 0,
 			defaultOption: 1,
 			isFirstInvalidInput: 12,
@@ -23578,7 +23578,7 @@ class Select extends SvelteComponent {
 
 /* src/lib/components/compositions/select-floating/floating-label.svelte generated by Svelte v3.55.1 */
 
-function create_fragment$C(ctx) {
+function create_fragment$D(ctx) {
 	let div;
 	let select;
 	let t;
@@ -23661,7 +23661,7 @@ function create_fragment$C(ctx) {
 	};
 }
 
-function instance$D($$self, $$props, $$invalidate) {
+function instance$E($$self, $$props, $$invalidate) {
 	let { checkValidity = null } = $$props;
 	let { defaultOption = null } = $$props;
 	let { message = '' } = $$props;
@@ -23716,7 +23716,7 @@ let Floating_label$1 = class Floating_label 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, {
 			checkValidity: 10,
 			defaultOption: 1,
 			message: 2,
@@ -23734,7 +23734,7 @@ let Floating_label$1 = class Floating_label extends SvelteComponent {
 
 /* src/lib/components/compositions/select-stacked/stacked-label.svelte generated by Svelte v3.55.1 */
 
-function create_fragment$B(ctx) {
+function create_fragment$C(ctx) {
 	let div;
 	let select;
 	let t;
@@ -23816,7 +23816,7 @@ function create_fragment$B(ctx) {
 	};
 }
 
-function instance$C($$self, $$props, $$invalidate) {
+function instance$D($$self, $$props, $$invalidate) {
 	let { checkValidity = null } = $$props;
 	let { defaultOption = null } = $$props;
 	let { message = '' } = $$props;
@@ -23871,7 +23871,7 @@ let Stacked_label$1 = class Stacked_label 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, {
 			checkValidity: 10,
 			defaultOption: 1,
 			message: 2,
@@ -23938,7 +23938,7 @@ function create_else_block$6(ctx) {
 }
 
 // (52:0) {#if callbackMetadata?.platform?.displayType === 'radio'}
-function create_if_block$f(ctx) {
+function create_if_block$g(ctx) {
 	let radio;
 	let current;
 
@@ -23988,12 +23988,12 @@ function create_if_block$f(ctx) {
 	};
 }
 
-function create_fragment$A(ctx) {
+function create_fragment$B(ctx) {
 	let current_block_type_index;
 	let if_block;
 	let if_block_anchor;
 	let current;
-	const if_block_creators = [create_if_block$f, create_else_block$6];
+	const if_block_creators = [create_if_block$g, create_else_block$6];
 	const if_blocks = [];
 
 	function select_block_type(ctx, dirty) {
@@ -24057,7 +24057,7 @@ function create_fragment$A(ctx) {
 	};
 }
 
-function instance$B($$self, $$props, $$invalidate) {
+function instance$C($$self, $$props, $$invalidate) {
 	const selfSubmitFunction = null;
 	const stepMetadata = null;
 	let { callback } = $$props;
@@ -24145,7 +24145,7 @@ class Choice 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, {
 			selfSubmitFunction: 9,
 			stepMetadata: 10,
 			callback: 11,
@@ -24165,7 +24165,7 @@ class Choice extends SvelteComponent {
 
 /* src/lib/components/primitives/grid/grid.svelte generated by Svelte v3.55.1 */
 
-function create_fragment$z(ctx) {
+function create_fragment$A(ctx) {
 	let div;
 	let div_class_value;
 	let current;
@@ -24241,7 +24241,7 @@ function generateClassString(...args) {
 	);
 }
 
-function instance$A($$self, $$props, $$invalidate) {
+function instance$B($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { num = 2 } = $$props;
 
@@ -24256,7 +24256,7 @@ function instance$A($$self, $$props, $$invalidate) {
 class Grid extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$A, create_fragment$z, safe_not_equal, { num: 0 });
+		init(this, options, instance$B, create_fragment$A, safe_not_equal, { num: 0 });
 	}
 }
 
@@ -24269,7 +24269,8 @@ function get_each_context$6(ctx, list, i) {
 }
 
 // (81:0) {#if stepMetadata?.platform?.stageName !== 'OneTimePassword'}
-function create_if_block$e(ctx) {
+function create_if_block$f(ctx) {
+	let show_if;
 	let current_block_type_index;
 	let if_block;
 	let if_block_anchor;
@@ -24278,11 +24279,13 @@ function create_if_block$e(ctx) {
 	const if_blocks = [];
 
 	function select_block_type(ctx, dirty) {
-		if (!/*stepMetadata*/ ctx[1]?.derived.isStepSelfSubmittable) return 0;
+		if (dirty & /*stepMetadata*/ 2) show_if = null;
+		if (show_if == null) show_if = !!!/*stepMetadata*/ ctx[1]?.derived.isStepSelfSubmittable();
+		if (show_if) return 0;
 		return 1;
 	}
 
-	current_block_type_index = select_block_type(ctx);
+	current_block_type_index = select_block_type(ctx, -1);
 	if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
 
 	return {
@@ -24297,7 +24300,7 @@ function create_if_block$e(ctx) {
 		},
 		p(ctx, dirty) {
 			let previous_block_index = current_block_type_index;
-			current_block_type_index = select_block_type(ctx);
+			current_block_type_index = select_block_type(ctx, dirty);
 
 			if (current_block_type_index === previous_block_index) {
 				if_blocks[current_block_type_index].p(ctx, dirty);
@@ -24384,7 +24387,7 @@ function create_else_block_1(ctx) {
 	};
 }
 
-// (82:2) {#if !stepMetadata?.derived.isStepSelfSubmittable}
+// (82:2) {#if !stepMetadata?.derived.isStepSelfSubmittable()}
 function create_if_block_1$9(ctx) {
 	let current_block_type_index;
 	let if_block;
@@ -24454,7 +24457,7 @@ function create_if_block_1$9(ctx) {
 	};
 }
 
-// (106:8) <Button           style={options.length > 1 && defaultChoice === Number(opt.value) ? 'primary' : buttonStyle}           type="button"           width="auto"           onClick={() => setBtnValue(Number(opt.value))}         >
+// (106:8) <Button           style={options.length > 1 && defaultChoice === Number(opt.value)             ? 'primary'             : buttonStyle}           type="button"           width="auto"           onClick={() => setBtnValue(Number(opt.value))}         >
 function create_default_slot_2$5(ctx) {
 	let t0_value = /*opt*/ ctx[15].text + "";
 	let t0;
@@ -24636,7 +24639,7 @@ function create_else_block$5(ctx) {
 				key: /*inputName*/ ctx[6],
 				onChange: /*setCheckboxValue*/ ctx[10],
 				value: false,
-				$$slots: { default: [create_default_slot$h] },
+				$$slots: { default: [create_default_slot$i] },
 				$$scope: { ctx }
 			}
 		});
@@ -24723,7 +24726,7 @@ function create_if_block_2$8(ctx) {
 }
 
 // (93:6) <Checkbox         isFirstInvalidInput={callbackMetadata?.derived.isFirstInvalidInput || false}         isInvalid={false}         key={inputName}         onChange={setCheckboxValue}         value={false}       >
-function create_default_slot$h(ctx) {
+function create_default_slot$i(ctx) {
 	let t_value = /*options*/ ctx[3][0].text + "";
 	let t;
 
@@ -24743,10 +24746,10 @@ function create_default_slot$h(ctx) {
 	};
 }
 
-function create_fragment$y(ctx) {
+function create_fragment$z(ctx) {
 	let if_block_anchor;
 	let current;
-	let if_block = /*stepMetadata*/ ctx[1]?.platform?.stageName !== 'OneTimePassword' && create_if_block$e(ctx);
+	let if_block = /*stepMetadata*/ ctx[1]?.platform?.stageName !== 'OneTimePassword' && create_if_block$f(ctx);
 
 	return {
 		c() {
@@ -24767,7 +24770,7 @@ function create_fragment$y(ctx) {
 						transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$e(ctx);
+					if_block = create_if_block$f(ctx);
 					if_block.c();
 					transition_in(if_block, 1);
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -24798,7 +24801,7 @@ function create_fragment$y(ctx) {
 	};
 }
 
-function instance$z($$self, $$props, $$invalidate) {
+function instance$A($$self, $$props, $$invalidate) {
 	const style = {};
 	let { callback } = $$props;
 	let { callbackMetadata } = $$props;
@@ -24882,7 +24885,7 @@ function instance$z($$self, $$props, $$invalidate) {
 					$$invalidate(3, options = options.slice(0, 1));
 				}
 
-				if (!stepMetadata?.derived.isStepSelfSubmittable && options.length > 1) {
+				if (!stepMetadata?.derived.isStepSelfSubmittable() && options.length > 1) {
 					// Since the user needs to confirm, add this empty `value` to force selection
 					options.unshift({ value: '', text: label });
 				} else if (options.length === 1) {
@@ -24917,7 +24920,7 @@ class Confirmation extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$z, create_fragment$y, safe_not_equal, {
+		init(this, options, instance$A, create_fragment$z, safe_not_equal, {
 			style: 11,
 			callback: 12,
 			callbackMetadata: 0,
@@ -24933,7 +24936,7 @@ class Confirmation extends SvelteComponent {
 
 /* src/lib/journey/callbacks/hidden-value/hidden-value.svelte generated by Svelte v3.55.1 */
 
-function instance$y($$self, $$props, $$invalidate) {
+function instance$z($$self, $$props, $$invalidate) {
 	const callback = null;
 	const callbackMetadata = null;
 	const selfSubmitFunction = null;
@@ -24946,7 +24949,7 @@ class Hidden_value extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$y, null, safe_not_equal, {
+		init(this, options, instance$z, null, safe_not_equal, {
 			callback: 0,
 			callbackMetadata: 1,
 			selfSubmitFunction: 2,
@@ -25526,7 +25529,7 @@ function create_if_block_1$8(ctx) {
 }
 
 // (129:0) {#if labelOrder === 'last'}
-function create_if_block$d(ctx) {
+function create_if_block$e(ctx) {
 	let label_1;
 	let current;
 
@@ -25534,7 +25537,7 @@ function create_if_block$d(ctx) {
 			props: {
 				key: /*key*/ ctx[3],
 				classes: `${/*labelClasses*/ ctx[5]}`,
-				$$slots: { default: [create_default_slot$g] },
+				$$slots: { default: [create_default_slot$h] },
 				$$scope: { ctx }
 			}
 		});
@@ -25574,7 +25577,7 @@ function create_if_block$d(ctx) {
 }
 
 // (130:2) <Label {key} classes={`${labelClasses}`}>
-function create_default_slot$g(ctx) {
+function create_default_slot$h(ctx) {
 	let t;
 
 	return {
@@ -25593,7 +25596,7 @@ function create_default_slot$g(ctx) {
 	};
 }
 
-function create_fragment$x(ctx) {
+function create_fragment$y(ctx) {
 	let t0;
 	let t1;
 	let t2;
@@ -25610,7 +25613,7 @@ function create_fragment$x(ctx) {
 	let if_block4 = /*type*/ ctx[11] === 'password' && create_if_block_3$6(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$d(ctx);
+	let if_block7 = /*labelOrder*/ ctx[6] === 'last' && create_if_block$e(ctx);
 
 	return {
 		c() {
@@ -25760,7 +25763,7 @@ function create_fragment$x(ctx) {
 						transition_in(if_block7, 1);
 					}
 				} else {
-					if_block7 = create_if_block$d(ctx);
+					if_block7 = create_if_block$e(ctx);
 					if_block7.c();
 					transition_in(if_block7, 1);
 					if_block7.m(if_block7_anchor.parentNode, if_block7_anchor);
@@ -25807,7 +25810,7 @@ function create_fragment$x(ctx) {
 	};
 }
 
-function instance$x($$self, $$props, $$invalidate) {
+function instance$y($$self, $$props, $$invalidate) {
 	let { forceValidityFailure = false } = $$props;
 	let { isFirstInvalidInput } = $$props;
 	let { inputClasses = '' } = $$props;
@@ -25951,7 +25954,7 @@ class Input extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$x, create_fragment$x, safe_not_equal, {
+		init(this, options, instance$y, create_fragment$y, safe_not_equal, {
 			forceValidityFailure: 1,
 			isFirstInvalidInput: 13,
 			inputClasses: 2,
@@ -25973,7 +25976,7 @@ class Input extends SvelteComponent {
 const get_input_button_slot_changes$1 = dirty => ({});
 const get_input_button_slot_context$1 = ctx => ({});
 
-function create_fragment$w(ctx) {
+function create_fragment$x(ctx) {
 	let div1;
 	let input;
 	let updating_value;
@@ -26148,7 +26151,7 @@ function create_fragment$w(ctx) {
 	};
 }
 
-function instance$w($$self, $$props, $$invalidate) {
+function instance$x($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { checkValidity = null } = $$props;
 	let { forceValidityFailure = false } = $$props;
@@ -26219,7 +26222,7 @@ class Floating_label 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, {
 			checkValidity: 12,
 			forceValidityFailure: 2,
 			message: 3,
@@ -26241,7 +26244,7 @@ class Floating_label extends SvelteComponent {
 const get_input_button_slot_changes = dirty => ({});
 const get_input_button_slot_context = ctx => ({});
 
-function create_fragment$v(ctx) {
+function create_fragment$w(ctx) {
 	let div1;
 	let input;
 	let updating_value;
@@ -26420,7 +26423,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;
@@ -26494,7 +26497,7 @@ class Stacked_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: 13,
 			forceValidityFailure: 2,
 			isFirstInvalidInput: 3,
@@ -26515,7 +26518,7 @@ class Stacked_label extends SvelteComponent {
 
 /* src/lib/components/icons/lock-icon.svelte generated by Svelte v3.55.1 */
 
-function create_fragment$u(ctx) {
+function create_fragment$v(ctx) {
 	let svg;
 	let path0;
 	let path1;
@@ -26596,7 +26599,7 @@ function create_fragment$u(ctx) {
 	};
 }
 
-function instance$u($$self, $$props, $$invalidate) {
+function instance$v($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { classes = '' } = $$props;
 	let { size = '24px' } = $$props;
@@ -26613,13 +26616,13 @@ function instance$u($$self, $$props, $$invalidate) {
 class Lock_icon extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$u, create_fragment$u, safe_not_equal, { classes: 0, size: 1 });
+		init(this, options, instance$v, create_fragment$v, 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$c(ctx) {
+function create_if_block$d(ctx) {
 	let input;
 	let current;
 
@@ -26664,7 +26667,7 @@ function create_if_block$c(ctx) {
 	};
 }
 
-function create_fragment$t(ctx) {
+function create_fragment$u(ctx) {
 	let fieldset;
 	let legend;
 	let t0;
@@ -26700,7 +26703,7 @@ function create_fragment$t(ctx) {
 			}
 		});
 
-	let if_block = /*displayCustomQuestionInput*/ ctx[3] && create_if_block$c(ctx);
+	let if_block = /*displayCustomQuestionInput*/ ctx[3] && create_if_block$d(ctx);
 
 	function input_value_binding(value) {
 		/*input_value_binding*/ ctx[21](value);
@@ -26779,7 +26782,7 @@ function create_fragment$t(ctx) {
 						transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$c(ctx);
+					if_block = create_if_block$d(ctx);
 					if_block.c();
 					transition_in(if_block, 1);
 					if_block.m(fieldset, t6);
@@ -26837,7 +26840,7 @@ function create_fragment$t(ctx) {
 	};
 }
 
-function instance$t($$self, $$props, $$invalidate) {
+function instance$u($$self, $$props, $$invalidate) {
 	let $value;
 	const selfSubmitFunction = null;
 	const stepMetadata = null;
@@ -26993,7 +26996,7 @@ class Kba_create extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$t, create_fragment$t, safe_not_equal, {
+		init(this, options, instance$u, create_fragment$u, safe_not_equal, {
 			selfSubmitFunction: 13,
 			stepMetadata: 14,
 			callback: 15,
@@ -27013,7 +27016,7 @@ class Kba_create extends SvelteComponent {
 
 /* src/lib/journey/callbacks/username/name.svelte generated by Svelte v3.55.1 */
 
-function create_fragment$s(ctx) {
+function create_fragment$t(ctx) {
 	let input;
 	let current;
 
@@ -27066,7 +27069,7 @@ function create_fragment$s(ctx) {
 	};
 }
 
-function instance$s($$self, $$props, $$invalidate) {
+function instance$t($$self, $$props, $$invalidate) {
 	const selfSubmitFunction = null;
 	const stepMetadata = null;
 	let { callback } = $$props;
@@ -27118,7 +27121,7 @@ class Name 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: 7,
 			stepMetadata: 8,
 			callback: 9,
@@ -27220,7 +27223,7 @@ function create_else_block$4(ctx) {
 }
 
 // (6:0) {#if !visible}
-function create_if_block$b(ctx) {
+function create_if_block$c(ctx) {
 	let svg;
 	let path0;
 	let path1;
@@ -27301,12 +27304,12 @@ function create_if_block$b(ctx) {
 	};
 }
 
-function create_fragment$r(ctx) {
+function create_fragment$s(ctx) {
 	let current_block_type_index;
 	let if_block;
 	let if_block_anchor;
 	let current;
-	const if_block_creators = [create_if_block$b, create_else_block$4];
+	const if_block_creators = [create_if_block$c, create_else_block$4];
 	const if_blocks = [];
 
 	function select_block_type(ctx, dirty) {
@@ -27370,7 +27373,7 @@ function create_fragment$r(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;
@@ -27389,7 +27392,7 @@ function instance$r($$self, $$props, $$invalidate) {
 class Eye_icon extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$r, create_fragment$r, safe_not_equal, { classes: 0, size: 1, visible: 2 });
+		init(this, options, instance$s, create_fragment$s, safe_not_equal, { classes: 0, size: 1, visible: 2 });
 	}
 }
 
@@ -27443,7 +27446,7 @@ function create_default_slot_1$8(ctx) {
 }
 
 // (69:4) <EyeIcon classes="tw_password-icon dark:tw_password-icon_dark" visible={isVisible}>
-function create_default_slot$f(ctx) {
+function create_default_slot$g(ctx) {
 	let t;
 	let current;
 	t = new Locale_strings({ props: { key: "showPassword" } });
@@ -27484,7 +27487,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$f] },
+				$$slots: { default: [create_default_slot$g] },
 				$$scope: { ctx }
 			}
 		});
@@ -27535,7 +27538,7 @@ function create_input_button_slot$1(ctx) {
 	};
 }
 
-function create_fragment$q(ctx) {
+function create_fragment$r(ctx) {
 	let input;
 	let current;
 
@@ -27606,7 +27609,7 @@ function create_fragment$q(ctx) {
 	};
 }
 
-function instance$q($$self, $$props, $$invalidate) {
+function instance$r($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { forceValidityFailure = false } = $$props;
 	let { passwordsDoNotMatch = false } = $$props;
@@ -27693,7 +27696,7 @@ class Confirm_input extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$q, create_fragment$q, safe_not_equal, {
+		init(this, options, instance$r, create_fragment$r, safe_not_equal, {
 			forceValidityFailure: 0,
 			passwordsDoNotMatch: 1,
 			isRequired: 2,
@@ -27756,7 +27759,7 @@ function create_default_slot_1$7(ctx) {
 }
 
 // (94: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" } });
@@ -27797,7 +27800,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$e] },
+				$$slots: { default: [create_default_slot$f] },
 				$$scope: { ctx }
 			}
 		});
@@ -27849,7 +27852,7 @@ function create_input_button_slot(ctx) {
 }
 
 // (101:0) {#if callbackMetadata?.platform?.confirmPassword}
-function create_if_block$a(ctx) {
+function create_if_block$b(ctx) {
 	let confirminput;
 	let current;
 
@@ -27900,7 +27903,7 @@ function create_if_block$a(ctx) {
 	};
 }
 
-function create_fragment$p(ctx) {
+function create_fragment$q(ctx) {
 	let input;
 	let t;
 	let if_block_anchor;
@@ -27931,7 +27934,7 @@ function create_fragment$p(ctx) {
 			}
 		});
 
-	let if_block = /*callbackMetadata*/ ctx[1]?.platform?.confirmPassword && create_if_block$a(ctx);
+	let if_block = /*callbackMetadata*/ ctx[1]?.platform?.confirmPassword && create_if_block$b(ctx);
 
 	return {
 		c() {
@@ -27980,7 +27983,7 @@ function create_fragment$p(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(if_block_anchor.parentNode, if_block_anchor);
@@ -28015,7 +28018,7 @@ function create_fragment$p(ctx) {
 	};
 }
 
-function instance$p($$self, $$props, $$invalidate) {
+function instance$q($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { callback } = $$props;
 	let { callbackMetadata } = $$props;
@@ -28140,7 +28143,7 @@ class Base 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, {
 			callback: 18,
 			callbackMetadata: 1,
 			key: 0,
@@ -28155,7 +28158,7 @@ class Base extends SvelteComponent {
 
 /* src/lib/journey/callbacks/password/password.svelte generated by Svelte v3.55.1 */
 
-function create_fragment$o(ctx) {
+function create_fragment$p(ctx) {
 	let base;
 	let current;
 
@@ -28199,7 +28202,7 @@ function create_fragment$o(ctx) {
 	};
 }
 
-function instance$o($$self, $$props, $$invalidate) {
+function instance$p($$self, $$props, $$invalidate) {
 	const selfSubmitFunction = null;
 	const stepMetadata = null;
 	let { callback } = $$props;
@@ -28229,7 +28232,7 @@ class Password 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, {
 			selfSubmitFunction: 4,
 			stepMetadata: 5,
 			callback: 0,
@@ -28249,7 +28252,7 @@ class Password extends SvelteComponent {
 
 /* src/lib/components/primitives/text/text.svelte generated by Svelte v3.55.1 */
 
-function create_fragment$n(ctx) {
+function create_fragment$o(ctx) {
 	let p;
 	let p_class_value;
 	let current;
@@ -28307,7 +28310,7 @@ function create_fragment$n(ctx) {
 	};
 }
 
-function instance$n($$self, $$props, $$invalidate) {
+function instance$o($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { classes = '' } = $$props;
 
@@ -28322,13 +28325,13 @@ function instance$n($$self, $$props, $$invalidate) {
 class Text extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$n, create_fragment$n, safe_not_equal, { classes: 0 });
+		init(this, options, instance$o, create_fragment$o, safe_not_equal, { classes: 0 });
 	}
 }
 
 /* src/lib/journey/callbacks/polling-wait/polling-wait.svelte generated by Svelte v3.55.1 */
 
-function create_default_slot$d(ctx) {
+function create_default_slot$e(ctx) {
 	let t;
 
 	return {
@@ -28347,7 +28350,7 @@ function create_default_slot$d(ctx) {
 	};
 }
 
-function create_fragment$m(ctx) {
+function create_fragment$n(ctx) {
 	let div;
 	let spinner;
 	let t;
@@ -28363,7 +28366,7 @@ function create_fragment$m(ctx) {
 
 	text_1 = new Text({
 			props: {
-				$$slots: { default: [create_default_slot$d] },
+				$$slots: { default: [create_default_slot$e] },
 				$$scope: { ctx }
 			}
 		});
@@ -28411,7 +28414,7 @@ function create_fragment$m(ctx) {
 	};
 }
 
-function instance$m($$self, $$props, $$invalidate) {
+function instance$n($$self, $$props, $$invalidate) {
 	const stepMetadata = null;
 	const style = {};
 	let { callback } = $$props;
@@ -28453,7 +28456,7 @@ class Polling_wait extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$m, create_fragment$m, safe_not_equal, {
+		init(this, options, instance$n, create_fragment$n, safe_not_equal, {
 			stepMetadata: 3,
 			style: 4,
 			callback: 1,
@@ -28473,7 +28476,7 @@ class Polling_wait extends SvelteComponent {
 
 /* src/lib/journey/callbacks/redirect/redirect.svelte generated by Svelte v3.55.1 */
 
-function create_default_slot$c(ctx) {
+function create_default_slot$d(ctx) {
 	let t;
 
 	return {
@@ -28492,7 +28495,7 @@ function create_default_slot$c(ctx) {
 	};
 }
 
-function create_fragment$l(ctx) {
+function create_fragment$m(ctx) {
 	let div;
 	let spinner;
 	let t;
@@ -28508,7 +28511,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 }
 			}
 		});
@@ -28557,7 +28560,7 @@ function create_fragment$l(ctx) {
 	};
 }
 
-function instance$l($$self, $$props, $$invalidate) {
+function instance$m($$self, $$props, $$invalidate) {
 	const callbackMetadata = null;
 	const selfSubmitFunction = null;
 	const stepMetadata = null;
@@ -28584,7 +28587,7 @@ class Redirect 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, {
 			callbackMetadata: 1,
 			selfSubmitFunction: 2,
 			stepMetadata: 3,
@@ -28612,7 +28615,7 @@ class Redirect extends SvelteComponent {
 
 /* src/lib/components/icons/apple-icon.svelte generated by Svelte v3.55.1 */
 
-function create_fragment$k(ctx) {
+function create_fragment$l(ctx) {
 	let svg;
 	let path0;
 	let path1;
@@ -28657,7 +28660,7 @@ function create_fragment$k(ctx) {
 	};
 }
 
-function instance$k($$self, $$props, $$invalidate) {
+function instance$l($$self, $$props, $$invalidate) {
 	let { classes = '' } = $$props;
 	let { size = '24px' } = $$props;
 
@@ -28672,13 +28675,13 @@ function instance$k($$self, $$props, $$invalidate) {
 class Apple_icon extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$k, create_fragment$k, safe_not_equal, { classes: 0, size: 1 });
+		init(this, options, instance$l, create_fragment$l, safe_not_equal, { classes: 0, size: 1 });
 	}
 }
 
 /* src/lib/components/icons/facebook-icon.svelte generated by Svelte v3.55.1 */
 
-function create_fragment$j(ctx) {
+function create_fragment$k(ctx) {
 	let svg;
 	let path;
 
@@ -28719,7 +28722,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;
 
@@ -28734,13 +28737,13 @@ function instance$j($$self, $$props, $$invalidate) {
 class Facebook_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/google-icon.svelte generated by Svelte v3.55.1 */
 
-function create_fragment$i(ctx) {
+function create_fragment$j(ctx) {
 	let svg;
 	let g;
 	let path0;
@@ -28805,7 +28808,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;
 
@@ -28820,7 +28823,7 @@ function instance$i($$self, $$props, $$invalidate) {
 class Google_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 });
 	}
 }
 
@@ -29311,14 +29314,14 @@ function create_each_block$5(ctx) {
 }
 
 // (81:0) {#if stepMetadata && stepMetadata.derived.numOfCallbacks > 1}
-function create_if_block$9(ctx) {
+function create_if_block$a(ctx) {
 	let grid;
 	let current;
 
 	grid = new Grid({
 			props: {
 				num: 1,
-				$$slots: { default: [create_default_slot$b] },
+				$$slots: { default: [create_default_slot$c] },
 				$$scope: { ctx }
 			}
 		});
@@ -29347,7 +29350,7 @@ function create_if_block$9(ctx) {
 }
 
 // (82:2) <Grid num={1}>
-function create_default_slot$b(ctx) {
+function create_default_slot$c(ctx) {
 	let hr;
 
 	return {
@@ -29365,7 +29368,7 @@ function create_default_slot$b(ctx) {
 	};
 }
 
-function create_fragment$h(ctx) {
+function create_fragment$i(ctx) {
 	let t;
 	let if_block_anchor;
 	let current;
@@ -29380,7 +29383,7 @@ function create_fragment$h(ctx) {
 		each_blocks[i] = null;
 	});
 
-	let if_block = /*stepMetadata*/ ctx[0] && /*stepMetadata*/ ctx[0].derived.numOfCallbacks > 1 && create_if_block$9(ctx);
+	let if_block = /*stepMetadata*/ ctx[0] && /*stepMetadata*/ ctx[0].derived.numOfCallbacks > 1 && create_if_block$a(ctx);
 
 	return {
 		c() {
@@ -29436,7 +29439,7 @@ function create_fragment$h(ctx) {
 						transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$9(ctx);
+					if_block = create_if_block$a(ctx);
 					if_block.c();
 					transition_in(if_block, 1);
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -29480,7 +29483,7 @@ function create_fragment$h(ctx) {
 	};
 }
 
-function instance$h($$self, $$props, $$invalidate) {
+function instance$i($$self, $$props, $$invalidate) {
 	const style = {};
 	let { callback } = $$props;
 	let { callbackMetadata } = $$props;
@@ -29550,7 +29553,7 @@ class Select_idp extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$h, create_fragment$h, safe_not_equal, {
+		init(this, options, instance$i, create_fragment$i, safe_not_equal, {
 			style: 4,
 			callback: 5,
 			callbackMetadata: 3,
@@ -29675,7 +29678,7 @@ function create_if_block_1$6(ctx) {
 }
 
 // (24:0) {#if simplifiedFailures.length}
-function create_if_block$8(ctx) {
+function create_if_block$9(ctx) {
 	let div;
 	let p;
 	let t0;
@@ -29820,12 +29823,12 @@ function create_each_block$4(ctx) {
 	};
 }
 
-function create_fragment$g(ctx) {
+function create_fragment$h(ctx) {
 	let current_block_type_index;
 	let if_block;
 	let if_block_anchor;
 	let current;
-	const if_block_creators = [create_if_block$8, create_if_block_1$6];
+	const if_block_creators = [create_if_block$9, create_if_block_1$6];
 	const if_blocks = [];
 
 	function select_block_type(ctx, dirty) {
@@ -29906,7 +29909,7 @@ function create_fragment$g(ctx) {
 	};
 }
 
-function instance$g($$self, $$props, $$invalidate) {
+function instance$h($$self, $$props, $$invalidate) {
 	let { callback } = $$props;
 	let { key = undefined } = $$props;
 	let { label } = $$props;
@@ -29964,7 +29967,7 @@ class Policies 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, {
 			callback: 5,
 			key: 0,
 			label: 6,
@@ -29976,7 +29979,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$a(ctx) {
+function create_default_slot$b(ctx) {
 	let policies_1;
 	let current;
 
@@ -30019,7 +30022,7 @@ function create_default_slot$a(ctx) {
 	};
 }
 
-function create_fragment$f(ctx) {
+function create_fragment$g(ctx) {
 	let input;
 	let current;
 
@@ -30037,7 +30040,7 @@ function create_fragment$f(ctx) {
 				type: /*type*/ ctx[7],
 				showMessage: !!/*isInvalid*/ ctx[8],
 				value: /*previousValue*/ ctx[6],
-				$$slots: { default: [create_default_slot$a] },
+				$$slots: { default: [create_default_slot$b] },
 				$$scope: { ctx }
 			}
 		});
@@ -30087,7 +30090,7 @@ function create_fragment$f(ctx) {
 	};
 }
 
-function instance$f($$self, $$props, $$invalidate) {
+function instance$g($$self, $$props, $$invalidate) {
 	const selfSubmitFunction = null;
 	const stepMetadata = null;
 	let { callback } = $$props;
@@ -30163,7 +30166,7 @@ class String_attribute_input 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, {
 			selfSubmitFunction: 11,
 			stepMetadata: 12,
 			callback: 0,
@@ -30183,7 +30186,7 @@ class String_attribute_input extends SvelteComponent {
 
 /* src/lib/components/primitives/link/link.svelte generated by Svelte v3.55.1 */
 
-function create_fragment$e(ctx) {
+function create_fragment$f(ctx) {
 	let a;
 	let a_class_value;
 	let current;
@@ -30251,7 +30254,7 @@ function create_fragment$e(ctx) {
 	};
 }
 
-function instance$e($$self, $$props, $$invalidate) {
+function instance$f($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { classes = '' } = $$props;
 	let { href } = $$props;
@@ -30270,7 +30273,7 @@ function instance$e($$self, $$props, $$invalidate) {
 class Link extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$e, create_fragment$e, safe_not_equal, { classes: 0, href: 1, target: 2 });
+		init(this, options, instance$f, create_fragment$f, safe_not_equal, { classes: 0, href: 1, target: 2 });
 	}
 }
 
@@ -30298,7 +30301,7 @@ function create_else_block$3(ctx) {
 }
 
 // (27:0) {#if $linksStore?.termsAndConditions}
-function create_if_block$7(ctx) {
+function create_if_block$8(ctx) {
 	let link;
 	let t;
 	let checkbox;
@@ -30320,7 +30323,7 @@ function create_if_block$7(ctx) {
 				key: /*inputName*/ ctx[1],
 				onChange: /*setValue*/ ctx[4],
 				value: false,
-				$$slots: { default: [create_default_slot$9] },
+				$$slots: { default: [create_default_slot$a] },
 				$$scope: { ctx }
 			}
 		});
@@ -30395,7 +30398,7 @@ function create_default_slot_1$5(ctx) {
 }
 
 // (31:2) <Checkbox     isFirstInvalidInput={callbackMetadata?.derived.isFirstInvalidInput || false}     key={inputName}     onChange={setValue}     value={false}   >
-function create_default_slot$9(ctx) {
+function create_default_slot$a(ctx) {
 	let t;
 	let current;
 	t = new Locale_strings({ props: { key: "termsAndConditions" } });
@@ -30424,12 +30427,12 @@ function create_default_slot$9(ctx) {
 	};
 }
 
-function create_fragment$d(ctx) {
+function create_fragment$e(ctx) {
 	let current_block_type_index;
 	let if_block;
 	let if_block_anchor;
 	let current;
-	const if_block_creators = [create_if_block$7, create_else_block$3];
+	const if_block_creators = [create_if_block$8, create_else_block$3];
 	const if_blocks = [];
 
 	function select_block_type(ctx, dirty) {
@@ -30493,7 +30496,7 @@ function create_fragment$d(ctx) {
 	};
 }
 
-function instance$d($$self, $$props, $$invalidate) {
+function instance$e($$self, $$props, $$invalidate) {
 	let $linksStore;
 	component_subscribe($$self, linksStore, $$value => $$invalidate(2, $linksStore = $$value));
 	const selfSubmitFunction = null;
@@ -30547,7 +30550,7 @@ class Terms_conditions extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$d, create_fragment$d, safe_not_equal, {
+		init(this, options, instance$e, create_fragment$e, safe_not_equal, {
 			selfSubmitFunction: 5,
 			stepMetadata: 6,
 			style: 7,
@@ -30567,7 +30570,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$8(ctx) {
+function create_default_slot$9(ctx) {
 	let html_tag;
 	let html_anchor;
 
@@ -30591,14 +30594,14 @@ function create_default_slot$8(ctx) {
 	};
 }
 
-function create_fragment$c(ctx) {
+function create_fragment$d(ctx) {
 	let text_1;
 	let current;
 
 	text_1 = new Text({
 			props: {
 				classes: "tw_font-bold tw_mt-6",
-				$$slots: { default: [create_default_slot$8] },
+				$$slots: { default: [create_default_slot$9] },
 				$$scope: { ctx }
 			}
 		});
@@ -30635,7 +30638,7 @@ function create_fragment$c(ctx) {
 	};
 }
 
-function instance$c($$self, $$props, $$invalidate) {
+function instance$d($$self, $$props, $$invalidate) {
 	const callbackMetadata = null;
 	const selfSubmitFunction = null;
 	const stepMetadata = null;
@@ -30672,7 +30675,7 @@ class Text_output 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, {
 			callbackMetadata: 1,
 			selfSubmitFunction: 2,
 			stepMetadata: 3,
@@ -30700,7 +30703,7 @@ class Text_output extends SvelteComponent {
 
 /* src/lib/journey/callbacks/unknown/unknown.svelte generated by Svelte v3.55.1 */
 
-function create_fragment$b(ctx) {
+function create_fragment$c(ctx) {
 	let p;
 
 	return {
@@ -30721,7 +30724,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;
@@ -30740,7 +30743,7 @@ class Unknown 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,
@@ -30768,7 +30771,7 @@ class Unknown extends SvelteComponent {
 
 /* src/lib/journey/callbacks/password/validated-create-password.svelte generated by Svelte v3.55.1 */
 
-function create_default_slot$7(ctx) {
+function create_default_slot$8(ctx) {
 	let policies;
 	let current;
 
@@ -30810,7 +30813,7 @@ function create_default_slot$7(ctx) {
 	};
 }
 
-function create_fragment$a(ctx) {
+function create_fragment$b(ctx) {
 	let base;
 	let current;
 
@@ -30823,7 +30826,7 @@ function create_fragment$a(ctx) {
 				key: /*inputName*/ ctx[4],
 				showMessage: /*isInvalid*/ ctx[5],
 				style: /*style*/ ctx[2],
-				$$slots: { default: [create_default_slot$7] },
+				$$slots: { default: [create_default_slot$8] },
 				$$scope: { ctx }
 			}
 		});
@@ -30866,7 +30869,7 @@ function create_fragment$a(ctx) {
 	};
 }
 
-function instance$a($$self, $$props, $$invalidate) {
+function instance$b($$self, $$props, $$invalidate) {
 	const selfSubmitFunction = null;
 	const stepMetadata = null;
 	let { callback } = $$props;
@@ -30918,7 +30921,7 @@ class Validated_create_password 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, {
 			selfSubmitFunction: 7,
 			stepMetadata: 8,
 			callback: 0,
@@ -30938,7 +30941,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$6(ctx) {
+function create_default_slot$7(ctx) {
 	let policies;
 	let current;
 
@@ -30981,7 +30984,7 @@ function create_default_slot$6(ctx) {
 	};
 }
 
-function create_fragment$9(ctx) {
+function create_fragment$a(ctx) {
 	let input;
 	let current;
 
@@ -31001,7 +31004,7 @@ function create_fragment$9(ctx) {
 				value: typeof /*value*/ ctx[7] === 'string'
 				? /*value*/ ctx[7]
 				: '',
-				$$slots: { default: [create_default_slot$6] },
+				$$slots: { default: [create_default_slot$7] },
 				$$scope: { ctx }
 			}
 		});
@@ -31051,7 +31054,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;
@@ -31116,7 +31119,7 @@ class Validated_create_username 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: 10,
 			stepMetadata: 11,
 			callback: 0,
@@ -31134,6 +31137,191 @@ class Validated_create_username extends SvelteComponent {
 	}
 }
 
+/* src/lib/journey/callbacks/device-profile/device-profile.svelte generated by Svelte v3.55.1 */
+
+function create_if_block$7(ctx) {
+	let div;
+	let spinner;
+	let t;
+	let text_1;
+	let current;
+
+	spinner = new Spinner({
+			props: {
+				colorClass: "tw_text-primary-light",
+				layoutClasses: "tw_h-24 tw_mb-6 tw_w-24"
+			}
+		});
+
+	text_1 = new Text({
+			props: {
+				$$slots: { default: [create_default_slot$6] },
+				$$scope: { ctx }
+			}
+		});
+
+	return {
+		c() {
+			div = element("div");
+			create_component(spinner.$$.fragment);
+			t = space();
+			create_component(text_1.$$.fragment);
+			attr(div, "class", "tw_text-center tw_w-full tw_py-4");
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+			mount_component(spinner, div, null);
+			append(div, t);
+			mount_component(text_1, div, null);
+			current = true;
+		},
+		p(ctx, dirty) {
+			const text_1_changes = {};
+
+			if (dirty & /*$$scope*/ 128) {
+				text_1_changes.$$scope = { dirty, ctx };
+			}
+
+			text_1.$set(text_1_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(spinner.$$.fragment, local);
+			transition_in(text_1.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(spinner.$$.fragment, local);
+			transition_out(text_1.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(div);
+			destroy_component(spinner);
+			destroy_component(text_1);
+		}
+	};
+}
+
+// (26:4) <Text>
+function create_default_slot$6(ctx) {
+	let t;
+
+	return {
+		c() {
+			t = text(/*deviceMessage*/ ctx[1]);
+		},
+		m(target, anchor) {
+			insert(target, t, anchor);
+		},
+		p: noop,
+		d(detaching) {
+			if (detaching) detach(t);
+		}
+	};
+}
+
+function create_fragment$9(ctx) {
+	let if_block_anchor;
+	let current;
+	let if_block = /*stepMetadata*/ ctx[0]?.derived.numOfCallbacks === 1 && create_if_block$7(ctx);
+
+	return {
+		c() {
+			if (if_block) if_block.c();
+			if_block_anchor = empty();
+		},
+		m(target, anchor) {
+			if (if_block) if_block.m(target, anchor);
+			insert(target, if_block_anchor, anchor);
+			current = true;
+		},
+		p(ctx, [dirty]) {
+			if (/*stepMetadata*/ ctx[0]?.derived.numOfCallbacks === 1) {
+				if (if_block) {
+					if_block.p(ctx, dirty);
+
+					if (dirty & /*stepMetadata*/ 1) {
+						transition_in(if_block, 1);
+					}
+				} else {
+					if_block = create_if_block$7(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_block, 1, 1, () => {
+					if_block = null;
+				});
+
+				check_outros();
+			}
+		},
+		i(local) {
+			if (current) return;
+			transition_in(if_block);
+			current = true;
+		},
+		o(local) {
+			transition_out(if_block);
+			current = false;
+		},
+		d(detaching) {
+			if (if_block) if_block.d(detaching);
+			if (detaching) detach(if_block_anchor);
+		}
+	};
+}
+
+function instance$9($$self, $$props, $$invalidate) {
+	let { callback } = $$props;
+	let { callbackMetadata = null } = $$props;
+	let { stepMetadata = null } = $$props;
+	let { selfSubmitFunction } = $$props;
+	const device = new FRDevice({});
+	let deviceMessage = callback.getMessage();
+
+	async function initializeProfile() {
+		const location = callback?.isLocationRequired() ?? false;
+		const metadata = callback?.isMetadataRequired() ?? false;
+		const profile = await device.getProfile({ location, metadata });
+		callback.setProfile(profile);
+
+		if (callbackMetadata) {
+			$$invalidate(2, callbackMetadata.derived.isReadyForSubmission = true, callbackMetadata);
+		}
+
+		return selfSubmitFunction && selfSubmitFunction();
+	}
+
+	initializeProfile();
+
+	$$self.$$set = $$props => {
+		if ('callback' in $$props) $$invalidate(3, callback = $$props.callback);
+		if ('callbackMetadata' in $$props) $$invalidate(2, callbackMetadata = $$props.callbackMetadata);
+		if ('stepMetadata' in $$props) $$invalidate(0, stepMetadata = $$props.stepMetadata);
+		if ('selfSubmitFunction' in $$props) $$invalidate(4, selfSubmitFunction = $$props.selfSubmitFunction);
+	};
+
+	return [stepMetadata, deviceMessage, callbackMetadata, callback, selfSubmitFunction];
+}
+
+class Device_profile extends SvelteComponent {
+	constructor(options) {
+		super();
+
+		init(this, options, instance$9, create_fragment$9, safe_not_equal, {
+			callback: 3,
+			callbackMetadata: 2,
+			stepMetadata: 0,
+			selfSubmitFunction: 4
+		});
+	}
+}
+
 /* src/lib/journey/_utilities/callback-mapper.svelte generated by Svelte v3.55.1 */
 
 function get_else_ctx(ctx) {
@@ -31141,10 +31329,22 @@ function get_else_ctx(ctx) {
 
 	const constants_0 = {
 		.../*props*/ child_ctx[0],
-		callback: /*_FRCallback*/ child_ctx[18]
+		callback: /*_FRCallback*/ child_ctx[19]
 	};
 
-	child_ctx[19] = constants_0;
+	child_ctx[20] = constants_0;
+	return child_ctx;
+}
+
+function get_if_ctx_16(ctx) {
+	const child_ctx = ctx.slice();
+
+	const constants_0 = {
+		.../*props*/ child_ctx[0],
+		callback: /*_DeviceProfileCallback*/ child_ctx[18]
+	};
+
+	child_ctx[20] = constants_0;
 	return child_ctx;
 }
 
@@ -31156,7 +31356,7 @@ function get_if_ctx_15(ctx) {
 		callback: /*_SuspendedTextOutputCallback*/ child_ctx[17]
 	};
 
-	child_ctx[19] = constants_0;
+	child_ctx[20] = constants_0;
 	return child_ctx;
 }
 
@@ -31168,7 +31368,7 @@ function get_if_ctx_14(ctx) {
 		callback: /*_TextOutputCallback*/ child_ctx[16]
 	};
 
-	child_ctx[19] = constants_0;
+	child_ctx[20] = constants_0;
 	return child_ctx;
 }
 
@@ -31180,7 +31380,7 @@ function get_if_ctx_13(ctx) {
 		callback: /*_TermsAndConditionsCallback*/ child_ctx[15]
 	};
 
-	child_ctx[19] = constants_0;
+	child_ctx[20] = constants_0;
 	return child_ctx;
 }
 
@@ -31192,7 +31392,7 @@ function get_if_ctx_12(ctx) {
 		callback: /*_ValidatedCreateUsernameCallback*/ child_ctx[14]
 	};
 
-	child_ctx[19] = constants_0;
+	child_ctx[20] = constants_0;
 	return child_ctx;
 }
 
@@ -31204,7 +31404,7 @@ function get_if_ctx_11(ctx) {
 		callback: /*_ValidatedCreatePasswordCallback*/ child_ctx[13]
 	};
 
-	child_ctx[19] = constants_0;
+	child_ctx[20] = constants_0;
 	return child_ctx;
 }
 
@@ -31216,7 +31416,7 @@ function get_if_ctx_10(ctx) {
 		callback: /*_StringAttributeInputCallback*/ child_ctx[12]
 	};
 
-	child_ctx[19] = constants_0;
+	child_ctx[20] = constants_0;
 	return child_ctx;
 }
 
@@ -31228,7 +31428,7 @@ function get_if_ctx_9(ctx) {
 		callback: /*_SelectIdPCallback*/ child_ctx[11]
 	};
 
-	child_ctx[19] = constants_0;
+	child_ctx[20] = constants_0;
 	return child_ctx;
 }
 
@@ -31240,7 +31440,7 @@ function get_if_ctx_8(ctx) {
 		callback: /*_RedirectCallback*/ child_ctx[10]
 	};
 
-	child_ctx[19] = constants_0;
+	child_ctx[20] = constants_0;
 	return child_ctx;
 }
 
@@ -31252,7 +31452,7 @@ function get_if_ctx_7(ctx) {
 		callback: /*_PollingWaitCallback*/ child_ctx[9]
 	};
 
-	child_ctx[19] = constants_0;
+	child_ctx[20] = constants_0;
 	return child_ctx;
 }
 
@@ -31264,7 +31464,7 @@ function get_if_ctx_6(ctx) {
 		callback: /*_PasswordCallback*/ child_ctx[8]
 	};
 
-	child_ctx[19] = constants_0;
+	child_ctx[20] = constants_0;
 	return child_ctx;
 }
 
@@ -31276,7 +31476,7 @@ function get_if_ctx_5(ctx) {
 		callback: /*_NameCallback*/ child_ctx[7]
 	};
 
-	child_ctx[19] = constants_0;
+	child_ctx[20] = constants_0;
 	return child_ctx;
 }
 
@@ -31288,7 +31488,7 @@ function get_if_ctx_4(ctx) {
 		callback: /*_KbaCreateCallback*/ child_ctx[6]
 	};
 
-	child_ctx[19] = constants_0;
+	child_ctx[20] = constants_0;
 	return child_ctx;
 }
 
@@ -31300,7 +31500,7 @@ function get_if_ctx_3(ctx) {
 		callback: /*_HiddenValueCallback*/ child_ctx[5]
 	};
 
-	child_ctx[19] = constants_0;
+	child_ctx[20] = constants_0;
 	return child_ctx;
 }
 
@@ -31312,7 +31512,7 @@ function get_if_ctx_2(ctx) {
 		callback: /*_ConfirmationCallback*/ child_ctx[4]
 	};
 
-	child_ctx[19] = constants_0;
+	child_ctx[20] = constants_0;
 	return child_ctx;
 }
 
@@ -31324,7 +31524,7 @@ function get_if_ctx_1(ctx) {
 		callback: /*_ChoiceCallback*/ child_ctx[3]
 	};
 
-	child_ctx[19] = constants_0;
+	child_ctx[20] = constants_0;
 	return child_ctx;
 }
 
@@ -31336,15 +31536,15 @@ function get_if_ctx(ctx) {
 		callback: /*_BooleanAttributeInputCallback*/ child_ctx[2]
 	};
 
-	child_ctx[19] = constants_0;
+	child_ctx[20] = constants_0;
 	return child_ctx;
 }
 
-// (198:0) {:else}
+// (209:0) {:else}
 function create_else_block$2(ctx) {
 	let unknown;
 	let current;
-	const unknown_spread_levels = [/*newProps*/ ctx[19]];
+	const unknown_spread_levels = [/*newProps*/ ctx[20]];
 	let unknown_props = {};
 
 	for (let i = 0; i < unknown_spread_levels.length; i += 1) {
@@ -31362,8 +31562,8 @@ function create_else_block$2(ctx) {
 			current = true;
 		},
 		p(ctx, dirty) {
-			const unknown_changes = (dirty & /*props, _FRCallback*/ 262145)
-			? get_spread_update(unknown_spread_levels, [get_spread_object(/*newProps*/ ctx[19])])
+			const unknown_changes = (dirty & /*props, _FRCallback*/ 524289)
+			? get_spread_update(unknown_spread_levels, [get_spread_object(/*newProps*/ ctx[20])])
 			: {};
 
 			unknown.$set(unknown_changes);
@@ -31383,11 +31583,54 @@ function create_else_block$2(ctx) {
 	};
 }
 
-// (192:62) 
+// (203:56) 
+function create_if_block_16(ctx) {
+	let deviceprofile;
+	let current;
+	const deviceprofile_spread_levels = [/*newProps*/ ctx[20]];
+	let deviceprofile_props = {};
+
+	for (let i = 0; i < deviceprofile_spread_levels.length; i += 1) {
+		deviceprofile_props = assign(deviceprofile_props, deviceprofile_spread_levels[i]);
+	}
+
+	deviceprofile = new Device_profile({ props: deviceprofile_props });
+
+	return {
+		c() {
+			create_component(deviceprofile.$$.fragment);
+		},
+		m(target, anchor) {
+			mount_component(deviceprofile, target, anchor);
+			current = true;
+		},
+		p(ctx, dirty) {
+			const deviceprofile_changes = (dirty & /*props, _DeviceProfileCallback*/ 262145)
+			? get_spread_update(deviceprofile_spread_levels, [get_spread_object(/*newProps*/ ctx[20])])
+			: {};
+
+			deviceprofile.$set(deviceprofile_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(deviceprofile.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(deviceprofile.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			destroy_component(deviceprofile, detaching);
+		}
+	};
+}
+
+// (197:62) 
 function create_if_block_15(ctx) {
 	let textoutput;
 	let current;
-	const textoutput_spread_levels = [/*newProps*/ ctx[19]];
+	const textoutput_spread_levels = [/*newProps*/ ctx[20]];
 	let textoutput_props = {};
 
 	for (let i = 0; i < textoutput_spread_levels.length; i += 1) {
@@ -31406,7 +31649,7 @@ function create_if_block_15(ctx) {
 		},
 		p(ctx, dirty) {
 			const textoutput_changes = (dirty & /*props, _SuspendedTextOutputCallback*/ 131073)
-			? get_spread_update(textoutput_spread_levels, [get_spread_object(/*newProps*/ ctx[19])])
+			? get_spread_update(textoutput_spread_levels, [get_spread_object(/*newProps*/ ctx[20])])
 			: {};
 
 			textoutput.$set(textoutput_changes);
@@ -31426,11 +31669,11 @@ function create_if_block_15(ctx) {
 	};
 }
 
-// (186:53) 
+// (191:53) 
 function create_if_block_14(ctx) {
 	let textoutput;
 	let current;
-	const textoutput_spread_levels = [/*newProps*/ ctx[19]];
+	const textoutput_spread_levels = [/*newProps*/ ctx[20]];
 	let textoutput_props = {};
 
 	for (let i = 0; i < textoutput_spread_levels.length; i += 1) {
@@ -31449,7 +31692,7 @@ function create_if_block_14(ctx) {
 		},
 		p(ctx, dirty) {
 			const textoutput_changes = (dirty & /*props, _TextOutputCallback*/ 65537)
-			? get_spread_update(textoutput_spread_levels, [get_spread_object(/*newProps*/ ctx[19])])
+			? get_spread_update(textoutput_spread_levels, [get_spread_object(/*newProps*/ ctx[20])])
 			: {};
 
 			textoutput.$set(textoutput_changes);
@@ -31469,11 +31712,11 @@ function create_if_block_14(ctx) {
 	};
 }
 
-// (180:61) 
+// (185:61) 
 function create_if_block_13(ctx) {
 	let termsconditions;
 	let current;
-	const termsconditions_spread_levels = [/*newProps*/ ctx[19]];
+	const termsconditions_spread_levels = [/*newProps*/ ctx[20]];
 	let termsconditions_props = {};
 
 	for (let i = 0; i < termsconditions_spread_levels.length; i += 1) {
@@ -31492,7 +31735,7 @@ function create_if_block_13(ctx) {
 		},
 		p(ctx, dirty) {
 			const termsconditions_changes = (dirty & /*props, _TermsAndConditionsCallback*/ 32769)
-			? get_spread_update(termsconditions_spread_levels, [get_spread_object(/*newProps*/ ctx[19])])
+			? get_spread_update(termsconditions_spread_levels, [get_spread_object(/*newProps*/ ctx[20])])
 			: {};
 
 			termsconditions.$set(termsconditions_changes);
@@ -31512,11 +31755,11 @@ function create_if_block_13(ctx) {
 	};
 }
 
-// (174:66) 
+// (179:66) 
 function create_if_block_12(ctx) {
 	let validatedcreateusername;
 	let current;
-	const validatedcreateusername_spread_levels = [/*newProps*/ ctx[19]];
+	const validatedcreateusername_spread_levels = [/*newProps*/ ctx[20]];
 	let validatedcreateusername_props = {};
 
 	for (let i = 0; i < validatedcreateusername_spread_levels.length; i += 1) {
@@ -31535,7 +31778,7 @@ function create_if_block_12(ctx) {
 		},
 		p(ctx, dirty) {
 			const validatedcreateusername_changes = (dirty & /*props, _ValidatedCreateUsernameCallback*/ 16385)
-			? get_spread_update(validatedcreateusername_spread_levels, [get_spread_object(/*newProps*/ ctx[19])])
+			? get_spread_update(validatedcreateusername_spread_levels, [get_spread_object(/*newProps*/ ctx[20])])
 			: {};
 
 			validatedcreateusername.$set(validatedcreateusername_changes);
@@ -31555,11 +31798,11 @@ function create_if_block_12(ctx) {
 	};
 }
 
-// (168:66) 
+// (173:66) 
 function create_if_block_11(ctx) {
 	let validatedcreatepassword;
 	let current;
-	const validatedcreatepassword_spread_levels = [/*newProps*/ ctx[19]];
+	const validatedcreatepassword_spread_levels = [/*newProps*/ ctx[20]];
 	let validatedcreatepassword_props = {};
 
 	for (let i = 0; i < validatedcreatepassword_spread_levels.length; i += 1) {
@@ -31578,7 +31821,7 @@ function create_if_block_11(ctx) {
 		},
 		p(ctx, dirty) {
 			const validatedcreatepassword_changes = (dirty & /*props, _ValidatedCreatePasswordCallback*/ 8193)
-			? get_spread_update(validatedcreatepassword_spread_levels, [get_spread_object(/*newProps*/ ctx[19])])
+			? get_spread_update(validatedcreatepassword_spread_levels, [get_spread_object(/*newProps*/ ctx[20])])
 			: {};
 
 			validatedcreatepassword.$set(validatedcreatepassword_changes);
@@ -31598,11 +31841,11 @@ function create_if_block_11(ctx) {
 	};
 }
 
-// (162:63) 
+// (167:63) 
 function create_if_block_10(ctx) {
 	let stringattributeinput;
 	let current;
-	const stringattributeinput_spread_levels = [/*newProps*/ ctx[19]];
+	const stringattributeinput_spread_levels = [/*newProps*/ ctx[20]];
 	let stringattributeinput_props = {};
 
 	for (let i = 0; i < stringattributeinput_spread_levels.length; i += 1) {
@@ -31621,7 +31864,7 @@ function create_if_block_10(ctx) {
 		},
 		p(ctx, dirty) {
 			const stringattributeinput_changes = (dirty & /*props, _StringAttributeInputCallback*/ 4097)
-			? get_spread_update(stringattributeinput_spread_levels, [get_spread_object(/*newProps*/ ctx[19])])
+			? get_spread_update(stringattributeinput_spread_levels, [get_spread_object(/*newProps*/ ctx[20])])
 			: {};
 
 			stringattributeinput.$set(stringattributeinput_changes);
@@ -31641,11 +31884,11 @@ function create_if_block_10(ctx) {
 	};
 }
 
-// (156:52) 
+// (161:52) 
 function create_if_block_9(ctx) {
 	let selectidp;
 	let current;
-	const selectidp_spread_levels = [/*newProps*/ ctx[19]];
+	const selectidp_spread_levels = [/*newProps*/ ctx[20]];
 	let selectidp_props = {};
 
 	for (let i = 0; i < selectidp_spread_levels.length; i += 1) {
@@ -31664,7 +31907,7 @@ function create_if_block_9(ctx) {
 		},
 		p(ctx, dirty) {
 			const selectidp_changes = (dirty & /*props, _SelectIdPCallback*/ 2049)
-			? get_spread_update(selectidp_spread_levels, [get_spread_object(/*newProps*/ ctx[19])])
+			? get_spread_update(selectidp_spread_levels, [get_spread_object(/*newProps*/ ctx[20])])
 			: {};
 
 			selectidp.$set(selectidp_changes);
@@ -31684,11 +31927,11 @@ function create_if_block_9(ctx) {
 	};
 }
 
-// (150:51) 
+// (155:51) 
 function create_if_block_8(ctx) {
 	let redirect;
 	let current;
-	const redirect_spread_levels = [/*newProps*/ ctx[19]];
+	const redirect_spread_levels = [/*newProps*/ ctx[20]];
 	let redirect_props = {};
 
 	for (let i = 0; i < redirect_spread_levels.length; i += 1) {
@@ -31707,7 +31950,7 @@ function create_if_block_8(ctx) {
 		},
 		p(ctx, dirty) {
 			const redirect_changes = (dirty & /*props, _RedirectCallback*/ 1025)
-			? get_spread_update(redirect_spread_levels, [get_spread_object(/*newProps*/ ctx[19])])
+			? get_spread_update(redirect_spread_levels, [get_spread_object(/*newProps*/ ctx[20])])
 			: {};
 
 			redirect.$set(redirect_changes);
@@ -31727,11 +31970,11 @@ function create_if_block_8(ctx) {
 	};
 }
 
-// (144:54) 
+// (149:54) 
 function create_if_block_7(ctx) {
 	let pollingwait;
 	let current;
-	const pollingwait_spread_levels = [/*newProps*/ ctx[19]];
+	const pollingwait_spread_levels = [/*newProps*/ ctx[20]];
 	let pollingwait_props = {};
 
 	for (let i = 0; i < pollingwait_spread_levels.length; i += 1) {
@@ -31750,7 +31993,7 @@ function create_if_block_7(ctx) {
 		},
 		p(ctx, dirty) {
 			const pollingwait_changes = (dirty & /*props, _PollingWaitCallback*/ 513)
-			? get_spread_update(pollingwait_spread_levels, [get_spread_object(/*newProps*/ ctx[19])])
+			? get_spread_update(pollingwait_spread_levels, [get_spread_object(/*newProps*/ ctx[20])])
 			: {};
 
 			pollingwait.$set(pollingwait_changes);
@@ -31770,11 +32013,11 @@ function create_if_block_7(ctx) {
 	};
 }
 
-// (138:51) 
+// (143:51) 
 function create_if_block_6(ctx) {
 	let password;
 	let current;
-	const password_spread_levels = [/*newProps*/ ctx[19]];
+	const password_spread_levels = [/*newProps*/ ctx[20]];
 	let password_props = {};
 
 	for (let i = 0; i < password_spread_levels.length; i += 1) {
@@ -31793,7 +32036,7 @@ function create_if_block_6(ctx) {
 		},
 		p(ctx, dirty) {
 			const password_changes = (dirty & /*props, _PasswordCallback*/ 257)
-			? get_spread_update(password_spread_levels, [get_spread_object(/*newProps*/ ctx[19])])
+			? get_spread_update(password_spread_levels, [get_spread_object(/*newProps*/ ctx[20])])
 			: {};
 
 			password.$set(password_changes);
@@ -31813,11 +32056,11 @@ function create_if_block_6(ctx) {
 	};
 }
 
-// (132:47) 
+// (137:47) 
 function create_if_block_5(ctx) {
 	let name;
 	let current;
-	const name_spread_levels = [/*newProps*/ ctx[19]];
+	const name_spread_levels = [/*newProps*/ ctx[20]];
 	let name_props = {};
 
 	for (let i = 0; i < name_spread_levels.length; i += 1) {
@@ -31836,7 +32079,7 @@ function create_if_block_5(ctx) {
 		},
 		p(ctx, dirty) {
 			const name_changes = (dirty & /*props, _NameCallback*/ 129)
-			? get_spread_update(name_spread_levels, [get_spread_object(/*newProps*/ ctx[19])])
+			? get_spread_update(name_spread_levels, [get_spread_object(/*newProps*/ ctx[20])])
 			: {};
 
 			name.$set(name_changes);
@@ -31856,11 +32099,11 @@ function create_if_block_5(ctx) {
 	};
 }
 
-// (126:52) 
+// (131:52) 
 function create_if_block_4$1(ctx) {
 	let kbacreate;
 	let current;
-	const kbacreate_spread_levels = [/*newProps*/ ctx[19]];
+	const kbacreate_spread_levels = [/*newProps*/ ctx[20]];
 	let kbacreate_props = {};
 
 	for (let i = 0; i < kbacreate_spread_levels.length; i += 1) {
@@ -31879,7 +32122,7 @@ function create_if_block_4$1(ctx) {
 		},
 		p(ctx, dirty) {
 			const kbacreate_changes = (dirty & /*props, _KbaCreateCallback*/ 65)
-			? get_spread_update(kbacreate_spread_levels, [get_spread_object(/*newProps*/ ctx[19])])
+			? get_spread_update(kbacreate_spread_levels, [get_spread_object(/*newProps*/ ctx[20])])
 			: {};
 
 			kbacreate.$set(kbacreate_changes);
@@ -31899,11 +32142,11 @@ function create_if_block_4$1(ctx) {
 	};
 }
 
-// (120:54) 
+// (125:54) 
 function create_if_block_3$4(ctx) {
 	let hiddenvalue;
 	let current;
-	const hiddenvalue_spread_levels = [/*newProps*/ ctx[19]];
+	const hiddenvalue_spread_levels = [/*newProps*/ ctx[20]];
 	let hiddenvalue_props = {};
 
 	for (let i = 0; i < hiddenvalue_spread_levels.length; i += 1) {
@@ -31922,7 +32165,7 @@ function create_if_block_3$4(ctx) {
 		},
 		p(ctx, dirty) {
 			const hiddenvalue_changes = (dirty & /*props, _HiddenValueCallback*/ 33)
-			? get_spread_update(hiddenvalue_spread_levels, [get_spread_object(/*newProps*/ ctx[19])])
+			? get_spread_update(hiddenvalue_spread_levels, [get_spread_object(/*newProps*/ ctx[20])])
 			: {};
 
 			hiddenvalue.$set(hiddenvalue_changes);
@@ -31942,11 +32185,11 @@ function create_if_block_3$4(ctx) {
 	};
 }
 
-// (114:55) 
+// (119:55) 
 function create_if_block_2$5(ctx) {
 	let confirmation;
 	let current;
-	const confirmation_spread_levels = [/*newProps*/ ctx[19]];
+	const confirmation_spread_levels = [/*newProps*/ ctx[20]];
 	let confirmation_props = {};
 
 	for (let i = 0; i < confirmation_spread_levels.length; i += 1) {
@@ -31965,7 +32208,7 @@ function create_if_block_2$5(ctx) {
 		},
 		p(ctx, dirty) {
 			const confirmation_changes = (dirty & /*props, _ConfirmationCallback*/ 17)
-			? get_spread_update(confirmation_spread_levels, [get_spread_object(/*newProps*/ ctx[19])])
+			? get_spread_update(confirmation_spread_levels, [get_spread_object(/*newProps*/ ctx[20])])
 			: {};
 
 			confirmation.$set(confirmation_changes);
@@ -31985,11 +32228,11 @@ function create_if_block_2$5(ctx) {
 	};
 }
 
-// (108:49) 
+// (113:49) 
 function create_if_block_1$5(ctx) {
 	let choice;
 	let current;
-	const choice_spread_levels = [/*newProps*/ ctx[19]];
+	const choice_spread_levels = [/*newProps*/ ctx[20]];
 	let choice_props = {};
 
 	for (let i = 0; i < choice_spread_levels.length; i += 1) {
@@ -32008,7 +32251,7 @@ function create_if_block_1$5(ctx) {
 		},
 		p(ctx, dirty) {
 			const choice_changes = (dirty & /*props, _ChoiceCallback*/ 9)
-			? get_spread_update(choice_spread_levels, [get_spread_object(/*newProps*/ ctx[19])])
+			? get_spread_update(choice_spread_levels, [get_spread_object(/*newProps*/ ctx[20])])
 			: {};
 
 			choice.$set(choice_changes);
@@ -32028,11 +32271,11 @@ function create_if_block_1$5(ctx) {
 	};
 }
 
-// (102:0) {#if cbType === CallbackType.BooleanAttributeInputCallback}
+// (107:0) {#if cbType === CallbackType.BooleanAttributeInputCallback}
 function create_if_block$6(ctx) {
 	let boolean;
 	let current;
-	const boolean_spread_levels = [/*newProps*/ ctx[19]];
+	const boolean_spread_levels = [/*newProps*/ ctx[20]];
 	let boolean_props = {};
 
 	for (let i = 0; i < boolean_spread_levels.length; i += 1) {
@@ -32051,7 +32294,7 @@ function create_if_block$6(ctx) {
 		},
 		p(ctx, dirty) {
 			const boolean_changes = (dirty & /*props, _BooleanAttributeInputCallback*/ 5)
-			? get_spread_update(boolean_spread_levels, [get_spread_object(/*newProps*/ ctx[19])])
+			? get_spread_update(boolean_spread_levels, [get_spread_object(/*newProps*/ ctx[20])])
 			: {};
 
 			boolean.$set(boolean_changes);
@@ -32094,6 +32337,7 @@ function create_fragment$8(ctx) {
 		create_if_block_13,
 		create_if_block_14,
 		create_if_block_15,
+		create_if_block_16,
 		create_else_block$2
 	];
 
@@ -32116,7 +32360,8 @@ function create_fragment$8(ctx) {
 		if (/*cbType*/ ctx[1] === CallbackType$1.TermsAndConditionsCallback) return 13;
 		if (/*cbType*/ ctx[1] === CallbackType$1.TextOutputCallback) return 14;
 		if (/*cbType*/ ctx[1] === CallbackType$1.SuspendedTextOutputCallback) return 15;
-		return 16;
+		if (/*cbType*/ ctx[1] === CallbackType$1.DeviceProfileCallback) return 16;
+		return 17;
 	}
 
 	function select_block_ctx(ctx, index) {
@@ -32136,6 +32381,7 @@ function create_fragment$8(ctx) {
 		if (index === 13) return get_if_ctx_13(ctx);
 		if (index === 14) return get_if_ctx_14(ctx);
 		if (index === 15) return get_if_ctx_15(ctx);
+		if (index === 16) return get_if_ctx_16(ctx);
 		return get_else_ctx(ctx);
 	}
 
@@ -32214,6 +32460,7 @@ function instance$8($$self, $$props, $$invalidate) {
 	let _TermsAndConditionsCallback;
 	let _TextOutputCallback;
 	let _SuspendedTextOutputCallback;
+	let _DeviceProfileCallback;
 	let _FRCallback;
 
 	$$self.$$set = $$props => {
@@ -32274,8 +32521,11 @@ function instance$8($$self, $$props, $$invalidate) {
 					case CallbackType$1.SuspendedTextOutputCallback:
 						$$invalidate(17, _SuspendedTextOutputCallback = props.callback);
 						break;
+					case CallbackType$1.DeviceProfileCallback:
+						$$invalidate(18, _DeviceProfileCallback = props.callback);
+						break;
 					default:
-						$$invalidate(18, _FRCallback = props.callback);
+						$$invalidate(19, _FRCallback = props.callback);
 				}
 			}
 		}
@@ -32300,6 +32550,7 @@ function instance$8($$self, $$props, $$invalidate) {
 		_TermsAndConditionsCallback,
 		_TextOutputCallback,
 		_SuspendedTextOutputCallback,
+		_DeviceProfileCallback,
 		_FRCallback
 	];
 }
@@ -32482,7 +32733,7 @@ function create_each_block$3(ctx) {
 	};
 }
 
-// (104:2) {#if metadata?.step?.derived.isUserInputOptional || !metadata?.step?.derived.isStepSelfSubmittable}
+// (104:2) {#if metadata?.step?.derived.isUserInputOptional || !metadata?.step?.derived.isStepSelfSubmittable()}
 function create_if_block$5(ctx) {
 	let button;
 	let current;
@@ -32573,6 +32824,7 @@ function create_default_slot$5(ctx) {
 	let t2;
 	let t3;
 	let t4;
+	let show_if = /*metadata*/ ctx[4]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[4]?.step?.derived.isStepSelfSubmittable();
 	let t5;
 	let backto;
 	let current;
@@ -32604,7 +32856,7 @@ function create_default_slot$5(ctx) {
 		each_blocks[i] = null;
 	});
 
-	let if_block2 = (/*metadata*/ ctx[4]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[4]?.step?.derived.isStepSelfSubmittable) && create_if_block$5(ctx);
+	let if_block2 = show_if && create_if_block$5(ctx);
 	backto = new Back_to({ props: { journey: /*journey*/ ctx[3] } });
 
 	return {
@@ -32736,7 +32988,9 @@ function create_default_slot$5(ctx) {
 				check_outros();
 			}
 
-			if (/*metadata*/ ctx[4]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[4]?.step?.derived.isStepSelfSubmittable) {
+			if (dirty & /*metadata*/ 16) show_if = /*metadata*/ ctx[4]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[4]?.step?.derived.isStepSelfSubmittable();
+
+			if (show_if) {
 				if (if_block2) {
 					if_block2.p(ctx, dirty);
 
@@ -32900,7 +33154,7 @@ function instance$7($$self, $$props, $$invalidate) {
 		// 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) {
+		if (metadata?.step?.derived.isStepSelfSubmittable()) {
 			submitFormWrapper();
 		}
 	}
@@ -33353,7 +33607,7 @@ function create_each_block$2(ctx) {
 	};
 }
 
-// (72:2) {#if metadata?.step?.derived.isUserInputOptional || !metadata?.step?.derived.isStepSelfSubmittable}
+// (72:2) {#if metadata?.step?.derived.isUserInputOptional || !metadata?.step?.derived.isStepSelfSubmittable()}
 function create_if_block$4(ctx) {
 	let button;
 	let current;
@@ -33437,6 +33691,7 @@ function create_default_slot$4(ctx) {
 	let t0;
 	let t1;
 	let t2;
+	let show_if = /*metadata*/ ctx[4]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[4]?.step?.derived.isStepSelfSubmittable();
 	let if_block2_anchor;
 	let current;
 	let if_block0 = /*componentStyle*/ ctx[1] !== 'inline' && create_if_block_2$3(ctx);
@@ -33452,7 +33707,7 @@ function create_default_slot$4(ctx) {
 		each_blocks[i] = null;
 	});
 
-	let if_block2 = (/*metadata*/ ctx[4]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[4]?.step?.derived.isStepSelfSubmittable) && create_if_block$4(ctx);
+	let if_block2 = show_if && create_if_block$4(ctx);
 
 	return {
 		c() {
@@ -33558,7 +33813,9 @@ function create_default_slot$4(ctx) {
 				check_outros();
 			}
 
-			if (/*metadata*/ ctx[4]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[4]?.step?.derived.isStepSelfSubmittable) {
+			if (dirty & /*metadata*/ 16) show_if = /*metadata*/ ctx[4]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[4]?.step?.derived.isStepSelfSubmittable();
+
+			if (show_if) {
 				if (if_block2) {
 					if_block2.p(ctx, dirty);
 
@@ -33696,7 +33953,7 @@ function instance$5($$self, $$props, $$invalidate) {
 		// 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) {
+		if (metadata?.step?.derived.isStepSelfSubmittable()) {
 			form?.submit();
 		}
 	}
@@ -34119,7 +34376,7 @@ function create_each_block$1(ctx) {
 	};
 }
 
-// (85:2) {#if metadata?.step?.derived.isUserInputOptional || !metadata?.step?.derived.isStepSelfSubmittable}
+// (85:2) {#if metadata?.step?.derived.isUserInputOptional || !metadata?.step?.derived.isStepSelfSubmittable()}
 function create_if_block$3(ctx) {
 	let button;
 	let current;
@@ -34203,6 +34460,7 @@ function create_default_slot$3(ctx) {
 	let t0;
 	let t1;
 	let t2;
+	let show_if = /*metadata*/ ctx[4]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[4]?.step?.derived.isStepSelfSubmittable();
 	let if_block2_anchor;
 	let current;
 	let if_block0 = /*componentStyle*/ ctx[1] !== 'inline' && create_if_block_2$2(ctx);
@@ -34218,7 +34476,7 @@ function create_default_slot$3(ctx) {
 		each_blocks[i] = null;
 	});
 
-	let if_block2 = (/*metadata*/ ctx[4]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[4]?.step?.derived.isStepSelfSubmittable) && create_if_block$3(ctx);
+	let if_block2 = show_if && create_if_block$3(ctx);
 
 	return {
 		c() {
@@ -34324,7 +34582,9 @@ function create_default_slot$3(ctx) {
 				check_outros();
 			}
 
-			if (/*metadata*/ ctx[4]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[4]?.step?.derived.isStepSelfSubmittable) {
+			if (dirty & /*metadata*/ 16) show_if = /*metadata*/ ctx[4]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[4]?.step?.derived.isStepSelfSubmittable();
+
+			if (show_if) {
 				if (if_block2) {
 					if_block2.p(ctx, dirty);
 
@@ -34463,7 +34723,7 @@ function instance$3($$self, $$props, $$invalidate) {
 		// 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) {
+		if (metadata?.step?.derived.isStepSelfSubmittable()) {
 			form?.submit();
 		}
 	}
@@ -34782,7 +35042,7 @@ function create_each_block(ctx) {
 	};
 }
 
-// (74:2) {#if metadata?.step?.derived.isUserInputOptional || !metadata?.step?.derived.isStepSelfSubmittable}
+// (74:2) {#if metadata?.step?.derived.isUserInputOptional || !metadata?.step?.derived.isStepSelfSubmittable()}
 function create_if_block_1$1(ctx) {
 	let button;
 	let current;
@@ -34948,6 +35208,7 @@ function create_default_slot$2(ctx) {
 	let t0;
 	let t1;
 	let t2;
+	let show_if = /*metadata*/ ctx[4]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[4]?.step?.derived.isStepSelfSubmittable();
 	let t3;
 	let if_block3_anchor;
 	let current;
@@ -34964,7 +35225,7 @@ function create_default_slot$2(ctx) {
 		each_blocks[i] = null;
 	});
 
-	let if_block2 = (/*metadata*/ ctx[4]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[4]?.step?.derived.isStepSelfSubmittable) && create_if_block_1$1(ctx);
+	let if_block2 = show_if && create_if_block_1$1(ctx);
 	let if_block3 = /*componentStyle*/ ctx[1] !== 'inline' && create_if_block$2(ctx);
 
 	return {
@@ -35075,7 +35336,9 @@ function create_default_slot$2(ctx) {
 				check_outros();
 			}
 
-			if (/*metadata*/ ctx[4]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[4]?.step?.derived.isStepSelfSubmittable) {
+			if (dirty & /*metadata*/ 16) show_if = /*metadata*/ ctx[4]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[4]?.step?.derived.isStepSelfSubmittable();
+
+			if (show_if) {
 				if (if_block2) {
 					if_block2.p(ctx, dirty);
 
@@ -35241,7 +35504,7 @@ function instance$2($$self, $$props, $$invalidate) {
 		// 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) {
+		if (metadata?.step?.derived.isStepSelfSubmittable()) {
 			form?.submit();
 		}
 	}