@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.cjs CHANGED
@@ -16775,7 +16775,7 @@ var registerSuccess = "Registration successful!";
16775
16775
  var requiredField = "Value is required";
16776
16776
  var securityAnswer = "Security answer";
16777
16777
  var securityQuestions = "Security question(s)";
16778
- var securityQuestionsPrompt = "Provide custom security question(s) and answer(s):";
16778
+ var securityQuestionsPrompt = "Provide security question(s) and answer(s):";
16779
16779
  var showPassword = "Show password";
16780
16780
  var sn = "Last name";
16781
16781
  var submitButton = "Submit";
@@ -17875,9 +17875,9 @@ styleSchema.partial();
17875
17875
  const fallbackStyles = {
17876
17876
  checksAndRadios: 'animated',
17877
17877
  labels: 'floating',
17878
- logo: {},
17879
- sections: {},
17880
- stage: {},
17878
+ logo: undefined,
17879
+ sections: undefined,
17880
+ stage: undefined,
17881
17881
  };
17882
17882
  const styleStore = writable(fallbackStyles);
17883
17883
  function initialize(customStyle) {
@@ -18528,7 +18528,7 @@ function create_else_block$9(ctx) {
18528
18528
  attr(button, "aria-controls", /*dialogId*/ ctx[1]);
18529
18529
 
18530
18530
  attr(div, "class", div_class_value = `tw_pt-10 md:tw_pt-10 tw_text-right ${(/*$styleStore*/ ctx[5]?.logo)
18531
- ? 'tw_h-32 md:tw_h-36 tw_pb-6'
18531
+ ? 'tw_h-32 md:tw_h-36 tw_pb-6'
18532
18532
  : ''}`);
18533
18533
  },
18534
18534
  m(target, anchor) {
@@ -18571,7 +18571,7 @@ function create_else_block$9(ctx) {
18571
18571
  }
18572
18572
 
18573
18573
  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)
18574
- ? 'tw_h-32 md:tw_h-36 tw_pb-6'
18574
+ ? 'tw_h-32 md:tw_h-36 tw_pb-6'
18575
18575
  : ''}`)) {
18576
18576
  attr(div, "class", div_class_value);
18577
18577
  }
@@ -24913,7 +24913,7 @@ function create_if_block_5$1(ctx) {
24913
24913
  }
24914
24914
 
24915
24915
  // (65:0) {#if type === 'number'}
24916
- function create_if_block_4$1(ctx) {
24916
+ function create_if_block_4$2(ctx) {
24917
24917
  let input;
24918
24918
  let input_aria_describedby_value;
24919
24919
  let input_class_value;
@@ -24993,7 +24993,7 @@ function create_if_block_4$1(ctx) {
24993
24993
  }
24994
24994
 
24995
24995
  // (81:0) {#if type === 'password'}
24996
- function create_if_block_3$3(ctx) {
24996
+ function create_if_block_3$6(ctx) {
24997
24997
  let input;
24998
24998
  let input_aria_describedby_value;
24999
24999
  let input_class_value;
@@ -25313,8 +25313,8 @@ function create_fragment$x(ctx) {
25313
25313
  let if_block0 = /*labelOrder*/ ctx[6] === 'first' && create_if_block_7$1(ctx);
25314
25314
  let if_block1 = /*type*/ ctx[11] === 'date' && create_if_block_6$1(ctx);
25315
25315
  let if_block2 = /*type*/ ctx[11] === 'email' && create_if_block_5$1(ctx);
25316
- let if_block3 = /*type*/ ctx[11] === 'number' && create_if_block_4$1(ctx);
25317
- let if_block4 = /*type*/ ctx[11] === 'password' && create_if_block_3$3(ctx);
25316
+ let if_block3 = /*type*/ ctx[11] === 'number' && create_if_block_4$2(ctx);
25317
+ let if_block4 = /*type*/ ctx[11] === 'password' && create_if_block_3$6(ctx);
25318
25318
  let if_block5 = /*type*/ ctx[11] === 'phone' && create_if_block_2$7(ctx);
25319
25319
  let if_block6 = /*type*/ ctx[11] === 'text' && create_if_block_1$8(ctx);
25320
25320
  let if_block7 = /*labelOrder*/ ctx[6] === 'last' && create_if_block$d(ctx);
@@ -25411,7 +25411,7 @@ function create_fragment$x(ctx) {
25411
25411
  if (if_block3) {
25412
25412
  if_block3.p(ctx, dirty);
25413
25413
  } else {
25414
- if_block3 = create_if_block_4$1(ctx);
25414
+ if_block3 = create_if_block_4$2(ctx);
25415
25415
  if_block3.c();
25416
25416
  if_block3.m(t3.parentNode, t3);
25417
25417
  }
@@ -25424,7 +25424,7 @@ function create_fragment$x(ctx) {
25424
25424
  if (if_block4) {
25425
25425
  if_block4.p(ctx, dirty);
25426
25426
  } else {
25427
- if_block4 = create_if_block_3$3(ctx);
25427
+ if_block4 = create_if_block_3$6(ctx);
25428
25428
  if_block4.c();
25429
25429
  if_block4.m(t4.parentNode, t4);
25430
25430
  }
@@ -28521,7 +28521,7 @@ function get_each_context$5(ctx, list, i) {
28521
28521
  }
28522
28522
 
28523
28523
  // (66:56)
28524
- function create_if_block_3$2(ctx) {
28524
+ function create_if_block_3$5(ctx) {
28525
28525
  let button;
28526
28526
  let current;
28527
28527
 
@@ -28865,7 +28865,7 @@ function create_default_slot_1$6(ctx) {
28865
28865
  let if_block;
28866
28866
  let if_block_anchor;
28867
28867
  let current;
28868
- const if_block_creators = [create_if_block_1$7, create_if_block_2$6, create_if_block_3$2];
28868
+ const if_block_creators = [create_if_block_1$7, create_if_block_2$6, create_if_block_3$5];
28869
28869
  const if_blocks = [];
28870
28870
 
28871
28871
  function select_block_type(ctx, dirty) {
@@ -31573,7 +31573,7 @@ function create_if_block_5(ctx) {
31573
31573
  }
31574
31574
 
31575
31575
  // (126:52)
31576
- function create_if_block_4(ctx) {
31576
+ function create_if_block_4$1(ctx) {
31577
31577
  let kbacreate;
31578
31578
  let current;
31579
31579
  const kbacreate_spread_levels = [/*newProps*/ ctx[19]];
@@ -31616,7 +31616,7 @@ function create_if_block_4(ctx) {
31616
31616
  }
31617
31617
 
31618
31618
  // (120:54)
31619
- function create_if_block_3$1(ctx) {
31619
+ function create_if_block_3$4(ctx) {
31620
31620
  let hiddenvalue;
31621
31621
  let current;
31622
31622
  const hiddenvalue_spread_levels = [/*newProps*/ ctx[19]];
@@ -31797,8 +31797,8 @@ function create_fragment$8(ctx) {
31797
31797
  create_if_block$6,
31798
31798
  create_if_block_1$5,
31799
31799
  create_if_block_2$5,
31800
- create_if_block_3$1,
31801
- create_if_block_4,
31800
+ create_if_block_3$4,
31801
+ create_if_block_4$1,
31802
31802
  create_if_block_5,
31803
31803
  create_if_block_6,
31804
31804
  create_if_block_7,
@@ -32031,12 +32031,12 @@ class Callback_mapper extends SvelteComponent {
32031
32031
 
32032
32032
  function get_each_context$3(ctx, list, i) {
32033
32033
  const child_ctx = ctx.slice();
32034
- child_ctx[15] = list[i];
32035
- child_ctx[17] = i;
32034
+ child_ctx[16] = list[i];
32035
+ child_ctx[18] = i;
32036
32036
  return child_ctx;
32037
32037
  }
32038
32038
 
32039
- // (70:2) {#if form?.icon}
32039
+ // (70:2) {#if form?.icon && componentStyle !== 'inline'}
32040
32040
  function create_if_block_2$4(ctx) {
32041
32041
  let div;
32042
32042
  let shieldicon;
@@ -32084,7 +32084,7 @@ function create_if_block_1$4(ctx) {
32084
32084
  alert = new Alert({
32085
32085
  props: {
32086
32086
  id: formFailureMessageId,
32087
- needsFocus: /*alertNeedsFocus*/ ctx[5],
32087
+ needsFocus: /*alertNeedsFocus*/ ctx[6],
32088
32088
  type: "error",
32089
32089
  $$slots: { default: [create_default_slot_2$3] },
32090
32090
  $$scope: { ctx }
@@ -32101,9 +32101,9 @@ function create_if_block_1$4(ctx) {
32101
32101
  },
32102
32102
  p(ctx, dirty) {
32103
32103
  const alert_changes = {};
32104
- if (dirty & /*alertNeedsFocus*/ 32) alert_changes.needsFocus = /*alertNeedsFocus*/ ctx[5];
32104
+ if (dirty & /*alertNeedsFocus*/ 64) alert_changes.needsFocus = /*alertNeedsFocus*/ ctx[6];
32105
32105
 
32106
- if (dirty & /*$$scope, formMessageKey, form*/ 262210) {
32106
+ if (dirty & /*$$scope, formMessageKey, form*/ 524420) {
32107
32107
  alert_changes.$$scope = { dirty, ctx };
32108
32108
  }
32109
32109
 
@@ -32126,7 +32126,7 @@ function create_if_block_1$4(ctx) {
32126
32126
 
32127
32127
  // (87:4) <Alert id={formFailureMessageId} needsFocus={alertNeedsFocus} type="error">
32128
32128
  function create_default_slot_2$3(ctx) {
32129
- let t_value = interpolate(/*formMessageKey*/ ctx[6], null, /*form*/ ctx[1]?.message) + "";
32129
+ let t_value = interpolate(/*formMessageKey*/ ctx[7], null, /*form*/ ctx[2]?.message) + "";
32130
32130
  let t;
32131
32131
 
32132
32132
  return {
@@ -32137,7 +32137,7 @@ function create_default_slot_2$3(ctx) {
32137
32137
  insert(target, t, anchor);
32138
32138
  },
32139
32139
  p(ctx, dirty) {
32140
- if (dirty & /*formMessageKey, form*/ 66 && t_value !== (t_value = interpolate(/*formMessageKey*/ ctx[6], null, /*form*/ ctx[1]?.message) + "")) set_data(t, t_value);
32140
+ if (dirty & /*formMessageKey, form*/ 132 && t_value !== (t_value = interpolate(/*formMessageKey*/ ctx[7], null, /*form*/ ctx[2]?.message) + "")) set_data(t, t_value);
32141
32141
  },
32142
32142
  d(detaching) {
32143
32143
  if (detaching) detach(t);
@@ -32153,11 +32153,11 @@ function create_each_block$3(ctx) {
32153
32153
  callbackmapper = new Callback_mapper({
32154
32154
  props: {
32155
32155
  props: {
32156
- callback: /*callback*/ ctx[15],
32157
- callbackMetadata: /*metadata*/ ctx[3]?.callbacks[/*idx*/ ctx[17]],
32158
- selfSubmitFunction: /*determineSubmission*/ ctx[11],
32159
- stepMetadata: /*metadata*/ ctx[3]?.step && { .../*metadata*/ ctx[3].step },
32160
- style: /*$styleStore*/ ctx[10]
32156
+ callback: /*callback*/ ctx[16],
32157
+ callbackMetadata: /*metadata*/ ctx[4]?.callbacks[/*idx*/ ctx[18]],
32158
+ selfSubmitFunction: /*determineSubmission*/ ctx[12],
32159
+ stepMetadata: /*metadata*/ ctx[4]?.step && { .../*metadata*/ ctx[4].step },
32160
+ style: /*$styleStore*/ ctx[11]
32161
32161
  }
32162
32162
  }
32163
32163
  });
@@ -32173,12 +32173,12 @@ function create_each_block$3(ctx) {
32173
32173
  p(ctx, dirty) {
32174
32174
  const callbackmapper_changes = {};
32175
32175
 
32176
- if (dirty & /*step, metadata, $styleStore*/ 1048) callbackmapper_changes.props = {
32177
- callback: /*callback*/ ctx[15],
32178
- callbackMetadata: /*metadata*/ ctx[3]?.callbacks[/*idx*/ ctx[17]],
32179
- selfSubmitFunction: /*determineSubmission*/ ctx[11],
32180
- stepMetadata: /*metadata*/ ctx[3]?.step && { .../*metadata*/ ctx[3].step },
32181
- style: /*$styleStore*/ ctx[10]
32176
+ if (dirty & /*step, metadata, $styleStore*/ 2096) callbackmapper_changes.props = {
32177
+ callback: /*callback*/ ctx[16],
32178
+ callbackMetadata: /*metadata*/ ctx[4]?.callbacks[/*idx*/ ctx[18]],
32179
+ selfSubmitFunction: /*determineSubmission*/ ctx[12],
32180
+ stepMetadata: /*metadata*/ ctx[4]?.step && { .../*metadata*/ ctx[4].step },
32181
+ style: /*$styleStore*/ ctx[11]
32182
32182
  };
32183
32183
 
32184
32184
  callbackmapper.$set(callbackmapper_changes);
@@ -32205,7 +32205,7 @@ function create_if_block$5(ctx) {
32205
32205
 
32206
32206
  button = new Button({
32207
32207
  props: {
32208
- busy: /*journey*/ ctx[2]?.loading,
32208
+ busy: /*journey*/ ctx[3]?.loading,
32209
32209
  style: "primary",
32210
32210
  type: "submit",
32211
32211
  width: "full",
@@ -32224,9 +32224,9 @@ function create_if_block$5(ctx) {
32224
32224
  },
32225
32225
  p(ctx, dirty) {
32226
32226
  const button_changes = {};
32227
- if (dirty & /*journey*/ 4) button_changes.busy = /*journey*/ ctx[2]?.loading;
32227
+ if (dirty & /*journey*/ 8) button_changes.busy = /*journey*/ ctx[3]?.loading;
32228
32228
 
32229
- if (dirty & /*$$scope*/ 262144) {
32229
+ if (dirty & /*$$scope*/ 524288) {
32230
32230
  button_changes.$$scope = { dirty, ctx };
32231
32231
  }
32232
32232
 
@@ -32292,24 +32292,24 @@ function create_default_slot$5(ctx) {
32292
32292
  let t5;
32293
32293
  let backto;
32294
32294
  let current;
32295
- let if_block0 = /*form*/ ctx[1]?.icon && create_if_block_2$4();
32295
+ let if_block0 = /*form*/ ctx[2]?.icon && /*componentStyle*/ ctx[1] !== 'inline' && create_if_block_2$4();
32296
32296
 
32297
32297
  sanitize0 = new Server_strings({
32298
32298
  props: {
32299
32299
  html: true,
32300
- string: /*step*/ ctx[4]?.getHeader() || ''
32300
+ string: /*step*/ ctx[5]?.getHeader() || ''
32301
32301
  }
32302
32302
  });
32303
32303
 
32304
32304
  sanitize1 = new Server_strings({
32305
32305
  props: {
32306
32306
  html: true,
32307
- string: /*step*/ ctx[4]?.getDescription() || ''
32307
+ string: /*step*/ ctx[5]?.getDescription() || ''
32308
32308
  }
32309
32309
  });
32310
32310
 
32311
- let if_block1 = /*form*/ ctx[1]?.message && create_if_block_1$4(ctx);
32312
- let each_value = /*step*/ ctx[4]?.callbacks;
32311
+ let if_block1 = /*form*/ ctx[2]?.message && create_if_block_1$4(ctx);
32312
+ let each_value = /*step*/ ctx[5]?.callbacks;
32313
32313
  let each_blocks = [];
32314
32314
 
32315
32315
  for (let i = 0; i < each_value.length; i += 1) {
@@ -32320,8 +32320,8 @@ function create_default_slot$5(ctx) {
32320
32320
  each_blocks[i] = null;
32321
32321
  });
32322
32322
 
32323
- let if_block2 = (/*metadata*/ ctx[3]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[3]?.step?.derived.isStepSelfSubmittable) && create_if_block$5(ctx);
32324
- backto = new Back_to({ props: { journey: /*journey*/ ctx[2] } });
32323
+ let if_block2 = (/*metadata*/ ctx[4]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[4]?.step?.derived.isStepSelfSubmittable) && create_if_block$5(ctx);
32324
+ backto = new Back_to({ props: { journey: /*journey*/ ctx[3] } });
32325
32325
 
32326
32326
  return {
32327
32327
  c() {
@@ -32358,7 +32358,7 @@ function create_default_slot$5(ctx) {
32358
32358
  append(header, t1);
32359
32359
  append(header, p);
32360
32360
  mount_component(sanitize1, p, null);
32361
- /*header_binding*/ ctx[13](header);
32361
+ /*header_binding*/ ctx[14](header);
32362
32362
  insert(target, t2, anchor);
32363
32363
  if (if_block1) if_block1.m(target, anchor);
32364
32364
  insert(target, t3, anchor);
@@ -32374,9 +32374,9 @@ function create_default_slot$5(ctx) {
32374
32374
  current = true;
32375
32375
  },
32376
32376
  p(ctx, dirty) {
32377
- if (/*form*/ ctx[1]?.icon) {
32377
+ if (/*form*/ ctx[2]?.icon && /*componentStyle*/ ctx[1] !== 'inline') {
32378
32378
  if (if_block0) {
32379
- if (dirty & /*form*/ 2) {
32379
+ if (dirty & /*form, componentStyle*/ 6) {
32380
32380
  transition_in(if_block0, 1);
32381
32381
  }
32382
32382
  } else {
@@ -32396,17 +32396,17 @@ function create_default_slot$5(ctx) {
32396
32396
  }
32397
32397
 
32398
32398
  const sanitize0_changes = {};
32399
- if (dirty & /*step*/ 16) sanitize0_changes.string = /*step*/ ctx[4]?.getHeader() || '';
32399
+ if (dirty & /*step*/ 32) sanitize0_changes.string = /*step*/ ctx[5]?.getHeader() || '';
32400
32400
  sanitize0.$set(sanitize0_changes);
32401
32401
  const sanitize1_changes = {};
32402
- if (dirty & /*step*/ 16) sanitize1_changes.string = /*step*/ ctx[4]?.getDescription() || '';
32402
+ if (dirty & /*step*/ 32) sanitize1_changes.string = /*step*/ ctx[5]?.getDescription() || '';
32403
32403
  sanitize1.$set(sanitize1_changes);
32404
32404
 
32405
- if (/*form*/ ctx[1]?.message) {
32405
+ if (/*form*/ ctx[2]?.message) {
32406
32406
  if (if_block1) {
32407
32407
  if_block1.p(ctx, dirty);
32408
32408
 
32409
- if (dirty & /*form*/ 2) {
32409
+ if (dirty & /*form*/ 4) {
32410
32410
  transition_in(if_block1, 1);
32411
32411
  }
32412
32412
  } else {
@@ -32425,8 +32425,8 @@ function create_default_slot$5(ctx) {
32425
32425
  check_outros();
32426
32426
  }
32427
32427
 
32428
- if (dirty & /*step, metadata, determineSubmission, $styleStore*/ 3096) {
32429
- each_value = /*step*/ ctx[4]?.callbacks;
32428
+ if (dirty & /*step, metadata, determineSubmission, $styleStore*/ 6192) {
32429
+ each_value = /*step*/ ctx[5]?.callbacks;
32430
32430
  let i;
32431
32431
 
32432
32432
  for (i = 0; i < each_value.length; i += 1) {
@@ -32452,11 +32452,11 @@ function create_default_slot$5(ctx) {
32452
32452
  check_outros();
32453
32453
  }
32454
32454
 
32455
- if (/*metadata*/ ctx[3]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[3]?.step?.derived.isStepSelfSubmittable) {
32455
+ if (/*metadata*/ ctx[4]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[4]?.step?.derived.isStepSelfSubmittable) {
32456
32456
  if (if_block2) {
32457
32457
  if_block2.p(ctx, dirty);
32458
32458
 
32459
- if (dirty & /*metadata*/ 8) {
32459
+ if (dirty & /*metadata*/ 16) {
32460
32460
  transition_in(if_block2, 1);
32461
32461
  }
32462
32462
  } else {
@@ -32476,7 +32476,7 @@ function create_default_slot$5(ctx) {
32476
32476
  }
32477
32477
 
32478
32478
  const backto_changes = {};
32479
- if (dirty & /*journey*/ 4) backto_changes.journey = /*journey*/ ctx[2];
32479
+ if (dirty & /*journey*/ 8) backto_changes.journey = /*journey*/ ctx[3];
32480
32480
  backto.$set(backto_changes);
32481
32481
  },
32482
32482
  i(local) {
@@ -32515,7 +32515,7 @@ function create_default_slot$5(ctx) {
32515
32515
  if (detaching) detach(header);
32516
32516
  destroy_component(sanitize0);
32517
32517
  destroy_component(sanitize1);
32518
- /*header_binding*/ ctx[13](null);
32518
+ /*header_binding*/ ctx[14](null);
32519
32519
  if (detaching) detach(t2);
32520
32520
  if (if_block1) if_block1.d(detaching);
32521
32521
  if (detaching) detach(t3);
@@ -32534,14 +32534,14 @@ function create_fragment$7(ctx) {
32534
32534
  let current;
32535
32535
 
32536
32536
  function form_1_formEl_binding(value) {
32537
- /*form_1_formEl_binding*/ ctx[14](value);
32537
+ /*form_1_formEl_binding*/ ctx[15](value);
32538
32538
  }
32539
32539
 
32540
32540
  let form_1_props = {
32541
- ariaDescribedBy: /*formAriaDescriptor*/ ctx[7],
32541
+ ariaDescribedBy: /*formAriaDescriptor*/ ctx[8],
32542
32542
  id: formElementId,
32543
- needsFocus: /*formNeedsFocus*/ ctx[8],
32544
- onSubmitWhenValid: /*submitFormWrapper*/ ctx[12],
32543
+ needsFocus: /*formNeedsFocus*/ ctx[9],
32544
+ onSubmitWhenValid: /*submitFormWrapper*/ ctx[13],
32545
32545
  $$slots: { default: [create_default_slot$5] },
32546
32546
  $$scope: { ctx }
32547
32547
  };
@@ -32563,10 +32563,10 @@ function create_fragment$7(ctx) {
32563
32563
  },
32564
32564
  p(ctx, [dirty]) {
32565
32565
  const form_1_changes = {};
32566
- if (dirty & /*formAriaDescriptor*/ 128) form_1_changes.ariaDescribedBy = /*formAriaDescriptor*/ ctx[7];
32567
- if (dirty & /*formNeedsFocus*/ 256) form_1_changes.needsFocus = /*formNeedsFocus*/ ctx[8];
32566
+ if (dirty & /*formAriaDescriptor*/ 256) form_1_changes.ariaDescribedBy = /*formAriaDescriptor*/ ctx[8];
32567
+ if (dirty & /*formNeedsFocus*/ 512) form_1_changes.needsFocus = /*formNeedsFocus*/ ctx[9];
32568
32568
 
32569
- if (dirty & /*$$scope, journey, metadata, step, $styleStore, alertNeedsFocus, formMessageKey, form, linkWrapper*/ 263806) {
32569
+ if (dirty & /*$$scope, journey, metadata, step, $styleStore, alertNeedsFocus, formMessageKey, form, linkWrapper, componentStyle*/ 527614) {
32570
32570
  form_1_changes.$$scope = { dirty, ctx };
32571
32571
  }
32572
32572
 
@@ -32599,7 +32599,8 @@ const formElementId = 'genericStepForm';
32599
32599
 
32600
32600
  function instance$7($$self, $$props, $$invalidate) {
32601
32601
  let $styleStore;
32602
- component_subscribe($$self, styleStore, $$value => $$invalidate(10, $styleStore = $$value));
32602
+ component_subscribe($$self, styleStore, $$value => $$invalidate(11, $styleStore = $$value));
32603
+ let { componentStyle } = $$props;
32603
32604
  let { form } = $$props;
32604
32605
  let { formEl = null } = $$props;
32605
32606
  let { journey } = $$props;
@@ -32621,20 +32622,20 @@ function instance$7($$self, $$props, $$invalidate) {
32621
32622
  }
32622
32623
 
32623
32624
  function submitFormWrapper() {
32624
- $$invalidate(5, alertNeedsFocus = false);
32625
- $$invalidate(8, formNeedsFocus = false);
32625
+ $$invalidate(6, alertNeedsFocus = false);
32626
+ $$invalidate(9, formNeedsFocus = false);
32626
32627
  form?.submit();
32627
32628
  }
32628
32629
 
32629
32630
  afterUpdate(() => {
32630
32631
  if (form?.message) {
32631
- $$invalidate(7, formAriaDescriptor = formFailureMessageId);
32632
- $$invalidate(5, alertNeedsFocus = true);
32633
- $$invalidate(8, formNeedsFocus = false);
32632
+ $$invalidate(8, formAriaDescriptor = formFailureMessageId);
32633
+ $$invalidate(6, alertNeedsFocus = true);
32634
+ $$invalidate(9, formNeedsFocus = false);
32634
32635
  } else {
32635
- $$invalidate(7, formAriaDescriptor = formHeaderId);
32636
- $$invalidate(5, alertNeedsFocus = false);
32637
- $$invalidate(8, formNeedsFocus = true);
32636
+ $$invalidate(8, formAriaDescriptor = formHeaderId);
32637
+ $$invalidate(6, alertNeedsFocus = false);
32638
+ $$invalidate(9, formNeedsFocus = true);
32638
32639
  }
32639
32640
  });
32640
32641
 
@@ -32643,7 +32644,7 @@ function instance$7($$self, $$props, $$invalidate) {
32643
32644
  function header_binding($$value) {
32644
32645
  binding_callbacks[$$value ? 'unshift' : 'push'](() => {
32645
32646
  linkWrapper = $$value;
32646
- $$invalidate(9, linkWrapper);
32647
+ $$invalidate(10, linkWrapper);
32647
32648
  });
32648
32649
  }
32649
32650
 
@@ -32653,24 +32654,26 @@ function instance$7($$self, $$props, $$invalidate) {
32653
32654
  }
32654
32655
 
32655
32656
  $$self.$$set = $$props => {
32656
- if ('form' in $$props) $$invalidate(1, form = $$props.form);
32657
+ if ('componentStyle' in $$props) $$invalidate(1, componentStyle = $$props.componentStyle);
32658
+ if ('form' in $$props) $$invalidate(2, form = $$props.form);
32657
32659
  if ('formEl' in $$props) $$invalidate(0, formEl = $$props.formEl);
32658
- if ('journey' in $$props) $$invalidate(2, journey = $$props.journey);
32659
- if ('metadata' in $$props) $$invalidate(3, metadata = $$props.metadata);
32660
- if ('step' in $$props) $$invalidate(4, step = $$props.step);
32660
+ if ('journey' in $$props) $$invalidate(3, journey = $$props.journey);
32661
+ if ('metadata' in $$props) $$invalidate(4, metadata = $$props.metadata);
32662
+ if ('step' in $$props) $$invalidate(5, step = $$props.step);
32661
32663
  };
32662
32664
 
32663
32665
  $$self.$$.update = () => {
32664
- if ($$self.$$.dirty & /*step, form*/ 18) {
32666
+ if ($$self.$$.dirty & /*step, form*/ 36) {
32665
32667
  {
32666
32668
  shouldRedirectFromStep(step) && FRAuth$1.redirect(step);
32667
- $$invalidate(6, formMessageKey = convertStringToKey(form?.message));
32669
+ $$invalidate(7, formMessageKey = convertStringToKey(form?.message));
32668
32670
  }
32669
32671
  }
32670
32672
  };
32671
32673
 
32672
32674
  return [
32673
32675
  formEl,
32676
+ componentStyle,
32674
32677
  form,
32675
32678
  journey,
32676
32679
  metadata,
@@ -32693,11 +32696,12 @@ class Generic extends SvelteComponent {
32693
32696
  super();
32694
32697
 
32695
32698
  init(this, options, instance$7, create_fragment$7, safe_not_equal, {
32696
- form: 1,
32699
+ componentStyle: 1,
32700
+ form: 2,
32697
32701
  formEl: 0,
32698
- journey: 2,
32699
- metadata: 3,
32700
- step: 4
32702
+ journey: 3,
32703
+ metadata: 4,
32704
+ step: 5
32701
32705
  });
32702
32706
  }
32703
32707
  }
@@ -32810,13 +32814,101 @@ class Key_icon extends SvelteComponent {
32810
32814
 
32811
32815
  function get_each_context$2(ctx, list, i) {
32812
32816
  const child_ctx = ctx.slice();
32813
- child_ctx[10] = list[i];
32814
- child_ctx[12] = i;
32817
+ child_ctx[11] = list[i];
32818
+ child_ctx[13] = i;
32815
32819
  return child_ctx;
32816
32820
  }
32817
32821
 
32818
- // (39:2) {#if form?.icon}
32822
+ // (38:2) {#if componentStyle !== 'inline'}
32819
32823
  function create_if_block_2$3(ctx) {
32824
+ let t0;
32825
+ let h1;
32826
+ let t1;
32827
+ let t2;
32828
+ let p;
32829
+ let t3;
32830
+ let current;
32831
+ let if_block = /*form*/ ctx[2]?.icon && create_if_block_3$3();
32832
+
32833
+ t1 = new Locale_strings({
32834
+ props: { key: "twoFactorAuthentication" }
32835
+ });
32836
+
32837
+ t3 = new Locale_strings({
32838
+ props: { key: "useTheAuthenticatorAppOnYourPhone" }
32839
+ });
32840
+
32841
+ return {
32842
+ c() {
32843
+ if (if_block) if_block.c();
32844
+ t0 = space();
32845
+ h1 = element("h1");
32846
+ create_component(t1.$$.fragment);
32847
+ t2 = space();
32848
+ p = element("p");
32849
+ create_component(t3.$$.fragment);
32850
+ attr(h1, "class", "tw_primary-header dark:tw_primary-header_dark");
32851
+ 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");
32852
+ },
32853
+ m(target, anchor) {
32854
+ if (if_block) if_block.m(target, anchor);
32855
+ insert(target, t0, anchor);
32856
+ insert(target, h1, anchor);
32857
+ mount_component(t1, h1, null);
32858
+ insert(target, t2, anchor);
32859
+ insert(target, p, anchor);
32860
+ mount_component(t3, p, null);
32861
+ current = true;
32862
+ },
32863
+ p(ctx, dirty) {
32864
+ if (/*form*/ ctx[2]?.icon) {
32865
+ if (if_block) {
32866
+ if (dirty & /*form*/ 4) {
32867
+ transition_in(if_block, 1);
32868
+ }
32869
+ } else {
32870
+ if_block = create_if_block_3$3();
32871
+ if_block.c();
32872
+ transition_in(if_block, 1);
32873
+ if_block.m(t0.parentNode, t0);
32874
+ }
32875
+ } else if (if_block) {
32876
+ group_outros();
32877
+
32878
+ transition_out(if_block, 1, 1, () => {
32879
+ if_block = null;
32880
+ });
32881
+
32882
+ check_outros();
32883
+ }
32884
+ },
32885
+ i(local) {
32886
+ if (current) return;
32887
+ transition_in(if_block);
32888
+ transition_in(t1.$$.fragment, local);
32889
+ transition_in(t3.$$.fragment, local);
32890
+ current = true;
32891
+ },
32892
+ o(local) {
32893
+ transition_out(if_block);
32894
+ transition_out(t1.$$.fragment, local);
32895
+ transition_out(t3.$$.fragment, local);
32896
+ current = false;
32897
+ },
32898
+ d(detaching) {
32899
+ if (if_block) if_block.d(detaching);
32900
+ if (detaching) detach(t0);
32901
+ if (detaching) detach(h1);
32902
+ destroy_component(t1);
32903
+ if (detaching) detach(t2);
32904
+ if (detaching) detach(p);
32905
+ destroy_component(t3);
32906
+ }
32907
+ };
32908
+ }
32909
+
32910
+ // (39:4) {#if form?.icon}
32911
+ function create_if_block_3$3(ctx) {
32820
32912
  let div;
32821
32913
  let keyicon;
32822
32914
  let current;
@@ -32855,7 +32947,7 @@ function create_if_block_2$3(ctx) {
32855
32947
  };
32856
32948
  }
32857
32949
 
32858
- // (53:2) {#if form?.message}
32950
+ // (54:2) {#if form?.message}
32859
32951
  function create_if_block_1$3(ctx) {
32860
32952
  let alert;
32861
32953
  let current;
@@ -32863,7 +32955,7 @@ function create_if_block_1$3(ctx) {
32863
32955
  alert = new Alert({
32864
32956
  props: {
32865
32957
  id: "formFailureMessageAlert",
32866
- needsFocus: /*alertNeedsFocus*/ ctx[5],
32958
+ needsFocus: /*alertNeedsFocus*/ ctx[6],
32867
32959
  type: "error",
32868
32960
  $$slots: { default: [create_default_slot_2$2] },
32869
32961
  $$scope: { ctx }
@@ -32880,9 +32972,9 @@ function create_if_block_1$3(ctx) {
32880
32972
  },
32881
32973
  p(ctx, dirty) {
32882
32974
  const alert_changes = {};
32883
- if (dirty & /*alertNeedsFocus*/ 32) alert_changes.needsFocus = /*alertNeedsFocus*/ ctx[5];
32975
+ if (dirty & /*alertNeedsFocus*/ 64) alert_changes.needsFocus = /*alertNeedsFocus*/ ctx[6];
32884
32976
 
32885
- if (dirty & /*$$scope, formMessageKey, form*/ 8258) {
32977
+ if (dirty & /*$$scope, formMessageKey, form*/ 16516) {
32886
32978
  alert_changes.$$scope = { dirty, ctx };
32887
32979
  }
32888
32980
 
@@ -32903,9 +32995,9 @@ function create_if_block_1$3(ctx) {
32903
32995
  };
32904
32996
  }
32905
32997
 
32906
- // (54:4) <Alert id="formFailureMessageAlert" needsFocus={alertNeedsFocus} type="error">
32998
+ // (55:4) <Alert id="formFailureMessageAlert" needsFocus={alertNeedsFocus} type="error">
32907
32999
  function create_default_slot_2$2(ctx) {
32908
- let t_value = interpolate(/*formMessageKey*/ ctx[6], null, /*form*/ ctx[1]?.message) + "";
33000
+ let t_value = interpolate(/*formMessageKey*/ ctx[7], null, /*form*/ ctx[2]?.message) + "";
32909
33001
  let t;
32910
33002
 
32911
33003
  return {
@@ -32916,7 +33008,7 @@ function create_default_slot_2$2(ctx) {
32916
33008
  insert(target, t, anchor);
32917
33009
  },
32918
33010
  p(ctx, dirty) {
32919
- if (dirty & /*formMessageKey, form*/ 66 && t_value !== (t_value = interpolate(/*formMessageKey*/ ctx[6], null, /*form*/ ctx[1]?.message) + "")) set_data(t, t_value);
33011
+ if (dirty & /*formMessageKey, form*/ 132 && t_value !== (t_value = interpolate(/*formMessageKey*/ ctx[7], null, /*form*/ ctx[2]?.message) + "")) set_data(t, t_value);
32920
33012
  },
32921
33013
  d(detaching) {
32922
33014
  if (detaching) detach(t);
@@ -32924,7 +33016,7 @@ function create_default_slot_2$2(ctx) {
32924
33016
  };
32925
33017
  }
32926
33018
 
32927
- // (59:2) {#each step?.callbacks as callback, idx}
33019
+ // (60:2) {#each step?.callbacks as callback, idx}
32928
33020
  function create_each_block$2(ctx) {
32929
33021
  let callbackmapper;
32930
33022
  let current;
@@ -32932,11 +33024,11 @@ function create_each_block$2(ctx) {
32932
33024
  callbackmapper = new Callback_mapper({
32933
33025
  props: {
32934
33026
  props: {
32935
- callback: /*callback*/ ctx[10],
32936
- callbackMetadata: /*metadata*/ ctx[3]?.callbacks[/*idx*/ ctx[12]],
32937
- selfSubmitFunction: /*determineSubmission*/ ctx[8],
32938
- stepMetadata: /*metadata*/ ctx[3]?.step && { .../*metadata*/ ctx[3].step },
32939
- style: /*$style*/ ctx[7]
33027
+ callback: /*callback*/ ctx[11],
33028
+ callbackMetadata: /*metadata*/ ctx[4]?.callbacks[/*idx*/ ctx[13]],
33029
+ selfSubmitFunction: /*determineSubmission*/ ctx[9],
33030
+ stepMetadata: /*metadata*/ ctx[4]?.step && { .../*metadata*/ ctx[4].step },
33031
+ style: /*$style*/ ctx[8]
32940
33032
  }
32941
33033
  }
32942
33034
  });
@@ -32952,12 +33044,12 @@ function create_each_block$2(ctx) {
32952
33044
  p(ctx, dirty) {
32953
33045
  const callbackmapper_changes = {};
32954
33046
 
32955
- if (dirty & /*step, metadata, $style*/ 152) callbackmapper_changes.props = {
32956
- callback: /*callback*/ ctx[10],
32957
- callbackMetadata: /*metadata*/ ctx[3]?.callbacks[/*idx*/ ctx[12]],
32958
- selfSubmitFunction: /*determineSubmission*/ ctx[8],
32959
- stepMetadata: /*metadata*/ ctx[3]?.step && { .../*metadata*/ ctx[3].step },
32960
- style: /*$style*/ ctx[7]
33047
+ if (dirty & /*step, metadata, $style*/ 304) callbackmapper_changes.props = {
33048
+ callback: /*callback*/ ctx[11],
33049
+ callbackMetadata: /*metadata*/ ctx[4]?.callbacks[/*idx*/ ctx[13]],
33050
+ selfSubmitFunction: /*determineSubmission*/ ctx[9],
33051
+ stepMetadata: /*metadata*/ ctx[4]?.step && { .../*metadata*/ ctx[4].step },
33052
+ style: /*$style*/ ctx[8]
32961
33053
  };
32962
33054
 
32963
33055
  callbackmapper.$set(callbackmapper_changes);
@@ -32977,14 +33069,14 @@ function create_each_block$2(ctx) {
32977
33069
  };
32978
33070
  }
32979
33071
 
32980
- // (71:2) {#if metadata?.step?.derived.isUserInputOptional || !metadata?.step?.derived.isStepSelfSubmittable}
33072
+ // (72:2) {#if metadata?.step?.derived.isUserInputOptional || !metadata?.step?.derived.isStepSelfSubmittable}
32981
33073
  function create_if_block$4(ctx) {
32982
33074
  let button;
32983
33075
  let current;
32984
33076
 
32985
33077
  button = new Button({
32986
33078
  props: {
32987
- busy: /*journey*/ ctx[2]?.loading,
33079
+ busy: /*journey*/ ctx[3]?.loading,
32988
33080
  style: "primary",
32989
33081
  type: "submit",
32990
33082
  width: "full",
@@ -33003,9 +33095,9 @@ function create_if_block$4(ctx) {
33003
33095
  },
33004
33096
  p(ctx, dirty) {
33005
33097
  const button_changes = {};
33006
- if (dirty & /*journey*/ 4) button_changes.busy = /*journey*/ ctx[2]?.loading;
33098
+ if (dirty & /*journey*/ 8) button_changes.busy = /*journey*/ ctx[3]?.loading;
33007
33099
 
33008
- if (dirty & /*$$scope*/ 8192) {
33100
+ if (dirty & /*$$scope*/ 16384) {
33009
33101
  button_changes.$$scope = { dirty, ctx };
33010
33102
  }
33011
33103
 
@@ -33026,7 +33118,7 @@ function create_if_block$4(ctx) {
33026
33118
  };
33027
33119
  }
33028
33120
 
33029
- // (72:4) <Button busy={journey?.loading} style="primary" type="submit" width="full">
33121
+ // (73:4) <Button busy={journey?.loading} style="primary" type="submit" width="full">
33030
33122
  function create_default_slot_1$3(ctx) {
33031
33123
  let t;
33032
33124
  let current;
@@ -33056,31 +33148,16 @@ function create_default_slot_1$3(ctx) {
33056
33148
  };
33057
33149
  }
33058
33150
 
33059
- // (38:0) <Form bind:formEl ariaDescribedBy="formFailureMessageAlert" onSubmitWhenValid={form?.submit}>
33151
+ // (37:0) <Form bind:formEl ariaDescribedBy="formFailureMessageAlert" onSubmitWhenValid={form?.submit}>
33060
33152
  function create_default_slot$4(ctx) {
33061
33153
  let t0;
33062
- let h1;
33063
33154
  let t1;
33064
33155
  let t2;
33065
- let p;
33066
- let t3;
33067
- let t4;
33068
- let t5;
33069
- let t6;
33070
33156
  let if_block2_anchor;
33071
33157
  let current;
33072
- let if_block0 = /*form*/ ctx[1]?.icon && create_if_block_2$3();
33073
-
33074
- t1 = new Locale_strings({
33075
- props: { key: "twoFactorAuthentication" }
33076
- });
33077
-
33078
- t3 = new Locale_strings({
33079
- props: { key: "useTheAuthenticatorAppOnYourPhone" }
33080
- });
33081
-
33082
- let if_block1 = /*form*/ ctx[1]?.message && create_if_block_1$3(ctx);
33083
- let each_value = /*step*/ ctx[4]?.callbacks;
33158
+ let if_block0 = /*componentStyle*/ ctx[1] !== 'inline' && create_if_block_2$3(ctx);
33159
+ let if_block1 = /*form*/ ctx[2]?.message && create_if_block_1$3(ctx);
33160
+ let each_value = /*step*/ ctx[5]?.callbacks;
33084
33161
  let each_blocks = [];
33085
33162
 
33086
33163
  for (let i = 0; i < each_value.length; i += 1) {
@@ -33091,60 +33168,48 @@ function create_default_slot$4(ctx) {
33091
33168
  each_blocks[i] = null;
33092
33169
  });
33093
33170
 
33094
- let if_block2 = (/*metadata*/ ctx[3]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[3]?.step?.derived.isStepSelfSubmittable) && create_if_block$4(ctx);
33171
+ let if_block2 = (/*metadata*/ ctx[4]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[4]?.step?.derived.isStepSelfSubmittable) && create_if_block$4(ctx);
33095
33172
 
33096
33173
  return {
33097
33174
  c() {
33098
33175
  if (if_block0) if_block0.c();
33099
33176
  t0 = space();
33100
- h1 = element("h1");
33101
- create_component(t1.$$.fragment);
33102
- t2 = space();
33103
- p = element("p");
33104
- create_component(t3.$$.fragment);
33105
- t4 = space();
33106
33177
  if (if_block1) if_block1.c();
33107
- t5 = space();
33178
+ t1 = space();
33108
33179
 
33109
33180
  for (let i = 0; i < each_blocks.length; i += 1) {
33110
33181
  each_blocks[i].c();
33111
33182
  }
33112
33183
 
33113
- t6 = space();
33184
+ t2 = space();
33114
33185
  if (if_block2) if_block2.c();
33115
33186
  if_block2_anchor = empty();
33116
- attr(h1, "class", "tw_primary-header dark:tw_primary-header_dark");
33117
- 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");
33118
33187
  },
33119
33188
  m(target, anchor) {
33120
33189
  if (if_block0) if_block0.m(target, anchor);
33121
33190
  insert(target, t0, anchor);
33122
- insert(target, h1, anchor);
33123
- mount_component(t1, h1, null);
33124
- insert(target, t2, anchor);
33125
- insert(target, p, anchor);
33126
- mount_component(t3, p, null);
33127
- insert(target, t4, anchor);
33128
33191
  if (if_block1) if_block1.m(target, anchor);
33129
- insert(target, t5, anchor);
33192
+ insert(target, t1, anchor);
33130
33193
 
33131
33194
  for (let i = 0; i < each_blocks.length; i += 1) {
33132
33195
  each_blocks[i].m(target, anchor);
33133
33196
  }
33134
33197
 
33135
- insert(target, t6, anchor);
33198
+ insert(target, t2, anchor);
33136
33199
  if (if_block2) if_block2.m(target, anchor);
33137
33200
  insert(target, if_block2_anchor, anchor);
33138
33201
  current = true;
33139
33202
  },
33140
33203
  p(ctx, dirty) {
33141
- if (/*form*/ ctx[1]?.icon) {
33204
+ if (/*componentStyle*/ ctx[1] !== 'inline') {
33142
33205
  if (if_block0) {
33143
- if (dirty & /*form*/ 2) {
33206
+ if_block0.p(ctx, dirty);
33207
+
33208
+ if (dirty & /*componentStyle*/ 2) {
33144
33209
  transition_in(if_block0, 1);
33145
33210
  }
33146
33211
  } else {
33147
- if_block0 = create_if_block_2$3();
33212
+ if_block0 = create_if_block_2$3(ctx);
33148
33213
  if_block0.c();
33149
33214
  transition_in(if_block0, 1);
33150
33215
  if_block0.m(t0.parentNode, t0);
@@ -33159,18 +33224,18 @@ function create_default_slot$4(ctx) {
33159
33224
  check_outros();
33160
33225
  }
33161
33226
 
33162
- if (/*form*/ ctx[1]?.message) {
33227
+ if (/*form*/ ctx[2]?.message) {
33163
33228
  if (if_block1) {
33164
33229
  if_block1.p(ctx, dirty);
33165
33230
 
33166
- if (dirty & /*form*/ 2) {
33231
+ if (dirty & /*form*/ 4) {
33167
33232
  transition_in(if_block1, 1);
33168
33233
  }
33169
33234
  } else {
33170
33235
  if_block1 = create_if_block_1$3(ctx);
33171
33236
  if_block1.c();
33172
33237
  transition_in(if_block1, 1);
33173
- if_block1.m(t5.parentNode, t5);
33238
+ if_block1.m(t1.parentNode, t1);
33174
33239
  }
33175
33240
  } else if (if_block1) {
33176
33241
  group_outros();
@@ -33182,8 +33247,8 @@ function create_default_slot$4(ctx) {
33182
33247
  check_outros();
33183
33248
  }
33184
33249
 
33185
- if (dirty & /*step, metadata, determineSubmission, $style*/ 408) {
33186
- each_value = /*step*/ ctx[4]?.callbacks;
33250
+ if (dirty & /*step, metadata, determineSubmission, $style*/ 816) {
33251
+ each_value = /*step*/ ctx[5]?.callbacks;
33187
33252
  let i;
33188
33253
 
33189
33254
  for (i = 0; i < each_value.length; i += 1) {
@@ -33196,7 +33261,7 @@ function create_default_slot$4(ctx) {
33196
33261
  each_blocks[i] = create_each_block$2(child_ctx);
33197
33262
  each_blocks[i].c();
33198
33263
  transition_in(each_blocks[i], 1);
33199
- each_blocks[i].m(t6.parentNode, t6);
33264
+ each_blocks[i].m(t2.parentNode, t2);
33200
33265
  }
33201
33266
  }
33202
33267
 
@@ -33209,11 +33274,11 @@ function create_default_slot$4(ctx) {
33209
33274
  check_outros();
33210
33275
  }
33211
33276
 
33212
- if (/*metadata*/ ctx[3]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[3]?.step?.derived.isStepSelfSubmittable) {
33277
+ if (/*metadata*/ ctx[4]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[4]?.step?.derived.isStepSelfSubmittable) {
33213
33278
  if (if_block2) {
33214
33279
  if_block2.p(ctx, dirty);
33215
33280
 
33216
- if (dirty & /*metadata*/ 8) {
33281
+ if (dirty & /*metadata*/ 16) {
33217
33282
  transition_in(if_block2, 1);
33218
33283
  }
33219
33284
  } else {
@@ -33235,8 +33300,6 @@ function create_default_slot$4(ctx) {
33235
33300
  i(local) {
33236
33301
  if (current) return;
33237
33302
  transition_in(if_block0);
33238
- transition_in(t1.$$.fragment, local);
33239
- transition_in(t3.$$.fragment, local);
33240
33303
  transition_in(if_block1);
33241
33304
 
33242
33305
  for (let i = 0; i < each_value.length; i += 1) {
@@ -33248,8 +33311,6 @@ function create_default_slot$4(ctx) {
33248
33311
  },
33249
33312
  o(local) {
33250
33313
  transition_out(if_block0);
33251
- transition_out(t1.$$.fragment, local);
33252
- transition_out(t3.$$.fragment, local);
33253
33314
  transition_out(if_block1);
33254
33315
  each_blocks = each_blocks.filter(Boolean);
33255
33316
 
@@ -33263,16 +33324,10 @@ function create_default_slot$4(ctx) {
33263
33324
  d(detaching) {
33264
33325
  if (if_block0) if_block0.d(detaching);
33265
33326
  if (detaching) detach(t0);
33266
- if (detaching) detach(h1);
33267
- destroy_component(t1);
33268
- if (detaching) detach(t2);
33269
- if (detaching) detach(p);
33270
- destroy_component(t3);
33271
- if (detaching) detach(t4);
33272
33327
  if (if_block1) if_block1.d(detaching);
33273
- if (detaching) detach(t5);
33328
+ if (detaching) detach(t1);
33274
33329
  destroy_each(each_blocks, detaching);
33275
- if (detaching) detach(t6);
33330
+ if (detaching) detach(t2);
33276
33331
  if (if_block2) if_block2.d(detaching);
33277
33332
  if (detaching) detach(if_block2_anchor);
33278
33333
  }
@@ -33285,12 +33340,12 @@ function create_fragment$5(ctx) {
33285
33340
  let current;
33286
33341
 
33287
33342
  function form_1_formEl_binding(value) {
33288
- /*form_1_formEl_binding*/ ctx[9](value);
33343
+ /*form_1_formEl_binding*/ ctx[10](value);
33289
33344
  }
33290
33345
 
33291
33346
  let form_1_props = {
33292
33347
  ariaDescribedBy: "formFailureMessageAlert",
33293
- onSubmitWhenValid: /*form*/ ctx[1]?.submit,
33348
+ onSubmitWhenValid: /*form*/ ctx[2]?.submit,
33294
33349
  $$slots: { default: [create_default_slot$4] },
33295
33350
  $$scope: { ctx }
33296
33351
  };
@@ -33312,9 +33367,9 @@ function create_fragment$5(ctx) {
33312
33367
  },
33313
33368
  p(ctx, [dirty]) {
33314
33369
  const form_1_changes = {};
33315
- if (dirty & /*form*/ 2) form_1_changes.onSubmitWhenValid = /*form*/ ctx[1]?.submit;
33370
+ if (dirty & /*form*/ 4) form_1_changes.onSubmitWhenValid = /*form*/ ctx[2]?.submit;
33316
33371
 
33317
- if (dirty & /*$$scope, journey, metadata, step, $style, alertNeedsFocus, formMessageKey, form*/ 8446) {
33372
+ if (dirty & /*$$scope, journey, metadata, step, $style, alertNeedsFocus, formMessageKey, form, componentStyle*/ 16894) {
33318
33373
  form_1_changes.$$scope = { dirty, ctx };
33319
33374
  }
33320
33375
 
@@ -33343,7 +33398,8 @@ function create_fragment$5(ctx) {
33343
33398
 
33344
33399
  function instance$5($$self, $$props, $$invalidate) {
33345
33400
  let $style;
33346
- component_subscribe($$self, styleStore, $$value => $$invalidate(7, $style = $$value));
33401
+ component_subscribe($$self, styleStore, $$value => $$invalidate(8, $style = $$value));
33402
+ let { componentStyle } = $$props;
33347
33403
  let { form } = $$props;
33348
33404
  let { formEl = null } = $$props;
33349
33405
  let { journey } = $$props;
@@ -33362,7 +33418,7 @@ function instance$5($$self, $$props, $$invalidate) {
33362
33418
  }
33363
33419
 
33364
33420
  afterUpdate(() => {
33365
- $$invalidate(5, alertNeedsFocus = !!form?.message);
33421
+ $$invalidate(6, alertNeedsFocus = !!form?.message);
33366
33422
  });
33367
33423
 
33368
33424
  function form_1_formEl_binding(value) {
@@ -33371,23 +33427,25 @@ function instance$5($$self, $$props, $$invalidate) {
33371
33427
  }
33372
33428
 
33373
33429
  $$self.$$set = $$props => {
33374
- if ('form' in $$props) $$invalidate(1, form = $$props.form);
33430
+ if ('componentStyle' in $$props) $$invalidate(1, componentStyle = $$props.componentStyle);
33431
+ if ('form' in $$props) $$invalidate(2, form = $$props.form);
33375
33432
  if ('formEl' in $$props) $$invalidate(0, formEl = $$props.formEl);
33376
- if ('journey' in $$props) $$invalidate(2, journey = $$props.journey);
33377
- if ('metadata' in $$props) $$invalidate(3, metadata = $$props.metadata);
33378
- if ('step' in $$props) $$invalidate(4, step = $$props.step);
33433
+ if ('journey' in $$props) $$invalidate(3, journey = $$props.journey);
33434
+ if ('metadata' in $$props) $$invalidate(4, metadata = $$props.metadata);
33435
+ if ('step' in $$props) $$invalidate(5, step = $$props.step);
33379
33436
  };
33380
33437
 
33381
33438
  $$self.$$.update = () => {
33382
- if ($$self.$$.dirty & /*form*/ 2) {
33439
+ if ($$self.$$.dirty & /*form*/ 4) {
33383
33440
  {
33384
- $$invalidate(6, formMessageKey = convertStringToKey(form?.message));
33441
+ $$invalidate(7, formMessageKey = convertStringToKey(form?.message));
33385
33442
  }
33386
33443
  }
33387
33444
  };
33388
33445
 
33389
33446
  return [
33390
33447
  formEl,
33448
+ componentStyle,
33391
33449
  form,
33392
33450
  journey,
33393
33451
  metadata,
@@ -33405,11 +33463,12 @@ class One_time_password extends SvelteComponent {
33405
33463
  super();
33406
33464
 
33407
33465
  init(this, options, instance$5, create_fragment$5, safe_not_equal, {
33408
- form: 1,
33466
+ componentStyle: 1,
33467
+ form: 2,
33409
33468
  formEl: 0,
33410
- journey: 2,
33411
- metadata: 3,
33412
- step: 4
33469
+ journey: 3,
33470
+ metadata: 4,
33471
+ step: 5
33413
33472
  });
33414
33473
  }
33415
33474
  }
@@ -33522,13 +33581,100 @@ class New_user_icon extends SvelteComponent {
33522
33581
 
33523
33582
  function get_each_context$1(ctx, list, i) {
33524
33583
  const child_ctx = ctx.slice();
33525
- child_ctx[12] = list[i];
33526
- child_ctx[14] = i;
33584
+ child_ctx[13] = list[i];
33585
+ child_ctx[15] = i;
33527
33586
  return child_ctx;
33528
33587
  }
33529
33588
 
33530
- // (41:2) {#if form?.icon}
33589
+ // (50:2) {#if componentStyle !== 'inline'}
33531
33590
  function create_if_block_2$2(ctx) {
33591
+ let t0;
33592
+ let h1;
33593
+ let t1;
33594
+ let t2;
33595
+ let p;
33596
+ let t3;
33597
+ let current;
33598
+ let if_block = /*form*/ ctx[2]?.icon && create_if_block_3$2();
33599
+ t1 = new Locale_strings({ props: { key: "registerHeader" } });
33600
+
33601
+ t3 = new Locale_strings({
33602
+ props: { key: "alreadyHaveAnAccount", html: true }
33603
+ });
33604
+
33605
+ return {
33606
+ c() {
33607
+ if (if_block) if_block.c();
33608
+ t0 = space();
33609
+ h1 = element("h1");
33610
+ create_component(t1.$$.fragment);
33611
+ t2 = space();
33612
+ p = element("p");
33613
+ create_component(t3.$$.fragment);
33614
+ attr(h1, "class", "tw_primary-header dark:tw_primary-header_dark");
33615
+ 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");
33616
+ },
33617
+ m(target, anchor) {
33618
+ if (if_block) if_block.m(target, anchor);
33619
+ insert(target, t0, anchor);
33620
+ insert(target, h1, anchor);
33621
+ mount_component(t1, h1, null);
33622
+ insert(target, t2, anchor);
33623
+ insert(target, p, anchor);
33624
+ mount_component(t3, p, null);
33625
+ /*p_binding*/ ctx[11](p);
33626
+ current = true;
33627
+ },
33628
+ p(ctx, dirty) {
33629
+ if (/*form*/ ctx[2]?.icon) {
33630
+ if (if_block) {
33631
+ if (dirty & /*form*/ 4) {
33632
+ transition_in(if_block, 1);
33633
+ }
33634
+ } else {
33635
+ if_block = create_if_block_3$2();
33636
+ if_block.c();
33637
+ transition_in(if_block, 1);
33638
+ if_block.m(t0.parentNode, t0);
33639
+ }
33640
+ } else if (if_block) {
33641
+ group_outros();
33642
+
33643
+ transition_out(if_block, 1, 1, () => {
33644
+ if_block = null;
33645
+ });
33646
+
33647
+ check_outros();
33648
+ }
33649
+ },
33650
+ i(local) {
33651
+ if (current) return;
33652
+ transition_in(if_block);
33653
+ transition_in(t1.$$.fragment, local);
33654
+ transition_in(t3.$$.fragment, local);
33655
+ current = true;
33656
+ },
33657
+ o(local) {
33658
+ transition_out(if_block);
33659
+ transition_out(t1.$$.fragment, local);
33660
+ transition_out(t3.$$.fragment, local);
33661
+ current = false;
33662
+ },
33663
+ d(detaching) {
33664
+ if (if_block) if_block.d(detaching);
33665
+ if (detaching) detach(t0);
33666
+ if (detaching) detach(h1);
33667
+ destroy_component(t1);
33668
+ if (detaching) detach(t2);
33669
+ if (detaching) detach(p);
33670
+ destroy_component(t3);
33671
+ /*p_binding*/ ctx[11](null);
33672
+ }
33673
+ };
33674
+ }
33675
+
33676
+ // (51:4) {#if form?.icon}
33677
+ function create_if_block_3$2(ctx) {
33532
33678
  let div;
33533
33679
  let newusericon;
33534
33680
  let current;
@@ -33567,7 +33713,7 @@ function create_if_block_2$2(ctx) {
33567
33713
  };
33568
33714
  }
33569
33715
 
33570
- // (56:2) {#if form.message}
33716
+ // (67:2) {#if form.message}
33571
33717
  function create_if_block_1$2(ctx) {
33572
33718
  let alert;
33573
33719
  let current;
@@ -33575,7 +33721,7 @@ function create_if_block_1$2(ctx) {
33575
33721
  alert = new Alert({
33576
33722
  props: {
33577
33723
  id: "formFailureMessageAlert",
33578
- needsFocus: /*alertNeedsFocus*/ ctx[5],
33724
+ needsFocus: /*alertNeedsFocus*/ ctx[6],
33579
33725
  type: "error",
33580
33726
  $$slots: { default: [create_default_slot_2$1] },
33581
33727
  $$scope: { ctx }
@@ -33592,9 +33738,9 @@ function create_if_block_1$2(ctx) {
33592
33738
  },
33593
33739
  p(ctx, dirty) {
33594
33740
  const alert_changes = {};
33595
- if (dirty & /*alertNeedsFocus*/ 32) alert_changes.needsFocus = /*alertNeedsFocus*/ ctx[5];
33741
+ if (dirty & /*alertNeedsFocus*/ 64) alert_changes.needsFocus = /*alertNeedsFocus*/ ctx[6];
33596
33742
 
33597
- if (dirty & /*$$scope, formMessageKey, form*/ 32834) {
33743
+ if (dirty & /*$$scope, formMessageKey, form*/ 65668) {
33598
33744
  alert_changes.$$scope = { dirty, ctx };
33599
33745
  }
33600
33746
 
@@ -33615,9 +33761,9 @@ function create_if_block_1$2(ctx) {
33615
33761
  };
33616
33762
  }
33617
33763
 
33618
- // (57:4) <Alert id="formFailureMessageAlert" needsFocus={alertNeedsFocus} type="error">
33764
+ // (68:4) <Alert id="formFailureMessageAlert" needsFocus={alertNeedsFocus} type="error">
33619
33765
  function create_default_slot_2$1(ctx) {
33620
- let t_value = interpolate(/*formMessageKey*/ ctx[6], null, /*form*/ ctx[1]?.message) + "";
33766
+ let t_value = interpolate(/*formMessageKey*/ ctx[7], null, /*form*/ ctx[2]?.message) + "";
33621
33767
  let t;
33622
33768
 
33623
33769
  return {
@@ -33628,7 +33774,7 @@ function create_default_slot_2$1(ctx) {
33628
33774
  insert(target, t, anchor);
33629
33775
  },
33630
33776
  p(ctx, dirty) {
33631
- if (dirty & /*formMessageKey, form*/ 66 && t_value !== (t_value = interpolate(/*formMessageKey*/ ctx[6], null, /*form*/ ctx[1]?.message) + "")) set_data(t, t_value);
33777
+ if (dirty & /*formMessageKey, form*/ 132 && t_value !== (t_value = interpolate(/*formMessageKey*/ ctx[7], null, /*form*/ ctx[2]?.message) + "")) set_data(t, t_value);
33632
33778
  },
33633
33779
  d(detaching) {
33634
33780
  if (detaching) detach(t);
@@ -33636,7 +33782,7 @@ function create_default_slot_2$1(ctx) {
33636
33782
  };
33637
33783
  }
33638
33784
 
33639
- // (62:2) {#each step?.callbacks as callback, idx}
33785
+ // (73:2) {#each step?.callbacks as callback, idx}
33640
33786
  function create_each_block$1(ctx) {
33641
33787
  let callbackmapper;
33642
33788
  let current;
@@ -33644,11 +33790,11 @@ function create_each_block$1(ctx) {
33644
33790
  callbackmapper = new Callback_mapper({
33645
33791
  props: {
33646
33792
  props: {
33647
- callback: /*callback*/ ctx[12],
33648
- callbackMetadata: /*metadata*/ ctx[3]?.callbacks[/*idx*/ ctx[14]],
33649
- selfSubmitFunction: /*determineSubmission*/ ctx[9],
33650
- stepMetadata: /*metadata*/ ctx[3]?.step && { .../*metadata*/ ctx[3].step },
33651
- style: /*$styleStore*/ ctx[8]
33793
+ callback: /*callback*/ ctx[13],
33794
+ callbackMetadata: /*metadata*/ ctx[4]?.callbacks[/*idx*/ ctx[15]],
33795
+ selfSubmitFunction: /*determineSubmission*/ ctx[10],
33796
+ stepMetadata: /*metadata*/ ctx[4]?.step && { .../*metadata*/ ctx[4].step },
33797
+ style: /*$styleStore*/ ctx[9]
33652
33798
  }
33653
33799
  }
33654
33800
  });
@@ -33664,12 +33810,12 @@ function create_each_block$1(ctx) {
33664
33810
  p(ctx, dirty) {
33665
33811
  const callbackmapper_changes = {};
33666
33812
 
33667
- if (dirty & /*step, metadata, $styleStore*/ 280) callbackmapper_changes.props = {
33668
- callback: /*callback*/ ctx[12],
33669
- callbackMetadata: /*metadata*/ ctx[3]?.callbacks[/*idx*/ ctx[14]],
33670
- selfSubmitFunction: /*determineSubmission*/ ctx[9],
33671
- stepMetadata: /*metadata*/ ctx[3]?.step && { .../*metadata*/ ctx[3].step },
33672
- style: /*$styleStore*/ ctx[8]
33813
+ if (dirty & /*step, metadata, $styleStore*/ 560) callbackmapper_changes.props = {
33814
+ callback: /*callback*/ ctx[13],
33815
+ callbackMetadata: /*metadata*/ ctx[4]?.callbacks[/*idx*/ ctx[15]],
33816
+ selfSubmitFunction: /*determineSubmission*/ ctx[10],
33817
+ stepMetadata: /*metadata*/ ctx[4]?.step && { .../*metadata*/ ctx[4].step },
33818
+ style: /*$styleStore*/ ctx[9]
33673
33819
  };
33674
33820
 
33675
33821
  callbackmapper.$set(callbackmapper_changes);
@@ -33689,14 +33835,14 @@ function create_each_block$1(ctx) {
33689
33835
  };
33690
33836
  }
33691
33837
 
33692
- // (74:2) {#if metadata?.step?.derived.isUserInputOptional || !metadata?.step?.derived.isStepSelfSubmittable}
33838
+ // (85:2) {#if metadata?.step?.derived.isUserInputOptional || !metadata?.step?.derived.isStepSelfSubmittable}
33693
33839
  function create_if_block$3(ctx) {
33694
33840
  let button;
33695
33841
  let current;
33696
33842
 
33697
33843
  button = new Button({
33698
33844
  props: {
33699
- busy: /*journey*/ ctx[2]?.loading,
33845
+ busy: /*journey*/ ctx[3]?.loading,
33700
33846
  style: "primary",
33701
33847
  type: "submit",
33702
33848
  width: "full",
@@ -33715,9 +33861,9 @@ function create_if_block$3(ctx) {
33715
33861
  },
33716
33862
  p(ctx, dirty) {
33717
33863
  const button_changes = {};
33718
- if (dirty & /*journey*/ 4) button_changes.busy = /*journey*/ ctx[2]?.loading;
33864
+ if (dirty & /*journey*/ 8) button_changes.busy = /*journey*/ ctx[3]?.loading;
33719
33865
 
33720
- if (dirty & /*$$scope*/ 32768) {
33866
+ if (dirty & /*$$scope*/ 65536) {
33721
33867
  button_changes.$$scope = { dirty, ctx };
33722
33868
  }
33723
33869
 
@@ -33738,7 +33884,7 @@ function create_if_block$3(ctx) {
33738
33884
  };
33739
33885
  }
33740
33886
 
33741
- // (75:4) <Button busy={journey?.loading} style="primary" type="submit" width="full">
33887
+ // (86:4) <Button busy={journey?.loading} style="primary" type="submit" width="full">
33742
33888
  function create_default_slot_1$2(ctx) {
33743
33889
  let t;
33744
33890
  let current;
@@ -33768,28 +33914,16 @@ function create_default_slot_1$2(ctx) {
33768
33914
  };
33769
33915
  }
33770
33916
 
33771
- // (40:0) <Form bind:formEl ariaDescribedBy="formFailureMessageAlert" onSubmitWhenValid={form?.submit}>
33917
+ // (49:0) <Form bind:formEl ariaDescribedBy="formFailureMessageAlert" onSubmitWhenValid={form?.submit}>
33772
33918
  function create_default_slot$3(ctx) {
33773
33919
  let t0;
33774
- let h1;
33775
33920
  let t1;
33776
33921
  let t2;
33777
- let p;
33778
- let t3;
33779
- let t4;
33780
- let t5;
33781
- let t6;
33782
33922
  let if_block2_anchor;
33783
33923
  let current;
33784
- let if_block0 = /*form*/ ctx[1]?.icon && create_if_block_2$2();
33785
- t1 = new Locale_strings({ props: { key: "registerHeader" } });
33786
-
33787
- t3 = new Locale_strings({
33788
- props: { key: "alreadyHaveAnAccount", html: true }
33789
- });
33790
-
33791
- let if_block1 = /*form*/ ctx[1].message && create_if_block_1$2(ctx);
33792
- let each_value = /*step*/ ctx[4]?.callbacks;
33924
+ let if_block0 = /*componentStyle*/ ctx[1] !== 'inline' && create_if_block_2$2(ctx);
33925
+ let if_block1 = /*form*/ ctx[2].message && create_if_block_1$2(ctx);
33926
+ let each_value = /*step*/ ctx[5]?.callbacks;
33793
33927
  let each_blocks = [];
33794
33928
 
33795
33929
  for (let i = 0; i < each_value.length; i += 1) {
@@ -33800,61 +33934,48 @@ function create_default_slot$3(ctx) {
33800
33934
  each_blocks[i] = null;
33801
33935
  });
33802
33936
 
33803
- let if_block2 = (/*metadata*/ ctx[3]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[3]?.step?.derived.isStepSelfSubmittable) && create_if_block$3(ctx);
33937
+ let if_block2 = (/*metadata*/ ctx[4]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[4]?.step?.derived.isStepSelfSubmittable) && create_if_block$3(ctx);
33804
33938
 
33805
33939
  return {
33806
33940
  c() {
33807
33941
  if (if_block0) if_block0.c();
33808
33942
  t0 = space();
33809
- h1 = element("h1");
33810
- create_component(t1.$$.fragment);
33811
- t2 = space();
33812
- p = element("p");
33813
- create_component(t3.$$.fragment);
33814
- t4 = space();
33815
33943
  if (if_block1) if_block1.c();
33816
- t5 = space();
33944
+ t1 = space();
33817
33945
 
33818
33946
  for (let i = 0; i < each_blocks.length; i += 1) {
33819
33947
  each_blocks[i].c();
33820
33948
  }
33821
33949
 
33822
- t6 = space();
33950
+ t2 = space();
33823
33951
  if (if_block2) if_block2.c();
33824
33952
  if_block2_anchor = empty();
33825
- attr(h1, "class", "tw_primary-header dark:tw_primary-header_dark");
33826
- 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");
33827
33953
  },
33828
33954
  m(target, anchor) {
33829
33955
  if (if_block0) if_block0.m(target, anchor);
33830
33956
  insert(target, t0, anchor);
33831
- insert(target, h1, anchor);
33832
- mount_component(t1, h1, null);
33833
- insert(target, t2, anchor);
33834
- insert(target, p, anchor);
33835
- mount_component(t3, p, null);
33836
- /*p_binding*/ ctx[10](p);
33837
- insert(target, t4, anchor);
33838
33957
  if (if_block1) if_block1.m(target, anchor);
33839
- insert(target, t5, anchor);
33958
+ insert(target, t1, anchor);
33840
33959
 
33841
33960
  for (let i = 0; i < each_blocks.length; i += 1) {
33842
33961
  each_blocks[i].m(target, anchor);
33843
33962
  }
33844
33963
 
33845
- insert(target, t6, anchor);
33964
+ insert(target, t2, anchor);
33846
33965
  if (if_block2) if_block2.m(target, anchor);
33847
33966
  insert(target, if_block2_anchor, anchor);
33848
33967
  current = true;
33849
33968
  },
33850
33969
  p(ctx, dirty) {
33851
- if (/*form*/ ctx[1]?.icon) {
33970
+ if (/*componentStyle*/ ctx[1] !== 'inline') {
33852
33971
  if (if_block0) {
33853
- if (dirty & /*form*/ 2) {
33972
+ if_block0.p(ctx, dirty);
33973
+
33974
+ if (dirty & /*componentStyle*/ 2) {
33854
33975
  transition_in(if_block0, 1);
33855
33976
  }
33856
33977
  } else {
33857
- if_block0 = create_if_block_2$2();
33978
+ if_block0 = create_if_block_2$2(ctx);
33858
33979
  if_block0.c();
33859
33980
  transition_in(if_block0, 1);
33860
33981
  if_block0.m(t0.parentNode, t0);
@@ -33869,18 +33990,18 @@ function create_default_slot$3(ctx) {
33869
33990
  check_outros();
33870
33991
  }
33871
33992
 
33872
- if (/*form*/ ctx[1].message) {
33993
+ if (/*form*/ ctx[2].message) {
33873
33994
  if (if_block1) {
33874
33995
  if_block1.p(ctx, dirty);
33875
33996
 
33876
- if (dirty & /*form*/ 2) {
33997
+ if (dirty & /*form*/ 4) {
33877
33998
  transition_in(if_block1, 1);
33878
33999
  }
33879
34000
  } else {
33880
34001
  if_block1 = create_if_block_1$2(ctx);
33881
34002
  if_block1.c();
33882
34003
  transition_in(if_block1, 1);
33883
- if_block1.m(t5.parentNode, t5);
34004
+ if_block1.m(t1.parentNode, t1);
33884
34005
  }
33885
34006
  } else if (if_block1) {
33886
34007
  group_outros();
@@ -33892,8 +34013,8 @@ function create_default_slot$3(ctx) {
33892
34013
  check_outros();
33893
34014
  }
33894
34015
 
33895
- if (dirty & /*step, metadata, determineSubmission, $styleStore*/ 792) {
33896
- each_value = /*step*/ ctx[4]?.callbacks;
34016
+ if (dirty & /*step, metadata, determineSubmission, $styleStore*/ 1584) {
34017
+ each_value = /*step*/ ctx[5]?.callbacks;
33897
34018
  let i;
33898
34019
 
33899
34020
  for (i = 0; i < each_value.length; i += 1) {
@@ -33906,7 +34027,7 @@ function create_default_slot$3(ctx) {
33906
34027
  each_blocks[i] = create_each_block$1(child_ctx);
33907
34028
  each_blocks[i].c();
33908
34029
  transition_in(each_blocks[i], 1);
33909
- each_blocks[i].m(t6.parentNode, t6);
34030
+ each_blocks[i].m(t2.parentNode, t2);
33910
34031
  }
33911
34032
  }
33912
34033
 
@@ -33919,11 +34040,11 @@ function create_default_slot$3(ctx) {
33919
34040
  check_outros();
33920
34041
  }
33921
34042
 
33922
- if (/*metadata*/ ctx[3]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[3]?.step?.derived.isStepSelfSubmittable) {
34043
+ if (/*metadata*/ ctx[4]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[4]?.step?.derived.isStepSelfSubmittable) {
33923
34044
  if (if_block2) {
33924
34045
  if_block2.p(ctx, dirty);
33925
34046
 
33926
- if (dirty & /*metadata*/ 8) {
34047
+ if (dirty & /*metadata*/ 16) {
33927
34048
  transition_in(if_block2, 1);
33928
34049
  }
33929
34050
  } else {
@@ -33945,8 +34066,6 @@ function create_default_slot$3(ctx) {
33945
34066
  i(local) {
33946
34067
  if (current) return;
33947
34068
  transition_in(if_block0);
33948
- transition_in(t1.$$.fragment, local);
33949
- transition_in(t3.$$.fragment, local);
33950
34069
  transition_in(if_block1);
33951
34070
 
33952
34071
  for (let i = 0; i < each_value.length; i += 1) {
@@ -33958,8 +34077,6 @@ function create_default_slot$3(ctx) {
33958
34077
  },
33959
34078
  o(local) {
33960
34079
  transition_out(if_block0);
33961
- transition_out(t1.$$.fragment, local);
33962
- transition_out(t3.$$.fragment, local);
33963
34080
  transition_out(if_block1);
33964
34081
  each_blocks = each_blocks.filter(Boolean);
33965
34082
 
@@ -33973,17 +34090,10 @@ function create_default_slot$3(ctx) {
33973
34090
  d(detaching) {
33974
34091
  if (if_block0) if_block0.d(detaching);
33975
34092
  if (detaching) detach(t0);
33976
- if (detaching) detach(h1);
33977
- destroy_component(t1);
33978
- if (detaching) detach(t2);
33979
- if (detaching) detach(p);
33980
- destroy_component(t3);
33981
- /*p_binding*/ ctx[10](null);
33982
- if (detaching) detach(t4);
33983
34093
  if (if_block1) if_block1.d(detaching);
33984
- if (detaching) detach(t5);
34094
+ if (detaching) detach(t1);
33985
34095
  destroy_each(each_blocks, detaching);
33986
- if (detaching) detach(t6);
34096
+ if (detaching) detach(t2);
33987
34097
  if (if_block2) if_block2.d(detaching);
33988
34098
  if (detaching) detach(if_block2_anchor);
33989
34099
  }
@@ -33996,12 +34106,12 @@ function create_fragment$3(ctx) {
33996
34106
  let current;
33997
34107
 
33998
34108
  function form_1_formEl_binding(value) {
33999
- /*form_1_formEl_binding*/ ctx[11](value);
34109
+ /*form_1_formEl_binding*/ ctx[12](value);
34000
34110
  }
34001
34111
 
34002
34112
  let form_1_props = {
34003
34113
  ariaDescribedBy: "formFailureMessageAlert",
34004
- onSubmitWhenValid: /*form*/ ctx[1]?.submit,
34114
+ onSubmitWhenValid: /*form*/ ctx[2]?.submit,
34005
34115
  $$slots: { default: [create_default_slot$3] },
34006
34116
  $$scope: { ctx }
34007
34117
  };
@@ -34023,9 +34133,9 @@ function create_fragment$3(ctx) {
34023
34133
  },
34024
34134
  p(ctx, [dirty]) {
34025
34135
  const form_1_changes = {};
34026
- if (dirty & /*form*/ 2) form_1_changes.onSubmitWhenValid = /*form*/ ctx[1]?.submit;
34136
+ if (dirty & /*form*/ 4) form_1_changes.onSubmitWhenValid = /*form*/ ctx[2]?.submit;
34027
34137
 
34028
- if (dirty & /*$$scope, journey, metadata, step, $styleStore, alertNeedsFocus, formMessageKey, form, linkWrapper*/ 33278) {
34138
+ if (dirty & /*$$scope, journey, metadata, step, $styleStore, alertNeedsFocus, formMessageKey, form, linkWrapper, componentStyle*/ 66558) {
34029
34139
  form_1_changes.$$scope = { dirty, ctx };
34030
34140
  }
34031
34141
 
@@ -34054,7 +34164,8 @@ function create_fragment$3(ctx) {
34054
34164
 
34055
34165
  function instance$3($$self, $$props, $$invalidate) {
34056
34166
  let $styleStore;
34057
- component_subscribe($$self, styleStore, $$value => $$invalidate(8, $styleStore = $$value));
34167
+ component_subscribe($$self, styleStore, $$value => $$invalidate(9, $styleStore = $$value));
34168
+ let { componentStyle } = $$props;
34058
34169
  let { form } = $$props;
34059
34170
  let { formEl = null } = $$props;
34060
34171
  let { journey } = $$props;
@@ -34074,15 +34185,25 @@ function instance$3($$self, $$props, $$invalidate) {
34074
34185
  }
34075
34186
 
34076
34187
  afterUpdate(() => {
34077
- $$invalidate(5, alertNeedsFocus = !!form?.message);
34188
+ $$invalidate(6, alertNeedsFocus = !!form?.message);
34078
34189
  });
34079
34190
 
34080
- onMount(() => captureLinks(linkWrapper, journey));
34191
+ onMount(() => {
34192
+ if (componentStyle === 'modal') {
34193
+ captureLinks(linkWrapper, journey);
34194
+ }
34195
+ });
34196
+
34197
+ onMount(() => {
34198
+ if (componentStyle === 'modal') {
34199
+ captureLinks(linkWrapper, journey);
34200
+ }
34201
+ });
34081
34202
 
34082
34203
  function p_binding($$value) {
34083
34204
  binding_callbacks[$$value ? 'unshift' : 'push'](() => {
34084
34205
  linkWrapper = $$value;
34085
- $$invalidate(7, linkWrapper);
34206
+ $$invalidate(8, linkWrapper);
34086
34207
  });
34087
34208
  }
34088
34209
 
@@ -34092,23 +34213,25 @@ function instance$3($$self, $$props, $$invalidate) {
34092
34213
  }
34093
34214
 
34094
34215
  $$self.$$set = $$props => {
34095
- if ('form' in $$props) $$invalidate(1, form = $$props.form);
34216
+ if ('componentStyle' in $$props) $$invalidate(1, componentStyle = $$props.componentStyle);
34217
+ if ('form' in $$props) $$invalidate(2, form = $$props.form);
34096
34218
  if ('formEl' in $$props) $$invalidate(0, formEl = $$props.formEl);
34097
- if ('journey' in $$props) $$invalidate(2, journey = $$props.journey);
34098
- if ('metadata' in $$props) $$invalidate(3, metadata = $$props.metadata);
34099
- if ('step' in $$props) $$invalidate(4, step = $$props.step);
34219
+ if ('journey' in $$props) $$invalidate(3, journey = $$props.journey);
34220
+ if ('metadata' in $$props) $$invalidate(4, metadata = $$props.metadata);
34221
+ if ('step' in $$props) $$invalidate(5, step = $$props.step);
34100
34222
  };
34101
34223
 
34102
34224
  $$self.$$.update = () => {
34103
- if ($$self.$$.dirty & /*form*/ 2) {
34225
+ if ($$self.$$.dirty & /*form*/ 4) {
34104
34226
  {
34105
- $$invalidate(6, formMessageKey = convertStringToKey(form?.message));
34227
+ $$invalidate(7, formMessageKey = convertStringToKey(form?.message));
34106
34228
  }
34107
34229
  }
34108
34230
  };
34109
34231
 
34110
34232
  return [
34111
34233
  formEl,
34234
+ componentStyle,
34112
34235
  form,
34113
34236
  journey,
34114
34237
  metadata,
@@ -34128,11 +34251,12 @@ class Registration extends SvelteComponent {
34128
34251
  super();
34129
34252
 
34130
34253
  init(this, options, instance$3, create_fragment$3, safe_not_equal, {
34131
- form: 1,
34254
+ componentStyle: 1,
34255
+ form: 2,
34132
34256
  formEl: 0,
34133
- journey: 2,
34134
- metadata: 3,
34135
- step: 4
34257
+ journey: 3,
34258
+ metadata: 4,
34259
+ step: 5
34136
34260
  });
34137
34261
  }
34138
34262
  }
@@ -34141,13 +34265,79 @@ class Registration extends SvelteComponent {
34141
34265
 
34142
34266
  function get_each_context(ctx, list, i) {
34143
34267
  const child_ctx = ctx.slice();
34144
- child_ctx[14] = list[i];
34145
- child_ctx[16] = i;
34268
+ child_ctx[15] = list[i];
34269
+ child_ctx[17] = i;
34146
34270
  return child_ctx;
34147
34271
  }
34148
34272
 
34149
- // (41:2) {#if form?.icon}
34150
- function create_if_block_2$1(ctx) {
34273
+ // (45:2) {#if componentStyle !== 'inline'}
34274
+ function create_if_block_3$1(ctx) {
34275
+ let t0;
34276
+ let h1;
34277
+ let t1;
34278
+ let current;
34279
+ let if_block = /*form*/ ctx[2]?.icon && create_if_block_4();
34280
+ t1 = new Locale_strings({ props: { key: "loginHeader" } });
34281
+
34282
+ return {
34283
+ c() {
34284
+ if (if_block) if_block.c();
34285
+ t0 = space();
34286
+ h1 = element("h1");
34287
+ create_component(t1.$$.fragment);
34288
+ attr(h1, "class", "tw_primary-header dark:tw_primary-header_dark");
34289
+ },
34290
+ m(target, anchor) {
34291
+ if (if_block) if_block.m(target, anchor);
34292
+ insert(target, t0, anchor);
34293
+ insert(target, h1, anchor);
34294
+ mount_component(t1, h1, null);
34295
+ current = true;
34296
+ },
34297
+ p(ctx, dirty) {
34298
+ if (/*form*/ ctx[2]?.icon) {
34299
+ if (if_block) {
34300
+ if (dirty & /*form*/ 4) {
34301
+ transition_in(if_block, 1);
34302
+ }
34303
+ } else {
34304
+ if_block = create_if_block_4();
34305
+ if_block.c();
34306
+ transition_in(if_block, 1);
34307
+ if_block.m(t0.parentNode, t0);
34308
+ }
34309
+ } else if (if_block) {
34310
+ group_outros();
34311
+
34312
+ transition_out(if_block, 1, 1, () => {
34313
+ if_block = null;
34314
+ });
34315
+
34316
+ check_outros();
34317
+ }
34318
+ },
34319
+ i(local) {
34320
+ if (current) return;
34321
+ transition_in(if_block);
34322
+ transition_in(t1.$$.fragment, local);
34323
+ current = true;
34324
+ },
34325
+ o(local) {
34326
+ transition_out(if_block);
34327
+ transition_out(t1.$$.fragment, local);
34328
+ current = false;
34329
+ },
34330
+ d(detaching) {
34331
+ if (if_block) if_block.d(detaching);
34332
+ if (detaching) detach(t0);
34333
+ if (detaching) detach(h1);
34334
+ destroy_component(t1);
34335
+ }
34336
+ };
34337
+ }
34338
+
34339
+ // (46:4) {#if form?.icon}
34340
+ function create_if_block_4(ctx) {
34151
34341
  let div;
34152
34342
  let keyicon;
34153
34343
  let current;
@@ -34186,15 +34376,15 @@ function create_if_block_2$1(ctx) {
34186
34376
  };
34187
34377
  }
34188
34378
 
34189
- // (50:2) {#if form?.message}
34190
- function create_if_block_1$1(ctx) {
34379
+ // (56:2) {#if form?.message}
34380
+ function create_if_block_2$1(ctx) {
34191
34381
  let alert;
34192
34382
  let current;
34193
34383
 
34194
34384
  alert = new Alert({
34195
34385
  props: {
34196
34386
  id: "formFailureMessageAlert",
34197
- needsFocus: /*alertNeedsFocus*/ ctx[5],
34387
+ needsFocus: /*alertNeedsFocus*/ ctx[6],
34198
34388
  type: "error",
34199
34389
  $$slots: { default: [create_default_slot_2] },
34200
34390
  $$scope: { ctx }
@@ -34211,9 +34401,9 @@ function create_if_block_1$1(ctx) {
34211
34401
  },
34212
34402
  p(ctx, dirty) {
34213
34403
  const alert_changes = {};
34214
- if (dirty & /*alertNeedsFocus*/ 32) alert_changes.needsFocus = /*alertNeedsFocus*/ ctx[5];
34404
+ if (dirty & /*alertNeedsFocus*/ 64) alert_changes.needsFocus = /*alertNeedsFocus*/ ctx[6];
34215
34405
 
34216
- if (dirty & /*$$scope, formMessageKey, form*/ 131138) {
34406
+ if (dirty & /*$$scope, formMessageKey, form*/ 262276) {
34217
34407
  alert_changes.$$scope = { dirty, ctx };
34218
34408
  }
34219
34409
 
@@ -34234,9 +34424,9 @@ function create_if_block_1$1(ctx) {
34234
34424
  };
34235
34425
  }
34236
34426
 
34237
- // (51:4) <Alert id="formFailureMessageAlert" needsFocus={alertNeedsFocus} type="error">
34427
+ // (57:4) <Alert id="formFailureMessageAlert" needsFocus={alertNeedsFocus} type="error">
34238
34428
  function create_default_slot_2(ctx) {
34239
- let t_value = interpolate(/*formMessageKey*/ ctx[6], null, /*form*/ ctx[1]?.message) + "";
34429
+ let t_value = interpolate(/*formMessageKey*/ ctx[7], null, /*form*/ ctx[2]?.message) + "";
34240
34430
  let t;
34241
34431
 
34242
34432
  return {
@@ -34247,7 +34437,7 @@ function create_default_slot_2(ctx) {
34247
34437
  insert(target, t, anchor);
34248
34438
  },
34249
34439
  p(ctx, dirty) {
34250
- if (dirty & /*formMessageKey, form*/ 66 && t_value !== (t_value = interpolate(/*formMessageKey*/ ctx[6], null, /*form*/ ctx[1]?.message) + "")) set_data(t, t_value);
34440
+ if (dirty & /*formMessageKey, form*/ 132 && t_value !== (t_value = interpolate(/*formMessageKey*/ ctx[7], null, /*form*/ ctx[2]?.message) + "")) set_data(t, t_value);
34251
34441
  },
34252
34442
  d(detaching) {
34253
34443
  if (detaching) detach(t);
@@ -34255,7 +34445,7 @@ function create_default_slot_2(ctx) {
34255
34445
  };
34256
34446
  }
34257
34447
 
34258
- // (56:2) {#each step?.callbacks as callback, idx}
34448
+ // (62:2) {#each step?.callbacks as callback, idx}
34259
34449
  function create_each_block(ctx) {
34260
34450
  let callbackmapper;
34261
34451
  let current;
@@ -34263,11 +34453,11 @@ function create_each_block(ctx) {
34263
34453
  callbackmapper = new Callback_mapper({
34264
34454
  props: {
34265
34455
  props: {
34266
- callback: /*callback*/ ctx[14],
34267
- callbackMetadata: /*metadata*/ ctx[3]?.callbacks[/*idx*/ ctx[16]],
34268
- selfSubmitFunction: /*determineSubmission*/ ctx[9],
34269
- stepMetadata: /*metadata*/ ctx[3]?.step && { .../*metadata*/ ctx[3].step },
34270
- style: /*$styleStore*/ ctx[8]
34456
+ callback: /*callback*/ ctx[15],
34457
+ callbackMetadata: /*metadata*/ ctx[4]?.callbacks[/*idx*/ ctx[17]],
34458
+ selfSubmitFunction: /*determineSubmission*/ ctx[10],
34459
+ stepMetadata: /*metadata*/ ctx[4]?.step && { .../*metadata*/ ctx[4].step },
34460
+ style: /*$styleStore*/ ctx[9]
34271
34461
  }
34272
34462
  }
34273
34463
  });
@@ -34283,12 +34473,12 @@ function create_each_block(ctx) {
34283
34473
  p(ctx, dirty) {
34284
34474
  const callbackmapper_changes = {};
34285
34475
 
34286
- if (dirty & /*step, metadata, $styleStore*/ 280) callbackmapper_changes.props = {
34287
- callback: /*callback*/ ctx[14],
34288
- callbackMetadata: /*metadata*/ ctx[3]?.callbacks[/*idx*/ ctx[16]],
34289
- selfSubmitFunction: /*determineSubmission*/ ctx[9],
34290
- stepMetadata: /*metadata*/ ctx[3]?.step && { .../*metadata*/ ctx[3].step },
34291
- style: /*$styleStore*/ ctx[8]
34476
+ if (dirty & /*step, metadata, $styleStore*/ 560) callbackmapper_changes.props = {
34477
+ callback: /*callback*/ ctx[15],
34478
+ callbackMetadata: /*metadata*/ ctx[4]?.callbacks[/*idx*/ ctx[17]],
34479
+ selfSubmitFunction: /*determineSubmission*/ ctx[10],
34480
+ stepMetadata: /*metadata*/ ctx[4]?.step && { .../*metadata*/ ctx[4].step },
34481
+ style: /*$styleStore*/ ctx[9]
34292
34482
  };
34293
34483
 
34294
34484
  callbackmapper.$set(callbackmapper_changes);
@@ -34308,14 +34498,14 @@ function create_each_block(ctx) {
34308
34498
  };
34309
34499
  }
34310
34500
 
34311
- // (68:2) {#if metadata?.step?.derived.isUserInputOptional || !metadata?.step?.derived.isStepSelfSubmittable}
34312
- function create_if_block$2(ctx) {
34501
+ // (74:2) {#if metadata?.step?.derived.isUserInputOptional || !metadata?.step?.derived.isStepSelfSubmittable}
34502
+ function create_if_block_1$1(ctx) {
34313
34503
  let button;
34314
34504
  let current;
34315
34505
 
34316
34506
  button = new Button({
34317
34507
  props: {
34318
- busy: /*journey*/ ctx[2]?.loading,
34508
+ busy: /*journey*/ ctx[3]?.loading,
34319
34509
  style: "primary",
34320
34510
  type: "submit",
34321
34511
  width: "full",
@@ -34334,9 +34524,9 @@ function create_if_block$2(ctx) {
34334
34524
  },
34335
34525
  p(ctx, dirty) {
34336
34526
  const button_changes = {};
34337
- if (dirty & /*journey*/ 4) button_changes.busy = /*journey*/ ctx[2]?.loading;
34527
+ if (dirty & /*journey*/ 8) button_changes.busy = /*journey*/ ctx[3]?.loading;
34338
34528
 
34339
- if (dirty & /*$$scope*/ 131072) {
34529
+ if (dirty & /*$$scope*/ 262144) {
34340
34530
  button_changes.$$scope = { dirty, ctx };
34341
34531
  }
34342
34532
 
@@ -34357,7 +34547,7 @@ function create_if_block$2(ctx) {
34357
34547
  };
34358
34548
  }
34359
34549
 
34360
- // (69:4) <Button busy={journey?.loading} style="primary" type="submit" width="full">
34550
+ // (75:4) <Button busy={journey?.loading} style="primary" type="submit" width="full">
34361
34551
  function create_default_slot_1$1(ctx) {
34362
34552
  let t;
34363
34553
  let current;
@@ -34387,31 +34577,99 @@ function create_default_slot_1$1(ctx) {
34387
34577
  };
34388
34578
  }
34389
34579
 
34390
- // (40:0) <Form bind:formEl ariaDescribedBy="formFailureMessageAlert" onSubmitWhenValid={form?.submit}>
34391
- function create_default_slot$2(ctx) {
34392
- let t0;
34393
- let h1;
34394
- let t1;
34395
- let t2;
34396
- let t3;
34397
- let t4;
34398
- let t5;
34580
+ // (80:2) {#if componentStyle !== 'inline'}
34581
+ function create_if_block$2(ctx) {
34399
34582
  let p0;
34400
34583
  let button0;
34401
- let t7;
34584
+ let t1;
34402
34585
  let button1;
34403
- let t9;
34586
+ let t3;
34404
34587
  let hr;
34405
- let t10;
34588
+ let t4;
34406
34589
  let p1;
34407
- let t11;
34590
+ let t5;
34408
34591
  let current;
34409
34592
  let mounted;
34410
34593
  let dispose;
34411
- let if_block0 = /*form*/ ctx[1]?.icon && create_if_block_2$1();
34412
- t1 = new Locale_strings({ props: { key: "loginHeader" } });
34413
- let if_block1 = /*form*/ ctx[1]?.message && create_if_block_1$1(ctx);
34414
- let each_value = /*step*/ ctx[4]?.callbacks;
34594
+
34595
+ t5 = new Locale_strings({
34596
+ props: { key: "dontHaveAnAccount", html: true }
34597
+ });
34598
+
34599
+ return {
34600
+ c() {
34601
+ p0 = element("p");
34602
+ button0 = element("button");
34603
+ button0.textContent = `${interpolate('forgotPassword', null, 'Forgot Password?')}`;
34604
+ t1 = text("\n  \n ");
34605
+ button1 = element("button");
34606
+ button1.textContent = `${interpolate('forgotUsername', null, 'Forgot Username?')}`;
34607
+ t3 = space();
34608
+ hr = element("hr");
34609
+ t4 = space();
34610
+ p1 = element("p");
34611
+ create_component(t5.$$.fragment);
34612
+ attr(p0, "class", "tw_my-4 tw_text-base tw_text-center tw_text-link-dark dark:tw_text-link-light");
34613
+ attr(hr, "class", "tw_border-0 tw_border-b tw_border-secondary-light dark:tw_border-secondary-dark");
34614
+ attr(p1, "class", "tw_text-base tw_text-center tw_py-4 tw_text-secondary-dark dark:tw_text-secondary-light");
34615
+ },
34616
+ m(target, anchor) {
34617
+ insert(target, p0, anchor);
34618
+ append(p0, button0);
34619
+ append(p0, t1);
34620
+ append(p0, button1);
34621
+ insert(target, t3, anchor);
34622
+ insert(target, hr, anchor);
34623
+ insert(target, t4, anchor);
34624
+ insert(target, p1, anchor);
34625
+ mount_component(t5, p1, null);
34626
+ /*p1_binding*/ ctx[13](p1);
34627
+ current = true;
34628
+
34629
+ if (!mounted) {
34630
+ dispose = [
34631
+ listen(button0, "click", prevent_default(/*click_handler*/ ctx[11])),
34632
+ listen(button1, "click", prevent_default(/*click_handler_1*/ ctx[12]))
34633
+ ];
34634
+
34635
+ mounted = true;
34636
+ }
34637
+ },
34638
+ p: noop,
34639
+ i(local) {
34640
+ if (current) return;
34641
+ transition_in(t5.$$.fragment, local);
34642
+ current = true;
34643
+ },
34644
+ o(local) {
34645
+ transition_out(t5.$$.fragment, local);
34646
+ current = false;
34647
+ },
34648
+ d(detaching) {
34649
+ if (detaching) detach(p0);
34650
+ if (detaching) detach(t3);
34651
+ if (detaching) detach(hr);
34652
+ if (detaching) detach(t4);
34653
+ if (detaching) detach(p1);
34654
+ destroy_component(t5);
34655
+ /*p1_binding*/ ctx[13](null);
34656
+ mounted = false;
34657
+ run_all(dispose);
34658
+ }
34659
+ };
34660
+ }
34661
+
34662
+ // (44:0) <Form bind:formEl ariaDescribedBy="formFailureMessageAlert" onSubmitWhenValid={form?.submit}>
34663
+ function create_default_slot$2(ctx) {
34664
+ let t0;
34665
+ let t1;
34666
+ let t2;
34667
+ let t3;
34668
+ let if_block3_anchor;
34669
+ let current;
34670
+ let if_block0 = /*componentStyle*/ ctx[1] !== 'inline' && create_if_block_3$1(ctx);
34671
+ let if_block1 = /*form*/ ctx[2]?.message && create_if_block_2$1(ctx);
34672
+ let each_value = /*step*/ ctx[5]?.callbacks;
34415
34673
  let each_blocks = [];
34416
34674
 
34417
34675
  for (let i = 0; i < each_value.length; i += 1) {
@@ -34422,90 +34680,53 @@ function create_default_slot$2(ctx) {
34422
34680
  each_blocks[i] = null;
34423
34681
  });
34424
34682
 
34425
- let if_block2 = (/*metadata*/ ctx[3]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[3]?.step?.derived.isStepSelfSubmittable) && create_if_block$2(ctx);
34426
-
34427
- t11 = new Locale_strings({
34428
- props: { key: "dontHaveAnAccount", html: true }
34429
- });
34683
+ let if_block2 = (/*metadata*/ ctx[4]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[4]?.step?.derived.isStepSelfSubmittable) && create_if_block_1$1(ctx);
34684
+ let if_block3 = /*componentStyle*/ ctx[1] !== 'inline' && create_if_block$2(ctx);
34430
34685
 
34431
34686
  return {
34432
34687
  c() {
34433
34688
  if (if_block0) if_block0.c();
34434
34689
  t0 = space();
34435
- h1 = element("h1");
34436
- create_component(t1.$$.fragment);
34437
- t2 = space();
34438
34690
  if (if_block1) if_block1.c();
34439
- t3 = space();
34691
+ t1 = space();
34440
34692
 
34441
34693
  for (let i = 0; i < each_blocks.length; i += 1) {
34442
34694
  each_blocks[i].c();
34443
34695
  }
34444
34696
 
34445
- t4 = space();
34697
+ t2 = space();
34446
34698
  if (if_block2) if_block2.c();
34447
- t5 = space();
34448
- p0 = element("p");
34449
- button0 = element("button");
34450
- button0.textContent = `${interpolate('forgotPassword', null, 'Forgot Password?')}`;
34451
- t7 = text("\n  \n ");
34452
- button1 = element("button");
34453
- button1.textContent = `${interpolate('forgotUsername', null, 'Forgot Username?')}`;
34454
- t9 = space();
34455
- hr = element("hr");
34456
- t10 = space();
34457
- p1 = element("p");
34458
- create_component(t11.$$.fragment);
34459
- attr(h1, "class", "tw_primary-header dark:tw_primary-header_dark");
34460
- attr(p0, "class", "tw_my-4 tw_text-base tw_text-center tw_text-link-dark dark:tw_text-link-light");
34461
- attr(hr, "class", "tw_border-0 tw_border-b tw_border-secondary-light dark:tw_border-secondary-dark");
34462
- attr(p1, "class", "tw_text-base tw_text-center tw_py-4 tw_text-secondary-dark dark:tw_text-secondary-light");
34699
+ t3 = space();
34700
+ if (if_block3) if_block3.c();
34701
+ if_block3_anchor = empty();
34463
34702
  },
34464
34703
  m(target, anchor) {
34465
34704
  if (if_block0) if_block0.m(target, anchor);
34466
34705
  insert(target, t0, anchor);
34467
- insert(target, h1, anchor);
34468
- mount_component(t1, h1, null);
34469
- insert(target, t2, anchor);
34470
34706
  if (if_block1) if_block1.m(target, anchor);
34471
- insert(target, t3, anchor);
34707
+ insert(target, t1, anchor);
34472
34708
 
34473
34709
  for (let i = 0; i < each_blocks.length; i += 1) {
34474
34710
  each_blocks[i].m(target, anchor);
34475
34711
  }
34476
34712
 
34477
- insert(target, t4, anchor);
34713
+ insert(target, t2, anchor);
34478
34714
  if (if_block2) if_block2.m(target, anchor);
34479
- insert(target, t5, anchor);
34480
- insert(target, p0, anchor);
34481
- append(p0, button0);
34482
- append(p0, t7);
34483
- append(p0, button1);
34484
- insert(target, t9, anchor);
34485
- insert(target, hr, anchor);
34486
- insert(target, t10, anchor);
34487
- insert(target, p1, anchor);
34488
- mount_component(t11, p1, null);
34489
- /*p1_binding*/ ctx[12](p1);
34715
+ insert(target, t3, anchor);
34716
+ if (if_block3) if_block3.m(target, anchor);
34717
+ insert(target, if_block3_anchor, anchor);
34490
34718
  current = true;
34491
-
34492
- if (!mounted) {
34493
- dispose = [
34494
- listen(button0, "click", prevent_default(/*click_handler*/ ctx[10])),
34495
- listen(button1, "click", prevent_default(/*click_handler_1*/ ctx[11]))
34496
- ];
34497
-
34498
- mounted = true;
34499
- }
34500
34719
  },
34501
34720
  p(ctx, dirty) {
34502
- if (/*form*/ ctx[1]?.icon) {
34721
+ if (/*componentStyle*/ ctx[1] !== 'inline') {
34503
34722
  if (if_block0) {
34504
- if (dirty & /*form*/ 2) {
34723
+ if_block0.p(ctx, dirty);
34724
+
34725
+ if (dirty & /*componentStyle*/ 2) {
34505
34726
  transition_in(if_block0, 1);
34506
34727
  }
34507
34728
  } else {
34508
- if_block0 = create_if_block_2$1();
34729
+ if_block0 = create_if_block_3$1(ctx);
34509
34730
  if_block0.c();
34510
34731
  transition_in(if_block0, 1);
34511
34732
  if_block0.m(t0.parentNode, t0);
@@ -34520,18 +34741,18 @@ function create_default_slot$2(ctx) {
34520
34741
  check_outros();
34521
34742
  }
34522
34743
 
34523
- if (/*form*/ ctx[1]?.message) {
34744
+ if (/*form*/ ctx[2]?.message) {
34524
34745
  if (if_block1) {
34525
34746
  if_block1.p(ctx, dirty);
34526
34747
 
34527
- if (dirty & /*form*/ 2) {
34748
+ if (dirty & /*form*/ 4) {
34528
34749
  transition_in(if_block1, 1);
34529
34750
  }
34530
34751
  } else {
34531
- if_block1 = create_if_block_1$1(ctx);
34752
+ if_block1 = create_if_block_2$1(ctx);
34532
34753
  if_block1.c();
34533
34754
  transition_in(if_block1, 1);
34534
- if_block1.m(t3.parentNode, t3);
34755
+ if_block1.m(t1.parentNode, t1);
34535
34756
  }
34536
34757
  } else if (if_block1) {
34537
34758
  group_outros();
@@ -34543,8 +34764,8 @@ function create_default_slot$2(ctx) {
34543
34764
  check_outros();
34544
34765
  }
34545
34766
 
34546
- if (dirty & /*step, metadata, determineSubmission, $styleStore*/ 792) {
34547
- each_value = /*step*/ ctx[4]?.callbacks;
34767
+ if (dirty & /*step, metadata, determineSubmission, $styleStore*/ 1584) {
34768
+ each_value = /*step*/ ctx[5]?.callbacks;
34548
34769
  let i;
34549
34770
 
34550
34771
  for (i = 0; i < each_value.length; i += 1) {
@@ -34557,7 +34778,7 @@ function create_default_slot$2(ctx) {
34557
34778
  each_blocks[i] = create_each_block(child_ctx);
34558
34779
  each_blocks[i].c();
34559
34780
  transition_in(each_blocks[i], 1);
34560
- each_blocks[i].m(t4.parentNode, t4);
34781
+ each_blocks[i].m(t2.parentNode, t2);
34561
34782
  }
34562
34783
  }
34563
34784
 
@@ -34570,18 +34791,18 @@ function create_default_slot$2(ctx) {
34570
34791
  check_outros();
34571
34792
  }
34572
34793
 
34573
- if (/*metadata*/ ctx[3]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[3]?.step?.derived.isStepSelfSubmittable) {
34794
+ if (/*metadata*/ ctx[4]?.step?.derived.isUserInputOptional || !/*metadata*/ ctx[4]?.step?.derived.isStepSelfSubmittable) {
34574
34795
  if (if_block2) {
34575
34796
  if_block2.p(ctx, dirty);
34576
34797
 
34577
- if (dirty & /*metadata*/ 8) {
34798
+ if (dirty & /*metadata*/ 16) {
34578
34799
  transition_in(if_block2, 1);
34579
34800
  }
34580
34801
  } else {
34581
- if_block2 = create_if_block$2(ctx);
34802
+ if_block2 = create_if_block_1$1(ctx);
34582
34803
  if_block2.c();
34583
34804
  transition_in(if_block2, 1);
34584
- if_block2.m(t5.parentNode, t5);
34805
+ if_block2.m(t3.parentNode, t3);
34585
34806
  }
34586
34807
  } else if (if_block2) {
34587
34808
  group_outros();
@@ -34592,11 +34813,33 @@ function create_default_slot$2(ctx) {
34592
34813
 
34593
34814
  check_outros();
34594
34815
  }
34816
+
34817
+ if (/*componentStyle*/ ctx[1] !== 'inline') {
34818
+ if (if_block3) {
34819
+ if_block3.p(ctx, dirty);
34820
+
34821
+ if (dirty & /*componentStyle*/ 2) {
34822
+ transition_in(if_block3, 1);
34823
+ }
34824
+ } else {
34825
+ if_block3 = create_if_block$2(ctx);
34826
+ if_block3.c();
34827
+ transition_in(if_block3, 1);
34828
+ if_block3.m(if_block3_anchor.parentNode, if_block3_anchor);
34829
+ }
34830
+ } else if (if_block3) {
34831
+ group_outros();
34832
+
34833
+ transition_out(if_block3, 1, 1, () => {
34834
+ if_block3 = null;
34835
+ });
34836
+
34837
+ check_outros();
34838
+ }
34595
34839
  },
34596
34840
  i(local) {
34597
34841
  if (current) return;
34598
34842
  transition_in(if_block0);
34599
- transition_in(t1.$$.fragment, local);
34600
34843
  transition_in(if_block1);
34601
34844
 
34602
34845
  for (let i = 0; i < each_value.length; i += 1) {
@@ -34604,12 +34847,11 @@ function create_default_slot$2(ctx) {
34604
34847
  }
34605
34848
 
34606
34849
  transition_in(if_block2);
34607
- transition_in(t11.$$.fragment, local);
34850
+ transition_in(if_block3);
34608
34851
  current = true;
34609
34852
  },
34610
34853
  o(local) {
34611
34854
  transition_out(if_block0);
34612
- transition_out(t1.$$.fragment, local);
34613
34855
  transition_out(if_block1);
34614
34856
  each_blocks = each_blocks.filter(Boolean);
34615
34857
 
@@ -34618,30 +34860,20 @@ function create_default_slot$2(ctx) {
34618
34860
  }
34619
34861
 
34620
34862
  transition_out(if_block2);
34621
- transition_out(t11.$$.fragment, local);
34863
+ transition_out(if_block3);
34622
34864
  current = false;
34623
34865
  },
34624
34866
  d(detaching) {
34625
34867
  if (if_block0) if_block0.d(detaching);
34626
34868
  if (detaching) detach(t0);
34627
- if (detaching) detach(h1);
34628
- destroy_component(t1);
34629
- if (detaching) detach(t2);
34630
34869
  if (if_block1) if_block1.d(detaching);
34631
- if (detaching) detach(t3);
34870
+ if (detaching) detach(t1);
34632
34871
  destroy_each(each_blocks, detaching);
34633
- if (detaching) detach(t4);
34872
+ if (detaching) detach(t2);
34634
34873
  if (if_block2) if_block2.d(detaching);
34635
- if (detaching) detach(t5);
34636
- if (detaching) detach(p0);
34637
- if (detaching) detach(t9);
34638
- if (detaching) detach(hr);
34639
- if (detaching) detach(t10);
34640
- if (detaching) detach(p1);
34641
- destroy_component(t11);
34642
- /*p1_binding*/ ctx[12](null);
34643
- mounted = false;
34644
- run_all(dispose);
34874
+ if (detaching) detach(t3);
34875
+ if (if_block3) if_block3.d(detaching);
34876
+ if (detaching) detach(if_block3_anchor);
34645
34877
  }
34646
34878
  };
34647
34879
  }
@@ -34652,12 +34884,12 @@ function create_fragment$2(ctx) {
34652
34884
  let current;
34653
34885
 
34654
34886
  function form_1_formEl_binding(value) {
34655
- /*form_1_formEl_binding*/ ctx[13](value);
34887
+ /*form_1_formEl_binding*/ ctx[14](value);
34656
34888
  }
34657
34889
 
34658
34890
  let form_1_props = {
34659
34891
  ariaDescribedBy: "formFailureMessageAlert",
34660
- onSubmitWhenValid: /*form*/ ctx[1]?.submit,
34892
+ onSubmitWhenValid: /*form*/ ctx[2]?.submit,
34661
34893
  $$slots: { default: [create_default_slot$2] },
34662
34894
  $$scope: { ctx }
34663
34895
  };
@@ -34679,9 +34911,9 @@ function create_fragment$2(ctx) {
34679
34911
  },
34680
34912
  p(ctx, [dirty]) {
34681
34913
  const form_1_changes = {};
34682
- if (dirty & /*form*/ 2) form_1_changes.onSubmitWhenValid = /*form*/ ctx[1]?.submit;
34914
+ if (dirty & /*form*/ 4) form_1_changes.onSubmitWhenValid = /*form*/ ctx[2]?.submit;
34683
34915
 
34684
- if (dirty & /*$$scope, linkWrapper, journey, metadata, step, $styleStore, alertNeedsFocus, formMessageKey, form*/ 131582) {
34916
+ if (dirty & /*$$scope, linkWrapper, journey, componentStyle, metadata, step, $styleStore, alertNeedsFocus, formMessageKey, form*/ 263166) {
34685
34917
  form_1_changes.$$scope = { dirty, ctx };
34686
34918
  }
34687
34919
 
@@ -34710,7 +34942,8 @@ function create_fragment$2(ctx) {
34710
34942
 
34711
34943
  function instance$2($$self, $$props, $$invalidate) {
34712
34944
  let $styleStore;
34713
- component_subscribe($$self, styleStore, $$value => $$invalidate(8, $styleStore = $$value));
34945
+ component_subscribe($$self, styleStore, $$value => $$invalidate(9, $styleStore = $$value));
34946
+ let { componentStyle } = $$props;
34714
34947
  let { form } = $$props;
34715
34948
  let { formEl = null } = $$props;
34716
34949
  let { journey } = $$props;
@@ -34730,10 +34963,14 @@ function instance$2($$self, $$props, $$invalidate) {
34730
34963
  }
34731
34964
 
34732
34965
  afterUpdate(() => {
34733
- $$invalidate(5, alertNeedsFocus = !!form?.message);
34966
+ $$invalidate(6, alertNeedsFocus = !!form?.message);
34734
34967
  });
34735
34968
 
34736
- onMount(() => captureLinks(linkWrapper, journey));
34969
+ onMount(() => {
34970
+ if (componentStyle === 'modal') {
34971
+ captureLinks(linkWrapper, journey);
34972
+ }
34973
+ });
34737
34974
 
34738
34975
  const click_handler = () => {
34739
34976
  journey.push({ tree: 'ResetPassword' });
@@ -34746,7 +34983,7 @@ function instance$2($$self, $$props, $$invalidate) {
34746
34983
  function p1_binding($$value) {
34747
34984
  binding_callbacks[$$value ? 'unshift' : 'push'](() => {
34748
34985
  linkWrapper = $$value;
34749
- $$invalidate(7, linkWrapper);
34986
+ $$invalidate(8, linkWrapper);
34750
34987
  });
34751
34988
  }
34752
34989
 
@@ -34756,23 +34993,25 @@ function instance$2($$self, $$props, $$invalidate) {
34756
34993
  }
34757
34994
 
34758
34995
  $$self.$$set = $$props => {
34759
- if ('form' in $$props) $$invalidate(1, form = $$props.form);
34996
+ if ('componentStyle' in $$props) $$invalidate(1, componentStyle = $$props.componentStyle);
34997
+ if ('form' in $$props) $$invalidate(2, form = $$props.form);
34760
34998
  if ('formEl' in $$props) $$invalidate(0, formEl = $$props.formEl);
34761
- if ('journey' in $$props) $$invalidate(2, journey = $$props.journey);
34762
- if ('metadata' in $$props) $$invalidate(3, metadata = $$props.metadata);
34763
- if ('step' in $$props) $$invalidate(4, step = $$props.step);
34999
+ if ('journey' in $$props) $$invalidate(3, journey = $$props.journey);
35000
+ if ('metadata' in $$props) $$invalidate(4, metadata = $$props.metadata);
35001
+ if ('step' in $$props) $$invalidate(5, step = $$props.step);
34764
35002
  };
34765
35003
 
34766
35004
  $$self.$$.update = () => {
34767
- if ($$self.$$.dirty & /*form*/ 2) {
35005
+ if ($$self.$$.dirty & /*form*/ 4) {
34768
35006
  {
34769
- $$invalidate(6, formMessageKey = convertStringToKey(form?.message));
35007
+ $$invalidate(7, formMessageKey = convertStringToKey(form?.message));
34770
35008
  }
34771
35009
  }
34772
35010
  };
34773
35011
 
34774
35012
  return [
34775
35013
  formEl,
35014
+ componentStyle,
34776
35015
  form,
34777
35016
  journey,
34778
35017
  metadata,
@@ -34794,11 +35033,12 @@ class Login extends SvelteComponent {
34794
35033
  super();
34795
35034
 
34796
35035
  init(this, options, instance$2, create_fragment$2, safe_not_equal, {
34797
- form: 1,
35036
+ componentStyle: 1,
35037
+ form: 2,
34798
35038
  formEl: 0,
34799
- journey: 2,
34800
- metadata: 3,
34801
- step: 4
35039
+ journey: 3,
35040
+ metadata: 4,
35041
+ step: 5
34802
35042
  });
34803
35043
  }
34804
35044
  }
@@ -34837,7 +35077,7 @@ function create_else_block$1(ctx) {
34837
35077
  alert = new Alert({
34838
35078
  props: {
34839
35079
  id: "unrecoverableStepError",
34840
- needsFocus: /*alertNeedsFocus*/ ctx[3],
35080
+ needsFocus: /*alertNeedsFocus*/ ctx[4],
34841
35081
  type: "error",
34842
35082
  $$slots: { default: [create_default_slot_1] },
34843
35083
  $$scope: { ctx }
@@ -34847,7 +35087,7 @@ function create_else_block$1(ctx) {
34847
35087
  button = new Button({
34848
35088
  props: {
34849
35089
  style: "secondary",
34850
- onClick: /*tryAgain*/ ctx[6],
35090
+ onClick: /*tryAgain*/ ctx[7],
34851
35091
  $$slots: { default: [create_default_slot$1] },
34852
35092
  $$scope: { ctx }
34853
35093
  }
@@ -34867,16 +35107,16 @@ function create_else_block$1(ctx) {
34867
35107
  },
34868
35108
  p(ctx, dirty) {
34869
35109
  const alert_changes = {};
34870
- if (dirty & /*alertNeedsFocus*/ 8) alert_changes.needsFocus = /*alertNeedsFocus*/ ctx[3];
35110
+ if (dirty & /*alertNeedsFocus*/ 16) alert_changes.needsFocus = /*alertNeedsFocus*/ ctx[4];
34871
35111
 
34872
- if (dirty & /*$$scope*/ 256) {
35112
+ if (dirty & /*$$scope*/ 512) {
34873
35113
  alert_changes.$$scope = { dirty, ctx };
34874
35114
  }
34875
35115
 
34876
35116
  alert.$set(alert_changes);
34877
35117
  const button_changes = {};
34878
35118
 
34879
- if (dirty & /*$$scope*/ 256) {
35119
+ if (dirty & /*$$scope*/ 512) {
34880
35120
  button_changes.$$scope = { dirty, ctx };
34881
35121
  }
34882
35122
 
@@ -34901,7 +35141,7 @@ function create_else_block$1(ctx) {
34901
35141
  };
34902
35142
  }
34903
35143
 
34904
- // (51:36)
35144
+ // (53:36)
34905
35145
  function create_if_block_3(ctx) {
34906
35146
  let div;
34907
35147
  let spinner;
@@ -34942,7 +35182,7 @@ function create_if_block_3(ctx) {
34942
35182
  };
34943
35183
  }
34944
35184
 
34945
- // (26:0) {#if !$journeyStore?.completed}
35185
+ // (27:0) {#if !$journeyStore?.completed}
34946
35186
  function create_if_block$1(ctx) {
34947
35187
  let current_block_type_index;
34948
35188
  let if_block;
@@ -34952,8 +35192,8 @@ function create_if_block$1(ctx) {
34952
35192
  const if_blocks = [];
34953
35193
 
34954
35194
  function select_block_type_1(ctx, dirty) {
34955
- if (!/*$journeyStore*/ ctx[4].step) return 0;
34956
- if (/*$journeyStore*/ ctx[4].step.type === StepType$1.Step) return 1;
35195
+ if (!/*$journeyStore*/ ctx[5].step) return 0;
35196
+ if (/*$journeyStore*/ ctx[5].step.type === StepType$1.Step) return 1;
34957
35197
  return -1;
34958
35198
  }
34959
35199
 
@@ -35029,7 +35269,7 @@ function create_if_block$1(ctx) {
35029
35269
  };
35030
35270
  }
35031
35271
 
35032
- // (56:2) <Alert id="unrecoverableStepError" needsFocus={alertNeedsFocus} type="error">
35272
+ // (58:2) <Alert id="unrecoverableStepError" needsFocus={alertNeedsFocus} type="error">
35033
35273
  function create_default_slot_1(ctx) {
35034
35274
  let t;
35035
35275
  let current;
@@ -35062,7 +35302,7 @@ function create_default_slot_1(ctx) {
35062
35302
  };
35063
35303
  }
35064
35304
 
35065
- // (59:2) <Button style="secondary" onClick={tryAgain}>
35305
+ // (61:2) <Button style="secondary" onClick={tryAgain}>
35066
35306
  function create_default_slot$1(ctx) {
35067
35307
  let t;
35068
35308
  let current;
@@ -35092,7 +35332,7 @@ function create_default_slot$1(ctx) {
35092
35332
  };
35093
35333
  }
35094
35334
 
35095
- // (31:54)
35335
+ // (32:54)
35096
35336
  function create_if_block_2(ctx) {
35097
35337
  let switch_instance;
35098
35338
  let updating_formEl;
@@ -35100,27 +35340,28 @@ function create_if_block_2(ctx) {
35100
35340
  let current;
35101
35341
 
35102
35342
  function switch_instance_formEl_binding(value) {
35103
- /*switch_instance_formEl_binding*/ ctx[7](value);
35343
+ /*switch_instance_formEl_binding*/ ctx[8](value);
35104
35344
  }
35105
35345
 
35106
- var switch_value = mapStepToStage(/*$journeyStore*/ ctx[4].step);
35346
+ var switch_value = mapStepToStage(/*$journeyStore*/ ctx[5].step);
35107
35347
 
35108
35348
  function switch_props(ctx) {
35109
35349
  let switch_instance_props = {
35350
+ componentStyle: /*componentStyle*/ ctx[1],
35110
35351
  form: {
35111
- icon: /*displayIcon*/ ctx[1],
35112
- message: /*$journeyStore*/ ctx[4].error?.message || '',
35113
- status: (/*$journeyStore*/ ctx[4].error?.code) ? 'error' : 'ok',
35114
- submit: /*submitForm*/ ctx[5]
35352
+ icon: /*displayIcon*/ ctx[2],
35353
+ message: /*$journeyStore*/ ctx[5].error?.message || '',
35354
+ status: (/*$journeyStore*/ ctx[5].error?.code) ? 'error' : 'ok',
35355
+ submit: /*submitForm*/ ctx[6]
35115
35356
  },
35116
35357
  journey: {
35117
- loading: /*$journeyStore*/ ctx[4].loading,
35118
- pop: /*journeyStore*/ ctx[2].pop,
35119
- push: /*journeyStore*/ ctx[2].push,
35358
+ loading: /*$journeyStore*/ ctx[5].loading,
35359
+ pop: /*journeyStore*/ ctx[3].pop,
35360
+ push: /*journeyStore*/ ctx[3].push,
35120
35361
  stack
35121
35362
  },
35122
- metadata: /*$journeyStore*/ ctx[4].metadata,
35123
- step: /*$journeyStore*/ ctx[4].step
35363
+ metadata: /*$journeyStore*/ ctx[5].metadata,
35364
+ step: /*$journeyStore*/ ctx[5].step
35124
35365
  };
35125
35366
 
35126
35367
  if (/*formEl*/ ctx[0] !== void 0) {
@@ -35147,23 +35388,24 @@ function create_if_block_2(ctx) {
35147
35388
  },
35148
35389
  p(ctx, dirty) {
35149
35390
  const switch_instance_changes = {};
35391
+ if (dirty & /*componentStyle*/ 2) switch_instance_changes.componentStyle = /*componentStyle*/ ctx[1];
35150
35392
 
35151
- if (dirty & /*displayIcon, $journeyStore*/ 18) switch_instance_changes.form = {
35152
- icon: /*displayIcon*/ ctx[1],
35153
- message: /*$journeyStore*/ ctx[4].error?.message || '',
35154
- status: (/*$journeyStore*/ ctx[4].error?.code) ? 'error' : 'ok',
35155
- submit: /*submitForm*/ ctx[5]
35393
+ if (dirty & /*displayIcon, $journeyStore*/ 36) switch_instance_changes.form = {
35394
+ icon: /*displayIcon*/ ctx[2],
35395
+ message: /*$journeyStore*/ ctx[5].error?.message || '',
35396
+ status: (/*$journeyStore*/ ctx[5].error?.code) ? 'error' : 'ok',
35397
+ submit: /*submitForm*/ ctx[6]
35156
35398
  };
35157
35399
 
35158
- if (dirty & /*$journeyStore, journeyStore*/ 20) switch_instance_changes.journey = {
35159
- loading: /*$journeyStore*/ ctx[4].loading,
35160
- pop: /*journeyStore*/ ctx[2].pop,
35161
- push: /*journeyStore*/ ctx[2].push,
35400
+ if (dirty & /*$journeyStore, journeyStore*/ 40) switch_instance_changes.journey = {
35401
+ loading: /*$journeyStore*/ ctx[5].loading,
35402
+ pop: /*journeyStore*/ ctx[3].pop,
35403
+ push: /*journeyStore*/ ctx[3].push,
35162
35404
  stack
35163
35405
  };
35164
35406
 
35165
- if (dirty & /*$journeyStore*/ 16) switch_instance_changes.metadata = /*$journeyStore*/ ctx[4].metadata;
35166
- if (dirty & /*$journeyStore*/ 16) switch_instance_changes.step = /*$journeyStore*/ ctx[4].step;
35407
+ if (dirty & /*$journeyStore*/ 32) switch_instance_changes.metadata = /*$journeyStore*/ ctx[5].metadata;
35408
+ if (dirty & /*$journeyStore*/ 32) switch_instance_changes.step = /*$journeyStore*/ ctx[5].step;
35167
35409
 
35168
35410
  if (!updating_formEl && dirty & /*formEl*/ 1) {
35169
35411
  updating_formEl = true;
@@ -35171,7 +35413,7 @@ function create_if_block_2(ctx) {
35171
35413
  add_flush_callback(() => updating_formEl = false);
35172
35414
  }
35173
35415
 
35174
- if (switch_value !== (switch_value = mapStepToStage(/*$journeyStore*/ ctx[4].step))) {
35416
+ if (switch_value !== (switch_value = mapStepToStage(/*$journeyStore*/ ctx[5].step))) {
35175
35417
  if (switch_instance) {
35176
35418
  group_outros();
35177
35419
  const old_component = switch_instance;
@@ -35212,7 +35454,7 @@ function create_if_block_2(ctx) {
35212
35454
  };
35213
35455
  }
35214
35456
 
35215
- // (27:2) {#if !$journeyStore.step}
35457
+ // (28:2) {#if !$journeyStore.step}
35216
35458
  function create_if_block_1(ctx) {
35217
35459
  let div;
35218
35460
  let spinner;
@@ -35262,8 +35504,8 @@ function create_fragment$1(ctx) {
35262
35504
  const if_blocks = [];
35263
35505
 
35264
35506
  function select_block_type(ctx, dirty) {
35265
- if (!/*$journeyStore*/ ctx[4]?.completed) return 0;
35266
- if (/*$journeyStore*/ ctx[4]?.successful) return 1;
35507
+ if (!/*$journeyStore*/ ctx[5]?.completed) return 0;
35508
+ if (/*$journeyStore*/ ctx[5]?.successful) return 1;
35267
35509
  return 2;
35268
35510
  }
35269
35511
 
@@ -35326,9 +35568,10 @@ function create_fragment$1(ctx) {
35326
35568
  function instance$1($$self, $$props, $$invalidate) {
35327
35569
  let $journeyStore,
35328
35570
  $$unsubscribe_journeyStore = noop,
35329
- $$subscribe_journeyStore = () => ($$unsubscribe_journeyStore(), $$unsubscribe_journeyStore = subscribe(journeyStore, $$value => $$invalidate(4, $journeyStore = $$value)), journeyStore);
35571
+ $$subscribe_journeyStore = () => ($$unsubscribe_journeyStore(), $$unsubscribe_journeyStore = subscribe(journeyStore, $$value => $$invalidate(5, $journeyStore = $$value)), journeyStore);
35330
35572
 
35331
35573
  $$self.$$.on_destroy.push(() => $$unsubscribe_journeyStore());
35574
+ let { componentStyle } = $$props;
35332
35575
  let { displayIcon } = $$props;
35333
35576
  let { formEl = null } = $$props;
35334
35577
  let { journeyStore } = $$props;
@@ -35346,7 +35589,7 @@ function instance$1($$self, $$props, $$invalidate) {
35346
35589
  }
35347
35590
 
35348
35591
  afterUpdate(() => {
35349
- $$invalidate(3, alertNeedsFocus = !$journeyStore.successful);
35592
+ $$invalidate(4, alertNeedsFocus = !$journeyStore.successful);
35350
35593
  });
35351
35594
 
35352
35595
  function switch_instance_formEl_binding(value) {
@@ -35355,13 +35598,15 @@ function instance$1($$self, $$props, $$invalidate) {
35355
35598
  }
35356
35599
 
35357
35600
  $$self.$$set = $$props => {
35358
- if ('displayIcon' in $$props) $$invalidate(1, displayIcon = $$props.displayIcon);
35601
+ if ('componentStyle' in $$props) $$invalidate(1, componentStyle = $$props.componentStyle);
35602
+ if ('displayIcon' in $$props) $$invalidate(2, displayIcon = $$props.displayIcon);
35359
35603
  if ('formEl' in $$props) $$invalidate(0, formEl = $$props.formEl);
35360
- if ('journeyStore' in $$props) $$subscribe_journeyStore($$invalidate(2, journeyStore = $$props.journeyStore));
35604
+ if ('journeyStore' in $$props) $$subscribe_journeyStore($$invalidate(3, journeyStore = $$props.journeyStore));
35361
35605
  };
35362
35606
 
35363
35607
  return [
35364
35608
  formEl,
35609
+ componentStyle,
35365
35610
  displayIcon,
35366
35611
  journeyStore,
35367
35612
  alertNeedsFocus,
@@ -35377,9 +35622,10 @@ class Journey extends SvelteComponent {
35377
35622
  super();
35378
35623
 
35379
35624
  init(this, options, instance$1, create_fragment$1, safe_not_equal, {
35380
- displayIcon: 1,
35625
+ componentStyle: 1,
35626
+ displayIcon: 2,
35381
35627
  formEl: 0,
35382
- journeyStore: 2
35628
+ journeyStore: 3
35383
35629
  });
35384
35630
  }
35385
35631
  }
@@ -35397,6 +35643,7 @@ function create_else_block(ctx) {
35397
35643
  }
35398
35644
 
35399
35645
  let journey_1_props = {
35646
+ componentStyle: "inline",
35400
35647
  displayIcon: /*$styleStore*/ ctx[4]?.stage?.icon ?? true,
35401
35648
  journeyStore: /*journeyStore*/ ctx[5]
35402
35649
  };
@@ -35528,6 +35775,7 @@ function create_default_slot(ctx) {
35528
35775
  }
35529
35776
 
35530
35777
  let journey_1_props = {
35778
+ componentStyle: "modal",
35531
35779
  displayIcon: /*$styleStore*/ ctx[4]?.stage?.icon ?? !/*$styleStore*/ ctx[4]?.logo,
35532
35780
  journeyStore: /*journeyStore*/ ctx[5]
35533
35781
  };