https://www.transitions.com/_next/static/chunks/2330.3e66ed2fece0f19f.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2330],{630:(e,t,s)=>{"use strict";s.d(t,{A:()=>o});var n=s(12115),i=s(47650);let o=e=>{let{children:t,selector:s}=e,o=(0,n.useRef)(null),[a,r]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{o.current=document.querySelector(s),r(!0)},[s]),a?(0,i.createPortal)(t,o.current):null}},5403:(e,t,s)=>{"use strict";var n=s(47650),i=s(12669);{let e=new WeakMap;"function"!=typeof n.render&&(n.render=(t,s)=>{let n=e.get(s);n||(n=(0,i.createRoot)(s),e.set(s,n)),n.render(t)}),"function"!=typeof n.unmountComponentAtNode&&(n.unmountComponentAtNode=t=>{let s=e.get(t);return!!s&&(s.unmount(),e.delete(t),!0)})}},9744:(e,t,s)=>{"use strict";s.d(t,{A:()=>c});var n=s(95155);s(12115);var i=s(9963),o=s(37489),a=s(88070),r=s(67100),l=s.n(r);let c=e=>{var t,s;let{children:r,className:c,type:p="primary",disabled:d,invert:u=!1,inlineStyle:m,onClick:h}=e,[v,y]=(0,i.A)("square-button",c),{html:x}=o.A,g=null!=(s=null===a.Ay||void 0===a.Ay||null==(t=a.Ay.locale)?void 0:t.includes("de"))&&s,{locale:f}=null===a.Ay||void 0===a.Ay?void 0:a.Ay.router;return(0,n.jsx)("button",{disabled:d,className:v((()=>{let e=[p];return u&&e.push("invert-".concat(p)),e})()),id:g||"nl-be"===f?l().button:l().defaultButton,onClick:()=>{h&&h()},style:m,children:(()=>{let e=(e,t)=>(0,n.jsx)("span",{className:y("label"),id:g||"nl-be"===f?l().label:l().defaultLabel,children:x(e)},t);return"string"==typeof r?e(r):null==r?void 0:r.map((t,s)=>"string"==typeof t?e(t,s):t)})()})}},19087:e=>{e.exports={section2:"SectionTwo_section2__yb31t",slider:"SectionTwo_slider__ID9Pf",takeAPic:"SectionTwo_takeAPic__T83Zj",modalContainer:"SectionTwo_modalContainer__5deFm",BIPAModal:"SectionTwo_BIPAModal__3WQ_6",xbtn:"SectionTwo_xbtn__h04yB"}},35821:e=>{e.exports={tooltipContainer:"StepTour_tooltipContainer__ocA0m",tooltip:"StepTour_tooltip__kkxc6",stepText:"StepTour_stepText__J1J_f",stepNumber:"StepTour_stepNumber__rLdjx",exitBtn:"StepTour_exitBtn__u2Ibw",nextBtn:"StepTour_nextBtn__gxvLv",toolTipPointerRight:"StepTour_toolTipPointerRight__voQfp",toolTipPointerBottomRight:"StepTour_toolTipPointerBottomRight__wiQpm",toolTipPointerBottomLeft:"StepTour_toolTipPointerBottomLeft__xeMRi",overlay:"StepTour_overlay___YUDy"}},35999:(e,t,s)=>{"use strict";s.d(t,{KR:()=>x,Nx:()=>d,OH:()=>h,TX:()=>a,aH:()=>m,cE:()=>y,dY:()=>p,dx:()=>v,hK:()=>u,hV:()=>r,mE:()=>c,qK:()=>l,v0:()=>i,zp:()=>o});var n=s(70178);let i=["en-us","en-ca","it","fr-fr","fr-ca","es-us","es-latam","es-co","es-mx","en-gb","en-ie","emea","en-au","za","en-nw","fr-nw","ar-me","en-me","ar","es","pt","pt-br","hu","ro","pl","cs-cz","hr-cr","nl","fr-be","nl-be","de","de-at","de-ch","fr-ch","zh-tw","zh-hk","en-ph","en-in","en-my","en-sg","de-emea","fr-emea","tr","ja-jp","id","ko-kr","zh-cn","th-th"],o=["en-us","es-us","en-ca","fr-ca","it","fr-fr","en-gb","es-latam","es-co","en-au","ar-me","en-me","ar","es","pt","hu","ro","pl","cs-cz","hr-cr","nl","de","emea","de-emea","fr-emea","en-me","pl","zh-hk","tr","pt-br","zh-cn","ja-jp","ko-kr","en-in","en-sg","th-th","id"],a="https://test.transitions.com/vtoapi/api/ActiveDistinctFrameColors",r="https://test.transitions.com/vtoapivmcm/api/ActiveDistinctFrameBrands",l="https://test.transitions.com/vtoapiVMCM/api/VAframes?",c="https://test.transitions.com/vtoapiVMCM/api/frames?",p="https://test.transitions.com/vtoapiVMCM/api/DefFrames?glassIDs=",d="https://test.transitions.com/vtoapiv5/api/ActiveDistinctFrameColors",u="https://test.transitions.com/vtoapiv5/api/ActiveDistinctFrameBrands",m="https://test.transitions.com/vtoapiv5/api/VAframes?",h="https://test.transitions.com/vtoapiv5/api/frames?",v="https://test.transitions.com/vtoapiv5/api/DefFrames?glassIDs=",y={style:"1,2,3,4",category:"1,2,3",color:"1,2,3,4,6,7,8,9,11,13,15,16,17,18,19,20,21",brand:"1,2,12,13,14,15,16,17,18,19,20,21,22,23"},x=e=>{let t=e.faceShape,s=e.skinTone,i=e.gender.split(","),o=e.frameStyle.split(","),a=0,r=0,l=0;3===i.length&&(a=1,r=1,l=1),i.forEach(e=>{"1"===e?a=1:"2"===e?r=1:l=1});let c=0,p=0,d=0,u=0;4===o.length&&(c=1,p=1,d=1,u=1),o.forEach(e=>{"1"===e?c=1:"2"===e?p=1:"3"===e?d=1:u=1}),(0,n.WE)({eventLabel:"Final Face Shape - "+t}),(0,n.WE)({eventLabel:"Final Skin Tone - "+s});var m=[];1==a&&m.push("FeMale"),1==r&&m.push("Male"),1==l&&m.push("Unisex"),(0,n.WE)({eventLabel:"Final Frame Gender(s) - "+m.join(", ")});var h=[];return 1==c&&h.push("Iconic"),1==p&&h.push("Oversized"),1==d&&h.push("Discreet"),1==u&&h.push("Flashy"),(0,n.WE)({eventLabel:"Final Frame Style(s) - "+h.join(", ")}),"faceShapeID="+t+"&skinToneID="+s+"&genderID1="+a+"&genderID2="+r+"&genderID3="+l+"&styleID1="+c+"&styleID2="+p+"&styleID3="+d+"&styleID4="+u}},40350:(e,t,s)=>{"use strict";s.d(t,{A:()=>d,d:()=>p});var n=s(95155),i=s(12115),o=s(35821),a=s.n(o),r=s(59829),l=s(79344),c=s(6095);let p=e=>{let{children:t,tourText:s,stepNumber:o,stepText:p,toolTipContainerStyle:d,toolTipStyle:u,pointerRight:m,pointerBottomRight:h,pointerBottomLeft:v}=e,{state:y}=(0,i.useContext)(l.B),{dispatchStepTour:x}=(0,i.useContext)(l.B),{is:g}=(0,c.A)();return(0,n.jsxs)("div",{children:[y.stepTour===o&&(0,n.jsx)("div",{className:a().overlay,style:1===y.stepTour?{top:"-2000px",left:"-2000px",width:"99999vw",height:"99999vh"}:{},onClick:()=>x(9)}),(0,n.jsxs)("div",{className:m?a().toolTipPointerRight:h?a().toolTipPointerBottomRight:v?a().toolTipPointerBottomLeft:a().tooltipContainer,style:d,children:[y.stepTour===o&&g("mobile")&&(0,n.jsxs)("div",{className:a().tooltip,style:u,children:[(0,n.jsx)("label",{className:a().stepText,children:s}),(0,n.jsx)("span",{className:a().stepNumber,children:p}),(0,n.jsx)("span",{className:a().exitBtn,onClick:()=>x(9),children:"x"}),y.stepTour<5&&(0,n.jsx)(r.A,{color:"#fff",className:a().nextBtn,onClick:()=>x(e=>e+1)})]}),t]})]})},d=e=>{let{children:t,tourText:s,stepNumber:o,stepText:p,toolTipContainerStyle:d,toolTipStyle:u,pointerRight:m}=e,{state:h}=(0,i.useContext)(l.B),{dispatchStepTour:v}=(0,i.useContext)(l.B),{is:y}=(0,c.A)();return(0,n.jsxs)("div",{children:[h.stepTour===o&&(0,n.jsx)("div",{className:a().overlay,onClick:()=>v(9)}),(0,n.jsxs)("div",{className:m?a().toolTipPointerRight:a().tooltipContainer,style:d,children:[h.stepTour===o&&!y("mobile")&&(0,n.jsxs)("div",{className:a().tooltip,style:u,children:[(0,n.jsx)("label",{className:a().stepText,children:s}),(0,n.jsx)("span",{className:a().stepNumber,children:p}),(0,n.jsx)("span",{className:a().exitBtn,onClick:()=>v(9),children:"x"}),h.stepTour<5&&(0,n.jsx)(r.A,{color:"#fff",className:a().nextBtn,onClick:()=>v(e=>e+1)})]}),t]})]})}},46037:(e,t,s)=>{"use strict";let n;s.d(t,{A:()=>

1o}),s(5403);var i=s(9344);let o=(e,t)=>{i.ZV.renderMirror({target:"vtoContainerVM",glasses:[{upc:e,...t?{lens:{id:t,type:"transitions"}}:{}}],rendering:{}}).then(()=>{i.sv.build({key:"8aad72be-a0ca-45a0-af68-588b358df9e8"}).isUpcSupported(e)[e].then(e=>{e.isAvailable()&&e.isTransition()&&(i.ZV.setTransitionOpacity({opacity:0}),clearTimeout(n),n=setTimeout(function(){i.ZV.animateOpacity({duration:6500})},1500))})}).catch(e=>{})}},59829:(e,t,s)=>{"use strict";s.d(t,{A:()=>a});var n=s(95155);s(12115);var i=s(91126),o=s.n(i);let a=e=>{let{className:t,onClick:s,width:i="21",height:a="21",color:r="#1c1c1c"}=e;return(0,n.jsx)("div",{className:"".concat(t," ").concat(o().arrow),onClick:s,children:(0,n.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:i,height:a,viewBox:"0 0 ".concat(i," ").concat(a),children:(0,n.jsxs)("g",{id:"arrow-right-circle",transform:"translate(0.5 0.5)",children:[(0,n.jsx)("circle",{id:"Ellipse_42","data-name":"Ellipse 42",cx:"10",cy:"10",r:"10",fill:"none",stroke:r,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1"}),(0,n.jsx)("path",{id:"Trac\xe9_13928","data-name":"Trac\xe9 13928",d:"M12,16l4-4L12,8",transform:"translate(-2 -2)",fill:"none",stroke:r,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1"}),(0,n.jsx)("line",{id:"Ligne_245","data-name":"Ligne 245",x2:"8",transform:"translate(6 10)",fill:"none",stroke:r,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1"})]})})})}},67100:e=>{e.exports={button:"SquareButton_button__fbvPm",label:"SquareButton_label__oYZmt"}},79344:(e,t,s)=>{"use strict";s.d(t,{A:()=>l,B:()=>r});var n=s(95155),i=s(88070),o=s(12115),a=s(35999);let r=o.createContext(void 0),l=function(e){let{state:t,children:s}=e,[l,c]=o.useState(),[p,d]=o.useState(),[u,m]=o.useState(),[h,v]=o.useState(a.v0.includes(i.Ay.locale)?"8056597712439":"888392595256"),[y,x]=o.useState(a.v0.includes(i.Ay.locale)?"GENS-RUBY":"SIGNATURE-GEN8-SAPPHIRE"),[g,f]=o.useState({color:"Ruby",colorID:"1",model:"Gregory Peck",brand:"Oliver Peoples",availableProduct:"1",frameImgSrc:"",brandImgSrc:"",lensImgSrc:"",sharePic:!1}),[T,S]=o.useState({style:a.cE.style,category:a.cE.category,color:a.cE.color,brand:a.cE.brand,styleFiltered:!1,categoryFiltered:!1,colorFiltered:!1,brandFiltered:!1}),[b,w]=o.useState((a.v0.includes(i.Ay.locale),"8056597712439,888392595256,8056597707848,8056597705776")),[_,A]=o.useState({viewFrames:!1,viewBrands:!1,fromViewBrands:!1}),[k,I]=o.useState(0),[j,B]=o.useState(),[C,P]=o.useState(),[N,E]=o.useState({fbxInstance:"",vmInit:!1,getStarted:!0,init:!0,loading:!1,error:!1,success:!1,vmFirstLoad:!1,bipaAccepted:!1,FALInit:!1,FALData:[]}),[F,M]=o.useState({faceShape:"",skinTone:"3",gender:"3",frameStyle:""});return(0,n.jsx)(r.Provider,{value:{state:{event:l,reviewsAPI:p,quiz:u,upc:h,colorVM:y,filters:T,homeFramesFilter:b,redirectBack:_,stepTour:k,selection:g,GAFilters:F,FBXState:N,desktopTips:j,mobileTips:C},dispatchEvent:e=>c(e),dispatchReviewAPI:e=>d(e),dispatchQuiz:e=>m(e),dispatchUpc:e=>v(e),dispatchColorVM:e=>x(e),dispatchFilters:e=>S(e),dispatchHomeFramesFilter:e=>w(e),dispatchRedirectBack:e=>A(e),dispatchStepTour:e=>I(e),dispatchSelection:e=>f(e),dispatchGAFilters:e=>M(e),dispatchFBXState:e=>E(e),dispatchDesktopTips:e=>B(e),dispatchMobileTips:e=>P(e)},children:s})}},91126:e=>{e.exports={arrow:"SWArrow_arrow___8gkZ"}},92330:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>f});var n=s(95155),i=s(12115),o=s(19087),a=s.n(o),r=s(9344);s(5403);let l="8aad72be-a0ca-45a0-af68-588b358df9e8",c={};var p=s(79344),d=s(40350),u=s(9744),m=s(630),h=s(88070),v=s(70178),y=s(37489),x=s(46037);let g=["https://www.transitions.com/assets/images/snowwhite/sunnew.svg","https://www.transitions.com/assets/images/snowwhite/sunnew-1.svg","https://www.transitions.com/assets/images/snowwhite/sunnew-2.svg","https://www.transitions.com/assets/images/snowwhite/sunnew-3.png"],f=e=>{let{handleTakeAPicture:t,sectionTwoCollection:s}=e,{state:o,dispatchFBXState:f}=(0,i.useContext)(p.B),{desktopTips:T,mobileTips:S}=o,[b,w]=(0,i.useState)(1),[_,A]=(0,i.useState)(!1),[k,I]=(0,i.useState)(!1),j=(0,i.useRef)(null),B=(0,h.rd)(),C=window.location.origin+"/"+B.locale;(0,i.useEffect)(()=>{o.FBXState.vmInit||o.FBXState.fbxInstance||(o.FBXState.vmFirstLoad?((0,x.A)(o.upc,o.colorVM),f(e=>({...e,vmInit:!0})),I(!0)):(((e,t,s,n,i,o,a)=>{c.options={key:l,brand:"Transitions",storeId:"Transitions",channel:"ecommerce",locale:(e=>{if(!e)return"en-US";let t=e.split("-");return 1===t.length?"".concat(t[0],"-").concat(t[0].toUpperCase()):"".concat(t[0],"-").concat(t[1].toUpperCase())})(a||"en-us"),callbacks:{onTransitionAnimation:t=>{e(100*t)},onTransitionAnimationEnd:e=>{setTimeout(()=>{r.ZV.animateOpacity({duration:6500})},100)}},analyticsConfig:{onGlassesOn:()=>{t(!0)}}},c.privacy={bipaActive:!0,termsAndConditions:"https://www.luxottica.com/TERMS_AND_CON

1DITIONS",region:a.includes("us")?"US":"EU",source:"B2C_TRANSITIONS"},c.privacyCallbacks={onTermsAndConditionsClick:()=>{s(!0)},onPrivacyFail:e=>console.log(e),onPrivacyReject:()=>{let e=document.getElementById("navigation");e&&e.style.removeProperty("z-index"),window.location.href=n},onPrivacyAgree:e=>{let t=document.getElementById("__next");t.style.height="unset",t.style.overflow="unset";let s=document.getElementById("section2");s&&s.style.removeProperty("z-index");let n=document.getElementById("navigation");n&&n.style.removeProperty("z-index")},onPrivacyDisplay:()=>{let e=document.getElementById("__next");e.style.height="100vh",e.style.overflow="hidden";let t=document.getElementById("section2");t&&(t.style.zIndex="21");let s=document.getElementById("navigation");s&&(s.style.zIndex="22")},onMirrorExperience:()=>console.log("%cON MIRROR EXPERIENCE","font-size:2em;"),onDisplayPage:e=>console.log("privacy page: ".concat(e))},r.ZV.initialize(c).then(()=>{let e={target:"vtoContainerVM",glasses:[{upc:String(i),...o?{lens:{id:String(o),type:"transitions"}}:{}}],rendering:{}};return r.ZV.renderMirror(e)}).then(()=>{r.sv.build({key:l||""}).isUpcSupported(i)[i].then(e=>{e.isAvailable()&&e.isTransition()&&(r.ZV.setTransitionOpacity({opacity:0}),setTimeout(function(){r.ZV.animateOpacity({duration:6500})},1500))})}).catch(e=>console.log(e)),r.ZV.resetBipaState()})(w,I,A,C,o.upc,o.colorVM,B.locale),f(e=>({...e,vmFirstLoad:!0}))))},[o.FBXState.vmInit,o.FBXState.fbxInstance]),(0,i.useEffect)(()=>{k&&f(e=>({...e,vmInit:!0}))},[k]),(0,i.useEffect)(()=>{j.current&&(b<=25?j.current.style.setProperty("--s","30%, 0 0, 0 0,0 0"):b<=50?j.current.style.setProperty("--s","0 0 ,50%, 0 0,0 0"):b<=75?j.current.style.setProperty("--s","0 0,0 0,70%, 0 0"):j.current.style.setProperty("--s","0 0, 0 0,0 0,90%"),j.current.style.background="linear-gradient(to right, white 0%, white "+b+"%, black "+b+"%, black 100%)")},[b]),(0,i.useEffect)(()=>{j.current&&j.current.style.setProperty("--bg","url(".concat(s.sunIcon[0],"),\n            url(").concat(s.sunIcon[1],"),\n            url(").concat(s.sunIcon[2],"),\n            url(").concat(s.sunIcon[3],")\n            "))},[]);let[P,N]=(0,i.useState)([]),[E,F]=(0,i.useState)(0),M=()=>{P.length>3?(N([]),F(1)):F(e=>e+1)};return(0,i.useEffect)(()=>{E>0&&E<5&&(r.ZV.setTransitionOpacity({opacity:(E-1)*33/100}),r.ZV.getScreenshot().then(e=>{N(t=>[...t,{imageUri:e[0].imgURI,sliderBg:g[P.length]}]),M()}).catch(e=>console.log(e,"vm error")))},[E]),(0,i.useEffect)(()=>{P.length>3&&((0,v.WE)({eventLabel:"Main: Take A Picture"}),t(P))},[P]),(0,i.useEffect)(()=>{o.selection.sharePic&&M()},[o.selection.sharePic]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("div",{id:"section2",className:a().section2,children:[(0,n.jsx)("div",{id:"vtoContainerVM"}),T&&(0,n.jsx)(d.A,{tourText:T[3].desc,stepNumber:3,stepText:T[3].step,toolTipStyle:{position:"unset",transform:"unset"},pointerRight:!0,toolTipContainerStyle:window.innerWidth<1400?{position:"absolute",top:"50%",left:"47%",transform:"translate(-50%,-50%)",zIndex:"20"}:{position:"absolute",top:"50%",left:"55%",transform:"translate(-50%,-50%)",zIndex:"20"}}),S&&(0,n.jsx)(d.d,{tourText:S[3].desc,stepNumber:3,stepText:S[3].step,toolTipStyle:{top:"75%",left:"45%"},pointerRight:!0}),(0,n.jsx)("input",{ref:j,value:b,min:"0",max:"99",onChange:e=>{let t=e.target.value;w(t),r.ZV.setTransitionOpacity({opacity:t/100}),(0,v.WE)({eventLabel:"Main: Slider engagement: "+t+"%"})},className:a().slider,id:"slider",type:"range"}),T&&(0,n.jsx)(d.A,{tourText:T[4].desc,stepNumber:4,stepText:T[4].step,toolTipStyle:{bottom:"100px"},toolTipContainerStyle:{position:"static"}}),S&&(0,n.jsx)(d.d,{tourText:S[4].desc,stepNumber:4,stepText:S[4].step,toolTipStyle:{bottom:"110px"},toolTipContainerStyle:{position:"static"}}),(0,n.jsxs)(u.A,{className:a().takeAPic,onClick:()=>M(),disabled:!k,children:[(0,n.jsx)("img",{src:"https://www.transitions.com/assets/images/snowwhite/camerar2X.png"}),(0,n.jsx)("span",{children:s.takePic_text})]})]}),(0,n.jsx)(m.A,{selector:"#portal",children:_&&(0,n.jsx)("div",{className:a().modalContainer,onClick:()=>A(!1),children:(0,n.jsxs)("div",{className:a().BIPAModal,children:[(0,n.jsx)("label",{className:a().title,children:s.BIPA_title}),(0,n.jsx)("p",{children:y.A.html(s.BIPA_text)}),(0,n.jsx)("img",{className:a().xbtn,src:"https://www.transitions.com/assets/images/snowwhite/brandClose.png",alt:"x-button"})]})})})]})}}}]);