https://winshot.net/_next/static/chunks/3932-1e7e981de5ef4b75.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3932],{1138:function(e,s,l){l.r(s),l.d(s,{default:function(){return v}});var a=l(7437),t=l(2098),r=l(3335),n=l(6184),c=l(1515),i=l(6609),o=l(2265),d=function(e){let s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,[l,a]=o.useState(s);return{currentStep:l,toPrevStep:()=>a(e=>{let s=e-1;return s<0?0:s}),toNextStep:()=>a(s=>{let l=s+1;return l>e?e:l}),snapToStep:e=>a(e),reset:()=>a(s),totalSteps:e}},x=l(6349),p=l(9933),u=l(9256),m=l(9343),h=l(3094);l(2892);var f=l(8346),g=e=>{let{}=e,{register:s,control:l}=(0,m.Gc)(),[t,r]=(0,o.useState)("TN");return(0,a.jsx)("div",{className:"w-full",children:(0,a.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-x-[23px] ~gap-y-5/8 w-full ~mt-6/8",children:[(0,a.jsx)("div",{children:(0,a.jsx)(h.Z,{required:!0,type:"text",label:"Name",placeholder:"Ex: Alex",...s("firstName",{required:!0})})}),(0,a.jsx)("div",{children:(0,a.jsx)(h.Z,{required:!0,label:"Last Name",type:"text",placeholder:"Ex: Loada",...s("lastName",{required:!0})})}),(0,a.jsx)("div",{className:"lg:col-span-2",children:(0,a.jsx)(h.Z,{required:!0,label:"Email",type:"email",placeholder:"Ex: [email protected]",...s("email",{required:!0,pattern:{value:/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i,message:"Please enter a valid email address"}})})}),(0,a.jsx)("div",{className:"lg:col-span-2",children:(0,a.jsx)(m.Qr,{control:l,name:"phoneNumber",rules:{required:!0,validate:e=>(0,f.yf)(e)},render:e=>{let{field:s,fieldState:l,formState:t}=e;return(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsxs)("label",{className:"block mb-1 text-base font-medium text-blue-700",children:["Phone Number ",(0,a.jsx)("span",{className:"text-[red]",children:"*"})]}),(0,a.jsx)(f.ZP,{international:!0,ref:s.ref,placeholder:"Enter phone number",value:s.value,defaultCountry:"TN",className:(0,x.cn)("block px-3 py-4 phone-number-input text-gray-900 shadow-sm placeholder-[#777777B2] border border-gray-200 appearance-none rounded-[5.41px] focus:outline-none focus:ring-primary focus:border-primary focus:border-[1.2px] focus:z-10 sm:text-sm","form-input","w-full max-h-[54px]"),onChange:s.onChange})]})}})})]})})},j=e=>{let{}=e,{register:s}=(0,m.Gc)();return(0,a.jsx)("div",{className:"w-full",children:(0,a.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-y-[34px] w-full gap-x-[23px] mt-[34px]",children:[(0,a.jsx)("div",{className:"lg:col-span-2",children:(0,a.jsxs)("select",{className:"w-full form-select block px-3 py-4 text-gray-900 shadow-sm placeholder-[#777777B2] border border-gray-200 appearance-none rounded-[5.41px] focus:outline-none focus:ring-primary focus:border-primary focus:border-[1.2px] focus:z-10 sm:text-sm",...s("industry",{required:!1}),children:[(0,a.jsx)("option",{value:"",disabled:!0,className:"text-[#777777B2]",children:"Ex: Fashion"}),["Fashion","Grocery","Electronics","Field Service Providers","Retail Chains","Other"].map((e,s)=>(0,a.jsx)("option",{value:e,children:e},s))]})}),(0,a.jsx)("div",{className:"lg:col-span-2",children:(0,a.jsx)(h.Z,{required:!0,label:"Company Name",type:"text",placeholder:"Ex: MyFashion Co.",...s("companyName",{required:!0})})}),(0,a.jsx)("div",{className:"lg:col-span-2",children:(0,a.jsx)(h.Z,{required:!0,label:"Job Title",placeholder:"Ex: Head of Retail",...s("jobTitle",{required:!0})})})]})})},N=e=>{let{}=e;return(0,a.jsxs)("div",{className:"flex flex-col justify-center items-center space-y-[44px]",children:[(0,a.jsx)("img",{src:"/images/check-3d.webp",className:"max-w-[135.38px]",alt:"thank-you"}),(0,a.jsxs)("div",{className:"items-center flex flex-col space-y-[24px]",children:[(0,a.jsx)("h5",{className:"font-bold text-blue text-3xl",children:"Thank You!"}),(0,a.jsx)("p",{className:"text-black-500 text-center",children:"Looking forward to showing you how Winshot can transform your retail operations."})]})]})},b=l(6463);let y=e=>{let{btnProps:s={},customerIoFormName:l="request-a-demo"}=e,h=(0,b.useSearchParams)(),f=(()=>{let e=h.get("feature");return!!(e&&"request-a-demo"===e)})(),{children:y,className:v,...w}

1=s,k=(0,i.v)(f),S=d(3,0),q=(0,c.r)(),C=(0,m.cI)({defaultValues:{industry:""}}),F=[(0,a.jsx)(g,{},0),(0,a.jsx)(j,{},1),(0,a.jsx)(N,{},2)];async function E(){let e=!1;if(0===S.currentStep&&(e=await C.trigger(["firstName","lastName","email","phoneNumber"],{shouldFocus:!0})),1===S.currentStep&&(e=await C.trigger(["industry","companyName","jobTitle"],{shouldFocus:!0})),1===S.currentStep&&e){try{q.startLoading();let e={...C.getValues(),feature:l},s=await fetch("https://www.app.winshot.net/api/book-demo",{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json","accept-language":navigator.language},body:JSON.stringify(e)});if(!s.ok)throw Error(s.statusText);S.toNextStep()}catch(e){console.error(e)}finally{q.stopLoading()}return}e&&S.toNextStep()}let P=S.currentStep===S.totalSteps-1;return(0,a.jsx)(m.RV,{...C,children:(0,a.jsxs)("div",{children:[(0,a.jsx)(t.Button,{onClick:()=>k.openPortal(),size:"large",className:(0,x.cn)("request-a-demo-hero-btn",v),...w,children:null!=y?y:"Request a Demo"}),(0,a.jsxs)(p.Vq,{open:k.isOpen,onClose:e=>{},className:"relative z-[9999]",children:[(0,a.jsx)("div",{className:"fixed inset-0 bg-black/30","aria-hidden":"true"}),(0,a.jsx)("div",{className:"fixed inset-0 flex w-screen  items-center justify-center p-4",children:(0,a.jsxs)(p.Vq.Panel,{className:"w-full max-w-2xl h-[85vh] flex flex-col rounded-[12px]  bg-[#F6F6F6] overflow-y-auto ~py-5/7",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between w-full px-[7%]",children:[(0,a.jsx)("div",{children:(0,a.jsx)("div",{className:"lg:hidden",children:(0,a.jsx)(n.Z,{className:"max-w-[80px] lg:max-w-[127px]"})})}),(0,a.jsx)("button",{onClick:()=>{S.reset(),k.closePortal()},className:"p-[8px]",children:(0,a.jsx)(r.Z,{path:u.r5M,className:"w-[23.65px] text-blue-800"})})]}),(0,a.jsxs)("div",{className:"lg:flex hidden items-center justify-between w-full px-[7%] ~mt-5/7",children:[(0,a.jsx)("div",{children:(0,a.jsx)(n.Z,{className:"max-w-[80px] lg:max-w-[127px]"})}),(0,a.jsx)("div",{className:"flex items-center space-x-[10px]",children:Array.from({length:S.totalSteps}).map((e,s)=>{let l=s<=S.currentStep;return(0,a.jsx)("div",{className:(0,x.cn)("bg-[#7777771A] h-[6px] ~w-6/12 rounded-sm",l&&"bg-primary")},s)})})]}),(0,a.jsx)("div",{className:"flex flex-1 px-[7%]",children:F[S.currentStep]}),(0,a.jsx)("div",{className:(0,x.cn)("flex px-[7%] w-full items-center justify-end ~space-x-4/8"),children:P?(0,a.jsx)(t.Button,{onClick:()=>{S.reset(),k.closePortal(),location.href="/"},className:(0,x.cn)("w-full"),size:"large",children:"Back to home page"}):(0,a.jsxs)(o.Fragment,{children:[(0,a.jsx)(t.Button,{onClick:()=>S.toPrevStep(),className:(0,x.cn)("block",1!=S.currentStep&&"hidden"),size:"large",icon:(0,a.jsx)(r.Z,{path:u.J3k,className:"w-5"}),mode:"tertiary",disabled:q.isLoading,children:"Back"}),(0,a.jsx)(t.Button,{onClick:E,loading:q.isLoading,className:(0,x.cn)(1==S.currentStep&&"flex-1"),size:"large",children:1==S.currentStep?"Submit":"Next"})]})})]})})]})]})})};var v=e=>(0,a.jsx)(o.Suspense,{children:(0,a.jsx)(y,{...e})})},3932:function(e,s,l){var a=l(7437),t=l(2098),r=l(6349),n=l(1138);s.default=e=>{let{title:{className:s,...l},description:{className:c,...i}={},button:{className:o,onClick:d,...x}={},bottomComponent:p,isItForRequestADemo:u=!1}=e,m=Object.keys(x).length>0,h=Object.keys(i).length>0;return(0,a.jsxs)("section",{className:"max-w-7xl mx-auto w-full mt-[60px] lg:mt-[90px]",children:[(0,a.jsx)("div",{className:"hidden",children:(0,a.jsx)(n.default,{btnProps:{id:"request-a-demo-2"}})}),(0,a.jsxs)("div",{className:"rounded-[20px] mx-[3%] lg:mx-[0%] space-y-[24px] py-[47px] px-[33px] lg:py-[107px] flex flex-col items-center justify-center bg-[url('/images/bg/start-your-journey.webp')] bg-no-repeat bg-cover relative",children:[(0,a.jsxs)("div",{className:(0,r.cn)("space-y-6"),children:[(0,a.jsx)("h2",{className:(0,r.cn)("~text-xl/4xl  z-10 capitalize text-center leading-relaxed lg:leading-[42.96px] font-bold text-white",s),...l}),h&&(0,a.jsx)("p",{className:(0,r.cn)("text-center text-white opacity-[0.80] lg:text-2xl font-bold",c),...i})]}),!!p&&(0,a.jsx)("div",{className:"mt-10",children:p}),m&&(0,a.jsx)(t.Button,{size:"large",className:(0,r.cn)("bg-opacity-20 border bg-[#FFFFFF33] border-gray-200/20",o),onClick:e=>{if(u){let e=document.getElementById("request-a-demo-2");e&&e.click()}else"function"==typeof d&&(null==x?void 0:x.as)==="button"&&d(e)},...x})]})]})}}}]);