https://wheniwork.com/component---src-pages-features-time-clock-tsx-e59e42156c19653b65d6.js

1"use strict";(self.webpackChunkmarketing_site=self.webpackChunkmarketing_site||[]).push([[2321],{7913:function(e,a,s){var t=s(74745),i=s.n(t),n=s(90048),o=s(15702),l=s(83471),r=s(40896),c=s(7628),d=s(55565),u=s(58661),p=s(74848);let m;l.A&&(m=(0,o.createHistory)(window)),i().setAppElement("#___gatsby");a.A=e=>{let{children:a,hidden:s,footerCtaTitle:t,faq:i,faqStructuredData:h,useStaticFaq:g,modalTitle:x,legalText:_,signupModalSubmit:j,hideSignup:f,hideSignupBox:v,tippyTopBanner:b,showScheduleDemoButton:y,showModalButton:N,footerButtonLink:w,showInitFields:S,footerSignupHeader:k,footerSignupButtonText:I,signUpRefPlanId:A,setIsFooterVisible:q,customHubspotMeetingUrl:B,customHubspotMeetingButtonText:T,trialLength:C,signupModalLaunch:F,footerSignupCopy:M,faqTitle:H,faqCopy:L}=e;return(0,p.jsxs)("div",{className:"layout-wrapper",style:{visibility:s?"hidden":"visible"},children:[(0,p.jsx)(c.A,{}),(0,p.jsx)(o.LocationProvider,{history:m,children:(0,p.jsxs)(n.Zn,{children:[b&&(0,p.jsx)(d.y,{...b}),(0,p.jsx)(u.A,{customHubspotMeetingUrl:B,trialLength:C}),(0,p.jsx)("div",{role:"main",className:l.A&&"/integrations"===window.location.pathname?"remove-overflow":"",children:a}),(0,p.jsx)(r.A,{footerCtaTitle:t,faq:i,faqStructuredData:h,useStaticFaq:g,signupModalSubmit:j,modalTitle:x,showInitFields:!0===S||void 0===S,hideSignup:f,hideSignupBox:v,legalText:_,showModalButton:N,customHubspotMeetingUrl:B,customHubspotMeetingButtonText:T,showScheduleDemoButton:y,footerSignupHeader:k,footerButtonLink:w,footerSignupButtonText:I,signUpRefPlanId:A,setIsFooterVisible:q,trialLength:C,signupModalLaunch:F,footerSignupCopy:M,faqTitle:H,faqCopy:L})]})})]})}},75753:function(e,a,s){s.r(a),s.d(a,{default:function(){return g}});var t=s(28007),i=s(7913),n=s(7626),o=s(4107),l=s(81762),r=s(12460),c=s(80819),d=s(98804),u=s(14143),p=s(74316),m=s(40515),h=s(74848);function g(){var e;const a=(0,t.GR)("2305477962"),s=a.allWordpressPage.edges[0].node.acf,g=s.hero,x=s.faq,_=a.allWordpressAcfOptions.edges[0].node.options.structured_data.faq.time_clock,j=s.cards_1,f=s.cards_2,v=s.cards_3,b=s.feature_manager_overview,y=s.media_object,N=y[0],w=y[1],S=y[2],k=y[3],I=s.customer_feature_benefit,A=s.customer_quote_1,q=s.basic_title_subtitle_copy_image_2;return(0,h.jsx)(i.A,{faq:x,faqTitle:"Frequently asked questions about time tracking",faqCopy:"Running hourly teams means accuracy matters. Below are the most common questions about our time tracking app and employee time clock, answered clearly.",faqStructuredData:_,footerCtaTitle:s.hero.signup.footer_signup_title,legalText:g.signup.legal_text,modalTitle:s.hero.signup.modal_title,children:(0,h.jsxs)("div",{className:"features-time-clock-page-container","data-signal":a.allWordpressPage.edges[0].node.wordpress_id,children:[(0,h.jsx)(p.A,{...a.allWordpressPage.edges[0].node.yoast_head_json}),(0,h.jsx)(m.s,{...g,uniqueId:"timeClockFeature",section:"featuresTimeClockHero"}),(0,h.jsx)(r.A,{...j,className:"highlight-cards-1",hasImage:!0,hasTitle:!0,titleAsHeader:!0}),(0,h.jsx)(c.A,{...b[0]}),(0,h.jsx)(d.A,{...N,schedule_demo_text:N.button_text}),(0,h.jsx)(o.A,{...I[0]}),(0,h.jsx)(d.A,{...w,schedule_demo_text:w.button_text,className:"features-payroll-integration"}),(0,h.jsx)(r.A,{...f,hasImage:!0,hasTitle:!0,hasCopy:!0,className:"highlight-products"}),(0,h.jsx)(l.B,{...A,uniqueId:"time-clock-customer-results-quote"}),(0,h.jsx)(d.A,{...S,schedule_demo_text:S.button_text}),(0,h.jsx)(d.A,{...k,className:"reverse features-customer-support"}),(0,h.jsx)(n.A,{...q,launch_signup_modal:!0,modal_title:g.signup.modal_title,hasSignup:!0}),(0,h.jsx)(u.A,{...v,modalTitle:null===(e=g.signup)||void 0===e?void 0:e.modal_title,startingIndex:1,hasTitle:!0,hasCopy:!0,activeIndex:1})]})})}},80819:function(e,a,s){s.d(a,{A:function(){return p}});var t=s(96540),i=s(67302),n=s(35970),o=s.n(n),l=s(34829),r=s(74848);var c=e=>{let{i:a,className:s,image:i,phoneBackground:n,faceIcons:o,...l}=e;const{0:c,1:d}=(0,t.useState)(),{0:u,1:p}=(0,t.useState)(),{0:m,1:h}=(0,t.useState)(),g=l.title||"",x=l.copy||"",_=o.center.source_url;return(0,t.useEffect)((()=>{0===a?(d(n.left_and_right.source_url),p(o.left.source_url),h("left")):1===a?(d(n.center.source_url),p(o.center.source_url),h("center")):(d(n.left_and_right.source_url),p(o.right.source_url),h("right"))}),[]),(0,r.jsxs)("div",{className:`is-flex is-column has-margin-x-auto ${s}

1`,children:[(0,r.jsxs)("div",{className:"card is-relative "+(a>-1?`card-${a}`:""),children:[(0,r.jsx)("img",{loading:"lazy",className:`card-phone-screen card-phone-screen-${m}`,src:i,alt:"fill me out"}),(0,r.jsx)("img",{className:`card-phone-case card-phone-case-${m}`,src:c,alt:"smartphone case"}),(0,r.jsx)("div",{className:`card-portrait-dialog card-portrait-dialog-${m}`,children:(0,r.jsxs)("div",{className:"card-portrait-container is-relative",children:[(0,r.jsxs)("picture",{children:[(0,r.jsx)("source",{srcSet:u,media:"(min-width: 769px)"}),(0,r.jsx)("img",{loading:"lazy",src:_,alt:"icon of customer face"})]}),(0,r.jsx)("div",{className:`card-dialog card-dialog-${m} is-hidden-mobile`,children:(0,r.jsx)("div",{className:`card-dialog-inner card-dialog-inner-${m}`,children:x})})]})})]}),(0,r.jsx)("div",{className:"title is-hidden-tablet has-text-centered "+(""===g?"is-hidden":""),children:g}),x&&(0,r.jsx)("div",{className:"manager-action-copy has-text-centered is-hidden-tablet",children:(0,r.jsx)("p",{className:"copy",children:x})})]})};var d=e=>{let{startingIndex:a,activeIndex:s,actions:i,faceIcons:n,mobilePhoneData:d,notSwipeable:u}=e;const{0:p,1:m}=(0,t.useState)(a||0);return(0,r.jsxs)(t.Fragment,{children:[(0,r.jsx)("div",{className:"slider-container slides phones-slider is-hidden-tablet",children:u?(0,r.jsx)(t.Fragment,{children:(0,r.jsx)("div",{className:"slides-container vertical-slides",children:d.map(((e,a)=>{var s;return(0,r.jsx)(c,{i:a,activeIndex:p,copy:null===(s=i[a])||void 0===s?void 0:s.copy,image:e.image.phone_screen.source_url,title:e.title,phoneBackground:e.phoneBackground,faceIcons:n},`swipeableSlider${a}`)}))})}):(0,r.jsxs)(t.Fragment,{children:[(0,r.jsx)("div",{className:"slides-container",children:(0,r.jsx)(l.Ay,{onChangeIndex:e=>m(e),style:{padding:"0px calc(42% - 120px)"},slideStyle:{padding:"0 10px"},springConfig:{easeFunction:"cubic-bezier(0, 0, 0.24, 0.96)",duration:".8s",delay:"0s"},enableMouseEvents:!0,index:a,children:d.map(((e,a)=>{var s;return(0,r.jsx)(c,{i:a,activeIndex:p,copy:null===(s=i[a])||void 0===s?void 0:s.copy,image:e.image.phone_screen.source_url,title:e.title,phoneBackground:e.phoneBackground,faceIcons:n},`swipeableSlider${a}`)}))})}),(0,r.jsx)("div",{className:"slides-dots",children:new Array(o()(d.map((e=>e))).length).fill(void 0).map(((e,a)=>(0,r.jsx)("div",{className:"slides-dot "+(a===p?"slides-dot-fill":"slides-dot-empty")},a)))})]})}),(0,r.jsx)("div",{className:"slider-container slides phones-slider is-hidden-mobile",children:(0,r.jsx)("div",{className:"slides-container",children:i.map(((e,a)=>e.cards.map(((e,t)=>(0,r.jsx)(c,{className:""+(s===a?"desktop":"is-hidden"),i:t,activeIndex:s,copy:e.copy,image:e.phone_screen.source_url,phoneBackground:d[t].phoneBackground,faceIcons:n},`swipeableSlider${t}`)))))})})]})};var u=e=>{var a;let{appLogos:s,actions:n,backgroundImages:o,faceIcons:l,notSwipeable:c}=e;const{0:u,1:p}=(0,t.useState)(0),m=n.map((e=>({image:e.mobile_card,title:e.title,phoneBackground:o})));return(0,r.jsxs)(t.Fragment,{children:[(0,r.jsx)("div",{className:"is-flex manager-buttons is-hidden-mobile",children:n.map(((e,a)=>{let{title:s}=e;return(0,r.jsx)("button",{type:"button",className:"manager-button"+(a===u?" manager-button-active":""),onClick:()=>p(a),children:(0,r.jsx)("h4",{className:"is-size-6 has-text-weight-semibold",children:s})},s)}))}),(null===(a=n[u])||void 0===a?void 0:a.copy)&&(0,r.jsx)("div",{className:"manager-action-copy has-text-centered is-hidden-mobile",children:(0,r.jsx)("p",{className:"copy",children:n[u].copy})}),(0,r.jsx)("div",{className:"manager-cards",children:(0,r.jsx)(d,{activeIndex:u,actions:n,faceIcons:l,mobilePhoneData:m,notSwipeable:c})}),(0,r.jsxs)("div",{className:"manager-app-downloads is-hidden-mobile",children:[(0,r.jsx)(i.A,{className:"manager-app-download-first",to:"https://apps.apple.com/us/app/when-i-work-employee-scheduling/id383126470",target:"_blank",children:(0,r.jsx)("img",{loading:"lazy",className:"manager-app-download",src:s.app_store.source_url,alt:s.app_store.alt_text})}),(0,r.jsx)(i.A,{to:"https://play.google.com/store/apps/details?id=com.thisclicks.wiw",target:"_blank",children:(0,r.jsx)("img",{loading:"lazy",className:"manager-app-download",src:s.google_play.source_url,alt:s.google_play.alt_text})})]})]})};var p=e=>{let{actions:a,face_icons:s,phone_case_background:i,app_logos:n,...o}=e;return(0,r.jsx)("section",{className:"manager-section section manager","data-section":"managerSlider",children:(0,r.jsxs)("div",{className:"container manager-container",children:[(0,r.jsxs)("div",{className:"manager-intro has-text-centered",children:[o.sub_title?(0,r.jsxs)(t.Fragment,{children:[(0,r.jsx)("h2",{className:"sub-title",children:o.sub_title}),(0,r.jsx)("h3",{className:"title",children:o.title})]}):(0,r.jsx)("h2",{className:"title",children:o.title}),(0,r.jsx)("p",{className:"copy",children:o.copy})]}),(0,r.jsx)(u,{actions:a,appLogos:n,faceIcons:s,backgroundImages:i,notSwipeable:o.notSwipeable})]})})}}}]);
2//# sourceMappingURL=component---src-pages-features-time-clock-tsx-e59e42156c19653b65d6.js.map