@adyen/kyc-components 3.31.0 → 3.32.0

package/dist/es/instant-verification-method-NGPLGC6g.js

@@ -0,0 +1,50 @@
+import { jsxs, jsx } from "preact/compat/jsx-runtime";
+const SvgInstantVerificationMethod = (props) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 236 128", role: "img", ...props, children: [
+  /* @__PURE__ */ jsxs("g", { filter: "url(#instant-verification-method_svg__a)", children: [
+    /* @__PURE__ */ jsx("rect", { width: 72, height: 72, x: 146, y: 28, fill: "#fff", rx: 36, shapeRendering: "crispEdges" }),
+    /* @__PURE__ */ jsx("path", { fill: "#00112C", d: "M178.06 47h7.88L199 56.33v5.97h-5.1v15.3h5.1V81h-34v-3.4h5.1V62.3H165v-5.97zm-4.56 30.6h3.4V62.3h-3.4zm6.8 0h3.4V62.3h-3.4zm6.8 0h3.4V62.3h-3.4zm8.5-18.7v-.83l-10.75-7.67h-5.7l-10.75 7.67v.83z" })
+  ] }),
+  /* @__PURE__ */ jsxs("g", { filter: "url(#instant-verification-method_svg__b)", children: [
+    /* @__PURE__ */ jsx("rect", { width: 72, height: 72, x: 18, y: 28, fill: "#fff", rx: 36, shapeRendering: "crispEdges" }),
+    /* @__PURE__ */ jsx("path", { fill: "#00112C", d: "m61.25 55.63 2.2 2.28-10.7 11.06-6.45-6.67 2.2-2.27 4.25 4.4z" }),
+    /* @__PURE__ */ jsx("path", { fill: "#00112C", fillRule: "evenodd", d: "m51.88 80.38-7.46-4.66A9.3 9.3 0 0 1 40 67.87V51.54c0-1.03.64-1.99 1.66-2.36a36 36 0 0 1 24.65 0 2.5 2.5 0 0 1 1.68 2.45v16.79a9.3 9.3 0 0 1-4.85 8.12l-7.12 3.95a4.1 4.1 0 0 1-4.14-.1M43 51.88c7-2.5 14.75-2.51 22 .02v16.52a6.3 6.3 0 0 1-3.31 5.5l-7.13 3.94a1.1 1.1 0 0 1-1.1-.03L46 73.18a6.3 6.3 0 0 1-3.01-5.31z", clipRule: "evenodd" })
+  ] }),
+  /* @__PURE__ */ jsx("path", { fill: "#00112C", d: "M156 30.5h8.12A57 57 0 0 0 118 7a57 57 0 0 0-47.26 25.12q-1.34-.7-2.74-1.3A60 60 0 0 1 118 4a60 60 0 0 1 48.5 24.67V20a1.5 1.5 0 0 1 3 0v13.5H156a1.5 1.5 0 0 1 0-3m9.26 65.38A57 57 0 0 1 118 121a57 57 0 0 1-46.12-23.5H80a1.5 1.5 0 0 0 0-3H66.5V108a1.5 1.5 0 0 0 3 0v-8.67A60 60 0 0 0 118 124a60 60 0 0 0 50-26.82q-1.4-.6-2.74-1.3m-45.93-46.55V60h10.32l-10.89 18.67h-2.1V68h-10.31l10.89-18.67z" }),
+  /* @__PURE__ */ jsxs("defs", { children: [
+    /* @__PURE__ */ jsxs("filter", { id: "instant-verification-method_svg__a", width: 108, height: 108, x: 128, y: 19, colorInterpolationFilters: "sRGB", filterUnits: "userSpaceOnUse", children: [
+      /* @__PURE__ */ jsx("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
+      /* @__PURE__ */ jsx("feColorMatrix", { in: "SourceAlpha", result: "hardAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }),
+      /* @__PURE__ */ jsx("feOffset", { dy: 3 }),
+      /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: 3 }),
+      /* @__PURE__ */ jsx("feComposite", { in2: "hardAlpha", operator: "out" }),
+      /* @__PURE__ */ jsx("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0.0666667 0 0 0 0 0.172549 0 0 0 0.04 0" }),
+      /* @__PURE__ */ jsx("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_5448_94620" }),
+      /* @__PURE__ */ jsx("feColorMatrix", { in: "SourceAlpha", result: "hardAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }),
+      /* @__PURE__ */ jsx("feOffset", { dy: 9 }),
+      /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: 9 }),
+      /* @__PURE__ */ jsx("feComposite", { in2: "hardAlpha", operator: "out" }),
+      /* @__PURE__ */ jsx("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0.0666667 0 0 0 0 0.172549 0 0 0 0.08 0" }),
+      /* @__PURE__ */ jsx("feBlend", { in2: "effect1_dropShadow_5448_94620", result: "effect2_dropShadow_5448_94620" }),
+      /* @__PURE__ */ jsx("feBlend", { in: "SourceGraphic", in2: "effect2_dropShadow_5448_94620", result: "shape" })
+    ] }),
+    /* @__PURE__ */ jsxs("filter", { id: "instant-verification-method_svg__b", width: 108, height: 108, x: 0, y: 19, colorInterpolationFilters: "sRGB", filterUnits: "userSpaceOnUse", children: [
+      /* @__PURE__ */ jsx("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
+      /* @__PURE__ */ jsx("feColorMatrix", { in: "SourceAlpha", result: "hardAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }),
+      /* @__PURE__ */ jsx("feOffset", { dy: 3 }),
+      /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: 3 }),
+      /* @__PURE__ */ jsx("feComposite", { in2: "hardAlpha", operator: "out" }),
+      /* @__PURE__ */ jsx("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0.0666667 0 0 0 0 0.172549 0 0 0 0.04 0" }),
+      /* @__PURE__ */ jsx("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_5448_94620" }),
+      /* @__PURE__ */ jsx("feColorMatrix", { in: "SourceAlpha", result: "hardAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }),
+      /* @__PURE__ */ jsx("feOffset", { dy: 9 }),
+      /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: 9 }),
+      /* @__PURE__ */ jsx("feComposite", { in2: "hardAlpha", operator: "out" }),
+      /* @__PURE__ */ jsx("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0.0666667 0 0 0 0 0.172549 0 0 0 0.08 0" }),
+      /* @__PURE__ */ jsx("feBlend", { in2: "effect1_dropShadow_5448_94620", result: "effect2_dropShadow_5448_94620" }),
+      /* @__PURE__ */ jsx("feBlend", { in: "SourceGraphic", in2: "effect2_dropShadow_5448_94620", result: "shape" })
+    ] })
+  ] })
+] });
+export {
+  SvgInstantVerificationMethod as default
+};

package/dist/es/tink-logo-WImtH5CL.js

@@ -0,0 +1,8 @@
+import { jsxs, jsx } from "preact/compat/jsx-runtime";
+const SvgTinkLogo = (props) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 2 43 19", role: "img", ...props, children: [
+  /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M4.18 14.6c0 .93.48 1.57 1.87 1.57q.68 0 1.26-.21l.08 1.95c-.35.14-.98.25-1.7.25-2.55 0-4-1.39-4-3.5v-4.15H.19V8.59h1.63V5.3h2.36v3.3h3.06v1.9H4.18zm4.67-6.01h2.5v9.47h-2.5zm6.58 1.38c.6-.88 1.64-1.48 3.16-1.48 2.24 0 3.55 1.43 3.54 3.62v5.95h-2.52v-5.4c0-1.34-.66-2.13-1.93-2.13-1.35 0-2.23.86-2.23 2.16v5.37h-2.5V8.6h2.4zm17.53-1.38L29.2 12.5l4.13 5.55H30.5l-2.9-3.88-1.43 1.49v2.39h-2.5V5.29h2.5v7.4l3.8-4.1zM8.85 5.29h2.5v2.08h-2.5zm26.49-2.58a3 3 0 0 1-1.2.23v2.35c3.11 0 5.63-2.37 5.63-5.29h-2.5a2.8 2.8 0 0 1-.91 2.08q-.45.41-1.02.63" }),
+  /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M41.33 5.51a3 3 0 0 1 1.2-.22V2.92c-3.11 0-5.63 2.37-5.63 5.3s2.52 5.29 5.63 5.29v-2.35c-1.72 0-3.12-1.32-3.12-2.94a2.8 2.8 0 0 1 .91-2.07q.45-.42 1.01-.64" })
+] });
+export {
+  SvgTinkLogo as default
+};

package/dist/style.css

@@ -276,12 +276,10 @@ button[disabled]:hover {
   margin-right: var(--adyen-sdk-spacer-000, 0px);
   text-decoration: none;
 }
-.adyen-kyc-link--icon-right {
+.adyen-kyc-link--icon-left {
+  display: inline-flex;
   flex-direction: row-reverse;
-}
-.adyen-kyc-link--icon-right > .adyen-kyc-link__icon {
-  margin-left: var(--adyen-sdk-spacer-020, 4px);
-  margin-right: var(--adyen-sdk-spacer-000, 0px);
+  gap: var(--adyen-sdk-spacer-020, 4px);
 }
 .adyen-kyc-link__text {
   display: inline;
@@ -300,7 +298,7 @@ button[disabled]:hover {
   margin: var(--adyen-sdk-spacer-000, 0px);
 }.adyen-kyc-icon {
   color: inherit;
-  display: inline-block;
+  display: inline-flex;
   vertical-align: baseline;
 }
 .adyen-kyc-icon svg path {
@@ -1211,7 +1209,7 @@ button[disabled]:hover {
 /* #region Inline components */
 /* #endregion */
 .adyen-kyc-form-header {
-  margin-bottom: var(--adyen-sdk-spacer-090, 24px);
+  margin-bottom: var(--adyen-sdk-spacer-120, 48px);
 }
 .adyen-kyc-form-header__heading {
   font-size: var(--adyen-sdk-text-title-l-font-size, 24px);
@@ -1550,6 +1548,54 @@ button[disabled]:hover {
 /* #endregion */
 /* #region Inline components */
 /* #endregion */
+.adyen-kyc-radio-group-card {
+  display: flex;
+  flex-direction: column;
+  gap: var(--adyen-sdk-spacer-040, 8px);
+}
+.adyen-kyc-radio-group-card__label {
+  font-size: var(--adyen-sdk-text-body-font-size, 14px);
+  font-weight: var(--adyen-sdk-text-body-strongest-font-weight, 600);
+  line-height: var(--adyen-sdk-text-body-line-height, 20px);
+  padding-right: var(--adyen-sdk-spacer-070, 16px);
+  margin-bottom: var(--adyen-sdk-spacer-070, 16px);
+}
+.adyen-layout-md .adyen-kyc-radio-group-card__label {
+  padding-right: var(--adyen-sdk-spacer-000, 0px);
+}
+.adyen-kyc-radio-group-card__subtitle {
+  color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
+  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
+  font-family: var(--adyen-sdk-text-caption-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
+  line-height: var(--adyen-sdk-text-caption-line-height, 18px);
+  margin-bottom: var(--adyen-sdk-spacer-020, 4px);
+}
+.adyen-kyc-radio-group-card input {
+  display: flex;
+  margin-left: auto;
+}
+.adyen-kyc-radio-group-card + .adyen-kyc-input__inline-validation {
+  bottom: -30px;
+  top: auto;
+}
+.adyen-kyc-radio-group-card--floating-radio {
+  position: relative;
+}
+.adyen-kyc-radio-group-card--floating-radio .adyen-kyc-radio-group-card__input {
+  bottom: auto;
+  left: auto;
+  position: absolute;
+  right: var(--adyen-sdk-spacer-070, 16px);
+  top: var(--adyen-sdk-spacer-070, 16px);
+}/* #region Borders */
+/* #endregion */
+/* #region Z-index */
+/* #endregion */
+/* #region Timing functions */
+/* #endregion */
+/* #region Inline components */
+/* #endregion */
 .adyen-kyc-radio-card {
   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);
@@ -1609,54 +1655,6 @@ button[disabled]:hover {
 /* #endregion */
 /* #region Inline components */
 /* #endregion */
-.adyen-kyc-radio-group-card {
-  display: flex;
-  flex-direction: column;
-  gap: var(--adyen-sdk-spacer-040, 8px);
-}
-.adyen-kyc-radio-group-card__label {
-  font-size: var(--adyen-sdk-text-body-font-size, 14px);
-  font-weight: var(--adyen-sdk-text-body-strongest-font-weight, 600);
-  line-height: var(--adyen-sdk-text-body-line-height, 20px);
-  padding-right: var(--adyen-sdk-spacer-070, 16px);
-  margin-bottom: var(--adyen-sdk-spacer-070, 16px);
-}
-.adyen-layout-md .adyen-kyc-radio-group-card__label {
-  padding-right: var(--adyen-sdk-spacer-000, 0px);
-}
-.adyen-kyc-radio-group-card__subtitle {
-  color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
-  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
-  font-family: var(--adyen-sdk-text-caption-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
-  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
-  line-height: var(--adyen-sdk-text-caption-line-height, 18px);
-  margin-bottom: var(--adyen-sdk-spacer-020, 4px);
-}
-.adyen-kyc-radio-group-card input {
-  display: flex;
-  margin-left: auto;
-}
-.adyen-kyc-radio-group-card + .adyen-kyc-input__inline-validation {
-  bottom: -30px;
-  top: auto;
-}
-.adyen-kyc-radio-group-card--floating-radio {
-  position: relative;
-}
-.adyen-kyc-radio-group-card--floating-radio .adyen-kyc-radio-group-card__input {
-  bottom: auto;
-  left: auto;
-  position: absolute;
-  right: var(--adyen-sdk-spacer-070, 16px);
-  top: var(--adyen-sdk-spacer-070, 16px);
-}/* #region Borders */
-/* #endregion */
-/* #region Z-index */
-/* #endregion */
-/* #region Timing functions */
-/* #endregion */
-/* #region Inline components */
-/* #endregion */
 .adyen-kyc-document-guidance {
   overflow: auto;
   container-type: inline-size;
@@ -1860,12 +1858,36 @@ button[disabled]:hover {
 
 .adyen-kyc-list--ordered {
   list-style-type: decimal;
-}fieldset {
+}/* #region Borders */
+/* #endregion */
+/* #region Z-index */
+/* #endregion */
+/* #region Timing functions */
+/* #endregion */
+/* #region Inline components */
+/* #endregion */
+fieldset {
   border: none;
   padding: 0;
   margin: 0;
 }
 
+.adyen-kyc-address__condensed-fields {
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+}
+.adyen-layout-md .adyen-kyc-address__condensed-fields {
+  flex-direction: row;
+  gap: var(--adyen-sdk-spacer-080, 20px);
+}
+.adyen-layout-md .adyen-kyc-address__condensed-fields > *:first-child {
+  flex: 0 0 50%;
+}
+.adyen-layout-md .adyen-kyc-address__condensed-fields > *:not(:first-child) {
+  flex: 1;
+}
+
 .adyen-kyc-search-address {
   display: flex;
   flex-direction: column;
@@ -2231,6 +2253,156 @@ button[disabled]:hover {
 .adyen-kyc-instant-verification-error .adyen-kyc-alert__icon {
   left: -28px;
   position: absolute;
+}/* #region Borders */
+/* #endregion */
+/* #region Z-index */
+/* #endregion */
+/* #region Timing functions */
+/* #endregion */
+/* #region Inline components */
+/* #endregion */
+.adyen-kyc-card {
+  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: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
+  border-radius: var(--adyen-sdk-border-radius-l, 12px);
+  display: block;
+  outline: none;
+}
+.adyen-kyc-card *,
+.adyen-kyc-card *::before,
+.adyen-kyc-card *::after {
+  box-sizing: border-box;
+}
+.adyen-kyc-card--secondary {
+  background-color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
+}
+
+.adyen-kyc-card.adyen-kyc-card--stateful {
+  border-color: var(--adyen-sdk-color-outline-primary, #dbdee2);
+  cursor: pointer;
+  transition-duration: 0.2s;
+  transition-property: border-color, box-shadow;
+  transition-timing-function: ease;
+  position: relative;
+  z-index: 0;
+}
+.adyen-kyc-card.adyen-kyc-card--stateful:hover {
+  border-color: var(--adyen-sdk-color-outline-primary-hover, #c9cdd3);
+  z-index: 1;
+}
+.adyen-kyc-card.adyen-kyc-card--stateful:focus, .adyen-kyc-card.adyen-kyc-card--stateful:active {
+  z-index: 2;
+  box-shadow: var(--adyen-sdk-shadow-medium, 0px 6px 12px rgba(0, 17, 44, 0.08), 0px 2px 4px rgba(0, 17, 44, 0.04));
+}
+
+.adyen-kyc-card.adyen-kyc-card--active {
+  border-color: var(--adyen-sdk-color-outline-primary, #dbdee2);
+  cursor: pointer;
+  transition-duration: 0.2s;
+  transition-property: border-color, box-shadow;
+  transition-timing-function: ease;
+}
+.adyen-kyc-card.adyen-kyc-card--active, .adyen-kyc-card.adyen-kyc-card--active:active, .adyen-kyc-card.adyen-kyc-card--active:hover {
+  border-color: var(--adyen-sdk-color-outline-primary-active, #00112c);
+}
+.adyen-kyc-card.adyen-kyc-card--active:focus, .adyen-kyc-card.adyen-kyc-card--active:active {
+  box-shadow: var(--adyen-sdk-shadow-medium, 0px 6px 12px rgba(0, 17, 44, 0.08), 0px 2px 4px rgba(0, 17, 44, 0.04));
+}
+
+.adyen-kyc-card.adyen-kyc-card--disabled {
+  background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
+  color: var(--adyen-sdk-color-label-disabled, #8d95a3);
+  cursor: not-allowed;
+}
+
+.adyen-kyc-card__header {
+  padding: var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-090, 24px);
+}
+.adyen-kyc-card__header--button {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.adyen-kyc-card__header .adyen-kyc-card-title {
+  display: flex;
+  flex-direction: column;
+}
+
+.adyen-kyc-card__body {
+  padding: var(--adyen-sdk-spacer-070, 16px);
+}
+.adyen-kyc-card__header + .adyen-kyc-card__body {
+  padding-top: var(--adyen-sdk-spacer-000, 0px);
+}
+
+.adyen-kyc-card__footer {
+  padding: var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-090, 24px);
+}
+.adyen-kyc-card__body + .adyen-kyc-card__footer {
+  margin-top: calc(var(--adyen-sdk-spacer-070, 16px) * -1);
+}
+
+.adyen-kyc-card__warning {
+  border-radius: 0 0 var(--adyen-sdk-border-radius-s, 4px) var(--adyen-sdk-border-radius-s, 4px);
+}.adyen-kyc-skeleton {
+  width: 100%;
+  height: 100%;
+  background-color: var(--adyen-sdk-color-outline-secondary, #c9cdd3);
+  border-radius: var(--adyen-sdk-border-radius-m, 8px);
+  animation: 2s ease-in-out 0.5s infinite normal none running adyen-kyc-skeleton;
+}
+
+.adyen-kyc-skeleton-circle {
+  border-radius: 50%;
+}
+
+.adyen-kyc-skeleton-text {
+  height: 1em !important;
+  margin: 0.2em 0 !important;
+}
+
+@keyframes adyen-kyc-skeleton {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.4;
+  }
+  100% {
+    opacity: 1;
+  }
+}.adyen-kyc-prefer-instant-verification-method {
+  display: block;
+  text-align: center;
+}
+.adyen-kyc-prefer-instant-verification-method-card {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: var(--adyen-sdk-spacer-070, 16px);
+}
+.adyen-kyc-prefer-instant-verification-method-image {
+  width: 50%;
+  margin-bottom: var(--adyen-sdk-spacer-090, 24px);
+}
+.adyen-kyc-prefer-instant-verification-method-instant-button {
+  margin-top: var(--adyen-sdk-spacer-070, 16px);
+}
+.adyen-kyc-prefer-instant-verification-method-instant-button svg {
+  height: 1.5rem;
+}
+.adyen-kyc-prefer-instant-verification-method-manual-button {
+  margin-top: var(--adyen-sdk-spacer-030, 6px);
+}
+.adyen-kyc-prefer-instant-verification-method-manual-button-dark {
+  color: var(--adyen-sdk-color-label-secondary, #5c687c);
 }.adyen-kyc-individual .adyen-kyc-form {
   margin-bottom: var(--adyen-sdk-spacer-070, 16px);
 }.adyen-kyc-additional-information {
@@ -2373,101 +2545,6 @@ button[disabled]:hover {
 /* #endregion */
 /* #region Inline components */
 /* #endregion */
-.adyen-kyc-card {
-  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: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
-  border-radius: var(--adyen-sdk-border-radius-l, 12px);
-  display: block;
-  outline: none;
-}
-.adyen-kyc-card *,
-.adyen-kyc-card *::before,
-.adyen-kyc-card *::after {
-  box-sizing: border-box;
-}
-
-.adyen-kyc-card.adyen-kyc-card--stateful {
-  border-color: var(--adyen-sdk-color-outline-primary, #dbdee2);
-  cursor: pointer;
-  transition-duration: 0.2s;
-  transition-property: border-color, box-shadow;
-  transition-timing-function: ease;
-  position: relative;
-  z-index: 0;
-}
-.adyen-kyc-card.adyen-kyc-card--stateful:hover {
-  border-color: var(--adyen-sdk-color-outline-primary-hover, #c9cdd3);
-  z-index: 1;
-}
-.adyen-kyc-card.adyen-kyc-card--stateful:focus, .adyen-kyc-card.adyen-kyc-card--stateful:active {
-  z-index: 2;
-  box-shadow: var(--adyen-sdk-shadow-medium, 0px 6px 12px rgba(0, 17, 44, 0.08), 0px 2px 4px rgba(0, 17, 44, 0.04));
-}
-
-.adyen-kyc-card.adyen-kyc-card--active {
-  border-color: var(--adyen-sdk-color-outline-primary, #dbdee2);
-  cursor: pointer;
-  transition-duration: 0.2s;
-  transition-property: border-color, box-shadow;
-  transition-timing-function: ease;
-}
-.adyen-kyc-card.adyen-kyc-card--active, .adyen-kyc-card.adyen-kyc-card--active:active, .adyen-kyc-card.adyen-kyc-card--active:hover {
-  border-color: var(--adyen-sdk-color-outline-primary-active, #00112c);
-}
-.adyen-kyc-card.adyen-kyc-card--active:focus, .adyen-kyc-card.adyen-kyc-card--active:active {
-  box-shadow: var(--adyen-sdk-shadow-medium, 0px 6px 12px rgba(0, 17, 44, 0.08), 0px 2px 4px rgba(0, 17, 44, 0.04));
-}
-
-.adyen-kyc-card.adyen-kyc-card--disabled {
-  background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
-  color: var(--adyen-sdk-color-label-disabled, #8d95a3);
-  cursor: not-allowed;
-}
-
-.adyen-kyc-card__header {
-  padding: var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-090, 24px);
-}
-.adyen-kyc-card__header--button {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-.adyen-kyc-card__header .adyen-kyc-card-title {
-  display: flex;
-  flex-direction: column;
-}
-
-.adyen-kyc-card__body {
-  padding: var(--adyen-sdk-spacer-070, 16px);
-}
-.adyen-kyc-card__header + .adyen-kyc-card__body {
-  padding-top: var(--adyen-sdk-spacer-000, 0px);
-}
-
-.adyen-kyc-card__footer {
-  padding: var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-090, 24px);
-}
-.adyen-kyc-card__body + .adyen-kyc-card__footer {
-  margin-top: calc(var(--adyen-sdk-spacer-070, 16px) * -1);
-}
-
-.adyen-kyc-card__warning {
-  border-radius: 0 0 var(--adyen-sdk-border-radius-s, 4px) var(--adyen-sdk-border-radius-s, 4px);
-}/* #region Borders */
-/* #endregion */
-/* #region Z-index */
-/* #endregion */
-/* #region Timing functions */
-/* #endregion */
-/* #region Inline components */
-/* #endregion */
 .adyen-kyc-card-group > .adyen-kyc-card + .adyen-kyc-card {
   margin-top: -1px;
   border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
@@ -2491,9 +2568,7 @@ button[disabled]:hover {
 }
 .adyen-kyc-card-group-spaced .adyen-kyc-card {
   margin-top: -1px;
-  transition-duration: 0.3s;
-  transition-property: min-height;
-  transition-timing-function: ease;
+  transition: min-height 0.3s ease !important;
   min-height: 80px;
 }
 .adyen-kyc-card-group-spaced .adyen-kyc-card--active {
@@ -3718,13 +3793,6 @@ button[disabled]:hover {
   height: 48px;
   margin-top: calc(var(--adyen-sdk-spacer-020, 4px) * -1);
   padding-top: var(--adyen-sdk-spacer-020, 4px);
-}.adyen-contract-viewer .adyen-document-viewer {
-  --adv-text-color: var(--adyen-sdk-color-label-primary, #00112c);
-  --adv-accordion-header-color: var(--adyen-sdk-color-label-primary, #00112c);
-  --adv-text-font-family: var(--adyen-sdk-text-body-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
-  --adv-background-color: var(--adyen-sdk-color-background-primary, #ffffff);
-}.adyen-kyc-signed-alert:last-of-type {
-  margin-top: var(--adyen-sdk-spacer-070, 16px);
 }.adyen-kyc-splashscreen {
   height: 100%;
   display: flex;
@@ -3748,33 +3816,13 @@ button[disabled]:hover {
   color: var(--adyen-sdk-color-label-on-color, #ffffff);
   background-color: var(--adyen-sdk-color-background-success-strong, #07893c);
   outline: 0.5em solid var(--adyen-sdk-color-background-success-weak, #edfaf3);
-}.adyen-kyc-skeleton {
-  width: 100%;
-  height: 100%;
-  background-color: var(--adyen-sdk-color-outline-secondary, #c9cdd3);
-  border-radius: var(--adyen-sdk-border-radius-m, 8px);
-  animation: 2s ease-in-out 0.5s infinite normal none running adyen-kyc-skeleton;
-}
-
-.adyen-kyc-skeleton-circle {
-  border-radius: 50%;
-}
-
-.adyen-kyc-skeleton-text {
-  height: 1em !important;
-  margin: 0.2em 0 !important;
-}
-
-@keyframes adyen-kyc-skeleton {
-  0% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.4;
-  }
-  100% {
-    opacity: 1;
-  }
+}.adyen-contract-viewer .adyen-document-viewer {
+  --adv-text-color: var(--adyen-sdk-color-label-primary, #00112c);
+  --adv-accordion-header-color: var(--adyen-sdk-color-label-primary, #00112c);
+  --adv-text-font-family: var(--adyen-sdk-text-body-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  --adv-background-color: var(--adyen-sdk-color-background-primary, #ffffff);
+}.adyen-kyc-signed-alert:last-of-type {
+  margin-top: var(--adyen-sdk-spacer-070, 16px);
 }/* #region Borders */
 /* #endregion */
 /* #region Z-index */
@@ -3818,6 +3866,7 @@ button[disabled]:hover {
 
 .adyen-kyc-embedded-status:hover:not(.adyen-kyc-embedded-status-loading) {
   background-color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
+  transition: background-color 0.2s;
 }
 
 .adyen-kyc-embedded-status-avatar {
@@ -3830,9 +3879,6 @@ button[disabled]:hover {
   color: var(--adyen-sdk-color-label-inverse-primary, #ffffff);
   background-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
 }
-.adyen-kyc-embedded-status-avatar .adyen-kyc-embedded-status-icon svg {
-  height: 100%;
-}
 
 .adyen-kyc-embedded-status-info {
   display: flex;
@@ -4496,6 +4542,16 @@ button[disabled]:hover {
 }
 .adyen-layout-xs-only .adyen-kyc-ui-element-container {
   padding: var(--adyen-sdk-spacer-040, 8px);
+}
+
+/*
+* Compatibility later to ensure components do NOT receive extra padding
+* as is the case with dropins, without breaking dropins.
+* Once the Component Layout has been done `.adyen-kyc-externalComponent`
+* can be safely removed everywere.
+*/
+.adyen-kyc-ui-element-container:has(.adyen-kyc-externalComponent) {
+  padding: 0;
 }/* #region Borders */
 /* #endregion */
 /* #region Z-index */

package/dist/types/components/AdditionalInformation/VerifiedBusinessCard.d.ts

@@ -1,6 +1,6 @@
 import './VerifiedBusinessCard.scss';
 import type { CompanyDatasetResponse } from '../../core/models/api/company-search';
-import type { AddressSchema } from '../../types';
+import type { AddressSchema } from '../internal/Address/types';
 interface VerifiedBusinessDataProps {
     verifiedBusiness: CompanyDatasetResponse | undefined;
     verifiedAddress: AddressSchema | undefined;

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

@@ -2,5 +2,14 @@ import type { CompanyDatasetResponse } from '../../core/models/api/company-searc
 import type { ValidatorMode } from '../../utils/validation/types';
 import type { AddressSchema } from '../internal/Address/types';
 import type { AdditionalInformationSchema } from './types';
+/**
+ * Parses the nested trusted fields on a legal entity e.g. ['registrationAddress.address', 'registrationAddress.postalCode']
+ *
+ * @param field - field in formSchema
+ * @param data - data in useForm
+ * @param trustedFields - trustedFields on legal entity
+ * @returns An array of the nested field keys that are trusted
+ */
+export declare const getNestedTrustedFields: <FormSchema>(field: keyof FormSchema, data: FormSchema | undefined, trustedFields: string[] | undefined) => Array<keyof FormSchema>;
 export declare const mapAddressData: (verifiedBusiness: CompanyDatasetResponse) => AddressSchema;
 export declare const applyVerifiedBusinessData: (verifiedBusiness: CompanyDatasetResponse | undefined, handleChangeFor: (key: keyof AdditionalInformationSchema, mode?: ValidatorMode) => (e: any) => void) => void;

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

@@ -1,7 +1,6 @@
 import type { Dispatch, StateUpdater } from 'preact/hooks';
 import type { HookStatus } from '../../core/hooks/types';
 import type { CompanyDatasetResponse, CompanySearchResult } from '../../core/models/api/company-search';
-import type { ProvinceCode } from '../../core/models/province-code';
 import type { StateCode } from '../../core/models/state-code';
 export interface BusinessSelectionProps {
     showCompanyStructure: boolean;
@@ -11,7 +10,7 @@ export interface BusinessSelectionProps {
     resettingTrustedData: HookStatus;
     searchResults: CompanySearchResult[] | undefined;
     invalidTin: boolean;
-    fetchBusinessData: (company: CompanySearchResult, state?: StateCode | ProvinceCode) => Promise<CompanyDatasetResponse | undefined>;
+    fetchBusinessData: (company: CompanySearchResult, state?: StateCode) => Promise<CompanyDatasetResponse | undefined>;
     verifyBusinessData: (data: CompanyDatasetResponse, tin: string) => Promise<boolean | undefined>;
     resetTinVerification: () => void;
     proceedToManualDataEntry: () => Promise<void>;

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

@@ -6,6 +6,7 @@ import type { CompanySchema } from './types';
 export declare const COUNTRIES_THAT_DONT_REQUIRE_SOLE_PROP_REGISTRATION: CountryCode[];
 export declare const COUNTRIES_THAT_DONT_REQUIRE_COMPANY_REGISTRATION: CountryCode[];
 export declare const COUNTRIES_WITH_POSSIBLE_REGISTRATION_EXEMPTIONS_FOR_SOLE_PROPS: CountryCode[];
+export declare const COUNTRIES_WITH_POSSIBLE_REGISTRATION_EXEMPTIONS_FOR_ORGANIZATIONS: CountryCode[];
 export declare const COUNTRIES_WITH_OPTIONAL_REGISTRATION_NUMBER: CountryCode[];
 /**
  *  Also used to determine what documenttype needs to be used

package/dist/types/components/Dropins/PciDropin/components/PciDropinComponent.d.ts

@@ -1,2 +1,3 @@
 import type { PciDropinProps } from '../types';
-export declare function PciDropinComponent({ legalEntityResponse, pciTemplateResponse, handleHomeClick, handleSign, taskType, trackingConfig, asEmbedded, asModal, handleCloseClick, }: PciDropinProps): import("preact").JSX.Element;
+export declare function PciDropinComponent({ legalEntityResponse, pciTemplateResponse, handleHomeClick, handleSign, taskType, trackingConfig, asEmbedded, asModal, needsSigning, // TODO: move up to upcoming layout
+handleCloseClick, }: PciDropinProps): import("preact").JSX.Element;

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

@@ -13,4 +13,5 @@ export interface PciDropinProps extends DropinProps {
     handleCloseClick?(): void;
     asEmbedded?: boolean;
     asModal?: boolean;
+    needsSigning?: boolean;
 }

package/dist/types/components/EmbeddedDropins/CreateIndividualComponent/CreateIndividualComponent.d.ts

@@ -4,7 +4,6 @@ import type { TaskTypes } from '../../TaskList/types';
 interface CreateIndividualComponentPropsBase {
     taskType?: TaskTypes;
     onSubmitSuccess?(data: IndividualSchema): void;
-    handleBackClick?(): void;
     modalView?: boolean;
     onClose?(): void;
     onUnmount?(): void;
@@ -13,5 +12,5 @@ export type CreateIndividualComponentProps = CreateIndividualComponentPropsBase
     parentLegalEntityId: string;
     legalEntityId: string;
 }, 'parentLegalEntityId' | 'legalEntityId'>;
-export declare function CreateIndividualComponent({ parentLegalEntityId, legalEntityId, taskType, onSubmitSuccess, handleBackClick, modalView, onClose, onUnmount, }: CreateIndividualComponentProps): import("preact").JSX.Element;
+export declare function CreateIndividualComponent({ parentLegalEntityId, legalEntityId, taskType, onSubmitSuccess, modalView, onClose, onUnmount, }: CreateIndividualComponentProps): import("preact").JSX.Element;
 export {};