@adyen/kyc-components 4.0.0-beta.5 → 4.0.0-compact.0

package/dist/InputDate-CHygOGiS.js

@@ -0,0 +1,43 @@
+;
+{
+  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] = "f344738a-efe2-4334-899b-73508817e94e", e._sentryDebugIdIdentifier = "sentry-dbid-f344738a-efe2-4334-899b-73508817e94e");
+  } catch (e) {
+  }
+}
+;
+import { jsx } from "preact/jsx-runtime";
+import { useMemo } from "preact/hooks";
+import { a as InputBase } from "./InputText-BX5sG9WJ.js";
+const checkDateInputSupport = () => {
+  const input = document.createElement("input");
+  input.setAttribute("type", "date");
+  return input.type === "date";
+};
+const formatDate = (value) => {
+  const date = value.replace(/\D|\s/g, "").replace(/^(00)(.*)?/, "01$2").replace(/^(3[2-9])(.*)?/, "0$1$2").replace(/^([4-9])(.*)?/, "0$1").replace(/^([0-9]{2})(00)(.*)?/, "$101").replace(/^(3[01])(02)(.*)?/, "29$2").replace(/^([0-9]{2})([2-9]|1[3-9])(.*)?/, "$10$2").replace(/^([0-9]{2})([0-9]{2})([0-9])/, "$1/$2/$3").replace(/^([0-9]{2})([0-9])/, "$1/$2");
+  const [day = "", month = "", year = ""] = date.split("/");
+  if (year.length === 4 && day === "29" && month === "02" && (Number(year) % 4 !== 0 || year.substring(2, 4) === "00" && Number(year) % 400 !== 0)) {
+    return date.replace(/^29/, "28");
+  }
+  return date;
+};
+const formatDateObj = (date) => date.toJSON().slice(0, 10);
+function InputDate(props) {
+  const isDateInputSupported = useMemo(checkDateInputSupport, []);
+  const { onInput } = props;
+  const handleInput = (e) => {
+    const { value } = e.target;
+    e.target.value = formatDate(value);
+    onInput(e);
+  };
+  if (isDateInputSupported) {
+    return /* @__PURE__ */ jsx(InputBase, { ...props, type: "date" });
+  }
+  return /* @__PURE__ */ jsx(InputBase, { ...props, onInput: handleInput, maxLength: 10 });
+}
+export {
+  InputDate as I,
+  formatDateObj as f
+};

package/dist/InputGroup-WBfGDV5F.js

@@ -0,0 +1,32 @@
+;
+{
+  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] = "982492e0-b2a7-4141-82ba-c79e74587917", e._sentryDebugIdIdentifier = "sentry-dbid-982492e0-b2a7-4141-82ba-c79e74587917");
+  } catch (e) {
+  }
+}
+;
+import { jsx } from "preact/jsx-runtime";
+import cx from "classnames";
+const InputGroup = ({
+  id,
+  isFocused,
+  isInvalid = false,
+  className,
+  children
+}) => {
+  const classNames = cx(
+    "adyen-kyc-input-group",
+    {
+      "adyen-kyc-input-group--invalid": isInvalid,
+      "adyen-kyc-input-group--valid": !isInvalid,
+      "adyen-kyc-input-group--focused": isFocused
+    },
+    className
+  );
+  return /* @__PURE__ */ jsx("div", { id, "data-testid": id, className: classNames, children });
+};
+export {
+  InputGroup as I
+};

package/dist/InputText-BX5sG9WJ.js

@@ -0,0 +1,161 @@
+;
+{
+  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] = "91174028-c772-4b37-b690-50d96bf48a3e", e._sentryDebugIdIdentifier = "sentry-dbid-91174028-c772-4b37-b690-50d96bf48a3e");
+  } catch (e) {
+  }
+}
+;
+import { jsx } from "preact/jsx-runtime";
+import { forwardRef } from "preact/compat";
+import { useRef, useState, useCallback, useLayoutEffect } from "preact/hooks";
+import cx from "classnames";
+import { U as useAnalyticsContext } from "./StoreProvider-BlaJzXSZ.js";
+import { d as debouncedInputEvent } from "./analytics-3-a-Od7Z.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"
+};
+const convertFullToHalf = (str) => str.replace(/[！-～]/g, (r) => String.fromCharCode(r.charCodeAt(0) - 65248));
+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({ actionType: "input", field: name });
+    }
+    e.target.value = convertFullToHalf(e.target.value);
+    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,
+  InputBase as a,
+  convertFullToHalf as c,
+  useForwardedRef as u
+};

package/dist/{Introduction-aPZmTW68.js → Introduction-BsKwELuc.js}

@@ -2,18 +2,19 @@
 {
   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] = "8425d8da-9f0b-415e-99aa-508fed954df2", e._sentryDebugIdIdentifier = "sentry-dbid-8425d8da-9f0b-415e-99aa-508fed954df2");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "990b01ad-c9ba-41b2-9028-d1127ecc0ad7", e._sentryDebugIdIdentifier = "sentry-dbid-990b01ad-c9ba-41b2-9028-d1127ecc0ad7");
   } catch (e) {
   }
 }
 ;
+import { a as addResourceBundles, _ as __variableDynamicImportRuntimeHelper } from "./translation-DJHWTow9.js";
 import { jsxs, Fragment, jsx } from "preact/jsx-runtime";
 import { useMemo as useMemo$1, useState, useEffect } from "preact/hooks";
-import { $ as TaskTypes, O as LegalEntityTypes, c as useTranslation, d as useLegalEntity, R as ROOT_LE, L as Loader, a3 as useAnalyticsContext, bx as StepProgressIndicator, G as Button } from "./StoreProvider-QThALSrj.js";
+import { M as TaskTypes, y as LegalEntityTypes, a as useTranslation, c as useLegalEntity, R as ROOT_LE, L as Loader, U as useAnalyticsContext, B as Button } from "./StoreProvider-BlaJzXSZ.js";
+import { S as StepProgressIndicator } from "./StepProgressIndicator-BWCQmDeV.js";
 import { useMemo } from "preact/compat";
-import { b as useCanSeeIntroduction, c as useLegalEntityType } from "./OnboardingDropinComponent-DLvTQVTE.js";
+import { b as useCanSeeIntroduction, c as useLegalEntityType } from "./OnboardingDropinComponent-B0GrJ_pR.js";
 import { t as toCapitalized } from "./toCapitalized-Bq7laD0b.js";
-import IntroductionStrings from "./en-US-Bq2Twy6x.js";
 const IntroductionScreens = {
   PROLOGUE: "PROLOGUE",
   INDIVIDUAL: TaskTypes.INDIVIDUAL,
@@ -85,6 +86,52 @@ const useIntroductionScreens = ({ legalEntity, tasks }) => {
   return canSeeIntroduction && introductionScreens?.length > 0 ? [IntroductionScreens.PROLOGUE, ...introductionScreens, IntroductionScreens.EPILOGUE] : void 0;
 };
 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"
@@ -139,6 +186,13 @@ const IntroductionScreen = ({
 };
 function Introduction({ onExitIntroduction, tasks }) {
   const { data: rootLe, isLoading } = useLegalEntity(ROOT_LE);
+  const { i18n } = useTranslation();
+  addResourceBundles(i18n, i18n.language, [
+    {
+      ns: "introduction",
+      importFn: () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../language/introduction/da-DK.json": () => import("./da-DK-D6UK8XT9.js"), "../language/introduction/de-DE.json": () => import("./de-DE-DUl6gRKv.js"), "../language/introduction/en-US.json": () => Promise.resolve().then(() => enUS), "../language/introduction/es-ES.json": () => import("./es-ES-Cavm0szq.js"), "../language/introduction/fi-FI.json": () => import("./fi-FI-DVa-ccaW.js"), "../language/introduction/fr-FR.json": () => import("./fr-FR-CY9emHgF.js"), "../language/introduction/it-IT.json": () => import("./it-IT-GgHc0cHR.js"), "../language/introduction/nl-NL.json": () => import("./nl-NL-CUcML482.js"), "../language/introduction/no-NO.json": () => import("./no-NO-BBCvsecq.js"), "../language/introduction/pt-PT.json": () => import("./pt-PT-JVqqgvPs.js"), "../language/introduction/sl-SI.json": () => import("./sl-SI-BzeVaC1Z.js"), "../language/introduction/sv-SE.json": () => import("./sv-SE-CVmo11gI.js") }), `../language/introduction/${i18n.language}.json`, 4)
+    }
+  ]);
   if (isLoading || !rootLe) {
     return /* @__PURE__ */ jsx(Loader, { size: "large" });
   }

package/dist/{LegalRepresentativeDetailsPage-Beh9_16w.js → LegalRepresentativeDetailsPage-DtMHe1Nq.js}

@@ -2,14 +2,16 @@
 {
   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] = "e924d860-0f22-4ccd-a712-c885a0aa9f30", e._sentryDebugIdIdentifier = "sentry-dbid-e924d860-0f22-4ccd-a712-c885a0aa9f30");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "def86b47-0990-47e9-89f3-5de55feb032f", e._sentryDebugIdIdentifier = "sentry-dbid-def86b47-0990-47e9-89f3-5de55feb032f");
   } catch (e) {
   }
 }
 ;
+import { a as addResourceBundles, _ as __variableDynamicImportRuntimeHelper } from "./translation-DJHWTow9.js";
 import { jsx } from "preact/jsx-runtime";
-import { d as useLegalEntity, B as skipToken, R as ROOT_LE, af as useCapabilityProblems, aa as useExperimentsContext, L as Loader, g as getLegalEntityCountry, b5 as getProblemsForEntity, Z as EntityTypes, b6 as isOnfidoAutofillFlowEnabled, a8 as noop, $ as TaskTypes } from "./StoreProvider-QThALSrj.js";
-import { I as IndividualOnfidoDropin, a as IndividualDropin } from "./IndividualOnfidoDropin-B0G_nHXY.js";
+import { c as useLegalEntity, q as skipToken, R as ROOT_LE, X as useExperimentsContext, a as useTranslation, L as Loader, g as getLegalEntityCountry, J as EntityTypes, ag as isOnfidoAutofillFlowEnabled, W as noop, M as TaskTypes } from "./StoreProvider-BlaJzXSZ.js";
+import { b as useCapabilityProblems, g as getProblemsForEntity } from "./fieldConfigurations-B8bDFQ53.js";
+import { I as IndividualOnfidoDropin, a as IndividualDropin } from "./IndividualOnfidoDropin-vuHu-O_C.js";
 function LegalRepresentativeDetailsPage({
   legalRepresentativeId,
   asModal = false,
@@ -24,6 +26,10 @@ function LegalRepresentativeDetailsPage({
   const { data: rootLe } = useLegalEntity(ROOT_LE);
   const capabilityProblems = useCapabilityProblems();
   const { isExperimentEnabled } = useExperimentsContext();
+  const { i18n } = useTranslation();
+  addResourceBundles(i18n, i18n.language, [
+    { ns: "individual", importFn: () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../language/da-DK.json": () => import("./da-DK-D0N1TVVU.js"), "../language/de-DE.json": () => import("./de-DE-Dtuu-nE7.js"), "../language/en-US.json": () => import("./en-US-546hB2Wn.js"), "../language/es-ES.json": () => import("./es-ES-BsQpwaPN.js"), "../language/fi-FI.json": () => import("./fi-FI-BJ9RzrL3.js"), "../language/fr-FR.json": () => import("./fr-FR-CNR5-s9g.js"), "../language/it-IT.json": () => import("./it-IT-BV9K87FK.js"), "../language/nl-NL.json": () => import("./nl-NL-DywVQ9km.js"), "../language/no-NO.json": () => import("./no-NO-B8oxqfNI.js"), "../language/pt-PT.json": () => import("./pt-PT-BvK00TeI.js"), "../language/sl-SI.json": () => import("./sl-SI-NI2OJAvm.js"), "../language/sv-SE.json": () => import("./sv-SE-CAZpDX9G.js") }), `../language/${i18n.language}.json`, 3) }
+  ]);
   if (!rootLe || legalRepresentativeId && !legalRepresentativeLe) {
     return /* @__PURE__ */ jsx(Loader, {});
   }

package/dist/Link-BFdxU8qh.js

@@ -0,0 +1,35 @@
+;
+{
+  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] = "67d14643-fd83-4a6b-9b9a-a557bbe7f083", e._sentryDebugIdIdentifier = "sentry-dbid-67d14643-fd83-4a6b-9b9a-a557bbe7f083");
+  } catch (e) {
+  }
+}
+;
+import { jsxs, jsx } from "preact/jsx-runtime";
+import cx from "classnames";
+import { V as Icon } from "./StoreProvider-BlaJzXSZ.js";
+const link = "adyen-kyc-link";
+const linkDefault = "adyen-kyc-link-default";
+const linkInline = "adyen-kyc-link-inline";
+const styles = {
+  link,
+  linkDefault,
+  linkInline
+};
+const Link = ({ children, external = false, href, inline = false }) => {
+  const rel = external ? "external noopener noreferrer" : void 0;
+  const target = external ? "_blank" : "_self";
+  const className = cx(styles.link, {
+    [styles.linkInline]: inline,
+    [styles.linkDefault]: !inline
+  });
+  return /* @__PURE__ */ jsxs("a", { className, href, rel, target, children: [
+    children,
+    external && !inline && /* @__PURE__ */ jsx(Icon, { name: "external-link" })
+  ] });
+};
+export {
+  Link as L
+};

package/dist/ManageIndividualComponent-By_fCmN1.js

@@ -0,0 +1,47 @@
+;
+{
+  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] = "71517710-4180-492e-9c08-2741f7ed9bfa", e._sentryDebugIdIdentifier = "sentry-dbid-71517710-4180-492e-9c08-2741f7ed9bfa");
+  } catch (e) {
+  }
+}
+;
+import { a as addResourceBundles, _ as __variableDynamicImportRuntimeHelper } from "./translation-DJHWTow9.js";
+import { jsx } from "preact/jsx-runtime";
+import { a as useTranslation, b as useApiContext, c as useLegalEntity, R as ROOT_LE } from "./StoreProvider-BlaJzXSZ.js";
+import { u as useOnboardingStatus } from "./useOnboardingStatus-CTgWLZxC.js";
+import { O as OnboardingStatuses } from "./view-verification-status-VFcBydkR.js";
+import { E as EmbeddedStatus } from "./EmbeddedStatus-BHTZcjUN.js";
+function ManageIndividualComponent({
+  legalEntityId,
+  onClick
+}) {
+  const { i18n } = useTranslation();
+  const { rootLegalEntityId: currentLegalEntityId } = useApiContext();
+  currentLegalEntityId.value = legalEntityId;
+  addResourceBundles(i18n, i18n.language, [
+    { ns: "common", importFn: () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../../language/locales/da-DK.json": () => import("./da-DK-BJ7aTPir.js"), "../../../language/locales/de-DE.json": () => import("./de-DE-C78RLE2G.js"), "../../../language/locales/en-US.instructions.json": () => import("./en-US.instructions-Ddr7AO05.js"), "../../../language/locales/en-US.json": () => import("./StoreProvider-BlaJzXSZ.js").then((n) => n.bN), "../../../language/locales/es-ES.json": () => import("./es-ES-BtUSEzkE.js"), "../../../language/locales/fi-FI.json": () => import("./fi-FI-Cvar63RH.js"), "../../../language/locales/fr-FR.json": () => import("./fr-FR-B5543Fe-.js"), "../../../language/locales/it-IT.json": () => import("./it-IT-Dd6xGSe-.js"), "../../../language/locales/nl-NL.json": () => import("./nl-NL-DVENFpd5.js"), "../../../language/locales/no-NO.json": () => import("./no-NO-Dn2UkdoI.js"), "../../../language/locales/pt-PT.json": () => import("./pt-PT-_o5xgnxS.js"), "../../../language/locales/sv-SE.json": () => import("./sv-SE-BUfESAQK.js") }), `../../../language/locales/${i18n.language}.json`, 6) }
+  ]);
+  const { data: legalEntityData } = useLegalEntity(ROOT_LE);
+  const { isPending, data: onboardingStatusData } = useOnboardingStatus({
+    refetchInterval: (res) => res.state.data?.status === OnboardingStatuses.AWAITING_DATA ? 3e3 : false
+  });
+  const name = legalEntityData?.individual?.name;
+  const fullName = name ? `${name.firstName} ${name.lastName}` : "";
+  const subtitle = legalEntityData?.individual?.email ?? "";
+  const status = onboardingStatusData?.status;
+  return /* @__PURE__ */ jsx(
+    EmbeddedStatus,
+    {
+      onClick,
+      title: fullName,
+      subtitle,
+      status,
+      loading: isPending
+    }
+  );
+}
+export {
+  ManageIndividualComponent as M
+};

package/dist/ManageTermsOfServiceComponent-D7F44OPD.js

@@ -0,0 +1,47 @@
+;
+{
+  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] = "1b1daa14-38eb-4564-abeb-b763778146ed", e._sentryDebugIdIdentifier = "sentry-dbid-1b1daa14-38eb-4564-abeb-b763778146ed");
+  } catch (e) {
+  }
+}
+;
+import { a as addResourceBundles, _ as __variableDynamicImportRuntimeHelper } from "./translation-DJHWTow9.js";
+import { jsx } from "preact/jsx-runtime";
+import { a as useTermsOfServiceAcceptanceInfos, u as useTermsOfServiceStatus } from "./useTermsOfServiceStatus-B0dIrYTA.js";
+import { b as useApiContext, a as useTranslation } from "./StoreProvider-BlaJzXSZ.js";
+import { E as EmbeddedStatus } from "./EmbeddedStatus-BHTZcjUN.js";
+function ManageTermsOfServiceComponent({
+  legalEntityId,
+  onClick
+}) {
+  const { rootLegalEntityId: currentLegalEntityId } = useApiContext();
+  currentLegalEntityId.value = legalEntityId;
+  const { i18n: i18next, t } = useTranslation("contract");
+  const { isLoading: isLoadingSigned, data: signedData } = useTermsOfServiceAcceptanceInfos();
+  const { isLoading: isLoadingUnsigned, data: unsignedData } = useTermsOfServiceStatus();
+  addResourceBundles(i18next, i18next.language, [
+    {
+      ns: "common",
+      importFn: () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../../language/locales/da-DK.json": () => import("./da-DK-BJ7aTPir.js"), "../../../language/locales/de-DE.json": () => import("./de-DE-C78RLE2G.js"), "../../../language/locales/en-US.instructions.json": () => import("./en-US.instructions-Ddr7AO05.js"), "../../../language/locales/en-US.json": () => import("./StoreProvider-BlaJzXSZ.js").then((n) => n.bN), "../../../language/locales/es-ES.json": () => import("./es-ES-BtUSEzkE.js"), "../../../language/locales/fi-FI.json": () => import("./fi-FI-Cvar63RH.js"), "../../../language/locales/fr-FR.json": () => import("./fr-FR-B5543Fe-.js"), "../../../language/locales/it-IT.json": () => import("./it-IT-Dd6xGSe-.js"), "../../../language/locales/nl-NL.json": () => import("./nl-NL-DVENFpd5.js"), "../../../language/locales/no-NO.json": () => import("./no-NO-Dn2UkdoI.js"), "../../../language/locales/pt-PT.json": () => import("./pt-PT-_o5xgnxS.js"), "../../../language/locales/sv-SE.json": () => import("./sv-SE-BUfESAQK.js") }), `../../../language/locales/${i18next.language}.json`, 6)
+    }
+  ]);
+  const signed = signedData?.data?.map((d) => d.type);
+  const unsigned = unsignedData?.termsOfServiceTypes;
+  const hasSignedAll = signed?.length !== 0 && unsigned?.length === 0;
+  const isLoading = isLoadingSigned && isLoadingUnsigned;
+  const title = t(($) => $["serviceAgreements"]);
+  return hasSignedAll ? /* @__PURE__ */ jsx(EmbeddedStatus, { onClick, title, tagLabel: "complete", loading: isLoading }) : /* @__PURE__ */ jsx(
+    EmbeddedStatus,
+    {
+      onClick,
+      actionIndicator: { labelKey: "accept" },
+      title,
+      loading: isLoading
+    }
+  );
+}
+export {
+  ManageTermsOfServiceComponent as M
+};

package/dist/{ManageTransferInstrumentComponent-Ds1QZxxR.js → ManageTransferInstrumentComponent-DywpP5PK.js}

@@ -2,17 +2,27 @@
 {
   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] = "652b06a1-ecdf-4084-94f0-4070f76251b5", e._sentryDebugIdIdentifier = "sentry-dbid-652b06a1-ecdf-4084-94f0-4070f76251b5");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "97bda6d6-15cb-400b-aedd-6003f48bfb66", e._sentryDebugIdIdentifier = "sentry-dbid-97bda6d6-15cb-400b-aedd-6003f48bfb66");
   } catch (e) {
   }
 }
 ;
+import { a as addResourceBundles, _ as __variableDynamicImportRuntimeHelper } from "./translation-DJHWTow9.js";
 import { jsxs, Fragment, jsx } from "preact/jsx-runtime";
-import { V as VerificationErrorAlert, u as useDeleteTransferInstrument } from "./VerificationErrorAlert-BtsLa_Ty.js";
-import { a as useApiContext, r as useQuery, x as httpGet, u as useI18nContext, ba as datasetUtilities, bb as getCapabilityProblems, bc as Modal, bd as ModalHeader, N as Typography, be as ModalContent, L as Loader, G as Button, a4 as Card, bf as StructuredList, bg as ModalFooter, bh as Spacer, a2 as IconButton, bi as Confirm, bj as mapTransferInstrumentToPayoutAccount, bk as cloneObject, bl as currencyByCountry, bm as entriesOf, a1 as TaskStatuses, bn as useTransferInstrument, a0 as createLogger, a9 as useToastContext, e as useDataset, f as datasetIdentifier, K as Alert } from "./StoreProvider-QThALSrj.js";
-import { s as statusToTag, E as EmbeddedStatus } from "./EmbeddedStatus-8yA_zZvi.js";
+import { V as VerificationErrorAlert, C as Card, u as useDeleteTransferInstrument } from "./Card-BMuquALf.js";
+import { b as useApiContext, j as useQuery, o as httpGet, u as useI18nContext, am as getCapabilityProblems, B as Button, L as Loader, ay as cloneObject, az as entriesOf, O as TaskStatuses, N as createLogger, a as useTranslation, x as Typography } from "./StoreProvider-BlaJzXSZ.js";
+import { u as useToastContext } from "./useToastContext-DGMeMy5R.js";
+import { a as datasetUtilities, u as useDataset, d as datasetIdentifier } from "./useDataset-BgvQQEKd.js";
+import { a as Alert } from "./Alert-C24s_Ygs.js";
+import { s as statusToTag, E as EmbeddedStatus } from "./EmbeddedStatus-BHTZcjUN.js";
 import { useState } from "preact/hooks";
+import { m as mapTransferInstrumentToPayoutAccount, u as useTransferInstrument } from "./mapTransferInstrumentToPayoutAccount-CAoOlPMA.js";
+import { M as Modal } from "./Modal-nMRQDTF7.js";
+import { S as StructuredList } from "./StructuredList-DaepaiVE.js";
 import { T as Tag } from "./Tag-DdkVScyr.js";
+import { D as DetailViewLayout } from "./DetailViewLayout-Z9cuUp4X.js";
+import { C as Confirm } from "./Confirm-DwutojkY.js";
+import { c as currencyByCountry } from "./types-K58FM7k4.js";
 const getTransferInstruments = async (legalEntityId, baseUrl) => {
   return httpGet({
     baseUrl,
@@ -39,7 +49,7 @@ function ManageTransferInstrumentOverviewItemModal({
   const [confirmOpen, setConfirmOpen] = useState(false);
   const datasetUtils = datasetUtilities(i18n.locale);
   const isReviewInProgress = status === "PROCESSING";
-  const showEditButton = status !== "ERROR" && !transferInstrument?.bankAccount.trustedSource;
+  const showEditButton = !transferInstrument?.bankAccount.trustedSource;
   const problems = transferInstrument ? getCapabilityProblems(transferInstrument, transferInstrument.bankAccount.countryCode) : {};
   const formatDataForStructuredList = (data) => {
     const summaryData = cloneObject(data);
@@ -98,50 +108,23 @@ function ManageTransferInstrumentOverviewItemModal({
       setConfirmOpen(true);
     }
   };
+  const actions = /* @__PURE__ */ jsxs(Fragment, { children: [
+    transferInstrument && showEditButton && /* @__PURE__ */ jsx(Button, { onClick: () => onEdit(transferInstrument.id), disabled: isReviewInProgress, children: i18n.get("edit") }),
+    /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: handleDeleteClick, disabled: isReviewInProgress, children: i18n.get("delete") })
+  ] });
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(Modal, { onClose, ariaLabel: i18n.get("bankAccount"), children: [
-      /* @__PURE__ */ jsx(ModalHeader, { children: /* @__PURE__ */ jsx(
-        Typography,
-        {
-          variant: "title-l",
-          el: "h3",
-          className: "adyen-kyc-manage-ti-overview-item-summary__header",
-          children: i18n.get("bankAccount")
-        }
-      ) }),
-      /* @__PURE__ */ jsx(ModalContent, { children: !transferInstrument ? /* @__PURE__ */ jsx(Loader, {}) : /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-manage-ti-overview-item-summary", children: [
-        !!problems.BankAccount?.[transferInstrument.id]?.verificationErrors && /* @__PURE__ */ jsx(
-          VerificationErrorAlert,
-          {
-            className: "adyen-kyc-manage-ti-overview-item-summary__error",
-            problems: problems.BankAccount?.[transferInstrument.id],
-            children: /* @__PURE__ */ jsx(Button, { variant: "link", onClick: () => onEdit(transferInstrument.id), children: i18n.get("editDetails") })
-          }
-        ),
-        getStructuredLists().map((listItems) => /* @__PURE__ */ jsx(Card, { className: "adyen-kyc-manage-ti-overview-item-summary__card", children: /* @__PURE__ */ jsx(StructuredList, { items: listItems }) }, listItems))
-      ] }) }),
-      transferInstrument && /* @__PURE__ */ jsxs(ModalFooter, { children: [
-        /* @__PURE__ */ jsx(Spacer, {}),
-        /* @__PURE__ */ jsx(
-          IconButton,
-          {
-            ariaLabel: i18n.get("delete"),
-            icon: "bin",
-            variant: "secondary",
-            disabled: isReviewInProgress,
-            onClick: handleDeleteClick
-          }
-        ),
-        showEditButton && /* @__PURE__ */ jsx(Button, { onClick: () => onEdit(transferInstrument.id), disabled: isReviewInProgress, children: i18n.get("edit") })
-      ] })
-    ] }),
+    /* @__PURE__ */ jsx(Modal, { onClose, ariaLabel: i18n.get("bankAccount"), inset: true, children: !transferInstrument ? /* @__PURE__ */ jsx(Loader, {}) : /* @__PURE__ */ jsxs(DetailViewLayout, { title: i18n.get("bankAccount"), actions, compact: true, children: [
+      !!problems.BankAccount?.[transferInstrument.id]?.verificationErrors && /* @__PURE__ */ jsx(VerificationErrorAlert, { problems: problems.BankAccount?.[transferInstrument.id], children: /* @__PURE__ */ jsx(Button, { variant: "link", onClick: () => onEdit(transferInstrument.id), children: i18n.get("editDetails") }) }),
+      getStructuredLists().map((listItems) => /* @__PURE__ */ jsx(Card, { background: "secondary", children: /* @__PURE__ */ jsx(StructuredList, { items: listItems }) }, listItems))
+    ] }) }),
     confirmOpen && /* @__PURE__ */ jsx(
       Confirm,
       {
         title: i18n.get("areYouSureYouWantToDeleteThisBankAccount"),
         onConfirm: handleRemove,
         confirmText: i18n.get("delete"),
-        onCancel: () => setConfirmOpen(false)
+        onCancel: () => setConfirmOpen(false),
+        critical: true
       }
     )
   ] });
@@ -244,8 +227,20 @@ function ManageTransferInstrumentComponent({
   const { rootLegalEntityId: currentLegalEntityId } = useApiContext();
   currentLegalEntityId.value = legalEntityId;
   const { i18n } = useI18nContext();
+  const { i18n: i18next } = useTranslation(["common", "banking"]);
   const { showToast } = useToastContext();
   const { mutateAsync: deleteTransferInstrument } = useDeleteTransferInstrument();
+  addResourceBundles(i18next, i18next.language, [
+    {
+      ns: "common",
+      importFn: () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../../language/locales/da-DK.json": () => import("./da-DK-BJ7aTPir.js"), "../../../language/locales/de-DE.json": () => import("./de-DE-C78RLE2G.js"), "../../../language/locales/en-US.instructions.json": () => import("./en-US.instructions-Ddr7AO05.js"), "../../../language/locales/en-US.json": () => import("./StoreProvider-BlaJzXSZ.js").then((n) => n.bN), "../../../language/locales/es-ES.json": () => import("./es-ES-BtUSEzkE.js"), "../../../language/locales/fi-FI.json": () => import("./fi-FI-Cvar63RH.js"), "../../../language/locales/fr-FR.json": () => import("./fr-FR-B5543Fe-.js"), "../../../language/locales/it-IT.json": () => import("./it-IT-Dd6xGSe-.js"), "../../../language/locales/nl-NL.json": () => import("./nl-NL-DVENFpd5.js"), "../../../language/locales/no-NO.json": () => import("./no-NO-Dn2UkdoI.js"), "../../../language/locales/pt-PT.json": () => import("./pt-PT-_o5xgnxS.js"), "../../../language/locales/sv-SE.json": () => import("./sv-SE-BUfESAQK.js") }), `../../../language/locales/${i18next.language}.json`, 6)
+    },
+    { ns: "ui", importFn: () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../ui/language/da-DK.json": () => import("./da-DK-D4H69PX3.js"), "../../ui/language/de-DE.json": () => import("./de-DE-wp5-H-ov.js"), "../../ui/language/en-US.json": () => import("./en-US-CAm3meB1.js"), "../../ui/language/es-ES.json": () => import("./es-ES-Ds3-DtqZ.js"), "../../ui/language/fi-FI.json": () => import("./fi-FI-DPNeTsJS.js"), "../../ui/language/fr-FR.json": () => import("./fr-FR-ChmNQciP.js"), "../../ui/language/it-IT.json": () => import("./it-IT-eCrTB65E.js"), "../../ui/language/nl-NL.json": () => import("./nl-NL-D2QKudfh.js"), "../../ui/language/no-NO.json": () => import("./no-NO-C_snYWBc.js"), "../../ui/language/pt-PT.json": () => import("./pt-PT-C-hbNnsB.js"), "../../ui/language/sl-SI.json": () => import("./sl-SI-BhVTSmhQ.js"), "../../ui/language/sv-SE.json": () => import("./sv-SE-66rqYTxi.js") }), `../../ui/language/${i18next.language}.json`, 5) },
+    {
+      ns: "banking",
+      importFn: () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../BankAccount/language/da-DK.json": () => import("./da-DK-q2b_1elr.js"), "../../BankAccount/language/de-DE.json": () => import("./de-DE-D2ByeIZs.js"), "../../BankAccount/language/en-US.json": () => import("./en-US-BQpgt41j.js"), "../../BankAccount/language/es-ES.json": () => import("./es-ES-WWftn3JX.js"), "../../BankAccount/language/fi-FI.json": () => import("./fi-FI-D9E_KaJi.js"), "../../BankAccount/language/fr-FR.json": () => import("./fr-FR-Cv0k-3Xc.js"), "../../BankAccount/language/it-IT.json": () => import("./it-IT-C_fNHhjE.js"), "../../BankAccount/language/nl-NL.json": () => import("./nl-NL-DLedC3mO.js"), "../../BankAccount/language/no-NO.json": () => import("./no-NO-CpVal4cV.js"), "../../BankAccount/language/pt-PT.json": () => import("./pt-PT-BkvMsoK4.js"), "../../BankAccount/language/sl-SI.json": () => import("./sl-SI-Cth2Qa5T.js"), "../../BankAccount/language/sv-SE.json": () => import("./sv-SE-OPOHtqtP.js") }), `../../BankAccount/language/${i18next.language}.json`, 5)
+    }
+  ]);
   const {
     data: transferInstrumentReferences,
     isLoading,