@swan-io/shared-business 12.2.15 → 12.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swan-io/shared-business",
-  "version": "12.2.15",
+  "version": "12.3.0",
   "engines": {
     "node": "^22.12.0"
   },
@@ -25,7 +25,7 @@
   ],
   "license": "MIT",
   "peerDependencies": {
-    "@swan-io/lake": "12.2.15"
+    "@swan-io/lake": "12.3.0"
   },
   "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.15"
+    "@swan-io/lake": "12.3.0"
   }
 }

package/src/components/AccountStatement.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, spacings } from "@swan-io/lake/src/constants/design";
+import { colors, fonts, 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 { formatCurrencyIso, 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/CreditStatement.d.ts

@@ -0,0 +1,46 @@
+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";
+type AddressInfo = {
+    addressLine1: string;
+    addressLine2?: string;
+    city: string;
+    postalCode: string;
+    state?: string;
+    country: CountryCCA3;
+};
+type Amount = {
+    value: string;
+    currency: string;
+};
+type Transaction = {
+    transactionId: string;
+    transactionLabel: string;
+    transactionDate: string;
+    transactionType: TransactionType;
+    transactionSide: "Credit" | "Debit";
+    transactionAmount: Amount;
+};
+type CreditStatementV1Props = {
+    version: "v1";
+    partnerLogoUrl?: string;
+    style?: StyleProp<ViewStyle>;
+    accountHolderType: "Individual" | "Company";
+    accountHolderName: string;
+    accountHolderAddress: AddressInfo;
+    iban: string;
+    bic: string;
+    openingDate: string;
+    closingDate: string;
+    openingBalance: Amount;
+    transactions: Transaction[];
+    totalsCredit: Amount;
+    totalsDebit: Amount;
+    closingBalance: Amount;
+    feesDebit: Amount;
+    feesCredit: Amount;
+};
+export declare const CreditStatementV1: ({ partnerLogoUrl, accountHolderType, accountHolderName, accountHolderAddress, iban, bic, openingDate, closingDate, openingBalance, transactions, feesDebit, feesCredit, totalsCredit, totalsDebit, closingBalance, }: CreditStatementV1Props) => import("react/jsx-runtime").JSX.Element;
+export type CreditStatementProps = CreditStatementV1Props;
+export declare const CreditStatement: (props: CreditStatementProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/src/components/CreditStatement.js

@@ -0,0 +1,135 @@
+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, interFontStyle, invariantColors, 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";
+import { getCountryName } from "../constants/countries";
+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),
+    color: colors.gray[900],
+    fontSize,
+    lineHeight: fontSize * 1.25,
+    fontWeight: "400",
+});
+const styles = StyleSheet.create({
+    container: {
+        width: 793,
+        padding: 56,
+        backgroundColor: invariantColors.white,
+    },
+    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],
+        fontWeight: "500",
+        lineHeight: 24,
+    },
+    totalAmount: {
+        ...getTextStyle("sans", 20),
+        lineHeight: 28,
+        fontWeight: "600",
+    },
+    titleColumn: {
+        ...getTextStyle("sans", 15),
+        fontWeight: "500",
+        paddingVertical: spacings[4],
+        minWidth: spacings[96],
+        lineHeight: 24,
+    },
+    openingBalanceText: {
+        ...getTextStyle("sans", 14),
+        textAlign: "right",
+    },
+    textColumn: {
+        ...getTextStyle("sans", 14),
+        color: "colors.gray[700]",
+        // lineHeight: 20,
+        paddingVertical: spacings[4],
+    },
+    text: {
+        ...getTextStyle("sans", 14),
+        color: colors.gray[700],
+        lineHeight: 24,
+    },
+    row: {
+        textAlign: "right",
+        paddingVertical: spacings[4],
+        fontWeight: "600",
+        width: "20%",
+    },
+    closingBalanceRow: {
+        ...getTextStyle("sans", 14),
+        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,
+        style,
+        {
+            textAlign: align,
+        },
+    ], 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"))
+        .exhaustive();
+};
+const logoStyle = {
+    height: LOGO_MAX_HEIGHT,
+    maxWidth: LOGO_MAX_WIDTH,
+    objectFit: "contain",
+    objectPosition: "left",
+};
+export const CreditStatementV1 = ({ partnerLogoUrl, accountHolderType, accountHolderName, accountHolderAddress, iban, bic, openingDate, closingDate, openingBalance, transactions, feesDebit, feesCredit, totalsCredit, totalsDebit, closingBalance, }) => {
+    return (_jsxs(Box, { style: styles.container, 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("creditStatement.titleDocument") }), _jsx(Text, { style: styles.text, children: accountHolderType === "Company"
+                            ? t("accountStatement.titleDocument.companyDescription")
+                            : t("accountStatement.titleDocument.individualDescription") }), _jsx(Space, { height: 12 }), _jsxs(Box, { direction: "column", children: [_jsx(Text, { style: styles.sectionTitle, children: accountHolderName }), _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}, ${getCountryName(accountHolderAddress.country)}` })] }), _jsx(Space, { height: 12 }), _jsx(Text, { style: styles.sectionTitle, children: t("accountStatement.iban") }), _jsx(Text, { style: styles.text, children: iban }), _jsx(Space, { height: 4 }), _jsx(Text, { style: styles.sectionTitle, children: t("accountStatement.bic") }), _jsx(Text, { style: styles.text, children: bic }), _jsx(Space, { height: 24 }), _jsxs(Box, { direction: "row", justifyContent: "spaceBetween", children: [_jsx(Box, { direction: "column", justifyContent: "end", 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: formatCurrencySymbol(Number(openingBalance.value), openingBalance.currency) })] })] }), _jsx(Space, { height: 24 }), _jsxs(_Fragment, { children: [_jsxs(Box, { direction: "row", 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("creditStatement.column.credit") }), _jsx(Text, { style: [styles.titleColumn, { width: "15%", textAlign: "right" }], children: t("creditStatement.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", fontWeight: "600" },
+                                            ], children: transactionSide === "Credit" ? transactionAmount.value : "" }), _jsx(Text, { style: [
+                                                styles.textColumn,
+                                                { width: "15%", textAlign: "right", fontWeight: "600" },
+                                            ], children: transactionSide === "Debit" ? transactionAmount.value : "" })] }, transactionId))) })] }), _jsx(Space, { height: 24 }), _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, { width: "15%" }], children: feesCredit.value }), _jsx(Text, { style: [styles.row, { width: "15%" }], children: feesDebit.value })] }), _jsx(Space, { height: 12 }), _jsxs(Box, { direction: "row", justifyContent: "end", children: [_jsx(Text, { style: styles.row, children: t("accountStatement.column.totals") }), _jsx(Text, { style: [styles.row, { width: "15%" }], children: totalsCredit.value }), _jsx(Text, { style: [styles.row, { width: "15%" }], children: totalsDebit.value })] })] }), _jsx(Space, { height: 12 }), _jsx(Box, { direction: "row", justifyContent: "end", children: _jsxs(Box, { direction: "row", justifyContent: "spaceBetween", alignItems: "center", style: { width: "50%" }, children: [_jsx(Title, { align: "right", text: t("accountStatement.closingBalance"), style: { width: "40%" } }), _jsx(Title, { text: formatCurrencySymbol(Number(closingBalance.value), closingBalance.currency), style: {
+                                        width: "60%",
+                                        ...getTextStyle("sans", 20),
+                                        fontWeight: "600",
+                                    }, align: "right" })] }) })] }), _jsxs(Box, { children: [_jsx(Separator, { space: 24 }), _jsx(Text, { style: styles.footer, children: t("transactionStatement.footer") })] })] }));
+};
+export const CreditStatement = (props) => match(props)
+    .with({ version: "v1" }, props => _jsx(CreditStatementV1, { ...props }))
+    .exhaustive();

package/src/components/RIB.js

@@ -6,7 +6,7 @@ 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, interFontStyle, invariantColors, radii, spacings, } from "@swan-io/lake/src/constants/design";
+import { colors, fonts, invariantColors, primaryFontStyle, 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";
@@ -14,7 +14,7 @@ import { 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/TransactionStatement.js

@@ -5,7 +5,7 @@ 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, interFontStyle } from "@swan-io/lake/src/constants/design";
+import { colors, fonts, primaryFontStyle } 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";
@@ -14,7 +14,7 @@ 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 } : interFontStyle),
+    ...(type === "mono" ? { fontFamily: fonts.iban } : primaryFontStyle),
     color: colors.gray[900],
     fontSize,
     lineHeight: fontSize * 1.25,

package/src/locales/de.json

@@ -67,6 +67,9 @@
   "common.skipToContent": "Zum Inhalt springen",
   "copyButton.copiedTooltip": "In die Zwischenablage kopiert",
   "copyButton.copyTooltip": "Zum Kopieren anklicken",
+  "creditStatement.column.credit": "Gutschrift",
+  "creditStatement.column.debit": "Lastschrift",
+  "creditStatement.titleDocument": "Rückzahlungsaufstellung",
   "datePicker.day": "Tag",
   "datePicker.day.friday": "Freitag",
   "datePicker.day.monday": "Montag",

package/src/locales/en.json

@@ -21,6 +21,9 @@
   "accountStatement.titleDocument": "Account statement",
   "accountStatement.titleDocument.companyDescription": "Business account - in euros",
   "accountStatement.titleDocument.individualDescription": "Personal account - in euros",
+  "creditStatement.titleDocument": "Repayment statement",
+  "creditStatement.column.credit": "Credit",
+  "creditStatement.column.debit": "Debit",
   "addressFormPart.addressLabel": "Type your address",
   "addressFormPart.cityLabel": "City",
   "addressFormPart.placeholder": "Start typing…",

package/src/locales/es.json

@@ -67,6 +67,9 @@
   "common.skipToContent": "Saltar al contenido",
   "copyButton.copiedTooltip": "Copiado al portapapeles",
   "copyButton.copyTooltip": "Haz clic para copiar",
+  "creditStatement.column.credit": "Crédito",
+  "creditStatement.column.debit": "Débito",
+  "creditStatement.titleDocument": "Estado de reembolso",
   "datePicker.day": "Día",
   "datePicker.day.friday": "Viernes",
   "datePicker.day.monday": "Lunes",

package/src/locales/fi.json

@@ -67,6 +67,9 @@
   "common.skipToContent": "Ohita ja siirry sisältöön",
   "copyButton.copiedTooltip": "Kopioitu leikepöydälle",
   "copyButton.copyTooltip": "Kopioi napsauttamalla",
+  "creditStatement.column.credit": "Hyvitys",
+  "creditStatement.column.debit": "Velka",
+  "creditStatement.titleDocument": "Takaisinmaksuilmoitus",
   "datePicker.day": "Päivä",
   "datePicker.day.friday": "Perjantai",
   "datePicker.day.monday": "Maanantai",

package/src/locales/fr.json

@@ -67,6 +67,9 @@
   "common.skipToContent": "Aller au contenu",
   "copyButton.copiedTooltip": "Copié dans le presse-papier",
   "copyButton.copyTooltip": "Cliquez pour copier",
+  "creditStatement.column.credit": "Crédit",
+  "creditStatement.column.debit": "Débit",
+  "creditStatement.titleDocument": "Relevé de remboursement",
   "datePicker.day": "Jour",
   "datePicker.day.friday": "Vendredi",
   "datePicker.day.monday": "Lundi",

package/src/locales/it.json

@@ -67,6 +67,9 @@
   "common.skipToContent": "Salta al contenuto",
   "copyButton.copiedTooltip": "Copiato negli appunti",
   "copyButton.copyTooltip": "Clicca per copiare",
+  "creditStatement.column.credit": "Credito",
+  "creditStatement.column.debit": "Addebito",
+  "creditStatement.titleDocument": "Riepilogo dei rimborsi",
   "datePicker.day": "Giorno",
   "datePicker.day.friday": "Venerdì",
   "datePicker.day.monday": "Lunedì",

package/src/locales/nl.json

@@ -67,6 +67,9 @@
   "common.skipToContent": "Doorgaan naar artikel",
   "copyButton.copiedTooltip": "Gekopieerd naar klembord",
   "copyButton.copyTooltip": "Klik om te kopiëren",
+  "creditStatement.column.credit": "Credit",
+  "creditStatement.column.debit": "Debit",
+  "creditStatement.titleDocument": "Terugbetalingsverklaring",
   "datePicker.day": "Dag",
   "datePicker.day.friday": "Vrijdag",
   "datePicker.day.monday": "Maandag",

package/src/locales/pt.json

@@ -67,6 +67,9 @@
   "common.skipToContent": "Saltar para o conteúdo",
   "copyButton.copiedTooltip": "Copiado para a área de transferência",
   "copyButton.copyTooltip": "Clique para copiar",
+  "creditStatement.column.credit": "Crédito",
+  "creditStatement.column.debit": "Débito",
+  "creditStatement.titleDocument": "Declaração de reembolso",
   "datePicker.day": "Dia",
   "datePicker.day.friday": "Sexta-feira",
   "datePicker.day.monday": "Segunda-feira",

package/src/utils/i18n.d.ts

@@ -18,6 +18,7 @@ type Locale = {
 export declare const locale: Locale;
 export declare const t: (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>>)[];
 export declare const rifmDateProps: RifmProps;
 export declare const isTranslationKey: (value: unknown) => value is TranslationKey;

package/src/utils/i18n.js

@@ -115,6 +115,11 @@ const intl = createIntl({
 }, createIntlCache());
 export const t = (key, params) => intl.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",
+    currency,
+    maximumFractionDigits: 2,
+});
 export const formatNestedMessage = (key, params) => {
     const result = intl.formatMessage({ id: key, defaultMessage: translationEN[key] }, 
     // @ts-expect-error