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

package/dist/{TaskItemStatus-CB6FEOnk.js → TaskItemStatus-DrTIwCTx.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] = "7ddf343b-afc5-45bf-b10e-cb0dcee074f4", e._sentryDebugIdIdentifier = "sentry-dbid-7ddf343b-afc5-45bf-b10e-cb0dcee074f4");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "363dbd63-d66e-4378-af8a-8923f21a9fb1", e._sentryDebugIdIdentifier = "sentry-dbid-363dbd63-d66e-4378-af8a-8923f21a9fb1");
   } catch (e) {
   }
 }
 ;
 import { jsxs, jsx } from "preact/jsx-runtime";
 import cx from "classnames";
-import { L as Loader, a3 as Icon, b as useI18nContext, Y as TaskStatus, bv as KEYBOARD_KEYS } from "./StoreProvider-BmzY19Td.js";
+import { L as Loader, a4 as Icon, a as useTranslation, Z as TaskStatus, dM as KEYBOARD_KEYS } from "./StoreProvider-ClKLaHzy.js";
 const Status = ({ text, className, iconStatusClass, icon, size = "small" }) => {
   const containerClasses = cx("adyen-kyc-status", className);
   const iconClasses = cx("adyen-kyc-status__icon", iconStatusClass, {
@@ -26,10 +26,10 @@ const TaskItemStatus = ({
   size = "small",
   statusLabel
 }) => {
-  const { i18n } = useI18nContext();
+  const { t } = useTranslation();
   const handleDownloadClick = (e) => {
     e.stopPropagation();
-    downloadHandler == null ? void 0 : downloadHandler();
+    downloadHandler?.();
   };
   const handleKeyDown = (e) => {
     if (e.key === KEYBOARD_KEYS.enter || e.key === KEYBOARD_KEYS.space) {
@@ -48,7 +48,7 @@ const TaskItemStatus = ({
           onClick: handleDownloadClick,
           onKeyDown: handleKeyDown,
           children: [
-            statusLabel || i18n.get("download"),
+            statusLabel || t(($) => $["download"]),
             " "
           ]
         }
@@ -60,7 +60,7 @@ const TaskItemStatus = ({
           className: "adyen-kyc-status--finished",
           iconStatusClass: "adyen-kyc-status__icon--finished",
           icon: "checkmark-small",
-          text: statusLabel || i18n.get("verified"),
+          text: statusLabel || t(($) => $["verified"]),
           size
         }
       );
@@ -71,7 +71,7 @@ const TaskItemStatus = ({
           className: "adyen-kyc-status--finished",
           iconStatusClass: "adyen-kyc-status__icon--finished",
           icon: "checkmark-small",
-          text: statusLabel || i18n.get("signed"),
+          text: statusLabel || t(($) => $["signed"]),
           size
         }
       );
@@ -82,7 +82,7 @@ const TaskItemStatus = ({
           className: "adyen-kyc-status--error",
           iconStatusClass: "adyen-kyc-status__icon--error",
           icon: "info-circle",
-          text: statusLabel || i18n.get("unsuccessful"),
+          text: statusLabel || t(($) => $["unsuccessful"]),
           size
         }
       );
@@ -93,14 +93,14 @@ const TaskItemStatus = ({
           className: "",
           iconStatusClass: "",
           icon: "loading",
-          text: statusLabel || i18n.get("inReview"),
+          text: statusLabel || t(($) => $["inReview"]),
           size
         }
       );
     case TaskStatus.SIGN:
-      return /* @__PURE__ */ jsx("span", { className: "adyen-kyc-task-status-sign", children: statusLabel || i18n.get("sign") });
+      return /* @__PURE__ */ jsx("span", { className: "adyen-kyc-task-status-sign", children: statusLabel || t(($) => $["sign"]) });
     case TaskStatus.SUBMIT:
-      return /* @__PURE__ */ jsx("span", { className: "adyen-kyc-task-status-submit", children: statusLabel || i18n.get("submit") });
+      return /* @__PURE__ */ jsx("span", { className: "adyen-kyc-task-status-submit", children: statusLabel || t(($) => $["submit"]) });
     case TaskStatus.REMOVING:
       return /* @__PURE__ */ jsx(
         Status,
@@ -108,15 +108,15 @@ const TaskItemStatus = ({
           className: "",
           iconStatusClass: "",
           icon: "loading",
-          text: statusLabel || i18n.get("removing"),
+          text: statusLabel || t(($) => $["removing"]),
           size
         }
       );
     case TaskStatus.DETAILS_REQUIRED:
     case TaskStatus.EMPTY:
-      return /* @__PURE__ */ jsx("span", { className: "adyen-kyc-task-status-details-required", children: statusLabel || i18n.get("add") });
+      return /* @__PURE__ */ jsx("span", { className: "adyen-kyc-task-status-details-required", children: statusLabel || t(($) => $["add"]) });
     default:
-      return /* @__PURE__ */ jsx("span", { className: "adyen-kyc-task-status-details-unknown", children: i18n.get("unknown") });
+      return /* @__PURE__ */ jsx("span", { className: "adyen-kyc-task-status-details-unknown", children: t(($) => $["unknown"]) });
   }
 };
 export {

package/dist/TaskStatusIndicator-CTtKjo0m.js

@@ -0,0 +1,69 @@
+;
+{
+  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] = "8bc9522d-65c6-4346-9595-c36f0f4e1ec0", e._sentryDebugIdIdentifier = "sentry-dbid-8bc9522d-65c6-4346-9595-c36f0f4e1ec0");
+  } catch (e) {
+  }
+}
+;
+import { jsxs, jsx } from "preact/jsx-runtime";
+import cx from "classnames";
+import { a as useTranslation, Z as TaskStatus } from "./StoreProvider-ClKLaHzy.js";
+const inTaskStatus = "adyen-kyc-in-task-status";
+const inTaskStatusIndicator = "adyen-kyc-in-task-status-indicator";
+const inTaskStatusIndicatorSuccess = "adyen-kyc-in-task-status-indicator-success";
+const inTaskStatusIndicatorError = "adyen-kyc-in-task-status-indicator-error";
+const inTaskStatusIndicatorWarning = "adyen-kyc-in-task-status-indicator-warning";
+const inTaskStatusLabel = "adyen-kyc-in-task-status-label";
+const styles = {
+  inTaskStatus,
+  inTaskStatusIndicator,
+  inTaskStatusIndicatorSuccess,
+  inTaskStatusIndicatorError,
+  inTaskStatusIndicatorWarning,
+  inTaskStatusLabel
+};
+const getIndicatorLabelAndClassnames = ({
+  taskStatus
+}) => {
+  if (taskStatus === TaskStatus.FINISHED) {
+    return {
+      indicatorLabel: "taskComplete",
+      indicatorClassname: styles.inTaskStatusIndicatorSuccess
+    };
+  }
+  if (taskStatus === TaskStatus.PROCESSING) {
+    return {
+      indicatorLabel: "taskInProgress",
+      indicatorClassname: styles.inTaskStatusIndicatorWarning
+    };
+  }
+  if (taskStatus === TaskStatus.ERROR) {
+    return {
+      indicatorLabel: "taskHasErrors",
+      indicatorClassname: styles.inTaskStatusIndicatorError
+    };
+  }
+};
+const TaskStatusIndicator = ({ taskStatus }) => {
+  const { t } = useTranslation();
+  const indicator = getIndicatorLabelAndClassnames({ taskStatus });
+  if (!indicator) {
+    return null;
+  }
+  const { indicatorLabel, indicatorClassname } = indicator;
+  return /* @__PURE__ */ jsxs("div", { className: styles.inTaskStatus, children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-testid": "task-status-indicator",
+        className: cx(styles.inTaskStatusIndicator, indicatorClassname)
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: styles.inTaskStatusLabel, children: t(($) => $[indicatorLabel]) })
+  ] });
+};
+export {
+  TaskStatusIndicator as T
+};

package/dist/{TaxReportingDropin-jofokkei.js → TaxReportingDropin-DFZ2ehfk.js}

@@ -2,20 +2,21 @@
 {
   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] = "37e85779-7881-4a5d-8556-bc91c93e6512", e._sentryDebugIdIdentifier = "sentry-dbid-37e85779-7881-4a5d-8556-bc91c93e6512");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "eaffac12-5a09-46b0-8b61-8223fc4dab1d", e._sentryDebugIdIdentifier = "sentry-dbid-eaffac12-5a09-46b0-8b61-8223fc4dab1d");
   } catch (e) {
   }
 }
 ;
 import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
 import { useState, useRef, useEffect, useMemo, useCallback } from "preact/hooks";
-import { p as useApiContext, q as useQuery, r as httpGet, C as Typography, b as useI18nContext, bL as useFormContext, B as Alert, az as Field, aV as RadioGroup, bM as getFormProps, a3 as Icon, bN as isEmpty, bm as Svg, Z as Button, a0 as Card, b5 as StructuredList, _ as IconButton, ap as isEmpty$1, be as useInvalidateRootLegalEntity, $ as useAnalyticsContext, a as useLegalEntity, R as ROOT_LE, bO as getRequiredForms, bP as addValidityToForms, bQ as useFormComposer, X as createLogger, L as Loader } from "./StoreProvider-BmzY19Td.js";
-import { a as useUpdateLegalEntity } from "./useUpdateLegalEntity-xQlAqIqy.js";
-import { F as FormContextProvider, a as FormFlow } from "./FormFlow-Bt-mu4Wm.js";
-import { u as useMultiForm } from "./useMultiForm-Bwx2nVhh.js";
+import { p as useApiContext, q as useQuery, r as httpGet, G as Typography, a as useTranslation, ap as useI18nContext, bK as useFormContext, aV as Trans, bD as Link, B as Alert, aB as Field, aY as RadioGroup, ds as getFormProps, a4 as Icon, di as isEmpty, _ as Button, bp as Svg, a1 as Card, b8 as StructuredList, $ as IconButton, ar as isEmpty$1, bh as useInvalidateRootLegalEntity, a0 as useAnalyticsContext, b as useLegalEntity, R as ROOT_LE, bQ as getRequiredForms, bR as addValidityToForms, bS as useFormComposer, Y as createLogger, L as Loader } from "./StoreProvider-ClKLaHzy.js";
+import { a as useUpdateLegalEntity } from "./useUpdateLegalEntity-D8dw9Oc3.js";
+import { F as FormContextProvider, a as FormFlow } from "./FormFlow-DjvdNEiV.js";
+import { u as useMultiForm } from "./useMultiForm-KQwxav4F.js";
 import { signal } from "@preact/signals";
-import { s as styles$1, T as TaskStatusIndicator } from "./SourceOfFunds.module-xwHIboir.js";
-import { n as normalizedTaskStatusStore } from "./OnboardingDropinComponent-BW6er2HU.js";
+import { T as TaskStatusIndicator } from "./TaskStatusIndicator-CTtKjo0m.js";
+import { L as LandingLayout } from "./LandingLayout-B45lEjOv.js";
+import { n as normalizedTaskStatusStore } from "./OnboardingDropinComponent-DBW5N3Dr.js";
 const getTaxClassification = async (legalEntityId, baseUrl) => {
   return httpGet({
     baseUrl,
@@ -76,8 +77,7 @@ const taxReportingOptions = {
   financialNonReportable: "yourBusinessIsAFinancialInstitution"
 };
 const getTaxStatusSummary = (i18n, taxReportingClassification) => {
-  var _a;
-  const taxStatusDescription = ((_a = taxReportingClassification == null ? void 0 : taxReportingClassification.taxClassification) == null ? void 0 : _a.type) ? taxReportingClassification.taxClassification.type : void 0;
+  const taxStatusDescription = taxReportingClassification?.taxClassification?.type ? taxReportingClassification.taxClassification.type : void 0;
   return taxStatusDescription ? [
     {
       term: i18n.get("status"),
@@ -90,7 +90,7 @@ const getTaxStatusSummary = (i18n, taxReportingClassification) => {
   ] : [];
 };
 const getTaxOptionsRadioItems = (i18n, taxRecommendationData, taxReportingClassification) => {
-  const businessType = taxRecommendationData == null ? void 0 : taxRecommendationData.businessType;
+  const businessType = taxRecommendationData?.businessType;
   const allowedTypes = getSupportedTaxClassificationTypes(businessType);
   const allowedTaxReportingOptions = Object.fromEntries(
     Object.entries(taxReportingOptions).filter(
@@ -99,10 +99,10 @@ const getTaxOptionsRadioItems = (i18n, taxRecommendationData, taxReportingClassi
   );
   const taxOptionsWithoutRecommendation = Object.fromEntries(
     Object.entries(allowedTaxReportingOptions).filter(
-      ([key]) => key !== (taxRecommendationData == null ? void 0 : taxRecommendationData.type)
+      ([key]) => key !== taxRecommendationData?.type
     )
   );
-  const taxReportingOptionsToShow = (taxRecommendationData == null ? void 0 : taxRecommendationData.type) && !(taxReportingClassification == null ? void 0 : taxReportingClassification.type) ? taxOptionsWithoutRecommendation : allowedTaxReportingOptions;
+  const taxReportingOptionsToShow = taxRecommendationData?.type && !taxReportingClassification?.type ? taxOptionsWithoutRecommendation : allowedTaxReportingOptions;
   return Object.entries(taxReportingOptionsToShow).map(([key, value]) => ({
     id: key,
     name: key,
@@ -110,7 +110,7 @@ const getTaxOptionsRadioItems = (i18n, taxRecommendationData, taxReportingClassi
   }));
 };
 const getRecommendedTaxOptionsRadioItems = (i18n, showRecommendation, taxRecommendationData) => {
-  const taxRecommendationType = (taxRecommendationData == null ? void 0 : taxRecommendationData.type) ? taxRecommendationData.type : void 0;
+  const taxRecommendationType = taxRecommendationData?.type ? taxRecommendationData.type : void 0;
   return showRecommendation && taxRecommendationType ? [
     {
       id: taxRecommendationType,
@@ -146,11 +146,11 @@ function TaxReportingClassificationForm({
   taxRecommendationData,
   errors
 }) {
-  var _a;
+  const { t } = useTranslation();
   const { i18n } = useI18nContext();
   const { form } = useFormContext();
   const { handleChangeFor } = form;
-  const showRecommendation = (taxRecommendationData == null ? void 0 : taxRecommendationData.type) && !(taxReportingClassification == null ? void 0 : taxReportingClassification.type);
+  const showRecommendation = taxRecommendationData?.type && !taxReportingClassification?.type;
   const taxOptionsRadioItems = getTaxOptionsRadioItems(
     i18n,
     taxRecommendationData,
@@ -165,14 +165,33 @@ function TaxReportingClassificationForm({
   return /* @__PURE__ */ jsxs("form", { className: "tax-reporting", children: [
     /* @__PURE__ */ jsx(Typography, { variant: "title-l", el: "h2", className: styles.textCenter, children: i18n.get("taxStatusSelfCertification") }),
     /* @__PURE__ */ jsx(Typography, { variant: "body", el: "div", className: styles.subtitle, children: /* @__PURE__ */ jsx(
-      "div",
+      Trans,
       {
-        dangerouslySetInnerHTML: {
-          __html: i18n.get("chooseTheTaxStatusWhichBestRepresentsYourBusiness")
+        t,
+        i18nKey: ($) => $["chooseTheTaxStatusWhichBestRepresentsYourBusiness"],
+        components: {
+          el1: /* @__PURE__ */ jsx(
+            Link,
+            {
+              inline: true,
+              external: true,
+              href: "https://www.irs.gov/businesses/corporations/foreign-account-tax-compliance-act-fatca#:~:text=The%20Foreign%20Account%20Tax%20Compliance,to%20withholding%20on%20withholdable%20payments.",
+              children: "text"
+            }
+          ),
+          el2: /* @__PURE__ */ jsx(
+            Link,
+            {
+              inline: true,
+              external: true,
+              href: "https://www.oecd.org/en/publications/standard-for-automatic-exchange-of-financial-account-information-in-tax-matters-second-edition_9789264267992-en.html",
+              children: "text"
+            }
+          )
         }
       }
     ) }),
-    ((_a = errors == null ? void 0 : errors.type) == null ? void 0 : _a.errorMessage) && /* @__PURE__ */ jsx(Alert, { variant: "error", title: i18n.get(errors.type.errorMessage) }),
+    errors?.type?.errorMessage && /* @__PURE__ */ jsx(Alert, { variant: "error", title: i18n.get(errors.type.errorMessage) }),
     showRecommendation ? /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(Typography, { variant: "body-stronger", children: i18n.get("recommendedForYourBusiness") }),
       /* @__PURE__ */ jsx(Field, { el: "fieldset", name: "type", children: (childProps) => /* @__PURE__ */ jsx(
@@ -181,7 +200,7 @@ function TaxReportingClassificationForm({
           ...childProps,
           name: "type",
           items: recommendedTaxOptionRadioItems,
-          value: data == null ? void 0 : data.type,
+          value: data?.type,
           onChange: handleFieldChange("type", "input")
         }
       ) }),
@@ -193,7 +212,7 @@ function TaxReportingClassificationForm({
         ...childProps,
         name: "type",
         items: taxOptionsRadioItems,
-        value: data == null ? void 0 : data.type,
+        value: data?.type,
         onChange: handleFieldChange("type", "input")
       }
     ) })
@@ -205,15 +224,15 @@ function TaxReporting(props) {
   const { errors, valid, fieldProblems: fieldValidationErrors } = form;
   const { activeForm: propActiveForm, taxReportingClassification, taxRecommendationData } = props;
   const classificationFormProps = getFormProps(props, taxClassificationFormID);
-  const renderActiveForm = (activeForm) => /* @__PURE__ */ jsx(Fragment, { children: (activeForm == null ? void 0 : activeForm.formId) === taxClassificationFormID && /* @__PURE__ */ jsx("div", { className: styles.taxReportingDropinFormContainer, children: /* @__PURE__ */ jsx(
+  const renderActiveForm = (activeForm) => /* @__PURE__ */ jsx(Fragment, { children: activeForm?.formId === taxClassificationFormID && /* @__PURE__ */ jsx("div", { className: styles.taxReportingDropinFormContainer, children: /* @__PURE__ */ jsx(
     TaxReportingClassificationForm,
     {
       ...classificationFormProps,
       taxReportingClassification,
       taxRecommendationData,
-      errors: errors == null ? void 0 : errors.taxClassification,
-      valid: valid == null ? void 0 : valid.taxClassification,
-      fieldValidationErrors: fieldValidationErrors == null ? void 0 : fieldValidationErrors.taxClassification
+      errors: errors?.taxClassification,
+      valid: valid?.taxClassification,
+      fieldValidationErrors: fieldValidationErrors?.taxClassification
     }
   ) }) });
   return /* @__PURE__ */ jsxs("div", { className: "tax-reporting", children: [
@@ -239,69 +258,37 @@ const TaxReportingGettingStarted = ({
   handleCancelClick,
   taxReportingClassification
 }) => {
-  var _a, _b, _c, _d;
   const { i18n } = useI18nContext();
   const hasTaxReportingClassification = !isEmpty(
-    (_a = taxReportingClassification == null ? void 0 : taxReportingClassification.taxClassification) == null ? void 0 : _a.type
+    taxReportingClassification?.taxClassification?.type
   );
   const taxStatusSummary = getTaxStatusSummary(i18n, taxReportingClassification);
   return /* @__PURE__ */ jsxs("div", { className: styles.taxReportingDropinGettingStarted, children: [
-    !hasTaxReportingClassification && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        Svg,
-        {
-          type: "image",
-          testId: "source-of-funds-getting-started-icon",
-          name: "tax-reporting-graph",
-          className: styles$1.sourceOfFundsGettingStartedIcon
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Typography,
-        {
-          className: styles$1.sourceOfFundsGettingStartedHeading,
-          el: "h2",
-          variant: "title-l",
-          children: i18n.get("taxStatusSelfCertification")
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Typography,
-        {
-          className: styles$1.sourceOfFundsGettingStartedHeading,
-          el: "div",
-          variant: "body",
-          children: i18n.get("toUnderstandIfYourBankAccountDetailsAreReportable")
-        }
-      ),
-      /* @__PURE__ */ jsxs("div", { className: styles$1.sourceOfFundsGettingStartedActions, children: [
-        /* @__PURE__ */ jsx(
-          Button,
+    !hasTaxReportingClassification && /* @__PURE__ */ jsx(
+      LandingLayout,
+      {
+        media: /* @__PURE__ */ jsx(
+          Svg,
           {
-            fullWidth: true,
-            testId: "source-of-funds-getting-primary-button",
-            onClick: handleToggleFormVisible,
-            children: i18n.get("gettingStarted")
+            type: "image",
+            testId: "source-of-funds-getting-started-icon",
+            name: "tax-reporting-graph"
           }
         ),
-        handleCancelClick && /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "tertiary",
-            fullWidth: true,
-            testId: "source-of-funds-getting-cancel-button",
-            onClick: handleCancelClick,
-            children: i18n.get("backToTaskList")
-          }
-        )
-      ] })
-    ] }),
+        title: i18n.get("taxStatusSelfCertification"),
+        description: i18n.get("toUnderstandIfYourBankAccountDetailsAreReportable"),
+        actions: /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Button, { fullWidth: true, onClick: handleToggleFormVisible, children: i18n.get("gettingStarted") }),
+          handleCancelClick && /* @__PURE__ */ jsx(Button, { variant: "tertiary", onClick: handleCancelClick, fullWidth: true, children: i18n.get("backToTaskList") })
+        ] })
+      }
+    ),
     hasTaxReportingClassification && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx(
           TaskStatusIndicator,
           {
-            taskStatus: (_d = (_c = (_b = normalizedTaskStatusStore) == null ? void 0 : _b.value) == null ? void 0 : _c.TAX_REPORTING) == null ? void 0 : _d.status
+            taskStatus: normalizedTaskStatusStore?.value?.TAX_REPORTING?.status
           }
         ),
         /* @__PURE__ */ jsx(Typography, { className: styles.textCenter, el: "h2", variant: "title-l", children: i18n.get("selfCertifiedTaxStatus") }),
@@ -353,7 +340,6 @@ const taxReportingTypeValidations = {
 };
 const logger = createLogger();
 function TaxReportingDropin({ problems, handleHomeClick }) {
-  var _a, _b, _c, _d;
   const [loadingStatus, setLoadingStatus] = useState("success");
   const [formVisible, setFormVisible] = useState(false);
   useRef(null);
@@ -372,15 +358,12 @@ function TaxReportingDropin({ problems, handleHomeClick }) {
     });
   }, [userEvents]);
   const taxReportingClassification = useMemo(
-    () => {
-      var _a2, _b2;
-      return {
-        taxClassification: {
-          type: (_b2 = (_a2 = legalEntityData == null ? void 0 : legalEntityData.organization) == null ? void 0 : _a2.taxReportingClassification) == null ? void 0 : _b2.type
-        }
-      };
-    },
-    [(_b = (_a = legalEntityData == null ? void 0 : legalEntityData.organization) == null ? void 0 : _a.taxReportingClassification) == null ? void 0 : _b.type]
+    () => ({
+      taxClassification: {
+        type: legalEntityData?.organization?.taxReportingClassification?.type
+      }
+    }),
+    [legalEntityData?.organization?.taxReportingClassification?.type]
   );
   const defaultData = useMemo(
     () => ({
@@ -397,16 +380,15 @@ function TaxReportingDropin({ problems, handleHomeClick }) {
   });
   const { data = taxReportingClassification, setData, triggerValidation } = form;
   useEffect(() => {
-    var _a2, _b2, _c2;
-    if (!((_a2 = data == null ? void 0 : data.taxClassification) == null ? void 0 : _a2.type) && ((_b2 = taxReportingClassification == null ? void 0 : taxReportingClassification.taxClassification) == null ? void 0 : _b2.type)) {
-      setData("type", (_c2 = taxReportingClassification == null ? void 0 : taxReportingClassification.taxClassification) == null ? void 0 : _c2.type, "taxClassification");
+    if (!data?.taxClassification?.type && taxReportingClassification?.taxClassification?.type) {
+      setData("type", taxReportingClassification?.taxClassification?.type, "taxClassification");
       (async () => {
         await triggerValidation("taxClassification");
       })().catch(() => console.error("Error triggering validation"));
     }
   }, [
-    (_c = data == null ? void 0 : data.taxClassification) == null ? void 0 : _c.type,
-    (_d = taxReportingClassification == null ? void 0 : taxReportingClassification.taxClassification) == null ? void 0 : _d.type,
+    data?.taxClassification?.type,
+    taxReportingClassification?.taxClassification?.type,
     setData,
     triggerValidation
   ]);
@@ -420,20 +402,19 @@ function TaxReportingDropin({ problems, handleHomeClick }) {
     return addValidityToForms(requiredFormsWithoutSummary, form.isValid, problems);
   }, [form.isValid, problems]);
   const handleSubmit = useCallback(async () => {
-    var _a2, _b2;
     if (!legalEntityData) {
       return;
     }
     setLoadingStatus("loading");
     const taxReportingPayload = {
-      businessType: taxRecommendationData == null ? void 0 : taxRecommendationData.businessType,
-      financialInstitutionNumber: taxRecommendationData == null ? void 0 : taxRecommendationData.financialInstitutionNumber,
-      mainSourceOfIncome: taxRecommendationData == null ? void 0 : taxRecommendationData.mainSourceOfIncome,
-      type: (_a2 = data == null ? void 0 : data.taxClassification) == null ? void 0 : _a2.type
+      businessType: taxRecommendationData?.businessType,
+      financialInstitutionNumber: taxRecommendationData?.financialInstitutionNumber,
+      mainSourceOfIncome: taxRecommendationData?.mainSourceOfIncome,
+      type: data?.taxClassification?.type
     };
     const legalEntityPayload = {
       id: legalEntityData.id,
-      ...(legalEntityData == null ? void 0 : legalEntityData.organization) && {
+      ...legalEntityData?.organization && {
         organization: {
           ...legalEntityData.organization,
           taxReportingClassification: taxReportingPayload
@@ -445,15 +426,15 @@ function TaxReportingDropin({ problems, handleHomeClick }) {
       await invalidateRootLegalEntity();
       userEvents.addTaskEvent("Success", {
         actionType: "submit",
-        returnValue: (_b2 = data == null ? void 0 : data.taxClassification) == null ? void 0 : _b2.type
+        returnValue: data?.taxClassification?.type
       });
-      handleHomeClick == null ? void 0 : handleHomeClick();
+      handleHomeClick?.();
       setFormVisible(false);
       gotoFormByFormIndex(0);
       setTaxClassificationErrorMessage("");
       setLoadingStatus("success");
     } catch (e) {
-      setTaxClassificationErrorMessage((e == null ? void 0 : e.message) || i18n.get("errorUpdatingTaxClassification"));
+      setTaxClassificationErrorMessage(e?.message || i18n.get("errorUpdatingTaxClassification"));
       logger.log("Error updating source of funds", e);
       setLoadingStatus("success");
     }
@@ -475,7 +456,7 @@ function TaxReportingDropin({ problems, handleHomeClick }) {
         handleCancelClick: handleHomeClick,
         handleToggleFormVisible,
         taxReportingClassification,
-        problems: legalEntityData == null ? void 0 : legalEntityData.problems
+        problems: legalEntityData?.problems
       }
     ),
     formVisible && /* @__PURE__ */ jsx(FormContextProvider, { form, children: /* @__PURE__ */ jsx(
@@ -492,7 +473,7 @@ function TaxReportingDropin({ problems, handleHomeClick }) {
         children: /* @__PURE__ */ jsx(
           TaxReporting,
           {
-            taxReportingClassification: taxReportingClassification == null ? void 0 : taxReportingClassification.taxClassification,
+            taxReportingClassification: taxReportingClassification?.taxClassification,
             taxRecommendationData,
             activeForm,
             data

package/dist/{TileGroup-i5Jc08ns.js → TileGroup-BtE472I1.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] = "c9b025f1-34cb-4d3d-95e7-67b38cee3245", e._sentryDebugIdIdentifier = "sentry-dbid-c9b025f1-34cb-4d3d-95e7-67b38cee3245");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "852ca9ea-1dd2-4866-8923-67eb4143153f", e._sentryDebugIdIdentifier = "sentry-dbid-852ca9ea-1dd2-4866-8923-67eb4143153f");
   } catch (e) {
   }
 }
 ;
 import { jsxs, jsx, Fragment } from "preact/jsx-runtime";
 import cx from "classnames";
-import { dM as useId, a3 as Icon, C as Typography, bv as KEYBOARD_KEYS, a4 as noop } from "./StoreProvider-BmzY19Td.js";
+import { dL as useId, a4 as Icon, G as Typography, dM as KEYBOARD_KEYS, a5 as noop } from "./StoreProvider-ClKLaHzy.js";
 import { useRef } from "preact/hooks";
 const tileContainer = "adyen-kyc-tile-container";
 const tile = "adyen-kyc-tile";
@@ -43,18 +43,16 @@ function Tile({
   const uniqId = useId("tile");
   const idUse = id ?? uniqId;
   const handleChange = (e) => {
-    var _a;
     if (disabled) return;
-    onChange == null ? void 0 : onChange(e.currentTarget.checked);
-    (_a = inputNode.current) == null ? void 0 : _a.focus();
+    onChange?.(e.currentTarget.checked);
+    inputNode.current?.focus();
   };
   const handleOnKeyDown = (e) => {
-    var _a;
     if (e.key === KEYBOARD_KEYS.enter || e.key === KEYBOARD_KEYS.space) {
       e.preventDefault();
       if (disabled) return;
-      onChange == null ? void 0 : onChange(!checked);
-      (_a = inputNode.current) == null ? void 0 : _a.focus();
+      onChange?.(!checked);
+      inputNode.current?.focus();
     }
   };
   return /* @__PURE__ */ jsxs(