@swan-io/shared-business 13.6.2 → 13.6.4

package/package.json

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

package/src/components/AccountStatementHeader.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { SwanLogo } from "@swan-io/lake/src/components/SwanLogo";
 import { colors } from "@swan-io/lake/src/constants/design";
 import { isNotNullishOrEmpty } from "@swan-io/lake/src/utils/nullish";
@@ -35,8 +35,8 @@ const styles = {
         marginLeft: 10,
     },
     defaultLogo: {
-        height: LOGO_MAX_HEIGHT,
-        width: (45 / 10) * LOGO_MAX_HEIGHT,
+        height: 20,
+        width: (45 / 10) * 20,
     },
     swanLogo: {
         height: 8,
@@ -52,12 +52,12 @@ const styles = {
     },
 };
 const logoStyle = {
-    height: LOGO_MAX_HEIGHT,
+    maxHeight: LOGO_MAX_HEIGHT,
     maxWidth: LOGO_MAX_WIDTH,
     objectFit: "contain",
     objectPosition: "left",
 };
 export const AccountStatementHeader = ({ partnerLogoUrl, language, }) => {
     const t = useTranslation(language);
-    return (_jsxs("div", { style: styles.container, children: [_jsxs("div", { style: styles.logo, children: [isNotNullishOrEmpty(partnerLogoUrl) ? (_jsx("img", { src: partnerLogoUrl, style: logoStyle })) : (_jsx(SwanLogo, { style: styles.defaultLogo })), _jsxs("div", { style: styles.partnership, children: [_jsx("div", { style: styles.partnershipText, children: t("accountStatement.partnership") }), _jsx(SwanLogo, { color: colors.gray[900], style: styles.swanLogo })] })] }), _jsxs("div", { style: styles.pageNumber, children: [t("accountStatement.page"), " ", _jsx("span", { className: "pageNumber" }), "/", _jsx("span", { className: "totalPages" })] })] }));
+    return (_jsxs("div", { style: styles.container, children: [_jsx("div", { style: styles.logo, children: isNotNullishOrEmpty(partnerLogoUrl) ? (_jsxs(_Fragment, { children: [_jsx("img", { src: partnerLogoUrl, style: logoStyle }), _jsxs("div", { style: styles.partnership, children: [_jsx("div", { style: styles.partnershipText, children: t("accountStatement.partnership") }), _jsx(SwanLogo, { color: colors.gray[900], style: styles.swanLogo })] })] })) : (_jsx(SwanLogo, { style: styles.defaultLogo })) }), _jsxs("div", { style: styles.pageNumber, children: [t("accountStatement.page"), " ", _jsx("span", { className: "pageNumber" }), "/", _jsx("span", { className: "totalPages" })] })] }));
 };

package/src/components/BirthdatePicker.d.ts

@@ -6,5 +6,6 @@ export type BirthdatePickerProps = {
     onValueChange?: (value: string | undefined) => void;
     style?: StyleProp<ViewStyle>;
     readOnly?: boolean;
+    responsive?: boolean;
 };
-export declare const BirthdatePicker: ({ value, label, readOnly, onValueChange, error: externalError, style, }: BirthdatePickerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BirthdatePicker: ({ value, label, readOnly, onValueChange, error: externalError, style, responsive, }: BirthdatePickerProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/BirthdatePicker.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { validateBirthdate } from "../utils/validation";
 import { InlineDatePicker } from "./InlineDatePicker";
-export const BirthdatePicker = ({ value, label, readOnly = false, onValueChange, error: externalError, style, }) => {
-    return (_jsx(InlineDatePicker, { value: value, label: label, readOnly: readOnly, onValueChange: onValueChange, error: externalError, style: style, validate: validateBirthdate }));
+export const BirthdatePicker = ({ value, label, readOnly = false, onValueChange, error: externalError, style, responsive = true, }) => {
+    return (_jsx(InlineDatePicker, { value: value, label: label, readOnly: readOnly, onValueChange: onValueChange, error: externalError, style: style, validate: validateBirthdate, responsive: responsive }));
 };

package/src/components/InlineDatePicker.d.ts

@@ -7,6 +7,7 @@ export type InlineDatePickerProps = {
     onValueChange?: (value: string | undefined) => void;
     style?: StyleProp<ViewStyle>;
     readOnly?: boolean;
+    responsive?: boolean;
     validate?: (value: ExtractedDate | undefined) => string | undefined;
 };
-export declare const InlineDatePicker: ({ value, label, readOnly, onValueChange, validate, error: externalError, style, }: InlineDatePickerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InlineDatePicker: ({ value, label, readOnly, responsive, onValueChange, validate, error: externalError, style, }: InlineDatePickerProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/InlineDatePicker.js

@@ -58,8 +58,9 @@ const order = match(getMostLikelyUserCountry().cca2)
     .with("US", () => "MDY")
     .with("CN", "JP", "KR", "KP", "TW", "HU", "MN", "LT", "BT", () => "YMD")
     .otherwise(() => "DMY");
-export const InlineDatePicker = ({ value, label, readOnly = false, onValueChange, validate = validateDate, error: externalError, style, }) => {
-    const { desktop } = useResponsive(breakpoints.small);
+export const InlineDatePicker = ({ value, label, readOnly = false, responsive = true, onValueChange, validate = validateDate, error: externalError, style, }) => {
+    const { desktop: isDesktopViewport } = useResponsive(breakpoints.small);
+    const desktop = responsive && isDesktopViewport;
     // We can't rely on blurred, since 3 inputs / select are mapped on
     // 1 field. The first onBlur update the field internal state from
     // not blurred -> blurred, then when the second input is blurred,

package/src/locales/de.json

@@ -128,7 +128,7 @@
   "forecastYearlyIncome.from1000001To5000000": "Zwischen 1.000.000 € und 5.000.000 €",
   "forecastYearlyIncome.from500001To1000000": "Zwischen 500.000 € und 1.000.000 €",
   "forecastYearlyIncome.moreThan5000000": "Mehr als 5.000.000 €",
-  "monthlyPaymentVolume.between10000And50000": "Zwischen 10.000 und 50.000 € pro Monat",
+  "monthlyPaymentVolume.between10000And50000": "Zwischen 10.000 € und 50.000 € pro Monat",
   "monthlyPaymentVolume.between50000And100000": "Zwischen 50.000 € und 100.000 € pro Monat",
   "monthlyPaymentVolume.lessThan10000": "Weniger als 10.000 € pro Monat",
   "monthlyPaymentVolume.moreThan100000": "Mehr als 100.000 € pro Monat",
@@ -310,7 +310,7 @@
   "supportingDocuments.downloadTemplate": "Vorlage herunterladen",
   "supportingDocuments.errorUpload": "Datei konnte nicht hochgeladen werden",
   "supportingDocuments.help.downloadTemplate": "Vorlage herunterladen",
-  "supportingDocuments.help.howToSendAGoodDocument": "Wie versendet man ein gutes Dokument?",
+  "supportingDocuments.help.howToSendAGoodDocument": "Wie versendet man ein korrektes Dokument?",
   "supportingDocuments.help.whatIsThis": "Was ist das?",
   "supportingDocuments.informations": "Details zum Dokument",
   "supportingDocuments.noDocuments": "Keine Dokumente.",