@adyen/kyc-components 2.43.2 → 2.44.0

package/dist/style.css

@@ -1099,6 +1099,10 @@ a.adyen-kyc-button:disabled, a.adyen-kyc-button.adyen-kyc-button--disabled {
   pointer-events: none;
 }
 
+.adyen-kyc-optional-label {
+  color: #69778c;
+}
+
 .adyen-kyc-label__text {
   color: #00112c;
   display: block;
@@ -2334,213 +2338,54 @@ a.adyen-kyc-button:disabled, a.adyen-kyc-button.adyen-kyc-button--disabled {
 /* #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 */
-.adyen-kyc-accordion {
-  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;
-}
-.adyen-kyc-accordion *,
-.adyen-kyc-accordion *::before,
-.adyen-kyc-accordion *::after {
-  box-sizing: border-box;
+details,
+summary {
+  background-color: var(--accordion-background-color);
+  color: var(--accordion-text-color);
 }
 
-.adyen-kyc-accordion--container {
-  border: 1px solid #dce0e5;
-  border-radius: 6px;
-}
-.adyen-kyc-accordion--container .adyen-kyc-accordion__item:first-child {
-  border-top-color: transparent;
-}
-.adyen-kyc-accordion--container .adyen-kyc-accordion__item:first-child > .adyen-kyc-accordion__header {
-  border-radius: 4px 4px 0 0;
-}
-.adyen-kyc-accordion--container .adyen-kyc-accordion__item:last-child {
-  border-bottom-color: transparent;
-}
-.adyen-kyc-accordion--container .adyen-kyc-accordion__item:last-child:not(.adyen-kyc-accordion__item--open) > .adyen-kyc-accordion__header {
-  border-radius: 0 0 4px 4px;
+details {
+  margin: var(--accordion-margin-x) 0;
 }
 
-.adyen-kyc-accordion--guide {
-  margin: 8px 0;
-  padding-bottom: 16px;
-}
-.adyen-kyc-accordion--guide .adyen-kyc-accordion__item {
-  background-color: #f3f6f9;
-  border: 0;
-  border-radius: 4px;
-  padding: 4px 8px;
-}
-.adyen-kyc-accordion--guide .adyen-kyc-accordion__header {
-  padding: 0;
-}
-.adyen-kyc-accordion--guide .adyen-kyc-accordion__title {
-  color: #394962;
-  font-size: 13px;
+summary {
+  display: flex;
+  align-items: center;
+  gap: var(--accordion-header-spacing);
+  padding: var(--accordion-header-padding);
   font-weight: bold;
 }
-.adyen-kyc-accordion--guide .adyen-kyc-accordion__content {
-  color: #394962;
-  font-size: 13px;
-  margin: 4px 24px;
-  padding: 0;
-}
-.adyen-kyc-accordion--guide .adyen-kyc-accordion__toggle {
-  color: #a5afbd;
-  margin: 2px 8px 0 4px;
-}/* #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 */
-.adyen-kyc-accordion__item {
-  border-bottom: 1px solid transparent;
-  border-top: 1px solid #dce0e5;
-  position: relative;
-}
-.adyen-kyc-accordion__item:last-child {
-  border-bottom-color: #dce0e5;
-}
 
-.adyen-kyc-accordion__item--open {
-  overflow: visible;
-}
-
-.adyen-kyc-accordion__header {
-  color: #00112c;
+summary > .arrow {
   cursor: pointer;
-  display: flex;
-  padding: 16px;
-  transition-duration: 0.1s;
-  transition-property: margin, height, padding;
-}
-.adyen-kyc-accordion__header:hover {
-  background-color: #f3f6f9;
-}
-.adyen-kyc-accordion__header:active {
-  background-color: #dce0e5;
-}
-.adyen-kyc-accordion__header:focus {
-  box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(0, 102, 255, 0.4);
-  transition: 0.1s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-  transition-property: box-shadow;
-  outline: none;
+  height: 1em;
 }
 
-.adyen-kyc-accordion__title-wrapper {
-  flex: 1;
+summary > .arrow-right {
+  margin-left: auto;
+  margin-right: var(--accordion-header-spacing);
 }
 
-.adyen-kyc-accordion__title {
-  color: inherit;
-  font-weight: 600;
+details[open] > summary > .arrow {
+  transform: rotate(-180deg);
 }
 
-.adyen-kyc-accordion__subtitle {
-  color: #394962;
-  font-size: 13px;
+details summary::-webkit-details-marker {
+  display: none;
 }
 
-.adyen-kyc-accordion__toggle {
-  line-height: 1;
-  margin: 2px 16px 0 0;
-  padding: 0;
-  width: 12px;
+.content {
+  margin: var(--accordion-content-margin-y) var(--accordion-content-margin-x);
 }
 
-.adyen-kyc-accordion__content {
-  box-sizing: border-box;
-  margin: 0 0 24px;
-  overflow-x: auto;
-  overflow-y: hidden;
-  padding: 0 16px 0 calc(32px + 12px);
-  transition-duration: 0.1s;
-  transition-property: margin, height, padding;
-}
-.adyen-kyc-accordion__item > .adyen-kyc-accordion__content {
-  margin: 0;
-}
-.adyen-kyc-accordion__item--open > .adyen-kyc-accordion__content {
-  margin: 0 0 24px;
-}
-.adyen-kyc-accordion--max-height-transition .adyen-kyc-accordion__item > .adyen-kyc-accordion__content {
-  max-height: 0;
-  transition-duration: 0.1s;
-  transition-property: margin, max-height;
-}
-.adyen-kyc-accordion--max-height-transition .adyen-kyc-accordion__item--open > .adyen-kyc-accordion__content {
-  max-height: 500px;
-}/* #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 */
-.adyen-collapsible-container {
-  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;
-  overflow: hidden;
-  transition: height 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-}
-.adyen-collapsible-container *,
-.adyen-collapsible-container *::before,
-.adyen-collapsible-container *::after {
-  box-sizing: border-box;
+details {
+  --accordion-background-color: #f3f6f9;
+  --accordion-text-color: #00112c;
+  --accordion-margin-x: 8px;
+  --accordion-header-padding: 5px;
+  --accordion-header-spacing: 10px;
+  --accordion-content-margin-x: 20px;
+  --accordion-content-margin-y: 5px;
 }/* #region Spacing */
 /* #endregion */
 /* #region Colors */
@@ -2779,22 +2624,32 @@ a.adyen-kyc-button:disabled, a.adyen-kyc-button.adyen-kyc-button--disabled {
 /* #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 */
 .adyen-kyc-document-guidance {
   overflow: auto;
 }
 
-.adyen-kyc-document-guidance__container {
+.adyen-layout-xs-only .adyen-kyc-document-guidance__container {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 12px 0;
+}
+.adyen-layout-md .adyen-kyc-document-guidance__container {
   display: flex;
-  gap: 24px;
   justify-content: space-between;
+  gap: 24px;
   min-width: 576px;
-  min-height: 150px;
 }
 
 .adyen-kyc-document-guidance__item {
-  align-items: center;
   display: flex;
   flex-direction: column;
+  align-items: center;
+  min-height: 150px;
+  margin: 0;
 }
 
 .adyen-kyc-document-guidance__description {
@@ -3596,10 +3451,13 @@ a.adyen-kyc-button:disabled, a.adyen-kyc-button.adyen-kyc-button--disabled {
   font-weight: 600;
 }
 
-.adyen-layout-md .adyen-kyc-field-verification-methods {
+.adyen-kyc-field-verification-methods {
   display: flex;
   gap: 12px;
 }
+.adyen-layout-xs-only .adyen-kyc-field-verification-methods {
+  flex-direction: column;
+}
 .adyen-kyc-field-verification-methods__card {
   display: flex;
 }
@@ -5719,9 +5577,13 @@ a.adyen-kyc-button:disabled, a.adyen-kyc-button.adyen-kyc-button--disabled {
 }
 
 .adyen-kyc-dropin-container {
+  box-sizing: border-box;
   background-color: #fff;
   padding: 32px;
   border-radius: 8px;
+}
+.adyen-layout-xs-only .adyen-kyc-dropin-container {
+  padding: 8px;
 }/* #region Spacing */
 /* #endregion */
 /* #region Colors */

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

@@ -20,7 +20,7 @@ import type { BusinessType, BusinessTypeModel, LegalArrangementModel, TrusteeTyp
  * @param companyTypesValue - the subtype of an organization see CompanyValuesType
  */
 export declare const organizationTypesToSkipCompanyStructureForm: string[];
-export declare const getBusinessType: (businessTypeItems: BusinessTypeModel[], country: CountryCode, accountHolder: AccountHolderOption | null, legalEntityType?: LegalEntityType, companyTypesValue?: CompanyTypesValue | '', capabilities?: CapabilityName[]) => BusinessTypeModel | undefined;
+export declare const getBusinessType: (businessTypeItems: BusinessTypeModel[], country: CountryCode, accountHolder: AccountHolderOption | null, legalEntityType?: LegalEntityType, companyTypesValue?: CompanyTypesValue | "", capabilities?: CapabilityName[]) => BusinessTypeModel | undefined;
 export declare const businessTypes: readonly BusinessTypeModel[];
 export declare const businessTypeIcons: Record<BusinessType, IconName>;
 export declare const useSelectionOptions: (legalEntityResponse: ExistingLegalEntity) => {
@@ -31,6 +31,6 @@ export declare const useSelectionOptions: (legalEntityResponse: ExistingLegalEnt
  *
  */
 export declare const mapLegalArrangementOptionToCompanyTypesValue: (legalArrangement: LegalArrangementOption | undefined) => CompanyTypesValue | undefined;
-export declare const determineOrganizationTypeToUpdate: (defaultLegalArrangement?: LegalArrangementOption, targetLegalArrangement?: LegalArrangementOption, currentCompanyTypeValue?: CompanyTypesValue) => CompanyTypesValue | '' | undefined;
+export declare const determineOrganizationTypeToUpdate: (defaultLegalArrangement?: LegalArrangementOption, targetLegalArrangement?: LegalArrangementOption, currentCompanyTypeValue?: CompanyTypesValue) => CompanyTypesValue | "" | undefined;
 export declare const getDefaultLegalArrangementOrSuborganizationType: (legalEntityResponse: ExistingLegalEntity | undefined, accountHolder: AccountHolderOption | null) => LegalArrangementOption | undefined;
 export declare const getTargetLegalEntityType: (businessType: BusinessType | undefined, legalArrangement: LegalArrangementOption | undefined, trusteeType: TrusteeType | undefined, currentLegalEntityType: LegalEntityType | undefined) => LegalEntityType;

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

@@ -3,6 +3,6 @@ import type { CompanySearchSchema } from '../../CompanySearch/types';
 import type { CompanyBasicsProps, CompanyBasicsSchema } from '../types';
 export declare const COMPANY_BASICS_FORM_ID: keyof CompanySearchSchema;
 export declare const companyBasicsFields: Array<keyof CompanyBasicsSchema>;
-declare function CompanyBasics({ data, labels, placeholders, helperText, heading, description, readOnly, shouldValidate, formVerificationErrors, fieldValidationErrors, requiredFields, obscuredFields, optionalFields, readOnlyFields, handleCompanyIndexSearch, handleCompanyDeepSearch, handleGetCompanyDataset, handleRefreshCompanyDataset, handleVerifyTin, country, companyType, isTopLevelEntity, baseTrackingPayload, kompanyVerifiedData, setKompanyAddress, setKompanyVerifiedData, }: CompanyBasicsProps): import("preact/compat").JSX.Element;
+declare function CompanyBasics({ data, labels, placeholders, helperText, heading, description, readOnly, shouldValidate, formVerificationErrors, fieldValidationErrors, allFields, requiredFields, obscuredFields, optionalFields, readOnlyFields, handleCompanyIndexSearch, handleCompanyDeepSearch, handleGetCompanyDataset, handleRefreshCompanyDataset, handleVerifyTin, country, companyType, isTopLevelEntity, baseTrackingPayload, kompanyVerifiedData, setKompanyAddress, setKompanyVerifiedData, }: CompanyBasicsProps): import("preact/compat").JSX.Element;
 export declare const CompanyBasicsComponent: typeof CompanyBasics;
 export {};

package/dist/types/components/CompanyOtherDetails/component/CompanyOtherDetailsComponent.d.ts

@@ -3,6 +3,6 @@ import type { CompanySearchSchema } from '../../CompanySearch/types';
 import type { CompanyOtherDetailsProps, CompanyOtherDetailsSchema } from '../types';
 export declare const COMPANY_OTHER_DETAILS_FORM_ID: keyof CompanySearchSchema;
 export declare const companyOtherDetailsFields: Array<keyof CompanyOtherDetailsSchema>;
-declare function CompanyOtherDetails({ data, labels, placeholders, helperText, heading, description, readOnly, shouldValidate, formVerificationErrors, fieldValidationErrors, requiredFields, obscuredFields, optionalFields, readOnlyFields, country, legalCompanyName, companyType, kompanyVerifiedData, }: CompanyOtherDetailsProps): import("preact/compat").JSX.Element;
+declare function CompanyOtherDetails({ data, labels, placeholders, helperText, heading, description, readOnly, shouldValidate, formVerificationErrors, fieldValidationErrors, allFields, requiredFields, obscuredFields, optionalFields, readOnlyFields, country, legalCompanyName, companyType, }: CompanyOtherDetailsProps): import("preact/compat").JSX.Element;
 export declare const CompanyOtherDetailsComponent: typeof CompanyOtherDetails;
 export {};

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

@@ -15,8 +15,8 @@ declare class EventEmitter {
     listeners: {
         [E in EventName]: Array<EventListenerTypeMap[E]>;
     };
-    on: <E extends keyof EventListenerTypeMap>(eventName: E, listener: EventListenerTypeMap[E]) => void;
-    off: <E extends keyof EventListenerTypeMap>(eventName: E, toRemove: EventListenerTypeMap[E]) => void;
-    emit: <E extends keyof EventListenerTypeMap>(eventName: E, ...data: Parameters<EventListenerTypeMap[E]>) => void;
+    on: <E extends EventName>(eventName: E, listener: EventListenerTypeMap[E]) => void;
+    off: <E extends EventName>(eventName: E, toRemove: EventListenerTypeMap[E]) => void;
+    emit: <E extends EventName>(eventName: E, ...data: Parameters<EventListenerTypeMap[E]>) => void;
 }
 export default EventEmitter;

package/dist/types/components/internal/Accordion/Accordion.d.ts

@@ -1,3 +1,11 @@
-import './_accordion.component.scss';
-import type { AccordionProps } from './types';
-export default function Accordion({ children, className, expand, type, onExpandSection, }: AccordionProps): import("preact").JSX.Element;
+import './Accordion.scss';
+import type { ComponentChild, JSX } from 'preact';
+export interface AccordionProps {
+    title: string;
+    children: ComponentChild;
+    icon?: JSX.Element;
+    expandOnLeft?: boolean;
+    onToggle: (state: 'close' | 'open') => void;
+    className?: string;
+}
+export declare const Accordion: ({ title, children, icon, expandOnLeft, onToggle, className, }: AccordionProps) => JSX.Element;

package/dist/types/components/internal/ContextGuidance/ContextGuidance.d.ts

@@ -1,2 +1,2 @@
 import type { GuidanceProps } from './types';
-export default function ContextGuidance({ page, title, content, titleId, contentId, onOpen, onClose, }: GuidanceProps): import("preact").JSX.Element;
+export default function ContextGuidance({ page, title, content, titleId, contentId, }: GuidanceProps): import("preact").JSX.Element;

package/dist/types/components/internal/DocumentGuidance/DocumentGuidance.d.ts

@@ -1,4 +1,4 @@
-import './_document-guidance.component.scss';
+import './DocumentGuidance.scss';
 import type { DocumentGuidanceProps } from './types';
 declare function DocumentGuidance({ type, className }: DocumentGuidanceProps): import("preact").JSX.Element;
 export default DocumentGuidance;

package/dist/types/components/internal/FormFields/Field/Field.d.ts

@@ -6,5 +6,5 @@ export type MaybeLabelElementProps = (ComponentProps<'label'> & {
 }) | (ComponentProps<'div'> & {
     useLabelElement: false;
 });
-declare const Field: ({ className, classNameModifiers, children, dataPlaceholder, disabled, errorMessage, filled, focused, helper, inputWrapperModifiers, isLoading, isValid, label, name, onBlur, onFieldBlur, onFocus, onFocusField, showErrorIconBottom, useLabelElement, helperPosition, wrapperRef, }: FieldProps) => JSX.Element;
+declare const Field: ({ className, classNameModifiers, children, dataPlaceholder, disabled, optional, errorMessage, filled, focused, helper, inputWrapperModifiers, isLoading, isValid, label, name, onBlur, onFieldBlur, onFocus, onFocusField, showErrorIconBottom, useLabelElement, helperPosition, wrapperRef, }: FieldProps) => JSX.Element;
 export default Field;

package/dist/types/components/internal/FormFields/Field/types.d.ts

@@ -14,6 +14,7 @@ export interface FieldProps {
     classNameModifiers?: string[];
     dataPlaceholder?: string;
     disabled?: boolean;
+    optional?: boolean;
     dualBrandingElements?: any;
     errorMessage?: string | boolean | JSX.Element | null;
     filled?: boolean;

package/dist/types/components/internal/FormFields/InputRadio/InputRadio.d.ts

@@ -1,6 +1,6 @@
 import './_input-radio.scss';
 import type { ComponentProps } from 'preact';
-export declare const InputRadio: ({ className, ...props }: import("preact").JSX.HTMLAttributes<HTMLInputElement> & {
+export declare const InputRadio: ({ className, ...props }: ComponentProps<"input"> & {
     className?: string;
 }) => import("preact").JSX.Element;
 export default InputRadio;

package/dist/types/components/internal/FormFields/MaskedInputText/MaskedInputText.d.ts

@@ -16,10 +16,11 @@ export interface MaskedInputTextProps extends MaskSettings {
     placeholder?: string;
     readonly?: boolean;
     disabled?: boolean;
+    optional?: boolean;
     classNameModifiers?: {
         field?: string[];
         input?: string[];
     };
     acceptObscuredValue?: boolean;
 }
-export declare const MaskedInputText: ({ value, onInput, onBlur, onMismatch: onMismatchExternal, isValid: validationIsValid, errorMessage, shouldValidate, mask, name, label, placeholder, transformOnType, readonly, disabled, formatGuidance, classNameModifiers, acceptObscuredValue, }: MaskedInputTextProps) => JSX.Element;
+export declare const MaskedInputText: ({ value, onInput, onBlur, onMismatch: onMismatchExternal, isValid: validationIsValid, errorMessage, shouldValidate, mask, name, label, placeholder, transformOnType, readonly, disabled, optional, formatGuidance, classNameModifiers, acceptObscuredValue, }: MaskedInputTextProps) => JSX.Element;

package/dist/types/components/internal/IdFieldTypeSelector/countryIdNumberTypes.d.ts

@@ -56,7 +56,7 @@ export declare const companyRegistrationNumberOptions: {
         readonly applicableOnlyFor: readonly [CompanyTypesValue.PRIVATE_COMPANY, CompanyTypesValue.PUBLIC_COMPANY, CompanyTypesValue.UNLISTED_PUBLIC_COMPANY];
     }];
 };
-export declare const getCompanyRegistrationNumberOptions: (country: CountryCode, companyType: CompanyTypesValue | 'trust' | undefined) => readonly CompanyRegistrationNumberOption[] | undefined;
+export declare const getCompanyRegistrationNumberOptions: (country: CountryCode, companyType: CompanyTypesValue | "trust" | undefined) => readonly CompanyRegistrationNumberOption[] | undefined;
 export type CompanyRegistrationNumberType = (typeof companyRegistrationNumberOptions)[keyof typeof companyRegistrationNumberOptions][number]['id'];
 export declare const individualIdNumberOptions: {
     readonly ES: readonly [{

package/dist/types/components/internal/IdFieldTypeSelector/inferCompanyRegistrationNumberType.d.ts

@@ -9,4 +9,4 @@ import type { CompanyRegistrationNumberType } from './countryIdNumberTypes';
  * @param country the country of the LE
  * @param companyType the company type, e.g. `nonProfit`
  */
-export declare const inferCompanyRegistrationNumberType: (registrationNumber: string, country: CountryCode, companyType: CompanyTypesValue | 'trust' | undefined) => CompanyRegistrationNumberType | undefined;
+export declare const inferCompanyRegistrationNumberType: (registrationNumber: string, country: CountryCode, companyType: CompanyTypesValue | "trust" | undefined) => CompanyRegistrationNumberType | undefined;

package/dist/types/core/Context/ExperimentContext/types.d.ts

@@ -12,7 +12,9 @@ export declare enum ExperimentNames {
     ShowUnsupportedEntityType = "ShowUnsupportedEntityType",
     ShowSingPassButtonForCompanies = "ShowSingPassButtonForCompanies",
     ShowExtraTaxExemptionReasons = "ShowExtraTaxExemptionReasons",
-    EnableCountryOfGoverningLawForUKCompanies = "EnableCountryOfGoverningLawForUKCompanies"
+    EnableCountryOfGoverningLawForUKCompanies = "EnableCountryOfGoverningLawForUKCompanies",
+    HidePayoutAccountTask = "HidePayoutAccountTask",
+    HidePciTask = "HidePciTask"
 }
 export type ExperimentName = `${ExperimentNames}`;
 export type Experiments = {

package/dist/types/core/Context/SettingsContext/useSetting.d.ts

@@ -1,2 +1,2 @@
-import type { Settings } from './types';
-export declare const useSetting: <S extends "acceptedCountries" | "allowBankAccountFormatSelection" | "allowIntraRegionCrossBorderPayout" | "changeLegalEntityType" | "editPrefilledCountry" | "requirePciSignEcommerce" | "requirePciSignPos" | "requirePciSignEcomMoto" | "requirePciSignPosMoto" | "hideOnboardingIntroductionIndividual" | "hideOnboardingIntroductionOrganization" | "hideOnboardingIntroductionTrust" | "hideOnboardingIntroductionSoleProprietor" | "transferInstrumentLimit" | "viewOnboardingGuidance">(settingName: S) => Settings[S];
+import type { SettingName, Settings } from './types';
+export declare const useSetting: <S extends SettingName>(settingName: S) => Settings[S];

package/dist/types/core/SDKValidation/index.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentOptions } from '../../components';
+import type { ComponentMap, ComponentOptions } from '../../components';
 import type { CoreOptions } from '../types';
 export declare const validateCoreOptions: (coreOptions: CoreOptions) => void;
-export declare const validateForComponent: <Name extends "payoutAccount" | "pci" | "taskList" | "individualDropin" | "businessDetailsDropin" | "companyDropin" | "companySearchDropin" | "trustDropin" | "soleProprietorDropin" | "createTransferInstrumentComponent" | "createIndividualComponent" | "viewVerificationStatusComponent">(componentName: Name, options: ComponentOptions<Name>) => void;
+export declare const validateForComponent: <Name extends keyof ComponentMap>(componentName: Name, options: ComponentOptions<Name>) => void;

package/dist/types/core/Services/session.d.ts

@@ -1,5 +1,5 @@
 import type { CoreOptions } from '../types';
 export declare const setSdkToken: (token: string) => void;
-export declare const setSdkTokenHandler: (handler: CoreOptions['getSdkToken']) => void;
+export declare const setSdkTokenHandler: (handler: CoreOptions["getSdkToken"]) => void;
 export declare const getSdkToken: () => string;
 export declare const refreshSession: () => Promise<boolean>;

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

@@ -1,4 +1,4 @@
-import type { ComponentOptions } from '../components';
+import type { ComponentMap, ComponentOptions } from '../components';
 import type { BaseElement } from '../components/BaseElement';
 import { UIElement } from '../components/UIElement';
 import type { CoreOptions } from './types';
@@ -8,15 +8,15 @@ export declare class Core {
     };
     components: UIElement[];
     constructor(coreOptions: CoreOptions);
-    create: <Name extends "payoutAccount" | "pci" | "taskList" | "individualDropin" | "businessDetailsDropin" | "companyDropin" | "companySearchDropin" | "trustDropin" | "soleProprietorDropin" | "createTransferInstrumentComponent" | "createIndividualComponent" | "viewVerificationStatusComponent">(componentName: Name, componentOptions: ComponentOptions<Name>) => UIElement;
+    create: <Name extends keyof ComponentMap>(componentName: Name, componentOptions: ComponentOptions<Name>) => UIElement;
     /**
      * Updates global configurations, resets the internal state and remounts each element.
      * @param options - props to update
      * @returns this - the element instance
      */
     update: (options: Partial<CoreOptions>) => this;
-    updateLocale: ({ locale }: Pick<CoreOptions, 'locale'>) => this;
-    updateExpiry: ({ expiry }: Pick<CoreOptions, 'expiry'>) => this;
+    updateLocale: ({ locale }: Pick<CoreOptions, "locale">) => this;
+    updateExpiry: ({ expiry }: Pick<CoreOptions, "expiry">) => this;
     /**
      * Remove the reference of a component
      * @param component - reference to the component to be removed

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

@@ -8,4 +8,4 @@ export type UseAsyncValidator<FormSchema> = {
     triggerAsyncValidation: TriggerAsyncValidation<FormSchema>;
     clearAsyncValidationResults: () => void;
 };
-export declare const useAsyncValidator: <FormSchema>(asyncRules?: Partial<{ [field in keyof FormSchema]: import("../../utils/validation/types").AsyncValidatorRule<FormSchema[field], FormSchema>; }>) => UseAsyncValidator<FormSchema>;
+export declare const useAsyncValidator: <FormSchema>(asyncRules?: AsyncValidatorRules<FormSchema>) => UseAsyncValidator<FormSchema>;

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

@@ -20,6 +20,6 @@ interface UseBankConfigurationHandlersProps {
  */
 export declare const useBankConfigurationHandlers: ({ isEmbeddedDropin, handleGetBankVerificationVendors, bankAccountCountry, getConfiguration, legalEntityType, capabilities, }: UseBankConfigurationHandlersProps) => {
     getConfigurationData: () => Promise<GetConfigurationResponse>;
-    getBankVerificationVendorsHandler: (country: "AF" | "AX" | "AL" | "DZ" | "AS" | "AD" | "AO" | "AI" | "AQ" | "AG" | "AR" | "AM" | "AW" | "AU" | "AT" | "AZ" | "BS" | "BH" | "BD" | "BB" | "BY" | "BE" | "BZ" | "BJ" | "BM" | "BT" | "BO" | "BQ" | "BA" | "BW" | "BV" | "BR" | "IO" | "BN" | "BG" | "BF" | "BI" | "KH" | "CM" | "CA" | "CV" | "KY" | "CF" | "TD" | "CL" | "CN" | "CX" | "CC" | "CO" | "KM" | "CG" | "CD" | "CK" | "CR" | "CI" | "HR" | "CU" | "CW" | "CY" | "CZ" | "DK" | "DJ" | "DM" | "DO" | "EC" | "EG" | "SV" | "GQ" | "ER" | "EE" | "ET" | "FK" | "FO" | "FJ" | "FI" | "FR" | "GF" | "PF" | "TF" | "GA" | "GM" | "GE" | "DE" | "GH" | "GI" | "GR" | "EL" | "GL" | "GD" | "GP" | "GU" | "GT" | "GG" | "GN" | "GW" | "GY" | "HT" | "HM" | "VA" | "HN" | "HK" | "HU" | "IS" | "IN" | "ID" | "IR" | "IQ" | "IE" | "IM" | "IL" | "IT" | "JM" | "JP" | "JE" | "JO" | "KZ" | "KE" | "KI" | "KR" | "KP" | "KW" | "KG" | "LA" | "LV" | "LB" | "LS" | "LR" | "LY" | "LI" | "LT" | "LU" | "MO" | "MK" | "MG" | "MW" | "MY" | "MV" | "ML" | "MT" | "MH" | "MQ" | "MR" | "MU" | "YT" | "MX" | "FM" | "MD" | "MC" | "MN" | "ME" | "MS" | "MA" | "MZ" | "MM" | "NA" | "NR" | "NP" | "NL" | "NC" | "NZ" | "NI" | "NE" | "NG" | "NU" | "NF" | "MP" | "NO" | "OM" | "PK" | "PW" | "PS" | "PA" | "PG" | "PY" | "PE" | "PH" | "PN" | "PL" | "PT" | "PR" | "QA" | "RE" | "RO" | "RU" | "RW" | "SH" | "KN" | "LC" | "PM" | "VC" | "WS" | "SM" | "ST" | "SA" | "SN" | "RS" | "SC" | "SL" | "SG" | "SK" | "SI" | "SB" | "SO" | "ZA" | "GS" | "ES" | "LK" | "SD" | "SR" | "SJ" | "SZ" | "SE" | "CH" | "SY" | "TW" | "TJ" | "TZ" | "TH" | "TL" | "TG" | "TK" | "TO" | "TT" | "TN" | "TR" | "TM" | "TC" | "TV" | "UG" | "UA" | "AE" | "GB" | "US" | "UM" | "UY" | "UZ" | "VU" | "VE" | "VN" | "VG" | "VI" | "WF" | "EH" | "YE" | "ZM" | "ZW", openBankingPartnerConfigId?: string) => Promise<BankVerificationVendorsResponse>;
+    getBankVerificationVendorsHandler: (country: CountryCode, openBankingPartnerConfigId?: string) => Promise<BankVerificationVendorsResponse>;
 };
 export {};

package/dist/types/core/hooks/useForm/reducer.d.ts

@@ -9,13 +9,14 @@ export interface InitOptions<FormSchema> {
     asyncValidate: TriggerAsyncValidation<FormSchema>;
     defaultData?: FormSchema;
     obscuredFields?: (keyof FormSchema)[];
+    optionalFields?: (keyof FormSchema)[];
     fieldProblems?: Record<keyof FormSchema, boolean>;
     formatters?: FormatRules<FormSchema>;
 }
 /**
  * Processes default data and sets initial state
  */
-export declare function init<FormSchema>({ schema, defaultData, fieldProblems, obscuredFields, formatters, staticValidate, asyncValidate, }: InitOptions<FormSchema>): FormState<FormSchema>;
+export declare function init<FormSchema>({ schema, defaultData, fieldProblems, obscuredFields, optionalFields, formatters, staticValidate, asyncValidate, }: InitOptions<FormSchema>): FormState<FormSchema>;
 export type ReducerActionType = 'setData' | 'setValid' | 'setErrors' | 'setFieldProblems' | 'updateField' | 'mergeForm' | 'setSchema' | 'validateForm';
 export interface ReducerAction<FormSchema> {
     type: ReducerActionType;
@@ -26,13 +27,14 @@ export interface ReducerAction<FormSchema> {
     defaultData?: FormSchema;
     formValue?: FormState<FormSchema>;
     selectedSchema?: (keyof FormSchema)[];
-    obscuredFields?: (keyof FormSchema)[];
     fieldProblems?: Record<keyof FormSchema, boolean>;
 }
 export interface GetReducerOptions<FormSchema> {
     staticValidate: TriggerStaticValidation<FormSchema>;
     asyncValidate: TriggerAsyncValidation<FormSchema>;
+    obscuredFields?: (keyof FormSchema)[];
+    optionalFields?: (keyof FormSchema)[];
     formatters?: FormatRules<FormSchema>;
 }
 export type GetReducerResults<FormSchema> = Reducer<FormState<FormSchema>, ReducerAction<FormSchema>>;
-export declare function reducer<FormSchema>({ staticValidate, asyncValidate, formatters, }: GetReducerOptions<FormSchema>): GetReducerResults<FormSchema>;
+export declare function reducer<FormSchema>({ staticValidate, asyncValidate, obscuredFields, optionalFields, formatters, }: GetReducerOptions<FormSchema>): GetReducerResults<FormSchema>;

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

@@ -30,6 +30,8 @@ export interface BaseFormFieldProps<FieldSchema> {
     errors: FieldErrors<FieldSchema>;
     labels: FieldLabels<FieldSchema>;
     readonly: boolean;
+    shouldValidate?: boolean;
+    optional?: boolean;
     mask?: MaskSettings;
     helperText?: Partial<Record<keyof FieldSchema, string>>;
     guidanceText?: Partial<Record<keyof FieldSchema, string>>;
@@ -48,6 +50,7 @@ export interface FormState<FormSchema> {
     valid: Record<keyof FormSchema, boolean>;
     fieldProblems: Record<keyof FormSchema, boolean>;
     obscuredFields?: Array<keyof FormSchema>;
+    optionalFields?: Array<keyof FormSchema>;
     isValid?: boolean;
     dataStoreId?: string;
     local?: FormState<FormSchema> | Partial<FormState<FormSchema>>;

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

@@ -4,8 +4,8 @@ import type { LoadingStatus } from '../../components/internal/LoaderWrapper/cons
 export declare const useIdVerificationToken: ({ userDetails, legalEntityId, handleGetIdVerificationToken, onIdVerificationError, }: {
     userDetails: UserDetails;
     legalEntityId?: string | undefined;
-    handleGetIdVerificationToken: Required<DropinAPIHandlers>['handleGetIdVerificationToken'];
-    onIdVerificationError: (error: any) => void;
+    handleGetIdVerificationToken: Required<DropinAPIHandlers>["handleGetIdVerificationToken"];
+    onIdVerificationError: ((error: any) => void) | undefined;
 }) => {
     sdkToken: string;
     loadingStatus: LoadingStatus;

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

@@ -6,9 +6,5 @@ type Options<T> = Partial<{
     parser: Parser<T>;
     syncData: boolean;
 }>;
-export declare const useLocalStorage: <T>(key: string, defaultValue: T, options?: Partial<{
-    serializer: Serializer<T>;
-    parser: Parser<T>;
-    syncData: boolean;
-}>) => [T, Dispatch<StateUpdater<T>>];
+export declare const useLocalStorage: <T>(key: string, defaultValue: T, options?: Options<T>) => [T, Dispatch<StateUpdater<T>>];
 export {};

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

@@ -1,7 +1,7 @@
-import type { FieldContext, FieldData, ValidatorRule, ValidatorRules } from '../../../utils/validation/types';
+import type { FieldContext, FieldData, ValidatorRules } from '../../../utils/validation/types';
 import { ValidationResult } from '../../../utils/validation/ValidationResult';
 export type TriggerStaticValidation<FormSchema> = (fieldData: FieldData<FormSchema>, context?: FieldContext<FormSchema>) => ValidationResult;
 export type UseStaticValidator<FormSchema> = {
     triggerStaticValidation: TriggerStaticValidation<FormSchema>;
 };
-export declare const useStaticValidator: <FormSchema>(rules?: Partial<{ [field in keyof FormSchema]: ValidatorRule<FormSchema[field], FormSchema> | ValidatorRule<FormSchema[field], FormSchema>[]; }>) => UseStaticValidator<FormSchema>;
+export declare const useStaticValidator: <FormSchema>(rules?: ValidatorRules<FormSchema>) => UseStaticValidator<FormSchema>;