1/*! @version 746978 */ 2(window.webpackJsonp=window.webpackJsonp||[]).push([[62],{"2MKb":function(t,n,e){"use strict" 3e.r(n),e.d(n,"default",function(){return Q}) 4var a,o,r,i,l=e("q1tI"),s=e.n(l),c=e("J4zp"),u=e.n(c),d=e("VkAN"),g=e.n(d),m=e("dDsW"),p=e("kriW"),f=e("VX74"),b=e("o0o1"),h=e.n(b),y=e("yXPU"),v=e.n(y),w=e("RIqP"),_=e.n(w),k=e("Cm1V"),C=e("xYpT"),I=e("y1Xp"),O=e("dTQg"),x=e("9f6o"),j=e("HPDi"),S=e("6T3T"),T=e("LboF"),q=e.n(T),M=e("8dnS"),E=e.n(M),P={injectType:"singletonStyleTag",insert:"head",singleton:!0},F=(q()(E.a,P),E.a.locals||{}),A=e("s0i0"),B=Object(f.gql)(a||(a=g()(["\n fragment ProductFormFragment on ProductInterface {\n id\n sku\n ... on ConfigurableProduct {\n configurable_options {\n attribute_code\n attribute_id\n id\n label\n values {\n default_label\n label\n store_label\n use_default_value\n value_index\n swatch_data {\n ... on ImageSwatchData {\n thumbnail\n }\n value\n }\n }\n }\n variants {\n attributes {\n code\n value_index\n }\n product {\n id\n price {\n regularPrice {\n amount {\n currency\n value\n }\n }\n }\n sku\n }\n }\n }\n }\n"]))),D=e("mYOl"),N=e("IBgu"),V=e("E2M7"),L=e("T3Tb"),H=e.n(L),U={injectType:"singletonStyleTag",insert:"head",singleton:!0},X=(q()(H.a,U),H.a.locals||{}),J=function ProductDetail(t){var n=t.item,e=t.variantPrice,a=Object(m.a)().formatMessage,o=n.prices,r=n.product,i=o.price,l=e||i,c=l.currency,u=l.value,d=r.name,g=r.sku,f=r.small_image,b=r.stock_status,h=f.url,y=new Map([["IN_STOCK",a({id:"productDetail.inStock",defaultMessage:"In stock"})],["OUT_OF_STOCK",a({id:"productDetail.outOfStock",defaultMessage:"Out of stock"})]]).get(b)||a({id:"productDetail.unknown",defaultMessage:"Unknown"}),v=Object(I.a)(X,t.classes) 5return s.a.createElement("div",{className:v.root},s.a.createElement(V.a,{alt:d,classes:{image:v.image,root:v.imageContainer},width:240,resource:h}),s.a.createElement("span",{className:v.productName},d),s.a.createElement("div",{className:v.stockRow},s.a.createElement("span",null,s.a.createElement(p.a,{id:"productDetail.skuNumber",defaultMessage:"SKU #",values:{sku:g}})),s.a.createElement("span",null,y)),s.a.createElement("div",{className:v.price},s.a.createElement(N.a,{currencyCode:c,value:u})))},$=function ProductForm(t){var n=t.item,e=t.setIsCartUpdating,a=t.variantPrice,o=t.setVariantPrice,r=t.setActiveEditItem,i=Object(m.a)().formatMessage,c=function useProductForm(t){var n=t.cartItem,e=t.getConfigurableOptionsQuery,a=t.setIsCartUpdating,o=t.setVariantPrice,r=t.updateConfigurableOptionsMutation,i=t.updateQuantityMutation,s=t.setActiveEditItem,c=Object(k.b)(),d=u()(c,1)[0].cartId,g=Object(l.useState)(new Map),m=u()(g,2),p=m[0],b=m[1],y=Object(l.useCallback)(function(){s(null)},[s]),w=Object(f.useMutation)(i),I=u()(w,2),O=I[0],x=I[1],j=x.called,S=x.error,T=x.loading,q=Object(f.useMutation)(r),M=u()(q,2),E=M[0],P=M[1],F=P.called,A=P.error,B=P.loading,D=j&&T||F&&B 6Object(l.useEffect)(function(){a(D)},[D,a]) 7var N=Object(f.useQuery)(e,{skip:!n,variables:{sku:n?n.product.sku:null}}),V=N.data,L=N.error,H=N.loading,U=Object(l.useCallback)(function(t,e){var a=new Map(_()(p)) 8n.configurable_options.find(function(n){return n.id==t}).value_id===e?a.delete(t):a.set(t,e),b(a)},[n,p]),X=H||L||!V?null:V.products.items[0],J=Object(l.useMemo)(function(){var t=new Map 9return X&&X.configurable_options.forEach(function(n){t.set(n.attribute_id,n.attribute_code)}),t},[X]),$=Object(l.useMemo)(function(){if(p.size&&X)return n.configurable_options.forEach(function(t){p.has("".concat(t.id))||p.set("".concat(t.id),t.value_id)}),Object(C.a)({variants:X.variants,optionCodes:J,optionSelections:p})},[n,X,J,p]) 10Object(l.useEffect)(function(){var t=null 11$&&(t=$.product.price.regularPrice.amount),o(t)}
11,[$,o]) 12var z,R=Object(l.useCallback)((z=v()(h.a.mark(function _callee(t){return h.a.wrap(function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(e.prev=0,!$){e.next=7 13break}return e.next=4,E({variables:{cartId:d,cartItemId:n.id,parentSku:n.product.sku,variantSku:$.product.sku,quantity:t.quantity}}) 14case 4:b(new Map),e.next=10 15break 16case 7:if(t.quantity===n.quantity){e.next=10 17break}return e.next=10,O({variables:{cartId:d,cartItemId:n.id,quantity:t.quantity}}) 18case 10:e.next=15 19break 20case 12:return e.prev=12,e.t0=e.catch(0),e.abrupt("return") 21case 15:y() 22case 16:case"end":return e.stop()}},_callee,null,[[0,12]])})),function(t){return z.apply(this,arguments)}),[d,n,y,$,E,O]),Y=Object(l.useMemo)(function(){return new Map([["updateQuantityMutation",S],["updateConfigurableOptionsMutation",A]])},[A,S]) 23return{configItem:X,errors:Y,handleOptionSelection:U,handleSubmit:R,isLoading:!!H,isSaving:D,isDialogOpen:null!==n,handleClose:y}}({cartItem:n,getConfigurableOptionsQuery:z,setIsCartUpdating:e,setVariantPrice:o,updateConfigurableOptionsMutation:Y,updateQuantityMutation:R,setActiveEditItem:r}),d=c.configItem,g=c.errors,b=c.handleOptionSelection,y=c.handleSubmit,w=c.isLoading,T=c.isSaving,q=c.isDialogOpen,M=c.handleClose,E=Object(I.a)(F,t.classes),P=w,A=T,B={initialValues:n},N=w?i({id:"productForm.fetchingProductOptions",defaultMessage:"Fetching Product Options..."})?T:i({id:"productForm.updatingCart",defaultMessage:"Updating Cart..."}):null,V=w||T?s.a.createElement(x.a,{classes:{root:E.loading}},N):null 24if(n&&!w&&!d)return s.a.createElement("span",{className:E.dataError},s.a.createElement(p.a,{id:"productForm.dataError",defaultMessage:"Something went wrong. Please refresh and try again."})) 25var L=n&&d?s.a.createElement("div",null,s.a.createElement(O.a,{classes:{root:E.errorContainer},errors:Array.from(g.values()),scrollOnError:!1}),s.a.createElement(J,{item:n,variantPrice:a}),s.a.createElement(j.a,{classes:{root:E.optionRoot},onSelectionChange:b,options:d.configurable_options,selectedValues:n.configurable_options}),s.a.createElement("h3",{className:E.quantityLabel},s.a.createElement(p.a,{id:"productForm.quantity",defaultMessage:"Quantity"})),s.a.createElement(S.a,{classes:{root:E.quantityRoot},initialValue:n.quantity,itemId:n.id})):null 26return s.a.createElement(l.Fragment,null,s.a.createElement(D.a,{classes:{contents:E.contents},confirmText:"Update",confirmTranslationId:"productForm.submit",formProps:B,isOpen:q,onCancel:M,onConfirm:y,shouldDisableAllButtons:P,shouldDisableConfirmButton:A,shouldUnmountOnHide:!1,title:i({id:"editModal.headerText",defaultMessage:"Edit Item"})},V,L))},z=Object(f.gql)(o||(o=g()(["\n query productDetailBySku($sku: String) {\n products(filter: { sku: { eq: $sku } }) {\n items {\n id\n ...ProductFormFragment\n }\n }\n }\n ","\n"])),B),R=Object(f.gql)(r||(r=g()(['\n mutation UpdateCartItemQuantity(\n $cartId: String!\n $cartItemId: Int!\n $quantity: Float!\n ) {\n updateCartItems(\n input: {\n cart_id: $cartId\n cart_items: [{ cart_item_id: $cartItemId, quantity: $quantity }]\n }\n ) @connection(key: "updateCartItems") {\n cart {\n id\n ...CartPageFragment\n }\n }\n }\n ',"\n"])),A.a),Y=Object(f.gql)(i||(i=g()(['\n mutation UpdateConfigurableOptions(\n $cartId: String!\n $cartItemId: Int!\n $parentSku: String!\n $variantSku: String!\n $quantity: Float!\n ) {\n addConfigurableProductsToCart(\n input: {\n cart_id: $cartId\n cart_items: [\n {\n data: { quantity: $quantity, sku: $variantSku }\n parent_sku: $parentSku\n }\n ]\n }\n ) @connection(key: "addConfigurableProductsToCart") {\n cart {\n id\n }\n }\n\n removeItemFromCart(\n input: { cart_id: $cartId, cart_item_id: $cartItemId }\n ) @connection(key: "removeItemFromCart") {\n cart {\n id\n ...CartPageFragment\n }\n }\n }\n ',"\n"])),A.a),Q=function EditModal(t){var n=t.item,e=t.setActiveEditItem,a=t.setIsCartUpdating,o=function useEditModal(){var t=Object(l.useState)(null),n=u()(t,2),e=n[0] 27return{setVariantPrice:n[1],variantPrice:e}}(),r=o.setVariantPrice,i=o.variantPrice 28return s.a.createElement($,{item:n,setIsCartUpdating:a,setVariantPrice:r,variantPrice:i,setActiveEditItem:e})}},"8dnS":function(t,n,e){(n=t.exports=e("JPst")(!1)).i(e("cttJ"),""),n.i(e("A48i"),""),n.i(e("Bbs1"),""),n.push([t.i,".productForm-contents-IVE {\n position: relative;\n}\n\n.productForm-optionRoot-2ZK {\n border-bottom: 1px solid rgb(var(--venia-global-color-border));\n padding: 1rem 0;\n}\n\n.productForm-quantityLabel-29I {\n font-size: 1rem;\n font-weight: 600;\n line-height: 1.5;\n margin-bottom: 1.5rem;\n padding-top: 1rem;\n}\n\n.productForm-quantityRoot-3Mr {\n grid-template-columns: auto 4rem auto;\n justify-content: start;\n padding: 0 1rem;\n}\n\n.productForm-loading-3Yl {\n height: unset;\n left: 0;\n position: absolute;\n text-align: center;\n top: 50%;\n transform: translateY(-50%);\n z-index: 10;\n}\n\n.productForm-dataError-1GX {\n color: rgb(var(--venia-global-color-error));\n display: inline-block;\n padding-top: 1rem;\n line-height: var(--venia-global-lineHeight-300);\n}\n\n.productForm-errorContainer-3Q6 {\n padding-top: 1rem;\n}\n",""]),n.locals={contents:"productForm-contents-IVE "+e("cttJ").locals.contents,optionRoot:"productForm-optionRoot-2ZK",quantityLabel:"productForm-quantityLabel-29I",quantityRoot:"productForm-quantityRoot-3Mr "+e("A48i").locals.root,loading:"productForm-loading-3Yl "+e("Bbs1").locals.root,dataError:"productForm-dataError-1GX",errorContainer:"productForm-errorContainer-3Q6"}},"9Y5d":function(t,n,e){"use strict" 29e.d(n,"a",function(){return o}
29) 30var a=e("q1tI"),o=function useTile(t){var n=t.onClick,e=t.value_index 31return{handleClick:Object(a.useCallback)(function(){n(e)},[e,n])}}},A48i:function(t,n,e){(n=t.exports=e("JPst")(!1)).i(e("wPvJ"),""),n.push([t.i,".quantity-root-3qc {\n --stroke: var(--venia-global-color-gray-600);\n text-align: center;\n display: grid;\n grid-template-columns: 1fr 4rem 1fr;\n grid-column-gap: 0.5rem;\n align-items: center;\n justify-items: center;\n}\n\n.quantity-wrap-1rF {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.quantity-label-XGM:not(:focus):not(:active) {\n position: absolute;\n overflow: hidden;\n width: 1px;\n height: 1px;\n clip: rect(0 0 0 0);\n clip-path: inset(100%);\n white-space: nowrap;\n}\n\n.quantity-button-2Hf {\n align-items: center;\n background-color: rgb(var(--venia-global-color-gray-50));\n border: 2px solid rgb(var(--venia-global-color-gray-600));\n border-radius: 50%;\n display: inline-flex;\n height: 2rem;\n justify-content: center;\n stroke: rgb(var(--stroke));\n width: 2rem;\n}\n\n.quantity-button-2Hf:hover {\n --stroke: rgb(var(--venia-global-color-gray-900));\n border-color: rgb(var(--stroke));\n}\n\n.quantity-button-2Hf:disabled,\n.quantity-button-2Hf:disabled:hover {\n --stroke: rgb(var(--venia-global-color-gray-400));\n border-color: rgb(var(--venia-global-color-gray-400));\n}\n\n.quantity-button-2Hf:disabled {\n cursor: not-allowed;\n}\n\n.quantity-button-2Hf:focus {\n outline: none;\n}\n\n.quantity-button_decrement-2Bu {\n}\n\n.quantity-button_increment-2-U {\n}\n\n.quantity-icon-48z {\n align-items: center;\n display: inline-flex;\n justify-content: center;\n touch-action: manipulation;\n}\n\n.quantity-input-24S {\n text-align: center;\n}\n",""]),n.locals={root:"quantity-root-3qc",wrap:"quantity-wrap-1rF",label:"quantity-label-XGM",button:"quantity-button-2Hf",button_decrement:"quantity-button_decrement-2Bu quantity-button-2Hf",button_increment:"quantity-button_increment-2-U quantity-button-2Hf",icon:"quantity-icon-48z",input:"quantity-input-24S "+e("wPvJ").locals.input}},AYwe:function(t,n,e){(n=t.exports=e("JPst")(!1)).i(e("jYMk"),""),n.push([t.i,".swatch-root-25o {\n background: var(--venia-swatch-bg);\n border-color: rgba(0, 0, 0, 0.1);\n color: white;\n width: 3rem;\n --venia-swatch-bg: var(--venia-global-color-gray);\n}\n\n.swatch-root_selected-AxM {\n background: linear-gradient(-45deg, rgba(0, 0, 0, 0.2), transparent),\n var(--venia-swatch-bg);\n}\n\n.swatch-root_focused-aps {\n}\n.swatch-root_selected_focused-1cq {\n}\n",""]),n.locals={root:"swatch-root-25o "+e("jYMk").locals.root,root_selected:"swatch-root_selected-AxM swatch-root-25o "+e("jYMk").locals.root,root_focused:"swatch-root_focused-aps swatch-root-25o "+e("jYMk").locals.root,root_selected_focused:"swatch-root_selected_focused-1cq swatch-root_selected-AxM swatch-root-25o "+e("jYMk").locals.root}},Gaec:function(t,n,e){"use strict" 32e.d(n,"a",function(){return i}) 33var a=e("J4zp"),o=e.n(a),r=e("q1tI"),i=function useOption(t){var n=t.attribute_id,e=t.onSelectionChange,a=t.selectedValue,i=t.values,l=Object(r.useState)(null),s=o()(l,2),c=s[0],u=s[1],d=Object(r.useMemo)(function(){var t={},n=c||a 34return n&&(t=i.find(function(t){return t.default_label===n})||{}),t},[a,c,i]),g=Object(r.useMemo)(function(){return new Map(i.map(function(t){return[t.value_index,t.store_label]}))},[i]),m=c||d.default_label||"None" 35return{handleSelectionChange:Object(r.useCallback)(function(t){u(g.get(t)),e&&e(n,t)},[n,e,g]),initialSelection:d,selectedValueDescription:m}}},HPDi:function(t,n,e){"use strict" 36var a=e("pVnL"),o=e.n(a),r=e("q1tI"),i=e.n(r),l=e("17x9"),s=e("C2R0") 37function _createForOfIteratorHelper(t,a){var o 38if("undefined"==typeof Symbol||null==t[Symbol.iterator]){if(Array.isArray(t)||(o=function _unsupportedIterableToArray(t,n){if(!t)return 39if("string"==typeof t)return _arrayLikeToArray(t,n) 40var e=Object.prototype.toString.call(t).slice(8,-1) 41"Object"===e&&t.constructor&&(e=t.constructor.name) 42if("Map"===e||"Set"===e)return Array.from(t) 43if("Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return _arrayLikeToArray(t,n)}(t))||a&&t&&"number"==typeof t.length){o&&(t=o) 44var r=0,i=function F(){} 45return{s:i,n:function n(){return r>=t.length?{done:!0}:{done:!1,value:t[r++]}},e:function e(t){throw t},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,c=!0,u=!1 46return{s:function s(){o=t[Symbol.iterator]()},n:function n(){var t=o.next() 47return c=t.done,t},e:function e(t){u=!0,l=t},f:function f(){try{c||null==o.return||o.return()}finally{if(u)throw l}}}}function _arrayLikeToArray(t,n){(null==n||n>t.length)&&(n=t.length) 48for(var e=0,a=new Array(n);e<n;e++)a[e]=t[e] 49return a}var c=function Options(t){var n=t.classes,e=t.onSelectionChange,a=t.options,l=t.selectedValues,c=function useOptions(t){var n,e=t.onSelectionChange,a=t.selectedValues,o=Object(r.useCallback)(function(t,n){e&&e(t,n)},[e]),i=new Map,l=_createForOfIteratorHelper(a) 50try{for(l.s();!(n=l.n()).done;){var s=n.value,c=s.option_label,u=s.value_label 51i.set(c,u)}}catch(t){l.e(t)}finally{l.f()}return{handleSelectionChange:o,selectedValueMap:i}}({onSelectionChange:e,selectedValues:void 0===l?[]:l}),u=c.handleSelectionChange,d=c.selectedValueMap 52return a.map(function(t){return i.a.createElement(s.a,o()({},t,{classes:n,key:t.attribute_id,onSelectionChange:u,selectedValue:d.get(t.label)}))})} 53c.propTypes={onSelectionChange:l.func,options:l.array.isRequired,selectedValues:l.array} 54n.a=c},KFAD:function(t,n,e){"use strict" 55var a=e("pVnL"),o=e.n(a),r=e("q1tI"),i=e.n(r),l=e("kriW"),s=e("17x9"),c=e("8UhI"),u=e("wHH0"),d=e("EPqK"),g=e("y1Xp"),m=e("m/Co"),p=e("vdCH"),f=e("TsSr"),b=e("LboF"),h=e.n(b),y=e("cttJ"),v=e.n(y),w={injectType:"singletonStyleTag",insert:"head",singleton:!0},_=(h()(v.a,w),v.a.locals||{}),k=function Dialog(t){var n=t.cancelText,e=t.cancelTranslationId,a=t.children,r=t.confirmText,s=t.confirmTranslationId,b=t.formProps,h=t.isModal,y=t.isOpen,v=t.onCancel,w=t.onConfirm,k=t.shouldDisableAllButtons,C=t.shouldDisableConfirmButton,I=t.shouldShowButtons,O=void 0===I||I,x=t.shouldUnmountOnHide,j=t.title 56Object(d.a)(y) 57var S=Object(g.a)(_,t.classes),T=y?S.root_open:S.root,q=k||h,M=k||C,E={root_lowPriority:S.cancelButton},P={root_highPriority:S.confirmButton},F=h?null:i.a.createElement("button",{className:S.headerButton,disabled:k,onClick:v,type:"reset"},i.a.createElement(p.a,{src:u.a})),A=O?i.a.createElement("div",{className:S.buttons},i.a.createElement(m.a,{classes:E,disabled:k,onClick:v,priority:"low",type:"reset"},i.a.createElement(l.a,{id:e,defaultMessage:n})),i.a.createElement(m.a,{classes:P,disabled:M,priority:"high",type:"submit"},i.a.createElement(l.a,{id:s,defaultMessage:r}
57))):null,B=y||!x?i.a.createElement(c.b,o()({className:S.form},b,{onSubmit:w}),i.a.createElement("button",{className:S.mask,disabled:q,onClick:v,type:"reset"}),i.a.createElement("div",{className:S.dialog},i.a.createElement("div",{className:S.header},i.a.createElement("span",{className:S.headerText},j),F),i.a.createElement("div",{className:S.body},i.a.createElement("div",{className:S.contents},a),A))):null 58return i.a.createElement(f.a,null,i.a.createElement("aside",{className:T},B))} 59n.a=k 60k.propTypes={cancelText:s.string,cancelTranslationId:s.string,classes:Object(s.shape)({body:s.string,cancelButton:s.string,confirmButton:s.string,container:s.string,contents:s.string,header:s.string,headerText:s.string,headerButton:s.string,mask:s.string,root:s.string,root_open:s.string}),confirmText:s.string,confirmTranslationId:s.string,formProps:s.object,isModal:s.bool,isOpen:s.bool,onCancel:s.func,onConfirm:s.func,shouldDisableAllButtons:s.bool,shouldDisableSubmitButton:s.bool,shouldUnmountOnHide:s.bool,title:s.node},k.defaultProps={cancelText:"Cancel",cancelTranslationId:"global.cancelButton",confirmText:"Confirm",confirmTranslationId:"global.confirmButton",isModal:!1,shouldUnmountOnHide:!0}},KzqV:function(t,n,e){(n=t.exports=e("JPst")(!1)).i(e("svF8"),""),n.push([t.i,".swatchList-root-1-c {\n}\n",""]),n.locals={root:"swatchList-root-1-c "+e("svF8").locals.root}},T3Tb:function(t,n,e){(n=t.exports=e("JPst")(!1)).push([t.i,".productDetail-root-rB- {\n border-bottom: 1px solid rgb(var(--venia-global-color-border));\n display: grid;\n gap: 1rem;\n padding-bottom: 1rem;\n}\n\n.productDetail-imageContainer-3nT {\n justify-self: center;\n}\n\n.productDetail-image-2In {\n padding: 0 2rem;\n}\n\n.productDetail-productName-1GU {\n font-size: 1.5rem;\n font-weight: 600;\n}\n\n.productDetail-stockRow-1NG {\n display: flex;\n font-weight: 300;\n font-size: 0.875rem;\n justify-content: space-between;\n}\n\n.productDetail-price-1PD {\n font-weight: 600;\n}\n",""]),n.locals={root:"productDetail-root-rB-",imageContainer:"productDetail-imageContainer-3nT",image:"productDetail-image-2In",productName:"productDetail-productName-1GU",stockRow:"productDetail-stockRow-1NG",price:"productDetail-price-1PD"}},"a/vD":function(t,n,e){"use strict" 61var a=e("q1tI"),o=e.n(a),r=e("17x9"),i=e("SzY3"),l=e("y1Xp"),s=e("vdCH"),c=e("JoNN"),u=e("LboF"),d=e.n(u),g=e("AYwe"),m=e.n(g),p={injectType:"singletonStyleTag",insert:"head",singleton:!0},f=(d()(m.a,p),m.a.locals||{}),b=function Swatch(t){var n=t.hasFocus,e=t.isSelected,r=t.item,u=r.label,d=r.value_index,g=r.swatch_data,m=t.onClick,p=t.style,b=function useSwatch(t){var n=t.onClick,e=t.value_index 62return{handleClick:Object(a.useCallback)(function(){n(e)},[e,n])}}({onClick:m,value_index:d}).handleClick,h=Object(a.useMemo)(function(){return e?o.a.createElement(s.a,{src:c.a}):null},[e]),y=Object(l.a)(f,t.classes),v=p 63if(g){var w=g.thumbnail,_=g.value,k="" 64if(w){var C=Object(i.c)(w,"image-swatch")(48) 65k='url("'.concat(C,'")')}else k=_ 66v=Object.assign({},p,{"--venia-swatch-bg":k})}var I=y[function getClassName(t,n,e){return"".concat(t).concat(n?"_selected":"").concat(e?"_focused":"")}("root",e,n)] 67return o.a.createElement("button",{className:I,onClick:b,style:v,title:u,type:"button"},h)} 68b.propTypes={hasFocus:r.bool,isSelected:r.bool,item:Object(r.shape)({label:r.string.isRequired,value_index:Object(r.oneOfType)([r.number,r.string]).isRequired}).isRequired,onClick:r.func.isRequired,style:r.object},b.defaultProps={hasFocus:!1,isSelected:!1} 69var h=b,y=e("KzqV"),v=e.n(y),w={injectType:"singletonStyleTag",insert:"head",singleton:!0},_=(d()(v.a,w),v.a.locals||{}),k=function SwatchList(t){var n=t.getItemKey,e=t.selectedValue,r=void 0===e?{}:e,i=t.items,s=t.onSelectionChange,c=Object(l.a)(_,t.classes),u=Object(a.useMemo)(function(){return i.map(function(t){var e=t.label===r.label 70return o.a.createElement(h,{key:n(t),isSelected:e,item:t,onClick:s})})},[n,r.label,i,s]) 71return o.a.createElement("div",{className:c.root},u)} 72k.propTypes={classes:Object(r.shape)({root:r.string}),getItemKey:r.func,selectedValue:r.object,items:Object(r.arrayOf)(r.object),onSelectionChange:r.func},k.displayName="SwatchList" 73n.a=k},cttJ:function(t,n,e){(n=t.exports=e("JPst")(!1)).i(e("ysJs"),""),n.push([t.i,".dialog-root-1-9 {\n /* The root aside element takes up the whole screen. */\n position: fixed;\n left: -100vw;\n top: 0;\n height: 100%;\n width: 100%;\n\n /* It is hidden by default. */\n opacity: 0;\n visibility: hidden;\n\n transform: translate3d(-50%, 0, 0);\n /* It animates to being closed, and then moves off screen. */\n transition: opacity 192ms var(--venia-global-anim-out),\n visibility 192ms var(--venia-global-anim-out), left 0s 192ms;\n\n /* It sits over all background content. */\n z-index: 3;\n}\n\n.dialog-root_open-1LX {\n left: 50%;\n opacity: 1;\n visibility: visible;\n\n /* It animates to being open. */\n transition: opacity 224ms var(--venia-global-anim-in),\n visibility 224ms var(--venia-global-anim-in), left 0s;\n}\n\n.dialog-form-3T_ {\n /* The form fills the entire aside. */\n height: 100%;\n width: 100%;\n\n /* Its contents are centered horizontally and vertically. */\n display: grid;\n justify-content: center;
73\n align-content: center;\n}\n\n.dialog-mask-2-q {\n /* The mask takes up the entire screen. */\n position: absolute;\n left: 0;\n top: 0;\n height: 100%;\n width: 100%;\n\n /* The mask is a semi-transparent grey. */\n background-color: rgb(var(--venia-global-color-gray-darker));\n opacity: 0.5;\n}\n\n/* The dialog is the only item in the form grid. */\n.dialog-dialog-bgl {\n background-color: rgb(var(--venia-global-color-background));\n border-radius: 5px;\n box-shadow: 1px 1px 5px rgb(var(--venia-global-color-gray-darker));\n\n /* It sets maximum sizes so its body can handle overflow. */\n height: 100%;\n max-height: 90vh;\n /* Minimum keeps a 16:9 aspect ratio and is 40rem x 22.5rem. */\n min-height: 360px;\n width: 640px;\n\n /* Nothing is allowed to overflow container itself. */\n overflow: hidden;\n\n /* Container is itself a grid container for its children. */\n display: grid;\n grid-template-rows: auto 1fr;\n\n /* Container can be the target of pointer events. */\n pointer-events: auto;\n\n /* It sits on top of the mask. */\n z-index: 4;\n}\n\n/*\n * Dialog Header styles.\n */\n\n.dialog-header-TbX {\n border-bottom: 1px solid rgb(var(--venia-global-color-border));\n height: 3.5rem;\n padding: 0 0.75rem 0 1rem;\n\n /* The Header is itself a grid container for its children. */\n display: grid;\n grid-auto-flow: column;\n grid-template-columns: 1fr auto;\n column-gap: 1rem;\n align-items: center;\n}\n\n.dialog-headerText-2fQ {\n color: rgb(var(--venia-global-color-text-alt));\n text-transform: capitalize;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n line-height: 1.25rem;\n}\n\n.dialog-headerButton-3Mc {\n /* Horizontally align the close button to the right. */\n justify-self: right;\n}\n\n/*\n * Dialog Body styles.\n */\n\n.dialog-body-17s {\n overflow: auto;\n\n /* The Body is itself a grid container for its children. */\n display: grid;\n grid-template-rows: 1fr auto;\n}\n\n.dialog-contents-2jh {\n padding: 1rem;\n}\n\n.dialog-buttons-1ir {\n padding: 2.5rem;\n\n display: grid;\n grid-auto-flow: column;\n gap: 1rem;\n justify-content: center;\n}\n\n.dialog-confirmButton-2bO {\n}\n\n.dialog-cancelButton-Nr6 {\n}\n\n/*\n * Mobile-specific styles.\n *\n * Instead of being a full-page modal,\n * dialogs slide out from the right.\n */\n\n@media (max-width: 960px) {\n .dialog-root-1-9 {\n left: auto;\n right: 0;\n\n /* The Dialog starts off-screen on the right. */\n transform: translate3d(100%, 0, 0);\n /* For mobile, add position to the transitions. */\n transition-property: opacity, transform, visibility;\n }\n\n .dialog-root_open-1LX {\n /* The Dialog animates (slides) onto the screen. */\n transform: translate3d(0, 0, 0);\n }\n\n .dialog-form-3T_ {\n align-content: stretch;\n justify-content: end;\n }\n\n .dialog-dialog-bgl {\n max-height: 100%;\n max-width: 360px;\n }\n\n .dialog-buttons-1ir {\n grid-auto-flow: row;\n }\n\n .dialog-confirmButton-2bO {\n /* On mobile the confirm button should be first (on top). */\n order: -1;\n }\n}\n",""]),n.locals={root:"dialog-root-1-9",root_open:"dialog-root_open-1LX dialog-root-1-9",form:"dialog-form-3T_",mask:"dialog-mask-2-q",dialog:"dialog-dialog-bgl",header:"dialog-header-TbX",headerText:"dialog-headerText-2fQ",headerButton:"dialog-headerButton-3Mc",body:"dialog-body-17s",contents:"dialog-contents-2jh",buttons:"dialog-buttons-1ir",confirmButton:"dialog-confirmButton-2bO "+e("ysJs").locals.root_highPriority,cancelButton:"dialog-cancelButton-Nr6 "+e("ysJs").locals.root_lowPriority}},jYMk:function(t,n,e){(n=t.exports=e("JPst")(!1)).i(e("XhPg"),""),n.push([t.i,".tile-root-1XB {\n border: 1px solid rgb(var(--venia-global-color-text));\n border-radius: 2px;\n height: 3rem;\n min-width: 3rem;\n padding: 0 0.5rem;\n}\n\n.tile-root_selected-29A {\n background-color: rgb(var(--venia-global-color-text));\n color: white;\n}\n.tile-root_focused-3qL {\n}\n.tile-root_selected_focused-2Oi {\n}\n",""]),n.locals={root:"tile-root-1XB "+e("XhPg").locals.root,root_selected:"tile-root_selected-29A tile-root-1XB "+e("XhPg").locals.root,root_focused:"tile-root_focused-3qL tile-root-1XB "+e("XhPg").locals.root,root_selected_focused:"tile-root_selected_focused-2Oi tile-root_selected-29A tile-root-1XB "+e("XhPg").locals.root}},svF8:function(t,n,e){(n=t.exports=e("JPst")(!1)).push([t.i,".tileList-root-3rl {\n display: grid;\n gap: 1rem;\n grid-auto-flow: column;\n grid-template-columns: repeat(auto-fit, minmax(3rem, max-content));\n}\n",""]),n.locals={root:"tileList-root-3rl"}}
73,xYpT:function(t,n,e){"use strict" 74e.d(n,"a",function(){return r}) 75var a=e("J4zp"),o=e.n(a) 76function _createForOfIteratorHelper(t,a){var o 77if("undefined"==typeof Symbol||null==t[Symbol.iterator]){if(Array.isArray(t)||(o=function _unsupportedIterableToArray(t,n){if(!t)return 78if("string"==typeof t)return _arrayLikeToArray(t,n) 79var e=Object.prototype.toString.call(t).slice(8,-1) 80"Object"===e&&t.constructor&&(e=t.constructor.name) 81if("Map"===e||"Set"===e)return Array.from(t) 82if("Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return _arrayLikeToArray(t,n)}(t))||a&&t&&"number"==typeof t.length){o&&(t=o) 83var r=0,i=function F(){} 84return{s:i,n:function n(){return r>=t.length?{done:!0}:{done:!1,value:t[r++]}},e:function e(t){throw t},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,c=!0,u=!1 85return{s:function s(){o=t[Symbol.iterator]()},n:function n(){var t=o.next() 86return c=t.done,t},e:function e(t){u=!0,l=t},f:function f(){try{c||null==o.return||o.return()}finally{if(u)throw l}}}}function _arrayLikeToArray(t,n){(null==n||n>t.length)&&(n=t.length) 87for(var e=0,a=new Array(n);e<n;e++)a[e]=t[e] 88return a}var r=function findMatchingVariant(t){var n=t.variants,e=t.optionCodes,a=t.optionSelections 89return n.find(function(t){var n,r=t.attributes,i=t.product,l=(r||[]).reduce(function(t,n){var e=n.code,a=n.value_index 90return new Map(t).set(e,a)},new Map),s=_createForOfIteratorHelper(a) 91try{for(s.s();!(n=s.n()).done;){var c=o()(n.value,2),u=c[0],d=c[1],g=e.get(u),m=i[g]===d,p=l.get(g)===d 92if(!m&&!p)return!1}}catch(t){s.e(t)}finally{s.f()}return!0})}}}])
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.