[Bugfix] PiPiP Stop scaling mode popup (#4652)

* add long touch prop to disable scaling for pip

* Change files

Author: dmceachernmsft

change-beta/@azure-communication-react-6fa428a0-b817-499d-bd9d-6627739b4845.json

@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "fix",
+  "workstream": "PiPiP",
+  "comment": "Remove scaling options for PiPiP in the people and chat panes to stop surprise popup controls",
+  "packageName": "@azure/communication-react",
+  "email": "94866715+dmceachernmsft@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

change/@azure-communication-react-6fa428a0-b817-499d-bd9d-6627739b4845.json

@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "fix",
+  "workstream": "PiPiP",
+  "comment": "Remove scaling options for PiPiP in the people and chat panes to stop surprise popup controls",
+  "packageName": "@azure/communication-react",
+  "email": "94866715+dmceachernmsft@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

packages/react-components/src/components/RemoteVideoTile.tsx

@@ -70,6 +70,7 @@ export const _RemoteVideoTile = React.memo(
     disablePinMenuItem?: boolean;
     toggleAnnouncerString?: (announcerString: string) => void;
     reactionResources?: ReactionResources;
+    onLongTouch?: (() => void) | undefined;
   }) => {
     const {
       isAvailable,
@@ -238,10 +239,15 @@ export const _RemoteVideoTile = React.memo(
           participantState={participantState}
           {...videoTileContextualMenuProps}
           isPinned={props.isPinned}
-          onLongTouch={() =>
-            setDrawerMenuItemProps(
-              convertContextualMenuItemsToDrawerMenuItemProps(contextualMenuProps, () => setDrawerMenuItemProps([]))
-            )
+          onLongTouch={
+            props.onLongTouch
+              ? props.onLongTouch
+              : () =>
+                  setDrawerMenuItemProps(
+                    convertContextualMenuItemsToDrawerMenuItemProps(contextualMenuProps, () =>
+                      setDrawerMenuItemProps([])
+                    )
+                  )
           }
           /* @conditional-compile-remove(spotlight) */
           isSpotlighted={isSpotlighted}

packages/react-composites/src/composites/CallComposite/components/LocalAndRemotePIP.tsx

@@ -115,7 +115,11 @@ export const LocalAndRemotePIP = (props: LocalAndRemotePIPProps): JSX.Element =>
   const primaryTileProps: _PictureInPictureInPictureTileProps = useMemo(
     () => ({
       children: remoteVideoTileProps ? (
-        <_RemoteVideoTile {...remoteVideoTileProps} strings={locale.component.strings.videoGallery} />
+        <_RemoteVideoTile
+          {...remoteVideoTileProps}
+          strings={locale.component.strings.videoGallery}
+          onLongTouch={() => {}}
+        />
       ) : (
         <_LocalVideoTile {...localVideoTileProps} />
       ),