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

package/dist/{DecisionMakers-D2TjKnOc.js → DecisionMakers-CZ5-IRtU.js}

@@ -2,18 +2,116 @@
 {
   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] = "3e3bc3d5-af45-49b9-aa04-484826796009", e._sentryDebugIdIdentifier = "sentry-dbid-3e3bc3d5-af45-49b9-aa04-484826796009");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "8dc04362-f3eb-4192-bb5a-5b3d0dc024bb", e._sentryDebugIdIdentifier = "sentry-dbid-8dc04362-f3eb-4192-bb5a-5b3d0dc024bb");
   } catch (e) {
   }
 }
 ;
-import { jsx, jsxs } from "preact/jsx-runtime";
+import { jsxs, jsx, Fragment } from "preact/jsx-runtime";
 import { useState, useEffect } from "preact/hooks";
-import { a as useLegalEntity, R as ROOT_LE, L as Loader, a8 as useGetTaskStatus, b as useI18nContext, $ as useAnalyticsContext, bn as getOwnDecisionMakers, bo as getAvailableDecisionMakerRoleTypes, X as TaskTypes, bp as getAllowedDecisionMakerRoles, F as FormHeader, aS as ContextGuidance, bq as DecisionMakerType, C as Alert, a9 as CardGroup, Z as Button, aM as ActionBar } from "./StoreProvider-COHi02bX.js";
-import { a as useUpdateLegalEntity } from "./useUpdateLegalEntity-By6uwPUg.js";
-import { u as useToastContext } from "./useToastContext-CF2xonft.js";
-import { b as useDataMissingRemediations, D as DropinLayout, E as EntityGuidanceStatus, i as iconStatus, c as EntityAssociation } from "./OnboardingDropinComponent-CocnpjvA.js";
-import { u as useCapabilityProblems } from "./ProviderButton-vD5DUJaN.js";
+import { ap as useI18nContext, G as Typography, B as Alert, a0 as useAnalyticsContext, _ as Button, bp as Svg, b5 as Modal, b as useLegalEntity, R as ROOT_LE, L as Loader, aa as useGetTaskStatus, a as useTranslation, a7 as useExperimentsContext, a6 as useToastContext, ac as useCapabilityProblems, by as getOwnDecisionMakers, cS as getAvailableDecisionMakerRoleTypes, X as TaskTypes, cB as getAllowedDecisionMakerRoles, F as FormHeader, aX as ContextGuidance, aV as Trans, cQ as DecisionMakerType, ab as CardGroup, aQ as ActionBar } from "./StoreProvider-ClKLaHzy.js";
+import { a as useUpdateLegalEntity } from "./useUpdateLegalEntity-D8dw9Oc3.js";
+import { c as useDataMissingRemediations, D as DropinLayout, E as EntityGuidanceStatus, i as iconStatus, d as EntityAssociation } from "./OnboardingDropinComponent-DBW5N3Dr.js";
+import { L as LandingLayout } from "./LandingLayout-B45lEjOv.js";
+const decisionMakersGettingStarted = "adyen-kyc-decision-makers-getting-started";
+const styles = {
+  decisionMakersGettingStarted
+};
+const DecisionMakersModalContent = () => {
+  const { i18n } = useI18nContext();
+  return /* @__PURE__ */ jsxs("div", { className: styles.decisionMakersGettingStartedModal, children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "title-l", el: "h3", className: "adyen-kyc-u-margin-bottom-40", children: i18n.get("moreAboutOwnersAndDecisionMakers") }),
+    /* @__PURE__ */ jsx(Typography, { variant: "body-strongest", el: "h4", className: "adyen-kyc-u-margin-bottom-12", children: i18n.get("ownersAndDecisionMakersDescriptionQ1") }),
+    /* @__PURE__ */ jsx(Typography, { el: "p", className: "adyen-kyc-u-margin-bottom-32", children: i18n.get("ownersAndDecisionMakersDescriptionA1") }),
+    /* @__PURE__ */ jsx(
+      Alert,
+      {
+        title: i18n.get("ownersDescriptionAlertTitle"),
+        icon: false,
+        className: "adyen-kyc-u-margin-bottom-32",
+        children: i18n.get("ownersAndDecisionMakersDescriptionAlertContent")
+      }
+    ),
+    /* @__PURE__ */ jsx(Typography, { variant: "body-strongest", el: "h4", className: "adyen-kyc-u-margin-bottom-12", children: i18n.get("ownersAndDecisionMakersDescriptionQ2") }),
+    /* @__PURE__ */ jsx(Typography, { el: "p", children: i18n.get("ownersAndDecisionMakersDescriptionA2P1") }),
+    /* @__PURE__ */ jsx(Typography, { el: "p", className: "adyen-kyc-u-margin-bottom-32", children: i18n.get("ownersAndDecisionMakersDescriptionA2P2") }),
+    /* @__PURE__ */ jsx(
+      Alert,
+      {
+        title: i18n.get("ownersDescriptionAlertTitle"),
+        icon: false,
+        className: "adyen-kyc-u-margin-bottom-32",
+        children: i18n.get("ownersDescriptionAlertContent")
+      }
+    ),
+    /* @__PURE__ */ jsx(Typography, { variant: "body-strongest", el: "h4", className: "adyen-kyc-u-margin-bottom-12", children: i18n.get("ownersAndDecisionMakersDescriptionQ3") }),
+    /* @__PURE__ */ jsx(Typography, { el: "p", className: "adyen-kyc-u-margin-bottom-32", children: i18n.get("ownersAndDecisionMakersDescriptionA3") }),
+    /* @__PURE__ */ jsx(Typography, { variant: "body-strongest", el: "h4", className: "adyen-kyc-u-margin-bottom-12", children: i18n.get("ownersAndDecisionMakersDescriptionQ4") }),
+    /* @__PURE__ */ jsx(Typography, { el: "p", className: "adyen-kyc-u-margin-bottom-32", children: i18n.get("ownersAndDecisionMakersDescriptionA4") })
+  ] });
+};
+const DecisionMakersGettingStarted = ({
+  addDecisionMakerOnClick,
+  handleCancelClick
+}) => {
+  const { i18n } = useI18nContext();
+  const userEvents = useAnalyticsContext();
+  const [isModalOpen, setIsModalOpen] = useState(false);
+  const openModal = () => {
+    userEvents.addPageEvent("Opened modal", {
+      actionType: "open",
+      label: "decisionMakersGettingStartedModal"
+    });
+    setIsModalOpen(true);
+  };
+  const closeModal = () => {
+    userEvents.addPageEvent("Closed modal", {
+      actionType: "close",
+      label: "decisionMakersGettingStartedModal"
+    });
+    setIsModalOpen(false);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: styles.decisionMakersGettingStarted, children: [
+    /* @__PURE__ */ jsx(
+      LandingLayout,
+      {
+        media: /* @__PURE__ */ jsx(
+          Svg,
+          {
+            type: "image",
+            testId: "decision-makers-getting-started-icon",
+            name: "decision-makers-group"
+          }
+        ),
+        title: i18n.get("ownersAndDecisionMakers"),
+        description: i18n.get("ownersAndDecisionMakersDescription"),
+        helpAction: /* @__PURE__ */ jsx(Button, { variant: "link", onClick: openModal, fullWidth: true, children: i18n.get("learnMore") }),
+        actions: /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              fullWidth: true,
+              testId: "decision-makers-getting-started-primary-button",
+              onClick: addDecisionMakerOnClick,
+              children: i18n.get("gettingStarted")
+            }
+          ),
+          handleCancelClick && /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "tertiary",
+              fullWidth: true,
+              testId: "decision-makers-getting-started-cancel-button",
+              onClick: handleCancelClick,
+              children: i18n.get("finishLater")
+            }
+          )
+        ] })
+      }
+    ),
+    isModalOpen && /* @__PURE__ */ jsx(Modal, { onClose: closeModal, ariaLabel: i18n.get("moreAboutOwnersAndDecisionMakers"), inset: true, children: /* @__PURE__ */ jsx(DecisionMakersModalContent, {}) })
+  ] });
+};
 const DecisionMakers = (props) => {
   const { data, isLoading } = useLegalEntity(ROOT_LE);
   if (isLoading || !data) {
@@ -29,8 +127,13 @@ const DecisionMakersInner = ({
 }) => {
   const getTaskStatus = useGetTaskStatus();
   const { i18n } = useI18nContext();
+  const { t } = useTranslation();
   const userEvents = useAnalyticsContext();
+  const { isExperimentEnabled } = useExperimentsContext();
   const { showToast } = useToastContext();
+  const isRevampedDecisionMakersTaskPageEnabled = isExperimentEnabled(
+    "EnableRevampedDecisionMakersTaskPage"
+  );
   const [isRemoveDisabled, setIsRemoveDisabled] = useState(false);
   const capabilityProblems = useCapabilityProblems() ?? {};
   const updateLegalEntity = useUpdateLegalEntity();
@@ -44,9 +147,8 @@ const DecisionMakersInner = ({
     legalEntityId: legalEntity.id,
     problems: capabilityProblems
   });
-  const mappedDecisionMakers = decisionMakers == null ? void 0 : decisionMakers.reduce(
+  const mappedDecisionMakers = decisionMakers?.reduce(
     (mappedDecisionMakers2, decisionMaker) => {
-      var _a;
       if (!decisionMaker.legalEntityId) return {};
       const mappedDecisionMaker = mappedDecisionMakers2[decisionMaker.legalEntityId];
       const decisionMakerType = decisionMaker.type;
@@ -56,7 +158,7 @@ const DecisionMakersInner = ({
         status: getTaskStatus(TaskTypes.DECISION_MAKER, decisionMaker.legalEntityId),
         name: decisionMaker.name ?? "",
         legalEntityType: decisionMaker.entityType,
-        problems: (_a = capabilityProblems == null ? void 0 : capabilityProblems.LegalEntity) == null ? void 0 : _a[decisionMaker.legalEntityId]
+        problems: capabilityProblems?.LegalEntity?.[decisionMaker.legalEntityId]
       };
       return mappedDecisionMakers2;
     },
@@ -122,7 +224,13 @@ const DecisionMakersInner = ({
       showToast({ variant: "error", label: i18n.get("failedToRemoveDecisionMaker") });
     }
   };
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Fragment, { children: isRevampedDecisionMakersTaskPageEnabled && uniqueDecisionMakers?.length === 0 ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    DecisionMakersGettingStarted,
+    {
+      handleCancelClick: () => navigateBackToTaskList(),
+      addDecisionMakerOnClick
+    }
+  ) }) : /* @__PURE__ */ jsx(
     DropinLayout,
     {
       content: /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-decision-makers adyen-kyc-u-width-full", children: [
@@ -147,18 +255,13 @@ const DecisionMakersInner = ({
           ContextGuidance,
           {
             title: i18n.get("whatIsTheDifferenceBetweenTheseRoles"),
-            content: /* @__PURE__ */ jsx("ul", { className: "adyen-kyc-guidance-list", children: availableDecisionMakers.map(({ roleType }) => /* @__PURE__ */ jsx(
-              "li",
+            content: /* @__PURE__ */ jsx("ul", { className: "adyen-kyc-guidance-list", children: availableDecisionMakers.map(({ roleType }) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+              Trans,
               {
-                dangerouslySetInnerHTML: {
-                  __html: i18n.get(
-                    // Map from API names to internal names
-                    `${roleType === DecisionMakerType.CONTROLLING_PERSON ? "controllingPerson" : roleType === DecisionMakerType.OWNER ? "owner" : roleType}GuideDescription`
-                  )
-                }
-              },
-              roleType
-            )) }),
+                t,
+                i18nKey: ($) => $[`${roleType === DecisionMakerType.CONTROLLING_PERSON ? "controllingPerson" : roleType === DecisionMakerType.OWNER ? "owner" : roleType}GuideDescription`]
+              }
+            ) }, roleType)) }),
             titleId: "whatIsTheDifferenceBetweenTheseRoles",
             contentId: "differenceBetweenAnOwnerControllingPersonAndSignatory"
           }
@@ -171,14 +274,14 @@ const DecisionMakersInner = ({
             variant: "warning"
           }
         ),
-        (uniqueDecisionMakers == null ? void 0 : uniqueDecisionMakers.length) > 0 ? /* @__PURE__ */ jsx(CardGroup, { children: uniqueDecisionMakers.map((decisionMaker) => /* @__PURE__ */ jsx(
+        !isRevampedDecisionMakersTaskPageEnabled || uniqueDecisionMakers?.length > 0 ? /* @__PURE__ */ jsx(CardGroup, { children: uniqueDecisionMakers.map((decisionMaker) => /* @__PURE__ */ jsx(
           EntityAssociation,
           {
             types: decisionMaker.types,
             name: decisionMaker.name,
             status: decisionMaker.status,
             onNavigateToEntity: () => editDecisionMaker(decisionMaker),
-            problems: decisionMaker == null ? void 0 : decisionMaker.problems,
+            problems: decisionMaker?.problems,
             removeEntity: () => {
               deleteDecisionMaker(decisionMaker);
             },
@@ -217,7 +320,7 @@ const DecisionMakersInner = ({
         )
       ] })
     }
-  );
+  ) });
 };
 export {
   DecisionMakers

package/dist/{ES-JRIf-4xI.js → ES-BlWV7xvh.js}

@@ -2,7 +2,7 @@
 {
   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] = "f56a9ca7-9d4c-4ecb-b3e0-0b401c0bd512", e._sentryDebugIdIdentifier = "sentry-dbid-f56a9ca7-9d4c-4ecb-b3e0-0b401c0bd512");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "4ab1fbc1-33ee-4067-9d38-212ccda5ceb3", e._sentryDebugIdIdentifier = "sentry-dbid-4ab1fbc1-33ee-4067-9d38-212ccda5ceb3");
   } catch (e) {
   }
 }
@@ -14,19 +14,17 @@ const ES = {
     "órganos de la Administración del Estado y de las Comunidades Autónomas"
   ],
   listedPublicCompany: [
-    "listed sociedad anónima (SA)"
+    "sociedad anónima (SA) (cotizada)"
   ],
   nonProfit: [
-    "sociedad cooperativa (S. Coop.)",
     "fundación",
     "non-profit asociación",
-    "",
     "congregaciones e instituciones religiosas"
   ],
   privateCompany: [
-    "sociedad limitada unipersonal (SLU)",
     "sociedad de responsabilidad limitada (SRL)",
-    "unlisted sociedad anónima (SA)"
+    "sociedad limitada unipersonal (SLU)",
+    "sociedad anónima (SA) (cotizada o no cotizada)"
   ]
 };
 export {

package/dist/{EmbeddedStatus-Bn5KNA0V.js → EmbeddedStatus-Blr0seRl.js}

@@ -2,15 +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] = "78fa3de7-d64b-4cb9-93aa-69b4abe1698f", e._sentryDebugIdIdentifier = "sentry-dbid-78fa3de7-d64b-4cb9-93aa-69b4abe1698f");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "149f79b2-4176-4452-ad51-fe9ca86e1f46", e._sentryDebugIdIdentifier = "sentry-dbid-149f79b2-4176-4452-ad51-fe9ca86e1f46");
   } catch (e) {
   }
 }
 ;
 import { jsxs, jsx, Fragment } from "preact/jsx-runtime";
 import cx from "classnames";
-import { A as Avatar } from "./Avatar-C8aZB2wq.js";
-import { Y as TaskStatus, b as useI18nContext, B as Skeleton, G as Typography } from "./StoreProvider-COHi02bX.js";
+import { A as Avatar } from "./Avatar-vCjWXfC7.js";
+import { Z as TaskStatus, a as useTranslation, z as Skeleton, G as Typography } from "./StoreProvider-ClKLaHzy.js";
 import { T as Tag } from "./Tag-DdkVScyr.js";
 import { O as OnboardingStatus } from "./view-verification-status-DTkA8PtO.js";
 const embeddedStatus = "adyen-kyc-embedded-status";
@@ -59,7 +59,7 @@ const EmbeddedStatus = ({
   actionIndicator,
   ...props
 }) => {
-  const { i18n } = useI18nContext();
+  const { t } = useTranslation();
   const statusTag = status ? statusToTag(status) : { translationKey: tagLabel, variant: tagVariant };
   const avatarVariant = light ? "tertiary" : "secondary";
   return /* @__PURE__ */ jsxs(
@@ -81,7 +81,15 @@ const EmbeddedStatus = ({
           /* @__PURE__ */ jsx(Typography, { variant: "body-stronger", el: "h3", children: title }),
           /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "secondary", el: "div", children: subtitle })
         ] }) }),
-        actionIndicator ? /* @__PURE__ */ jsx("section", { className: styles.embeddedStatusButton, children: loading ? /* @__PURE__ */ jsx(Skeleton, { width: "5em", height: "2em" }) : /* @__PURE__ */ jsx(Typography, { variant: "body-stronger", className: styles.embeddedStatusActionIndicator, children: i18n.get(actionIndicator.labelKey) }) }) : (statusTag == null ? void 0 : statusTag.translationKey) && /* @__PURE__ */ jsx("section", { className: styles.embeddedStatusTag, children: loading ? /* @__PURE__ */ jsx(Skeleton, { width: "8ch", height: "1em" }) : /* @__PURE__ */ jsx(Tag, { variant: statusTag.variant, children: i18n.get(statusTag.translationKey) }) })
+        actionIndicator ? /* @__PURE__ */ jsx("section", { children: loading ? /* @__PURE__ */ jsx(Skeleton, { width: "5em", height: "2em" }) : /* @__PURE__ */ jsx(
+          Typography,
+          {
+            el: "div",
+            variant: "body-stronger",
+            className: styles.embeddedStatusActionIndicator,
+            children: t(($) => $[actionIndicator.labelKey])
+          }
+        ) }) : statusTag?.translationKey && /* @__PURE__ */ jsx("section", { children: loading ? /* @__PURE__ */ jsx(Skeleton, { width: "8ch", height: "1em" }) : /* @__PURE__ */ jsx(Tag, { variant: statusTag.variant, children: t(($) => $[statusTag.translationKey]) }) })
       ]
     }
   );

package/dist/FormEndState-JB6QFSet.js

@@ -0,0 +1,59 @@
+;
+{
+  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] = "82664a43-c9cb-4050-9407-0addbf70ef3f", e._sentryDebugIdIdentifier = "sentry-dbid-82664a43-c9cb-4050-9407-0addbf70ef3f");
+  } catch (e) {
+  }
+}
+;
+import { jsxs, jsx } from "preact/jsx-runtime";
+import cx from "classnames";
+import { defineSlots } from "named-slots";
+import { a4 as Icon, A as AlertIcon } from "./StoreProvider-ClKLaHzy.js";
+const formEndState = "adyen-kyc-form-end-state";
+const endStateIcon = "adyen-kyc-end-state-icon";
+const iconInfo = "adyen-kyc-icon-info";
+const iconError = "adyen-kyc-icon-error";
+const iconWarning = "adyen-kyc-icon-warning";
+const iconSuccess = "adyen-kyc-icon-success";
+const title = "adyen-kyc-title";
+const endStateDescription = "adyen-kyc-end-state-description";
+const endStateActions = "adyen-kyc-end-state-actions";
+const styles = {
+  formEndState,
+  endStateIcon,
+  iconInfo,
+  iconError,
+  iconWarning,
+  iconSuccess,
+  title,
+  endStateDescription,
+  endStateActions
+};
+const FormEndState = ({ variant = "success", children, className }) => {
+  const Slot = defineSlots(children, ["title", "content", "icon", "actions"]);
+  const variantMap = {
+    basic: "",
+    info: styles.iconInfo,
+    error: styles.iconError,
+    warning: styles.iconWarning,
+    success: styles.iconSuccess
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cx(styles.formEndState, styles.endStateIcon, variantMap[variant], className),
+      role: "alert",
+      children: [
+        /* @__PURE__ */ jsx(Slot, { name: "icon", children: variant === "success" ? /* @__PURE__ */ jsx(Icon, { name: "checkmark" }) : /* @__PURE__ */ jsx(AlertIcon, { variant }) }),
+        /* @__PURE__ */ jsx("span", { className: styles.title, children: /* @__PURE__ */ jsx(Slot, { name: "title" }) }),
+        /* @__PURE__ */ jsx("div", { className: styles.endStateDescription, children: /* @__PURE__ */ jsx(Slot, { name: "content" }) }),
+        /* @__PURE__ */ jsx("div", { className: styles.endStateActions, children: /* @__PURE__ */ jsx(Slot, { name: "actions" }) })
+      ]
+    }
+  );
+};
+export {
+  FormEndState as F
+};

package/dist/{FormFlow-CZgc09E3.js → FormFlow-DjvdNEiV.js}

@@ -2,18 +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] = "509b3bca-a055-4e33-9fb4-0e6862593f59", e._sentryDebugIdIdentifier = "sentry-dbid-509b3bca-a055-4e33-9fb4-0e6862593f59");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "56cdf054-24a6-43da-a4e0-9cbc6ac07e8a", e._sentryDebugIdIdentifier = "sentry-dbid-56cdf054-24a6-43da-a4e0-9cbc6ac07e8a");
   } catch (e) {
   }
 }
 ;
 import { jsx, jsxs } from "preact/jsx-runtime";
 import { useMemo, useRef, useState } from "preact/hooks";
-import { dd as FormContext, $ as useAnalyticsContext, b as useI18nContext, a2 as LoaderWrapper, aL as Summary, Z as Button, _ as IconButton } from "./StoreProvider-COHi02bX.js";
+import { dE as FormContext, a0 as useAnalyticsContext, a as useTranslation, bw as MaybeModal, a3 as LoaderWrapper, dF as FormRouterContextProvider, aP as Summary, _ as Button, $ as IconButton, bb as Confirm } from "./StoreProvider-ClKLaHzy.js";
 import cx from "classnames";
-import { M as MaybeModal } from "./MaybeModal-Djz8fRfd.js";
-import { F as FormRouterContextProvider } from "./dropinUtils-Bk0T79SK.js";
-import { C as Confirm } from "./Confirm-okTxq40p.js";
 function FormContextProvider({
   children,
   form
@@ -90,10 +87,9 @@ const FormFlow = ({
   summary,
   totalSteps = 1
 }) => {
-  var _a;
   const contentRef = useRef(null);
   const userEvents = useAnalyticsContext();
-  const { i18n } = useI18nContext();
+  const { t } = useTranslation("common");
   const [isConfirmPresented, setIsConfirmPresented] = useState(false);
   const [isSaving, setIsSaving] = useState(false);
   const [isSubmitting, setIsSubmitting] = useState(false);
@@ -103,7 +99,7 @@ const FormFlow = ({
   const isFirstStep = currentStep === 0;
   const isLastStep = currentStep === totalSteps - 1;
   const isSingleStepForm = isFirstStep && isLastStep;
-  const hasProblems = ((_a = summary == null ? void 0 : summary.problems) == null ? void 0 : _a.verificationErrors) !== void 0;
+  const hasProblems = summary?.problems?.verificationErrors !== void 0;
   const progress = Math.floor(currentStep / (totalSteps - 1) * 100);
   const scrollToTop = () => {
     if (contentRef.current) {
@@ -122,7 +118,7 @@ const FormFlow = ({
   };
   const handleSave = () => {
     setIsSaving(true);
-    Promise.resolve(handleSaveClick == null ? void 0 : handleSaveClick()).then(() => {
+    Promise.resolve(handleSaveClick?.()).then(() => {
       setIsSaving(false);
     });
   };
@@ -132,7 +128,7 @@ const FormFlow = ({
   };
   const handleBack = () => {
     scrollToTop();
-    handleBackClick == null ? void 0 : handleBackClick();
+    handleBackClick?.();
   };
   const handleDismiss = () => {
     setIsConfirmPresented(true);
@@ -147,18 +143,18 @@ const FormFlow = ({
   const handleSkip = () => {
     userEvents.addPageEvent("Clicked button", {
       actionType: "skip",
-      label: i18n.get("skip")
+      label: t(($) => $["skip"])
     });
     gotoFormByFormIndex(currentStep + 1);
   };
   const footerClassName = cx(styles.formFlowFooter, {
     [styles.formFlowFooterBorder]: isSingleStepForm
   });
-  return /* @__PURE__ */ jsxs(MaybeModal, { inline: !asModal, onClose: handleDismiss, children: [
+  return /* @__PURE__ */ jsxs(MaybeModal, { inline: !asModal, onClose: handleDismiss, size: "large", children: [
     /* @__PURE__ */ jsxs("div", { ref: contentRef, className: styles.formFlow, children: [
       /* @__PURE__ */ jsx("div", { className: styles.formFlowContent, children: /* @__PURE__ */ jsx(LoaderWrapper, { status: loadingStatus, formOpacityWhenLoading: 0, loaderSize: "large", children: /* @__PURE__ */ jsx(FormRouterContextProvider, { forms, setFormIndex: gotoFormByFormIndex, children: isLastStep && summary !== void 0 ? /* @__PURE__ */ jsx(Summary, { ...summary, forms, gotoForm: gotoFormByFormIndex }) : children }) }) }),
       /* @__PURE__ */ jsxs("div", { className: footerClassName, children: [
-        !isSingleStepForm && /* @__PURE__ */ jsx(ProgressBar, { ariaLabel: i18n.get("progress"), progress }),
+        !isSingleStepForm && /* @__PURE__ */ jsx(ProgressBar, { ariaLabel: t(($) => $["progress"]), progress }),
         /* @__PURE__ */ jsxs("div", { className: styles.formFlowActions, children: [
           isFirstStep || handleBackClick === void 0 ? /* @__PURE__ */ jsx(
             Button,
@@ -166,7 +162,7 @@ const FormFlow = ({
               disabled: isActionDisabled || disableBackButton,
               onClick: handleDismiss,
               variant: "secondary",
-              children: i18n.get("cancel")
+              children: t(($) => $["cancel"])
             }
           ) : /* @__PURE__ */ jsx(
             Button,
@@ -175,14 +171,14 @@ const FormFlow = ({
               icon: "chevron-left",
               onClick: handleBack,
               variant: "secondary",
-              children: i18n.get("back")
+              children: t(($) => $["back"])
             }
           ),
-          isLastStep ? /* @__PURE__ */ jsx(Button, { onClick: handleSubmit, loading: isSubmitting, children: i18n.get("submit") }) : /* @__PURE__ */ jsxs("div", { className: styles.formFlowActionGroup, children: [
+          isLastStep ? /* @__PURE__ */ jsx(Button, { onClick: handleSubmit, loading: isSubmitting, children: t(($) => $["submit"]) }) : /* @__PURE__ */ jsxs("div", { className: styles.formFlowActionGroup, children: [
             isSaveButtonVisible && /* @__PURE__ */ jsx(
               IconButton,
               {
-                ariaLabel: i18n.get("finishLater"),
+                ariaLabel: t(($) => $["finishLater"]),
                 disabled: isActionDisabled || disableSaveButton,
                 loading: isSaving,
                 icon: "save",
@@ -190,8 +186,8 @@ const FormFlow = ({
                 variant: "secondary"
               }
             ),
-            hasProblems && /* @__PURE__ */ jsx(Button, { onClick: handleSkip, disabled: isActionDisabled, variant: "secondary", children: i18n.get("skip") }),
-            /* @__PURE__ */ jsx(Button, { onClick: handleNext, disabled: isActionDisabled || disableNextButton, children: i18n.get("continue") })
+            hasProblems && /* @__PURE__ */ jsx(Button, { onClick: handleSkip, disabled: isActionDisabled, variant: "secondary", children: t(($) => $["skip"]) }),
+            /* @__PURE__ */ jsx(Button, { onClick: handleNext, disabled: isActionDisabled || disableNextButton, children: t(($) => $["continue"]) })
           ] })
         ] })
       ] })
@@ -199,11 +195,11 @@ const FormFlow = ({
     isConfirmPresented && /* @__PURE__ */ jsx(
       Confirm,
       {
-        confirmText: i18n.get("leave"),
-        description: i18n.get("unsavedChangesDescription"),
+        confirmText: t(($) => $["leave"]),
+        description: t(($) => $["unsavedChangesDescription"]),
         onCancel: handleCancelDismiss,
         onConfirm: handleConfirmDismiss,
-        title: i18n.get("unsavedChanges")
+        title: t(($) => $["unsavedChanges"])
       }
     )
   ] });

package/dist/{HU-v3vOxRm8.js → HU-D8vJYkDH.js}

@@ -2,7 +2,7 @@
 {
   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] = "f27bc07f-ff7d-4e47-a2a1-eec1a99add67", e._sentryDebugIdIdentifier = "sentry-dbid-f27bc07f-ff7d-4e47-a2a1-eec1a99add67");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "3b0ad308-4e03-4330-92e7-4b7954a9cce9", e._sentryDebugIdIdentifier = "sentry-dbid-3b0ad308-4e03-4330-92e7-4b7954a9cce9");
   } catch (e) {
   }
 }
@@ -16,6 +16,15 @@ const HU = {
       "country",
       "iban"
     ]
+  },
+  local: {
+    bankStatementRequirement: "REQUIRED",
+    defaultCurrency: "HUF",
+    fields: [
+      "accountHolder",
+      "bankAccountNumber",
+      "country"
+    ]
   }
 };
 export {