@adyen/kyc-components 3.26.2 → 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 +782 -701
- package/dist/style.css +157 -281
- 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,21 +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
|
-
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
|
-
}
|
|
2287
2273
|
.adyen-kyc-verified-business-card__address {
|
|
2288
2274
|
display: flex;
|
|
2289
2275
|
flex-direction: column;
|
|
@@ -2296,6 +2282,43 @@ button[disabled]:hover {
|
|
|
2296
2282
|
flex-direction: row;
|
|
2297
2283
|
justify-content: flex-start;
|
|
2298
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);
|
|
2299
2322
|
}.adyen-kyc-basic-information {
|
|
2300
2323
|
display: flex;
|
|
2301
2324
|
flex-direction: column;
|
|
@@ -2486,20 +2509,6 @@ button[disabled]:hover {
|
|
|
2486
2509
|
min-height: 228px;
|
|
2487
2510
|
justify-content: center;
|
|
2488
2511
|
align-items: center;
|
|
2489
|
-
}
|
|
2490
|
-
.adyen-kyc-business-information__business-data {
|
|
2491
|
-
padding: 0;
|
|
2492
|
-
margin: 0;
|
|
2493
|
-
list-style: none;
|
|
2494
|
-
display: flex;
|
|
2495
|
-
flex-direction: column;
|
|
2496
|
-
gap: var(--adyen-sdk-spacer-040, 8px);
|
|
2497
|
-
}
|
|
2498
|
-
.adyen-kyc-business-information__business-data li {
|
|
2499
|
-
display: flex;
|
|
2500
|
-
}
|
|
2501
|
-
.adyen-kyc-business-information__business-data .adyen-kyc-business-data__key {
|
|
2502
|
-
width: 180px;
|
|
2503
2512
|
}.adyen-kyc-field--entityType {
|
|
2504
2513
|
margin-bottom: var(--adyen-sdk-spacer-090, 24px);
|
|
2505
2514
|
}
|
|
@@ -2540,7 +2549,6 @@ button[disabled]:hover {
|
|
|
2540
2549
|
}
|
|
2541
2550
|
.adyen-layout-md .adyen-kyc-form-container {
|
|
2542
2551
|
flex: 1;
|
|
2543
|
-
width: auto;
|
|
2544
2552
|
}
|
|
2545
2553
|
|
|
2546
2554
|
.adyen-kyc-form-wrapper--hidden {
|
|
@@ -2553,138 +2561,108 @@ button[disabled]:hover {
|
|
|
2553
2561
|
|
|
2554
2562
|
.adyen-layout-xs-only .adyen-kyc-dropin__content-main {
|
|
2555
2563
|
flex-direction: column;
|
|
2556
|
-
}.adyen-kyc-expiry-
|
|
2557
|
-
font-size: var(--adyen-sdk-text-title-font-size, 16px);
|
|
2558
|
-
font-family: var(--adyen-sdk-text-title-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
|
|
2559
|
-
font-weight: var(--adyen-sdk-text-title-font-weight, 600);
|
|
2560
|
-
line-height: var(--adyen-sdk-text-title-line-height, 26px);
|
|
2561
|
-
}
|
|
2562
|
-
|
|
2563
|
-
.adyen-kyc-expiry-modal__footer {
|
|
2564
|
+
}.adyen-kyc-expiry-modal__footer {
|
|
2564
2565
|
display: flex;
|
|
2565
2566
|
flex-direction: row;
|
|
2566
2567
|
justify-content: end;
|
|
2567
|
-
}
|
|
2568
|
-
|
|
2569
|
-
/* #region Z-index */
|
|
2570
|
-
/* #endregion */
|
|
2571
|
-
/* #region Timing functions */
|
|
2572
|
-
/* #endregion */
|
|
2573
|
-
/* #region Inline components */
|
|
2574
|
-
/* #endregion */
|
|
2575
|
-
.adyen-kyc-modal {
|
|
2576
|
-
color: var(--adyen-sdk-color-label-primary, #00112c);
|
|
2577
|
-
font-family: var(--adyen-sdk-text-body-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
|
|
2578
|
-
font-size: var(--adyen-sdk-text-body-font-size, 14px);
|
|
2579
|
-
font-weight: var(--adyen-sdk-text-body-font-weight, 400);
|
|
2580
|
-
line-height: var(--adyen-sdk-text-body-line-height, 20px);
|
|
2581
|
-
-webkit-font-smoothing: antialiased;
|
|
2582
|
-
-moz-osx-font-smoothing: grayscale;
|
|
2583
|
-
background-color: var(--adyen-sdk-color-background-primary, #ffffff);
|
|
2584
|
-
border-radius: var(--adyen-sdk-border-radius-l, 12px);
|
|
2585
|
-
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;
|
|
2586
2570
|
box-sizing: border-box;
|
|
2587
|
-
cursor: initial;
|
|
2588
2571
|
display: flex;
|
|
2589
2572
|
flex-direction: column;
|
|
2590
|
-
|
|
2591
|
-
|
|
2592
|
-
|
|
2593
|
-
|
|
2594
|
-
|
|
2595
|
-
|
|
2573
|
+
width: 100%;
|
|
2574
|
+
background-color: transparent;
|
|
2575
|
+
padding: 0;
|
|
2576
|
+
max-width: 680px;
|
|
2577
|
+
height: 100%;
|
|
2578
|
+
max-height: 640px;
|
|
2596
2579
|
}
|
|
2597
|
-
|
|
2598
|
-
.adyen-kyc-modal
|
|
2599
|
-
|
|
2600
|
-
|
|
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
|
+
}
|
|
2601
2589
|
}
|
|
2602
2590
|
|
|
2603
|
-
.adyen-kyc-
|
|
2604
|
-
|
|
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
|
+
}
|
|
2605
2607
|
}
|
|
2606
2608
|
|
|
2607
|
-
.adyen-kyc-modal
|
|
2608
|
-
|
|
2609
|
+
.adyen-kyc-modal::backdrop {
|
|
2610
|
+
background-color: var(--adyen-sdk-color-support-overlay, #00112c);
|
|
2611
|
+
opacity: 0.75;
|
|
2609
2612
|
}
|
|
2610
|
-
|
|
2611
|
-
|
|
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;
|
|
2612
2622
|
}
|
|
2613
|
-
|
|
2614
|
-
|
|
2623
|
+
|
|
2624
|
+
.adyen-kyc-modal__content,
|
|
2625
|
+
.adyen-kyc-modal__header,
|
|
2626
|
+
.adyen-kyc-modal__footer {
|
|
2627
|
+
padding: var(--adyen-sdk-spacer-060, 12px);
|
|
2615
2628
|
}
|
|
2616
2629
|
|
|
2617
|
-
.adyen-kyc-
|
|
2618
|
-
|
|
2619
|
-
|
|
2620
|
-
|
|
2621
|
-
text-decoration: none;
|
|
2622
|
-
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);
|
|
2623
2634
|
}
|
|
2624
2635
|
|
|
2625
2636
|
.adyen-kyc-modal__content {
|
|
2626
2637
|
flex: 1;
|
|
2627
2638
|
overflow-y: auto;
|
|
2628
2639
|
}
|
|
2629
|
-
.adyen-kyc-modal__header ~ .adyen-kyc-modal__content {
|
|
2630
|
-
padding-top: var(--adyen-sdk-spacer-000, 0px);
|
|
2631
|
-
}
|
|
2632
|
-
.adyen-kyc-modal__content > *:first-child,
|
|
2633
|
-
.adyen-kyc-modal__content > *:last-child {
|
|
2634
|
-
margin-bottom: var(--adyen-sdk-spacer-000, 0px);
|
|
2635
|
-
padding-bottom: var(--adyen-sdk-spacer-000, 0px);
|
|
2636
|
-
}
|
|
2637
|
-
.adyen-kyc-modal__content:not(:last-child) {
|
|
2638
|
-
padding-bottom: var(--adyen-sdk-spacer-000, 0px);
|
|
2639
|
-
}
|
|
2640
2640
|
|
|
2641
2641
|
.adyen-kyc-modal__footer {
|
|
2642
|
-
|
|
2643
|
-
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);
|
|
2644
2643
|
}
|
|
2645
2644
|
|
|
2646
|
-
.adyen-kyc-
|
|
2647
|
-
|
|
2648
|
-
|
|
2649
|
-
|
|
2650
|
-
opacity: 0;
|
|
2651
|
-
transform: translateY(10px);
|
|
2645
|
+
.adyen-kyc-modal--small {
|
|
2646
|
+
max-width: 520px;
|
|
2647
|
+
min-height: 220px;
|
|
2648
|
+
height: 20vh;
|
|
2652
2649
|
}
|
|
2653
2650
|
|
|
2654
|
-
.adyen-kyc-
|
|
2655
|
-
|
|
2656
|
-
|
|
2657
|
-
|
|
2658
|
-
/* #region Z-index */
|
|
2659
|
-
/* #endregion */
|
|
2660
|
-
/* #region Timing functions */
|
|
2661
|
-
/* #endregion */
|
|
2662
|
-
/* #region Inline components */
|
|
2663
|
-
/* #endregion */
|
|
2664
|
-
.adyen-kyc-overlay {
|
|
2665
|
-
align-items: center;
|
|
2666
|
-
background-color: rgba(204, 204, 204, 0.8);
|
|
2667
|
-
bottom: 0;
|
|
2668
|
-
display: flex;
|
|
2669
|
-
height: 100%;
|
|
2670
|
-
justify-content: center;
|
|
2671
|
-
left: 0;
|
|
2672
|
-
opacity: 0;
|
|
2673
|
-
position: absolute;
|
|
2674
|
-
right: 0;
|
|
2675
|
-
top: 0;
|
|
2676
|
-
visibility: hidden;
|
|
2677
|
-
width: 100%;
|
|
2678
|
-
z-index: 400;
|
|
2651
|
+
.adyen-kyc-modal--large {
|
|
2652
|
+
max-width: 960px;
|
|
2653
|
+
height: 70vh;
|
|
2654
|
+
width: 70vw;
|
|
2679
2655
|
}
|
|
2680
2656
|
|
|
2681
|
-
.adyen-kyc-
|
|
2682
|
-
|
|
2657
|
+
.adyen-kyc-modal--fullscreen {
|
|
2658
|
+
margin: 0;
|
|
2659
|
+
max-width: 100vw;
|
|
2660
|
+
height: 100vh;
|
|
2661
|
+
width: 100vw;
|
|
2683
2662
|
}
|
|
2684
2663
|
|
|
2685
|
-
.adyen-kyc-
|
|
2686
|
-
|
|
2687
|
-
visibility: visible;
|
|
2664
|
+
.adyen-kyc-modal--with-backButton .adyen-kyc-modal__header {
|
|
2665
|
+
padding-left: var(--adyen-sdk-spacer-140, 64px);
|
|
2688
2666
|
}/* #region Borders */
|
|
2689
2667
|
/* #endregion */
|
|
2690
2668
|
/* #region Z-index */
|
|
@@ -2794,76 +2772,10 @@ button[disabled]:hover {
|
|
|
2794
2772
|
.adyen-kyc-dropin__main {
|
|
2795
2773
|
border-radius: var(--adyen-sdk-border-radius-m, 8px);
|
|
2796
2774
|
width: 100%;
|
|
2797
|
-
}.adyen-kyc-modal2 {
|
|
2798
|
-
border: none;
|
|
2799
|
-
box-sizing: border-box;
|
|
2800
|
-
display: flex;
|
|
2801
|
-
flex-direction: column;
|
|
2802
|
-
width: 100%;
|
|
2803
|
-
background-color: transparent;
|
|
2804
|
-
padding: 0;
|
|
2805
|
-
max-width: 600px;
|
|
2806
|
-
height: 100%;
|
|
2807
|
-
max-height: 640px;
|
|
2808
|
-
}
|
|
2809
|
-
@media screen and (max-width: 480px) {
|
|
2810
|
-
.adyen-kyc-modal2 {
|
|
2811
|
-
width: 100%;
|
|
2812
|
-
height: 100%;
|
|
2813
|
-
max-width: 100%;
|
|
2814
|
-
max-height: 100%;
|
|
2815
|
-
margin: 0;
|
|
2816
|
-
border-radius: 0;
|
|
2817
|
-
}
|
|
2818
|
-
}
|
|
2819
|
-
|
|
2820
|
-
.adyen-kyc-modal2-wrapper {
|
|
2821
|
-
overflow: hidden;
|
|
2822
|
-
--adyen-kyc-modal2-internal-margin: 16px;
|
|
2823
|
-
background: var(--adyen-sdk-color-background-primary, #ffffff);
|
|
2824
|
-
margin: var(--adyen-kyc-modal2-internal-margin);
|
|
2825
|
-
border-radius: 20px;
|
|
2826
|
-
height: calc(100% - var(--adyen-kyc-modal2-internal-margin) * 2);
|
|
2827
|
-
display: flex;
|
|
2828
|
-
flex-direction: column;
|
|
2829
|
-
position: relative;
|
|
2830
|
-
}
|
|
2831
|
-
@media screen and (max-width: 480px) {
|
|
2832
|
-
.adyen-kyc-modal2-wrapper {
|
|
2833
|
-
--adyen-kyc-modal2-internal-margin: 0;
|
|
2834
|
-
}
|
|
2835
|
-
}
|
|
2836
|
-
|
|
2837
|
-
.adyen-kyc-modal2::backdrop {
|
|
2838
|
-
background-color: var(--adyen-sdk-color-support-overlay, #00112c);
|
|
2839
|
-
opacity: 0.75;
|
|
2840
|
-
}
|
|
2841
|
-
|
|
2842
|
-
.adyen-kyc-modal2-top-bar {
|
|
2843
|
-
width: 100%;
|
|
2844
|
-
position: absolute;
|
|
2845
|
-
top: 0;
|
|
2846
|
-
padding: var(--adyen-sdk-spacer-050, 10px);
|
|
2847
|
-
padding-bottom: 0;
|
|
2848
|
-
display: flex;
|
|
2849
|
-
justify-content: space-between;
|
|
2850
|
-
}
|
|
2851
|
-
|
|
2852
|
-
.adyen-kyc-modal2-content {
|
|
2853
|
-
flex: 1;
|
|
2854
|
-
overflow-y: auto;
|
|
2855
2775
|
}
|
|
2856
2776
|
|
|
2857
|
-
.adyen-kyc-
|
|
2858
|
-
padding:
|
|
2859
|
-
border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
|
|
2860
|
-
}
|
|
2861
|
-
|
|
2862
|
-
.adyen-kyc-modal2__fullscreen {
|
|
2863
|
-
margin: 0;
|
|
2864
|
-
max-width: 100vw;
|
|
2865
|
-
height: 100vh;
|
|
2866
|
-
width: 100vw;
|
|
2777
|
+
.adyen-kyc-modal-content {
|
|
2778
|
+
padding: 0;
|
|
2867
2779
|
}.adyen-kyc-embedded-action-bar {
|
|
2868
2780
|
display: flex;
|
|
2869
2781
|
justify-content: space-between;
|
|
@@ -4041,7 +3953,9 @@ button[disabled]:hover {
|
|
|
4041
3953
|
justify-content: space-between;
|
|
4042
3954
|
align-items: center;
|
|
4043
3955
|
gap: var(--adyen-sdk-spacer-070, 16px);
|
|
4044
|
-
width:
|
|
3956
|
+
width: 100%;
|
|
3957
|
+
min-width: 250px;
|
|
3958
|
+
max-width: 650px;
|
|
4045
3959
|
cursor: pointer;
|
|
4046
3960
|
/* html button default styling removal */
|
|
4047
3961
|
border: none;
|
|
@@ -4050,6 +3964,9 @@ button[disabled]:hover {
|
|
|
4050
3964
|
text-align: left;
|
|
4051
3965
|
padding: var(--adyen-sdk-spacer-040, 8px);
|
|
4052
3966
|
}
|
|
3967
|
+
.adyen-kyc-embedded-status--loading {
|
|
3968
|
+
cursor: default;
|
|
3969
|
+
}
|
|
4053
3970
|
.adyen-kyc-embedded-status--loading .adyen-kyc-embedded-status__avatar {
|
|
4054
3971
|
background-color: var(--adyen-sdk-color-background-primary, #ffffff);
|
|
4055
3972
|
border: none;
|
|
@@ -4091,76 +4008,32 @@ button[disabled]:hover {
|
|
|
4091
4008
|
/* #region Inline components */
|
|
4092
4009
|
/* #endregion */
|
|
4093
4010
|
.adyen-kyc-manage-transfer-instrument {
|
|
4094
|
-
background: var(--adyen-sdk-color-background-secondary, #f7f7f8);
|
|
4095
4011
|
padding: var(--adyen-sdk-spacer-070, 16px);
|
|
4096
4012
|
width: 100%;
|
|
4013
|
+
display: flex;
|
|
4014
|
+
align-items: center;
|
|
4015
|
+
flex-direction: column;
|
|
4097
4016
|
}
|
|
4098
4017
|
.adyen-layout-md .adyen-kyc-manage-transfer-instrument {
|
|
4099
4018
|
padding: var(--adyen-sdk-spacer-090, 24px);
|
|
4100
4019
|
}
|
|
4101
4020
|
.adyen-layout-lg .adyen-kyc-manage-transfer-instrument {
|
|
4102
4021
|
padding: var(--adyen-sdk-spacer-110, 40px);
|
|
4103
|
-
}
|
|
4104
|
-
/* #endregion */
|
|
4105
|
-
/* #region Z-index */
|
|
4106
|
-
/* #endregion */
|
|
4107
|
-
/* #region Timing functions */
|
|
4108
|
-
/* #endregion */
|
|
4109
|
-
/* #region Inline components */
|
|
4110
|
-
/* #endregion */
|
|
4111
|
-
.adyen-kyc-manage-ti-overview {
|
|
4112
|
-
padding: var(--adyen-sdk-spacer-000, 0px);
|
|
4113
|
-
}
|
|
4114
|
-
.adyen-kyc-manage-ti-overview__action {
|
|
4115
|
-
padding: var(--adyen-sdk-spacer-040, 8px);
|
|
4116
|
-
}
|
|
4117
|
-
.adyen-layout-md .adyen-kyc-manage-ti-overview__action {
|
|
4118
|
-
padding: var(--adyen-sdk-spacer-070, 16px);
|
|
4119
|
-
}/* #region Borders */
|
|
4120
|
-
/* #endregion */
|
|
4121
|
-
/* #region Z-index */
|
|
4122
|
-
/* #endregion */
|
|
4123
|
-
/* #region Timing functions */
|
|
4124
|
-
/* #endregion */
|
|
4125
|
-
/* #region Inline components */
|
|
4126
|
-
/* #endregion */
|
|
4127
|
-
.adyen-kyc-manage-ti-overview-item__header {
|
|
4022
|
+
}.adyen-kyc-manage-ti-overview {
|
|
4128
4023
|
display: flex;
|
|
4129
4024
|
flex-direction: column;
|
|
4130
|
-
}
|
|
4131
|
-
.adyen-kyc-manage-ti-overview-item__title {
|
|
4132
|
-
display: flex;
|
|
4133
4025
|
align-items: center;
|
|
4134
|
-
|
|
4135
|
-
}
|
|
4136
|
-
.adyen-layout-md .adyen-kyc-manage-ti-overview-item__title {
|
|
4137
|
-
gap: var(--adyen-sdk-spacer-060, 12px);
|
|
4138
|
-
}
|
|
4139
|
-
.adyen-kyc-manage-ti-overview-item__subtitle {
|
|
4140
|
-
font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
|
|
4141
|
-
font-size: var(--adyen-sdk-text-caption-font-size, 12px);
|
|
4142
|
-
color: var(--adyen-sdk-color-label-secondary, #5c687c);
|
|
4143
|
-
margin: var(--adyen-sdk-spacer-040, 8px);
|
|
4144
|
-
}
|
|
4145
|
-
.adyen-kyc-manage-ti-overview-item__action {
|
|
4146
|
-
display: flex;
|
|
4147
|
-
flex-wrap: wrap;
|
|
4148
|
-
gap: var(--adyen-sdk-spacer-020, 4px);
|
|
4149
|
-
margin-top: var(--adyen-sdk-spacer-040, 8px);
|
|
4150
|
-
}
|
|
4151
|
-
.adyen-layout-md .adyen-kyc-manage-ti-overview-item__action {
|
|
4152
|
-
gap: var(--adyen-sdk-spacer-040, 8px);
|
|
4153
|
-
}
|
|
4154
|
-
.adyen-kyc-manage-ti-overview-item__loader {
|
|
4155
|
-
min-height: 180px; /* setting a min height to show the transferInstrument once it loads asynchronously*/
|
|
4026
|
+
width: 100%;
|
|
4156
4027
|
}.adyen-kyc-manage-ti-overview-item-summary__error {
|
|
4157
|
-
padding: var(--adyen-sdk-spacer-070, 16px);
|
|
4158
4028
|
margin-bottom: var(--adyen-sdk-spacer-070, 16px);
|
|
4159
4029
|
}
|
|
4160
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
|
+
|
|
4161
4035
|
.adyen-kyc-manage-ti-overview-item-summary__error-button {
|
|
4162
|
-
|
|
4163
|
-
margin-left: var(--adyen-sdk-spacer-100, 32px);
|
|
4036
|
+
padding-left: 0;
|
|
4164
4037
|
}.adyen-kyc__high-exposure-company .adyen-kyc-typography--title-l,
|
|
4165
4038
|
.adyen-kyc__high-exposure-company .adyen-kyc-typography--body {
|
|
4166
4039
|
margin-bottom: var(--adyen-sdk-spacer-070, 16px);
|
|
@@ -4915,16 +4788,19 @@ button[disabled]:hover {
|
|
|
4915
4788
|
.adyen-kyc-debug-modal__header {
|
|
4916
4789
|
font-size: var(--adyen-sdk-text-title-font-size, 16px);
|
|
4917
4790
|
font-weight: var(--adyen-sdk-text-title-font-weight, 600);
|
|
4791
|
+
margin: 1em;
|
|
4918
4792
|
}
|
|
4919
4793
|
|
|
4920
4794
|
.adyen-kyc-debug-modal__content {
|
|
4921
4795
|
display: flex;
|
|
4922
4796
|
flex-direction: column;
|
|
4923
4797
|
gap: 24px;
|
|
4798
|
+
margin: 1em;
|
|
4924
4799
|
}
|
|
4925
4800
|
|
|
4926
4801
|
.adyen-kyc-debug-modal__meta {
|
|
4927
4802
|
display: flex;
|
|
4928
4803
|
flex-direction: column;
|
|
4929
4804
|
gap: 4px;
|
|
4805
|
+
margin: 1em;
|
|
4930
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;
|