https://www.hubblecontacts.com/component---src-pages-sunglasses-sh…round-face-shape-js-af69168324690762d51a.js

1"use strict";(self.webpackChunkgatsby_starter_default=self.webpackChunkgatsby_starter_default||[]).push([[6743],{10460:function(e,t,a){var s=a(96540),r=a(98162),l=a(500),n=a(82074),i=a(80431);const o={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:c}=e;const u=a.includes("Eyeglasses")||a.includes("Glasses"),m=a.includes("Sunglasses"),d=(0,n.A)();return s.createElement("div",{className:"glasses-heading-container","data-color":t},d&&(u||m)&&s.createElement(l.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(r.A,{withParallax:!0,fileName:o[t]})),s.createElement("div",{className:"grid-section"},(u||m)&&s.createElement("p",{className:`subheading ${t}`},"NOW STARTING AT $",u?49.99:m&&59.99),s.createElement("h1",{className:"text h2 bulky-wide heading"},a),s.createElement("p",{className:"description text neue","data-type":u?"glasses":m?"sunglasses":""},c),(u||m)&&s.createElement(i.A,{label:!0,text:"New reduced price",color:t})))}},14211:function(e,t,a){var s=a(96540),r=a(98162);t.A=e=>{let{title:t,right_side_text:a,list_items:l,optional_image:n,color:i,optional_image_alt_text:o}=e;const c=`Pages/PCP/${n}`;return s.createElement("div",{className:"product-banner"},s.createElement("div",{className:"optional-image"},s.createElement(r.A,{withParallax:!0,fileName:c,alt:o})),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}}),l&&s.createElement("ol",{className:"features-list"},l.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}}))))))))}},26201:function(e,t,a){a.d(t,{B4:function(){return u},Uz:function(){return m},h_:function(){return o},pJ:function(){return c},qh:function(){return i}});var s=a(96540),r=a(56678),l=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"},r.u.width.list.map(((e,r)=>{let{label:o,value:c}=e;const u=n(c,t),m=`assets/FilterTypes/width/${i}-${o}.png`;return s.createElement("a",{className:("filter-item "+(u?"active":"")).trim(),onClick:e=>{e.preventDefault(),a(c)},key:r},s.createElement(l.A,{className:"background-image",wrapperClassName:"background-image",fileName:m}),s.createElement("span",{className:("text h8 "+(u?"bulky":"neutral")).trim()},o))})))},o=e=>{let{filter:t,setFilter:a,type:i}=e;return s.createElement("div",{className:"shape-filters"},r.u.shape.list.map(((e,r)=>{let{label:o,value:c}=e;const u=n(c,t),m=`assets/FilterTypes/shape/${i}-${c}.png`;return s.createElement("a",{className:("filter-item "+(u?"active":"")).trim(),onClick:e=>{e.preventDefault(),a(c)},key:r},s.createElement(l.A,{className:"background-image",wrapperClassName:"background-image",fileName:m}),s.createElement("span",{className:("text h8 "+(u?"bulky":"neutral")).trim()},o))})))},c=e=>{let{filter:t,setFilter:a}=e;return s.createElement("div",{className:"color-filters"},r.u.color.list.map(((e,r)=>{let{label:i,value:o}=e;const c=n(o,t),u=`assets/FilterTypes/colors/${o}.png`;return s.createElement("a",{className:("filter-item "+(c?"active":"")).trim(),onClick:e=>{e.preventDefault(),a(o)},key:r},s.createElement(l.A,{fileName:u,alt:""}),s.createElement("span",{className:("text h8 "+(c?"bulky":"neutral")).trim()},i))})))},u=e=>{let{filter:t,setFilter:a,type:l}=e;return s.createElement("div",{className:"brand-filters centered"},r.u.brand.list.map(((e,r)=>{let{label:l,value:i}=e;const o=n(i,t);return s.createElement("a",{className:("filter-item "+(o?"active":"")).trim(),onClick:e=>{e.preventDefault(),a(i)},key:r},s.createElement("span",{className:("text h8 "+(o?"bulky":"neutral")).trim()},l))})))},m=e=>{let{filter:t,setFilter:a,type:l}=e;return s.createElement("div",{className:"lens-filters centered"},r.u.lenseType.list.map(((e,r)=>{let{label:l,value:i}=e;const o=n(i,t);return s.createElement("a",{className:("filter-item "+(o?"active":"")).trim(),onClick:e=>{e.preventDefault(),a(i)},key:r},s.createElement("span",{className:("text h8 "+(o?"bulky":"neutral")).trim()},l))})))}},32571:function(e,t,a){a.r(t);var s=a(96540),r=a(36610),l=a(77528),n=a(10460),i=a(37788),o=a(87584),c=a(35317),u=a(14211),m=a(79085),d=a(21977);t.default=e=>{let{data:t,location:a}=e;const p=t.hubbleapi.hubbleFrameProducts.filter((e=>{let{collectionString:t,sunglassesAvailable:a}=e;const s=t.split(",");return s.includes("Hubble")&&!s.includes("Modern")&&a})),{setHeaderColor:f}=(0,s.useContext)(d.Ay),h={price:[],width:["round"],shape:[],material:[],color:[],gender:[]};

1new URLSearchParams(a.search).forEach(((e,t)=>{h[t]=e.split(",")}));const{0:g,1:y}=(0,s.useState)(h),b=(0,m.d7)(g,500);(0,s.useEffect)((()=>{new URLSearchParams(a.search).forEach(((e,t)=>{h[t]=e.split(",")})),y(h)}),[a.search]),(0,s.useEffect)((()=>(f("green"),()=>{f("black")})),[]);const E=(0,m.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:"sunglasses",item_category3:e.productGender,item_category4:e.material,item_category5:e.size,item_list_id:`${e.productGender}-Sunglasses-By-Face-Round`,price:parseFloat(e.glassesBasePrice)})))}}))}),[E]);return s.createElement(r.A,null,s.createElement(l.A,{title:"Shop Sunglasses for Round Face Shapes",description:"Shop the best sunglasses for round face shapes. We've picked out a variety of glasses that flatter round face shapes. Find your new pair of glasses for round face shapes with Hubble today!",schemaMarkup:[{"@context":"https://schema.org","@url":"https://hubblecontacts.com/shop-sunglasses-by-face-shape/sunglasses-round-face-shape","@type":"webpage",name:"Shop Glasses and Sunglasses for Round Face Shapes | Hubble",description:"Shop the best glasses and sunglasses for round face shapes. We've picked out a variety of glasses that flatter round face shapes. Find your new pair of glasses for round face shapes with Hubble today!",publisher:{"@type":"Organization",name:"Hubble Contacts"}}]}),s.createElement("div",{className:"sunglasses-content"},s.createElement(n.A,{color:"green",title:"Shop Sunglasses for Round Faces",description:"Accent your natural features and discover your personal style with the best sunglasses for round faces."}),s.createElement("div",{className:"glasses-container"},s.createElement("div",{className:"grid-section"},s.createElement(i.A,{color:"green",links:[{to:"/",label:"Homepage"},{label:"Sunglasses"}]}),s.createElement(o.A,{type:"sunglasses",glassesLength:E.length,filter:g,setFilter:y}),s.createElement(c.A,{type:"sunglasses",glasses:E,color:g.color,gender:g.gender[0]}),s.createElement(u.A,{title:"Sunglasses for round faces from Hubble.",right_side_text:"Looking for the perfect pair of sunglasses to flatter a round face? Look no further than Hubble for frames that perfectly match your unique style. Just take a moment to browse our collection of sunglasses suited for round faces. Rectangular frames, square frames, and geometric frames are all great options for complementing your facial features. For a bold and eye-catching look, you can even try our cat-eye or browline frames. The choice is up to you!<br><br>The best part of shopping with Hubble is that any pair of sunglasses that speaks to you can be customized with your prescription. Plus, all of our sunglasses for round faces have impact-resistant lenses, durable barrel hinges, and padded temple tips for extra cush. Look good, see better—and feel great.",list_items:["Premium, hand-polished acetate frames sourced from natural fibers. Every pair of our high-quality sunglasses feature impact-resistant lenses for maximum durability and are designed to deliver supreme comfort.","Option to add your prescription to all sunglasses and enjoy both vision clarity and comfort all in one piece of eyewear.","All of our sunglasses for round shaped faces come with polarized lenses that block 99% of UVA/UVB rays and eliminate daytime glare.","Affordable polarized sunglasses lenses.","Hand-assembled in house and made to order."],optional_image:"Hubble-Sunglasses-PCP-Inset-Lifestyle-Image.jpg",color:"green"})))))}},35317:function(e,t,a){a.d(t,{g:function(){return c},A:function(){return u}});var s=a(96540),r=a(62602),l=a(90279),n=a(67092),i=a(46335);var o=e=>{let{currentRow:t,isOdd:a,type:r}=e;const{0:l,1:o}=(0,s.useState)("/sunglasses"),{0:c,1:u}=(0,s.useState)("Starting at $59.99"),{0:m,1:d}=(0,s.useState)("The Hubble frames you love with polarized lenses that block 99% of UVA/UVB rays."),{0:p,1:f}

1=(0,s.useState)("Shop Sunglasses");return(0,s.useEffect)((()=>{"glasses"===r?(u("Prescription Sunglasses Starting at $59.99"),d("The Hubble frames you love with polarized lenses that block 99% of UVA/UVB rays."),f("Shop Now"),a&&(f("Shop Now"),o("/contact-lenses/hubble"))):"sunglasses"===r&&a?(f("Shop Now"),o("/contact-lenses/hubble")):(u("Look Good - See Better"),d("High-quality lenses. Stylish, on-trend frames. The look you want for less. Starting at just $49.99."),f("Shop Now"),o("/glasses"))}),[r]),s.createElement("div",{className:"glasses-promo",style:{gridRow:t},"data-odd":!!a,"data-type":r},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"},c),!!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"},m)),s.createElement(n.A,{label:`${p}`,to:l})),s.createElement(i.A,{className:"image-block-wrapper"},s.createElement("div",{className:"image-block"})))};const c=e=>{let{items:t,colsNumber:a,type:n,color:i,gender:c,isKids:u}=e;return s.createElement("div",{className:"products-list","data-cols":a},t.map(((e,t)=>{const m=t+1,d=m%(4===a?u?5:6:4),p=Math.trunc(m/(4===a?3:2)),f=m/(4===a?6:4)%2;return d?s.createElement(s.Fragment,null,"accessory"===n?s.createElement(l.A,{type:n,product:e,key:t,position:t+1}):s.createElement(r.A,{type:n,product:e,key:e.shopifyProductId,color:i,gender:c,position:t+1})):f||a<3?s.createElement(s.Fragment,{key:e.shopifyProductId},"accessory"===n?s.createElement(l.A,{type:n,product:e,key:t,position:t+1}):s.createElement(r.A,{type:n,product:e,color:i,gender:c,position:t+1}),t<=10&&s.createElement(o,{isOdd:f,type:"accessory"===n?"sunglasses":n})):s.createElement(s.Fragment,{key:e.shopifyProductId},"accessory"===n?s.createElement(l.A,{type:n,product:e,key:t,position:t+1}):s.createElement(r.A,{type:n,product:e,color:i,gender:c,position:t+1}),s.createElement(o,{currentRow:p,isOdd:f,type:"accessory"===n?"sunglasses":n}))})))};var u=e=>{let{glasses:t,type:a,color:r,gender:l,isKids:n}=e;return s.createElement(s.Fragment,null,s.createElement(c,{type:a,colsNumber:4,items:t,color:r,gender:l,isKids:n}),s.createElement(c,{type:a,colsNumber:3,items:t,color:r,gender:l,isKids:n}),s.createElement(c,{type:a,colsNumber:2,items:t,color:r,gender:l,isKids:n}),s.createElement(c,{type:a,colsNumber:1,items:t,color:r,gender:l,isKids:n}))}},87584:function(e,t,a){a.d(t,{A:function(){return d}});var s=a(45458),r=a(96540),l=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 o=a(26201),c=a(79085);const u=e=>{let{active:t,filter:a,setFilter:l,type:n,filtersRef:c}=e;const u=(e,t)=>{let r=(0,s.A)(a[e]);r.some((e=>t===e))?r=r.filter((e=>t!==e)):r.push(t),l({...a,[e]:r})},m={width:r.createElement(o.qh,{filter:a.width,setFilter:e=>u("width",e),type:n}),shape:r.createElement(o.h_,{filter:a.shape,setFilter:e=>u("shape",e),type:n}),color:r.createElement(o.pJ,{filter:a.color,setFilter:e=>u("color",e)})},{0:d,1:p}=(0,r.useState)(Object.keys(m)[0]);return(0,r.useEffect)((()=>{t&&c.current.setAttribute("style","transform: translate(0, 0);")}),[t]),t?r.createElement("div",{className:"filter-menu",ref:c},r.createElement("div",{className:"filter-nav"},Object.keys(m).map(((e,t)=>r.createElement("a",{className:("nav-item text h8 "+(d===e?"bulky active":"neutral")).trim(),key:t,onClick:t=>{t.preventDefault(),p(e)}},i[e])))),m[d]):null},m=e=>{let{active:t,filter:a,setFilter:s}=e;if(!t)return null;return r.createElement("div",{className:"applied-filters"},r.createElement("p",{className:"heading text h9 neue"},"Applied filters:"),r.createElement("div",{className:"filters-list"},r.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"),r.Children.toArray(Object.entries(a).map((e=>{let[t,l]=e;return l.map((e=>r.createElement("a",{className:"applied-filter"},r.createElement("span",{className:"text h9 neue white"},n[e]),r.createElement("button",{className:"remove text h9 neue",onClick:()=>((e,t)=>{const r=a[e].filter((e=>e!==t));s((t=>({...t,[e]:r})))})(t,e)},"×"))))})))))};var d=e=>{let{glassesLength:t,filter:a,setFilter:s,type:n}=e;const{0:i,1:o}=(0,r.useState)(!1),{0:d,1:p}=(0,r.useState)(),f=(0,c.SO)(),h=(0,r.useRef)(null);(0,r.useEffect)((()=>{p(f<578)}),[f]);const g=Object.entries(a).reduce(((e,t)=>{let[a,s]=t;return e+s.length}),0);return r.createElement("div",{className:"glasses-filter","data-type":n},r.createElement("div",{className:"filter-heading"},r.createElement("button",{className:("filter-button "+(i?"active":"")).trim(),onClick:()=>(()=>

1{if(i)return h.current.removeAttribute("style"),void setTimeout((()=>{o((e=>!e))}),500);d&&(0,l.A)(".glasses-filter"),o((e=>!e))})()},r.createElement("span",{className:"text h8 neutral"},"Filters "+(g?`(${g})`:"")),r.createElement("span",{className:"switcher text h6 neutral"},i?"—":"+")),r.createElement("span",{className:"showing-items text neutral"},"Showing ",t," Items")),r.createElement(u,{active:i,filter:a,setFilter:s,type:n,filtersRef:h}),r.createElement(m,{active:!i&&g,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}}]);