https://avua.com/assets/ROICalculator-DV0YhXUd.js

1import{h as v,c as b,j as p}from"./index-B9q78oLf.js";import{_ as D}from"./inheritsLoose-DR8r8Ogv.js";function C(a){return a&&a.stopPropagation&&a.stopPropagation(),a&&a.preventDefault&&a.preventDefault(),!1}function j(a){return a==null?[]:Array.isArray(a)?a.slice():[a]}function M(a){return a!==null&&a.length===1?a[0]:a.slice()}function w(a){Object.keys(a).forEach((u=>{typeof document<"u"&&document.addEventListener(u,a[u],!1)}))}function f(a,u){return E((function(r,t){let e=r;return e<=t.min&&(e=t.min),e>=t.max&&(e=t.max),e})(a,u),u)}function E(a,u){const r=(a-u.min)%u.step;let t=a-r;return 2*Math.abs(r)>=u.step&&(t+=r>0?u.step:-u.step),parseFloat(t.toFixed(5))}let P=(function(a){function u(t){var e;(e=a.call(this,t)||this).onKeyUp=()=>{e.onEnd()},e.onMouseUp=()=>{e.onEnd(e.getMouseEventMap())},e.onTouchEnd=s=>{s.preventDefault(),e.onEnd(e.getTouchEventMap())},e.onBlur=()=>{e.setState({index:-1},e.onEnd(e.getKeyDownEventMap()))},e.onMouseMove=s=>{e.setState({pending:!0});const o=e.getMousePosition(s),l=e.getDiffPosition(o[0]),c=e.getValueFromPosition(l);e.move(c)},e.onTouchMove=s=>{if(s.touches.length>1)return;e.setState({pending:!0});const o=e.getTouchPosition(s);if(e.isScrolling===void 0){const h=o[0]-e.startPosition[0],d=o[1]-e.startPosition[1];e.isScrolling=Math.abs(d)>Math.abs(h)}if(e.isScrolling)return void e.setState({index:-1});const l=e.getDiffPosition(o[0]),c=e.getValueFromPosition(l);e.move(c)},e.onKeyDown=s=>{if(!(s.ctrlKey||s.shiftKey||s.altKey||s.metaKey))switch(e.setState({pending:!0}),s.key){case"ArrowLeft":case"ArrowDown":case"Left":case"Down":s.preventDefault(),e.moveDownByStep();break;case"ArrowRight":case"ArrowUp":case"Right":case"Up":s.preventDefault(),e.moveUpByStep();break;case"Home":s.preventDefault(),e.move(e.props.min);break;case"End":s.preventDefault(),e.move(e.props.max);break;case"PageDown":s.preventDefault(),e.moveDownByStep(e.props.pageFn(e.props.step));break;case"PageUp":s.preventDefault(),e.moveUpByStep(e.props.pageFn(e.props.step))}},e.onSliderMouseDown=s=>{if(!e.props.disabled&&s.button!==2){if(e.setState({pending:!0}),!e.props.snapDragDisabled){const o=e.getMousePosition(s);e.forceValueFromPosition(o[0],(l=>{e.start(l,o[0]),w(e.getMouseEventMap())}))}C(s)}},e.onSliderClick=s=>{if(!e.props.disabled&&e.props.onSliderClick&&!e.hasMoved){const o=e.getMousePosition(s),l=f(e.calcValue(e.calcOffsetFromPosition(o[0])),e.props);e.props.onSliderClick(l)}},e.createOnKeyDown=s=>o=>{e.props.disabled||(e.start(s),w(e.getKeyDownEventMap()),C(o))},e.createOnMouseDown=s=>o=>{if(e.props.disabled||o.button===2)return;e.setState({pending:!0});const l=e.getMousePosition(o);e.start(s,l[0]),w(e.getMouseEventMap()),C(o)},e.createOnTouchStart=s=>o=>{if(e.props.disabled||o.touches.length>1)return;e.setState({pending:!0});const l=e.getTouchPosition(o);e.startPosition=l,e.isScrolling=void 0,e.start(s,l[0]),w(e.getTouchEventMap()),(function(c){c.stopPropagation&&c.stopPropagation()})(o)},e.handleResize=()=>{const s=window.setTimeout((()=>{e.pendingResizeTimeouts.shift(),e.resize()}),0);e.pendingResizeTimeouts.push(s)},e.renderThumb=(s,o)=>

1{const l=e.props.thumbClassName+" "+e.props.thumbClassName+"-"+o+" "+(e.state.index===o?e.props.thumbActiveClassName:""),c={ref:d=>{e["thumb"+o]=d},key:e.props.thumbClassName+"-"+o,className:l,style:s,onMouseDown:e.createOnMouseDown(o),onTouchStart:e.createOnTouchStart(o),onFocus:e.createOnKeyDown(o),tabIndex:0,role:"slider","aria-orientation":e.props.orientation,"aria-valuenow":e.state.value[o],"aria-valuemin":e.props.min,"aria-valuemax":e.props.max,"aria-label":Array.isArray(e.props.ariaLabel)?e.props.ariaLabel[o]:e.props.ariaLabel,"aria-labelledby":Array.isArray(e.props.ariaLabelledby)?e.props.ariaLabelledby[o]:e.props.ariaLabelledby,"aria-disabled":e.props.disabled},h={index:o,value:M(e.state.value),valueNow:e.state.value[o]};return e.props.ariaValuetext&&(c["aria-valuetext"]=typeof e.props.ariaValuetext=="string"?e.props.ariaValuetext:e.props.ariaValuetext(h)),e.props.renderThumb(c,h)},e.renderTrack=(s,o,l)=>{const c={key:e.props.trackClassName+"-"+s,className:e.props.trackClassName+" "+e.props.trackClassName+"-"+s,style:e.buildTrackStyle(o,e.state.upperBound-l)},h={index:s,value:M(e.state.value)};return e.props.renderTrack(c,h)};let n=j(t.value);n.length||(n=j(t.defaultValue)),e.pendingResizeTimeouts=[];const i=[];for(let s=0;s<n.length;s+=1)n[s]=f(n[s],t),i.push(s);return e.resizeObserver=null,e.resizeElementRef=v.createRef(),e.state={index:-1,upperBound:0,sliderLength:0,value:n,zIndices:i},e}D(u,a);var r=u.prototype;return r.componentDidMount=function(){typeof window<"u"&&(this.resizeObserver=new ResizeObserver(this.handleResize),this.resizeObserver.observe(this.resizeElementRef.current),this.resize())},u.getDerivedStateFromProps=function(t,e){const n=j(t.value);return n.length?e.pending?null:{value:n.map((i=>f(i,t)))}:null},r.componentDidUpdate=function(){this.state.upperBound===0&&this.resize()},r.componentWillUnmount=function(){this.clearPendingResizeTimeouts(),this.resizeObserver&&this.resizeObserver.disconnect()},r.onEnd=function(t){t&&(function(e){Object.keys(e).forEach((n=>{typeof document<"u"&&document.removeEventListener(n,e[n],!1)}))})(t),this.hasMoved&&this.fireChangeEvent("onAfterChange"),this.setState({pending:!1}),this.hasMoved=!1},r.getValue=function(){return M(this.state.value)},r.getClosestIndex=function(t){let e=Number.MAX_VALUE,n=-1;const{value:i}=this.state,s=i.length;for(let o=0;o<s;o+=1){const l=this.calcOffset(i[o]),c=Math.abs(t-l);c<e&&(e=c,n=o)}return n},r.getMousePosition=function(t){return[t["page"+this.axisKey()],t["page"+this.orthogonalAxisKey()]]},r.getTouchPosition=function(t){const e=t.touches[0];return[e["page"+this.axisKey()],e["page"+this.orthogonalAxisKey()]]},r.getKeyDownEventMap=function(){return{keydown:this.onKeyDown,keyup:this.onKeyUp,focusout:this.onBlur}},r.getMouseEventMap=function(){return{mousemove:this.onMouseMove,mouseup:this.onMouseUp}},r.getTouchEventMap=function(){return{touchmove:this.onTouchMove,touchend:this.onTouchEnd}},r.getValueFromPosition=function(t){const e=t/(this.state.sliderLength-this.state.thumbSize)*(this.props.max-this.props.min);return f(this.state.startValue+e,this.props)},r.getDiffPosition=function(t){let e=t-this.state.startPosition;return this.props.invert&&(e*=-1),e},r.resize=function(){const{slider:t,thumb0:e}=this;if(!t||!e)return;const n=this.sizeKey(),i=t.getBoundingClientRect(),s=t[n],o=i[this.posMaxKey()],l=i[this.posMinKey()],c=e.getBoundingClientRect()[n.replace("client","").toLowerCase()],h=s-c,d=Math.abs(o-l);this.state.upperBound===h&&this.state.sliderLength===d&&this.state.thumbSize===c||this.setState({upperBound:h,sliderLength:d,thumbSize:c})},r.calcOffset=function(t){const e=this.props.max-this.props.min;return e===0?0:(t-this.props.min)/e*this.state.upperBound},r.calcValue=function(t){return t/this.state.upperBound*(this.props.max-this.props.min)+this.props.min},r.calcOffsetFromPosition=function(t){const{slider:e}=this,n=e.getBoundingClientRect(),i=n[this.posMaxKey()],s=n[this.posMinKey()];let o=t-(window["page"+this.axisKey()+"Offset"]+(this.props.invert?i:s));return this.props.invert&&(o=this.state.sliderLength-o),o-=this.state.thumbSize/2,o},r.forceValueFromPosition=function(t,e){const n=this.calcOffsetFromPosition(t),i=this.getClosestIndex(n),s=f(this.calcValue(n),this.props),o=this.state.value.slice();o[i]=s;for(let l=0;l<o.length-1;l+=1)if(o[l+1]-o[l]<this.props.minDistance)return;this.fireChangeEvent("onBeforeChange"),this.hasMoved=!0,this.setState({value:o},(()=>{e(i),this.fireChangeEvent("onChange")}))},r.clearPendingResizeTimeouts=function(){do{const t=this.pendingResizeTimeouts.shift();clearTimeout(t)}while(this.pendingResizeTimeouts.length)},r.start=function(t,e){const n=this["thumb"+t];n&&n.focus();const{zIndices:i}=this.state;i.splice(i.indexOf(t),1),i.push(t),this.setState((s=>({startValue:s.value[t],startPosition:e!==void 0?e:s.startPosition,index:t,zIndices:i})))},r.moveUpByStep=function(t){t===void 0&&(t=this.props.step);const e=this.state.value[this.state.index],n=f(this.props.invert&&this.props.orientation==="horizontal"?e-t:e+t,this.props);

1this.move(Math.min(n,this.props.max))},r.moveDownByStep=function(t){t===void 0&&(t=this.props.step);const e=this.state.value[this.state.index],n=f(this.props.invert&&this.props.orientation==="horizontal"?e+t:e-t,this.props);this.move(Math.max(n,this.props.min))},r.move=function(t){const e=this.state.value.slice(),{index:n}=this.state,{length:i}=e,s=e[n];if(t===s)return;this.hasMoved||this.fireChangeEvent("onBeforeChange"),this.hasMoved=!0;const{pearling:o,max:l,min:c,minDistance:h}=this.props;if(!o){if(n>0){const d=e[n-1];t<d+h&&(t=d+h)}if(n<i-1){const d=e[n+1];t>d-h&&(t=d-h)}}e[n]=t,o&&i>1&&(t>s?(this.pushSucceeding(e,h,n),(function(d,x,g,S){for(let m=0;m<d;m+=1){const y=S-m*g;x[d-1-m]>y&&(x[d-1-m]=y)}})(i,e,h,l)):t<s&&(this.pushPreceding(e,h,n),(function(d,x,g,S){for(let m=0;m<d;m+=1){const y=S+m*g;x[m]<y&&(x[m]=y)}})(i,e,h,c))),this.setState({value:e},this.fireChangeEvent.bind(this,"onChange"))},r.pushSucceeding=function(t,e,n){let i,s;for(i=n,s=t[i]+e;t[i+1]!==null&&s>t[i+1];i+=1,s=t[i]+e)t[i+1]=E(s,this.props)},r.pushPreceding=function(t,e,n){for(let i=n,s=t[i]-e;t[i-1]!==null&&s<t[i-1];i-=1,s=t[i]-e)t[i-1]=E(s,this.props)},r.axisKey=function(){return this.props.orientation==="vertical"?"Y":"X"},r.orthogonalAxisKey=function(){return this.props.orientation==="vertical"?"X":"Y"},r.posMinKey=function(){return this.props.orientation==="vertical"?this.props.invert?"bottom":"top":this.props.invert?"right":"left"},r.posMaxKey=function(){return this.props.orientation==="vertical"?this.props.invert?"top":"bottom":this.props.invert?"left":"right"},r.sizeKey=function(){return this.props.orientation==="vertical"?"clientHeight":"clientWidth"},r.fireChangeEvent=function(t){this.props[t]&&this.props[t](M(this.state.value),this.state.index)},r.buildThumbStyle=function(t,e){const n={position:"absolute",touchAction:"none",willChange:this.state.index>=0?this.posMinKey():void 0,zIndex:this.state.zIndices.indexOf(e)+1};return n[this.posMinKey()]=t+"px",n},r.buildTrackStyle=function(t,e){const n={position:"absolute",willChange:this.state.index>=0?this.posMinKey()+","+this.posMaxKey():void 0};return n[this.posMinKey()]=t,n[this.posMaxKey()]=e,n},r.buildMarkStyle=function(t){var e;return(e={position:"absolute"})[this.posMinKey()]=t,e},r.renderThumbs=function(t){const{length:e}=t,n=[];for(let s=0;s<e;s+=1)n[s]=this.buildThumbStyle(t[s],s);const i=[];for(let s=0;s<e;s+=1)i[s]=this.renderThumb(n[s],s);return i},r.renderTracks=function(t){const e=[],n=t.length-1;e.push(this.renderTrack(0,0,t[0]));for(let i=0;i<n;i+=1)e.push(this.renderTrack(i+1,t[i],t[i+1]));return e.push(this.renderTrack(n+1,t[n],this.state.upperBound)),e},r.renderMarks=function(){let{marks:t}=this.props;const e=this.props.max-this.props.min+1;return typeof t=="boolean"?t=Array.from({length:e}).map(((n,i)=>i)):typeof t=="number"&&(t=Array.from({length:e}).map(((n,i)=>i)).filter((n=>n%t==0))),t.map(parseFloat).sort(((n,i)=>n-i)).map((n=>{const i=this.calcOffset(n),s={key:n,className:this.props.markClassName,style:this.buildMarkStyle(i)};return this.props.renderMark(s)}))},r.render=function(){const t=[],{value:e}=this.state,n=e.length;for(let l=0;l<n;l+=1)t[l]=this.calcOffset(e[l],l);const i=this.props.withTracks?this.renderTracks(t):null,s=this.renderThumbs(t),o=this.props.marks?this.renderMarks():null;return v.createElement("div",{ref:l=>{this.slider=l,this.resizeElementRef.current=l},style:{position:"relative"},className:this.props.className+(this.props.disabled?" disabled":""),onMouseDown:this.onSliderMouseDown,onClick:this.onSliderClick},i,s,o)},u})(v.Component);P.displayName="ReactSlider",P.defaultProps={min:0,max:100,step:1,pageFn:a=>10*a,minDistance:0,defaultValue:0,orientation:"horizontal",className:"slider",thumbClassName:"thumb",thumbActiveClassName:"active",trackClassName:"track",markClassName:"mark",withTracks:!0,pearling:!1,disabled:!1,snapDragDisabled:!1,invert:!1,marks:[],renderThumb:a=>v.createElement("div",a),renderTrack:a=>v.createElement("div",a),renderMark:a=>v.createElement("span",a)};var N=P;const T=(a,u,r)=>Math.min(r,Math.max(u,a)),F=a=>

1`$${Math.round(a).toLocaleString()}`,R=()=>{const[a,u]=b.useState(500),[r,t]=b.useState(20),[e,n]=b.useState(50),{recruiterHoursMonthly:i,timeSavedMonthly:s,savingsMonthly:o}=b.useMemo(()=>{const c=a*r/60,h=c*.1,d=c-h,g=c*e-c*8;return{recruiterHoursMonthly:c,timeSavedMonthly:Math.max(0,d),savingsMonthly:Math.max(0,g)}},[a,r,e]);return p.jsx("div",{className:"w-full flex justify-center bg-[#FAFAFD]",children:p.jsxs("div",{className:"w-full max-w-[1440px] inline-flex flex-col justify-start items-center gap-5 px-6 pt-16 md:pt-16 pb-16 md:pb-24 mx-auto",children:[p.jsxs("div",{className:"w-full max-w-[707px] flex flex-col justify-start items-center gap-3.5",children:[p.jsxs("div",{className:"relative bg-[#EDE6FF] rounded-full px-3 py-1 flex items-center justify-center gap-2",children:[p.jsx("div",{className:"w-1.5 h-1.5 bg-[#852DF9] rounded-full"}),p.jsx("div",{className:"text-center justify-center text-[#4D00B4] text-[12px] font-semibold font-['Poppins'] uppercase leading-4 tracking-widest",children:"ROI Calculator"})]}),p.jsxs("div",{className:"text-center justify-center text-[#111116] font-semibold text-[48px] leading-[48px] tracking-[-1.1px]",children:["See Your        "," ",p.jsx("span",{className:"text-[#852DF9]",children:"Savings"})," "," ","Instantly"]}),p.jsx("div",{className:"text-center justify-center text-[#54545C] text-base font-normal font-['Poppins'] leading-7",children:"Calculate how much time and money you can save by automating your candidate screening with AI interviews."})]}),p.jsx("div",{className:"w-full max-w-[1024px] bg-white rounded-[16px] border border-[#E4E4EA] overflow-hidden",children:p.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2",children:[p.jsxs("div",{className:"p-8 flex flex-col gap-6",children:[p.jsx(k,{label:"Monthly Candidates",valueText:a.toLocaleString(),children:p.jsx(N,{className:"horizontal-slider",thumbClassName:"example-thumb",trackClassName:"example-track",min:0,max:1e4,step:100,value:a,onChange:u})}),p.jsx(k,{label:"Minutes Per Interview",valueText:`${r}`,children:p.jsx(N,{className:"horizontal-slider",thumbClassName:"example-thumb",trackClassName:"example-track",min:0,max:60,step:5,value:r,onChange:t})}),p.jsx(k,{label:"Recruiter Hourly Rate ($)",valueText:Math.round(e).toLocaleString(),children:p.jsx(N,{className:"horizontal-slider",thumbClassName:"example-thumb",trackClassName:"example-track",min:0,max:200,step:1,value:e,onChange:n})})]}),p.jsxs("div",{className:"relative bg-[#111116] border-l border-[#E4E4EA] p-8 flex flex-col justify-center",children:[p.jsxs("div",{className:"inline-flex flex-col justify-start items-start gap-[3px]",children:[p.jsx("div",{className:"justify-center text-[#FFFFFF8C] text-[11px] font-medium font-['Poppins'] uppercase leading-4 tracking-[1.1px]",children:"Estimated Monthly Savings"}),p.jsx("div",{className:"justify-center text-[40px] font-semibold font-['Poppins'] leading-11 tracking-[-1px]",children:p.jsx("span",{className:"bg-gradient-to-r from-[#C9C0FF] to-[#968BF0] bg-clip-text text-transparent",children:F(o)})})]}),p.jsx("div",{className:"w-full h-px my-6 bg-white/10"}),p.jsxs("div",{className:"inline-flex flex-col justify-start items-start gap-[3px]",children:[p.jsx("div",{className:"justify-center text-[#FFFFFF8C] text-[11px] font-medium font-['Poppins'] uppercase leading-4 tracking-[1.1px]",children:"Time Saved Monthly"}),p.jsxs("div",{className:"justify-center text-[#FCFCFC] text-[40px] font-semibold font-['Poppins'] leading-11 tracking-[-1px]",children:[T(Math.round(s),0,1e9).toLocaleString()," hrs"]})]})]})]})}),p.jsx("div",{className:"w-full max-w-[726px] flex flex-col justify-start items-center",children:p.jsx("div",{className:"text-center justify-center text-[#54545C] text-[14px] font-normal font-['Poppins'] leading-5",children:"Based on AI interviews replacing manual recruiter screening. Actual savings vary based on your specific hiring process."})})]})})},k=({label:a,valueText:u,children:r})=>p.jsxs("div",{className:"self-stretch pb-1.5 flex flex-col justify-start items-start gap-5",children:[p.jsxs("div",{className:"self-stretch inline-flex justify-between items-center",children:[p.jsx("div",{className:"inline-flex flex-col justify-start items-start",children:p.jsx("div",{className:"justify-center text-[#111116] text-[14px] font-semibold font-['Poppins'] leading-5",children:a})}

1),p.jsx("div",{className:"px-2.5 pt-[2px] pb-[2px] bg-[#EDE6FF] rounded-[6px] inline-flex flex-col justify-start items-start",children:p.jsx("div",{className:"justify-center text-[#4D00B4] text-[13px] font-semibold font-['Poppins'] leading-5",children:u})})]}),p.jsx("div",{className:"self-stretch",children:r})]});export{R as default};
2//# sourceMappingURL=ROICalculator-DV0YhXUd.js.map