"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[5],{4:(e,t,o)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useBestImage=t.LazyImage=void 0;const s=o(0),n=(o(1),o(6)),c=o(3);function a(e,t,o){const s=(0,n.getFastImage)(e,t),a=(0,n.getFastImage)(e,o),[i,l]=(0,c.useState)({});(0,c.useEffect)((()=>{if(document){const e=document.createElement("img");e.src=a,e.onload=()=>l(Object.assign(Object.assign({},i),{[a]:!0}))}}),[a]);const u=(0,c.useMemo)((()=>i[a]?a:s),[e,t,o,i]);return(0,c.useEffect)((()=>{if(document){const e=document.createElement("img");e.src=a,e.onload=()=>l(Object.assign(Object.assign({},i),{[a]:!0}))}}),[a]),u}t.LazyImage=function({src:e,initialWidth:t,fullSizeWidth:o,cssClass:n,alt:c="",width:i,height:l,style:u}){const r=a(e,t,o);return i&&l?(0,s.jsx)("img",{src:r,class:n,alt:c,width:i,height:l,style:u}):(0,s.jsx)("img",{src:r,class:n,alt:c,style:u})},t.useBestImage=a},42:(e,t,o)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useSwatchStyle=t.getSwatchStyle=t.hasColor=t.getSelectedColor=t.getColorOption=void 0;const s=o(6),n=o(4),c=o(3);function a(e){return e.find((({name:e})=>"Color"===e))}function i(e,t){if(e)return{backgroundImage:`url("${t?(0,s.getFastImage)(e,t):e}")`,backgroundPosition:"center",backgroundSize:"cover"}}t.getColorOption=a,t.getSelectedColor=function({selectedOptions:e}){var t;return null===(t=a(e))||void 0===t?void 0:t.value},t.hasColor=function({product:e,color:t}){var o;return t&&(null===(o=a(e.options))||void 0===o?void 0:o.values.includes(t))},t.getSwatchStyle=i,t.useSwatchStyle=function({value:e,isColorOption:t,hasSwatch:o,swatchImage:s,getHexForOptionColor:a}){const l=a(e),u=(0,n.useBestImage)(null!=s?s:"",80,250),r=(0,c.useMemo)((()=>i(u)),[u]);return t?l:o?{hexColor:void 0,swatchStyle:r}:{hexColor:void 0,swatchStyle:void 0}}}}]);