@adyen/kyc-components 3.83.3 → 3.85.0-beta.1

package/dist/{types-CAznNNSI.js → types-DHmyPbAn.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] = "79adf98d-ded8-4cb5-af20-515331a52736", e._sentryDebugIdIdentifier = "sentry-dbid-79adf98d-ded8-4cb5-af20-515331a52736");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "43d3fcd5-de03-4981-adc7-aacf88496025", e._sentryDebugIdIdentifier = "sentry-dbid-43d3fcd5-de03-4981-adc7-aacf88496025");
   } catch (e) {
   }
 }
@@ -91,10 +91,6 @@ const ExperimentNames = {
    * Enables Unincorporated Partnerships to be selected within Business Type Selection Task to be onboarded in HO
    */
   EnableUnincorporatedPartnershipInHO: "EnableUnincorporatedPartnershipInHO",
-  /**
-   *
-   */
-  UseOnboardingComponentsForSingpass: "UseOnboardingComponentsForSingpass",
   /**
    *
    */
@@ -115,10 +111,6 @@ const ExperimentNames = {
    * OXP-6238 Disable guided decision makers workflow for requested scopes
    */
   DisableGuidedDecisionMakersFlow: "DisableGuidedDecisionMakersFlow",
-  /**
-   * SOE-5806 Enable task status service usage for `BUSINESS_DETAILS` task
-   */
-  EnableBusinessDetailsTaskStatusService: "EnableBusinessDetailsTaskStatusService",
   /**
    * Use the status calculated on the backend for the payout task.
    * If false, instead compute the status from capabilities and problems on the root LE.
@@ -132,14 +124,14 @@ const ExperimentNames = {
    * OXP-6357 Show revamped decision-maker task page
    */
   EnableRevampedDecisionMakersTaskPage: "EnableRevampedDecisionMakersTaskPage",
-  /**
-   * OXP-5078 Show task to add business lines
-   */
-  EnableBusinessLinesTask: "EnableBusinessLinesTask",
   /**
    * SOE-5391: Enable useMultiForm for Business Details task
    */
   EnableBusinessDetailsMultiForm: "EnableBusinessDetailsMultiForm",
+  /**
+   * SOE-4062: Enable cross border payouts configuration for Bank Account task
+   */
+  EnableCrossBorderPayouts: "EnableCrossBorderPayouts",
   // Experiments
   /**
    * SOE-5561: A/B New CaaS flow vs Standard bank account flow

package/dist/{useAssociatedLegalEntity-C5XzLwm6.js → useAssociatedLegalEntity-Cd77TYXt.js}

@@ -8,7 +8,7 @@
 }
 ;
 import { useMemo } from "preact/hooks";
-import { N as createLogger, c as useLegalEntity, q as skipToken } from "./StoreProvider-DwPgB8ia.js";
+import { N as createLogger, c as useLegalEntity, q as skipToken } from "./StoreProvider-DadhkEyO.js";
 const logger = createLogger();
 function useAssociatedLegalEntity(parentLegalEntity, associationType) {
   const matchingAssociation = useMemo(() => {

package/dist/{useDataset-B6FKCmU2.js → useDataset-B-72Ufk7.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] = "6dc36cd5-1da1-4b43-8d0f-09f2968ebab6", e._sentryDebugIdIdentifier = "sentry-dbid-6dc36cd5-1da1-4b43-8d0f-09f2968ebab6");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "b7175a2f-9416-4c8d-827a-a725007918b7", e._sentryDebugIdIdentifier = "sentry-dbid-b7175a2f-9416-4c8d-827a-a725007918b7");
   } catch (e) {
   }
 }
@@ -10,8 +10,8 @@
 import { jsx, jsxs } from "preact/jsx-runtime";
 import cx from "classnames";
 import { useState, useEffect } from "preact/hooks";
-import { a as useTranslation, U as useAnalyticsContext, x as Typography, B as Button, N as createLogger, u as useI18nContext } from "./StoreProvider-DwPgB8ia.js";
-import { M as Modal } from "./Modal-BTqOwYJg.js";
+import { u as useTranslation, P as useAnalyticsContext, x as Typography, B as Button, N as createLogger, af as useI18nContext } from "./StoreProvider-DadhkEyO.js";
+import { M as Modal } from "./Modal-DvB1odWq.js";
 const structuredList = "adyen-kyc-structured-list";
 const structuredListSectionField = "adyen-kyc-structured-list-section-field";
 const structuredListSectionLabel = "adyen-kyc-structured-list-section-label";

package/dist/{useForm-TOSljeW-.js → useForm-Aw38WiTE.js}

@@ -2,77 +2,18 @@
 {
   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] = "2da38aac-6abc-45d2-9b91-2d6256982138", e._sentryDebugIdIdentifier = "sentry-dbid-2da38aac-6abc-45d2-9b91-2d6256982138");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "7b7afc10-a20f-4955-a45a-7f01a2c46b4c", e._sentryDebugIdIdentifier = "sentry-dbid-7b7afc10-a20f-4955-a45a-7f01a2c46b4c");
   } catch (e) {
   }
 }
 ;
-import { jsxs, Fragment, jsx } from "preact/jsx-runtime";
+import { jsxs, jsx, Fragment } from "preact/jsx-runtime";
 import cx from "classnames";
 import { useState, useEffect, useRef, useMemo, useCallback, useReducer } from "preact/hooks";
-import { U as useAnalyticsContext, a as useTranslation, V as Icon, w as translateStringOrObject, L as Loader, T as ToastContextProvider, W as noop, x as Typography, N as createLogger, a7 as isEmpty, a6 as entriesOf, aJ as doArraysMatch } from "./StoreProvider-DwPgB8ia.js";
-import { M as Modal, K as KEYBOARD_KEYS } from "./Modal-BTqOwYJg.js";
+import { u as useTranslation, P as useAnalyticsContext, U as Icon, w as translateStringOrObject, L as Loader, W as noop, x as Typography, N as createLogger, aa as isEmpty, aC as entriesOf, aJ as doArraysMatch } from "./StoreProvider-DadhkEyO.js";
 import { computed, signal, useSignal, useSignalEffect } from "@preact/signals";
-import { d as debouncedInputEvent } from "./analytics-DAPJVGPZ.js";
-function Checkbox({
-  id,
-  name,
-  value,
-  className,
-  label,
-  isInvalid,
-  onChange,
-  helper,
-  checked,
-  readonly,
-  disabled,
-  enableTracking = false,
-  "aria-required": ariaRequired,
-  "aria-invalid": ariaInvalid,
-  "aria-describedby": ariaDescribedBy
-}) {
-  const userEvents = useAnalyticsContext();
-  const handleChange = (newValue) => {
-    if (enableTracking) {
-      userEvents.addFieldEvent("Interacted with form field", {
-        actionType: "input",
-        field: name,
-        returnValue: String(newValue)
-      });
-    }
-    onChange(newValue);
-  };
-  const helperId = `${id}-helper`;
-  const ariaDescribedById = `${helper ? helperId : ""} ${ariaDescribedBy ?? ""}`.trim();
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        id,
-        name,
-        value,
-        "aria-describedby": ariaDescribedById,
-        "aria-invalid": ariaInvalid || isInvalid,
-        "aria-required": ariaRequired,
-        readOnly: readonly,
-        disabled,
-        checked,
-        className: cx([
-          "adyen-kyc-checkbox__input",
-          [className],
-          { "adyen-kyc-checkbox__input--invalid": isInvalid }
-        ]),
-        type: "checkbox",
-        onClick: (event) => {
-          event.stopPropagation();
-          handleChange(!checked);
-        }
-      }
-    ),
-    /* @__PURE__ */ jsx("label", { htmlFor: id, className: "adyen-kyc-checkbox__label", children: label }),
-    helper && /* @__PURE__ */ jsx("span", { id: helperId, className: "adyen-kyc-checkbox__helper-text", children: helper })
-  ] });
-}
+import { K as KEYBOARD_KEYS } from "./Modal-DvB1odWq.js";
+import { C as Checkbox, d as debouncedInputEvent } from "./analytics-awjVudvY.js";
 const ARIA_ERROR_SUFFIX = "-ariaError";
 function uuidv4() {
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
@@ -234,16 +175,6 @@ const LoaderWrapper = ({
     /* @__PURE__ */ jsx("div", { className: styles$1.loaderWrapperForm, style: opacitySyle, children })
   ] });
 };
-const MaybeModal = ({
-  ariaLabel,
-  children,
-  inline = false,
-  inset,
-  onClose,
-  size
-}) => {
-  return inline ? /* @__PURE__ */ jsx(Fragment, { children }) : /* @__PURE__ */ jsx(Modal, { onClose, ariaLabel, size, inset, children: /* @__PURE__ */ jsx(ToastContextProvider, { children }) });
-};
 const createSelectFocus = ({
   activeItems,
   filteredItems: items
@@ -1691,15 +1622,13 @@ function useForm({
   };
 }
 export {
-  Checkbox as C,
   Field as F,
   LoaderWrapper as L,
-  MaybeModal as M,
-  Select as S,
+  SelectListItem as S,
   ValidationResult as V,
   useForm as a,
-  SelectListItem as b,
-  useId as c,
+  useId as b,
+  Select as c,
   getDataByFields as g,
   uuidv4 as u
 };

package/dist/useFormContext-Bx1n-f4V.js

@@ -0,0 +1,222 @@
+;
+{
+  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] = "1b503b1d-758c-4699-b0c7-e2c665c9ebc3", e._sentryDebugIdIdentifier = "sentry-dbid-1b503b1d-758c-4699-b0c7-e2c665c9ebc3");
+  } catch (e) {
+  }
+}
+;
+import { jsx, jsxs } from "preact/jsx-runtime";
+import { useMemo, useRef, useState, useContext } from "preact/hooks";
+import cx from "classnames";
+import { P as useAnalyticsContext, u as useTranslation, B as Button, V as IconButton } from "./StoreProvider-DadhkEyO.js";
+import { L as LoaderWrapper } from "./useForm-Aw38WiTE.js";
+import { M as MaybeModal } from "./MaybeModal-DraEs2gj.js";
+import { F as FormRouterContextProvider } from "./dropinUtils-wWEQXoqU.js";
+import { C as Confirm } from "./useDataset-B-72Ufk7.js";
+import { e as Summary } from "./CountryField-DunKeW_n.js";
+import { createContext } from "preact";
+const FormContext = createContext(null);
+function FormContextProvider({
+  children,
+  form
+}) {
+  const contextValue = useMemo(
+    () => ({
+      form
+    }),
+    [form]
+  );
+  return /* @__PURE__ */ jsx(FormContext.Provider, { value: contextValue, children });
+}
+const progressBar = "adyen-kyc-progress-bar";
+const progressBarRounded = "adyen-kyc-progress-bar-rounded";
+const progressBarIndicator = "adyen-kyc-progress-bar-indicator";
+const styles$1 = {
+  progressBar,
+  progressBarRounded,
+  progressBarIndicator
+};
+const ProgressBar = ({ progress, ariaLabel, rounded = false }) => {
+  const clamp = (value) => {
+    return Math.min(Math.max(value, 0), 100);
+  };
+  const clampedProgress = clamp(progress);
+  const cssWidth = `${clampedProgress}%`;
+  const className = cx(styles$1.progressBar, {
+    [styles$1.progressBarRounded]: rounded
+  });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className,
+      role: "progressbar",
+      "aria-label": ariaLabel,
+      "aria-valuenow": clampedProgress,
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      children: /* @__PURE__ */ jsxs("div", { className: styles$1.progressBarIndicator, style: { width: cssWidth }, children: [
+        progress,
+        "%"
+      ] })
+    }
+  );
+};
+const formFlow = "adyen-kyc-form-flow";
+const formFlowContent = "adyen-kyc-form-flow-content";
+const formFlowFooter = "adyen-kyc-form-flow-footer";
+const formFlowFooterBorder = "adyen-kyc-form-flow-footer-border";
+const formFlowActions = "adyen-kyc-form-flow-actions";
+const formFlowActionGroup = "adyen-kyc-form-flow-action-group";
+const styles = {
+  formFlow,
+  formFlowContent,
+  formFlowFooter,
+  formFlowFooterBorder,
+  formFlowActions,
+  formFlowActionGroup
+};
+const FormFlow = ({
+  asModal = false,
+  children,
+  currentStep = 0,
+  disableBackButton,
+  disableNextButton,
+  disableSaveButton,
+  forms,
+  gotoFormByFormIndex,
+  handleBackClick,
+  handleCancelClick,
+  handleNextClick,
+  handleSaveClick,
+  loadingStatus,
+  summary,
+  totalSteps = 1
+}) => {
+  const contentRef = useRef(null);
+  const userEvents = useAnalyticsContext();
+  const { t } = useTranslation("common");
+  const [isConfirmPresented, setIsConfirmPresented] = useState(false);
+  const [isSaving, setIsSaving] = useState(false);
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const isLoading = loadingStatus === "loading";
+  const isActionDisabled = isSaving || isSubmitting || isConfirmPresented || isLoading;
+  const isSaveButtonVisible = handleSaveClick !== void 0;
+  const isFirstStep = currentStep === 0;
+  const isLastStep = currentStep === totalSteps - 1;
+  const isSingleStepForm = isFirstStep && isLastStep;
+  const hasProblems = summary?.problems?.verificationErrors !== void 0;
+  const progress = Math.floor(currentStep / (totalSteps - 1) * 100);
+  const scrollToTop = () => {
+    if (contentRef.current) {
+      contentRef.current.scroll({
+        top: 0,
+        behavior: "smooth"
+      });
+    }
+  };
+  const handleSubmit = () => {
+    setIsSubmitting(true);
+    Promise.resolve(handleNextClick()).then(() => {
+      setIsSubmitting(false);
+      scrollToTop();
+    });
+  };
+  const handleSave = () => {
+    setIsSaving(true);
+    Promise.resolve(handleSaveClick?.()).then(() => {
+      setIsSaving(false);
+    });
+  };
+  const handleNext = () => {
+    scrollToTop();
+    handleNextClick();
+  };
+  const handleBack = () => {
+    scrollToTop();
+    handleBackClick?.();
+  };
+  const handleDismiss = () => {
+    setIsConfirmPresented(true);
+  };
+  const handleCancelDismiss = () => {
+    setIsConfirmPresented(false);
+  };
+  const handleConfirmDismiss = () => {
+    setIsConfirmPresented(false);
+    handleCancelClick?.();
+  };
+  const handleSkip = () => {
+    userEvents.addPageEvent("Clicked button", {
+      actionType: "skip",
+      label: "skip"
+    });
+    gotoFormByFormIndex(currentStep + 1);
+  };
+  const footerClassName = cx(styles.formFlowFooter, {
+    [styles.formFlowFooterBorder]: isSingleStepForm
+  });
+  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: t(($) => $["progress"]), progress }),
+        /* @__PURE__ */ jsxs("div", { className: styles.formFlowActions, children: [
+          isFirstStep || handleBackClick === void 0 ? /* @__PURE__ */ jsx(
+            Button,
+            {
+              disabled: isActionDisabled || disableBackButton,
+              onClick: handleDismiss,
+              variant: "secondary",
+              children: t(($) => $["cancel"])
+            }
+          ) : /* @__PURE__ */ jsx(
+            Button,
+            {
+              disabled: isActionDisabled || disableBackButton,
+              icon: "chevron-left",
+              onClick: handleBack,
+              variant: "secondary",
+              children: t(($) => $["back"])
+            }
+          ),
+          isLastStep ? /* @__PURE__ */ jsx(Button, { onClick: handleSubmit, loading: isSubmitting, children: t(($) => $["submit"]) }) : /* @__PURE__ */ jsxs("div", { className: styles.formFlowActionGroup, children: [
+            isSaveButtonVisible && /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                ariaLabel: t(($) => $["finishLater"]),
+                disabled: isActionDisabled || disableSaveButton,
+                loading: isSaving,
+                icon: "save",
+                onClick: handleSave,
+                variant: "secondary"
+              }
+            ),
+            hasProblems && /* @__PURE__ */ jsx(Button, { onClick: handleSkip, disabled: isActionDisabled, variant: "secondary", children: t(($) => $["skip"]) }),
+            /* @__PURE__ */ jsx(Button, { onClick: handleNext, disabled: isActionDisabled || disableNextButton, children: t(($) => $["continue"]) })
+          ] })
+        ] })
+      ] })
+    ] }),
+    isConfirmPresented && /* @__PURE__ */ jsx(
+      Confirm,
+      {
+        confirmText: t(($) => $["leave"]),
+        description: t(($) => $["unsavedChangesDescription"]),
+        onCancel: handleCancelDismiss,
+        onConfirm: handleConfirmDismiss,
+        title: t(($) => $["unsavedChanges"])
+      }
+    )
+  ] });
+};
+function useFormContext() {
+  const context = useContext(FormContext);
+  return context;
+}
+export {
+  FormContextProvider as F,
+  FormFlow as a,
+  useFormContext as u
+};

package/dist/{useGlobalData-sHcA849M.js → useGlobalData-BYJWYYpf.js}

@@ -2,26 +2,25 @@
 {
   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] = "fdfb58d4-06bd-4c54-aea9-2c929962a74d", e._sentryDebugIdIdentifier = "sentry-dbid-fdfb58d4-06bd-4c54-aea9-2c929962a74d");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "4faa5654-a08e-46a8-8590-efdfac331abd", e._sentryDebugIdIdentifier = "sentry-dbid-4faa5654-a08e-46a8-8590-efdfac331abd");
   } catch (e) {
   }
 }
 ;
 import { jsxs, jsx } from "preact/jsx-runtime";
 import { useContext, useState, useCallback, useMemo } from "preact/hooks";
-import { bw as StateContext, a as useTranslation, U as useAnalyticsContext, X as useExperimentsContext, B as Button } from "./StoreProvider-DwPgB8ia.js";
-import { M as MaybeModal, L as LoaderWrapper } from "./useForm-TOSljeW-.js";
-import { a as ModalContent, c as ModalHeader, b as ModalFooter } from "./Modal-BTqOwYJg.js";
+import { br as StateContext, u as useTranslation, P as useAnalyticsContext, X as useExperimentsContext, B as Button } from "./StoreProvider-DadhkEyO.js";
+import { L as LoaderWrapper } from "./useForm-Aw38WiTE.js";
+import { M as MaybeModal } from "./MaybeModal-DraEs2gj.js";
+import { a as ModalContent, c as ModalHeader, b as ModalFooter } from "./Modal-DvB1odWq.js";
 import { S as Spacer } from "./Spacer-BK3jDget.js";
-import { S as StepProgressIndicator } from "./StepProgressIndicator-DMgLRY9r.js";
-import { t as trackNavigation, j as FormRouterContextProvider, f as summaryStep, S as Summary } from "./CountryField-BiXkT-tj.js";
-import { F as FormNavigation } from "./FormNavigation-DJBG1CCX.js";
-import { a as debounce } from "./analytics-DAPJVGPZ.js";
+import { S as StepProgressIndicator } from "./StepProgressIndicator-sfM13J_b.js";
+import { t as trackNavigation, F as FormRouterContextProvider } from "./dropinUtils-wWEQXoqU.js";
+import { F as FormNavigation } from "./FormNavigation-a9y0a0iw.js";
+import { d as summaryStep, e as Summary } from "./CountryField-DunKeW_n.js";
+import { a as debounce } from "./analytics-awjVudvY.js";
 function useStateContext() {
   const context = useContext(StateContext);
-  if (process.env.NODE_ENV === "development" && !context) {
-    throw new Error("useStateContext must be used within a StateProvider");
-  }
   return context;
 }
 const FormWrapper = ({