https://www.kingpower.com/_next/static/chunks/pages/microsite/bobb…/[...categories]-dc9ff5c44e9b0bbc.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6326],{36899:function(e,t,r){"use strict";r.d(t,{t:function(){return u}});var o=r(30381),n=r.n(o),i=r(9008),s=r.n(i),a=r(67294),c=r(63723),l=r(55141),d=r(85893);const u={title:"KING POWER Online | \u0e04\u0e34\u0e07 \u0e40\u0e1e\u0e32\u0e40\u0e27\u0e2d\u0e23\u0e4c: \u0e0a\u0e49\u0e2d\u0e1b\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e32\u0e29\u0e35\u0e41\u0e25\u0e30\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e2a\u0e48\u0e07\u0e16\u0e36\u0e07\u0e1a\u0e49\u0e32\u0e19",type:"website",description:"\u0e0a\u0e47\u0e2d\u0e1b\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e32\u0e29\u0e35 KING POWER \u0e16\u0e39\u0e01\u0e01\u0e27\u0e48\u0e32 20% (\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e1c\u0e39\u0e49\u0e17\u0e35\u0e48\u0e1a\u0e34\u0e19\u0e15\u0e48\u0e32\u0e07\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28) \u0e01\u0e31\u0e1a\u0e41\u0e1a\u0e23\u0e19\u0e14\u0e4c\u0e40\u0e19\u0e21\u0e0a\u0e31\u0e49\u0e19\u0e19\u0e33 \u0e19\u0e49\u0e33\u0e2b\u0e2d\u0e21 \u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e2a\u0e33\u0e2d\u0e32\u0e07 \u0e41\u0e1f\u0e0a\u0e31\u0e48\u0e19 \u0e41\u0e25\u0e30\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e2a\u0e48\u0e07\u0e15\u0e23\u0e07\u0e16\u0e36\u0e07\u0e1a\u0e49\u0e32\u0e19",image:(0,c.g)("logo-kingpower-share.png")},p=e=>{var t,r;const{title:o,type:i,image:c,imageArray:l,description:u,metaGoogleVerificationToken:p,styleArray:g,ogTitle:h,ogDescription:m,keywords:b}=e,v=(0,a.useMemo)((()=>[{name:"description",content:u},{name:"keywords",content:b},{property:"og:title",content:h||o},{property:"og:description",content:m||u},{property:"og:type",content:i},{property:"og:site_name",content:"KING POWER ONLINE"},{property:"og:updated_time",content:n()().unix()}]),[m,u,b,h,o,i]),y=(0,a.useMemo)((()=>{var e,t;return!(null!==l&&void 0!==l&&l.length)>0?[{property:"og:image",content:c}]:null!==(e=null===l||void 0===l||null===(t=l.map)||void 0===t?void 0:t.call(l,(e=>({property:"og:image",content:e}))))&&void 0!==e?e:[]}),[l,c]),f=(0,a.useMemo)((()=>[...v,...y]),[v,y]).map(((e,t)=>(e.key=t,a.createElement("meta",e,null))));return(0,d.jsxs)(s(),{children:[(0,d.jsx)("title",{children:o}),f,null!==(t=null===g||void 0===g||null===(r=g.map)||void 0===r?void 0:r.call(g,((e,t)=>(0,d.jsx)("style",{children:e},"head-style-item-".concat(t)))))&&void 0!==t?t:null,p&&(0,d.jsx)("meta",{name:"google-site-verification",content:p})]})};p.defaultProps={title:u.title,type:u.type,image:u.image,description:u.description,imageArray:[],metaGoogleVerificationToken:l.googleVerificationToken,styleArray:[]},t.Z=p},24939:function(e,t,r){"use strict";r.d(t,{Z:function(){return o.Z}});var o=r(36899)},26609:function(e,t,r){"use strict";r.d(t,{Z:function(){return p}});var o,n=r(71383),i=r(51192),s=r(63723),a=r(79180),c=r(40839),l=r(84442),d=r(67651),u=r(85893);var p=e=>{let{show:t,onClose:r,id:o,errorMessage:n}=e;return(0,u.jsxs)(d.Z,{id:"".concat(o,"-unsuccess"),subId:"unsuccess",show:t,icon:(0,s.g)("alert/unsuccess-form.svg"),children:[(0,u.jsx)(g,{children:(0,u.jsx)(a._H,{id:"product_details.product_details.unsuccess",defaultMessage:"Unsuccess"})}),(0,u.jsx)(h,{children:n||(0,u.jsxs)("div",{children:[(0,u.jsx)("div",{children:(0,u.jsx)(a._H,{id:"product_details.product_details.add_to_cart_error",defaultMessage:"Sorry, Something went wrong. Please check your internet connection."})}),(0,u.jsx)("br",{}),(0,u.jsx)("div",{children:(0,u.jsx)(a._H,{id:"product_details.product_details.add_to_cart_error_need_help",defaultMessage:"Need help? Please contact 1631"})})]})}),(0,u.jsx)(b,{type:"button",id:"".concat(o,"-button-error-ok"),onClick:r,children:(0,u.jsx)("span",{children:(0,u.jsx)(a._H,{id:"product_details.product_details.add_to_cart_error_ok",defaultMessage:"OK"})})})]})};const g=i.ZP.h3.withConfig({displayName:"Unsuccess__UnsuccessTitle",componentId:"sc-1sguvvo-0"})(["display:block;text-align:center;margin-bottom:10px !important;"]),h=i.ZP.div.withConfig({displayName:"Unsuccess__UnsuccessDescription",componentId:"sc-1sguvvo-1"})(["font-size:14px;text-align:left;text-align:center;padding-bottom:20px;"]),m=i.ZP.button.withConfig({displayName:"Unsuccess__Button",componentId:"sc-1sguvvo-2"})(["display:block;padding:10px 0;color:",";border:none;margin-top:10px;"],c.EC),b=(0,i.ZP)(m).withConfig({displayName:"Unsuccess__ButttonContinue",componentId:"sc-1sguvvo-3"})(["background:",";width:270px;margin-left:auto;margin-right:auto;",""],c.w5,l.eq.mobile(o||(o=(0,n.Z)(["\n    width: 220px;\n"]))))},37204:function(e,t,r){"use strict";var o=r(59499),n=r(67294),i=r(35237),s=r(85893);function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function c(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};

1t%2?a(Object(r),!0).forEach((function(t){(0,o.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}t.Z=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return t=>{const r=(0,i.sx)(e)(t);return class extends n.Component{static async getInitialProps(e){return t.getInitialProps?await t.getInitialProps(c({},e)):{}}render(){return(0,s.jsx)(r,c({},this.props))}}}}},55121:function(e,t,r){"use strict";var o=r(59499),n=r(47037),i=r.n(n),s=r(27361),a=r.n(s),c=r(81923),l=r(31955),d=r(67294),u=r(55141),p=r.n(u),g=r(54599),h=r(85893);function m(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?m(Object(r),!0).forEach((function(t){(0,o.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):m(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}t.Z=e=>{const t=class extends d.Component{constructor(){super(...arguments),(0,o.Z)(this,"state",{path:"",isMemberActive:!1,isToggleWhiteTagPlus:!1,whiteTagPlusUrl:"",enablePaymentMethods:{}}),(0,o.Z)(this,"handleGetMemberStatus",(()=>l.Z.get("user")?a()(JSON.parse(l.Z.get("user")),"member.loyaltyCard.status",""):"")),(0,o.Z)(this,"handleShowWhiteTagPlus",(e=>{const t=p().firebaseConfig;c.apps.length||c.initializeApp(t);const r=c.remoteConfig();r.settings={minimumFetchIntervalMillis:1};(async()=>{var t;await r.fetchAndActivate();const o=r.getValue("features_show_member_exclusive_banner").asBoolean(),n=r.getValue("features_member_exclusive_banner_url").asString(),i=null!==(t=JSON.parse(r.getValue("feature_enable_payment_methods").asString()))&&void 0!==t?t:{};this.setState({path:window.location.pathname,isMemberActive:"active"===e,isToggleWhiteTagPlus:o,whiteTagPlusUrl:n,enablePaymentMethods:i})})()})),(0,o.Z)(this,"isContentPath",(()=>{const e=this.props.url.pathname;return/\/content/i.test(e)})),(0,o.Z)(this,"isNativeApp",(()=>{if(this.props.userAgent){let r=i()(this.props.userAgent)?this.props.userAgent:this.props.userAgent.ua,o=/safari/.test(r);var e=null!=r.match(/iPad/i),t=null!=r.match(/iPhone/i);if(!e&&!t)return!!/wv/.test(r);if(o)return!1;if(!o)return!0}})),(0,o.Z)(this,"render",(()=>{const t=this.isNativeApp()&&this.isContentPath();return(0,h.jsx)(g.ol,b(b({},this.props),{},{isNotRenderHeaderFooter:t,path:this.state.path,isMemberActive:this.state.isMemberActive,isToggleWhiteTagPlus:this.state.isToggleWhiteTagPlus,whiteTagPlusUrl:this.state.whiteTagPlusUrl,enablePaymentMethods:this.state.enablePaymentMethods,children:(0,h.jsx)(e,b({},this.props))}))}))}static async getInitialProps(t){let r={};e.getInitialProps&&(r=await e.getInitialProps(b({},t)));const o=t.req?t.req.headers["user-agent"]:navigator.userAgent;return b(b({},r),{},{userAgent:o})}componentDidMount(){const e=this.handleGetMemberStatus();"active"===e&&this.handleShowWhiteTagPlus(e)}componentDidUpdate(){const e=this.handleGetMemberStatus();"active"!==e&&this.state.isMemberActive&&this.handleShowWhiteTagPlus(e)}};return t}},18550:function(e,t,r){"use strict";var o=r(59499),n=r(67294),i=r(79180),s=r(23848),a=r(24606),c=r(34921),l=r(84564),d=r.n(l),u=r(71686),p=r(85893);function g(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function h(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?g(Object(r),!0).forEach((function(t){(0,o.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):g(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}window.ReactIntlLocaleData&&Object.keys(window.ReactIntlLocaleData).forEac

1h((e=>{(0,i.oK)(window.ReactIntlLocaleData[e])}));t.Z=e=>{const t=class extends n.Component{constructor(){super(...arguments),(0,o.Z)(this,"IntlPage",(0,i.XN)((t=>{let{intl:r}=t;return(0,p.jsx)(u._,{intl:r,children:(0,p.jsx)(e,h({intl:r},this.props))})})))}static async getInitialProps(t){let r;const{req:o,isServer:n}=t,{messages:i,locale:a}=o||window.__NEXT_DATA__.props.pageProps.initialProps;n&&t.store.dispatch((0,c.d8)(s.bn,a)),"function"===typeof e.getInitialProps&&(r=await e.getInitialProps(t));const l=Date.now();return h(h({},r),{},{locale:a,now:l,messages:i})}componentDidMount(){const{locale:e,errorStatusCode:t}=this.props,r=new(d())(window.location.href,!0);t||r.set("query",h(h({},r.query),{},{lang:e}))}render(){const{locale:e,messages:t,now:r}=this.props,{IntlPage:o}=this;return(0,p.jsx)(i.Pj,{locale:e,messages:t,initialNow:r,children:(0,p.jsx)(o,{})})}};return(0,a.connect)()(t)}},23757:function(e,t,r){"use strict";var o=r(59499),n=r(67294),i=r(92580),s=r(85893);function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function c(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?a(Object(r),!0).forEach((function(t){(0,o.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}t.Z=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["loading"];return t=>{const r=class extends n.Component{constructor(){super(...arguments),(0,o.Z)(this,"render",(()=>{const r=null===e||void 0===e?void 0:e.some((e=>!0===this.props[e]));return(0,s.jsxs)("div",{children:[r&&(0,s.jsx)(i.R,{isLoading:r}),(0,s.jsx)(t,c({},this.props))]})}))}static async getInitialProps(e){let r={};return t.getInitialProps&&(r=await t.getInitialProps(c({},e))),r}};return r}}},87725:function(e,t,r){"use strict";r.d(t,{t:function(){return o}});var o={};r.r(o),r.d(o,{tapProduct:function(){return d},viewProductsList:function(){return l}});var n=r(14293),i=r.n(n),s=r(27361),a=r.n(s),c=r(21865);const l=function(e,t){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"";if("home-dior-beauty"===n){const n=e=>i()(a()(e,"variation",void 0));window.dataLayer.push({event:"view_products_list",source:"".concat(c.OY.MICROSITE_BRAND),reference:t,products:e.map((e=>({sku:n(e)?a()(e,"sku",void 0):a()(e,"child[0].sku",void 0),parent_sku:n(e)?null:a()(e,"sku",void 0),product_name:n(e)?a()(e,"name",void 0):a()(e,"child[0].name",""),product_price:n(e)?a()(e,"stock.price",0):a()(e,"child[0].stock.price",0),product_previous_price:n(e)?a()(e,"stock.price",0)<a()(e,"stock.previousPrice",0)&&a()(e,"dealDuration.haveDeal",!1)?a()(e,"stock.previousPrice",0):void 0:a()(e,"child[0].stock.price",0)<a()(e,"child[0].stock.previousPrice",0)&&a()(e,"child[0].dealDuration.haveDeal",!1)?a()(e,"child[0].stock.previousPrice",0):void 0,currency:"THB",is_duty_free:!!a()(e,"dutyFree",!0)}))),page:r,records_per_page:o})}else{const n=e=>i()(a()(e,"product.variation",void 0));window.dataLayer.push({event:"view_products_list",source:"".concat(c.OY.MICROSITE_BRAND),reference:t,products:(null===e||void 0===e?void 0:e.length)>0&&e.map((e=>({sku:n(e)?a()(e,"product.sku",null):a()(e,"product.child[0].sku",null),parent_sku:n(e)?null:a()(e,"product.sku",null),product_name:n(e)?a()(e,"product.name",null):a()(e,"product.child[0].name",""),product_price:n(e)?a()(e,"product.stock.price",0):a()(e,"product.child[0].stock.price",0),product_previous_price:n(e)?a()(e,"product.stock.price",0)<a()(e,"product.stock.previousPrice",0)&&a()(e,"product.dealDuration.haveDeal",!1)?a()(e,"product.stock.previousPrice",0):null:a()(e,"product.child[0].stock.price",0)<a()(e,"product.child[0].stock.previousPrice",0)&&a()(e,"product.child[0].dealDuration.haveDeal",!1)?a()(e,"product.child[0].stock.previousPrice",0):null,currency:"THB",is_duty_free:!!a()(e,"product.dutyFree",!0)}))),page:r,records_per_page:o})}},d=function(e,t,r){let o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null;const n=e=>i()(a()(e,"variation",void 0));window.dataLayer.push({event:"tap_product",source:"".concat(c.OY.MICROSITE_BRAND),reference:r,index:t,page:o,sku:n(e)?a()(e,"sku",null):a()(e,"child[0].sku",null),parent_sku:n(e)?null:a()(e,"sku",null),product_name:n(e)?a()(e,"name",null):a()(e,"child[0].name",null),product_price:n(e)?a()(e,"stock.price",0):a()(e,"child[0].stock.price",0),product_previous_price:n(e)?a()(e,"stock.price",0)<a()(e,"stock.previousPrice",0)&&a()(e,"dealDuration.haveDeal",!1)?a()(e,"stock.previousPrice",0):null:a()(e,"child[0].stock.price",0)<a()(e,"child[0].stock.previousPrice",0)&&a()(e,"child[0].dealDuration.haveDeal",!1)?a()(e,"child[0].stock.previousPrice",0):null,currency:"THB",is_duty_free:!!a()(e,"dutyFree",!0)})}},85682:function(e,t,r){"use strict";r.r(t);var o=r(59499),n=r(71640),i=r.n(n),s=r(84238),a=r.n(s),c=r(18446),l=r.n(c),d=r(27361),u=r.n(d),p=r(30998),g=r.n(p),h=r(13311),m=r.n(h),b=r(67294),v=r(98954),y=r.n(v),f=r(66261),P=r(21597),w=r(22222),x=r(51192),O=r(14063),j=r(63723),_=r(37204),k=r(28324),C=r(55121),D=r(67651),I=r(26609),N=r(18550),Z=r(23757),T=r(1108),S=r(56382),A=r(78098),E=r(85921),M=r(56696),L=r(40425),R=r(89721),B=r(27989),U=r(12180),H=r(82581),q=r(57786),V=r(87723),G=r(37368),W=r(87725),F=r(85893);function z(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function Y(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};

1t%2?z(Object(r),!0).forEach((function(t){(0,o.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):z(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const Q="CREATED",X="DESC",K=[{text:"New",value:"CREATED_DESC"},{text:"Price Lowest to Highest",value:"PRICE_ASC"},{text:"Price Highest to Lowest",value:"PRICE_DESC"},{text:"Product Name (A-Z)",value:"NAME_ASC"},{text:"Product Name (Z-A)",value:"NAME_DESC"},{text:"Popularity",value:"SCORE_DESC"}];class J extends b.Component{constructor(e){super(e),(0,o.Z)(this,"handleOnClickProduct",((e,t,r,o)=>{W.t.tapProduct(e,t,r,o)})),(0,o.Z)(this,"handleOnClickGoToPage",(e=>{f.ZP.animateScroll.scrollToTop(),this.setState({page:e},(()=>this.sortProduct()))})),(0,o.Z)(this,"handleSelectSortBy",(e=>{const[t,r]=i()(e,"_");this.setState({sortBy:t,sortType:r,page:1},(()=>this.sortProduct()))})),(0,o.Z)(this,"sortProduct",(()=>{const{loadProductList:e,url:{query:t}}=this.props,{categories:r}=t;let o={};var n;"all"===(null===r||void 0===r?void 0:r[0])?o={subBrandCategoryName:""}:o={subBrandCategoryName:null===r||void 0===r||null===(n=r.at)||void 0===n?void 0:n.call(r,-1)};const{page:i,recordsPerPage:s,sortBy:a,sortType:c}=this.state;e("bobbi-brown",o,i,s,a,c)})),(0,o.Z)(this,"onCloseError",(()=>{const{addToCartOk:e,clearCartError:t}=this.props;e(!0),t()})),(0,o.Z)(this,"findActiveSortingText",(()=>{const{state:{sortBy:e,sortType:t}}=this,r="".concat(e,"_").concat(t);return u()(m()(K,(e=>e.value===r)),"text","")})),(0,o.Z)(this,"findActiveSortingIndex",(()=>{const{state:{sortBy:e,sortType:t}}=this,r="".concat(e,"_").concat(t);return g()(K,(e=>e.value===r))})),(0,o.Z)(this,"renderContent",(()=>{var e;const{totalProducts:t,banners:r,intl:{locale:o},popupDutyfree:n,dutyFreeOk:i,popupAgeRestriction:s,ageOk:a,popupAddToCart:c,addToCartOk:l,activeProduct:d,categoryName:p,breadcrumbData:g,addCartItemLoading:h,addCartItemError:m,getErrorMessage:b}=this.props,{page:v,recordsPerPage:f,brandName:P}=this.state,{onCloseError:w,handleClosePopupAddToCart:x,handleOnClickProduct:_}=this;return(0,F.jsxs)("div",{children:[(0,F.jsx)(A.aG,{breadcrumbData:g.slice(1)}),""===p?(0,F.jsxs)(te,{children:[(0,F.jsx)("img",{alt:"bobbi-brown-banner-desktopImageUrl",className:"hidden-xs",src:(0,j.g)(u()(r,"all.desktopImageUrl",""))}),(0,F.jsx)("img",{alt:"bobbi-brown-banner-mobileImageUrl",className:"visible-xs",src:(0,j.g)(u()(r,"all.mobileImageUrl",""))})]}):""!==u()(r,"".concat(p,".desktopImageUrl"),"")&&(0,F.jsxs)(te,{children:[(0,F.jsx)("img",{alt:"bobbi-brown-banner-desktopImageUrl",className:"hidden-xs",src:(0,j.g)(u()(r,"".concat(p,".desktopImageUrl"),""))}),(0,F.jsx)("img",{alt:"bobbi-brown-banner-mobileImageUrl",className:"visible-xs",src:(0,j.g)(u()(r,"".concat(p,".mobileImageUrl"),""))})]}),(0,F.jsx)($,{children:(0,F.jsxs)(G.Z,{className:"tw-ml-auto",onSelect:e=>this.handleSelectSortBy(e),children:[(0,F.jsxs)(G.Z.Button,{children:[this.findActiveSortingText(),(0,F.jsx)("span",{className:"caret"})]}),(0,F.jsx)(G.Z.Menu,{children:K.map(((e,t)=>(0,F.jsx)(G.Z.ListItem,{value:u()(e,"value",""),className:this.findActiveSortingIndex()===t?"active":"",children:u()(e,"text","")},t)))})]})}),(0,F.jsx)(T.sp,{locale:o,itemName:d.name,itemImage:"".concat(u()(d,"images[0].baseUri"),"/").concat(u()(d,"images[0].filename")),show:n,onClose:()=>i(!1),onContinue:()=>i(!0)}),(0,F.jsx)(T.nR,{locale:o,show:s,onClose:()=>a(!1),onYes:()=>a(!0),onNo:()=>a(!1)}),(0,F.jsx)(D.Z,{id:"bobbi-brown-product-list",subId:"added-to-cart",show:c,icon:(0,O.y)(o,"addedToCart"),isLoading:h,onClose:()=>l(!0),children:(0,F.jsx)(T.RA,{id:"bobbi-brown-product-list",onAdded:x,loading:h,error:m,onClose:()=>l(!0)})}),(0,F.jsx)(I.Z,{show:!(!c||!m),id:"product-list-add-to-cart",onClose:w,errorMessage:"string"===typeof b?b:null===(e=(0,V.i)(b))||void 0===e?void 0:e.message}),(0,F.jsx)(A.cm,Y(Y({},this.props),{},{handleOnClickProduct:_,page:v,brandName:P})),(0,F.jsx)(ee,{children:(0,F.jsx)(y(),{activePage:v,prev:!0,next:!0,first:!0,last:!0,boundaryLinks:!0,items:(k=t,C=f,Math.ceil(k/C)),onSelect:this.handleOnClickGoToPage})})]});var k,C})),this.state={recordsPerPage:12,sortBy:Q,sortType:X,page:1,brandName:"bobbi-brown"}}static async getInitialProps(e){let{store:t,query:r}=e;const{page:o,categories:n}=r;let i={};var s;"all"===(null===n||void 0===n?void 0:n[0])?i={subBrandCategoryName:""}:i={subBrandCategoryName:null===n||void 0===n||null===(s=n.at)||void 0===s?void 0:s.call(n,-1)};const a=o?parseInt(o):1,c=u()(r,"sortBy",Q),l=u()(r,"sortType",X);

1return t.dispatch(E.Is("bobbi-brown")),t.dispatch(M.e9()),t.dispatch(M.Pi("bobbi-brown",i,a,12,c,l)),{initialPage:a,query:r,categoryName:i.subBrandCategoryName}}componentDidMount(){const{brandName:e,page:t,recordsPerPage:r,initialPage:o}=this.state,{products:n}=this.props;W.t.viewProductsList(n,e,t,r),this.setState({page:o})}componentDidUpdate(e){const{brandName:t,page:r,recordsPerPage:o}=this.state,{products:n}=this.props;!l()(e.products,n)&&a()(n)>0&&W.t.viewProductsList(n,t,r,o)}render(){return(0,F.jsx)(S.k,{content:this.renderContent()})}}t.default=(0,P.compose)((0,k.Z)(((e,t)=>(0,w.zB)({categoryTree:L.eY.qZ,breadcrumbData:L.eY.Yu,isLoading:L.bQ.hg,products:L.bQ.Xp,totalProducts:L.bQ.FX,banners:L.bQ.Ey,addCartItemLoading:B.iq.getCartLoading,addCartItemError:B.iq.getCartError,activeProduct:H.CM.ui,productVariation:H.CM.wS,popupDutyfree:H.CM.SO,popupAgeRestriction:H.CM.bS,popupAddToCart:H.CM.EC,buyAmount:H.CM.NV,getErrorMessage:B.iq.getErrorMessage})(e,t)),(e=>(0,P.bindActionCreators)({loadProductList:M.Pi,addCartItem:U.He.preflightCheck,showProduct:U.He.showProduct,selectPickup:U.He.selectPickup,onClickVariation:U.He.selectVariation,setupVariation:U.He.setupVariation,dutyFreeOk:U.He.dutyFreeOk,ageOk:U.He.ageOk,addToCartOk:U.He.addToCartOk,closePopupAddToCart:U.He.popupAddToCart,onQuantityChange:U.He.buyAmount,clearCartError:R.D7.clearCartError,setProductApiResult:U.He.setProductApiResult},e))),(0,_.Z)({form:"filter"}),N.Z,C.Z,(0,Z.Z)(["isLoading"]))(J);const $=x.ZP.div.withConfig({displayName:"categories__Sorting",componentId:"sc-1tr0mdk-0"})(["display:block;position:relative;padding:20px 0;text-align:right;@media (max-width:1198px){padding:20px 10px;}"]),ee=x.ZP.div.withConfig({displayName:"categories__Pager",componentId:"sc-1tr0mdk-1"})(["text-align:center;*{border:none !important;color:"," !important;background-color:transparent !important;}ul{text-align:center;margin:0;padding:0;display:block;}ul li{display:inline-block;font-size:12px;position:relative;color:",";padding-left:0;margin:20px 0;text-align:center;list-style:none;font-family:font-bold-bb;margin-left:2px;}ul li:before{display:table;content:' ';}ul li:after{display:block;width:1px;background-color:",";height:11px;position:absolute;top:3px;right:-2px;content:'';display:table;clear:both;}ul li a{display:block;padding:0 3px;width:30px;margin:0;float:none;}ul li:nth-last-child(3){::after{content:none;}}ul li:nth-child(1),ul li:nth-child(2),ul li:nth-last-child(1),ul li:nth-last-child(2){margin:0;a{width:20px !important;}a span{color:"," !important;font-size:17px;}::before,::after{content:none;}}ul li a:hover{color:"," !important;}ul li.active a{color:"," !important;}@media (max-width:767px){ul li a{width:16px;}}"],q.RL,q.RL,q.RL,q.wN,q.$t,q.QM),te=x.ZP.div.withConfig({displayName:"categories__PageHeader",componentId:"sc-1tr0mdk-2"})(["border-bottom:1px solid ",";::after{content:'';position:relative;bottom:-5px;background-color:",";height:2px;display:block;}img{width:100%;height:auto;}"],q.RL,q.RL)},92580:function(e,t,r){"use strict";r.d(t,{R:function(){return h}});var o,n=r(71383),i=r(51192),s=r(77682),a=r(70096),c=r(5261),l=r(40839),d=r(84442),u=r(85893);const p=e=>{let{isLoading:t}=e;const r="with-loading-modal";return(0,u.jsx)(g,{show:t,id:r,zIndex:3e3,isDisabledTransition:!0,children:(0,u.jsxs)(s.xu,{background:"01dp",children:[(0,u.jsx)("div",{className:"header",id:(0,s.Ox)(r,"header"),children:"Loading"}),(0,u.jsx)(a.q,{animationData:c,loop:!0,autoplay:!0,height:80,width:80}),(0,u.jsx)("div",{className:"title",id:(0,s.Ox)(r,"please-wait-title"),children:"Please wait . . ."})]})})};p.defaultProps={isLoading:!0};const g=(0,i.ZP)(s.Vq).withConfig({displayName:"LoadingModal__LoadingModalStyled",componentId:"sc-ju2t35-0"})(["& .MuiDialog-contentDialog{display:flex;}& .MuiBox-root{max-width:400px;max-height:400px;width:400px;height:400px;flex-flow:column;align-items:center;justify-content:space-around;padding:16px 0;"," .header{font-size:",";font-weight:",";}.title{font-size:",";}}"],d.AG.tabletAndMobile(o||(o=(0,n.Z)(["\n      max-width: 241px;\n      max-height: 241px;\n    "]))),l.dR,l.lt,l.IC);var h=p},32136:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/microsite/bobbi-brown/category/[...categories]",function(){return r(85682)}])}},function(e){e.O(0,[296,6306,6811,5801,9260,4134,6432,322,634,8324,3281,4599,8182,9774,2888,179],(function(){return t=32136,e(e.s=t);var t}));var t=e.O();_N_E=t}]);