https://citizenwatch.com/mobify/bundle/614/int-contentful-components-horizontal-timeline-slide.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[443,3177,3703,6519],{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},42236(e,t,l){l.r(t),l.d(t,{default:()=>u});var r=l(77810),n=l(75826),a=l.n(n),o=l(4207),s=l(51817),i=l(46437),c=l(42272);const d={Top:"self-start",Center:"self-center"},m=({image:e,imageFit:t,logo:l,mediaFirstColumn:n,text:a,textCentered:m,verticalTextAlignment:u,timelinePointText:p,title:h,video:b})=>{const g=d[u]??"self-start";return r.createElement("div",{"data-testid":"horizontal-timeline-slide",className:"flex flex-col mr-24.75 pb-12 border-0 dark:bg-black"},r.createElement("div",{className:"flex items-start mt-auto mb-15.5"}

1,(e||b)&&r.createElement("div",{className:(0,c.cn)("shrink-0 w-81 h-81 lg:w-167.5 lg:h-167.5 relative overflow-hidden",n?"order-first":"order-last")},e&&r.createElement("img",{src:e.src,alt:e.alt,className:(0,c.cn)("w-full h-full",t),draggable:!1}),b&&r.createElement(s.default,{video:b})),(h||a)&&r.createElement("div",{className:(0,c.cn)("shrink-0 w-75.25 lg:w-105.5 px-6 flex flex-col justify-center lg:mr-9.25",m?"items-center text-center":"items-start text-left",g)},l&&r.createElement("img",{src:l.src,alt:l.alt,className:"w-full max-h-33.5 lg:max-h-107.75 object-contain mb-[15.5px]",draggable:!1}),h&&r.createElement(o.A,{as:"h4",variant:"h4-semibold",className:"mb-5 dark:text-brand-off-white"},h),a&&r.createElement(i.default,{content:a,className:"b1-regular lg:mr-9.25 dark:text-brand-off-white"}))),(e||b)&&r.createElement("div",{className:(0,c.cn)("flex flex-col items-center mt-17 w-81 lg:w-167.5 dark:text-brand-off-white",!n&&"ml-75.25 lg:ml-105.5")},r.createElement("div",{"data-timeline-dot":!0,className:(0,c.cn)(p&&"h-3 w-3 rounded-full transition-all duration-300 z-10 bg-black dark:bg-brand-off-white scale-[2]")}),p&&r.createElement(o.A,{as:"span",variant:"h3",className:"mt-4 text-nowrap dark:text-brand-gray"},p)))};m.displayName="HorizontalTimelineSlide",m.propTypes={image:a().shape({alt:a().string,src:a().string}),imageFit:a().string,isActive:a().bool,logo:a().shape({alt:a().string,src:a().string}),mediaFirstColumn:a().bool,text:a().object,textCentered:a().bool,verticalTextAlignment:a().oneOf(["top","center"]),timelinePointText:a().string,title:a().string,video:a().shape({src:a().string,type:a().string})};const u=m},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)=>{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,b=null===(o=s.match(/^heading-([1-6])$/))||void 0===o?void 0:o[1];if(b){const e=`h${b}`;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 g,v,f,y;const l=null===(g=e.data)||void 0===g||null===(v=g.target)||void 0===v?void 0:v.fields,n=null==l||null===(f=l.file)||void 0===f?void 0:f.url,a=null==l||null===(y=l.file)||void 0===y?void 0:y.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 E,N;const e=null==m||null===(E=m.target)||void 0===E||null===(N=E.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}}]);