@adyen/kyc-components 3.71.3 → 3.73.0-beta.0

package/dist/{AcceptTermsOfServiceComponent-Dsv4mY-k.js → AcceptTermsOfServiceComponent-Ib77t0y9.js}

@@ -2,16 +2,20 @@
 {
   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] = "a4b61fc0-e043-4bc1-ba1e-75abafd859eb", e._sentryDebugIdIdentifier = "sentry-dbid-a4b61fc0-e043-4bc1-ba1e-75abafd859eb");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "df9d2a86-69a3-4fcf-b906-0c035548ce27", e._sentryDebugIdIdentifier = "sentry-dbid-df9d2a86-69a3-4fcf-b906-0c035548ce27");
   } catch (e) {
   }
 }
 ;
 import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
 import { useRef, useState, useEffect, useCallback } from "preact/hooks";
-import { m as useApiContext, U as useInvalidateRootLegalEntity, a5 as useMutation, a4 as httpPost, p as useQuery, q as httpGet, az as skipToken, a1 as Icon, u as useI18nContext, T as Typography, dp as globalStyles, bx as AlertIcon, dd as KEYBOARD_KEYS, a as useAnalyticsContext, aL as noop, au as createLogger, W as useToastContext, b as useExperimentsContext, D as useForm, ap as Alert, B as Button, l as localizeDateString, L as LoaderWrapper, F as Field, t as Select, bt as Checkbox, bf as ActionBar, M as MaybeModal, c as ModalContent, f as ModalFooter, S as Spacer, i as LegalEntityType, aT as getOwnSignatories, aA as doesLegalEntityRequiresLegalRepresentative, ay as getLegalRepresentative, a2 as useLegalEntity, a0 as Loader, ae as TaskTypes, an as ROOT_LE } from "./EventEmitter-DTdpTyY7.js";
+import { u as useApiContext, y as useInvalidateRootLegalEntity, V as useMutation, U as httpPost, a as useQuery, h as httpGet, a6 as skipToken, N as Icon, bd as AlertIcon, a1 as createLogger, b as useI18nContext, x as useAnalyticsContext, al as useExperimentsContext, n as useForm, X as Alert, O as Button, aj as LoaderWrapper, F as Field, S as Select, b9 as Checkbox, aY as ActionBar, L as LegalEntityType, av as getOwnSignatories, a7 as doesLegalEntityRequiresLegalRepresentative, a5 as getLegalRepresentative, P as useLegalEntity, aq as ROOT_LE, M as Loader, ah as TaskTypes } from "./EventEmitter-BmWcyurq.js";
+import { u as useToastContext, M as MaybeModal, S as Spacer } from "./useToastContext-DiQ_PGrE.js";
+import { b as ModalContent, c as ModalFooter } from "./Modal-6j0jkYFX.js";
+import { S as StepProgressIndicator, F as FormNavigation } from "./FormNavigation-W4SYacAX.js";
 import cx from "classnames";
 import { defineSlots } from "named-slots";
+import { l as localizeDateString } from "./localizeDateString-DtxuKMqB.js";
 const acceptTermsOfService = async (legalEntityId, baseUrl, termsOfServiceDocumentId, data) => {
   return httpPost(
     {
@@ -106,69 +110,10 @@ const useTermsOfService = (data, options) => {
   });
 };
 const outlinedIcon = "adyen-kyc-outlined-icon";
-const styles$1 = {
-  outlinedIcon
-};
-const OutlinedIcon = ({ name }) => /* @__PURE__ */ jsx("div", { className: styles$1.outlinedIcon, children: /* @__PURE__ */ jsx(Icon, { name }) });
-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 { i18n } = useI18nContext();
-  if (stepsCount === 0 || stepsCount > 10) {
-    return /* @__PURE__ */ jsx(Typography, { variant: "caption", children: i18n.get("XOfYSteps", {
-      values: { currentStep: activeStepIndex, totalSteps: stepsCount }
-    }) });
-  }
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "aria-label": `Step ${activeStepIndex} of ${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: globalStyles.screenReaderOnly, children: `Step ${stepNumber}: ${stepNumber < activeStepIndex ? "completed" : "not completed"}` })
-              },
-              stepNumber
-            );
-          })
-        }
-      )
-    }
-  );
+  outlinedIcon
 };
+const OutlinedIcon = ({ name }) => /* @__PURE__ */ jsx("div", { className: styles.outlinedIcon, children: /* @__PURE__ */ jsx(Icon, { name }) });
 const FormEndState = ({ variant = "success", children, className }) => {
   const Slot = defineSlots(children, ["title", "content", "icon", "actions"]);
   return /* @__PURE__ */ jsxs(
@@ -185,136 +130,6 @@ const FormEndState = ({ variant = "success", children, className }) => {
     }
   );
 };
-const FormNavigationItem = ({
-  form,
-  isActive,
-  onClick,
-  hasVerificationErrors
-}) => {
-  const { i18n } = useI18nContext();
-  const hasError = form.hasServerValidationErrors || hasVerificationErrors;
-  const handleKeyDown = (e) => {
-    if (onClick && (e.key === KEYBOARD_KEYS.enter || e.key === KEYBOARD_KEYS.space)) {
-      e.preventDefault();
-      onClick();
-    }
-  };
-  return /* @__PURE__ */ jsx(
-    "li",
-    {
-      "aria-label": i18n.get(form.formName),
-      "aria-current": isActive,
-      className: cx("adyen-kyc-form-navigation__item", {
-        "adyen-kyc-form-navigation__item--active": isActive,
-        "adyen-kyc-form-navigation__item--valid": form.isValid,
-        "adyen-kyc-form-navigation__item--isnav": Boolean(onClick)
-      }),
-      children: /* @__PURE__ */ jsxs(
-        "button",
-        {
-          type: "button",
-          onClick,
-          onKeyDown: onClick ? handleKeyDown : void 0,
-          tabIndex: onClick ? 0 : void 0,
-          children: [
-            i18n.get(form.formName),
-            form.hasServerValidationErrors && /* @__PURE__ */ jsxs("span", { className: "adyen-kyc-form-navigation__item-icon adyen-kyc-form-navigation__item-icon--error", children: [
-              /* @__PURE__ */ jsx(Icon, { name: "warning" }),
-              /* @__PURE__ */ jsx("span", { className: globalStyles.screenReaderOnly, children: i18n.get("formStepInvalid") })
-            ] }),
-            form.isValid && !hasError && /* @__PURE__ */ jsxs("span", { className: "adyen-kyc-form-navigation__item-icon adyen-kyc-form-navigation__item-icon--success", children: [
-              /* @__PURE__ */ jsx(Icon, { name: "checkmark-small" }),
-              /* @__PURE__ */ jsx("span", { className: globalStyles.screenReaderOnly, children: i18n.get("formStepCompleted") })
-            ] })
-          ]
-        }
-      )
-    },
-    form.formId
-  );
-};
-function FormNavigation({
-  forms,
-  activeForm,
-  gotoForm,
-  validateForm,
-  className,
-  taskName,
-  verificationErrors,
-  trackNavigation = noop
-}) {
-  const { i18n } = useI18nContext();
-  const userEvents = useAnalyticsContext();
-  const taskNameTranslated = i18n.get(taskName);
-  const getFormIndex = (form) => forms.findIndex((f) => f.formId === form.formId);
-  const goToForm = (form) => () => {
-    if (form.formId === activeForm.formId) return;
-    gotoForm(getFormIndex(form));
-    trackNavigation({
-      userEvents,
-      actionType: "navigate",
-      toForm: form.formName,
-      label: form.formName,
-      returnValue: "success"
-    });
-  };
-  const getNavigateHandler = (form, activeForm2) => {
-    const priorForms = forms.slice(0, getFormIndex(form));
-    const allPriorFormsValid = priorForms.every((subForm) => subForm.isValid);
-    if (allPriorFormsValid || !validateForm) {
-      return goToForm(form);
-    }
-    return activeForm2.isValid ? void 0 : () => {
-      trackNavigation({
-        userEvents,
-        actionType: "navigate",
-        toForm: form.formName,
-        label: form.formName,
-        returnValue: "validation error"
-      });
-      validateForm();
-    };
-  };
-  return /* @__PURE__ */ jsxs("div", { className: cx("adyen-kyc-form-navigation", className), children: [
-    /* @__PURE__ */ jsx(
-      Typography,
-      {
-        el: "h3",
-        variant: "body",
-        color: "secondary",
-        className: "adyen-kyc-form-navigation__header",
-        children: taskNameTranslated
-      }
-    ),
-    forms && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        Typography,
-        {
-          color: "tertiary",
-          variant: "caption-stronger",
-          className: "adyen-kyc-form-navigation__step-count",
-          children: i18n.get("stepsX/YofForm", {
-            values: {
-              activeFormIndex: getFormIndex(activeForm) + 1,
-              totalForms: forms.length,
-              taskNameTranslated
-            }
-          })
-        }
-      ),
-      /* @__PURE__ */ jsx("ul", { className: "adyen-kyc-form-navigation__items", children: forms.map((form) => /* @__PURE__ */ jsx(
-        FormNavigationItem,
-        {
-          form,
-          isActive: form.formId === activeForm.formId,
-          onClick: getNavigateHandler(form, activeForm),
-          hasVerificationErrors: Boolean((verificationErrors == null ? void 0 : verificationErrors[form.formId]) ?? false)
-        },
-        form.formId
-      )) })
-    ] })
-  ] });
-}
 const downloadFile = async (base64, filename) => {
   saveBlobAsFile(base64ToBlob(base64), filename);
 };
@@ -1854,12 +1669,10 @@ const AcceptTermsOfServiceComponent$1 = /* @__PURE__ */ Object.freeze(/* @__PURE
 export {
   AcceptTermsOfServiceComponent as A,
   ContractViewer as C,
-  FormNavigation as F,
+  FormEndState as F,
   OutlinedIcon as O,
-  StepProgressIndicator as S,
-  FormEndState as a,
-  useTermsOfServiceStatus as b,
-  AcceptTermsOfServiceComponent$1 as c,
+  useTermsOfServiceStatus as a,
+  AcceptTermsOfServiceComponent$1 as b,
   downloadFile as d,
   useTermsOfServiceAcceptanceInfos as u
 };

package/dist/{AccountSetupRejected-Cz2iWdPE.js → AccountSetupRejected-Dcrt_Wjb.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] = "e0fecb01-d883-454b-876e-4672377aa03c", e._sentryDebugIdIdentifier = "sentry-dbid-e0fecb01-d883-454b-876e-4672377aa03c");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "9e35e36d-c14d-47a8-97aa-d7375b3fafea", e._sentryDebugIdIdentifier = "sentry-dbid-9e35e36d-c14d-47a8-97aa-d7375b3fafea");
   } catch (e) {
   }
 }
 ;
 import { jsxs, jsx } from "preact/jsx-runtime";
-import { u as useI18nContext, bx as AlertIcon, b3 as FormHeader } from "./EventEmitter-DTdpTyY7.js";
-import { D as DropinLayout } from "./core-BsRrVyKB.js";
+import { b as useI18nContext, bd as AlertIcon, aK as FormHeader } from "./EventEmitter-BmWcyurq.js";
+import { D as DropinLayout } from "./index-D6YGuPb5.js";
 function AccountSetupRejected() {
   const { i18n } = useI18nContext();
   const content = /* @__PURE__ */ jsxs("div", { children: [