@adyen/kyc-components 4.0.1 → 4.2.0-beta.0

package/dist/InputText-DHRZ5RNd.js

@@ -1,249 +0,0 @@
-;
-{
-  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] = "8905d753-927b-4d91-9bb8-7e0ae2581ba2", e._sentryDebugIdIdentifier = "sentry-dbid-8905d753-927b-4d91-9bb8-7e0ae2581ba2");
-  } catch (e) {
-  }
-}
-;
-import { jsxs, jsx } from "preact/jsx-runtime";
-import cx from "classnames";
-import { a3 as Icon, u as useTranslation, V as TaskStatuses, a0 as useAnalyticsContext } from "./StoreProvider-l6WD5T55.js";
-import { forwardRef } from "preact/compat";
-import { useRef, useState, useCallback, useLayoutEffect } from "preact/hooks";
-import { a as debouncedInputEvent } from "./debouncedInputEvent-Bifj90NU.js";
-const SettingNames = {
-  AcceptedCountries: "acceptedCountries",
-  AllowBankAccountFormatSelection: "allowBankAccountFormatSelection",
-  AllowDebugUi: "allowDebugUi",
-  AllowIntraRegionCrossBorderPayout: "allowIntraRegionCrossBorderPayout",
-  AllowLegalEntityTypeChange: "changeLegalEntityType",
-  AllowPrefilledCountryEdit: "editPrefilledCountry",
-  RequirePciSignEcommerce: "requirePciSignEcommerce",
-  RequirePciSignPos: "requirePciSignPos",
-  RequirePciSignEcomMoto: "requirePciSignEcomMoto",
-  RequirePciSignPosMoto: "requirePciSignPosMoto",
-  HideOnboardingIntroductionIndividual: "hideOnboardingIntroductionIndividual",
-  HideOnboardingIntroductionOrganization: "hideOnboardingIntroductionOrganization",
-  HideOnboardingIntroductionTrust: "hideOnboardingIntroductionTrust",
-  HideOnboardingIntroductionSoleProprietor: "hideOnboardingIntroductionSoleProprietor",
-  TransferInstrumentLimit: "transferInstrumentLimit",
-  ViewOnboardingGuidance: "viewOnboardingGuidance",
-  InstantBankVerification: "instantBankVerification",
-  ShowServiceAgreementsFirst: "showServiceAgreementsFirst",
-  ShowBusinessFinancingFirst: "showBusinessFinancingFirst",
-  EnforceLegalAge: "enforceLegalAge",
-  MerchantType: "merchantType",
-  AllowBusinessLines: "allowBusinessLines"
-};
-const status = "adyen-kyc-status";
-const statusIcon = "adyen-kyc-status-icon";
-const statusText = "adyen-kyc-status-text";
-const statusTextResponsive = "adyen-kyc-status-text-responsive";
-const statusNeutral = "adyen-kyc-status-neutral";
-const statusError = "adyen-kyc-status-error";
-const statusWarning = "adyen-kyc-status-warning";
-const statusSuccess = "adyen-kyc-status-success";
-const styles = {
-  status,
-  statusIcon,
-  statusText,
-  statusTextResponsive,
-  statusNeutral,
-  statusError,
-  statusWarning,
-  statusSuccess
-};
-const variantStyles = {
-  success: styles.statusSuccess,
-  error: styles.statusError,
-  neutral: styles.statusNeutral,
-  warning: styles.statusWarning
-};
-const Status = ({
-  text,
-  icon = "circle-small-filled",
-  variant = "neutral",
-  responsive = true
-}) => {
-  const rootClassname = cx(styles.status, variantStyles[variant]);
-  const textClassname = cx(styles.statusText, {
-    [styles.statusTextResponsive]: responsive
-  });
-  return /* @__PURE__ */ jsxs("div", { role: "status", className: rootClassname, children: [
-    /* @__PURE__ */ jsx("div", { className: styles.statusIcon, children: /* @__PURE__ */ jsx(Icon, { name: icon }) }),
-    /* @__PURE__ */ jsx("div", { className: textClassname, children: text })
-  ] });
-};
-const TaskVerificationStatus = ({ status: status2, responsive }) => {
-  const { t } = useTranslation("common");
-  switch (status2) {
-    case TaskStatuses.DETAILS_REQUIRED:
-      return /* @__PURE__ */ jsx(
-        Status,
-        {
-          icon: "warning",
-          text: t(($) => $["incomplete"]),
-          variant: "warning",
-          responsive
-        }
-      );
-    case TaskStatuses.ERROR:
-      return /* @__PURE__ */ jsx(
-        Status,
-        {
-          icon: "field-error",
-          text: t(($) => $["actionNeeded"]),
-          variant: "error",
-          responsive
-        }
-      );
-    case TaskStatuses.FINISHED:
-      return /* @__PURE__ */ jsx(
-        Status,
-        {
-          icon: "checkmark",
-          text: t(($) => $["verified"]),
-          variant: "success",
-          responsive
-        }
-      );
-    case TaskStatuses.PROCESSING:
-      return /* @__PURE__ */ jsx(Status, { icon: "clock", text: t(($) => $["inReview"]), responsive });
-    case TaskStatuses.DOWNLOAD:
-    case TaskStatuses.SIGNED:
-      return /* @__PURE__ */ jsx(
-        Status,
-        {
-          icon: "checkmark",
-          text: t(($) => $["signed"]),
-          variant: "success",
-          responsive
-        }
-      );
-    default:
-      return null;
-  }
-};
-const InputBase = forwardRef((props, ref) => {
-  const userEvents = useAnalyticsContext();
-  const { enableTracking = false, ...passedProps } = props;
-  const { isInvalid, isValid, type = "text", disabled, name } = props;
-  const handleInput = (e) => {
-    if (enableTracking) {
-      debouncedInputEvent(userEvents, { actionType: "input", field: name });
-    }
-    props.onInput?.(e);
-  };
-  const handleBlur = (e) => {
-    if (enableTracking) {
-      userEvents.addFieldEvent("Interacted with form field", {
-        actionType: "blur",
-        field: name
-      });
-    }
-    props.onBlurHandler?.(e);
-    if (props.trimOnBlur) {
-      e.target.value = e.target.value.trim();
-    }
-    props.onBlur?.(e);
-  };
-  const handleFocus = (e) => {
-    if (enableTracking) {
-      userEvents.addFieldEvent("Interacted with form field", {
-        actionType: "focus",
-        field: name
-      });
-    }
-    props.onFocusHandler?.(e);
-  };
-  const inputClassNames = cx("adyen-kyc-input", [`adyen-kyc-input--${type}`], props.className, {
-    "adyen-kyc-input--invalid": isInvalid,
-    "adyen-kyc-field--valid": isValid,
-    "adyen-kyc-input--disabled": disabled
-  });
-  return /* @__PURE__ */ jsx(
-    "input",
-    {
-      ...passedProps,
-      name,
-      "aria-disabled": disabled,
-      "aria-invalid": !isValid,
-      "aria-required": passedProps.required || passedProps["aria-required"],
-      className: inputClassNames,
-      onBlur: handleBlur,
-      onFocus: handleFocus,
-      onInput: handleInput,
-      ref,
-      type
-    }
-  );
-});
-InputBase.displayName = "InputBase";
-const useForwardedRef = (forwardedRef) => {
-  const backupRef = useRef();
-  return forwardedRef ?? backupRef;
-};
-const InputText = forwardRef(
-  ({ onInput, onBlur, transformInput, transformMode, ...props }, ref) => {
-    const [cursorPosition, setCursorPosition] = useState(null);
-    const localRef = useForwardedRef(ref);
-    const inputHandler = useCallback(
-      (event) => {
-        const inputEl = event.target;
-        if (transformInput && (!transformMode || transformMode === "input")) {
-          setCursorPosition(inputEl.selectionStart);
-          const transformedInput = transformInput(inputEl.value);
-          const eventWithTransformedValue = {
-            ...event,
-            target: { ...event.target, value: transformedInput }
-          };
-          onInput(eventWithTransformedValue);
-        } else {
-          onInput(event);
-        }
-      },
-      [transformInput, transformMode, onInput]
-    );
-    const blurHandler = useCallback(
-      (event) => {
-        const inputEl = event.target;
-        if (transformInput && transformMode === "blur") {
-          setCursorPosition(inputEl.selectionStart);
-          const transformedInput = transformInput(inputEl.value);
-          const eventWithTransformedValue = {
-            ...event,
-            target: { ...event.target, value: transformedInput }
-          };
-          onBlur?.(eventWithTransformedValue);
-        } else {
-          onBlur?.(event);
-        }
-      },
-      [transformInput, transformMode, onBlur]
-    );
-    useLayoutEffect(() => {
-      if (cursorPosition && localRef.current?.selectionStart !== cursorPosition) {
-        localRef?.current?.setSelectionRange(cursorPosition, cursorPosition, "none");
-      }
-    }, [cursorPosition, localRef]);
-    return /* @__PURE__ */ jsx(
-      InputBase,
-      {
-        ...props,
-        onInput: inputHandler,
-        onBlur: blurHandler,
-        ref: localRef,
-        type: "text"
-      }
-    );
-  }
-);
-export {
-  InputText as I,
-  SettingNames as S,
-  TaskVerificationStatus as T,
-  InputBase as a,
-  useForwardedRef as u
-};

package/dist/Introduction-Cht7yZI7.js

@@ -1,300 +0,0 @@
-;
-{
-  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] = "680dab92-2860-4a68-a02b-17330e43a4a5", e._sentryDebugIdIdentifier = "sentry-dbid-680dab92-2860-4a68-a02b-17330e43a4a5");
-  } catch (e) {
-  }
-}
-;
-import { P as TaskTypes, t as LegalEntityTypes, u as useTranslation, c as useLegalEntity, R as ROOT_LE, a as addResourceBundles, L as Loader, a0 as useAnalyticsContext, B as Button, _ as __variableDynamicImportRuntimeHelper } from "./StoreProvider-l6WD5T55.js";
-import { jsxs, Fragment, jsx } from "preact/jsx-runtime";
-import { useMemo as useMemo$1, useState, useEffect } from "preact/hooks";
-import { S as StepProgressIndicator } from "./StepProgressIndicator-CBkt5fOY.js";
-import { useMemo } from "preact/compat";
-import { b as useCanSeeIntroduction, c as useLegalEntityType } from "./OnboardingDropinComponent-Cljx74I-.js";
-const IntroductionScreens = {
-  PROLOGUE: "PROLOGUE",
-  INDIVIDUAL: TaskTypes.INDIVIDUAL,
-  DECISION_MAKER: TaskTypes.DECISION_MAKER,
-  SOLE_PROPRIETOR_COMPANY: TaskTypes.SOLE_PROPRIETOR_COMPANY,
-  TRUST: TaskTypes.TRUST,
-  TRUST_MEMBER: TaskTypes.TRUST_MEMBER,
-  ACCOUNT: "ACCOUNT",
-  EPILOGUE: "EPILOGUE"
-};
-const introductionScreensByLegalEntityType = {
-  [LegalEntityTypes.INDIVIDUAL]: [
-    IntroductionScreens.PROLOGUE,
-    IntroductionScreens.INDIVIDUAL,
-    IntroductionScreens.ACCOUNT,
-    IntroductionScreens.EPILOGUE
-  ],
-  [LegalEntityTypes.ORGANIZATION]: [
-    IntroductionScreens.PROLOGUE,
-    IntroductionScreens.DECISION_MAKER,
-    IntroductionScreens.ACCOUNT,
-    IntroductionScreens.EPILOGUE
-  ],
-  [LegalEntityTypes.SOLE_PROPRIETORSHIP]: [
-    IntroductionScreens.PROLOGUE,
-    IntroductionScreens.INDIVIDUAL,
-    IntroductionScreens.SOLE_PROPRIETOR_COMPANY,
-    IntroductionScreens.ACCOUNT,
-    IntroductionScreens.EPILOGUE
-  ],
-  [LegalEntityTypes.TRUST]: [
-    IntroductionScreens.PROLOGUE,
-    IntroductionScreens.INDIVIDUAL,
-    IntroductionScreens.DECISION_MAKER,
-    IntroductionScreens.TRUST,
-    IntroductionScreens.TRUST_MEMBER,
-    IntroductionScreens.ACCOUNT,
-    IntroductionScreens.EPILOGUE
-  ],
-  // TODO SOE-2109: Update to use Unincorporated Partnership screens
-  [LegalEntityTypes.UNINCORPORATED_PARTNERSHIP]: [
-    IntroductionScreens.PROLOGUE,
-    IntroductionScreens.INDIVIDUAL,
-    IntroductionScreens.DECISION_MAKER,
-    IntroductionScreens.TRUST,
-    IntroductionScreens.TRUST_MEMBER,
-    IntroductionScreens.ACCOUNT,
-    IntroductionScreens.EPILOGUE
-  ]
-};
-const useIntroductionScreens = ({ legalEntity, tasks }) => {
-  const canSeeIntroduction = useCanSeeIntroduction({ legalEntity });
-  const legalEntityType = useLegalEntityType({ legalEntity });
-  const introductionScreens = useMemo(
-    () => legalEntityType ? introductionScreensByLegalEntityType[legalEntityType].filter((screen) => {
-      const isAccountScreen = screen === IntroductionScreens.ACCOUNT;
-      const hasAccountTask = tasks.includes(TaskTypes.PAYIN) || tasks.includes(TaskTypes.PAYOUT);
-      const isSoleProprietorScreen = screen === IntroductionScreens.SOLE_PROPRIETOR_COMPANY;
-      const isSoleProprietor = legalEntityType === LegalEntityTypes.SOLE_PROPRIETORSHIP;
-      const isTrustScreen = screen === IntroductionScreens.TRUST || screen === IntroductionScreens.TRUST_MEMBER;
-      const isTrust = legalEntityType === LegalEntityTypes.TRUST;
-      if (isAccountScreen) return hasAccountTask;
-      if (isSoleProprietorScreen) return isSoleProprietor;
-      if (isTrustScreen) return isTrust;
-      return tasks.some((task) => screen === task);
-    }) : [],
-    [legalEntityType, tasks]
-  );
-  return canSeeIntroduction && introductionScreens?.length > 0 ? [IntroductionScreens.PROLOGUE, ...introductionScreens, IntroductionScreens.EPILOGUE] : void 0;
-};
-const toCapitalized = (s) => `${s[0].toUpperCase()}${s.slice(1).toLowerCase()}`;
-const toPascalCase = (s) => s.split(/[^A-Za-z]/).map((word) => toCapitalized(word)).join("");
-const IntroductionStrings = {
-  goToOverviewFromIntroduction: "Skip intro",
-  introductionScreenAccountDescriptionP1: "For example, the account holder name and account number.",
-  introductionScreenAccountDescriptionP2: "This is the bank account you use to send or receive funds.",
-  introductionScreenAccountTitle: "Bank account details",
-  introductionScreenCompanyDescriptionLI1: "Your company registration document",
-  introductionScreenCompanyDescriptionP1: "For example, your company name and registration number.",
-  introductionScreenCompanyDescriptionP2: "Where to find this information",
-  introductionScreenCompanyTitle: "Company details",
-  introductionScreenDecisionMakerDescriptionLI1: "Driver's license",
-  introductionScreenDecisionMakerDescriptionLI2: "Passport",
-  introductionScreenDecisionMakerDescriptionLI3: "ID document",
-  introductionScreenDecisionMakerDescriptionP1: "For example, the name and address of important people in your company.",
-  introductionScreenDecisionMakerDescriptionP2: "Where to find this information",
-  introductionScreenDecisionMakerTitle: "Decision-makers",
-  introductionScreenEpilogueDescriptionP1: "We check all this information against official records to verify your identity and comply with financial regulations.",
-  introductionScreenEpilogueDescriptionP2: "Your information will be used only for these purposes.",
-  introductionScreenEpilogueTitle: "Why do we need this information?",
-  introductionScreenIndividualDescriptionLI1: "Driver's license",
-  introductionScreenIndividualDescriptionLI2: "Passport",
-  introductionScreenIndividualDescriptionLI3: "ID document",
-  introductionScreenIndividualDescriptionP1: "For example, your name and residential address.",
-  introductionScreenIndividualDescriptionP2: "Where to find this information",
-  introductionScreenIndividualTitle: "Personal details",
-  introductionScreenPrologueDescriptionP1: "We'll ask for some details about your business as part of financial regulations.",
-  introductionScreenPrologueDescriptionP2: "Our advice? Have these details on hand so you can get verified quickly.",
-  introductionScreenPrologueTitle: "Before you begin...",
-  introductionScreenSoleProprietorCompanyDescriptionLI1: "Your sole proprietorship registration document",
-  introductionScreenSoleProprietorCompanyDescriptionP1: "For example, your business name and tax identification number.",
-  introductionScreenSoleProprietorCompanyDescriptionP2: "Where to find this information",
-  introductionScreenSoleProprietorCompanyTitle: "Sole proprietorship details",
-  introductionScreenTrustDescriptionLI1: "Your trust registration document",
-  introductionScreenTrustDescriptionP1: "For example, your trust's name and business number. You'll also need to upload your trust deed.",
-  introductionScreenTrustDescriptionP2: "Where to find this information",
-  introductionScreenTrustMemberDescriptionLI1: "Driver's license",
-  introductionScreenTrustMemberDescriptionLI2: "Passport",
-  introductionScreenTrustMemberDescriptionLI3: "ID document",
-  introductionScreenTrustMemberDescriptionP1: "The name, date of birth, and address of trust members such as settlors and beneficiaries.",
-  introductionScreenTrustMemberDescriptionP2: "Where to find this information",
-  introductionScreenTrustMemberTitle: "Trust members",
-  introductionScreenTrustTitle: "Trust details"
-};
-const enUS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: IntroductionStrings
-}, Symbol.toStringTag, { value: "Module" }));
-const IntroductionScreenTranslationKeyElements = {
-  ListItem: "LI",
-  Paragraph: "P"
-};
-const getIntroductionScreenTranslationKeys = (factors) => {
-  const elForKey = (factors.elementType || "").toUpperCase();
-  const lForKey = toPascalCase(factors.legalEntityType || "");
-  const iForKey = toPascalCase(factors.introductionScreen);
-  const keyPrefix = `introductionScreen${iForKey}Description${elForKey}`;
-  const keyPrefixWithL = `introductionScreen${iForKey}${lForKey}Description${elForKey}`;
-  const keys = Object.keys(IntroductionStrings).filter((key) => key.startsWith(keyPrefix));
-  const keysWithL = Object.keys(IntroductionStrings).filter(
-    (key) => key.startsWith(keyPrefixWithL)
-  );
-  return (keysWithL.length ? keysWithL : keys).sort(
-    (a, b) => Number(a.charAt(a.length - 1)) - Number(b.charAt(b.length - 1))
-  );
-};
-const IntroductionScreen = ({
-  introductionScreen,
-  legalEntity,
-  number
-}) => {
-  const { t } = useTranslation("introduction");
-  const legalEntityType = useLegalEntityType({ legalEntity });
-  const paragraphKeys = useMemo$1(
-    () => legalEntityType ? getIntroductionScreenTranslationKeys({
-      introductionScreen,
-      legalEntityType,
-      elementType: IntroductionScreenTranslationKeyElements.Paragraph
-    }) : void 0,
-    [introductionScreen, legalEntityType]
-  );
-  const listItemKeys = useMemo$1(
-    () => legalEntityType ? getIntroductionScreenTranslationKeys({
-      introductionScreen,
-      legalEntityType,
-      elementType: IntroductionScreenTranslationKeyElements.ListItem
-    }) : void 0,
-    [introductionScreen, legalEntityType]
-  );
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { className: "adyen-kyc-introduction__number", children: number }),
-    /* @__PURE__ */ jsx("div", { className: "adyen-kyc-introduction__title", children: t(
-      ($) => $[`introductionScreen${toPascalCase(introductionScreen)}Title`]
-    ) }),
-    /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-introduction__description", children: [
-      !!paragraphKeys?.length && paragraphKeys.map((key) => /* @__PURE__ */ jsx("p", { children: t(($) => $[key]) }, key)),
-      !!listItemKeys?.length && /* @__PURE__ */ jsx("ul", { children: listItemKeys.map((key) => /* @__PURE__ */ jsx("li", { children: t(($) => $[key]) }, key)) })
-    ] })
-  ] });
-};
-function Introduction({ onExitIntroduction, tasks }) {
-  const { data: rootLe, isLoading } = useLegalEntity(ROOT_LE);
-  const { i18n } = useTranslation();
-  addResourceBundles(i18n, [
-    { ns: "introduction", importFn: (lang) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../language/introduction/bg-BG.json": () => import("./bg-BG-BY3Wa361.js"), "../language/introduction/cs-CZ.json": () => import("./cs-CZ-BEFeaKsV.js"), "../language/introduction/da-DK.json": () => import("./da-DK-D6UK8XT9.js"), "../language/introduction/de-DE.json": () => import("./de-DE-DUl6gRKv.js"), "../language/introduction/el-GR.json": () => import("./el-GR-B5j7VZ3E.js"), "../language/introduction/en-US.json": () => Promise.resolve().then(() => enUS), "../language/introduction/es-ES.json": () => import("./es-ES-Cavm0szq.js"), "../language/introduction/et-EE.json": () => import("./et-EE-DUWZ2Vqm.js"), "../language/introduction/fi-FI.json": () => import("./fi-FI-DVa-ccaW.js"), "../language/introduction/fr-FR.json": () => import("./fr-FR-CY9emHgF.js"), "../language/introduction/hr-HR.json": () => import("./hr-HR-CnP5sqih.js"), "../language/introduction/hu-HU.json": () => import("./hu-HU-BTlpbCpc.js"), "../language/introduction/it-IT.json": () => import("./it-IT-GgHc0cHR.js"), "../language/introduction/ja-JP.json": () => import("./ja-JP-CbgaW99b.js"), "../language/introduction/lt-LT.json": () => import("./lt-LT-DTQGR9M0.js"), "../language/introduction/lv-LV.json": () => import("./lv-LV-BQ4F1GrV.js"), "../language/introduction/nl-NL.json": () => import("./nl-NL-CUcML482.js"), "../language/introduction/no-NO.json": () => import("./no-NO-BBCvsecq.js"), "../language/introduction/pl-PL.json": () => import("./pl-PL-kGaeUP-w.js"), "../language/introduction/pt-BR.json": () => import("./pt-BR-nU_2Wbo5.js"), "../language/introduction/pt-PT.json": () => import("./pt-PT-JVqqgvPs.js"), "../language/introduction/ro-RO.json": () => import("./ro-RO-C83h2zHZ.js"), "../language/introduction/sk-SK.json": () => import("./sk-SK-CgLJIuJw.js"), "../language/introduction/sl-SI.json": () => import("./sl-SI-BzeVaC1Z.js"), "../language/introduction/sv-SE.json": () => import("./sv-SE-CVmo11gI.js") }), `../language/introduction/${lang}.json`, 4) }
-  ]);
-  if (isLoading || !rootLe) {
-    return /* @__PURE__ */ jsx(Loader, { size: "large" });
-  }
-  return /* @__PURE__ */ jsx(IntroductionInner, { legalEntity: rootLe, onExitIntroduction, tasks });
-}
-const IntroductionInner = ({
-  legalEntity,
-  onExitIntroduction,
-  tasks
-}) => {
-  const { t } = useTranslation(["common", "introduction"]);
-  const userEvents = useAnalyticsContext();
-  const introductionScreens = useIntroductionScreens({ legalEntity, tasks });
-  const [activeIndex, setActiveIndex] = useState(0);
-  const pageEventDetails = {
-    page: introductionScreens?.length ? introductionScreens[activeIndex] : void 0
-  };
-  useEffect(() => {
-    userEvents.addTaskEvent("Landed on page", {
-      actionType: "start"
-    });
-  }, [userEvents]);
-  useEffect(() => {
-    if (!introductionScreens?.length) {
-      onExitIntroduction();
-    }
-  }, [introductionScreens, onExitIntroduction]);
-  return introductionScreens?.length ? /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-introduction", children: [
-    /* @__PURE__ */ jsx(
-      StepProgressIndicator,
-      {
-        activeStepIndex: activeIndex + 1,
-        stepsCount: introductionScreens.length
-      }
-    ),
-    /* @__PURE__ */ jsx("div", { className: "adyen-kyc-introduction__skip", children: /* @__PURE__ */ jsx(
-      Button,
-      {
-        onClick: () => {
-          userEvents.addPageEvent("Clicked button", {
-            ...pageEventDetails,
-            actionType: "skip",
-            label: "goToOverviewFromIntroduction"
-          });
-          onExitIntroduction();
-        },
-        variant: "link",
-        children: t(($) => $["goToOverviewFromIntroduction"], { ns: "introduction" })
-      }
-    ) }),
-    /* @__PURE__ */ jsx(
-      IntroductionScreen,
-      {
-        introductionScreen: introductionScreens[activeIndex],
-        legalEntity,
-        number: activeIndex > 0 && activeIndex < introductionScreens.length - 1 ? activeIndex : void 0
-      },
-      introductionScreens[activeIndex]
-    ),
-    /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-introduction__nav", children: [
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          disabled: activeIndex === 0,
-          onClick: () => {
-            userEvents.addPageEvent("Clicked button", {
-              ...pageEventDetails,
-              actionType: "back",
-              label: "back"
-            });
-            setActiveIndex((currentValue) => currentValue - 1);
-          },
-          variant: "secondary",
-          children: t(($) => $["back"])
-        }
-      ),
-      activeIndex + 1 === introductionScreens.length ? /* @__PURE__ */ jsx(
-        Button,
-        {
-          onClick: () => {
-            userEvents.addTaskEvent("Success", {
-              actionType: "submit",
-              label: "start"
-            });
-            onExitIntroduction();
-          },
-          children: t(($) => $["start"])
-        }
-      ) : /* @__PURE__ */ jsx(
-        Button,
-        {
-          onClick: () => {
-            userEvents.addPageEvent("Clicked button", {
-              ...pageEventDetails,
-              actionType: "next",
-              label: "next"
-            });
-            setActiveIndex((currentValue) => currentValue + 1);
-          },
-          children: t(($) => $["continue"])
-        }
-      )
-    ] })
-  ] }) : null;
-};
-export {
-  Introduction,
-  IntroductionInner
-};