@jobber/components-native 0.89.3-JOB-139056-70a36ef.0 → 0.89.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components-native",
-  "version": "0.89.3-JOB-139056-70a36ef.0+70a36efd2",
+  "version": "0.89.4",
   "license": "MIT",
   "description": "React Native implementation of Atlantis",
   "repository": {
@@ -94,5 +94,5 @@
     "react-native-safe-area-context": "^5.4.0",
     "react-native-svg": ">=12.0.0"
   },
-  "gitHead": "70a36efd2974f1fc021143eb45c9331a3fa8842b"
+  "gitHead": "adc76ab79cbad1b62fa1d3ff35020f061b390292"
 }

package/src/AtlantisThemeContext/AtlantisThemeContext.test.tsx

@@ -51,24 +51,24 @@ describe("ThemeContext", () => {
     expect(result.current.tokens).toEqual(expectedLightTokens);
   });
 
-  it("updates the theme and tokens", () => {
+  it("updates the theme and tokens", async () => {
     const { result } = renderHook(useAtlantisTheme, {
       wrapper: (props: AtlantisThemeContextProviderProps) => (
         <Wrapper {...props} />
       ),
     });
 
-    act(() => result.current.setTheme("dark"));
+    await act(async () => result.current.setTheme("dark"));
     expect(result.current.theme).toBe("dark");
     expect(result.current.tokens).toEqual(expectedDarkTokens);
 
-    act(() => result.current.setTheme("light"));
+    await act(async () => result.current.setTheme("light"));
     expect(result.current.theme).toBe("light");
     expect(result.current.tokens).toEqual(expectedLightTokens);
   });
 
   describe("when theme is forced for provider", () => {
-    it("ignores updates to the global theme", () => {
+    it("ignores updates to the global theme", async () => {
       const { result } = renderHook(useAtlantisTheme, {
         wrapper: (props: AtlantisThemeContextProviderProps) => (
           <WrapperWithOverride {...props} dangerouslyOverrideTheme="light" />
@@ -76,7 +76,7 @@ describe("ThemeContext", () => {
       });
 
       // Update the global theme
-      act(() => result.current.setTheme("dark"));
+      await act(async () => result.current.setTheme("dark"));
 
       // This hook shouldn't be affected by it because it's set to the light theme
       expect(result.current.theme).toBe("light");

package/src/ContentOverlay/ContentOverlay.test.tsx

@@ -111,7 +111,7 @@ async function renderAndOpenContentOverlay(
 ) {
   const rendered = renderContentOverlay(defaultOptions);
 
-  act(() => {
+  await act(async () => {
     fireEvent.press(rendered.getByLabelText(defaultOptions.buttonLabel));
   });
 
@@ -144,7 +144,7 @@ describe("when the close button is clicked on an open content overlay", () => {
     };
     const contentOverlayScreen = await renderAndOpenContentOverlay(options);
 
-    act(() => {
+    await act(async () => {
       fireEvent.press(
         contentOverlayScreen.getByTestId("ATL-Overlay-CloseButton"),
       );
@@ -165,7 +165,7 @@ describe("when the close button is clicked on an open content overlay with a def
     };
     const contentOverlayScreen = await renderAndOpenContentOverlay(options);
 
-    act(() => {
+    await act(async () => {
       fireEvent.press(
         contentOverlayScreen.getByTestId("ATL-Overlay-CloseButton"),
       );
@@ -301,7 +301,7 @@ describe("when the close button is clicked on an open content overlay with a def
     };
     const contentOverlayScreen = await renderAndOpenContentOverlay(options);
 
-    act(() => {
+    await act(async () => {
       fireEvent.press(
         contentOverlayScreen.getByTestId("ATL-Overlay-CloseButton"),
       );

package/src/ContentOverlay/hooks/useKeyboardVisibility.test.ts

@@ -8,19 +8,19 @@ const keyboardEvent: Partial<KeyboardEvent> = {
 };
 
 describe("when the user is typing", () => {
-  it("sets the isKeyboardVisible to true", () => {
+  it("sets the isKeyboardVisible to true", async () => {
     const { result } = renderHook(() => useKeyboardVisibility());
 
-    act(() => {
+    await act(async () => {
       DeviceEventEmitter.emit("keyboardDidShow", keyboardEvent);
     });
 
     expect(result.current.isKeyboardVisible).toBe(true);
   });
-  it("the keyboardDidShow event emits the keyboard height", () => {
+  it("the keyboardDidShow event emits the keyboard height", async () => {
     const { result } = renderHook(() => useKeyboardVisibility());
 
-    act(() => {
+    await act(async () => {
       DeviceEventEmitter.emit("keyboardDidShow", keyboardEvent);
     });
 
@@ -31,10 +31,10 @@ describe("when the user is typing", () => {
 });
 
 describe("when the user not typing", () => {
-  it("sets the isKeyboardVisible to false", () => {
+  it("sets the isKeyboardVisible to false", async () => {
     const { result } = renderHook(() => useKeyboardVisibility());
 
-    act(() => {
+    await act(async () => {
       DeviceEventEmitter.emit("keyboardDidHide");
     });
 

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

@@ -39,11 +39,11 @@ const basicRenderTestWithValue = () => {
       const removeLabel = `Remove ${bottomSheetOptionsSuffix}`;
       let tree: RenderAPI;
 
-      beforeEach(() => {
+      beforeEach(async () => {
         tree = renderBottomSheet(
           bottomSheetOptionsSuffix as BottomSheetOptionsSuffix,
         );
-        act(() => {
+        await act(async () => {
           bottomSheetRef.current?.open();
         });
       });

package/src/Glimmer/Glimmer.test.tsx

@@ -46,7 +46,7 @@ describe("Glimmer", () => {
     );
   });
 
-  it("renders sets the correct width", () => {
+  it("renders sets the correct width", async () => {
     jest.useFakeTimers();
 
     // Spy on Animated.timing to verify the animation configuration
@@ -54,7 +54,7 @@ describe("Glimmer", () => {
 
     render(<Glimmer />);
 
-    act(() => {
+    await act(async () => {
       fireEvent(screen.getByTestId(GLIMMER_TEST_ID), "onLayout", {
         nativeEvent: { layout: { width: 300 } },
       });