https://www.costco.ca/consumer-web/product/prd/details-cabc/_next/static/chunks/9271-b7513955c2cffdc3.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9271],{21093:(e,t,i)=>{i.d(t,{A:()=>m});var r=i(12115),a=i(29722),o=i(97335),n=i(75092),s=i(86670),l=i(53083),d=i(16377),h=i(24885),p=i(34449);function u(e){return(0,p.Ay)("MuiSvgIcon",e)}(0,h.A)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var c=i(68033),x=i(95155);let f=(0,s.Ay)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,t)=>{let{ownerState:i}=e;return[t.root,"inherit"!==i.color&&t[`color${(0,n.A)(i.color)}`],t[`fontSize${(0,n.A)(i.fontSize)}`]]}})((0,l.A)(({theme:e})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,...(0,c.yP)(e,"fill",{duration:(e.vars??e).transitions?.duration?.shorter}),variants:[{props:e=>!e.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:e.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:e.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:e.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((e.vars??e).palette).filter(([,e])=>e&&e.main).map(([t])=>({props:{color:t},style:{color:(e.vars??e).palette?.[t]?.main}})),{props:{color:"action"},style:{color:(e.vars??e).palette?.action?.active}},{props:{color:"disabled"},style:{color:(e.vars??e).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]}))),g=r.forwardRef(function(e,t){let i=(0,d.b)({props:e,name:"MuiSvgIcon"}),{children:s,className:l,color:h="inherit",component:p="svg",fontSize:c="medium",htmlColor:g,inheritViewBox:m=!1,titleAccess:b,viewBox:v="0 0 24 24",...y}=i,S=r.isValidElement(s)&&"svg"===s.type,R={...i,color:h,component:p,fontSize:c,instanceFontSize:e.fontSize,inheritViewBox:m,viewBox:v,hasSvgAsChild:S},z={};m||(z.viewBox=v);let w=(e=>{let{color:t,fontSize:i,classes:r}=e,a={root:["root","inherit"!==t&&`color${(0,n.A)(t)}`,`fontSize${(0,n.A)(i)}`]};return(0,o.A)(a,u,r)})(R);return(0,x.jsxs)(f,{as:p,className:(0,a.A)(w.root,l),focusable:"false",color:g,"aria-hidden":!b||void 0,role:b?"img":void 0,ref:t,...z,...y,...S&&s.props,ownerState:R,children:[S?s.props.children:s,b?(0,x.jsx)("title",{children:b}):null]})});function m(e,t){function i(t,i){return(0,x.jsx)(g,{"data-testid":void 0,ref:i,...t,children:e})}return i.muiName=g.muiName,r.memo(r.forwardRef(i))}g.muiName="SvgIcon"},34971:(e,t,i)=>{i.d(t,{Skeleton:()=>N});var r=i(95155),a=i(12115),o=i(27966),n=i(54309),s=i(89953),l=i(86670);let d=(0,l.Ay)(s.A)`
2    &.MuiSkeleton-root::after {
3        animation: wave 2s linear 0.5s 2;
4        background: linear-gradient(
5            90deg,
6            transparent,
7            rgba(0, 0, 0, 0.1),
8            transparent
9        );
10    }
11
12    @keyframes wave {
13        0% {
14            transform: translateX(-100%);
15        }
16        60% {
17            transform: translateX(100%);
18        }
19        100% {
20            transform: translateX(100%);
21        }
22    }
23
24    @media (prefers-reduced-motion) {
25        &.MuiSkeleton-root::after {
26            animation: none;
27        }
28    }
29`;var h=i(95097);let p=({height:e,sx:t,variant:i,width:s,hiddenText:l,...p})=>{let u=[{bgcolor:"#C7C7C7"},...Array.isArray(t)?t:[t]],c=i!==h.z.Circular?h.z.Rectangular:i,x=(0,a.useId)(),[f,g]=(0,a.useState)(!1);return(0,a.useEffect)(()=>{g(!0)},[]),(0,r.jsxs)(o.default,{className:"skeleton-wrapper",sx:{width:s},children:[l&&f&&(0,r.jsx)("span",{id:x,style:n.A,children:l}),(0,r.jsx)(d,{animation:"wave",sx:u,height:e,variant:c,width:s,"aria-busy":!0,"aria-hidden":!0,"aria-labelledby":l&&f?x:void 0,...p})]})};var u=i(24880);let c="Skeleton",x="100px",f="20px",g=`${c}-checkbox-check`,m=`${c}-checkbox-label`,b=u.Hrl,v=u.Yvi,y=`${c}-numbered-step-circle`,S=`${c}-numbered-step-title`,R=`${c}-numbered-step-description`,z="20px",w=u.Yvi,A=`${c}-radio-button-circle`,k=`${c}-radio-button-label`,C=({hiddenText:e,width:t})=>(0,r.jsxs)(o.default,{sx:{display:"flex",gap:u.m72,width:t??"100%"},"data-testid":c,children:[(0,r.jsx)(p,{"data-testid":g,height:f,hiddenText:e,sx:{borderRadius:"8px",flex:"none"},variant:h.z.Rectangular,width:f}),(0,r.jsx)(p,{"data-testid":m,height:f,hiddenText:e,sx:{borderRadius:"8px"},variant:h.z.Rectangular,width:"100%"})]}),j=({hiddenText:e,width:t})=>(0,r.jsxs)(o.default,{sx:{display:"flex",gap:u.iAn,width:t??"100%"},"data-testid":c,children:[(0,r.jsx)(p,{"data-testid":y,height:b,hiddenText:e,sx:{flex:"none"},variant:h.z.Circular,width:b}),(0,r.jsxs)(o.default,{sx:{display:"flex",flexDirection:"column",gap:u.m72,width:"100%"},children:[(0,r.jsx)(p,{"data-testid":S,height:b,hiddenText:e,sx:{borderRadius:x},variant:h.z.Rectangular}),(0,r.jsx)(p,{"data-testid":R,height:v,hiddenText:e,sx:{borderRadius:x},variant:h.z.Rectangular})]})]}),M=({hiddenText:e,width:t})=>(0,r.jsxs)(o.default,{sx:{display:"flex",alignItems:"center",gap:u.iAn,width:t??"100%"},"data-testid":c,children:[(0,r.jsx)(p,{"data-testid":A,height:z,hiddenText:e,sx:{borderRadius:x,flex:"none"},variant:h.z.Rectangular,width:z}),(0,r.jsx)(p,{"data-testid":k,height:w,hiddenText:e,sx:{borderRadius:x},variant:h.z.Rectangular,width:"100%"})]}),$=({hiddenText:e,lines:t,width:i})=>(0,r.jsx)(o.default,{sx:{display:"flex",flexDirection:"column",gap:u.m72,width:i??"100%"},"data-testid":c,children:Array.from(Array(t&&t>50?50:t??1),(t,i)=>(0,r.jsx)(p,{height:u.Yvi,hiddenText:e,sx:{borderRadius:"8px"},variant:h.z.Rectangular,width:"100%"},i))}),T={[h.z.Button]:{height:u.ZDA,sx:{borderRadius:"8px"}},[h.z.MultilineTextField]:{height:"64px",sx:{borderRadius:"8px"}},[h.z.PillBadge]:{height:"24px",width:"48px",sx:{borderRadius:"8px"}},[h.z.QuantitySelector]:{height:"40px",sx:{borderRadius:"8px"}},[h.z.Rectangular]:{width:"100%",sx:{borderRadius:"8px"}},[h.z.Select]:{height:"40px",sx:{borderRadius:"8px"}},[h.z.SelectorCheckbox]:{height:"48px",sx:{borderRadius:"8px"}},[h.z.SelectorRadioButton]:{height:"48px",sx:{borderRadius:"8px"}}

29,[h.z.TextBody]:{height:u.MkR,sx:{borderRadius:x}},[h.z.TextField]:{height:"32px",sx:{borderRadius:"8px"}},[h.z.TextHeader]:{height:u.Hrl,sx:{borderRadius:x}}};var B=i(99858);let N=e=>{let t,i,a,{hiddenText:o="Loading",variant:n,width:s,uniqueId:l}=e;n===h.z.TextMultipleLines&&(i=e.lines),(n===h.z.Rectangular||n===h.z.Circular)&&(t=e.height),void 0===n&&(t=e.height,a=e.sx);let d={[h.z.Checkbox]:(0,r.jsx)(C,{hiddenText:o,width:s}),[h.z.NumberedStep]:(0,r.jsx)(j,{hiddenText:o,width:s}),[h.z.RadioButton]:(0,r.jsx)(M,{hiddenText:o,width:s}),[h.z.TextMultipleLines]:(0,r.jsx)($,{hiddenText:o,lines:i,variant:h.z.TextMultipleLines,width:s})};if(void 0!==n&&n in d)return d[n];let u=t,x=s,f=a;if(void 0!==n&&n in T){let e=T[n];"height"in e&&(u=t??e.height),"width"in e&&(x=s??e.width),"sx"in e&&(f=a??e.sx)}return(0,r.jsx)(p,{"data-testid":(0,B.A)(c,l),height:u,hiddenText:o,variant:n,sx:f,width:x})};N.displayName=c},89953:(e,t,i)=>{i.d(t,{A:()=>y});var r=i(12115),a=i(29722),o=i(97335),n=i(23462),s=i(86670),l=i(53083),d=i(16377),h=i(68033),p=i(24885),u=i(34449);function c(e){return(0,u.Ay)("MuiSkeleton",e)}(0,p.A)("MuiSkeleton",["root","text","rectangular","rounded","circular","pulse","wave","withChildren","fitContent","heightAuto"]);var x=i(95155);let f=(0,n.i7)`
30  0% {
31    opacity: 1;
32  }
33
34  50% {
35    opacity: 0.4;
36  }
37
38  100% {
39    opacity: 1;
40  }
41`,g=(0,n.i7)`
42  0% {
43    transform: translateX(-100%);
44  }
45
46  50% {
47    /* +0.5s of delay between each loop */
48    transform: translateX(100%);
49  }
50
51  100% {
52    transform: translateX(100%);
53  }
54`,m="string"!=typeof f?(0,n.AH)`
55        animation: ${f} 2s ease-in-out 0.5s infinite;
56      `:null,b="string"!=typeof g?(0,n.AH)`
57        &::after {
58          animation: ${g} 2s linear 0.5s infinite;
59        }
60      `:null,v=(0,s.Ay)("span",{name:"MuiSkeleton",slot:"Root",overridesResolver:(e,t)=>{let{ownerState:i}=e;return[t.root,t[i.variant],!1!==i.animation&&t[i.animation],i.hasChildren&&t.withChildren,i.hasChildren&&!i.width&&t.fitContent,i.hasChildren&&!i.height&&t.heightAuto]}})((0,l.A)(({theme:e})=>{let t=String(e.shape.borderRadius).match(/[\d.\-+]*\s*(.*)/)[1]||"px",i=parseFloat(e.shape.borderRadius),r=(0,h.z6)(e,{animation:"none"}),a=(0,h.z6)(e,{"&::after":{animation:"none",display:"none"}});return{display:"block",backgroundColor:e.vars?e.vars.palette.Skeleton.bg:e.alpha(e.palette.text.primary,"light"===e.palette.mode?.11:.13),height:"1.2em",variants:[{props:{variant:"text"},style:{marginTop:0,marginBottom:0,height:"auto",transformOrigin:"0 55%",transform:"scale(1, 0.60)",borderRadius:`${i}${t}/${Math.round(i/.6*10)/10}${t}`,"&:empty:before":{content:'"\\00a0"'}}},{props:{variant:"circular"},style:{borderRadius:"50%"}},{props:{variant:"rounded"},style:{borderRadius:(e.vars||e).shape.borderRadius}},{props:({ownerState:e})=>e.hasChildren,style:{"& > *":{visibility:"hidden"}}},{props:({ownerState:e})=>e.hasChildren&&!e.width,style:{maxWidth:"fit-content"}},{props:({ownerState:e})=>e.hasChildren&&!e.height,style:{height:"auto"}},{props:{animation:"pulse"},style:m||{animation:`${f} 2s ease-in-out 0.5s infinite`}},...r?[{props:{animation:"pulse"},style:r}]:[],{props:{animation:"wave"},style:{position:"relative",overflow:"hidden",WebkitMaskImage:"-webkit-radial-gradient(white, black)","&::after":{background:`linear-gradient(
61                90deg,
62                transparent,
63                ${(e.vars||e).palette.action.hover},
64                transparent
65              )`,content:'""',position:"absolute",transform:"translateX(-100%)",bottom:0,left:0,right:0,top:0}}},{props:{animation:"wave"},style:b||{"&::after":{animation:`${g} 2s linear 0.5s infinite`}}},...a?[{props:{animation:"wave"},style:a}]:[]]}})),y=r.forwardRef(function(e,t){let i=(0,d.b)({props:e,name:"MuiSkeleton"}),{animation:r="pulse",className:n,component:s="span",height:l,style:h,variant:p="text",width:u,...f}=i,g={...i,animation:r,component:s,variant:p,hasChildren:!!f.children},m=(e=>{let{classes:t,variant:i,animation:r,hasChildren:a,width:n,height:s}=e;return(0,o.A)({root:["root",i,r,a&&"withChildren",a&&!n&&"fitContent",a&&!s&&"heightAuto"]},c,t)})(g);return(0,x.jsx)(v,{as:s,ref:t,className:(0,a.A)(m.root,n),ownerState:g,...f,style:{width:u,height:l,...h}})})},95097:(e,t,i)=>{i.d(t,{z:()=>a});var r,a=((r=a||{}).Button="button",r.Checkbox="checkbox",r.Circular="circular",r.MultilineTextField="multilineTextField",r.NumberedStep="numberedStep",r.PillBadge="pillBadge",r.QuantitySelector="quantitySelector",r.RadioButton="radioButton",r.Rectangular="rectangular",r.Select="select",r.SelectorCheckbox="selectorCheckbox",r.SelectorRadioButton="selectorRadioButton",r.TextBody="textBody",r.TextField="textField",r.TextHeader="textHeader",r.TextMultipleLines="textMultipleLines",r)}}]);