https://www.dpmmfc.club/_next/static/chunks/pages/shop-970e6aa144be2c06.js

1
2!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="179d84b4-0d05-5698-935f-8c858f26d8fc")}catch(e){}}();
3(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2804],{10479:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>B});var n=r(14232),o=r(2171),l=r(82851);r(70470);var a=r(76186),i=r(73371),c=r(81883),s=r(82868),m=r(93052),p=r(12461),u=r(97455),d=r(27013),y=r(58048),g=r(74055),h=r(30842),b=r(20008),f=r(35027),v=r(47104),E=r(4439),A=r(61799),x=r(63376),O=r(34917),w=r(62983);let _=({isLoading:e,name:t,products:r,style:o})=>n.createElement("div",{style:o,className:`shop-landing-page__category-${t}`},n.createElement(g.A,{top:"medium",horizontal:"small",component:"div",responsive:[{minWidth:"tab",props:{horizontal:"large"}}]},n.createElement(h.A,{component:"div",maxWidth:1366,center:!0},n.createElement(b.A,null,n.createElement(f.A,{preset:"title",style:{flex:1}},t),r.length>3&&n.createElement(f.A,{color:"primary",preset:"button"},n.createElement(A.A,{route:"shop.category",params:{category:t}},n.createElement(x.A,null,n.createElement(n.Fragment,null,n.createElement(O.x6,{i18nKey:"common:view_all"},"View all >"),n.createElement(m.A,{left:"xsmall"},n.createElement(E.A,{name:"arrow-right",preset:"button",color:"primary"}))))))))),n.createElement(g.A,{top:"medium",bottom:"large",horizontal:"small",component:"div",responsive:[{minWidth:"tab",props:{bottom:"xlarge",top:"large",horizontal:"large"}}]},n.createElement(h.A,{component:"div",maxWidth:1366,center:!0},n.createElement(w.A,{isLoading:e,products:r}),r.length>3&&n.createElement(g.A,{top:"medium",responsive:[{minWidth:"tab",props:{top:"xlarge"}}],component:"div"},n.createElement(v.A,{component:"div",responsive:[{minWidth:"tab",props:{columns:"300px",justifyContent:"center"}}]},n.createElement(A.A,{route:"shop.category",params:{category:t}},n.createElement(x.A,{style:{display:"block",width:"100%",padding:"12px 24px",border:"2px solid #D4D4D4",borderRadius:"3px",cursor:"pointer",textDecoration:"none",color:"inherit",textAlign:"center",boxSizing:"border-box"}},n.createElement(f.A,{preset:"button",color:"inherit"},n.createElement(O.x6,{i18nKey:"common:view_all"},"View All")))))))));_.defaultProps={style:{}};var j=r(45671),P=r(55068);function S(e,t){let[r,o]=(0,n.useState)(0),[l,a]=(0,n.useState)(e[0]);return(0,n.useEffect)(()=>{requestAnimationFrame(()=>{t&&r<e.length&&(a(e[r]),o(r+1))})},[r,t]),l}var N=r(98946),k=r(33581),W=r(56530);let C=[{maxHeight:"0px",opacity:"0.2"},{maxHeight:"350px",opacity:"1"}],I=(0,o.Ng)(e=>({bannerClosed:(0,i.dM)(e)}),{toggleShopBannerClosed:a.Jp})(({bannerClosed:e,toggleShopBannerClosed:t,canClose:r,enableAnimation:o})=>{let{maxHeight:l,opacity:a}=S(o?C:C.slice(1),o);return e&&r?null:n.createElement(p.A,{fill:"mercury",className:"shop-assignment-list",style:{maxHeight:l,opacity:a,overflow:"hidden",height:"auto",willChange:"max-height, opacity",transition:"max-height 700ms, opacity 700ms"}},n.createElement(g.A,{vertical:r?"0":"small",component:"div"},r&&n.createElement(h.A,{component:"div",maxWidth:1366,center:!0},n.createElement(k.A,null,n.createElement(W.A,{right:24,top:24},n.createElement(E.A,{name:"cross",onClick:()=>t(!0),color:"dustygrey",style:{cursor:"pointer"}})))),n.createElement(g.A,{all:"large",style:{textAlign:"center"},component:"div",responsive:[{minWidth:"tab",props:{all:"xlarge"}}]},n.createElement(p.A,{fill:"primary",radius:"circle",component:"div",style:{display:"inline-block",height:"45px",width:"45px",zIndex:999}},n.createElement(g.A,{all:12},n.createElement(E.A,{name:"tick",color:"white",size:22}))),n.createElement(g.A,{top:"small",bottom:"xsmall"},n.createElement(f.A,{preset:"staticSubtitle--large",component:"div"},n.createElement(O.x6,{i18nKey:"shop:assignments_completed_banner_header"},"You're all up-to-date with your payments"))),n.createElement(f.A,{preset:"body--small",color:"dustygrey"},n.createElement(O.x6,{i18nKey:"shop:assignments_completed_banner_body"},"Nice work, there aren’t any products you need to buy")))))});function D(){return(D=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}

3).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(null,arguments)}let z=[{maxHeight:"0px",paddingLeft:"80px",opacity:"0.2"},{maxHeight:"350px",paddingLeft:"0px",opacity:"1"}],K=(0,o.Ng)(e=>({hasLoaded:(0,i.O2)(e)}))(({products:e,hasLoaded:t,canClose:r})=>{let[o]=(0,n.useState)(!t&&r),{maxHeight:l,paddingLeft:a,opacity:i}=S(o?z:z.slice(1),t);return t?e.length?n.createElement(p.A,{fill:"mercury",className:"shop-assignment-list",style:{maxHeight:l,opacity:i,overflow:"hidden",height:"auto",willChange:"max-height, opacity",transition:"max-height 600ms ease, opacity 1000ms ease"}},n.createElement(g.A,{top:"medium",horizontal:"small",component:"div",responsive:[{minWidth:"tab",props:{horizontal:"large"}}]},n.createElement(h.A,{component:"div",maxWidth:1366,center:!0},n.createElement(f.A,{preset:"title"},n.createElement(O.x6,{i18nKey:"shop:assignment_list_header"},"You've been asked to buy")))),n.createElement(P.A,{xOnly:!0,style:{whiteSpace:"nowrap",paddingLeft:a,transition:"padding-left 600ms ease"},component:"div"},n.createElement(g.A,{vertical:"medium",component:"div",left:"small",responsive:[{minWidth:"tab",maxWidth:1414,props:{bottom:"xlarge",top:"medium",left:"large"}}]},n.createElement(h.A,{component:"div",maxWidth:1366,center:!0},n.createElement(v.A,{columns:`repeat(${e.length}, 340px)`,responsive:[{minWidth:"tab",props:{columns:`repeat(${e.length}, 354px)`}}]},e.map(e=>n.createElement(g.A,{component:"div",right:"medium",key:e.id},n.createElement(N.A,D({},e,{forceView:"landscape"}))))))))):n.createElement(I,{enableAnimation:o,canClose:r}):null});var L=r(43918);let T=(0,o.Ng)(e=>({isLoggedIn:(0,d.M3)(e),hasCheckedLoginState:(0,d.co)(e)}))(({isLoggedIn:e,hasCheckedLoginState:t,background:r})=>e||!t?null:n.createElement(p.A,{fill:r},n.createElement(g.A,{vertical:"xlarge",all:"large",style:{textAlign:"center"},component:"div",responsive:[{minWidth:"tab",props:{vertical:"xxlarge"}}]},n.createElement(m.A,{bottom:"xsmall",component:"div"},n.createElement(f.A,{preset:"staticSubtitle--large"},n.createElement(O.x6,{i18nKey:"shop:assignments_login_notice_title"},"Login to see all products"))),n.createElement(m.A,{bottom:"medium",component:"div"},n.createElement(f.A,{preset:"body--small",color:"dustygrey"},n.createElement(O.x6,{i18nKey:"shop:assignments_login_notice_body"},"Some products are only available to logged in members"))),n.createElement(h.A,{component:"div",maxWidth:300,center:!0},n.createElement(L.A,{translationKey:"shop:login_to_buy_product_button_text",fullWidth:!0}))))),H=()=>n.createElement(p.A,{fill:"mercury"},n.createElement(g.A,{all:"large",style:{textAlign:"center"},component:"div",responsive:[{minWidth:"tab",props:{all:"xlarge"}}]},n.createElement(p.A,{fill:"primary",radius:"circle",component:"div",style:{display:"inline-block",height:"45px",width:"45px",zIndex:999}},n.createElement(g.A,{all:12},n.createElement(E.A,{name:"trolley",color:"white",size:22}))),n.createElement(g.A,{top:"small",bottom:"xsmall"},n.createElement(f.A,{preset:"staticSubtitle--large",component:"div"},n.createElement(O.x6,{i18nKey:"shop:no_products_banner_header"},"No products available"))),n.createElement(f.A,{preset:"body--small",color:"dustygrey"},n.createElement(O.x6,{i18nKey:"shop:no_products_banner_body"},"There aren’t any products available at the moment"))));function F(){return(F=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(null,arguments)}let $=(0,o.Ng)((e,t)=>({isLoggedIn:(0,d.M3)(e),isAssociated:(0,u.Dc)(e,t.clubId)}))(({categories:e,featuredProducts:t,overdueProducts:r,isAssociated:o,isLoading:l,isLoggedIn:a})=>n.createElement(n.Fragment,null,n.createElement(y.A,null),n.createElement(j.A,{selectedCategory:"all",categories:e}),o&&a&&n.createElement(K,{products:r,canClose:t.length>0}),t.length>0&&n.createElement(m.A,{bottom:"small"}),t.map((e,t)=>n.createElement(p.A,{fill:(t+1)%2?"seashellgrey":"mercury",key:e.name},n.createElement(_,F({isLoading:l},e)))),a&&!o&&0===t.length&&n.createElement(H,null),!a&&n.createElement(T,{background:t.length%2?"mercury":"seashellgrey"})));var q=r(76912);function M(){return(M=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}

3).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(null,arguments)}class R extends n.Component{static async getInitialProps({isServer:e,club:t,reduxStore:r,res:n,req:o}){let l={activeSection:"shop",namespacesRequired:["common","shop"],pageType:"shop.index"};if(!e)return l;try{let{error:e}=await r.dispatch((0,a.yr)(t.id,o));return e&&e.errorStatusCode&&n&&(n.statusCode=e.errorStatusCode),l}catch(e){return l}}componentDidMount(){this.loadIfRequired()}loadIfRequired=()=>{let{hasPreviouslyLoaded:e,isLoading:t,loadingError:r,club:{id:n},loadPageData:o}=this.props;e||t||r||o(n)};categoriesString=()=>{let{categories:e=[""]}=this.props;if((0,l.isEmpty)(e))return"";if(1===e.length)return e[0];let[t,r]=(0,l.chunk)(e,e.length-1);return`${t.join(", ")} and ${r}`};render(){let{loadingError:e,club:t}=this.props;if(e)return n.createElement(c.A,M({clubId:t.id},e));let{isLoading:r,categories:o,featuredProducts:l,overdueProducts:a}=this.props;return n.createElement(n.Fragment,null,n.createElement(s.A,{titleTranslationKey:"shop:lading_page_title",descriptionTranslationKey:"shop:landing_page_meta_description",route:"shop",translationValues:{categories:this.categoriesString()}}),n.createElement(q.A,{clubId:t.id}),n.createElement($,{clubId:t.id,isLoading:r,categories:o,overdueProducts:a,featuredProducts:l}))}}R.defaultProps={loadingError:null};let V={loadPageData:a.yr},B=(0,o.Ng)(e=>({hasPreviouslyLoaded:(0,i.EI)(e),isLoading:(0,i.FS)(e),categories:(0,i.TC)(e),featuredProducts:(0,i.Ne)(e),overdueProducts:(0,i.Zk)(e),loadingError:(0,i.f8)(e)}),V)(R)},45939:(e,t,r)=>{"use strict";r.d(t,{A:()=>d});var n=r(14232),o=r(94389),l=r(47753),a=r(60312),i=r(60178);function c(e){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var s=["radius"];function m(){return(m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(null,arguments)}function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}var u=function(e){var t=e.radius,r=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r={};for(var n in e)if(({}).hasOwnProperty.call(e,n)){if(-1!==t.indexOf(n))continue;r[n]=e[n]}return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],-1===t.indexOf(r)&&({}).propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(e,s),o=(0,i.Kn)(r),u=o.style;return n.createElement(a.A,m({},o,{hasLoaded:!1}),n.createElement(l.A,{height:"100%",width:"100%",radius:void 0===t?null:t,style:function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?p(Object(r),!0).forEach(function(t){var n,o,l;n=e,o=t,l=r[t],(o=function(e){var t=function(e,t){if("object"!=c(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=c(n))return n;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==c(t)?t:t+""}(o))in n?Object.defineProperty(n,o,{value:l,enumerable:!0,configurable:!0,writable:!0}):n[o]=l}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}({position:"absolute",top:0,left:0},u)}))};u.displayName="ShimmerImage";let d=(0,o.A)(u)},48549:(e,t,r)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/shop",function(){return r(10479)}])},65565:(e,t,r)=>{"use strict";r.d(t,{A:()=>m});var n=r(14232),o=r(22241),l=r(94389),a=r(47753);function i(e){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function c(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}var s=function(e){var t=e.className,r=e.inline,l=e.lineHeight,s=e.preset,m=e.radiu

3s,p=e.size,u=e.style,d=e.uiTheme,y=void 0===d?{}:d,g=e.width,h=(0,o.U9)(y,"typography"),b=h.inline,f=h.lineHeight,v=h.preset,E=h.radius,A=h.size,x=h.width,O=(0,o.im)(y,"typography",(void 0===s?null:s)||v),w=O.lineHeight,_=O.size,j=(void 0===l?null:l)||w||f||21,P=(void 0===p?null:p)||_||A||14;return n.createElement(a.A,{className:void 0===t?null:t,height:P,radius:(void 0===m?null:m)||E||P/2,width:(void 0===g?null:g)||x||"100%",style:function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?c(Object(r),!0).forEach(function(t){var n,o,l;n=e,o=t,l=r[t],(o=function(e){var t=function(e,t){if("object"!=i(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=i(n))return n;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==i(t)?t:t+""}(o))in n?Object.defineProperty(n,o,{value:l,enumerable:!0,configurable:!0,writable:!0}):n[o]=l}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):c(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}({marginTop:(parseInt(j,10)-P)/2,marginBottom:(parseInt(j,10)-P)/2,display:(void 0===r?null:r)||b?"inline-block":"block"},void 0===u?{}:u)})};s.displayName="ShimmerTypography";let m=(0,l.A)(s)}},e=>{e.O(0,[2909,2545,7315,6223,1325,3770,636,6593,8792],()=>e(e.s=48549)),_N_E=e.O()}]);
4//# debugId=179d84b4-0d05-5698-935f-8c858f26d8fc