@adyen/kyc-components 2.26.0 → 2.26.1

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

@@ -24319,13 +24319,8 @@ function TradingNameField({
     }
   }, [handleChangeFor, legalCompanyName2]);
   useEffect(() => {
-    if (!data.tradingName) {
-      handleSameAsLegalName(true);
-    }
-  }, [data.tradingName, handleSameAsLegalName]);
-  useEffect(() => {
-    if (data.sameNameAsLegalName && legalCompanyName2 !== data.tradingName) {
-      handleChangeFor("tradingName")(legalCompanyName2);
+    if (data.sameNameAsLegalName && data.tradingName && legalCompanyName2 && data.tradingName !== legalCompanyName2) {
+      return handleChangeFor("tradingName")(legalCompanyName2);
     }
   }, [legalCompanyName2, data.sameNameAsLegalName, data.tradingName, handleChangeFor]);
   return jsxs(Fragment, {
@@ -25296,13 +25291,22 @@ const mapApiDocumentToCompanySearchDocuments = (entityId) => {
     } : void 0
   };
 };
-const mapLegalEntityToCompanySearchSchema = (legalEntity, documents2) => {
+const mapLegalEntityToCompanySearchSchema = (legalEntity) => {
   const companySearchSchema = {
-    ...formatObject(legalEntity, companySearchComponentsKeyMapping),
-    ...documents2
+    companyBasics: {},
+    companyRegistrationAddress: {},
+    companyStructure: {},
+    companyOtherDetails: {},
+    companyRegistrationDocument: {},
+    companyTaxDocument: {},
+    ...formatObject(legalEntity, companySearchComponentsKeyMapping)
   };
+  const {
+    companyRegistrationDocument: companyRegistrationDocument2,
+    companyTaxDocument
+  } = mapApiDocumentToCompanySearchDocuments(legalEntity == null ? void 0 : legalEntity.id);
   return entriesOf(companySearchSchema).reduce((componentData, [key, value]) => {
-    var _a, _b;
+    var _a, _b, _c, _d, _e, _f, _g;
     switch (key) {
       case "companyBasics": {
         return {
@@ -25324,7 +25328,8 @@ const mapLegalEntityToCompanySearchSchema = (legalEntity, documents2) => {
           ...componentData,
           [key]: {
             ...value,
-            sameNameAsLegalName: Boolean(value.tradingName === ((_b = companySearchSchema.companyBasics) == null ? void 0 : _b.legalCompanyName))
+            tradingName: !((_b = legalEntity.organization) == null ? void 0 : _b.doingBusinessAs) ? (_c = legalEntity.organization) == null ? void 0 : _c.legalName : (_d = legalEntity.organization) == null ? void 0 : _d.doingBusinessAs,
+            sameNameAsLegalName: !((_e = legalEntity.organization) == null ? void 0 : _e.doingBusinessAs) || ((_f = legalEntity.organization) == null ? void 0 : _f.doingBusinessAs) === ((_g = legalEntity.organization) == null ? void 0 : _g.legalName)
           }
         };
       }
@@ -25337,13 +25342,17 @@ const mapLegalEntityToCompanySearchSchema = (legalEntity, documents2) => {
       case "companyRegistrationDocument": {
         return {
           ...componentData,
-          [key]: value
+          [key]: {
+            ...companyRegistrationDocument2
+          }
         };
       }
       case "companyTaxDocument": {
         return {
           ...componentData,
-          [key]: value
+          [key]: {
+            ...companyTaxDocument
+          }
         };
       }
       default:
@@ -25483,12 +25492,12 @@ function useCompanySearchTaskSubmit({
   };
 }
 function CompanySearchComponent(props) {
-  var _a, _b, _c;
+  var _a, _b;
   const {
     i18n
   } = useI18nContext();
   const {
-    data,
+    country: country2,
     activeForm,
     problems,
     handleAddressSearch,
@@ -25501,10 +25510,6 @@ function CompanySearchComponent(props) {
   } = props;
   const globalData = useGlobalData();
   const [kompanyAddress, setKompanyAddress] = useState();
-  const country2 = useMemo(() => {
-    var _a2, _b2;
-    return ((_a2 = globalData.companyBasics) == null ? void 0 : _a2.country) ?? ((_b2 = data == null ? void 0 : data.companyBasics) == null ? void 0 : _b2.country);
-  }, [globalData, (_a = data == null ? void 0 : data.companyBasics) == null ? void 0 : _a.country]);
   const formWrapperClasses = (formId) => (activeForm == null ? void 0 : activeForm.formId) !== formId ? "adyen-kyc-form-wrapper adyen-kyc-form-wrapper--hidden" : "adyen-kyc-form-wrapper";
   return jsxs("div", {
     className: "adyen-kyc-company",
@@ -25514,6 +25519,7 @@ function CompanySearchComponent(props) {
         ...getFormProps(props, forms.companyBasics.formId),
         id: forms.companyBasics.formId,
         heading: i18n.get(forms.companyBasics.formName),
+        country: country2,
         handleCompanyIndexSearch,
         handleCompanyDeepSearch,
         handleGetCompanyDataset,
@@ -25552,8 +25558,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: (_a = globalData == null ? void 0 : globalData.companyBasics) == null ? void 0 : _a.legalCompanyName,
+        companyType: (_b = globalData == null ? void 0 : globalData.companyStructure) == null ? void 0 : _b.entityType
       })
     }), jsx("div", {
       className: formWrapperClasses(forms.companyRegistrationDocument.formId),
@@ -25623,11 +25629,14 @@ function CompanySearchComponent(props) {
   });
 }
 function CompanySearchDropinComponent({
+  country: parentCountry,
+  problems: propProblems,
   legalEntityResponse,
   parentLegalEntity,
   trackingConfig,
   eventEmitter,
   taskType = TaskTypes.COMPANY_SEARCH,
+  capabilities,
   taskName,
   hideDropinLayout,
   homeButtonLabel,
@@ -25646,7 +25655,7 @@ function CompanySearchDropinComponent({
   handleRefreshCompanyDataset,
   handleVerifyTin
 }) {
-  var _a, _b, _c, _d;
+  var _a, _b, _c;
   const {
     state: {
       currentState
@@ -25670,30 +25679,32 @@ function CompanySearchDropinComponent({
     isExperimentEnabled
   } = useExperimentsContext();
   const [loadingStatus, setLoadingStatus] = useState("success");
-  const [documents2, setDocuments] = useState();
-  const [problems, setProblems] = useState((_b = (_a = getCapabilityProblems(legalEntityResponse, isExperimentEnabled)) == null ? void 0 : _a.LegalEntity) == null ? void 0 : _b[legalEntityResponse.id]);
-  const legalEntityResponseData = useMemo(() => mapLegalEntityToCompanySearchSchema(legalEntityResponse, documents2), [legalEntityResponse, documents2]);
-  const capabilities = useMemo(() => Object.keys(legalEntityResponse.capabilities), [legalEntityResponse]);
+  const [initialData, setInitialData] = useState(mapLegalEntityToCompanySearchSchema(legalEntityResponse));
+  const [problems, setProblems] = useState(propProblems ?? ((_b = (_a = getCapabilityProblems(legalEntityResponse, isExperimentEnabled)) == null ? void 0 : _a.LegalEntity) == null ? void 0 : _b[legalEntityResponse.id]));
   const country2 = useMemo(() => {
-    var _a2, _b2;
-    return ((_a2 = currentState.data.companyBasics) == null ? void 0 : _a2.country) ?? ((_b2 = legalEntityResponseData.companyBasics) == null ? void 0 : _b2.country);
-  }, [(_c = currentState.data.companyBasics) == null ? void 0 : _c.country, (_d = legalEntityResponseData.companyBasics) == null ? void 0 : _d.country]);
+    var _a2;
+    return ((_a2 = currentState.data.companyBasics) == null ? void 0 : _a2.country) ?? parentCountry;
+  }, [(_c = currentState.data.companyBasics) == null ? void 0 : _c.country, parentCountry]);
   const documentUtils = documentApiUtils(handleCreateDocument, handleGetDocument, handleUpdateDocument);
   useEffect(() => {
     var _a2;
+    eventEmitter.on("updateLocale", (locale) => setLocale(locale));
     const documentIds = ((_a2 = legalEntityResponse == null ? void 0 : legalEntityResponse.documentDetails) == null ? void 0 : _a2.map((documentReference) => documentReference.id)) || [];
     if (!documentIds.length)
       return;
     documentUtils.fetchDocuments(documentIds, legalEntityResponse.id).then(() => {
-      setDocuments(mapApiDocumentToCompanySearchDocuments(legalEntityResponse.id));
+      setInitialData({
+        ...initialData,
+        ...mapApiDocumentToCompanySearchDocuments(legalEntityResponse.id)
+      });
     }).catch(() => showToast({
       label: i18n.get("failedToFetchRelevantDocuments"),
       type: ToastType.ERROR
     }));
-  }, [i18n, legalEntityResponse]);
+  }, [documentUtils, eventEmitter, i18n, initialData, legalEntityResponse, setLocale, showToast]);
   const getConfigurationData = useCallback(() => getConfiguration2({
     legalEntityType: LegalEntityType.ORGANIZATION,
-    capabilities,
+    capabilities: capabilities ?? [],
     country: country2
   }), [getConfiguration2, capabilities, country2]);
   const {
@@ -25731,7 +25742,7 @@ function CompanySearchDropinComponent({
     data: formatDataForSummary(currentState.data, forms$1, i18n),
     omittedKeys: ["operationalAddressIsSame"]
   }), [currentState.data, forms$1, i18n]);
-  const canSubmitForm = useMemo(() => canSubmit(currentState.data) && hasDataChanged(legalEntityResponseData, currentState.data), [legalEntityResponseData, currentState.data]);
+  const canSubmitForm = useMemo(() => canSubmit(currentState.data) && hasDataChanged(initialData, currentState.data), [initialData, currentState.data]);
   const baseTrackingPayload = useMemo(() => getBaseTrackingPayload({
     trackingConfig,
     parentLegalEntity,
@@ -25770,12 +25781,11 @@ function CompanySearchDropinComponent({
     })
   });
   useEffect(() => {
-    eventEmitter.on("updateLocale", (locale) => setLocale(locale));
     userEvents.addPageView("Company search dropin");
     userEvents.addEvent("Started company search task", {
       segmentation: baseTrackingPayload
     });
-  }, [baseTrackingPayload, eventEmitter, setLocale]);
+  }, [baseTrackingPayload]);
   return jsx(FormWrapper, {
     taskName,
     gotoFormByFormIndex,
@@ -25799,7 +25809,8 @@ function CompanySearchDropinComponent({
     children: jsx(CompanySearchComponent, {
       ...derivedProps,
       ref: formRef,
-      data: legalEntityResponseData,
+      data: initialData,
+      country: country2,
       problems,
       activeForm,
       shouldValidate,
@@ -31883,7 +31894,7 @@ function DropinComposerComponent({
   const [serviceAgreementTypes, setServiceAgreementTypes] = useState([]);
   const [serviceAgreementAcceptanceInfos, setServiceAgreementAcceptanceInfos] = useState([]);
   const [transferInstrument, setTransferInstrument] = useState(null);
-  const [capabilityProblems, setCapabilityProblems] = useState(getCapabilityProblems(legalEntityResponse));
+  const [capabilityProblems, setCapabilityProblems] = useState(getCapabilityProblems(legalEntityResponse, isExperimentEnabled));
   const [bankVerificationVendors, setBankVerificationVendors] = useState();
   const rootLegalEntityCountry = rootLegalEntity.type === LegalEntityType.INDIVIDUAL ? (_a = rootLegalEntity.individual.residentialAddress) == null ? void 0 : _a.country : (_b = rootLegalEntity.organization.registeredAddress) == null ? void 0 : _b.country;
   const hasTrust = accountHolder2 === "aTrust" || isPartOfTrustFromLegalEntity(legalEntityResponse);
@@ -32580,7 +32591,10 @@ function DropinComposerComponent({
         taskType: TaskTypes.COMPANY_SEARCH,
         taskName: hasTrust ? "companyTrusteeDetails" : "companyDetails",
         legalEntityResponse: rootLegalEntity,
+        capabilities: Object.keys((legalEntityResponse == null ? void 0 : legalEntityResponse.capabilities) ?? {}),
+        problems: getLegalEntityProblems(rootLegalEntity),
         homeButtonLabel: i18n.get("saveAndGoToOverview"),
+        country: legalEntityResponse.organization.registeredAddress.country ?? contextCountry,
         onChange: componentOnChange,
         onSubmit: async (data) => {
           onSubmit == null ? void 0 : onSubmit(data);

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

@@ -1,5 +1,6 @@
 import type { StateUpdater } from 'preact/hooks';
 import type { BaseInnerFormProps } from '../../core/hooks/useForm';
+import type { CountryCode } from '../../core/models/country-code';
 import type { DropinAPIHandlers } from '../Dropins/types';
 import type { CountryFieldSchema } from '../internal/CountryField/types';
 import type { LegalCompanyNameFieldSchema } from '../internal/LegalCompanyNameField/types';
@@ -8,6 +9,7 @@ import type { TaxInformationFieldSchema } from '../internal/TaxInformationField/
 export interface CompanyBasicsSchema extends LegalCompanyNameFieldSchema, CountryFieldSchema, StateFieldSchema, TaxInformationFieldSchema {
 }
 export interface CompanyBasicsProps extends BaseInnerFormProps<CompanyBasicsSchema> {
+    country: CountryCode;
     kompanyAddress?: string;
     setKompanyAddress: StateUpdater<string | undefined>;
     handleCompanyIndexSearch: DropinAPIHandlers['handleCompanyIndexSearch'];

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

@@ -1,4 +1,5 @@
 import type { BaseOuterFormProps } from '../../core/hooks/useForm';
+import type { CountryCode } from '../../core/models/country-code';
 import type { FormModel } from '../../core/models/form';
 import type { CompanyBasicsSchema } from '../CompanyBasics/types';
 import type { CompanyOtherDetailsSchema } from '../CompanyOtherDetails/types';
@@ -15,6 +16,7 @@ export interface CompanySearchSchema {
     companyTaxDocument?: DocumentUploadSchema;
 }
 export interface CompanySearchProps extends BaseOuterFormProps<CompanySearchSchema> {
+    country: CountryCode;
     forms?: FormModel[];
     handleAddressSearch: DropinAPIHandlers['handleAddressSearch'];
     handleFindAddress: DropinAPIHandlers['handleFindAddress'];

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

@@ -1,6 +1,6 @@
 import type { BaseInnerFormProps } from '../../core/hooks/useForm';
 import type { CompanyTypesValue } from '../../core/models/api/company-types-value';
 export interface CompanyStructureSchema {
-    entityType: CompanyTypesValue;
+    entityType?: CompanyTypesValue;
 }
 export type CompanyStructureProps = BaseInnerFormProps<CompanyStructureSchema>;

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

@@ -1,2 +1,2 @@
 import { CompanySearchDropinProps } from '../types';
-export declare function CompanySearchDropinComponent({ legalEntityResponse, parentLegalEntity, trackingConfig, eventEmitter, taskType, 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, 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;

package/dist/types/core/models/api/capability.d.ts

@@ -1,30 +1,38 @@
 import { Problem } from './problem';
 import { VerificationStatus } from './verification-status';
-export declare enum Capabilities {
-    AUTHORISED_PAYMENT_INSTRUMENT_USER = "authorisedPaymentInstrumentUser",
-    GET_GRANT_OFFERS = "getGrantOffers",
-    ISSUE_BANK_ACCOUNT = "issueBankAccount",
-    ISSUE_CARD = "issueCard",
-    RECEIVE_FROM_TRANSFER_INSTRUMENT = "receiveFromTransferInstrument",
-    RECEIVE_FROM_BALANCE_ACCOUNT = "receiveFromBalanceAccount",
-    RECEIVE_FROM_PLATFORM_PAYMENTS = "receiveFromPlatformPayments",
-    RECEIVE_FROM_THIRD_PARTY = "receiveFromThirdParty",
-    RECEIVE_PAYMENTS = "receivePayments",
-    RECEIVE_GRANTS = "receiveGrants",
-    SEND_TO_BALANCE_ACCOUNT = "sendToBalanceAccount",
-    SEND_TO_TRANSFER_INSTRUMENT = "sendToTransferInstrument",
-    SEND_TO_THIRD_PARTY = "sendToThirdParty",
-    USE_CARD = "useCard",
-    USE_CARD_IN_RESTRICTED_COUNTRIES = "useCardInRestrictedCountries",
-    USE_CARD_IN_RESTRICTED_INDUSTRIES = "useCardInRestrictedIndustries",
-    WITHDRAW_FROM_ATM = "withdrawFromAtm",
-    WITHDRAW_FROM_ATM_IN_RESTRICTED_COUNTRIES = "withdrawFromAtmInRestrictedCountries"
-}
-export type CapabilityType = `${Capabilities}`;
+export type CapabilityName = 'acceptExternalFunding' | 'acceptPspFunding' | 'acceptTransactionInRestrictedCountries' | 'acceptTransactionInRestrictedCountriesCommercial' | 'acceptTransactionInRestrictedCountriesConsumer' | 'acceptTransactionInRestrictedIndustries' | 'acceptTransactionInRestrictedIndustriesCommercial' | 'acceptTransactionInRestrictedIndustriesConsumer' | 'acquiring' | 'atmWithdrawal' | 'atmWithdrawalCommercial' | 'atmWithdrawalConsumer' | 'atmWithdrawalInRestrictedCountries' | 'atmWithdrawalInRestrictedCountriesCommercial' | 'atmWithdrawalInRestrictedCountriesConsumer' | 'authorisedPaymentInstrumentUser' | 'getGrantOffers' | 'issueBankAccount' | 'issueCard' | 'issueCardCommercial' | 'issueCardConsumer' | 'localAcceptance' | 'payout' | 'payoutToTransferInstrument' | 'processing' | 'receiveFromBalanceAccount' | 'receiveFromPlatformPayments' | 'receiveFromThirdParty' | 'receiveFromTransferInstrument' | 'receiveGrants' | 'receivePayments' | 'sendToBalanceAccount' | 'sendToThirdParty' | 'sendToTransferInstrument' | 'thirdPartyFunding' | 'useCard' | 'useCardCommercial' | 'useCardConsumer' | 'useCardInRestrictedCountries' | 'useCardInRestrictedCountriesCommercial' | 'useCardInRestrictedCountriesConsumer' | 'useCardInRestrictedIndustries' | 'useCardInRestrictedIndustriesCommercial' | 'useCardInRestrictedIndustriesConsumer' | 'withdrawFromAtm' | 'withdrawFromAtmCommercial' | 'withdrawFromAtmConsumer' | 'withdrawFromAtmInRestrictedCountries' | 'withdrawFromAtmInRestrictedCountriesCommercial' | 'withdrawFromAtmInRestrictedCountriesConsumer';
 export interface Capability {
-    enabled: string;
-    requested: string;
-    allowed: string;
+    /** @description Indicates whether the capability is allowed. Adyen sets this to **true** if the verification is successful */
+    allowed?: boolean;
+    /**
+     * @description The capability level that is allowed for the legal entity.
+     *
+     * Possible values: **notApplicable**, **low**, **medium**, **high**.
+     * @enum {string}
+     */
+    allowedLevel?: 'high' | 'low' | 'medium' | 'notApplicable';
+    /** @description Indicates whether the capability is requested. To check whether the Legal Entity is permitted to use the capability, */
+    requested?: boolean;
+    /**
+     * @description The requested level of the capability. Some capabilities, such as those used in [card issuing](https://docs.adyen.com/issuing/add-capabilities#capability-levels), have different levels. Levels increase the capability, but also require additional checks and increased monitoring.
+     *
+     * Possible values: **notApplicable**, **low**, **medium**, **high**.
+     * @enum {string}
+     */
+    requestedLevel?: 'high' | 'low' | 'medium' | 'notApplicable';
+    /**
+     * @description The status of the verification checks for the capability.
+     *
+     * Possible values:
+     *
+     * * **pending**: Adyen is running the verification.
+     *
+     * * **invalid**: The verification failed. Check if the `errors` array contains more information.
+     *
+     * * **valid**: The verification has been successfully completed.
+     *
+     * * **rejected**: Adyen has verified the information, but found reasons to not allow the capability.
+     */
+    verificationStatus?: VerificationStatus;
     problems: Problem[];
-    verificationStatus: VerificationStatus;
 }

package/dist/types/core/models/api/legal-entity.d.ts

@@ -1,5 +1,5 @@
 import type { PartialDeep } from 'type-fest';
-import { Capability, CapabilityType } from './capability';
+import { Capability, CapabilityName } from './capability';
 import { DocumentDetail } from './documentDetail';
 import { Individual } from './individual';
 import { LegalEntityAssociation } from './legal-entity-association';
@@ -18,7 +18,7 @@ export interface LegalEntity {
     trust?: Trust;
     type?: LegalEntityType;
     capabilities?: {
-        [key in CapabilityType]?: Capability;
+        [key in CapabilityName]?: Capability;
     };
     transferInstruments?: TransferInstrumentOverview[];
 }

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, documents?: CompanySearchSchema) => CompanySearchSchema;
+export declare const mapLegalEntityToCompanySearchSchema: (legalEntity: ExistingLegalEntity) => CompanySearchSchema;

package/package.json

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