@swan-io/shared-business 1.4.3 → 1.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swan-io/shared-business",
-  "version": "1.4.3",
+  "version": "1.5.0",
   "engines": {
     "node": ">=14.0.0",
     "yarn": "^1.20.0"
@@ -32,12 +32,16 @@
     "@formatjs/intl": "^2.6.9",
     "@googlemaps/js-api-loader": "^1.15.1",
     "@swan-io/boxed": "^0.12.1",
+    "dayjs": "^1.11.7",
     "react": "^18.2.0",
     "react-atomic-state": "^1.2.7",
     "react-dom": "^18.2.0",
-    "react-native-web": "^0.18.12",
+    "react-dropzone": "^14.2.3",
+    "react-native-web": "^0.19.1",
     "react-ux-form": "^1.3.0",
-    "ts-pattern": "^4.2.1"
+    "rifm": "^0.12.1",
+    "ts-pattern": "^4.2.1",
+    "uuid": "^9.0.0"
   },
   "devDependencies": {
     "@swan-io/lake": "^1.3.2",
@@ -46,7 +50,7 @@
     "@types/google.maps": "^3.52.3",
     "@types/react": "^18.0.28",
     "@types/react-dom": "^18.0.11",
-    "@types/react-native": "^0.70.12",
+    "@types/react-native": "^0.71.5",
     "@types/uuid": "^9.0.1",
     "jsdom": "^21.1.1",
     "vitest": "^0.29.7"

package/src/components/AddressFormPart.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { CountryCCA3 } from "../constants/countries";
 import { Form } from "react-ux-form";
+import { CountryCCA3 } from "../constants/countries";
 type AddressField = {
     address: string;
     city: string;

package/src/components/AddressFormPart.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { AddressSearchInput } from "./AddressSearchInput";
 import { LakeButton } from "@swan-io/lake/src/components/LakeButton";
 import { LakeLabel } from "@swan-io/lake/src/components/LakeLabel";
 import { LakeTextInput } from "@swan-io/lake/src/components/LakeTextInput";
@@ -7,6 +6,7 @@ import { Space } from "@swan-io/lake/src/components/Space";
 import { useBoolean } from "@swan-io/lake/src/hooks/useBoolean";
 import { useCallback, useEffect } from "react";
 import { locale, t } from "../utils/i18n";
+import { AddressSearchInput } from "./AddressSearchInput";
 export const AddressFormPart = ({ initialAddress, initialCity, initialPostalCode, country, label, optionalLabel, placeholder, Field, setFieldValue, listenFields, isLarge, }) => {
     const [manualModeEnabled, setManualMode] = useBoolean(initialAddress !== "" || initialCity !== "" || initialPostalCode !== "");
     useEffect(() => {
@@ -22,5 +22,5 @@ export const AddressFormPart = ({ initialAddress, initialCity, initialPostalCode
         setFieldValue("postalCode", place.postalCode);
         setManualMode.on();
     }, [setManualMode, setFieldValue]);
-    return (_jsxs(_Fragment, { children: [_jsx(Field, { name: "address", children: ({ ref, value, onChange, error }) => (_jsx(LakeLabel, { label: label ?? t("addressFormPart.addressLabel"), optionalLabel: optionalLabel, render: id => (_jsx(AddressSearchInput, { inputRef: ref, emptyResultText: t("common.noResult"), placeholder: placeholder ?? t("addressFormPart.placeholder"), language: locale.language, id: id, country: country, value: value, error: error, onValueChange: onChange, onSuggestion: onSuggestion })), actions: !manualModeEnabled && isLarge ? (_jsx(LakeButton, { mode: "secondary", size: "small", onPress: setManualMode.on, children: t("addressFormPart.setManual") })) : null })) }), !manualModeEnabled && !isLarge ? (_jsx(LakeButton, { mode: "secondary", size: "small", onPress: setManualMode.on, children: t("addressFormPart.setManual") })) : null, manualModeEnabled ? (_jsxs(_Fragment, { children: [_jsx(Space, { height: 12 }), _jsx(Field, { name: "city", children: ({ ref, value, valid, error, onChange }) => (_jsx(LakeLabel, { label: t("addressFormPart.cityLabel"), render: id => (_jsx(LakeTextInput, { ref: ref, nativeID: id, value: value, valid: valid, error: error, onChangeText: onChange })) })) }), _jsx(Space, { height: 12 }), _jsx(Field, { name: "postalCode", children: ({ ref, value, valid, error, onChange }) => (_jsx(LakeLabel, { label: t("addressFormPart.postCodeLabel"), render: id => (_jsx(LakeTextInput, { ref: ref, nativeID: id, value: value, valid: valid, error: error, onChangeText: onChange })) })) })] })) : null] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Field, { name: "address", children: ({ ref, value, onChange, error }) => (_jsx(LakeLabel, { label: label ?? t("addressFormPart.addressLabel"), optionalLabel: optionalLabel, render: id => (_jsx(AddressSearchInput, { inputRef: ref, emptyResultText: t("common.noResult"), placeholder: placeholder ?? t("addressFormPart.placeholder"), language: locale.language, id: id, country: country, value: value, error: error, onValueChange: onChange, onSuggestion: onSuggestion })), actions: !manualModeEnabled && isLarge ? (_jsx(LakeButton, { mode: "secondary", size: "small", onPress: setManualMode.on, children: t("addressFormPart.setManual") })) : null })) }), !manualModeEnabled && !isLarge ? (_jsx(LakeButton, { mode: "secondary", size: "small", onPress: setManualMode.on, children: t("addressFormPart.setManual") })) : null, manualModeEnabled ? (_jsxs(_Fragment, { children: [_jsx(Space, { height: 12 }), _jsx(Field, { name: "city", children: ({ ref, value, valid, error, onChange }) => (_jsx(LakeLabel, { label: t("addressFormPart.cityLabel"), render: id => (_jsx(LakeTextInput, { ref: ref, id: id, value: value, valid: valid, error: error, onChangeText: onChange })) })) }), _jsx(Space, { height: 12 }), _jsx(Field, { name: "postalCode", children: ({ ref, value, valid, error, onChange }) => (_jsx(LakeLabel, { label: t("addressFormPart.postCodeLabel"), render: id => (_jsx(LakeTextInput, { ref: ref, id: id, value: value, valid: valid, error: error, onChangeText: onChange })) })) })] })) : null] }));
 };

package/src/components/AddressSearchInput.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { AsyncData, Future } from "@swan-io/boxed";
-import { countriesWithMultipleCCA3, getCCA3forCCA2, } from "@swan-io/shared-business/src/constants/countries";
 import { AutoWidthImage } from "@swan-io/lake/src/components/AutoWidthImage";
 import { Box } from "@swan-io/lake/src/components/Box";
 import { LakeCombobox } from "@swan-io/lake/src/components/LakeCombobox";
@@ -8,6 +7,7 @@ import { LakeTextInput } from "@swan-io/lake/src/components/LakeTextInput";
 import { colors } from "@swan-io/lake/src/constants/colors";
 import { typography } from "@swan-io/lake/src/constants/typography";
 import { useFirstMountState } from "@swan-io/lake/src/hooks/useFirstMountState";
+import { countriesWithMultipleCCA3, getCCA3forCCA2, } from "@swan-io/shared-business/src/constants/countries";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { StyleSheet, Text } from "react-native";
 import { match } from "ts-pattern";
@@ -17,10 +17,12 @@ const styles = StyleSheet.create({
     itemTitle: {
         ...typography.bodyLarge,
         lineHeight: typography.lineHeights.title,
+        userSelect: "none",
     },
     itemSubtitle: {
         ...typography.bodySmall,
         color: colors.gray[50],
+        userSelect: "none",
     },
     poweredByGoogle: {
         paddingVertical: 8,
@@ -103,16 +105,12 @@ export const AddressSearchInput = ({ inputRef, id, country, disabled, error, val
                         onSuggestion?.(result);
                     });
                 };
-                return (_jsx(LakeCombobox, { inputRef: inputRef, nativeID: id, placeholder: placeholder, value: value, items: state, icon: "search-filled", disabled: disabled, error: error, ListFooterComponent: _jsx(Box, { direction: "row", justifyContent: "end", style: styles.poweredByGoogle, children: _jsx(AutoWidthImage, { height: 14, sourceUri: poweredByGoogle }) }), onSelectItem: suggestion => selectAddress(suggestion), onValueChange: value => {
+                return (_jsx(LakeCombobox, { inputRef: inputRef, id: id, placeholder: placeholder, value: value, items: state, icon: "search-filled", disabled: disabled, error: error, ListFooterComponent: _jsx(Box, { direction: "row", justifyContent: "end", style: styles.poweredByGoogle, children: _jsx(AutoWidthImage, { height: 14, sourceUri: poweredByGoogle }) }), onSelectItem: suggestion => selectAddress(suggestion), onValueChange: value => {
                         setValue(value);
                         onValueChange(value);
-                    }, keyExtractor: item => item.value, emptyResultText: emptyResultText, renderItem: item => (_jsxs(_Fragment, { children: [_jsx(Text, { numberOfLines: 1, selectable: false, style: styles.itemTitle, children: item.prediction.structured_formatting.main_text }), _jsx(Text, { numberOfLines: 1, selectable: false, style: styles.itemSubtitle, children: item.prediction.structured_formatting.secondary_text })] })) }));
+                    }, keyExtractor: item => item.value, emptyResultText: emptyResultText, renderItem: item => (_jsxs(_Fragment, { children: [_jsx(Text, { numberOfLines: 1, style: styles.itemTitle, children: item.prediction.structured_formatting.main_text }), _jsx(Text, { numberOfLines: 1, style: styles.itemSubtitle, children: item.prediction.structured_formatting.secondary_text })] })) }));
             }
-            return (_jsx(LakeTextInput
-            // @ts-expect-error
-            , { 
-                // @ts-expect-error
-                ref: inputRef, nativeID: id, placeholder: placeholder, value: value, icon: "search-filled", disabled: disabled, error: error, onChangeText: value => {
+            return (_jsx(LakeTextInput, { ref: inputRef, id: id, placeholder: placeholder, value: value, icon: "search-filled", disabled: disabled, error: error, onChangeText: value => {
                     setValue(value);
                     onValueChange(value);
                 } }));

package/src/components/BeneficiaryForm.js

@@ -17,7 +17,7 @@ import { hasDefinedKeys, useForm } from "react-ux-form";
 import { Rifm } from "rifm";
 import { match } from "ts-pattern";
 import { v4 as uuid } from "uuid";
-import { individualCountriesItems, isCountryCCA3 } from "../constants/countries";
+import { allCountriesItems, individualCountriesItems, isCountryCCA3, } from "../constants/countries";
 import { decodeBirthDate, encodeBirthDate } from "../utils/date";
 import { locale, rifmDateProps, t } from "../utils/i18n";
 import { validateBooleanRequired, validateIndividualTaxNumber, validateNullableRequired, validateRequired, } from "../utils/validation";
@@ -242,7 +242,7 @@ export const BeneficiaryForm = forwardRef(({ initialState, accountCountry, step,
                     }
                     const allStepsValues = { ...commonStepValues.current, ...values };
                     if (hasDefinedKeys(allStepsValues, requiredStepFields)) {
-                        const [direct, indirect] = getDirectAndIndirect(values.capitalType ?? "none");
+                        const [direct, indirect] = getDirectAndIndirect(allStepsValues.capitalType ?? "none");
                         return onSave({
                             reference,
                             firstName: allStepsValues.firstName,
@@ -269,14 +269,14 @@ 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, { accessibilityRole: "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"), nativeID: 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"), nativeID: 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, nativeID: 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, { nativeID: id, error: error, value: value, placeholder: t("beneficiaryForm.beneficiary.birthCountryPlaceholder"), items: individualCountriesItems, 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(LakeCityInput, { nativeID: id, 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"), 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"), items: allCountriesItems, 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(LakeCityInput, { id: id, 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
                                                         ? t("beneficiaryForm.beneficiary.fillBirthCountry")
-                                                        : t("beneficiaryForm.beneficiary.birthPostalCodePlaceholder"), nativeID: 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: "%", keyboardType: "decimal-pad", accessibilityValueMin: 0, accessibilityValueMax: 100, nativeID: 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, { accessibilityRole: "form", children: [_jsx(Field, { name: "country", children: ({ value, onChange }) => (_jsx(LakeLabel, { label: t("beneficiaryForm.beneficiary.country"), render: id => (_jsx(CountryPicker, { nativeID: id, value: value, items: individualCountriesItems, onValueChange: onChange })) })) }), _jsx(Space, { height: 12 }), _jsx(FieldsListener, { names: ["country"], children: ({ country }) => (_jsxs(_Fragment, { children: [_jsx(AddressFormPart, { initialAddress: initialState?.residencyAddressLine1 ?? "", initialCity: initialState?.residencyAddressCity ?? "", initialPostalCode: initialState?.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(LakeLabel, { label: t("beneficiaryForm.beneficiary.taxIdentificationNumber"), optionalLabel: t("common.optional"), render: id => (_jsx(LakeTextInput, { nativeID: id, placeholder: t("beneficiaryForm.beneficiary.taxIdentificationNumberPlaceholder"), value: value, error: error, valid: valid, onChangeText: onChange })) })) })] }))] })) })] })))
+                                                        : 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, items: individualCountriesItems, onValueChange: onChange })) })) }), _jsx(Space, { height: 12 }), _jsx(FieldsListener, { names: ["country"], children: ({ country }) => (_jsxs(_Fragment, { children: [_jsx(AddressFormPart, { initialAddress: initialState?.residencyAddressLine1 ?? "", initialCity: initialState?.residencyAddressCity ?? "", initialPostalCode: initialState?.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(LakeLabel, { label: t("beneficiaryForm.beneficiary.taxIdentificationNumber"), optionalLabel: t("common.optional"), render: id => (_jsx(LakeTextInput, { id: id, placeholder: t("beneficiaryForm.beneficiary.taxIdentificationNumberPlaceholder"), value: value, error: error, valid: valid, onChangeText: onChange })) })) })] }))] })) })] })))
                     .exhaustive(), isAddressRequired && (_jsxs(_Fragment, { children: [_jsx(Space, { height: 12 }), _jsx(StepDots, { currentStep: step, steps: formSteps })] }))] })) }));
 });

package/src/components/CountryPicker.d.ts

@@ -12,9 +12,9 @@ type Props<T extends CountryCCA3> = {
     error?: string;
     placeholder?: string;
     readOnly?: boolean;
-    nativeID?: string;
+    id?: string;
     disabled?: boolean;
     hideErrors?: boolean;
 };
-export declare function CountryPicker<T extends CountryCCA3>({ onValueChange, value, items, readOnly, nativeID, error, placeholder, disabled, hideErrors, }: Props<T>): JSX.Element;
+export declare function CountryPicker<T extends CountryCCA3>({ onValueChange, value, items, readOnly, id, error, placeholder, disabled, hideErrors, }: Props<T>): JSX.Element;
 export {};

package/src/components/CountryPicker.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Flag } from "@swan-io/lake/src/components/Flag";
 import { LakeSelect } from "@swan-io/lake/src/components/LakeSelect";
 import { useMemo } from "react";
-export function CountryPicker({ onValueChange, value, items, readOnly, nativeID, error, placeholder, disabled, hideErrors, }) {
+export function CountryPicker({ onValueChange, value, items, readOnly, id, error, placeholder, disabled, hideErrors, }) {
     const countries = useMemo(() => {
         const hasIntl = "Intl" in window && "DisplayNames" in window.Intl;
         const countryResolver = hasIntl && Intl.DisplayNames.supportedLocalesOf(["en"]).length
@@ -22,5 +22,5 @@ export function CountryPicker({ onValueChange, value, items, readOnly, nativeID,
         }))
             .sort((a, b) => a.name.localeCompare(b.name));
     }, [items]);
-    return (_jsx(LakeSelect, { readOnly: readOnly, nativeID: nativeID, error: error, items: countries, placeholder: placeholder, value: value, onValueChange: onValueChange, disabled: disabled, hideErrors: hideErrors }));
+    return (_jsx(LakeSelect, { readOnly: readOnly, id: id, error: error, items: countries, placeholder: placeholder, value: value, onValueChange: onValueChange, disabled: disabled, hideErrors: hideErrors }));
 }

package/src/components/LakeCityInput.d.ts

@@ -10,11 +10,11 @@ type Props = {
     country?: CountryCCA3;
     disabled?: boolean;
     error?: string;
-    nativeID?: string;
+    id?: string;
     placeholder?: string;
     onSuggestion?: (place: PlaceDetail) => void;
     onLoadError: (error: unknown) => void;
     apiKey?: string;
 };
-export declare const LakeCityInput: ({ value, onValueChange, country, disabled, placeholder, nativeID, error, onSuggestion, onLoadError, apiKey, }: Props) => JSX.Element | null;
+export declare const LakeCityInput: ({ value, onValueChange, country, disabled, placeholder, id, error, onSuggestion, onLoadError, apiKey, }: Props) => JSX.Element | null;
 export {};

package/src/components/LakeCityInput.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { AsyncData, Future } from "@swan-io/boxed";
-import { useGoogleMapSDK } from "../hooks/useGoogleMapSDK";
 import { AutoWidthImage } from "@swan-io/lake/src/components/AutoWidthImage";
 import { Box } from "@swan-io/lake/src/components/Box";
 import { LakeCombobox } from "@swan-io/lake/src/components/LakeCombobox";
@@ -12,22 +11,25 @@ import { StyleSheet, Text } from "react-native";
 import { match } from "ts-pattern";
 import poweredByGoogle from "../assets/images/powered_by_google_on_white_hdpi.png";
 import { countriesWithMultipleCCA3 } from "../constants/countries";
+import { useGoogleMapSDK } from "../hooks/useGoogleMapSDK";
 import { t } from "../utils/i18n";
 const styles = StyleSheet.create({
     itemTitle: {
         ...typography.bodyLarge,
         lineHeight: typography.lineHeights.title,
+        userSelect: "none",
     },
     itemSubtitle: {
         ...typography.bodySmall,
         color: colors.gray[400],
+        userSelect: "none",
     },
     poweredByGoogle: {
         paddingVertical: 8,
         paddingHorizontal: 16,
     },
 });
-export const LakeCityInput = ({ value, onValueChange, country, disabled, placeholder, nativeID, error, onSuggestion, onLoadError, apiKey, }) => {
+export const LakeCityInput = ({ value, onValueChange, country, disabled, placeholder, id, error, onSuggestion, onLoadError, apiKey, }) => {
     const [state, setState] = useState(AsyncData.NotAsked());
     const comboboxRef = useRef(null);
     const sdk = useGoogleMapSDK({ apiKey });
@@ -80,7 +82,7 @@ export const LakeCityInput = ({ value, onValueChange, country, disabled, placeho
                     }
                 });
             };
-            return (_jsx(LakeCombobox, { ref: comboboxRef, placeholder: placeholder, value: value, items: state, icon: "search-filled", disabled: isNullish(country) || disabled, error: error, onValueChange: onValueChange, nativeID: nativeID, ListFooterComponent: _jsx(Box, { direction: "row", justifyContent: "end", style: styles.poweredByGoogle, children: _jsx(AutoWidthImage, { height: 14, sourceUri: poweredByGoogle }) }), onSelectItem: selectAddress, emptyResultText: t("common.noResult"), keyExtractor: item => item.value, renderItem: item => (_jsxs(_Fragment, { children: [_jsx(Text, { numberOfLines: 1, selectable: false, style: styles.itemTitle, children: item.prediction.structured_formatting.main_text }), _jsx(Text, { numberOfLines: 1, selectable: false, style: styles.itemSubtitle, children: item.prediction.structured_formatting.secondary_text })] })) }));
+            return (_jsx(LakeCombobox, { ref: comboboxRef, placeholder: placeholder, value: value, items: state, icon: "search-filled", disabled: isNullish(country) || disabled, error: error, onValueChange: onValueChange, id: id, ListFooterComponent: _jsx(Box, { direction: "row", justifyContent: "end", style: styles.poweredByGoogle, children: _jsx(AutoWidthImage, { height: 14, sourceUri: poweredByGoogle }) }), onSelectItem: selectAddress, emptyResultText: t("common.noResult"), keyExtractor: item => item.value, renderItem: item => (_jsxs(_Fragment, { children: [_jsx(Text, { numberOfLines: 1, style: styles.itemTitle, children: item.prediction.structured_formatting.main_text }), _jsx(Text, { numberOfLines: 1, style: styles.itemSubtitle, children: item.prediction.structured_formatting.secondary_text })] })) }));
         },
     });
 };

package/src/components/SupportingDocument.d.ts

@@ -5,9 +5,9 @@ export type Document = {
     downloadUrl?: string;
     purpose: SupportingDocumentPurpose;
 };
-export type TypeOfRepresentation = "LegalRepresentative" | "PowerOfAttorney";
-export type SupportingDocumentPurpose = "AssociationRegistration" | "CompanyRegistration" | "ProofOfIdentity" | "Other" | "SignedStatus";
-type SupportingDocumentPurposeEnum = "AssociationRegistration" | "Banking" | "CompanyRegistration" | "Other" | "PowerOfAttorney" | "ProofOfCompanyAddress" | "ProofOfCompanyIncome" | "ProofOfIdentity" | "ProofOfIndividualAddress" | "ProofOfIndividualIncome" | "ProofOfOriginOfFunds" | "SignedStatus" | "UBODeclaration";
+type SupportingDocumentPurposeEnum = "AssociationRegistration" | "Banking" | "CompanyRegistration" | "Other" | "PowerOfAttorney" | "ProofOfCompanyAddress" | "ProofOfCompanyIncome" | "ProofOfIdentity" | "ProofOfIndividualAddress" | "ProofOfIndividualIncome" | "ProofOfOriginOfFunds" | "SignedStatus" | "SwornStatement" | "UBODeclaration";
+export declare const uploadableDocumentTypes: ("AssociationRegistration" | "CompanyRegistration" | "PowerOfAttorney" | "ProofOfIdentity" | "SignedStatus" | "SwornStatement" | "UBODeclaration")[];
+export type SupportingDocumentPurpose = (typeof uploadableDocumentTypes)[number];
 type Props = {
     getAwsUrl: (file: File, purpose: SupportingDocumentPurpose) => Promise<{
         upload: {
@@ -22,7 +22,6 @@ type Props = {
     documents: Document[];
     requiredDocumentTypes: SupportingDocumentPurposeEnum[];
     onChange?: (documents: Document[]) => void;
-    withoutRepresentationRadio?: boolean;
     onboardingLanguage?: string;
 };
 export type SupportingDocumentRef = {

package/src/components/SupportingDocument.js

@@ -1,24 +1,30 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Box } from "@swan-io/lake/src/components/Box";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Form } from "@swan-io/lake/src/components/Form";
 import { LakeButton, LakeButtonGroup } from "@swan-io/lake/src/components/LakeButton";
 import { LakeLabel } from "@swan-io/lake/src/components/LakeLabel";
 import { LakeModal } from "@swan-io/lake/src/components/LakeModal";
-import { LakeRadio } from "@swan-io/lake/src/components/LakeRadio";
 import { LakeText } from "@swan-io/lake/src/components/LakeText";
 import { LakeTooltip } from "@swan-io/lake/src/components/LakeTooltip";
-import { Pressable } from "@swan-io/lake/src/components/Pressable";
 import { Space } from "@swan-io/lake/src/components/Space";
-import { UploadArea } from "./UploadArea";
-import { isNotNullish, isNullish } from "@swan-io/lake/src/utils/nullish";
+import { isNullish } from "@swan-io/lake/src/utils/nullish";
 import { forwardRef, useEffect, useImperativeHandle, useMemo, useState } from "react";
 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 { locale, t } from "../utils/i18n";
+import { UploadArea } from "./UploadArea";
 const ACCEPTED_FORMATS = ["application/pdf", "image/png", "image/jpeg"];
 const NO_ID_YET = "NO_ID_YET";
+export const uploadableDocumentTypes = [
+    "AssociationRegistration",
+    "CompanyRegistration",
+    "ProofOfIdentity",
+    "SignedStatus",
+    "PowerOfAttorney",
+    "SwornStatement",
+    "UBODeclaration",
+];
 const validateNotEmpty = value => {
     if (value.length === 0) {
         return t("error.requiredField");
@@ -35,11 +41,11 @@ const styles = StyleSheet.create({
 });
 const Help = (props) => {
     return match(props)
-        .with({ type: "tooltip" }, ({ text, width }) => (_jsx(LakeTooltip, { content: t(text), width: width, togglableOnFocus: true, placement: "top", children: _jsx(LakeButton, { mode: "tertiary", size: "small", color: "gray", icon: "question-circle-regular", disabled: true, style: [styles.button, styles.buttonWithDefaultCursor], accessibilityLabel: t("supportingDoc.whatIsThis") }) })))
-        .with({ type: "button" }, ({ label, onPress }) => (_jsx(LakeButton, { mode: "tertiary", size: "small", color: "gray", icon: "question-circle-regular", onPress: onPress, style: styles.button, accessibilityLabel: t("supportingDoc.whatIsThis"), children: label })))
+        .with({ type: "tooltip" }, ({ text, width }) => (_jsx(LakeTooltip, { content: t(text), width: width, togglableOnFocus: true, placement: "top", children: _jsx(LakeButton, { mode: "tertiary", size: "small", color: "gray", icon: "question-circle-regular", disabled: true, style: [styles.button, styles.buttonWithDefaultCursor], ariaLabel: t("supportingDoc.whatIsThis") }) })))
+        .with({ type: "button" }, ({ label, onPress }) => (_jsx(LakeButton, { mode: "tertiary", size: "small", color: "gray", icon: "question-circle-regular", onPress: onPress, style: styles.button, ariaLabel: t("supportingDoc.whatIsThis"), children: label })))
         .exhaustive();
 };
-export const SupportingDocument = forwardRef(({ documents, getAwsUrl, onChange, requiredDocumentTypes, onboardingLanguage = locale.language, withoutRepresentationRadio, }, externalRef) => {
+export const SupportingDocument = forwardRef(({ documents, getAwsUrl, onChange, requiredDocumentTypes, onboardingLanguage = locale.language }, externalRef) => {
     const initialValues = useMemo(() => documents.reduce((acc, doc) => {
         return {
             ...acc,
@@ -55,7 +61,9 @@ export const SupportingDocument = forwardRef(({ documents, getAwsUrl, onChange,
         };
     }, {}), [documents]);
     const [showPowerOfAttorneyModal, setShowPowerOfAttorneyModal] = useState(false);
-    const [isOther, setIsOther] = useState(isNotNullish(initialValues["Other"]) || isNotNullish(initialValues["ProofOfIdentity"]));
+    const [showSwornStatementModal, setShowSwornStatementModal] = useState(false);
+    const initialPowerOfAttorneyDocuments = initialValues["PowerOfAttorney"] ?? [];
+    const initialOtherDocuments = initialValues["Other"] ?? [];
     const { Field, setFieldValue, getFieldState, listenFields, submitForm } = useForm({
         CompanyRegistration: {
             initialValue: initialValues["CompanyRegistration"] ?? [],
@@ -73,8 +81,18 @@ export const SupportingDocument = forwardRef(({ documents, getAwsUrl, onChange,
             initialValue: initialValues["ProofOfIdentity"] ?? [],
             validate: validateNotEmpty,
         },
-        Other: {
-            initialValue: initialValues["Other"] ?? [],
+        UBODeclaration: {
+            initialValue: initialValues["UBODeclaration"] ?? [],
+            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],
+            validate: validateNotEmpty,
+        },
+        SwornStatement: {
+            initialValue: initialValues["SwornStatement"] ?? [],
             validate: validateNotEmpty,
         },
     });
@@ -86,13 +104,7 @@ export const SupportingDocument = forwardRef(({ documents, getAwsUrl, onChange,
         };
     });
     useEffect(() => {
-        const removeListener = listenFields([
-            "CompanyRegistration",
-            "AssociationRegistration",
-            "SignedStatus",
-            "Other",
-            "ProofOfIdentity",
-        ], state => {
+        const removeListener = listenFields(uploadableDocumentTypes, state => {
             let documents = [];
             Object.entries(state).forEach(([key, { value: values }]) => {
                 documents = [
@@ -151,24 +163,30 @@ export const SupportingDocument = forwardRef(({ documents, getAwsUrl, onChange,
         })
             .catch(console.error);
     };
-    return (_jsxs(Form, { children: [withoutRepresentationRadio !== true && (_jsx(LakeLabel, { label: t("supportingDoc.whoAreYou"), render: () => (_jsxs(LakeButtonGroup, { children: [_jsx(Pressable, { onPress: () => setIsOther(false), children: _jsxs(Box, { direction: "row", alignItems: "center", children: [_jsx(LakeRadio, { value: !isOther, color: "current" }), _jsx(Space, { width: 12 }), _jsx(LakeText, { children: t("supportingDoc.legalRepresentative") })] }) }), _jsx(Space, { width: 24 }), _jsx(Pressable, { onPress: () => setIsOther(true), children: _jsxs(Box, { direction: "row", alignItems: "center", children: [_jsx(LakeRadio, { value: isOther, color: "current" }), _jsx(Space, { width: 12 }), _jsx(LakeText, { children: t("supportingDoc.other") })] }) })] })) })), requiredDocumentTypes.some(t => t === "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 => {
+    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 }]);
                                     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.some(t => t === "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"), 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 }]);
                                     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.some(t => t === "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"), 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 }]);
                                     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.some(t => t === "ProofOfIdentity") || isOther) && (_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"), 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 }]);
+                                    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 => {
                                     onChange([...value, { id: NO_ID_YET }]);
                                     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.some(t => t === "PowerOfAttorney") || isOther) && (_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: "Other", children: ({ value, onChange, error }) => (_jsx(UploadArea, { layout: "horizontal", onDropAccepted: files => {
+                                }, 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 => {
+                                    onChange([...value, { id: NO_ID_YET }]);
+                                    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 => {
                                     onChange([...value, { id: NO_ID_YET }]);
-                                    handleUpload(files, "Other");
-                                }, 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 && (!isOther || withoutRepresentationRadio === true) ? (_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)
+                                    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)
                                 .with("fr", () => "fr")
                                 .with("de", () => "de")
                                 .with("es", () => "es")
-                                .otherwise(() => "en")}.pdf`), children: t("supportingDoc.downloadTemplate") }) })] })] }));
+                                .otherwise(() => "en")}.pdf`), children: t("supportingDoc.downloadTemplate") }) })] }), _jsxs(LakeModal, { visible: showSwornStatementModal, title: t("supportingDoc.swornStatementDeclaration"), icon: "document-regular", onPressClose: () => setShowSwornStatementModal(false), children: [_jsx(LakeText, { children: t("supportingDoc.swornStatementDeclaration.description") }), _jsx(Space, { height: 16 }), _jsx(LakeButtonGroup, { paddingBottom: 0, children: _jsx(LakeButton, { grow: true, color: "current", onPress: () => window.open("/sworn-statement-template/es.pdf"), children: t("supportingDoc.downloadTemplate") }) })] })] }));
 });

package/src/components/UploadArea.js

@@ -1,19 +1,19 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { formatNestedMessage, t } from "../utils/i18n";
 import { Box } from "@swan-io/lake/src/components/Box";
+import { FileTile } from "@swan-io/lake/src/components/FileTile";
 import { Icon } from "@swan-io/lake/src/components/Icon";
 import { LakeHeading } from "@swan-io/lake/src/components/LakeHeading";
 import { LakeText } from "@swan-io/lake/src/components/LakeText";
 import { Space } from "@swan-io/lake/src/components/Space";
+import { commonStyles } from "@swan-io/lake/src/constants/commonStyles";
 import { backgroundColor, colors, gray75, radii, shadows, spacings, } from "@swan-io/lake/src/constants/design";
+import { useBoolean } from "@swan-io/lake/src/hooks/useBoolean";
+import { getIconNameFromFilename } from "@swan-io/lake/src/utils/file";
 import { isNotNullish, isNullish } from "@swan-io/lake/src/utils/nullish";
 import { Fragment, useLayoutEffect, useRef } from "react";
 import { useDropzone } from "react-dropzone";
 import { StyleSheet, Text, View } from "react-native";
-import { commonStyles } from "@swan-io/lake/src/constants/commonStyles";
-import { useBoolean } from "@swan-io/lake/src/hooks/useBoolean";
-import { getIconNameFromFilename } from "@swan-io/lake/src/utils/file";
-import { FileTile } from "@swan-io/lake/src/components/FileTile";
+import { formatNestedMessage, t } from "../utils/i18n";
 const styles = StyleSheet.create({
     container: {
         backgroundColor: backgroundColor.accented,
@@ -54,28 +54,28 @@ const styles = StyleSheet.create({
         bottom: 0,
         left: "50%",
         opacity: 0,
-        transform: [{ translateX: "-50%" }, { scale: 0.6 }],
+        transform: "translateX(-50%) scale(0.6)",
         transitionProperty: ["opacity", "transform"],
         transitionDuration: "300ms",
         transitionTimingFunction: "ease-in-out",
     },
     decorativeIconLeftHovered: {
         opacity: 0.3,
-        transform: [{ translateX: "-50%" }, { translateX: -24 }, { scale: 0.6 }, { rotate: "-5deg" }],
+        transform: "translateX(-50%) translateX(-24px) scale(0.6) rotate(-5deg)",
     },
     decorativeIconRight: {
         position: "absolute",
         bottom: 0,
         left: "50%",
         opacity: 0,
-        transform: [{ translateX: "-50%" }, { scale: 0.6 }],
+        transform: "translateX(-50%) scale(0.6)",
         transitionProperty: ["opacity", "transform"],
         transitionDuration: "300ms",
         transitionTimingFunction: "ease-in-out",
     },
     decorativeIconRightHovered: {
         opacity: 0.3,
-        transform: [{ translateX: "-50%" }, { translateX: 24 }, { scale: 0.6 }, { rotate: "5deg" }],
+        transform: "translateX(-50%) translateX(24px) scale(0.6) rotate(5deg)",
     },
     progressBar: {
         flex: 1,
@@ -136,14 +136,14 @@ export const UploadArea = ({ icon, accept, value, documents = [], disabled = fal
         disabled,
         maxSize,
     });
-    return (_jsxs(View, { style: commonStyles.fill, children: [_jsx("div", { ...getRootProps(), onMouseEnter: setIsHovered.on, onMouseLeave: setIsHovered.off, children: _jsxs(View, { style: [
+    return (_jsxs(View, { style: commonStyles.fill, children: [_jsx("div", { ...getRootProps(), onMouseEnter: setIsHovered.on, onMouseLeave: setIsHovered.off, children: _jsxs(View, { "aria-errormessage": error != null ? error : fileRejections[0]?.errors.join(", "), style: [
                         styles.container,
                         disabled && styles.disabled,
                         layout === "horizontal" && styles.horizontalContainer,
                         !disabled && isHovered && styles.hoveredContainer,
                         isDragActive && styles.activeContainer,
                         (error != null || fileRejections.length > 0) && styles.errorContainer,
-                    ], accessibilityErrorMessage: error != null ? error : fileRejections[0]?.errors.join(", "), children: [_jsx("input", { ...getInputProps() }), isNotNullish(value) ? (value instanceof Element ? (_jsx(UploadAreaPreview, { value: value })) : (_jsxs(_Fragment, { children: [_jsx(Icon, { name: getIconNameFromFilename(value.name), size: 48, color: disabled ? colors.gray[200] : colors.current[500] }), _jsx(Space, { width: layout === "horizontal" ? 48 : 16, height: layout === "horizontal" ? 48 : 16 }), _jsxs(View, { style: styles.browseBlock, children: [_jsx(LakeHeading, { level: 5, variant: "h5", align: layout === "horizontal" ? "left" : "center", children: t("uploadArea.droppedFile") }), _jsx(Space, { height: 4 }), _jsx(LakeText, { variant: "smallRegular", color: colors.gray[200], children: value.name })] })] }))) : (_jsxs(_Fragment, { children: [_jsxs(View, { style: styles.icon, children: [_jsx(Icon, { name: icon, size: 48, color: disabled ? colors.gray[200] : colors.current[500], style: [
+                    ], children: [_jsx("input", { ...getInputProps() }), isNotNullish(value) ? (value instanceof Element ? (_jsx(UploadAreaPreview, { value: value })) : (_jsxs(_Fragment, { children: [_jsx(Icon, { name: getIconNameFromFilename(value.name), size: 48, color: disabled ? colors.gray[200] : colors.current[500] }), _jsx(Space, { width: layout === "horizontal" ? 48 : 16, height: layout === "horizontal" ? 48 : 16 }), _jsxs(View, { style: styles.browseBlock, children: [_jsx(LakeHeading, { level: 5, variant: "h5", align: layout === "horizontal" ? "left" : "center", children: t("uploadArea.droppedFile") }), _jsx(Space, { height: 4 }), _jsx(LakeText, { variant: "smallRegular", color: colors.gray[200], children: value.name })] })] }))) : (_jsxs(_Fragment, { children: [_jsxs(View, { style: styles.icon, children: [_jsx(Icon, { name: icon, size: 48, color: disabled ? colors.gray[200] : colors.current[500], style: [
                                                 styles.decorativeIconLeft,
                                                 (isDragActive || isHovered) && styles.decorativeIconLeftHovered,
                                             ] }), _jsx(Icon, { name: icon, size: 48, color: disabled ? colors.gray[200] : colors.current[500], style: [
@@ -156,6 +156,6 @@ 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(({ finished = false, ...document }, index) => {
                 const progress = Math.max(document.progress ?? 0, 3);
-                return (_jsxs(Fragment, { children: [_jsx(Space, { height: index === 0 ? 8 : 4 }), finished ? (_jsx(FileTile, { name: document.name ?? t("uploadArea.unknownFileName"), url: document.fileUrl, onRemove: isNullish(onRemoveFile) ? undefined : () => onRemoveFile(document.id) })) : (_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, { accessibilityRole: "progressbar", style: styles.progressBar, children: _jsx(View, { style: [styles.progress, { width: `${progress}%` }] }) })] }))] }, document.id));
+                return (_jsxs(Fragment, { children: [_jsx(Space, { height: index === 0 ? 8 : 4 }), finished ? (_jsx(FileTile, { name: document.name ?? t("uploadArea.unknownFileName"), url: document.fileUrl, onRemove: isNullish(onRemoveFile) ? undefined : () => onRemoveFile(document.id) })) : (_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}%` }] }) })] }))] }, document.id));
             })] }));
 };

package/src/constants/countries.d.ts

@@ -1985,18 +1985,19 @@ export declare const getCCA3forCCA2: (cca2: CountryCCA2) => "ALA" | "ASM" | "AND
 export declare const getCountryNameByCCA3: (cca3: string) => string;
 export declare const companyWithUboCountries: readonly ["BEL", "DEU", "FRA", "ITA", "LTU", "LUX", "NLD"];
 export type CompanyWithUboCountryCCA3 = (typeof companyWithUboCountries)[number];
-declare const individualCountries: ("BEL" | "CZE" | "DNK" | "DEU" | "EST" | "IRL" | "ESP" | "FRA" | "HRV" | "ISL" | "ITA" | "LVA" | "LIE" | "LTU" | "LUX" | "HUN" | "MLT" | "NLD" | "NOR" | "AUT" | "POL" | "PRT" | "ROU" | "SVN" | "SVK" | "FIN" | "SWE" | "GRC" | "CYP" | "BGR")[];
+export declare const allCountriesItems: CountryItem<CountryCCA3>[];
+declare const individualCountries: ("BEL" | "CZE" | "DNK" | "DEU" | "EST" | "IRL" | "ESP" | "FRA" | "HRV" | "ISL" | "ITA" | "LVA" | "LIE" | "LTU" | "LUX" | "HUN" | "MLT" | "MCO" | "NLD" | "NOR" | "AUT" | "POL" | "PRT" | "ROU" | "SVN" | "SVK" | "FIN" | "SWE" | "GRC" | "CYP" | "BGR")[];
 export type IndividualCountryCCA3 = (typeof individualCountries)[number];
 export declare const individualCountriesItems: CountryItem<IndividualCountryCCA3>[];
-declare const companyCountries: ("BEL" | "CZE" | "DNK" | "DEU" | "EST" | "IRL" | "ESP" | "FRA" | "HRV" | "ISL" | "ITA" | "LVA" | "LIE" | "LTU" | "LUX" | "HUN" | "MLT" | "NLD" | "NOR" | "AUT" | "POL" | "PRT" | "ROU" | "SVN" | "SVK" | "FIN" | "SWE" | "GRC" | "CYP" | "BGR")[];
+declare const companyCountries: ("BEL" | "CZE" | "DNK" | "DEU" | "EST" | "IRL" | "ESP" | "FRA" | "HRV" | "ISL" | "ITA" | "LVA" | "LIE" | "LTU" | "LUX" | "HUN" | "MLT" | "MCO" | "NLD" | "NOR" | "AUT" | "POL" | "PRT" | "ROU" | "SVN" | "SVK" | "FIN" | "SWE" | "GRC" | "CYP" | "BGR")[];
 export type CompanyCountryCCA3 = (typeof companyCountries)[number];
 export declare const companyCountriesItems: CountryItem<CompanyCountryCCA3>[];
 export declare const countriesWithMultipleCCA3: Partial<Record<CountryCCA3, string[]>>;
 export declare const isCountryCCA3: (value: unknown) => value is "ALA" | "ASM" | "AND" | "AGO" | "AIA" | "ATA" | "ATG" | "ARG" | "ABW" | "AUS" | "AZE" | "BHS" | "BGD" | "BRB" | "BEL" | "BLZ" | "BEN" | "BMU" | "BOL" | "BES" | "BIH" | "BWA" | "BVT" | "BRA" | "VGB" | "BFA" | "BDI" | "CPV" | "CMR" | "CAN" | "CYM" | "CZE" | "CHL" | "CXR" | "CCK" | "COL" | "COK" | "CRI" | "CIV" | "CUB" | "CUW" | "DNK" | "DEU" | "DJI" | "DMA" | "ECU" | "EST" | "IRL" | "SLV" | "ESP" | "FLK" | "FJI" | "FRO" | "FRA" | "GAB" | "GMB" | "GHA" | "GIB" | "GRD" | "GLP" | "GUM" | "GTM" | "GGY" | "GNB" | "GNQ" | "GIN" | "GUY" | "GUF" | "HTI" | "HMD" | "HND" | "HRV" | "IDN" | "ISL" | "IMN" | "ITA" | "JAM" | "JEY" | "GRL" | "KHM" | "KAZ" | "KEN" | "KIR" | "CAF" | "COM" | "REU" | "LVA" | "LSO" | "LBR" | "LIE" | "LTU" | "LUX" | "MDG" | "HUN" | "MHL" | "MWI" | "MYS" | "MDV" | "MLI" | "MLT" | "MTQ" | "MUS" | "MYT" | "MEX" | "FSM" | "MOZ" | "MDA" | "MCO" | "MSR" | "NAM" | "NLD" | "BRN" | "NZL" | "NIC" | "NER" | "NGA" | "NIU" | "NFK" | "NOR" | "MNP" | "NCL" | "AUT" | "UZB" | "PAK" | "PLW" | "PAN" | "PNG" | "PRY" | "PER" | "PHL" | "PCN" | "POL" | "PYF" | "PRT" | "PRI" | "DOM" | "UNK" | "COD" | "COG" | "ROU" | "RWA" | "KNA" | "LCA" | "VCT" | "BLM" | "MAF" | "SPM" | "WSM" | "SMR" | "STP" | "CHE" | "SEN" | "SYC" | "ALB" | "SLE" | "SGP" | "SVN" | "SVK" | "SLB" | "SOM" | "ZAF" | "SGS" | "SSD" | "LKA" | "FIN" | "SUR" | "SWE" | "SWZ" | "TZA" | "TCD" | "ATF" | "TLS" | "TGO" | "TON" | "TTO" | "TUR" | "TKM" | "TCA" | "TUV" | "UGA" | "GBR" | "USA" | "UMI" | "VIR" | "URY" | "VUT" | "VAT" | "VEN" | "VNM" | "WLF" | "ZMB" | "ZWE" | "BTN" | "GRC" | "CYP" | "BLR" | "BGR" | "KGZ" | "MKD" | "MNG" | "RUS" | "SRB" | "TJK" | "UKR" | "MNE" | "ARM" | "ISR" | "AFG" | "JOR" | "DZA" | "SDN" | "ESH" | "IRQ" | "SAU" | "KWT" | "MAR" | "YEM" | "IRN" | "TUN" | "ARE" | "SYR" | "OMN" | "PSE" | "QAT" | "LBN" | "EGY" | "MRT" | "NPL" | "IND" | "THA" | "LAO" | "MMR" | "GEO" | "ETH" | "ERI" | "BHR" | "LBY" | "CHN" | "JPN" | "MAC" | "TWN" | "HKG" | "KOR" | "PRK";
 export declare const isCountryCCA2: (value: unknown) => value is "AX" | "AS" | "AD" | "AO" | "AI" | "AQ" | "AG" | "AR" | "AW" | "AU" | "AZ" | "BS" | "BD" | "BB" | "BE" | "BZ" | "BJ" | "BM" | "BO" | "BQ" | "BA" | "BW" | "BV" | "BR" | "VG" | "BF" | "BI" | "CV" | "CM" | "CA" | "KY" | "CZ" | "CL" | "CX" | "CC" | "CO" | "CK" | "CR" | "CI" | "CU" | "CW" | "DK" | "DE" | "DJ" | "DM" | "EC" | "EE" | "IE" | "SV" | "ES" | "FK" | "FJ" | "FO" | "FR" | "GA" | "GM" | "GH" | "GI" | "GD" | "GP" | "GU" | "GT" | "GG" | "GW" | "GQ" | "GN" | "GY" | "GF" | "HT" | "HM" | "HN" | "HR" | "ID" | "IS" | "IM" | "IT" | "JM" | "JE" | "GL" | "KH" | "KZ" | "KE" | "KI" | "CF" | "KM" | "RE" | "LV" | "LS" | "LR" | "LI" | "LT" | "LU" | "MG" | "HU" | "MH" | "MW" | "MY" | "MV" | "ML" | "MT" | "MQ" | "MU" | "YT" | "MX" | "FM" | "MZ" | "MD" | "MC" | "MS" | "NA" | "NL" | "BN" | "NZ" | "NI" | "NE" | "NG" | "NU" | "NF" | "NO" | "MP" | "NC" | "AT" | "UZ" | "PK" | "PW" | "PA" | "PG" | "PY" | "PE" | "PH" | "PN" | "PL" | "PF" | "PT" | "PR" | "DO" | "XK" | "CD" | "CG" | "RO" | "RW" | "KN" | "LC" | "VC" | "BL" | "MF" | "PM" | "WS" | "SM" | "ST" | "CH" | "SN" | "SC" | "AL" | "SL" | "SG" | "SI" | "SK" | "SB" | "SO" | "ZA" | "GS" | "SS" | "LK" | "FI" | "SR" | "SE" | "SZ" | "TZ" | "TD" | "TF" | "TL" | "TG" | "TO" | "TT" | "TR" | "TM" | "TC" | "TV" | "UG" | "GB" | "US" | "UM" | "VI" | "UY" | "VU" | "VA" | "VE" | "VN" | "WF" | "ZM" | "ZW" | "BT" | "GR" | "CY" | "BY" | "BG" | "KG" | "MK" | "MN" | "RU" | "RS" | "TJ" | "UA" | "ME" | "AM" | "IL" | "AF" | "JO" | "DZ" | "SD" | "EH" | "IQ" | "SA" | "KW" | "MA" | "YE" | "IR" | "TN" | "AE" | "SY" | "OM" | "PS" | "QA" | "LB" | "EG" | "MR" | "NP" | "IN" | "TH" | "LA" | "MM" | "GE" | "ET" | "ER" | "BH" | "LY" | "CN" | "JP" | "MO" | "TW" | "HK" | "KR" | "KP";
-export declare const isIndividualCountryCCA3: (value: unknown) => value is "BEL" | "CZE" | "DNK" | "DEU" | "EST" | "IRL" | "ESP" | "FRA" | "HRV" | "ISL" | "ITA" | "LVA" | "LIE" | "LTU" | "LUX" | "HUN" | "MLT" | "NLD" | "NOR" | "AUT" | "POL" | "PRT" | "ROU" | "SVN" | "SVK" | "FIN" | "SWE" | "GRC" | "CYP" | "BGR";
-export declare const isCompanyCountryCCA3: (value: unknown) => value is "BEL" | "CZE" | "DNK" | "DEU" | "EST" | "IRL" | "ESP" | "FRA" | "HRV" | "ISL" | "ITA" | "LVA" | "LIE" | "LTU" | "LUX" | "HUN" | "MLT" | "NLD" | "NOR" | "AUT" | "POL" | "PRT" | "ROU" | "SVN" | "SVK" | "FIN" | "SWE" | "GRC" | "CYP" | "BGR";
+export declare const isIndividualCountryCCA3: (value: unknown) => value is "BEL" | "CZE" | "DNK" | "DEU" | "EST" | "IRL" | "ESP" | "FRA" | "HRV" | "ISL" | "ITA" | "LVA" | "LIE" | "LTU" | "LUX" | "HUN" | "MLT" | "MCO" | "NLD" | "NOR" | "AUT" | "POL" | "PRT" | "ROU" | "SVN" | "SVK" | "FIN" | "SWE" | "GRC" | "CYP" | "BGR";
+export declare const isCompanyCountryCCA3: (value: unknown) => value is "BEL" | "CZE" | "DNK" | "DEU" | "EST" | "IRL" | "ESP" | "FRA" | "HRV" | "ISL" | "ITA" | "LVA" | "LIE" | "LTU" | "LUX" | "HUN" | "MLT" | "MCO" | "NLD" | "NOR" | "AUT" | "POL" | "PRT" | "ROU" | "SVN" | "SVK" | "FIN" | "SWE" | "GRC" | "CYP" | "BGR";
 export declare const isCompanyWithUboCountryCCA3: (value: unknown) => value is "BEL" | "DEU" | "FRA" | "ITA" | "LTU" | "LUX" | "NLD";
-export declare const individualFallbackCountry: "BEL" | "CZE" | "DNK" | "DEU" | "EST" | "IRL" | "ESP" | "FRA" | "HRV" | "ISL" | "ITA" | "LVA" | "LIE" | "LTU" | "LUX" | "HUN" | "MLT" | "NLD" | "NOR" | "AUT" | "POL" | "PRT" | "ROU" | "SVN" | "SVK" | "FIN" | "SWE" | "GRC" | "CYP" | "BGR";
-export declare const companyFallbackCountry: "BEL" | "CZE" | "DNK" | "DEU" | "EST" | "IRL" | "ESP" | "FRA" | "HRV" | "ISL" | "ITA" | "LVA" | "LIE" | "LTU" | "LUX" | "HUN" | "MLT" | "NLD" | "NOR" | "AUT" | "POL" | "PRT" | "ROU" | "SVN" | "SVK" | "FIN" | "SWE" | "GRC" | "CYP" | "BGR";
+export declare const individualFallbackCountry: "BEL" | "CZE" | "DNK" | "DEU" | "EST" | "IRL" | "ESP" | "FRA" | "HRV" | "ISL" | "ITA" | "LVA" | "LIE" | "LTU" | "LUX" | "HUN" | "MLT" | "MCO" | "NLD" | "NOR" | "AUT" | "POL" | "PRT" | "ROU" | "SVN" | "SVK" | "FIN" | "SWE" | "GRC" | "CYP" | "BGR";
+export declare const companyFallbackCountry: "BEL" | "CZE" | "DNK" | "DEU" | "EST" | "IRL" | "ESP" | "FRA" | "HRV" | "ISL" | "ITA" | "LVA" | "LIE" | "LTU" | "LUX" | "HUN" | "MLT" | "MCO" | "NLD" | "NOR" | "AUT" | "POL" | "PRT" | "ROU" | "SVN" | "SVK" | "FIN" | "SWE" | "GRC" | "CYP" | "BGR";
 export {};

package/src/constants/countries.js

@@ -2220,6 +2220,7 @@ const readonlyCountries = [
 export const countries = readonlyCountries.concat([]);
 export const getCCA2forCCA3 = (cca3) => countries.find(country => country.cca3 === cca3)?.cca2;
 export const getCCA3forCCA2 = (cca2) => countries.find(country => country.cca2 === cca2)?.cca3;
+const isTranslatedCountry = (value) => Object.keys(names).includes(value);
 export const getCountryNameByCCA3 = (cca3) => {
     if (isTranslatedCountry(cca3)) {
         return names[cca3];
@@ -2250,6 +2251,7 @@ const names = {
     LUX: t("country.LUX"),
     LVA: t("country.LVA"),
     MLT: t("country.MLT"),
+    MCO: t("country.MCO"),
     NLD: t("country.NLD"),
     NOR: t("country.NOR"),
     POL: t("country.POL"),
@@ -2259,6 +2261,13 @@ const names = {
     SVN: t("country.SVN"),
     SWE: t("country.SWE"),
 };
+export const allCountriesItems = countries
+    .map(country => ({
+    name: getCountryNameByCCA3(country.cca3),
+    cca3: country.cca3,
+    cca2: country.cca2,
+}))
+    .sort((a, b) => a.name.localeCompare(b.name));
 const individualCountries = [
     "AUT",
     "BEL",
@@ -2290,6 +2299,7 @@ const individualCountries = [
     "ROU",
     "SWE",
     "BGR",
+    "MCO",
 ];
 export const individualCountriesItems = individualCountries
     .map(cca3 => ({
@@ -2329,6 +2339,7 @@ const companyCountries = [
     "BGR",
     "CYP",
     "NOR",
+    "MCO",
 ];
 export const companyCountriesItems = companyCountries
     .map(cca3 => ({
@@ -2346,7 +2357,6 @@ export const isCountryCCA2 = (value) => countries.some(({ cca2 }) => cca2 === va
 export const isIndividualCountryCCA3 = (value) => individualCountries.includes(value);
 export const isCompanyCountryCCA3 = (value) => companyCountries.includes(value);
 export const isCompanyWithUboCountryCCA3 = (value) => companyWithUboCountries.includes(value);
-const isTranslatedCountry = (value) => Object.keys(names).includes(value);
 const getBestNavigatorCountryIndividual = () => {
     const navigatorCountries = navigator.languages
         .map(lang => lang.split("-")[1])

package/src/constants/termsAndConditions.js

@@ -20,9 +20,10 @@ const termsAndConditions = {
 };
 const defaultTerms = termsAndConditions.FRA;
 export const getTermsAndConditionsPathByAccountCountryAndLocale = ({ rootUrl, accountCountry, locale, }) => {
+    const rootUrlWithSlash = rootUrl.endsWith("/") ? rootUrl : rootUrl + "/";
     if (accountCountry == null) {
-        return new URL(defaultTerms[locale], rootUrl).toString();
+        return rootUrlWithSlash + defaultTerms[locale];
     }
     const termsByLocale = termsAndConditions[accountCountry] ?? defaultTerms;
-    return new URL(termsByLocale[locale], rootUrl).toString();
+    return rootUrlWithSlash + termsByLocale[locale];
 };

package/src/hooks/useGoogleMapSDK.js

@@ -1,7 +1,7 @@
+import { Loader } from "@googlemaps/js-api-loader";
 import { AsyncData } from "@swan-io/boxed";
 import { useEffect } from "react";
 import { atom, useAtom } from "react-atomic-state";
-import { Loader } from "@googlemaps/js-api-loader";
 const sdk = atom(AsyncData.NotAsked());
 export const useGoogleMapSDK = ({ language, apiKey }) => {
     const googleSdk = useAtom(sdk);

package/src/locales/de.json

@@ -71,6 +71,7 @@
   "country.LTU": "Litauen",
   "country.LUX": "Luxemburg",
   "country.LVA": "Lettland",
+  "country.MCO": "Monaco",
   "country.MLT": "Malta",
   "country.NLD": "Niederlande",
   "country.NOR": "Norwegen",
@@ -88,6 +89,8 @@
   "registrationPage.defaultNumberLabel": "Registrierungsnummer",
   "registrationPage.withOrganismLabel": "Ist Ihre Firma bereits im {organismName} eingetragen?",
   "registrationPage.withoutOrganismNameLabel": "Sind Sie registriert?",
+  "supportingDoc.UBODeclaration": "Wirtschaftlicher Eigentümer Erklärung",
+  "supportingDoc.UBODeclaration.description": "Wirtschaftlicher Eigentümer Erklärung",
   "supportingDoc.associationRegistration": "Nachweis der Registrierung",
   "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)",

package/src/locales/en.json

@@ -71,6 +71,7 @@
   "country.LTU": "Lithuania",
   "country.LUX": "Luxembourg",
   "country.LVA": "Latvia",
+  "country.MCO": "Monaco",
   "country.MLT": "Malta",
   "country.NLD": "Netherlands",
   "country.NOR": "Norway",
@@ -88,6 +89,8 @@
   "registrationPage.defaultNumberLabel": "Registration number",
   "registrationPage.withOrganismLabel": "Are you registered to {organismName}?",
   "registrationPage.withoutOrganismNameLabel": "Are you registered?",
+  "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)",
@@ -104,6 +107,8 @@
   "supportingDoc.proofOfIdentity.description": "Authorized documents: Passport, ID card (only applicable to citizens of member country of the EEE zone), Residence permit (only applicable to residents of member country of the EEE zone)",
   "supportingDoc.signedStatus": "Statutes and By-laws",
   "supportingDoc.signedStatus.description": "The rules your company put in place to regulate members and maintain civility.",
+  "supportingDoc.swornStatementDeclaration": "Sworn Statement UBO Declaration",
+  "supportingDoc.swornStatementDeclaration.description": "For regulatory reason we need a sworn statement of the UBO declaration",
   "supportingDoc.whatIsThis": "What is this?",
   "supportingDoc.whoAreYou": "Who are you?",
   "uploadArea.browse": "browse",

package/src/locales/es.json

@@ -71,6 +71,7 @@
   "country.LTU": "Lituania",
   "country.LUX": "Luxemburgo",
   "country.LVA": "Letonia",
+  "country.MCO": "Mónaco",
   "country.MLT": "Malta",
   "country.NLD": "Países Bajos",
   "country.NOR": "Noruega",
@@ -88,6 +89,8 @@
   "registrationPage.defaultNumberLabel": "Número de registro",
   "registrationPage.withOrganismLabel": "¿Está usted registrado en {organismName}?",
   "registrationPage.withoutOrganismNameLabel": "¿Está usted registrado?",
+  "supportingDoc.UBODeclaration": "Declaración de titular real",
+  "supportingDoc.UBODeclaration.description": "Declaración de titular real",
   "supportingDoc.associationRegistration": "Prueba de registro",
   "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)",

package/src/locales/fr.json

@@ -71,6 +71,7 @@
   "country.LTU": "Lituanie",
   "country.LUX": "Luxembourg",
   "country.LVA": "Lettonie",
+  "country.MCO": "Monaco",
   "country.MLT": "Malte",
   "country.NLD": "Pays-Bas",
   "country.NOR": "Norvège",
@@ -88,6 +89,8 @@
   "registrationPage.defaultNumberLabel": "Numéro d'immatriculation",
   "registrationPage.withOrganismLabel": "Êtes-vous immatriculé au {organismName}?",
   "registrationPage.withoutOrganismNameLabel": "Êtes-vous immatriculé?",
+  "supportingDoc.UBODeclaration": "Déclaration des bénéficiares effectifs",
+  "supportingDoc.UBODeclaration.description": "Déclaration des bénéficiares effectifs",
   "supportingDoc.associationRegistration": "Preuve d'enregistrement",
   "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)",

package/src/locales/it.json

@@ -71,6 +71,7 @@
   "country.LTU": "Lituania",
   "country.LUX": "Lussemburgo",
   "country.LVA": "Lettonia",
+  "country.MCO": "Monaco",
   "country.MLT": "Malta",
   "country.NLD": "Paesi Bassi",
   "country.NOR": "Norvegia",
@@ -88,6 +89,8 @@
   "registrationPage.defaultNumberLabel": "Numero di registrazione",
   "registrationPage.withOrganismLabel": "Sei registrato a {organismName}?",
   "registrationPage.withoutOrganismNameLabel": "Sei registrato?",
+  "supportingDoc.UBODeclaration": "Dichiarazione di titolare effettivo",
+  "supportingDoc.UBODeclaration.description": "Dichiarazione di titolare effettivo",
   "supportingDoc.associationRegistration": "Prova di registrazione",
   "supportingDoc.associationRegistration.description": "Documento ufficiale attestante la registrazione della tua associazione. (< 3 mesi)",
   "supportingDoc.companyRegistration": "Prova di registrazione della società (< 3 mesi)",

package/src/locales/nl.json

@@ -71,6 +71,7 @@
   "country.LTU": "Lithouwen",
   "country.LUX": "Luxemburg",
   "country.LVA": "Letland",
+  "country.MCO": "Monaco",
   "country.MLT": "Malta",
   "country.NLD": "Nederland",
   "country.NOR": "Noorwegen",
@@ -88,6 +89,8 @@
   "registrationPage.defaultNumberLabel": "Registratienummer",
   "registrationPage.withOrganismLabel": "Bent u geregistreerd bij {organismName}?",
   "registrationPage.withoutOrganismNameLabel": "Bent u geregistreerd?",
+  "supportingDoc.UBODeclaration": "Uiteindelijk begunstigde verklaring",
+  "supportingDoc.UBODeclaration.description": "Uiteindelijk begunstigde verklaring",
   "supportingDoc.associationRegistration": "Bewijs van inschrijving",
   "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)",

package/src/locales/pt.json

@@ -71,6 +71,7 @@
   "country.LTU": "Lituânia",
   "country.LUX": "Luxemburgo",
   "country.LVA": "Letónia",
+  "country.MCO": "Mónaco",
   "country.MLT": "Malta",
   "country.NLD": "Paises Baixos",
   "country.NOR": "Noruega",
@@ -88,6 +89,8 @@
   "registrationPage.defaultNumberLabel": "Número de registo",
   "registrationPage.withOrganismLabel": "Você está registado no {organismName}?",
   "registrationPage.withoutOrganismNameLabel": "Você está registado?",
+  "supportingDoc.UBODeclaration": "Declaração dos beneficiários efetivos",
+  "supportingDoc.UBODeclaration.description": "Declaração dos beneficiários efetivos",
   "supportingDoc.associationRegistration": "Prova de registo",
   "supportingDoc.associationRegistration.description": "Documento oficial comprovando o registo da sua associação. (< 3 meses)",
   "supportingDoc.companyRegistration": "Prova de registo da empresa (< 3 meses)",

package/src/utils/date.d.ts

@@ -1,3 +1,2 @@
 export declare const decodeBirthDate: (value: string) => string;
-export declare const isValidBirthDate: (value: string) => boolean;
 export declare const encodeBirthDate: (value: string) => string;

package/src/utils/date.js

@@ -3,10 +3,6 @@ export const decodeBirthDate = (value) => {
     const date = dayjs.utc(value, "YYYY-MM-DD");
     return date.isValid() ? date.format("DD/MM/YYYY") : "";
 };
-export const isValidBirthDate = (value) => {
-    const date = dayjs.utc(value, "DD/MM/YYYY");
-    return date.isValid() && date.isBefore(dayjs.utc());
-};
 export const encodeBirthDate = (value) => {
     const date = dayjs.utc(value, "DD/MM/YYYY");
     return date.isValid() ? date.format("YYYY-MM-DD") : "";

package/src/utils/i18n.d.ts

@@ -2,7 +2,7 @@ import { RifmProps } from "@swan-io/lake/src/utils/rifm";
 import { ReactElement, ReactNode } from "react";
 import translationEN from "../locales/en.json";
 declare const supportedLanguages: readonly ["en", "es", "de", "fr", "it", "nl", "pt"];
-type SupportedLanguage = typeof supportedLanguages[number];
+type SupportedLanguage = (typeof supportedLanguages)[number];
 type TranslationParams = Record<string, string | number>;
 export type TranslationKey = keyof typeof translationEN;
 type Locale = {

package/src/utils/i18n.js

@@ -20,7 +20,7 @@ import translationFR from "../locales/fr.json";
 import translationIT from "../locales/it.json";
 import translationNL from "../locales/nl.json";
 import translationPT from "../locales/pt.json";
-import { getLanguagesHelpers, LANGUAGE_FALLBACK } from "./languages";
+import { LANGUAGE_FALLBACK, getLanguagesHelpers } from "./languages";
 // https://day.js.org/docs/en/plugin/plugin
 dayjs.extend(utc);
 dayjs.extend(customParseFormat);