@adyen/kyc-components 3.56.0 → 3.56.1

package/dist/es/{B4MFY5CR-sw69iyPQ.js → B4MFY5CR-Bvs2knxQ.js}

@@ -1,7 +1,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { b as createContext, d as createSignal, o as onMount, e as createEffect, c as createMemo, a as createComponent, P as Portal, S as Show, t as template, i as insert, f as createRenderEffect, h as className, j as clearDelegatedEvents, k as delegateEvents, u as useContext, l as onCleanup, s as sortFns, m as mutationSortFns, n as on, p as setAttribute, q as getSidedProp, r as use, v as createUniqueId, w as batch, x as getQueryStatusLabel, y as getMutationStatusColor, z as getQueryStatusColor, A as getQueryStatusColorByLabel, B as displayValue, F as For, C as convertRemToPixels, D as untrack, $ as $TRACK, E as useTransition, G as spread, H as mergeProps, I as createRoot, J as serialize, K as Index, L as updateNestedDataByPath, M as addEventListener, N as stringify, O as Match, Q as Switch, R as deleteNestedDataByPath, T as splitProps, U as Dynamic, V as createComputed } from "./index-BFB-zOM1.js";
+import { h as createContext, i as createSignal, o as onMount, j as createEffect, e as createMemo, f as createComponent, P as Portal, k as Show, l as template, m as insert, n as createRenderEffect, p as className, q as clearDelegatedEvents, r as delegateEvents, s as useContext, v as onCleanup, w as sortFns, x as mutationSortFns, y as on, z as setAttribute, A as getSidedProp, C as use, D as createUniqueId, E as batch, F as getQueryStatusLabel, G as getMutationStatusColor, H as getQueryStatusColor, I as getQueryStatusColorByLabel, J as displayValue, K as For, M as convertRemToPixels, N as untrack, $ as $TRACK, O as useTransition, Q as spread, R as mergeProps, U as createRoot, V as serialize, W as Index, X as updateNestedDataByPath, Y as addEventListener, Z as stringify, _ as Match, a0 as Switch, a1 as deleteNestedDataByPath, a2 as splitProps, a3 as Dynamic, a4 as createComputed } from "./index-DvfA_PFX.js";
 var isNonNullable = (i2) => i2 != null;
 var filterNonNullable = (arr) => arr.filter(isNonNullable);
 function chain(callbacks) {

package/dist/es/{HO4MOOFI-BiF4odym.js → HO4MOOFI-D73JTsvp.js}

@@ -1,5 +1,5 @@
-import { c as createLocalStorage, T as THEME_PREFERENCE, P as PiPProvider, a as ThemeContext, D as Devtools, Q as QueryDevtoolsContext } from "./B4MFY5CR-sw69iyPQ.js";
-import { g as getPreferredColorScheme, c as createMemo, a as createComponent } from "./index-BFB-zOM1.js";
+import { c as createLocalStorage, T as THEME_PREFERENCE, P as PiPProvider, a as ThemeContext, D as Devtools, Q as QueryDevtoolsContext } from "./B4MFY5CR-Bvs2knxQ.js";
+import { d as getPreferredColorScheme, e as createMemo, f as createComponent } from "./index-DvfA_PFX.js";
 var DevtoolsComponent = (props) => {
   const [localStore, setLocalStore] = createLocalStorage({
     prefix: "TanstackQueryDevtools"

package/dist/es/{HUY7CZI3-C_Pfr-a6.js → HUY7CZI3-DV5kn2jF.js}

@@ -1,5 +1,5 @@
-import { c as createLocalStorage, T as THEME_PREFERENCE, P as PiPProvider, a as ThemeContext, b as ParentPanel, C as ContentView, Q as QueryDevtoolsContext } from "./B4MFY5CR-sw69iyPQ.js";
-import { g as getPreferredColorScheme, c as createMemo, a as createComponent } from "./index-BFB-zOM1.js";
+import { c as createLocalStorage, T as THEME_PREFERENCE, P as PiPProvider, a as ThemeContext, b as ParentPanel, C as ContentView, Q as QueryDevtoolsContext } from "./B4MFY5CR-Bvs2knxQ.js";
+import { d as getPreferredColorScheme, e as createMemo, f as createComponent } from "./index-DvfA_PFX.js";
 var DevtoolsPanelComponent = (props) => {
   const [localStore, setLocalStore] = createLocalStorage({
     prefix: "TanstackQueryDevtools"

package/dist/es/Introduction-C7VMHFjG.js

@@ -0,0 +1,227 @@
+import { jsxs, Fragment, jsx } from "preact/jsx-runtime";
+import { useMemo as useMemo$1, useState, useEffect } from "preact/hooks";
+import { T as TaskTypes, L as LegalEntityType, u as useCanSeeIntroduction, a as useLegalEntityType, t as toCapitalized, g as getTranslationKeysByPrefix, b as useI18nContext, c as userEvents, S as StepProgressIndicator, B as Button } from "./index-DvfA_PFX.js";
+import { useMemo } from "preact/compat";
+var IntroductionScreens = ((IntroductionScreens2) => {
+  IntroductionScreens2["PROLOGUE"] = "PROLOGUE";
+  IntroductionScreens2[IntroductionScreens2["COMPANY"] = TaskTypes.COMPANY] = "COMPANY";
+  IntroductionScreens2[IntroductionScreens2["INDIVIDUAL"] = TaskTypes.INDIVIDUAL] = "INDIVIDUAL";
+  IntroductionScreens2[IntroductionScreens2["DECISION_MAKER"] = TaskTypes.DECISION_MAKER] = "DECISION_MAKER";
+  IntroductionScreens2[IntroductionScreens2["SOLE_PROPRIETOR_COMPANY"] = TaskTypes.SOLE_PROPRIETOR_COMPANY] = "SOLE_PROPRIETOR_COMPANY";
+  IntroductionScreens2[IntroductionScreens2["TRUST"] = TaskTypes.TRUST] = "TRUST";
+  IntroductionScreens2[IntroductionScreens2["TRUST_MEMBER"] = TaskTypes.TRUST_MEMBER] = "TRUST_MEMBER";
+  IntroductionScreens2["ACCOUNT"] = "ACCOUNT";
+  IntroductionScreens2["EPILOGUE"] = "EPILOGUE";
+  return IntroductionScreens2;
+})(IntroductionScreens || {});
+const introductionScreensByLegalEntityType = {
+  [LegalEntityType.INDIVIDUAL]: [
+    IntroductionScreens.PROLOGUE,
+    IntroductionScreens.INDIVIDUAL,
+    IntroductionScreens.ACCOUNT,
+    IntroductionScreens.EPILOGUE
+  ],
+  [LegalEntityType.ORGANIZATION]: [
+    IntroductionScreens.PROLOGUE,
+    IntroductionScreens.COMPANY,
+    IntroductionScreens.DECISION_MAKER,
+    IntroductionScreens.ACCOUNT,
+    IntroductionScreens.EPILOGUE
+  ],
+  [LegalEntityType.SOLE_PROPRIETORSHIP]: [
+    IntroductionScreens.PROLOGUE,
+    IntroductionScreens.INDIVIDUAL,
+    IntroductionScreens.SOLE_PROPRIETOR_COMPANY,
+    IntroductionScreens.ACCOUNT,
+    IntroductionScreens.EPILOGUE
+  ],
+  [LegalEntityType.TRUST]: [
+    IntroductionScreens.PROLOGUE,
+    IntroductionScreens.COMPANY,
+    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 === LegalEntityType.SOLE_PROPRIETORSHIP;
+      const isTrustScreen = screen === IntroductionScreens.TRUST || screen === IntroductionScreens.TRUST_MEMBER;
+      const isTrust = legalEntityType === LegalEntityType.TRUST;
+      if (isAccountScreen) return hasAccountTask;
+      if (isSoleProprietorScreen) return isSoleProprietor;
+      if (isTrustScreen) return isTrust;
+      return tasks.some((task) => screen === task);
+    }) : [],
+    [legalEntityType, tasks]
+  );
+  return canSeeIntroduction && (introductionScreens == null ? void 0 : introductionScreens.length) > 0 ? [IntroductionScreens.PROLOGUE, ...introductionScreens, IntroductionScreens.EPILOGUE] : void 0;
+};
+const toPascalCase = (s) => s.split(/[^A-Za-z]/).map((word) => toCapitalized(word)).join("");
+var IntroductionScreenTranslationKeyElements = /* @__PURE__ */ ((IntroductionScreenTranslationKeyElements2) => {
+  IntroductionScreenTranslationKeyElements2["ListItem"] = "LI";
+  IntroductionScreenTranslationKeyElements2["Paragraph"] = "P";
+  return IntroductionScreenTranslationKeyElements2;
+})(IntroductionScreenTranslationKeyElements || {});
+const getIntroductionScreenTranslationKeys = (translations, 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 = getTranslationKeysByPrefix(translations, keyPrefix);
+  const keysWithL = getTranslationKeysByPrefix(translations, 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 { i18n } = useI18nContext();
+  const legalEntityType = useLegalEntityType({ legalEntity });
+  const paragraphKeys = useMemo$1(
+    () => legalEntityType ? getIntroductionScreenTranslationKeys(i18n.translations, {
+      introductionScreen,
+      legalEntityType,
+      elementType: IntroductionScreenTranslationKeyElements.Paragraph
+    }) : void 0,
+    [i18n, introductionScreen, legalEntityType]
+  );
+  const listItemKeys = useMemo$1(
+    () => legalEntityType ? getIntroductionScreenTranslationKeys(i18n.translations, {
+      introductionScreen,
+      legalEntityType,
+      elementType: IntroductionScreenTranslationKeyElements.ListItem
+    }) : void 0,
+    [i18n, 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: i18n.get(`introductionScreen${toPascalCase(introductionScreen)}Title`) }),
+    /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-introduction__description", children: [
+      !!(paragraphKeys == null ? void 0 : paragraphKeys.length) && paragraphKeys.map((key) => /* @__PURE__ */ jsx("p", { children: i18n.get(key) }, key)),
+      !!(listItemKeys == null ? void 0 : listItemKeys.length) && /* @__PURE__ */ jsx("ul", { children: listItemKeys.map((key) => /* @__PURE__ */ jsx("li", { children: i18n.get(key) }, key)) })
+    ] })
+  ] });
+};
+const Introduction = ({
+  legalEntity,
+  onExitIntroduction,
+  tasks
+}) => {
+  const { i18n } = useI18nContext();
+  const introductionScreens = useIntroductionScreens({ legalEntity, tasks });
+  const [activeIndex, setActiveIndex] = useState(0);
+  const pageEventDetails = {
+    actionLevel: "page",
+    page: (introductionScreens == null ? void 0 : introductionScreens.length) ? introductionScreens[activeIndex] : void 0
+  };
+  useEffect(() => {
+    userEvents.addTaskEvent("Landed on page", {
+      actionType: "start"
+    });
+  }, []);
+  useEffect(() => {
+    if (!(introductionScreens == null ? void 0 : introductionScreens.length)) {
+      onExitIntroduction();
+    }
+  }, [introductionScreens, onExitIntroduction]);
+  const translationKeys = {
+    skip: "goToOverviewFromIntroduction",
+    back: "back",
+    next: "next",
+    start: "start"
+  };
+  return (introductionScreens == null ? void 0 : 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,
+      {
+        label: i18n.get(translationKeys.skip),
+        onClick: () => {
+          userEvents.addEvent("Clicked button", {
+            ...pageEventDetails,
+            actionType: "skip",
+            label: translationKeys.skip
+          });
+          onExitIntroduction();
+        },
+        showAsLink: true
+      }
+    ) }),
+    /* @__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,
+          label: i18n.get(translationKeys.back),
+          onClick: () => {
+            userEvents.addEvent("Clicked button", {
+              ...pageEventDetails,
+              actionType: "back",
+              label: translationKeys.back
+            });
+            setActiveIndex((currentValue) => currentValue - 1);
+          },
+          secondary: true
+        }
+      ),
+      activeIndex + 1 === introductionScreens.length ? /* @__PURE__ */ jsx(
+        Button,
+        {
+          label: i18n.get(translationKeys.start),
+          onClick: () => {
+            userEvents.addTaskEvent("Success", {
+              actionType: "submit",
+              label: translationKeys.start
+            });
+            onExitIntroduction();
+          }
+        }
+      ) : /* @__PURE__ */ jsx(
+        Button,
+        {
+          label: i18n.get(translationKeys.next),
+          onClick: () => {
+            userEvents.addEvent("Clicked button", {
+              ...pageEventDetails,
+              actionType: "next",
+              label: translationKeys.next
+            });
+            setActiveIndex((currentValue) => currentValue + 1);
+          }
+        }
+      )
+    ] })
+  ] }) : null;
+};
+export {
+  Introduction
+};

package/dist/es/adyen-kyc-components.es.js

@@ -1,227 +1,4 @@
-import { jsxs, Fragment, jsx } from "preact/jsx-runtime";
-import { useMemo as useMemo$1, useState, useEffect } from "preact/hooks";
-import { f as TaskTypes, L as LegalEntityType, a2 as useCanSeeIntroduction, ad as useLegalEntityType, R as toCapitalized, ae as getTranslationKeysByPrefix, u as useI18nContext, a as userEvents, M as StepProgressIndicator, B as Button } from "./useCanSeeIntroduction--XLChwhg.js";
-import { useMemo } from "preact/compat";
-var IntroductionScreens = ((IntroductionScreens2) => {
-  IntroductionScreens2["PROLOGUE"] = "PROLOGUE";
-  IntroductionScreens2[IntroductionScreens2["COMPANY"] = TaskTypes.COMPANY] = "COMPANY";
-  IntroductionScreens2[IntroductionScreens2["INDIVIDUAL"] = TaskTypes.INDIVIDUAL] = "INDIVIDUAL";
-  IntroductionScreens2[IntroductionScreens2["DECISION_MAKER"] = TaskTypes.DECISION_MAKER] = "DECISION_MAKER";
-  IntroductionScreens2[IntroductionScreens2["SOLE_PROPRIETOR_COMPANY"] = TaskTypes.SOLE_PROPRIETOR_COMPANY] = "SOLE_PROPRIETOR_COMPANY";
-  IntroductionScreens2[IntroductionScreens2["TRUST"] = TaskTypes.TRUST] = "TRUST";
-  IntroductionScreens2[IntroductionScreens2["TRUST_MEMBER"] = TaskTypes.TRUST_MEMBER] = "TRUST_MEMBER";
-  IntroductionScreens2["ACCOUNT"] = "ACCOUNT";
-  IntroductionScreens2["EPILOGUE"] = "EPILOGUE";
-  return IntroductionScreens2;
-})(IntroductionScreens || {});
-const introductionScreensByLegalEntityType = {
-  [LegalEntityType.INDIVIDUAL]: [
-    IntroductionScreens.PROLOGUE,
-    IntroductionScreens.INDIVIDUAL,
-    IntroductionScreens.ACCOUNT,
-    IntroductionScreens.EPILOGUE
-  ],
-  [LegalEntityType.ORGANIZATION]: [
-    IntroductionScreens.PROLOGUE,
-    IntroductionScreens.COMPANY,
-    IntroductionScreens.DECISION_MAKER,
-    IntroductionScreens.ACCOUNT,
-    IntroductionScreens.EPILOGUE
-  ],
-  [LegalEntityType.SOLE_PROPRIETORSHIP]: [
-    IntroductionScreens.PROLOGUE,
-    IntroductionScreens.INDIVIDUAL,
-    IntroductionScreens.SOLE_PROPRIETOR_COMPANY,
-    IntroductionScreens.ACCOUNT,
-    IntroductionScreens.EPILOGUE
-  ],
-  [LegalEntityType.TRUST]: [
-    IntroductionScreens.PROLOGUE,
-    IntroductionScreens.COMPANY,
-    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 === LegalEntityType.SOLE_PROPRIETORSHIP;
-      const isTrustScreen = screen === IntroductionScreens.TRUST || screen === IntroductionScreens.TRUST_MEMBER;
-      const isTrust = legalEntityType === LegalEntityType.TRUST;
-      if (isAccountScreen) return hasAccountTask;
-      if (isSoleProprietorScreen) return isSoleProprietor;
-      if (isTrustScreen) return isTrust;
-      return tasks.some((task) => screen === task);
-    }) : [],
-    [legalEntityType, tasks]
-  );
-  return canSeeIntroduction && (introductionScreens == null ? void 0 : introductionScreens.length) > 0 ? [IntroductionScreens.PROLOGUE, ...introductionScreens, IntroductionScreens.EPILOGUE] : void 0;
-};
-const toPascalCase = (s) => s.split(/[^A-Za-z]/).map((word) => toCapitalized(word)).join("");
-var IntroductionScreenTranslationKeyElements = /* @__PURE__ */ ((IntroductionScreenTranslationKeyElements2) => {
-  IntroductionScreenTranslationKeyElements2["ListItem"] = "LI";
-  IntroductionScreenTranslationKeyElements2["Paragraph"] = "P";
-  return IntroductionScreenTranslationKeyElements2;
-})(IntroductionScreenTranslationKeyElements || {});
-const getIntroductionScreenTranslationKeys = (translations, 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 = getTranslationKeysByPrefix(translations, keyPrefix);
-  const keysWithL = getTranslationKeysByPrefix(translations, 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 { i18n } = useI18nContext();
-  const legalEntityType = useLegalEntityType({ legalEntity });
-  const paragraphKeys = useMemo$1(
-    () => legalEntityType ? getIntroductionScreenTranslationKeys(i18n.translations, {
-      introductionScreen,
-      legalEntityType,
-      elementType: IntroductionScreenTranslationKeyElements.Paragraph
-    }) : void 0,
-    [i18n, introductionScreen, legalEntityType]
-  );
-  const listItemKeys = useMemo$1(
-    () => legalEntityType ? getIntroductionScreenTranslationKeys(i18n.translations, {
-      introductionScreen,
-      legalEntityType,
-      elementType: IntroductionScreenTranslationKeyElements.ListItem
-    }) : void 0,
-    [i18n, 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: i18n.get(`introductionScreen${toPascalCase(introductionScreen)}Title`) }),
-    /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-introduction__description", children: [
-      !!(paragraphKeys == null ? void 0 : paragraphKeys.length) && paragraphKeys.map((key) => /* @__PURE__ */ jsx("p", { children: i18n.get(key) }, key)),
-      !!(listItemKeys == null ? void 0 : listItemKeys.length) && /* @__PURE__ */ jsx("ul", { children: listItemKeys.map((key) => /* @__PURE__ */ jsx("li", { children: i18n.get(key) }, key)) })
-    ] })
-  ] });
-};
-const Introduction = ({
-  legalEntity,
-  onExitIntroduction,
-  tasks
-}) => {
-  const { i18n } = useI18nContext();
-  const introductionScreens = useIntroductionScreens({ legalEntity, tasks });
-  const [activeIndex, setActiveIndex] = useState(0);
-  const pageEventDetails = {
-    actionLevel: "page",
-    page: (introductionScreens == null ? void 0 : introductionScreens.length) ? introductionScreens[activeIndex] : void 0
-  };
-  useEffect(() => {
-    userEvents.addTaskEvent("Landed on page", {
-      actionType: "start"
-    });
-  }, []);
-  useEffect(() => {
-    if (!(introductionScreens == null ? void 0 : introductionScreens.length)) {
-      onExitIntroduction();
-    }
-  }, [introductionScreens, onExitIntroduction]);
-  const translationKeys = {
-    skip: "goToOverviewFromIntroduction",
-    back: "back",
-    next: "next",
-    start: "start"
-  };
-  return (introductionScreens == null ? void 0 : 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,
-      {
-        label: i18n.get(translationKeys.skip),
-        onClick: () => {
-          userEvents.addEvent("Clicked button", {
-            ...pageEventDetails,
-            actionType: "skip",
-            label: translationKeys.skip
-          });
-          onExitIntroduction();
-        },
-        showAsLink: true
-      }
-    ) }),
-    /* @__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,
-          label: i18n.get(translationKeys.back),
-          onClick: () => {
-            userEvents.addEvent("Clicked button", {
-              ...pageEventDetails,
-              actionType: "back",
-              label: translationKeys.back
-            });
-            setActiveIndex((currentValue) => currentValue - 1);
-          },
-          secondary: true
-        }
-      ),
-      activeIndex + 1 === introductionScreens.length ? /* @__PURE__ */ jsx(
-        Button,
-        {
-          label: i18n.get(translationKeys.start),
-          onClick: () => {
-            userEvents.addTaskEvent("Success", {
-              actionType: "submit",
-              label: translationKeys.start
-            });
-            onExitIntroduction();
-          }
-        }
-      ) : /* @__PURE__ */ jsx(
-        Button,
-        {
-          label: i18n.get(translationKeys.next),
-          onClick: () => {
-            userEvents.addEvent("Clicked button", {
-              ...pageEventDetails,
-              actionType: "next",
-              label: translationKeys.next
-            });
-            setActiveIndex((currentValue) => currentValue + 1);
-          }
-        }
-      )
-    ] })
-  ] }) : null;
-};
+import { a5 } from "./index-DvfA_PFX.js";
 export {
-  Introduction
+  a5 as default
 };