@jobber/components-native 0.44.2 → 0.45.1

package/dist/package.json

@@ -0,0 +1,88 @@
+{
+    "name": "@jobber/components-native",
+    "version": "0.45.1",
+    "license": "MIT",
+    "description": "React Native implementation of Atlantis",
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/GetJobber/atlantis.git"
+    },
+    "author": "The Frends",
+    "bugs": {
+        "url": "https://github.com/GetJobber/atlantis/issues"
+    },
+    "homepage": "https://github.com/GetJobber/atlantis#readme",
+    "main": "dist/src/index.js",
+    "module": "dist/src/index.js",
+    "types": "dist/types/src/index.d.ts",
+    "files": [
+        "dist",
+        "src",
+        "!**/__tests__",
+        "!**/__fixtures__",
+        "!**/__mocks__",
+        "ios",
+        "cpp",
+        "*.podspec",
+        "!ios/build",
+        "./jestSetup.js"
+    ],
+    "scripts": {
+        "clean": "rm -rf dist/* tsconfig.tsbuildinfo",
+        "build": "npm run build:clean && npm run compile",
+        "bootstrap": "npm run build",
+        "prepack": "npm run build",
+        "compile": "tsc -b",
+        "build:clean": "rm -rf ./dist"
+    },
+    "dependencies": {
+        "@jobber/design": "^0.44.4",
+        "@jobber/hooks": "^2.1.5",
+        "@react-native-clipboard/clipboard": "^1.11.2",
+        "@react-native-picker/picker": "^2.4.10",
+        "autolinker": "^4.0.0",
+        "deepmerge": "^4.2.2",
+        "lodash": "^4.17.21",
+        "react-hook-form": "^7.30.0",
+        "react-intl": "^6.4.2",
+        "react-native-keyboard-aware-scroll-view": "^0.9.5",
+        "react-native-modalize": "^2.0.13",
+        "react-native-portalize": "^1.0.7",
+        "react-native-safe-area-context": "^4.5.2",
+        "react-native-svg": "^13.9.0",
+        "react-native-toast-message": "^2.1.6",
+        "react-native-uuid": "^1.4.9",
+        "ts-xor": "^1.1.0"
+    },
+    "devDependencies": {
+        "@testing-library/jest-native": "^5.4.2",
+        "@testing-library/react-hooks": "^7.0.2",
+        "@testing-library/react-native": "^12.0.1",
+        "@types/lodash.chunk": "^4.2.7",
+        "@types/lodash.debounce": "^4.0.7",
+        "@types/lodash.identity": "^3.0.7",
+        "@types/react": "^18.0.28",
+        "@types/react-native": "^0.71.6",
+        "@types/react-native-uuid": "^1.4.0",
+        "metro-react-native-babel-preset": "^0.76.0",
+        "react-test-renderer": "^18.2.0",
+        "typescript": "^4.9.5"
+    },
+    "peerDependencies": {
+        "@babel/core": "^7.4.5",
+        "@react-native-community/datetimepicker": ">=6.7.0",
+        "date-fns": "^2.0.0",
+        "date-fns-tz": "*",
+        "react": "^18",
+        "react-intl": "^6.4.2",
+        "react-native": ">=0.69.2",
+        "react-native-gesture-handler": ">=2.10.0",
+        "react-native-keyboard-aware-scroll-view": "^0.9.5",
+        "react-native-modal-datetime-picker": " >=13.0.0",
+        "react-native-modalize": "^2.0.13",
+        "react-native-portalize": "^1.0.7",
+        "react-native-reanimated": "^2.17.0",
+        "react-native-safe-area-context": "^4.5.2"
+    },
+    "gitHead": "8764198c93cfc2812f504b6f6509595ad6b3195c"
+}

package/dist/src/AtlantisContext/AtlantisContext.js

@@ -13,6 +13,7 @@ export const defaultValues = {
     floatSeparators: { group: ",", decimal: "." },
     currencySymbol: DEFAULT_CURRENCY_SYMBOL,
     headerHeight: 0,
+    locale: "en",
     setHeaderHeight: _ => {
         return;
     },

package/dist/src/AutoLink/components/ComposeTextWithLinks/ComposeTextWithLinks.js

@@ -1,18 +1,18 @@
 import React from "react";
-import { useIntl } from "react-intl";
 import { Platform } from "react-native";
 import { onLongPressLink, onPressLink } from "../../utils";
 import { Link } from "../Link/Link";
 import { Text } from "../../../Text";
+import { useAtlantisI18n } from "../../../hooks/useAtlantisI18n";
 export function ComposeTextWithLinks({ part, index, match, bottomTabsVisible, selectable = true, }) {
-    const { formatMessage } = useIntl();
+    const { t } = useAtlantisI18n();
     const isLink = match === null || match === void 0 ? void 0 : match.getType();
     if (isLink) {
         return (React.createElement(Link, { key: index, onPress: () => onPressLink(match), onLongPress: () => {
                 if (selectable && Platform.OS === "android") {
                     return;
                 }
-                onLongPressLink(match, bottomTabsVisible, formatMessage);
+                onLongPressLink(match, bottomTabsVisible, t);
             } }, match.getAnchorText()));
     }
     return React.createElement(Text, { key: index }, part);

package/dist/src/AutoLink/utils.js

@@ -1,5 +1,4 @@
 import { Linking } from "react-native";
-import { messages } from "./messages";
 import { copyTextToClipboard } from "./clipboard";
 function hasPrefix(text, prefixes) {
     return prefixes.some(prefix => text.includes(prefix));
@@ -31,10 +30,10 @@ export function getUrl(match, immediateOpen = true) {
             return match.getAnchorHref();
     }
 }
-export function onLongPressLink(match, bottomTabsVisible, formatMessage) {
+export function onLongPressLink(match, bottomTabsVisible, t) {
     const linkUrl = getUrl(match, false);
     const toastConfig = {
-        message: formatMessage(messages[`${match.getType()}Copied`]),
+        message: t(getMessageKey(match)),
         bottomTabsVisible,
     };
     copyTextToClipboard(linkUrl, toastConfig);
@@ -43,3 +42,15 @@ export function onPressLink(match) {
     const linkUrl = getUrl(match);
     Linking.openURL(linkUrl);
 }
+function getMessageKey(match) {
+    switch (match.getType()) {
+        case "email":
+            return "AutoLink.emailCopied";
+        case "phone":
+            return "AutoLink.phoneCopied";
+        case "url":
+            return "AutoLink.urlCopied";
+        default:
+            return "copied";
+    }
+}

package/dist/src/BottomSheet/BottomSheet.js

@@ -2,13 +2,12 @@ import React, { forwardRef, useState } from "react";
 import { Modalize } from "react-native-modalize";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 import { Keyboard, View } from "react-native";
-import { useIntl } from "react-intl";
 import { BottomSheetOption } from "./components/BottomSheetOption";
 import { styles } from "./BottomSheet.style";
-import { messages } from "./messages";
 import { useIsScreenReaderEnabled } from "../hooks";
 import { Divider } from "../Divider";
 import { Heading } from "../Heading";
+import { useAtlantisI18n } from "../hooks/useAtlantisI18n";
 export const BottomSheet = forwardRef(BottomSheetInternal);
 function BottomSheetInternal({ children, showCancel, loading = false, heading, onOpen, onClose, }, ref) {
     const isScreenReaderEnabled = useIsScreenReaderEnabled();
@@ -36,11 +35,11 @@ function Header({ heading }) {
 }
 function Footer({ cancellable, onCancel, }) {
     const insets = useSafeAreaInsets();
-    const { formatMessage } = useIntl();
+    const { t } = useAtlantisI18n();
     return (React.createElement(View, { style: { marginBottom: insets.bottom } }, cancellable && (React.createElement(View, { style: styles.children },
         React.createElement(View, { style: styles.footerDivider },
             React.createElement(Divider, null)),
-        React.createElement(BottomSheetOption, { text: formatMessage(messages.cancel), icon: "remove", onPress: onCancel })))));
+        React.createElement(BottomSheetOption, { text: t("cancel"), icon: "remove", onPress: onCancel })))));
 }
 function dismissKeyboard() {
     //Dismisses the keyboard before opening the bottom sheet.

package/dist/src/ButtonGroup/ButtonGroup.js

@@ -1,14 +1,13 @@
 import React, { useRef } from "react";
-import { useIntl } from "react-intl";
 import { View } from "react-native";
 import { PrimaryAction, SecondaryAction } from "./ButtonGroupAction";
-import { messages } from "./messages";
 import { styles } from "./ButtonGroup.style";
 import { SecondaryActionSheet } from "./components/SecondaryActionSheet";
 import { getActions, usePreventTapWhenOffline } from "./utils";
 import { Button } from "../Button";
+import { useAtlantisI18n } from "../hooks/useAtlantisI18n";
 export function ButtonGroup({ children, showCancelInBottomSheet, bottomSheetHeading, onOpenBottomSheet, onCloseBottomSheet, allowTapWhenOffline = false, }) {
-    const { formatMessage } = useIntl();
+    const { t } = useAtlantisI18n();
     const { handlePress } = usePreventTapWhenOffline();
     const secondaryActionsRef = useRef();
     const { primaryActions, secondaryActions } = getActions(children);
@@ -18,7 +17,7 @@ export function ButtonGroup({ children, showCancelInBottomSheet, bottomSheetHead
             return (React.createElement(View, { style: styles.button, key: index }, customButton || (React.createElement(Button, { label: label, accessibilityLabel: label, onPress: allowTapWhenOffline ? onPress : handlePress(onPress), type: buttonType, variation: buttonVariation, fullHeight: true, icon: icon, loading: loading }))));
         }),
         secondaryActions.length > 0 && (React.createElement(View, { style: styles.moreButton },
-            React.createElement(Button, { icon: "more", accessibilityLabel: formatMessage(messages.more), onPress: handlePress(openBottomSheet), fullHeight: true }))),
+            React.createElement(Button, { icon: "more", accessibilityLabel: t("more"), onPress: handlePress(openBottomSheet), fullHeight: true }))),
         React.createElement(SecondaryActionSheet, { heading: bottomSheetHeading, showCancel: showCancelInBottomSheet, secondaryActionsRef: secondaryActionsRef, actions: secondaryActions.map(secondaryAction => secondaryAction.props), onOpenBottomSheet: onOpenBottomSheet, onCloseBottomSheet: onCloseBottomSheet })));
     function openBottomSheet() {
         var _a;

package/dist/src/ButtonGroup/utils.js

@@ -1,21 +1,20 @@
 import React, { useCallback } from "react";
-import { useIntl } from "react-intl";
 import { Alert } from "react-native";
-import { messages } from "./messages";
 import { PrimaryAction, SecondaryAction, } from "./ButtonGroupAction";
 import { useAtlantisContext } from "../AtlantisContext/AtlantisContext";
+import { useAtlantisI18n } from "../hooks/useAtlantisI18n";
 /**
  * Determine if the onPress should be fired or an alert when the device is
  * online or offline
  */
 export function usePreventTapWhenOffline() {
-    const { formatMessage } = useIntl();
+    const { t } = useAtlantisI18n();
     const { isOnline } = useAtlantisContext();
     const handlePress = useCallback((callback) => {
         if (isOnline)
             return callback;
-        return () => Alert.alert(formatMessage(messages.unavailableNetworkTitle), formatMessage(messages.unavailableNetworkMessage));
-    }, [formatMessage, isOnline]);
+        return () => Alert.alert(t("networkUnavailableTitle"), t("networkUnavailableDescription"));
+    }, [isOnline]);
     return { handlePress };
 }
 /**

package/dist/src/ContentOverlay/ContentOverlay.js

@@ -3,22 +3,21 @@ import { Modalize } from "react-native-modalize";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 import { AccessibilityInfo, Platform, View, findNodeHandle, useWindowDimensions, } from "react-native";
 import { Portal } from "react-native-portalize";
-import { useIntl } from "react-intl";
 import { useKeyboardVisibility } from "./hooks/useKeyboardVisibility";
 import { styles } from "./ContentOverlay.style";
-import { messages } from "./messages";
 import { useViewLayoutHeight } from "./hooks/useViewLayoutHeight";
 import { useIsScreenReaderEnabled } from "../hooks";
 import { IconButton } from "../IconButton";
 import { tokens } from "../utils/design";
 import { Heading } from "../Heading";
+import { useAtlantisI18n } from "../hooks/useAtlantisI18n";
 export const ContentOverlay = forwardRef(ContentOverlayPortal);
 const ContentOverlayModal = forwardRef(ContentOverlayInternal);
 // eslint-disable-next-line max-statements
 function ContentOverlayInternal({ children, title, accessibilityLabel, fullScreen = false, showDismiss = false, isDraggable = true, adjustToContentHeight = false, keyboardShouldPersistTaps = false, keyboardAvoidingBehavior, scrollEnabled = false, modalBackgroundColor = "surface", onClose, onOpen, onBeforeExit, loading = false, avoidKeyboardLikeIOS, }, ref) {
     isDraggable = onBeforeExit ? false : isDraggable;
     const isCloseableOnOverlayTap = onBeforeExit ? false : true;
-    const { formatMessage } = useIntl();
+    const { t } = useAtlantisI18n();
     const { width: windowWidth, height: windowHeight } = useWindowDimensions();
     const insets = useSafeAreaInsets();
     const [position, setPosition] = useState("initial");
@@ -106,7 +105,7 @@ function ContentOverlayInternal({ children, title, accessibilityLabel, fullScree
         !childrenHeightKnown && (React.createElement(View, { style: [styles.hiddenContent, modalStyle] }, renderedChildren)),
         !headerHeightKnown && (React.createElement(View, { style: [styles.hiddenContent, modalStyle] }, renderedHeader))));
     function renderHeader() {
-        const closeOverlayA11YLabel = formatMessage(messages.closeOverlayA11YLabel, {
+        const closeOverlayA11YLabel = t("ContentOverlay.close", {
             title: title,
         });
         const headerStyles = [

package/dist/src/Form/components/FormErrorBanner/FormErrorBanner.js

@@ -1,21 +1,13 @@
 import React from "react";
-import { useIntl } from "react-intl";
-import { messages } from "./messages";
-import { useAtlantisContext } from "../../../AtlantisContext";
 import { Banner } from "../../../Banner";
+import { useAtlantisI18n } from "../../../hooks/useAtlantisI18n";
 export function FormErrorBanner({ networkError, bannerError, }) {
-    const { formatMessage } = useIntl();
-    const { isOnline } = useAtlantisContext();
-    if (!isOnline) {
-        return (React.createElement(Banner, { text: formatMessage(messages.offlineError), type: "error" }));
-    }
-    else if (networkError) {
-        return (React.createElement(Banner, { text: formatMessage(messages.networkError), type: "error" }));
+    const { t } = useAtlantisI18n();
+    if (networkError) {
+        return React.createElement(Banner, { type: "error" }, t("errors.couldNotSave"));
     }
     else if (bannerError) {
         return (React.createElement(Banner, { text: bannerError.title, details: bannerError.messages, type: "error" }));
     }
-    else {
-        return React.createElement(React.Fragment, null);
-    }
+    return React.createElement(React.Fragment, null);
 }

package/dist/src/Form/components/FormMask/FormMask.js

@@ -1,11 +1,10 @@
 import React from "react";
 import { View } from "react-native";
-import { useIntl } from "react-intl";
 import { styles } from "./FormMask.style";
 import { ActivityIndicator } from "../../../ActivityIndicator";
-import { messages } from "../../messages";
+import { useAtlantisI18n } from "../../../hooks/useAtlantisI18n";
 export function FormMask() {
-    const { formatMessage } = useIntl();
-    return (React.createElement(View, { style: styles.mask, accessibilityLabel: formatMessage(messages.loadingA11YLabel) },
+    const { t } = useAtlantisI18n();
+    return (React.createElement(View, { style: styles.mask, accessibilityLabel: t("loading") },
         React.createElement(ActivityIndicator, null)));
 }

package/dist/src/Form/components/FormMessage/components/InternalFormMessage/InternalFormMessage.js

@@ -2,23 +2,22 @@ import React, { useMemo } from "react";
 import { SafeAreaView } from "react-native-safe-area-context";
 import { Modal, StatusBar, View } from "react-native";
 import { ScrollView } from "react-native-gesture-handler";
-import { useIntl } from "react-intl";
 import { styles } from "./InternalFormMessage.style";
-import { messages } from "./messages";
 import { EmptyState } from "../../../../../EmptyState";
+import { useAtlantisI18n } from "../../../../../hooks/useAtlantisI18n";
 export function InternalFormMessage({ data, onRequestClose, }) {
-    const { formatMessage } = useIntl();
+    const { t } = useAtlantisI18n();
     const emptyStateData = useMemo(() => {
         if (data.secondaryAction) {
             return data;
         }
         else {
             return Object.assign(Object.assign({}, data), { secondaryAction: {
-                    label: formatMessage(messages.goBackButton),
+                    label: t("goBack"),
                     onPress: onRequestClose,
                 } });
         }
-    }, [data, formatMessage, onRequestClose]);
+    }, [data, t, onRequestClose]);
     return (React.createElement(Modal, { animationType: "fade", transparent: true, visible: true, onRequestClose: onRequestClose },
         React.createElement(View, { style: styles.wrapper },
             React.createElement(StatusBar, { barStyle: "dark-content" }),

package/dist/src/Form/components/FormSaveButton/FormSaveButton.js

@@ -8,18 +8,17 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import React from "react";
-import { useIntl } from "react-intl";
 import { useFormContext } from "react-hook-form";
-import { messages } from "./messages";
 import { ButtonGroup, } from "../../../ButtonGroup";
+import { useAtlantisI18n } from "../../../hooks/useAtlantisI18n";
 export function FormSaveButton({ primaryAction, loading, label, secondaryActions, setSecondaryActionLoading, onOpenBottomSheet, onCloseBottomSheet, }) {
-    const { formatMessage } = useIntl();
+    const { t } = useAtlantisI18n();
     const formContext = useFormContext();
     const buttonActions = useButtonGroupAction(secondaryActions);
     return (React.createElement(React.Fragment, null,
         React.createElement(ButtonGroup, { onOpenBottomSheet: onOpenBottomSheet, onCloseBottomSheet: onCloseBottomSheet, allowTapWhenOffline: true }, buttonActions.map((action, index) => {
             if (index === 0) {
-                return (React.createElement(ButtonGroup.PrimaryAction, { key: index, onPress: primaryAction, label: label !== null && label !== void 0 ? label : formatMessage(messages.saveButton), loading: loading }));
+                return (React.createElement(ButtonGroup.PrimaryAction, { key: index, onPress: primaryAction, label: label !== null && label !== void 0 ? label : t("save"), loading: loading }));
             }
             else {
                 return (React.createElement(ButtonGroup.SecondaryAction, { key: index, label: action.label, icon: action.icon, onPress: action.onPress, destructive: action.destructive }));
@@ -37,7 +36,7 @@ export function FormSaveButton({ primaryAction, loading, label, secondaryActions
             })
             : [];
         buttonGroupActionProps.unshift({
-            label: label !== null && label !== void 0 ? label : formatMessage(messages.saveButton),
+            label: label !== null && label !== void 0 ? label : t("save"),
             onPress: primaryAction,
             loading: loading,
             icon: undefined,

package/dist/src/Form/hooks/useOfflineHandler.js

@@ -1,24 +1,23 @@
 import { useCallback } from "react";
-import { useIntl } from "react-intl";
 import { Alert } from "react-native";
-import { messages } from "../messages";
+import { useAtlantisI18n } from "../../hooks/useAtlantisI18n";
 export function useOfflineHandler() {
-    const { formatMessage } = useIntl();
+    const { t } = useAtlantisI18n();
     const handleOfflineSubmit = useCallback((callback, dismiss) => {
         return () => {
-            Alert.alert(formatMessage(messages.unavailableNetworkTitle), formatMessage(messages.unavailableNetworkMessage), [
+            Alert.alert(t("networkUnavailableTitle"), t("networkUnavailableDescription"), [
                 {
-                    text: formatMessage(messages.dismissAlertButton),
+                    text: t("dismiss"),
                     style: "cancel",
                     onPress: dismiss,
                 },
                 {
-                    text: formatMessage(messages.retryAlertButton),
+                    text: t("tryAgain"),
                     style: "default",
                     onPress: callback,
                 },
             ]);
         };
-    }, [formatMessage]);
+    }, [t]);
     return handleOfflineSubmit;
 }

package/dist/src/FormatFile/FormatFile.js

@@ -9,8 +9,6 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import React, { createRef, useCallback, useState } from "react";
 import { TouchableOpacity, View } from "react-native";
-import { useIntl } from "react-intl";
-import { messages } from "./messages";
 import { styles } from "./FormatFile.style";
 import { MediaView } from "./components/MediaView";
 import { FormatFileBottomSheet, } from "./components/FormatFileBottomSheet";
@@ -19,6 +17,7 @@ import { acceptedExtensions, videoExtensions } from "./constants";
 import { StatusCode, } from "./types";
 import { AtlantisFormatFileContext } from "./context/FormatFileContext";
 import { createUseCreateThumbnail } from "./utils/createUseCreateThumbnail";
+import { useAtlantisI18n } from "../hooks/useAtlantisI18n";
 function FormatFileContent({ accessibilityLabel, file, showOverlay, styleInGrid, onUploadComplete, isMedia, }) {
     return (React.createElement(View, { style: [
             styles.thumbnailContainer,
@@ -89,7 +88,7 @@ export function FormatFile({ file, accessibilityLabel, accessibilityHint, onTap,
 }
 function FormatFileInternal({ file, accessibilityLabel, accessibilityHint, onTap, onRemove, bottomSheetOptionsSuffix, styleInGrid = false, onPreviewPress, testID, createThumbnail: createThumbnailProp, }) {
     const [showOverlay, setShowOverlay] = useState(file.status !== StatusCode.Completed);
-    const { formatMessage } = useIntl();
+    const { t } = useAtlantisI18n();
     const bottomSheetRef = createRef();
     const handlePreviewPress = useCallback(() => {
         onPreviewPress === null || onPreviewPress === void 0 ? void 0 : onPreviewPress(file);
@@ -100,7 +99,7 @@ function FormatFileInternal({ file, accessibilityLabel, accessibilityHint, onTap
     const { useCreateThumbnail } = createUseCreateThumbnail(createThumbnail);
     return (React.createElement(AtlantisFormatFileContext.Provider, { value: { useCreateThumbnail } },
         React.createElement(View, null,
-            React.createElement(TouchableOpacity, { accessibilityRole: "imagebutton", accessibilityHint: accessibilityHint !== null && accessibilityHint !== void 0 ? accessibilityHint : formatMessage(messages.defaultAccessibilityHint), onPress: handleOnPress, testID: testID },
+            React.createElement(TouchableOpacity, { accessibilityRole: "imagebutton", accessibilityHint: accessibilityHint !== null && accessibilityHint !== void 0 ? accessibilityHint : t("FormatFile.hint"), onPress: handleOnPress, testID: testID },
                 React.createElement(FormatFileContent, { accessibilityLabel: accessibilityLabel, file: file, onUploadComplete: () => setShowOverlay(false), isMedia: !!file.isMedia, styleInGrid: styleInGrid, showOverlay: showOverlay })),
             React.createElement(FormatFileBottomSheet, { bottomSheetRef: bottomSheetRef, onRemovePress: onRemove, bottomSheetOptionsSuffix: bottomSheetOptionsSuffix, onPreviewPress: file.showPreview ? handlePreviewPress : undefined }))));
     function handleOnPress() {

package/dist/src/FormatFile/components/FileView/FileView.js

@@ -1,6 +1,5 @@
 import React from "react";
 import { View } from "react-native";
-import { useIntl } from "react-intl";
 import { styles } from "./FileView.style";
 import { Icon } from "../../../Icon";
 import { Text } from "../../../Text";
@@ -8,13 +7,14 @@ import { StatusCode } from "../../types";
 import { computeA11yLabel } from "../../utils";
 import { ProgressBar } from "../ProgressBar";
 import { ErrorIcon } from "../ErrorIcon";
+import { useAtlantisI18n } from "../../../hooks/useAtlantisI18n";
 export function FileView({ accessibilityLabel, styleInGrid, file, showOverlay, showError, onUploadComplete, }) {
-    const { formatMessage } = useIntl();
+    const { t } = useAtlantisI18n();
     const a11yLabel = computeA11yLabel({
         accessibilityLabel,
         showOverlay,
         showError,
-        formatMessage,
+        t,
     });
     const freezeProgressBar = file.status !== StatusCode.Completed && file.progress >= 0.9;
     return (React.createElement(View, { style: [

package/dist/src/FormatFile/components/FormatFileBottomSheet/FormatFileBottomSheet.js

@@ -1,11 +1,10 @@
 import React from "react";
 import { Portal } from "react-native-portalize";
-import { useIntl } from "react-intl";
-import { messages } from "./messages";
 import { BottomSheet } from "../../../BottomSheet/BottomSheet";
 import { BottomSheetOption } from "../../../BottomSheet/components/BottomSheetOption";
+import { useAtlantisI18n } from "../../../hooks/useAtlantisI18n";
 export const FormatFileBottomSheet = ({ bottomSheetRef, onPreviewPress, onRemovePress, bottomSheetOptionsSuffix, }) => {
-    const { formatMessage } = useIntl();
+    const { t } = useAtlantisI18n();
     const handlePress = (onPressAction) => {
         var _a;
         onPressAction();
@@ -13,10 +12,10 @@ export const FormatFileBottomSheet = ({ bottomSheetRef, onPreviewPress, onRemove
     };
     return (React.createElement(Portal, null,
         React.createElement(BottomSheet, { ref: bottomSheetRef },
-            onPreviewPress ? (React.createElement(BottomSheetOption, { icon: "eye", text: formatMessage(messages.lightBoxPreviewButton, {
-                    bottomSheetOptionsSuffix,
+            onPreviewPress ? (React.createElement(BottomSheetOption, { icon: "eye", text: t("FormatFile.preview", {
+                    item: bottomSheetOptionsSuffix || "",
                 }), onPress: () => handlePress(onPreviewPress) })) : undefined,
-            onRemovePress ? (React.createElement(BottomSheetOption, { icon: "trash", destructive: true, text: formatMessage(messages.removeButton, {
-                    bottomSheetOptionsSuffix,
+            onRemovePress ? (React.createElement(BottomSheetOption, { icon: "trash", destructive: true, text: t("FormatFile.remove", {
+                    item: bottomSheetOptionsSuffix || "",
                 }), onPress: () => handlePress(onRemovePress) })) : undefined)));
 };

package/dist/src/FormatFile/components/MediaView/MediaView.js

@@ -1,6 +1,5 @@
 import React, { useState } from "react";
 import { ImageBackground, View } from "react-native";
-import { useIntl } from "react-intl";
 import { styles } from "./MediaView.style";
 import { StatusCode } from "../../types";
 import { computeA11yLabel } from "../../utils";
@@ -9,8 +8,9 @@ import { Icon } from "../../../Icon";
 import { ProgressBar } from "../ProgressBar";
 import { ErrorIcon } from "../ErrorIcon";
 import { useAtlantisFormatFileContext } from "../../context/FormatFileContext";
+import { useAtlantisI18n } from "../../../hooks/useAtlantisI18n";
 export function MediaView({ accessibilityLabel, showOverlay, showError, file, styleInGrid, onUploadComplete, }) {
-    const { formatMessage } = useIntl();
+    const { t } = useAtlantisI18n();
     const { useCreateThumbnail } = useAtlantisFormatFileContext();
     const { thumbnail, error } = useCreateThumbnail(file);
     const [isLoading, setIsLoading] = useState(false);
@@ -18,7 +18,7 @@ export function MediaView({ accessibilityLabel, showOverlay, showError, file, st
         accessibilityLabel,
         showOverlay,
         showError,
-        formatMessage,
+        t,
     });
     const hasError = showError || error;
     const uri = thumbnail || file.thumbnailUrl || file.source;

package/dist/src/FormatFile/utils/computeA11yLabel.js

@@ -1,12 +1,11 @@
-import { messages } from "../messages";
-export function computeA11yLabel({ accessibilityLabel, showOverlay, showError, formatMessage, }) {
+export function computeA11yLabel({ accessibilityLabel, showOverlay, showError, t, }) {
     if (!showError && showOverlay) {
-        return formatMessage(messages.inProgressAccessibilityLabel);
+        return t("upload.inProgress");
     }
     else if (showError) {
-        return formatMessage(messages.errorAccessibilityLabel);
+        return t("upload.failed");
     }
     else {
-        return (accessibilityLabel || formatMessage(messages.defaultAccessibilityLabel));
+        return accessibilityLabel || t("FormatFile.label");
     }
 }

package/dist/src/InputCurrency/InputCurrency.js

@@ -2,10 +2,10 @@ import React, { useState } from "react";
 import { useIntl } from "react-intl";
 import { Platform } from "react-native";
 import { NUMBER_VALIDATION_REGEX, checkLastChar, configureDecimal, convertToNumber, isValidNumber, limitInputWholeDigits, parseGivenInput, } from "./utils";
-import { messages } from "./messages";
 import { useAtlantisContext } from "../AtlantisContext";
 import { InputText } from "../InputText";
 import { useFormController } from "../hooks/useFormController";
+import { useAtlantisI18n } from "../hooks/useAtlantisI18n";
 export const getInternalValue = (props, field, formatNumber) => {
     var _a, _b;
     if (!props.value && !field.value)
@@ -72,7 +72,7 @@ export function InputCurrency(props) {
             setOnChangeAndDisplayValues(value, value);
         }
     };
-    const { formatMessage } = useIntl();
+    const { t } = useAtlantisI18n();
     return (React.createElement(React.Fragment, null,
         React.createElement(InputText, Object.assign({}, props, { prefix: showCurrencySymbol ? { label: currencySymbol } : undefined, keyboard: getKeyboard(props), value: ((_a = props.value) === null || _a === void 0 ? void 0 : _a.toString()) || displayValue, defaultValue: (_b = props.defaultValue) === null || _b === void 0 ? void 0 : _b.toString(), onChangeText: handleChange, transform: {
                 output: val => {
@@ -80,7 +80,7 @@ export function InputCurrency(props) {
                 },
             }, validations: Object.assign({ pattern: {
                     value: NUMBER_VALIDATION_REGEX,
-                    message: formatMessage(messages.notANumberError),
+                    message: t("errors.notANumber"),
                 } }, props.validations), onBlur: () => {
                 var _a;
                 (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props);

package/dist/src/InputDate/InputDate.js

@@ -1,13 +1,12 @@
 import React, { useMemo, useState } from "react";
 import DateTimePicker from "react-native-modal-datetime-picker";
 import { Platform } from "react-native";
-import { useIntl } from "react-intl";
 import { utcToZonedTime } from "date-fns-tz";
 import { format as formatDate } from "date-fns";
-import { messages } from "./messages";
 import { FormField } from "../FormField";
 import { InputPressable } from "../InputPressable";
 import { useAtlantisContext } from "../AtlantisContext";
+import { useAtlantisI18n } from "../hooks/useAtlantisI18n";
 function formatInvalidState(error, invalid) {
     if (invalid)
         return invalid;
@@ -33,7 +32,7 @@ export function InputDate(props) {
 }
 function InternalInputDate({ clearable = "always", disabled, emptyValueLabel, invalid, maxDate, minDate, placeholder, value, name, onChange, accessibilityLabel, accessibilityHint, }) {
     const [showPicker, setShowPicker] = useState(false);
-    const { formatMessage } = useIntl();
+    const { t, locale } = useAtlantisI18n();
     const { timeZone, dateFormat } = useAtlantisContext();
     const date = useMemo(() => {
         if (typeof value === "string")
@@ -48,10 +47,10 @@ function InternalInputDate({ clearable = "always", disabled, emptyValueLabel, in
         return emptyValueLabel;
     }, [date, emptyValueLabel, timeZone, dateFormat]);
     const canClearDate = formattedDate === emptyValueLabel ? "never" : clearable;
-    const placeholderLabel = placeholder !== null && placeholder !== void 0 ? placeholder : formatMessage(messages.datePlaceholder);
+    const placeholderLabel = placeholder !== null && placeholder !== void 0 ? placeholder : t("date");
     return (React.createElement(React.Fragment, null,
         React.createElement(InputPressable, { clearable: canClearDate, disabled: disabled, invalid: invalid, placeholder: placeholderLabel, prefix: { icon: "calendar" }, value: formattedDate, onClear: handleClear, onPress: showDatePicker, accessibilityLabel: accessibilityLabel, accessibilityHint: accessibilityHint }),
-        React.createElement(DateTimePicker, { testID: "inputDate-datePicker", date: date || undefined, display: display, isVisible: showPicker, maximumDate: maxDate, minimumDate: minDate, mode: "date", onCancel: handleCancel, onConfirm: handleConfirm })));
+        React.createElement(DateTimePicker, { testID: "inputDate-datePicker", date: date || undefined, display: display, isVisible: showPicker, maximumDate: maxDate, minimumDate: minDate, mode: "date", confirmTextIOS: t("confirm"), cancelTextIOS: t("cancel"), locale: locale, onCancel: handleCancel, onConfirm: handleConfirm })));
     function showDatePicker() {
         setShowPicker(true);
     }

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

@@ -1,12 +1,11 @@
 import React from "react";
 import { Pressable, View } from "react-native";
-import { useIntl } from "react-intl";
 import { styles } from "./ClearAction.style";
-import { messages } from "./messages";
 import { Icon } from "../../../Icon";
+import { useAtlantisI18n } from "../../../hooks/useAtlantisI18n";
 export function ClearAction({ onPress, hasMarginRight = false, }) {
-    const { formatMessage } = useIntl();
-    return (React.createElement(Pressable, { style: [styles.container, hasMarginRight && styles.addedMargin], onPress: onPress, accessibilityLabel: formatMessage(messages.clearTextLabel) },
+    const { t } = useAtlantisI18n();
+    return (React.createElement(Pressable, { style: [styles.container, hasMarginRight && styles.addedMargin], onPress: onPress, accessibilityLabel: t("InputFieldWrapper.clear") },
         React.createElement(View, { style: styles.circle },
             React.createElement(Icon, { size: "small", name: "cross", color: "interactiveSubtle" }))));
 }