https://www.marksandspencer.sg/_next/static/chunks/pages/_error-f9c5f18b67423654.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4820,3837,3004,324,2592,4560],{52904:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/_error",function(){return a(66618)}])},66618:function(e,t,a){"use strict";a.r(t),a.d(t,{default:function(){return S}});var r=a(85893),n=a(60962),i=a(23920),o=a(51035),s=a(2134),l=a(306),d=a(82777);let c=(e,t)=>{if(!e?.res||!e?.res?.setHeader||e?.res?.headersSent)return;let a=(Array.isArray(t)?t:[t]).filter(Boolean);if(0===a.length)return;let r=e?.res?.getHeader?.("Set-Cookie"),n=Array.isArray(r)?r:r?[r]:[];e?.res?.setHeader?.("Set-Cookie",[...n,...a])};var u=a(29061),_=a(81354),g=a.n(_),h=a(83454);let f=(...e)=>{for(let t of e)if(h.env[t])return h.env[t];return""},p=()=>({REACT_APP_BASE_URL:f("REACT_APP_BASE_URL"),AUTH_CLIENT_ID:f("AUTH_CLIENT_ID"),AUTH_CLIENT_SECRET:f("AUTH_CLIENT_SECRET"),AUTH_TOKEN_ENCRYPTION_KEY:f("AUTH_TOKEN_ENCRYPTION_KEY"),AUTH_TOKEN_ENCRYPTION_IV:f("AUTH_TOKEN_ENCRYPTION_IV"),OCP_SUBCRIPTION_KEY:f("OCP_SUBCRIPTION_KEY","NEXT_PUBLIC_OCP_SUBCRIPTION_KEY")}),A=e=>{if(!e)return"";try{let{AUTH_TOKEN_ENCRYPTION_KEY:t,AUTH_TOKEN_ENCRYPTION_IV:a}=p();if(!t||!a)return"";let r=g().enc.Utf8.parse(t),n=g().enc.Utf8.parse(a);return g().AES.decrypt(e,r,{iv:n}).toString(g().enc.Utf8)||""}catch(e){return""}};var N=a(8541),m=a(46297);let y=async(e={})=>{let{REACT_APP_BASE_URL:t,OCP_SUBCRIPTION_KEY:a}=p();if(!t)return"";let r={...e||{},...a&&{"ocp-apim-subscription-key":a}},n=u.Z.create(),o=await n.post(`${t}${i.t0}`,{},{headers:r});return o?.data?.accessToken||""},C=async()=>{let{AUTH_CLIENT_ID:e,AUTH_CLIENT_SECRET:t}=p();if(!e||!t)return{decryptedGuestToken:""};let a=A(await y({"Content-Type":"application/json",client_id:e,client_secret:t,scope:"guest"})),r=await (0,N.fi)(a);return(0,m.s)(r,!1)?{decryptedGuestToken:a}:{decryptedGuestToken:""}};var T=a(83454);let E=async e=>{let t=e?.req?.headers?.host||"",a=t.startsWith("localhost")||t.startsWith("127.0.0.1")||t.startsWith("[::1]"),r={secure:e?.req?.headers?.["x-forwarded-proto"]==="https"||!!e?.req?.connection?.encrypted||!!e?.req?.socket?.encrypted||!a,sameSite:"Lax",path:"/"},n=d.Qc(e.req.headers.cookie||""),i=e?.locale||"en",o="default"===i?"en":i,s=e?.query?.category||"",l=[],u=new Set,_=n.currentStore;if(s&&!_){let e=d.qC("currentStore",s,r);l.push(e)}if(o){let e=o.toLowerCase();if(n.NEXT_LOCALE!==e){let t=d.qC("NEXT_LOCALE",e,r);l.push(t)}if(n.NEXT_PUBLIC_DEFAULT_LANGUAGE!==e){let t=d.qC("NEXT_PUBLIC_DEFAULT_LANGUAGE",e,r);l.push(t),u.add("NEXT_PUBLIC_DEFAULT_LANGUAGE")}}let g="",h="guest",f=n.REACT_APP_SAP_SESSION_AUTH_TOKEN;if(f&&(0,m.s)(await (0,N.fi)(f),!0))h="private",g=f;else{if(f){let e=d.qC("ISExpire",!0,r);l.push(e)}let e=n.REACT_APP_AUTH_TOKEN,t=!1;if(e){let a=await (0,N.fi)(e);(0,m.s)(a,!1)&&(g=e,t=!0)}if(!t){let{decryptedGuestToken:e}=await C();if(e){g=e;let t=d.qC("REACT_APP_AUTH_TOKEN",e,r);l.push(t)}}}return Object.entries({NEXT_PUBLIC_ENVIRONMENT:T.env.NEXT_PUBLIC_ENVIRONMENT,NEXT_PUBLIC_DEFAULT_LANGUAGE:T.env.NEXT_PUBLIC_DEFAULT_LANGUAGE,NEXT_PUBLIC_COUNTRY_CODE:T.env.NEXT_PUBLIC_COUNTRY_CODE}).forEach(([e,t])=>{if(t&&n[e]!==t&&!u.has(e)){let a=d.qC(e,t,r);l.push(a)}}),l.length>0&&c(e,l),{location:T.env.NEXT_PUBLIC_COUNTRY_CODE,authToken:g,scope:h,locale:o}},P=e=>{let t=!!e?.query&&!!Object.keys(e?.query)?.length&&!!e?.query?.category;if(!t){let t=d.Qc(e.req.headers.cookie||"").currentStore;return!t||t===l.WD.FASHION}return t&&e?.query?.category==l.WD.FASHION};var L=a(70321),v=a.n(L);let I=(e,t)=>({[`${t}ProductIndex`]:e?.find(e=>e?.element?.isDefault?.data?.options?.[0]?.id==="true")?.name,[`${t}QueryIndex`]:e?.find(e=>e?.element?.isQuery?.data?.options?.[0]?.id==="true")?.name}),U=async e=>{let[t,a]=await Promise.all([(0,s.getAPI)(i.GG,{...e,AdditionalHeaders:{...e?.AdditionalHeaders||{},"page-type":l.WD.FOOD}}),(0,s.getAPI)(i.GG,{...e,AdditionalHeaders:{...e?.AdditionalHeaders||{},"page-type":l.WD.FASHION}})]),r=Array.isArray(t?.data)?t.data:[],n=Array.isArray(a?.data)?a.data:[],o=I(r,l.WD.FOOD),d=I(n,l.WD.FASHION);return{...o,...d,foodAllIndex:r,fashionAllIndex:n}};var w=a(57513),D=a(83454);let O=new(v())((0,o.a8)()?{stdTTL:1800,checkperiod:120}:{stdTTL:300,checkperiod:60}),b=async e=>{let{location:t,authToken:a,scope:r,locale:n}=await E(e),d=P(e),c=(0,w.e2)(D.env),u=D.env.REACT_APP_HOST_URL,_=D.env.REACT_APP_BASE_URL||"",g=`${D.env.REACT_APP_HOST_URL}/${n}${e?.resolvedUrl}`?.split("?")[0]?.replace(/\/$/,""),h={isServerCall:!0,AdditionalHeaders:{"page-type":d?l.WD.FASHION:l.WD.FOOD,location:t,locale:n,"X-CIAM-TO

1KEN":a,scope:r}};e?.query?.resetCache==="true"&&O.flushAll();let f={headerFooterData:"headerFooterData",masterData:"masterData",categoryNavigation:"categoryNavigation",countryListData:"countryListData",iconList:"iconList",featureToggleData:"featureToggleData",pageMetaData:"pageMetaData",algoliaIndexes:"algoliaIndexes"},p=`${d?"fashion":"food"}_${n}_${t}_`,A=async(e,t)=>{let a=p+t,r=O.get(a);return!r&&(r=(await (0,s.getAPI)(e,{...h})).data,(0,o.a8)()&&O.set(a,r)),r},N=O.get(`${n}_${t}_${f.algoliaIndexes}`);!N&&(N=await U(h),(0,o.a8)()&&O.set(`${n}_${t}_${f.algoliaIndexes}`,N));let[m,y,C,T,L,v,I]=await Promise.all([A(i.jp,f.headerFooterData),A(i.Dj,f.masterData),A(i.FY,f.categoryNavigation),A(i.I$,f.countryListData),A(i.z6,f.iconList),A(i.wQ,f.featureToggleData),A(i.JF,f.pageMetaData)]),[{data:{hreflang:b=[]}={}}]=await Promise.all([(0,o.zC)(e?.query?.slug,{...h})]),x=T&&Array.isArray(T)&&T?.filter(e=>e?.element?.is_ecom_enabled?.data?.options?.[0]?.value.toLowerCase()==="yes")||[],S=(T&&Array.isArray(T)&&T?.find(e=>e?.name?.toLowerCase()===t?.toLowerCase())?.element?.delivery_countries?.data?.options)?.map(e=>e?.name?.toLowerCase())||[],$=x?.filter(e=>S?.includes(e?.name?.toLowerCase()));try{if(e?.resolvedUrl?.includes("static")||!e?.query?.slug){let t=e.resolvedUrl.includes("static")?"static_pages":"homepage",a=e.resolvedUrl.includes("static")?e?.resolvedUrl?.split("/")?.[2]:"",r=(0,o.g2)(I,t,a,{});b=r?.hrefLang||[]}}catch(e){b=[]}return Array.isArray(b)||(b=[]),C&&Array.isArray(C)&&C.forEach(e=>{(function e(t,a=[]){let{slug:r}=t.content,n=t.cmsContent?.element?.category_home_web,i=n&&n.length?[...a]:[...a,r];n&&n.length?(t.content.isPLP=!1,t.content.isCLP=!0):(t.content.isPLP=!0,t.content.isCLP=!1),t.childrenCategories&&t.childrenCategories.length>0&&t.childrenCategories.forEach(t=>{e(t,i)})})(e)}),{headerFooterData:m||null,hrefLangTagData:b,cononicalURL:g,apiURL:_,isFashion:d,masterData:y||null,categoryNavigation:C||null,countryListData:x||[],activeDeliveryCountryList:$,iconList:L||null,locale:n,location:t,featureToggleData:v||null,baseUrl:u,pageMetaData:I||null,isCrawlerPage:!(e.resolvedUrl?.split("?")?.length>1||o.NP.some(t=>e?.resolvedUrl.includes(t))),authToken:a||null,algoliaIndexes:N||{},scope:r||"guest",envKeys:c}};function x({statusCode:e,genericData:t}){return 404===e?(0,r.jsx)(n.default,{genericData:t}):null}x.getInitialProps=async({res:e,err:t,...a})=>{let r;r=e?e.statusCode:t?t.statusCode:200;let n=null;try{n=await b(a)}catch(e){}return{statusCode:r,genericData:n}};var S=x},60962:function(e,t,a){"use strict";a.r(t);var r=a(85893),n=a(2134),i=a(23920),o=a(67294),s=a(51035),l=a(306),d=a(15605),c=a(67412),u=a.n(c),_=a(3837),g=a(11163),h=a(28073),f=a(36882),p=a(99836);t.default=({genericData:e})=>{let[t,a]=(0,o.useState)({}),[c,A]=(0,o.useState)(null),N=(0,h.Z)(),[m,y]=(0,o.useState)([]),[C,T]=(0,o.useState)(""),[E,P]=(0,o.useState)(!0),L=(0,g.useRouter)(),v=L.asPath.includes(l.WD.FASHION),{getRecommendationData:I}=(0,f.B)(v);return(0,o.useEffect)(()=>{{A(window.innerWidth);let{locale:t,location:r}=e,o=async e=>{let t=e?.element,a=t?.bloomreach_recommendation_id?.data?.value;if(a){let e=t?.tiles_count?.data?.value,r=t?.fillwithrandom?.data?.options?.[0]?.value?.toLowerCase()==="yes",n=t?.carousel_title?.data?.value,i=await I(a,parseInt(e),r,n);T(i?.title),y(i?.products||[])}};(async e=>{P(!0);let t=await (0,n.getAPI)(i.r1,{AdditionalHeaders:{locale:e.locale,location:e.location,"page-type":v?l.WD.FASHION:l.WD.FOOD}});if(t?.data?.length){let e=t.data[0];a(e),await o(e),P(!1)}else P(!1)})({locale:t,location:r})}},[L.asPath]),(0,r.jsx)("section",{className:`min-vh-50 d-flex justify-content-center align-items-center ${u().pageNotFound}`,children:(0,r.jsxs)("div",{className:"container",children:[(0,r.jsx)("div",{className:"d-flex justify-content-around",children:(0,r.jsx)(d.Z,{src:(0,s.ss)(t?.element?.icon?.data?.image?.renditionList,c),alt:"404",width:200,height:165})}),(0,r.jsx)("div",{className:"d-flex justify-content-center mt-4",children:(0,r.jsxs)("div",{className:`text-center ${u().actions}`,children:[(0,r.jsx)("h3",{className:`${N?"subtitle-bold":"heading-md-bold"}`,children:t?.title}),(0,r.jsx)("p",{className:`body-md-default mb-4 ${u().description}`,children:t?.element?.description?.data?.value}),(0,r.jsx)(_.default,{borderRadius:0,customContainerStyle:{width:"100%"},text:t?.element?.cta?.data?.linkElement?.display?.value,onClick:()=>L.push(t?.element?.cta?.data?.linkElement?.destination?.value)})]})}),m&&m.length>0&&(0,r.jsx)("section",{className:"container mt-5 ",children:(0,r.jsx)(p.Z,{items:m,title:C,showArrows:!N,masterData:e?.masterData,genericData:e,pageName:"Page Not Found",isLoading:E,item_list_name:"page-not-found",isRecommended:!0,isQtyAdjust:!v})})]})})}},3837:function(e,t,a){"use strict";a.r(t);var r=a(85893);a(67294);var n=a(98493),i=a.n(n),o=a(46857);t.default=({text:e,icon:t,color:a,borderRadius:n,backgroundColor:s,isLoading:l,isDisabled:d,customContainerStyle:c={},onClick:u,type:_="primary",className:g="",isVariableWidth:h=!1,borderColor:f,rightIcon:p})=>{let A={display:"inline-flex",alignItems:"center",justifyContent:"center",border:"none",color:a||"",borderRadius:`${n}px`,backgroundColor:s,borderColor:f};return f&&delete A.border,h&&(A.width="fit-content"),(0,r.jsx)("button",{onClick:l?void 0:u,disabled:d||l,

1style:{...A,...c,color:a},className:`${i().btn} button-md ${s||_+"-brand-btn-background"} 
2      ${a?"":_+"-brand-btn-text-color"} ${l?i()["ms-hk-btn-loading"]:""} ${d?i()["ms-hk-btn-disabled"]:""} ${g}`,children:!l&&(0,r.jsxs)(r.Fragment,{children:[t?(0,r.jsx)("span",{className:i().icon,children:(0,r.jsx)(o.Z,{name:t})}):null,e,p?(0,r.jsx)("span",{className:`${i().icon} ${i().right}`,children:(0,r.jsx)(o.Z,{name:p})}):null]})})}},23004:function(e,t,a){"use strict";a.r(t);var r=a(85893),n=a(97173),i=a.n(n),o=a(25675),s=a.n(o),l=a(51035);t.default=e=>{let t;let{src:a,alt:n="",width:o="auto",className:d="",height:c="auto",layout:u="",onClick:_,onLoad:g,objectFit:h="",quality:f=50,isIcon:p=!1,priority:A=!1}=e,N="auto"!==o&&"auto"!==c&&o>0&&c>0&&!p,m=N?`data:image/svg+xml;base64,${t=`
3    <svg width="${o}" height="${c}" viewBox="0 0 ${o} ${c}" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none">
4      <defs>
5        <linearGradient id="g">
6          <stop offset="0%" stop-color="#e0e0e0" />
7          <stop offset="20%" stop-color="#e0e0e0" />
8          <stop offset="50%" stop-color="#f5f5f5" />
9          <stop offset="80%" stop-color="#e0e0e0" />
10          <stop offset="100%" stop-color="#e0e0e0" />
11        </linearGradient>
12      </defs>
13      <rect width="100%" height="100%" fill="#e0e0e0" />
14      <rect width="100%" height="100%" fill="url(#g)">
15        <animate attributeName="x" from="-100%" to="100%" dur="1.5s" repeatCount="indefinite" />
16      </rect>
17    </svg>
18  `,window.btoa(t)}`:void 0;return(0,r.jsx)(s(),{src:a,onClick:_,onLoad:()=>{g&&g()},alt:n,width:o,height:c,layout:u,loader:l.XI,objectFit:h,quality:f,priority:A,placeholder:N?"blur":"empty",blurDataURL:m,loading:A?"eager":"lazy",decoding:"async",className:`${p?"":"img-fluid"} ${d} ${i().image}`},a)}},67412:function(e){e.exports={actions:"PageNotFound_actions__vRbUd",description:"PageNotFound_description__9T6rT",pageNotFound:"PageNotFound_pageNotFound__ugzvA"}},98493:function(e){e.exports={btn:"Button_btn__qBTk2","ms-hk-btn-loading":"Button_ms-hk-btn-loading__B_Vdz","ms-hk-btn-disabled":"Button_ms-hk-btn-disabled__hbB5q",rotate:"Button_rotate__ZB_JY",icon:"Button_icon___9jCe",right:"Button_right__Whali"}},97173:function(){}},function(e){e.O(0,[5675,6066,9603,6595,6857,3254,1834,5764,5518,2888,9774,179],function(){return e(e.s=52904)}),_N_E=e.O()}]);