@adyen/kyc-components 2.16.0 → 2.17.0

package/dist/style.css

@@ -64733,13 +64733,6 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
   to {
     opacity: 1;
   }
-}.adyen-open-banking-sdk-widget {
-  border: 0 transparent;
-  height: 100%;
-  width: 100%;
-}
-.adyen-open-banking-sdk-widget-container {
-  flex: 1;
 }/* #region Spacing */
 /* #endregion */
 /* #region Colors */
@@ -74463,6 +74456,297 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
 /* #endregion */
 /* #region Inline components */
 /* #endregion */
+.adyen-kyc-business-type-selection__nav {
+  margin-top: 32px;
+}
+.adyen-kyc-business-type-selection__confirm {
+  display: flex;
+  gap: 16px;
+  margin-top: 32px;
+}
+.adyen-kyc-business-type-selection__confirm button {
+  flex-grow: 1;
+}
+
+.adyen-kyc-trustee-type-radio-group-card {
+  display: flex;
+  gap: 16px;
+}/* #region Spacing */
+/* #endregion */
+/* #region Colors */
+/* #endregion */
+/* #region Fonts */
+/* #endregion */
+/* #region Borders */
+/* #endregion */
+/* #region Box-shadow */
+/* #endregion */
+/* #region Shadows */
+/* #endregion */
+/* #region Z-index */
+/* #endregion */
+/* #region Transition */
+/* #endregion */
+/* #region Timing functions */
+/* #endregion */
+/* #region Focus ring */
+/* #endregion */
+/* #region Inline components */
+/* #endregion */
+/* stylelint-disable-line scss/dollar-variable-pattern */
+/* stylelint-disable-line scss/dollar-variable-pattern */
+/* stylelint-disable-line scss/dollar-variable-pattern */
+/* stylelint-disable-line scss/dollar-variable-pattern */
+/* #region Spacing */
+/* #endregion */
+/* #region Colors */
+/* #endregion */
+/* #region Fonts */
+/* #endregion */
+/* #region Borders */
+/* #endregion */
+/* #region Box-shadow */
+/* #endregion */
+/* #region Shadows */
+/* #endregion */
+/* #region Z-index */
+/* #endregion */
+/* #region Transition */
+/* #endregion */
+/* #region Timing functions */
+/* #endregion */
+/* #region Focus ring */
+/* #endregion */
+/* #region Inline components */
+/* #endregion */
+.adl-heading {
+  color: #00112c;
+  font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
+  font-size: 15px;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  font-weight: 400;
+  line-height: 1.4;
+  display: block;
+  font-size: 32px;
+  font-weight: 600;
+  line-height: 40px;
+  margin: 0;
+  padding: 0;
+}
+.adl-heading *,
+.adl-heading *::before,
+.adl-heading *::after {
+  box-sizing: border-box;
+}
+.adl-heading--2 {
+  font-size: 24px;
+  font-weight: 600;
+  line-height: 32px;
+}
+.adl-heading--3 {
+  font-size: 20px;
+  font-weight: 600;
+  line-height: 28px;
+}
+.adl-heading--4 {
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 24px;
+}
+.adl-heading--sub {
+  color: #394962;
+  font-size: 16px;
+  font-weight: 400;
+  line-height: 24px;
+}/* #region Spacing */
+/* #endregion */
+/* #region Colors */
+/* #endregion */
+/* #region Fonts */
+/* #endregion */
+/* #region Borders */
+/* #endregion */
+/* #region Box-shadow */
+/* #endregion */
+/* #region Shadows */
+/* #endregion */
+/* #region Z-index */
+/* #endregion */
+/* #region Transition */
+/* #endregion */
+/* #region Timing functions */
+/* #endregion */
+/* #region Focus ring */
+/* #endregion */
+/* #region Inline components */
+/* #endregion */
+/* #region Spacing */
+/* #endregion */
+/* #region Colors */
+/* #endregion */
+/* #region Fonts */
+/* #endregion */
+/* #region Borders */
+/* #endregion */
+/* #region Box-shadow */
+/* #endregion */
+/* #region Shadows */
+/* #endregion */
+/* #region Z-index */
+/* #endregion */
+/* #region Transition */
+/* #endregion */
+/* #region Timing functions */
+/* #endregion */
+/* #region Focus ring */
+/* #endregion */
+/* #region Inline components */
+/* #endregion */
+/* stylelint-disable-line scss/dollar-variable-pattern */
+/* stylelint-disable-line scss/dollar-variable-pattern */
+/* stylelint-disable-line scss/dollar-variable-pattern */
+/* stylelint-disable-line scss/dollar-variable-pattern */
+.adl-toast {
+  color: #00112c;
+  font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
+  font-size: 15px;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  font-weight: 400;
+  line-height: 1.4;
+  background: #00112c;
+  border-radius: 6px;
+  color: #fff;
+  display: flex;
+  font-size: 15px;
+  height: auto;
+  line-height: 1.4;
+  opacity: 0;
+  overflow: hidden;
+  padding: 8px;
+  transform: translateY(2%);
+  transition: ease 200ms;
+  transition-property: opacity, transform, visibility;
+  user-select: none;
+  visibility: hidden;
+  white-space: normal;
+  z-index: 1;
+}
+.adl-toast *,
+.adl-toast *::before,
+.adl-toast *::after {
+  box-sizing: border-box;
+}
+.adl-toast--collapsed {
+  background-color: #8390a3;
+}
+.adl-toast--visible {
+  opacity: 1;
+  transform: translateY(0);
+  visibility: visible;
+}
+.adl-toast__message {
+  flex: 1;
+}
+.adl-toast__title {
+  display: block;
+  font-weight: 600;
+  margin: 4px 0;
+  padding: 0 0 0 8px;
+}
+.adl-toast__subtitle {
+  color: #a5afbd;
+  display: block;
+  margin: 2px 0 0 0;
+  padding: 0 8px 4px;
+}
+.adl-toast__close {
+  background: none;
+  border: none;
+  color: #8390a3;
+  cursor: pointer;
+  display: inline-flex;
+  font-size: 15px;
+  height: 16px;
+  margin: 7px 6px;
+  padding: 0;
+}
+.adl-toast__status {
+  border-radius: 50%;
+  color: #00112c;
+  font-size: 15px;
+  height: 18px;
+  margin: 4px 0 0 8px;
+  vertical-align: top;
+  width: 18px;
+}
+.adl-toast__status--success {
+  background-color: #60d58f;
+}
+.adl-toast__status--error {
+  background-color: #ee5959;
+}
+.adl-toast__status-icon {
+  margin: 1.5px;
+}
+.adl-toast__action {
+  color: #a5afbd;
+  display: block;
+  margin: 2px 0 0 0;
+  padding: 0 8px 4px;
+  font-size: 15px;
+  font-weight: 600;
+  line-height: 1.4;
+  text-decoration: underline;
+}
+.adl-toast__action:visited {
+  color: #a5afbd;
+}
+.adl-toast__loader {
+  display: inline-block;
+  height: 16px;
+  margin: 6px;
+  width: 16px;
+}
+.adyen-kyc-dropin__toast-context {
+  max-width: calc(100% - 16px);
+}
+.adyen-kyc-dropin__toast-stack {
+  display: flex;
+  justify-content: center;
+  position: absolute;
+  width: 100%;
+  z-index: 1;
+}
+.adyen-layout-xs-only .adyen-kyc-dropin__toast-stack {
+  bottom: 16px;
+  position: fixed;
+}
+.adyen-layout-md .adyen-kyc-dropin__toast-stack {
+  top: 16px;
+}/* #region Spacing */
+/* #endregion */
+/* #region Colors */
+/* #endregion */
+/* #region Fonts */
+/* #endregion */
+/* #region Borders */
+/* #endregion */
+/* #region Box-shadow */
+/* #endregion */
+/* #region Shadows */
+/* #endregion */
+/* #region Z-index */
+/* #endregion */
+/* #region Transition */
+/* #endregion */
+/* #region Timing functions */
+/* #endregion */
+/* #region Focus ring */
+/* #endregion */
+/* #region Inline components */
+/* #endregion */
 /* stylelint-disable-line scss/dollar-variable-pattern */
 /* stylelint-disable-line scss/dollar-variable-pattern */
 /* stylelint-disable-line scss/dollar-variable-pattern */
@@ -76335,6 +76619,9 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
 .adl-decision-makers__add .adyen-kyc-icon {
   font-size: 12px;
 }
+.adl-decision-makers__warning {
+  margin-bottom: 24px;
+}
 .adl-decision-makers__add--more.adl-button.adl-button--secondary {
   background-color: transparent;
   border: 1px solid #dce0e5;
@@ -84198,94 +84485,6 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
 /* #endregion */
 /* #region Inline components */
 /* #endregion */
-.adl-heading {
-  color: #00112c;
-  font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
-  font-size: 15px;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  font-weight: 400;
-  line-height: 1.4;
-  display: block;
-  font-size: 32px;
-  font-weight: 600;
-  line-height: 40px;
-  margin: 0;
-  padding: 0;
-}
-.adl-heading *,
-.adl-heading *::before,
-.adl-heading *::after {
-  box-sizing: border-box;
-}
-.adl-heading--2 {
-  font-size: 24px;
-  font-weight: 600;
-  line-height: 32px;
-}
-.adl-heading--3 {
-  font-size: 20px;
-  font-weight: 600;
-  line-height: 28px;
-}
-.adl-heading--4 {
-  font-size: 16px;
-  font-weight: 600;
-  line-height: 24px;
-}
-.adl-heading--sub {
-  color: #394962;
-  font-size: 16px;
-  font-weight: 400;
-  line-height: 24px;
-}/* #region Spacing */
-/* #endregion */
-/* #region Colors */
-/* #endregion */
-/* #region Fonts */
-/* #endregion */
-/* #region Borders */
-/* #endregion */
-/* #region Box-shadow */
-/* #endregion */
-/* #region Shadows */
-/* #endregion */
-/* #region Z-index */
-/* #endregion */
-/* #region Transition */
-/* #endregion */
-/* #region Timing functions */
-/* #endregion */
-/* #region Focus ring */
-/* #endregion */
-/* #region Inline components */
-/* #endregion */
-/* stylelint-disable-line scss/dollar-variable-pattern */
-/* stylelint-disable-line scss/dollar-variable-pattern */
-/* stylelint-disable-line scss/dollar-variable-pattern */
-/* stylelint-disable-line scss/dollar-variable-pattern */
-/* #region Spacing */
-/* #endregion */
-/* #region Colors */
-/* #endregion */
-/* #region Fonts */
-/* #endregion */
-/* #region Borders */
-/* #endregion */
-/* #region Box-shadow */
-/* #endregion */
-/* #region Shadows */
-/* #endregion */
-/* #region Z-index */
-/* #endregion */
-/* #region Transition */
-/* #endregion */
-/* #region Timing functions */
-/* #endregion */
-/* #region Focus ring */
-/* #endregion */
-/* #region Inline components */
-/* #endregion */
 /* stylelint-disable-line scss/dollar-variable-pattern */
 /* stylelint-disable-line scss/dollar-variable-pattern */
 /* stylelint-disable-line scss/dollar-variable-pattern */
@@ -90098,10 +90297,19 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
 .adl-card.adl-add-payout .adl-card__body {
   display: inline-flex;
 }
+.adyen-task--warning {
+  border-radius: 0;
+}
 .adyen-task-list__nav {
   text-align: right;
   padding: 16px;
   padding-top: 0;
+}
+.adyen-task-list__warning {
+  border-radius: 0 0 8px 8px;
+}
+.adyen-task-list__heading {
+  padding: 16px;
 }/* #region Spacing */
 /* #endregion */
 /* #region Colors */
@@ -97733,172 +97941,6 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
 /* #endregion */
 /* #region Inline components */
 /* #endregion */
-/* #region Spacing */
-/* #endregion */
-/* #region Colors */
-/* #endregion */
-/* #region Fonts */
-/* #endregion */
-/* #region Borders */
-/* #endregion */
-/* #region Box-shadow */
-/* #endregion */
-/* #region Shadows */
-/* #endregion */
-/* #region Z-index */
-/* #endregion */
-/* #region Transition */
-/* #endregion */
-/* #region Timing functions */
-/* #endregion */
-/* #region Focus ring */
-/* #endregion */
-/* #region Inline components */
-/* #endregion */
-/* stylelint-disable-line scss/dollar-variable-pattern */
-/* stylelint-disable-line scss/dollar-variable-pattern */
-/* stylelint-disable-line scss/dollar-variable-pattern */
-/* stylelint-disable-line scss/dollar-variable-pattern */
-.adl-toast {
-  color: #00112c;
-  font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
-  font-size: 15px;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  font-weight: 400;
-  line-height: 1.4;
-  background: #00112c;
-  border-radius: 6px;
-  color: #fff;
-  display: flex;
-  font-size: 15px;
-  height: auto;
-  line-height: 1.4;
-  opacity: 0;
-  overflow: hidden;
-  padding: 8px;
-  transform: translateY(2%);
-  transition: ease 200ms;
-  transition-property: opacity, transform, visibility;
-  user-select: none;
-  visibility: hidden;
-  white-space: normal;
-  z-index: 1;
-}
-.adl-toast *,
-.adl-toast *::before,
-.adl-toast *::after {
-  box-sizing: border-box;
-}
-.adl-toast--collapsed {
-  background-color: #8390a3;
-}
-.adl-toast--visible {
-  opacity: 1;
-  transform: translateY(0);
-  visibility: visible;
-}
-.adl-toast__message {
-  flex: 1;
-}
-.adl-toast__title {
-  display: block;
-  font-weight: 600;
-  margin: 4px 0;
-  padding: 0 0 0 8px;
-}
-.adl-toast__subtitle {
-  color: #a5afbd;
-  display: block;
-  margin: 2px 0 0 0;
-  padding: 0 8px 4px;
-}
-.adl-toast__close {
-  background: none;
-  border: none;
-  color: #8390a3;
-  cursor: pointer;
-  display: inline-flex;
-  font-size: 15px;
-  height: 16px;
-  margin: 7px 6px;
-  padding: 0;
-}
-.adl-toast__status {
-  border-radius: 50%;
-  color: #00112c;
-  font-size: 15px;
-  height: 18px;
-  margin: 4px 0 0 8px;
-  vertical-align: top;
-  width: 18px;
-}
-.adl-toast__status--success {
-  background-color: #60d58f;
-}
-.adl-toast__status--error {
-  background-color: #ee5959;
-}
-.adl-toast__status-icon {
-  margin: 1.5px;
-}
-.adl-toast__action {
-  color: #a5afbd;
-  display: block;
-  margin: 2px 0 0 0;
-  padding: 0 8px 4px;
-  font-size: 15px;
-  font-weight: 600;
-  line-height: 1.4;
-  text-decoration: underline;
-}
-.adl-toast__action:visited {
-  color: #a5afbd;
-}
-.adl-toast__loader {
-  display: inline-block;
-  height: 16px;
-  margin: 6px;
-  width: 16px;
-}
-.adyen-kyc-dropin__toast-context {
-  max-width: calc(100% - 16px);
-}
-.adyen-kyc-dropin__toast-stack {
-  display: flex;
-  justify-content: center;
-  position: absolute;
-  width: 100%;
-  z-index: 1;
-}
-.adyen-layout-xs-only .adyen-kyc-dropin__toast-stack {
-  bottom: 16px;
-  position: fixed;
-}
-.adyen-layout-md .adyen-kyc-dropin__toast-stack {
-  top: 16px;
-}/* #region Spacing */
-/* #endregion */
-/* #region Colors */
-/* #endregion */
-/* #region Fonts */
-/* #endregion */
-/* #region Borders */
-/* #endregion */
-/* #region Box-shadow */
-/* #endregion */
-/* #region Shadows */
-/* #endregion */
-/* #region Z-index */
-/* #endregion */
-/* #region Transition */
-/* #endregion */
-/* #region Timing functions */
-/* #endregion */
-/* #region Focus ring */
-/* #endregion */
-/* #region Inline components */
-/* #endregion */
 .adyen-contract-viewer {
   background-color: #fff;
 }.adyen-kyc-italic {

package/dist/types/components/BusinessTypeSelection/BusinessTypeSelection.d.ts

@@ -0,0 +1,16 @@
+import './_business-type-selection.component.scss';
+import type { JSX } from 'preact';
+import { TranslationKey } from '../../language/types';
+import { ValidatorRules } from '../../utils/validation/types';
+import { BusinessTypeModel, BusinessTypeSelectionProps, BusinessTypeSelectionSchema } from './types';
+export declare const businessTypes: readonly BusinessTypeModel[];
+export declare const getBusinessTypes: (includeTrust: boolean, includeSoleProp: boolean) => readonly BusinessTypeModel[];
+export declare const businessTypeSelectionValidationRules: ValidatorRules<BusinessTypeSelectionSchema>;
+export declare enum BusinessTypeSelectionStep {
+    BUSINESS_TYPE_SELECTION = 0,
+    LEGAL_ARRANGEMENT_SELECTION = 1,
+    WE_CANNOT_SET_UP_ACCOUNT = 2,
+    CONFIRM_BUSINESS_SETUP_CHANGE = 3
+}
+export declare const businessTypeSelectionStepTitles: Record<BusinessTypeSelectionStep, TranslationKey>;
+export declare const BusinessTypeSelection: ({ legalEntityResponse, accountHolder, showTrustOption, showSolePropOption, onAccountHolderSelect, handleUpdateLegalEntity, }: BusinessTypeSelectionProps) => JSX.Element | null;

package/dist/types/components/BusinessTypeSelection/types.d.ts

@@ -0,0 +1,34 @@
+import { ExistingLegalEntity } from '../../core/models/api/legal-entity';
+import { TranslationKey } from '../../language/types';
+import { DropinAPIHandlers } from '../Dropins/types';
+import { AccountHolderOption, LegalArrangementOption } from '../internal/AccountHolder/types';
+export interface BusinessTypeSelectionProps extends DropinAPIHandlers {
+    legalEntityResponse: ExistingLegalEntity;
+    accountHolder?: AccountHolderOption;
+    showTrustOption: boolean;
+    showSolePropOption: boolean;
+    onAccountHolderSelect: (accountHolder: AccountHolderOption) => void;
+}
+export interface BusinessTypeSelectionSchema {
+    businessType?: BusinessTypeModel;
+    legalArrangement?: LegalArrangementModel;
+    trusteeType?: TrusteeTypeModel;
+}
+export type BusinessType = 'individual' | 'soleProprietorship' | 'company' | 'legalArrangement';
+export interface BusinessTypeModel {
+    id: BusinessType;
+    name: TranslationKey;
+    description: TranslationKey;
+    accountHolder?: Exclude<AccountHolderOption, LegalArrangementOption>;
+}
+export interface LegalArrangementModel {
+    id: LegalArrangementOption;
+    accountHolder: LegalArrangementOption;
+    name: TranslationKey;
+    description: TranslationKey;
+}
+export type TrusteeType = 'individual' | 'company';
+export interface TrusteeTypeModel {
+    id: TrusteeType;
+    name: TranslationKey;
+}

package/dist/types/components/Company/types.d.ts

@@ -26,4 +26,5 @@ export interface CompanyProps extends BaseOuterFormProps<CompanySchema> {
     onSubmit?: (company: CompanySchema) => void;
     handleAddressSearch?: DropinAPIHandlers['handleAddressSearch'];
     handleFindAddress?: DropinAPIHandlers['handleFindAddress'];
+    isTopLevelEntity: boolean;
 }

package/dist/types/components/CompanyNameAndCountry/types.d.ts

@@ -7,4 +7,5 @@ export interface CompanyNameAndCountryProps extends BaseInnerFormProps<CompanyNa
     onCountryChange?(country: CountryCode): void;
     disableCountry?: boolean;
     id: 'companyNameAndCountry' | 'solePropNameAndCountry';
+    isTopLevelEntity: boolean;
 }

package/dist/types/components/Dropins/CompanyDropin/types.d.ts

@@ -2,7 +2,7 @@ import type { LegalEntity } from '../../../core/models/api/legal-entity';
 import type { CompanyProps } from '../../Company/types';
 import type { TrustMember } from '../../TrustMembers/types';
 import type { DropinAPIHandlers, DropinProps } from '../types';
-export interface CompanyDropinProps extends CompanyProps, DropinAPIHandlers, DropinProps {
+export interface CompanyDropinProps extends Omit<CompanyProps, 'isTopLevelEntity'>, DropinAPIHandlers, DropinProps {
     parentLegalEntity?: LegalEntity;
     associationDetail?: TrustMember;
     isTargetLegalEntityType?: boolean;

package/dist/types/components/PayoutDetails/component/PayoutDetailsComponent.d.ts

@@ -11,7 +11,7 @@ export declare const payoutSteps: {
         readonly formName: "verificationMethod";
         readonly fields: (keyof PayoutVerificationMethodSchema)[];
     };
-    readonly payoutAccountDetails: (tasktype: TaskTypes) => FormModel;
+    readonly payoutAccountDetails: (tasktype: TaskTypes, isNewEntryFlowExperimentEnabled: boolean) => FormModel;
     readonly payoutAccountDocuments: {
         readonly formId: "payoutAccountDocuments";
         readonly formName: "bankStatement";
@@ -23,6 +23,6 @@ export declare const payoutSteps: {
         readonly fields: (keyof AccountVerificationSchema)[];
     };
 };
-export declare const getAppropriatePayoutDetailsSteps: (currentTask: TaskTypes, isEditing: boolean, instantVerificationAvailable: boolean, canChangeCountry: boolean) => FormList;
+export declare const getAppropriatePayoutDetailsSteps: (currentTask: TaskTypes, isEditing: boolean, instantVerificationAvailable: boolean, canChangeCountry: boolean, isNewEntryFlowExperimentEnabled: boolean) => FormList;
 declare function PayoutDetailsComponent(props: PayoutDetailsProps): import("preact").JSX.Element;
 export default PayoutDetailsComponent;

package/dist/types/components/TaskList/component/TaskListItem.d.ts

@@ -1,4 +1,4 @@
 import '../TaskListItem.scss';
 import { TaskListItemProps } from '../types';
-declare const TaskListItem: ({ title, tagline, icon, status, onNavigateToTask, disabled, problems, downloadHandler, info, loading, showErrorAlerts, removeEntity, isRemoveDisabled, handleIsRemoveDisabled, }: TaskListItemProps) => import("preact").JSX.Element;
+declare const TaskListItem: ({ title, tagline, icon, status, onNavigateToTask, disabled, problems, downloadHandler, info, loading, showErrorAlerts, showWarningAlert, removeEntity, isRemoveDisabled, handleIsRemoveDisabled, }: TaskListItemProps) => import("preact").JSX.Element;
 export default TaskListItem;