@jobber/components-native 0.44.2 → 0.45.1

package/src/Form/components/FormErrorBanner/FormErrorBanner.test.tsx

@@ -1,8 +1,6 @@
 import React from "react";
 import { cleanup, render } from "@testing-library/react-native";
-import { useIntl } from "react-intl";
 import { FormErrorBanner } from "./FormErrorBanner";
-import { messages as formErrorBannerMessages } from "./messages";
 import { defaultValues as contextDefaultValue } from "../../../AtlantisContext";
 import * as atlantisContext from "../../../AtlantisContext/AtlantisContext";
 
@@ -16,65 +14,20 @@ describe("FormErrorBanner", () => {
     });
   });
 
-  const { formatMessage } = useIntl();
-  const networkError = new Error();
+  const networkError = "An error occurred";
   const userError = {
     title: "My error",
     messages: ["userError1", "userError2"],
   };
-  const validationErrors = [
-    "This is the first validation error",
-    "This is the second validation error",
-  ];
-
-  it("should render Offline banner when offline", () => {
-    atlantisContextSpy.mockReturnValue({
-      ...contextDefaultValue,
-      isOnline: false,
-    });
-    const { getByText, queryByText } = render(
-      <FormErrorBanner
-        // @ts-expect-error tsc-ci
-        networkError={networkError}
-        bannerError={userError}
-        validationErrors={validationErrors}
-        actionLabel="Action"
-      />,
-    );
-
-    // Show: Offline Message
-    expect(
-      getByText(formatMessage(formErrorBannerMessages.offlineError)),
-    ).toBeDefined();
-
-    // Hide: Network Error, User Error, Validation Error
-    expect(
-      queryByText(formatMessage(formErrorBannerMessages.networkError)),
-    ).toBeNull();
-
-    expect(queryByText(userError.title)).toBeNull();
-  });
+  const couldNotSavechanges = "Could not save changes";
 
   it("should render network error banner when online and network errors exist", () => {
     const { getByText, queryByText } = render(
-      <FormErrorBanner
-        // @ts-expect-error tsc-ci
-        networkError={networkError}
-        bannerError={userError}
-        actionLabel="action"
-      />,
+      <FormErrorBanner networkError={networkError} bannerError={userError} />,
     );
 
-    // Show: Network Error
-    expect(
-      getByText(formatMessage(formErrorBannerMessages.networkError)),
-    ).toBeDefined();
-
-    // Hide: Offline Message, User Error, Validation Error
-    expect(
-      queryByText(formatMessage(formErrorBannerMessages.offlineError)),
-    ).toBeNull();
-
+    // Show: Network Error only
+    expect(getByText(couldNotSavechanges)).toBeDefined();
     expect(queryByText(userError.title)).toBeNull();
   });
 
@@ -83,19 +36,11 @@ describe("FormErrorBanner", () => {
       <FormErrorBanner bannerError={userError} />,
     );
 
-    // Show: User Error
+    // Show: User Error only
     expect(getByText(userError.title)).toBeDefined();
     expect(getByText(userError.messages[0])).toBeDefined();
     expect(getByText(userError.messages[1])).toBeDefined();
-
-    // Hide: Offline Message, Network Error, Validation Error
-    expect(
-      queryByText(formatMessage(formErrorBannerMessages.offlineError)),
-    ).toBeNull();
-
-    expect(
-      queryByText(formatMessage(formErrorBannerMessages.networkError)),
-    ).toBeNull();
+    expect(queryByText(couldNotSavechanges)).toBeNull();
   });
 
   it("should render user error banner with just title when online", () => {
@@ -106,17 +51,9 @@ describe("FormErrorBanner", () => {
       <FormErrorBanner bannerError={userErrorJustTitle} />,
     );
 
-    // Show: User Error
+    // Show: User Error only
     expect(getByText(userErrorJustTitle.title)).toBeDefined();
-
-    // Hide: Offline Message, Network Error, Validation Error
-    expect(
-      queryByText(formatMessage(formErrorBannerMessages.offlineError)),
-    ).toBeNull();
-
-    expect(
-      queryByText(formatMessage(formErrorBannerMessages.networkError)),
-    ).toBeNull();
+    expect(queryByText(couldNotSavechanges)).toBeNull();
   });
 });
 

package/src/Form/components/FormErrorBanner/FormErrorBanner.tsx

@@ -1,25 +1,16 @@
 import React from "react";
-import { useIntl } from "react-intl";
-import { messages } from "./messages";
 import { FormBannerErrors } from "../../types";
-import { useAtlantisContext } from "../../../AtlantisContext";
 import { Banner } from "../../../Banner";
+import { useAtlantisI18n } from "../../../hooks/useAtlantisI18n";
 
 export function FormErrorBanner({
   networkError,
   bannerError,
 }: FormBannerErrors): JSX.Element {
-  const { formatMessage } = useIntl();
-  const { isOnline } = useAtlantisContext();
+  const { t } = useAtlantisI18n();
 
-  if (!isOnline) {
-    return (
-      <Banner text={formatMessage(messages.offlineError)} type={"error"} />
-    );
-  } else if (networkError) {
-    return (
-      <Banner text={formatMessage(messages.networkError)} type={"error"} />
-    );
+  if (networkError) {
+    return <Banner type={"error"}>{t("errors.couldNotSave")}</Banner>;
   } else if (bannerError) {
     return (
       <Banner
@@ -28,7 +19,7 @@ export function FormErrorBanner({
         type={"error"}
       />
     );
-  } else {
-    return <></>;
   }
+
+  return <></>;
 }

package/src/Form/components/FormMask/FormMask.tsx

@@ -1,18 +1,14 @@
 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(): JSX.Element {
-  const { formatMessage } = useIntl();
+  const { t } = useAtlantisI18n();
 
   return (
-    <View
-      style={styles.mask}
-      accessibilityLabel={formatMessage(messages.loadingA11YLabel)}
-    >
+    <View style={styles.mask} accessibilityLabel={t("loading")}>
       <ActivityIndicator />
     </View>
   );

package/src/Form/components/FormMessage/components/InternalFormMessage/InternalFormMessage.tsx

@@ -2,10 +2,9 @@ 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, EmptyStateProps } from "../../../../../EmptyState";
+import { useAtlantisI18n } from "../../../../../hooks/useAtlantisI18n";
 
 interface FormMessageProps {
   readonly data: EmptyStateProps;
@@ -16,7 +15,7 @@ export function InternalFormMessage({
   data,
   onRequestClose,
 }: FormMessageProps): JSX.Element {
-  const { formatMessage } = useIntl();
+  const { t } = useAtlantisI18n();
   const emptyStateData: EmptyStateProps = useMemo(() => {
     if (data.secondaryAction) {
       return data;
@@ -24,12 +23,12 @@ export function InternalFormMessage({
       return {
         ...data,
         secondaryAction: {
-          label: formatMessage(messages.goBackButton),
+          label: t("goBack"),
           onPress: onRequestClose,
         },
       };
     }
-  }, [data, formatMessage, onRequestClose]);
+  }, [data, t, onRequestClose]);
 
   return (
     <Modal

package/src/Form/components/FormSaveButton/FormSaveButton.test.tsx

@@ -3,8 +3,6 @@ import { fireEvent, render, waitFor } from "@testing-library/react-native";
 import { Host } from "react-native-portalize";
 import { IconNames } from "@jobber/design";
 import { FormSaveButton } from "./FormSaveButton";
-import { messages } from "./messages";
-import { messages as buttonGroupMessage } from "../../../ButtonGroup/messages";
 
 interface TestSecondaryActionProp {
   label: string;
@@ -62,7 +60,7 @@ describe("the form save button is enabled", () => {
 
   it("renders a save button and calls the onPress handler when pressed", () => {
     const pressHandler = jest.fn();
-    const saveButtonText = messages.saveButton.defaultMessage;
+    const saveButtonText = "Save";
     const { getByLabelText } = render(
       <ButtonGroupForTest
         primaryAction={pressHandler}
@@ -121,9 +119,7 @@ describe("when a secondaryActions is passed in", () => {
       />,
     );
 
-    expect(
-      getByLabelText(buttonGroupMessage.more.defaultMessage),
-    ).toBeDefined();
+    expect(getByLabelText("More")).toBeDefined();
   });
 
   it("renders a secondaryAction element with and fires the onSubmit and beforeSubmit if available", async () => {
@@ -148,7 +144,7 @@ describe("when a secondaryActions is passed in", () => {
         ]}
       />,
     );
-    fireEvent.press(getByLabelText(buttonGroupMessage.more.defaultMessage));
+    fireEvent.press(getByLabelText("More"));
     expect(getByLabelText("hi")).toBeDefined();
     fireEvent.press(getByLabelText("hi"));
     expect(beforeSubmitMock).toHaveBeenCalled();

package/src/Form/components/FormSaveButton/FormSaveButton.tsx

@@ -1,12 +1,11 @@
 import React from "react";
-import { useIntl } from "react-intl";
 import { useFormContext } from "react-hook-form";
-import { messages } from "./messages";
 import { FormSaveButtonProps, SecondaryActionProp } from "../../types";
 import {
   ButtonGroup,
   ButtonGroupSecondaryActionProps,
 } from "../../../ButtonGroup";
+import { useAtlantisI18n } from "../../../hooks/useAtlantisI18n";
 
 export function FormSaveButton({
   primaryAction,
@@ -17,7 +16,7 @@ export function FormSaveButton({
   onOpenBottomSheet,
   onCloseBottomSheet,
 }: FormSaveButtonProps): JSX.Element {
-  const { formatMessage } = useIntl();
+  const { t } = useAtlantisI18n();
   const formContext = useFormContext();
   const buttonActions = useButtonGroupAction(secondaryActions);
 
@@ -34,7 +33,7 @@ export function FormSaveButton({
               <ButtonGroup.PrimaryAction
                 key={index}
                 onPress={primaryAction}
-                label={label ?? formatMessage(messages.saveButton)}
+                label={label ?? t("save")}
                 loading={loading}
               />
             );
@@ -69,7 +68,7 @@ export function FormSaveButton({
       : [];
 
     buttonGroupActionProps.unshift({
-      label: label ?? formatMessage(messages.saveButton),
+      label: label ?? t("save"),
       onPress: primaryAction,
       loading: loading,
       icon: undefined,

package/src/Form/hooks/useOfflineHandler.ts

@@ -1,28 +1,27 @@
 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(): (
   callback: () => void,
   dismiss: () => void,
 ) => () => void {
-  const { formatMessage } = useIntl();
+  const { t } = useAtlantisI18n();
 
   const handleOfflineSubmit = useCallback(
     (callback: () => void, dismiss: () => void) => {
       return () => {
         Alert.alert(
-          formatMessage(messages.unavailableNetworkTitle),
-          formatMessage(messages.unavailableNetworkMessage),
+          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,
             },
@@ -30,7 +29,7 @@ export function useOfflineHandler(): (
         );
       };
     },
-    [formatMessage],
+    [t],
   );
   return handleOfflineSubmit;
 }

package/src/FormatFile/FormatFile.test.tsx

@@ -2,7 +2,6 @@ import React from "react";
 import { RenderAPI, fireEvent, render } from "@testing-library/react-native";
 import { Host } from "react-native-portalize";
 import { Alert } from "react-native";
-import { useIntl } from "react-intl";
 import { File, FormatFile } from ".";
 import {
   FILE_MOCK_FILE,
@@ -13,8 +12,6 @@ import {
   FILE_UPLOAD_MOCK_IMAGE,
   FILE_UPLOAD_MOCK_PDF,
 } from "./components/_mocks/mockFiles";
-import { messages } from "./components/FormatFileBottomSheet/messages";
-import { messages as formatFileMessages } from "./messages";
 import { BottomSheetOptionsSuffix } from "./components/FormatFileBottomSheet";
 import { FileUpload, StatusCode } from "./types";
 import { tokens } from "../utils/design";
@@ -94,11 +91,7 @@ function basicRenderTestWithValue() {
 
     it("renders a helpful accessibility label", () => {
       const tree = renderFormatFile(file);
-      expect(
-        tree.getByLabelText(
-          formatFileMessages.inProgressAccessibilityLabel.defaultMessage,
-        ),
-      ).toBeDefined();
+      expect(tree.getByLabelText("Upload in progress.")).toBeDefined();
     });
 
     it("renders an overlay on the image when upload status is not completed", () => {
@@ -166,11 +159,7 @@ function basicRenderTestWithValue() {
 
     it("renders a helpful accessibility label", () => {
       const tree = renderFormatFile(file);
-      expect(
-        tree.getByLabelText(
-          formatFileMessages.errorAccessibilityLabel.defaultMessage,
-        ),
-      ).toBeDefined();
+      expect(tree.getByLabelText("Failed to upload.")).toBeDefined();
     });
 
     it("does not render an overlay", () => {
@@ -206,10 +195,7 @@ function basicRenderTestWithValue() {
     "when a uploaded %s is being used",
     (bottomSheetOptionsSuffix, testId, file) => {
       let tree: RenderAPI;
-      const { formatMessage } = useIntl();
-      const removeLabel = formatMessage(messages.removeButton, {
-        bottomSheetOptionsSuffix: bottomSheetOptionsSuffix,
-      });
+      const removeLabel = `Remove ${bottomSheetOptionsSuffix}`;
 
       beforeEach(() => {
         jest.clearAllMocks();
@@ -244,12 +230,8 @@ function basicRenderTestWithValue() {
   );
 
   describe("when the preview option is tapped", () => {
-    const { formatMessage } = useIntl();
-
     it("calls onPreview with a valid image", () => {
-      const previewLabel = formatMessage(messages.lightBoxPreviewButton, {
-        bottomSheetOptionsSuffix: "image",
-      });
+      const previewLabel = "Preview image";
       const { getByTestId, getByLabelText } = renderFormatFile(
         FILE_UPLOAD_MOCK_IMAGE({ progress: 1, status: StatusCode.Completed }),
         "image",
@@ -260,9 +242,7 @@ function basicRenderTestWithValue() {
     });
 
     it("calls onPreview with a valid pdf file", () => {
-      const previewLabel = formatMessage(messages.lightBoxPreviewButton, {
-        bottomSheetOptionsSuffix: "file",
-      });
+      const previewLabel = "Preview file";
       const { getByTestId, getByLabelText } = renderFormatFile(
         FILE_UPLOAD_MOCK_PDF({ progress: 1, status: StatusCode.Completed }),
         "file",
@@ -273,9 +253,7 @@ function basicRenderTestWithValue() {
     });
 
     it("calls onPreview with a valid external PDF file", () => {
-      const previewLabel = formatMessage(messages.lightBoxPreviewButton, {
-        bottomSheetOptionsSuffix: "file",
-      });
+      const previewLabel = "Preview file";
       const { getByTestId, getByLabelText } = renderFormatFile(
         FILE_MOCK_PDF,
         "file",
@@ -286,9 +264,7 @@ function basicRenderTestWithValue() {
     });
 
     it("does not show the preview option with an unaccepted file", () => {
-      const previewLabel = formatMessage(messages.lightBoxPreviewButton, {
-        bottomSheetOptionsSuffix: "file",
-      });
+      const previewLabel = "Preview file";
       const { getByTestId, queryByLabelText } = renderFormatFile(
         FILE_UPLOAD_MOCK_FILE({ progress: 1, status: StatusCode.Completed }),
         "file",

package/src/FormatFile/FormatFile.tsx

@@ -1,7 +1,5 @@
 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 {
@@ -20,6 +18,7 @@ import {
 import { AtlantisFormatFileContext } from "./context/FormatFileContext";
 import { createUseCreateThumbnail } from "./utils/createUseCreateThumbnail";
 import { BottomSheetRef } from "../BottomSheet/BottomSheet";
+import { useAtlantisI18n } from "../hooks/useAtlantisI18n";
 
 export interface FormatFileProps<T> {
   /**
@@ -247,7 +246,7 @@ function FormatFileInternal({
     file.status !== StatusCode.Completed,
   );
 
-  const { formatMessage } = useIntl();
+  const { t } = useAtlantisI18n();
   const bottomSheetRef = createRef<BottomSheetRef>();
 
   const handlePreviewPress = useCallback(() => {
@@ -263,10 +262,7 @@ function FormatFileInternal({
       <View>
         <TouchableOpacity
           accessibilityRole="imagebutton"
-          accessibilityHint={
-            accessibilityHint ??
-            formatMessage(messages.defaultAccessibilityHint)
-          }
+          accessibilityHint={accessibilityHint ?? t("FormatFile.hint")}
           onPress={handleOnPress}
           testID={testID}
         >

package/src/FormatFile/components/FileView/FileView.tsx

@@ -1,6 +1,5 @@
 import React from "react";
 import { View } from "react-native";
-import { useIntl } from "react-intl";
 import { IconNames } from "@jobber/design";
 import { styles } from "./FileView.style";
 import { Icon } from "../../../Icon";
@@ -9,6 +8,7 @@ import { FormattedFile, StatusCode } from "../../types";
 import { computeA11yLabel } from "../../utils";
 import { ProgressBar } from "../ProgressBar";
 import { ErrorIcon } from "../ErrorIcon";
+import { useAtlantisI18n } from "../../../hooks/useAtlantisI18n";
 
 interface FileViewProps {
   accessibilityLabel?: string;
@@ -27,12 +27,12 @@ export function FileView({
   showError,
   onUploadComplete,
 }: FileViewProps): JSX.Element {
-  const { formatMessage } = useIntl();
+  const { t } = useAtlantisI18n();
   const a11yLabel = computeA11yLabel({
     accessibilityLabel,
     showOverlay,
     showError,
-    formatMessage,
+    t,
   });
 
   const freezeProgressBar =

package/src/FormatFile/components/FormatFileBottomSheet/FormatFileBottomSheet.test.tsx

@@ -1,13 +1,11 @@
 import React, { createRef } from "react";
 import { RenderAPI, fireEvent, render } from "@testing-library/react-native";
 import { Host } from "react-native-portalize";
-import { useIntl } from "react-intl";
 import { act } from "react-test-renderer";
 import {
   BottomSheetOptionsSuffix,
   FormatFileBottomSheet,
 } from "./FormatFileBottomSheet";
-import { messages } from "./messages";
 import { BottomSheetRef } from "../../../BottomSheet/BottomSheet";
 
 let Platform: { OS: "ios" | "android" };
@@ -38,13 +36,8 @@ const basicRenderTestWithValue = () => {
   describe.each([["image"], ["receipt"], ["file"], ["video"]])(
     "when FormatFileBottomSheet for %s is opened",
     bottomSheetOptionsSuffix => {
-      const { formatMessage } = useIntl();
-      const previewLabel = formatMessage(messages.lightBoxPreviewButton, {
-        bottomSheetOptionsSuffix,
-      });
-      const removeLabel = formatMessage(messages.removeButton, {
-        bottomSheetOptionsSuffix,
-      });
+      const previewLabel = `Preview ${bottomSheetOptionsSuffix}`;
+      const removeLabel = `Remove ${bottomSheetOptionsSuffix}`;
       let tree: RenderAPI;
 
       beforeEach(() => {

package/src/FormatFile/components/FormatFileBottomSheet/FormatFileBottomSheet.tsx

@@ -1,9 +1,8 @@
 import React, { RefObject } from "react";
 import { Portal } from "react-native-portalize";
-import { useIntl } from "react-intl";
-import { messages } from "./messages";
 import { BottomSheet, BottomSheetRef } from "../../../BottomSheet/BottomSheet";
 import { BottomSheetOption } from "../../../BottomSheet/components/BottomSheetOption";
+import { useAtlantisI18n } from "../../../hooks/useAtlantisI18n";
 
 export type BottomSheetOptionsSuffix = "receipt" | "image" | "file" | "video";
 
@@ -20,7 +19,7 @@ export const FormatFileBottomSheet = ({
   onRemovePress,
   bottomSheetOptionsSuffix,
 }: FormatFileBottomSheetProps): JSX.Element => {
-  const { formatMessage } = useIntl();
+  const { t } = useAtlantisI18n();
 
   const handlePress = (onPressAction: () => void) => {
     onPressAction();
@@ -34,8 +33,8 @@ export const FormatFileBottomSheet = ({
         {onPreviewPress ? (
           <BottomSheetOption
             icon={"eye"}
-            text={formatMessage(messages.lightBoxPreviewButton, {
-              bottomSheetOptionsSuffix,
+            text={t("FormatFile.preview", {
+              item: bottomSheetOptionsSuffix || "",
             })}
             onPress={() => handlePress(onPreviewPress)}
           />
@@ -44,8 +43,8 @@ export const FormatFileBottomSheet = ({
           <BottomSheetOption
             icon={"trash"}
             destructive={true}
-            text={formatMessage(messages.removeButton, {
-              bottomSheetOptionsSuffix,
+            text={t("FormatFile.remove", {
+              item: bottomSheetOptionsSuffix || "",
             })}
             onPress={() => handlePress(onRemovePress)}
           />

package/src/FormatFile/components/MediaView/MediaView.tsx

@@ -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 { FormattedFile, StatusCode } from "../../types";
 import { computeA11yLabel } from "../../utils";
@@ -9,6 +8,7 @@ import { Icon } from "../../../Icon";
 import { ProgressBar } from "../ProgressBar";
 import { ErrorIcon } from "../ErrorIcon";
 import { useAtlantisFormatFileContext } from "../../context/FormatFileContext";
+import { useAtlantisI18n } from "../../../hooks/useAtlantisI18n";
 
 interface MediaViewProps {
   accessibilityLabel?: string;
@@ -27,7 +27,7 @@ export function MediaView({
   styleInGrid,
   onUploadComplete,
 }: MediaViewProps): JSX.Element {
-  const { formatMessage } = useIntl();
+  const { t } = useAtlantisI18n();
   const { useCreateThumbnail } = useAtlantisFormatFileContext();
   const { thumbnail, error } = useCreateThumbnail(file);
   const [isLoading, setIsLoading] = useState(false);
@@ -36,7 +36,7 @@ export function MediaView({
     accessibilityLabel,
     showOverlay,
     showError,
-    formatMessage,
+    t,
   });
 
   const hasError = showError || error;

package/src/FormatFile/utils/computeA11yLabel.ts

@@ -1,26 +1,23 @@
-import { MessageDescriptor } from "react-intl";
-import { messages } from "../messages";
+import { useAtlantisI18nValue } from "../../hooks/useAtlantisI18n";
 
 interface params {
-  accessibilityLabel?: string;
-  showOverlay: boolean;
-  showError: boolean;
-  formatMessage: (message: MessageDescriptor) => string;
+  readonly accessibilityLabel?: string;
+  readonly showOverlay: boolean;
+  readonly showError: boolean;
+  readonly t: useAtlantisI18nValue["t"];
 }
 
 export function computeA11yLabel({
   accessibilityLabel,
   showOverlay,
   showError,
-  formatMessage,
+  t,
 }: params): string {
   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/src/InputCurrency/InputCurrency.test.tsx

@@ -1,10 +1,15 @@
 import React from "react";
 import { fireEvent, render, waitFor } from "@testing-library/react-native";
 import { InputCurrency } from "./InputCurrency";
-import { AtlantisContext, AtlantisContextProps } from "../AtlantisContext";
+import {
+  AtlantisContext,
+  AtlantisContextProps,
+  defaultValues,
+} from "../AtlantisContext";
 
 const mockCurrencySymbol = "£";
 const atlantisContext: AtlantisContextProps = {
+  ...defaultValues,
   currencySymbol: mockCurrencySymbol,
   timeFormat: "p",
   timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,