@swan-io/shared-business 4.10.1 → 5.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swan-io/shared-business",
-  "version": "4.10.1",
+  "version": "5.0.0",
   "engines": {
     "node": ">=18.0.0",
     "yarn": "^1.22.0"
@@ -39,7 +39,7 @@
     "react-dom": "^18.2.0",
     "react-dropzone": "^14.2.3",
     "react-native-web": "^0.19.10",
-    "react-ux-form": "^1.5.0",
+    "@swan-io/use-form": "^2.0.0-rc.2",
     "rifm": "^0.12.1",
     "ts-pattern": "^5.0.8",
     "urql": "^4.0.6",

package/src/components/BeneficiaryForm.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Option } from "@swan-io/boxed";
 import { Box } from "@swan-io/lake/src/components/Box";
 import { LakeLabelledCheckbox } from "@swan-io/lake/src/components/LakeCheckbox";
 import { LakeLabel } from "@swan-io/lake/src/components/LakeLabel";
@@ -10,10 +11,11 @@ import { Space } from "@swan-io/lake/src/components/Space";
 import { StepDots } from "@swan-io/lake/src/components/StepDots";
 import { breakpoints, colors } from "@swan-io/lake/src/constants/design";
 import { noop } from "@swan-io/lake/src/utils/function";
-import { isNotNullish, isNotNullishOrEmpty } from "@swan-io/lake/src/utils/nullish";
-import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from "react";
+import { isNotNullishOrEmpty } from "@swan-io/lake/src/utils/nullish";
+import { pick } from "@swan-io/lake/src/utils/object";
+import { combineValidators, useForm } from "@swan-io/use-form";
+import { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from "react";
 import { StyleSheet, View } from "react-native";
-import { combineValidators, hasDefinedKeys, useForm } from "react-ux-form";
 import { Rifm } from "rifm";
 import { match } from "ts-pattern";
 import { v4 as uuid } from "uuid";
@@ -21,8 +23,8 @@ import { allCountries, 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";
-import { AddressFormPart } from "./AddressFormPart";
 import { CountryPicker } from "./CountryPicker";
+import { PlacekitAddressSearchInput } from "./PlacekitAddressSearchInput";
 import { PlacekitCityInput } from "./PlacekitCityInput";
 import { TaxIdentificationNumberInput } from "./TaxIdentificationNumberInput";
 const styles = StyleSheet.create({
@@ -98,27 +100,6 @@ export const validateUbo = (editorState, accountCountry) => {
             : validateBooleanRequired(editorState.direct),
     };
 };
-const getCapitalType = (direct, indirect) => {
-    if (direct === true && indirect === true) {
-        return "both";
-    }
-    if (direct === true) {
-        return "direct";
-    }
-    if (indirect === true) {
-        return "indirect";
-    }
-    return "none";
-};
-const getDirectAndIndirect = (capitalType) => {
-    return match(capitalType)
-        .returnType()
-        .with("both", () => [true, true])
-        .with("direct", () => [true, false])
-        .with("indirect", () => [false, true])
-        .with("none", () => [false, false])
-        .exhaustive();
-};
 /**
  * This component was created to handle validation easily with react-ux-form
  * Without this component, we have to validate direct and indirect checkboxes separately
@@ -208,13 +189,19 @@ export const BeneficiaryForm = forwardRef(({ initialState, accountCountry, step,
             validate: validateRequired,
         },
         capitalType: {
-            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") {
+            initialValue: match({
+                direct: initialState === null || initialState === void 0 ? void 0 : initialState.direct,
+                indirect: initialState === null || initialState === void 0 ? void 0 : initialState.indirect,
+            })
+                .returnType()
+                .with({ direct: true, indirect: true }, () => "both")
+                .with({ direct: true }, () => "direct")
+                .with({ indirect: true }, () => "indirect")
+                .otherwise(() => "none"),
+            validate: (value, { getFieldValue }) => {
+                if (getFieldValue("type") === "HasCapital" && value === "none") {
                     return t("beneficiaryForm.beneficiary.directOrIndirect");
                 }
-                return undefined;
             },
         },
         totalCapitalPercentage: {
@@ -245,8 +232,8 @@ export const BeneficiaryForm = forwardRef(({ initialState, accountCountry, step,
         },
         taxIdentificationNumber: {
             initialValue: initialState === null || initialState === void 0 ? void 0 : initialState.taxIdentificationNumber,
-            validate: (value, { getFieldState }) => {
-                const uboCountry = getFieldState("country").value;
+            validate: (value, { getFieldValue }) => {
+                const uboCountry = getFieldValue("country");
                 if (accountCountry === "DEU" && uboCountry === "DEU") {
                     return combineValidators(validateNullableRequired, validateIndividualTaxNumber(accountCountry))(value);
                 }
@@ -259,7 +246,7 @@ export const BeneficiaryForm = forwardRef(({ initialState, accountCountry, step,
     useEffect(() => {
         if (initialState != null) {
             // submit form to validate all fields
-            submitForm(noop);
+            submitForm();
         }
     }, [initialState, submitForm]);
     useEffect(() => {
@@ -294,44 +281,56 @@ export const BeneficiaryForm = forwardRef(({ initialState, accountCountry, step,
             },
             submit: () => {
                 hasBeenSubmittedOnce.current = true;
-                submitForm(values => {
-                    var _a;
-                    if (step === "common" &&
-                        isAddressRequired &&
-                        hasDefinedKeys(values, requiredStepFields)) {
-                        commonStepValues.current = values;
-                        onStepChange("address");
-                        return;
-                    }
-                    const allStepsValues = { ...commonStepValues.current, ...values };
-                    if (hasDefinedKeys(allStepsValues, requiredStepFields)) {
-                        const [direct, indirect] = getDirectAndIndirect((_a = allStepsValues.capitalType) !== null && _a !== void 0 ? _a : "none");
-                        return onSave({
-                            reference,
-                            firstName: allStepsValues.firstName,
-                            lastName: allStepsValues.lastName,
-                            birthDate: encodeBirthDate(allStepsValues.birthDate),
-                            birthCountryCode: allStepsValues.birthCountryCode,
-                            birthCity: allStepsValues.birthCity,
-                            birthCityPostalCode: allStepsValues.birthCityPostalCode,
-                            type: allStepsValues.type,
-                            indirect,
-                            direct,
-                            totalCapitalPercentage: isNotNullish(allStepsValues.totalCapitalPercentage)
-                                ? parseInt(allStepsValues.totalCapitalPercentage, 10)
-                                : undefined,
-                            residencyAddressLine1: allStepsValues.address,
-                            residencyAddressCity: allStepsValues.city,
-                            residencyAddressCountry: allStepsValues.country,
-                            residencyAddressPostalCode: allStepsValues.postalCode,
-                            taxIdentificationNumber: allStepsValues.taxIdentificationNumber,
-                        });
-                    }
+                submitForm({
+                    onSuccess: values => {
+                        const firstStepValues = Option.allFromDict(pick(values, requiredStepFields));
+                        if (step === "common" && isAddressRequired && firstStepValues.isSome()) {
+                            commonStepValues.current = {
+                                ...firstStepValues.get(),
+                                capitalType: values.capitalType.getWithDefault(undefined),
+                                totalCapitalPercentage: values.totalCapitalPercentage.getWithDefault(undefined),
+                                address: values.address.getWithDefault(undefined),
+                                city: values.city.getWithDefault(undefined),
+                                postalCode: values.postalCode.getWithDefault(undefined),
+                                country: values.country.getWithDefault(undefined),
+                                taxIdentificationNumber: values.taxIdentificationNumber.getWithDefault(undefined),
+                            };
+                            return onStepChange("address");
+                        }
+                        const secondStepValues = Option.allFromDict(pick({ ...commonStepValues.current, ...values }, requiredStepFields));
+                        if (secondStepValues.isSome()) {
+                            const { birthDate, ...rest } = secondStepValues.get();
+                            const capitalType = values.capitalType.getWithDefault("none");
+                            return onSave({
+                                ...rest,
+                                reference,
+                                birthDate: encodeBirthDate(birthDate),
+                                direct: capitalType === "both" || capitalType === "direct",
+                                indirect: capitalType === "both" || capitalType === "indirect",
+                                totalCapitalPercentage: values.totalCapitalPercentage
+                                    .flatMap(value => Option.fromNullable(value))
+                                    .map(value => parseInt(value, 10))
+                                    .getWithDefault(undefined),
+                                residencyAddressLine1: values.address.getWithDefault(undefined),
+                                residencyAddressCity: values.city.getWithDefault(undefined),
+                                residencyAddressCountry: values.country.getWithDefault(undefined),
+                                residencyAddressPostalCode: values.postalCode.getWithDefault(undefined),
+                                taxIdentificationNumber: values.taxIdentificationNumber.getWithDefault(undefined),
+                            });
+                        }
+                    },
                 });
             },
         };
     });
-    return (_jsx(ResponsiveContainer, { breakpoint: breakpoints.tiny, children: ({ small, large }) => (_jsxs(_Fragment, { children: [match(step)
+    const onSuggestion = useCallback((place) => {
+        setFieldValue("address", place.completeAddress);
+        setFieldValue("city", place.city);
+        if (place.postalCode != null) {
+            setFieldValue("postalCode", place.postalCode);
+        }
+    }, [setFieldValue]);
+    return (_jsx(ResponsiveContainer, { breakpoint: breakpoints.tiny, children: ({ small }) => (_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 !== 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 => {
@@ -342,12 +341,12 @@ 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 !== 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" })) })] }))] }));
-                            } })] })))
+                    .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(Field, { name: "address", children: ({ ref, value, onChange, error }) => (_jsx(LakeLabel, { label: t("beneficiaryForm.beneficiary.address"), render: id => {
+                                                var _a;
+                                                return (_jsx(PlacekitAddressSearchInput, { inputRef: ref, apiKey: placekitApiKey, emptyResultText: t("common.noResult"), placeholder: t("addressFormPart.placeholder"), language: locale.language, id: id, country: (_a = country.value) !== null && _a !== void 0 ? _a : accountCountry, value: value, error: error, onValueChange: onChange, onSuggestion: onSuggestion }));
+                                            } })) }), _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 })) })) }), ((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/DatePicker.d.ts

@@ -1,5 +1,5 @@
 import { Option } from "@swan-io/boxed";
-import { ValidatorResult } from "react-ux-form";
+import { ValidatorResult } from "@swan-io/use-form";
 import { Except } from "type-fest";
 export type MonthNames = readonly [
     string,
@@ -56,9 +56,9 @@ type DatePickerModalProps = Except<DatePickerProps, "error"> & {
     cancelLabel: string;
     confirmLabel: string;
     validate?: (value: string) => ValidatorResult;
-    onDissmiss: () => void;
+    onDismiss: () => void;
 };
-export declare const DatePickerModal: ({ value, format, firstWeekDay, isSelectable, onChange, visible, label, cancelLabel, confirmLabel, validate, onDissmiss, }: DatePickerModalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DatePickerModal: ({ value, format, firstWeekDay, isSelectable, onChange, visible, label, cancelLabel, confirmLabel, validate, onDismiss, }: DatePickerModalProps) => import("react/jsx-runtime").JSX.Element;
 export type DateRangePickerProps = {
     value: {
         start: string;
@@ -80,7 +80,7 @@ type DateRangePickerModalProps = DateRangePickerProps & {
     visible: boolean;
     cancelLabel: string;
     confirmLabel: string;
-    onDissmiss: () => void;
+    onDismiss: () => void;
 };
-export declare const DateRangePickerModal: ({ value, error, format, firstWeekDay, isSelectable, onChange, visible, startLabel, endLabel, cancelLabel, confirmLabel, onDissmiss, }: DateRangePickerModalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DateRangePickerModal: ({ value, error, format, firstWeekDay, isSelectable, onChange, visible, startLabel, endLabel, cancelLabel, confirmLabel, onDismiss, }: DateRangePickerModalProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/DatePicker.js

@@ -18,12 +18,12 @@ import { useDisclosure } from "@swan-io/lake/src/hooks/useDisclosure";
 import { useFirstMountState } from "@swan-io/lake/src/hooks/useFirstMountState";
 import { useResponsive } from "@swan-io/lake/src/hooks/useResponsive";
 import { noop } from "@swan-io/lake/src/utils/function";
-import { isNotNullish, isNotNullishOrEmpty, isNullishOrEmpty, } from "@swan-io/lake/src/utils/nullish";
+import { isNotEmpty, isNotNullish, isNotNullishOrEmpty, isNullishOrEmpty, } from "@swan-io/lake/src/utils/nullish";
 import { getRifmProps } from "@swan-io/lake/src/utils/rifm";
+import { useForm } from "@swan-io/use-form";
 import dayjs from "dayjs";
 import { useCallback, useEffect, useId, useMemo, useRef, useState } from "react";
 import { StyleSheet, View } from "react-native";
-import { useForm } from "react-ux-form";
 import { Rifm } from "rifm";
 import { P, match } from "ts-pattern";
 import { t } from "../utils/i18n";
@@ -479,7 +479,7 @@ export const DatePicker = ({ label, value, error, format, firstWeekDay, isSelect
     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 !== 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, }) => {
+export const DatePickerModal = ({ value, format, firstWeekDay, isSelectable, onChange, visible, label, cancelLabel, confirmLabel, validate, onDismiss, }) => {
     const { desktop } = useResponsive(DATE_PICKER_MOBILE_THRESHOLD);
     const { Field, submitForm, setFieldValue, resetField } = useForm({
         date: {
@@ -489,14 +489,17 @@ export const DatePickerModal = ({ value, format, firstWeekDay, isSelectable, onC
     });
     const handleCancel = () => {
         setFieldValue("date", value !== null && value !== void 0 ? value : "");
-        onDissmiss();
+        onDismiss();
     };
     const handleConfirm = () => {
-        submitForm(({ date }) => {
-            if (isNotNullishOrEmpty(date)) {
-                onChange(date);
-            }
-            onDissmiss();
+        submitForm({
+            onSuccess: values => {
+                const date = values.date.getWithDefault("");
+                if (isNotEmpty(date)) {
+                    onChange(date);
+                }
+                onDismiss();
+            },
         });
     };
     useEffect(() => {
@@ -618,7 +621,7 @@ export const DateRangePicker = ({ value, error, format, startLabel, endLabel, fi
     }, [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 !== 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, }) => {
+export const DateRangePickerModal = ({ value, error, format, firstWeekDay, isSelectable, onChange, visible, startLabel, endLabel, cancelLabel, confirmLabel, onDismiss, }) => {
     const { desktop } = useResponsive(MODALE_MOBILE_THRESHOLD);
     const { desktop: displayTwoCalendar } = useResponsive(DATE_RANGE_PICKER_THRESHOLD);
     const [localeValue, setLocaleValue] = useState(value);
@@ -633,11 +636,11 @@ export const DateRangePickerModal = ({ value, error, format, firstWeekDay, isSel
     };
     const handleCancel = () => {
         setLocaleValue(value);
-        onDissmiss();
+        onDismiss();
     };
     const handleConfirm = () => {
         onChange(localeValue);
-        onDissmiss();
+        onDismiss();
     };
     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/SupportingDocument.js

@@ -7,9 +7,9 @@ import { LakeText } from "@swan-io/lake/src/components/LakeText";
 import { LakeTooltip } from "@swan-io/lake/src/components/LakeTooltip";
 import { Space } from "@swan-io/lake/src/components/Space";
 import { isNotNullishOrEmpty, isNullish } from "@swan-io/lake/src/utils/nullish";
+import { useForm } from "@swan-io/use-form";
 import { Fragment, 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, MAX_SUPPORTING_DOCUMENT_UPLOAD_SIZE_MB, } from "../constants/uploads";
 import { isTranslationKey, locale, t } from "../utils/i18n";
@@ -73,7 +73,7 @@ const SupportingDocumentWithRef = ({ documents, getAwsUrl, onChange, requiredDoc
     }, {}), [documents]);
     const [showPowerOfAttorneyModal, setShowPowerOfAttorneyModal] = useState(false);
     const [showSwornStatementModal, setShowSwornStatementModal] = useState(false);
-    const { Field, setFieldValue, getFieldState, listenFields, submitForm } = useForm(requiredDocumentPurposes.reduce((acc, purpose) => {
+    const { Field, setFieldValue, getFieldValue, listenFields, submitForm } = useForm(requiredDocumentPurposes.reduce((acc, purpose) => {
         var _a;
         return ({
             ...acc,
@@ -86,7 +86,10 @@ const SupportingDocumentWithRef = ({ documents, getAwsUrl, onChange, requiredDoc
     useImperativeHandle(externalRef, () => {
         return {
             submit: (callback) => {
-                submitForm(() => callback(true), () => callback(false));
+                submitForm({
+                    onSuccess: () => callback(true),
+                    onFailure: () => callback(false),
+                });
             },
         };
     });
@@ -117,7 +120,7 @@ const SupportingDocumentWithRef = ({ documents, getAwsUrl, onChange, requiredDoc
             .then(({ upload: { url, fields }, id }) => {
             const xhr = new XMLHttpRequest();
             xhr.open("POST", url, true);
-            const state = getFieldState(fieldName).value;
+            const state = getFieldValue(fieldName);
             setFieldValue(fieldName, state.map(doc => doc.id === NO_ID_YET
                 ? {
                     status: "uploading",
@@ -128,11 +131,11 @@ const SupportingDocumentWithRef = ({ documents, getAwsUrl, onChange, requiredDoc
                 : doc));
             xhr.upload.onprogress = event => {
                 const progress = (event.loaded / event.total) * 100;
-                const state = getFieldState(fieldName).value;
+                const state = getFieldValue(fieldName);
                 setFieldValue(fieldName, state.map(uploadState => uploadState.id === id ? { ...uploadState, progress } : uploadState));
             };
             xhr.onerror = () => {
-                const state = getFieldState(fieldName).value;
+                const state = getFieldValue(fieldName);
                 setFieldValue(fieldName, state.map(uploadState => uploadState.id === id
                     ? {
                         status: "failed",
@@ -144,7 +147,7 @@ const SupportingDocumentWithRef = ({ documents, getAwsUrl, onChange, requiredDoc
                     : uploadState));
             };
             xhr.onload = () => {
-                const state = getFieldState(fieldName).value;
+                const state = getFieldValue(fieldName);
                 if (xhr.status !== 200 && xhr.status !== 204) {
                     setFieldValue(fieldName, state.map(uploadState => uploadState.id === id
                         ? {
@@ -167,7 +170,7 @@ const SupportingDocumentWithRef = ({ documents, getAwsUrl, onChange, requiredDoc
             xhr.send(formData);
         })
             .catch(() => {
-            const state = getFieldState(fieldName).value;
+            const state = getFieldValue(fieldName);
             setFieldValue(fieldName, state.map(uploadState => uploadState.id === NO_ID_YET
                 ? {
                     status: "failed",

package/src/locales/de.json

@@ -3,7 +3,6 @@
   "addressFormPart.cityLabel": "Ort",
   "addressFormPart.placeholder": "Mit der Eingabe beginnen …",
   "addressFormPart.postCodeLabel": "Postleitzahl",
-  "addressFormPart.setManual": "Manuell eingeben",
   "beneficiaryForm.beneficiary.address": "Adresse des Empfängers finden",
   "beneficiaryForm.beneficiary.birthCity": "Geburtsort",
   "beneficiaryForm.beneficiary.birthCityPlaceholder": "Geburtsort des Empfängers suchen",

package/src/locales/en.json

@@ -3,7 +3,6 @@
   "addressFormPart.cityLabel": "City",
   "addressFormPart.placeholder": "Start typing…",
   "addressFormPart.postCodeLabel": "Postcode",
-  "addressFormPart.setManual": "Enter manually",
   "beneficiaryForm.beneficiary.address": "Find beneficiary address",
   "beneficiaryForm.beneficiary.birthCity": "Birth city",
   "beneficiaryForm.beneficiary.birthCityPlaceholder": "Search for the beneficiary's birth city",

package/src/locales/es.json

@@ -3,7 +3,6 @@
   "addressFormPart.cityLabel": "Ciudad",
   "addressFormPart.placeholder": "Escribe aquí...",
   "addressFormPart.postCodeLabel": "Código postal",
-  "addressFormPart.setManual": "Introducir manualmente",
   "beneficiaryForm.beneficiary.address": "Busca la dirección del beneficiario",
   "beneficiaryForm.beneficiary.birthCity": "Ciudad de nacimiento",
   "beneficiaryForm.beneficiary.birthCityPlaceholder": "Busca la ciudad de nacimiento del beneficiario",

package/src/locales/fi.json

@@ -3,7 +3,6 @@
   "addressFormPart.cityLabel": "Kaupunki",
   "addressFormPart.placeholder": "Aloita kirjoittaminen...",
   "addressFormPart.postCodeLabel": "Postinumero",
-  "addressFormPart.setManual": "Kirjoita käsin",
   "beneficiaryForm.beneficiary.address": "Etsi edunsaajan osoite",
   "beneficiaryForm.beneficiary.birthCity": "Syntymäkaupunki",
   "beneficiaryForm.beneficiary.birthCityPlaceholder": "Etsi edunsaajan syntymäkaupunki",

package/src/locales/fr.json

@@ -3,7 +3,6 @@
   "addressFormPart.cityLabel": "Ville",
   "addressFormPart.placeholder": "Commencer à écrire...",
   "addressFormPart.postCodeLabel": "Code postal",
-  "addressFormPart.setManual": "Saisir manuellement",
   "beneficiaryForm.beneficiary.address": "Trouver l'adresse du bénéficiaire",
   "beneficiaryForm.beneficiary.birthCity": "Ville de naissance",
   "beneficiaryForm.beneficiary.birthCityPlaceholder": "Rechercher la ville de naissance du bénéficiaire",

package/src/locales/it.json

@@ -3,7 +3,6 @@
   "addressFormPart.cityLabel": "Città",
   "addressFormPart.placeholder": "Inizia a digitare...",
   "addressFormPart.postCodeLabel": "Codice postale",
-  "addressFormPart.setManual": "Inserisca manualmente",
   "beneficiaryForm.beneficiary.address": "Trova l'indirizzo del beneficiario",
   "beneficiaryForm.beneficiary.birthCity": "Comune di nascita",
   "beneficiaryForm.beneficiary.birthCityPlaceholder": "Cerca il comune di nascita del beneficiario",

package/src/locales/nl.json

@@ -3,7 +3,6 @@
   "addressFormPart.cityLabel": "Stad",
   "addressFormPart.placeholder": "Begin met typen...",
   "addressFormPart.postCodeLabel": "Postcode",
-  "addressFormPart.setManual": "Handmatig invoeren",
   "beneficiaryForm.beneficiary.address": "Vind adres begunstigde",
   "beneficiaryForm.beneficiary.birthCity": "Geboortestad",
   "beneficiaryForm.beneficiary.birthCityPlaceholder": "Zoek de geboortestad van de begunstigde",

package/src/locales/pt.json

@@ -3,7 +3,6 @@
   "addressFormPart.cityLabel": "Cidade",
   "addressFormPart.placeholder": "Comece a escrever...",
   "addressFormPart.postCodeLabel": "Código Postal",
-  "addressFormPart.setManual": "Introduza manualmente",
   "beneficiaryForm.beneficiary.address": "Encontre o endereço do beneficiário",
   "beneficiaryForm.beneficiary.birthCity": "Cidade de nascimento",
   "beneficiaryForm.beneficiary.birthCityPlaceholder": "Pesquisar a cidade de nascimento do beneficiário",

package/src/utils/i18n.d.ts

@@ -19,6 +19,6 @@ export declare const locale: Locale;
 export declare const t: (key: TranslationKey, params?: TranslationParams) => string;
 export declare const formatNestedMessage: (key: TranslationKey, params: Record<string, string | number | ReactElement<any, string | import("react").JSXElementConstructor<any>> | ((children: ReactNode) => ReactNode)>) => (string | ReactElement<any, string | import("react").JSXElementConstructor<any>>)[];
 export declare const rifmDateProps: RifmProps;
-export declare const isTranslationKey: (value: unknown) => value is "addressFormPart.addressLabel" | "addressFormPart.cityLabel" | "addressFormPart.placeholder" | "addressFormPart.postCodeLabel" | "addressFormPart.setManual" | "beneficiaryForm.beneficiary.address" | "beneficiaryForm.beneficiary.birthCity" | "beneficiaryForm.beneficiary.birthCityPlaceholder" | "beneficiaryForm.beneficiary.birthCountry" | "beneficiaryForm.beneficiary.birthCountryPlaceholder" | "beneficiaryForm.beneficiary.birthDate" | "beneficiaryForm.beneficiary.birthPostalCode" | "beneficiaryForm.beneficiary.birthPostalCodePlaceholder" | "beneficiaryForm.beneficiary.country" | "beneficiaryForm.beneficiary.directOrIndirect" | "beneficiaryForm.beneficiary.directly" | "beneficiaryForm.beneficiary.fillBirthCountry" | "beneficiaryForm.beneficiary.firstName" | "beneficiaryForm.beneficiary.firstNamePlaceholder" | "beneficiaryForm.beneficiary.indirectly" | "beneficiaryForm.beneficiary.lastName" | "beneficiaryForm.beneficiary.lastNamePlaceholder" | "beneficiaryForm.beneficiary.legalRepresentative" | "beneficiaryForm.beneficiary.other" | "beneficiaryForm.beneficiary.ownershipOfCapital" | "beneficiaryForm.beneficiary.taxIdentificationNumber" | "beneficiaryForm.beneficiary.totalCapitalPercentage" | "beneficiaryForm.beneficiary.type" | "businessActivity.administrativeServices" | "businessActivity.agriculture" | "businessActivity.arts" | "businessActivity.businessAndRetail" | "businessActivity.construction" | "businessActivity.education" | "businessActivity.electricalDistributionAndWaterSupply" | "businessActivity.financialAndInsuranceOperations" | "businessActivity.health" | "businessActivity.housekeeping" | "businessActivity.informationAndCommunication" | "businessActivity.lodgingAndFoodServices" | "businessActivity.manufacturingAndMining" | "businessActivity.other" | "businessActivity.publicAdministration" | "businessActivity.realEstate" | "businessActivity.scientificActivities" | "businessActivity.transportation" | "common.cancel" | "common.close" | "common.form.help.nbCharacters" | "common.form.help.nbDigits" | "common.form.invalidTaxIdentificationNumber" | "common.form.taxIdentificationNumber.placeholder" | "common.form.taxIdentificationNumber.tooltip.deu" | "common.next" | "common.noResult" | "common.open" | "common.optional" | "common.previous" | "common.remove" | "common.showLess" | "common.showMore" | "common.skipToContent" | "datePicker.day.friday" | "datePicker.day.monday" | "datePicker.day.saturday" | "datePicker.day.sunday" | "datePicker.day.thursday" | "datePicker.day.tuesday" | "datePicker.day.wednesday" | "datePicker.month.april" | "datePicker.month.august" | "datePicker.month.december" | "datePicker.month.february" | "datePicker.month.january" | "datePicker.month.july" | "datePicker.month.june" | "datePicker.month.march" | "datePicker.month.may" | "datePicker.month.next" | "datePicker.month.november" | "datePicker.month.october" | "datePicker.month.previous" | "datePicker.month.september" | "error.generic" | "error.iban.invalid" | "error.network.500" | "error.network.503" | "error.requiredField" | "monthlyPaymentVolume.between10000And50000" | "monthlyPaymentVolume.between50000And100000" | "monthlyPaymentVolume.lessThan10000" | "monthlyPaymentVolume.moreThan100000" | "registrationPage.defaultNumberLabel" | "registrationPage.withOrganismLabel" | "registrationPage.withoutOrganismNameLabel" | "rejection.AccountHolderNotFoundRejection" | "rejection.AccountHolderTypeIndividualRejection" | "rejection.AccountMembershipCannotBeDisabledRejection" | "rejection.AccountMembershipCannotBeUpdatedRejection" | "rejection.AccountMembershipNotAllowedRejection" | "rejection.AccountMembershipNotFoundRejection" | "rejection.AccountMembershipNotReadyToBeBoundRejection" | "rejection.AccountNotEligibleRejection" | "rejection.AccountNotFoundRejection" | "rejection.AccountVerificationAlreadyRejectedRejection" | "rejection.AccountVerificationWrongStatusRejection" | "rejection.AddingCardsToDifferentAccountsRejection" | "rejection.AlreadyValidPhysicalCardRejection" | "rejection.ApplePayNotAllowedForProjectRejection" | "rejection.BadAccountStatusRejection" | "rejection.BadRequestRejection" | "rejection.CannotActivatePhysicalCardRejection" | "rejection.CapitalDepositDocumentCanNotBeUploaded" | "rejection.CardCanNotBeDigitalizedRejection" | "rejection.CardNotFoundRejection" | "rejection.CardProductDisabledRejection" | "rejection.CardProductNotApplicableToPhysicalCardsRejection" | "rejection.CardProductNotFoundRejection" | "rejection.CardProductSuspendedRejection" | "rejection.CardProductUsedRejection" | "rejection.CardWrongStatusRejection" | "rejection.ConsentNotFoundRejection" | "rejection.ConsentTypeNotSupportedByServerConsentRejection" | "rejection.ConsentsAlreadyLinkedToMultiConsentRejection" | "rejection.ConsentsNotAllInCreatedStatusRejection" | "rejection.ConsentsNotFoundRejection" | "rejection.DebtorAccountClosedRejection" | "rejection.DebtorAccountNotAllowedRejection" | "rejection.DigitalCardNotFoundRejection" | "rejection.EnabledCardDesignNotFoundRejection" | "rejection.ExternalAccountAlreadyExistsRejection" | "rejection.ExternalAccountBalanceAlreadyExistsRejection" | "rejection.ForbiddenRejection" | "rejection.FundingLimitExceededRejection" | "rejection.FundingLimitSettingsChangeRequestBadAmountRejection" | "rejection.FundingSourceNotFoundRejection" | "rejection.FundingSourceWrongStatusRejection" | "rejection.GlobalFundingLimitExceededRejection" | "rejection.GlobalInstantFundingLimitExceededRejection" | "rejection.IBANNotReachableRejection" | "rejection.IBANNotValidRejection" | "rejection.IbanValidationRejection" | "rejection.IdentityAlreadyBindToAccountMembershipRejection" | "rejection.InstantFundingLimitExceededRejection" | "rejection.InsufficientFundsRejection" | "rejection.InternalErrorRejection" | "rejection.InvalidArgumentRejection" | "rejection.InvalidPhoneNumberRejection" | "rejection.InvalidSirenNumberRejection" | "rejection.LegalRepresentativeAccountMembershipCannotBeDisabledRejection" | "rejection.LegalRepresentativeAccountMembershipCannotBeSuspendedRejection" | "rejection.MerchantProfileWrongStatusRejection" | "rejection.MissingMandatoryFieldRejection" | "rejection.NotFoundRejection" | "rejection.NotReachableConsentStatusRejection" | "rejection.NotSupportedCountryRejection" | "rejection.OnboardingNotCompletedRejection" | "rejection.PINNotReadyRejection" | "rejection.PaymentMandateMandateNotFoundRejection" | "rejection.PaymentMandateReferenceAlreadyUsedRejection" | "rejection.PaymentMethodNotCompatibleRejection" | "rejection.PermissionCannotBeGrantedRejection" | "rejection.PhysicalCardNotFoundRejection" | "rejection.PhysicalCardWrongStatusRejection" | "rejection.ProjectForbiddenRejection" | "rejection.ProjectFundingLimitExceededRejection" | "rejection.ProjectInstantFundingLimitExceededRejection" | "rejection.ProjectInvalidStatusRejection" | "rejection.ProjectNotFound" | "rejection.ProjectNotFoundRejection" | "rejection.ProjectSettingsForbiddenError" | "rejection.ProjectSettingsNotFound" | "rejection.ProjectSettingsStatusNotReachable" | "rejection.PublicOnboardingDisabledRejection" | "rejection.ReceivedDirectDebitMandateAlreadyExistRejection" | "rejection.ReceivedDirectDebitMandateCanceledRejection" | "rejection.ReceivedDirectDebitMandateNotB2bRejection" | "rejection.ReceivedDirectDebitMandateNotFoundRejection" | "rejection.RefundRejection" | "rejection.RestrictedToUserRejection" | "rejection.SchemeWrongRejection" | "rejection.ServerConsentCredentialsNotValidOrOutdatedRejection" | "rejection.ServerConsentNotAllowedForConsentOperationRejection" | "rejection.ServerConsentNotAllowedForProjectRejection" | "rejection.ServerConsentProjectCredentialMissingRejection" | "rejection.ServerConsentProjectCredentialNotFoundRejection" | "rejection.ServerConsentProjectSettingsNotFoundRejection" | "rejection.ServerConsentSignatureNotValidRejection" | "rejection.StandingOrderNotFoundRejection" | "rejection.SupportingDocumentCollectionNotFoundRejection" | "rejection.SupportingDocumentCollectionStatusDoesNotAllowDeletionRejection" | "rejection.SupportingDocumentCollectionStatusDoesNotAllowUpdateRejection" | "rejection.SupportingDocumentCollectionStatusNotAllowedRejection" | "rejection.SupportingDocumentNotFoundRejection" | "rejection.SupportingDocumentStatusDoesNotAllowDeletionRejection" | "rejection.SupportingDocumentStatusDoesNotAllowUpdateRejection" | "rejection.SupportingDocumentStatusNotAllowedRejection" | "rejection.SupportingDocumentUploadNotAllowedRejection" | "rejection.SuspendReceivedDirectDebitMandatedRejection" | "rejection.TooManyChildConsentsRejection" | "rejection.TooManyItemsRejection" | "rejection.TransactionNotFoundRejection" | "rejection.UpdateUserConsentSettingsTokenRejection" | "rejection.UserNotAllowedToDisableItsOwnAccountMembershipRejection" | "rejection.UserNotAllowedToManageAccountMembershipRejection" | "rejection.UserNotAllowedToSuspendItsOwnAccountMembershipRejection" | "rejection.UserNotCardHolderRejection" | "rejection.ValidationRejection" | "rejection.WrongValueProvidedRejection" | "rib.accountHolder" | "rib.accountNumber" | "rib.address" | "rib.agency" | "rib.bank" | "rib.bankDetails" | "rib.bic" | "rib.iban" | "rib.key" | "rib.nationalCode" | "rib.number" | "rib.partnership" | "supportingDocuments.documentTypes" | "supportingDocuments.errorUpload" | "supportingDocuments.noRequiredDocuments" | "supportingDocuments.downloadTemplate" | "supportingDocuments.powerOfAttorneyModal.title" | "supportingDocuments.powerOfAttorneyModal.description" | "supportingDocuments.help.whatIsThis" | "supportingDocuments.purpose.AdministratorDecisionOfAppointment" | "supportingDocuments.purpose.AdministratorDecisionOfAppointment.description" | "supportingDocuments.purpose.AssociationRegistration" | "supportingDocuments.purpose.AssociationRegistration.description" | "supportingDocuments.purpose.Banking" | "supportingDocuments.purpose.Banking.description" | "supportingDocuments.purpose.CompanyRegistration" | "supportingDocuments.purpose.CompanyRegistration.description" | "supportingDocuments.purpose.FinancialStatements" | "supportingDocuments.purpose.FinancialStatements.description" | "supportingDocuments.purpose.GeneralAssemblyMinutes" | "supportingDocuments.purpose.GeneralAssemblyMinutes.description" | "supportingDocuments.purpose.LegalRepresentativeProofOfIdentity" | "supportingDocuments.purpose.LegalRepresentativeProofOfIdentity.description" | "supportingDocuments.purpose.NIFAccreditationCard" | "supportingDocuments.purpose.NIFAccreditationCard.description" | "supportingDocuments.purpose.Other" | "supportingDocuments.purpose.Other.description" | "supportingDocuments.purpose.PowerOfAttorney" | "supportingDocuments.purpose.PowerOfAttorney.description" | "supportingDocuments.purpose.PresidentDecisionOfAppointment" | "supportingDocuments.purpose.PresidentDecisionOfAppointment.description" | "supportingDocuments.purpose.ProofOfCompanyAddress" | "supportingDocuments.purpose.ProofOfCompanyAddress.description" | "supportingDocuments.purpose.ProofOfCompanyIncome" | "supportingDocuments.purpose.ProofOfCompanyIncome.description" | "supportingDocuments.purpose.ProofOfIdentity" | "supportingDocuments.purpose.ProofOfIdentity.description" | "supportingDocuments.purpose.ProofOfIndividualAddress" | "supportingDocuments.purpose.ProofOfIndividualAddress.description" | "supportingDocuments.purpose.ProofOfIndividualIncome" | "supportingDocuments.purpose.ProofOfIndividualIncome.description" | "supportingDocuments.purpose.ProofOfOriginOfFunds" | "supportingDocuments.purpose.ProofOfOriginOfFunds.description" | "supportingDocuments.purpose.SignedStatus" | "supportingDocuments.purpose.SignedStatus.description" | "supportingDocuments.purpose.SwornStatement" | "supportingDocuments.purpose.SwornStatement.description" | "supportingDocuments.purpose.UBODeclaration" | "supportingDocuments.purpose.UBODeclaration.description" | "supportingDocuments.purpose.UltimateBeneficialOwnerProofOfAddress" | "supportingDocuments.purpose.UltimateBeneficialOwnerProofOfAddress.description" | "supportingDocuments.purpose.UltimateBeneficialOwnerProofOfIdentity" | "supportingDocuments.purpose.UltimateBeneficialOwnerProofOfIdentity.description" | "uploadArea.browse" | "uploadArea.dropFile" | "uploadArea.droppedFile" | "uploadArea.noValue" | "uploadArea.unknownFileName" | "uploadArea.uploading";
+export declare const isTranslationKey: (value: unknown) => value is "addressFormPart.addressLabel" | "addressFormPart.cityLabel" | "addressFormPart.placeholder" | "addressFormPart.postCodeLabel" | "beneficiaryForm.beneficiary.address" | "beneficiaryForm.beneficiary.birthCity" | "beneficiaryForm.beneficiary.birthCityPlaceholder" | "beneficiaryForm.beneficiary.birthCountry" | "beneficiaryForm.beneficiary.birthCountryPlaceholder" | "beneficiaryForm.beneficiary.birthDate" | "beneficiaryForm.beneficiary.birthPostalCode" | "beneficiaryForm.beneficiary.birthPostalCodePlaceholder" | "beneficiaryForm.beneficiary.country" | "beneficiaryForm.beneficiary.directOrIndirect" | "beneficiaryForm.beneficiary.directly" | "beneficiaryForm.beneficiary.fillBirthCountry" | "beneficiaryForm.beneficiary.firstName" | "beneficiaryForm.beneficiary.firstNamePlaceholder" | "beneficiaryForm.beneficiary.indirectly" | "beneficiaryForm.beneficiary.lastName" | "beneficiaryForm.beneficiary.lastNamePlaceholder" | "beneficiaryForm.beneficiary.legalRepresentative" | "beneficiaryForm.beneficiary.other" | "beneficiaryForm.beneficiary.ownershipOfCapital" | "beneficiaryForm.beneficiary.taxIdentificationNumber" | "beneficiaryForm.beneficiary.totalCapitalPercentage" | "beneficiaryForm.beneficiary.type" | "businessActivity.administrativeServices" | "businessActivity.agriculture" | "businessActivity.arts" | "businessActivity.businessAndRetail" | "businessActivity.construction" | "businessActivity.education" | "businessActivity.electricalDistributionAndWaterSupply" | "businessActivity.financialAndInsuranceOperations" | "businessActivity.health" | "businessActivity.housekeeping" | "businessActivity.informationAndCommunication" | "businessActivity.lodgingAndFoodServices" | "businessActivity.manufacturingAndMining" | "businessActivity.other" | "businessActivity.publicAdministration" | "businessActivity.realEstate" | "businessActivity.scientificActivities" | "businessActivity.transportation" | "common.cancel" | "common.close" | "common.form.help.nbCharacters" | "common.form.help.nbDigits" | "common.form.invalidTaxIdentificationNumber" | "common.form.taxIdentificationNumber.placeholder" | "common.form.taxIdentificationNumber.tooltip.deu" | "common.next" | "common.noResult" | "common.open" | "common.optional" | "common.previous" | "common.remove" | "common.showLess" | "common.showMore" | "common.skipToContent" | "datePicker.day.friday" | "datePicker.day.monday" | "datePicker.day.saturday" | "datePicker.day.sunday" | "datePicker.day.thursday" | "datePicker.day.tuesday" | "datePicker.day.wednesday" | "datePicker.month.april" | "datePicker.month.august" | "datePicker.month.december" | "datePicker.month.february" | "datePicker.month.january" | "datePicker.month.july" | "datePicker.month.june" | "datePicker.month.march" | "datePicker.month.may" | "datePicker.month.next" | "datePicker.month.november" | "datePicker.month.october" | "datePicker.month.previous" | "datePicker.month.september" | "error.generic" | "error.iban.invalid" | "error.network.500" | "error.network.503" | "error.requiredField" | "monthlyPaymentVolume.between10000And50000" | "monthlyPaymentVolume.between50000And100000" | "monthlyPaymentVolume.lessThan10000" | "monthlyPaymentVolume.moreThan100000" | "registrationPage.defaultNumberLabel" | "registrationPage.withOrganismLabel" | "registrationPage.withoutOrganismNameLabel" | "rejection.AccountHolderNotFoundRejection" | "rejection.AccountHolderTypeIndividualRejection" | "rejection.AccountMembershipCannotBeDisabledRejection" | "rejection.AccountMembershipCannotBeUpdatedRejection" | "rejection.AccountMembershipNotAllowedRejection" | "rejection.AccountMembershipNotFoundRejection" | "rejection.AccountMembershipNotReadyToBeBoundRejection" | "rejection.AccountNotEligibleRejection" | "rejection.AccountNotFoundRejection" | "rejection.AccountVerificationAlreadyRejectedRejection" | "rejection.AccountVerificationWrongStatusRejection" | "rejection.AddingCardsToDifferentAccountsRejection" | "rejection.AlreadyValidPhysicalCardRejection" | "rejection.ApplePayNotAllowedForProjectRejection" | "rejection.BadAccountStatusRejection" | "rejection.BadRequestRejection" | "rejection.CannotActivatePhysicalCardRejection" | "rejection.CapitalDepositDocumentCanNotBeUploaded" | "rejection.CardCanNotBeDigitalizedRejection" | "rejection.CardNotFoundRejection" | "rejection.CardProductDisabledRejection" | "rejection.CardProductNotApplicableToPhysicalCardsRejection" | "rejection.CardProductNotFoundRejection" | "rejection.CardProductSuspendedRejection" | "rejection.CardProductUsedRejection" | "rejection.CardWrongStatusRejection" | "rejection.ConsentNotFoundRejection" | "rejection.ConsentTypeNotSupportedByServerConsentRejection" | "rejection.ConsentsAlreadyLinkedToMultiConsentRejection" | "rejection.ConsentsNotAllInCreatedStatusRejection" | "rejection.ConsentsNotFoundRejection" | "rejection.DebtorAccountClosedRejection" | "rejection.DebtorAccountNotAllowedRejection" | "rejection.DigitalCardNotFoundRejection" | "rejection.EnabledCardDesignNotFoundRejection" | "rejection.ExternalAccountAlreadyExistsRejection" | "rejection.ExternalAccountBalanceAlreadyExistsRejection" | "rejection.ForbiddenRejection" | "rejection.FundingLimitExceededRejection" | "rejection.FundingLimitSettingsChangeRequestBadAmountRejection" | "rejection.FundingSourceNotFoundRejection" | "rejection.FundingSourceWrongStatusRejection" | "rejection.GlobalFundingLimitExceededRejection" | "rejection.GlobalInstantFundingLimitExceededRejection" | "rejection.IBANNotReachableRejection" | "rejection.IBANNotValidRejection" | "rejection.IbanValidationRejection" | "rejection.IdentityAlreadyBindToAccountMembershipRejection" | "rejection.InstantFundingLimitExceededRejection" | "rejection.InsufficientFundsRejection" | "rejection.InternalErrorRejection" | "rejection.InvalidArgumentRejection" | "rejection.InvalidPhoneNumberRejection" | "rejection.InvalidSirenNumberRejection" | "rejection.LegalRepresentativeAccountMembershipCannotBeDisabledRejection" | "rejection.LegalRepresentativeAccountMembershipCannotBeSuspendedRejection" | "rejection.MerchantProfileWrongStatusRejection" | "rejection.MissingMandatoryFieldRejection" | "rejection.NotFoundRejection" | "rejection.NotReachableConsentStatusRejection" | "rejection.NotSupportedCountryRejection" | "rejection.OnboardingNotCompletedRejection" | "rejection.PINNotReadyRejection" | "rejection.PaymentMandateMandateNotFoundRejection" | "rejection.PaymentMandateReferenceAlreadyUsedRejection" | "rejection.PaymentMethodNotCompatibleRejection" | "rejection.PermissionCannotBeGrantedRejection" | "rejection.PhysicalCardNotFoundRejection" | "rejection.PhysicalCardWrongStatusRejection" | "rejection.ProjectForbiddenRejection" | "rejection.ProjectFundingLimitExceededRejection" | "rejection.ProjectInstantFundingLimitExceededRejection" | "rejection.ProjectInvalidStatusRejection" | "rejection.ProjectNotFound" | "rejection.ProjectNotFoundRejection" | "rejection.ProjectSettingsForbiddenError" | "rejection.ProjectSettingsNotFound" | "rejection.ProjectSettingsStatusNotReachable" | "rejection.PublicOnboardingDisabledRejection" | "rejection.ReceivedDirectDebitMandateAlreadyExistRejection" | "rejection.ReceivedDirectDebitMandateCanceledRejection" | "rejection.ReceivedDirectDebitMandateNotB2bRejection" | "rejection.ReceivedDirectDebitMandateNotFoundRejection" | "rejection.RefundRejection" | "rejection.RestrictedToUserRejection" | "rejection.SchemeWrongRejection" | "rejection.ServerConsentCredentialsNotValidOrOutdatedRejection" | "rejection.ServerConsentNotAllowedForConsentOperationRejection" | "rejection.ServerConsentNotAllowedForProjectRejection" | "rejection.ServerConsentProjectCredentialMissingRejection" | "rejection.ServerConsentProjectCredentialNotFoundRejection" | "rejection.ServerConsentProjectSettingsNotFoundRejection" | "rejection.ServerConsentSignatureNotValidRejection" | "rejection.StandingOrderNotFoundRejection" | "rejection.SupportingDocumentCollectionNotFoundRejection" | "rejection.SupportingDocumentCollectionStatusDoesNotAllowDeletionRejection" | "rejection.SupportingDocumentCollectionStatusDoesNotAllowUpdateRejection" | "rejection.SupportingDocumentCollectionStatusNotAllowedRejection" | "rejection.SupportingDocumentNotFoundRejection" | "rejection.SupportingDocumentStatusDoesNotAllowDeletionRejection" | "rejection.SupportingDocumentStatusDoesNotAllowUpdateRejection" | "rejection.SupportingDocumentStatusNotAllowedRejection" | "rejection.SupportingDocumentUploadNotAllowedRejection" | "rejection.SuspendReceivedDirectDebitMandatedRejection" | "rejection.TooManyChildConsentsRejection" | "rejection.TooManyItemsRejection" | "rejection.TransactionNotFoundRejection" | "rejection.UpdateUserConsentSettingsTokenRejection" | "rejection.UserNotAllowedToDisableItsOwnAccountMembershipRejection" | "rejection.UserNotAllowedToManageAccountMembershipRejection" | "rejection.UserNotAllowedToSuspendItsOwnAccountMembershipRejection" | "rejection.UserNotCardHolderRejection" | "rejection.ValidationRejection" | "rejection.WrongValueProvidedRejection" | "rib.accountHolder" | "rib.accountNumber" | "rib.address" | "rib.agency" | "rib.bank" | "rib.bankDetails" | "rib.bic" | "rib.iban" | "rib.key" | "rib.nationalCode" | "rib.number" | "rib.partnership" | "supportingDocuments.documentTypes" | "supportingDocuments.errorUpload" | "supportingDocuments.noRequiredDocuments" | "supportingDocuments.downloadTemplate" | "supportingDocuments.powerOfAttorneyModal.title" | "supportingDocuments.powerOfAttorneyModal.description" | "supportingDocuments.help.whatIsThis" | "supportingDocuments.purpose.AdministratorDecisionOfAppointment" | "supportingDocuments.purpose.AdministratorDecisionOfAppointment.description" | "supportingDocuments.purpose.AssociationRegistration" | "supportingDocuments.purpose.AssociationRegistration.description" | "supportingDocuments.purpose.Banking" | "supportingDocuments.purpose.Banking.description" | "supportingDocuments.purpose.CompanyRegistration" | "supportingDocuments.purpose.CompanyRegistration.description" | "supportingDocuments.purpose.FinancialStatements" | "supportingDocuments.purpose.FinancialStatements.description" | "supportingDocuments.purpose.GeneralAssemblyMinutes" | "supportingDocuments.purpose.GeneralAssemblyMinutes.description" | "supportingDocuments.purpose.LegalRepresentativeProofOfIdentity" | "supportingDocuments.purpose.LegalRepresentativeProofOfIdentity.description" | "supportingDocuments.purpose.NIFAccreditationCard" | "supportingDocuments.purpose.NIFAccreditationCard.description" | "supportingDocuments.purpose.Other" | "supportingDocuments.purpose.Other.description" | "supportingDocuments.purpose.PowerOfAttorney" | "supportingDocuments.purpose.PowerOfAttorney.description" | "supportingDocuments.purpose.PresidentDecisionOfAppointment" | "supportingDocuments.purpose.PresidentDecisionOfAppointment.description" | "supportingDocuments.purpose.ProofOfCompanyAddress" | "supportingDocuments.purpose.ProofOfCompanyAddress.description" | "supportingDocuments.purpose.ProofOfCompanyIncome" | "supportingDocuments.purpose.ProofOfCompanyIncome.description" | "supportingDocuments.purpose.ProofOfIdentity" | "supportingDocuments.purpose.ProofOfIdentity.description" | "supportingDocuments.purpose.ProofOfIndividualAddress" | "supportingDocuments.purpose.ProofOfIndividualAddress.description" | "supportingDocuments.purpose.ProofOfIndividualIncome" | "supportingDocuments.purpose.ProofOfIndividualIncome.description" | "supportingDocuments.purpose.ProofOfOriginOfFunds" | "supportingDocuments.purpose.ProofOfOriginOfFunds.description" | "supportingDocuments.purpose.SignedStatus" | "supportingDocuments.purpose.SignedStatus.description" | "supportingDocuments.purpose.SwornStatement" | "supportingDocuments.purpose.SwornStatement.description" | "supportingDocuments.purpose.UBODeclaration" | "supportingDocuments.purpose.UBODeclaration.description" | "supportingDocuments.purpose.UltimateBeneficialOwnerProofOfAddress" | "supportingDocuments.purpose.UltimateBeneficialOwnerProofOfAddress.description" | "supportingDocuments.purpose.UltimateBeneficialOwnerProofOfIdentity" | "supportingDocuments.purpose.UltimateBeneficialOwnerProofOfIdentity.description" | "uploadArea.browse" | "uploadArea.dropFile" | "uploadArea.droppedFile" | "uploadArea.noValue" | "uploadArea.unknownFileName" | "uploadArea.uploading";
 export declare const translateError: (error: unknown) => string;
 export {};

package/src/utils/validation.d.ts

@@ -1,4 +1,4 @@
-import { Validator } from "react-ux-form";
+import { Validator } from "@swan-io/use-form";
 import { AccountCountry } from "./templateTranslations";
 export declare const isValidVatNumber: (maybeVat: string) => boolean;
 export declare const isValidEmail: (maybeEmail: string) => boolean;

package/src/components/AddressFormPart.d.ts

@@ -1,21 +0,0 @@
-import { Form } from "react-ux-form";
-import { CountryCCA3 } from "../constants/countries";
-type AddressField = {
-    address: string;
-    city: string;
-    postalCode: string;
-};
-type FormProps = Pick<Form<AddressField>, "Field" | "setFieldValue" | "listenFields">;
-type Props = {
-    initialAddress: string;
-    initialCity: string;
-    initialPostalCode: string;
-    country: CountryCCA3;
-    label: string;
-    optionalLabel?: string;
-    placeholder?: string;
-    isLarge: boolean;
-    apiKey: string;
-} & FormProps;
-export declare const AddressFormPart: ({ initialAddress, initialCity, initialPostalCode, country, label, optionalLabel, placeholder, Field, setFieldValue, listenFields, isLarge, apiKey, }: Props) => import("react/jsx-runtime").JSX.Element;
-export {};

package/src/components/AddressFormPart.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-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";
-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 { PlacekitAddressSearchInput } from "./PlacekitAddressSearchInput";
-export const AddressFormPart = ({ initialAddress, initialCity, initialPostalCode, country, label, optionalLabel, placeholder, Field, setFieldValue, listenFields, isLarge, apiKey, }) => {
-    const [manualModeEnabled, setManualMode] = useBoolean(initialAddress !== "" || initialCity !== "" || initialPostalCode !== "");
-    useEffect(() => {
-        if (!manualModeEnabled) {
-            return listenFields(["city", "postalCode"], () => {
-                setManualMode.on();
-            });
-        }
-    }, [manualModeEnabled, listenFields, setManualMode]);
-    const onSuggestion = useCallback((place) => {
-        setFieldValue("address", place.completeAddress);
-        setFieldValue("city", place.city);
-        if (place.postalCode != null) {
-            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 !== 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] }));
-};