@adyen/kyc-components 4.0.0-beta.5 → 4.0.0-compact.0

package/dist/{SingpassSelection--f8TDTJH.js → SingpassSelection-ClMlwfoj.js}

@@ -2,16 +2,26 @@
 {
   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] = "0969eb5b-9155-4abf-9433-79232f616e89", e._sentryDebugIdIdentifier = "sentry-dbid-0969eb5b-9155-4abf-9433-79232f616e89");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "430e940b-6ac3-452d-9ac6-4f5df592a2c2", e._sentryDebugIdIdentifier = "sentry-dbid-430e940b-6ac3-452d-9ac6-4f5df592a2c2");
   } catch (e) {
   }
 }
 ;
 import { jsx, jsxs } from "preact/jsx-runtime";
+import { lazy } from "preact/compat";
 import { useState } from "preact/hooks";
-import { c as useTranslation, ay as useForm, N as Typography, aD as Field, aG as RadioGroupCard, G as Button, H as Svg, O as LegalEntityTypes } from "./StoreProvider-QThALSrj.js";
+import { a as useTranslation, x as Typography, B as Button, y as LegalEntityTypes } from "./StoreProvider-BlaJzXSZ.js";
+import { a as useForm, F as Field } from "./useForm-C1DW3mPC.js";
+import { R as RadioGroupCard, I as Image } from "./fieldConfigurations-B8bDFQ53.js";
 const setupAccountMethods = ["singpass", "manual"];
 const setupAccountMethodFields = ["setupAccountMethod"];
+const singpassLogo = lazy(() => import("./singpass-logo-BkMSwiGY.js"));
+const instantVerificationImage = lazy(
+  () => import("./singpass-verification-instant-hY4eGFwl.js")
+);
+const manualVerificationImage = lazy(
+  () => import("./singpass-verification-manual-DwhRpy5Q.js")
+);
 const getSingpassSelectionDisabled = (legalEntityType) => {
   switch (legalEntityType) {
     case LegalEntityTypes.INDIVIDUAL:
@@ -38,16 +48,15 @@ const getSetupAccountMethodMetadata = (legalEntityType) => {
       name: translationSingpassNameKey,
       description: translationSingpassDescriptionKey,
       icon: /* @__PURE__ */ jsx(
-        Svg,
+        Image,
         {
-          type: "image",
-          name: "singpass-verification-instant",
+          lazyLoadedImage: instantVerificationImage,
           className: "adyen-kyc-setup-singpass-container"
         }
       ),
       provider: {
         name: "singpass",
-        icon: /* @__PURE__ */ jsx(Svg, { type: "image", name: "singpass-logo", className: "adyen-kyc-singpass-logo-container" })
+        icon: /* @__PURE__ */ jsx(Image, { lazyLoadedImage: singpassLogo, className: "adyen-kyc-singpass-logo-container" })
       },
       isOptionDisabled: isSingpassSelectionDisabled
     },
@@ -55,18 +64,17 @@ const getSetupAccountMethodMetadata = (legalEntityType) => {
       name: "enterTheDetailsYourself",
       description: "youAlsoHaveToUploadSomeSupportingDocuments",
       icon: /* @__PURE__ */ jsx(
-        Svg,
+        Image,
         {
-          type: "image",
-          name: "singpass-verification-manual",
-          className: "adyen-kyc-setup-manual-container"
+          lazyLoadedImage: manualVerificationImage,
+          className: "adyen-kyc-singpass-logo-container"
         }
       )
     }
   };
 };
 const SingpassSelection = (props) => {
-  const { t } = useTranslation();
+  const { t } = useTranslation("common");
   const { legalEntityType, handleNextClick } = props;
   const [selectedMethod, setSelectedMethod] = useState();
   const selectSetupAccountMethod = (method) => {

package/dist/SoleProprietorshipPage-JKNrAy74.js

@@ -0,0 +1,50 @@
+;
+{
+  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] = "f15b55df-e493-4b77-adf4-5a73e879fa11", e._sentryDebugIdIdentifier = "sentry-dbid-f15b55df-e493-4b77-adf4-5a73e879fa11");
+  } catch (e) {
+  }
+}
+;
+import { a as addResourceBundles, _ as __variableDynamicImportRuntimeHelper } from "./translation-DJHWTow9.js";
+import { jsx } from "preact/jsx-runtime";
+import { a as useTranslation, c as useLegalEntity, R as ROOT_LE, q as skipToken, L as Loader, g as getLegalEntityCountry, M as TaskTypes, J as EntityTypes } from "./StoreProvider-BlaJzXSZ.js";
+import { b as useCapabilityProblems, g as getProblemsForEntity } from "./fieldConfigurations-B8bDFQ53.js";
+import { _ as BusinessDetailsDropin } from "./BusinessDetailsDropin-CRFPvWuD.js";
+function SoleProprietorshipPage({
+  solePropId,
+  isTargetLegalEntityType = false,
+  onSubmit,
+  handleHomeClick
+}) {
+  const { i18n } = useTranslation();
+  const { data: rootLe } = useLegalEntity(ROOT_LE);
+  const { data: solePropLe } = useLegalEntity(solePropId ?? skipToken);
+  const capabilityProblems = useCapabilityProblems();
+  addResourceBundles(i18n, i18n.language, [
+    { ns: "business", importFn: () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../Business/language/da-DK.json": () => import("./da-DK-CeNMXUfE.js"), "../../Business/language/de-DE.json": () => import("./de-DE-JI-7mvxy.js"), "../../Business/language/en-US.json": () => import("./en-US-DHq7VYFs.js"), "../../Business/language/es-ES.json": () => import("./es-ES-DOVPTeyf.js"), "../../Business/language/fi-FI.json": () => import("./fi-FI-D522KHGk.js"), "../../Business/language/fr-FR.json": () => import("./fr-FR-DInQKkTd.js"), "../../Business/language/it-IT.json": () => import("./it-IT-CjEYONJg.js"), "../../Business/language/nl-NL.json": () => import("./nl-NL-Zcq0bXd-.js"), "../../Business/language/no-NO.json": () => import("./no-NO-BxReX6oF.js"), "../../Business/language/pt-PT.json": () => import("./pt-PT-N0njcfLO.js"), "../../Business/language/sl-SI.json": () => import("./sl-SI-MZoDApq9.js"), "../../Business/language/sv-SE.json": () => import("./sv-SE-DCFSf4Oj.js") }), `../../Business/language/${i18n.language}.json`, 5) }
+  ]);
+  if (!rootLe || solePropId && !solePropLe) {
+    return /* @__PURE__ */ jsx(Loader, {});
+  }
+  const problems = capabilityProblems && solePropId ? getProblemsForEntity(capabilityProblems, EntityTypes.LEGAL_ENTITY, solePropId) : void 0;
+  const country = getLegalEntityCountry(solePropLe ?? rootLe);
+  return /* @__PURE__ */ jsx(
+    BusinessDetailsDropin,
+    {
+      taskType: TaskTypes.SOLE_PROPRIETOR_COMPANY,
+      taskName: "soleProprietorship",
+      legalEntityResponse: rootLe,
+      associatedLegalArrangement: solePropLe,
+      problems: problems ?? {},
+      country,
+      isTargetLegalEntityType,
+      onSubmit,
+      handleHomeClick
+    }
+  );
+}
+export {
+  SoleProprietorshipPage
+};

package/dist/{SourceOfFundsPage-avNGxkCP.js → SourceOfFundsPage-D-pN33-9.js}

@@ -2,26 +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] = "a68441b5-c9eb-4c1e-967a-39218aca12bb", e._sentryDebugIdIdentifier = "sentry-dbid-a68441b5-c9eb-4c1e-967a-39218aca12bb");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "2a6ce199-2a5c-412c-b60b-19e04d238480", e._sentryDebugIdIdentifier = "sentry-dbid-2a6ce199-2a5c-412c-b60b-19e04d238480");
   } catch (e) {
   }
 }
 ;
+import { a as addResourceBundles, _ as __variableDynamicImportRuntimeHelper } from "./translation-DJHWTow9.js";
 import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
-import { a as useApiContext, r as useQuery, x as httpGet, bo as useInvalidateRootLegalEntity, bp as useMutation, t as httpPost, bA as formatObject, O as LegalEntityTypes, N as Typography, fy as Currencies, u as useI18nContext, aD as Field, fz as InputGroup, bu as Select, bE as InputText, bJ as InputDate, aH as TextArea, a_ as RadioGroup, aJ as CountryField, bc as Modal, K as Alert, G as Button, bi as Confirm, at as isEmpty, c as useTranslation, ay as useForm, fA as useGlobalDataSlice, aB as ErrorPanel, aC as createFormUtils, L as Loader, a7 as Icon, dq as getFormProps, a4 as Card, bf as StructuredList, a2 as IconButton, dh as isEmpty$1, H as Svg, a9 as useToastContext, a0 as createLogger, fB as Dropzone, cl as createDocumentRequest, br as useQueryClient, d as useLegalEntity, R as ROOT_LE, ff as useStateContext, a3 as useAnalyticsContext, fC as useLegalEntities, cy as getPropsFromConfigurations, bQ as getRequiredForms, bR as addValidityToForms, bS as useFormComposer, cp as documentApiUtils, fk as FormWrapper, af as useCapabilityProblems, b5 as getProblemsForEntity, Z as EntityTypes, g as getLegalEntityCountry } from "./StoreProvider-QThALSrj.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-BlaJzXSZ.js";
+import { T as TextArea, I as Image, b as useCapabilityProblems, g as getProblemsForEntity } from "./fieldConfigurations-B8bDFQ53.js";
 import { useState, useMemo, useEffect, useCallback, useRef } from "preact/hooks";
-import { u as useCreateLegalEntity, a as useUpdateLegalEntity } from "./useUpdateLegalEntity-56mDjaQA.js";
-import { h as hasDataChanged } from "./hasDataChanged-CTE9vdfO.js";
+import { a as useInvalidateRootLegalEntity, u as useToastContext } from "./useToastContext-DGMeMy5R.js";
+import { R as RadioGroup, u as useCreateLegalEntity, a as useUpdateLegalEntity } from "./RadioGroup-CYDXrtrO.js";
+import { h as hasDataChanged } from "./hasDataChanged-BgvxL-Hx.js";
+import { u as useGlobalDataSlice, c as useStateContext, F as FormWrapper } from "./useGlobalData-jb7ua9I6.js";
+import { c as createDocumentRequest, b as getPropsFromConfigurations, d as documentApiUtils } from "./validate-CvtamBXH.js";
+import { g as getRequiredForms, a as addValidityToForms, u as useFormComposer } from "./dropinUtils-DHp5v5jB.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-D0YZrov9.js";
+import { F as Field, c as Select, a as useForm } from "./useForm-C1DW3mPC.js";
+import { I as InputDate } from "./InputDate-CHygOGiS.js";
+import { I as InputGroup } from "./InputGroup-WBfGDV5F.js";
+import { I as InputText } from "./InputText-BX5sG9WJ.js";
+import { C as Currencies } from "./currency-BGwQyxBo.js";
 import { a as formatAmountWithCurrency } from "./formatCurrency-CMOSdJMB.js";
-import { l as localizeDateString } from "./localizeDateString-DaAGYSWR.js";
+import { l as localizeDateString } from "./localizeDateString-DHsivjy2.js";
 import { t as toCapitalized } from "./toCapitalized-Bq7laD0b.js";
-import { A as Avatar } from "./Avatar-DL_WbHEO.js";
-import { v as validateDateNotInTheFuture } from "./validate-BPEF-9EC.js";
-import { T as TileGroup } from "./TileGroup-DUoq3Lh4.js";
-import { T as TaskStatusIndicator } from "./TaskStatusIndicator-Bfc4X_jG.js";
-import { L as LandingLayout } from "./LandingLayout-Xi3iuRMx.js";
-import { n as normalizedTaskStatusStore } from "./OnboardingDropinComponent-DLvTQVTE.js";
+import { A as Avatar } from "./Avatar-DQjt5Lk2.js";
+import { a as Alert } from "./Alert-C24s_Ygs.js";
+import { M as Modal } from "./Modal-nMRQDTF7.js";
+import { C as Confirm } from "./Confirm-DwutojkY.js";
+import { v as validateDateNotInTheFuture } from "./validate-B5PwC1oL.js";
+import { T as TileGroup } from "./TileGroup-CztY53P9.js";
+import { lazy } from "preact/compat";
+import { T as TaskStatusIndicator } from "./TaskStatusIndicator-BIvTrQtf.js";
+import { L as LandingLayout } from "./bafinUtils-Bar3qiJA.js";
+import { n as normalizedTaskStatusStore } from "./OnboardingDropinComponent-B0GrJ_pR.js";
+import { i as isEmpty$1 } from "./isEmpty-CuQFhMf0.js";
+import { S as StructuredList } from "./StructuredList-DaepaiVE.js";
+import { C as Card } from "./Card-BMuquALf.js";
+import { D as Dropzone } from "./Dropzone-D6dXhmL4.js";
 const getBusinessLines = async (legalEntityId, baseUrl) => {
   return httpGet({
     baseUrl,
@@ -1965,7 +1986,7 @@ const sourceOfFundsAdditionalDataValidations = {
   }
 };
 function SourceOfFundsAdditionalData(props) {
-  const { t } = useTranslation();
+  const { t } = useTranslation("common");
   const {
     data: defaultData,
     validators,
@@ -2134,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,
@@ -2319,6 +2340,7 @@ function SourceOfFundsGettingStartedCard(props) {
     id
   );
 }
+const digitalWallet = lazy(() => import("./digital-wallet-D_IpxnkN.js"));
 const SourceOfFundsGettingStarted = ({
   handleGettingStartedClick,
   handleCancelClick,
@@ -2412,14 +2434,7 @@ const SourceOfFundsGettingStarted = ({
         !hasSourceOfFunds && /* @__PURE__ */ jsx(
           LandingLayout,
           {
-            media: /* @__PURE__ */ jsx(
-              Svg,
-              {
-                type: "image",
-                testId: "source-of-funds-getting-started-icon",
-                name: "source-of-funds"
-              }
-            ),
+            media: /* @__PURE__ */ jsx(Image, { lazyLoadedImage: digitalWallet }),
             title: i18n.get("fundingSourcesForFinancialProducts"),
             description: i18n.get("inTheNextStepWellCollectInformation"),
             actions: /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -2870,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(
@@ -3064,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/da-DK.json": () => import("./da-DK-B45X2VaJ.js"), "../language/de-DE.json": () => import("./de-DE-CWvgMDqU.js"), "../language/en-US.json": () => import("./en-US-DIdQJky-.js"), "../language/es-ES.json": () => import("./es-ES-DKCCgVF8.js"), "../language/fi-FI.json": () => import("./fi-FI-Hhku9Lmc.js"), "../language/fr-FR.json": () => import("./fr-FR-BYuKsZIb.js"), "../language/it-IT.json": () => import("./it-IT-Nl57jui-.js"), "../language/nl-NL.json": () => import("./nl-NL-BHkRnVrj.js"), "../language/no-NO.json": () => import("./no-NO-kaAdT9B8.js"), "../language/pt-PT.json": () => import("./pt-PT-Xm-pm3mb.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-BWCQmDeV.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] = "54338b68-c718-4d16-bb16-6c652b4ad7cc", e._sentryDebugIdIdentifier = "sentry-dbid-54338b68-c718-4d16-bb16-6c652b4ad7cc");
+  } catch (e) {
+  }
+}
+;
+import { jsx } from "preact/jsx-runtime";
+import cx from "classnames";
+import { a as useTranslation, x as Typography } from "./StoreProvider-BlaJzXSZ.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
+};