PageSourceSearch

https://www.bushbeansfoodservice.com/dist/bushs-beans/static/js/MediaCarouselVideoSlide.9b2078a2.chunk.js

js bushbeansfoodservice.com collected 2026-10-07 12:23:03 UTC 16,587 bytes, 250 lines download raw bytes

1"use strict";(self.webpackChunkbushs_beans=self.webpackChunkbushs_beans||[]).push([[2768,5709,3355,6421,9301,7432,9945,9282],{10613:(e,t,i)=>{i.d(t,{Z:()=>a});i(50390);const a=i.p+"static/media/BigBeanVector.af780d966024736ef3daa29d0b98c892.svg"},29674:(e,t,i)=>{i.r(t),i.d(t,{default:()=>n});var a=i(50390),o=i(8164),l=i(22094),s=i(62244),d=i(78437),r=i(62559);const n=e=>{let{fields:t={},params:i={}}=e;const{videoId:n={},backgroundImage:c={}}=t,L=(0,a.useRef)(null),{videoPoster:f=""}=i;return(0,r.jsxs)(s.default,{className:"media-carousel-video-slide",children:[(0,r.jsx)(s.BackgroundImage,{children:(0,r.jsx)(o.E,{field:c,imageParams:{mw:1200,mh:1200},className:"background-image",draggable:!1})}),(null===n||void 0===n?void 0:n.value)&&!(0,l.isServer)()&&(0,r.jsx)(s.ContentWrapper,{children:(0,r.jsx)(s.Media,{ref:L,children:(0,r.jsx)(d.default,{youtubeId:null===n||void 0===n?void 0:n.value,width:1600,height:900,poster:f},`youtube-video-${null===n||void 0===n?void 0:n.value}`)})})]})}},62244:(e,t,i)=>{i.r(t),i.d(t,{BackgroundImage:()=>d,ContentWrapper:()=>l,Media:()=>s,default:()=>o});var a=i(75497);const o=a.ZP.div`
2  position: relative;
3  display: flex;
4  align-items: center;
5  justify-content: center;
6  width: 100%;
7  height: 100%;
8`,l=a.ZP.div`
9  z-index: 10;
10  box-sizing: border-box;
11  width: 85%;
12  height: auto;
13  margin: 0 auto;
14`,s=a.ZP.div`
15  position: relative;
16  overflow: hidden;
17  cursor: pointer;
18
19  &:before {
20    display: block;
21    width: 100%;
22    padding-top: calc((9 / 16) * 100%);
23    content: '';
24  }
25
26  .video-wrapper {
27    position: absolute;
28    top: 0;
29    left: 0;
30    width: 100%;
31    max-width: 100%;
32    height: auto;
33    max-height: 100%;
34    object-fit: contain;
35  }
36`,d=a.ZP.div`
37  position: absolute;
38  width: 100%;
39  height: 100%;
40
41  img {
42    width: 100%;
43    height: 100%;
44    max-height: 100%;
45    object-fit: cover;
46  }
47`},62193:(e,t,i)=>{i.r(t),i.d(t,{default:()=>s});var a=i(50390),o=i(86599),l=i(22094);const s=e=>{let{targetId:t="footer-notifications",children:i,toggleActiveClass:s=!0}=e;const[d,r]=(0,a.useState)(null);return(0,a.useEffect)(()=>{if((0,l.isServer)())return;const e=document.getElementById(t);r(e||null)},[t]),(0,a.useEffect)(()=>{if(s&&d)return d.classList.add("active"),()=>{d.classList.remove("active")}},[d,s]),(0,l.isServer)()?i:d?o.createPortal(i,d):null}},52261:(e,t,i)=>{i.r(t),i.d(t,{default:()=>l});i(50390);var a=i(89600),o=i(62559);const l=e=>{let{isActive:t,...i}=e;return(0,o.jsxs)(a.default,{className:"spiral "+(t?"active":""),width:204,height:204,viewBox:"0 0 204 204",fill:"none",xmlns:"http://www.w3.org/2000/svg",...i,children:[(0,o.jsx)("path",{d:"M102.899 203.044L102.899 165.835L100.156 165.835L100.156 203.044L102.899 203.044Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M102.899 37.2092L102.899 0L100.156 -1.19927e-07L100.156 37.2092L102.899 37.2092Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M203.022 102.898L203.022 100.154L165.821 100.154L165.821 102.898L203.022 102.898Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M37.2236 102.898L37.2236 100.154L0.0224342 100.154L0.0224341 102.898L37.2236 102.898Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M125.453 200.175L117.167 163.9L114.492 164.512L122.778 200.786L125.453 200.175Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M88.5215 38.5098L80.2354 2.23535L77.5607 2.84659L85.8469 39.121L88.5215 38.5098Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M200.796 80.2435L200.185 77.5684L163.919 85.8627L164.531 88.5378L200.796 80.2435Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M39.1594 117.212L38.5479 114.537L2.28267 122.831L2.89425 125.507L39.1594 117.212Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M146.854 192.374L130.692 158.859L128.221 160.052L144.383 193.566L146.854 192.374Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M74.823 42.9996L58.6611 9.48535L56.19 10.6776L72.3519 44.1918L74.823 42.9996Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M193.538 58.6514L192.346 56.1797L158.839 72.345L160.031 74.8167L193.538 58.6514Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M44.2164 130.702L43.0244 128.23L9.51734 144.396L10.7093 146.868L44.2164 130.702Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M165.977 179.977L142.753 150.909L140.61 152.622L163.834 181.69L165.977 179.977Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M62.4831 50.4367L39.2588 21.3691L37.1155 23.0823L60.3398 52.1499L62.4831 50.4367Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M181.685 39.2238L179.973 37.0801L150.911 60.3094L152.624 62.4531L181.685 39.2238Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M52.1728 142.75L50.46 140.606L21.3986 163.836L23.1114 165.979L52.1728 142.75Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M181.82 163.643L152.706 140.479L150.998 142.627L180.112 165.79L181.82 163.643Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M52.0544 60.4221L22.9404 37.2588L21.2325 39.4064L50.3465 62.5697L52.0544 60.4221Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M165.778 22.9222L163.631 21.2139L140.473 50.3341L142.62 52.0424L165.778 22.9222Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M62.5798 152.716L60.4326 151.008L37.2743 180.128L39.4215 181.836L62.5798 152.716Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M193.652 144.18L160.108 128.091L158.922 130.565L192.466 146.654L193.652 144.18Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M44.1608 72.4701L10.6172 56.3809L9.43085 58.8553L42.9745 74.9445L44.1608 72.4701Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M146.671 10.5792L144.197 9.39258L128.111 42.9434L130.585 44.13L146.671 10.5792Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M74.9797 160.096L72.5059 158.909L56.42 192.46L58.8939 193.647L74.9797 160.096Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M200.821 122.593L164.537 114.381L163.932 117.057L200.216 125.269L200.821 122.593Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M39.115 85.9922L2.83105 77.7803L2.22554 80.4568L38.5095 88.6688L39.115 85.9922Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M125.258 2.80681L122.582 2.20117L114.372 38.4929L117.048 39.0985L125.258 2.80681Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M88.675 164.557L85.999 163.951L77.7888 200.243L80.4648 200.849L88.675 164.557Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M189.273 72.2342L188.365 69.6445L170.42 75.9371L171.328 78.5268L189.273 72.2342Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M32.771 127.116L31.8633 124.526L13.9184 130.819L14.8261 133.409L32.771 127.116Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M78.5959 31.7827L72.3047 13.834L69.7156 14.7419L76.0068 32.6906L78.5959 31.7827Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M133.458 188.313L127.167 170.364L124.578 171.272L130.869 189.221L133.458 188.313Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M180.526 53.4198L179.064 51.0977L162.973 61.2329L164.435 63.555L180.526 53.4198Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M40.1935 141.813L38.7314 139.491L22.6405 149.626L24.1025 151.949L40.1935 141.813Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M63.6429 38.6685L53.5127 22.5723L51.1908 24.0342L61.321 40.1304L63.6429 38.6685Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M152.019 179.024L141.889 162.928L139.567 164.39L149.697 180.486L152.019 179.024Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M167.822 37.0295L165.879 35.0918L152.452 48.5596L154.394 50.4973L167.822 37.0295Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M50.7132 154.49L48.7705 152.553L35.3431 166.021L37.2859 167.958L50.7132 154.49Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M50.5772 48.7066L37.1123 35.2764L35.175 37.2195L48.6399 50.6498L50.5772 48.7066Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M168.006 165.833L154.541 152.402L152.604 154.345L166.069 167.776L168.006 165.833Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M151.786 23.8898L149.461 22.4336L139.37 38.5545L141.696 40.0108L151.786 23.8898Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M63.803 164.492L61.4775 163.036L51.3867 179.157L53.7121 180.613L63.803 164.492Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M40.0841 61.4086L23.9648 51.3184L22.5093 53.6446L38.6286 63.7348L40.0841 61.4086Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M180.666 149.41L164.547 139.319L163.091 141.646L179.211 151.736L180.666 149.41Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M133.215 14.6472L130.624 13.7461L124.38 31.7113L126.971 32.6124L133.215 14.6472Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M78.7858 171.342L76.1943 170.44L69.9501 188.406L72.5416 189.307L78.7858 171.342Z",fill:"#fbca2e"}
47),(0,o.jsx)("path",{d:"M32.6968 76.1301L14.7344 69.8877L13.8339 72.4799L31.7963 78.7223L32.6968 76.1301Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M189.353 130.562L171.391 124.319L170.49 126.912L188.453 133.154L189.353 130.562Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M113.044 9.79237L110.316 9.49219L108.236 28.3979L110.963 28.6981L113.044 9.79237Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M94.9088 174.688L92.1816 174.388L90.1016 193.293L92.8287 193.594L94.9088 174.688Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M28.7522 92.1303L9.85059 90.0498L9.55047 92.7775L28.4521 94.858L28.7522 92.1303Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M193.62 110.281L174.719 108.2L174.419 110.928L193.32 113.008L193.62 110.281Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M94.5128 28.4192L92.3271 9.52539L89.6017 9.8408L91.7873 28.7346L94.5128 28.4192Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M113.574 193.199L111.389 174.306L108.663 174.621L110.849 193.515L113.574 193.199Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M28.8144 111.329L28.499 108.603L9.60929 110.789L9.92463 113.515L28.8144 111.329Z",fill:"#fbca2e"}),(0,o.jsx)("path",{d:"M193.559 92.2622L193.244 89.5361L174.354 91.7222L174.67 94.4482L193.559 92.2622Z",fill:"#fbca2e"})]})}},89600:(e,t,i)=>{i.r(t),i.d(t,{default:()=>l});var a=i(75497);i(17423);const o=a.F4`
48	0% {
49		transform: rotate(0deg);
50		opacity: 1;
51	}
52	100% {
53		transform: rotate(360deg);
54		opacity: 1;
55	}
56`,l=a.ZP.svg`
57	position: absolute;
58	left: 0;
59	width: 100%;
60	top: 0;
61	height: 100%;
62	right: 0;
63	bottom: 0;
64	transition: all 8s linear;
65	animation: ${o} 8s linear infinite;
66	opacity: 1;
67`},25714:(e,t,i)=>{i.r(t),i.d(t,{default:()=>o});i(50390);var a=i(62559);const o=()=>(0,a.jsx)("svg",{viewBox:"0 0 384 512",children:(0,a.jsx)("path",{d:"M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80V432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"})})},78437:(e,t,i)=>{i.r(t),i.d(t,{default:()=>f});var a=i(50390),o=i(17423),l=i(25714),s=i(52261),d=i(10613),r=i(62193),n=i(14175),c=i(62559);const L=()=>"undefined"!==typeof window&&!(!window.YT||"function"!==typeof window.YT.ready),f=e=>{let{youtubeId:t,width:i="960",height:f="540",poster:h,ratio:p=[16,9]}=e;const u=(0,a.useRef)(null),x=(0,a.useRef)(!1),[b,g]=(0,a.useState)(null),[m,j]=(0,a.useState)(!1),[v,w]=(0,a.useState)(L),[Z,M]=(0,a.useState)(!1),[y,k]=(0,a.useState)(!1),$=(0,n.Yd)(),[I,P]=(0,a.useState)(h||(t?`https://img.youtube.com/vi/${t}/hqdefault.jpg`:"")),N=(0,a.useCallback)(()=>{P(`https://img.youtube.com/vi/${t}/default.jpg`)},[t]),C=t?`https://img.youtube.com/vi/${t}/default.jpg`:"",z=(0,a.useCallback)(()=>{x.current||t&&v&&L()&&(x.current=!0,window.YT.ready(()=>{const e=new window.YT.Player(`youtube-${t}`,{videoId:t,height:f,width:i,events:{onReady:e=>e.target.playVideo()},playerVars:{autoplay:1,modestbranding:1,rel:0}});g(e),j(!0)}))},[t,f,i,v]),S=(0,a.useCallback)(()=>{m||(M(!0),$||k(!0))},[$,m]);return(0,a.useEffect)(()=>{Z&&!m&&$&&(k(!1),v&&z())},[Z,$,v,m,z]),(0,a.useEffect)(()=>{if("undefined"===typeof window)return;const e=()=>w(!0);return document.addEventListener("youtubeIframeAPIReady",e),L()&&w(!0),()=>document.removeEventListener("youtubeIframeAPIReady",e)},[]),(0,a.useEffect)(()=>()=>{b&&b.destroy()},[b]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(o.default,{ref:u,className:"video-wrapper",children:(0,c.jsxs)(o.VideoWrapperInner,{className:"video-item",ratio:p,children:[!m&&(0,c.jsxs)("div",{className:"video-placeholder",style:{backgroundImage:`url(${I})`},onClick:S,children:[!I&&(0,c.jsx)("img",{src:C,fetchPriority:"high",className:"video-poster-fallback",onError:N,alt:"Video poster"}),(0,c.jsx)("button",{className:"play-video-button","aria-label":"Play video",children:(0,c.jsx)("span",{className:"self",children:(0,c.jsx)(l.default,{})})})]}),(0,c.jsx)("div",{id:`youtube-${t}`})]})}),y&&(0,c.jsx)(r.default,{targetId:"footer-notifications",children:(0,c.jsxs)(o.Notification,{role:"alert","aria-label":"YouTube cookie consent needed",children:[(0,c.jsxs)("div",{className:"bean-graphic",children:[(0,c.jsx)(s.default,{}
67),(0,c.jsx)("img",{className:"inner-bean",src:d.Z,width:"1728",height:"913",alt:"big bean background decoration graphic"})]}),(0,c.jsx)("p",{children:"To view this video, please accept the cookie policy to enable YouTube content."}),(0,c.jsx)("span",{className:"small-text",children:"Look for this icon in the bottom left"}),(0,c.jsx)("button",{onClick:()=>k(!1),"aria-label":"Close notification",children:"Close \u2715"})]})})]})}},17423:(e,t,i)=>{i.r(t),i.d(t,{Notification:()=>d,VideoWrapperInner:()=>l,default:()=>s});var a=i(75497);const o=a.ZP.div`
68  width: 100%;
69  max-width: 860px;
70  height: auto;
71  contain: layout;
72  contain-intrinsic-size: 400px;
73`,l=a.ZP.div`
74	position: relative;
75	height: 0;
76	padding-bottom: ${e=>{let{ratio:t}=e;return`calc((${t[1]} / ${t[0]}) * 100%)`}};
77	box-shadow: 0 0 10px rgba(00, 00, 00, 0.5);
78	cursor: pointer;
79	> iframe {
80		position: absolute;
81		top: 0;
82		left: 0;
83		width: 100%;
84		height: 100%;
85    contain: layout;
86    contain-intrinsic-size: 400px;
87	}
88	.video-poster-fallback{
89		position: absolute;
90		left: 0;
91		right: 0;
92		top: 0;
93		bottom: 0;
94		object-fit: cover;
95		width: 100%;
96		height: 100%;
97        max-width: 100%;
98        max-height: 100%;
99	}
100	.video-placeholder {
101		position: absolute;
102		top: 0;
103		left: 0;
104		bottom: 0;
105		right: 0;
106		background-size: cover;
107		background-position: center center;
108	}
109	.play-video-button {
110		width: 100px;
111		height: 100px;
112		margin: auto;
113		position: absolute;
114		border: 0;
115		background: none;
116		left: 0;
117		right: 0;
118		top: 0;
119		bottom: 0;
120		cursor: pointer;
121		.self {
122			background-color:  ${e=>{let{theme:t}=e;return t.colours.red}};
123			text-align: center;
124			border-radius: 50%;
125			display: flex;
126			justify-content: center;
127			align-items: center;
128			content: "";
129			width: 100px;
130			height: 100px;
131			min-width: 100px;
132			min-height: 100px;
133			align-self: center;
134			color: #fff;
135			position: absolute;
136			top: 0;
137			bottom: 0;
138			left: 0;
139			right: 0;
140			margin: auto;
141			border: 0;
142			transition: background-color 0.4s ease-in-out;
143			svg {
144				width: 31px;
145				height: 38px;
146				fill: #fff;
147			}
148			&:hover {
149				background-color: ${e=>{let{theme:t}=e;return t.colours.yellow}};
150				svg{
151					fill: ${e=>{let{theme:t}=e;return t.colours.red}};
152				}
153			}
154		}
155		@media (max-width: 650px){
156			width: 50px;
157			height: 50px;
158			min-width: 50px;
159			min-height: 50px;
160			.self{
161				width: 50px;
162				height: 50px;
163				min-width: 50px;
164				min-height: 50px;
165				svg{
166					width: 20px;
167					height: 20px;
168				}
169			}
170		}
171	}
172`,s=o,d=a.ZP.div`
173  position: absolute;
174  top: 50%;
175  left: 50%;
176  transform: translate(-50%, -50%);
177  background-color: #c1462a;
178  color: #fff;
179  padding: 20px;
180  border-radius: 4px;
181  text-align: center;
182  z-index: 1;
183    width: 640px;
184    max-width: 80%;
185  .bean-graphic{
186      width: 230px;
187      height: 230px;
188      display: flex;
189      justify-content: center;
190      align-items: center;
191	  justify-self: center;
192      position: relative;
193    margin: auto auto 20px auto;
194      .spiral{
195          position: absolute;
196          left: 0;
197          right: 0;
198          bottom: 0;
199          top: 0;
200		  width: 100%;
201		  height: 100%;
202      }
203      .inner-bean{
204          width: 120px;
205      }
206  }  
207  p {
208      font-size: 20px;
209      color: #fff;
210      text-align: center;
211      display: block;
212	  width: 460px;
213	  margin: auto auto 10px auto;
214	  max-width: 80%;
215    @media (max-width: 650px) {
216        max-width: 100%;
217    }
218  }
219  .small-text {
220      margin-bottom: 15px;
221      font-size: 16px;
222      color: #fff;
223      display: block;
224      text-align: center;
225  }
226
227  button {
228      background-color: ${e=>{let{theme:t}=e;return t.colours.yellow}};
229      color: #c1462a;
230      border: 2px solid ${e=>{let{theme:t}=e;return t.colours.yellow}};
231      padding: 20px 44px;
232      cursor: pointer;
233	  border-radius: 43px;
234	  margin: 20px auto;
235	  font-size: 20px;
236	  font-weight: 900;
237      transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out, color 0.4s ease-in-out;
238      position: relative;
239      z-index: 100;
240    @media (max-width: 650px) {
241      padding: 10px 20px;
242    }
243    &:hover {
244        background-color: #c1462a;
245        border: 2px solid ${e=>{let{theme:t}=e;return t.colours.yellow}};
246        color: ${e=>{let{theme:t}=e;return t.colours.yellow}};
247    }
248  }
249`}}]);
250//# sourceMappingURL=MediaCarouselVideoSlide.9b2078a2.chunk.js.map

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.