https://www.straitstimes.com/assets/Pan-JWt7H_dB.js

1import{A as e,I as t,j as n}from"./chunk-KS7C4IRE-DIkipulk.js";import{t as r}from"./jsx-runtime-CsaOnxTR.js";import{t as i}from"./components-JSzoenoU.js";import{Fn as a,Pr as o,Ua as s,Va as c,Wa as l,_i as u,bi as d,da as f,ni as p,xr as m}from"./Elements-BJgAzht_.js";import{n as h}from"./ssr-CJ2n4bG3.js";var g=t(n(),1),_=t(m(),1),v=r(),y=_.default.default??_.default,b=e(function(){let[e,t]=(0,g.useState)([]);(0,g.useEffect)(()=>{(async()=>{try{let e=await o(`mbo/pan`,`GET`,{},!1);if(!e||!f(e.hero))return;t(e.hero)}catch(e){l(s.ERROR,`MBO:: Pan stories API request failed`,{err:e})}})()},[]);let n=f(e)?e.map((t,n)=>(0,v.jsx)(`div`,{children:S(e,n)},`mbo-pan-slide-${e[n].id}`)):(0,v.jsx)(v.Fragment,{});return(0,v.jsx)(`div`,{className:`mbo-layout h-full flex flex-col gap-00`,children:(0,v.jsxs)(`div`,{className:`pan-mbo`,children:[(0,v.jsx)(x,{}),(0,v.jsx)(`div`,{className:`self-stretch flex items-center h-full`,children:(0,v.jsx)(i,{children:(0,v.jsx)(y,{initialSlide:0,slidesToShow:1,slidesToScroll:1,arrows:!1,fade:!0,dots:!1,autoplay:!0,autoplaySpeed:5e3,speed:500,className:`slider w-full`,children:n})})})]})})});function x(){return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(`div`,{className:`pan-mbo-header`,children:(0,v.jsx)(`div`,{className:`pan-mbo-logo`,children:(0,v.jsx)(p,{className:`h-full w-auto max-w-full`,iconName:c.ST_FULL_LOGO_DEFAULT,iconWidth:`auto`,iconHeight:`100%`,symmetric:!1})})}),(0,v.jsx)(`div`,{className:`pan-mbo-divider`})]})}function S(e,t){if(!f(e)||t>e.length-1)return null;let n=e[t];if(!f(n.media))return null;let r=u(n.media)[0];return(0,v.jsxs)(`div`,{className:`pan-mbo-content`,children:[(0,v.jsx)(a,{src:r.src,size:d.LANDSCAPE,alt:r.alt===``?`straitstimes default hero article thumbnail`:r.alt,wrapperClassName:`pan-mbo-hero-media-wrapper`,className:`pan-mbo-hero-media`}),(0,v.jsx)(`span`,{className:`pan-mbo-title`,children:n.title??``})]},`mbo-pan-hero-story-${t}`)}async function C(e){let t=await h(e);if(!t.context)return console.error(`Error occurred during client-side routing for mbo pan, returning server Loader Data`),await e.serverLoader();let n=t.context;return(!n||typeof n!=`object`||!(`payload`in n)||typeof n.payload!=`object`)&&console.error(`Client Loader: fetchContext() returned an invalid payload for mbo pan`),n}export{C as n,b as t};