@swan-io/shared-business 12.2.8 → 12.2.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swan-io/shared-business",
-  "version": "12.2.8",
+  "version": "12.2.9",
   "engines": {
     "node": "^22.12.0"
   },
@@ -25,7 +25,7 @@
   ],
   "license": "MIT",
   "peerDependencies": {
-    "@swan-io/lake": "12.2.8"
+    "@swan-io/lake": "12.2.9"
   },
   "dependencies": {
     "@formatjs/intl": "^3.1.6",
@@ -51,6 +51,6 @@
     "@types/react-native": "^0.72.8",
     "jsdom": "^26.1.0",
     "vitest": "^3.2.0",
-    "@swan-io/lake": "12.2.8"
+    "@swan-io/lake": "12.2.9"
   }
 }

package/src/components/AccountStatement.d.ts

@@ -1,25 +1,22 @@
 import { StyleProp, ViewStyle } from "react-native";
 import { CountryCCA3 } from "../constants/countries";
-export type TransactionType = "SepaCreditTransferIn" | "SepaCreditTransferOut" | "SepaInstantCreditTransferIn" | "SepaInstantCreditTransferOut" | "InternalCreditTransferIn" | "InternalCreditTransferOut" | "InternationalCreditTransferIn" | "InternationalCreditTransferOut" | "InternalCreditTransferOutReturn" | "InternalCreditTransferOutRecall" | "InternalCreditTransferInReturn" | "InternalCreditTransferInRecall" | "SepaCreditTransferOutReturn" | "SepaInstantCreditTransferOutRecall" | "SepaInstantCreditTransferInRecall" | "SepaCreditTransferOutRecall" | "SepaCreditTransferInReturn" | "SepaCreditTransferInRecall" | "FeesOut" | "FeesIn" | "SepaDirectDebitIn" | "SepaDirectDebitInReturn" | "SepaDirectDebitInReversal" | "SepaDirectDebitOut" | "SepaDirectDebitOutReturn" | "SepaDirectDebitOutReversal" | "CardOutAuthorization" | "CardOutDebit" | "CardOutDebitReversal" | "CardOutCredit" | "CardOutCreditReversal" | "InternalDirectDebitIn" | "InternalDirectDebitInReturn" | "InternalDirectDebitOut" | "InternalDirectDebitOutReturn" | "CheckIn" | "CheckInReturn" | "InternationalCreditTransferInReturn" | "InternationalCreditTransferOutReturn" | "CardInCredit" | "CardInChargeback" | "CardInChargebackReversal";
+export type TransactionType = "Card" | "Check" | "Fees" | "InternationalDirectDebit" | "InternationalCreditTransfer" | "SepaCreditTransfer" | "SepaDirectDebit";
 type AddressInfo = {
-    addressLine1: string;
-    addressLine2?: string;
+    street: string;
     city: string;
-    postalCode: string;
-    state?: string;
-    country: CountryCCA3;
+    country?: CountryCCA3;
 };
 type Amount = {
     value: string;
     currency: string;
 };
-type Transaction = {
-    transactionId: string;
-    transactionLabel: string;
-    transactionDate: string;
-    transactionType: TransactionType;
-    transactionSide: "Credit" | "Debit";
-    transactionAmount: Amount;
+export type Transaction = {
+    id: string;
+    label: string;
+    date: string;
+    type: "Card" | "Check" | "Fees" | "InternationalDirectDebit" | "InternationalCreditTransfer" | "SepaCreditTransfer" | "SepaDirectDebit";
+    credit?: Amount;
+    debit?: Amount;
 };
 type AccountStatementV1Props = {
     version: "v1";

package/src/components/AccountStatement.js

@@ -94,11 +94,11 @@ const Title = ({ text, align = "left", style, }) => (_jsx(Text, { style: [
     ], children: text }));
 const translateTransaction = (transaction) => {
     return match(transaction)
-        .with("CardInChargeback", "CardInChargebackReversal", "CardInCredit", "CardOutAuthorization", "CardOutCredit", "CardOutCreditReversal", "CardOutDebit", "CardOutDebitReversal", () => t("accountStatement.card"))
-        .with("CheckIn", "CheckInReturn", () => t("accountStatement.check"))
-        .with("FeesIn", "FeesOut", () => t("accountStatement.fees"))
-        .with("SepaCreditTransferIn", "SepaCreditTransferOut", "SepaInstantCreditTransferIn", "SepaInstantCreditTransferOut", "InternalCreditTransferIn", "InternalCreditTransferOut", "InternationalCreditTransferIn", "InternationalCreditTransferOut", "InternalCreditTransferOutReturn", "InternalCreditTransferOutRecall", "InternalCreditTransferInReturn", "InternalCreditTransferInRecall", "SepaCreditTransferOutReturn", "SepaInstantCreditTransferOutRecall", "SepaInstantCreditTransferInRecall", "SepaCreditTransferOutRecall", "SepaCreditTransferInReturn", "SepaCreditTransferInRecall", "InternationalCreditTransferInReturn", "InternationalCreditTransferOutReturn", () => t("accountStatement.creditTransfer"))
-        .with("SepaDirectDebitIn", "SepaDirectDebitInReturn", "SepaDirectDebitInReversal", "SepaDirectDebitOut", "SepaDirectDebitOutReturn", "SepaDirectDebitOutReversal", "InternalDirectDebitIn", "InternalDirectDebitInReturn", "InternalDirectDebitOut", "InternalDirectDebitOutReturn", () => t("accountStatement.directDebit"))
+        .with("Card", () => t("accountStatement.card"))
+        .with("Check", () => t("accountStatement.check"))
+        .with("Fees", () => t("accountStatement.fees"))
+        .with("InternationalDirectDebit", "SepaDirectDebit", () => t("accountStatement.directDebit"))
+        .with("InternationalCreditTransfer", "SepaCreditTransfer", () => t("accountStatement.creditTransfer"))
         .exhaustive();
 };
 const logoStyle = {
@@ -110,7 +110,7 @@ const logoStyle = {
 export const AccountStatementV1 = ({ partnerLogoUrl, style, accountHolderType, accountHolderName, accountHolderAddress, iban, bic, openingDate, closingDate, openingBalance, transactions, feesDebit, feesCredit, totalsCredit, totalsDebit, closingBalance, }) => {
     return (_jsxs(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.addressLine1 }), isNotNullish(accountHolderAddress.addressLine2) && (_jsx(Text, { children: accountHolderAddress.addressLine2 })), _jsx(Text, { style: styles.text, children: `${accountHolderAddress.postalCode} ${accountHolderAddress.city}` }), _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(({ transactionAmount, transactionDate, transactionLabel, transactionSide, transactionType, transactionId, }) => (_jsxs(Box, { direction: "row", children: [_jsx(Text, { style: [styles.textColumn, { width: "15%" }], children: transactionDate }), _jsx(Text, { style: [styles.textColumn, { width: "22%" }], children: translateTransaction(transactionType) }), _jsx(Text, { style: [styles.textColumn, { width: "33%" }], children: transactionLabel }), _jsx(Text, { style: [styles.textColumn, { width: "15%", textAlign: "right" }], children: transactionSide === "Credit" ? transactionAmount.value : "" }), _jsx(Text, { style: [styles.textColumn, { width: "15%", textAlign: "right" }], children: transactionSide === "Debit" ? transactionAmount.value : "" })] }, transactionId))) })] }), _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" })] }) })] }), _jsxs(Box, { children: [_jsx(Separator, { space: 24 }), _jsx(Text, { style: styles.footer, children: t("transactionStatement.footer") })] })] }));
+                            : 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" })] }) })] }), _jsxs(Box, { children: [_jsx(Separator, { space: 24 }), _jsx(Text, { style: styles.footer, children: t("transactionStatement.footer") })] })] }));
 };
 export const AccountStatement = (props) => match(props)
     .with({ version: "v1" }, props => _jsx(AccountStatementV1, { ...props }))