@adyen/kyc-components 3.70.0-beta.0 → 3.70.0

package/dist/{listToRecord-BwWy8lby.js → TaskItemStatus-ChW10MdE.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] = "4df6fa39-d0d6-4a41-93f8-9b162b108ce4", e._sentryDebugIdIdentifier = "sentry-dbid-4df6fa39-d0d6-4a41-93f8-9b162b108ce4");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "f8d488f4-7d6b-4fee-8b26-a0792f394cc2", e._sentryDebugIdIdentifier = "sentry-dbid-f8d488f4-7d6b-4fee-8b26-a0792f394cc2");
   } catch (e) {
   }
 }
 ;
 import { jsx, jsxs } from "preact/jsx-runtime";
 import cx from "classnames";
-import { K as Loader, Q as Icon, i as useI18nContext, N as TaskStatus, bw as KEYBOARD_KEYS } from "./EventEmitter-B5nDiK-t.js";
+import { Q as Loader, V as Icon, e as useI18nContext, R as TaskStatus, db as KEYBOARD_KEYS } from "./EventEmitter-Cfyz1mmg.js";
 const tag = "adyen-kyc-tag";
 const tagGrey = "adyen-kyc-tag-grey";
 const tagBlue = "adyen-kyc-tag-blue";
@@ -146,15 +146,7 @@ const TaskItemStatus = ({
       return /* @__PURE__ */ jsx("span", { className: "adyen-kyc-task-status-details-unknown", children: i18n.get("unknown") });
   }
 };
-const listToRecord = (list, getValue) => list.reduce(
-  (acc, k) => ({
-    ...acc,
-    [k]: getValue(k)
-  }),
-  {}
-);
 export {
   Tag as T,
-  TaskItemStatus as a,
-  listToRecord as l
+  TaskItemStatus as a
 };

package/dist/{TaxReportingDropin-CpStwino.js → TaxReportingDropin-_MxQClQd.js}

@@ -2,17 +2,18 @@
 {
   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] = "19a799b2-6d74-463a-a0bc-996df6685f77", e._sentryDebugIdIdentifier = "sentry-dbid-19a799b2-6d74-463a-a0bc-996df6685f77");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "1aa6427e-9914-41c8-be13-588fb0ec36d5", e._sentryDebugIdIdentifier = "sentry-dbid-1aa6427e-9914-41c8-be13-588fb0ec36d5");
   } catch (e) {
   }
 }
 ;
 import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
 import { useState, useRef, useEffect, useMemo, useCallback } from "preact/hooks";
-import { a as useApiContext, b as useQuery, d as httpGet, E as Typography, i as useI18nContext, bP as useFormContext, V as Alert, b9 as Field, bb as RadioGroup, aw as getFormProps, Q as Icon, aM as isEmpty, bx as Svg, G as Button, W as Card, X as StructuredList, Z as IconButton, H as isEmpty$1, R as useInvalidateRootLegalEntity, j as useAnalyticsContext, u as useLegalEntity, c as createLogger, K as Loader } from "./EventEmitter-B5nDiK-t.js";
-import { B as useUpdateLegalEntity, N as useMultiForm, h as getRequiredForms, i as addValidityToForms, j as useFormComposer, T as FormContextProvider, F as FormWrapper } from "./CreateIndividualComponent-DArsdfFf.js";
+import { u as useApiContext, a as useQuery, b as httpGet, J as Typography, e as useI18nContext, cO as useFormContext, Z as Alert, aH as Field, b0 as RadioGroup, br as getFormProps, V as Icon, d4 as isEmpty, d6 as Svg, B as Button, _ as Card, $ as StructuredList, a0 as IconButton, K as isEmpty$1, X as useInvalidateRootLegalEntity, f as useAnalyticsContext, N as useLegalEntity, a3 as createLogger, Q as Loader, W as ROOT_LE } from "./EventEmitter-Cfyz1mmg.js";
+import { z as useUpdateLegalEntity, J as useMultiForm, h as getRequiredForms, i as addValidityToForms, j as useFormComposer, K as FormContextProvider, L as FormFlow } from "./CreateIndividualComponent-BuBNDvhx.js";
 import { signal } from "@preact/signals";
-import { s as sofStyles, T as TaskStatusIndicator, n as normalizedTaskStatusStore } from "./core-BY7J00UO.js";
+import { s as styles$1, T as TaskStatusIndicator } from "./SourceOfFunds.module-BhujhW0d.js";
+import { n as normalizedTaskStatusStore } from "./core-BwyfkHN1.js";
 const getTaxClassification = async (legalEntityId, baseUrl) => {
   return httpGet({
     baseUrl,
@@ -250,13 +251,13 @@ const TaxReportingGettingStarted = ({
           type: "image",
           testId: "source-of-funds-getting-started-icon",
           name: "tax-reporting-graph",
-          className: sofStyles.sourceOfFundsGettingStartedIcon
+          className: styles$1.sourceOfFundsGettingStartedIcon
         }
       ),
       /* @__PURE__ */ jsx(
         Typography,
         {
-          className: sofStyles.sourceOfFundsGettingStartedHeading,
+          className: styles$1.sourceOfFundsGettingStartedHeading,
           el: "h2",
           variant: "title-l",
           children: i18n.get("taxStatusSelfCertification")
@@ -265,13 +266,13 @@ const TaxReportingGettingStarted = ({
       /* @__PURE__ */ jsx(
         Typography,
         {
-          className: sofStyles.sourceOfFundsGettingStartedHeading,
+          className: styles$1.sourceOfFundsGettingStartedHeading,
           el: "div",
           variant: "body",
           children: i18n.get("toUnderstandIfYourBankAccountDetailsAreReportable")
         }
       ),
-      /* @__PURE__ */ jsxs("div", { className: sofStyles.sourceOfFundsGettingStartedActions, children: [
+      /* @__PURE__ */ jsxs("div", { className: styles$1.sourceOfFundsGettingStartedActions, children: [
         /* @__PURE__ */ jsx(
           Button,
           {
@@ -350,7 +351,7 @@ const taxReportingTypeValidations = {
 };
 const logger = createLogger();
 function TaxReportingDropin({ problems, handleHomeClick }) {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d;
   const [loadingStatus, setLoadingStatus] = useState("success");
   const [formVisible, setFormVisible] = useState(false);
   useRef(null);
@@ -358,7 +359,7 @@ function TaxReportingDropin({ problems, handleHomeClick }) {
   const { i18n } = useI18nContext();
   const { data: taxRecommendationData, isLoading: isLoadingTaxRecommendationData } = useTaxClassification();
   const userEvents = useAnalyticsContext();
-  const { data: legalEntityData, isLoading } = useLegalEntity();
+  const { data: legalEntityData, isLoading } = useLegalEntity(ROOT_LE);
   const { mutateAsync: updateLegalEntityMutation } = useUpdateLegalEntity();
   useEffect(() => {
     clearTaxClassificationErrorMessage();
@@ -393,13 +394,6 @@ function TaxReportingDropin({ problems, handleHomeClick }) {
     defaultData
   });
   const { data = taxReportingClassification, setData, triggerValidation } = form;
-  const canSubmitForm = useMemo(
-    () => {
-      var _a2;
-      return !isEmpty$1((_a2 = data == null ? void 0 : data.taxClassification) == null ? void 0 : _a2.type);
-    },
-    [(_c = data == null ? void 0 : data.taxClassification) == null ? void 0 : _c.type]
-  );
   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)) {
@@ -409,8 +403,8 @@ function TaxReportingDropin({ problems, handleHomeClick }) {
       })().catch(() => console.error("Error triggering validation"));
     }
   }, [
-    (_d = data == null ? void 0 : data.taxClassification) == null ? void 0 : _d.type,
-    (_e = taxReportingClassification == null ? void 0 : taxReportingClassification.taxClassification) == null ? void 0 : _e.type,
+    (_c = data == null ? void 0 : data.taxClassification) == null ? void 0 : _c.type,
+    (_d = taxReportingClassification == null ? void 0 : taxReportingClassification.taxClassification) == null ? void 0 : _d.type,
     setData,
     triggerValidation
   ]);
@@ -465,18 +459,13 @@ function TaxReportingDropin({ problems, handleHomeClick }) {
   const handleToggleFormVisible = () => {
     setFormVisible(!formVisible);
   };
-  const {
-    handleNextClick,
-    activeForm,
-    setShouldValidate,
-    gotoFormByFormIndex,
-    steps
-  } = useFormComposer({
-    problems,
-    forms,
-    onSubmit: handleSubmit,
-    triggerValidation: form.triggerValidation
-  });
+  const { handleNextClick, activeForm, gotoFormByFormIndex, steps } = useFormComposer(
+    {
+      problems,
+      forms,
+      onSubmit: handleSubmit
+    }
+  );
   return /* @__PURE__ */ jsx("div", { className: styles.taxReportingDropin, children: isLoading || isLoadingTaxRecommendationData ? /* @__PURE__ */ jsx(Loader, {}) : /* @__PURE__ */ jsxs(Fragment, { children: [
     !formVisible && /* @__PURE__ */ jsx(
       TaxReportingGettingStarted,
@@ -488,23 +477,16 @@ function TaxReportingDropin({ problems, handleHomeClick }) {
       }
     ),
     formVisible && /* @__PURE__ */ jsx(FormContextProvider, { form, children: /* @__PURE__ */ jsx(
-      FormWrapper,
+      FormFlow,
       {
-        taskName: "taxReportingClassification",
-        gotoFormByFormIndex,
-        hideSidebar: true,
-        loadingStatus,
         forms,
-        activeForm,
-        validateForm: () => setShouldValidate(true),
-        onSubmit: handleSubmit,
-        problems,
-        canSubmit: canSubmitForm,
-        handleNextClick,
-        showBackButton: true,
+        gotoFormByFormIndex,
         handleBackClick: handleToggleFormVisible,
-        handleHomeClick,
-        steps,
+        handleCancelClick: handleHomeClick,
+        handleNextClick,
+        loadingStatus,
+        currentStep: steps.current,
+        totalSteps: steps.total,
         children: /* @__PURE__ */ jsx(
           TaxReporting,
           {