https://www.hubblecontacts.com/component---src-pages-glasses-shop-…e-framed-glasses-js-a55e2db2da190eb755e5.js

1"use strict";(self.webpackChunkgatsby_starter_default=self.webpackChunkgatsby_starter_default||[]).push([[5306],{10460:function(e,t,a){var s=a(96540),l=a(98162),r=a(500),n=a(82074),i=a(80431);const c={orange:"assets/GlassesHeading/Hubble-Glasses-PCP-Hero-Desktop.jpg",blue:"assets/GlassesHeading/Hubble-Accessories-PCP-Hero-Desktop.png",green:"assets/GlassesHeading/Hubble-Sunlasses_PCP_Hero_Desktop.jpg"};t.A=e=>{let{color:t,title:a,description:o}=e;const m=a.includes("Eyeglasses")||a.includes("Glasses"),u=a.includes("Sunglasses"),d=(0,n.A)();return s.createElement("div",{className:"glasses-heading-container","data-color":t},d&&(m||u)&&s.createElement(r.A,{bannerClass:"promo-banner affiliate-banner",bannerText:"Get <b>25% off all frames</b> in partnership with LifeMart",bannerBG:t}),s.createElement("div",{className:"glasses-heading--background"},s.createElement(l.A,{withParallax:!0,fileName:c[t]})),s.createElement("div",{className:"grid-section"},(m||u)&&s.createElement("p",{className:`subheading ${t}`},"NOW STARTING AT $",m?49.99:u&&59.99),s.createElement("h1",{className:"text h2 bulky-wide heading"},a),s.createElement("p",{className:"description text neue","data-type":m?"glasses":u?"sunglasses":""},o),(m||u)&&s.createElement(i.A,{label:!0,text:"New reduced price",color:t})))}},14211:function(e,t,a){var s=a(96540),l=a(98162);t.A=e=>{let{title:t,right_side_text:a,list_items:r,optional_image:n,color:i,optional_image_alt_text:c}=e;const o=`Pages/PCP/${n}`;return s.createElement("div",{className:"product-banner"},s.createElement("div",{className:"optional-image"},s.createElement(l.A,{withParallax:!0,fileName:o,alt:c})),s.createElement("div",{className:"optional-text"},s.createElement("div",{className:"title"},s.createElement("h2",{className:"text h3"},t)),s.createElement("div",{className:"description"},s.createElement("h5",{className:"subtitle text h5",dangerouslySetInnerHTML:{__html:a}}),r&&s.createElement("ol",{className:"features-list"},r.map(((e,t)=>s.createElement("li",{className:"list-item",key:t},s.createElement("div",{className:"number text h8 neutral white","data-color":i},t+1),s.createElement("p",{className:"text neue h7",dangerouslySetInnerHTML:{__html:e}}))))))))}},17944:function(e,t,a){a.r(t);var s=a(96540),l=a(58269),r=a(77528),n=a(10460),i=a(37788),c=a(87584),o=a(35317),m=a(14211),u=a(79085),d=a(21977);t.default=e=>{let{data:t,location:a}=e;const p=t.hubbleapi.hubbleFrameProducts.filter((e=>{let{collectionString:t}=e;const a=t.split(",");return a.includes("Hubble")&&!a.includes("Modern")})),{setHeaderColor:h}=(0,s.useContext)(d.Ay),g={price:[],width:[],shape:["cateye"],material:[],color:[],gender:[]};new URLSearchParams(a.search).forEach(((e,t)=>{g[t]=e.split(",")}));const{0:f,1:y}=(0,s.useState)(g),b=(0,u.d7)(f,500);(0,s.useEffect)((()=>{new URLSearchParams(a.search).forEach(((e,t)=>{g[t]=e.split(",")})),y(g)}),[a.search]),(0,s.useEffect)((()=>{}),[b]),(0,s.useEffect)((()=>(h("orange"),()=>{h("black")})),[]);const E=(0,u.mS)(p,b);(0,s.useEffect)((()=>{void 0!==typeof window&&(window.dataLayer.push({ecommerce:null}),window.dataLayer.push({event:"view_item_list",ecommerce:{items:E.map(((e,t)=>({index:t,item_id:e.shopifyProductId,item_name:e.title,currency:"USD",discount:0,item_brand:"Hubble",item_category:"frames",item_category2:"optical",item_category3:e.productGender,item_category4:e.material,item_category5:e.size,item_list_id:`${e.productGender}-Optical-By-Frame-Cat-Eye`,price:parseFloat(e.glassesBasePrice)})))}}))}),[E]);return s.createElement(l.A,{className:"glasses"},s.createElement(r.A,{title:"Shop the Best Cat Eye Frame Glasses",description:"Try a unique look with our cat eye frame eyeglasses. Each pair of Hubble Glasses is hand-assembled and meticulously designed to help you look and feel your best in any style!",schemaMarkup:[{"@context":"https://schema.org","@url":"https://hubblecontacts.com/shop-by-frame-shape/cat-eye-frame-glasses","@type":"webpage",name:"Shop the Best Cat-Eye Frame Glasses and Sunglasses | Hubble",description:"Try a unique look with our cat-eye frame eyeglasses and sunglasses. Each pair of Hubble Glasses is hand-assembled and meticulously designed to help you look and feel your best in any style!",publisher:{"@type":"Organization",name:"Hubble Contacts"}}]}),s.createElement(n.A,{color:"orange",title:"Shop Cat Eye Frame Glasses",description:"Looking for a perfect fit? Let us help you find the best cat eye glasses for men and women, starting at just $49.99."}),s.createElement("div",{className:"glasses-container"},s.createElement("div",{className:"grid-section"},s.createElement(i.A,{color:"orange",links:[{to:"/",label:"Homepage"},{label:"Eyeglasses"}]}),s.createElement(c.A,{type:"glasses",glassesLength:E.length,filter:f,setFilter:y}),s.createElement(o.A,{type:"glasses",glasses:E,color:f.color,gender:f.gender[0]}),s.createElement(m.A,{title:"Hubble has the best selection of cat eye glasses frames.",right_side_text:"Looking to make a statement with your frames? Consider stylish and alluring cat eye glasses. These frames feature a distinctive elongated and flattened top arch, as well as prominent areas at the top edges. Hubble’s cat eye glasses come in a variety of styles for men and women.<br><br>No matter which frames you go with, you can find your dream pair of cat eye glasses with Hubble. Plus, every pair comes with impact-resistant lenses, durable barrel hinges, and padded temple tips for extra cush. Look good, see better—and feel great.",list_items:["Premium, natural fiber acetate frames that are stronger, more durable, and last longer than plastic frames.","Anti-reflective, anti-glare, anti-scratch, hydrophobic, and oleophobic co

1atings.","Optional blue-light filtering.","Hand-assembled and made to order cat eye glasses."],optional_image:"Hubble-Glasses-PCP-Inset-Lifestyle-Image.jpg",optional_image_alt_text:"Woman wearing Hubble eyeglasses while enjoing time at home",color:"orange"}))))}},26201:function(e,t,a){a.d(t,{B4:function(){return m},Uz:function(){return u},h_:function(){return c},pJ:function(){return o},qh:function(){return i}});var s=a(96540),l=a(56678),r=a(98162);const n=(e,t)=>null==t?void 0:t.some((t=>t===e)),i=e=>{let{filter:t,setFilter:a,type:i}=e;return s.createElement("div",{className:"width-filters centered"},l.u.width.list.map(((e,l)=>{let{label:c,value:o}=e;const m=n(o,t),u=`assets/FilterTypes/width/${i}-${c}.png`;return s.createElement("a",{className:("filter-item "+(m?"active":"")).trim(),onClick:e=>{e.preventDefault(),a(o)},key:l},s.createElement(r.A,{className:"background-image",wrapperClassName:"background-image",fileName:u}),s.createElement("span",{className:("text h8 "+(m?"bulky":"neutral")).trim()},c))})))},c=e=>{let{filter:t,setFilter:a,type:i}=e;return s.createElement("div",{className:"shape-filters"},l.u.shape.list.map(((e,l)=>{let{label:c,value:o}=e;const m=n(o,t),u=`assets/FilterTypes/shape/${i}-${o}.png`;return s.createElement("a",{className:("filter-item "+(m?"active":"")).trim(),onClick:e=>{e.preventDefault(),a(o)},key:l},s.createElement(r.A,{className:"background-image",wrapperClassName:"background-image",fileName:u}),s.createElement("span",{className:("text h8 "+(m?"bulky":"neutral")).trim()},c))})))},o=e=>{let{filter:t,setFilter:a}=e;return s.createElement("div",{className:"color-filters"},l.u.color.list.map(((e,l)=>{let{label:i,value:c}=e;const o=n(c,t),m=`assets/FilterTypes/colors/${c}.png`;return s.createElement("a",{className:("filter-item "+(o?"active":"")).trim(),onClick:e=>{e.preventDefault(),a(c)},key:l},s.createElement(r.A,{fileName:m,alt:""}),s.createElement("span",{className:("text h8 "+(o?"bulky":"neutral")).trim()},i))})))},m=e=>{let{filter:t,setFilter:a,type:r}=e;return s.createElement("div",{className:"brand-filters centered"},l.u.brand.list.map(((e,l)=>{let{label:r,value:i}=e;const c=n(i,t);return s.createElement("a",{className:("filter-item "+(c?"active":"")).trim(),onClick:e=>{e.preventDefault(),a(i)},key:l},s.createElement("span",{className:("text h8 "+(c?"bulky":"neutral")).trim()},r))})))},u=e=>{let{filter:t,setFilter:a,type:r}=e;return s.createElement("div",{className:"lens-filters centered"},l.u.lenseType.list.map(((e,l)=>{let{label:r,value:i}=e;const c=n(i,t);return s.createElement("a",{className:("filter-item "+(c?"active":"")).trim(),onClick:e=>{e.preventDefault(),a(i)},key:l},s.createElement("span",{className:("text h8 "+(c?"bulky":"neutral")).trim()},r))})))}},35317:function(e,t,a){a.d(t,{g:function(){return o},A:function(){return m}});var s=a(96540),l=a(62602),r=a(90279),n=a(67092),i=a(46335);var c=e=>{let{currentRow:t,isOdd:a,type:l}=e;const{0:r,1:c}

1=(0,s.useState)("/sunglasses"),{0:o,1:m}=(0,s.useState)("Starting at $59.99"),{0:u,1:d}=(0,s.useState)("The Hubble frames you love with polarized lenses that block 99% of UVA/UVB rays."),{0:p,1:h}=(0,s.useState)("Shop Sunglasses");return(0,s.useEffect)((()=>{"glasses"===l?(m("Prescription Sunglasses Starting at $59.99"),d("The Hubble frames you love with polarized lenses that block 99% of UVA/UVB rays."),h("Shop Now"),a&&(h("Shop Now"),c("/contact-lenses/hubble"))):"sunglasses"===l&&a?(h("Shop Now"),c("/contact-lenses/hubble")):(m("Look Good - See Better"),d("High-quality lenses. Stylish, on-trend frames. The look you want for less. Starting at just $49.99."),h("Shop Now"),c("/glasses"))}),[l]),s.createElement("div",{className:"glasses-promo",style:{gridRow:t},"data-odd":!!a,"data-type":l},s.createElement("div",{className:`text-block ${a&&"blue"}`},s.createElement("div",{className:"text-container"},!!a&&s.createElement("h5",{className:"title text h5 white"},"Get contact lenses. Right to your door. Right when you need them."),!a&&s.createElement("h5",{className:"title text h5 white"},o),!!a&&s.createElement("p",{className:"description text h7 neue white"},"Easily alternate between glasses and lenses with our no-fuss subscription and home delivery."),!a&&s.createElement("p",{className:"description text h7 neue white"},u)),s.createElement(n.A,{label:`${p}`,to:r})),s.createElement(i.A,{className:"image-block-wrapper"},s.createElement("div",{className:"image-block"})))};const o=e=>{let{items:t,colsNumber:a,type:n,color:i,gender:o,isKids:m}=e;return s.createElement("div",{className:"products-list","data-cols":a},t.map(((e,t)=>{const u=t+1,d=u%(4===a?m?5:6:4),p=Math.trunc(u/(4===a?3:2)),h=u/(4===a?6:4)%2;return d?s.createElement(s.Fragment,null,"accessory"===n?s.createElement(r.A,{type:n,product:e,key:t,position:t+1}):s.createElement(l.A,{type:n,product:e,key:e.shopifyProductId,color:i,gender:o,position:t+1})):h||a<3?s.createElement(s.Fragment,{key:e.shopifyProductId},"accessory"===n?s.createElement(r.A,{type:n,product:e,key:t,position:t+1}):s.createElement(l.A,{type:n,product:e,color:i,gender:o,position:t+1}),t<=10&&s.createElement(c,{isOdd:h,type:"accessory"===n?"sunglasses":n})):s.createElement(s.Fragment,{key:e.shopifyProductId},"accessory"===n?s.createElement(r.A,{type:n,product:e,key:t,position:t+1}):s.createElement(l.A,{type:n,product:e,color:i,gender:o,position:t+1}),s.createElement(c,{currentRow:p,isOdd:h,type:"accessory"===n?"sunglasses":n}))})))};var m=e=>{let{glasses:t,type:a,color:l,gender:r,isKids:n}=e;return s.createElement(s.Fragment,null,s.createElement(o,{type:a,colsNumber:4,items:t,color:l,gender:r,isKids:n}),s.createElement(o,{type:a,colsNumber:3,items:t,color:l,gender:r,isKids:n}),s.createElement(o,{type:a,colsNumber:2,items:t,color:l,gender:r,isKids:n}),s.createElement(o,{type:a,colsNumber:1,items:t,color:l,gender:r,isKids:n}))}},87584:function(e,t,a){a.d(t,{A:function(){return d}});var s=a(45458),l=a(96540),r=a(89285);const n={black:"Black",blue:"Blue",gray:"Gray",gold:"Gold",green:"Green",crystal:"Crystal","multi-color":"Multi-color",pink:"Pink",red:"Red",tortoise:"Tortoise",square:"Square",round:"Round",oval:"Oval",heart:"Heart",diamond:"Diamond",aviator:"Aviator",rectangle:"Rectangular",cateye:"Cateye",narrow:"Narrow",wide:"Wide",medium:"Medium",male:"Male",female:"Female",unisex:"Unisex",kid:"Kids",kids:"Kids"},i={price:"Price",width:"Face Shape",shape:"Frame Shape",material:"Material",color:"Color"};var c=a(26201),o=a(79085);const m=e=>{let{active:t,filter:a,setFilter:r,type:n,filtersRef:o}=e;const m=(e,t)=>{let l=(0,s.A)(a[e]);l.some((e=>t===e))?l=l.filter((e=>t!==e)):l.push(t),r({...a,[e]:l})},u={width:l.createElement(c.qh,{filter:a.width,setFilter:e=>m("width",e),type:n}),shape:l.createElement(c.h_,{filter:a.shape,setFilter:e=>m("shape",e),type:n}),color:l.createElement(c.pJ,{filter:a.color,setFilter:e=>m("color",e)})},{0:d,1:p}=(0,l.useState)(Object.keys(u)[0]);return(0,l.useEffect)((()=>{t&&o.current.setAttribute("style","transform: translate(0, 0);")}),[t]),t?l.createElement("div",{className:"filter-menu",ref:o},l.createElement("div",{className:"filter-nav"},Object.keys(u).map(((e,t)=>l.createElement("a",{className:("nav-item text h8 "+(d===e?"bulky active":"neutral")).trim(),key:t,onClick:t=>{t.preventDefault(),p(e)}},i[e])))),u[d]):null},u=e=>{let{active:t,filter:a,setFilter:s}=e;if(!t)return null;return l.createElement("div",{className:"applied-filters"},l.createElement("p",{className:"heading text h9 neue"},"Applied filters:"),l.createElement("div",{className:"filters-list"},l.createElement("a",{className:"applied-filter main text h9 neue",onClick:e=>{e.preventDefault(),(()=>{const e=Object.keys(a).reduce(((e,t)=>({...e,[t]:[]})),{});s(e)})()}},"Clear All"),l.Children.toArray(Object.entries(a).map((e=>{let[t,r]=e;return r.map((e=>l.createElement("a",{className:"applied-filter"},l.createElement("span",{className:"text h9 neue white"},n[e]),l.createElement("button",{className:"remove text h9 neue",onClick:()=>((e,t)=>{const l=a[e].filter((e=>e!==t));s((t=>({...t,[e]:l})))})(t,e)},"×"))))})))))};var d=e=>{let{glassesLength:t,filter:a,setFilter:s,type:n}=e;const{0:i,1:c}=(0,l.useState)(!1),{0:d,1:p}=(0,l.useState)(),h=(0,o.SO)(),g=(0,l.useRef)(null);(0,l.useEffect)((()=>{p(h<578)}),[h]);const f=Object.entries(a).reduce(((e,t)=>{let[a,s]=t;return e+s.length}),0);return l.createElement("div",{className:"glasses-filter","data-type":n},l.createElement("div",{className:"filter-heading"},l.createElement("button",{className:("filter-button "+(i?"active":"")).trim(),onClick:()=>(()=>

1{if(i)return g.current.removeAttribute("style"),void setTimeout((()=>{c((e=>!e))}),500);d&&(0,r.A)(".glasses-filter"),c((e=>!e))})()},l.createElement("span",{className:"text h8 neutral"},"Filters "+(f?`(${f})`:"")),l.createElement("span",{className:"switcher text h6 neutral"},i?"—":"+")),l.createElement("span",{className:"showing-items text neutral"},"Showing ",t," Items")),l.createElement(m,{active:i,filter:a,setFilter:s,type:n,filtersRef:g}),l.createElement(u,{active:!i&&f,filter:a,setFilter:s}))}},89285:function(e,t){t.A=void 0;var a=function(e,t){void 0===t&&(t="start");var a=document.querySelector(e);return!!a&&(a.scrollIntoView({behavior:"smooth",block:t}),!0)};t.A=a}}]);