https://www.transitions.com/_next/static/chunks/3801.05415aeb8169033d.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3801],{51925:e=>{e.exports={section_3:"SectionThree_section_3__iKHex",getAdviceContainer:"SectionThree_getAdviceContainer__n34xV",title:"SectionThree_title__haiW6",text:"SectionThree_text__C0uPr",button:"SectionThree_button__aA7o_",yourSelectionContainer:"SectionThree_yourSelectionContainer__aOFgf",yourSelection:"SectionThree_yourSelection__JYXga",lensColor:"SectionThree_lensColor__CrBlF",lensProduct:"SectionThree_lensProduct__Q26tF",colortouch:"SectionThree_colortouch__7c1Sk",xtractive:"SectionThree_xtractive__MVmFB",signature:"SectionThree_signature__eaTMh",hoverContainer:"SectionThree_hoverContainer__dMJgK",productHover:"SectionThree_productHover__TlMmm",xBtn:"SectionThree_xBtn__Ml4H6",brandName:"SectionThree_brandName__op7Pb",overlay:"SectionThree_overlay__gml4k"}},63801:(e,t,i)=>{"use strict";i.r(t),i.d(t,{default:()=>b});var s=i(95155),l=i(71408),n=i(34486),r=i(52619),a=i.n(r),o=i(88070),c=i(12115),d=i(49228),x=i(40350),h=i(37795);let m=()=>(0,s.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"19",height:"21",viewBox:"0 0 19 21",children:(0,s.jsxs)("g",{id:"shopping-bag",transform:"translate(0.5 0.5)",children:[(0,s.jsx)("path",{id:"Trac\xe9_14086","data-name":"Trac\xe9 14086",d:"M6,2,3,6V20a2,2,0,0,0,2,2H19a2,2,0,0,0,2-2V6L18,2Z",transform:"translate(-3 -2)",fill:"none",stroke:"#1c1c1c",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1"}),(0,s.jsx)("line",{id:"Ligne_384","data-name":"Ligne 384",x2:"18",transform:"translate(0 4)",fill:"none",stroke:"#1c1c1c",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1"}),(0,s.jsx)("path",{id:"Trac\xe9_14087","data-name":"Trac\xe9 14087",d:"M16,10a4,4,0,0,1-8,0",transform:"translate(-3 -2)",fill:"none",stroke:"#1c1c1c",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1"})]})});var T=i(9744),j=i(37489),u=i(79344),v=i(70178),_=i(51925),p=i.n(_);let A=e=>{let{sectionThreeCollection:t,availableProduct:i}=e,[l,n]=(0,c.useState)(!1),[r,a]=(0,c.useState)(!1),[o,d]=(0,c.useState)(!1);return(0,s.jsx)(s.Fragment,{children:"1"==i?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(C,{title:j.A.html(t.XANGTitle),toolTipTitle:j.A.html(t.XANGTitle2),toolTipText:j.A.html(t.XANGText),toolTipCTA:t.XANGCta,xtraVisible:l,setSigVisible:a,setXtraVisible:n,setColVisible:d}),(0,s.jsx)(N,{title:j.A.html(t.SigTitle),toolTipTitle:j.A.html(t.SigTitle2),toolTipText:j.A.html(t.SigText),toolTipCTA:t.SigCta,sigVisible:r,setXtraVisible:n,setSigVisible:a,setColVisible:d})]}):"2"==i?(0,s.jsx)(N,{title:j.A.html(t.SigTitle),toolTipTitle:j.A.html(t.SigTitle2),toolTipText:j.A.html(t.SigText),toolTipCTA:t.SigCta,sigVisible:r,setXtraVisible:n,setSigVisible:a,setColVisible:d}):"3"==i?(0,s.jsx)(S,{title:j.A.html(t.ColTitle),toolTipTitle:j.A.html(t.ColTitle2),toolTipText:j.A.html(t.ColText),toolTipCTA:t.ColCta,colVisible:o,setXtraVisible:n,setSigVisible:a,setColVisible:d}):(0,s.jsx)(C,{title:j.A.html(t.XANGTitle),toolTipTitle:j.A.html(t.XANGTitle2),toolTipText:j.A.html(t.XANGText),toolTipCTA:t.XANGCta,xtraVisible:l,setSigVisible:a,setXtraVisible:n,setColVisible:d})})},C=e=>{let{toolTipTitle:t,toolTipText:i,toolTipCTA:r,title:o,setSigVisible:c,setXtraVisible:x,setColVisible:h,xtraVisible:m}=e,{languageDirection:T}=j.A;return(0,s.jsxs)(s.Fragment,{children:[m&&(0,s.jsx)("div",{className:p().overlay,onClick:()=>x(!1)}),(0,s.jsxs)("div",{className:p().xtractive,children:[(0,s.jsx)(l.N,{children:m&&(0,s.jsx)(n.P.div,{className:p().hoverContainer,initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},transition:{duration:.2,ease:"linear"},children:(0,s.jsxs)("div",{className:p().productHover,children:[(0,s.jsx)(g,{className:p().xBtn,onClick:()=>x(!1)}),(0,s.jsx)("span",{className:p().title,children:t}),(0,s.jsx)("div",{className:p().text,...T(),children:i}),(0,s.jsxs)(a(),{href:r.url,children:[(0,s.jsx)(d.A,{}),(0,s.jsx)("span",{children:r.label})]})]})})}),(0,s.jsx)("span",{onClick:()=>x(!1),onMouseEnter:()=>{x(!0),c(!1),h(!1)},children:o})]})]})},N=e=>{let{toolTipTitle:t,toolTipText:i,toolTipCTA:r,title:o,setXtraVisible:c,setSigVisible:x,setColVisible:h,sigVisible:m}=e,{languageDirection:T}=j.A;return(0,s.jsxs)(s.Fragment,{children:[m&&(0,s.jsx)("div",{className:p().overlay,onClick:()=>x(!1)}),(0,s.jsxs)("div",{className:p().signature,children:[(0,s.jsx)(l.N,{children:m&&(0,s.jsx)(n.P.div,{className:p().hoverContainer,initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.2,ease:"linear"},children:(0,s.jsxs)("div",{className:p().productHover,children:[(0,s.jsx)(g,{className:p().xBtn,onClick:()=>x(!1)}),(0,s.jsx)("span",{className:p().title,children:t}),(0,s.jsx)("div",{className:p().text,...T(),children:i}),(0,s.jsxs)(a(),{href:r.url,children:[(0,s.jsx)(d.A,{}),(0,s.jsx)("span",{children:r.label})]})]})})}),(0,s.jsx)("span",{onClick:()=>x(!1),onMouseOver:()=>{c(!1),x(!0),h(!1)},children:o})]})]})},S=e=>{let{toolTipTitle:t,toolTipText:i,toolTipCTA:r,title:o,setXtraVisible:c,setSigVisible:x,setColVisible:h,colVisible:m}=e,{languageDirection:T}=j.A;return(0,s.jsxs)(s.Fragment,{children:[m&&(0,s.jsx)("div",{className:p().overlay,onClick:()=>h(!1)}),(0,s.jsxs)("div",{className:p().colortouch,children:[(0,s.jsx)(l.N,{children:m&&(0,s.jsx)(n.P.div,{className:p().hoverContainer,initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},transition:{duration:.2,ease:"linear"},children:(0,s.jsxs)("div",{className:p().productHover,children:[(0,s.jsx)(g,{className:p().xBtn,onClick:()=>h(!1)}),(0,s.jsx)("span",{className:p().title,children:t}),(0,s.jsx)("div",{className:p().text,...T(),children:i}),(0,s.jsxs)(a(),{href:r.url,children:[(0,s.jsx)(d.A,{}),(0,s.jsx)("span",{children:r.label})]})]})})}),(0,s.jsx)("span",{onClick:()=>h(!1),onMouseOver:()=>{c(!1),x(!1),h(!0)},children:o})]})]})},g=e=>{let{className:t,onClick:i}=e;return(0,s.jsx)("svg",{className:t,onClick:i,xmlns:"http://www.w3.org/2000/svg",width:"31",height:"31",viewBox:"0 0 31 31",children:(0,s.jsxs)("g",{id:"x-circle",transform:"translate(0.5 0.5)",children:[(0,s.jsx)("line",{id:"Ligne_447","data-name":"Ligne 447",x1:"9",y2:"9",transform:"translate(11 11)",fill:"none",stroke:"#fff",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1"}),(0,s.jsx)("line",{id:"Ligne_448","data-name":"Ligne 448",x2:"9",y2:"9",transform:"translate(11 11)",fill:"none",stroke:"#fff",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1"})]})})},b=e=>{let{handleGetAdvice:t,sectionThreeCollection:i}=e,{state:l}=(0,c.useContext)(u.B),{desktopTips:n}=l,{readingReference:r}=j.A;return(0,s.jsxs)("div",{className:p().section_3,children:[(0,s.jsxs)("div",{className:p().getAdviceContainer,children:[(0,s.jsx)("span",{className:p().text,children:i.GAPreText}),(0,s.jsx)("h2",{className:p().title,children:i.GATitle}),(0,s.jsx)("div",{className:p().text,...r(),children:j.A.html(i.GAText)}),n&&(0,s.jsx)(x.A,{tourText:n[0].desc,stepNumber:0,stepText:n[0].step,children:(0,s.jsxs)(T.A,{disabled:!l.FBXState.vmInit,className:p().button,onClick:()=>{t(),(0,v.WE)({eventLabel:"Main: Get Advice"})},children:[(0,s.jsx)(h.A,{}),i.GABtnText]})})]}),(0,s.jsxs)("div",{className:p().yourSelectionContainer,children:[(0,s.jsxs)("div",{className:p().yourSelection,children:[(0,s.jsx)(m,{})," ",(0,s.jsx)("label",{children:i.YSText})]}),(0,s.jsxs)("div",{className:p().lensColor,style:(()=>{var e;return(null==(e=o.Ay.locale)?void 0:e.includes("ar"))?{direction:"rtl"}:{direction:"ltr"}})(),children:[j.A.html(i.YSTransitionsText)," ",l.selection.color," ",i.YSLensesText]}),(0,s.jsx)("label",{children:i.YSAvailable}),(0,s.jsx)("div",{className:p().lensProduct,children:(0,s.jsx)(A,{sectionThreeCollection:i,availableProduct:l.selection.availableProduct})}),(0,s.jsx)("label",{children:i.YSWith}),(0,s.jsxs)("div",{className:p().brandName,children:[l.selection.model," ",i.YSBy," ",l.selection.brand]}),i.StoreCTA.label&&(0,s.jsx)(T.A,{onClick:()=>{var e;return e=i.StoreCTA.url,void o.Ay.push(e)},children:i.StoreCTA.label})]})]})}}}]);