npm - @forgerock/login-widget - Versions diffs - 1.2.0-beta.4 → 1.2.0-beta.6 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/index.cjs CHANGED Viewed

@@ -54,6 +54,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;
 }
@@ -9089,7 +9097,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).',
@@ -9100,25 +9109,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())
@@ -9130,7 +9142,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'),
     ])
@@ -12072,7 +12085,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,
@@ -12081,6 +12096,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
@@ -12121,7 +12146,7 @@ function initialize$2(initOptions) {
                     completed: true,
                     error: {
                         message: err.message,
-                        troubleshoot: err.message === interactionNeeded ? sessionCookieConsentMessage : '',
+                        troubleshoot: getTroubleshootingMessage(err.message),
                     },
                     loading: false,
                     successful: false,
@@ -12247,11 +12272,13 @@ const styleSchema = z
         .object({
         header: z.boolean().optional(),
     })
+        .strict()
         .optional(),
     stage: z
         .object({
         icon: z.boolean().optional(),
     })
+        .strict()
         .optional(),
 })
     .strict();
@@ -12619,7 +12646,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);
@@ -12716,12 +12743,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) {
@@ -12785,7 +12812,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;
@@ -12813,13 +12840,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;
@@ -12895,7 +12922,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;
@@ -12912,7 +12939,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 });
 	}
 }
@@ -13017,7 +13044,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;
@@ -13193,7 +13220,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;
@@ -13201,7 +13228,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) {
@@ -13313,7 +13340,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;
@@ -13387,7 +13414,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,
@@ -13403,7 +13430,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;
@@ -13479,7 +13506,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;
@@ -13496,13 +13523,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;
@@ -13578,7 +13605,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;
@@ -13595,13 +13622,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;
@@ -13677,7 +13704,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;
@@ -13694,7 +13721,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 });
 	}
 }
@@ -13758,7 +13785,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({});
@@ -13786,7 +13813,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;
@@ -13795,7 +13822,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) {
@@ -13922,7 +13949,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;
@@ -13959,13 +13986,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;
@@ -14009,7 +14036,7 @@ function create_fragment$X(ctx) {
 	};
 }
-function instance$Z($$self, $$props, $$invalidate) {
+function instance$_($$self, $$props, $$invalidate) {
 	let { colorClass } = $$props;
 	let { layoutClasses } = $$props;
@@ -14024,13 +14051,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;
@@ -14081,14 +14108,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();
@@ -14130,7 +14157,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);
@@ -14211,7 +14238,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;
@@ -14241,7 +14268,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,
@@ -14254,7 +14281,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;
@@ -14341,7 +14368,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;
@@ -14468,7 +14495,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,
@@ -14533,7 +14560,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);
@@ -14630,12 +14657,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) {
@@ -14699,7 +14726,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;
@@ -14725,13 +14752,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;
@@ -14807,7 +14834,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;
@@ -14824,13 +14851,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]) + "";
@@ -14866,9 +14893,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() {
@@ -14884,7 +14911,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);
 				}
@@ -14902,7 +14929,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));
@@ -14943,7 +14970,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 });
 	}
 }
@@ -15407,7 +15434,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;
@@ -15438,9 +15465,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() {
@@ -15456,7 +15483,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);
 				}
@@ -15488,7 +15515,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;
@@ -15519,7 +15546,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,
@@ -15531,7 +15558,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;
@@ -15594,7 +15621,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;
@@ -15611,7 +15638,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 });
 	}
 }
@@ -15674,7 +15701,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;
@@ -15798,7 +15825,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;
@@ -15867,7 +15894,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,
@@ -15930,7 +15957,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;
@@ -16027,7 +16054,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;
@@ -16078,7 +16105,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,
@@ -16138,7 +16165,7 @@ function create_default_slot$q(ctx) {
 	};
 }
-function create_fragment$N(ctx) {
+function create_fragment$O(ctx) {
 	let div;
 	let checkbox;
 	let t;
@@ -16225,7 +16252,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;
@@ -16278,7 +16305,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,
@@ -16369,7 +16396,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;
@@ -16414,7 +16441,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;
@@ -16481,7 +16508,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,
@@ -16649,7 +16676,7 @@ function create_each_block$a(ctx) {
 	};
 }
-function create_fragment$L(ctx) {
+function create_fragment$M(ctx) {
 	let fieldset;
 	let legend;
 	let t0;
@@ -16780,7 +16807,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;
@@ -16842,7 +16869,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,
@@ -16907,7 +16934,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;
@@ -17014,7 +17041,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;
@@ -17071,7 +17098,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,
@@ -17181,7 +17208,7 @@ function create_each_block$9(ctx) {
 	};
 }
-function create_fragment$J(ctx) {
+function create_fragment$K(ctx) {
 	let fieldset;
 	let legend;
 	let t0;
@@ -17309,7 +17336,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;
@@ -17355,7 +17382,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,
@@ -17489,7 +17516,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;
@@ -17561,7 +17588,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;
@@ -17579,7 +17606,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() {
@@ -17703,7 +17730,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);
@@ -17744,7 +17771,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;
@@ -17831,7 +17858,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,
@@ -17849,7 +17876,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;
@@ -17932,7 +17959,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;
@@ -17987,7 +18014,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,
@@ -18005,7 +18032,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;
@@ -18087,7 +18114,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;
@@ -18142,7 +18169,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,
@@ -18209,7 +18236,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;
@@ -18259,12 +18286,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) {
@@ -18328,7 +18355,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;
@@ -18416,7 +18443,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,
@@ -18436,7 +18463,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;
@@ -18512,7 +18539,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;
@@ -18527,7 +18554,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 });
 	}
 }
@@ -18540,7 +18567,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;
@@ -19019,10 +19046,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() {
@@ -19043,7 +19070,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);
@@ -19074,7 +19101,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;
@@ -19193,7 +19220,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,
@@ -19209,7 +19236,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;
@@ -19222,7 +19249,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,
@@ -19802,7 +19829,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;
@@ -19869,7 +19896,7 @@ function create_default_slot$j(ctx) {
 	};
 }
-function create_fragment$C(ctx) {
+function create_fragment$D(ctx) {
 	let t0;
 	let t1;
 	let t2;
@@ -19886,7 +19913,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() {
@@ -20036,7 +20063,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);
@@ -20083,7 +20110,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;
@@ -20227,7 +20254,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,
@@ -20249,7 +20276,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;
@@ -20424,7 +20451,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;
@@ -20495,7 +20522,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,
@@ -20517,7 +20544,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;
@@ -20696,7 +20723,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;
@@ -20770,7 +20797,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,
@@ -20791,7 +20818,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;
@@ -20872,7 +20899,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;
@@ -20889,13 +20916,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;
@@ -20940,7 +20967,7 @@ function create_if_block$g(ctx) {
 	};
 }
-function create_fragment$y(ctx) {
+function create_fragment$z(ctx) {
 	let fieldset;
 	let legend;
 	let t0;
@@ -20976,7 +21003,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);
@@ -21055,7 +21082,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);
@@ -21113,7 +21140,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;
@@ -21269,7 +21296,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,
@@ -21342,7 +21369,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;
@@ -21387,7 +21414,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;
@@ -21439,7 +21466,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,
@@ -21541,7 +21568,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;
@@ -21622,12 +21649,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) {
@@ -21691,7 +21718,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;
@@ -21710,7 +21737,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 });
 	}
 }
@@ -21856,7 +21883,7 @@ function create_input_button_slot$1(ctx) {
 	};
 }
-function create_fragment$v(ctx) {
+function create_fragment$w(ctx) {
 	let input;
 	let current;
@@ -21927,7 +21954,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;
@@ -22014,7 +22041,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,
@@ -22170,7 +22197,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;
@@ -22253,7 +22280,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() {
@@ -22302,7 +22329,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);
@@ -22337,7 +22364,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;
@@ -22382,7 +22409,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;
@@ -22507,7 +22534,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,
@@ -22522,7 +22549,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;
@@ -22566,7 +22593,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;
@@ -22596,7 +22623,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,
@@ -22616,7 +22643,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;
@@ -22674,7 +22701,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;
@@ -22689,7 +22716,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 });
 	}
 }
@@ -22714,7 +22741,7 @@ function create_default_slot$g(ctx) {
 	};
 }
-function create_fragment$r(ctx) {
+function create_fragment$s(ctx) {
 	let div;
 	let spinner;
 	let t;
@@ -22778,7 +22805,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;
@@ -22820,7 +22847,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,
@@ -22859,7 +22886,7 @@ function create_default_slot$f(ctx) {
 	};
 }
-function create_fragment$q(ctx) {
+function create_fragment$r(ctx) {
 	let div;
 	let spinner;
 	let t;
@@ -22924,7 +22951,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;
@@ -22951,7 +22978,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,
@@ -22979,7 +23006,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;
@@ -23024,7 +23051,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;
@@ -23039,13 +23066,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;
@@ -23086,7 +23113,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;
@@ -23101,13 +23128,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;
@@ -23172,7 +23199,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;
@@ -23187,7 +23214,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 });
 	}
 }
@@ -23678,7 +23705,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;
@@ -23732,7 +23759,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;
@@ -23747,7 +23774,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() {
@@ -23805,7 +23832,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);
@@ -23849,7 +23876,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;
@@ -23919,7 +23946,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,
@@ -24046,7 +24073,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;
@@ -24193,12 +24220,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) {
@@ -24279,7 +24306,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;
@@ -24337,7 +24364,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,
@@ -24461,7 +24488,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;
@@ -24506,7 +24533,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;
@@ -24582,7 +24609,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,
@@ -24602,7 +24629,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;
@@ -24670,7 +24697,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;
@@ -24689,7 +24716,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 });
 	}
 }
@@ -24717,7 +24744,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;
@@ -24843,12 +24870,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) {
@@ -24912,7 +24939,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;
@@ -24966,7 +24993,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,
@@ -25034,7 +25061,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;
@@ -25123,12 +25150,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) {
@@ -25205,7 +25232,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;
@@ -25245,7 +25272,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,
@@ -25273,7 +25300,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 {
@@ -25294,7 +25321,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;
@@ -25313,7 +25340,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,
@@ -25440,7 +25467,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;
@@ -25485,7 +25512,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;
@@ -25537,7 +25564,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,
@@ -25671,7 +25698,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;
@@ -25716,7 +25743,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;
@@ -25781,7 +25808,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,
@@ -25801,7 +25828,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;
@@ -25883,10 +25910,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() {
@@ -25907,7 +25934,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);
@@ -25938,7 +25965,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;
@@ -25975,7 +26002,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,
@@ -25984,6 +26011,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) {
@@ -26036,10 +26223,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;
 }
@@ -26051,7 +26250,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;
 }
@@ -26063,7 +26262,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;
 }
@@ -26075,7 +26274,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;
 }
@@ -26087,7 +26286,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;
 }
@@ -26099,7 +26298,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;
 }
@@ -26111,7 +26310,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;
 }
@@ -26123,7 +26322,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;
 }
@@ -26135,7 +26334,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;
 }
@@ -26147,7 +26346,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;
 }
@@ -26159,7 +26358,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;
 }
@@ -26171,7 +26370,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;
 }
@@ -26183,7 +26382,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;
 }
@@ -26195,7 +26394,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;
 }
@@ -26207,7 +26406,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;
 }
@@ -26219,7 +26418,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;
 }
@@ -26231,7 +26430,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;
 }
@@ -26243,7 +26442,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;
 }
@@ -26255,15 +26454,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) {
@@ -26281,8 +26480,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);
@@ -26302,11 +26501,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) {
@@ -26325,7 +26567,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);
@@ -26345,11 +26587,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) {
@@ -26368,7 +26610,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);
@@ -26388,11 +26630,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) {
@@ -26411,7 +26653,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);
@@ -26431,11 +26673,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) {
@@ -26454,7 +26696,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);
@@ -26474,11 +26716,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) {
@@ -26497,7 +26739,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);
@@ -26517,11 +26759,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) {
@@ -26540,7 +26782,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);
@@ -26560,11 +26802,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) {
@@ -26583,7 +26825,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);
@@ -26603,11 +26845,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) {
@@ -26626,7 +26868,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);
@@ -26646,11 +26888,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) {
@@ -26669,7 +26911,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);
@@ -26689,11 +26931,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) {
@@ -26712,7 +26954,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);
@@ -26732,11 +26974,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) {
@@ -26755,7 +26997,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);
@@ -26775,11 +27017,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) {
@@ -26798,7 +27040,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);
@@ -26818,11 +27060,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) {
@@ -26841,7 +27083,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);
@@ -26861,11 +27103,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) {
@@ -26884,7 +27126,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);
@@ -26904,11 +27146,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) {
@@ -26927,7 +27169,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);
@@ -26947,11 +27189,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) {
@@ -26970,7 +27212,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);
@@ -26990,11 +27232,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) {
@@ -27013,7 +27255,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);
@@ -27033,11 +27275,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) {
@@ -27056,7 +27298,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);
@@ -27101,6 +27343,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
 	];
@@ -27125,7 +27368,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) {
@@ -27147,6 +27391,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);
 	}
@@ -27227,6 +27472,7 @@ function instance$c($$self, $$props, $$invalidate) {
 	let _SuspendedTextOutputCallback;
 	let _MetadataCallback;
 	let _DeviceProfileCallback;
+	let _RecaptchaCallback;
 	let _FRCallback;
 	$$self.$$set = $$props => {
@@ -27257,6 +27503,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;
@@ -27294,7 +27543,7 @@ function instance$c($$self, $$props, $$invalidate) {
 						$$invalidate(18, _MetadataCallback = props.callback);
 						break;
 					default:
-						$$invalidate(20, _FRCallback = props.callback);
+						$$invalidate(21, _FRCallback = props.callback);
 				}
 			}
 		}
@@ -27321,6 +27570,7 @@ function instance$c($$self, $$props, $$invalidate) {
 		_SuspendedTextOutputCallback,
 		_MetadataCallback,
 		_DeviceProfileCallback,
+		_RecaptchaCallback,
 		_FRCallback
 	];
 }