https://www.hubblecontacts.com/4937-c791cc3e1d70182ecae7.js

1"use strict";(self.webpackChunkgatsby_starter_default=self.webpackChunkgatsby_starter_default||[]).push([[4937],{62602:function(e,s,a){var t=a(96540),l=a(41693),r=a(67092),n=a(79085),o=a(98162);s.A=e=>{let{type:s,product:a,color:c,gender:m,color_scheme:u,isKidsRelatedGlasses:i,position:d="N/A",isSlider:g}=e;const{title:b,glassesBasePrice:f,sunglassesBasePrice:p,hubbleFrameVariants:w,sunglassesMaleHeaderImage1:E,sunglassesFemaleHeaderImage1:$,maleHeaderImage1:h,femaleHeaderImage1:v,handle:A,productGender:N}=a,y="glasses"===s;(0,t.useEffect)((()=>{a.hubbleFrameVariants.map((e=>Object.entries(e).map((e=>{let[s,a]=e;if(y&&"productimage1"===s.toLowerCase()||!y&&"sunglassesproductimage1"===s.toLowerCase())return a})).filter((e=>e)))).map((e=>e.forEach((e=>{(new Image).src=e}))))}),[a]);const{0:H,1:S}=(0,t.useState)(),I=(0,n.SO)(),{0:k,1:P}=(0,t.useState)(!1);(0,t.useEffect)((()=>{P(!0)}),[]),(0,t.useEffect)((()=>{S(I<578)}),[I]);const C=w.filter((e=>{let{colorFilter:s}=e;return null==c?void 0:c.some((e=>s.toLowerCase().includes(e)))}));(0,t.useEffect)((()=>{L(0===(null==c?void 0:c.length)?w[0]:C[0]||x);const e=y?x.productImage1:x.sunglassesProductImage1;B(e)}),[c]);const _="Kids"===(null==a?void 0:a.size)||i,F=0!==(null==C?void 0:C.length)?C[0]:w[0],{0:x,1:L}=(0,t.useState)(F),M=y?F.productImage1:F.sunglassesProductImage1,O=y?_?x.productImage2:h:E,{0:R,1:B}=(0,t.useState)(M),{0:K,1:j}=(0,t.useState)(O),{0:D,1:G}=(0,t.useState)(""),{0:T,1:V}=(0,t.useState)(""),{0:q,1:z}=(0,t.useState)(y?f:p),{0:J,1:Q}=(0,t.useState)(!1),{0:U,1:W}=(0,t.useState)(!1),X=(0,t.useRef)(null);(0,n.l4)();(0,t.useEffect)((()=>{const e=y?x.productImage1:x.sunglassesProductImage1;B(e)}),[x]);const Y=e=>{const s=w[e],a=y?s.productImage1:s.sunglassesProductImage1;L(w[e]),B(a),W(!1)};(0,t.useEffect)((()=>{if(_)return G(`${b} eyeglasses from Hubble`),V(`A child wearing ${b} eyeglasses from Hubble`),j(x.productImage2);if("Female"===N)return y?(G(`${b} eyeglasses from Hubble`),V(`A woman wearing ${b} eyeglasses from Hubble`)):(G(`${b} sunglasses from Hubble`),V(`A woman wearing ${b} sunglasses from Hubble`)),j(y?v:$);if("female"===m)return y?(G(`${b} eyeglasses from Hubble`),V(`A woman wearing ${b} eyeglasses from Hubble`)):(G(`${b} sunglasses from Hubble`),V(`A woman wearing ${b} sunglasses from Hubble`)),j(y?v:$);if("male"===m)return y?(G(`${b} eyeglasses from Hubble`),V(`A man wearing ${b} eyeglasses from Hubble`)):(G(`${b} sunglasses from Hubble`),V(`A man wearing ${b} sunglasses from Hubble`)),j(y?h:E);const e=~~(2*Math.random());return y?(G(`${b} eyeglasses from Hubble`),V(e?`A woman wearing ${b} eyeglasses from Hubble`:`A man wearing ${b} eyeglasses from Hubble`),j(e?v:h)):y?void 0:(G(`${b} sunglasses from Hubble`),V(e?`A woman wearing ${b} sunglasses from Hubble`:`A man wearing ${b} sunglasses from Hubble`),j(e?$:E))}),[U]);return t.createElement("div",{className:"product-item","data-type":s,ref:X},t.createElement("div",{className:"image-container "+(U&&_?"hovered":""),onMouseEnter:()=>{!H&&!g&&W(!0),Q(!0)},onMouseLeave:()=>{!H&&!g&&W(!1),Q(!1)},onClick:e=>{(e=>{e.preventDefault(),"undefined"!=typeof window&&null!==window.gtag&&window.gtag("event","select_content",{content_type:"product",items:[{name:a.title,id:a.shopifyProductId,price:a.glassesBasePrice,brand:"Hubble",variant:x.title,list_position:1,quantity:1}]}),(0,l.navigate)(`/${s}/${A}`)})(e)}},t.createElement(o.A,{withParallax:!0,speed:.02,wrapperClassName:"product-image",className:"product-image--inner "+(U?"hover":""),fileName:U?K:R,alt:U?T:D}),k&&!H&&t.createElement("div",{className:"button-container "+(J?"show-btn-hover":"")},t.createElement(r.A,{className:"shop-now-button",label:"Shop Now",to:`/${s}/${A}`}))),t.createElement("div",{className:"product-info-container"},t.createElement("div",{className:"info"},t.createElement("p",{className:"title text h5"},t.createElement("a",{href:`/${s}/${A}`},b)),t.createElement("p",{className:"price text neue"},"$",q)),t.createElement("div",{className:"colors-container",role:"radiogroup"},w.map(((e,s)=>{let{title:a,sku:l}=e;return t.createElement(o.A,{className:"swatch "+(x.sku===l?"active":""),fileName:`${a}.png`,alt:`${a} ${y?"Eyeglass Frame":"Sunglass"} Color`,key:`${a}${s}`,onClick:()=>Y(s),onKeyPress:e=>{"Enter"===e.key&&(e.preventDefault(),Y(s))},role:"radio",tabIndex:0})})))),g&&t.createElement("div",{className:"button-container"},t.createElement(r.A,{className:"shop-now-button",label:"Shop Now",to:`/${s}/${A}`,color:"black"})),H&&!g&&t.createElement("div",{className:"button-container"},t.createElement(r.A,{className:"shop-now-button",label:"Shop Now",to:`/${s}/${A}`,color:"black"})))}},74937:function(e,s,a){a.r(s);var t=a(96540),l=a(62602),r=a(87888),n=a(4589),o=a(79085),c=a(43633);s.default=()=>{const{0:e,1:s}=(0,t.useState)(1),{0:a,1:m}=(0,t.useState)(),u=(0,t.useRef)(),i=(0,o.SO)();(0,t.useEffect)((()=>{m(i<1030)}),[i]);const d={slidesToShow:1,slidesToScroll:1,arrows:!1,infinite:!1,beforeChange:(a,t)=>{s((t>a?e+1:e-1)||1)}};return t.createElement("div",{className:"recommended-wrapper"},a?t.createElement("div",{className:"recommended-wrapper-slider"},t.createElement(n.A,Object.assign({},d,{className:"recommended-container-v3",ref:u}),null===r.A||void 0===r.A?void 0:r.A.map(((e,s)=>t.createElement(l.A,{product:e,type:"glasses",color_scheme:"blue",key:s,position:s+1,isSlider:!0})))),t.createElement(c.A,{sliderRef:u,currentPage:e,allPages:4,color:"orange"})):t.createElement("div",{className:"recommended-list"},null===r.A||void 0===r.A?void 0:r.A.map(((e,s)=>t.createElement(l.A,{product:e,type:"glasses",color_scheme:"blue",key:s,position:s+1})))),t.createElement("div",{className:"recommended-shop-all-wrapper"},t.createElement("a",{className:"recommended-shop-all",href:"/glasses"},"Shop All")))}}}]);