https://www.greythr.com/component---src-templates-campaign-demo-js-64b467f56bf45390f335.js

1"use strict";(self.webpackChunkgreythr4_gatsby=self.webpackChunkgreythr4_gatsby||[]).push([[2256],{29665:function(e,t,r){r.r(t),r.d(t,{Head:function(){return V},default:function(){return H}});var o=r(14041),n=r(76152),a=r(40274),s=r(24586),i=r(84456),l=r(49884),c=r(28787),m=r(31085);function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}function u(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?d(Object(r),!0).forEach(function(t){(0,s.A)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}const p={IN:"https://book.avoma.com/greytipsoftwareprivatelimited/demo-form-india/",ME:"https://book.avoma.com/greytipsoftwareprivatelimited/demo-form-me/",ID:"https://book.avoma.com/greytipsoftwareprivatelimited/indonesia-demo/"},g={IN:"/demo-submitted",ME:"/middle-east/demo-submitted",ID:"/indonesia/demo-submitted"},{containerStyles:h}={containerStyles:{maxWidth:["25rem","25rem","26rem","104%"],height:["65rem","65rem","65rem","51.25rem"],margin:"auto",position:"relative",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"1.25rem",".avoma-scheduler":{height:"100% !important"}}};var b=e=>{let{instanceID:t,email:r,recaptchaRef:n,regionCode:s,setApiFailure:i}=e;const{0:d,1:b}=(0,o.useState)(""),f=sessionStorage.getItem("userDetails"),y=f?JSON.parse(f):null;(0,o.useEffect)(()=>{b(`?name=${null==y?void 0:y.name}&email=${null==y?void 0:y.email}&phone=${null==y?void 0:y.phone}&company=${null==y?void 0:y.companyName}`);(()=>{if(!document.getElementById("avoma-router-script")){const e=document.createElement("script");e.id="avoma-router-script",e.src="https://sdk.avoma.com/scheduler-router.js",e.setAttribute("avomaVersion","prod"),e.onload=()=>{window.addEventListener("message",e=>{if("https://book.avoma.com"===e.origin){const{type:t,meetingDetails:r}=e.data;"avBookingCallback"===t&&j(r)}})},e.onerror=()=>{console.error("Failed to load Avoma Scheduler script.")},document.body.appendChild(e)}})()},[]);const j=async e=>{var o,a,m,d;n.current.reset();let p=await n.current.executeAsync();const h=u(u({"Instance Id":t,Email:r},(0,c.DS)(s,3)),{},{"Assigned User":null==e?void 0:e.host_email,"Calendar Scheduled Time Date":null==e?void 0:e.meeting_start_at,"Calendar Booked Date Time":null==e?void 0:e.created_at,"Calendar Booked":"Yes","Page Url":`${null===(o=window)||void 0===o||null===(a=o.location)||void 0===a?void 0:a.origin}${null===(m=window)||void 0===m||null===(d=m.location)||void 0===d?void 0:d.pathname}`,invisible_recaptcha:!0,captcha:p});(0,l.Ie)(h,()=>{i(!1),window.top.location.href=`${window.location.origin}${g[s]}`},()=>{i(!0)})};return(0,m.jsx)(a.az,{sx:h,children:(0,m.jsx)("div",{className:"avoma-scheduler","avoma-scheduler-url":p[s]+d})})},f=r(94378);function y(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}function j(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?y(Object(r),!0).forEach(function(t){(0,s.A)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):y(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}const{containerStyles:O}={containerStyles:{backgroundColor:f.Tj.white,flexDirection:"column",justifyContent:"space-between",minHeight:["37.5rem","37.5rem","42.5rem","42.5rem"],maxWidth:["18.313rem","18.313rem","25rem","25rem"],margin:"auto",py:"1.5rem",px:["0.75rem","0.75rem","2rem","2rem"],borderRadius:"1.25rem",border:`2px solid ${f.Tj.neutral200}`}};var v=e=>{let{resetForm:t,regionCode:r}=e;return(0,m.jsxs)(a.so,{sx:O,children:[(0,m.jsxs)(a.az,{children:[(0,m.jsx)(a.az,{sx:j(j({},f.Il.h3),{},{mb:"1.5rem"}),children:"Sorry, something went wrong."}),(0,m.jsx)(a.az,{sx:j(j({},f.Il.textLg500),{},{color:f.Tj.neutral900,mb:"1.5rem","@media (max-width: 599px)":j({},f.Il.textMd500)}),children:"Please try filling the form again to go ahead with your booking."}),(0,m.jsx)(a.az,{sx:{width:"100%",maxWidth:["16.813rem","16.813rem","18.75rem","18.75rem"],margin:"auto"},children:(0,m.jsx)("video",{autoPlay:!0,loop:!0,muted:!0,playsInl

1ine:!0,preload:"auto",width:"100%",children:(0,m.jsx)("source",{src:"https://www.datocms-assets.com/40521/1726654366-exclamation.mp4",type:"video/mp4"})})})]}),(0,m.jsx)(a.az,{children:(0,m.jsx)(f.$n,{id:`demo_go_back_${r.toLowerCase()}_btn`,variant:"filled",size:"large",onClick:t,customStyles:{width:"100%"},children:"Go Back"})})]})},x=r(39850),w=r(64619);function C(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}function P(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?C(Object(r),!0).forEach(function(t){(0,s.A)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):C(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}const S=["Payroll","Core HR","Attendance Management","Leave Management","Employee Self Service","Performance Management System","Recruitment","Others"],{checkBoxStyles:k}={checkBoxStyles:{"input:checked ~ &":{color:f.Tj.primaryMain,bg:f.Tj.white},color:f.Tj.neutral400,bg:f.Tj.white,appearance:"none",width:"1.5rem",border:"0px solid",height:"1.5rem","input:focus ~ &":{backgroundColor:f.Tj.white}}};var _=e=>{let{selectedModuleOptions:t,setSelectedModuleOptions:r,regionCode:o}=e;const n="ID"===o?S.filter(e=>"Recruitment"!==e):S,s=e=>{const{name:t,checked:o}=e.target;r(o?e=>[].concat((0,w.A)(e),[t]):e=>e.filter(e=>e!==t))};return(0,m.jsxs)(a.az,{as:"form",sx:{maxWidth:"100%"},children:[(0,m.jsxs)(a.JU,{sx:P(P({},f.Il.textMd500),{},{mb:"0.75rem"}),children:["Please select your requirement(s) ",(0,m.jsx)(a.az,{sx:{color:f.Tj.errorMain},children:"*"})]}),n.map((e,r)=>(0,m.jsxs)(a.JU,{sx:P({display:"flex",alignItems:"center",padding:"0.25rem",marginBottom:"0.5rem",mt:0},f.Il.textMd400),children:[(0,m.jsx)(a.Sc,{name:e,checked:t.includes(e),onChange:s,sx:k}),e]},`${e}-${r}`))]})};const D=["label","name","value","maxlength","error","onChange"];function A(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}function E(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?A(Object(r),!0).forEach(function(t){(0,s.A)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):A(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}const I=[{value:"1-15",label:"1-15"},{value:"16-25",label:"16-25"},{value:"26-50",label:"26-50"},{value:"51-75",label:"51-75"},{value:"76-100",label:"76-100"},{value:"101-150",label:"101-150"},{value:"151-200",label:"151-200"},{value:"201-300",label:"201-300"},{value:"301-400",label:"301-400"},{value:"401-500",label:"401-500"},{value:"501-750",label:"501-750"},{value:"751-1000",label:"751-1000"},{value:"1001-2000",label:"1001-2000"},{value:"2001-3000",label:"2001-3000"},{value:"3001-5000",label:"3001-5000"},{value:"5000+",label:"5000+"}],M=e=>{let{label:t,name:r,value:o,maxlength:n,error:a,onChange:s}=e,i=(0,x.A)(e,D);return(0,m.jsx)(f.cl,E({label:t,isRequired:!0,labelColor:f.Tj.black,errorColor:f.Tj.errorMain,name:r,value:o,maxlength:n,customStyles:{width:"100%",mb:"1.5rem",pb:0},error:a,onChange:s},i))},{containerStyles:T}={containerStyles:{backgroundColor:f.Tj.white,flexDirection:"column",justifyContent:"space-between",py:"1.5rem",px:["0.75rem","0.75rem","2rem","2rem"],minHeight:["46.75rem","46.75rem","46.25rem","46.25rem"],maxWidth:"25rem",margin:"auto",borderRadius:"1.25rem",border:`2px solid ${f.Tj.neutral200}`}};var N=e=>{let{instanceID:t,email:r,setSlotBook:n,processing:s,setProcessing:i,setProgressStage:d,setApiFailure:u,recaptchaRef:p,regionCode:g}=e;const{0:h,1:b}=(0,o.useState)(""),{0:y,1:j}=(0,o.useState)(""),{0:O,1:v}=(0,o.useState)("");return(0,m.jsxs)(a.so,{sx:T,children:[(0,m.jsxs)(a.az,{children:[(0,m.jsx)(M,{type:"text",label:"Are you currently using any HR tools?",value:h,name:"CurrentlyUsingHRTools",maxlength:100,onChange:e=>b(e.target.value),isRequired:!1,customStyles:{mb:"0.75rem",pb:0}}),(0,m.jsx)(_,{selectedModuleOptions:y,setSelectedModuleOptions:j,regionCode:g}),(0,m.jsxs)(a.az,{children:[(0,m.jsxs)(a.JU,{sx:E(E({},f.Il.textMd500),{},{mt:"0.75rem"}),children:["Number of Employees ",(0,m.jsx)(a.az,{sx:{color:f.Tj.errorMain},children:"*"})]}),(0,m.jsx)(f.ms,{options:I,placeholder:"Select number",menuPlacement:"top",onChange:e=>v(e.value)})]})]}),(0,m.jsx)(a.az,{children:s?(0,m.jsx)(a.so,{sx:{justifyContent:"center",alignItems:"center",mt:"1rem"},children:(0,m.jsx)(a.y$,{color:f.Tj.primaryMain,size:48})}):(0,m.jsx)(f.$n,{id:`demo_book_slots_${g.toLowerCase()}_btn`,variant:"filled",size:"large",disabled:!(y&&y.length>0&&O),onClick:()=>(async e=>{var t,r,o,n;let{instanceID:a,setProcessing:s,setApiFailure:i,email:m,curUsingHRTools:d,selectedModuleOptions:u,noOfEmployees:p,setSlotBook:g,recaptchaRef:h,setProgressStage:b,regionCode:f}=e;s(!0),h.current.reset();const y=await h.current.executeAsync(),j=E(E({"Instance Id":a,Email:m},(0,c.DS)(f,2)),{},{"Number Of Employees":p,"Are You Currently Using Any Hr Tools":d,Requirements:u,"Page Url":`${null===(t=window)||void 0===t||null===(r=t.location)||void 0===r?void 0:r.origin}${null===(o=window)||void 0===o||null===(n=o.location)||void 0===n?void 0:n.pathname}`,invisible_recaptcha:!0,captcha:y});(0,l.Ie)(j,e=>{s(!1),g(!0),b(3)},e=>{s(!1),i(!0)})})({instanceID:t,email:r,curUsingHRTools:h,selectedModuleOptions:y,noOfEmployees:O,setProcessing:i,setProgressStage:d,setApiFailure:u,setSlotBook:n,recaptchaRef:p,regionCode:g}),customStyles:{width:"100%",mt:"1rem"},children:"Book Meeting"})})]})},F=r(42231);function R(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}function z(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};

1t%2?R(Object(r),!0).forEach(function(t){(0,s.A)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):R(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}var B=e=>{let{progressStage:t,setProgressStage:r,slotBook:n,setSlotBook:s,recaptchaRef:d,regionCode:u,resetFormVar:p}=e;const{firstName:g,setFirstName:h,lastName:y,setLastName:j,email:O,setEmail:x,phoneNumber:w,companyName:C,setCompanyName:P,otp:S,setOtp:k,otpSent:_,setOtpSent:D,validOtp:A,setValidOtp:E,showOtpResendLink:I,otpErrorMessage:M,setOtpErrorMessage:T,message:R,setMessage:B,error:$,setError:L,processing:U,apiFailure:H,setApiFailure:V,userConsentChecked:W,showExistingAccountScreen:q,btnRef:G,phoneNoLength:J,handlePhoneChange:K,requestOtp:Y,verifyOtp:Z,handleCheckboxChange:Q,handleSubmit:X,handleGoBack:ee,proceedWithDemoFlow:te,resetForm:re,getInstanceID:oe}=(0,F.NM)({regionCode:u,saveFormApi:l.Ie,hasAccountLookup:!0,phoneNoLength:10,recaptchaRef:d,setProgressStage:r,setSlotBook:s,resetFormVar:p,formConfig:(0,c.U)()});(0,o.useEffect)(()=>{p&&(setNoOfEmployees(""),setSelectedModuleOptions([]))},[p]),(0,o.useEffect)(()=>{if(!q)return;(0,i.navigate)({ME:"/middle-east/support-help/?gc_source=Campaign_Demo_Support_Help&ac_form_tag=AF_CAMPAIGN_DEMO_SUPPORT_HELP_ACCOUNT_LOOKUP_ME"}[u]||"/support-help/?gc_source=Campaign_Demo_Support_Help&ac_form_tag=AF_CAMPAIGN_DEMO_SUPPORT_HELP_ACCOUNT_LOOKUP",{state:{email:O}})},[q,O,u]);return H?(0,m.jsx)(v,{setValidOtp:E,setApiFailure:V,setProgressStage:r,resetForm:re,regionCode:u}):A&&n?(0,m.jsx)(b,{instanceID:oe(),email:O,recaptchaRef:d,regionCode:u,setApiFailure:V}):A?(0,m.jsx)(N,{instanceID:oe(),email:O,setSlotBook:s,setProgressStage:r,processing:U,setProcessing:()=>{},setApiFailure:V,recaptchaRef:d,setValidOtp:E,regionCode:u}):(0,m.jsxs)(a.so,{sx:F.hU,children:[(0,m.jsxs)(a.az,{children:[(0,m.jsx)(a.az,{sx:z(z({},f.Il.h3),{},{mb:"1rem"}),children:"Book a Demo"}),(0,m.jsxs)(a.az,{as:"form",children:[(0,m.jsx)(F.FO,{type:"text",label:"First Name",value:g,name:"first Name",maxlength:100,error:null==$?void 0:$.name,disabled:_,regionCode:u,onChange:e=>{const t=e.target.value;""!==t.trim()?h(t):h("")}}),(0,m.jsx)(F.FO,{type:"text",label:"Last Name",value:y,name:"Last Name",maxlength:100,error:null==$?void 0:$.name,disabled:_,regionCode:u,onChange:e=>{const t=e.target.value;""!==t.trim()?j(t):j("")}}),(0,m.jsx)(F.FO,{type:"text",label:"Phone Number",value:w,name:"phoneNumber",maxlength:"12",error:w&&w.length<10?"Phone number must be at least 10 digits":null==$?void 0:$.phone,disabled:_,regionCode:u,onChange:K}),(0,m.jsx)(F.FO,{type:"text",label:"Company Name",value:C,name:"companyName",isRequired:!0,disabled:_,regionCode:u,onChange:e=>{const t=e.target.value;""!==t.trim()?P(t):P("")}}),(0,m.jsx)(F.FO,{label:"Business Email",name:"email",placeholder:"For OTP verification...",value:O,maxlength:100,error:(null==$?void 0:$.email)||R,onChange:e=>{const t=e.target.value;if(""===t.trim())return void x("");x(t);(0,l.tf)(t)&&t||(B(""),L(e=>z(z({},e),{},{email:""})))},disabled:_,eventHandlerText:O&&"Change?",eventHandler:()=>{x(""),D(!1),B(""),L(e=>z(z({},e),{},{email:""}))},customStyles:{mb:"0.5rem",paddingBottom:0}}),_&&(0,m.jsxs)(a.az,{children:[(0,m.jsx)(a.az,{sx:z({mb:"0.75rem"},f.Il.textSm),children:"*An OTP has been sent to your Email."}),(0,m.jsx)(F.FO,{type:"text",value:S,label:"OTP",labelColor:f.Tj.black,name:"otp",error:M,regionCode:u,onChange:e=>{B("");const t=e.target.value;k(t),t||T("")},customStyles:{paddingBottom:0},eventHandlerText:I&&"Resend OTP",eventHandler:()=>Y()})]}),(0,m.jsx)(f.EA,{checked:W,onChange:Q,regionCode:u,customStyles:{mt:"0.75rem"}})]})]}),(0,m.jsx)(a.az,{sx:{mt:"1rem"},children:U?(0,m.jsx)(a.so,{sx:{justifyContent:"center",alignItems:"center"},children:(0,m.jsx)(a.y$,{color:f.Tj.primaryMain,size:48})}):_?(0,m.jsx)(f.$n,{id:`demo_verify_otp_${u.toLowerCase()}_btn`,variant:"filled",size:"large",disabled:!S,onClick:()=>Z(),customStyles:{width:"100%"},ref:G,children:"Verify"}):(0,m.jsx)(f.$n,{id:`demo_get_otp_${u.toLowerCase()}_btn`,variant:"filled",size:"large",disabled:!O||!g||!y||!C||!w||w.length<10,onClick:X,customStyles:{width:"100%"},children:"Confirm"})})]})},$=r(70188),L=r(62414);let U=o.createRef();var H=e=>

1{let{pageContext:{regionCode:t}}=e;const{0:r,1:s}=(0,o.useState)(1),{0:i,1:l}=(0,o.useState)(!1),{0:c,1:d}=(0,o.useState)(!1);return(0,m.jsxs)(a.az,{children:[(0,m.jsx)(B,{progressStage:r,setProgressStage:s,slotBook:i,setSlotBook:l,resetFormVar:c,regionCode:t,recaptchaRef:U}),(0,m.jsx)(n.A,{ref:U,size:"invisible",sitekey:"6LfPWqkZAAAAAObBE0cZt53tgeEc6wtos59e3WVP",badge:"bottomleft"})]})};const V=e=>{let{location:{pathname:t},pageContext:{regionCode:r}}=e;const o=L.demo[r.toLowerCase()];return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)("meta",{name:"robots",content:"noindex, nofollow"}),(0,m.jsx)($.kW,{title:o.title,desc:o.desc,pathname:t,banner:"https://www.datocms-assets.com/40521/1727777383-demo-thumbnail.png",hrefLang:!0,availableInRegions:"IN, ME, ID"})]})}}}]);
2//# sourceMappingURL=component---src-templates-campaign-demo-js-64b467f56bf45390f335.js.map