1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6857],{56857:function(e,n,t){t.r(n);var r=t(73235),l=t(52903),a=t(2784),c=t(5632),i=t(28165),s=t(92603),o=t(73199),d=t(92928),u=t(61429),p=t.n(u),f=t(61395),m=t(22687),b=t(31773),h=t(88188);function v(){let e=(0,r._)(["\n display: flex;\n gap: 10px;\n flex-direction: column;\n"]);return v=function(){return e},e}function g(){let e=(0,r._)(["\n white-space: nowrap;\n margin-right: 10px;\n padding: 2px 6px;\n\n cursor: pointer;\n line-height: 38px;\n font-size: 20px;\n font-weight: 900;\n text-decoration: none;\n text-transform: capitalize;\n border: 1px solid #000;\n\n &.active {\n background-color: #000;\n color: #fff;\n }\n"]);return g=function(){return e},e}function x(){let e=(0,r._)(["\n .product-tab-panel {\n h2 {\n display: none;\n }\n\n h3 {\n margin-top: 0;\n margin-bottom: 0;\n font-weight: 700;\n font-size: 24px;\n border: 1px solid #000;\n display: inline-block;\n padding: 8px 10px;\n }\n }\n"]);return x=function(){return e},e}let N=s.Z.div(v()),y=e=>{let{product:n,locale:t,currency:r,className:a,files:c,sharedAssetDomain:i}=e;return(0,l.BX)(N,{className:a,children:[n.images.length>0&&(n.images[0].path.endsWith(".pdf")?null:(0,l.tZ)("div",{className:"product-image",children:(0,l.tZ)("img",{src:(0,m.Z)(n.images[0].path),alt:"Image for ".concat(p()(n.name)),css:{objectFit:"fill",maxWidth:"100%"}})})),(0,l.BX)("div",{css:{flexGrow:1,display:"flex",flexDirection:"column","@media (min-width: 786px)":{flexDirection:"row"}},className:"product-details",children:[(0,l.BX)("div",{className:"product-name-container",children:[(0,l.tZ)("div",{className:"product-name",style:{fontWeight:"bold"},children:(0,o.ZP)(n.name.replaceAll("\\n","<br />"))}),null!=n.description&&(0,l.tZ)("div",{className:"product-description",children:(0,o.ZP)(n.description.replaceAll("\\n","<br />"))}),n.tags.length>0&&(0,l.tZ)(h.Z,{isCustomColour:!0,sharedAssetDomain:i,productPublicID:n.publicID,tags:n.tags,overrideTags:{},files:c,style:{}})]}),(0,l.tZ)("div",{className:"product-price-container",css:{display:"flex",flexDirection:"column",gap:"4px",paddingTop:"15px","@media (min-width: 786px)":{alignItems:"flex-end",paddingTop:"0"}},children:n.prices.length>0&&n.prices.map((e,n)=>(0,l.BX)("div",{css:{display:"flex",alignItems:"center",gap:"5px"},children:[null!=e.label&&""!==e.label&&(0,l.tZ)("div",{style:{whiteSpace:"nowrap"},className:"product-label",children:e.label}),null!=e.value&&""!==e.value&&(0,l.tZ)("div",{css:{fontWeight:"bold",textAlign:"right","@media (min-width: 768px)":{minWidth:"55px"}},className:"product-price",children:new Intl.NumberFormat(t,{style:"currency",currency:r}).format(parseFloat(e.value))}),null!=e.unit&&""!==e.unit&&(0,l.BX)("div",{className:"product-unit",children:["(",e.unit,")"]})]},"price-".concat(n,"-").concat(e.publicID)))})]}),n.images.length>0&&(n.images[0].path.endsWith(".pdf")?(0,l.tZ)("div",{className:"product-pdf",children:(0,l.tZ)("a",{href:(0,m.Z)(n.images[0].path),target:"_blank",children:"Download PDF"})}):null)]})},C=e=>{let{productGroups:n,locale:t,currency:r,files:c,sharedAssetDomain:i,parentIdx:s=0}=e,d="h".concat(s+2),u=s+=1;return(0,l.tZ)("div",{className:"group-wrapper group-wrapper-".concat(s+1),children:n.map((e,n)=>(0,l.tZ)(a.Fragment,{children:"group"===e.childType?(0,l.BX)("div",{className:"product-groups product-groups-".concat(s+1," product-groups-").concat(e.publicID),children:[""!=e.name&&(0,l.tZ)(d,{children:e.name}),null!=e.description&&(0,l.tZ)("div",{className:"product-description",children:(0,o.ZP)(e.description)}),(0,l.tZ)(C,{sharedAssetDomain:i,productGroups:e.children,locale:t,currency:r,parentIdx:u,files:c})]},"product-groups-".concat(n,"-").concat(e.publicID)):(0,l.tZ)(y,{sharedAssetDomain:i,className:"product product-level-".concat(s+1," product-").concat(e.publicID),locale:t,currency:r,product:e,files:c},"product-".concat(n,"-").concat(e.publicID))},"product-groups-".concat(n,"-").concat(e.publicID)))})},w=s.Z.a(g()),Z=(0,i.iv)(x());n.default=e=>{let{moduleData:{productGroups:n,files:t=[]},moduleProps:r,forceSelectedMerchant:s,domain:o}=e,{query:u}=(0,c.useRouter)(),[p,m]=(0,a.useState)(0),{selectedMerchant:h}=(0,f.v)(),v=null!=s?s:h;return null==n||0==n.length?(0,l.tZ)("div",{}):((0,a.useEffect)(()=>
1{if(null==u.group)return;let e=n.map(e=>e.slug).findIndex(e=>e===u.group);null!=e&&m(e)},[]),(0,l.BX)(l.HY,{children:[(0,l.tZ)(i.xB,{styles:Z}),(0,l.tZ)("div",{css:{...(null==r?void 0:r.style)||{}},children:(0,l.BX)(d.mQ,{selectedIndex:p,onSelect:e=>m(e),children:[(0,l.tZ)(d.td,{style:{display:n.length>1?"flex":"none",listStyle:"none",padding:0,marginBottom:"2em",flexWrap:"wrap"},children:n.map((e,n)=>(0,l.tZ)(d.OK,{style:{outline:"none"},children:(0,l.tZ)(w,{className:"product-tab-panel-link ".concat(p===n?"active":void 0),children:e.name})},"tablist-".concat(n)))}),n.map((e,n)=>(0,l.tZ)(d.x4,{"aria-labelledby":"product-tab-".concat(n),role:"tabpanel",className:"product-tab-panel",style:{display:p===n?"block":"none"},children:(0,l.tZ)(C,{sharedAssetDomain:(0,b.Z)(o),files:t,productGroups:[e],locale:(null==v?void 0:v.locale)!=null?v.locale:"en-CA",currency:(null==v?void 0:v.currency)!=null?v.currency:"CAD"})},"product-tab-".concat(n)))]})})]}))}},92928:function(e,n,t){t.d(n,{OK:function(){return I},td:function(){return C},x4:function(){return E},mQ:function(){return x}});var r,l=t(2784);function a(e){return function(n){return!!n.type&&n.type.tabsRole===e}}var c=a("Tab"),i=a("TabList"),s=a("TabPanel");function o(e,n){return l.Children.map(e,function(e){return null===e?null:c(e)||i(e)||s(e)?n(e):e.props&&e.props.children&&"object"==typeof e.props.children?(0,l.cloneElement)(e,Object.assign({},e.props,{children:o(e.props.children,n)})):e})}var d=t(6277);function u(e){var n=0;return!function e(n,t){return l.Children.forEach(n,function(n){null!==n&&(c(n)||s(n)?t(n):n.props&&n.props.children&&"object"==typeof n.props.children&&(i(n)&&t(n),e(n.props.children,t)))})}(e,function(e){c(e)&&n++}),n}var p=["children","className","disabledTabClassName","domRef","focus","forceRenderTabPanel","onSelect","selectedIndex","selectedTabClassName","selectedTabPanelClassName","environment","disableUpDownKeys"];function f(e){return e&&"getAttribute"in e}function m(e){return f(e)&&e.getAttribute("data-rttab")}function b(e){return f(e)&&"true"===e.getAttribute("aria-disabled")}var h=function(e){var n=(0,l.useRef)([]),t=(0,l.useRef)([]),a=(0,l.useRef)();function f(n,t){n<0||n>=g()||(0,e.onSelect)(n,e.selectedIndex,t)}function h(e){for(var n=g(),t=e+1;t<n;t++)if(!b(x(t)))return t;for(var r=0;r<e;r++)if(!b(x(r)))return r;return e}function v(e){for(var n=e;n--;)if(!b(x(n)))return n;for(n=g();n-- >e;)if(!b(x(n)))return n;return e}function g(){return u(e.children)}function x(e){return n.current["tabs-"+e]}function N(e){var n=e.target;do if(y(n)){if(b(n))return;f([].slice.call(n.parentNode.children).filter(m).indexOf(n),e);return}while(null!=(n=n.parentNode))}function y(e){if(!m(e))return!1;var n=e.parentElement;do{if(n===a.current)return!0;if(n.getAttribute("data-rttabs"))break;n=n.parentElement}while(n);return!1}e.children;var C=e.className,w=(e.disabledTabClassName,e.domRef),Z=(e.focus,e.forceRenderTabPanel,e.onSelect,e.selectedIndex,e.selectedTabClassName,e.selectedTabPanelClassName,e.environment,e.disableUpDownKeys,function(e,n){if(null==e)return{};var t,r,l={},a=Object.keys(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||(l[t]=e[t]);return l}(e,p));return l.createElement("div",Object.assign({},Z,{className:(0,d.Z)(C),onClick:N,onKeyDown:function(n){var t=e.direction,r=e.disableUpDownKeys;if(y(n.target)){var l=e.selectedIndex,a=!1,c=!1;("Space"===n.code||32===n.keyCode||"Enter"===n.code||13===n.keyCode)&&(a=!0,c=!1,N(n)),"ArrowLeft"!==n.code&&37!==n.keyCode&&(r||38!==n.keyCode&&"ArrowUp"!==n.code)?"ArrowRight"!==n.code&&39!==n.keyCode&&(r||40!==n.keyCode&&"ArrowDown"!==n.code)?35===n.keyCode||"End"===n.code?(l=function(){for(var e=g();e--;)if(!b(x(e)))return e;return null}(),a=!0,c=!0):(36===n.keyCode||"Home"===n.code)&&(l=function(){for(var e=g(),n=0;n<e;n++)if(!b(x(n)))return n;return null}(),a=!0,c=!0):(l="rtl"===t?v(l):h(l),a=!0,c=!0):(l="rtl"===t?h(l):v(l),a=!0,c=!0),a&&n.preventDefault(),c&&f(l,n)}},ref:function(e){a.current=e,w&&w(e)},"data-rttabs":!0}),function(){var a=0,d=e.children,u=e.disabledTabClassName,p=e.focus,f=e.forceRenderTabPanel,m=e.selectedIndex,b=e.selectedTabClassName,h=e.selectedTabPanelClassName,v=e.environment;t.current=t.current||[];for(var N=t.current.length-g(),y=(0,l.useId)();N++<0;)t.current.push(""+y+t.current.length);return o(d,function(e){var d=e;if(i(e)){var g=0,N=!1;null==r&&function(e){var n=e||("undefined"!=typeof window?window:void 0);try{r=!!(void 0!==n&&n.document&&n.document.activeElement)}catch(e){r=!1}}(v);var y=v||("undefined"!=typeof window?window:void 0);r&&y&&(N=l.Children.toArray(e.props.children).filter(c).some(function(e,n){return y.document.activeElement===x(n)})),d=(0,l.cloneElement)(e,{children:o(e.props.children,function(e){var r="tabs-"+g,a=m===g,c={tabRef:function(e){n.current[r]=e},id:t.current[g],selected:a,focus:a&&(p||N)};return b&&(c.selectedClassName=b),u&&(c.disabledClassName=u),g++,(0,l.cloneElement)(e,c)})})}else if(s(e)){var C={id:t.current[a],selected:m===a};f&&(C.forceRender=f),h&&(C.selectedClassName=h),a++,d=(0,l.cloneElement)(e,C)}return d})}())};h.defaultProps={className:"react-tabs",focus:!1},h.propTypes={};var v=function(e,n){},g=function(e){var n=e.children,t=e.defaultFocus,r=e.defaultIndex,a=e.focusTabOnClick,c=e.onSelect,i=(0,l.useState)(t),s=i[0],o=i[1],d=(0,l.useState)(null===e.selectedIndex?1:0)[0],p=(0,l.useState)(1===d?r||0:null),f=p[0],m=p[1];if((0,l.useEffect)(function(){o(!1)},[]),1===d){var b=u(n);(0,l.useEffect)(function(){null!=f&&m(Math.min(f,Math.max(0,b-1)))},[b])}v(e,d);var g=Object.assign({},e);return g.focus=s,g.onSelect=function(e,n,t){("function"!=typeof c||!1!==c(e,n,t))&&(a&&o(!0),1===d&&m(e))},null!=f&&(g.selectedIndex=f),delete g.defaultFocus,delete g.defaultIndex,delete g.focu
1sTabOnClick,l.createElement(h,g,n)};g.propTypes={},g.defaultProps={defaultFocus:!1,focusTabOnClick:!0,forceRenderTabPanel:!1,selectedIndex:null,defaultIndex:null,environment:null,disableUpDownKeys:!1},g.tabsRole="Tabs";var x=g,N=["children","className"],y=function(e){var n=e.children,t=e.className,r=function(e,n){if(null==e)return{};var t,r,l={},a=Object.keys(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||(l[t]=e[t]);return l}(e,N);return l.createElement("ul",Object.assign({},r,{className:(0,d.Z)(t),role:"tablist"}),n)};y.tabsRole="TabList",y.propTypes={},y.defaultProps={className:"react-tabs__tab-list"};var C=y,w=["children","className","disabled","disabledClassName","focus","id","selected","selectedClassName","tabIndex","tabRef"],Z="react-tabs__tab",T=function(e){var n,t=(0,l.useRef)(),r=e.children,a=e.className,c=e.disabled,i=e.disabledClassName,s=e.focus,o=e.id,u=e.selected,p=e.selectedClassName,f=e.tabIndex,m=e.tabRef,b=function(e,n){if(null==e)return{};var t,r,l={},a=Object.keys(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||(l[t]=e[t]);return l}(e,w);return(0,l.useEffect)(function(){u&&s&&t.current.focus()},[u,s]),l.createElement("li",Object.assign({},b,{className:(0,d.Z)(a,((n={})[p]=u,n[i]=c,n)),ref:function(e){t.current=e,m&&m(e)},role:"tab",id:"tab"+o,"aria-selected":u?"true":"false","aria-disabled":c?"true":"false","aria-controls":"panel"+o,tabIndex:f||(u?"0":null),"data-rttab":!0}),r)};T.propTypes={},T.tabsRole="Tab",T.defaultProps={className:Z,disabledClassName:Z+"--disabled",focus:!1,id:null,selected:!1,selectedClassName:Z+"--selected"};var I=T,k=["children","className","forceRender","id","selected","selectedClassName"],D="react-tabs__tab-panel",R=function(e){var n,t=e.children,r=e.className,a=e.forceRender,c=e.id,i=e.selected,s=e.selectedClassName,o=function(e,n){if(null==e)return{};var t,r,l={},a=Object.keys(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||(l[t]=e[t]);return l}(e,k);return l.createElement("div",Object.assign({},o,{className:(0,d.Z)(r,((n={})[s]=i,n)),role:"tabpanel",id:"panel"+c,"aria-labelledby":"tab"+c}),a||i?t:null)};R.tabsRole="TabPanel",R.propTypes={},R.defaultProps={className:D,forceRender:!1,selectedClassName:D+"--selected"};var E=R}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.