"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8702],{9713:function(e,l,i){i.d(l,{A:function(){return I}});var t=i(66174),n=i(57437);i(2265);var o=i(95229),r=i(98540),d=i(39519);let a=(0,o.ZP)(r.Ht).withConfig({componentId:"sc-9c18b9dd-0"})(["position:relative;cursor:pointer;height:",";margin-bottom:",";padding:10px;&:hover{box-shadow:",";}background-color:",";"],e=>{let{$isSlider:l}=e;return l?"calc(100% - 40px)":"auto"},e=>{let{$isSlider:l}=e;return l?"24px":"0"},e=>{let{$isProduct:l,$background:i}=e;return l?(null==i?void 0:i.type)===d.CHI.Color?"0px 0px 10px 6px rgba(0,0,0,0.10)":"0px 0px 8px 4px rgba(0,0,0,0.10)":"none"},e=>{let{$background:l}=e;return(null==l?void 0:l.type)===d.CHI.Color?null==l?void 0:l.color:"transparent"});var s=i(90253),u=i(36839),c=i(99383),v=i(7834),h=i(39706),x=i(98),p=i(85440);let m=o.ZP.div.withConfig({componentId:"sc-cd61f67b-0"})(["position:relative;max-width:100%;width:100%;max-height:100%;height:100%;"]),g=(0,o.ZP)(c.PrimaryButton).withConfig({componentId:"sc-cd61f67b-1"})(["position:absolute;bottom:10px;padding:20px;border-radius:0px;margin-top:auto;background-color:",";display:flex;flex-direction:row;align-items:center;border:none;justify-content:space-between;left:10px;right:10px;h1{font-weight:700;}> div{color:",";",";}"],e=>{let{theme:l}=e;return l.bg.reverse},(0,h.E)("primary"),(0,x.b)("transform: rotate(180deg)","transform: rotate(0deg)"));var b=i(34164),f=i(58791);let j=e=>{var l,i,t,o,r;let{banner:a,isTablet:s}=e;return(0,n.jsx)(w,{isLinkNone:(null==a?void 0:null===(l=a.bannerLink)||void 0===l?void 0:l.type)===d.UnB.None,children:(0,n.jsx)(v.P,{src:(s?(null==a?void 0:null===(i=a.mobileImage)||void 0===i?void 0:i.src)||(null==a?void 0:null===(t=a.image)||void 0===t?void 0:t.src):(null==a?void 0:null===(o=a.image)||void 0===o?void 0:o.src)||(null==a?void 0:null===(r=a.mobileImage)||void 0===r?void 0:r.src))||"/default-placeholder-image.png"})})},w=o.ZP.div.withConfig({componentId:"sc-e8cc7306-0"})(["position:relative;max-width:100%;width:100%;max-height:100%;height:100%;cursor:",";"],e=>{let{isLinkNone:l}=e;return l?"default":"pointer"}),y=o.ZP.div.withConfig({componentId:"sc-d93fe263-0"})(["position:relative;max-width:100%;width:100%;max-height:100%;height:100%;"]),k=(0,o.ZP)(c.PrimaryButton).withConfig({componentId:"sc-d93fe263-1"})(["position:absolute;bottom:10px;padding:20px;border-radius:0px;margin-top:auto;background-color:",";display:flex;flex-direction:row;align-items:center;border:none;justify-content:space-between;left:10px;right:10px;h1{font-weight:700;}> div{color:",";",";}"],e=>{let{theme:l}=e;return l.bg.reverse},(0,h.E)("primary"),(0,x.b)("transform: rotate(180deg)","transform: rotate(0deg)"));var P=i(53233),C=i(97944);let S={SectionCardWrapper:e=>{let{children:l,isCollection:i,isSlider:t,isProduct:o,background:r}=e;return(0,n.jsx)(a,{$isCollection:i,$isSlider:t,$background:r,$isProduct:o,children:l})},ProductCard:s.Z,AttributeValueCard:e=>{var l,i;let{attributeValue:t,hideTitle:o}=e;return(0,n.jsxs)(p.rU,{fullHeight:!0,href:{href:"/shop",query:{page:1,filters:"a:".concat(null==t?void 0:t.id,"|").concat(null==t?void 0:null===(l=t.attribute)||void 0===l?void 0:l.id)}},children:[(0,n.jsx)(m,{children:(0,n.jsx)(v.P,{src:(null==t?void 0:null===(i=t.image)||void 0===i?void 0:i.src)||"/default-placeholder-image.png",alt:null==t?void 0:t.name})}),!o&&(0,n.jsx)(g,{suffixIcon:(0,n.jsx)(u.U,{}),children:(0,n.jsx)(r.H1,{children:null==t?void 0:t.name})})]})},BannerCard:e=>{var l,i,t,o,r,a,s;let{banner:u}=e,{isTablet:c}=(0,b.Z)();return(null==u?void 0:null===(l=u.bannerLink)||void 0===l?void 0:l.type)===d.UnB.None?(0,n.jsx)(j,{banner:u,isTablet:c}):(0,n.jsx)(p.rU,{fullHeight:!0,fullWidth:!0,href:(null==u?void 0:null===(i=u.bannerLink)||void 0===i?void 0:i.type)===d.UnB.ExternalLink?null==u?void 0:null===(t=u.bannerLink)||void 0===t?void 0:t.url:(0,f.R)(null==u?void 0:null===(o=u.bannerLink)||void 0===o?void 0:o.type,null==u?void 0:null===(a=u.bannerLink)||void 0===a?void 0:null===(r=a.resource)||void 0===r?void 0:r.handle),target:(null==u?void 0:null===(s=u.bannerLink)||void 0===s?void 0:s.type)===d.UnB.ExternalLink?"_blank":"_self",children:(0,n.jsx)(j,{banner:u,isTablet:c})})},CollectionCard:e=>{var l;let{collection:i,hideTitle:t}=e;return(0,n.jsxs)(p.rU,{fullHeight:!0,href:"/product/".concat(null==i?void 0:i.handle),children:[(0,n.jsx)(y,{children:(0,n.jsx)(v.P,{src:(null==i?void 0:null===(l=i.image)||void 0===l?void 0:l.src)||"/default-placeholder-image.png",alt:null==i?void 0:i.title})}),!t&&(0,n.jsx)(k,{suffixIcon:(0,n.jsx)(u.U,{}),children:(0,n.jsx)(r.H1,{children:null==i?void 0:i.title})})]})},SectionContent:P.Z,PageHeader:C.Z};function I(e){return t.F.load("arab-hardware","store",S),e.children}},63282:function(e,l,i){var t=i(57437);i(2265);var n=i(95229),o=i(56291),r=i(21314),d=i(68597),a=i(61930);l.Z=e=>{var l;let{section:i}=e,{code:n}=(0,a.useLocale)(),d=null==i?void 0:null===(l=i.translations)||void 0===l?void 0:l.find(e=>e.locale===n);return(0,t.jsxs)(s,{stretchToFullWidth:null==i?void 0:i.stretchToFullWidth,children:[(null==i?void 0:i.showSectionHeader)&&(0,t.jsx)(o.X,{children:(null==d?void 0:d.header)||(null==i?void 0:i.header)}),(0,t.jsx)(r.default,{html:(null==d?void 0:d.content)||(null==i?void 0:i.content)})]})};let s=(0,n.ZP)(d.Section).withConfig({componentId:"sc-8e1f1806-0"})(["&&{max-width:",";padding:",";}"],e=>{let{stretchToFullWidth:l}=e;return l&&"100vw"},e=>{let{stretchToFullWidth:l}=e;return l&&"unset"})},60512:function(e,l,i){i.d(l,{Z:function(){return q}});var t=i(57437),n=i(2265),o=i(95229),r=i(53267),d=i(5540),a=i(68597),s=i(30353),u=i(98540),c=i(34164),v=i(39519),h=i(57818),x=i(45145),p=i(82865),m=e=>{let{children:l,background:i,isProduct:n,isSlider:o,removeBorderRadiusDesktop:r=!1,removeBorderRadiusMobile:d=!1}=e;return(0,t.jsx)(x.Z,{isDisabled:o,style:{backgroundColor:(null==i?void 0:i.type)===v.CHI.Color?null==i?void 0:i.color:n?"white":"transparent",border:n||(null==i?void 0:i.type)!==v.CHI.Color?"none":"2px solid ".concat(null==i?void 0:i.color)},className:"relative box-border overflow-hidden rounded-lg \n        ".concat(((null==i?void 0:i.type)===v.CHI.Color||n)&&"shadow-sm hover:shadow-lg transition-shadow duration-500 ease-in-out"," \n        ").concat(d?"max-sm:rounded-none":"max-sm:rounded-lg"," \n        ").concat(r?"rounded-none":"rounded-lg","\n        ").concat(n&&"cursor-pointer","\n      "),children:(0,t.jsx)(p.default,{fullHeight:!0,className:"bg-inherit",children:l})})};let g=(0,h.default)(()=>i.e(4082).then(i.t.bind(i,34082,23)),{loadableGenerated:{webpack:()=>[34082]},ssr:!1});var b=e=>{let{section:l,isSliderSection:i,link:n}=e;return(0,t.jsx)(m,{isSlider:i,"data-test":"link-card",background:null==l?void 0:l.background,children:(0,t.jsx)(g,{url:n,width:"100%",height:"350px"})})},f=i(7834),j=i(85576),w=i(61930),y=i(7722),k=i(10708),P=e=>{var l;let{isHovered:i,setIsHovered:n,title:r,secondLine:d}=e,{appearance:a}=(0,k.o)(),{isTablet:u}=(0,c.Z)(),{isRTL:v}=(0,o.Fg)();return(0,t.jsxs)(p.default,{className:"absolute bottom-2 left-2 right-2 bg-gray-25 rounded-lg px-md py-xs min-h-[64px] ".concat(u||!d?"box-border":"box-content"," overflow-hidden"),justifyContent:"space-between",alignItems:"center",onMouseEnter:()=>n(!0),onMouseLeave:()=>n(!1),children:[(0,t.jsxs)(p.default,{column:!0,spacing:"none",children:[(0,t.jsx)(j.Z,{initial:{y:0,color:y.theme.extend.colors.gray[800]},animate:i?{y:u||!d?0:3,color:null==a?void 0:null===(l=a.colors)||void 0===l?void 0:l.primary}:{y:0,color:y.theme.extend.colors.gray[800]},duration:.5,children:(0,t.jsx)("span",{className:"text-xl font-semibold",style:{display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden",textOverflow:"ellipsis"},children:r})}),!u&&(0,t.jsx)(j.Z,{initial:{y:0,opacity:0,height:0},animate:i?{y:-2,opacity:1,height:"fit-content"}:{y:0,opacity:0,height:0},duration:.5,children:d})]}),(0,t.jsx)("div",{children:(0,t.jsx)(s.o,{rotate:v})})]})},C=i(85440),S=e=>{var l;let{collection:i,hideTitle:o}=e,[r,d]=n.useState(!1);return(0,t.jsxs)(C.rU,{fullHeight:!0,fullWidth:!0,href:"/product/".concat(null==i?void 0:i.handle),children:[(0,t.jsx)("div",{className:"w-full h-full",onMouseEnter:()=>d(!0),onMouseLeave:()=>d(!1),children:(0,t.jsx)(j.Z,{fullWidth:!0,fullHeight:!0,animate:r?{scale:1.1}:{scale:1},duration:.5,children:(0,t.jsx)(f.P,{src:(null==i?void 0:null===(l=i.image)||void 0===l?void 0:l.src)||"/default-placeholder-image.png",alt:null==i?void 0:i.title,objectFit:"cover"})})}),!o&&(0,t.jsx)(P,{isHovered:r,setIsHovered:d,title:null==i?void 0:i.title,secondLine:(0,t.jsxs)("span",{className:"text-xs text-gray-800",children:[(0,t.jsx)(w.FormattedNumber,{value:null==i?void 0:i.productsCount,style:"decimal"})," ",(0,t.jsx)(w.FormattedMessage,{defaultMessage:"Products",id:"7NFfmz"})]})})]})},I=e=>{let{collection:l,section:i,isSliderSection:n}=e;return(0,t.jsx)(m,{isSlider:n,"data-test":"collection-card",background:null==i?void 0:i.background,isCollection:!0,children:(0,t.jsx)(S,{collection:l,hideTitle:!(null==i?void 0:i.showItemName)})})},T=i(19564),Z=i(22358),L=e=>{let{product:l,section:i,isSliderSection:n}=e;return(0,t.jsx)(m,{"data-test":"product-card",background:null==i?void 0:i.background,isSlider:n,isProduct:!0,children:(0,t.jsx)(T.Z,{Component:Z.Z,product:l,onlyCardBody:!0,isSlider:n})})},H=e=>{var l,i;let{attributeValue:o,hideTitle:r}=e,[d,a]=n.useState(!1);return(0,t.jsxs)(C.rU,{fullHeight:!0,fullWidth:!0,href:{href:"/shop",query:{page:1,filters:"a:".concat(null==o?void 0:o.id,"|").concat(null==o?void 0:null===(l=o.attribute)||void 0===l?void 0:l.id)}},children:[(0,t.jsx)("div",{className:"w-full h-full",onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1),children:(0,t.jsx)(j.Z,{fullWidth:!0,fullHeight:!0,animate:d?{scale:1.1}:{scale:1},duration:.5,children:(0,t.jsx)(f.P,{src:(null==o?void 0:null===(i=o.image)||void 0===i?void 0:i.src)||"/default-placeholder-image.png",alt:null==o?void 0:o.name,objectFit:"cover"})})}),!r&&(0,t.jsx)(P,{isHovered:d,setIsHovered:a,title:null==o?void 0:o.name})]})},N=e=>{let{attributeValue:l,section:i,isSliderSection:n}=e;return(0,t.jsx)(m,{isSlider:n,"data-test":"attributeValue-card",background:null==i?void 0:i.background,children:(0,t.jsx)(H,{attributeValue:l,hideTitle:!(null==i?void 0:i.showItemName)})})},F=i(58791);let B=e=>{var l,i,n,o;let{banner:r,isTablet:d}=e;return(0,t.jsx)("div",{className:"w-full h-full",children:(0,t.jsx)(j.Z,{fullWidth:!0,fullHeight:!0,whileHover:{scale:1.1},duration:.5,children:(0,t.jsx)(f.P,{src:(d?(null==r?void 0:null===(l=r.mobileImage)||void 0===l?void 0:l.src)||(null==r?void 0:null===(i=r.image)||void 0===i?void 0:i.src):(null==r?void 0:null===(n=r.image)||void 0===n?void 0:n.src)||(null==r?void 0:null===(o=r.mobileImage)||void 0===o?void 0:o.src))||"/default-placeholder-image.png",objectFit:"cover"})})})};var R=e=>{var l,i,n,o,r,d,a;let{banner:s}=e,{isTablet:u}=(0,c.Z)();return(null==s?void 0:null===(l=s.bannerLink)||void 0===l?void 0:l.type)===v.UnB.None?(0,t.jsx)(B,{banner:s,isTablet:u}):(0,t.jsx)(C.rU,{fullHeight:!0,fullWidth:!0,href:(null==s?void 0:null===(i=s.bannerLink)||void 0===i?void 0:i.type)===v.UnB.ExternalLink?null==s?void 0:null===(n=s.bannerLink)||void 0===n?void 0:n.url:(0,F.R)(null==s?void 0:null===(o=s.bannerLink)||void 0===o?void 0:o.type,null==s?void 0:null===(d=s.bannerLink)||void 0===d?void 0:null===(r=d.resource)||void 0===r?void 0:r.handle),target:(null==s?void 0:null===(a=s.bannerLink)||void 0===a?void 0:a.type)===v.UnB.ExternalLink?"_blank":"_self",children:(0,t.jsx)(B,{banner:s,isTablet:u})})},W=e=>{var l;let{banner:i,section:n,isSliderSection:o}=e,r=1===n.itemsPerRow&&n.stretchToFullWidth,d=(null===(l=n.banners)||void 0===l?void 0:l.length)===1;return(0,t.jsx)(m,{isSlider:o,"data-test":"banner-card",background:null==n?void 0:n.background,removeBorderRadiusDesktop:r,removeBorderRadiusMobile:d,children:(0,t.jsx)(R,{banner:i})})},E=e=>{var l,i,o,d,a;let{section:s,isSliderSection:u}=e;return s.type===v.rTv.Video?null==s?void 0:null===(l=s.links)||void 0===l?void 0:l.map((e,l)=>u?(0,t.jsx)(r.o5,{style:{height:"auto"},children:(0,t.jsx)(b,{link:e,section:s,isSliderSection:!0})},l):(0,t.jsx)(n.Fragment,{children:(0,t.jsx)(b,{link:e,section:s})},l)):s.type===v.rTv.CollectionsRow?null==s?void 0:null===(i=s.collections)||void 0===i?void 0:i.map(e=>u?(0,t.jsx)(r.o5,{style:{height:"auto"},children:(0,t.jsx)(I,{collection:e,section:s,isSliderSection:!0})},null==e?void 0:e.id):(0,t.jsx)(n.Fragment,{children:(0,t.jsx)(I,{collection:e,section:s})},null==e?void 0:e.id)):s.type===v.rTv.Banner?null==s?void 0:null===(o=s.banners)||void 0===o?void 0:o.map(e=>u?(0,t.jsx)(r.o5,{style:{height:"auto"},children:(0,t.jsx)(W,{banner:e,section:s,isSliderSection:!0})},null==e?void 0:e.id):(0,t.jsx)(n.Fragment,{children:(0,t.jsx)(W,{banner:e,section:s})},null==e?void 0:e.id)):s.type===v.rTv.AttributesRow?null==s?void 0:null===(d=s.attributeValues)||void 0===d?void 0:d.map(e=>u?(0,t.jsx)(r.o5,{style:{height:"auto"},children:(0,t.jsx)(N,{attributeValue:e,section:s,isSliderSection:!0})},null==e?void 0:e.id):(0,t.jsx)(n.Fragment,{children:(0,t.jsx)(N,{attributeValue:e,section:s})},null==e?void 0:e.id)):s.type===v.rTv.ProductsRow?null==s?void 0:null===(a=s.products)||void 0===a?void 0:a.map(e=>u?(0,t.jsx)(r.o5,{style:{height:"auto"},children:(0,t.jsx)(L,{product:e,section:s,isSliderSection:!0})},null==e?void 0:e.id):(0,t.jsx)(n.Fragment,{children:(0,t.jsx)(L,{product:e,section:s})},null==e?void 0:e.id)):null},U=i(34640),M=i(3951),_=e=>{var l;let{section:i}=e,{code:n}=(0,w.useLocale)(),o=null==i?void 0:null===(l=i.translations)||void 0===l?void 0:l.find(e=>e.locale===n);return(null==i?void 0:i.showSectionHeader)?(0,t.jsx)("p",{className:"text-[36px] max-md:text-[24px] font-semibold text-text-default mb-xl max-md:mb-2xl max-md:text-center",children:(null==o?void 0:o.header)||(null==i?void 0:i.header)}):null},A=e=>{let{children:l,itemsPerRow:i,isProduct:n}=e;return(0,t.jsx)(O,{itemsPerRow:i,isProduct:n,children:l})};let O=o.ZP.div.withConfig({componentId:"sc-1c583468-0"})(["display:grid;grid-template-columns:repeat( ",",1fr );gap:16px;@media (max-width:","px){grid-template-columns:repeat( ",",1fr );}"],e=>{let{itemsPerRow:l,isProduct:i}=e;return i?Math.max(l,3):l},U.u3.TABLET,e=>{let{isProduct:l}=e;return l?2:1});var V=i(50440),q=e=>{var l;let{section:i,index:a}=e,{isTablet:u}=(0,c.Z)(),[h,m]=(0,n.useState)(null),[g,b]=(0,n.useState)(null),{appearance:f}=(0,k.o)(),{columnCount:j,itemsProvidedCount:w}=(0,M.Q)(i),y=1===w,P=u&&(null==i?void 0:i.type)!==v.rTv.ProductsRow,C=u&&(null==i?void 0:i.type)===v.rTv.ProductsRow&&(null==i?void 0:i.displayAs)===v.N0n.Slider,S=u?y?1:1.5:i.type===v.rTv.ProductsRow?Math.max(null==i?void 0:i.itemsPerRow,3):i.itemsPerRow,{isRTL:I}=(0,o.Fg)();return(0,t.jsxs)($,{stretchToFullWidth:P&&!y||(null==i?void 0:i.stretchToFullWidth)||C&&!y,isFirst:0===a,isBanner:(null==i?void 0:i.type)===v.rTv.Banner,is1ItemPerRow:1===i.itemsPerRow,is1ItemProvided:y,isFullWidth:i.stretchToFullWidth,isTitleHidden:!i.showSectionHeader,children:[(0,t.jsx)(_,{section:i}),i.displayAs===v.N0n.Slider||P?(0,t.jsx)(x.Z,{children:(0,t.jsxs)(z,{className:"relative",primaryColor:null==f?void 0:null===(l=f.colors)||void 0===l?void 0:l.primary,children:[(0,t.jsx)(V.Z,{}),(0,t.jsx)(r.tq,{slidesPerView:S,spaceBetween:16,centeredSlides:u,navigation:{prevEl:h,nextEl:g},modules:[d.W_,d.tl,d.pt],pagination:{dynamicBullets:!0,clickable:!0},loop:u||j>=i.itemsPerRow,style:{width:"100%"},autoplay:{delay:4e3,pauseOnMouseEnter:!0,disableOnInteraction:!1},children:E({section:i,isSliderSection:!0})}),!u&&w>(null==i?void 0:i.itemsPerRow)&&(0,t.jsxs)(p.default,{justifyContent:"space-between",alignItems:"center",className:"absolute -bottom-[10px] left-1/2 -translate-x-1/2 z-TOOLTIP ".concat(I?"rotate-180":""),width:"120px",children:[(0,t.jsx)("div",{className:"text-gray-400 hover:text-gray-700 p-xs cursor-pointer",ref:e=>{I?b(e):m(e)},children:(0,t.jsx)(s.o,{rotate:!I})}),(0,t.jsx)("div",{className:"text-gray-400 hover:text-gray-700 p-xs cursor-pointer",ref:e=>{I?m(e):b(e)},children:(0,t.jsx)(s.o,{rotate:I})})]})]})}):(0,t.jsx)(t.Fragment,{children:(0,t.jsx)(A,{isProduct:(null==i?void 0:i.type)===v.rTv.ProductsRow,itemsPerRow:i.itemsPerRow,children:(0,t.jsx)(E,{section:i})})})]})};let $=(0,o.ZP)(a.Section).withConfig({componentId:"sc-c6e05950-0"})(["&&{max-width:",";padding:",";}margin:48px auto;margin-top:",";position:relative;@media (max-width:","px){margin-top:",";}"],e=>{let{stretchToFullWidth:l}=e;return l&&"100vw"},e=>{let{stretchToFullWidth:l}=e;return l&&"unset"},e=>{let{isFirst:l,isBanner:i,is1ItemPerRow:t,isFullWidth:n,isTitleHidden:o}=e;return l&&i&&t&&n&&o?"0px":"48px"},U.u3.TABLET,e=>{let{isFirst:l,isBanner:i,is1ItemProvided:t}=e;return l&&i&&t?"0px":"48px"}),z=(0,o.ZP)(u.gq).withConfig({componentId:"sc-c6e05950-1"})([".swiper-pagination{@media (max-width:","px){display:none;}}.swiper-pagination-bullets-dynamic{bottom:0px;}.swiper-pagination-bullet-active{background-color:",";}.swiper-wrapper{margin-bottom:24px;}"],U.u3.TABLET,e=>{let{primaryColor:l}=e;return l})},23950:function(e,l,i){i.d(l,{Z:function(){return t}});function t(e,l){if(null==e)return{};var i,t,n={},o=Object.keys(e);for(t=0;t<o.length;t++)i=o[t],l.indexOf(i)>=0||(n[i]=e[i]);return n}}}]);
//# sourceMappingURL=8702-1bd9698cdf44ab1d.js.map