@swan-io/shared-business 13.4.11 → 13.4.13

package/package.json

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

package/src/components/AccountStatement.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { Box } from "@swan-io/lake/src/components/Box";
 import { Space } from "@swan-io/lake/src/components/Space";
 import { colors, spacings } from "@swan-io/lake/src/constants/design";
-import { isNotNullish } from "@swan-io/lake/src/utils/nullish";
+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";
@@ -98,7 +98,7 @@ const translateTransaction = (transaction) => {
 export const AccountStatementV1 = ({ style, accountHolderName, accountHolderAddress, accountHolderType, iban, bic, openingDate, closingDate, openingBalance, transactions, feesDebit, feesCredit, totalsCredit, totalsDebit, closingBalance, }) => {
     return (_jsx(Box, { style: style, children: _jsx(Box, { style: styles.container, direction: "column", justifyContent: "spaceBetween", children: _jsxs(Box, { children: [_jsx(Box, { direction: "row", justifyContent: "spaceBetween", children: _jsx(Text, { style: styles.pageTitle, children: t("accountStatement.titleDocument") }) }), _jsxs(Box, { direction: "row", justifyContent: "spaceBetween", children: [_jsxs(Box, { direction: "column", children: [_jsx(Text, { style: styles.pageSubTitle, children: accountHolderType === "Company"
                                             ? t("accountStatement.titleDocument.companyDescription")
-                                            : t("accountStatement.titleDocument.individualDescription") }), _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)] })] }), _jsxs(Box, { direction: "column", alignItems: "end", children: [_jsx(Text, { style: styles.firstSectionTitle, children: t("accountStatement.contactSupport") }), _jsx(Text, { style: styles.text, children: "support.swan.io" })] })] }), _jsx(Space, { height: 24 }), isNotNullish(iban) && (_jsxs(_Fragment, { children: [_jsx(Text, { style: styles.sectionTitle, children: t("accountStatement.iban") }), _jsx(Text, { style: styles.text, children: iban })] })), _jsx(Space, { height: 12 }), isNotNullish(bic) && (_jsxs(_Fragment, { children: [_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.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: { 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))) })] }), _jsx(Space, { height: 20 }), _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.total") }), _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, { style: styles.closingBalanceRowText, text: t("accountStatement.closingBalance") }), _jsx(Title, { text: closingBalance.value, style: styles.totalAmount, align: "right" })] }) })] }) }) }));
+                                            : t("accountStatement.titleDocument.individualDescription") }), _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)] })] }), _jsxs(Box, { direction: "column", alignItems: "end", children: [_jsx(Text, { style: styles.firstSectionTitle, children: t("accountStatement.contactSupport") }), _jsx(Text, { style: styles.text, children: "support.swan.io" })] })] }), _jsx(Space, { height: 24 }), isNotEmpty(iban) && (_jsxs(_Fragment, { children: [_jsx(Text, { style: styles.sectionTitle, children: t("accountStatement.iban") }), _jsx(Text, { style: styles.text, children: iban })] })), _jsx(Space, { height: 12 }), isNotEmpty(bic) && (_jsxs(_Fragment, { children: [_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.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: { 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))) })] }), _jsx(Space, { height: 20 }), _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.total") }), _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, { 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/components/AccountStatementHeader.js

@@ -32,6 +32,7 @@ const styles = {
     logo: {
         display: "flex",
         alignItems: "center",
+        marginLeft: 10,
     },
     defaultLogo: {
         height: LOGO_MAX_HEIGHT,
@@ -44,7 +45,7 @@ const styles = {
         top: 0.5,
     },
     pageNumber: {
-        fontSize: "13px",
+        fontSize: "14px",
         color: "#26232F",
         fontWeight: "500",
         textTransform: "uppercase",

package/src/components/TaxIdentificationNumberInput.js

@@ -10,5 +10,5 @@ export const TaxIdentificationNumberInput = ({ ref, value, error, valid, disable
     ? getCompanyTaxNumberPlaceholder(country)
     : getIndividualTaxNumberPlaceholder(country), }) => {
     const tooltipContents = getTaxNumberTooltip(country);
-    return (_jsx(LakeLabel, { label: label, optionalLabel: required === true ? undefined : t("common.optional"), help: tooltipContents != null ? (_jsx(LakeTooltip, { content: tooltipContents, placement: "right", width: country === "DEU" ? 800 : undefined, children: _jsx(Icon, { name: "question-circle-regular", size: 16, color: colors.gray[600] }) })) : null, render: id => (_jsx(LakeTextInput, { id: id, ref: ref, placeholder: placeholder, help: isCompany ? getCompanyTaxNumberHelp(country) : getIndividualTaxNumberHelp(country), value: value, error: error, valid: valid, disabled: disabled, onChangeText: onChange, onBlur: onBlur })) }));
+    return (_jsx(LakeLabel, { label: label, optionalLabel: required === true ? undefined : t("common.optional"), help: tooltipContents != null ? (_jsx(LakeTooltip, { content: tooltipContents, placement: "right", children: _jsx(Icon, { name: "question-circle-regular", size: 16, color: colors.gray[600] }) })) : null, render: id => (_jsx(LakeTextInput, { id: id, ref: ref, placeholder: placeholder, help: isCompany ? getCompanyTaxNumberHelp(country) : getIndividualTaxNumberHelp(country), value: value, error: error, valid: valid, disabled: disabled, onChangeText: onChange, onBlur: onBlur })) }));
 };

package/src/locales/de.json

@@ -102,12 +102,12 @@
   "datePicker.year": "Jahr",
   "error.generic": "Ein Fehler ist aufgetreten",
   "error.iban.invalid": "Diese IBAN sieht nicht korrekt aus. Bitte versuchen Sie es erneut.",
+  "error.invalidEmail": "Ungültige E-Mail-Adresse",
+  "error.invalidName": "Ungültiger Name",
+  "error.invalidVatNumber": "Ungültige USt.-ID",
   "error.network.500": "Interner Serverfehler",
   "error.network.503": "Dienst nicht verfügbar",
   "error.requiredField": "Das ist ein Pflichtfeld",
-  "error.invalidVatNumber": "Ungültige USt.-ID",
-  "error.invalidEmail": "Ungültige E-Mail-Adresse",
-  "error.invalidName": "Ungültiger Name",
   "fileInput.browse": "Durchsuchen",
   "fileInput.clickToModify": "Zum Ändern hier klicken",
   "fileInput.dropFile": "Legen Sie Ihre Datei ab, oder {browse}",

package/src/locales/en.json

@@ -102,12 +102,12 @@
   "datePicker.year": "Year",
   "error.generic": "An error occurred",
   "error.iban.invalid": "This IBAN doesn't look right. Trying entering it again.",
+  "error.invalidEmail": "Invalid email",
+  "error.invalidName": "Invalid name",
+  "error.invalidVatNumber": "Invalid VAT number",
   "error.network.500": "Internal server error",
   "error.network.503": "Service unavailable",
   "error.requiredField": "This field is required",
-  "error.invalidVatNumber": "Invalid VAT number",
-  "error.invalidEmail": "Invalid email",
-  "error.invalidName": "Invalid name",
   "fileInput.browse": "browse",
   "fileInput.clickToModify": "Click to modify",
   "fileInput.dropFile": "Drop your file, or {browse}",

package/src/locales/es.json

@@ -102,12 +102,12 @@
   "datePicker.year": "Año",
   "error.generic": "Ha ocurrido un error",
   "error.iban.invalid": "El IBAN no es correcto. Vuelve a intentarlo.",
+  "error.invalidEmail": "Este correo electrónico no es válido",
+  "error.invalidName": "Invalid name",
+  "error.invalidVatNumber": "Este número de IVA no es válido",
   "error.network.500": "Error de servidor interno",
   "error.network.503": "Servicio no disponible",
   "error.requiredField": "Este campo es obligatorio",
-  "error.invalidVatNumber": "Este número de IVA no es válido",
-  "error.invalidEmail": "Este correo electrónico no es válido",
-  "error.invalidName": "Invalid name",
   "fileInput.browse": "usa el explorador",
   "fileInput.clickToModify": "Haz clic para modificar",
   "fileInput.dropFile": "Suelta el archivo o {browse}",

package/src/locales/fi.json

@@ -102,12 +102,12 @@
   "datePicker.year": "Vuosi",
   "error.generic": "Virhe tapahtui",
   "error.iban.invalid": "IBAN-tilinumero ei näytä olevan oikein. Yritä syöttää se uudelleen.",
+  "error.invalidEmail": "Virheellinen sähköpostiosoite ",
+  "error.invalidName": "Nimi on väärässä muodossa",
+  "error.invalidVatNumber": "Virheellinen ALV-numero",
   "error.network.500": "Sisäinen palvelinvirhe",
   "error.network.503": "Palvelua ei saatavilla",
   "error.requiredField": "Vaadittu kenttä",
-  "error.invalidVatNumber": "Virheellinen ALV-numero",
-  "error.invalidEmail": "Virheellinen sähköpostiosoite ",
-  "error.invalidName": "Nimi on väärässä muodossa",
   "fileInput.browse": "selaa",
   "fileInput.clickToModify": "Napsauta muokkkaaksesi",
   "fileInput.dropFile": "Pudota tiedostosi tähän tai {browse}",

package/src/locales/fr.json

@@ -6,7 +6,7 @@
   "accountStatement.column.credit": "Crédit (€)",
   "accountStatement.column.date": "Date",
   "accountStatement.column.debit": "Débit (€)",
-  "accountStatement.column.description": "Descriptif",
+  "accountStatement.column.description": "Description",
   "accountStatement.column.fees": "Frais",
   "accountStatement.column.total": "Total",
   "accountStatement.column.totals": "Totaux",
@@ -102,12 +102,12 @@
   "datePicker.year": "Année",
   "error.generic": "Une erreur est survenue",
   "error.iban.invalid": "Cet IBAN semble incorrect. Veuillez le ressaisir.",
+  "error.invalidEmail": "E-mail non valide",
+  "error.invalidName": "Nom non valide",
+  "error.invalidVatNumber": "Numéro de TVA non valide",
   "error.network.500": "Erreur de serveur interne",
   "error.network.503": "Service indisponible",
   "error.requiredField": "Ce champ est requis",
-  "error.invalidVatNumber": "Numéro de TVA non valide",
-  "error.invalidEmail": "E-mail non valide",
-  "error.invalidName": "Nom non valide",
   "fileInput.browse": "parcourir",
   "fileInput.clickToModify": "Cliquez pour modifier",
   "fileInput.dropFile": "Déposez votre fichier, ou {browse}",

package/src/locales/it.json

@@ -102,12 +102,12 @@
   "datePicker.year": "Anno",
   "error.generic": "Si è verificato un errore",
   "error.iban.invalid": "L'IBAN non è corretto. Provi a inserirlo di nuovo.",
+  "error.invalidEmail": "L'indirizzo e-mail non è valido",
+  "error.invalidName": "Nome non valido",
+  "error.invalidVatNumber": "Numero di partita IVA non valido",
   "error.network.500": "Errore interno del server",
   "error.network.503": "Servizio non disponibile",
   "error.requiredField": "Questo campo è obbligatorio",
-  "error.invalidVatNumber": "Numero di partita IVA non valido",
-  "error.invalidEmail": "L'indirizzo e-mail non è valido",
-  "error.invalidName": "Nome non valido",
   "fileInput.browse": "sfoglia",
   "fileInput.clickToModify": "Clicchi per modificare",
   "fileInput.dropFile": "Carica i file, o {browse}",

package/src/locales/nl.json

@@ -102,12 +102,12 @@
   "datePicker.year": "Jaar",
   "error.generic": "Er is een fout opgetreden",
   "error.iban.invalid": "Dit IBAN nummer lijkt niet juist. Probeer het nog eens.",
+  "error.invalidEmail": "Dit e-mailadres is ongeldig",
+  "error.invalidName": "Ongeldige naam",
+  "error.invalidVatNumber": "Dit BTW-nummer is ongeldig",
   "error.network.500": "Interne Server Fout",
   "error.network.503": "Dienst niet beschikbaar",
   "error.requiredField": "Dit veld is verplicht",
-  "error.invalidVatNumber": "Dit BTW-nummer is ongeldig",
-  "error.invalidEmail": "Dit e-mailadres is ongeldig",
-  "error.invalidName": "Ongeldige naam",
   "fileInput.browse": "browsen",
   "fileInput.clickToModify": "Klik om te bewerken",
   "fileInput.dropFile": "Sleep uw bestand hiernaartoe, of {browse}",

package/src/locales/pt.json

@@ -102,12 +102,12 @@
   "datePicker.year": "Ano",
   "error.generic": "Ocorreu um erro",
   "error.iban.invalid": "Este IBAN não parece correto. Tente inserir novamente.",
+  "error.invalidEmail": "Este e-mail é inválido",
+  "error.invalidName": "Nome inválido",
+  "error.invalidVatNumber": "Número de IVA inválido",
   "error.network.500": "Erro interno do servidor",
   "error.network.503": "Serviço indisponível",
   "error.requiredField": "Este campo é obrigatório",
-  "error.invalidVatNumber": "Número de IVA inválido",
-  "error.invalidEmail": "Este e-mail é inválido",
-  "error.invalidName": "Nome inválido",
   "fileInput.browse": "navegar",
   "fileInput.clickToModify": "Clique para modificar",
   "fileInput.dropFile": "Arraste o seu ficheiro, ou {browse}",

package/src/utils/validation.js

@@ -229,7 +229,7 @@ export const getCompanyTaxNumberPlaceholder = (country) => match(country)
     .with("ITA", () => `${t("common.form.taxIdentificationNumber.placeholder")} (Codice fiscale)`)
     .otherwise(() => t("common.form.taxIdentificationNumber.placeholder"));
 export const getTaxNumberTooltip = (country) => match(country)
-    .with("DEU", () => "Steuernummer des Unternehmens")
+    .with("DEU", () => "Persönliche Steueridentifikationsnummer des wirtschaftlich Berechtigten")
     .with("ESP", () => "Número de Identificación Fiscal") // no need to translate
     .with("ITA", () => t("common.form.taxIdentificationNumber.tooltip.ita"))
     .otherwise(() => undefined);