@swan-io/shared-business 2.3.1 → 2.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swan-io/shared-business",
-  "version": "2.3.1",
+  "version": "2.5.0",
   "engines": {
     "node": ">=18.0.0",
     "yarn": "^1.22.0"

package/src/components/BeneficiaryForm.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { CountryCCA3 } from "../constants/countries";
 type BeneficiaryType = "HasCapital" | "LegalRepresentative" | "Other";
-type AccountCountry = "DEU" | "ESP" | "FRA";
+type AccountCountry = "DEU" | "ESP" | "FRA" | "NLD";
 export type BeneficiaryFormStep = "common" | "address";
 export type EditorState = {
     reference: string;

package/src/components/BeneficiaryForm.js

@@ -17,7 +17,7 @@ import { combineValidators, hasDefinedKeys, useForm } from "react-ux-form";
 import { Rifm } from "rifm";
 import { match } from "ts-pattern";
 import { v4 as uuid } from "uuid";
-import { allCountries, individualCountries, isCountryCCA3, } from "../constants/countries";
+import { allCountries, isCountryCCA3 } from "../constants/countries";
 import { decodeBirthDate, encodeBirthDate } from "../utils/date";
 import { locale, rifmDateProps, t } from "../utils/i18n";
 import { validateBooleanRequired, validateIndividualTaxNumber, validateNullableRequired, validateRequired, } from "../utils/validation";
@@ -31,11 +31,11 @@ const styles = StyleSheet.create({
     },
 });
 const beneficiaryTypes = [
+    { value: "HasCapital", name: t("beneficiaryForm.beneficiary.ownershipOfCapital") },
     {
         value: "LegalRepresentative",
         name: t("beneficiaryForm.beneficiary.legalRepresentative"),
     },
-    { value: "HasCapital", name: t("beneficiaryForm.beneficiary.ownershipOfCapital") },
     { value: "Other", name: t("beneficiaryForm.beneficiary.other") },
 ];
 const validateCca3CountryCode = value => {
@@ -194,7 +194,7 @@ export const BeneficiaryForm = forwardRef(({ initialState, accountCountry, step,
             sanitize: value => value?.trim(),
         },
         type: {
-            initialValue: initialState?.type ?? "LegalRepresentative",
+            initialValue: initialState?.type ?? "HasCapital",
             validate: validateRequired,
         },
         capitalType: {
@@ -329,7 +329,7 @@ export const BeneficiaryForm = forwardRef(({ initialState, accountCountry, step,
                                                     }, onLoadError: onCityLoadError })) })) }), _jsx(Space, { width: 12 }), _jsx(Field, { name: "birthCityPostalCode", children: ({ value, onChange, error }) => (_jsx(LakeLabel, { label: t("beneficiaryForm.beneficiary.birthPostalCode"), optionalLabel: isBirthInfoRequired ? undefined : t("common.optional"), style: styles.inputContainer, render: id => (_jsx(LakeTextInput, { error: error, placeholder: birthCountryCode.value == null
                                                         ? t("beneficiaryForm.beneficiary.fillBirthCountry")
                                                         : t("beneficiaryForm.beneficiary.birthPostalCodePlaceholder"), id: id, disabled: birthCountryCode.value === undefined, value: value, onChangeText: onChange })) })) })] })) }) }), _jsx(Field, { name: "type", children: ({ value, onChange }) => (_jsx(LakeLabel, { label: t("beneficiaryForm.beneficiary.type"), type: "radioGroup", render: () => (_jsx(RadioGroup, { direction: "row", value: value, onValueChange: onChange, items: beneficiaryTypes })) })) }), _jsx(FieldsListener, { names: ["type"], children: ({ type }) => type.value === "HasCapital" ? (_jsxs(_Fragment, { children: [_jsx(Field, { name: "totalCapitalPercentage", children: ({ value, onChange, error }) => (_jsx(LakeLabel, { label: t("beneficiaryForm.beneficiary.totalCapitalPercentage"), render: id => (_jsx(LakeTextInput, { error: error, unit: "%", inputMode: "decimal", "aria-valuemin": 0, "aria-valuemax": 100, id: id, value: value, onChangeText: onChange })) })) }), _jsx(Space, { height: 12 }), _jsx(Field, { name: "capitalType", children: ({ value, error, onChange }) => (_jsx(CapitalTypeCheckboxes, { value: value ?? "none", error: error, onChange: onChange })) })] })) : null })] })))
-                    .with("address", () => (_jsxs(View, { role: "form", children: [_jsx(Field, { name: "country", children: ({ value, onChange }) => (_jsx(LakeLabel, { label: t("beneficiaryForm.beneficiary.country"), render: id => (_jsx(CountryPicker, { id: id, value: value, countries: individualCountries, onValueChange: onChange })) })) }), _jsx(Space, { height: 12 }), _jsx(FieldsListener, { names: ["country"], children: ({ country }) => (_jsxs(_Fragment, { children: [_jsx(AddressFormPart, { apiKey: googleMapApiKey, initialAddress: initialAddress.current.residencyAddressLine1 ?? "", initialCity: initialAddress.current.residencyAddressCity ?? "", initialPostalCode: initialAddress.current.residencyAddressPostalCode ?? "", country: country?.value ?? accountCountry, label: t("beneficiaryForm.beneficiary.address"), Field: Field, setFieldValue: setFieldValue, listenFields: listenFields, isLarge: large }), ((accountCountry === "DEU" && country?.value === "DEU") ||
+                    .with("address", () => (_jsxs(View, { role: "form", children: [_jsx(Field, { name: "country", children: ({ value, onChange }) => (_jsx(LakeLabel, { label: t("beneficiaryForm.beneficiary.country"), render: id => (_jsx(CountryPicker, { id: id, value: value, countries: allCountries, onValueChange: onChange })) })) }), _jsx(Space, { height: 12 }), _jsx(FieldsListener, { names: ["country"], children: ({ country }) => (_jsxs(_Fragment, { children: [_jsx(AddressFormPart, { apiKey: googleMapApiKey, initialAddress: initialAddress.current.residencyAddressLine1 ?? "", initialCity: initialAddress.current.residencyAddressCity ?? "", initialPostalCode: initialAddress.current.residencyAddressPostalCode ?? "", country: country?.value ?? accountCountry, label: t("beneficiaryForm.beneficiary.address"), Field: Field, setFieldValue: setFieldValue, listenFields: listenFields, isLarge: large }), ((accountCountry === "DEU" && country?.value === "DEU") ||
                                         accountCountry === "ESP") && (_jsxs(_Fragment, { children: [_jsx(Space, { height: 12 }), _jsx(Field, { name: "taxIdentificationNumber", children: ({ value, error, valid, onChange }) => (_jsx(TaxIdentificationNumberInput, { value: value ?? "", error: error, valid: valid, onChange: onChange, accountCountry: accountCountry, isCompany: false, 
                                                     // is mandatory for German accounts and UBO living in Germany
                                                     required: accountCountry === "DEU" && country?.value === "DEU" })) })] }))] })) })] })))

package/src/components/RIB.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AutoWidthImage } from "@swan-io/lake/src/components/AutoWidthImage";
 import { Box } from "@swan-io/lake/src/components/Box";
 import { Fill } from "@swan-io/lake/src/components/Fill";
 import { LakeHeading } from "@swan-io/lake/src/components/LakeHeading";
@@ -14,6 +13,10 @@ import { match } from "ts-pattern";
 import { t } from "../utils/i18n";
 const LOGO_MAX_HEIGHT = 26;
 const LOGO_MAX_WIDTH = 200;
+const imageStyle = {
+    objectFit: "contain",
+    objectPosition: "left",
+};
 const styles = StyleSheet.create({
     container: {
         width: 470,
@@ -66,7 +69,7 @@ export const RIB = (props) => match(props)
     .with({ version: "v1" }, props => _jsx(RIBv1, { ...props }))
     .exhaustive();
 const RIBv1 = ({ partnerColor, partnerLogoUrl, iban, bic, bank, agency, bankNumber, bankKey, bankAddress, accountHolderAddress, }) => {
-    return (_jsx(WithPartnerAccentColor, { color: partnerColor, children: _jsxs(View, { style: styles.container, children: [_jsxs(View, { style: styles.part, children: [_jsxs(Box, { direction: "row", alignItems: "center", children: [isNotNullishOrEmpty(partnerLogoUrl) ? (_jsx(AutoWidthImage, { sourceUri: partnerLogoUrl, height: LOGO_MAX_HEIGHT, maxWidth: LOGO_MAX_WIDTH, resizeMode: "contain" })) : (_jsx(SwanLogo, { style: styles.defaultLogo })), _jsx(Fill, { minWidth: 24 }), _jsx(LakeHeading, { level: 2, variant: "h3", color: colors.gray[900], children: t("rib.bankDetails") })] }), _jsx(Space, { height: 24 }), _jsxs(Box, { direction: "row", alignItems: "center", children: [_jsx(RibValue, { type: "mainInfo", color: "partner", label: t("rib.iban"), value: iban }), _jsx(Space, { width: 24 }), _jsx(RibValue, { type: "mainInfo", color: "partner", label: t("rib.bic"), value: bic })] }), _jsx(Space, { height: 8 }), _jsxs(Box, { direction: "row", alignItems: "center", children: [_jsx(RibValue, { type: "smallInfo", color: "gray", label: t("rib.bank"), value: bank }), _jsx(Space, { width: 24 }), _jsx(RibValue, { type: "smallInfo", color: "gray", label: t("rib.agency"), value: agency }), _jsx(Space, { width: 24 }), _jsx(RibValue, { type: "smallInfo", color: "gray", label: t("rib.number"), value: bankNumber }), _jsx(Space, { width: 24 }), _jsx(RibValue, { type: "smallInfo", color: "gray", label: t("rib.key"), value: bankKey })] })] }), _jsx(Separator, {}), _jsxs(View, { style: styles.part, children: [_jsxs(Box, { direction: "row", alignItems: "center", children: [_jsx(RibValue, { type: "addressInfo", color: "partner", label: t("rib.address"), value: [
+    return (_jsx(WithPartnerAccentColor, { color: partnerColor, children: _jsxs(View, { style: styles.container, children: [_jsxs(View, { style: styles.part, children: [_jsxs(Box, { direction: "row", alignItems: "center", children: [isNotNullishOrEmpty(partnerLogoUrl) ? (_jsx("img", { src: partnerLogoUrl, width: LOGO_MAX_WIDTH, height: LOGO_MAX_HEIGHT, style: imageStyle })) : (_jsx(SwanLogo, { style: styles.defaultLogo })), _jsx(Fill, { minWidth: 24 }), _jsx(LakeHeading, { level: 2, variant: "h3", color: colors.gray[900], children: t("rib.bankDetails") })] }), _jsx(Space, { height: 24 }), _jsxs(Box, { direction: "row", alignItems: "center", children: [_jsx(RibValue, { type: "mainInfo", color: "partner", label: t("rib.iban"), value: iban }), _jsx(Space, { width: 24 }), _jsx(RibValue, { type: "mainInfo", color: "partner", label: t("rib.bic"), value: bic })] }), _jsx(Space, { height: 8 }), _jsxs(Box, { direction: "row", alignItems: "center", children: [_jsx(RibValue, { type: "smallInfo", color: "gray", label: t("rib.bank"), value: bank }), _jsx(Space, { width: 24 }), _jsx(RibValue, { type: "smallInfo", color: "gray", label: t("rib.agency"), value: agency }), _jsx(Space, { width: 24 }), _jsx(RibValue, { type: "smallInfo", color: "gray", label: t("rib.number"), value: bankNumber }), _jsx(Space, { width: 24 }), _jsx(RibValue, { type: "smallInfo", color: "gray", label: t("rib.key"), value: bankKey })] })] }), _jsx(Separator, {}), _jsxs(View, { style: styles.part, children: [_jsxs(Box, { direction: "row", alignItems: "center", children: [_jsx(RibValue, { type: "addressInfo", color: "partner", label: t("rib.address"), value: [
                                         bankAddress.name,
                                         bankAddress.address,
                                         `${bankAddress.zipCode} ${bankAddress.city}`,

package/src/locales/de.json

@@ -84,6 +84,25 @@
   "country.SVK": "Slowakei",
   "country.SVN": "Slowenien",
   "country.SWE": "Schweden",
+  "datePicker.day.friday": "Freitag",
+  "datePicker.day.monday": "Montag",
+  "datePicker.day.saturday": "Samstag",
+  "datePicker.day.sunday": "Sonntag",
+  "datePicker.day.thursday": "Donnerstag",
+  "datePicker.day.tuesday": "Dienstag",
+  "datePicker.day.wednesday": "Mittwoch",
+  "datePicker.month.april": "April",
+  "datePicker.month.august": "August",
+  "datePicker.month.december": "Dezember",
+  "datePicker.month.february": "Februar",
+  "datePicker.month.january": "Januar",
+  "datePicker.month.july": "Juli",
+  "datePicker.month.june": "Juni",
+  "datePicker.month.march": "März",
+  "datePicker.month.may": "Mai",
+  "datePicker.month.november": "November",
+  "datePicker.month.october": "Oktober",
+  "datePicker.month.september": "September",
   "error.requiredField": "Das ist ein Pflichtfeld",
   "monthlyPaymentVolume.between10000And50000": "Zwischen 10.000 und 50.000 €",
   "monthlyPaymentVolume.between50000And100000": "Zwischen 50.000 und 100.000 €",

package/src/locales/en.json

@@ -84,6 +84,25 @@
   "country.SVK": "Slovakia",
   "country.SVN": "Slovenia",
   "country.SWE": "Sweden",
+  "datePicker.day.friday": "Friday",
+  "datePicker.day.monday": "Monday",
+  "datePicker.day.saturday": "Saturday",
+  "datePicker.day.sunday": "Sunday",
+  "datePicker.day.thursday": "Thursday",
+  "datePicker.day.tuesday": "Tuesday",
+  "datePicker.day.wednesday": "Wednesday",
+  "datePicker.month.april": "April",
+  "datePicker.month.august": "August",
+  "datePicker.month.december": "December",
+  "datePicker.month.february": "February",
+  "datePicker.month.january": "January",
+  "datePicker.month.july": "July",
+  "datePicker.month.june": "June",
+  "datePicker.month.march": "March",
+  "datePicker.month.may": "May",
+  "datePicker.month.november": "November",
+  "datePicker.month.october": "October",
+  "datePicker.month.september": "September",
   "error.requiredField": "This field is required",
   "monthlyPaymentVolume.between10000And50000": "Between €10,000 and €50,000",
   "monthlyPaymentVolume.between50000And100000": "Between €50,000 and €100,000",

package/src/locales/es.json

@@ -84,6 +84,25 @@
   "country.SVK": "Eslovaquia",
   "country.SVN": "Eslovenia",
   "country.SWE": "Suecia",
+  "datePicker.day.friday": "Viernes",
+  "datePicker.day.monday": "Lunes",
+  "datePicker.day.saturday": "Sábado",
+  "datePicker.day.sunday": "Domingo",
+  "datePicker.day.thursday": "Jueves",
+  "datePicker.day.tuesday": "Martes",
+  "datePicker.day.wednesday": "Miércoles",
+  "datePicker.month.april": "Abril",
+  "datePicker.month.august": "Agosto",
+  "datePicker.month.december": "Diciembre",
+  "datePicker.month.february": "Febrero",
+  "datePicker.month.january": "Enero",
+  "datePicker.month.july": "Julio",
+  "datePicker.month.june": "Junio",
+  "datePicker.month.march": "Marzo",
+  "datePicker.month.may": "Mayo",
+  "datePicker.month.november": "Noviembre",
+  "datePicker.month.october": "Octubre",
+  "datePicker.month.september": "Septiembre",
   "error.requiredField": "Este campo es obligatorio",
   "monthlyPaymentVolume.between10000And50000": "Entre 10 000 y 50 000 euros",
   "monthlyPaymentVolume.between50000And100000": "Entre 50 000 y 100 000 euros",

package/src/locales/fr.json

@@ -84,6 +84,25 @@
   "country.SVK": "Slovaquie",
   "country.SVN": "Slovénie",
   "country.SWE": "Suède",
+  "datePicker.day.friday": "Vendredi",
+  "datePicker.day.monday": "Lundi",
+  "datePicker.day.saturday": "Samedi",
+  "datePicker.day.sunday": "Dimanche",
+  "datePicker.day.thursday": "Jeudi",
+  "datePicker.day.tuesday": "Mardi",
+  "datePicker.day.wednesday": "Mercredi",
+  "datePicker.month.april": "Avril",
+  "datePicker.month.august": "Août",
+  "datePicker.month.december": "Décembre",
+  "datePicker.month.february": "Février",
+  "datePicker.month.january": "Janvier",
+  "datePicker.month.july": "Juillet",
+  "datePicker.month.june": "Juin",
+  "datePicker.month.march": "Mars",
+  "datePicker.month.may": "Mai",
+  "datePicker.month.november": "Novembre",
+  "datePicker.month.october": "Octobre",
+  "datePicker.month.september": "Septembre",
   "error.requiredField": "Ce champ est requis",
   "monthlyPaymentVolume.between10000And50000": "Entre 10 000 € et 50 000 €",
   "monthlyPaymentVolume.between50000And100000": "Entre 50 000 € et 100 000 €",

package/src/locales/it.json

@@ -84,6 +84,25 @@
   "country.SVK": "Slovacchia",
   "country.SVN": "Slovenia",
   "country.SWE": "Svezia",
+  "datePicker.day.friday": "Venerdì",
+  "datePicker.day.monday": "Lunedì",
+  "datePicker.day.saturday": "Sabato",
+  "datePicker.day.sunday": "Domenica",
+  "datePicker.day.thursday": "Giovedì",
+  "datePicker.day.tuesday": "Martedì",
+  "datePicker.day.wednesday": "Mercoledì",
+  "datePicker.month.april": "Aprile",
+  "datePicker.month.august": "Agosto",
+  "datePicker.month.december": "Dicembre",
+  "datePicker.month.february": "Febbraio",
+  "datePicker.month.january": "Gennaio",
+  "datePicker.month.july": "Luglio",
+  "datePicker.month.june": "Giugno",
+  "datePicker.month.march": "Marzo",
+  "datePicker.month.may": "Maggio",
+  "datePicker.month.november": "Novembre",
+  "datePicker.month.october": "Ottobre",
+  "datePicker.month.september": "Settembre",
   "error.requiredField": "Questo campo è obbligatorio",
   "monthlyPaymentVolume.between10000And50000": "Tra €10.000 e €50.000",
   "monthlyPaymentVolume.between50000And100000": "Tra €50.000 e €100.000",

package/src/locales/nl.json

@@ -84,6 +84,25 @@
   "country.SVK": "Slowakije",
   "country.SVN": "Slovenië",
   "country.SWE": "Zweden",
+  "datePicker.day.friday": "Vrijdag",
+  "datePicker.day.monday": "Maandag",
+  "datePicker.day.saturday": "Zaterdag",
+  "datePicker.day.sunday": "Zondag",
+  "datePicker.day.thursday": "Donderdag",
+  "datePicker.day.tuesday": "Dinsdag",
+  "datePicker.day.wednesday": "Woensdag",
+  "datePicker.month.april": "April",
+  "datePicker.month.august": "Augustus",
+  "datePicker.month.december": "December",
+  "datePicker.month.february": "Februari",
+  "datePicker.month.january": "Januari",
+  "datePicker.month.july": "Juli",
+  "datePicker.month.june": "Juni",
+  "datePicker.month.march": "Maart",
+  "datePicker.month.may": "Mei",
+  "datePicker.month.november": "November",
+  "datePicker.month.october": "Oktober",
+  "datePicker.month.september": "September",
   "error.requiredField": "Dit veld is verplicht",
   "monthlyPaymentVolume.between10000And50000": "€ 10.000,- tot € 50.000,-",
   "monthlyPaymentVolume.between50000And100000": "€ 50.000,- tot € 100.000,-",

package/src/locales/pt.json

@@ -84,6 +84,25 @@
   "country.SVK": "Eslováquia",
   "country.SVN": "Eslovénia",
   "country.SWE": "Suécia",
+  "datePicker.day.friday": "Sexta-feira",
+  "datePicker.day.monday": "Segunda-feira",
+  "datePicker.day.saturday": "Sábado",
+  "datePicker.day.sunday": "Domingo",
+  "datePicker.day.thursday": "Quinta-feira",
+  "datePicker.day.tuesday": "Terça-feira",
+  "datePicker.day.wednesday": "Quarta-feira",
+  "datePicker.month.april": "Abril",
+  "datePicker.month.august": "Agosto",
+  "datePicker.month.december": "Dezembro",
+  "datePicker.month.february": "Fevereiro",
+  "datePicker.month.january": "Janeiro",
+  "datePicker.month.july": "Julho",
+  "datePicker.month.june": "Junho",
+  "datePicker.month.march": "Março",
+  "datePicker.month.may": "Maio",
+  "datePicker.month.november": "Novembro",
+  "datePicker.month.october": "Outubro",
+  "datePicker.month.september": "Setembro",
   "error.requiredField": "Este campo é obrigatório",
   "monthlyPaymentVolume.between10000And50000": "Entre €10.000 e €50.000",
   "monthlyPaymentVolume.between50000And100000": "Entre €50.000 e €100.000",

package/src/utils/date.d.ts

@@ -1,2 +1,5 @@
+import { MonthNames, WeekDayNames } from "@swan-io/lake/src/components/DatePicker";
 export declare const decodeBirthDate: (value: string) => string;
 export declare const encodeBirthDate: (value: string) => string;
+export declare const weekDayNames: WeekDayNames;
+export declare const monthNames: MonthNames;

package/src/utils/date.js

@@ -1,4 +1,5 @@
 import dayjs from "dayjs";
+import { t } from "./i18n";
 export const decodeBirthDate = (value) => {
     const date = dayjs.utc(value, "YYYY-MM-DD");
     return date.isValid() ? date.format("DD/MM/YYYY") : "";
@@ -7,3 +8,26 @@ export const encodeBirthDate = (value) => {
     const date = dayjs.utc(value, "DD/MM/YYYY");
     return date.isValid() ? date.format("YYYY-MM-DD") : "";
 };
+export const weekDayNames = [
+    t("datePicker.day.sunday"),
+    t("datePicker.day.monday"),
+    t("datePicker.day.tuesday"),
+    t("datePicker.day.wednesday"),
+    t("datePicker.day.thursday"),
+    t("datePicker.day.friday"),
+    t("datePicker.day.saturday"),
+];
+export const monthNames = [
+    t("datePicker.month.january"),
+    t("datePicker.month.february"),
+    t("datePicker.month.march"),
+    t("datePicker.month.april"),
+    t("datePicker.month.may"),
+    t("datePicker.month.june"),
+    t("datePicker.month.july"),
+    t("datePicker.month.august"),
+    t("datePicker.month.september"),
+    t("datePicker.month.october"),
+    t("datePicker.month.november"),
+    t("datePicker.month.december"),
+];

package/src/utils/i18n.d.ts

@@ -1,3 +1,4 @@
+import type { DateFormat } from "@swan-io/lake/src/components/DatePicker";
 import { RifmProps } from "@swan-io/lake/src/utils/rifm";
 import { ReactElement, ReactNode } from "react";
 import translationEN from "../locales/en.json";
@@ -9,7 +10,7 @@ type Locale = {
     language: SupportedLanguage;
     translations: Record<string, string>;
     dayjsLocale: ILocale;
-    dateFormat: string;
+    dateFormat: DateFormat;
     datePlaceholder: string;
     timeFormat: string;
     timePlaceholder: string;

package/src/utils/templateTranslations.d.ts

@@ -1,4 +1,4 @@
-export type AccountCountry = "DEU" | "ESP" | "FRA";
+export type AccountCountry = "DEU" | "ESP" | "FRA" | "NLD";
 export declare const getIndividualTaxNumberPlaceholder: (accountCountry: AccountCountry) => string;
 export declare const getCompanyTaxNumberPlaceholder: (accountCountry: AccountCountry) => string;
 export declare const getTaxNumberTooltip: (accountCountry: AccountCountry) => string;