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

package/dist/{EmbeddedStatus-BsZsXbKc.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] = "dc07e485-257e-4506-8375-c85b9df1b1a9", e._sentryDebugIdIdentifier = "sentry-dbid-dc07e485-257e-4506-8375-c85b9df1b1a9");
+    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-NEiNEcRx.js";
-import { Y as TaskStatus, b as useI18nContext, z as Skeleton, C as Typography } from "./StoreProvider-BmzY19Td.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(
@@ -87,9 +87,9 @@ const EmbeddedStatus = ({
             el: "div",
             variant: "body-stronger",
             className: styles.embeddedStatusActionIndicator,
-            children: i18n.get(actionIndicator.labelKey)
+            children: t(($) => $[actionIndicator.labelKey])
           }
-        ) }) : (statusTag == null ? void 0 : statusTag.translationKey) && /* @__PURE__ */ jsx("section", { children: loading ? /* @__PURE__ */ jsx(Skeleton, { width: "8ch", height: "1em" }) : /* @__PURE__ */ jsx(Tag, { variant: statusTag.variant, children: i18n.get(statusTag.translationKey) }) })
+        ) }) : 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-Bt-mu4Wm.js → FormFlow-DjvdNEiV.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] = "c04b5158-4f94-4a7c-907c-13f580f27d14", e._sentryDebugIdIdentifier = "sentry-dbid-c04b5158-4f94-4a7c-907c-13f580f27d14");
+    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 { dG as FormContext, $ as useAnalyticsContext, b as useI18nContext, bJ as MaybeModal, a2 as LoaderWrapper, dH as FormRouterContextProvider, aN as Summary, Z as Button, _ as IconButton, b8 as Confirm } from "./StoreProvider-BmzY19Td.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";
 function FormContextProvider({
   children,
@@ -87,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);
@@ -100,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) {
@@ -119,7 +118,7 @@ const FormFlow = ({
   };
   const handleSave = () => {
     setIsSaving(true);
-    Promise.resolve(handleSaveClick == null ? void 0 : handleSaveClick()).then(() => {
+    Promise.resolve(handleSaveClick?.()).then(() => {
       setIsSaving(false);
     });
   };
@@ -129,7 +128,7 @@ const FormFlow = ({
   };
   const handleBack = () => {
     scrollToTop();
-    handleBackClick == null ? void 0 : handleBackClick();
+    handleBackClick?.();
   };
   const handleDismiss = () => {
     setIsConfirmPresented(true);
@@ -144,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,
@@ -163,7 +162,7 @@ const FormFlow = ({
               disabled: isActionDisabled || disableBackButton,
               onClick: handleDismiss,
               variant: "secondary",
-              children: i18n.get("cancel")
+              children: t(($) => $["cancel"])
             }
           ) : /* @__PURE__ */ jsx(
             Button,
@@ -172,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",
@@ -187,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"]) })
           ] })
         ] })
       ] })
@@ -196,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 {