https://app.discuss.io/assets/dio-ui/static/js/2031.08966a32.chunk.js

1/*! For license information please see 2031.08966a32.chunk.js.LICENSE.txt */
2(self.webpackChunkdio_ui=self.webpackChunkdio_ui||[]).push([[2031],{3199(e,t,o){"use strict";var i=o(24994);t.A=void 0;var n=i(o(79526)),r=o(44414);t.A=(0,n.default)((0,r.jsx)("path",{d:"M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z"}),"KeyboardArrowRight")},37311(e,t,o){"use strict";o.d(t,{A:()=>g});o(9950);var i=o(51264),n=o(58535),r=o(43754),a=o(37885),s=o(16243),c=o(44414);const l=JSON.parse(s.A.translatedStrings),d=l.completeScreener,p=l.verifyInfo,h=l.videoResponse,u=l.selectDates,m=l.survey,x=[d,p,...s.A.hasVideoSurvey?[m]:[h],...s.A.showCandidateAvailability?[u]:[]],g=(0,i.A)((e=>({stepIcon:{color:"".concat(e.palette.tertiary.main," !important")},stepIconText:{fontSize:0},stepper:{padding:"0 0 24px 0"},stepLabel:{fontSize:12}})))((e=>{let t=e.classes,o=e.activeStep;return(0,c.jsx)("div",{children:(0,c.jsx)(n.A,{activeStep:o,alternativeLabel:!0,className:t.stepper,children:x.map((e=>(0,c.jsx)(r.A,{children:(0,c.jsx)(a.A,{classes:{label:t.stepLabel},StepIconProps:{classes:{active:t.stepIcon,completed:t.stepIcon,text:t.stepIconText}},children:e})},e)))})})}))},45092(e,t,o){"use strict";var i=o(24994);t.A=void 0;var n=i(o(79526)),r=o(44414);t.A=(0,n.default)((0,r.jsx)("path",{d:"M15.41 16.59 10.83 12l4.58-4.59L14 6l-6 6 6 6z"}),"KeyboardArrowLeft")},46902(e,t,o){"use strict";o.d(t,{A:()=>C});var i=o(9950),n=o(76463),r=o(16243),a=o(60899),s=o(57073),c=o(70693),l=o(51264),d=o(37311),p=o(45092),h=o(3199),u=o(97543),m=o(81532),x=o(73952),g=o(88060),v=o(48738),A=o.n(v),f=o(44414);const b=JSON.parse(r.A.translatedStrings),y=(0,l.A)((e=>({paper:{flexGrow:1,margin:"-8px auto 68px"},paperHeader:{backgroundColor:(0,m.X4)(x.A[100],.24),borderBottom:"1px solid ".concat(e.palette.divider),fontSize:24,lineHeight:"32px",padding:"26px 24px 16px 24px"},paperBodyContainer:{padding:24},paperBodyText:{fontSize:19,lineHeight:"28px"},timeButton:{marginTop:20,width:224},noneButton:{marginTop:104},timeHeader:{fontSize:16,lineHeight:"24px",textAlign:"left",width:"100%","@media (min-width: 420px)":{textAlign:"center"}},dayContainer:{marginTop:52,textAlign:"center",width:"100%"},bottomBar:{backgroundColor:"#eaedef",borderTop:"1px solid rgba(48, 48, 48, 0.12)",bottom:0,height:68,paddingRight:16,top:"auto","& > div":{height:"100%"},"& button":{width:103}},previewModeButton:{cursor:"default",pointerEvents:"none"}})))((e=>{let t=e.classes,o=e.noneOfTheseClicked,n=e.onFinishClicked,r=e.onNoneClicked,s=e.onTimeClicked,l=e.selectedSessionIds,p=e.upcomingSessions,h=e.previewMode;const m=h?-1:void 0;return(0,f.jsxs)(i.Fragment,{children:[(0,f.jsx)(c.A,{className:t.paper,children:(0,f.jsxs)(a.Ay,{container:!0,direction:"column",children:[(0,f.jsx)(a.Ay,{item:!0,className:t.paperHeader,children:b.studyQualification}),(0,f.jsxs)(a.Ay,{item:!0,alignItems:"center",className:t.paperBodyContainer,container:!0,direction:"column",children:[(0,f.jsx)(a.Ay,{item:!0,children:(0,f.jsx)(d.A,{activeStep:3})}),(0,f.jsx)(a.Ay,{item:!0,className:t.paperBodyText,children:"Please select all the dates & times for when you are available for this study."}),(!p||0===p.length)&&(0,f.jsx)(a.Ay,{item:!0,children:(0,f.jsx)(u.A,{className:A()(t.timeButton,t.noneButton,{[t.previewModeButton]:h}),text:b.noneOfThese,variant:o?"contained":"outlined",color:"secondary",onClick:r,tabIndex:m})}),p&&p.map((e=>"noneOfThese"===e?(0,f.jsx)(a.Ay,{item:!0,children:(0,f.jsx)(u.A,{className:A()(t.timeButton,t.noneButton,{[t.previewModeButton]:h}),tabIndex:m,text:b.noneOfThese,variant:o?"contained":"outlined",color:"secondary",onClick:r})},"noneOfThese"):(0,f.jsxs)("div",{className:t.dayContainer,children:[(0,f.jsxs)("div",{className:t.timeHeader,children:[e[0].dayOfWeek,", ",e[0].date]}),e.map((e=>(0,f.jsx)(u.A,{className:A()(t.timeButton,{[t.previewModeButton]:h}),tabIndex:m,text:e.time,variant:l.includes(e.id)?"contained":"outlined",color:"primary",onClick:s(e.id)},e.id)))]},e[0].date)))]})]})}),(0,f.jsx)(g.A,{elevation:0,className:t.bottomBar,position:"fixed",children:(0,f.jsx)(a.Ay,{container:!0,justifyContent:"flex-end",alignItems:"center",children:(0,f.jsx)(a.Ay,{item:!0,children:(0,f.jsx)(u.A,{color:"primary",disabled:0===l.length&&!o,onClick:n,text:"Finish",variant:"contained"})})})})]})})),k=JSON.parse(r.A.translatedStrings);class S extends i.Component{constructor(){super(...arguments),this.state={isLoading:!0,upcomingSessions:[],selectedSessionIds:[],pagination:0,noneOfTheseClicked:!1,isResponsive:document.body.clientWidth<1024,redirectUrl:"/recruiting/thankyou"},this.handleScreenResize=()=>{!this.state.isResponsive&&document.body.clientWidth<1024?this.setState({isResponsive:!0}):this.state.isResponsive&&document.body.clientWidth>=1024&&this.setState({isResponsive:!1})},this.componentDidMount=async()=>

2{if(window.addEventListener("resize",this.handleScreenResize),this.props.previewMode)return void this.setState({upcomingSessions:[[{id:1,dayOfWeek:"Wednesday",date:"Decemember 4, 2019",time:"7:00-8:00pm PST"},{id:2,dayOfWeek:"Wednesday",date:"Decemember 4, 2019",time:"8:00-9:00pm PST"}],[{id:3,dayOfWeek:"Thursday",date:"Decemember 5, 2019",time:"3:00-4:00pm PST"},{id:4,dayOfWeek:"Thursday",date:"Decemember 5, 2019",time:"4:00-5:00pm PST"}],"noneOfThese"],isLoading:!1});const e=await n.A.postRequest("/ajax/recruit/".concat(r.A.recruitId,"/upcomingSessions"),{surveyId:r.A.videoSurveyId}),t=e.upcomingSessions,o=e.selectedSessionIds,i=e.redirectUrl;t.length>0?(t.push("noneOfThese"),this.setState({upcomingSessions:t,selectedSessionIds:o,isLoading:!1,redirectUrl:i})):window.location.href=i},this.handleTimeClicked=e=>()=>{const t=this.state,o=t.selectedSessionIds,i=t.noneOfTheseClicked;o.includes(e)?this.setState({selectedSessionIds:o.filter((t=>t!==e))}):this.setState({selectedSessionIds:[...this.state.selectedSessionIds,e]}),i&&this.setState({noneOfTheseClicked:!1})},this.handleNoneOfTheseClick=()=>{this.setState({selectedSessionIds:[],noneOfTheseClicked:!this.state.noneOfTheseClicked})},this.handleFinishClick=async()=>{try{await n.A.postRequest("/ajax/recruit/".concat(r.A.recruitId,"/setAvailabilities"),{discussionIds:this.state.selectedSessionIds}),window.location.href=this.state.redirectUrl}catch(e){console.error(e),window.location.href="/recruiting/error"}},this.handleNextClick=()=>{this.setState({pagination:this.state.pagination+1})},this.handlePreviousClick=()=>{this.setState({pagination:this.state.pagination-1})}}componentWillUnmount(){window.removeEventListener("resize",this.handleScreenResize)}render(){const e=this.props.classes,t=this.state,o=t.upcomingSessions,n=t.selectedSessionIds,r=t.pagination,l=t.noneOfTheseClicked,m=t.isLoading;if(t.isResponsive&&!m)return(0,f.jsx)(y,{noneOfTheseClicked:l,onFinishClicked:this.handleFinishClick,onNoneClicked:this.handleNoneOfTheseClick,onTimeClicked:this.handleTimeClicked,selectedSessionIds:n,upcomingSessions:o,previewMode:this.props.previewMode});const x=this.props.previewMode?-1:void 0;return!m&&(0,f.jsxs)(c.A,{className:A()(e.paper,{[e.paperMargin]:!this.props.previewMode}),children:[(0,f.jsx)("div",{className:e.paperHeader,children:k.studyQualification}),(0,f.jsx)("div",{className:e.paperBody,children:(0,f.jsxs)(a.Ay,{container:!0,alignItems:"center",justifyContent:"center",children:[(0,f.jsx)(a.Ay,{item:!0,xs:12,className:e.steppersWrapper,children:(0,f.jsx)(d.A,{activeStep:3})}),(0,f.jsx)(a.Ay,{item:!0,xs:12,className:e.paperBodyText,children:k.selectDatesBodyInfoText}),(0,f.jsxs)(a.Ay,{container:!0,alignItems:"flex-start",children:[(0,f.jsx)(a.Ay,{item:!0,xs:1,children:r>0&&(0,f.jsx)(s.A,{className:e.arrowIconButton,onClick:this.handlePreviousClick,children:(0,f.jsx)(p.A,{})})}),(0,f.jsx)(a.Ay,{item:!0,xs:10,children:(0,f.jsx)(a.Ay,{container:!0,alignItems:"flex-start",justifyContent:"center",children:o.slice(4*r,4*r+4).map(((t,o)=>(0,f.jsx)(i.Fragment,{children:"noneOfThese"===t?(0,f.jsx)(a.Ay,{item:!0,xs:3,children:(0,f.jsx)(u.A,{className:A()(e.timeButton,e.noneOfTheseButton,{[e.previewModeButtons]:this.props.previewMode}),text:k.noneOfThese,variant:l?"contained":"outlined",color:"secondary",onClick:this.handleNoneOfTheseClick,tabIndex:x})}):(0,f.jsxs)(a.Ay,{item:!0,xs:3,children:[(0,f.jsxs)("div",{className:e.timeHeader,children:[t[0].dayOfWeek,(0,f.jsx)("br",{}),t[0].date]}),t.map((t=>(0,f.jsx)(u.A,{className:A()(e.timeButton,{[e.previewModeButtons]:this.props.previewMode}),text:t.time,variant:n.includes(t.id)?"contained":"outlined",color:"primary",onClick:this.handleTimeClicked(t.id),tabIndex:x},t.id)))]})},o)))})}),(0,f.jsx)(a.Ay,{item:!0,xs:1,children:r<Math.floor((o.length-1)/4)&&(0,f.jsx)(s.A,{className:e.arrowIconButton,onClick:this.handleNextClick,children:(0,f.jsx)(h.A,{})})})]})]})}),(0,f.jsx)("div",{className:e.paperFooter,children:(0,f.jsx)(a.Ay,{container:!0,justifyContent:"flex-end",children:(0,f.jsx)(a.Ay,{item:!0,children:(0,f.jsx)(u.A,{text:k.finish,variant:"contained",color:"primary",disabled:0===n.length&&!l,onClick:this.handleFinishClick})})})})]})}}const C=(0,l.A)((e=>({paper:{borderRadius:"4px !important",height:"100%",maxWidth:1e3},paperMargin:{margin:"72px auto 0"},paperHeader:{padding:"26px 24px 16px 24px",fontSize:24,lineHeight:"32px",backgroundColor:(0,m.X4)(x.A[100],.24),borderBottom:"1px solid ".concat(e.palette.divider)},paperBody:{padding:"24px 24px 51px 24px"},paperFooter:{padding:16,backgroundColor:(0,m.X4)(x.A[100],.24),borderTop:"1px solid ".concat(e.palette.divider),"& button":{width:103}},paperBodyText:{marginBottom:24,textAlign:"center",fontSize:19,lineHeight:"28px"},timeHeader:{fontSize:16,lineHeight:"24px",textAlign:"center",marginBottom:16},timeButton:{width:190,marginBottom:16},noneOfTheseButton:{marginTop:64},steppersWrapper:{marginBottom:16},arrowIconButton:{borderRadius:"50% !important"},previewModeButtons:{pointerEvents:"none",cursor:"default"}})))(S)},48738(e,t){var o;!function(){"use strict";var i={}.hasOwnProperty;function n(){for(var e="",t=0;t<arguments.length;t++){var o=arguments[t];o&&(e=a(e,r(o)))}return e}function r(e){if("string"===typeof e||"number"===typeof e)return e;if("object"!==typeof e)return"";if(Array.isArray(e))return n.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var o in e)i.call(e,o)&&e[o]&&(t=a(t,o));return t}function a(e,t){return t?e?e+" "+t:e+t:e}e.exports?(n.default=n,e.exports=n):void 0===(o=function(){return n}

2.apply(t,[]))||(e.exports=o)}()},57073(e,t,o){"use strict";o.d(t,{A:()=>v});var i=o(98587),n=o(58168),r=o(9950),a=o(60533),s=o(88465),c=o(9240),l=o(59254),d=o(18463),p=o(24184),h=o(61676),u=o(97921),m=o(44414);const x=["edge","children","className","color","disabled","disableFocusRipple","size"],g=(0,l.Ay)(p.A,{name:"MuiIconButton",slot:"Root",overridesResolver:(e,t)=>{const o=e.ownerState;return[t.root,"default"!==o.color&&t["color".concat((0,h.A)(o.color))],o.edge&&t["edge".concat((0,h.A)(o.edge))],t["size".concat((0,h.A)(o.size))]]}})((e=>{let t=e.theme,o=e.ownerState;return(0,n.A)({textAlign:"center",flex:"0 0 auto",fontSize:t.typography.pxToRem(24),padding:8,borderRadius:"50%",overflow:"visible",color:(t.vars||t).palette.action.active,transition:t.transitions.create("background-color",{duration:t.transitions.duration.shortest})},!o.disableRipple&&{"&:hover":{backgroundColor:t.vars?"rgba(".concat(t.vars.palette.action.activeChannel," / ").concat(t.vars.palette.action.hoverOpacity,")"):(0,c.X4)(t.palette.action.active,t.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},"start"===o.edge&&{marginLeft:"small"===o.size?-3:-12},"end"===o.edge&&{marginRight:"small"===o.size?-3:-12})}),(e=>{let t=e.theme,o=e.ownerState;var i;const r=null==(i=(t.vars||t).palette)?void 0:i[o.color];return(0,n.A)({},"inherit"===o.color&&{color:"inherit"},"inherit"!==o.color&&"default"!==o.color&&(0,n.A)({color:null==r?void 0:r.main},!o.disableRipple&&{"&:hover":(0,n.A)({},r&&{backgroundColor:t.vars?"rgba(".concat(r.mainChannel," / ").concat(t.vars.palette.action.hoverOpacity,")"):(0,c.X4)(r.main,t.palette.action.hoverOpacity)},{"@media (hover: none)":{backgroundColor:"transparent"}})}),"small"===o.size&&{padding:5,fontSize:t.typography.pxToRem(18)},"large"===o.size&&{padding:12,fontSize:t.typography.pxToRem(28)},{["&.".concat(u.A.disabled)]:{backgroundColor:"transparent",color:(t.vars||t).palette.action.disabled}})})),v=r.forwardRef((function(e,t){const o=(0,d.b)({props:e,name:"MuiIconButton"}),r=o.edge,c=void 0!==r&&r,l=o.children,p=o.className,v=o.color,A=void 0===v?"default":v,f=o.disabled,b=void 0!==f&&f,y=o.disableFocusRipple,k=void 0!==y&&y,S=o.size,C=void 0===S?"medium":S,j=(0,i.A)(o,x),B=(0,n.A)({},o,{edge:c,color:A,disabled:b,disableFocusRipple:k,size:C}),T=(e=>{const t=e.classes,o=e.disabled,i=e.color,n=e.edge,r=e.size,a={root:["root",o&&"disabled","default"!==i&&"color".concat((0,h.A)(i)),n&&"edge".concat((0,h.A)(n)),"size".concat((0,h.A)(r))]};return(0,s.A)(a,u.G,t)})(B);return(0,m.jsx)(g,(0,n.A)({className:(0,a.A)(T.root,p),centerRipple:!0,focusRipple:!k,disabled:b,ref:t},j,{ownerState:B,children:l}))}))},62031(e,t,o){"use strict";o.r(t),o.d(t,{default:()=>r});o(9950);var i=o(46902),n=o(44414);const r=()=>(0,n.jsx)(i.A,{})},73952(e,t,o){"use strict";o.d(t,{A:()=>i});const i={50:"#eceff1",100:"#cfd8dc",200:"#b0bec5",300:"#90a4ae",400:"#78909c",500:"#607d8b",600:"#546e7a",700:"#455a64",800:"#37474f",900:"#263238",A100:"#cfd8dc",A200:"#b0bec5",A400:"#78909c",A700:"#455a64"}},88060(e,t,o){"use strict";o.d(t,{A:()=>f});var i=o(98587),n=o(58168),r=o(9950),a=o(60533),s=o(88465),c=o(59254),l=o(18463),d=o(61676),p=o(70693),h=o(1763),u=o(423);function m(e){return(0,u.Ay)("MuiAppBar",e)}(0,h.A)("MuiAppBar",["root","positionFixed","positionAbsolute","positionSticky","positionStatic","positionRelative","colorDefault","colorPrimary","colorSecondary","colorInherit","colorTransparent","colorError","colorInfo","colorSuccess","colorWarning"]);var x=o(44414);const g=["className","color","enableColorOnDark","position"],v=(e,t)=>e?"".concat(null==e?void 0:e.replace(")",""),", ").concat(t,")"):t,A=(0,c.Ay)(p.A,{name:"MuiAppBar",slot:"Root",overridesResolver:(e,t)=>{const o=e.ownerState;return[t.root,t["position".concat((0,d.A)(o.position))],t["color".concat((0,d.A)(o.color))]]}})((e=>{let t=e.theme,o=e.ownerState;const i="light"===t.palette.mode?t.palette.grey[100]:t.palette.grey[900];return(0,n.A)({display:"flex",flexDirection:"column",width:"100%",boxSizing:"border-box",flexShrink:0},"fixed"===o.position&&{position:"fixed",zIndex:(t.vars||t).zIndex.appBar,top:0,left:"auto",right:0,"@media print":{position:"absolute"}},"absolute"===o.position&&{position:"absolute",zIndex:(t.vars||t).zIndex.appBar,top:0,left:"auto",right:0},"sticky"===o.position&&{position:"sticky",zIndex:(t.vars||t).zIndex.appBar,top:0,left:"auto",right:0},"static"===o.position&&{position:"static"},"relative"===o.position&&{position:"relative"},!t.vars&&(0,n.A)({}

2,"default"===o.color&&{backgroundColor:i,color:t.palette.getContrastText(i)},o.color&&"default"!==o.color&&"inherit"!==o.color&&"transparent"!==o.color&&{backgroundColor:t.palette[o.color].main,color:t.palette[o.color].contrastText},"inherit"===o.color&&{color:"inherit"},"dark"===t.palette.mode&&!o.enableColorOnDark&&{backgroundColor:null,color:null},"transparent"===o.color&&(0,n.A)({backgroundColor:"transparent",color:"inherit"},"dark"===t.palette.mode&&{backgroundImage:"none"})),t.vars&&(0,n.A)({},"default"===o.color&&{"--AppBar-background":o.enableColorOnDark?t.vars.palette.AppBar.defaultBg:v(t.vars.palette.AppBar.darkBg,t.vars.palette.AppBar.defaultBg),"--AppBar-color":o.enableColorOnDark?t.vars.palette.text.primary:v(t.vars.palette.AppBar.darkColor,t.vars.palette.text.primary)},o.color&&!o.color.match(/^(default|inherit|transparent)$/)&&{"--AppBar-background":o.enableColorOnDark?t.vars.palette[o.color].main:v(t.vars.palette.AppBar.darkBg,t.vars.palette[o.color].main),"--AppBar-color":o.enableColorOnDark?t.vars.palette[o.

2color].contrastText:v(t.vars.palette.AppBar.darkColor,t.vars.palette[o.color].contrastText)},!["inherit","transparent"].includes(o.color)&&{backgroundColor:"var(--AppBar-background)"},{color:"inherit"===o.color?"inherit":"var(--AppBar-color)"},"transparent"===o.color&&{backgroundImage:"none",backgroundColor:"transparent",color:"inherit"}))})),f=r.forwardRef((function(e,t){const o=(0,l.b)({props:e,name:"MuiAppBar"}),r=o.className,c=o.color,p=void 0===c?"primary":c,h=o.enableColorOnDark,u=void 0!==h&&h,v=o.position,f=void 0===v?"fixed":v,b=(0,i.A)(o,g),y=(0,n.A)({},o,{color:p,position:f,enableColorOnDark:u}),k=(e=>{const t=e.color,o=e.position,i=e.classes,n={root:["root","color".concat((0,d.A)(t)),"position".concat((0,d.A)(o))]};return(0,s.A)(n,m,i)})(y);return(0,x.jsx)(A,(0,n.A)({square:!0,component:"header",ownerState:y,elevation:4,className:(0,a.A)(k.root,r,"fixed"===f&&"mui-fixed"),ref:t},b))}))},97543(e,t,o){"use strict";o.d(t,{A:()=>l});var i=o(89379),n=o(80045),r=o(18216),a=o(51264),s=(o(9950),o(44414));const c=["className","classes","icon","text"],l=(0,a.A)((()=>({button:{borderRadius:"4px !important",fontSize:14,fontWeight:700},contained:{padding:"8px 12px 8px 8px","& .buttonText":{marginLeft:4,marginTop:4}},outlined:{padding:"6px 12px 6px 8px","& .buttonText":{marginLeft:6,marginTop:4}},text:{padding:"6px 12px 6px 8px"},buttonText:{marginLeft:6,marginTop:4}})))((e=>{let t=e.className,o=e.classes,a=e.icon,l=e.text,d=(0,n.A)(e,c);const p=d.variant;return(0,s.jsxs)(r.A,(0,i.A)((0,i.A)({className:"".concat(o.button," ").concat(o[p]," ").concat(t)},d),{},{children:[a,(0,s.jsx)("span",{className:o.buttonText,children:l})]}))}))},97921(e,t,o){"use strict";o.d(t,{A:()=>a,G:()=>r});var i=o(1763),n=o(423);function r(e){return(0,n.Ay)("MuiIconButton",e)}const a=(0,i.A)("MuiIconButton",["root","disabled","colorInherit","colorPrimary","colorSecondary","colorError","colorInfo","colorSuccess","colorWarning","edgeStart","edgeEnd","sizeSmall","sizeMedium","sizeLarge"])}}]);