"use strict";(self.webpackChunkbongacams=self.webpackChunkbongacams||[]).push([[126],{1147:function(e,s,n){n.r(s),n.d(s,{default:function(){return R}});var t=n(15215),o=n(74848),i=n(96540),a=n(52276),r=n(23385),c=n(80742),l=n(48529),u=function(e){function s(){var s=null!==e&&e.apply(this,arguments)||this;return s.debouncedSubmit=(0,l.n)(s.props.onSubmit,500),s.onKeyDown=function(e){13===e.keyCode&&s.debouncedSubmit()},s}return(0,t.C6)(s,e),s.prototype.shouldComponentUpdate=function(e){return this.props.inputFieldValue!==e.inputFieldValue},s.prototype.render=function(){var e=this.props,s=e.inputFieldValue,n=e.onInputChange,t=e.inputFieldRef;return(0,o.jsxs)("div",{className:"inputContainer elem_hide",children:[(0,o.jsx)("input",{className:"sendInput",type:"text",value:s,onKeyDown:this.onKeyDown,onInput:n,placeholder:__("Type a message ..."),ref:t}),(0,o.jsx)("button",{className:"sendButton",onClick:this.debouncedSubmit,children:__("Send")})]})},s}(i.Component),p=u,d=n(63861),m=n(83375),g=function(e){function s(s){var n=e.call(this,s)||this;return n.onErrorAvatarLoad=function(){console.log("Error"),n.setState({isImageLoadError:!0})},n.state={isImageLoadError:!1},n}return(0,t.C6)(s,e),s.prototype.shouldComponentUpdate=function(e,s){return e.displayName!==this.props.displayName||e.avatarUrl!==this.props.avatarUrl||s.isImageLoadError!==this.state.isImageLoadError},s.prototype.render=function(){var e,s=this.state.isImageLoadError,n=this.props,t=n.avatarUrl,i=n.displayName,a=n.gender,r=n.countryCode,c=n.onMinimize,l=n.onClose;return(0,o.jsxs)("div",{className:"head",children:[(0,o.jsxs)("div",{className:"model_data",children:[(0,o.jsx)("div",{className:(0,m.n)((e={model_avatar_wrp:!0},e["__".concat(a)]=a,e)),children:(0,o.jsx)("img",{className:(0,m.n)({model_avatar:!0,bc_hide:s}),src:t,alt:i,onError:this.onErrorAvatarLoad})}),(0,o.jsxs)("div",{className:"model_info",children:[(0,o.jsxs)("div",{className:"model_top",children:[(0,o.jsx)("p",{className:"model_name",children:i}),Boolean(r)&&(0,o.jsx)("img",{className:"model_flag",src:(0,d.oF)("country/".concat(r,".svg")),alt:""})]}),(0,o.jsx)("p",{className:"model_status elem_hide",children:__("ONLINE")})]})]}),(0,o.jsxs)("div",{className:"options",children:[(0,o.jsx)("span",{className:"minimize",onClick:c}),(0,o.jsx)("span",{className:"close",onClick:l})]})]})},s}(i.Component),h=n(57510);function f(){return(0,o.jsx)("div",{className:"typing_note __show",children:(0,o.jsxs)("p",{className:"typing_content",children:[(0,o.jsxs)("span",{className:"typing_points",children:[(0,o.jsx)("span",{className:"point point_1"}),(0,o.jsx)("span",{className:"point point_2"}),(0,o.jsx)("span",{className:"point point_3"})]}),__("typing")]})})}var _=function(e){function s(){return null!==e&&e.apply(this,arguments)||this}return(0,t.C6)(s,e),s.prototype.shouldComponentUpdate=function(e){return this.props.messages.length!==e.messages.length||this.props.isTyping!==e.isTyping},s.prototype.render=function(){var e=this.props,s=e.messages,n=e.messagesEndRef,t=e.isTyping;return(0,o.jsxs)("div",{className:"sp_history elem_hide bc_flex bc_flex_column",children:[t&&(0,o.jsx)(f,{}),(0,h.loopv)(s,function(e){return e}),(0,o.jsx)("div",{ref:n})]})},s}(i.Component),v=_;function I(e){var s=e.content;return(0,o.jsx)("p",{className:"msg_wrp msg_row message model",children:(0,o.jsx)("span",{className:"message_area",children:(0,o.jsx)("span",{className:"msg_box",children:(0,o.jsx)("span",{className:"msg",children:s})})})})}function M(e){var s=e.text,n=e.spoofVersionId,t=e.handleRegisterEventAction;return(0,o.jsxs)("div",{children:[(0,o.jsx)("div",{className:"message guest",children:(0,o.jsx)("span",{className:"msg",children:s})}),(0,o.jsxs)("div",{className:"alert guest_chat_alert",children:[(0,o.jsx)("span",{className:"not_allowed bc_display_block",children:trans("Register to chat!",{br:"</br>"})}),(0,o.jsx)("span",{className:"create_account bc_display_block",children:trans("Just a couple of clicks. 100% %s1%free%s_end%",{s1:'<span class="bc_uppercase">',s_end:"</span>"})}),trans("%a1%Register%a_end%",{a1:'<a class="bc_uppercase" spoof_sid='.concat(n,' href="#" onclick="fn.handleCreateAccountClick">'),a_end:"</a>"},{handleCreateAccountClick:function(e){var s=e.target;t(s,e,!0)}})]})]})}var y=n(16053),C=n(31348),x=n(37350),N=n(91651),b=n(72983),E=n(79826);function S(e){return new Promise(function(s,o){(function(e){return(0,t.sH)(this,void 0,void 0,function(){return(0,t.YH)(this,function(s){switch(s.label){case 0:switch(e){case E.A.BLURRED_PHOTO:return[3,1];case E.A.VOICE:return[3,3];case E.A.VOICE_MAIN:return[3,5];case E.A.BLURRED_WITH_TIMER_NAUGHTY:return[3,7];case E.A.BLURRED_MAIN_NAUGHTY:return[3,9];case E.A.BLURRED_WITH_TIMER_NUDE:return[3,11];case E.A.BLURRED_MAIN_NUDE:return[3,13]}return[3,15];case 1:return[4,n.e(434).then(n.bind(n,56393))];case 2:case 4:case 6:case 8:case 10:case 12:case 14:case 16:return[2,s.sent()];case 3:return[4,n.e(208).then(n.bind(n,98599))];case 5:return[4,n.e(209).then(n.bind(n,98670))];case 7:return[4,n.e(437).then(n.bind(n,80590))];case 9:return[4,n.e(435).then(n.bind(n,65978))];case 11:return[4,n.e(436).then(n.bind(n,69078))];case 13:return[4,n.e(396).then(n.bind(n,30858))];case 15:return[4,n.e(258).then(n.bind(n,10266))]}})})})(e).then(function(e){s(e)})})}var T=n(41669),j={inputFieldValue:"",messages:[],isSpoofing:!0,isMinimized:!1,isTyping:!1,allMessages:[],currentMsgId:0},R=function(e){function s(s){var n=e.call(this,s)||this;return n.messagesDelayTimeouts=[],n.isInited=!1,n.initShow=function(){var e=window.chat.visibility;n.isChat="visible"===e,n.needSetCookie=!0,n.trackSpoofIm(0),n.getMessages(),n.isInited=!0},n.sendMessage=function(e,s){n.setState(function(n){return(0,t.Cl)({messages:(0,t.fX)((0,t.fX)([],n.messages,!0),[e],!1)},s)})},n.clearSpoofData=function(){n.setState(j,n.clearTimeouts),n.isInited=!1},n.getMessages=function(){var e=n.props,s=e.lang,t=e.spoofIm,o=t.spoofVersionId,i=t.spoofMessageId,a=t.time,r=t.spoofBlurredImagePostfix,c=t.spoofVoicePostfix,l=i,u=o,p=function(e){switch(e){case E.A.BLURRED_PHOTO:return"getMessagesBlurredPhoto";case E.A.VOICE:return"getMessagesVoice";case E.A.VOICE_MAIN:return"getMessagesVoiceMain";case E.A.BLURRED_WITH_TIMER_NAUGHTY:return"getMessagesBlurredWithTimerNaughty";case E.A.BLURRED_MAIN_NAUGHTY:return"getMessagesBlurredMainNaughty";case E.A.BLURRED_WITH_TIMER_NUDE:return"getMessagesBlurredWithTimerNude";case E.A.BLURRED_MAIN_NUDE:return"getMessagesBlurredMainNude";default:return"getMessagesText"}}(l);S(l).then(function(e){n.setState({allMessages:e.getMessages({lang:s,time:a,spoofVersionId:"getMessagesText"===p?l:u,spoofBlurredImagePostfix:r,spoofVoicePostfix:c,handleEndingTimer:n.handleEndingTimer,handleRegisterEventAction:n.handleRegisterEvent})})})},n.spoofingMessage=function(){var e=n.props,s=e.nextMessageDelayMs,o=e.nextMessageDurationMs,a=n.state,r=a.allMessages,c=a.currentMsgId,l=r[c],u=Boolean(null==l?void 0:l.time),p=r[c+1],d=Boolean(null==p?void 0:p.time);if(l){var m=l.component,g=(0,t.Tt)(l,["component"]),h=m||I;n.sendSpoofMessage((0,i.createElement)(h,(0,t.Cl)({},g,{key:c})),Boolean(c)&&!u?o:0),n.setState({currentMsgId:c+1},function(){g.needStop||n.messagesDelayTimeouts.push(window.setTimeout(n.spoofingMessage,d?o:s+o))})}},n.sendSpoofMessage=function(e,s){s>0&&n.setState({isTyping:!0}),n.typingTimeout=window.setTimeout(function(){n.state.isSpoofing&&(s>0&&n.setState({isTyping:!1}),n.sendMessage(e))},s)},n.handleEndingTimer=function(){n.state.isSpoofing&&(n.clearSpoofMessages(),n.spoofingMessage())},n.clearSpoofMessages=function(){n.setState({messages:[]})},n.onInputSubmit=function(){var e=n.props.spoofIm.spoofVersionId,s=n.state.inputFieldValue,t=(0,o.jsx)(M,{text:s,spoofVersionId:e.toString(),handleRegisterEventAction:n.handleRegisterEvent});Boolean(s.trim())&&(clearTimeout(n.typingTimeout),(0,h.loopv)(n.messagesDelayTimeouts,function(e){return clearTimeout(e)}),n.sendMessage(t,{inputFieldValue:"",isTyping:!1,isSpoofing:!1}))},n.onSpoofIMClick=function(){var e;null===(e=n.inputFieldElement)||void 0===e||e.focus()},n.onSpoofIMMinimize=function(){n.trackSpoofIm(1),n.setState(function(e){return{isMinimized:!e.isMinimized}})},n.onSpoofIMClose=function(){"visible"===window.chat.visibility&&(n.isChat=!0),n.trackSpoofIm(1),(0,x.d0)(),n.isChat||((0,C.Cb)(),n.needSetCookie=!1),r.X.instance&&(n.isChat?r.X.instance.disableTask(a.L.SPOOF_IM):r.X.instance.enableTask(a.L.SPOOF_IM),r.X.instance.close(),r.X.instance.setTime(a.L.SPOOF_IM,n.isChat?10:(0,C.I$)()))},n.onInputChange=function(e){var s=e.currentTarget;n.setState({inputFieldValue:s.value})},n.trackSpoofIm=function(e){return fetch("/tools/track.php?simid=".concat(n.props.spoofIm.spoofVersionId,"&act=").concat(e))},n.handleRegisterEvent=function(e,s,t){return void 0===t&&(t=!1),n.trackSpoofIm(1),T.signupEvent.call(e,{e:s,isClick:t}),!1},n.state=(0,t.Cl)((0,t.Cl)({},j),{isStyleLoaded:!1}),n}return(0,t.C6)(s,e),s.prototype.componentDidMount=function(){this.loadStyles(),window.addEventListener("beforeunload",this.componentCleanup.bind(this))},s.prototype.componentWillUnmount=function(){this.clearTimeouts(),this.componentCleanup(),window.removeEventListener("beforeunload",this.componentCleanup)},s.prototype.componentDidUpdate=function(e,s){var n,t=this.props.spoofIm.spoofVersionId,o=this.state,i=o.allMessages,a=o.messages;t===e.spoofIm.spoofVersionId?!t||(null==i?void 0:i.length)||this.isInited?(a.length!==s.messages.length&&s.messages.length>0&&this.messagesEndElement&&this.messagesEndElement.scrollIntoView(),i&&i.length!==(null===(n=s.allMessages)||void 0===n?void 0:n.length)&&this.spoofingMessage()):this.initShow():this.clearSpoofData()},s.prototype.componentCleanup=function(){this.needSetCookie&&!this.isChat&&(0,C.Cb)()},s.prototype.clearTimeouts=function(){clearTimeout(this.typingTimeout),(0,h.loopv)(this.messagesDelayTimeouts,function(e){return clearTimeout(e)})},s.prototype.loadStyles=function(){return(0,t.sH)(this,void 0,void 0,function(){return(0,t.YH)(this,function(e){switch(e.label){case 0:return[4,(0,N.i)("extra/chatbox.css",document.body)];case 1:return e.sent(),b.isRTLCulture?[4,(0,N.i)("extra/arabic_chatbox.css",document.body)]:[3,3];case 2:e.sent(),e.label=3;case 3:return this.setState({isStyleLoaded:!0}),[2]}})})},s.prototype.render=function(){var e=this,s=this.state,n=s.isStyleLoaded,t=s.isMinimized,i=s.isTyping,a=s.messages,r=s.inputFieldValue,c=this.props.spoofIm,l=c.avatarUrl,u=c.displayName,d=c.spoofVersionId,h=c.gender,f=c.spoofCountryCode;return u&&l&&n&&d?(0,o.jsxs)("div",{className:(0,m.n)({"bc_scroll_compensation chatbox_green":!0,__collapsed:t}),onClick:this.onSpoofIMClick,children:[(0,o.jsx)(g,{displayName:u,avatarUrl:l,gender:h,countryCode:f,onMinimize:this.onSpoofIMMinimize,onClose:this.onSpoofIMClose}),(0,o.jsx)(v,{messages:a,isTyping:i,messagesEndRef:function(s){return e.messagesEndElement=s}}),(0,o.jsx)(p,{inputFieldValue:r,inputFieldRef:function(s){return e.inputFieldElement=s},onInputChange:this.onInputChange,onSubmit:this.onInputSubmit})]}):null},s.defaultProps={nextMessageDurationMs:1e3*c.Random.rangeInt(2,6),nextMessageDelayMs:1e3*c.Random.rangeInt(1,6)},s=(0,t.Cg)([(0,y.Ng)("lang, spoofIm")],s)}(i.Component)}}]);