https://mg.co.za/_next/static/chunks/7543-e28b1350504e329f.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7543],{6255:e=>{e.exports={placeholder:"lazy-video-widget_placeholder__Nx5_P"}},10565:e=>{e.exports={"trigger-button":"carousel_trigger-button__e81G7",overlay:"carousel_overlay__QC8_i","fade-in":"carousel_fade-in__DgGSz",closing:"carousel_closing__NGTct","fade-out":"carousel_fade-out__lN0G_","modal-content":"carousel_modal-content__M9Jvh","zoom-in":"carousel_zoom-in__Pwa4q","zoom-out":"carousel_zoom-out__xUGXo","close-button":"carousel_close-button___oUy2","carousel-inner-layout":"carousel_carousel-inner-layout__DsPZ_","track-wrapper":"carousel_track-wrapper__woOea",track:"carousel_track__kIOQo","item-wrapper":"carousel_item-wrapper__cHIWo",footer:"carousel_footer__rYsOt","mobile-footer":"carousel_mobile-footer__Ma6mv","desktop-footer":"carousel_desktop-footer__6p00R","footer-image":"carousel_footer-image___wDLR","footer-content":"carousel_footer-content__smAr1","footer-label":"carousel_footer-label__pJ72u","footer-title":"carousel_footer-title__wsIO7","footer-synopsis":"carousel_footer-synopsis__lgOHj","article-credit":"carousel_article-credit__MvUbf"}},12482:(e,t,a)=>{"use strict";a.d(t,{LazyWidget:()=>w});var r=a(95155),l=a(29722),s=a(37206),i=a(54965),o=a(87358);let n=()=>void 0,d=(e,t)=>e[t]??n,c=(e,t)=>{let{display:a,last:l,widget:s}=e,{data:i,id:n,type:c}=s,u=d(t,"articleList"),f=d(t,"bluesky"),b=d(t,"chartblocks"),g=d(t,"codepen"),h=d(t,"crowdsignal"),p=d(t,"facebookPost"),m=d(t,"facebookVideo"),k=d(t,"googleMap"),_=d(t,"horizontalLine"),y=d(t,"html"),w=d(t,"iframely"),x=d(t,"image"),v=d(t,"imageGallery"),j=d(t,"infogram"),P=d(t,"instagram"),G=d(t,"iono"),W=d(t,"issuu"),L=d(t,"jwplayer"),C=d(t,"kickstarter"),N=d(t,"mentions"),E=d(t,"quote"),I=d(t,"scribd"),T=d(t,"soundcloud"),M=d(t,"spotify"),S=d(t,"tags"),A=d(t,"text"),F=d(t,"textBlock"),z=d(t,"tiktok"),O=d(t,"twitter"),R=d(t,"video"),q=d(t,"videoList"),V=d(t,"youtube");switch(c){case"aiInfographic":return(0,r.jsx)(y,{data:{$kind:"HtmlWidgetData",anchor:i.anchor,float:i.float,html:i.html,style:i.style},display:a,fullWidth:!0},n);case"articleList":return(0,r.jsx)(u,{data:i,display:a,last:l},n);case"bluesky":return(0,r.jsx)(f,{data:i,display:a},n);case"chartblocks":return(0,r.jsx)(b,{data:i,display:a},n);case"codepen":return(0,r.jsx)(g,{data:i,display:a},n);case"crowdsignal":return(0,r.jsx)(h,{data:i,display:a},n);case"facebookPost":return(0,r.jsx)(p,{data:i,display:a},n);case"facebookVideo":return(0,r.jsx)(m,{data:i,display:a},n);case"googleMap":return(0,r.jsx)(k,{data:i,display:a,googleMapsKey:o.env.NEXT_PUBLIC_GOOGLE_CLIENT_API_KEY??o.env.GOOGLE_CLIENT_API_KEY??""},n);case"horizontalLine":return(0,r.jsx)(_,{data:i,display:a},n);case"html":return(0,r.jsx)(y,{data:i,display:a},n);case"iframely":return(0,r.jsx)(w,{data:i,display:a},n);case"image":return(0,r.jsx)(x,{data:i,display:a},n);case"imageGallery":return(0,r.jsx)(v,{data:i,display:a},n);case"infogram":return(0,r.jsx)(j,{data:i,display:a},n);case"instagram":return(0,r.jsx)(P,{data:i,display:a},n);case"iono":return(0,r.jsx)(G,{data:i,display:a},n);case"issuu":return(0,r.jsx)(W,{data:i,display:a},n);case"jwplayer":return(0,r.jsx)(L,{data:i,display:a},n);case"kickstarter":return(0,r.jsx)(C,{data:i,display:a},n);case"mentions":return(0,r.jsx)(N,{data:i,display:a},n);case"quote":return(0,r.jsx)(E,{data:i,display:a},n);case"scribd":return(0,r.jsx)(I,{data:i,display:a},n);case"soundcloud":return(0,r.jsx)(T,{data:i,display:a},n);case"spotify":return(0,r.jsx)(M,{data:i,display:a},n);case"tags":return(0,r.jsx)(S,{data:i,display:a},n);case"text":return(0,r.jsx)(A,{data:i,display:a},n);case"textBlock":return(0,r.jsx)(F,{data:i,display:a},n);case"tiktok":return(0,r.jsx)(z,{data:i,display:a},n);case"twitter":return(0,r.jsx)(O,{data:i,display:a},n);case"video":return(0,r.jsx)(R,{data:i,display:a},n);case"videoList":return(0,r.jsx)(q,{data:i,display:a},n);case"youtube":return(0,r.jsx)(V,{data:i,display:a},n);default:return void console.warn("widget not implemented",{data:i,type:c})}},u={articleList:(0,s.default)(()=>Promise.all([a.e(8164),a.e(2791),a.e(6446),a.e(5479),a.e(514),a.e(9715)]).then(a.bind(a,89715)).then(e=>

1e.ArticleListWidget),{loadableGenerated:{webpack:()=>[89715]},ssr:!1}),bluesky:(0,s.default)(()=>Promise.all([a.e(3682),a.e(4119)]).then(a.bind(a,24119)).then(e=>e.BlueskyWidget),{loadableGenerated:{webpack:()=>[24119]},ssr:!1}),chartblocks:(0,s.default)(()=>Promise.all([a.e(4049),a.e(3338)]).then(a.bind(a,83338)).then(e=>e.ChartblocksWidget),{loadableGenerated:{webpack:()=>[83338]},ssr:!1}),codepen:(0,s.default)(()=>a.e(6328).then(a.bind(a,6328)).then(e=>e.CodepenWidget),{loadableGenerated:{webpack:()=>[6328]},ssr:!1}),crowdsignal:(0,s.default)(()=>Promise.all([a.e(7238),a.e(5557)]).then(a.bind(a,95557)).then(e=>e.CrowdsignalWidget),{loadableGenerated:{webpack:()=>[95557]},ssr:!1}),facebookPost:(0,s.default)(()=>Promise.all([a.e(178),a.e(871)]).then(a.bind(a,40871)).then(e=>e.FacebookPostWidget),{loadableGenerated:{webpack:()=>[40871]},ssr:!1}),facebookVideo:(0,s.default)(()=>Promise.all([a.e(8164),a.e(6674)]).then(a.bind(a,16674)).then(e=>e.FacebookVideoWidget),{loadableGenerated:{webpack:()=>[16674]},ssr:!1}),googleMap:(0,s.default)(()=>Promise.all([a.e(3683),a.e(6084),a.e(1019)]).then(a.bind(a,73400)).then(e=>e.GoogleMapWidget),{loadableGenerated:{webpack:()=>[73400]},ssr:!1}),horizontalLine:(0,s.default)(()=>Promise.all([a.e(8164),a.e(8183)]).then(a.bind(a,28183)).then(e=>e.HorizontalLineWidget),{loadableGenerated:{webpack:()=>[28183]},ssr:!1}),html:(0,s.default)(()=>Promise.all([a.e(54),a.e(8899)]).then(a.bind(a,78899)).then(e=>e.HtmlWidget),{loadableGenerated:{webpack:()=>[78899]},ssr:!1}),iframely:(0,s.default)(()=>Promise.all([a.e(6512),a.e(121)]).then(a.bind(a,121)).then(e=>e.IframelyWidget),{loadableGenerated:{webpack:()=>[121]},ssr:!1}),image:(0,s.default)(()=>Promise.all([a.e(8164),a.e(6739)]).then(a.bind(a,76739)).then(e=>e.ImageWidget),{loadableGenerated:{webpack:()=>[76739]},ssr:!1}),imageGallery:(0,s.default)(()=>Promise.all([a.e(6033),a.e(610)]).then(a.bind(a,70610)).then(e=>e.ImageGalleryWidget),{loadableGenerated:{webpack:()=>[70610]},ssr:!1}),infogram:(0,s.default)(()=>Promise.all([a.e(4596),a.e(1605)]).then(a.bind(a,71605)).then(e=>e.InfogramWidget),{loadableGenerated:{webpack:()=>[71605]},ssr:!1}),instagram:(0,s.default)(()=>Promise.all([a.e(1243),a.e(7112)]).then(a.bind(a,87112)).then(e=>e.InstagramWidget),{loadableGenerated:{webpack:()=>[87112]},ssr:!1}),iono:(0,s.default)(()=>Promise.all([a.e(6048),a.e(7025)]).then(a.bind(a,47025)).then(e=>e.IonoWidget),{loadableGenerated:{webpack:()=>[47025]},ssr:!1}),issuu:(0,s.default)(()=>Promise.all([a.e(7064),a.e(2905)]).then(a.bind(a,92905)).then(e=>e.IssuuWidget),{loadableGenerated:{webpack:()=>[92905]},ssr:!1}),jwplayer:(0,s.default)(()=>Promise.all([a.e(8164),a.e(2858)]).then(a.bind(a,12858)).then(e=>e.JWPlayerWidget),{loadableGenerated:{webpack:()=>[12858]},ssr:!1}),kickstarter:(0,s.default)(()=>Promise.all([a.e(2158),a.e(4675)]).then(a.bind(a,34675)).then(e=>e.KickstarterWidget),{loadableGenerated:{webpack:()=>[34675]},ssr:!1}),mentions:(0,s.default)(()=>Promise.all([a.e(8164),a.e(236),a.e(7493)]).then(a.bind(a,87493)).then(e=>e.MentionsWidget),{loadableGenerated:{webpack:()=>[87493]},ssr:!1}),quote:(0,s.default)(()=>Promise.all([a.e(8164),a.e(1284)]).then(a.bind(a,51284)).then(e=>e.QuoteWidget),{loadableGenerated:{webpack:()=>[51284]},ssr:!1}),scribd:(0,s.default)(()=>Promise.all([a.e(7930),a.e(1703)]).then(a.bind(a,11703)).then(e=>e.ScribdWidget),{loadableGenerated:{webpack:()=>[11703]},ssr:!1}),soundcloud:(0,s.default)(()=>Promise.all([a.e(5387),a.e(8048)]).then(a.bind(a,18048)).then(e=>e.SoundCloudWidget),{loadableGenerated:{webpack:()=>[18048]},ssr:!1}),spotify:(0,s.default)(()=>a.e(8470).then(a.bind(a,58470)).then(e=>e.SpotifyWidget),{loadableGenerated:{webpack:()=>[58470]},ssr:!1}),tags:(0,s.default)(()=>Promise.all([a.e(8164),a.e(7210),a.e(8383)]).then(a.bind(a,98383)).then(e=>e.TagsWidget),{loadableGenerated:{webpack:()=>[98383]},ssr:!1}),text:(0,s.default)(()=>Promise.all([a.e(2791),a.e(6600),a.e(4017)]).then(a.bind(a,34017)).then(e=>e.TextWidget),{loadableGenerated:{webpack:()=>[34017]},ssr:!1}),textBlock:(0,s.default)(()=>Promise.all([a.e(6600),a.e(1133)]).then(a.bind(a,1133)).then(e=>e.TextBlockWidget),{loadableGenerated:{webpack:()=>[1133]},ssr:!1}),tiktok:(0,s.default)(()=>Promise.all([a.e(4977),a.e(5706)]).then(a.bind(a,45706)).then(e=>e.TiktokWidget),{loadableGenerated:{webpack:()=>[45706]},ssr:!1}),twitter:(0,s.default)(()=>

1Promise.all([a.e(6415),a.e(8653)]).then(a.bind(a,68653)).then(e=>e.TwitterWidget),{loadableGenerated:{webpack:()=>[68653]},ssr:!1}),youtube:(0,s.default)(()=>Promise.all([a.e(1030),a.e(7795)]).then(a.bind(a,27795)).then(e=>e.YoutubeWidget),{loadableGenerated:{webpack:()=>[27795]},ssr:!1})},f=e=>{let{context:t}=e,a=c(e,u);return(0,r.jsx)(i.WidgetContextProvider,{value:t,children:(0,r.jsx)("div",{className:(0,l.A)("widget-wrapper",t),children:a})})};var b=a(12115),g=a(78239),h=a(6255),p=a.n(h);let m={video:(0,s.default)(()=>Promise.all([a.e(15),a.e(8412),a.e(5742),a.e(8381),a.e(3259)]).then(a.bind(a,33470)).then(e=>e.VideoWidget),{loadableGenerated:{webpack:()=>[33470]},ssr:!1}),videoList:(0,s.default)(()=>Promise.all([a.e(8164),a.e(15),a.e(8412),a.e(1030),a.e(3716),a.e(6446),a.e(5742),a.e(8381),a.e(9439),a.e(9675)]).then(a.bind(a,53422)).then(e=>e.VideoListWidget),{loadableGenerated:{webpack:()=>[53422]},ssr:!1})},k=16/9,_=e=>{let{context:t,display:a,widget:s}=e,[o,n]=(()=>{let e=(0,b.useRef)(null),[t,a]=(0,b.useState)(!1);return(0,b.useEffect)(()=>{let t=e.current;if(!t)return;if(!("IntersectionObserver"in globalThis))return void a(!0);let r=new IntersectionObserver(e=>{e.some(e=>e.isIntersecting)&&(a(!0),r.disconnect())},{rootMargin:"900px 0px"});return r.observe(t),()=>{r.disconnect()}},[]),[t,e]})(),d=(0,b.useMemo)(()=>({"--lazy-video-aspect-ratio":String((e=>{let{widget:t}=e;if("video"!==t.type)return k;let[a]=t.data.video?.thumbnail?.cuts??[];return a?.width&&a.height?a.width/a.height:k})(e))}),[e]),u=o?c(e,m):(0,r.jsx)(g.Widget,{data:s.data,display:a,children:(0,r.jsx)("div",{className:p().placeholder,style:d})});return(0,r.jsx)(i.WidgetContextProvider,{value:t,children:(0,r.jsx)("div",{className:(0,l.A)("widget-wrapper",t),ref:n,children:u})})},y=new Set(["video","videoList"]),w=e=>{let t;return(t=e.widget.type,y.has(t))?(0,r.jsx)(_,{...e}):(0,r.jsx)(f,{...e})}},36645:e=>{e.exports={widget:"widget_widget__ItFh_",list:"widget_list__PvpBu",unclear:"widget_unclear__ElFEq",float:"widget_float__j7iOl","float-left":"widget_float-left__MfiMz","float-right":"widget_float-right___LaMd",article:"widget_article__iEEdy"}},54965:(e,t,a)=>{"use strict";a.d(t,{WidgetContextProvider:()=>i,p:()=>o});var r=a(95155),l=a(12115);let s=(0,l.createContext)(void 0),i=e=>{let{children:t,value:a}=e;return(0,r.jsx)(s.Provider,{value:a,children:t})},o=()=>(0,l.useContext)(s)},78239:(e,t,a)=>{"use strict";a.r(t),a.d(t,{Widget:()=>n});var r=a(95155),l=a(29722),s=a(54965),i=a(36645),o=a.n(i);let n=e=>{let t=(0,s.p)(),{children:a,className:i,data:n,display:d="default",unclear:c}=e,{float:u}="float"in n?n:{};return(0,r.jsx)("div",{className:(0,l.$)(o().widget,i,"default"===d?{[o().float]:!!u,[o().unclear]:!!c,[o()["float-left"]]:"left"===u,[o()["float-right"]]:"right"===u}:o().list,"default"===d&&t?o()[t]:void 0),children:a})}},87543:(e,t,a)=>{"use strict";a.d(t,{WidgetsCarousel:()=>h});var r=a(95155),l=a(29722),s=a(12115),i=a(47650),o=a(38323),n=a(97307),d=a(65965),c=a(52740),u=a(49463),f=a(12482),b=a(10565),g=a.n(b);let h=e=>{let{items:t,loadMore:a="scroll",loadMoreLimit:b=20,query:h}=e,[p,m]=(0,s.useState)(t??[]),[k,_]=(0,s.useState)(h?.pageToken),[y,w]=(0,s.useState)(!1),[x,v]=(0,s.useState)(!1),[j,P]=(0,s.useState)(!1),[G,W]=(0,s.useState)(0),L=(0,s.useRef)(null),C=(0,s.useRef)(0),N=(0,s.useRef)([]),E=(0,s.useRef)(y),I=(0,s.useRef)(k),T=(0,s.useRef)(void 0);(0,s.useEffect)(()=>{t&&(m(t),I.current=h?.pageToken,_(h?.pageToken),E.current=!1,w(!1))},[t,h?.pageToken]),(0,s.useEffect)(()=>{let e=new AbortController;return(async()=>{if(!t&&h){E.current=!0,w(!0);let{data:t,error:a}=await d.i.widget.list({...h,limit:b},{signal:e.signal});if(!e.signal.aborted){if(a){console.error("Failed to fetch initial widgets",a),E.current=!1,w(!1);return}m(t.items),I.current=t.nextPageToken,_(t.nextPageToken),E.current=!1,w(!1)}}})(),()=>{e.abort()}},[t,b,h]);let M=p.filter(e=>e.widget);(0,s.useEffect)(()=>{C.current=G},[G]),(0,s.useEffect)(()=>{E.current=y},[y]),(0,s.useEffect)(()=>{I.current=k},[k]);let S=(0,s.useCallback)(()=>{v(!0),P(!1)},[]),A=(0,s.useCallback)(()=>{P(!0),globalThis.setTimeout(()=>{v(!1),P(!1)},300)},[]);(0,s.useEffect)(()=>

1{if(!x||"u"<typeof document)return;let{overflow:e}=document.body.style;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}},[x]);let F=(0,s.useCallback)(async()=>{let e=I.current;if(E.current||!e||!h||!a)return;E.current=!0,w(!0);let{data:t,error:r}=await d.i.widget.list({...h,limit:b,pageToken:e});if(r){console.error("Failed to load more widgets",r),E.current=!1,w(!1);return}m(e=>[...e,...t.items]),I.current=t.nextPageToken,_(t.nextPageToken),E.current=!1,w(!1)},[a,b,h]);(0,s.useEffect)(()=>{let e=e=>{if(x){if("Escape"===e.key)A();else if("ArrowLeft"===e.key||"ArrowRight"===e.key){let t=L.current;if(!t)return;let a=[...t.querySelectorAll("[data-carousel-item]")],r=G;(r="ArrowLeft"===e.key?Math.max(0,G-1):Math.min(a.length-1,G+1))!==G&&a[r]?.scrollIntoView({behavior:"smooth",inline:"center"})}}};return x&&globalThis.addEventListener("keydown",e),()=>{globalThis.removeEventListener("keydown",e)}},[G,A,x]);let z=(0,s.useCallback)(()=>{let e=L.current;N.current=e?[...e.querySelectorAll("[data-carousel-item]")]:[]},[]),O=(0,s.useCallback)(()=>{let e=L.current;if(!e)return;let{clientWidth:t,scrollLeft:r,scrollWidth:l}=e,s=r+t/2,i=N.current;0===i.length&&(N.current=i=[...e.querySelectorAll("[data-carousel-item]")]);let o=1/0,n=0;i.forEach((e,a)=>{let r=Math.abs(s-(e.offsetLeft+e.offsetWidth/2)),l=t/2,i=1,d=.5+.5*((i=r<l?1-r/l*.15:.85)-.85)/.15,c=`scale(${i.toFixed(3)})`,u=`${Math.max(d,.4).toFixed(3)}`,f=e.style;f.transform!==c&&(f.transform=c),f.opacity!==u&&(f.opacity=u),r<o&&(o=r,n=a)}),n!==C.current&&(C.current=n,W(n));let d=!!I.current;"scroll"===a&&!E.current&&d&&r+t>=l-200&&F()},[a,F]),R=(0,s.useCallback)(()=>{void 0===T.current&&(T.current=requestAnimationFrame(()=>{T.current=void 0,O()}))},[O]);(0,s.useEffect)(()=>{let e=L.current;if(e&&x)return z(),e.addEventListener("scroll",R,{passive:!0}),R(),()=>{e.removeEventListener("scroll",R),void 0!==T.current&&(cancelAnimationFrame(T.current),T.current=void 0)}},[z,x,R]),(0,s.useEffect)(()=>{x&&(z(),R())},[x,z,R,M.length]);let q=(0,s.useCallback)(e=>{e.stopPropagation()},[]);if(0===M.length)return;let V=M[G],$=x?(0,r.jsxs)("div",{className:(0,l.$)(g().overlay,j&&g().closing),children:[(0,r.jsx)("div",{className:g().backdrop,onClick:A,style:{inset:0,position:"absolute"}}),(0,r.jsxs)("div",{className:g()["modal-content"],children:[(0,r.jsx)("button",{"aria-label":"Close",className:g()["close-button"],onClick:A,type:"button",children:(0,r.jsx)(o.$8F,{})}),(0,r.jsxs)("div",{className:g()["carousel-inner-layout"],children:[(0,r.jsx)("div",{className:g()["track-wrapper"],children:(0,r.jsx)("div",{className:g().track,onClick:q,ref:L,children:M.map(e=>(0,r.jsx)("div",{className:g()["item-wrapper"],"data-carousel-item":!0,"data-widget-type":e.widget.type,children:(0,r.jsx)(f.LazyWidget,{display:"list",widget:e.widget})},e.widget.id))})}),(0,r.jsx)("div",{className:g().footer,children:V.article?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:g()["mobile-footer"],children:(0,r.jsxs)("div",{className:g()["article-credit"],children:["Featured in: ",(0,r.jsx)(u.InternalLink,{href:V.article.redirectUrl||`/${V.article.slug}`,onClick:A,children:V.article.title?.text})]})}),(0,r.jsxs)(u.InternalLink,{className:g()["desktop-footer"],href:V.article.redirectUrl||`/${V.article.slug}`,onClick:A,children:[V.article.image?(0,r.jsx)("div",{className:g()["footer-image"],children:(0,r.jsx)(c.Image,{height:"100%",image:V.article.image})}):void 0,(0,r.jsxs)("div",{className:g()["footer-content"],children:[(0,r.jsx)("span",{className:g()["footer-label"],children:"Featured in"}),(0,r.jsx)("div",{className:g()["footer-title"],children:(0,r.jsx)("span",{dangerouslySetInnerHTML:{__html:V.article.title?.html??V.article.title?.text??"Untitled"}})}),V.article.synopsis?(0,r.jsx)("p",{className:g()["footer-synopsis"],children:V.article.synopsis}):void 0]})]})]}):(0,r.jsx)("span",{children:"\xa0"})})]})]})]}):void 0,B=$&&"u">typeof document?(0,i.createPortal)($,document.body):void 0;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("button",{"aria-label":"View Widgets",className:g()["trigger-button"],onClick:S,type:"button",children:(0,r.jsx)(n.Nk4,{})}),B]})}}}]);