@swan-io/shared-business 2.0.0 → 2.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swan-io/shared-business",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "engines": {
     "node": ">=14.0.0",
     "yarn": "^1.20.0"
@@ -29,9 +29,9 @@
     "@swan-io/lake": "*"
   },
   "dependencies": {
-    "@formatjs/intl": "^2.7.1",
+    "@formatjs/intl": "^2.7.2",
     "@googlemaps/js-api-loader": "^1.15.1",
-    "@swan-io/boxed": "^1.0.1",
+    "@swan-io/boxed": "^1.0.2",
     "dayjs": "^1.11.7",
     "react": "^18.2.0",
     "react-atomic-state": "^1.2.7",
@@ -40,19 +40,19 @@
     "react-native-web": "^0.19.4",
     "react-ux-form": "^1.3.0",
     "rifm": "^0.12.1",
-    "ts-pattern": "^4.2.2",
+    "ts-pattern": "^4.3.0",
     "uuid": "^9.0.0"
   },
   "devDependencies": {
     "@swan-io/lake": "*",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.4.3",
-    "@types/google.maps": "^3.52.6",
-    "@types/react": "^18.0.37",
-    "@types/react-dom": "^18.0.11",
+    "@types/google.maps": "^3.53.1",
+    "@types/react": "^18.2.6",
+    "@types/react-dom": "^18.2.4",
     "@types/react-native": "^0.71.6",
     "@types/uuid": "^9.0.1",
-    "jsdom": "^21.1.1",
-    "vitest": "^0.30.1"
+    "jsdom": "^22.0.0",
+    "vitest": "^0.31.0"
   }
 }

package/src/components/AddressFormPart.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Form } from "react-ux-form";
 import { CountryCCA3 } from "../constants/countries";
 type AddressField = {
@@ -18,5 +17,5 @@ type Props = {
     isLarge: boolean;
     apiKey: string;
 } & FormProps;
-export declare const AddressFormPart: ({ initialAddress, initialCity, initialPostalCode, country, label, optionalLabel, placeholder, Field, setFieldValue, listenFields, isLarge, apiKey, }: Props) => JSX.Element;
+export declare const AddressFormPart: ({ initialAddress, initialCity, initialPostalCode, country, label, optionalLabel, placeholder, Field, setFieldValue, listenFields, isLarge, apiKey, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/BeneficiaryForm.js

@@ -240,6 +240,12 @@ export const BeneficiaryForm = forwardRef(({ initialState, accountCountry, step,
         },
     });
     const hasBeenSubmittedOnce = useRef(false);
+    useEffect(() => {
+        if (initialState != null) {
+            // submit form to validate all fields
+            submitForm(noop);
+        }
+    }, [initialState, submitForm]);
     useEffect(() => {
         return listenFields(["type"], () => {
             if (hasBeenSubmittedOnce.current) {

package/src/components/CountryPicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CountryCCA2, CountryCCA3 } from "../constants/countries";
 export type CountryItem<T extends CountryCCA3> = {
     cca3: T;
@@ -16,5 +15,5 @@ type Props<T extends CountryCCA3> = {
     disabled?: boolean;
     hideErrors?: boolean;
 };
-export declare function CountryPicker<T extends CountryCCA3>({ onValueChange, value, items, readOnly, id, error, placeholder, disabled, hideErrors, }: Props<T>): JSX.Element;
+export declare function CountryPicker<T extends CountryCCA3>({ onValueChange, value, items, readOnly, id, error, placeholder, disabled, hideErrors, }: Props<T>): import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/GMapAddressSearchInput.d.ts

@@ -18,5 +18,5 @@ type Props = {
     emptyResultText: string;
     apiKey: string;
 };
-export declare const GMapAddressSearchInput: ({ inputRef, id, country, disabled, error, value, onValueChange, onSuggestion, language, placeholder, shouldDisplaySuggestions, emptyResultText, apiKey, }: Props) => JSX.Element;
+export declare const GMapAddressSearchInput: ({ inputRef, id, country, disabled, error, value, onValueChange, onSuggestion, language, placeholder, shouldDisplaySuggestions, emptyResultText, apiKey, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/GMapCityInput.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CountryCCA3 } from "../constants/countries";
 import { PlaceDetail } from "../hooks/useGoogleMapSDK";
 type Props = {
@@ -13,5 +12,5 @@ type Props = {
     onLoadError: (error: unknown) => void;
     apiKey: string;
 };
-export declare const GMapCityInput: ({ value, onValueChange, country, disabled, placeholder, id, error, onSuggestion, onLoadError, apiKey, }: Props) => JSX.Element;
+export declare const GMapCityInput: ({ value, onValueChange, country, disabled, placeholder, id, error, onSuggestion, onLoadError, apiKey, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/SkipToContent.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export declare const CONTENT_ID = "content";
-export declare const SkipToContent: () => JSX.Element | null;
+export declare const SkipToContent: () => import("react/jsx-runtime").JSX.Element | null;

package/src/components/TaxIdentificationNumberInput.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AccountCountry } from "../utils/templateTranslations";
 type Props = {
     value: string;
@@ -11,5 +10,5 @@ type Props = {
     isCompany: boolean;
     required?: boolean;
 };
-export declare const TaxIdentificationNumberInput: ({ value, error, valid, disabled, onChange, onBlur, accountCountry, isCompany, required, }: Props) => JSX.Element;
+export declare const TaxIdentificationNumberInput: ({ value, error, valid, disabled, onChange, onBlur, accountCountry, isCompany, required, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/UploadArea.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconName } from "@swan-io/lake/src/components/Icon";
 import { DropzoneOptions } from "react-dropzone";
 export type UploadFileStatus = ({
@@ -28,5 +27,5 @@ type Props = {
     error?: string;
     maxSize?: number;
 };
-export declare const UploadArea: ({ icon, accept, value, documents, disabled, onRemoveFile, onDropAccepted, onDropRejected, layout, description, error, maxSize, }: Props) => JSX.Element;
+export declare const UploadArea: ({ icon, accept, value, documents, disabled, onRemoveFile, onDropAccepted, onDropRejected, layout, description, error, maxSize, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/utils/languages.js

@@ -22,7 +22,9 @@ export const getLanguagesHelpers = (languages) => {
         setPreferredLanguage: (language) => {
             try {
                 localStorage.setItem(PREFERRED_LANGUAGE_KEY, language);
-                window.location.reload();
+                const url = new URL(window.location.href);
+                url.searchParams.delete("lang");
+                window.location.replace(url.toString());
             }
             catch {
                 return;

package/src/utils/templateTranslations.js

@@ -1,22 +1,22 @@
 import { match } from "ts-pattern";
 import { t } from "./i18n";
 export const getIndividualTaxNumberPlaceholder = (accountCountry) => match(accountCountry)
-    .with("DEU", () => `${t('common.form.taxIdentificationNumber.placeholder')} (Steueridentifikationsnummer)`)
-    .with("ESP", () => `${t('common.form.taxIdentificationNumber.placeholder')} (Número de Identificación Fiscal)`)
-    .otherwise(() => t('common.form.taxIdentificationNumber.placeholder'));
+    .with("DEU", () => `${t("common.form.taxIdentificationNumber.placeholder")} (Steueridentifikationsnummer)`)
+    .with("ESP", () => `${t("common.form.taxIdentificationNumber.placeholder")} (Número de Identificación Fiscal)`)
+    .otherwise(() => t("common.form.taxIdentificationNumber.placeholder"));
 export const getCompanyTaxNumberPlaceholder = (accountCountry) => match(accountCountry)
-    .with("DEU", () => `${t('common.form.taxIdentificationNumber.placeholder')} (Steuer-Nummer)`)
-    .with("ESP", () => `${t('common.form.taxIdentificationNumber.placeholder')} (Número de Identificación Fiscal)`)
-    .otherwise(() => t('common.form.taxIdentificationNumber.placeholder'));
+    .with("DEU", () => `${t("common.form.taxIdentificationNumber.placeholder")} (Steuer-Nummer)`)
+    .with("ESP", () => `${t("common.form.taxIdentificationNumber.placeholder")} (Número de Identificación Fiscal)`)
+    .otherwise(() => t("common.form.taxIdentificationNumber.placeholder"));
 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(() => "");
 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' }))
-    .otherwise(() => '');
+    .with("DEU", () => t("common.form.help.nbDigits", { nbDigits: "10-11" }))
+    .with("ESP", () => t("common.form.help.nbCharacters", { nbCharacters: "9" }))
+    .otherwise(() => "");
 export const getIndividualTaxNumberHelp = (accountCountry) => match(accountCountry)
-    .with("DEU", () => t("common.form.help.nbDigits", { nbDigits: '11' }))
-    .with("ESP", () => t("common.form.help.nbCharacters", { nbCharacters: '9' }))
-    .otherwise(() => '');
+    .with("DEU", () => t("common.form.help.nbDigits", { nbDigits: "11" }))
+    .with("ESP", () => t("common.form.help.nbCharacters", { nbCharacters: "9" }))
+    .otherwise(() => "");