https://www.whitchurchalport.com/_next/static/chunks/pages/shop/product-ba06d3c726c3cc67.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]="16c40d52-3e6b-58ef-b457-160496eabe4c")}catch(e){}}();
3(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8200],{22338:(e,t,r)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/shop/product",function(){return r(38453)}])},38453:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>eg});var n=r(14232),l=r(2171),a=r(76186),o=r(73371),i=r(27013);r(70470);var s=r(5617),c=r(74055),m=r(30842),d=r(47104),p=r(56785),u=r(35027),g=r(93052),E=r(20008),h=r(34917),A=r(64826),y=r(95435),f=r(61799),b=r(58048),v=r(27416),x=r(12461),w=r(4439);let k=({assignment:e})=>e?n.createElement(g.A,{bottom:"medium"},n.createElement(v.A,null,n.createElement(x.A,{fill:"white",radius:"rounded",style:{overflow:"hidden"}},n.createElement(d.A,{columns:"55px 1fr"},n.createElement(x.A,{fill:"primary"},n.createElement(E.A,{alignItems:"center",style:{height:"100%"},justifyContent:"center"},n.createElement(w.A,{name:"info-circle",size:26,color:"primaryContrast"}))),n.createElement(c.A,{vertical:"small",horizontal:"medium"},n.createElement(g.A,{bottom:"xsmall"},n.createElement(u.A,{preset:"tag--large",component:"div"},e.requester)),n.createElement(u.A,{color:"dustygrey",preset:"tag--small",component:"div"},n.createElement(h.x6,{i18nKey:"shop:asked_you_to_buy_this"},"Asked you to buy this"))))))):null;k.defaultProps={assignment:null};var _=r(45939),S=r(65565),O=r(12543);let P=()=>n.createElement(c.A,{all:"medium",vertical:"xlarge",responsive:[{minWidth:"tab",props:{all:"xlarge"}},{minWidth:"desk",props:{all:"xxxlarge"}}],component:"div"},n.createElement(m.A,{component:"div",center:!0,maxWidth:920},n.createElement(d.A,{rowGap:"medium",responsive:[{minWidth:"tab",props:{columns:"300px 100fr",columnGap:"xlarge"}},{minWidth:"lap",props:{columns:"400px 450px",columnGap:"xxxlarge"}}]},n.createElement(v.A,{shadow:"dark"},n.createElement(_.A,{fullWidth:!0,hasLoaded:!1,loadingAspectRatio:1,responsive:[{minWidth:"tab",props:{width:"300px",height:"300px"}},{minWidth:"lap",props:{width:"400px",height:"400px"}}]})),n.createElement(p.A,null,n.createElement(d.A,{rowGap:"small",rows:"auto auto 100fr"},n.createElement(S.A,{preset:"name",width:"150px"}),n.createElement(S.A,{preset:"title--large",width:"80%"}),n.createElement(p.A,null,n.createElement(S.A,{lineHeight:25,size:10}),n.createElement(S.A,{lineHeight:25,size:10}),n.createElement(S.A,{lineHeight:25,size:10,width:"50%"})))))),n.createElement(m.A,{component:"div",maxWidth:1366,center:!0},n.createElement(c.A,{top:"xlarge",bottom:"medium",component:"div"},n.createElement(S.A,{preset:"title",width:"25%"})),n.createElement(d.A,{preset:"productGrid"},n.createElement(O.A,null),n.createElement(O.A,null),n.createElement(O.A,null),n.createElement(O.A,null))));var I=r(55112),T=r(82851),C=r(94481),W=r(79796);let K=(0,l.Ng)(e=>({loggedIn:(0,i.M3)(e)}))(({isOpen:e,loggedIn:t,onClose:r,addToBasket:l,joinParams:a})=>((0,n.useEffect)(()=>{e&&t&&l()},[e,t]),n.createElement(C.A,{isOpen:e,onClose:r},n.createElement(c.A,{horizontal:"large"},n.createElement(W.A,{titleI18nKey:"shop:login_form_title",titlePreset:"subtitle--large",joinParams:a}))))),L=()=>n.createElement(c.A,{horizontal:"medium",vertical:"small"},n.createElement(x.A,{fill:"mercury",radius:"rounded"},n.createElement(u.A,{preset:"subtitle--small",align:"center",component:"div"},n.createElement(h.x6,{i18nKey:"shop:product_unavailable"},"This product is not available to purchase")))),$=[25,50,100,150,200],R={USD:"$",EUR:"€",CRC:"₡",GBP:"\xa3",ILS:"₪",INR:"₹",JPY:"\xa5",KRW:"₩",NGN:"₦",PHP:"₱",PLN:"zł",PYG:"₲",THB:"฿",UAH:"₴",VND:"₫"},z={DKK:250,HKD:400,MXN:1e3,NOK:300,PLN:200,SEK:300},B="^[0-9]*(.[0-9]{1,2})?$",N=({currencySymbol:e,error:t,maxAmount:r,minAmount:l})=>t?n.createElement(u.A,{color:"negative",preset:"description"},n.createElement(h.x6,{i18nKey:`shop:donation_amount_error_${t}`,values:{max:`${e}${(r/100).toFixed(2)}`,min:`${e}${(l/100).toFixed(2)}`}},t)):null;N.defaultProps={error:null};let V=({addToBasket:e,isAddingToBasket:t,isLoggedIn:r,product:l})=>

3{let[a,o]=(0,n.useState)($[0].toFixed(2)),[i,s]=(0,n.useState)(!1),m=parseInt(100*a,10),{id:d,currencyCode:p}=(0,T.head)(l.variants),A=(0,T.get)(R,p,p);if(!l.canBePurchased)return n.createElement(L,null);let y=(0,T.get)(z,p,100),f=0===m?null:m<y?"too_low":m>=1e8?"too_high":new RegExp(B).exec(`${a}`)?null:"invalid",b=0===m||!!f;return n.createElement("div",null,n.createElement(g.A,{bottom:"small"},n.createElement(u.A,{preset:"tag--large",color:"dustygrey",component:"h3"},n.createElement(h.x6,{i18nKey:"shop:donation_amount_label"},"Choose or enter an amount"))),n.createElement(g.A,{bottom:"medium"},n.createElement(x.A,{fill:"mercury",radius:4},n.createElement(E.A,{justifyContent:"space-evenly"},$.map((e,t)=>{let r=e===parseInt(a,10),l=t===$.length-1;return n.createElement(x.A,{key:e,fill:r?"white":"transparent",onClick:()=>o(e.toFixed(2)),radius:r?"rounded":0,style:{cursor:"pointer",flex:1},borderRight:r||l?"none":"thinDarkGrey"},n.createElement(c.A,{vertical:"small"},n.createElement(u.A,{preset:"subtitle--large",align:"center"},`${A}${e}`)))})))),n.createElement(g.A,{bottom:"medium"},n.createElement(v.A,null,n.createElement(x.A,{fill:"white",radius:"rounded"},n.createElement(c.A,{vertical:"xsmall",horizontal:"medium"},n.createElement(E.A,null,n.createElement(g.A,{right:"xsmall"},n.createElement(u.A,{preset:"subtitle--large",color:"black",style:{lineHeight:"38px"}},A)),n.createElement(u.A,{key:"donationAmount",component:"input",preset:"subtitle--large",color:"black",value:a,onChange:e=>o(e.target.value),style:{padding:0,border:0,flex:1,outline:0},type:"text",inputMode:"numeric",pattern:B}))))),n.createElement(N,{error:f,currencySymbol:A,maxAmount:1e8,minAmount:y})),n.createElement(I.A,{disabled:b||t,theme:"primary",onClick:()=>{r?e(d,m):s(!0)},fullWidth:!0},n.createElement(h.x6,{i18nKey:"shop:donate"},"Donate")),n.createElement(K,{isOpen:i,joinParams:{variant_id:d,donation_amount:m},addToBasket:()=>e(d,m),onClose:()=>s(!1)}))};var D=r(94049);let G=({maxTaggedMembers:e,minTaggedMembers:t})=>{if(e<1)return null;let r="shop:product_page_tagging_description_single";return e>1&&(r=t===e?"shop:product_page_tagging_description":"shop:product_page_tagging_description_range"),n.createElement(u.A,{preset:"description",color:"dustygrey"},n.createElement(h.x6,{i18nKey:r,values:{min:t,max:e}},`Buy for ${e} members`),n.createElement(g.A,{left:"xsmall"},1===e?n.createElement(w.A,{name:"user",color:"dismissalsHw",size:12,topOffset:2}):n.createElement(w.A,{name:"users",color:"dismissalsHw",size:18,topOffset:4})))},M=({onSelect:e,selected:t,setupFee:r,label:l,amountDescription:a,totalPayable:o,paymentType:i,includeTaggingDescription:s,maxTaggedMembers:m,minTaggedMembers:E,inStock:A})=>A?n.createElement(g.A,{bottom:"small"},n.createElement(v.A,{shadow:t?"default":null},n.createElement(x.A,{fill:t?"white":"mercury",onClick:e,radius:"rounded",onHover:{fill:"white"}},n.createElement(c.A,{vertical:"18px",horizontal:"medium"},n.createElement(d.A,{columns:"100fr auto",columnGap:"small"},n.createElement(p.A,null,n.createElement(g.A,{bottom:"xsmall"},n.createElement(u.A,{color:"dovegrey",preset:"body--small",component:"div"},l)),s&&n.createElement(G,{maxTaggedMembers:m,minTaggedMembers:E}),r&&n.createElement(u.A,{preset:"subtitle--small",component:"div"},r),n.createElement(u.A,{preset:"subtitle--small",component:"div"},a),"bill"!==i&&o&&n.createElement(u.A,{preset:"subtitle--small",component:"div"},n.createElement(h.x6,{i18nKey:"shop:product_page_total_payable",values:{amount:o}},`Total payable: ${o}`))),n.createElement(p.A,{alignSelf:"center"},n.createElement(D.A,{checked:t,checkedBgColor:"primary",style:{boxShadow:"none"}}))))))):n.createElement(g.A,{bottom:"small"},n.createElement(x.A,{style:{opacity:"0.75"},fill:"mercury",radius:"rounded"},n.createElement(c.A,{vertical:"18px",horizontal:"medium"},n.createElement(d.A,{columns:"100fr auto",columnGap:"small"},n.createElement(p.A,null,n.createElement(g.A,{bottom:"xsmall"},n.createElement(u.A,{color:"dovegrey",preset:"body--small",component:"div"},l)),s&&n.createElement(G,{maxTaggedMembers:m,minTaggedMembers:E}),r&&n.createElement(u.A,{preset:"subtitle--small",component:"div"},r),n.createElement(u.A,{preset:"subtitle--small",component:"div"},a),"bill"!==i&&o&&n.createElement(u.A,{preset:"subtitle--small",component:"div"},n.createElement(h.x6,{i18nKey:"shop:product_page_total_payable",values:{amount:o}},`Total payable: ${o}`))),n.createElement(p.A,null,n.createElement(u.A,{preset:"subtitle--small",component:"div"},n.createElement(h.x6,{i18nKey:"common:out_of_stock"},"Out of stock")))))));M.defaultProps={setupFee:null,totalPayable:null,paymentType:null};var F=r(43918);let U=()=>n.createElement(c.A,{all:"medium",responsive:[{minWidth:"tab",props:{vertical:"medium"}}]}

3,n.createElement(x.A,{fill:"mercury",radius:"rounded"},n.createElement(d.A,{rowGap:"xsmall",responsive:[{minWidth:"lap",props:{columns:"1fr auto"}}]},n.createElement(p.A,null,n.createElement(u.A,{preset:"subtitle--small",component:"div"},n.createElement(h.x6,{i18nKey:"shop:login_to_buy_product_title"},"Only assigned members can buy this product")),n.createElement(g.A,{vertical:"small",responsive:[{minWidth:"lap",props:{bottom:"xxsmall",top:"xsmall"}}]},n.createElement(u.A,{preset:"description",color:"dovegrey",component:"div"},n.createElement(h.x6,{i18nKey:"shop:login_to_buy_product_subtitle"},"Login to view your assigned products")))),n.createElement(p.A,{alignSelf:"center"},n.createElement(F.A,{translationKey:"shop:login_to_buy_product_button_text",compact:!0})))));var j=r(42520);let q=({children:e})=>n.createElement(j.A,{route:"account.messages"},n.createElement(u.A,{preset:"description",color:"primary",weight:"bold"},e));function H(){return(H=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)}q.defaultProps={children:[]};class J extends n.Component{constructor(e){super(e);let t=this.getInStockVariants(),r="";void 0!==t[0]&&t[0].id&&(r=t[0].id),this.state={selectedVariantId:r,panelOpen:!1}}getInStockVariants(){let{product:{variants:e}}=this.props;return e.filter(e=>!e.outOfStock)}getOutOfStockVariants(){let{product:{variants:e}}=this.props;return e.filter(e=>e.outOfStock)}buyProduct=()=>{let{isLoggedIn:e,addToBasket:t}=this.props,{selectedVariantId:r}=this.state;e?t(r):this.setState({panelOpen:!0})};hasVariantsOutOfStock(){return this.getOutOfStockVariants().length>0}productOutOfStock(){return 0===this.getInStockVariants().length}renderInStockVariants(){let e=this.getInStockVariants();return this.renderListOfVariants(e,!0)}renderListOfVariants(e,t=!0){let r=(0,T.uniq)(e.map(e=>`min${e.minTaggedMembers}-max${e.maxTaggedMembers}`)).length>1;if(1===e.length&&t){let t=e[0];return n.createElement(M,H({key:t.id,includeTaggingDescription:r,selected:!0,inStock:!0,onSelect:()=>this.setState({selectedVariantId:t.id})},t))}let{selectedVariantId:l}=this.state;return e.map(e=>n.createElement(M,H({key:e.id,includeTaggingDescription:r,selected:l===e.id,inStock:t,onSelect:()=>this.setState({selectedVariantId:e.id})},e)))}renderOutOfStockVariants(){return!this.hasVariantsOutOfStock()||this.productOutOfStock()?null:this.renderListOfVariants(this.getOutOfStockVariants(),!1)}render(){let{isLoggedIn:e,product:t}=this.props;if(!t.canBePurchased||t.outOfStock)return n.createElement(L,null);if(!e&&t.requiresAssignment)return n.createElement(U,null);if(t.requiresAssignment&&!t.assignment)return n.createElement(c.A,{all:"medium"},n.createElement(x.A,{fill:"mercury",radius:"rounded"},n.createElement(u.A,{preset:"subtitle--small",component:"div"},n.createElement(h.x6,{i18nKey:"shop:product_not_assigned"},"Sorry, looks like you're not assigned to buy this product")),n.createElement(g.A,{top:"xsmall"},n.createElement(u.A,{preset:"description",component:"div",color:"dovegrey"},n.createElement(h.x6,{i18nKey:"shop:product_not_assigned_description"},"For more information please",n.createElement(q,null,"contact"),"your club admin")))));let{addToBasket:r}=this.props,{selectedVariantId:l,panelOpen:a}=this.state;return n.createElement(n.Fragment,null,!0===this.productOutOfStock()&&n.createElement(u.A,{component:"div",color:"dovegrey"},n.createElement(h.x6,{i18nKey:"shop:product_out_of_stock"},"This product is out of stock and cannot be purchased.")),n.createElement(p.A,null,this.renderInStockVariants(),this.renderOutOfStockVariants()),!1===this.productOutOfStock()&&n.createElement(I.A,{theme:"primary",onClick:this.buyProduct},n.createElement(h.x6,{i18nKey:"common:buy"},"Buy")),n.createElement(K,{isOpen:a,addToBasket:()=>r(l),onClose:()=>this.setState({panelOpen:!1}),joinParams:{variant_id:l}}))}}var X=r(62983),Y=r(45671),Q=r(47511),Z=r(88446);function ee(){return(ee=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 et=({fundraisingCount:e,fundraisingPercent:t,fundraisingTarget:r,fundraisingTotal:l,shareProps:a})=>{if(!r)return n.createElement(c.A,{vertical:"large",horizontal:"medium",style:{textAlign:"center"}},e>0&&n.createElement(g.A,{bottom:"medium"},n.createElement(u.A,{preset:"title--large",component:"div",align:"center",color:"primary"},l),n.createElement(u.A,{preset:"subtitle--small",component:"div",align:"center"},n.createElement(h.x6,{i18nKey:"shop:fundraising_raised_no_target",count:e},`Raised from ${e} donations`))),n.createElement(Z.A,ee({},a,{withText:!0})));let o=Math.min(100,t),i=42;return t>1e3?i=26:t>100&&(i=32),n.createElement(E.A,{alignItems:"center",responsive:[{maxWidth:"tab",props:{flexDirection:"column"}}]},n.createElement(c.A,{vertical:"medium",right:"medium",component:"div",responsive:[{maxWidth:"tab",props:{right:"0"}}]},n.createElement(x.A,{border:"3px solid #085a7f",fill:"#00a0d1",radius:"circle"},n.createElement(c.A,{all:3,component:"div"},n.createElement(Q.A,{component:"div",angle:0,style:{height:110,width:110,borderRadius:55,whiteSpace:"nowrap"},stops:[["0%","#085a7f"],[`${o}%`,"#085a7f"],[`${o}%`,"#00a0d1"]]},n.createElement(u.A,{family:"'Montserrat', 'Gibson', 'Roboto', Arial, Helvetica, sans-serif",weight:"bold",size:i,lineHeight:"110px",color:"white",align:"center",component:"div"},`${t}%`))))),n.createElement(u.A,{align:"left",responsive:[{maxWidth:"tab",props:{align:"center"}}],style:{flex:1}},n.createElement(u.A,{preset:"title--large",component:"div",color:"#00a0d1"},l),n.createElement(g.A,{vertical:"small"},n.createElement(u.A,{preset:"subtitle--small",component:"div"},n.createElement(h.x6,{i18nKey:"shop:fundraising_raised_with_target",values:{target:r}},`Raised of ${r} target`)),e>0&&n.createElement(u.A,{preset:"subtitle--small",component:"div"},n.createElement(h.x6,{i18nKey:"shop:fundraising_raised_donations",count:e},`from ${e} donations`))),n.createElement(Z.A,ee({},a,{withText:!0}))))};et.defaultProps={fundraisingPercent:0,fundraisingTarget:null};var er=r(91465),en=r(38008);let el=({donations:e})=>0===e.length?null:n.createElement(g.A,{vertical:"medium",component:"div"},n.createElement(g.A,{bottom:"medium"},n.createElement(u.A,{component:"div",preset:"title",color:"black"},n.createElement(h.x6,{i18nKey:"shop:recent_donations_header"},"Recent Donations"))),e.map(({amount:e,avatar:t,date:r,id:l,name:a,note:o})=>n.createElement(x.A,{borderBottom:"thinMercury",key:l},n.createElement(c.A,{vertical:"small"},n.createElement(E.A,{alignItems:"flex-start"},n.createElement(g.A,{right:"medium",responsive:[{maxWidth:"palm",props:{right:"small"}}]},n.createElement(er.A,{image:t,alt:a,size:64})),n.createElement("div",{style:{flex:1}},n.createElement(g.A,{bottom:"xsmall"},n.createElement(E.A,{justifyContent:"space-between",responsive:[{maxWidth:"palm",props:{flexDirection:"column"}}]},n.createElement(u.A,{preset:"subtitle--small"},a),n.createElement(u.A,{preset:"description",color:"dovegrey"},en.c9.fromISO(r).toFormat("d MMMM yyyy")))),o&&n.createElement(u.A,{preset:"body--small",component:"div",color:"dovegrey"},o),n.createElement(g.A,{top:"small"},n.createElement(u.A,{component:"div",preset:"subtitle--large",color:"primary"},e))))))));el.defaultProps={donations:[]};var ea=r(6223);let eo=({images:e=[],productName:t})=>{let[r,l]=(0,n.useState)(()=>e.length>0?(0,T.find)(e,{id:e[0].id}):{id:"",url:""});return n.createElement(m.A,{maxWidth:400,style:{margin:"0 auto"}},n.createElement(p.A,{alignSelf:"baseline"},n.createElement(v.A,{shadow:"dark"},n.createElement(x.A,{fill:"white"},n.createElement(ea.A,{src:r.url,alt:t,fullWidth:!0,loadingAspectRatio:1,shimmerOnLoad:!0,style:{display:"block"},responsive:[{minWidth:"tab",props:{width:300}},{minWidth:"lap",props:{width:400}}]}))),e.length>1&&n.createElement(g.A,{top:"medium"},n.createElement(d.A,{columns:"repeat(3, 1fr)",columnGap:"small",rowGap:"small"},e.map(e=>n.createElement(v.A,{shadow:"dark",key:e.id},n.createElement(ea.A,{onClick:()=>l(e),src:e.url,alt:t,loadingAspectRatio:1,shimmerOnLoad:!0,style:{cursor:"pointer",display:"block",opacity:e===r?.6:1}

3,fullWidth:!0,height:125,width:125,transformation:"square"})))))))},ei=({club:e,isAddingToBasket:t,isLoading:r,product:l,addToBasket:a,isLoadingRelatedProducts:o,relatedProducts:i,isLoggedIn:v})=>{if(r||!l)return n.createElement(n.Fragment,null,n.createElement(s.A,{minWidth:"tab",component:"div"},n.createElement(Y.A,null)),n.createElement(P,null));let{id:x,name:w,images:_,category:S,description:O,assignment:I,fundraisingCount:T,fundraisingPercent:C,fundraisingTarget:W,fundraisingTotal:K,groupDescription:L,recentDonations:$,showFundraisingTotal:R,userDefinedDonation:z}=l;return n.createElement(n.Fragment,null,n.createElement(s.A,{minWidth:"tab",component:"div"},n.createElement(Y.A,{selectedCategory:S})),n.createElement(c.A,{all:"medium",vertical:"xlarge",responsive:[{minWidth:"tab",props:{all:"xlarge"}},{minWidth:"desk",props:{all:"xxxlarge"}}],component:"div"},n.createElement(b.A,null),n.createElement(m.A,{component:"div",center:!0,maxWidth:970},n.createElement(d.A,{className:"product-page__main-grid",rowGap:"medium",responsive:[{minWidth:"tab",props:{columns:"300px 1fr",columnGap:"large"}},{minWidth:"lap",props:{columns:"400px 1fr"}},{minWidth:"desk",props:{columnGap:"xxxlarge"}}]},n.createElement(eo,{images:_,productName:w}),n.createElement(p.A,{className:"product-page__details-grid"},n.createElement(k,{assignment:I}),n.createElement(d.A,{rowGap:"small"},n.createElement(u.A,{preset:"name",color:"dustygrey"},n.createElement(h.x6,{i18nKey:`shop:${S}`},S)),n.createElement(u.A,{preset:"title--large"},w),n.createElement(p.A,null,n.createElement(c.A,{vertical:L&&"small",component:"div"},n.createElement(u.A,{preset:"subtitle--small",color:"black",component:"div"},L)),n.createElement(c.A,{bottom:O&&"small",component:"div"},n.createElement(u.A,{preset:"body--small",color:"dovegrey"},n.createElement(A.A,null,O)))),R&&n.createElement(et,{fundraisingCount:T,fundraisingPercent:C,fundraisingTarget:W,fundraisingTotal:K,shareProps:{url:(0,y.A)(e,"shop.product",{_name:w,id:x}),title:w,imageUrl:_[0].url}}),z?n.createElement(V,{isAddingToBasket:t,product:l,addToBasket:a,isLoggedIn:v}):n.createElement(J,{product:l,addToBasket:a,isLoggedIn:v}),n.createElement(el,{donations:$}))))),(o||i.length>0)&&n.createElement(m.A,{component:"div",maxWidth:1366,center:!0,className:"product-page__related_products"},n.createElement(c.A,{top:"xlarge",bottom:"medium",responsive:[{minWidth:"tab",props:{vertical:"xxlarge",horizontal:"small"}}]},n.createElement(u.A,{preset:"title"},n.createElement(h.x6,{i18nKey:"shop:related_products"},"Related Products")),n.createElement(g.A,{vertical:"medium",component:"div",responsive:[{minWidth:"tab",props:{vertical:"large"}}]},n.createElement(X.A,{isLoading:o,products:i})),n.createElement(E.A,{justifyContent:"center"},n.createElement(f.A,{route:"shop.category",params:{category:S}},n.createElement("a",{style:{display:"inline-block",padding:"12px 24px",border:"2px solid #D4D4D4",borderRadius:"3px",cursor:"pointer",textDecoration:"none",color:"inherit"}},n.createElement(u.A,{preset:"button",color:"inherit"},n.createElement(h.x6,{i18nKey:"common:view_all"},"View All")))))))))};ei.defaultProps={product:null};var es=r(81883),ec=r(76912),em=r(82868);function ed(){return(ed=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)}class ep extends n.Component{static async getInitialProps({isServer:e,club:t,query:r,reduxStore:n,res:l,req:o}){let i=parseInt(r.id,10),s={activeSection:"shop",namespacesRequired:["common","shop"],pageType:"shop.product",productId:i};if(!e)return s;try{let{error:e}=await n.dispatch((0,a.Be)(t.id,i,o));return e&&e.errorStatusCode&&l&&(l.statusCode=e.errorStatusCode),s}catch(e){return s}}constructor(e){super(e),this.state={isAddingToBasket:!1}}componentDidMount(){this.loadIfRequired()}componentDidUpdate(e){let{productId:t}=this.props,{productId:r}=e;t!==r&&this.loadIfRequired()}loadIfRequired=()=>{let{club:{id:e},hasPreviouslyLoaded:t,isLoading:r,loadingError:n,loadPageData:l,productId:a}=this.props;t||r||n||l(e,a),this.loadLandingPageIfRequired()};loadLandingPageIfRequired=()=>{let{hasLandingPageLoaded:e,isLandingPageLoading:t,landingPageError:r,loadLandingPageData:n,club:{id:l}}=this.props;e||t||r||n(l)};isLoading=()=>{let{isLoading:e,isAssignmentsLoading:t,hasAssignmentsLoaded:r,product:n,userLoggedIn:l}=this.props;return n&&n.requiresAssignment&&l?e||!r||t:e};addToBasket=async(e,t)=>{let{club:{id:n}}=this.props;this.setState({isAddingToBasket:!0});let{makeIsomorphicApiRequest:l}=await Promise.all([r.e(8513),r.e(4471),r.e(981)]).then(r.bind(r,83362)),a=await l(`/v2/club-website/${n}/basket`,{method:"POST",body:JSON.stringify({variantId:e,amount:t})});if(200===a.status){let{redirect:e}=await a.json();window.location=`/token-redirect?url=${encodeURIComponent(e)}`}else this.setState({isAddingToBasket:!1})};render(){let{loadingError:e,club:t}=this.props;if(e)return n.createElement(es.A,ed({clubId:t.id},e));let{product:r,isLoading:l,relatedProducts:a,hasPreviouslyLoaded:o,isLandingPageLoading:i,userLoggedIn:s}=this.props,{isAddingToBasket:c}=this.state;return l||o?n.createElement(n.Fragment,null,n.createElement(em.A,{titleTranslationKey:"shop:product_page_title",descriptionTranslationKey:"shop:product_page_meta_description",route:"shop",translationValues:{productName:r.name}}),n.createElement(ec.A,{clubId:t.id}),n.createElement(ei,{isAddingToBasket:c,club:t,addToBasket:this.addToBasket,product:r,isLoading:this.isLoading(),relatedProducts:a,isLoadingRelatedProducts:i,isLoggedIn:s})):null}}ep.defaultProps={loadingError:null,landingPageError:null,product:null};let eu={loadPageData:a.Be,loadLandingPageData:a.yr},eg=(0,l.Ng)((e,{productId:t})=>({loadingError:(0,o.jE)(e,t),hasPreviouslyLoaded:(0,o.kc)(e,t),isLoading:(0,o.xq)(e,t),product:(0,o.Tx)(e,t),relatedProducts:(0,o.Sz)(e,t),hasLandingPageLoaded:(0,o.EI)(e),isLandingPageLoading:(0,o.FS)(e),landingPageError:(0,o.f8)(e),hasAssignmentsLoaded:(0,o.O2)(e),isAssignmentsLoading:(0,o.JJ)(e),userLoggedIn:(0,i.M3)(e)}),eu)(ep)},64826:(e,t,r)=>{"use strict";r.d(t,{A:()=>l});var n=r(14232);let l=({children:e})=>String(e||"").split("\n").map((e,t)=>n.createElement(n.Fragment,{key:t},e,n.createElement("br",null)))},88446:(e,t,r)=>{"use strict";r.d(t,{A:()=>$});var n=r(14232),l=r(55112),a=r(35027),o=r(4439),i=r(34917),s=r(82851);class c{facebookShare=e=>{window.open(`https://www.facebook.com/sharer/sharer.php?u=${e}`,"","width=550,height=530")};twitterShare=(e,t)=>

3{let r=t?`&text=${encodeURIComponent(t)}`:"";window.open(`https://twitter.com/intent/tweet?url=${encodeURIComponent(e)}${r}`,"","width=550,height=530")};navigatorShare=async(e,t,r)=>{let n=(0,s.pickBy)({title:e,text:t,url:r},s.identity);try{return await navigator.share(n),!0}catch(e){return!1}}}let m=new c;var d=r(2171),p=r(77328),u=r.n(p),g=r(14193);r(70470);var E=r(79722);let h=({club:e,url:t,title:r,type:l,description:a,imageUrl:o})=>{let i=null!==o?g.A.resizeUrl(o,{w:1200,h:630,t:"frame"}):null,s=null!==o?g.A.resizeUrl(o,{w:288,h:288,t:"frame"}):null;return n.createElement(n.Fragment,null,n.createElement(u(),null,n.createElement("meta",{property:"og:type",content:l,key:"ogType"}),n.createElement("meta",{property:"og:url",content:t,key:"ogUrl"}),n.createElement("meta",{property:"og:title",content:r,key:"ogTitle"}),a&&n.createElement("meta",{property:"og:description",content:a,key:"ogDescription"}),i&&n.createElement(n.Fragment,null,n.createElement("meta",{property:"og:image",content:i,key:"ogImage"}),n.createElement("meta",{property:"og:image:width",content:"1200",key:"ogImageWidth"}),n.createElement("meta",{property:"og:image:height",content:"630",key:"ogImageHeight"})),n.createElement("meta",{property:"twitter:card",content:"summary",key:"twitterCard"}),e.twitterAccount&&n.createElement("meta",{property:"twitter:site",content:e.twitterAccount,key:"twitterSite"}),n.createElement("meta",{property:"twitter:title",content:r,key:"twitterTitle"}),a&&n.createElement("meta",{property:"twitter:description",content:a,key:"twitterDescription"}),n.createElement("meta",{property:"twitter:url",content:t,key:"twitterUrl"}),s&&n.createElement("meta",{property:"twitter:image",content:s,key:"twitterImage"})))};h.defaultProps={description:null,imageUrl:null,title:null,type:"website"};let A=(0,d.Ng)(e=>({club:(0,E.qU)(e)}),null)(h);var y=r(26269),f=r.n(y),b=r(94481),v=r(12461),x=r(55068),w=r(74055),k=r(47104),_=r(27416),S=r(93052),O=r(33581),P=r(9681),I=r(56530),T=r(94389),C=r(61572),W=r.n(C);let K=(0,T.A)(({url:e,isOpen:t,onClose:r,title:s})=>n.createElement(b.A,{isOpen:t,onClose:r},t&&n.createElement(v.A,{fill:"seashellgrey",component:"div",style:{height:"100%"}},n.createElement(x.A,{yOnly:!0},n.createElement(w.A,{all:"medium"},n.createElement(a.A,{preset:"subtitle--large",color:"black"},n.createElement(i.x6,{i18nKey:"common:share_via"},"Share via")),n.createElement(w.A,{vertical:"medium",component:"div"},n.createElement(k.A,{className:"ie-grid-two-col grid-share-icons",columns:"60px 60px",columnGap:"medium",rowGap:"small"},n.createElement(_.A,{shadow:"message"},n.createElement(v.A,{fill:"facebook",radius:10},n.createElement(w.A,{all:"xsmall"},n.createElement("a",{role:"presentation",onClick:()=>m.facebookShare(window.location.href),style:{cursor:"pointer"}},n.createElement(S.A,{left:"xxsmall"},n.createElement(o.A,{name:"facebook",size:44,color:"white"})))))),n.createElement(_.A,{shadow:"message"},n.createElement(w.A,{all:"xsmall"},n.createElement(v.A,{fill:"black",radius:10},n.createElement("a",{role:"presentation",onClick:()=>m.twitterShare(window.location.href,s),style:{cursor:"pointer"}},n.createElement(S.A,{left:"xsmall",top:"xsmall"},n.createElement(o.A,{name:"twitter",size:36,color:"white",viewBox:"0 0 1200 1200"})))))),n.createElement(a.A,{preset:"description",color:"dustygrey",style:{textAlign:"center"}},"Facebook"),n.createElement(a.A,{preset:"description",color:"dustygrey",style:{textAlign:"center"}},"X"))),n.createElement(w.A,{vertical:"medium",component:"div"},n.createElement(O.A,null,n.createElement(_.A,{shadow:"message"},n.createElement(w.A,{horizontal:"medium",vertical:"small"},n.createElement(v.A,{fill:"white",radius:30},n.createElement(P.A,{maxWidth:"100%"},n.createElement(a.A,{preset:"body--small-opacity"},e.substr(0,30))),n.createElement(I.A,{top:7,right:20},n.createElement(v.A,{fill:"white",style:{cursor:"pointer"}},n.createElement(w.A,{all:"xsmall"},n.createElement(W(),{background:!1}),n.createElement(l.A,{theme:"text",onClick:()=>f()(e)},n.createElement(i.x6,{i18nKey:"common:copy",color:"primary"},"Copy"))))))))))))))),L=({color:e,textColor:t,iconSize:r,url:s,title:c,description:d,imageUrl:p,type:u,withText:g})=>

3{let[E,h]=(0,n.useState)(!1);return n.createElement(n.Fragment,null,n.createElement(A,{url:s,title:c,description:d,imageUrl:p,type:u}),n.createElement(l.A,{theme:"text",onClick:()=>navigator.share?m.navigatorShare(c,d,s):h(!E),"aria-label":"share"},n.createElement("span",{style:{display:"inline-flex",alignItems:"center",gap:10}},n.createElement(o.A,{name:"share",size:r,color:e}),g&&n.createElement(a.A,{preset:"button",color:t||e},n.createElement(i.x6,{i18nKey:"common:share"},"Share")))),n.createElement(K,{url:s,title:c,imageUrl:p,isOpen:E,onClose:()=>h(!1)}))};L.defaultProps={color:"primary",textColor:null,description:null,iconSize:16,imageUrl:null,withText:!1,title:null,type:"website"};let $=L}},e=>{e.O(0,[2909,2545,7315,6223,3066,1325,3770,636,6593,8792],()=>e(e.s=22338)),_N_E=e.O()}]);
4//# debugId=16c40d52-3e6b-58ef-b457-160496eabe4c