https://www.founderbrew.com/_next/static/chunks/pages/video-7b0b920296307ee7.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1816],{53527:function(e,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/video",function(){return i(79158)}])},79158:function(e,t,i){"use strict";i.r(t),i.d(t,{__N_SSG:function(){return N},default:function(){return P}});var a=i(52322),n=i(41391),r=i.n(n),o=i(73235);i(53927),i(1978),i(10894);var l=i(46711);function d(){let e=(0,o._)(['\n  *[_type == "brand.videoLandingPage" && _id == $brandVideoLandingPageId][0] {\n    title,\n    description,\n    "availableTags": *[_type == "tagV3.primary" && count(*[_type == $docType && primaryTagV3._ref == ^._id]) > 0] | order(name asc) { _id, name },\n    "totalVideos": count(*[_type == $docType && (defined($tagId) || !(_id in coalesce(^.featuredVideos[]._ref, []))) && (!defined($tagId) || primaryTagV3._ref == $tagId)]),\n    "featuredVideos": featuredVideos[]->{ videoTitle, videoUrl, videoDescription },\n    "videos": *[_type == $docType && (defined($tagId) || !(_id in coalesce(^.featuredVideos[]._ref, []))) && (!defined($tagId) || primaryTagV3._ref == $tagId)] | order(_createdAt desc) [$start..$end] {\n      videoTitle,\n      videoUrl,\n      videoDescription\n    }\n  }\n']);return d=function(){return e},e}i.n(l)()(d());var s=i(49709),c=i(24653),u=i(37233),p=i(18497),f=i(84576),v=i(73287),h=i(13597),m=i(99360),g=i(59250),y=i(82020),x=i(60786),w=i(13855),b=i(5632),_=i(2784),j=i(24068),k=i(94233);let C=e=>{var t,i,n,o,l,d;let{videoPageData:v}=e,{asPath:C}=(0,b.useRouter)(),[N,P]=(0,_.useState)(null),[Z,V]=(0,_.useState)(""),I=(0,w.A)(C),z=Z?[]:null!==(n=v.featuredVideos)&&void 0!==n?n:[],A=z.length,[U,T]=(0,_.useState)(18-A),{data:S,setSize:L,isLoading:$,isValidating:M}=(0,k.ZP)(e=>{let t=new URLSearchParams({offset:String(18*e)});return Z&&t.set("tagId",Z),"/api/sanity/video/brand-video-page?".concat(t.toString())},e=>fetch(e).then(e=>e.json()),{revalidateOnFocus:!1,revalidateOnMount:!1,keepPreviousData:!0,fallbackData:[v]});(0,_.useEffect)(()=>{var e,t;L(1),T(18-(Z?0:null!==(t=null===(e=v.featuredVideos)||void 0===e?void 0:e.length)&&void 0!==t?t:0))},[Z,L,v.featuredVideos]);let R=null!==(o=null==S?void 0:S.flatMap(e=>{var t;return null!==(t=e.videos)&&void 0!==t?t:[]}))&&void 0!==o?o:[],E=R.slice(0,U),H=null!==(d=null!==(l=null==S?void 0:null===(t=S[0])||void 0===t?void 0:t.totalVideos)&&void 0!==l?l:v.totalVideos)&&void 0!==d?d:0,B=E.length<R.length||R.length<H,O=null===(i=v.availableTags)||void 0===i?void 0:i.filter(e=>!!(null==e?void 0:e._id)&&!!(null==e?void 0:e.name)).map(e=>({label:e.name,value:e._id}));return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(s.Z,{title:v.title||"Video",description:v.description,canonical:I,openGraph:{title:v.title||"Video",url:I}}),N&&(0,a.jsx)(h.Z,{isOpen:N,onClose:()=>P(null),children:N.includes("youtube.com")?(0,a.jsx)(y.H,{id:r()(N)||""}):(0,a.jsx)(y.i,{id:(0,x.L)(N)||""})}),(0,a.jsxs)(f.J,{style:{rowGap:"40px",paddingBottom:"100px"},children:[(0,a.jsx)(m.Z,{title:v.title||"Video",subtitle:v.description,style:{paddingBottom:"40px"}}),O&&O.length>0&&(0,a.jsx)(p.Z,{tiles:O,activeTile:Z,onChange:V,showViewAll:!0,style:{gridColumn:"1 / -1"}}),(0,a.jsx)(u.Z,{variant:"grid",columns:12,columnsPerElement:4,className:"full-width-mobile",style:{rowGap:"60px"},children:(0,a.jsx)(a.Fragment,{children:[...z,...E].map(e=>{if(!(null==e?void 0:e.videoUrl))return null;let t=e.videoUrl.includes("youtube.com")?"https://img.youtube.com/vi/".concat(r()(e.videoUrl)||"","/maxresdefault.jpg"):"https://vumbnail.com/".concat((0,x.L)(e.videoUrl)||"",".jpg");return(0,a.jsx)(g.C,{title:e.videoTitle||"",hideImage:!t,image:{asset:{url:t}},description:e.videoDescription,actionText:"Watch Now",actionIcon:(0,a.jsx)(j.Hm_,{}),aspectRatio:16/9,className:"video",onClick:()=>P(e.videoUrl)},e.videoUrl)})})}),B&&(0,a.jsx)("div",{style:{gridColumn:"1 / -1",display:"flex",justifyContent:"center",padding:"var(--space-lg) 0"},children:(0,a.jsx)(c.Z,{onClick:()=>{let e=U+18;T(e),e>R.length&&L(e=>e+1)},loading:$||M,children:"Load More Videos"})})]})]})};C.Layout=v.Z;var N=!0,P=C},18497:function(e,t,i){"use strict";i.d(t,{Z:function(){return s}});var a=i(52322),n=i(47122);i(2784);var r=i(73307),o=i(35505);let l=o.ZP.div.withConfig({displayName:"style__Tiles",componentId:"sc-b53a96aa-0"})(["display:flex;direction:row;flex-wrap:wrap;justify-content:center;gap:var(--space-md);padding-bottom:var(--space-md);","{padding:0 var(--space-sm);flex-direction:column;}"],r.m7),d=o.ZP.button.withConfig({displayName:"style__Tile",componentId:"sc-b53a96aa-1"})(["color:var(--colors-black);display:flex;justify-content:center;align-items:center;flex:1 1 0;height:fit-content;","{flex:none;}line-height:20px;padding:var(--space-sm) var(--space-md);font-size:var(--font-scale-1);font-family:var(--font-family-sohne);font-weight:var(--font-weight-bold);overflow:hidden;position:relative;border:1px solid var(--colors-divider);border-radius:9999px;transition:background-color 0.15s ease,color 0.15s ease,border-color 0.15s ease;&[data-active='true']{background-color:var(--colors-action-default);color:var(--colors-white);}&:hover[data-active='false']{border-color:var(--colors-brand-600);&::before{background-color:var(--colors-brand-500);opacity:0.1;position:absolute;content:'';height:100%;width:100%;transition:background-color 0.15s ease,opacity 0.15s ease;}}"],r.m7);var s=e=>{let{tiles:t,onChange:i,activeTile:r,showViewAll:o,...s}=e,{track:c}=(0,n.z)(),u=(e,t)=>

1{c("curated-tag-click",{tag:t}),i(e)};return(0,a.jsxs)(l,{...s,children:[o&&(0,a.jsx)(d,{onClick:()=>i(""),"data-active":""===r,children:"View All"}),t&&t.map(e=>e&&e.label&&e.value&&(0,a.jsx)(d,{onClick:()=>u(e.value,e.label),"data-active":e.value===r,children:e.label},e.value))]})}},99360:function(e,t,i){"use strict";var a=i(52322),n=i(12524),r=i.n(n),o=i(91310),l=i(15579),d=i(39097),s=i.n(d),c=i(2784),u=i(68602),p=i(13120);t.Z=e=>{let{title:t,subtitle:i,sponsorText:n,logo:d,logoWidth:f,logoHeight:v,logoAltText:h,logoLink:m,onAdClick:g,centered:y=!1,breadcrumbs:x,...w}=e;return(0,a.jsxs)(p.gM,{className:r()("page-header",{centered:y}),...w,children:[x&&x.length>0&&(0,a.jsx)(p.MH,{"aria-label":"Breadcrumb",children:x.map((e,t)=>{let i=t===x.length-1;return(0,a.jsxs)(c.Fragment,{children:[t>0&&(0,a.jsx)("span",{className:"separator","aria-hidden":"true",children:">"}),(0,a.jsx)(s(),{href:e.href,"aria-current":i?"page":void 0,children:e.name})]},e.href)})}),(0,a.jsxs)(p.tP,{style:{textAlign:y?"center":"left"},children:[t&&"string"==typeof t&&(0,a.jsx)("h1",{children:(0,u.ZP)(t)}),t&&Array.isArray(t)&&(0,a.jsx)("div",{className:"pt-header",children:(0,a.jsx)(l.Z,{blocks:t})}),n&&d&&(0,a.jsx)(o.Z,{href:m,logoSrc:d,sponsorLabel:n,logoWidth:f,logoHeight:v,logoAltText:h,style:{margin:0},onClick:g})]}),i&&"string"==typeof i&&(0,a.jsx)("p",{children:i}),i&&Array.isArray(i)&&(0,a.jsx)(l.Z,{blocks:i})]})}},13120:function(e,t,i){"use strict";i.d(t,{MH:function(){return r},gM:function(){return o},tP:function(){return l}});var a=i(73307),n=i(35505);let r=n.ZP.nav.withConfig({displayName:"style__BreadcrumbsWrapper",componentId:"sc-cf9cdcc6-0"})(["display:flex;align-items:center;gap:8px;text-transform:uppercase;font-size:var(--font-scale-000);font-family:var(--font-family-heading);letter-spacing:0.1em;font-weight:600;a{color:",";text-decoration:none;&:hover{text-decoration:underline;}}.separator{color:",";}"],e=>{let{theme:t}=e;return t.colors.primary},e=>{let{theme:t}=e;return t.colors.onyx}),o=n.ZP.div.withConfig({displayName:"style__HeaderContainer",componentId:"sc-cf9cdcc6-1"})(["display:flex;flex-direction:column;font-family:var(--font-sohne);font-size:var(--font-scale-2);row-gap:var(--space-md);height:fit-content;justify-content:space-between;grid-column:-1 / 1;h1{font-size:var(--font-scale-7);font-weight:var(--font-weight-heading);margin-bottom:0;padding-right:var(--space-3xl);","{font-size:var(--font-scale-5);}}p{font-size:var(--font-scale-2);line-height:1.6;margin-bottom:0;}","{margin-top:var(--space-2xl);}&.centered{align-items:center;h1,p{text-align:center;}p{max-width:55ch;}}"],a.m7,a.Mq),l=n.ZP.div.withConfig({displayName:"style__HeadingWrapper",componentId:"sc-cf9cdcc6-2"})(["display:flex;flex-direction:row;flex-wrap:nowrap;column-gap:var(--space-md);row-gap:var(--space-md);justify-content:space-between;align-items:flex-start;h1,.pt-header{flex-shrink:1;min-width:0;}> :not(h1):not(.pt-header){flex-shrink:0;display:flex;align-items:center;min-height:calc(var(--font-scale-7) * 1.2);}","{flex-wrap:wrap;> :not(h1):not(.pt-header){min-height:0;}}"],a.Mq)},82020:function(e,t,i){"use strict";i.d(t,{i:function(){return d},H:function(){return s}});var a=i(52322),n=i(73307),r=i(35505);let o=r.ZP.div.withConfig({displayName:"style__YoutubeWrapper",componentId:"sc-52f80dc8-0"})(["overflow:hidden;padding-bottom:56.25%;position:relative;height:0;width:760px;","{width:650px;}","{width:315px;}iframe{left:0;top:0;height:100%;width:100%;position:absolute;}"],n.Mq,n.m7),l=r.ZP.div.withConfig({displayName:"embed__VimeoWrapper",componentId:"sc-6737682d-0"})(["overflow:hidden;padding-bottom:56.25%;position:relative;height:0;width:760px;","{width:650px;}","{width:315px;}iframe{left:0;top:0;height:100%;width:100%;position:absolute;}"],n.Mq,n.m7);function d(e){let{id:t,autoplay:i}=e;return(0,a.jsx)(l,{"data-floating":"true",children:(0,a.jsx)("iframe",{src:"https://player.vimeo.com/video/".concat(t).concat(i?"?autoplay=1&muted=1":""),frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,title:"Embedded vimeo"})})}function s(e){let{id:t}=e;return(0,a.jsx)(o,{"data-floating":"true",children:(0,a.jsx)("iframe",{src:"https://www.youtube.com/embed/".concat(t),frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,title:"Embedded youtube"})})}},60786:function(e,t,i){"use strict";i.d(t,{L:function(){return a}});let a=e=>{if(!(null==e?void 0:e.includes("vimeo.com")))return null;let t=e.split("/");return t[t.length-1]}},59250:function(e,t,i){"use strict";i.d(t,{C:function(){return b}});var a=i(52322),n=i(47122),r=i(12524),o=i.n(r),l=i(15271),d=i(87621),s=i(85337),c=i(39097),u=i.n(c),p=i(5632),f=i(15579),v=i(24653),h=i(73307),m=i(35505);let g=m.ZP.a.withConfig({displayName:"style__PreviewCardLink",componentId:"sc-68b0d1db-0"}

1)(["height:fit-content;"]),y=m.ZP.article.withConfig({displayName:"style__PreviewBase",componentId:"sc-68b0d1db-1"})(["display:flex;cursor:pointer;.preview-headline{font-family:var(--font-family-heading);font-weight:var(--font-weight-heading);font-size:var(--font-size-heading-md);margin-bottom:var(--space-sm);line-height:1.2;transition:color 0.2s ease;}.preview-headline.small-headline{font-size:var(--font-size-heading-sm);}.preview-date{color:var(--colors-grey-500);font-size:var(--font-scale-000);font-family:var(--font-azeret-mono);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:0.7px;line-height:1;margin-bottom:var(--space-sm);}.action-row{margin-top:8px;}&[data-variant='list']{flex-direction:row;align-items:center;gap:var(--space-xl);","{gap:var(--space-md);}}&[data-variant='grid']{flex-direction:column;}&:hover{.preview-headline{color:var(--colors-brand-600);}}.video-btn:hover{color:var(--colors-brand-600);}"],h.m7),x=m.ZP.div.withConfig({displayName:"style__ImageWrapper",componentId:"sc-68b0d1db-2"})(["position:relative;margin-bottom:var(--space-xl);&.video-image{margin-left:auto;img{height:100%;width:100%;object-fit:cover;}}&[data-variant='grid']{width:100%;height:auto;border-radius:4px;overflow:hidden;aspect-ratio:",";}

1&[data-variant='list']{min-width:200px;height:133px;border-radius:4px;overflow:hidden;margin-bottom:0;aspect-ratio:3 / 2;","{min-width:140px;width:140px;height:140px;aspect-ratio:1 / 1;}}"],e=>e.$aspectRatio,h.m7),w=m.ZP.div.withConfig({displayName:"style__ContentWrapper",componentId:"sc-68b0d1db-3"})(["display:flex;flex-direction:column;p{margin-bottom:0;}"]),b=e=>{let{image:t,title:i,description:r,href:c,tag:h,analyticsProperties:m,className:b,variant:_="grid",hideImage:j=!1,publishDate:k,actionText:C,actionIcon:N,mirrored:P,aspectRatio:Z,onClick:V}=e,{track:I}=(0,n.z)(),z=(0,p.useRouter)(),{imageUrl:A,imageAspectRatio:U,alt:T}=(0,s.n)(t),S=(0,d.An)(k),{clickName:L,...$}=m||{},M=()=>{V&&(null==V||V()),L&&I(L,{title:i,category:h,pagePath:z.asPath,featured:!1,...$})},R=(0,a.jsxs)(y,{className:o()("preview",b),"data-variant":_,onClick:()=>{V&&M()},children:[!j&&(0,a.jsx)(x,{className:o()("preview-image","video-image"),$aspectRatio:Z||U,"data-variant":_,style:{order:P?1:0},children:(0,a.jsx)(l.Z,{src:A,alt:T,objectFit:"cover",quality:70})}),(0,a.jsxs)(w,{className:"preview-content",children:[(0,a.jsx)("h3",{className:o()("preview-headline"),children:i}),r&&(0,a.jsx)(f.Z,{blocks:r}),C&&(0,a.jsxs)("div",{className:"action-row",children:[!c&&(0,a.jsx)(v.Z,{onClick:M,className:o()("preview-action","btn-link","video-btn"),iconLeft:N,asLink:!0,children:C}),c&&(0,a.jsx)(u(),{href:c,legacyBehavior:!0,passHref:!0,children:(0,a.jsx)(v.Z,{onClick:e=>{M(),e.stopPropagation()},asLink:!0,className:o()("preview-action","btn-link","video-btn"),iconLeft:N,children:C})})]}),S&&(0,a.jsx)("span",{className:"preview-date",children:(0,a.jsx)("time",{dateTime:S.iso,children:S.formatted})})]})]});return c?(0,a.jsx)(u(),{href:c,legacyBehavior:!0,passHref:!0,children:(0,a.jsx)(g,{onClick:e=>{M(),e.stopPropagation()},className:o()("preview",b),children:R})}):R}},85337:function(e,t,i){"use strict";i.d(t,{n:function(){return r},p:function(){return n}});var a=i(1978);let n=(e,t,i)=>"https://morningbrew.com/cdn-cgi/image/width=".concat(t,",").concat(i?"height=".concat(i,","):"","format=auto/").concat(e),r=e=>{var t,i,n,r,o,l,d,s,c,u;let{urlFor:p}=(0,a.SU)(),f="",v="",h=null!==(d=null==e?void 0:null===(n=e.asset)||void 0===n?void 0:null===(i=n.metadata)||void 0===i?void 0:null===(t=i.dimensions)||void 0===t?void 0:t.aspectRatio)&&void 0!==d?d:1.5,m=null===(r=window)||void 0===r?void 0:r.devicePixelRatio;if((null==e?void 0:null===(o=e.asset)||void 0===o?void 0:o._id)||(null==e?void 0:null===(l=e.asset)||void 0===l?void 0:l.url)){try{f=p(e).auto("format").quality(70).width(400).dpr(m).url()||""}catch(t){f=null!==(c=null==e?void 0:null===(s=e.asset)||void 0===s?void 0:s.url)&&void 0!==c?c:""}v="alt"in e&&null!==(u=null==e?void 0:e.alt)&&void 0!==u?u:""}return{imageUrl:f,alt:v,imageAspectRatio:h}}},10894:function(e,t,i){"use strict";i.d(t,{M8:function(){return r},jN:function(){return n}});var a=i(23285);let n=e=>{let t=Array.isArray(e)?e.join("/"):e;return a.nw?t&&t.length>0?t:null!==a.UQ&&void 0!==a.UQ?a.UQ:a.nw:a.UQ?a.UQ:Array.isArray(e)?e.join("/"):e},r=()=>"singleton-brand-root-".concat(a.UQ)},94233:function(e,t,i){"use strict";i.d(t,{ZP:function(){return b}});var a=i(2784),n=i(30446),r=i(31788),o=i(49306),l=i(51325),d=i(43100);let s=()=>{},c=s(),u=Object,p=e=>e===c,f=e=>"function"==typeof e,v=new WeakMap,h=(e,t)=>u.prototype.toString.call(e)===`[object ${t}]`,m=0,g=e=>{let t,i;let a=typeof e,n=h(e,"Date"),r=h(e,"RegExp"),o=h(e,"Object");if(u(e)!==e||n||r)t=n?e.toJSON():"symbol"==a?e.toString():"string"==a?JSON.stringify(e):""+e;else{if(t=v.get(e))return t;if(t=++m+"~",v.set(e,t),Array.isArray(e)){for(i=0,t="@";i<e.length;i++)t+=g(e[i])+",";v.set(e,t)}if(o){t="#";let a=u.keys(e).sort();for(;!p(i=a.pop());)p(e[i])||(t+=i+":"+g(e[i])+",");v.set(e,t)}}return t},y=e=>{if(f(e))try{e=e()}catch(t){e=""}let t=e;return[e="string"==typeof e?e:(Array.isArray(e)?e.length:e)?g(e):"",t]},x=e=>y(e?e(0,null):null)[0],w=Promise.resolve(),b=(0,l.xD)(n.ZP,e=>(t,i,n)=>{let l;let s=(0,a.useRef)(!1),{cache:c,initialSize:u=1,revalidateAll:p=!1,persistSize:f=!1,revalidateFirstPage:v=!0,revalidateOnMount:h=!1,parallel:m=!1}=n,[,,,g]=r.b.get(r.c);try{(l=x(t))&&(l=o.U+l)}catch(e){}let[y,b,_]=(0,r.z)(c,l),j=(0,a.useCallback)(()=>(0,r.e)(y()._l)?u:y()._l,[c,l,u]);(0,d.useSyncExternalStore)((0,a.useCallback)(e=>l?_(l,()=>{e()}):()=>{},[c,l]),j,j);let k=(0,a.useCallback)(()=>{let e=y()._l;return(0,r.e)(e)?u:e},[l,u]),C=(0,a.useRef)(k());(0,r.u)(()=>

1{if(!s.current){s.current=!0;return}l&&b({_l:f?C.current:k()})},[l,c]);let N=h&&!s.current,P=e(l,async e=>{let a=y()._i,o=y()._r;b({_r:r.U});let l=[],d=k(),[s]=(0,r.z)(c,e),u=s().data,f=[],h=null;for(let e=0;e<d;++e){let[d,s]=(0,r.s)(t(e,m?null:h));if(!d)break;let[y,x]=(0,r.z)(c,d),w=y().data,b=p||a||(0,r.e)(w)||v&&!e&&!(0,r.e)(u)||N||u&&!(0,r.e)(u[e])&&!n.compare(u[e],w);if(i&&("function"==typeof o?o(w,s):b)){let t=async()=>{if(d in g){let e=g[d];delete g[d],w=await e}else w=await i(s);x({data:w,_k:s}),l[e]=w};m?f.push(t):await t()}else l[e]=w;m||(h=w)}return m&&await Promise.all(f.map(e=>e())),b({_i:r.U}),l},n),Z=(0,a.useCallback)(function(e,t){let i="boolean"==typeof t?{revalidate:t}:t||{},a=!1!==i.revalidate;return l?(a&&((0,r.e)(e)?b({_i:!0,_r:i.revalidate}):b({_i:!1,_r:i.revalidate})),arguments.length?P.mutate(e,{...i,revalidate:a}):P.mutate()):w},[l,c]),V=(0,a.useCallback)(e=>{let i;if(!l)return w;let[,a]=(0,r.z)(c,l);if((0,r.a)(e)?i=e(k()):"number"==typeof e&&(i=e),"number"!=typeof i)return w;a({_l:i}),C.current=i;let n=[],[o]=(0,r.z)(c,l),d=null;for(let e=0;e<i;++e){let[i]=(0,r.s)(t(e,d)),[a]=(0,r.z)(c,i),l=i?a().data:r.U;if((0,r.e)(l))return Z(o().data);n.push(l),d=l}return Z(n)},[l,c,Z,k]);return{size:k(),setSize:V,mutate:Z,get data(){return P.data},get error(){return P.error},get isValidating(){return P.isValidating},get isLoading(){return P.isLoading}}})}},function(e){e.O(0,[2888,9774,179],function(){return e(e.s=53527)}),_N_E=e.O()}]);