https://www.greythr.com/component---src-templates-psp-form-page-js-8e7a464f2599ae90440b.js

1"use strict";(self.webpackChunkgreythr4_gatsby=self.webpackChunkgreythr4_gatsby||[]).push([[3454],{2332:function(e,t,r){var n=r(24586),a=(r(14041),r(40274)),o=r(94378),l=r(31085);function s(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function i(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?s(Object(r),!0).forEach(function(t){(0,n.A)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):s(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}const{mainContainerStyles:m,errorFormStyles:c}={mainContainerStyles:{flexDirection:"column",justifyContent:"space-between",px:["0.75rem","0.75rem","1.969rem","1.969rem"],minHeight:["34.188rem","34.188rem","40.125rem","36.75rem"],margin:"auto",borderRadius:"1.25rem",border:`1.14px solid ${o.Tj.neutral200}`,maxWidth:"72rem",textAlign:"center",mx:["1rem","1rem","2rem","auto"]},errorFormStyles:i(i({},o.Il.textLg500),{},{color:o.Tj.neutral900,mb:["2rem","2rem","3rem","4rem"],"@media (max-width: 599px)":i({},o.Il.textMd500)})};t.A=e=>{let{resetForm:t,regionCode:r}=e;return(0,l.jsxs)(a.so,{className:"glass300",sx:m,children:[(0,l.jsxs)(a.az,{children:[(0,l.jsx)(a.az,{sx:i(i({},o.Il.h3),{},{mb:"1.5rem",mt:["2rem","2rem","3rem","4rem"]}),children:"Something went wrong."}),(0,l.jsx)(a.az,{sx:c,children:"Sorry for the trouble. Please try filling the form again."}),(0,l.jsx)(a.az,{sx:{width:"100%",maxWidth:["16.813rem","16.813rem","18.75rem","18.75rem"],margin:"auto"},children:(0,l.jsx)("video",{autoPlay:!0,loop:!0,muted:!0,playsInline:!0,preload:"auto",width:"100%",children:(0,l.jsx)("source",{src:"https://www.datocms-assets.com/40521/1726654366-exclamation.mp4",type:"video/mp4"})})})]}),(0,l.jsx)(a.az,{sx:{my:["2rem","2rem","3rem","4rem"]},children:(0,l.jsx)(o.$n,{id:`upsell_go_back_${r.toLowerCase()}_btn`,variant:"filled",size:"large",onClick:t,children:"Go Back"})})]})}},52135:function(e,t,r){r.r(t),r.d(t,{Head:function(){return R},default:function(){return H}});var n=r(24586),a=r(14041),o=r(40274),l=r(76152),s=r(94378),i=r(54836),m=r(10206),c=JSON.parse('{"V":{"DD":"Features tailormade for","Fp":"Payroll Service Providers","qT":[{"iconName":"ChartNoAxesColumnIncreasing","title":"Proof of Investments (POI) Management"},{"iconName":"HardDrive","title":"Comprehensive Data Exports"},{"iconName":"ShieldCheck","title":"Enhanced Security and Role-Based Permissions"},{"iconName":"Settings","title":"Operational Automation"},{"iconName":"Monitor","title":"Localized Compliance Management"},{"iconName":"HandCoins","title":"Multi-Country Payroll Operations"},{"iconName":"Users","title":"Team and Workflow Management"}]}}'),d=r(39850),u=r(3514),p=r.n(u),h=r(84456),g=r(49884),x=r(9215),y=r(36081);const f={IN:{"Form Code":"WF_PSP_CONTACT_US","Page Name":"PSP Contact Us"}};var v=r(2332),b=r(31085);const j=["label","name","value","maxlength","error","onChange","eventHandlerText","eventHandler"];function S(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function C(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?S(Object(r),!0).forEach(function(t){(0,n.A)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):S(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}let P={},O="",w={},T="";const _=e=>{let{label:t,name:r,value:n,maxlength:a,error:o,onChange:l,eventHandlerText:i,eventHandler:m}=e,c=(0,d.A)(e,j);return(0,b.jsx)(s.cl,C({label:t,isRequired:!0,labelColor:s.Tj.black,errorColor:s.Tj.errorMain,name:r,value:n,maxlength:a,customStyles:{width:"100%",mb:"0.75rem",pb:0},error:o,onChange:l,eventHandlerText:i,eventHandler:m},c))},I=["Payroll Processor","CA","CS","HR Consultant","Compliance Consultant","Others"].map(e=>({label:e,value:e})),{mainContainerStyles:N,formStyles:A,buttonSectionStyles:D}={mainContainerStyles:{flexDirection:"column",justifyContent:"space-between",margin:"auto",mx:["1rem","1rem","2rem","auto"]},formStyles:{display:"grid",gridTemplateColumns:["1fr","1fr","1fr 1fr"],columnGap:"1rem",rowGap:"1rem"},buttonSectionStyles:{mt:["2rem","2rem","3rem","4rem"],justifyContent:"center",alignItems:"center"}};var k=e=>{let{recaptchaRef:t,regionCode:r,resetFormVar:n}=e;const{0:l,1:i}=(0,a.useState)(""),{0:m,1:c}=(0,a.useState)(""),{0:d,1:u}=(0,a.useState)(""),{0:j,1:S}=(0,a.useState)(""),{0:k,1:z}=(0,a.useState)(""),{0:E,1:F}=(0,a.useState)(""),{0:H,1:R}=(0,a.useState)(""),{0:U,1:M}=(0,a.useState)(!1),{0:V,1:L}=(0,a.useState)(!1),{0:W,1:$}=(0,a.useState)(!1),{0:q,1:B}=(0,a.useState)(""),{0:Z,1:G}=(0,a.useState)(""),{0:J,1:X}=(0,a.useState)(""),{0:Y,1:K}=(0,a.useState)({}),{0:Q,1:ee}=(0,a.useState)(!1),{0:te,1:re}=(0,a.useState)(!1),{0:ne,1:ae}=(0,a.useState)(!0);let oe=(0,a.useRef)();(0,a.useEffect)(()=>

1{if(U){const e=setInterval(()=>$(!0),8e3);return()=>{e&&clearInterval(e)}}},[U]),(0,a.useEffect)(()=>{const e=new URLSearchParams(window.location.search).get("company");e&&sessionStorage.setItem("company",e)},[]);const le=()=>{R(""),$(!1),B(""),d?x.A.post("/generate_and_send_email_otp/",{email:d,is_trial:!1,name:l+" "+m}).then(e=>{const{sent:t}=e.data;t?(ee(!1),G(""),M(t)):(ee(!1),G("Please enter a valid Email Address."))}).catch(e=>{var t;console.log("Otp request failed: ",e),ee(!1),400!=(null==e||null===(t=e.response)||void 0===t?void 0:t.status)?G("Network Error. Please try again!"):G("Please enter a valid Email Address.")}):(ee(!1),G("Please enter Email Address."))},se=()=>{re(!1),L(!1),M(!1),$(!1),R(""),B(!1),u(""),K({}),ee(!1),S(""),i(""),c(""),G(""),ae(!0)};return(0,a.useEffect)(()=>{n&&se()},[n]),te?(0,b.jsx)(v.A,{setValidOtp:L,setApiFailure:re,resetForm:se,regionCode:r}):(0,b.jsxs)(o.so,{sx:N,children:[(0,b.jsx)(o.az,{children:(0,b.jsxs)(o.az,{as:"form",children:[(0,b.jsx)(o.DZ,{sx:C(C({},s.Il.h6),{},{mb:"2rem"}),children:"Talk to us"}),(0,b.jsxs)(o.az,{sx:A,children:[(0,b.jsx)(_,{type:"text",label:"First Name",value:l,name:"first Name",maxlength:100,error:null==Y?void 0:Y.name,disabled:U,onChange:e=>{const t=e.target.value;""!==t.trim()?i(t):i("")}}),(0,b.jsx)(_,{type:"text",label:"Last Name",value:m,name:"Last Name",maxlength:100,error:null==Y?void 0:Y.name,disabled:U,onChange:e=>{const t=e.target.value;""!==t.trim()?c(t):c("")}}),(0,b.jsx)(_,{type:"text",label:"Company Name",value:k,name:"Company Name",maxlength:100,error:null==Y?void 0:Y.companyName,disabled:U,onChange:e=>{const t=e.target.value;""!==t.trim()?z(t):z("")}}),(0,b.jsxs)(o.az,{children:[(0,b.jsxs)(o.JU,{sx:C({},s.Il.textMd400),children:["Industry ",(0,b.jsx)(o.az,{sx:{color:s.Tj.errorMain},children:"*"})]}),(0,b.jsx)(s.ms,{options:I,placeholder:"Select",menuPlacement:"bottom",isDisabled:U,value:I.find(e=>e.value===E),onChange:e=>F(e.value)})]}),(0,b.jsxs)(o.az,{children:[(0,b.jsx)(_,{label:"Business Email",name:"email",placeholder:"For OTP verification...",value:d,maxlength:100,error:(null==Y?void 0:Y.email)||Z,onChange:e=>{const t=e.target.value;if(""===t.trim())return void u("");u(t);(0,g.tf)(t)&&t||(G(""),K(e=>C(C({},e),{},{email:""})))},disabled:U,eventHandlerText:U&&"Change?",eventHandler:()=>{u(""),M(!1),G(""),K(e=>C(C({},e),{},{email:""}))},customStyles:{mb:"0.5rem",paddingBottom:0}}),U&&(0,b.jsx)(o.az,{sx:C({mb:"0.75rem"},s.Il.textSm),children:"*An OTP has been sent to your Email."})]}),(0,b.jsx)(_,{type:"text",label:"Phone Number",value:j,name:"phoneNumber",maxlength:12,minlength:10,error:J,disabled:U,onChange:e=>{const t=e.target.value.replace(/\D/g,"");S(t),t.length>0&&t.length<10?X("Phone number must be at least 10 digits"):X("")}}),U&&(0,b.jsx)(o.az,{children:(0,b.jsx)(s.cl,{type:"text",value:H,label:"OTP",isRequired:!0,labelColor:s.Tj.black,placeholder:"Type here...",name:"otp",error:q,onChange:e=>{G("");const t=e.target.value;R(t),t||B("")},customStyles:{paddingBottom:0},eventHandlerText:W&&"Resend OTP",eventHandler:()=>le()})})]}),(0,b.jsx)(s.EA,{checked:ne,onChange:e=>{const t=e.target.checked;ae(t)},customText:"I agree to receive email updates, promotions, and personalized offers from greytHR. I understand I can unsubscribe or manage my preferences through the link in any email.",customStyles:{mt:"0.75rem"}})]})}),(0,b.jsx)(o.so,{sx:D,children:Q?(0,b.jsx)(o.so,{sx:{justifyContent:"center",alignItems:"center"},children:(0,b.jsx)(o.y$,{color:s.Tj.primaryMain,size:48})}):U?(0,b.jsx)(s.$n,{id:"psp_get_otp_verify_btn",variant:"filled",size:"large",disabled:!H||Q,onClick:()=>(async e=>{t.current.reset(),O=await t.current.executeAsync();const r=C(C({},e),{},{"Email Verification":"Yes","Privacy Policy":ne?"True":null,invisible_recaptcha:!0,captcha:O});H?x.A.post("/verify_email_otp/",{email:d,otp:H}).then(e=>{const{is_valid:t}=e.data;t?(L(!0),B(""),(0,g.Ie)(r,e=>{ee(!1),sessionStorage.setItem("userDetails",JSON.stringify(w)),(0,h.navigate)("/psp-thank-you/")},e=>{ee(!1),e.response&&400==e.response.status&&e.response.data.invalid_email?K(t=>C(C({},t),{},{email:e.response.data.invalid_email})):re(!0)})):(L(!1),B("Invalid OTP!"))}).catch(e=>{console.log(e),re(!0)}):B("Please enter OTP")})(P),ref:oe,children:"Verify"}):(0,b.jsx)(s.$n,{id:"psp_get_otp_request_btn",variant:"filled",size:"large",disabled:!d||!l||!m||!k||!E||!j||J,onClick:async e=>{var n,a;K({}),ee(!0);const o=(()=>{let e={};if(d){const t=(0,g.tf)(d);t&&(e.email=t)}return e})();if(!p()(o))return K(o),void ee(!1);const s=new URLSearchParams(null===(n=window)||void 0===n||null===(a=n.location)||void 0===a?void 0:a.search),i=null==s?void 0:s.get("ac_form_tag"),c=null==s?void 0:s.get("utm_source"),u=null==s?void 0:s.get("utm_campaign"),h=null==s?void 0:s.get("utm_medium"),x=null==s?void 0:s.get("nc"),v=null==s?void 0:s.get("d"),b=null==s?void 0:s.get("Region"),S=null==s?void 0:s.get("Source"),C=null==s?void 0:s.get("Sub_Source"),_=await(0,y.X)();var I,N,A,D,z,F,H;t&&t.current?(t.current.reset(),O=await t.current.executeAsync(),T=null===(I=crypto)||void 0===I?void 0:I.randomUUID(),P={"Instance Id":T,Email:d,"Form Id":"WF_PSP_CONTACT_US","Phone Number":j,"Email Verification":"No","First Name":l,"Last Name":m,"Company Name":k,Industry:E,"Lp Form Tag":i,"Page Code":"PSP_CONTACT_US","Page Name":f[r]["Page Name"],"Page Url":`${null===(N=window)||void 0===N||null===(A=N.location)||void 0===A?void 0:A.origin}${null===(D=window)||void 0===D||null===(z=D.location)||void 0===z?void 0:z.pathname}`,"Form Code":f[r]["Form Code"],Region:b||_,"Privacy Policy":ne?"True":null,invisible_recaptcha:!0,captcha:O},x&&(P.nc=x),v&&(P.d=v),S&&(P.Source=S),C&&(P["Sub Source"]=C),c&&(P["Utm Source"]=c),u&&(P["Utm Campaign"]=u),h&&(P["Utm Medium"]=h),null!==(F=window)&&void 0!==F&&null!==(H=F.location)&&void 0!==H&&H.href&&(P["Utm Url"]=window.location.href),w={name:l+" "+m,email:d,phone:j,companyName:k},O?(le(),(0,g.Ie)(P,e=>{re(!1)},e=>{re(!0)})):(ee(!1),re(!0))):(ee(!1),re(!0))},children:"Submit"})})]})};function z(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function E(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};

1t%2?z(Object(r),!0).forEach(function(t){(0,n.A)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):z(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}const F=a.createRef();var H=e=>{let{pageContext:{regionCode:t},data:r}=e;const{0:n,1:d}=(0,a.useState)(!1);return(0,b.jsxs)(o.az,{sx:U,children:[(0,b.jsxs)(o.az,{sx:{mt:["4rem","4rem","4rem","3rem"],px:"1rem"},children:[(0,b.jsx)(o.DZ,{as:"h1",sx:E(E({},s.Il.h1),{},{color:s.Tj.white,textAlign:"center"}),children:"Discover greytHR's Payroll services"}),(0,b.jsx)(o.az,{sx:M,children:"Streamline complex payrolls with enterprise-ready payroll software."})]}),(0,b.jsxs)(o.so,{sx:V,children:[(0,b.jsxs)(o.az,{sx:L,children:[(0,b.jsxs)(o.DZ,{as:"h5",sx:E(E({},s.Il.h5),{},{color:s.Tj.neutral900,mb:"2rem"}),children:[c.V.DD," ",(0,b.jsx)(o.EY,{sx:{color:s.Tj.primary700},children:c.V.Fp})]}),(0,b.jsx)(o.so,{sx:{flexDirection:"column",gap:"1.5rem"},children:c.V.qT.map((e,t)=>(0,b.jsxs)(o.so,{sx:{alignItems:"flex-start",gap:"0.75rem"},children:[(0,b.jsx)(o.az,{sx:{flexShrink:0},children:(0,b.jsx)(s.In,{name:e.iconName,color:s.Tj.neutral900,size:24})}),(0,b.jsx)(o.az,{children:(0,b.jsx)(o.DZ,{as:"h6",sx:W,children:e.title})})]},`feature-${t}`))})]}),(0,b.jsx)(o.az,{sx:$,children:(0,b.jsx)(k,{recaptchaRef:F,regionCode:t,resetFormVar:n})})]}),(0,b.jsx)(i.pX,{data:r}),(0,b.jsx)(i.m5,{}),(0,b.jsx)(l.A,{ref:F,size:"invisible",sitekey:"6LfPWqkZAAAAAObBE0cZt53tgeEc6wtos59e3WVP",badge:"bottomright"}),(0,b.jsx)(m.A,{})]})};const R=()=>(0,b.jsx)("meta",{name:"robots",content:"noindex,nofollow"}),{mainContainerStyles:U,pageSubtitleStyles:M,demoFormContainerStyles:V,featureCardContainerStyles:L,featureCardTitleStyles:W,demoFormStyles:$}={mainContainerStyles:{backgroundColor:s.Tj.primary1000,minHeight:"100vh",overflow:"hidden"},pageSubtitleStyles:E(E({},s.Il.textMd500),{},{color:s.Tj.white,textAlign:"center",mt:"0.5rem"}),demoFormContainerStyles:{pt:["3rem","3rem","3rem","4rem"],maxWidth:"80rem",mx:"auto",px:["1rem","1rem","4rem","4rem"],gap:["3rem","3rem","3rem","6rem"],flexDirection:["column-reverse","column-reverse","column-reverse","row"]},featureCardContainerStyles:{backgroundColor:s.Tj.primary100,borderRadius:"1rem",overflow:"hidden",py:"2rem",px:"1.5rem",maxWidth:"26.438rem",height:"min-content",mx:"auto"},featureCardTitleStyles:E(E({},s.Il.h6),{},{color:s.Tj.neutral900,display:"block",mb:"0.25rem"}),demoFormStyles:{width:"100%",flex:"1 1 auto",maxWidth:"39.5rem",backgroundColor:s.Tj.white,borderRadius:"1rem",overflow:"hidden",height:"100%",mx:"auto",p:"1.5rem"}}}}]);
2//# sourceMappingURL=component---src-templates-psp-form-page-js-8e7a464f2599ae90440b.js.map