https://www.sydist.com/dist/categoriesChunk_1b923f4633682f07a112.chunk.js

1"use strict";(self.webpackChunkroot=self.webpackChunkroot||[]).push([[574],{35408:(e,t,a)=>{a.r(t),a.d(t,{categoryListStyles:()=>C,default:()=>A});var r,o=a(48158),n=a(17126),i=a(35314),s=a(32110),l=a(73746),c=a(41481),g=a(87071),d=a(78022),p=a(72868),m=a(91135),h=a(39881),u=a(96540),y=a(71468),v=a(73802);!function(e){e.showImages="showImages",e.showOnlyTopLevelCategories="showOnlyTopLevelCategories"}(r||(r={}));const b={loadCategories:s.Ay},C={centeringWrapper:{css:v.AH`height:300px;display:flex;align-items:center;`},spinner:{css:v.AH`margin:auto;`},container:{gap:20},categoryItem:{width:0},innerContainer:{gap:10},categoryImageItem:{width:12,css:v.AH`height:160px;`},categoryImage:{width:"160px",height:"160px"},categoryNameLinkItem:{width:12,css:v.AH`padding-bottom:8px;`},categoryName:{css:v.AH`color:#363636;font-weight:bold;`},subCategoryNameLinkItem:{width:12},viewMoreLinkItem:{width:12,css:v.AH`font-weight:bold;padding-top:10px;`}},S=C;class P extends u.Component{constructor(){super(...arguments),this.container=u.createRef(),this.categoryItemStyles=Object.assign({},S.categoryItem),this.recalculateWidth=()=>{if(!this.container.current)return;const{breakpoints:e}=this.props.theme,{clientWidth:t}=this.container.current;let a;a=t<e.values[1]?12:t<e.values[2]?6:t<e.values[3]?4:2,a!==this.categoryItemStyles.width&&(this.categoryItemStyles.width=a,this.forceUpdate())}}UNSAFE_componentWillMount(){const{categoriesDataView:e,getCategoriesParameter:t,loadCategories:a}=this.props;e.isLoading||e.value||a(t)}componentDidMount(){this.recalculateWidth(),window.addEventListener("resize",this.recalculateWidth,!0)}componentWillUnmount(){window.removeEventListener("resize",this.recalculateWidth)}componentDidUpdate(e){!e.categoriesDataView.value&&this.props.categoriesDataView.value&&this.recalculateWidth()}render(){const{categoriesDataView:e,topLevelCategoryIds:t,fields:{showImages:a,showOnlyTopLevelCategories:r}}=this.props;if(e.isLoading)return u.createElement(n.A,Object.assign({},S.centeringWrapper),u.createElement(m.A,Object.assign({},S.spinner)));if(!e.value||!t)return null;const o=e.value.filter((e=>t.indexOf(e.id)>-1));return u.createElement(n.A,{ref:this.container},u.createElement(c.Ay,Object.assign({},S.container),o.map((e=>u.createElement(g.A,Object.assign({key:e.id.toString()},this.categoryItemStyles),u.createElement(c.Ay,Object.assign({},S.innerContainer),a&&u.createElement(g.A,Object.assign({},S.categoryImageItem),e.path&&u.createElement(p.Ay,Object.assign({href:e.path},S.categoryImageLink),u.createElement(d.A,Object.assign({src:e.smallImagePath},S.categoryImage,{altText:e.imageAltText})))),u.createElement(g.A,Object.assign({},S.categoryNameLinkItem),u.createElement(p.Ay,Object.assign({href:e.path},S.categoryNameLink),u.createElement(h.A,Object.assign({}

1,S.categoryName),e.shortDescription))),!r&&u.createElement(u.Fragment,null,e.subCategoryIds&&e.subCategoryIds.slice(0,4).map((e=>u.createElement(g.A,Object.assign({key:e},S.subCategoryNameLinkItem),u.createElement(w,{categoryId:e})))),e.subCategoryIds&&e.subCategoryIds.length>4&&u.createElement(g.A,Object.assign({},S.viewMoreLinkItem),u.createElement(p.Ay,Object.assign({href:e.path},S.viewMoreLink),(0,l.Ay)("View More"))),u.createElement(g.A,Object.assign({},S.viewMoreLinkItem),e.name===(0,l.Ay)("Decorative Lighting")?u.createElement(p.Ay,Object.assign({href:e.path},S.viewMoreLink),(0,l.Ay)("Shop Now")):" "))))))))}}const w=(0,y.Ng)(((e,t)=>({category:(0,i.ey)(e,t.categoryId).value})))((({category:e})=>e?u.createElement(p.Ay,Object.assign({href:e.path},S.subCategoryNameLink),e.shortDescription):null)),A={component:(0,y.Ng)(((e,t)=>{const a={maxDepth:t.fields.showOnlyTopLevelCategories?1:2,includeStartCategory:!1};return{categoriesDataView:(0,i.E_)(e,a),getCategoriesParameter:a,topLevelCategoryIds:(0,i.Bn)(e,o.vy)}}),b)((0,v.SL)(P)),definition:{group:"Categories",icon:"list-ul",allowedContexts:["CategoryListPage","HomePage"],fieldDefinitions:[{name:r.showImages,displayName:"Show Images",editorTemplate:"CheckboxField",defaultValue:!0,fieldType:"General",sortOrder:1},{name:r.showOnlyTopLevelCategories,displayName:"Show only top-level categories",editorTemplate:"CheckboxField",defaultValue:!1,fieldType:"General",sortOrder:2}]}}},38357:(e,t,a)=>{a.r(t),a.d(t,{categoryNameStyles:()=>l,default:()=>g});var r=a(31198),o=a(39881),n=a(23573),i=a(96540),s=a(73802);const l={categoryName:{css:s.AH`${({theme:e})=>(0,n.Ay)(e,[s.AH`
2                            font-size: 28px;
3                        `,s.AH`
4                            font-size: 28px;
5                        `,null,null],"minMax")}`}},c=l,g={component:(0,r.T)((({category:e})=>{var t,a;return e?i.createElement(o.A,Object.assign({variant:"h2"},c.categoryName,{"data-test-selector":`categoryName_${null!==(t=e.shortDescription)&&void 0!==t?t:e.name}`}),null!==(a=e.shortDescription)&&void 0!==a?a:e.name):null})),definition:{group:"Category Details",icon:"PageTitle"}}},90777:(e,t,a)=>{a.d(t,{A:()=>r}),a(26744);const r=e=>{if(!e)return"";const t=window.location,a=`${t.protocol}//${t.host}`,r={"@context":"https://schema.org","@type":"BreadcrumbList",itemListElement:e.map(((e,t)=>({"@type":"ListItem",position:t+1,name:e.children,item:a+e.href})))};return e.length&&delete r.itemListElement[e.length-1].item,JSON.stringify(r)}},16287:(e,t,a)=>{a.d(t,{A:()=>v});var r=a(80247),o=a(31198),n=a(39885),i=a(49206),s=a(28887),l=a(21472),c=a(75797),g=a(35314),d=a(4411),p=a(73746),m=a(96540),h=a(71468);const u={loadCatalogPageByPath:c.Ay,setBreadcrumbs:i.Ay};class y extends m.Component{UNSAFE_componentWillMount(){var e,t,a;const{categoryPath:r,catalogPageState:o,breadcrumbLinks:n}=this.props;o.value?((null===(e=null==n?void 0:n.slice(1))||void 0===e?void 0:e.map((e=>{var t;return null===(t=e.children)||void 0===t?void 0:t.toString()})).join(","))!==(null===(a=null===(t=o.value.breadCrumbs)||void 0===t?void 0:t.slice(1))||void 0===a?void 0:a.map((e=>e.text)).join(","))||(null==n?void 0:n.length)&&n[0].children!==(0,p.Ay)("Home_Breadcrumb"))&&this.setBreadcrumbs():!r||o.isLoading||this.isPageUrlSegmentIsEqualToPathname()||this.props.loadCatalogPageByPath({path:r})}componentDidUpdate(e){const{categoryPath:t,catalogPageState:a}=this.props;a.value?!a.value.breadCrumbs||e.catalogPageState.value===a.value&&this.props.breadcrumbLinks||this.setBreadcrumbs():!t||a.isLoading||this.isPageUrlSegmentIsEqualToPathname()||this.props.loadCatalogPageByPath({path:t})}isPageUrlSegmentIsEqualToPathname(){const e=this.props.location.pathname.toLowerCase(),t=this.props.page.translatableFields.urlSegment;if(t)for(const a in t){let r=t[a].toLowerCase();if(0!==r.indexOf("/")&&(r=`/${r}`),e===r)return!0}return!1}componentWillUnmount(){this.props.setBreadcrumbs({links:void 0})}setBreadcrumbs(){this.props.setBreadcrumbs({links:this.props.catalogPageState.value.breadCrumbs.map((e=>({children:e.text,href:e.url})))})}render(){return this.props.catalogPageState.value?m.createElement(o.G.Provider,{value:this.props.category},this.props.children):this.props.children}}const v=(0,h.Ng)((e=>{var t,a,o;const i=(0,d.g$)(e),c=(0,s.HL)(e)||(i.pathname===n.Qf?(0,r.A)(i.search).categoryPath:"")||(i.pathname.toLowerCase().startsWith("/content/")?"":i.pathname),p=(0,l.u)(e,c);return{catalogPageState:p,category:(0,g.ey)(e,null!==(a=null===(t=p.value)||void 0===t?void 0:t.categoryIdWithBrandId)&&void 0!==a?a:null===(o=p.value)||void 0===o?void 0:o.categoryId).value,categoryPath:c,breadcrumbLinks:e.components.breadcrumbs.links,location:(0,d.g$)(e),page:(0,d.p$)(e)}}),u)(y)},39753:(e,t,a)=>{a.r(t),a.d(t,{CategoryDetailsPageContext:()=>k,default:()=>E});var r=a(45799),o=a(80247),n=a(90777),i=a(82923),s=a(58158),l=a(4301),c=a(39885),g=a(25387),d=a(4293),p=a(4411);const m=[e=>{if(e.parameter.catalogPage){const t=(0,p.p$)(e.getState());(0,d.t)(t,e.parameter.catalogPage,void 0,e.getState())}}],h=(0,g.u3)(m,"SendCategoryPageView");var u=a(49206),y=a(15339),v=a(28887),b=a(21472),C=a(35314),S=a(73746),P=a(16287),w=a(38126),A=a(96540),f=a(71468);const I={setBreadcrumbs:u.Ay,prepareCategory:y.Ay,sendCategoryPageView:h};class L extends A.Component{constructor(e){super(e),this.state={}}UNSAFE_componentWillMount(){var e,t,a;

5if(this.setMetadata(),this.props.catalogPageState.value){const r=this.props.breadcrumbLinks;((null===(e=null==r?void 0:r.slice(1))||void 0===e?void 0:e.map((e=>{var t;return null===(t=e.children)||void 0===t?void 0:t.toString()})).join(","))!==(null===(a=null===(t=this.props.catalogPageState.value.breadCrumbs)||void 0===t?void 0:t.slice(1))||void 0===a?void 0:a.map((e=>e.text)).join(","))||(null==r?void 0:r.length)&&r[0].children!==(0,S.Ay)("Home_Breadcrumb"))&&this.props.setBreadcrumbs({links:this.props.catalogPageState.value.breadCrumbs.map((e=>({children:e.text,href:e.url})))})}}componentDidMount(){if(this.props.enableServerSideRendering){const{catalogPageState:{value:e}}=this.props;if(!e)return;this.props.prepareCategory({catalogPage:e})}}componentDidUpdate(){const{category:e,catalogPageState:{value:t},breadcrumbLinks:a,prepareCategory:r}=this.props;t&&a&&e&&e.id!==this.state.metadataSetForId&&((0,s.BT)(),this.setMetadata(),r({catalogPage:t}))}setMetadata(){var e;const{catalogPageState:t,category:a,websiteName:o,location:s,websiteSettings:l,sendCategoryPageView:c}=this.props;if(!(null==t?void 0:t.value)||!a||!this.props.breadcrumbLinks)return;this.state.odpEventSentFor!==t.value.categoryId&&(this.setState({odpEventSentFor:t.value.categoryId}),c({catalogPage:t.value}));const{metaDescription:g,metaKeywords:d,openGraphImage:p,openGraphTitle:m,openGraphUrl:h,title:u,primaryImagePath:y}=t.value;(0,i.A)({metaDescription:g,metaKeywords:d,openGraphImage:p||y,openGraphTitle:m,openGraphUrl:h,currentPath:s.pathname,canonicalPath:t.value.canonicalPath,alternateLanguageUrls:null!==(e=t.value.alternateLanguageUrls)&&void 0!==e?e:void 0,title:u||a.name,websiteName:o,structuredPageData:l.enableBreadcrumbStructuredData?(0,n.A)(this.props.breadcrumbLinks):void 0,jsonLdScriptId:(0,r.A)(this.props.page.type)},l),this.setState({metadataSetForId:a.id})}render(){return A.createElement(w.A,null,A.createElement(P.A,null,A.createElement(l.A,{contentId:this.props.id,zoneName:"Content"})))}}const E={component:(0,f.Ng)((e=>{var t,a,r;const n=(0,p.g$)(e),i=(0,v.HL)(e)||(n.pathname===c.Qf?(0,o.A)(n.search).categoryPath:"")||(n.pathname.toLowerCase().startsWith("/content/")?"":n.pathname),s=(0,b.u)(e,i);return{catalogPageState:s,category:(0,C.ey)(e,null!==(a=null===(t=s.value)||void 0===t?void 0:t.categoryIdWithBrandId)&&void 0!==a?a:null===(r=s.value)||void 0===r?void 0:r.categoryId).value,location:n,websiteName:e.context.website.name,websiteSettings:(0,v.SB)(e).websiteSettings,breadcrumbLinks:e.components.breadcrumbs.links,page:(0,p.p$)(e),enableServerSideRendering:(0,v.SB)(e).websiteSettings.enableServerSideRendering}}),I)(L),definition:{hasEditableUrlSegment:!1,hasEditableTitle:!0,supportsCategorySelection:!0,pageType:"System"}},k="CategoryDetailsPage"},16919:(e,t,a)=>{a.r(t),a.d(t,{CategoryListPageContext:()=>l,default:()=>s});var r=a(4301),o=a(38126),n=a(96540);class i extends n.Component{render(){return n.createElement(o.A,null,n.createElement(r.A,{contentId:this.props.id,zoneName:"Content"}))}}const s={component:i,definition:{hasEditableUrlSegment:!0,hasEditableTitle:!0,pageType:"System"}},l="CategoryListPage"},42725:(e,t,a)=>{a.r(t),a.d(t,{bannerStyles:()=>c,default:()=>d});var r=a(58315),o=a(17126),n=a(37860),i=a(31198),s=a(10900),l=a(96540);const c={},g=c,d={component:(0,i.T)((({category:e})=>e&&e.htmlContent?l.createElement(o.A,Object.assign({},g.container,{"data-test-selector":"categoryDetailBanner_htmlContent"}),(0,s.Ay)((0,n.A)(e.htmlContent),r.q)):null)),definition:{group:"Category Details",icon:"image-landscape",allowedContexts:["CategoryDetailsPage","ProductListPage"]}}},95981:(e,t,a)=>{a.r(t),a.d(t,{categoryImageStyles:()=>i,default:()=>s});var r=a(31198),o=a(78022),n=a(96540);const i={},s={component:(0,r.T)((({category:e})=>e?n.createElement(o.A,Object.assign({src:e.largeImagePath,altText:e.imageAltText},i.image,{"data-test-selector":"categoryImagePath"})):null)),definition:{group:"Category Details",icon:"image",allowedContexts:["CategoryDetailsPage","ProductDetailsPage","ProductListPage"]}}}}]);
6//# sourceMappingURL=categoriesChunk_1b923f4633682f07a112.chunk.js.map