@adyen/kyc-components 2.52.1 → 2.53.0

package/dist/style.css

@@ -744,7 +744,6 @@ button[disabled]:hover {
 .adyen-kyc-dropdown-list {
   border-radius: var(--adyen-sdk-border-radius-m, 8px);
   box-shadow: var(--adyen-sdk-shadow-medium-border, 0px 6px 12px rgba(0, 17, 44, 0.08), 0px 2px 4px rgba(0, 17, 44, 0.04), 0px 0px 0px 1px rgba(0, 17, 44, 0.06));
-  max-height: 145px;
   z-index: 2;
 }
 .adyen-kyc-dropdown-list .adyen-kyc-checkbox__helper-text {
@@ -992,6 +991,11 @@ button[disabled]:hover {
   width: 100%;
   z-index: 1;
 }
+.adyen-kyc-dropdown-list__transformer {
+  position: relative;
+  padding: 0;
+  margin: 0;
+}
 
 .adyen-kyc-dropdown-list.adyen-kyc-dropdown-list--active {
   display: block;
@@ -1647,58 +1651,55 @@ button[disabled]:hover {
 /* #endregion */
 .adyen-kyc-document-guidance {
   overflow: auto;
+  container-type: inline-size;
 }
 
-.adyen-layout-xs-only .adyen-kyc-document-guidance__container {
+.adyen-kyc-document-guidance__container {
   display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  gap: var(--adyen-sdk-spacer-060, 12px) var(--adyen-sdk-spacer-020, 4px);
-}
-.adyen-layout-md .adyen-kyc-document-guidance__container {
-  display: flex;
-  justify-content: space-between;
-  gap: var(--adyen-sdk-spacer-090, 24px);
-  min-width: 576px;
+  grid-template-columns: repeat(auto-fill, 50%);
 }
 
+@container (min-width: 560px) {
+  .adyen-kyc-document-guidance__container {
+    grid-template-columns: repeat(auto-fill, 25%);
+  }
+}
 .adyen-kyc-document-guidance__item {
   display: flex;
   flex-direction: column;
   align-items: center;
-  margin: var(--adyen-sdk-spacer-000, 0px) auto;
+  margin: var(--adyen-sdk-spacer-060, 12px);
 }
-.adyen-layout-md .adyen-kyc-document-guidance__item {
-  margin: var(--adyen-sdk-spacer-000, 0px);
+@container (max-width: 560px) {
+  .adyen-kyc-document-guidance__item .adyen-kyc-document-guidance__container {
+    margin: var(--adyen-sdk-spacer-000, 0px);
+  }
 }
-.adyen-kyc-document-guidance__item svg {
-  height: 100px;
+
+.adyen-kyc-document-guidance__item > span {
+  height: auto;
+  width: 100px;
 }
 
 .adyen-kyc-document-guidance__description {
   display: flex;
-  align-items: center;
+  gap: var(--adyen-sdk-spacer-040, 8px);
   margin-top: var(--adyen-sdk-spacer-010, 2px);
-  width: 100%;
-  font-weight: var(--adyen-sdk-text-body-stronger-font-weight, 500);
+  color: var(--adyen-sdk-color-label-on-color, #ffffff);
+}
+
+.adyen-kyc-document-guidance__description-text {
+  color: var(--adyen-sdk-color-label-primary, #00112c);
 }
 
 .adyen-kyc-document-guidance__icon {
-  display: flex;
-  margin-right: var(--adyen-sdk-spacer-040, 8px);
   height: 16px;
   width: 16px;
-  color: var(--adyen-sdk-color-background-primary, #ffffff);
-  padding: var(--adyen-sdk-spacer-020, 4px);
   border-radius: 50%;
-}
-.adyen-kyc-document-guidance__icon--valid {
   background-color: var(--adyen-sdk-color-background-success-strong, #07893c);
 }
 .adyen-kyc-document-guidance__icon--invalid {
   background-color: var(--adyen-sdk-color-background-critical-strong, #e22d2d);
-}
-.adyen-kyc-document-guidance__icon svg {
-  height: 8px;
 }/* #region Borders */
 /* #endregion */
 /* #region Z-index */
@@ -2269,21 +2270,6 @@ button[disabled]:hover {
   padding: var(--adyen-sdk-spacer-080, 20px) var(--adyen-sdk-spacer-090, 24px);
   border-radius: var(--adyen-sdk-border-radius-m, 8px);
 }
-.adyen-kyc-verified-business-card__data-title {
-  width: 180px;
-  color: var(--adyen-sdk-color-label-secondary, #5c687c);
-}
-.adyen-kyc-verified-business-card ul {
-  display: flex;
-  flex-direction: column;
-  padding: 0;
-  margin: 0;
-  list-style: none;
-  gap: var(--adyen-sdk-spacer-040, 8px);
-}
-.adyen-kyc-verified-business-card ul li {
-  display: flex;
-}
 .adyen-kyc-verified-business-card__address {
   display: flex;
   flex-direction: column;
@@ -2296,6 +2282,43 @@ button[disabled]:hover {
   flex-direction: row;
   justify-content: flex-start;
   text-decoration: underline;
+}/* #region Borders */
+/* #endregion */
+/* #region Z-index */
+/* #endregion */
+/* #region Timing functions */
+/* #endregion */
+/* #region Inline components */
+/* #endregion */
+.adyen-kyc-structured-list {
+  width: 100%;
+  font-size: var(--adyen-sdk-text-body-font-size, 14px);
+  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
+  margin: var(--adyen-sdk-spacer-000, 0px);
+}
+.adyen-kyc-structured-list__list-item {
+  display: flex;
+  flex-direction: column;
+}
+.adyen-layout-md .adyen-kyc-structured-list__list-item {
+  flex-direction: row;
+  align-items: center;
+}
+.adyen-kyc-structured-list__list-item:not(:last-of-type) {
+  margin-bottom: var(--adyen-sdk-spacer-060, 12px);
+}
+.adyen-kyc-structured-list__label {
+  flex: 1;
+  color: var(--adyen-sdk-color-label-secondary, #5c687c);
+}
+.adyen-kyc-structured-list__value {
+  flex: 1;
+  color: var(--adyen-sdk-color-label-primary, #00112c);
+  margin: var(--adyen-sdk-spacer-020, 4px) var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-000, 0px);
+  overflow-x: auto;
+}
+.adyen-layout-md .adyen-kyc-structured-list__value {
+  margin: var(--adyen-sdk-spacer-000, 0px);
 }.adyen-kyc-basic-information {
   display: flex;
   flex-direction: column;
@@ -2486,20 +2509,6 @@ button[disabled]:hover {
   min-height: 228px;
   justify-content: center;
   align-items: center;
-}
-.adyen-kyc-business-information__business-data {
-  padding: 0;
-  margin: 0;
-  list-style: none;
-  display: flex;
-  flex-direction: column;
-  gap: var(--adyen-sdk-spacer-040, 8px);
-}
-.adyen-kyc-business-information__business-data li {
-  display: flex;
-}
-.adyen-kyc-business-information__business-data .adyen-kyc-business-data__key {
-  width: 180px;
 }.adyen-kyc-field--entityType {
   margin-bottom: var(--adyen-sdk-spacer-090, 24px);
 }
@@ -2540,7 +2549,6 @@ button[disabled]:hover {
 }
 .adyen-layout-md .adyen-kyc-form-container {
   flex: 1;
-  width: auto;
 }
 
 .adyen-kyc-form-wrapper--hidden {
@@ -2553,138 +2561,108 @@ button[disabled]:hover {
 
 .adyen-layout-xs-only .adyen-kyc-dropin__content-main {
   flex-direction: column;
-}.adyen-kyc-expiry-modal__header {
-  font-size: var(--adyen-sdk-text-title-font-size, 16px);
-  font-family: var(--adyen-sdk-text-title-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
-  font-weight: var(--adyen-sdk-text-title-font-weight, 600);
-  line-height: var(--adyen-sdk-text-title-line-height, 26px);
-}
-
-.adyen-kyc-expiry-modal__footer {
+}.adyen-kyc-expiry-modal__footer {
   display: flex;
   flex-direction: row;
   justify-content: end;
-}/* #region Borders */
-/* #endregion */
-/* #region Z-index */
-/* #endregion */
-/* #region Timing functions */
-/* #endregion */
-/* #region Inline components */
-/* #endregion */
-.adyen-kyc-modal {
-  color: var(--adyen-sdk-color-label-primary, #00112c);
-  font-family: var(--adyen-sdk-text-body-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
-  font-size: var(--adyen-sdk-text-body-font-size, 14px);
-  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
-  line-height: var(--adyen-sdk-text-body-line-height, 20px);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  background-color: var(--adyen-sdk-color-background-primary, #ffffff);
-  border-radius: var(--adyen-sdk-border-radius-l, 12px);
-  box-shadow: var(--adyen-sdk-shadow-low, 0px 2px 4px rgba(0, 17, 44, 0.04), 0px 1px 2px rgba(0, 17, 44, 0.02));
+}.adyen-kyc-modal {
+  border: none;
   box-sizing: border-box;
-  cursor: initial;
   display: flex;
   flex-direction: column;
-  max-height: calc(100% - var(--adyen-sdk-spacer-120, 48px) * 2);
-  position: absolute;
-  width: 600px;
-  z-index: 500;
-  padding: var(--adyen-sdk-spacer-090, 24px);
-  gap: var(--adyen-sdk-spacer-070, 16px);
+  width: 100%;
+  background-color: transparent;
+  padding: 0;
+  max-width: 680px;
+  height: 100%;
+  max-height: 640px;
 }
-.adyen-kyc-modal *,
-.adyen-kyc-modal *::before,
-.adyen-kyc-modal *::after {
-  box-sizing: border-box;
+@media screen and (max-width: 480px) {
+  .adyen-kyc-modal {
+    width: 100%;
+    height: 100%;
+    max-width: 100%;
+    max-height: 100%;
+    margin: 0;
+    border-radius: 0;
+  }
 }
 
-.adyen-kyc-modal--small {
-  width: 480px;
+.adyen-kyc-modal__wrapper {
+  overflow: hidden;
+  --adyen-kyc-modal-internal-margin: var(--adyen-sdk-spacer-070, 16px);
+  background: var(--adyen-sdk-color-background-primary, #ffffff);
+  margin: var(--adyen-kyc-modal-internal-margin);
+  border-radius: var(--adyen-sdk-border-radius-xl, 24px);
+  height: calc(100% - var(--adyen-kyc-modal-internal-margin) * 2);
+  display: flex;
+  flex-direction: column;
+  position: relative;
+}
+@media screen and (max-width: 480px) {
+  .adyen-kyc-modal__wrapper {
+    --adyen-kyc-modal-internal-margin: 0px;
+    border-radius: 0;
+  }
 }
 
-.adyen-kyc-modal--large {
-  width: 800px;
+.adyen-kyc-modal::backdrop {
+  background-color: var(--adyen-sdk-color-support-overlay, #00112c);
+  opacity: 0.75;
 }
-.adyen-kyc-modal--large .adyen-kyc-modal__header {
-  border-bottom: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
+
+.adyen-kyc-modal-top-bar {
+  width: calc(100% - var(--adyen-kyc-modal-internal-margin));
+  position: absolute;
+  top: 0;
+  padding: var(--adyen-sdk-spacer-050, 10px);
+  padding-bottom: 0;
+  display: flex;
+  justify-content: space-between;
 }
-.adyen-kyc-modal--large .adyen-kyc-modal__footer {
-  border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
+
+.adyen-kyc-modal__content,
+.adyen-kyc-modal__header,
+.adyen-kyc-modal__footer {
+  padding: var(--adyen-sdk-spacer-060, 12px);
 }
 
-.adyen-kyc-modal__close {
-  position: absolute;
-  top: var(--adyen-sdk-spacer-060, 12px);
-  right: var(--adyen-sdk-spacer-060, 12px);
-  text-decoration: none;
-  z-index: 100;
+.adyen-kyc-modal__header {
+  padding-top: var(--adyen-sdk-spacer-070, 16px);
+  font-size: var(--adyen-sdk-text-title-font-size, 16px);
+  font-weight: var(--adyen-sdk-text-title-font-weight, 600);
 }
 
 .adyen-kyc-modal__content {
   flex: 1;
   overflow-y: auto;
 }
-.adyen-kyc-modal__header ~ .adyen-kyc-modal__content {
-  padding-top: var(--adyen-sdk-spacer-000, 0px);
-}
-.adyen-kyc-modal__content > *:first-child,
-.adyen-kyc-modal__content > *:last-child {
-  margin-bottom: var(--adyen-sdk-spacer-000, 0px);
-  padding-bottom: var(--adyen-sdk-spacer-000, 0px);
-}
-.adyen-kyc-modal__content:not(:last-child) {
-  padding-bottom: var(--adyen-sdk-spacer-000, 0px);
-}
 
 .adyen-kyc-modal__footer {
-  background-color: var(--adyen-sdk-color-background-primary, #ffffff);
-  border-radius: 0 0 var(--adyen-sdk-border-radius-l, 12px) var(--adyen-sdk-border-radius-l, 12px);
+  border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
 }
 
-.adyen-kyc-slide-fade-enter-active {
-  transition: all 0.3s ease;
-}
-.adyen-kyc-slide-fade-enter {
-  opacity: 0;
-  transform: translateY(10px);
+.adyen-kyc-modal--small {
+  max-width: 520px;
+  min-height: 220px;
+  height: 20vh;
 }
 
-.adyen-kyc-overlay {
-  z-index: 600;
-}/* #region Borders */
-/* #endregion */
-/* #region Z-index */
-/* #endregion */
-/* #region Timing functions */
-/* #endregion */
-/* #region Inline components */
-/* #endregion */
-.adyen-kyc-overlay {
-  align-items: center;
-  background-color: rgba(204, 204, 204, 0.8);
-  bottom: 0;
-  display: flex;
-  height: 100%;
-  justify-content: center;
-  left: 0;
-  opacity: 0;
-  position: absolute;
-  right: 0;
-  top: 0;
-  visibility: hidden;
-  width: 100%;
-  z-index: 400;
+.adyen-kyc-modal--large {
+  max-width: 960px;
+  height: 70vh;
+  width: 70vw;
 }
 
-.adyen-kyc-overlay--transparent {
-  background-color: transparent;
+.adyen-kyc-modal--fullscreen {
+  margin: 0;
+  max-width: 100vw;
+  height: 100vh;
+  width: 100vw;
 }
 
-.adyen-kyc-overlay--visible {
-  opacity: 1;
-  visibility: visible;
+.adyen-kyc-modal--with-backButton .adyen-kyc-modal__header {
+  padding-left: var(--adyen-sdk-spacer-140, 64px);
 }/* #region Borders */
 /* #endregion */
 /* #region Z-index */
@@ -2794,76 +2772,10 @@ button[disabled]:hover {
 .adyen-kyc-dropin__main {
   border-radius: var(--adyen-sdk-border-radius-m, 8px);
   width: 100%;
-}.adyen-kyc-modal2 {
-  border: none;
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  background-color: transparent;
-  padding: 0;
-  max-width: 600px;
-  height: 100%;
-  max-height: 640px;
-}
-@media screen and (max-width: 480px) {
-  .adyen-kyc-modal2 {
-    width: 100%;
-    height: 100%;
-    max-width: 100%;
-    max-height: 100%;
-    margin: 0;
-    border-radius: 0;
-  }
-}
-
-.adyen-kyc-modal2-wrapper {
-  overflow: hidden;
-  --adyen-kyc-modal2-internal-margin: 16px;
-  background: var(--adyen-sdk-color-background-primary, #ffffff);
-  margin: var(--adyen-kyc-modal2-internal-margin);
-  border-radius: 20px;
-  height: calc(100% - var(--adyen-kyc-modal2-internal-margin) * 2);
-  display: flex;
-  flex-direction: column;
-  position: relative;
-}
-@media screen and (max-width: 480px) {
-  .adyen-kyc-modal2-wrapper {
-    --adyen-kyc-modal2-internal-margin: 0;
-  }
-}
-
-.adyen-kyc-modal2::backdrop {
-  background-color: var(--adyen-sdk-color-support-overlay, #00112c);
-  opacity: 0.75;
-}
-
-.adyen-kyc-modal2-top-bar {
-  width: 100%;
-  position: absolute;
-  top: 0;
-  padding: var(--adyen-sdk-spacer-050, 10px);
-  padding-bottom: 0;
-  display: flex;
-  justify-content: space-between;
 }
 
-.adyen-kyc-modal2-content {
-  flex: 1;
-  overflow-y: auto;
-}
-
-.adyen-kyc-modal2-footer {
-  padding: var(--adyen-sdk-spacer-050, 10px) 0;
-  border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
-}
-
-.adyen-kyc-modal2__fullscreen {
-  margin: 0;
-  max-width: 100vw;
-  height: 100vh;
-  width: 100vw;
+.adyen-kyc-modal-content {
+  padding: 0;
 }.adyen-kyc-embedded-action-bar {
   display: flex;
   justify-content: space-between;
@@ -4029,7 +3941,9 @@ button[disabled]:hover {
   justify-content: space-between;
   align-items: center;
   gap: var(--adyen-sdk-spacer-070, 16px);
-  width: 420px;
+  width: 100%;
+  min-width: 250px;
+  max-width: 650px;
   cursor: pointer;
   /* html button default styling removal */
   border: none;
@@ -4038,6 +3952,9 @@ button[disabled]:hover {
   text-align: left;
   padding: var(--adyen-sdk-spacer-040, 8px);
 }
+.adyen-kyc-embedded-status--loading {
+  cursor: default;
+}
 .adyen-kyc-embedded-status--loading .adyen-kyc-embedded-status__avatar {
   background-color: var(--adyen-sdk-color-background-primary, #ffffff);
   border: none;
@@ -4824,16 +4741,19 @@ button[disabled]:hover {
 .adyen-kyc-debug-modal__header {
   font-size: var(--adyen-sdk-text-title-font-size, 16px);
   font-weight: var(--adyen-sdk-text-title-font-weight, 600);
+  margin: 1em;
 }
 
 .adyen-kyc-debug-modal__content {
   display: flex;
   flex-direction: column;
   gap: 24px;
+  margin: 1em;
 }
 
 .adyen-kyc-debug-modal__meta {
   display: flex;
   flex-direction: column;
   gap: 4px;
+  margin: 1em;
 }

package/dist/types/components/BasicInformation/component/BasicInformationComponent.d.ts

@@ -3,4 +3,4 @@ import type { BusinessDetailsSchema } from '../../BusinessDetails/types';
 import type { BasicInformationProps, BasicInformationSchema } from '../types';
 export declare const BASIC_INFORMATION_FORM_ID: keyof BusinessDetailsSchema;
 export declare const BASIC_INFORMATION_FIELDS: Array<keyof BasicInformationSchema>;
-export declare function BasicInformationComponent({ data, labels, placeholders, helperText, heading, description, readOnly, shouldValidate, formVerificationErrors, fieldValidationErrors, allFields, requiredFields, obscuredFields, optionalFields, readOnlyFields, trustedFields, country, companyType, isTopLevelEntity, className, showBusinessSelection, showCompanyStructure, isActiveForm, isSearching, isFetching, isVerifying, isClearingTrustedData, searchResults, invalidTin, verifiedBusiness, fetchBusinessData, verifyBusinessData, proceedToManualDataEntry, handleNextClick, setShowBusinessSelection, setShowCompanyStructure, }: BasicInformationProps): import("preact").JSX.Element;
+export declare function BasicInformationComponent({ data, labels, placeholders, helperText, heading, description, readOnly, shouldValidate, formVerificationErrors, fieldValidationErrors, allFields, requiredFields, obscuredFields, optionalFields, readOnlyFields, trustedFields, country, companyType, isTopLevelEntity, className, showBusinessSelection, showCompanyStructure, isActiveForm, isSearching, isFetching, isVerifying, isClearingTrustedData, searchResults, invalidTin, verifiedBusiness, fetchBusinessData, verifyBusinessData, proceedToManualDataEntry, handleNextClick, setShowBusinessSelection, setShowCompanyStructure, resetTinVerification, }: BasicInformationProps): import("preact").JSX.Element;

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

@@ -27,6 +27,7 @@ export interface BasicInformationProps extends BaseInnerFormProps<BasicInformati
     invalidTin: boolean;
     verifiedBusiness: CompanyDatasetResponse | undefined;
     className?: string;
+    resetTinVerification: () => void;
     fetchBusinessData: (company: CompanySearchResult) => Promise<CompanyDatasetResponse | undefined>;
     verifyBusinessData: (data: CompanyDatasetResponse, tin: string) => Promise<boolean | undefined>;
     proceedToManualDataEntry: () => Promise<void>;

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

@@ -39,6 +39,7 @@ export interface BusinessDetailsProps extends BaseOuterFormProps<BusinessDetails
     handleNextClick: () => void;
     handleAddressSearch: DropinAPIHandlers['handleAddressSearch'];
     handleFindAddress: DropinAPIHandlers['handleFindAddress'];
+    resetTinVerification: () => void;
     searchForBusiness: (data: CompanySearchRequest) => Promise<CompanySearchResult[] | undefined>;
     fetchBusinessData: (company: CompanySearchResult) => Promise<CompanyDatasetResponse | undefined>;
     verifyBusinessData: (data: CompanyDatasetResponse, tin: string) => Promise<boolean | undefined>;

package/dist/types/components/BusinessSelection/BusinessInformationCard.d.ts

@@ -9,8 +9,9 @@ interface BusinessInformationCardProps {
     failedToLoad: boolean;
     invalidTin: boolean;
     setIsBusinessSelection: Dispatch<StateUpdater<boolean>>;
+    resetTinVerification: () => void;
     handleSelectBusiness: (result: CompanySearchResult) => Promise<void>;
     handleConfirmSelection: (data: CompanyDatasetResponse) => Promise<void>;
 }
-export declare function BusinessInformationCard({ result, selectedBusinessId, currentBusinessSelection, fetching, failedToLoad, invalidTin, setIsBusinessSelection, handleSelectBusiness, handleConfirmSelection, }: BusinessInformationCardProps): import("preact").JSX.Element;
+export declare function BusinessInformationCard({ result, selectedBusinessId, currentBusinessSelection, fetching, failedToLoad, invalidTin, resetTinVerification, setIsBusinessSelection, handleSelectBusiness, handleConfirmSelection, }: BusinessInformationCardProps): import("preact").JSX.Element;
 export {};

package/dist/types/components/BusinessSelection/component/BusinessSelectionComponent.d.ts

@@ -1,3 +1,3 @@
 import './BusinessSelectionComponent.scss';
 import type { BusinessSelectionProps } from '../types';
-export declare function BusinessSelectionComponent({ showCompanyStructure, isSearching, isFetching, isVerifying, isClearingTrustedData, searchResults, invalidTin, fetchBusinessData, verifyBusinessData, proceedToManualDataEntry, handleNextClick, setIsBusinessSelection, setShowCompanyStructure, }: BusinessSelectionProps): import("preact").JSX.Element;
+export declare function BusinessSelectionComponent({ showCompanyStructure, isSearching, isFetching, isVerifying, isClearingTrustedData, searchResults, invalidTin, fetchBusinessData, verifyBusinessData, resetTinVerification, proceedToManualDataEntry, handleNextClick, setIsBusinessSelection, setShowCompanyStructure, }: BusinessSelectionProps): import("preact").JSX.Element;

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

@@ -11,6 +11,7 @@ export interface BusinessSelectionProps {
     invalidTin: boolean;
     fetchBusinessData: (company: CompanySearchResult) => Promise<CompanyDatasetResponse | undefined>;
     verifyBusinessData: (data: CompanyDatasetResponse, tin: string) => Promise<boolean | undefined>;
+    resetTinVerification: () => void;
     proceedToManualDataEntry: () => Promise<void>;
     handleNextClick: () => void;
     setIsBusinessSelection: Dispatch<StateUpdater<boolean>>;

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

@@ -32,7 +32,7 @@ export type BusinessDetailsDropinApihandler = Required<Pick<DropinAPIHandlers, '
     handleVerifyTin?: DropinAPIHandlers['handleVerifyTin'];
     handleClearCompanyData?: DropinAPIHandlers['handleClearCompanyData'];
 };
-export type BusinessDetailsDropin = Omit<BusinessDetailsProps, 'isTopLevelEntity' | 'baseTrackingPayload' | 'handleNextClick' | 'showCompanyStructure' | 'showBusinessSelection' | 'isSearching' | 'isFetching' | 'isVerifying' | 'isClearingTrustedData' | 'searchResults' | 'invalidTin' | 'verifiedBusiness' | 'searchForBusiness' | 'fetchBusinessData' | 'verifyBusinessData' | 'proceedToManualDataEntry' | 'setShowBusinessSelection' | 'setShowCompanyStructure'>;
+export type BusinessDetailsDropin = Omit<BusinessDetailsProps, 'isTopLevelEntity' | 'baseTrackingPayload' | 'handleNextClick' | 'showCompanyStructure' | 'showBusinessSelection' | 'isSearching' | 'isFetching' | 'isVerifying' | 'isClearingTrustedData' | 'searchResults' | 'invalidTin' | 'resetTinVerification' | 'verifiedBusiness' | 'searchForBusiness' | 'fetchBusinessData' | 'verifyBusinessData' | 'proceedToManualDataEntry' | 'setShowBusinessSelection' | 'setShowCompanyStructure'>;
 export interface BusinessDetailsDropinProps extends BusinessDetailsDropin, BusinessDetailsDropinApihandler, DropinProps {
     legalEntityResponse: ExistingLegalEntity;
     isTargetLegalEntityType?: boolean;

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

@@ -1,2 +1,2 @@
 import type { CompanyDropinProps } from '../types';
-export declare function CompanyDropinComponent({ country: parentCountry, problems: propProblems, hideDropinLayout, taskName, capabilities, homeButtonLabel, taskType, trackingConfig, associationDetail, parentLegalEntity, legalEntityResponse, isTargetLegalEntityType, onSubmit: onExternalSubmit, handleCreateDocument, handleGetDocument, handleUpdateDocument, handleAddressSearch, handleFindAddress, handleCreateLegalEntity, handleUpdateLegalEntity, handleHomeClick, onTypeSwitch, onChange, trustedFieldsProvider, }: CompanyDropinProps): import("preact").JSX.Element;
+export declare function CompanyDropinComponent({ country: parentCountry, problems: propProblems, hideDropinLayout, taskName, capabilities, homeButtonLabel, taskType, trackingConfig, associationDetail, parentLegalEntity, legalEntityResponse, isTargetLegalEntityType, onSubmit: onExternalSubmit, handleCreateDocument, handleGetDocument, handleUpdateDocument, handleAddressSearch, handleFindAddress, handleCreateLegalEntity, handleUpdateLegalEntity, handleHomeClick, onTypeSwitch, onChange, trustedFields, }: CompanyDropinProps): import("preact").JSX.Element;

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

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

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

@@ -40,5 +40,6 @@ export interface FormWrapperProps {
     canSubmit?: boolean;
     onSubmit(): Promise<void>;
     currentStep?: number;
+    totalSteps?: number;
 }
-export declare const FormWrapper: ({ summary, taskName, children, handleNextClick, handleBackClick, handleHomeClick, handleCloseClick, nextButtonLabel, backButtonLabel, homeButtonLabel, loadingStatus, gotoFormByFormIndex, forms, activeForm, handleGetIdVerificationToken, validateForm, baseTrackingPayload, hideDropinLayout, hideFooter, hideHomeButton, hideBackButton, hideNextButton, hideNavigation, asModal, canSubmit, onSubmit, problems, currentStep, }: FormWrapperProps) => import("preact").JSX.Element;
+export declare const FormWrapper: ({ summary, taskName, children, handleNextClick, handleBackClick, handleHomeClick, handleCloseClick, nextButtonLabel, backButtonLabel, homeButtonLabel, loadingStatus, gotoFormByFormIndex, forms, activeForm, handleGetIdVerificationToken, validateForm, baseTrackingPayload, hideDropinLayout, hideFooter, hideHomeButton, hideBackButton, hideNextButton, hideNavigation, asModal, canSubmit, onSubmit, problems, currentStep, totalSteps, }: FormWrapperProps) => import("preact").JSX.Element;

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

@@ -6,4 +6,12 @@ export interface StepProgressIndicatorProps {
     fillBefore?: boolean;
     thick?: boolean;
 }
+/**
+ * Progress indicator showing step progession in a process
+ *
+ * @param activeStepIndex - zero based index for active steps, add 1 to make it human-readable
+ * @param stepsCount - total number of steps
+ * @param fillBefore - fills everything between 0 and activeStepIndex, not just last step
+ * @param thick - makes the bar thicker
+ */
 export declare const StepProgressIndicator: ({ activeStepIndex, stepsCount, fillBefore, thick, }: StepProgressIndicatorProps) => JSX.Element | null;

package/dist/types/components/{internal → embedded-ui}/EmbeddedStatus/EmbeddedStatus.d.ts

@@ -1,8 +1,8 @@
 import type { OnboardingStatus } from '../../../core/models/api/view-verification-status';
 import type { Translatable, TranslationKey } from '../../../language/types';
+import type { IconName } from '../../internal/Icon/Icon';
+import { type TagVariant } from '../../internal/Tag/Tag';
 import type { TaskStatus } from '../../TaskList/types';
-import type { IconName } from '../Icon/Icon';
-import { type TagVariant } from '../Tag/Tag';
 export interface EmbeddedStatusProps {
     title?: string;
     subtitle?: string;

package/dist/types/components/{internal → embedded-ui}/EmbeddedStatus/statusToTag.d.ts

@@ -1,7 +1,7 @@
 import { OnboardingStatus } from '../../../core/models/api/view-verification-status';
 import type { Translatable } from '../../../language/types';
+import type { TagVariant } from '../../internal/Tag/Tag';
 import { TaskStatus } from '../../TaskList/types';
-import type { TagVariant } from '../Tag/Tag';
 /**
  * Maps a Status to Tag-compatible props
  * Similar to TaskItemStatus (without the css class overrides),