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

package/dist/{Introduction-DJ6qIUPC.js → Introduction-B1WXHc-7.js}

@@ -2,49 +2,49 @@
 {
   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] = "052902ad-8c18-45cc-996c-7724b28837ad", e._sentryDebugIdIdentifier = "sentry-dbid-052902ad-8c18-45cc-996c-7724b28837ad");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "8425d8da-9f0b-415e-99aa-508fed954df2", e._sentryDebugIdIdentifier = "sentry-dbid-8425d8da-9f0b-415e-99aa-508fed954df2");
   } catch (e) {
   }
 }
 ;
 import { jsxs, Fragment, jsx } from "preact/jsx-runtime";
 import { useMemo as useMemo$1, useState, useEffect } from "preact/hooks";
-import { W as TaskTypes, y as LegalEntityType, bw as getTranslationKeysByPrefix, b as useI18nContext, a as useLegalEntity, R as ROOT_LE, L as Loader, $ as useAnalyticsContext, bx as StepProgressIndicator, Z as Button } from "./StoreProvider-BmzY19Td.js";
+import { $ as TaskTypes, O as LegalEntityTypes, c as useTranslation, d as useLegalEntity, R as ROOT_LE, L as Loader, a3 as useAnalyticsContext, bx as StepProgressIndicator, G as Button } from "./StoreProvider-O9jwxfG8.js";
 import { useMemo } from "preact/compat";
-import { u as useCanSeeIntroduction, a as useLegalEntityType } from "./OnboardingDropinComponent-BW6er2HU.js";
+import { b as useCanSeeIntroduction, c as useLegalEntityType } from "./OnboardingDropinComponent-DYdts9Sh.js";
 import { t as toCapitalized } from "./toCapitalized-Bq7laD0b.js";
-var IntroductionScreens = ((IntroductionScreens2) => {
-  IntroductionScreens2["PROLOGUE"] = "PROLOGUE";
-  IntroductionScreens2[IntroductionScreens2["INDIVIDUAL"] = TaskTypes.INDIVIDUAL] = "INDIVIDUAL";
-  IntroductionScreens2[IntroductionScreens2["DECISION_MAKER"] = TaskTypes.DECISION_MAKER] = "DECISION_MAKER";
-  IntroductionScreens2[IntroductionScreens2["SOLE_PROPRIETOR_COMPANY"] = TaskTypes.SOLE_PROPRIETOR_COMPANY] = "SOLE_PROPRIETOR_COMPANY";
-  IntroductionScreens2[IntroductionScreens2["TRUST"] = TaskTypes.TRUST] = "TRUST";
-  IntroductionScreens2[IntroductionScreens2["TRUST_MEMBER"] = TaskTypes.TRUST_MEMBER] = "TRUST_MEMBER";
-  IntroductionScreens2["ACCOUNT"] = "ACCOUNT";
-  IntroductionScreens2["EPILOGUE"] = "EPILOGUE";
-  return IntroductionScreens2;
-})(IntroductionScreens || {});
+import IntroductionStrings from "./en-US-Bq2Twy6x.js";
+const IntroductionScreens = {
+  PROLOGUE: "PROLOGUE",
+  INDIVIDUAL: TaskTypes.INDIVIDUAL,
+  DECISION_MAKER: TaskTypes.DECISION_MAKER,
+  SOLE_PROPRIETOR_COMPANY: TaskTypes.SOLE_PROPRIETOR_COMPANY,
+  TRUST: TaskTypes.TRUST,
+  TRUST_MEMBER: TaskTypes.TRUST_MEMBER,
+  ACCOUNT: "ACCOUNT",
+  EPILOGUE: "EPILOGUE"
+};
 const introductionScreensByLegalEntityType = {
-  [LegalEntityType.INDIVIDUAL]: [
+  [LegalEntityTypes.INDIVIDUAL]: [
     IntroductionScreens.PROLOGUE,
     IntroductionScreens.INDIVIDUAL,
     IntroductionScreens.ACCOUNT,
     IntroductionScreens.EPILOGUE
   ],
-  [LegalEntityType.ORGANIZATION]: [
+  [LegalEntityTypes.ORGANIZATION]: [
     IntroductionScreens.PROLOGUE,
     IntroductionScreens.DECISION_MAKER,
     IntroductionScreens.ACCOUNT,
     IntroductionScreens.EPILOGUE
   ],
-  [LegalEntityType.SOLE_PROPRIETORSHIP]: [
+  [LegalEntityTypes.SOLE_PROPRIETORSHIP]: [
     IntroductionScreens.PROLOGUE,
     IntroductionScreens.INDIVIDUAL,
     IntroductionScreens.SOLE_PROPRIETOR_COMPANY,
     IntroductionScreens.ACCOUNT,
     IntroductionScreens.EPILOGUE
   ],
-  [LegalEntityType.TRUST]: [
+  [LegalEntityTypes.TRUST]: [
     IntroductionScreens.PROLOGUE,
     IntroductionScreens.INDIVIDUAL,
     IntroductionScreens.DECISION_MAKER,
@@ -54,7 +54,7 @@ const introductionScreensByLegalEntityType = {
     IntroductionScreens.EPILOGUE
   ],
   // TODO SOE-2109: Update to use Unincorporated Partnership screens
-  [LegalEntityType.UNINCORPORATED_PARTNERSHIP]: [
+  [LegalEntityTypes.UNINCORPORATED_PARTNERSHIP]: [
     IntroductionScreens.PROLOGUE,
     IntroductionScreens.INDIVIDUAL,
     IntroductionScreens.DECISION_MAKER,
@@ -72,9 +72,9 @@ const useIntroductionScreens = ({ legalEntity, tasks }) => {
       const isAccountScreen = screen === IntroductionScreens.ACCOUNT;
       const hasAccountTask = tasks.includes(TaskTypes.PAYIN) || tasks.includes(TaskTypes.PAYOUT);
       const isSoleProprietorScreen = screen === IntroductionScreens.SOLE_PROPRIETOR_COMPANY;
-      const isSoleProprietor = legalEntityType === LegalEntityType.SOLE_PROPRIETORSHIP;
+      const isSoleProprietor = legalEntityType === LegalEntityTypes.SOLE_PROPRIETORSHIP;
       const isTrustScreen = screen === IntroductionScreens.TRUST || screen === IntroductionScreens.TRUST_MEMBER;
-      const isTrust = legalEntityType === LegalEntityType.TRUST;
+      const isTrust = legalEntityType === LegalEntityTypes.TRUST;
       if (isAccountScreen) return hasAccountTask;
       if (isSoleProprietorScreen) return isSoleProprietor;
       if (isTrustScreen) return isTrust;
@@ -82,22 +82,23 @@ const useIntroductionScreens = ({ legalEntity, tasks }) => {
     }) : [],
     [legalEntityType, tasks]
   );
-  return canSeeIntroduction && (introductionScreens == null ? void 0 : introductionScreens.length) > 0 ? [IntroductionScreens.PROLOGUE, ...introductionScreens, IntroductionScreens.EPILOGUE] : void 0;
+  return canSeeIntroduction && introductionScreens?.length > 0 ? [IntroductionScreens.PROLOGUE, ...introductionScreens, IntroductionScreens.EPILOGUE] : void 0;
 };
 const toPascalCase = (s) => s.split(/[^A-Za-z]/).map((word) => toCapitalized(word)).join("");
-var IntroductionScreenTranslationKeyElements = /* @__PURE__ */ ((IntroductionScreenTranslationKeyElements2) => {
-  IntroductionScreenTranslationKeyElements2["ListItem"] = "LI";
-  IntroductionScreenTranslationKeyElements2["Paragraph"] = "P";
-  return IntroductionScreenTranslationKeyElements2;
-})(IntroductionScreenTranslationKeyElements || {});
-const getIntroductionScreenTranslationKeys = (translations, factors) => {
+const IntroductionScreenTranslationKeyElements = {
+  ListItem: "LI",
+  Paragraph: "P"
+};
+const getIntroductionScreenTranslationKeys = (factors) => {
   const elForKey = (factors.elementType || "").toUpperCase();
   const lForKey = toPascalCase(factors.legalEntityType || "");
   const iForKey = toPascalCase(factors.introductionScreen);
   const keyPrefix = `introductionScreen${iForKey}Description${elForKey}`;
   const keyPrefixWithL = `introductionScreen${iForKey}${lForKey}Description${elForKey}`;
-  const keys = getTranslationKeysByPrefix(translations, keyPrefix);
-  const keysWithL = getTranslationKeysByPrefix(translations, keyPrefixWithL);
+  const keys = Object.keys(IntroductionStrings).filter((key) => key.startsWith(keyPrefix));
+  const keysWithL = Object.keys(IntroductionStrings).filter(
+    (key) => key.startsWith(keyPrefixWithL)
+  );
   return (keysWithL.length ? keysWithL : keys).sort(
     (a, b) => Number(a.charAt(a.length - 1)) - Number(b.charAt(b.length - 1))
   );
@@ -107,30 +108,32 @@ const IntroductionScreen = ({
   legalEntity,
   number
 }) => {
-  const { i18n } = useI18nContext();
+  const { t } = useTranslation("introduction");
   const legalEntityType = useLegalEntityType({ legalEntity });
   const paragraphKeys = useMemo$1(
-    () => legalEntityType ? getIntroductionScreenTranslationKeys(i18n.translations, {
+    () => legalEntityType ? getIntroductionScreenTranslationKeys({
       introductionScreen,
       legalEntityType,
       elementType: IntroductionScreenTranslationKeyElements.Paragraph
     }) : void 0,
-    [i18n, introductionScreen, legalEntityType]
+    [introductionScreen, legalEntityType]
   );
   const listItemKeys = useMemo$1(
-    () => legalEntityType ? getIntroductionScreenTranslationKeys(i18n.translations, {
+    () => legalEntityType ? getIntroductionScreenTranslationKeys({
       introductionScreen,
       legalEntityType,
       elementType: IntroductionScreenTranslationKeyElements.ListItem
     }) : void 0,
-    [i18n, introductionScreen, legalEntityType]
+    [introductionScreen, legalEntityType]
   );
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("div", { className: "adyen-kyc-introduction__number", children: number }),
-    /* @__PURE__ */ jsx("div", { className: "adyen-kyc-introduction__title", children: i18n.get(`introductionScreen${toPascalCase(introductionScreen)}Title`) }),
+    /* @__PURE__ */ jsx("div", { className: "adyen-kyc-introduction__title", children: t(
+      ($) => $[`introductionScreen${toPascalCase(introductionScreen)}Title`]
+    ) }),
     /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-introduction__description", children: [
-      !!(paragraphKeys == null ? void 0 : paragraphKeys.length) && paragraphKeys.map((key) => /* @__PURE__ */ jsx("p", { children: i18n.get(key) }, key)),
-      !!(listItemKeys == null ? void 0 : listItemKeys.length) && /* @__PURE__ */ jsx("ul", { children: listItemKeys.map((key) => /* @__PURE__ */ jsx("li", { children: i18n.get(key) }, key)) })
+      !!paragraphKeys?.length && paragraphKeys.map((key) => /* @__PURE__ */ jsx("p", { children: t(($) => $[key]) }, key)),
+      !!listItemKeys?.length && /* @__PURE__ */ jsx("ul", { children: listItemKeys.map((key) => /* @__PURE__ */ jsx("li", { children: t(($) => $[key]) }, key)) })
     ] })
   ] });
 };
@@ -146,12 +149,12 @@ const IntroductionInner = ({
   onExitIntroduction,
   tasks
 }) => {
-  const { i18n } = useI18nContext();
+  const { t } = useTranslation(["common", "introduction"]);
   const userEvents = useAnalyticsContext();
   const introductionScreens = useIntroductionScreens({ legalEntity, tasks });
   const [activeIndex, setActiveIndex] = useState(0);
   const pageEventDetails = {
-    page: (introductionScreens == null ? void 0 : introductionScreens.length) ? introductionScreens[activeIndex] : void 0
+    page: introductionScreens?.length ? introductionScreens[activeIndex] : void 0
   };
   useEffect(() => {
     userEvents.addTaskEvent("Landed on page", {
@@ -159,18 +162,11 @@ const IntroductionInner = ({
     });
   }, [userEvents]);
   useEffect(() => {
-    if (!(introductionScreens == null ? void 0 : introductionScreens.length)) {
+    if (!introductionScreens?.length) {
       onExitIntroduction();
     }
   }, [introductionScreens, onExitIntroduction]);
-  const translationKeys = {
-    skip: "goToOverviewFromIntroduction",
-    back: "back",
-    next: "next",
-    continue: "continue",
-    start: "start"
-  };
-  return (introductionScreens == null ? void 0 : introductionScreens.length) ? /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-introduction", children: [
+  return introductionScreens?.length ? /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-introduction", children: [
     /* @__PURE__ */ jsx(
       StepProgressIndicator,
       {
@@ -185,12 +181,12 @@ const IntroductionInner = ({
           userEvents.addPageEvent("Clicked button", {
             ...pageEventDetails,
             actionType: "skip",
-            label: translationKeys.skip
+            label: "goToOverviewFromIntroduction"
           });
           onExitIntroduction();
         },
         variant: "link",
-        children: i18n.get(translationKeys.skip)
+        children: t(($) => $["goToOverviewFromIntroduction"], { ns: "introduction" })
       }
     ) }),
     /* @__PURE__ */ jsx(
@@ -211,12 +207,12 @@ const IntroductionInner = ({
             userEvents.addPageEvent("Clicked button", {
               ...pageEventDetails,
               actionType: "back",
-              label: translationKeys.back
+              label: "back"
             });
             setActiveIndex((currentValue) => currentValue - 1);
           },
           variant: "secondary",
-          children: i18n.get(translationKeys.back)
+          children: t(($) => $["back"])
         }
       ),
       activeIndex + 1 === introductionScreens.length ? /* @__PURE__ */ jsx(
@@ -225,11 +221,11 @@ const IntroductionInner = ({
           onClick: () => {
             userEvents.addTaskEvent("Success", {
               actionType: "submit",
-              label: translationKeys.start
+              label: "start"
             });
             onExitIntroduction();
           },
-          children: i18n.get(translationKeys.start)
+          children: t(($) => $["start"])
         }
       ) : /* @__PURE__ */ jsx(
         Button,
@@ -238,11 +234,11 @@ const IntroductionInner = ({
             userEvents.addPageEvent("Clicked button", {
               ...pageEventDetails,
               actionType: "next",
-              label: translationKeys.next
+              label: "next"
             });
             setActiveIndex((currentValue) => currentValue + 1);
           },
-          children: i18n.get(translationKeys.continue)
+          children: t(($) => $["continue"])
         }
       )
     ] })

package/dist/{ProviderButton-DAsW5EVa.js → LandingLayout-BC3pp_IY.js}

@@ -2,14 +2,15 @@
 {
   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] = "ce38c73d-23cf-4d20-8ce6-419b72fe45f2", e._sentryDebugIdIdentifier = "sentry-dbid-ce38c73d-23cf-4d20-8ce6-419b72fe45f2");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "99517c36-eb69-4e4f-8beb-b2ffa90f1d64", e._sentryDebugIdIdentifier = "sentry-dbid-99517c36-eb69-4e4f-8beb-b2ffa90f1d64");
   } catch (e) {
   }
 }
 ;
 import { useReducer, useMemo } from "preact/hooks";
-import { p as useApiContext, q as useQuery, bh as httpPost, a6 as useExperimentsContext, g as getLegalEntityCountry, ao as CountryCodes, G as isPartOfTrustFromLegalEntity, y as LegalEntityType, H as hasSolePropInLegalEntity, a$ as TrustedFieldsProvider, bk as individualComponentsKeyMapping, bl as businessDetailsComponentsKeyMapping, b as useI18nContext, Z as Button, bm as Svg } from "./StoreProvider-BmzY19Td.js";
+import { a as useApiContext, r as useQuery, t as httpPost, aa as useExperimentsContext, g as getLegalEntityCountry, as as CountryCodes, P as isPartOfTrustFromLegalEntity, O as LegalEntityTypes, U as hasSolePropInLegalEntity, b4 as TrustedFieldsProviders, b7 as individualComponentsKeyMapping, b8 as businessDetailsComponentsKeyMapping, N as Typography } from "./StoreProvider-O9jwxfG8.js";
 import { jsx, jsxs } from "preact/jsx-runtime";
+import cx from "classnames";
 async function convertToSingpassLinkResponse(openIdInitiateResponse) {
   const response = await Promise.resolve(openIdInitiateResponse);
   const item = { authUrl: response.authUrl, success: true };
@@ -31,6 +32,12 @@ const getOpenIdAuthorizationLink = async (legalEntityId, baseUrl) => {
     })
   );
 };
+const SingpassMyInfoLoginActionTypes = {
+  LOADING: "LOADING",
+  SUCCESS: "SUCCESS",
+  FAILURE: "FAILURE",
+  RESET: "RESET"
+};
 const parseTrustedFieldsIntoReadOnlyFields = (trustedFields, mapping) => {
   const formFieldsMapped = [];
   trustedFields.forEach((field) => {
@@ -58,13 +65,13 @@ const parseTrustedFieldsIntoReadOnlyFields = (trustedFields, mapping) => {
 const defaultSingpassState = { isLoading: false, isSuccess: false };
 const singpassReducer = (state, action) => {
   switch (action.type) {
-    case "LOADING":
+    case SingpassMyInfoLoginActionTypes.LOADING:
       return { ...state, isLoading: true };
-    case "SUCCESS":
+    case SingpassMyInfoLoginActionTypes.SUCCESS:
       return { isLoading: false, isSuccess: true };
-    case "FAILURE":
+    case SingpassMyInfoLoginActionTypes.FAILURE:
       return { isLoading: false, isSuccess: false, errorMessage: action.errorMessage };
-    case "RESET":
+    case SingpassMyInfoLoginActionTypes.RESET:
       return defaultSingpassState;
     default:
       return state;
@@ -73,10 +80,10 @@ const singpassReducer = (state, action) => {
 const getApiMapping = (legalEntity) => {
   if (!legalEntity) return;
   const { type } = legalEntity;
-  if (type === LegalEntityType.INDIVIDUAL) {
+  if (type === LegalEntityTypes.INDIVIDUAL) {
     return individualComponentsKeyMapping;
   }
-  if (type === LegalEntityType.ORGANIZATION) {
+  if (type === LegalEntityTypes.ORGANIZATION) {
     return businessDetailsComponentsKeyMapping;
   }
 };
@@ -105,7 +112,7 @@ const useSingpassMyInfoLogin = ({
   const { isExperimentEnabled } = useExperimentsContext();
   const isSingpassEnabledForOC = isExperimentEnabled("UseOnboardingComponentsForSingpass");
   const apiMapping = getApiMapping(legalEntity);
-  const legalEntityTrustedFields = legalEntity == null ? void 0 : legalEntity.trustedFields;
+  const legalEntityTrustedFields = legalEntity?.trustedFields;
   const { refetch: fetchOpenIdAuthorizationLink } = useOpenIdAuthorizationLink({ enabled: false });
   const isEligibleForSingpass = useMemo(() => {
     if (!legalEntity) {
@@ -120,15 +127,14 @@ const useSingpassMyInfoLogin = ({
     }
     const legalEntityType = legalEntity.type;
     const isPartOfTrust = isPartOfTrustFromLegalEntity(legalEntity);
-    const isVanillaOrganization = legalEntityType === LegalEntityType.ORGANIZATION && !isPartOfTrust;
+    const isVanillaOrganization = legalEntityType === LegalEntityTypes.ORGANIZATION && !isPartOfTrust;
     const hasSoleProprietor = hasSolePropInLegalEntity(legalEntity);
-    const isVanillaIndividual = legalEntityType === LegalEntityType.INDIVIDUAL && !hasSoleProprietor;
+    const isVanillaIndividual = legalEntityType === LegalEntityTypes.INDIVIDUAL && !hasSoleProprietor;
     return isVanillaOrganization && isSingpassEnabledForOC || isVanillaIndividual && isSingpassEnabledForOC;
   }, [legalEntity, accountHolder]);
   const singpassTrustedFields = useMemo(() => {
-    var _a;
     const allTrustedFields = isEligibleForSingpass && legalEntityTrustedFields ? legalEntityTrustedFields : [];
-    return ((_a = allTrustedFields.find((tf) => tf.provider === TrustedFieldsProvider.SINGPASS)) == null ? void 0 : _a.fields) || [];
+    return allTrustedFields.find((tf) => tf.provider === TrustedFieldsProviders.SINGPASS)?.fields || [];
   }, [isEligibleForSingpass, legalEntity]);
   const trustedFields = useMemo(
     () => apiMapping ? parseTrustedFieldsIntoReadOnlyFields(singpassTrustedFields, apiMapping) : {},
@@ -139,35 +145,18 @@ const useSingpassMyInfoLogin = ({
     [singpassTrustedFields]
   );
   const handleInitiateSingpassMyInfoLogin = async () => {
-    dispatch({
-      ...state,
-      type: "LOADING"
-      /* LOADING */
-    });
+    dispatch({ ...state, type: SingpassMyInfoLoginActionTypes.LOADING });
     const { data } = await fetchOpenIdAuthorizationLink();
-    return data == null ? void 0 : data.item.authUrl;
+    return data?.item.authUrl;
   };
   const handleSingpassMyInfoLoginSuccess = () => {
-    dispatch({
-      ...state,
-      type: "SUCCESS"
-      /* SUCCESS */
-    });
+    dispatch({ ...state, type: SingpassMyInfoLoginActionTypes.SUCCESS });
   };
   const handleSingpassMyInfoLoginFailure = (errorMessage) => {
-    dispatch({
-      ...state,
-      errorMessage,
-      type: "FAILURE"
-      /* FAILURE */
-    });
+    dispatch({ ...state, errorMessage, type: SingpassMyInfoLoginActionTypes.FAILURE });
   };
   const handleSingpassMyInfoLoginReset = () => {
-    dispatch({
-      ...state,
-      type: "RESET"
-      /* RESET */
-    });
+    dispatch({ ...state, type: SingpassMyInfoLoginActionTypes.RESET });
   };
   return {
     isEligibleForSingpass,
@@ -180,61 +169,79 @@ const useSingpassMyInfoLogin = ({
     trustedEntityAssociations
   };
 };
-const providerButton = "adyen-kyc-provider-button";
-const providerButtonDisplayName = "adyen-kyc-provider-button-display-name";
+const stackLayout = "adyen-kyc-stack-layout";
+const stackLayoutGapXs = "adyen-kyc-stack-layout-gap-xs";
+const stackLayoutGapS = "adyen-kyc-stack-layout-gap-s";
+const stackLayoutGapM = "adyen-kyc-stack-layout-gap-m";
+const stackLayoutGapL = "adyen-kyc-stack-layout-gap-l";
+const stackLayoutGapXl = "adyen-kyc-stack-layout-gap-xl";
+const stackLayoutHorizontal = "adyen-kyc-stack-layout-horizontal";
+const styles$1 = {
+  stackLayout,
+  stackLayoutGapXs,
+  stackLayoutGapS,
+  stackLayoutGapM,
+  stackLayoutGapL,
+  stackLayoutGapXl,
+  stackLayoutHorizontal
+};
+const StackLayout = ({ children, gap = "medium", horizontal = false }) => {
+  const gapStyles = {
+    xSmall: styles$1.stackLayoutGapXs,
+    small: styles$1.stackLayoutGapS,
+    medium: styles$1.stackLayoutGapM,
+    large: styles$1.stackLayoutGapL,
+    xLarge: styles$1.stackLayoutGapXl,
+    none: null
+  };
+  const rootClassname = cx(styles$1.stackLayout, gapStyles[gap], {
+    [styles$1.stackLayoutHorizontal]: horizontal
+  });
+  return /* @__PURE__ */ jsx("div", { className: rootClassname, children });
+};
+const landingLayoutImage = "adyen-kyc-landing-layout-image";
+const landingLayoutActions = "adyen-kyc-landing-layout-actions";
+const landingLayoutDisclaimer = "adyen-kyc-landing-layout-disclaimer";
+const landingLayoutCenter = "adyen-kyc-landing-layout-center";
 const styles = {
-  providerButton,
-  providerButtonDisplayName
+  landingLayoutImage,
+  landingLayoutActions,
+  landingLayoutDisclaimer,
+  landingLayoutCenter
 };
-const ProviderButton = ({
-  provider,
-  disabled = false,
-  fullWidth,
-  loading = false,
-  onClick,
-  testId
+const LandingLayout = ({
+  actions,
+  content,
+  description,
+  disclaimer,
+  helpAction,
+  media,
+  title
 }) => {
-  const isSingpass = provider.includes("singpassMyInfo");
-  const buttonVariant = isSingpass ? "secondary" : "primary";
-  const { i18n } = useI18nContext();
-  const buttonProps = {
-    disabled,
-    fullWidth,
-    loading,
-    onClick,
-    testId
-  };
-  const providerLogo = {
-    tink: "tink-logo",
-    yapily: "yapily-logo",
-    plaid: "plaid-logo",
-    onfido: "onfido-logo",
-    singpassMyInfo: "singpass-logo",
-    singpassMyInfoBusiness: "singpass-logo"
-  };
-  const providerDisplayName = {
-    tink: "Tink",
-    yapily: "Yapily",
-    plaid: "Plaid",
-    onfido: "Onfido",
-    singpassMyInfo: "Singpass",
-    singpassMyInfoBusiness: "Singpass"
-  };
-  const buttonLabel = {
-    tink: i18n.get("addAccountWith"),
-    yapily: i18n.get("addAccountWith"),
-    plaid: i18n.get("addAccountWith"),
-    onfido: i18n.get("addDetailsWith"),
-    singpassMyInfo: i18n.get("retrieveMyinfoWith"),
-    singpassMyInfoBusiness: i18n.get("retrieveMyinfoBusinessWith")
-  };
-  return /* @__PURE__ */ jsx(Button, { ...buttonProps, variant: buttonVariant, children: /* @__PURE__ */ jsxs("div", { className: styles.providerButton, children: [
-    buttonLabel[provider],
-    /* @__PURE__ */ jsx("span", { className: styles.providerButtonDisplayName, children: providerDisplayName[provider] }),
-    /* @__PURE__ */ jsx(Svg, { name: providerLogo[provider], type: "image" })
-  ] }) });
+  return /* @__PURE__ */ jsxs(StackLayout, { gap: "large", children: [
+    media && /* @__PURE__ */ jsx("div", { role: "region", className: styles.landingLayoutImage, children: media }),
+    /* @__PURE__ */ jsxs(StackLayout, { gap: "small", children: [
+      /* @__PURE__ */ jsx(Typography, { el: "h2", className: styles.landingLayoutCenter, variant: "title-l", children: title }),
+      description && /* @__PURE__ */ jsx(Typography, { className: styles.landingLayoutCenter, variant: "body", color: "primary", children: description }),
+      helpAction
+    ] }),
+    content,
+    /* @__PURE__ */ jsx("div", { className: styles.landingLayoutActions, children: /* @__PURE__ */ jsxs(StackLayout, { gap: "small", children: [
+      actions,
+      disclaimer && /* @__PURE__ */ jsx(
+        Typography,
+        {
+          variant: "caption",
+          color: "tertiary",
+          className: styles.landingLayoutDisclaimer,
+          children: disclaimer
+        }
+      )
+    ] }) })
+  ] });
 };
 export {
-  ProviderButton as P,
+  LandingLayout as L,
+  StackLayout as S,
   useSingpassMyInfoLogin as u
 };

package/dist/{LegalRepresentativeDetailsPage-CyHwQR_W.js → LegalRepresentativeDetailsPage-9xm-XCto.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] = "273d35d6-9f1f-4048-ac35-d82325b58b91", e._sentryDebugIdIdentifier = "sentry-dbid-273d35d6-9f1f-4048-ac35-d82325b58b91");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "e924d860-0f22-4ccd-a712-c885a0aa9f30", e._sentryDebugIdIdentifier = "sentry-dbid-e924d860-0f22-4ccd-a712-c885a0aa9f30");
   } catch (e) {
   }
 }
 ;
 import { jsx } from "preact/jsx-runtime";
-import { a as useLegalEntity, w as skipToken, R as ROOT_LE, ab as useCapabilityProblems, a6 as useExperimentsContext, L as Loader, g as getLegalEntityCountry, bi as getProblemsForEntity, U as EntityType, bj as isOnfidoAutofillFlowEnabled, W as TaskTypes, a4 as noop } from "./StoreProvider-BmzY19Td.js";
-import { I as IndividualOnfidoDropin, a as IndividualDropin } from "./IndividualOnfidoDropin-DGMCOm9M.js";
+import { d as useLegalEntity, B as skipToken, R as ROOT_LE, af as useCapabilityProblems, aa as useExperimentsContext, L as Loader, g as getLegalEntityCountry, b5 as getProblemsForEntity, Z as EntityTypes, b6 as isOnfidoAutofillFlowEnabled, a8 as noop, $ as TaskTypes } from "./StoreProvider-O9jwxfG8.js";
+import { I as IndividualOnfidoDropin, a as IndividualDropin } from "./IndividualOnfidoDropin-DV2fJG5W.js";
 function LegalRepresentativeDetailsPage({
   legalRepresentativeId,
   asModal = false,
@@ -28,7 +28,7 @@ function LegalRepresentativeDetailsPage({
     return /* @__PURE__ */ jsx(Loader, {});
   }
   const country = getLegalEntityCountry(legalRepresentativeLe ?? rootLe);
-  const problems = capabilityProblems ? getProblemsForEntity(capabilityProblems, EntityType.LEGAL_ENTITY, rootLe.id) : void 0;
+  const problems = capabilityProblems ? getProblemsForEntity(capabilityProblems, EntityTypes.LEGAL_ENTITY, rootLe.id) : void 0;
   const isOnfidoAutofillFlow = isOnfidoAutofillFlowEnabled(
     country,
     TaskTypes.LEGAL_REPRESENTATIVE_DETAILS,

package/dist/{ManageIndividualComponent-BIMCvcr2.js → ManageIndividualComponent-zCo6mUQx.js}

@@ -2,34 +2,30 @@
 {
   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] = "2eb95398-7834-4cf8-8f43-7635e2ffb1b3", e._sentryDebugIdIdentifier = "sentry-dbid-2eb95398-7834-4cf8-8f43-7635e2ffb1b3");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "a6d79a86-b507-48f5-b393-d59854333664", e._sentryDebugIdIdentifier = "sentry-dbid-a6d79a86-b507-48f5-b393-d59854333664");
   } catch (e) {
   }
 }
 ;
 import { jsx } from "preact/jsx-runtime";
-import { p as useApiContext, a as useLegalEntity, R as ROOT_LE } from "./StoreProvider-BmzY19Td.js";
-import { u as useOnboardingStatus } from "./useOnboardingStatus-Cwba-HzS.js";
-import { O as OnboardingStatus } from "./view-verification-status-DTkA8PtO.js";
-import { E as EmbeddedStatus } from "./EmbeddedStatus-BsZsXbKc.js";
+import { a as useApiContext, d as useLegalEntity, R as ROOT_LE } from "./StoreProvider-O9jwxfG8.js";
+import { u as useOnboardingStatus } from "./useOnboardingStatus-DJdV6bAG.js";
+import { O as OnboardingStatuses } from "./view-verification-status-VFcBydkR.js";
+import { E as EmbeddedStatus } from "./EmbeddedStatus-DdGnEZzS.js";
 function ManageIndividualComponent({
   legalEntityId,
   onClick
 }) {
-  var _a, _b;
   const { rootLegalEntityId: currentLegalEntityId } = useApiContext();
   currentLegalEntityId.value = legalEntityId;
   const { data: legalEntityData } = useLegalEntity(ROOT_LE);
   const { isPending, data: onboardingStatusData } = useOnboardingStatus({
-    refetchInterval: (res) => {
-      var _a2;
-      return ((_a2 = res.state.data) == null ? void 0 : _a2.status) === OnboardingStatus.AWAITING_DATA ? 3e3 : false;
-    }
+    refetchInterval: (res) => res.state.data?.status === OnboardingStatuses.AWAITING_DATA ? 3e3 : false
   });
-  const name = (_a = legalEntityData == null ? void 0 : legalEntityData.individual) == null ? void 0 : _a.name;
+  const name = legalEntityData?.individual?.name;
   const fullName = name ? `${name.firstName} ${name.lastName}` : "";
-  const subtitle = ((_b = legalEntityData == null ? void 0 : legalEntityData.individual) == null ? void 0 : _b.email) ?? "";
-  const status = onboardingStatusData == null ? void 0 : onboardingStatusData.status;
+  const subtitle = legalEntityData?.individual?.email ?? "";
+  const status = onboardingStatusData?.status;
   return /* @__PURE__ */ jsx(
     EmbeddedStatus,
     {

package/dist/{ManageTermsOfServiceComponent-CsM23jq3.js → ManageTermsOfServiceComponent-DpQXgPYk.js}

@@ -2,28 +2,27 @@
 {
   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] = "559a1d78-d1c0-4fb6-a3b2-7449c68a65e3", e._sentryDebugIdIdentifier = "sentry-dbid-559a1d78-d1c0-4fb6-a3b2-7449c68a65e3");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "95dbbc81-dd75-4153-993b-28803c833a0f", e._sentryDebugIdIdentifier = "sentry-dbid-95dbbc81-dd75-4153-993b-28803c833a0f");
   } catch (e) {
   }
 }
 ;
 import { jsx } from "preact/jsx-runtime";
-import { a as useTermsOfServiceAcceptanceInfos, u as useTermsOfServiceStatus } from "./useTermsOfServiceStatus-C-i9mF4m.js";
-import { p as useApiContext, b as useI18nContext } from "./StoreProvider-BmzY19Td.js";
-import { E as EmbeddedStatus } from "./EmbeddedStatus-BsZsXbKc.js";
+import { a as useTermsOfServiceAcceptanceInfos, u as useTermsOfServiceStatus } from "./useTermsOfServiceStatus-BX4GiDbz.js";
+import { a as useApiContext, u as useI18nContext } from "./StoreProvider-O9jwxfG8.js";
+import { E as EmbeddedStatus } from "./EmbeddedStatus-DdGnEZzS.js";
 function ManageTermsOfServiceComponent({
   legalEntityId,
   onClick
 }) {
-  var _a;
   const { rootLegalEntityId: currentLegalEntityId } = useApiContext();
   currentLegalEntityId.value = legalEntityId;
   const { i18n } = useI18nContext();
   const { isLoading: isLoadingSigned, data: signedData } = useTermsOfServiceAcceptanceInfos();
   const { isLoading: isLoadingUnsigned, data: unsignedData } = useTermsOfServiceStatus();
-  const signed = (_a = signedData == null ? void 0 : signedData.data) == null ? void 0 : _a.map((d) => d.type);
-  const unsigned = unsignedData == null ? void 0 : unsignedData.termsOfServiceTypes;
-  const hasSignedAll = (signed == null ? void 0 : signed.length) !== 0 && (unsigned == null ? void 0 : unsigned.length) === 0;
+  const signed = signedData?.data?.map((d) => d.type);
+  const unsigned = unsignedData?.termsOfServiceTypes;
+  const hasSignedAll = signed?.length !== 0 && unsigned?.length === 0;
   const isLoading = isLoadingSigned && isLoadingUnsigned;
   const title = i18n.get("serviceAgreements");
   return hasSignedAll ? /* @__PURE__ */ jsx(EmbeddedStatus, { onClick, title, tagLabel: "complete", loading: isLoading }) : /* @__PURE__ */ jsx(