@adyen/kyc-components 3.91.0 → 3.92.0

package/dist/makeSelectItemForRole-Bm2NwBxD.js

@@ -0,0 +1,133 @@
+;
+{
+  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] = "71f80cc8-06d4-4ed3-8939-eae67eb6b5a1", e._sentryDebugIdIdentifier = "sentry-dbid-71f80cc8-06d4-4ed3-8939-eae67eb6b5a1");
+  } catch (e) {
+  }
+}
+;
+import { jsxs, jsx } from "preact/jsx-runtime";
+import { F as Field } from "./Field-B3Vy1-QZ.js";
+import { I as InputText } from "./InputText-DGKAS6ZI.js";
+import { c as createFormUtils } from "./formUtils-BlVlgetw.js";
+import { u as useTranslation } from "./StoreProvider-D9IR5HNN.js";
+import cx from "classnames";
+import { h as handleKeys } from "./bafinUtils-Wct4TWLH.js";
+import { a as SelectListItem } from "./Select-D1rFT3T8.js";
+import { r as roleMetadata } from "./roleMetadata-DmgqzhZJ.js";
+const nameFields = ["firstName", "lastName"];
+function Name(props) {
+  const { data, handleFieldChange, errors, valid, fieldValidationErrors } = props;
+  const { t } = useTranslation("common");
+  if (!handleFieldChange) {
+    return;
+  }
+  const formUtils = createFormUtils(props, t);
+  return /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-field-wrapper", children: [
+    formUtils.isRequiredField("firstName") && /* @__PURE__ */ jsx(
+      Field,
+      {
+        name: "firstName",
+        label: formUtils.getLabel("firstName"),
+        className: "adyen-kyc-u-width-half",
+        errorMessage: formUtils.getErrorMessage("firstName", errors, fieldValidationErrors),
+        isValid: valid?.firstName,
+        helper: formUtils.getLabel("enterNameExactlyAsAppearInID"),
+        children: (childProps) => /* @__PURE__ */ jsx(
+          InputText,
+          {
+            ...childProps,
+            name: "firstName",
+            value: data?.firstName,
+            readonly: formUtils.isReadOnly("firstName"),
+            onInput: handleFieldChange("firstName", "input"),
+            onBlur: handleFieldChange("firstName", "blur"),
+            trimOnBlur: true,
+            spellCheck: false,
+            "aria-required": true,
+            "aria-invalid": !valid?.firstName
+          }
+        )
+      }
+    ),
+    formUtils.isRequiredField("lastName") && /* @__PURE__ */ jsx(
+      Field,
+      {
+        name: "lastName",
+        label: formUtils.getLabel("lastName"),
+        className: "adyen-kyc-u-width-half",
+        errorMessage: formUtils.getErrorMessage("lastName", errors, fieldValidationErrors),
+        isValid: valid?.lastName,
+        helper: formUtils.getLabel("enterLastNameExactlyAsAppearInID"),
+        children: (childProps) => /* @__PURE__ */ jsx(
+          InputText,
+          {
+            ...childProps,
+            name: "lastName",
+            value: data?.lastName,
+            readonly: formUtils.isReadOnly("lastName"),
+            onInput: handleFieldChange("lastName", "input"),
+            onBlur: handleFieldChange("lastName", "blur"),
+            trimOnBlur: true,
+            spellCheck: false,
+            "aria-required": true,
+            "aria-invalid": !valid?.lastName
+          }
+        )
+      }
+    )
+  ] });
+}
+const MultiSelectList = ({
+  options,
+  selected,
+  onSelect,
+  mapToSelectItem
+}) => /* @__PURE__ */ jsx("ul", { className: "adyen-kyc-multi-select-list", children: options.map((option) => {
+  const item = mapToSelectItem(option);
+  const isSelected = selected.includes(option);
+  const handleSelect = () => {
+    const newSelection = isSelected ? selected.filter((selectedOption) => selectedOption !== option) : [...selected, option];
+    onSelect(newSelection);
+  };
+  return /* @__PURE__ */ jsx(
+    SelectListItem,
+    {
+      id: item.id,
+      item,
+      selected: isSelected,
+      onKeyDown: handleKeys(["Enter", " "], handleSelect),
+      onSelect: handleSelect,
+      isMulti: true,
+      className: cx([
+        "adyen-kyc-multi-select-list-item",
+        {
+          "adyen-kyc-multi-select-list-item--with-description": !!item.description
+        }
+      ])
+    },
+    item.id
+  );
+}) });
+const makeSelectItemForRole = (role, t) => {
+  const metadata = roleMetadata[role];
+  if (!metadata)
+    throw Error(
+      `Cannot make select item for role "${role}"; no metadata found. Valid roles include: ${Object.keys(
+        roleMetadata
+      ).join("\n")}`
+    );
+  const { name, description } = metadata;
+  return {
+    id: role,
+    name: t(($) => $[name]),
+    description: description ? t(($) => $[description]) : void 0
+  };
+};
+export {
+  MultiSelectList as M,
+  Name as N,
+  makeSelectItemForRole as m,
+  nameFields as n
+};

package/dist/{manual-verification-BvZWqA00.js → manual-verification-BO8zgAYT.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] = "d32201be-e149-4fb7-9fe8-889a4183eb6b", e._sentryDebugIdIdentifier = "sentry-dbid-d32201be-e149-4fb7-9fe8-889a4183eb6b");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "870baa05-940d-41fe-91a8-8f4714c8995c", e._sentryDebugIdIdentifier = "sentry-dbid-870baa05-940d-41fe-91a8-8f4714c8995c");
   } catch (e) {
   }
 }
 ;
-import { jsxs, jsx } from "preact/compat/jsx-runtime";
+import { jsxs, jsx } from "preact/jsx-runtime";
 const SvgManualVerification = (props) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 200 160", role: "img", ...props, children: [
   /* @__PURE__ */ jsx("path", { fill: "#fff", stroke: "#00112C", strokeLinecap: "round", strokeLinejoin: "round", d: "M137.7 12.5H54.3a2.8 2.8 0 0 0-2.8 2.79V124.4a2.8 2.8 0 0 0 2.8 2.79h83.4a2.8 2.8 0 0 0 2.8-2.79V15.29a2.8 2.8 0 0 0-2.8-2.79" }),
   /* @__PURE__ */ jsx("path", { fill: "#CEE0F2", stroke: "#CEE0F2", strokeLinecap: "round", strokeLinejoin: "round", d: "M70.11 115.2a7.44 7.44 0 1 0 0-14.88 7.44 7.44 0 0 0 0 14.88" }),

package/dist/{mapExistingFile-Bd7nsoK8.js → mapExistingFile-DNBa6Ekj.js}

@@ -2,15 +2,19 @@
 {
   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] = "cdcda9ac-782a-4d19-93e6-ec8e103a06af", e._sentryDebugIdIdentifier = "sentry-dbid-cdcda9ac-782a-4d19-93e6-ec8e103a06af");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "b00b5c0b-51fb-4494-ae4f-a7a3de287e7d", e._sentryDebugIdIdentifier = "sentry-dbid-b00b5c0b-51fb-4494-ae4f-a7a3de287e7d");
   } catch (e) {
   }
 }
 ;
 import { useEffect, useState, useMemo } from "preact/hooks";
-import { u as useScenarios } from "./useScenarios-DD06bWNN.js";
-import { C as CountryCodes, P as createLogger } from "./StoreProvider-CyzNf7KK.js";
+import { u as useScenarios } from "./useScenarios-DFW21Vhf.js";
+import { C as CountryCodes, H as createLogger, u as useTranslation, W as Icon } from "./StoreProvider-D9IR5HNN.js";
 import { signal } from "@preact/signals";
+import { jsx, jsxs } from "preact/jsx-runtime";
+import cx from "classnames";
+import { lazy } from "preact/compat";
+import { I as Image } from "./Image-Cvb4hnru.js";
 class AdyenKycSdkError extends Error {
   sourceError;
   constructor(message, sourceError) {
@@ -134,6 +138,75 @@ const useScenarioConfiguration = ({
     fieldConfigurations
   };
 };
+const uppercase = (str) => str?.toUpperCase() ?? str;
+const getDocumentGuidancePrefix = (documentType) => {
+  switch (documentType) {
+    case "passport":
+      return "passport";
+    case "driversLicense":
+    case "identityCard":
+      return "id";
+    case "bankStatement":
+    case "vatDocument":
+    case "registrationDocument":
+    case "proofOfAddress":
+    case "proofOfResidency":
+    default:
+      return "document";
+  }
+};
+const documentBlurredImage = lazy(() => import("./document-blurred-BiWap0xs.js"));
+const documentCutOffImage = lazy(() => import("./document-cut-off-aQezqOif.js"));
+const documentExpiredImage = lazy(() => import("./document-expired-BhBXaWWQ.js"));
+const documentFrontImage = lazy(() => import("./document-front-DYuhZGeQ.js"));
+const idBlurredImage = lazy(() => import("./id-blurred-B5lHEP8M.js"));
+const idCutOffImage = lazy(() => import("./id-cut-off-Ba1FRzKO.js"));
+const idFrontImage = lazy(() => import("./id-front-CpNWN6nG.js"));
+const idGlareImage = lazy(() => import("./id-glare-DgCQON8k.js"));
+const passportBlurredImage = lazy(() => import("./passport-blurred-CVG493IJ.js"));
+const passportCutOffImage = lazy(() => import("./passport-cut-off-COzA_TmB.js"));
+const passportFrontImage = lazy(() => import("./passport-front-WJleLixT.js"));
+const passportGlareImage = lazy(() => import("./passport-glare-BP5WnJZj.js"));
+const documentMap = {
+  "document-blurred": documentBlurredImage,
+  "document-cutoff": documentCutOffImage,
+  "document-expired": documentExpiredImage,
+  "document-front": documentFrontImage,
+  "id-blurred": idBlurredImage,
+  "id-cutoff": idCutOffImage,
+  "id-front": idFrontImage,
+  "id-glare": idGlareImage,
+  "passport-blurred": passportBlurredImage,
+  "passport-cutoff": passportCutOffImage,
+  "passport-front": passportFrontImage,
+  "passport-glare": passportGlareImage
+};
+function DocumentGuidance({ type, className }) {
+  const { t } = useTranslation("ui");
+  const documentGuidanceItems = useMemo(() => {
+    const guidancePrefix = getDocumentGuidancePrefix(type);
+    const guidanceItems = [
+      { svgName: `${guidancePrefix}-front`, translationKey: "good", valid: true },
+      { svgName: `${guidancePrefix}-cutoff`, translationKey: "notCutOff" },
+      { svgName: `${guidancePrefix}-blurred`, translationKey: "notBlurry" },
+      guidancePrefix === "document" ? { svgName: `document-expired`, translationKey: "notExpired" } : { svgName: `${guidancePrefix}-glare`, translationKey: "noGlare" }
+    ];
+    return type === "constitutionalDocument" ? guidanceItems.filter((item) => item.svgName !== "document-expired") : guidanceItems;
+  }, [type]);
+  return /* @__PURE__ */ jsx("div", { className: cx("adyen-kyc-document-guidance", className), children: /* @__PURE__ */ jsx("div", { className: "adyen-kyc-document-guidance__container", children: documentGuidanceItems.map((item) => /* @__PURE__ */ jsxs("figure", { className: "adyen-kyc-document-guidance__item", children: [
+    /* @__PURE__ */ jsx(Image, { lazyLoadedImage: documentMap[item.svgName] }),
+    /* @__PURE__ */ jsxs("figcaption", { className: "adyen-kyc-document-guidance__description", children: [
+      item.valid ? /* @__PURE__ */ jsx(Icon, { name: "check", className: "adyen-kyc-document-guidance__icon" }) : /* @__PURE__ */ jsx(
+        Icon,
+        {
+          name: "cross",
+          className: "adyen-kyc-document-guidance__icon adyen-kyc-document-guidance__icon--invalid"
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "adyen-kyc-document-guidance__description-text", children: t(($) => $[item.translationKey]) })
+    ] })
+  ] }, item.translationKey)) }) });
+}
 const getPage = ({ attachments }, pageType) => {
   if (!attachments) throw Error("Document has no attachments");
   const attachment = pageType ? attachments.find((attach) => attach.pageType === pageType) : attachments[0];
@@ -147,10 +220,12 @@ const mapExistingFile = (name) => ({
 });
 export {
   AdyenKycSdkError as A,
+  DocumentGuidance as D,
   getPage as a,
-  useUnifyLoadingStatus as b,
+  useScenarioConfiguration as b,
+  useUnifyLoadingStatus as c,
   getPageName as g,
   mapExistingFile as m,
   payoutAccountFormat as p,
-  useScenarioConfiguration as u
+  uppercase as u
 };

package/dist/mapJpAddressSchemaToAddressLocalizations-BNb8d51F.js

@@ -0,0 +1,147 @@
+;
+{
+  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] = "31a93106-0c52-449b-84bd-54cea336f2ff", e._sentryDebugIdIdentifier = "sentry-dbid-31a93106-0c52-449b-84bd-54cea336f2ff");
+  } catch (e) {
+  }
+}
+;
+import { b as useApiContext, j as useQuery, m as httpGet, Z as useExperimentsContext, C as CountryCodes } from "./StoreProvider-D9IR5HNN.js";
+import { u as useSetting } from "./bafinUtils-Wct4TWLH.js";
+import { u as useCapabilities } from "./TaxInformationField-c-ZWfhUk.js";
+import { jsxs, jsx } from "preact/jsx-runtime";
+import { s as summaryItem } from "./summaryItem-CAQCQSkt.js";
+import { i as isEmpty } from "./isEmpty-CsYVgjoD.js";
+import { m as mapSchemaFieldsToApiScriptLocalization } from "./mapAddressLocalizationToJpAddressSchema-vJWbpAyq.js";
+const getSupportedCountries = async (legalEntityId, baseUrl) => {
+  return httpGet({
+    baseUrl,
+    path: `legalEntities/${legalEntityId}/configurations/supportedCountries`
+  });
+};
+const useSupportedCountries = (options) => {
+  const { rootLegalEntityId, baseUrl } = useApiContext();
+  return useQuery({
+    queryKey: ["supportedCountries"],
+    queryFn: () => getSupportedCountries(rootLegalEntityId.value, baseUrl.value),
+    ...options
+  });
+};
+const businessAccountCountries = [
+  CountryCodes.UnitedStates,
+  CountryCodes.UnitedKingdom,
+  CountryCodes.Netherlands,
+  CountryCodes.France,
+  CountryCodes.Germany,
+  CountryCodes.Spain,
+  CountryCodes.Belgium
+];
+const useAllowedCountries = () => {
+  const capabilities = Object.keys(useCapabilities() ?? {});
+  const { isExperimentEnabled } = useExperimentsContext();
+  const isLimitCountryBusinessAccountCustomersEnabled = isExperimentEnabled("EnableLimitCountryBusinessAccountCustomers") && capabilities.includes("issueBankAccount");
+  const acceptedCountriesSetting = useSetting("acceptedCountries");
+  const { data } = useSupportedCountries({ enabled: !acceptedCountriesSetting });
+  const allowedCountries = acceptedCountriesSetting ?? data?.countries;
+  if (!allowedCountries) return;
+  return isLimitCountryBusinessAccountCustomersEnabled ? businessAccountCountries.filter((country) => allowedCountries.includes(country)) : allowedCountries;
+};
+const toFullWidth = (value) => {
+  const halfWidthKatakana = [..."｡｢｣､･ｦｧｨｩｪｫｬｭｮｯｰｱｲｳｴｵｶｷｸｹｺｻｼｽｾｿﾀﾁﾂﾃﾄﾅﾆﾇﾈﾉﾊﾋﾌﾍﾎﾏﾐﾑﾒﾓﾔﾕﾖﾗﾘﾙﾚﾛﾜﾝﾞﾟ"];
+  const fullWidthKatakana = [
+    ..."。「」、・ヲァィゥェォャュョッーアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤユヨラリルレロワン゛゜"
+  ];
+  const hangul1 = { name: "hangul1", halfRE: /[ﾡ-ﾾ]/, fullRE: /[ᆨ-ᇂ]/, delta: -60921 };
+  const hangul2 = { name: "hangul2", halfRE: /[ￂ-ￜ]/, fullRE: /[ᅡ-ᅵ]/, delta: -61025 };
+  const latin = { name: "latin", halfRE: /[!-~]/, fullRE: /[！-～]/, delta: 65248 };
+  const extras = {
+    half: "¢£¬¯¦¥₩ |←↑→↓■°",
+    full: "￠￡￢￣￤￥￦　￨￩￪￫￬￭￮"
+  };
+  const converters = [latin, hangul1, hangul2];
+  const convertLatinHangul = (c) => {
+    for (let j = 0; j < converters.length; j += 1) {
+      const converter = converters[j];
+      const isHalfWidth = converter.halfRE.test(c);
+      if (isHalfWidth) {
+        return String.fromCharCode(c.charCodeAt(0) + converter.delta);
+      }
+    }
+    return null;
+  };
+  let result = "";
+  for (let i = 0; i < value.length; i += 1) {
+    const c = value[i];
+    const convertedChar = convertLatinHangul(c);
+    if (convertedChar) {
+      result += convertedChar;
+      continue;
+    }
+    const indexOfHalfWidthKatakana = halfWidthKatakana.indexOf(c);
+    if (indexOfHalfWidthKatakana >= 0) {
+      const fullWidthKatakanaCharacter = fullWidthKatakana[indexOfHalfWidthKatakana];
+      result += fullWidthKatakanaCharacter;
+      continue;
+    }
+    const indexOfHalfWidthExtras = extras.half.indexOf(c);
+    if (indexOfHalfWidthExtras >= 0) {
+      result += extras.full[indexOfHalfWidthExtras];
+      continue;
+    }
+    result += c;
+  }
+  return result;
+};
+const mapJpAddressSummary = (data, datasetUtils) => {
+  if (!data) return {};
+  return {
+    country: datasetUtils.getCountryName("JP") ?? "JP",
+    postalCode: summaryItem("postalCode", data.postalCode),
+    stateOrProvince: summaryItem(
+      "prefecture",
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { children: data.jaHaniStateOrProvince }),
+        /* @__PURE__ */ jsx("p", { children: data.jaKanaStateOrProvince }),
+        /* @__PURE__ */ jsx("p", { children: data.stateOrProvince })
+      ] })
+    ),
+    city: summaryItem(
+      "districtTownAreaCityWard",
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { children: data.jaHaniCity }),
+        /* @__PURE__ */ jsx("p", { children: data.jaKanaCity }),
+        /* @__PURE__ */ jsx("p", { children: data.city })
+      ] })
+    ),
+    otherAddressInformation: summaryItem("chomeAndBanchi", data.otherAddressInformation),
+    address: summaryItem(
+      "buildingNameFloorRoomNumberEtc",
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { children: data.jaHaniAddress }),
+        /* @__PURE__ */ jsx("p", { children: data.address })
+      ] })
+    )
+  };
+};
+const mapJpAddressSchemaToAddressLocalizations = (data) => {
+  if (!data) return [];
+  return [
+    mapSchemaFieldsToApiScriptLocalization(data, "jaHani"),
+    mapSchemaFieldsToApiScriptLocalization(data, "jaKana")
+  ].filter(({ fields }) => !isEmpty(fields)).map(({ script, fields }) => ({
+    script,
+    fields: {
+      city: fields.city,
+      // mismatch between API `street` and schema `address`
+      // only applicable for `ja-Hani`, not `ja-Kana`
+      ..."address" in fields ? { street: fields.address } : void 0
+    }
+  }));
+};
+export {
+  mapJpAddressSummary as a,
+  mapJpAddressSchemaToAddressLocalizations as m,
+  toFullWidth as t,
+  useAllowedCountries as u
+};

package/dist/{mapLegalEntityToIndividualOnfidoSchema-CQF6zsO7.js → mapLegalEntityToIndividualOnfidoSchema-DREgz5Ms.js}

@@ -2,17 +2,75 @@
 {
   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] = "1820d4f7-3b66-4364-bf2d-06d23ba9e9f3", e._sentryDebugIdIdentifier = "sentry-dbid-1820d4f7-3b66-4364-bf2d-06d23ba9e9f3");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "3b485208-4ca4-4a2f-ba08-82d320effde6", e._sentryDebugIdIdentifier = "sentry-dbid-3b485208-4ca4-4a2f-ba08-82d320effde6");
   } catch (e) {
   }
 }
 ;
 import { signal } from "@preact/signals";
-import { C as CountryCodes, a_ as reverseMapping, b4 as getNomineeFromAssociation, bt as individualOnfidoBaseMapping, an as DecisionMakerTypes } from "./StoreProvider-CyzNf7KK.js";
+import { aj as useI18nContext, V as useAnalyticsContext, G as Typography, B as Button, C as CountryCodes, au as reverseMapping, aM as getNomineeFromAssociation, bp as individualOnfidoBaseMapping, ag as DecisionMakerTypes } from "./StoreProvider-D9IR5HNN.js";
 import { a as mapApiScriptLocalizationToSchemaFields, b as mapAddressLocalizationToJpAddressSchema } from "./mapAddressLocalizationToJpAddressSchema-vJWbpAyq.js";
 import { f as formatObject } from "./utils-DNSfZiio.js";
-import { W as GuidanceQuestionValues } from "./IndividualOnfido-pGSPtITh.js";
+import { jsxs, jsx } from "preact/jsx-runtime";
+import { F as Field } from "./Field-B3Vy1-QZ.js";
+import { T as TileGroup } from "./TileGroup-CaY3i_T7.js";
 const individualFormDefaultData = signal(null);
+const guidanceQuestion = "adyen-kyc-guidance-question";
+const options = "adyen-kyc-options";
+const styles = {
+  guidanceQuestion,
+  options
+};
+const GuidanceQuestionValues = {
+  YES: "Yes",
+  NO: "No"
+};
+const GuidanceQuestion = (props) => {
+  const {
+    descriptionLinkText,
+    errorMessage,
+    name,
+    noLabel,
+    onChange,
+    onDescriptionLinkClick,
+    question,
+    value,
+    yesLabel
+  } = props;
+  const { i18n } = useI18nContext();
+  const userEvents = useAnalyticsContext();
+  const handleChange = (selectedValue) => {
+    userEvents.addFieldEvent("Interacted with form field", {
+      actionType: "select",
+      field: name,
+      returnValue: selectedValue
+    });
+    const newValue = selectedValue || null;
+    onChange(newValue);
+  };
+  const yesTileLabel = yesLabel ?? i18n.get("yes");
+  const noTileLabel = noLabel ?? i18n.get("no");
+  return /* @__PURE__ */ jsxs("div", { className: styles.guidanceQuestion, children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "body", el: "p", children: question }),
+    descriptionLinkText && onDescriptionLinkClick && /* @__PURE__ */ jsx(Button, { variant: "link", onClick: onDescriptionLinkClick, children: descriptionLinkText }),
+    /* @__PURE__ */ jsx(Field, { name, className: styles.options, children: () => /* @__PURE__ */ jsx(
+      TileGroup,
+      {
+        allowMultiple: false,
+        errorMessage,
+        isHorizontal: true,
+        maxSelected: 1,
+        name,
+        onChange: handleChange,
+        selected: value || "",
+        tiles: [
+          { label: yesTileLabel, value: GuidanceQuestionValues.YES },
+          { label: noTileLabel, value: GuidanceQuestionValues.NO }
+        ]
+      }
+    ) })
+  ] });
+};
 const getOnfidoIdentityTypeToApiIdentityTypeMap = (data) => {
   const { country } = data;
   switch (country) {
@@ -140,6 +198,8 @@ const mapDocumentDetailToIdDocument = (documents) => {
   } : void 0;
 };
 export {
+  GuidanceQuestionValues as G,
+  GuidanceQuestion as a,
   getOnfidoIdentityTypeToApiIdentityTypeMap as g,
   individualFormDefaultData as i,
   mapLegalEntityToIndividualOnfidoSchema as m

package/dist/{mapTransferInstrumentToPayoutAccount-CacHlKHM.js → mapTransferInstrumentToPayoutAccount-C5NqOfNW.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] = "0ea19e6a-b1cf-44d0-ac9f-2c775989c26c", e._sentryDebugIdIdentifier = "sentry-dbid-0ea19e6a-b1cf-44d0-ac9f-2c775989c26c");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "7e0c8ca9-95f4-42f7-832d-de329c95a413", e._sentryDebugIdIdentifier = "sentry-dbid-7e0c8ca9-95f4-42f7-832d-de329c95a413");
   } catch (e) {
   }
 }
 ;
-import { b as useApiContext, j as useQuery, w as skipToken, m as httpGet, bu as crossBorderMapping, bv as payoutComponentKeyMapping } from "./StoreProvider-CyzNf7KK.js";
+import { b as useApiContext, j as useQuery, w as skipToken, m as httpGet, bq as crossBorderMapping, br as payoutComponentKeyMapping } from "./StoreProvider-D9IR5HNN.js";
 import { m as mapWith } from "./utils-DNSfZiio.js";
 const getTransferInstrument = async (legalEntityId, baseUrl, transferInstrumentId) => {
   return httpGet({

package/dist/{minus-circle-filled-kC2IUvKz.js → minus-circle-filled-ZhtJ0GD3.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] = "2d61d74b-e3b5-4432-a7f2-85ff387abe67", e._sentryDebugIdIdentifier = "sentry-dbid-2d61d74b-e3b5-4432-a7f2-85ff387abe67");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "b2c7750b-72e1-447f-afee-a2ff5448de22", e._sentryDebugIdIdentifier = "sentry-dbid-b2c7750b-72e1-447f-afee-a2ff5448de22");
   } catch (e) {
   }
 }
 ;
-import { jsxs, jsx } from "preact/compat/jsx-runtime";
+import { jsxs, jsx } from "preact/jsx-runtime";
 const SvgMinusCircleFilled = (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-minus_circle_filled__a)", children: /* @__PURE__ */ jsx("path", { fill: "#001222", d: "M0.25 8C0.25 3.71979 3.71979 0.25 8 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 8ZM11.75 7.25H4.25V8.75H11.75V7.25Z" }) }),
   /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "uia-ui-assets/icons-16-minus_circle_filled__a", children: /* @__PURE__ */ jsx("rect", { width: 16, height: 16, fill: "#fff" }) }) })

package/dist/{onfido-logo-BWSv__sQ.js → onfido-logo-BSkKPH10.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] = "30a2633c-04ff-479b-9657-c85e8c5b8376", e._sentryDebugIdIdentifier = "sentry-dbid-30a2633c-04ff-479b-9657-c85e8c5b8376");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "34c0505d-6b44-4ec7-a135-4ecbb137267e", e._sentryDebugIdIdentifier = "sentry-dbid-34c0505d-6b44-4ec7-a135-4ecbb137267e");
   } catch (e) {
   }
 }
 ;
-import { jsx } from "preact/compat/jsx-runtime";
+import { jsx } from "preact/jsx-runtime";
 const SvgOnfidoLogo = (props) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 67 16", role: "img", ...props, children: /* @__PURE__ */ jsx("path", { d: "M44.9.3q.32-.3.75-.3.42 0 .74.3.3.32.3.75a1 1 0 0 1-.3.74q-.31.3-.74.3a1 1 0 0 1-.74-.3q-.3-.31-.3-.74 0-.45.3-.74m1.44 3.38h-1.38v8.13h1.38zm5.48-.23c1.14 0 2.23.5 3.01 1.37V.38h1.37v11.43h-1.37v-1.14a4 4 0 0 1-3 1.36 4.2 4.2 0 0 1-4.13-4.29 4.2 4.2 0 0 1 4.12-4.29m.09 7.28a2.94 2.94 0 0 0 2.88-2.99c0-1.65-1.3-2.99-2.88-2.99a2.94 2.94 0 0 0-2.88 3 2.94 2.94 0 0 0 2.88 2.98m5.53-2.99a4.29 4.29 0 1 1 8.58 0 4.29 4.29 0 0 1-8.58 0m4.28 3a2.94 2.94 0 0 0 2.88-3 2.94 2.94 0 0 0-2.88-2.99 2.94 2.94 0 0 0-2.88 3 2.94 2.94 0 0 0 2.88 2.98M41.06 2.06v1.61h2.32v1.27h-2.32v6.86h-1.38V4.96h-1.52V3.68h1.52V2.05c0-1.07.88-1.95 1.95-1.95h1.75v1.25h-1.6c-.4 0-.72.33-.72.72M34.1 3.45q-1.82.02-2.62 1.4V3.69h-1.37v8.13h1.37V7.58q0-1.28.64-2.06.64-.75 1.76-.76.94 0 1.49.61.55.62.55 1.85v4.58h1.37V6.96q0-1.75-.84-2.63a3.2 3.2 0 0 0-2.35-.88m-13.86 4.3a4.29 4.29 0 1 1 8.58 0 4.29 4.29 0 0 1-8.58 0m4.29 2.98a2.94 2.94 0 0 0 2.88-2.99c0-1.65-1.3-2.99-2.88-2.99a2.94 2.94 0 0 0-2.89 3c0 1.64 1.3 2.98 2.89 2.98M10.16 7.52a2.66 2.66 0 1 1-5.33 0 2.66 2.66 0 0 1 5.33 0M3.6 13.04l.44-.3a7.1 7.1 0 0 1 7.32.02c.09.05.09.17 0 .22l-.05.05-.37.23a14 14 0 0 1-4.39 1.73c-.6.13-1.24-.03-1.7-.43q-.7-.59-1.28-1.22a.2.2 0 0 1 .03-.3M11.4 2a.2.2 0 0 0 .03-.3q-.6-.64-1.27-1.23c-.47-.4-1.1-.56-1.71-.42a15 15 0 0 0-4.39 1.73l-.37.23-.06.04a.13.13 0 0 0 0 .23A7.1 7.1 0 0 0 11.4 2M2.28 4.05 2 3.61a.2.2 0 0 0-.3-.03q-.63.6-1.22 1.27c-.4.47-.56 1.11-.42 1.72a16 16 0 0 0 1.73 4.4l.23.36.04.07c.05.08.17.08.22 0a7.1 7.1 0 0 0 .01-7.35m10.73 7.38-.3-.44a7.1 7.1 0 0 1 .02-7.34.13.13 0 0 1 .22-.01l.04.06.23.37a14 14 0 0 1 1.73 4.4 2 2 0 0 1-.42 1.72q-.6.68-1.22 1.27a.2.2 0 0 1-.3-.03", clipRule: "evenodd" }) });
 export {
   SvgOnfidoLogo as default

package/dist/{options-horizontal-CBmbNv7R.js → options-horizontal-GuXvLvV3.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] = "00f9fbe4-7697-4a81-af1e-a63d6613658e", e._sentryDebugIdIdentifier = "sentry-dbid-00f9fbe4-7697-4a81-af1e-a63d6613658e");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "9daf18d7-dd8a-4223-95c3-44a8ada2aef0", e._sentryDebugIdIdentifier = "sentry-dbid-9daf18d7-dd8a-4223-95c3-44a8ada2aef0");
   } catch (e) {
   }
 }
 ;
-import { jsxs, jsx } from "preact/compat/jsx-runtime";
+import { jsxs, jsx } from "preact/jsx-runtime";
 const SvgOptionsHorizontal = (props) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", role: "img", ...props, children: [
   /* @__PURE__ */ jsx("path", { fill: "#001222", d: "M12 8C12 7.60217 12.158 7.22064 12.4393 6.93934C12.7206 6.65803 13.1022 6.5 13.5 6.5C13.7967 6.5 14.0867 6.58797 14.3334 6.75279C14.58 6.91762 14.7723 7.15189 14.8858 7.42597C14.9993 7.70006 15.0291 8.00166 14.9712 8.29264C14.9133 8.58361 14.7704 8.85088 14.5607 9.06066C14.3509 9.27044 14.0836 9.4133 13.7926 9.47118C13.5017 9.52906 13.2001 9.49935 12.926 9.38582C12.6519 9.27229 12.4176 9.08003 12.2528 8.83335C12.088 8.58668 12 8.29667 12 8Z" }),
   /* @__PURE__ */ jsx("path", { fill: "#001222", d: "M0.999999 8C0.999999 8.29667 1.08797 8.58668 1.25279 8.83335C1.41762 9.08003 1.65189 9.27229 1.92597 9.38582C2.20006 9.49935 2.50166 9.52906 2.79263 9.47118C3.08361 9.4133 3.35088 9.27044 3.56066 9.06066C3.77044 8.85088 3.9133 8.58361 3.97118 8.29264C4.02905 8.00166 3.99935 7.70006 3.88582 7.42597C3.77229 7.15189 3.58003 6.91762 3.33335 6.75279C3.08668 6.58797 2.79667 6.5 2.5 6.5C2.10217 6.5 1.72064 6.65803 1.43934 6.93934C1.15803 7.22064 0.999999 7.60217 0.999999 8Z" }),

package/dist/{partner-CPjsrePY.js → partner-QD27Vy4w.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] = "ece0d738-e1d0-46c1-a1ee-4ca255725d95", e._sentryDebugIdIdentifier = "sentry-dbid-ece0d738-e1d0-46c1-a1ee-4ca255725d95");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "b3ec923c-afab-4b5c-8984-b72221dbed8a", e._sentryDebugIdIdentifier = "sentry-dbid-b3ec923c-afab-4b5c-8984-b72221dbed8a");
   } catch (e) {
   }
 }
 ;
-import { jsxs, jsx } from "preact/compat/jsx-runtime";
+import { jsxs, jsx } from "preact/jsx-runtime";
 const SvgPartner = (props) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", role: "img", ...props, children: [
   /* @__PURE__ */ jsx("path", { fill: "#001222", d: "M10.375 13.2197H14.2197V11C14.2197 10.3308 13.6692 9.78027 13 9.78027H9.21973V8.21973H13C14.5308 8.21973 15.7803 9.46922 15.7803 11V14.7803H9.625L5.625 9.78027H3C2.33078 9.78027 1.78027 10.3308 1.78027 11V13.2197H6.78027V14.7803H0.219727V11C0.219727 9.46922 1.46922 8.21973 3 8.21973H6.375L10.375 13.2197Z" }),
   /* @__PURE__ */ jsx("path", { fill: "#001222", d: "M4 1.21973C5.53078 1.21973 6.78027 2.46922 6.78027 4C6.78027 5.53078 5.53078 6.78027 4 6.78027C2.46922 6.78027 1.21973 5.53078 1.21973 4C1.21973 2.46922 2.46922 1.21973 4 1.21973ZM4 2.78027C3.33078 2.78027 2.78027 3.33078 2.78027 4C2.78027 4.66922 3.33078 5.21973 4 5.21973C4.66922 5.21973 5.21973 4.66922 5.21973 4C5.21973 3.33078 4.66922 2.78027 4 2.78027Z" }),

package/dist/{passport-blurred-B4UDQfmc.js → passport-blurred-CVG493IJ.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] = "030e313f-a285-4e0a-9508-1e22464a6526", e._sentryDebugIdIdentifier = "sentry-dbid-030e313f-a285-4e0a-9508-1e22464a6526");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "496fb7c6-aefb-4b29-b998-29d5a931b06f", e._sentryDebugIdIdentifier = "sentry-dbid-496fb7c6-aefb-4b29-b998-29d5a931b06f");
   } catch (e) {
   }
 }
 ;
-import { jsxs, jsx } from "preact/compat/jsx-runtime";
+import { jsxs, jsx } from "preact/jsx-runtime";
 const SvgPassportBlurred = (props) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 200 160", role: "img", ...props, children: [
   /* @__PURE__ */ jsx("path", { fill: "#EEEFF1", d: "M0 0h200v160H0z" }),
   /* @__PURE__ */ jsxs("g", { filter: "url(#passport-blurred_svg__a)", children: [

package/dist/{passport-cut-off-C0N2mgLk.js → passport-cut-off-COzA_TmB.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] = "4cc5438f-e548-4995-a267-b65bfef886f3", e._sentryDebugIdIdentifier = "sentry-dbid-4cc5438f-e548-4995-a267-b65bfef886f3");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "d4b957e1-d42c-4852-8bcd-b1d3065c6eb4", e._sentryDebugIdIdentifier = "sentry-dbid-d4b957e1-d42c-4852-8bcd-b1d3065c6eb4");
   } catch (e) {
   }
 }
 ;
-import { jsxs, jsx } from "preact/compat/jsx-runtime";
+import { jsxs, jsx } from "preact/jsx-runtime";
 const SvgPassportCutOff = (props) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 200 160", role: "img", ...props, children: [
   /* @__PURE__ */ jsx("path", { fill: "#EEEFF1", d: "M0 0h200v160H0z" }),
   /* @__PURE__ */ jsx("mask", { id: "passport-cut-off_svg__a", width: 200, height: 160, x: 0, y: 0, maskUnits: "userSpaceOnUse", style: {

package/dist/{passport-front-BwA7wR91.js → passport-front-WJleLixT.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] = "f97e3de1-3d48-4ed9-a705-32b5f269f3e3", e._sentryDebugIdIdentifier = "sentry-dbid-f97e3de1-3d48-4ed9-a705-32b5f269f3e3");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "36b991f2-7ed0-46e2-95e0-fb5825865560", e._sentryDebugIdIdentifier = "sentry-dbid-36b991f2-7ed0-46e2-95e0-fb5825865560");
   } catch (e) {
   }
 }
 ;
-import { jsxs, jsx } from "preact/compat/jsx-runtime";
+import { jsxs, jsx } from "preact/jsx-runtime";
 const SvgPassportFront = (props) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 200 160", role: "img", ...props, children: [
   /* @__PURE__ */ jsx("path", { fill: "#EEEFF1", d: "M0 0h200v160H0z" }),
   /* @__PURE__ */ jsx("path", { fill: "#CEE0F2", d: "M170.5 40.5a10 10 0 0 0-10-10h-120a10 10 0 0 0-10 10v70h140z" }),