https://www.gillettearabia.com/_next/static/chunks/21qz-uztked0-.js

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,32420,e=>{e.v(e=>Promise.resolve().then(()=>e(39996)))},34856,e=>{e.v(t=>Promise.all(["static/chunks/2q1584vxnb02c.js","static/chunks/15d_dxof88zh9.js","static/chunks/2cpylh7wh_m6c.js"].map(t=>e.l(t))).then(()=>t(87414)))},79619,e=>{e.v(t=>Promise.all(["static/chunks/0_ukih9af3h3b.js"].map(t=>e.l(t))).then(()=>t(8864)))},54833,55955,e=>{"use strict";var t=e.i(91398),a=e.i(91788),l=e.i(91567),s=e.i(72043),i=e.i(30943);let r=e=>{let{children:a,domId:l}=e;return"u">typeof document?i.default.createPortal(a,document.getElementById(l||"react-portal")):(0,t.jsx)("div",{children:a})};r.propTypes={children:l.default.node.isRequired,domId:l.default.string},e.s(["default",0,r],55955);var n=e.i(96398),o=e.i(68489);let c=(0,o.default)(()=>e.A(57353)),d=(0,o.default)(()=>e.A(50738)),p=(0,o.default)(()=>e.A(32420));class u extends a.default.Component{static propTypes={dropdownItems:l.default.array.isRequired,title:l.default.string.isRequired,selectedLink:l.default.string.isRequired,onOpen:l.default.func,className:l.default.string,gaEventClass:l.default.string,gaEventLabel:l.default.string,contentButtonClass:l.default.string};static defaultProps={onOpen:()=>null,className:"",gaEventClass:"",gaEventLabel:"",contentButtonClass:"w-3/4"};constructor(e){super(e),this.state={isOpen:!1}}handleDialog=()=>{let{isOpen:e}=this.state,{onOpen:t}=this.props;(0,n.default)(!e,t()),this.setState({isOpen:!e})};render(){let{dropdownItems:e,title:l,selectedLink:i,className:n,gaEventClass:o,gaEventLabel:u,contentButtonClass:m}=this.props,{isOpen:f}=this.state;return(0,t.jsxs)(a.default.Fragment,{children:[(0,t.jsx)(p,{id:"dropdownButton",role:"button","aria-label":`${l}`,title:l,component:"button","data-action-detail":u,className:(0,s.default)("dropdown-btn  mdl:py-15 py-10 pr-10 w-auto text-24 md:text-20 mdl:text-24 leading-34 md:leading-30 mdl:leading-34",n,o),onClick:this.handleDialog,variant:"dropdownButton",children:(0,t.jsxs)(d,{component:"h2",className:"dropdownTitle ar-flex ar-items-center",children:[l," ",(0,t.jsx)("span",{className:"text-13 dropdownArrow",children:"▼"})]})}),f&&(0,t.jsx)(r,{children:(0,t.jsx)(c,{className:m,handleDialog:this.handleDialog,title:l,dropdownData:e,selectedLink:i})})]})}}e.s(["default",0,u],54833)},57353,e=>{e.v(t=>Promise.all(["static/chunks/1wyjbf-c3ws7o.js"].map(t=>e.l(t))).then(()=>t(9304)))},72625,e=>{e.v(t=>Promise.all(["static/chunks/1jxux6e4uk9gx.js"].map(t=>e.l(t))).then(()=>t(12355)))},27150,e=>{"use strict";var t=e.i(91398),a=e.i(91788),l=e.i(91567),s=e.i(68489),i=e.i(96398);let r=(0,s.default)(()=>e.A(58300),{loadableGenerated:{modules:[17595]}});class n extends a.Component{static propTypes={useScrollStop:l.default.bool};static defaultProps={useScrollStop:!0};componentDidMount=()=>{let{useScrollStop:e}=this.props;e&&(0,i.default)(!0)};componentWillUnmount=()=>{let{useScrollStop:e}=this.props;e&&(0,i.default)(!1)};render(){return(0,t.jsx)("div",{className:"fixed bg-white opacity-75 inset-0 z-full",children:(0,t.jsx)("div",{className:"flex w-full h-full",children:(0,t.jsx)(r,{className:"w-180 bg-transparent mx-auto my-auto"})})})}}e.s(["default",0,n],27150)},51329,e=>{e.v(t=>Promise.all(["static/chunks/3feyuy-k-_-gn.js"].map(t=>e.l(t))).then(()=>t(606)))},36929,e=>{"use strict";var t=e.i(91398),a=e.i(91788),l=e.i(91567),s=e.i(58678),i=e.i(72043),r=e.i(30310),n=e.i(43289),o=e.i(68489),c=e.i(55955),d=e.i(27150),p=e.i(54833);let u=e=>{let{className:a,color:l}=e;return(0,t.jsxs)("svg",{xmlns:"https://www.w3.org/2000/svg",className:a,viewBox:"0 0 36 36",children:[(0,t.jsx)("defs",{children:(0,t.jsx)("style",{children:`.prefix__cls-3{fill: #fff}.prefix__cls-2{fill: ${l}}.prefix__cls-3{stroke: ${l}}.prefix__cls-4{stroke: ${l}}.prefix__cls-5{fill: currentColor}`})}),(0,t.jsxs)("g",{transform:"translate(7338 -14145)",children:[(0,t.jsx)("path",{d:"M0 0H36V36H0z",transform:"translate(-7338 14145)"}),(0,t.jsxs)("g",{children:[(0,t.jsx)("path",{d:"M0 0H2V9H0z",className:"prefix__cls-2",transform:"translate(-7326 14154)"}),(0,t.jsx)("path",{d:"M0 0H2V3H0z",className:"prefix__cls-2",transform:"translate(-7326 14169)"}),(0,t.jsxs)("g",{className:"prefix__cls-3",transform:"translate(-7328 14162)",children:[(0,t.jsx)("circle",{cx:"3",cy:"3",r:"3",className:"prefix__cls-4"}),(0,t.jsx)("circle",{cx:"3",cy:"3",r:"2",className:"prefix__cls-5"})]})]}),(0,t.jsxs)("g",{transform:"translate(-7318 14154)",children:[(0,t.jsx)("path",{d:"M0 0H2V9H0z",className:"prefix__cls-2",transform:"translate(2 9)"}),(0,t.jsx)("path",{d:"M0 0H2V3H0z",className:"prefix__cls-2",transform:"translate(2)"}),(0,t.jsxs)("g",{className:"prefix__cls-3",transform:"translate(0 4)",children:[(0,t.jsx)("circle",{cx:"3",cy:"3",r:"3",className:"prefix__cls-4"}),(0,t.jsx)("circle",{cx:"3",cy:"3",r:"2",className:"prefix__cls-5"})]})]})]})]})};u.propTypes={className:l.default.string,color:l.default.string},u.defaultProps={className:"w-35 h-35 fill-current text-navy-dark-blue",color:"#fff"};var m=e.i(11944),f=e.i(38448);let h="flex-shrink-0 relative pb-10 mr-25 mdl:mr-40 font-RegularFont text-warm-grey text-14 font-medium ar-mr-1 ar-ml-40",g="flex-shrink-0 relative pb-10 mr-25 mdl:mr-40 font-RegularFont text-navy-dark-blue text-14 font-medium ar-mr-0 ar-ml-40 activeProdMainTab",x="w-1/2 md:w-1/2 mdl:w-1/4";var y=e.i(96398),w=e.i(77051),b=e.i(10121);let v=e=>{let{productList:a}=e,l=[];return a.productsList.map((e,t)=>{l.push({"@type":"ListItem",position:t+1,url:`https://www.gillettearabia.com${e.url}`,name:e.title})}),(0,t.jsx)(s.default,{children:(0,t.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:w.default.sanitize(`{
2                        "@context": "https://schema.org/",
3                        "@type": "ItemList",
4                        "itemListElement": ${(0,b.customJsonstringify)(l)}
5                    }`)}})})};v.propTypes={productList:l.default.object.isRequired,reviewData:l.default.object},v.defaultProps={reviewData:{}};var j=e.i(45329);let F=[],C=[],_=[],k=(0,o.default)(()=>e.A(34856),{loadableGenerated:{modules:[87414]}}),N=(0,o.default)(()=>e.A(72625),{loadableGenerated:{modules:[12355]}}),L=(0,o.default)(()=>e.A(79619),{loadableGenerated:{modules:[8864]}}),S=(0,o.default)(()=>

5e.A(51329),{loadableGenerated:{modules:[606]}});class O extends a.Component{static propTypes={PLPStore:l.default.object.isRequired,data:l.default.object.isRequired,initSwiftypeData:l.default.object.isRequired,pageSlug:l.default.string.isRequired,locale:l.default.string};constructor(e){super(e),this.state={filterOpen:!1,isMainFacet:!1},this.initializeStore()}componentDidMount=async()=>{let{PLPStore:e,data:t}=this.props,a=window.location.search;if(a&&t.hasFilter){let[t,l]=a.substring(1).split("=");t&&l&&(await e.handleFilterClick(l,t,!0),e.handleApplyFilters())}this.handleProductUrl()};componentDidUpdate=()=>{this.handleProductUrl()};handleProductUrl=()=>{let e={root:null,rootMargin:"100px",threshold:1},{PLPStore:t}=this.props;F.forEach(a=>{let l=new IntersectionObserver(e=>{e.forEach(e=>{if(e.isIntersecting){let e=Math.ceil(a.split("-")[1]/9),l=t.page_url,s=e>1?`#page-${e}`:"";window.location.href!==`${l}${s}`&&e<=t.max_pagination_limit&&(window.history.pushState({page:"plp"},"",`${l}${s}`),t.setCurrentPage(e))}})},e);document.getElementById(a)&&l.observe(document.getElementById(a))})};initializeStore=()=>{let{data:e,initSwiftypeData:t,PLPStore:a,pageSlug:l}=this.props,s=e.sortOptionsCollection.items&&e.sortOptionsCollection.items[0]||{sortField:f.default.PLPStore.sort_field,sortDirection:f.default.PLPStore.sort_direction,value:"Newest"},i=e.hasCombinedMainFacet;delete e.mainFacetCategory.facetsCollection,e.mainFacetCategory.facetsCollection=e.mainFacetCategoryFacetsCollection;let r=e.mainFacetCategory.facetsCollection.items.map((e,t)=>({...e,selected:!!i||0===t}));a.initStore(this.props.locale,e.mainFacetCategory,r,e.facetCategoriesCollection.items,t,t.facets,e.secondaryFacetCategory&&e.secondaryFacetCategory.uniqueId,l,e.preSelectedFilter,s)};handleFilterDialog=(()=>{var e=this;return function(){let t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];e.setState({filterOpen:t}),(0,y.default)(t)}})();handleMainFilterTabs=(()=>{var e=this;return async function(t){let a=arguments.length>1&&void 0!==arguments[1]&&arguments[1],l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",{PLPStore:s}=e.props;await s.handleMainFilterTabs(a,l),e.setState({isMainFacet:!0}),e.handleScrollOnFilter(l)}})();handleSecondaryFilterClick=async(e,t)=>{let{PLPStore:a}=this.props;await a.handleFilterClick(e,a.secondaryFacetCategoryId,t),a.handleApplyFilters(),this.handleScrollOnFilter()};handleChipsClick=(()=>{var e=this;return async function(t,a,l){let s=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",{PLPStore:i}=e.props;s?await i.handleSubFilterClick(t,a,s,l):await i.handleFilterClick(t,a,l),i.handleApplyFilters(),e.handleScrollOnFilter()}})();getNavPosition=()=>{let e=document.getElementById("plpNavBackdrop");return window.pageYOffset<e.offsetTop?e.offsetTop-80:null};handleScrollOnFilter=e=>{let t=document.getElementById("plpNavBackdrop"),a=document.getElementById("plpNav"),l=t.offsetTop,s=a.clientHeight;window.scrollTo({top:l-s,behavior:"smooth"}),a.style.transform=null,this.state.isMainFacet&&this.swipeNav(e)};swipeNav=e=>{let t=`tabItem-${e}`;""===e&&(t="mainFilterTitle");let a=document.getElementById(t),l=document.getElementById("tabContainer");a.getBoundingClientRect().right>280?l.scrollLeft+=a.clientWidth:a.getBoundingClientRect().right<300&&(l.scrollLeft-=a.clientWidth),this.setState({isMainFacet:!1})};checkIfAllMainFacetsAreSelected=()=>{let{PLPStore:e,data:t}=this.props,a=!1,l="",s=0;if(e.mainFacetCategory.facets&&t.hasFilter){let i=Object.keys(e.mainFacetCategory.facets);if(i.length>1){let r=[];i.forEach(t=>{e.mainFacetCategory.facets[t].selected&&(r.push(!0),l=t)}),r.length===i.length&&t.hasCombinedMainFacet&&(a=!0),a||(s=document.getElementById(`tabItem-${l}`).offsetLeft)}}return{response:a,tabOffset:s}};render(){let{data:e,PLPStore:l,locale:r}=this.props,{mainFacetCategory:o}=e,{filterOpen:f}=this.state,{response:y,tabOffset:w}=this.checkIfAllMainFacetsAreSelected(),b=!0;l.mainFacetCategory&&l.mainFacetCategory.facets&&Object.keys(l.mainFacetCategory.facets).length<2&&(b=!1);let O=Math.ceil(l.productsList.length/12);for(let e=1;e<=O;e++)-1==C.indexOf(`product-${12*e}`)&&C.push(`product-${12*e}`),-1==_.indexOf(`product-${12*e-11}`)&&_.push(`product-${12*e-11}`),F=[...C,..._];let P=l.current_page>2?`${l.page_url}#page-${l.current_page-1}`:l.page_url,$=l.current_page>0?`${l.page_url}#page-${l.current_page+1}`:`${l.page_url}#page-${l.current_page+2}`;return(0,t.jsxs)("div",{className:"w-full",children:[(0,t.jsxs)(s.default,{children:[l.current_page>1&&(0,t.jsx)("link",{rel:"prev",href:`https://www.gillettearabia.com${P}`}),l.current_page<l.num_pages&&(0,t.jsx)("link",{rel:"next",href:`https://www.gillettearabia.com${$}`})]}),(0,t.jsx)(v,{productList:l}),(0,t.jsx)("div",{id:"plpNavBackdrop"}),(0,t.jsxs)("div",{id:"plpNav",className:"w-full flex flex-wrap max-w-lg mdl:mx-auto mdl:px-20 lg:px-0 z-1 bg-white sticky top-0 left-0 right-0 ar-dir-rtl",children:[(0,t.jsx)("div",{className:(0,i.default)("mdl:w-1/2 pl-20 mdl:px-0 relative flex flex-wrap items-center bg-white mdl:-left-2 ar-plpDropdown-padd ar-pl-0 ar-pr-20 mdl:ar-pl-20 mdl:ar-pr-0",e.hasFilter?"w-7/10":"w-10/12"),children:(0,t.jsx)("div",{id:"plpDropdown",className:"dropdown-width-anim w-full",children:(0,t.jsx)(p.default,{contentButtonClass:e.hasFilter?"w-7/10":"w-10/12",onOpen:this.getNavPosition,className:"",dropdownItems:e.navigationCollection.items,title:e.title,selectedLink:e.url,gaEventClass:e.gaEventClass,gaEventLabel:e.gaEventLabel})})}),(0,t.jsxs)("div",{className:(0,i.default)("w-3/10 mdl:w-1/2 flex relative bg-white mdl:-right-px",e.hasFilter?"":"hidden"),children:[(0,t.jsxs)("button",{id:"plpFilterButton",onClick:()=>this.handleFilterDialog(!0),className:(0,i.default)("flex items-center ml-auto py-9 pr-20 mdl:px-0 font-RegularFont text-18 leading-26 text-navy-dark-blue-two bg-white ar-ml-0 ar-mr-auto ar-pr-0 ar-pl-20 mdl:ar-pl-0 ar-flex-row-reverse","event_button_click"),"data-action-detail":"Filter",type:"button","aria-label":"Filter",title:"Filter",children:[(0,t.jsx)("span",{className:"plp-filter-text",id:"plpFilterWord",children:r===m.default.locale_ar_sa?m.default.filterAR:m.default.filter}),(0,t.jsxs)("span",{className:"ml-10 relative ar-mr-0 ar-ml-10",children:[(0,t.jsx)(u,{}),l.isFilterApplied&&(0,t.jsx)("span",{className:"absolute top-0 right-0 text-transparent w-10 h-10 bg-persian-red border border-transparent roun

5ded-full",children:"."})]})]}),f&&(0,t.jsx)(c.default,{children:(0,t.jsx)(N,{showFilters:e.hasFilter,PLPStore:l,handleClose:this.handleFilterDialog,sortOptions:e.sortOptionsCollection.items,locale:r})})]}),b&&(0,t.jsx)("div",{id:"tabContainer",className:(0,i.default)("tabs-wrapper overflow-x-auto w-screen py-10 mx-20 md:mx-24 mdl:mx-0 relative mdl:-left-2 bg-white"),children:e.hasFilter&&(0,t.jsxs)("div",{className:"flex relative",children:[e.hasCombinedMainFacet&&(0,t.jsx)("button",{id:"mainFilterTitle",onClick:e=>this.handleMainFilterTabs(e.target,!0),disabled:y,type:"button",className:(0,i.default)(y?g:h,"event_button_click"),"data-action-detail":o.gaEventLabel,title:`${m.default.combinedMainFilterTitle}`,"aria-label":`${m.default.combinedMainFilterTitle}`,children:r===m.default.locale_ar_sa?m.default.combinedMainFilterTitleAR:m.default.combinedMainFilterTitle}),l.mainFacetCategory&&l.mainFacetCategory.facets&&Object.keys(l.mainFacetCategory.facets).map((e,a)=>{let s=l.mainFacetCategory.facets[e],r=!y&&s.selected||!1;return(0,t.jsx)("button",{id:`tabItem-${e}`,disabled:r,onClick:t=>this.handleMainFilterTabs(t.target,!1,e),type:"button",className:(0,i.default)(r?g:h,"event_button_click"),"data-action-detail":s.title,title:`${s.title}`,"aria-label":`${s.title}`,children:s.title},a)}),(0,t.jsx)("span",{style:r===m.default.locale_ar_sa?w>0?{left:w}:null:{transform:`translate3d(${w}px, 0, 0)`},className:(0,i.default)("lp-tab-indicator block absolute bottom-0 mt-10 h-px w-20 border-t-4 border-navy-dark-blue ar-hidden")})]})})]}),(0,t.jsx)("div",{id:"plpListBackdrop"}),l.isFilterApplied&&(0,t.jsx)("div",{className:"px-20 mdl:px-0 w-full flex flex-wrap max-w-lg mdl:mx-auto ar-dir-rtl",children:Object.keys(l.facetCategoriesList).map(e=>Object.keys(l.facetCategoriesList[e].facets).map(a=>(0,t.jsxs)(t.Fragment,{children:[l.facetCategoriesList[e].facets[a].selected&&(0,t.jsx)(L,{onClick:()=>this.handleChipsClick(a,e,!1),children:l.facetCategoriesList[e].facets[a].title},a),!l.facetCategoriesList[e].facets[a].selected&&l.facetCategoriesList[e].facets[a].hasNestedFacets&&Object.keys(l.facetCategoriesList[e].facets[a].subFacets).map(s=>l.facetCategoriesList[e].facets[a].subFacets[s].selected&&(0,t.jsx)(L,{onClick:()=>this.handleChipsClick(a,e,!1,s),children:l.facetCategoriesList[e].facets[a].subFacets[s].title},s))]})))}),(0,t.jsx)("div",{className:"product-container-wrapper w-full max-w-lg mdl:mx-auto my-15 mdl:my-0 px-15 mdl:px-20 lg:px-0 ar-dir-rtl",children:(0,t.jsxs)("div",{className:"plp-list-wrapper flex flex-wrap mdl:-mx-15 md:px-5 mdl:px-0",children:[l.productsList.slice(0,e.secondaryFacetDisplayIndex).map((e,a)=>(0,t.jsx)("div",{className:(0,i.default)(x),initialOpacity:100,children:(0,t.jsx)(k,{locale:r,...e,gaEventClass:"event_view_more_details",gaEventLabel:e.title,index:0},e.sys.id)},a)),e.hasFilter&&y&&l.secondaryFacetCategoryId&&l.facetCategoriesList[l.secondaryFacetCategoryId]&&!l.isFilterApplied&&!l.facetCategoriesList[l.secondaryFacetCategoryId].isFacetCategorySelected()&&(0,t.jsxs)(a.default.Fragment,{children:[(0,t.jsx)(j.default,{className:"concern-heading w-full mt-40 px-20 lg:px-0 text-navy-dark-blue text-16 font-BoldFont max-w-lg mdl:mx-auto",component:"h2",markdown:e.secondaryFacetCategoryTitle}),(0,t.jsx)("span",{className:"concernCategory-wrapper flex flex-wrap w-full px-20 mt-25 mb-10 mdl:mt-15 mdl:mb-20 lg:px-0 max-w-lg mdl:mx-auto",children:Object.keys(l.facetCategoriesList[l.secondaryFacetCategoryId].facets).map((e,a)=>{let s=l.facetCategoriesList[l.secondaryFacetCategoryId].facets[e],r=s.title;return(0,t.jsx)("button",{"data-action-detail":r,onClick:()=>this.handleSecondaryFilterClick(e,!s.selected),type:"button",className:(0,i.default)("concern-category px-15 py-10 text-navy-dark-blue font-RegularFont text-left text-14 bg-white-grey my-5 mr-10 ar-mr-0 ar-ml-10","event_button_click"),children:s.title},a)})})]}),l.productsList.slice(e.secondaryFacetDisplayIndex).map((e,a)=>(0,t.jsx)("div",{className:(0,i.default)(x),initialOpacity:100,children:(0,t.jsx)(k,{locale:r,lazyLoad:!0,gaEventClass:"event_view_more_details",index:a,gaEventLabel:e.title,...e},e.sys.id)},a))]})}),l.isLoading&&(0,t.jsx)(d.default,{useScrollStop:!f}),(0,t.jsx)(n.default,{offset:50,children:(0,t.jsx)(S,{})})]})}}let P=(0,r.inject)("PLPStore")((0,r.observer)(O));e.s(["ProductListingContainer",0,O,"default",0,P],36929)},84563,function(e){e.n(e.i(36929))},58300,e=>{e.v(t=>Promise.all(["static/chunks/03crhpre1k64k.js"].map(t=>e.l(t))).then(()=>t(17595)))},50738,e=>{e.v(e=>Promise.resolve().then(()=>e(45329)))},10121,(e,t,a)=>{t.exports={customJsonstringify:e=>JSON.stringify(e)&&JSON.stringify(e).replace(/([&"'<>])/g,e=>{switch(e){case"&":return"&";case"<":return"<";case">":return">";case'"':return'"';case"'":return"'";default:return e}})}},96398,e=>{"use strict";let t=0;e.s(["default",0,function(){let e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,l=window.document.body;e?l.classList.contains("stop-scroll")||(t=window.pageYOffset,l.classList.add("stop-scroll","fixed","w-full"),a&&(t=a),l.style.top=`-${t}px`):l.classList.contains("stop-scroll")&&(l.style.removeProperty("top"),l.classList.remove("stop-scroll","fixed","w-full"),window.scrollTo(0,t))}])}]);