"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1589],{18687:function(e,l,s){s.d(l,{Button:function(){return r.Button},cn:function(){return t.cn}});var t=s(7407),r=s(85183)},20990:function(e,l,s){s.d(l,{v:function(){return r}});var t=s(99354);function r(e){let[l,s]=(0,t.useState)(!1),r=(0,t.useRef)(null),a=(0,t.useCallback)(l=>{if(r.current){s(!0);let t=Math.floor(r.current.scrollWidth/e);r.current.scrollLeft+="prev"===l?-t:t}},[e]),n=(0,t.useCallback)(l=>{if(r.current){s(!0);let t=Math.floor(r.current.scrollWidth/e*l);r.current.scrollLeft=t}},[e]),o=(0,t.useCallback)(l=>{if(r.current){s(!0);let t=0===l||l===e-1,a=r.current.scrollWidth/e;r.current.scrollLeft=Math.floor(a*l/(t?1:2))}},[e]);return(0,t.useEffect)(()=>{let e=setTimeout(()=>{l&&s(!1)},500);return()=>clearTimeout(e)},[l]),{refCarousel:r,scrollCarouselHandler:a,scrollToItem:n,scrollToItemCentered:o,buttonsDisabled:l}}},77191:function(e,l,s){s.d(l,{i:function(){return a}});var t=s(15556),r=s(99354);function a(e){let l=(0,r.useCallback)(()=>({width:t.jU?e?(0,t.G3)(window.innerWidth):window.innerWidth:0,height:t.jU?window.innerHeight:0}),[e]),[s,a]=(0,r.useState)(l);return(0,r.useEffect)(()=>{if(t.jU)return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e);function e(){a(l())}},[l]),s}},64397:function(e,l,s){s.d(l,{Z:function(){return f}});var t=s(99270),r=s(61275),a=s(18922),n=s(92723),o=s.n(n),c=s(80617),i=s.n(c),d=s(39579),m=s(62387),u=s(15259),x=s(7250),p=s(40667),h=s(79086);function f(e){let{imageBackground:l,ctaLabel:s,ctaColor:n,title:c,copy:f,bgColor:g,list_id:b=274,isEsg:j,isMeltDown:v,ctaVariant:w,ctaPureVariant:N=!1,addBlackOpacityBackground:y}=e,{t:k}=(0,a.Z)("common"),{locale:C}=(0,h.useRouter)(),{isLoading:S,mutateAsync:z}=null===x.S||void 0===x.S?void 0:x.S.subscribeToNewsletter.useMutation(),{toast:_}=p.Toast.useToast(),I=async()=>{let e=O("email"),l=()=>_({variant:"error",description:k("footer.newsletterError")}),s=()=>_({variant:"success",description:v?k("footer.newsletterMeltdown"):j?k("footer.newsletterSuccessBusiness"):k("footer.newsletterSuccess")});await z({isStaging:!1,email:e,list_id:b,lang:C||"it",attributes:{LANDING_ISCRIZIONE:window.location.href}},{onError:l,onSuccess:e=>{let{success:t}=e;t?(s(),R()):l()}})},{register:E,reset:R,formState:{errors:M},handleSubmit:Z,getValues:O}=(0,d.cI)({resolver:(0,m.F)((0,u.T)(k))}),P=e=>{var l;return{fieldProps:{...E(e)},hasError:!!M[e],errorMessage:null===(l=M[e])||void 0===l?void 0:l.message}};return(0,t.jsx)("div",{id:"Newsletter",className:"relative overflow-hidden px-4 py-12 md:px-16 lg:px-20 bg-".concat({color:"".concat(g),default:"orage-100"}[g?"color":"default"]," mb-9 lg:mb-28"),children:(0,t.jsxs)("main",{className:"x-4 relative z-[2] m-auto flex max-w-full flex-col items-center justify-between gap-8 p-5 lg:max-w-2xl lg:flex-row lg:p-0",children:[(0,t.jsxs)("div",{className:"absolute left-0 top-0 z-0 h-full w-full",children:[(0,t.jsx)(o(),{src:l,alt:"solution-background",sizes:"(max-width: 768px) 100vw",className:"rounded-2xl object-cover",fill:!0}),y?(0,t.jsx)("div",{className:"absolute left-0 top-0 h-full w-full rounded-2xl bg-gradient-newsletter"}):(0,t.jsx)("div",{className:"hero-overlay absolute left-0 top-0 h-full w-full rounded-2xl bg-primary-black bg-opacity-30"})]}),(0,t.jsxs)("div",{className:"z-[1] flex flex-col gap-4 text-white md:pl-16 lg:py-12 lg:pl-20",children:[(0,t.jsx)(p.Text,{asChild:!0,className:"text-lg font-bold lg:text-2xl",children:(0,t.jsx)("h2",{children:(0,t.jsx)(r.Z,{i18nKey:c,components:{br:(0,t.jsx)("br",{}),b:(0,t.jsx)("strong",{})}})})}),(0,t.jsx)(p.Text,{className:"text-base lg:text-md",children:f})]}),(0,t.jsxs)("form",{className:"md:r-16 z-[1] flex w-full flex-col gap-3 rounded-2xl bg-transparent text-white lg:w-fit lg:min-w-[460px] lg:gap-[30px] lg:py-12 lg:pr-20",onSubmit:Z(I),children:[(0,t.jsxs)("div",{className:"w-full sm:col-span-3",children:[(0,t.jsx)("input",{id:"email",placeholder:"Email*",type:"email",autoComplete:"email",className:"block h-[65px] w-full rounded-xl bg-white/20 px-4 py-3 shadow-sm placeholder:text-white focus:ring-2 focus:ring-inset focus:ring-gray-100 sm:text-base sm:leading-6",...P("email").fieldProps}),(0,t.jsx)("p",{className:"text-pink-800",children:P("email").errorMessage})]}),(0,t.jsx)(p.Button,{size:"md",type:"submit",variant:w||"primary",className:(0,p.cn)("h-[65px] w-full font-bold shadow-none hover:text-white",N?"":"bg-white/20 text-".concat({color:"".concat(n),default:"orange-700"}[n?"color":"default"])),disabled:S,children:s}),(0,t.jsxs)("fieldset",{children:[(0,t.jsx)("div",{className:"mt-1 space-y-6 text-gray-200",children:(0,t.jsxs)("div",{className:"relative flex gap-x-3",children:[(0,t.jsx)("div",{className:"flex h-6 items-center",children:(0,t.jsx)("input",{id:"privacy",type:"checkbox",className:"h-4 w-4 rounded-md bg-transparent text-white",...P("privacyConsent").fieldProps})}),(0,t.jsxs)("div",{className:"text-sm font-bold leading-6 text-white",children:[(0,t.jsx)(r.Z,{i18nKey:"common:acceptPrivacy",components:{component:(0,t.jsx)("label",{htmlFor:"comments",className:"font-medium text-primary-black"}),span:(0,t.jsx)("span",{className:"underline"}),a:(0,t.jsx)(i(),{href:"https://www.3bee.com/documents/privacy_policy.pdf",target:"_blank"})}}),(0,t.jsx)("p",{className:"text-pink-800",children:P("privacyConsent").errorMessage})]})]})}),(0,t.jsx)("div",{className:"pb-[7px] text-white lg:pb-0",children:(0,t.jsxs)("div",{className:"relative flex gap-x-3",children:[(0,t.jsx)("div",{className:"flex h-6 items-center",children:(0,t.jsx)("input",{id:"marketing",type:"checkbox",className:"h-4 w-4 uppercase text-primary-black checked:border-2 focus:border-black-200",...P("marketingConsent").fieldProps})}),(0,t.jsx)("div",{className:"text-sm font-bold leading-6 text-white",children:(0,t.jsx)(r.Z,{i18nKey:k("unlockCards.modal.form.marketing"),components:{component:(0,t.jsx)("label",{htmlFor:"comments",className:"font-medium text-primary-black"}),span:(0,t.jsx)("span",{className:"underline"})}})})]})})]})]})]})})}f.displayName="AdoptNewsletter"},15259:function(e,l,s){s.d(l,{T:function(){return n}});var t=s(75739);let r=()=>"",a=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:r;return{fields:{email:{validator:t.z.string().email({message:e("common:form.invalidEmail")})},marketingConsent:{validator:t.z.boolean().optional()},privacyConsent:{validator:t.z.literal(!0,{errorMap:()=>({message:e("common:form.privacyCheck")})})}}}},n=e=>{let{fields:{email:l,marketingConsent:s,privacyConsent:r}}=a(e);return t.z.object({email:l.validator,marketingConsent:s.validator,privacyConsent:r.validator})}},40448:function(e,l,s){s.d(l,{Z:function(){return L}});var t=s(99270),r=s(92723),a=s.n(r),n=s(79372),o=s(18922),c=s(18687),i=s(99354);let d=(0,i.createContext)(null),m=()=>{let e=(0,i.useContext)(d);if(!e)throw Error("useCSRDStepsContext must be used within a CSRDStepsProvider");return e},u={name:"",surname:"",email:"",phone:0,employees:0,revenue:0,wealth:0,privacy:!1,marketing:!1,production_process:"",production_process_id:0},x=e=>{let{children:l,currentStep:s,steps:r,resetSteps:a}=e,[n,o]=(0,i.useState)(s),[c,m]=(0,i.useState)(r),[x,p]=(0,i.useState)(u),h=(0,i.useCallback)((e,l)=>{m(s=>{let t=[...s];return t[e].completed=l,t})},[]),f=(0,i.useCallback)(()=>{m(c.map(e=>{let{label:l}=e;return{label:l,completed:!1}})),a()},[c,a]),g=(0,i.useCallback)(()=>{p(u)},[]);return(0,t.jsx)(d.Provider,{value:{currentStep:n,setCurrentStep:o,steps:c,updateStep:h,resetSteps:f,data:x,setData:p,resetData:g},children:l})};var p=s(78193);function h(){let{currentStep:e,steps:l,setCurrentStep:s}=m();return(0,t.jsx)("div",{id:"csrd-steps-bar",className:"min-w-[200px]",children:(0,t.jsx)("div",{className:"flex h-max w-full justify-between rounded-full bg-white/40 p-1 lg:h-48 lg:w-max lg:flex-col",children:l.map((r,a)=>(0,t.jsxs)(c.Button,{variant:"unstyled",className:(0,c.cn)("relative grid h-7 w-7 place-items-center !rounded-full !bg-white !font-normal !text-black hover:!bg-white",r.completed&&"!bg-green-600 hover:!bg-green-700",a===e&&"hover:!bg-primary-blue-darker-600 !bg-primary-blue-darker-500 !text-white",a>0&&!l[a-1].completed&&"cursor-not-allowed",0===a&&l[0].completed&&"cursor-not-allowed"),onClick:()=>{a!==e&&0!==a&&l[a-1].completed&&s(a)},children:[r.completed?(0,t.jsx)(p.JO,{icon:"carbon:checkmark",color:"white"}):a,(0,t.jsx)("span",{className:(0,c.cn)("absolute top-10 whitespace-nowrap text-white max-lg:hidden lg:left-10 lg:top-1",a===e&&"!block"),children:r.label})]},r.label))})})}var f=s(7407),g=s(79350),b=s(68637),j=s(207),v=s(39217),w=s(33827);s(29232);var N=s(40360),y=s(39579),k=s(77764),C=s(80617),S=s.n(C),z=s(79086),_=s(75739),I=s(62387),E=s(6452),R=s(5123),M=s(7250),Z=s(76879);let O=e=>{let{isInModal:l=!1}=e,{t:s}=(0,o.Z)("common"),[r,a]=(0,i.useState)(0),n=s("csrd.steps",{},{returnObjects:!0,fallback:""});return n?(0,t.jsx)(x,{currentStep:0,steps:n.map(e=>{let{label:l}=e;return{label:l,completed:!1}}),resetSteps:()=>a(e=>e+1),children:(0,t.jsxs)("div",{className:"flex gap-14 max-lg:flex-col",children:[(0,t.jsx)(h,{}),(0,t.jsx)("div",{className:(0,f.cn)("ml-auto w-full",l&&"overflow-auto"),children:(0,t.jsxs)(R.q,{children:[(0,t.jsx)(T,{}),(0,t.jsx)(B,{}),(0,t.jsx)(W,{}),(0,t.jsx)(F,{})]},r)})]})}):null},P=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:()=>"";return _.z.object({privacy:_.z.literal(!0,{errorMap:()=>({message:e("common:form.required")})}),marketing:_.z.boolean().optional().default(!1)})},T=()=>{let{locale:e="it"}=(0,z.useRouter)(),{t:l}=(0,o.Z)("common"),{currentStep:s,updateStep:r,setCurrentStep:a,setData:n}=m(),{control:c,formState:{errors:i},handleSubmit:d}=(0,y.cI)({resolver:(0,I.F)(P(l))});return 0!==s?null:(0,t.jsxs)("form",{onSubmit:d(e=>{n(l=>({...l,...e})),r(0,!0),a(1)}),className:"flex flex-col gap-3",children:[(0,t.jsx)(N.x,{className:"!text-md font-semibold leading-6 md:!text-lg md:leading-7",children:(0,t.jsx)("h3",{children:l("csrd.steps.0.title")})}),(0,t.jsx)(N.x,{className:"!text-base leading-6 md:!text-md",children:l("csrd.steps.0.subtitle")}),(0,t.jsxs)(w.z,{type:"submit",variant:"darkBlue",className:"mt-8 h-auto min-h-0 gap-3 p-3",children:[l("csrd.steps.0.submit"),(0,t.jsx)(p.JO,{icon:"carbon:arrow-right"})]}),(0,t.jsxs)("div",{className:"flex flex-col gap-1 md:col-span-2",children:[(0,t.jsxs)("label",{className:"flex items-center gap-2",children:[(0,t.jsx)(y.Qr,{control:c,name:"privacy",render:e=>{let{field:{onChange:l,value:s,...r}}=e;return(0,t.jsx)(g.Root,{id:"privacy",checked:s,onCheckedChange:e=>l(!!e),className:"shrink-0 rounded-none border-white",...r,children:(0,t.jsx)(g.CheckboxIndicatorDefault,{className:"h-full w-full"})})}}),(0,t.jsx)("p",{children:(0,t.jsx)(k.Z,{text:l("csrd.steps.0.fields.privacy.label"),components:{span:(0,t.jsx)("span",{className:"underline"}),a:(0,t.jsx)(S(),{href:"it"===e?"https://www.3bee.com/documents/privacy_policy.pdf":"https://www.3bee.com/documents/privacy_policy_en.pdf",target:"_blank",className:"underline"})}})})]}),i.privacy&&(0,t.jsx)("p",{className:"text-red-300",children:i.privacy.message})]}),(0,t.jsx)("div",{className:"flex flex-col gap-1 md:col-span-2",children:(0,t.jsxs)("label",{className:"flex items-center gap-2",children:[(0,t.jsx)(y.Qr,{control:c,name:"marketing",render:e=>{let{field:{onChange:l,value:s,...r}}=e;return(0,t.jsx)(g.Root,{id:"marketing",checked:s,onCheckedChange:e=>l(!!e),className:"shrink-0 rounded-none border-white",...r,children:(0,t.jsx)(g.CheckboxIndicatorDefault,{className:"h-full w-full"})})}}),(0,t.jsx)("p",{children:(0,t.jsx)(k.Z,{text:l("csrd.steps.0.fields.marketing.label")})})]})})]})},q=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:()=>"";return _.z.object({production_process_id:_.z.coerce.number({required_error:e("common:errors.required"),invalid_type_error:e("common:errors.required")}),employees:_.z.coerce.number().min(1,{message:e("common:errors.required")}),revenue:_.z.coerce.number().min(1,{message:e("common:errors.required")}),wealth:_.z.coerce.number().min(1,{message:e("common:errors.required")}),listed:_.z.boolean().default(!1)})},B=()=>{let{locale:e="it"}=(0,z.useRouter)(),{t:l}=(0,o.Z)("common"),{currentStep:s,updateStep:r,setCurrentStep:a,setData:n}=m(),{control:c,register:i,formState:{errors:d},handleSubmit:u}=(0,y.cI)({resolver:(0,I.F)(q(l))}),{data:x=[],isLoading:h}=E.oasi.useGetProductionProcesses({},{"accept-language":e},{query:{refetchOnWindowFocus:!1}});return 1!==s?null:(0,t.jsxs)("form",{onSubmit:u(e=>{n(l=>{var s;return{...l,...e,production_process:null===(s=x.find(l=>l.id===e.production_process_id))||void 0===s?void 0:s.name}}),r(1,!0),a(2)}),className:"flex flex-col gap-6 md:gap-8",children:[(0,t.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,t.jsx)("label",{children:l("csrd.steps.1.fields.companyProductionProcess.label")}),h?(0,t.jsx)(p.JO,{icon:"eos-icons:three-dots-loading",width:50,height:50}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(y.Qr,{control:c,name:"production_process_id",render:e=>{var s;let{field:{onChange:r,value:a}}=e;return(0,t.jsxs)(j.Root,{onValueChange:e=>{r(e)},children:[(0,t.jsxs)(j.SelectTrigger,{children:[a?null===(s=x.find(e=>e.id===Number(a)))||void 0===s?void 0:s.name:l("csrd.steps.1.fields.companyProductionProcess.placeholder"),(0,t.jsx)(p.JO,{icon:"mdi:chevron-down",className:"ml-auto"})]}),(0,t.jsx)(j.SelectContent,{className:"z-[12345678] [&>div]:p-0",children:(0,t.jsx)(j.SelectGroup,{className:"custom-scrollbar-primary-orange-300 max-h-36 max-w-[90vw] overflow-y-auto",children:x.map(e=>(0,t.jsx)(j.SelectItem,{value:e.id.toString(),className:"rounded-lg capitalize hover:bg-green-300",children:e.name},e.id))})})]})}}),d.production_process_id&&(0,t.jsx)("p",{className:"text-red-300",children:d.production_process_id.message})]})]}),(0,t.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,t.jsx)("label",{children:l("csrd.steps.1.fields.employees.label")}),(0,t.jsx)(b.Root,{type:"number",className:"h-auto rounded-lg",placeholder:l("csrd.steps.1.fields.employees.placeholder"),...i("employees")}),d.employees&&(0,t.jsx)("p",{className:"text-red-300",children:d.employees.message})]}),(0,t.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,t.jsx)("label",{children:l("csrd.steps.1.fields.revenue.label")}),(0,t.jsx)(b.Root,{type:"number",className:"h-auto rounded-lg",placeholder:l("csrd.steps.1.fields.revenue.placeholder"),...i("revenue")}),d.revenue&&(0,t.jsx)("p",{className:"text-red-300",children:d.revenue.message})]}),(0,t.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,t.jsx)("label",{children:l("csrd.steps.1.fields.wealth.label")}),(0,t.jsx)(b.Root,{type:"number",className:"h-auto rounded-lg",placeholder:l("csrd.steps.1.fields.wealth.placeholder"),...i("wealth")}),d.wealth&&(0,t.jsx)("p",{className:"text-red-300",children:d.wealth.message})]}),(0,t.jsx)("div",{className:"flex flex-col gap-1 md:col-span-2",children:(0,t.jsxs)("label",{className:"flex items-center gap-2",children:[(0,t.jsx)(y.Qr,{control:c,name:"listed",render:e=>{let{field:{onChange:l,value:s,...r}}=e;return(0,t.jsx)(g.Root,{id:"listed",checked:s,onCheckedChange:e=>l(!!e),className:"shrink-0 rounded-none border-white",...r,children:(0,t.jsx)(g.CheckboxIndicatorDefault,{className:"h-full w-full"})})}}),(0,t.jsx)("p",{children:(0,t.jsx)(k.Z,{text:l("csrd.steps.1.fields.listed.label")})})]})}),(0,t.jsxs)(w.z,{type:"submit",variant:"darkBlue",className:"h-auto min-h-0 gap-3 p-3",children:[l("csrd.steps.1.submit"),(0,t.jsx)(p.JO,{icon:"carbon:arrow-right"})]})]})},J=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:()=>"";return _.z.object({name:_.z.string().min(1,{message:e("common:form.required")}),surname:_.z.string().min(1,{message:e("common:form.required")}),email:_.z.string().email({message:e("common:form.invalidEmail")}),phone:_.z.coerce.number().min(8,{message:e("common:form.required")})})},W=()=>{let{t:e}=(0,o.Z)("common"),{currentStep:l,updateStep:s,setCurrentStep:r,data:a}=m(),{toast:n}=v.useToast(),{register:c,formState:{errors:i},handleSubmit:d}=(0,y.cI)({resolver:(0,I.F)(J(e))}),{mutateAsync:u,isLoading:x}=M.S.sendCsrdForms.useMutation();if(2!==l)return null;let h=async l=>{let t={...a,...l};try{await u(t,{onError:()=>{n({variant:"error",description:e("form.error")}),(0,Z.Y6)(window.location.href,"CSRD form failed",{form:t})},onSuccess:()=>{s(2,!0),r(3),n({variant:"success",description:e("form.success")})}})}catch(e){}};return(0,t.jsxs)("form",{onSubmit:d(h),className:"flex flex-col gap-6 md:gap-8",children:[(0,t.jsxs)("div",{className:"grid grid-cols-12 gap-2",children:[(0,t.jsx)("label",{className:"col-span-full",children:e("csrd.steps.2.fields.name.label")}),(0,t.jsxs)("div",{className:"col-span-6 flex flex-col gap-1",children:[(0,t.jsx)(b.Root,{className:"h-auto rounded-lg",placeholder:e("csrd.steps.2.fields.name.placeholder"),...c("name")}),i.name&&(0,t.jsx)("p",{className:"text-red-300",children:i.name.message})]}),(0,t.jsxs)("div",{className:"col-span-6 flex flex-col gap-1",children:[(0,t.jsx)(b.Root,{className:"h-auto rounded-lg",placeholder:e("csrd.steps.2.fields.surname.placeholder"),...c("surname")}),i.surname&&(0,t.jsx)("p",{className:"text-red-300",children:i.surname.message})]})]}),(0,t.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,t.jsx)("label",{children:e("csrd.steps.2.fields.email.label")}),(0,t.jsx)(b.Root,{className:"h-auto rounded-lg",placeholder:e("csrd.steps.2.fields.email.placeholder"),...c("email")}),i.email&&(0,t.jsx)("p",{className:"text-red-300",children:i.email.message})]}),(0,t.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,t.jsx)("label",{children:e("csrd.steps.2.fields.phone.label")}),(0,t.jsx)(b.Root,{className:"h-auto rounded-lg",placeholder:e("csrd.steps.2.fields.phone.placeholder"),...c("phone")}),i.phone&&(0,t.jsx)("p",{className:"text-red-300",children:i.phone.message})]}),(0,t.jsxs)(w.z,{type:"submit",variant:"darkBlue",className:"h-auto min-h-0 gap-3 p-3",disabled:x,children:[e("csrd.steps.2.submit"),(0,t.jsx)(p.JO,{icon:"carbon:arrow-right"})]})]})},F=()=>{let{t:e}=(0,o.Z)("common"),{currentStep:l,setCurrentStep:s,resetSteps:r,data:a,resetData:n}=m(),{data:c={percentage:0},isLoading:i}=E.oasi.useGetProductionProcessCsrd(a.production_process_id,{query:{enabled:!!(null==a?void 0:a.production_process_id),refetchOnWindowFocus:!1}});if(3!==l)return null;let d=e("csrd.steps.3.resultsByPercentage",{},{returnObjects:!0}),u=c.percentage<50?d[0]:c.percentage<75?d[1]:d[2];return i?(0,t.jsx)("div",{className:"flex flex-col items-center justify-center",children:(0,t.jsx)(p.JO,{icon:"eos-icons:loading",width:100,height:100})}):(0,t.jsxs)("div",{className:"flex flex-col gap-6 md:gap-8",children:[(0,t.jsx)(N.x,{className:"!text-base leading-4 md:!text-md md:leading-6",children:(0,t.jsx)(k.Z,{text:e("csrd.steps.3.title"),components:{br:(0,t.jsx)("br",{})}})}),(0,t.jsx)("hr",{className:"border border-white/50"}),(0,t.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,t.jsx)(N.x,{className:"!text-md font-bold leading-6 md:!text-lg",children:"2023"}),(0,t.jsx)(N.x,{className:"!text-base leading-6",children:e("csrd.steps.3.lawYear")})]}),(0,t.jsx)("hr",{className:"border border-white/50"}),(0,t.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,t.jsxs)(N.x,{className:(0,f.cn)("!text-md font-bold leading-6 md:!text-lg",c.percentage<50?"text-primary-green":c.percentage<75?"text-primary-orange-700":"text-primary-red-500"),children:[c.percentage,"%"]}),(0,t.jsx)(N.x,{className:(0,f.cn)("!text-base leading-6",c.percentage<50?"text-primary-green":c.percentage<75?"text-primary-orange-700":"text-primary-red-500"),children:u.title}),(0,t.jsx)(N.x,{className:"!text-base leading-6",children:u.text})]}),(0,t.jsxs)(w.z,{variant:"darkBlue",className:"h-auto min-h-0 gap-3 p-3",onClick:()=>{var e;n(),r(),s(0),null===(e=document.getElementById("csrd-steps-bar"))||void 0===e||e.scrollIntoView({block:"center",behavior:"smooth"})},children:[e("csrd.steps.3.submit"),(0,t.jsx)(p.JO,{icon:"carbon:arrow-right"})]})]})};function L(e){let{children:l,isInModal:s=!1}=e,{t:r}=(0,o.Z)("common");return(0,t.jsxs)("section",{id:"csrd-form",className:(0,n.cn)("relative h-[90vh] overflow-y-hidden",s&&"w-auto"),children:[(0,t.jsx)(a(),{src:"/images/components/CSRDSection/csrd_bg.png",fill:!0,className:"object-cover",alt:"csrd bg"}),(0,t.jsxs)("div",{className:"relative z-20 grid h-full w-full grid-cols-1 gap-y-5 text-white lg:grid-cols-12",children:[l,(0,t.jsxs)("div",{className:"col-span-1 flex flex-col gap-3 px-6 pt-12 lg:col-span-4 lg:gap-5 lg:px-10 lg:pr-14 lg:pt-24 xl:lg:col-span-5 xl:px-20 xl:pr-28",children:[(0,t.jsx)(n.Text,{size:"md",className:"font-bold",asChild:!0,children:(0,t.jsx)("h3",{className:"max-xl:leading-8",children:r("csrd.title")})}),(0,t.jsx)(n.Text,{className:"hidden !text-base leading-4 md:block lg:!text-md lg:leading-6",children:r("csrd.subtitle")})]}),(0,t.jsx)("div",{className:"col-span-1 row-span-2 bg-[#707169]/80 p-5 lg:col-span-8 lg:px-8 lg:pt-24 xl:lg:col-span-7 xl:px-14",children:(0,t.jsx)(O,{isInModal:s})})]})]})}},94861:function(e,l,s){s.d(l,{l:function(){return u}});var t=s(99270),r=s(99354),a=s(18922),n=s(71137),o=s(7407),c=s(56394),i=s(77191),d=s(20990),m=s(78193);let u=e=>{let{cards:l,classNames:s,arrowsColor:n="black",showArrows:u="always",showBullets:p="never",fullScreenOnMobile:h=!1,isAdopt:f=!1,isEsg:g=!1,isAdoptCarousel:b=!1,isEducation:j=!1,isTruspilot:v=!1,setCarouselWidth:w,scrollIntoViewOptions:N}=e,y=(0,r.useId)(),k=(0,r.useMemo)(()=>l.map((e,l)=>({id:y+"-"+l,item:e})),[l,y]),{width:C}=(0,i.i)(),[S,z]=(0,r.useState)(!0),{refCarousel:_,scrollCarouselHandler:I,buttonsDisabled:E}=(0,d.v)(k.length),[R,M]=(0,r.useState)(""),Z=(0,c.d)(),{t:O}=(0,a.Z)("common");(0,r.useEffect)(()=>{k.length>0&&_.current&&(z(_.current.scrollWidth>_.current.offsetWidth),w&&w(_.current.offsetWidth))},[k,_,C,R,w]);let P=(0,r.useMemo)(()=>S&&(!u&&"never"!==u||"always"===u||"desktop"===u&&!Z||"mobile"===u&&Z),[Z,u,S]),T=(null==k?void 0:k.length)>0&&_.current?0===_.current.scrollLeft?"first":R==="carousel-item-".concat(k[k.length-1].id)?"last":"none":"first";return(0,t.jsxs)("div",{className:(0,o.cn)("relative -ml-4 -mr-4 flex h-max items-center gap-3 lg:px-12",null==s?void 0:s.carousel),children:[P&&("first"!==T?(0,t.jsx)("button",{type:"button",role:"button","aria-label":O("carousel.left"),onClick:()=>{I("prev")},disabled:E,className:"z-[11]",children:(0,t.jsx)(m.JO,{icon:"iconamoon:arrow-left-6-circle-thin",width:"34",height:"34",color:n})}):(0,t.jsx)("div",{className:"w-8"})),(0,t.jsx)("div",{ref:_,className:(0,o.cn)("carousel-center carousel relative flex-1 gap-7 p-2 lg:p-8",null==s?void 0:s.container),children:null==k?void 0:k.map(e=>(0,t.jsx)(x,{className:null==s?void 0:s.carouselItem,item:e,setInViewCard:M,isMobile:Z,fullScreenOnMobile:h,isAdopt:f,isEducation:j,isTruspilot:v,isEsg:g},e.id))}),(!p&&"never"!==p||"always"===p||"desktop"===p&&!Z||"mobile"===p&&Z)&&(0,t.jsx)("div",{className:(0,o.cn)("absolute left-1/2 flex w-fit -translate-x-1/2 justify-center gap-3 lg:gap-5 ".concat({adopt:"-bottom-4 lg:bottom-10",adoptCarousel:"bottom-4 lg:bottom-16",default:"-bottom-2"}[f||v?"adopt":b?"adoptCarousel":"default"]),null==s?void 0:s.bullets),children:null==k?void 0:k.map(e=>(0,t.jsx)("button",{type:"button",role:"button","aria-label":O("carousel.activeItem"),className:(0,o.cn)("-ml-3 text-primary-black-100",{"text-primary-orange-700":R==="carousel-item-".concat(e.id)}),onClick:()=>{var l;null===(l=document.getElementById("carousel-item-".concat(e.id)))||void 0===l||l.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center",...N})},children:(0,t.jsx)(m.JO,{icon:"carbon:dot-mark",className:"h-[1.742rem] w-[1.742rem]"})},"control-".concat(e.id)))}),P&&("last"!==T?(0,t.jsx)("button",{type:"button",role:"button","aria-label":O("carousel.right"),onClick:()=>{I("next")},disabled:E,className:"z-[11]",children:(0,t.jsx)(m.JO,{icon:"iconamoon:arrow-right-6-circle-thin",width:"34",height:"34",color:n})}):(0,t.jsx)("div",{className:"w-8"}))]})},x=e=>{let{item:l,setInViewCard:s,isMobile:a,fullScreenOnMobile:c,isAdopt:i,isEducation:d,isTruspilot:m,isEsg:u,className:x}=e,{observe:p,inView:h}=(0,n.Y)({threshold:.7});return(0,r.useEffect)(()=>{h&&s("carousel-item-".concat(l.id))},[h,l.id,s]),(0,t.jsx)("div",{ref:e=>p(e),id:"carousel-item-".concat(l.id),className:(0,o.cn)("carousel-item max-w-full py-2 md:py-4 md:first:ml-auto md:last:mr-auto ".concat({a:"!max-w-[90%] lg:!w-[410px]",b:"w-full",c:"w-full !max-w-[90%] lg:!w-[380px]",d:"w-full !max-w-[180px] lg:!w-[180px]",e:""}[m?"a":i?"b":u?"c":d?"d":"e"]),x),style:{maxWidth:a&&!c?"90%":"100%"},children:l.item})};u.displayName="Carousel",x.displayName="CarouselItem"},15556:function(e,l,s){s.d(l,{G3:function(){return r},jU:function(){return t},wu:function(){return a}});let t=!0,r=e=>[640,768,1024,1280,1536,1920].reduce((l,s)=>Math.abs(s-e)<Math.abs(l-e)?s:l),a=(e,l)=>{let s={event:e,...l};window.dataLayer.push(s)}}}]);