@adyen/kyc-components 4.0.0-compact.1 → 4.0.0-compact.2

package/dist/{CountryField-50Iboayh.js → CountryField-BKLmbhSX.js}

@@ -2,35 +2,163 @@
 {
   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] = "abdf1a90-1be5-461d-a2b8-436402d71051", e._sentryDebugIdIdentifier = "sentry-dbid-abdf1a90-1be5-461d-a2b8-436402d71051");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "e54f4aa1-61f7-4ae1-ac98-7c632894cf06", e._sentryDebugIdIdentifier = "sentry-dbid-e54f4aa1-61f7-4ae1-ac98-7c632894cf06");
   } catch (e) {
   }
 }
 ;
-import { jsxs, jsx, Fragment } from "preact/jsx-runtime";
-import { B as Button, a as useTranslation, aD as keysOf, aE as remediationHasFileUploadField, az as entriesOf, w as translateStringOrObject, aF as TrustMemberGuidanceLabels, a7 as TrustMemberTypes, ak as DecisionMakerTypes, u as useI18nContext, U as useAnalyticsContext, W as noop, a9 as isEmpty, P as IconButton, t as Svg } from "./StoreProvider-D4cRWOo4.js";
+import { jsx, jsxs, Fragment as Fragment$1 } from "preact/jsx-runtime";
 import cx from "classnames";
 import { defineSlots } from "named-slots";
-import { toChildArray, createContext } from "preact";
+import { toChildArray, Fragment, createContext } from "preact";
+import { T as TaskVerificationStatus } from "./InputText-DXkZ7fwq.js";
 import { useContext, useCallback, useMemo } from "preact/hooks";
-import { a as Alert } from "./Alert-C_-UwoDE.js";
-import { g as getDataByFields, F as Field, c as Select } from "./useForm-Bikkn7wR.js";
-import { u as useDataset, d as datasetIdentifier } from "./useDataset-B8uRm9G9.js";
-const formHeader = "adyen-kyc-form-header";
-const heading = "adyen-kyc-heading";
-const description = "adyen-kyc-description";
+import { a as Alert } from "./Alert-BjepSgqS.js";
+import { B as Button, u as useTranslation, ap as keysOf, aT as remediationHasFileUploadField, a0 as entriesOf, z as translateStringOrObject, aU as TrustMemberGuidanceLabels, ag as TrustMemberTypes, am as DecisionMakerTypes, W as isEmpty, a3 as Icon } from "./StoreProvider-D0o_745u.js";
+import { g as getDataByFields, F as Field, S as Select } from "./useForm-BkgSiM1i.js";
+import { u as useDataset, d as datasetIdentifier } from "./useDataset-CLPw5wNd.js";
+const stackLayout = "adyen-kyc-stack-layout";
+const stackLayoutGapXs = "adyen-kyc-stack-layout-gap-xs";
+const stackLayoutGapS = "adyen-kyc-stack-layout-gap-s";
+const stackLayoutGapM = "adyen-kyc-stack-layout-gap-m";
+const stackLayoutGapL = "adyen-kyc-stack-layout-gap-l";
+const stackLayoutGapXl = "adyen-kyc-stack-layout-gap-xl";
+const stackLayoutLeft = "adyen-kyc-stack-layout-left";
+const stackLayoutCenter = "adyen-kyc-stack-layout-center";
+const stackLayoutRight = "adyen-kyc-stack-layout-right";
+const stackLayoutItem = "adyen-kyc-stack-layout-item";
+const stackLayoutHorizontal = "adyen-kyc-stack-layout-horizontal";
+const stackLayoutLeftHorizontal = "adyen-kyc-stack-layout-left-horizontal";
+const stackLayoutCenterHorizontal = "adyen-kyc-stack-layout-center-horizontal";
+const stackLayoutRightHorizontal = "adyen-kyc-stack-layout-right-horizontal";
+const styles$3 = {
+  stackLayout,
+  stackLayoutGapXs,
+  stackLayoutGapS,
+  stackLayoutGapM,
+  stackLayoutGapL,
+  stackLayoutGapXl,
+  stackLayoutLeft,
+  stackLayoutCenter,
+  stackLayoutRight,
+  stackLayoutItem,
+  stackLayoutHorizontal,
+  stackLayoutLeftHorizontal,
+  stackLayoutCenterHorizontal,
+  stackLayoutRightHorizontal
+};
+const gapStyles = {
+  xSmall: styles$3.stackLayoutGapXs,
+  small: styles$3.stackLayoutGapS,
+  medium: styles$3.stackLayoutGapM,
+  large: styles$3.stackLayoutGapL,
+  xLarge: styles$3.stackLayoutGapXl,
+  none: null
+};
+const alignStyles = {
+  left: styles$3.stackLayoutLeft,
+  center: styles$3.stackLayoutCenter,
+  right: styles$3.stackLayoutRight,
+  auto: null
+};
+const horizontalAlignStyles = {
+  left: styles$3.stackLayoutLeftHorizontal,
+  center: styles$3.stackLayoutCenterHorizontal,
+  right: styles$3.stackLayoutRightHorizontal,
+  auto: null
+};
+const flattenChildren = (children) => {
+  return toChildArray(children).flatMap((child) => {
+    if (typeof child === "object" && child.type === Fragment) {
+      return flattenChildren(child.props.children);
+    }
+    return child;
+  });
+};
+const StackLayout = ({
+  align = "auto",
+  children,
+  gap = "medium",
+  horizontal = false
+}) => {
+  const flattenedChildren = flattenChildren(children);
+  const rootClassname = cx(styles$3.stackLayout, gapStyles[gap], alignStyles[align], {
+    [horizontalAlignStyles[align]]: horizontal,
+    [styles$3.stackLayoutHorizontal]: horizontal
+  });
+  return /* @__PURE__ */ jsx("div", { className: rootClassname, children: flattenedChildren.map((item, i) => {
+    if (align === "auto") {
+      return /* @__PURE__ */ jsx("div", { className: styles$3.stackLayoutItem, children: item }, item.key ?? i);
+    }
+    return item;
+  }) });
+};
+const header = "adyen-kyc-header";
+const headerMargin = "adyen-kyc-header-margin";
+const headerMarginSecondary = "adyen-kyc-header-margin-secondary";
+const headerLeft = "adyen-kyc-header-left";
+const headerCenter = "adyen-kyc-header-center";
+const headerRight = "adyen-kyc-header-right";
+const headerContent = "adyen-kyc-header-content";
+const headerActions = "adyen-kyc-header-actions";
+const headerTitle = "adyen-kyc-header-title";
+const headerTitlePrimary = "adyen-kyc-header-title-primary";
+const headerTitleSecondary = "adyen-kyc-header-title-secondary";
+const headerDescription = "adyen-kyc-header-description";
+const headerDescriptionPrimary = "adyen-kyc-header-description-primary";
+const headerDescriptionSecondary = "adyen-kyc-header-description-secondary";
 const styles$2 = {
-  formHeader,
-  heading,
-  description
+  header,
+  headerMargin,
+  headerMarginSecondary,
+  headerLeft,
+  headerCenter,
+  headerRight,
+  headerContent,
+  headerActions,
+  headerTitle,
+  headerTitlePrimary,
+  headerTitleSecondary,
+  headerDescription,
+  headerDescriptionPrimary,
+  headerDescriptionSecondary
+};
+const alignmentStyles = {
+  left: styles$2.headerLeft,
+  center: styles$2.headerCenter,
+  right: styles$2.headerRight
 };
-function FormHeader({ heading: heading2, description: description2, className, children }) {
-  const { Slot, hasSlot } = defineSlots(children ?? [], ["heading", "description"]);
-  return /* @__PURE__ */ jsxs("header", { className: cx(styles$2.formHeader, className), children: [
-    /* @__PURE__ */ jsx(Slot, { name: "heading", children: heading2 && /* @__PURE__ */ jsx("h2", { className: styles$2.heading, children: heading2 }) }),
-    (hasSlot("description") || description2) && /* @__PURE__ */ jsx("div", { className: styles$2.description, children: /* @__PURE__ */ jsx(Slot, { name: "description", children: /* @__PURE__ */ jsx("template", { children: description2 }) }) })
+const Header = ({
+  align = "left",
+  children,
+  description,
+  secondary = false,
+  status,
+  title
+}) => {
+  const { Slot, hasSlot } = defineSlots(children ?? [], ["actions", "description"]);
+  const HeadingElement = secondary ? "h2" : "h1";
+  const rootClassname = cx(styles$2.header, alignmentStyles[align], {
+    [styles$2.headerMargin]: !secondary,
+    [styles$2.headerMarginSecondary]: secondary
+  });
+  const titleClassname = cx(styles$2.headerTitle, {
+    [styles$2.headerTitlePrimary]: !secondary,
+    [styles$2.headerTitleSecondary]: secondary
+  });
+  const descriptionClassname = cx(styles$2.headerDescription, {
+    [styles$2.headerDescriptionPrimary]: !secondary,
+    [styles$2.headerDescriptionSecondary]: secondary
+  });
+  return /* @__PURE__ */ jsxs("header", { className: rootClassname, children: [
+    status && /* @__PURE__ */ jsx(TaskVerificationStatus, { status, responsive: false }),
+    /* @__PURE__ */ jsxs("div", { className: styles$2.headerContent, children: [
+      /* @__PURE__ */ jsx(HeadingElement, { className: titleClassname, children: title }),
+      (hasSlot("description") || description) && /* @__PURE__ */ jsx("div", { className: descriptionClassname, children: /* @__PURE__ */ jsx(Slot, { name: "description", children: description }) })
+    ] }),
+    hasSlot("actions") && /* @__PURE__ */ jsx("div", { className: styles$2.headerActions, children: /* @__PURE__ */ jsx(StackLayout, { gap: "small", horizontal: true, children: /* @__PURE__ */ jsx(Slot, { name: "actions" }) }) })
   ] });
-}
+};
 const list = "adyen-kyc-list";
 const listHeader = "adyen-kyc-list-header";
 const listFooter = "adyen-kyc-list-footer";
@@ -61,7 +189,7 @@ const List = ({
   children,
   dividers = true,
   footer,
-  header,
+  header: header2,
   padding = "medium",
   variant = "plain"
 }) => {
@@ -84,7 +212,7 @@ const List = ({
     }
   );
   return /* @__PURE__ */ jsxs("div", { className: styles$1.list, children: [
-    header && /* @__PURE__ */ jsx("div", { className: styles$1.listHeader, children: header }),
+    header2 && /* @__PURE__ */ jsx("div", { className: styles$1.listHeader, children: header2 }),
     /* @__PURE__ */ jsx("ul", { className: listClassName, children: childrenArray.map((item) => {
       const itemClassname = cx(styles$1.listItem, {
         [styles$1.listItemRowSeparator]: dividers
@@ -102,9 +230,6 @@ const List = ({
 const FormRouterContext = createContext(null);
 function useFormRouterContext() {
   const context = useContext(FormRouterContext);
-  if (process.env.NODE_ENV === "development" && !context) {
-    throw new Error("useFormRouterContext must be used within a FormRouterProvider");
-  }
   return context;
 }
 const NavigateToFieldLink = ({ fieldName, label }) => {
@@ -124,7 +249,7 @@ function ServerValidationErrors({
   validationErrors,
   formUtils
 }) {
-  const { t } = useTranslation("common");
+  const { t } = useTranslation("ui");
   const validationErrorFieldNames = Object.keys(validationErrors || {});
   const getValidationErrorMessage = useCallback(
     () => t(($) => $["fieldHasUnsupportedFormats"], {
@@ -181,7 +306,7 @@ function VerificationErrors({
           },
           uploadField
         ));
-        uploadFilesCopy = /* @__PURE__ */ jsxs(Fragment, { children: [
+        uploadFilesCopy = /* @__PURE__ */ jsxs(Fragment$1, { children: [
           formUtils.getLabel("uploadTheFollowingDocuments"),
           /* @__PURE__ */ jsx("ul", { children: uploadFieldListItems.map((item, i) => /* @__PURE__ */ jsx("li", { children: item }, i)) })
         ] });
@@ -193,7 +318,7 @@ function VerificationErrors({
         uploadFilesCopy = /* @__PURE__ */ jsx(NavigateToFieldLink, { fieldName: firstUploadField, label });
       }
     }
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
+    return /* @__PURE__ */ jsxs(Fragment$1, { children: [
       t(($) => $["reviewTheInformationBelowAndCorrectMistakesOr"]),
       " ",
       uploadFilesCopy,
@@ -443,191 +568,21 @@ const roleMetadata = {
 };
 const getRoleTagVariant = (role) => roleMetadata[role]?.variant ?? "blue";
 const getRoleName = (role) => roleMetadata[role]?.name ?? role;
-const summary = "adyen-kyc-summary";
-const summaryContent = "adyen-kyc-summary-content";
-const summaryList = "adyen-kyc-summary-list";
-const summaryListHeader = "adyen-kyc-summary-list-header";
-const summaryListHeaderTitle = "adyen-kyc-summary-list-header-title";
-const summaryListItem = "adyen-kyc-summary-list-item";
-const summaryListItemKey = "adyen-kyc-summary-list-item-key";
-const summaryListItemValue = "adyen-kyc-summary-list-item-value";
-const summaryContentLegalCaption = "adyen-kyc-summary-content-legal-caption";
-const summaryContentList = "adyen-kyc-summary-content-list";
-const summaryContentLogo = "adyen-kyc-summary-content-logo";
-const styles = {
-  summary,
-  summaryContent,
-  summaryList,
-  summaryListHeader,
-  summaryListHeaderTitle,
-  summaryListItem,
-  summaryListItemKey,
-  summaryListItemValue,
-  summaryContentLegalCaption,
-  summaryContentList,
-  summaryContentLogo
-};
 const isSummaryItem = (val) => typeof val === "object" && val !== null && "summaryLabel" in val && "summaryValue" in val;
 const summaryItem = (summaryLabel, summaryValue) => ({
   summaryLabel,
   summaryValue
 });
-const summaryStep = {
-  formId: "summary",
-  formName: "summary"
+const isTruthyValidator = {
+  validate: (value) => !!value,
+  modes: ["blur"],
+  errorMessage: "fieldIsRequired"
+};
+const isNotEmptyValidator = {
+  validate: (value) => !isEmpty(value),
+  modes: ["blur"],
+  errorMessage: "fieldIsRequired"
 };
-function Summary({
-  data,
-  forms,
-  gotoForm,
-  labels,
-  problems,
-  trackNavigation = noop,
-  omitted = {},
-  showFormHeader = true,
-  showSectionHeader = true,
-  showLegalCaption = false,
-  showTaxExemptedLegalCaption = false
-}) {
-  const { i18n } = useI18nContext();
-  const { t } = useTranslation("common");
-  const userEvents = useAnalyticsContext();
-  const editForm = (formId) => {
-    const formIndex = forms.findIndex((form) => form.formId === formId);
-    if (formIndex >= 0) {
-      gotoForm(formIndex);
-    }
-  };
-  const allValidationErrors = problems?.validationErrors && Object.values(problems.validationErrors)?.reduce(
-    (acc, validError) => ({ ...acc, ...validError }),
-    {}
-  );
-  const allVerificationErrors = problems?.verificationErrors && Object.values(problems.verificationErrors)?.reduce(
-    (acc, verifError) => ({ ...acc, ...verifError }),
-    {}
-  );
-  const formUtils = createFormUtils({ labels }, t);
-  const summarySectionHeader = (formName, formId) => /* @__PURE__ */ jsxs("header", { className: styles.summaryListHeader, children: [
-    /* @__PURE__ */ jsx("h2", { className: styles.summaryListHeaderTitle, children: formName }),
-    !omitted.keys?.includes(formId) && /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        variant: "tertiary",
-        icon: "edit",
-        onClick: () => {
-          trackNavigation({
-            userEvents,
-            actionType: "edit",
-            toForm: formName,
-            label: "Pencil icon"
-          });
-          editForm(formId);
-        },
-        ariaLabel: t(($) => $["editForm"], { formName })
-      }
-    )
-  ] });
-  const renderSummarySection = (fieldData, labelData = {}, formName, formId) => /* @__PURE__ */ jsxs(List, { variant: "grouped-secondary", children: [
-    showSectionHeader && summarySectionHeader(formName, formId),
-    /* @__PURE__ */ jsx("dl", { className: styles.summaryList, children: Array.isArray(fieldData) ? fieldData.map((item) => renderBulletedListField(item)) : renderSummaryItems(fieldData, labelData) })
-  ] });
-  const renderSummaryContent = (summaryData) => {
-    const summaryList2 = [];
-    forms.forEach(({ formId, formName }) => {
-      const currentFormData = summaryData[formId];
-      const isFormEmpty = !currentFormData || Object.values(currentFormData).every((value) => isEmpty(value));
-      if (isFormEmpty || formId === summaryStep.formId || omitted.forms?.includes(formId)) return;
-      const summaryItems = currentFormData.hasInnerForms ? renderInnerForms(labels?.[formId], formId, currentFormData) : renderSummarySection(
-        currentFormData,
-        labels?.[formId],
-        t(
-          ($) => $[typeof labels?.[formId] === "string" ? labels[formId] : formName]
-        ),
-        formId
-      );
-      summaryList2.push(summaryItems);
-    });
-    return summaryList2;
-  };
-  const renderInnerForms = (labelData, parentFormId, innerForms = {}) => {
-    if (!innerForms) return [];
-    const dataList = [];
-    Object.entries(innerForms).forEach(([innerFormName, innerFormFieldData]) => {
-      const formName = t(($) => $[labelData?.[innerFormName] || innerFormName]);
-      if (typeof innerFormFieldData === "object" && innerFormFieldData !== null) {
-        if (Object.values(innerFormFieldData).every((value) => isEmpty(value))) {
-          return;
-        }
-        dataList.push(renderSummarySection(innerFormFieldData, labelData, formName, parentFormId));
-      }
-    });
-    return dataList;
-  };
-  const renderField = (label, value) => /* @__PURE__ */ jsxs("div", { className: styles.summaryListItem, children: [
-    /* @__PURE__ */ jsx("dt", { className: styles.summaryListItemKey, children: label }),
-    /* @__PURE__ */ jsx("dd", { className: styles.summaryListItemValue, children: value })
-  ] });
-  const renderBulletedListField = (item) => /* @__PURE__ */ jsx("ul", { className: styles.summaryContentList, children: /* @__PURE__ */ jsx("li", { children: item }) });
-  const renderSummaryItems = (formData = {}, labelData = {}) => {
-    if (!formData) return [];
-    if (formData?.idVerificationMethod === "instantVerification") {
-      return [
-        renderField(
-          i18n.get("verificationMethod"),
-          /* @__PURE__ */ jsx(Svg, { name: "onfido-logo", type: "image", className: styles.summaryContentLogo })
-        )
-      ];
-    }
-    const dataList = [];
-    Object.entries(formData).forEach(([field, fieldData]) => {
-      if (omitted.keys?.includes(field) || !fieldData) return;
-      const fieldName = t(($) => $[labelData[field] || field]);
-      if (field === "role" && Array.isArray(fieldData)) {
-        const label = fieldData.length > 1 ? t(($) => $["roles"]) : fieldName;
-        const roles = fieldData.map((role) => t(($) => $[getRoleName(role)])).join(", ");
-        dataList.push(renderField(label, roles));
-      } else if (isSummaryItem(fieldData)) {
-        const { summaryLabel, summaryValue } = fieldData;
-        dataList.push(renderField(translateStringOrObject(t, summaryLabel), summaryValue));
-      } else if (typeof fieldData === "object") {
-        dataList.push(renderSummaryItems(fieldData, labelData));
-      } else if (["string", "number"].includes(typeof fieldData)) {
-        dataList.push(renderField(fieldName, fieldData));
-      }
-    });
-    return dataList;
-  };
-  return /* @__PURE__ */ jsxs("div", { role: "region", className: styles.summary, children: [
-    showFormHeader && /* @__PURE__ */ jsx(
-      FormHeader,
-      {
-        heading: t(($) => $["summary"]),
-        description: t(($) => $["summaryDescription"])
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: styles.summaryContent, children: [
-      /* @__PURE__ */ jsx(
-        ErrorPanel,
-        {
-          validationErrors: allValidationErrors,
-          verificationErrors: allVerificationErrors,
-          formUtils,
-          id: "ariaErrorField"
-        }
-      ),
-      renderSummaryContent(data),
-      showLegalCaption && /* @__PURE__ */ jsx("div", { className: styles.summaryContentLegalCaption, children: t(($) => $["summaryLegalCaption"]) }),
-      showTaxExemptedLegalCaption && /* @__PURE__ */ jsxs("div", { className: styles.summaryContentLegalCaption, children: [
-        /* @__PURE__ */ jsx("p", { children: t(($) => $["summaryTaxExemptionLegalCaptionTitle"]) }),
-        /* @__PURE__ */ jsxs("ul", { children: [
-          /* @__PURE__ */ jsx("li", { children: t(($) => $["summaryTaxExemptionLegalCaption_1"]) }),
-          /* @__PURE__ */ jsx("li", { children: t(($) => $["summaryTaxExemptionLegalCaption_2"]) }),
-          /* @__PURE__ */ jsx("li", { children: t(($) => $["summaryTaxExemptionLegalCaption_3"]) })
-        ] })
-      ] })
-    ] })
-  ] });
-}
 function getFormProps(props, innerFormId) {
   if (!innerFormId) {
     return null;
@@ -770,6 +725,26 @@ function getFieldProps(props, innerFormFields) {
   }
   return null;
 }
+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" })
+  ] });
+};
 const Radio = ({
   id,
   value,
@@ -844,19 +819,23 @@ function CountryField({
 export {
   CountryField as C,
   ErrorPanel as E,
-  FormHeader as F,
+  FormRouterContext as F,
+  Header as H,
+  List as L,
   Radio as R,
-  Summary as S,
+  StackLayout as S,
   UnincorporatedPartnershipMemberTypes as U,
-  COUNTRY_FIELD as a,
-  getRoleName as b,
+  Link as a,
+  COUNTRY_FIELD as b,
   createFormUtils as c,
-  summaryStep as d,
-  getRoleTagVariant as e,
-  getFormProps as f,
-  getFieldProps as g,
-  FormRouterContext as h,
-  getNestedOuterFormPropsFromOuterFormProps as i,
+  getFieldProps as d,
+  isNotEmptyValidator as e,
+  getRoleName as f,
+  getFormProps as g,
+  isSummaryItem as h,
+  isTruthyValidator as i,
+  getRoleTagVariant as j,
+  getNestedOuterFormPropsFromOuterFormProps as k,
   mergeFieldMetadataIntoProps as m,
   roleMetadata as r,
   summaryItem as s,

package/dist/CreateIndividualComponent-BLXGgGyY.js

@@ -0,0 +1,71 @@
+;
+{
+  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] = "83aaa4e1-5d31-4fc2-8292-4444680eb566", e._sentryDebugIdIdentifier = "sentry-dbid-83aaa4e1-5d31-4fc2-8292-4444680eb566");
+  } catch (e) {
+  }
+}
+;
+import { c as useLegalEntity, X as useExperimentsContext, u as useTranslation, a as addResourceBundles, _ as __variableDynamicImportRuntimeHelper, L as Loader, g as getLegalEntityCountry, M as EntityTypes, ak as isOnfidoAutofillFlowEnabled, O as TaskTypes } from "./StoreProvider-D0o_745u.js";
+import { jsx } from "preact/jsx-runtime";
+import { i as useCapabilityProblems, j as getProblemsForEntity } from "./Spacer-BcPESwGJ.js";
+import { I as IndividualOnfidoDropin, a as IndividualDropin } from "./IndividualOnfidoDropin-CUY4R6Np.js";
+const CreateIndividualComponent = ({
+  legalEntityId,
+  onSubmitSuccess,
+  modalView = false,
+  onClose,
+  onUnmount
+}) => {
+  if (!legalEntityId) {
+    throw new Error("Must provide a legalEntityId");
+  }
+  const { data: individualLe } = useLegalEntity(legalEntityId);
+  const capabilityProblems = useCapabilityProblems();
+  const { isExperimentEnabled } = useExperimentsContext();
+  const { i18n } = useTranslation();
+  addResourceBundles(i18n, [
+    { ns: "common", importFn: (lang) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../../language/locales/da-DK.json": () => import("./da-DK-DqkN5oIu.js"), "../../../language/locales/de-DE.json": () => import("./de-DE-COuUdtao.js"), "../../../language/locales/en-US.instructions.json": () => import("./en-US.instructions-Ddr7AO05.js"), "../../../language/locales/en-US.json": () => import("./StoreProvider-D0o_745u.js").then((n) => n.bN), "../../../language/locales/es-ES.json": () => import("./es-ES-DNGEW6V_.js"), "../../../language/locales/fi-FI.json": () => import("./fi-FI-CoI_94Fv.js"), "../../../language/locales/fr-FR.json": () => import("./fr-FR-Br7OeDIe.js"), "../../../language/locales/it-IT.json": () => import("./it-IT-BAvsF2TB.js"), "../../../language/locales/nl-NL.json": () => import("./nl-NL-BwKrj-29.js"), "../../../language/locales/no-NO.json": () => import("./no-NO-B6OPS2CA.js"), "../../../language/locales/pt-BR.json": () => import("./pt-BR-BKQRvAfq.js"), "../../../language/locales/pt-PT.json": () => import("./pt-PT-D2Xe-OdG.js"), "../../../language/locales/sv-SE.json": () => import("./sv-SE-zTiw1bUU.js") }), `../../../language/locales/${lang}.json`, 6) },
+    { ns: "ui", importFn: (lang) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../ui/language/da-DK.json": () => import("./da-DK-jK7c9UL0.js"), "../../ui/language/de-DE.json": () => import("./de-DE-wmerDL2e.js"), "../../ui/language/en-US.json": () => import("./en-US-gsp7CD_E.js"), "../../ui/language/es-ES.json": () => import("./es-ES-Qnc0Q6JH.js"), "../../ui/language/fi-FI.json": () => import("./fi-FI-Dn2MC8uW.js"), "../../ui/language/fr-FR.json": () => import("./fr-FR-BWX14yb7.js"), "../../ui/language/it-IT.json": () => import("./it-IT-B0YGvVgW.js"), "../../ui/language/nl-NL.json": () => import("./nl-NL-BMUYBqlF.js"), "../../ui/language/no-NO.json": () => import("./no-NO-DKbWxgF-.js"), "../../ui/language/pt-BR.json": () => import("./pt-BR--kaJvtE6.js"), "../../ui/language/pt-PT.json": () => import("./pt-PT-BZ5ZZm6G.js"), "../../ui/language/sl-SI.json": () => import("./sl-SI-DtdGMD6i.js"), "../../ui/language/sv-SE.json": () => import("./sv-SE-kR514dO1.js") }), `../../ui/language/${lang}.json`, 5) },
+    { ns: "individual", importFn: (lang) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../Individual/language/da-DK.json": () => import("./da-DK-DvZ431fC.js"), "../../Individual/language/de-DE.json": () => import("./de-DE-0uSzhWg5.js"), "../../Individual/language/en-US.json": () => import("./en-US-fyGPkcqX.js"), "../../Individual/language/es-ES.json": () => import("./es-ES-B7dt4cn7.js"), "../../Individual/language/fi-FI.json": () => import("./fi-FI-REMsyTSr.js"), "../../Individual/language/fr-FR.json": () => import("./fr-FR-CvHWmim-.js"), "../../Individual/language/it-IT.json": () => import("./it-IT-BeX7-OcD.js"), "../../Individual/language/nl-NL.json": () => import("./nl-NL-CM5U8ODq.js"), "../../Individual/language/no-NO.json": () => import("./no-NO-BQL_M1pn.js"), "../../Individual/language/pt-BR.json": () => import("./pt-BR-AZ3roErF.js"), "../../Individual/language/pt-PT.json": () => import("./pt-PT-DVKtHjIY.js"), "../../Individual/language/sl-SI.json": () => import("./sl-SI-C0wSbuau.js"), "../../Individual/language/sv-SE.json": () => import("./sv-SE-DtKjf4Go.js") }), `../../Individual/language/${lang}.json`, 5) }
+  ]);
+  const handleOnClose = () => {
+    if (modalView) {
+      onUnmount?.();
+    }
+    onClose?.();
+  };
+  const onSubmit = (d) => {
+    if (modalView) {
+      onUnmount?.();
+    }
+    onSubmitSuccess?.(d);
+  };
+  if (!individualLe) {
+    return /* @__PURE__ */ jsx(Loader, {});
+  }
+  const country = getLegalEntityCountry(individualLe);
+  const problems = capabilityProblems ? getProblemsForEntity(capabilityProblems, EntityTypes.LEGAL_ENTITY, individualLe.id) : void 0;
+  const isOnfidoAutofillFlow = isOnfidoAutofillFlowEnabled(
+    country,
+    TaskTypes.INDIVIDUAL,
+    isExperimentEnabled
+  );
+  const props = {
+    taskType: TaskTypes.INDIVIDUAL,
+    taskName: "individualDetails",
+    legalEntityResponse: individualLe,
+    problems,
+    country,
+    asModal: modalView,
+    hideSidebar: true,
+    onSubmit,
+    handleHomeClick: handleOnClose,
+    handleCloseClick: handleOnClose
+  };
+  return isOnfidoAutofillFlow ? /* @__PURE__ */ jsx(IndividualOnfidoDropin, { ...props }) : /* @__PURE__ */ jsx(IndividualDropin, { ...props });
+};
+export {
+  CreateIndividualComponent as C
+};

package/dist/CreateTransferInstrumentComponent-DVckBQQm.js

@@ -0,0 +1,63 @@
+;
+{
+  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] = "187625bb-c039-4397-adaa-23b2cd3b1b66", e._sentryDebugIdIdentifier = "sentry-dbid-187625bb-c039-4397-adaa-23b2cd3b1b66");
+  } catch (e) {
+  }
+}
+;
+import { u as useTranslation, c as useLegalEntity, r as LegalEntityTypes, a as addResourceBundles, _ as __variableDynamicImportRuntimeHelper, L as Loader, O as TaskTypes } from "./StoreProvider-D0o_745u.js";
+import { jsx } from "preact/jsx-runtime";
+import { useState } from "preact/hooks";
+import { u as useAssociatedLegalEntity } from "./useAssociatedLegalEntity-BXXTCq2H.js";
+import { P as PayoutDetailsDropin } from "./PayoutDetailsDropin-CElcAZkT.js";
+function CreateTransferInstrumentComponent({
+  legalEntityId,
+  transferInstrumentId,
+  openBankingPartnerConfigId,
+  modalView = false,
+  onClose,
+  onUnmount,
+  onSubmitSuccess,
+  handleBackClick
+}) {
+  const [currentTransferInstrumentId, setCurrentTransferInstrumentId] = useState(transferInstrumentId);
+  const { i18n } = useTranslation();
+  const { data: legalEntity, isLoading: isLegalEntityLoading } = useLegalEntity(legalEntityId);
+  const { data: associatedEntity } = useAssociatedLegalEntity(legalEntity, [
+    LegalEntityTypes.SOLE_PROPRIETORSHIP,
+    LegalEntityTypes.TRUST,
+    LegalEntityTypes.UNINCORPORATED_PARTNERSHIP
+  ]);
+  addResourceBundles(i18n, [
+    { ns: "common", importFn: (lang) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../../language/locales/da-DK.json": () => import("./da-DK-DqkN5oIu.js"), "../../../language/locales/de-DE.json": () => import("./de-DE-COuUdtao.js"), "../../../language/locales/en-US.instructions.json": () => import("./en-US.instructions-Ddr7AO05.js"), "../../../language/locales/en-US.json": () => import("./StoreProvider-D0o_745u.js").then((n) => n.bN), "../../../language/locales/es-ES.json": () => import("./es-ES-DNGEW6V_.js"), "../../../language/locales/fi-FI.json": () => import("./fi-FI-CoI_94Fv.js"), "../../../language/locales/fr-FR.json": () => import("./fr-FR-Br7OeDIe.js"), "../../../language/locales/it-IT.json": () => import("./it-IT-BAvsF2TB.js"), "../../../language/locales/nl-NL.json": () => import("./nl-NL-BwKrj-29.js"), "../../../language/locales/no-NO.json": () => import("./no-NO-B6OPS2CA.js"), "../../../language/locales/pt-BR.json": () => import("./pt-BR-BKQRvAfq.js"), "../../../language/locales/pt-PT.json": () => import("./pt-PT-D2Xe-OdG.js"), "../../../language/locales/sv-SE.json": () => import("./sv-SE-zTiw1bUU.js") }), `../../../language/locales/${lang}.json`, 6) },
+    { ns: "ui", importFn: (lang) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../ui/language/da-DK.json": () => import("./da-DK-jK7c9UL0.js"), "../../ui/language/de-DE.json": () => import("./de-DE-wmerDL2e.js"), "../../ui/language/en-US.json": () => import("./en-US-gsp7CD_E.js"), "../../ui/language/es-ES.json": () => import("./es-ES-Qnc0Q6JH.js"), "../../ui/language/fi-FI.json": () => import("./fi-FI-Dn2MC8uW.js"), "../../ui/language/fr-FR.json": () => import("./fr-FR-BWX14yb7.js"), "../../ui/language/it-IT.json": () => import("./it-IT-B0YGvVgW.js"), "../../ui/language/nl-NL.json": () => import("./nl-NL-BMUYBqlF.js"), "../../ui/language/no-NO.json": () => import("./no-NO-DKbWxgF-.js"), "../../ui/language/pt-BR.json": () => import("./pt-BR--kaJvtE6.js"), "../../ui/language/pt-PT.json": () => import("./pt-PT-BZ5ZZm6G.js"), "../../ui/language/sl-SI.json": () => import("./sl-SI-DtdGMD6i.js"), "../../ui/language/sv-SE.json": () => import("./sv-SE-kR514dO1.js") }), `../../ui/language/${lang}.json`, 5) },
+    { ns: "banking", importFn: (lang) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../BankAccount/language/da-DK.json": () => import("./da-DK-h8DYQ_Iq.js"), "../../BankAccount/language/de-DE.json": () => import("./de-DE-LQE_LFFL.js"), "../../BankAccount/language/en-US.json": () => import("./en-US-h0JneJJl.js"), "../../BankAccount/language/es-ES.json": () => import("./es-ES-DdGmXdxO.js"), "../../BankAccount/language/fi-FI.json": () => import("./fi-FI-CIYa9SyS.js"), "../../BankAccount/language/fr-FR.json": () => import("./fr-FR-l5z31r7i.js"), "../../BankAccount/language/it-IT.json": () => import("./it-IT-BAvmkEF8.js"), "../../BankAccount/language/nl-NL.json": () => import("./nl-NL-DV4NqPVW.js"), "../../BankAccount/language/no-NO.json": () => import("./no-NO-B9618F4_.js"), "../../BankAccount/language/pt-BR.json": () => import("./pt-BR-zuqB_CBf.js"), "../../BankAccount/language/pt-PT.json": () => import("./pt-PT-CFY1O_K0.js"), "../../BankAccount/language/sl-SI.json": () => import("./sl-SI-59OQIZ3f.js"), "../../BankAccount/language/sv-SE.json": () => import("./sv-SE-CQWBP7n1.js") }), `../../BankAccount/language/${lang}.json`, 5) }
+  ]);
+  const handleOnClose = () => {
+    if (modalView) {
+      onUnmount?.();
+    }
+    onClose?.();
+  };
+  return isLegalEntityLoading || !legalEntity ? /* @__PURE__ */ jsx(Loader, {}) : /* @__PURE__ */ jsx(
+    PayoutDetailsDropin,
+    {
+      legalEntityResponse: legalEntity,
+      associatedLegalArrangement: associatedEntity,
+      openBankingPartnerConfigId,
+      handleBackClick,
+      handleCloseClick: handleOnClose,
+      currentTransferInstrumentId,
+      setCurrentTransferInstrumentId,
+      onSubmit: onSubmitSuccess,
+      taskType: TaskTypes.PAYOUT,
+      hideSidebar: true,
+      asModal: modalView
+    }
+  );
+}
+export {
+  CreateTransferInstrumentComponent as C
+};