https://www.bulova.com/mobify/bundle/110/int-contentful-components-image-banner.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[443,1055,2247,3177,3185,9363],{69628(e,t,n){n.r(t),n.d(t,{CmsComponentErrorBoundary:()=>u,CmsComponents:()=>h});var r=n(64180),l=n(77810),a=n(48996),o=n(41041),i=n(80301),s=n(75826),c=n.n(s),d=n(42272),m=n(4207);class u extends l.Component{constructor(e){super(e),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e,t){console.error(`[CMS] Component "${this.props.componentName}" failed to render:`,e,t)}render(){return this.state.hasError?null:this.props.children}}u.propTypes={children:c().node.isRequired,componentName:c().string};const p=["home-hero-slider","hero-banner","video-banner"],h=({content:e,isLoading:t,showTitle:n,darkMode:s,overlapHeader:c})=>{const{setColorMode:h}=(0,a.G6)();(0,l.useEffect)(()=>(h(s?"dark":"light"),()=>h("light")),[s]);const g=(0,l.useMemo)(()=>null!=e&&e.components?(0,i.x)(e.components):[],[null==e?void 0:e.components]),f=(0,o.wi)();return l.createElement(l.Fragment,null,t?l.createElement("div",{className:"p-6 bg-white shadow-lg rounded-lg","data-testid":"cms-components"},l.createElement("div",{className:"animate-pulse"},l.createElement("div",{className:"h-10 w-10 bg-brand-off-white-gray rounded-full mb-4"}),l.createElement("div",{className:"space-y-4"},l.createElement("div",{className:"h-4 bg-brand-off-white-gray rounded-sm"}),l.createElement("div",{className:"h-4 bg-brand-off-white-gray rounded-sm w-5/6"}),l.createElement("div",{className:"h-4 bg-brand-off-white-gray rounded-sm w-4/6"}),l.createElement("div",{className:"h-4 bg-brand-off-white-gray rounded-sm"})))):l.createElement(l.Fragment,null,n&&l.createElement(m.A,{as:"h1",variant:"h1",className:"mb-4"},null==e?void 0:e.title),l.createElement("div",{className:(0,d.cn)("flex flex-col items-stretch",s?"dark":"")},g.map((e,t)=>{var n;return l.createElement(u,{key:e.id,componentName:(null===(n=e.component)||void 0===n?void 0:n.displayName)||e.id},l.createElement("div",(0,r.A)({className:(0,d.cn)("cms-fade-in",c&&0===t&&p.includes(e.type)&&"-mt-(--mobile-header-height) lg:-mt-(--header-height)")},e.fieldId?f({entryId:e.id,fieldId:e.fieldId}):null),l.createElement(e.component,e.props)))}))))};h.displayName="CmsComponents",h.propTypes={content:c().any,darkMode:c().bool,isLoading:c().bool,overlapHeader:c().bool,showTitle:c().bool}},34143(e,t,n){n.r(t),n.d(t,{default:()=>g});var r=n(77810),l=n(75826),a=n.n(l),o=n(42272),i=n(50125),s=n(80301),c=n(69628);const d=new Set(["cta","html","imageWithFocalPoint","accordionSection","twoColumnText","manualCard","manualCardGrid"]),m=new Set(["cta","imageWithFocalPoint"]),u=(e,t,{inline:n=!1}={})=>{var l,a,o;const i=null==e||null===(l=e.sys)||void 0===l||null===(a=l.contentType)||void 0===a||null===(o=a.sys)||void 0===o?void 0:o.id;if(!i||!(n?m:d).has(i))return null;const u=(0,s.e)(e);if(null==u||!u.component)return null;const p=u.component;return r.createElement(c.CmsComponentErrorBoundary,{key:t,componentName:i},n?r.createElement("span",{className:"inline-block align-middle"},r.createElement(p,u.props)):r.createElement("div",null,r.createElement(p,u.props)))};var p=n(87716);const h=({content:e,className:t,textVariant:n="b2"})=>{const l=(0,r.useContext)(p.MR),a=(0,r.useCallback)(e=>{if(!l)return encodeURI(e);const{buildUrl:t,site:n,locale:r}=l;return t(e,(null==n?void 0:n.alias)||(null==n?void 0:n.id),(null==r?void 0:r.alias)||(null==r?void 0:r.id))},[l]),s=(0,i.A)(e,a,u,n);return s?r.createElement("div",{className:(0,o.cn)("flex flex-col gap-6 items-stretch",t)},s):null};h.displayName="RichTextRenderer",h.propTypes={content:a().oneOfType([a().object,a().string]),className:a().string,textVariant:a().string};const g=h},38463(e,t,n){n.r(t),n.d(t,{default:()=>p});var r=n(77810),l=n(75826),a=n.n(l),o=n(84378),i=n(91022),s=n(64965),c=n(42272),d=n(82727),m=n(71409);function u({items:e,onHeightChange:t}){const n=(0,r.useRef)(null),l=(0,r.useRef)(null),a=(0,r.useRef)(null),u=(0,r.useRef)(null),p=(0,r.useRef)(null),[h,g]=(0,r.useState)(!1),[f,b]=(0,r.useState)(0),{pathname:y}=(0,s.zy)(),{buildUrl:v}=(0,d.A)();(0,r.useEffect)(()=>

1{if(l.current){const e=l.current.offsetHeight;b(e),null==t||t(e)}const e=n.current;if(!e)return;const r=new IntersectionObserver(([e])=>{g(window.innerWidth>=m.MOBILE_BREAKPOINT&&e.boundingClientRect.top<0&&!e.isIntersecting)},{threshold:0});return r.observe(e),()=>r.disconnect()},[]);const E=(0,r.useCallback)(()=>{const t=a.current,n=u.current;if(!t||!n||window.innerWidth>=m.MOBILE_BREAKPOINT)return;p.current&&(p.current[0].kill(),p.current=null);const r=n.scrollWidth,l=t.offsetWidth,s=Math.min(0,l-r-56),c=e.findIndex(e=>y===v(e.link));if(c>0){const e=n.children[c];if(e){const t=Math.max(s,-e.offsetLeft);o.gsap.set(n,{x:t})}}p.current=i.s.create(n,{type:"x",bounds:{minX:s,maxX:0},inertia:!0,edgeResistance:.65,onDragStart(){n.style.pointerEvents="none"},onDragEnd(){setTimeout(()=>{n.style.pointerEvents=""},50)}})},[e,y]);return(0,r.useEffect)(()=>{E();const e=()=>{p.current&&window.innerWidth>=m.MOBILE_BREAKPOINT?(p.current[0].kill(),p.current=null,o.gsap.set(u.current,{x:0})):!p.current&&window.innerWidth<m.MOBILE_BREAKPOINT&&E()};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e),p.current&&p.current[0].kill()}},[E]),r.createElement(r.Fragment,null,r.createElement("div",{ref:n,className:"w-full"}),h&&r.createElement("div",{className:"hidden md:block",style:{height:f}}),r.createElement("div",{ref:l,className:(0,c.cn)("flex justify-center w-full md:px-6 xl:px-0",h?"md:fixed md:bottom-5 md:left-0 md:z-999":"absolute bottom-30 left-0 z-30")},r.createElement("div",{ref:a,className:"w-full overflow-hidden md:overflow-visible md:max-w-262.5 md:rounded-full md:bg-[linear-gradient(140deg,rgba(229,229,229,0.50)_-11.81%,rgba(232,232,232,0.50)_146.06%)] md:dark:bg-[linear-gradient(140deg,rgba(21,21,21,0.60)_-11.81%,rgba(36,36,36,0.60)_146.06%) md:backdrop-blur-[10px]"},r.createElement("div",{ref:u,className:"flex w-max md:w-full gap-3.5 md:gap-0 mx-6 md:mx-0"},e.map((e,t)=>{const n=v(e.link),l=y===n;return r.createElement("a",{key:t,href:n,className:(0,c.cn)("cursor-pointer shrink-0 md:flex-1 text-center py-3 px-6 md:px-0 text-b1 leading-loose font-normal transition-colors duration-200 rounded-full whitespace-nowrap dark:text-black",l?"max-md:bg-[linear-gradient(130deg,#FFF_-10.83%,#E8E8E8_140.29%)] max-md:dark:bg-[linear-gradient(130deg,rgba(255,255,255,0.90)_-10.83%,rgba(232,232,232,0.90)_140.29%)] md:bg-white":"max-md:bg-[linear-gradient(130deg,rgba(255,255,255,0.90)_-10.83%,rgba(232,232,232,0.90)_140.29%)] max-md:opacity-70 max-md:dark:bg-[linear-gradient(130deg,#FFF_-10.83%,#E8E8E8_140.29%)]")},e.text)})))))}o.gsap.registerPlugin(i.s),u.displayName="StickyCtaGroup",u.propTypes={items:a().arrayOf(a().shape({link:a().string,text:a().string})),onHeightChange:a().func};const p=u},73894(e,t,n){n.r(t),n.d(t,{default:()=>g});var r=n(64180),l=n(77810),a=n(75826),o=n.n(a),i=n(10392),s=n(4207),c=n(34143),d=n(42272),m=n(23251),u=n(71409),p=n(38463);function h({addPaddingTop:e,addPaddingBottom:t,cta:n,darkMode:a,fullBleed:o,hideOnMobile:h,image:g,imageOverlay:f,logo:b,logoSize:y,placement:v,placementRawX:E,placementRawY:x,size:k="full",stickyCtaGroup:N,text:w,textWidth:O,title:A,titleStyling:S,useDesktopPlacementOnMobile:_}){const C=(null==N?void 0:N.length)>0,[P,T]=(0,l.useState)(0),I=null!=n&&n.link&&!C?{href:n.link}:{},j=a?"text-white":"text-black",L=C?P+120+24:0,R=(0,d.cn)("left"===E?"lg:ml-15":"","right"===E?"lg:mr-15":"");return l.createElement("div",{"data-testid":"image-banner",className:(0,d.cn)((0,m.sectionPadding)(e,t),h?"hidden md:block":"",o?"":"container")},l.createElement("div",(0,r.A)({role:null!=n&&n.link&&!C?"link":"group"},I,{className:(0,d.cn)("block relative w-full overflow-hidden aspect-3/4 md:aspect-auto",u.SIZE_CLASSES[k]||u.SIZE_CLASSES.full)}),(null==g?void 0:g.src)&&l.createElement("img",{src:g.src,alt:g.alt||"",className:(0,d.cn)("absolute inset-0 w-full h-full object-cover md:relative md:max-w-full",u.SIZE_CLASSES[k]||u.SIZE_CLASSES.full),style:g.focalPoint?{objectPosition:`${100*g.focalPoint.x}% ${100*g.focalPoint.y}%`}:void 0}),"overlay"===(null==f?void 0:f.type)&&l.createElement("div",{className:"absolute bg-black/50 inset-0 z-0 pointer-events-none"}),"linear-gradient"===(null==f?void 0:f.type)&&l.createElement("div",{className:"absolute inset-0 z-0 pointer-events-none",style:{background:"linear-gradient(180deg, rgba(0, 0, 0, 0.00) 37.68%, #000 87.48%)"}}),l.createElement("div",{className:(0,d.cn)("flex w-full z-20 absolute inset-0",_?"":"max-md:items-end max-md:justify-center",v.outer),style:C?{paddingBottom:L}:void 0},l.createElement("div",{className:"flex flex-col w-full"},l.createElement("div",{className:(0,d.cn)("container flex flex-col gap-5",_?"":"max-md:items-center max-md:mx-auto max-md:text-center max-md:mb-8",v.inner,"top"===x?"mt-20":"","bottom"===x?"mb-20":"")},(null==b?void 0:b.src)&&l.createElement("div",{className:(0,d.cn)("flex",null==y?void 0:y.container)},l.createElement("img",{src:`https:${b.src}`,alt:b.title||"Logo",className:"w-full h-full object-contain"})),(A||w)&&l.createElement("div",{className:(0,d.cn)("flex flex-col gap-5",null==O?void 0:O.maxWidth,R)},A&&l.createElement(s.A,{as:"h2",variant:null==S?void 0:S.heading,className:(0,d.cn)(j,v.text)},A),w&&l.createElement(c.default,{content:w,textVariant:"b1",className:(0,d.cn)("whitespace-pre-line",j,v.text)})),(null==n?void 0:n.link)&&!C&&l.createElement(i.A,{href:n.link,variant:n.style,openInNewTab:n.openInNewTab,className:R},n.text)))),C&&l.createElement(p.default,{items:N,onHeightChange:T})))}h.displayName="ImageBanner",h.propTypes={addPaddingTop:o().bool,addPaddingBottom:o().bool,cta:o().shape({link:o().string,openInNewTab:o().bool,text:o().string,

1style:o().string}),darkMode:o().bool,fullBleed:o().bool,hideOnMobile:o().bool,image:o().shape({src:o().string,alt:o().string,focalPoint:o().shape({x:o().number,y:o().number})}),imageOverlay:o().shape({type:o().oneOf(["none","overlay","linear-gradient"])}),logo:o().shape({src:o().string,title:o().string}),logoSize:o().shape({container:o().string}),placement:o().object,placementRawX:o().oneOf(["left","center","right"]),placementRawY:o().oneOf(["top","middle","bottom"]),size:o().oneOf(["full","large","medium","small"]),stickyCtaGroup:o().arrayOf(o().shape({link:o().string,text:o().string})),text:o().oneOfType([o().string,o().object]),textWidth:o().object,title:o().string,titleStyling:o().object,useDesktopPlacementOnMobile:o().bool};const g=h},50125(e,t,n){n.d(t,{A:()=>f});var r=n(10939),l=n(77810),a=n(53480),o=n(4207);function i(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function s(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?i(Object(n),!0).forEach(function(t){(0,r.A)(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):i(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}const c=(e,t)=>({children:n})=>l.createElement(o.A,{as:e,variant:t},n),d={h1:c("h1","h1"),h2:c("h2","h2"),h3:c("h3","h3"),h4:c("h4","h4"),h5:c("h5","h5"),h6:c("h6","h5"),blockquote:({children:e})=>l.createElement("blockquote",{className:"border-l-4 border-brand-gray pl-4 italic"},e),ul:({children:e})=>l.createElement("ul",{className:"pl-5 list-disc"},e),ol:({children:e})=>l.createElement("ol",{className:"pl-5 list-decimal"},e),li:({children:e})=>l.createElement("li",null,e),strong:({children:e})=>l.createElement("strong",{className:"font-bold"},e),em:({children:e})=>l.createElement("em",{className:"italic"},e),del:({children:e})=>l.createElement("s",{className:"line-through"},e),hr:()=>l.createElement("hr",{className:"border-brand-gray my-4"}),a:({href:e,children:t})=>l.createElement("a",{href:e,className:"btn-tertiary"},t),code:({children:e})=>l.createElement("code",{className:"font-mono bg-brand-off-white-gray px-1 rounded"},e)},m=e=>s(s({},d),{},{p:({children:t})=>l.createElement(o.A,{as:"p",variant:e},t)}),u={bold:e=>d.strong({children:e}),italic:e=>d.em({children:e}),underline:e=>l.createElement("u",{className:"underline"},e),strikethrough:e=>d.del({children:e}),code:e=>d.code({children:e}),superscript:e=>l.createElement("sup",null,e),subscript:e=>l.createElement("sub",null,e)};function p(e,t){return Array.isArray(t)&&0!==t.length?t.reduce((e,t)=>{var n;return(null===(n=u[t.type])||void 0===n?void 0:n.call(u,e))??e},e):e}function h(e,t,n,r,a){var i;if(!e||"object"!=typeof e||"string"!=typeof e.nodeType)return null;const{nodeType:s,content:c,data:d,value:m,marks:u}=e,g=Array.isArray(c)?c.map((e,t)=>h(e,t,n,r,a)):null,f=null===(i=s.match(/^heading-([1-6])$/))||void 0===i?void 0:i[1];if(f){const e=`h${f}`;return l.createElement(o.A,{key:t,as:e,variant:e},g)}switch(s){case"paragraph":return l.createElement(o.A,{key:t,as:"p",variant:a},g);case"blockquote":return l.createElement("blockquote",{key:t,className:"border-l-4 border-brand-gray pl-4 italic"},g);case"hr":return l.createElement("hr",{key:t,className:"border-brand-gray my-4"});case"unordered-list":return l.createElement("ul",{key:t,className:"pl-5 list-disc"},g);case"ordered-list":return l.createElement("ol",{key:t,className:"pl-5 list-decimal"},g);case"list-item":return l.createElement("li",{key:t},g);case"table":return l.createElement("table",{key:t,className:"w-full border-collapse"},l.createElement("tbody",null,g));case"table-row":return l.createElement("tr",{key:t},g);case"table-cell":return l.createElement("td",{key:t,className:"border border-brand-gray px-3 py-2"},g);case"table-header-cell":return l.createElement("th",{key:t,className:"border border-brand-gray px-3 py-2 font-bold text-left"},g);case"text":{const e=(m||"").split("\n");return 1===e.length?p(e[0],u):e.map((t,n)=>l.createElement(l.Fragment,{key:n},p(t,u),n<e.length-1&&l.createElement("br",null)))}case"embedded-asset-block":{var b,y,v,E;const n=null===(b=e.data)||void 0===b||null===(y=b.target)||void 0===y?void 0:y.fields,r=null==n||null===(v=n.file)||void 0===v?void 0:v.url,a=null==n||null===(E=n.file)||void 0===E?void 0:E.

1contentType,o=(null==n?void 0:n.title)||(null==n?void 0:n.description)||"";if(!r||null==a||!a.startsWith("image/"))return null;const i=r.startsWith("//")?`https:${r}`:r;return l.createElement("div",{key:t},l.createElement("img",{src:i,alt:o,className:"max-w-48 w-auto inline-block"}))}case"hyperlink":return l.createElement("a",{key:t,href:null==d?void 0:d.uri,className:"btn-tertiary"},g);case"entry-hyperlink":{var x,k;const e=null==d||null===(x=d.target)||void 0===x||null===(k=x.fields)||void 0===k?void 0:k.slug;if(!e)return l.createElement(o.A,{key:t,as:"span"},g);const r=n?n(`/${e}`):encodeURI(`/${e}`);return l.createElement("a",{key:t,href:r,className:"btn-tertiary"},g)}case"asset-hyperlink":return l.createElement(o.A,{key:t,as:"span"},g);case"embedded-entry-block":case"embedded-entry-inline":return r?r(null==d?void 0:d.target,t,{inline:"embedded-entry-inline"===s}):null;default:return null}}const g=e=>"paragraph"===(null==e?void 0:e.nodeType)&&(!Array.isArray(e.content)||e.content.every(e=>{var t;return"text"===e.nodeType&&!(null!==(t=e.value)&&void 0!==t&&t.trim())})),f=(e,t,n,r="b2")=>{if(!e)return null;if("string"==typeof e)return l.createElement(a.oz,{components:m(r)},e);if("document"!==e.nodeType||!Array.isArray(e.content))return null;const o=[...e.content];for(;o.length&&g(o[o.length-1]);)o.pop();return o.map((e,l)=>h(e,l,t,n,r))}},71409(e,t,n){n.r(t),n.d(t,{MOBILE_BREAKPOINT:()=>r,SIZE_CLASSES:()=>l});const r=768,l={full:"h-screen",large:"h-[80vh]",medium:"h-[60vh]",small:"h-[40vh]"}},23251(e,t,n){n.r(t),n.d(t,{sectionPadding:()=>l});var r=n(42272);const l=(e,t)=>(0,r.cn)(e&&"pt-16 lg:pt-38",t&&"pb-16 lg:pb-38")}}]);