@jobber/components-native 0.84.4-JOB-134681-8086ad4.25 → 0.84.4-JOB-138679-b1552ab.68

package/dist/src/InputFieldWrapper/InputFieldWrapper.style.js

@@ -36,6 +36,7 @@ export const useStyles = buildThemedStyles(tokens => {
             right: 0,
             bottom: 0,
             left: 0,
+            zIndex: 1,
         },
         miniLabel: {
             top: 0,
@@ -44,7 +45,6 @@ export const useStyles = buildThemedStyles(tokens => {
             marginRight: tokens["space-small"],
             maxHeight: (typographyStyles.defaultSize.lineHeight || 0) +
                 tokens["space-smaller"],
-            zIndex: 1,
         },
         // Prevents the miniLabel from cutting off the ClearAction button
         miniLabelShowClearAction: {

package/dist/src/InputFieldWrapper/components/Prefix/Prefix.js

@@ -7,7 +7,7 @@ import { useTypographyStyles } from "../../../Typography";
 import { useStyles } from "../../InputFieldWrapper.style";
 export const prefixLabelTestId = "ATL-InputFieldWrapper-PrefixLabel";
 export const prefixIconTestId = "ATL-InputFieldWrapper-PrefixIcon";
-export function PrefixLabel({ focused, disabled, hasMiniLabel, inputInvalid, label, styleOverride, }) {
+export function PrefixLabel({ focused, disabled, miniLabelActive, inputInvalid, label, styleOverride, }) {
     const styles = useStyles();
     const typographyStyles = useTypographyStyles();
     return (React.createElement(View, { style: [
@@ -15,7 +15,10 @@ export function PrefixLabel({ focused, disabled, hasMiniLabel, inputInvalid, lab
             focused && styles.inputFocused,
             inputInvalid && styles.inputInvalid,
         ], testID: prefixLabelTestId },
-        React.createElement(View, { style: [styles.prefixLabel, hasMiniLabel && styles.fieldAffixMiniLabel] }, !styleOverride ? (React.createElement(Text, { variation: disabled ? "disabled" : "base" }, label)) : (React.createElement(RNText, { allowFontScaling: true, style: [
+        React.createElement(View, { style: [
+                styles.prefixLabel,
+                miniLabelActive && styles.fieldAffixMiniLabel,
+            ] }, !styleOverride ? (React.createElement(Text, { variation: disabled ? "disabled" : "base" }, label)) : (React.createElement(RNText, { allowFontScaling: true, style: [
                 typographyStyles.baseRegularRegular,
                 typographyStyles.base,
                 typographyStyles.defaultSize,

package/dist/src/InputFieldWrapper/components/Suffix/Suffix.js

@@ -7,7 +7,7 @@ import { useAtlantisTheme } from "../../../AtlantisThemeContext";
 import { useStyles } from "../../InputFieldWrapper.style";
 export const suffixLabelTestId = "ATL-InputFieldWrapper-SuffixLabel";
 export const suffixIconTestId = "ATL-InputFieldWrapper-SuffixIcon";
-export function SuffixLabel({ focused, disabled, hasMiniLabel, inputInvalid, label, hasLeftMargin = true, styleOverride, }) {
+export function SuffixLabel({ focused, disabled, miniLabelActive, inputInvalid, label, hasLeftMargin = true, styleOverride, }) {
     const styles = useStyles();
     const typographyStyles = useTypographyStyles();
     return (React.createElement(View, { testID: suffixLabelTestId, style: [
@@ -16,7 +16,10 @@ export function SuffixLabel({ focused, disabled, hasMiniLabel, inputInvalid, lab
             inputInvalid && styles.inputInvalid,
             hasLeftMargin && styles.suffixLabelMargin,
         ] },
-        React.createElement(View, { style: [styles.suffixLabel, hasMiniLabel && styles.fieldAffixMiniLabel] }, !styleOverride ? (React.createElement(Text, { variation: disabled ? "disabled" : "base" }, label)) : (React.createElement(RNText, { allowFontScaling: true, style: [
+        React.createElement(View, { style: [
+                styles.suffixLabel,
+                miniLabelActive && styles.fieldAffixMiniLabel,
+            ] }, !styleOverride ? (React.createElement(Text, { variation: disabled ? "disabled" : "base" }, label)) : (React.createElement(RNText, { allowFontScaling: true, style: [
                 typographyStyles.baseRegularRegular,
                 typographyStyles.base,
                 typographyStyles.defaultSize,

package/dist/src/InputNumber/InputNumber.js

@@ -24,13 +24,19 @@ function InputNumberInternal(props, ref) {
         (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, newValue);
     };
     const { inputTransform: convertToString, outputTransform: convertToNumber } = useNumberTransform(props.value);
+    const defaultValidations = {
+        pattern: {
+            value: NUMBER_VALIDATION_REGEX,
+            message: t("errors.notANumber"),
+        },
+    };
+    const mergedValidations = props.validations
+        ? Object.assign({}, defaultValidations, props.validations)
+        : defaultValidations;
     return (React.createElement(InputText, Object.assign({}, props, { keyboard: getKeyboard(), transform: {
             input: flow(convertToString, ((_a = props.transform) === null || _a === void 0 ? void 0 : _a.input) || identity),
             output: flow(convertToNumber, ((_b = props.transform) === null || _b === void 0 ? void 0 : _b.output) || identity),
-        }, ref: ref, value: (_c = props.value) === null || _c === void 0 ? void 0 : _c.toString(), defaultValue: (_d = props.defaultValue) === null || _d === void 0 ? void 0 : _d.toString(), onChangeText: handleChange, validations: Object.assign({ pattern: {
-                value: NUMBER_VALIDATION_REGEX,
-                message: t("errors.notANumber"),
-            } }, props.validations) })));
+        }, ref: ref, value: (_c = props.value) === null || _c === void 0 ? void 0 : _c.toString(), defaultValue: (_d = props.defaultValue) === null || _d === void 0 ? void 0 : _d.toString(), onChangeText: handleChange, validations: mergedValidations })));
 }
 function hasPeriodAtEnd(value) {
     // matches patterns like ".", "0.", "12.", "+1.", and "-0."

package/dist/src/InputPressable/InputPressable.js

@@ -1,15 +1,12 @@
-import React, { forwardRef, useEffect, useState } from "react";
+import React, { forwardRef } from "react";
 import { Text as NativeText, Pressable } from "react-native";
 import { useShowClear } from "@jobber/hooks";
 import { useStyles } from "./InputPressable.style";
 import { InputFieldWrapper, useCommonInputStyles } from "../InputFieldWrapper";
 export const InputPressable = forwardRef(InputPressableInternal);
-export function InputPressableInternal({ value, placeholder, disabled, invalid, error, onPress, accessibilityLabel, accessibilityHint, prefix, suffix, clearable = "never", onClear, focused, }, ref) {
+export function InputPressableInternal({ value, placeholder, disabled, invalid, error, showMiniLabel = true, onPress, accessibilityLabel, accessibilityHint, prefix, suffix, clearable = "never", onClear, focused, }, ref) {
     const hasValue = !!value;
-    const [hasMiniLabel, setHasMiniLabel] = useState(Boolean(value));
-    useEffect(() => {
-        setHasMiniLabel(Boolean(value));
-    }, [value]);
+    const placeholderMode = getPlaceholderMode(showMiniLabel, value);
     const showClear = useShowClear({
         clearable,
         multiline: false,
@@ -19,13 +16,28 @@ export function InputPressableInternal({ value, placeholder, disabled, invalid,
     });
     const styles = useStyles();
     const commonInputStyles = useCommonInputStyles();
-    return (React.createElement(InputFieldWrapper, { prefix: prefix, suffix: suffix, hasValue: hasValue, hasMiniLabel: hasMiniLabel, focused: focused, error: error, invalid: invalid, placeholder: placeholder, disabled: disabled, showClearAction: showClear, onClear: onClear },
+    return (React.createElement(InputFieldWrapper, { prefix: prefix, suffix: suffix, hasValue: hasValue, placeholderMode: placeholderMode, focused: focused, error: error, invalid: invalid, placeholder: placeholder, disabled: disabled, showClearAction: showClear, onClear: onClear },
         React.createElement(Pressable, { style: styles.pressable, onPress: onPress, disabled: disabled, accessibilityLabel: accessibilityLabel || placeholder, accessibilityHint: accessibilityHint, accessibilityValue: { text: value } },
             React.createElement(NativeText, { style: [
                     commonInputStyles.input,
                     styles.inputPressableStyles,
-                    !hasMiniLabel && commonInputStyles.inputEmpty,
+                    placeholderMode === "normal" && commonInputStyles.inputEmpty,
+                    placeholderMode === "hidden" && styles.withoutMiniLabel,
                     disabled && commonInputStyles.inputDisabled,
                     (Boolean(invalid) || error) && styles.inputInvalid,
                 ], testID: "inputPressableText", ref: ref, accessibilityRole: "none", accessible: false, importantForAccessibility: "no-hide-descendants" }, value))));
 }
+function getPlaceholderMode(isMiniLabelAllowed, internalValue) {
+    const hasValue = Boolean(internalValue);
+    if (hasValue) {
+        if (isMiniLabelAllowed) {
+            return "mini";
+        }
+        else {
+            return "hidden";
+        }
+    }
+    else {
+        return "normal";
+    }
+}

package/dist/src/InputPressable/InputPressable.style.js

@@ -21,5 +21,8 @@ export const useStyles = buildThemedStyles(tokens => {
         inputInvalid: {
             borderColor: tokens["color-critical"],
         },
+        withoutMiniLabel: {
+            paddingTop: tokens["space-base"] + tokens["space-smallest"],
+        },
     };
 });

package/dist/src/InputSearch/InputSearch.js

@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React, { forwardRef, useEffect } from "react";
 import { View } from "react-native";
-import { useDebounce } from "@jobber/hooks/useDebounce";
+import { useDebounce } from "@jobber/hooks";
 import { styles } from "./InputSearch.style";
 import { InputText } from "../InputText";
 export const InputSearch = forwardRef(SearchInputInternal);

package/dist/src/InputText/InputText.js

@@ -9,7 +9,7 @@ import { InputFieldWrapper } from "../InputFieldWrapper";
 import { useCommonInputStyles } from "../InputFieldWrapper/CommonInputStyles.style";
 export const InputText = forwardRef(InputTextInternal);
 // eslint-disable-next-line max-statements
-function InputTextInternal({ invalid, disabled, readonly = false, name, placeholder, assistiveText, keyboard, value: controlledValue, defaultValue, autoFocus, autoComplete = "off", spellCheck, textContentType = "none", validations, onChangeText, onSubmitEditing, onFocus, accessibilityLabel, accessibilityHint, autoCorrect, autoCapitalize, onBlur, multiline = false, prefix, suffix, transform = {}, clearable = multiline ? "never" : "while-editing", testID, secureTextEntry, styleOverride, toolbar, toolbarVisibility, loading, loadingType, }, ref) {
+function InputTextInternal({ invalid, disabled, readonly = false, name, placeholder, assistiveText, showMiniLabel = true, keyboard, value: controlledValue, defaultValue, autoFocus, autoComplete = "off", spellCheck, textContentType = "none", validations, onChangeText, onSubmitEditing, onFocus, accessibilityLabel, accessibilityHint, autoCorrect, autoCapitalize, onBlur, multiline = false, prefix, suffix, transform = {}, clearable = multiline ? "never" : "while-editing", testID, secureTextEntry, styleOverride, toolbar, toolbarVisibility, loading, loadingType, }, ref) {
     var _a;
     const isAndroid = Platform.OS === "android";
     const isIOS = Platform.OS === "ios";
@@ -22,7 +22,8 @@ function InputTextInternal({ invalid, disabled, readonly = false, name, placehol
     const internalValue = controlledValue !== null && controlledValue !== void 0 ? controlledValue : (_a = field.value) === null || _a === void 0 ? void 0 : _a.toString();
     const hasValue = internalValue !== "" && internalValue !== undefined;
     const [focused, setFocused] = useState(false);
-    const { hasMiniLabel } = useMiniLabel(internalValue);
+    const placeholderMode = getPlaceholderMode(showMiniLabel, internalValue);
+    const miniLabelActive = placeholderMode === "mini";
     const textInputRef = useTextInputRef({ ref, onClear: handleClear });
     const showClear = useShowClear({
         clearable,
@@ -74,15 +75,18 @@ function InputTextInternal({ invalid, disabled, readonly = false, name, placehol
     }
     const styles = useStyles();
     const commonInputStyles = useCommonInputStyles();
-    return (React.createElement(InputFieldWrapper, { prefix: prefix, suffix: suffix, hasValue: hasValue, hasMiniLabel: hasMiniLabel, assistiveText: assistiveText, focused: focused, error: error, invalid: invalid, placeholder: placeholder, disabled: disabled, onClear: handleClear, showClearAction: showClear, styleOverride: styleOverride, toolbar: toolbar, toolbarVisibility: toolbarVisibility, loading: loading, loadingType: loadingType },
+    return (React.createElement(InputFieldWrapper, { prefix: prefix, suffix: suffix, hasValue: hasValue, placeholderMode: placeholderMode, assistiveText: assistiveText, focused: focused, error: error, invalid: invalid, placeholder: placeholder, disabled: disabled, onClear: handleClear, showClearAction: showClear, styleOverride: styleOverride, toolbar: toolbar, toolbarVisibility: toolbarVisibility, loading: loading, loadingType: loadingType },
         React.createElement(TextInput, Object.assign({ inputAccessoryViewID: inputAccessoryID || undefined, testID: testID, autoCapitalize: autoCapitalize, autoCorrect: autoCorrect, spellCheck: spellCheck, style: [
                 commonInputStyles.input,
                 styles.inputPaddingTop,
-                !hasMiniLabel && commonInputStyles.inputEmpty,
+                !miniLabelActive && commonInputStyles.inputEmpty,
                 disabled && commonInputStyles.inputDisabled,
                 multiline && styles.multiLineInput,
                 multiline && Platform.OS === "ios" && styles.multilineInputiOS,
-                multiline && hasMiniLabel && styles.multiLineInputWithMini,
+                multiline && miniLabelActive && styles.multiLineInputWithMini,
+                multiline &&
+                    placeholderMode === "hidden" &&
+                    styles.multilineWithoutMiniLabel,
                 styleOverride === null || styleOverride === void 0 ? void 0 : styleOverride.inputText,
                 loading && loadingType === "glimmer" && { color: "transparent" },
             ], readOnly: readonly, editable: !disabled, keyboardType: keyboard, value: inputTransform(internalValue), autoFocus: autoFocus, autoComplete: autoComplete, multiline: multiline, scrollEnabled: false, textContentType: textContentType, onChangeText: handleChangeText, onSubmitEditing: handleOnSubmitEditing, returnKeyType: returnKeyType, blurOnSubmit: shouldBlurOnSubmit, accessibilityLabel: accessibilityLabel || placeholder, accessibilityHint: accessibilityHint, accessibilityState: { busy: loading }, secureTextEntry: secureTextEntry }, androidA11yProps, { onFocus: event => {
@@ -149,10 +153,17 @@ function useTextInputRef({ ref, onClear }) {
     }), [onClear]);
     return textInputRef;
 }
-function useMiniLabel(internalValue) {
-    const [hasMiniLabel, setHasMiniLabel] = useState(Boolean(internalValue));
-    useEffect(() => {
-        setHasMiniLabel(Boolean(internalValue));
-    }, [internalValue]);
-    return { hasMiniLabel };
+function getPlaceholderMode(isMiniLabelAllowed, internalValue) {
+    const hasValue = Boolean(internalValue);
+    if (hasValue) {
+        if (isMiniLabelAllowed) {
+            return "mini";
+        }
+        else {
+            return "hidden";
+        }
+    }
+    else {
+        return "normal";
+    }
 }

package/dist/src/InputText/InputText.style.js

@@ -20,5 +20,9 @@ export const useStyles = buildThemedStyles(tokens => {
         multilineInputiOS: {
             paddingTop: (typographyStyles.defaultSize.fontSize || 0) + tokens["space-smallest"],
         },
+        multilineWithoutMiniLabel: {
+            paddingTop: tokens["space-base"] + tokens["space-smallest"],
+            paddingBottom: tokens["space-base"] + tokens["space-smallest"],
+        },
     };
 });

package/dist/src/InputTime/InputTime.js

@@ -28,7 +28,7 @@ export function InputTime(props) {
     }
     return React.createElement(InternalInputTime, Object.assign({}, props));
 }
-function InternalInputTime({ clearable = "always", disabled, emptyValueLabel, invalid, placeholder, value, name, type = "scheduling", onChange, showIcon = true, }) {
+function InternalInputTime({ clearable = "always", disabled, emptyValueLabel, invalid, placeholder, value, name, type = "scheduling", showMiniLabel = true, onChange, showIcon = true, }) {
     const [showPicker, setShowPicker] = useState(false);
     const { t, formatTime } = useAtlantisI18n();
     const { timeZone, timeFormat } = useAtlantisContext();
@@ -42,7 +42,7 @@ function InternalInputTime({ clearable = "always", disabled, emptyValueLabel, in
     }, [dateTime, emptyValueLabel]);
     const canClearTime = formattedTime === emptyValueLabel ? "never" : clearable;
     return (React.createElement(View, { style: styles.container },
-        React.createElement(InputPressable, { clearable: canClearTime, disabled: disabled, invalid: invalid, focused: showPicker, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : t("time"), prefix: showIcon ? { icon: "timer" } : undefined, value: formattedTime, onClear: handleClear, onPress: showDatePicker }),
+        React.createElement(InputPressable, { showMiniLabel: showMiniLabel, clearable: canClearTime, disabled: disabled, invalid: invalid, focused: showPicker, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : t("time"), prefix: showIcon ? { icon: "timer" } : undefined, value: formattedTime, onClear: handleClear, onPress: showDatePicker }),
         React.createElement(DateTimePicker, { testID: "inputTime-Picker", minuteInterval: getMinuteInterval(type), date: getInitialPickerDate(dateTime), timeZoneOffsetInMinutes: getTimeZoneOffsetInMinutes(timeZone, dateTime), isVisible: showPicker, mode: "time", onCancel: handleCancel, onConfirm: handleConfirm, is24Hour: is24Hour, locale: is24Hour ? LOCALE_24_HOURS : LOCALE_12_HOURS })));
     function showDatePicker() {
         Keyboard.dismiss();

package/dist/src/Menu/Menu.js

@@ -14,8 +14,8 @@ import { useAtlantisTheme } from "../AtlantisThemeContext";
 export function Menu({ menuOptions, customActivator }) {
     const [open, setOpen] = useState(false);
     const [menuPosition, setMenuPosition] = useState();
-    const activatorLayout = useRef();
-    const menuButtonRef = useRef();
+    const activatorLayout = useRef(null);
+    const menuButtonRef = useRef(null);
     const screenInfo = useScreenInformation();
     const { t } = useAtlantisI18n();
     const styles = useStyles();

package/dist/src/Select/Select.style.js

@@ -12,6 +12,7 @@ export const useStyles = buildThemedStyles(tokens => {
                 minHeight: tokens["space-largest"] + tokens["space-small"],
                 marginVertical: 0,
                 borderWidth: 0,
+                backgroundColor: "transparent",
             },
         ]),
         input: StyleSheet.flatten([

package/dist/src/Select/components/SelectPressable/SelectPressable.js

@@ -7,7 +7,7 @@ import { useIsScreenReaderEnabled } from "../../../hooks";
  * screen-reader is being used to avoid screen-readers from ignoring the press
  * on the MenuView
  */
-export function SelectPressable({ children, onPress, }) {
+export function SelectPressable({ children, onPress }) {
     const isScreenReaderEnabled = useIsScreenReaderEnabled();
     const styles = useStyles();
     if (isScreenReaderEnabled)

package/dist/src/Switch/components/BaseSwitch/BaseSwitch.js

@@ -4,6 +4,7 @@ import { Switch } from "react-native-gesture-handler";
 import { useFormController } from "../../../hooks";
 import { useAtlantisTheme } from "../../../AtlantisThemeContext";
 export function BaseSwitch({ value, defaultValue, onValueChange, disabled = false, accessibilityLabel, name, }) {
+    var _a;
     const { field } = useFormController({
         name,
         value: value !== null && value !== void 0 ? value : defaultValue,
@@ -43,12 +44,17 @@ export function BaseSwitch({ value, defaultValue, onValueChange, disabled = fals
             };
         }
     }
+    // Temporary fix for iOS 26. Remove when we upgrade to RN 0.81.
+    // https://github.com/facebook/react-native/pull/53389
+    const iOSBackgroundColor = Platform.OS === "ios" && ((_a = Platform.Version) === null || _a === void 0 ? void 0 : _a.startsWith("26."))
+        ? undefined
+        : tokens["color-interactive--background"];
     return (React.createElement(Switch, { value: internalValue, onValueChange: (val) => {
             if (!disabled) {
                 onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(val);
                 field.onChange(val);
             }
-        }, disabled: disabled, thumbColor: getThumbColor(), trackColor: getTrackColors(), ios_backgroundColor: tokens["color-interactive--background"], accessibilityLabel: accessibilityLabel, accessibilityRole: "switch", accessibilityState: {
+        }, disabled: disabled, thumbColor: getThumbColor(), trackColor: getTrackColors(), ios_backgroundColor: iOSBackgroundColor, accessibilityLabel: accessibilityLabel, accessibilityRole: "switch", accessibilityState: {
             disabled: disabled,
             checked: internalValue,
         } }));

package/dist/src/Typography/Typography.js

@@ -38,7 +38,7 @@ function InternalTypography({ fontFamily, fontStyle, fontWeight, transform, colo
         style.push(UNSAFE_style.textStyle);
     }
     const numberOfLinesForNativeText = maxNumberOfLines[maxLines];
-    const text = getTransformedText(children, transform);
+    const content = transformChildren(children, transform);
     const accessibilityProps = hideFromScreenReader
         ? {
             accessibilityRole: "none",
@@ -50,7 +50,7 @@ function InternalTypography({ fontFamily, fontStyle, fontWeight, transform, colo
     const textComponent = (React.createElement(Text, Object.assign({ allowFontScaling,
         adjustsFontSizeToFit,
         style,
-        numberOfLines: numberOfLinesForNativeText }, accessibilityProps, { maxFontSizeMultiplier: getScaleMultiplier(maxFontScaleSize, sizeAndHeight.fontSize), selectable: selectable, selectionColor: tokens["color-brand--highlight"], onTextLayout: onTextLayout }), text));
+        numberOfLines: numberOfLinesForNativeText }, accessibilityProps, { maxFontSizeMultiplier: getScaleMultiplier(maxFontScaleSize, sizeAndHeight.fontSize), selectable: selectable, selectionColor: tokens["color-brand--highlight"], onTextLayout: onTextLayout }), content));
     // If text is not selectable, there's no need for TypographyGestureDetector
     // since it only prevents accidental highlighting of selectable text
     if (!selectable) {
@@ -80,15 +80,26 @@ function getFontStyle(fontFamily = "base", fontStyle = "regular", fontWeight = "
 function getTransformedText(text, transform) {
     switch (transform) {
         case "lowercase":
-            return text === null || text === void 0 ? void 0 : text.toLocaleLowerCase();
+            return text.toLocaleLowerCase();
         case "uppercase":
-            return text === null || text === void 0 ? void 0 : text.toLocaleUpperCase();
+            return text.toLocaleUpperCase();
         case "capitalize":
-            return capitalize(text || "");
+            return capitalize(text);
         default:
             return text;
     }
 }
+function transformChildren(children, transform) {
+    if (children == null || !transform || transform === "none")
+        return children;
+    return React.Children.map(children, child => {
+        if (typeof child === "string") {
+            return getTransformedText(child, transform);
+        }
+        // Keep non-string children (numbers, elements, fragments) unchanged
+        return child;
+    });
+}
 function getColorStyle(styles, color, reverseTheme) {
     if (color === "default" || !color) {
         return styles.greyBlue;

package/dist/src/hooks/useAtlantisI18n/locales/en.json

@@ -18,6 +18,7 @@
     "goBack": "Go back",
     "InputFieldWrapper.clear": "Clear input",
     "InputPassword.enterPassword": "Enter a password",
+    "InputEmail.enterEmail": "Enter a valid email address (email@example.com)",
     "loading": "Loading",
     "menu": "Menu",
     "more": "More",

package/dist/src/hooks/useAtlantisI18n/locales/es.json

@@ -18,6 +18,7 @@
     "goBack": "Volver",
     "InputFieldWrapper.clear": "Borrar",
     "InputPassword.enterPassword": "Escriba una contraseña",
+    "InputEmail.enterEmail": "Introduzca una dirección de correo electrónico válida (email@example.com)",
     "loading": "Cargando",
     "menu": "Menú",
     "more": "Más",

package/dist/src/hooks/useFormController.js

@@ -1,8 +1,7 @@
 import { v1 } from "react-native-uuid";
-import { useController, useForm, useFormContext } from "react-hook-form";
+import { get, useController, useForm, useFormContext } from "react-hook-form";
 import { useState } from "react";
 export function useFormController({ name, value, validations, }) {
-    var _a, _b;
     const fieldName = useControlName(name);
     const form = useForm({
         mode: "onTouched",
@@ -17,18 +16,10 @@ export function useFormController({ name, value, validations, }) {
         defaultValue: value || undefined,
     });
     // The naming convention established by react-hook-form for arrays of fields is, for example, "emails.0.description".
-    // This corresponds to the structure of the error object, e.g. { emails: { 0: { description: "foobar" } } }
-    // We assume here that fields will either follow this period-delimited three-part convention, or else that they are simple and indivisible (e.g. "city").
-    // TODO: Add support for two-part identifiers (e.g. "property.province")
-    const fieldIdentifiers = fieldName.split(".");
-    let error;
-    if (fieldIdentifiers.length === 3) {
-        const [section, item, identifier] = fieldIdentifiers;
-        error = (_b = (_a = errors[section]) === null || _a === void 0 ? void 0 : _a[item]) === null || _b === void 0 ? void 0 : _b[identifier];
-    }
-    else {
-        error = errors[fieldName];
-    }
+    // Preserve original behavior: only treat three-part names as nested paths.
+    // For anything else, perform a flat lookup to avoid behavioral changes.
+    const identifiers = fieldName.split(".");
+    const error = identifiers.length === 3 ? get(errors, fieldName) : errors[fieldName];
     return { error, field };
 }
 function useControlName(name) {

package/dist/tsconfig.build.json

@@ -0,0 +1,7 @@
+{
+    "extends": "./tsconfig.json",
+    "compilerOptions": {
+        // Exclude "@jobber/hooks" from paths to avoid building hooks from src
+        "paths": {}
+    }
+}