@swan-io/shared-business 4.6.1 → 4.8.0

package/package.json

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

package/src/components/AddressFormPart.js

@@ -24,5 +24,5 @@ export const AddressFormPart = ({ initialAddress, initialCity, initialPostalCode
         }
         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(PlacekitAddressSearchInput, { inputRef: ref, apiKey: apiKey, 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] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Field, { name: "address", children: ({ ref, value, onChange, error }) => (_jsx(LakeLabel, { label: label !== null && label !== void 0 ? label : t("addressFormPart.addressLabel"), optionalLabel: optionalLabel, render: id => (_jsx(PlacekitAddressSearchInput, { inputRef: ref, apiKey: apiKey, emptyResultText: t("common.noResult"), placeholder: placeholder !== null && placeholder !== void 0 ? 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/BeneficiaryForm.js

@@ -49,6 +49,7 @@ const validateCca3CountryCode = value => {
     }
 };
 export const validateUbo = (editorState, accountCountry) => {
+    var _a, _b;
     const isAddressRequired = match(accountCountry)
         .with("DEU", "ESP", () => true)
         .otherwise(() => false);
@@ -74,7 +75,7 @@ export const validateUbo = (editorState, accountCountry) => {
             : undefined,
         type: validateNullableRequired(editorState.type),
         totalCapitalPercentage: editorState.type === "HasCapital"
-            ? validateNullableRequired(editorState.totalCapitalPercentage?.toString())
+            ? validateNullableRequired((_a = editorState.totalCapitalPercentage) === null || _a === void 0 ? void 0 : _a.toString())
             : undefined,
         residencyAddressLine1: isAddressRequired
             ? validateNullableRequired(editorState.residencyAddressLine1)
@@ -88,7 +89,7 @@ export const validateUbo = (editorState, accountCountry) => {
         residencyAddressPostalCode: isAddressRequired
             ? validateNullableRequired(editorState.residencyAddressPostalCode)
             : undefined,
-        taxIdentificationNumber: validateTaxNumber(editorState.taxIdentificationNumber ?? ""),
+        taxIdentificationNumber: validateTaxNumber((_b = editorState.taxIdentificationNumber) !== null && _b !== void 0 ? _b : ""),
         indirect: editorState.type !== "HasCapital" || editorState.direct === true
             ? undefined
             : validateBooleanRequired(editorState.indirect),
@@ -142,7 +143,7 @@ const CapitalTypeCheckboxes = ({ value, error, onChange }) => {
                                 .with({ indirect: false, value: "both" }, () => onChange("direct"))
                                 // other cases are impossible so we don't need to handle them
                                 .otherwise(noop);
-                        }, label: t("beneficiaryForm.beneficiary.indirectly"), isError: error != null })] }), _jsx(Space, { height: 4 }), _jsx(LakeText, { color: colors.negative[400], children: error ?? " " })] }));
+                        }, label: t("beneficiaryForm.beneficiary.indirectly"), isError: error != null })] }), _jsx(Space, { height: 4 }), _jsx(LakeText, { color: colors.negative[400], children: error !== null && error !== void 0 ? error : " " })] }));
 };
 const formSteps = ["common", "address"];
 const requiredStepFields = [
@@ -155,7 +156,8 @@ const requiredStepFields = [
     "type",
 ];
 export const BeneficiaryForm = forwardRef(({ initialState, accountCountry, step, placekitApiKey, onStepChange, onClose, onSave, onCityLoadError, }, ref) => {
-    const [reference] = useState(() => initialState?.reference ?? uuid());
+    var _a, _b, _c, _d, _e, _f, _g;
+    const [reference] = useState(() => { var _a; return (_a = initialState === null || initialState === void 0 ? void 0 : initialState.reference) !== null && _a !== void 0 ? _a : uuid(); });
     const isAddressRequired = match(accountCountry)
         .with("DEU", "ESP", () => true)
         .otherwise(() => false);
@@ -163,50 +165,50 @@ export const BeneficiaryForm = forwardRef(({ initialState, accountCountry, step,
         .with("ESP", "FRA", "NLD", () => true)
         .otherwise(() => false);
     const initialAddress = useRef({
-        residencyAddressLine1: initialState?.residencyAddressLine1,
-        residencyAddressCity: initialState?.residencyAddressCity,
-        residencyAddressPostalCode: initialState?.residencyAddressPostalCode,
+        residencyAddressLine1: initialState === null || initialState === void 0 ? void 0 : initialState.residencyAddressLine1,
+        residencyAddressCity: initialState === null || initialState === void 0 ? void 0 : initialState.residencyAddressCity,
+        residencyAddressPostalCode: initialState === null || initialState === void 0 ? void 0 : initialState.residencyAddressPostalCode,
     });
     const commonStepValues = useRef();
-    const initialBirthDate = initialState?.birthDate;
+    const initialBirthDate = initialState === null || initialState === void 0 ? void 0 : initialState.birthDate;
     const { Field, FieldsListener, setFieldValue, submitForm, listenFields, validateField } = useForm({
         firstName: {
-            initialValue: initialState?.firstName ?? "",
+            initialValue: (_a = initialState === null || initialState === void 0 ? void 0 : initialState.firstName) !== null && _a !== void 0 ? _a : "",
             validate: validateNullableRequired,
-            sanitize: value => value?.trim(),
+            sanitize: value => value === null || value === void 0 ? void 0 : value.trim(),
         },
         lastName: {
-            initialValue: initialState?.lastName ?? "",
+            initialValue: (_b = initialState === null || initialState === void 0 ? void 0 : initialState.lastName) !== null && _b !== void 0 ? _b : "",
             validate: validateNullableRequired,
-            sanitize: value => value?.trim(),
+            sanitize: value => value === null || value === void 0 ? void 0 : value.trim(),
         },
         birthDate: {
             initialValue: isNotNullishOrEmpty(initialBirthDate)
                 ? decodeBirthDate(initialBirthDate)
                 : "",
             validate: isBirthInfoRequired ? validateNullableRequired : undefined,
-            sanitize: value => value?.trim(),
+            sanitize: value => value === null || value === void 0 ? void 0 : value.trim(),
         },
         birthCountryCode: {
-            initialValue: initialState?.birthCountryCode ?? accountCountry,
+            initialValue: (_c = initialState === null || initialState === void 0 ? void 0 : initialState.birthCountryCode) !== null && _c !== void 0 ? _c : accountCountry,
             validate: validateNullableRequired,
         },
         birthCity: {
-            initialValue: initialState?.birthCity ?? "",
+            initialValue: (_d = initialState === null || initialState === void 0 ? void 0 : initialState.birthCity) !== null && _d !== void 0 ? _d : "",
             validate: isBirthInfoRequired ? validateNullableRequired : undefined,
-            sanitize: value => value?.trim(),
+            sanitize: value => value === null || value === void 0 ? void 0 : value.trim(),
         },
         birthCityPostalCode: {
-            initialValue: initialState?.birthCityPostalCode ?? "",
+            initialValue: (_e = initialState === null || initialState === void 0 ? void 0 : initialState.birthCityPostalCode) !== null && _e !== void 0 ? _e : "",
             validate: isBirthInfoRequired ? validateNullableRequired : undefined,
-            sanitize: value => value?.trim(),
+            sanitize: value => value === null || value === void 0 ? void 0 : value.trim(),
         },
         type: {
-            initialValue: initialState?.type ?? "HasCapital",
+            initialValue: (_f = initialState === null || initialState === void 0 ? void 0 : initialState.type) !== null && _f !== void 0 ? _f : "HasCapital",
             validate: validateRequired,
         },
         capitalType: {
-            initialValue: getCapitalType(initialState?.direct, initialState?.indirect),
+            initialValue: getCapitalType(initialState === null || initialState === void 0 ? void 0 : initialState.direct, initialState === null || initialState === void 0 ? void 0 : initialState.indirect),
             validate: (value, { getFieldState }) => {
                 const type = getFieldState("type");
                 if (type.value === "HasCapital" && value === "none") {
@@ -216,33 +218,33 @@ export const BeneficiaryForm = forwardRef(({ initialState, accountCountry, step,
             },
         },
         totalCapitalPercentage: {
-            initialValue: initialState?.totalCapitalPercentage?.toString(),
+            initialValue: (_g = initialState === null || initialState === void 0 ? void 0 : initialState.totalCapitalPercentage) === null || _g === void 0 ? void 0 : _g.toString(),
             validate: validateNullableRequired,
-            sanitize: value => value?.trim(),
+            sanitize: value => value === null || value === void 0 ? void 0 : value.trim(),
         },
         address: {
-            initialValue: initialState?.residencyAddressLine1,
+            initialValue: initialState === null || initialState === void 0 ? void 0 : initialState.residencyAddressLine1,
             validate: isAddressRequired ? validateNullableRequired : undefined,
-            sanitize: value => value?.trim(),
+            sanitize: value => value === null || value === void 0 ? void 0 : value.trim(),
         },
         city: {
-            initialValue: initialState?.residencyAddressCity,
+            initialValue: initialState === null || initialState === void 0 ? void 0 : initialState.residencyAddressCity,
             validate: isAddressRequired ? validateNullableRequired : undefined,
-            sanitize: value => value?.trim(),
+            sanitize: value => value === null || value === void 0 ? void 0 : value.trim(),
         },
         postalCode: {
-            initialValue: initialState?.residencyAddressPostalCode,
+            initialValue: initialState === null || initialState === void 0 ? void 0 : initialState.residencyAddressPostalCode,
             validate: isAddressRequired ? validateNullableRequired : undefined,
-            sanitize: value => value?.trim(),
+            sanitize: value => value === null || value === void 0 ? void 0 : value.trim(),
         },
         country: {
-            initialValue: isCountryCCA3(initialState?.residencyAddressCountry)
-                ? initialState?.residencyAddressCountry
+            initialValue: isCountryCCA3(initialState === null || initialState === void 0 ? void 0 : initialState.residencyAddressCountry)
+                ? initialState === null || initialState === void 0 ? void 0 : initialState.residencyAddressCountry
                 : accountCountry,
             validate: isAddressRequired ? validateNullableRequired : undefined,
         },
         taxIdentificationNumber: {
-            initialValue: initialState?.taxIdentificationNumber,
+            initialValue: initialState === null || initialState === void 0 ? void 0 : initialState.taxIdentificationNumber,
             validate: (value, { getFieldState }) => {
                 const uboCountry = getFieldState("country").value;
                 if (accountCountry === "DEU" && uboCountry === "DEU") {
@@ -250,7 +252,7 @@ export const BeneficiaryForm = forwardRef(({ initialState, accountCountry, step,
                 }
                 return validateIndividualTaxNumber(accountCountry)(value);
             },
-            sanitize: value => value?.trim(),
+            sanitize: value => value === null || value === void 0 ? void 0 : value.trim(),
         },
     });
     const hasBeenSubmittedOnce = useRef(false);
@@ -265,9 +267,9 @@ export const BeneficiaryForm = forwardRef(({ initialState, accountCountry, step,
         // without this, address form part initial values stays empty and city and postal code aren't automatically mounted
         return listenFields(["address", "city", "postalCode"], ({ address, city, postalCode }) => {
             initialAddress.current = {
-                residencyAddressLine1: address?.value,
-                residencyAddressCity: city?.value,
-                residencyAddressPostalCode: postalCode?.value,
+                residencyAddressLine1: address === null || address === void 0 ? void 0 : address.value,
+                residencyAddressCity: city === null || city === void 0 ? void 0 : city.value,
+                residencyAddressPostalCode: postalCode === null || postalCode === void 0 ? void 0 : postalCode.value,
             };
         });
     });
@@ -293,6 +295,7 @@ export const BeneficiaryForm = forwardRef(({ initialState, accountCountry, step,
             submit: () => {
                 hasBeenSubmittedOnce.current = true;
                 submitForm(values => {
+                    var _a;
                     if (step === "common" &&
                         isAddressRequired &&
                         hasDefinedKeys(values, requiredStepFields)) {
@@ -302,7 +305,7 @@ export const BeneficiaryForm = forwardRef(({ initialState, accountCountry, step,
                     }
                     const allStepsValues = { ...commonStepValues.current, ...values };
                     if (hasDefinedKeys(allStepsValues, requiredStepFields)) {
-                        const [direct, indirect] = getDirectAndIndirect(allStepsValues.capitalType ?? "none");
+                        const [direct, indirect] = getDirectAndIndirect((_a = allStepsValues.capitalType) !== null && _a !== void 0 ? _a : "none");
                         return onSave({
                             reference,
                             firstName: allStepsValues.firstName,
@@ -329,7 +332,7 @@ 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"), 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(PlacekitCityInput, { id: id, apiKey: placekitApiKey, 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 !== null && value !== void 0 ? 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(PlacekitCityInput, { id: id, apiKey: placekitApiKey, error: error, country: birthCountryCode.value, value: value !== null && value !== void 0 ? value : "", onValueChange: onChange, placeholder: birthCountryCode.value == null
                                                         ? t("beneficiaryForm.beneficiary.fillBirthCountry")
                                                         : t("beneficiaryForm.beneficiary.birthCityPlaceholder"), onSuggestion: place => {
                                                         onChange(place.city);
@@ -338,10 +341,13 @@ export const BeneficiaryForm = forwardRef(({ initialState, accountCountry, step,
                                                         }
                                                     }, 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 })) })) })] })) }) }), _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: allCountries, onValueChange: onChange })) })) }), _jsx(Space, { height: 12 }), _jsx(FieldsListener, { names: ["country"], children: ({ country }) => (_jsxs(_Fragment, { children: [_jsx(AddressFormPart, { apiKey: placekitApiKey, 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 with UBO living in Germany
-                                                    required: accountCountry === "DEU" && country?.value === "DEU" })) })] }))] })) })] })))
+                                                        : 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 !== null && value !== void 0 ? 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: allCountries, onValueChange: onChange })) })) }), _jsx(Space, { height: 12 }), _jsx(FieldsListener, { names: ["country"], children: ({ country }) => {
+                                var _a, _b, _c, _d;
+                                return (_jsxs(_Fragment, { children: [_jsx(AddressFormPart, { apiKey: placekitApiKey, initialAddress: (_a = initialAddress.current.residencyAddressLine1) !== null && _a !== void 0 ? _a : "", initialCity: (_b = initialAddress.current.residencyAddressCity) !== null && _b !== void 0 ? _b : "", initialPostalCode: (_c = initialAddress.current.residencyAddressPostalCode) !== null && _c !== void 0 ? _c : "", country: (_d = country === null || country === void 0 ? void 0 : country.value) !== null && _d !== void 0 ? _d : accountCountry, label: t("beneficiaryForm.beneficiary.address"), Field: Field, setFieldValue: setFieldValue, listenFields: listenFields, isLarge: large }), ((accountCountry === "DEU" && (country === null || country === void 0 ? void 0 : 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 !== null && value !== void 0 ? value : "", error: error, valid: valid, onChange: onChange, accountCountry: accountCountry, isCompany: false, 
+                                                        // is mandatory for German accounts with UBO living in Germany
+                                                        required: accountCountry === "DEU" && (country === null || country === void 0 ? void 0 : country.value) === "DEU" })) })] }))] }));
+                            } })] })))
                     .exhaustive(), isAddressRequired && (_jsxs(_Fragment, { children: [_jsx(Space, { height: 12 }), _jsx(StepDots, { currentStep: step, steps: formSteps })] }))] })) }));
 });

package/src/components/ChoicePicker.js

@@ -144,6 +144,7 @@ export const ChoicePicker = ({ items, getId = identity, large = false, renderIte
         }
     };
     const onPressPrevious = () => {
+        var _a;
         const scrollContainer = containerRef.current;
         if (scrollContainer instanceof HTMLDivElement) {
             const scrollLeft = scrollContainer.scrollLeft;
@@ -152,7 +153,7 @@ export const ChoicePicker = ({ items, getId = identity, large = false, renderIte
             const previousIndex = Math.max(0, index - 1);
             // remove scroll snap during scroll animation to avoid weird behavior on older browsers
             scrollContainer.style.scrollSnapType = "none";
-            containerRef.current?.scrollTo({ x: previousIndex * width, animated: true });
+            (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo({ x: previousIndex * width, animated: true });
             detectScrollAnimationEnd(scrollContainer).onResolve(() => {
                 // set back scroll snap
                 // @ts-expect-error
@@ -161,6 +162,7 @@ export const ChoicePicker = ({ items, getId = identity, large = false, renderIte
         }
     };
     const onPressNext = () => {
+        var _a;
         const scrollContainer = containerRef.current;
         if (scrollContainer instanceof HTMLDivElement) {
             const scrollLeft = scrollContainer.scrollLeft;
@@ -169,7 +171,7 @@ export const ChoicePicker = ({ items, getId = identity, large = false, renderIte
             const nextIndex = Math.min(items.length - 1, index + 1);
             // remove scroll snap during scroll animation to avoid weird behavior on older browsers
             scrollContainer.style.scrollSnapType = "none";
-            containerRef.current?.scrollTo({ x: nextIndex * width, animated: true });
+            (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo({ x: nextIndex * width, animated: true });
             detectScrollAnimationEnd(scrollContainer).onResolve(() => {
                 // set back scroll snap
                 // @ts-expect-error

package/src/components/CollapsibleLakeAlert.d.ts

@@ -0,0 +1,10 @@
+import { LakeAlert } from "@swan-io/lake/src/components/LakeAlert";
+import { ComponentProps, ReactNode } from "react";
+type CollapsibleLakeAlertProps = ComponentProps<typeof LakeAlert> & {
+    showMoreLabel?: string;
+    showLessLabel?: string;
+    initialCollapsed?: boolean;
+    children?: ReactNode;
+};
+export declare const CollapsibleLakeAlert: ({ showMoreLabel, showLessLabel, initialCollapsed, children, ...rest }: CollapsibleLakeAlertProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/src/components/CollapsibleLakeAlert.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { LakeAlert } from "@swan-io/lake/src/components/LakeAlert";
+import { LakeButton } from "@swan-io/lake/src/components/LakeButton";
+import { useBoolean } from "@swan-io/lake/src/hooks/useBoolean";
+import { isNotNullish } from "@swan-io/lake/src/utils/nullish";
+import { t } from "../utils/i18n";
+export const CollapsibleLakeAlert = ({ showMoreLabel = t("common.showMore"), showLessLabel = t("common.showLess"), initialCollapsed = false, children, ...rest }) => {
+    const [visible, { toggle }] = useBoolean(initialCollapsed);
+    return (_jsx(LakeAlert, { anchored: true, ...rest, callToAction: isNotNullish(children) ? (_jsx(LakeButton, { onPress: toggle, mode: "tertiary", size: "small", children: visible ? showLessLabel : showMoreLabel })) : null, children: visible ? children : null }));
+};

package/src/components/ConfirmModal.js

@@ -12,5 +12,5 @@ const styles = StyleSheet.create({
     },
 });
 export const ConfirmModal = ({ visible, title, message, confirmText, cancelText, color = "partner", icon, loading, onConfirm, onCancel, }) => {
-    return (_jsxs(LakeModal, { visible: visible, title: title, icon: icon, color: color, children: [message != null && _jsx(LakeText, { children: message }), _jsx(Space, { height: 48 }), _jsxs(Box, { direction: "row", children: [_jsx(LakeButton, { style: styles.confirmButton, mode: "secondary", onPress: onCancel, children: cancelText ?? t("common.cancel") }), _jsx(Space, { width: 24 }), _jsx(LakeButton, { style: styles.confirmButton, color: color, onPress: onConfirm, loading: loading, children: confirmText })] })] }));
+    return (_jsxs(LakeModal, { visible: visible, title: title, icon: icon, color: color, children: [message != null && _jsx(LakeText, { children: message }), _jsx(Space, { height: 48 }), _jsxs(Box, { direction: "row", children: [_jsx(LakeButton, { style: styles.confirmButton, mode: "secondary", onPress: onCancel, children: cancelText !== null && cancelText !== void 0 ? cancelText : t("common.cancel") }), _jsx(Space, { width: 24 }), _jsx(LakeButton, { style: styles.confirmButton, color: color, onPress: onConfirm, loading: loading, children: confirmText })] })] }));
 };

package/src/components/DatePicker.js

@@ -477,18 +477,18 @@ export const DatePicker = ({ label, value, error, format, firstWeekDay, isSelect
     const ref = useRef(null);
     const [isOpened, { open, close }] = useDisclosure(false);
     const popoverId = useId();
-    return (_jsxs(_Fragment, { children: [_jsx(Box, { direction: "row", alignItems: "end", children: _jsx(LakeLabel, { label: label, style: styles.label, actions: _jsx(LakeButton, { mode: "secondary", icon: "calendar-ltr-regular", size: "small", onPress: open, ariaLabel: t("common.open") }), render: id => (_jsx(Rifm, { value: value ?? "", onChange: onChange, ...rifmDateProps, children: ({ value, onChange }) => (_jsx(LakeTextInput, { ref: ref, id: id, placeholder: format, value: value, error: error, onChange: onChange, ariaExpanded: isOpened })) })) }) }), _jsx(Popover, { id: popoverId, role: "dialog", onDismiss: close, referenceRef: ref, visible: isOpened, field: true, children: _jsx(View, { style: desktop ? styles.popoverDesktop : styles.popover, children: _jsx(DatePickerPopoverContent, { value: value, format: format, firstWeekDay: firstWeekDay, desktop: desktop, isSelectable: isSelectable, onChange: onChange }) }) })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Box, { direction: "row", alignItems: "end", children: _jsx(LakeLabel, { label: label, style: styles.label, actions: _jsx(LakeButton, { mode: "secondary", icon: "calendar-ltr-regular", size: "small", onPress: open, ariaLabel: t("common.open") }), render: id => (_jsx(Rifm, { value: value !== null && value !== void 0 ? value : "", onChange: onChange, ...rifmDateProps, children: ({ value, onChange }) => (_jsx(LakeTextInput, { ref: ref, id: id, placeholder: format, value: value, error: error, onChange: onChange, ariaExpanded: isOpened })) })) }) }), _jsx(Popover, { id: popoverId, role: "dialog", onDismiss: close, referenceRef: ref, visible: isOpened, field: true, children: _jsx(View, { style: desktop ? styles.popoverDesktop : styles.popover, children: _jsx(DatePickerPopoverContent, { value: value, format: format, firstWeekDay: firstWeekDay, desktop: desktop, isSelectable: isSelectable, onChange: onChange }) }) })] }));
 };
 export const DatePickerModal = ({ value, format, firstWeekDay, isSelectable, onChange, visible, label, cancelLabel, confirmLabel, validate, onDissmiss, }) => {
     const { desktop } = useResponsive(DATE_PICKER_MOBILE_THRESHOLD);
     const { Field, submitForm, setFieldValue, resetField } = useForm({
         date: {
-            initialValue: value ?? "",
+            initialValue: value !== null && value !== void 0 ? value : "",
             validate,
         },
     });
     const handleCancel = () => {
-        setFieldValue("date", value ?? "");
+        setFieldValue("date", value !== null && value !== void 0 ? value : "");
         onDissmiss();
     };
     const handleConfirm = () => {
@@ -616,7 +616,7 @@ export const DateRangePicker = ({ value, error, format, startLabel, endLabel, fi
     const handleEndChange = useCallback((end) => {
         onChange({ start: value.start, end });
     }, [value, onChange]);
-    return (_jsxs(View, { children: [_jsxs(Box, { direction: "row", alignItems: "end", children: [_jsx(LakeLabel, { label: startLabel, style: styles.label, render: id => (_jsx(Rifm, { value: value.start, onChange: handleStartChange, ...rifmDateProps, children: ({ value, onChange }) => (_jsx(LakeTextInput, { ref: ref, id: id, placeholder: format, value: value, onChange: onChange, error: error, hideErrors: true, ariaExpanded: isOpened })) })) }), _jsx(Space, { width: 12 }), _jsx(Box, { style: styles.arrowContainer, justifyContent: "center", children: _jsx(Icon, { name: "arrow-right-filled", size: 20 }) }), _jsx(Space, { width: 12 }), _jsx(LakeLabel, { label: endLabel, style: styles.label, render: id => (_jsx(Rifm, { value: value.end, onChange: handleEndChange, ...rifmDateProps, children: ({ value, onChange }) => (_jsx(LakeTextInput, { id: id, placeholder: format, value: value, onChange: onChange, error: error, hideErrors: true, ariaExpanded: isOpened })) })) }), _jsx(Space, { width: 12 }), _jsx(LakeButton, { mode: "secondary", icon: "calendar-ltr-regular", size: "small", onPress: open, ariaLabel: t("common.open") })] }), _jsx(Space, { height: 4 }), _jsx(LakeText, { variant: "smallRegular", color: colors.negative[500], children: error ?? " " }), _jsx(DateModal, { visible: isOpened, maxWidth: 900, withCloseButton: true, onPressClose: close, children: _jsx(DateRangePickerModalContent, { value: value, format: format, firstWeekDay: firstWeekDay, desktop: desktop, displayTwoCalendar: displayTwoCalendar, isSelectable: isSelectable, onChange: onChange }) })] }));
+    return (_jsxs(View, { children: [_jsxs(Box, { direction: "row", alignItems: "end", children: [_jsx(LakeLabel, { label: startLabel, style: styles.label, render: id => (_jsx(Rifm, { value: value.start, onChange: handleStartChange, ...rifmDateProps, children: ({ value, onChange }) => (_jsx(LakeTextInput, { ref: ref, id: id, placeholder: format, value: value, onChange: onChange, error: error, hideErrors: true, ariaExpanded: isOpened })) })) }), _jsx(Space, { width: 12 }), _jsx(Box, { style: styles.arrowContainer, justifyContent: "center", children: _jsx(Icon, { name: "arrow-right-filled", size: 20 }) }), _jsx(Space, { width: 12 }), _jsx(LakeLabel, { label: endLabel, style: styles.label, render: id => (_jsx(Rifm, { value: value.end, onChange: handleEndChange, ...rifmDateProps, children: ({ value, onChange }) => (_jsx(LakeTextInput, { id: id, placeholder: format, value: value, onChange: onChange, error: error, hideErrors: true, ariaExpanded: isOpened })) })) }), _jsx(Space, { width: 12 }), _jsx(LakeButton, { mode: "secondary", icon: "calendar-ltr-regular", size: "small", onPress: open, ariaLabel: t("common.open") })] }), _jsx(Space, { height: 4 }), _jsx(LakeText, { variant: "smallRegular", color: colors.negative[500], children: error !== null && error !== void 0 ? error : " " }), _jsx(DateModal, { visible: isOpened, maxWidth: 900, withCloseButton: true, onPressClose: close, children: _jsx(DateRangePickerModalContent, { value: value, format: format, firstWeekDay: firstWeekDay, desktop: desktop, displayTwoCalendar: displayTwoCalendar, isSelectable: isSelectable, onChange: onChange }) })] }));
 };
 export const DateRangePickerModal = ({ value, error, format, firstWeekDay, isSelectable, onChange, visible, startLabel, endLabel, cancelLabel, confirmLabel, onDissmiss, }) => {
     const { desktop } = useResponsive(MODALE_MOBILE_THRESHOLD);
@@ -639,5 +639,5 @@ export const DateRangePickerModal = ({ value, error, format, firstWeekDay, isSel
         onChange(localeValue);
         onDissmiss();
     };
-    return (_jsxs(DateModal, { visible: visible, maxWidth: 900, onPressClose: handleCancel, children: [_jsxs(View, { children: [_jsxs(Box, { direction: "row", alignItems: "end", children: [_jsx(LakeLabel, { label: startLabel, style: styles.label, render: id => (_jsx(Rifm, { value: localeValue.start, onChange: handleStartChange, ...rifmDateProps, children: ({ value, onChange }) => (_jsx(LakeTextInput, { id: id, placeholder: format, value: value, onChange: onChange, error: error, hideErrors: true })) })) }), _jsx(Space, { width: 12 }), _jsx(Box, { style: styles.arrowContainer, justifyContent: "center", children: _jsx(Icon, { name: "arrow-right-filled", size: 20 }) }), _jsx(Space, { width: 12 }), _jsx(LakeLabel, { label: endLabel, style: styles.label, render: id => (_jsx(Rifm, { value: localeValue.end, onChange: handleEndChange, ...rifmDateProps, children: ({ value, onChange }) => (_jsx(LakeTextInput, { id: id, placeholder: format, value: value, onChange: onChange, error: error, hideErrors: true })) })) })] }), _jsx(Space, { height: 4 }), _jsx(LakeText, { variant: "smallRegular", color: colors.negative[500], children: error ?? " " })] }), _jsx(DateRangePickerModalContent, { value: localeValue, format: format, firstWeekDay: firstWeekDay, desktop: desktop, displayTwoCalendar: displayTwoCalendar, isSelectable: isSelectable, onChange: setLocaleValue }), _jsx(Space, { height: 24 }), _jsxs(Box, { direction: "row", alignItems: "center", children: [_jsx(LakeButton, { mode: "secondary", size: "small", onPress: handleCancel, style: styles.button, children: cancelLabel }), _jsx(Space, { width: 24 }), _jsx(LakeButton, { color: "current", size: "small", onPress: handleConfirm, style: styles.button, children: confirmLabel })] })] }));
+    return (_jsxs(DateModal, { visible: visible, maxWidth: 900, onPressClose: handleCancel, children: [_jsxs(View, { children: [_jsxs(Box, { direction: "row", alignItems: "end", children: [_jsx(LakeLabel, { label: startLabel, style: styles.label, render: id => (_jsx(Rifm, { value: localeValue.start, onChange: handleStartChange, ...rifmDateProps, children: ({ value, onChange }) => (_jsx(LakeTextInput, { id: id, placeholder: format, value: value, onChange: onChange, error: error, hideErrors: true })) })) }), _jsx(Space, { width: 12 }), _jsx(Box, { style: styles.arrowContainer, justifyContent: "center", children: _jsx(Icon, { name: "arrow-right-filled", size: 20 }) }), _jsx(Space, { width: 12 }), _jsx(LakeLabel, { label: endLabel, style: styles.label, render: id => (_jsx(Rifm, { value: localeValue.end, onChange: handleEndChange, ...rifmDateProps, children: ({ value, onChange }) => (_jsx(LakeTextInput, { id: id, placeholder: format, value: value, onChange: onChange, error: error, hideErrors: true })) })) })] }), _jsx(Space, { height: 4 }), _jsx(LakeText, { variant: "smallRegular", color: colors.negative[500], children: error !== null && error !== void 0 ? error : " " })] }), _jsx(DateRangePickerModalContent, { value: localeValue, format: format, firstWeekDay: firstWeekDay, desktop: desktop, displayTwoCalendar: displayTwoCalendar, isSelectable: isSelectable, onChange: setLocaleValue }), _jsx(Space, { height: 24 }), _jsxs(Box, { direction: "row", alignItems: "center", children: [_jsx(LakeButton, { mode: "secondary", size: "small", onPress: handleCancel, style: styles.button, children: cancelLabel }), _jsx(Space, { width: 24 }), _jsx(LakeButton, { color: "current", size: "small", onPress: handleConfirm, style: styles.button, children: confirmLabel })] })] }));
 };

package/src/components/PlacekitAddressSearchInput.js

@@ -7,8 +7,9 @@ import { usePlacekit } from "../hooks/usePlacekit";
 export const PlacekitAddressSearchInput = ({ inputRef, id, country, disabled, error, value, onValueChange, onSuggestion, language, placeholder, shouldDisplaySuggestions = true, emptyResultText, apiKey, }) => {
     const placekit = usePlacekit({ apiKey });
     const loadSuggestions = useCallback((value) => {
+        var _a;
         if (placekit != null) {
-            const countries = Array.filterMap(countriesWithMultipleCCA3[country] ?? [country], cca3 => Option.fromNullable(getCCA2forCCA3(cca3)));
+            const countries = Array.filterMap((_a = countriesWithMultipleCCA3[country]) !== null && _a !== void 0 ? _a : [country], cca3 => Option.fromNullable(getCCA2forCCA3(cca3)));
             const cca2Countries = countries.length === 0 ? Option.None() : Option.Some(countries);
             return Future.fromPromise(placekit.search(value, {
                 types: ["street"],
@@ -23,7 +24,7 @@ export const PlacekitAddressSearchInput = ({ inputRef, id, country, disabled, er
         return Future.value(Result.Ok([]));
     }, [placekit, country, language]);
     const onSuggestionSelected = useCallback((suggestion) => {
-        onSuggestion?.({
+        onSuggestion === null || onSuggestion === void 0 ? void 0 : onSuggestion({
             completeAddress: suggestion.value.name,
             postalCode: suggestion.value.zipcode[0],
             city: suggestion.value.city,

package/src/components/PlacekitCityInput.js

@@ -10,7 +10,7 @@ export const PlacekitCityInput = ({ value, onValueChange, country, disabled, pla
     const loadSuggestions = useCallback((value) => {
         if (placekit != null) {
             const countries = Option.fromNullable(country)
-                .map(country => countriesWithMultipleCCA3[country] ?? [country])
+                .map(country => { var _a; return (_a = countriesWithMultipleCCA3[country]) !== null && _a !== void 0 ? _a : [country]; })
                 .map(cca3Codes => Array.filterMap(cca3Codes, cca3 => Option.fromNullable(getCCA2forCCA3(cca3))))
                 .flatMap(array => (array.length === 0 ? Option.None() : Option.Some(array)));
             return Future.fromPromise(placekit.search(value, {
@@ -25,7 +25,7 @@ export const PlacekitCityInput = ({ value, onValueChange, country, disabled, pla
         return Future.value(Result.Ok([]));
     }, [placekit, country]);
     const onSuggestionSelected = useCallback((suggestion) => {
-        onSuggestion?.({
+        onSuggestion === null || onSuggestion === void 0 ? void 0 : onSuggestion({
             city: suggestion.value.city,
             postalCode: suggestion.value.zipcode[0],
         });

package/src/components/SupportChat.js

@@ -34,7 +34,7 @@ export const SupportChat = ({ children, accentColor, type, additionalInfo }) =>
     useEffect(() => {
         // @ts-expect-error
         window.zESettings = {
-            color: { theme: accentColor ?? "#26232f" },
+            color: { theme: accentColor !== null && accentColor !== void 0 ? accentColor : "#26232f" },
         };
     }, [accentColor]);
     useEffect(() => {
@@ -43,7 +43,7 @@ export const SupportChat = ({ children, accentColor, type, additionalInfo }) =>
         zendeskApi.onResolve(() => {
             try {
                 zE("webWidget", "updateSettings", {
-                    color: { theme: accentColor ?? "#26232f" },
+                    color: { theme: accentColor !== null && accentColor !== void 0 ? accentColor : "#26232f" },
                     webWidget: {
                         contactForm: {
                             fields: Array.filterMap(values, ([key, value]) => value != null

package/src/components/SupportingDocument.js

@@ -47,11 +47,13 @@ const Help = (props) => {
         .exhaustive();
 };
 export const SupportingDocument = forwardRef(({ documents, getAwsUrl, onChange, requiredDocumentTypes, onboardingLanguage = locale.language }, externalRef) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     const initialValues = useMemo(() => documents.reduce((acc, doc) => {
+        var _a;
         return {
             ...acc,
             [doc.purpose]: [
-                ...(acc[doc.purpose] ?? []),
+                ...((_a = acc[doc.purpose]) !== null && _a !== void 0 ? _a : []),
                 {
                     status: "finished",
                     id: doc.id,
@@ -65,35 +67,35 @@ export const SupportingDocument = forwardRef(({ documents, getAwsUrl, onChange,
     const [showSwornStatementModal, setShowSwornStatementModal] = useState(false);
     const { Field, setFieldValue, getFieldState, listenFields, submitForm } = useForm({
         CompanyRegistration: {
-            initialValue: initialValues["CompanyRegistration"] ?? [],
+            initialValue: (_a = initialValues["CompanyRegistration"]) !== null && _a !== void 0 ? _a : [],
             validate: validateNotEmpty,
         },
         AssociationRegistration: {
-            initialValue: initialValues["AssociationRegistration"] ?? [],
+            initialValue: (_b = initialValues["AssociationRegistration"]) !== null && _b !== void 0 ? _b : [],
             validate: validateNotEmpty,
         },
         SignedStatus: {
-            initialValue: initialValues["SignedStatus"] ?? [],
+            initialValue: (_c = initialValues["SignedStatus"]) !== null && _c !== void 0 ? _c : [],
             validate: validateNotEmpty,
         },
         ProofOfIdentity: {
-            initialValue: initialValues["ProofOfIdentity"] ?? [],
+            initialValue: (_d = initialValues["ProofOfIdentity"]) !== null && _d !== void 0 ? _d : [],
             validate: validateNotEmpty,
         },
         UBODeclaration: {
-            initialValue: initialValues["UBODeclaration"] ?? [],
+            initialValue: (_e = initialValues["UBODeclaration"]) !== null && _e !== void 0 ? _e : [],
             validate: validateNotEmpty,
         },
         PowerOfAttorney: {
-            initialValue: initialValues["PowerOfAttorney"] ?? [],
+            initialValue: (_f = initialValues["PowerOfAttorney"]) !== null && _f !== void 0 ? _f : [],
             validate: validateNotEmpty,
         },
         SwornStatement: {
-            initialValue: initialValues["SwornStatement"] ?? [],
+            initialValue: (_g = initialValues["SwornStatement"]) !== null && _g !== void 0 ? _g : [],
             validate: validateNotEmpty,
         },
         GeneralAssemblyMinutes: {
-            initialValue: initialValues["GeneralAssemblyMinutes"] ?? [],
+            initialValue: (_h = initialValues["GeneralAssemblyMinutes"]) !== null && _h !== void 0 ? _h : [],
             validate: validateNotEmpty,
         },
     });
@@ -110,7 +112,7 @@ export const SupportingDocument = forwardRef(({ documents, getAwsUrl, onChange,
             Object.entries(state).forEach(([key, { value: values }]) => {
                 documents = [
                     ...documents,
-                    ...(values ?? []).map(v => ({
+                    ...(values !== null && values !== void 0 ? values : []).map(v => ({
                         id: v.id,
                         name: v.name,
                         downloadUrl: v.fileUrl,
@@ -118,7 +120,7 @@ export const SupportingDocument = forwardRef(({ documents, getAwsUrl, onChange,
                     })),
                 ];
             });
-            onChange?.(documents);
+            onChange === null || onChange === void 0 ? void 0 : onChange(documents);
         });
         return () => removeListener();
     }, [listenFields, onChange]);

package/src/components/UploadArea.js

@@ -122,6 +122,7 @@ const UploadAreaPreview = ({ file }) => {
     return _jsx(View, { style: [styles.preview, { backgroundImage: `url("${url}")` }] });
 };
 export const UploadArea = ({ icon, accept, value, documents = [], disabled = false, onRemoveFile, onRemoveDocument, onDropAccepted, onDropRejected, layout = "vertical", description, error, maxSize, }) => {
+    var _a;
     const [isHovered, setIsHovered] = useBoolean(false);
     const { getRootProps, getInputProps, isDragActive, fileRejections } = useDropzone({
         accept: accept.reduce((acc, item) => ({ ...acc, [item]: [] }), {}),
@@ -142,7 +143,7 @@ export const UploadArea = ({ icon, accept, value, documents = [], disabled = fal
                                 browse: _jsx(Text, { style: styles.browse, children: t("uploadArea.browse") }),
                             }) }), 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 })] })))] })] }));
-    return (_jsxs(View, { style: commonStyles.fill, children: [_jsx("div", { ...getRootProps(), onMouseEnter: setIsHovered.on, onMouseLeave: setIsHovered.off, children: _jsxs(View, { "aria-errormessage": error ?? fileRejections[0]?.errors.join(", "), 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 !== void 0 ? error : (_a = fileRejections[0]) === null || _a === void 0 ? void 0 : _a.errors.join(", "), style: [
                         styles.container,
                         disabled && styles.disabled,
                         layout === "horizontal" && styles.horizontalContainer,
@@ -157,8 +158,14 @@ export const UploadArea = ({ icon, accept, value, documents = [], disabled = fal
                             })
                             : browseElement] }) }), 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: onRemoveDocument ? () => onRemoveDocument(document.id) : undefined })))
-                            .with({ status: "failed" }, ({ error }) => (_jsx(FileTile, { name: document.name ?? t("uploadArea.unknownFileName"), url: document.fileUrl, onRemove: () => (onRemoveDocument ? onRemoveDocument(document.id) : undefined), variant: "refused", title: error })))
+                            .with({ status: "finished" }, () => {
+                            var _a;
+                            return (_jsx(FileTile, { name: (_a = document.name) !== null && _a !== void 0 ? _a : t("uploadArea.unknownFileName"), url: document.fileUrl, onRemove: onRemoveDocument ? () => onRemoveDocument(document.id) : undefined }));
+                        })
+                            .with({ status: "failed" }, ({ error }) => {
+                            var _a;
+                            return (_jsx(FileTile, { name: (_a = document.name) !== null && _a !== void 0 ? _a : t("uploadArea.unknownFileName"), url: document.fileUrl, onRemove: () => (onRemoveDocument ? onRemoveDocument(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/countries.js

@@ -1,3 +1,4 @@
+var _a, _b;
 import { Result } from "@swan-io/boxed";
 import { deburr } from "@swan-io/lake/src/utils/string";
 import { locale } from "../utils/i18n";
@@ -1744,7 +1745,7 @@ const countryNameResolver = Result.fromExecution(() => {
 export const countries = readonlyCountries
     .map(country => {
     const name = countryNameResolver.match({
-        Ok: resolver => resolver.of(country.cca2) ?? country.name,
+        Ok: resolver => { var _a; return (_a = resolver.of(country.cca2)) !== null && _a !== void 0 ? _a : country.name; },
         Error: () => country.name,
     });
     return {
@@ -1757,8 +1758,8 @@ export const countries = readonlyCountries
     .sort((countryA, countryB) => {
     return countryA.name.localeCompare(countryB.name);
 });
-export const getCCA2forCCA3 = (cca3) => countries.find(country => country.cca3 === cca3)?.cca2;
-export const getCCA3forCCA2 = (cca2) => countries.find(country => country.cca2 === cca2)?.cca3;
+export const getCCA2forCCA3 = (cca3) => { var _a; return (_a = countries.find(country => country.cca3 === cca3)) === null || _a === void 0 ? void 0 : _a.cca2; };
+export const getCCA3forCCA2 = (cca2) => { var _a; return (_a = countries.find(country => country.cca2 === cca2)) === null || _a === void 0 ? void 0 : _a.cca3; };
 export const companyWithUboCountries = ["BEL", "DEU", "FRA", "ITA", "LTU", "LUX", "NLD"];
 export const allCountries = countries.map(country => country.cca3);
 export const france = countries.find(country => country.cca3 === "FRA");
@@ -1845,6 +1846,6 @@ const navigatorCountries = navigator.languages.reduce((acc, lang) => {
     }
     return acc;
 }, []);
-export const companyFallbackCountry = companyCountries.find(cca3 => navigatorCountries.includes(cca3)) ?? "FRA";
-export const individualFallbackCountry = individualCountries.find(cca3 => navigatorCountries.includes(cca3)) ?? "FRA";
-export const getCountryName = (cca3) => countries.find(country => country.cca3 === cca3)?.name ?? cca3;
+export const companyFallbackCountry = (_a = companyCountries.find(cca3 => navigatorCountries.includes(cca3))) !== null && _a !== void 0 ? _a : "FRA";
+export const individualFallbackCountry = (_b = individualCountries.find(cca3 => navigatorCountries.includes(cca3))) !== null && _b !== void 0 ? _b : "FRA";
+export const getCountryName = (cca3) => { var _a, _b; return (_b = (_a = countries.find(country => country.cca3 === cca3)) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : cca3; };

package/src/constants/registrationNumbers.js

@@ -117,5 +117,6 @@ const defaultRegistrationNumbersConfig = {
     registrationNumberLabel: t("registrationPage.defaultNumberLabel"),
 };
 export const getRegistrationNumbersConfig = ({ country, companyType, }) => {
-    return (registrationNumbersConfigByCountry[country]?.[companyType] ?? defaultRegistrationNumbersConfig);
+    var _a, _b;
+    return ((_b = (_a = registrationNumbersConfigByCountry[country]) === null || _a === void 0 ? void 0 : _a[companyType]) !== null && _b !== void 0 ? _b : defaultRegistrationNumbersConfig);
 };

package/src/constants/termsAndConditions.js

@@ -20,10 +20,11 @@ const termsAndConditions = {
 };
 const defaultTerms = termsAndConditions.FRA;
 export const getTermsAndConditionsPathByAccountCountryAndLocale = ({ rootUrl, accountCountry, locale, }) => {
+    var _a;
     const rootUrlWithSlash = rootUrl.endsWith("/") ? rootUrl : rootUrl + "/";
     if (accountCountry == null) {
         return rootUrlWithSlash + defaultTerms[locale];
     }
-    const termsByLocale = termsAndConditions[accountCountry] ?? defaultTerms;
+    const termsByLocale = (_a = termsAndConditions[accountCountry]) !== null && _a !== void 0 ? _a : defaultTerms;
     return rootUrlWithSlash + termsByLocale[locale];
 };

package/src/locales/en.json

@@ -58,6 +58,8 @@
   "common.optional": "Optional",
   "common.previous": "Previous",
   "common.remove": "Remove",
+  "common.showLess": "Show less",
+  "common.showMore": "Show more",
   "common.skipToContent": "Skip to content",
   "datePicker.day.friday": "Friday",
   "datePicker.day.monday": "Monday",

package/src/utils/languages.js

@@ -8,11 +8,12 @@ export const getLanguagesHelpers = (languages) => {
     supportedLanguages = isNullish(supportedLanguages)
         ? languages
         : intersection(supportedLanguages, languages);
-    const isSupportedLanguage = (language) => (supportedLanguages ?? []).includes(language);
-    const getFirstSupportedLanguage = (languages) => languages.find(isSupportedLanguage) ?? LANGUAGE_FALLBACK;
+    const isSupportedLanguage = (language) => (supportedLanguages !== null && supportedLanguages !== void 0 ? supportedLanguages : []).includes(language);
+    const getFirstSupportedLanguage = (languages) => { var _a; return (_a = languages.find(isSupportedLanguage)) !== null && _a !== void 0 ? _a : LANGUAGE_FALLBACK; };
     const getPreferredLanguage = () => {
+        var _a;
         try {
-            return localStorage.getItem(PREFERRED_LANGUAGE_KEY) ?? undefined;
+            return (_a = localStorage.getItem(PREFERRED_LANGUAGE_KEY)) !== null && _a !== void 0 ? _a : undefined;
         }
         catch {
             return;
@@ -32,8 +33,9 @@ export const getLanguagesHelpers = (languages) => {
             }
         },
         getBestLocale: (locales) => {
+            var _a;
             const searchParams = new URLSearchParams(document.location.search);
-            const langParam = searchParams.get("lang")?.split("-")[0];
+            const langParam = (_a = searchParams.get("lang")) === null || _a === void 0 ? void 0 : _a.split("-")[0];
             if (isNotNullish(langParam) && isSupportedLanguage(langParam)) {
                 return locales[langParam]();
             }