@swan-io/shared-business 2.7.17 → 2.7.19

package/package.json

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

package/src/components/TaxIdentificationNumberInput.d.ts

@@ -9,6 +9,7 @@ type Props = {
     accountCountry: AccountCountry;
     isCompany: boolean;
     required?: boolean;
+    label?: string;
 };
-export declare const TaxIdentificationNumberInput: ({ value, error, valid, disabled, onChange, onBlur, accountCountry, isCompany, required, }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const TaxIdentificationNumberInput: ({ value, error, valid, disabled, onChange, onBlur, accountCountry, isCompany, required, label, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/TaxIdentificationNumberInput.js

@@ -6,8 +6,9 @@ import { LakeTooltip } from "@swan-io/lake/src/components/LakeTooltip";
 import { colors } from "@swan-io/lake/src/constants/design";
 import { t } from "../utils/i18n";
 import { getCompanyTaxNumberHelp, getCompanyTaxNumberPlaceholder, getIndividualTaxNumberHelp, getIndividualTaxNumberPlaceholder, getTaxNumberTooltip, } from "../utils/templateTranslations";
-export const TaxIdentificationNumberInput = ({ value, error, valid, disabled, onChange, onBlur, accountCountry, isCompany, required, }) => {
-    return (_jsx(LakeLabel, { label: t("beneficiaryForm.beneficiary.taxIdentificationNumber"), optionalLabel: required === true ? undefined : t("common.optional"), help: _jsx(LakeTooltip, { content: getTaxNumberTooltip(accountCountry), placement: "top", width: accountCountry === "DEU" ? 800 : undefined, children: _jsx(Icon, { name: "question-circle-regular", size: 16, color: colors.gray[600] }) }), render: id => (_jsx(LakeTextInput, { id: id, placeholder: isCompany
+export const TaxIdentificationNumberInput = ({ value, error, valid, disabled, onChange, onBlur, accountCountry, isCompany, required, label = t("beneficiaryForm.beneficiary.taxIdentificationNumber"), }) => {
+    const tooltipContents = getTaxNumberTooltip(accountCountry);
+    return (_jsx(LakeLabel, { label: label, optionalLabel: required === true ? undefined : t("common.optional"), help: tooltipContents != null ? (_jsx(LakeTooltip, { content: tooltipContents, placement: "top", width: accountCountry === "DEU" ? 800 : undefined, children: _jsx(Icon, { name: "question-circle-regular", size: 16, color: colors.gray[600] }) })) : null, render: id => (_jsx(LakeTextInput, { id: id, placeholder: isCompany
                 ? getCompanyTaxNumberPlaceholder(accountCountry)
                 : getIndividualTaxNumberPlaceholder(accountCountry), help: isCompany
                 ? getCompanyTaxNumberHelp(accountCountry)

package/src/utils/__tests__/validation.test.js

@@ -3,5 +3,6 @@ import { validateIndividualTaxNumber } from "../validation";
 test("validateIndividualTaxNumber", () => {
     expect(validateIndividualTaxNumber("NLD")("923456788")).toBe(undefined);
     expect(validateIndividualTaxNumber("NLD")("999999999")).not.toBe(undefined);
+    expect(validateIndividualTaxNumber("NLD")("99999999")).not.toBe(undefined);
     expect(validateIndividualTaxNumber("NLD")("123456789")).not.toBe(undefined);
 });

package/src/utils/templateTranslations.d.ts

@@ -1,6 +1,6 @@
 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;
+export declare const getTaxNumberTooltip: (accountCountry: AccountCountry) => string | undefined;
 export declare const getCompanyTaxNumberHelp: (accountCountry: AccountCountry) => string;
 export declare const getIndividualTaxNumberHelp: (accountCountry: AccountCountry) => string;

package/src/utils/templateTranslations.js

@@ -11,7 +11,7 @@ export const getCompanyTaxNumberPlaceholder = (accountCountry) => match(accountC
 export const getTaxNumberTooltip = (accountCountry) => match(accountCountry)
     .with("DEU", () => t("common.form.taxIdentificationNumber.tooltip.deu"))
     .with("ESP", () => "Número de Identificación Fiscal") // no need to translate
-    .otherwise(() => "");
+    .otherwise(() => undefined);
 export const getCompanyTaxNumberHelp = (accountCountry) => match(accountCountry)
     .with("DEU", () => t("common.form.help.nbDigits", { nbDigits: "10-11" }))
     .with("ESP", () => t("common.form.help.nbCharacters", { nbCharacters: "9" }))

package/src/utils/validation.js

@@ -65,9 +65,10 @@ export const validateIndividualTaxNumber = (accountCountry) => value => {
         }
     })
         .with("NLD", () => {
-        if (/^[0-9]{9}$/.test(value.padStart(9, "0"))) {
+        const paddedValue = value.padStart(9, "0");
+        if (/^[0-9]{9}$/.test(paddedValue)) {
             // https://www.oecd.org/tax/automatic-exchange/crs-implementation-and-assistance/tax-identification-numbers/Netherlands-TIN.pdf
-            const [n1, n2, n3, n4, n5, n6, n7, n8, n9] = value.split("").map(x => Number(x));
+            const [n1, n2, n3, n4, n5, n6, n7, n8, n9] = paddedValue.split("").map(x => Number(x));
             const remainder = ((n1 ?? 0) * 9 +
                 (n2 ?? 0) * 8 +
                 (n3 ?? 0) * 7 +