https://store.maxis.com.my/static/js/3664.85047994.chunk.js

1"use strict";(self.webpackChunkcommerce_1=self.webpackChunkcommerce_1||[]).push([[3664],{13664(e,s,t){t.r(s),t.d(s,{default:()=>W});var l=t(89379),a=t(65043),n=t(5544),o=t(60902),r=t(43184);const c=[{title:"all",id:"all"},{title:"shop",id:"commerce"},{title:"promotions",id:"promotions"},{title:"products",id:"products"},{title:"helpNSupport",id:"help-support"}],i={all:"all",shops:"commerce",promotions:"promotions",products:"products",helpSupport:"help-support"},m=4,d=5,u=3,p=5,g=12,h=10,x=12,b=10;var j=t(10121),f=t(58613),C=t.n(f),S=t(58387),y=t(53536),v=t.n(y),A=t(91479),N=t(73588),P=t(99897),k=t(70579);const w=e=>{const s=e.intl,t=e.count,l=e.i18nLabels,o=e.lastSearch,r=e.searchQuery,c=e.showSuggested,i=e.getSearchResults,m=e.setShowSuggested,d=e.updateSearchQuery,u=e.suggestedSearches,p=o?[{term:o},...u]:u,g=A.n.useWindowSize(),h=(0,n.A)(g,1)[0],x=(0,a.useState)(0),b=(0,n.A)(x,2),f=b[0],y=b[1];(0,a.useEffect)(()=>{y(h>=1440?30:h>=1014?19:h>=768?50:15)},[h,r]);const w=e=>{C()(e.target).closest(".search-field").length||(document.body.removeEventListener("click",w,!1),m(!1))};return(0,k.jsx)("div",{className:"result-banner",children:(0,k.jsx)("div",{className:"position-relative",children:(0,k.jsxs)("div",{className:"container banner-info d-flex h-100 flex-dir-column justify-content-between",children:[(0,k.jsx)(N.JU,{labelClass:"maxis-bold text-gunmetal lh-104 ls-normal ls-lg-n05 fs-20 fs-lg-50",labelData:s.formatMessage(l.bannerTitle,{count:t,searchStr:r&&A.n.textTruncate(r.trim(),f)})}),(0,k.jsx)(N.Lw,{inputType:"search",text:r,inputId:"search-field",customSearchClass:(0,S.A)("search-field w-fit",c&&!v().isEmpty(p)&&"search-field-expanded"),boxClass:(0,S.A)("search-box maxis-semiBold text-black fs-16 ls-050 pl-3 pr-5",c&&!v().isEmpty(p)&&"search-box-expanded"),onChange:e=>d(e.target.value),onClickCancel:()=>d(""),onFocus:()=>{m(!0),document.body.addEventListener("click",w)},onClickSearch:()=>{i(r),m(!1)},children:c&&!v().isEmpty(p)&&(0,k.jsxs)("div",{className:"position-relative suggestions pb-4",children:[(0,k.jsx)("hr",{className:"my-0 mx-3"}),(0,k.jsx)(N.JU,{labelClass:"maxis-semiBold fs-14 text-blue-green py-2 mb-0 pl-3",labelData:s.messages.suggestedSearches}),p.slice(0,4).map((e,s)=>(0,k.jsx)(N.JU,{parentClass:"hover-bg-gray",labelClass:"fs-14 cursor-pointer pl-3 d-flex align-items-center mb-0 pt-2 py-2",labelData:o&&0===s?(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)("span",{className:"pr-2 d-flex align-items-center",children:(0,k.jsx)(P.osr,{})}),(0,k.jsx)("span",{className:"maxis-bold text-black",children:e.term})]}):(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)("span",{className:"pr-2 d-flex align-items-center",children:(0,k.jsx)(P.WIv,{})}),(0,k.jsx)(j.n3,{id:"".concat(e.term,"-").concat(s),defaultMessage:'<span class="maxis-bold text-black">'.concat(e.term.substring(0,r.length),'</span><span class="maxis-semiBold text-gunmetal">').concat(e.term.substring(r.length),"</span>")})]}),clickEvent:()=>(e=>{d(e.term),i(e.term),m(!1)})(e)},"".concat(e,"-").concat(s)))]})})]})})})};t.dn(w);const T=e=>{let s=e.intl,t=e.searchResults,l=e.selectedCategory,a=e.setSelectedCategory,n=e.updateSelectedCategory;return(0,k.jsx)("div",{className:"category-tags d-flex",children:c.map(e=>{const o=t[e.id]&&t[e.id].numFound||0;return o>0&&(0,k.jsx)("div",{className:(0,S.A)("category-tag fs-14 w-fit px-4 mr-2 cursor-pointer text-gunmetal",e.id===l?"selected maxis-bold":"maxis-semiBold"),onClick:()=>{a(e.id),n(e.id)},children:"".concat(s.messages[e.title]," (").concat(o,")")},e.id)})})};t.dn(T);var D=t(62582),E=t(3836);const U=e=>{const s=e.intl,t=e.items,o=e.selectedCategory,r=e.setSelectedCategory,c=(0,a.useState)(1),d=(0,n.A)(c,2),u=d[0],p=d[1],h=o===i.shops,x=h?(u-1)*g:0,b=h?u*g:m,j=t.slice(x,b);return(0,k.jsxs)("div",{className:"shops-section",children:[(0,k.jsxs)("div",{className:"d-flex align-items-center justify-content-between",children:[(0,k.jsx)(N.uT,{compTitlePart1:s.messages.shop}),o===i.all&&t.length>4&&(0,k.jsx)(N.sr,{color:"frogGreen",label:s.messages.viewAll,wrapperClassName:"pt-2 mt-1",onClick:()=>{r(i.shops)}})]}),(0,k.jsx)("div",{className:"shops-section--device-list pt-3 w-100",children:j.map((e,s)=>(0,k.jsx)(D.N_,{to:e.url,className:"shops-section--device-item text-decoration-none w-100",children:(0,k.jsx)(E.A,(0,l.A)((0,l.A)({},e),{},{height:"100%",containerClass:"shops-device-item"}))},"search-shop-item-".concat(s)))}),o===i.shops&&(0,k.jsx)(N.dK,{scrollToElementID:"results-section",currentPage:u,totalPages:Math.ceil(t.length/g),updatePage:p})]})};t.dn(U);var F=t(86855);const R=e=>{let s=e.item,t=e.count,l=e.viewAllPromotions,a=e.index;const n=(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)("img",{src:s.imagePath,className:"promotion-image img-fluid w-100 mb-2",alt:"promotion-illustration"}),(0,k.jsx)(N.JU,{labelData:s.title,labelClass:"maxis-bold fs-18 fs-lg-22 text-gunmetal lh-normal mt-1 mb-2 px-3 line-clamp-1 line-clamp-lg-2"}),(0,k.jsx)(N.JU,{labelData:s.description,labelClass:"maxis fs-14 fs-lg-16 text-gunmetal lh-normal mb-0 px-3 line-clamp-2"})]});return l?(0,k.jsx)("div",{onClick:()=>{(0,F.A)(s.id)},className:"promotion-card cursor-pointer mb-3 all-cards",children:n}):(0,k.jsx)("div",{className:"position-relative",children:(0,k.jsx)("div",{onClick:()=>{(0,F.A)(s.id)},className:(0,S.A)("promotion-card cursor-pointer mb-3",a!==u-1&&"mr-3",t>1&&"multiple-cards"),children:n})})};t.dn(R);const J=e=>{const s=e.intl,t=e.items,l=e.selectedCategory,a=e.setSelectedCategory,n=e.page,o=e.setPage,r=l===i.promotions,c=r?(n-1)*x:0,m=r?n*x:u,d=t.slice(c,m);return(0,k.jsxs)("div",{className:"promotions-section",children:[(0,k.jsxs)("div",{className:"d-flex align-items-center justify-content-between",children:[(0,k.jsx)(N.uT,{compTitlePart1:s.messages.promotions}),!r&&t.length>3&&(0,k.jsx)(N.sr,{color:"frogGreen",label:s.messages.viewAll,wrapperClassName:"pt-2 mt-1",onClick:()=>{a(i.promotions)}})]}),(0,k.jsx)("div",{className:(0,S.A)("d-flex promotions pt-2",r&&"flex-wrap"),children:d.map((e,t)=>(0,k.jsx)(R,{item:e,index:t,count:d.length,viewAllPromotions:r,intlValue:s.messages.promotions},t))}),r&&(0,k.jsx)(N.dK,{scrollToElementID:"results-section",currentPage:n,totalPages:Math.ceil(t.length/x),updatePage:o})]})};t.dn(J);const M=e=>{const s=e.intl,t=e.items,l=e.selectedCategory,o=e.setSelectedCategory,r=(0,a.useState)(1),c=(0,n.A)(r,2),m=c[0],u=c[1],p=l===i.products,g=p?(m-1)*h:0,x=p?m*h:d,b=t.slice(g,x);return(0,k.jsxs)("div",{className:"products-section",children:[(0,k.jsx)(N.uT,{compTitlePart1:s.messages.products}),(0,k.jsxs)("div",{className:"products pt-4",children:[b.map((e,t)=>(0,k.jsxs)("div",{className:"product",children:[(0,k.jsx)(N.JU,{labelData:e.title,labelClass:"maxis-bold fs-18 fs-lg-24 text-gunmetal lh-normal mb-1 line-clamp-2"}),(0,k.jsx)(N.JU,{labelData:e.description,labelClass:"maxis fs-14 fs-lg-16 text-gunmetal lh-normal mb-2 line-clamp-3"}),(0,k.jsx)(N.sr,{label:s.messages.learnMore,onClick:()=>{window.open(e.id,"_blank")}})]},t)),!p&&t.length>d&&(0,k.jsx)(N.$n,{fullWidth:!1,buttonLabel:s.messages.moreProducts,buttonClass:"outline-primary product-button button-hover-anim",reactButtonClass:"d-flex justify-content-center product-button-outer",onClick:()=>{o(i.products)}})]}),p&&(0,k.jsx)(N.dK,{scrollToElementID:"results-section",currentPage:m,totalPages:Math.ceil(t.length/h),updatePage:u})]})};t.dn(M);const V=e=>{const s=e.intl,t=e.items,l=e.selectedCategory,o=e.setSelectedCategory,r=(0,a.useState)(1),c=(0,n.A)(r,2),m=c[0],d=c[1],u=l===i.helpSupport,g=u?(m-1)*b:0,h=u?m*b:p,x=t.slice(g,h);return(0,k.jsxs)("div",{className:"help-n-support-section",children:[(0,k.jsx)(N.uT,{compTitlePart1:s.messages.helpNSupport}),(0,k.jsxs)("div",{className:"articles pt-4",children:[x.map((e,t)=>(0,k.jsxs)("div",{className:"article",children:[(0,k.jsx)(N.JU,{labelData:e.title,labelClass:"maxis-bold fs-18 fs-lg-24 text-gunmetal lh-normal mb-1 line-clamp-2"}),(0,k.jsx)(N.JU,{labelData:e.description,labelClass:"maxis fs-14 fs-lg-16 text-gunmetal lh-normal mb-2 line-clamp-3"}),(0,k.jsx)(N.sr,{label:s.messages.learnMore,onClick:()=>{window.open(e.id,"_blank")}})]},t)),!u&&t.length>p&&(0,k.jsx)(N.$n,{fullWidth:!1,buttonLabel:s.messages.moreArticles,buttonClass:"outline-primary help-n-support-button button-hover-anim",reactButtonClass:"d-flex justify-content-center help-n-support-button-outer",onClick:()=>{o(i.helpSupport)}})]}),u&&(0,k.jsx)(N.dK,{scrollToElementID:"results-section",currentPage:m,totalPages:Math.ceil(t.length/b),updatePage:d})]})};t.dn(V);const I=e=>{let s=e.intl,t=e.i18nLabels,a=e.promotions,n=e.updateSearchQuery,o=e.getSearchResults,r=e.spellCheckSuggestions;return(0,k.jsxs)("div",{className:"no-results pt-4",children:[(0,k.jsx)(N.JU,{labelData:s.messages.noMatch,labelClass:"maxis-extraBold fs-34 fs-lg-48 text-blue-green lh-106 ls-lg-n05"}),!v().isEmpty(r)&&(0,k.jsx)(N.JU,{labelClass:"maxis-bold fs-18 fs-lg-24 text-gunmetal d-flex pt-3",labelData:(0,k.jsx)(j.sA,(0,l.A)((0,l.A)({},t.diduMean),{},{values:{suggestion:(0,k.jsx)("span",{className:"pl-2",children:r.map((e,s)=>(0,k.jsxs)(k.Fragment,{children:[0!==s&&(0,k.jsx)("span",{className:"text-gunmetal maxis fs-14 fs-lg-16",children:", "}),(0,k.jsx)("span",{className:"text-cerulean2 maxis fs-14 fs-lg-16 cursor-pointer",onClick:()=>{n(e),o(e)},children:e})]}))})}}))}),(0,k.jsx)(N.JU,{labelData:s.messages.suggestions,labelClass:"maxis-bold fs-18 fs-lg-24 text-gunmetal pt-4 mb-2"}),(0,k.jsx)("ul",{children:["suggestion1","suggestion2","suggestion3"].map(e=>(0,k.jsx)("li",{className:"text-gunmetal",children:(0,k.jsx)("span",{className:"maxis fs-14 fs-lg-16",children:s.messages[e]})}))}),!v().isEmpty(a)&&(0,k.jsx)(N.uT,{compTitlePart1:s.messages.youMay,compTitlePart2:s.messages.beInterested}),(0,k.jsx)("div",{className:"d-flex promotions",children:!v().isEmpty(a)&&a.slice(0,3).map((e,s)=>(0,k.jsx)("div",{className:"position-relative",children:(0,k.jsxs)("div",{className:"promo-card cursor-pointer mr-19px ".concat(2===s?"mr-md-0":""),onClick:()=>{window.open(e.id,"_blank")},style:{backgroundImage:"url(".concat(e.imagePath,")")},children:[(0,k.jsx)(N.JU,{labelData:e.title,labelClass:"promo-title maxis-bold fs-18 fs-lg-22 text-gunmetal lh-normal mb-0 line-clamp-1 line-clamp-lg-2"}),(0,k.jsx)(N.JU,{labelData:e.description,labelClass:"promo-desc maxis fs-14 fs-lg-16 text-gunmetal lh-normal mb-0 line-clamp-2"})]})}))})]})};function L(e){const s=e.resultBannerProps,t=e.categoriesProps,a=e.shopProps,n=e.promotionProps,c=e.productProps,m=e.helpNSupportProps,d=e.selectedCategory,u=e.noResultProps,p=e.queryParams,g=e.processedSearchResults,h=s.count,x=a.count>0&&[i.all,i.shops].includes(d),b=n.count>0&&[i.all,i.promotions].includes(d),j=c.count>0&&[i.all,i.products].includes(d),f=m.count>0&&[i.all,i.helpSupport].includes(d);return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)("div",{className:"d-none d-lg-block",children:(0,k.jsxs)("div",{className:"search-results-container",children:[(0,k.jsx)(w,(0,l.A)({},s)),(0,k.jsx)("div",{id:"results-section",className:"container",children:h>0?(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(T,(0,l.A)({},t)),x&&(0,k.jsx)(U,(0,l.A)({},a)),b&&(0,k.jsx)(J,(0,l.A)({},n)),j&&(0,k.jsx)(M,(0,l.A)({},c)),f&&(0,k.jsx)(V,(0,l.A)({},m))]}):(0,k.jsx)(I,(0,l.A)({},u))})]})}),(0,k.jsx)("div",{className:"d-block d-lg-none",children:(0,k.jsx)(r.A,{isWeb2Commerce:!0,isDesktopView:!1,queryParams:p,processedSearchResults:g,productTypeUrlParamsConfig:o.A.productTypeUrlParams})})]})}t.dn(I);var B=t(87280);const Q=(0,t(62803).A)(function(e){const s=e.intl,t=e.i18nLabels,o=e.searchInfo,r=e.updateW2CUIConfig,c=e.queryParams,m=e.getSuggestedSearches,d=e.getSearchResults,u=e.updateSearchQuery,p=e.searchResults,g=e.updateSelectedCategory,h=e.processedSearchResults,x=e.isDesktopView,b=(0,a.useState)([]),j=(0,n.A)(b,2),f=j[0],C=j[1],S=(0,a.useState)(i.all),y=(0,n.A)(S,2),v=y[0],N=y[1],P=(0,a.useState)(!1),w=(0,n.A)(P,2),T=w[0],D=w[1],E=A.n.useWindowSize(),U=(0,n.A)(E,1)[

10],F=(0,a.useState)(1),R=(0,n.A)(F,2),J=R[0],M=R[1],V=o.searchQuery||"";let I;(0,a.useEffect)(()=>{e.updateW2CUIConfig({enableHeader:U>=1014,enableFooter:U>=1014,enableGlobalMessage:U>=1014})},[U]),(0,a.useEffect)(()=>(e.updateScreenName(B.A.pageNames.search),V&&x&&(m(V).then(e=>C(e)),u(V)),()=>{r({enableHeader:!0,enableFooter:!0,enableGlobalMessage:!0})}),[]),(0,a.useEffect)(()=>T&&V.length>=3&&x?(I=setTimeout(()=>m(V).then(e=>C(e)),750),u(V),()=>clearTimeout(I)):()=>{},[V]),(0,a.useEffect)(()=>{N(i.all),g(i.all)},[p]),(0,a.useEffect)(()=>{1!==J&&M(1)},[v,p]);const Q={intl:s,i18nLabels:t,selectedCategory:v,setSelectedCategory:N},W={queryParams:c,selectedCategory:v,processedSearchResults:h,resultBannerProps:(0,l.A)((0,l.A)({},Q),{},{lastSearch:o.lastSearch,searchQuery:V,count:A.n.getValues(p,"all.numFound",0),suggestedSearches:f,getSearchResults:d,updateSearchQuery:u,showSuggested:T,setShowSuggested:D,updateSelectedCategory:g}),categoriesProps:(0,l.A)((0,l.A)({},Q),{},{searchResults:p,updateSelectedCategory:g}),shopProps:(0,l.A)((0,l.A)({},Q),{},{count:A.n.getValues(p,"commerce.numFound",0),items:h}),promotionProps:(0,l.A)((0,l.A)({},Q),{},{count:A.n.getValues(p,"promotions.numFound",0),items:A.n.getValues(p,"promotions.docs",[]),page:J,setPage:M}),productProps:(0,l.A)((0,l.A)({},Q),{},{count:A.n.getValues(p,"products.numFound",0),items:A.n.getValues(p,"products.docs",[])}),helpNSupportProps:(0,l.A)((0,l.A)({},Q),{},{count:A.n.getValues(p,"help-support.numFound",0),items:A.n.getValues(p,"help-support.docs",[])}),noResultProps:{intl:s,i18nLabels:t,promotions:o.searchPromotions||[],updateSearchQuery:u,getSearchResults:d,spellCheckSuggestions:p.spellCheck||[],updateSelectedCategory:g,searchQuery:V,searchResults:p,count:A.n.getValues(p,"all.numFound",0)}};return(0,k.jsx)(L,(0,l.A)({},W))}),W=e=>(0,k.jsx)(Q,(0,l.A)((0,l.A)({},e),{},{isWeb2Commerce:!0}));t.dn(W)}}]);
2//# sourceMappingURL=3664.85047994.chunk.js.map