@forgerock/login-widget 1.0.0-beta.10 → 1.0.0-beta.11

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 (7) hide show
  1. package/CHANGELOG.md +9 -2
  2. package/index.cjs +737 -489
  3. package/index.cjs.map +1 -1
  4. package/index.js +737 -489
  5. package/index.js.map +1 -1
  6. package/package.json +1 -8
  7. package/widget.css +24 -7
package/index.js CHANGED
@@ -16771,7 +16771,7 @@ var registerSuccess = "Registration successful!";
16771
16771
  var requiredField = "Value is required";
16772
16772
  var securityAnswer = "Security answer";
16773
16773
  var securityQuestions = "Security question(s)";
16774
- var securityQuestionsPrompt = "Provide custom security question(s) and answer(s):";
16774
+ var securityQuestionsPrompt = "Provide security question(s) and answer(s):";
16775
16775
  var showPassword = "Show password";
16776
16776
  var sn = "Last name";
16777
16777
  var submitButton = "Submit";
@@ -17871,9 +17871,9 @@ styleSchema.partial();
17871
17871
  const fallbackStyles = {
17872
17872
  checksAndRadios: 'animated',
17873
17873
  labels: 'floating',
17874
- logo: {},
17875
- sections: {},
17876
- stage: {},
17874
+ logo: undefined,
17875
+ sections: undefined,
17876
+ stage: undefined,
17877
17877
  };
17878
17878
  const styleStore = writable(fallbackStyles);
17879
17879
  function initialize(customStyle) {
@@ -18524,7 +18524,7 @@ function create_else_block$9(ctx) {
18524
18524
  attr(button, "aria-controls", /*dialogId*/ ctx[1]);
18525
18525
 
18526
18526
  attr(div, "class", div_class_value = `tw_pt-10 md:tw_pt-10 tw_text-right ${(/*$styleStore*/ ctx[5]?.logo)
18527
- ? 'tw_h-32 md:tw_h-36 tw_pb-6'
18527
+ ? 'tw_h-32 md:tw_h-36 tw_pb-6'
18528
18528
  : ''}`);
18529
18529
  },
18530
18530
  m(target, anchor) {
@@ -18567,7 +18567,7 @@ function create_else_block$9(ctx) {
18567
18567
  }
18568
18568
 
18569
18569
  if (!current || dirty & /*$styleStore*/ 32 && div_class_value !== (div_class_value = `tw_pt-10 md:tw_pt-10 tw_text-right ${(/*$styleStore*/ ctx[5]?.logo)
18570
- ? 'tw_h-32 md:tw_h-36 tw_pb-6'
18570
+ ? 'tw_h-32 md:tw_h-36 tw_pb-6'
18571
18571
  : ''}`)) {
18572
18572
  attr(div, "class", div_class_value);
18573
18573
  }
@@ -24909,7 +24909,7 @@ function create_if_block_5$1(ctx) {
24909
24909
  }
24910
24910
 
24911
24911
  // (65:0) {#if type === 'number'}
24912
- function create_if_block_4$1(ctx) {
24912
+ function create_if_block_4$2(ctx) {
24913
24913
  let input;
24914
24914
  let input_aria_describedby_value;
24915
24915
  let input_class_value;
@@ -24989,7 +24989,7 @@ function create_if_block_4$1(ctx) {
24989
24989
  }
24990
24990
 
24991
24991
  // (81:0) {#if type === 'password'}
24992
- function create_if_block_3$3(ctx) {
24992
+ function create_if_block_3$6(ctx) {
24993
24993
  let input;
24994
24994
  let input_aria_describedby_value;
24995
24995
  let input_class_value;
@@ -25309,8 +25309,8 @@ function create_fragment$x(ctx) {
25309
25309
  let if_block0 = /*labelOrder*/ ctx[6] === 'first' && create_if_block_7$1(ctx);
25310
25310
  let if_block1 = /*type*/ ctx[11] === 'date' && create_if_block_6$1(ctx);
25311
25311
  let if_block2 = /*type*/ ctx[11] === 'email' && create_if_block_5$1(ctx);
25312
- let if_block3 = /*type*/ ctx[11] === 'number' && create_if_block_4$1(ctx);
25313
- let if_block4 = /*type*/ ctx[11] === 'password' && create_if_block_3$3(ctx);
25312
+ let if_block3 = /*type*/ ctx[11] === 'number' && create_if_block_4$2(ctx);
25313
+ let if_block4 = /*type*/ ctx[11] === 'password' && create_if_block_3$6(ctx);
25314
25314
  let if_block5 = /*type*/ ctx[11] === 'phone' && create_if_block_2$7(ctx);
25315
25315
  let if_block6 = /*type*/ ctx[11] === 'text' && create_if_block_1$8(ctx);
25316
25316
  let if_block7 = /*labelOrder*/ ctx[6] === 'last' && create_if_block$d(ctx);
@@ -25407,7 +25407,7 @@ function create_fragment$x(ctx) {
25407
25407
  if (if_block3) {
25408
25408
  if_block3.p(ctx, dirty);
25409
25409
  } else {
25410
- if_block3 = create_if_block_4$1(ctx);
25410
+ if_block3 = create_if_block_4$2(ctx);
25411
25411
  if_block3.c();
25412
25412
  if_block3.m(t3.parentNode, t3);
25413
25413
  }
@@ -25420,7 +25420,7 @@ function create_fragment$x(ctx) {
25420
25420
  if (if_block4) {
25421
25421
  if_block4.p(ctx, dirty);
25422
25422
  } else {
25423
- if_block4 = create_if_block_3$3(ctx);
25423
+ if_block4 = create_if_block_3$6(ctx);
25424
25424
  if_block4.c();
25425
25425
  if_block4.m(t4.parentNode, t4);
25426
25426
  }
@@ -28517,7 +28517,7 @@ function get_each_context$5(ctx, list, i) {
28517
28517
  }
28518
28518
 
28519
28519
  // (66:56)
28520
- function create_if_block_3$2(ctx) {
28520
+ function create_if_block_3$5(ctx) {
28521
28521
  let button;
28522
28522
  let current;
28523
28523
 
@@ -28861,7 +28861,7 @@ function create_default_slot_1$6(ctx) {
28861
28861
  let if_block;
28862
28862
  let if_block_anchor;
28863
28863
  let current;
28864
- const if_block_creators = [create_if_block_1$7, create_if_block_2$6, create_if_block_3$2];
28864
+ const if_block_creators = [create_if_block_1$7, create_if_block_2$6, create_if_block_3$5];
28865
28865
  const if_blocks = [];
28866
28866
 
28867
28867
  function select_block_type(ctx, dirty) {
@@ -31569,7 +31569,7 @@ function create_if_block_5(ctx) {
31569
31569
  }
31570
31570
 
31571
31571
  // (126:52)
31572
- function create_if_block_4(ctx) {
31572
+ function create_if_block_4$1(ctx) {
31573
31573
  let kbacreate;
31574
31574
  let current;
31575
31575
  const kbacreate_spread_levels = [/*newProps*/ ctx[19]];
@@ -31612,7 +31612,7 @@ function create_if_block_4(ctx) {
31612
31612
  }
31613
31613
 
31614
31614
  // (120:54)
31615
- function create_if_block_3$1(ctx) {
31615
+ function create_if_block_3$4(ctx) {
31616
31616
  let hiddenvalue;
31617
31617
  let current;
31618
31618
  const hiddenvalue_spread_levels = [/*newProps*/ ctx[19]];
@@ -31793,8 +31793,8 @@ function create_fragment$8(ctx) {
31793
31793
  create_if_block$6,
31794
31794
  create_if_block_1$5,
31795
31795
  create_if_block_2$5,
31796
- create_if_block_3$1,
31797
- create_if_block_4,
31796
+ create_if_block_3$4,
31797
+ create_if_block_4$1,
31798
31798
  create_if_block_5,
31799
31799
  create_if_block_6,
31800
31800
  create_if_block_7,
@@ -32027,12 +32027,12 @@ class Callback_mapper extends SvelteComponent {
32027
32027
 
32028
32028
  function get_each_context$3(ctx, list, i) {
32029
32029
  const child_ctx = ctx.slice();
32030
- child_ctx[15] = list[i];
32031
- child_ctx[17] = i;
32030
+ child_ctx[16] = list[i];
32031
+ child_ctx[18] = i;
32032
32032
  return child_ctx;
32033
32033
  }
32034
32034
 
32035
- // (70:2) {#if form?.icon}
32035
+ // (70:2) {#if form?.icon && componentStyle !== 'inline'}
32036
32036
  function create_if_block_2$4(ctx) {
32037
32037
  let div;
32038
32038
  let shieldicon;
@@ -32080,7 +32080,7 @@ function create_if_block_1$4(ctx) {
32080
32080
  alert = new Alert({
32081
32081
  props: {
32082
32082
  id: formFailureMessageId,
32083
- needsFocus: /*alertNeedsFocus*/ ctx[5],
32083
+ needsFocus: /*alertNeedsFocus*/ ctx[6],
32084
32084
  type: "error",
32085
32085
  $$slots: { default: [create_default_slot_2$3] },
32086
32086
  $$scope: { ctx }
@@ -32097,9 +32097,9 @@ function create_if_block_1$4(ctx) {
32097
32097
  },
32098
32098
  p(ctx, dirty) {
32099
32099
  const alert_changes = {};
32100
- if (dirty & /*alertNeedsFocus*/ 32) alert_changes.needsFocus = /*alertNeedsFocus*/ ctx[5];
32100
+ if (dirty & /*alertNeedsFocus*/ 64) alert_changes.needsFocus = /*alertNeedsFocus*/ ctx[6];
32101
32101
 
32102
- if (dirty & /*$$scope, formMessageKey, form*/ 262210) {
32102
+ if (dirty & /*$$scope, formMessageKey, form*/ 524420) {
32103
32103
  alert_changes.$$scope = { dirty, ctx };
32104
32104
  }
32105
32105
 
@@ -32122,7 +32122,7 @@ function create_if_block_1$4(ctx) {
32122
32122
 
32123
32123
  // (87:4) <Alert id={formFailureMessageId} needsFocus={alertNeedsFocus} type="error">
32124
32124
  function create_default_slot_2$3(ctx) {
32125
- let t_value = interpolate(/*formMessageKey*/ ctx[6], null, /*form*/ ctx[1]?.message) + "";
32125
+ let t_value = interpolate(/*formMessageKey*/ ctx[7], null, /*form*/ ctx[2]?.message) + "";
32126
32126
  let t;
32127
32127
 
32128
32128
  return {
@@ -32133,7 +32133,7 @@ function create_default_slot_2$3(ctx) {
32133
32133
  insert(target, t, anchor);
32134
32134
  },
32135
32135
  p(ctx, dirty) {
32136
- if (dirty & /*formMessageKey, form*/ 66 && t_value !== (t_value = interpolate(/*formMessageKey*/ ctx[6], null, /*form*/ ctx[1]?.message) + "")) set_data(t, t_value);
32136
+ if (dirty & /*formMessageKey, form*/ 132 && t_value !== (t_value = interpolate(/*formMessageKey*/ ctx[7], null, /*form*/ ctx[2]?.message) + "")) set_data(t, t_value);
32137
32137
  },
32138
32138
  d(detaching) {
32139
32139
  if (detaching) detach(t);
@@ -32149,11 +32149,11 @@ function create_each_block$3(ctx) {
32149
32149
  callbackmapper = new Callback_mapper({
32150
32150
  props: {
32151
32151
  props: {
32152
- callback: /*callback*/ ctx[15],
32153
- callbackMetadata: /*metadata*/ ctx[3]?.callbacks[/*idx*/ ctx[17]],
32154
- selfSubmitFunction: /*determineSubmission*/ ctx[11],
32155
- stepMetadata: /*metadata*/ ctx[3]?.step && { .../*metadata*/ ctx[3].step },
32156
- style: /*$styleStore*/ ctx[10]
32152
+ callback: /*callback*/ ctx[16],
32153
+ callbackMetadata: /*metadata*/ ctx[4]?.callbacks[/*idx*/ ctx[18]],
32154
+ selfSubmitFunction: /*determineSubmission*/ ctx[12],
32155
+ stepMetadata: /*metadata*/ ctx[4]?.step && { .../*metadata*/ ctx[4].step },
32156
+ style: /*$styleStore*/ ctx[11]
32157
32157
  }
32158
32158
  }
32159
32159
  });
@@ -32169,12 +32169,12 @@ function create_each_block$3(ctx) {
32169
32169
  p(ctx, dirty) {
32170
32170
  const callbackmapper_changes = {};
32171
32171
 
32172
- if (dirty & /*step, metadata, $styleStore*/ 1048) callbackmapper_changes.props = {
32173
- callback: /*callback*/ ctx[15],
32174
- callbackMetadata: /*metadata*/ ctx[3]?.callbacks[/*idx*/ ctx[17]],
32175
- selfSubmitFunction: /*determineSubmission*/ ctx[11],
32176
- stepMetadata: /*metadata*/ ctx[3]?.step && { .../*metadata*/ ctx[3].step },
32177
- style: /*$styleStore*/ ctx[10]
32172
+ if (dirty & /*step, metadata, $styleStore*/ 2096) callbackmapper_changes.props = {
32173
+ callback: /*callback*/ ctx[16],
32174
+ callbackMetadata: /*metadata*/ ctx[4]?.callbacks[/*idx*/ ctx[18]],
32175
+ selfSubmitFunction: /*determineSubmission*/ ctx[12],
32176
+ stepMetadata: /*metadata*/ ctx[4]?.step && { .../*metadata*/ ctx[4].step },
32177
+ style: /*$styleStore*/ ctx[11]
32178
32178
  };
32179
32179
 
32180
32180
  callbackmapper.$set(callbackmapper_changes);
@@ -32201,7 +32201,7 @@ function create_if_block$5(ctx) {
32201
32201
 
32202
32202
  button = new Button({
32203
32203
  props: {
32204
- busy: /*journey*/ ctx[2]?.loading,
32204
+ busy: /*journey*/ ctx[3]?.loading,
32205
32205
  style: "primary",
32206
32206
  type: "submit",
32207
32207
  width: "full",
@@ -32220,9 +32220,9 @@ function create_if_block$5(ctx) {
32220
32220
  },
32221
32221
  p(ctx, dirty) {
32222
32222
  const button_changes = {};
32223
- if (dirty & /*journey*/ 4) button_changes.busy = /*journey*/ ctx[2]?.loading;
32223
+ if (dirty & /*journey*/ 8) button_changes.busy = /*journey*/ ctx[3]?.loading;
32224
32224
 
32225
- if (dirty & /*$$scope*/ 262144) {
32225
+ if (dirty & /*$$scope*/ 524288) {
32226
32226
  button_changes.$$scope = { dirty, ctx };
32227
32227
  }
32228
32228
 
@@ -32288,24 +32288,24 @@ function create_default_slot$5(ctx) {
32288
32288
  let t5;
32289
32289
  let backto;
32290
32290
  let current;
32291
- let if_block0 = /*form*/ ctx[1]?.icon && create_if_block_2$4();
32291
+ let if_block0 = /*form*/ ctx[2]?.icon && /*componentStyle*/ ctx[1] !== 'inline' && create_if_block_2$4();
32292
32292
 
32293
32293
  sanitize0 = new Server_strings({
32294
32294
  props: {
32295
32295
  html: true,
32296
- string: /*step*/ ctx[4]?.getHeader() || ''
32296
+ string: /*step*/ ctx[5]?.getHeader() || ''
32297
32297
  }
32298
32298
  });
32299
32299
 
32300
32300
  sanitize1 = new Server_strings({
32301
32301
  props: {
32302
32302
  html: true,
32303
- string: /*step*/ ctx[4]?.getDescription() || ''
32303
+ string: /*step*/ ctx[5]?.getDescription() || ''
32304
32304
  }
32305
32305
  });
32306
32306
 
32307
- let if_block1 = /*form*/ ctx[1]?.message && create_if_block_1$4(ctx);
32308
- let each_value = /*step*/ ctx[4]?.callbacks;
32307
+ let if_block1 = /*form*/ ctx[2]?.message && create_if_block_1$4(ctx);
32308
+ let each_value = /*step*/ ctx[5]?.callbacks;
32309
32309
  let each_blocks = [];
32310
32310
 
32311
32311
  for (let i = 0; i < each_value.length; i += 1) {
@@ -32316,8 +32316,8 @@ function create_default_slot$5(ctx) {
32316
32316
  each_blocks[i] = null;
32317
32317
  });
32318
32318
 
32319
- let if_block2 = (/*metadata*/ ctx[3]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[3]?.step?.derived.isStepSelfSubmittable) && create_if_block$5(ctx);
32320
- backto = new Back_to({ props: { journey: /*journey*/ ctx[2] } });
32319
+ let if_block2 = (/*metadata*/ ctx[4]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[4]?.step?.derived.isStepSelfSubmittable) && create_if_block$5(ctx);
32320
+ backto = new Back_to({ props: { journey: /*journey*/ ctx[3] } });
32321
32321
 
32322
32322
  return {
32323
32323
  c() {
@@ -32354,7 +32354,7 @@ function create_default_slot$5(ctx) {
32354
32354
  append(header, t1);
32355
32355
  append(header, p);
32356
32356
  mount_component(sanitize1, p, null);
32357
- /*header_binding*/ ctx[13](header);
32357
+ /*header_binding*/ ctx[14](header);
32358
32358
  insert(target, t2, anchor);
32359
32359
  if (if_block1) if_block1.m(target, anchor);
32360
32360
  insert(target, t3, anchor);
@@ -32370,9 +32370,9 @@ function create_default_slot$5(ctx) {
32370
32370
  current = true;
32371
32371
  },
32372
32372
  p(ctx, dirty) {
32373
- if (/*form*/ ctx[1]?.icon) {
32373
+ if (/*form*/ ctx[2]?.icon && /*componentStyle*/ ctx[1] !== 'inline') {
32374
32374
  if (if_block0) {
32375
- if (dirty & /*form*/ 2) {
32375
+ if (dirty & /*form, componentStyle*/ 6) {
32376
32376
  transition_in(if_block0, 1);
32377
32377
  }
32378
32378
  } else {
@@ -32392,17 +32392,17 @@ function create_default_slot$5(ctx) {
32392
32392
  }
32393
32393
 
32394
32394
  const sanitize0_changes = {};
32395
- if (dirty & /*step*/ 16) sanitize0_changes.string = /*step*/ ctx[4]?.getHeader() || '';
32395
+ if (dirty & /*step*/ 32) sanitize0_changes.string = /*step*/ ctx[5]?.getHeader() || '';
32396
32396
  sanitize0.$set(sanitize0_changes);
32397
32397
  const sanitize1_changes = {};
32398
- if (dirty & /*step*/ 16) sanitize1_changes.string = /*step*/ ctx[4]?.getDescription() || '';
32398
+ if (dirty & /*step*/ 32) sanitize1_changes.string = /*step*/ ctx[5]?.getDescription() || '';
32399
32399
  sanitize1.$set(sanitize1_changes);
32400
32400
 
32401
- if (/*form*/ ctx[1]?.message) {
32401
+ if (/*form*/ ctx[2]?.message) {
32402
32402
  if (if_block1) {
32403
32403
  if_block1.p(ctx, dirty);
32404
32404
 
32405
- if (dirty & /*form*/ 2) {
32405
+ if (dirty & /*form*/ 4) {
32406
32406
  transition_in(if_block1, 1);
32407
32407
  }
32408
32408
  } else {
@@ -32421,8 +32421,8 @@ function create_default_slot$5(ctx) {
32421
32421
  check_outros();
32422
32422
  }
32423
32423
 
32424
- if (dirty & /*step, metadata, determineSubmission, $styleStore*/ 3096) {
32425
- each_value = /*step*/ ctx[4]?.callbacks;
32424
+ if (dirty & /*step, metadata, determineSubmission, $styleStore*/ 6192) {
32425
+ each_value = /*step*/ ctx[5]?.callbacks;
32426
32426
  let i;
32427
32427
 
32428
32428
  for (i = 0; i < each_value.length; i += 1) {
@@ -32448,11 +32448,11 @@ function create_default_slot$5(ctx) {
32448
32448
  check_outros();
32449
32449
  }
32450
32450
 
32451
- if (/*metadata*/ ctx[3]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[3]?.step?.derived.isStepSelfSubmittable) {
32451
+ if (/*metadata*/ ctx[4]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[4]?.step?.derived.isStepSelfSubmittable) {
32452
32452
  if (if_block2) {
32453
32453
  if_block2.p(ctx, dirty);
32454
32454
 
32455
- if (dirty & /*metadata*/ 8) {
32455
+ if (dirty & /*metadata*/ 16) {
32456
32456
  transition_in(if_block2, 1);
32457
32457
  }
32458
32458
  } else {
@@ -32472,7 +32472,7 @@ function create_default_slot$5(ctx) {
32472
32472
  }
32473
32473
 
32474
32474
  const backto_changes = {};
32475
- if (dirty & /*journey*/ 4) backto_changes.journey = /*journey*/ ctx[2];
32475
+ if (dirty & /*journey*/ 8) backto_changes.journey = /*journey*/ ctx[3];
32476
32476
  backto.$set(backto_changes);
32477
32477
  },
32478
32478
  i(local) {
@@ -32511,7 +32511,7 @@ function create_default_slot$5(ctx) {
32511
32511
  if (detaching) detach(header);
32512
32512
  destroy_component(sanitize0);
32513
32513
  destroy_component(sanitize1);
32514
- /*header_binding*/ ctx[13](null);
32514
+ /*header_binding*/ ctx[14](null);
32515
32515
  if (detaching) detach(t2);
32516
32516
  if (if_block1) if_block1.d(detaching);
32517
32517
  if (detaching) detach(t3);
@@ -32530,14 +32530,14 @@ function create_fragment$7(ctx) {
32530
32530
  let current;
32531
32531
 
32532
32532
  function form_1_formEl_binding(value) {
32533
- /*form_1_formEl_binding*/ ctx[14](value);
32533
+ /*form_1_formEl_binding*/ ctx[15](value);
32534
32534
  }
32535
32535
 
32536
32536
  let form_1_props = {
32537
- ariaDescribedBy: /*formAriaDescriptor*/ ctx[7],
32537
+ ariaDescribedBy: /*formAriaDescriptor*/ ctx[8],
32538
32538
  id: formElementId,
32539
- needsFocus: /*formNeedsFocus*/ ctx[8],
32540
- onSubmitWhenValid: /*submitFormWrapper*/ ctx[12],
32539
+ needsFocus: /*formNeedsFocus*/ ctx[9],
32540
+ onSubmitWhenValid: /*submitFormWrapper*/ ctx[13],
32541
32541
  $$slots: { default: [create_default_slot$5] },
32542
32542
  $$scope: { ctx }
32543
32543
  };
@@ -32559,10 +32559,10 @@ function create_fragment$7(ctx) {
32559
32559
  },
32560
32560
  p(ctx, [dirty]) {
32561
32561
  const form_1_changes = {};
32562
- if (dirty & /*formAriaDescriptor*/ 128) form_1_changes.ariaDescribedBy = /*formAriaDescriptor*/ ctx[7];
32563
- if (dirty & /*formNeedsFocus*/ 256) form_1_changes.needsFocus = /*formNeedsFocus*/ ctx[8];
32562
+ if (dirty & /*formAriaDescriptor*/ 256) form_1_changes.ariaDescribedBy = /*formAriaDescriptor*/ ctx[8];
32563
+ if (dirty & /*formNeedsFocus*/ 512) form_1_changes.needsFocus = /*formNeedsFocus*/ ctx[9];
32564
32564
 
32565
- if (dirty & /*$$scope, journey, metadata, step, $styleStore, alertNeedsFocus, formMessageKey, form, linkWrapper*/ 263806) {
32565
+ if (dirty & /*$$scope, journey, metadata, step, $styleStore, alertNeedsFocus, formMessageKey, form, linkWrapper, componentStyle*/ 527614) {
32566
32566
  form_1_changes.$$scope = { dirty, ctx };
32567
32567
  }
32568
32568
 
@@ -32595,7 +32595,8 @@ const formElementId = 'genericStepForm';
32595
32595
 
32596
32596
  function instance$7($$self, $$props, $$invalidate) {
32597
32597
  let $styleStore;
32598
- component_subscribe($$self, styleStore, $$value => $$invalidate(10, $styleStore = $$value));
32598
+ component_subscribe($$self, styleStore, $$value => $$invalidate(11, $styleStore = $$value));
32599
+ let { componentStyle } = $$props;
32599
32600
  let { form } = $$props;
32600
32601
  let { formEl = null } = $$props;
32601
32602
  let { journey } = $$props;
@@ -32617,20 +32618,20 @@ function instance$7($$self, $$props, $$invalidate) {
32617
32618
  }
32618
32619
 
32619
32620
  function submitFormWrapper() {
32620
- $$invalidate(5, alertNeedsFocus = false);
32621
- $$invalidate(8, formNeedsFocus = false);
32621
+ $$invalidate(6, alertNeedsFocus = false);
32622
+ $$invalidate(9, formNeedsFocus = false);
32622
32623
  form?.submit();
32623
32624
  }
32624
32625
 
32625
32626
  afterUpdate(() => {
32626
32627
  if (form?.message) {
32627
- $$invalidate(7, formAriaDescriptor = formFailureMessageId);
32628
- $$invalidate(5, alertNeedsFocus = true);
32629
- $$invalidate(8, formNeedsFocus = false);
32628
+ $$invalidate(8, formAriaDescriptor = formFailureMessageId);
32629
+ $$invalidate(6, alertNeedsFocus = true);
32630
+ $$invalidate(9, formNeedsFocus = false);
32630
32631
  } else {
32631
- $$invalidate(7, formAriaDescriptor = formHeaderId);
32632
- $$invalidate(5, alertNeedsFocus = false);
32633
- $$invalidate(8, formNeedsFocus = true);
32632
+ $$invalidate(8, formAriaDescriptor = formHeaderId);
32633
+ $$invalidate(6, alertNeedsFocus = false);
32634
+ $$invalidate(9, formNeedsFocus = true);
32634
32635
  }
32635
32636
  });
32636
32637
 
@@ -32639,7 +32640,7 @@ function instance$7($$self, $$props, $$invalidate) {
32639
32640
  function header_binding($$value) {
32640
32641
  binding_callbacks[$$value ? 'unshift' : 'push'](() => {
32641
32642
  linkWrapper = $$value;
32642
- $$invalidate(9, linkWrapper);
32643
+ $$invalidate(10, linkWrapper);
32643
32644
  });
32644
32645
  }
32645
32646
 
@@ -32649,24 +32650,26 @@ function instance$7($$self, $$props, $$invalidate) {
32649
32650
  }
32650
32651
 
32651
32652
  $$self.$$set = $$props => {
32652
- if ('form' in $$props) $$invalidate(1, form = $$props.form);
32653
+ if ('componentStyle' in $$props) $$invalidate(1, componentStyle = $$props.componentStyle);
32654
+ if ('form' in $$props) $$invalidate(2, form = $$props.form);
32653
32655
  if ('formEl' in $$props) $$invalidate(0, formEl = $$props.formEl);
32654
- if ('journey' in $$props) $$invalidate(2, journey = $$props.journey);
32655
- if ('metadata' in $$props) $$invalidate(3, metadata = $$props.metadata);
32656
- if ('step' in $$props) $$invalidate(4, step = $$props.step);
32656
+ if ('journey' in $$props) $$invalidate(3, journey = $$props.journey);
32657
+ if ('metadata' in $$props) $$invalidate(4, metadata = $$props.metadata);
32658
+ if ('step' in $$props) $$invalidate(5, step = $$props.step);
32657
32659
  };
32658
32660
 
32659
32661
  $$self.$$.update = () => {
32660
- if ($$self.$$.dirty & /*step, form*/ 18) {
32662
+ if ($$self.$$.dirty & /*step, form*/ 36) {
32661
32663
  {
32662
32664
  shouldRedirectFromStep(step) && FRAuth$1.redirect(step);
32663
- $$invalidate(6, formMessageKey = convertStringToKey(form?.message));
32665
+ $$invalidate(7, formMessageKey = convertStringToKey(form?.message));
32664
32666
  }
32665
32667
  }
32666
32668
  };
32667
32669
 
32668
32670
  return [
32669
32671
  formEl,
32672
+ componentStyle,
32670
32673
  form,
32671
32674
  journey,
32672
32675
  metadata,
@@ -32689,11 +32692,12 @@ class Generic extends SvelteComponent {
32689
32692
  super();
32690
32693
 
32691
32694
  init(this, options, instance$7, create_fragment$7, safe_not_equal, {
32692
- form: 1,
32695
+ componentStyle: 1,
32696
+ form: 2,
32693
32697
  formEl: 0,
32694
- journey: 2,
32695
- metadata: 3,
32696
- step: 4
32698
+ journey: 3,
32699
+ metadata: 4,
32700
+ step: 5
32697
32701
  });
32698
32702
  }
32699
32703
  }
@@ -32806,13 +32810,101 @@ class Key_icon extends SvelteComponent {
32806
32810
 
32807
32811
  function get_each_context$2(ctx, list, i) {
32808
32812
  const child_ctx = ctx.slice();
32809
- child_ctx[10] = list[i];
32810
- child_ctx[12] = i;
32813
+ child_ctx[11] = list[i];
32814
+ child_ctx[13] = i;
32811
32815
  return child_ctx;
32812
32816
  }
32813
32817
 
32814
- // (39:2) {#if form?.icon}
32818
+ // (38:2) {#if componentStyle !== 'inline'}
32815
32819
  function create_if_block_2$3(ctx) {
32820
+ let t0;
32821
+ let h1;
32822
+ let t1;
32823
+ let t2;
32824
+ let p;
32825
+ let t3;
32826
+ let current;
32827
+ let if_block = /*form*/ ctx[2]?.icon && create_if_block_3$3();
32828
+
32829
+ t1 = new Locale_strings({
32830
+ props: { key: "twoFactorAuthentication" }
32831
+ });
32832
+
32833
+ t3 = new Locale_strings({
32834
+ props: { key: "useTheAuthenticatorAppOnYourPhone" }
32835
+ });
32836
+
32837
+ return {
32838
+ c() {
32839
+ if (if_block) if_block.c();
32840
+ t0 = space();
32841
+ h1 = element("h1");
32842
+ create_component(t1.$$.fragment);
32843
+ t2 = space();
32844
+ p = element("p");
32845
+ create_component(t3.$$.fragment);
32846
+ attr(h1, "class", "tw_primary-header dark:tw_primary-header_dark");
32847
+ attr(p, "class", "tw_text-center tw_text-sm tw_-mt-5 tw_mb-2 tw_py-4 tw_text-secondary-dark dark:tw_text-secondary-light");
32848
+ },
32849
+ m(target, anchor) {
32850
+ if (if_block) if_block.m(target, anchor);
32851
+ insert(target, t0, anchor);
32852
+ insert(target, h1, anchor);
32853
+ mount_component(t1, h1, null);
32854
+ insert(target, t2, anchor);
32855
+ insert(target, p, anchor);
32856
+ mount_component(t3, p, null);
32857
+ current = true;
32858
+ },
32859
+ p(ctx, dirty) {
32860
+ if (/*form*/ ctx[2]?.icon) {
32861
+ if (if_block) {
32862
+ if (dirty & /*form*/ 4) {
32863
+ transition_in(if_block, 1);
32864
+ }
32865
+ } else {
32866
+ if_block = create_if_block_3$3();
32867
+ if_block.c();
32868
+ transition_in(if_block, 1);
32869
+ if_block.m(t0.parentNode, t0);
32870
+ }
32871
+ } else if (if_block) {
32872
+ group_outros();
32873
+
32874
+ transition_out(if_block, 1, 1, () => {
32875
+ if_block = null;
32876
+ });
32877
+
32878
+ check_outros();
32879
+ }
32880
+ },
32881
+ i(local) {
32882
+ if (current) return;
32883
+ transition_in(if_block);
32884
+ transition_in(t1.$$.fragment, local);
32885
+ transition_in(t3.$$.fragment, local);
32886
+ current = true;
32887
+ },
32888
+ o(local) {
32889
+ transition_out(if_block);
32890
+ transition_out(t1.$$.fragment, local);
32891
+ transition_out(t3.$$.fragment, local);
32892
+ current = false;
32893
+ },
32894
+ d(detaching) {
32895
+ if (if_block) if_block.d(detaching);
32896
+ if (detaching) detach(t0);
32897
+ if (detaching) detach(h1);
32898
+ destroy_component(t1);
32899
+ if (detaching) detach(t2);
32900
+ if (detaching) detach(p);
32901
+ destroy_component(t3);
32902
+ }
32903
+ };
32904
+ }
32905
+
32906
+ // (39:4) {#if form?.icon}
32907
+ function create_if_block_3$3(ctx) {
32816
32908
  let div;
32817
32909
  let keyicon;
32818
32910
  let current;
@@ -32851,7 +32943,7 @@ function create_if_block_2$3(ctx) {
32851
32943
  };
32852
32944
  }
32853
32945
 
32854
- // (53:2) {#if form?.message}
32946
+ // (54:2) {#if form?.message}
32855
32947
  function create_if_block_1$3(ctx) {
32856
32948
  let alert;
32857
32949
  let current;
@@ -32859,7 +32951,7 @@ function create_if_block_1$3(ctx) {
32859
32951
  alert = new Alert({
32860
32952
  props: {
32861
32953
  id: "formFailureMessageAlert",
32862
- needsFocus: /*alertNeedsFocus*/ ctx[5],
32954
+ needsFocus: /*alertNeedsFocus*/ ctx[6],
32863
32955
  type: "error",
32864
32956
  $$slots: { default: [create_default_slot_2$2] },
32865
32957
  $$scope: { ctx }
@@ -32876,9 +32968,9 @@ function create_if_block_1$3(ctx) {
32876
32968
  },
32877
32969
  p(ctx, dirty) {
32878
32970
  const alert_changes = {};
32879
- if (dirty & /*alertNeedsFocus*/ 32) alert_changes.needsFocus = /*alertNeedsFocus*/ ctx[5];
32971
+ if (dirty & /*alertNeedsFocus*/ 64) alert_changes.needsFocus = /*alertNeedsFocus*/ ctx[6];
32880
32972
 
32881
- if (dirty & /*$$scope, formMessageKey, form*/ 8258) {
32973
+ if (dirty & /*$$scope, formMessageKey, form*/ 16516) {
32882
32974
  alert_changes.$$scope = { dirty, ctx };
32883
32975
  }
32884
32976
 
@@ -32899,9 +32991,9 @@ function create_if_block_1$3(ctx) {
32899
32991
  };
32900
32992
  }
32901
32993
 
32902
- // (54:4) <Alert id="formFailureMessageAlert" needsFocus={alertNeedsFocus} type="error">
32994
+ // (55:4) <Alert id="formFailureMessageAlert" needsFocus={alertNeedsFocus} type="error">
32903
32995
  function create_default_slot_2$2(ctx) {
32904
- let t_value = interpolate(/*formMessageKey*/ ctx[6], null, /*form*/ ctx[1]?.message) + "";
32996
+ let t_value = interpolate(/*formMessageKey*/ ctx[7], null, /*form*/ ctx[2]?.message) + "";
32905
32997
  let t;
32906
32998
 
32907
32999
  return {
@@ -32912,7 +33004,7 @@ function create_default_slot_2$2(ctx) {
32912
33004
  insert(target, t, anchor);
32913
33005
  },
32914
33006
  p(ctx, dirty) {
32915
- if (dirty & /*formMessageKey, form*/ 66 && t_value !== (t_value = interpolate(/*formMessageKey*/ ctx[6], null, /*form*/ ctx[1]?.message) + "")) set_data(t, t_value);
33007
+ if (dirty & /*formMessageKey, form*/ 132 && t_value !== (t_value = interpolate(/*formMessageKey*/ ctx[7], null, /*form*/ ctx[2]?.message) + "")) set_data(t, t_value);
32916
33008
  },
32917
33009
  d(detaching) {
32918
33010
  if (detaching) detach(t);
@@ -32920,7 +33012,7 @@ function create_default_slot_2$2(ctx) {
32920
33012
  };
32921
33013
  }
32922
33014
 
32923
- // (59:2) {#each step?.callbacks as callback, idx}
33015
+ // (60:2) {#each step?.callbacks as callback, idx}
32924
33016
  function create_each_block$2(ctx) {
32925
33017
  let callbackmapper;
32926
33018
  let current;
@@ -32928,11 +33020,11 @@ function create_each_block$2(ctx) {
32928
33020
  callbackmapper = new Callback_mapper({
32929
33021
  props: {
32930
33022
  props: {
32931
- callback: /*callback*/ ctx[10],
32932
- callbackMetadata: /*metadata*/ ctx[3]?.callbacks[/*idx*/ ctx[12]],
32933
- selfSubmitFunction: /*determineSubmission*/ ctx[8],
32934
- stepMetadata: /*metadata*/ ctx[3]?.step && { .../*metadata*/ ctx[3].step },
32935
- style: /*$style*/ ctx[7]
33023
+ callback: /*callback*/ ctx[11],
33024
+ callbackMetadata: /*metadata*/ ctx[4]?.callbacks[/*idx*/ ctx[13]],
33025
+ selfSubmitFunction: /*determineSubmission*/ ctx[9],
33026
+ stepMetadata: /*metadata*/ ctx[4]?.step && { .../*metadata*/ ctx[4].step },
33027
+ style: /*$style*/ ctx[8]
32936
33028
  }
32937
33029
  }
32938
33030
  });
@@ -32948,12 +33040,12 @@ function create_each_block$2(ctx) {
32948
33040
  p(ctx, dirty) {
32949
33041
  const callbackmapper_changes = {};
32950
33042
 
32951
- if (dirty & /*step, metadata, $style*/ 152) callbackmapper_changes.props = {
32952
- callback: /*callback*/ ctx[10],
32953
- callbackMetadata: /*metadata*/ ctx[3]?.callbacks[/*idx*/ ctx[12]],
32954
- selfSubmitFunction: /*determineSubmission*/ ctx[8],
32955
- stepMetadata: /*metadata*/ ctx[3]?.step && { .../*metadata*/ ctx[3].step },
32956
- style: /*$style*/ ctx[7]
33043
+ if (dirty & /*step, metadata, $style*/ 304) callbackmapper_changes.props = {
33044
+ callback: /*callback*/ ctx[11],
33045
+ callbackMetadata: /*metadata*/ ctx[4]?.callbacks[/*idx*/ ctx[13]],
33046
+ selfSubmitFunction: /*determineSubmission*/ ctx[9],
33047
+ stepMetadata: /*metadata*/ ctx[4]?.step && { .../*metadata*/ ctx[4].step },
33048
+ style: /*$style*/ ctx[8]
32957
33049
  };
32958
33050
 
32959
33051
  callbackmapper.$set(callbackmapper_changes);
@@ -32973,14 +33065,14 @@ function create_each_block$2(ctx) {
32973
33065
  };
32974
33066
  }
32975
33067
 
32976
- // (71:2) {#if metadata?.step?.derived.isUserInputOptional || !metadata?.step?.derived.isStepSelfSubmittable}
33068
+ // (72:2) {#if metadata?.step?.derived.isUserInputOptional || !metadata?.step?.derived.isStepSelfSubmittable}
32977
33069
  function create_if_block$4(ctx) {
32978
33070
  let button;
32979
33071
  let current;
32980
33072
 
32981
33073
  button = new Button({
32982
33074
  props: {
32983
- busy: /*journey*/ ctx[2]?.loading,
33075
+ busy: /*journey*/ ctx[3]?.loading,
32984
33076
  style: "primary",
32985
33077
  type: "submit",
32986
33078
  width: "full",
@@ -32999,9 +33091,9 @@ function create_if_block$4(ctx) {
32999
33091
  },
33000
33092
  p(ctx, dirty) {
33001
33093
  const button_changes = {};
33002
- if (dirty & /*journey*/ 4) button_changes.busy = /*journey*/ ctx[2]?.loading;
33094
+ if (dirty & /*journey*/ 8) button_changes.busy = /*journey*/ ctx[3]?.loading;
33003
33095
 
33004
- if (dirty & /*$$scope*/ 8192) {
33096
+ if (dirty & /*$$scope*/ 16384) {
33005
33097
  button_changes.$$scope = { dirty, ctx };
33006
33098
  }
33007
33099
 
@@ -33022,7 +33114,7 @@ function create_if_block$4(ctx) {
33022
33114
  };
33023
33115
  }
33024
33116
 
33025
- // (72:4) <Button busy={journey?.loading} style="primary" type="submit" width="full">
33117
+ // (73:4) <Button busy={journey?.loading} style="primary" type="submit" width="full">
33026
33118
  function create_default_slot_1$3(ctx) {
33027
33119
  let t;
33028
33120
  let current;
@@ -33052,31 +33144,16 @@ function create_default_slot_1$3(ctx) {
33052
33144
  };
33053
33145
  }
33054
33146
 
33055
- // (38:0) <Form bind:formEl ariaDescribedBy="formFailureMessageAlert" onSubmitWhenValid={form?.submit}>
33147
+ // (37:0) <Form bind:formEl ariaDescribedBy="formFailureMessageAlert" onSubmitWhenValid={form?.submit}>
33056
33148
  function create_default_slot$4(ctx) {
33057
33149
  let t0;
33058
- let h1;
33059
33150
  let t1;
33060
33151
  let t2;
33061
- let p;
33062
- let t3;
33063
- let t4;
33064
- let t5;
33065
- let t6;
33066
33152
  let if_block2_anchor;
33067
33153
  let current;
33068
- let if_block0 = /*form*/ ctx[1]?.icon && create_if_block_2$3();
33069
-
33070
- t1 = new Locale_strings({
33071
- props: { key: "twoFactorAuthentication" }
33072
- });
33073
-
33074
- t3 = new Locale_strings({
33075
- props: { key: "useTheAuthenticatorAppOnYourPhone" }
33076
- });
33077
-
33078
- let if_block1 = /*form*/ ctx[1]?.message && create_if_block_1$3(ctx);
33079
- let each_value = /*step*/ ctx[4]?.callbacks;
33154
+ let if_block0 = /*componentStyle*/ ctx[1] !== 'inline' && create_if_block_2$3(ctx);
33155
+ let if_block1 = /*form*/ ctx[2]?.message && create_if_block_1$3(ctx);
33156
+ let each_value = /*step*/ ctx[5]?.callbacks;
33080
33157
  let each_blocks = [];
33081
33158
 
33082
33159
  for (let i = 0; i < each_value.length; i += 1) {
@@ -33087,60 +33164,48 @@ function create_default_slot$4(ctx) {
33087
33164
  each_blocks[i] = null;
33088
33165
  });
33089
33166
 
33090
- let if_block2 = (/*metadata*/ ctx[3]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[3]?.step?.derived.isStepSelfSubmittable) && create_if_block$4(ctx);
33167
+ let if_block2 = (/*metadata*/ ctx[4]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[4]?.step?.derived.isStepSelfSubmittable) && create_if_block$4(ctx);
33091
33168
 
33092
33169
  return {
33093
33170
  c() {
33094
33171
  if (if_block0) if_block0.c();
33095
33172
  t0 = space();
33096
- h1 = element("h1");
33097
- create_component(t1.$$.fragment);
33098
- t2 = space();
33099
- p = element("p");
33100
- create_component(t3.$$.fragment);
33101
- t4 = space();
33102
33173
  if (if_block1) if_block1.c();
33103
- t5 = space();
33174
+ t1 = space();
33104
33175
 
33105
33176
  for (let i = 0; i < each_blocks.length; i += 1) {
33106
33177
  each_blocks[i].c();
33107
33178
  }
33108
33179
 
33109
- t6 = space();
33180
+ t2 = space();
33110
33181
  if (if_block2) if_block2.c();
33111
33182
  if_block2_anchor = empty();
33112
- attr(h1, "class", "tw_primary-header dark:tw_primary-header_dark");
33113
- attr(p, "class", "tw_text-center tw_text-sm tw_-mt-5 tw_mb-2 tw_py-4 tw_text-secondary-dark dark:tw_text-secondary-light");
33114
33183
  },
33115
33184
  m(target, anchor) {
33116
33185
  if (if_block0) if_block0.m(target, anchor);
33117
33186
  insert(target, t0, anchor);
33118
- insert(target, h1, anchor);
33119
- mount_component(t1, h1, null);
33120
- insert(target, t2, anchor);
33121
- insert(target, p, anchor);
33122
- mount_component(t3, p, null);
33123
- insert(target, t4, anchor);
33124
33187
  if (if_block1) if_block1.m(target, anchor);
33125
- insert(target, t5, anchor);
33188
+ insert(target, t1, anchor);
33126
33189
 
33127
33190
  for (let i = 0; i < each_blocks.length; i += 1) {
33128
33191
  each_blocks[i].m(target, anchor);
33129
33192
  }
33130
33193
 
33131
- insert(target, t6, anchor);
33194
+ insert(target, t2, anchor);
33132
33195
  if (if_block2) if_block2.m(target, anchor);
33133
33196
  insert(target, if_block2_anchor, anchor);
33134
33197
  current = true;
33135
33198
  },
33136
33199
  p(ctx, dirty) {
33137
- if (/*form*/ ctx[1]?.icon) {
33200
+ if (/*componentStyle*/ ctx[1] !== 'inline') {
33138
33201
  if (if_block0) {
33139
- if (dirty & /*form*/ 2) {
33202
+ if_block0.p(ctx, dirty);
33203
+
33204
+ if (dirty & /*componentStyle*/ 2) {
33140
33205
  transition_in(if_block0, 1);
33141
33206
  }
33142
33207
  } else {
33143
- if_block0 = create_if_block_2$3();
33208
+ if_block0 = create_if_block_2$3(ctx);
33144
33209
  if_block0.c();
33145
33210
  transition_in(if_block0, 1);
33146
33211
  if_block0.m(t0.parentNode, t0);
@@ -33155,18 +33220,18 @@ function create_default_slot$4(ctx) {
33155
33220
  check_outros();
33156
33221
  }
33157
33222
 
33158
- if (/*form*/ ctx[1]?.message) {
33223
+ if (/*form*/ ctx[2]?.message) {
33159
33224
  if (if_block1) {
33160
33225
  if_block1.p(ctx, dirty);
33161
33226
 
33162
- if (dirty & /*form*/ 2) {
33227
+ if (dirty & /*form*/ 4) {
33163
33228
  transition_in(if_block1, 1);
33164
33229
  }
33165
33230
  } else {
33166
33231
  if_block1 = create_if_block_1$3(ctx);
33167
33232
  if_block1.c();
33168
33233
  transition_in(if_block1, 1);
33169
- if_block1.m(t5.parentNode, t5);
33234
+ if_block1.m(t1.parentNode, t1);
33170
33235
  }
33171
33236
  } else if (if_block1) {
33172
33237
  group_outros();
@@ -33178,8 +33243,8 @@ function create_default_slot$4(ctx) {
33178
33243
  check_outros();
33179
33244
  }
33180
33245
 
33181
- if (dirty & /*step, metadata, determineSubmission, $style*/ 408) {
33182
- each_value = /*step*/ ctx[4]?.callbacks;
33246
+ if (dirty & /*step, metadata, determineSubmission, $style*/ 816) {
33247
+ each_value = /*step*/ ctx[5]?.callbacks;
33183
33248
  let i;
33184
33249
 
33185
33250
  for (i = 0; i < each_value.length; i += 1) {
@@ -33192,7 +33257,7 @@ function create_default_slot$4(ctx) {
33192
33257
  each_blocks[i] = create_each_block$2(child_ctx);
33193
33258
  each_blocks[i].c();
33194
33259
  transition_in(each_blocks[i], 1);
33195
- each_blocks[i].m(t6.parentNode, t6);
33260
+ each_blocks[i].m(t2.parentNode, t2);
33196
33261
  }
33197
33262
  }
33198
33263
 
@@ -33205,11 +33270,11 @@ function create_default_slot$4(ctx) {
33205
33270
  check_outros();
33206
33271
  }
33207
33272
 
33208
- if (/*metadata*/ ctx[3]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[3]?.step?.derived.isStepSelfSubmittable) {
33273
+ if (/*metadata*/ ctx[4]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[4]?.step?.derived.isStepSelfSubmittable) {
33209
33274
  if (if_block2) {
33210
33275
  if_block2.p(ctx, dirty);
33211
33276
 
33212
- if (dirty & /*metadata*/ 8) {
33277
+ if (dirty & /*metadata*/ 16) {
33213
33278
  transition_in(if_block2, 1);
33214
33279
  }
33215
33280
  } else {
@@ -33231,8 +33296,6 @@ function create_default_slot$4(ctx) {
33231
33296
  i(local) {
33232
33297
  if (current) return;
33233
33298
  transition_in(if_block0);
33234
- transition_in(t1.$$.fragment, local);
33235
- transition_in(t3.$$.fragment, local);
33236
33299
  transition_in(if_block1);
33237
33300
 
33238
33301
  for (let i = 0; i < each_value.length; i += 1) {
@@ -33244,8 +33307,6 @@ function create_default_slot$4(ctx) {
33244
33307
  },
33245
33308
  o(local) {
33246
33309
  transition_out(if_block0);
33247
- transition_out(t1.$$.fragment, local);
33248
- transition_out(t3.$$.fragment, local);
33249
33310
  transition_out(if_block1);
33250
33311
  each_blocks = each_blocks.filter(Boolean);
33251
33312
 
@@ -33259,16 +33320,10 @@ function create_default_slot$4(ctx) {
33259
33320
  d(detaching) {
33260
33321
  if (if_block0) if_block0.d(detaching);
33261
33322
  if (detaching) detach(t0);
33262
- if (detaching) detach(h1);
33263
- destroy_component(t1);
33264
- if (detaching) detach(t2);
33265
- if (detaching) detach(p);
33266
- destroy_component(t3);
33267
- if (detaching) detach(t4);
33268
33323
  if (if_block1) if_block1.d(detaching);
33269
- if (detaching) detach(t5);
33324
+ if (detaching) detach(t1);
33270
33325
  destroy_each(each_blocks, detaching);
33271
- if (detaching) detach(t6);
33326
+ if (detaching) detach(t2);
33272
33327
  if (if_block2) if_block2.d(detaching);
33273
33328
  if (detaching) detach(if_block2_anchor);
33274
33329
  }
@@ -33281,12 +33336,12 @@ function create_fragment$5(ctx) {
33281
33336
  let current;
33282
33337
 
33283
33338
  function form_1_formEl_binding(value) {
33284
- /*form_1_formEl_binding*/ ctx[9](value);
33339
+ /*form_1_formEl_binding*/ ctx[10](value);
33285
33340
  }
33286
33341
 
33287
33342
  let form_1_props = {
33288
33343
  ariaDescribedBy: "formFailureMessageAlert",
33289
- onSubmitWhenValid: /*form*/ ctx[1]?.submit,
33344
+ onSubmitWhenValid: /*form*/ ctx[2]?.submit,
33290
33345
  $$slots: { default: [create_default_slot$4] },
33291
33346
  $$scope: { ctx }
33292
33347
  };
@@ -33308,9 +33363,9 @@ function create_fragment$5(ctx) {
33308
33363
  },
33309
33364
  p(ctx, [dirty]) {
33310
33365
  const form_1_changes = {};
33311
- if (dirty & /*form*/ 2) form_1_changes.onSubmitWhenValid = /*form*/ ctx[1]?.submit;
33366
+ if (dirty & /*form*/ 4) form_1_changes.onSubmitWhenValid = /*form*/ ctx[2]?.submit;
33312
33367
 
33313
- if (dirty & /*$$scope, journey, metadata, step, $style, alertNeedsFocus, formMessageKey, form*/ 8446) {
33368
+ if (dirty & /*$$scope, journey, metadata, step, $style, alertNeedsFocus, formMessageKey, form, componentStyle*/ 16894) {
33314
33369
  form_1_changes.$$scope = { dirty, ctx };
33315
33370
  }
33316
33371
 
@@ -33339,7 +33394,8 @@ function create_fragment$5(ctx) {
33339
33394
 
33340
33395
  function instance$5($$self, $$props, $$invalidate) {
33341
33396
  let $style;
33342
- component_subscribe($$self, styleStore, $$value => $$invalidate(7, $style = $$value));
33397
+ component_subscribe($$self, styleStore, $$value => $$invalidate(8, $style = $$value));
33398
+ let { componentStyle } = $$props;
33343
33399
  let { form } = $$props;
33344
33400
  let { formEl = null } = $$props;
33345
33401
  let { journey } = $$props;
@@ -33358,7 +33414,7 @@ function instance$5($$self, $$props, $$invalidate) {
33358
33414
  }
33359
33415
 
33360
33416
  afterUpdate(() => {
33361
- $$invalidate(5, alertNeedsFocus = !!form?.message);
33417
+ $$invalidate(6, alertNeedsFocus = !!form?.message);
33362
33418
  });
33363
33419
 
33364
33420
  function form_1_formEl_binding(value) {
@@ -33367,23 +33423,25 @@ function instance$5($$self, $$props, $$invalidate) {
33367
33423
  }
33368
33424
 
33369
33425
  $$self.$$set = $$props => {
33370
- if ('form' in $$props) $$invalidate(1, form = $$props.form);
33426
+ if ('componentStyle' in $$props) $$invalidate(1, componentStyle = $$props.componentStyle);
33427
+ if ('form' in $$props) $$invalidate(2, form = $$props.form);
33371
33428
  if ('formEl' in $$props) $$invalidate(0, formEl = $$props.formEl);
33372
- if ('journey' in $$props) $$invalidate(2, journey = $$props.journey);
33373
- if ('metadata' in $$props) $$invalidate(3, metadata = $$props.metadata);
33374
- if ('step' in $$props) $$invalidate(4, step = $$props.step);
33429
+ if ('journey' in $$props) $$invalidate(3, journey = $$props.journey);
33430
+ if ('metadata' in $$props) $$invalidate(4, metadata = $$props.metadata);
33431
+ if ('step' in $$props) $$invalidate(5, step = $$props.step);
33375
33432
  };
33376
33433
 
33377
33434
  $$self.$$.update = () => {
33378
- if ($$self.$$.dirty & /*form*/ 2) {
33435
+ if ($$self.$$.dirty & /*form*/ 4) {
33379
33436
  {
33380
- $$invalidate(6, formMessageKey = convertStringToKey(form?.message));
33437
+ $$invalidate(7, formMessageKey = convertStringToKey(form?.message));
33381
33438
  }
33382
33439
  }
33383
33440
  };
33384
33441
 
33385
33442
  return [
33386
33443
  formEl,
33444
+ componentStyle,
33387
33445
  form,
33388
33446
  journey,
33389
33447
  metadata,
@@ -33401,11 +33459,12 @@ class One_time_password extends SvelteComponent {
33401
33459
  super();
33402
33460
 
33403
33461
  init(this, options, instance$5, create_fragment$5, safe_not_equal, {
33404
- form: 1,
33462
+ componentStyle: 1,
33463
+ form: 2,
33405
33464
  formEl: 0,
33406
- journey: 2,
33407
- metadata: 3,
33408
- step: 4
33465
+ journey: 3,
33466
+ metadata: 4,
33467
+ step: 5
33409
33468
  });
33410
33469
  }
33411
33470
  }
@@ -33518,13 +33577,100 @@ class New_user_icon extends SvelteComponent {
33518
33577
 
33519
33578
  function get_each_context$1(ctx, list, i) {
33520
33579
  const child_ctx = ctx.slice();
33521
- child_ctx[12] = list[i];
33522
- child_ctx[14] = i;
33580
+ child_ctx[13] = list[i];
33581
+ child_ctx[15] = i;
33523
33582
  return child_ctx;
33524
33583
  }
33525
33584
 
33526
- // (41:2) {#if form?.icon}
33585
+ // (50:2) {#if componentStyle !== 'inline'}
33527
33586
  function create_if_block_2$2(ctx) {
33587
+ let t0;
33588
+ let h1;
33589
+ let t1;
33590
+ let t2;
33591
+ let p;
33592
+ let t3;
33593
+ let current;
33594
+ let if_block = /*form*/ ctx[2]?.icon && create_if_block_3$2();
33595
+ t1 = new Locale_strings({ props: { key: "registerHeader" } });
33596
+
33597
+ t3 = new Locale_strings({
33598
+ props: { key: "alreadyHaveAnAccount", html: true }
33599
+ });
33600
+
33601
+ return {
33602
+ c() {
33603
+ if (if_block) if_block.c();
33604
+ t0 = space();
33605
+ h1 = element("h1");
33606
+ create_component(t1.$$.fragment);
33607
+ t2 = space();
33608
+ p = element("p");
33609
+ create_component(t3.$$.fragment);
33610
+ attr(h1, "class", "tw_primary-header dark:tw_primary-header_dark");
33611
+ attr(p, "class", "tw_text-base tw_text-center tw_-mt-5 tw_mb-2 tw_py-4 tw_text-secondary-dark dark:tw_text-secondary-light");
33612
+ },
33613
+ m(target, anchor) {
33614
+ if (if_block) if_block.m(target, anchor);
33615
+ insert(target, t0, anchor);
33616
+ insert(target, h1, anchor);
33617
+ mount_component(t1, h1, null);
33618
+ insert(target, t2, anchor);
33619
+ insert(target, p, anchor);
33620
+ mount_component(t3, p, null);
33621
+ /*p_binding*/ ctx[11](p);
33622
+ current = true;
33623
+ },
33624
+ p(ctx, dirty) {
33625
+ if (/*form*/ ctx[2]?.icon) {
33626
+ if (if_block) {
33627
+ if (dirty & /*form*/ 4) {
33628
+ transition_in(if_block, 1);
33629
+ }
33630
+ } else {
33631
+ if_block = create_if_block_3$2();
33632
+ if_block.c();
33633
+ transition_in(if_block, 1);
33634
+ if_block.m(t0.parentNode, t0);
33635
+ }
33636
+ } else if (if_block) {
33637
+ group_outros();
33638
+
33639
+ transition_out(if_block, 1, 1, () => {
33640
+ if_block = null;
33641
+ });
33642
+
33643
+ check_outros();
33644
+ }
33645
+ },
33646
+ i(local) {
33647
+ if (current) return;
33648
+ transition_in(if_block);
33649
+ transition_in(t1.$$.fragment, local);
33650
+ transition_in(t3.$$.fragment, local);
33651
+ current = true;
33652
+ },
33653
+ o(local) {
33654
+ transition_out(if_block);
33655
+ transition_out(t1.$$.fragment, local);
33656
+ transition_out(t3.$$.fragment, local);
33657
+ current = false;
33658
+ },
33659
+ d(detaching) {
33660
+ if (if_block) if_block.d(detaching);
33661
+ if (detaching) detach(t0);
33662
+ if (detaching) detach(h1);
33663
+ destroy_component(t1);
33664
+ if (detaching) detach(t2);
33665
+ if (detaching) detach(p);
33666
+ destroy_component(t3);
33667
+ /*p_binding*/ ctx[11](null);
33668
+ }
33669
+ };
33670
+ }
33671
+
33672
+ // (51:4) {#if form?.icon}
33673
+ function create_if_block_3$2(ctx) {
33528
33674
  let div;
33529
33675
  let newusericon;
33530
33676
  let current;
@@ -33563,7 +33709,7 @@ function create_if_block_2$2(ctx) {
33563
33709
  };
33564
33710
  }
33565
33711
 
33566
- // (56:2) {#if form.message}
33712
+ // (67:2) {#if form.message}
33567
33713
  function create_if_block_1$2(ctx) {
33568
33714
  let alert;
33569
33715
  let current;
@@ -33571,7 +33717,7 @@ function create_if_block_1$2(ctx) {
33571
33717
  alert = new Alert({
33572
33718
  props: {
33573
33719
  id: "formFailureMessageAlert",
33574
- needsFocus: /*alertNeedsFocus*/ ctx[5],
33720
+ needsFocus: /*alertNeedsFocus*/ ctx[6],
33575
33721
  type: "error",
33576
33722
  $$slots: { default: [create_default_slot_2$1] },
33577
33723
  $$scope: { ctx }
@@ -33588,9 +33734,9 @@ function create_if_block_1$2(ctx) {
33588
33734
  },
33589
33735
  p(ctx, dirty) {
33590
33736
  const alert_changes = {};
33591
- if (dirty & /*alertNeedsFocus*/ 32) alert_changes.needsFocus = /*alertNeedsFocus*/ ctx[5];
33737
+ if (dirty & /*alertNeedsFocus*/ 64) alert_changes.needsFocus = /*alertNeedsFocus*/ ctx[6];
33592
33738
 
33593
- if (dirty & /*$$scope, formMessageKey, form*/ 32834) {
33739
+ if (dirty & /*$$scope, formMessageKey, form*/ 65668) {
33594
33740
  alert_changes.$$scope = { dirty, ctx };
33595
33741
  }
33596
33742
 
@@ -33611,9 +33757,9 @@ function create_if_block_1$2(ctx) {
33611
33757
  };
33612
33758
  }
33613
33759
 
33614
- // (57:4) <Alert id="formFailureMessageAlert" needsFocus={alertNeedsFocus} type="error">
33760
+ // (68:4) <Alert id="formFailureMessageAlert" needsFocus={alertNeedsFocus} type="error">
33615
33761
  function create_default_slot_2$1(ctx) {
33616
- let t_value = interpolate(/*formMessageKey*/ ctx[6], null, /*form*/ ctx[1]?.message) + "";
33762
+ let t_value = interpolate(/*formMessageKey*/ ctx[7], null, /*form*/ ctx[2]?.message) + "";
33617
33763
  let t;
33618
33764
 
33619
33765
  return {
@@ -33624,7 +33770,7 @@ function create_default_slot_2$1(ctx) {
33624
33770
  insert(target, t, anchor);
33625
33771
  },
33626
33772
  p(ctx, dirty) {
33627
- if (dirty & /*formMessageKey, form*/ 66 && t_value !== (t_value = interpolate(/*formMessageKey*/ ctx[6], null, /*form*/ ctx[1]?.message) + "")) set_data(t, t_value);
33773
+ if (dirty & /*formMessageKey, form*/ 132 && t_value !== (t_value = interpolate(/*formMessageKey*/ ctx[7], null, /*form*/ ctx[2]?.message) + "")) set_data(t, t_value);
33628
33774
  },
33629
33775
  d(detaching) {
33630
33776
  if (detaching) detach(t);
@@ -33632,7 +33778,7 @@ function create_default_slot_2$1(ctx) {
33632
33778
  };
33633
33779
  }
33634
33780
 
33635
- // (62:2) {#each step?.callbacks as callback, idx}
33781
+ // (73:2) {#each step?.callbacks as callback, idx}
33636
33782
  function create_each_block$1(ctx) {
33637
33783
  let callbackmapper;
33638
33784
  let current;
@@ -33640,11 +33786,11 @@ function create_each_block$1(ctx) {
33640
33786
  callbackmapper = new Callback_mapper({
33641
33787
  props: {
33642
33788
  props: {
33643
- callback: /*callback*/ ctx[12],
33644
- callbackMetadata: /*metadata*/ ctx[3]?.callbacks[/*idx*/ ctx[14]],
33645
- selfSubmitFunction: /*determineSubmission*/ ctx[9],
33646
- stepMetadata: /*metadata*/ ctx[3]?.step && { .../*metadata*/ ctx[3].step },
33647
- style: /*$styleStore*/ ctx[8]
33789
+ callback: /*callback*/ ctx[13],
33790
+ callbackMetadata: /*metadata*/ ctx[4]?.callbacks[/*idx*/ ctx[15]],
33791
+ selfSubmitFunction: /*determineSubmission*/ ctx[10],
33792
+ stepMetadata: /*metadata*/ ctx[4]?.step && { .../*metadata*/ ctx[4].step },
33793
+ style: /*$styleStore*/ ctx[9]
33648
33794
  }
33649
33795
  }
33650
33796
  });
@@ -33660,12 +33806,12 @@ function create_each_block$1(ctx) {
33660
33806
  p(ctx, dirty) {
33661
33807
  const callbackmapper_changes = {};
33662
33808
 
33663
- if (dirty & /*step, metadata, $styleStore*/ 280) callbackmapper_changes.props = {
33664
- callback: /*callback*/ ctx[12],
33665
- callbackMetadata: /*metadata*/ ctx[3]?.callbacks[/*idx*/ ctx[14]],
33666
- selfSubmitFunction: /*determineSubmission*/ ctx[9],
33667
- stepMetadata: /*metadata*/ ctx[3]?.step && { .../*metadata*/ ctx[3].step },
33668
- style: /*$styleStore*/ ctx[8]
33809
+ if (dirty & /*step, metadata, $styleStore*/ 560) callbackmapper_changes.props = {
33810
+ callback: /*callback*/ ctx[13],
33811
+ callbackMetadata: /*metadata*/ ctx[4]?.callbacks[/*idx*/ ctx[15]],
33812
+ selfSubmitFunction: /*determineSubmission*/ ctx[10],
33813
+ stepMetadata: /*metadata*/ ctx[4]?.step && { .../*metadata*/ ctx[4].step },
33814
+ style: /*$styleStore*/ ctx[9]
33669
33815
  };
33670
33816
 
33671
33817
  callbackmapper.$set(callbackmapper_changes);
@@ -33685,14 +33831,14 @@ function create_each_block$1(ctx) {
33685
33831
  };
33686
33832
  }
33687
33833
 
33688
- // (74:2) {#if metadata?.step?.derived.isUserInputOptional || !metadata?.step?.derived.isStepSelfSubmittable}
33834
+ // (85:2) {#if metadata?.step?.derived.isUserInputOptional || !metadata?.step?.derived.isStepSelfSubmittable}
33689
33835
  function create_if_block$3(ctx) {
33690
33836
  let button;
33691
33837
  let current;
33692
33838
 
33693
33839
  button = new Button({
33694
33840
  props: {
33695
- busy: /*journey*/ ctx[2]?.loading,
33841
+ busy: /*journey*/ ctx[3]?.loading,
33696
33842
  style: "primary",
33697
33843
  type: "submit",
33698
33844
  width: "full",
@@ -33711,9 +33857,9 @@ function create_if_block$3(ctx) {
33711
33857
  },
33712
33858
  p(ctx, dirty) {
33713
33859
  const button_changes = {};
33714
- if (dirty & /*journey*/ 4) button_changes.busy = /*journey*/ ctx[2]?.loading;
33860
+ if (dirty & /*journey*/ 8) button_changes.busy = /*journey*/ ctx[3]?.loading;
33715
33861
 
33716
- if (dirty & /*$$scope*/ 32768) {
33862
+ if (dirty & /*$$scope*/ 65536) {
33717
33863
  button_changes.$$scope = { dirty, ctx };
33718
33864
  }
33719
33865
 
@@ -33734,7 +33880,7 @@ function create_if_block$3(ctx) {
33734
33880
  };
33735
33881
  }
33736
33882
 
33737
- // (75:4) <Button busy={journey?.loading} style="primary" type="submit" width="full">
33883
+ // (86:4) <Button busy={journey?.loading} style="primary" type="submit" width="full">
33738
33884
  function create_default_slot_1$2(ctx) {
33739
33885
  let t;
33740
33886
  let current;
@@ -33764,28 +33910,16 @@ function create_default_slot_1$2(ctx) {
33764
33910
  };
33765
33911
  }
33766
33912
 
33767
- // (40:0) <Form bind:formEl ariaDescribedBy="formFailureMessageAlert" onSubmitWhenValid={form?.submit}>
33913
+ // (49:0) <Form bind:formEl ariaDescribedBy="formFailureMessageAlert" onSubmitWhenValid={form?.submit}>
33768
33914
  function create_default_slot$3(ctx) {
33769
33915
  let t0;
33770
- let h1;
33771
33916
  let t1;
33772
33917
  let t2;
33773
- let p;
33774
- let t3;
33775
- let t4;
33776
- let t5;
33777
- let t6;
33778
33918
  let if_block2_anchor;
33779
33919
  let current;
33780
- let if_block0 = /*form*/ ctx[1]?.icon && create_if_block_2$2();
33781
- t1 = new Locale_strings({ props: { key: "registerHeader" } });
33782
-
33783
- t3 = new Locale_strings({
33784
- props: { key: "alreadyHaveAnAccount", html: true }
33785
- });
33786
-
33787
- let if_block1 = /*form*/ ctx[1].message && create_if_block_1$2(ctx);
33788
- let each_value = /*step*/ ctx[4]?.callbacks;
33920
+ let if_block0 = /*componentStyle*/ ctx[1] !== 'inline' && create_if_block_2$2(ctx);
33921
+ let if_block1 = /*form*/ ctx[2].message && create_if_block_1$2(ctx);
33922
+ let each_value = /*step*/ ctx[5]?.callbacks;
33789
33923
  let each_blocks = [];
33790
33924
 
33791
33925
  for (let i = 0; i < each_value.length; i += 1) {
@@ -33796,61 +33930,48 @@ function create_default_slot$3(ctx) {
33796
33930
  each_blocks[i] = null;
33797
33931
  });
33798
33932
 
33799
- let if_block2 = (/*metadata*/ ctx[3]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[3]?.step?.derived.isStepSelfSubmittable) && create_if_block$3(ctx);
33933
+ let if_block2 = (/*metadata*/ ctx[4]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[4]?.step?.derived.isStepSelfSubmittable) && create_if_block$3(ctx);
33800
33934
 
33801
33935
  return {
33802
33936
  c() {
33803
33937
  if (if_block0) if_block0.c();
33804
33938
  t0 = space();
33805
- h1 = element("h1");
33806
- create_component(t1.$$.fragment);
33807
- t2 = space();
33808
- p = element("p");
33809
- create_component(t3.$$.fragment);
33810
- t4 = space();
33811
33939
  if (if_block1) if_block1.c();
33812
- t5 = space();
33940
+ t1 = space();
33813
33941
 
33814
33942
  for (let i = 0; i < each_blocks.length; i += 1) {
33815
33943
  each_blocks[i].c();
33816
33944
  }
33817
33945
 
33818
- t6 = space();
33946
+ t2 = space();
33819
33947
  if (if_block2) if_block2.c();
33820
33948
  if_block2_anchor = empty();
33821
- attr(h1, "class", "tw_primary-header dark:tw_primary-header_dark");
33822
- attr(p, "class", "tw_text-base tw_text-center tw_-mt-5 tw_mb-2 tw_py-4 tw_text-secondary-dark dark:tw_text-secondary-light");
33823
33949
  },
33824
33950
  m(target, anchor) {
33825
33951
  if (if_block0) if_block0.m(target, anchor);
33826
33952
  insert(target, t0, anchor);
33827
- insert(target, h1, anchor);
33828
- mount_component(t1, h1, null);
33829
- insert(target, t2, anchor);
33830
- insert(target, p, anchor);
33831
- mount_component(t3, p, null);
33832
- /*p_binding*/ ctx[10](p);
33833
- insert(target, t4, anchor);
33834
33953
  if (if_block1) if_block1.m(target, anchor);
33835
- insert(target, t5, anchor);
33954
+ insert(target, t1, anchor);
33836
33955
 
33837
33956
  for (let i = 0; i < each_blocks.length; i += 1) {
33838
33957
  each_blocks[i].m(target, anchor);
33839
33958
  }
33840
33959
 
33841
- insert(target, t6, anchor);
33960
+ insert(target, t2, anchor);
33842
33961
  if (if_block2) if_block2.m(target, anchor);
33843
33962
  insert(target, if_block2_anchor, anchor);
33844
33963
  current = true;
33845
33964
  },
33846
33965
  p(ctx, dirty) {
33847
- if (/*form*/ ctx[1]?.icon) {
33966
+ if (/*componentStyle*/ ctx[1] !== 'inline') {
33848
33967
  if (if_block0) {
33849
- if (dirty & /*form*/ 2) {
33968
+ if_block0.p(ctx, dirty);
33969
+
33970
+ if (dirty & /*componentStyle*/ 2) {
33850
33971
  transition_in(if_block0, 1);
33851
33972
  }
33852
33973
  } else {
33853
- if_block0 = create_if_block_2$2();
33974
+ if_block0 = create_if_block_2$2(ctx);
33854
33975
  if_block0.c();
33855
33976
  transition_in(if_block0, 1);
33856
33977
  if_block0.m(t0.parentNode, t0);
@@ -33865,18 +33986,18 @@ function create_default_slot$3(ctx) {
33865
33986
  check_outros();
33866
33987
  }
33867
33988
 
33868
- if (/*form*/ ctx[1].message) {
33989
+ if (/*form*/ ctx[2].message) {
33869
33990
  if (if_block1) {
33870
33991
  if_block1.p(ctx, dirty);
33871
33992
 
33872
- if (dirty & /*form*/ 2) {
33993
+ if (dirty & /*form*/ 4) {
33873
33994
  transition_in(if_block1, 1);
33874
33995
  }
33875
33996
  } else {
33876
33997
  if_block1 = create_if_block_1$2(ctx);
33877
33998
  if_block1.c();
33878
33999
  transition_in(if_block1, 1);
33879
- if_block1.m(t5.parentNode, t5);
34000
+ if_block1.m(t1.parentNode, t1);
33880
34001
  }
33881
34002
  } else if (if_block1) {
33882
34003
  group_outros();
@@ -33888,8 +34009,8 @@ function create_default_slot$3(ctx) {
33888
34009
  check_outros();
33889
34010
  }
33890
34011
 
33891
- if (dirty & /*step, metadata, determineSubmission, $styleStore*/ 792) {
33892
- each_value = /*step*/ ctx[4]?.callbacks;
34012
+ if (dirty & /*step, metadata, determineSubmission, $styleStore*/ 1584) {
34013
+ each_value = /*step*/ ctx[5]?.callbacks;
33893
34014
  let i;
33894
34015
 
33895
34016
  for (i = 0; i < each_value.length; i += 1) {
@@ -33902,7 +34023,7 @@ function create_default_slot$3(ctx) {
33902
34023
  each_blocks[i] = create_each_block$1(child_ctx);
33903
34024
  each_blocks[i].c();
33904
34025
  transition_in(each_blocks[i], 1);
33905
- each_blocks[i].m(t6.parentNode, t6);
34026
+ each_blocks[i].m(t2.parentNode, t2);
33906
34027
  }
33907
34028
  }
33908
34029
 
@@ -33915,11 +34036,11 @@ function create_default_slot$3(ctx) {
33915
34036
  check_outros();
33916
34037
  }
33917
34038
 
33918
- if (/*metadata*/ ctx[3]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[3]?.step?.derived.isStepSelfSubmittable) {
34039
+ if (/*metadata*/ ctx[4]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[4]?.step?.derived.isStepSelfSubmittable) {
33919
34040
  if (if_block2) {
33920
34041
  if_block2.p(ctx, dirty);
33921
34042
 
33922
- if (dirty & /*metadata*/ 8) {
34043
+ if (dirty & /*metadata*/ 16) {
33923
34044
  transition_in(if_block2, 1);
33924
34045
  }
33925
34046
  } else {
@@ -33941,8 +34062,6 @@ function create_default_slot$3(ctx) {
33941
34062
  i(local) {
33942
34063
  if (current) return;
33943
34064
  transition_in(if_block0);
33944
- transition_in(t1.$$.fragment, local);
33945
- transition_in(t3.$$.fragment, local);
33946
34065
  transition_in(if_block1);
33947
34066
 
33948
34067
  for (let i = 0; i < each_value.length; i += 1) {
@@ -33954,8 +34073,6 @@ function create_default_slot$3(ctx) {
33954
34073
  },
33955
34074
  o(local) {
33956
34075
  transition_out(if_block0);
33957
- transition_out(t1.$$.fragment, local);
33958
- transition_out(t3.$$.fragment, local);
33959
34076
  transition_out(if_block1);
33960
34077
  each_blocks = each_blocks.filter(Boolean);
33961
34078
 
@@ -33969,17 +34086,10 @@ function create_default_slot$3(ctx) {
33969
34086
  d(detaching) {
33970
34087
  if (if_block0) if_block0.d(detaching);
33971
34088
  if (detaching) detach(t0);
33972
- if (detaching) detach(h1);
33973
- destroy_component(t1);
33974
- if (detaching) detach(t2);
33975
- if (detaching) detach(p);
33976
- destroy_component(t3);
33977
- /*p_binding*/ ctx[10](null);
33978
- if (detaching) detach(t4);
33979
34089
  if (if_block1) if_block1.d(detaching);
33980
- if (detaching) detach(t5);
34090
+ if (detaching) detach(t1);
33981
34091
  destroy_each(each_blocks, detaching);
33982
- if (detaching) detach(t6);
34092
+ if (detaching) detach(t2);
33983
34093
  if (if_block2) if_block2.d(detaching);
33984
34094
  if (detaching) detach(if_block2_anchor);
33985
34095
  }
@@ -33992,12 +34102,12 @@ function create_fragment$3(ctx) {
33992
34102
  let current;
33993
34103
 
33994
34104
  function form_1_formEl_binding(value) {
33995
- /*form_1_formEl_binding*/ ctx[11](value);
34105
+ /*form_1_formEl_binding*/ ctx[12](value);
33996
34106
  }
33997
34107
 
33998
34108
  let form_1_props = {
33999
34109
  ariaDescribedBy: "formFailureMessageAlert",
34000
- onSubmitWhenValid: /*form*/ ctx[1]?.submit,
34110
+ onSubmitWhenValid: /*form*/ ctx[2]?.submit,
34001
34111
  $$slots: { default: [create_default_slot$3] },
34002
34112
  $$scope: { ctx }
34003
34113
  };
@@ -34019,9 +34129,9 @@ function create_fragment$3(ctx) {
34019
34129
  },
34020
34130
  p(ctx, [dirty]) {
34021
34131
  const form_1_changes = {};
34022
- if (dirty & /*form*/ 2) form_1_changes.onSubmitWhenValid = /*form*/ ctx[1]?.submit;
34132
+ if (dirty & /*form*/ 4) form_1_changes.onSubmitWhenValid = /*form*/ ctx[2]?.submit;
34023
34133
 
34024
- if (dirty & /*$$scope, journey, metadata, step, $styleStore, alertNeedsFocus, formMessageKey, form, linkWrapper*/ 33278) {
34134
+ if (dirty & /*$$scope, journey, metadata, step, $styleStore, alertNeedsFocus, formMessageKey, form, linkWrapper, componentStyle*/ 66558) {
34025
34135
  form_1_changes.$$scope = { dirty, ctx };
34026
34136
  }
34027
34137
 
@@ -34050,7 +34160,8 @@ function create_fragment$3(ctx) {
34050
34160
 
34051
34161
  function instance$3($$self, $$props, $$invalidate) {
34052
34162
  let $styleStore;
34053
- component_subscribe($$self, styleStore, $$value => $$invalidate(8, $styleStore = $$value));
34163
+ component_subscribe($$self, styleStore, $$value => $$invalidate(9, $styleStore = $$value));
34164
+ let { componentStyle } = $$props;
34054
34165
  let { form } = $$props;
34055
34166
  let { formEl = null } = $$props;
34056
34167
  let { journey } = $$props;
@@ -34070,15 +34181,25 @@ function instance$3($$self, $$props, $$invalidate) {
34070
34181
  }
34071
34182
 
34072
34183
  afterUpdate(() => {
34073
- $$invalidate(5, alertNeedsFocus = !!form?.message);
34184
+ $$invalidate(6, alertNeedsFocus = !!form?.message);
34074
34185
  });
34075
34186
 
34076
- onMount(() => captureLinks(linkWrapper, journey));
34187
+ onMount(() => {
34188
+ if (componentStyle === 'modal') {
34189
+ captureLinks(linkWrapper, journey);
34190
+ }
34191
+ });
34192
+
34193
+ onMount(() => {
34194
+ if (componentStyle === 'modal') {
34195
+ captureLinks(linkWrapper, journey);
34196
+ }
34197
+ });
34077
34198
 
34078
34199
  function p_binding($$value) {
34079
34200
  binding_callbacks[$$value ? 'unshift' : 'push'](() => {
34080
34201
  linkWrapper = $$value;
34081
- $$invalidate(7, linkWrapper);
34202
+ $$invalidate(8, linkWrapper);
34082
34203
  });
34083
34204
  }
34084
34205
 
@@ -34088,23 +34209,25 @@ function instance$3($$self, $$props, $$invalidate) {
34088
34209
  }
34089
34210
 
34090
34211
  $$self.$$set = $$props => {
34091
- if ('form' in $$props) $$invalidate(1, form = $$props.form);
34212
+ if ('componentStyle' in $$props) $$invalidate(1, componentStyle = $$props.componentStyle);
34213
+ if ('form' in $$props) $$invalidate(2, form = $$props.form);
34092
34214
  if ('formEl' in $$props) $$invalidate(0, formEl = $$props.formEl);
34093
- if ('journey' in $$props) $$invalidate(2, journey = $$props.journey);
34094
- if ('metadata' in $$props) $$invalidate(3, metadata = $$props.metadata);
34095
- if ('step' in $$props) $$invalidate(4, step = $$props.step);
34215
+ if ('journey' in $$props) $$invalidate(3, journey = $$props.journey);
34216
+ if ('metadata' in $$props) $$invalidate(4, metadata = $$props.metadata);
34217
+ if ('step' in $$props) $$invalidate(5, step = $$props.step);
34096
34218
  };
34097
34219
 
34098
34220
  $$self.$$.update = () => {
34099
- if ($$self.$$.dirty & /*form*/ 2) {
34221
+ if ($$self.$$.dirty & /*form*/ 4) {
34100
34222
  {
34101
- $$invalidate(6, formMessageKey = convertStringToKey(form?.message));
34223
+ $$invalidate(7, formMessageKey = convertStringToKey(form?.message));
34102
34224
  }
34103
34225
  }
34104
34226
  };
34105
34227
 
34106
34228
  return [
34107
34229
  formEl,
34230
+ componentStyle,
34108
34231
  form,
34109
34232
  journey,
34110
34233
  metadata,
@@ -34124,11 +34247,12 @@ class Registration extends SvelteComponent {
34124
34247
  super();
34125
34248
 
34126
34249
  init(this, options, instance$3, create_fragment$3, safe_not_equal, {
34127
- form: 1,
34250
+ componentStyle: 1,
34251
+ form: 2,
34128
34252
  formEl: 0,
34129
- journey: 2,
34130
- metadata: 3,
34131
- step: 4
34253
+ journey: 3,
34254
+ metadata: 4,
34255
+ step: 5
34132
34256
  });
34133
34257
  }
34134
34258
  }
@@ -34137,13 +34261,79 @@ class Registration extends SvelteComponent {
34137
34261
 
34138
34262
  function get_each_context(ctx, list, i) {
34139
34263
  const child_ctx = ctx.slice();
34140
- child_ctx[14] = list[i];
34141
- child_ctx[16] = i;
34264
+ child_ctx[15] = list[i];
34265
+ child_ctx[17] = i;
34142
34266
  return child_ctx;
34143
34267
  }
34144
34268
 
34145
- // (41:2) {#if form?.icon}
34146
- function create_if_block_2$1(ctx) {
34269
+ // (45:2) {#if componentStyle !== 'inline'}
34270
+ function create_if_block_3$1(ctx) {
34271
+ let t0;
34272
+ let h1;
34273
+ let t1;
34274
+ let current;
34275
+ let if_block = /*form*/ ctx[2]?.icon && create_if_block_4();
34276
+ t1 = new Locale_strings({ props: { key: "loginHeader" } });
34277
+
34278
+ return {
34279
+ c() {
34280
+ if (if_block) if_block.c();
34281
+ t0 = space();
34282
+ h1 = element("h1");
34283
+ create_component(t1.$$.fragment);
34284
+ attr(h1, "class", "tw_primary-header dark:tw_primary-header_dark");
34285
+ },
34286
+ m(target, anchor) {
34287
+ if (if_block) if_block.m(target, anchor);
34288
+ insert(target, t0, anchor);
34289
+ insert(target, h1, anchor);
34290
+ mount_component(t1, h1, null);
34291
+ current = true;
34292
+ },
34293
+ p(ctx, dirty) {
34294
+ if (/*form*/ ctx[2]?.icon) {
34295
+ if (if_block) {
34296
+ if (dirty & /*form*/ 4) {
34297
+ transition_in(if_block, 1);
34298
+ }
34299
+ } else {
34300
+ if_block = create_if_block_4();
34301
+ if_block.c();
34302
+ transition_in(if_block, 1);
34303
+ if_block.m(t0.parentNode, t0);
34304
+ }
34305
+ } else if (if_block) {
34306
+ group_outros();
34307
+
34308
+ transition_out(if_block, 1, 1, () => {
34309
+ if_block = null;
34310
+ });
34311
+
34312
+ check_outros();
34313
+ }
34314
+ },
34315
+ i(local) {
34316
+ if (current) return;
34317
+ transition_in(if_block);
34318
+ transition_in(t1.$$.fragment, local);
34319
+ current = true;
34320
+ },
34321
+ o(local) {
34322
+ transition_out(if_block);
34323
+ transition_out(t1.$$.fragment, local);
34324
+ current = false;
34325
+ },
34326
+ d(detaching) {
34327
+ if (if_block) if_block.d(detaching);
34328
+ if (detaching) detach(t0);
34329
+ if (detaching) detach(h1);
34330
+ destroy_component(t1);
34331
+ }
34332
+ };
34333
+ }
34334
+
34335
+ // (46:4) {#if form?.icon}
34336
+ function create_if_block_4(ctx) {
34147
34337
  let div;
34148
34338
  let keyicon;
34149
34339
  let current;
@@ -34182,15 +34372,15 @@ function create_if_block_2$1(ctx) {
34182
34372
  };
34183
34373
  }
34184
34374
 
34185
- // (50:2) {#if form?.message}
34186
- function create_if_block_1$1(ctx) {
34375
+ // (56:2) {#if form?.message}
34376
+ function create_if_block_2$1(ctx) {
34187
34377
  let alert;
34188
34378
  let current;
34189
34379
 
34190
34380
  alert = new Alert({
34191
34381
  props: {
34192
34382
  id: "formFailureMessageAlert",
34193
- needsFocus: /*alertNeedsFocus*/ ctx[5],
34383
+ needsFocus: /*alertNeedsFocus*/ ctx[6],
34194
34384
  type: "error",
34195
34385
  $$slots: { default: [create_default_slot_2] },
34196
34386
  $$scope: { ctx }
@@ -34207,9 +34397,9 @@ function create_if_block_1$1(ctx) {
34207
34397
  },
34208
34398
  p(ctx, dirty) {
34209
34399
  const alert_changes = {};
34210
- if (dirty & /*alertNeedsFocus*/ 32) alert_changes.needsFocus = /*alertNeedsFocus*/ ctx[5];
34400
+ if (dirty & /*alertNeedsFocus*/ 64) alert_changes.needsFocus = /*alertNeedsFocus*/ ctx[6];
34211
34401
 
34212
- if (dirty & /*$$scope, formMessageKey, form*/ 131138) {
34402
+ if (dirty & /*$$scope, formMessageKey, form*/ 262276) {
34213
34403
  alert_changes.$$scope = { dirty, ctx };
34214
34404
  }
34215
34405
 
@@ -34230,9 +34420,9 @@ function create_if_block_1$1(ctx) {
34230
34420
  };
34231
34421
  }
34232
34422
 
34233
- // (51:4) <Alert id="formFailureMessageAlert" needsFocus={alertNeedsFocus} type="error">
34423
+ // (57:4) <Alert id="formFailureMessageAlert" needsFocus={alertNeedsFocus} type="error">
34234
34424
  function create_default_slot_2(ctx) {
34235
- let t_value = interpolate(/*formMessageKey*/ ctx[6], null, /*form*/ ctx[1]?.message) + "";
34425
+ let t_value = interpolate(/*formMessageKey*/ ctx[7], null, /*form*/ ctx[2]?.message) + "";
34236
34426
  let t;
34237
34427
 
34238
34428
  return {
@@ -34243,7 +34433,7 @@ function create_default_slot_2(ctx) {
34243
34433
  insert(target, t, anchor);
34244
34434
  },
34245
34435
  p(ctx, dirty) {
34246
- if (dirty & /*formMessageKey, form*/ 66 && t_value !== (t_value = interpolate(/*formMessageKey*/ ctx[6], null, /*form*/ ctx[1]?.message) + "")) set_data(t, t_value);
34436
+ if (dirty & /*formMessageKey, form*/ 132 && t_value !== (t_value = interpolate(/*formMessageKey*/ ctx[7], null, /*form*/ ctx[2]?.message) + "")) set_data(t, t_value);
34247
34437
  },
34248
34438
  d(detaching) {
34249
34439
  if (detaching) detach(t);
@@ -34251,7 +34441,7 @@ function create_default_slot_2(ctx) {
34251
34441
  };
34252
34442
  }
34253
34443
 
34254
- // (56:2) {#each step?.callbacks as callback, idx}
34444
+ // (62:2) {#each step?.callbacks as callback, idx}
34255
34445
  function create_each_block(ctx) {
34256
34446
  let callbackmapper;
34257
34447
  let current;
@@ -34259,11 +34449,11 @@ function create_each_block(ctx) {
34259
34449
  callbackmapper = new Callback_mapper({
34260
34450
  props: {
34261
34451
  props: {
34262
- callback: /*callback*/ ctx[14],
34263
- callbackMetadata: /*metadata*/ ctx[3]?.callbacks[/*idx*/ ctx[16]],
34264
- selfSubmitFunction: /*determineSubmission*/ ctx[9],
34265
- stepMetadata: /*metadata*/ ctx[3]?.step && { .../*metadata*/ ctx[3].step },
34266
- style: /*$styleStore*/ ctx[8]
34452
+ callback: /*callback*/ ctx[15],
34453
+ callbackMetadata: /*metadata*/ ctx[4]?.callbacks[/*idx*/ ctx[17]],
34454
+ selfSubmitFunction: /*determineSubmission*/ ctx[10],
34455
+ stepMetadata: /*metadata*/ ctx[4]?.step && { .../*metadata*/ ctx[4].step },
34456
+ style: /*$styleStore*/ ctx[9]
34267
34457
  }
34268
34458
  }
34269
34459
  });
@@ -34279,12 +34469,12 @@ function create_each_block(ctx) {
34279
34469
  p(ctx, dirty) {
34280
34470
  const callbackmapper_changes = {};
34281
34471
 
34282
- if (dirty & /*step, metadata, $styleStore*/ 280) callbackmapper_changes.props = {
34283
- callback: /*callback*/ ctx[14],
34284
- callbackMetadata: /*metadata*/ ctx[3]?.callbacks[/*idx*/ ctx[16]],
34285
- selfSubmitFunction: /*determineSubmission*/ ctx[9],
34286
- stepMetadata: /*metadata*/ ctx[3]?.step && { .../*metadata*/ ctx[3].step },
34287
- style: /*$styleStore*/ ctx[8]
34472
+ if (dirty & /*step, metadata, $styleStore*/ 560) callbackmapper_changes.props = {
34473
+ callback: /*callback*/ ctx[15],
34474
+ callbackMetadata: /*metadata*/ ctx[4]?.callbacks[/*idx*/ ctx[17]],
34475
+ selfSubmitFunction: /*determineSubmission*/ ctx[10],
34476
+ stepMetadata: /*metadata*/ ctx[4]?.step && { .../*metadata*/ ctx[4].step },
34477
+ style: /*$styleStore*/ ctx[9]
34288
34478
  };
34289
34479
 
34290
34480
  callbackmapper.$set(callbackmapper_changes);
@@ -34304,14 +34494,14 @@ function create_each_block(ctx) {
34304
34494
  };
34305
34495
  }
34306
34496
 
34307
- // (68:2) {#if metadata?.step?.derived.isUserInputOptional || !metadata?.step?.derived.isStepSelfSubmittable}
34308
- function create_if_block$2(ctx) {
34497
+ // (74:2) {#if metadata?.step?.derived.isUserInputOptional || !metadata?.step?.derived.isStepSelfSubmittable}
34498
+ function create_if_block_1$1(ctx) {
34309
34499
  let button;
34310
34500
  let current;
34311
34501
 
34312
34502
  button = new Button({
34313
34503
  props: {
34314
- busy: /*journey*/ ctx[2]?.loading,
34504
+ busy: /*journey*/ ctx[3]?.loading,
34315
34505
  style: "primary",
34316
34506
  type: "submit",
34317
34507
  width: "full",
@@ -34330,9 +34520,9 @@ function create_if_block$2(ctx) {
34330
34520
  },
34331
34521
  p(ctx, dirty) {
34332
34522
  const button_changes = {};
34333
- if (dirty & /*journey*/ 4) button_changes.busy = /*journey*/ ctx[2]?.loading;
34523
+ if (dirty & /*journey*/ 8) button_changes.busy = /*journey*/ ctx[3]?.loading;
34334
34524
 
34335
- if (dirty & /*$$scope*/ 131072) {
34525
+ if (dirty & /*$$scope*/ 262144) {
34336
34526
  button_changes.$$scope = { dirty, ctx };
34337
34527
  }
34338
34528
 
@@ -34353,7 +34543,7 @@ function create_if_block$2(ctx) {
34353
34543
  };
34354
34544
  }
34355
34545
 
34356
- // (69:4) <Button busy={journey?.loading} style="primary" type="submit" width="full">
34546
+ // (75:4) <Button busy={journey?.loading} style="primary" type="submit" width="full">
34357
34547
  function create_default_slot_1$1(ctx) {
34358
34548
  let t;
34359
34549
  let current;
@@ -34383,31 +34573,99 @@ function create_default_slot_1$1(ctx) {
34383
34573
  };
34384
34574
  }
34385
34575
 
34386
- // (40:0) <Form bind:formEl ariaDescribedBy="formFailureMessageAlert" onSubmitWhenValid={form?.submit}>
34387
- function create_default_slot$2(ctx) {
34388
- let t0;
34389
- let h1;
34390
- let t1;
34391
- let t2;
34392
- let t3;
34393
- let t4;
34394
- let t5;
34576
+ // (80:2) {#if componentStyle !== 'inline'}
34577
+ function create_if_block$2(ctx) {
34395
34578
  let p0;
34396
34579
  let button0;
34397
- let t7;
34580
+ let t1;
34398
34581
  let button1;
34399
- let t9;
34582
+ let t3;
34400
34583
  let hr;
34401
- let t10;
34584
+ let t4;
34402
34585
  let p1;
34403
- let t11;
34586
+ let t5;
34404
34587
  let current;
34405
34588
  let mounted;
34406
34589
  let dispose;
34407
- let if_block0 = /*form*/ ctx[1]?.icon && create_if_block_2$1();
34408
- t1 = new Locale_strings({ props: { key: "loginHeader" } });
34409
- let if_block1 = /*form*/ ctx[1]?.message && create_if_block_1$1(ctx);
34410
- let each_value = /*step*/ ctx[4]?.callbacks;
34590
+
34591
+ t5 = new Locale_strings({
34592
+ props: { key: "dontHaveAnAccount", html: true }
34593
+ });
34594
+
34595
+ return {
34596
+ c() {
34597
+ p0 = element("p");
34598
+ button0 = element("button");
34599
+ button0.textContent = `${interpolate('forgotPassword', null, 'Forgot Password?')}`;
34600
+ t1 = text("\n  \n ");
34601
+ button1 = element("button");
34602
+ button1.textContent = `${interpolate('forgotUsername', null, 'Forgot Username?')}`;
34603
+ t3 = space();
34604
+ hr = element("hr");
34605
+ t4 = space();
34606
+ p1 = element("p");
34607
+ create_component(t5.$$.fragment);
34608
+ attr(p0, "class", "tw_my-4 tw_text-base tw_text-center tw_text-link-dark dark:tw_text-link-light");
34609
+ attr(hr, "class", "tw_border-0 tw_border-b tw_border-secondary-light dark:tw_border-secondary-dark");
34610
+ attr(p1, "class", "tw_text-base tw_text-center tw_py-4 tw_text-secondary-dark dark:tw_text-secondary-light");
34611
+ },
34612
+ m(target, anchor) {
34613
+ insert(target, p0, anchor);
34614
+ append(p0, button0);
34615
+ append(p0, t1);
34616
+ append(p0, button1);
34617
+ insert(target, t3, anchor);
34618
+ insert(target, hr, anchor);
34619
+ insert(target, t4, anchor);
34620
+ insert(target, p1, anchor);
34621
+ mount_component(t5, p1, null);
34622
+ /*p1_binding*/ ctx[13](p1);
34623
+ current = true;
34624
+
34625
+ if (!mounted) {
34626
+ dispose = [
34627
+ listen(button0, "click", prevent_default(/*click_handler*/ ctx[11])),
34628
+ listen(button1, "click", prevent_default(/*click_handler_1*/ ctx[12]))
34629
+ ];
34630
+
34631
+ mounted = true;
34632
+ }
34633
+ },
34634
+ p: noop,
34635
+ i(local) {
34636
+ if (current) return;
34637
+ transition_in(t5.$$.fragment, local);
34638
+ current = true;
34639
+ },
34640
+ o(local) {
34641
+ transition_out(t5.$$.fragment, local);
34642
+ current = false;
34643
+ },
34644
+ d(detaching) {
34645
+ if (detaching) detach(p0);
34646
+ if (detaching) detach(t3);
34647
+ if (detaching) detach(hr);
34648
+ if (detaching) detach(t4);
34649
+ if (detaching) detach(p1);
34650
+ destroy_component(t5);
34651
+ /*p1_binding*/ ctx[13](null);
34652
+ mounted = false;
34653
+ run_all(dispose);
34654
+ }
34655
+ };
34656
+ }
34657
+
34658
+ // (44:0) <Form bind:formEl ariaDescribedBy="formFailureMessageAlert" onSubmitWhenValid={form?.submit}>
34659
+ function create_default_slot$2(ctx) {
34660
+ let t0;
34661
+ let t1;
34662
+ let t2;
34663
+ let t3;
34664
+ let if_block3_anchor;
34665
+ let current;
34666
+ let if_block0 = /*componentStyle*/ ctx[1] !== 'inline' && create_if_block_3$1(ctx);
34667
+ let if_block1 = /*form*/ ctx[2]?.message && create_if_block_2$1(ctx);
34668
+ let each_value = /*step*/ ctx[5]?.callbacks;
34411
34669
  let each_blocks = [];
34412
34670
 
34413
34671
  for (let i = 0; i < each_value.length; i += 1) {
@@ -34418,90 +34676,53 @@ function create_default_slot$2(ctx) {
34418
34676
  each_blocks[i] = null;
34419
34677
  });
34420
34678
 
34421
- let if_block2 = (/*metadata*/ ctx[3]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[3]?.step?.derived.isStepSelfSubmittable) && create_if_block$2(ctx);
34422
-
34423
- t11 = new Locale_strings({
34424
- props: { key: "dontHaveAnAccount", html: true }
34425
- });
34679
+ let if_block2 = (/*metadata*/ ctx[4]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[4]?.step?.derived.isStepSelfSubmittable) && create_if_block_1$1(ctx);
34680
+ let if_block3 = /*componentStyle*/ ctx[1] !== 'inline' && create_if_block$2(ctx);
34426
34681
 
34427
34682
  return {
34428
34683
  c() {
34429
34684
  if (if_block0) if_block0.c();
34430
34685
  t0 = space();
34431
- h1 = element("h1");
34432
- create_component(t1.$$.fragment);
34433
- t2 = space();
34434
34686
  if (if_block1) if_block1.c();
34435
- t3 = space();
34687
+ t1 = space();
34436
34688
 
34437
34689
  for (let i = 0; i < each_blocks.length; i += 1) {
34438
34690
  each_blocks[i].c();
34439
34691
  }
34440
34692
 
34441
- t4 = space();
34693
+ t2 = space();
34442
34694
  if (if_block2) if_block2.c();
34443
- t5 = space();
34444
- p0 = element("p");
34445
- button0 = element("button");
34446
- button0.textContent = `${interpolate('forgotPassword', null, 'Forgot Password?')}`;
34447
- t7 = text("\n  \n ");
34448
- button1 = element("button");
34449
- button1.textContent = `${interpolate('forgotUsername', null, 'Forgot Username?')}`;
34450
- t9 = space();
34451
- hr = element("hr");
34452
- t10 = space();
34453
- p1 = element("p");
34454
- create_component(t11.$$.fragment);
34455
- attr(h1, "class", "tw_primary-header dark:tw_primary-header_dark");
34456
- attr(p0, "class", "tw_my-4 tw_text-base tw_text-center tw_text-link-dark dark:tw_text-link-light");
34457
- attr(hr, "class", "tw_border-0 tw_border-b tw_border-secondary-light dark:tw_border-secondary-dark");
34458
- attr(p1, "class", "tw_text-base tw_text-center tw_py-4 tw_text-secondary-dark dark:tw_text-secondary-light");
34695
+ t3 = space();
34696
+ if (if_block3) if_block3.c();
34697
+ if_block3_anchor = empty();
34459
34698
  },
34460
34699
  m(target, anchor) {
34461
34700
  if (if_block0) if_block0.m(target, anchor);
34462
34701
  insert(target, t0, anchor);
34463
- insert(target, h1, anchor);
34464
- mount_component(t1, h1, null);
34465
- insert(target, t2, anchor);
34466
34702
  if (if_block1) if_block1.m(target, anchor);
34467
- insert(target, t3, anchor);
34703
+ insert(target, t1, anchor);
34468
34704
 
34469
34705
  for (let i = 0; i < each_blocks.length; i += 1) {
34470
34706
  each_blocks[i].m(target, anchor);
34471
34707
  }
34472
34708
 
34473
- insert(target, t4, anchor);
34709
+ insert(target, t2, anchor);
34474
34710
  if (if_block2) if_block2.m(target, anchor);
34475
- insert(target, t5, anchor);
34476
- insert(target, p0, anchor);
34477
- append(p0, button0);
34478
- append(p0, t7);
34479
- append(p0, button1);
34480
- insert(target, t9, anchor);
34481
- insert(target, hr, anchor);
34482
- insert(target, t10, anchor);
34483
- insert(target, p1, anchor);
34484
- mount_component(t11, p1, null);
34485
- /*p1_binding*/ ctx[12](p1);
34711
+ insert(target, t3, anchor);
34712
+ if (if_block3) if_block3.m(target, anchor);
34713
+ insert(target, if_block3_anchor, anchor);
34486
34714
  current = true;
34487
-
34488
- if (!mounted) {
34489
- dispose = [
34490
- listen(button0, "click", prevent_default(/*click_handler*/ ctx[10])),
34491
- listen(button1, "click", prevent_default(/*click_handler_1*/ ctx[11]))
34492
- ];
34493
-
34494
- mounted = true;
34495
- }
34496
34715
  },
34497
34716
  p(ctx, dirty) {
34498
- if (/*form*/ ctx[1]?.icon) {
34717
+ if (/*componentStyle*/ ctx[1] !== 'inline') {
34499
34718
  if (if_block0) {
34500
- if (dirty & /*form*/ 2) {
34719
+ if_block0.p(ctx, dirty);
34720
+
34721
+ if (dirty & /*componentStyle*/ 2) {
34501
34722
  transition_in(if_block0, 1);
34502
34723
  }
34503
34724
  } else {
34504
- if_block0 = create_if_block_2$1();
34725
+ if_block0 = create_if_block_3$1(ctx);
34505
34726
  if_block0.c();
34506
34727
  transition_in(if_block0, 1);
34507
34728
  if_block0.m(t0.parentNode, t0);
@@ -34516,18 +34737,18 @@ function create_default_slot$2(ctx) {
34516
34737
  check_outros();
34517
34738
  }
34518
34739
 
34519
- if (/*form*/ ctx[1]?.message) {
34740
+ if (/*form*/ ctx[2]?.message) {
34520
34741
  if (if_block1) {
34521
34742
  if_block1.p(ctx, dirty);
34522
34743
 
34523
- if (dirty & /*form*/ 2) {
34744
+ if (dirty & /*form*/ 4) {
34524
34745
  transition_in(if_block1, 1);
34525
34746
  }
34526
34747
  } else {
34527
- if_block1 = create_if_block_1$1(ctx);
34748
+ if_block1 = create_if_block_2$1(ctx);
34528
34749
  if_block1.c();
34529
34750
  transition_in(if_block1, 1);
34530
- if_block1.m(t3.parentNode, t3);
34751
+ if_block1.m(t1.parentNode, t1);
34531
34752
  }
34532
34753
  } else if (if_block1) {
34533
34754
  group_outros();
@@ -34539,8 +34760,8 @@ function create_default_slot$2(ctx) {
34539
34760
  check_outros();
34540
34761
  }
34541
34762
 
34542
- if (dirty & /*step, metadata, determineSubmission, $styleStore*/ 792) {
34543
- each_value = /*step*/ ctx[4]?.callbacks;
34763
+ if (dirty & /*step, metadata, determineSubmission, $styleStore*/ 1584) {
34764
+ each_value = /*step*/ ctx[5]?.callbacks;
34544
34765
  let i;
34545
34766
 
34546
34767
  for (i = 0; i < each_value.length; i += 1) {
@@ -34553,7 +34774,7 @@ function create_default_slot$2(ctx) {
34553
34774
  each_blocks[i] = create_each_block(child_ctx);
34554
34775
  each_blocks[i].c();
34555
34776
  transition_in(each_blocks[i], 1);
34556
- each_blocks[i].m(t4.parentNode, t4);
34777
+ each_blocks[i].m(t2.parentNode, t2);
34557
34778
  }
34558
34779
  }
34559
34780
 
@@ -34566,18 +34787,18 @@ function create_default_slot$2(ctx) {
34566
34787
  check_outros();
34567
34788
  }
34568
34789
 
34569
- if (/*metadata*/ ctx[3]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[3]?.step?.derived.isStepSelfSubmittable) {
34790
+ if (/*metadata*/ ctx[4]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[4]?.step?.derived.isStepSelfSubmittable) {
34570
34791
  if (if_block2) {
34571
34792
  if_block2.p(ctx, dirty);
34572
34793
 
34573
- if (dirty & /*metadata*/ 8) {
34794
+ if (dirty & /*metadata*/ 16) {
34574
34795
  transition_in(if_block2, 1);
34575
34796
  }
34576
34797
  } else {
34577
- if_block2 = create_if_block$2(ctx);
34798
+ if_block2 = create_if_block_1$1(ctx);
34578
34799
  if_block2.c();
34579
34800
  transition_in(if_block2, 1);
34580
- if_block2.m(t5.parentNode, t5);
34801
+ if_block2.m(t3.parentNode, t3);
34581
34802
  }
34582
34803
  } else if (if_block2) {
34583
34804
  group_outros();
@@ -34588,11 +34809,33 @@ function create_default_slot$2(ctx) {
34588
34809
 
34589
34810
  check_outros();
34590
34811
  }
34812
+
34813
+ if (/*componentStyle*/ ctx[1] !== 'inline') {
34814
+ if (if_block3) {
34815
+ if_block3.p(ctx, dirty);
34816
+
34817
+ if (dirty & /*componentStyle*/ 2) {
34818
+ transition_in(if_block3, 1);
34819
+ }
34820
+ } else {
34821
+ if_block3 = create_if_block$2(ctx);
34822
+ if_block3.c();
34823
+ transition_in(if_block3, 1);
34824
+ if_block3.m(if_block3_anchor.parentNode, if_block3_anchor);
34825
+ }
34826
+ } else if (if_block3) {
34827
+ group_outros();
34828
+
34829
+ transition_out(if_block3, 1, 1, () => {
34830
+ if_block3 = null;
34831
+ });
34832
+
34833
+ check_outros();
34834
+ }
34591
34835
  },
34592
34836
  i(local) {
34593
34837
  if (current) return;
34594
34838
  transition_in(if_block0);
34595
- transition_in(t1.$$.fragment, local);
34596
34839
  transition_in(if_block1);
34597
34840
 
34598
34841
  for (let i = 0; i < each_value.length; i += 1) {
@@ -34600,12 +34843,11 @@ function create_default_slot$2(ctx) {
34600
34843
  }
34601
34844
 
34602
34845
  transition_in(if_block2);
34603
- transition_in(t11.$$.fragment, local);
34846
+ transition_in(if_block3);
34604
34847
  current = true;
34605
34848
  },
34606
34849
  o(local) {
34607
34850
  transition_out(if_block0);
34608
- transition_out(t1.$$.fragment, local);
34609
34851
  transition_out(if_block1);
34610
34852
  each_blocks = each_blocks.filter(Boolean);
34611
34853
 
@@ -34614,30 +34856,20 @@ function create_default_slot$2(ctx) {
34614
34856
  }
34615
34857
 
34616
34858
  transition_out(if_block2);
34617
- transition_out(t11.$$.fragment, local);
34859
+ transition_out(if_block3);
34618
34860
  current = false;
34619
34861
  },
34620
34862
  d(detaching) {
34621
34863
  if (if_block0) if_block0.d(detaching);
34622
34864
  if (detaching) detach(t0);
34623
- if (detaching) detach(h1);
34624
- destroy_component(t1);
34625
- if (detaching) detach(t2);
34626
34865
  if (if_block1) if_block1.d(detaching);
34627
- if (detaching) detach(t3);
34866
+ if (detaching) detach(t1);
34628
34867
  destroy_each(each_blocks, detaching);
34629
- if (detaching) detach(t4);
34868
+ if (detaching) detach(t2);
34630
34869
  if (if_block2) if_block2.d(detaching);
34631
- if (detaching) detach(t5);
34632
- if (detaching) detach(p0);
34633
- if (detaching) detach(t9);
34634
- if (detaching) detach(hr);
34635
- if (detaching) detach(t10);
34636
- if (detaching) detach(p1);
34637
- destroy_component(t11);
34638
- /*p1_binding*/ ctx[12](null);
34639
- mounted = false;
34640
- run_all(dispose);
34870
+ if (detaching) detach(t3);
34871
+ if (if_block3) if_block3.d(detaching);
34872
+ if (detaching) detach(if_block3_anchor);
34641
34873
  }
34642
34874
  };
34643
34875
  }
@@ -34648,12 +34880,12 @@ function create_fragment$2(ctx) {
34648
34880
  let current;
34649
34881
 
34650
34882
  function form_1_formEl_binding(value) {
34651
- /*form_1_formEl_binding*/ ctx[13](value);
34883
+ /*form_1_formEl_binding*/ ctx[14](value);
34652
34884
  }
34653
34885
 
34654
34886
  let form_1_props = {
34655
34887
  ariaDescribedBy: "formFailureMessageAlert",
34656
- onSubmitWhenValid: /*form*/ ctx[1]?.submit,
34888
+ onSubmitWhenValid: /*form*/ ctx[2]?.submit,
34657
34889
  $$slots: { default: [create_default_slot$2] },
34658
34890
  $$scope: { ctx }
34659
34891
  };
@@ -34675,9 +34907,9 @@ function create_fragment$2(ctx) {
34675
34907
  },
34676
34908
  p(ctx, [dirty]) {
34677
34909
  const form_1_changes = {};
34678
- if (dirty & /*form*/ 2) form_1_changes.onSubmitWhenValid = /*form*/ ctx[1]?.submit;
34910
+ if (dirty & /*form*/ 4) form_1_changes.onSubmitWhenValid = /*form*/ ctx[2]?.submit;
34679
34911
 
34680
- if (dirty & /*$$scope, linkWrapper, journey, metadata, step, $styleStore, alertNeedsFocus, formMessageKey, form*/ 131582) {
34912
+ if (dirty & /*$$scope, linkWrapper, journey, componentStyle, metadata, step, $styleStore, alertNeedsFocus, formMessageKey, form*/ 263166) {
34681
34913
  form_1_changes.$$scope = { dirty, ctx };
34682
34914
  }
34683
34915
 
@@ -34706,7 +34938,8 @@ function create_fragment$2(ctx) {
34706
34938
 
34707
34939
  function instance$2($$self, $$props, $$invalidate) {
34708
34940
  let $styleStore;
34709
- component_subscribe($$self, styleStore, $$value => $$invalidate(8, $styleStore = $$value));
34941
+ component_subscribe($$self, styleStore, $$value => $$invalidate(9, $styleStore = $$value));
34942
+ let { componentStyle } = $$props;
34710
34943
  let { form } = $$props;
34711
34944
  let { formEl = null } = $$props;
34712
34945
  let { journey } = $$props;
@@ -34726,10 +34959,14 @@ function instance$2($$self, $$props, $$invalidate) {
34726
34959
  }
34727
34960
 
34728
34961
  afterUpdate(() => {
34729
- $$invalidate(5, alertNeedsFocus = !!form?.message);
34962
+ $$invalidate(6, alertNeedsFocus = !!form?.message);
34730
34963
  });
34731
34964
 
34732
- onMount(() => captureLinks(linkWrapper, journey));
34965
+ onMount(() => {
34966
+ if (componentStyle === 'modal') {
34967
+ captureLinks(linkWrapper, journey);
34968
+ }
34969
+ });
34733
34970
 
34734
34971
  const click_handler = () => {
34735
34972
  journey.push({ tree: 'ResetPassword' });
@@ -34742,7 +34979,7 @@ function instance$2($$self, $$props, $$invalidate) {
34742
34979
  function p1_binding($$value) {
34743
34980
  binding_callbacks[$$value ? 'unshift' : 'push'](() => {
34744
34981
  linkWrapper = $$value;
34745
- $$invalidate(7, linkWrapper);
34982
+ $$invalidate(8, linkWrapper);
34746
34983
  });
34747
34984
  }
34748
34985
 
@@ -34752,23 +34989,25 @@ function instance$2($$self, $$props, $$invalidate) {
34752
34989
  }
34753
34990
 
34754
34991
  $$self.$$set = $$props => {
34755
- if ('form' in $$props) $$invalidate(1, form = $$props.form);
34992
+ if ('componentStyle' in $$props) $$invalidate(1, componentStyle = $$props.componentStyle);
34993
+ if ('form' in $$props) $$invalidate(2, form = $$props.form);
34756
34994
  if ('formEl' in $$props) $$invalidate(0, formEl = $$props.formEl);
34757
- if ('journey' in $$props) $$invalidate(2, journey = $$props.journey);
34758
- if ('metadata' in $$props) $$invalidate(3, metadata = $$props.metadata);
34759
- if ('step' in $$props) $$invalidate(4, step = $$props.step);
34995
+ if ('journey' in $$props) $$invalidate(3, journey = $$props.journey);
34996
+ if ('metadata' in $$props) $$invalidate(4, metadata = $$props.metadata);
34997
+ if ('step' in $$props) $$invalidate(5, step = $$props.step);
34760
34998
  };
34761
34999
 
34762
35000
  $$self.$$.update = () => {
34763
- if ($$self.$$.dirty & /*form*/ 2) {
35001
+ if ($$self.$$.dirty & /*form*/ 4) {
34764
35002
  {
34765
- $$invalidate(6, formMessageKey = convertStringToKey(form?.message));
35003
+ $$invalidate(7, formMessageKey = convertStringToKey(form?.message));
34766
35004
  }
34767
35005
  }
34768
35006
  };
34769
35007
 
34770
35008
  return [
34771
35009
  formEl,
35010
+ componentStyle,
34772
35011
  form,
34773
35012
  journey,
34774
35013
  metadata,
@@ -34790,11 +35029,12 @@ class Login extends SvelteComponent {
34790
35029
  super();
34791
35030
 
34792
35031
  init(this, options, instance$2, create_fragment$2, safe_not_equal, {
34793
- form: 1,
35032
+ componentStyle: 1,
35033
+ form: 2,
34794
35034
  formEl: 0,
34795
- journey: 2,
34796
- metadata: 3,
34797
- step: 4
35035
+ journey: 3,
35036
+ metadata: 4,
35037
+ step: 5
34798
35038
  });
34799
35039
  }
34800
35040
  }
@@ -34833,7 +35073,7 @@ function create_else_block$1(ctx) {
34833
35073
  alert = new Alert({
34834
35074
  props: {
34835
35075
  id: "unrecoverableStepError",
34836
- needsFocus: /*alertNeedsFocus*/ ctx[3],
35076
+ needsFocus: /*alertNeedsFocus*/ ctx[4],
34837
35077
  type: "error",
34838
35078
  $$slots: { default: [create_default_slot_1] },
34839
35079
  $$scope: { ctx }
@@ -34843,7 +35083,7 @@ function create_else_block$1(ctx) {
34843
35083
  button = new Button({
34844
35084
  props: {
34845
35085
  style: "secondary",
34846
- onClick: /*tryAgain*/ ctx[6],
35086
+ onClick: /*tryAgain*/ ctx[7],
34847
35087
  $$slots: { default: [create_default_slot$1] },
34848
35088
  $$scope: { ctx }
34849
35089
  }
@@ -34863,16 +35103,16 @@ function create_else_block$1(ctx) {
34863
35103
  },
34864
35104
  p(ctx, dirty) {
34865
35105
  const alert_changes = {};
34866
- if (dirty & /*alertNeedsFocus*/ 8) alert_changes.needsFocus = /*alertNeedsFocus*/ ctx[3];
35106
+ if (dirty & /*alertNeedsFocus*/ 16) alert_changes.needsFocus = /*alertNeedsFocus*/ ctx[4];
34867
35107
 
34868
- if (dirty & /*$$scope*/ 256) {
35108
+ if (dirty & /*$$scope*/ 512) {
34869
35109
  alert_changes.$$scope = { dirty, ctx };
34870
35110
  }
34871
35111
 
34872
35112
  alert.$set(alert_changes);
34873
35113
  const button_changes = {};
34874
35114
 
34875
- if (dirty & /*$$scope*/ 256) {
35115
+ if (dirty & /*$$scope*/ 512) {
34876
35116
  button_changes.$$scope = { dirty, ctx };
34877
35117
  }
34878
35118
 
@@ -34897,7 +35137,7 @@ function create_else_block$1(ctx) {
34897
35137
  };
34898
35138
  }
34899
35139
 
34900
- // (51:36)
35140
+ // (53:36)
34901
35141
  function create_if_block_3(ctx) {
34902
35142
  let div;
34903
35143
  let spinner;
@@ -34938,7 +35178,7 @@ function create_if_block_3(ctx) {
34938
35178
  };
34939
35179
  }
34940
35180
 
34941
- // (26:0) {#if !$journeyStore?.completed}
35181
+ // (27:0) {#if !$journeyStore?.completed}
34942
35182
  function create_if_block$1(ctx) {
34943
35183
  let current_block_type_index;
34944
35184
  let if_block;
@@ -34948,8 +35188,8 @@ function create_if_block$1(ctx) {
34948
35188
  const if_blocks = [];
34949
35189
 
34950
35190
  function select_block_type_1(ctx, dirty) {
34951
- if (!/*$journeyStore*/ ctx[4].step) return 0;
34952
- if (/*$journeyStore*/ ctx[4].step.type === StepType$1.Step) return 1;
35191
+ if (!/*$journeyStore*/ ctx[5].step) return 0;
35192
+ if (/*$journeyStore*/ ctx[5].step.type === StepType$1.Step) return 1;
34953
35193
  return -1;
34954
35194
  }
34955
35195
 
@@ -35025,7 +35265,7 @@ function create_if_block$1(ctx) {
35025
35265
  };
35026
35266
  }
35027
35267
 
35028
- // (56:2) <Alert id="unrecoverableStepError" needsFocus={alertNeedsFocus} type="error">
35268
+ // (58:2) <Alert id="unrecoverableStepError" needsFocus={alertNeedsFocus} type="error">
35029
35269
  function create_default_slot_1(ctx) {
35030
35270
  let t;
35031
35271
  let current;
@@ -35058,7 +35298,7 @@ function create_default_slot_1(ctx) {
35058
35298
  };
35059
35299
  }
35060
35300
 
35061
- // (59:2) <Button style="secondary" onClick={tryAgain}>
35301
+ // (61:2) <Button style="secondary" onClick={tryAgain}>
35062
35302
  function create_default_slot$1(ctx) {
35063
35303
  let t;
35064
35304
  let current;
@@ -35088,7 +35328,7 @@ function create_default_slot$1(ctx) {
35088
35328
  };
35089
35329
  }
35090
35330
 
35091
- // (31:54)
35331
+ // (32:54)
35092
35332
  function create_if_block_2(ctx) {
35093
35333
  let switch_instance;
35094
35334
  let updating_formEl;
@@ -35096,27 +35336,28 @@ function create_if_block_2(ctx) {
35096
35336
  let current;
35097
35337
 
35098
35338
  function switch_instance_formEl_binding(value) {
35099
- /*switch_instance_formEl_binding*/ ctx[7](value);
35339
+ /*switch_instance_formEl_binding*/ ctx[8](value);
35100
35340
  }
35101
35341
 
35102
- var switch_value = mapStepToStage(/*$journeyStore*/ ctx[4].step);
35342
+ var switch_value = mapStepToStage(/*$journeyStore*/ ctx[5].step);
35103
35343
 
35104
35344
  function switch_props(ctx) {
35105
35345
  let switch_instance_props = {
35346
+ componentStyle: /*componentStyle*/ ctx[1],
35106
35347
  form: {
35107
- icon: /*displayIcon*/ ctx[1],
35108
- message: /*$journeyStore*/ ctx[4].error?.message || '',
35109
- status: (/*$journeyStore*/ ctx[4].error?.code) ? 'error' : 'ok',
35110
- submit: /*submitForm*/ ctx[5]
35348
+ icon: /*displayIcon*/ ctx[2],
35349
+ message: /*$journeyStore*/ ctx[5].error?.message || '',
35350
+ status: (/*$journeyStore*/ ctx[5].error?.code) ? 'error' : 'ok',
35351
+ submit: /*submitForm*/ ctx[6]
35111
35352
  },
35112
35353
  journey: {
35113
- loading: /*$journeyStore*/ ctx[4].loading,
35114
- pop: /*journeyStore*/ ctx[2].pop,
35115
- push: /*journeyStore*/ ctx[2].push,
35354
+ loading: /*$journeyStore*/ ctx[5].loading,
35355
+ pop: /*journeyStore*/ ctx[3].pop,
35356
+ push: /*journeyStore*/ ctx[3].push,
35116
35357
  stack
35117
35358
  },
35118
- metadata: /*$journeyStore*/ ctx[4].metadata,
35119
- step: /*$journeyStore*/ ctx[4].step
35359
+ metadata: /*$journeyStore*/ ctx[5].metadata,
35360
+ step: /*$journeyStore*/ ctx[5].step
35120
35361
  };
35121
35362
 
35122
35363
  if (/*formEl*/ ctx[0] !== void 0) {
@@ -35143,23 +35384,24 @@ function create_if_block_2(ctx) {
35143
35384
  },
35144
35385
  p(ctx, dirty) {
35145
35386
  const switch_instance_changes = {};
35387
+ if (dirty & /*componentStyle*/ 2) switch_instance_changes.componentStyle = /*componentStyle*/ ctx[1];
35146
35388
 
35147
- if (dirty & /*displayIcon, $journeyStore*/ 18) switch_instance_changes.form = {
35148
- icon: /*displayIcon*/ ctx[1],
35149
- message: /*$journeyStore*/ ctx[4].error?.message || '',
35150
- status: (/*$journeyStore*/ ctx[4].error?.code) ? 'error' : 'ok',
35151
- submit: /*submitForm*/ ctx[5]
35389
+ if (dirty & /*displayIcon, $journeyStore*/ 36) switch_instance_changes.form = {
35390
+ icon: /*displayIcon*/ ctx[2],
35391
+ message: /*$journeyStore*/ ctx[5].error?.message || '',
35392
+ status: (/*$journeyStore*/ ctx[5].error?.code) ? 'error' : 'ok',
35393
+ submit: /*submitForm*/ ctx[6]
35152
35394
  };
35153
35395
 
35154
- if (dirty & /*$journeyStore, journeyStore*/ 20) switch_instance_changes.journey = {
35155
- loading: /*$journeyStore*/ ctx[4].loading,
35156
- pop: /*journeyStore*/ ctx[2].pop,
35157
- push: /*journeyStore*/ ctx[2].push,
35396
+ if (dirty & /*$journeyStore, journeyStore*/ 40) switch_instance_changes.journey = {
35397
+ loading: /*$journeyStore*/ ctx[5].loading,
35398
+ pop: /*journeyStore*/ ctx[3].pop,
35399
+ push: /*journeyStore*/ ctx[3].push,
35158
35400
  stack
35159
35401
  };
35160
35402
 
35161
- if (dirty & /*$journeyStore*/ 16) switch_instance_changes.metadata = /*$journeyStore*/ ctx[4].metadata;
35162
- if (dirty & /*$journeyStore*/ 16) switch_instance_changes.step = /*$journeyStore*/ ctx[4].step;
35403
+ if (dirty & /*$journeyStore*/ 32) switch_instance_changes.metadata = /*$journeyStore*/ ctx[5].metadata;
35404
+ if (dirty & /*$journeyStore*/ 32) switch_instance_changes.step = /*$journeyStore*/ ctx[5].step;
35163
35405
 
35164
35406
  if (!updating_formEl && dirty & /*formEl*/ 1) {
35165
35407
  updating_formEl = true;
@@ -35167,7 +35409,7 @@ function create_if_block_2(ctx) {
35167
35409
  add_flush_callback(() => updating_formEl = false);
35168
35410
  }
35169
35411
 
35170
- if (switch_value !== (switch_value = mapStepToStage(/*$journeyStore*/ ctx[4].step))) {
35412
+ if (switch_value !== (switch_value = mapStepToStage(/*$journeyStore*/ ctx[5].step))) {
35171
35413
  if (switch_instance) {
35172
35414
  group_outros();
35173
35415
  const old_component = switch_instance;
@@ -35208,7 +35450,7 @@ function create_if_block_2(ctx) {
35208
35450
  };
35209
35451
  }
35210
35452
 
35211
- // (27:2) {#if !$journeyStore.step}
35453
+ // (28:2) {#if !$journeyStore.step}
35212
35454
  function create_if_block_1(ctx) {
35213
35455
  let div;
35214
35456
  let spinner;
@@ -35258,8 +35500,8 @@ function create_fragment$1(ctx) {
35258
35500
  const if_blocks = [];
35259
35501
 
35260
35502
  function select_block_type(ctx, dirty) {
35261
- if (!/*$journeyStore*/ ctx[4]?.completed) return 0;
35262
- if (/*$journeyStore*/ ctx[4]?.successful) return 1;
35503
+ if (!/*$journeyStore*/ ctx[5]?.completed) return 0;
35504
+ if (/*$journeyStore*/ ctx[5]?.successful) return 1;
35263
35505
  return 2;
35264
35506
  }
35265
35507
 
@@ -35322,9 +35564,10 @@ function create_fragment$1(ctx) {
35322
35564
  function instance$1($$self, $$props, $$invalidate) {
35323
35565
  let $journeyStore,
35324
35566
  $$unsubscribe_journeyStore = noop,
35325
- $$subscribe_journeyStore = () => ($$unsubscribe_journeyStore(), $$unsubscribe_journeyStore = subscribe(journeyStore, $$value => $$invalidate(4, $journeyStore = $$value)), journeyStore);
35567
+ $$subscribe_journeyStore = () => ($$unsubscribe_journeyStore(), $$unsubscribe_journeyStore = subscribe(journeyStore, $$value => $$invalidate(5, $journeyStore = $$value)), journeyStore);
35326
35568
 
35327
35569
  $$self.$$.on_destroy.push(() => $$unsubscribe_journeyStore());
35570
+ let { componentStyle } = $$props;
35328
35571
  let { displayIcon } = $$props;
35329
35572
  let { formEl = null } = $$props;
35330
35573
  let { journeyStore } = $$props;
@@ -35342,7 +35585,7 @@ function instance$1($$self, $$props, $$invalidate) {
35342
35585
  }
35343
35586
 
35344
35587
  afterUpdate(() => {
35345
- $$invalidate(3, alertNeedsFocus = !$journeyStore.successful);
35588
+ $$invalidate(4, alertNeedsFocus = !$journeyStore.successful);
35346
35589
  });
35347
35590
 
35348
35591
  function switch_instance_formEl_binding(value) {
@@ -35351,13 +35594,15 @@ function instance$1($$self, $$props, $$invalidate) {
35351
35594
  }
35352
35595
 
35353
35596
  $$self.$$set = $$props => {
35354
- if ('displayIcon' in $$props) $$invalidate(1, displayIcon = $$props.displayIcon);
35597
+ if ('componentStyle' in $$props) $$invalidate(1, componentStyle = $$props.componentStyle);
35598
+ if ('displayIcon' in $$props) $$invalidate(2, displayIcon = $$props.displayIcon);
35355
35599
  if ('formEl' in $$props) $$invalidate(0, formEl = $$props.formEl);
35356
- if ('journeyStore' in $$props) $$subscribe_journeyStore($$invalidate(2, journeyStore = $$props.journeyStore));
35600
+ if ('journeyStore' in $$props) $$subscribe_journeyStore($$invalidate(3, journeyStore = $$props.journeyStore));
35357
35601
  };
35358
35602
 
35359
35603
  return [
35360
35604
  formEl,
35605
+ componentStyle,
35361
35606
  displayIcon,
35362
35607
  journeyStore,
35363
35608
  alertNeedsFocus,
@@ -35373,9 +35618,10 @@ class Journey extends SvelteComponent {
35373
35618
  super();
35374
35619
 
35375
35620
  init(this, options, instance$1, create_fragment$1, safe_not_equal, {
35376
- displayIcon: 1,
35621
+ componentStyle: 1,
35622
+ displayIcon: 2,
35377
35623
  formEl: 0,
35378
- journeyStore: 2
35624
+ journeyStore: 3
35379
35625
  });
35380
35626
  }
35381
35627
  }
@@ -35393,6 +35639,7 @@ function create_else_block(ctx) {
35393
35639
  }
35394
35640
 
35395
35641
  let journey_1_props = {
35642
+ componentStyle: "inline",
35396
35643
  displayIcon: /*$styleStore*/ ctx[4]?.stage?.icon ?? true,
35397
35644
  journeyStore: /*journeyStore*/ ctx[5]
35398
35645
  };
@@ -35524,6 +35771,7 @@ function create_default_slot(ctx) {
35524
35771
  }
35525
35772
 
35526
35773
  let journey_1_props = {
35774
+ componentStyle: "modal",
35527
35775
  displayIcon: /*$styleStore*/ ctx[4]?.stage?.icon ?? !/*$styleStore*/ ctx[4]?.logo,
35528
35776
  journeyStore: /*journeyStore*/ ctx[5]
35529
35777
  };