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

package/dist/SourceOfFundsPage-BkMEIV_L.js

@@ -0,0 +1,2383 @@
+;
+{
+  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] = "3de4a6e7-1c70-4d93-9ca1-397c25d760f7", e._sentryDebugIdIdentifier = "sentry-dbid-3de4a6e7-1c70-4d93-9ca1-397c25d760f7");
+  } catch (e) {
+  }
+}
+;
+import { b as useApiContext, a1 as useMutation, k as httpPost, j as useQuery, m as httpGet, u as useTranslation, H as Typography, B as Button, W as useI18nContext, X as isEmpty, L as Loader, a3 as Icon, Y as IconButton, U as createLogger, a2 as useQueryClient, c as useLegalEntity, R as ROOT_LE, a0 as useAnalyticsContext, bL as useLegalEntities, a as addResourceBundles, N as EntityTypes, g as getLegalEntityCountry, _ as __variableDynamicImportRuntimeHelper } from "./StoreProvider-BFN15Go9.js";
+import { jsxs, Fragment, jsx } from "preact/jsx-runtime";
+import { t as TextArea, I as Image, i as useCapabilityProblems, j as getProblemsForEntity } from "./fieldConfigurations-C38LzPl3.js";
+import { useState, useMemo, useEffect, useCallback, useRef } from "preact/hooks";
+import { n as normalizedTaskStatusStore, x as useBusinessLines } from "./OnboardingDropinComponent-CDAK4v1o.js";
+import { c as useInvalidateRootLegalEntity, a as useToastContext } from "./useToastContext-BK9oGWtb.js";
+import { u as useCreateLegalEntity } from "./useCreateLegalEntity-BK5YcHA-.js";
+import { u as useUpdateLegalEntity } from "./useUpdateLegalEntity-oa8qEzc4.js";
+import { h as hasDataChanged } from "./hasDataChanged-B-_hLK5I.js";
+import { u as useGlobalDataSlice, b as useStateContext } from "./useGlobalData-B33uuhtd.js";
+import { g as getPropsFromConfigurations } from "./process-field-configurations-DoOFQqtn.js";
+import { g as getRequiredForms, a as addValidityToForms, u as useFormComposer } from "./dropinUtils-D2lBlNWp.js";
+import { F as FormWrapper } from "./FormWrapper-dbBZegkX.js";
+import { c as createDocumentRequest, d as documentApiUtils } from "./documentUtils-CUgKVLK4.js";
+import { f as formatObject } from "./utils-DNSfZiio.js";
+import { signal } from "@preact/signals";
+import { C as CountryField, E as ErrorPanel, c as createFormUtils, g as getFormProps, H as Header } from "./CountryField-9w8wRZMW.js";
+import { F as Field, S as Select, u as useForm } from "./useForm-wQyeWa1b.js";
+import { I as InputDate, R as RadioGroup } from "./Address-Db6Q_KUo.js";
+import { a9 as InputGroup, aa as TileGroup, E as isEmpty$1, O as LandingLayout, ab as Dropzone } from "./IndividualOnfido-Cc7dydKq.js";
+import { I as InputText } from "./InputText-Dsw9kiwL.js";
+import { a as allowedCurrencies, T as TODAY_DATE, S as SOF_CHARACTERS_LIMIT, b as formatDateForInput, g as getInputErrors, c as formatAmountWithCurrency, d as getAdditionalDataSchemaKeys, s as sofCategoryItemMapper, e as getPageHeadings, h as getServiceTranslationSelectTitle, i as sourceOfFundsForms, j as getSofCardDetails, k as getGettingStartedCardDetails, l as getServiceTranslation, p as parseSOFDocumentDescription, m as getRelevantErrors, n as getUniqueRemediationActions, o as SOF_INVALID_INPUT_ERROR_CODES, q as getServiceTranslationKey, r as getDocumentLists, t as getDocumentRequirements, M as MISSING_DATA_SOF_UPLOAD_CODE, u as parseOriginatorDetails, v as getSourceOfFundsRequiredForms, w as sourceOfFundsRequiredFields, x as getSourceOfFundsPayload, y as parseSofOriginatorPayload, A as ALLOWED_SOF_SERVICES } from "./utils-AP5TpAhf.js";
+import { A as Avatar } from "./Avatar-3K6S_tIS.js";
+import { a as Alert } from "./Alert-DEiOX0nw.js";
+import { M as Modal } from "./Modal-CloeVnNp.js";
+import { C as Confirm, S as StructuredList } from "./useDataset-BtfHQp4w.js";
+import { v as validateDateNotInTheFuture } from "./validate-CBVdP51L.js";
+import { lazy } from "preact/compat";
+import { C as Card } from "./Card-CdpPhK9y.js";
+const updateSourceOfFunds = async (businessLineId, legalEntityId, baseUrl, data) => {
+  return httpPost(
+    {
+      baseUrl,
+      path: `legalEntities/${legalEntityId}/businessLines/${businessLineId}/sourceOfFunds`
+    },
+    data
+  );
+};
+const useUpdateSourceOfFunds = (options) => {
+  const { rootLegalEntityId, baseUrl } = useApiContext();
+  const invalidateRootLegalEntity = useInvalidateRootLegalEntity();
+  return useMutation({
+    mutationFn: ({ businessLineId, ...requestData }) => updateSourceOfFunds(businessLineId, rootLegalEntityId.value, baseUrl.value, requestData),
+    onSuccess: async () => {
+      await invalidateRootLegalEntity();
+    },
+    ...options
+  });
+};
+const sourceOfFundsBaseMapping = {
+  "sourceOfFundsType.type": "sourceOfFunds.type",
+  "additionalData.description": "sourceOfFunds.description",
+  "additionalData.amount": "sourceOfFunds.amount",
+  "additionalData.dateOfFundsReceived": "sourceOfFunds.dateOfFundsReceived",
+  "additionalData.purpose": "sourceOfFunds.purpose",
+  "additionalData.relationship": "sourceOfFunds.relationship",
+  "additionalData.originatorLegalEntityId": "sourceOfFunds.originatorLegalEntityId",
+  "additionalData.financiers": "sourceOfFunds.financiers",
+  "additionalData.cryptocurrencyExchange": "sourceOfFunds.cryptocurrencyExchange",
+  "additionalData.dateOfSourceEvent": "sourceOfFunds.dateOfSourceEvent",
+  "additionalData.website": "sourceOfFunds.website",
+  "additionalData.legalName": "sourceOfFunds.legalName",
+  "additionalData.firstName": "sourceOfFunds.firstName",
+  "additionalData.lastName": "sourceOfFunds.lastName",
+  "additionalData.country": "sourceOfFunds.country",
+  "additionalData.originatorType": "sourceOfFunds.originatorType"
+};
+const sourceOfFundsComponentsKeyMapping = {
+  ...sourceOfFundsBaseMapping
+};
+const mapSourceOfFundToSourceOfFundsSchema = (businessLine) => formatObject(businessLine, sourceOfFundsComponentsKeyMapping);
+const sofErrorMessage = signal(void 0);
+const setSofErrorMessage = (message) => {
+  sofErrorMessage.value = message;
+};
+const clearSofErrorMessage = () => {
+  sofErrorMessage.value = void 0;
+};
+const getSourceOfFundsTypes = async (baseUrl) => {
+  return httpGet({
+    baseUrl,
+    path: `datasets/sourceOfFundsTypes`
+  });
+};
+const useSourceOfFundsTypes = (options) => {
+  const { baseUrl } = useApiContext();
+  return useQuery({
+    queryKey: ["sourceOfFundsTypes"],
+    queryFn: () => getSourceOfFundsTypes(baseUrl.value),
+    ...options
+  });
+};
+const sourceOfFunds = "adyen-kyc-source-of-funds";
+const sourceOfFundsWrapperLoading = "adyen-kyc-source-of-funds-wrapper-loading";
+const sourceOfFundsWrapperHeading = "adyen-kyc-source-of-funds-wrapper-heading";
+const sourceOfFundsWrapperDescription = "adyen-kyc-source-of-funds-wrapper-description";
+const sourceOfFundsGettingStarted = "adyen-kyc-source-of-funds-getting-started";
+const sourceOfFundsGettingStartedError = "adyen-kyc-source-of-funds-getting-started-error";
+const sourceOfFundsGettingStartedErrorActions = "adyen-kyc-source-of-funds-getting-started-error-actions";
+const sourceOfFundsGettingStartedCards = "adyen-kyc-source-of-funds-getting-started-cards";
+const sourceOfFundsGettingStartedCardsCard = "adyen-kyc-source-of-funds-getting-started-cards-card";
+const sourceOfFundsGettingStartedCardsCardHeader = "adyen-kyc-source-of-funds-getting-started-cards-card-header";
+const sourceOfFundsGettingStartedCardsCardBody = "adyen-kyc-source-of-funds-getting-started-cards-card-body";
+const sourceOfFundsGettingStartedActions = "adyen-kyc-source-of-funds-getting-started-actions";
+const sourceOfFundsAdditionalDataForm = "adyen-kyc-source-of-funds-additional-data-form";
+const sourceOfFundsThirdPartyFundingFinancierGroup = "adyen-kyc-source-of-funds-third-party-funding-financier-group";
+const sourceOfFundsThirdPartyFundingNameAvatarGroup = "adyen-kyc-source-of-funds-third-party-funding-name-avatar-group";
+const sourceOfFundsThirdPartyFundingNameAddressGroup = "adyen-kyc-source-of-funds-third-party-funding-name-address-group";
+const sourceOfFundsSofFinancierFormError = "adyen-kyc-source-of-funds-sof-financier-form-error";
+const sourceOfFundsSofFinancierFormNameGroup = "adyen-kyc-source-of-funds-sof-financier-form-name-group";
+const sourceOfFundsFinancierFooter = "adyen-kyc-source-of-funds-financier-footer";
+const sourceOfFundsGridContainer = "adyen-kyc-source-of-funds-grid-container";
+const sourceOfFundsUploadModalContentField = "adyen-kyc-source-of-funds-upload-modal-content-field";
+const sourceOfFundsUploadModalContentFieldRadioGroup = "adyen-kyc-source-of-funds-upload-modal-content-field-radio-group";
+const sourceOfFundsUploadModalContentRequirementsContainer = "adyen-kyc-source-of-funds-upload-modal-content-requirements-container";
+const sourceOfFundsUploadListHeading = "adyen-kyc-source-of-funds-upload-list-heading";
+const sourceOfFundsModal = "adyen-kyc-source-of-funds-modal";
+const styles = {
+  sourceOfFunds,
+  sourceOfFundsWrapperLoading,
+  sourceOfFundsWrapperHeading,
+  sourceOfFundsWrapperDescription,
+  sourceOfFundsGettingStarted,
+  sourceOfFundsGettingStartedError,
+  sourceOfFundsGettingStartedErrorActions,
+  sourceOfFundsGettingStartedCards,
+  sourceOfFundsGettingStartedCardsCard,
+  sourceOfFundsGettingStartedCardsCardHeader,
+  sourceOfFundsGettingStartedCardsCardBody,
+  sourceOfFundsGettingStartedActions,
+  sourceOfFundsAdditionalDataForm,
+  sourceOfFundsThirdPartyFundingFinancierGroup,
+  sourceOfFundsThirdPartyFundingNameAvatarGroup,
+  sourceOfFundsThirdPartyFundingNameAddressGroup,
+  sourceOfFundsSofFinancierFormError,
+  sourceOfFundsSofFinancierFormNameGroup,
+  sourceOfFundsFinancierFooter,
+  sourceOfFundsGridContainer,
+  sourceOfFundsUploadModalContentField,
+  sourceOfFundsUploadModalContentFieldRadioGroup,
+  sourceOfFundsUploadModalContentRequirementsContainer,
+  sourceOfFundsUploadListHeading,
+  sourceOfFundsModal
+};
+function AdditionalDataForAssetSale(props) {
+  const [isFocused, setIsFocused] = useState(false);
+  const { formUtils, data, errors, valid, fieldProblems, handleChangeFor, handleAmountChange } = props;
+  const { t: commonT } = useTranslation("common");
+  const handleOnAmountBlur = () => {
+    setIsFocused(false);
+    handleAmountChange("amount");
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: styles.sourceOfFundsGridContainer, children: [
+      /* @__PURE__ */ jsx(
+        Field,
+        {
+          el: "fieldset",
+          name: "amount",
+          label: formUtils.getLabel("amount", "saleAmount"),
+          errorMessage: formUtils.getErrorMessage("amount", errors, fieldProblems),
+          children: (childProps) => /* @__PURE__ */ jsxs(
+            InputGroup,
+            {
+              ...childProps,
+              id: "currencyGroup",
+              isFocused,
+              isInvalid: Boolean(!valid.amount && errors.amount),
+              children: [
+                /* @__PURE__ */ jsx(
+                  Select,
+                  {
+                    name: "currency",
+                    "aria-label": commonT(($) => $["currency"]),
+                    isMulti: false,
+                    items: allowedCurrencies,
+                    selected: data.amount?.currency,
+                    placeholder: commonT(($) => $["select"]),
+                    onChange: handleAmountChange("currency"),
+                    minimal: true
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  InputText,
+                  {
+                    ...childProps,
+                    name: "amount",
+                    value: data.amount?.value,
+                    readonly: formUtils.isReadOnly("amount"),
+                    onInput: handleAmountChange("amount"),
+                    onBlur: handleOnAmountBlur,
+                    "aria-required": true,
+                    "aria-invalid": !valid.amount,
+                    isValid: valid.amount,
+                    onFocusHandler: () => setIsFocused(true)
+                  }
+                )
+              ]
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Field,
+        {
+          name: "dateOfSourceEvent",
+          label: formUtils.getLabel("dateOfSourceEvent", "dateOfSale"),
+          errorMessage: formUtils.getErrorMessage("dateOfSourceEvent", errors, fieldProblems),
+          isValid: valid.dateOfSourceEvent,
+          children: (childProps) => /* @__PURE__ */ jsx(
+            InputDate,
+            {
+              ...childProps,
+              name: "dateOfSourceEvent",
+              value: data.dateOfSourceEvent,
+              onInput: handleChangeFor("dateOfSourceEvent", "input"),
+              onBlur: handleChangeFor("dateOfSourceEvent", "blur"),
+              "aria-required": true,
+              "aria-invalid": !valid.dateOfSourceEvent,
+              max: TODAY_DATE
+            }
+          )
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      Field,
+      {
+        name: "description",
+        label: formUtils.getLabel("description", "propertyDescription"),
+        errorMessage: formUtils.getErrorMessage("description", errors, fieldProblems),
+        isValid: valid.description,
+        children: (childProps) => /* @__PURE__ */ jsx(
+          TextArea,
+          {
+            ...childProps,
+            name: "description",
+            value: data.description,
+            maxLength: SOF_CHARACTERS_LIMIT,
+            onInput: handleChangeFor("description"),
+            onBlur: handleChangeFor("description"),
+            "aria-invalid": !valid.description
+          }
+        )
+      }
+    )
+  ] });
+}
+function AdditionalDataForBusiness(props) {
+  const [isFocused, setIsFocused] = useState(false);
+  const { formUtils, data, errors, valid, fieldProblems, handleChangeFor, handleAmountChange } = props;
+  const { t: commonT } = useTranslation("common");
+  const handleOnAmountBlur = () => {
+    setIsFocused(false);
+    handleAmountChange("amount");
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Field,
+      {
+        el: "fieldset",
+        name: "amount",
+        label: formUtils.getLabel("amount", "annualTurnover"),
+        errorMessage: formUtils.getErrorMessage("amount", errors, fieldProblems),
+        helper: commonT(($) => $["useFiguresFromTheMostRecentYearAvailable"]),
+        helperPosition: "below",
+        children: (childProps) => /* @__PURE__ */ jsxs(
+          InputGroup,
+          {
+            ...childProps,
+            id: "currencyGroup",
+            isFocused,
+            isInvalid: Boolean(!valid.amount && errors.amount),
+            children: [
+              /* @__PURE__ */ jsx(
+                Select,
+                {
+                  name: "currency",
+                  "aria-label": commonT(($) => $["currency"]),
+                  isMulti: false,
+                  items: allowedCurrencies,
+                  selected: data.amount?.currency,
+                  placeholder: commonT(($) => $["select"]),
+                  onChange: handleAmountChange("currency"),
+                  minimal: true
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                InputText,
+                {
+                  ...childProps,
+                  name: "amount",
+                  value: data.amount?.value,
+                  readonly: formUtils.isReadOnly("amount"),
+                  onInput: handleAmountChange("amount"),
+                  onBlur: handleOnAmountBlur,
+                  "aria-required": true,
+                  "aria-invalid": !valid.amount,
+                  isValid: valid.amount,
+                  onFocusHandler: () => setIsFocused(true)
+                }
+              )
+            ]
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Field,
+      {
+        name: "description",
+        label: formUtils.getLabel("description", "businessDescription"),
+        errorMessage: formUtils.getErrorMessage("description", errors, fieldProblems),
+        isValid: valid.description,
+        children: (childProps) => /* @__PURE__ */ jsx(
+          TextArea,
+          {
+            ...childProps,
+            name: "description",
+            value: data.description,
+            maxLength: SOF_CHARACTERS_LIMIT,
+            onInput: handleChangeFor("description"),
+            onBlur: handleChangeFor("description"),
+            "aria-invalid": !valid.description
+          }
+        )
+      }
+    )
+  ] });
+}
+function AdditionalDataForCryptocurrency(props) {
+  const { t: sofT } = useTranslation("sof");
+  const { formUtils, data, errors, valid, fieldProblems, handleChangeFor } = props;
+  return /* @__PURE__ */ jsx(
+    Field,
+    {
+      name: "cryptocurrencyExchange",
+      label: formUtils.getLabel("cryptocurrencyExchange", "cryptocurrencyExchange"),
+      errorMessage: formUtils.getErrorMessage("cryptocurrencyExchange", errors, fieldProblems),
+      isValid: valid.cryptocurrencyExchange,
+      helper: sofT(($) => $["nameOfTheExchangeWhereTheCryptocurrencyWasHeldPriorToSale"]),
+      helperPosition: "below",
+      children: (childProps) => /* @__PURE__ */ jsx(
+        InputText,
+        {
+          ...childProps,
+          name: "cryptocurrencyExchange",
+          value: data.cryptocurrencyExchange,
+          readonly: formUtils.isReadOnly("cryptocurrencyExchange"),
+          onInput: handleChangeFor("cryptocurrencyExchange", "input"),
+          onBlur: handleChangeFor("cryptocurrencyExchange", "blur"),
+          "aria-required": true,
+          "aria-invalid": !valid.cryptocurrencyExchange,
+          isValid: valid.cryptocurrencyExchange
+        }
+      )
+    }
+  );
+}
+const radioItems = [
+  {
+    id: "individual",
+    name: "individual"
+  },
+  {
+    id: "organization",
+    name: "organization"
+  }
+];
+function AdditionalDataOriginatorLegalEntity(props) {
+  const { t: sofT } = useTranslation("sof");
+  const { formUtils, data, errors, valid, fieldProblems, handleChangeFor, sourceOfFundsType } = props;
+  const isDonations = useMemo(() => sourceOfFundsType === "donations", [sourceOfFundsType]);
+  const countryTranslationKey = isDonations && data?.originatorType === "individual" ? "donorsCountryOfResidence" : data?.originatorType === "organization" ? "organizationsCountryOfOperation" : "decedentsCountryOfDeath";
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Field,
+      {
+        el: "fieldset",
+        name: "originatorType",
+        className: styles.sourceOfFundsUploadModalContentField,
+        label: sofT(
+          ($) => $[isDonations ? "whereDidThisGiftOrDonationComeFrom" : "whereDidThisInheritanceComeFrom"]
+        ),
+        errorMessage: formUtils.getErrorMessage("originatorType", errors, fieldProblems),
+        isValid: valid.originatorType,
+        children: (childProps) => /* @__PURE__ */ jsx(
+          RadioGroup,
+          {
+            ...childProps,
+            name: "originatorType",
+            className: styles.sourceOfFundsUploadModalContentFieldRadioGroup,
+            items: radioItems,
+            value: data.originatorType,
+            disabled: false,
+            onChange: handleChangeFor("originatorType", "input"),
+            "aria-required": true
+          }
+        )
+      }
+    ),
+    data?.originatorType === "organization" && /* @__PURE__ */ jsx(
+      Field,
+      {
+        name: "legalName",
+        label: formUtils.getLabel("legalName", "organizationsLegalName"),
+        errorMessage: formUtils.getErrorMessage("legalName", errors, fieldProblems),
+        isValid: valid.legalName,
+        children: (childProps) => /* @__PURE__ */ jsx(
+          InputText,
+          {
+            ...childProps,
+            name: "legalName",
+            value: data.legalName,
+            readonly: formUtils.isReadOnly("legalName"),
+            onInput: handleChangeFor("legalName", "input"),
+            onBlur: handleChangeFor("legalName", "blur"),
+            "aria-required": true,
+            "aria-invalid": !valid.legalName,
+            isValid: valid.legalName
+          }
+        )
+      }
+    ),
+    data?.originatorType === "individual" && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        Field,
+        {
+          name: "firstName",
+          label: formUtils.getLabel(
+            "firstName",
+            isDonations ? "donorsLegalFirstName" : "decedentsLegalFirstName"
+          ),
+          errorMessage: formUtils.getErrorMessage("firstName", errors, fieldProblems),
+          isValid: valid.firstName,
+          children: (childProps) => /* @__PURE__ */ jsx(
+            InputText,
+            {
+              ...childProps,
+              name: "firstName",
+              value: data.firstName,
+              readonly: formUtils.isReadOnly("firstName"),
+              onInput: handleChangeFor("firstName", "input"),
+              onBlur: handleChangeFor("firstName", "blur"),
+              "aria-required": true,
+              "aria-invalid": !valid.firstName,
+              isValid: valid.firstName
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Field,
+        {
+          name: "lastName",
+          label: formUtils.getLabel(
+            "lastName",
+            isDonations ? "donorsLegalLastName" : "decedentsLegalLastName"
+          ),
+          errorMessage: formUtils.getErrorMessage("lastName", errors, fieldProblems),
+          isValid: valid.lastName,
+          children: (childProps) => /* @__PURE__ */ jsx(
+            InputText,
+            {
+              ...childProps,
+              name: "lastName",
+              value: data.lastName,
+              readonly: formUtils.isReadOnly("lastName"),
+              onInput: handleChangeFor("lastName", "input"),
+              onBlur: handleChangeFor("lastName", "blur"),
+              "aria-required": true,
+              "aria-invalid": !valid.lastName,
+              isValid: valid.lastName
+            }
+          )
+        }
+      )
+    ] }),
+    data?.originatorType && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        Field,
+        {
+          name: "relationship",
+          label: formUtils.getLabel(
+            "relationship",
+            isDonations && data?.originatorType === "individual" ? "yourRelationshipToDonor" : data?.originatorType === "organization" ? "yourRelationshipToOrganization" : "yourRelationshipToDecedent"
+          ),
+          errorMessage: formUtils.getErrorMessage("relationship", errors, fieldProblems),
+          isValid: valid.relationship,
+          children: (childProps) => /* @__PURE__ */ jsx(
+            InputText,
+            {
+              ...childProps,
+              name: "relationship",
+              value: data.relationship,
+              readonly: formUtils.isReadOnly("relationship"),
+              onInput: handleChangeFor("relationship", "input"),
+              onBlur: handleChangeFor("relationship", "blur"),
+              "aria-required": true,
+              "aria-invalid": !valid.relationship,
+              isValid: valid.relationship
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        CountryField,
+        {
+          data: { country: data.country },
+          valid: { country: valid.country },
+          errors: {
+            country: formUtils.getErrorMessage("country", errors, fieldProblems)
+          },
+          labels: {
+            country: sofT(($) => $[countryTranslationKey])
+          },
+          readonly: formUtils.isReadOnly("country"),
+          handleChangeFor
+        }
+      )
+    ] })
+  ] });
+}
+function AdditionalDataForDonation(props) {
+  const { formUtils, data, errors, valid, fieldProblems, handleChangeFor } = props;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      AdditionalDataOriginatorLegalEntity,
+      {
+        formUtils,
+        handleChangeFor,
+        data,
+        errors,
+        valid,
+        fieldProblems,
+        sourceOfFundsType: "donations"
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: styles.sourceOfFundsGridContainer, children: [
+      /* @__PURE__ */ jsx(
+        Field,
+        {
+          name: "purpose",
+          label: formUtils.getLabel("purpose", "reason"),
+          errorMessage: formUtils.getErrorMessage("purpose", errors, fieldProblems),
+          isValid: valid.purpose,
+          children: (childProps) => /* @__PURE__ */ jsx(
+            InputText,
+            {
+              ...childProps,
+              name: "purpose",
+              value: data.purpose,
+              readonly: formUtils.isReadOnly("purpose"),
+              onInput: handleChangeFor("purpose", "input"),
+              onBlur: handleChangeFor("purpose", "blur"),
+              "aria-required": true,
+              "aria-invalid": !valid.purpose,
+              isValid: valid.purpose
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Field,
+        {
+          name: "dateOfFundsReceived",
+          label: formUtils.getLabel("dateOfFundsReceived", "date"),
+          errorMessage: formUtils.getErrorMessage("dateOfFundsReceived", errors, fieldProblems),
+          isValid: valid.dateOfFundsReceived,
+          children: (childProps) => /* @__PURE__ */ jsx(
+            InputDate,
+            {
+              ...childProps,
+              name: "dateOfFundsReceived",
+              value: formatDateForInput(data.dateOfFundsReceived),
+              onInput: handleChangeFor("dateOfFundsReceived", "input"),
+              onBlur: handleChangeFor("dateOfFundsReceived", "blur"),
+              "aria-required": true,
+              "aria-invalid": !valid.dateOfFundsReceived,
+              max: TODAY_DATE
+            }
+          )
+        }
+      )
+    ] })
+  ] });
+}
+function AdditionalDataForGambling(props) {
+  const { t: sofT } = useTranslation("sof");
+  const { t: commonT } = useTranslation("common");
+  const [focusedInput, setFocusedInput] = useState();
+  const { formUtils, data, errors, valid, fieldProblems, handleChangeFor, handleAmountChange } = props;
+  const handleOnAmountBlur = () => {
+    setFocusedInput(void 0);
+    handleAmountChange("amount");
+  };
+  const handleWebsiteBlur = () => {
+    setFocusedInput(void 0);
+    handleChangeFor("website", "blur");
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Field,
+      {
+        el: "fieldset",
+        name: "amount",
+        label: formUtils.getLabel("amount", "totalAmountWon"),
+        errorMessage: formUtils.getErrorMessage("amount", errors, fieldProblems),
+        children: (childProps) => /* @__PURE__ */ jsxs(
+          InputGroup,
+          {
+            ...childProps,
+            id: "currencyGroup",
+            isFocused: focusedInput === "amount",
+            isInvalid: Boolean(!valid.amount && errors.amount),
+            children: [
+              /* @__PURE__ */ jsx(
+                Select,
+                {
+                  name: "currency",
+                  "aria-label": commonT(($) => $["currency"]),
+                  isMulti: false,
+                  items: allowedCurrencies,
+                  selected: data.amount?.currency,
+                  placeholder: commonT(($) => $["select"]),
+                  onChange: handleAmountChange("currency"),
+                  minimal: true
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                InputText,
+                {
+                  ...childProps,
+                  name: "amount",
+                  value: data.amount?.value,
+                  readonly: formUtils.isReadOnly("amount"),
+                  onInput: handleAmountChange("amount"),
+                  onBlur: handleOnAmountBlur,
+                  "aria-required": true,
+                  "aria-invalid": !valid.amount,
+                  isValid: valid.amount,
+                  onFocusHandler: () => setFocusedInput("amount")
+                }
+              )
+            ]
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Field,
+      {
+        name: "dateOfSourceEvent",
+        label: formUtils.getLabel("dateOfSourceEvent", "dateOfWinning"),
+        errorMessage: formUtils.getErrorMessage("dateOfSourceEvent", errors, fieldProblems),
+        isValid: valid.dateOfSourceEvent,
+        children: (childProps) => /* @__PURE__ */ jsx(
+          InputDate,
+          {
+            ...childProps,
+            name: "dateOfSourceEvent",
+            value: formatDateForInput(data.dateOfSourceEvent),
+            onInput: handleChangeFor("dateOfSourceEvent", "input"),
+            onBlur: handleChangeFor("dateOfSourceEvent", "blur"),
+            "aria-required": true,
+            "aria-invalid": !valid.dateOfSourceEvent,
+            max: TODAY_DATE
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Field,
+      {
+        name: "website",
+        label: formUtils.getLabel("website", "sourceOfWinnings"),
+        errorMessage: formUtils.getErrorMessage("website", errors, fieldProblems),
+        helper: sofT(($) => $["nameOfCasinoLottery"]),
+        helperPosition: "below",
+        children: (childProps) => /* @__PURE__ */ jsx(
+          InputGroup,
+          {
+            ...childProps,
+            id: "websiteGroup",
+            isFocused: focusedInput === "website",
+            isInvalid: Boolean(!valid.website && errors.website),
+            children: /* @__PURE__ */ jsx(
+              InputText,
+              {
+                ...childProps,
+                placeholder: "https://",
+                name: "website",
+                value: data.website,
+                readonly: formUtils.isReadOnly("website"),
+                onInput: handleChangeFor("website", "input"),
+                onBlur: handleWebsiteBlur,
+                "aria-required": true,
+                "aria-invalid": !valid.website,
+                isValid: valid.website,
+                onFocusHandler: () => setFocusedInput("website")
+              }
+            )
+          }
+        )
+      }
+    )
+  ] });
+}
+function AdditionalDataForInheritance(props) {
+  const [isFocused, setIsFocused] = useState(false);
+  const { formUtils, data, errors, valid, fieldProblems, handleChangeFor, handleAmountChange } = props;
+  const { t: commonT } = useTranslation("common");
+  const handleOnAmountBlur = () => {
+    setIsFocused(false);
+    handleAmountChange("amount");
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      AdditionalDataOriginatorLegalEntity,
+      {
+        formUtils,
+        handleChangeFor,
+        data,
+        errors,
+        valid,
+        fieldProblems,
+        sourceOfFundsType: "inheritance"
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: styles.sourceOfFundsGridContainer, children: [
+      /* @__PURE__ */ jsx(
+        Field,
+        {
+          el: "fieldset",
+          name: "amount",
+          label: formUtils.getLabel("amount", "inheritanceAmount"),
+          errorMessage: formUtils.getErrorMessage("amount", errors, fieldProblems),
+          children: (childProps) => /* @__PURE__ */ jsxs(
+            InputGroup,
+            {
+              ...childProps,
+              id: "currencyGroup",
+              isFocused,
+              isInvalid: Boolean(!valid.amount && errors.amount),
+              children: [
+                /* @__PURE__ */ jsx(
+                  Select,
+                  {
+                    name: "currency",
+                    "aria-label": commonT(($) => $["currency"]),
+                    isMulti: false,
+                    items: allowedCurrencies ?? [],
+                    selected: data.amount?.currency,
+                    placeholder: commonT(($) => $["select"]),
+                    onChange: handleAmountChange("currency"),
+                    minimal: true
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  InputText,
+                  {
+                    ...childProps,
+                    name: "amount",
+                    value: data.amount?.value,
+                    readonly: formUtils.isReadOnly("amount"),
+                    onInput: handleAmountChange("amount"),
+                    onBlur: handleOnAmountBlur,
+                    "aria-required": true,
+                    "aria-invalid": !valid.amount,
+                    isValid: valid.amount,
+                    onFocusHandler: () => setIsFocused(true)
+                  }
+                )
+              ]
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Field,
+        {
+          name: "dateOfFundsReceived",
+          label: formUtils.getLabel("dateOfFundsReceived", "inheritanceReceivedOn"),
+          errorMessage: formUtils.getErrorMessage("dateOfFundsReceived", errors, fieldProblems),
+          isValid: valid.dateOfFundsReceived,
+          children: (childProps) => /* @__PURE__ */ jsx(
+            InputDate,
+            {
+              ...childProps,
+              name: "dateOfFundsReceived",
+              value: formatDateForInput(data.dateOfFundsReceived),
+              onInput: handleChangeFor("dateOfFundsReceived", "input"),
+              onBlur: handleChangeFor("dateOfFundsReceived", "blur"),
+              "aria-required": true,
+              "aria-invalid": !valid.dateOfFundsReceived,
+              max: TODAY_DATE
+            }
+          )
+        }
+      )
+    ] })
+  ] });
+}
+const SOFFinancierModal = (props) => {
+  const { t: sofT } = useTranslation("sof");
+  const { t: commonT } = useTranslation("common");
+  const { financier, handleModalClose, indexNumber, handleFinancierUpdate } = props;
+  const [formData, setFormData] = useState(financier);
+  const [formErrors, setFormErrors] = useState({});
+  const [confirmOpen, setConfirmOpen] = useState(false);
+  const [isFocused, setIsFocused] = useState(false);
+  const [errorMessage, setErrorMessage] = useState("");
+  const handleInputUpdate = (key, e) => {
+    const inputEl = e.target;
+    setErrorMessage("");
+    const value = inputEl?.value;
+    let inputData = {
+      [key]: value
+    };
+    if (["amount", "currency"].includes(key)) {
+      const amountValue = {
+        currency: key === "currency" ? value : formData?.amount?.currency,
+        value: key === "currency" ? formData?.amount?.value : value
+      };
+      inputData = { amount: amountValue };
+    }
+    const data = {
+      ...formData,
+      ...inputData
+    };
+    setFormData(data);
+    const errors = getInputErrors({ formErrors, data, key, value });
+    setFormErrors(errors);
+  };
+  const handleOnAmountBlur = () => {
+    setIsFocused(false);
+    const errors = getInputErrors({
+      formErrors,
+      data: formData,
+      key: "amount",
+      value: formData?.amount?.value
+    });
+    setFormErrors(errors);
+  };
+  const allFieldsFilled = (data) => {
+    return data?.firstName && data?.lastName && data?.location && data?.amount?.currency && !Number.isNaN(Number(data?.amount?.value));
+  };
+  const handleFinancierSave = () => {
+    if (formData && allFieldsFilled(formData)) {
+      handleFinancierUpdate({ formData, indexNumber });
+      handleModalClose();
+    } else {
+      const fields = [
+        "firstName",
+        "lastName",
+        "location",
+        "amount"
+      ];
+      const errors = fields.reduce((acc, key) => {
+        const value = key === "amount" ? formData?.amount?.value : formData?.[key];
+        return {
+          ...acc,
+          ...getInputErrors({
+            formErrors: void 0,
+            data: formData,
+            key,
+            value
+          })
+        };
+      }, {});
+      setFormErrors(errors);
+      setErrorMessage(sofT(($) => $["pleaseFillInAllFields"]));
+    }
+  };
+  const handleFinancierDelete = async () => {
+    handleFinancierUpdate({ indexNumber });
+    handleModalClose();
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Modal, { onClose: handleModalClose, ariaLabel: sofT(($) => $["investorDetails"]), inset: true, children: /* @__PURE__ */ jsxs("div", { className: styles.sourceOfFundsModal, children: [
+      /* @__PURE__ */ jsx(
+        Typography,
+        {
+          variant: "title-l",
+          el: "h3",
+          className: styles.sourceOfFundsGettingStartedHelpHeader,
+          children: sofT(($) => $["investorDetails"])
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: styles.sourceOfFundsSofFinancierForm, children: [
+        errorMessage && /* @__PURE__ */ jsx(
+          Alert,
+          {
+            title: sofT(($) => $["errorSubmittingData"]),
+            variant: "error",
+            className: styles.sourceOfFundsSofFinancierFormError,
+            children: errorMessage
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: styles.sourceOfFundsSofFinancierFormNameGroup, children: [
+          /* @__PURE__ */ jsx(
+            Field,
+            {
+              name: "firstName",
+              label: commonT(($) => $["firstName"]),
+              errorMessage: formErrors.firstName,
+              isValid: !formErrors.firstName,
+              children: (childProps) => /* @__PURE__ */ jsx(
+                InputText,
+                {
+                  ...childProps,
+                  name: "firstName",
+                  value: formData?.firstName,
+                  onInput: (e) => handleInputUpdate("firstName", e),
+                  onBlur: (e) => handleInputUpdate("firstName", e),
+                  "aria-required": true,
+                  "aria-invalid": Boolean(formErrors.firstName),
+                  isValid: !formErrors.firstName
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Field,
+            {
+              name: "lastName",
+              label: commonT(($) => $["lastName"]),
+              errorMessage: formErrors.lastName,
+              isValid: !formErrors.lastName,
+              children: (childProps) => /* @__PURE__ */ jsx(
+                InputText,
+                {
+                  ...childProps,
+                  name: "lastName",
+                  value: formData?.lastName,
+                  onInput: (e) => handleInputUpdate("lastName", e),
+                  onBlur: (e) => handleInputUpdate("lastName", e),
+                  "aria-required": true,
+                  "aria-invalid": Boolean(formErrors.lastName),
+                  isValid: !formErrors.lastName
+                }
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          Field,
+          {
+            name: "location",
+            label: sofT(($) => $["investorLocation"]),
+            errorMessage: formErrors.location,
+            isValid: !formErrors.location,
+            helperPosition: "below",
+            showErrorIconBottom: true,
+            helper: sofT(($) => $["theCityAndCountryRegion"]),
+            children: (childProps) => /* @__PURE__ */ jsx(
+              InputText,
+              {
+                ...childProps,
+                name: "location",
+                value: formData?.location,
+                onInput: (e) => handleInputUpdate("location", e),
+                onBlur: (e) => handleInputUpdate("location", e),
+                "aria-required": true,
+                "aria-invalid": Boolean(formErrors.location),
+                isValid: !formErrors.location
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Field,
+          {
+            el: "fieldset",
+            name: "amount",
+            label: sofT(($) => $["investmentAmount"]),
+            errorMessage: formErrors.amount,
+            isValid: !formErrors.amount,
+            children: (childProps) => /* @__PURE__ */ jsxs(InputGroup, { ...childProps, id: "currencyGroup", isFocused, children: [
+              /* @__PURE__ */ jsx(
+                Select,
+                {
+                  minimal: true,
+                  name: "currency",
+                  "aria-label": commonT(($) => $["currency"]),
+                  isMulti: false,
+                  items: allowedCurrencies,
+                  selected: formData?.amount?.currency,
+                  placeholder: commonT(($) => $["select"]),
+                  onChange: (e) => handleInputUpdate("currency", e)
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                InputText,
+                {
+                  ...childProps,
+                  name: "amount",
+                  value: formData?.amount?.value,
+                  onInput: (e) => handleInputUpdate("amount", e),
+                  onBlur: handleOnAmountBlur,
+                  "aria-required": true,
+                  onFocusHandler: () => setIsFocused(true)
+                }
+              )
+            ] })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: styles.sourceOfFundsFinancierFooter, children: [
+        /* @__PURE__ */ jsx(Button, { onClick: handleFinancierSave, children: commonT(($) => $["save"]) }),
+        Number.isFinite(indexNumber) && /* @__PURE__ */ jsx(Button, { variant: "tertiary", onClick: () => setConfirmOpen(true), children: sofT(($) => $["deleteInvestorDetails"]) })
+      ] })
+    ] }) }),
+    confirmOpen && /* @__PURE__ */ jsx(
+      Confirm,
+      {
+        title: sofT(($) => $["areYouSureYouWantToDeleteThisInvestorDetails"]),
+        confirmText: commonT(($) => $["delete"]),
+        onConfirm: handleFinancierDelete,
+        onCancel: () => setConfirmOpen(false),
+        critical: true
+      }
+    )
+  ] });
+};
+function AdditionalDataForThirdParty(props) {
+  const [showFinancierModal, setShowFinancierModal] = useState(false);
+  const [activeFinancier, setActiveFinancier] = useState();
+  const [activeIndex, setActiveIndex] = useState();
+  const { data, fieldProblems, errors, handleChangeFor, formUtils, valid } = props;
+  const { t: sofT } = useTranslation("sof");
+  const { i18n } = useI18nContext();
+  const handleToggleFinancierModal = () => {
+    setActiveFinancier(void 0);
+    setActiveIndex(void 0);
+    setShowFinancierModal(!showFinancierModal);
+  };
+  const handleShowUpdateFinancierModal = (index) => {
+    if (!data.financiers) {
+      return;
+    }
+    const financier = data.financiers[index];
+    setActiveFinancier(financier);
+    setActiveIndex(index);
+    setShowFinancierModal(true);
+  };
+  const handleFinancierUpdate = ({
+    formData,
+    indexNumber
+  }) => {
+    const existingFinanciers = data.financiers || [];
+    let newFinanciers = [];
+    if (!formData) {
+      if (indexNumber !== void 0) {
+        newFinanciers = existingFinanciers.filter((_, index) => index !== indexNumber);
+      }
+    } else {
+      newFinanciers = [...existingFinanciers, formData];
+      if (Number.isFinite(indexNumber)) {
+        newFinanciers = existingFinanciers.map(
+          (existingFinancier, i) => i === indexNumber ? formData : existingFinancier
+        );
+      }
+    }
+    const financierEvent = {
+      target: {
+        name: "financiers",
+        value: newFinanciers
+      }
+    };
+    handleChangeFor("financiers")(financierEvent);
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    errors.financiers && !valid.financiers && /* @__PURE__ */ jsx(
+      Alert,
+      {
+        title: i18n.get(
+          formUtils.getErrorMessage("financiers", errors, fieldProblems)
+        ),
+        variant: "error",
+        className: styles.sourceOfFundsSofFinancierFormError,
+        children: sofT(($) => $["addAtLeastOneInvestor"])
+      }
+    ),
+    data.financiers?.map((financier, index) => /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => handleShowUpdateFinancierModal(index),
+        className: styles.sourceOfFundsThirdPartyFundingFinancierGroup,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: styles.sourceOfFundsThirdPartyFundingNameAvatarGroup, children: [
+            /* @__PURE__ */ jsx(Avatar, { iconName: "user", circle: true }),
+            /* @__PURE__ */ jsxs("div", { className: styles.sourceOfFundsThirdPartyFundingNameAddressGroup, children: [
+              /* @__PURE__ */ jsxs(Typography, { el: "div", variant: "body-strongest", children: [
+                financier.firstName,
+                " ",
+                financier.lastName
+              ] }),
+              /* @__PURE__ */ jsx(Typography, { el: "div", variant: "caption", children: financier.location })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { children: financier.amount?.currency && financier.amount?.value ? formatAmountWithCurrency(
+            financier.amount.value,
+            financier.amount?.currency
+          ) : "" })
+        ]
+      },
+      index
+    )),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: styles.sourceOfFundsThirdPartyFundingFinancierGroup,
+        onClick: handleToggleFinancierModal,
+        children: /* @__PURE__ */ jsxs("div", { className: styles.sourceOfFundsThirdPartyFundingNameAvatarGroup, children: [
+          /* @__PURE__ */ jsx(Avatar, { iconName: "plus", variant: "tertiary", circle: true }),
+          /* @__PURE__ */ jsx(Typography, { el: "div", variant: "body-strongest", children: sofT(($) => $["addInvestor"]) })
+        ] })
+      }
+    ),
+    showFinancierModal && /* @__PURE__ */ jsx(
+      SOFFinancierModal,
+      {
+        financier: activeFinancier,
+        indexNumber: activeIndex,
+        handleModalClose: handleToggleFinancierModal,
+        handleFinancierUpdate
+      }
+    )
+  ] });
+}
+function canParseUrl(url) {
+  if (URL.canParse) {
+    return URL.canParse(url);
+  }
+  try {
+    new URL(url);
+    return true;
+  } catch {
+    return false;
+  }
+}
+const sourceOfFundsTypeValidations = {
+  type: {
+    modes: ["blur"],
+    validate: (type) => !isEmpty(type),
+    errorMessage: "fieldIsRequired"
+  }
+};
+const sourceOfFundsAdditionalDataValidations = {
+  description: {
+    modes: ["blur"],
+    validate: (description) => !isEmpty(description),
+    errorMessage: "fieldIsRequired"
+  },
+  website: [
+    {
+      modes: ["blur"],
+      validate: (website) => !isEmpty(website),
+      errorMessage: "fieldIsRequired"
+    },
+    {
+      modes: ["blur"],
+      validate: (website) => website ? canParseUrl(
+        website?.startsWith("http:") || website?.startsWith("https:") ? website : `https://${website}`
+      ) : false,
+      errorMessage: "validationPleaseEnterAValidUrl"
+    }
+  ],
+  amount: [
+    {
+      modes: ["blur"],
+      validate: (amount) => !isEmpty(amount?.currency),
+      errorMessage: "currencyIsRequired"
+    },
+    {
+      modes: ["blur"],
+      validate: (amount) => !isEmpty(amount?.value),
+      errorMessage: "amountIsRequired"
+    },
+    {
+      modes: ["blur"],
+      validate: (amount) => !Number.isNaN(Number(amount?.value)),
+      errorMessage: "pleaseEnterAValidAmount"
+    }
+  ],
+  dateOfSourceEvent: [
+    {
+      modes: ["blur"],
+      validate: (dateOfSourceEvent) => !isEmpty(dateOfSourceEvent),
+      errorMessage: "fieldIsRequired"
+    },
+    {
+      modes: ["blur"],
+      validate: (dateOfSourceEvent) => validateDateNotInTheFuture(dateOfSourceEvent),
+      errorMessage: "dateCannotBeInTheFuture"
+    }
+  ],
+  cryptocurrencyExchange: {
+    modes: ["blur"],
+    validate: (cryptocurrencyExchange) => !isEmpty(cryptocurrencyExchange),
+    errorMessage: "fieldIsRequired"
+  },
+  legalName: {
+    modes: ["blur"],
+    validate: (legalName) => !isEmpty(legalName),
+    errorMessage: "fieldIsRequired"
+  },
+  firstName: {
+    modes: ["blur"],
+    validate: (firstName) => !isEmpty(firstName),
+    errorMessage: "fieldIsRequired"
+  },
+  lastName: {
+    modes: ["blur"],
+    validate: (lastName) => !isEmpty(lastName),
+    errorMessage: "fieldIsRequired"
+  },
+  originatorType: {
+    modes: ["blur"],
+    validate: (originatorType) => !isEmpty(originatorType),
+    errorMessage: "fieldIsRequired"
+  },
+  relationship: {
+    modes: ["blur"],
+    validate: (relationship) => !isEmpty(relationship),
+    errorMessage: "fieldIsRequired"
+  },
+  country: {
+    modes: ["blur"],
+    validate: (country) => !isEmpty(country),
+    errorMessage: "fieldIsRequired"
+  },
+  dateOfFundsReceived: [
+    {
+      modes: ["blur"],
+      validate: (dateOfFundsReceived) => !isEmpty(dateOfFundsReceived),
+      errorMessage: "fieldIsRequired"
+    },
+    {
+      modes: ["blur"],
+      validate: (dateOfFundsReceived) => validateDateNotInTheFuture(dateOfFundsReceived),
+      errorMessage: "dateCannotBeInTheFuture"
+    }
+  ],
+  financiers: {
+    modes: ["blur"],
+    validate: (financiers) => !isEmpty(financiers),
+    errorMessage: "fieldIsRequired"
+  },
+  purpose: {
+    modes: ["blur"],
+    validate: (purpose) => !isEmpty(purpose),
+    errorMessage: "fieldIsRequired"
+  }
+};
+function SourceOfFundsAdditionalData(props) {
+  const { t } = useTranslation("common");
+  const {
+    data: defaultData,
+    validators,
+    formVerificationErrors,
+    fieldValidationErrors,
+    shouldValidate,
+    sourceOfFundsType
+  } = props;
+  const getFormSchema = useMemo(
+    () => getAdditionalDataSchemaKeys(sourceOfFundsType, defaultData?.originatorType),
+    [sourceOfFundsType, defaultData?.originatorType]
+  );
+  const [schema, setSchema] = useState(getFormSchema);
+  const {
+    handleChangeFor,
+    data: formData,
+    schema: formSchema,
+    valid: formValid,
+    errors: formErrors,
+    fieldProblems: formFieldProblems
+  } = useForm({
+    ...props,
+    schema,
+    defaultData,
+    rules: validators || sourceOfFundsAdditionalDataValidations,
+    fieldProblems: fieldValidationErrors,
+    shouldValidate
+  });
+  useEffect(() => {
+    setSchema(getAdditionalDataSchemaKeys(sourceOfFundsType, formData?.originatorType));
+  }, [formData.originatorType]);
+  const handleAmountChange = (key) => (e) => {
+    const isCurrencyKey = key === "currency";
+    const amountValue = {
+      currency: isCurrencyKey ? e.target.value : formData.amount?.currency,
+      value: isCurrencyKey ? formData.amount?.value : e.target.value
+    };
+    const fieldEvent = {
+      target: {
+        name: "amount",
+        value: amountValue
+      }
+    };
+    handleChangeFor("amount")(fieldEvent);
+  };
+  const formUtils = createFormUtils(props, t);
+  const { updateStateSlice } = useGlobalDataSlice("additionalData");
+  useEffect(() => {
+    updateStateSlice({
+      data: formData,
+      valid: formValid,
+      errors: formErrors,
+      fieldProblems: formFieldProblems,
+      schema: formSchema
+    });
+  }, [formData, formValid, formErrors, formSchema, formFieldProblems]);
+  const renderSubForms = () => {
+    switch (sourceOfFundsType) {
+      case "gamblingWinnings":
+        return /* @__PURE__ */ jsx(
+          AdditionalDataForGambling,
+          {
+            formUtils,
+            handleChangeFor,
+            data: formData,
+            errors: formErrors,
+            valid: formValid,
+            fieldProblems: formFieldProblems,
+            handleAmountChange
+          }
+        );
+      case "cryptocurrencyIncome":
+        return /* @__PURE__ */ jsx(
+          AdditionalDataForCryptocurrency,
+          {
+            formUtils,
+            handleChangeFor,
+            data: formData,
+            errors: formErrors,
+            valid: formValid,
+            fieldProblems: formFieldProblems,
+            handleAmountChange
+          }
+        );
+      case "business":
+        return /* @__PURE__ */ jsx(
+          AdditionalDataForBusiness,
+          {
+            formUtils,
+            handleChangeFor,
+            data: formData,
+            errors: formErrors,
+            valid: formValid,
+            fieldProblems: formFieldProblems,
+            handleAmountChange
+          }
+        );
+      case "assetSale":
+        return /* @__PURE__ */ jsx(
+          AdditionalDataForAssetSale,
+          {
+            formUtils,
+            handleChangeFor,
+            data: formData,
+            errors: formErrors,
+            valid: formValid,
+            fieldProblems: formFieldProblems,
+            handleAmountChange
+          }
+        );
+      case "thirdPartyFunding":
+        return /* @__PURE__ */ jsx(
+          AdditionalDataForThirdParty,
+          {
+            formUtils,
+            handleChangeFor,
+            data: formData,
+            errors: formErrors,
+            valid: formValid,
+            fieldProblems: formFieldProblems,
+            handleAmountChange
+          }
+        );
+      case "inheritance":
+        return /* @__PURE__ */ jsx(
+          AdditionalDataForInheritance,
+          {
+            formUtils,
+            handleChangeFor,
+            data: formData,
+            errors: formErrors,
+            valid: formValid,
+            fieldProblems: formFieldProblems,
+            handleAmountChange
+          }
+        );
+      case "donations":
+        return /* @__PURE__ */ jsx(
+          AdditionalDataForDonation,
+          {
+            formUtils,
+            handleChangeFor,
+            data: formData,
+            errors: formErrors,
+            valid: formValid,
+            fieldProblems: formFieldProblems,
+            handleAmountChange
+          }
+        );
+      default:
+        return null;
+    }
+  };
+  return /* @__PURE__ */ jsxs("form", { className: styles.sourceOfFundsAdditionalDataForm, children: [
+    /* @__PURE__ */ jsx(
+      ErrorPanel,
+      {
+        verificationErrors: formVerificationErrors,
+        validationErrors: props?.fieldValidationErrors,
+        formUtils,
+        id: "ariaErrorField"
+      }
+    ),
+    renderSubForms()
+  ] });
+}
+const sourceOfFundsTypeFields = ["type"];
+function SourceOfFundsType(props) {
+  const { t } = useTranslation(["common", "sof"]);
+  const { i18n } = useI18nContext();
+  const {
+    data: sourceOfFundsTypeDefaultData,
+    validators,
+    fieldValidationErrors,
+    shouldValidate,
+    categories
+  } = props;
+  const {
+    handleChangeFor,
+    data: formData,
+    schema: formSchema,
+    valid: formValid,
+    errors: formErrors,
+    fieldProblems: formFieldProblems
+  } = useForm({
+    ...props,
+    schema: sourceOfFundsTypeFields,
+    defaultData: sourceOfFundsTypeDefaultData,
+    rules: validators || sourceOfFundsTypeValidations,
+    fieldProblems: fieldValidationErrors,
+    shouldValidate
+  });
+  const formUtils = createFormUtils(props, t);
+  const { updateStateSlice } = useGlobalDataSlice("sourceOfFundsType");
+  useEffect(() => {
+    updateStateSlice({
+      data: formData,
+      valid: formValid,
+      errors: formErrors,
+      fieldProblems: formFieldProblems,
+      schema: formSchema
+    });
+  }, [formData, formValid, formErrors, formSchema, formFieldProblems]);
+  const categoryItems = [
+    {
+      value: "adyen",
+      label: t(($) => $["transactionsOnThisPlatform"], { ns: "sof" }),
+      icon: getIconById("adyen")
+    },
+    ...categories?.map((item) => ({
+      value: item.id,
+      label: t(($) => $[sofCategoryItemMapper[item.name]], { ns: "sof" }),
+      icon: getIconById(item.id)
+    })) ?? []
+  ];
+  const errorMessage = formUtils.getErrorMessage("type", formErrors, formFieldProblems);
+  return /* @__PURE__ */ jsx(Field, { el: "fieldset", name: "type", children: () => /* @__PURE__ */ jsx(
+    TileGroup,
+    {
+      name: "type",
+      tiles: categoryItems,
+      errorMessage: typeof errorMessage !== "boolean" ? i18n.get(errorMessage) : errorMessage,
+      selected: formData?.type ? formData.type : [],
+      onChange: handleChangeFor("type", "input")
+    }
+  ) });
+}
+function getIconById(id) {
+  switch (id) {
+    case "adyen":
+      return "store";
+    case "business":
+      return "revenue-accelerate";
+    case "assetSale":
+      return "house";
+    case "dividendIncome":
+      return "graph-up";
+    case "thirdPartyFunding":
+      return "graph";
+    case "employment":
+      return "headquarter";
+    case "donations":
+      return "gift";
+    case "inheritance":
+      return "certificate";
+    case "financialAid":
+      return "capital";
+    case "rentalIncome":
+      return "house";
+    case "royaltyIncome":
+      return "cash-stack";
+    case "pensionIncome":
+      return "bank";
+    case "insuranceSettlement":
+      return "funds-in";
+    case "cryptocurrencyIncome":
+      return "coins";
+    case "loans":
+      return "capital";
+    case "gamblingWinnings":
+      return "cash-stack";
+    default:
+      return "contract";
+  }
+}
+function SourceOfFunds(props) {
+  const { activeForm, activeBusinessLine, sourceOfFundsType } = props;
+  const { data: sourceOfFundsTypesData, isLoading } = useSourceOfFundsTypes();
+  const { t: sofT } = useTranslation("sof");
+  const formWrapperClasses = (formId) => activeForm?.formId !== formId ? "adyen-kyc-form-wrapper adyen-kyc-form-wrapper--hidden" : "adyen-kyc-form-wrapper";
+  const pageHeadings = useMemo(
+    () => getPageHeadings(sourceOfFundsType ?? "adyen"),
+    [sourceOfFundsType]
+  );
+  return isLoading || !activeBusinessLine ? /* @__PURE__ */ jsx("div", { className: styles.sourceOfFundsWrapperLoading, children: /* @__PURE__ */ jsx(Loader, {}) }) : /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-form-wrapper", children: [
+    /* @__PURE__ */ jsxs("div", { className: styles.sourceOfFundsWrapperHeading, children: [
+      /* @__PURE__ */ jsx(Typography, { el: "h1", variant: "title-l", children: activeForm?.formId === "additionalData" ? sofT(($) => $[pageHeadings.heading]) : sofT(($) => $["selectASourceOfFunding"], {
+        type: getServiceTranslationSelectTitle(
+          sofT,
+          activeBusinessLine?.service || ""
+        ).toLowerCase()
+      }) }),
+      /* @__PURE__ */ jsxs(Typography, { className: styles.sourceOfFundsWrapperDescription, children: [
+        activeForm?.formId === "additionalData" && pageHeadings.description && sofT(($) => $[pageHeadings.description]),
+        sourceOfFundsTypesData?.length === 0 && sofT(($) => $["noCategoriesAvailable"])
+      ] })
+    ] }),
+    sofErrorMessage.value && /* @__PURE__ */ jsxs(
+      Typography,
+      {
+        variant: "caption",
+        color: "critical",
+        "aria-live": "polite",
+        className: "adyen-kyc-u-justify-content-center adyen-kyc-u-display-flex",
+        children: [
+          /* @__PURE__ */ jsx(Icon, { name: "field-error", className: "adyen-kyc-u-margin-right-2" }),
+          /* @__PURE__ */ jsx("span", { children: sofErrorMessage.value })
+        ]
+      }
+    ),
+    activeForm?.formId === "sourceOfFundsType" && /* @__PURE__ */ jsx("div", { className: formWrapperClasses("sourceOfFundsType"), children: /* @__PURE__ */ jsx(
+      SourceOfFundsType,
+      {
+        categories: sourceOfFundsTypesData,
+        ...getFormProps(props, sourceOfFundsForms.sourceOfFundsType.formId)
+      }
+    ) }),
+    activeForm?.formId === "additionalData" && /* @__PURE__ */ jsx("div", { className: formWrapperClasses("additionalData"), children: /* @__PURE__ */ jsx(
+      SourceOfFundsAdditionalData,
+      {
+        ...getFormProps(props, sourceOfFundsForms.additionalData.formId),
+        sourceOfFundsType
+      }
+    ) }),
+    activeForm?.formId === "companySourceOfFunds" && /* @__PURE__ */ jsx("div", { className: formWrapperClasses("companySourceOfFunds"), children: /* @__PURE__ */ jsx("div", { children: sofT(($) => $["uploadADocument"]) }) })
+  ] });
+}
+function SourceOfFundsGettingStartedCard(props) {
+  const { id, title, onClick, isEdit, meta } = props;
+  const { t: commonT } = useTranslation("common");
+  return /* @__PURE__ */ jsx(
+    Card,
+    {
+      className: styles.sourceOfFundsGettingStartedCardsCard,
+      headerClassName: styles.sourceOfFundsGettingStartedCardsCardHeader,
+      bodyClassName: styles.sourceOfFundsGettingStartedCardsCardBody,
+      title,
+      headerButton: isEdit ? /* @__PURE__ */ jsx(IconButton, { ariaLabel: "edit", icon: "edit", onClick, variant: "tertiary" }) : /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "primary",
+          testId: "source-of-funds-getting-card-secondary-button",
+          onClick,
+          children: commonT(($) => $["start"])
+        }
+      ),
+      children: isEdit && meta?.length && /* @__PURE__ */ jsx(
+        StructuredList,
+        {
+          className: styles.sourceOfFundsGettingStartedCardsCardDescription,
+          items: meta
+        }
+      )
+    },
+    id
+  );
+}
+const digitalWallet = lazy(() => import("./digital-wallet-D_IpxnkN.js"));
+const SourceOfFundsGettingStarted = ({
+  handleGettingStartedClick,
+  handleCancelClick,
+  handleSourceOfFundsClick,
+  businessLines,
+  handleNavigateToUploadPage,
+  problems,
+  legalEntity,
+  isSoFDocumentMissing
+}) => {
+  const { t: sofT } = useTranslation("sof");
+  const { t: commonT } = useTranslation("common");
+  const { i18n } = useI18nContext();
+  const hasSourceOfFunds = businessLines?.some(
+    (businessLine) => !isEmpty$1(businessLine.sourceOfFunds)
+  );
+  const sofDocuments = useMemo(
+    () => legalEntity?.documentDetails?.filter((doc) => doc.type === "proofOfFundingOrWealthSource") ?? [],
+    [legalEntity]
+  );
+  const mapBusinessLines = useCallback(
+    (lines) => {
+      const completedBusinessLines = businessLines.every((line) => line?.sourceOfFunds?.type);
+      const cards = lines.map((line) => {
+        const SoF = mapSourceOfFundToSourceOfFundsSchema(line);
+        return {
+          title: getServiceTranslation(sofT, line.service || ""),
+          type: line?.sourceOfFunds?.type,
+          isEdit: !!line?.sourceOfFunds?.type || !!line?.sourceOfFunds?.adyenProcessedFunds,
+          onClick: () => handleSourceOfFundsClick(SoF, line),
+          meta: [
+            {
+              term: sofT(($) => $["sourceOfFunds"]),
+              details: getSofCardDetails(sofT, line?.sourceOfFunds)
+            },
+            ...getGettingStartedCardDetails(
+              getAdditionalDataSchemaKeys(
+                line?.sourceOfFunds?.type || "adyen",
+                line?.sourceOfFunds?.originatorType
+              ),
+              sofT,
+              line?.sourceOfFunds
+            )
+          ]
+        };
+      }).sort((a) => a?.type ? 1 : -1);
+      const uploadCard = {
+        title: getServiceTranslation(sofT),
+        type: "",
+        isEdit: !!sofDocuments?.length,
+        onClick: handleNavigateToUploadPage,
+        meta: sofDocuments?.length ? sofDocuments.map((doc) => ({
+          term: sofT(($) => $["fileName"]),
+          details: [
+            doc?.fileName,
+            /* @__PURE__ */ jsx(Typography, { color: "secondary", children: parseSOFDocumentDescription(sofT, doc?.description) || "" }, "docDescription")
+          ]
+        })) : []
+      };
+      if (completedBusinessLines && (isSoFDocumentMissing || sofDocuments?.length)) {
+        if (uploadCard.meta?.length) {
+          cards.push(uploadCard);
+        } else {
+          cards.unshift(uploadCard);
+        }
+      }
+      return cards.map((item, index) => {
+        return /* @__PURE__ */ jsx(
+          SourceOfFundsGettingStartedCard,
+          {
+            id: index,
+            isEdit: !!item.isEdit,
+            title: item.title,
+            onClick: item.onClick,
+            meta: item.meta
+          },
+          index
+        );
+      });
+    },
+    [handleSourceOfFundsClick, i18n, sofDocuments]
+  );
+  const errorObjects = useMemo(
+    () => getRelevantErrors(problems, SOF_INVALID_INPUT_ERROR_CODES),
+    [problems]
+  );
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: styles.sourceOfFundsGettingStarted,
+      "data-testid": "source-of-funds-getting-started",
+      children: [
+        !hasSourceOfFunds && /* @__PURE__ */ jsx(
+          LandingLayout,
+          {
+            media: /* @__PURE__ */ jsx(Image, { lazyLoadedImage: digitalWallet }),
+            title: sofT(($) => $["fundingSourcesForFinancialProducts"]),
+            description: sofT(($) => $["inTheNextStepWellCollectInformation"]),
+            actions: /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  fullWidth: true,
+                  testId: "source-of-funds-getting-primary-button",
+                  onClick: handleGettingStartedClick,
+                  children: sofT(($) => $["getStarted"])
+                }
+              ),
+              handleCancelClick && /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "tertiary",
+                  fullWidth: true,
+                  testId: "source-of-funds-getting-cancel-button",
+                  onClick: handleCancelClick,
+                  children: commonT(($) => $["backToTaskList"])
+                }
+              )
+            ] })
+          }
+        ),
+        hasSourceOfFunds && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            Header,
+            {
+              title: sofT(($) => $["fundingSourcesForFinancialProducts"]),
+              description: sofT(($) => $["addAllSourcesOfFundsBeingUsed"]),
+              status: normalizedTaskStatusStore?.value?.SOURCE_OF_FUNDS?.status,
+              align: "center"
+            }
+          ),
+          errorObjects && errorObjects.map((errorObj, index) => {
+            const uniqueActions = getUniqueRemediationActions(errorObj);
+            const errorItems = errorObj.subErrors?.map((subError) => subError.message) || [];
+            return /* @__PURE__ */ jsxs(
+              Alert,
+              {
+                title: errorObj.message,
+                className: styles.sourceOfFundsGettingStartedError,
+                variant: "error",
+                children: [
+                  errorObj?.subErrors?.length && /* @__PURE__ */ jsx("ul", { children: errorItems.map((item, i) => /* @__PURE__ */ jsx("li", { children: item }, i)) }),
+                  uniqueActions.length > 0 && /* @__PURE__ */ jsx("div", { className: styles.sourceOfFundsGettingStartedErrorActions, children: uniqueActions.filter((action) => action.code !== "1_519").map((action, i) => /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: "tertiary",
+                      testId: `remediate-action-${i}`,
+                      onClick: handleNavigateToUploadPage,
+                      children: action.message
+                    },
+                    `action-${i}`
+                  )) })
+                ]
+              },
+              `error-${index}`
+            );
+          }),
+          /* @__PURE__ */ jsx("div", { className: styles.sourceOfFundsGettingStartedCards, children: mapBusinessLines(businessLines) }),
+          handleCancelClick && /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "secondary",
+              testId: "source-of-funds-getting-return-button",
+              onClick: handleCancelClick,
+              children: commonT(($) => $["backToTaskList"])
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+const SOFUploadModal = (props) => {
+  const { showToast } = useToastContext();
+  const logger2 = createLogger();
+  const { t: sofT } = useTranslation("sof");
+  const { t: commonT } = useTranslation("common");
+  const { businessLines, handleModalClose, documentUtils } = props;
+  const firstService = businessLines?.length === 1 ? businessLines?.[0]?.service : void 0;
+  const [selectedService, setSelectedService] = useState(
+    firstService
+  );
+  const [documentType, setDocumentType] = useState();
+  const onRadioChange = (selectedId) => {
+    setSelectedService(selectedId);
+    setDocumentType(void 0);
+  };
+  const onDocumentTypeChange = (e) => {
+    setDocumentType(e.target.value);
+  };
+  const serviceRadioItems = useMemo(() => {
+    return businessLines.map((businessLine) => ({
+      id: businessLine.service,
+      name: sofT(($) => $[getServiceTranslationKey(businessLine?.service || "")])
+    }));
+  }, [businessLines, sofT]);
+  const canUpload = useMemo(() => selectedService && documentType, [selectedService, documentType]);
+  const selectedBusinessLineId = businessLines?.find((businessLine) => businessLine.service === selectedService)?.id || "";
+  const documentLists = useMemo(() => {
+    const selectedType = businessLines?.find(
+      (businessLine) => businessLine.service === selectedService
+    )?.sourceOfFunds?.type;
+    if (selectedType) {
+      const lists = getDocumentLists(selectedType);
+      const items = lists.map((list) => ({
+        id: list,
+        name: sofT(($) => $[list])
+      }));
+      return items;
+    }
+    return [];
+  }, [businessLines, sofT, selectedService]);
+  const documentRequirements = useMemo(() => {
+    return documentType ? getDocumentRequirements[documentType] : [];
+  }, [documentType]);
+  const onFileUpload = async (files) => {
+    if (!canUpload) {
+      showToast({ label: sofT(($) => $["unableToUploadDocument"]), variant: "error" });
+      return;
+    }
+    const formattedDocument = await createDocumentRequest({
+      entityId: selectedBusinessLineId,
+      entityType: "businessLine",
+      documentType: "proofOfFundingOrWealthSource",
+      page1: files[0],
+      description: `$SERVICE_NAME:${selectedService}--TYPE_NAME:${documentType}`
+    });
+    if (formattedDocument) {
+      try {
+        await documentUtils.uploadDocuments([formattedDocument], selectedBusinessLineId);
+        showToast({
+          label: sofT(($) => $["documentUploadedSuccessfully"]),
+          variant: "success",
+          duration: 1e4
+        });
+        handleModalClose();
+      } catch (e) {
+        logger2.log(e);
+        showToast({ label: sofT(($) => $["unableToUploadDocument"]), variant: "error" });
+      }
+    }
+  };
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    Modal,
+    {
+      onClose: handleModalClose,
+      ariaLabel: sofT(($) => $["uploadASupportingDocument"]),
+      inset: true,
+      children: /* @__PURE__ */ jsxs("div", { className: styles.sourceOfFundsModal, children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "title-l", el: "h2", children: sofT(($) => $["uploadASupportingDocument"]) }),
+        /* @__PURE__ */ jsxs("div", { className: styles.sourceOfFundsUploadModalContent, children: [
+          businessLines?.length > 1 ? /* @__PURE__ */ jsx(
+            Field,
+            {
+              el: "fieldset",
+              name: "service",
+              className: styles.sourceOfFundsUploadModalContentField,
+              label: sofT(($) => $["whatFinancialProductIsThisFor"]),
+              children: (childProps) => /* @__PURE__ */ jsx(
+                RadioGroup,
+                {
+                  ...childProps,
+                  name: "service",
+                  className: styles.sourceOfFundsUploadModalContentFieldRadioGroup,
+                  items: serviceRadioItems,
+                  value: selectedService,
+                  disabled: false,
+                  onChange: onRadioChange,
+                  "aria-required": true
+                }
+              )
+            }
+          ) : null,
+          selectedService && /* @__PURE__ */ jsx(
+            Field,
+            {
+              name: "documentType",
+              label: commonT(($) => $["documentType"]),
+              "data-testid": "documentType",
+              className: styles.sourceOfFundsUploadModalContentField,
+              children: (childProps) => /* @__PURE__ */ jsx(
+                Select,
+                {
+                  ...childProps,
+                  name: "documentType",
+                  placeholder: commonT(($) => $["selectOne"]),
+                  selected: documentType,
+                  items: documentLists,
+                  onChange: onDocumentTypeChange
+                }
+              )
+            }
+          ),
+          documentRequirements?.length ? /* @__PURE__ */ jsxs("div", { className: styles.sourceOfFundsUploadModalContentRequirementsContainer, children: [
+            /* @__PURE__ */ jsx(Typography, { variant: "body-strongest", el: "div", children: sofT(($) => $["documentShouldShow"]) }),
+            /* @__PURE__ */ jsx("ul", { children: documentRequirements?.map((requirement) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Typography, { variant: "body-stronger", el: "div", children: sofT(($) => $[requirement]) }) }, requirement)) })
+          ] }) : null,
+          canUpload && /* @__PURE__ */ jsx(
+            Dropzone,
+            {
+              disabled: !canUpload,
+              onChange: onFileUpload,
+              showMinimal: true,
+              hidePageCount: true,
+              maxSize: 4194304,
+              enableTracking: true,
+              name: "documentField",
+              allowedFileTypes: ["JPG", "JPEG", "PNG", "PDF"]
+            }
+          )
+        ] })
+      ] })
+    }
+  ) });
+};
+const SourceOfFundsUpload = ({
+  businessLines,
+  documentUtils,
+  legalEntity,
+  handleNavigateToSummary
+}) => {
+  const [showUploadModal, setShowUploadModal] = useState(false);
+  const [docToDelete, setDocToDelete] = useState(void 0);
+  const { showToast } = useToastContext();
+  const logger2 = createLogger();
+  const queryClient = useQueryClient();
+  const { t: sofT } = useTranslation("sof");
+  const { t: commonT } = useTranslation("common");
+  const handleModalClose = async () => {
+    setShowUploadModal(false);
+    await queryClient.invalidateQueries({
+      queryKey: ["legalEntity", legalEntity.id]
+    });
+  };
+  const openUploadModal = () => {
+    setShowUploadModal(true);
+  };
+  const documents = useMemo(
+    () => legalEntity.documentDetails?.filter((doc) => doc.type === "proofOfFundingOrWealthSource") ?? [],
+    [legalEntity]
+  );
+  const sourceOfFundsCategories = businessLines?.map((line) => line.sourceOfFunds?.type)?.filter(Boolean);
+  const getTranslatedCategoryName = (categoryKey) => {
+    const translationKey2 = sofCategoryItemMapper[categoryKey];
+    if (!categoryKey || !translationKey2) {
+      return "";
+    }
+    return sofT(($) => $[translationKey2]).toLowerCase();
+  };
+  let translationKey;
+  let translationParams;
+  if (sourceOfFundsCategories?.length > 1) {
+    translationKey = "weNeedProofOfFundingForMultipleCategories";
+    translationParams = {
+      category1_name: getTranslatedCategoryName(sourceOfFundsCategories[0]),
+      category2_name: getTranslatedCategoryName(sourceOfFundsCategories[1])
+    };
+  } else if (sourceOfFundsCategories?.length === 1) {
+    translationKey = "weNeedProofOfFunding";
+    translationParams = {
+      category_name: getTranslatedCategoryName(sourceOfFundsCategories[0])
+    };
+  } else {
+    translationKey = "weNeedProofOfFundingForNoCategory";
+  }
+  const handleFileDelete = async (documentId) => {
+    if (documentUtils.deleteDocument) {
+      try {
+        await documentUtils.deleteDocument(documentId, legalEntity.id);
+        await queryClient.invalidateQueries({
+          queryKey: ["legalEntity", legalEntity.id]
+        });
+        showToast({
+          label: sofT(($) => $["documentDeletedSuccessfully"]),
+          variant: "success",
+          duration: 1e4
+        });
+      } catch (e) {
+        logger2.log(e);
+        showToast({ label: sofT(($) => $["unableToDeleteDocument"]), variant: "error" });
+      }
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: styles.sourceOfFundsUploadList, children: [
+    /* @__PURE__ */ jsxs("div", { className: styles.sourceOfFundsUploadListHeading, children: [
+      /* @__PURE__ */ jsx(Typography, { el: "h1", variant: "title-l", children: sofT(($) => $["supportingDocuments"]) }),
+      /* @__PURE__ */ jsx(Typography, { className: styles.sourceOfFundsWrapperDescription, children: sofT(($) => $[translationKey], translationParams) })
+    ] }),
+    documents?.map((document) => /* @__PURE__ */ jsxs("div", { className: styles.sourceOfFundsThirdPartyFundingFinancierGroup, children: [
+      /* @__PURE__ */ jsxs("div", { className: styles.sourceOfFundsThirdPartyFundingNameAvatarGroup, children: [
+        /* @__PURE__ */ jsx(Avatar, { iconName: "document", circle: true }),
+        /* @__PURE__ */ jsxs("div", { className: styles.sourceOfFundsThirdPartyFundingNameAddressGroup, children: [
+          /* @__PURE__ */ jsx(Typography, { el: "div", variant: "body-strongest", children: document.fileName }),
+          /* @__PURE__ */ jsx(Typography, { el: "div", variant: "caption", children: parseSOFDocumentDescription(sofT, document.description) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          ariaLabel: commonT(($) => $["deleteDocument"]),
+          variant: "tertiary",
+          icon: "cross",
+          onClick: () => setDocToDelete(document),
+          testId: "source-of-funds-remove-button"
+        }
+      )
+    ] }, document.id)),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: styles.sourceOfFundsThirdPartyFundingFinancierGroup,
+        onClick: openUploadModal,
+        "data-testId": "source-of-funds-upload-button",
+        children: /* @__PURE__ */ jsxs("div", { className: styles.sourceOfFundsThirdPartyFundingNameAvatarGroup, children: [
+          /* @__PURE__ */ jsx(Avatar, { label: sofT(($) => $["addDocument"]), iconName: "plus", circle: true }),
+          /* @__PURE__ */ jsx(Typography, { el: "div", variant: "body-strongest", children: sofT(($) => $["addDocument"]) })
+        ] })
+      }
+    ),
+    handleNavigateToSummary && /* @__PURE__ */ jsx("div", { className: styles.sourceOfFundsGettingStartedActions, children: /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: handleNavigateToSummary, children: documents?.length > 0 ? commonT(($) => $["finish"]) : commonT(($) => $["cancel"]) }) }),
+    !!docToDelete && /* @__PURE__ */ jsx(
+      Confirm,
+      {
+        title: sofT(($) => $["areYouSureYouWantToDeleteThisDocument"], {
+          documentName: docToDelete?.fileName || ""
+        }),
+        confirmText: commonT(($) => $["delete"]),
+        onConfirm: () => handleFileDelete(docToDelete?.id),
+        onCancel: () => setDocToDelete(void 0),
+        critical: true
+      }
+    ),
+    showUploadModal && /* @__PURE__ */ jsx(
+      SOFUploadModal,
+      {
+        documentUtils,
+        handleModalClose,
+        businessLines
+      }
+    )
+  ] });
+};
+const logger = createLogger();
+function SourceOfFundsDropin({
+  country,
+  problems,
+  handleHomeClick
+}) {
+  const { data: legalEntity, isLoading: isLoadingRootLegalEntity } = useLegalEntity(ROOT_LE);
+  const [loadingStatus, setLoadingStatus] = useState("success");
+  const [activeBusinessLine, setActiveBusinessLine] = useState();
+  const [activeSourceOfFund, setActiveSourceOfFund] = useState({});
+  const [allBusinessLines, setAllBusinessLines] = useState([]);
+  const [gettingStarted, setGettingStarted] = useState(true);
+  const [showUploadPage, setShowUploadPage] = useState(false);
+  const [loading, setLoading] = useState(false);
+  const formRef = useRef(null);
+  const {
+    state: { currentState }
+  } = useStateContext();
+  const formValidity = currentState.validityByForm;
+  const { baseUrl, rootLegalEntityId } = useApiContext();
+  const { t: sofT } = useTranslation("sof");
+  const userEvents = useAnalyticsContext();
+  const { showToast } = useToastContext();
+  const { data: sofBusinessLines, isLoading: isLoadingBusinessLines } = useBusinessLines(ALLOWED_SOF_SERVICES);
+  const { mutateAsync: createLegalEntity } = useCreateLegalEntity();
+  const { mutateAsync: updateLegalEntity } = useUpdateLegalEntity();
+  const { mutateAsync: updateSoFMutation } = useUpdateSourceOfFunds();
+  const isSoFDocumentMissing = useMemo(
+    () => legalEntity?.problems?.some(
+      (problem) => problem?.verificationErrors?.some(
+        (verificationError) => verificationError?.code === MISSING_DATA_SOF_UPLOAD_CODE
+      )
+    ) ?? false,
+    [legalEntity?.problems]
+  );
+  const idsToFetch = sofBusinessLines?.map((businessLine) => businessLine.sourceOfFunds?.originatorLegalEntityId).filter((id) => Boolean(id)) ?? [];
+  const legalEntityResults = useLegalEntities(idsToFetch, {
+    staleTime: 5 * 60 * 1e3
+    // 5 minutes
+  });
+  const areLegalEntitiesLoading = legalEntityResults.some((result) => result.isLoading);
+  const normalizedBusinessLines = useMemo(() => {
+    if (!sofBusinessLines) {
+      return null;
+    }
+    return sofBusinessLines.map((businessLine, index) => {
+      const result = legalEntityResults[index];
+      let updatedBusinessLine = { ...businessLine };
+      if (result && result.data) {
+        updatedBusinessLine = parseOriginatorDetails(result.data, updatedBusinessLine);
+      } else if (result && result.isError) {
+        logger.error(`Error fetching legal entity for BL ${businessLine.id}:`, result.error);
+        showToast({ label: sofT(($) => $["unableToLoadRelatedEntity"]), variant: "error" });
+      }
+      if (updatedBusinessLine.sourceOfFunds?.adyenProcessedFunds) {
+        updatedBusinessLine.sourceOfFunds.type = "adyen";
+      }
+      return updatedBusinessLine;
+    });
+  }, [
+    sofBusinessLines,
+    // This is because the result of useQueries is not referentially stable, even though the individual query results are, so eslint complains
+    // Also, this is generally safe, since this is typically what React Query returns
+    JSON.stringify(
+      legalEntityResults.map((r) => ({
+        data: r.data,
+        isError: r.isError,
+        error: r.error,
+        isLoading: r.isLoading
+      }))
+    )
+  ]);
+  useEffect(() => {
+    if (sofBusinessLines && !areLegalEntitiesLoading && normalizedBusinessLines) {
+      clearSofErrorMessage();
+      setLoading(true);
+      try {
+        if (normalizedBusinessLines.length) {
+          const firstBusinessLine = normalizedBusinessLines[0];
+          const sourceOfFundsMap = normalizedBusinessLines.map(
+            (businessLine) => mapSourceOfFundToSourceOfFundsSchema(businessLine)
+          );
+          if (firstBusinessLine) {
+            setActiveBusinessLine(firstBusinessLine);
+            setActiveSourceOfFund(sourceOfFundsMap[0]);
+            setAllBusinessLines(normalizedBusinessLines);
+          }
+        }
+      } catch (error) {
+        showToast({ label: sofT(($) => $["unableToLoadRelatedEntity"]), variant: "error" });
+        logger.error(error);
+      } finally {
+        setLoading(false);
+      }
+    }
+  }, [sofBusinessLines, areLegalEntitiesLoading, normalizedBusinessLines, sofT, logger]);
+  useEffect(() => {
+    userEvents.addTaskEvent("Landed on page", {
+      actionType: "start"
+    });
+  }, [userEvents]);
+  const canSubmitForm = useMemo(
+    () => activeSourceOfFund ? !isEmpty(currentState.data?.sourceOfFundsType?.type) && hasDataChanged(activeSourceOfFund, currentState.data) : false,
+    [activeSourceOfFund, currentState.data]
+  );
+  const derivedProps = useMemo(
+    () => getPropsFromConfigurations({
+      scenarioConfiguration: {},
+      forms: sourceOfFundsForms,
+      remediationActions: problems?.remediationActions ? Object.values(problems?.remediationActions) : [],
+      dataMissingErrors: problems?.missingData ?? [],
+      // TODO fix this to take existing fields into account
+      // getFieldsWithExistingData(legalEntityResponse, sourceOfFundsApiKeyMapping),
+      fieldsWithExistingData: [],
+      customRules: {},
+      legalEntityType: legalEntity?.type
+    }),
+    [problems?.remediationActions, problems?.missingData, legalEntity]
+  );
+  const sourceOfFundsRequiredForms = useMemo(
+    () => getSourceOfFundsRequiredForms(currentState?.data?.sourceOfFundsType),
+    [currentState?.data?.sourceOfFundsType]
+  );
+  const forms = useMemo(() => {
+    const requiredForms = getRequiredForms(
+      sourceOfFundsRequiredForms,
+      sourceOfFundsRequiredFields,
+      void 0,
+      true
+    );
+    return addValidityToForms(requiredForms, formValidity, problems);
+  }, [derivedProps, formValidity, problems]);
+  const createOrUpdateOriginator = async (additionalData, prevAdditionalData) => {
+    let originatorLegalEntityId;
+    const sofOriginator = parseSofOriginatorPayload(additionalData);
+    if (additionalData?.originatorLegalEntityId && additionalData?.originatorType === prevAdditionalData?.originatorType) {
+      try {
+        sofOriginator.id = additionalData?.originatorLegalEntityId;
+        if (sofOriginator.type) {
+          delete sofOriginator.type;
+        }
+        const patchLegalEntity = {
+          ...sofOriginator,
+          id: sofOriginator.id
+        };
+        const le = await updateLegalEntity(patchLegalEntity);
+        originatorLegalEntityId = le?.id;
+      } catch (e) {
+        logger.log("Error updating  originator legal entity", e);
+      }
+    } else {
+      try {
+        const le = await createLegalEntity(sofOriginator);
+        originatorLegalEntityId = le?.id;
+      } catch (e) {
+        logger.log("Error creating  originator legal entity", e);
+      }
+    }
+    return originatorLegalEntityId;
+  };
+  const handleSubmit = useCallback(async () => {
+    const sofData = { ...currentState?.data };
+    const sofType = sofData?.sourceOfFundsType?.type;
+    if (!sofType || !activeBusinessLine?.id) {
+      return;
+    }
+    const eventsAdditionalData = {};
+    setLoadingStatus("loading");
+    const { additionalData } = sofData;
+    const sofPayload = getSourceOfFundsPayload(sofType, additionalData);
+    if (sofType === "donations" || sofType === "inheritance") {
+      try {
+        sofPayload.originatorLegalEntityId = await createOrUpdateOriginator(
+          additionalData,
+          activeSourceOfFund?.additionalData
+        );
+      } catch (e) {
+        setSofErrorMessage(e?.message || sofT(($) => $["errorUpdatingSourceOfFunds"]));
+        logger.log("Error updating source of funds", e);
+      }
+      eventsAdditionalData.originatorType = additionalData?.originatorType ?? "";
+    }
+    if (sofType === "thirdPartyFunding") {
+      eventsAdditionalData.financiers = `${additionalData?.financiers?.length || 0} investor(s)`;
+    }
+    const sofMutationPayload = {
+      ...sofPayload,
+      businessLineId: activeBusinessLine.id
+    };
+    try {
+      await updateSoFMutation(sofMutationPayload);
+      userEvents.addTaskEvent("Success", {
+        actionType: "submit",
+        returnValue: sofType,
+        additionalData: eventsAdditionalData
+      });
+      setGettingStarted(true);
+      setShowUploadPage(false);
+      setActiveSourceOfFund({});
+      gotoFormByFormIndex(0);
+      setSofErrorMessage("");
+      showToast({ label: sofT(($) => $["successAddedFundingSources"]), variant: "success" });
+      handleHomeClick?.();
+    } catch (e) {
+      setSofErrorMessage(sofT(($) => $["errorUpdatingSourceOfFunds"]));
+      logger.log("Error updating source of funds", e);
+    }
+    setLoadingStatus("success");
+  }, [currentState?.data, activeSourceOfFund, handleHomeClick]);
+  const handleGettingStarted = useCallback(() => {
+    setGettingStarted(!gettingStarted);
+  }, [gettingStarted]);
+  const handleSourceOfFundsClick = (SoF, businessLine) => {
+    setActiveBusinessLine(businessLine);
+    setActiveSourceOfFund(SoF);
+    setGettingStarted(false);
+  };
+  const {
+    handleNextClick,
+    handleBackClick,
+    activeForm,
+    shouldValidate,
+    setShouldValidate,
+    gotoFormByFormIndex,
+    steps
+  } = useFormComposer({
+    problems,
+    forms,
+    onSubmit: handleSubmit
+  });
+  const documentUtils = documentApiUtils({
+    baseUrl: baseUrl.value,
+    rootLegalEntityId: rootLegalEntityId.value
+  });
+  const handleNavigateToSummary = async () => {
+    setShowUploadPage(false);
+    setGettingStarted(true);
+  };
+  const handleNavigateToUploadPage = () => {
+    setShowUploadPage(true);
+  };
+  return /* @__PURE__ */ jsx("div", { className: styles.sourceOfFunds, children: loading || isLoadingRootLegalEntity || isLoadingBusinessLines || areLegalEntitiesLoading ? /* @__PURE__ */ jsx(Loader, {}) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    gettingStarted && !showUploadPage && legalEntity && /* @__PURE__ */ jsx(
+      SourceOfFundsGettingStarted,
+      {
+        handleCancelClick: handleHomeClick,
+        handleGettingStartedClick: handleGettingStarted,
+        businessLines: allBusinessLines,
+        problems: legalEntity?.problems,
+        handleSourceOfFundsClick,
+        handleNavigateToUploadPage,
+        legalEntity,
+        isSoFDocumentMissing
+      }
+    ),
+    showUploadPage && legalEntity && /* @__PURE__ */ jsx(
+      SourceOfFundsUpload,
+      {
+        businessLines: allBusinessLines,
+        documentUtils,
+        legalEntity,
+        handleNavigateToSummary
+      }
+    ),
+    !gettingStarted && !showUploadPage && /* @__PURE__ */ jsx(
+      FormWrapper,
+      {
+        taskName: "sourceOfFunds",
+        gotoFormByFormIndex,
+        hideSidebar: true,
+        loadingStatus,
+        forms,
+        activeForm,
+        validateForm: () => setShouldValidate(true),
+        onSubmit: handleSubmit,
+        problems,
+        canSubmit: canSubmitForm,
+        handleNextClick,
+        showBackButton: true,
+        handleBackClick: steps.current === 0 ? handleGettingStarted : handleBackClick,
+        handleHomeClick,
+        steps,
+        children: /* @__PURE__ */ jsx(
+          SourceOfFunds,
+          {
+            country,
+            activeForm,
+            shouldValidate,
+            activeBusinessLine,
+            sourceOfFundsType: currentState?.data?.sourceOfFundsType?.type,
+            ref: formRef,
+            data: activeSourceOfFund
+          }
+        )
+      }
+    )
+  ] }) });
+}
+const SourceOfFundsPage = ({ onSubmit, handleHomeClick }) => {
+  const { data: rootLe } = useLegalEntity(ROOT_LE);
+  const capabilityProblems = useCapabilityProblems();
+  const { i18n } = useTranslation();
+  addResourceBundles(i18n, [
+    { ns: "sof", importFn: (lang) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../tasks/SourceOfFundsDropin/language/bg-BG.json": () => import("./bg-BG-BvLl6gaB.js"), "../tasks/SourceOfFundsDropin/language/cs-CZ.json": () => import("./cs-CZ-hT5w5It6.js"), "../tasks/SourceOfFundsDropin/language/da-DK.json": () => import("./da-DK-DZwlENGe.js"), "../tasks/SourceOfFundsDropin/language/de-DE.json": () => import("./de-DE-DXR3EpEc.js"), "../tasks/SourceOfFundsDropin/language/el-GR.json": () => import("./el-GR-DtFE64KX.js"), "../tasks/SourceOfFundsDropin/language/en-US.json": () => import("./en-US-CozY33On.js"), "../tasks/SourceOfFundsDropin/language/es-ES.json": () => import("./es-ES-yMXcOjDL.js"), "../tasks/SourceOfFundsDropin/language/et-EE.json": () => import("./et-EE-C8RrUpLm.js"), "../tasks/SourceOfFundsDropin/language/fi-FI.json": () => import("./fi-FI-xqnQ38yC.js"), "../tasks/SourceOfFundsDropin/language/fr-FR.json": () => import("./fr-FR-BSynpexF.js"), "../tasks/SourceOfFundsDropin/language/hr-HR.json": () => import("./hr-HR-D5V7g9H2.js"), "../tasks/SourceOfFundsDropin/language/hu-HU.json": () => import("./hu-HU-hbVM6tMS.js"), "../tasks/SourceOfFundsDropin/language/it-IT.json": () => import("./it-IT-C_651bEP.js"), "../tasks/SourceOfFundsDropin/language/ja-JP.json": () => import("./ja-JP-CvNJvxkQ.js"), "../tasks/SourceOfFundsDropin/language/lt-LT.json": () => import("./lt-LT-Ci357QYQ.js"), "../tasks/SourceOfFundsDropin/language/lv-LV.json": () => import("./lv-LV-Dxe-A5vo.js"), "../tasks/SourceOfFundsDropin/language/nl-NL.json": () => import("./nl-NL-JChnFdCY.js"), "../tasks/SourceOfFundsDropin/language/no-NO.json": () => import("./no-NO--OoWld_l.js"), "../tasks/SourceOfFundsDropin/language/pl-PL.json": () => import("./pl-PL-DtJ3sgVO.js"), "../tasks/SourceOfFundsDropin/language/pt-BR.json": () => import("./pt-BR-C0I_kTQ6.js"), "../tasks/SourceOfFundsDropin/language/pt-PT.json": () => import("./pt-PT-Bf4IV7wp.js"), "../tasks/SourceOfFundsDropin/language/ro-RO.json": () => import("./ro-RO-4j2I7YM7.js"), "../tasks/SourceOfFundsDropin/language/sk-SK.json": () => import("./sk-SK-C5Qmv4E6.js"), "../tasks/SourceOfFundsDropin/language/sl-SI.json": () => import("./sl-SI-BZpXMHiG.js"), "../tasks/SourceOfFundsDropin/language/sv-SE.json": () => import("./sv-SE-DsPdegWB.js") }), `../tasks/SourceOfFundsDropin/language/${lang}.json`, 5) }
+  ]);
+  if (!rootLe) {
+    return /* @__PURE__ */ jsx(Loader, {});
+  }
+  const problems = capabilityProblems ? getProblemsForEntity(capabilityProblems, EntityTypes.LEGAL_ENTITY, rootLe.id) : void 0;
+  return /* @__PURE__ */ jsx(
+    SourceOfFundsDropin,
+    {
+      legalEntityResponse: rootLe,
+      country: getLegalEntityCountry(rootLe),
+      problems,
+      onSubmit,
+      handleHomeClick
+    }
+  );
+};
+export {
+  SourceOfFundsPage
+};