@adyen/kyc-components 3.26.3 → 3.27.0
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/es/adyen-kyc-components.es.js +773 -699
- package/dist/style.css +157 -283
- package/dist/types/components/BasicInformation/component/BasicInformationComponent.d.ts +1 -1
- package/dist/types/components/BasicInformation/types.d.ts +1 -0
- package/dist/types/components/BusinessDetails/types.d.ts +1 -0
- package/dist/types/components/BusinessSelection/BusinessInformationCard.d.ts +2 -1
- package/dist/types/components/BusinessSelection/component/BusinessSelectionComponent.d.ts +1 -1
- package/dist/types/components/BusinessSelection/types.d.ts +1 -0
- package/dist/types/components/Dropins/BusinessDetailsDropin/types.d.ts +1 -1
- package/dist/types/components/Dropins/CompanyDropin/components/CompanyDropinComponent.d.ts +1 -1
- package/dist/types/components/Dropins/CompanySearchDropin/components/CompanySearchDropinComponent.d.ts +1 -1
- package/dist/types/components/Dropins/DropinLayout/EmbeddedActionBar/EmbeddedActionBar.d.ts +1 -1
- package/dist/types/components/Dropins/FormWrapper/FormWrapper.d.ts +2 -1
- package/dist/types/components/EmbeddedDropins/CreateContractingComponent/CreateContractingComponent.d.ts +6 -0
- package/dist/types/components/EmbeddedDropins/ManageTransferInstrumentComponent/ManageTransferInstrumentOverview/ManageTransferInstrumentOverview.d.ts +2 -3
- package/dist/types/components/EmbeddedDropins/ManageTransferInstrumentComponent/ManageTransferInstrumentOverviewItem/ManageTransferInstrumentOverviewItem.d.ts +1 -3
- package/dist/types/components/EmbeddedDropins/ManageTransferInstrumentComponent/ManageTransferInstrumentOverviewItemModal/ManageTransferInstrumentOverviewItemModal.d.ts +11 -0
- package/dist/types/components/PayoutAccount/types.d.ts +1 -0
- package/dist/types/components/StepProgressIndicator/StepProgressIndicator.d.ts +8 -0
- package/dist/types/components/{internal → embedded-ui}/EmbeddedStatus/EmbeddedStatus.d.ts +3 -3
- package/dist/types/components/{internal → embedded-ui}/EmbeddedStatus/statusToTag.d.ts +3 -3
- package/dist/types/components/index.d.ts +2 -0
- package/dist/types/components/internal/Modal/Modal.d.ts +7 -16
- package/dist/types/components/internal/StructuredList/StructuredList.d.ts +10 -0
- package/dist/types/components/internal/Svg/svgs.d.ts +2 -3
- package/dist/types/core/hooks/singpass/useSingpassMyInfoLogin.d.ts +1 -2
- package/dist/types/core/hooks/useBusinessData/types.d.ts +1 -0
- package/dist/types/core/hooks/useFormComposer.d.ts +1 -0
- package/package.json +1 -1
- package/dist/es/owners-DT55tjrZ.js +0 -5
- package/dist/es/signatory-BUpU_luQ.js +0 -10
- package/dist/es/user-business-BZ3Ko-Oi.js +0 -11
- package/dist/types/components/EmbeddedDropins/ManageTransferInstrumentComponent/AddTransferInstrument/AddTransferInstrument.d.ts +0 -4
- package/dist/types/components/EmbeddedDropins/ManageTransferInstrumentComponent/ManageTransferInstrumentOverviewItemSummary/ManageTransferInstrumentOverviewItemSummary.d.ts +0 -8
- package/dist/types/components/internal/NewModal/Modal.d.ts +0 -11
package/dist/style.css
CHANGED
|
@@ -744,7 +744,6 @@ button[disabled]:hover {
|
|
|
744
744
|
.adyen-kyc-dropdown-list {
|
|
745
745
|
border-radius: var(--adyen-sdk-border-radius-m, 8px);
|
|
746
746
|
box-shadow: var(--adyen-sdk-shadow-medium-border, 0px 6px 12px rgba(0, 17, 44, 0.08), 0px 2px 4px rgba(0, 17, 44, 0.04), 0px 0px 0px 1px rgba(0, 17, 44, 0.06));
|
|
747
|
-
max-height: 145px;
|
|
748
747
|
z-index: 2;
|
|
749
748
|
}
|
|
750
749
|
.adyen-kyc-dropdown-list .adyen-kyc-checkbox__helper-text {
|
|
@@ -992,6 +991,11 @@ button[disabled]:hover {
|
|
|
992
991
|
width: 100%;
|
|
993
992
|
z-index: 1;
|
|
994
993
|
}
|
|
994
|
+
.adyen-kyc-dropdown-list__transformer {
|
|
995
|
+
position: relative;
|
|
996
|
+
padding: 0;
|
|
997
|
+
margin: 0;
|
|
998
|
+
}
|
|
995
999
|
|
|
996
1000
|
.adyen-kyc-dropdown-list.adyen-kyc-dropdown-list--active {
|
|
997
1001
|
display: block;
|
|
@@ -1647,58 +1651,55 @@ button[disabled]:hover {
|
|
|
1647
1651
|
/* #endregion */
|
|
1648
1652
|
.adyen-kyc-document-guidance {
|
|
1649
1653
|
overflow: auto;
|
|
1654
|
+
container-type: inline-size;
|
|
1650
1655
|
}
|
|
1651
1656
|
|
|
1652
|
-
.adyen-
|
|
1657
|
+
.adyen-kyc-document-guidance__container {
|
|
1653
1658
|
display: grid;
|
|
1654
|
-
grid-template-columns: repeat(
|
|
1655
|
-
gap: var(--adyen-sdk-spacer-060, 12px) var(--adyen-sdk-spacer-020, 4px);
|
|
1656
|
-
}
|
|
1657
|
-
.adyen-layout-md .adyen-kyc-document-guidance__container {
|
|
1658
|
-
display: flex;
|
|
1659
|
-
justify-content: space-between;
|
|
1660
|
-
gap: var(--adyen-sdk-spacer-090, 24px);
|
|
1661
|
-
min-width: 576px;
|
|
1659
|
+
grid-template-columns: repeat(auto-fill, 50%);
|
|
1662
1660
|
}
|
|
1663
1661
|
|
|
1662
|
+
@container (min-width: 560px) {
|
|
1663
|
+
.adyen-kyc-document-guidance__container {
|
|
1664
|
+
grid-template-columns: repeat(auto-fill, 25%);
|
|
1665
|
+
}
|
|
1666
|
+
}
|
|
1664
1667
|
.adyen-kyc-document-guidance__item {
|
|
1665
1668
|
display: flex;
|
|
1666
1669
|
flex-direction: column;
|
|
1667
1670
|
align-items: center;
|
|
1668
|
-
margin: var(--adyen-sdk-spacer-
|
|
1671
|
+
margin: var(--adyen-sdk-spacer-060, 12px);
|
|
1669
1672
|
}
|
|
1670
|
-
|
|
1671
|
-
|
|
1673
|
+
@container (max-width: 560px) {
|
|
1674
|
+
.adyen-kyc-document-guidance__item .adyen-kyc-document-guidance__container {
|
|
1675
|
+
margin: var(--adyen-sdk-spacer-000, 0px);
|
|
1676
|
+
}
|
|
1672
1677
|
}
|
|
1673
|
-
|
|
1674
|
-
|
|
1678
|
+
|
|
1679
|
+
.adyen-kyc-document-guidance__item > span {
|
|
1680
|
+
height: auto;
|
|
1681
|
+
width: 100px;
|
|
1675
1682
|
}
|
|
1676
1683
|
|
|
1677
1684
|
.adyen-kyc-document-guidance__description {
|
|
1678
1685
|
display: flex;
|
|
1679
|
-
|
|
1686
|
+
gap: var(--adyen-sdk-spacer-040, 8px);
|
|
1680
1687
|
margin-top: var(--adyen-sdk-spacer-010, 2px);
|
|
1681
|
-
|
|
1682
|
-
|
|
1688
|
+
color: var(--adyen-sdk-color-label-on-color, #ffffff);
|
|
1689
|
+
}
|
|
1690
|
+
|
|
1691
|
+
.adyen-kyc-document-guidance__description-text {
|
|
1692
|
+
color: var(--adyen-sdk-color-label-primary, #00112c);
|
|
1683
1693
|
}
|
|
1684
1694
|
|
|
1685
1695
|
.adyen-kyc-document-guidance__icon {
|
|
1686
|
-
display: flex;
|
|
1687
|
-
margin-right: var(--adyen-sdk-spacer-040, 8px);
|
|
1688
1696
|
height: 16px;
|
|
1689
1697
|
width: 16px;
|
|
1690
|
-
color: var(--adyen-sdk-color-background-primary, #ffffff);
|
|
1691
|
-
padding: var(--adyen-sdk-spacer-020, 4px);
|
|
1692
1698
|
border-radius: 50%;
|
|
1693
|
-
}
|
|
1694
|
-
.adyen-kyc-document-guidance__icon--valid {
|
|
1695
1699
|
background-color: var(--adyen-sdk-color-background-success-strong, #07893c);
|
|
1696
1700
|
}
|
|
1697
1701
|
.adyen-kyc-document-guidance__icon--invalid {
|
|
1698
1702
|
background-color: var(--adyen-sdk-color-background-critical-strong, #e22d2d);
|
|
1699
|
-
}
|
|
1700
|
-
.adyen-kyc-document-guidance__icon svg {
|
|
1701
|
-
height: 8px;
|
|
1702
1703
|
}/* #region Borders */
|
|
1703
1704
|
/* #endregion */
|
|
1704
1705
|
/* #region Z-index */
|
|
@@ -2269,22 +2270,6 @@ button[disabled]:hover {
|
|
|
2269
2270
|
padding: var(--adyen-sdk-spacer-080, 20px) var(--adyen-sdk-spacer-090, 24px);
|
|
2270
2271
|
border-radius: var(--adyen-sdk-border-radius-m, 8px);
|
|
2271
2272
|
}
|
|
2272
|
-
.adyen-kyc-verified-business-card__data-title {
|
|
2273
|
-
min-width: 180px;
|
|
2274
|
-
color: var(--adyen-sdk-color-label-secondary, #5c687c);
|
|
2275
|
-
}
|
|
2276
|
-
.adyen-kyc-verified-business-card ul {
|
|
2277
|
-
display: flex;
|
|
2278
|
-
flex-direction: column;
|
|
2279
|
-
padding: 0;
|
|
2280
|
-
margin: 0;
|
|
2281
|
-
list-style: none;
|
|
2282
|
-
gap: var(--adyen-sdk-spacer-040, 8px);
|
|
2283
|
-
}
|
|
2284
|
-
.adyen-kyc-verified-business-card ul li {
|
|
2285
|
-
display: flex;
|
|
2286
|
-
width: 100%;
|
|
2287
|
-
}
|
|
2288
2273
|
.adyen-kyc-verified-business-card__address {
|
|
2289
2274
|
display: flex;
|
|
2290
2275
|
flex-direction: column;
|
|
@@ -2297,6 +2282,43 @@ button[disabled]:hover {
|
|
|
2297
2282
|
flex-direction: row;
|
|
2298
2283
|
justify-content: flex-start;
|
|
2299
2284
|
text-decoration: underline;
|
|
2285
|
+
}/* #region Borders */
|
|
2286
|
+
/* #endregion */
|
|
2287
|
+
/* #region Z-index */
|
|
2288
|
+
/* #endregion */
|
|
2289
|
+
/* #region Timing functions */
|
|
2290
|
+
/* #endregion */
|
|
2291
|
+
/* #region Inline components */
|
|
2292
|
+
/* #endregion */
|
|
2293
|
+
.adyen-kyc-structured-list {
|
|
2294
|
+
width: 100%;
|
|
2295
|
+
font-size: var(--adyen-sdk-text-body-font-size, 14px);
|
|
2296
|
+
font-weight: var(--adyen-sdk-text-body-font-weight, 400);
|
|
2297
|
+
margin: var(--adyen-sdk-spacer-000, 0px);
|
|
2298
|
+
}
|
|
2299
|
+
.adyen-kyc-structured-list__list-item {
|
|
2300
|
+
display: flex;
|
|
2301
|
+
flex-direction: column;
|
|
2302
|
+
}
|
|
2303
|
+
.adyen-layout-md .adyen-kyc-structured-list__list-item {
|
|
2304
|
+
flex-direction: row;
|
|
2305
|
+
align-items: center;
|
|
2306
|
+
}
|
|
2307
|
+
.adyen-kyc-structured-list__list-item:not(:last-of-type) {
|
|
2308
|
+
margin-bottom: var(--adyen-sdk-spacer-060, 12px);
|
|
2309
|
+
}
|
|
2310
|
+
.adyen-kyc-structured-list__label {
|
|
2311
|
+
flex: 1;
|
|
2312
|
+
color: var(--adyen-sdk-color-label-secondary, #5c687c);
|
|
2313
|
+
}
|
|
2314
|
+
.adyen-kyc-structured-list__value {
|
|
2315
|
+
flex: 1;
|
|
2316
|
+
color: var(--adyen-sdk-color-label-primary, #00112c);
|
|
2317
|
+
margin: var(--adyen-sdk-spacer-020, 4px) var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-000, 0px);
|
|
2318
|
+
overflow-x: auto;
|
|
2319
|
+
}
|
|
2320
|
+
.adyen-layout-md .adyen-kyc-structured-list__value {
|
|
2321
|
+
margin: var(--adyen-sdk-spacer-000, 0px);
|
|
2300
2322
|
}.adyen-kyc-basic-information {
|
|
2301
2323
|
display: flex;
|
|
2302
2324
|
flex-direction: column;
|
|
@@ -2487,21 +2509,6 @@ button[disabled]:hover {
|
|
|
2487
2509
|
min-height: 228px;
|
|
2488
2510
|
justify-content: center;
|
|
2489
2511
|
align-items: center;
|
|
2490
|
-
}
|
|
2491
|
-
.adyen-kyc-business-information__business-data {
|
|
2492
|
-
padding: 0;
|
|
2493
|
-
margin: 0;
|
|
2494
|
-
list-style: none;
|
|
2495
|
-
display: flex;
|
|
2496
|
-
flex-direction: column;
|
|
2497
|
-
gap: var(--adyen-sdk-spacer-040, 8px);
|
|
2498
|
-
}
|
|
2499
|
-
.adyen-kyc-business-information__business-data li {
|
|
2500
|
-
display: flex;
|
|
2501
|
-
width: 100%;
|
|
2502
|
-
}
|
|
2503
|
-
.adyen-kyc-business-information__business-data .adyen-kyc-business-data__key {
|
|
2504
|
-
min-width: 180px;
|
|
2505
2512
|
}.adyen-kyc-field--entityType {
|
|
2506
2513
|
margin-bottom: var(--adyen-sdk-spacer-090, 24px);
|
|
2507
2514
|
}
|
|
@@ -2542,7 +2549,6 @@ button[disabled]:hover {
|
|
|
2542
2549
|
}
|
|
2543
2550
|
.adyen-layout-md .adyen-kyc-form-container {
|
|
2544
2551
|
flex: 1;
|
|
2545
|
-
width: auto;
|
|
2546
2552
|
}
|
|
2547
2553
|
|
|
2548
2554
|
.adyen-kyc-form-wrapper--hidden {
|
|
@@ -2555,138 +2561,108 @@ button[disabled]:hover {
|
|
|
2555
2561
|
|
|
2556
2562
|
.adyen-layout-xs-only .adyen-kyc-dropin__content-main {
|
|
2557
2563
|
flex-direction: column;
|
|
2558
|
-
}.adyen-kyc-expiry-
|
|
2559
|
-
font-size: var(--adyen-sdk-text-title-font-size, 16px);
|
|
2560
|
-
font-family: var(--adyen-sdk-text-title-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
|
|
2561
|
-
font-weight: var(--adyen-sdk-text-title-font-weight, 600);
|
|
2562
|
-
line-height: var(--adyen-sdk-text-title-line-height, 26px);
|
|
2563
|
-
}
|
|
2564
|
-
|
|
2565
|
-
.adyen-kyc-expiry-modal__footer {
|
|
2564
|
+
}.adyen-kyc-expiry-modal__footer {
|
|
2566
2565
|
display: flex;
|
|
2567
2566
|
flex-direction: row;
|
|
2568
2567
|
justify-content: end;
|
|
2569
|
-
}
|
|
2570
|
-
|
|
2571
|
-
/* #region Z-index */
|
|
2572
|
-
/* #endregion */
|
|
2573
|
-
/* #region Timing functions */
|
|
2574
|
-
/* #endregion */
|
|
2575
|
-
/* #region Inline components */
|
|
2576
|
-
/* #endregion */
|
|
2577
|
-
.adyen-kyc-modal {
|
|
2578
|
-
color: var(--adyen-sdk-color-label-primary, #00112c);
|
|
2579
|
-
font-family: var(--adyen-sdk-text-body-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
|
|
2580
|
-
font-size: var(--adyen-sdk-text-body-font-size, 14px);
|
|
2581
|
-
font-weight: var(--adyen-sdk-text-body-font-weight, 400);
|
|
2582
|
-
line-height: var(--adyen-sdk-text-body-line-height, 20px);
|
|
2583
|
-
-webkit-font-smoothing: antialiased;
|
|
2584
|
-
-moz-osx-font-smoothing: grayscale;
|
|
2585
|
-
background-color: var(--adyen-sdk-color-background-primary, #ffffff);
|
|
2586
|
-
border-radius: var(--adyen-sdk-border-radius-l, 12px);
|
|
2587
|
-
box-shadow: var(--adyen-sdk-shadow-low, 0px 2px 4px rgba(0, 17, 44, 0.04), 0px 1px 2px rgba(0, 17, 44, 0.02));
|
|
2568
|
+
}.adyen-kyc-modal {
|
|
2569
|
+
border: none;
|
|
2588
2570
|
box-sizing: border-box;
|
|
2589
|
-
cursor: initial;
|
|
2590
2571
|
display: flex;
|
|
2591
2572
|
flex-direction: column;
|
|
2592
|
-
|
|
2593
|
-
|
|
2594
|
-
|
|
2595
|
-
|
|
2596
|
-
|
|
2597
|
-
|
|
2573
|
+
width: 100%;
|
|
2574
|
+
background-color: transparent;
|
|
2575
|
+
padding: 0;
|
|
2576
|
+
max-width: 680px;
|
|
2577
|
+
height: 100%;
|
|
2578
|
+
max-height: 640px;
|
|
2598
2579
|
}
|
|
2599
|
-
|
|
2600
|
-
.adyen-kyc-modal
|
|
2601
|
-
|
|
2602
|
-
|
|
2580
|
+
@media screen and (max-width: 480px) {
|
|
2581
|
+
.adyen-kyc-modal {
|
|
2582
|
+
width: 100%;
|
|
2583
|
+
height: 100%;
|
|
2584
|
+
max-width: 100%;
|
|
2585
|
+
max-height: 100%;
|
|
2586
|
+
margin: 0;
|
|
2587
|
+
border-radius: 0;
|
|
2588
|
+
}
|
|
2603
2589
|
}
|
|
2604
2590
|
|
|
2605
|
-
.adyen-kyc-
|
|
2606
|
-
|
|
2591
|
+
.adyen-kyc-modal__wrapper {
|
|
2592
|
+
overflow: hidden;
|
|
2593
|
+
--adyen-kyc-modal-internal-margin: var(--adyen-sdk-spacer-070, 16px);
|
|
2594
|
+
background: var(--adyen-sdk-color-background-primary, #ffffff);
|
|
2595
|
+
margin: var(--adyen-kyc-modal-internal-margin);
|
|
2596
|
+
border-radius: var(--adyen-sdk-border-radius-xl, 24px);
|
|
2597
|
+
height: calc(100% - var(--adyen-kyc-modal-internal-margin) * 2);
|
|
2598
|
+
display: flex;
|
|
2599
|
+
flex-direction: column;
|
|
2600
|
+
position: relative;
|
|
2601
|
+
}
|
|
2602
|
+
@media screen and (max-width: 480px) {
|
|
2603
|
+
.adyen-kyc-modal__wrapper {
|
|
2604
|
+
--adyen-kyc-modal-internal-margin: 0px;
|
|
2605
|
+
border-radius: 0;
|
|
2606
|
+
}
|
|
2607
2607
|
}
|
|
2608
2608
|
|
|
2609
|
-
.adyen-kyc-modal
|
|
2610
|
-
|
|
2609
|
+
.adyen-kyc-modal::backdrop {
|
|
2610
|
+
background-color: var(--adyen-sdk-color-support-overlay, #00112c);
|
|
2611
|
+
opacity: 0.75;
|
|
2611
2612
|
}
|
|
2612
|
-
|
|
2613
|
-
|
|
2613
|
+
|
|
2614
|
+
.adyen-kyc-modal-top-bar {
|
|
2615
|
+
width: calc(100% - var(--adyen-kyc-modal-internal-margin));
|
|
2616
|
+
position: absolute;
|
|
2617
|
+
top: 0;
|
|
2618
|
+
padding: var(--adyen-sdk-spacer-050, 10px);
|
|
2619
|
+
padding-bottom: 0;
|
|
2620
|
+
display: flex;
|
|
2621
|
+
justify-content: space-between;
|
|
2614
2622
|
}
|
|
2615
|
-
|
|
2616
|
-
|
|
2623
|
+
|
|
2624
|
+
.adyen-kyc-modal__content,
|
|
2625
|
+
.adyen-kyc-modal__header,
|
|
2626
|
+
.adyen-kyc-modal__footer {
|
|
2627
|
+
padding: var(--adyen-sdk-spacer-060, 12px);
|
|
2617
2628
|
}
|
|
2618
2629
|
|
|
2619
|
-
.adyen-kyc-
|
|
2620
|
-
|
|
2621
|
-
|
|
2622
|
-
|
|
2623
|
-
text-decoration: none;
|
|
2624
|
-
z-index: 100;
|
|
2630
|
+
.adyen-kyc-modal__header {
|
|
2631
|
+
padding-top: var(--adyen-sdk-spacer-070, 16px);
|
|
2632
|
+
font-size: var(--adyen-sdk-text-title-font-size, 16px);
|
|
2633
|
+
font-weight: var(--adyen-sdk-text-title-font-weight, 600);
|
|
2625
2634
|
}
|
|
2626
2635
|
|
|
2627
2636
|
.adyen-kyc-modal__content {
|
|
2628
2637
|
flex: 1;
|
|
2629
2638
|
overflow-y: auto;
|
|
2630
2639
|
}
|
|
2631
|
-
.adyen-kyc-modal__header ~ .adyen-kyc-modal__content {
|
|
2632
|
-
padding-top: var(--adyen-sdk-spacer-000, 0px);
|
|
2633
|
-
}
|
|
2634
|
-
.adyen-kyc-modal__content > *:first-child,
|
|
2635
|
-
.adyen-kyc-modal__content > *:last-child {
|
|
2636
|
-
margin-bottom: var(--adyen-sdk-spacer-000, 0px);
|
|
2637
|
-
padding-bottom: var(--adyen-sdk-spacer-000, 0px);
|
|
2638
|
-
}
|
|
2639
|
-
.adyen-kyc-modal__content:not(:last-child) {
|
|
2640
|
-
padding-bottom: var(--adyen-sdk-spacer-000, 0px);
|
|
2641
|
-
}
|
|
2642
2640
|
|
|
2643
2641
|
.adyen-kyc-modal__footer {
|
|
2644
|
-
|
|
2645
|
-
border-radius: 0 0 var(--adyen-sdk-border-radius-l, 12px) var(--adyen-sdk-border-radius-l, 12px);
|
|
2642
|
+
border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
|
|
2646
2643
|
}
|
|
2647
2644
|
|
|
2648
|
-
.adyen-kyc-
|
|
2649
|
-
|
|
2650
|
-
|
|
2651
|
-
|
|
2652
|
-
opacity: 0;
|
|
2653
|
-
transform: translateY(10px);
|
|
2645
|
+
.adyen-kyc-modal--small {
|
|
2646
|
+
max-width: 520px;
|
|
2647
|
+
min-height: 220px;
|
|
2648
|
+
height: 20vh;
|
|
2654
2649
|
}
|
|
2655
2650
|
|
|
2656
|
-
.adyen-kyc-
|
|
2657
|
-
|
|
2658
|
-
|
|
2659
|
-
|
|
2660
|
-
/* #region Z-index */
|
|
2661
|
-
/* #endregion */
|
|
2662
|
-
/* #region Timing functions */
|
|
2663
|
-
/* #endregion */
|
|
2664
|
-
/* #region Inline components */
|
|
2665
|
-
/* #endregion */
|
|
2666
|
-
.adyen-kyc-overlay {
|
|
2667
|
-
align-items: center;
|
|
2668
|
-
background-color: rgba(204, 204, 204, 0.8);
|
|
2669
|
-
bottom: 0;
|
|
2670
|
-
display: flex;
|
|
2671
|
-
height: 100%;
|
|
2672
|
-
justify-content: center;
|
|
2673
|
-
left: 0;
|
|
2674
|
-
opacity: 0;
|
|
2675
|
-
position: absolute;
|
|
2676
|
-
right: 0;
|
|
2677
|
-
top: 0;
|
|
2678
|
-
visibility: hidden;
|
|
2679
|
-
width: 100%;
|
|
2680
|
-
z-index: 400;
|
|
2651
|
+
.adyen-kyc-modal--large {
|
|
2652
|
+
max-width: 960px;
|
|
2653
|
+
height: 70vh;
|
|
2654
|
+
width: 70vw;
|
|
2681
2655
|
}
|
|
2682
2656
|
|
|
2683
|
-
.adyen-kyc-
|
|
2684
|
-
|
|
2657
|
+
.adyen-kyc-modal--fullscreen {
|
|
2658
|
+
margin: 0;
|
|
2659
|
+
max-width: 100vw;
|
|
2660
|
+
height: 100vh;
|
|
2661
|
+
width: 100vw;
|
|
2685
2662
|
}
|
|
2686
2663
|
|
|
2687
|
-
.adyen-kyc-
|
|
2688
|
-
|
|
2689
|
-
visibility: visible;
|
|
2664
|
+
.adyen-kyc-modal--with-backButton .adyen-kyc-modal__header {
|
|
2665
|
+
padding-left: var(--adyen-sdk-spacer-140, 64px);
|
|
2690
2666
|
}/* #region Borders */
|
|
2691
2667
|
/* #endregion */
|
|
2692
2668
|
/* #region Z-index */
|
|
@@ -2796,76 +2772,10 @@ button[disabled]:hover {
|
|
|
2796
2772
|
.adyen-kyc-dropin__main {
|
|
2797
2773
|
border-radius: var(--adyen-sdk-border-radius-m, 8px);
|
|
2798
2774
|
width: 100%;
|
|
2799
|
-
}.adyen-kyc-modal2 {
|
|
2800
|
-
border: none;
|
|
2801
|
-
box-sizing: border-box;
|
|
2802
|
-
display: flex;
|
|
2803
|
-
flex-direction: column;
|
|
2804
|
-
width: 100%;
|
|
2805
|
-
background-color: transparent;
|
|
2806
|
-
padding: 0;
|
|
2807
|
-
max-width: 600px;
|
|
2808
|
-
height: 100%;
|
|
2809
|
-
max-height: 640px;
|
|
2810
|
-
}
|
|
2811
|
-
@media screen and (max-width: 480px) {
|
|
2812
|
-
.adyen-kyc-modal2 {
|
|
2813
|
-
width: 100%;
|
|
2814
|
-
height: 100%;
|
|
2815
|
-
max-width: 100%;
|
|
2816
|
-
max-height: 100%;
|
|
2817
|
-
margin: 0;
|
|
2818
|
-
border-radius: 0;
|
|
2819
|
-
}
|
|
2820
|
-
}
|
|
2821
|
-
|
|
2822
|
-
.adyen-kyc-modal2-wrapper {
|
|
2823
|
-
overflow: hidden;
|
|
2824
|
-
--adyen-kyc-modal2-internal-margin: 16px;
|
|
2825
|
-
background: var(--adyen-sdk-color-background-primary, #ffffff);
|
|
2826
|
-
margin: var(--adyen-kyc-modal2-internal-margin);
|
|
2827
|
-
border-radius: 20px;
|
|
2828
|
-
height: calc(100% - var(--adyen-kyc-modal2-internal-margin) * 2);
|
|
2829
|
-
display: flex;
|
|
2830
|
-
flex-direction: column;
|
|
2831
|
-
position: relative;
|
|
2832
|
-
}
|
|
2833
|
-
@media screen and (max-width: 480px) {
|
|
2834
|
-
.adyen-kyc-modal2-wrapper {
|
|
2835
|
-
--adyen-kyc-modal2-internal-margin: 0;
|
|
2836
|
-
}
|
|
2837
2775
|
}
|
|
2838
2776
|
|
|
2839
|
-
.adyen-kyc-
|
|
2840
|
-
|
|
2841
|
-
opacity: 0.75;
|
|
2842
|
-
}
|
|
2843
|
-
|
|
2844
|
-
.adyen-kyc-modal2-top-bar {
|
|
2845
|
-
width: 100%;
|
|
2846
|
-
position: absolute;
|
|
2847
|
-
top: 0;
|
|
2848
|
-
padding: var(--adyen-sdk-spacer-050, 10px);
|
|
2849
|
-
padding-bottom: 0;
|
|
2850
|
-
display: flex;
|
|
2851
|
-
justify-content: space-between;
|
|
2852
|
-
}
|
|
2853
|
-
|
|
2854
|
-
.adyen-kyc-modal2-content {
|
|
2855
|
-
flex: 1;
|
|
2856
|
-
overflow-y: auto;
|
|
2857
|
-
}
|
|
2858
|
-
|
|
2859
|
-
.adyen-kyc-modal2-footer {
|
|
2860
|
-
padding: var(--adyen-sdk-spacer-050, 10px) 0;
|
|
2861
|
-
border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
|
|
2862
|
-
}
|
|
2863
|
-
|
|
2864
|
-
.adyen-kyc-modal2__fullscreen {
|
|
2865
|
-
margin: 0;
|
|
2866
|
-
max-width: 100vw;
|
|
2867
|
-
height: 100vh;
|
|
2868
|
-
width: 100vw;
|
|
2777
|
+
.adyen-kyc-modal-content {
|
|
2778
|
+
padding: 0;
|
|
2869
2779
|
}.adyen-kyc-embedded-action-bar {
|
|
2870
2780
|
display: flex;
|
|
2871
2781
|
justify-content: space-between;
|
|
@@ -4043,7 +3953,9 @@ button[disabled]:hover {
|
|
|
4043
3953
|
justify-content: space-between;
|
|
4044
3954
|
align-items: center;
|
|
4045
3955
|
gap: var(--adyen-sdk-spacer-070, 16px);
|
|
4046
|
-
width:
|
|
3956
|
+
width: 100%;
|
|
3957
|
+
min-width: 250px;
|
|
3958
|
+
max-width: 650px;
|
|
4047
3959
|
cursor: pointer;
|
|
4048
3960
|
/* html button default styling removal */
|
|
4049
3961
|
border: none;
|
|
@@ -4052,6 +3964,9 @@ button[disabled]:hover {
|
|
|
4052
3964
|
text-align: left;
|
|
4053
3965
|
padding: var(--adyen-sdk-spacer-040, 8px);
|
|
4054
3966
|
}
|
|
3967
|
+
.adyen-kyc-embedded-status--loading {
|
|
3968
|
+
cursor: default;
|
|
3969
|
+
}
|
|
4055
3970
|
.adyen-kyc-embedded-status--loading .adyen-kyc-embedded-status__avatar {
|
|
4056
3971
|
background-color: var(--adyen-sdk-color-background-primary, #ffffff);
|
|
4057
3972
|
border: none;
|
|
@@ -4093,76 +4008,32 @@ button[disabled]:hover {
|
|
|
4093
4008
|
/* #region Inline components */
|
|
4094
4009
|
/* #endregion */
|
|
4095
4010
|
.adyen-kyc-manage-transfer-instrument {
|
|
4096
|
-
background: var(--adyen-sdk-color-background-secondary, #f7f7f8);
|
|
4097
4011
|
padding: var(--adyen-sdk-spacer-070, 16px);
|
|
4098
4012
|
width: 100%;
|
|
4013
|
+
display: flex;
|
|
4014
|
+
align-items: center;
|
|
4015
|
+
flex-direction: column;
|
|
4099
4016
|
}
|
|
4100
4017
|
.adyen-layout-md .adyen-kyc-manage-transfer-instrument {
|
|
4101
4018
|
padding: var(--adyen-sdk-spacer-090, 24px);
|
|
4102
4019
|
}
|
|
4103
4020
|
.adyen-layout-lg .adyen-kyc-manage-transfer-instrument {
|
|
4104
4021
|
padding: var(--adyen-sdk-spacer-110, 40px);
|
|
4105
|
-
}
|
|
4106
|
-
/* #endregion */
|
|
4107
|
-
/* #region Z-index */
|
|
4108
|
-
/* #endregion */
|
|
4109
|
-
/* #region Timing functions */
|
|
4110
|
-
/* #endregion */
|
|
4111
|
-
/* #region Inline components */
|
|
4112
|
-
/* #endregion */
|
|
4113
|
-
.adyen-kyc-manage-ti-overview {
|
|
4114
|
-
padding: var(--adyen-sdk-spacer-000, 0px);
|
|
4115
|
-
}
|
|
4116
|
-
.adyen-kyc-manage-ti-overview__action {
|
|
4117
|
-
padding: var(--adyen-sdk-spacer-040, 8px);
|
|
4118
|
-
}
|
|
4119
|
-
.adyen-layout-md .adyen-kyc-manage-ti-overview__action {
|
|
4120
|
-
padding: var(--adyen-sdk-spacer-070, 16px);
|
|
4121
|
-
}/* #region Borders */
|
|
4122
|
-
/* #endregion */
|
|
4123
|
-
/* #region Z-index */
|
|
4124
|
-
/* #endregion */
|
|
4125
|
-
/* #region Timing functions */
|
|
4126
|
-
/* #endregion */
|
|
4127
|
-
/* #region Inline components */
|
|
4128
|
-
/* #endregion */
|
|
4129
|
-
.adyen-kyc-manage-ti-overview-item__header {
|
|
4022
|
+
}.adyen-kyc-manage-ti-overview {
|
|
4130
4023
|
display: flex;
|
|
4131
4024
|
flex-direction: column;
|
|
4132
|
-
}
|
|
4133
|
-
.adyen-kyc-manage-ti-overview-item__title {
|
|
4134
|
-
display: flex;
|
|
4135
4025
|
align-items: center;
|
|
4136
|
-
|
|
4137
|
-
}
|
|
4138
|
-
.adyen-layout-md .adyen-kyc-manage-ti-overview-item__title {
|
|
4139
|
-
gap: var(--adyen-sdk-spacer-060, 12px);
|
|
4140
|
-
}
|
|
4141
|
-
.adyen-kyc-manage-ti-overview-item__subtitle {
|
|
4142
|
-
font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
|
|
4143
|
-
font-size: var(--adyen-sdk-text-caption-font-size, 12px);
|
|
4144
|
-
color: var(--adyen-sdk-color-label-secondary, #5c687c);
|
|
4145
|
-
margin: var(--adyen-sdk-spacer-040, 8px);
|
|
4146
|
-
}
|
|
4147
|
-
.adyen-kyc-manage-ti-overview-item__action {
|
|
4148
|
-
display: flex;
|
|
4149
|
-
flex-wrap: wrap;
|
|
4150
|
-
gap: var(--adyen-sdk-spacer-020, 4px);
|
|
4151
|
-
margin-top: var(--adyen-sdk-spacer-040, 8px);
|
|
4152
|
-
}
|
|
4153
|
-
.adyen-layout-md .adyen-kyc-manage-ti-overview-item__action {
|
|
4154
|
-
gap: var(--adyen-sdk-spacer-040, 8px);
|
|
4155
|
-
}
|
|
4156
|
-
.adyen-kyc-manage-ti-overview-item__loader {
|
|
4157
|
-
min-height: 180px; /* setting a min height to show the transferInstrument once it loads asynchronously*/
|
|
4026
|
+
width: 100%;
|
|
4158
4027
|
}.adyen-kyc-manage-ti-overview-item-summary__error {
|
|
4159
|
-
padding: var(--adyen-sdk-spacer-070, 16px);
|
|
4160
4028
|
margin-bottom: var(--adyen-sdk-spacer-070, 16px);
|
|
4161
4029
|
}
|
|
4162
4030
|
|
|
4031
|
+
.adyen-kyc-manage-ti-overview-item-summary__card:not(:last-of-type) {
|
|
4032
|
+
margin-bottom: var(--adyen-sdk-spacer-060, 12px);
|
|
4033
|
+
}
|
|
4034
|
+
|
|
4163
4035
|
.adyen-kyc-manage-ti-overview-item-summary__error-button {
|
|
4164
|
-
|
|
4165
|
-
margin-left: var(--adyen-sdk-spacer-100, 32px);
|
|
4036
|
+
padding-left: 0;
|
|
4166
4037
|
}.adyen-kyc__high-exposure-company .adyen-kyc-typography--title-l,
|
|
4167
4038
|
.adyen-kyc__high-exposure-company .adyen-kyc-typography--body {
|
|
4168
4039
|
margin-bottom: var(--adyen-sdk-spacer-070, 16px);
|
|
@@ -4917,16 +4788,19 @@ button[disabled]:hover {
|
|
|
4917
4788
|
.adyen-kyc-debug-modal__header {
|
|
4918
4789
|
font-size: var(--adyen-sdk-text-title-font-size, 16px);
|
|
4919
4790
|
font-weight: var(--adyen-sdk-text-title-font-weight, 600);
|
|
4791
|
+
margin: 1em;
|
|
4920
4792
|
}
|
|
4921
4793
|
|
|
4922
4794
|
.adyen-kyc-debug-modal__content {
|
|
4923
4795
|
display: flex;
|
|
4924
4796
|
flex-direction: column;
|
|
4925
4797
|
gap: 24px;
|
|
4798
|
+
margin: 1em;
|
|
4926
4799
|
}
|
|
4927
4800
|
|
|
4928
4801
|
.adyen-kyc-debug-modal__meta {
|
|
4929
4802
|
display: flex;
|
|
4930
4803
|
flex-direction: column;
|
|
4931
4804
|
gap: 4px;
|
|
4805
|
+
margin: 1em;
|
|
4932
4806
|
}
|
|
@@ -3,4 +3,4 @@ import type { BusinessDetailsSchema } from '../../BusinessDetails/types';
|
|
|
3
3
|
import type { BasicInformationProps, BasicInformationSchema } from '../types';
|
|
4
4
|
export declare const BASIC_INFORMATION_FORM_ID: keyof BusinessDetailsSchema;
|
|
5
5
|
export declare const BASIC_INFORMATION_FIELDS: Array<keyof BasicInformationSchema>;
|
|
6
|
-
export declare function BasicInformationComponent({ data, labels, placeholders, helperText, heading, description, readOnly, shouldValidate, formVerificationErrors, fieldValidationErrors, allFields, requiredFields, obscuredFields, optionalFields, readOnlyFields, trustedFields, country, companyType, isTopLevelEntity, className, showBusinessSelection, showCompanyStructure, isActiveForm, isSearching, isFetching, isVerifying, isClearingTrustedData, searchResults, invalidTin, verifiedBusiness, fetchBusinessData, verifyBusinessData, proceedToManualDataEntry, handleNextClick, setShowBusinessSelection, setShowCompanyStructure, }: BasicInformationProps): import("preact").JSX.Element;
|
|
6
|
+
export declare function BasicInformationComponent({ data, labels, placeholders, helperText, heading, description, readOnly, shouldValidate, formVerificationErrors, fieldValidationErrors, allFields, requiredFields, obscuredFields, optionalFields, readOnlyFields, trustedFields, country, companyType, isTopLevelEntity, className, showBusinessSelection, showCompanyStructure, isActiveForm, isSearching, isFetching, isVerifying, isClearingTrustedData, searchResults, invalidTin, verifiedBusiness, fetchBusinessData, verifyBusinessData, proceedToManualDataEntry, handleNextClick, setShowBusinessSelection, setShowCompanyStructure, resetTinVerification, }: BasicInformationProps): import("preact").JSX.Element;
|
|
@@ -27,6 +27,7 @@ export interface BasicInformationProps extends BaseInnerFormProps<BasicInformati
|
|
|
27
27
|
invalidTin: boolean;
|
|
28
28
|
verifiedBusiness: CompanyDatasetResponse | undefined;
|
|
29
29
|
className?: string;
|
|
30
|
+
resetTinVerification: () => void;
|
|
30
31
|
fetchBusinessData: (company: CompanySearchResult) => Promise<CompanyDatasetResponse | undefined>;
|
|
31
32
|
verifyBusinessData: (data: CompanyDatasetResponse, tin: string) => Promise<boolean | undefined>;
|
|
32
33
|
proceedToManualDataEntry: () => Promise<void>;
|
|
@@ -39,6 +39,7 @@ export interface BusinessDetailsProps extends BaseOuterFormProps<BusinessDetails
|
|
|
39
39
|
handleNextClick: () => void;
|
|
40
40
|
handleAddressSearch: DropinAPIHandlers['handleAddressSearch'];
|
|
41
41
|
handleFindAddress: DropinAPIHandlers['handleFindAddress'];
|
|
42
|
+
resetTinVerification: () => void;
|
|
42
43
|
searchForBusiness: (data: CompanySearchRequest) => Promise<CompanySearchResult[] | undefined>;
|
|
43
44
|
fetchBusinessData: (company: CompanySearchResult) => Promise<CompanyDatasetResponse | undefined>;
|
|
44
45
|
verifyBusinessData: (data: CompanyDatasetResponse, tin: string) => Promise<boolean | undefined>;
|
|
@@ -9,8 +9,9 @@ interface BusinessInformationCardProps {
|
|
|
9
9
|
failedToLoad: boolean;
|
|
10
10
|
invalidTin: boolean;
|
|
11
11
|
setIsBusinessSelection: Dispatch<StateUpdater<boolean>>;
|
|
12
|
+
resetTinVerification: () => void;
|
|
12
13
|
handleSelectBusiness: (result: CompanySearchResult) => Promise<void>;
|
|
13
14
|
handleConfirmSelection: (data: CompanyDatasetResponse) => Promise<void>;
|
|
14
15
|
}
|
|
15
|
-
export declare function BusinessInformationCard({ result, selectedBusinessId, currentBusinessSelection, fetching, failedToLoad, invalidTin, setIsBusinessSelection, handleSelectBusiness, handleConfirmSelection, }: BusinessInformationCardProps): import("preact").JSX.Element;
|
|
16
|
+
export declare function BusinessInformationCard({ result, selectedBusinessId, currentBusinessSelection, fetching, failedToLoad, invalidTin, resetTinVerification, setIsBusinessSelection, handleSelectBusiness, handleConfirmSelection, }: BusinessInformationCardProps): import("preact").JSX.Element;
|
|
16
17
|
export {};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import './BusinessSelectionComponent.scss';
|
|
2
2
|
import type { BusinessSelectionProps } from '../types';
|
|
3
|
-
export declare function BusinessSelectionComponent({ showCompanyStructure, isSearching, isFetching, isVerifying, isClearingTrustedData, searchResults, invalidTin, fetchBusinessData, verifyBusinessData, proceedToManualDataEntry, handleNextClick, setIsBusinessSelection, setShowCompanyStructure, }: BusinessSelectionProps): import("preact").JSX.Element;
|
|
3
|
+
export declare function BusinessSelectionComponent({ showCompanyStructure, isSearching, isFetching, isVerifying, isClearingTrustedData, searchResults, invalidTin, fetchBusinessData, verifyBusinessData, resetTinVerification, proceedToManualDataEntry, handleNextClick, setIsBusinessSelection, setShowCompanyStructure, }: BusinessSelectionProps): import("preact").JSX.Element;
|
|
@@ -11,6 +11,7 @@ export interface BusinessSelectionProps {
|
|
|
11
11
|
invalidTin: boolean;
|
|
12
12
|
fetchBusinessData: (company: CompanySearchResult) => Promise<CompanyDatasetResponse | undefined>;
|
|
13
13
|
verifyBusinessData: (data: CompanyDatasetResponse, tin: string) => Promise<boolean | undefined>;
|
|
14
|
+
resetTinVerification: () => void;
|
|
14
15
|
proceedToManualDataEntry: () => Promise<void>;
|
|
15
16
|
handleNextClick: () => void;
|
|
16
17
|
setIsBusinessSelection: Dispatch<StateUpdater<boolean>>;
|
|
@@ -32,7 +32,7 @@ export type BusinessDetailsDropinApihandler = Required<Pick<DropinAPIHandlers, '
|
|
|
32
32
|
handleVerifyTin?: DropinAPIHandlers['handleVerifyTin'];
|
|
33
33
|
handleClearCompanyData?: DropinAPIHandlers['handleClearCompanyData'];
|
|
34
34
|
};
|
|
35
|
-
export type BusinessDetailsDropin = Omit<BusinessDetailsProps, 'isTopLevelEntity' | 'baseTrackingPayload' | 'handleNextClick' | 'showCompanyStructure' | 'showBusinessSelection' | 'isSearching' | 'isFetching' | 'isVerifying' | 'isClearingTrustedData' | 'searchResults' | 'invalidTin' | 'verifiedBusiness' | 'searchForBusiness' | 'fetchBusinessData' | 'verifyBusinessData' | 'proceedToManualDataEntry' | 'setShowBusinessSelection' | 'setShowCompanyStructure'>;
|
|
35
|
+
export type BusinessDetailsDropin = Omit<BusinessDetailsProps, 'isTopLevelEntity' | 'baseTrackingPayload' | 'handleNextClick' | 'showCompanyStructure' | 'showBusinessSelection' | 'isSearching' | 'isFetching' | 'isVerifying' | 'isClearingTrustedData' | 'searchResults' | 'invalidTin' | 'resetTinVerification' | 'verifiedBusiness' | 'searchForBusiness' | 'fetchBusinessData' | 'verifyBusinessData' | 'proceedToManualDataEntry' | 'setShowBusinessSelection' | 'setShowCompanyStructure'>;
|
|
36
36
|
export interface BusinessDetailsDropinProps extends BusinessDetailsDropin, BusinessDetailsDropinApihandler, DropinProps {
|
|
37
37
|
legalEntityResponse: ExistingLegalEntity;
|
|
38
38
|
isTargetLegalEntityType?: boolean;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import type { CompanyDropinProps } from '../types';
|
|
2
|
-
export declare function CompanyDropinComponent({ country: parentCountry, problems: propProblems, hideDropinLayout, taskName, capabilities, homeButtonLabel, taskType, trackingConfig, associationDetail, parentLegalEntity, legalEntityResponse, isTargetLegalEntityType, onSubmit: onExternalSubmit, handleCreateDocument, handleGetDocument, handleUpdateDocument, handleAddressSearch, handleFindAddress, handleCreateLegalEntity, handleUpdateLegalEntity, handleHomeClick, onTypeSwitch, onChange,
|
|
2
|
+
export declare function CompanyDropinComponent({ country: parentCountry, problems: propProblems, hideDropinLayout, taskName, capabilities, homeButtonLabel, taskType, trackingConfig, associationDetail, parentLegalEntity, legalEntityResponse, isTargetLegalEntityType, onSubmit: onExternalSubmit, handleCreateDocument, handleGetDocument, handleUpdateDocument, handleAddressSearch, handleFindAddress, handleCreateLegalEntity, handleUpdateLegalEntity, handleHomeClick, onTypeSwitch, onChange, trustedFields, }: CompanyDropinProps): import("preact").JSX.Element;
|