@capillarytech/creatives-library 8.0.316-alpha.1 → 8.0.316-alpha.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "8.0.316-alpha.1",
+  "version": "8.0.316-alpha.2",
   "description": "Capillary creatives ui",
   "main": "./index.js",
   "module": "./index.es.js",

package/v2Containers/WebPush/Create/hooks/useAiraTriggerPosition.js

@@ -1,4 +1,4 @@
-import { useEffect, useMemo, useState } from 'react';
+import { useLayoutEffect, useMemo, useState } from 'react';
 
 const DEFAULT_BOTTOM = '0.83rem';
 
@@ -27,7 +27,7 @@ export const useAiraTriggerPosition = ({
 }) => {
   const [bottomOffset, setBottomOffset] = useState(DEFAULT_BOTTOM);
 
-  useEffect(() => {
+  useLayoutEffect(() => {
     const wrapperElement = wrapperRef?.current;
     if (!wrapperElement) {
       setBottomOffset(DEFAULT_BOTTOM);
@@ -47,7 +47,8 @@ export const useAiraTriggerPosition = ({
       ));
     };
 
-    const rafId = requestAnimationFrame(updatePosition);
+    updatePosition();
+
     let resizeObserver = null;
 
     if (window.ResizeObserver) {
@@ -61,7 +62,6 @@ export const useAiraTriggerPosition = ({
     }
 
     return () => {
-      cancelAnimationFrame(rafId);
       if (resizeObserver) {
         resizeObserver.disconnect();
       }

package/v2Containers/WebPush/Create/hooks/useAiraTriggerPosition.test.js

@@ -11,12 +11,6 @@ describe('useAiraTriggerPosition', () => {
     disconnectMock = jest.fn();
     resizeObserverCallback = null;
 
-    global.requestAnimationFrame = jest.fn((cb) => {
-      cb();
-      return 1;
-    });
-    global.cancelAnimationFrame = jest.fn();
-
     global.ResizeObserver = jest.fn((cb) => {
       resizeObserverCallback = cb;
       return {