@adyen/kyc-components 3.91.0 → 3.92.0

package/dist/validate-D4iK6FUk.js

@@ -0,0 +1,385 @@
+;
+{
+  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] = "b9bf7694-a65b-4b16-bbaf-39e18a6bd4b7", e._sentryDebugIdIdentifier = "sentry-dbid-b9bf7694-a65b-4b16-bbaf-39e18a6bd4b7");
+  } catch (e) {
+  }
+}
+;
+import { useCallback, useState, useMemo, useEffect } from "preact/hooks";
+import { b as useApiContext, k as httpPost, C as CountryCodes, as as isEmpty, H as createLogger, u as useTranslation, al as entriesOf } from "./StoreProvider-D9IR5HNN.js";
+import { jsx, jsxs } from "preact/jsx-runtime";
+import { F as Field } from "./Field-B3Vy1-QZ.js";
+import { H as Header } from "./Header-YafgG5Nz.js";
+import { m as makeMask, a as nonInputs, n as numericInputs, s as spacer, M as MaskedInput, I as InputEmail } from "./MaskedInput-Cn0VAuEp.js";
+import { r as resolveFieldMetadata } from "./fieldConfigurations-BUT9DTUH.js";
+import { m as mergeFieldMetadataIntoProps, c as createFormUtils } from "./formUtils-BlVlgetw.js";
+import { S as Select } from "./Select-D1rFT3T8.js";
+import { u as useDataset } from "./useDataset-DfKmlbQd.js";
+import { I as InputGroup } from "./InputGroup-WBfGDV5F.js";
+import { d as datasetIdentifier } from "./datasetUtil-BHQp0-xL.js";
+import { e as emailPattern } from "./basePatterns-BwdnMQxI.js";
+const validatePhoneNumber = (baseUrl, data) => {
+  return httpPost(
+    {
+      baseUrl,
+      path: `validations/phonenumber`
+    },
+    data
+  );
+};
+const useValidatePhoneNumberImperatively = () => {
+  const { baseUrl } = useApiContext();
+  return useCallback(
+    (data) => validatePhoneNumber(baseUrl.value, data),
+    [baseUrl.value]
+  );
+};
+const validatePhoneCountryCodeNotEmptyOnBlur = {
+  modes: ["blur"],
+  validate: (phone) => !isEmpty(phone?.phoneCountryCode),
+  errorMessage: "missingPhoneCountryCode"
+};
+const validatePhoneNumberNotEmpty = {
+  modes: ["blur"],
+  validate: (phone) => !isEmpty(phone?.number),
+  errorMessage: "invalidPhoneNumber"
+};
+const getAsyncPhoneValidationRules = (validatePhoneNumber2) => ({
+  phoneNumber: {
+    asyncValidate: async (phone) => {
+      if (!phone?.number) return false;
+      return (await validatePhoneNumber2({ number: phone.number })).valid;
+    },
+    errorMessage: "invalidPhoneNumber",
+    modes: ["blur"]
+  }
+});
+const defaultValidators = [validatePhoneCountryCodeNotEmptyOnBlur, validatePhoneNumberNotEmpty];
+const defaultFieldMetadata = {
+  label: "phoneNumber",
+  validators: defaultValidators
+};
+const fieldConfig = {
+  [CountryCodes.Albania]: {
+    label: "phoneNumber",
+    validators: defaultValidators,
+    mask: {
+      mask: makeMask(...numericInputs(2), spacer, ...numericInputs(3), spacer, ...numericInputs(4))
+    },
+    placeholder: "phoneNumber__placeholder__AL"
+  },
+  [CountryCodes.AmericanSamoa]: {
+    label: "phoneNumber",
+    validators: defaultValidators,
+    mask: {
+      mask: makeMask(...numericInputs(3), ...nonInputs("-"), ...numericInputs(4))
+    },
+    placeholder: "phoneNumber__placeholder__AS"
+  },
+  [CountryCodes.Netherlands]: {
+    label: "phoneNumber",
+    validators: defaultValidators,
+    mask: { mask: makeMask(...numericInputs(1), spacer, ...numericInputs(8)) },
+    placeholder: "phoneNumber__placeholder__NL"
+  },
+  [CountryCodes.Singapore]: {
+    label: "phoneNumber",
+    validators: defaultValidators,
+    mask: { mask: makeMask(...numericInputs(4), spacer, ...numericInputs(4)) },
+    placeholder: "phoneNumber__placeholder__SG"
+  },
+  [CountryCodes.Japan]: {
+    label: "phoneNumber",
+    validators: defaultValidators,
+    mask: {
+      mask: makeMask(
+        ...numericInputs(2),
+        ...nonInputs("-"),
+        ...numericInputs(4),
+        ...nonInputs("-"),
+        ...numericInputs(4)
+      )
+    },
+    placeholder: "phoneNumber__placeholder__JP"
+  },
+  [CountryCodes.UnitedStates]: {
+    label: "phoneNumber",
+    validators: defaultValidators,
+    mask: {
+      mask: makeMask(
+        ...nonInputs("(", { displayEagerly: false }),
+        ...numericInputs(3),
+        ...nonInputs(")"),
+        spacer,
+        ...numericInputs(3),
+        ...nonInputs("-"),
+        ...numericInputs(4)
+      )
+    },
+    placeholder: "phoneNumber__placeholder__US"
+  }
+};
+const PHONE_FIELD = ["phoneNumber"];
+const logger = createLogger();
+const usePhonePrefixes = () => {
+  const [phonePrefixes, setPhonePrefixes] = useState();
+  useEffect(() => {
+    const loadPhonePrefixes = async () => {
+      const loaded = (await import("./phonePrefixes-CnL40uyX.js")).default;
+      setPhonePrefixes(loaded);
+    };
+    loadPhonePrefixes().catch(logger.error);
+  }, []);
+  return phonePrefixes;
+};
+function PhoneField({
+  country,
+  name = "phoneNumber",
+  data,
+  valid,
+  errors,
+  labels,
+  mask,
+  readonly,
+  optional,
+  placeholders,
+  handleChangeFor
+}) {
+  const { t } = useTranslation("common");
+  const { dataset: countries } = useDataset(datasetIdentifier.country);
+  const [isFocused, setIsFocused] = useState(false);
+  const phonePrefixes = usePhonePrefixes();
+  const currentPrefix = phonePrefixes?.[data.phoneNumber?.phoneCountryCode ?? country];
+  const numberStrippedOfCountryCode = useMemo(() => {
+    if (!phonePrefixes || !data.phoneNumber?.number) return "";
+    return currentPrefix && data.phoneNumber?.number.startsWith(currentPrefix) ? data.phoneNumber.number.slice(currentPrefix.length) : data.phoneNumber.number;
+  }, [phonePrefixes, data.phoneNumber?.number, currentPrefix]);
+  const selectItems = useMemo(() => {
+    const countryMap = new Map(countries.map((entry) => [entry.id, entry.name]));
+    return entriesOf(phonePrefixes ?? {}).map(([countryCode, prefix]) => {
+      const countryName = countryMap.get(countryCode) ?? countryCode;
+      return {
+        id: countryCode,
+        name: `${countryName} (${prefix})`,
+        selectedOptionName: `${countryCode} (${prefix})`
+      };
+    }).sort((a, b) => a.name.localeCompare(b.name));
+  }, [phonePrefixes, countries]);
+  const handleSelectChange = useCallback(
+    (event) => {
+      const newCC = phonePrefixes?.[event.target.value];
+      const withoutCC = currentPrefix && data.phoneNumber?.number?.startsWith(currentPrefix) ? data.phoneNumber?.number?.slice(currentPrefix.length) : data.phoneNumber?.number?.replace(/\D+/g, "");
+      handleChangeFor(
+        "phoneNumber",
+        "input"
+      )({
+        phoneCountryCode: event.target.value,
+        number: withoutCC ? newCC + withoutCC : newCC,
+        type: "mobile"
+      });
+    },
+    [currentPrefix, data.phoneNumber?.number, handleChangeFor, phonePrefixes]
+  );
+  const handleOnInput = useCallback(
+    (event) => {
+      const strippedOfCountryCode = currentPrefix ? event.replace(currentPrefix, "") : event;
+      const onlyDigits = strippedOfCountryCode.replace(/\D+/g, "");
+      const number = currentPrefix ? `${currentPrefix}${onlyDigits}` : onlyDigits;
+      handleChangeFor(
+        "phoneNumber",
+        "input"
+      )({
+        ...data.phoneNumber,
+        number,
+        type: "mobile"
+      });
+    },
+    [currentPrefix, data.phoneNumber, handleChangeFor]
+  );
+  const handleOnBlur = useCallback(
+    (event) => {
+      const onlyDigits = event.currentTarget.value.replace(/\D+/g, "");
+      const number = currentPrefix ? `${currentPrefix}${onlyDigits}` : onlyDigits;
+      setIsFocused(false);
+      handleChangeFor(
+        "phoneNumber",
+        "blur"
+      )({
+        ...data.phoneNumber,
+        number,
+        type: "mobile"
+      });
+    },
+    [currentPrefix, data.phoneNumber, handleChangeFor]
+  );
+  const transformOnType = useCallback(
+    (value) => currentPrefix ? value.startsWith(currentPrefix) ? value.slice(currentPrefix.length) : value : value,
+    [currentPrefix]
+  );
+  useEffect(() => {
+    if (!data.phoneNumber?.phoneCountryCode && country) {
+      handleChangeFor(
+        "phoneNumber",
+        "input"
+      )({
+        ...data.phoneNumber,
+        phoneCountryCode: country,
+        type: "mobile"
+      });
+    }
+  }, [country, data.phoneNumber?.phoneCountryCode, data?.phoneNumber, handleChangeFor]);
+  return /* @__PURE__ */ jsx(
+    Field,
+    {
+      el: "fieldset",
+      name,
+      label: labels.phoneNumber ?? t(($) => $["phoneNumber"]),
+      errorMessage: errors.phoneNumber,
+      isValid: Boolean(valid.phoneNumber),
+      optional: Boolean(optional),
+      disabled: Boolean(readonly),
+      children: (childProps) => /* @__PURE__ */ jsxs(
+        InputGroup,
+        {
+          ...childProps,
+          id: "phoneInputGroup",
+          isFocused,
+          isInvalid: Boolean(!valid.phoneNumber && errors.phoneNumber),
+          children: [
+            /* @__PURE__ */ jsx(
+              Select,
+              {
+                name: "phoneCountryCode",
+                "aria-label": t(($) => $["phoneNumberPrefix"]),
+                isMulti: false,
+                items: selectItems,
+                selected: data.phoneNumber?.phoneCountryCode,
+                placeholder: t(($) => $["select"]),
+                onChange: handleSelectChange,
+                minimal: true
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              MaskedInput,
+              {
+                useFieldComponent: false,
+                name: "phoneNumber",
+                type: "tel",
+                label: labels.phoneNumber ?? t(($) => $["phoneNumber"]),
+                value: numberStrippedOfCountryCode,
+                "aria-invalid": Boolean(!valid.phoneNumber),
+                isValid: Boolean(valid.phoneNumber),
+                placeholder: placeholders?.phoneNumber,
+                shouldValidate: true,
+                errorMessage: errors.phoneNumber,
+                readonly,
+                disabled: readonly,
+                transformOnType,
+                ...mask,
+                stripNonAllowedInputs: true,
+                onInput: handleOnInput,
+                onBlur: handleOnBlur,
+                onFocus: () => setIsFocused(true)
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+const contactDetailFields = [...PHONE_FIELD, "email"];
+function ContactDetails(props) {
+  const { t } = useTranslation("common");
+  const {
+    country,
+    data,
+    errors = {},
+    handleFieldChange,
+    fieldValidationErrors,
+    valid = {},
+    ...newProps
+  } = props;
+  let mergedProps = newProps;
+  if (!handleFieldChange) {
+    return;
+  }
+  mergedProps = mergeFieldMetadataIntoProps(
+    "phoneNumber",
+    resolveFieldMetadata(
+      /*
+        Use global data here to allow for config to be dynamic when the below useForm data changes
+        otherwise we will use `country` which is unrelated to the phoneCountryCode
+      */
+      fieldConfig[data?.phoneNumber?.phoneCountryCode ?? country],
+      {},
+      defaultFieldMetadata
+    ),
+    mergedProps
+  );
+  const formUtils = createFormUtils(mergedProps, t);
+  return /* @__PURE__ */ jsxs("div", { role: "form", className: "adyen-kyc-individual__contact-details", children: [
+    mergedProps.heading && /* @__PURE__ */ jsx(Header, { title: mergedProps.heading }),
+    formUtils.isRequiredField("email") && /* @__PURE__ */ jsx("div", { className: "adyen-kyc-email", children: /* @__PURE__ */ jsx(
+      Field,
+      {
+        name: "email",
+        label: formUtils.getLabel("email"),
+        errorMessage: formUtils.getErrorMessage("email", errors, fieldValidationErrors),
+        isValid: valid.email,
+        children: (childProps) => /* @__PURE__ */ jsx(
+          InputEmail,
+          {
+            ...childProps,
+            name: "email",
+            value: data?.email,
+            readonly: formUtils.isReadOnly("email"),
+            onInput: handleFieldChange("email", "input"),
+            onBlur: handleFieldChange("email", "blur"),
+            "aria-required": true,
+            "aria-invalid": !valid?.email
+          }
+        )
+      }
+    ) }),
+    formUtils.isRequiredField("phoneNumber") && /* @__PURE__ */ jsx(
+      PhoneField,
+      {
+        ...{
+          country,
+          data: formUtils.getFieldData(data ?? {}, PHONE_FIELD),
+          valid: formUtils.getFieldValid(valid, PHONE_FIELD),
+          errors: formUtils.getFieldErrors(errors, {}, PHONE_FIELD),
+          labels: formUtils.getFieldLabels(PHONE_FIELD, {
+            phoneNumber: "phoneNumber"
+          }),
+          placeholders: formUtils.getFieldPlaceholders(PHONE_FIELD),
+          optional: formUtils.isOptionalField("phoneNumber"),
+          readonly: formUtils.isReadOnly("phoneNumber"),
+          mask: formUtils.getMask("phoneNumber"),
+          handleChangeFor: handleFieldChange
+        }
+      }
+    )
+  ] });
+}
+const contactDetailsValidationRules = {
+  email: [
+    {
+      modes: ["blur"],
+      validate: (email) => email ? emailPattern.test(email) : false,
+      errorMessage: "invalidEmail"
+    }
+  ]
+};
+export {
+  ContactDetails as C,
+  contactDetailsValidationRules as a,
+  contactDetailFields as c,
+  defaultFieldMetadata as d,
+  fieldConfig as f,
+  getAsyncPhoneValidationRules as g,
+  useValidatePhoneNumberImperatively as u
+};

package/dist/{validationError-DPP91cM3.js → validationError-DYYlX-5X.js}

@@ -2,12 +2,12 @@
 {
   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] = "09006924-afbd-452c-a946-41d5f7483ca9", e._sentryDebugIdIdentifier = "sentry-dbid-09006924-afbd-452c-a946-41d5f7483ca9");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "4aa64193-2547-42a2-8307-02f3c306a9d3", e._sentryDebugIdIdentifier = "sentry-dbid-4aa64193-2547-42a2-8307-02f3c306a9d3");
   } catch (e) {
   }
 }
 ;
-import { O as TaskTypes, bm as remediationPayoutApiKeyMapping, bn as remediationBusinessDetailsApiKeyMapping, bo as remediationIndividualApiKeyMapping } from "./StoreProvider-CyzNf7KK.js";
+import { U as TaskTypes, bc as remediationPayoutApiKeyMapping, bd as remediationBusinessDetailsApiKeyMapping, be as remediationIndividualApiKeyMapping } from "./StoreProvider-D9IR5HNN.js";
 import { a as assignToProp } from "./utils-DNSfZiio.js";
 const isMaintenanceModeError = (error) => error && typeof error === "object" && "messageCode" in error && error.messageCode === "maintenanceMode";
 const overrideKeyMapping = {

package/dist/{warning-circle-fill-CEN1WL7A.js → warning-circle-fill-DBvt921B.js}

@@ -2,12 +2,12 @@
 {
   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] = "c2d6c018-52c5-4361-b792-27bff1b81d60", e._sentryDebugIdIdentifier = "sentry-dbid-c2d6c018-52c5-4361-b792-27bff1b81d60");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "8e8d98bb-f043-4b04-9fde-8c65c52775fc", e._sentryDebugIdIdentifier = "sentry-dbid-8e8d98bb-f043-4b04-9fde-8c65c52775fc");
   } catch (e) {
   }
 }
 ;
-import { jsxs, jsx } from "preact/compat/jsx-runtime";
+import { jsxs, jsx } from "preact/jsx-runtime";
 const SvgWarningCircleFill = (props) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", role: "img", ...props, children: [
   /* @__PURE__ */ jsx("g", { clipPath: "url(#uia-ui-assets/icons-16-warning_circle_fill__a)", children: /* @__PURE__ */ jsx("path", { fill: "#001222", d: "M8 0.25C12.2802 0.25 15.75 3.71979 15.75 8C15.75 12.2802 12.2802 15.75 8 15.75C3.71979 15.75 0.25 12.2802 0.25 8C0.25 3.71979 3.71979 0.25 8 0.25ZM8 9.75C7.44772 9.75 7 10.1977 7 10.75C7 11.3023 7.44772 11.75 8 11.75C8.55228 11.75 9 11.3023 9 10.75C9 10.1977 8.55228 9.75 8 9.75ZM7.25 4.25V8.75H8.75V4.25H7.25Z" }) }),
   /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "uia-ui-assets/icons-16-warning_circle_fill__a", children: /* @__PURE__ */ jsx("rect", { width: 16, height: 16, fill: "#fff" }) }) })

package/dist/{warning-diamond-filled-BfXMlVrG.js → warning-diamond-filled-Lb2od2ry.js}

@@ -2,12 +2,12 @@
 {
   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] = "05d8e92b-f8f0-477e-87ef-bf0c8dfcb258", e._sentryDebugIdIdentifier = "sentry-dbid-05d8e92b-f8f0-477e-87ef-bf0c8dfcb258");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "e5da5fec-4a2b-4f41-9ab2-c028409f8639", e._sentryDebugIdIdentifier = "sentry-dbid-e5da5fec-4a2b-4f41-9ab2-c028409f8639");
   } catch (e) {
   }
 }
 ;
-import { jsxs, jsx } from "preact/compat/jsx-runtime";
+import { jsxs, jsx } from "preact/jsx-runtime";
 const SvgWarningDiamondFilled = (props) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", role: "img", ...props, children: [
   /* @__PURE__ */ jsx("g", { clipPath: "url(#uia-ui-assets/icons-16-warning_diamond_filled__a)", children: /* @__PURE__ */ jsx("path", { fill: "#001222", d: "M6.05517 0.883253C7.12912 -0.190581 8.87091 -0.190653 9.94482 0.883253L15.1138 6.0522C16.1871 7.12608 16.1872 8.86708 15.1138 9.94087L9.94482 15.1098C8.87089 16.1836 7.12909 16.1836 6.05517 15.1098L0.887199 9.94087C-0.186713 8.86696 -0.186653 7.12615 0.887199 6.0522L6.05517 0.883253ZM8.00048 10.0004C7.44819 10.0004 7.00048 10.4482 7.00048 11.0004C7.00072 11.5525 7.44834 12.0004 8.00048 12.0004C8.55242 12.0002 9.00024 11.5524 9.00048 11.0004C9.00048 10.4483 8.55257 10.0007 8.00048 10.0004ZM7.25048 4.25044V8.42036H8.75048V4.25044H7.25048Z" }) }),
   /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "uia-ui-assets/icons-16-warning_diamond_filled__a", children: /* @__PURE__ */ jsx("rect", { width: 16, height: 16, fill: "#fff" }) }) })

package/dist/{webinar-DqjqrNEv.js → webinar-m9nuFZBt.js}

@@ -2,12 +2,12 @@
 {
   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] = "8984aaa6-5af8-4087-8035-d070be124f3a", e._sentryDebugIdIdentifier = "sentry-dbid-8984aaa6-5af8-4087-8035-d070be124f3a");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "66cd0b0a-4888-4216-b41b-69b88230ddbe", e._sentryDebugIdIdentifier = "sentry-dbid-66cd0b0a-4888-4216-b41b-69b88230ddbe");
   } catch (e) {
   }
 }
 ;
-import { jsxs, jsx } from "preact/compat/jsx-runtime";
+import { jsxs, jsx } from "preact/jsx-runtime";
 const SvgWebinar = (props) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", role: "img", ...props, children: [
   /* @__PURE__ */ jsxs("g", { fill: "#001222", clipPath: "url(#uia-ui-assets/icons-16-webinar__a)", children: [
     /* @__PURE__ */ jsx("path", { d: "M11.75 15.75H4.25V14.25H11.75V15.75Z" }),

package/dist/{yapily-logo-CZ4ywjwA.js → yapily-logo-BduxhNRA.js}

@@ -2,12 +2,12 @@
 {
   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] = "6dffc23f-cd9a-433d-bf49-379e28428100", e._sentryDebugIdIdentifier = "sentry-dbid-6dffc23f-cd9a-433d-bf49-379e28428100");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "1030751c-d4e7-47bb-a5b1-a82c97c19f0e", e._sentryDebugIdIdentifier = "sentry-dbid-1030751c-d4e7-47bb-a5b1-a82c97c19f0e");
   } catch (e) {
   }
 }
 ;
-import { jsxs, jsx } from "preact/compat/jsx-runtime";
+import { jsxs, jsx } from "preact/jsx-runtime";
 const SvgYapilyLogo = (props) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 246 17", role: "img", ...props, children: [
   /* @__PURE__ */ jsx("path", { fill: "#161616", d: "M7.64 7.62 3.18 0H0l6.1 11.02v5.2h3.13V10.9L15.18 0h-3.15l-4.4 7.62ZM26.25 0l-7.17 16.21h3.25l1.45-3.43h7.99l1.44 3.43h3.37L29.5 0zM24.9 10.12l2.9-6.8 2.84 6.8zm29.95-8.66Q53.16 0 50.08 0h-6.7v16.21h3.12v-4.77h3.58q3.08 0 4.77-1.54a5.6 5.6 0 0 0 1.7-4.32q0-2.66-1.7-4.12m-2.21 6.48q-.95.77-2.73.77h-3.4v-6h3.4q1.79 0 2.73.74.94.75.94 2.22 0 1.5-.94 2.27M66.55 0h-3.13v16.21h3.13zm11.91 0h-3.13v16.21h10.18v-2.8h-7.05zm22.78 0-4.39 7.62L92.39 0H89.2l6.1 11.02v5.2h3.13V10.9L104.39 0z" }),
   /* @__PURE__ */ jsx("path", { fill: "#4D5866", d: "M119.63 16.48a8.6 8.6 0 0 1-4.23-1.05 8 8 0 0 1-2.96-2.95 8.5 8.5 0 0 1-1.06-4.24q0-2.36 1.09-4.23a7.7 7.7 0 0 1 2.95-2.93A8.4 8.4 0 0 1 119.66 0q1.9 0 3.46.69a7 7 0 0 1 2.65 1.99l-1.86 1.8a5.3 5.3 0 0 0-4.12-1.87q-1.58 0-2.85.73a5 5 0 0 0-1.96 2 6 6 0 0 0-.7 2.9q0 1.63.7 2.9a5.2 5.2 0 0 0 4.8 2.73q2.46 0 4.13-1.9l1.86 1.83a7 7 0 0 1-2.67 2 9 9 0 0 1-3.47.68m19.41 0a8.6 8.6 0 0 1-4.25-1.05 8 8 0 0 1-2.98-2.95 8.4 8.4 0 0 1-1.08-4.24q0-2.34 1.08-4.21a7.6 7.6 0 0 1 2.98-2.95A8.5 8.5 0 0 1 139.04 0q2.37 0 4.26 1.08A7.7 7.7 0 0 1 146.28 4a8.3 8.3 0 0 1 1.08 4.23q0 2.36-1.08 4.24a8 8 0 0 1-2.98 2.95 8.6 8.6 0 0 1-4.26 1.05Zm0-2.6a5.2 5.2 0 0 0 4.72-2.72q.71-1.32.71-2.92t-.7-2.88a5 5 0 0 0-1.95-2.02 5.4 5.4 0 0 0-2.78-.73 5.3 5.3 0 0 0-4.72 2.75q-.7 1.27-.7 2.88a6 6 0 0 0 .7 2.9 5.2 5.2 0 0 0 4.72 2.73ZM167.76.23v16.02h-2.36L156.88 5.4v10.85h-2.84V.23h2.36l8.51 10.85V.23zm21.5 0v16.02h-2.36L178.38 5.4v10.85h-2.84V.23h2.36l8.51 10.85V.23zm19.36 13.53v2.5h-11.59V.22h11.28v2.5h-8.4v4.16h7.45v2.45h-7.46v4.42h8.72Zm13.91 2.72a8.6 8.6 0 0 1-4.23-1.05 8 8 0 0 1-2.96-2.95 8.5 8.5 0 0 1-1.06-4.24q0-2.36 1.09-4.23a7.7 7.7 0 0 1 2.95-2.93A8.4 8.4 0 0 1 222.56 0q1.9 0 3.46.69a7 7 0 0 1 2.65 1.99l-1.86 1.8a5.3 5.3 0 0 0-4.12-1.87q-1.58 0-2.85.73a5 5 0 0 0-1.96 2 6 6 0 0 0-.7 2.9q0 1.63.7 2.9a5.2 5.2 0 0 0 4.8 2.73q2.46 0 4.13-1.9l1.86 1.83a7 7 0 0 1-2.67 2 9 9 0 0 1-3.47.68m15.48-13.73h-5.11V.23H246v2.52h-5.12v13.5h-2.87z" })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adyen/kyc-components",
-  "version": "3.91.0",
+  "version": "3.92.0",
   "keywords": [
     "adyen",
     "adyen-kyc",
@@ -92,7 +92,7 @@
     "@eslint/compat": "^1.3.2",
     "@eslint/js": "^9.39.1",
     "@playwright/test": "^1.56.0",
-    "@preact/preset-vite": "^2.10.2",
+    "@preact/preset-vite": "^2.10.3",
     "@sentry/bundler-plugin-core": "3.5.0",
     "@sentry/cli": "2.42.2",
     "@storybook/addon-a11y": "10.1.10",
@@ -182,7 +182,7 @@
     "build:demo": "rm -rf .demo && vite build --mode demo",
     "build:cdn": "rm -rf dist-cdn && vite build --mode production-cdn && ./scripts/move-sourcemaps.sh && node ./scripts/ensureUniqueOutputNames.js",
     "build:watch": "vite build --mode production --watch",
-    "check:all": "concurrently \"pnpm types:check\" \"pnpm lint:quiet\" \"pnpm lint:scss\" \"pnpm prettier\" -n tsc,eslint,stylelint,prettier -c cyan,magenta,yellow,blue",
+    "check:all": "concurrently \"pnpm types:check\" \"pnpm lint:quiet\" \"pnpm lint:styles\" \"pnpm prettier\" -n tsc,eslint,stylelint,prettier -c cyan,magenta,yellow,blue",
     "check:commits": "commitlint --from",
     "clean": "rm -rf dist*",
     "commit": "commit",
@@ -193,13 +193,13 @@
     "fix:all": "pnpm lint:fix && pnpm prettier:fix",
     "fix:lint": "pnpm lint:fix",
     "fix:prettier": "pnpm prettier:fix",
-    "lint:all": "concurrently \"pnpm lint\" \"pnpm lint:scss\" -p none",
+    "lint:all": "concurrently \"pnpm lint\" \"pnpm lint:styles\" -p none",
     "lint": "eslint",
     "lint:fix": "pnpm lint --fix",
     "lint:quiet": "pnpm lint --quiet",
     "lint:quiet:fix": "pnpm lint:fix --quiet",
-    "lint:scss": "stylelint 'src/**/*.scss' '!node_modules/**/*.scss'",
-    "lint:scss:fix": "pnpm lint:scss --fix",
+    "lint:styles": "stylelint 'src/**/*.{scss,css}' '!node_modules/**/*.{scss,css}'",
+    "lint:styles:fix": "pnpm lint:styles --fix",
     "prettier": "prettier --config ./.prettierrc.json --ignore-unknown --check \"**/*\"",
     "prettier:fix": "prettier --config ./.prettierrc.json --ignore-unknown --write \"**/*\"",
     "repo:setup": "bash ./scripts/first-time-setup.sh",

package/dist/ConstitutionalDocument-DM6M40MP.js

@@ -1,143 +0,0 @@
-;
-{
-  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] = "8b875065-6440-4746-a5aa-e22933fa0ac5", e._sentryDebugIdIdentifier = "sentry-dbid-8b875065-6440-4746-a5aa-e22933fa0ac5");
-  } catch (e) {
-  }
-}
-;
-import { jsxs, jsx, Fragment } from "preact/jsx-runtime";
-import { memo } from "preact/compat";
-import { ak as objectsDeepEqual, u as useTranslation, r as LegalEntityTypes } from "./StoreProvider-CyzNf7KK.js";
-import { _ as MemoizedDocumentUpload } from "./IndividualOnfido-pGSPtITh.js";
-const ConstitutionalDocumentTypes = {
-  BUSINESS_NAME_FILING: "doingBusinessAsNameFiling",
-  TAX_FILING: "taxFiling",
-  EMPLOYER_IDENTIFICATION_NUMBER_VERIFICATION_LETTER: "einVerificationLetter",
-  BUSINESS_REGISTRATION_DOCUMENT: "businessRegistrationDocument",
-  TRUST_DEED: "trustDeed",
-  TRUST_INSTRUMENT: "trustInstrument",
-  PARTNERSHIP_AGREEMENT: "partnershipAgreement",
-  MEETING_MINUTES: "meetingMinutes"
-};
-const getConstitutionDocumentTypeOptionsMapping = (legalEntityType, country) => {
-  switch (legalEntityType) {
-    case LegalEntityTypes.SOLE_PROPRIETORSHIP:
-      switch (country) {
-        case "FR":
-          return [
-            {
-              id: ConstitutionalDocumentTypes.BUSINESS_NAME_FILING,
-              name: "doingBusinessAsNameFiling__FR"
-            },
-            { id: ConstitutionalDocumentTypes.TAX_FILING, name: "taxFiling" },
-            {
-              id: ConstitutionalDocumentTypes.BUSINESS_REGISTRATION_DOCUMENT,
-              name: "businessRegistrationDocument__FR"
-            }
-          ];
-        case "US":
-          return [
-            {
-              id: ConstitutionalDocumentTypes.BUSINESS_NAME_FILING,
-              name: "doingBusinessAsNameFiling__US"
-            },
-            { id: ConstitutionalDocumentTypes.TAX_FILING, name: "taxFiling__US" },
-            {
-              id: ConstitutionalDocumentTypes.EMPLOYER_IDENTIFICATION_NUMBER_VERIFICATION_LETTER,
-              name: "einVerificationLetter"
-            }
-          ];
-        default:
-          return [
-            {
-              id: ConstitutionalDocumentTypes.BUSINESS_NAME_FILING,
-              name: "doingBusinessAsNameFiling"
-            },
-            { id: ConstitutionalDocumentTypes.TAX_FILING, name: "taxFiling" }
-          ];
-      }
-    case LegalEntityTypes.UNINCORPORATED_PARTNERSHIP:
-      return [
-        {
-          id: ConstitutionalDocumentTypes.PARTNERSHIP_AGREEMENT,
-          name: "partnershipAgreement"
-        },
-        {
-          id: ConstitutionalDocumentTypes.MEETING_MINUTES,
-          name: "meetingMinutes"
-        }
-      ];
-    default:
-      return [
-        { id: ConstitutionalDocumentTypes.TRUST_DEED, name: "trustDeed" },
-        { id: ConstitutionalDocumentTypes.TRUST_INSTRUMENT, name: "trustInstrument" }
-      ];
-  }
-};
-function getLegalEntityTypeBasedConstitutionalDocumentHeaderDescriptionTranslationkey(legalEntityType) {
-  switch (legalEntityType) {
-    case LegalEntityTypes.SOLE_PROPRIETORSHIP:
-      return "constitutionalDocumentSoleProprietorshipHeaderDescription";
-    case LegalEntityTypes.TRUST:
-      return "constitutionalDocumentTrustHeaderDescription";
-    case LegalEntityTypes.UNINCORPORATED_PARTNERSHIP:
-      return "constitutionalDocumentUnincorporatedPartnershipDescription";
-    default:
-      return "constitutionalDocumentHeaderDescription";
-  }
-}
-const unincorporatedPartnershipRequirementsVariants = ["Name", "Details", "UpToDate"];
-function ConstitutionalDocumentUpload({
-  id,
-  legalEntityType,
-  ...props
-}) {
-  const { t } = useTranslation(["common"]);
-  const isUnincorporatedPartnership = legalEntityType === LegalEntityTypes.UNINCORPORATED_PARTNERSHIP;
-  const constitutionalDocumentRequirements = getConstitutionDocumentTypeOptionsMapping(
-    legalEntityType,
-    props.country
-  );
-  const guidanceContent = /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-upload-field__guidance adyen-kyc-u-margin-bottom-24", children: [
-    /* @__PURE__ */ jsx("strong", { children: t(($) => $["uploadOneOfTheseDocuments"]) }),
-    /* @__PURE__ */ jsx("ul", { children: constitutionalDocumentRequirements?.map(({ name }, i) => /* @__PURE__ */ jsx("li", { children: t(($) => $[name]) }, i)) }),
-    isUnincorporatedPartnership && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("strong", { children: t(($) => $["documentRequirements"]) }),
-      /* @__PURE__ */ jsx("ul", { children: unincorporatedPartnershipRequirementsVariants.map((item, i) => /* @__PURE__ */ jsx("li", { children: t(
-        ($) => $[`documentRequirementsUnincorporatedPartnership${item}`],
-        { ns: "common" }
-      ) }, i)) })
-    ] }),
-    props.country !== "US" && !isUnincorporatedPartnership && /* @__PURE__ */ jsx("div", { className: "adyen-kyc-u-margin-y-16", children: /* @__PURE__ */ jsxs("span", { children: [
-      t(($) => $["infoInUploadedDocumentIsTrue"]),
-      " "
-    ] }) })
-  ] });
-  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-    MemoizedDocumentUpload,
-    {
-      ...props,
-      documentType: "constitutionalDocument",
-      documentField: "constitutionalDocument",
-      heading: t(($) => $["constitutionalDocumentHeader"]),
-      description: t(
-        ($) => $[getLegalEntityTypeBasedConstitutionalDocumentHeaderDescriptionTranslationkey(
-          legalEntityType
-        )],
-        { ns: "common" }
-      ),
-      guidanceContent,
-      id,
-      hidePageCount: true
-    }
-  ) });
-}
-const MemoizedConstitutionalDocument = memo(
-  ConstitutionalDocumentUpload,
-  (prevProps, nextProps) => objectsDeepEqual(prevProps.requiredFields, nextProps.requiredFields) && objectsDeepEqual(prevProps.data, nextProps.data) && objectsDeepEqual(prevProps.formVerificationErrors, nextProps.formVerificationErrors) && objectsDeepEqual(prevProps.fieldValidationErrors, nextProps.fieldValidationErrors) && prevProps.shouldValidate === nextProps.shouldValidate
-);
-export {
-  MemoizedConstitutionalDocument as M
-};