@swan-io/shared-business 11.4.2 → 12.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swan-io/shared-business",
-  "version": "11.4.2",
+  "version": "12.0.0",
   "engines": {
     "node": "^22.12.0",
     "pnpm": "^10.2.0"
@@ -26,32 +26,32 @@
   ],
   "license": "MIT",
   "peerDependencies": {
-    "@swan-io/lake": "11.4.2"
+    "@swan-io/lake": "12.0.0"
   },
   "dependencies": {
-    "@formatjs/intl": "^3.1.4",
+    "@formatjs/intl": "^3.1.6",
     "@placekit/client-js": "^2.3.0",
     "@swan-io/boxed": "^3.2.0",
     "@swan-io/request": "^2.0.0",
     "@swan-io/use-form": "^3.1.0",
     "dayjs": "^1.11.13",
     "iban": "^0.0.14",
-    "react": "^18.3.1",
+    "react": "^19.1.0",
     "react-atomic-state": "^2.0.0",
-    "react-dom": "^18.3.1",
-    "react-dropzone": "^14.3.5",
-    "react-native-web": "^0.19.13",
+    "react-dom": "^19.1.0",
+    "react-dropzone": "^14.3.8",
+    "react-native-web": "^0.20.0",
     "rifm": "^0.12.1",
-    "ts-pattern": "^5.6.2",
-    "uuid": "^11.0.5"
+    "ts-pattern": "^5.7.0",
+    "uuid": "^11.1.0"
   },
   "devDependencies": {
     "@types/iban": "0.0.35",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
+    "@types/react": "^19.1.2",
+    "@types/react-dom": "^19.1.2",
     "@types/react-native": "^0.72.8",
-    "jsdom": "^26.0.0",
+    "jsdom": "^26.1.0",
     "vitest": "^2.1.8",
-    "@swan-io/lake": "11.4.2"
+    "@swan-io/lake": "12.0.0"
   }
 }

package/src/components/CountryPicker.d.ts

@@ -1,7 +1,8 @@
-import { ForwardedRef } from "react";
+import { Ref } from "react";
 import { View } from "react-native";
 import { CountryCCA3 } from "../constants/countries";
 type Props<T extends CountryCCA3> = {
+    ref?: Ref<View>;
     onValueChange: (country: T) => void;
     value: T | undefined;
     countries: T[];
@@ -12,8 +13,5 @@ type Props<T extends CountryCCA3> = {
     disabled?: boolean;
     hideErrors?: boolean;
 };
-declare const CountryPickerWithRef: <T extends CountryCCA3>({ onValueChange, value, countries, readOnly, id, error, placeholder, disabled, hideErrors, }: Props<T>, forwardedRef: ForwardedRef<View>) => import("react/jsx-runtime").JSX.Element;
-export declare const CountryPicker: <T extends CountryCCA3>(props: Props<T> & {
-    ref?: ForwardedRef<View>;
-}) => ReturnType<typeof CountryPickerWithRef>;
+export declare const CountryPicker: <T extends CountryCCA3>({ ref, onValueChange, value, countries, readOnly, id, error, placeholder, disabled, hideErrors, }: Props<T>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/CountryPicker.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { LakeSelect } from "@swan-io/lake/src/components/LakeSelect";
-import { forwardRef, useMemo } from "react";
+import { useMemo } from "react";
 import { Flag } from "../components/Flag";
 import { getCountryByCCA3 } from "../constants/countries";
-const CountryPickerWithRef = ({ onValueChange, value, countries, readOnly, id, error, placeholder, disabled, hideErrors, }, forwardedRef) => {
+export const CountryPicker = ({ ref, onValueChange, value, countries, readOnly, id, error, placeholder, disabled, hideErrors, }) => {
     const items = useMemo(() => {
         return countries
             .filter((item, index, array) => array.indexOf(item) === index) // deduplicate
@@ -17,6 +17,5 @@ const CountryPickerWithRef = ({ onValueChange, value, countries, readOnly, id, e
         })
             .sort((a, b) => a.name.localeCompare(b.name));
     }, [countries]);
-    return (_jsx(LakeSelect, { readOnly: readOnly, id: id, ref: forwardedRef, error: error, items: items, placeholder: placeholder, value: value, onValueChange: onValueChange, disabled: disabled, hideErrors: hideErrors }));
+    return (_jsx(LakeSelect, { readOnly: readOnly, id: id, ref: ref, error: error, items: items, placeholder: placeholder, value: value, onValueChange: onValueChange, disabled: disabled, hideErrors: hideErrors }));
 };
-export const CountryPicker = forwardRef(CountryPickerWithRef);

package/src/components/FilesUploader.d.ts

@@ -1,9 +1,10 @@
 import { Future, Result } from "@swan-io/boxed";
 import { IconName } from "@swan-io/lake/src/components/Icon";
-import { ForwardedRef, Ref } from "react";
+import { Ref } from "react";
 import { Config } from "../hooks/useFilesUploader";
 import { SwanFile } from "../utils/SwanFile";
 type Props<UploadInput, UploadOutput, GenerateUploadError, UploadFileError> = Config<UploadInput, UploadOutput, GenerateUploadError, UploadFileError> & {
+    ref?: Ref<FilesUploaderRef>;
     getUploadConfig: (file: File) => UploadInput;
     accept: string[];
     maxSize: number;
@@ -17,8 +18,5 @@ type Props<UploadInput, UploadOutput, GenerateUploadError, UploadFileError> = Co
 export type FilesUploaderRef = {
     add: (file: SwanFile) => void;
 };
-declare const FilesUploaderWithRef: <UploadInput, UploadOutput, GenerateUploadError, UploadFileError>({ maxSize, accept, icon, getUploadConfig, onRemoveFile, onChange, formatAndSizeDescription, canUpload, showIds, ...config }: Props<UploadInput, UploadOutput, GenerateUploadError, UploadFileError>, ref: Ref<FilesUploaderRef>) => import("react/jsx-runtime").JSX.Element;
-export declare const FilesUploader: <UploadInput, UploadOutput, GenerateUploadError, UploadFileError>(props: Props<UploadInput, UploadOutput, GenerateUploadError, UploadFileError> & {
-    ref?: ForwardedRef<FilesUploaderRef>;
-}) => ReturnType<typeof FilesUploaderWithRef>;
+export declare const FilesUploader: <UploadInput, UploadOutput, GenerateUploadError, UploadFileError>({ ref, maxSize, accept, icon, getUploadConfig, onRemoveFile, onChange, formatAndSizeDescription, canUpload, showIds, ...config }: Props<UploadInput, UploadOutput, GenerateUploadError, UploadFileError>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/FilesUploader.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box } from "@swan-io/lake/src/components/Box";
 import { Space } from "@swan-io/lake/src/components/Space";
-import { Fragment, forwardRef, useEffect, useImperativeHandle, useRef, } from "react";
+import { Fragment, useEffect, useImperativeHandle, useRef } from "react";
 import { useFilesUploader } from "../hooks/useFilesUploader";
 import { FileInput } from "./FileInput";
 import { FileTile } from "./FileTile";
-const FilesUploaderWithRef = ({ maxSize, accept, icon, getUploadConfig, onRemoveFile, onChange, formatAndSizeDescription, canUpload = true, showIds = false, ...config }, ref) => {
+export const FilesUploader = ({ ref, maxSize, accept, icon, getUploadConfig, onRemoveFile, onChange, formatAndSizeDescription, canUpload = true, showIds = false, ...config }) => {
     const { files, upload, remove, add } = useFilesUploader(config);
     // Keep the `onChange` callback as a ref to avoid running the effect
     // every time the function updates
@@ -36,4 +36,3 @@ const FilesUploaderWithRef = ({ maxSize, accept, icon, getUploadConfig, onRemove
                             })
                             : undefined })] }, file.id)))] }));
 };
-export const FilesUploader = forwardRef(FilesUploaderWithRef);

package/src/components/Filters.js

@@ -13,11 +13,10 @@ import { Stack } from "@swan-io/lake/src/components/Stack";
 import { Tag } from "@swan-io/lake/src/components/Tag";
 import { colors, shadows } from "@swan-io/lake/src/constants/design";
 import { useDisclosure } from "@swan-io/lake/src/hooks/useDisclosure";
-import { useMergeRefs } from "@swan-io/lake/src/hooks/useMergeRefs";
 import { usePreviousValue } from "@swan-io/lake/src/hooks/usePreviousValue";
 import { isNotNullish, isNullish } from "@swan-io/lake/src/utils/nullish";
 import dayjs from "dayjs";
-import { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Pressable, StyleSheet, Text, View } from "react-native";
 import { P, match } from "ts-pattern";
 import { locale, t } from "../utils/i18n";
@@ -75,11 +74,7 @@ const styles = StyleSheet.create({
         whiteSpace: "nowrap",
     },
 });
-const FilterTag = forwardRef(({ onPress, onPressRemove, label, value = "", isActive }, forwardRef) => {
-    const ref = useRef(null);
-    const mergedRef = useMergeRefs(ref, forwardRef);
-    return (_jsx(Pressable, { ref: mergedRef, onPress: onPress, children: ({ hovered }) => (_jsxs(_Fragment, { children: [_jsx(View, { style: [styles.shadowed, hovered && styles.hovered] }), _jsx(Tag, { label: label, color: "current", onPressRemove: onPressRemove, children: _jsxs(Box, { direction: "row", alignItems: "center", children: [_jsx(Text, { numberOfLines: 1, style: styles.value, children: value }), _jsx(Space, { width: 4 }), _jsx(Icon, { color: colors.current.primary, name: isActive ? "chevron-up-filled" : "chevron-down-filled", size: 16 })] }) })] })) }));
-});
+const FilterTag = ({ ref, onPress, onPressRemove, label, value = "", isActive }) => (_jsx(Pressable, { ref: ref, onPress: onPress, children: ({ hovered }) => (_jsxs(_Fragment, { children: [_jsx(View, { style: [styles.shadowed, hovered && styles.hovered] }), _jsx(Tag, { label: label, color: "current", onPressRemove: onPressRemove, children: _jsxs(Box, { direction: "row", alignItems: "center", children: [_jsx(Text, { numberOfLines: 1, style: styles.value, children: value }), _jsx(Space, { width: 4 }), _jsx(Icon, { color: colors.current.primary, name: isActive ? "chevron-up-filled" : "chevron-down-filled", size: 16 })] }) })] })) }));
 const FilterRadio = ({ label, items, width, value, onValueChange, onPressRemove, autoOpen = false, }) => {
     const inputRef = useRef(null);
     const [visible, { close, toggle }] = useDisclosure(autoOpen);

package/src/components/PlacekitAddressSearchInput.d.ts

@@ -1,5 +1,5 @@
 import { PKOptions } from "@placekit/client-js";
-import { MutableRefObject } from "react";
+import { Ref } from "react";
 import { StyleProp, ViewStyle } from "react-native";
 import { CountryCCA3 } from "../constants/countries";
 export type AddressDetail = {
@@ -10,7 +10,7 @@ export type AddressDetail = {
     countryCode: string;
 };
 type Props = {
-    inputRef?: MutableRefObject<unknown>;
+    inputRef?: Ref<unknown>;
     id?: string;
     types?: PKOptions["types"];
     country?: CountryCCA3;

package/src/components/SupportChat.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from "react";
+import { ReactNode } from "react";
 declare const keys: {
     "end-user": string;
     partner: string;
@@ -18,9 +18,9 @@ type Props = {
     accentColor?: string;
     children: (props: {
         onPressShow: () => void;
-    }) => ReactElement;
+    }) => ReactNode;
     type: keyof typeof keys;
     additionalInfo: AdditionalInfo;
 };
-export declare const SupportChat: ({ children, accentColor, type, additionalInfo }: Props) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export declare const SupportChat: ({ children, accentColor, type, additionalInfo }: Props) => ReactNode;
 export {};

package/src/components/SupportingDocumentCollection.d.ts

@@ -1,6 +1,6 @@
 import { Future, Result } from "@swan-io/boxed";
 import { NetworkError, Response, TimeoutError } from "@swan-io/request";
-import { ForwardedRef, Ref } from "react";
+import { Ref } from "react";
 import { UploadFileInput, UploadOutputWithId } from "../hooks/useFilesUploader";
 import { SwanFile } from "../utils/SwanFile";
 export type Document<Purpose extends string> = {
@@ -27,7 +27,12 @@ type PurposeMetadata = {
         value: string;
     }[];
 };
+export type SupportingDocumentCollectionRef<Purpose extends string> = {
+    areAllRequiredDocumentsFilled: () => boolean;
+    addDocument: (document: Document<Purpose>) => void;
+};
 type Props<Purpose extends string> = {
+    ref?: Ref<SupportingDocumentCollectionRef<Purpose>>;
     status: SupportingDocumentCollectionStatus;
     generateUpload: (input: UploadInput<Purpose>) => Future<Result<UploadOutputWithId<UploadOutput>, unknown>>;
     documents: Document<Purpose>[];
@@ -43,12 +48,5 @@ type Props<Purpose extends string> = {
 };
 export declare const getSupportingDocumentPurposeLabel: (purpose: string) => string;
 export declare const getSupportingDocumentPurposeDescriptionLabel: (purpose: string) => string;
-export type SupportingDocumentCollectionRef<Purpose extends string> = {
-    areAllRequiredDocumentsFilled: () => boolean;
-    addDocument: (document: Document<Purpose>) => void;
-};
-export declare const SupportingDocumentCollectionWithRef: <Purpose extends string>({ documents, generateUpload, uploadFile, requiredDocumentPurposes, templateLanguage, status, onRemoveFile, showIds, readOnly, getPurposeMetadata, readonlyDocumentPurposes, }: Props<Purpose>, ref: Ref<SupportingDocumentCollectionRef<Purpose>>) => import("react/jsx-runtime").JSX.Element;
-export declare const SupportingDocumentCollection: <I extends string>(props: Props<I> & {
-    ref?: ForwardedRef<SupportingDocumentCollectionRef<I>>;
-}) => ReturnType<typeof SupportingDocumentCollectionWithRef>;
+export declare const SupportingDocumentCollection: <Purpose extends string>({ ref, documents, generateUpload, uploadFile, requiredDocumentPurposes, templateLanguage, status, onRemoveFile, showIds, readOnly, getPurposeMetadata, readonlyDocumentPurposes, }: Props<Purpose>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/SupportingDocumentCollection.js

@@ -11,7 +11,7 @@ import { Space } from "@swan-io/lake/src/components/Space";
 import { colors } from "@swan-io/lake/src/constants/design";
 import { isNotNullish } from "@swan-io/lake/src/utils/nullish";
 import { Request, badStatusToError } from "@swan-io/request";
-import { Fragment, forwardRef, useEffect, useImperativeHandle, useMemo, useRef, useState, } from "react";
+import { Fragment, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { StyleSheet } from "react-native";
 import { match } from "ts-pattern";
 import { isTranslationKey, locale, t } from "../utils/i18n";
@@ -47,7 +47,7 @@ export const getSupportingDocumentPurposeDescriptionLabel = (purpose) => {
     const key = `supportingDocuments.purpose.${purpose}.description`;
     return isTranslationKey(key) ? t(key) : "";
 };
-export const SupportingDocumentCollectionWithRef = ({ documents, generateUpload, uploadFile, requiredDocumentPurposes, templateLanguage = locale.language, status, onRemoveFile, showIds = false, readOnly = false, getPurposeMetadata, readonlyDocumentPurposes = [], }, ref) => {
+export const SupportingDocumentCollection = ({ ref, documents, generateUpload, uploadFile, requiredDocumentPurposes, templateLanguage = locale.language, status, onRemoveFile, showIds = false, readOnly = false, getPurposeMetadata, readonlyDocumentPurposes = [], }) => {
     const [showPowerOfAttorneyModal, setShowPowerOfAttorneyModal] = useState(false);
     const [showSwornStatementModal, setShowSwornStatementModal] = useState(false);
     const [currentMetadata, setCurrentMetadata] = useState(undefined);
@@ -165,4 +165,3 @@ export const SupportingDocumentCollectionWithRef = ({ documents, generateUpload,
                                 .with("es", () => "es")
                                 .otherwise(() => "en")}.pdf`), children: t("supportingDocuments.downloadTemplate") }) })] }), _jsxs(LakeModal, { visible: showSwornStatementModal, title: t("supportingDocuments.purpose.SwornStatement"), icon: "document-regular", onPressClose: () => setShowSwornStatementModal(false), children: [_jsx(LakeText, { children: t("supportingDocuments.purpose.SwornStatement.description") }), _jsx(Space, { height: 16 }), _jsx(LakeButtonGroup, { paddingBottom: 0, children: _jsx(LakeButton, { grow: true, color: "current", onPress: () => window.open("/sworn-statement-template/es.pdf"), children: t("supportingDocuments.downloadTemplate") }) })] }), _jsx(LakeModal, { visible: isNotNullish(currentMetadata), title: t("supportingDocuments.informations"), icon: "document-regular", onPressClose: () => setCurrentMetadata(undefined), children: _jsx(ReadOnlyFieldList, { children: currentMetadata === null || currentMetadata === void 0 ? void 0 : currentMetadata.values.map(({ title, value, type }, index) => (_jsx(LakeLabel, { type: "viewSmall", label: title, actions: type === "copy" && (_jsx(LakeCopyButton, { valueToCopy: value, copiedText: t("copyButton.copiedTooltip"), copyText: t("copyButton.copyTooltip") })), render: () => (_jsx(LakeText, { variant: "regular", color: colors.gray[900], children: value })) }, `metadata-${index}`))) }) })] }));
 };
-export const SupportingDocumentCollection = forwardRef(SupportingDocumentCollectionWithRef);

package/src/components/TaxIdentificationNumberInput.d.ts

@@ -1,6 +1,8 @@
+import { Ref } from "react";
 import { TextInput } from "react-native";
 import { AccountCountry } from "../utils/templateTranslations";
 type Props = {
+    ref?: Ref<TextInput>;
     value: string;
     error: string | undefined;
     valid: boolean;
@@ -11,6 +13,7 @@ type Props = {
     isCompany: boolean;
     required?: boolean;
     label?: string;
+    placeholder?: string;
 };
-export declare const TaxIdentificationNumberInput: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<TextInput | null>>;
+export declare const TaxIdentificationNumberInput: ({ ref, value, error, valid, disabled, onChange, onBlur, accountCountry, isCompany, required, label, placeholder, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/TaxIdentificationNumberInput.js

@@ -4,14 +4,13 @@ import { LakeLabel } from "@swan-io/lake/src/components/LakeLabel";
 import { LakeTextInput } from "@swan-io/lake/src/components/LakeTextInput";
 import { LakeTooltip } from "@swan-io/lake/src/components/LakeTooltip";
 import { colors } from "@swan-io/lake/src/constants/design";
-import { forwardRef } from "react";
 import { t } from "../utils/i18n";
 import { getCompanyTaxNumberHelp, getCompanyTaxNumberPlaceholder, getIndividualTaxNumberHelp, getIndividualTaxNumberPlaceholder, getTaxNumberTooltip, } from "../utils/templateTranslations";
-export const TaxIdentificationNumberInput = forwardRef(({ value, error, valid, disabled, onChange, onBlur, accountCountry, isCompany, required, label = t("taxIdentificationNumber.label"), }, ref) => {
+export const TaxIdentificationNumberInput = ({ ref, value, error, valid, disabled, onChange, onBlur, accountCountry, isCompany, required, label = t("taxIdentificationNumber.label"), placeholder = isCompany
+    ? getCompanyTaxNumberPlaceholder(accountCountry)
+    : getIndividualTaxNumberPlaceholder(accountCountry), }) => {
     const tooltipContents = getTaxNumberTooltip(accountCountry);
-    return (_jsx(LakeLabel, { label: label, optionalLabel: required === true ? undefined : t("common.optional"), help: tooltipContents != null ? (_jsx(LakeTooltip, { content: tooltipContents, placement: "right", width: accountCountry === "DEU" ? 800 : undefined, children: _jsx(Icon, { name: "question-circle-regular", size: 16, color: colors.gray[600] }) })) : null, render: id => (_jsx(LakeTextInput, { id: id, ref: ref, placeholder: isCompany
-                ? getCompanyTaxNumberPlaceholder(accountCountry)
-                : getIndividualTaxNumberPlaceholder(accountCountry), help: isCompany
+    return (_jsx(LakeLabel, { label: label, optionalLabel: required === true ? undefined : t("common.optional"), help: tooltipContents != null ? (_jsx(LakeTooltip, { content: tooltipContents, placement: "right", width: accountCountry === "DEU" ? 800 : undefined, children: _jsx(Icon, { name: "question-circle-regular", size: 16, color: colors.gray[600] }) })) : null, render: id => (_jsx(LakeTextInput, { id: id, ref: ref, placeholder: placeholder, help: isCompany
                 ? getCompanyTaxNumberHelp(accountCountry)
                 : getIndividualTaxNumberHelp(accountCountry), value: value, error: error, valid: valid, disabled: disabled, onChangeText: onChange, onBlur: onBlur })) }));
-});
+};

package/src/utils/i18n.d.ts

@@ -18,7 +18,7 @@ type Locale = {
 export declare const locale: Locale;
 export declare const t: (key: TranslationKey, params?: TranslationParams) => string;
 export declare const formatCurrencyIso: (value: number, currency: string) => string;
-export declare const formatNestedMessage: (key: TranslationKey, params: Record<string, string | number | ReactElement | ((children: ReactNode) => ReactNode)>) => (string | ReactElement<any, string | import("react").JSXElementConstructor<any>>)[];
+export declare const formatNestedMessage: (key: TranslationKey, params: Record<string, string | number | ReactElement | ((children: ReactNode) => ReactNode)>) => (string | ReactElement<unknown, string | import("react").JSXElementConstructor<any>>)[];
 export declare const rifmDateProps: RifmProps;
 export declare const isTranslationKey: (value: unknown) => value is TranslationKey;
 export declare const translateError: (error: unknown) => string;