@adyen/kyc-components 3.11.0 → 3.11.2

package/dist/es/adyen-kyc-components.es.js

@@ -11098,8 +11098,13 @@ function AccountHolder(props) {
     fieldProblems: props == null ? void 0 : props.fieldValidationErrors
   });
   useEffect(() => {
-    var _a2, _b;
-    (_b = (_a2 = stateRef.current) == null ? void 0 : _a2.setState) == null ? void 0 : _b.call(_a2, {
+    var _a2, _b, _c;
+    (_a2 = props.onChange) == null ? void 0 : _a2.call(props, {
+      data,
+      valid,
+      errors
+    });
+    (_c = (_b = stateRef.current) == null ? void 0 : _b.setState) == null ? void 0 : _c.call(_b, {
       type: "addToState",
       value: {
         data,
@@ -13668,7 +13673,7 @@ const getAccountIdentificationFromPayoutAccountSchema = (payoutAccount2, bankCou
     case "hkLocal":
       return {
         ...localAccount,
-        clearingCode: payoutAccount2.branchCode
+        clearingCode: payoutAccount2.bankCode
       };
     case "nzLocal":
       return {
@@ -20131,20 +20136,6 @@ const defaultFieldConfig$2 = {
       }
     }
   },
-  [CountryCodes.HongKong]: {
-    label: "branchCode",
-    validators: validatePatternOnBlur(/^\d{3}$/),
-    mask: {
-      mask: makeMask(...numericInputs(3))
-    },
-    guidanceText: {
-      key: "enterNDigitsForExample",
-      values: {
-        numDigits: "3",
-        example: "100"
-      }
-    }
-  },
   [CountryCodes.UnitedStates]: {
     label: "achRoutingNumber",
     validators: validatePatternOnBlur(/^\d{9}$/),
@@ -26143,8 +26134,9 @@ const CompanyStructureValidation = {
   }
 };
 const COMPANY_STRUCTURE_FORM_ID = "companyStructure";
-const companyStructureFields = ["entityType"];
+const companyStructureFields = ["entityType", "accountHolder"];
 function CompanyStructureComponent({
+  id: id2,
   data,
   labels: labels2,
   heading,
@@ -26152,7 +26144,9 @@ function CompanyStructureComponent({
   formVerificationErrors,
   fieldValidationErrors,
   requiredFields,
-  kompanyVerifiedData
+  country: country2,
+  kompanyVerifiedData,
+  ...props
 }) {
   var _a;
   const {
@@ -26202,6 +26196,19 @@ function CompanyStructureComponent({
     });
   }, [formSchema, formData, formErrors, formValid, formFieldProblems, updateStateSlice]);
   const companyTypeOptions = isNewEntryFlowEnabled ? companyTypes.filter((companyType2) => companyType2.id !== CompanyTypesValue.INCORPORATED_PARTNERSHIP && companyType2.id !== CompanyTypesValue.INCORPORATED_ASSOCIATION) : companyTypes;
+  const companyTypeExamples2 = useCompanyTypeExamples(country2);
+  const accountHolderProps = getFieldProps({
+    id: id2,
+    data,
+    labels: labels2,
+    heading,
+    description: description2,
+    formVerificationErrors,
+    fieldValidationErrors,
+    requiredFields,
+    country: country2,
+    ...props
+  }, accountHolderFields);
   return jsxs("form", {
     children: [jsx(FormHeader, {
       heading,
@@ -26216,18 +26223,24 @@ function CompanyStructureComponent({
       useLabelElement: false,
       errorMessage: formUtils.getErrorMessage("entityType", formErrors, formFieldProblems),
       classNameModifiers: ["entityType"],
-      children: (childProps) => jsx(RadioGroupCard, {
+      children: (childProps) => jsx(EntityTypeRadioGroupCard, {
         ...childProps,
         "aria-required": true,
         "aria-label": formUtils.getLabel("entityType", "whatTypeOfCompanyDoYouHave"),
         "aria-invalid": !formValid.entityType,
         name: "entityType",
         items: companyTypeOptions,
-        selected: companyTypeOptions.find((type) => type.id === (formData == null ? void 0 : formData.entityType)),
+        selected: companyTypeOptions.find((type) => type.id === formData.entityType),
         readonly: disabled,
-        isItemDisabled: () => disabled,
-        onSelect: (item) => handleChangeFor("entityType")(item.id)
+        onSelect: (item) => handleChangeFor("entityType")(item.id),
+        examples: companyTypeExamples2
       })
+    }), !isNewEntryFlowEnabled && country2 && jsx(AccountHolder, {
+      ...accountHolderProps,
+      dataStoreId: id2,
+      legalEntityType: LegalEntityType.ORGANIZATION,
+      country: country2,
+      onChange: (value) => handleChangeFor("accountHolder")(value.data.accountHolder)
     })]
   });
 }
@@ -26495,7 +26508,7 @@ const mapApiDocumentToCompanySearchDocuments = (entityId) => {
     } : void 0
   };
 };
-const mapLegalEntityToCompanySearchSchema = (legalEntity) => {
+const mapLegalEntityToCompanySearchSchema = (legalEntity, isChangingType) => {
   const companySearchSchema = {
     companyBasics: {},
     companyRegistrationAddress: {},
@@ -26540,7 +26553,10 @@ const mapLegalEntityToCompanySearchSchema = (legalEntity) => {
       case "companyStructure": {
         return {
           ...componentData,
-          [key]: value
+          [key]: {
+            ...value,
+            accountHolder: getDefaultAccountHolderType(legalEntity, isChangingType)
+          }
         };
       }
       case "companyRegistrationDocument": {
@@ -26571,6 +26587,7 @@ function useCompanySearchTaskSubmit({
   legalEntityResponse,
   problems,
   baseTrackingPayload,
+  isTargetLegalEntityType,
   documentUtils,
   setProblems,
   setLoadingStatus,
@@ -26632,7 +26649,7 @@ function useCompanySearchTaskSubmit({
       legalEntityName: ((_c = data.companyBasics) == null ? void 0 : _c.legalCompanyName) ?? null,
       usedAdditionalAddress: ((_d = data.companyRegistrationAddress) == null ? void 0 : _d.operationalAddressIsSame) === operationalAddressIsSameIds.OPERATIONAL_ADDRESS_IS_NOT_SAME
     };
-    const savedLegalEntityData = mapLegalEntityToCompanySearchSchema(legalEntityResponse);
+    const savedLegalEntityData = mapLegalEntityToCompanySearchSchema(legalEntityResponse, isTargetLegalEntityType);
     const filteredData = removeOldDataBySchema(data, savedLegalEntityData);
     const legalEntity = {
       ...mapCompanySearchSchemaToLegalEntity(filteredData),
@@ -26705,7 +26722,7 @@ function useCompanySearchTaskSubmit({
   };
 }
 function CompanySearchComponent(props) {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f;
   const {
     i18n
   } = useI18nContext();
@@ -26721,12 +26738,14 @@ function CompanySearchComponent(props) {
     handleCompanyDeepSearch,
     handleGetCompanyDataset,
     handleRefreshCompanyDataset,
-    handleVerifyTin
+    handleVerifyTin,
+    onTypeSwitch
   } = props;
   const globalData = useGlobalData();
   const [kompanyAddress, setKompanyAddress] = useState();
   const [kompanyVerifiedData, setKompanyVerifiedData] = useState();
   const formWrapperClasses = (formId) => (activeForm == null ? void 0 : activeForm.formId) !== formId ? "adyen-kyc-form-wrapper adyen-kyc-form-wrapper--hidden" : "adyen-kyc-form-wrapper";
+  this.customNavigationHandler = ((_a = globalData.companyStructure) == null ? void 0 : _a.accountHolder) === "myName" ? () => onTypeSwitch == null ? void 0 : onTypeSwitch(LegalEntityType.INDIVIDUAL) : null;
   return jsxs("div", {
     className: "adyen-kyc-company",
     children: [jsx("div", {
@@ -26736,7 +26755,7 @@ function CompanySearchComponent(props) {
         id: forms.companyBasics.formId,
         heading: i18n.get(forms.companyBasics.formName),
         country: country2,
-        companyType: (_a = globalData == null ? void 0 : globalData.companyStructure) == null ? void 0 : _a.entityType,
+        companyType: (_b = globalData == null ? void 0 : globalData.companyStructure) == null ? void 0 : _b.entityType,
         isTopLevelEntity,
         baseTrackingPayload,
         handleCompanyIndexSearch,
@@ -26770,6 +26789,7 @@ function CompanySearchComponent(props) {
         id: forms.companyStructure.formId,
         heading: i18n.get(forms.companyStructure.formName),
         description: i18n.get(forms.companyStructure.formDescription),
+        country: country2,
         kompanyVerifiedData
       })
     }), jsx("div", {
@@ -26779,8 +26799,8 @@ function CompanySearchComponent(props) {
         id: forms.companyOtherDetails.formId,
         heading: i18n.get(forms.companyOtherDetails.formName),
         country: country2,
-        legalCompanyName: (_b = globalData == null ? void 0 : globalData.companyBasics) == null ? void 0 : _b.legalCompanyName,
-        companyType: (_c = globalData == null ? void 0 : globalData.companyStructure) == null ? void 0 : _c.entityType,
+        legalCompanyName: (_c = globalData == null ? void 0 : globalData.companyBasics) == null ? void 0 : _c.legalCompanyName,
+        companyType: (_d = globalData == null ? void 0 : globalData.companyStructure) == null ? void 0 : _d.entityType,
         kompanyVerifiedData
       })
     }), jsx("div", {
@@ -26791,7 +26811,7 @@ function CompanySearchComponent(props) {
         heading: forms.companyRegistrationDocument.formHeading,
         description: forms.companyRegistrationDocument.formDescription,
         country: country2,
-        companyType: (_d = globalData.companyStructure) == null ? void 0 : _d.entityType
+        companyType: (_e = globalData.companyStructure) == null ? void 0 : _e.entityType
       })
     }), jsx("div", {
       className: formWrapperClasses(forms.companyTaxDocument.formId),
@@ -26801,7 +26821,7 @@ function CompanySearchComponent(props) {
         heading: forms.companyTaxDocument.formHeading,
         description: forms.companyTaxDocument.formDescription,
         country: country2,
-        companyType: (_e = globalData.companyStructure) == null ? void 0 : _e.entityType
+        companyType: (_f = globalData.companyStructure) == null ? void 0 : _f.entityType
       }) : jsx(DocumentUpload, {
         ...getFormProps(props, forms.companyTaxDocument.formId),
         id: forms.companyTaxDocument.formId,
@@ -26833,6 +26853,7 @@ function CompanySearchDropinComponent({
   country: parentCountry,
   problems: propProblems,
   legalEntityResponse,
+  isTargetLegalEntityType,
   parentLegalEntity,
   trackingConfig,
   eventEmitter,
@@ -26854,7 +26875,8 @@ function CompanySearchDropinComponent({
   handleCompanyDeepSearch,
   handleGetCompanyDataset,
   handleRefreshCompanyDataset,
-  handleVerifyTin
+  handleVerifyTin,
+  onTypeSwitch
 }) {
   var _a, _b, _c, _d;
   const {
@@ -26880,7 +26902,7 @@ function CompanySearchDropinComponent({
     isExperimentEnabled
   } = useExperimentsContext();
   const [loadingStatus, setLoadingStatus] = useState("success");
-  const [initialData, setInitialData] = useState(mapLegalEntityToCompanySearchSchema(legalEntityResponse));
+  const [initialData, setInitialData] = useState(mapLegalEntityToCompanySearchSchema(legalEntityResponse, Boolean(isTargetLegalEntityType)));
   const country2 = useMemo(() => {
     var _a2;
     return ((_a2 = currentState.data.companyBasics) == null ? void 0 : _a2.country) ?? parentCountry;
@@ -26966,6 +26988,7 @@ function CompanySearchDropinComponent({
     legalEntityResponse,
     problems,
     baseTrackingPayload,
+    isTargetLegalEntityType: Boolean(isTargetLegalEntityType),
     documentUtils,
     setProblems,
     setLoadingStatus,
@@ -27024,6 +27047,7 @@ function CompanySearchDropinComponent({
       activeForm,
       shouldValidate,
       isTopLevelEntity: taskType === TaskTypes.COMPANY_SEARCH,
+      onTypeSwitch,
       baseTrackingPayload,
       handleAddressSearch,
       handleFindAddress,
@@ -33468,7 +33492,9 @@ function DropinComposerComponent({
         handleCompanyDeepSearch: args.handleCompanyDeepSearch,
         handleGetCompanyDataset: args.handleGetCompanyDataset,
         handleRefreshCompanyDataset: args.handleRefreshCompanyDataset,
-        handleVerifyTin: args.handleVerifyTin
+        handleVerifyTin: args.handleVerifyTin,
+        onTypeSwitch: navigateToTypeSwitcher,
+        isTargetLegalEntityType: legalEntityType === LegalEntityType.ORGANIZATION
       });
     case TaskTypes.TRUST_MEMBER_COMPANY:
       return jsx(CompanyDropinComponent, {
@@ -35448,7 +35474,7 @@ const ConfigurationApiProvider = ({
     isEmbeddedDropin,
     loadingContext
   } = authContext;
-  const sdkVersion = "3.11.0";
+  const sdkVersion = "3.11.2";
   useAnalytics({
     onUserEvent,
     legalEntityId: rootLegalEntityId,

package/dist/style.css

@@ -80083,6 +80083,8 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
   padding-bottom: 4px;
 }
 .adyen-company-lookup-results-list__result-option {
+  display: flex;
+  justify-content: space-between;
   background-color: #fff;
   box-shadow: 0 1px 1px rgba(0, 17, 44, 0.12), 0 1px 3px rgba(0, 17, 44, 0.14);
   border: 1px solid #fff;

package/dist/types/components/CompanySearch/forms.d.ts

@@ -15,7 +15,7 @@ export declare const forms: {
         readonly formId: keyof CompanySearchSchema;
         readonly formName: "companyStructureFormName";
         readonly formDescription: "companyStructureFormDescription";
-        readonly fields: "entityType"[];
+        readonly fields: (keyof import("../CompanyStructure/types").CompanyStructureSchema)[];
     };
     readonly companyOtherDetails: {
         readonly formId: keyof CompanySearchSchema;

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

@@ -1,4 +1,5 @@
 import type { BaseOuterFormProps } from '../../core/hooks/useForm';
+import type { LegalEntityType } from '../../core/models/api/legal-entity-type';
 import type { CountryCode } from '../../core/models/country-code';
 import type { FormModel } from '../../core/models/form';
 import type { BaseTrackingPayload } from '../../core/utils';
@@ -29,4 +30,5 @@ export interface CompanySearchProps extends BaseOuterFormProps<CompanySearchSche
     handleRefreshCompanyDataset: DropinAPIHandlers['handleRefreshCompanyDataset'];
     handleVerifyTin: DropinAPIHandlers['handleVerifyTin'];
     onSubmit?: (company: CompanySearchSchema) => void;
+    onTypeSwitch?: (legalEntityType: LegalEntityType) => void;
 }

package/dist/types/components/CompanyStructure/component/CompanyStructureComponent.d.ts

@@ -3,4 +3,4 @@ import { CompanySearchSchema } from '../../CompanySearch/types';
 import { CompanyStructureProps, CompanyStructureSchema } from '../types';
 export declare const COMPANY_STRUCTURE_FORM_ID: keyof CompanySearchSchema;
 export declare const companyStructureFields: Array<keyof CompanyStructureSchema>;
-export declare function CompanyStructureComponent({ data, labels, heading, description, formVerificationErrors, fieldValidationErrors, requiredFields, kompanyVerifiedData, }: CompanyStructureProps): import("preact").JSX.Element;
+export declare function CompanyStructureComponent({ id, data, labels, heading, description, formVerificationErrors, fieldValidationErrors, requiredFields, country, kompanyVerifiedData, ...props }: CompanyStructureProps): import("preact").JSX.Element;

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

@@ -1,9 +1,12 @@
 import type { BaseInnerFormProps } from '../../core/hooks/useForm';
 import type { CompanyTypesValue } from '../../core/models/api/company-types-value';
+import type { CountryCode } from '../../core/models/country-code';
 import type { CompanySearchSchema } from '../CompanySearch/types';
-export interface CompanyStructureSchema {
+import type { AccountHolderSchema } from '../internal/AccountHolder/types';
+export interface CompanyStructureSchema extends AccountHolderSchema {
     entityType?: CompanyTypesValue;
 }
 export interface CompanyStructureProps extends BaseInnerFormProps<CompanyStructureSchema> {
+    country: CountryCode;
     kompanyVerifiedData?: CompanySearchSchema;
 }

package/dist/types/components/Dropins/CompanySearchDropin/components/CompanySearchDropinComponent.d.ts

@@ -1,2 +1,2 @@
 import { CompanySearchDropinProps } from '../types';
-export declare function CompanySearchDropinComponent({ country: parentCountry, problems: propProblems, legalEntityResponse, parentLegalEntity, trackingConfig, eventEmitter, taskType, capabilities, taskName, hideDropinLayout, homeButtonLabel, onChange, onSubmit: onExternalSubmit, handleHomeClick, handleCreateDocument, handleGetDocument, handleUpdateDocument, handleAddressSearch, handleFindAddress, handleUpdateLegalEntity, handleCompanyIndexSearch, handleCompanyDeepSearch, handleGetCompanyDataset, handleRefreshCompanyDataset, handleVerifyTin, }: CompanySearchDropinProps): import("preact").JSX.Element;
+export declare function CompanySearchDropinComponent({ country: parentCountry, problems: propProblems, legalEntityResponse, isTargetLegalEntityType, parentLegalEntity, trackingConfig, eventEmitter, taskType, capabilities, taskName, hideDropinLayout, homeButtonLabel, onChange, onSubmit: onExternalSubmit, handleHomeClick, handleCreateDocument, handleGetDocument, handleUpdateDocument, handleAddressSearch, handleFindAddress, handleUpdateLegalEntity, handleCompanyIndexSearch, handleCompanyDeepSearch, handleGetCompanyDataset, handleRefreshCompanyDataset, handleVerifyTin, onTypeSwitch, }: CompanySearchDropinProps): import("preact").JSX.Element;

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

@@ -18,6 +18,7 @@ export declare enum CompanySearchEvents {
 export type CompanySearchDropinApihandler = Required<Pick<DropinAPIHandlers, 'handleCreateDocument' | 'handleGetDocument' | 'handleUpdateDocument' | 'handleUpdateLegalEntity'>>;
 export interface CompanySearchDropinProps extends Omit<CompanySearchProps, 'isTopLevelEntity' | 'baseTrackingPayload'>, CompanySearchDropinApihandler, DropinProps {
     legalEntityResponse: ExistingLegalEntity;
+    isTargetLegalEntityType?: boolean;
     parentLegalEntity?: LegalEntity;
     associationDetail?: TrustMember;
 }

package/dist/types/core/hooks/useCompanySearchTaskSubmit.d.ts

@@ -21,6 +21,7 @@ export interface FormTaskSubmitOptions {
     legalEntityResponse: ExistingLegalEntity;
     problems?: EntityProblems;
     baseTrackingPayload: BaseTrackingPayload;
+    isTargetLegalEntityType: boolean;
     documentUtils: DocumentApiUtils;
     setProblems: StateUpdater<EntityProblems | undefined>;
     setLoadingStatus: StateUpdater<LoadingStatus>;
@@ -30,4 +31,4 @@ export interface FormTaskSubmitOptions {
 export type FormTaskSubmit<FormTaskSchema> = {
     submit: (options: SubmitOptions<FormTaskSchema>) => Promise<void>;
 };
-export declare function useCompanySearchTaskSubmit<FormTaskSchema extends CompanySearchSchema>({ task, forms, legalEntityResponse, problems, baseTrackingPayload, documentUtils, setProblems, setLoadingStatus, onExternalSubmit, handleUpdateLegalEntity, }: FormTaskSubmitOptions): FormTaskSubmit<FormTaskSchema>;
+export declare function useCompanySearchTaskSubmit<FormTaskSchema extends CompanySearchSchema>({ task, forms, legalEntityResponse, problems, baseTrackingPayload, isTargetLegalEntityType, documentUtils, setProblems, setLoadingStatus, onExternalSubmit, handleUpdateLegalEntity, }: FormTaskSubmitOptions): FormTaskSubmit<FormTaskSchema>;

package/dist/types/utils/mapping/companySearch/mapLegalEntityToCompanySearchSchema.d.ts

@@ -1,4 +1,4 @@
 import { CompanySearchSchema } from '../../../components/CompanySearch/types';
 import { ExistingLegalEntity } from '../../../core/models/api/legal-entity';
 export declare const mapApiDocumentToCompanySearchDocuments: (entityId: string) => CompanySearchSchema;
-export declare const mapLegalEntityToCompanySearchSchema: (legalEntity: ExistingLegalEntity) => CompanySearchSchema;
+export declare const mapLegalEntityToCompanySearchSchema: (legalEntity: ExistingLegalEntity, isChangingType: boolean) => CompanySearchSchema;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adyen/kyc-components",
-  "version": "3.11.0",
+  "version": "3.11.2",
   "description": "",
   "license": "MIT",
   "files": [