@incodetech/web 0.0.0-dev-20260320-26b35b4 → 0.0.0-dev-20260320-c9bdba0
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.
- package/dist/{AsYouType-DoYUSTc1.js → AsYouType-D1H_js4X.js} +1 -1
- package/dist/{Trans-CA9a3vKp.js → Trans-Cm7gi0st.js} +1 -1
- package/dist/{addressAutocomplete-DetZGxBZ.js → addressAutocomplete-BIQwiDWk.js} +3 -3
- package/dist/authentication/authentication.es.js +3 -3
- package/dist/base.css +151 -1
- package/dist/{button-Ca1tRSTI.js → button-zCdeDeEB.js} +2 -2
- package/dist/{captureFooter-x4F9jMyX.js → captureFooter-SNtyUXrI.js} +2 -2
- package/dist/{chevronDown-BUaOuf9J.js → chevronDown-DRVnB275.js} +1 -1
- package/dist/{closeIcon-BM7WLbKp.js → closeIcon-D2dmrZca.js} +1 -1
- package/dist/{countries-CM1cm_kP.js → countries-DfLkrF0x.js} +2 -2
- package/dist/curp-validation/curp-validation.es.js +47 -47
- package/dist/{dateInputComposed-CvFmQpJ0.js → dateInputComposed-C8WTSu9L.js} +3 -3
- package/dist/{documentCapture-CBgZ-Z0-.js → documentCapture-DWNK3phM.js} +7 -7
- package/dist/{dropdownComposed-B5ZuQS8C.js → dropdownComposed-Cg6lQD2C.js} +4 -4
- package/dist/{ekybModule-9m8cnkfH.js → ekybModule-DtMbgF08.js} +7 -7
- package/dist/{ekycModule-DBCar_-Z.js → ekycModule-DEMkVZr2.js} +8 -8
- package/dist/email/email.es.js +3 -3
- package/dist/{errorContent-yUAdbZ5o.js → errorContent-B3YzH-UQ.js} +5 -5
- package/dist/{errorIcon-BL647nVh.js → errorIcon-bIXk9nAy.js} +1 -1
- package/dist/extensibility.es.js +111 -341
- package/dist/{faceMatch-BjdNG_e0.js → faceMatch-BdMwIeBs.js} +2 -2
- package/dist/{fileIcon-DOyMcRWU.js → fileIcon-E4B7hd8V.js} +1 -1
- package/dist/flipAnimation-CnXEIDH1.js +2547 -0
- package/dist/flow/flow.es.js +11 -11
- package/dist/flow/styles.css +5 -106
- package/dist/{formField-FeX9N4c8.js → formField-hlgxOSE6.js} +6 -6
- package/dist/geolocation/geolocation.es.js +3 -3
- package/dist/governmentValidation/governmentValidation.es.js +7 -7
- package/dist/id/id.es.js +19 -19
- package/dist/id/styles.css +5 -119
- package/dist/{inputComposed-BHi-MSpP.js → inputComposed-CyGtRLzv.js} +6 -6
- package/dist/{permissions-CT8ELJ55.js → manualCaptureButton-iYqQECzn.js} +236 -180
- package/dist/{otpInput-DdkvlvCS.js → otpInput-B3iNW8b5.js} +2 -2
- package/dist/{page-BVHG3h0V.js → page-Dv0s0RPn.js} +5 -5
- package/dist/phone/phone.es.js +4 -4
- package/dist/{phoneInput-D4yirBZy.js → phoneInput-NVIE7YFb.js} +4 -4
- package/dist/{phoneInputComposed-BG1BANDW.js → phoneInputComposed-DNfU__MR.js} +7 -7
- package/dist/{processing-CDgOueI3.js → processing-BhY0-0xy.js} +2 -2
- package/dist/selfie/selfie.es.js +4 -4
- package/dist/spinner-BbVGMG-G.js +67 -0
- package/dist/{successIcon-BybULRRU.js → successIcon-DN8LMqE2.js} +1 -1
- package/dist/themes/dark.css +4 -0
- package/dist/themes/light.css +4 -0
- package/dist/{tutorial-DDrNTMZU.js → tutorial-CDJugc5j.js} +110 -165
- package/dist/types/extensibility.d.ts +34 -2
- package/dist/{warningIcon-DyoKeqDd.js → warningIcon-BBoCroUd.js} +1 -1
- package/package.json +2 -2
- package/dist/flipAnimation-C1mmGMlP.js +0 -1516
- package/dist/spinner-Cx3FPUCD.js +0 -66
package/dist/flow/flow.es.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { u as l, d as _t, b as F, S as X, B as Z, V as Ot, I as Ct, a as It, c as qt, i as Vt } from "../button-
|
|
1
|
+
import { u as l, d as _t, b as F, S as X, B as Z, V as Ot, I as Ct, a as It, c as qt, i as Vt } from "../button-zCdeDeEB.js";
|
|
2
2
|
import { createOrchestratedFlowManager as zt, getRequiredWasmPipelines as yt } from "@incodetech/core/flow";
|
|
3
3
|
import { Q as Ht, d as _, k as ne, x as Kt, y as L, P as Gt, z as jt, q as J, A as Le } from "../vendor-preact-BXf0bkEs.js";
|
|
4
4
|
import { api as Et, warmupWasm as Yt } from "@incodetech/core";
|
|
5
5
|
import { s as te } from "../uiConfig-Z6RT23Sl.js";
|
|
6
6
|
import { r as Tt } from "../incodeModule-aE-LkKwM.js";
|
|
7
|
-
import { S as x } from "../spinner-
|
|
7
|
+
import { S as x } from "../spinner-BbVGMG-G.js";
|
|
8
8
|
import { createRedirectToMobileManager as Jt } from "@incodetech/core/redirect-to-mobile";
|
|
9
|
-
import { S as Mt } from "../successIcon-
|
|
10
|
-
import {
|
|
11
|
-
import { T as Qt } from "../Trans-
|
|
9
|
+
import { S as Mt } from "../successIcon-DN8LMqE2.js";
|
|
10
|
+
import { a as xt } from "../countries-DfLkrF0x.js";
|
|
11
|
+
import { T as Qt } from "../Trans-Cm7gi0st.js";
|
|
12
12
|
import { ekybMachine as Wt } from "@incodetech/core/ekyb";
|
|
13
13
|
import { ekycMachine as Xt } from "@incodetech/core/ekyc";
|
|
14
14
|
import { emailMachine as Zt } from "@incodetech/core/email";
|
|
@@ -1672,7 +1672,7 @@ const _n = ({
|
|
|
1672
1672
|
) })
|
|
1673
1673
|
] });
|
|
1674
1674
|
}, Vn = jt(
|
|
1675
|
-
() => import("../phoneInput-
|
|
1675
|
+
() => import("../phoneInput-NVIE7YFb.js").then((e) => ({ default: e.PhoneInput }))
|
|
1676
1676
|
), zn = ({
|
|
1677
1677
|
countryCode: e,
|
|
1678
1678
|
phonePrefix: t,
|
|
@@ -1994,18 +1994,18 @@ const Pe = () => import("../id/id.es.js").then((e) => e.Id), ke = {
|
|
|
1994
1994
|
ID: Pe,
|
|
1995
1995
|
TUTORIAL_ID: Pe,
|
|
1996
1996
|
SECOND_ID: Pe,
|
|
1997
|
-
FACE_MATCH: () => import("../faceMatch-
|
|
1997
|
+
FACE_MATCH: () => import("../faceMatch-BdMwIeBs.js").then((e) => e.FaceMatch),
|
|
1998
1998
|
CURP_VALIDATION: () => import("../curp-validation/curp-validation.es.js").then((e) => e.CurpValidation),
|
|
1999
1999
|
GOVT_VALIDATION_PROVISIONING: () => import("../governmentValidation/governmentValidation.es.js").then(
|
|
2000
2000
|
(e) => e.GovernmentValidation
|
|
2001
2001
|
),
|
|
2002
2002
|
GEOLOCATION: () => import("../geolocation/geolocation.es.js").then((e) => e.Geolocation),
|
|
2003
|
-
EXTERNAL_VERIFICATION: () => import("../ekycModule-
|
|
2004
|
-
EKYB: () => import("../ekybModule-
|
|
2005
|
-
DOCUMENT_CAPTURE: () => import("../documentCapture-
|
|
2003
|
+
EXTERNAL_VERIFICATION: () => import("../ekycModule-DEMkVZr2.js").then((e) => e.EkycModule),
|
|
2004
|
+
EKYB: () => import("../ekybModule-DtMbgF08.js").then((e) => e.EkybModule),
|
|
2005
|
+
DOCUMENT_CAPTURE: () => import("../documentCapture-DWNK3phM.js").then(
|
|
2006
2006
|
(e) => e.DocumentCapture
|
|
2007
2007
|
),
|
|
2008
|
-
ADDRESS: () => import("../documentCapture-
|
|
2008
|
+
ADDRESS: () => import("../documentCapture-DWNK3phM.js").then(
|
|
2009
2009
|
(e) => e.DocumentCapture
|
|
2010
2010
|
)
|
|
2011
2011
|
};
|
package/dist/flow/styles.css
CHANGED
|
@@ -3639,119 +3639,18 @@
|
|
|
3639
3639
|
width: 100%;
|
|
3640
3640
|
}
|
|
3641
3641
|
|
|
3642
|
+
.IncodeChooserPage .IncodePageContent {
|
|
3643
|
+
padding-bottom: var(--spacing-16, var(--spacing-16, 16px));
|
|
3644
|
+
}
|
|
3645
|
+
|
|
3642
3646
|
.IncodeChooserPage .IncodePageTitle {
|
|
3643
|
-
max-width:
|
|
3647
|
+
max-width: 15.625rem;
|
|
3644
3648
|
}
|
|
3645
3649
|
|
|
3646
3650
|
.IncodeChooserPage .IncodeChooserContainer {
|
|
3647
|
-
width: 100%;
|
|
3648
|
-
padding-bottom: var(--spacing-32, var(--spacing-32, 32px));
|
|
3649
3651
|
flex-direction: column;
|
|
3650
3652
|
align-items: center;
|
|
3651
|
-
margin-top: auto;
|
|
3652
|
-
display: flex;
|
|
3653
|
-
}
|
|
3654
|
-
|
|
3655
|
-
.IncodeChooserPage .IncodeChooserContainer .IncodeChooserButtons {
|
|
3656
|
-
gap: var(--spacing-24, var(--spacing-24, 24px));
|
|
3657
|
-
flex-direction: column;
|
|
3658
3653
|
width: 100%;
|
|
3659
|
-
max-width: 420px;
|
|
3660
|
-
display: flex;
|
|
3661
|
-
}
|
|
3662
|
-
|
|
3663
|
-
.IncodeChooserPage .IncodeChooserContainer .IncodeChooserButton {
|
|
3664
|
-
min-height: var(--spacing-120, var(--spacing-120, 120px));
|
|
3665
|
-
cursor: pointer;
|
|
3666
|
-
touch-action: manipulation;
|
|
3667
|
-
border-radius: var(--radius-large, var(--border-radius-large));
|
|
3668
|
-
border-style: var(--tw-border-style);
|
|
3669
|
-
--tw-border-style: solid;
|
|
3670
|
-
border-style: solid;
|
|
3671
|
-
border-width: 1px;
|
|
3672
|
-
border-color: var(--color-border-neutral-100, var(--border-neutral-100));
|
|
3673
|
-
background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));
|
|
3674
|
-
padding-top: var(--spacing-20, var(--spacing-20, 20px));
|
|
3675
|
-
padding-right: var(--spacing-24, var(--spacing-24, 24px));
|
|
3676
|
-
padding-bottom: var(--spacing-20, var(--spacing-20, 20px));
|
|
3677
|
-
padding-left: var(--spacing-20, var(--spacing-20, 20px));
|
|
3678
|
-
text-align: right;
|
|
3679
|
-
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
|
|
3680
|
-
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
|
|
3681
|
-
transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
|
|
3682
|
-
--tw-duration: .2s;
|
|
3683
|
-
align-items: flex-start;
|
|
3684
|
-
transition-duration: .2s;
|
|
3685
|
-
display: flex;
|
|
3686
|
-
box-shadow: 0 2px 7px #0000000d, 0 2px 35px #21273b0d;
|
|
3687
|
-
}
|
|
3688
|
-
|
|
3689
|
-
.IncodeChooserPage .IncodeChooserContainer .IncodeChooserButton:active .IncodeChooserArrowRect {
|
|
3690
|
-
filter: brightness(.8);
|
|
3691
|
-
}
|
|
3692
|
-
|
|
3693
|
-
.IncodeChooserPage .IncodeChooserContainer .IncodeChooserButton:focus-visible {
|
|
3694
|
-
outline-width: 1px;
|
|
3695
|
-
outline-style: var(--tw-outline-style);
|
|
3696
|
-
outline-offset: 2px;
|
|
3697
|
-
outline-width: 2px;
|
|
3698
|
-
outline-color: var(--focus-ring-color);
|
|
3699
|
-
}
|
|
3700
|
-
|
|
3701
|
-
.IncodeChooserPage .IncodeChooserContainer .IncodeChooserButton:disabled {
|
|
3702
|
-
cursor: not-allowed;
|
|
3703
|
-
opacity: .6;
|
|
3704
|
-
}
|
|
3705
|
-
|
|
3706
|
-
.IncodeChooserPage .IncodeChooserContainer .IncodeChooserButton .IncodeChooserButtonIcon {
|
|
3707
|
-
flex-shrink: 0;
|
|
3708
|
-
justify-content: center;
|
|
3709
|
-
align-items: center;
|
|
3710
|
-
width: 120px;
|
|
3711
|
-
display: flex;
|
|
3712
|
-
}
|
|
3713
|
-
|
|
3714
|
-
.IncodeChooserPage .IncodeChooserContainer .IncodeChooserButton .IncodeChooserButtonIcon svg {
|
|
3715
|
-
width: 100%;
|
|
3716
|
-
height: auto;
|
|
3717
|
-
}
|
|
3718
|
-
|
|
3719
|
-
.IncodeChooserPage .IncodeChooserContainer .IncodeChooserButton .IncodeChooserButtonIcon .IncodePassportIcon .IncodePassportIconFill {
|
|
3720
|
-
fill: var(--color-surface-brand-500, var(--surface-brand-500-static));
|
|
3721
|
-
}
|
|
3722
|
-
|
|
3723
|
-
.IncodeChooserPage .IncodeChooserContainer .IncodeChooserButton .IncodeChooserButtonContent {
|
|
3724
|
-
flex-direction: column;
|
|
3725
|
-
flex: 1;
|
|
3726
|
-
align-self: stretch;
|
|
3727
|
-
align-items: flex-end;
|
|
3728
|
-
display: flex;
|
|
3729
|
-
}
|
|
3730
|
-
|
|
3731
|
-
.IncodeChooserPage .IncodeChooserContainer .IncodeChooserButton .IncodeChooserButtonContent .IncodeChooserButtonTitle {
|
|
3732
|
-
font-family: var(--typography-headline-family);
|
|
3733
|
-
font-size: var(--typography-headline-h5-size);
|
|
3734
|
-
font-weight: var(--typography-headline-h5-weight);
|
|
3735
|
-
line-height: var(--typography-headline-h5-line-height);
|
|
3736
|
-
letter-spacing: var(--typography-headline-h5-letter-spacing);
|
|
3737
|
-
color: var(--color-text-body-primary, var(--text-body-800-primary));
|
|
3738
|
-
}
|
|
3739
|
-
|
|
3740
|
-
.IncodeChooserPage .IncodeChooserContainer .IncodeChooserButton .IncodeChooserButtonContent .IncodeChooserButtonDescription {
|
|
3741
|
-
font-family: var(--typography-body-family);
|
|
3742
|
-
font-size: var(--typography-body-m-regular-size);
|
|
3743
|
-
font-weight: var(--typography-body-m-regular-weight);
|
|
3744
|
-
line-height: var(--typography-body-m-regular-line-height);
|
|
3745
|
-
letter-spacing: var(--typography-body-m-regular-letter-spacing);
|
|
3746
|
-
color: var(--color-text-body-secondary, var(--text-body-500-secondary));
|
|
3747
|
-
max-width: 150px;
|
|
3748
|
-
}
|
|
3749
|
-
|
|
3750
|
-
.IncodeChooserPage .IncodeChooserContainer .IncodeChooserButton .IncodeChooserButtonContent .IncodeChooserButtonArrow {
|
|
3751
|
-
flex-shrink: 0;
|
|
3752
|
-
justify-content: center;
|
|
3753
|
-
align-self: flex-end;
|
|
3754
|
-
align-items: center;
|
|
3755
3654
|
margin-top: auto;
|
|
3756
3655
|
display: flex;
|
|
3757
3656
|
}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { b as N, u as e, B as I } from "./button-
|
|
1
|
+
import { b as N, u as e, B as I } from "./button-zCdeDeEB.js";
|
|
2
2
|
import "./uiConfig-Z6RT23Sl.js";
|
|
3
3
|
import "./vendor-preact-BXf0bkEs.js";
|
|
4
|
-
import { E as y } from "./errorIcon-
|
|
5
|
-
import { S as F } from "./successIcon-
|
|
6
|
-
import { P as m } from "./page-
|
|
7
|
-
import { S as E } from "./spinner-
|
|
8
|
-
import {
|
|
4
|
+
import { E as y } from "./errorIcon-bIXk9nAy.js";
|
|
5
|
+
import { S as F } from "./successIcon-DN8LMqE2.js";
|
|
6
|
+
import { P as m } from "./page-Dv0s0RPn.js";
|
|
7
|
+
import { S as E } from "./spinner-BbVGMG-G.js";
|
|
8
|
+
import { a as S } from "./inputComposed-CyGtRLzv.js";
|
|
9
9
|
const A = ({
|
|
10
10
|
status: i,
|
|
11
11
|
submittingTitle: t,
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { u as e, b as Z, S as m, B as M, I as K, a as B } from "../button-
|
|
1
|
+
import { u as e, b as Z, S as m, B as M, I as K, a as B } from "../button-zCdeDeEB.js";
|
|
2
2
|
import { createGeolocationManager as I } from "@incodetech/core/geolocation";
|
|
3
3
|
import { k as H, y as P } from "../vendor-preact-BXf0bkEs.js";
|
|
4
4
|
import { getBrowser as F, getDeviceClass as O } from "@incodetech/core";
|
|
5
5
|
import "../uiConfig-Z6RT23Sl.js";
|
|
6
|
-
import { P as G } from "../page-
|
|
6
|
+
import { P as G } from "../page-Dv0s0RPn.js";
|
|
7
7
|
import { r as A } from "../incodeModule-aE-LkKwM.js";
|
|
8
|
-
import { T as x } from "../Trans-
|
|
8
|
+
import { T as x } from "../Trans-Cm7gi0st.js";
|
|
9
9
|
const V = () => /* @__PURE__ */ e(
|
|
10
10
|
"svg",
|
|
11
11
|
{
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { u as n, I as p, b as m, a as v, S as f } from "../button-
|
|
1
|
+
import { u as n, I as p, b as m, a as v, S as f } from "../button-zCdeDeEB.js";
|
|
2
2
|
import { createGovernmentValidationManager as g } from "@incodetech/core/government-validation";
|
|
3
3
|
import "../vendor-preact-BXf0bkEs.js";
|
|
4
4
|
import "@incodetech/core";
|
|
5
5
|
import "../uiConfig-Z6RT23Sl.js";
|
|
6
|
-
import { E as h } from "../errorIcon-
|
|
7
|
-
import { S as c } from "../successIcon-
|
|
8
|
-
import { W as I } from "../warningIcon-
|
|
9
|
-
import { O as V } from "../otpInput-
|
|
10
|
-
import { P as r } from "../page-
|
|
11
|
-
import { S as G } from "../spinner-
|
|
6
|
+
import { E as h } from "../errorIcon-bIXk9nAy.js";
|
|
7
|
+
import { S as c } from "../successIcon-DN8LMqE2.js";
|
|
8
|
+
import { W as I } from "../warningIcon-BBoCroUd.js";
|
|
9
|
+
import { O as V } from "../otpInput-B3iNW8b5.js";
|
|
10
|
+
import { P as r } from "../page-Dv0s0RPn.js";
|
|
11
|
+
import { S as G } from "../spinner-BbVGMG-G.js";
|
|
12
12
|
import { r as S } from "../incodeModule-aE-LkKwM.js";
|
|
13
13
|
const a = ({
|
|
14
14
|
variant: i,
|
package/dist/id/id.es.js
CHANGED
|
@@ -1,40 +1,40 @@
|
|
|
1
|
-
import { u as r, I as u, a as m } from "../button-
|
|
1
|
+
import { u as r, I as u, a as m } from "../button-zCdeDeEB.js";
|
|
2
2
|
import { createIdCaptureManager as d } from "@incodetech/core/id";
|
|
3
3
|
import "../vendor-preact-BXf0bkEs.js";
|
|
4
4
|
import "@incodetech/core";
|
|
5
|
-
import { P as
|
|
6
|
-
import { r as
|
|
7
|
-
import { P as l } from "../processing-
|
|
8
|
-
import {
|
|
5
|
+
import { P as c } from "../manualCaptureButton-iYqQECzn.js";
|
|
6
|
+
import { r as p } from "../incodeModule-aE-LkKwM.js";
|
|
7
|
+
import { P as l } from "../processing-BhY0-0xy.js";
|
|
8
|
+
import { d as f, c as I, F as a, b as g, e as h, I as C } from "../flipAnimation-CnXEIDH1.js";
|
|
9
9
|
import "../uiConfig-Z6RT23Sl.js";
|
|
10
|
-
import "../spinner-
|
|
10
|
+
import "../spinner-BbVGMG-G.js";
|
|
11
11
|
const F = ({
|
|
12
|
-
config:
|
|
13
|
-
manager:
|
|
12
|
+
config: e,
|
|
13
|
+
manager: i,
|
|
14
14
|
onFinish: n,
|
|
15
|
-
onError:
|
|
15
|
+
onError: o
|
|
16
16
|
}) => {
|
|
17
17
|
const [t, s] = m(
|
|
18
|
-
() =>
|
|
19
|
-
{ manageLifecycle: !
|
|
18
|
+
() => i ?? d({ config: e }),
|
|
19
|
+
{ manageLifecycle: !i }
|
|
20
20
|
);
|
|
21
|
-
return t.status === "idle" || t.status === "loading" ? null : t.status === "chooser" ? /* @__PURE__ */ r(f, { manager: s }) : t.status === "tutorial" ? /* @__PURE__ */ r(I, { manager: s, state: t }) : t.status === "permissions" ? /* @__PURE__ */ r(
|
|
22
|
-
|
|
21
|
+
return t.status === "idle" || t.status === "loading" ? null : t.status === "chooser" ? /* @__PURE__ */ r(f, { manager: s, state: t }) : t.status === "tutorial" ? /* @__PURE__ */ r(I, { manager: s, state: t }) : t.status === "permissions" ? /* @__PURE__ */ r(
|
|
22
|
+
c,
|
|
23
23
|
{
|
|
24
24
|
manager: s,
|
|
25
25
|
permissionStatus: t.permissionStatus
|
|
26
26
|
}
|
|
27
|
-
) : t.status === "frontFinished" ? /* @__PURE__ */ r(
|
|
28
|
-
}, P = ({ config:
|
|
27
|
+
) : t.status === "frontFinished" ? /* @__PURE__ */ r(a, { manager: s, direction: "toBack" }) : t.status === "backFinished" ? /* @__PURE__ */ r(a, { manager: s, direction: "toFront" }) : t.status === "capture" ? /* @__PURE__ */ r(g, { manager: s, state: t, onFinish: () => n?.() }) : t.status === "processing" ? /* @__PURE__ */ r(l, {}) : t.status === "expired" ? /* @__PURE__ */ r(h, { manager: s }) : t.status === "finished" ? (n?.(), null) : t.status === "closed" ? (o?.(void 0), null) : t.status === "error" ? /* @__PURE__ */ r(C, { manager: s, state: t, onError: o }) : null;
|
|
28
|
+
}, P = ({ config: e, manager: i, onFinish: n, onError: o }) => /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r("main", { class: "IncodeIdMain", children: e ? /* @__PURE__ */ r(
|
|
29
29
|
F,
|
|
30
30
|
{
|
|
31
|
-
config:
|
|
32
|
-
manager:
|
|
31
|
+
config: e,
|
|
32
|
+
manager: i,
|
|
33
33
|
onFinish: n,
|
|
34
|
-
onError:
|
|
34
|
+
onError: o
|
|
35
35
|
}
|
|
36
36
|
) : null }) });
|
|
37
|
-
|
|
37
|
+
p(P, "incode-id");
|
|
38
38
|
export {
|
|
39
39
|
P as Id
|
|
40
40
|
};
|
package/dist/id/styles.css
CHANGED
|
@@ -3,8 +3,6 @@
|
|
|
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-duration: initial;
|
|
7
|
-
--tw-outline-style: solid;
|
|
8
6
|
--tw-translate-x: 0;
|
|
9
7
|
--tw-translate-y: 0;
|
|
10
8
|
--tw-translate-z: 0;
|
|
@@ -801,119 +799,18 @@
|
|
|
801
799
|
width: 100%;
|
|
802
800
|
}
|
|
803
801
|
|
|
802
|
+
.IncodeChooserPage .IncodePageContent {
|
|
803
|
+
padding-bottom: var(--spacing-16, var(--spacing-16, 16px));
|
|
804
|
+
}
|
|
805
|
+
|
|
804
806
|
.IncodeChooserPage .IncodePageTitle {
|
|
805
|
-
max-width:
|
|
807
|
+
max-width: 15.625rem;
|
|
806
808
|
}
|
|
807
809
|
|
|
808
810
|
.IncodeChooserPage .IncodeChooserContainer {
|
|
809
|
-
width: 100%;
|
|
810
|
-
padding-bottom: var(--spacing-32, var(--spacing-32, 32px));
|
|
811
811
|
flex-direction: column;
|
|
812
812
|
align-items: center;
|
|
813
|
-
margin-top: auto;
|
|
814
|
-
display: flex;
|
|
815
|
-
}
|
|
816
|
-
|
|
817
|
-
.IncodeChooserPage .IncodeChooserContainer .IncodeChooserButtons {
|
|
818
|
-
gap: var(--spacing-24, var(--spacing-24, 24px));
|
|
819
|
-
flex-direction: column;
|
|
820
813
|
width: 100%;
|
|
821
|
-
max-width: 420px;
|
|
822
|
-
display: flex;
|
|
823
|
-
}
|
|
824
|
-
|
|
825
|
-
.IncodeChooserPage .IncodeChooserContainer .IncodeChooserButton {
|
|
826
|
-
min-height: var(--spacing-120, var(--spacing-120, 120px));
|
|
827
|
-
cursor: pointer;
|
|
828
|
-
touch-action: manipulation;
|
|
829
|
-
border-radius: var(--radius-large, var(--border-radius-large));
|
|
830
|
-
border-style: var(--tw-border-style);
|
|
831
|
-
--tw-border-style: solid;
|
|
832
|
-
border-style: solid;
|
|
833
|
-
border-width: 1px;
|
|
834
|
-
border-color: var(--color-border-neutral-100, var(--border-neutral-100));
|
|
835
|
-
background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));
|
|
836
|
-
padding-top: var(--spacing-20, var(--spacing-20, 20px));
|
|
837
|
-
padding-right: var(--spacing-24, var(--spacing-24, 24px));
|
|
838
|
-
padding-bottom: var(--spacing-20, var(--spacing-20, 20px));
|
|
839
|
-
padding-left: var(--spacing-20, var(--spacing-20, 20px));
|
|
840
|
-
text-align: right;
|
|
841
|
-
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
|
|
842
|
-
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
|
|
843
|
-
transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
|
|
844
|
-
--tw-duration: .2s;
|
|
845
|
-
align-items: flex-start;
|
|
846
|
-
transition-duration: .2s;
|
|
847
|
-
display: flex;
|
|
848
|
-
box-shadow: 0 2px 7px #0000000d, 0 2px 35px #21273b0d;
|
|
849
|
-
}
|
|
850
|
-
|
|
851
|
-
.IncodeChooserPage .IncodeChooserContainer .IncodeChooserButton:active .IncodeChooserArrowRect {
|
|
852
|
-
filter: brightness(.8);
|
|
853
|
-
}
|
|
854
|
-
|
|
855
|
-
.IncodeChooserPage .IncodeChooserContainer .IncodeChooserButton:focus-visible {
|
|
856
|
-
outline-width: 1px;
|
|
857
|
-
outline-style: var(--tw-outline-style);
|
|
858
|
-
outline-offset: 2px;
|
|
859
|
-
outline-width: 2px;
|
|
860
|
-
outline-color: var(--focus-ring-color);
|
|
861
|
-
}
|
|
862
|
-
|
|
863
|
-
.IncodeChooserPage .IncodeChooserContainer .IncodeChooserButton:disabled {
|
|
864
|
-
cursor: not-allowed;
|
|
865
|
-
opacity: .6;
|
|
866
|
-
}
|
|
867
|
-
|
|
868
|
-
.IncodeChooserPage .IncodeChooserContainer .IncodeChooserButton .IncodeChooserButtonIcon {
|
|
869
|
-
flex-shrink: 0;
|
|
870
|
-
justify-content: center;
|
|
871
|
-
align-items: center;
|
|
872
|
-
width: 120px;
|
|
873
|
-
display: flex;
|
|
874
|
-
}
|
|
875
|
-
|
|
876
|
-
.IncodeChooserPage .IncodeChooserContainer .IncodeChooserButton .IncodeChooserButtonIcon svg {
|
|
877
|
-
width: 100%;
|
|
878
|
-
height: auto;
|
|
879
|
-
}
|
|
880
|
-
|
|
881
|
-
.IncodeChooserPage .IncodeChooserContainer .IncodeChooserButton .IncodeChooserButtonIcon .IncodePassportIcon .IncodePassportIconFill {
|
|
882
|
-
fill: var(--color-surface-brand-500, var(--surface-brand-500-static));
|
|
883
|
-
}
|
|
884
|
-
|
|
885
|
-
.IncodeChooserPage .IncodeChooserContainer .IncodeChooserButton .IncodeChooserButtonContent {
|
|
886
|
-
flex-direction: column;
|
|
887
|
-
flex: 1;
|
|
888
|
-
align-self: stretch;
|
|
889
|
-
align-items: flex-end;
|
|
890
|
-
display: flex;
|
|
891
|
-
}
|
|
892
|
-
|
|
893
|
-
.IncodeChooserPage .IncodeChooserContainer .IncodeChooserButton .IncodeChooserButtonContent .IncodeChooserButtonTitle {
|
|
894
|
-
font-family: var(--typography-headline-family);
|
|
895
|
-
font-size: var(--typography-headline-h5-size);
|
|
896
|
-
font-weight: var(--typography-headline-h5-weight);
|
|
897
|
-
line-height: var(--typography-headline-h5-line-height);
|
|
898
|
-
letter-spacing: var(--typography-headline-h5-letter-spacing);
|
|
899
|
-
color: var(--color-text-body-primary, var(--text-body-800-primary));
|
|
900
|
-
}
|
|
901
|
-
|
|
902
|
-
.IncodeChooserPage .IncodeChooserContainer .IncodeChooserButton .IncodeChooserButtonContent .IncodeChooserButtonDescription {
|
|
903
|
-
font-family: var(--typography-body-family);
|
|
904
|
-
font-size: var(--typography-body-m-regular-size);
|
|
905
|
-
font-weight: var(--typography-body-m-regular-weight);
|
|
906
|
-
line-height: var(--typography-body-m-regular-line-height);
|
|
907
|
-
letter-spacing: var(--typography-body-m-regular-letter-spacing);
|
|
908
|
-
color: var(--color-text-body-secondary, var(--text-body-500-secondary));
|
|
909
|
-
max-width: 150px;
|
|
910
|
-
}
|
|
911
|
-
|
|
912
|
-
.IncodeChooserPage .IncodeChooserContainer .IncodeChooserButton .IncodeChooserButtonContent .IncodeChooserButtonArrow {
|
|
913
|
-
flex-shrink: 0;
|
|
914
|
-
justify-content: center;
|
|
915
|
-
align-self: flex-end;
|
|
916
|
-
align-items: center;
|
|
917
814
|
margin-top: auto;
|
|
918
815
|
display: flex;
|
|
919
816
|
}
|
|
@@ -1518,17 +1415,6 @@
|
|
|
1518
1415
|
initial-value: solid;
|
|
1519
1416
|
}
|
|
1520
1417
|
|
|
1521
|
-
@property --tw-duration {
|
|
1522
|
-
syntax: "*";
|
|
1523
|
-
inherits: false
|
|
1524
|
-
}
|
|
1525
|
-
|
|
1526
|
-
@property --tw-outline-style {
|
|
1527
|
-
syntax: "*";
|
|
1528
|
-
inherits: false;
|
|
1529
|
-
initial-value: solid;
|
|
1530
|
-
}
|
|
1531
|
-
|
|
1532
1418
|
@property --tw-translate-x {
|
|
1533
1419
|
syntax: "*";
|
|
1534
1420
|
inherits: false;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { u as o, d as m } from "./button-
|
|
1
|
+
import { u as o, d as m } from "./button-zCdeDeEB.js";
|
|
2
2
|
import { D as u } from "./vendor-preact-BXf0bkEs.js";
|
|
3
|
-
import { C as W } from "./closeIcon-
|
|
4
|
-
import { E as y } from "./errorIcon-
|
|
5
|
-
import { S as E } from "./successIcon-
|
|
3
|
+
import { C as W } from "./closeIcon-D2dmrZca.js";
|
|
4
|
+
import { E as y } from "./errorIcon-bIXk9nAy.js";
|
|
5
|
+
import { S as E } from "./successIcon-DN8LMqE2.js";
|
|
6
6
|
const w = u((e, n) => {
|
|
7
7
|
const { class: a, type: s = "text", ...r } = e;
|
|
8
8
|
return /* @__PURE__ */ o(
|
|
@@ -97,6 +97,6 @@ const w = u((e, n) => {
|
|
|
97
97
|
}
|
|
98
98
|
);
|
|
99
99
|
export {
|
|
100
|
-
|
|
101
|
-
|
|
100
|
+
w as I,
|
|
101
|
+
j as a
|
|
102
102
|
};
|