@forgerock/login-widget 1.2.0-beta.4 → 1.2.0-beta.6

package/index.js

@@ -50,6 +50,14 @@ function is_function(thing) {
 function safe_not_equal(a, b) {
     return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');
 }
+let src_url_equal_anchor;
+function src_url_equal(element_src, url) {
+    if (!src_url_equal_anchor) {
+        src_url_equal_anchor = document.createElement('a');
+    }
+    src_url_equal_anchor.href = url;
+    return element_src === src_url_equal_anchor.href;
+}
 function is_empty(obj) {
     return Object.keys(obj).length === 0;
 }
@@ -9085,7 +9093,8 @@ const configSchema = z
     realmPath: z.string(),
     redirectUri: z.string().optional(),
     scope: z.string().optional(),
-    serverConfig: z.object({
+    serverConfig: z
+        .object({
         baseUrl: z
             .string({
             invalid_type_error: '`serverConfig.baseUrl` is a required URL string (this is generated by the Zod library).',
@@ -9096,25 +9105,28 @@ const configSchema = z
         }),
         paths: z
             .object({
-            authenticate: z.string(),
-            authorize: z.string(),
-            accessToken: z.string(),
-            endSession: z.string(),
-            userInfo: z.string(),
-            revoke: z.string(),
-            sessions: z.string(),
+            authenticate: z.string().optional(),
+            authorize: z.string().optional(),
+            accessToken: z.string().optional(),
+            endSession: z.string().optional(),
+            userInfo: z.string().optional(),
+            revoke: z.string().optional(),
+            sessions: z.string().optional(),
         })
+            .strict()
             .optional(),
-        // TODO: timeout should be optional; fix in SDK
-        timeout: z.number({
+        timeout: z
+            .number({
             invalid_type_error: '`serverConfig.timeout` is a required number and in milliseconds (this is generated by the Zod library).',
-            required_error: 'Setting the `serverConfig.timeout` is required (this is generated by the Zod library).',
-        }),
-    }),
+        })
+            .optional(),
+    })
+        .strict(),
     support: z.union([z.literal('legacy'), z.literal('modern')]).optional(),
     tokenStore: z
         .union([
-        z.object({
+        z
+            .object({
             get: z
                 .function()
                 .args(z.string())
@@ -9126,7 +9138,8 @@ const configSchema = z
             }))),
             set: z.function().args(z.string()).returns(z.promise(z.void())),
             remove: z.function().args(z.string()).returns(z.promise(z.void())),
-        }),
+        })
+            .strict(),
         z.literal('sessionStorage'),
         z.literal('localStorage'),
     ])
@@ -12068,7 +12081,9 @@ function initialize$3(customLinks) {
     return linksStore;
 }
 
+const authorizationTimedOut = 'Authorization timed out';
 const interactionNeeded = 'The request requires some interaction that is not allowed.';
+const timeoutErrorMessage = 'Timeouts are likely an issue with OAuth client misconfiguration. If you are getting a 4xx error in the network tab, copy the full `/authorize` URL and paste it directly into your browsers URL field to directly visit the page. The error should be displayed on the page.';
 const sessionCookieConsentMessage = `The user either doesn't have a valid session, the cookie is not being sent due to third-party cookies being disabled, or the user is needing to provide consent as the OAuth client setting does not have "implied consent" enabled.`;
 const oauthStore = writable({
     completed: false,
@@ -12077,6 +12092,16 @@ const oauthStore = writable({
     successful: false,
     response: null,
 });
+function getTroubleshootingMessage(message) {
+    switch (message) {
+        case interactionNeeded:
+            return sessionCookieConsentMessage;
+        case authorizationTimedOut:
+            return timeoutErrorMessage;
+        default:
+            return '';
+    }
+}
 /**
  * @function initialize - Initializes the OAuth store with a get function and a reset function
  * @param {object} initOptions - The options to pass to the TokenManager.getTokens function
@@ -12117,7 +12142,7 @@ function initialize$2(initOptions) {
                     completed: true,
                     error: {
                         message: err.message,
-                        troubleshoot: err.message === interactionNeeded ? sessionCookieConsentMessage : '',
+                        troubleshoot: getTroubleshootingMessage(err.message),
                     },
                     loading: false,
                     successful: false,
@@ -12243,11 +12268,13 @@ const styleSchema = z
         .object({
         header: z.boolean().optional(),
     })
+        .strict()
         .optional(),
     stage: z
         .object({
         icon: z.boolean().optional(),
     })
+        .strict()
         .optional(),
 })
     .strict();
@@ -12615,7 +12642,7 @@ function create_else_block$c(ctx) {
 }
 
 // (11:0) {#if html}
-function create_if_block$r(ctx) {
+function create_if_block$s(ctx) {
 	let current;
 	const default_slot_template = /*#slots*/ ctx[5].default;
 	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[4], null);
@@ -12712,12 +12739,12 @@ function fallback_block$2(ctx) {
 	};
 }
 
-function create_fragment$12(ctx) {
+function create_fragment$13(ctx) {
 	let current_block_type_index;
 	let if_block;
 	let if_block_anchor;
 	let current;
-	const if_block_creators = [create_if_block$r, create_else_block$c];
+	const if_block_creators = [create_if_block$s, create_else_block$c];
 	const if_blocks = [];
 
 	function select_block_type(ctx, dirty) {
@@ -12781,7 +12808,7 @@ function create_fragment$12(ctx) {
 	};
 }
 
-function instance$14($$self, $$props, $$invalidate) {
+function instance$15($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { html = false } = $$props;
 	let { key } = $$props;
@@ -12809,13 +12836,13 @@ function instance$14($$self, $$props, $$invalidate) {
 class Locale_strings extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$14, create_fragment$12, safe_not_equal, { html: 0, key: 2, values: 3 });
+		init(this, options, instance$15, create_fragment$13, safe_not_equal, { html: 0, key: 2, values: 3 });
 	}
 }
 
 /* src/lib/components/icons/x-icon.svelte generated by Svelte v3.59.2 */
 
-function create_fragment$11(ctx) {
+function create_fragment$12(ctx) {
 	let svg;
 	let path;
 	let title;
@@ -12891,7 +12918,7 @@ function create_fragment$11(ctx) {
 	};
 }
 
-function instance$13($$self, $$props, $$invalidate) {
+function instance$14($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { classes = '' } = $$props;
 	let { size = '24px' } = $$props;
@@ -12908,7 +12935,7 @@ function instance$13($$self, $$props, $$invalidate) {
 class X_icon extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$13, create_fragment$11, safe_not_equal, { classes: 0, size: 1 });
+		init(this, options, instance$14, create_fragment$12, safe_not_equal, { classes: 0, size: 1 });
 	}
 }
 
@@ -13013,7 +13040,7 @@ function create_else_block$b(ctx) {
 }
 
 // (39:2) {#if withHeader}
-function create_if_block$q(ctx) {
+function create_if_block$r(ctx) {
 	let div1;
 	let div0;
 	let div0_style_value;
@@ -13189,7 +13216,7 @@ function create_default_slot$t(ctx) {
 	};
 }
 
-function create_fragment$10(ctx) {
+function create_fragment$11(ctx) {
 	let dialog;
 	let current_block_type_index;
 	let if_block;
@@ -13197,7 +13224,7 @@ function create_fragment$10(ctx) {
 	let div;
 	let dialog_class_value;
 	let current;
-	const if_block_creators = [create_if_block$q, create_else_block$b];
+	const if_block_creators = [create_if_block$r, create_else_block$b];
 	const if_blocks = [];
 
 	function select_block_type(ctx, dirty) {
@@ -13309,7 +13336,7 @@ function create_fragment$10(ctx) {
 	};
 }
 
-function instance$12($$self, $$props, $$invalidate) {
+function instance$13($$self, $$props, $$invalidate) {
 	let $styleStore;
 	component_subscribe($$self, styleStore, $$value => $$invalidate(5, $styleStore = $$value));
 	let { $$slots: slots = {}, $$scope } = $$props;
@@ -13383,7 +13410,7 @@ class Dialog extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$12, create_fragment$10, safe_not_equal, {
+		init(this, options, instance$13, create_fragment$11, safe_not_equal, {
 			dialogEl: 0,
 			dialogId: 1,
 			forceOpen: 2,
@@ -13399,7 +13426,7 @@ class Dialog extends SvelteComponent {
 
 /* src/lib/components/icons/alert-icon.svelte generated by Svelte v3.59.2 */
 
-function create_fragment$$(ctx) {
+function create_fragment$10(ctx) {
 	let svg;
 	let path;
 	let title;
@@ -13475,7 +13502,7 @@ function create_fragment$$(ctx) {
 	};
 }
 
-function instance$11($$self, $$props, $$invalidate) {
+function instance$12($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { classes = '' } = $$props;
 	let { size = '24px' } = $$props;
@@ -13492,13 +13519,13 @@ function instance$11($$self, $$props, $$invalidate) {
 class Alert_icon extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$11, create_fragment$$, safe_not_equal, { classes: 0, size: 1 });
+		init(this, options, instance$12, create_fragment$10, safe_not_equal, { classes: 0, size: 1 });
 	}
 }
 
 /* src/lib/components/icons/info-icon.svelte generated by Svelte v3.59.2 */
 
-function create_fragment$_(ctx) {
+function create_fragment$$(ctx) {
 	let svg;
 	let path;
 	let title;
@@ -13574,7 +13601,7 @@ function create_fragment$_(ctx) {
 	};
 }
 
-function instance$10($$self, $$props, $$invalidate) {
+function instance$11($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { classes = '' } = $$props;
 	let { size = '24px' } = $$props;
@@ -13591,13 +13618,13 @@ function instance$10($$self, $$props, $$invalidate) {
 class Info_icon extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$10, create_fragment$_, safe_not_equal, { classes: 0, size: 1 });
+		init(this, options, instance$11, create_fragment$$, safe_not_equal, { classes: 0, size: 1 });
 	}
 }
 
 /* src/lib/components/icons/warning-icon.svelte generated by Svelte v3.59.2 */
 
-function create_fragment$Z(ctx) {
+function create_fragment$_(ctx) {
 	let svg;
 	let path;
 	let title;
@@ -13673,7 +13700,7 @@ function create_fragment$Z(ctx) {
 	};
 }
 
-function instance$$($$self, $$props, $$invalidate) {
+function instance$10($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { classes = '' } = $$props;
 	let { size = '24px' } = $$props;
@@ -13690,7 +13717,7 @@ function instance$$($$self, $$props, $$invalidate) {
 class Warning_icon extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$$, create_fragment$Z, safe_not_equal, { classes: 0, size: 1 });
+		init(this, options, instance$10, create_fragment$_, safe_not_equal, { classes: 0, size: 1 });
 	}
 }
 
@@ -13754,7 +13781,7 @@ function create_if_block_1$c(ctx) {
 }
 
 // (41:4) {#if type === 'error'}
-function create_if_block$p(ctx) {
+function create_if_block$q(ctx) {
 	let alerticon;
 	let current;
 	alerticon = new Alert_icon({});
@@ -13782,7 +13809,7 @@ function create_if_block$p(ctx) {
 	};
 }
 
-function create_fragment$Y(ctx) {
+function create_fragment$Z(ctx) {
 	let div;
 	let p;
 	let current_block_type_index;
@@ -13791,7 +13818,7 @@ function create_fragment$Y(ctx) {
 	let span;
 	let div_class_value;
 	let current;
-	const if_block_creators = [create_if_block$p, create_if_block_1$c, create_else_block$a];
+	const if_block_creators = [create_if_block$q, create_if_block_1$c, create_else_block$a];
 	const if_blocks = [];
 
 	function select_block_type(ctx, dirty) {
@@ -13918,7 +13945,7 @@ function generateClassString$3(...args) {
 	);
 }
 
-function instance$_($$self, $$props, $$invalidate) {
+function instance$$($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { id } = $$props;
 	let { needsFocus = false } = $$props;
@@ -13955,13 +13982,13 @@ function instance$_($$self, $$props, $$invalidate) {
 class Alert extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$_, create_fragment$Y, safe_not_equal, { id: 0, needsFocus: 3, type: 1 });
+		init(this, options, instance$$, create_fragment$Z, safe_not_equal, { id: 0, needsFocus: 3, type: 1 });
 	}
 }
 
 /* src/lib/components/primitives/spinner/spinner.svelte generated by Svelte v3.59.2 */
 
-function create_fragment$X(ctx) {
+function create_fragment$Y(ctx) {
 	let div;
 	let span;
 	let t;
@@ -14005,7 +14032,7 @@ function create_fragment$X(ctx) {
 	};
 }
 
-function instance$Z($$self, $$props, $$invalidate) {
+function instance$_($$self, $$props, $$invalidate) {
 	let { colorClass } = $$props;
 	let { layoutClasses } = $$props;
 
@@ -14020,13 +14047,13 @@ function instance$Z($$self, $$props, $$invalidate) {
 class Spinner extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$Z, create_fragment$X, safe_not_equal, { colorClass: 0, layoutClasses: 1 });
+		init(this, options, instance$_, create_fragment$Y, safe_not_equal, { colorClass: 0, layoutClasses: 1 });
 	}
 }
 
 /* src/lib/components/primitives/button/button.svelte generated by Svelte v3.59.2 */
 
-function create_if_block$o(ctx) {
+function create_if_block$p(ctx) {
 	let spinner;
 	let current;
 
@@ -14077,14 +14104,14 @@ function fallback_block$1(ctx) {
 	};
 }
 
-function create_fragment$W(ctx) {
+function create_fragment$X(ctx) {
 	let button;
 	let t;
 	let button_class_value;
 	let current;
 	let mounted;
 	let dispose;
-	let if_block = /*busy*/ ctx[0] && create_if_block$o();
+	let if_block = /*busy*/ ctx[0] && create_if_block$p();
 	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();
@@ -14126,7 +14153,7 @@ function create_fragment$W(ctx) {
 						transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$o();
+					if_block = create_if_block$p();
 					if_block.c();
 					transition_in(if_block, 1);
 					if_block.m(button, t);
@@ -14207,7 +14234,7 @@ function generateClassString$2(...args) {
 	);
 }
 
-function instance$Y($$self, $$props, $$invalidate) {
+function instance$Z($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { busy = false } = $$props;
 	let { classes = '' } = $$props;
@@ -14237,7 +14264,7 @@ class Button extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$Y, create_fragment$W, safe_not_equal, {
+		init(this, options, instance$Z, create_fragment$X, safe_not_equal, {
 			busy: 0,
 			classes: 1,
 			onClick: 2,
@@ -14250,7 +14277,7 @@ class Button extends SvelteComponent {
 
 /* src/lib/components/primitives/form/form.svelte generated by Svelte v3.59.2 */
 
-function create_fragment$V(ctx) {
+function create_fragment$W(ctx) {
 	let form;
 	let form_class_value;
 	let current;
@@ -14337,7 +14364,7 @@ function create_fragment$V(ctx) {
 	};
 }
 
-function instance$X($$self, $$props, $$invalidate) {
+function instance$Y($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { ariaDescribedBy } = $$props;
 	let { formEl = null } = $$props;
@@ -14464,7 +14491,7 @@ class Form extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$X, create_fragment$V, safe_not_equal, {
+		init(this, options, instance$Y, create_fragment$W, safe_not_equal, {
 			ariaDescribedBy: 1,
 			formEl: 0,
 			id: 2,
@@ -14529,7 +14556,7 @@ function create_else_block$9(ctx) {
 }
 
 // (10:0) {#if html}
-function create_if_block$n(ctx) {
+function create_if_block$o(ctx) {
 	let current;
 	const default_slot_template = /*#slots*/ ctx[4].default;
 	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[3], null);
@@ -14626,12 +14653,12 @@ function fallback_block(ctx) {
 	};
 }
 
-function create_fragment$U(ctx) {
+function create_fragment$V(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$9];
+	const if_block_creators = [create_if_block$o, create_else_block$9];
 	const if_blocks = [];
 
 	function select_block_type(ctx, dirty) {
@@ -14695,7 +14722,7 @@ function create_fragment$U(ctx) {
 	};
 }
 
-function instance$W($$self, $$props, $$invalidate) {
+function instance$X($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { html = false } = $$props;
 	let { string } = $$props;
@@ -14721,13 +14748,13 @@ function instance$W($$self, $$props, $$invalidate) {
 class Server_strings extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$W, create_fragment$U, safe_not_equal, { html: 0, string: 2 });
+		init(this, options, instance$X, create_fragment$V, safe_not_equal, { html: 0, string: 2 });
 	}
 }
 
 /* src/lib/components/icons/shield-icon.svelte generated by Svelte v3.59.2 */
 
-function create_fragment$T(ctx) {
+function create_fragment$U(ctx) {
 	let svg;
 	let path;
 	let title;
@@ -14803,7 +14830,7 @@ function create_fragment$T(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;
@@ -14820,13 +14847,13 @@ function instance$V($$self, $$props, $$invalidate) {
 class Shield_icon extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$V, create_fragment$T, safe_not_equal, { classes: 0, size: 1 });
+		init(this, options, instance$W, create_fragment$U, safe_not_equal, { classes: 0, size: 1 });
 	}
 }
 
 /* src/lib/journey/stages/_utilities/back-to.svelte generated by Svelte v3.59.2 */
 
-function create_if_block$m(ctx) {
+function create_if_block$n(ctx) {
 	let p;
 	let button;
 	let t_value = interpolate(/*string*/ ctx[1]) + "";
@@ -14862,9 +14889,9 @@ function create_if_block$m(ctx) {
 	};
 }
 
-function create_fragment$S(ctx) {
+function create_fragment$T(ctx) {
 	let if_block_anchor;
-	let if_block = /*$stack*/ ctx[2].length > 1 && create_if_block$m(ctx);
+	let if_block = /*$stack*/ ctx[2].length > 1 && create_if_block$n(ctx);
 
 	return {
 		c() {
@@ -14880,7 +14907,7 @@ function create_fragment$S(ctx) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
 				} else {
-					if_block = create_if_block$m(ctx);
+					if_block = create_if_block$n(ctx);
 					if_block.c();
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
 				}
@@ -14898,7 +14925,7 @@ function create_fragment$S(ctx) {
 	};
 }
 
-function instance$U($$self, $$props, $$invalidate) {
+function instance$V($$self, $$props, $$invalidate) {
 	let $stack;
 	let $configuredJourneysStore;
 	component_subscribe($$self, configuredJourneysStore, $$value => $$invalidate(5, $configuredJourneysStore = $$value));
@@ -14939,7 +14966,7 @@ function instance$U($$self, $$props, $$invalidate) {
 class Back_to extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$U, create_fragment$S, safe_not_equal, { journey: 0 });
+		init(this, options, instance$V, create_fragment$T, safe_not_equal, { journey: 0 });
 	}
 }
 
@@ -15403,7 +15430,7 @@ function getAttributeValidationFailureText(callback) {
 
 /* src/lib/components/primitives/message/input-message.svelte generated by Svelte v3.59.2 */
 
-function create_if_block$l(ctx) {
+function create_if_block$m(ctx) {
 	let p;
 	let p_class_value;
 	let p_id_value;
@@ -15434,9 +15461,9 @@ function create_if_block$l(ctx) {
 	};
 }
 
-function create_fragment$R(ctx) {
+function create_fragment$S(ctx) {
 	let if_block_anchor;
-	let if_block = /*dirtyMessage*/ ctx[1] && create_if_block$l(ctx);
+	let if_block = /*dirtyMessage*/ ctx[1] && create_if_block$m(ctx);
 
 	return {
 		c() {
@@ -15452,7 +15479,7 @@ function create_fragment$R(ctx) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
 				} else {
-					if_block = create_if_block$l(ctx);
+					if_block = create_if_block$m(ctx);
 					if_block.c();
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
 				}
@@ -15484,7 +15511,7 @@ function generateClassString$1(...args) {
 	);
 }
 
-function instance$T($$self, $$props, $$invalidate) {
+function instance$U($$self, $$props, $$invalidate) {
 	let { classes = '' } = $$props;
 	let { dirtyMessage } = $$props;
 	let { key = undefined } = $$props;
@@ -15515,7 +15542,7 @@ class Input_message extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$T, create_fragment$R, safe_not_equal, {
+		init(this, options, instance$U, create_fragment$S, safe_not_equal, {
 			classes: 0,
 			dirtyMessage: 1,
 			key: 2,
@@ -15527,7 +15554,7 @@ class Input_message extends SvelteComponent {
 
 /* src/lib/components/primitives/label/label.svelte generated by Svelte v3.59.2 */
 
-function create_fragment$Q(ctx) {
+function create_fragment$R(ctx) {
 	let label;
 	let label_class_value;
 	let current;
@@ -15590,7 +15617,7 @@ function create_fragment$Q(ctx) {
 	};
 }
 
-function instance$S($$self, $$props, $$invalidate) {
+function instance$T($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { key } = $$props;
 	let { classes = '' } = $$props;
@@ -15607,7 +15634,7 @@ function instance$S($$self, $$props, $$invalidate) {
 class Label extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$S, create_fragment$Q, safe_not_equal, { key: 0, classes: 1 });
+		init(this, options, instance$T, create_fragment$R, safe_not_equal, { key: 0, classes: 1 });
 	}
 }
 
@@ -15670,7 +15697,7 @@ function create_default_slot$s(ctx) {
 	};
 }
 
-function create_fragment$P(ctx) {
+function create_fragment$Q(ctx) {
 	let div1;
 	let input;
 	let input_data_message_value;
@@ -15794,7 +15821,7 @@ function create_fragment$P(ctx) {
 	};
 }
 
-function instance$R($$self, $$props, $$invalidate) {
+function instance$S($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { checkValidity = null } = $$props;
 	let { message = '' } = $$props;
@@ -15863,7 +15890,7 @@ let Animated$1 = class Animated extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$R, create_fragment$P, safe_not_equal, {
+		init(this, options, instance$S, create_fragment$Q, safe_not_equal, {
 			checkValidity: 8,
 			message: 1,
 			isFirstInvalidInput: 9,
@@ -15926,7 +15953,7 @@ function create_default_slot$r(ctx) {
 	};
 }
 
-function create_fragment$O(ctx) {
+function create_fragment$P(ctx) {
 	let input;
 	let input_aria_describedby_value;
 	let t;
@@ -16023,7 +16050,7 @@ function create_fragment$O(ctx) {
 	};
 }
 
-function instance$Q($$self, $$props, $$invalidate) {
+function instance$R($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { isFirstInvalidInput } = $$props;
 	let { isRequired = false } = $$props;
@@ -16074,7 +16101,7 @@ class Checkbox extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$Q, create_fragment$O, safe_not_equal, {
+		init(this, options, instance$R, create_fragment$P, safe_not_equal, {
 			isFirstInvalidInput: 6,
 			isRequired: 0,
 			isInvalid: 1,
@@ -16134,7 +16161,7 @@ function create_default_slot$q(ctx) {
 	};
 }
 
-function create_fragment$N(ctx) {
+function create_fragment$O(ctx) {
 	let div;
 	let checkbox;
 	let t;
@@ -16221,7 +16248,7 @@ function create_fragment$N(ctx) {
 	};
 }
 
-function instance$P($$self, $$props, $$invalidate) {
+function instance$Q($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { checkValidity = null } = $$props;
 	let { message = '' } = $$props;
@@ -16274,7 +16301,7 @@ let Standard$1 = class Standard extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$P, create_fragment$N, safe_not_equal, {
+		init(this, options, instance$Q, create_fragment$O, safe_not_equal, {
 			checkValidity: 8,
 			message: 1,
 			isFirstInvalidInput: 2,
@@ -16365,7 +16392,7 @@ function create_key_block$5(ctx) {
 	};
 }
 
-function create_fragment$M(ctx) {
+function create_fragment$N(ctx) {
 	let previous_key = /*callback*/ ctx[0];
 	let key_block_anchor;
 	let current;
@@ -16410,7 +16437,7 @@ function create_fragment$M(ctx) {
 	};
 }
 
-function instance$O($$self, $$props, $$invalidate) {
+function instance$P($$self, $$props, $$invalidate) {
 	const stepMetadata = null;
 	const selfSubmitFunction = null;
 	let { callback } = $$props;
@@ -16477,7 +16504,7 @@ let Boolean$1 = class Boolean extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$O, create_fragment$M, safe_not_equal, {
+		init(this, options, instance$P, create_fragment$N, safe_not_equal, {
 			stepMetadata: 9,
 			selfSubmitFunction: 10,
 			callback: 0,
@@ -16645,7 +16672,7 @@ function create_each_block$a(ctx) {
 	};
 }
 
-function create_fragment$L(ctx) {
+function create_fragment$M(ctx) {
 	let fieldset;
 	let legend;
 	let t0;
@@ -16776,7 +16803,7 @@ function create_fragment$L(ctx) {
 	};
 }
 
-function instance$N($$self, $$props, $$invalidate) {
+function instance$O($$self, $$props, $$invalidate) {
 	let { defaultOption = null } = $$props;
 	let { message = '' } = $$props;
 	let { groupLabel = '' } = $$props;
@@ -16838,7 +16865,7 @@ class Animated extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$N, create_fragment$L, safe_not_equal, {
+		init(this, options, instance$O, create_fragment$M, safe_not_equal, {
 			defaultOption: 0,
 			message: 1,
 			groupLabel: 2,
@@ -16903,7 +16930,7 @@ function create_default_slot$n(ctx) {
 	};
 }
 
-function create_fragment$K(ctx) {
+function create_fragment$L(ctx) {
 	let input;
 	let input_aria_describedby_value;
 	let t;
@@ -17010,7 +17037,7 @@ function create_fragment$K(ctx) {
 	};
 }
 
-function instance$M($$self, $$props, $$invalidate) {
+function instance$N($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { checked = false } = $$props;
 	let { isFirstInvalidInput } = $$props;
@@ -17067,7 +17094,7 @@ class Radio extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$M, create_fragment$K, safe_not_equal, {
+		init(this, options, instance$N, create_fragment$L, safe_not_equal, {
 			checked: 0,
 			isFirstInvalidInput: 8,
 			isRequired: 1,
@@ -17177,7 +17204,7 @@ function create_each_block$9(ctx) {
 	};
 }
 
-function create_fragment$J(ctx) {
+function create_fragment$K(ctx) {
 	let fieldset;
 	let legend;
 	let t0;
@@ -17305,7 +17332,7 @@ function create_fragment$J(ctx) {
 	};
 }
 
-function instance$L($$self, $$props, $$invalidate) {
+function instance$M($$self, $$props, $$invalidate) {
 	let { defaultOption = null } = $$props;
 	let { message = '' } = $$props;
 	let { groupLabel = '' } = $$props;
@@ -17351,7 +17378,7 @@ class Standard extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$L, create_fragment$J, safe_not_equal, {
+		init(this, options, instance$M, create_fragment$K, safe_not_equal, {
 			defaultOption: 0,
 			message: 1,
 			groupLabel: 2,
@@ -17485,7 +17512,7 @@ function create_each_block$8(ctx) {
 }
 
 // (61:0) {#if labelOrder === 'last'}
-function create_if_block$k(ctx) {
+function create_if_block$l(ctx) {
 	let label_1;
 	let current;
 
@@ -17557,7 +17584,7 @@ function create_default_slot$l(ctx) {
 	};
 }
 
-function create_fragment$I(ctx) {
+function create_fragment$J(ctx) {
 	let t0;
 	let select;
 	let select_aria_describedby_value;
@@ -17575,7 +17602,7 @@ function create_fragment$I(ctx) {
 		each_blocks[i] = create_each_block$8(get_each_context$8(ctx, each_value, i));
 	}
 
-	let if_block1 = /*labelOrder*/ ctx[7] === 'last' && create_if_block$k(ctx);
+	let if_block1 = /*labelOrder*/ ctx[7] === 'last' && create_if_block$l(ctx);
 
 	return {
 		c() {
@@ -17699,7 +17726,7 @@ function create_fragment$I(ctx) {
 						transition_in(if_block1, 1);
 					}
 				} else {
-					if_block1 = create_if_block$k(ctx);
+					if_block1 = create_if_block$l(ctx);
 					if_block1.c();
 					transition_in(if_block1, 1);
 					if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
@@ -17740,7 +17767,7 @@ function create_fragment$I(ctx) {
 	};
 }
 
-function instance$K($$self, $$props, $$invalidate) {
+function instance$L($$self, $$props, $$invalidate) {
 	let { selectClasses = '' } = $$props;
 	let { defaultOption = null } = $$props;
 	let { isFirstInvalidInput } = $$props;
@@ -17827,7 +17854,7 @@ class Select extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$K, create_fragment$I, safe_not_equal, {
+		init(this, options, instance$L, create_fragment$J, safe_not_equal, {
 			selectClasses: 0,
 			defaultOption: 1,
 			isFirstInvalidInput: 12,
@@ -17845,7 +17872,7 @@ class Select extends SvelteComponent {
 
 /* src/lib/components/compositions/select-floating/floating-label.svelte generated by Svelte v3.59.2 */
 
-function create_fragment$H(ctx) {
+function create_fragment$I(ctx) {
 	let div;
 	let select;
 	let t;
@@ -17928,7 +17955,7 @@ function create_fragment$H(ctx) {
 	};
 }
 
-function instance$J($$self, $$props, $$invalidate) {
+function instance$K($$self, $$props, $$invalidate) {
 	let { checkValidity = null } = $$props;
 	let { defaultOption = null } = $$props;
 	let { message = '' } = $$props;
@@ -17983,7 +18010,7 @@ let Floating_label$1 = class Floating_label extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$J, create_fragment$H, safe_not_equal, {
+		init(this, options, instance$K, create_fragment$I, safe_not_equal, {
 			checkValidity: 10,
 			defaultOption: 1,
 			message: 2,
@@ -18001,7 +18028,7 @@ let Floating_label$1 = class Floating_label extends SvelteComponent {
 
 /* src/lib/components/compositions/select-stacked/stacked-label.svelte generated by Svelte v3.59.2 */
 
-function create_fragment$G(ctx) {
+function create_fragment$H(ctx) {
 	let div;
 	let select;
 	let t;
@@ -18083,7 +18110,7 @@ function create_fragment$G(ctx) {
 	};
 }
 
-function instance$I($$self, $$props, $$invalidate) {
+function instance$J($$self, $$props, $$invalidate) {
 	let { checkValidity = null } = $$props;
 	let { defaultOption = null } = $$props;
 	let { message = '' } = $$props;
@@ -18138,7 +18165,7 @@ let Stacked_label$1 = class Stacked_label extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$I, create_fragment$G, safe_not_equal, {
+		init(this, options, instance$J, create_fragment$H, safe_not_equal, {
 			checkValidity: 10,
 			defaultOption: 1,
 			message: 2,
@@ -18205,7 +18232,7 @@ function create_else_block$8(ctx) {
 }
 
 // (52:0) {#if callbackMetadata?.platform?.displayType === 'radio'}
-function create_if_block$j(ctx) {
+function create_if_block$k(ctx) {
 	let radio;
 	let current;
 
@@ -18255,12 +18282,12 @@ function create_if_block$j(ctx) {
 	};
 }
 
-function create_fragment$F(ctx) {
+function create_fragment$G(ctx) {
 	let current_block_type_index;
 	let if_block;
 	let if_block_anchor;
 	let current;
-	const if_block_creators = [create_if_block$j, create_else_block$8];
+	const if_block_creators = [create_if_block$k, create_else_block$8];
 	const if_blocks = [];
 
 	function select_block_type(ctx, dirty) {
@@ -18324,7 +18351,7 @@ function create_fragment$F(ctx) {
 	};
 }
 
-function instance$H($$self, $$props, $$invalidate) {
+function instance$I($$self, $$props, $$invalidate) {
 	const selfSubmitFunction = null;
 	const stepMetadata = null;
 	let { callback } = $$props;
@@ -18412,7 +18439,7 @@ class Choice extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$H, create_fragment$F, safe_not_equal, {
+		init(this, options, instance$I, create_fragment$G, safe_not_equal, {
 			selfSubmitFunction: 9,
 			stepMetadata: 10,
 			callback: 11,
@@ -18432,7 +18459,7 @@ class Choice extends SvelteComponent {
 
 /* src/lib/components/primitives/grid/grid.svelte generated by Svelte v3.59.2 */
 
-function create_fragment$E(ctx) {
+function create_fragment$F(ctx) {
 	let div;
 	let div_class_value;
 	let current;
@@ -18508,7 +18535,7 @@ function generateClassString(...args) {
 	);
 }
 
-function instance$G($$self, $$props, $$invalidate) {
+function instance$H($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { num = 2 } = $$props;
 
@@ -18523,7 +18550,7 @@ function instance$G($$self, $$props, $$invalidate) {
 class Grid extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$G, create_fragment$E, safe_not_equal, { num: 0 });
+		init(this, options, instance$H, create_fragment$F, safe_not_equal, { num: 0 });
 	}
 }
 
@@ -18536,7 +18563,7 @@ function get_each_context$7(ctx, list, i) {
 }
 
 // (81:0) {#if stepMetadata?.platform?.stageName !== 'OneTimePassword'}
-function create_if_block$i(ctx) {
+function create_if_block$j(ctx) {
 	let show_if;
 	let current_block_type_index;
 	let if_block;
@@ -19015,10 +19042,10 @@ function create_default_slot$k(ctx) {
 	};
 }
 
-function create_fragment$D(ctx) {
+function create_fragment$E(ctx) {
 	let if_block_anchor;
 	let current;
-	let if_block = /*stepMetadata*/ ctx[1]?.platform?.stageName !== 'OneTimePassword' && create_if_block$i(ctx);
+	let if_block = /*stepMetadata*/ ctx[1]?.platform?.stageName !== 'OneTimePassword' && create_if_block$j(ctx);
 
 	return {
 		c() {
@@ -19039,7 +19066,7 @@ function create_fragment$D(ctx) {
 						transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$i(ctx);
+					if_block = create_if_block$j(ctx);
 					if_block.c();
 					transition_in(if_block, 1);
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -19070,7 +19097,7 @@ function create_fragment$D(ctx) {
 	};
 }
 
-function instance$F($$self, $$props, $$invalidate) {
+function instance$G($$self, $$props, $$invalidate) {
 	const style = {};
 	let { callback } = $$props;
 	let { callbackMetadata } = $$props;
@@ -19189,7 +19216,7 @@ class Confirmation extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$F, create_fragment$D, safe_not_equal, {
+		init(this, options, instance$G, create_fragment$E, safe_not_equal, {
 			style: 11,
 			callback: 12,
 			callbackMetadata: 0,
@@ -19205,7 +19232,7 @@ class Confirmation extends SvelteComponent {
 
 /* src/lib/journey/callbacks/hidden-value/hidden-value.svelte generated by Svelte v3.59.2 */
 
-function instance$E($$self, $$props, $$invalidate) {
+function instance$F($$self, $$props, $$invalidate) {
 	const callback = null;
 	const callbackMetadata = null;
 	const selfSubmitFunction = null;
@@ -19218,7 +19245,7 @@ class Hidden_value extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$E, null, safe_not_equal, {
+		init(this, options, instance$F, null, safe_not_equal, {
 			callback: 0,
 			callbackMetadata: 1,
 			selfSubmitFunction: 2,
@@ -19798,7 +19825,7 @@ function create_if_block_1$9(ctx) {
 }
 
 // (129:0) {#if labelOrder === 'last'}
-function create_if_block$h(ctx) {
+function create_if_block$i(ctx) {
 	let label_1;
 	let current;
 
@@ -19865,7 +19892,7 @@ function create_default_slot$j(ctx) {
 	};
 }
 
-function create_fragment$C(ctx) {
+function create_fragment$D(ctx) {
 	let t0;
 	let t1;
 	let t2;
@@ -19882,7 +19909,7 @@ function create_fragment$C(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$8(ctx);
 	let if_block6 = /*type*/ ctx[11] === 'text' && create_if_block_1$9(ctx);
-	let if_block7 = /*labelOrder*/ ctx[6] === 'last' && create_if_block$h(ctx);
+	let if_block7 = /*labelOrder*/ ctx[6] === 'last' && create_if_block$i(ctx);
 
 	return {
 		c() {
@@ -20032,7 +20059,7 @@ function create_fragment$C(ctx) {
 						transition_in(if_block7, 1);
 					}
 				} else {
-					if_block7 = create_if_block$h(ctx);
+					if_block7 = create_if_block$i(ctx);
 					if_block7.c();
 					transition_in(if_block7, 1);
 					if_block7.m(if_block7_anchor.parentNode, if_block7_anchor);
@@ -20079,7 +20106,7 @@ function create_fragment$C(ctx) {
 	};
 }
 
-function instance$D($$self, $$props, $$invalidate) {
+function instance$E($$self, $$props, $$invalidate) {
 	let { forceValidityFailure = false } = $$props;
 	let { isFirstInvalidInput } = $$props;
 	let { inputClasses = '' } = $$props;
@@ -20223,7 +20250,7 @@ class Input 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, {
 			forceValidityFailure: 1,
 			isFirstInvalidInput: 13,
 			inputClasses: 2,
@@ -20245,7 +20272,7 @@ class Input extends SvelteComponent {
 const get_input_button_slot_changes$1 = dirty => ({});
 const get_input_button_slot_context$1 = ctx => ({});
 
-function create_fragment$B(ctx) {
+function create_fragment$C(ctx) {
 	let div1;
 	let input;
 	let updating_value;
@@ -20420,7 +20447,7 @@ function create_fragment$B(ctx) {
 	};
 }
 
-function instance$C($$self, $$props, $$invalidate) {
+function instance$D($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { checkValidity = null } = $$props;
 	let { forceValidityFailure = false } = $$props;
@@ -20491,7 +20518,7 @@ class Floating_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: 12,
 			forceValidityFailure: 2,
 			message: 3,
@@ -20513,7 +20540,7 @@ class Floating_label extends SvelteComponent {
 const get_input_button_slot_changes = dirty => ({});
 const get_input_button_slot_context = ctx => ({});
 
-function create_fragment$A(ctx) {
+function create_fragment$B(ctx) {
 	let div1;
 	let input;
 	let updating_value;
@@ -20692,7 +20719,7 @@ function create_fragment$A(ctx) {
 	};
 }
 
-function instance$B($$self, $$props, $$invalidate) {
+function instance$C($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { checkValidity = null } = $$props;
 	let { forceValidityFailure = false } = $$props;
@@ -20766,7 +20793,7 @@ class Stacked_label extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$B, create_fragment$A, safe_not_equal, {
+		init(this, options, instance$C, create_fragment$B, safe_not_equal, {
 			checkValidity: 13,
 			forceValidityFailure: 2,
 			isFirstInvalidInput: 3,
@@ -20787,7 +20814,7 @@ class Stacked_label extends SvelteComponent {
 
 /* src/lib/components/icons/lock-icon.svelte generated by Svelte v3.59.2 */
 
-function create_fragment$z(ctx) {
+function create_fragment$A(ctx) {
 	let svg;
 	let path0;
 	let path1;
@@ -20868,7 +20895,7 @@ function create_fragment$z(ctx) {
 	};
 }
 
-function instance$A($$self, $$props, $$invalidate) {
+function instance$B($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { classes = '' } = $$props;
 	let { size = '24px' } = $$props;
@@ -20885,13 +20912,13 @@ function instance$A($$self, $$props, $$invalidate) {
 class Lock_icon extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$A, create_fragment$z, safe_not_equal, { classes: 0, size: 1 });
+		init(this, options, instance$B, create_fragment$A, safe_not_equal, { classes: 0, size: 1 });
 	}
 }
 
 /* src/lib/journey/callbacks/kba/kba-create.svelte generated by Svelte v3.59.2 */
 
-function create_if_block$g(ctx) {
+function create_if_block$h(ctx) {
 	let input;
 	let current;
 
@@ -20936,7 +20963,7 @@ function create_if_block$g(ctx) {
 	};
 }
 
-function create_fragment$y(ctx) {
+function create_fragment$z(ctx) {
 	let fieldset;
 	let legend;
 	let t0;
@@ -20972,7 +20999,7 @@ function create_fragment$y(ctx) {
 			}
 		});
 
-	let if_block = /*displayCustomQuestionInput*/ ctx[3] && create_if_block$g(ctx);
+	let if_block = /*displayCustomQuestionInput*/ ctx[3] && create_if_block$h(ctx);
 
 	function input_value_binding(value) {
 		/*input_value_binding*/ ctx[21](value);
@@ -21051,7 +21078,7 @@ function create_fragment$y(ctx) {
 						transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$g(ctx);
+					if_block = create_if_block$h(ctx);
 					if_block.c();
 					transition_in(if_block, 1);
 					if_block.m(fieldset, t6);
@@ -21109,7 +21136,7 @@ function create_fragment$y(ctx) {
 	};
 }
 
-function instance$z($$self, $$props, $$invalidate) {
+function instance$A($$self, $$props, $$invalidate) {
 	let $value;
 	const selfSubmitFunction = null;
 	const stepMetadata = null;
@@ -21265,7 +21292,7 @@ class Kba_create 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, {
 			selfSubmitFunction: 13,
 			stepMetadata: 14,
 			callback: 15,
@@ -21338,7 +21365,7 @@ function create_key_block$4(ctx) {
 	};
 }
 
-function create_fragment$x(ctx) {
+function create_fragment$y(ctx) {
 	let previous_key = /*callback*/ ctx[0];
 	let key_block_anchor;
 	let current;
@@ -21383,7 +21410,7 @@ function create_fragment$x(ctx) {
 	};
 }
 
-function instance$y($$self, $$props, $$invalidate) {
+function instance$z($$self, $$props, $$invalidate) {
 	const selfSubmitFunction = null;
 	const stepMetadata = null;
 	let { callback } = $$props;
@@ -21435,7 +21462,7 @@ class Name 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, {
 			selfSubmitFunction: 8,
 			stepMetadata: 9,
 			callback: 0,
@@ -21537,7 +21564,7 @@ function create_else_block$6(ctx) {
 }
 
 // (6:0) {#if !visible}
-function create_if_block$f(ctx) {
+function create_if_block$g(ctx) {
 	let svg;
 	let path0;
 	let path1;
@@ -21618,12 +21645,12 @@ function create_if_block$f(ctx) {
 	};
 }
 
-function create_fragment$w(ctx) {
+function create_fragment$x(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) {
@@ -21687,7 +21714,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;
@@ -21706,7 +21733,7 @@ function instance$x($$self, $$props, $$invalidate) {
 class Eye_icon extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$x, create_fragment$w, safe_not_equal, { classes: 0, size: 1, visible: 2 });
+		init(this, options, instance$y, create_fragment$x, safe_not_equal, { classes: 0, size: 1, visible: 2 });
 	}
 }
 
@@ -21852,7 +21879,7 @@ function create_input_button_slot$1(ctx) {
 	};
 }
 
-function create_fragment$v(ctx) {
+function create_fragment$w(ctx) {
 	let input;
 	let current;
 
@@ -21923,7 +21950,7 @@ function create_fragment$v(ctx) {
 	};
 }
 
-function instance$w($$self, $$props, $$invalidate) {
+function instance$x($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { forceValidityFailure = false } = $$props;
 	let { passwordsDoNotMatch = false } = $$props;
@@ -22010,7 +22037,7 @@ class Confirm_input extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$w, create_fragment$v, safe_not_equal, {
+		init(this, options, instance$x, create_fragment$w, safe_not_equal, {
 			forceValidityFailure: 0,
 			passwordsDoNotMatch: 1,
 			isRequired: 2,
@@ -22166,7 +22193,7 @@ function create_input_button_slot(ctx) {
 }
 
 // (102:2) {#if callbackMetadata?.platform?.confirmPassword}
-function create_if_block$e(ctx) {
+function create_if_block$f(ctx) {
 	let confirminput;
 	let current;
 
@@ -22249,7 +22276,7 @@ function create_key_block$3(ctx) {
 			}
 		});
 
-	let if_block = /*callbackMetadata*/ ctx[2]?.platform?.confirmPassword && create_if_block$e(ctx);
+	let if_block = /*callbackMetadata*/ ctx[2]?.platform?.confirmPassword && create_if_block$f(ctx);
 
 	return {
 		c() {
@@ -22298,7 +22325,7 @@ function create_key_block$3(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);
@@ -22333,7 +22360,7 @@ function create_key_block$3(ctx) {
 	};
 }
 
-function create_fragment$u(ctx) {
+function create_fragment$v(ctx) {
 	let previous_key = /*callback*/ ctx[1];
 	let key_block_anchor;
 	let current;
@@ -22378,7 +22405,7 @@ function create_fragment$u(ctx) {
 	};
 }
 
-function instance$v($$self, $$props, $$invalidate) {
+function instance$w($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { callback } = $$props;
 	let { callbackMetadata } = $$props;
@@ -22503,7 +22530,7 @@ class Base extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$v, create_fragment$u, safe_not_equal, {
+		init(this, options, instance$w, create_fragment$v, safe_not_equal, {
 			callback: 1,
 			callbackMetadata: 2,
 			key: 0,
@@ -22518,7 +22545,7 @@ class Base extends SvelteComponent {
 
 /* src/lib/journey/callbacks/password/password.svelte generated by Svelte v3.59.2 */
 
-function create_fragment$t(ctx) {
+function create_fragment$u(ctx) {
 	let base;
 	let current;
 
@@ -22562,7 +22589,7 @@ function create_fragment$t(ctx) {
 	};
 }
 
-function instance$u($$self, $$props, $$invalidate) {
+function instance$v($$self, $$props, $$invalidate) {
 	const selfSubmitFunction = null;
 	const stepMetadata = null;
 	let { callback } = $$props;
@@ -22592,7 +22619,7 @@ class Password extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$u, create_fragment$t, safe_not_equal, {
+		init(this, options, instance$v, create_fragment$u, safe_not_equal, {
 			selfSubmitFunction: 4,
 			stepMetadata: 5,
 			callback: 0,
@@ -22612,7 +22639,7 @@ class Password extends SvelteComponent {
 
 /* src/lib/components/primitives/text/text.svelte generated by Svelte v3.59.2 */
 
-function create_fragment$s(ctx) {
+function create_fragment$t(ctx) {
 	let p;
 	let p_class_value;
 	let current;
@@ -22670,7 +22697,7 @@ function create_fragment$s(ctx) {
 	};
 }
 
-function instance$t($$self, $$props, $$invalidate) {
+function instance$u($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { classes = '' } = $$props;
 
@@ -22685,7 +22712,7 @@ function instance$t($$self, $$props, $$invalidate) {
 class Text extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$t, create_fragment$s, safe_not_equal, { classes: 0 });
+		init(this, options, instance$u, create_fragment$t, safe_not_equal, { classes: 0 });
 	}
 }
 
@@ -22710,7 +22737,7 @@ function create_default_slot$g(ctx) {
 	};
 }
 
-function create_fragment$r(ctx) {
+function create_fragment$s(ctx) {
 	let div;
 	let spinner;
 	let t;
@@ -22774,7 +22801,7 @@ function create_fragment$r(ctx) {
 	};
 }
 
-function instance$s($$self, $$props, $$invalidate) {
+function instance$t($$self, $$props, $$invalidate) {
 	const stepMetadata = null;
 	const style = {};
 	let { callback } = $$props;
@@ -22816,7 +22843,7 @@ class Polling_wait 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, {
 			stepMetadata: 3,
 			style: 4,
 			callback: 1,
@@ -22855,7 +22882,7 @@ function create_default_slot$f(ctx) {
 	};
 }
 
-function create_fragment$q(ctx) {
+function create_fragment$r(ctx) {
 	let div;
 	let spinner;
 	let t;
@@ -22920,7 +22947,7 @@ function create_fragment$q(ctx) {
 	};
 }
 
-function instance$r($$self, $$props, $$invalidate) {
+function instance$s($$self, $$props, $$invalidate) {
 	const callbackMetadata = null;
 	const selfSubmitFunction = null;
 	const stepMetadata = null;
@@ -22947,7 +22974,7 @@ class Redirect 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, {
 			callbackMetadata: 1,
 			selfSubmitFunction: 2,
 			stepMetadata: 3,
@@ -22975,7 +23002,7 @@ class Redirect extends SvelteComponent {
 
 /* src/lib/components/icons/apple-icon.svelte generated by Svelte v3.59.2 */
 
-function create_fragment$p(ctx) {
+function create_fragment$q(ctx) {
 	let svg;
 	let path0;
 	let path1;
@@ -23020,7 +23047,7 @@ function create_fragment$p(ctx) {
 	};
 }
 
-function instance$q($$self, $$props, $$invalidate) {
+function instance$r($$self, $$props, $$invalidate) {
 	let { classes = '' } = $$props;
 	let { size = '24px' } = $$props;
 
@@ -23035,13 +23062,13 @@ function instance$q($$self, $$props, $$invalidate) {
 class Apple_icon extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$q, create_fragment$p, safe_not_equal, { classes: 0, size: 1 });
+		init(this, options, instance$r, create_fragment$q, safe_not_equal, { classes: 0, size: 1 });
 	}
 }
 
 /* src/lib/components/icons/facebook-icon.svelte generated by Svelte v3.59.2 */
 
-function create_fragment$o(ctx) {
+function create_fragment$p(ctx) {
 	let svg;
 	let path;
 
@@ -23082,7 +23109,7 @@ function create_fragment$o(ctx) {
 	};
 }
 
-function instance$p($$self, $$props, $$invalidate) {
+function instance$q($$self, $$props, $$invalidate) {
 	let { classes = '' } = $$props;
 	let { size = '24px' } = $$props;
 
@@ -23097,13 +23124,13 @@ function instance$p($$self, $$props, $$invalidate) {
 class Facebook_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/components/icons/google-icon.svelte generated by Svelte v3.59.2 */
 
-function create_fragment$n(ctx) {
+function create_fragment$o(ctx) {
 	let svg;
 	let g;
 	let path0;
@@ -23168,7 +23195,7 @@ function create_fragment$n(ctx) {
 	};
 }
 
-function instance$o($$self, $$props, $$invalidate) {
+function instance$p($$self, $$props, $$invalidate) {
 	let { classes = '' } = $$props;
 	let { size = '24px' } = $$props;
 
@@ -23183,7 +23210,7 @@ function instance$o($$self, $$props, $$invalidate) {
 class Google_icon extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$o, create_fragment$n, safe_not_equal, { classes: 0, size: 1 });
+		init(this, options, instance$p, create_fragment$o, safe_not_equal, { classes: 0, size: 1 });
 	}
 }
 
@@ -23674,7 +23701,7 @@ function create_each_block$6(ctx) {
 }
 
 // (81:0) {#if stepMetadata && stepMetadata.derived.numOfCallbacks > 1}
-function create_if_block$d(ctx) {
+function create_if_block$e(ctx) {
 	let grid;
 	let current;
 
@@ -23728,7 +23755,7 @@ function create_default_slot$e(ctx) {
 	};
 }
 
-function create_fragment$m(ctx) {
+function create_fragment$n(ctx) {
 	let t;
 	let if_block_anchor;
 	let current;
@@ -23743,7 +23770,7 @@ function create_fragment$m(ctx) {
 		each_blocks[i] = null;
 	});
 
-	let if_block = /*stepMetadata*/ ctx[0] && /*stepMetadata*/ ctx[0].derived.numOfCallbacks > 1 && create_if_block$d(ctx);
+	let if_block = /*stepMetadata*/ ctx[0] && /*stepMetadata*/ ctx[0].derived.numOfCallbacks > 1 && create_if_block$e(ctx);
 
 	return {
 		c() {
@@ -23801,7 +23828,7 @@ function create_fragment$m(ctx) {
 						transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$d(ctx);
+					if_block = create_if_block$e(ctx);
 					if_block.c();
 					transition_in(if_block, 1);
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -23845,7 +23872,7 @@ function create_fragment$m(ctx) {
 	};
 }
 
-function instance$n($$self, $$props, $$invalidate) {
+function instance$o($$self, $$props, $$invalidate) {
 	const style = {};
 	let { callback } = $$props;
 	let { callbackMetadata } = $$props;
@@ -23915,7 +23942,7 @@ class Select_idp 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, {
 			style: 4,
 			callback: 5,
 			callbackMetadata: 3,
@@ -24042,7 +24069,7 @@ function create_if_block_1$7(ctx) {
 }
 
 // (24:0) {#if simplifiedFailures.length}
-function create_if_block$c(ctx) {
+function create_if_block$d(ctx) {
 	let div;
 	let p;
 	let t0;
@@ -24189,12 +24216,12 @@ function create_each_block$5(ctx) {
 	};
 }
 
-function create_fragment$l(ctx) {
+function create_fragment$m(ctx) {
 	let current_block_type_index;
 	let if_block;
 	let if_block_anchor;
 	let current;
-	const if_block_creators = [create_if_block$c, create_if_block_1$7];
+	const if_block_creators = [create_if_block$d, create_if_block_1$7];
 	const if_blocks = [];
 
 	function select_block_type(ctx, dirty) {
@@ -24275,7 +24302,7 @@ function create_fragment$l(ctx) {
 	};
 }
 
-function instance$m($$self, $$props, $$invalidate) {
+function instance$n($$self, $$props, $$invalidate) {
 	let { callback } = $$props;
 	let { key = undefined } = $$props;
 	let { label } = $$props;
@@ -24333,7 +24360,7 @@ class Policies extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$m, create_fragment$l, safe_not_equal, {
+		init(this, options, instance$n, create_fragment$m, safe_not_equal, {
 			callback: 5,
 			key: 0,
 			label: 6,
@@ -24457,7 +24484,7 @@ function create_key_block$2(ctx) {
 	};
 }
 
-function create_fragment$k(ctx) {
+function create_fragment$l(ctx) {
 	let previous_key = /*callback*/ ctx[0];
 	let key_block_anchor;
 	let current;
@@ -24502,7 +24529,7 @@ function create_fragment$k(ctx) {
 	};
 }
 
-function instance$l($$self, $$props, $$invalidate) {
+function instance$m($$self, $$props, $$invalidate) {
 	const selfSubmitFunction = null;
 	const stepMetadata = null;
 	let { callback } = $$props;
@@ -24578,7 +24605,7 @@ class String_attribute_input 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, {
 			selfSubmitFunction: 11,
 			stepMetadata: 12,
 			callback: 0,
@@ -24598,7 +24625,7 @@ class String_attribute_input extends SvelteComponent {
 
 /* src/lib/components/primitives/link/link.svelte generated by Svelte v3.59.2 */
 
-function create_fragment$j(ctx) {
+function create_fragment$k(ctx) {
 	let a;
 	let a_class_value;
 	let current;
@@ -24666,7 +24693,7 @@ function create_fragment$j(ctx) {
 	};
 }
 
-function instance$k($$self, $$props, $$invalidate) {
+function instance$l($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { classes = '' } = $$props;
 	let { href } = $$props;
@@ -24685,7 +24712,7 @@ function instance$k($$self, $$props, $$invalidate) {
 class Link extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$k, create_fragment$j, safe_not_equal, { classes: 0, href: 1, target: 2 });
+		init(this, options, instance$l, create_fragment$k, safe_not_equal, { classes: 0, href: 1, target: 2 });
 	}
 }
 
@@ -24713,7 +24740,7 @@ function create_else_block$5(ctx) {
 }
 
 // (27:0) {#if $linksStore?.termsAndConditions}
-function create_if_block$b(ctx) {
+function create_if_block$c(ctx) {
 	let link;
 	let t;
 	let checkbox;
@@ -24839,12 +24866,12 @@ function create_default_slot$c(ctx) {
 	};
 }
 
-function create_fragment$i(ctx) {
+function create_fragment$j(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$5];
+	const if_block_creators = [create_if_block$c, create_else_block$5];
 	const if_blocks = [];
 
 	function select_block_type(ctx, dirty) {
@@ -24908,7 +24935,7 @@ function create_fragment$i(ctx) {
 	};
 }
 
-function instance$j($$self, $$props, $$invalidate) {
+function instance$k($$self, $$props, $$invalidate) {
 	let $linksStore;
 	component_subscribe($$self, linksStore, $$value => $$invalidate(2, $linksStore = $$value));
 	const selfSubmitFunction = null;
@@ -24962,7 +24989,7 @@ class Terms_conditions 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, {
 			selfSubmitFunction: 5,
 			stepMetadata: 6,
 			style: 7,
@@ -25030,7 +25057,7 @@ function create_else_block$4(ctx) {
 }
 
 // (32:0) {#if callbackMessageType === 'info'}
-function create_if_block$a(ctx) {
+function create_if_block$b(ctx) {
 	let text_1;
 	let current;
 
@@ -25119,12 +25146,12 @@ function create_default_slot$b(ctx) {
 	};
 }
 
-function create_fragment$h(ctx) {
+function create_fragment$i(ctx) {
 	let current_block_type_index;
 	let if_block;
 	let if_block_anchor;
 	let current;
-	const if_block_creators = [create_if_block$a, create_else_block$4];
+	const if_block_creators = [create_if_block$b, create_else_block$4];
 	const if_blocks = [];
 
 	function select_block_type(ctx, dirty) {
@@ -25201,7 +25228,7 @@ function getCallbackMessage(messageType) {
 	}
 }
 
-function instance$i($$self, $$props, $$invalidate) {
+function instance$j($$self, $$props, $$invalidate) {
 	const callbackMetadata = null;
 	const selfSubmitFunction = null;
 	const stepMetadata = null;
@@ -25241,7 +25268,7 @@ class Text_output 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, {
 			callbackMetadata: 2,
 			selfSubmitFunction: 3,
 			stepMetadata: 4,
@@ -25269,7 +25296,7 @@ class Text_output extends SvelteComponent {
 
 /* src/lib/journey/callbacks/unknown/unknown.svelte generated by Svelte v3.59.2 */
 
-function create_fragment$g(ctx) {
+function create_fragment$h(ctx) {
 	let p;
 
 	return {
@@ -25290,7 +25317,7 @@ function create_fragment$g(ctx) {
 	};
 }
 
-function instance$h($$self, $$props, $$invalidate) {
+function instance$i($$self, $$props, $$invalidate) {
 	const callbackMetadata = null;
 	const selfSubmitFunction = null;
 	const stepMetadata = null;
@@ -25309,7 +25336,7 @@ class Unknown 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, {
 			callbackMetadata: 1,
 			selfSubmitFunction: 2,
 			stepMetadata: 3,
@@ -25436,7 +25463,7 @@ function create_key_block$1(ctx) {
 	};
 }
 
-function create_fragment$f(ctx) {
+function create_fragment$g(ctx) {
 	let previous_key = /*callback*/ ctx[0];
 	let key_block_anchor;
 	let current;
@@ -25481,7 +25508,7 @@ function create_fragment$f(ctx) {
 	};
 }
 
-function instance$g($$self, $$props, $$invalidate) {
+function instance$h($$self, $$props, $$invalidate) {
 	const selfSubmitFunction = null;
 	const stepMetadata = null;
 	let { callback } = $$props;
@@ -25533,7 +25560,7 @@ class Validated_create_password 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, {
 			selfSubmitFunction: 7,
 			stepMetadata: 8,
 			callback: 0,
@@ -25667,7 +25694,7 @@ function create_key_block(ctx) {
 	};
 }
 
-function create_fragment$e(ctx) {
+function create_fragment$f(ctx) {
 	let previous_key = /*callback*/ ctx[0];
 	let key_block_anchor;
 	let current;
@@ -25712,7 +25739,7 @@ function create_fragment$e(ctx) {
 	};
 }
 
-function instance$f($$self, $$props, $$invalidate) {
+function instance$g($$self, $$props, $$invalidate) {
 	const selfSubmitFunction = null;
 	const stepMetadata = null;
 	let { callback } = $$props;
@@ -25777,7 +25804,7 @@ class Validated_create_username 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, {
 			selfSubmitFunction: 10,
 			stepMetadata: 11,
 			callback: 0,
@@ -25797,7 +25824,7 @@ class Validated_create_username extends SvelteComponent {
 
 /* src/lib/journey/callbacks/device-profile/device-profile.svelte generated by Svelte v3.59.2 */
 
-function create_if_block$9(ctx) {
+function create_if_block$a(ctx) {
 	let div;
 	let spinner;
 	let t;
@@ -25879,10 +25906,10 @@ function create_default_slot$8(ctx) {
 	};
 }
 
-function create_fragment$d(ctx) {
+function create_fragment$e(ctx) {
 	let if_block_anchor;
 	let current;
-	let if_block = /*stepMetadata*/ ctx[0]?.derived.numOfCallbacks === 1 && create_if_block$9(ctx);
+	let if_block = /*stepMetadata*/ ctx[0]?.derived.numOfCallbacks === 1 && create_if_block$a(ctx);
 
 	return {
 		c() {
@@ -25903,7 +25930,7 @@ function create_fragment$d(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);
@@ -25934,7 +25961,7 @@ function create_fragment$d(ctx) {
 	};
 }
 
-function instance$e($$self, $$props, $$invalidate) {
+function instance$f($$self, $$props, $$invalidate) {
 	let { callback } = $$props;
 	let { callbackMetadata = null } = $$props;
 	let { stepMetadata = null } = $$props;
@@ -25971,7 +25998,7 @@ class Device_profile extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$e, create_fragment$d, safe_not_equal, {
+		init(this, options, instance$f, create_fragment$e, safe_not_equal, {
 			callback: 3,
 			callbackMetadata: 2,
 			stepMetadata: 0,
@@ -25980,6 +26007,166 @@ class Device_profile extends SvelteComponent {
 	}
 }
 
+/* src/lib/journey/callbacks/recaptcha/recaptcha.svelte generated by Svelte v3.59.2 */
+
+function create_if_block$9(ctx) {
+	let script;
+	let script_src_value;
+
+	return {
+		c() {
+			script = element("script");
+			if (!src_url_equal(script.src, script_src_value = /*recaptchaApi*/ ctx[1])) attr(script, "src", script_src_value);
+			script.async = true;
+			script.defer = true;
+		},
+		m(target, anchor) {
+			insert(target, script, anchor);
+		},
+		p: noop,
+		d(detaching) {
+			if (detaching) detach(script);
+		}
+	};
+}
+
+function create_fragment$d(ctx) {
+	let t;
+	let div;
+	let if_block = /*recaptchaApi*/ ctx[1].length && create_if_block$9(ctx);
+
+	return {
+		c() {
+			if (if_block) if_block.c();
+			t = space();
+			div = element("div");
+			attr(div, "id", "fr-recaptcha");
+			attr(div, "class", `${/*recaptchaClass*/ ctx[2]} tw_flex-1 tw_w-full tw_input-spacing`);
+			attr(div, "data-sitekey", /*siteKey*/ ctx[0]);
+			attr(div, "data-expired-callback", "frHandleExpiredCallback");
+			attr(div, "data-chalexpired-callback", "frHandleExpiredCallback");
+			attr(div, "data-error-callback", "frHandleErrorCallback");
+			attr(div, "data-callback", "frHandleCaptcha");
+		},
+		m(target, anchor) {
+			if (if_block) if_block.m(target, anchor);
+			insert(target, t, anchor);
+			insert(target, div, anchor);
+		},
+		p(ctx, [dirty]) {
+			if (/*recaptchaApi*/ ctx[1].length) if_block.p(ctx, dirty);
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (if_block) if_block.d(detaching);
+			if (detaching) detach(t);
+			if (detaching) detach(div);
+		}
+	};
+}
+
+function instance$e($$self, $$props, $$invalidate) {
+	let { callback } = $$props;
+	const selfSubmitFunction = null;
+	const stepMetadata = null;
+	const style = {};
+	const siteKey = callback?.getSiteKey() ?? '';
+	let recaptchaApi = `${callback?.getOutputByName('captchaApiUri', '') ?? ''}`;
+
+	/**
+ * AM defaults the class name to g-captcha which is wrong
+ * I dont think we should be manipulating the class here,
+ * but the classname should be g-recaptcha for google
+ */
+	const recaptchaClass = callback?.getOutputByName('captchaDivClass', 'h-captcha') ?? 'h-captcha';
+
+	onMount(() => {
+		window.frHandleCaptchaError = function handleCaptchaError() {
+			callback?.setResult('');
+
+			if (recaptchaClass.startsWith('h')) {
+				window.hcaptcha.render(recaptchaClass, {
+					sitekey: siteKey,
+					callback: 'frHandleCaptcha',
+					'expired-callback': 'frHandleExpiredCallback',
+					'chalexpired-callback': 'frHandleExpiredCallback',
+					'error-callback': 'frHandleErrorCallback'
+				});
+			} else {
+				window.grecaptcha.render(recaptchaClass, {
+					sitekey: siteKey,
+					callback: window.frHandleCaptcha,
+					'expired-callback': window.frHandleExpiredCallback
+				});
+			}
+		};
+
+		window.frHandleCaptcha = function handleCaptchaToken(token) {
+			callback?.setResult(token);
+		};
+
+		window.frHandleExpiredCallback = function handleExpiredCallback() {
+			callback?.setResult('');
+
+			if (recaptchaClass.startsWith('h')) {
+				window.hcaptcha.render(recaptchaClass, {
+					sitekey: siteKey,
+					callback: 'frHandleCaptcha',
+					'expired-callback': 'frHandleExpiredCallback',
+					'chalexpired-callback': 'frHandleExpiredCallback',
+					'error-callback': 'frHandleErrorCallback'
+				});
+			} else {
+				window.grecaptcha.render(recaptchaClass, {
+					sitekey: siteKey,
+					callback: window.frHandleCaptcha,
+					'expired-callback': window.frHandleExpiredCallback
+				});
+			}
+		};
+	});
+
+	$$self.$$set = $$props => {
+		if ('callback' in $$props) $$invalidate(3, callback = $$props.callback);
+	};
+
+	return [
+		siteKey,
+		recaptchaApi,
+		recaptchaClass,
+		callback,
+		selfSubmitFunction,
+		stepMetadata,
+		style
+	];
+}
+
+class Recaptcha extends SvelteComponent {
+	constructor(options) {
+		super();
+
+		init(this, options, instance$e, create_fragment$d, safe_not_equal, {
+			callback: 3,
+			selfSubmitFunction: 4,
+			stepMetadata: 5,
+			style: 6
+		});
+	}
+
+	get selfSubmitFunction() {
+		return this.$$.ctx[4];
+	}
+
+	get stepMetadata() {
+		return this.$$.ctx[5];
+	}
+
+	get style() {
+		return this.$$.ctx[6];
+	}
+}
+
 /* src/lib/journey/callbacks/metadata/metadata.svelte generated by Svelte v3.59.2 */
 
 function instance$d($$self, $$props, $$invalidate) {
@@ -26032,10 +26219,22 @@ function get_else_ctx(ctx) {
 
 	const constants_0 = {
 		.../*props*/ child_ctx[0],
-		callback: /*_FRCallback*/ child_ctx[20]
+		callback: /*_FRCallback*/ child_ctx[21]
+	};
+
+	child_ctx[22] = constants_0;
+	return child_ctx;
+}
+
+function get_if_ctx_18(ctx) {
+	const child_ctx = ctx.slice();
+
+	const constants_0 = {
+		.../*props*/ child_ctx[0],
+		callback: /*_RecaptchaCallback*/ child_ctx[20]
 	};
 
-	child_ctx[21] = constants_0;
+	child_ctx[22] = constants_0;
 	return child_ctx;
 }
 
@@ -26047,7 +26246,7 @@ function get_if_ctx_17(ctx) {
 		callback: /*_MetadataCallback*/ child_ctx[18]
 	};
 
-	child_ctx[21] = constants_0;
+	child_ctx[22] = constants_0;
 	return child_ctx;
 }
 
@@ -26059,7 +26258,7 @@ function get_if_ctx_16(ctx) {
 		callback: /*_DeviceProfileCallback*/ child_ctx[19]
 	};
 
-	child_ctx[21] = constants_0;
+	child_ctx[22] = constants_0;
 	return child_ctx;
 }
 
@@ -26071,7 +26270,7 @@ function get_if_ctx_15(ctx) {
 		callback: /*_SuspendedTextOutputCallback*/ child_ctx[17]
 	};
 
-	child_ctx[21] = constants_0;
+	child_ctx[22] = constants_0;
 	return child_ctx;
 }
 
@@ -26083,7 +26282,7 @@ function get_if_ctx_14(ctx) {
 		callback: /*_TextOutputCallback*/ child_ctx[16]
 	};
 
-	child_ctx[21] = constants_0;
+	child_ctx[22] = constants_0;
 	return child_ctx;
 }
 
@@ -26095,7 +26294,7 @@ function get_if_ctx_13(ctx) {
 		callback: /*_TermsAndConditionsCallback*/ child_ctx[15]
 	};
 
-	child_ctx[21] = constants_0;
+	child_ctx[22] = constants_0;
 	return child_ctx;
 }
 
@@ -26107,7 +26306,7 @@ function get_if_ctx_12(ctx) {
 		callback: /*_ValidatedCreateUsernameCallback*/ child_ctx[14]
 	};
 
-	child_ctx[21] = constants_0;
+	child_ctx[22] = constants_0;
 	return child_ctx;
 }
 
@@ -26119,7 +26318,7 @@ function get_if_ctx_11(ctx) {
 		callback: /*_ValidatedCreatePasswordCallback*/ child_ctx[13]
 	};
 
-	child_ctx[21] = constants_0;
+	child_ctx[22] = constants_0;
 	return child_ctx;
 }
 
@@ -26131,7 +26330,7 @@ function get_if_ctx_10(ctx) {
 		callback: /*_StringAttributeInputCallback*/ child_ctx[12]
 	};
 
-	child_ctx[21] = constants_0;
+	child_ctx[22] = constants_0;
 	return child_ctx;
 }
 
@@ -26143,7 +26342,7 @@ function get_if_ctx_9(ctx) {
 		callback: /*_SelectIdPCallback*/ child_ctx[11]
 	};
 
-	child_ctx[21] = constants_0;
+	child_ctx[22] = constants_0;
 	return child_ctx;
 }
 
@@ -26155,7 +26354,7 @@ function get_if_ctx_8(ctx) {
 		callback: /*_RedirectCallback*/ child_ctx[10]
 	};
 
-	child_ctx[21] = constants_0;
+	child_ctx[22] = constants_0;
 	return child_ctx;
 }
 
@@ -26167,7 +26366,7 @@ function get_if_ctx_7(ctx) {
 		callback: /*_PollingWaitCallback*/ child_ctx[9]
 	};
 
-	child_ctx[21] = constants_0;
+	child_ctx[22] = constants_0;
 	return child_ctx;
 }
 
@@ -26179,7 +26378,7 @@ function get_if_ctx_6(ctx) {
 		callback: /*_PasswordCallback*/ child_ctx[8]
 	};
 
-	child_ctx[21] = constants_0;
+	child_ctx[22] = constants_0;
 	return child_ctx;
 }
 
@@ -26191,7 +26390,7 @@ function get_if_ctx_5(ctx) {
 		callback: /*_NameCallback*/ child_ctx[7]
 	};
 
-	child_ctx[21] = constants_0;
+	child_ctx[22] = constants_0;
 	return child_ctx;
 }
 
@@ -26203,7 +26402,7 @@ function get_if_ctx_4(ctx) {
 		callback: /*_KbaCreateCallback*/ child_ctx[6]
 	};
 
-	child_ctx[21] = constants_0;
+	child_ctx[22] = constants_0;
 	return child_ctx;
 }
 
@@ -26215,7 +26414,7 @@ function get_if_ctx_3(ctx) {
 		callback: /*_HiddenValueCallback*/ child_ctx[5]
 	};
 
-	child_ctx[21] = constants_0;
+	child_ctx[22] = constants_0;
 	return child_ctx;
 }
 
@@ -26227,7 +26426,7 @@ function get_if_ctx_2(ctx) {
 		callback: /*_ConfirmationCallback*/ child_ctx[4]
 	};
 
-	child_ctx[21] = constants_0;
+	child_ctx[22] = constants_0;
 	return child_ctx;
 }
 
@@ -26239,7 +26438,7 @@ function get_if_ctx_1(ctx) {
 		callback: /*_ChoiceCallback*/ child_ctx[3]
 	};
 
-	child_ctx[21] = constants_0;
+	child_ctx[22] = constants_0;
 	return child_ctx;
 }
 
@@ -26251,15 +26450,15 @@ function get_if_ctx(ctx) {
 		callback: /*_BooleanAttributeInputCallback*/ child_ctx[2]
 	};
 
-	child_ctx[21] = constants_0;
+	child_ctx[22] = constants_0;
 	return child_ctx;
 }
 
-// (220:0) {:else}
+// (231:0) {:else}
 function create_else_block$3(ctx) {
 	let unknown;
 	let current;
-	const unknown_spread_levels = [/*newProps*/ ctx[21]];
+	const unknown_spread_levels = [/*newProps*/ ctx[22]];
 	let unknown_props = {};
 
 	for (let i = 0; i < unknown_spread_levels.length; i += 1) {
@@ -26277,8 +26476,8 @@ function create_else_block$3(ctx) {
 			current = true;
 		},
 		p(ctx, dirty) {
-			const unknown_changes = (dirty & /*props, _FRCallback*/ 1048577)
-			? get_spread_update(unknown_spread_levels, [get_spread_object(/*newProps*/ ctx[21])])
+			const unknown_changes = (dirty & /*props, _FRCallback*/ 2097153)
+			? get_spread_update(unknown_spread_levels, [get_spread_object(/*newProps*/ ctx[22])])
 			: {};
 
 			unknown.$set(unknown_changes);
@@ -26298,11 +26497,54 @@ function create_else_block$3(ctx) {
 	};
 }
 
-// (214:51) 
+// (225:52) 
+function create_if_block_18(ctx) {
+	let recaptcha;
+	let current;
+	const recaptcha_spread_levels = [/*newProps*/ ctx[22]];
+	let recaptcha_props = {};
+
+	for (let i = 0; i < recaptcha_spread_levels.length; i += 1) {
+		recaptcha_props = assign(recaptcha_props, recaptcha_spread_levels[i]);
+	}
+
+	recaptcha = new Recaptcha({ props: recaptcha_props });
+
+	return {
+		c() {
+			create_component(recaptcha.$$.fragment);
+		},
+		m(target, anchor) {
+			mount_component(recaptcha, target, anchor);
+			current = true;
+		},
+		p(ctx, dirty) {
+			const recaptcha_changes = (dirty & /*props, _RecaptchaCallback*/ 1048577)
+			? get_spread_update(recaptcha_spread_levels, [get_spread_object(/*newProps*/ ctx[22])])
+			: {};
+
+			recaptcha.$set(recaptcha_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(recaptcha.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(recaptcha.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			destroy_component(recaptcha, detaching);
+		}
+	};
+}
+
+// (219:51) 
 function create_if_block_17(ctx) {
 	let metadata;
 	let current;
-	const metadata_spread_levels = [/*newProps*/ ctx[21]];
+	const metadata_spread_levels = [/*newProps*/ ctx[22]];
 	let metadata_props = {};
 
 	for (let i = 0; i < metadata_spread_levels.length; i += 1) {
@@ -26321,7 +26563,7 @@ function create_if_block_17(ctx) {
 		},
 		p(ctx, dirty) {
 			const metadata_changes = (dirty & /*props, _MetadataCallback*/ 262145)
-			? get_spread_update(metadata_spread_levels, [get_spread_object(/*newProps*/ ctx[21])])
+			? get_spread_update(metadata_spread_levels, [get_spread_object(/*newProps*/ ctx[22])])
 			: {};
 
 			metadata.$set(metadata_changes);
@@ -26341,11 +26583,11 @@ function create_if_block_17(ctx) {
 	};
 }
 
-// (208:56) 
+// (213:56) 
 function create_if_block_16(ctx) {
 	let deviceprofile;
 	let current;
-	const deviceprofile_spread_levels = [/*newProps*/ ctx[21]];
+	const deviceprofile_spread_levels = [/*newProps*/ ctx[22]];
 	let deviceprofile_props = {};
 
 	for (let i = 0; i < deviceprofile_spread_levels.length; i += 1) {
@@ -26364,7 +26606,7 @@ function create_if_block_16(ctx) {
 		},
 		p(ctx, dirty) {
 			const deviceprofile_changes = (dirty & /*props, _DeviceProfileCallback*/ 524289)
-			? get_spread_update(deviceprofile_spread_levels, [get_spread_object(/*newProps*/ ctx[21])])
+			? get_spread_update(deviceprofile_spread_levels, [get_spread_object(/*newProps*/ ctx[22])])
 			: {};
 
 			deviceprofile.$set(deviceprofile_changes);
@@ -26384,11 +26626,11 @@ function create_if_block_16(ctx) {
 	};
 }
 
-// (202:62) 
+// (207:62) 
 function create_if_block_15(ctx) {
 	let textoutput;
 	let current;
-	const textoutput_spread_levels = [/*newProps*/ ctx[21]];
+	const textoutput_spread_levels = [/*newProps*/ ctx[22]];
 	let textoutput_props = {};
 
 	for (let i = 0; i < textoutput_spread_levels.length; i += 1) {
@@ -26407,7 +26649,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[21])])
+			? get_spread_update(textoutput_spread_levels, [get_spread_object(/*newProps*/ ctx[22])])
 			: {};
 
 			textoutput.$set(textoutput_changes);
@@ -26427,11 +26669,11 @@ function create_if_block_15(ctx) {
 	};
 }
 
-// (196:53) 
+// (201:53) 
 function create_if_block_14(ctx) {
 	let textoutput;
 	let current;
-	const textoutput_spread_levels = [/*newProps*/ ctx[21]];
+	const textoutput_spread_levels = [/*newProps*/ ctx[22]];
 	let textoutput_props = {};
 
 	for (let i = 0; i < textoutput_spread_levels.length; i += 1) {
@@ -26450,7 +26692,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[21])])
+			? get_spread_update(textoutput_spread_levels, [get_spread_object(/*newProps*/ ctx[22])])
 			: {};
 
 			textoutput.$set(textoutput_changes);
@@ -26470,11 +26712,11 @@ function create_if_block_14(ctx) {
 	};
 }
 
-// (190:61) 
+// (195:61) 
 function create_if_block_13(ctx) {
 	let termsconditions;
 	let current;
-	const termsconditions_spread_levels = [/*newProps*/ ctx[21]];
+	const termsconditions_spread_levels = [/*newProps*/ ctx[22]];
 	let termsconditions_props = {};
 
 	for (let i = 0; i < termsconditions_spread_levels.length; i += 1) {
@@ -26493,7 +26735,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[21])])
+			? get_spread_update(termsconditions_spread_levels, [get_spread_object(/*newProps*/ ctx[22])])
 			: {};
 
 			termsconditions.$set(termsconditions_changes);
@@ -26513,11 +26755,11 @@ function create_if_block_13(ctx) {
 	};
 }
 
-// (184:66) 
+// (189:66) 
 function create_if_block_12(ctx) {
 	let validatedcreateusername;
 	let current;
-	const validatedcreateusername_spread_levels = [/*newProps*/ ctx[21]];
+	const validatedcreateusername_spread_levels = [/*newProps*/ ctx[22]];
 	let validatedcreateusername_props = {};
 
 	for (let i = 0; i < validatedcreateusername_spread_levels.length; i += 1) {
@@ -26536,7 +26778,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[21])])
+			? get_spread_update(validatedcreateusername_spread_levels, [get_spread_object(/*newProps*/ ctx[22])])
 			: {};
 
 			validatedcreateusername.$set(validatedcreateusername_changes);
@@ -26556,11 +26798,11 @@ function create_if_block_12(ctx) {
 	};
 }
 
-// (178:66) 
+// (183:66) 
 function create_if_block_11(ctx) {
 	let validatedcreatepassword;
 	let current;
-	const validatedcreatepassword_spread_levels = [/*newProps*/ ctx[21]];
+	const validatedcreatepassword_spread_levels = [/*newProps*/ ctx[22]];
 	let validatedcreatepassword_props = {};
 
 	for (let i = 0; i < validatedcreatepassword_spread_levels.length; i += 1) {
@@ -26579,7 +26821,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[21])])
+			? get_spread_update(validatedcreatepassword_spread_levels, [get_spread_object(/*newProps*/ ctx[22])])
 			: {};
 
 			validatedcreatepassword.$set(validatedcreatepassword_changes);
@@ -26599,11 +26841,11 @@ function create_if_block_11(ctx) {
 	};
 }
 
-// (172:63) 
+// (177:63) 
 function create_if_block_10(ctx) {
 	let stringattributeinput;
 	let current;
-	const stringattributeinput_spread_levels = [/*newProps*/ ctx[21]];
+	const stringattributeinput_spread_levels = [/*newProps*/ ctx[22]];
 	let stringattributeinput_props = {};
 
 	for (let i = 0; i < stringattributeinput_spread_levels.length; i += 1) {
@@ -26622,7 +26864,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[21])])
+			? get_spread_update(stringattributeinput_spread_levels, [get_spread_object(/*newProps*/ ctx[22])])
 			: {};
 
 			stringattributeinput.$set(stringattributeinput_changes);
@@ -26642,11 +26884,11 @@ function create_if_block_10(ctx) {
 	};
 }
 
-// (166:52) 
+// (171:52) 
 function create_if_block_9(ctx) {
 	let selectidp;
 	let current;
-	const selectidp_spread_levels = [/*newProps*/ ctx[21]];
+	const selectidp_spread_levels = [/*newProps*/ ctx[22]];
 	let selectidp_props = {};
 
 	for (let i = 0; i < selectidp_spread_levels.length; i += 1) {
@@ -26665,7 +26907,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[21])])
+			? get_spread_update(selectidp_spread_levels, [get_spread_object(/*newProps*/ ctx[22])])
 			: {};
 
 			selectidp.$set(selectidp_changes);
@@ -26685,11 +26927,11 @@ function create_if_block_9(ctx) {
 	};
 }
 
-// (160:51) 
+// (165:51) 
 function create_if_block_8(ctx) {
 	let redirect;
 	let current;
-	const redirect_spread_levels = [/*newProps*/ ctx[21]];
+	const redirect_spread_levels = [/*newProps*/ ctx[22]];
 	let redirect_props = {};
 
 	for (let i = 0; i < redirect_spread_levels.length; i += 1) {
@@ -26708,7 +26950,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[21])])
+			? get_spread_update(redirect_spread_levels, [get_spread_object(/*newProps*/ ctx[22])])
 			: {};
 
 			redirect.$set(redirect_changes);
@@ -26728,11 +26970,11 @@ function create_if_block_8(ctx) {
 	};
 }
 
-// (154:54) 
+// (159:54) 
 function create_if_block_7(ctx) {
 	let pollingwait;
 	let current;
-	const pollingwait_spread_levels = [/*newProps*/ ctx[21]];
+	const pollingwait_spread_levels = [/*newProps*/ ctx[22]];
 	let pollingwait_props = {};
 
 	for (let i = 0; i < pollingwait_spread_levels.length; i += 1) {
@@ -26751,7 +26993,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[21])])
+			? get_spread_update(pollingwait_spread_levels, [get_spread_object(/*newProps*/ ctx[22])])
 			: {};
 
 			pollingwait.$set(pollingwait_changes);
@@ -26771,11 +27013,11 @@ function create_if_block_7(ctx) {
 	};
 }
 
-// (148:51) 
+// (153:51) 
 function create_if_block_6(ctx) {
 	let password;
 	let current;
-	const password_spread_levels = [/*newProps*/ ctx[21]];
+	const password_spread_levels = [/*newProps*/ ctx[22]];
 	let password_props = {};
 
 	for (let i = 0; i < password_spread_levels.length; i += 1) {
@@ -26794,7 +27036,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[21])])
+			? get_spread_update(password_spread_levels, [get_spread_object(/*newProps*/ ctx[22])])
 			: {};
 
 			password.$set(password_changes);
@@ -26814,11 +27056,11 @@ function create_if_block_6(ctx) {
 	};
 }
 
-// (142:47) 
+// (147:47) 
 function create_if_block_5(ctx) {
 	let name;
 	let current;
-	const name_spread_levels = [/*newProps*/ ctx[21]];
+	const name_spread_levels = [/*newProps*/ ctx[22]];
 	let name_props = {};
 
 	for (let i = 0; i < name_spread_levels.length; i += 1) {
@@ -26837,7 +27079,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[21])])
+			? get_spread_update(name_spread_levels, [get_spread_object(/*newProps*/ ctx[22])])
 			: {};
 
 			name.$set(name_changes);
@@ -26857,11 +27099,11 @@ function create_if_block_5(ctx) {
 	};
 }
 
-// (136:52) 
+// (141:52) 
 function create_if_block_4$1(ctx) {
 	let kbacreate;
 	let current;
-	const kbacreate_spread_levels = [/*newProps*/ ctx[21]];
+	const kbacreate_spread_levels = [/*newProps*/ ctx[22]];
 	let kbacreate_props = {};
 
 	for (let i = 0; i < kbacreate_spread_levels.length; i += 1) {
@@ -26880,7 +27122,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[21])])
+			? get_spread_update(kbacreate_spread_levels, [get_spread_object(/*newProps*/ ctx[22])])
 			: {};
 
 			kbacreate.$set(kbacreate_changes);
@@ -26900,11 +27142,11 @@ function create_if_block_4$1(ctx) {
 	};
 }
 
-// (130:54) 
+// (135:54) 
 function create_if_block_3$4(ctx) {
 	let hiddenvalue;
 	let current;
-	const hiddenvalue_spread_levels = [/*newProps*/ ctx[21]];
+	const hiddenvalue_spread_levels = [/*newProps*/ ctx[22]];
 	let hiddenvalue_props = {};
 
 	for (let i = 0; i < hiddenvalue_spread_levels.length; i += 1) {
@@ -26923,7 +27165,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[21])])
+			? get_spread_update(hiddenvalue_spread_levels, [get_spread_object(/*newProps*/ ctx[22])])
 			: {};
 
 			hiddenvalue.$set(hiddenvalue_changes);
@@ -26943,11 +27185,11 @@ function create_if_block_3$4(ctx) {
 	};
 }
 
-// (124:55) 
+// (129:55) 
 function create_if_block_2$6(ctx) {
 	let confirmation;
 	let current;
-	const confirmation_spread_levels = [/*newProps*/ ctx[21]];
+	const confirmation_spread_levels = [/*newProps*/ ctx[22]];
 	let confirmation_props = {};
 
 	for (let i = 0; i < confirmation_spread_levels.length; i += 1) {
@@ -26966,7 +27208,7 @@ function create_if_block_2$6(ctx) {
 		},
 		p(ctx, dirty) {
 			const confirmation_changes = (dirty & /*props, _ConfirmationCallback*/ 17)
-			? get_spread_update(confirmation_spread_levels, [get_spread_object(/*newProps*/ ctx[21])])
+			? get_spread_update(confirmation_spread_levels, [get_spread_object(/*newProps*/ ctx[22])])
 			: {};
 
 			confirmation.$set(confirmation_changes);
@@ -26986,11 +27228,11 @@ function create_if_block_2$6(ctx) {
 	};
 }
 
-// (118:49) 
+// (123:49) 
 function create_if_block_1$6(ctx) {
 	let choice;
 	let current;
-	const choice_spread_levels = [/*newProps*/ ctx[21]];
+	const choice_spread_levels = [/*newProps*/ ctx[22]];
 	let choice_props = {};
 
 	for (let i = 0; i < choice_spread_levels.length; i += 1) {
@@ -27009,7 +27251,7 @@ function create_if_block_1$6(ctx) {
 		},
 		p(ctx, dirty) {
 			const choice_changes = (dirty & /*props, _ChoiceCallback*/ 9)
-			? get_spread_update(choice_spread_levels, [get_spread_object(/*newProps*/ ctx[21])])
+			? get_spread_update(choice_spread_levels, [get_spread_object(/*newProps*/ ctx[22])])
 			: {};
 
 			choice.$set(choice_changes);
@@ -27029,11 +27271,11 @@ function create_if_block_1$6(ctx) {
 	};
 }
 
-// (112:0) {#if cbType === CallbackType.BooleanAttributeInputCallback}
+// (117:0) {#if cbType === CallbackType.BooleanAttributeInputCallback}
 function create_if_block$8(ctx) {
 	let boolean;
 	let current;
-	const boolean_spread_levels = [/*newProps*/ ctx[21]];
+	const boolean_spread_levels = [/*newProps*/ ctx[22]];
 	let boolean_props = {};
 
 	for (let i = 0; i < boolean_spread_levels.length; i += 1) {
@@ -27052,7 +27294,7 @@ function create_if_block$8(ctx) {
 		},
 		p(ctx, dirty) {
 			const boolean_changes = (dirty & /*props, _BooleanAttributeInputCallback*/ 5)
-			? get_spread_update(boolean_spread_levels, [get_spread_object(/*newProps*/ ctx[21])])
+			? get_spread_update(boolean_spread_levels, [get_spread_object(/*newProps*/ ctx[22])])
 			: {};
 
 			boolean.$set(boolean_changes);
@@ -27097,6 +27339,7 @@ function create_fragment$c(ctx) {
 		create_if_block_15,
 		create_if_block_16,
 		create_if_block_17,
+		create_if_block_18,
 		create_else_block$3
 	];
 
@@ -27121,7 +27364,8 @@ function create_fragment$c(ctx) {
 		if (/*cbType*/ ctx[1] === CallbackType.SuspendedTextOutputCallback) return 15;
 		if (/*cbType*/ ctx[1] === CallbackType.DeviceProfileCallback) return 16;
 		if (/*cbType*/ ctx[1] === CallbackType.MetadataCallback) return 17;
-		return 18;
+		if (/*cbType*/ ctx[1] === CallbackType.ReCaptchaCallback) return 18;
+		return 19;
 	}
 
 	function select_block_ctx(ctx, index) {
@@ -27143,6 +27387,7 @@ function create_fragment$c(ctx) {
 		if (index === 15) return get_if_ctx_15(ctx);
 		if (index === 16) return get_if_ctx_16(ctx);
 		if (index === 17) return get_if_ctx_17(ctx);
+		if (index === 18) return get_if_ctx_18(ctx);
 		return get_else_ctx(ctx);
 	}
 
@@ -27223,6 +27468,7 @@ function instance$c($$self, $$props, $$invalidate) {
 	let _SuspendedTextOutputCallback;
 	let _MetadataCallback;
 	let _DeviceProfileCallback;
+	let _RecaptchaCallback;
 	let _FRCallback;
 
 	$$self.$$set = $$props => {
@@ -27253,6 +27499,9 @@ function instance$c($$self, $$props, $$invalidate) {
 					case CallbackType.NameCallback:
 						$$invalidate(7, _NameCallback = props.callback);
 						break;
+					case CallbackType.ReCaptchaCallback:
+						$$invalidate(20, _RecaptchaCallback = props.callback);
+						break;
 					case CallbackType.PasswordCallback:
 						$$invalidate(8, _PasswordCallback = props.callback);
 						break;
@@ -27290,7 +27539,7 @@ function instance$c($$self, $$props, $$invalidate) {
 						$$invalidate(18, _MetadataCallback = props.callback);
 						break;
 					default:
-						$$invalidate(20, _FRCallback = props.callback);
+						$$invalidate(21, _FRCallback = props.callback);
 				}
 			}
 		}
@@ -27317,6 +27566,7 @@ function instance$c($$self, $$props, $$invalidate) {
 		_SuspendedTextOutputCallback,
 		_MetadataCallback,
 		_DeviceProfileCallback,
+		_RecaptchaCallback,
 		_FRCallback
 	];
 }