fix(FEC-12927): Remove pre-playback overly screen and PIP from untime…

…d img (#722)

- When untimed image (image without duration) entry is played ,
pre-playback overly screen show up on player ended
- Remove the Picture In Picture related complaints (PIP API exist only
on video element)
- Remove playlist related components (countdown and next button which is
not relevant on untimed img)

solves: FEC-12927

src/ui-presets/img.js

@@ -3,7 +3,6 @@ import style from '../styles/style.scss';
 import {Fragment, h, Component} from 'preact';
 import {PlayerArea, withPlayerPreset} from '../components/player-area';
 import {OverlayAction} from '../components/overlay-action';
-import {PrePlaybackPlayOverlay} from '../components/pre-playback-play-overlay';
 import {Loading} from '../components/loading';
 import {Fullscreen} from '../components/fullscreen';
 import {VrStereo} from '../components/vr-stereo';
@@ -14,10 +13,6 @@ import {Watermark} from '../components/watermark/watermark';
 import {Cast} from '../components/cast';
 import {CastBeforePlay} from '../components/cast-on-tv/cast-before-play';
 import {PlaybackControls} from '../components/playback-controls';
-import {PlaylistCountdown} from '../components/playlist-countdown';
-import {PlaylistNextScreen} from '../components/playlist-next-screen';
-import {PictureInPicture} from '../components/picture-in-picture';
-import {PictureInPictureOverlay} from '../components/picture-in-picture-overlay';
 import {TopBar} from '../components/top-bar';
 import {Logo} from '../components/logo/logo';
 import {InteractiveArea} from '../components/interactive-area';
@@ -66,25 +61,20 @@ class ImgUI extends Component {
                 <UnmuteIndication />
                 <Loading />
                 <OverlayPortal />
-                <PictureInPictureOverlay />
                 <PlaybackControls name={'OverlayPlaybackControls'} className={style.centerPlaybackControls} />
-                <PlaylistNextScreen />
-                <PrePlaybackPlayOverlay />
                 <CastBeforePlay />
               </Fragment>
               {() => (
                 <Fragment>
                   <TopBar />
                   <InteractiveArea>
                     <Watermark />
-                    <PlaylistCountdown />
                   </InteractiveArea>
                   <BottomBar
                     rightControls={
                       <Fragment>
                         <VrStereo />
                         <Cast />
-                        <PictureInPicture />
                         <Fullscreen />
                         <Logo />
                       </Fragment>