https://www.mynx.co/_next/static/chunks/1662.23e7a3a31c3ac495.js

1try{let e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="b4a8ef17-7ebb-45d3-b06c-687d41ad9416",e._sentryDebugIdIdentifier="sentry-dbid-b4a8ef17-7ebb-45d3-b06c-687d41ad9416")}catch(e){}"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1662],{11662:(e,n,a)=>{a.r(n),a.d(n,{default:()=>x});var t=a(54568),i=a(7620),c=a(65711),s=a.n(c),l=a(6921),r=a(33621),o=a(62484),d=a.n(o),m=a(92884),h=a.n(m),u=a(76642),b=a(32536);function p(e){let[n,a]=(0,i.useState)(e.preCallWindowDurationSeconds),[c,s]=(0,i.useState)(!1),o=(0,i.useMemo)(()=>Date.now()+1e3*e.preCallWindowDurationSeconds,[]),[m,p]=(0,i.useState)({audio_issue:!1,video_issue:!1,conn_issue:!1,pre_other:!1,feedback:"",feedbackError:!1});(0,i.useEffect)(()=>{e.preCallWindowDurationSeconds-e.preCallWindowCoolingPeriodSeconds>=n&&!1===c&&s(!0)},[n]);let x=(e,n)=>{p(a=>{let t={...a};return t[e]=n,t}),"feedback"===e&&p(e=>{let a={...e};return a.feedbackError=!!(0,l.Im)(n),a})};return e.confirmationStep<4&&"Connected"!==e.callStatus?(0,t.jsx)(t.Fragment,{}):(0,t.jsx)(t.Fragment,{children:(0,t.jsxs)("div",{className:"network-modal "+(4===e.confirmationStep?"bv-overlay-wrap":""),children:[1===e.confirmationStep&&(0,t.jsxs)("div",{className:"network-strength",children:[(0,t.jsx)("div",{className:"network-flex-wrap",children:(0,t.jsxs)("div",{className:"network-flex-inner",children:[(0,t.jsxs)("div",{className:"network-top",children:[(0,t.jsxs)("div",{className:"signal-wrap",children:[(0,t.jsx)("figure",{className:"position-relative",children:e.localParticipant.profile_image?(0,t.jsx)(b.default,{src:e.localParticipant.profile_image,alt:"",fill:!0,style:{objectFit:"contain"},unoptimized:!0}):(0,t.jsx)("span",{children:(0,l.pm)(e.localParticipant.name)})}),(0,t.jsxs)("span",{className:"net-signal",children:[(0,t.jsx)("i",{className:"".concat(e.localSignalStrength>3?"active":e.localSignalStrength>1?"low-active":"slow-active")}),(0,t.jsx)("i",{className:"".concat(e.localSignalStrength>3?"active":e.localSignalStrength>1?"low-active":"")}),(0,t.jsx)("i",{className:"".concat(e.localSignalStrength>3?"active":e.localSignalStrength>1?"low-active":"")}),(0,t.jsx)("i",{className:"".concat(e.localSignalStrength>3?"active":(e.localSignalStrength,""))}),(0,t.jsx)("i",{className:"".concat(e.localSignalStrength>3?"active":(e.localSignalStrength,""))})]})]}),(0,t.jsx)("p",{children:"Connection Strength"}),(0,t.jsxs)("div",{className:"signal-wrap",children:[(0,t.jsx)("figure",{className:"position-relative",children:e.remoteParticipant.profile_image?(0,t.jsx)(b.default,{src:e.remoteParticipant.profile_image,alt:"img",fill:!0,style:{objectFit:"contain"},unoptimized:!0}):(0,t.jsx)("span",{children:(0,l.pm)(e.remoteParticipant.name)})}),(0,t.jsxs)("span",{className:"net-signal",children:[(0,t.jsx)("i",{className:"".concat(e.remoteSignalStrength>3?"active":e.remoteSignalStrength>1?"low-active":"slow-active")}),(0,t.jsx)("i",{className:"".concat(e.remoteSignalStrength>3?"active":e.remoteSignalStrength>1?"low-active":"")}),(0,t.jsx)("i",{className:"".concat(e.remoteSignalStrength>3?"active":e.remoteSignalStrength>1?"low-active":"")}),(0,t.jsx)("i",{className:"".concat(e.remoteSignalStrength>3?"active":(e.remoteSignalStrength,""))}),(0,t.jsx)("i",{className:"".concat(e.remoteSignalStrength>3?"active":(e.remoteSignalStrength,""))})]})]})]}),"model"===e.currentUserType?(0,t.jsx)(t.Fragment,{children:e.remoteMicroPhoneEnabled||e.remoteVideoEnabled?(0,t.jsxs)("div",{className:"network-middle",children:[e.remoteMicroPhoneEnabled&&e.remoteVideoEnabled?(0,t.jsxs)("h3",{children:["Please confirm you can see and hear ",e.remoteParticipant.name," before we start your call."]}):e.remoteMicroPhoneEnabled&&!e.remoteVideoEnabled?(0,t.jsxs)("h3",{children:["Please confirm you can hear ",e.remoteParticipant.name," before we start your call."]}):(0,t.jsxs)("h3",{children:["Please confirm you can see ",e.remoteParticipant.name," before we start your call."]}),(0,t.jsx)("p",{children:"Disconnect if the video or audio connection is not clear. Charges will begin after both parties confirm."})]}):(0,t.jsxs)("div",{className:"network-middle",children:[(0,t.jsx)("div",{className:"say-hello",children:"Say “Hello”"}),(0,t.jsxs)("h3",{children:[" ",e.remoteParticipant.name," has their camera and mic turned off. After they confirm they can see and hear you, the call will be connected."]}),(0,t.jsxs)("p",{children:["Earnings will begin after they confirm the connection. The call will disconnect automatically if they do not confirm in the next\xa0",(0,t.jsx)(u.Ay,{date:o,onTick:()=>{},onComplete:()=>{e.endCall("callPreEndFeedback","Precall timeout")},renderer:e=>{let{seconds:n,completed:a}=e;return a?"0":(0,t.jsx)("span",{children:n})}})," seconds."]})]})}):(0,t.jsxs)("div",{className:"network-middle",children:[(0,t.jsxs)("h3",{children:["Please confirm you can see and hear ",e.remoteParticipant.name," before we start your call."]}),(0,t.jsx)("p",{children:"Disconnect if the video or audio connection is not clear. Charges will begin after both parties confirm."})]})]})}),(0,t.jsxs)("div",{className:"network-bottom",children:[(0,t.jsxs)("div",{className:"btn-group",children:[(0,t.jsx)("button",{type:"button",className:"px-1 ms-2 mb-10 mb-md-0 btn-theme ".concat(h().new_btn," ").concat(h().new_btn_full," ").concat(h().new_btn_lg," ").concat(h().new_btn_white," ").concat(h().new_btn_bdr," endCall exclude "),onClick:()=>e.endCall("callPreEndFeedback","".concat(e.currentUserType," ended call")),disabled:!1===c,children:"Disconnect Call"}),(0,t.jsx)("button",{type:"button",className:"btn-theme ms-2 ".concat(h().new_btn_full," ").concat(h().new_btn," ").concat(h().new_btn_lg," ").concat(h().new_btn_brand,"  amt_startVideocall exclude "),onClick:()=>e.startMyCall(),disabled:!1===c,children:"Looks Good, Start My Call"})]}),(0,t.jsxs)("p",{className:!1===c||0===n?"d-none amt_startVideo":"amt_startVideo",children:["Respond within ",(0,t.jsx)(u.Ay,{date:o,onTick:()=>{a(e=>e-1)},onComplete:()=>{e.endCall("callPreEndFeedback","Precall timeout")},renderer:e=>{let{seconds:n,completed:a}=e;return a?"0":(0,t.jsx)("span",{children:n})}})," seconds to avoid disconnection."]})]})]}),2===e.confirmationStep&&(0,t.jsx)("div",{className:"network-strength",children:(0,t.jsxs)("div",{className:"loader-counter",children:[(0,t.jsx)("figure",{children:(0,t.jsx)(r.A,{as:"span",animation:"border",size:"sm",role:"status","aria-hidden":"true"})}),(0,t.jsx)("h3",{children:"Finalizing Connection"}),(0,t.jsxs)("p",{children:["Waiting for ",e.remoteParticipant.name," to confirm the connection…"]})]})}),3===e.confirmationStep&&(0,t.jsx)("div",{className:"network-strength",children:(0,t.jsx)("div",{className:"loader-counter",children:(0,t.jsx)("span",{className:"counter-3"})})}),4===e.confirmationStep&&(0,t.jsxs)("div",{className:"network-strength pre-callfeed-wrap",children:[(0,t.jsxs)("div",{className:"pre-call-header",children:[(0,t.jsx)("h3",{children:"What went wrong with your call?"}),(0,t.jsx)("p",{children:"Let us know why you chose to disconnect. (Select all that apply) "})]}),(0,t.jsxs)("div",{className:"form-group bv-checklist mb-3",children:[(0,t.jsx)("div",{className:"fitem",children:(0,t.jsxs)("div",{className:"fitem-check",children:[(0,t.jsx)("input",{type:"checkbox",className:" ".concat(d().ckbox_input," audio_issue"),id:"audio_issue",name:"audio_issue",onChange:e=>{var n;x("audio_issue",null==e||null==(n=e.target)?void 0:n.checked)},checked:m.audio_issue}),(0,t.jsx)("label",{htmlFor:"audio_issue",className:d().ckbox_lbl,children:"Audio issue"})]})}),(0,t.jsx)("div",{className:"fitem",children:(0,t.jsxs)("div",{className:"fitem-check",children:[(0,t.jsx)("input",{type:"checkbox",className:" ".concat(d().ckbox_input," video_issue"),id:"video_issue",name:"video_issue",onChange:e=>{var n;return x("video_issue",null==e||null==(n=e.target)?void 0:n.checked)},checked:m.video_issue}),(0,t.jsx)("label",{htmlFor:"video_issue",className:d().ckbox_lbl,children:"Video issue"})]})}),(0,t.jsx)("div",{className:"fitem",children:(0,t.jsxs)("div",{className:"fitem-check",children:[(0,t.jsx)("input",{type:"checkbox",className:" ".concat(d().ckbox_input," conn_issue"),id:"conn_issue",name:"conn_issue",onChange:e=>{var n;return x("conn_issue",null==e||null==(n=e.target)?void 0:n.checked)},checked:m.conn_issue}),(0,t.jsx)("label",{htmlFor:"conn_issue",className:d().ckbox_lbl,children:"Connection issue"})]})}),(0,t.jsxs)("div",{className:"fitem",children:[(0,t.jsxs)("div",{className:"fitem-check",children:[(0,t.jsx)("input",{type:"checkbox",className:" ".concat(d().ckbox_input," pre_other"),id:"pre_other",name:"pre_other",onChange:e=>{var n;return x("pre_other",null==e||null==(n=e.target)?void 0:n.checked)},checked:m.pre_other}),(0,t.jsx)("label",{htmlFor:"pre_other",className:d().ckbox_lbl,children:"Other"})]}),m.pre_other&&(0,t.jsx)("textarea",{className:"input-theme audiocallfeedback feedbackTextArea amt_audiocallfeedback ".concat(d().input_controls," ").concat(d().input_textarea," ")+(!0==m.feedbackError?"border-danger feedback":"feedback"),onChange:e=>x("feedback",e.target.value),value:m.feedback,name:"feedback",placeholder:"Explain your issue",children:" "})]}),(0,t.jsxs)("div",{className:"btn-group",children:[(0,t.jsx)("button",{className:"mb-1 btn-theme ".concat(h().new_btn," ").concat(h().new_btn_brand," ").concat(h().new_btn_bdr," ").concat(h().new_btn_full," ").concat(h().new_btn_lg," feedbackSubmit"),onClick:()=>{e.submitPreeFeedBack(m)},disabled:!m.video_issue&&!m.audio_issue&&!m.pre_other&&!m.conn_issue,children:"Submit Feedback"}),(0,t.jsx)("button",{type:"button",onClick:e.skipFeedBack,className:"btn-txt exclude btn--reset p-0",children:"Skip"})]})]})]})]})})}p.propTypes={confirmationStep:s().oneOf([1,2,3,4,5]),localParticipant:s().object.isRequired,remoteParticipant:s().object.isRequired,localSignalStrength:s().number,remoteSignalStrength:s().number,endCall:s().func.isRequired,startMyCall:s().func.isRequired,submitPreeFeedBack:s().func.isRequired,skipFeedBack:s().func.isRequired,preCallWindowDurationSeconds:s().number,pre

1CallWindowCoolingPeriodSeconds:s().number,callStatus:s().string.isRequired,currentUserType:s().oneOf(["model","user"]),remoteMicroPhoneEnabled:s().bool,remoteVideoEnabled:s().bool};let x=(0,i.memo)(p)}}]);