From 4818432b75004981fb772e37acb52c920014c2b5 Mon Sep 17 00:00:00 2001
From: Kaustubh Kumar <kaustubhkumar05@gmail.com>
Date: Thu, 28 Nov 2024 16:31:58 +0530
Subject: [PATCH] revert: remove framer motion and nc for ios (#3388)

---
 packages/roomkit-react/package.json           |  3 +-
 .../Prebuilt/components/VideoLayouts/Grid.tsx | 61 +++++++++----------
 .../src/VideoTile/StyledVideoTile.tsx         | 17 +-----
 yarn.lock                                     | 15 ++---
 4 files changed, 36 insertions(+), 60 deletions(-)

diff --git a/packages/roomkit-react/package.json b/packages/roomkit-react/package.json
index 11c2c5bd90..a816c1bea7 100644
--- a/packages/roomkit-react/package.json
+++ b/packages/roomkit-react/package.json
@@ -76,7 +76,7 @@
   },
   "dependencies": {
     "@100mslive/hls-player": "0.3.24",
-    "@100mslive/hms-noise-cancellation": "0.0.2-alpha.7",
+    "@100mslive/hms-noise-cancellation": "0.0.1",
     "@100mslive/hms-virtual-background": "1.13.24",
     "@100mslive/hms-whiteboard": "0.0.14",
     "@100mslive/react-icons": "0.10.24",
@@ -102,7 +102,6 @@
     "@stitches/react": "1.3.1-1",
     "emoji-mart": "^5.2.2",
     "eventemitter2": "^6.4.9",
-    "framer-motion": "^11.11.0",
     "lodash.merge": "^4.6.2",
     "qrcode.react": "^3.1.0",
     "react-dom": "^18.2.0",
diff --git a/packages/roomkit-react/src/Prebuilt/components/VideoLayouts/Grid.tsx b/packages/roomkit-react/src/Prebuilt/components/VideoLayouts/Grid.tsx
index dfd47f9b0c..751d5eed8b 100644
--- a/packages/roomkit-react/src/Prebuilt/components/VideoLayouts/Grid.tsx
+++ b/packages/roomkit-react/src/Prebuilt/components/VideoLayouts/Grid.tsx
@@ -1,5 +1,4 @@
 import React from 'react';
-import { AnimatePresence } from 'framer-motion';
 import { TrackWithPeerAndDimensions } from '@100mslive/react-sdk';
 import { Box } from '../../../Layout';
 // @ts-ignore: No implicit Any
@@ -10,37 +9,35 @@ export const Grid = React.forwardRef<HTMLDivElement, { tiles: TrackWithPeerAndDi
   ({ tiles, edgeToEdge }, ref) => {
     const videoTileProps = useVideoTileContext();
     return (
-      <AnimatePresence>
-        <Box
-          ref={ref}
-          css={{
-            flex: '1 1 0',
-            gap: '$4',
-            display: 'flex',
-            placeContent: 'center',
-            alignItems: 'center',
-            justifyContent: 'center',
-            flexFlow: 'row wrap',
-            minHeight: 0,
-            '@lg': { gap: edgeToEdge ? 0 : '$4' },
-          }}
-        >
-          {tiles?.map(tile => {
-            return (
-              <VideoTile
-                key={tile.track?.id || tile.peer?.id}
-                width={tile.width}
-                height={tile.height}
-                peerId={tile.peer?.id}
-                trackId={tile.track?.id}
-                rootCSS={{ padding: 0 }}
-                objectFit="contain"
-                {...videoTileProps}
-              />
-            );
-          })}
-        </Box>
-      </AnimatePresence>
+      <Box
+        ref={ref}
+        css={{
+          flex: '1 1 0',
+          gap: '$4',
+          display: 'flex',
+          placeContent: 'center',
+          alignItems: 'center',
+          justifyContent: 'center',
+          flexFlow: 'row wrap',
+          minHeight: 0,
+          '@lg': { gap: edgeToEdge ? 0 : '$4' },
+        }}
+      >
+        {tiles?.map(tile => {
+          return (
+            <VideoTile
+              key={tile.track?.id || tile.peer?.id}
+              width={tile.width}
+              height={tile.height}
+              peerId={tile.peer?.id}
+              trackId={tile.track?.id}
+              rootCSS={{ padding: 0 }}
+              objectFit="contain"
+              {...videoTileProps}
+            />
+          );
+        })}
+      </Box>
     );
   },
 );
diff --git a/packages/roomkit-react/src/VideoTile/StyledVideoTile.tsx b/packages/roomkit-react/src/VideoTile/StyledVideoTile.tsx
index 731e33ec8b..5dc96fdb48 100644
--- a/packages/roomkit-react/src/VideoTile/StyledVideoTile.tsx
+++ b/packages/roomkit-react/src/VideoTile/StyledVideoTile.tsx
@@ -1,4 +1,3 @@
-import { motion } from 'framer-motion';
 import { Box } from '../Layout';
 import { styled } from '../Theme';
 import { flexCenter } from '../utils';
@@ -7,18 +6,6 @@ export const Root = styled('div', {
   padding: '0.75rem',
 });
 
-const MotionRoot = motion(Root);
-MotionRoot.defaultProps = {
-  layout: true,
-  transition: {
-    type: 'spring',
-    stiffness: 300,
-    damping: 30,
-    mass: 1,
-    duration: 0.15,
-  },
-};
-
 const Container = styled('div', {
   width: '100%',
   height: '100%',
@@ -137,7 +124,7 @@ const AvatarContainer = styled(Box, {
 });
 
 interface VideoTileType {
-  Root: typeof MotionRoot;
+  Root: typeof Root;
   Container: typeof Container;
   Overlay: typeof Overlay;
   Info: typeof Info;
@@ -148,7 +135,7 @@ interface VideoTileType {
 }
 
 export const StyledVideoTile: VideoTileType = {
-  Root: MotionRoot,
+  Root,
   Container,
   Overlay,
   Info,
diff --git a/yarn.lock b/yarn.lock
index 13e2f8c3fd..c24338fdd8 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2,10 +2,10 @@
 # yarn lockfile v1
 
 
-"@100mslive/hms-noise-cancellation@0.0.2-alpha.7":
-  version "0.0.2-alpha.7"
-  resolved "https://registry.yarnpkg.com/@100mslive/hms-noise-cancellation/-/hms-noise-cancellation-0.0.2-alpha.7.tgz#049221bf8cac991c2e29594cf92e4022d1a8190b"
-  integrity sha512-XRhhbGWDWnSnKK6cfSiVaBpRyTleG/ysZr36Vec3WJab26rLBP7B9JTn0kT8MYpbBW+1mmyuPjR7vwI20Qo/vQ==
+"@100mslive/hms-noise-cancellation@0.0.1":
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/@100mslive/hms-noise-cancellation/-/hms-noise-cancellation-0.0.1.tgz#037c8bdfb6b2d7bf12f9d257422150fe6ca43acb"
+  integrity sha512-DGnzcXRDJREWypIjGX70er+f2k/XLLRF41lrXPs1+PtB1imdEkECPPS0Fg4BA0BCWKDNAGTZBHZPrBDgUmr9Lw==
 
 "@100mslive/types-prebuilt@0.12.12":
   version "0.12.12"
@@ -10511,13 +10511,6 @@ fragment-cache@^0.2.1:
   dependencies:
     map-cache "^0.2.2"
 
-framer-motion@^11.11.0:
-  version "11.11.9"
-  resolved "https://registry.yarnpkg.com/framer-motion/-/framer-motion-11.11.9.tgz#a60ddf5abbd924812df923068628537a5c6ad8b9"
-  integrity sha512-XpdZseuCrZehdHGuW22zZt3SF5g6AHJHJi7JwQIigOznW4Jg1n0oGPMJQheMaKLC+0rp5gxUKMRYI6ytd3q4RQ==
-  dependencies:
-    tslib "^2.4.0"
-
 fresh@0.5.2:
   version "0.5.2"
   resolved "https://registry.yarnpkg.com/fresh/-/fresh-0.5.2.tgz#3d8cadd90d976569fa835ab1f8e4b23a105605a7"