https://app.stammer.ai/static/react/8056.15d483746cfdd94c339e.js

1"use strict";(self.webpackChunkStammer_ai=self.webpackChunkStammer_ai||[]).push([[8056],{68056:function(n,e,t){t.d(e,{A:function(){return x}});var r=t(78685),o=t(2057),a=t(16657),i=t(37236),u=t(31547),c=t(33402),l=t(40139),s=t(48788);function d(n,e){var t=function(n){var e,t=null==n?void 0:n.response;return{status:null==t?void 0:t.status,offHours:Boolean(null===(e=null==t?void 0:t.data)||void 0===e?void 0:e.off_hours)}}(n),r=t.status;return t.offHours?{message:e("DISPLAY_STRINGS.VOICE_WIDGET_OFF_HOURS"),offHours:!0}:429===r?{message:e("DISPLAY_STRINGS.VOICE_WIDGET_TOO_MANY_ATTEMPTS"),offHours:!1}:{message:e("DISPLAY_STRINGS.VOICE_WIDGET_CALL_FAILED"),offHours:!1}}function f(){var n;return"undefined"==typeof window?null:null!==(n=window.speechSynthesis)&&void 0!==n?n:null}function p(){var n;null===(n=f())||void 0===n||n.cancel()}var v=function(){return v=Object.assign||function(n){for(var e,t=1,r=arguments.length;t<r;t++)for(var o in e=arguments[t])Object.prototype.hasOwnProperty.call(e,o)&&(n[o]=e[o]);return n},v.apply(this,arguments)},h=function(n,e,t,r){return new(t||(t=Promise))((function(o,a){function i(n){try{c(r.next(n))}catch(n){a(n)}}function u(n){try{c(r.throw(n))}catch(n){a(n)}}function c(n){var e;n.done?o(n.value):(e=n.value,e instanceof t?e:new t((function(n){n(e)}))).then(i,u)}c((r=r.apply(n,e||[])).next())}))},g=function(n,e){var t,r,o,a={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]},i=Object.create(("function"==typeof Iterator?Iterator:Object).prototype);return i.next=u(0),i.throw=u(1),i.return=u(2),"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function u(u){return function(c){return function(u){if(t)throw new TypeError("Generator is already executing.");for(;i&&(i=0,u[0]&&(a=0)),a;)try{if(t=1,r&&(o=2&u[0]?r.return:u[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,u[1])).done)return o;switch(r=0,o&&(u=[2&u[0],o.value]),u[0]){case 0:case 1:o=u;break;case 4:return a.label++,{value:u[1],done:!1};case 5:a.label++,r=u[1],u=[0];continue;case 7:u=a.ops.pop(),a.trys.pop();continue;default:if(!(o=a.trys,(o=o.length>0&&o[o.length-1])||6!==u[0]&&2!==u[0])){a=0;continue}if(3===u[0]&&(!o||u[1]>o[0]&&u[1]<o[3])){a.label=u[1];break}if(6===u[0]&&a.label<o[1]){a.label=o[1],o=u;break}if(o&&a.label<o[2]){a.label=o[2],a.ops.push(u);break}o[2]&&a.ops.pop(),a.trys.pop();continue}u=e.call(n,a)}catch(n){u=[6,n],r=0}finally{t=o=0}if(5&u[0])throw u[1];return{value:u[0]?u[1]:void 0,done:!0}}([u,c])}}},b={position:"absolute",width:"1px",height:"1px",overflow:"hidden",clip:"rect(0 0 0 0)",whiteSpace:"nowrap"},y=(0,i.i7)({"0%":{opacity:1,transform:"rotate(0deg) scale(1.0)"},"50%":{opacity:.4,transform:"rotate(180deg) scale(1.0)"},"100%":{opacity:1,transform:"rotate(360deg) scale(1.0)"}}),w=(0,i.i7)({"0%":{transform:"scale(1.0) rotate(0deg)",opacity:1},"50%":{transform:"scale(1.1) rotate(180deg)",opacity:1},"100%":{transform:"scale(1.0) rotate(360deg)",opacity:1}}),m={speaking:"".concat(w," 1s linear infinite"),listening:"".concat(y," 0.8s linear infinite")};var x=function(n){var e=this,i=n.configurations,y=(n.previewMode,(0,a.Bd)()),w=y.t,x=y.i18n,A=(0,o.useState)("idle"),S=A[0],I=A[1],C=(0,o.useState)(!1),k=C[0],T=C[1],_=(0,o.useState)(!1),E=_[0],O=_[1],L=(0,o.useState)(null),R=L[0],D=L[1],P=(0,o.useRef)(!1),j=(0,o.useRef)(!1),G=(0,o.useRef)(null),B=(0,o.useRef)(null),H=(0,o.useRef)(null);(0,o.useEffect)((function(){return H.current||(H.current=l.A.getInstance()),function(){H.current&&H.current.stopAudio(),G.current&&window.clearTimeout(G.current),p()}}),[]);var U=(0,o.useCallback)((function(){G.current&&(window.clearTimeout(G.current),G.current=null),D(null),p()}),[]),Y=(0,o.useCallback)((function(n){var e=d(n,w).message;G.current&&window.clearTimeout(G.current),D(e),function(n,e){var t=f();if(t)try{t.cancel();var r=new SpeechSynthesisUtterance(n);r.lang=e,t.speak(r)}catch(n){console.error(n)}}(e,x.language),G.current=window.setTimeout((function(){D(null),G.current=null}),6e3)}),[w,x.language]),z=(0,o.useCallback)((function(n){return window.location.origin+"/static/voice/sounds/"+n+".mp3"}),[]),N=i||{orbStyle:"classic-pulsing",primaryColor:"#3b82f6",secondaryColor:"#1d4ed8",size:64,position:"bottom-left",widgetIcon:s.hB},V=N.orbStyle,W=N.primaryColor,q=N.secondaryColor,F=N.size,M=(N.position,N.widgetIcon),Q=(0,o.useCallback)((function(){var n={"classic-pulsing":"".concat(W,"77 0px 0px 15px, ").concat(W,"77 0px 0px 15px, ").concat(q,"77 0px 0px 15px;"),"zen-waves":"".concat(W,"77 0px 0px 15px, ").concat(q,"77 0px 0px 15px"),"liquid-metal":"rgba(255, 255, 255, 0.8) 0p

1x 0px 19.2px, rgba(255, 255, 255, 0.5) 0px 0px 12.8px inset;"};return n[V]||n["classic-pulsing"]}),[V,W,q]),J=(0,o.useCallback)((function(){var n={"classic-pulsing":"radial-gradient(circle at 30% 30%, ".concat(W,", ").concat(q,")"),"zen-waves":"conic-gradient(".concat(W,", ").concat(q,", ").concat(W,"88, ").concat(q,", ").concat(W,")"),"liquid-metal":"linear-gradient(135deg, rgb(232, 232, 232) 0%, ".concat(W," 25%, rgb(255, 255, 255) 50%, ").concat(q," 75%, rgb(160, 160, 160) 100%)")};return n[V]||n["classic-pulsing"]}),[V,W,q]),K=(0,o.useCallback)((function(){var n={"classic-pulsing":"50%","zen-waves":"50%","liquid-metal":"60% 40% 30% 70% / 60% 30% 70% 40%"};return n[V]||n["classic-pulsing"]}),[V]),X=(0,o.useCallback)((function(n){P.current=n,T(n)}),[]),Z=(0,o.useCallback)((function(n){j.current=n,O(n)}),[]),$=(0,o.useCallback)((function(){return h(e,void 0,void 0,(function(){var n;return g(this,(function(e){switch(e.label){case 0:return B.current?[3,2]:(n=B,[4,Promise.all([t.e(7655),t.e(2618)]).then(t.bind(t,32618))]);case 1:n.current=e.sent(),e.label=2;case 2:return[2,B.current.default]}}))}))}),[]);return(0,r.jsxs)(u.A,{"aria-label":w("DISPLAY_LABELS.VOICE_WIDGET"),"aria-pressed":k,role:"button",tabIndex:0,onClick:function(){return h(e,void 0,void 0,(function(){var n,e,t,r,o,a,u,l,s,d;return g(this,(function(f){switch(f.label){case 0:if(j.current)return[2];if(!(null==i?void 0:i.uuid)||P.current)return[3,6];U(),Z(!0),null===(a=H.current)||void 0===a||a.playAudio(z("ringing"),"url",!0,!0),f.label=1;case 1:return f.trys.push([1,4,,5]),[4,Promise.all([(0,c.BQ)(i.uuid),$()])];case 2:return n=f.sent(),e=n[0],o=n[1],t=o.getInstance(e.accessToken,{callData:e,callbacks:{onCallStarted:function(){var n;X(!0),Z(!1),I("speaking"),null===(n=H.current)||void 0===n||n.stopAudio()},onCallEnded:function(){var n;X(!1),I("idle"),null===(n=H.current)||void 0===n||n.playAudio(z("call_ended"),"url",!0)},onAgentStartTalking:function(){I("speaking")},onAgentStopTalking:function(){I("listening")},onError:function(n){var e;console.error(n),null===(e=H.current)||void 0===e||e.playAudio(z("error"),"url",!0),X(!1),Z(!1),I("idle")}}}),[4,t.makeCall()];case 3:return f.sent(),[3,5];case 4:return r=f.sent(),console.error(r),null===(u=H.current)||void 0===u||u.stopAudio(),Y(r),X(!1),Z(!1),I("idle"),[3,5];case 5:return[3,7];case 6:P.current?(o=null===(l=B.current)||void 0===l?void 0:l.default,null===(s=null==o?void 0:o.getInstance())||void 0===s||s.stopCall(),X(!1),Z(!1),I("idle")):(null===(d=H.current)||void 0===d||d.playAudio(z("error"),"url",!0),X(!1),Z(!1),I("idle")),f.label=7;case 7:return[2]}}

1))}))},m:"20px",width:F,height:F,display:"flex",justifyContent:"center",alignItems:"center",sx:v(v({cursor:E?"wait":"pointer",background:J(),borderRadius:K(),boxShadow:Q()},"idle"===S?{animation:"none",transform:"rotate(0deg) scale(1.0)",opacity:1}:{animation:m[S]}),R?{filter:"grayscale(1)",opacity:.55,transition:"opacity 0.2s"}:null),title:null!=R?R:void 0,children:[(0,r.jsx)("img",{src:M||s.hB,style:{borderRadius:K()},alt:w("DISPLAY_LABELS.VOICE_WIDGET_ICON"),width:null!=F?F:64,height:null!=F?F:64}),(0,r.jsx)(u.A,{component:"span",role:"status","aria-live":"polite",sx:b,children:R})]})}},40139:function(n,e,t){var r=function(){function n(){this.audio=null}return n.prototype._binaryStringToUint8Array=function(n){for(var e=n.length,t=new Uint8Array(e),r=0;r<e;r++)t[r]=n.charCodeAt(r);return t},n.getInstance=function(){return n.instance||(n.instance=new n),n.instance},n.prototype.playAudio=function(n,e,t,r){var o=this;if(void 0===e&&(e="base64"),void 0===t&&(t=!1),void 0===r&&(r=!1),t&&this.stopAudio(),this.audio&&(this.audio.pause(),this.audio.currentTime=0),"blob"===e){var a=URL.createObjectURL(n);this.audio=new Audio(a)}else if("base64"===e)this.audio=new Audio("data:audio/mp3;base64,".concat(n));else{if("url"!==e)throw new Error("Invalid audio type");this.audio=new Audio(n)}this.audio.play().catch((function(n){console.error("Error playing audio:",n)})),r&&this.audio.addEventListener("ended",(function(){var n;null===(n=o.audio)||void 0===n||n.play().catch((function(n){console.error("Error playing audio:",n)}))}))},n.prototype.stopAudio=function(){this.audio&&(this.audio.pause(),this.audio.currentTime=0)},n}();e.A=r}}]);