@botfabrik/engine-webclient 4.0.3 → 4.1.0

package/dist/client/static/js/main.33d70d48.chunk.js

@@ -1,2 +0,0 @@
-(this.webpackJsonpclient=this.webpackJsonpclient||[]).push([[0],{139:function(e,t,n){e.exports={chatPage:"Client_chatPage__126Ne"}},143:function(e,t,n){e.exports={text:"Text_text__1zaFO"}},146:function(e,t,n){e.exports={markdownMessage:"MarkdownMessage_markdownMessage__15Vr7"}},147:function(e,t,n){},148:function(e,t,n){},152:function(e,t,n){e.exports=n(313)},20:function(e,t,n){e.exports={audioRecorder:"AudioRecorder_audioRecorder__37BQJ",recordButton:"AudioRecorder_recordButton__3-QeV",submitButton:"AudioRecorder_submitButton__10pVF",cancelButton:"AudioRecorder_cancelButton__64CTn",recorderIcon:"AudioRecorder_recorderIcon__2o4Ov",pulse:"AudioRecorder_pulse__3Xsbm",spinning:"AudioRecorder_spinning__1hO3P",spin:"AudioRecorder_spin__3bMw-"}},25:function(e,t,n){e.exports={button:"Global_button__33oEy"}},272:function(e,t,n){var a={"./de.json":273,"./en.json":274,"./fr.json":275,"./it.json":276};function r(e){var t=i(e);return n(t)}function i(e){if(!n.o(a,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return a[e]}r.keys=function(){return Object.keys(a)},r.resolve=i,e.exports=r,r.id=272},273:function(e){e.exports=JSON.parse('{"Enter chat message":"Nachricht","export-transcript.titel":"Konversation erhalten","export-transcript.description":"Geben Sie Ihre E-Mail-Adresse ein, um den Chatverlauf zu erhalten.","export-transcript.cancel":"Abbrechen","export-transcript.send":"Senden","export-transcript.email-placeholder":"Ihre E-Mail-Adresse","export-transcript.email-invalid":"Bitte g\xfcltige E-Mail-Adresse eingeben.","export-transcript.success":"Ich habe den Chatverlauf an Ihre E-Mail-Adresse gesendet."}')},274:function(e){e.exports=JSON.parse('{"Enter chat message":"Message","export-transcript.titel":"Receive Conversation","export-transcript.description":"Enter your email address to receive the chat history.","export-transcript.cancel":"Cancel","export-transcript.send":"Send","export-transcript.email-placeholder":"Your email address","export-transcript.email-invalid":"Please enter a valid e-mail address.","export-transcript.success":"I have sent the chat history to your email address."}')},275:function(e){e.exports=JSON.parse('{"Enter chat message":"Message","export-transcript.titel":"Recevoir conversation","export-transcript.description":"Entrez votre adresse \xe9lectronique pour recevoir l\'historique du chat.","export-transcript.cancel":"Annuler","export-transcript.send":"Envoyer","export-transcript.email-placeholder":"Votre adresse \xe9lectronique","export-transcript.email-invalid":"Veuillez entrer une adresse \xe9lectronique valide.","export-transcript.success":"J\'ai envoy\xe9 l\'historique du chat \xe0 votre adresse \xe9lectronique."}')},276:function(e){e.exports=JSON.parse('{"Enter chat message":"Messaggio","export-transcript.titel":"Ricevere la conversazione","export-transcript.description":"Inserisci il tuo indirizzo e-mail per ricevere la cronologia della chat.","export-transcript.cancel":"Annulla","export-transcript.send":"Invia","export-transcript.email-placeholder":"Il tuo indirizzo e-mail","export-transcript.email-invalid":"Inserire un indirizzo e-mail valido.","export-transcript.success":"Ho inviato la cronologia della chat al vostro indirizzo e-mail."}')},29:function(e,t,n){e.exports={ticontainer:"TypingIndicator_ticontainer__29oO1",tiblock:"TypingIndicator_tiblock__1QBS0",tidot:"TypingIndicator_tidot__3aLQm",mercuryTypingAnimation:"TypingIndicator_mercuryTypingAnimation__3fDgV"}},30:function(e,t,n){e.exports={inputWrapper:"TextInput_inputWrapper__1fIyq",messageInputWrapper:"TextInput_messageInputWrapper__6KJHK",messageInput:"TextInput_messageInput__2fCF7",button:"TextInput_button__5my0Y"}},310:function(e,t){},313:function(e,t,n){"use strict";n.r(t);n(153);var a,r,i=n(0),o=n.n(i),c=n(28),s=n.n(c),l=n(53),u=n(139),p=n.n(u),d=n(19),m=n(1),E=n.n(m),g=n(13),_=n(2),h=function(e){return{type:"MESSAGE_TO_PARENT_PAGE",message:{type:"webclient.change.url",url:e}}},f=n(88),v=n.n(f),b=n(89),T=n.n(b),S=n(315),O=function(e,t,n){return{type:"CONNECT",sessionId:e,userId:t,querystrings:n}},C=n(90),N=n.n(C),R=n(51),y=n(52),k=n(55),x=n(54),w=n(91),I=n.n(w),A=n(6),M=n.n(A),j=function(e){var t=e.sender,n=e.children;return o.a.createElement("li",{className:M.a.messageBot},o.a.createElement("img",{className:E()(M.a.avatar,"chat_avatar","chat_botAvatar"),src:"".concat(t.avatar),alt:t.type===_.UserType.BOT?"Bot":"Agent"}),o.a.createElement("div",{className:E()(M.a.textWrapper,M.a.leftTextWrapper,"chat__bubble","chat__botBubble")},o.a.createElement("div",{className:E()(M.a.text,M.a.leftText)},n)))},B=n(25),U=n.n(B),D=n(8),G=n.n(D),q=function(e){var t=e.buttons,n=e.onButtonClick;return o.a.createElement("div",null,t.map((function(e,t){return o.a.createElement("button",{key:t,className:E()(G.a.button,U.a.button,"chat__bubbleButton"),onClick:function(){return n(e)}},e.title)})))},L=function(e){var t=e.alt,n=e.imageUrl,a=e.itemUrl;return n?o.a.createElement("div",{className:G.a.image},a?a.includes("youtube.com")?o.a.createElement("div",{className:G.a.video_container},o.a.createElement("iframe",{className:G.a.video,title:"Youtube",width:"100%",src:a+"?rel=0",frameBorder:"0",allowFullScreen:!0})):o.a.createElement("a",{href:a,target:"_blank",rel:"noopener noreferrer"},o.a.createElement("img",{src:n,alt:t})):o.a.createElement("img",{src:n,alt:t})):null},P=n(141),F=n.n(P),z=n(142),W=n.n(z),H=n(143),V=n.n(H),J=function(e){var t=e.text,n=e.onLinkClick,a=function(e,t,a){return o.a.createElement("a",{key:a,onClick:(r=e,function(e){return e.preventDefault(),r&&n(r),!1})},t);var r};return o.a.createElement("div",null,t.split("\n").map((function(e,t){return o.a.createElement("span",{key:t,className:V.a.text},o.a.createElement(W.a,{componentDecorator:a},F.a.emojify(e)),o.a.createElement("br",null))})))},Q=function(e){var t=e.subtitle,n=e.onLinkClick;return t?o.a.createElement("div",{className:G.a.subtitle},o.a.createElement(J,{text:t,onLinkClick:n})):null},Y=function(e){var t=e.title;return t?o.a.createElement("h2",{className:G.a.title},t):null},K=function(e){var t=e.title,n=e.subtitle,a=e.imageUrl,r=e.itemUrl,i=e.buttons,c=e.onButtonClick,s=e.onLinkClick;return o.a.createElement("div",{className:G.a.detailMessage},o.a.createElement(Y,{title:t}),o.a.createElement(L,{imageUrl:a,itemUrl:r,alt:t||n}),o.a.createElement(Q,{subtitle:n,onLinkClick:s}),o.a.createElement(q,{buttons:i,onButtonClick:c}))},X=function(e){var t=e.children;return o.a.createElement("li",{className:M.a.messageUser},o.a.createElement("div",{className:E()(M.a.textWrapper,M.a.rightTextWrapper,"chat__bubble","chat__guestBubble")},o.a.createElement("div",{className:E()(M.a.text,M.a.rightText)},t)))},Z=n(144),$=n(146),ee=n.n($),te=function(e){var t=e.markdown,n=(e.excerpt,e.className),a=e.onLinkClick,r=function(e){return function(t){return t.preventDefault(),e&&a(e),!1}};return o.a.createElement("div",{className:E()(ee.a.markdownMessage,n)},o.a.createElement(Z.a,{options:{overrides:{a:function(e){var t=e.title,n=e.href,a=e.children;return 0===n.indexOf("newtab#")?o.a.createElement("a",{href:n.slice("newtab#".length),title:t,target:"_blank",rel:"noopener noreferrer"},a):o.a.createElement("a",{onClick:r(n),title:t},a)}}}},t))},ne=n(147),ae=n.n(ne),re=function(e){var t=e.text,n=e.onLinkClick;return o.a.createElement("div",{className:ae.a.text},o.a.createElement(J,{text:t,onLinkClick:n}))},ie=function(e,t,n){switch(e.type){case _.MessageTypeEnum.TEXT:var a=e;return o.a.createElement(re,{text:a.text,onLinkClick:n});case _.MessageTypeEnum.DETAIL:var r=e;return o.a.createElement(K,{title:r.title,subtitle:r.subtitle,imageUrl:r.imageUrl,itemUrl:r.itemUrl,buttons:r.buttons,onButtonClick:t,onLinkClick:n});case _.MessageTypeEnum.MARKDOWN:var i=e;return o.a.createElement(te,{markdown:i.markdown,excerpt:i.excerpt,className:i.className,onLinkClick:n})}},oe=o.a.memo((function(e){var t=e.message,n=e.onButtonClick,a=e.onLinkClick,r=ie(t,n,a);switch(t.sender.type){case _.UserType.GUEST:return o.a.createElement(X,null,r);default:return o.a.createElement(j,{sender:t.sender},r)}}),(function(e,t){return e.message._id===t.message._id})),ce=n(92),se=n.n(ce),le=n(29),ue=n.n(le),pe=function(e){var t=e.isTyping;return void 0!==t&&t?o.a.createElement("div",{className:ue.a.ticontainer},o.a.createElement("div",{className:ue.a.tiblock},o.a.createElement("div",{className:E()(ue.a.tidot,"chat__typingIndicator")}),o.a.createElement("div",{className:E()(ue.a.tidot,"chat__typingIndicator")}),o.a.createElement("div",{className:E()(ue.a.tidot,"chat__typingIndicator")}))):null},de=I.a.Element,me=function(e){Object(k.a)(n,e);var t=Object(x.a)(n);function n(){return Object(R.a)(this,n),t.apply(this,arguments)}return Object(y.a)(n,[{key:"scrollToBottom",value:function(e,t){I.a.scroller.scrollTo("ScrollToElement",{duration:e,delay:t,smooth:!0,containerId:"MessageContainer"})}},{key:"componentDidMount",value:function(){this.scrollToBottom(0,0)}},{key:"componentDidUpdate",value:function(e){var t=this;if(0===e.messages.length&&this.props.messages.length>0)this.scrollToBottom(0,0);else{var n=this.props.isBotTyping,a=e.messages.length!==this.props.messages.length&&e.messages.length>1;(n||a)&&setTimeout((function(){return t.scrollToBottom(700,20)}),10)}}},{key:"render",value:function(){var e=this.props,t=e.messages,n=e.isBotTyping,a=e.onButtonClick,r=e.onLinkClick;return o.a.createElement("div",{className:se.a.messageContainer,id:"MessageContainer"},o.a.createElement("ul",{className:se.a.messages},t.map((function(e,t){return o.a.createElement(oe,{key:t,message:e,onButtonClick:a,onLinkClick:r})}))),o.a.createElement(pe,{isTyping:n}),o.a.createElement(de,{name:"ScrollToElement"}))}}]),n}(o.a.Component),Ee=n(93),ge=n(9),_e=n.n(ge),he=function(e){var t,n=e.visible,a=e.translate,r=e.onExport,c=e.onClose,s=Object(i.useState)(void 0),l=Object(d.a)(s,2),u=l[0],p=l[1],m=Object(i.useState)(!1),g=Object(d.a)(m,2),_=g[0],h=g[1],f=Object(i.useState)(void 0),v=Object(d.a)(f,2),b=v[0],T=v[1],S=Object(i.useRef)(null);Object(i.useEffect)((function(){var e;n?(null===(e=S.current)||void 0===e||e.focus(),h(!1),p(n)):!0===u&&p(!1)}),[n]);return o.a.createElement("div",{className:E()(_e.a.container,(t={},Object(Ee.a)(t,_e.a.containerOpen,!0===u),Object(Ee.a)(t,_e.a.containerClose,!1===u),t))},o.a.createElement("h1",null,a("export-transcript.titel")),o.a.createElement("p",null,a("export-transcript.description")),o.a.createElement("form",{onSubmit:function(e){e.preventDefault(),b&&b.length>0&&(r(b),h(!0),setTimeout(c,3e3))},className:_e.a.formContainer},o.a.createElement("div",null,o.a.createElement("input",{disabled:_,ref:S,type:"email",placeholder:a("export-transcript.email-placeholder"),className:_e.a.emailInput,onChange:function(e){var t=e.target.value.trim(),n=/^\w+([.-]?\w+)*@\w+([.-]?\w+)*(\.\w{2,3})+$/.test(t);T(n?t:"")}}),0===(null===b||void 0===b?void 0:b.length)?o.a.createElement("div",{className:_e.a.validationError},a("export-transcript.email-invalid")):null),o.a.createElement("div",{className:_e.a.actions},o.a.createElement("button",{type:"submit",disabled:_||void 0===b||0===b.length,className:E()(_e.a.button,U.a.button)},a("export-transcript.send")),o.a.createElement("button",{type:"button",className:E()(_e.a.button,U.a.button),onClick:c},a("export-transcript.cancel")))),_&&o.a.createElement("div",{className:_e.a.submitted},a("export-transcript.success")))},fe=n(14),ve=n(20),be=n.n(ve),Te=function(e){Object(k.a)(n,e);var t=Object(x.a)(n);function n(e){var a;return Object(R.a)(this,n),(a=t.call(this,e)).audioInput=null,a.volume=null,a.leftchannel=[],a.recorder=null,a.recordingLength=0,a.sampleRate=null,a.mediaStream=null,a.state={recordingState:"none"},a.triggerAudioRecording=a.triggerAudioRecording.bind(Object(fe.a)(a)),a.triggerAudioRecordingSuccess=a.triggerAudioRecordingSuccess.bind(Object(fe.a)(a)),a.initRecording=a.initRecording.bind(Object(fe.a)(a)),a.processRecordingInput=a.processRecordingInput.bind(Object(fe.a)(a)),a.handleClickSubmitAudio=a.handleClickSubmitAudio.bind(Object(fe.a)(a)),a.handleClickStopAudio=a.handleClickStopAudio.bind(Object(fe.a)(a)),a}return Object(y.a)(n,[{key:"triggerAudioRecording",value:function(){this.setState({recordingState:"connecting"}),navigator.mediaDevices.getUserMedia({audio:!0,video:!1}).then(this.triggerAudioRecordingSuccess)}},{key:"triggerAudioRecordingSuccess",value:function(e){this.mediaStream=e,this.leftchannel.length=0,this.recordingLength=0,this.initRecording(e)}},{key:"initRecording",value:function(e){var t=new(window.AudioContext||window.webkitAudioContext);this.sampleRate=t.sampleRate,this.volume=t.createGain(),this.audioInput=t.createMediaStreamSource(e),this.audioInput.connect(this.volume),this.recorder=t.createScriptProcessor(2048,1,1),this.recorder.onaudioprocess=this.processRecordingInput,this.volume.connect(this.recorder),this.recorder.connect(t.destination)}},{key:"processRecordingInput",value:function(e){if("connecting"===this.state.recordingState&&this.setState({recordingState:"recording"}),"none"!==this.state.recordingState){var t=e.inputBuffer.getChannelData(0);this.leftchannel.push(new Float32Array(t)),this.recordingLength+=2048}}},{key:"handleClickSubmitAudio",value:function(){var e=Ce(this.leftchannel,this.recordingLength),t=Ne(e,this.sampleRate||0),n=Se(t);this.props.onAudioRecorded(n),this.handleClickStopAudio()}},{key:"handleClickStopAudio",value:function(){var e,t,n,a;(this.setState({recordingState:"none"}),null===(e=this.audioInput)||void 0===e||e.disconnect(),null===(t=this.volume)||void 0===t||t.disconnect(),null===(n=this.recorder)||void 0===n||n.disconnect(),this.mediaStream)&&(null===(a=this.mediaStream)||void 0===a||a.getAudioTracks().forEach((function(e){e.stop()})))}},{key:"render",value:function(){return o.a.createElement("div",{className:be.a.audioRecorder},"none"===this.state.recordingState&&o.a.createElement("button",{className:E()(be.a.recordButton,"chat__button"),type:"submit",onClick:this.triggerAudioRecording},o.a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"},o.a.createElement("path",{d:"M12 14c1.66 0 2.99-1.34 2.99-3L15 5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm5.3-3c0 3-2.54 5.1-5.3 5.1S6.7 14 6.7 11H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c3.28-.48 6-3.3 6-6.72h-1.7z"}),o.a.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))),"connecting"===this.state.recordingState&&o.a.createElement("svg",{className:be.a.spinning,xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"},o.a.createElement("path",{d:"M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"}),o.a.createElement("path",{d:"M0 0h24v24H0z",fill:"none"})),"recording"===this.state.recordingState&&o.a.createElement("div",{className:be.a.audioRecorder},o.a.createElement("button",{className:E()(be.a.cancelButton),onClick:this.handleClickStopAudio},o.a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"},o.a.createElement("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}),o.a.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))),o.a.createElement("div",{className:be.a.recorderIcon}),o.a.createElement("button",{className:E()(be.a.submitButton),type:"submit",onClick:this.handleClickSubmitAudio},o.a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"},o.a.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),o.a.createElement("path",{d:"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"})))))}}]),n}(o.a.Component),Se=function(e){var t=new ArrayBuffer(44+2*e.length),n=new DataView(t);Oe(n,0,"RIFF"),n.setUint32(4,44+2*e.length,!0),Oe(n,8,"WAVE"),Oe(n,12,"fmt "),n.setUint32(16,16,!0),n.setUint16(20,1,!0),n.setUint16(22,1,!0),n.setUint32(24,16e3,!0),n.setUint32(28,64e3,!0),n.setUint16(32,4,!0),n.setUint16(34,16,!0),Oe(n,36,"data"),n.setUint32(40,2*e.length,!0);for(var a=e.length,r=44,i=0;i<a;i++)n.setInt16(r,32767*e[i],!0),r+=2;return new Blob([n],{type:"audio/wav"})},Oe=function(e,t,n){for(var a=0;a<n.length;a++)e.setUint8(t+a,n.charCodeAt(a))},Ce=function(e,t){for(var n=new Float32Array(t),a=0,r=e.length,i=0;i<r;i++){var o=e[i];n.set(o,a),a+=o.length}return n},Ne=function(e,t){if(16e3===t)return e;for(var n=t/16e3,a=Math.round(e.length/n),r=new Float32Array(a),i=0,o=0;i<r.length;){for(var c=Math.round((i+1)*n),s=0,l=0,u=o;u<c&&u<e.length;u++)s+=e[u],l++;r[i]=s/l,i++,o=c}return r},Re=n(30),ye=n.n(Re),ke=function(e){var t=e.speechSupport,n=e.transcriptExportEnabled,a=e.translate,r=e.onTextInput,c=e.onAudioRecorded,s=e.onOpenTranscriptExportModal,l=Object(i.useState)(!1),u=Object(d.a)(l,2),p=u[0],m=u[1],g=Object(i.useRef)(null);return o.a.createElement("form",{className:ye.a.inputWrapper,onSubmit:function(e){e.preventDefault();var t=g.current;t&&t.value.trim().length>=1&&(r(t.value.trim()),t.value="",m(!1),t.focus())}},o.a.createElement("div",{className:ye.a.messageInputWrapper},o.a.createElement("input",{className:ye.a.messageInput,placeholder:a("Enter chat message"),ref:g,onChange:function(e){var t=e.target.value.trim();m(t.length>0)}})),!p&&n&&o.a.createElement("button",{className:E()(ye.a.button,"chat__button"),type:"button",onClick:s},o.a.createElement("svg",{viewBox:"64 64 896 896",focusable:"false",width:"1em",height:"1em",fill:"currentColor","aria-hidden":"true"},o.a.createElement("path",{d:"M456 231a56 56 0 10112 0 56 56 0 10-112 0zm0 280a56 56 0 10112 0 56 56 0 10-112 0zm0 280a56 56 0 10112 0 56 56 0 10-112 0z"}))),p||!t||void 0===navigator.mediaDevices?o.a.createElement("button",{className:E()(ye.a.button,"chat__button"),type:"submit"},o.a.createElement("svg",{viewBox:"64 64 896 896",focusable:"false",width:"1em",height:"1em",fill:"currentColor","aria-hidden":"true"},o.a.createElement("defs",null,o.a.createElement("style",null)),o.a.createElement("path",{d:"M931.4 498.9L94.9 79.5c-3.4-1.7-7.3-2.1-11-1.2a15.99 15.99 0 00-11.7 19.3l86.2 352.2c1.3 5.3 5.2 9.6 10.4 11.3l147.7 50.7-147.6 50.7c-5.2 1.8-9.1 6-10.3 11.3L72.2 926.5c-.9 3.7-.5 7.6 1.2 10.9 3.9 7.9 13.5 11.1 21.5 7.2l836.5-417c3.1-1.5 5.6-4.1 7.2-7.1 3.9-8 .7-17.6-7.2-21.6zM170.8 826.3l50.3-205.6 295.2-101.3c2.3-.8 4.2-2.6 5-5 1.4-4.2-.8-8.7-5-10.2L221.1 403 171 198.2l628 314.9-628.2 313.2z"}))):t&&void 0!==navigator.mediaDevices&&o.a.createElement(Te,{onAudioRecorded:c}))},xe=n(148),we=n.n(xe),Ie=n(94),Ae=n.n(Ie),Me=function(e){var t=e.quickReplies,n=e.onQuickReplyClick;return t.length?o.a.createElement("div",{className:Ae.a.quickReplies},t.map((function(e){return o.a.createElement("span",{key:e.label,className:E()(Ae.a.quickReply,U.a.button,"chat__button","chat__quickReply"),onClick:function(){return n(e)}},e.label)}))):null},je=function(e){var t=e.quickReplies,n=e.speechSupport,a=e.transcriptExportEnabled,r=e.translate,i=e.onTextInput,c=e.onQuickReplyClick,s=(e.onUploadFile,e.onAudioRecorded),l=e.onOpenTranscriptExportModal;return o.a.createElement("div",{className:E()(we.a.inputContainer)},o.a.createElement(Me,{quickReplies:t,onQuickReplyClick:c}),o.a.createElement(ke,{translate:r,onTextInput:i,onAudioRecorded:s,speechSupport:n,onOpenTranscriptExportModal:l,transcriptExportEnabled:a}))},Be="TRIGGER_ACTION",Ue="TRIGGER_STORY",De="CHAT_MESSAGE_FROM_GUEST",Ge="ON_CHAT_WINDOW_OPEN",qe="ON_CHAT_WINDOW_CLOSE",Le=Object(l.b)((function(e){var t=e.chat;return{messages:t.messages,quickReplies:t.quickReplies,uploadRequest:t.uploadRequest,isBotTyping:t.isBotTyping,speechSupport:t.speechSupport,transcriptExportEnabled:t.transcriptExportEnabled,translate:Object(g.b)(e.locale)}}),(function(e){return{onConnect:function(t){return e(function(e){return function(t,n){var a=T.a.parse(e),r=n().connection,i=r.sessionId;void 0===i&&(i=Object(S.a)());var o=r.userId;if(void 0===o){var c=v.a.get("bf-webclient-userId");o=c||Object(S.a)(),v.a.set("bf-webclient-userId",o)}return a.sessionId=i,a.userId=o,t(O(i,o,T.a.stringify(a)))}}(t))},onMessageFromUser:function(t){return e(function(e){return Object(_.receiveTextMessageFromGuest)(e)}(t))},onAudioRecorded:function(t){return e(function(e){return{type:"AUDIO_MESSAGE_FROM_USER",buffer:e}}(t))},onActionFromUser:function(t){return e(t)},onQuickReplyClick:function(t){return e(function(e){return function(t){return e.payload.type!==_.ActionTypes.MESSAGE_FROM_GUEST&&t(Object(_.receiveTextMessageWithoutAnalysisFromGuest)(e.label)),t(e.payload)}}(t))},onNluEvent:function(t){return e(function(e){return Object(_.requestNLUEvent)(e)}(t))},onButtonClick:function(t){return e(function(e){switch(e.type){case _.ButtonTypeEnum.WEB_URL:return h(e.url);case _.ButtonTypeEnum.POSTBACK:return e.payload;default:throw new Error("unknown button type ".concat(e.type))}}(t))},onLinkClick:function(t){return e(function(e){return h(e)}(t))},onUploadFile:function(t,n,a){return e(function(e,t,n){return Object(_.receiveFileFromGuest)(e,t,n)}(t,n,a))},onTranscriptExport:function(t){return e(function(e){return{type:_.ActionTypes.TRANSCRIPT_MAIL_REQUEST,payload:{parameters:{mailTo:e}}}}(t))}}}))((function(e){var t=e.messages,n=e.quickReplies,a=e.uploadRequest,r=e.isBotTyping,c=e.speechSupport,s=e.transcriptExportEnabled,l=e.translate,u=e.onConnect,p=e.onNluEvent,m=e.onMessageFromUser,g=e.onQuickReplyClick,_=e.onButtonClick,h=e.onLinkClick,f=e.onUploadFile,v=e.onAudioRecorded,b=e.onActionFromUser,T=e.onTranscriptExport,S=Object(i.useState)(!1),O=Object(d.a)(S,2),C=O[0],R=O[1];return Object(i.useEffect)((function(){var e=function(e){switch(e.data.type){case Be:b(e.data.action);break;case Ue:p(e.data.story);break;case Ge:b({type:"webclient.chatwindow.opened"});break;case qe:b({type:"webclient.chatwindow.closed"});break;case De:m(e.data.text)}};return u(window.location.search),window.addEventListener("message",(function(t){return e(t)}),!1),function(){return window.removeEventListener("message",e)}}),[u,b,m,p]),o.a.createElement("div",{className:E()(N.a.chatwindow,"chat__chatwindow")},o.a.createElement("div",{className:N.a.chatcontent},o.a.createElement(me,{messages:t,isBotTyping:r,onButtonClick:_,onLinkClick:h}),o.a.createElement(je,{quickReplies:n,uploadRequest:a,speechSupport:c,transcriptExportEnabled:s,translate:l,onQuickReplyClick:g,onTextInput:m,onUploadFile:f,onAudioRecorded:v,onOpenTranscriptExportModal:function(){return R(!0)}})),s&&o.a.createElement(he,{visible:C,translate:l,onExport:T,onClose:function(){return R(!1)}}))})),Pe=n(149),Fe=n.n(Pe),ze=n(18),We=n(150);!function(e){e[e.CONNECTING=0]="CONNECTING",e[e.CONNECTED=1]="CONNECTED",e[e.RECONNECTED=2]="RECONNECTED",e[e.DISCONNECTED=3]="DISCONNECTED"}(a||(a={})),function(e){e.GUEST="GUEST",e.BOT="BOT",e.PERSON="PERSON"}(r||(r={}));var He={connectionState:a.DISCONNECTED,sessionId:void 0,userId:void 0},Ve=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:He,t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"CONNECT":return Object.assign({},e,{sessionId:t.sessionId,userId:t.userId});case"CONNECTING":return Object.assign({},e,{connectionState:a.CONNECTING});case"CONNECTED":return Object.assign({},e,{connectionState:a.CONNECTED});case"DISCONNECTED":return Object.assign({},e,{connectionState:a.DISCONNECTED});case"RECONNECTED":return Object.assign({},e,{connectionState:a.RECONNECTED});case"RESTORE_SESSION_ID":return Object.assign({},e,{sessionId:t.sessionId});default:return e}},Je=function(e,t){return Object.assign({},e,{messages:e.messages.concat([t]),quickReplies:[]})},Qe=function(e){Ye()?window.top.postMessage(e,"*"):"webclient.change.url"===e.type&&window.open(e.url)},Ye=function(){return"undefined"!==typeof window&&window.self!==window.top},Ke={messages:[],quickReplies:[],isBotTyping:!1,speechSupport:!1,transcriptExportEnabled:!1},Xe=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:Ke,t=arguments.length>1?arguments[1]:void 0;switch(t.type){case _.ActionTypes.TYPING_ON:return Object.assign({},e,{isBotTyping:!0});case _.ActionTypes.TYPING_OFF:return Object.assign({},e,{isBotTyping:!1});case _.ActionTypes.MESSAGE_FROM_GUEST:case _.ActionTypes.MESSAGE_WITHOUT_ANALYSIS_FROM_GUEST:return Je(e,t.message);case _.ActionTypes.MESSAGE_TO_GUEST:Qe(t);var n=Object.assign({},t.message,{_id:t.meta.actionId}),a=e.messages.filter((function(e){return e._id===t.meta.actionId})).length>0;return Object.assign({},e,{messages:a?e.messages:e.messages.concat([n]),quickReplies:n.quickReplies?n.quickReplies:[],uploadRequest:n.uploadRequest?n.uploadRequest:{}});case"RESTORE_PREVIOUS_CHAT_MESSAGES":var r=t.messages;if(r.length>0){var i=r[r.length-1];return Object.assign({},Ke,{messages:r,quickReplies:i.quickReplies?i.quickReplies:[],uploadRequest:i.uploadRequest?i.uploadRequest:{}})}return Ke;case _.ActionTypes.FILE_FROM_GUEST:var o=Object.assign({},e.uploadRequest,{uploadState:"uploading"});return Object.assign({},e,{uploadRequest:o});case"MESSAGE_TO_PARENT_PAGE":return Qe(t.message),e;case _.ActionTypes.EVENT_TO_GUEST:return Qe(t.event),e;case"webclient.expand.window":return Qe(t),e;case"ENABLE_SPEECH_SUPPORT":return Object.assign({},e,{speechSupport:!0});case"RECEIVE_SPEECH_TRANSCRIPTION":var c=new _.TextMessage(t.transcription,new _.GuestUser);return Je(e,c);case"ENABLE_TRANSCRIPT_EXPORT":return Object.assign({},e,{transcriptExportEnabled:!0});default:return e}},Ze=Object(ze.c)({chat:Xe,connection:Ve,locale:g.d}),$e=function(e){if(null===e)return!1;var t=new Date(e);return t.setHours(t.getHours()+12),new Date>t},et=n(151),tt=n.n(et),nt=["CONNECT","CONNECTING","CONNECTED","DISCONNECTED","RECONNECTED","RESTORE_SESSION_ID",_.ActionTypes.MESSAGE_TO_GUEST,_.ActionTypes.EVENT_TO_GUEST,_.ActionTypes.TYPING_ON,_.ActionTypes.TYPING_OFF,"RESTORE_PREVIOUS_CHAT_MESSAGES","@@localize/SET_ACTIVE_LANGUAGE","ENABLE_TRANSCRIPT_EXPORT"],at=function(e){var t=e.dispatch;return function(e){var n=null;return function(a){var r=e(a);if("CONNECT"===a.type)null!=n&&n.disconnect(),t({type:"CONNECTING"}),(n=tt()("/bf-webclient?"+a.querystrings)).on("action",t),n.on("connect",(function(){return t({type:"CONNECTED"})})),n.on("disconnect",(function(){return t({type:"DISCONNECTED"})})),n.on("reconnect",(function(){return t({type:"RECONNECTED"})})),n.on("set-active-language",(function(e){return t(Object(g.e)(e))})),n.on("enable-speech-support",(function(){return t({type:"ENABLE_SPEECH_SUPPORT"})})),n.on("enable-transcript-export",(function(){return t({type:"ENABLE_TRANSCRIPT_EXPORT"})})),n.on("speech-transcription",(function(e){return t(function(e){return{type:"RECEIVE_SPEECH_TRANSCRIPTION",transcription:e}}(e))})),n.on("restore-client-state",(function(e){n.io.uri=n.io.uri.replace(a.sessionId,e.sessionId),t({type:"RESTORE_SESSION_ID",sessionId:e.sessionId}),t({type:"RESTORE_PREVIOUS_CHAT_MESSAGES",messages:e.messages})})),n.on("file-uploaded",(function(){return console.log("webclient socket middle ware: file-uploaded")})),n.on("expand-window",(function(e){var n=e.devices;return t({type:"webclient.expand.window",devices:n})}));else if("webclient.get.started"===a.type){var i;null===(i=n)||void 0===i||i.emit("get-started",JSON.stringify(a))}else if(a.type===_.ActionTypes.FILE_FROM_GUEST){var o;null===(o=n)||void 0===o||o.emit("file-from-guest",JSON.stringify(a))}else if("AUDIO_MESSAGE_FROM_USER"===a.type){var c;null===(c=n)||void 0===c||c.emit("audio-message",a.buffer)}else-1===nt.indexOf(a.type)&&n&&n.emit("action",JSON.stringify(a));return r}}},rt=function(){var e=function(){try{if("undefined"===typeof localStorage)return;var e=localStorage.getItem("bf-webclient-state-last-saved-at");if($e(e))return;var t=localStorage.getItem("bf-webclient-state");if(null===t)return;return JSON.parse(t)}catch(n){return void console.error(n)}}(),t=Object(ze.d)(Object(ze.a)(We.a,at))(ze.e)(Ze,e);return t.subscribe(Fe()((function(){!function(e){try{var t=JSON.stringify(e);localStorage.setItem("bf-webclient-state",t);var n=(new Date).toISOString();localStorage.setItem("bf-webclient-state-last-saved-at",n)}catch(a){console.error(a)}}({connection:t.getState().connection})}),1e3)),t}();!function(e){var t=["de","en","fr","it"];e(Object(g.c)({languages:t,options:{defaultLanguage:"de",renderToStaticMarkup:!1}})),t.forEach((function(t){var a=n(272)("./".concat(t,".json"));e(Object(g.a)(a,t))}))}(rt.dispatch),s.a.render(o.a.createElement(l.a,{store:rt},o.a.createElement("div",{className:p.a.chatPage},o.a.createElement(Le,null))),document.getElementById("root"))},6:function(e,t,n){e.exports={messageBot:"Message_messageBot__3cmFc",messageUser:"Message_messageUser__1PbuM",avatar:"Message_avatar__1GG1t",textWrapper:"Message_textWrapper__1ZhSM",leftTextWrapper:"Message_leftTextWrapper__eSCQv",leftText:"Message_leftText__1KoBc",rightTextWrapper:"Message_rightTextWrapper__2CSGi",rightText:"Message_rightText__3RrIO"}},8:function(e,t,n){e.exports={detailMessage:"DetailMessage_detailMessage__3UAD0",image:"DetailMessage_image__2Gyth",image_container:"DetailMessage_image_container__8LsJu",play_button:"DetailMessage_play_button__1PWeA",title:"DetailMessage_title__1RlQT",subtitle:"DetailMessage_subtitle__18WDj",button:"DetailMessage_button__2eSMw",video_container:"DetailMessage_video_container__7lOBq",video:"DetailMessage_video__3VEwq"}},9:function(e,t,n){e.exports={container:"TranscriptMail_container__xZvk4",containerOpen:"TranscriptMail_containerOpen__1hqU0","slide-in":"TranscriptMail_slide-in__XH6FI",containerClose:"TranscriptMail_containerClose__3O-kH","slide-out":"TranscriptMail_slide-out__1UFOz",formContainer:"TranscriptMail_formContainer__bJ8SH",emailInput:"TranscriptMail_emailInput__3FwaM",actions:"TranscriptMail_actions__2qBTc",validationError:"TranscriptMail_validationError__3pqpz",submitted:"TranscriptMail_submitted__q60CQ"}},90:function(e,t,n){e.exports={chatwindow:"Chat_chatwindow__2gTsn",chatcontent:"Chat_chatcontent__-wQ0P"}},92:function(e,t,n){e.exports={messageContainer:"MessageContainer_messageContainer__1AKXT",messages:"MessageContainer_messages__2GeSj"}},94:function(e,t,n){e.exports={quickReplies:"QuickReplies_quickReplies__26tJr",quickReply:"QuickReplies_quickReply__PrklG"}}},[[152,1,2]]]);
-//# sourceMappingURL=main.33d70d48.chunk.js.map

package/dist/client/static/js/main.33d70d48.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Client.module.scss","components/conversation/message/Text.module.scss","components/conversation/message/markdown-message/MarkdownMessage.module.scss","components/user-input/input/AudioRecorder.module.scss","Global.module.scss","locales sync /^/.//.*/.json$","components/conversation/typing-indicator/TypingIndicator.module.scss","components/user-input/input/TextInput.module.scss","types.ts","actions/index.ts","actions/connectionActions.ts","components/conversation/message/bot-message/index.tsx","components/conversation/message/detail-message/Buttons.tsx","components/conversation/message/detail-message/Image.tsx","components/conversation/message/Text.tsx","components/conversation/message/detail-message/Subtitle.tsx","components/conversation/message/detail-message/Title.tsx","components/conversation/message/detail-message/index.tsx","components/conversation/message/guest-message/index.tsx","components/conversation/message/markdown-message/index.tsx","components/conversation/message/text-message/index.tsx","components/conversation/message/index.tsx","components/conversation/typing-indicator/index.tsx","components/conversation/index.tsx","components/transcript-mail/index.tsx","components/user-input/input/audio-recorder.tsx","components/user-input/input/index.tsx","components/user-input/quick-replies/index.tsx","components/user-input/index.tsx","components/Chat.tsx","reducers/backendConnectionReducer.ts","reducers/chatReducer.ts","reducers/index.ts","store/localStorage.ts","store/socketMiddleware.ts","store/index.ts","store/configureStore.ts","locales/initialize.ts","index.tsx","components/conversation/message/Message.module.scss","components/conversation/message/detail-message/DetailMessage.module.scss","components/transcript-mail/TranscriptMail.module.scss","components/Chat.module.scss","components/conversation/MessageContainer.module.scss","components/user-input/quick-replies/QuickReplies.module.scss"],"names":["module","exports","map","webpackContext","req","id","webpackContextResolve","__webpack_require__","o","e","Error","code","keys","Object","resolve","ConnectionStateEnum","UserType","notifyParentToChangePath","url","type","message","doConnect","sessionId","userId","querystrings","BotMessage","sender","children","className","styles","messageBot","classNames","avatar","src","alt","BOT","textWrapper","leftTextWrapper","text","leftText","Buttons","buttons","onButtonClick","button","index","key","globalStyles","onClick","title","Image","imageUrl","itemUrl","image","includes","video_container","video","width","frameBorder","allowFullScreen","href","target","rel","Text","onLinkClick","componentDecorator","decoratedHref","decoratedText","event","preventDefault","split","item","Emoji","emojify","Subtitle","subtitle","Title","DetailMessage","detailMessage","UserMessage","messageUser","rightTextWrapper","rightText","MarkdownMessage","markdown","excerpt","handleOnLinkClick","markdownMessage","options","overrides","a","indexOf","slice","length","TextMessage","getMessageCmp","MessageTypeEnum","TEXT","textMessage","DETAIL","MARKDOWN","React","memo","msgCmp","GUEST","prevProps","nextProps","_id","TypingIndicator","isTyping","ticontainer","tiblock","tidot","Element","Scroll","Conversation","duration","delay","scroller","scrollTo","smooth","containerId","this","scrollToBottom","messages","props","isBotTyping","hasNewMessages","setTimeout","messageContainer","msg","name","Component","TranscriptMail","visible","translate","onExport","onClose","useState","undefined","internalVisible","setInternalVisible","submitted","setSubmitted","email","setEmail","inputRef","useRef","useEffect","current","focus","container","containerOpen","containerClose","onSubmit","formContainer","disabled","ref","placeholder","emailInput","onChange","value","trim","emailIsValide","test","validationError","actions","AudioRecorder","audioInput","volume","leftchannel","recorder","recordingLength","sampleRate","mediaStream","state","recordingState","triggerAudioRecording","bind","triggerAudioRecordingSuccess","initRecording","processRecordingInput","handleClickSubmitAudio","handleClickStopAudio","setState","navigator","mediaDevices","getUserMedia","audio","then","stream","context","window","AudioContext","webkitAudioContext","createGain","createMediaStreamSource","connect","createScriptProcessor","onaudioprocess","destination","left","inputBuffer","getChannelData","push","Float32Array","leftBuffer","mergeBuffers","downsampledBuffer","downsampleBuffer","blob","createWav","onAudioRecorded","disconnect","getAudioTracks","forEach","track","stop","audioRecorder","recordButton","xmlns","height","viewBox","d","fill","spinning","cancelButton","recorderIcon","submitButton","buffer","ArrayBuffer","view","DataView","writeUTFBytes","setUint32","setUint16","OUTPUT_SAMPLE_RATE","lng","i","setInt16","Blob","offset","val","setUint8","charCodeAt","channelBuffer","result","set","sampleRateRatio","newLength","Math","round","offsetResult","offsetBuffer","nextOffsetBuffer","accum","count","TextInput","speechSupport","transcriptExportEnabled","onTextInput","onOpenTranscriptExportModal","hasText","setHasText","userTextInput","inputWrapper","currentUserInput","messageInputWrapper","messageInput","focusable","aria-hidden","QuickReplies","quickReplies","onQuickReplyClick","reply","label","quickReply","UserInput","onUploadFile","inputContainer","INCOMMING_EVENTS","wrappedComponent","reduxConnect","chat","uploadRequest","getTranslate","locale","dispatch","onConnect","getState","parsedQuerystrings","queryString","parse","connectionState","connection","uuid","userIdCookie","Cookies","get","stringify","onMessageFromUser","coreReceiveTextMessageFromGuest","sendMessageFromUser","sendAudioMessageFromUser","onActionFromUser","action","payload","ActionTypes","MESSAGE_FROM_GUEST","receiveTextMessageWithoutAnalysisFromGuest","handleQuickReplyClick","onNluEvent","coreRequestNLUEvent","requestNLUEvent","ButtonTypeEnum","WEB_URL","POSTBACK","handleButtonClick","handleLinkClick","filename","receiveFileFromGuest","sendUploadFileFromUser","onTranscriptExport","TRANSCRIPT_MAIL_REQUEST","parameters","mailTo","exportTranscript","showTranscriptMailOverlay","setShowTranscriptMailOverlay","handleOnMessageFromOutside","data","story","location","search","addEventListener","removeEventListener","chatwindow","chatcontent","initialState","DISCONNECTED","backendConnectionReducer","assign","CONNECTING","CONNECTED","RECONNECTED","appendMessageFromGuestToState","concat","sendToParentPage","isIframe","top","postMessage","open","self","chatReducer","TYPING_ON","TYPING_OFF","MESSAGE_WITHOUT_ANALYSIS_FROM_GUEST","MESSAGE_TO_GUEST","meta","actionId","alreadyAdded","filter","m","lastMessage","FILE_FROM_GUEST","uploadState","EVENT_TO_GUEST","transcription","GuestUser","rootReducer","combineReducers","localizeReducer","isExpired","lastSavedAt","expiresAt","Date","setHours","getHours","blacklist","socketMiddleware","next","socket","io","on","language","setActiveLanguage","ChatActions","uri","replace","console","log","devices","emit","JSON","store","persistedState","localStorage","getItem","serializedState","err","error","loadState","compose","applyMiddleware","thunk","createStore","reducer","subscribe","throttle","setItem","now","toISOString","saveState","configureStore","languages","initialize","defaultLanguage","renderToStaticMarkup","json","require","addTranslationForLanguage","initTranslations","ReactDOM","render","chatPage","document","getElementById"],"mappings":"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","file":"static/js/main.33d70d48.chunk.js","sourcesContent":["// extracted by mini-css-extract-plugin\nmodule.exports = {\"chatPage\":\"Client_chatPage__126Ne\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"text\":\"Text_text__1zaFO\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"markdownMessage\":\"MarkdownMessage_markdownMessage__15Vr7\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"audioRecorder\":\"AudioRecorder_audioRecorder__37BQJ\",\"recordButton\":\"AudioRecorder_recordButton__3-QeV\",\"submitButton\":\"AudioRecorder_submitButton__10pVF\",\"cancelButton\":\"AudioRecorder_cancelButton__64CTn\",\"recorderIcon\":\"AudioRecorder_recorderIcon__2o4Ov\",\"pulse\":\"AudioRecorder_pulse__3Xsbm\",\"spinning\":\"AudioRecorder_spinning__1hO3P\",\"spin\":\"AudioRecorder_spin__3bMw-\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"button\":\"Global_button__33oEy\"};","var map = {\n\t\"./de.json\": 273,\n\t\"./en.json\": 274,\n\t\"./fr.json\": 275,\n\t\"./it.json\": 276\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 272;","// extracted by mini-css-extract-plugin\nmodule.exports = {\"ticontainer\":\"TypingIndicator_ticontainer__29oO1\",\"tiblock\":\"TypingIndicator_tiblock__1QBS0\",\"tidot\":\"TypingIndicator_tidot__3aLQm\",\"mercuryTypingAnimation\":\"TypingIndicator_mercuryTypingAnimation__3fDgV\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"inputWrapper\":\"TextInput_inputWrapper__1fIyq\",\"messageInputWrapper\":\"TextInput_messageInputWrapper__6KJHK\",\"messageInput\":\"TextInput_messageInput__2fCF7\",\"button\":\"TextInput_button__5my0Y\"};","import { Message, QuickReply, UploadRequest } from '@botfabrik/engine-domain';\nimport { LocalizeState } from 'react-localize-redux';\n\nexport interface RootState {\n    chat: ChatState;\n    connection: ConnectionState;\n    locale: LocalizeState;\n}\n\nexport interface ChatState {\n    isBotTyping: boolean;\n    messages: Message[];\n    quickReplies: QuickReply[];\n    uploadRequest?: UploadRequest;\n    speechSupport: boolean;\n    transcriptExportEnabled: boolean;\n}\n\nexport enum ConnectionStateEnum {\n    CONNECTING,\n    CONNECTED,\n    RECONNECTED,\n    DISCONNECTED,\n}\n\nexport interface ConnectionState {\n    connectionState: ConnectionStateEnum;\n    sessionId: string | undefined;\n    userId: string | undefined;\n}\n\nexport interface Sender {\n    avatar: string;\n    type: UserType;\n}\n\nexport enum UserType {\n    GUEST = 'GUEST',\n    BOT = 'BOT',\n    PERSON = 'PERSON',\n}\n","import {\n    ActionTypes,\n    Button,\n    ButtonTypeEnum,\n    Message,\n    PostbackButton,\n    QuickReply,\n    receiveFileFromGuest,\n    receiveTextMessageFromGuest as coreReceiveTextMessageFromGuest,\n    receiveTextMessageWithoutAnalysisFromGuest,\n    requestNLUEvent as coreRequestNLUEvent,\n    UrlButton,\n} from '@botfabrik/engine-domain';\nimport { AnyAction, Dispatch } from 'redux';\n\nexport const MESSAGE_TO_PARENT_PAGE = 'MESSAGE_TO_PARENT_PAGE';\nexport const RESTORE_PREVIOUS_CHAT_MESSAGES = 'RESTORE_PREVIOUS_CHAT_MESSAGES';\nexport const AUDIO_MESSAGE_FROM_USER = 'AUDIO_MESSAGE_FROM_USER';\nexport const ENABLE_SPEECH_SUPPORT = 'ENABLE_SPEECH_SUPPORT';\nexport const ENABLE_TRANSCRIPT_EXPORT = 'ENABLE_TRANSCRIPT_EXPORT';\nexport const EXPORT_TRANSCRIPT = 'EXPORT_TRANSCRIPT';\nexport const RECEIVE_SPEECH_TRANSCRIPTION = 'RECEIVE_SPEECH_TRANSCRIPTION';\n\nexport const GET_STARTED = 'webclient.get.started';\nexport const EXPAND_WINDOW = 'webclient.expand.window';\n\n/**\n * Informiere den Store, dass der Benutzer eine neue Nachricht gesendet hat.\n */\nexport const sendMessageFromUser = (text: string) => coreReceiveTextMessageFromGuest(text);\n\nexport const sendAudioMessageFromUser = (blob: Blob) => ({\n    type: AUDIO_MESSAGE_FROM_USER,\n    buffer: blob,\n});\n\nexport const enableSpeechSupport = () => ({\n    type: ENABLE_SPEECH_SUPPORT,\n});\n\nexport const receiveSpeechTranscription = (transcription: string) => ({\n    type: RECEIVE_SPEECH_TRANSCRIPTION,\n    transcription,\n});\n\nexport const enableTranscriptExport = () => ({\n    type: ENABLE_TRANSCRIPT_EXPORT,\n});\n\nexport const exportTranscript = (email: string) => ({\n    type: ActionTypes.TRANSCRIPT_MAIL_REQUEST,\n    payload: { parameters: { mailTo: email } },\n});\n\n/**\n * Führt einen NLU Event aus.\n */\nexport const requestNLUEvent = (event: string) => coreRequestNLUEvent(event);\n\nexport const restorePreviousChatMessages = (messages: Message[]) => ({\n    type: RESTORE_PREVIOUS_CHAT_MESSAGES,\n    messages,\n});\n\nexport const handleQuickReplyClick = (reply: QuickReply) => {\n    return (dispatch: Dispatch<AnyAction>) => {\n        if ((reply.payload as any).type !== ActionTypes.MESSAGE_FROM_GUEST) {\n            dispatch(receiveTextMessageWithoutAnalysisFromGuest(reply.label));\n        }\n        return dispatch(reply.payload as AnyAction);\n    };\n};\n\nexport const handleButtonClick = (button: Button) => {\n    switch (button.type) {\n        case ButtonTypeEnum.WEB_URL:\n            const urlButton = button as UrlButton;\n            return notifyParentToChangePath(urlButton.url);\n        case ButtonTypeEnum.POSTBACK:\n            const postbackButton = button as PostbackButton;\n            return postbackButton.payload;\n        default:\n            throw new Error(`unknown button type ${button.type}`);\n    }\n};\n\nexport const handleLinkClick = (url: string) => notifyParentToChangePath(url);\n\nexport const getStarted = () => ({\n    type: GET_STARTED,\n});\n\nexport const notifyParentToChangePath = (url: string) => ({\n    type: MESSAGE_TO_PARENT_PAGE,\n    message: {\n        type: 'webclient.change.url',\n        url,\n    },\n});\n\n\n\nexport const sendUploadFileFromUser = (filename: string, blob: Blob, payload: object) =>\n    receiveFileFromGuest(filename, blob, payload);\n","import Cookies from 'js-cookie';\nimport queryString from 'query-string';\nimport { AnyAction, Dispatch } from 'redux';\nimport { v4 as uuid } from 'uuid';\nimport { RootState } from '../types';\n\nexport const CONNECT = 'CONNECT';\nexport const CONNECTING = 'CONNECTING';\nexport const CONNECTED = 'CONNECTED';\nexport const DISCONNECTED = 'DISCONNECTED';\nexport const RECONNECTED = 'RECONNECTED';\nexport const RESTORE_SESSION_ID = 'RESTORE_SESSION_ID';\n\n/**\n * Erstelle eine Verbindung mit dem Backend Server\n */\nexport const connect = (querystrings: string) => {\n    return (dispatch: Dispatch<AnyAction>, getState: () => RootState) => {\n        const parsedQuerystrings = queryString.parse(querystrings);\n        const connectionState = getState().connection;\n\n        // get session id\n        let sessionId = connectionState.sessionId;\n        if (sessionId === undefined) {\n            sessionId = uuid();\n        }\n\n        // get user id\n        let userId = connectionState.userId;\n        if (userId === undefined) {\n            const userIdCookie = Cookies.get('bf-webclient-userId');\n            userId = userIdCookie ? userIdCookie : uuid();\n            Cookies.set('bf-webclient-userId', userId!);\n        }\n\n        parsedQuerystrings.sessionId = sessionId;\n        parsedQuerystrings.userId = userId;\n\n        return dispatch(doConnect(sessionId!, userId!, queryString.stringify(parsedQuerystrings)));\n    };\n};\n\nconst doConnect = (sessionId: string, userId: string, querystrings: string) => ({\n    type: CONNECT,\n    sessionId,\n    userId,\n    querystrings,\n});\n\nexport const restoreSessionId = (sessionId: string) => ({\n    type: RESTORE_SESSION_ID,\n    sessionId,\n});\n\n/**\n * Informiere den Store, dass wir eine Verbindung mit dem Server aufbauen.\n */\nexport const connecting = () => ({\n    type: CONNECTING,\n});\n\n/**\n * Informiere den Store, dass wir mit dem Server verbunden sind.\n */\nexport const connected = () => ({\n    type: CONNECTED,\n});\n\n/**\n * Informiere den Store, dass die Verbindung mit dem Server getrennt wurde.\n */\nexport const disconnected = () => ({\n    type: DISCONNECTED,\n});\n\n/**\n * Informiere den Store, dass die Verbindung mit dem Server wiederhergestellt wurde.\n */\nexport const reconnected = () => ({\n    type: RECONNECTED,\n});\n","import { UserType } from '@botfabrik/engine-domain';\nimport classNames from 'classnames';\nimport React from 'react';\nimport { Sender } from '../../../../types';\nimport styles from '../Message.module.scss';\n\ninterface Props {\n    sender: Sender;\n}\n\nconst BotMessage: React.FC<Props> = ({ sender, children }) => (\n    <li className={styles.messageBot}>\n        <img\n            className={classNames(styles.avatar, 'chat_avatar', 'chat_botAvatar')}\n            src={`${sender.avatar}`}\n            alt={sender.type === UserType.BOT ? 'Bot' : 'Agent'}\n        />\n        <div className={classNames(styles.textWrapper, styles.leftTextWrapper, 'chat__bubble', 'chat__botBubble')}>\n            <div className={classNames(styles.text, styles.leftText)}>{children}</div>\n        </div>\n    </li>\n);\n\nexport default BotMessage;\n","import { Button } from '@botfabrik/engine-domain';\nimport classNames from 'classnames';\nimport React from 'react';\nimport globalStyles from '../../../../Global.module.scss';\nimport styles from './DetailMessage.module.scss';\n\ninterface Props {\n    buttons: Button[];\n    onButtonClick: (button: Button) => void;\n}\n\nconst Buttons: React.FC<Props> = ({ buttons, onButtonClick }) => (\n    <div>\n        {buttons.map((button, index) => (\n            <button\n                key={index}\n                className={classNames(styles.button, globalStyles.button, 'chat__bubbleButton')}\n                onClick={() => onButtonClick(button)}\n            >\n                {button.title}\n            </button>\n        ))}\n    </div>\n);\n\nexport default Buttons;\n","import React from 'react';\nimport styles from './DetailMessage.module.scss';\n\ninterface Props {\n    alt: string;\n    imageUrl?: string;\n    itemUrl?: string;\n}\n\nconst Image: React.FC<Props> = ({ alt, imageUrl, itemUrl }) =>\n    imageUrl ? (\n        <div className={styles.image}>\n            {itemUrl ? (\n                itemUrl.includes('youtube.com') ? (\n                    <div className={styles.video_container}>\n                        <iframe\n                            className={styles.video}\n                            title=\"Youtube\"\n                            width=\"100%\"\n                            src={itemUrl + '?rel=0'}\n                            frameBorder=\"0\"\n                            allowFullScreen\n                        />\n                    </div>\n                ) : (\n                    <a href={itemUrl} target=\"_blank\" rel=\"noopener noreferrer\">\n                        <img src={imageUrl} alt={alt} />\n                    </a>\n                )\n            ) : (\n                <img src={imageUrl} alt={alt} />\n            )}\n        </div>\n    ) : null;\n\nexport default Image;\n","import Emoji from 'node-emoji';\nimport React from 'react';\nimport Linkify from 'react-linkify';\nimport styles from './Text.module.scss';\n\ninterface Props {\n    text: string;\n    onLinkClick: (href: string) => void;\n}\n\nconst Text: React.FC<Props> = ({ text, onLinkClick }) => {\n    const handleOnLinkClick = (href: string) => (event: any) => {\n        event.preventDefault();\n        if (href) {\n            onLinkClick(href);\n        }\n        return false;\n    };\n\n    // TODO: Linus\n    // - Button anstelle von a verwenden\n    const componentDecorator = (decoratedHref: string, decoratedText: string, key: number) => (\n        <a key={key} onClick={handleOnLinkClick(decoratedHref)}>\n            {decoratedText}\n        </a>\n    );\n\n    return (\n        <div>\n            {text.split('\\n').map((item, key) => (\n                <span key={key} className={styles.text}>\n                    <Linkify componentDecorator={componentDecorator}>{Emoji.emojify(item)}</Linkify>\n                    <br />\n                </span>\n            ))}\n        </div>\n    );\n};\n\nexport default Text;\n","import React from 'react';\nimport Text from '../Text';\nimport styles from './DetailMessage.module.scss';\n\ninterface Props {\n    subtitle: string | undefined;\n    onLinkClick: (href: string) => void;\n}\n\nconst Subtitle: React.FC<Props> = ({ subtitle, onLinkClick }) =>\n    subtitle ? (\n        <div className={styles.subtitle}>\n            <Text text={subtitle} onLinkClick={onLinkClick} />\n        </div>\n    ) : null;\n\nexport default Subtitle;\n","import React from 'react';\nimport styles from './DetailMessage.module.scss';\n\ninterface Props {\n    title: string | undefined;\n}\n\nconst Title: React.FC<Props> = ({ title }) => (title ? <h2 className={styles.title}>{title}</h2> : null);\n\nexport default Title;\n","import { Button } from '@botfabrik/engine-domain';\nimport React from 'react';\nimport Buttons from './Buttons';\nimport styles from './DetailMessage.module.scss';\nimport Image from './Image';\nimport Subtitle from './Subtitle';\nimport Title from './Title';\n\ninterface Props {\n    title?: string;\n    subtitle: string;\n    imageUrl?: string;\n    itemUrl?: string;\n    buttons: Button[];\n    onButtonClick: (button: Button) => void;\n    onLinkClick: (href: string) => void;\n}\n\nconst DetailMessage: React.FC<Props> = ({\n    title,\n    subtitle,\n    imageUrl,\n    itemUrl,\n    buttons,\n    onButtonClick,\n    onLinkClick,\n}) => (\n    <div className={styles.detailMessage}>\n        <Title title={title} />\n        <Image imageUrl={imageUrl} itemUrl={itemUrl} alt={title || subtitle} />\n        <Subtitle subtitle={subtitle} onLinkClick={onLinkClick} />\n        <Buttons buttons={buttons} onButtonClick={onButtonClick} />\n    </div>\n);\n\nexport default DetailMessage;\n","import classNames from 'classnames';\nimport React from 'react';\nimport styles from '../Message.module.scss';\n\nconst UserMessage: React.FC = ({ children }) => (\n    <li className={styles.messageUser}>\n        <div className={classNames(styles.textWrapper, styles.rightTextWrapper, 'chat__bubble', 'chat__guestBubble')}>\n            <div className={classNames(styles.text, styles.rightText)}>{children}</div>\n        </div>\n    </li>\n);\n\nexport default UserMessage;\n","import classNames from 'classnames';\nimport Markdown from 'markdown-to-jsx';\nimport React from 'react';\nimport styles from './MarkdownMessage.module.scss';\n\nconst OPEN_LINK_IN_NEW_TAB_INDICATOR = 'newtab#';\n\ninterface Props {\n    markdown: string;\n    excerpt: string;\n    className: string;\n    onLinkClick: (href: string) => void;\n}\n\nconst MarkdownMessage: React.FC<Props> = ({ markdown, excerpt, className, onLinkClick }) => {\n    const handleOnLinkClick = (href: string) => (event: any) => {\n        event.preventDefault();\n        if (href) {\n            onLinkClick(href);\n        }\n        return false;\n    };\n\n    const Link: React.FC<{ title: string; href: string; children: React.ReactChildren }> = ({\n        title,\n        href,\n        children,\n    }) => {\n        const openInNewTab = href.indexOf(OPEN_LINK_IN_NEW_TAB_INDICATOR) === 0;\n        return openInNewTab ? (\n            <a\n                href={href.slice(OPEN_LINK_IN_NEW_TAB_INDICATOR.length)}\n                title={title}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n            >\n                {children}\n            </a>\n        ) : (\n            // TODO: Linus\n            // - Button anstelle von a verwenden\n            <a onClick={handleOnLinkClick(href)} title={title}>\n                {children}\n            </a>\n        );\n    };\n\n    return (\n        <div className={classNames(styles.markdownMessage, className)}>\n            <Markdown\n                options={{\n                    overrides: {\n                        a: Link,\n                    },\n                }}\n            >\n                {markdown}\n            </Markdown>\n        </div>\n    );\n};\n\nexport default MarkdownMessage;\n","import React from 'react';\nimport Text from '../Text';\nimport styles from './TextMessage.module.scss';\n\ninterface Props {\n    text: string;\n    onLinkClick: (href: string) => void;\n}\nconst TextMessage: React.FC<Props> = ({ text, onLinkClick }) => (\n    <div className={styles.text}>\n        <Text text={text} onLinkClick={onLinkClick} />\n    </div>\n);\n\nexport default TextMessage;\n","import {\n    Button,\n    DetailMessage as DetailMessageType,\n    MarkdownMessage as MarkdownMessageType,\n    Message as MessageType,\n    MessageTypeEnum,\n    TextMessage as TextMessageType,\n    UserType,\n} from '@botfabrik/engine-domain';\nimport React from 'react';\nimport BotMessage from './bot-message';\nimport DetailMessage from './detail-message';\nimport GuestMessage from './guest-message';\nimport MarkdownMessage from './markdown-message';\nimport TextMessage from './text-message';\n\ninterface Props {\n    message: MessageType;\n    onButtonClick: (button: Button) => void;\n    onLinkClick: (href: string) => void;\n}\n\nconst Message: React.FC<Props> = ({ message, onButtonClick, onLinkClick }) => {\n    const msgCmp = getMessageCmp(message, onButtonClick, onLinkClick);\n    switch (message.sender.type) {\n        case UserType.GUEST:\n            return <GuestMessage>{msgCmp}</GuestMessage>;\n        default:\n            return <BotMessage sender={message.sender}>{msgCmp}</BotMessage>;\n    }\n};\n\nconst getMessageCmp = (\n    message: MessageType,\n    onButtonClick: (button: Button) => void,\n    onLinkClick: (href: string) => void\n) => {\n    switch (message.type) {\n        case MessageTypeEnum.TEXT:\n            const textMessage = message as TextMessageType;\n            return <TextMessage text={textMessage.text} onLinkClick={onLinkClick} />;\n        case MessageTypeEnum.DETAIL:\n            const detailMessage = message as DetailMessageType;\n            return (\n                <DetailMessage\n                    title={detailMessage.title}\n                    subtitle={detailMessage.subtitle}\n                    imageUrl={detailMessage.imageUrl}\n                    itemUrl={detailMessage.itemUrl}\n                    buttons={detailMessage.buttons}\n                    onButtonClick={onButtonClick}\n                    onLinkClick={onLinkClick}\n                />\n            );\n        case MessageTypeEnum.MARKDOWN:\n            const markdownMessage = message as MarkdownMessageType;\n            return (\n                <MarkdownMessage\n                    markdown={markdownMessage.markdown}\n                    excerpt={markdownMessage.excerpt}\n                    className={markdownMessage.className}\n                    onLinkClick={onLinkClick}\n                />\n            );\n    }\n};\n\nconst areEqual = (prevProps: Props, nextProps: Props) =>\n    (prevProps.message as any)._id === (nextProps.message as any)._id;\n\nexport default React.memo(Message, areEqual);\n","import classNames from 'classnames';\nimport React from 'react';\nimport styles from './TypingIndicator.module.scss';\n\ninterface Props {\n    isTyping?: boolean;\n}\n\nconst TypingIndicator: React.FC<Props> = ({ isTyping = false }) =>\n    isTyping ? (\n        <div className={styles.ticontainer}>\n            <div className={styles.tiblock}>\n                <div className={classNames(styles.tidot, 'chat__typingIndicator')}></div>\n                <div className={classNames(styles.tidot, 'chat__typingIndicator')}></div>\n                <div className={classNames(styles.tidot, 'chat__typingIndicator')}></div>\n            </div>\n        </div>\n    ) : null;\n\nexport default TypingIndicator;\n","import { Button, Message as MessageType } from '@botfabrik/engine-domain';\nimport React from 'react';\nimport Scroll from 'react-scroll';\nimport Message from './message';\nimport styles from './MessageContainer.module.scss';\nimport TypingIndicator from './typing-indicator';\n\nconst Element = Scroll.Element;\n\ninterface Props {\n    messages: MessageType[];\n    isBotTyping: boolean;\n    onButtonClick: (button: Button) => void;\n    onLinkClick: (href: string) => void;\n}\n\nclass Conversation extends React.Component<Props> {\n    scrollToBottom(duration: number, delay: number) {\n        const scroller = Scroll.scroller;\n        scroller.scrollTo('ScrollToElement', {\n            duration: duration,\n            delay: delay,\n            smooth: true,\n            containerId: 'MessageContainer',\n        });\n    }\n\n    componentDidMount() {\n        this.scrollToBottom(0, 0);\n    }\n\n    componentDidUpdate(prevProps: Props) {\n        const isRestored = prevProps.messages.length === 0;\n        if (isRestored && this.props.messages.length > 0) {\n            this.scrollToBottom(0, 0);\n        } else {\n            const isBotTyping = this.props.isBotTyping;\n            const hasNewMessages =\n                prevProps.messages.length !== this.props.messages.length && prevProps.messages.length > 1;\n            if (isBotTyping || hasNewMessages) {\n                // call scrollToBottom asynchronously to prevent flickering\n                setTimeout(() => this.scrollToBottom(700, 20), 10);\n            }\n        }\n    }\n\n    render() {\n        const { messages, isBotTyping, onButtonClick, onLinkClick } = this.props;\n        return (\n            <div className={styles.messageContainer} id=\"MessageContainer\">\n                <ul className={styles.messages}>\n                    {messages.map((msg, index) => (\n                        <Message key={index} message={msg} onButtonClick={onButtonClick} onLinkClick={onLinkClick} />\n                    ))}\n                </ul>\n                <TypingIndicator isTyping={isBotTyping} />\n                <Element name=\"ScrollToElement\" />\n            </div>\n        );\n    }\n}\n\nexport default Conversation;\n","import classNames from 'classnames';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { TranslateFunction } from 'react-localize-redux';\nimport globalStyles from '../../Global.module.scss';\nimport styles from './TranscriptMail.module.scss';\n\ninterface Props {\n    visible: boolean;\n    translate: TranslateFunction;\n    onExport: (email: string) => void;\n    onClose: () => void;\n}\n\nconst TranscriptMail: React.FC<Props> = ({ visible, translate, onExport, onClose }) => {\n    const [internalVisible, setInternalVisible] = useState<boolean | undefined>(undefined);\n    const [submitted, setSubmitted] = useState(false);\n    const [email, setEmail] = useState<string | undefined>(undefined);\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    useEffect(() => {\n        if (visible) {\n            inputRef.current?.focus();\n            setSubmitted(false);\n            setInternalVisible(visible);\n        } else if (internalVisible === true) {\n            setInternalVisible(false);\n        }\n    }, [visible]);\n\n    const handleOnSubmit = (event: React.FormEvent<HTMLFormElement>) => {\n        event.preventDefault();\n        if (email && email.length > 0) {\n            onExport(email);\n\n            setSubmitted(true);\n            setTimeout(onClose, 3 * 1000);\n        }\n    };\n\n    const handleOnEmailChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n        const email = event.target.value.trim();\n        const emailIsValide = /^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(email);\n        setEmail(emailIsValide ? email : '');\n    };\n\n    return (\n        <div\n            className={classNames(styles.container, {\n                [styles.containerOpen]: internalVisible === true,\n                [styles.containerClose]: internalVisible === false,\n            })}\n        >\n            <h1>{translate('export-transcript.titel')}</h1>\n            <p>{translate('export-transcript.description')}</p>\n\n            <form onSubmit={handleOnSubmit} className={styles.formContainer}>\n                <div>\n                    <input\n                        disabled={submitted}\n                        ref={inputRef}\n                        type=\"email\"\n                        placeholder={translate('export-transcript.email-placeholder') as string}\n                        className={styles.emailInput}\n                        onChange={handleOnEmailChange}\n                    />\n                    {email?.length === 0 ? (\n                        <div className={styles.validationError}>{translate('export-transcript.email-invalid')}</div>\n                    ) : null}\n                </div>\n                <div className={styles.actions}>\n                    <button\n                        type=\"submit\"\n                        disabled={submitted || email === undefined || email.length === 0}\n                        className={classNames(styles.button, globalStyles.button)}\n                    >\n                        {translate('export-transcript.send') as string}\n                    </button>\n                    <button type=\"button\" className={classNames(styles.button, globalStyles.button)} onClick={onClose}>\n                        {translate('export-transcript.cancel') as string}\n                    </button>\n                </div>\n            </form>\n\n            {submitted && <div className={styles.submitted}>{translate('export-transcript.success')}</div>}\n        </div>\n    );\n};\n\nexport default TranscriptMail;\n","import classNames from 'classnames';\nimport React from 'react';\nimport styles from './AudioRecorder.module.scss';\n\nconst BUFFER_SIZE = 2048;\nconst OUTPUT_SAMPLE_RATE = 16000;\n\n/**\n * The implementation of the AudioRecorder was inspired by the following blogpost:\n * https://typedarray.org/from-microphone-to-wav-with-getusermedia-and-web-audio/\n */\n\ninterface Props {\n    onAudioRecorded: (blob: Blob) => void;\n}\n\ninterface State {\n    recordingState: string;\n}\n\nexport default class AudioRecorder extends React.Component<Props, State> {\n    private audioInput: MediaStreamAudioSourceNode | null = null;\n    private volume: GainNode | null = null;\n    private leftchannel: Float32Array[] = [];\n    private recorder: ScriptProcessorNode | null = null;\n    private recordingLength: number = 0;\n    private sampleRate: number | null = null;\n    private mediaStream: MediaStream | null = null;\n\n    constructor(props: Props) {\n        super(props);\n        this.state = { recordingState: 'none' };\n\n        this.triggerAudioRecording = this.triggerAudioRecording.bind(this);\n        this.triggerAudioRecordingSuccess = this.triggerAudioRecordingSuccess.bind(this);\n        this.initRecording = this.initRecording.bind(this);\n        this.processRecordingInput = this.processRecordingInput.bind(this);\n        this.handleClickSubmitAudio = this.handleClickSubmitAudio.bind(this);\n        this.handleClickStopAudio = this.handleClickStopAudio.bind(this);\n    }\n\n    triggerAudioRecording() {\n        this.setState({ recordingState: 'connecting' });\n        navigator.mediaDevices.getUserMedia({ audio: true, video: false }).then(this.triggerAudioRecordingSuccess);\n    }\n\n    triggerAudioRecordingSuccess(stream: MediaStream) {\n        this.mediaStream = stream;\n        this.leftchannel.length = 0;\n        this.recordingLength = 0;\n\n        this.initRecording(stream);\n    }\n\n    initRecording(stream: MediaStream) {\n        var AudioContext = window.AudioContext || (window as any).webkitAudioContext;\n        var context = new AudioContext();\n        // we query the context sample rate (varies depending on platforms)\n        this.sampleRate = context.sampleRate;\n        // creates a gain node which adjusts the volume on audio streams\n        this.volume = context.createGain();\n        // creates an audio node from the microphone incoming stream\n        this.audioInput = context.createMediaStreamSource(stream);\n        // connect the stream to the gain node\n        this.audioInput.connect(this.volume);\n        this.recorder = context.createScriptProcessor(BUFFER_SIZE, 1, 1);\n        this.recorder.onaudioprocess = this.processRecordingInput;\n        // we connect the recorder\n        this.volume.connect(this.recorder);\n        this.recorder.connect(context.destination);\n    }\n\n    processRecordingInput(e: AudioProcessingEvent) {\n        if (this.state.recordingState === 'connecting') {\n            this.setState({ recordingState: 'recording' });\n        }\n        if (this.state.recordingState !== 'none') {\n            const left = e.inputBuffer.getChannelData(0);\n            // we clone the samples\n            this.leftchannel.push(new Float32Array(left));\n            this.recordingLength += BUFFER_SIZE;\n        }\n    }\n\n    handleClickSubmitAudio() {\n        // we flat the left channel down\n        const leftBuffer = mergeBuffers(this.leftchannel, this.recordingLength);\n        const downsampledBuffer = downsampleBuffer(leftBuffer, this.sampleRate || 0);\n\n        // we create our wav file\n        const blob = createWav(downsampledBuffer);\n        this.props.onAudioRecorded(blob);\n\n        // For debugging purpose: Set link to state so you can display a button on the UI to download the audio file:\n        // var url = (window.URL || window.webkitURL).createObjectURL(blob);\n        // this.setState({url});\n\n        this.handleClickStopAudio();\n    }\n\n    handleClickStopAudio() {\n        this.setState({ recordingState: 'none' });\n        this.audioInput?.disconnect();\n        this.volume?.disconnect();\n        this.recorder?.disconnect();\n        if (this.mediaStream) {\n            this.mediaStream?.getAudioTracks().forEach((track: MediaStreamTrack) => {\n                track.stop();\n            });\n        }\n    }\n\n    render() {\n        return (\n            <div className={styles.audioRecorder}>\n                {this.state.recordingState === 'none' && (\n                    <button\n                        className={classNames(styles.recordButton, 'chat__button')}\n                        type=\"submit\"\n                        onClick={this.triggerAudioRecording}\n                    >\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\n                            <path d=\"M12 14c1.66 0 2.99-1.34 2.99-3L15 5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm5.3-3c0 3-2.54 5.1-5.3 5.1S6.7 14 6.7 11H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c3.28-.48 6-3.3 6-6.72h-1.7z\" />\n                            <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n                        </svg>\n                    </button>\n                )}\n\n                {this.state.recordingState === 'connecting' && (\n                    <svg\n                        className={styles.spinning}\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        width=\"24\"\n                        height=\"24\"\n                        viewBox=\"0 0 24 24\"\n                    >\n                        <path d=\"M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z\" />\n                        <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n                    </svg>\n                )}\n\n                {this.state.recordingState === 'recording' && (\n                    <div className={styles.audioRecorder}>\n                        <button className={classNames(styles.cancelButton)} onClick={this.handleClickStopAudio}>\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\n                                <path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\" />\n                                <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n                            </svg>\n                        </button>\n                        <div className={styles.recorderIcon} />\n                        <button\n                            className={classNames(styles.submitButton)}\n                            type=\"submit\"\n                            onClick={this.handleClickSubmitAudio}\n                        >\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\n                                <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n                                <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\" />\n                            </svg>\n                        </button>\n                    </div>\n                )}\n            </div>\n        );\n    }\n}\n\nconst createWav = (downsampledBuffer: Float32Array) => {\n    const buffer = new ArrayBuffer(44 + downsampledBuffer.length * 2);\n    const view = new DataView(buffer);\n\n    // RIFF chunk descriptor\n    writeUTFBytes(view, 0, 'RIFF');\n    view.setUint32(4, 44 + downsampledBuffer.length * 2, true);\n    writeUTFBytes(view, 8, 'WAVE');\n\n    // FMT sub-chunk\n    writeUTFBytes(view, 12, 'fmt ');\n    view.setUint32(16, 16, true);\n    view.setUint16(20, 1, true);\n\n    // mono - 1 channel\n    view.setUint16(22, 1, true);\n    view.setUint32(24, OUTPUT_SAMPLE_RATE, true);\n    view.setUint32(28, OUTPUT_SAMPLE_RATE * 4, true);\n    view.setUint16(32, 4, true);\n    view.setUint16(34, 16, true);\n\n    // data sub-chunk\n    writeUTFBytes(view, 36, 'data');\n    view.setUint32(40, downsampledBuffer.length * 2, true);\n\n    // write the PCM samples\n    const lng = downsampledBuffer.length;\n    let index = 44;\n    const volume = 1;\n    for (var i = 0; i < lng; i++) {\n        view.setInt16(index, downsampledBuffer[i] * (0x7fff * volume), true);\n        index += 2;\n    }\n\n    // our final binary blob\n    return new Blob([view], { type: 'audio/wav' });\n};\n\nconst writeUTFBytes = (view: DataView, offset: number, val: string) => {\n    for (var i = 0; i < val.length; i++) {\n        view.setUint8(offset + i, val.charCodeAt(i));\n    }\n};\n\nconst mergeBuffers = (channelBuffer: Float32Array[], recordingLength: number) => {\n    const result = new Float32Array(recordingLength);\n    let offset = 0;\n    const lng = channelBuffer.length;\n    for (var i = 0; i < lng; i++) {\n        const buffer = channelBuffer[i];\n        result.set(buffer, offset);\n        offset += buffer.length;\n    }\n    return result;\n};\n\nconst downsampleBuffer = (buffer: Float32Array, sampleRate: number) => {\n    if (OUTPUT_SAMPLE_RATE === sampleRate) {\n        return buffer;\n    }\n    const sampleRateRatio = sampleRate / OUTPUT_SAMPLE_RATE;\n    const newLength = Math.round(buffer.length / sampleRateRatio);\n    const result = new Float32Array(newLength);\n    let offsetResult = 0;\n    let offsetBuffer = 0;\n    while (offsetResult < result.length) {\n        let nextOffsetBuffer = Math.round((offsetResult + 1) * sampleRateRatio);\n        let accum = 0,\n            count = 0;\n        for (var i = offsetBuffer; i < nextOffsetBuffer && i < buffer.length; i++) {\n            accum += buffer[i];\n            count++;\n        }\n        result[offsetResult] = accum / count;\n        offsetResult++;\n        offsetBuffer = nextOffsetBuffer;\n    }\n    return result;\n};\n","import classNames from 'classnames';\nimport React, { useRef, useState } from 'react';\nimport { TranslateFunction } from 'react-localize-redux';\nimport AudioRecorder from './audio-recorder';\nimport styles from './TextInput.module.scss';\n\ninterface Props {\n    speechSupport: boolean;\n    transcriptExportEnabled: boolean;\n    translate: TranslateFunction;\n    onTextInput: (input: string) => void;\n    onAudioRecorded: (blob: Blob) => void;\n    onOpenTranscriptExportModal: () => void;\n}\n\nconst TextInput: React.FC<Props> = ({\n    speechSupport,\n    transcriptExportEnabled,\n    translate,\n    onTextInput,\n    onAudioRecorded,\n    onOpenTranscriptExportModal,\n}) => {\n    const [hasText, setHasText] = useState(false);\n    const userTextInput = useRef<HTMLInputElement>(null);\n\n    const handleClickSubmitButton = (event: React.FormEvent<HTMLFormElement>) => {\n        event.preventDefault();\n        const currentUserInput = userTextInput.current;\n        if (currentUserInput && currentUserInput.value.trim().length >= 1) {\n            onTextInput(currentUserInput.value.trim());\n            currentUserInput.value = '';\n            setHasText(false);\n            currentUserInput.focus();\n        }\n    };\n\n    const handleOnInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n        const value = event.target.value.trim();\n        setHasText(value.length > 0);\n    };\n\n    return (\n        <form className={styles.inputWrapper} onSubmit={handleClickSubmitButton}>\n            <div className={styles.messageInputWrapper}>\n                <input\n                    className={styles.messageInput}\n                    placeholder={translate('Enter chat message') as string}\n                    ref={userTextInput}\n                    onChange={handleOnInputChange}\n                />\n            </div>\n            {!hasText && transcriptExportEnabled && (\n                <button\n                    className={classNames(styles.button, 'chat__button')}\n                    type=\"button\"\n                    onClick={onOpenTranscriptExportModal}\n                >\n                    <svg\n                        viewBox=\"64 64 896 896\"\n                        focusable=\"false\"\n                        width=\"1em\"\n                        height=\"1em\"\n                        fill=\"currentColor\"\n                        aria-hidden=\"true\"\n                    >\n                        <path d=\"M456 231a56 56 0 10112 0 56 56 0 10-112 0zm0 280a56 56 0 10112 0 56 56 0 10-112 0zm0 280a56 56 0 10112 0 56 56 0 10-112 0z\"></path>\n                    </svg>\n                </button>\n            )}\n            {hasText || !speechSupport || navigator.mediaDevices === undefined ? (\n                <button className={classNames(styles.button, 'chat__button')} type=\"submit\">\n                    <svg\n                        viewBox=\"64 64 896 896\"\n                        focusable=\"false\"\n                        width=\"1em\"\n                        height=\"1em\"\n                        fill=\"currentColor\"\n                        aria-hidden=\"true\"\n                    >\n                        <defs>\n                            <style></style>\n                        </defs>\n                        <path d=\"M931.4 498.9L94.9 79.5c-3.4-1.7-7.3-2.1-11-1.2a15.99 15.99 0 00-11.7 19.3l86.2 352.2c1.3 5.3 5.2 9.6 10.4 11.3l147.7 50.7-147.6 50.7c-5.2 1.8-9.1 6-10.3 11.3L72.2 926.5c-.9 3.7-.5 7.6 1.2 10.9 3.9 7.9 13.5 11.1 21.5 7.2l836.5-417c3.1-1.5 5.6-4.1 7.2-7.1 3.9-8 .7-17.6-7.2-21.6zM170.8 826.3l50.3-205.6 295.2-101.3c2.3-.8 4.2-2.6 5-5 1.4-4.2-.8-8.7-5-10.2L221.1 403 171 198.2l628 314.9-628.2 313.2z\"></path>\n                    </svg>\n                </button>\n            ) : (\n                speechSupport &&\n                navigator.mediaDevices !== undefined && <AudioRecorder onAudioRecorded={onAudioRecorded} />\n            )}\n        </form>\n    );\n};\n\nexport default TextInput;\n","import { QuickReply } from '@botfabrik/engine-domain';\nimport classNames from 'classnames';\nimport React from 'react';\nimport globalStyles from '../../../Global.module.scss';\nimport styles from './QuickReplies.module.scss';\n\ninterface Props {\n    quickReplies: QuickReply[];\n    onQuickReplyClick: (reply: QuickReply) => void;\n}\n\nconst QuickReplies: React.FC<Props> = ({ quickReplies, onQuickReplyClick }) =>\n    quickReplies.length ? (\n        <div className={styles.quickReplies}>\n            {quickReplies.map((reply) => (\n                <span\n                    key={reply.label}\n                    className={classNames(styles.quickReply, globalStyles.button, 'chat__button', 'chat__quickReply')}\n                    onClick={() => onQuickReplyClick(reply)}\n                >\n                    {reply.label}\n                </span>\n            ))}\n        </div>\n    ) : null;\n\nexport default QuickReplies;\n","import { QuickReply, UploadRequest } from '@botfabrik/engine-domain';\nimport classNames from 'classnames';\nimport React from 'react';\nimport { TranslateFunction } from 'react-localize-redux';\nimport Input from './input';\nimport styles from './InputContainer.module.scss';\nimport QuickReplies from './quick-replies';\n\ninterface Props {\n    quickReplies: QuickReply[];\n    speechSupport: boolean;\n    uploadRequest?: UploadRequest;\n    transcriptExportEnabled: boolean;\n    translate: TranslateFunction;\n    onTextInput: (text: string) => void;\n    onQuickReplyClick: (reply: QuickReply) => void;\n    onUploadFile: (filename: string, blob: Blob, payload: any) => void;\n    onAudioRecorded: (blob: Blob) => void;\n    onOpenTranscriptExportModal: () => void;\n}\n\nconst UserInput: React.FC<Props> = ({\n    quickReplies,\n    speechSupport,\n    transcriptExportEnabled,\n    translate,\n    onTextInput,\n    onQuickReplyClick,\n    onUploadFile,\n    onAudioRecorded,\n    onOpenTranscriptExportModal,\n}) => (\n    <div className={classNames(styles.inputContainer)}>\n        <QuickReplies quickReplies={quickReplies} onQuickReplyClick={onQuickReplyClick} />\n        <Input\n            translate={translate}\n            onTextInput={onTextInput}\n            onAudioRecorded={onAudioRecorded}\n            speechSupport={speechSupport}\n            onOpenTranscriptExportModal={onOpenTranscriptExportModal}\n            transcriptExportEnabled={transcriptExportEnabled}\n        />\n    </div>\n);\n\nexport default UserInput;\n","import { Button, Message, QuickReply, UploadRequest } from '@botfabrik/engine-domain';\nimport React, { useEffect, useState } from 'react';\nimport classNames from 'classnames';\nimport { getTranslate, TranslateFunction } from 'react-localize-redux';\nimport { connect as reduxConnect } from 'react-redux';\nimport { AnyAction } from 'redux';\nimport {\n    exportTranscript,\n    handleButtonClick,\n    handleLinkClick,\n    handleQuickReplyClick,\n    requestNLUEvent,\n    sendAudioMessageFromUser,\n    sendMessageFromUser,\n    sendUploadFileFromUser,\n} from '../actions';\nimport { connect } from '../actions/connectionActions';\nimport { RootState } from '../types';\nimport styles from './Chat.module.scss';\nimport Conversation from './conversation';\nimport TranscriptMail from './transcript-mail';\nimport UserInput from './user-input';\n\n/**\n * Events von der Wordpress Seite\n */\nconst INCOMMING_EVENTS = {\n    TRIGGER_ACTION: 'TRIGGER_ACTION',\n    TRIGGER_STORY: 'TRIGGER_STORY',\n    CHAT_MESSAGE_FROM_GUEST: 'CHAT_MESSAGE_FROM_GUEST',\n    ON_CHAT_WINDOW_OPEN: 'ON_CHAT_WINDOW_OPEN',\n    ON_CHAT_WINDOW_CLOSE: 'ON_CHAT_WINDOW_CLOSE',\n};\n\ninterface Props {\n    messages: Message[];\n    quickReplies: QuickReply[];\n    isBotTyping: boolean;\n    speechSupport: boolean;\n    transcriptExportEnabled: boolean;\n    uploadRequest?: UploadRequest;\n    translate: TranslateFunction;\n    onConnect: (querystrings: string) => void;\n    onMessageFromUser: (text: string) => void;\n    onActionFromUser: (action: AnyAction) => void;\n    onQuickReplyClick: (reply: QuickReply) => void;\n    onNluEvent: (event: string) => void;\n    onButtonClick: (button: Button) => void;\n    onLinkClick: (url: string) => void;\n    onUploadFile: (filename: string, blob: Blob, payload: any) => void;\n    onAudioRecorded: (blob: Blob) => void;\n    onTranscriptExport: (email: string) => void;\n}\n\nconst Chat: React.FC<Props> = ({\n    messages,\n    quickReplies,\n    uploadRequest,\n    isBotTyping,\n    speechSupport,\n    transcriptExportEnabled,\n    translate,\n    onConnect,\n    onNluEvent,\n    onMessageFromUser,\n    onQuickReplyClick,\n    onButtonClick,\n    onLinkClick,\n    onUploadFile,\n    onAudioRecorded,\n    onActionFromUser,\n    onTranscriptExport,\n}) => {\n    const [showTranscriptMailOverlay, setShowTranscriptMailOverlay] = useState(false);\n\n    useEffect(() => {\n        /**\n         * Meldung von ausserhalb (z.B. vom Wordpress Content-Bereich)\n         */\n        const handleOnMessageFromOutside = (event: any) => {\n            switch (event.data.type) {\n                case INCOMMING_EVENTS.TRIGGER_ACTION:\n                    onActionFromUser(event.data.action);\n                    break;\n                case INCOMMING_EVENTS.TRIGGER_STORY:\n                    onNluEvent(event.data.story);\n                    break;\n                case INCOMMING_EVENTS.ON_CHAT_WINDOW_OPEN:\n                    onActionFromUser({ type: 'webclient.chatwindow.opened' });\n                    break;\n                case INCOMMING_EVENTS.ON_CHAT_WINDOW_CLOSE:\n                    onActionFromUser({ type: 'webclient.chatwindow.closed' });\n                    break;\n                case INCOMMING_EVENTS.CHAT_MESSAGE_FROM_GUEST:\n                    onMessageFromUser(event.data.text);\n                    break;\n            }\n        };\n\n        onConnect(window.location.search);\n        window.addEventListener('message', (event) => handleOnMessageFromOutside(event), false);\n        return () => window.removeEventListener('message', handleOnMessageFromOutside);\n    }, [onConnect, onActionFromUser, onMessageFromUser, onNluEvent]);\n\n    return (\n        <div className={classNames(styles.chatwindow, 'chat__chatwindow')}>\n            <div className={styles.chatcontent}>\n                <Conversation\n                    messages={messages}\n                    isBotTyping={isBotTyping}\n                    onButtonClick={onButtonClick}\n                    onLinkClick={onLinkClick}\n                />\n                <UserInput\n                    quickReplies={quickReplies}\n                    uploadRequest={uploadRequest}\n                    speechSupport={speechSupport}\n                    transcriptExportEnabled={transcriptExportEnabled}\n                    translate={translate}\n                    onQuickReplyClick={onQuickReplyClick}\n                    onTextInput={onMessageFromUser}\n                    onUploadFile={onUploadFile}\n                    onAudioRecorded={onAudioRecorded}\n                    onOpenTranscriptExportModal={() => setShowTranscriptMailOverlay(true)}\n                />\n            </div>\n            {transcriptExportEnabled && (\n                <TranscriptMail\n                    visible={showTranscriptMailOverlay}\n                    translate={translate}\n                    onExport={onTranscriptExport}\n                    onClose={() => setShowTranscriptMailOverlay(false)}\n                />\n            )}\n        </div>\n    );\n};\n\nconst mapStateToProps = (state: RootState) => {\n    const { messages, quickReplies, uploadRequest, isBotTyping, speechSupport, transcriptExportEnabled } = state.chat;\n    return {\n        messages,\n        quickReplies,\n        uploadRequest,\n        isBotTyping,\n        speechSupport,\n        transcriptExportEnabled,\n        translate: getTranslate(state.locale),\n    };\n};\n\nconst bindAction = (dispatch: any) => {\n    return {\n        onConnect: (querystrings: string) => dispatch(connect(querystrings)),\n        onMessageFromUser: (text: string) => dispatch(sendMessageFromUser(text)),\n        onAudioRecorded: (blob: Blob) => dispatch(sendAudioMessageFromUser(blob)),\n        onActionFromUser: (action: AnyAction) => dispatch(action),\n        onQuickReplyClick: (reply: any) => dispatch(handleQuickReplyClick(reply)),\n        onNluEvent: (event: string) => dispatch(requestNLUEvent(event)),\n        onButtonClick: (button: any) => dispatch(handleButtonClick(button)),\n        onLinkClick: (url: any) => dispatch(handleLinkClick(url)),\n        onUploadFile: (filename: string, blob: Blob, payload: any) =>\n            dispatch(sendUploadFileFromUser(filename, blob, payload)),\n        onTranscriptExport: (email: string) => dispatch(exportTranscript(email)),\n    };\n};\n\nconst wrappedComponent = reduxConnect(mapStateToProps, bindAction)(Chat);\nexport default wrappedComponent;\n","import { AnyAction } from 'redux';\nimport * as ConnectionActions from '../actions/connectionActions';\nimport { ConnectionState, ConnectionStateEnum } from '../types';\n\nconst backendConnectionReducer = (state = initialState, action: AnyAction): ConnectionState => {\n    switch (action.type) {\n        case ConnectionActions.CONNECT:\n            return Object.assign({}, state, {\n                sessionId: action.sessionId,\n                userId: action.userId,\n            });\n\n        case ConnectionActions.CONNECTING:\n            return Object.assign({}, state, {\n                connectionState: ConnectionStateEnum.CONNECTING,\n            });\n\n        case ConnectionActions.CONNECTED:\n            return Object.assign({}, state, {\n                connectionState: ConnectionStateEnum.CONNECTED,\n            });\n\n        case ConnectionActions.DISCONNECTED:\n            return Object.assign({}, state, {\n                connectionState: ConnectionStateEnum.DISCONNECTED,\n            });\n\n        case ConnectionActions.RECONNECTED:\n            return Object.assign({}, state, {\n                connectionState: ConnectionStateEnum.RECONNECTED,\n            });\n\n        case ConnectionActions.RESTORE_SESSION_ID:\n            return Object.assign({}, state, {\n                sessionId: action.sessionId,\n            });\n\n        default:\n            return state;\n    }\n};\n\nconst initialState: ConnectionState = {\n    connectionState: ConnectionStateEnum.DISCONNECTED,\n    sessionId: undefined,\n    userId: undefined,\n};\n\nexport default backendConnectionReducer;\n","import { ActionTypes, GuestUser, Message, TextMessage } from '@botfabrik/engine-domain';\nimport { AnyAction } from 'redux';\nimport * as ClientActions from '../actions';\nimport { ChatState } from '../types';\n\ninterface MessageWithId extends Message {\n    _id: string;\n}\n\nconst chatReducer = (state = initialState, action: AnyAction) => {\n    switch (action.type) {\n        case ActionTypes.TYPING_ON:\n            return Object.assign({}, state, {\n                isBotTyping: true,\n            });\n\n        case ActionTypes.TYPING_OFF:\n            return Object.assign({}, state, {\n                isBotTyping: false,\n            });\n\n        case ActionTypes.MESSAGE_FROM_GUEST:\n        case ActionTypes.MESSAGE_WITHOUT_ANALYSIS_FROM_GUEST:\n            return appendMessageFromGuestToState(state, action.message);\n\n        case ActionTypes.MESSAGE_TO_GUEST:\n            // Informiere das Top Window (z.B. unser Wordpress-Blog) über das eintreffen einer neuen Nachricht\n            sendToParentPage(action);\n\n            // id hinzufügen, damit wir nicht zweimal die selbe meldung im state haben\n            const message: MessageWithId = Object.assign({}, action.message, { _id: action.meta.actionId });\n            const alreadyAdded = state.messages.filter((m: any) => m._id === action.meta.actionId).length > 0;\n\n            return Object.assign({}, state, {\n                messages: alreadyAdded ? state.messages : state.messages.concat([message]),\n                quickReplies: message.quickReplies ? message.quickReplies : [],\n                uploadRequest: message.uploadRequest ? message.uploadRequest : {},\n            });\n\n        case ClientActions.RESTORE_PREVIOUS_CHAT_MESSAGES:\n            const messages = action.messages;\n            if (messages.length > 0) {\n                const lastMessage = messages[messages.length - 1];\n                return Object.assign({}, initialState, {\n                    messages,\n                    quickReplies: lastMessage.quickReplies ? lastMessage.quickReplies : [],\n                    uploadRequest: lastMessage.uploadRequest ? lastMessage.uploadRequest : {},\n                });\n            } else {\n                return initialState;\n            }\n\n        case ActionTypes.FILE_FROM_GUEST:\n            const uploadRequest = Object.assign({}, state.uploadRequest, { uploadState: 'uploading' });\n            return Object.assign({}, state, { uploadRequest });\n\n        case ClientActions.MESSAGE_TO_PARENT_PAGE:\n            sendToParentPage(action.message);\n            return state;\n\n        case ActionTypes.EVENT_TO_GUEST:\n            sendToParentPage(action.event);\n            return state;\n\n        case ClientActions.EXPAND_WINDOW:\n            sendToParentPage(action);\n            return state;\n\n        case ClientActions.ENABLE_SPEECH_SUPPORT:\n            return Object.assign({}, state, { speechSupport: true });\n\n        case ClientActions.RECEIVE_SPEECH_TRANSCRIPTION:\n            const msg = new TextMessage(action.transcription, new GuestUser());\n            return appendMessageFromGuestToState(state, msg);\n\n        case ClientActions.ENABLE_TRANSCRIPT_EXPORT:\n            return Object.assign({}, state, { transcriptExportEnabled: true });\n\n        default:\n            return state;\n    }\n};\n\nconst appendMessageFromGuestToState = (state: ChatState, message: Message) => {\n    return Object.assign({}, state, {\n        messages: state.messages.concat([message]),\n        quickReplies: [],\n    });\n};\n\nconst sendToParentPage = (action: any) => {\n    if (isIframe()) {\n        window.top.postMessage(action, '*');\n    } else if (action.type === 'webclient.change.url') {\n        window.open(action.url);\n    }\n};\n\nconst isIframe = () => typeof window !== 'undefined' && window.self !== window.top;\n\nconst initialState: ChatState = {\n    messages: [],\n    quickReplies: [],\n    isBotTyping: false,\n    speechSupport: false,\n    transcriptExportEnabled: false,\n};\n\nexport default chatReducer;\n","import { localizeReducer } from 'react-localize-redux';\nimport { combineReducers } from 'redux';\nimport backendConnectionReducer from './backendConnectionReducer';\nimport chatReducer from './chatReducer';\n\nconst rootReducer = combineReducers({\n    chat: chatReducer,\n    connection: backendConnectionReducer,\n    locale: localizeReducer,\n});\n\nexport default rootReducer;\n","import { RootState } from '../types';\n\nconst LOCAL_STORAGE_LAST_SAVED_ITEM_NAME = 'bf-webclient-state-last-saved-at';\nconst LOCAL_STORAGE_STATE_ITEM_NAME = 'bf-webclient-state';\n\nexport const loadState = () => {\n    try {\n        if (typeof localStorage === 'undefined') {\n            return undefined;\n        }\n\n        // get last save time\n        const lastSavedAt = localStorage.getItem(LOCAL_STORAGE_LAST_SAVED_ITEM_NAME);\n        if (isExpired(lastSavedAt)) {\n            return undefined;\n        } else {\n            // load persisted state\n            const serializedState = localStorage.getItem(LOCAL_STORAGE_STATE_ITEM_NAME);\n            if (serializedState === null) {\n                return undefined;\n            }\n            return JSON.parse(serializedState);\n        }\n    } catch (err) {\n        console.error(err);\n        return undefined;\n    }\n};\n\nexport const saveState = (state: Partial<RootState>) => {\n    try {\n        // save state\n        const serializedState = JSON.stringify(state);\n        localStorage.setItem(LOCAL_STORAGE_STATE_ITEM_NAME, serializedState);\n\n        // save current date\n        let now = new Date().toISOString();\n        localStorage.setItem(LOCAL_STORAGE_LAST_SAVED_ITEM_NAME, now);\n    } catch (err) {\n        // ignorieren\n        console.error(err);\n    }\n};\n\nconst isExpired = (lastSavedAt: string | null): boolean => {\n    if (lastSavedAt === null) {\n        return false;\n    }\n    let expiresAt = new Date(lastSavedAt);\n    expiresAt.setHours(expiresAt.getHours() + 12);\n\n    let now = new Date();\n\n    return now > expiresAt;\n};\n","import { ActionTypes } from '@botfabrik/engine-domain';\nimport { setActiveLanguage } from 'react-localize-redux';\nimport { AnyAction, Dispatch, Middleware, MiddlewareAPI } from 'redux';\nimport io from 'socket.io-client';\nimport * as ChatActions from '../actions';\nimport * as ClientActions from '../actions';\nimport * as ConnectionActions from '../actions/connectionActions';\nimport { Devices } from '../../../src';\n\n// Blacklisted actions are not forwarded to the server\nconst blacklist = [\n    ConnectionActions.CONNECT,\n    ConnectionActions.CONNECTING,\n    ConnectionActions.CONNECTED,\n    ConnectionActions.DISCONNECTED,\n    ConnectionActions.RECONNECTED,\n    ConnectionActions.RESTORE_SESSION_ID,\n    ActionTypes.MESSAGE_TO_GUEST,\n    ActionTypes.EVENT_TO_GUEST,\n    ActionTypes.TYPING_ON,\n    ActionTypes.TYPING_OFF,\n    ChatActions.RESTORE_PREVIOUS_CHAT_MESSAGES,\n    '@@localize/SET_ACTIVE_LANGUAGE',\n    'ENABLE_TRANSCRIPT_EXPORT',\n];\n\nconst socketMiddleware: Middleware = ({ dispatch }: MiddlewareAPI) => (next: Dispatch<AnyAction>) => {\n    let socket: SocketIOClient.Socket | null = null;\n\n    return (action: AnyAction) => {\n        let result = next(action);\n\n        if (action.type === ConnectionActions.CONNECT) {\n            if (socket != null) {\n                socket.disconnect();\n            }\n            dispatch(ConnectionActions.connecting());\n\n            socket = io('/bf-webclient?' + action.querystrings);\n\n            socket.on('action', dispatch);\n            socket.on('connect', () => dispatch(ConnectionActions.connected()));\n            socket.on('disconnect', () => dispatch(ConnectionActions.disconnected()));\n            socket.on('reconnect', () => dispatch(ConnectionActions.reconnected()));\n            socket.on('set-active-language', (language: string) => dispatch(setActiveLanguage(language)));\n            socket.on('enable-speech-support', () => dispatch(ChatActions.enableSpeechSupport()));\n            socket.on('enable-transcript-export', () => dispatch(ChatActions.enableTranscriptExport()));\n            socket.on('speech-transcription', (transcription: string) =>\n                dispatch(ChatActions.receiveSpeechTranscription(transcription))\n            );\n            socket.on('restore-client-state', (state: any) => {\n                socket!.io.uri = socket!.io.uri.replace(action.sessionId, state.sessionId);\n                dispatch(ConnectionActions.restoreSessionId(state.sessionId));\n                dispatch(ChatActions.restorePreviousChatMessages(state.messages));\n            });\n            socket.on('file-uploaded', () => console.log('webclient socket middle ware: file-uploaded'));\n            socket.on('expand-window', ({ devices }: { devices: Devices }) =>\n                dispatch({ type: ClientActions.EXPAND_WINDOW, devices })\n            );\n        } else if (action.type === ChatActions.GET_STARTED) {\n            socket?.emit('get-started', JSON.stringify(action));\n        } else if (action.type === ActionTypes.FILE_FROM_GUEST) {\n            socket?.emit('file-from-guest', JSON.stringify(action));\n        } else if (action.type === ChatActions.AUDIO_MESSAGE_FROM_USER) {\n            socket?.emit('audio-message', action.buffer);\n        } else if (blacklist.indexOf(action.type) === -1) {\n            // Foreward all other actions to the server\n            if (socket) {\n                socket.emit('action', JSON.stringify(action));\n            } else {\n                // TODO: wenn socket undefined ist, diese sammeln und später abarbeiten\n            }\n        }\n\n        return result;\n    };\n};\n\nexport default socketMiddleware;\n","import configureStore from './configureStore';\n\nconst store = configureStore();\n\nexport default store;\n","import throttle from 'lodash/throttle';\nimport { applyMiddleware, compose, createStore } from 'redux';\nimport thunk from 'redux-thunk';\nimport reducer from '../reducers';\nimport { loadState, saveState } from './localStorage';\nimport socketMiddleware from './socketMiddleware';\n\nconst configureStore = () => {\n    const persistedState = loadState();\n    const store = compose(applyMiddleware(thunk, socketMiddleware))(createStore)(reducer, persistedState);\n\n    store.subscribe(\n        throttle(() => {\n            let state = store.getState();\n            saveState({\n                connection: state.connection,\n            });\n        }, 1000)\n    );\n\n    return store;\n};\n\nexport default configureStore;\n","import { addTranslationForLanguage, initialize } from 'react-localize-redux';\nimport { Dispatch, AnyAction } from 'redux';\n\nexport default (dispatch: Dispatch<AnyAction>) => {\n    const languages = ['de', 'en', 'fr', 'it'];\n    dispatch(initialize({ languages, options: { defaultLanguage: 'de', renderToStaticMarkup: false } }));\n\n    languages.forEach((language) => {\n        const json = require(`./${language}.json`);\n        dispatch(addTranslationForLanguage(json, language));\n    });\n};\n","import 'react-app-polyfill/ie11';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Provider } from 'react-redux';\nimport styles from './Client.module.scss';\nimport Chat from './components/Chat';\nimport initTranslations from './locales/initialize';\nimport store from './store';\n\ninitTranslations(store.dispatch);\n\nReactDOM.render(\n    <Provider store={store}>\n        <div className={styles.chatPage}>\n            <Chat />\n        </div>\n    </Provider>,\n    document.getElementById('root')\n);\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"messageBot\":\"Message_messageBot__3cmFc\",\"messageUser\":\"Message_messageUser__1PbuM\",\"avatar\":\"Message_avatar__1GG1t\",\"textWrapper\":\"Message_textWrapper__1ZhSM\",\"leftTextWrapper\":\"Message_leftTextWrapper__eSCQv\",\"leftText\":\"Message_leftText__1KoBc\",\"rightTextWrapper\":\"Message_rightTextWrapper__2CSGi\",\"rightText\":\"Message_rightText__3RrIO\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"detailMessage\":\"DetailMessage_detailMessage__3UAD0\",\"image\":\"DetailMessage_image__2Gyth\",\"image_container\":\"DetailMessage_image_container__8LsJu\",\"play_button\":\"DetailMessage_play_button__1PWeA\",\"title\":\"DetailMessage_title__1RlQT\",\"subtitle\":\"DetailMessage_subtitle__18WDj\",\"button\":\"DetailMessage_button__2eSMw\",\"video_container\":\"DetailMessage_video_container__7lOBq\",\"video\":\"DetailMessage_video__3VEwq\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"TranscriptMail_container__xZvk4\",\"containerOpen\":\"TranscriptMail_containerOpen__1hqU0\",\"slide-in\":\"TranscriptMail_slide-in__XH6FI\",\"containerClose\":\"TranscriptMail_containerClose__3O-kH\",\"slide-out\":\"TranscriptMail_slide-out__1UFOz\",\"formContainer\":\"TranscriptMail_formContainer__bJ8SH\",\"emailInput\":\"TranscriptMail_emailInput__3FwaM\",\"actions\":\"TranscriptMail_actions__2qBTc\",\"validationError\":\"TranscriptMail_validationError__3pqpz\",\"submitted\":\"TranscriptMail_submitted__q60CQ\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"chatwindow\":\"Chat_chatwindow__2gTsn\",\"chatcontent\":\"Chat_chatcontent__-wQ0P\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"messageContainer\":\"MessageContainer_messageContainer__1AKXT\",\"messages\":\"MessageContainer_messages__2GeSj\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"quickReplies\":\"QuickReplies_quickReplies__26tJr\",\"quickReply\":\"QuickReplies_quickReply__PrklG\"};"],"sourceRoot":""}