@incodetech/web 0.0.0-dev-20260513-0ec71c0 → 0.0.0-dev-20260513-14f81c3

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.
@@ -5,7 +5,7 @@ import { o as l } from "../hooks-BVnGysT7.js";
5
5
  import { t as u } from "../incodeComponent-C1o4M0ZK.js";
6
6
  import { t as d } from "../transitionSpinner-PIEPU2Vx.js";
7
7
  import { t as f } from "../incodeModule-BqCjVgEI.js";
8
- import { a as p, c as m, d as h, f as g, l as _, m as v, n as y, o as b, r as x, s as S, t as C, u as w } from "../useModuleLoader-OY2iMWCC.js";
8
+ import { a as p, c as m, d as h, f as g, l as _, m as v, n as y, o as b, r as x, s as S, t as C, u as w } from "../useModuleLoader-CXOG2py6.js";
9
9
  import { getDeviceClass as T } from "@incodetech/core/device";
10
10
  import { getRequiredWasmPipelines as E } from "@incodetech/core/flow";
11
11
  import { QrValidationError as D, bootstrapSession as O, refreshQrUrlUuid as k } from "@incodetech/core/session";
@@ -2574,6 +2574,14 @@
2574
2574
  flex: 1;
2575
2575
  }
2576
2576
 
2577
+ .IncodeManualUploadPage .IncodeManualUploadTabTrigger:focus-visible {
2578
+ border-radius: var(--radius-xs, .125rem);
2579
+ outline-style: var(--tw-outline-style);
2580
+ outline-offset: 2px;
2581
+ outline-width: 2px;
2582
+ outline-color: var(--color-border-status-focus, var(--border-status-focus));
2583
+ }
2584
+
2577
2585
  .IncodeManualUploadPage .IncodeManualUploadTabTrigger--active {
2578
2586
  border-bottom-color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));
2579
2587
  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
@@ -3807,11 +3815,12 @@
3807
3815
  .IncodeRedirectRoot .IncodeRedirectContainer {
3808
3816
  background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));
3809
3817
  justify-content: center;
3810
- align-items: center;
3818
+ align-items: safe center;
3811
3819
  width: 100%;
3812
3820
  height: 100%;
3813
3821
  display: flex;
3814
3822
  position: relative;
3823
+ overflow-y: auto;
3815
3824
  }
3816
3825
 
3817
3826
  .IncodeRedirectRoot .IncodeRedirectContainer .IncodeRedirectCard {
@@ -3833,11 +3842,18 @@
3833
3842
  overflow-x: clip;
3834
3843
  }
3835
3844
 
3845
+ .IncodeRedirectRoot .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTopGroup {
3846
+ align-items: center;
3847
+ gap: var(--spacing-32, var(--spacing-32, 32px));
3848
+ flex-direction: column;
3849
+ width: 100%;
3850
+ display: flex;
3851
+ }
3852
+
3836
3853
  .IncodeRedirectRoot .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions {
3837
3854
  align-items: center;
3838
3855
  gap: var(--spacing-32, var(--spacing-32, 32px));
3839
3856
  width: 100%;
3840
- height: var(--redirect-options-height);
3841
3857
  max-width: var(--redirect-options-max-width);
3842
3858
  flex-direction: column;
3843
3859
  display: flex;
@@ -3932,8 +3948,7 @@
3932
3948
  display: flex;
3933
3949
  }
3934
3950
 
3935
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectTabs {
3936
- --max-width-tabs: 676px;
3951
+ .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTabs {
3937
3952
  justify-content: center;
3938
3953
  align-items: flex-end;
3939
3954
  gap: var(--spacing-12, var(--spacing-12, 12px));
@@ -3941,11 +3956,11 @@
3941
3956
  border-bottom-width: 1px;
3942
3957
  border-color: var(--color-border-neutral-300, var(--border-neutral-300));
3943
3958
  width: 100%;
3944
- max-width: var(--max-width-tabs);
3959
+ max-width: var(--redirect-tabs-max-width);
3945
3960
  display: flex;
3946
3961
  }
3947
3962
 
3948
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectTabs .IncodeRedirectTab {
3963
+ .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTabs .IncodeRedirectTab {
3949
3964
  cursor: pointer;
3950
3965
  border-bottom-style: var(--tw-border-style);
3951
3966
  padding-inline: var(--spacing-24, var(--spacing-24, 24px));
@@ -3961,13 +3976,28 @@
3961
3976
  border-bottom-width: 2px;
3962
3977
  }
3963
3978
 
3964
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectTabs .IncodeRedirectTab.IncodeRedirectTabActive {
3979
+ .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTabs .IncodeRedirectTab:focus-visible {
3980
+ border-radius: var(--radius-xs, .125rem);
3981
+ outline-style: var(--tw-outline-style);
3982
+ outline-offset: 2px;
3983
+ outline-width: 2px;
3984
+ outline-color: var(--color-border-status-focus, var(--border-status-focus));
3985
+ }
3986
+
3987
+ .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTabs .IncodeRedirectTab.IncodeRedirectTabActive {
3965
3988
  border-color: var(--color-text-link-default, var(--text-link-default));
3966
3989
  color: var(--color-text-body-primary, var(--text-body-800-primary));
3967
3990
  }
3968
3991
 
3992
+ .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions > [role="tabpanel"] {
3993
+ align-items: center;
3994
+ gap: var(--spacing-32, var(--spacing-32, 32px));
3995
+ flex-direction: column;
3996
+ width: 100%;
3997
+ display: flex;
3998
+ }
3999
+
3969
4000
  .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectTabDescription {
3970
- --max-width-tab-description: 434px;
3971
4001
  text-align: center;
3972
4002
  font-family: var(--typography-headline-family);
3973
4003
  font-size: var(--typography-headline-h5-size);
@@ -3975,17 +4005,16 @@
3975
4005
  line-height: var(--typography-headline-h5-line-height);
3976
4006
  letter-spacing: var(--typography-headline-h5-letter-spacing);
3977
4007
  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
3978
- max-width: var(--max-width-tab-description);
4008
+ max-width: var(--redirect-tab-description-max-width);
3979
4009
  }
3980
4010
 
3981
4011
  .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectQrWrapper {
3982
- --border-radius-qr-wrapper: 21px;
3983
4012
  border-style: var(--tw-border-style);
3984
4013
  border-width: 1px;
3985
4014
  border-color: var(--color-border-neutral-100, var(--border-neutral-100));
3986
4015
  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
3987
4016
  padding: var(--spacing-12, var(--spacing-12, 12px));
3988
- border-radius: var(--border-radius-qr-wrapper);
4017
+ border-radius: var(--redirect-qr-wrapper-border-radius);
3989
4018
  justify-content: center;
3990
4019
  align-items: center;
3991
4020
  display: flex;
package/dist/id/id.es.js CHANGED
@@ -16,7 +16,7 @@ import { a as w, o as T, r as E } from "../tutorial-CqrvE-t_.js";
16
16
  import { t as D } from "../pdfViewer-BGBNL1Ea.js";
17
17
  import { t as te } from "../incodeModule-BqCjVgEI.js";
18
18
  import { t as ne } from "../id-laser-v-CrFg4bcJ.js";
19
- import { t as O } from "../tabs-BOKcbiVy.js";
19
+ import { t as O } from "../tabs-DaPyP71c.js";
20
20
  import { createIdCaptureManager as re } from "@incodetech/core/id";
21
21
  //#region src/shared/fonts/preloadDisplayFont.ts
22
22
  var k = !1;
@@ -684,13 +684,16 @@ var F = ({ state: t }) => {
684
684
  triggerClassName: "IncodeManualUploadTabTrigger",
685
685
  activeTriggerClassName: "IncodeManualUploadTabTrigger--active",
686
686
  children: [
687
- i ? /* @__PURE__ */ s(O.List, { children: [/* @__PURE__ */ s(O.Trigger, {
688
- value: "id",
689
- children: r("manualIdUpload.id")
690
- }), /* @__PURE__ */ s(O.Trigger, {
691
- value: "passport",
692
- children: r("manualIdUpload.passport")
693
- })] }) : null,
687
+ i ? /* @__PURE__ */ s(O.List, {
688
+ label: r("manualIdUpload.tabsLabel"),
689
+ children: [/* @__PURE__ */ s(O.Trigger, {
690
+ value: "id",
691
+ children: r("manualIdUpload.id")
692
+ }), /* @__PURE__ */ s(O.Trigger, {
693
+ value: "passport",
694
+ children: r("manualIdUpload.passport")
695
+ })]
696
+ }) : null,
694
697
  n.showIdTab ? /* @__PURE__ */ s(O.Content, {
695
698
  value: "id",
696
699
  children: /* @__PURE__ */ s(Z, {
@@ -8,6 +8,7 @@
8
8
  --tw-font-weight: initial;
9
9
  --tw-border-style: solid;
10
10
  --tw-leading: initial;
11
+ --tw-outline-style: solid;
11
12
  --tw-duration: initial;
12
13
  }
13
14
  }
@@ -896,6 +897,14 @@
896
897
  flex: 1;
897
898
  }
898
899
 
900
+ .IncodeManualUploadPage .IncodeManualUploadTabTrigger:focus-visible {
901
+ border-radius: var(--radius-xs, .125rem);
902
+ outline-style: var(--tw-outline-style);
903
+ outline-offset: 2px;
904
+ outline-width: 2px;
905
+ outline-color: var(--color-border-status-focus, var(--border-status-focus));
906
+ }
907
+
899
908
  .IncodeManualUploadPage .IncodeManualUploadTabTrigger--active {
900
909
  border-bottom-color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));
901
910
  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
@@ -1266,6 +1275,12 @@
1266
1275
  inherits: false
1267
1276
  }
1268
1277
 
1278
+ @property --tw-outline-style {
1279
+ syntax: "*";
1280
+ inherits: false;
1281
+ initial-value: solid;
1282
+ }
1283
+
1269
1284
  @property --tw-duration {
1270
1285
  syntax: "*";
1271
1286
  inherits: false
@@ -3,6 +3,7 @@
3
3
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
4
4
  *, :before, :after, ::backdrop {
5
5
  --tw-border-style: solid;
6
+ --tw-outline-style: solid;
6
7
  --tw-duration: initial;
7
8
  --tw-font-weight: initial;
8
9
  --tw-leading: initial;
@@ -23,11 +24,12 @@
23
24
  .IncodeRedirectRoot .IncodeRedirectContainer {
24
25
  background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));
25
26
  justify-content: center;
26
- align-items: center;
27
+ align-items: safe center;
27
28
  width: 100%;
28
29
  height: 100%;
29
30
  display: flex;
30
31
  position: relative;
32
+ overflow-y: auto;
31
33
  }
32
34
 
33
35
  .IncodeRedirectRoot .IncodeRedirectContainer .IncodeRedirectCard {
@@ -49,11 +51,18 @@
49
51
  overflow-x: clip;
50
52
  }
51
53
 
54
+ .IncodeRedirectRoot .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTopGroup {
55
+ align-items: center;
56
+ gap: var(--spacing-32, var(--spacing-32, 32px));
57
+ flex-direction: column;
58
+ width: 100%;
59
+ display: flex;
60
+ }
61
+
52
62
  .IncodeRedirectRoot .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions {
53
63
  align-items: center;
54
64
  gap: var(--spacing-32, var(--spacing-32, 32px));
55
65
  width: 100%;
56
- height: var(--redirect-options-height);
57
66
  max-width: var(--redirect-options-max-width);
58
67
  flex-direction: column;
59
68
  display: flex;
@@ -148,8 +157,7 @@
148
157
  display: flex;
149
158
  }
150
159
 
151
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectTabs {
152
- --max-width-tabs: 676px;
160
+ .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTabs {
153
161
  justify-content: center;
154
162
  align-items: flex-end;
155
163
  gap: var(--spacing-12, var(--spacing-12, 12px));
@@ -157,11 +165,11 @@
157
165
  border-bottom-width: 1px;
158
166
  border-color: var(--color-border-neutral-300, var(--border-neutral-300));
159
167
  width: 100%;
160
- max-width: var(--max-width-tabs);
168
+ max-width: var(--redirect-tabs-max-width);
161
169
  display: flex;
162
170
  }
163
171
 
164
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectTabs .IncodeRedirectTab {
172
+ .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTabs .IncodeRedirectTab {
165
173
  cursor: pointer;
166
174
  border-bottom-style: var(--tw-border-style);
167
175
  padding-inline: var(--spacing-24, var(--spacing-24, 24px));
@@ -177,13 +185,28 @@
177
185
  border-bottom-width: 2px;
178
186
  }
179
187
 
180
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectTabs .IncodeRedirectTab.IncodeRedirectTabActive {
188
+ .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTabs .IncodeRedirectTab:focus-visible {
189
+ border-radius: var(--radius-xs, .125rem);
190
+ outline-style: var(--tw-outline-style);
191
+ outline-offset: 2px;
192
+ outline-width: 2px;
193
+ outline-color: var(--color-border-status-focus, var(--border-status-focus));
194
+ }
195
+
196
+ .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTabs .IncodeRedirectTab.IncodeRedirectTabActive {
181
197
  border-color: var(--color-text-link-default, var(--text-link-default));
182
198
  color: var(--color-text-body-primary, var(--text-body-800-primary));
183
199
  }
184
200
 
201
+ .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions > [role="tabpanel"] {
202
+ align-items: center;
203
+ gap: var(--spacing-32, var(--spacing-32, 32px));
204
+ flex-direction: column;
205
+ width: 100%;
206
+ display: flex;
207
+ }
208
+
185
209
  .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectTabDescription {
186
- --max-width-tab-description: 434px;
187
210
  text-align: center;
188
211
  font-family: var(--typography-headline-family);
189
212
  font-size: var(--typography-headline-h5-size);
@@ -191,17 +214,16 @@
191
214
  line-height: var(--typography-headline-h5-line-height);
192
215
  letter-spacing: var(--typography-headline-h5-letter-spacing);
193
216
  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
194
- max-width: var(--max-width-tab-description);
217
+ max-width: var(--redirect-tab-description-max-width);
195
218
  }
196
219
 
197
220
  .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectQrWrapper {
198
- --border-radius-qr-wrapper: 21px;
199
221
  border-style: var(--tw-border-style);
200
222
  border-width: 1px;
201
223
  border-color: var(--color-border-neutral-100, var(--border-neutral-100));
202
224
  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
203
225
  padding: var(--spacing-12, var(--spacing-12, 12px));
204
- border-radius: var(--border-radius-qr-wrapper);
226
+ border-radius: var(--redirect-qr-wrapper-border-radius);
205
227
  justify-content: center;
206
228
  align-items: center;
207
229
  display: flex;
@@ -544,6 +566,12 @@
544
566
  initial-value: solid;
545
567
  }
546
568
 
569
+ @property --tw-outline-style {
570
+ syntax: "*";
571
+ inherits: false;
572
+ initial-value: solid;
573
+ }
574
+
547
575
  @property --tw-duration {
548
576
  syntax: "*";
549
577
  inherits: false
@@ -14,7 +14,7 @@ import { r as _, t as v } from "./phoneInputComposed-bvWhGLFZ.js";
14
14
  import { t as y } from "./incodeModule-BqCjVgEI.js";
15
15
  import { t as b } from "./autoFocusTitle-QexamZ4i.js";
16
16
  import { t as x } from "./snackbar-BDp8x7Cv.js";
17
- import { t as S } from "./tabs-BOKcbiVy.js";
17
+ import { t as S } from "./tabs-DaPyP71c.js";
18
18
  import { createRedirectToMobileManager as C } from "@incodetech/core/redirect-to-mobile";
19
19
  //#region src/modules/redirect-to-mobile/redirectHeader.tsx
20
20
  var w = ({ logoSrc: e }) => {
@@ -174,7 +174,7 @@ var w = ({ logoSrc: e }) => {
174
174
  this.buffer.length <= t && this.buffer.push(0), e && (this.buffer[t] |= 128 >>> this.length % 8), this.length++;
175
175
  }
176
176
  }, t.exports = n;
177
- })), ee = /* @__PURE__ */ e(((e, t) => {
177
+ })), j = /* @__PURE__ */ e(((e, t) => {
178
178
  function n(e) {
179
179
  if (!e || e < 1) throw Error("BitMatrix size must be defined and greater than 0");
180
180
  this.size = e, this.data = new Uint8Array(e * e), this.reservedBit = new Uint8Array(e * e);
@@ -189,7 +189,7 @@ var w = ({ logoSrc: e }) => {
189
189
  }, n.prototype.isReserved = function(e, t) {
190
190
  return this.reservedBit[e * this.size + t];
191
191
  }, t.exports = n;
192
- })), te = /* @__PURE__ */ e(((e) => {
192
+ })), ee = /* @__PURE__ */ e(((e) => {
193
193
  var t = O().getSymbolSize;
194
194
  e.getRowColCoords = function(e) {
195
195
  if (e === 1) return [];
@@ -201,7 +201,7 @@ var w = ({ logoSrc: e }) => {
201
201
  for (let e = 0; e < i; e++) for (let t = 0; t < i; t++) e === 0 && t === 0 || e === 0 && t === i - 1 || e === i - 1 && t === 0 || n.push([r[e], r[t]]);
202
202
  return n;
203
203
  };
204
- })), j = /* @__PURE__ */ e(((e) => {
204
+ })), te = /* @__PURE__ */ e(((e) => {
205
205
  var t = O().getSymbolSize, n = 7;
206
206
  e.getPositions = function(e) {
207
207
  let r = t(e);
@@ -211,7 +211,7 @@ var w = ({ logoSrc: e }) => {
211
211
  [0, r - n]
212
212
  ];
213
213
  };
214
- })), M = /* @__PURE__ */ e(((e) => {
214
+ })), ne = /* @__PURE__ */ e(((e) => {
215
215
  e.Patterns = {
216
216
  PATTERN000: 0,
217
217
  PATTERN001: 1,
@@ -287,7 +287,7 @@ var w = ({ logoSrc: e }) => {
287
287
  }
288
288
  return i;
289
289
  };
290
- })), N = /* @__PURE__ */ e(((e) => {
290
+ })), M = /* @__PURE__ */ e(((e) => {
291
291
  var t = k(), n = [
292
292
  1,
293
293
  1,
@@ -628,7 +628,7 @@ var w = ({ logoSrc: e }) => {
628
628
  default: return;
629
629
  }
630
630
  };
631
- })), P = /* @__PURE__ */ e(((e) => {
631
+ })), N = /* @__PURE__ */ e(((e) => {
632
632
  var t = new Uint8Array(512), n = new Uint8Array(256);
633
633
  (function() {
634
634
  let e = 1;
@@ -642,8 +642,8 @@ var w = ({ logoSrc: e }) => {
642
642
  }, e.mul = function(e, r) {
643
643
  return e === 0 || r === 0 ? 0 : t[n[e] + n[r]];
644
644
  };
645
- })), F = /* @__PURE__ */ e(((e) => {
646
- var t = P();
645
+ })), P = /* @__PURE__ */ e(((e) => {
646
+ var t = N();
647
647
  e.mul = function(e, n) {
648
648
  let r = new Uint8Array(e.length + n.length - 1);
649
649
  for (let i = 0; i < e.length; i++) for (let a = 0; a < n.length; a++) r[i + a] ^= t.mul(e[i], n[a]);
@@ -663,8 +663,8 @@ var w = ({ logoSrc: e }) => {
663
663
  for (let i = 0; i < n; i++) r = e.mul(r, new Uint8Array([1, t.exp(i)]));
664
664
  return r;
665
665
  };
666
- })), I = /* @__PURE__ */ e(((e, t) => {
667
- var n = F();
666
+ })), F = /* @__PURE__ */ e(((e, t) => {
667
+ var n = P();
668
668
  function r(e) {
669
669
  this.genPoly = void 0, this.degree = e, this.degree && this.initialize(this.degree);
670
670
  }
@@ -681,11 +681,11 @@ var w = ({ logoSrc: e }) => {
681
681
  }
682
682
  return r;
683
683
  }, t.exports = r;
684
- })), L = /* @__PURE__ */ e(((e) => {
684
+ })), I = /* @__PURE__ */ e(((e) => {
685
685
  e.isValid = function(e) {
686
686
  return !isNaN(e) && e >= 1 && e <= 40;
687
687
  };
688
- })), R = /* @__PURE__ */ e(((e) => {
688
+ })), L = /* @__PURE__ */ e(((e) => {
689
689
  var t = "[0-9]+", n = "[A-Z $%*+\\-./:]+", r = "(?:[u3000-u303F]|[u3040-u309F]|[u30A0-u30FF]|[uFF00-uFFEF]|[u4E00-u9FAF]|[u2605-u2606]|[u2190-u2195]|u203B|[u2010u2015u2018u2019u2025u2026u201Cu201Du2225u2260]|[u0391-u0451]|[u00A7u00A8u00B1u00B4u00D7u00F7])+";
690
690
  r = r.replace(/u/g, "\\u");
691
691
  var i = "(?:(?![A-Z0-9 $%*+\\-./:]|" + r + ")(?:.|[\r\n]))+";
@@ -698,8 +698,8 @@ var w = ({ logoSrc: e }) => {
698
698
  }, e.testAlphanumeric = function(e) {
699
699
  return s.test(e);
700
700
  };
701
- })), z = /* @__PURE__ */ e(((e) => {
702
- var t = L(), n = R();
701
+ })), R = /* @__PURE__ */ e(((e) => {
702
+ var t = I(), n = L();
703
703
  e.NUMERIC = {
704
704
  id: "Numeric",
705
705
  bit: 1,
@@ -762,8 +762,8 @@ var w = ({ logoSrc: e }) => {
762
762
  return n;
763
763
  }
764
764
  };
765
- })), B = /* @__PURE__ */ e(((e) => {
766
- var t = O(), n = N(), r = k(), i = z(), a = L(), o = 7973, s = t.getBCHDigit(o);
765
+ })), z = /* @__PURE__ */ e(((e) => {
766
+ var t = O(), n = M(), r = k(), i = R(), a = I(), o = 7973, s = t.getBCHDigit(o);
767
767
  function c(t, n, r) {
768
768
  for (let i = 1; i <= 40; i++) if (n <= e.getCapacity(i, r, t)) return i;
769
769
  }
@@ -809,15 +809,15 @@ var w = ({ logoSrc: e }) => {
809
809
  for (; t.getBCHDigit(n) - s >= 0;) n ^= o << t.getBCHDigit(n) - s;
810
810
  return e << 12 | n;
811
811
  };
812
- })), V = /* @__PURE__ */ e(((e) => {
812
+ })), B = /* @__PURE__ */ e(((e) => {
813
813
  var t = O(), n = 1335, r = 21522, i = t.getBCHDigit(n);
814
814
  e.getEncodedBits = function(e, a) {
815
815
  let o = e.bit << 3 | a, s = o << 10;
816
816
  for (; t.getBCHDigit(s) - i >= 0;) s ^= n << t.getBCHDigit(s) - i;
817
817
  return (o << 10 | s) ^ r;
818
818
  };
819
- })), H = /* @__PURE__ */ e(((e, t) => {
820
- var n = z();
819
+ })), V = /* @__PURE__ */ e(((e, t) => {
820
+ var n = R();
821
821
  function r(e) {
822
822
  this.mode = n.NUMERIC, this.data = e.toString();
823
823
  }
@@ -833,8 +833,8 @@ var w = ({ logoSrc: e }) => {
833
833
  let i = this.data.length - t;
834
834
  i > 0 && (n = this.data.substr(t), r = parseInt(n, 10), e.put(r, i * 3 + 1));
835
835
  }, t.exports = r;
836
- })), U = /* @__PURE__ */ e(((e, t) => {
837
- var n = z(), r = /* @__PURE__ */ "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ $%*+-./:".split("");
836
+ })), H = /* @__PURE__ */ e(((e, t) => {
837
+ var n = R(), r = /* @__PURE__ */ "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ $%*+-./:".split("");
838
838
  function i(e) {
839
839
  this.mode = n.ALPHANUMERIC, this.data = e;
840
840
  }
@@ -852,8 +852,8 @@ var w = ({ logoSrc: e }) => {
852
852
  }
853
853
  this.data.length % 2 && e.put(r.indexOf(this.data[t]), 6);
854
854
  }, t.exports = i;
855
- })), W = /* @__PURE__ */ e(((e, t) => {
856
- var n = z();
855
+ })), U = /* @__PURE__ */ e(((e, t) => {
856
+ var n = R();
857
857
  function r(e) {
858
858
  this.mode = n.BYTE, typeof e == "string" ? this.data = new TextEncoder().encode(e) : this.data = new Uint8Array(e);
859
859
  }
@@ -866,8 +866,8 @@ var w = ({ logoSrc: e }) => {
866
866
  }, r.prototype.write = function(e) {
867
867
  for (let t = 0, n = this.data.length; t < n; t++) e.put(this.data[t], 8);
868
868
  }, t.exports = r;
869
- })), G = /* @__PURE__ */ e(((e, t) => {
870
- var n = z(), r = O();
869
+ })), W = /* @__PURE__ */ e(((e, t) => {
870
+ var n = R(), r = O();
871
871
  function i(e) {
872
872
  this.mode = n.KANJI, this.data = e;
873
873
  }
@@ -887,7 +887,7 @@ var w = ({ logoSrc: e }) => {
887
887
  n = (n >>> 8 & 255) * 192 + (n & 255), e.put(n, 13);
888
888
  }
889
889
  }, t.exports = i;
890
- })), K = /* @__PURE__ */ e(((e, t) => {
890
+ })), G = /* @__PURE__ */ e(((e, t) => {
891
891
  var n = {
892
892
  single_source_shortest_paths: function(e, t, r) {
893
893
  var i = {}, a = {};
@@ -940,8 +940,8 @@ var w = ({ logoSrc: e }) => {
940
940
  }
941
941
  };
942
942
  t !== void 0 && (t.exports = n);
943
- })), q = /* @__PURE__ */ e(((e) => {
944
- var t = z(), n = H(), r = U(), i = W(), a = G(), o = R(), s = O(), c = K();
943
+ })), K = /* @__PURE__ */ e(((e) => {
944
+ var t = R(), n = V(), r = H(), i = U(), a = W(), o = L(), s = O(), c = G();
945
945
  function l(e) {
946
946
  return unescape(encodeURIComponent(e)).length;
947
947
  }
@@ -1068,8 +1068,8 @@ var w = ({ logoSrc: e }) => {
1068
1068
  }, e.rawSplit = function(t) {
1069
1069
  return e.fromArray(d(t, s.isKanjiModeEnabled()));
1070
1070
  };
1071
- })), J = /* @__PURE__ */ e(((e) => {
1072
- var t = O(), n = k(), r = A(), i = ee(), a = te(), o = j(), s = M(), c = N(), l = I(), u = B(), d = V(), f = z(), p = q();
1071
+ })), q = /* @__PURE__ */ e(((e) => {
1072
+ var t = O(), n = k(), r = A(), i = j(), a = ee(), o = te(), s = ne(), c = M(), l = F(), u = z(), d = B(), f = R(), p = K();
1073
1073
  function m(e, t) {
1074
1074
  let n = e.size, r = o.getPositions(t);
1075
1075
  for (let t = 0; t < r.length; t++) {
@@ -1164,7 +1164,7 @@ var w = ({ logoSrc: e }) => {
1164
1164
  let i = n.M, a, o;
1165
1165
  return r !== void 0 && (i = n.from(r.errorCorrectionLevel, n.M), a = u.from(r.version), o = s.from(r.maskPattern), r.toSJISFunc && t.setToSJISFunction(r.toSJISFunc)), S(e, a, i, o);
1166
1166
  };
1167
- })), Y = /* @__PURE__ */ e(((e) => {
1167
+ })), J = /* @__PURE__ */ e(((e) => {
1168
1168
  function t(e) {
1169
1169
  if (typeof e == "number" && (e = e.toString()), typeof e != "string") throw Error("Color should be defined as hex string");
1170
1170
  let t = e.slice().replace("#", "").split("");
@@ -1211,8 +1211,8 @@ var w = ({ logoSrc: e }) => {
1211
1211
  t[u++] = d.r, t[u++] = d.g, t[u++] = d.b, t[u] = d.a;
1212
1212
  }
1213
1213
  };
1214
- })), X = /* @__PURE__ */ e(((e) => {
1215
- var t = Y();
1214
+ })), Y = /* @__PURE__ */ e(((e) => {
1215
+ var t = J();
1216
1216
  function n(e, t, n) {
1217
1217
  e.clearRect(0, 0, t.width, t.height), t.style ||= {}, t.height = n, t.width = n, t.style.height = n + "px", t.style.width = n + "px";
1218
1218
  }
@@ -1234,8 +1234,8 @@ var w = ({ logoSrc: e }) => {
1234
1234
  let a = e.render(t, n, i), o = i.type || "image/png", s = i.rendererOpts || {};
1235
1235
  return a.toDataURL(o, s.quality);
1236
1236
  };
1237
- })), Z = /* @__PURE__ */ e(((e) => {
1238
- var t = Y();
1237
+ })), X = /* @__PURE__ */ e(((e) => {
1238
+ var t = J();
1239
1239
  function n(e, t) {
1240
1240
  let n = e.a / 255, r = t + "=\"" + e.hex + "\"";
1241
1241
  return n < 1 ? r + " " + t + "-opacity=\"" + n.toFixed(2).slice(1) + "\"" : r;
@@ -1256,8 +1256,8 @@ var w = ({ logoSrc: e }) => {
1256
1256
  let o = t.getOptions(r), s = e.modules.size, c = e.modules.data, l = s + o.margin * 2, u = o.color.light.a ? "<path " + n(o.color.light, "fill") + " d=\"M0 0h" + l + "v" + l + "H0z\"/>" : "", d = "<path " + n(o.color.dark, "stroke") + " d=\"" + i(c, s, o.margin) + "\"/>", f = "viewBox=\"0 0 " + l + " " + l + "\"", p = "<svg xmlns=\"http://www.w3.org/2000/svg\" " + (o.width ? "width=\"" + o.width + "\" height=\"" + o.width + "\" " : "") + f + " shape-rendering=\"crispEdges\">" + u + d + "</svg>\n";
1257
1257
  return typeof a == "function" && a(null, p), p;
1258
1258
  };
1259
- })), ne = (/* @__PURE__ */ e(((e) => {
1260
- var t = D(), n = J(), r = X(), i = Z();
1259
+ })), re = (/* @__PURE__ */ e(((e) => {
1260
+ var t = D(), n = q(), r = Y(), i = X();
1261
1261
  function a(e, r, i, a, o) {
1262
1262
  let s = [].slice.call(arguments, 1), c = s.length, l = typeof s[c - 1] == "function";
1263
1263
  if (!l && !t()) throw Error("Callback required as last argument");
@@ -1284,10 +1284,10 @@ var w = ({ logoSrc: e }) => {
1284
1284
  e.create = n.create, e.toCanvas = a.bind(null, r.render), e.toDataURL = a.bind(null, r.renderToDataURL), e.toString = a.bind(null, function(e, t, n) {
1285
1285
  return i.render(e, n);
1286
1286
  });
1287
- })))(), re = ({ value: e, size: n = 150, bgColor: r = "#ffffff", fgColor: a = "#000000" }) => {
1287
+ })))(), ie = ({ value: e, size: n = 150, bgColor: r = "#ffffff", fgColor: a = "#000000" }) => {
1288
1288
  let { t: c } = t(), [l, u] = o("");
1289
1289
  return i(() => {
1290
- e && (0, ne.toString)(e, {
1290
+ e && (0, re.toString)(e, {
1291
1291
  type: "svg",
1292
1292
  width: n,
1293
1293
  margin: 0,
@@ -1307,14 +1307,14 @@ var w = ({ logoSrc: e }) => {
1307
1307
  "aria-label": c("v2.redirectToMobile.qr.description"),
1308
1308
  dangerouslySetInnerHTML: { __html: l }
1309
1309
  }) : null;
1310
- }, ie = ({ redirectUrl: e }) => {
1310
+ }, Z = ({ redirectUrl: e }) => {
1311
1311
  let { t: n } = t();
1312
1312
  return /* @__PURE__ */ s(r, { children: [/* @__PURE__ */ s("p", {
1313
1313
  class: "IncodeRedirectTabDescription",
1314
1314
  children: n("v2.redirectToMobile.qr.description")
1315
1315
  }), /* @__PURE__ */ s("div", {
1316
1316
  class: "IncodeRedirectQrWrapper",
1317
- children: /* @__PURE__ */ s(re, {
1317
+ children: /* @__PURE__ */ s(ie, {
1318
1318
  value: e,
1319
1319
  size: 186
1320
1320
  })
@@ -1371,7 +1371,7 @@ var w = ({ logoSrc: e }) => {
1371
1371
  class: "IncodeRedirectSmsSendButton",
1372
1372
  children: l("redirect.sendLinkViaSms")
1373
1373
  })] });
1374
- }, se = (e, t) => e.startsWith(t) ? `${t} ${e.slice(t.length).replace(/(\d{3})(?=\d)/g, "$1 ")}` : e, Q = ({ phonePrefix: e, smsSent: n, error: i, manager: c, onResend: l }) => {
1374
+ }, se = (e, t) => e.startsWith(t) ? `${t} ${e.slice(t.length).replace(/(\d{3})(?=\d)/g, "$1 ")}` : e, ce = ({ phonePrefix: e, smsSent: n, error: i, manager: c, onResend: l }) => {
1375
1375
  let { t: u } = t(), [d, f] = o(e), [p, m] = o(!1), [h, g] = o(!1), v = _(e)?.code ?? "", y = se(d, e), b = a((e, t) => {
1376
1376
  f(e), m(t);
1377
1377
  }, []), x = a(() => {
@@ -1397,58 +1397,59 @@ var w = ({ logoSrc: e }) => {
1397
1397
  onPhoneChange: b,
1398
1398
  onSendSms: x
1399
1399
  })] });
1400
- }, ce = ({ redirectUrl: e, phonePrefix: n, smsSent: r, disableSmsOption: i, addContinueToDesktop: c, error: l, manager: u, logoSrc: d }) => {
1401
- let { t: f } = t(), [p, m] = o(!1), h = a(() => {
1402
- m(!0), setTimeout(() => m(!1), 3e3);
1403
- }, []), g = a(() => {
1404
- u.continueOnDesktop();
1405
- }, [u]);
1400
+ }, le = ({ redirectUrl: e, phonePrefix: n, smsSent: i, disableSmsOption: c, addContinueToDesktop: l, error: u, manager: d, logoSrc: f }) => {
1401
+ let { t: p } = t(), [m, h] = o(!1), g = a(() => {
1402
+ h(!0), setTimeout(() => h(!1), 3e3);
1403
+ }, []), _ = a(() => {
1404
+ d.continueOnDesktop();
1405
+ }, [d]);
1406
1406
  return /* @__PURE__ */ s("div", {
1407
1407
  class: "IncodeRedirectContainer",
1408
- children: [/* @__PURE__ */ s(E, { visible: p }), /* @__PURE__ */ s("div", {
1408
+ children: [/* @__PURE__ */ s(E, { visible: m }), /* @__PURE__ */ s("div", {
1409
1409
  class: "IncodeRedirectCard",
1410
- children: [
1411
- /* @__PURE__ */ s(w, { logoSrc: d }),
1412
- /* @__PURE__ */ s("div", {
1410
+ children: [c ? /* @__PURE__ */ s(r, { children: [/* @__PURE__ */ s(w, { logoSrc: f }), /* @__PURE__ */ s("div", {
1411
+ class: "IncodeRedirectOptions",
1412
+ children: /* @__PURE__ */ s(Z, { redirectUrl: e })
1413
+ })] }) : /* @__PURE__ */ s(S, {
1414
+ defaultValue: "qr",
1415
+ listClassName: "IncodeRedirectTabs",
1416
+ triggerClassName: "IncodeRedirectTab",
1417
+ activeTriggerClassName: "IncodeRedirectTabActive",
1418
+ children: [/* @__PURE__ */ s("div", {
1419
+ class: "IncodeRedirectTopGroup",
1420
+ children: [/* @__PURE__ */ s(w, { logoSrc: f }), /* @__PURE__ */ s(S.List, {
1421
+ label: p("v2.redirectToMobile.tabs.label"),
1422
+ children: [/* @__PURE__ */ s(S.Trigger, {
1423
+ value: "qr",
1424
+ children: p("v2.redirectToMobile.tabs.0")
1425
+ }), /* @__PURE__ */ s(S.Trigger, {
1426
+ value: "sms",
1427
+ children: p("v2.redirectToMobile.tabs.1")
1428
+ })]
1429
+ })]
1430
+ }), /* @__PURE__ */ s("div", {
1413
1431
  class: "IncodeRedirectOptions",
1414
- children: /* @__PURE__ */ s(S, {
1415
- defaultValue: "qr",
1416
- listClassName: "IncodeRedirectTabs",
1417
- triggerClassName: "IncodeRedirectTab",
1418
- activeTriggerClassName: "IncodeRedirectTabActive",
1419
- children: [
1420
- /* @__PURE__ */ s(S.List, { children: [/* @__PURE__ */ s(S.Trigger, {
1421
- value: "qr",
1422
- children: f("v2.redirectToMobile.tabs.0")
1423
- }), i ? null : /* @__PURE__ */ s(S.Trigger, {
1424
- value: "sms",
1425
- children: f("v2.redirectToMobile.tabs.1")
1426
- })] }),
1427
- /* @__PURE__ */ s(S.Content, {
1428
- value: "qr",
1429
- children: /* @__PURE__ */ s(ie, { redirectUrl: e })
1430
- }),
1431
- i ? null : /* @__PURE__ */ s(S.Content, {
1432
- value: "sms",
1433
- children: /* @__PURE__ */ s(Q, {
1434
- phonePrefix: n,
1435
- smsSent: r,
1436
- error: l,
1437
- manager: u,
1438
- onResend: h
1439
- })
1440
- })
1441
- ]
1442
- })
1443
- }),
1444
- /* @__PURE__ */ s(T, {
1445
- addContinueToDesktop: c,
1446
- onContinueOnDesktop: g
1447
- })
1448
- ]
1432
+ children: [/* @__PURE__ */ s(S.Content, {
1433
+ value: "qr",
1434
+ children: /* @__PURE__ */ s(Z, { redirectUrl: e })
1435
+ }), /* @__PURE__ */ s(S.Content, {
1436
+ value: "sms",
1437
+ children: /* @__PURE__ */ s(ce, {
1438
+ phonePrefix: n,
1439
+ smsSent: i,
1440
+ error: u,
1441
+ manager: d,
1442
+ onResend: g
1443
+ })
1444
+ })]
1445
+ })]
1446
+ }), /* @__PURE__ */ s(T, {
1447
+ addContinueToDesktop: l,
1448
+ onContinueOnDesktop: _
1449
+ })]
1449
1450
  })]
1450
1451
  });
1451
- }, le = ({ title: e, subtitle: n, logoSrc: r }) => {
1452
+ }, ue = ({ title: e, subtitle: n, logoSrc: r }) => {
1452
1453
  let { t: i } = t(), a = e ?? i("verificationComplete.title"), o = n ?? i("verificationComplete.message");
1453
1454
  return /* @__PURE__ */ s("div", {
1454
1455
  class: "IncodeRedirectFinishedContainer",
@@ -1469,7 +1470,7 @@ var w = ({ logoSrc: e }) => {
1469
1470
  }) : null
1470
1471
  ]
1471
1472
  });
1472
- }, ue = ({ config: e, onFinish: t, onContinue: n, onError: r }) => {
1473
+ }, Q = ({ config: e, onFinish: t, onContinue: n, onError: r }) => {
1473
1474
  let [a, o] = c(() => C({ config: e })), { logoSrc: l, logoHeightPx: u } = f({
1474
1475
  hideHeader: void 0,
1475
1476
  hideFooterBranding: void 0,
@@ -1487,7 +1488,7 @@ var w = ({ logoSrc: e }) => {
1487
1488
  r,
1488
1489
  a
1489
1490
  ]);
1490
- let p = a.status === "idle" || a.status === "loading" ? /* @__PURE__ */ s(m, { hideText: !0 }) : a.status === "redirecting" ? /* @__PURE__ */ s(ce, {
1491
+ let p = a.status === "idle" || a.status === "loading" ? /* @__PURE__ */ s(m, { hideText: !0 }) : a.status === "redirecting" ? /* @__PURE__ */ s(le, {
1491
1492
  redirectUrl: a.redirectUrl,
1492
1493
  phonePrefix: a.phonePrefix,
1493
1494
  smsSent: a.smsSent,
@@ -1496,13 +1497,13 @@ var w = ({ logoSrc: e }) => {
1496
1497
  error: a.error,
1497
1498
  manager: o,
1498
1499
  logoSrc: l
1499
- }) : a.status === "finished" ? /* @__PURE__ */ s(le, { logoSrc: l }) : null;
1500
+ }) : a.status === "finished" ? /* @__PURE__ */ s(ue, { logoSrc: l }) : null;
1500
1501
  return /* @__PURE__ */ s("main", {
1501
1502
  class: "IncodeRedirectRoot",
1502
1503
  style: { "--logo-height": `${u}px` },
1503
1504
  children: p
1504
1505
  });
1505
- }, $ = ({ config: e, onFinish: t, onContinue: n, onError: r }) => /* @__PURE__ */ s(l, { children: e ? /* @__PURE__ */ s(ue, {
1506
+ }, $ = ({ config: e, onFinish: t, onContinue: n, onError: r }) => /* @__PURE__ */ s(l, { children: e ? /* @__PURE__ */ s(Q, {
1506
1507
  config: e,
1507
1508
  onFinish: t,
1508
1509
  onContinue: n,
@@ -0,0 +1,78 @@
1
+ import { g as e, m as t, p as n, v as r, x as i } from "./vendor-preact-D6SntenC.js";
2
+ import { n as a } from "./loadingIcon-BN5YRQUb.js";
3
+ //#region src/shared/tabs/tabs.tsx
4
+ var o = i(null), s = () => {
5
+ let t = e(o);
6
+ if (!t) throw Error("Tabs compound components must be used within <Tabs>");
7
+ return t;
8
+ }, c = (e, t) => `${e}-tab-${t}`, l = (e, t) => `${e}-panel-${t}`, u = Object.assign(({ defaultValue: e, value: i, onValueChange: a, orientation: s = "horizontal", activation: c = "manual", listClassName: l, triggerClassName: u, activeTriggerClassName: d, children: f }) => {
9
+ let p = t(), [m, h] = n(e ?? i ?? ""), g = i ?? m;
10
+ return /* @__PURE__ */ r(o.Provider, {
11
+ value: {
12
+ baseId: p,
13
+ activeValue: g,
14
+ setActiveValue: (e) => {
15
+ i === void 0 && h(e), a?.(e);
16
+ },
17
+ orientation: s,
18
+ activation: c,
19
+ listClassName: l,
20
+ triggerClassName: u,
21
+ activeTriggerClassName: d
22
+ },
23
+ children: f
24
+ });
25
+ }, {
26
+ List: ({ label: e, labelledBy: t, children: n }) => {
27
+ let { listClassName: i, orientation: a } = s();
28
+ return /* @__PURE__ */ r("div", {
29
+ role: "tablist",
30
+ "aria-orientation": a,
31
+ "aria-label": e,
32
+ "aria-labelledby": t,
33
+ class: i,
34
+ children: n
35
+ });
36
+ },
37
+ Trigger: ({ value: e, disabled: t, children: n }) => {
38
+ let { baseId: i, activeValue: o, setActiveValue: u, orientation: d, activation: f, triggerClassName: p, activeTriggerClassName: m } = s(), h = o === e, g = (e) => {
39
+ let t = d === "horizontal", n = t ? "ArrowRight" : "ArrowDown", r = t ? "ArrowLeft" : "ArrowUp";
40
+ if (e.key !== n && e.key !== r && e.key !== "Home" && e.key !== "End") return;
41
+ let i = e.currentTarget.closest("[role=\"tablist\"]");
42
+ if (!i) return;
43
+ let a = Array.from(i.querySelectorAll("[role=\"tab\"]:not([disabled])")), o = a.indexOf(e.currentTarget);
44
+ if (o === -1) return;
45
+ let s;
46
+ if (e.key === n ? s = a[(o + 1) % a.length] : e.key === r ? s = a[(o - 1 + a.length) % a.length] : e.key === "Home" ? s = a[0] : e.key === "End" && (s = a[a.length - 1]), s && (e.preventDefault(), s.focus(), f === "automatic")) {
47
+ let e = s.dataset.value;
48
+ e !== void 0 && u(e);
49
+ }
50
+ };
51
+ return /* @__PURE__ */ r("button", {
52
+ type: "button",
53
+ role: "tab",
54
+ id: c(i, e),
55
+ "aria-selected": h,
56
+ "aria-controls": l(i, e),
57
+ tabIndex: h ? 0 : -1,
58
+ disabled: t,
59
+ "data-value": e,
60
+ class: a(p, h && m),
61
+ onClick: () => u(e),
62
+ onKeyDown: g,
63
+ children: n
64
+ });
65
+ },
66
+ Content: ({ value: e, className: t, children: n }) => {
67
+ let { baseId: i, activeValue: a } = s();
68
+ return a === e ? /* @__PURE__ */ r("div", {
69
+ role: "tabpanel",
70
+ id: l(i, e),
71
+ "aria-labelledby": c(i, e),
72
+ class: t,
73
+ children: n
74
+ }) : null;
75
+ }
76
+ });
77
+ //#endregion
78
+ export { u as t };
@@ -1206,6 +1206,9 @@
1206
1206
  --redirect-card-min-height: 100%;
1207
1207
  --redirect-options-height: 332px;
1208
1208
  --redirect-options-max-width: 752px;
1209
+ --redirect-tabs-max-width: 676px;
1210
+ --redirect-tab-description-max-width: 434px;
1211
+ --redirect-qr-wrapper-border-radius: 21px;
1209
1212
 
1210
1213
  /* digital ID upload */
1211
1214
  --digital-id-preview-w: 156px;
@@ -1206,6 +1206,9 @@
1206
1206
  --redirect-card-min-height: 100%;
1207
1207
  --redirect-options-height: 332px;
1208
1208
  --redirect-options-max-width: 752px;
1209
+ --redirect-tabs-max-width: 676px;
1210
+ --redirect-tab-description-max-width: 434px;
1211
+ --redirect-qr-wrapper-border-radius: 21px;
1209
1212
 
1210
1213
  /* digital ID upload */
1211
1214
  --digital-id-preview-w: 156px;
@@ -160,7 +160,7 @@ function A(e) {
160
160
  return t;
161
161
  }
162
162
  var j = {
163
- REDIRECT_TO_MOBILE: () => import("./redirectToMobile-DOeLyMDI.js").then((e) => e.RedirectToMobile),
163
+ REDIRECT_TO_MOBILE: () => import("./redirectToMobile-C3k1gloW.js").then((e) => e.RedirectToMobile),
164
164
  PHONE: () => import("./phone/phone.es.js").then((e) => e.Phone),
165
165
  EMAIL: () => import("./email/email.es.js").then((e) => e.Email),
166
166
  SELFIE: () => import("./selfie/selfie.es.js").then((e) => e.Selfie),
@@ -2178,6 +2178,14 @@
2178
2178
  flex: 1;
2179
2179
  }
2180
2180
 
2181
+ .IncodeManualUploadPage .IncodeManualUploadTabTrigger:focus-visible {
2182
+ border-radius: var(--radius-xs, .125rem);
2183
+ outline-style: var(--tw-outline-style);
2184
+ outline-offset: 2px;
2185
+ outline-width: 2px;
2186
+ outline-color: var(--color-border-status-focus, var(--border-status-focus));
2187
+ }
2188
+
2181
2189
  .IncodeManualUploadPage .IncodeManualUploadTabTrigger--active {
2182
2190
  border-bottom-color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));
2183
2191
  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
@@ -3411,11 +3419,12 @@
3411
3419
  .IncodeRedirectRoot .IncodeRedirectContainer {
3412
3420
  background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));
3413
3421
  justify-content: center;
3414
- align-items: center;
3422
+ align-items: safe center;
3415
3423
  width: 100%;
3416
3424
  height: 100%;
3417
3425
  display: flex;
3418
3426
  position: relative;
3427
+ overflow-y: auto;
3419
3428
  }
3420
3429
 
3421
3430
  .IncodeRedirectRoot .IncodeRedirectContainer .IncodeRedirectCard {
@@ -3437,11 +3446,18 @@
3437
3446
  overflow-x: clip;
3438
3447
  }
3439
3448
 
3449
+ .IncodeRedirectRoot .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTopGroup {
3450
+ align-items: center;
3451
+ gap: var(--spacing-32, var(--spacing-32, 32px));
3452
+ flex-direction: column;
3453
+ width: 100%;
3454
+ display: flex;
3455
+ }
3456
+
3440
3457
  .IncodeRedirectRoot .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions {
3441
3458
  align-items: center;
3442
3459
  gap: var(--spacing-32, var(--spacing-32, 32px));
3443
3460
  width: 100%;
3444
- height: var(--redirect-options-height);
3445
3461
  max-width: var(--redirect-options-max-width);
3446
3462
  flex-direction: column;
3447
3463
  display: flex;
@@ -3536,8 +3552,7 @@
3536
3552
  display: flex;
3537
3553
  }
3538
3554
 
3539
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectTabs {
3540
- --max-width-tabs: 676px;
3555
+ .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTabs {
3541
3556
  justify-content: center;
3542
3557
  align-items: flex-end;
3543
3558
  gap: var(--spacing-12, var(--spacing-12, 12px));
@@ -3545,11 +3560,11 @@
3545
3560
  border-bottom-width: 1px;
3546
3561
  border-color: var(--color-border-neutral-300, var(--border-neutral-300));
3547
3562
  width: 100%;
3548
- max-width: var(--max-width-tabs);
3563
+ max-width: var(--redirect-tabs-max-width);
3549
3564
  display: flex;
3550
3565
  }
3551
3566
 
3552
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectTabs .IncodeRedirectTab {
3567
+ .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTabs .IncodeRedirectTab {
3553
3568
  cursor: pointer;
3554
3569
  border-bottom-style: var(--tw-border-style);
3555
3570
  padding-inline: var(--spacing-24, var(--spacing-24, 24px));
@@ -3565,13 +3580,28 @@
3565
3580
  border-bottom-width: 2px;
3566
3581
  }
3567
3582
 
3568
- .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectTabs .IncodeRedirectTab.IncodeRedirectTabActive {
3583
+ .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTabs .IncodeRedirectTab:focus-visible {
3584
+ border-radius: var(--radius-xs, .125rem);
3585
+ outline-style: var(--tw-outline-style);
3586
+ outline-offset: 2px;
3587
+ outline-width: 2px;
3588
+ outline-color: var(--color-border-status-focus, var(--border-status-focus));
3589
+ }
3590
+
3591
+ .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTabs .IncodeRedirectTab.IncodeRedirectTabActive {
3569
3592
  border-color: var(--color-text-link-default, var(--text-link-default));
3570
3593
  color: var(--color-text-body-primary, var(--text-body-800-primary));
3571
3594
  }
3572
3595
 
3596
+ .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions > [role="tabpanel"] {
3597
+ align-items: center;
3598
+ gap: var(--spacing-32, var(--spacing-32, 32px));
3599
+ flex-direction: column;
3600
+ width: 100%;
3601
+ display: flex;
3602
+ }
3603
+
3573
3604
  .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectTabDescription {
3574
- --max-width-tab-description: 434px;
3575
3605
  text-align: center;
3576
3606
  font-family: var(--typography-headline-family);
3577
3607
  font-size: var(--typography-headline-h5-size);
@@ -3579,17 +3609,16 @@
3579
3609
  line-height: var(--typography-headline-h5-line-height);
3580
3610
  letter-spacing: var(--typography-headline-h5-letter-spacing);
3581
3611
  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
3582
- max-width: var(--max-width-tab-description);
3612
+ max-width: var(--redirect-tab-description-max-width);
3583
3613
  }
3584
3614
 
3585
3615
  .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectQrWrapper {
3586
- --border-radius-qr-wrapper: 21px;
3587
3616
  border-style: var(--tw-border-style);
3588
3617
  border-width: 1px;
3589
3618
  border-color: var(--color-border-neutral-100, var(--border-neutral-100));
3590
3619
  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
3591
3620
  padding: var(--spacing-12, var(--spacing-12, 12px));
3592
- border-radius: var(--border-radius-qr-wrapper);
3621
+ border-radius: var(--redirect-qr-wrapper-border-radius);
3593
3622
  justify-content: center;
3594
3623
  align-items: center;
3595
3624
  display: flex;
@@ -6,7 +6,7 @@ import { t as l } from "../incodeComponent-C1o4M0ZK.js";
6
6
  import "../spinner-B4dcie2T.js";
7
7
  import { t as u } from "../transitionSpinner-PIEPU2Vx.js";
8
8
  import { t as d } from "../incodeModule-BqCjVgEI.js";
9
- import { a as f, h as p, i as m, o as h, p as g, t as _ } from "../useModuleLoader-OY2iMWCC.js";
9
+ import { a as f, h as p, i as m, o as h, p as g, t as _ } from "../useModuleLoader-CXOG2py6.js";
10
10
  import { resolveWasmConfig as v, upgradeToWasmHttpClient as y, warmupWasm as b } from "@incodetech/core/wasm";
11
11
  import { getDeviceClass as x } from "@incodetech/core/device";
12
12
  import { QrValidationError as S, refreshQrUrlUuid as C } from "@incodetech/core/session";
@@ -14,7 +14,7 @@ import { createWorkflowManager as w } from "@incodetech/core/workflow";
14
14
  //#region src/modules/workflow/workflowInit.ts
15
15
  var T = {
16
16
  ...h,
17
- REDIRECT_TO_MOBILE: () => import("../redirectToMobile-DOeLyMDI.js").then((e) => e.RedirectToMobile)
17
+ REDIRECT_TO_MOBILE: () => import("../redirectToMobile-C3k1gloW.js").then((e) => e.RedirectToMobile)
18
18
  };
19
19
  async function E() {
20
20
  try {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@incodetech/web",
3
- "version": "0.0.0-dev-20260513-0ec71c0",
3
+ "version": "0.0.0-dev-20260513-14f81c3",
4
4
  "type": "module",
5
5
  "main": "./dist/index.es.js",
6
6
  "types": "./dist/types/index.d.ts",
@@ -239,7 +239,7 @@
239
239
  "qrcode": "^1.5.4",
240
240
  "signature_pad": "^5.1.3",
241
241
  "tailwindcss": "^4.1.17",
242
- "@incodetech/core": "0.0.0-dev-20260513-0ec71c0"
242
+ "@incodetech/core": "0.0.0-dev-20260513-14f81c3"
243
243
  },
244
244
  "devDependencies": {
245
245
  "@microsoft/api-extractor": "^7.53.3",
@@ -1,45 +0,0 @@
1
- import { S as e, g as t, p as n, v as r, x as i } from "./vendor-preact-D6SntenC.js";
2
- import { n as a } from "./loadingIcon-BN5YRQUb.js";
3
- //#region src/shared/tabs/tabs.tsx
4
- var o = i(null), s = () => {
5
- let e = t(o);
6
- if (!e) throw Error("Tabs compound components must be used within <Tabs>");
7
- return e;
8
- }, c = Object.assign(({ defaultValue: e, listClassName: t, triggerClassName: i, activeTriggerClassName: a, value: s, onValueChange: c, children: l }) => {
9
- let [u, d] = n(e ?? s ?? ""), f = s ?? u;
10
- return /* @__PURE__ */ r(o.Provider, {
11
- value: {
12
- activeValue: f,
13
- setActiveValue: (e) => {
14
- s === void 0 && d(e), c?.(e);
15
- },
16
- listClassName: t,
17
- triggerClassName: i,
18
- activeTriggerClassName: a
19
- },
20
- children: l
21
- });
22
- }, {
23
- List: ({ children: e }) => {
24
- let { listClassName: t } = s();
25
- return /* @__PURE__ */ r("div", {
26
- class: t,
27
- children: e
28
- });
29
- },
30
- Trigger: ({ value: e, children: t }) => {
31
- let { activeValue: n, setActiveValue: i, triggerClassName: o, activeTriggerClassName: c } = s();
32
- return /* @__PURE__ */ r("button", {
33
- type: "button",
34
- class: a(o, n === e && c),
35
- onClick: () => i(e),
36
- children: t
37
- });
38
- },
39
- Content: ({ value: t, children: n }) => {
40
- let { activeValue: i } = s();
41
- return i === t ? /* @__PURE__ */ r(e, { children: n }) : null;
42
- }
43
- });
44
- //#endregion
45
- export { c as t };