@adyen/kyc-components 3.70.0-beta.0 → 3.70.0

package/dist/{AU-DBnla6IS.js → AU-CaovX9P8.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] = "6f34581b-976f-4548-9df6-67ff6d74715b", e._sentryDebugIdIdentifier = "sentry-dbid-6f34581b-976f-4548-9df6-67ff6d74715b");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "c8275c22-2a7f-4b43-a801-90b530e91a2c", e._sentryDebugIdIdentifier = "sentry-dbid-c8275c22-2a7f-4b43-a801-90b530e91a2c");
   } catch (e) {
   }
 }
@@ -12,12 +12,11 @@ const AU = {
     "incorporated association (Inc)"
   ],
   partnershipIncorporated: [
-    "incorporated limited partnership (ILP)",
-    "limited liability partnership (LLP)"
+    "incorporated limited partnership (ILP)"
   ],
   partnershipUnincorporated: [
-    "general partnership (GP)",
-    "limited partnership (LP)"
+    "limited partnership (LP)",
+    "general partnership (GP)"
   ]
 };
 export {

package/dist/{AcceptTermsOfServiceComponent-DGnbaEif.js → AcceptTermsOfServiceComponent-D-HcDOBq.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] = "4528743a-00f4-4a48-a59f-284aeb8adf0b", e._sentryDebugIdIdentifier = "sentry-dbid-4528743a-00f4-4a48-a59f-284aeb8adf0b");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "8c0286d8-0bc1-429d-8bd7-c4a8026a5c62", e._sentryDebugIdIdentifier = "sentry-dbid-8c0286d8-0bc1-429d-8bd7-c4a8026a5c62");
   } catch (e) {
   }
 }
 ;
 import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
 import { useRef, useState, useEffect, useCallback } from "preact/hooks";
-import { a as useApiContext, R as useInvalidateRootLegalEntity, e as useMutation, h as httpPost, b as useQuery, d as httpGet, e0 as skipToken, Q as Icon, e1 as AlertIcon, c as createLogger, i as useI18nContext, j as useAnalyticsContext, l as useToastContext, n as useExperimentsContext, bj as useForm, V as Alert, G as Button, b8 as localizeDateString, L as LoaderWrapper, b9 as Field, ba as Select, d7 as Checkbox, cI as ActionBar, d6 as MaybeModal, D as ModalContent, F as ModalFooter, dK as StepProgressIndicator, Y as Spacer, J as LegalEntityType, ak as getOwnSignatories, a4 as doesLegalEntityRequiresLegalRepresentative, a3 as getLegalRepresentative, cG as FormNavigation, I as useCoreContext, u as useLegalEntity, K as Loader, T as TaskTypes } from "./EventEmitter-B5nDiK-t.js";
+import { u as useApiContext, X as useInvalidateRootLegalEntity, c as useMutation, h as httpPost, a as useQuery, b as httpGet, a8 as skipToken, V as Icon, e as useI18nContext, J as Typography, dm as globalStyles, bv as AlertIcon, db as KEYBOARD_KEYS, f as useAnalyticsContext, ak as noop, a3 as createLogger, t as useToastContext, g as useExperimentsContext, aB as useForm, Z as Alert, B as Button, bc as localizeDateString, L as LoaderWrapper, aH as Field, b7 as Select, b8 as Checkbox, aT as ActionBar, M as MaybeModal, i as ModalContent, k as ModalFooter, S as Spacer, O as LegalEntityType, ar as getOwnSignatories, a9 as doesLegalEntityRequiresLegalRepresentative, a7 as getLegalRepresentative, N as useLegalEntity, Q as Loader, T as TaskTypes, W as ROOT_LE } from "./EventEmitter-Cfyz1mmg.js";
 import cx from "classnames";
 import { defineSlots } from "named-slots";
 const acceptTermsOfService = async (legalEntityId, baseUrl, termsOfServiceDocumentId, data) => {
@@ -106,10 +106,69 @@ const useTermsOfService = (data, options) => {
   });
 };
 const outlinedIcon = "adyen-kyc-outlined-icon";
-const styles = {
+const styles$1 = {
   outlinedIcon
 };
-const OutlinedIcon = ({ name }) => /* @__PURE__ */ jsx("div", { className: styles.outlinedIcon, children: /* @__PURE__ */ jsx(Icon, { name }) });
+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
+            );
+          })
+        }
+      )
+    }
+  );
+};
 const FormEndState = ({ variant = "success", children, className }) => {
   const Slot = defineSlots(children, ["title", "content", "icon", "actions"]);
   return /* @__PURE__ */ jsxs(
@@ -126,6 +185,136 @@ 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);
 };
@@ -1587,7 +1776,7 @@ function ServiceAgreementDropin({
 }
 function AcceptTermsOfServiceComponent({
   legalEntityId,
-  modalView,
+  modalView = false,
   asEmbedded = true,
   /* triggered when X button clicked, or at the end, on Finish button click */
   onClose,
@@ -1596,7 +1785,6 @@ function AcceptTermsOfServiceComponent({
   onAccept,
   handleAddSigner
 }) {
-  const { isModalView, setIsModalView } = useCoreContext();
   if (!legalEntityId) {
     throw new Error("Must provide at-least a legalEntityId");
   }
@@ -1604,13 +1792,10 @@ function AcceptTermsOfServiceComponent({
     unAcceptedTermsOfServiceTypes: [],
     acceptedTermsOfServices: []
   });
-  const { data: legalEntity } = useLegalEntity();
+  const { data: legalEntity } = useLegalEntity(ROOT_LE);
   const { data: serviceAgreementStatus, isLoading: isStatusLoading } = useTermsOfServiceStatus();
   const { data: serviceAgreementAcceptanceInfos, isLoading: isAcceptanceInfoLoading } = useTermsOfServiceAcceptanceInfos();
   const { mutateAsync: acceptTermsOfService2 } = useAcceptTermsOfService();
-  if (modalView) {
-    setIsModalView(true);
-  }
   const handleOnClose = () => {
     if (modalView) {
       onUnmount == null ? void 0 : onUnmount();
@@ -1656,7 +1841,7 @@ function AcceptTermsOfServiceComponent({
       handleHomeClick: handleOnClose,
       handleSign,
       asEmbedded,
-      asModal: isModalView,
+      asModal: modalView,
       handleCloseClick: handleOnClose,
       handleAddSigner
     }
@@ -1669,10 +1854,12 @@ const AcceptTermsOfServiceComponent$1 = /* @__PURE__ */ Object.freeze(/* @__PURE
 export {
   AcceptTermsOfServiceComponent as A,
   ContractViewer as C,
-  FormEndState as F,
+  FormNavigation as F,
   OutlinedIcon as O,
+  StepProgressIndicator as S,
   useTermsOfServiceStatus as a,
-  AcceptTermsOfServiceComponent$1 as b,
+  FormEndState as b,
+  AcceptTermsOfServiceComponent$1 as c,
   downloadFile as d,
   useTermsOfServiceAcceptanceInfos as u
 };

package/dist/{AccountSetupRejected-BUjkuj8y.js → AccountSetupRejected-voqgiesN.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] = "f02b351e-1180-4fda-9ea7-c18f8516163f", e._sentryDebugIdIdentifier = "sentry-dbid-f02b351e-1180-4fda-9ea7-c18f8516163f");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "097f93fd-4cf9-4640-a0d9-9b4550e49824", e._sentryDebugIdIdentifier = "sentry-dbid-097f93fd-4cf9-4640-a0d9-9b4550e49824");
   } catch (e) {
   }
 }
 ;
 import { jsxs, jsx } from "preact/jsx-runtime";
-import { i as useI18nContext, e1 as AlertIcon, bZ as FormHeader } from "./EventEmitter-B5nDiK-t.js";
-import { D as DropinLayout } from "./core-BY7J00UO.js";
+import { e as useI18nContext, bv as AlertIcon, aE as FormHeader } from "./EventEmitter-Cfyz1mmg.js";
+import { D as DropinLayout } from "./core-BwyfkHN1.js";
 function AccountSetupRejected() {
   const { i18n } = useI18nContext();
   const content = /* @__PURE__ */ jsxs("div", { children: [

package/dist/{BE-By7sRfJq.js → BE-H45zzgu4.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] = "a42963e1-80c4-4077-8f4c-65087194309e", e._sentryDebugIdIdentifier = "sentry-dbid-a42963e1-80c4-4077-8f4c-65087194309e");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "b9639491-ccdf-426f-a12b-f70fbd199736", e._sentryDebugIdIdentifier = "sentry-dbid-b9639491-ccdf-426f-a12b-f70fbd199736");
   } catch (e) {
   }
 }
@@ -12,7 +12,8 @@ const BE = {
     "vereniging zonder winstoogmerk (VZW) / association sans but lucratif (ASBL)"
   ],
   partnershipIncorporated: [
-    "commanditaire vennootschap op aandelen (Comm.VA) / société en commandite par actions (SCA)"
+    "gewone commanditaire vennootschap (Comm.V) / société en commandite simple (SCS)",
+    "société en nom collectif (SNC) / vennootschap onder firma (VOF)"
   ],
   partnershipUnincorporated: [
     "maatschap / société simple"

package/dist/{BR-CG-ZSQQz.js → BR-Dmkd5VjU.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] = "f3bbf079-a2ff-4d88-92b6-7a61fc0d5a90", e._sentryDebugIdIdentifier = "sentry-dbid-f3bbf079-a2ff-4d88-92b6-7a61fc0d5a90");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "1505cb70-7bf2-4669-8535-ebb61f53be08", e._sentryDebugIdIdentifier = "sentry-dbid-1505cb70-7bf2-4669-8535-ebb61f53be08");
   } catch (e) {
   }
 }
@@ -13,12 +13,12 @@ const BR = {
     "cooperativas"
   ],
   partnershipIncorporated: [
-    "sociedade em nome coletivo",
-    "sociedade em comandita simples",
-    "sociedade em comandita por ações"
+    "sociedade em nome coletivo (SCA)",
+    "sociedade em comandita simples (SCS)",
+    "sociedade em comandita por ações (SNC)"
   ],
   partnershipUnincorporated: [
-    "sociedade em comum (no legal personality)",
+    "sociedade em comum",
     "sociedade em conta de participação"
   ]
 };