@snapcall/stream-ui 1.12.0 → 1.12.1

package/dist/stream-ui.esm.js

@@ -315,6 +315,24 @@ const $a5146f9062d7bf28$export$3a57e165650c636f = (message, options = {})=>{
 };
 
 
+const $35b37252690084e8$export$1cbfb36c1655a9a = (root, element)=>{
+    const mutationObserver = new MutationObserver((mutationRecords)=>{
+        mutationRecords.forEach((record)=>{
+            record.removedNodes.forEach((node)=>{
+                if (node.contains(element)) {
+                    root.unmount();
+                    mutationObserver.disconnect();
+                }
+            });
+        });
+    });
+    mutationObserver.observe(document.documentElement, {
+        childList: true,
+        subtree: true
+    });
+};
+
+
 
 
 
@@ -492,40 +510,40 @@ const $18fb8799f38eb407$export$84584c2a98eb6753 = {
         },
         recorder: {
             submissionTitle: "Thank you for your submission!",
-            submissionDescription: "Your photo/video has been successfully sent. We will review it and get back to you soon.",
-            confirmRemovalTitle: "Confirm removal",
-            confirmRemovalDescription: "Are you sure you want to remove this photo/video? This action cannot be undone.",
-            elementBeingProcessed: "Please wait a moment while your {{ type }} is being processed...",
-            waitVideo: "It may take up to 15 seconds for a video to be ready.",
-            elementCaptureSuccess: "{{ type }} successfully captured",
-            takeNewElement: "Take new {{ type }}",
+            submissionDescription: "Your photo/video has been successfully submitted. We will review it and get back to you shortly.",
+            confirmRemovalTitle: "Confirm deletion",
+            confirmRemovalDescription: "Are you sure you want to delete this photo/video? This action cannot be undone.",
+            elementBeingProcessed: "Please wait while your {{ type }} is being processed...",
+            waitVideo: "A video may take up to 15 seconds to be ready.",
+            elementCaptureSuccess: "{{ type }} captured successfully",
+            takeNewElement: "Capture a new {{ type }}",
             sendElement: "Send {{ type }}",
             sendElements: "Send {{ count }} elements",
             allowAccess: "Allow access",
             okay: "Okay",
-            allowCamMicAccess: "Allow access to cam/mic",
+            allowCamMicAccess: "Allow access to camera and microphone",
             allowScreenShareAccess: "Allow access to screen sharing",
             permissionDeniedTitle: "Something went wrong!",
-            permissionDeniedDescription: "Without camera and microphone access, you can't take photos or videos to share with the support team. Please grant access in your browser settings.",
-            photoInstructionsTitle: "Ready to take a shot?",
+            permissionDeniedDescription: "Without access to the camera and microphone, you won't be able to capture photos or videos to share with the support team. Please grant access in your browser settings.",
+            photoInstructionsTitle: "Ready to snap a photo?",
             videoInstructionsTitle: "Ready to record a video?",
-            screenShareInstructionsTitle: "Ready to capture your screen?",
+            screenShareInstructionsTitle: "Ready to share your screen?",
             instructions: {
-                allowAccessOnPrompt: "When prompted, <1>allow access</1> to camera and microphone.",
-                tapPhotoButton: "Tap the <1 /><2> Camera button</2> to take a photo.",
-                multiplePhotos: "Don't hesitate to take multiple photos for more detail.",
-                reviewAndSendPhotos: "You can review your photo and then <1>send it when you're done.</1>",
-                tapVideoButton: "Tap the <1 /><2> Record button</2> to start a recording.",
-                videoSpeech: "You can <1>speak during</1> the recording for added detail.",
-                tapStopVideoButton: "When you're finished, tap the <1 /><2> Stop button</2>.",
-                reviewAndSendVideos: "You can review your video and then <1>send it when you're done</2>.",
-                tapScreenShareButton: "Tap on <1> Record my screen</1> to start a recording.",
-                tapStopScreenShareButton: "When you're finished, tap on <1>Stop recording</1>.",
-                reviewAnsSendScreenShare: "You can review your video and then <1>send it when you're done</1>."
+                allowAccessOnPrompt: "When prompted, <1>allow access</1> to the camera and microphone.",
+                tapPhotoButton: "Tap the <1 /><2>Camera button</2> to take a photo.",
+                multiplePhotos: "Feel free to take multiple photos for more details.",
+                reviewAndSendPhotos: "Review your photo and <1>send it when you're satisfied.</1>",
+                reviewAndSendScreenShare: "Review your video and <1>send it when you're satisfied.</1>",
+                tapVideoButton: "Tap the <1 /><2>Record button</2> to start recording.",
+                videoSpeech: "You can <1>talk during</1> the recording to provide additional information.",
+                tapStopVideoButton: "When you're done, tap the <1 /><2>Stop button</2>.",
+                reviewAndSendVideos: "Review your video and <1>send it when you're satisfied</1>.",
+                tapScreenShareButton: "Tap <1>Record my screen</1> to begin recording.",
+                tapStopScreenShareButton: "When you're done, tap <1>Stop recording</1>."
             },
-            switchToMobileTitle: "Switch to your mobile",
-            switchToMobileDescription: "Enjoy an even more convenient experience by using your phone to take photos and record videos.",
-            useDesktopVersion: "Use desktop version",
+            switchToMobileTitle: "Switch to your mobile device",
+            switchToMobileDescription: "Experience greater convenience by using your phone to take photos and record videos.",
+            useDesktopVersion: "Use the desktop version",
             scanQRCode: "Scan this QR code with a compatible device.",
             startScreenShareButton: "Record my screen",
             stopScreenShareButton: "Stop recording"
@@ -690,44 +708,44 @@ const $c5472fb74fa04782$export$acb2a88f7d552ebf = {
             footerDescription: "D\xe9couvrez SnapCall, ajoutez de la vid\xe9o en temps r\xe9el \xe0 n'importe quelle plateforme, produit ou service."
         },
         recorder: {
-            submissionTitle: "Merci pour votre soumission!",
+            submissionTitle: "Merci pour votre soumission !",
             submissionDescription: "Votre photo/vid\xe9o a \xe9t\xe9 envoy\xe9e avec succ\xe8s. Nous l'examinerons et reviendrons vers vous bient\xf4t.",
             confirmRemovalTitle: "Confirmer la suppression",
-            confirmRemovalDescription: "Voulez-vous vraiment supprimer cette photo/vid\xe9o? Cette action ne peut pas \xeatre annul\xe9e.",
+            confirmRemovalDescription: "Voulez-vous vraiment supprimer cette photo/vid\xe9o ? Cette action ne peut pas \xeatre annul\xe9e.",
             elementBeingProcessed: "Veuillez patienter un moment pendant que votre {{ type }} est en cours de traitement...",
             waitVideo: "Cela peut prendre jusqu'\xe0 15 secondes pour qu'une vid\xe9o soit pr\xeate.",
-            elementCaptureSuccess: "{{ type }} captur\xe9e avec succ\xe8s",
+            elementCaptureSuccess: "{{ type }} captur\xe9(e) avec succ\xe8s",
             takeNewElement: "Prendre une nouvelle {{ type }}",
-            sendElement: "Envoyer une {{ type }}",
+            sendElement: "Envoyer la {{ type }}",
             sendElements: "Envoyer {{ count }} \xe9l\xe9ments",
-            allowAccess: "Permettre l'acc\xe8s",
+            allowAccess: "Autoriser l'acc\xe8s",
             okay: "D'accord",
-            allowCamMicAccess: "Autoriser l'acc\xe8s \xe0 la cam\xe9ra/au micro",
+            allowCamMicAccess: "Autoriser l'acc\xe8s \xe0 la cam\xe9ra et au micro",
             allowScreenShareAccess: "Autoriser l'acc\xe8s au partage d'\xe9cran",
-            permissionDeniedTitle: "Quelque chose s'est mal pass\xe9!",
+            permissionDeniedTitle: "Quelque chose s'est mal pass\xe9 !",
             permissionDeniedDescription: "Sans acc\xe8s \xe0 la cam\xe9ra et au microphone, vous ne pouvez pas prendre de photos ou de vid\xe9os \xe0 partager avec l'\xe9quipe d'assistance. Veuillez accorder l'acc\xe8s dans les param\xe8tres de votre navigateur.",
-            photoInstructionsTitle: "Pr\xeat \xe0 prendre une photo?",
-            videoInstructionsTitle: "Pr\xeat \xe0 enregistrer une vid\xe9o?",
-            screenShareInstructionsTitle: "Pr\xeat \xe0 capturer votre \xe9cran?",
+            photoInstructionsTitle: "Pr\xeat(e) \xe0 prendre une photo ?",
+            videoInstructionsTitle: "Pr\xeat(e) \xe0 enregistrer une vid\xe9o ?",
+            screenShareInstructionsTitle: "Pr\xeat(e) \xe0 partager votre \xe9cran ?",
             instructions: {
-                allowAccessOnPrompt: "Lorsque vous y \xeates invit\xe9, <1>autorisez l'acc\xe8s</1> \xe0 la cam\xe9ra et au microphone.",
+                allowAccessOnPrompt: "Lorsque vous y \xeates invit\xe9(e), <1>autorisez l'acc\xe8s</1> \xe0 la cam\xe9ra et au microphone.",
                 tapPhotoButton: "Appuyez sur le <1 /><2>bouton Appareil photo</2> pour prendre une photo.",
                 multiplePhotos: "N'h\xe9sitez pas \xe0 prendre plusieurs photos pour plus de d\xe9tails.",
                 reviewAndSendPhotos: "Vous pouvez revoir votre photo, puis <1>l'envoyer lorsque vous avez termin\xe9.</1>",
                 tapVideoButton: "Appuyez sur le <1 /><2>bouton d'enregistrement</2> pour d\xe9marrer un enregistrement.",
-                videoSpeech: "Vous pouvez <1>parler pendant</1> l'enregistrement pour plus de d\xe9tails.",
+                videoSpeech: "Vous pouvez <1>parler pendant</1> l'enregistrement pour ajouter des d\xe9tails.",
                 tapStopVideoButton: "Lorsque vous avez termin\xe9, appuyez sur le <1 /><2>bouton Arr\xeater</2>.",
                 reviewAndSendVideos: "Vous pouvez revoir votre vid\xe9o, puis <1>l'envoyer lorsque vous avez termin\xe9</2>.",
-                tapScreenShareButton: "Appuyez sur <1>Enregistrer mon \xe9cran</1> pour d\xe9marrer un enregistrement.",
-                tapStopScreenShareButton: "Lorsque vous avez termin\xe9, appuyez sur <1>Arr\xeater l'enregistrement</1>.",
-                reviewAnsSendScreenShare: "Vous pouvez revoir votre vid\xe9o, puis <1>l'envoyer lorsque vous avez termin\xe9</1>."
+                tapScreenShareButton: "Appuyez sur <1>Enregistrer \xe9cran</1> pour d\xe9marrer un enregistrement.",
+                tapStopScreenShareButton: "Lorsque vous avez termin\xe9, appuyez sur <1>Stop enregistrement</1>.",
+                reviewAndSendScreenShare: "Vous pouvez revoir votre vid\xe9o, puis <1>l'envoyer lorsque vous avez termin\xe9.</1>"
             },
-            switchToMobileTitle: "Basculez vers votre mobile",
+            switchToMobileTitle: "Passez sur votre mobile",
             switchToMobileDescription: "Profitez d'une exp\xe9rience encore plus pratique en utilisant votre t\xe9l\xe9phone pour prendre des photos et enregistrer des vid\xe9os.",
-            useDesktopVersion: "Utiliser la version de bureau",
+            useDesktopVersion: "Continuer",
             scanQRCode: "Scannez ce code QR avec un appareil compatible.",
-            startScreenShareButton: "Enregistrer mon \xe9cran",
-            stopScreenShareButton: "Arr\xeater d'enregistrer"
+            startScreenShareButton: "Enregistrer \xe9cran",
+            stopScreenShareButton: "Stop enregistrement"
         }
     }
 };
@@ -893,44 +911,44 @@ const $b7790fb9e48df5c4$export$3486a10f30cf1ee4 = {
             footerDescription: "Incontrare SnapCall, il modo pi\xf9 semplice per aggiungere video in tempo reale a piattaforma, prodotto o servizio."
         },
         recorder: {
-            submissionTitle: "Grazie per la vostra presentazione!",
-            submissionDescription: "La tua foto/video \xe8 stato inviato con successo. Lo esamineremo e ti ricontatteremo presto.",
-            confirmRemovalTitle: "Conferma la rimozione",
+            submissionTitle: "Grazie per il tuo invio!",
+            submissionDescription: "La tua foto/video \xe8 stata inviata con successo. La esamineremo e ti risponderemo al pi\xf9 presto.",
+            confirmRemovalTitle: "Conferma rimozione",
             confirmRemovalDescription: "Sei sicuro di voler rimuovere questa foto/video? Questa azione non pu\xf2 essere annullata.",
-            elementBeingProcessed: "Attendi un momento mentre la tua {{ type }} \xe8 in fase di elaborazione...",
-            waitVideo: "Potrebbero essere necessari fino a 15 secondi prima che un video sia pronto.",
+            elementBeingProcessed: "Attendi un momento mentre il tuo {{ type }} viene elaborato...",
+            waitVideo: "Potrebbero essere necessari fino a 15 secondi affinch\xe9 un video sia pronto.",
             elementCaptureSuccess: "{{ type }} catturato con successo",
-            takeNewElement: "Scatta una nuova {{ type }}",
-            sendElement: "Invia una {{ type }}",
+            takeNewElement: "Cattura un nuovo {{ type }}",
+            sendElement: "Invia {{ type }}",
             sendElements: "Invia {{ count }} elementi",
-            allowAccess: "Consentire l'accesso",
-            okay: "Va bene",
-            allowCamMicAccess: "Consenti l'accesso a cam/microfono",
-            allowScreenShareAccess: "Consenti l'accesso alla condivisione dello schermo",
+            allowAccess: "Consenti accesso",
+            okay: "Okay",
+            allowCamMicAccess: "Consenti accesso a fotocamera e microfono",
+            allowScreenShareAccess: "Consenti accesso alla condivisione dello schermo",
             permissionDeniedTitle: "Qualcosa \xe8 andato storto!",
-            permissionDeniedDescription: "Senza l'accesso alla fotocamera e al microfono, non puoi scattare foto o registrare video da condividere con il team di supporto. Concedi l'accesso nelle impostazioni del tuo browser.",
-            photoInstructionsTitle: "Pronto a fare un tentativo?",
+            permissionDeniedDescription: "Senza l'accesso alla fotocamera e al microfono, non \xe8 possibile scattare foto o registrare video da condividere con il team di supporto. Si prega di concedere l'accesso nelle impostazioni del browser.",
+            photoInstructionsTitle: "Pronto a scattare una foto?",
             videoInstructionsTitle: "Pronto a registrare un video?",
-            screenShareInstructionsTitle: "Pronto a catturare il tuo schermo?",
+            screenShareInstructionsTitle: "Pronto a condividere il tuo schermo?",
             instructions: {
-                allowAccessOnPrompt: "Quando richiesto, <1>consenti l'accesso</1> alla videocamera e al microfono.",
-                tapPhotoButton: "Tocca il <1 /><2> pulsante Fotocamera</2> per scattare una foto.",
-                multiplePhotos: "Non esitate a scattare pi\xf9 foto per maggiori dettagli.",
+                allowAccessOnPrompt: "Quando richiesto, <1>consenti l'accesso</1> a fotocamera e microfono.",
+                tapPhotoButton: "Tocca il pulsante <1 /><2>Fotocamera</2> per scattare una foto.",
+                multiplePhotos: "Non esitare a scattare pi\xf9 foto per maggiori dettagli.",
                 reviewAndSendPhotos: "Puoi rivedere la tua foto e poi <1>inviarla quando hai finito.</1>",
-                tapVideoButton: "Tocca il <1 /><2> pulsante Registra</2> per avviare una registrazione.",
-                videoSpeech: "Puoi <1>parlare durante</1> la registrazione per ulteriori dettagli.",
-                tapStopVideoButton: "Al termine, tocca il <1 /><2> pulsante Interrompi</2>.",
-                reviewAndSendVideos: "Puoi rivedere il tuo video e poi <1>inviarlo quando hai finito</2>.",
-                tapScreenShareButton: "Tocca <1> Registra il mio schermo</1> per avviare una registrazione.",
-                tapStopScreenShareButton: "Al termine, tocca <1>Interrompi registrazione</1>.",
-                reviewAnsSendScreenShare: "Puoi rivedere il tuo video e poi <1>inviarlo quando hai finito</1>."
+                tapVideoButton: "Tocca il pulsante <1 /><2>Registra</2> per avviare una registrazione.",
+                videoSpeech: "Puoi <1>parlare durante</1> la registrazione per aggiungere dettagli.",
+                tapStopVideoButton: "Quando hai finito, tocca il pulsante <1 /><2>Ferma</2>.",
+                reviewAndSendVideos: "Puoi rivedere il tuo video e poi <1>inviarlo quando hai finito</1>.",
+                tapScreenShareButton: "Tocca <1>Registra il mio schermo</1> per avviare una registrazione.",
+                tapStopScreenShareButton: "Quando hai finito, tocca <1>Ferma registrazione</1>.",
+                reviewAndSendScreenShare: "Puoi rivedere il tuo video e poi <1>inviarlo quando hai finito.</1>"
             },
-            switchToMobileTitle: "Passa al tuo cellulare",
-            switchToMobileDescription: "Goditi un'esperienza ancora pi\xf9 comoda utilizzando il telefono per scattare foto e registrare video.",
+            switchToMobileTitle: "Passa al tuo dispositivo mobile",
+            switchToMobileDescription: "Goditi un'esperienza ancora pi\xf9 pratica utilizzando il tuo telefono per scattare foto e registrare video.",
             useDesktopVersion: "Usa la versione desktop",
             scanQRCode: "Scansiona questo codice QR con un dispositivo compatibile.",
             startScreenShareButton: "Registra il mio schermo",
-            stopScreenShareButton: "Interrompi la registrazione"
+            stopScreenShareButton: "Ferma registrazione"
         }
     }
 };
@@ -2330,6 +2348,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
             this.mediaPipe = undefined;
         }
         this.audioMedia?.removeAll();
+        this.audioMedia = undefined;
         this.webcamTrack?.stop();
         this.webcamTrack = null;
         this.protooTransport.close();
@@ -2488,14 +2507,13 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
                 optionalParam.facingMode = this.webcam.facingMode;
             } else {
                 const webcams = Array.from(this.webcams.keys());
-                const deviceId = this.webcam?.device?.deviceId || "unknow";
+                const deviceId = this.webcam?.device?.deviceId || "unknown";
                 let newWebcamIndex = webcams.indexOf(deviceId);
                 if (newWebcamIndex < webcams.length - 1) newWebcamIndex++;
                 else newWebcamIndex = 0;
                 const newWebcamDevice = this.webcams.get(webcams[newWebcamIndex]);
                 if (!newWebcamDevice) throw new Error("no webcam device");
                 this.webcam.device = newWebcamDevice;
-                this.webcam.resolution = "hd";
                 optionalParam.deviceId = {
                     ideal: this.webcam.device?.deviceId
                 };
@@ -2511,8 +2529,9 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
                     ideal: this.webcam.device.deviceId
                 };
             }
-            if (resolution) this.webcam.resolution = resolution;
         }
+        this.webcam.resolution = resolution || this.webcam.resolution || "hd";
+        this.webcam.framerate = frameRate || this.webcam.framerate;
         let usedResolution = $c31e3fb4360572af$export$d21ffcc5eb136bfa[resolution || this.webcam.resolution];
         if (this.useVideoBackground) usedResolution = {
             width: {
@@ -2530,7 +2549,6 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
         });
         const mediaStream = await this.handleGetUserMediaError("webcam", navigator.mediaDevices.getUserMedia({
             video: {
-                frameRate: frameRate,
                 ...optionalParam,
                 ...usedResolution
             }
@@ -2572,6 +2590,8 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
             };
         }
         if (!this.webcam.device) throw new Error("no webcam devices");
+        this.webcam.resolution = config?.resolution || this.webcam.resolution || "hd";
+        this.webcam.framerate = config?.frameRate || this.webcam.framerate;
         let usedResolution = $c31e3fb4360572af$export$d21ffcc5eb136bfa[config?.resolution || this.webcam.resolution];
         if (this.useVideoBackground) usedResolution = {
             width: {
@@ -11298,13 +11318,12 @@ const $96999d2514f71e51$export$788cb893d96254c8 = ({ state: state , type: type
                                         index: 4 + permissionsInstructionIndex,
                                         children: /*#__PURE__*/ (0, $3Sbms$jsx)($96999d2514f71e51$var$Text, {
                                             children: /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $3Sbms$Trans), {
-                                                i18nKey: "recorder.instructions.reviewAnsSendScreenShare",
+                                                i18nKey: "recorder.instructions.reviewAndSendScreenShare",
                                                 children: [
                                                     "You can review your video and then ",
                                                     /*#__PURE__*/ (0, $3Sbms$jsx)($96999d2514f71e51$var$Bold, {
-                                                        children: "send it when you're done"
-                                                    }),
-                                                    "."
+                                                        children: "send it when you're done."
+                                                    })
                                                 ]
                                             })
                                         })
@@ -13109,12 +13128,14 @@ const $24075a5d702d64b3$export$3f94917203ab7078 = {
             ]
         }));
         if (mergedOptions.tracking) (0, $3Sbms$hotjarbrowser).init(3111933, 6);
+        (0, $35b37252690084e8$export$1cbfb36c1655a9a)(rootElement, element);
     },
     initGreeting: (element, onGreetingDone)=>{
         const rootElement = (0, $3Sbms$createRoot)(element);
         rootElement.render(/*#__PURE__*/ (0, $3Sbms$jsx)((0, $f8d57e3d223f5089$export$2e2bcd8739ae039), {
             onGreetingDone: onGreetingDone
         }));
+        (0, $35b37252690084e8$export$1cbfb36c1655a9a)(rootElement, element);
     },
     setExtraSettingsOptions: (extraOptions)=>{
         const event = new CustomEvent("streamUISetExtraSettingsOptions", {