fix: enforce automatic startup jingle

src/components/FullscreenIntroVideo.native.js

@@ -16,6 +16,7 @@ const FullscreenIntroVideo = ({
   visible = true,
   onClose,
   contentFit = 'contain',
+  allowSkip = true,
   skipLabel = 'Passer la vidéo',
 }) => {
   const source = url ? (typeof url === 'string' ? { uri: url } : url) : videos.test
@@ -120,6 +121,7 @@ const FullscreenIntroVideo = ({
           //   right: 24,
           // }}
         />
+        {allowSkip ? (
           <Pressable
             onPress={handleClose}
             style={{
@@ -136,6 +138,7 @@ const FullscreenIntroVideo = ({
           >
             <Text style={{ color: '#FFF', fontSize: 14 }}>{skipLabel}</Text>
           </Pressable>
+        ) : null}
       </View>
     </Portal>
   )

src/components/FullscreenIntroVideo.web.js

@@ -62,6 +62,7 @@ const FullscreenIntroVideo = ({
   visible = true,
   onClose,
   contentFit = 'cover',
+  allowSkip = true,
   requireAudio = false,
   skipLabel = 'Passer la vidéo',
   playLabel = 'Lire la vidéo avec le son',
@@ -150,7 +151,10 @@ const FullscreenIntroVideo = ({
           if (error?.name === 'NotAllowedError' && requireAudio) {
             setAwaitingInteraction(true)
           } else if (error?.name === 'NotAllowedError' && !muted) {
+            video.muted = true
             setMuted(true)
+            const mutedResult = video.play()
+            mutedResult?.catch?.(() => {})
           }
         })
       }
@@ -224,9 +228,11 @@ const FullscreenIntroVideo = ({
             <Text style={closeTextStyle}>{playLabel}</Text>
           </Pressable>
         ) : null}
+        {allowSkip ? (
           <Pressable onPress={handleClose} style={closeButtonStyle}>
             <Text style={closeTextStyle}>{skipLabel}</Text>
           </Pressable>
+        ) : null}
       </View>
     </Portal>
   )

src/screens/LandingPage.js

@@ -76,16 +76,10 @@ export default function LandingPage({ route }) {
 
   const activeVideoClose =
     phase === FLOW_PHASE.JINGLE ? handleJingleClose : handleWelcomeVideoClose
-  const skipLabel =
-    phase === FLOW_PHASE.JINGLE
-      ? 'Passer / Skip'
-      : selectedLanguage === 'en'
-        ? 'Skip video'
-        : 'Passer la vidéo'
+  const isJingle = phase === FLOW_PHASE.JINGLE
+  const skipLabel = selectedLanguage === 'en' ? 'Skip video' : 'Passer la vidéo'
   const playLabel =
-    phase === FLOW_PHASE.JINGLE
-      ? 'Lancer le jingle / Play jingle'
-      : selectedLanguage === 'en'
+    selectedLanguage === 'en'
       ? 'Play video with sound'
       : 'Lire la vidéo avec le son'
 
@@ -128,7 +122,8 @@ export default function LandingPage({ route }) {
           visible
           onClose={activeVideoClose}
           contentFit="contain"
-          requireAudio
+          allowSkip={!isJingle}
+          requireAudio={!isJingle}
           skipLabel={skipLabel}
           playLabel={playLabel}
         />