@adyen/kyc-components 3.81.0 → 3.82.0-beta.1

package/dist/{SourceOfFundsPage-DuUOdcam.js → SourceOfFundsPage-D-xLHf2C.js}

@@ -2,27 +2,47 @@
 {
   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] = "be777885-8654-4b6a-bfe7-c858d5d419aa", e._sentryDebugIdIdentifier = "sentry-dbid-be777885-8654-4b6a-bfe7-c858d5d419aa");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "a0e1d08f-0e79-4114-916a-77d861cca36f", e._sentryDebugIdIdentifier = "sentry-dbid-a0e1d08f-0e79-4114-916a-77d861cca36f");
   } catch (e) {
   }
 }
 ;
+import { a as addResourceBundles, _ as __variableDynamicImportRuntimeHelper } from "./translation-BxcrjuWb.js";
 import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
-import { a as useApiContext, r as useQuery, x as httpGet, bn as useInvalidateRootLegalEntity, bo as useMutation, t as httpPost, bC as formatObject, O as LegalEntityTypes, N as Typography, fB as Currencies, u as useI18nContext, aE as Field, fC as InputGroup, bt as Select, bG as InputText, bL as InputDate, aI as TextArea, a$ as RadioGroup, aK as CountryField, bf as Modal, K as Alert, G as Button, bh as Confirm, au as isEmpty, c as useTranslation, az as useForm, fD as useGlobalDataSlice, aC as ErrorPanel, aD as createFormUtils, L as Loader, a7 as Icon, dt as getFormProps, a4 as Card, bg as StructuredList, a2 as IconButton, cp as isEmpty$1, ao as Image, a9 as useToastContext, a0 as createLogger, fE as Dropzone, cn as createDocumentRequest, bq as useQueryClient, d as useLegalEntity, R as ROOT_LE, fi as useStateContext, a3 as useAnalyticsContext, fF as useLegalEntities, cB as getPropsFromConfigurations, bS as getRequiredForms, bT as addValidityToForms, bU as useFormComposer, cs as documentApiUtils, fn as FormWrapper, af as useCapabilityProblems, b6 as getProblemsForEntity, Z as EntityTypes, g as getLegalEntityCountry } from "./StoreProvider-pdSV8sgb.js";
+import { b as useApiContext, j as useQuery, o as httpGet, aA as useMutation, k as httpPost, y as LegalEntityTypes, x as Typography, u as useI18nContext, B as Button, a9 as isEmpty, a as useTranslation, L as Loader, V as Icon, P as IconButton, N as createLogger, aC as useQueryClient, c as useLegalEntity, R as ROOT_LE, U as useAnalyticsContext, bM as useLegalEntities, J as EntityTypes, g as getLegalEntityCountry } from "./StoreProvider-B6-mwoeD.js";
+import { T as TextArea, I as Image, b as useCapabilityProblems, g as getProblemsForEntity } from "./fieldConfigurations-CzZ2B1fa.js";
 import { useState, useMemo, useEffect, useCallback, useRef } from "preact/hooks";
-import { u as useCreateLegalEntity, a as useUpdateLegalEntity } from "./useUpdateLegalEntity-D91nO-DU.js";
-import { h as hasDataChanged } from "./hasDataChanged-e2EDb7Ni.js";
+import { a as useInvalidateRootLegalEntity, u as useToastContext } from "./useToastContext-BBdhLX_K.js";
+import { R as RadioGroup, u as useCreateLegalEntity, a as useUpdateLegalEntity } from "./RadioGroup-Dkwl1v8z.js";
+import { h as hasDataChanged } from "./hasDataChanged-B7dryhBQ.js";
+import { u as useGlobalDataSlice, c as useStateContext, F as FormWrapper } from "./useGlobalData-DRn0XQ0c.js";
+import { c as createDocumentRequest, b as getPropsFromConfigurations, d as documentApiUtils } from "./validate-DQ_IsigQ.js";
+import { g as getRequiredForms, a as addValidityToForms, u as useFormComposer } from "./dropinUtils-CkJv8r-0.js";
+import { f as formatObject } from "./utils-DNSfZiio.js";
 import { signal } from "@preact/signals";
+import { C as CountryField, E as ErrorPanel, c as createFormUtils, f as getFormProps } from "./CountryField-DxBBjy81.js";
+import { F as Field, c as Select, a as useForm } from "./useForm-CiqZ15MF.js";
+import { I as InputDate } from "./InputDate-DydMc18N.js";
+import { I as InputGroup } from "./InputGroup-WBfGDV5F.js";
+import { I as InputText } from "./InputText-BCNFl9Ni.js";
+import { C as Currencies } from "./currency-BGwQyxBo.js";
 import { a as formatAmountWithCurrency } from "./formatCurrency-CMOSdJMB.js";
-import { l as localizeDateString } from "./localizeDateString-VqxvPF9j.js";
+import { l as localizeDateString } from "./localizeDateString-C4IzMd3y.js";
 import { t as toCapitalized } from "./toCapitalized-Bq7laD0b.js";
-import { A as Avatar } from "./Avatar-Cd_8eqbA.js";
-import { v as validateDateNotInTheFuture } from "./validate-CNlNB2Sq.js";
-import { T as TileGroup } from "./TileGroup-BC8PSahf.js";
+import { A as Avatar } from "./Avatar-BaxjEBNy.js";
+import { a as Alert } from "./Alert-DCYc9VpX.js";
+import { M as Modal } from "./Modal-t5jbmZJu.js";
+import { C as Confirm } from "./Confirm-X9nR52Md.js";
+import { v as validateDateNotInTheFuture } from "./validate-BlPEAs8d.js";
+import { T as TileGroup } from "./TileGroup-jIldfSJ7.js";
 import { lazy } from "preact/compat";
-import { T as TaskStatusIndicator } from "./TaskStatusIndicator-Bmm2PsCZ.js";
-import { L as LandingLayout } from "./bafinUtils-T6TnU7m4.js";
-import { n as normalizedTaskStatusStore } from "./OnboardingDropinComponent-CDK7PYx0.js";
+import { T as TaskStatusIndicator } from "./TaskStatusIndicator-Dfp2GcbN.js";
+import { L as LandingLayout } from "./bafinUtils-DSQnsLeT.js";
+import { n as normalizedTaskStatusStore } from "./OnboardingDropinComponent-DegbZ_o6.js";
+import { i as isEmpty$1 } from "./isEmpty-CJ2g18ZH.js";
+import { S as StructuredList } from "./StructuredList-DaepaiVE.js";
+import { C as Card } from "./Card-DsB6bxW-.js";
+import { D as Dropzone } from "./Dropzone-nt4AXJ-H.js";
 const getBusinessLines = async (legalEntityId, baseUrl) => {
   return httpGet({
     baseUrl,
@@ -1966,7 +1986,7 @@ const sourceOfFundsAdditionalDataValidations = {
   }
 };
 function SourceOfFundsAdditionalData(props) {
-  const { t } = useTranslation();
+  const { t } = useTranslation("common");
   const {
     data: defaultData,
     validators,
@@ -2135,7 +2155,7 @@ function SourceOfFundsAdditionalData(props) {
 }
 const sourceOfFundsTypeFields = ["type"];
 function SourceOfFundsType(props) {
-  const { t } = useTranslation();
+  const { t } = useTranslation("common");
   const { i18n } = useI18nContext();
   const {
     data: sourceOfFundsTypeDefaultData,
@@ -2865,19 +2885,17 @@ function SourceOfFundsDropin({
     [activeSourceOfFund, currentState.data]
   );
   const derivedProps = useMemo(
-    () => getPropsFromConfigurations(
-      {},
-      sourceOfFundsForms,
-      problems?.remediationActions ? Object.values(problems?.remediationActions) : [],
-      problems?.missingData ?? [],
+    () => getPropsFromConfigurations({
+      scenarioConfiguration: {},
+      forms: sourceOfFundsForms,
+      remediationActions: problems?.remediationActions ? Object.values(problems?.remediationActions) : [],
+      dataMissingErrors: problems?.missingData ?? [],
       // TODO fix this to take existing fields into account
       // getFieldsWithExistingData(legalEntityResponse, sourceOfFundsApiKeyMapping),
-      [],
-      {},
-      {},
-      {},
-      legalEntity?.type
-    ),
+      fieldsWithExistingData: [],
+      customRules: {},
+      legalEntityType: legalEntity?.type
+    }),
     [problems?.remediationActions, problems?.missingData, legalEntity]
   );
   const sourceOfFundsRequiredForms = useMemo(
@@ -3059,6 +3077,10 @@ function SourceOfFundsDropin({
 const SourceOfFundsPage = ({ onSubmit, handleHomeClick }) => {
   const { data: rootLe } = useLegalEntity(ROOT_LE);
   const capabilityProblems = useCapabilityProblems();
+  const { i18n } = useTranslation();
+  addResourceBundles(i18n, i18n.language, [
+    { ns: "efp", importFn: () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../language/bg-BG.json": () => import("./bg-BG-D5192UVe.js"), "../language/cs-CZ.json": () => import("./cs-CZ-DOqH0WeT.js"), "../language/da-DK.json": () => import("./da-DK-B45X2VaJ.js"), "../language/de-DE.json": () => import("./de-DE-CWvgMDqU.js"), "../language/el-GR.json": () => import("./el-GR-C3rkK_oc.js"), "../language/en-US.json": () => import("./en-US-DIdQJky-.js"), "../language/es-ES.json": () => import("./es-ES-DKCCgVF8.js"), "../language/et-EE.json": () => import("./et-EE-Bc6ioJRG.js"), "../language/fi-FI.json": () => import("./fi-FI-Hhku9Lmc.js"), "../language/fr-FR.json": () => import("./fr-FR-BYuKsZIb.js"), "../language/hr-HR.json": () => import("./hr-HR-CPO5Yw2B.js"), "../language/hu-HU.json": () => import("./hu-HU-mo_0ULJG.js"), "../language/it-IT.json": () => import("./it-IT-Nl57jui-.js"), "../language/ja-JP.json": () => import("./ja-JP-D3oQAH7z.js"), "../language/lt-LT.json": () => import("./lt-LT-CVasDmF3.js"), "../language/lv-LV.json": () => import("./lv-LV-Sbsv8-nD.js"), "../language/nl-NL.json": () => import("./nl-NL-BHkRnVrj.js"), "../language/no-NO.json": () => import("./no-NO-kaAdT9B8.js"), "../language/pl-PL.json": () => import("./pl-PL-DD8JN4Qf.js"), "../language/pt-PT.json": () => import("./pt-PT-Xm-pm3mb.js"), "../language/ro-RO.json": () => import("./ro-RO-C3m6aJVP.js"), "../language/sk-SK.json": () => import("./sk-SK-BVc-vNQm.js"), "../language/sl-SI.json": () => import("./sl-SI-D_rqR0D7.js"), "../language/sv-SE.json": () => import("./sv-SE-B3zoXMuH.js") }), `../language/${i18n.language}.json`, 3) }
+  ]);
   if (!rootLe) {
     return /* @__PURE__ */ jsx(Loader, {});
   }

package/dist/Spacer-BK3jDget.js

@@ -0,0 +1,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] = "7064bd1d-f9f9-4739-bf39-c1ca091901f9", e._sentryDebugIdIdentifier = "sentry-dbid-7064bd1d-f9f9-4739-bf39-c1ca091901f9");
+  } catch (e) {
+  }
+}
+;
+import { jsx } from "preact/jsx-runtime";
+const spacer = "adyen-kyc-spacer";
+const styles = {
+  spacer
+};
+const Spacer = () => /* @__PURE__ */ jsx("div", { className: styles.spacer });
+export {
+  Spacer as S
+};

package/dist/StepProgressIndicator-DHei86A6.js

@@ -0,0 +1,78 @@
+;
+{
+  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] = "ef5d664d-e451-41d3-ba04-f83dda275768", e._sentryDebugIdIdentifier = "sentry-dbid-ef5d664d-e451-41d3-ba04-f83dda275768");
+  } catch (e) {
+  }
+}
+;
+import { jsx } from "preact/jsx-runtime";
+import cx from "classnames";
+import { a as useTranslation, x as Typography } from "./StoreProvider-B6-mwoeD.js";
+const range = (stop, start = 0, step = 1) => Array.from({ length: (stop - start) / step + 1 }, (_, i) => start + i * step);
+const progressBar = "adyen-kyc-progress-bar";
+const progressBarThick = "adyen-kyc-progress-bar-thick";
+const progressStep = "adyen-kyc-progress-step";
+const progressStepActive = "adyen-kyc-progress-step-active";
+const progressBarCircles = "adyen-kyc-progress-bar-circles";
+const styles = {
+  progressBar,
+  progressBarThick,
+  progressStep,
+  progressStepActive,
+  progressBarCircles
+};
+const shouldHighlight = (active, current, fillBefore) => !fillBefore ? active === current : active >= current;
+const StepProgressIndicator = ({
+  activeStepIndex,
+  stepsCount,
+  fillBefore,
+  thick,
+  circles
+}) => {
+  const { t } = useTranslation("ui");
+  if (stepsCount === 0 || stepsCount > 10) {
+    return /* @__PURE__ */ jsx(Typography, { variant: "caption", children: t(($) => $["XOfYSteps"], {
+      currentStep: activeStepIndex,
+      totalSteps: stepsCount
+    }) });
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "aria-label": t(($) => $["stepXofY"], { currentStep: activeStepIndex, totalSteps: stepsCount }),
+      className: styles.progress,
+      role: "group",
+      children: /* @__PURE__ */ jsx(
+        "ol",
+        {
+          className: cx(styles.progressBar, {
+            [styles.progressBarThick]: thick,
+            [styles.progressBarCircles]: circles
+          }),
+          children: range(stepsCount).map((stepNumber) => {
+            const isHighlighted = shouldHighlight(activeStepIndex, stepNumber, fillBefore);
+            return /* @__PURE__ */ jsx(
+              "li",
+              {
+                "aria-current": isHighlighted ? "step" : void 0,
+                className: cx(styles.progressStep, {
+                  [styles.progressStepActive]: isHighlighted
+                }),
+                children: /* @__PURE__ */ jsx("span", { className: "adyen-kyc-u-screen-reader-only", children: t(($) => $["stepNumberStatus"], {
+                  stepNumber,
+                  status: t(($) => $[stepNumber < activeStepIndex ? "completed" : "notCompleted"])
+                }) })
+              },
+              stepNumber
+            );
+          })
+        }
+      )
+    }
+  );
+};
+export {
+  StepProgressIndicator as S
+};