https://www.oilersplus.com/code/js/chunks/hero-licences.b55193a2660493f2c0c3.js

1(()=>{(function(){try{var i=typeof window!="undefined"?window:typeof global!="undefined"?global:typeof globalThis!="undefined"?globalThis:typeof self!="undefined"?self:{},c=new i.Error().stack;c&&(i._sentryDebugIds=i._sentryDebugIds||{},i._sentryDebugIds[c]="4d949412-80dc-4055-ae73-9bc8f6b406cb",i._sentryDebugIdIdentifier="sentry-dbid-4d949412-80dc-4055-ae73-9bc8f6b406cb")}catch(n){}})();(self.webpackChunkdice_web=self.webpackChunkdice_web||[]).push([[12468],{58581:((i,c,n)=>{n.d(c,{HeroLicences:()=>z});var s=n(96540),O=n(76213),C=n(1346),E=n(68407),P=n(58562),x=n(53045),I=n(59530),L=n(57611),D=n(87585),w=n(69866),H=n(30190),T=n(63679),p=n(16231);const $=400,R=1800,u=14,A=T.Ay.div`
2	padding-top: 20px;
3	max-width: ${({$count:e})=>e>3?R:e*$}px;
4	display: grid;
5	grid-template-columns: repeat(${({$count:e})=>e}, 1fr);
6	gap: 1.5%;
7	color: ${p.zT.white};
8
9	@media (min-width: ${p.R8+1}px) {
10		${({$firstPromoIndex:e})=>e>=0&&`padding-top: ${20+u}px;`}
11	}
12
13	@media (max-width: ${p.R8}px) {
14		column-gap: 12px;
15		row-gap: ${({$firstPromoIndex:e})=>e>=2?u+12:12}px;
16		${({$firstPromoIndex:e})=>e>=0&&e<2&&`padding-top: ${20+u}px;`}
17		grid-template-columns: repeat(${({$count:e})=>e>=3?2:e}, 1fr);
18
19		${({$count:e})=>e===3&&`
20				& > *:last-child {
21					grid-column: 1 / -1;
22					justify-self: center;
23					width: calc((100% - 12px) / 2);
24				}
25			`}
26	}
27`;var N=Object.defineProperty,M=Object.defineProperties,j=Object.getOwnPropertyDescriptors,v=Object.getOwnPropertySymbols,S=Object.prototype.hasOwnProperty,W=Object.prototype.propertyIsEnumerable,f=(e,t,r)=>t in e?N(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,m=(e,t)=>{for(var r in t||(t={}))S.call(t,r)&&f(e,r,t[r]);if(v)for(var r of v(t))W.call(t,r)&&f(e,r,t[r]);return e},X=(e,t)=>M(e,j(t));const z=({heroId:e,licences:t})=>{const r=(0,L.W)(),l=(0,O.zy)(),{routes:y}=(0,s.useContext)(I.P),d=(0,s.useMemo)(()=>t.map(a=>{var o;return(0,w.IR)(((o=a.acquirableLicence.purchaseStrategy)==null?void 0:o.subscriptionPeriod)||"","/")}),[t]),b=(0,P.b0)(d.filter(Boolean)),F=(0,s.useMemo)(()=>t.findIndex(a=>{var o;return(o=a.acquirableLicence.licenceDisplayStyle)==null?void 0:o.promotionText}),[t]),B=(0,s.useMemo)(()=>t.map((a,o)=>{var g,h;return X(m({},a),{frequencyLabel:d[o]?(h=(g=b[d[o]])==null?void 0:g.value)==null?void 0:h.replace(/^\s*\/\s*/,""):void 0})}),[t,d,b]),K=(0,s.useCallback)(a=>{if(a.active)return;(0,D.u4)(C.AX.HERO_LICENCE_CTA,m({licenceId:a.acquirableLicence.id,ctaDestination:a.ctaDestination},e!=null?{heroId:e}:{}));const o=a.ctaDestination===E.OV.LICENCE_CHECKOUT?[a.acquirableLicence.id]:void 0;(0,H.z)(null,null,l,r,y,l.pathname+l.search+l.hash,!1,void 0,o)},[e,l,r,y]);return s.createElement(A,{$count:t.length,$firstPromoIndex:F},B.map(a=>s.createElement(x.r,{key:a.acquirableLicence.id,licence:a,onCtaClick:K,maxLines:3})))}})}]);})();
28
29//# sourceMappingURL=hero-licences.b55193a2660493f2c0c3.js.map