@incodetech/web 0.0.0-dev-20260525-09ff3879 → 0.0.0-dev-20260526-ff50bd63

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 (11) hide show
  1. package/dist/base.css +0 -11
  2. package/dist/flow/flow.es.js +1 -1
  3. package/dist/flow/styles.css +19 -257
  4. package/dist/redirect-to-mobile/styles.css +19 -269
  5. package/dist/{redirectToMobile-D65mjS1b.js → redirectToMobile-DQHIQWzY.js} +10 -4
  6. package/dist/themes/dark.css +2 -0
  7. package/dist/themes/light.css +2 -0
  8. package/dist/{useModuleLoader-4Tg7qGMd.js → useModuleLoader-Dnv_d2ZP.js} +1 -1
  9. package/dist/workflow/styles.css +19 -257
  10. package/dist/workflow/workflow.es.js +2 -2
  11. package/package.json +2 -2
package/dist/base.css CHANGED
@@ -3122,7 +3122,6 @@
3122
3122
 
3123
3123
  .IncodeButton.IncodeButtonSecondary:active {
3124
3124
  border-color: var(--color-button-secondary-border-pressed, var(--button-secondary-border-pressed));
3125
- color: var(--color-button-primary-text-default, var(--button-primary-text-default));
3126
3125
  }
3127
3126
 
3128
3127
  .IncodeButton.IncodeButtonSecondary:hover {
@@ -3133,16 +3132,6 @@
3133
3132
  border-style: var(--tw-border-style);
3134
3133
  border-width: var(--border-width-bold, var(--primitive-border-width-2));
3135
3134
  border-color: var(--color-border-status-focus, var(--border-status-focus));
3136
- font-family: var(--typography-button-family);
3137
- font-size: var(--typography-button-m-underlined-size);
3138
- font-weight: var(--typography-button-m-underlined-weight);
3139
- line-height: var(--typography-button-m-underlined-line-height);
3140
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3141
- -webkit-text-decoration-skip-ink: none;
3142
- text-decoration-skip-ink: none;
3143
- text-decoration-line: underline;
3144
- text-decoration-style: solid;
3145
- text-decoration-thickness: auto;
3146
3135
  }
3147
3136
 
3148
3137
  .IncodeButton.IncodeButtonSecondary:not(.IncodeButtonLoading):disabled {
package/dist/flow/flow.es.js CHANGED
@@ -5,7 +5,7 @@ import { c as u } from "../hooks-CLjlsC2g.js";
5
5
  import { t as d } from "../incodeComponent-MZEyrb1V.js";
6
6
  import { t as f } from "../transitionSpinner-BWCiDYAb.js";
7
7
  import { t as p } from "../incodeModule-CHzKl22Y.js";
8
- import { a as m, c as h, d as g, f as _, g as v, l as y, m as b, n as x, o as S, p as C, r as w, s as T, t as E, u as D, v as O } from "../useModuleLoader-4Tg7qGMd.js";
8
+ import { a as m, c as h, d as g, f as _, g as v, l as y, m as b, n as x, o as S, p as C, r as w, s as T, t as E, u as D, v as O } from "../useModuleLoader-Dnv_d2ZP.js";
9
9
  import { getDeviceClass as k } from "@incodetech/core/device";
10
10
  import { getRequiredWasmPipelines as A } from "@incodetech/core/flow";
11
11
  import { bootstrapSession as j, refreshQrUrlUuid as M } from "@incodetech/core/session";
package/dist/flow/styles.css CHANGED
@@ -7102,7 +7102,6 @@
7102
7102
  max-width: var(--redirect-card-max-width);
7103
7103
  min-height: min(var(--redirect-card-max-width), var(--redirect-card-min-height));
7104
7104
  flex-direction: column;
7105
- justify-content: space-between;
7106
7105
  align-items: center;
7107
7106
  display: flex;
7108
7107
  overflow-x: clip;
@@ -7196,24 +7195,31 @@
7196
7195
  }
7197
7196
 
7198
7197
  .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav {
7199
- --max-width-bottom-nav: 390px;
7200
7198
  align-items: center;
7201
7199
  gap: var(--spacing-40, var(--spacing-40, 40px));
7202
7200
  width: 100%;
7203
- max-width: var(--max-width-bottom-nav);
7201
+ max-width: var(--redirect-form-column-max-width);
7204
7202
  flex-direction: column;
7205
7203
  display: flex;
7206
7204
  }
7207
7205
 
7208
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav .IncodeRedirectVerifiedBy {
7206
+ .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav .IncodeRedirectFooterContent {
7207
+ flex-direction: column;
7209
7208
  justify-content: center;
7210
7209
  align-items: center;
7211
- gap: var(--spacing-4, var(--spacing-4, 4px));
7212
- padding-top: var(--spacing-8, var(--spacing-8, 8px));
7213
- padding-bottom: var(--spacing-12, var(--spacing-12, 12px));
7210
+ width: 100%;
7214
7211
  display: flex;
7215
7212
  }
7216
7213
 
7214
+ .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav .IncodeRedirectFooterContentText {
7215
+ margin-block: var(--spacing-32, var(--spacing-32, 32px));
7216
+ font-family: var(--Button-family, "DM Sans");
7217
+ letter-spacing: 0;
7218
+ font-size: 18px;
7219
+ font-weight: 500;
7220
+ line-height: 100%;
7221
+ }
7222
+
7217
7223
  .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTabs {
7218
7224
  justify-content: center;
7219
7225
  align-items: flex-end;
@@ -7264,6 +7270,7 @@
7264
7270
  }
7265
7271
 
7266
7272
  .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectTabDescription {
7273
+ margin-top: var(--spacing-32, var(--spacing-32, 32px));
7267
7274
  text-align: center;
7268
7275
  font-family: var(--typography-headline-family);
7269
7276
  font-size: var(--typography-headline-h5-size);
@@ -7286,258 +7293,14 @@
7286
7293
  display: flex;
7287
7294
  }
7288
7295
 
7289
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInput, .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputContainer {
7290
- flex-direction: column;
7291
- align-items: center;
7292
- width: 100%;
7293
- display: flex;
7294
- }
7295
-
7296
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputRow {
7297
- --max-width-phone-input-row: 340px;
7298
- align-items: stretch;
7299
- gap: var(--spacing-8, var(--spacing-8, 8px));
7300
- width: 100%;
7301
- max-width: var(--max-width-phone-input-row);
7302
- display: flex;
7303
- position: relative;
7304
- }
7305
-
7306
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputWrapper {
7307
- border-radius: var(--radius-small, var(--border-radius-small));
7308
- border-style: var(--tw-border-style);
7309
- border-width: 1px;
7310
- border-color: var(--color-input-border-default, var(--input-border-default));
7311
- background-color: var(--color-input-surface-default, var(--input-surface-default));
7312
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
7313
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
7314
- transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
7315
- --tw-duration: .2s;
7316
- flex: 1;
7317
- align-items: center;
7318
- transition-duration: .2s;
7319
- display: flex;
7320
- }
7321
-
7322
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputWrapper:focus-within {
7323
- border-color: var(--color-input-border-focused, var(--input-border-focused));
7324
- }
7325
-
7326
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputWrapper.IncodePhoneInputWrapperError {
7327
- border-color: var(--color-input-border-negative, var(--input-border-negative));
7328
- }
7329
-
7330
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputWrapper.IncodePhoneInputWrapperDisabled {
7331
- border-color: var(--color-input-border-disabled, var(--input-border-disabled));
7332
- background-color: var(--color-input-surface-disabled, var(--input-surface-disabled));
7333
- }
7334
-
7335
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountrySelector {
7336
- --width-country-selector: 124px;
7337
- border-radius: var(--radius-small, var(--border-radius-small));
7338
- border-style: var(--tw-border-style);
7339
- border-width: 1px;
7340
- border-color: var(--color-input-border-default, var(--input-border-default));
7341
- background-color: var(--color-input-surface-default, var(--input-surface-default));
7342
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
7343
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
7344
- transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
7345
- --tw-duration: .2s;
7346
- width: var(--width-country-selector);
7347
- flex-shrink: 0;
7348
- transition-duration: .2s;
7349
- position: static;
7350
- }
7351
-
7352
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountrySelector.IncodePhoneCountrySelectorOpen {
7353
- border-color: var(--color-input-border-focused, var(--input-border-focused));
7354
- }
7355
-
7356
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountrySelector.IncodePhoneCountrySelectorDisabled {
7357
- border-color: var(--color-input-border-disabled, var(--input-border-disabled));
7358
- background-color: var(--color-input-surface-disabled, var(--input-surface-disabled));
7359
- }
7360
-
7361
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryButton {
7362
- width: 100%;
7363
- height: 100%;
7364
- padding: var(--spacing-8, var(--spacing-8, 8px));
7365
- padding-left: var(--spacing-16, var(--spacing-16, 16px));
7366
- cursor: pointer;
7367
- border-style: var(--tw-border-style);
7368
- border-width: var(--border-width-none, var(--primitive-border-width-0));
7369
- --tw-border-style: none;
7370
- font-size: var(--text-18, var(--primitive-typography-size-18));
7371
- --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
7372
- font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
7373
- color: var(--color-text-body-primary, var(--text-body-800-primary));
7374
- border-radius: var(--radius-small, var(--border-radius-small));
7375
- background-color: #0000;
7376
- border-style: none;
7377
- justify-content: center;
7378
- align-items: center;
7379
- font-family: inherit;
7380
- display: flex;
7381
- }
7382
-
7383
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryButton:disabled {
7384
- cursor: not-allowed;
7385
- color: var(--color-input-text-field-disabled, var(--input-text-field-disabled));
7386
- }
7387
-
7388
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryButton:focus {
7389
- --tw-outline-style: none;
7390
- outline-style: none;
7391
- }
7392
-
7393
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryFlag {
7394
- font-size: var(--text-24, var(--primitive-typography-size-24));
7395
- --tw-leading: 1;
7396
- line-height: 1;
7397
- }
7398
-
7399
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryCode {
7400
- margin-left: var(--spacing-4, var(--spacing-4, 4px));
7401
- font-size: var(--text-18, var(--primitive-typography-size-18));
7402
- --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
7403
- font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
7404
- white-space: nowrap;
7405
- color: var(--color-text-body-primary, var(--text-body-800-primary));
7406
- }
7407
-
7408
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryArrow {
7409
- margin-left: var(--spacing-8, var(--spacing-8, 8px));
7410
- height: var(--spacing-24, var(--spacing-24, 24px));
7411
- width: var(--spacing-24, var(--spacing-24, 24px));
7412
- color: var(--color-icon-neutral-500, var(--icon-neutral-500));
7413
- transition-property: transform, translate, scale, rotate;
7414
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
7415
- transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
7416
- --tw-duration: .2s;
7417
- transition-duration: .2s;
7418
- }
7419
-
7420
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryArrowUp {
7421
- rotate: 180deg;
7422
- }
7423
-
7424
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryButton:disabled .IncodePhoneCountryArrow {
7425
- color: var(--color-icon-neutral-300, var(--icon-neutral-300));
7426
- }
7427
-
7428
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryDropdown {
7429
- --max-height-country-dropdown: 320px;
7430
- top: 100%;
7431
- right: var(--spacing-0, var(--spacing-none, 0px));
7432
- left: var(--spacing-0, var(--spacing-none, 0px));
7433
- z-index: 50;
7434
- margin-top: var(--spacing-8, var(--spacing-8, 8px));
7435
- border-radius: var(--radius-small, var(--border-radius-small));
7436
- border-style: var(--tw-border-style);
7437
- border-width: 1px;
7438
- border-color: var(--color-input-border-default, var(--input-border-default));
7439
- background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
7440
- padding: var(--spacing-8, var(--spacing-8, 8px));
7441
- max-height: var(--max-height-country-dropdown);
7442
- position: absolute;
7443
- overflow-y: auto;
7444
- box-shadow: 0 4px 16px #0000001f;
7445
- }
7446
-
7447
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryOption {
7448
- cursor: pointer;
7449
- align-items: center;
7450
- gap: var(--spacing-12, var(--spacing-12, 12px));
7451
- border-radius: var(--radius-small, var(--border-radius-small));
7452
- width: 100%;
7453
- padding-inline: var(--spacing-12, var(--spacing-12, 12px));
7454
- padding-block: var(--spacing-12, var(--spacing-12, 12px));
7455
- font-size: var(--text-16, var(--primitive-typography-size-16));
7456
- --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
7457
- font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
7458
- color: var(--color-text-body-primary, var(--text-body-800-primary));
7459
- border-style: var(--tw-border-style);
7460
- border-width: var(--border-width-none, var(--primitive-border-width-0));
7461
- --tw-border-style: none;
7462
- text-align: left;
7463
- background-color: #0000;
7464
- border-style: none;
7465
- font-family: inherit;
7466
- display: flex;
7467
- }
7468
-
7469
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryOption:hover {
7470
- background-color: var(--color-surface-neutral-100, var(--surface-neutral-100));
7471
- }
7472
-
7473
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryOption:focus {
7474
- background-color: var(--color-surface-neutral-100, var(--surface-neutral-100));
7475
- --tw-outline-style: none;
7476
- outline-style: none;
7477
- }
7478
-
7479
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryOptionSelected, .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryOptionSelected:hover {
7480
- background-color: var(--color-surface-brand-50, var(--surface-brand-50));
7481
- }
7482
-
7483
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryOptionCode {
7484
- --min-width-country-code: 52px;
7485
- font-size: var(--text-16, var(--primitive-typography-size-16));
7486
- color: var(--color-text-body-secondary, var(--text-body-500-secondary));
7487
- min-width: var(--min-width-country-code);
7488
- }
7489
-
7490
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryOptionName {
7491
- text-overflow: ellipsis;
7492
- white-space: nowrap;
7493
- font-size: var(--text-16, var(--primitive-typography-size-16));
7494
- color: var(--color-text-body-primary, var(--text-body-800-primary));
7495
- flex: 1;
7496
- overflow: hidden;
7497
- }
7498
-
7499
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputField {
7500
- border-style: var(--tw-border-style);
7501
- border-width: var(--border-width-none, var(--primitive-border-width-0));
7502
- --tw-border-style: none;
7503
- width: 100%;
7504
- padding-inline: var(--spacing-16, var(--spacing-16, 16px));
7505
- padding-block: var(--spacing-16, var(--spacing-16, 16px));
7506
- font-size: var(--text-18, var(--primitive-typography-size-18));
7507
- --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
7508
- font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
7509
- color: var(--color-input-text-field-default, var(--input-text-field-default));
7510
- --tw-outline-style: none;
7511
- border-radius: var(--radius-small, var(--border-radius-small));
7512
- background-color: #0000;
7513
- border-style: none;
7514
- outline-style: none;
7515
- }
7516
-
7517
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputField::placeholder {
7518
- --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
7519
- font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
7520
- color: var(--color-input-text-field-placeholder, var(--input-text-field-placeholder));
7521
- }
7522
-
7523
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputField:disabled {
7524
- cursor: not-allowed;
7525
- color: var(--color-input-text-field-disabled, var(--input-text-field-disabled));
7526
- }
7527
-
7528
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputError {
7529
- margin: var(--spacing-0, var(--spacing-none, 0px));
7530
- text-align: center;
7531
- font-size: var(--text-14, var(--primitive-typography-size-14));
7532
- --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
7533
- font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
7534
- color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));
7296
+ .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputComposed {
7297
+ --phone-input-country-code-width: var(--redirect-phone-input-country-code-width);
7298
+ max-width: var(--redirect-form-column-max-width);
7535
7299
  }
7536
7300
 
7537
7301
  .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectSmsSendButton {
7538
- --max-width-sms-button: 335px;
7539
7302
  width: 100%;
7540
- max-width: var(--max-width-sms-button);
7303
+ max-width: var(--redirect-form-column-max-width);
7541
7304
  }
7542
7305
 
7543
7306
  .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectLinkSent {
@@ -7567,13 +7330,12 @@
7567
7330
  }
7568
7331
 
7569
7332
  .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectLinkSent .IncodeRedirectLinkSentActions {
7570
- --width-link-sent-actions: 335px;
7571
7333
  justify-content: center;
7572
7334
  align-items: center;
7573
7335
  gap: var(--spacing-4, var(--spacing-4, 4px));
7574
7336
  font-family: var(--Button-family, "DM Sans");
7575
7337
  letter-spacing: 0;
7576
- width: var(--width-link-sent-actions);
7338
+ width: var(--redirect-form-column-max-width);
7577
7339
  flex-wrap: wrap;
7578
7340
  font-size: 18px;
7579
7341
  font-weight: 500;
package/dist/redirect-to-mobile/styles.css CHANGED
@@ -4,9 +4,7 @@
4
4
  *, :before, :after, ::backdrop {
5
5
  --tw-border-style: solid;
6
6
  --tw-outline-style: solid;
7
- --tw-duration: initial;
8
7
  --tw-font-weight: initial;
9
- --tw-leading: initial;
10
8
  }
11
9
  }
12
10
  }
@@ -45,7 +43,6 @@
45
43
  max-width: var(--redirect-card-max-width);
46
44
  min-height: min(var(--redirect-card-max-width), var(--redirect-card-min-height));
47
45
  flex-direction: column;
48
- justify-content: space-between;
49
46
  align-items: center;
50
47
  display: flex;
51
48
  overflow-x: clip;
@@ -139,24 +136,31 @@
139
136
  }
140
137
 
141
138
  .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav {
142
- --max-width-bottom-nav: 390px;
143
139
  align-items: center;
144
140
  gap: var(--spacing-40, var(--spacing-40, 40px));
145
141
  width: 100%;
146
- max-width: var(--max-width-bottom-nav);
142
+ max-width: var(--redirect-form-column-max-width);
147
143
  flex-direction: column;
148
144
  display: flex;
149
145
  }
150
146
 
151
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav .IncodeRedirectVerifiedBy {
147
+ .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav .IncodeRedirectFooterContent {
148
+ flex-direction: column;
152
149
  justify-content: center;
153
150
  align-items: center;
154
- gap: var(--spacing-4, var(--spacing-4, 4px));
155
- padding-top: var(--spacing-8, var(--spacing-8, 8px));
156
- padding-bottom: var(--spacing-12, var(--spacing-12, 12px));
151
+ width: 100%;
157
152
  display: flex;
158
153
  }
159
154
 
155
+ .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav .IncodeRedirectFooterContentText {
156
+ margin-block: var(--spacing-32, var(--spacing-32, 32px));
157
+ font-family: var(--Button-family, "DM Sans");
158
+ letter-spacing: 0;
159
+ font-size: 18px;
160
+ font-weight: 500;
161
+ line-height: 100%;
162
+ }
163
+
160
164
  .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTabs {
161
165
  justify-content: center;
162
166
  align-items: flex-end;
@@ -207,6 +211,7 @@
207
211
  }
208
212
 
209
213
  .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectTabDescription {
214
+ margin-top: var(--spacing-32, var(--spacing-32, 32px));
210
215
  text-align: center;
211
216
  font-family: var(--typography-headline-family);
212
217
  font-size: var(--typography-headline-h5-size);
@@ -229,258 +234,14 @@
229
234
  display: flex;
230
235
  }
231
236
 
232
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInput, .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputContainer {
233
- flex-direction: column;
234
- align-items: center;
235
- width: 100%;
236
- display: flex;
237
- }
238
-
239
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputRow {
240
- --max-width-phone-input-row: 340px;
241
- align-items: stretch;
242
- gap: var(--spacing-8, var(--spacing-8, 8px));
243
- width: 100%;
244
- max-width: var(--max-width-phone-input-row);
245
- display: flex;
246
- position: relative;
247
- }
248
-
249
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputWrapper {
250
- border-radius: var(--radius-small, var(--border-radius-small));
251
- border-style: var(--tw-border-style);
252
- border-width: 1px;
253
- border-color: var(--color-input-border-default, var(--input-border-default));
254
- background-color: var(--color-input-surface-default, var(--input-surface-default));
255
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
256
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
257
- transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
258
- --tw-duration: .2s;
259
- flex: 1;
260
- align-items: center;
261
- transition-duration: .2s;
262
- display: flex;
263
- }
264
-
265
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputWrapper:focus-within {
266
- border-color: var(--color-input-border-focused, var(--input-border-focused));
267
- }
268
-
269
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputWrapper.IncodePhoneInputWrapperError {
270
- border-color: var(--color-input-border-negative, var(--input-border-negative));
271
- }
272
-
273
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputWrapper.IncodePhoneInputWrapperDisabled {
274
- border-color: var(--color-input-border-disabled, var(--input-border-disabled));
275
- background-color: var(--color-input-surface-disabled, var(--input-surface-disabled));
276
- }
277
-
278
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountrySelector {
279
- --width-country-selector: 124px;
280
- border-radius: var(--radius-small, var(--border-radius-small));
281
- border-style: var(--tw-border-style);
282
- border-width: 1px;
283
- border-color: var(--color-input-border-default, var(--input-border-default));
284
- background-color: var(--color-input-surface-default, var(--input-surface-default));
285
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
286
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
287
- transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
288
- --tw-duration: .2s;
289
- width: var(--width-country-selector);
290
- flex-shrink: 0;
291
- transition-duration: .2s;
292
- position: static;
293
- }
294
-
295
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountrySelector.IncodePhoneCountrySelectorOpen {
296
- border-color: var(--color-input-border-focused, var(--input-border-focused));
297
- }
298
-
299
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountrySelector.IncodePhoneCountrySelectorDisabled {
300
- border-color: var(--color-input-border-disabled, var(--input-border-disabled));
301
- background-color: var(--color-input-surface-disabled, var(--input-surface-disabled));
302
- }
303
-
304
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryButton {
305
- width: 100%;
306
- height: 100%;
307
- padding: var(--spacing-8, var(--spacing-8, 8px));
308
- padding-left: var(--spacing-16, var(--spacing-16, 16px));
309
- cursor: pointer;
310
- border-style: var(--tw-border-style);
311
- border-width: var(--border-width-none, var(--primitive-border-width-0));
312
- --tw-border-style: none;
313
- font-size: var(--text-18, var(--primitive-typography-size-18));
314
- --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
315
- font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
316
- color: var(--color-text-body-primary, var(--text-body-800-primary));
317
- border-radius: var(--radius-small, var(--border-radius-small));
318
- background-color: #0000;
319
- border-style: none;
320
- justify-content: center;
321
- align-items: center;
322
- font-family: inherit;
323
- display: flex;
324
- }
325
-
326
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryButton:disabled {
327
- cursor: not-allowed;
328
- color: var(--color-input-text-field-disabled, var(--input-text-field-disabled));
329
- }
330
-
331
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryButton:focus {
332
- --tw-outline-style: none;
333
- outline-style: none;
334
- }
335
-
336
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryFlag {
337
- font-size: var(--text-24, var(--primitive-typography-size-24));
338
- --tw-leading: 1;
339
- line-height: 1;
340
- }
341
-
342
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryCode {
343
- margin-left: var(--spacing-4, var(--spacing-4, 4px));
344
- font-size: var(--text-18, var(--primitive-typography-size-18));
345
- --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
346
- font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
347
- white-space: nowrap;
348
- color: var(--color-text-body-primary, var(--text-body-800-primary));
349
- }
350
-
351
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryArrow {
352
- margin-left: var(--spacing-8, var(--spacing-8, 8px));
353
- height: var(--spacing-24, var(--spacing-24, 24px));
354
- width: var(--spacing-24, var(--spacing-24, 24px));
355
- color: var(--color-icon-neutral-500, var(--icon-neutral-500));
356
- transition-property: transform, translate, scale, rotate;
357
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
358
- transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
359
- --tw-duration: .2s;
360
- transition-duration: .2s;
361
- }
362
-
363
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryArrowUp {
364
- rotate: 180deg;
365
- }
366
-
367
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryButton:disabled .IncodePhoneCountryArrow {
368
- color: var(--color-icon-neutral-300, var(--icon-neutral-300));
369
- }
370
-
371
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryDropdown {
372
- --max-height-country-dropdown: 320px;
373
- top: 100%;
374
- right: var(--spacing-0, var(--spacing-none, 0px));
375
- left: var(--spacing-0, var(--spacing-none, 0px));
376
- z-index: 50;
377
- margin-top: var(--spacing-8, var(--spacing-8, 8px));
378
- border-radius: var(--radius-small, var(--border-radius-small));
379
- border-style: var(--tw-border-style);
380
- border-width: 1px;
381
- border-color: var(--color-input-border-default, var(--input-border-default));
382
- background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
383
- padding: var(--spacing-8, var(--spacing-8, 8px));
384
- max-height: var(--max-height-country-dropdown);
385
- position: absolute;
386
- overflow-y: auto;
387
- box-shadow: 0 4px 16px #0000001f;
388
- }
389
-
390
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryOption {
391
- cursor: pointer;
392
- align-items: center;
393
- gap: var(--spacing-12, var(--spacing-12, 12px));
394
- border-radius: var(--radius-small, var(--border-radius-small));
395
- width: 100%;
396
- padding-inline: var(--spacing-12, var(--spacing-12, 12px));
397
- padding-block: var(--spacing-12, var(--spacing-12, 12px));
398
- font-size: var(--text-16, var(--primitive-typography-size-16));
399
- --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
400
- font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
401
- color: var(--color-text-body-primary, var(--text-body-800-primary));
402
- border-style: var(--tw-border-style);
403
- border-width: var(--border-width-none, var(--primitive-border-width-0));
404
- --tw-border-style: none;
405
- text-align: left;
406
- background-color: #0000;
407
- border-style: none;
408
- font-family: inherit;
409
- display: flex;
410
- }
411
-
412
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryOption:hover {
413
- background-color: var(--color-surface-neutral-100, var(--surface-neutral-100));
414
- }
415
-
416
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryOption:focus {
417
- background-color: var(--color-surface-neutral-100, var(--surface-neutral-100));
418
- --tw-outline-style: none;
419
- outline-style: none;
420
- }
421
-
422
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryOptionSelected, .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryOptionSelected:hover {
423
- background-color: var(--color-surface-brand-50, var(--surface-brand-50));
424
- }
425
-
426
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryOptionCode {
427
- --min-width-country-code: 52px;
428
- font-size: var(--text-16, var(--primitive-typography-size-16));
429
- color: var(--color-text-body-secondary, var(--text-body-500-secondary));
430
- min-width: var(--min-width-country-code);
431
- }
432
-
433
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryOptionName {
434
- text-overflow: ellipsis;
435
- white-space: nowrap;
436
- font-size: var(--text-16, var(--primitive-typography-size-16));
437
- color: var(--color-text-body-primary, var(--text-body-800-primary));
438
- flex: 1;
439
- overflow: hidden;
440
- }
441
-
442
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputField {
443
- border-style: var(--tw-border-style);
444
- border-width: var(--border-width-none, var(--primitive-border-width-0));
445
- --tw-border-style: none;
446
- width: 100%;
447
- padding-inline: var(--spacing-16, var(--spacing-16, 16px));
448
- padding-block: var(--spacing-16, var(--spacing-16, 16px));
449
- font-size: var(--text-18, var(--primitive-typography-size-18));
450
- --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
451
- font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
452
- color: var(--color-input-text-field-default, var(--input-text-field-default));
453
- --tw-outline-style: none;
454
- border-radius: var(--radius-small, var(--border-radius-small));
455
- background-color: #0000;
456
- border-style: none;
457
- outline-style: none;
458
- }
459
-
460
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputField::placeholder {
461
- --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
462
- font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
463
- color: var(--color-input-text-field-placeholder, var(--input-text-field-placeholder));
464
- }
465
-
466
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputField:disabled {
467
- cursor: not-allowed;
468
- color: var(--color-input-text-field-disabled, var(--input-text-field-disabled));
469
- }
470
-
471
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputError {
472
- margin: var(--spacing-0, var(--spacing-none, 0px));
473
- text-align: center;
474
- font-size: var(--text-14, var(--primitive-typography-size-14));
475
- --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
476
- font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
477
- color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));
237
+ .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputComposed {
238
+ --phone-input-country-code-width: var(--redirect-phone-input-country-code-width);
239
+ max-width: var(--redirect-form-column-max-width);
478
240
  }
479
241
 
480
242
  .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectSmsSendButton {
481
- --max-width-sms-button: 335px;
482
243
  width: 100%;
483
- max-width: var(--max-width-sms-button);
244
+ max-width: var(--redirect-form-column-max-width);
484
245
  }
485
246
 
486
247
  .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectLinkSent {
@@ -510,13 +271,12 @@
510
271
  }
511
272
 
512
273
  .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectLinkSent .IncodeRedirectLinkSentActions {
513
- --width-link-sent-actions: 335px;
514
274
  justify-content: center;
515
275
  align-items: center;
516
276
  gap: var(--spacing-4, var(--spacing-4, 4px));
517
277
  font-family: var(--Button-family, "DM Sans");
518
278
  letter-spacing: 0;
519
- width: var(--width-link-sent-actions);
279
+ width: var(--redirect-form-column-max-width);
520
280
  flex-wrap: wrap;
521
281
  font-size: 18px;
522
282
  font-weight: 500;
@@ -572,17 +332,7 @@
572
332
  initial-value: solid;
573
333
  }
574
334
 
575
- @property --tw-duration {
576
- syntax: "*";
577
- inherits: false
578
- }
579
-
580
335
  @property --tw-font-weight {
581
336
  syntax: "*";
582
337
  inherits: false
583
338
  }
584
-
585
- @property --tw-leading {
586
- syntax: "*";
587
- inherits: false
588
- }
package/dist/{redirectToMobile-D65mjS1b.js → redirectToMobile-DQHIQWzY.js} RENAMED
@@ -47,10 +47,16 @@ var T = ({ logoSrc: e }) => {
47
47
  let { t: r } = t();
48
48
  return /* @__PURE__ */ s("footer", {
49
49
  class: "IncodeRedirectBottomNav",
50
- children: [e ? /* @__PURE__ */ s(g, {
51
- variant: "link",
52
- onClick: n,
53
- children: r("redirect.continueOnDesktop")
50
+ children: [e ? /* @__PURE__ */ s("div", {
51
+ class: "IncodeRedirectFooterContent",
52
+ children: [/* @__PURE__ */ s("span", {
53
+ class: "IncodeRedirectFooterContentText",
54
+ children: r("idv2.permissions.or")
55
+ }), /* @__PURE__ */ s(g, {
56
+ variant: "secondary",
57
+ onClick: n,
58
+ children: r("redirect.continueOnDesktop")
59
+ })]
54
60
  }) : null, /* @__PURE__ */ s(m, {})]
55
61
  });
56
62
  }, D = ({ visible: e }) => {
package/dist/themes/dark.css CHANGED
@@ -1208,6 +1208,8 @@
1208
1208
  --redirect-options-max-width: 752px;
1209
1209
  --redirect-tabs-max-width: 676px;
1210
1210
  --redirect-tab-description-max-width: 434px;
1211
+ --redirect-form-column-max-width: 326px;
1212
+ --redirect-phone-input-country-code-width: 130px;
1211
1213
  --redirect-qr-wrapper-border-radius: 21px;
1212
1214
 
1213
1215
  /* digital ID upload */
package/dist/themes/light.css CHANGED
@@ -1208,6 +1208,8 @@
1208
1208
  --redirect-options-max-width: 752px;
1209
1209
  --redirect-tabs-max-width: 676px;
1210
1210
  --redirect-tab-description-max-width: 434px;
1211
+ --redirect-form-column-max-width: 326px;
1212
+ --redirect-phone-input-country-code-width: 130px;
1211
1213
  --redirect-qr-wrapper-border-radius: 21px;
1212
1214
 
1213
1215
  /* digital ID upload */
package/dist/{useModuleLoader-4Tg7qGMd.js → useModuleLoader-Dnv_d2ZP.js} RENAMED
@@ -207,7 +207,7 @@ function M(e) {
207
207
  return t;
208
208
  }
209
209
  var N = {
210
- REDIRECT_TO_MOBILE: () => import("./redirectToMobile-D65mjS1b.js").then((e) => e.RedirectToMobile),
210
+ REDIRECT_TO_MOBILE: () => import("./redirectToMobile-DQHIQWzY.js").then((e) => e.RedirectToMobile),
211
211
  PHONE: () => import("./phone/phone.es.js").then((e) => e.Phone),
212
212
  EMAIL: () => import("./email/email.es.js").then((e) => e.Email),
213
213
  SELFIE: () => import("./selfie/selfie.es.js").then((e) => e.Selfie),
package/dist/workflow/styles.css CHANGED
@@ -6301,7 +6301,6 @@
6301
6301
  max-width: var(--redirect-card-max-width);
6302
6302
  min-height: min(var(--redirect-card-max-width), var(--redirect-card-min-height));
6303
6303
  flex-direction: column;
6304
- justify-content: space-between;
6305
6304
  align-items: center;
6306
6305
  display: flex;
6307
6306
  overflow-x: clip;
@@ -6395,24 +6394,31 @@
6395
6394
  }
6396
6395
 
6397
6396
  .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav {
6398
- --max-width-bottom-nav: 390px;
6399
6397
  align-items: center;
6400
6398
  gap: var(--spacing-40, var(--spacing-40, 40px));
6401
6399
  width: 100%;
6402
- max-width: var(--max-width-bottom-nav);
6400
+ max-width: var(--redirect-form-column-max-width);
6403
6401
  flex-direction: column;
6404
6402
  display: flex;
6405
6403
  }
6406
6404
 
6407
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav .IncodeRedirectVerifiedBy {
6405
+ .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav .IncodeRedirectFooterContent {
6406
+ flex-direction: column;
6408
6407
  justify-content: center;
6409
6408
  align-items: center;
6410
- gap: var(--spacing-4, var(--spacing-4, 4px));
6411
- padding-top: var(--spacing-8, var(--spacing-8, 8px));
6412
- padding-bottom: var(--spacing-12, var(--spacing-12, 12px));
6409
+ width: 100%;
6413
6410
  display: flex;
6414
6411
  }
6415
6412
 
6413
+ .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav .IncodeRedirectFooterContentText {
6414
+ margin-block: var(--spacing-32, var(--spacing-32, 32px));
6415
+ font-family: var(--Button-family, "DM Sans");
6416
+ letter-spacing: 0;
6417
+ font-size: 18px;
6418
+ font-weight: 500;
6419
+ line-height: 100%;
6420
+ }
6421
+
6416
6422
  .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTabs {
6417
6423
  justify-content: center;
6418
6424
  align-items: flex-end;
@@ -6463,6 +6469,7 @@
6463
6469
  }
6464
6470
 
6465
6471
  .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectTabDescription {
6472
+ margin-top: var(--spacing-32, var(--spacing-32, 32px));
6466
6473
  text-align: center;
6467
6474
  font-family: var(--typography-headline-family);
6468
6475
  font-size: var(--typography-headline-h5-size);
@@ -6485,258 +6492,14 @@
6485
6492
  display: flex;
6486
6493
  }
6487
6494
 
6488
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInput, .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputContainer {
6489
- flex-direction: column;
6490
- align-items: center;
6491
- width: 100%;
6492
- display: flex;
6493
- }
6494
-
6495
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputRow {
6496
- --max-width-phone-input-row: 340px;
6497
- align-items: stretch;
6498
- gap: var(--spacing-8, var(--spacing-8, 8px));
6499
- width: 100%;
6500
- max-width: var(--max-width-phone-input-row);
6501
- display: flex;
6502
- position: relative;
6503
- }
6504
-
6505
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputWrapper {
6506
- border-radius: var(--radius-small, var(--border-radius-small));
6507
- border-style: var(--tw-border-style);
6508
- border-width: 1px;
6509
- border-color: var(--color-input-border-default, var(--input-border-default));
6510
- background-color: var(--color-input-surface-default, var(--input-surface-default));
6511
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
6512
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
6513
- transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
6514
- --tw-duration: .2s;
6515
- flex: 1;
6516
- align-items: center;
6517
- transition-duration: .2s;
6518
- display: flex;
6519
- }
6520
-
6521
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputWrapper:focus-within {
6522
- border-color: var(--color-input-border-focused, var(--input-border-focused));
6523
- }
6524
-
6525
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputWrapper.IncodePhoneInputWrapperError {
6526
- border-color: var(--color-input-border-negative, var(--input-border-negative));
6527
- }
6528
-
6529
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputWrapper.IncodePhoneInputWrapperDisabled {
6530
- border-color: var(--color-input-border-disabled, var(--input-border-disabled));
6531
- background-color: var(--color-input-surface-disabled, var(--input-surface-disabled));
6532
- }
6533
-
6534
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountrySelector {
6535
- --width-country-selector: 124px;
6536
- border-radius: var(--radius-small, var(--border-radius-small));
6537
- border-style: var(--tw-border-style);
6538
- border-width: 1px;
6539
- border-color: var(--color-input-border-default, var(--input-border-default));
6540
- background-color: var(--color-input-surface-default, var(--input-surface-default));
6541
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
6542
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
6543
- transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
6544
- --tw-duration: .2s;
6545
- width: var(--width-country-selector);
6546
- flex-shrink: 0;
6547
- transition-duration: .2s;
6548
- position: static;
6549
- }
6550
-
6551
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountrySelector.IncodePhoneCountrySelectorOpen {
6552
- border-color: var(--color-input-border-focused, var(--input-border-focused));
6553
- }
6554
-
6555
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountrySelector.IncodePhoneCountrySelectorDisabled {
6556
- border-color: var(--color-input-border-disabled, var(--input-border-disabled));
6557
- background-color: var(--color-input-surface-disabled, var(--input-surface-disabled));
6558
- }
6559
-
6560
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryButton {
6561
- width: 100%;
6562
- height: 100%;
6563
- padding: var(--spacing-8, var(--spacing-8, 8px));
6564
- padding-left: var(--spacing-16, var(--spacing-16, 16px));
6565
- cursor: pointer;
6566
- border-style: var(--tw-border-style);
6567
- border-width: var(--border-width-none, var(--primitive-border-width-0));
6568
- --tw-border-style: none;
6569
- font-size: var(--text-18, var(--primitive-typography-size-18));
6570
- --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
6571
- font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
6572
- color: var(--color-text-body-primary, var(--text-body-800-primary));
6573
- border-radius: var(--radius-small, var(--border-radius-small));
6574
- background-color: #0000;
6575
- border-style: none;
6576
- justify-content: center;
6577
- align-items: center;
6578
- font-family: inherit;
6579
- display: flex;
6580
- }
6581
-
6582
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryButton:disabled {
6583
- cursor: not-allowed;
6584
- color: var(--color-input-text-field-disabled, var(--input-text-field-disabled));
6585
- }
6586
-
6587
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryButton:focus {
6588
- --tw-outline-style: none;
6589
- outline-style: none;
6590
- }
6591
-
6592
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryFlag {
6593
- font-size: var(--text-24, var(--primitive-typography-size-24));
6594
- --tw-leading: 1;
6595
- line-height: 1;
6596
- }
6597
-
6598
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryCode {
6599
- margin-left: var(--spacing-4, var(--spacing-4, 4px));
6600
- font-size: var(--text-18, var(--primitive-typography-size-18));
6601
- --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
6602
- font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
6603
- white-space: nowrap;
6604
- color: var(--color-text-body-primary, var(--text-body-800-primary));
6605
- }
6606
-
6607
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryArrow {
6608
- margin-left: var(--spacing-8, var(--spacing-8, 8px));
6609
- height: var(--spacing-24, var(--spacing-24, 24px));
6610
- width: var(--spacing-24, var(--spacing-24, 24px));
6611
- color: var(--color-icon-neutral-500, var(--icon-neutral-500));
6612
- transition-property: transform, translate, scale, rotate;
6613
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
6614
- transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
6615
- --tw-duration: .2s;
6616
- transition-duration: .2s;
6617
- }
6618
-
6619
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryArrowUp {
6620
- rotate: 180deg;
6621
- }
6622
-
6623
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryButton:disabled .IncodePhoneCountryArrow {
6624
- color: var(--color-icon-neutral-300, var(--icon-neutral-300));
6625
- }
6626
-
6627
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryDropdown {
6628
- --max-height-country-dropdown: 320px;
6629
- top: 100%;
6630
- right: var(--spacing-0, var(--spacing-none, 0px));
6631
- left: var(--spacing-0, var(--spacing-none, 0px));
6632
- z-index: 50;
6633
- margin-top: var(--spacing-8, var(--spacing-8, 8px));
6634
- border-radius: var(--radius-small, var(--border-radius-small));
6635
- border-style: var(--tw-border-style);
6636
- border-width: 1px;
6637
- border-color: var(--color-input-border-default, var(--input-border-default));
6638
- background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
6639
- padding: var(--spacing-8, var(--spacing-8, 8px));
6640
- max-height: var(--max-height-country-dropdown);
6641
- position: absolute;
6642
- overflow-y: auto;
6643
- box-shadow: 0 4px 16px #0000001f;
6644
- }
6645
-
6646
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryOption {
6647
- cursor: pointer;
6648
- align-items: center;
6649
- gap: var(--spacing-12, var(--spacing-12, 12px));
6650
- border-radius: var(--radius-small, var(--border-radius-small));
6651
- width: 100%;
6652
- padding-inline: var(--spacing-12, var(--spacing-12, 12px));
6653
- padding-block: var(--spacing-12, var(--spacing-12, 12px));
6654
- font-size: var(--text-16, var(--primitive-typography-size-16));
6655
- --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
6656
- font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
6657
- color: var(--color-text-body-primary, var(--text-body-800-primary));
6658
- border-style: var(--tw-border-style);
6659
- border-width: var(--border-width-none, var(--primitive-border-width-0));
6660
- --tw-border-style: none;
6661
- text-align: left;
6662
- background-color: #0000;
6663
- border-style: none;
6664
- font-family: inherit;
6665
- display: flex;
6666
- }
6667
-
6668
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryOption:hover {
6669
- background-color: var(--color-surface-neutral-100, var(--surface-neutral-100));
6670
- }
6671
-
6672
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryOption:focus {
6673
- background-color: var(--color-surface-neutral-100, var(--surface-neutral-100));
6674
- --tw-outline-style: none;
6675
- outline-style: none;
6676
- }
6677
-
6678
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryOptionSelected, .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryOptionSelected:hover {
6679
- background-color: var(--color-surface-brand-50, var(--surface-brand-50));
6680
- }
6681
-
6682
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryOptionCode {
6683
- --min-width-country-code: 52px;
6684
- font-size: var(--text-16, var(--primitive-typography-size-16));
6685
- color: var(--color-text-body-secondary, var(--text-body-500-secondary));
6686
- min-width: var(--min-width-country-code);
6687
- }
6688
-
6689
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryOptionName {
6690
- text-overflow: ellipsis;
6691
- white-space: nowrap;
6692
- font-size: var(--text-16, var(--primitive-typography-size-16));
6693
- color: var(--color-text-body-primary, var(--text-body-800-primary));
6694
- flex: 1;
6695
- overflow: hidden;
6696
- }
6697
-
6698
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputField {
6699
- border-style: var(--tw-border-style);
6700
- border-width: var(--border-width-none, var(--primitive-border-width-0));
6701
- --tw-border-style: none;
6702
- width: 100%;
6703
- padding-inline: var(--spacing-16, var(--spacing-16, 16px));
6704
- padding-block: var(--spacing-16, var(--spacing-16, 16px));
6705
- font-size: var(--text-18, var(--primitive-typography-size-18));
6706
- --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
6707
- font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
6708
- color: var(--color-input-text-field-default, var(--input-text-field-default));
6709
- --tw-outline-style: none;
6710
- border-radius: var(--radius-small, var(--border-radius-small));
6711
- background-color: #0000;
6712
- border-style: none;
6713
- outline-style: none;
6714
- }
6715
-
6716
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputField::placeholder {
6717
- --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
6718
- font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
6719
- color: var(--color-input-text-field-placeholder, var(--input-text-field-placeholder));
6720
- }
6721
-
6722
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputField:disabled {
6723
- cursor: not-allowed;
6724
- color: var(--color-input-text-field-disabled, var(--input-text-field-disabled));
6725
- }
6726
-
6727
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputError {
6728
- margin: var(--spacing-0, var(--spacing-none, 0px));
6729
- text-align: center;
6730
- font-size: var(--text-14, var(--primitive-typography-size-14));
6731
- --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
6732
- font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
6733
- color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));
6495
+ .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputComposed {
6496
+ --phone-input-country-code-width: var(--redirect-phone-input-country-code-width);
6497
+ max-width: var(--redirect-form-column-max-width);
6734
6498
  }
6735
6499
 
6736
6500
  .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectSmsSendButton {
6737
- --max-width-sms-button: 335px;
6738
6501
  width: 100%;
6739
- max-width: var(--max-width-sms-button);
6502
+ max-width: var(--redirect-form-column-max-width);
6740
6503
  }
6741
6504
 
6742
6505
  .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectLinkSent {
@@ -6766,13 +6529,12 @@
6766
6529
  }
6767
6530
 
6768
6531
  .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectLinkSent .IncodeRedirectLinkSentActions {
6769
- --width-link-sent-actions: 335px;
6770
6532
  justify-content: center;
6771
6533
  align-items: center;
6772
6534
  gap: var(--spacing-4, var(--spacing-4, 4px));
6773
6535
  font-family: var(--Button-family, "DM Sans");
6774
6536
  letter-spacing: 0;
6775
- width: var(--width-link-sent-actions);
6537
+ width: var(--redirect-form-column-max-width);
6776
6538
  flex-wrap: wrap;
6777
6539
  font-size: 18px;
6778
6540
  font-weight: 500;
package/dist/workflow/workflow.es.js CHANGED
@@ -6,7 +6,7 @@ import { t as u } from "../incodeComponent-MZEyrb1V.js";
6
6
  import "../spinner-B4dcie2T.js";
7
7
  import { t as d } from "../transitionSpinner-BWCiDYAb.js";
8
8
  import { t as f } from "../incodeModule-CHzKl22Y.js";
9
- import { _ as p, a as m, c as h, h as g, i as _, o as v, t as y, v as b } from "../useModuleLoader-4Tg7qGMd.js";
9
+ import { _ as p, a as m, c as h, h as g, i as _, o as v, t as y, v as b } from "../useModuleLoader-Dnv_d2ZP.js";
10
10
  import { resolveWasmConfig as x, upgradeToWasmHttpClient as S, warmupWasm as C } from "@incodetech/core/wasm";
11
11
  import { getDeviceClass as w } from "@incodetech/core/device";
12
12
  import { refreshQrUrlUuid as T } from "@incodetech/core/session";
@@ -14,7 +14,7 @@ import { createWorkflowManager as E } from "@incodetech/core/workflow";
14
14
  //#region src/modules/workflow/workflowInit.ts
15
15
  var D = {
16
16
  ...h,
17
- REDIRECT_TO_MOBILE: () => import("../redirectToMobile-D65mjS1b.js").then((e) => e.RedirectToMobile),
17
+ REDIRECT_TO_MOBILE: () => import("../redirectToMobile-DQHIQWzY.js").then((e) => e.RedirectToMobile),
18
18
  ID: () => import("../id-verification/id-verification.es.js").then((e) => e.IdVerification)
19
19
  };
20
20
  async function O() {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@incodetech/web",
3
- "version": "0.0.0-dev-20260525-09ff3879",
3
+ "version": "0.0.0-dev-20260526-ff50bd63",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/IncodeTechnologies/incode-web-sdk.git"
@@ -246,7 +246,7 @@
246
246
  "qrcode": "^1.5.4",
247
247
  "signature_pad": "^5.1.3",
248
248
  "tailwindcss": "^4.1.17",
249
- "@incodetech/core": "0.0.0-dev-20260525-09ff3879"
249
+ "@incodetech/core": "0.0.0-dev-20260526-ff50bd63"
250
250
  },
251
251
  "devDependencies": {
252
252
  "@microsoft/api-extractor": "^7.53.3",