@botfabrik/engine-webclient 4.1.10 → 4.3.0

package/dist/client/static/js/{main.b543b9bf.chunk.js → main.6a16df3d.chunk.js}

@@ -1,2 +1,2 @@
 (this.webpackJsonpclient=this.webpackJsonpclient||[]).push([[0],{142:function(e,t,n){e.exports={chatPage:"Client_chatPage__126Ne"}},146:function(e,t,n){e.exports={text:"Text_text__1zaFO"}},148:function(e,t,n){e.exports={markdownMessage:"MarkdownMessage_markdownMessage__15Vr7"}},149:function(e,t,n){},150:function(e,t,n){},154:function(e,t,n){e.exports=n(315)},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"}},274:function(e,t,n){var a={"./de.json":275,"./en.json":276,"./fr.json":277,"./it.json":278};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=274},275: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.","general-conditions.header":"**Nutzungsbedingungen**","general-conditions.body":"Bitte ber\xfccksichtigen Sie die folgenden Punkte:\\n\\n - Der Chatverlauf wird im EU-Raum gespeichert und kann nur von autorisierten Personen eingesehen werden.\\n - Geben Sie im Chatfenster keine pers\xf6nlichen Daten ein (Passw\xf6rter, Geburtsdatum usw.).","general-conditions.accept-conditions-note":"Mit der Verwendung des Chats erkl\xe4ren Sie sich mit den Nutzungsbedingungen einverstanden."}')},276: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.","general-conditions.md.header":"**Terms of use**","general-conditions.md.body":"Please consider the following points:\\n\\n - The chat history is stored in the EU area and can only be viewed by authorized personnel.\\n - Do not enter any personal information in the chat window (passwords, date of birth, etc.)","general-conditions.md.accept-conditions-note":"By using the chat you agree to the terms of use."}')},277: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.","general-conditions.md.header":"**Conditions d\'utilisation**","general-conditions.md.body":"Veuillez consid\xe9rer les points suivants:\\n\\n - L\'historique du chat est stock\xe9 dans l\'espace UE et ne peut \xeatre consult\xe9 que par les personnes autoris\xe9es.\\n - Ne saisissez aucune information personnelle dans la fen\xeatre de chat (mots de passe, date de naissance, etc.).","general-conditions.md.accept-conditions-note":"En utilisant le chat, vous acceptez les conditions d\'utilisation."}')},278: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.","general-conditions.md.header":"**Condizioni di utilizzo**","general-conditions.md.body":"Si prega di considerare i seguenti punti:\\n\\n - La cronologia delle chat \xe8 memorizzata nell\'area UE e pu\xf2 essere visualizzata solo da persone autorizzate.\\n - Non inserire dati personali nella finestra di chat (password, data di nascita, ecc.).","general-conditions.md.accept-conditions-note":"Utilizzando la chat si accettano le condizioni d\'uso."}')},30:function(e,t,n){e.exports={ticontainer:"TypingIndicator_ticontainer__29oO1",tiblock:"TypingIndicator_tiblock__1QBS0",tidot:"TypingIndicator_tidot__3aLQm",mercuryTypingAnimation:"TypingIndicator_mercuryTypingAnimation__3fDgV"}},31:function(e,t,n){e.exports={inputWrapper:"TextInput_inputWrapper__1fIyq",messageInputWrapper:"TextInput_messageInputWrapper__6KJHK",messageInput:"TextInput_messageInput__2fCF7",button:"TextInput_button__5my0Y"}},312:function(e,t){},315:function(e,t,n){"use strict";n.r(t);n(155);var a,r,i=n(0),o=n.n(i),s=n(28),c=n.n(s),l=n(55),u=n(142),d=n.n(u),p=n(10),m=n(1),g=n.n(m),E=n(14),h=n(2),_=function(e){return{type:"MESSAGE_TO_PARENT_PAGE",message:{type:"webclient.change.url",url:e}}},f=n(90),v=n.n(f),b=n(91),C=n.n(b),T=n(317),N=function(e,t,n){return{type:"CONNECT",sessionId:e,userId:t,querystrings:n}},S=n(92),O=n.n(S),y=n(53),R=n(54),k=n(57),w=n(56),x=n(93),I=n.n(x),A=n(6),M=n.n(A),B=function(e){var t=e.sender,n=e.children;return o.a.createElement("li",{className:M.a.messageBot},o.a.createElement("img",{className:g()(M.a.avatar,"chat_avatar","chat_botAvatar"),src:"".concat(t.avatar),alt:t.type===h.UserType.BOT?"Bot":"Agent"}),o.a.createElement("div",{className:g()(M.a.textWrapper,M.a.leftTextWrapper,"chat__bubble","chat__botBubble")},o.a.createElement("div",{className:g()(M.a.text,M.a.leftText)},n)))},U=n(25),j=n.n(U),D=n(8),G=n.n(D),L=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:g()(G.a.button,j.a.button,"chat__bubbleButton"),onClick:function(){return n(e)}},e.title)})))},q=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},z=n(144),P=n.n(z),F=n(145),W=n.n(F),H=n(146),V=n.n(H),Q=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},P.a.emojify(e)),o.a.createElement("br",null))})))},J=function(e){var t=e.subtitle,n=e.onLinkClick;return t?o.a.createElement("div",{className:G.a.subtitle},o.a.createElement(Q,{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,s=e.onButtonClick,c=e.onLinkClick;return o.a.createElement("div",{className:G.a.detailMessage},o.a.createElement(Y,{title:t}),o.a.createElement(q,{imageUrl:a,itemUrl:r,alt:t||n}),o.a.createElement(J,{subtitle:n,onLinkClick:c}),o.a.createElement(L,{buttons:i,onButtonClick:s}))},X=function(e){var t=e.children;return o.a.createElement("li",{className:M.a.messageUser},o.a.createElement("div",{className:g()(M.a.textWrapper,M.a.rightTextWrapper,"chat__bubble","chat__guestBubble")},o.a.createElement("div",{className:g()(M.a.text,M.a.rightText)},t)))},Z=n(29),$=n(148),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:g()(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(149),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(Q,{text:t,onLinkClick:n}))},ie=function(e,t,n){switch(e.type){case h.MessageTypeEnum.TEXT:var a=e;return o.a.createElement(re,{text:a.text,onLinkClick:n});case h.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 h.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 h.UserType.GUEST:return o.a.createElement(X,null,r);default:return o.a.createElement(B,{sender:t.sender},r)}}),(function(e,t){return e.message._id===t.message._id})),se=n(94),ce=n.n(se),le=n(30),ue=n.n(le),de=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:g()(ue.a.tidot,"chat__typingIndicator")}),o.a.createElement("div",{className:g()(ue.a.tidot,"chat__typingIndicator")}),o.a.createElement("div",{className:g()(ue.a.tidot,"chat__typingIndicator")}))):null},pe=n(97),me=n(38),ge=n.n(me),Ee="general-conditions.accept-conditions-note",he=function(e){var t=e.content,n=e.translate,a=Object(i.useState)(!1),r=Object(p.a)(a,2),s=r[0],c=r[1];return o.a.createElement("div",null,o.a.createElement("div",{className:ge.a.generalConditions},o.a.createElement("div",{onClick:function(){return c(!s)},className:ge.a.generalConditionsHeader},o.a.createElement(Z.a,null,"general-conditions.header"===t.header?n("general-conditions.header"):t.header),s&&o.a.createElement(pe.b,null),!s&&o.a.createElement(pe.a,null)),o.a.createElement("div",{className:ge.a.generalConditionsBody},s&&o.a.createElement(Z.a,null,"general-conditions.body"===t.body?n("general-conditions.body"):t.body))),o.a.createElement("div",{className:ge.a.generalConditionsAccept},o.a.createElement(Z.a,null,t.acceptConditionsNote===Ee?n(Ee):t.acceptConditionsNote)))},_e=I.a.Element,fe=function(e){Object(k.a)(n,e);var t=Object(w.a)(n);function n(){return Object(y.a)(this,n),t.apply(this,arguments)}return Object(R.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.generalConditionsContent,r=e.onButtonClick,i=e.onLinkClick,s=e.translate;return o.a.createElement("div",{className:ce.a.messageContainer,id:"MessageContainer"},a&&o.a.createElement(he,{content:a,translate:s}),o.a.createElement("ul",{className:ce.a.messages},t.map((function(e,t){return o.a.createElement(oe,{key:t,message:e,onButtonClick:r,onLinkClick:i})}))),o.a.createElement(de,{isTyping:n}),o.a.createElement(_e,{name:"ScrollToElement"}))}}]),n}(o.a.Component),ve=n(95),be=n(9),Ce=n.n(be),Te=function(e){var t,n=e.visible,a=e.translate,r=e.onExport,s=e.onClose,c=Object(i.useState)(void 0),l=Object(p.a)(c,2),u=l[0],d=l[1],m=Object(i.useState)(!1),E=Object(p.a)(m,2),h=E[0],_=E[1],f=Object(i.useState)(void 0),v=Object(p.a)(f,2),b=v[0],C=v[1],T=Object(i.useRef)(null);Object(i.useEffect)((function(){var e;n?(null===(e=T.current)||void 0===e||e.focus(),_(!1),d(n)):!0===u&&d(!1)}),[n,u]);return o.a.createElement("div",{className:g()(Ce.a.container,(t={},Object(ve.a)(t,Ce.a.containerOpen,!0===u),Object(ve.a)(t,Ce.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),_(!0),setTimeout(s,3e3))},className:Ce.a.formContainer},o.a.createElement("div",null,o.a.createElement("input",{disabled:h,ref:T,type:"email",placeholder:a("export-transcript.email-placeholder"),className:Ce.a.emailInput,onChange:function(e){var t=e.target.value.trim(),n=/^\w+([.-]?\w+)*@\w+([.-]?\w+)*(\.\w{2,3})+$/.test(t);C(n?t:"")}}),0===(null===b||void 0===b?void 0:b.length)?o.a.createElement("div",{className:Ce.a.validationError},a("export-transcript.email-invalid")):null),o.a.createElement("div",{className:Ce.a.actions},o.a.createElement("button",{type:"submit",disabled:h||void 0===b||0===b.length,className:g()(Ce.a.button,j.a.button)},a("export-transcript.send")),o.a.createElement("button",{type:"button",className:g()(Ce.a.button,j.a.button),onClick:s},a("export-transcript.cancel")))),h&&o.a.createElement("div",{className:Ce.a.submitted},a("export-transcript.success")))},Ne=n(15),Se=n(20),Oe=n.n(Se),ye=function(e){Object(k.a)(n,e);var t=Object(w.a)(n);function n(e){var a;return Object(y.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(Ne.a)(a)),a.triggerAudioRecordingSuccess=a.triggerAudioRecordingSuccess.bind(Object(Ne.a)(a)),a.initRecording=a.initRecording.bind(Object(Ne.a)(a)),a.processRecordingInput=a.processRecordingInput.bind(Object(Ne.a)(a)),a.handleClickSubmitAudio=a.handleClickSubmitAudio.bind(Object(Ne.a)(a)),a.handleClickStopAudio=a.handleClickStopAudio.bind(Object(Ne.a)(a)),a}return Object(R.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=we(this.leftchannel,this.recordingLength),t=xe(e,this.sampleRate||0),n=Re(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:Oe.a.audioRecorder},"none"===this.state.recordingState&&o.a.createElement("button",{className:g()(Oe.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:Oe.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:Oe.a.audioRecorder},o.a.createElement("button",{className:g()(Oe.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:Oe.a.recorderIcon}),o.a.createElement("button",{className:g()(Oe.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),Re=function(e){var t=new ArrayBuffer(44+2*e.length),n=new DataView(t);ke(n,0,"RIFF"),n.setUint32(4,44+2*e.length,!0),ke(n,8,"WAVE"),ke(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),ke(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"})},ke=function(e,t,n){for(var a=0;a<n.length;a++)e.setUint8(t+a,n.charCodeAt(a))},we=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},xe=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 s=Math.round((i+1)*n),c=0,l=0,u=o;u<s&&u<e.length;u++)c+=e[u],l++;r[i]=c/l,i++,o=s}return r},Ie=n(31),Ae=n.n(Ie),Me=function(e){var t=e.speechSupport,n=e.transcriptExportEnabled,a=e.translate,r=e.onTextInput,s=e.onAudioRecorded,c=e.onOpenTranscriptExportModal,l=Object(i.useState)(!1),u=Object(p.a)(l,2),d=u[0],m=u[1],E=Object(i.useRef)(null);return o.a.createElement("form",{className:Ae.a.inputWrapper,onSubmit:function(e){e.preventDefault();var t=E.current;t&&t.value.trim().length>=1&&(r(t.value.trim()),t.value="",m(!1),t.focus())}},o.a.createElement("div",{className:Ae.a.messageInputWrapper},o.a.createElement("input",{className:Ae.a.messageInput,placeholder:a("Enter chat message"),ref:E,onChange:function(e){var t=e.target.value.trim();m(t.length>0)}})),!d&&n&&o.a.createElement("button",{className:g()(Ae.a.button,"chat__button"),type:"button",onClick:c},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"}))),d||!t||void 0===navigator.mediaDevices?o.a.createElement("button",{className:g()(Ae.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(ye,{onAudioRecorded:s}))},Be=n(150),Ue=n.n(Be),je=n(96),De=n.n(je),Ge=function(e){var t=e.quickReplies,n=e.onQuickReplyClick;return t.length?o.a.createElement("div",{className:De.a.quickReplies},t.map((function(e){return o.a.createElement("span",{key:e.label,className:g()(De.a.quickReply,j.a.button,"chat__button","chat__quickReply"),onClick:function(){return n(e)}},e.label)}))):null},Le=function(e){var t=e.quickReplies,n=e.speechSupport,a=e.transcriptExportEnabled,r=e.translate,i=e.onTextInput,s=e.onQuickReplyClick,c=(e.onUploadFile,e.onAudioRecorded),l=e.onOpenTranscriptExportModal;return o.a.createElement("div",{className:g()(Ue.a.inputContainer)},o.a.createElement(Ge,{quickReplies:t,onQuickReplyClick:s}),o.a.createElement(Me,{translate:r,onTextInput:i,onAudioRecorded:c,speechSupport:n,onOpenTranscriptExportModal:l,transcriptExportEnabled:a}))},qe="TRIGGER_ACTION",ze="TRIGGER_STORY",Pe="CHAT_MESSAGE_FROM_GUEST",Fe="ON_CHAT_WINDOW_OPEN",We="ON_CHAT_WINDOW_CLOSE",He=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,generalConditionsContent:t.generalConditionsContent,translate:Object(E.b)(e.locale)}}),(function(e){return{onConnect:function(t){return e(function(e){return function(t,n){var a=C.a.parse(e),r=n().connection,i=r.sessionId;void 0===i&&(i=Object(T.a)());var o=r.userId;if(void 0===o){var s=v.a.get("bf-webclient-userId");o=s||Object(T.a)(),v.a.set("bf-webclient-userId",o)}return a.sessionId=i,a.userId=o,t(N(i,o,C.a.stringify(a)))}}(t))},onMessageFromUser:function(t){return e(function(e){return Object(h.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!==h.ActionTypes.MESSAGE_FROM_GUEST&&t(Object(h.receiveTextMessageWithoutAnalysisFromGuest)(e.label)),t(e.payload)}}(t))},onNluEvent:function(t){return e(function(e){return Object(h.requestNLUEvent)(e)}(t))},onButtonClick:function(t){return e(function(e){switch(e.type){case h.ButtonTypeEnum.WEB_URL:return _(e.url);case h.ButtonTypeEnum.POSTBACK:return e.payload;default:throw new Error("unknown button type ".concat(e.type))}}(t))},onLinkClick:function(t){return e(function(e){return _(e)}(t))},onUploadFile:function(t,n,a){return e(function(e,t,n){return Object(h.receiveFileFromGuest)(e,t,n)}(t,n,a))},onTranscriptExport:function(t){return e(function(e){return{type:h.ActionTypes.TRANSCRIPT_MAIL_REQUEST,payload:{parameters:{mailTo:e}}}}(t))}}}))((function(e){var t=e.messages,n=e.quickReplies,a=e.uploadRequest,r=e.isBotTyping,s=e.speechSupport,c=e.transcriptExportEnabled,l=e.generalConditionsContent,u=e.translate,d=e.onConnect,m=e.onNluEvent,E=e.onMessageFromUser,h=e.onQuickReplyClick,_=e.onButtonClick,f=e.onLinkClick,v=e.onUploadFile,b=e.onAudioRecorded,C=e.onActionFromUser,T=e.onTranscriptExport,N=Object(i.useState)(!1),S=Object(p.a)(N,2),y=S[0],R=S[1];return Object(i.useEffect)((function(){var e=function(e){switch(e.data.type){case qe:C(e.data.action);break;case ze:m(e.data.story);break;case Fe:C({type:"webclient.chatwindow.opened"});break;case We:C({type:"webclient.chatwindow.closed"});break;case Pe:E(e.data.text)}};return d(window.location.search),window.addEventListener("message",(function(t){return e(t)}),!1),function(){return window.removeEventListener("message",e)}}),[d,C,E,m]),o.a.createElement("div",{className:g()(O.a.chatwindow,"chat__chatwindow")},o.a.createElement("div",{className:O.a.chatcontent},o.a.createElement(fe,{messages:t,isBotTyping:r,generalConditionsContent:l,onButtonClick:_,onLinkClick:f,translate:u}),o.a.createElement(Le,{quickReplies:r?[]:n,uploadRequest:a,speechSupport:s,transcriptExportEnabled:c,translate:u,onQuickReplyClick:h,onTextInput:E,onUploadFile:v,onAudioRecorded:b,onOpenTranscriptExportModal:function(){return R(!0)}})),c&&o.a.createElement(Te,{visible:y,translate:u,onExport:T,onClose:function(){return R(!1)}}))})),Ve=n(151),Qe=n.n(Ve),Je=n(19),Ye=n(152);!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 Ke={connectionState:a.DISCONNECTED,sessionId:void 0,userId:void 0},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"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}},Ze=function(e,t){return Object.assign({},e,{messages:e.messages.concat([t]),quickReplies:[]})},$e=function(e){et()?window.top.postMessage(e,"*"):"webclient.change.url"===e.type&&window.open(e.url)},et=function(){return"undefined"!==typeof window&&window.self!==window.top},tt={messages:[],quickReplies:[],isBotTyping:!1,speechSupport:!1,transcriptExportEnabled:!1,generalConditionsContent:void 0},nt=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:tt,t=arguments.length>1?arguments[1]:void 0;switch(t.type){case h.ActionTypes.TYPING_ON:return Object.assign({},e,{isBotTyping:!0});case h.ActionTypes.TYPING_OFF:return Object.assign({},e,{isBotTyping:!1});case h.ActionTypes.MESSAGE_FROM_GUEST:case h.ActionTypes.MESSAGE_WITHOUT_ANALYSIS_FROM_GUEST:return Ze(e,t.message);case h.ActionTypes.MESSAGE_TO_GUEST:$e(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({},tt,{messages:r,quickReplies:i.quickReplies?i.quickReplies:[],uploadRequest:i.uploadRequest?i.uploadRequest:{}})}return tt;case h.ActionTypes.FILE_FROM_GUEST:var o=Object.assign({},e.uploadRequest,{uploadState:"uploading"});return Object.assign({},e,{uploadRequest:o});case"MESSAGE_TO_PARENT_PAGE":return $e(t.message),e;case h.ActionTypes.EVENT_TO_GUEST:return $e(t.event),e;case"webclient.expand.window":return $e(t),e;case"ENABLE_SPEECH_SUPPORT":return Object.assign({},e,{speechSupport:!0});case"RECEIVE_SPEECH_TRANSCRIPTION":var s=new h.TextMessage(t.transcription,new h.GuestUser);return Ze(e,s);case"ENABLE_TRANSCRIPT_EXPORT":return Object.assign({},e,{transcriptExportEnabled:!0});case"SHOW_GENERAL_CONDITIONS":return Object.assign({},e,{generalConditionsContent:t.payload});default:return e}},at=Object(Je.c)({chat:nt,connection:Xe,locale:E.d}),rt=function(e){if(null===e)return!1;var t=new Date(e);return t.setHours(t.getHours()+12),new Date>t},it=n(153),ot=n.n(it),st=["CONNECT","CONNECTING","CONNECTED","DISCONNECTED","RECONNECTED","RESTORE_SESSION_ID",h.ActionTypes.MESSAGE_TO_GUEST,h.ActionTypes.EVENT_TO_GUEST,h.ActionTypes.TYPING_ON,h.ActionTypes.TYPING_OFF,"RESTORE_PREVIOUS_CHAT_MESSAGES","@@localize/SET_ACTIVE_LANGUAGE","ENABLE_TRANSCRIPT_EXPORT","SHOW_GENERAL_CONDITIONS"],ct=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=ot()("/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(E.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})})),n.on("show-general-conditions",(function(e){return t({type:"SHOW_GENERAL_CONDITIONS",payload:e})}));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===h.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 s;null===(s=n)||void 0===s||s.emit("audio-message",a.buffer)}else-1===st.indexOf(a.type)&&n&&n.emit("action",JSON.stringify(a));return r}}},lt=function(){var e=function(){try{if("undefined"===typeof localStorage)return;var e=localStorage.getItem("bf-webclient-state-last-saved-at");if(rt(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(Je.d)(Object(Je.a)(Ye.a,ct))(Je.e)(at,e);return t.subscribe(Qe()((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(E.c)({languages:t,options:{defaultLanguage:"de",renderToStaticMarkup:!1}})),t.forEach((function(t){var a=n(274)("./".concat(t,".json"));e(Object(E.a)(a,t))}))}(lt.dispatch),c.a.render(o.a.createElement(l.a,{store:lt},o.a.createElement("div",{className:d.a.chatPage},o.a.createElement(He,null))),document.getElementById("root"))},38:function(e,t,n){e.exports={generalConditions:"GeneralConditions_generalConditions__2o9K6",generalConditionsHeader:"GeneralConditions_generalConditionsHeader__3AdUS",generalConditionsBody:"GeneralConditions_generalConditionsBody__k8BFW",generalConditionsAccept:"GeneralConditions_generalConditionsAccept__3390Q"}},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"}},92:function(e,t,n){e.exports={chatwindow:"Chat_chatwindow__2gTsn",chatcontent:"Chat_chatcontent__-wQ0P"}},94:function(e,t,n){e.exports={messageContainer:"MessageContainer_messageContainer__1AKXT",messages:"MessageContainer_messages__2GeSj"}},96:function(e,t,n){e.exports={quickReplies:"QuickReplies_quickReplies__26tJr",quickReply:"QuickReplies_quickReply__PrklG"}}},[[154,1,2]]]);
-//# sourceMappingURL=main.b543b9bf.chunk.js.map
+//# sourceMappingURL=main.6a16df3d.chunk.js.map