@swan-io/shared-business 18.0.4 → 18.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swan-io/shared-business",
-  "version": "18.0.4",
+  "version": "18.1.0",
   "engines": {
     "node": ">22.12.0"
   },
@@ -28,7 +28,7 @@
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
     "react-native-web": ">=0.21.2",
-    "@swan-io/lake": "18.0.4"
+    "@swan-io/lake": "18.1.0"
   },
   "dependencies": {
     "@formatjs/intl": "^4.1.16",
@@ -53,6 +53,6 @@
     "react-dom": "^19.2.7",
     "react-native-web": "^0.21.2",
     "type-fest": "^5.8.0",
-    "@swan-io/lake": "18.0.4"
+    "@swan-io/lake": "18.1.0"
   }
 }

package/src/components/AccountStatementHeader.d.ts

@@ -1,7 +1,8 @@
 import { type SupportedLanguage } from "../utils/i18n";
 type AccountStatementHeaderProps = {
     partnerLogoUrl?: string;
+    partnerLogoAlt?: string;
     language?: SupportedLanguage;
 };
-export declare const AccountStatementHeader: ({ partnerLogoUrl, language, }: AccountStatementHeaderProps) => import("react").JSX.Element;
+export declare const AccountStatementHeader: ({ partnerLogoUrl, partnerLogoAlt, language, }: AccountStatementHeaderProps) => import("react").JSX.Element;
 export {};

package/src/components/AccountStatementHeader.js

@@ -57,7 +57,7 @@ const logoStyle = {
     objectFit: "contain",
     objectPosition: "left",
 };
-export const AccountStatementHeader = ({ partnerLogoUrl, language, }) => {
+export const AccountStatementHeader = ({ partnerLogoUrl, partnerLogoAlt, language, }) => {
     const t = useTranslation(language);
-    return (_jsxs("div", { style: styles.container, children: [_jsx("div", { style: styles.logo, children: isNotNullishOrEmpty(partnerLogoUrl) ? (_jsxs(_Fragment, { children: [_jsx("img", { src: partnerLogoUrl, style: logoStyle }), _jsxs("div", { style: styles.partnership, children: [_jsx("div", { style: styles.partnershipText, children: t("accountStatement.partnership") }), _jsx(SwanLogo, { color: colors.gray[900], style: styles.swanLogo })] })] })) : (_jsx(SwanLogo, { style: styles.defaultLogo })) }), _jsxs("div", { style: styles.pageNumber, children: [t("accountStatement.page"), " ", _jsx("span", { className: "pageNumber" }), "/", _jsx("span", { className: "totalPages" })] })] }));
+    return (_jsxs("div", { style: styles.container, children: [_jsx("div", { style: styles.logo, children: isNotNullishOrEmpty(partnerLogoUrl) ? (_jsxs(_Fragment, { children: [_jsx("img", { src: partnerLogoUrl, alt: partnerLogoAlt, style: logoStyle }), _jsxs("div", { style: styles.partnership, children: [_jsx("div", { style: styles.partnershipText, children: t("accountStatement.partnership") }), _jsx(SwanLogo, { color: colors.gray[900], style: styles.swanLogo })] })] })) : (_jsx(SwanLogo, { style: styles.defaultLogo })) }), _jsxs("div", { style: styles.pageNumber, children: [t("accountStatement.page"), " ", _jsx("span", { className: "pageNumber" }), "/", _jsx("span", { className: "totalPages" })] })] }));
 };

package/src/components/CreditStatement.d.ts

@@ -26,6 +26,7 @@ type Transaction = {
 type CreditStatementV1Props = {
     version: "v1";
     partnerLogoUrl?: string;
+    partnerLogoAlt?: string;
     style?: StyleProp<ViewStyle>;
     accountHolderType: "Individual" | "Company";
     accountHolderName: string;
@@ -41,7 +42,7 @@ type CreditStatementV1Props = {
     repaymentDate: string;
     closingBalance: Amount;
 };
-export declare const CreditStatementV1: ({ partnerLogoUrl, accountHolderType, accountHolderName, accountHolderAddress, iban, bic, openingDate, closingDate, transactions, issueDate, issuerName, siret, repaymentDate, closingBalance, }: CreditStatementV1Props) => import("react").JSX.Element;
+export declare const CreditStatementV1: ({ partnerLogoUrl, partnerLogoAlt, accountHolderType, accountHolderName, accountHolderAddress, iban, bic, openingDate, closingDate, transactions, issueDate, issuerName, siret, repaymentDate, closingBalance, }: CreditStatementV1Props) => import("react").JSX.Element;
 export type CreditStatementProps = CreditStatementV1Props;
 export declare const CreditStatement: (props: CreditStatementProps) => import("react").JSX.Element;
 export {};

package/src/components/CreditStatement.js

@@ -96,8 +96,8 @@ const logoStyle = {
     objectPosition: "left",
 };
 const formatMaskedPan = (value) => `••${value.slice(-4)}`;
-export const CreditStatementV1 = ({ partnerLogoUrl, accountHolderType, accountHolderName, accountHolderAddress, iban, bic, openingDate, closingDate, transactions, issueDate, issuerName, siret, repaymentDate, closingBalance, }) => {
-    return (_jsxs(Box, { style: styles.container, direction: "column", justifyContent: "spaceBetween", children: [_jsxs(Box, { direction: "row", justifyContent: "spaceBetween", alignItems: "start", 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(LakeText, { style: styles.mediumText, children: t("accountStatement.partnership") }), _jsx(Space, { width: 4 }), _jsx(SwanLogo, { color: colors.gray[900], style: styles.swanLogo })] }), _jsxs(Box, { children: [_jsx(LakeText, { style: styles.pageTitle, children: t("creditStatement.titleDocument") }), _jsx(LakeText, { style: styles.text, color: colors.gray[700], children: accountHolderType === "Company"
+export const CreditStatementV1 = ({ partnerLogoUrl, partnerLogoAlt, accountHolderType, accountHolderName, accountHolderAddress, iban, bic, openingDate, closingDate, transactions, issueDate, issuerName, siret, repaymentDate, closingBalance, }) => {
+    return (_jsxs(Box, { style: styles.container, direction: "column", justifyContent: "spaceBetween", children: [_jsxs(Box, { direction: "row", justifyContent: "spaceBetween", alignItems: "start", children: [_jsxs(Box, { direction: "row", alignItems: "center", children: [isNotNullishOrEmpty(partnerLogoUrl) ? (_jsx("img", { src: partnerLogoUrl, alt: partnerLogoAlt, style: logoStyle })) : (_jsx(SwanLogo, { style: styles.defaultLogo })), _jsx(Separator, { horizontal: true, space: 8 }), _jsx(LakeText, { style: styles.mediumText, children: t("accountStatement.partnership") }), _jsx(Space, { width: 4 }), _jsx(SwanLogo, { color: colors.gray[900], style: styles.swanLogo })] }), _jsxs(Box, { children: [_jsx(LakeText, { style: styles.pageTitle, children: t("creditStatement.titleDocument") }), _jsx(LakeText, { style: styles.text, color: colors.gray[700], children: accountHolderType === "Company"
                                     ? t("accountStatement.titleDocument.companyDescription")
                                     : t("accountStatement.titleDocument.individualDescription") }), _jsx(LakeText, { align: "right", style: styles.smallText, children: t("creditStatement.issueDate", {
                                     issueDate: dayjs(issueDate).format(locale.dateFormat),

package/src/components/RIB.d.ts

@@ -14,6 +14,7 @@ type RIBv1Props = {
     iban: string;
     partnerColor: string;
     partnerLogoUrl?: string;
+    partnerLogoAlt?: string;
 } & ({
     accountCountry: "FRA";
     agency: string;

package/src/components/RIB.js

@@ -67,7 +67,7 @@ const logoStyle = {
     objectFit: "contain",
     objectPosition: "left",
 };
-const RIBv1 = ({ accountHolderAddress, bank, bankAddress, bic, iban, partnerColor, partnerLogoUrl, ...props }) => (_jsx(WithPartnerAccentColor, { color: partnerColor, children: _jsxs(View, { style: styles.container, children: [_jsxs(View, { style: styles.half, children: [_jsxs(Box, { direction: "row", alignItems: "center", children: [isNotNullishOrEmpty(partnerLogoUrl) ? (_jsx("img", { src: partnerLogoUrl, style: { ...logoStyle, height: LOGO_MAX_HEIGHT, maxWidth: LOGO_MAX_WIDTH } })) : (_jsx(SwanLogo, { style: styles.defaultLogo })), _jsx(Space, { width: 24 }), _jsx(LakeHeading, { align: "right", color: colors.gray[900], level: 2, style: commonStyles.fill, variant: "h3", children: t("rib.bankDetails") })] }), _jsx(Space, { height: 24 }), _jsxs(Box, { direction: "row", alignItems: "center", children: [_jsx(Item, { kind: "main", color: "partner", label: t("rib.iban"), value: iban }), _jsx(Space, { width: 24 }), _jsx(Item, { kind: "main", color: "partner", label: t("rib.bic"), value: bic })] }), _jsx(Space, { height: 8 }), _jsx(Box, { direction: "row", alignItems: "center", children: match(props)
+const RIBv1 = ({ accountHolderAddress, bank, bankAddress, bic, iban, partnerColor, partnerLogoUrl, partnerLogoAlt, ...props }) => (_jsx(WithPartnerAccentColor, { color: partnerColor, children: _jsxs(View, { style: styles.container, children: [_jsxs(View, { style: styles.half, children: [_jsxs(Box, { direction: "row", alignItems: "center", children: [isNotNullishOrEmpty(partnerLogoUrl) ? (_jsx("img", { src: partnerLogoUrl, alt: partnerLogoAlt, style: { ...logoStyle, height: LOGO_MAX_HEIGHT, maxWidth: LOGO_MAX_WIDTH } })) : (_jsx(SwanLogo, { style: styles.defaultLogo })), _jsx(Space, { width: 24 }), _jsx(LakeHeading, { align: "right", color: colors.gray[900], level: 2, style: commonStyles.fill, variant: "h3", children: t("rib.bankDetails") })] }), _jsx(Space, { height: 24 }), _jsxs(Box, { direction: "row", alignItems: "center", children: [_jsx(Item, { kind: "main", color: "partner", label: t("rib.iban"), value: iban }), _jsx(Space, { width: 24 }), _jsx(Item, { kind: "main", color: "partner", label: t("rib.bic"), value: bic })] }), _jsx(Space, { height: 8 }), _jsx(Box, { direction: "row", alignItems: "center", children: match(props)
                             .with({ accountCountry: "FRA" }, ({ agency, 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.agency"), value: agency }), _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: "DEU" }, ({ accountNumber }) => (_jsxs(_Fragment, { children: [_jsx(Item, { kind: "small", label: t("rib.bank"), value: bank }), _jsx(Space, { width: 24 }), _jsx(Item, { kind: "small", label: t("rib.accountNumber"), value: accountNumber })] })))
                             .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 })] })))

package/src/components/TransactionStatement.d.ts

@@ -7,6 +7,7 @@ type TransactionType = "SepaCreditTransferIn" | "SepaCreditTransferOut" | "SepaI
 type TransactionStatementV1Props = {
     version: "v1";
     partnerLogoUrl?: string;
+    partnerLogoAlt?: string;
     generationDate: string;
     executionDate: string;
     type: TransactionType;
@@ -28,7 +29,7 @@ type TransactionStatementV1Props = {
     creditorBankIdentifier?: string;
     style?: StyleProp<ViewStyle>;
 };
-export declare const TransactionStatementV1: ({ partnerLogoUrl, generationDate, executionDate, type, amount, instructedAmount, amountCredited, targetTransferAmount, exchangeRate, fees, label, reference, debtorName, debtorAccountNumber, debtorBankName, debtorBankIdentifier, creditorName, creditorAccountNumber, creditorBankName, creditorBankIdentifier, style, }: TransactionStatementV1Props) => import("react").JSX.Element;
+export declare const TransactionStatementV1: ({ partnerLogoUrl, partnerLogoAlt, generationDate, executionDate, type, amount, instructedAmount, amountCredited, targetTransferAmount, exchangeRate, fees, label, reference, debtorName, debtorAccountNumber, debtorBankName, debtorBankIdentifier, creditorName, creditorAccountNumber, creditorBankName, creditorBankIdentifier, style, }: TransactionStatementV1Props) => import("react").JSX.Element;
 export type TransactionStatementProps = TransactionStatementV1Props;
 export declare const TransactionStatement: (props: TransactionStatementProps) => import("react").JSX.Element;
 export {};

package/src/components/TransactionStatement.js

@@ -70,8 +70,8 @@ const logoStyle = {
     objectFit: "contain",
     objectPosition: "left",
 };
-export const TransactionStatementV1 = ({ partnerLogoUrl, generationDate, executionDate, type, amount, instructedAmount, amountCredited, targetTransferAmount, exchangeRate, fees, label, reference, debtorName, debtorAccountNumber, debtorBankName, debtorBankIdentifier, creditorName, creditorAccountNumber, creditorBankName, creditorBankIdentifier, style, }) => {
-    return (_jsxs(View, { style: [styles.container, style], 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("transactionStatement.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("transactionStatement.title.document") }), _jsx(Space, { height: 24 }), _jsx(Text, { style: styles.sectionTitle, children: t("transactionStatement.title.transactionInformation") }), _jsx(Space, { height: 8 }), _jsxs(Stack, { space: 8, children: [_jsx(Line, { name: t("transactionStatement.information.executionDate"), value: executionDate }), _jsx(Line, { name: t("transactionStatement.information.type"), value: match(type)
+export const TransactionStatementV1 = ({ partnerLogoUrl, partnerLogoAlt, generationDate, executionDate, type, amount, instructedAmount, amountCredited, targetTransferAmount, exchangeRate, fees, label, reference, debtorName, debtorAccountNumber, debtorBankName, debtorBankIdentifier, creditorName, creditorAccountNumber, creditorBankName, creditorBankIdentifier, style, }) => {
+    return (_jsxs(View, { style: [styles.container, style], children: [_jsxs(Box, { direction: "row", alignItems: "center", children: [isNotNullishOrEmpty(partnerLogoUrl) ? (_jsx("img", { src: partnerLogoUrl, alt: partnerLogoAlt, style: logoStyle })) : (_jsx(SwanLogo, { style: styles.defaultLogo })), _jsx(Separator, { horizontal: true, space: 8 }), _jsx(Text, { style: styles.partnershipText, children: t("transactionStatement.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("transactionStatement.title.document") }), _jsx(Space, { height: 24 }), _jsx(Text, { style: styles.sectionTitle, children: t("transactionStatement.title.transactionInformation") }), _jsx(Space, { height: 8 }), _jsxs(Stack, { space: 8, children: [_jsx(Line, { name: t("transactionStatement.information.executionDate"), value: executionDate }), _jsx(Line, { name: t("transactionStatement.information.type"), value: match(type)
                             .with("SepaCreditTransferIn", () => t("transactionStatement.type.SepaCreditTransferIn"))
                             .with("SepaCreditTransferOut", () => t("transactionStatement.type.SepaCreditTransferOut"))
                             .with("SepaInstantCreditTransferIn", () => t("transactionStatement.type.SepaInstantCreditTransferIn"))