@davi-ai/retorik-framework 4.0.4 → 5.0.1

package/dist/SynthesisPonyfillManager.f9f9a915.js

@@ -0,0 +1,920 @@
+var $4yQHp$reactjsxruntime = require("react/jsx-runtime");
+var $4yQHp$react = require("react");
+var $4yQHp$daviaiwebspeechcognitiveservicesdavi = require("@davi-ai/web-speech-cognitive-services-davi");
+var $4yQHp$reactredux = require("react-redux");
+var $4yQHp$daviaispeechmarkdowndavijs = require("@davi-ai/speechmarkdown-davi-js");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$defineInteropFlag(a) {
+  Object.defineProperty(a, '__esModule', {value: true, configurable: true});
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+      var $parcel$global =
+        typeof globalThis !== 'undefined'
+          ? globalThis
+          : typeof self !== 'undefined'
+          ? self
+          : typeof window !== 'undefined'
+          ? window
+          : typeof global !== 'undefined'
+          ? global
+          : {};
+  var parcelRequire = $parcel$global["parcelRequirea39d"];
+var parcelRegister = parcelRequire.register;
+parcelRegister("eRUoO", function(module, exports) {
+
+$parcel$defineInteropFlag(module.exports);
+
+$parcel$export(module.exports, "default", () => $fe06f31a645aa3a1$export$2e2bcd8739ae039);
+
+
+
+
+
+var $kpW3P = parcelRequire("kpW3P");
+
+var $ieTrG = parcelRequire("ieTrG");
+
+var $gvTLl = parcelRequire("gvTLl");
+
+var $iiIh5 = parcelRequire("iiIh5");
+const $fe06f31a645aa3a1$var$SynthesisPonyfillManager = ({ isRetorikNews: isRetorikNews })=>{
+    const dispatch = (0, $4yQHp$reactredux.useDispatch)();
+    const customVoice = (0, $4yQHp$reactredux.useSelector)((state)=>state.speechReducer.customVoice);
+    const ponyfillCredentials = (0, $4yQHp$reactredux.useSelector)((state)=>state.speechReducer.ponyfillCredentials);
+    const locale = (0, $4yQHp$reactredux.useSelector)((state)=>state.localeReducer.locale);
+    const agentData = (0, $4yQHp$reactredux.useSelector)((state)=>state.retorikReducer.agentData);
+    const [ponyfillCreated, setPonyfillCreated] = (0, $4yQHp$react.useState)(false);
+    const ponyfillRef = (0, $4yQHp$react.useRef)(undefined);
+    const refreshTimerRef = (0, $4yQHp$react.useRef)(null);
+    /**
+   * Async function to retrieve a new token and assign it to the speechConfig inside ponyfill.speechSynthesis
+   * @param {string} region
+   * @param {string} key
+   */ const refreshTokenInNineMinutes = async (region, key)=>{
+        // A token is valid during 10 minutes, let's refresh it after 9 minutes
+        refreshTimerRef.current = setTimeout(async ()=>{
+            var _ponyfillRef_current_speechSynthesis, _ponyfillRef_current;
+            const token = await (0, $ieTrG.fetchSpeechServicesToken)(region, key);
+            if (token && ((_ponyfillRef_current = ponyfillRef.current) === null || _ponyfillRef_current === void 0 ? void 0 : (_ponyfillRef_current_speechSynthesis = _ponyfillRef_current.speechSynthesis) === null || _ponyfillRef_current_speechSynthesis === void 0 ? void 0 : _ponyfillRef_current_speechSynthesis.speechConfig)) {
+                ponyfillRef.current.speechSynthesis.speechConfig.authorizationToken = token;
+                refreshTokenInNineMinutes(region, key);
+            }
+        }, 540000) // 9 minutes
+        ;
+    };
+    /**
+   * Fetch speech synthesis token and create the ponyfill containing all data
+   * @param {string} region
+   * @param {string} key
+   */ const fetchTokenAndCreatePonyfill = async (region, key)=>{
+        const token = await (0, $ieTrG.fetchSpeechServicesToken)(region, key);
+        if (token) {
+            ponyfillRef.current = (0, $4yQHp$daviaiwebspeechcognitiveservicesdavi.createSpeechSynthesisPonyfill)({
+                credentials: {
+                    region: ponyfillCredentials === null || ponyfillCredentials === void 0 ? void 0 : ponyfillCredentials.region,
+                    authorizationToken: token
+                }
+            });
+            // Launch token refresh after ponyfill creation
+            refreshTokenInNineMinutes(region, key);
+            setPonyfillCreated(true);
+        }
+    };
+    (0, $4yQHp$react.useEffect)(()=>{
+        if ((ponyfillCredentials === null || ponyfillCredentials === void 0 ? void 0 : ponyfillCredentials.authorizationToken) && ponyfillCredentials.region) {
+            const data = {
+                credentials: ponyfillCredentials
+            };
+            ponyfillRef.current = (0, $4yQHp$daviaiwebspeechcognitiveservicesdavi.createSpeechSynthesisPonyfill)(data);
+            setPonyfillCreated(true);
+        } else if ((ponyfillCredentials === null || ponyfillCredentials === void 0 ? void 0 : ponyfillCredentials.subscriptionKey) && ponyfillCredentials.region) fetchTokenAndCreatePonyfill(ponyfillCredentials.region, ponyfillCredentials.subscriptionKey);
+        else if (ponyfillCredentials === null || ponyfillCredentials === void 0 ? void 0 : ponyfillCredentials.speechSynthesisHostname) {
+            // To use self-hosted voice containers, we need no 'region', and 'speechSynthesisHostname' and 'speechRecognitionHostname' must both be defined
+            // As this ponyfill is for speech synthesis only, we put a mock 'speechRecognitionHostname'
+            const data = {
+                credentials: {
+                    // @ts-ignore
+                    speechSynthesisHostname: new URL(ponyfillCredentials.speechSynthesisHostname),
+                    speechRecognitionHostname: ponyfillCredentials.speechRecognitionHostname || 'mandatory_recognition_host_name',
+                    subscriptionKey: ponyfillCredentials.subscriptionKey || 'mandatory_subscription_key'
+                }
+            };
+            ponyfillRef.current = (0, $4yQHp$daviaiwebspeechcognitiveservicesdavi.createSpeechSynthesisPonyfill)(data);
+            setPonyfillCreated(true);
+        }
+    }, [
+        ponyfillCredentials
+    ]);
+    const onVoicesChanged = ()=>{
+        var _ponyfillRef_current;
+        const voices = (_ponyfillRef_current = ponyfillRef.current) === null || _ponyfillRef_current === void 0 ? void 0 : _ponyfillRef_current.speechSynthesis.getVoices();
+        if (voices && Array.isArray(voices) && voices.length) dispatch((0, $kpW3P.storeActions).speech.setVoice((0, $gvTLl.selectVoice)(voices, locale, customVoice, agentData) || undefined));
+    };
+    (0, $4yQHp$react.useEffect)(()=>{
+        if (ponyfillRef.current) {
+            const voices = ponyfillRef.current.speechSynthesis.getVoices();
+            if (voices && Array.isArray(voices) && voices.length) dispatch((0, $kpW3P.storeActions).speech.setVoice((0, $gvTLl.selectVoice)(voices, locale, customVoice, agentData) || undefined));
+            else ponyfillRef.current.speechSynthesis.onvoiceschanged = onVoicesChanged;
+        }
+    }, [
+        ponyfillCreated,
+        customVoice,
+        agentData,
+        locale
+    ]);
+    (0, $4yQHp$react.useEffect)(()=>{
+        return ()=>{
+            refreshTimerRef.current && clearTimeout(refreshTimerRef.current);
+        };
+    }, []);
+    return ponyfillCreated && ponyfillRef.current ? /*#__PURE__*/ (0, $4yQHp$reactjsxruntime.jsx)((0, $iiIh5.default), {
+        ponyfill: ponyfillRef.current,
+        isRetorikNews: isRetorikNews
+    }) : /*#__PURE__*/ (0, $4yQHp$reactjsxruntime.jsx)((0, ($parcel$interopDefault($4yQHp$react))).Fragment, {});
+};
+var $fe06f31a645aa3a1$export$2e2bcd8739ae039 = $fe06f31a645aa3a1$var$SynthesisPonyfillManager;
+
+});
+parcelRegister("ieTrG", function(module, exports) {
+
+$parcel$export(module.exports, "fetchSpeechServicesToken", () => $f2ae26d736ec24dc$export$a2ce4fdd6972d6a7);
+const $f2ae26d736ec24dc$export$a2ce4fdd6972d6a7 = async (region, key)=>{
+    const tokenRes = await fetch(`https://${region}.api.cognitive.microsoft.com/sts/v1.0/issueToken`, {
+        method: 'POST',
+        headers: {
+            'Ocp-Apim-Subscription-Key': key
+        }
+    }).then((value)=>{
+        return value.text();
+    }).catch((error)=>{
+        console.log('Error : ', error);
+        return undefined;
+    });
+    return tokenRes;
+};
+
+});
+
+parcelRegister("gvTLl", function(module, exports) {
+
+$parcel$export(module.exports, "selectVoice", () => $5679d80e89b3df01$export$4bf371fc4fa74a28);
+const $5679d80e89b3df01$export$4bf371fc4fa74a28 = (voices, locale, customVoice, agentData)=>{
+    let voice = null;
+    // Check if a custom voice is defined in the props
+    if (customVoice) {
+        if (customVoice.voice) {
+            // Search voice with its full name (ex: AriaNeural, GuyNeural)
+            const neuralVoice = new RegExp(customVoice.voice, 'iu');
+            voice = voices.find(({ name: name })=>neuralVoice.test(name) || name === customVoice.voice);
+        } else if (customVoice.gender) // Search voice depending on given gender and locale
+        voice = voices.find(({ gender: gender, lang: lang })=>{
+            var _customVoice_gender;
+            return gender.toLowerCase() === (customVoice === null || customVoice === void 0 ? void 0 : (_customVoice_gender = customVoice.gender) === null || _customVoice_gender === void 0 ? void 0 : _customVoice_gender.toLowerCase()) && lang === locale;
+        });
+    }
+    // Get voice depending on locale and gender
+    if (!voice) voice = voices.find(({ gender: gender, lang: lang })=>{
+        var _agentData_gender;
+        return gender.toLowerCase() === ((agentData === null || agentData === void 0 ? void 0 : (_agentData_gender = agentData.gender) === null || _agentData_gender === void 0 ? void 0 : _agentData_gender.toLowerCase()) || 'female') && lang === locale;
+    });
+    // No voice found, fall back to US default voices : female => Aria / male => Guy
+    if (!voice) {
+        var _agentData_gender;
+        const genderedVoice = (agentData === null || agentData === void 0 ? void 0 : (_agentData_gender = agentData.gender) === null || _agentData_gender === void 0 ? void 0 : _agentData_gender.toLowerCase()) === 'female' ? 'AriaNeural' : 'GuyNeural';
+        const neuralVoice = new RegExp(genderedVoice, 'iu');
+        voice = voices.find(({ name: name })=>neuralVoice.test(name));
+    }
+    return voice;
+};
+
+});
+
+parcelRegister("iiIh5", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $ad561f5c61e38c20$export$2e2bcd8739ae039);
+
+
+
+
+var $kpW3P = parcelRequire("kpW3P");
+
+var $k2lV6 = parcelRequire("k2lV6");
+
+var $7WHA7 = parcelRequire("7WHA7");
+
+var $gvTLl = parcelRequire("gvTLl");
+
+var $cWW4y = parcelRequire("cWW4y");
+
+var $7wztJ = parcelRequire("7wztJ");
+const $ad561f5c61e38c20$var$SynthesisManager = ({ ponyfill: ponyfill, isRetorikNews: isRetorikNews })=>{
+    const dispatch = (0, $4yQHp$reactredux.useDispatch)();
+    const cancel = (0, $4yQHp$reactredux.useSelector)((state)=>state.speechReducer.cancel);
+    const streamingQueue = (0, $4yQHp$reactredux.useSelector)((state)=>state.speechReducer.streamingQueue);
+    const voice = (0, $4yQHp$reactredux.useSelector)((state)=>state.speechReducer.voice);
+    const customVoice = (0, $4yQHp$reactredux.useSelector)((state)=>state.speechReducer.customVoice);
+    const activeRecognitionState = (0, $4yQHp$reactredux.useSelector)((state)=>state.speechReducer.activeRecognitionState);
+    const externalTextToSpeech = (0, $4yQHp$reactredux.useSelector)((state)=>state.speechReducer.externalTextToSpeech);
+    const isMicrophoneAllowed = (0, $4yQHp$reactredux.useSelector)((state)=>state.speechReducer.isMicrophoneAllowed);
+    const mode = (0, $4yQHp$reactredux.useSelector)((state)=>state.speechReducer.mode);
+    const route = (0, $4yQHp$reactredux.useSelector)((state)=>state.viewReducer.route);
+    const locale = (0, $4yQHp$reactredux.useSelector)((state)=>state.localeReducer.locale);
+    const replacementLocales = (0, $4yQHp$reactredux.useSelector)((state)=>state.localeReducer.replacementLocales);
+    const agentData = (0, $4yQHp$reactredux.useSelector)((state)=>state.retorikReducer.agentData);
+    const appAvailable = (0, $4yQHp$reactredux.useSelector)((state)=>state.retorikReducer.appAvailable);
+    const preventExpectedInputHint = (0, $4yQHp$reactredux.useSelector)((state)=>state.retorikReducer.configuration.preventExpectedInputHint);
+    const speechSynthesisOptions = (0, $4yQHp$reactredux.useSelector)((state)=>state.retorikReducer.configuration.speechSynthesisOptions);
+    const sendTrace = (0, $k2lV6.useTelemetry)().sendTrace;
+    const [utterance, setUtterance] = (0, $4yQHp$react.useState)(null);
+    const [nextUtterance, setNextUtterance] = (0, $4yQHp$react.useState)(null);
+    const [forceSpeechCaching, setForceSpeechCaching] = (0, $4yQHp$react.useState)(false);
+    const isNewsViewRef = (0, $4yQHp$react.useRef)(!!isRetorikNews);
+    const lastListTextPlayedRef = (0, $4yQHp$react.useRef)('');
+    const streamingQueueRef = (0, $4yQHp$react.useRef)([]);
+    const currentActivityRef = (0, $4yQHp$react.useRef)(null);
+    /**
+   * Check activity locale in case of voice change during the speech, to keep the language defined in activity
+   * instead of switching languages between answers that are written in the same language
+   * @param {string} activityLocale
+   * @returns {SpeechSynthesisVoice | null}
+   */ const getVoiceAfterCheckingActivityLocale = (activityLocale)=>{
+        return activityLocale === locale ? voice : (0, $gvTLl.selectVoice)(ponyfill.speechSynthesis.getVoices(), activityLocale, customVoice, agentData);
+    };
+    /**
+   * Check if the activity is a list one, to prevent text re-reading on state update
+   * @param {CreateUtteranceParams} params
+   * @returns {SpeechSynthesisUtterance}
+   */ const checkActivityAndCreateUtterance = (params)=>{
+        if (params.activity.attachmentLayout && params.activity.attachmentLayout.toLowerCase() === 'davilist') {
+            const textToSpeak = params.activity.speak || params.activity.text;
+            if (textToSpeak) {
+                if (textToSpeak === lastListTextPlayedRef.current) return (0, $cWW4y.checkSayAsWordsAndCreateUtterance)({
+                    ...params,
+                    voice: null
+                }, speechSynthesisOptions === null || speechSynthesisOptions === void 0 ? void 0 : speechSynthesisOptions.sayAs);
+                else lastListTextPlayedRef.current = textToSpeak;
+            }
+        }
+        return (0, $cWW4y.checkSayAsWordsAndCreateUtterance)(params, speechSynthesisOptions === null || speechSynthesisOptions === void 0 ? void 0 : speechSynthesisOptions.sayAs);
+    };
+    const resetData = ()=>{
+        var // Set all activities currently in the queue as ended
+        _streamingQueueRef_current;
+        (_streamingQueueRef_current = streamingQueueRef.current) === null || _streamingQueueRef_current === void 0 ? void 0 : _streamingQueueRef_current.forEach((activity)=>{
+            dispatch((0, $kpW3P.storeActions).activity.addEndedActivity(activity.id));
+        });
+        streamingQueueRef.current = [];
+        dispatch((0, $kpW3P.storeActions).speech.killCurrentStreaming());
+        currentActivityRef.current = null;
+        setUtterance(null);
+        setNextUtterance(null);
+        dispatch((0, $kpW3P.storeActions).speech.resetCancelCurrentUtterance());
+        dispatch((0, $kpW3P.storeActions).speech.setSpeaking(false));
+        dispatch((0, $kpW3P.storeActions).speech.setBoundaryData([]));
+    };
+    const checkReplacementLocaleAndGetUtterance = (activity, checkReplacement = true)=>{
+        const replacementLocale = checkReplacement ? (replacementLocales === null || replacementLocales === void 0 ? void 0 : replacementLocales[locale]) || locale : locale;
+        const params = {
+            activity: activity,
+            voice: getVoiceAfterCheckingActivityLocale(replacementLocale),
+            locale: replacementLocale
+        };
+        return checkActivityAndCreateUtterance(params);
+    };
+    /**
+   * Check if the microphone can be opened automatically
+   */ const checkDictateState = ()=>{
+        if (!preventExpectedInputHint && mode === (0, $kpW3P.Mode).vocal && activeRecognitionState === (0, $kpW3P.RecognitionState).Closed) {
+            if (!isMicrophoneAllowed) dispatch((0, $kpW3P.storeActions).speech.askPermission());
+            else dispatch((0, $kpW3P.storeActions).speech.toggleMicrophone(true));
+        }
+    };
+    /**
+   * On route change, reset all data and check if we are on the news view
+   */ (0, $4yQHp$react.useEffect)(()=>{
+        resetData();
+        if (!isRetorikNews) isNewsViewRef.current = route === (0, $kpW3P.Routes).News || route === (0, $kpW3P.Routes).NewsInVeille;
+        // Force speech caching when using Retorik News or when using news in veille
+        setForceSpeechCaching(isRetorikNews || route === (0, $kpW3P.Routes).NewsInVeille);
+    }, [
+        route
+    ]);
+    /**
+   * On cancel call, reset all data and kill current streaming
+   */ (0, $4yQHp$react.useEffect)(()=>{
+        cancel && resetData();
+    }, [
+        cancel
+    ]);
+    /**
+   * Play external speech immediately but don't add it to the history
+   */ (0, $4yQHp$react.useEffect)(()=>{
+        if (externalTextToSpeech) {
+            const activity = {
+                speak: externalTextToSpeech,
+                locale: locale
+            };
+            currentActivityRef.current = activity;
+            setUtterance(checkReplacementLocaleAndGetUtterance(activity, false));
+        }
+    }, [
+        externalTextToSpeech
+    ]);
+    const dispatchSpeechEvent = (start)=>{
+        const speechEvent = start ? new Event('retorikSpeakStart') : new Event('retorikSpeakStop');
+        document.dispatchEvent(speechEvent);
+    };
+    /**
+   * Called when utterance's "start" event is fired
+   */ const handleUtteranceStart = ()=>{
+        var _currentActivityRef_current, _currentActivityRef_current1, _currentActivityRef_current2, _streamingQueueRef_current__value;
+        sendTrace((0, $7WHA7.TraceType).utteranceStart, {
+            activityId: (_currentActivityRef_current = currentActivityRef.current) === null || _currentActivityRef_current === void 0 ? void 0 : _currentActivityRef_current.id,
+            text: ((_currentActivityRef_current1 = currentActivityRef.current) === null || _currentActivityRef_current1 === void 0 ? void 0 : _currentActivityRef_current1.speak) || ((_currentActivityRef_current2 = currentActivityRef.current) === null || _currentActivityRef_current2 === void 0 ? void 0 : _currentActivityRef_current2.text)
+        });
+        dispatch((0, $kpW3P.storeActions).speech.setSpeaking(true));
+        if (!isNewsViewRef.current && (currentActivityRef === null || currentActivityRef === void 0 ? void 0 : currentActivityRef.current)) {
+            dispatch((0, $kpW3P.storeActions).speech.setCurrentOrLastPlayedActivity(currentActivityRef.current));
+            currentActivityRef.current.id && dispatch((0, $kpW3P.storeActions).directline.dispatchMarkActivity({
+                id: currentActivityRef.current.id,
+                speaking: true
+            }));
+        }
+        dispatchSpeechEvent(true);
+        // Set next utterance to prepare synthesis data in order to improve fluidity
+        if (streamingQueueRef.current.length && !((_streamingQueueRef_current__value = streamingQueueRef.current[0].value) === null || _streamingQueueRef_current__value === void 0 ? void 0 : _streamingQueueRef_current__value.streamingCount)) {
+            const utt = checkReplacementLocaleAndGetUtterance(streamingQueueRef.current[0], false);
+            setNextUtterance((current)=>utt.text === (current === null || current === void 0 ? void 0 : current.text) ? null : utt);
+        } else setNextUtterance(null);
+    };
+    /**
+   * Called when utterance's "end" event is fired
+   */ const handleUtteranceEnd = ()=>{
+        var _currentActivityRef_current;
+        sendTrace((0, $7WHA7.TraceType).utteranceEnd, {
+            activityId: (_currentActivityRef_current = currentActivityRef.current) === null || _currentActivityRef_current === void 0 ? void 0 : _currentActivityRef_current.id
+        });
+        dispatch((0, $kpW3P.storeActions).speech.setSpeaking(false));
+        dispatchSpeechEvent(false);
+        if (isNewsViewRef.current) {
+            dispatch((0, $kpW3P.storeActions).utils.setRetorikNewsEnded(true));
+            currentActivityRef.current = null;
+        } else handleEnded();
+    };
+    const handleEnded = ()=>{
+        var _currentActivityRef_current, _streamingQueueRef_current;
+        // Add played activity id to context's endedActivities
+        if ((_currentActivityRef_current = currentActivityRef.current) === null || _currentActivityRef_current === void 0 ? void 0 : _currentActivityRef_current.id) {
+            dispatch((0, $kpW3P.storeActions).activity.addEndedActivity(currentActivityRef.current.id));
+            dispatch((0, $kpW3P.storeActions).directline.dispatchMarkActivity({
+                id: currentActivityRef.current.id,
+                speaking: false
+            }));
+        }
+        if ((_streamingQueueRef_current = streamingQueueRef.current) === null || _streamingQueueRef_current === void 0 ? void 0 : _streamingQueueRef_current.length) {
+            var _streamingQueueRef_current__value;
+            // Check if this is the message sent after streaming activities
+            if ((_streamingQueueRef_current__value = streamingQueueRef.current[0].value) === null || _streamingQueueRef_current__value === void 0 ? void 0 : _streamingQueueRef_current__value.streamingCount) {
+                var _streamingQueueRef_current1;
+                dispatch((0, $kpW3P.storeActions).activity.addEndedActivity(streamingQueueRef.current[0].id));
+                // If there is another activity after this message, play it. If not, let's check if the microphone should be opened
+                if (((_streamingQueueRef_current1 = streamingQueueRef.current) === null || _streamingQueueRef_current1 === void 0 ? void 0 : _streamingQueueRef_current1.length) > 1) {
+                    const utt = checkReplacementLocaleAndGetUtterance(streamingQueueRef.current[1]);
+                    currentActivityRef.current = streamingQueueRef.current[1];
+                    setUtterance(utt);
+                    dispatch((0, $kpW3P.storeActions).speech.removeFirstFromStreamingQueue(true));
+                } else {
+                    streamingQueueRef.current[0].inputHint === 'expectingInput' && checkDictateState();
+                    currentActivityRef.current = null;
+                    setUtterance(null);
+                    setNextUtterance(null);
+                    dispatch((0, $kpW3P.storeActions).speech.removeFirstFromStreamingQueue(false));
+                }
+            } else {
+                const utt = checkReplacementLocaleAndGetUtterance(streamingQueueRef.current[0]);
+                currentActivityRef.current = streamingQueueRef.current[0];
+                setUtterance(utt);
+                dispatch((0, $kpW3P.storeActions).speech.removeFirstFromStreamingQueue(false));
+            }
+        } else {
+            var _currentActivityRef_current1;
+            ((_currentActivityRef_current1 = currentActivityRef.current) === null || _currentActivityRef_current1 === void 0 ? void 0 : _currentActivityRef_current1.inputHint) === 'expectingInput' && checkDictateState();
+            currentActivityRef.current = null;
+            setUtterance(null);
+            setNextUtterance(null);
+        }
+    };
+    /**
+   * Wait for app loading and voice selection to begin playing speech
+   */ (0, $4yQHp$react.useEffect)(()=>{
+        // Set ref from the state to use in events
+        streamingQueueRef.current = streamingQueue;
+        if (appAvailable && voice && streamingQueue.length && !currentActivityRef.current) handleEnded();
+    }, [
+        appAvailable,
+        voice,
+        streamingQueue
+    ]);
+    return /*#__PURE__*/ (0, $4yQHp$reactjsxruntime.jsx)((0, $7wztJ.default), {
+        ponyfill: ponyfill,
+        appAvailable: appAvailable,
+        utterance: utterance,
+        nextUtterance: nextUtterance,
+        forceSpeechCaching: forceSpeechCaching,
+        onStart: handleUtteranceStart,
+        onError: handleUtteranceEnd,
+        onEnd: handleUtteranceEnd
+    });
+};
+var $ad561f5c61e38c20$export$2e2bcd8739ae039 = $ad561f5c61e38c20$var$SynthesisManager;
+
+});
+parcelRegister("cWW4y", function(module, exports) {
+
+$parcel$export(module.exports, "checkSayAsWordsAndCreateUtterance", () => $285c8810199513ef$export$f969af62bba9a48b);
+
+var $3oRQE = parcelRequire("3oRQE");
+/**
+ * Check if there are some replacement codes for this language, to improve speech synthesis, and then create the utterance
+ * @param {CreateUtteranceParams} params - data needed to create an utterance
+ * @param {SayAs} sayAs - string that should be replaced by their ipa codes
+ * @returns {SpeechSynthesisUtterance}
+ */ const $285c8810199513ef$export$f969af62bba9a48b = (params, sayAs)=>{
+    let sayAsWords = [];
+    if (sayAs) {
+        var _sayAs_common, _sayAs_localized_params_locale;
+        ((_sayAs_common = sayAs.common) === null || _sayAs_common === void 0 ? void 0 : _sayAs_common.length) && (sayAsWords = [
+            ...sayAs.common
+        ]);
+        sayAs.localized && ((_sayAs_localized_params_locale = sayAs.localized[params.locale]) === null || _sayAs_localized_params_locale === void 0 ? void 0 : _sayAs_localized_params_locale.length) && (sayAsWords = [
+            ...sayAsWords,
+            ...sayAs.localized[params.locale]
+        ]);
+    }
+    return (0, $3oRQE.default)({
+        ...params,
+        sayAsWords: sayAsWords
+    });
+};
+
+});
+parcelRegister("3oRQE", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $d441ea54333b2073$export$2e2bcd8739ae039);
+
+
+const $d441ea54333b2073$var$buildSSML = (activity, locale, speechMarkdownParser, sayAsWords)=>{
+    let speech = activity.speak || activity.text;
+    // Replace character not recognized in Microsoft TTS
+    speech = speech.replaceAll("\u2019", "'");
+    let textParsedAsSSML = '';
+    try {
+        if (sayAsWords === null || sayAsWords === void 0 ? void 0 : sayAsWords.length) {
+            const wordsUsed = [];
+            sayAsWords.forEach((tuple)=>{
+                if (!wordsUsed.includes(tuple.text.toLocaleLowerCase(locale))) {
+                    const regex = new RegExp(`\\b${tuple.text}\\b`, 'gi');
+                    speech = speech.replaceAll(regex, `(${tuple.text})[ipa:"${tuple.ipa}"]`);
+                    wordsUsed.push(tuple.text.toLocaleLowerCase(locale));
+                }
+            });
+        }
+        textParsedAsSSML = speechMarkdownParser.toSSML(speech);
+    } catch (e) {
+        console.warn('Retorik Framework > error in speechmarkdown parser : ', e);
+    }
+    return `<speak version="1.0" xmlns="http://www.w3.org/2001/10/synthesis" xmlns:mstts="https://www.w3.org/2001/mstts" xmlns:emo="http://www.w3.org/2009/10/emotionml" xml:lang="${locale}">` + textParsedAsSSML + '</speak>';
+};
+const $d441ea54333b2073$var$createUtterance = ({ activity: activity, voice: voice, locale: locale, sayAsWords: sayAsWords })=>{
+    // If there is no text to be read, create an empty utterance that will be put in the array of ended activities
+    if (!voice || !activity.speak && !activity.text) return new (0, $4yQHp$daviaiwebspeechcognitiveservicesdavi.SpeechSynthesisUtterance)('');
+    return new (0, $4yQHp$daviaiwebspeechcognitiveservicesdavi.SpeechSynthesisUtterance)($d441ea54333b2073$var$buildSSML(activity, locale, new (0, $4yQHp$daviaispeechmarkdowndavijs.SpeechMarkdown)({
+        platform: 'microsoft-azure',
+        includeSpeakTag: false,
+        globalVoiceAndLang: {
+            voice: voice.name,
+            lang: voice.name.toLowerCase().includes('multilingual') ? locale : undefined
+        }
+    }), sayAsWords));
+};
+var $d441ea54333b2073$export$2e2bcd8739ae039 = $d441ea54333b2073$var$createUtterance;
+
+});
+
+
+parcelRegister("7wztJ", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $d31b268c3b702355$export$2e2bcd8739ae039);
+
+
+
+
+var $kpW3P = parcelRequire("kpW3P");
+
+var $hMfs5 = parcelRequire("hMfs5");
+
+var $f7K3i = parcelRequire("f7K3i");
+
+var $fa4j5 = parcelRequire("fa4j5");
+const $d31b268c3b702355$var$DBManager = new (0, $f7K3i.default)();
+const $d31b268c3b702355$var$tagsRemoverRegex = /<[^<>]+>/g;
+const $d31b268c3b702355$var$RetorikSpeech = ({ ponyfill: ponyfill, onEnd: onEnd, onError: onError, onStart: onStart, utterance: utterance, nextUtterance: nextUtterance, appAvailable: appAvailable, forceSpeechCaching: forceSpeechCaching })=>{
+    const dispatch = (0, $4yQHp$reactredux.useDispatch)();
+    const locale = (0, $4yQHp$reactredux.useSelector)((state)=>state.localeReducer.locale);
+    const loaderClosed = (0, $4yQHp$reactredux.useSelector)((state)=>state.retorikReducer.loaderClosed);
+    const enableSpeechCaching = (0, $4yQHp$reactredux.useSelector)((state)=>state.retorikReducer.configuration.enableSpeechCaching);
+    const speechRecognitionOptions = (0, $4yQHp$reactredux.useSelector)((state)=>state.retorikReducer.configuration.speechRecognitionOptions);
+    const useOldRemote = (0, $4yQHp$reactredux.useSelector)((state)=>state.retorikReducer.configuration.useOldRemote);
+    const voice = (0, $4yQHp$reactredux.useSelector)((state)=>state.speechReducer.voice);
+    const muted = (0, $4yQHp$reactredux.useSelector)((state)=>state.speechReducer.muted);
+    const activeRecognitionState = (0, $4yQHp$reactredux.useSelector)((state)=>state.speechReducer.activeRecognitionState);
+    const boundaryRef = (0, $4yQHp$react.useRef)(null);
+    const visemeRef = (0, $4yQHp$react.useRef)(null);
+    const bookmarkRef = (0, $4yQHp$react.useRef)(null);
+    const audioRef = (0, $4yQHp$react.useRef)(null);
+    const speechRecognitionAudioRef = (0, $4yQHp$react.useRef)(null);
+    const microphoneOpenAudioRef = (0, $4yQHp$react.useRef)(null);
+    const microphoneCloseAudioRef = (0, $4yQHp$react.useRef)(null);
+    const [DBReady, setDBReady] = (0, $4yQHp$react.useState)(false);
+    const [playingBlob, setPlayingBlob] = (0, $4yQHp$react.useState)(false);
+    const nextUtteranceDataRef = (0, $4yQHp$react.useRef)(null);
+    const nextUtteranceTextRef = (0, $4yQHp$react.useRef)(null);
+    const nextUtteranceBoundariesRef = (0, $4yQHp$react.useRef)([]);
+    const nextUtteranceVisemesRef = (0, $4yQHp$react.useRef)([]);
+    const nextUtteranceBookmarksRef = (0, $4yQHp$react.useRef)([]);
+    const emptyTextUtteranceRef = (0, $4yQHp$react.useRef)(null);
+    (0, $4yQHp$react.useEffect)(()=>{
+        $d31b268c3b702355$var$DBManager.checkDB().then((result)=>setDBReady(result));
+        return ()=>{
+            stopCurrentPlaying();
+            (emptyTextUtteranceRef === null || emptyTextUtteranceRef === void 0 ? void 0 : emptyTextUtteranceRef.current) && clearTimeout(emptyTextUtteranceRef.current);
+        };
+    }, []);
+    const stopCurrentPlaying = ()=>{
+        if (appAvailable || loaderClosed) {
+            var _audioRef_current;
+            // Cancel synthesis if using synthesizer
+            if (!playingBlob) ponyfill.speechSynthesis.cancel();
+            resetNextUtteranceData();
+            if (audioRef.current && !((_audioRef_current = audioRef.current) === null || _audioRef_current === void 0 ? void 0 : _audioRef_current.paused)) {
+                audioRef.current.pause();
+                handleEnd();
+            }
+        }
+    };
+    const attachEvents = (tempUtterance, isMainUtterance)=>{
+        tempUtterance.onerror = (event)=>{
+            isMainUtterance ? handleError(event) : nextUtteranceDataRef.current = null;
+        };
+        tempUtterance.onsynthesiscompleted = ()=>{
+            const endBoundary = {
+                word: '',
+                startTime: 0,
+                endTime: 0,
+                boundaryType: 'EndBoundary'
+            };
+            if (isMainUtterance) {
+                const tempBoundaries = (boundaryRef === null || boundaryRef === void 0 ? void 0 : boundaryRef.current) || [];
+                boundaryRef.current = [
+                    ...tempBoundaries,
+                    endBoundary
+                ];
+                dispatch((0, $kpW3P.storeActions).speech.setBoundaryData([
+                    ...tempBoundaries,
+                    endBoundary
+                ]));
+            } else nextUtteranceBoundariesRef.current = [
+                ...nextUtteranceBoundariesRef.current,
+                endBoundary
+            ];
+        };
+        tempUtterance.onboundary = (event)=>{
+            if (event.boundaryType !== 'Viseme') {
+                const newBoundary = {
+                    word: event.name,
+                    startTime: event.elapsedTime,
+                    endTime: event.elapsedTime + event.duration,
+                    boundaryType: event.boundaryType
+                };
+                if (isMainUtterance) {
+                    // Update the boundaryData state with the new data.
+                    const tempBoundaries = (boundaryRef === null || boundaryRef === void 0 ? void 0 : boundaryRef.current) || [];
+                    boundaryRef.current = [
+                        ...tempBoundaries,
+                        newBoundary
+                    ];
+                    dispatch((0, $kpW3P.storeActions).speech.setBoundaryData([
+                        ...tempBoundaries,
+                        newBoundary
+                    ]));
+                } else nextUtteranceBoundariesRef.current = [
+                    ...nextUtteranceBoundariesRef.current,
+                    newBoundary
+                ];
+            }
+        };
+        tempUtterance.onviseme = (event)=>{
+            if (isMainUtterance) {
+                // Collect visemes locally - they will be dispatched when audio starts playing
+                const tempVisemes = (visemeRef === null || visemeRef === void 0 ? void 0 : visemeRef.current) || [];
+                visemeRef.current = [
+                    ...tempVisemes,
+                    event
+                ];
+            } else nextUtteranceVisemesRef.current = [
+                ...nextUtteranceVisemesRef.current,
+                event
+            ];
+        };
+        tempUtterance.onmark = (event)=>{
+            console.log('Retorik Framework > onmark event', event);
+            const bookmark = {
+                name: event.name,
+                time: event.elapsedTime
+            };
+            if (isMainUtterance) {
+                // Collect bookmarks locally - they will be dispatched when audio starts playing
+                const tempBookmarks = (bookmarkRef === null || bookmarkRef === void 0 ? void 0 : bookmarkRef.current) || [];
+                bookmarkRef.current = [
+                    ...tempBookmarks,
+                    bookmark
+                ];
+            } else nextUtteranceBookmarksRef.current = [
+                ...nextUtteranceBookmarksRef.current,
+                bookmark
+            ];
+        };
+        return tempUtterance;
+    };
+    const processNextData = (data)=>{
+        nextUtteranceDataRef.current = (data === null || data === void 0 ? void 0 : data.byteLength) && nextUtteranceTextRef.current ? {
+            text: nextUtteranceTextRef.current,
+            data: {
+                speechData: data,
+                boundaries: nextUtteranceBoundariesRef.current,
+                visemes: nextUtteranceVisemesRef.current,
+                bookmarks: nextUtteranceBookmarksRef.current
+            }
+        } : null;
+        // Reset boundary / viseme data
+        resetNextUtteranceData(true);
+    };
+    const resetNextUtteranceData = (keepArrayBufferData)=>{
+        !keepArrayBufferData && (nextUtteranceDataRef.current = null);
+        nextUtteranceTextRef.current = null;
+        nextUtteranceBoundariesRef.current = [];
+        nextUtteranceVisemesRef.current = [];
+        nextUtteranceBookmarksRef.current = [];
+    };
+    (0, $4yQHp$react.useEffect)(()=>{
+        if (utterance) {
+            if (utterance.text) {
+                if (audioRef === null || audioRef === void 0 ? void 0 : audioRef.current) {
+                    var _nextUtteranceDataRef_current;
+                    if (((_nextUtteranceDataRef_current = nextUtteranceDataRef.current) === null || _nextUtteranceDataRef_current === void 0 ? void 0 : _nextUtteranceDataRef_current.text) === utterance.text && nextUtteranceDataRef.current.data) {
+                        boundaryRef.current = nextUtteranceDataRef.current.data.boundaries;
+                        dispatch((0, $kpW3P.storeActions).speech.setBoundaryData(nextUtteranceDataRef.current.data.boundaries));
+                        // Store visemes locally - they will be dispatched when audio starts playing
+                        visemeRef.current = nextUtteranceDataRef.current.data.visemes;
+                        processData(nextUtteranceDataRef.current.data.speechData, true);
+                    } else // Play utterance whether by asking for a speech synthesis, or by retrieving data from indexedDB
+                    playUtterance(attachEvents(utterance, true));
+                } else stopCurrentPlaying();
+            } else handleEmptyTextUtterance();
+        } else stopCurrentPlaying();
+    }, [
+        utterance
+    ]);
+    (0, $4yQHp$react.useEffect)(()=>{
+        // If there are data in nextUtteranceTextRef, this means the previous synthesis data retrieval is not finished, so we don't begin a new one
+        if ((nextUtterance === null || nextUtterance === void 0 ? void 0 : nextUtterance.text) && !nextUtteranceTextRef.current) {
+            const tempUtterance = attachEvents(nextUtterance);
+            nextUtteranceTextRef.current = nextUtterance.text;
+            ponyfill.speechSynthesis.synthesizeAndGetArrayData(tempUtterance, processNextData);
+        } else resetNextUtteranceData();
+    }, [
+        nextUtterance
+    ]);
+    const playUtterance = async (utt)=>{
+        if (DBReady && (enableSpeechCaching !== false || forceSpeechCaching) && utt) {
+            const dataFromIndexedDB = await $d31b268c3b702355$var$DBManager.getSpeechData(`${locale}.${voice === null || voice === void 0 ? void 0 : voice.name}.${utt.text.replace($d31b268c3b702355$var$tagsRemoverRegex, '')}`);
+            if (dataFromIndexedDB) {
+                boundaryRef.current = dataFromIndexedDB.boundaries;
+                dispatch((0, $kpW3P.storeActions).speech.setBoundaryData(dataFromIndexedDB.boundaries));
+                // Store visemes locally - they will be dispatched when audio starts playing
+                visemeRef.current = dataFromIndexedDB.visemes || [];
+                processData(dataFromIndexedDB.value, true);
+            } else ponyfill.speechSynthesis.synthesizeAndGetArrayData(utt, processData);
+        } else ponyfill.speechSynthesis.synthesizeAndGetArrayData(utt, processData);
+    };
+    const processData = (data, alreadyExistsInDB)=>{
+        if (data === null || data === void 0 ? void 0 : data.byteLength) {
+            const blob = new Blob([
+                data
+            ], {
+                type: 'audio/mp3'
+            });
+            !alreadyExistsInDB && (enableSpeechCaching !== false || forceSpeechCaching) && DBReady && (boundaryRef === null || boundaryRef === void 0 ? void 0 : boundaryRef.current) && utterance && $d31b268c3b702355$var$DBManager.addSpeechData({
+                id: `${locale}.${voice === null || voice === void 0 ? void 0 : voice.name}.${utterance.text.replace($d31b268c3b702355$var$tagsRemoverRegex, '')}`,
+                value: data,
+                boundaries: boundaryRef.current,
+                visemes: visemeRef.current || []
+            });
+            const url = URL.createObjectURL(blob);
+            if (audioRef === null || audioRef === void 0 ? void 0 : audioRef.current) {
+                setPlayingBlob(true);
+                audioRef.current.src = url;
+                audioRef.current.play().catch((e)=>console.warn(e));
+            }
+        } else handleEmptyTextUtterance();
+    };
+    const resetData = ()=>{
+        boundaryRef.current = [];
+        visemeRef.current = [];
+        dispatch((0, $kpW3P.storeActions).speech.setBoundaryData([]));
+        dispatch((0, $kpW3P.storeActions).speech.setVisemeData([]));
+        dispatch((0, $kpW3P.storeActions).speech.setBookmarkData([]));
+        setPlayingBlob(false);
+    };
+    const handleStart = ()=>{
+        if (appAvailable || loaderClosed) {
+            var _visemeRef_current;
+            // Dispatch visemes now that audio is playing, ensuring lip sync timing is correct
+            if ((_visemeRef_current = visemeRef.current) === null || _visemeRef_current === void 0 ? void 0 : _visemeRef_current.length) {
+                dispatch((0, $kpW3P.storeActions).speech.setVisemeData(visemeRef.current));
+                dispatch((0, $kpW3P.storeActions).speech.setBookmarkData(bookmarkRef.current || []));
+            }
+            onStart === null || onStart === void 0 ? void 0 : onStart();
+        }
+    };
+    const handleEnd = ()=>{
+        if (appAvailable || loaderClosed) {
+            onEnd === null || onEnd === void 0 ? void 0 : onEnd();
+            resetData();
+        } else dispatch((0, $kpW3P.storeActions).retorik.setLoaderClosed(true));
+    };
+    const handleError = (error)=>{
+        console.log('Retorik Framework > speech synthesis error ', error);
+        onError === null || onError === void 0 ? void 0 : onError();
+        resetData();
+    };
+    const handleEmptyTextUtterance = ()=>{
+        handleStart();
+        (emptyTextUtteranceRef === null || emptyTextUtteranceRef === void 0 ? void 0 : emptyTextUtteranceRef.current) && clearTimeout(emptyTextUtteranceRef.current);
+        emptyTextUtteranceRef.current = setTimeout(()=>{
+            handleEnd();
+        }, 50);
+    };
+    /**
+   * On call :
+   *  - play 1 second muted sound to prime audio output
+   *  - MANDATORY FOR SAFARI IN VOCAL MODE
+   */ const primeRetorikSpeech = ()=>{
+        if (audioRef.current) {
+            audioRef.current.play().catch((e)=>console.warn(e));
+            (speechRecognitionAudioRef === null || speechRecognitionAudioRef === void 0 ? void 0 : speechRecognitionAudioRef.current) && speechRecognitionAudioRef.current.play().catch((e)=>console.warn(e));
+            // Send animation start event to secure animation not playing on safari if permissions are not sufficient
+            window.dispatchEvent(new Event('retorikSpiritEnginePlay'));
+        }
+    };
+    /**
+   * Play sound on speech recognition activation if it isn't disabled in configuration
+   */ (0, $4yQHp$react.useEffect)(()=>{
+        var _speechRecognitionAudioRef_current;
+        if (useOldRemote) {
+            if (!!(speechRecognitionOptions === null || speechRecognitionOptions === void 0 ? void 0 : speechRecognitionOptions.enableActivationSound) && activeRecognitionState === (0, $kpW3P.RecognitionState).Listening) speechRecognitionAudioRef === null || speechRecognitionAudioRef === void 0 ? void 0 : (_speechRecognitionAudioRef_current = speechRecognitionAudioRef.current) === null || _speechRecognitionAudioRef_current === void 0 ? void 0 : _speechRecognitionAudioRef_current.play().catch((e)=>console.warn(e));
+        } else if (!!(speechRecognitionOptions === null || speechRecognitionOptions === void 0 ? void 0 : speechRecognitionOptions.enableActivationSound)) switch(activeRecognitionState){
+            case (0, $kpW3P.RecognitionState).Listening:
+                var _microphoneOpenAudioRef_current;
+                microphoneOpenAudioRef === null || microphoneOpenAudioRef === void 0 ? void 0 : (_microphoneOpenAudioRef_current = microphoneOpenAudioRef.current) === null || _microphoneOpenAudioRef_current === void 0 ? void 0 : _microphoneOpenAudioRef_current.play().catch((e)=>console.warn(e));
+                break;
+            case (0, $kpW3P.RecognitionState).Closing:
+            case (0, $kpW3P.RecognitionState).ForceClosing:
+                var _microphoneCloseAudioRef_current;
+                microphoneCloseAudioRef === null || microphoneCloseAudioRef === void 0 ? void 0 : (_microphoneCloseAudioRef_current = microphoneCloseAudioRef.current) === null || _microphoneCloseAudioRef_current === void 0 ? void 0 : _microphoneCloseAudioRef_current.play().catch((e)=>console.warn(e));
+                break;
+            default:
+                break;
+        }
+    }, [
+        useOldRemote,
+        activeRecognitionState,
+        speechRecognitionOptions
+    ]);
+    return /*#__PURE__*/ (0, $4yQHp$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($4yQHp$react))).Fragment, {
+        children: [
+            /*#__PURE__*/ (0, $4yQHp$reactjsxruntime.jsx)("audio", {
+                ref: audioRef,
+                src: (0, $hMfs5.audioFiles).onesecond,
+                muted: appAvailable || loaderClosed ? muted : true,
+                onPlay: handleStart,
+                onEnded: handleEnd
+            }),
+            /*#__PURE__*/ (0, $4yQHp$reactjsxruntime.jsx)("audio", {
+                ref: speechRecognitionAudioRef,
+                src: (0, $hMfs5.audioFiles).speechrecognition,
+                preload: "auto",
+                muted: appAvailable || loaderClosed ? muted : true
+            }),
+            /*#__PURE__*/ (0, $4yQHp$reactjsxruntime.jsx)("audio", {
+                ref: microphoneOpenAudioRef,
+                src: (0, $hMfs5.audioFiles).microphoneopen,
+                preload: "auto",
+                muted: appAvailable || loaderClosed ? muted : true
+            }),
+            /*#__PURE__*/ (0, $4yQHp$reactjsxruntime.jsx)("audio", {
+                ref: microphoneCloseAudioRef,
+                src: (0, $hMfs5.audioFiles).microphoneclose,
+                preload: "auto",
+                muted: appAvailable || loaderClosed ? muted : true
+            }),
+            /*#__PURE__*/ (0, $4yQHp$reactjsxruntime.jsx)((0, $fa4j5.default), {
+                appAvailable: appAvailable,
+                handleValidation: primeRetorikSpeech
+            })
+        ]
+    });
+};
+var $d31b268c3b702355$export$2e2bcd8739ae039 = $d31b268c3b702355$var$RetorikSpeech;
+
+});
+parcelRegister("f7K3i", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $e7fbc91b362e1033$export$2e2bcd8739ae039);
+class $e7fbc91b362e1033$var$IndexedDbManager {
+    constructor(){
+        this.version = 1;
+        this.storeName = 'speechSynthesisData';
+        this.checkDB = async ()=>{
+            return new Promise((resolve)=>{
+                const request = indexedDB.open('retorik-framework-db', this.version);
+                request.onsuccess = ()=>{
+                    resolve(true);
+                };
+                request.onerror = ()=>{
+                    resolve(false);
+                };
+                request.onupgradeneeded = ()=>{
+                    const db = request.result;
+                    // If the data object store doesn't exist, create it
+                    if (!db.objectStoreNames.contains(this.storeName)) db.createObjectStore(this.storeName, {
+                        keyPath: 'id'
+                    });
+                };
+            });
+        };
+        this.addSpeechData = async (data)=>{
+            return new Promise((resolve)=>{
+                const request = indexedDB.open('retorik-framework-db', this.version);
+                request.onsuccess = ()=>{
+                    const db = request.result;
+                    const tx = db.transaction(this.storeName, 'readwrite');
+                    const store = tx.objectStore(this.storeName);
+                    // Base 64 encode
+                    data.id = window.btoa(encodeURI(data.id));
+                    store.add(data);
+                    resolve(true);
+                };
+                request.onerror = ()=>{
+                    resolve(false);
+                };
+            });
+        };
+        this.getSpeechData = async (id)=>{
+            return new Promise((resolve)=>{
+                const request = indexedDB.open('retorik-framework-db', this.version);
+                request.onsuccess = ()=>{
+                    const db = request.result;
+                    const tx = db.transaction(this.storeName, 'readonly');
+                    const store = tx.objectStore(this.storeName);
+                    // Base 64 encode
+                    const data = store.get(window.btoa(encodeURI(id)));
+                    data.onsuccess = ()=>{
+                        resolve(data.result);
+                    };
+                };
+                request.onerror = ()=>{
+                    resolve(null);
+                };
+            });
+        };
+    }
+}
+var $e7fbc91b362e1033$export$2e2bcd8739ae039 = $e7fbc91b362e1033$var$IndexedDbManager;
+
+});
+
+
+
+
+
+//# sourceMappingURL=SynthesisPonyfillManager.f9f9a915.js.map