@swan-io/shared-business 13.5.1 → 13.5.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swan-io/shared-business",
-  "version": "13.5.1",
+  "version": "13.5.2",
   "engines": {
     "node": ">22.12.0"
   },
@@ -25,7 +25,7 @@
   ],
   "license": "MIT",
   "peerDependencies": {
-    "@swan-io/lake": "13.5.1"
+    "@swan-io/lake": "13.5.2"
   },
   "dependencies": {
     "@formatjs/intl": "^4.1.2",
@@ -50,6 +50,6 @@
     "@types/react-dom": "^19.2.3",
     "@types/react-native": "^0.72.8",
     "type-fest": "^5.4.3",
-    "@swan-io/lake": "13.5.1"
+    "@swan-io/lake": "13.5.2"
   }
 }

package/src/components/AccountStatement.d.ts

@@ -1,5 +1,6 @@
 import { StyleProp, ViewStyle } from "react-native";
 import { CountryCCA3 } from "../constants/countries";
+import { SupportedLanguage } from "../utils/i18n";
 export type TransactionType = "Card" | "Check" | "Fees" | "InternationalDirectDebit" | "InternationalCreditTransfer" | "SepaCreditTransfer" | "SepaDirectDebit" | "Seizure" | (string & {});
 type AddressInfo = {
     street: string;
@@ -37,8 +38,9 @@ type AccountStatementV1Props = {
     feesCredit: Amount;
     hideHeader?: boolean;
     hideFooter?: boolean;
+    language?: SupportedLanguage;
 };
-export declare const AccountStatementV1: ({ style, accountHolderName, accountHolderAddress, accountHolderType, 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, accountHolderType, iban, bic, openingDate, closingDate, openingBalance, transactions, feesDebit, feesCredit, totalsCredit, totalsDebit, closingBalance, language, }: 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

@@ -5,12 +5,13 @@ import { colors, spacings } from "@swan-io/lake/src/constants/design";
 import { isNotEmpty, isNotNullish } from "@swan-io/lake/src/utils/nullish";
 import { StyleSheet, Text } from "react-native";
 import { match } from "ts-pattern";
-import { t } from "../utils/i18n";
+import { useTranslation } from "../utils/i18n";
 import { getTextStyle } from "../utils/style";
 const styles = StyleSheet.create({
     container: {
         width: 793,
         padding: 10,
+        fontFamily: "Inter, -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif",
     },
     firstSectionTitle: {
         ...getTextStyle("sans", 20),
@@ -92,7 +93,7 @@ const Title = ({ text, align = "left", style, }) => (_jsx(Text, { style: [
             textAlign: align,
         },
     ], children: text }));
-const translateTransaction = (transaction) => {
+const translateTransaction = (transaction, t) => {
     return match(transaction)
         .with("Card", () => t("accountStatement.card"))
         .with("Check", () => t("accountStatement.check"))
@@ -102,10 +103,11 @@ const translateTransaction = (transaction) => {
         .with("InternationalCreditTransfer", () => t("accountStatement.internationalCreditTransfer"))
         .otherwise(() => transaction);
 };
-export const AccountStatementV1 = ({ style, accountHolderName, accountHolderAddress, accountHolderType, iban, bic, openingDate, closingDate, openingBalance, transactions, feesDebit, feesCredit, totalsCredit, totalsDebit, closingBalance, }) => {
+export const AccountStatementV1 = ({ style, accountHolderName, accountHolderAddress, accountHolderType, iban, bic, openingDate, closingDate, openingBalance, transactions, feesDebit, feesCredit, totalsCredit, totalsDebit, closingBalance, language, }) => {
+    const t = useTranslation(language);
     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 }), _jsxs(Text, { style: styles.text, children: [accountHolderAddress.city, ",", " ", isNotNullish(accountHolderAddress.country) && accountHolderAddress.country] }), _jsx(Space, { height: 24 }), isNotEmpty(iban) && (_jsxs(Text, { style: styles.textBold, children: [t("accountStatement.iban"), " ", _jsx(Text, { style: styles.text, children: iban })] })), _jsx(Space, { height: 4 }), isNotEmpty(bic) && (_jsxs(Text, { style: styles.textBold, children: [t("accountStatement.bic"), _jsx(Text, { style: styles.text, children: bic })] }))] }), _jsxs(Box, { direction: "column", alignItems: "end", children: [_jsx(Text, { style: styles.pageTitle, children: t("accountStatement.titleDocument") }), _jsx(Text, { style: styles.pageSubTitle, children: accountHolderType === "Company"
                                             ? t("accountStatement.titleDocument.companyDescription")
-                                            : t("accountStatement.titleDocument.individualDescription") }), _jsx(Space, { height: 24 }), _jsx(Text, { style: styles.textBold, children: t("accountStatement.contactSupport") }), _jsx(Text, { style: styles.text, children: "support.swan.io" })] })] }), _jsx(Space, { height: 48 }), _jsxs(Box, { direction: "row", justifyContent: "spaceBetween", alignItems: "center", children: [_jsx(Box, { direction: "column", children: _jsx(Text, { style: styles.dateTitle, 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: openingBalance.value })] })] }), _jsx(Space, { height: 24 }), _jsxs(_Fragment, { children: [_jsxs(Box, { direction: "row", style: styles.thead, children: [_jsx(Text, { style: [styles.titleColumn, { width: "13%" }], children: t("accountStatement.column.date") }), _jsx(Text, { style: [styles.titleColumn, { width: "17%" }], children: t("accountStatement.column.type") }), _jsx(Text, { style: [styles.titleColumn, { width: "40%" }], 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: "13%" }], children: transaction.date }), _jsx(Text, { style: [styles.textColumn, { width: "17%" }], children: translateTransaction(transaction.type) }), _jsx(Text, { style: [styles.textColumn, { width: "40%" }], 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))) })] }), _jsx(Space, { height: 12 }), _jsxs(Box, { direction: "column", children: [_jsxs(Box, { direction: "row", justifyContent: "end", children: [_jsx(Text, { style: [styles.row, styles.textBold], children: t("accountStatement.column.fees") }), _jsx(Text, { style: [styles.row, styles.textBold], children: feesCredit.value }), _jsx(Text, { style: [styles.row, styles.textBold], children: feesDebit.value })] }), _jsxs(Box, { direction: "row", justifyContent: "end", children: [_jsx(Text, { style: [styles.row, styles.textBold], children: t("accountStatement.column.totals") }), _jsx(Text, { style: [styles.row, styles.textBold], children: totalsCredit.value }), _jsx(Text, { style: [styles.row, styles.textBold], children: totalsDebit.value })] })] }), _jsx(Space, { height: 12 }), _jsx(Box, { direction: "row", justifyContent: "end", children: _jsxs(Box, { direction: "row", alignItems: "center", style: styles.closingBalanceRow, justifyContent: "spaceBetween", children: [_jsx(Title, { style: styles.closingBalanceRowText, text: t("accountStatement.closingBalance") }), _jsx(Title, { text: closingBalance.value, style: styles.totalAmount, align: "right" })] }) })] }) }) }));
+                                            : t("accountStatement.titleDocument.individualDescription") }), _jsx(Space, { height: 24 }), _jsx(Text, { style: styles.textBold, children: t("accountStatement.contactSupport") }), _jsx(Text, { style: styles.text, children: "support.swan.io" })] })] }), _jsx(Space, { height: 48 }), _jsxs(Box, { direction: "row", justifyContent: "spaceBetween", alignItems: "center", children: [_jsx(Box, { direction: "column", children: _jsx(Text, { style: styles.dateTitle, 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: openingBalance.value })] })] }), _jsx(Space, { height: 24 }), _jsxs(_Fragment, { children: [_jsxs(Box, { direction: "row", style: styles.thead, children: [_jsx(Text, { style: [styles.titleColumn, { width: "13%" }], children: t("accountStatement.column.date") }), _jsx(Text, { style: [styles.titleColumn, { width: "17%" }], children: t("accountStatement.column.type") }), _jsx(Text, { style: [styles.titleColumn, { width: "40%" }], 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: "13%" }], children: transaction.date }), _jsx(Text, { style: [styles.textColumn, { width: "17%" }], children: translateTransaction(transaction.type, t) }), _jsx(Text, { style: [styles.textColumn, { width: "40%" }], 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))) })] }), _jsx(Space, { height: 12 }), _jsxs(Box, { direction: "column", children: [_jsxs(Box, { direction: "row", justifyContent: "end", children: [_jsx(Text, { style: [styles.row, styles.textBold], children: t("accountStatement.column.fees") }), _jsx(Text, { style: [styles.row, styles.textBold], children: feesCredit.value }), _jsx(Text, { style: [styles.row, styles.textBold], children: feesDebit.value })] }), _jsxs(Box, { direction: "row", justifyContent: "end", children: [_jsx(Text, { style: [styles.row, styles.textBold], children: t("accountStatement.column.totals") }), _jsx(Text, { style: [styles.row, styles.textBold], children: totalsCredit.value }), _jsx(Text, { style: [styles.row, styles.textBold], children: totalsDebit.value })] })] }), _jsx(Space, { height: 12 }), _jsx(Box, { direction: "row", justifyContent: "end", children: _jsxs(Box, { direction: "row", alignItems: "center", style: styles.closingBalanceRow, justifyContent: "spaceBetween", children: [_jsx(Title, { style: styles.closingBalanceRowText, text: t("accountStatement.closingBalance") }), _jsx(Title, { text: closingBalance.value, style: styles.totalAmount, align: "right" })] }) })] }) }) }));
 };
 export const AccountStatement = (props) => match(props)
     .with({ version: "v1" }, props => _jsx(AccountStatementV1, { ...props }))

package/src/locales/nl.json

@@ -67,7 +67,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.\n\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.",
+  "common.statement.footer": "SWAN is een vereenvoudigde naamloze vennootschap (SAS) die is geregistreerd bij het handels- en bedrijvenregister van Bobigny onder nummer 853 827 103, met een kapitaal van 16.999,66 euro, btw-nummer FR90853827103 en met maatschappelijke zetel te 91 rue du Faubourg Saint-Honoré, 75008 Parijs, FRANKRIJK.\n\nAls elektronischgeldinstelling die betalingsdiensten aanbiedt volgens de Franse wetgeving en goedgekeurd door de ACPR, staat SWAN bij deze laatste geregistreerd 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.",
@@ -204,7 +204,7 @@
   "rejection.InvalidSirenNumberRejection": "Ongeldig SIREN-nummer",
   "rejection.LegalRepresentativeAccountMembershipCannotBeDisabledRejection": "Kan het accountlidmaatschap van een wettelijke vertegenwoordiger niet deactiveren",
   "rejection.LegalRepresentativeAccountMembershipCannotBeSuspendedRejection": "Kan het accountlidmaatschap van een wettelijke vertegenwoordiger niet opschorten",
-  "rejection.MaximumDailvInvitationsReachedRelection": "Je hebt het maximale aantal dagelijkse uitnodigingen voor het accountlidmaatschap bereikt.",
+  "rejection.MaximumDailvInvitationsReachedRelection": "Je hebt het maximale aantal dagelijkse uitnodigingen voor het lidmaatschap van de rekening bereikt.",
   "rejection.MaximumDailyExportsReachedRejection": "Het maximumaantal dagelijkse exports is bereikt",
   "rejection.MaximumSimultaneousExportsRejection": "Het maximumaantal gelijktijdige exports is bereikt",
   "rejection.MerchantCardPaymentDeclinedRejection": "De kaartbetaling van de handelaar is geweigerd",
@@ -364,7 +364,7 @@
   "supportingDocuments.rejectionReason.BadDocumentQuality": "De kwaliteit van het document is erg slecht",
   "supportingDocuments.rejectionReason.CompanyNameMismatch": "De bedrijfsnaam in het ingediende document komt niet overeen met onze gegevens.",
   "supportingDocuments.rejectionReason.DeclaredAmountMismatch": "Het opgegeven bedrag in het ingediende document komt niet overeen met onze gegevens.",
-  "supportingDocuments.rejectionReason.ExpiredDocument": "Het document is te oud, kun je de nieuwste versie geven?",
+  "supportingDocuments.rejectionReason.ExpiredDocument": "Het document is te oud, kun je de meest recente versie geven?",
   "supportingDocuments.rejectionReason.FullDocumentRequired": "Volledig document vereist",
   "supportingDocuments.rejectionReason.HandwrittenOrCertifiedElectronicSignatureRequired": "De handtekening is niet handgeschreven of elektronisch gecertificeerd.",
   "supportingDocuments.rejectionReason.IbanMismatch": "Het IBAN van de begunstigde op het ingediende document komt niet overeen met het transactieverzoek.",