https://wheniwork.com/component---src-pages-solutions-payroll-integrations-tsx-44409e37abc8770262de.js

1"use strict";(self.webpackChunkmarketing_site=self.webpackChunkmarketing_site||[]).push([[1739],{87750:function(e,s,a){a.d(s,{Q:function(){return r}});var i=a(83275),l=a(43696),t=a(74848);const r=e=>{let{title:s,copy:a,copy_2:r,demo_url:n,className:c,uniqueId:o,button_text:d,desktop_image:m,mobile_image:u,lightMode:h,hideMobile:x,noCta:p}=e;const j=(0,t.jsx)(l.A,{uniqueId:o,fieldLayout:"row",buttonClasses:"button is-signup-button is-rounded",showModalButton:!0,signupModalLaunch:d}),g=(0,t.jsx)(i.A,{customCalendarUrl:n,buttonModalLaunchText:"Book a Demo"});return(0,t.jsx)("section",{className:`section basic-container-section ${c||""}`,children:(0,t.jsxs)("div",{className:"container "+(h?"lightMode":""),children:[(0,t.jsx)("h2",{className:"headline",children:s}),(0,t.jsxs)("div",{className:"copy "+(x?"is-hidden-mobile":""),children:[a&&(0,t.jsx)("p",{children:a}),r&&(0,t.jsx)("p",{children:r})]}),n&&n?g:p?"":j,m&&(0,t.jsxs)("picture",{className:"hero-image",children:[(0,t.jsx)("source",{srcSet:null==m?void 0:m.source_url,media:"(min-width: 769px)"}),(0,t.jsx)("img",{src:null==u?void 0:u.source_url,alt:"When I Work"})]})]})})}},32680:function(e,s,a){a.d(s,{A:function(){return d}});var i=a(96540),l=a(34829),t=a(31926),r=a(22960),n=a(74848);var c=e=>{let{review:s}=e;return(0,n.jsxs)("div",{className:"reviews-card",children:[(0,n.jsxs)("header",{className:"review-header",children:[(0,n.jsx)("strong",{className:"review-name",children:s.name}),(0,n.jsx)("img",{className:"review-stars",src:"https://marketing-assets.wheniwork-production.com/2019/12/30195533/messaging-5-stars.svg",loading:"lazy",role:"presentation"})]}),(0,n.jsx)("p",{className:"review-title",children:s.title}),(0,n.jsx)("blockquote",{className:"quote",children:s.quote}),(0,n.jsx)("p",{className:"review",children:s.review}),(0,n.jsx)("img",{className:"capterra-logo",src:s.capterra_logo.source_url,loading:"lazy",role:"presentation"})]})};var o=(e,s)=>(0,n.jsxs)("div",{className:"reviews-card",children:[s&&!e.image.source_url.includes("NO_IMAGE")&&(0,n.jsx)("div",{className:"reviews-card-image",children:(0,n.jsx)("img",{loading:"lazy",src:e.image.source_url,alt:"customer headshot"})}),(0,n.jsxs)("div",{className:"reviews-card-content",children:[(0,n.jsx)("p",{className:"reviews-card-text",children:e.quote}),(0,n.jsx)("p",{className:"reviews-card-author",children:e.name}),(0,n.jsx)("p",{className:"reviews-card-company",children:e.company})]})]});var d=e=>{let{awardCategory:s,title:a,sub_title:d,customer:m,reviews:u,hasImage:h,hasAwards:x,wysiwyg:p,branding:j="wiw"}=e;const{0:g,1:v}=(0,i.useState)(0);return(0,n.jsx)("section",{className:`customer-reviews-section ${u?"capterra-reviews-section":""} ${"rippling"===j?"customer-reviews-section--rippling":""}`,"data-section":"reviews-section",children:(0,n.jsx)("div",{className:"container container-xlarge",children:(0,n.jsxs)("div",{className:"reviews",children:[(0,n.jsxs)("header",{children:[(0,n.jsx)("h2",{className:"title",children:a}),u&&(0,n.jsx)("img",{src:"https://marketing-assets.wheniwork-production.com/2022/10/11120130/stars.svg",loading:"lazy",role:"presentation"}),(0,n.jsx)("h3",{className:"subtitle",children:d}),p&&(0,n.jsx)(r.A,{content:p,wysiwygClasses:"wysiwyg-content"})]}),(0,n.jsxs)("div",{className:"reviews-wrapper "+(u?"capterra-reviews-wrapper":""),children:[void 0!==m&&(null==m?void 0:m.map(((e,s)=>(0,n.jsx)(o,{...e,hasImage:h},s)))),void 0!==u&&(null==u?void 0:u.map(((e,s)=>(0,n.jsx)(c,{...e},s))))]}),(0,n.jsxs)("div",{className:"reviews-wrapper is-swipeable",children:[(0,n.jsxs)("div",{className:"reviews-swipeable-wrapper",children:[void 0!==m&&(0,n.jsx)(l.Ay,{className:"reviews-swipeable-root",onChangeIndex:e=>v(e),slideClassName:"reviews-card-slide card-slide",springConfig:{easeFunction:"cubic-bezier(0, 0, 0.24, 0.96)",duration:".6s",delay:"0s"},enableMouseEvents:!0,children:null==m?void 0:m.map(((e,s)=>(0,n.jsx)(o,{...e,hasImage:h},s)))}),void 0!==u&&(0,n.jsx)(l.Ay,{className:"reviews-swipeable-root",onChangeIndex:e=>v(e),slideClassName:"reviews-card-slide card-slide",springConfig:{easeFunction:"cubic-bezier(0, 0, 0.24, 0.96)",duration:".6s",delay:"0s"},enableMouseEvents:!0,children:null==u?void 0:u.map(((e,s)=>(0,n.jsx)(c,{...e},s)))})]}

1),(0,n.jsxs)("div",{className:"slider-dots",children:[m&&(null==m?void 0:m.map(((e,s)=>(0,n.jsx)("div",{className:`slider-dot ${s===g&&"filled"} secondary`},s)))),u&&(null==u?void 0:u.map(((e,s)=>(0,n.jsx)("div",{className:`slider-dot ${s===g&&"filled"} secondary`},s))))]})]}),x&&(0,n.jsx)(t.A,{filterCategory:s})]})})})}},63674:function(e,s,a){a.d(s,{E:function(){return t}});var i=a(67302),l=a(74848);const t=e=>{let{title:s,sub_title:a,copy:t,button_text:r,button_url:n,className:c=""}=e;return(0,l.jsx)("section",{className:`section flashy-cta-section ${c}`,children:(0,l.jsx)("div",{className:"container-wrapper",children:(0,l.jsx)("div",{className:"flashy-container decorative-borders",children:(0,l.jsxs)("div",{className:"content-wrapper",children:[a&&(0,l.jsx)("h4",{className:"subtitle",children:a}),(0,l.jsx)("h2",{className:"headline",children:s}),(0,l.jsx)("p",{className:"copy",children:t}),(0,l.jsx)(i.A,{to:n,className:"button is-signup-button is-rounded",children:r})]})})})})}},69323:function(e,s,a){var i=a(74848);s.A=e=>{let{className:s}=e;return(0,i.jsx)("svg",{className:`background-curve-cover ${s&&s}`,preserveAspectRatio:"none",viewBox:"0 0 1440 211",version:"1.1",xmlns:"http://www.w3.org/2000/svg",children:(0,i.jsx)("g",{id:"Homepage",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:(0,i.jsx)("g",{transform:"translate(0.000000, -1923.000000)",id:"Product",children:(0,i.jsx)("g",{transform:"translate(0.000000, 723.000000)",children:(0,i.jsxs)("g",{id:"Group-22",transform:"translate(0.000000, 1200.000000)",children:[(0,i.jsx)("path",{d:"M1440,0 C1313.33333,133.333333 1073.33333,200 720,200 C366.666667,200 126.666667,133.333333 0,0 L0,211 L1440,211 L1440,0 Z",id:"Mask",fill:"#FFFFFF"}),(0,i.jsx)("path",{d:"M0,0.114886874 C126.666667,120.757046 366.666667,181.078125 720,181.078125 C1073.33333,181.078125 1313.33333,120.757046 1440,0.114886874 C1313,134.038296 1073,201 720,201 C367,201 127,134.038296 0,0.114886874 Z",id:"Path-4",fillOpacity:"0.07",fill:"#000000"})]})})})})})}},81476:function(e,s,a){var i=a(74848);s.A=e=>{let{alt:s,desktopHeight:a,desktopWidth:l,loading:t,src:r,srcSetPath:n}=e;return(0,i.jsxs)("picture",{className:"picture-container",children:[n&&(0,i.jsx)("source",{srcSet:n,media:"(max-width: 768px)"}),(0,i.jsx)("img",{loading:t,className:"picture-image",src:r,width:l,height:a,alt:void 0===s?"When I Work | alt text":s})]})}},5641:function(e,s,a){var i=a(89402),l=a(69323),t=a(74848);s.A=e=>{let{video_id:s,screenshot:a,image_desktop:r,image_mobile:n,id:c,copy:o,title:d,sub_title:m}=e;return(0,t.jsxs)("section",{id:c,className:"product-video-section section video-section is-clipped",children:[d&&(0,t.jsx)("h2",{className:"headline",children:d}),m&&(0,t.jsx)("p",{children:m}),(0,t.jsxs)("div",{className:"video-computer",children:[(0,t.jsxs)("div",{className:"video-screen",children:[(0,t.jsx)("div",{className:"video-player",children:a?(0,t.jsx)("div",{className:"screenshot-container",children:(0,t.jsx)("div",{className:"screenshot-responsive-padding",children:(0,t.jsx)("img",{loading:"lazy",src:a,className:"screenshot"})})}):(0,t.jsx)(i.A,{hashedId:s||"vlucuc14wi"})}),(0,t.jsx)("img",{loading:"lazy",src:r.source_url})]}),(0,t.jsx)("img",{loading:"lazy",className:"video-stand is-hidden-mobile",src:n.source_url}),(0,t.jsx)(l.A,{className:"video-curve"})]}),o&&(0,t.jsx)("p",{children:o})]})}},40515:function(e,s,a){a.d(s,{s:function(){return o}});var i=a(99634),l=a.n(i),t=a(81476),r=a(22049),n=a(43696),c=a(74848);const o=e=>{let{background_desktop_image:s,background_mobile_image:a,image:i,section:o,signup:d,sub_title:m,title:u,copy:h,extra_content:x,trialLength:p,isRippling:j}=e;return(0,c.jsx)("section",{className:l()("features-hero-section section hero",{"features-hero-section--rippling":j}),"data-section":o,children:(0,c.jsxs)("div",{className:"hero-main container",children:[(0,c.jsxs)("div",{className:"hero-left",children:[(0,c.jsxs)("div",{children:[(0,c.jsx)("h1",{className:"subheadline",children:m}),(0,c.jsx)("h2",{className:"headline hero-headline",children:u}),h&&""!==h.trim()&&(0,c.jsx)("p",{className:"hero-copy",children:h}),x&&(0,c.jsx)("div",{className:"extra-content",dangerouslySetInnerHTML:{__html:x}})]}),(0,c.jsx)("div",{className:"signup-cta-container",children:j?(0,c.jsx)(r.A,{showInitFields:!0,posthogRenderPosition:"main_cta"}):(0,c.jsx)(n.A,{uniqueId:d.uniqueId,modalTitle:d.modal_title,showInitFields:!0,legalText:d.legal_text,buttonInline:!0,fieldLayout:"row",signupModalLaunc

1h:d.launch_modal_button_text,signupModalSubmit:d.modal_submit_button_text,trialLength:p})})]}),(0,c.jsx)("div",{className:"hero-image",children:(0,c.jsx)(t.A,{src:s?s.source_url:i.source_url,srcSetPath:a&&a.source_url,alt:s?s.alt_text:i.alt_text,width:"1600",height:"400"})})]})})}},22049:function(e,s,a){var i=a(96540),l=a(74745),t=a.n(l),r=a(90048),n=a(99634),c=a.n(n),o=a(52819),d=a(48587),m=a(36060),u=a(12779),h=a(30695),x=a(41234),p=a(74848);t().setAppElement("#___gatsby");const j=/^[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?$/i,g=e=>{let{errors:s,touched:a,setErrors:l,values:t,submitCount:r,buttonClasses:n}=e;const{0:m,1:h}=(0,i.useState)(!0),g=(0,i.useRef)(null);function v(){Object.keys(s).length>0&&(g.current=setTimeout((()=>{h(!0)}),3e3))}function N(){h(!0),g.current&&b()}function b(){clearTimeout(g.current)}return(0,i.useEffect)((()=>{Object.keys(s).length>0&&(h(!1),v())}),[s]),(0,i.useEffect)((()=>{h(!0),b()}),[t]),(0,i.useEffect)((()=>{j.test(t.email)&&s.email&&l({}),(0,u.QA)(t.fullName)&&s.fullName&&l({})}),[t]),(0,p.jsx)("div",{className:"signups-container",children:(0,p.jsx)("div",{className:"form-trigger",children:(0,p.jsx)(o.lV,{noValidate:!0,"data-section":"signupRipplingForm",children:(0,p.jsxs)("div",{className:"columns is-variable is-1 is-vcentered",children:[(0,p.jsxs)("div",{className:"column has-margin-x-auto",children:[(0,p.jsx)("label",{htmlFor:"fullName",className:"is-sr-only",children:"Full Name"}),(0,p.jsxs)("div",{className:"control",children:[(0,p.jsx)(o.D0,{className:"input input-light name is-medium",id:"fullName",title:"Full Name","aria-placeholder":"Please enter your first and last name",type:"text",name:"fullName",onBlur:N,placeholder:"Full Name",style:a.fullName&&s.fullName?{border:"2px solid red"}:{}}),a.fullName&&s.fullName&&(0,p.jsx)("div",{className:c()(["errors-tooltip",{"is-hidden":m}]),children:(0,p.jsxs)("p",{className:"tooltip-inner has-text-danger",children:[(0,p.jsx)("span",{className:"icon has-text-warning tooltip-icon",children:(0,p.jsx)(x.A,{icon:"warning"})}),(0,p.jsx)("span",{className:"tooltip-text",children:s.fullName})]})})]})]}),(0,p.jsxs)("div",{className:"column has-margin-x-auto",children:[(0,p.jsx)("label",{htmlFor:"email",className:"is-sr-only",children:"Email Address"}),(0,p.jsxs)("div",{className:"control",children:[(0,p.jsx)(o.D0,{className:"input input-light name is-medium",id:"email",type:"email",name:"email",title:"Email Address","aria-placeholder":"Please enter your email address",onBlur:N,placeholder:"Email Address",style:a.email&&s.email?{border:"2px solid red"}:{}}),a.email&&s.email&&(0,p.jsx)("div",{className:c()(["errors-tooltip",{"is-hidden":m}]),children:(0,p.jsxs)("p",{className:"tooltip-inner has-text-danger",children:[(0,p.jsx)("span",{className:"icon has-text-warning tooltip-icon",children:(0,p.jsx)(x.A,{icon:"warning"})}),(0,p.jsx)("span",{className:"tooltip-text",children:s.email})]})})]})]}),(0,p.jsx)("div",{className:"column has-margin-x-auto",children:(0,p.jsx)("div",{className:"control",children:(0,p.jsxs)("div",{className:"field",children:[(0,p.jsx)(d.A,{className:`button button-submit ${n||""}`,type:"submit",title:"Enable Modal","aria-label":"Start Free Trial",onClick:function(){g.current&&b(),Object.keys(s).length>0&&r>0&&(h(!1),v())},text:"Start Free Trial"}),(0,p.jsx)("a",{className:"promo-text",href:"https://app.rippling.com/legal/promoterms",target:"_blank",rel:"noopener noreferrer",children:"Promo terms apply"})]})})})]})})})})};s.A=e=>{let{buttonClasses:s,buttonText:a,posthogRenderPosition:l,showInitFields:n=!0}=e;const{0:c,1:x}=(0,i.useState)(""),{0:v,1:N}=(0,i.useState)(""),[b,f]=(0,r.hS)((()=>(0,p.jsx)(t(),{isOpen:!0,onRequestClose:f,className:"default-modal-wrapper signup-modal",overlayClassName:"default-modal-overlay",children:(0,p.jsxs)("div",{className:"signupModal signups-container","data-section":"signupRipplingModal",children:[(0,p.jsx)(m.A,{onClick:f}),(0,p.jsx)(h.A,{fullName:c,email:v,posthogRenderPosition:l,showInitFields:n,onClose:f})]})})),[c,v,l,n]),_=(0,o.bk)({mapPropsToValues(e){let{fullName:s,email:a}=e;return{fullName:s||"",email:a||""}},validateOnBlur:!1,validateOnChange:!1,validate:e=>{const s={};switch(!0){case!e.fullName||""===e.fullName:s.fullName="Full Name Required";break;case!(0,u.QA)(e.fullName):s.fullName=u.wI;break;case!e.email||""===e.email:s.email="Email Address Required";break;case!j.test(e.email):s.email="Invalid Email Address"}var a;0!==Object.keys(s).length&&(null===(a=window.posthog)||void 0===a||a.capture("Rippling Sign Up Submit Error ",{error:s}));return s},handleSubmit(e){x(e.fullName),N(e.email),b()}})(g);

1return n?(0,p.jsx)(_,{fullName:c,email:v,buttonClasses:s}):(0,p.jsx)(d.A,{className:`button ${s||""}`,type:"button",title:"Start Free Trial","aria-label":"Start Free Trial",onClick:b,text:a||"Start Free Trial"})}},35277:function(e,s,a){a.r(s),a.d(s,{default:function(){return v}});var i=a(96540),l=a(28007),t=a(7913),r=a(87750),n=a(32680),c=a(63674),o=a(12460),d=a(98804),m=a(35224),u=a(5641),h=a(40754),x=a(74316),p=a(40515),j=a(2335),g=a(74848);function v(){const e=(0,l.GR)("758844923"),s=e.allWordpressPage.edges[0].node.acf,a=s.hero,v=s.video_block_1,N=s.media_object,b=s.industry_reviews,f=s.basic_title_subtitle_copy_image,_=s.basic_title_subtitle_copy_image_2,w=s.minimal_blog_articles,y=s.cards_1,A=s.cards_2,k=s.customer_reviews,C=e.allWordpressAcfOptions.edges[0].node.options.industries,F=s.faq,I=s.footer_signup,S=e.allWordpressAcfOptions.edges[0].node.options.structured_data.faq.payroll_integrations;return(0,g.jsx)(t.A,{faq:F,faqStructuredData:S,footerSignupHeader:function(){const e=I.header.split(". ")[0]||"",s=I.header.split(". ")[1]||"";return(0,g.jsxs)(i.Fragment,{children:[(0,g.jsxs)("span",{children:[e,"."]})," ",s]})}(),signupModalLaunch:I.button_text,modalTitle:a.signup.modal_title,legalText:a.signup.legal_text,children:(0,g.jsxs)("div",{className:"solutions-container payroll-integrations-container","data-signal":e.allWordpressPage.edges[0].node.wordpress_id,children:[(0,g.jsx)(x.A,{...e.allWordpressPage.edges[0].node.yoast_head_json}),(0,g.jsx)(p.s,{...a,uniqueId:"timeClockFeature",section:"featuresTimeClockHero"}),(0,g.jsx)(u.A,{...v}),(0,g.jsx)(d.A,{...N[0],schedule_demo_text:N[0].button_text}),(0,g.jsx)(d.A,{...N[1],schedule_demo_text:N[1].button_text,className:"reverse"}),(0,g.jsx)(c.E,{..._}),(0,g.jsx)(d.A,{...N[2],schedule_demo_text:N[2].button_text}),b&&(0,g.jsx)("section",{className:"section industry-reviews-section",children:(0,g.jsxs)("div",{className:"container",children:[(0,g.jsxs)("div",{className:"review-header",children:[(0,g.jsx)("h4",{className:"subtitle is-spaced has-text-centered",children:b.sub_title}),(0,g.jsx)("h2",{className:"title has-text-centered",children:b.title})]}),(0,g.jsx)(j.A,{card:b.reviews,hasOneSlideVisible:!0,startingIndex:0,activeIndex:0})]})}),(0,g.jsx)(o.A,{...y,className:"background-green understaffed-section",hasTitle:!0,hasCopy:!0}),(0,g.jsx)(n.A,{...k,hasAwards:!0}),(0,g.jsx)(r.Q,{...f}),(0,g.jsx)(h.A,{...C,copy:"Industries served"}),(0,g.jsx)(m.A,{...w}),(0,g.jsx)(o.A,{className:"features-container",hasTitle:!0,hasImage:!0,hasHeader:!0,hasCta:!0,...A})]})})}}}]);
2//# sourceMappingURL=component---src-pages-solutions-payroll-integrations-tsx-44409e37abc8770262de.js.map