https://citizenwatch.com/mobify/bundle/614/int-contentful-components-multi-media-banner-three-column.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[443,3177,3185,6192,6519,9248],{69628(e,t,l){l.r(t),l.d(t,{CmsComponentErrorBoundary:()=>u,CmsComponents:()=>p});var r=l(64180),n=l(77810),a=l(48996),o=l(76879),s=l(69465),i=l(75826),c=l.n(i),d=l(42272),m=l(4207);class u extends n.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=({content:e,isLoading:t,showTitle:l,darkMode:i})=>{const{setColorMode:c}=(0,a.G6)();(0,n.useEffect)(()=>(c(i?"dark":"light"),()=>c("light")),[i]);const p=(0,n.useMemo)(()=>null!=e&&e.components?(0,s.x)(e.components):[],[null==e?void 0:e.components]),h=(0,o.wi)();return n.createElement(n.Fragment,null,t?n.createElement("div",{className:"p-6 bg-white shadow-lg rounded-lg","data-testid":"cms-components"},n.createElement("div",{className:"animate-pulse"},n.createElement("div",{className:"h-10 w-10 bg-brand-off-white-gray rounded-full mb-4"}),n.createElement("div",{className:"space-y-4"},n.createElement("div",{className:"h-4 bg-brand-off-white-gray rounded-sm"}),n.createElement("div",{className:"h-4 bg-brand-off-white-gray rounded-sm w-5/6"}),n.createElement("div",{className:"h-4 bg-brand-off-white-gray rounded-sm w-4/6"}),n.createElement("div",{className:"h-4 bg-brand-off-white-gray rounded-sm"})))):n.createElement(n.Fragment,null,l&&n.createElement(m.A,{as:"h1",variant:"h1",className:"mb-4"},null==e?void 0:e.title),n.createElement("div",{className:(0,d.cn)("flex flex-col items-stretch",i?"dark":"")},p.map(e=>{var t;return n.createElement(u,{key:e.id,componentName:(null===(t=e.component)||void 0===t?void 0:t.displayName)||e.id},n.createElement("div",(0,r.A)({className:"cms-fade-in"},e.fieldId?h({entryId:e.id,fieldId:e.fieldId}):null),n.createElement(e.component,e.props)))}))))};p.displayName="CmsComponents",p.propTypes={content:c().any,darkMode:c().bool,isLoading:c().bool,showTitle:c().bool}},46437(e,t,l){l.r(t),l.d(t,{default:()=>m});var r=l(77810),n=l(75826),a=l.n(n),o=l(42272),s=l(50125),i=l(91028),c=l(87716);const d=({content:e,className:t})=>{const l=(0,r.useContext)(c.MR),n=(0,r.useCallback)(e=>{if(!l)return encodeURI(e);const{buildUrl:t,site:r,locale:n}=l;return t(e,(null==r?void 0:r.alias)||(null==r?void 0:r.id),(null==n?void 0:n.alias)||(null==n?void 0:n.id))},[l]),a=(0,s.A)(e,n,i.l);return a?r.createElement("div",{className:(0,o.cn)("flex flex-col gap-6 items-stretch",t)},a):null};d.displayName="RichTextRenderer",d.propTypes={content:a().oneOfType([a().object,a().string]),className:a().string};const m=d},51817(e,t,l){l.r(t),l.d(t,{default:()=>c});var r=l(77810),n=l(75826),a=l.n(n),o=l(42272),s=l(29550);const i=({className:e,objectSize:t,onEnded:l,video:n})=>{const a=(0,s.A)(n),[i,c]=(0,r.useState)(n.videoUrlPosterImage),[d,m]=(0,r.useState)(n.videoUrl);return(0,r.useEffect)(()=>{const e=window.matchMedia("(max-width: 767px)").matches;e&&n.videoUrlPosterImageMobile?c(n.videoUrlPosterImageMobile):c(n.videoUrlPosterImage),"youtube"===n.platform&&m(e&&n.videoUrlMobile?n.videoUrlMobile:n.videoUrl)},[n.platform,n.videoUrl,n.videoUrlMobile,n.videoUrlPosterImage,n.videoUrlPosterImageMobile]),"youtube"===n.platform?r.createElement("div",{className:(0,o.cn)("absolute h-full left-0 top-0 w-full",t||"object-cover",e)},r.createElement("iframe",{className:"w-full h-full",src:d,title:"YouTube video player",allowFullScreen:!0,allow:"accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",referrerPolicy:"strict-origin-when-cross-origin",frameBorder:"0"})):r.createElement("video",{ref:a,className:(0,o.cn)("absolute h-full left-0 top-0 w-full",t||"object-cover",e),loop:!n.disableVideoLoop,muted:!0,onEnded:l,playsInline:!0,poster:i,preload:"auto"},r.createElement("source",{src:n.videoUrlMobile?n.videoUrlMobile:n.videoUrl,media:"(max-width: 767px)",type:"video/mp4"}),r.createElement("source",{src:n.videoUrl,media:"(min-width: 768px)",type:"video/mp4"}))};i.displayName="VideoPlayer",i.propTypes={className:a().string,objectSize:a().string,onEnded:a().func,video:a().shape({platform:a().oneOf(["widen","youtube"]).isRequired,videoId:a().string,disableVideoLoop:a().bool,videoUrl:a().string,videoUrlMobile:a().string,posterImage:a().string,posterImageMobile:a().string})};const c=i},13983(e,t,l){l.r(t),l.d(t,{default:()=>h});var r=l(77810),n=l(75826),a=l.n(n),o=l(10392),s=l(4207),i=l(46437),c=l(51817),d=l(42272),m=l(23251),u=l(32698);function p({addPaddingTop:e,addPaddingBottom:t,cta:l,hideColumnOnMobile:n,image:a,centerImage:p,size:h="full",text:g,title:v,titleStyling:f,video:b,thirdColumnVideo:E}){const y=b?r.createElement(c.default,{video:b}):null!=p&&p.src?r.createElement("img",{className:"h-full object-cover w-full",src:p.src,alt:p.alt}):null,N=E?r.createElement(c.default,{video:E}):null!=a&&a.src?r.createElement("img",{className:"h-full object-cover w-full",src:a.src,alt:a.alt}):null,w="second"===n,k="third"===n,x=u.SIZE_CLASSES[h]||u.SIZE_CLASSES.full;return r.createElement("div",{data:!0,className:(0,d.cn)("flex flex-col lg:grid lg:grid-cols-3 lg:gap-6 w-full",(0,m.sectionPadding)(e,t))},r.createElement("div",{className:(0,d.cn)("flex lg:hidden w-full order-1",w||k?"":"gap-3")},y&&!w&&r.createElement("div",{className:(0,d.cn)("flex items-center justify-center overflow-hidden relative",x,k?"w-full":"flex-1")},y),N&&!k&&r.createElement("div",{className:(0,d.cn)("flex items-center justify-center overflow-hidden relative",w?(0,d.cn)("w-full",x):"flex-1")},N)),y&&r.createElement("div",{className:(0,d.cn)("hidden lg:flex lg:self-stretch lg:col-start-2 lg:row-start-1 items-center justify-center overflow-hidden relative",x)},y),r.createElement("div",{className:"flex flex-col justify-center lg:col-start-1 lg:row-start-1 lg:px-12 order-3 px-6 pt-4 pb-16"},r.createElement("div",{className:"max-w-lg"},v&&r.createElement(s.A,{as:"h2",variant:null==f?void 0:f.heading,className:"mb-4 mt-9 lg:mb-9 lg:mt-0"},v),g&&r.createElement(i.default,{content:g,className:"b1-regular lg:max-w-md"}),l&&r.createElement(o.A,{href:l.link,variant:l.style,openInNewTab:l.openInNewTab,className:"mt-6"},l.text))),N&&r.createElement("div",{className:(0,d.cn)("hidden lg:flex lg:self-stretch lg:col-start-3 lg:row-start-1 items-center justify-center overflow-hidden relative",x)},N))}p.displayName="MultiMediaBannerThreeColumn",p.propTypes={addPaddingTop:a().bool,addPaddingBottom:a().bool,cta:a().shape({link:a().string,openInNewTab:a().bool,style:a().string,text:a().string}),hideColumnOnMobile:a().oneOf(["none","second","third"]),size:a().oneOf(["full","large","medium","small"]),image:a().shape({src:a().string,alt:a().string}),centerImage:a().shape({src:a().string,alt:a().string}),text:a().oneOfType([a().string,a().object]),title:a().string,titleStyling:a().shape({heading:a().string}),placeholderImage:a().string,video:a().object,thirdColumnVideo:a().object};const h=p},91028(e,t,l){l.d(t,{l:()=>i});var r=l(77810),n=l(69465),a=l(69628);const o=new Set(["cta","html","imageWithFocalPoint"]),s=new Set(["cta","imageWithFocalPoint"]),i=(e,t,{inline:l=!1}={})=>{var i,c,d;const m=null==e||null===(i=e.sys)||void 0===i||null===(c=i.contentType)||void 0===c||null===(d=c.sys)||void 0===d?void 0:d.id;if(!m||!(l?s:o).has(m))return null;const u=(0,n.e)(e);if(null==u||!u.component)return null;const p=u.component;return r.createElement(a.CmsComponentErrorBoundary,{key:t,componentName:m},l?r.createElement("span",{className:"inline-block align-middle"},r.createElement(p,u.props)):r.createElement("div",null,r.createElement(p,u.props)))}},50125(e,t,l){l.d(t,{A:()=>m});var r=l(77810),n=l(53480),a=l(4207);const o=(e,t)=>({children:l})=>r.createElement(a.A,{as:e,variant:t},l),s={h1:o("h1","h1"),h2:o("h2","h2"),h3:o("h3","h3"),h4:o("h4","h4"),h5:o("h5","h5"),h6:o("h6","h5"),p:({children:e})=>r.createElement(a.A,{as:"p"},e),blockquote:({children:e})=>r.createElement("blockquote",{className:"border-l-4 border-brand-gray pl-4 italic"},e),ul:({children:e})=>r.createElement("ul",{className:"pl-5 list-disc"},e),ol:({children:e})=>r.createElement("ol",{className:"pl-5 list-decimal"},e),li:({children:e})=>r.createElement("li",null,e),strong:({children:e})=>r.createElement("strong",{className:"font-bold"},e),em:({children:e})=>r.createElement("em",{className:"italic"},e),del:({children:e})=>r.createElement("s",{className:"line-through"},e),hr:()=>r.createElement("hr",{className:"border-brand-gray my-4"}),a:({href:e,children:t})=>r.createElement("a",{href:e,className:"underline hover:no-underline"},t),code:({children:e})=>r.createElement("code",{className:"font-mono bg-brand-off-white-gray px-1 rounded"},e)},i={bold:e=>s.strong({children:e}),italic:e=>s.em({children:e}),underline:e=>r.createElement("u",{className:"underline"},e),strikethrough:e=>s.del({children:e}),code:e=>s.code({children:e}),superscript:e=>r.createElement("sup",null,e),subscript:e=>r.createElement("sub",null,e)};function c(e,t){return Array.isArray(t)&&0!==t.length?t.reduce((e,t)=>

1{var l;return(null===(l=i[t.type])||void 0===l?void 0:l.call(i,e))??e},e):e}function d(e,t,l,n){var o;if(!e||"object"!=typeof e||"string"!=typeof e.nodeType)return null;const{nodeType:s,content:i,data:m,value:u,marks:p}=e,h=Array.isArray(i)?i.map((e,t)=>d(e,t,l,n)):null,g=null===(o=s.match(/^heading-([1-6])$/))||void 0===o?void 0:o[1];if(g){const e=`h${g}`;return r.createElement(a.A,{key:t,as:e,variant:e},h)}switch(s){case"paragraph":return r.createElement(a.A,{key:t,as:"p"},h);case"blockquote":return r.createElement("blockquote",{key:t,className:"border-l-4 border-brand-gray pl-4 italic"},h);case"hr":return r.createElement("hr",{key:t,className:"border-brand-gray my-4"});case"unordered-list":return r.createElement("ul",{key:t,className:"pl-5 list-disc"},h);case"ordered-list":return r.createElement("ol",{key:t,className:"pl-5 list-decimal"},h);case"list-item":return r.createElement("li",{key:t},h);case"table":return r.createElement("table",{key:t,className:"w-full border-collapse"},r.createElement("tbody",null,h));case"table-row":return r.createElement("tr",{key:t},h);case"table-cell":return r.createElement("td",{key:t,className:"border border-brand-gray px-3 py-2"},h);case"table-header-cell":return r.createElement("th",{key:t,className:"border border-brand-gray px-3 py-2 font-bold text-left"},h);case"text":{const e=(u||"").split("\n");return 1===e.length?r.createElement(r.Fragment,{key:t},c(e[0],p)):e.map((t,l)=>r.createElement(r.Fragment,{key:l},c(t,p),l<e.length-1&&r.createElement("br",null)))}case"embedded-asset-block":{var v,f,b,E;const l=null===(v=e.data)||void 0===v||null===(f=v.target)||void 0===f?void 0:f.fields,n=null==l||null===(b=l.file)||void 0===b?void 0:b.url,a=null==l||null===(E=l.file)||void 0===E?void 0:E.contentType,o=(null==l?void 0:l.title)||(null==l?void 0:l.description)||"";if(!n||null==a||!a.startsWith("image/"))return null;const s=n.startsWith("//")?`https:${n}`:n;return r.createElement("div",{key:t},r.createElement("img",{src:s,alt:o,className:"max-w-48 w-auto inline-block"}))}case"hyperlink":return r.createElement("a",{key:t,href:null==m?void 0:m.uri,className:"underline hover:no-underline"},h);case"entry-hyperlink":{var y,N;const e=null==m||null===(y=m.target)||void 0===y||null===(N=y.fields)||void 0===N?void 0:N.slug;if(!e)return r.createElement(a.A,{key:t,as:"span"},h);const n=l?l(`/${e}`):encodeURI(`/${e}`);return r.createElement("a",{key:t,href:n,className:"underline hover:no-underline"},h)}case"asset-hyperlink":return r.createElement(a.A,{key:t,as:"span"},h);case"embedded-entry-block":case"embedded-entry-inline":return n?n(null==m?void 0:m.target,t,{inline:"embedded-entry-inline"===s}):null;default:return null}}const m=(e,t,l)=>e?"string"==typeof e?r.createElement(n.oz,{components:s},e):"document"===e.nodeType&&Array.isArray(e.content)?e.content.map((e,r)=>d(e,r,t,l)):null:null},32698(e,t,l){l.r(t),l.d(t,{SIZE_CLASSES:()=>r});const r={full:"h-svh",large:"h-[80vh]",medium:"h-[60vh]",small:"h-[40vh]"}},23251(e,t,l){l.r(t),l.d(t,{sectionPadding:()=>n});var r=l(42272);const n=(e,t)=>(0,r.cn)(e&&"pt-16 lg:pt-38",t&&"pb-16 lg:pb-38")}}]);