https://www.salesmate.io/static/steps-DE0AXcsr.js

1import{E as e,e as l,g as t,j as o,b as s}from"./index-DvtYNCk9.js";import{e as n,r as i}from"./vendor-D8DBuDFK.js";import"./main-JXwh71rI.js";const r=r=>{const{selectedVariant:p,tagColorOptions:_}=n.propsParser(r),{componentDataDispatcher:a,contentModel:m}=(o=>{const{id:s,contentModel:r,modelInternalName:p}=n.propsParser(o),_="steps-ssr",{componentDataDispatcher:a,setComponentDataDispatcher:m,isComponentLoaded:d}=e({id:s,modelInternalName:p,modelKeyForSSR:_});let f;return(null==r?void 0:r.trim().length)&&(f=JSON.parse(r)),i.useEffect((()=>{var e;d&&(m({type:l.fetchingData}),(null==(e=null==r?void 0:r.trim())?void 0:e.length)&&(async()=>{m({type:l.dataFetched,data:await t(f,p,_,s)})})())}),[r]),{componentDataDispatcher:a,contentModel:r}})(r),{componentData:d,isLoading:f}=a;return o.jsxs(o.Fragment,{children:[o.jsx(s,{loaderClassName:"",contentModel:m,isLoading:f,componentData:d}),(null==d?void 0:d.id)&&!f&&("variant1"===p?o.jsx("section",{className:"three-setps section-gap",children:o.jsxs("div",{className:"container",children:[o.jsxs("div",{className:"section-title-part",children:[(null==d?void 0:d.tag_line_et)&&o.jsx("span",{className:`tag-line ${_}`,dangerouslySetInnerHTML:{__html:null==d?void 0:d.tag_line_et}}),(null==d?void 0:d.heading_et)&&o.jsx("h2",{dangerouslySetInnerHTML:{__html:null==d?void 0:d.heading_et}}),(null==d?void 0:d.description_et)&&o.jsx("p",{dangerouslySetInnerHTML:{__html:null==d?void 0:d.description_et}})]}),o.jsx("div",{className:"row flex flex-wrap gap-y-6 items-start lg:-mx-8 before:[&_.column:not(:last-child)]:content-[''] before:[&_.column:not(:last-child)]:absolute before:[&_.column:not(:last-child)]:bg-three-step-icon before:[&_.column:not(:last-child)]:bg-no-repeat before:[&_.column:not(:last-child)]:bg-[length:100%_100%] xl:before:[&_.column:not(:last-child)]:w-[246px] before:[&_.column:not(:last-child)]:w-[200px] before:[&_.column:not(:last-child)]:h-[35px] xl:before:[&_.column:not(:last-child)]:right-[-126px] before:[&_.column:not(:last-child)]:right-[-96px] before:[&_.column:not(:last-child)]:top-[15px] before:[&_.column:nth-child(2)]:top-[50px] before:[&_.column:nth-child(2)]:bg-three-step-icon-two",children:(null==d?void 0:d.step_item_com)&&(null==d?void 0:d.step_item_com.length)>0&&(null==d?void 0:d.step_item_com.map(((e,l)=>o.jsxs("div",{className:"column relative flex flex-wrap justify-center text-center px-8 lg:w-4/12 w-full xl:[&_br]:inline-block [&_br]:hidden lg:before:block before:hidden",children:[e.step_number_et&&o.jsx("span",{className:`lg:mb-9 mb-6 shadow-xl rounded-full lg:text-5xl text-4xl font-bold lg:w-[96px] lg:h-[96px] w-[80px] h-[80px] inline-flex  items-center justify-center ${0===l&&"text-amber-500"} ${1===l&&"text-blue-500"} \n                             ${2===l&&"text-red-500"}`,children:e.step_number_et}),(null==e?void 0:e.heading_et)&&o.jsx("h3",{className:"h6 lg:mb-6 mb-3 w-full",children:null==e?void 0:e.heading_et}),(null==e?void 0:e.description_et)&&o.jsx("div",{className:"w-full  text-coolgray-700",dangerouslySetInnerHTML:{__html:null==e?void 0:e.description_et}})]},l.toString()))))})]})}):"variant2"===p?o.jsx("section",{className:"section-gap",children:o.jsxs("div",{className:"container",children:[o.jsx("div",{className:"row",children:o.jsxs("div",{className:"section-title-part",children:[(null==d?void 0:d.tag_line_et)&&o.jsx("span",{className:`tag-line  ${_}`,dangerouslySetInnerHTML:{__html:null==d?void 0:d.tag_line_et}}),(null==d?void 0:d.heading_et)&&o.jsx("h2",{dangerouslySetInnerHTML:{__html:null==d?void 0:d.heading_et}}),(null==d?void 0:d.description_et)&&o.jsx("p",{dangerouslySetInnerHTML:{__html:null==d?void 0:d.description_et}})]})}),o.jsx("div",{className:"row",children:o.jsx("div",{className:"follow-steps-inner flex flex-wrap gap-x-16 lg:gap-y-[100px] gap-y-[50px] justify-center xl:pt-6 2xl:[&_.follow-steps-item]:w-[204px] xl:[&_.follow-steps-item]:w-[15%] lg:[&_.follow-steps-item]:w-[18%] sm:[&_.follow-steps-item]:w-[calc(60%_-_20px)] sm:[&_.follow-steps-item]:max-w-[inherit] [&_.follow-steps-item]:max-w-[300px] [&_.follow-steps-item]:w-full lg:[&_.follow-steps-item]:mx-0 [&_.follow-steps-item]:mx-auto before:[&_.follow-steps-item] before:[&_.follow-steps-item]:content-[''] before:[&_.follow-steps-item]:bg-five-step-arrow before:[&_.follow-steps-item]:w-[34px] before:[&_.follow-steps-item]:h-[14px] xl:before:[&_.follow-steps-item]:block lg:before:[&_.follow-steps-item]:hidden before:[&_.follow-steps-item]:block before:[&_.follow-steps-item:last-child]:hidden before:[&_.follow-steps-item]:bg-no-repeat before:[&_.follow-steps-item]:bg-right before:[&_.follow-steps-item]:absolute lg:before:[&_.follow-steps-item]:right-[-52px] before:[&_.follow-steps-item]:right-[calc(50%_-_17px)] lg:before:[&_.follow-steps-item]:top-[42%] before:[&_.follow-steps-item]:top-[inherit] lg:before:[&_.follow-steps-item]:bottom-[inherit] before:[&_.follow-steps-item]:bottom-[-28px] lg:before:[&_.follow-steps-item]:rotate-0  before:[&_.follow-steps-item]:rotate-90 [&_.follow-steps-item]:relative [&_.follow-steps-item]:tex-center [&_.follow-steps-item-inner]:text-center [&_.follow-steps-item-inner]:w-full [&_.follow-steps-item-inner]:min-h-full [&_.follow-steps-item-inner]:border [&_.follow-steps-item-inner]:rounded-3xl [&_.follow-steps-item-inner]:px-4   [&_.follow-steps-item:nth-child(1)_.follow-steps-item-inner]:border-orange-300 [&_.follow-steps-item:nth-child(1)_.follow-steps-item-inner_span]:border-orange-300 [&_.follow-steps-item:nth-child(1)_.follow-steps-item-inner]:bg-orange-100 [&_.follow-steps-item:nth-child(1)_.follow-steps-item-inner_span]:bg-orange-100  [&_.follow-steps-item:nth-child(2)_.follow-steps-item-inner]:border-yellow-300 [&_.follow-steps-item:nth-child(2)_.follow-steps-item-inner_span]:border-yellow-300 [&_.follow-steps-item:nth-child(2)_.follow-steps-item-inner]:bg-yellow-100 [&_.follow-steps-item:nth-child(2)_.follow-steps-item-inner_span]:bg-yellow-100 [&_.follow-steps-item:nth-child(3)_.follow-steps-item-inner]:border-purple-300 [&_.follow-steps-item:nth-child(3)_.follow-steps-item-inner_span]:border-purple-300 [&_.follow-steps-item:nth-child(3)_.follow-steps-item-inner]:bg-purple-100 [&_.follow-steps-item:nth-child(3)_.follow-steps-item-inner_span]:bg-purple-100 [&_.follow-steps-item:nth-child(4)_.follow-steps-item-inner]:border-green-300 [&_.follow-steps-item:nth-child(4)_.follow-steps-item-inner_span]:border-green-300 [&_.follow-steps-item:nth-child(4)_.follow-steps-item-inner]:bg-green-100 [&_.follow-steps-item:nth-child(4)_.follow-steps-item-inner_span]:bg-green-100 [&_.follow-steps-item:nth-child(5)_.follow-steps-item-inner]:border-lightblue-300 [&_.follow-steps-item:nth-child(5)_.follow-steps-item-inner_span]:border-lightblue-300 [&_.follow-steps-item:nth-child(5)_.follow-steps-item-inner]:bg-lightblue-100 [&_.follow-steps-item:nth-child(5)_.follow-steps-item-inner_span]:bg-lightblue-100 xl:[&_.follow-steps-item-inner_span]:text-lg [&_.follow-steps-item-inner_span]:text-base  [&_.follow-steps-item-inner]:pt-5 xl:[&_.follow-steps-item-inner_p]:py-8 [&_.follow-steps-item-inner_p]:py-4 2xl:[&_.follow-steps-item-inner_p]:text-xl xl:[&_.follow-steps-item-inner_p]:text-lg lg:[&_.follow-steps-item-inner_p]:text-lg [&_.follow-steps-item-inner_p]:text-base 2xl:[&_.follow-steps-item-inner_p]:leading-8 2xl:[&_.follow-steps-item-inner_p]:tracking-tighter [&_.follow-steps-item-inner_p]:min-h-full [&_.follow-steps-item-inner_p]:flex [&_.follow-steps-item-inner_p]:flex-wrap [&_.follow-steps-item-inner_p]:items-center [&_.follow-steps-item-inner_p]:justify-center [&_.follow-steps-item-inner_span]:border [&_.follow-steps-item-inner_span]:relative xl:[&_.follow-steps-item-inner_span]:w-[123px] [&_.follow-steps-item-inner_span]:w-[92px] [&_.follow-steps-item-inner_span]:table [&_.follow-steps-item-inner_span]:mx-auto  xl:[&_.follow-steps-item-inner_span]:py-2 [&_.follow-steps-item-inner_span]:py-1 xl:[&_.follow-steps-item-inner_span]:px-7 [&_.follow-steps-item-inner_span]:px-4 [&_.follow-steps-item-inner_span]:font-bold [&_.follow-steps-item-inner_span]:rounded-lg  [&_.follow-steps-item-inner_span]:-mt-[44px] xl:[&_.follow-steps-item]:mt-0 [&_.follow-steps-item]:mt-6",children:(null==d?void 0:d.step_item_com)&&(null==d?void 0:d.step_item_com.length)>0&&(null==d?void 0:d.step_item_com.map(((e,l)=>o.jsx("div",{className:"follow-steps-item",children:o.jsxs("div",{className:"follow-steps-item-inner",children:[e.step_number_et&&o.jsxs("span",{children:[" ",e.step_number_et]}),(null==e?void 0:e.heading_et)&&o.jsx("h3",{className:"h6 lg:mb-6 mb-3",dangerouslySetInnerHTML:{__html:null==e?void 0:e.heading_et}}),(null==e?void 0:e.description_et)&&o.jsx("div",{className:"w-full",dangerouslySetInnerHTML:{__html:null==e?void 0:e.description_et}})]})},l.toString()))))})})]})}):o.jsx("section",{className:"follow-up-boss section-gap",children:o.jsxs("div",{className:"container",children:[o.jsx("div",{className:"row",children:o.jsxs("div",{className:"section-title-part",children:[(null==d?void 0:d.tag_line_et)&&o.jsx("span",{className:`tag-line ${_}`,dangerouslySetInnerHTML:{__html:null==d?void 0:d.tag_line_et}}),(null==d?void 0:d.heading_et)&&o.jsx("h2",{dangerouslySetInnerHTML:{__html:null==d?void 0:d.heading_et}}),(null==d?void 0:d.description_et)&&o.jsx("p",{dangerouslySetInnerHTML:{__html:null==d?void 0:d.description_et}})]})}),o.jsx("div",{className:"row flex flex-wrap gap-8",children:(null==d?void 0:d.step_item_com)&&(null==d?void 0:d.step_item_com.length)>0&&(null==d?void 0:d.step_item_com.map(((e,l)=>o.jsxs("div",{className:`follow-up-boss-item lg:rounded-3xl rounded-2xl border w-full lg:px-6 lg:pt-6 md:p-6 p-4 ${0===l?"bg-yellow-100 border-yellow-300":""} ${1===l?"bg-blue-100 border-blue-300":""} ${2===l?"bg-green-100 border-green-300":""}`,children:[e.step_number_et&&o.jsx("span",{children:e.step_number_et}),(null==e?void 0:e.heading_et)&&o.jsx("h3",{className:"h5 lg:mb-4 mb-3",children:null==e?void 0:e.heading_et}),(null==e?void 0:e.description_et)&&o.jsx("div",{className:"text-coolgray-700 w-full",dangerouslySetInnerHTML:{__html:null==e?void 0:e.description_et}})]},l.toString()))))})]})}))]})};export{r as default};