@swan-io/shared-business 2.1.3 → 2.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swan-io/shared-business",
-  "version": "2.1.3",
+  "version": "2.2.0",
   "engines": {
     "node": ">=18.0.0",
     "yarn": "^1.22.0"

package/src/components/BeneficiaryForm.js

@@ -49,7 +49,7 @@ const validateCca3CountryCode = value => {
     }
 };
 export const validateUbo = (editorState, accountCountry) => {
-    const isAddressRequired = accountCountry === "DEU";
+    const isAddressRequired = accountCountry === "DEU" || accountCountry === "ESP";
     const isBirthInfoRequired = accountCountry !== "DEU";
     const isTaxIdentificationNumberRequired = accountCountry === "DEU" && editorState.residencyAddressCountry === "DEU";
     const validateTaxNumber = isTaxIdentificationNumberRequired
@@ -151,7 +151,7 @@ const requiredStepFields = [
 ];
 export const BeneficiaryForm = forwardRef(({ initialState, accountCountry, step, googleMapApiKey, onStepChange, onClose, onSave, onCityLoadError, }, ref) => {
     const [reference] = useState(() => initialState?.reference ?? uuid());
-    const isAddressRequired = accountCountry === "DEU";
+    const isAddressRequired = accountCountry === "DEU" || accountCountry === "ESP";
     const isBirthInfoRequired = accountCountry !== "DEU";
     const initialAddress = useRef({
         residencyAddressLine1: initialState?.residencyAddressLine1,
@@ -320,16 +320,17 @@ export const BeneficiaryForm = forwardRef(({ initialState, accountCountry, step,
         };
     });
     return (_jsx(ResponsiveContainer, { breakpoint: breakpoints.tiny, children: ({ small, large }) => (_jsxs(_Fragment, { children: [match(step)
-                    .with("common", () => (_jsxs(View, { role: "form", children: [_jsxs(Box, { direction: small ? "column" : "row", children: [_jsx(Field, { name: "firstName", children: ({ value, onChange, error }) => (_jsx(LakeLabel, { label: t("beneficiaryForm.beneficiary.firstName"), style: styles.inputContainer, render: id => (_jsx(LakeTextInput, { error: error, placeholder: t("beneficiaryForm.beneficiary.firstNamePlaceholder"), id: id, value: value, onChangeText: onChange })) })) }), _jsx(Space, { width: 12 }), _jsx(Field, { name: "lastName", children: ({ value, onChange, error }) => (_jsx(LakeLabel, { label: t("beneficiaryForm.beneficiary.lastName"), style: styles.inputContainer, render: id => (_jsx(LakeTextInput, { error: error, placeholder: t("beneficiaryForm.beneficiary.lastNamePlaceholder"), id: id, value: value, onChangeText: onChange })) })) })] }), _jsxs(Box, { direction: small ? "column" : "row", children: [_jsx(Field, { name: "birthDate", children: ({ value, onChange, error }) => (_jsx(LakeLabel, { label: t("beneficiaryForm.beneficiary.birthDate"), style: styles.inputContainer, render: id => (_jsx(Rifm, { value: value ?? "", onChange: onChange, ...rifmDateProps, children: ({ value, onChange }) => (_jsx(LakeTextInput, { error: error, placeholder: locale.datePlaceholder, id: id, value: value, onChange: onChange })) })) })) }), _jsx(Space, { width: 12 }), _jsx(Field, { name: "birthCountryCode", children: ({ value, onChange, error }) => (_jsx(LakeLabel, { label: t("beneficiaryForm.beneficiary.birthCountry"), style: styles.inputContainer, render: id => (_jsx(CountryPicker, { id: id, error: error, value: value, placeholder: t("beneficiaryForm.beneficiary.birthCountryPlaceholder"), countries: allCountries, onValueChange: onChange })) })) })] }), _jsx(Box, { direction: small ? "column" : "row", children: _jsx(FieldsListener, { names: ["birthCountryCode"], children: ({ birthCountryCode }) => (_jsxs(_Fragment, { children: [_jsx(Field, { name: "birthCity", children: ({ value, onChange, error }) => (_jsx(LakeLabel, { label: t("beneficiaryForm.beneficiary.birthCity"), style: styles.inputContainer, render: id => (_jsx(GMapCityInput, { id: id, apiKey: googleMapApiKey, error: error, country: birthCountryCode.value, value: value ?? "", onValueChange: onChange, placeholder: birthCountryCode.value == null
+                    .with("common", () => (_jsxs(View, { role: "form", children: [_jsxs(Box, { direction: small ? "column" : "row", children: [_jsx(Field, { name: "firstName", children: ({ value, onChange, error }) => (_jsx(LakeLabel, { label: t("beneficiaryForm.beneficiary.firstName"), style: styles.inputContainer, render: id => (_jsx(LakeTextInput, { error: error, placeholder: t("beneficiaryForm.beneficiary.firstNamePlaceholder"), id: id, value: value, onChangeText: onChange })) })) }), _jsx(Space, { width: 12 }), _jsx(Field, { name: "lastName", children: ({ value, onChange, error }) => (_jsx(LakeLabel, { label: t("beneficiaryForm.beneficiary.lastName"), style: styles.inputContainer, render: id => (_jsx(LakeTextInput, { error: error, placeholder: t("beneficiaryForm.beneficiary.lastNamePlaceholder"), id: id, value: value, onChangeText: onChange })) })) })] }), _jsxs(Box, { direction: small ? "column" : "row", children: [_jsx(Field, { name: "birthDate", children: ({ value, onChange, error }) => (_jsx(LakeLabel, { label: t("beneficiaryForm.beneficiary.birthDate"), optionalLabel: isBirthInfoRequired ? undefined : t("common.optional"), style: styles.inputContainer, render: id => (_jsx(Rifm, { value: value ?? "", onChange: onChange, ...rifmDateProps, children: ({ value, onChange }) => (_jsx(LakeTextInput, { error: error, placeholder: locale.datePlaceholder, id: id, value: value, onChange: onChange })) })) })) }), _jsx(Space, { width: 12 }), _jsx(Field, { name: "birthCountryCode", children: ({ value, onChange, error }) => (_jsx(LakeLabel, { label: t("beneficiaryForm.beneficiary.birthCountry"), style: styles.inputContainer, render: id => (_jsx(CountryPicker, { id: id, error: error, value: value, placeholder: t("beneficiaryForm.beneficiary.birthCountryPlaceholder"), countries: allCountries, onValueChange: onChange })) })) })] }), _jsx(Box, { direction: small ? "column" : "row", children: _jsx(FieldsListener, { names: ["birthCountryCode"], children: ({ birthCountryCode }) => (_jsxs(_Fragment, { children: [_jsx(Field, { name: "birthCity", children: ({ value, onChange, error }) => (_jsx(LakeLabel, { label: t("beneficiaryForm.beneficiary.birthCity"), optionalLabel: isBirthInfoRequired ? undefined : t("common.optional"), style: styles.inputContainer, render: id => (_jsx(GMapCityInput, { id: id, apiKey: googleMapApiKey, error: error, country: birthCountryCode.value, value: value ?? "", onValueChange: onChange, placeholder: birthCountryCode.value == null
                                                         ? t("beneficiaryForm.beneficiary.fillBirthCountry")
                                                         : t("beneficiaryForm.beneficiary.birthCityPlaceholder"), onSuggestion: place => {
                                                         onChange(place.city);
                                                         setFieldValue("birthCityPostalCode", place.postalCode);
-                                                    }, onLoadError: onCityLoadError })) })) }), _jsx(Space, { width: 12 }), _jsx(Field, { name: "birthCityPostalCode", children: ({ value, onChange, error }) => (_jsx(LakeLabel, { label: t("beneficiaryForm.beneficiary.birthPostalCode"), style: styles.inputContainer, render: id => (_jsx(LakeTextInput, { error: error, placeholder: birthCountryCode.value == null
+                                                    }, onLoadError: onCityLoadError })) })) }), _jsx(Space, { width: 12 }), _jsx(Field, { name: "birthCityPostalCode", children: ({ value, onChange, error }) => (_jsx(LakeLabel, { label: t("beneficiaryForm.beneficiary.birthPostalCode"), optionalLabel: isBirthInfoRequired ? undefined : t("common.optional"), style: styles.inputContainer, render: id => (_jsx(LakeTextInput, { error: error, placeholder: birthCountryCode.value == null
                                                         ? t("beneficiaryForm.beneficiary.fillBirthCountry")
-                                                        : t("beneficiaryForm.beneficiary.birthPostalCodePlaceholder"), id: id, disabled: birthCountryCode.value === undefined, value: value, onChangeText: onChange })) })) })] })) }) }), accountCountry === "ESP" && (_jsxs(_Fragment, { children: [_jsx(Space, { height: 12 }), _jsx(Field, { name: "taxIdentificationNumber", children: ({ value, error, valid, onChange }) => (_jsx(TaxIdentificationNumberInput, { value: value ?? "", error: error, valid: valid, onChange: onChange, accountCountry: accountCountry, isCompany: false })) }), _jsx(Space, { height: 12 })] })), _jsx(Field, { name: "type", children: ({ value, onChange }) => (_jsx(LakeLabel, { label: t("beneficiaryForm.beneficiary.type"), type: "radioGroup", render: () => (_jsx(RadioGroup, { direction: "row", value: value, onValueChange: onChange, items: beneficiaryTypes })) })) }), _jsx(FieldsListener, { names: ["type"], children: ({ type }) => type.value === "HasCapital" ? (_jsxs(_Fragment, { children: [_jsx(Field, { name: "totalCapitalPercentage", children: ({ value, onChange, error }) => (_jsx(LakeLabel, { label: t("beneficiaryForm.beneficiary.totalCapitalPercentage"), render: id => (_jsx(LakeTextInput, { error: error, unit: "%", inputMode: "decimal", "aria-valuemin": 0, "aria-valuemax": 100, id: id, value: value, onChangeText: onChange })) })) }), _jsx(Space, { height: 12 }), _jsx(Field, { name: "capitalType", children: ({ value, error, onChange }) => (_jsx(CapitalTypeCheckboxes, { value: value ?? "none", error: error, onChange: onChange })) })] })) : null })] })))
-                    .with("address", () => (_jsxs(View, { role: "form", children: [_jsx(Field, { name: "country", children: ({ value, onChange }) => (_jsx(LakeLabel, { label: t("beneficiaryForm.beneficiary.country"), render: id => (_jsx(CountryPicker, { id: id, value: value, countries: individualCountries, onValueChange: onChange })) })) }), _jsx(Space, { height: 12 }), _jsx(FieldsListener, { names: ["country"], children: ({ country }) => (_jsxs(_Fragment, { children: [_jsx(AddressFormPart, { apiKey: googleMapApiKey, initialAddress: initialAddress.current.residencyAddressLine1 ?? "", initialCity: initialAddress.current.residencyAddressCity ?? "", initialPostalCode: initialAddress.current.residencyAddressPostalCode ?? "", country: country?.value ?? accountCountry, label: t("beneficiaryForm.beneficiary.address"), Field: Field, setFieldValue: setFieldValue, listenFields: listenFields, isLarge: large }), country?.value === "DEU" && (_jsxs(_Fragment, { children: [_jsx(Space, { height: 12 }), _jsx(Field, { name: "taxIdentificationNumber", children: ({ value, error, valid, onChange }) => (_jsx(TaxIdentificationNumberInput, { value: value ?? "", error: error, valid: valid, onChange: onChange, accountCountry: accountCountry, isCompany: false, 
+                                                        : t("beneficiaryForm.beneficiary.birthPostalCodePlaceholder"), id: id, disabled: birthCountryCode.value === undefined, value: value, onChangeText: onChange })) })) })] })) }) }), _jsx(Field, { name: "type", children: ({ value, onChange }) => (_jsx(LakeLabel, { label: t("beneficiaryForm.beneficiary.type"), type: "radioGroup", render: () => (_jsx(RadioGroup, { direction: "row", value: value, onValueChange: onChange, items: beneficiaryTypes })) })) }), _jsx(FieldsListener, { names: ["type"], children: ({ type }) => type.value === "HasCapital" ? (_jsxs(_Fragment, { children: [_jsx(Field, { name: "totalCapitalPercentage", children: ({ value, onChange, error }) => (_jsx(LakeLabel, { label: t("beneficiaryForm.beneficiary.totalCapitalPercentage"), render: id => (_jsx(LakeTextInput, { error: error, unit: "%", inputMode: "decimal", "aria-valuemin": 0, "aria-valuemax": 100, id: id, value: value, onChangeText: onChange })) })) }), _jsx(Space, { height: 12 }), _jsx(Field, { name: "capitalType", children: ({ value, error, onChange }) => (_jsx(CapitalTypeCheckboxes, { value: value ?? "none", error: error, onChange: onChange })) })] })) : null })] })))
+                    .with("address", () => (_jsxs(View, { role: "form", children: [_jsx(Field, { name: "country", children: ({ value, onChange }) => (_jsx(LakeLabel, { label: t("beneficiaryForm.beneficiary.country"), render: id => (_jsx(CountryPicker, { id: id, value: value, countries: individualCountries, onValueChange: onChange })) })) }), _jsx(Space, { height: 12 }), _jsx(FieldsListener, { names: ["country"], children: ({ country }) => (_jsxs(_Fragment, { children: [_jsx(AddressFormPart, { apiKey: googleMapApiKey, initialAddress: initialAddress.current.residencyAddressLine1 ?? "", initialCity: initialAddress.current.residencyAddressCity ?? "", initialPostalCode: initialAddress.current.residencyAddressPostalCode ?? "", country: country?.value ?? accountCountry, label: t("beneficiaryForm.beneficiary.address"), Field: Field, setFieldValue: setFieldValue, listenFields: listenFields, isLarge: large }), ((accountCountry === "DEU" && country?.value === "DEU") ||
+                                        accountCountry === "ESP") && (_jsxs(_Fragment, { children: [_jsx(Space, { height: 12 }), _jsx(Field, { name: "taxIdentificationNumber", children: ({ value, error, valid, onChange }) => (_jsx(TaxIdentificationNumberInput, { value: value ?? "", error: error, valid: valid, onChange: onChange, accountCountry: accountCountry, isCompany: false, 
                                                     // is mandatory for German accounts and UBO living in Germany
-                                                    required: true })) })] }))] })) })] })))
+                                                    required: accountCountry === "DEU" && country?.value === "DEU" })) })] }))] })) })] })))
                     .exhaustive(), isAddressRequired && (_jsxs(_Fragment, { children: [_jsx(Space, { height: 12 }), _jsx(StepDots, { currentStep: step, steps: formSteps })] }))] })) }));
 });

package/src/components/RIB.d.ts

@@ -0,0 +1,23 @@
+type Address = {
+    name: string;
+    address: string;
+    zipCode: string;
+    city: string;
+    country: string;
+};
+type RIBv1Props = {
+    version: "v1";
+    partnerColor: string;
+    partnerLogoUrl?: string;
+    iban: string;
+    bic: string;
+    bank: string;
+    agency: string;
+    bankNumber: string;
+    bankKey: string;
+    bankAddress: Address;
+    accountHolderAddress: Address;
+};
+export type RIBProps = RIBv1Props;
+export declare const RIB: (props: RIBProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/src/components/RIB.js

@@ -0,0 +1,89 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AutoWidthImage } from "@swan-io/lake/src/components/AutoWidthImage";
+import { Box } from "@swan-io/lake/src/components/Box";
+import { Fill } from "@swan-io/lake/src/components/Fill";
+import { LakeHeading } from "@swan-io/lake/src/components/LakeHeading";
+import { Separator } from "@swan-io/lake/src/components/Separator";
+import { Space } from "@swan-io/lake/src/components/Space";
+import { SwanLogo } from "@swan-io/lake/src/components/SwanLogo";
+import { WithPartnerAccentColor } from "@swan-io/lake/src/components/WithPartnerAccentColor";
+import { ayuthayaFontStyle, colors, interFontStyle, invariantColors, radii, spacings, } from "@swan-io/lake/src/constants/design";
+import { isNotNullishOrEmpty } from "@swan-io/lake/src/utils/nullish";
+import { StyleSheet, Text, View } from "react-native";
+import { match } from "ts-pattern";
+import { t } from "../utils/i18n";
+const LOGO_MAX_HEIGHT = 26;
+const LOGO_MAX_WIDTH = 200;
+const styles = StyleSheet.create({
+    container: {
+        width: 470,
+        borderRadius: radii[8],
+        backgroundColor: invariantColors.white,
+        borderWidth: 1,
+        borderColor: colors.gray[100],
+    },
+    part: {
+        padding: spacings[24],
+    },
+    label: {
+        ...interFontStyle,
+        fontSize: 10,
+    },
+    labelPartner: {
+        color: colors.partner[500],
+        fontWeight: "500",
+    },
+    mainInfo: {
+        ...ayuthayaFontStyle,
+        fontSize: 12,
+        color: colors.gray[900],
+    },
+    smallInfo: {
+        ...ayuthayaFontStyle,
+        fontSize: 10,
+        color: colors.gray[900],
+    },
+    addressInfo: {
+        ...interFontStyle,
+        fontSize: 12,
+        color: colors.gray[900],
+    },
+    partnershipText: {
+        ...interFontStyle,
+        fontSize: 8,
+        color: colors.gray[500],
+    },
+    defaultLogo: {
+        height: LOGO_MAX_HEIGHT,
+        width: 115,
+    },
+    swanLogo: {
+        width: 26,
+        height: 6,
+    },
+});
+export const RIB = (props) => match(props)
+    .with({ version: "v1" }, props => _jsx(RIBv1, { ...props }))
+    .exhaustive();
+const RIBv1 = ({ partnerColor, partnerLogoUrl, iban, bic, bank, agency, bankNumber, bankKey, bankAddress, accountHolderAddress, }) => {
+    return (_jsx(WithPartnerAccentColor, { color: partnerColor, children: _jsxs(View, { style: styles.container, children: [_jsxs(View, { style: styles.part, children: [_jsxs(Box, { direction: "row", alignItems: "center", children: [isNotNullishOrEmpty(partnerLogoUrl) ? (_jsx(AutoWidthImage, { sourceUri: partnerLogoUrl, height: LOGO_MAX_HEIGHT, maxWidth: LOGO_MAX_WIDTH, resizeMode: "contain" })) : (_jsx(SwanLogo, { style: styles.defaultLogo })), _jsx(Fill, { minWidth: 24 }), _jsx(LakeHeading, { level: 2, variant: "h3", color: colors.gray[900], children: t("rib.bankDetails") })] }), _jsx(Space, { height: 24 }), _jsxs(Box, { direction: "row", alignItems: "center", children: [_jsx(RibValue, { type: "mainInfo", color: "partner", label: t("rib.iban"), value: iban }), _jsx(Space, { width: 24 }), _jsx(RibValue, { type: "mainInfo", color: "partner", label: t("rib.bic"), value: bic })] }), _jsx(Space, { height: 8 }), _jsxs(Box, { direction: "row", alignItems: "center", children: [_jsx(RibValue, { type: "smallInfo", color: "gray", label: t("rib.bank"), value: bank }), _jsx(Space, { width: 24 }), _jsx(RibValue, { type: "smallInfo", color: "gray", label: t("rib.agency"), value: agency }), _jsx(Space, { width: 24 }), _jsx(RibValue, { type: "smallInfo", color: "gray", label: t("rib.number"), value: bankNumber }), _jsx(Space, { width: 24 }), _jsx(RibValue, { type: "smallInfo", color: "gray", label: t("rib.key"), value: bankKey })] })] }), _jsx(Separator, {}), _jsxs(View, { style: styles.part, children: [_jsxs(Box, { direction: "row", alignItems: "center", children: [_jsx(RibValue, { type: "addressInfo", color: "partner", label: t("rib.address"), value: [
+                                        bankAddress.name,
+                                        bankAddress.address,
+                                        `${bankAddress.zipCode} ${bankAddress.city}`,
+                                        bankAddress.country,
+                                    ] }), _jsx(Space, { width: 24 }), _jsx(RibValue, { type: "addressInfo", color: "partner", label: t("rib.accountHolder"), value: [
+                                        accountHolderAddress.name,
+                                        accountHolderAddress.address,
+                                        `${accountHolderAddress.zipCode} ${accountHolderAddress.city}`,
+                                        accountHolderAddress.country,
+                                    ] })] }), _jsx(Space, { height: 12 }), _jsxs(Box, { direction: "row", alignItems: "center", children: [_jsx(Text, { style: styles.partnershipText, children: t("rib.partnership") }), _jsx(Space, { width: 4 }), _jsx(SwanLogo, { color: colors.gray[900], style: styles.swanLogo })] })] })] }) }));
+};
+const ribValueStyle = {
+    mainInfo: styles.mainInfo,
+    smallInfo: styles.smallInfo,
+    addressInfo: styles.addressInfo,
+};
+const RibValue = ({ type, color, label, value }) => {
+    const lines = Array.isArray(value) ? value : [value];
+    return (_jsxs(View, { children: [_jsx(Text, { style: [styles.label, color === "partner" && styles.labelPartner], children: label }), _jsx(Space, { height: 4 }), lines.map((line, index) => (_jsx(Text, { style: ribValueStyle[type], children: line }, index)))] }));
+};

package/src/components/SupportingDocument.js

@@ -11,7 +11,7 @@ import { forwardRef, useEffect, useImperativeHandle, useMemo, useState } from "r
 import { StyleSheet } from "react-native";
 import { useForm } from "react-ux-form";
 import { match } from "ts-pattern";
-import { MAX_SUPPORTING_DOCUMENT_UPLOAD_SIZE } from "../constants/uploads";
+import { MAX_SUPPORTING_DOCUMENT_UPLOAD_SIZE, MAX_SUPPORTING_DOCUMENT_UPLOAD_SIZE_MB, } from "../constants/uploads";
 import { locale, t } from "../utils/i18n";
 import { UploadArea } from "./UploadArea";
 const ACCEPTED_FORMATS = ["application/pdf", "image/png", "image/jpeg"];
@@ -62,8 +62,6 @@ export const SupportingDocument = forwardRef(({ documents, getAwsUrl, onChange,
     }, {}), [documents]);
     const [showPowerOfAttorneyModal, setShowPowerOfAttorneyModal] = useState(false);
     const [showSwornStatementModal, setShowSwornStatementModal] = useState(false);
-    const initialPowerOfAttorneyDocuments = initialValues["PowerOfAttorney"] ?? [];
-    const initialOtherDocuments = initialValues["Other"] ?? [];
     const { Field, setFieldValue, getFieldState, listenFields, submitForm } = useForm({
         CompanyRegistration: {
             initialValue: initialValues["CompanyRegistration"] ?? [],
@@ -86,9 +84,7 @@ export const SupportingDocument = forwardRef(({ documents, getAwsUrl, onChange,
             validate: validateNotEmpty,
         },
         PowerOfAttorney: {
-            // we keep initialOtherDocuments because it was the key for legacy onboarding
-            // this should be replaced by initialValues["PowerOfAttorney"] ?? [] in may 2023
-            initialValue: [...initialPowerOfAttorneyDocuments, ...initialOtherDocuments],
+            initialValue: initialValues["PowerOfAttorney"] ?? [],
             validate: validateNotEmpty,
         },
         SwornStatement: {
@@ -195,25 +191,39 @@ export const SupportingDocument = forwardRef(({ documents, getAwsUrl, onChange,
     return (_jsxs(Form, { children: [requiredDocumentTypes.includes("CompanyRegistration") && (_jsxs(_Fragment, { children: [_jsx(LakeLabel, { label: t("supportingDoc.companyRegistration"), help: _jsx(Help, { type: "tooltip", text: "supportingDoc.companyRegistration.description" }), render: () => (_jsx(Field, { name: "CompanyRegistration", children: ({ value, onChange, error }) => (_jsx(UploadArea, { layout: "horizontal", error: error, onDropAccepted: files => {
                                     onChange([...value, { id: NO_ID_YET, status: "uploading", progress: 0 }]);
                                     handleUpload(files, "CompanyRegistration");
-                                }, documents: value, accept: ACCEPTED_FORMATS, icon: "document-regular", description: t("supportingDoc.documentTypes"), maxSize: MAX_SUPPORTING_DOCUMENT_UPLOAD_SIZE })) })) }), _jsx(Space, { height: 24 })] })), requiredDocumentTypes.includes("AssociationRegistration") && (_jsxs(_Fragment, { children: [_jsx(LakeLabel, { label: t("supportingDoc.associationRegistration"), help: _jsx(Help, { type: "tooltip", text: "supportingDoc.associationRegistration.description" }), render: () => (_jsx(Field, { name: "AssociationRegistration", children: ({ value, onChange, error }) => (_jsx(UploadArea, { layout: "horizontal", onDropAccepted: files => {
+                                }, documents: value, accept: ACCEPTED_FORMATS, icon: "document-regular", description: t("supportingDoc.documentTypes", {
+                                    maxSizeMB: MAX_SUPPORTING_DOCUMENT_UPLOAD_SIZE_MB,
+                                }), maxSize: MAX_SUPPORTING_DOCUMENT_UPLOAD_SIZE })) })) }), _jsx(Space, { height: 24 })] })), requiredDocumentTypes.includes("AssociationRegistration") && (_jsxs(_Fragment, { children: [_jsx(LakeLabel, { label: t("supportingDoc.associationRegistration"), help: _jsx(Help, { type: "tooltip", text: "supportingDoc.associationRegistration.description" }), render: () => (_jsx(Field, { name: "AssociationRegistration", children: ({ value, onChange, error }) => (_jsx(UploadArea, { layout: "horizontal", onDropAccepted: files => {
                                     onChange([...value, { id: NO_ID_YET, status: "uploading", progress: 0 }]);
                                     handleUpload(files, "AssociationRegistration");
-                                }, error: error, documents: value, accept: ACCEPTED_FORMATS, icon: "document-regular", description: t("supportingDoc.documentTypes"), maxSize: MAX_SUPPORTING_DOCUMENT_UPLOAD_SIZE })) })) }), _jsx(Space, { height: 24 })] })), requiredDocumentTypes.includes("SignedStatus") && (_jsxs(_Fragment, { children: [_jsx(LakeLabel, { label: t("supportingDoc.signedStatus"), help: _jsx(Help, { type: "tooltip", text: "supportingDoc.signedStatus.description" }), render: () => (_jsx(Field, { name: "SignedStatus", children: ({ value, onChange, error }) => (_jsx(UploadArea, { layout: "horizontal", onDropAccepted: files => {
+                                }, error: error, documents: value, accept: ACCEPTED_FORMATS, icon: "document-regular", description: t("supportingDoc.documentTypes", {
+                                    maxSizeMB: MAX_SUPPORTING_DOCUMENT_UPLOAD_SIZE_MB,
+                                }), maxSize: MAX_SUPPORTING_DOCUMENT_UPLOAD_SIZE })) })) }), _jsx(Space, { height: 24 })] })), requiredDocumentTypes.includes("SignedStatus") && (_jsxs(_Fragment, { children: [_jsx(LakeLabel, { label: t("supportingDoc.signedStatus"), help: _jsx(Help, { type: "tooltip", text: "supportingDoc.signedStatus.description" }), render: () => (_jsx(Field, { name: "SignedStatus", children: ({ value, onChange, error }) => (_jsx(UploadArea, { layout: "horizontal", onDropAccepted: files => {
                                     onChange([...value, { id: NO_ID_YET, status: "uploading", progress: 0 }]);
                                     handleUpload(files, "SignedStatus");
-                                }, error: error, documents: value, accept: ACCEPTED_FORMATS, icon: "document-regular", description: t("supportingDoc.documentTypes"), maxSize: MAX_SUPPORTING_DOCUMENT_UPLOAD_SIZE })) })) }), _jsx(Space, { height: 24 })] })), requiredDocumentTypes.includes("UBODeclaration") && (_jsxs(_Fragment, { children: [_jsx(LakeLabel, { label: t("supportingDoc.UBODeclaration"), help: _jsx(Help, { type: "tooltip", text: "supportingDoc.UBODeclaration.description" }), render: () => (_jsx(Field, { name: "UBODeclaration", children: ({ value, onChange, error }) => (_jsx(UploadArea, { layout: "horizontal", onDropAccepted: files => {
+                                }, error: error, documents: value, accept: ACCEPTED_FORMATS, icon: "document-regular", description: t("supportingDoc.documentTypes", {
+                                    maxSizeMB: MAX_SUPPORTING_DOCUMENT_UPLOAD_SIZE_MB,
+                                }), maxSize: MAX_SUPPORTING_DOCUMENT_UPLOAD_SIZE })) })) }), _jsx(Space, { height: 24 })] })), requiredDocumentTypes.includes("UBODeclaration") && (_jsxs(_Fragment, { children: [_jsx(LakeLabel, { label: t("supportingDoc.UBODeclaration"), help: _jsx(Help, { type: "tooltip", text: "supportingDoc.UBODeclaration.description" }), render: () => (_jsx(Field, { name: "UBODeclaration", children: ({ value, onChange, error }) => (_jsx(UploadArea, { layout: "horizontal", onDropAccepted: files => {
                                     onChange([...value, { id: NO_ID_YET, status: "uploading", progress: 0 }]);
                                     handleUpload(files, "UBODeclaration");
-                                }, error: error, documents: value, accept: ACCEPTED_FORMATS, icon: "document-regular", description: t("supportingDoc.documentTypes"), maxSize: MAX_SUPPORTING_DOCUMENT_UPLOAD_SIZE })) })) }), _jsx(Space, { height: 24 })] })), requiredDocumentTypes.includes("ProofOfIdentity") && (_jsxs(_Fragment, { children: [_jsx(LakeLabel, { label: t("supportingDoc.proofOfIdentity"), help: _jsx(Help, { type: "tooltip", width: 600, text: "supportingDoc.proofOfIdentity.description" }), render: () => (_jsx(Field, { name: "ProofOfIdentity", children: ({ value, onChange, error }) => (_jsx(UploadArea, { layout: "horizontal", onDropAccepted: files => {
+                                }, error: error, documents: value, accept: ACCEPTED_FORMATS, icon: "document-regular", description: t("supportingDoc.documentTypes", {
+                                    maxSizeMB: MAX_SUPPORTING_DOCUMENT_UPLOAD_SIZE_MB,
+                                }), maxSize: MAX_SUPPORTING_DOCUMENT_UPLOAD_SIZE })) })) }), _jsx(Space, { height: 24 })] })), requiredDocumentTypes.includes("ProofOfIdentity") && (_jsxs(_Fragment, { children: [_jsx(LakeLabel, { label: t("supportingDoc.proofOfIdentity"), help: _jsx(Help, { type: "tooltip", width: 600, text: "supportingDoc.proofOfIdentity.description" }), render: () => (_jsx(Field, { name: "ProofOfIdentity", children: ({ value, onChange, error }) => (_jsx(UploadArea, { layout: "horizontal", onDropAccepted: files => {
                                     onChange([...value, { id: NO_ID_YET, status: "uploading", progress: 0 }]);
                                     handleUpload(files, "ProofOfIdentity");
-                                }, error: error, documents: value, accept: ACCEPTED_FORMATS, icon: "document-regular", description: t("supportingDoc.documentTypes"), maxSize: MAX_SUPPORTING_DOCUMENT_UPLOAD_SIZE })) })) }), _jsx(Space, { height: 24 })] })), requiredDocumentTypes.includes("PowerOfAttorney") && (_jsxs(_Fragment, { children: [_jsx(LakeLabel, { label: t("supportingDoc.powerAttornySigned"), help: _jsx(Help, { type: "button", label: t("supportingDoc.whatIsThis"), onPress: () => setShowPowerOfAttorneyModal(true) }), render: () => (_jsx(Field, { name: "PowerOfAttorney", children: ({ value, onChange, error }) => (_jsx(UploadArea, { layout: "horizontal", onDropAccepted: files => {
+                                }, error: error, documents: value, accept: ACCEPTED_FORMATS, icon: "document-regular", description: t("supportingDoc.documentTypes", {
+                                    maxSizeMB: MAX_SUPPORTING_DOCUMENT_UPLOAD_SIZE_MB,
+                                }), maxSize: MAX_SUPPORTING_DOCUMENT_UPLOAD_SIZE })) })) }), _jsx(Space, { height: 24 })] })), requiredDocumentTypes.includes("PowerOfAttorney") && (_jsxs(_Fragment, { children: [_jsx(LakeLabel, { label: t("supportingDoc.powerAttornySigned"), help: _jsx(Help, { type: "button", label: t("supportingDoc.whatIsThis"), onPress: () => setShowPowerOfAttorneyModal(true) }), render: () => (_jsx(Field, { name: "PowerOfAttorney", children: ({ value, onChange, error }) => (_jsx(UploadArea, { layout: "horizontal", onDropAccepted: files => {
                                     onChange([...value, { id: NO_ID_YET, status: "uploading", progress: 0 }]);
                                     handleUpload(files, "PowerOfAttorney");
-                                }, error: error, documents: value, accept: ACCEPTED_FORMATS, icon: "document-regular", description: t("supportingDoc.documentTypes"), maxSize: MAX_SUPPORTING_DOCUMENT_UPLOAD_SIZE })) })) }), _jsx(Space, { height: 24 })] })), requiredDocumentTypes.includes("SwornStatement") && (_jsxs(_Fragment, { children: [_jsx(LakeLabel, { label: t("supportingDoc.swornStatementDeclaration"), help: _jsx(Help, { type: "button", label: t("supportingDoc.whatIsThis"), onPress: () => setShowSwornStatementModal(true) }), render: () => (_jsx(Field, { name: "SwornStatement", children: ({ value, onChange, error }) => (_jsx(UploadArea, { layout: "horizontal", onDropAccepted: files => {
+                                }, error: error, documents: value, accept: ACCEPTED_FORMATS, icon: "document-regular", description: t("supportingDoc.documentTypes", {
+                                    maxSizeMB: MAX_SUPPORTING_DOCUMENT_UPLOAD_SIZE_MB,
+                                }), maxSize: MAX_SUPPORTING_DOCUMENT_UPLOAD_SIZE })) })) }), _jsx(Space, { height: 24 })] })), requiredDocumentTypes.includes("SwornStatement") && (_jsxs(_Fragment, { children: [_jsx(LakeLabel, { label: t("supportingDoc.swornStatementDeclaration"), help: _jsx(Help, { type: "button", label: t("supportingDoc.whatIsThis"), onPress: () => setShowSwornStatementModal(true) }), render: () => (_jsx(Field, { name: "SwornStatement", children: ({ value, onChange, error }) => (_jsx(UploadArea, { layout: "horizontal", onDropAccepted: files => {
                                     onChange([...value, { id: NO_ID_YET, status: "uploading", progress: 0 }]);
                                     handleUpload(files, "SwornStatement");
-                                }, error: error, documents: value, accept: ACCEPTED_FORMATS, icon: "document-regular", description: t("supportingDoc.documentTypes"), maxSize: MAX_SUPPORTING_DOCUMENT_UPLOAD_SIZE })) })) }), _jsx(Space, { height: 24 })] })), requiredDocumentTypes.length === 0 ? (_jsxs(_Fragment, { children: [_jsx(Space, { height: 24 }), _jsx(LakeText, { children: t("supportingDoc.noRequiredDocuments") }), _jsx(Space, { height: 24 })] })) : null, _jsxs(LakeModal, { visible: showPowerOfAttorneyModal, title: t("supportingDoc.powerAttorney"), icon: "document-regular", onPressClose: () => setShowPowerOfAttorneyModal(false), children: [_jsx(LakeText, { children: t("supportingDoc.powerAttornySigned.description") }), _jsx(Space, { height: 16 }), _jsx(LakeButtonGroup, { paddingBottom: 0, children: _jsx(LakeButton, { grow: true, color: "current", onPress: () => window.open(`/power-of-attorney-template/${match(onboardingLanguage)
+                                }, error: error, documents: value, accept: ACCEPTED_FORMATS, icon: "document-regular", description: t("supportingDoc.documentTypes", {
+                                    maxSizeMB: MAX_SUPPORTING_DOCUMENT_UPLOAD_SIZE_MB,
+                                }), maxSize: MAX_SUPPORTING_DOCUMENT_UPLOAD_SIZE })) })) }), _jsx(Space, { height: 24 })] })), requiredDocumentTypes.length === 0 ? (_jsxs(_Fragment, { children: [_jsx(Space, { height: 24 }), _jsx(LakeText, { children: t("supportingDoc.noRequiredDocuments") }), _jsx(Space, { height: 24 })] })) : null, _jsxs(LakeModal, { visible: showPowerOfAttorneyModal, title: t("supportingDoc.powerAttorney"), icon: "document-regular", onPressClose: () => setShowPowerOfAttorneyModal(false), children: [_jsx(LakeText, { children: t("supportingDoc.powerAttornySigned.description") }), _jsx(Space, { height: 16 }), _jsx(LakeButtonGroup, { paddingBottom: 0, children: _jsx(LakeButton, { grow: true, color: "current", onPress: () => window.open(`/power-of-attorney-template/${match(onboardingLanguage)
                                 .with("fr", () => "fr")
                                 .with("de", () => "de")
                                 .with("es", () => "es")

package/src/components/UploadArea.js

@@ -157,8 +157,8 @@ export const UploadArea = ({ icon, accept, value, documents = [], disabled = fal
                                                 }) }), isNotNullish(error) ? (_jsxs(_Fragment, { children: [_jsx(Space, { height: 4 }), _jsx(LakeText, { color: colors.negative[400], align: layout === "horizontal" ? "left" : "center", children: error })] })) : (!disabled &&
                                             isNotNullish(description) && (_jsxs(_Fragment, { children: [_jsx(Space, { height: 4 }), _jsx(LakeText, { align: layout === "horizontal" ? "left" : "center", children: description })] })))] })] }))] }) }), documents.map(({ ...document }, index) => {
                 return (_jsxs(Fragment, { children: [_jsx(Space, { height: index === 0 ? 8 : 4 }), match(document)
-                            .with({ status: "finished" }, () => (_jsx(FileTile, { name: document.name ?? t("uploadArea.unknownFileName"), url: document.fileUrl, onRemove: () => onRemoveFile?.(document.id) })))
-                            .with({ status: "failed" }, ({ error }) => (_jsx(FileTile, { name: document.name ?? t("uploadArea.unknownFileName"), url: document.fileUrl, onRemove: () => onRemoveFile?.(document.id), variant: "refused", title: error })))
+                            .with({ status: "finished" }, () => (_jsx(FileTile, { name: document.name ?? t("uploadArea.unknownFileName"), url: document.fileUrl, onRemove: onRemoveFile ? () => onRemoveFile(document.id) : undefined })))
+                            .with({ status: "failed" }, ({ error }) => (_jsx(FileTile, { name: document.name ?? t("uploadArea.unknownFileName"), url: document.fileUrl, onRemove: () => (onRemoveFile ? onRemoveFile(document.id) : undefined), variant: "refused", title: error })))
                             .with({ status: "uploading" }, ({ progress }) => (_jsxs(Box, { direction: "row", alignItems: "center", style: styles.item, children: [_jsx(LakeText, { numberOfLines: 1, color: colors.gray[700], children: t("uploadArea.uploading") }), _jsx(Space, { width: 20 }), _jsx(View, { role: "progressbar", style: styles.progressBar, children: _jsx(View, { style: [styles.progress, { width: `${progress}%` }] }) })] })))
                             .exhaustive()] }, document.id));
             })] }));

package/src/constants/uploads.d.ts

@@ -1 +1,2 @@
+export declare const MAX_SUPPORTING_DOCUMENT_UPLOAD_SIZE_MB = 20;
 export declare const MAX_SUPPORTING_DOCUMENT_UPLOAD_SIZE: number;

package/src/constants/uploads.js

@@ -1,2 +1,3 @@
+export const MAX_SUPPORTING_DOCUMENT_UPLOAD_SIZE_MB = 20;
 // just below 20MB (* 1000 instead of * 1024) in bytes to account for the rest of the payload
-export const MAX_SUPPORTING_DOCUMENT_UPLOAD_SIZE = 20 * 1000 * 1000;
+export const MAX_SUPPORTING_DOCUMENT_UPLOAD_SIZE = MAX_SUPPORTING_DOCUMENT_UPLOAD_SIZE_MB * 1000 * 1000;

package/src/locales/de.json

@@ -98,7 +98,7 @@
   "supportingDoc.associationRegistration.description": "Offizielles Dokument zum Nachweis der Registrierung Ihrer Vereinigung. (weniger als 3 Monate alt)",
   "supportingDoc.companyRegistration": "Nachweis der Unternehmensregistrierung (weniger als 3 Monate alt)",
   "supportingDoc.companyRegistration.description": "Offizielles Dokument, das die rechtliche Existenz eines Unternehmens nachweist und Auskunft über seine Rechtspersönlichkeit gibt.\n(weniger als 3 Monate alt)",
-  "supportingDoc.documentTypes": "Unterstützte Dokumente: .pdf, .png, .jpg",
+  "supportingDoc.documentTypes": "Unterstützte Dokumente: .pdf, .png, .jpg\nMax: {maxSizeMB} MB",
   "supportingDoc.downloadTemplate": "Vorlage herunterladen",
   "supportingDoc.errorUpload": "Fehler beim Hochladen der Datei",
   "supportingDoc.noRequiredDocuments": "Wir brauchen keine Dokumente von Ihnen. Sie können fortfahren.",

package/src/locales/en.json

@@ -92,13 +92,23 @@
   "registrationPage.defaultNumberLabel": "Registration number",
   "registrationPage.withOrganismLabel": "Are you registered to {organismName}?",
   "registrationPage.withoutOrganismNameLabel": "Are you registered?",
+  "rib.accountHolder": "Account holder",
+  "rib.address": "Address",
+  "rib.agency": "Agency",
+  "rib.bank": "Bank",
+  "rib.bankDetails": "Bank details",
+  "rib.bic": "BIC / SWIFT",
+  "rib.iban": "IBAN",
+  "rib.key": "Key",
+  "rib.number": "Number",
+  "rib.partnership": "In partnership with",
   "supportingDoc.UBODeclaration": "UBO Declaration",
   "supportingDoc.UBODeclaration.description": "Ultimate Beneficial Owners declaration of the organization",
   "supportingDoc.associationRegistration": "Proof of registration",
   "supportingDoc.associationRegistration.description": "Official document proving the registration of your association. (< 3 months old)",
   "supportingDoc.companyRegistration": "Proof of company registration (< 3 months old)",
   "supportingDoc.companyRegistration.description": "Official document proving the legal existence of a company and providing info about its legal personality.\n(< 3 months old)",
-  "supportingDoc.documentTypes": "Supported documents: .pdf, .png, .jpg",
+  "supportingDoc.documentTypes": "Supported documents: .pdf, .png, .jpg\nMax: {maxSizeMB} MB",
   "supportingDoc.downloadTemplate": "Download a template",
   "supportingDoc.errorUpload": "Failed to upload file",
   "supportingDoc.noRequiredDocuments": "We don't need any documents from you. You can continue.",

package/src/locales/es.json

@@ -98,7 +98,7 @@
   "supportingDoc.associationRegistration.description": "Documento oficial que acredite el registro de tu asociación. (< 3 meses)",
   "supportingDoc.companyRegistration": "Comprobante de registro de la empresa (< 3 meses de antigüedad)",
   "supportingDoc.companyRegistration.description": "Documento oficial que acredite la existencia legal de una empresa y proporcione información sobre su personalidad jurídica.\n(< 3 meses)",
-  "supportingDoc.documentTypes": "Documentos admitidos: .pdf, .png, .jpg",
+  "supportingDoc.documentTypes": "Documentos admitidos: .pdf, .png, .jpg\nMáximo: {maxSizeMB} MB",
   "supportingDoc.downloadTemplate": "Descargar una plantilla",
   "supportingDoc.errorUpload": "Error al subir el archivo",
   "supportingDoc.noRequiredDocuments": "No necesitamos ningún documento de ti. Puedes continuar.",

package/src/locales/fr.json

@@ -98,7 +98,7 @@
   "supportingDoc.associationRegistration.description": "Document officiel prouvant l'enregistrement de votre association. (de moins de 3 mois)",
   "supportingDoc.companyRegistration": "Preuve d'enregistrement de l'entreprise (de moins de 3 mois)",
   "supportingDoc.companyRegistration.description": "Document officiel prouvant l'existence légale d'une entreprise et fournissant des informations sur sa personnalité juridique.\n(de moins de 3 mois)",
-  "supportingDoc.documentTypes": "Documents pris en charge : .pdf, .png, .jpg",
+  "supportingDoc.documentTypes": "Documents pris en charge : .pdf, .png, .jpg\nMax : {maxSizeMB} Mo",
   "supportingDoc.downloadTemplate": "Télécharger un modèle",
   "supportingDoc.errorUpload": "Échec du téléversement du fichier",
   "supportingDoc.noRequiredDocuments": "Nous n'avons besoin d'aucun document de votre part. Vous pouvez continuer.",

package/src/locales/it.json

@@ -98,7 +98,7 @@
   "supportingDoc.associationRegistration.description": "Documento ufficiale attestante la registrazione della tua associazione. (< 3 mesi)",
   "supportingDoc.companyRegistration": "Prova di registrazione della società (< 3 mesi)",
   "supportingDoc.companyRegistration.description": "Documento ufficiale che attesta l'esistenza legale di una società e fornisce informazioni sulla sua personalità giuridica.\n(< 3 mesi)",
-  "supportingDoc.documentTypes": "Documenti supportati: .pdf, .png, .jpg",
+  "supportingDoc.documentTypes": "Documenti supportati: .pdf, .png, .jpg\nMax: {maxSizeMB} MB",
   "supportingDoc.downloadTemplate": "Scarica un modello",
   "supportingDoc.errorUpload": "Caricamento del file non riuscito",
   "supportingDoc.noRequiredDocuments": "Non abbiamo bisogno di alcun documento da parte tua. Puoi proseguire.",

package/src/locales/nl.json

@@ -98,7 +98,7 @@
   "supportingDoc.associationRegistration.description": "Officieel document waaruit de registratie van uw vereniging blijkt. (minder dan 3 maanden oud)",
   "supportingDoc.companyRegistration": "Uittreksel van het handelsregister (KVK document, minder dan 3 maanden oud)",
   "supportingDoc.companyRegistration.description": "Een officieel uittreksel van het handelsregister dat niet ouder is dan 3 maanden. Je kunt via de website van KVK een recent uittreksel downloaden.",
-  "supportingDoc.documentTypes": "Ondersteunde documenten: .pdf, .png, .jpg",
+  "supportingDoc.documentTypes": "Ondersteunde documenten: .pdf, .png, .jpg\nMax: {maxSizeMB} MB",
   "supportingDoc.downloadTemplate": "Een sjabloon downloaden",
   "supportingDoc.errorUpload": "Bestand uploaden mislukt",
   "supportingDoc.noRequiredDocuments": "We hebben geen documenten van u nodig. U kunt verder gaan.",

package/src/locales/pt.json

@@ -98,7 +98,7 @@
   "supportingDoc.associationRegistration.description": "Documento oficial comprovando o registo da sua associação. (< 3 meses)",
   "supportingDoc.companyRegistration": "Prova de registo da empresa (< 3 meses)",
   "supportingDoc.companyRegistration.description": "\"Documento oficial comprovando a existência legal de uma empresa e fornecendo informações sobre a sua personalidade jurídica. (< 3 meses)\"",
-  "supportingDoc.documentTypes": "Representante legal",
+  "supportingDoc.documentTypes": "Documentos suportados: .pdf, .png, .jpg\nMáximo: {maxSizeMB} MB",
   "supportingDoc.downloadTemplate": "Outro",
   "supportingDoc.errorUpload": "Falha ao carregar ficheiro",
   "supportingDoc.noRequiredDocuments": "Não necessitamos quaisquer documentos da sua parte. Pode continuar.",