@swan-io/shared-business 12.4.2 → 13.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swan-io/shared-business",
-  "version": "12.4.2",
+  "version": "13.0.0",
   "engines": {
     "node": "^22.12.0"
   },
@@ -25,32 +25,31 @@
   ],
   "license": "MIT",
   "peerDependencies": {
-    "@swan-io/lake": "12.4.2"
+    "@swan-io/lake": "13.0.0"
   },
   "dependencies": {
     "@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/request": "^3.1.0",
     "@swan-io/use-form": "^3.1.0",
     "dayjs": "^1.11.13",
     "iban": "^0.0.14",
-    "react": "^19.1.0",
-    "react-atomic-state": "^2.0.0",
-    "react-dom": "^19.1.0",
+    "react": "^19.1.1",
+    "react-atomic-state": "^2.1.0",
+    "react-dom": "^19.1.1",
     "react-dropzone": "^14.3.8",
-    "react-native-web": "^0.20.0",
+    "react-native-web": "^0.21.1",
     "rifm": "^0.12.1",
-    "ts-pattern": "^5.7.1",
+    "ts-pattern": "^5.8.0",
     "uuid": "^11.1.0"
   },
   "devDependencies": {
     "@types/iban": "0.0.35",
-    "@types/react": "^19.1.6",
-    "@types/react-dom": "^19.1.5",
+    "@types/react": "^19.1.10",
+    "@types/react-dom": "^19.1.7",
     "@types/react-native": "^0.72.8",
-    "jsdom": "^26.1.0",
-    "vitest": "^3.2.0",
-    "@swan-io/lake": "12.4.2"
+    "type-fest": "^4.41.0",
+    "@swan-io/lake": "13.0.0"
   }
 }

package/src/components/AccountStatement.d.ts

@@ -1,6 +1,6 @@
 import { StyleProp, ViewStyle } from "react-native";
 import { CountryCCA3 } from "../constants/countries";
-export type TransactionType = "Card" | "Check" | "Fees" | "InternationalDirectDebit" | "InternationalCreditTransfer" | "SepaCreditTransfer" | "SepaDirectDebit";
+export type TransactionType = "Card" | "Check" | "Fees" | "InternationalDirectDebit" | "InternationalCreditTransfer" | "SepaCreditTransfer" | "SepaDirectDebit" | (string & {});
 type AddressInfo = {
     street: string;
     city: string;
@@ -14,7 +14,7 @@ export type Transaction = {
     id: string;
     label: string;
     date: string;
-    type: "Card" | "Check" | "Fees" | "InternationalDirectDebit" | "InternationalCreditTransfer" | "SepaCreditTransfer" | "SepaDirectDebit";
+    type: TransactionType;
     credit?: Amount;
     debit?: Amount;
 };

package/src/components/AccountStatement.js

@@ -99,7 +99,7 @@ const translateTransaction = (transaction) => {
         .with("Fees", () => t("accountStatement.fees"))
         .with("InternationalDirectDebit", "SepaDirectDebit", () => t("accountStatement.directDebit"))
         .with("InternationalCreditTransfer", "SepaCreditTransfer", () => t("accountStatement.creditTransfer"))
-        .exhaustive();
+        .otherwise(() => transaction);
 };
 const logoStyle = {
     height: LOGO_MAX_HEIGHT,

package/src/components/CreditStatement.js

@@ -3,7 +3,7 @@ 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, interFontStyle, invariantColors, spacings, } from "@swan-io/lake/src/constants/design";
+import { colors, fonts, invariantColors, primaryFontStyle, spacings, } from "@swan-io/lake/src/constants/design";
 import { isNotNullish, isNotNullishOrEmpty } from "@swan-io/lake/src/utils/nullish";
 import { StyleSheet, Text } from "react-native";
 import { match } from "ts-pattern";
@@ -12,7 +12,7 @@ import { formatCurrencySymbol, t } from "../utils/i18n";
 const LOGO_MAX_HEIGHT = 24;
 const LOGO_MAX_WIDTH = 150;
 const getTextStyle = (type, fontSize) => ({
-    ...(type === "mono" ? { fontFamily: fonts.iban } : interFontStyle),
+    ...(type === "mono" ? { fontFamily: fonts.iban } : primaryFontStyle),
     color: colors.gray[900],
     fontSize,
     lineHeight: fontSize * 1.25,

package/src/components/RIB.d.ts

@@ -35,6 +35,10 @@ type RIBv1Props = {
     accountCountry: "ITA";
     agency: string;
     bankNumber: string;
+} | {
+    accountCountry: "BEL";
+    agency: string;
+    bankNumber: string;
 });
 export type RIBProps = RIBv1Props;
 export declare const RIB: (props: RIBProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/RIB.js

@@ -79,6 +79,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 })] })))
                             .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,