@swan-io/shared-business 13.2.5 → 13.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swan-io/shared-business",
-  "version": "13.2.5",
+  "version": "13.4.0",
   "engines": {
     "node": "^22.12.0"
   },
@@ -12,10 +12,6 @@
     "src/**/*.d.ts",
     "README.md"
   ],
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org"
-  },
   "browserslist": [
     ">0.2%",
     "not op_mini all",
@@ -25,7 +21,7 @@
   ],
   "license": "MIT",
   "peerDependencies": {
-    "@swan-io/lake": "13.2.5"
+    "@swan-io/lake": "13.4.0"
   },
   "dependencies": {
     "@formatjs/intl": "^3.1.6",
@@ -50,6 +46,6 @@
     "@types/react-dom": "^19.1.7",
     "@types/react-native": "^0.72.8",
     "type-fest": "^4.41.0",
-    "@swan-io/lake": "13.2.5"
+    "@swan-io/lake": "13.4.0"
   }
 }

package/src/components/AccountStatement.d.ts

@@ -20,9 +20,7 @@ export type Transaction = {
 };
 type AccountStatementV1Props = {
     version: "v1";
-    partnerLogoUrl?: string;
     style?: StyleProp<ViewStyle>;
-    accountHolderType: "Individual" | "Company";
     accountHolderName: string;
     accountHolderAddress: AddressInfo;
     iban: string;
@@ -36,8 +34,10 @@ type AccountStatementV1Props = {
     closingBalance: Amount;
     feesDebit: Amount;
     feesCredit: Amount;
+    hideHeader?: boolean;
+    hideFooter?: boolean;
 };
-export declare const AccountStatementV1: ({ partnerLogoUrl, style, accountHolderType, accountHolderName, accountHolderAddress, iban, bic, openingDate, closingDate, openingBalance, transactions, feesDebit, feesCredit, totalsCredit, totalsDebit, closingBalance, }: AccountStatementV1Props) => import("react/jsx-runtime").JSX.Element;
+export declare const AccountStatementV1: ({ style, accountHolderName, accountHolderAddress, iban, bic, openingDate, closingDate, openingBalance, transactions, feesDebit, feesCredit, totalsCredit, totalsDebit, closingBalance, }: AccountStatementV1Props) => import("react/jsx-runtime").JSX.Element;
 export type AccountStatementProps = AccountStatementV1Props;
 export declare const AccountStatement: (props: AccountStatementProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/AccountStatement.js

@@ -1,37 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Box } from "@swan-io/lake/src/components/Box";
-import { Separator } from "@swan-io/lake/src/components/Separator";
 import { Space } from "@swan-io/lake/src/components/Space";
-import { SwanLogo } from "@swan-io/lake/src/components/SwanLogo";
-import { colors, fonts, primaryFontStyle, spacings } from "@swan-io/lake/src/constants/design";
-import { isNotNullish, isNotNullishOrEmpty } from "@swan-io/lake/src/utils/nullish";
+import { colors, spacings } from "@swan-io/lake/src/constants/design";
+import { isNotNullish } from "@swan-io/lake/src/utils/nullish";
 import { StyleSheet, Text } from "react-native";
 import { match } from "ts-pattern";
 import { getCountryName } from "../constants/countries";
 import { formatCurrencyIso, t } from "../utils/i18n";
-const LOGO_MAX_HEIGHT = 24;
-const LOGO_MAX_WIDTH = 150;
-const getTextStyle = (type, fontSize) => ({
-    ...(type === "mono" ? { fontFamily: fonts.iban } : primaryFontStyle),
-    color: colors.gray[900],
-    fontSize,
-    lineHeight: fontSize * 1.25,
-    fontWeight: "400",
-});
+import { getTextStyle } from "../utils/style";
 const styles = StyleSheet.create({
     container: {
         width: 793,
         padding: 40,
     },
-    partnershipText: {
-        ...getTextStyle("sans", 14),
-        color: colors.gray[500],
-    },
-    pageTitle: {
-        ...getTextStyle("sans", 20),
-        color: colors.swan[500],
-        fontWeight: "600",
-    },
     sectionTitle: {
         ...getTextStyle("sans", 14),
         color: colors.swan[500],
@@ -69,21 +50,6 @@ const styles = StyleSheet.create({
         backgroundColor: colors.gray[50],
         width: "50%",
     },
-    footer: {
-        ...getTextStyle("sans", 10),
-        color: colors.gray[500],
-        fontWeight: "300",
-    },
-    defaultLogo: {
-        height: LOGO_MAX_HEIGHT,
-        width: (45 / 10) * LOGO_MAX_HEIGHT,
-    },
-    swanLogo: {
-        height: 8,
-        width: (45 / 10) * 8,
-        position: "relative",
-        top: 0.5,
-    },
 });
 const Title = ({ text, align = "left", style, }) => (_jsx(Text, { style: [
         styles.titleColumn,
@@ -101,16 +67,8 @@ const translateTransaction = (transaction) => {
         .with("InternationalCreditTransfer", "SepaCreditTransfer", () => t("accountStatement.creditTransfer"))
         .otherwise(() => transaction);
 };
-const logoStyle = {
-    height: LOGO_MAX_HEIGHT,
-    maxWidth: LOGO_MAX_WIDTH,
-    objectFit: "contain",
-    objectPosition: "left",
-};
-export const AccountStatementV1 = ({ partnerLogoUrl, style, accountHolderType, accountHolderName, accountHolderAddress, iban, bic, openingDate, closingDate, openingBalance, transactions, feesDebit, feesCredit, totalsCredit, totalsDebit, closingBalance, }) => {
-    return (_jsx(Box, { style: [styles.container, style], direction: "column", justifyContent: "spaceBetween", children: _jsxs(Box, { children: [_jsx(Box, { direction: "row", justifyContent: "spaceBetween", children: _jsxs(Box, { direction: "row", alignItems: "center", children: [isNotNullishOrEmpty(partnerLogoUrl) ? (_jsx("img", { src: partnerLogoUrl, style: logoStyle })) : (_jsx(SwanLogo, { style: styles.defaultLogo })), _jsx(Separator, { horizontal: true, space: 8 }), _jsx(Text, { style: styles.partnershipText, children: t("accountStatement.partnership") }), _jsx(Space, { width: 4 }), _jsx(SwanLogo, { color: colors.gray[900], style: styles.swanLogo })] }) }), _jsx(Space, { height: 24 }), _jsx(Text, { style: styles.pageTitle, children: t("accountStatement.titleDocument") }), _jsx(Space, { height: 8 }), _jsx(Text, { style: styles.text, children: accountHolderType === "Company"
-                        ? t("accountStatement.titleDocument.companyDescription")
-                        : t("accountStatement.titleDocument.individualDescription") }), _jsx(Space, { height: 24 }), _jsxs(Box, { direction: "row", justifyContent: "spaceBetween", children: [_jsxs(Box, { direction: "column", children: [_jsx(Text, { style: styles.sectionTitle, children: accountHolderName.toUpperCase() }), _jsx(Text, { style: styles.text, children: accountHolderAddress.street }), _jsx(Text, { style: styles.text, children: accountHolderAddress.city }), isNotNullish(accountHolderAddress.country) && (_jsx(Text, { style: styles.text, children: getCountryName(accountHolderAddress.country) }))] }), _jsxs(Box, { direction: "column", alignItems: "end", children: [_jsx(Text, { style: styles.sectionTitle, children: t("accountStatement.contactSupport") }), _jsx(Text, { style: styles.text, children: "support.swan.io" })] })] }), _jsx(Space, { height: 24 }), _jsx(Text, { style: styles.sectionTitle, children: t("accountStatement.iban") }), _jsx(Text, { style: styles.text, children: iban }), _jsx(Space, { height: 12 }), _jsx(Text, { style: styles.sectionTitle, children: t("accountStatement.bic") }), _jsx(Text, { style: styles.text, children: bic }), _jsx(Space, { height: 48 }), _jsxs(Box, { direction: "row", justifyContent: "spaceBetween", children: [_jsx(Box, { direction: "column", children: _jsx(Text, { style: styles.sectionTitle, children: t("accountStatement.date", { openingDate, closingDate }) }) }), _jsxs(Box, { direction: "column", children: [_jsx(Text, { style: styles.openingBalanceText, children: t("accountStatement.openingBalance") }), _jsx(Text, { style: styles.totalAmount, children: formatCurrencyIso(Number(openingBalance.value), openingBalance.currency) })] })] }), _jsx(Space, { height: 24 }), _jsxs(_Fragment, { children: [_jsxs(Box, { direction: "row", style: { backgroundColor: colors.gray[50] }, children: [_jsx(Text, { style: [styles.titleColumn, { width: "15%" }], children: t("accountStatement.column.date") }), _jsx(Text, { style: [styles.titleColumn, { width: "22%" }], children: t("accountStatement.column.type") }), _jsx(Text, { style: [styles.titleColumn, { width: "33%" }], children: t("accountStatement.column.description") }), _jsx(Text, { style: [styles.titleColumn, { width: "15%", textAlign: "right" }], children: t("accountStatement.column.credit") }), _jsx(Text, { style: [styles.titleColumn, { width: "15%", textAlign: "right" }], children: t("accountStatement.column.debit") })] }), _jsx(Box, { direction: "column", children: transactions.map(transaction => (_jsxs(Box, { direction: "row", children: [_jsx(Text, { style: [styles.textColumn, { width: "15%" }], children: transaction.date }), _jsx(Text, { style: [styles.textColumn, { width: "22%" }], children: translateTransaction(transaction.type) }), _jsx(Text, { style: [styles.textColumn, { width: "33%" }], children: transaction.label }), _jsx(Text, { style: [styles.textColumn, { width: "15%", textAlign: "right" }], children: transaction.credit ? transaction.credit.value : "" }), _jsx(Text, { style: [styles.textColumn, { width: "15%", textAlign: "right" }], children: transaction.debit ? transaction.debit.value : "" })] }, transaction.id))) })] }), _jsxs(Box, { direction: "column", children: [_jsxs(Box, { direction: "row", justifyContent: "end", children: [_jsx(Text, { style: styles.row, children: t("accountStatement.column.fees") }), _jsx(Text, { style: styles.row, children: feesCredit.value }), _jsx(Text, { style: styles.row, children: feesDebit.value })] }), _jsxs(Box, { direction: "row", justifyContent: "end", children: [_jsx(Text, { style: styles.row, children: t("accountStatement.column.totals") }), _jsx(Text, { style: styles.row, children: totalsCredit.value }), _jsx(Text, { style: styles.row, children: totalsDebit.value })] })] }), _jsx(Box, { direction: "row", justifyContent: "end", children: _jsxs(Box, { direction: "row", alignItems: "center", style: styles.closingBalanceRow, justifyContent: "spaceBetween", children: [_jsx(Title, { text: t("accountStatement.closingBalance") }), _jsx(Title, { text: formatCurrencyIso(Number(closingBalance.value), closingBalance.currency), style: styles.totalAmount, align: "right" })] }) })] }) }));
+export const AccountStatementV1 = ({ style, accountHolderName, accountHolderAddress, iban, bic, openingDate, closingDate, openingBalance, transactions, feesDebit, feesCredit, totalsCredit, totalsDebit, closingBalance, }) => {
+    return (_jsx(Box, { style: style, children: _jsx(Box, { style: styles.container, direction: "column", justifyContent: "spaceBetween", children: _jsxs(Box, { children: [_jsxs(Box, { direction: "row", justifyContent: "spaceBetween", children: [_jsxs(Box, { direction: "column", children: [_jsx(Text, { style: styles.sectionTitle, children: accountHolderName.toUpperCase() }), _jsx(Text, { style: styles.text, children: accountHolderAddress.street }), _jsx(Text, { style: styles.text, children: accountHolderAddress.city }), isNotNullish(accountHolderAddress.country) && (_jsx(Text, { style: styles.text, children: getCountryName(accountHolderAddress.country) }))] }), _jsxs(Box, { direction: "column", alignItems: "end", children: [_jsx(Text, { style: styles.sectionTitle, children: t("accountStatement.contactSupport") }), _jsx(Text, { style: styles.text, children: "support.swan.io" })] })] }), _jsx(Space, { height: 24 }), _jsx(Text, { style: styles.sectionTitle, children: t("accountStatement.iban") }), _jsx(Text, { style: styles.text, children: iban }), _jsx(Space, { height: 12 }), _jsx(Text, { style: styles.sectionTitle, children: t("accountStatement.bic") }), _jsx(Text, { style: styles.text, children: bic }), _jsx(Space, { height: 48 }), _jsxs(Box, { direction: "row", justifyContent: "spaceBetween", children: [_jsx(Box, { direction: "column", children: _jsx(Text, { style: styles.sectionTitle, children: t("accountStatement.date", { openingDate, closingDate }) }) }), _jsxs(Box, { direction: "column", children: [_jsx(Text, { style: styles.openingBalanceText, children: t("accountStatement.openingBalance") }), _jsx(Text, { style: styles.totalAmount, children: formatCurrencyIso(Number(openingBalance.value), openingBalance.currency) })] })] }), _jsx(Space, { height: 24 }), _jsxs(_Fragment, { children: [_jsxs(Box, { direction: "row", style: { backgroundColor: colors.gray[50] }, children: [_jsx(Text, { style: [styles.titleColumn, { width: "15%" }], children: t("accountStatement.column.date") }), _jsx(Text, { style: [styles.titleColumn, { width: "22%" }], children: t("accountStatement.column.type") }), _jsx(Text, { style: [styles.titleColumn, { width: "33%" }], children: t("accountStatement.column.description") }), _jsx(Text, { style: [styles.titleColumn, { width: "15%", textAlign: "right" }], children: t("accountStatement.column.credit") }), _jsx(Text, { style: [styles.titleColumn, { width: "15%", textAlign: "right" }], children: t("accountStatement.column.debit") })] }), _jsx(Box, { direction: "column", children: transactions.map(transaction => (_jsxs(Box, { direction: "row", children: [_jsx(Text, { style: [styles.textColumn, { width: "15%" }], children: transaction.date }), _jsx(Text, { style: [styles.textColumn, { width: "22%" }], children: translateTransaction(transaction.type) }), _jsx(Text, { style: [styles.textColumn, { width: "33%" }], children: transaction.label }), _jsx(Text, { style: [styles.textColumn, { width: "15%", textAlign: "right" }], children: transaction.credit ? transaction.credit.value : "" }), _jsx(Text, { style: [styles.textColumn, { width: "15%", textAlign: "right" }], children: transaction.debit ? transaction.debit.value : "" })] }, transaction.id))) })] }), _jsxs(Box, { direction: "column", children: [_jsxs(Box, { direction: "row", justifyContent: "end", children: [_jsx(Text, { style: styles.row, children: t("accountStatement.column.fees") }), _jsx(Text, { style: styles.row, children: feesCredit.value }), _jsx(Text, { style: styles.row, children: feesDebit.value })] }), _jsxs(Box, { direction: "row", justifyContent: "end", children: [_jsx(Text, { style: styles.row, children: t("accountStatement.column.totals") }), _jsx(Text, { style: styles.row, children: totalsCredit.value }), _jsx(Text, { style: styles.row, children: totalsDebit.value })] })] }), _jsx(Box, { direction: "row", justifyContent: "end", children: _jsxs(Box, { direction: "row", alignItems: "center", style: styles.closingBalanceRow, justifyContent: "spaceBetween", children: [_jsx(Title, { text: t("accountStatement.closingBalance") }), _jsx(Title, { text: formatCurrencyIso(Number(closingBalance.value), closingBalance.currency), style: styles.totalAmount, align: "right" })] }) })] }) }) }));
 };
 export const AccountStatement = (props) => match(props)
     .with({ version: "v1" }, props => _jsx(AccountStatementV1, { ...props }))

package/src/components/AccountStatementFooter.d.ts

@@ -0,0 +1,4 @@
+import { type SupportedLanguage } from "../utils/i18n";
+export declare const AccountStatementFooter: ({ language }: {
+    language?: SupportedLanguage;
+}) => import("react/jsx-runtime").JSX.Element;

package/src/components/AccountStatementFooter.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from "../utils/i18n";
+// Used to generate inline styles without css variables for PDF generation
+const styles = {
+    container: {
+        width: 793,
+        padding: "0 40px 40px 40px",
+        fontFamily: "Inter, -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif",
+        boxSizing: "border-box",
+        letterSpacing: "-0.011em",
+        color: "#737276",
+        fontSize: "10px",
+        lineHeight: "12.5px",
+        fontWeight: "300",
+    },
+    wrapper: {
+        display: "flex",
+        justifyContent: "space-between",
+        alignItems: "flex-start",
+        width: "100%",
+        borderTop: "1px solid #e8e7e8",
+        paddingTop: "24px",
+        marginTop: "24px",
+    },
+    footer: {
+        flex: 1,
+        textAlign: "justify",
+        paddingRight: "24px",
+    },
+    support: {
+        textAlign: "right",
+    },
+    supportText: {
+        fontSize: "12px",
+        lineHeight: "16px",
+        fontWeight: "600",
+        color: "#26232F",
+    },
+    supportLink: {
+        fontSize: "12px",
+        lineHeight: "16px",
+        fontWeight: "400",
+        color: "#454348",
+        textDecoration: "none",
+    },
+    pageNumber: {
+        fontSize: "10px",
+        color: "#16141A",
+        marginTop: "20px",
+    },
+};
+export const AccountStatementFooter = ({ language }) => {
+    const t = useTranslation(language);
+    return (_jsx("div", { style: styles.container, children: _jsxs("div", { style: styles.wrapper, children: [_jsx("div", { style: styles.footer, children: t("common.statement.footer") }), _jsxs("div", { style: styles.support, children: [_jsx("div", { style: styles.supportText, children: t("accountStatement.contactSupport") }), _jsx("div", { style: styles.supportLink, children: "support.swan.io" }), _jsxs("div", { style: styles.pageNumber, children: [t("accountStatement.page"), " ", _jsx("span", { className: "pageNumber" }), " /", " ", _jsx("span", { className: "totalPages" })] })] })] }) }));
+};

package/src/components/AccountStatementHeader.d.ts

@@ -0,0 +1,8 @@
+import { type SupportedLanguage } from "../utils/i18n";
+type AccountStatementHeaderProps = {
+    partnerLogoUrl?: string;
+    accountHolderType: "Individual" | "Company";
+    language?: SupportedLanguage;
+};
+export declare const AccountStatementHeader: ({ partnerLogoUrl, accountHolderType, language, }: AccountStatementHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/src/components/AccountStatementHeader.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SwanLogo } from "@swan-io/lake/src/components/SwanLogo";
+import { colors } from "@swan-io/lake/src/constants/design";
+import { isNotNullishOrEmpty } from "@swan-io/lake/src/utils/nullish";
+import { useTranslation } from "../utils/i18n";
+const LOGO_MAX_HEIGHT = 24;
+const LOGO_MAX_WIDTH = 150;
+// Used to generate inline styles without css variables for PDF generation
+const styles = {
+    container: {
+        width: 793,
+        padding: "40px 40px 0 40px",
+        fontFamily: "Inter, -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif",
+        boxSizing: "border-box",
+        color: "#737276",
+        fontSize: "10px",
+        lineHeight: "12.5px",
+        fontWeight: "300",
+        display: "flex",
+        justifyContent: "space-between",
+        alignItems: "center",
+    },
+    partnership: {
+        borderLeft: "1px solid #e8e7e8",
+        padding: "7px 8px",
+        marginLeft: "8px",
+    },
+    partnershipText: {
+        fontSize: "12px",
+        lineHeight: "24px",
+        marginBottom: "4px",
+    },
+    pageTitle: {
+        fontSize: "20px",
+        lineHeight: "24px",
+        fontWeight: "600",
+        color: "#26232F",
+        marginBottom: "4px",
+        textAlign: "right",
+    },
+    text: {
+        fontSize: "12px",
+        lineHeight: "16px",
+        color: "#454348",
+        textAlign: "right",
+    },
+    logo: {
+        display: "flex",
+        alignItems: "center",
+    },
+    defaultLogo: {
+        height: LOGO_MAX_HEIGHT,
+        width: (45 / 10) * LOGO_MAX_HEIGHT,
+    },
+    swanLogo: {
+        height: 8,
+        width: (45 / 10) * 8,
+        position: "relative",
+        top: 0.5,
+    },
+};
+const logoStyle = {
+    height: LOGO_MAX_HEIGHT,
+    maxWidth: LOGO_MAX_WIDTH,
+    objectFit: "contain",
+    objectPosition: "left",
+};
+export const AccountStatementHeader = ({ partnerLogoUrl, accountHolderType, language, }) => {
+    const t = useTranslation(language);
+    return (_jsxs("div", { style: styles.container, children: [_jsxs("div", { style: styles.logo, children: [isNotNullishOrEmpty(partnerLogoUrl) ? (_jsx("img", { src: partnerLogoUrl, style: logoStyle })) : (_jsx(SwanLogo, { style: styles.defaultLogo })), _jsxs("div", { style: styles.partnership, children: [_jsx("div", { style: styles.partnershipText, children: t("accountStatement.partnership") }), _jsx(SwanLogo, { color: colors.gray[900], style: styles.swanLogo })] })] }), _jsxs("div", { children: [_jsx("div", { style: styles.pageTitle, children: t("accountStatement.titleDocument") }), _jsx("div", { style: styles.text, children: accountHolderType === "Company"
+                            ? t("accountStatement.titleDocument.companyDescription")
+                            : t("accountStatement.titleDocument.individualDescription") })] })] }));
+};

package/src/components/RIB.d.ts

@@ -37,7 +37,7 @@ type RIBv1Props = {
     bankNumber: string;
 } | {
     accountCountry: "BEL";
-    agency: string;
+    bankKey: string;
     bankNumber: string;
 });
 export type RIBProps = RIBv1Props;

package/src/components/RIB.js

@@ -6,20 +6,14 @@ import { Space } from "@swan-io/lake/src/components/Space";
 import { SwanLogo } from "@swan-io/lake/src/components/SwanLogo";
 import { WithPartnerAccentColor } from "@swan-io/lake/src/components/WithPartnerAccentColor";
 import { commonStyles } from "@swan-io/lake/src/constants/commonStyles";
-import { colors, fonts, invariantColors, primaryFontStyle, radii, spacings, } from "@swan-io/lake/src/constants/design";
+import { colors, invariantColors, radii, spacings } from "@swan-io/lake/src/constants/design";
 import { isNotNullishOrEmpty } from "@swan-io/lake/src/utils/nullish";
 import { StyleSheet, Text, View } from "react-native";
 import { match } from "ts-pattern";
 import { t } from "../utils/i18n";
+import { getTextStyle } from "../utils/style";
 const LOGO_MAX_HEIGHT = 24;
 const LOGO_MAX_WIDTH = 150;
-const getTextStyle = (type, fontSize) => ({
-    ...(type === "mono" ? { fontFamily: fonts.iban } : primaryFontStyle),
-    color: colors.gray[900],
-    fontSize,
-    lineHeight: fontSize * 1.25,
-    fontWeight: "400",
-});
 const styles = StyleSheet.create({
     container: {
         borderRadius: radii[8],
@@ -79,7 +73,7 @@ const RIBv1 = ({ accountHolderAddress, bank, bankAddress, bic, iban, partnerColo
                             .with({ accountCountry: "ESP" }, ({ agency, bankNumber, nationalCode }) => (_jsxs(_Fragment, { children: [_jsx(Item, { kind: "small", label: t("rib.bank"), value: bank }), _jsx(Space, { width: 24 }), _jsx(Item, { kind: "small", label: t("rib.agency"), value: agency }), _jsx(Space, { width: 24 }), _jsx(Item, { kind: "small", label: t("rib.nationalCode"), value: nationalCode }), _jsx(Space, { width: 24 }), _jsx(Item, { kind: "small", label: t("rib.number"), value: bankNumber })] })))
                             .with({ accountCountry: "NLD" }, ({ bankKey, bankNumber }) => (_jsxs(_Fragment, { children: [_jsx(Item, { kind: "small", label: t("rib.bank"), value: bank }), _jsx(Space, { width: 24 }), _jsx(Item, { kind: "small", label: t("rib.number"), value: bankNumber }), _jsx(Space, { width: 24 }), _jsx(Item, { kind: "small", label: t("rib.key"), value: bankKey })] })))
                             .with({ accountCountry: "ITA" }, ({ agency, bankNumber }) => (_jsxs(_Fragment, { children: [_jsx(Item, { kind: "small", label: t("rib.bank"), value: bank }), _jsx(Space, { width: 24 }), _jsx(Item, { kind: "small", label: t("rib.agency"), value: agency }), _jsx(Space, { width: 24 }), _jsx(Item, { kind: "small", label: t("rib.number"), value: bankNumber })] })))
-                            .with({ accountCountry: "BEL" }, ({ agency, bankNumber }) => (_jsxs(_Fragment, { children: [_jsx(Item, { kind: "small", label: t("rib.bank"), value: bank }), _jsx(Space, { width: 24 }), _jsx(Item, { kind: "small", label: t("rib.agency"), value: agency }), _jsx(Space, { width: 24 }), _jsx(Item, { kind: "small", label: t("rib.number"), value: bankNumber })] })))
+                            .with({ accountCountry: "BEL" }, ({ bankKey, bankNumber }) => (_jsxs(_Fragment, { children: [_jsx(Item, { kind: "small", label: t("rib.bank"), value: bank }), _jsx(Space, { width: 24 }), _jsx(Item, { kind: "small", label: t("rib.key"), value: bankKey }), _jsx(Space, { width: 24 }), _jsx(Item, { kind: "small", label: t("rib.number"), value: bankNumber })] })))
                             .exhaustive() })] }), _jsx(Separator, {}), _jsxs(View, { style: styles.half, children: [_jsxs(Box, { direction: "row", alignItems: "center", children: [_jsx(Item, { kind: "address", color: "partner", label: t("rib.address"), value: [
                                     bankAddress.name,
                                     bankAddress.address,

package/src/components/TransactionStatement.js

@@ -5,21 +5,15 @@ import { Separator } from "@swan-io/lake/src/components/Separator";
 import { Space } from "@swan-io/lake/src/components/Space";
 import { Stack } from "@swan-io/lake/src/components/Stack";
 import { SwanLogo } from "@swan-io/lake/src/components/SwanLogo";
-import { colors, fonts, primaryFontStyle } from "@swan-io/lake/src/constants/design";
+import { colors } from "@swan-io/lake/src/constants/design";
 import { isNotNullish, isNotNullishOrEmpty } from "@swan-io/lake/src/utils/nullish";
 import IBAN from "iban";
 import { StyleSheet, Text, View } from "react-native";
 import { match } from "ts-pattern";
 import { formatCurrencyIso, t } from "../utils/i18n";
+import { getTextStyle } from "../utils/style";
 const LOGO_MAX_HEIGHT = 24;
 const LOGO_MAX_WIDTH = 150;
-const getTextStyle = (type, fontSize) => ({
-    ...(type === "mono" ? { fontFamily: fonts.iban } : primaryFontStyle),
-    color: colors.gray[900],
-    fontSize,
-    lineHeight: fontSize * 1.25,
-    fontWeight: "400",
-});
 const styles = StyleSheet.create({
     container: {
         height: 1050,
@@ -92,7 +86,7 @@ export const TransactionStatementV1 = ({ partnerLogoUrl, generationDate, executi
                             ? IBAN.printFormat(creditorAccountNumber)
                             : creditorAccountNumber }), isNotNullishOrEmpty(creditorBankName) && (_jsx(Line, { name: t("transactionStatement.creditor.bankName"), value: creditorBankName })), isNotNullishOrEmpty(creditorBankIdentifier) && (_jsx(Line, { name: t("transactionStatement.creditor.bankIdentifier"), value: creditorBankIdentifier }))] }), _jsx(Fill, { minHeight: 8 }), _jsx(Text, { style: styles.generationInfos, children: t("transactionStatement.generationDate", { date: generationDate }) }), _jsx(Space, { height: 8 }), match(type)
                 .with("SepaCreditTransferOut", "InternationalCreditTransferOut", () => (_jsx(Text, { style: styles.generationInfos, children: t("transactionStatement.generationInfos") })))
-                .otherwise(() => null), _jsx(Separator, { space: 24 }), _jsx(Text, { style: styles.footer, children: t("transactionStatement.footer") })] }));
+                .otherwise(() => null), _jsx(Separator, { space: 24 }), _jsx(Text, { style: styles.footer, children: t("common.statement.footer") })] }));
 };
 export const TransactionStatement = (props) => match(props)
     .with({ version: "v1" }, props => _jsx(TransactionStatementV1, { ...props }))

package/src/locales/de.json

@@ -17,6 +17,7 @@
   "accountStatement.fees": "Gebühren",
   "accountStatement.iban": "IBAN",
   "accountStatement.openingBalance": "Eröffnungssaldo",
+  "accountStatement.page": "Seite",
   "accountStatement.partnership": "In Partnerschaft mit",
   "accountStatement.titleDocument": "Kontoauszug",
   "accountStatement.titleDocument.companyDescription": "Geschäftskonto - in Euro",
@@ -65,6 +66,7 @@
   "common.showLess": "Weniger anzeigen",
   "common.showMore": "Mehr anzeigen",
   "common.skipToContent": "Zum Inhalt springen",
+  "common.statement.footer": "SWAN ist eine vereinfachte Aktiengesellschaft (SAS), eingetragen im Handelsregister von Bobigny unter der Nummer 853 827 103, mit einem Kapital von 16.999,66 Euro, USt-IdNr. FR90853827103 und Firmensitz in 91 rue du Faubourg Saint-Honoré, 75008 Paris, FRANKREICH.\nAls E-Geld-Institut, das Zahlungsdienstleistungen gemäß französischem Recht anbietet und von der ACPR genehmigt wurde, ist SWAN unter der Nummer 17328 bei dieser registriert.",
   "copyButton.copiedTooltip": "In die Zwischenablage kopiert",
   "copyButton.copyTooltip": "Zum Kopieren anklicken",
   "creditStatement.additionalDetails": "Der Kontoauszug vom <bold>{openingDate}</bold> bis <bold>{closingDate}</bold> enthält alle Gebühren und erhaltenen Zahlungen bis zum {closingDate}. Ihre nächste automatische Lastschrift erfolgt ab {repaymentDate}.\n\nIm Falle einer abgelehnten Bankabbuchung aufgrund unzureichender Guthaben können wir diese Abbuchung mindestens <bold>3 bis 4 Tage</bold> nach der Benachrichtigung durch Ihre Bank erneut einreichen.",
@@ -384,7 +386,6 @@
   "transactionStatement.debtor.bankIdentifier": "Bankleitzahl des Schuldners",
   "transactionStatement.debtor.bankName": "Name der Bank des Schuldners",
   "transactionStatement.debtor.name": "Name des Schuldners",
-  "transactionStatement.footer": "SWAN ist eine vereinfachte Aktiengesellschaft (SAS), eingetragen im Handelsregister von Bobigny unter der Nummer 853 827 103, mit einem Kapital von 16.999,66 Euro, USt-IdNr. FR90853827103 und Firmensitz in 91 rue du Faubourg Saint-Honoré, 75008 Paris, FRANKREICH.\nAls E-Geld-Institut, das Zahlungsdienstleistungen gemäß französischem Recht anbietet und von der ACPR genehmigt wurde, ist SWAN unter der Nummer 17328 bei dieser registriert.",
   "transactionStatement.generationDate": "Generiert am: {date}",
   "transactionStatement.generationInfos": "Dieses Dokument bestätigt Ihren Transaktionsantrag. Es stellt keinen Nachweis der Transaktionsausführung dar. Ihre Transaktion wird nach Bestehen eines obligatorischen Verifizierungsprozesses ausgeführt.",
   "transactionStatement.information.amount": "Betrag",

package/src/locales/en.json

@@ -21,6 +21,7 @@
   "accountStatement.titleDocument": "Account statement",
   "accountStatement.titleDocument.companyDescription": "Business account - in euros",
   "accountStatement.titleDocument.individualDescription": "Personal account - in euros",
+  "accountStatement.page": "Page",
   "addressFormPart.addressLabel": "Type your address",
   "addressFormPart.cityLabel": "City",
   "addressFormPart.placeholder": "Start typing…",
@@ -384,7 +385,7 @@
   "transactionStatement.debtor.bankIdentifier": "Debtor's bank identifier",
   "transactionStatement.debtor.bankName": "Debtor’s bank name",
   "transactionStatement.debtor.name": "Debtor’s name",
-  "transactionStatement.footer": "SWAN is a simplified joint-stock company (SAS) registered with the Bobigny Trade and Companies Register under number 853 827 103, with a capital of 16,999.66 Euros, VAT number FR90853827103 and whose registered office is located at 91 rue du Faubourg Saint-Honoré, 75008 Paris, FRANCE.\nIn its capacity as an Electronic Money institution offering payment services under French law approved by the ACPR, SWAN is registered with the latter under number 17328.",
+  "common.statement.footer": "SWAN is a simplified joint-stock company (SAS) registered with the Bobigny Trade and Companies Register under number 853 827 103, with a capital of 16,999.66 Euros, VAT number FR90853827103 and whose registered office is located at 91 rue du Faubourg Saint-Honoré, 75008 Paris, FRANCE.\nIn its capacity as an Electronic Money institution offering payment services under French law approved by the ACPR, SWAN is registered with the latter under number 17328.",
   "transactionStatement.generationDate": "Generated on: {date}",
   "transactionStatement.generationInfos": "This document is confirmation of your transaction request. It doesn't constitute proof of transaction execution. Your transaction will be executed after passing a mandatory verification process.",
   "transactionStatement.information.amount": "Amount",

package/src/locales/es.json

@@ -17,6 +17,7 @@
   "accountStatement.fees": "Tasas",
   "accountStatement.iban": "IBAN",
   "accountStatement.openingBalance": "Saldo inicial",
+  "accountStatement.page": "Página",
   "accountStatement.partnership": "En colaboración con",
   "accountStatement.titleDocument": "Extracto de cuenta",
   "accountStatement.titleDocument.companyDescription": "Cuenta de empresa - en euros",
@@ -65,6 +66,7 @@
   "common.showLess": "Mostrar menos",
   "common.showMore": "Mostrar más",
   "common.skipToContent": "Saltar al contenido",
+  "common.statement.footer": "SWAN es una sociedad anónima simplificada (SAS) registrada en el Registro Mercantil de Bobigny con el número 853 827 103, con un capital de 16.999,66 euros, número de IVA FR90853827103 y con domicilio social en 91 rue du Faubourg Saint-Honoré, 75008 Paris, FRANCIA.\nEn su calidad de institución de dinero electrónico que ofrece servicios de pago conforme a la ley francesa aprobada por la ACPR, SWAN está registrada bajo el número 17328.",
   "copyButton.copiedTooltip": "Copiado al portapapeles",
   "copyButton.copyTooltip": "Haz clic para copiar",
   "creditStatement.additionalDetails": "El extracto del <bold>{openingDate}</bold> al <bold>{closingDate}</bold> incluye todas las tasas y pagos recibidos hasta el {closingDate}. Tu próximo pago domiciliado se realizará a partir del {repaymentDate}.\n\nSi el pago se rechaza por fondos insuficientes, podemos intentar procesarlo de nuevo <bold>3 a 4 días</bold> después de que tu banco te haya notificado el rechazo.",
@@ -384,7 +386,6 @@
   "transactionStatement.debtor.bankIdentifier": "Identificador bancario del deudor",
   "transactionStatement.debtor.bankName": "Nombre del banco del deudor",
   "transactionStatement.debtor.name": "Nombre del deudor",
-  "transactionStatement.footer": "SWAN es una sociedad anónima simplificada (SAS) registrada en el Registro Mercantil de Bobigny con el número 853 827 103, con un capital de 16.999,66 euros, número de IVA FR90853827103 y con domicilio social en 91 rue du Faubourg Saint-Honoré, 75008 Paris, FRANCIA.\nEn su calidad de institución de dinero electrónico que ofrece servicios de pago conforme a la ley francesa aprobada por la ACPR, SWAN está registrada bajo el número 17328.",
   "transactionStatement.generationDate": "Generado el: {date}",
   "transactionStatement.generationInfos": "Este documento es la confirmación de tu solicitud de transacción. No constituye una prueba de la ejecución de la transacción. La transacción se ejecutará tras pasar un proceso de verificación obligatorio.",
   "transactionStatement.information.amount": "Importe",

package/src/locales/fi.json

@@ -17,6 +17,7 @@
   "accountStatement.fees": "Maksut",
   "accountStatement.iban": "IBAN",
   "accountStatement.openingBalance": "Avaussaldo",
+  "accountStatement.page": "Sivu",
   "accountStatement.partnership": "Kumppanina",
   "accountStatement.titleDocument": "Tiliote",
   "accountStatement.titleDocument.companyDescription": "Yritystili - euroina",
@@ -65,6 +66,7 @@
   "common.showLess": "Näytä vähemmän",
   "common.showMore": "Näytä enemmän",
   "common.skipToContent": "Ohita ja siirry sisältöön",
+  "common.statement.footer": "SWAN on ranskalainen osakeyhtiö (SAS), joka on rekisteröity Bobigny:n kaupparekisteriin numerolla 853 827 103, pääomanaan 16 999,66 euroa, ALV-numero FR90853827103 ja kotipaikkanaan 91 rue du Faubourg Saint-Honoré, 75008 Paris, RANSKA.\nSWAN toimii elektronisen rahan liikkeellelaskijana, tarjoten maksupalveluita Ranskan lain mukaisesti, ja on hyväksytty ACPR:n toimesta rekisteröitynä numerolla 17328.",
   "copyButton.copiedTooltip": "Kopioitu leikepöydälle",
   "copyButton.copyTooltip": "Kopioi napsauttamalla",
   "creditStatement.additionalDetails": "<bold>{openingDate}</bold>{openingDate}<bold>{closingDate}</bold> -tilinpäätös sisältää kaikki kulut ja maksut, jotka on vastaanotettu {closingDate} asti. Seuraava automaattinen veloitus tapahtuu {repaymentDate} alkaen.\n\nJos pankkisiirto hylätään varojen puutteen vuoksi, voimme esittää tämän siirron uudelleen vähintään <bold>3–4 päivää</bold> sen jälkeen, kun pankkisi on ilmoittanut hylkäämisestä.",
@@ -384,7 +386,6 @@
   "transactionStatement.debtor.bankIdentifier": "Velallisen pankkitunnus",
   "transactionStatement.debtor.bankName": "Velallisen pankin nimi",
   "transactionStatement.debtor.name": "Velallisen nimi",
-  "transactionStatement.footer": "SWAN on ranskalainen osakeyhtiö (SAS), joka on rekisteröity Bobigny:n kaupparekisteriin numerolla 853 827 103, pääomanaan 16 999,66 euroa, ALV-numero FR90853827103 ja kotipaikkanaan 91 rue du Faubourg Saint-Honoré, 75008 Paris, RANSKA.\nSWAN toimii elektronisen rahan liikkeellelaskijana, tarjoten maksupalveluita Ranskan lain mukaisesti, ja on hyväksytty ACPR:n toimesta rekisteröitynä numerolla 17328.",
   "transactionStatement.generationDate": "Luotu: {date}",
   "transactionStatement.generationInfos": "Tämä asiakirja on vahvistus maksupyynnöstänne. Se ei ole kuitti tehdystä maksusuorituksesta. Maksusuoritus toteutetaan pakollisen vahvistusprosessin jälkeen.",
   "transactionStatement.information.amount": "Summa",

package/src/locales/fr.json

@@ -17,6 +17,7 @@
   "accountStatement.fees": "Frais",
   "accountStatement.iban": "IBAN",
   "accountStatement.openingBalance": "Solde d'ouverture",
+  "accountStatement.page": "Page",
   "accountStatement.partnership": "En partenariat avec",
   "accountStatement.titleDocument": "Relevé de compte",
   "accountStatement.titleDocument.companyDescription": "Compte professionnel - en euros",
@@ -65,6 +66,7 @@
   "common.showLess": "Afficher moins",
   "common.showMore": "Afficher plus",
   "common.skipToContent": "Aller au contenu",
+  "common.statement.footer": "SWAN est une société par actions simplifiée (SAS) immatriculée au Registre du Commerce et des Sociétés de Bobigny sous le numéro 853 827 103, avec un capital de 16 999,66 euros, numéro de TVA FR90853827103 et dont le siège social est situé au 91 rue du Faubourg Saint-Honoré, 75008 Paris, FRANCE.\nEn tant qu'établissement de monnaie électronique offrant des services de paiement en vertu du droit français approuvé par l'ACPR, SWAN est inscrite auprès de ce dernier sous le numéro 17328.",
   "copyButton.copiedTooltip": "Copié dans le presse-papier",
   "copyButton.copyTooltip": "Cliquez pour copier",
   "creditStatement.additionalDetails": "Le relevé du <bold>{openingDate}</bold> au <bold>{closingDate}</bold> inclut tous les frais et paiements reçus jusqu'au {closingDate}. Votre prochain prélèvement automatique débutera à partir du {repaymentDate}.\n\nEn cas de rejet de prélèvement bancaire pour insuffisance de fonds, nous pouvons représenter ce prélèvement au moins <bold>3 à 4 jours</bold> après le rejet notifié par votre banque.",
@@ -384,7 +386,6 @@
   "transactionStatement.debtor.bankIdentifier": "Identifiant bancaire du débiteur",
   "transactionStatement.debtor.bankName": "Nom de la banque du débiteur",
   "transactionStatement.debtor.name": "Nom du débiteur",
-  "transactionStatement.footer": "SWAN est une société par actions simplifiée (SAS) immatriculée au Registre du Commerce et des Sociétés de Bobigny sous le numéro 853 827 103, avec un capital de 16 999,66 euros, numéro de TVA FR90853827103 et dont le siège social est situé au 91 rue du Faubourg Saint-Honoré, 75008 Paris, FRANCE.\nEn tant qu'établissement de monnaie électronique offrant des services de paiement en vertu du droit français approuvé par l'ACPR, SWAN est inscrite auprès de ce dernier sous le numéro 17328.",
   "transactionStatement.generationDate": "Généré le : {date}",
   "transactionStatement.generationInfos": "Ce document atteste de votre demande de transaction. En aucun cas il ne constitue une preuve de son exécution. Votre transaction sera exécutée après un processus de vérification obligatoire.",
   "transactionStatement.information.amount": "Montant",

package/src/locales/it.json

@@ -17,6 +17,7 @@
   "accountStatement.fees": "Commissioni",
   "accountStatement.iban": "IBAN",
   "accountStatement.openingBalance": "Saldo iniziale",
+  "accountStatement.page": "Pagina",
   "accountStatement.partnership": "In collaborazione con",
   "accountStatement.titleDocument": "Estratto conto",
   "accountStatement.titleDocument.companyDescription": "Conto aziendale - in euro",
@@ -65,6 +66,7 @@
   "common.showLess": "Mostra di meno",
   "common.showMore": "Mostra di più",
   "common.skipToContent": "Salta al contenuto",
+  "common.statement.footer": "SWAN è una società per azioni semplificata (SAS) registrata presso il Registro delle imprese di Bobigny con il numero 853 827 103, con un capitale di 16.999,66 euro, partita IVA FR90853827103 e sede legale in 91 rue du Faubourg Saint-Honoré, 75008 Paris, FRANCIA.\nIn qualità di istituto di moneta elettronica che offre servizi di pagamento ai sensi della legge francese approvata dall'ACPR, SWAN è registrata presso quest'ultima con il numero 17328.",
   "copyButton.copiedTooltip": "Copiato negli appunti",
   "copyButton.copyTooltip": "Clicca per copiare",
   "creditStatement.additionalDetails": "Il rendiconto dal <bold>{openingDate}</bold> al <bold>{closingDate}</bold> include tutte le commissioni e i pagamenti ricevuti fino al {closingDate}. Il prossimo addebito automatico verrà effettuato a partire dal {repaymentDate}.\n\nIn caso di mancato addebito bancario per insufficienza di fondi, potremmo ripresentare l’addebito entro <bold>3 o 4 giorni</bold> dal rifiuto comunicato dalla tua banca.",
@@ -384,7 +386,6 @@
   "transactionStatement.debtor.bankIdentifier": "Identificativo bancario del debitore",
   "transactionStatement.debtor.bankName": "Nome della banca del debitore",
   "transactionStatement.debtor.name": "Nome del debitore",
-  "transactionStatement.footer": "SWAN è una società per azioni semplificata (SAS) registrata presso il Registro delle imprese di Bobigny con il numero 853 827 103, con un capitale di 16.999,66 euro, partita IVA FR90853827103 e sede legale in 91 rue du Faubourg Saint-Honoré, 75008 Paris, FRANCIA.\nIn qualità di istituto di moneta elettronica che offre servizi di pagamento ai sensi della legge francese approvata dall'ACPR, SWAN è registrata presso quest'ultima con il numero 17328.",
   "transactionStatement.generationDate": "Generato il: {date}",
   "transactionStatement.generationInfos": "Questo documento è la conferma della tua richiesta di transazione. Non costituisce prova dell'esecuzione della transazione. La tua transazione verrà eseguita dopo aver superato un obbligatorio processo di verifica.",
   "transactionStatement.information.amount": "Importo",

package/src/locales/nl.json

@@ -17,6 +17,7 @@
   "accountStatement.fees": "Kosten",
   "accountStatement.iban": "IBAN",
   "accountStatement.openingBalance": "Beginsaldo",
+  "accountStatement.page": "Pagina",
   "accountStatement.partnership": "In samenwerking met",
   "accountStatement.titleDocument": "Rekeningoverzicht",
   "accountStatement.titleDocument.companyDescription": "Zakelijke rekening - in euro's",
@@ -65,6 +66,7 @@
   "common.showLess": "Toon minder",
   "common.showMore": "Toon meer",
   "common.skipToContent": "Doorgaan naar artikel",
+  "common.statement.footer": "SWAN is een vereenvoudigde naamloze vennootschap (SAS) geregistreerd bij de Kamer van Koophandel van Bobigny onder nummer 853 827 103, met een kapitaal van 16.999,66 euro, btw-nummer FR90853827103 en met maatschappelijke zetel gevestigd aan 91 rue du Faubourg Saint-Honoré, 75008 Paris, FRANKRIJK.\nIn zijn hoedanigheid van een elektronisch geldinstelling die betalingsdiensten aanbiedt onder Frans recht goedgekeurd door de ACPR, is SWAN geregistreerd bij laatstgenoemde onder nummer 17328.",
   "copyButton.copiedTooltip": "Gekopieerd naar klembord",
   "copyButton.copyTooltip": "Klik om te kopiëren",
   "creditStatement.additionalDetails": "De afrekening van bold>{openingDate}</bold> tot <bold>{closingDate}</bold> bevat alle kosten en betalingen die we tot {closingDate} hebben ontvangen. De volgende automatische afschrijving gebeurt vanaf {repaymentDate}.\n\n\nAls een automatische incasso wordt geweigerd omdat er niet genoeg geld op je rekening staat, kunnen we deze incasso minstens <bold>3 tot 4 dagen</bold> na de weigering door je bank opnieuw proberen.",
@@ -384,7 +386,6 @@
   "transactionStatement.debtor.bankIdentifier": "Bank-ID van de debiteur",
   "transactionStatement.debtor.bankName": "Banknaam van de debiteur",
   "transactionStatement.debtor.name": "Naam van de debiteur",
-  "transactionStatement.footer": "SWAN is een vereenvoudigde naamloze vennootschap (SAS) geregistreerd bij de Kamer van Koophandel van Bobigny onder nummer 853 827 103, met een kapitaal van 16.999,66 euro, btw-nummer FR90853827103 en met maatschappelijke zetel gevestigd aan 91 rue du Faubourg Saint-Honoré, 75008 Paris, FRANKRIJK.\nIn zijn hoedanigheid van een elektronisch geldinstelling die betalingsdiensten aanbiedt onder Frans recht goedgekeurd door de ACPR, is SWAN geregistreerd bij laatstgenoemde onder nummer 17328.",
   "transactionStatement.generationDate": "Gegenereerd op: {date}",
   "transactionStatement.generationInfos": "Dit document bevestigt je transactieverzoek. Het vormt geen bewijs van transactie-uitvoering. Je transactie zal worden uitgevoerd na het doorlopen van een verplicht verificatieproces.",
   "transactionStatement.information.amount": "Bedrag",

package/src/locales/pt.json

@@ -17,6 +17,7 @@
   "accountStatement.fees": "Taxas",
   "accountStatement.iban": "IBAN",
   "accountStatement.openingBalance": "Saldo inicial",
+  "accountStatement.page": "Página",
   "accountStatement.partnership": "Em parceria com",
   "accountStatement.titleDocument": "Extrato de conta",
   "accountStatement.titleDocument.companyDescription": "Conta empresarial - em euros",
@@ -65,6 +66,7 @@
   "common.showLess": "Mostrar menos",
   "common.showMore": "Mostrar mais",
   "common.skipToContent": "Saltar para o conteúdo",
+  "common.statement.footer": "A SWAN é uma sociedade anônima simplificada (SAS) registrada no Registro de Comércio e Empresas de Bobigny sob o número 853 827 103, com capital de 16.999,66 euros, número de IVA FR90853827103 e cuja sede está localizada em 91 rue du Faubourg Saint-Honoré, 75008 Paris, FRANÇA.\nNa qualidade de instituição de dinheiro eletrônico que oferece serviços de pagamento ao abrigo da lei francesa aprovada pela ACPR, a SWAN está registrada junto deste sob o número 17328.",
   "copyButton.copiedTooltip": "Copiado para a área de transferência",
   "copyButton.copyTooltip": "Clique para copiar",
   "creditStatement.additionalDetails": "O extrato de <bold>{openingDate}</bold> a <bold>{closingDate}</bold> inclui todas as taxas e pagamentos recebidos até {closingDate}. Seu próximo débito automático ocorrerá a partir de {repaymentDate}.\n\nNo caso de uma retirada bancária rejeitada devido a fundos insuficientes, podemos representar esta retirada pelo menos <bold>3 a 4 dias</bold> após a rejeição notificada pelo seu banco.",
@@ -384,7 +386,6 @@
   "transactionStatement.debtor.bankIdentifier": "Identificador bancário do devedor",
   "transactionStatement.debtor.bankName": "Nome do banco do devedor",
   "transactionStatement.debtor.name": "Nome do devedor",
-  "transactionStatement.footer": "A SWAN é uma sociedade anônima simplificada (SAS) registrada no Registro de Comércio e Empresas de Bobigny sob o número 853 827 103, com capital de 16.999,66 euros, número de IVA FR90853827103 e cuja sede está localizada em 91 rue du Faubourg Saint-Honoré, 75008 Paris, FRANÇA.\nNa qualidade de instituição de dinheiro eletrônico que oferece serviços de pagamento ao abrigo da lei francesa aprovada pela ACPR, a SWAN está registrada junto deste sob o número 17328.",
   "transactionStatement.generationDate": "Gerado em:{date}",
   "transactionStatement.generationInfos": "Este documento é a confirmação do seu pedido de transação. Não constitui prova da execução da transação. A sua transação será executada ao completar o processo de verificação obrigatório.",
   "transactionStatement.information.amount": "Valor",

package/src/utils/__tests__/validation.test.js

@@ -45,12 +45,12 @@ describe("validateBooleanRequired", () => {
 describe("validateIndividualTaxNumber", () => {
     describe("BEL (Belgium)", () => {
         const validator = validateIndividualTaxNumber("BEL");
-        test("accepts valid 10-digit tax numbers", () => {
-            expect(validator("1234567890")).toBeUndefined();
+        test("accepts valid 11-digit tax numbers", () => {
+            expect(validator("12345678901")).toBeUndefined();
         });
         test("rejects invalid formats", () => {
             expect(validator("123456789")).toBeDefined(); // 9 digits
-            expect(validator("12345678901")).toBeDefined(); // 11 digits
+            expect(validator("123456789012")).toBeDefined(); // 12 digits
             expect(validator("123456789A")).toBeDefined(); // contains letter
         });
         test("allows undefined or empty values", () => {

package/src/utils/i18n.d.ts

@@ -3,7 +3,7 @@ import { ReactElement, ReactNode } from "react";
 import translationEN from "../locales/en.json";
 export type DateFormat = "DD/MM/YYYY" | "MM/DD/YYYY";
 declare const supportedLanguages: readonly ["en", "es", "de", "fr", "it", "nl", "pt", "fi"];
-type SupportedLanguage = (typeof supportedLanguages)[number];
+export type SupportedLanguage = (typeof supportedLanguages)[number];
 type TranslationParams = Record<string, string | number>;
 export type TranslationKey = keyof typeof translationEN;
 type Locale = {
@@ -17,6 +17,7 @@ type Locale = {
 };
 export declare const locale: Locale;
 export declare const t: (key: TranslationKey, params?: TranslationParams) => string;
+export declare const useTranslation: (language?: SupportedLanguage) => (key: TranslationKey, params?: TranslationParams) => string;
 export declare const formatCurrencyIso: (value: number, currency: string) => string;
 export declare const formatCurrencySymbol: (value: number, currency: string) => string;
 export declare const formatNestedMessage: (key: TranslationKey, params: Record<string, string | number | ReactElement | ((children: ReactNode) => ReactNode)>) => (string | ReactElement<unknown, string | import("react").JSXElementConstructor<any>>)[];

package/src/utils/i18n.js

@@ -1,4 +1,5 @@
 import { createIntl, createIntlCache } from "@formatjs/intl";
+import { isNullish } from "@swan-io/lake/src/utils/nullish";
 import { getRifmProps } from "@swan-io/lake/src/utils/rifm";
 import { BadStatusError } from "@swan-io/request";
 import dayjs from "dayjs";
@@ -113,7 +114,25 @@ const intl = createIntl({
     locale: locale.language,
     messages: locale.translations,
 }, createIntlCache());
+// Hook to get the default intl or a specific language intl instance
+const useIntl = (language) => {
+    if (isNullish(language)) {
+        return intl;
+    }
+    const localeData = locales[language]();
+    return createIntl({
+        defaultLocale: LANGUAGE_FALLBACK,
+        fallbackOnEmptyString: false,
+        locale: localeData.language,
+        messages: localeData.translations,
+    }, createIntlCache());
+};
 export const t = (key, params) => intl.formatMessage({ id: key, defaultMessage: translationEN[key] }, params).toString();
+// Return translation helper for a specific language
+export const useTranslation = (language) => {
+    const intlInstance = useIntl(language);
+    return (key, params) => intlInstance.formatMessage({ id: key, defaultMessage: translationEN[key] }, params).toString();
+};
 export const formatCurrencyIso = (value, currency) => `${intl.formatNumber(value, { style: "decimal", minimumFractionDigits: 2 })} ${currency}`;
 export const formatCurrencySymbol = (value, currency) => intl.formatNumber(value, {
     style: "currency",

package/src/utils/style.d.ts

@@ -0,0 +1,2 @@
+import { TextStyle } from "react-native";
+export declare const getTextStyle: (type: "sans" | "mono", fontSize: number) => TextStyle;

package/src/utils/style.js

@@ -0,0 +1,8 @@
+import { colors, fonts, primaryFontStyle } from "@swan-io/lake/src/constants/design";
+export const getTextStyle = (type, fontSize) => ({
+    ...(type === "mono" ? { fontFamily: fonts.iban } : primaryFontStyle),
+    color: colors.gray[900],
+    fontSize,
+    lineHeight: fontSize * 1.25,
+    fontWeight: "400",
+});

package/src/utils/validation.js

@@ -5,9 +5,9 @@ import { match } from "ts-pattern";
 import { formatExtractedDate } from "./date";
 import { t } from "./i18n";
 const EMAIL_REGEX = /^[A-Z0-9_+.-]*[A-Z0-9_+-]@([A-Z0-9][A-Z0-9-]*\.)+[A-Z]{2,}$/i;
-const VAT_NUMBER_REGEX = /^((AT)?U[0-9]{8}|(BE)?0[0-9]{9}|(BG)?[0-9]{9,10}|(CY)?[0-9]{8}L|(CZ)?[0-9]{8,10}|(DE)?[0-9]{9}|(DK)?[0-9]{8}|(EE)?[0-9]{9}|(EL|GR)?[0-9]{9}|(ES)?[0-9A-Z][0-9]{7}[0-9A-Z]|(FI)?[0-9]{8}|(FR)?[0-9A-Z]{2}[0-9]{9}|(GB)?([0-9]{9}([0-9]{3})?|[A-Z]{2}[0-9]{3})|(HU)?[0-9]{8}|(IE)?[0-9]S[0-9]{5}L|(IT)?[0-9]{11}|(LT)?([0-9]{9}|[0-9]{12})|(LU)?[0-9]{8}|(LV)?[0-9]{11}|(MT)?[0-9]{8}|(NL)?[0-9]{9}B[0-9]{2}|(PL)?[0-9]{10}|(PT)?[0-9]{9}|(RO)?[0-9]{2,10}|(SE)?[0-9]{12}|(SI)?[0-9]{8}|(SK)?[0-9]{10})$/;
+const VAT_NUMBER_REGEX = /^((AT)?U[0-9]{8}|(BE)?[01][0-9]{9}|(BG)?[0-9]{9,10}|(CY)?[0-9]{8}L|(CZ)?[0-9]{8,10}|(DE)?[0-9]{9}|(DK)?[0-9]{8}|(EE)?[0-9]{9}|(EL|GR)?[0-9]{9}|(ES)?[0-9A-Z][0-9]{7}[0-9A-Z]|(FI)?[0-9]{8}|(FR)?[0-9A-Z]{2}[0-9]{9}|(GB)?([0-9]{9}([0-9]{3})?|[A-Z]{2}[0-9]{3})|(HU)?[0-9]{8}|(IE)?[0-9]S[0-9]{5}L|(IT)?[0-9]{11}|(LT)?([0-9]{9}|[0-9]{12})|(LU)?[0-9]{8}|(LV)?[0-9]{11}|(MT)?[0-9]{8}|(NL)?[0-9]{9}B[0-9]{2}|(PL)?[0-9]{10}|(PT)?[0-9]{9}|(RO)?[0-9]{2,10}|(SE)?[0-9]{12}|(SI)?[0-9]{8}|(SK)?[0-9]{10})$/;
 // (AT)?U[0-9]{8} |                              # Austria
-// (BE)?0[0-9]{9} |                              # Belgium
+// (BE)?[01][0-9]{9} |                              # Belgium
 // (BG)?[0-9]{9,10} |                            # Bulgaria
 // (CY)?[0-9]{8}L |                              # Cyprus
 // (CZ)?[0-9]{8,10} |                            # Czech Republic
@@ -36,8 +36,8 @@ const VAT_NUMBER_REGEX = /^((AT)?U[0-9]{8}|(BE)?0[0-9]{9}|(BG)?[0-9]{9,10}|(CY)?
 const TAX_NUMBER_REGEX = {
     individual: {
         BEL: {
-            pattern: /^\d{10}$/,
-            message: t("common.form.help.nbDigits", { nbDigits: "10" }),
+            pattern: /^\d{11}$/,
+            message: t("common.form.help.nbDigits", { nbDigits: "11" }),
         },
         DEU: {
             pattern: /^\d{11}$/,