https://www.allwage.com/_next/static/chunks/3506.0ef2f84c3ebf6e27.js

1!function(){try{var e="u">typeof window?window:"u">typeof global?global:"u">typeof globalThis?globalThis:"u">typeof self?self:{};e._sentryModuleMetadata=e._sentryModuleMetadata||{},e._sentryModuleMetadata[(new e.Error).stack]=function(e){for(var s=1;s<arguments.length;s++){var a=arguments[s];if(null!=a)for(var t in a)a.hasOwnProperty(t)&&(e[t]=a[t])}return e}({},e._sentryModuleMetadata[(new e.Error).stack],{"_sentryBundlerPluginAppKey:allwage-marketing-website":!0});var s=(new e.Error).stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="bdec9f93-f7f4-4c9e-b2a1-4b1244c026b0",e._sentryDebugIdIdentifier="sentry-dbid-bdec9f93-f7f4-4c9e-b2a1-4b1244c026b0")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2372,3506,9991],{23506:(e,s,a)=>{"use strict";a.r(s),a.d(s,{Form:()=>B});var t,r,i,o,l,n,d,c,m,u=a(6029),h=a(35204),p=a(76928),g=a.n(p),_=a(34978),f=a(17696),x=a(55729),v=a(99733);function y(e){let{baseClass:s,content:a}=e,[t,r]=(0,x.useState)({emailAddress:"",firstName:"",lastName:"",message:"",phoneNumber:""}),i=(e,s)=>{r(a=>({...a,[s]:e.value}))};return(0,u.jsxs)("div",{className:g()[s],children:[(0,u.jsx)("div",{className:g()[`${s}-content`],children:(0,u.jsx)(v.Lv,{...a,type:"actions"})}),(0,u.jsx)("div",{className:g()[`${s}-form`],children:(0,u.jsxs)("div",{className:g()[`${s}-group`],children:[(0,u.jsx)("div",{className:g()[`${s}-row`],children:(0,u.jsx)("div",{className:g()[`${s}-title`],children:(0,u.jsx)(v.EY,{size:"sm",variant:"title",children:"Contact form"})})}),(0,u.jsxs)("div",{className:g()[`${s}-row`],children:[(0,u.jsx)("div",{className:g()[`${s}-field`],children:(0,u.jsx)(v.pd,{onChange:e=>i(e,"firstName"),label:"First name",placeholder:"e.g. Riley",type:"text",value:t.firstName})}),(0,u.jsx)("div",{className:g()[`${s}-field`],children:(0,u.jsx)(v.pd,{onChange:e=>i(e,"lastName"),label:"Last name",placeholder:"e.g. Hawk",type:"text",value:t.lastName})})]}),(0,u.jsxs)("div",{className:g()[`${s}-row`],children:[(0,u.jsx)("div",{className:g()[`${s}-field`],children:(0,u.jsx)(v.pd,{onChange:e=>i(e,"emailAddress"),label:"Email address",placeholder:"e.g. [email protected]",type:"email",value:t.emailAddress})}),(0,u.jsx)("div",{className:g()[`${s}-field`],children:(0,u.jsx)(v.pd,{onChange:e=>i(e,"phoneNumber"),label:"Phone number",placeholder:"e.g. 0123456789",type:"tel",value:t.phoneNumber})})]}),(0,u.jsx)("div",{className:g()[`${s}-row`],children:(0,u.jsx)("div",{className:g()[`${s}-field`],children:(0,u.jsx)(v.fs,{onChange:e=>i(e,"message"),label:"Message",placeholder:"Tell us more...",value:t.phoneNumber})})}),(0,u.jsx)("div",{className:`
2            ${g()[`${s}-row`]}
3            ${g()[`${s}-row--submit`]}
4          `,children:(0,u.jsx)("div",{className:g()[`${s}-field`],children:(0,u.jsx)(v.$n,{onClick:()=>{},label:"Send message",render:"button",trailingIcon:"arrow-right",type:"text"})})})]})})]})}var j=((t={}).VerySmall="0 - 24",t.Small="25 - 49",t.Medium="50 - 99",t.Large="100 - 499",t.Enterprise="500+",t),N=((r={}).Agriculture="Agriculture",r.Construction="Construction",r.Manufacturing="Manufacturing",r.Mining="Mining",r.Security="Security",r.Retail="Retail",r.Healthcare="Healthcare",r.Hospitality="Hospitality",r.Education="Education",r.Government="Government",r.Restaurants="Restaurants",r.Other="Other",r);class ${static calculateLeadValue(e,s){if(this.isExcludedIndustry(s))return 0;let a=0;switch(e){case j.VerySmall:a=2500;break;case j.Small:a=5e3;break;case j.Medium:a=7500;break;case j.Large:a=1e4;break;case j.Enterprise:a=15e3;break;default:return 0}return a}static isExcludedIndustry(e){return this.excludedIndustries.includes(e)}}$.excludedIndustries=[N.Education,N.Government];let b=(e,s)=>!0,T=(e,s)=>!0,w=(e,s)=>!0,E=(e,s)=>!0,C=new Set(["websiteLandingUrl","websiteConversionUrl","unmatchedUrlParameters"]);class A{static isDataLayerAvailable(){return Array.isArray(window.dataLayer)}static initDataLayer(){Array.isArray(window.dataLayer)||(window.dataLayer=[])}static pushToDatalayer(e){let s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"contact_form_submission";try{if(!e||"object"!=typeof e)return w("Invalid data provided to GTM",{data:e}),!1;this.initDataLayer();let a=Object.fromEntries(Object.entries(e).filter(e=>{let[s]=e;return!C.has(s)}));if(void 0!==a.leadValue&&("number"!=typeof a.leadValue&&(T("leadValue is not a number",{leadValue:a.leadValue}),a.leadValue=Number(a.leadValue)||0),a.leadValue<=0))return b("Zero or negative leadValue. Not sending data to GTM.",{leadValue:a.leadValue}),!1;return window.dataLayer.push({event:s,form_data:{...a,timestamp:new Date().toISOString()}}),E("Data successfully pushed to GTM",{eventName:s,data:a}),!0}catch(e){return w("Error pushing data to GTM",{error:e,eventName:s}),!1}}}var k=a(81278),S=a(92062),P=a(4765),O=a(68139);function I(){return globalThis.crypto.randomUUID()}async function L(e){let s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=s.fetchFn??fetch,t=s.retryDelayMs??750,r=s.submissionId??I(),i=s.timeoutMs??15e3;for(let s=0;s<2;s+=1){let o=new AbortController,l=setTimeout(()=>

4o.abort(),i);try{return await a("/api/pipedrive",{method:"POST",headers:{"Content-Type":"application/json",[O.qs]:r},body:JSON.stringify(e),keepalive:!0,signal:o.signal})}catch(a){let e=o.signal.aborted?TypeError("Lead submission timed out"):a;if(!(0===s&&e instanceof TypeError))throw e;await function(e){return new Promise(s=>setTimeout(s,e))}(t)}finally{clearTimeout(l)}}throw TypeError("Lead submission failed after retry")}var Y=((i=Y||{}).Owner="Owner of the Business",i.HRManager="HR Manager",i.TAHRTeam="Part of the Time and Attendance and HR Team",i.GeneralEmployee="General Employee",i.Unemployed="Unemployed",i),M=((o=M||{}).Job="Looking for a job",o.Funding="Looking for funding",o.NewBusiness="Looking to start a new business",o.TAPayroll="Looking to manage time and attendance and payroll solutions",o),D=((l=D||{}).Manual="Manual (e.g., paper timesheets)",l.Excel="Excel",l.Biometric="Biometric system",l.MobileApp="Mobile app",l.Other="Other",l),R=((n=R||{}).Excel="Excel",n.Sage="Sage",n.SimplePay="SimplePay",n.VIP="VIP",n.PaySpace="PaySpace",n.Pastel="Pastel",n.Other="Other",n),W=((d=W||{}).TrackingHours="Tracking employee hours more accurately",d.ManagingOvertime="Managing overtime and compliance effortlessly",d.ComplexPayroll="Simplifying complex payroll and reducing errors",d.AdminWorkload="Reducing manual administrative workload",d.Other="Other",d),V=((c=V||{}).ASAP="As soon as possible",c.NextMonth="Within the next 30 days",c.NextThreeMonths="Within the next three months",c.Exploring="Just exploring options for now",c),U=((m=U||{}).GoogleSearch="Google Search",m.FacebookInstagram="Facebook or Instagram",m.LinkedIn="LinkedIn",m.Referral="Referred by a friend or colleague",m.Other="Other",m);let F=[{id:"launchpad",label:"Launchpad",description:"Includes Flexible Clocking, Time & Attendance, Document Management & WhatsApp Communication",pipedriveId:408},{id:"full-suite",label:"Full Suite",description:"Everything in Launchpad, plus Integrated Payroll & Reporting",pipedriveId:409},{id:"unsure",label:"I'm not sure yet",description:"I'd like to discuss my needs",pipedriveId:410}],z=(e,s)=>`sign-up-option-${e}-${s.trim().toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-|-$/g,"")}`,K=e=>{let{progress:s,baseClass:a}=e;return(0,u.jsx)("div",{className:g()[`${a}-progress-container`],children:(0,u.jsx)("div",{className:g()[`${a}-progress-bar`],style:{width:`${s}%`}})})},q=e=>{let{currentStep:s,totalSteps:a,baseClass:t}=e;return(0,u.jsxs)("div",{className:g()[`${t}-step-indicator`],children:["Step ",s," of ",a]})};function G(e){let{baseClass:s,content:a}=e,t=(0,x.useContext)(h.Hk),[r,i]=(0,x.useState)(1),[o,l]=(0,x.useState)(()=>({firstName:"",lastName:"",emailAddress:"",phoneNumber:"",location:"",companyName:"",jobTitle:"",position:"",employeeNeed:"",numberOfEmployees:"",industry:"",currentTimeAttendanceTool:"",currentPayrollTool:"",improvementArea:"",interestedPackage:"",startTime:"",referralSource:""})),[n,d]=(0,x.useState)({}),[c,m]=(0,x.useState)(!1),[p,_]=(0,x.useState)(""),[f,y]=(0,x.useState)(""),[b,T]=(0,x.useState)(""),[C,W]=(0,x.useState)(""),[G,H]=(0,x.useState)(""),[B,J]=(0,x.useState)(null),[Z,Q]=(0,x.useState)({utmSource:"",utmMedium:"",utmCampaign:"",utmTerm:"",utmContent:"",apiLeadSource:"",apiLeadCampaign:"",apiLeadLanguage:"",apiLeadAdGroup:""}),X=(0,x.useRef)(0),ee=(0,x.useRef)(null),[es,ea]=(0,x.useState)(!1),[et,er]=(0,x.useState)(""),ei=(0,x.useRef)(!1),[eo,el]=(0,x.useState)(!1),en=(0,x.useRef)(null);(0,k.useRouter)();let[ed,ec]=(0,x.useState)(!1),em=(0,x.useCallback)(function(e,s){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};S.v4(t=>{t.setLevel("error"),t.setTag("feature","lead_capture"),t.setTag("integration","pipedrive"),t.setTag("lead.operation",s);let r="string"==typeof a.errorCode?a.errorCode:O.uC.SUBMISSION_FAILED;t.setTag("lead.error_code",r),t.setFingerprint(["lead-submission",s,r]),t.setContext("lead_submission",a),P.Cp(e)})},[]);(0,x.useEffect)(()=>{ec(window.innerWidth<1200)},[]);let eu=()=>{ed&&ee.current&&setTimeout(()=>{let e=ee.current;if(e){let s=e.getBoundingClientRect().top+window.pageYOffset,a=0,t=document.querySelector('[class*="floating-form"]');if(t){let e=t.getBoundingClientRect();e.top<=0&&e.bottom>0&&(a+=e.height)}

4let r=document.querySelector('[data-section="header"]')||document.querySelector("nav")||document.querySelector('[class*="header"]')||document.querySelector('[class*="navigation"]');if(r){let e=r.getBoundingClientRect();e.top<=0&&e.bottom>0&&(a+=e.height)}window.scrollTo({top:s-a,behavior:"smooth"})}},100)};(0,x.useEffect)(()=>{(null==t?void 0:t.emailAddress)&&!ei.current&&(/\S+@\S+\.\S+/.test(t.emailAddress)?(i(2),l(e=>({...e,emailAddress:t.emailAddress}))):(i(1),l(e=>({...e,emailAddress:t.emailAddress})),d({emailAddress:"Invalid email address"})),ei.current=!0)},[t]);let eh=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:o,s={};switch(r){case 1:e.emailAddress.trim()?/\S+@\S+\.\S+/.test(e.emailAddress)||(s.emailAddress="Invalid email address"):s.emailAddress="Email address is required";break;case 2:e.firstName.trim()||(s.firstName="First name is required"),e.lastName.trim()||(s.lastName="Last name is required");{let a=(0,O.vN)(e.phoneNumber);a.valid||(s.phoneNumber=a.error)}e.location||(s.location="Location is required");break;case 3:e.jobTitle.trim()||(s.jobTitle="Job title is required"),e.position||(s.position="Position is required");break;case 4:e.companyName.trim()||(s.companyName="Company name is required"),e.numberOfEmployees||(s.numberOfEmployees="Number of employees is required"),e.industry||(s.industry="Industry is required"),e.industry!==N.Other||p.trim()||(s.industry="Please specify your industry");break;case 5:e.currentTimeAttendanceTool||(s.currentTimeAttendanceTool="Current time and attendance tool is required"),"Other"!==e.currentTimeAttendanceTool||f.trim()||(s.currentTimeAttendanceTool="Please specify your current time and attendance tool"),e.currentPayrollTool||(s.currentPayrollTool="Current payroll tool is required"),"Other"!==e.currentPayrollTool||b.trim()||(s.currentPayrollTool="Please specify your current payroll tool");break;case 6:e.improvementArea.trim()||(s.improvementArea="Please describe the area you want to improve");break;case 7:e.interestedPackage||(s.interestedPackage="Please select a package");break;case 8:e.startTime||(s.startTime="Please specify when you want to start"),e.referralSource||(s.referralSource="Please tell us how you heard about us"),"Other"!==e.referralSource||G.trim()||(s.referralSource="Please specify how you heard about us")}return d(s),0===Object.keys(s).length},ep=(0,x.useCallback)(()=>{es||l(e=>(eh(e)&&(1===r?/\S+@\S+\.\S+/.test(e.emailAddress)&&(i(2),eu()):(2===r&&"Other"===e.location?i(2.5):3===r?"General Employee"===e.position||"Unemployed"===e.position?i(3.5):i(4):3.5===r&&"Looking to manage time and attendance and payroll solutions"!==e.employeeNeed?i(3.75):i(e=>e+1),eu())),e))},[r,eh,es]),eg=async()=>{if(eh()&&!eo){el(!0);let s={formStep:r},a={};try{var e;let t,l=$.calculateLeadValue(o.numberOfEmployees,o.industry),n=(0,O.g1)(),d=n.tags,c=(0,O.nz)(window.location.href),u={firstName:o.firstName,lastName:o.lastName,emailAddress:o.emailAddress,phoneNumber:o.phoneNumber,jobTitle:o.jobTitle,position:o.position,companyName:o.companyName,industry:o.industry===N.Other?p:o.industry,numberOfEmployees:o.numberOfEmployees,currentTimeAttendanceTool:"Other"===o.currentTimeAttendanceTool?f:o.currentTimeAttendanceTool,currentPayrollTool:"Other"===o.currentPayrollTool?b:o.currentPayrollTool,improvementArea:o.improvementArea,interestedPackage:(e=o.interestedPackage,t=F.find(s=>s.id===e),(null==t?void 0:t.pipedriveId)??410),startTime:o.startTime,referralSource:"Other"===o.referralSource?G:o.referralSource,location:o.location,leadValue:l,trackingStorageAvailable:n.storageAvailable,trackingStorageError:n.error,attributionStorageAvailable:c.storageAvailable,attributionStorageError:c.error,...d,...c.fields};s={...{formStep:r,hasFirstName:!!u.firstName,hasLastName:!!u.lastName,hasEmailAddress:!!u.emailAddress,hasPhoneNumber:!!u.phoneNumber,hasCompanyName:!!u.companyName,location:u.location,position:u.position,industry:u.industry,numberOfEmployees:u.numberOfEmployees,currentTimeAttendanceTool:u.currentTimeAttendanceTool,currentPayrollTool:u.currentPayrollTool,interestedPackage:u.interestedPackage,startTime:u.startTime,leadValue:u.leadValue,trackingTags:Object.fromEntries(O.ak.map(e=>[e,!!d[e]])),trackingStorage:{available:n.storageAvailable,error:n.error}},attribution:{hasLandingUrl:!!c.fields.websiteLandingUrl,hasConversionUrl:!!c.fields.websiteConversionUrl,hasUnmatchedUrlParameters:!!c.fields.unmatchedUrlParameters,storageAvailable:c.storageAvailable,storageError:c.error}},en.current??=I();let h=await L(u,{submissionId:en.current});if(h.ok)E("Form data submitted to Pipedrive",s);else{let e=await h.text().catch(()=>void 0),t=(0,O.N)(e);throw a={status:h.status,statusText:h.statusText,errorCode:t},w("Failed to submit form data to Pipedrive",{...s,...a}

4),Error(`Lead submission failed: ${t}`)}A.pushToDatalayer(u),m(!0),i(9)}catch(e){w("Error submitting form data",e),em(e,"submit-to-pipedrive-api",{...s,...a}),alert("Form submission failed. Please try again.")}finally{el(!1)}}},e_=(0,x.useCallback)(e=>{if("Enter"===e.key&&!e.shiftKey){e.preventDefault();let s=new Date().getTime();s-X.current>300&&!es&&(ep(),X.current=s)}},[ep,r,o,es]),ef=(e,s)=>{l(a=>{let t={...a,[s]:e};return d(e=>({...e,[s]:""})),J(`${s}-${e}`),["location","position","employeeNeed","industry","currentPayrollTool","interestedPackage"].includes(s)?"Other"!==e&&("industry"!==s||a.industry!==N.Other)&&("currentTimeAttendanceTool"!==s||"Other"!==a.currentTimeAttendanceTool)&&("currentPayrollTool"!==s||"Other"!==a.currentPayrollTool)?(ea(!0),setTimeout(()=>{eh(t)&&("employeeNeed"===s&&"Looking to manage time and attendance and payroll solutions"===e?(i(4),eu()):ep()),J(null),ea(!1)},750)):setTimeout(()=>{J(null)},500):setTimeout(()=>{J(null)},500),t})};return(0,u.jsxs)("div",{className:g()[s],id:ed?"":"sign-up","data-testid":"sign-up-form",children:[(0,u.jsx)("span",{className:g()[`${s}-anchor`],id:"sign-up-form","aria-hidden":"true"}),(0,u.jsx)("div",{className:g()[`${s}-content`],children:(0,u.jsx)(v.Lv,{...a,type:"actions"})}),(0,u.jsxs)("div",{className:g()[`${s}-form-container`],id:ed?"sign-up":"",children:[!c&&2.5!==r&&3.75!==r&&(0,u.jsxs)("div",{ref:ee,className:g()[`${s}-progress`],children:[(0,u.jsx)(K,{progress:Math.round(r/8*100),baseClass:s}),(0,u.jsx)(q,{currentStep:r,totalSteps:8,baseClass:s})]}),(0,u.jsxs)("div",{className:g()[`${s}-form`],onKeyDown:e_,children:[(()=>{if(c)return(0,u.jsx)("div",{className:g()[`${s}-group`],onKeyDown:e_,children:(0,u.jsxs)("div",{className:g()[`${s}-header`],children:[(0,u.jsx)("div",{className:g()[`${s}-title`],children:(0,u.jsx)(v.EY,{size:"md",variant:"title",children:"Thank You!"})}),(0,u.jsx)("div",{className:g()[`${s}-message`],children:(0,u.jsxs)(v.EY,{children:["Thanks, ",o.firstName,"! We've received your information. We'll be in touch soon to help you get started."]})})]})});switch(r){case 1:return(0,u.jsxs)("div",{className:g()[`${s}-group`],onKeyDown:e_,children:[(0,u.jsxs)("div",{className:g()[`${s}-header`],children:[(0,u.jsx)("div",{className:g()[`${s}-title`],children:(0,u.jsx)(v.EY,{size:"md",variant:"title",children:"Let's Get Started!"})}),(0,u.jsx)("div",{className:g()[`${s}-message`],children:(0,u.jsx)(v.EY,{children:"Hi there! Let's find out how we can help you. Please enter your email address to begin."})})]}),(0,u.jsx)("div",{className:g()[`${s}-row`],children:(0,u.jsx)("div",{className:g()[`${s}-field`],children:(0,u.jsx)(v.pd,{onChange:e=>ef(e.value,"emailAddress"),label:"Email address",placeholder:"e.g. [email protected]",type:"email",value:o.emailAddress,autoComplete:"email",name:"emailAddress",testId:"sign-up-input-email-address",helperText:n.emailAddress?{text:n.emailAddress}:void 0,state:n.emailAddress?"danger":"default"})})})]});case 2:return(0,u.jsxs)("div",{className:g()[`${s}-group`],onKeyDown:e_,children:[(0,u.jsxs)("div",{className:g()[`${s}-header`],children:[(0,u.jsx)("div",{className:g()[`${s}-title`],children:(0,u.jsx)(v.EY,{size:"md",variant:"title",children:"About You"})}),(0,u.jsx)("div",{className:g()[`${s}-message`],children:(0,u.jsx)(v.EY,{children:"Great! Tell us a little about yourself."})})]}),(0,u.jsx)("div",{className:g()[`${s}-row`],children:(0,u.jsx)("div",{className:g()[`${s}-field`],children:(0,u.jsx)(v.pd,{onChange:e=>ef(e.value,"firstName"),label:"First Name",placeholder:"e.g. John",type:"text",value:o.firstName,autoComplete:"given-name",name:"firstName",testId:"sign-up-input-first-name",helperText:n.firstName?{text:n.firstName}:void 0,state:n.firstName?"danger":"default"})})}),(0,u.jsx)("div",{className:g()[`${s}-row`],children:(0,u.jsx)("div",{className:g()[`${s}-field`],children:(0,u.jsx)(v.pd,{onChange:e=>ef(e.value,"lastName"),label:"Last Name",placeholder:"e.g. Doe",type:"text",value:o.lastName,autoComplete:"family-name",name:"lastName",testId:"sign-up-input-last-name",helperText:n.lastName?{text:n.lastName}:void 0,state:n.lastName?"danger":"default"})})}),(0,u.jsx)("div",{className:g()[`${s}-row`],children:(0,u.jsx)("div",{className:g()[`${s}-field`],children:(0,u.jsx)(v.pd,{onChange:e=>ef(e.value,"phoneNumber"),label:"Cell Number",placeholder:"e.g. 072 345 6789",type:"tel",value:o.phoneNumber,autoComplete:"tel",name:"phoneNumber",testId:"sign-up-input-phone-number",helperText:n.phoneNumber?{text:n.phoneNumber}:{text:"We'll send your demo link and all further communication via WhatsApp"},state:n.phoneNumber?"danger":"default"})})}),(0,u.jsx)("div",{className:g()[`${s}-row`],children:(0,u.jsxs)("div",{className:g()[`${s}-selection`],children:[(0,u.jsx)("div",{className:g()[`${s}-label`],children:(0,u.jsx)(v.EY,{children:"Where are your operations based?"})}),(0,u.jsx)("div",{className:g()[`${s}-options`],children:["South Africa","Other"].map((e,s)=>(0,u.jsx)(v.Us,{onChange:()=>ef(e,"location"),id:`${e.toLowerCase().replace(/\s/g,"-")}-${s}`,name:"location",isChecked:e===o.location,label:e,testId:z("location",e),className:`${g()["custom-radio"]} ${B===`location-${e}`?g()["radio-selected"]:""}`,state:n.location?"danger":"default"},`${e} ${s}`))}),n.location&&(0,u.jsx)(v.EE,{text:n.location,state:"danger"})]})})]});case 2.5:return(0,u.jsx)("div",{className:g()[`${s}-group`],onKeyDown:e_,children:(0,u.jsxs)("div",{className:g()[`${s}-header`],children:[(0,u.jsx)("div",{className:g()[`${s}-title`],children:(0,u.jsx)(v.EY,{size:"md",variant:"title",children:"Thank You"})}),(0,u.jsx)("div",{className:g()[`${s}-message`],children:(0,u.jsx)(v.EY,{children:"Thanks for your interest! Right now, we only serve South Africa. We hope to reach your area soon."})})]})});case 3:return(0,u.jsxs)("div",{className:g()[`${s}-group`],onKeyDown:e_,children:[(0,u.jsxs)("div",{className:g()[`${s}-header`],children:[(0,u.jsx)("div",{className:g()[`${s}-title`],children:(0,u.jsx)(v.EY,{size:"md",variant:"title",children:"Your Role"})}),(0,u.jsx)("div",{className:g()[`${s}-message`],children:(0,u.jsxs)(v.EY,{children:["Thanks, ",o.firstName,"! What's your role?"]})})]}),(0,u.jsx)("div",{className:g()[`${s}-row`],children:(0,u.jsx)("div",{className:g()[`${s}-field`],children:(0,u.jsx)(v.pd,{onChange:e=>ef(e.value,"jobTitle"),label:"Job Title",placeholder:"e.g. HR Manager",type:"text",value:o.jobTitle,name:"jobTitle",testId:"sign-up-input-job-title",helperText:n.jobTitle?{text:n.jobTitle}:void 0,state:n.jobTitle?"danger":"default"})})}),(0,u.jsx)("div",{className:g()[`${s}-row`],children:(0,u.jsxs)("div",{className:g()[`${s}-selection`],children:[(0,u.jsx)("div",{className:g()[`${s}-label`],children:(0,u.jsx)(v.EY,{children:"Which of the following best describes your position?"})}),(0,u.jsx)("div",{className:g()[`${s}-options`],children:Object.values(Y).map((e,s)=>(0,u.jsx)(v.Us,{onChange:()=>ef(e,"position"),id:`${e.toLowerCase().replace(/\s/g,"-")}-${s}`,name:"position",isChecked:e===o.position,label:e,testId:z("position",e),className:`${g()["custom-radio"]} ${B===`position-${e}`?g()["radio-selected"]:""}`,state:n.position?"danger":"default"},`${e} ${s}`))}),n.position&&(0,u.jsx)(v.EE,{text:n.position,state:"danger"})]})})]});case 3.5:return(0,u.jsxs)("div",{className:g()[`${s}-group`],onKeyDown:e_,children:[(0,u.jsxs)("div",{className:g()[`${s}-header`],children:[(0,u.jsx)("div",{className:g()[`${s}-title`],children:(0,u.jsx)(v.EY,{size:"md",variant:"title",children:"How Can We Assist You?"})}),(0,u.jsx)("div",{className:g()[`${s}-message`],children:(0,u.jsx)(v.EY,{children:"We'd love to help! What are you looking for today?"})})]}),(0,u.jsx)("div",{className:g()[`${s}-row`],children:(0,u.jsxs)("div",{className:g()[`${s}-selection`],children:[(0,u.jsx)("div",{className:g()[`${s}-label`],children:(0,u.jsx)(v.EY,{children:"Please select the option that best describes your needs:"})}),(0,u.jsx)("div",{className:g()[`${s}-options`],children:Object.values(M).map((e,s)=>(0,u.jsx)(v.Us,{onChange:()=>ef(e,"employeeNeed"),id:`${e.toLowerCase().replace(/\s/g,"-")}-${s}`,name:"employeeNeed",isChecked:e===o.employeeNeed,label:e,testId:z("employee-need",e),className:`${g()["custom-radio"]} ${B===`employeeNeed-${e}`?g()["radio-selected"]:""}`,state:n.employeeNeed?"danger":"default"},`${e} ${s}`))}),n.employeeNeed&&(0,u.jsx)(v.EE,{text:n.employeeNeed,state:"danger"})]})})]});case 3.75:return(0,u.jsx)("div",{className:g()[`${s}-group`],onKeyDown:e_,children:(0,u.jsxs)("div",{className:g()[`${s}-header`],children:[(0,u.jsx)("div",{className:g()[`${s}-title`],children:(0,u.jsx)(v.EY,{size:"md",variant:"title",children:"Not the Right Fit"})}),(0,u.jsx)("div",{className:g()[`${s}-message`],children:(0,u.jsx)(v.EY,{children:"Thanks for reaching out. Our services don't suit your needs at this time, and we're not hiring. Please contact us in the future if your business needs change. Best of luck!"})})]})});case 4:return(0,u.jsxs)("div",{className:g()[`${s}-group`],onKeyDown:e_,children:[(0,u.jsxs)("div",{className:g()[`${s}-header`],children:[(0,u.jsx)("div",{className:g()[`${s}-title`],children:(0,u.jsx)(v.EY,{size:"md",variant:"title",children:"Your Company"})}),(0,u.jsx)("div",{className:g()[`${s}-message`],children:(0,u.jsx)(v.EY,{children:"Tell us more about your company."})})]}),(0,u.jsx)("div",{className:g()[`${s}-row`],children:(0,u.jsx)("div",{className:g()[`${s}-field`],children:(0,u.jsx)(v.pd,{onChange:e=>ef(e.value,"companyName"),label:"Company Name",placeholder:"e.g. Acme Corp",type:"text",value:o.companyName,name:"companyName",testId:"sign-up-input-company-name",helperText:n.companyName?{text:n.companyName}:void 0,state:n.companyName?"danger":"default"})})}),(0,u.jsx)("div",{className:g()[`${s}-row`],children:(0,u.jsxs)("div",{className:g()[`${s}-selection`],children:[(0,u.jsx)("div",{className:g()[`${s}-label`],children:(0,u.jsx)(v.EY,{children:"What is the average number of employees—seasonal or permanent—at your company?"})}),(0,u.jsx)("div",{className:g()[`${s}-options`],children:Object.values(j).map((e,s)=>(0,u.jsx)(v.Us,{onChange:()=>ef(e,"numberOfEmployees"),id:`${e.toLowerCase().replace(/\s/g,"-")}-${s}`,name:"numberOfEmployees",isChecked:e===o.numberOfEmployees,label:e,testId:z("number-of-employees",e),className:`${g()["custom-radio"]} ${B===`numberOfEmployees-${e}`?g()["radio-selected"]:""}`,state:n.numberOfEmployees?"danger":"default"},`${e} ${s}`))}),n.numberOfEmployees&&(0,u.jsx)(v.EE,{text:n.numberOfEmployees,state:"danger"})]})}),(0,u.jsx)("div",{className:g()[`${s}-row`],children:(0,u.jsxs)("div",{className:g()[`${s}-selection`],children:[(0,u.jsx)("div",{className:g()[`${s}-label`],children:(0,u.jsx)(v.EY,{children:"Industry"})}),(0,u.jsx)("div",{className:g()[`${s}-options`],children:Object.values(N).map((e,s)=>(0,u.jsx)(v.Us,{onChange:()=>ef(e,"industry"),id:`${e.toLowerCase().replace(/\s/g,"-")}-${s}`,name:"industry",isChecked:e===o.industry,label:e,testId:z("industry",e),className:`${g()["custom-radio"]} ${B===`industry-${e}`?g()["radio-selected"]:""}`,state:n.industry?"danger":"default"},`${e} ${s}`))}),n.industry&&(0,u.jsx)(v.EE,{text:n.industry,state:"danger"})]})}),o.industry===N.Other&&(0,u.jsx)("div",{className:g()[`${s}-row`],children:(0,u.jsx)("div",{className:g()[`${s}-field`],children:(0,u.jsx)(v.pd,{onChange:e=>_(e.value),label:"Please specify your industry",placeholder:"e.g. Telecommunications",type:"text",value:p,name:"industryOther",testId:"sign-up-input-industry-other"})})})]});case 5:return(0,u.jsxs)("div",{className:g()[`${s}-group`],onKeyDown:e_,children:[(0,u.jsxs)("div",{className:g()[`${s}-header`],children:[(0,u.jsx)("div",{className:g()[`${s}-title`],children:(0,u.jsx)(v.EY,{size:"md",variant:"title",children:"Current Solutions"})}),(0,u.jsx)("div",{className:g()[`${s}-message`],children:(0,u.jsx)(v.EY,{children:"Tell us about your current time & attendance and payroll solutions."})})]}),(0,u.jsx)("div",{className:g()[`${s}-row`],children:(0,u.jsxs)("div",{className:g()[`${s}-selection`],children:[(0,u.jsx)("div",{className:g()[`${s}-label`],children:(0,u.jsx)(v.EY,{children:"What is your current time & attendance solution?"})}),(0,u.jsx)("div",{className:g()[`${s}-options`],children:Object.values(D).map((e,s)=>(0,u.jsx)(v.Us,{onChange:()=>ef(e,"currentTimeAttendanceTool"),id:`${e.toLowerCase().replace(/\s/g,"-")}-${s}`,name:"currentTimeAttendanceTool",isChecked:e===o.currentTimeAttendanceTool,label:e,testId:z("current-time-attendance-tool",e),className:`${g()["custom-radio"]} ${B===`currentTimeAttendanceTool-${e}`?g()["radio-selected"]:""}`,state:n.currentTimeAttendanceTool?"danger":"default"},`${e} ${s}`))}),n.currentTimeAttendanceTool&&(0,u.jsx)(v.EE,{text:n.currentTimeAttendanceTool,state:"danger"})]})}),"Other"===o.currentTimeAttendanceTool&&(0,u.jsx)("div",{className:g()[`${s}-row`],children:(0,u.jsx)("div",{className:g()[`${s}-field`],children:(0,u.jsx)(v.pd,{onChange:e=>y(e.value),label:"Please specify your current time and attendance tool",placeholder:"e.g. Custom in-house solution",type:"text",value:f,name:"currentTimeAttendanceToolOther",testId:"sign-up-input-current-time-attendance-tool-other"})})}),(0,u.jsx)("div",{className:g()[`${s}-row`],children:(0,u.jsxs)("div",{className:g()[`${s}-selection`],children:[(0,u.jsx)("div",{className:g()[`${s}-label`],children:(0,u.jsx)(v.EY,{children:"What is your current payroll solution?"})}),(0,u.jsx)("div",{className:g()[`${s}-options`],children:Object.values(R).map((e,s)=>(0,u.jsx)(v.Us,{onChange:()=>ef(e,"currentPayrollTool"),id:`${e.toLowerCase().replace(/\s/g,"-")}-${s}`,name:"currentPayrollTool",isChecked:e===o.currentPayrollTool,label:e,testId:z("current-payroll-tool",e),className:`${g()["custom-radio"]} ${B===`currentPayrollTool-${e}`?g()["radio-selected"]:""}`,state:n.currentPayrollTool?"danger":"default"},`${e} ${s}`))}),n.currentPayrollTool&&(0,u.jsx)(v.EE,{text:n.currentPayrollTool,state:"danger"})]})}),"Other"===o.currentPayrollTool&&(0,u.jsx)("div",{className:g()[`${s}-row`],children:(0,u.jsx)("div",{className:g()[`${s}-field`],children:(0,u.jsx)(v.pd,{onChange:e=>T(e.value),label:"Please specify your current payroll tool",placeholder:"e.g. Custom in-house solution",type:"text",value:b,name:"currentPayrollToolOther",testId:"sign-up-input-current-payroll-tool-other"})})})]});case 6:return(0,u.jsxs)("div",{className:g()[`${s}-group`],onKeyDown:e_,children:[(0,u.jsxs)("div",{className:g()[`${s}-header`],children:[(0,u.jsx)("div",{className:g()[`${s}-title`],children:(0,u.jsx)(v.EY,{size:"md",variant:"title",children:"Your Current Challenge"})}),(0,u.jsx)("div",{className:g()[`${s}-message`],children:(0,u.jsx)(v.EY,{children:"What is the biggest area you're hoping to improve upon in your current solution?"})})]}),(0,u.jsx)("div",{className:g()[`${s}-row`],children:(0,u.jsx)("div",{className:g()[`${s}-field`],children:(0,u.jsx)(v.pd,{onChange:e=>ef(e.value,"improvementArea"),placeholder:"e.g. Tracking employee hours more accurately, managing overtime, simplifying payroll, etc.",type:"text",value:o.improvementArea,name:"improvementArea",testId:"sign-up-input-improvement-area",multiLine:!0,helperText:n.improvementArea?{text:n.improvementArea}:void 0,state:n.improvementArea?"danger":"default"})})})]});case 7:return(0,u.jsxs)("div",{className:g()[`${s}-group`],onKeyDown:e_,children:[(0,u.jsxs)("div",{className:g()[`${s}-header`],children:[(0,u.jsx)("div",{className:g()[`${s}-title`],children:(0,u.jsx)(v.EY,{size:"md",variant:"title",children:"Your Solution"})}),(0,u.jsx)("div",{className:g()[`${s}-message`],children:(0,u.jsx)(v.EY,{children:"What solution are you interested in?"})})]}),(0,u.jsx)("div",{className:g()[`${s}-row`],children:(0,u.jsxs)("div",{className:g()[`${s}-selection`],children:[(0,u.jsx)("div",{className:`${g()[`${s}-options`]} ${g()[`${s}-options--vertical`]}`,children:F.map((e,s)=>(0,u.jsx)(v.Us,{onChange:()=>ef(e.id,"interestedPackage"),id:`${e.id}-${s}`,name:"interestedPackage",isChecked:e.id===o.interestedPackage,label:e.label,description:e.description,testId:z("interested-package",e.id),className:`${g()["custom-radio"]} ${B===`interestedPackage-${e.id}`?g()["radio-selected"]:""}`,state:n.interestedPackage?"danger":"default"},`${e.id}-${s}`))}),n.interestedPackage&&(0,u.jsx)(v.EE,{text:n.interestedPackage,state:"danger"})]})})]});case 8:return(0,u.jsxs)(

4"div",{className:g()[`${s}-group`],onKeyDown:e_,children:[(0,u.jsxs)("div",{className:g()[`${s}-header`],children:[(0,u.jsx)("div",{className:g()[`${s}-title`],children:(0,u.jsx)(v.EY,{size:"md",variant:"title",children:"Getting Started"})}),(0,u.jsx)("div",{className:g()[`${s}-message`],children:(0,u.jsx)(v.EY,{children:"When would you like to get started with AllWage?"})})]}),(0,u.jsx)("div",{className:g()[`${s}-row`],children:(0,u.jsxs)("div",{className:g()[`${s}-selection`],children:[(0,u.jsx)("div",{className:g()[`${s}-label`],children:(0,u.jsx)(v.EY,{children:"When are you looking to implement a new system?"})}),(0,u.jsx)("div",{className:g()[`${s}-options`],children:Object.values(V).map((e,s)=>(0,u.jsx)(v.Us,{onChange:()=>ef(e,"startTime"),id:`${e.toLowerCase().replace(/\s/g,"-")}-${s}`,name:"startTime",isChecked:e===o.startTime,label:e,testId:z("start-time",e),className:`${g()["custom-radio"]} ${B===`startTime-${e}`?g()["radio-selected"]:""}`,state:n.startTime?"danger":"default"},`${e} ${s}`))}),n.startTime&&(0,u.jsx)(v.EE,{text:n.startTime,state:"danger"})]})}),(0,u.jsx)("div",{className:g()[`${s}-row`],children:(0,u.jsxs)("div",{className:g()[`${s}-selection`],children:[(0,u.jsx)("div",{className:g()[`${s}-label`],children:(0,u.jsx)(v.EY,{children:"How did you hear about AllWage?"})}),(0,u.jsx)("div",{className:g()[`${s}-options`],children:Object.values(U).map((e,s)=>(0,u.jsx)(v.Us,{onChange:()=>ef(e,"referralSource"),id:`${e.toLowerCase().replace(/\s/g,"-")}-${s}`,name:"referralSource",isChecked:e===o.referralSource,label:e,testId:z("referral-source",e),className:`${g()["custom-radio"]} ${B===`referralSource-${e}`?g()["radio-selected"]:""}`,state:n.referralSource?"danger":"default"},`${e} ${s}`))}),n.referralSource&&(0,u.jsx)(v.EE,{text:n.referralSource,state:"danger"})]})}),"Other"===o.referralSource&&(0,u.jsx)("div",{className:g()[`${s}-row`],children:(0,u.jsx)("div",{className:g()[`${s}-field`],children:(0,u.jsx)(v.pd,{onChange:e=>H(e.value),label:"Please specify how you heard about us",placeholder:"e.g. Industry conference, podcast, etc.",type:"text",value:G,name:"referralSourceOther",testId:"sign-up-input-referral-source-other"})})})]});default:return null}})(),!c&&2.5!==r&&3.75!==r&&(0,u.jsxs)("div",{className:`
5              ${g()[`${s}-row`]}
6              ${g()[`${s}-row--submit`]}
7            `,children:[r>((null==t?void 0:t.emailAddress)?2:1)&&(0,u.jsx)("span",{children:(0,u.jsx)(v.$n,{onClick:()=>{i(e=>3.5===e?3:3.75===e?3.5:e-1),eu()},label:"Back",leadingIcon:"chevron-left",render:"button",type:"text",variant:"outlined",testId:"sign-up-back"})}),r<8?(0,u.jsx)("span",{children:(0,u.jsx)(v.$n,{onClick:ep,label:"Next",trailingIcon:"chevron-right",render:"button",type:"text",isLoading:es,testId:"sign-up-next"})}):(0,u.jsx)("span",{children:(0,u.jsx)(v.$n,{onClick:eg,label:"Submit",trailingIcon:"paper-plane",render:"button",type:"text",isLoading:eo,isDisabled:eo,testId:"sign-up-submit"})})]})]})]})]})}var H=a(52372);function B(e){var s;let{className:a="",content:t,form:r,logos:i,testimonials:o}=e,l=(0,x.useContext)(h._0),n=(0,x.useRef)(null),d="section",{scrollYProgress:c}=(0,_.L)({target:n});return(0,f.G)(c,[0,1],(null==l||null==(s=l.device)?void 0:s.includes("desktop"))?["10%",`-${(o.length-1)*100-15}%`]:["0","0"]),(0,u.jsxs)("section",{ref:n,className:`
8        ${g()[d]}
9        ${a}
10      `,children:[(0,u.jsxs)("div",{className:g()[`${d}__forms`],children:["contact"===r&&(0,u.jsx)(y,{baseClass:`${d}__form`,content:t}),"sign-up"===r&&(0,u.jsx)(G,{baseClass:`${d}__form`,content:t})]}),o&&o.length>0&&(0,u.jsxs)("div",{className:g()[`${d}__testimonials`],children:[(0,u.jsx)("div",{className:g()[`${d}__testimonials-bg`],children:(0,u.jsx)(v.Eq,{})}),(0,u.jsx)("div",{className:g()[`${d}__testimonials-title`],children:(0,u.jsx)(v.EY,{size:"sm",variant:"title",children:"What our customers have to say"})}),(0,u.jsx)("div",{className:g()[`${d}__testimonials-inner`],children:o.map((e,s)=>(0,u.jsx)("div",{className:g()[`${d}__testimonial`],children:(0,u.jsxs)("div",{className:g()[`${d}__testimonial-inner`],children:[e.logo&&(0,u.jsx)("div",{className:g()[`${d}__testimonial-logo`],children:(0,u.jsx)(v._V,{className:g()[`${d}__banner-element`],alt:e.logo.alt,fit:"contain",image:e.logo,sizes:"160px"})}),(0,u.jsxs)("div",{className:g()[`${d}__testimonial-text`],children:[(0,u.jsx)("div",{className:g()[`${d}__testimonial-message`],children:(0,u.jsx)(v.EY,{size:"sm",variant:"title",children:e.message})}),(0,u.jsx)("div",{className:g()[`${d}__testimonial-name`],children:(0,u.jsx)(v.EY,{children:e.clientName})}),(0,u.jsx)("div",{className:g()[`${d}__testimonial-company`],children:(0,u.jsx)(v.EY,{size:"sm",children:e.clientInfo})})]})]})},`${e.clientName} ${s}`))}),i&&i.length>0&&(0,u.jsx)("div",{className:g()[`${d}__testimonials-logos`],children:(0,u.jsx)(H.LogoCarousel,{className:g()[`${d}__testimonials-logos-carousel`],logos:i})})]})]})}},23566:e=>{e.exports={section:"logo-carousel_section__7ggzV",section__logos:"logo-carousel_section__logos__fQVc6","section__logos-inner":"logo-carousel_section__logos-inner__holE1",section__logo:"logo-carousel_section__logo__MqZfY","section__logo-inner":"logo-carousel_section__logo-inner__lAh8n"}},52372:(e,s,a)=>{"use strict";a.r(s),a.d(s,{LogoCarousel:()=>n});var t=a(6029),r=a(23566),i=a.n(r),o=a(55729),l=a(99733);function n(e){let{className:s="",logos:a}=e,r=(0,o.useRef)(null),n=(0,o.useRef)(null),d="section",[c,m]=(0,o.useState)(0),[u,h]=(0,o.useState)(!0),[p,g]=(0,o.useState)({direction:-1,interpolationFactor:.1,speed:.1,lerp:{current:0,target:0}}),_=()=>{g(e=>({...e,lerp:{...e.lerp,target:e.lerp.target+3*e.speed}}))};return(0,o.useEffect)(()=>(window.innerWidth>=700?(window.addEventListener("scroll",_),u&&h(!1)):u||h(!0),()=>{window.removeEventListener("scroll",_)}

10),[]),(0,o.useEffect)(()=>(window&&window.innerWidth,()=>{window.cancelAnimationFrame(r.current)}),[c]),(0,t.jsx)("section",{ref:n,className:`
11        ${i()[d]}
12        ${s}
13    `,children:a&&a.length>0&&(0,t.jsx)("div",{className:i()[`${d}__logos`],children:(0,t.jsx)("div",{className:i()[`${d}__logos-inner`],style:{transform:`translateX( ${c}% )`},children:(u?a.slice(0,3):[...a,...a]).map((e,s)=>(0,t.jsx)("div",{className:i()[`${d}__logo`],children:(0,t.jsx)("div",{className:i()[`${d}__logo-inner`],children:(0,t.jsx)(l._V,{className:i()[`${d}__logo-element`],alt:e.logo.alt,fit:"contain",image:e.logo,sizes:"(max-width: 768px) 33vw, 160px"})})},`${e.logo.url} ${s}`))})})})}},76928:e=>{e.exports={section:"form_section__RSFpA",section__form:"form_section__form__YtAP7","section__form-anchor":"form_section__form-anchor__g2r8K","section__form-content":"form_section__form-content__2t_a6","section__form-form-container":"form_section__form-form-container__gAs2R","section__form-progress":"form_section__form-progress__8kevg","section__form-progress-container":"form_section__form-progress-container__WYxQs","section__form-progress-bar":"form_section__form-progress-bar__0Cb86","section__form-form":"form_section__form-form__IzERW","section__form-form-element":"form_section__form-form-element__Vy5x3","section__form-group":"form_section__form-group__pQzKv","section__form-header":"form_section__form-header__UVZhC","section__form-row":"form_section__form-row__KFdoj","section__form-row--submit":"form_section__form-row--submit__IivJC","section__form-field":"form_section__form-field__HNbH_","section__form-notification":"form_section__form-notification__hSAmK","section__form-selection":"form_section__form-selection__fWDn8","section__form-options":"form_section__form-options__Kf9tC","section__form-options--vertical":"form_section__form-options--vertical__jdD9r","section__form-button":"form_section__form-button__NGeT9","section__form-error":"form_section__form-error__gD08X","section__form-error-text":"form_section__form-error-text__uwsgr",section__testimonials:"form_section__testimonials__hnr2o","section__testimonials-bg":"form_section__testimonials-bg__Vgyul","section__testimonials-title":"form_section__testimonials-title__ViZn_","section__testimonials-inner":"form_section__testimonials-inner__u_F5E",section__testimonial:"form_section__testimonial__52bEA","section__testimonial-inner":"form_section__testimonial-inner__iRqOl","section__testimonial-logo":"form_section__testimonial-logo__NGLei","section__testimonial-message":"form_section__testimonial-message__5OFbj","section__testimonial-name":"form_section__testimonial-name__KAVOB","section__testimonials-logos":"form_section__testimonials-logos__03M_T","section__testimonials-logos-carousel":"form_section__testimonials-logos-carousel__ms0XC","custom-radio":"form_custom-radio__juihC","radio-selected":"form_radio-selected__fF8hT",pulse:"form_pulse__NSy9g"}}}]);