@jobber/components-native 0.44.2 → 0.45.1

package/src/Menu/Menu.test.tsx

@@ -4,7 +4,6 @@ import { Host } from "react-native-portalize";
 import { View } from "react-native";
 import { tokens } from "@jobber/design/foundation";
 import { Menu, MenuOptionProps, MenuProps } from ".";
-import { messages } from "./messages";
 import { Icon } from "../Icon";
 import { Button } from "../Button";
 
@@ -24,6 +23,8 @@ const setup = (props?: MenuProps) => {
   );
 };
 
+const menuLabel = "Menu";
+
 describe("Menu", () => {
   beforeEach(() => {
     mockOnPress.mockClear();
@@ -35,7 +36,7 @@ describe("Menu", () => {
     });
 
     expect(getByTestId("more")).toBeDefined();
-    expect(getByLabelText(messages.more.defaultMessage)).toBeDefined();
+    expect(getByLabelText(menuLabel)).toBeDefined();
   });
 
   it("renders every menu option when menu is opened", () => {
@@ -48,7 +49,7 @@ describe("Menu", () => {
       menuOptions,
     });
 
-    fireEvent.press(getByLabelText(messages.more.defaultMessage));
+    fireEvent.press(getByLabelText(menuLabel));
     expect(getByLabelText(menuOptions[0].label)).toBeDefined();
     expect(getByLabelText(menuOptions[1].label)).toBeDefined();
     expect(getByLabelText(menuOptions[2].label)).toBeDefined();
@@ -116,7 +117,7 @@ describe("Menu", () => {
         ],
       });
 
-      fireEvent.press(getByLabelText(messages.more.defaultMessage));
+      fireEvent.press(getByLabelText(menuLabel));
       fireEvent.press(getByLabelText("hi"));
       expect(mockOnPress).toHaveBeenCalled();
     });
@@ -128,7 +129,7 @@ describe("Menu", () => {
         ],
       });
 
-      fireEvent.press(getByLabelText(messages.more.defaultMessage));
+      fireEvent.press(getByLabelText(menuLabel));
       expect(getByTestId("add").props.style).toContainEqual({
         display: "flex",
         fill: tokens["color-critical"],
@@ -150,7 +151,7 @@ describe("Menu", () => {
         ],
       });
 
-      fireEvent.press(getByLabelText(messages.more.defaultMessage));
+      fireEvent.press(getByLabelText(menuLabel));
       fireEvent.press(getByLabelText("hi"));
       expect(mockOnPress).toHaveBeenCalled();
       expect(queryByLabelText("hi")).toBeNull();
@@ -167,7 +168,7 @@ describe("Menu", () => {
           },
         ],
       });
-      fireEvent.press(getByLabelText(messages.more.defaultMessage));
+      fireEvent.press(getByLabelText(menuLabel));
       expect(getByText("Hi")).toBeDefined();
     });
 
@@ -182,7 +183,7 @@ describe("Menu", () => {
           },
         ],
       });
-      fireEvent.press(getByLabelText(messages.more.defaultMessage));
+      fireEvent.press(getByLabelText(menuLabel));
       expect(getByText("hi")).toBeDefined();
     });
   });
@@ -192,7 +193,7 @@ describe("Menu", () => {
       menuOptions: [{ label: "hi", icon: "add", onPress: mockOnPress }],
     });
 
-    fireEvent.press(getByLabelText(messages.more.defaultMessage));
+    fireEvent.press(getByLabelText(menuLabel));
 
     expect(getByTestId("ATL-MENU-OPTIONS")).toBeDefined();
     expect(getByTestId("add")).toBeDefined();

package/src/Menu/Menu.tsx

@@ -6,10 +6,8 @@ import {
   useWindowDimensions,
 } from "react-native";
 import { Portal } from "react-native-portalize";
-import { useIntl } from "react-intl";
 import { useSafeAreaFrame } from "react-native-safe-area-context";
 import { styles } from "./Menu.style";
-import { messages } from "./messages";
 import { findViewpoint } from "./utils";
 import { MenuProps } from "./types";
 import { MenuOption } from "./components/MenuOption";
@@ -18,6 +16,7 @@ import { tokens } from "../utils/design";
 import { Button } from "../Button";
 import { Content } from "../Content";
 import { useAtlantisContext } from "../AtlantisContext";
+import { useAtlantisI18n } from "../hooks/useAtlantisI18n";
 
 export function Menu({ menuOptions, customActivator }: MenuProps): JSX.Element {
   const [open, setOpen] = useState<boolean>(false);
@@ -26,7 +25,7 @@ export function Menu({ menuOptions, customActivator }: MenuProps): JSX.Element {
   const menuButtonRef = useRef<View | null>();
   const screenInfo = useScreenInformation();
 
-  const { formatMessage } = useIntl();
+  const { t } = useAtlantisI18n();
 
   const findMenuLayout = useCallback(() => {
     if (activatorLayout.current) {
@@ -78,7 +77,7 @@ export function Menu({ menuOptions, customActivator }: MenuProps): JSX.Element {
         {!customActivator && (
           <Button
             icon="more"
-            accessibilityLabel={formatMessage(messages.more)}
+            accessibilityLabel={t("menu")}
             variation="cancel"
             type="tertiary"
             onPress={() => {

package/src/ProgressBar/ProgressBar.tsx

@@ -1,11 +1,10 @@
 import React from "react";
 import { View } from "react-native";
-import { useIntl } from "react-intl";
 import { ProgressBarProps } from "./types";
 import { styles } from "./ProgressBar.style";
 import { ProgressBarInner, calculateWidth } from "./ProgressBarInner";
-import { messages } from "./messages";
 import { tokens } from "../utils/design";
+import { useAtlantisI18n } from "../hooks/useAtlantisI18n";
 
 export function ProgressBar({
   loading,
@@ -15,17 +14,13 @@ export function ProgressBar({
   reverseTheme = false,
   header,
 }: ProgressBarProps): JSX.Element {
-  const { formatMessage } = useIntl();
-  const accessibilityLabel = [];
-  accessibilityLabel.push(formatMessage(messages.complete, { current, total }));
-  inProgress &&
-    accessibilityLabel.push(formatMessage(messages.inProgress, { inProgress }));
+  const { t } = useAtlantisI18n();
 
   return (
     <View
       accessible
       accessibilityRole="progressbar"
-      accessibilityLabel={accessibilityLabel.join(", ")}
+      accessibilityLabel={getA11yLabel()}
     >
       {header}
       <View style={styles.progressBarContainer}>
@@ -55,4 +50,18 @@ export function ProgressBar({
       </View>
     </View>
   );
+
+  function getA11yLabel(): string {
+    const a11yLabelValues = {
+      current: String(current),
+      total: String(total),
+      inProgress: String(inProgress),
+    };
+
+    if (inProgress) {
+      return t("ProgressBar.inProgress", a11yLabelValues);
+    }
+
+    return t("ProgressBar.complete", a11yLabelValues);
+  }
 }

package/src/Select/Select.test.tsx

@@ -8,7 +8,6 @@ import {
 import { tokens } from "@jobber/design/foundation";
 import { AccessibilityInfo } from "react-native";
 import { Option, Select } from ".";
-import { messages } from "./messages";
 import { SelectInternalPicker } from "./components/SelectInternalPicker";
 
 const A11yInfoSpy = jest.spyOn(AccessibilityInfo, "isScreenReaderEnabled");
@@ -24,6 +23,8 @@ afterEach(() => {
   jest.resetAllMocks();
 });
 
+const defaultPlaceholder = "Select an option";
+
 describe("Select", () => {
   it("renders a Select", () => {
     const component = render(
@@ -34,7 +35,7 @@ describe("Select", () => {
     );
     expect(component.getByTestId("arrowDown")).toBeDefined();
     expect(
-      component.getByText(messages.emptyValue.defaultMessage, {
+      component.getByText(defaultPlaceholder, {
         includeHiddenElements: true,
       }),
     ).toBeDefined();
@@ -191,9 +192,7 @@ describe("Select", () => {
       );
 
       expect(
-        getByText(messages.emptyValue.defaultMessage, {
-          includeHiddenElements: true,
-        }),
+        getByText(defaultPlaceholder, { includeHiddenElements: true }),
       ).toBeDefined();
     });
 

package/src/Select/Select.tsx

@@ -1,15 +1,14 @@
 import React, { ReactElement } from "react";
 import { View } from "react-native";
-import { useIntl } from "react-intl";
 import { RegisterOptions } from "react-hook-form";
 import { styles } from "./Select.style";
 import { SelectInternalPicker } from "./components/SelectInternalPicker";
-import { messages } from "./messages";
 import { InputFieldWrapper } from "../InputFieldWrapper";
 import { Icon } from "../Icon";
 import { TextVariation } from "../Typography";
 import { Text } from "../Text";
 import { useFormController } from "../hooks";
+import { useAtlantisI18n } from "../hooks/useAtlantisI18n";
 
 export interface SelectOption {
   /**
@@ -111,7 +110,7 @@ export function Select({
     value: value ?? defaultValue,
   });
 
-  const { formatMessage } = useIntl();
+  const { t } = useAtlantisI18n();
   const internalValue = value ?? field.value;
   const textVariation = getTextVariation({
     disabled,
@@ -134,7 +133,7 @@ export function Select({
         accessible={true}
         accessibilityLabel={getA11yLabel()}
         accessibilityValue={{ text: getValue() }}
-        accessibilityHint={formatMessage(messages.a11yHint)}
+        accessibilityHint={t("Select.a11yHint")}
         accessibilityRole="button"
         accessibilityState={{ disabled: disabled }}
       >
@@ -207,7 +206,7 @@ export function Select({
 
     if (!internalValue || placeholder) {
       options.unshift({
-        label: placeholder || formatMessage(messages.emptyValue),
+        label: placeholder || t("Select.emptyValue"),
         value: "",
         isActive: !internalValue,
       });
@@ -220,9 +219,7 @@ export function Select({
     const options = getOptions();
 
     const activeValue = options.find(option => option.isActive);
-    return (
-      activeValue?.label || placeholder || formatMessage(messages.emptyValue)
-    );
+    return activeValue?.label || placeholder || t("Select.emptyValue");
   }
 }
 

package/src/Select/components/SelectDefaultPicker/SelectDefaultPicker.ios.tsx

@@ -8,11 +8,10 @@ import {
 } from "react-native";
 import { Picker } from "@react-native-picker/picker";
 import { SafeAreaView } from "react-native-safe-area-context";
-import { useIntl } from "react-intl";
 import { styles } from "./SelectDefaultPicker.style";
-import { messages } from "./messages";
 import { SelectInternalPickerProps } from "../../types";
 import { SelectPressable } from "../SelectPressable/SelectPressable";
+import { useAtlantisI18n } from "../../../hooks/useAtlantisI18n";
 
 type SelectDefaultPickerProps = SelectInternalPickerProps;
 
@@ -22,7 +21,7 @@ export function SelectDefaultPicker({
   onChange,
 }: SelectDefaultPickerProps): JSX.Element {
   const [show, setShow] = useState(false);
-  const { formatMessage } = useIntl();
+  const { t } = useAtlantisI18n();
   const selectedLanguage = options.find(option => option.isActive);
 
   return (
@@ -36,7 +35,7 @@ export function SelectDefaultPicker({
       >
         <TouchableOpacity style={styles.overlay} onPress={hidePicker} />
         <View style={styles.actionBar}>
-          <Button title={formatMessage(messages.done)} onPress={hidePicker} />
+          <Button title={t("done")} onPress={hidePicker} />
         </View>
         <View style={styles.pickerContainer} testID="select-wheel-picker">
           <SafeAreaView edges={["bottom"]}>

package/src/Select/components/SelectDefaultPicker/SelectDefaultPicker.test.tsx

@@ -2,7 +2,6 @@ import React from "react";
 import { cleanup, fireEvent, render } from "@testing-library/react-native";
 import { AccessibilityInfo, View } from "react-native";
 import { SelectDefaultPicker } from "./SelectDefaultPicker";
-import { messages } from "./messages";
 import { Text } from "../../../Text";
 
 const A11yInfoSpy = jest.spyOn(AccessibilityInfo, "isScreenReaderEnabled");
@@ -55,7 +54,7 @@ describe("SelectDefaultPicker", () => {
     const screen = setup();
 
     fireEvent.press(screen.getByText(childText));
-    fireEvent.press(screen.getByText(messages.done.defaultMessage));
+    fireEvent.press(screen.getByText("Done"));
     expect(
       screen.getByTestId("SelectDefaultPicker").findAllByType(MockPicker),
     ).toEqual([]);

package/src/Toast/Toast.tsx

@@ -6,28 +6,23 @@ import Toast, {
 } from "react-native-toast-message";
 import { AccessibilityInfo, TouchableOpacity, View } from "react-native";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
-import { useIntl } from "react-intl";
 import { styles } from "./Toast.styles";
-import { messages } from "./messages";
 import { tokens } from "../utils/design";
 import { Text } from "../Text";
 import { IconButton } from "../IconButton";
+import { useAtlantisI18n } from "../hooks/useAtlantisI18n";
 
 const MAX_TOAST_MESSAGE_LENGTH = 60;
 const ANNOUNCEMENT_DELAY = 100;
 
 function DefaultToast({ text1 }: ToastConfigParams<string>): JSX.Element {
   const { bottom } = useSafeAreaInsets();
-  const { formatMessage } = useIntl();
+  const { t } = useAtlantisI18n();
   const toastContainerStyles = [styles.container, { paddingBottom: bottom }];
   return (
     <View style={toastContainerStyles}>
       <View style={styles.toast}>
-        <TouchableOpacity
-          style={styles.toastMessage}
-          accessibilityRole="alert"
-          accessibilityLabel={formatMessage(messages.toastNotificationLabel)}
-        >
+        <TouchableOpacity style={styles.toastMessage} accessibilityRole="alert">
           <Text reverseTheme>{text1}</Text>
         </TouchableOpacity>
         <View style={styles.toastIcon}>
@@ -35,7 +30,7 @@ function DefaultToast({ text1 }: ToastConfigParams<string>): JSX.Element {
             onPress={Toast.hide}
             name="remove"
             customColor={tokens["color-greyBlue--light"]}
-            accessibilityLabel={formatMessage(messages.dismissA11yLabel)}
+            accessibilityLabel={t("dismiss")}
           />
         </View>
       </View>

package/src/hooks/useAtlantisI18n/index.ts

@@ -0,0 +1 @@
+export * from "./useAtlantisI18n";

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

@@ -0,0 +1,35 @@
+{
+  "AutoLink.emailCopied": "Email copied",
+  "AutoLink.phoneCopied": "Phone number copied",
+  "AutoLink.urlCopied": "URL copied",
+  "cancel": "Cancel",
+  "confirm": "Confirm",
+  "copied": "Copied",
+  "date": "Date",
+  "dismiss": "Dismiss",
+  "done": "Done",
+  "ContentOverlay.close": "Close {title} modal",
+  "errors.couldNotSave": "Could not save changes",
+  "errors.notANumber": "Enter a number",
+  "FormatFile.label": "Attachment Preview",
+  "FormatFile.hint": "Select for more options",
+  "FormatFile.preview": "Preview {item}",
+  "FormatFile.remove": "Remove {item}",
+  "goBack": "Go back",
+  "InputFieldWrapper.clear": "Clear input",
+  "InputPassword.enterPassword": "Enter a password",
+  "loading": "Loading",
+  "menu": "Menu",
+  "more": "More",
+  "networkUnavailableTitle": "Network Unavailable",
+  "networkUnavailableDescription": "Check your internet connection and try again later.",
+  "ProgressBar.complete": "{current} of {total} complete",
+  "ProgressBar.inProgress": "{current} of {total} complete, {inProgress} in progress",
+  "save": "Save",
+  "Select.a11yHint": "Select to open the picker",
+  "Select.emptyValue": "Select an option",
+  "time": "Time",
+  "tryAgain": "Try again",
+  "upload.failed": "Failed to upload.",
+  "upload.inProgress": "Upload in progress."
+}

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

@@ -0,0 +1,35 @@
+{
+  "AutoLink.emailCopied": "Correo electrónico copiado",
+  "AutoLink.phoneCopied": "Número de teléfono copiado",
+  "AutoLink.urlCopied": "URL copiada",
+  "cancel": "Cancelar",
+  "confirm": "Confirmar",
+  "copied": "Copiado",
+  "date": "Fecha",
+  "dismiss": "Descartar",
+  "done": "Listo",
+  "ContentOverlay.close": "Close {title} modal",
+  "errors.couldNotSave": "No se pudieron guardar los cambios",
+  "errors.notANumber": "Escriba un número",
+  "FormatFile.label": "Attachment Preview",
+  "FormatFile.hint": "Select for more options",
+  "FormatFile.preview": "Vista previa de {item}",
+  "FormatFile.remove": "Eliminar {item}",
+  "goBack": "Volver",
+  "InputFieldWrapper.clear": "Borrar",
+  "InputPassword.enterPassword": "Escriba una contraseña",
+  "loading": "Cargando",
+  "menu": "Menú",
+  "more": "Más",
+  "networkUnavailableTitle": "Red no disponible",
+  "networkUnavailableDescription": "Compruebe su conexión a Internet e inténtelo de nuevo más adelante.",
+  "ProgressBar.complete": "{current} de {total} completo",
+  "ProgressBar.inProgress": "{current} de {total} completo, {inProgress} en progreso",
+  "save": "Guardar",
+  "Select.a11yHint": "Seleccionar para abrir el selector",
+  "Select.emptyValue": "Seleccione una opción",
+  "time": "Hora",
+  "tryAgain": "Intentar de nuevo",
+  "upload.failed": "No se pudo adjuntar el archivo.",
+  "upload.inProgress": "Carga de archivo en curso."
+}

package/src/hooks/useAtlantisI18n/useAtlantisI18n.test.ts

@@ -0,0 +1,53 @@
+import { renderHook } from "@testing-library/react-native";
+import { useAtlantisI18n } from ".";
+import en from "./locales/en.json";
+import es from "./locales/es.json";
+import * as context from "../../AtlantisContext";
+
+jest.mock("../../AtlantisContext", () => ({
+  // need to mark this as a module so that we can spy on it
+  __esModule: true,
+  ...jest.requireActual("../../AtlantisContext"),
+}));
+
+describe("useAtlantisI18n", () => {
+  it("should return english by default", () => {
+    const { result } = renderHook(useAtlantisI18n);
+
+    expect(result.current.t("cancel")).toBe("Cancel");
+  });
+
+  it("should interpolate the strings wrapped in {}", () => {
+    const { result } = renderHook(useAtlantisI18n);
+
+    expect(result.current.t("FormatFile.preview", { item: "🔱" })).toBe(
+      "Preview 🔱",
+    );
+  });
+
+  describe("Español", () => {
+    it("should return español", () => {
+      const spy = jest.spyOn(context, "useAtlantisContext");
+      spy.mockReturnValueOnce({ ...context.defaultValues, locale: "es" });
+      const { result } = renderHook(useAtlantisI18n);
+
+      expect(result.current.t("cancel")).toBe("Cancelar");
+    });
+  });
+
+  describe("Unsupported language", () => {
+    it("should return the english translation", () => {
+      const spy = jest.spyOn(context, "useAtlantisContext");
+      spy.mockReturnValueOnce({ ...context.defaultValues, locale: "fr" });
+      const { result } = renderHook(useAtlantisI18n);
+
+      expect(result.current.t("cancel")).toBe("Cancel");
+    });
+  });
+
+  describe("Translation files", () => {
+    it("should have the same keys for en and es", () => {
+      expect(Object.keys(en)).toEqual(Object.keys(es));
+    });
+  });
+});

package/src/hooks/useAtlantisI18n/useAtlantisI18n.ts

@@ -0,0 +1,42 @@
+import en from "./locales/en.json";
+import es from "./locales/es.json";
+import { useAtlantisContext } from "../../AtlantisContext";
+
+export type I18nKeys = keyof typeof en;
+
+export interface useAtlantisI18nValue {
+  readonly locale: string;
+  readonly t: (message: I18nKeys, values?: Record<string, string>) => string;
+}
+
+export function useAtlantisI18n(): useAtlantisI18nValue {
+  const { locale } = useAtlantisContext();
+  const t = (messageKey: keyof typeof en, values?: Record<string, string>) =>
+    formatMessage(messageKey, values, locale);
+
+  return { locale, t };
+}
+
+function getLocalizedStrings(locale: string): typeof en {
+  switch (locale) {
+    case "es":
+      return es;
+    default:
+      return en;
+  }
+}
+
+function formatMessage(
+  messageKey: keyof typeof en,
+  values?: Record<string, string>,
+  locale = "en",
+) {
+  const message = getLocalizedStrings(locale)[messageKey];
+
+  if (!values) return message;
+
+  return Object.entries(values).reduce(
+    (acc, [key, value]) => acc.replace(`{${key}}`, value),
+    message,
+  );
+}

package/dist/src/AutoLink/messages.js

@@ -1,18 +0,0 @@
-import { defineMessages } from "react-intl";
-export const messages = defineMessages({
-    phoneCopied: {
-        id: "phoneCopied",
-        defaultMessage: "Phone number copied",
-        description: "Message shown after copying a phone number",
-    },
-    emailCopied: {
-        id: "emailCopied",
-        defaultMessage: "Email copied",
-        description: "Message shown after copying an email",
-    },
-    urlCopied: {
-        id: "urlCopied",
-        defaultMessage: "URL copied",
-        description: "Message shown after copying a URL",
-    },
-});

package/dist/src/BottomSheet/messages.js

@@ -1,8 +0,0 @@
-import { defineMessages } from "react-intl";
-export const messages = defineMessages({
-    cancel: {
-        id: "cancel",
-        defaultMessage: "Cancel",
-        description: "Text for the cancel action",
-    },
-});

package/dist/src/ButtonGroup/messages.js

@@ -1,18 +0,0 @@
-import { defineMessages } from "react-intl";
-export const messages = defineMessages({
-    more: {
-        id: "more",
-        defaultMessage: "More",
-        description: "Accessibility label for the More button",
-    },
-    unavailableNetworkTitle: {
-        id: "unavailableNetworkTitle",
-        defaultMessage: "Network unavailable",
-        description: "The title for alert about network unavailable",
-    },
-    unavailableNetworkMessage: {
-        id: "unavailableNetworkMessage",
-        defaultMessage: "Check your internet connection and try again later.",
-        description: "The message for alert about network unavailable",
-    },
-});

package/dist/src/ContentOverlay/messages.js

@@ -1,8 +0,0 @@
-import { defineMessages } from "react-intl";
-export const messages = defineMessages({
-    closeOverlayA11YLabel: {
-        id: "closeOverlayA11yLabel",
-        defaultMessage: "Close {title} modal",
-        description: "Accessibility label for button to close the overlay modal",
-    },
-});

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

@@ -1,13 +0,0 @@
-import { defineMessages } from "react-intl";
-export const messages = defineMessages({
-    networkError: {
-        id: "networkError",
-        defaultMessage: "Could not save changes",
-        description: "Displayed when a general server error occurs during save",
-    },
-    offlineError: {
-        id: "offlineError",
-        defaultMessage: "Currently offline. Check your internet connection.",
-        description: "Error message to be shown when the app is offline",
-    },
-});

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

@@ -1,8 +0,0 @@
-import { defineMessages } from "react-intl";
-export const messages = defineMessages({
-    goBackButton: {
-        id: "goBackButton",
-        defaultMessage: "Go Back",
-        description: "The label for the fallback secondary button when it doesn't exist",
-    },
-});

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

@@ -1,8 +0,0 @@
-import { defineMessages } from "react-intl";
-export const messages = defineMessages({
-    saveButton: {
-        id: "saveButton",
-        defaultMessage: "Save",
-        description: "The label for the save button",
-    },
-});

package/dist/src/Form/messages.js

@@ -1,28 +0,0 @@
-import { defineMessages } from "react-intl";
-export const messages = defineMessages({
-    loadingA11YLabel: {
-        id: "loadingA11yLabel",
-        defaultMessage: "Loading",
-        description: "Accessibility label for the loading indicator",
-    },
-    dismissAlertButton: {
-        id: "dismiss",
-        defaultMessage: "Dismiss",
-        description: "The label for the button to dismiss the alert ",
-    },
-    retryAlertButton: {
-        id: "retry",
-        defaultMessage: "Try Again",
-        description: "The label for the alert button to try action again",
-    },
-    unavailableNetworkTitle: {
-        id: "unavailableNetworkTitle",
-        defaultMessage: "Network unavailable",
-        description: "The title for alert about network unavailable",
-    },
-    unavailableNetworkMessage: {
-        id: "unavailableNetworkMessage",
-        defaultMessage: "Check your internet connection and try again later.",
-        description: "The message for alert about network unavailable",
-    },
-});

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

@@ -1,13 +0,0 @@
-import { defineMessages } from "react-intl";
-export const messages = defineMessages({
-    lightBoxPreviewButton: {
-        id: "lightBoxPreviewButton",
-        defaultMessage: "Preview {bottomSheetOptionsSuffix}",
-        description: "Label for button when preview the file",
-    },
-    removeButton: {
-        id: "removeButton",
-        defaultMessage: "Remove {bottomSheetOptionsSuffix}",
-        description: "Label for button when remove the file",
-    },
-});