@adyen/kyc-components 4.0.0-compact.1 → 4.0.0-compact.3

package/dist/{Address-YjoUtTTT.js → Address-e41CN3CB.js}

@@ -2,34 +2,23 @@
 {
   try {
     let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
-    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "20793b65-4a61-49e1-9309-67558356b375", e._sentryDebugIdIdentifier = "sentry-dbid-20793b65-4a61-49e1-9309-67558356b375");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "fb848dc5-e8b2-4e4f-858f-c5be9fc9a9f6", e._sentryDebugIdIdentifier = "sentry-dbid-fb848dc5-e8b2-4e4f-858f-c5be9fc9a9f6");
   } catch (e) {
   }
 }
 ;
-import { az as entriesOf, b as useApiContext, j as useQuery, k as httpPost, o as httpGet, a as useTranslation, V as Icon, U as useAnalyticsContext, w as translateStringOrObject, a8 as CountryCodes, aW as getFormattingRegEx, aU as trimValWithOneSpace, aX as SPECIAL_CHARS, N as createLogger, ap as matchesRegex, an as hasText, ao as isValidMinLength, aq as NO_ALPHABET_REGEX, ar as EMOJI_REGEX, as as hasRepeatedCharacters, at as isInvalidName, aV as INDIVIDUAL_VALID_CHAR_REGEX, u as useI18nContext, X as useExperimentsContext, bt as getMaxLengthByFieldAndCountry } from "./StoreProvider-D4cRWOo4.js";
-import { jsxs, Fragment, jsx } from "preact/jsx-runtime";
-import { useCallback, useState, useMemo, useEffect } from "preact/hooks";
-import { F as Field, c as Select, a as useForm } from "./useForm-Bikkn7wR.js";
-import { c as createFormUtils, C as CountryField } from "./CountryField-50Iboayh.js";
-import { I as InputText } from "./InputText-CnEQJihB.js";
-import { u as useDebouncedCallback } from "./analytics-Cg99WKif.js";
-import { u as useDataset, d as datasetIdentifier } from "./useDataset-B8uRm9G9.js";
-import { C as COUNTRIES_WITH_STATES_DATASET, c as getKeyForField, d as COUNTRIES_WITH_HOUSE_NUMBER_FIRST, g as getAddressSchemaForCountry, e as CONDENSED_ADDRESS_FIELDS } from "./utils-B7kcMyYW.js";
-const operationalAddressIsSameIds = {
-  OPERATIONAL_ADDRESS_IS_SAME: "OperationAddressAnswerYes",
-  OPERATIONAL_ADDRESS_IS_NOT_SAME: "OperationAddressAnswerNo"
-};
-const operationalAddressIsSameItems = [
-  {
-    id: operationalAddressIsSameIds.OPERATIONAL_ADDRESS_IS_SAME,
-    name: "operationalAddressIsSameItemName"
-  },
-  {
-    id: operationalAddressIsSameIds.OPERATIONAL_ADDRESS_IS_NOT_SAME,
-    name: "operationalAddressIsNotSameItemName"
-  }
-];
+import { useContext, useMemo, useCallback, useState, useEffect } from "preact/hooks";
+import { createContext } from "preact";
+import { jsxs, jsx, Fragment } from "preact/jsx-runtime";
+import cx from "classnames";
+import { u as useTranslation, a2 as useAnalyticsContext, a4 as noop, b as useApiContext, j as useQuery, k as httpPost, m as httpGet, a3 as Icon, z as translateStringOrObject, C as CountryCodes, aO as getFormattingRegEx, aP as SPECIAL_CHARS, aQ as trimValWithOneSpace, P as createLogger, aE as matchesRegex, aC as hasText, aD as isValidMinLength, aF as NO_ALPHABET_REGEX, aG as EMOJI_REGEX, aI as isInvalidName, aR as ADDRESS_VALID_CHAR_REGEX, aH as hasRepeatedCharacters, V as useI18nContext, X as useExperimentsContext, a0 as entriesOf, aS as getMaxLengthByFieldAndCountry } from "./StoreProvider-jtUYKLRz.js";
+import { b as useId } from "./useToastContext-FI3dwzzs.js";
+import { R as Radio, s as summaryItem, c as createFormUtils, C as CountryField } from "./CountryField-CzRN1OE8.js";
+import { a as InputBase, I as InputText } from "./InputText-BfL9DgWp.js";
+import { F as Field, S as Select, u as useForm } from "./useForm-DLxHtZTP.js";
+import { u as useDebouncedCallback } from "./debouncedInputEvent-HhImBs4O.js";
+import { u as useDataset, d as datasetIdentifier } from "./useDataset-8WyOJBhU.js";
+const FormContext = createContext(null);
 const getNestedTrustedFields = (field, data, trustedFields) => {
   if (trustedFields && data?.[field] && typeof data[field] === "object") {
     return trustedFields.reduce(
@@ -52,20 +41,6 @@ const mapAddressData = (verifiedBusiness) => ({
   postalCode: verifiedBusiness.zipCode ?? "",
   stateOrProvince: verifiedBusiness.state ?? ""
 });
-const applyVerifiedBusinessData = (verifiedBusiness, handleChangeFor) => {
-  if (!verifiedBusiness) return;
-  entriesOf(verifiedBusiness).forEach(([key, value]) => {
-    switch (key) {
-      case "isPrincipalAddress":
-        if (value)
-          handleChangeFor(
-            "operationalAddressIsSame",
-            "input"
-          )(operationalAddressIsSameIds.OPERATIONAL_ADDRESS_IS_NOT_SAME);
-        break;
-    }
-  });
-};
 const isDateOlderThanAYear = (dateString) => {
   if (!dateString) {
     return false;
@@ -79,6 +54,117 @@ const isDateOlderThanAYear = (dateString) => {
   oneYearAgo.setFullYear(oneYearAgo.getFullYear() - 1);
   return inputDate.getTime() < oneYearAgo.getTime();
 };
+function useFormContext() {
+  const context = useContext(FormContext);
+  return context;
+}
+const RadioWithLabel = ({
+  value,
+  label,
+  content,
+  groupName,
+  checked = false,
+  disabled = false,
+  onClick
+}) => {
+  const id = useId("radio");
+  return /* @__PURE__ */ jsxs("label", { htmlFor: id, className: "adyen-kyc-input-radio", children: [
+    /* @__PURE__ */ jsx(
+      Radio,
+      {
+        id,
+        checked,
+        groupName,
+        onClick,
+        value,
+        disabled
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-input-radio__content", children: [
+      /* @__PURE__ */ jsx("span", { className: "adyen-kyc-input-radio__label adyen-kyc-label__text", children: label }),
+      content
+    ] })
+  ] });
+};
+function RadioGroup({
+  items = [],
+  name,
+  onChange = noop,
+  value,
+  disabled = false,
+  horizontal = false,
+  showContentOnlyOnSelected = false,
+  className,
+  enableTracking = false
+}) {
+  const { t, i18n } = useTranslation("common");
+  const userEvents = useAnalyticsContext();
+  const handleChange = (id) => {
+    if (enableTracking) {
+      userEvents.addFieldEvent("Interacted with form field", {
+        actionType: "input",
+        field: name,
+        returnValue: value
+      });
+    }
+    onChange(id);
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cx([
+        "adyen-kyc-radio-group",
+        { "adyen-kyc-radio-group--horizontal": horizontal },
+        className
+      ]),
+      children: items.map((item) => {
+        const isSelected = item.id === value;
+        const visibleContent = isSelected || !showContentOnlyOnSelected ? item.content : void 0;
+        const keyExists = i18n.exists(item.name, { ns: "common" });
+        return /* @__PURE__ */ jsx(
+          RadioWithLabel,
+          {
+            value: item.id,
+            label: keyExists ? t(($) => $[item.name]) : item.name,
+            content: visibleContent,
+            groupName: name,
+            checked: isSelected,
+            disabled,
+            onClick: () => handleChange(item.id)
+          },
+          item.id
+        );
+      })
+    }
+  );
+}
+const checkDateInputSupport = () => {
+  const input = document.createElement("input");
+  input.setAttribute("type", "date");
+  return input.type === "date";
+};
+const formatDate = (value) => {
+  const date = value.replace(/\D|\s/g, "").replace(/^(00)(.*)?/, "01$2").replace(/^(3[2-9])(.*)?/, "0$1$2").replace(/^([4-9])(.*)?/, "0$1").replace(/^([0-9]{2})(00)(.*)?/, "$101").replace(/^(3[01])(02)(.*)?/, "29$2").replace(/^([0-9]{2})([2-9]|1[3-9])(.*)?/, "$10$2").replace(/^([0-9]{2})([0-9]{2})([0-9])/, "$1/$2/$3").replace(/^([0-9]{2})([0-9])/, "$1/$2");
+  const [day = "", month = "", year = ""] = date.split("/");
+  if (year.length === 4 && day === "29" && month === "02" && (Number(year) % 4 !== 0 || year.substring(2, 4) === "00" && Number(year) % 400 !== 0)) {
+    return date.replace(/^29/, "28");
+  }
+  return date;
+};
+const formatDateObj = (date) => date.toJSON().slice(0, 10);
+function InputDate(props) {
+  const isDateInputSupported = useMemo(checkDateInputSupport, []);
+  const { onInput } = props;
+  const handleInput = (e) => {
+    const { value } = e.currentTarget;
+    e.currentTarget.value = formatDate(value);
+    onInput(e);
+  };
+  if (isDateInputSupported) {
+    return /* @__PURE__ */ jsx(InputBase, { ...props, type: "date" });
+  }
+  return /* @__PURE__ */ jsx(InputBase, { ...props, onInput: handleInput, maxLength: 10 });
+}
 const cleanseAddress = async (legalEntityId, baseUrl, data) => {
   return httpPost(
     {
@@ -345,6 +431,150 @@ const formatAddressResult = (item) => {
   }
   return item;
 };
+const addressFields = [
+  "address",
+  "otherAddressInformation",
+  "postalCode",
+  "city",
+  "stateOrProvince",
+  "country"
+];
+const [ADDRESS, OTHER_ADDRESS_INFORMATION, POSTAL_CODE, CITY, STATE, COUNTRY] = addressFields;
+const COUNTRIES_WITH_STATES_DATASET = [
+  CountryCodes.Australia,
+  CountryCodes.Brazil,
+  CountryCodes.Canada,
+  CountryCodes.NewZealand,
+  CountryCodes.UnitedStates,
+  CountryCodes.Japan
+];
+const COUNTRIES_WITH_HOUSE_NUMBER_FIRST = [
+  CountryCodes.Australia,
+  CountryCodes.Canada,
+  CountryCodes.NewZealand,
+  CountryCodes.PuertoRico,
+  CountryCodes.UnitedStates,
+  CountryCodes.UnitedKingdom,
+  CountryCodes.France
+];
+const ADDRESS_SCHEMAS = {
+  [CountryCodes.Australia]: [COUNTRY, ADDRESS, OTHER_ADDRESS_INFORMATION, CITY, STATE, POSTAL_CODE],
+  [CountryCodes.Canada]: [COUNTRY, ADDRESS, OTHER_ADDRESS_INFORMATION, CITY, POSTAL_CODE, STATE],
+  [CountryCodes.UnitedKingdom]: [COUNTRY, ADDRESS, OTHER_ADDRESS_INFORMATION, CITY, POSTAL_CODE],
+  [CountryCodes.UnitedStates]: [
+    COUNTRY,
+    ADDRESS,
+    OTHER_ADDRESS_INFORMATION,
+    CITY,
+    STATE,
+    POSTAL_CODE
+  ],
+  [CountryCodes.PuertoRico]: [
+    // should exactly match CountryCodes.UnitedStates
+    COUNTRY,
+    ADDRESS,
+    OTHER_ADDRESS_INFORMATION,
+    CITY,
+    POSTAL_CODE
+  ],
+  [CountryCodes.HongKong]: [COUNTRY, ADDRESS, OTHER_ADDRESS_INFORMATION, CITY, STATE],
+  [CountryCodes.NewZealand]: [
+    COUNTRY,
+    ADDRESS,
+    OTHER_ADDRESS_INFORMATION,
+    POSTAL_CODE,
+    CITY,
+    STATE
+  ],
+  [CountryCodes.UnitedArabEmirates]: [COUNTRY, ADDRESS, OTHER_ADDRESS_INFORMATION, CITY],
+  default: [COUNTRY, ADDRESS, OTHER_ADDRESS_INFORMATION, POSTAL_CODE, CITY, STATE]
+};
+const CONDENSED_ADDRESS_FIELDS = {
+  [CountryCodes.UnitedStates]: [CITY, STATE, POSTAL_CODE]
+};
+const LABELS = {
+  city: {
+    default: CITY,
+    [CountryCodes.UnitedKingdom]: "cityTown"
+  },
+  country: {
+    default: COUNTRY
+  },
+  otherAddressInformation: {
+    default: OTHER_ADDRESS_INFORMATION,
+    [CountryCodes.Canada]: "apartmentSuiteOther",
+    [CountryCodes.PuertoRico]: "apartmentSuiteOther",
+    // should exactly match CountryCodes.UnitedStates
+    [CountryCodes.UnitedStates]: "apartmentSuiteOther"
+  },
+  postalCode: {
+    default: POSTAL_CODE,
+    [CountryCodes.PuertoRico]: "zipCode",
+    // should exactly match CountryCodes.UnitedStates
+    [CountryCodes.UnitedStates]: "zipCode"
+  },
+  stateOrProvince: {
+    default: STATE,
+    [CountryCodes.Australia]: "state",
+    [CountryCodes.Brazil]: "state",
+    [CountryCodes.Canada]: "provinceOrTerritory",
+    [CountryCodes.NewZealand]: "region",
+    [CountryCodes.UnitedStates]: "state"
+  },
+  stateOrProvince__placeHolder: {
+    default: "stateOrProvince__placeHolder",
+    [CountryCodes.Australia]: "selectState",
+    [CountryCodes.Brazil]: "selectState",
+    [CountryCodes.Canada]: "selectProvinceOrTerritory",
+    [CountryCodes.UnitedStates]: "stateOrProvince__placeHolder__US"
+  },
+  address: {
+    default: ADDRESS
+  }
+};
+const getKeyForField = (fieldName, country) => country ? LABELS[fieldName][country] || LABELS[fieldName].default : LABELS[fieldName].default;
+const getAddressSchemaForCountry = (country) => country && ADDRESS_SCHEMAS[country] ? ADDRESS_SCHEMAS[country] : ADDRESS_SCHEMAS.default;
+const getAddressSchemaLabelsByCountry = (country) => {
+  const schema = getAddressSchemaForCountry(country);
+  return schema.reduce(
+    (labels, field) => ({
+      ...labels,
+      [field]: getKeyForField(field, country)
+    }),
+    {}
+  );
+};
+const mapAddressLabels = (data, datasetUtils) => {
+  if (data?.country) {
+    const addressSchema = getAddressSchemaForCountry(data.country);
+    return addressSchema.reduce((mappedAddress, field) => {
+      const labelKey = getKeyForField(field, data.country);
+      const value = data?.[field];
+      if (!value) return mappedAddress;
+      switch (field) {
+        case "country":
+          return {
+            ...mappedAddress,
+            [field]: summaryItem(
+              labelKey,
+              datasetUtils.getCountryName(value) ?? value
+            )
+          };
+        case "stateOrProvince":
+          return {
+            ...mappedAddress,
+            [field]: summaryItem(
+              labelKey,
+              datasetUtils.getStateName(value, data.country) ?? value
+            )
+          };
+        default:
+          return { ...mappedAddress, [field]: summaryItem(labelKey, value) };
+      }
+    }, {});
+  }
+  return data;
+};
 const STATE_FIELD = ["stateOrProvince"];
 function StateField({
   data,
@@ -780,7 +1010,7 @@ const addressValidationRulesV4 = (country, i18n) => {
       },
       {
         modes: ["blur"],
-        validate: (val) => !matchesRegex(EMOJI_REGEX, val) && !hasRepeatedCharacters(val) && !isInvalidName(val) && matchesRegex(INDIVIDUAL_VALID_CHAR_REGEX, val),
+        validate: (val) => !matchesRegex(EMOJI_REGEX, val) && !hasRepeatedCharacters(val) && !isInvalidName(val) && matchesRegex(ADDRESS_VALID_CHAR_REGEX, val),
         errorMessage: "checkForTypos"
       },
       {
@@ -821,7 +1051,7 @@ const addressValidationRulesV4 = (country, i18n) => {
       },
       {
         modes: ["blur"],
-        validate: (val) => !matchesRegex(EMOJI_REGEX, val) && !hasRepeatedCharacters(val) && !isInvalidName(val) && matchesRegex(INDIVIDUAL_VALID_CHAR_REGEX, val),
+        validate: (val) => !matchesRegex(EMOJI_REGEX, val) && !hasRepeatedCharacters(val) && !isInvalidName(val),
         errorMessage: "checkForTypos"
       },
       {
@@ -866,7 +1096,7 @@ const addressValidationRulesV4 = (country, i18n) => {
       },
       {
         modes: ["blur"],
-        validate: (val) => !matchesRegex(EMOJI_REGEX, val) && !hasRepeatedCharacters(val) && !isInvalidName(val) && matchesRegex(INDIVIDUAL_VALID_CHAR_REGEX, val),
+        validate: (val) => !matchesRegex(EMOJI_REGEX, val) && !isInvalidName(val) && matchesRegex(ADDRESS_VALID_CHAR_REGEX, val),
         errorMessage: "checkForTypos"
       }
     ]
@@ -1060,17 +1290,28 @@ function Address({
 }
 export {
   Address as A,
+  COUNTRIES_WITH_STATES_DATASET as C,
+  FormContext as F,
+  InputDate as I,
+  RadioGroup as R,
   STATE_FIELD as S,
-  addressValidators as a,
-  addressFormatters as b,
-  useAddressCleanse as c,
-  StateField as d,
-  applyVerifiedBusinessData as e,
-  formatAddressForCleanse as f,
-  getNestedTrustedFields as g,
-  operationalAddressIsSameItems as h,
+  useAddressCleanse as a,
+  formatAddressForCleanse as b,
+  getNestedTrustedFields as c,
+  getAddressSchemaLabelsByCountry as d,
+  StateField as e,
+  formatDateObj as f,
+  getAddressSchemaForCountry as g,
+  useProviderStatus as h,
   isDateOlderThanAYear as i,
+  addressFields as j,
+  RadioWithLabel as k,
+  addressValidators as l,
   mapAddressData as m,
-  operationalAddressIsSameIds as o,
-  useProviderStatus as u
+  addressFormatters as n,
+  mapAddressLabels as o,
+  getKeyForField as p,
+  addressValidationRulesV4 as q,
+  addressValidationRules as r,
+  useFormContext as u
 };

package/dist/{Alert-C_-UwoDE.js → Alert-Dk-oZlnx.js}

@@ -2,7 +2,7 @@
 {
   try {
     let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
-    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "32faae4d-5bf2-4460-9b0b-2ef0311b9d8b", e._sentryDebugIdIdentifier = "sentry-dbid-32faae4d-5bf2-4460-9b0b-2ef0311b9d8b");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "ed468fda-2072-42fc-b9cc-fb23905a9c4d", e._sentryDebugIdIdentifier = "sentry-dbid-ed468fda-2072-42fc-b9cc-fb23905a9c4d");
   } catch (e) {
   }
 }
@@ -11,80 +11,8 @@ import { jsxs, jsx } from "preact/jsx-runtime";
 import cx from "classnames";
 import { isValidElement } from "preact";
 import { useState } from "preact/hooks";
-import { defineSlots } from "named-slots";
-import { V as Icon, x as Typography, v as Skeleton, a as useTranslation, B as Button } from "./StoreProvider-D4cRWOo4.js";
-const accordion = "adyen-kyc-accordion";
-const accordionSummary = "adyen-kyc-accordion-summary";
-const accordionBasic = "adyen-kyc-accordion-basic";
-const accordionInfo = "adyen-kyc-accordion-info";
-const accordionError = "adyen-kyc-accordion-error";
-const accordionWarning = "adyen-kyc-accordion-warning";
-const accordionSuccess = "adyen-kyc-accordion-success";
-const accordionNarrow = "adyen-kyc-accordion-narrow";
-const accordionContent = "adyen-kyc-accordion-content";
-const accordionWithIcon = "adyen-kyc-accordion-with-icon";
-const accordionArrow = "adyen-kyc-accordion-arrow";
-const accordionArrowRight = "adyen-kyc-accordion-arrow-right";
-const styles$1 = {
-  accordion,
-  accordionSummary,
-  accordionBasic,
-  accordionInfo,
-  accordionError,
-  accordionWarning,
-  accordionSuccess,
-  accordionNarrow,
-  accordionContent,
-  accordionWithIcon,
-  accordionArrow,
-  accordionArrowRight
-};
-const Accordion = ({
-  children,
-  expandOnLeft = false,
-  onToggle,
-  className,
-  variant = "basic",
-  narrow = false
-}) => {
-  const { Slot } = defineSlots(children, ["title", "content", "icon"]);
-  const handleToggle = (e) => {
-    if (!onToggle) return;
-    onToggle(e.newState === "closed" ? "close" : "open");
-  };
-  const variantMap2 = {
-    basic: styles$1.accordionBasic,
-    info: styles$1.accordionInfo,
-    error: styles$1.accordionError,
-    warning: styles$1.accordionWarning,
-    success: styles$1.accordionSuccess
-  };
-  return /* @__PURE__ */ jsxs(
-    "details",
-    {
-      onToggle: handleToggle,
-      className: cx(className, styles$1.accordion, variantMap2[variant], {
-        [styles$1.accordionWithIcon]: expandOnLeft,
-        [styles$1.accordionNarrow]: narrow
-      }),
-      children: [
-        /* @__PURE__ */ jsxs("summary", { className: styles$1.accordionSummary, children: [
-          expandOnLeft && /* @__PURE__ */ jsx(Icon, { name: "chevron-down", className: styles$1.accordionArrow }),
-          /* @__PURE__ */ jsx(Slot, { name: "icon" }),
-          /* @__PURE__ */ jsx(Typography, { el: "h3", variant: "body-strongest", children: /* @__PURE__ */ jsx(Slot, { name: "title", children: /* @__PURE__ */ jsx(Skeleton, {}) }) }),
-          !expandOnLeft && /* @__PURE__ */ jsx(
-            Icon,
-            {
-              name: "chevron-down",
-              className: cx(styles$1.accordionArrow, styles$1.accordionArrowRight)
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: styles$1.accordionContent, children: /* @__PURE__ */ jsx(Slot, { name: "content", children: /* @__PURE__ */ jsx(Skeleton, {}) }) })
-      ]
-    }
-  );
-};
+import { A as Accordion } from "./Accordion-C-BvE1VA.js";
+import { u as useTranslation, G as Typography, B as Button, a3 as Icon } from "./StoreProvider-jtUYKLRz.js";
 const alert = "adyen-kyc-alert";
 const alertWithoutIcon = "adyen-kyc-alert-without-icon";
 const alertExplanation = "adyen-kyc-alert-explanation";
@@ -146,7 +74,7 @@ const Alert = ({
   onClose,
   onToggle
 }) => {
-  const { t } = useTranslation("common");
+  const { t } = useTranslation("ui");
   const [isClosed, setIsClosed] = useState(false);
   if (isClosed) return null;
   const closeAlert = () => {
@@ -214,15 +142,15 @@ const Alert = ({
 const AlertIcon = ({ variant }) => {
   switch (variant) {
     case "success":
-      return /* @__PURE__ */ jsx(Icon, { name: "check" });
+      return /* @__PURE__ */ jsx(Icon, { name: "checkmark" });
     case "error":
-      return /* @__PURE__ */ jsx(Icon, { name: "field-error" });
+      return /* @__PURE__ */ jsx(Icon, { name: "error" });
     case "warning":
       return /* @__PURE__ */ jsx(Icon, { name: "warning" });
     case "info":
     case "basic":
     default:
-      return /* @__PURE__ */ jsx(Icon, { name: "info-circle" });
+      return /* @__PURE__ */ jsx(Icon, { name: "info-circle-filled" });
   }
 };
 export {

package/dist/{Avatar-CeHhAxxR.js → Avatar-efxn8pKz.js}

@@ -2,14 +2,14 @@
 {
   try {
     let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
-    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "cbd3b303-c7ae-4be6-89da-7523ff052670", e._sentryDebugIdIdentifier = "sentry-dbid-cbd3b303-c7ae-4be6-89da-7523ff052670");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "c4328e88-9872-4f10-9873-798d2272e80c", e._sentryDebugIdIdentifier = "sentry-dbid-c4328e88-9872-4f10-9873-798d2272e80c");
   } catch (e) {
   }
 }
 ;
 import { jsx } from "preact/jsx-runtime";
 import cx from "classnames";
-import { V as Icon } from "./StoreProvider-D4cRWOo4.js";
+import { a3 as Icon } from "./StoreProvider-jtUYKLRz.js";
 const avatar = "adyen-kyc-avatar";
 const avatarLabel = "adyen-kyc-avatar-label";
 const avatarPrimary = "adyen-kyc-avatar-primary";

package/dist/{BE-B-m_4F41.js → BE-nWHKW0xQ.js}

@@ -2,14 +2,14 @@
 {
   try {
     let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
-    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "d9c85e3f-7471-48c7-8c6c-690c9d94f53e", e._sentryDebugIdIdentifier = "sentry-dbid-d9c85e3f-7471-48c7-8c6c-690c9d94f53e");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "9885c9df-1114-486a-a482-3d557b14da99", e._sentryDebugIdIdentifier = "sentry-dbid-9885c9df-1114-486a-a482-3d557b14da99");
   } catch (e) {
   }
 }
 ;
 const BE = {
   iban: {
-    bankStatementRequirement: "REQUIRED",
+    bankStatementRequirement: "OPTIONAL",
     defaultCurrency: "EUR",
     fields: [
       "accountHolder",

package/dist/{BG-BVR5ytc-.js → BG-HKzabLqZ.js}

@@ -2,15 +2,15 @@
 {
   try {
     let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
-    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "70c2bd27-d6ad-4baf-b0eb-435716a0e12e", e._sentryDebugIdIdentifier = "sentry-dbid-70c2bd27-d6ad-4baf-b0eb-435716a0e12e");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "573b0abb-2451-4df7-bf92-8a87eae029db", e._sentryDebugIdIdentifier = "sentry-dbid-573b0abb-2451-4df7-bf92-8a87eae029db");
   } catch (e) {
   }
 }
 ;
 const BG = {
   iban: {
-    bankStatementRequirement: "REQUIRED",
-    defaultCurrency: "BGN",
+    bankStatementRequirement: "OPTIONAL",
+    defaultCurrency: "EUR",
     fields: [
       "accountHolder",
       "accountHolderCity",