@swan-io/shared-business 8.14.0 → 8.14.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swan-io/shared-business",
-  "version": "8.14.0",
+  "version": "8.14.1",
   "engines": {
     "node": ">=20.9.0",
     "yarn": "^1.22.0"

package/src/components/InlineDatePicker.d.ts

@@ -5,6 +5,6 @@ export type InlineDatePickerProps = {
     onValueChange: (value: ExtractedDate) => void;
     error?: string;
     onBlur?: () => void;
-    order: "day-month-year" | "month-day-year";
+    order: "DMY" | "MDY" | "YMD";
 };
 export declare const InlineDatePicker: ({ value, label, onValueChange, error, onBlur, order, }: InlineDatePickerProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/InlineDatePicker.js

@@ -5,7 +5,8 @@ import { LakeLabel } from "@swan-io/lake/src/components/LakeLabel";
 import { LakeSelect } from "@swan-io/lake/src/components/LakeSelect";
 import { LakeTextInput } from "@swan-io/lake/src/components/LakeTextInput";
 import { Stack } from "@swan-io/lake/src/components/Stack";
-import { colors } from "@swan-io/lake/src/constants/design";
+import { breakpoints, colors } from "@swan-io/lake/src/constants/design";
+import { useResponsive } from "@swan-io/lake/src/hooks/useResponsive";
 import { isNotNullish } from "@swan-io/lake/src/utils/nullish";
 import { StyleSheet, View } from "react-native";
 import { t } from "../utils/i18n";
@@ -24,10 +25,18 @@ const months = [
     { value: "12", name: t("datePicker.month.december") },
 ];
 const styles = StyleSheet.create({
+    dayMobile: {
+        maxWidth: 60,
+        flexGrow: 0,
+    },
     day: {
         maxWidth: 90,
         flexGrow: 0,
     },
+    yearMobile: {
+        maxWidth: 80,
+        flexGrow: 0,
+    },
     year: {
         maxWidth: 120,
         flexGrow: 0,
@@ -37,8 +46,9 @@ const styles = StyleSheet.create({
     },
 });
 export const InlineDatePicker = ({ value = { day: "", month: "", year: "" }, label, onValueChange, error, onBlur, order, }) => {
+    const { desktop } = useResponsive(breakpoints.small);
     return (_jsx(LakeLabel, { label: label, render: id => {
-            const day = (_jsx(View, { style: styles.day, children: _jsx(LakeTextInput, { id: id, style: isNotNullish(error) && styles.error, placeholder: t("datePicker.day"), value: value.day, onBlur: onBlur, hideErrors: true, onChangeText: day => {
+            const day = (_jsx(View, { style: desktop ? styles.day : styles.dayMobile, children: _jsx(LakeTextInput, { id: id, style: isNotNullish(error) && styles.error, placeholder: t("datePicker.day"), value: value.day, onBlur: onBlur, hideErrors: true, onChangeText: day => {
                         onValueChange({
                             day,
                             month: value.month,
@@ -52,11 +62,11 @@ export const InlineDatePicker = ({ value = { day: "", month: "", year: "" }, lab
                         year: value.year,
                     });
                 } }));
-            const year = (_jsx(View, { style: styles.year, children: _jsx(LakeTextInput, { value: value.year, style: isNotNullish(error) && styles.error, placeholder: t("datePicker.year"), onBlur: onBlur, hideErrors: true, onChangeText: year => onValueChange({
+            const year = (_jsx(View, { style: desktop ? styles.year : styles.yearMobile, children: _jsx(LakeTextInput, { value: value.year, style: isNotNullish(error) && styles.error, placeholder: t("datePicker.year"), onBlur: onBlur, hideErrors: true, onChangeText: year => onValueChange({
                         day: value.day,
                         month: value.month,
                         year,
                     }), pattern: "[0-9]", maxLength: 4, autoComplete: "bday-year" }) }));
-            return (_jsxs(Box, { children: [order === "day-month-year" ? (_jsxs(Stack, { direction: "row", space: 12, children: [day, " ", month, " ", year] })) : (_jsxs(Stack, { direction: "row", space: 12, children: [month, " ", day, " ", year] })), _jsx(InputError, { message: error })] }));
+            return (_jsxs(Box, { children: [order === "DMY" ? (_jsxs(Stack, { direction: "row", space: 4, children: [day, " ", month, " ", year] })) : (_jsxs(Stack, { direction: "row", space: 4, children: [month, " ", day, " ", year] })), _jsx(InputError, { message: error })] }));
         } }));
 };

package/src/locales/en.json

@@ -297,6 +297,6 @@
   "transactionStatement.title.debtor": "Debtor information",
   "transactionStatement.title.document": "Transaction confirmation",
   "transactionStatement.title.information": "Information",
-  "validation.invalidBirthDate": "Invalid birthdate",
+  "validation.invalidBirthDate": "Please enter your complete and valid birth date: month, day, and year",
   "validation.birthdateCannotBeFuture": "Birthdate cannot be in the future"
 }

package/src/utils/validation.js

@@ -106,7 +106,7 @@ export const validateIban = (iban) => {
 };
 export const validateBirthdate = (value) => {
     const date = dayjs.utc(formatExtractedDate(value), "YYYY-MM-DD", true);
-    const isBirthdateOver150years = date.isBefore(dayjs.utc().subtract(150, "years"));
+    const isBirthdateOver150years = date.isBefore(dayjs.utc().subtract(100, "years"));
     const isBirthdateWithin4years = date.isAfter(dayjs.utc().subtract(4, "years"));
     if (!date.isValid() || isBirthdateOver150years || isBirthdateWithin4years) {
         return t("validation.invalidBirthDate");