https://www.wolfermans.com/static/js/GraphqlProductImageUIV1.67a48e01.chunk.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[1395],{31059:function(e,t,n){n.r(t),n.d(t,{default:function(){return Q}});n(47012),n(34204),n(35978),n(81621),n(22369),n(45503),n(44546),n(61773),n(42772),n(1075),n(51343),n(32195),n(90937),n(1623),n(75755),n(50278),n(23e3),n(9844),n(93142),n(15615),n(31538),n(15466),n(43041),n(99067),n(49543),n(28835),n(96965),n(33960),n(40464),n(16481),n(97021),n(82336);var i=n(41594),o=n.n(i),a=n(17191),l=n(26306),r=n(40042),d=n(43811),u=n(87291),c=n(26271),s=n(50802),m=n(88577),p=n(72652),g=n(89443),v=n(27082),h=n(74895),b=n(3571),f=n(34540),y=n(84845),I=n(27008),x=n(28499),k=n(97221),w=n(49916),S=n(82892),C=n(81239),A=n(13494),E=n(14733),P=n(46748);function _(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var i,o,a,l,r=[],d=!0,u=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;d=!1}else for(;!(d=(i=a.call(n)).done)&&(r.push(i.value),r.length!==t);d=!0);}catch(e){u=!0,o=e}finally{try{if(!d&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw o}}return r}}(e,t)||function(e,t){if(e){if("string"==typeof e)return R(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?R(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function R(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=Array(t);n<t;n++)i[n]=e[n];return i}var N=function(e){var t=e.classes,n=e.enableZoom,a=e.children,l=e.magnifiedImageSrc,r=e.containerId,d=(0,i.useContext)(P.Q).featureFlags,u=void 0===d?{}:d,c=_((0,i.useState)({backgroundImage:"url(".concat(l,")"),backgroundPosition:"0% 0%"}),2),s=c[0],m=c[1];return n&&l?o().createElement("figure",{id:"figure-inner-zoom".concat(r),className:t.figure,onMouseMove:function(e){var t=e.target.getBoundingClientRect(),n=t.left,i=t.top,o=t.width,a=t.height,r=(e.pageX-n)/o*100,d=u["pdp-image-sticky"]?90:(e.pageY-i)/a*100;m({backgroundPosition:"".concat(r,"% ").concat(d,"%"),backgroundImage:"url(".concat(l,")")})},style:s,"data-component":"innerZoom"},o().createElement("div",{className:t.imageSection},a)):o().createElement(o().Fragment,null,a)};N.propTypes={classes:a.object.isRequired,enableZoom:a.bool,children:a.node,magnifiedImageSrc:a.string,containerId:a.string},N.defaultProps={enableZoom:!1,children:null,magnifiedImageSrc:null,containerId:""};var B=(0,E.Zz)((0,u.A)(function(){return{imageSection:{maxWidth:"100%","&:hover":{opacity:0}

1},figure:{backgroundRepeat:"no-repeat",margin:0}}}))(N),z=n(66445),L=n(63383),W=n(94043),O=n(9978),j=n(30789);function F(e){return F="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},F(e)}function U(e){return function(e){if(Array.isArray(e))return T(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return T(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?T(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function T(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=Array(t);n<t;n++)i[n]=e[n];return i}function D(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,$(i.key),i)}}function q(e,t,n){return t=M(t),function(e,t){if(t&&("object"==F(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,H()?Reflect.construct(t,n||[],M(e).constructor):t.apply(e,n))}function H(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(H=function(){return!!e})()}function M(e){return M=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},M(e)}function Z(e,t){return Z=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},Z(e,t)}function V(e,t,n){return(t=$(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function $(e){var t=function(e,t){if("object"!=F(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!=F(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==F(t)?t:t+""}var K=A.UT.sdkURL,Y=function(e){function t(e){var n,i,a,l,r;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),(r=q(this,t,[e])).buildImgPath=function(e,t,n){var i,o=r.props.pmallSummaryInfo,a=n||!1;if(!e||!t)return r.defaultNoImage;var l=t.includes("_gif")?".gif":a?"c.jpg":"x.jpg";if(t===(null===o||void 0===o||null===(i=o.customizations)||void 0===i?void 0:i.imageURL)){var d,u="https:".concat(null===o||void 0===o||null===(d=o.customizations)||void 0===d?void 0:d.imageURL);return u+="&cacheBust=".concat((null===o||void 0===o?void 0:o.countCacheBust)||0)}return"".concat(e+t+l)},r.onImageError=function(e){var t,n=r.props,i=n.data,o=n.presentationFamily;if(null!==i&&void 0!==i&&null!==(t=i.image)&&void 0!==t&&t.path&&"food"===o){var a=i.image;e.target.src=r.buildImgPath(a.path,a.name)}return null},r.getSlides=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=[],i=r.props,a=i.classes,l=i.isClubPDPV2,u=r.state.selectedComponentMonth;return(e||[]).forEach(function(i,c){var s,m,p;n.push(o().createElement("div",{key:"btnImg-".concat(i.month),className:"".concat(t?a.upsellWrapper:a.upsellImageBox," ").concat((null===(s=e[u])||void 0===s?void 0:s.month)===i.month?a.upsellSelected:"")},o().createElement("button",{"data-testid":"component-".concat(c),onClick:function(){l||r.setState({modalOpen:!0,selectedComponentMonth:c})},type:"button",className:a.altImageButton},o().createElement(S.A,{path:"".concat(r.cdnLink).concat(null===(m=i.image)||void 0===m?void 0:m.name,"t.jpg?width=110&height=124&auto=webp"),alt:(0,d.Ay)(i.name),className:a.altImage,params:{desktop:"quality=100",tablet:"quality=100",mobile:"quality=100"}}),!l&&o().createElement("span",{className:a.monthSnipe},null===(p=i.month)||void 0===p?void 0:p.substr(0,3)))))}),n},r.handleState=function(e){r.setState(e)},r.setProductImage=function(e){var t,n,i,o,a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",l=r.props,d=l.selectedSku,u=l.pmallSummaryInfo,c=r.state.path,s=(null===d||void 0===d||null===(t=d.image)||void 0===t?void 0:t.name)||"",m=(null===d||void 0===d||null===(n=d.image)||void 0===n?void 0:n.path)||"",p=m&&s?r.buildImgPath(m,s):"";null!==u&&void 0!==u&&null!==(i=u.customizations)&&void 0!==i&&i.imageURL&&(s=null===u||void 0===u||null===(o=u.customizations)||void 0===o?void 0:o.imageURL,m=r.buildImgPath(null,s));a?r.setState({heroImage:r.buildImgPath(c,e),mainImage:{path:s,fullPath:p,imgName:d.name},isVideo:!0,videoUrl:e}):r.setState({heroImage:r.buildImgPath(c,e),mainImage:{path:s,fullPath:p,imgName:d.name},isVideo:!1,videoUrl:""})},r.renderZoom=function(){var e=r.props,t=e.location,n=e.featureFlags,i=n["is-pdp-product-zoom-enabled"],o=n["is-pla-product-zoom-enabled"],a=(0,f.A)(t.search);return!(!a||!o)||!(a||!i)},r.navigate=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"next",t=r.state.selectedComponentMonth,n=r.props.clubComponents,i=null===n||void 0===n?void 0:n.length;"next"===e?i-1===t?r.setState({selectedComponentMonth:0}):r.setState({selectedComponentMonth:t+1}):"prev"===e&&(0===t?r.setState({selectedComponentMonth:i-1}):r.setState({selectedComponentMonth:t-1}))},r.getClubLengthDescription=function(){var e=r.props.selectedSku,t=(null===e||void 0===e?void 0:e.clubLength)||0;return null!==e&&void 0!==e&&e.date&&null!==e&&void 0!==e&&e.endDate?o().createElement(o().Fragment,null,"".concat(t," Months - ").concat(e.date.month," ").concat(e.date.year," - ").concat(e.endDate.month," ").concat(e.endDate.year)):null};var u,c,s=r.props,m=s.data,p=m.name,g=m.image,v=s.selectedSku,h=s.pmallSummaryInfo,b=s.selectedSkuBasedAltImages,y=(null===v||void 0===v||null===(n=v.image)||void 0===n?void 0:n.name)||"",I=(null===v||void 0===v||null===(i=v.image)||void 0===i?void 0:i.path)||"",x=r.buildImgPath(I,y),k=null!==g&&void 0!==g&&g.additionalImages?U(g.additionalImages):[],w=null!==v&&void 0!==v&&null!==(a=v.image)&&void 0!==a&&a.additionalImages?U(null===v||void 0===v?void 0:v.image.additionalImages):[],C=b?[].concat(U(k),U(w)):k;null!==h&&void 0!==h&&null!==(l=h.customizations)&&void 0!==l&&l.refnum&&(x=r.buildImgPath(null,null===h||void 0===h||null===(u=h.customizations)||void 0===u?void 0:u.imageURL),C.includes(h.customizations.imageURL)||C.push(null===h||void 0===h||null===(c=h.customizations)||void 0===c?void 0:c.imageURL));

1return r.state={path:I,mainImage:{path:y,fullPath:x,imgName:p},heroImage:x,altImages:C,modalOpen:!1,selectedComponentMonth:0,videoUrl:"",isVideo:!1},r.cdnLink=I||"https://cdn1.harryanddavid.com/wcsstore/HarryAndDavid/images/catalog/",r.defaultNoImage="https://images.contentstack.io/v3/assets/blt95e0138311135214/bltffae3c14fd3096e8/62e0138319ee366ebba54f3f/MissingImage.png",r}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&Z(e,t)}(t,e),n=t,(i=[{key:"componentDidUpdate",value:function(e){var t=this.props,n=t.selectedSku,i=t.pmallSummaryInfo,o=t.selectedSkuBasedAltImages,a=t.data,l=this.state.altImages;if(e.pmallSummaryInfo!==i){var r,d,u,c,s=U(l);if(null!==i&&void 0!==i&&null!==(r=i.customizations)&&void 0!==r&&r.imageURL)return s.includes(null===i||void 0===i||null===(d=i.customizations)||void 0===d?void 0:d.imageURL)||s.push(null===i||void 0===i||null===(c=i.customizations)||void 0===c?void 0:c.imageURL),void this.setState({altImages:s},this.setProductImage(null===i||void 0===i||null===(u=i.customizations)||void 0===u?void 0:u.imageURL));var m,p=s.filter(function(e){return e&&!e.includes(K)});this.setState({altImages:p},this.setProductImage(null===(m=n.image)||void 0===m?void 0:m.name))}if(e.selectedSku!==n&&null!==n&&void 0!==n&&n.image){var g,v,h,b,f,y=(null===(g=n.image)||void 0===g?void 0:g.name)||"",I=null!==a&&void 0!==a&&null!==(v=a.image)&&void 0!==v&&v.additionalImages?U(null===a||void 0===a||null===(h=a.image)||void 0===h?void 0:h.additionalImages):[],x=null!==n&&void 0!==n&&null!==(b=n.image)&&void 0!==b&&b.additionalImages?U(null===n||void 0===n?void 0:n.image.additionalImages):[],k=o?[].concat(U(I),U(x)):I,w=null===i||void 0===i||null===(f=i.customizations)||void 0===f?void 0:f.imageURL;this.setProductImage(y),o&&(w&&!k.includes(w)&&k.push(w),this.setState({altImages:k}))}}},{key:"render",value:function(){var e,t,n,i,a,l,u,m,b,f,x,C=this,A=this.props,E=A.featureFlags,P=A.classes,_=A.data,R=A.selectedSku,N=A.isClubProduct,W=A.clubComponents,O=A.renderSnipe,F=A.renderHeroImageFlag,T=A.altImagesContainerStyle,D=A.productBaseContent,q=A.setShippingModalOpen,H=A.presentationFamily,M=A.trackEvent,Z=A.brand,V=A.productUrl,$=A.pdpImageZoomEnabled,K=A.partNumber,Y=A.isClubPDPV2,Q=A.plaAltImageHorizontal,X=A.isPlaPage,G=A.isPdpRedesignEnabled,J=A.isPlaRedesignEnabled,ee=this.state,te=ee.mainImage,ne=ee.altImages,ie=ee.path,oe=ee.heroImage,ae=ee.isVideo,le=ee.videoUrl,re="bry"===(null===Z||void 0===Z||null===(e=Z.code)||void 0===e?void 0:e.toLowerCase()),de=E["pdp-image-sticky"],ue=(null===D||void 0===D||null===(t=D.entries)||void 0===t||null===(t=t[0])||void 0===t?void 0:t.product_page_video)||{},ce=(null===ue||void 0===ue||null===(n=ue.static_image_preview)||void 0===n?void 0:n.url)||"",se=(null===ue||void 0===ue||null===(i=ue.video)||void 0===i?void 0:i.content_type)||"",me="flower"===H&&(null===R||void 0===R||null===(a=R.image)||void 0===a?void 0:a.name)&&(ne.length>=4&&!(null!==ue&&void 0!==ue&&ue.enabled)||ne.length>=3&&void 0!==(null===ue||void 0===ue?void 0:ue.enabled)),pe="flower"!==H||me?"":P.videoMainImage,ge="".concat(P.simpleVideo," ").concat(pe),ve=null===(l=(null===R||void 0===R?void 0:R.attributes)||[])||void 0===l?void 0:l.find(function(e){return"is_pmall_personalization_enabled"===e.name}),he="true"===(null===ve||void 0===ve||null===(u=ve.values)||void 0===u||null===(u=u[0])||void 0===u?void 0:u.value),be=null===(m=(null===R||void 0===R?void 0:R.attributes)||[])||void 0===m?void 0:m.find(function(e){return"personalization_type_enabled"===e.name}),fe=!(null===be||void 0===be||null===(b=be.values)||void 0===b||null===(b=b[0])||void 0===b||!b.value),ye=null!==(f=E["is-personalization-enabled"])&&void 0!==f&&f,Ie=null===oe||void 0===oe?void 0:oe.split("/"),xe=null===te||void 0===te||null===(x=te.fullPath)||void 0===x?void 0:x.split("/"),ke=(null===Ie||void 0===Ie?void 0:Ie[(null===Ie||void 0===Ie?void 0:Ie.length)-1])===(null===xe||void 0===xe?void 0:xe[(null===xe||void 0===xe?void 0:xe.length)-1]),we=function(){var e,t,n,i,a,l=oe||C.defaultNoImage;return ae?o().createElement(L.A,{classes:P,videoUrl:le,previewImage:ce,videoClass:ge,contentType:se,videoBlock:ue,productBaseCode:null===_||void 0===_?void 0:_.baseCode,isBRY:re}):o().createElement(o().Fragment,null,o().createElement("div",{id:"responsive-wrapper",className:P.responsiveWrapper},E["is-pdp-product-image-zoom-v2-enabled"]&&"Variant"===$?o().createElement(s.sR,{imageSrc:oe,imageAlt:(0,d.Ay)(null===_||void 0===_?void 0:_.name),largeImageSrc:oe,alwaysInPlace:!0}):o().createElement(B,{magnifiedImageSrc:oe,enableZoom:E["is-pdp-product-image-zoom-enabled"]||!1},o().createElement(o().Fragment,null,o().createElement(S.A,{className:P.productImage,path:l,alt:(0,d.Ay)(null===_||void 0===_?void 0:_.name),params:{desktop:"width=545&height=597",tablet:"width=406&height=445quality=100"},breakpoints:{desktop:"1024px",tablet:"640px"}}),O&&ke&&(0,y.ZI)(null===_||void 0===_||null===(e=_.image)||void 0===e?void 0:e.snipe,

1ye)&&(0,y.pP)(null===_||void 0===_?void 0:_.image,"pdp")&&o().createElement(r.Ay,null,o().createElement(c.A,{in:!0,timeout:700},o().createElement(k.A,{altText:null===_||void 0===_||null===(t=_.image)||void 0===t?void 0:t.altText,styleProp:P.snipe,src:"".concat(null===_||void 0===_||null===(n=_.image)||void 0===n?void 0:n.snipeImagePath).concat(null===_||void 0===_||null===(i=_.image)||void 0===i?void 0:i.snipe,"_z.gif?auto=webp"),fallbackSrc:"".concat((0,y.p5)(null===_||void 0===_?void 0:_.image.path)).concat(null===_||void 0===_||null===(a=_.image)||void 0===a?void 0:a.snipe,"_z.gif?auto=webp")}))),ke&&o().createElement(w.A,{partNumber:K||(null===_||void 0===_?void 0:_.partNumber)||(null===_||void 0===_?void 0:_.id),productType:"product"}),o().createElement(j.A,{partNumber:K||(null===_||void 0===_?void 0:_.partNumber)||(null===_||void 0===_?void 0:_.id)})))))};if(!F&&N){var Se=this.state,Ce=Se.modalOpen,Ae=Se.selectedComponentMonth;return o().createElement("div",{"data-testid":"rendered-club-image","data-component":"graphqlProductImageUi"},o().createElement(I.A,{modalOpen:Ce,handleState:this.handleState,selectedComponentMonth:Ae,cdnLink:this.cdnLink,clubComponents:W,product:_,navigate:this.navigate,getSlides:this.getSlides,renderZoom:this.renderZoom,shouldRenderSnipe:y.ZI,getClubLengthDescription:this.getClubLengthDescription,selectedSku:R,heroImage:oe,personalizationFlag:ye,setShippingModalOpen:q,productUrl:V,isClubPDPV2:Y}))}var Ee=me?P.sliderAltImageContainer:P.altImageContainer,Pe=Q?P.sliderPlaAltImageContainer:Ee,_e=me?P.sliderRoot:P.root,Re=Q?P.sliderPLARoot:_e,Ne=function(){var e,t;return o().createElement("button",{type:"button",className:P.altImageButton,onClick:function(){var e,t,n,i,o;C.setProductImage(null===R||void 0===R||null===(e=R.image)||void 0===e?void 0:e.name),M({eventCategory:"product image",eventAction:"click",eventLabel:"".concat(null===_||void 0===_?void 0:_.baseCode," | ").concat(C.buildImgPath(null===R||void 0===R||null===(t=R.image)||void 0===t?void 0:t.path,null===R||void 0===R||null===(n=R.image)||void 0===n?void 0:n.name)," | 1"),ga_event_name:"image_carousel_interaction",image_url:C.buildImgPath(null===R||void 0===R||null===(i=R.image)||void 0===i?void 0:i.path,null===R||void 0===R||null===(o=R.image)||void 0===o?void 0:o.name),image_alt:null===te||void 0===te?void 0:te.altImage,image_index:1,image_count:ne.length})},"data-component":"altDefaultImageRender"},o().createElement(S.A,{path:C.buildImgPath(null===R||void 0===R||null===(e=R.image)||void 0===e?void 0:e.path,null===R||void 0===R||null===(t=R.image)||void 0===t?void 0:t.name),alt:(0,d.Ay)(null===te||void 0===te?void 0:te.imgName),className:P.altImage,params:{desktop:"width=100&height=110",tablet:"width=100&height=110",mobile:"width=100&height=110"}}))},Be=function(){return(null===ue||void 0===ue?void 0:ue.enabled)&&o().createElement("button",{type:"button",className:"".concat(P.altImageButton,"\n                    ").concat(P.videoAltButton),onClick:function(){var e,t;C.setProductImage(null===ue||void 0===ue||null===(e=ue.video)||void 0===e?void 0:e.url,null===ue||void 0===ue||null===(t=ue.video)||void 0===t?void 0:t.content_type),M({eventCategory:"product image",eventAction:"click",eventLabel:"".concat(null===_||void 0===_?void 0:_.baseCode," | ").concat(ce," | 2")})}},o().createElement(S.A,{path:ce,alt:"Video",className:P.altImage,params:{desktop:"quality=100",tablet:"quality=100",mobile:"quality=100"}}))},ze=function(e,t){return"".concat((0,d.Ay)(e).toString().replace(/\s|\W/g,"_"),"_alternate_image_").concat(t||"")},Le=function(){return ne.map(function(e,t){return o().createElement("button",{key:"btnImg".concat(e),type:"button","aria-labelledby":ze((0,d.Ay)(null===te||void 0===te?void 0:te.imgName),t),className:P.altImageButton,onClick:function(){C.setProductImage(e),M({eventCategory:"product image",eventAction:"click",eventLabel:"".concat(null===_||void 0===_?void 0:_.baseCode," | ").concat(C.buildImgPath(ie,e)," | ").concat(null!==ue&&void 0!==ue&&ue.enabled?t+3:t+2),ga_event_name:"image_carousel_interaction",image_url:C.buildImgPath(ie,e,!0),image_alt:null===te||void 0===te?void 0:te.altImage,image_index:t+2,image_count:ne.length})}},o().createElement(S.A,{path:C.buildImgPath(ie,e,!0),alt:(0,d.Ay)(null===te||void 0===te?void 0:te.imgName),className:P.altImage,params:{desktop:"width=100&height=110",tablet:"width=100&height=110",mobile:"width=100&height=110"}}),o().createElement("span",{hidden:!0,id:ze((0,d.Ay)(null===te||void 0===te?void 0:te.imgName),t)},"".concat((0,d.Ay)(null===te||void 0===te?void 0:te.imgName)," alternate image")))})},We=function(){var e;return null===R||void 0===R||null===(e=R.image)||void 0===e||null===(e=e.productThumbn

1ails)||void 0===e?void 0:e.map(function(e,t){return o().createElement("div",{className:P.pmallAltImageContainer},o().createElement("button",{key:"btnImg".concat(e.name),type:"button",className:P.altImageButton,onClick:function(){C.setProductImage(null===e||void 0===e?void 0:e.name),M({eventCategory:"product image",eventAction:"click",eventLabel:"".concat(null===_||void 0===_?void 0:_.baseCode," | ").concat(C.buildImgPath(null===e||void 0===e?void 0:e.path,null===e||void 0===e?void 0:e.name)," | ").concat(null!==ue&&void 0!==ue&&ue.enabled?t+3:t+2)})}},o().createElement(S.A,{path:C.buildImgPath(null===e||void 0===e?void 0:e.path,null===e||void 0===e?void 0:e.name),alt:(0,d.Ay)(null===e||void 0===e?void 0:e.name),className:P.altImage,params:{desktop:"quality=100",tablet:"quality=100",mobile:"quality=100"}})),o().createElement("span",{className:P.altImageName},null===e||void 0===e?void 0:e.description))})},Oe=function(){return"1030"===(null===_||void 0===_?void 0:_.brandId)||"1033"===(null===_||void 0===_?void 0:_.brandId)||he||fe?o().createElement(o().Fragment,null,We(),Le()):o().createElement(o().Fragment,null,Ne(),re?o().createElement(o().Fragment,null,Le(),Be()):o().createElement(o().Fragment,null,Be(),Le()))};return o().createElement("div",{className:"".concat(Re," ").concat(G?P.rootContainer:""),"data-component":"graphqlProductImageUi"},o().createElement("div",{className:P.productImageWrapper},o().createElement("div",{className:P.productImageWrapperInner},o().createElement("div",{className:P.imageAspectRatioHeight}),function(){var e,t,n,i,a;return F?we():o().createElement(o().Fragment,null,C.renderZoom()?o().createElement(o().Fragment,null,o().createElement(s.sR,{className:P.productImage,imageSrc:oe,imageAlt:(0,d.Ay)(null===_||void 0===_?void 0:_.name),largeImageSrc:oe}),O&&ke&&(0,y.ZI)(null===_||void 0===_||null===(e=_.image)||void 0===e?void 0:e.snipe,ye)&&(0,y.pP)(null===_||void 0===_?void 0:_.image,"pdp")?o().createElement(r.Ay,null,o().createElement(c.A,{in:!0,timeout:700},o().createElement(k.A,{altText:null===_||void 0===_||null===(t=_.image)||void 0===t?void 0:t.altText,styleProp:P.snipe,src:"".concat(null===_||void 0===_||null===(n=_.image)||void 0===n?void 0:n.snipeImagePath).concat(null===_||void 0===_||null===(i=_.image)||void 0===i?void 0:i.snipe,"_z.gif?auto=webp"),fallbackSrc:"".concat((0,y.p5)(_.image.path)).concat(null===_||void 0===_||null===(a=_.image)||void 0===a?void 0:a.snipe,"_z.gif?auto=webp")}))):null):we())}())),ne&&!F&&!J&&o().createElement("div",{className:"".concat(Pe," ").concat(T," ").concat(J?P.plaAltImageButton:"")},me?o().createElement("div",{className:P.sliderOuterContainer},o().createElement(p.A,{speed:500,slidesToShow:5,slidesToScroll:1,nextArrow:o().createElement("div",{"data-component":"nextArrow"},o().createElement(v.A,{onClick:function(){return M({eventCategory:"product carousel",eventAction:"next",eventLabel:"".concat(_.baseCode),image_url:"",image_alt:(0,d.Ay)(null===_||void 0===_?void 0:_.name),image_index:"",image_count:""})}})),prevArrow:o().createElement("div",{"data-component":"backArrow"},o().createElement(g.A,{onClick:function(){return M({eventCategory:"product carousel",eventAction:"previous",eventLabel:"".concat(_.baseCode),image_url:"",image_alt:(0,d.Ay)(null===_||void 0===_?void 0:_.name),image_index:"",image_count:""})}})),lazyLoad:"progressive",vertical:!Q,verticalSwiping:!Q,className:"carousel-container ".concat(P.sliderContainer),responsive:[{breakpoint:1400,settings:{slidesToShow:3,slidesToScroll:1}},{breakpoint:X?1026:1100,settings:{slidesToShow:2,slidesToScroll:1}},{breakpoint:800,settings:{slidesToShow:1,slidesToScroll:1}}]},"1030"===(null===_||void 0===_?void 0:_.brandId)||"1033"===(null===_||void 0===_?void 0:_.brandId)||he||fe?[We(),Be()].concat(U(Le())):[Ne(),Be()].concat(U(Le())))):o().createElement(o().Fragment,null,de?o().createElement(h.A,{query:"(max-width: 1279px)"},function(e){return e?o().createElement(z.A,{classes:P,buildImgPath:C.buildImgPath,setProductImage:C.setProductImage,selectedSku:R,videoBlock:ue,data:_,previewImage:ce,mainImage:te,altImages:ne,path:ie,isPlaRedesignEnabled:J}):o().createElement("div",{className:P.sliderOuterContainer},Oe())}):o().createElement("div",{className:P.sliderOuterContainer},Oe()))))}}

1])&&D(n.prototype,i),a&&D(n,a),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,i,a}(i.Component);Y.propTypes={classes:a.object.isRequired,data:a.object.isRequired,featureFlags:a.object,location:a.object.isRequired,presentationFamily:a.string.isRequired,selectedSku:a.object.isRequired,isClubProduct:a.bool,clubComponents:x.yK,renderSnipe:a.bool,renderHeroImageFlag:a.bool,altImagesContainerStyle:a.string,productBaseContent:(0,a.shape)({entries:(0,a.arrayOf)((0,a.shape)({products_viewed_section:(0,a.shape)({background_color:a.string,copy:a.string,font_color:a.string})}))}),trackEvent:a.func.isRequired,pmallSummaryInfo:(0,a.shape)({customizations:(0,a.shape)({refnum:a.string,imageURL:a.string})}).isRequired,setShippingModalOpen:a.func,brand:(0,a.shape)({code:a.string.isRequired}).isRequired,productUrl:a.string,pdpImageZoomEnabled:a.string.isRequired,partNumber:a.string,isClubPDPV2:a.bool,plaAltImageHorizontal:a.bool,isPlaPage:a.bool,isPdpRedesignEnabled:a.bool,isPlaRedesignEnabled:a.bool,selectedSkuBasedAltImages:a.bool},Y.defaultProps={isClubProduct:!1,clubComponents:[],renderSnipe:!0,renderHeroImageFlag:!1,altImagesContainerStyle:"",productBaseContent:{},setShippingModalOpen:function(){},featureFlags:{},productUrl:"",partNumber:"",isClubPDPV2:!1,plaAltImageHorizontal:!1,isPlaPage:!1,isPdpRedesignEnabled:!1,isPlaRedesignEnabled:!1,selectedSkuBasedAltImages:!1};var Q=(0,l.Ng)(function(e){return{pmallSummaryInfo:(0,C.getPmallSummaryInfo)(e),brand:(0,W.getBrand)(e),pdpImageZoomEnabled:(0,O.getActiveABTest)("pdp_image_zoom_enabled_v2")(e)}},function(e){return{trackEvent:(0,m.zH)(b.o1.trackEvent,e)}})((0,u.A)(function(e){var t,n,i,o,a,l,r,d,u,c,s,m;return{root:V({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"flex-start",background:null===e||void 0===e||null===(t=e.palette)||void 0===t?void 0:t.white},null===e||void 0===e||null===(n=e.breakpoints)||void 0===n?void 0:n.down("md"),{flexDirection:"column",justifyContent:"flex-start"}),sliderRoot:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"flex-start",background:null===e||void 0===e||null===(i=e.palette)||void 0===i?void 0:i.white},altImageContainer:V({display:"inline-block",flexWrap:"wrap",marginRight:"10px",maxWidth:"110px"},null===e||void 0===e||null===(o=e.breakpoints)||void 0===o?void 0:o.down("md"),{order:"2",margin:"20px 0 0 0",display:"flex",maxWidth:"100%",width:"100%"}),sliderAltImageContainer:{display:"inline-block",flexWrap:"wrap",margin:"20px 10px 10px 0px",maxWidth:"110px","& $altImage":{width:"100%",height:"102px"},"& $videoAltButton":{"& img":{aspectRatio:"1/1.1"}},"& $whiteBg":{"& svg":{minHeight:"102px"}}},sliderPLARoot:{display:"block"},sliderPlaAltImageContainer:{margin:"20px 10px 10px 0px",maxWidth:"100%","& $sliderContainer":{"& .slick-slide":{padding:"0px 5px"},"& .slick-prev, & .slick-next":{transform:"none",top:"32px"},"& .slick-next":{right:"-10px"},"& .slick-prev":{left:"-3px"}}},altImageButton:V({display:"block",padding:0,margin:"0 10px 10px 0",position:"relative",width:"100%",height:"auto",border:"none",outline:"none",cursor:"pointer","& img":{display:"block"}},null===e||void 0===e||null===(a=e.breakpoints)||void 0===a?void 0:a.down("md"),{maxWidth:"110px",width:"100%"}),whiteBg:{background:"#FFF"},altImage:{width:"100%",height:"auto",opacity:"1 !important"},altImageMobile:{margin:"0 auto"},productImageWrapper:V({flex:"1 1 auto",order:"2",maxWidth:"600px",width:"100%",position:"relative"},null===e||void 0===e||null===(l=e.breakpoints)||void 0===l?void 0:l.down("md"),{order:"1"}),productImage:V({width:"100%",height:"auto",display:"block",background:"linear-gradient(270deg, #E7EDF1, #F2F8FC, #E7EDF1)"},null===e||void 0===e||null===(r=e.breakpoints)||void 0===r?void 0:r.down("md"),{height:"auto"}),imageAspectRatioHeight:{paddingBottom:"109.5%",position:"relative"},productVideo:V(V({width:"100%",position:"absolute",top:0,left:0,right:0,minHeight:"597px"},e.breakpoints.down(1350),{minHeight:"auto"}),"objectFit","cover"),snipe:{position:"absolute",top:"0px",right:"0",left:"0",width:"100%"},productImageWrapperClub:V(V({display:"inline-block",margin:"0",minWidth:"200px",maxWidth:"600px",height:"100%",position:"relative"},null===e||void 0===e||null===(d=e.breakpoints)||void 0===d?void 0:d.down("md"),{marginLeft:"20px"}),null===e||void 0===e||null===(u=e.breakpoints)||void 0===u?void 0:u.down("sm"),{marginLeft:0,maxWidth:"100%"}),monthSnipe:{position:"absolute",right:0,left:0,bottom:0,padding:5,backgroundColor:"rgba(47,47,47, .9)",boxSizing:"border-box",color:(null===(c=e.palette.cms)||void 0===c?void 0:c.primary_font_color)||"#ffffff",textAlign:"center"},upsellSelected:{"& span":{backgroundColor:e.palette.primaryButton||"#a1001a"}},upsellImageBox:V(V(V(V({display:"inline-block",flexWrap:"wrap",marginRight:"10px",minWidth:"95px",minHeight:"114px",maxWidth:"110px"},e.breakpoints.down("md"),{order:"2",margin:"20px 0 0 0",display:"flex",minHeight:"auto",maxWidth:"100%"}),e.breakpoints.down("sm"),{order:"2",margin:"20px 0 0 0",display:"inline-block",minHeight:"auto",maxWidth:"100%"}),"&:hover span",{backgroundColor:e.palette.primaryButton||"#a1001a"}),"&:last-child",{margin:0}),flexCenter:V(V({display:"flex",justifyContent:"center","& .slick-list":{display:"none"}},e.breakpoints.down("md"),{width:"92%",margin:"0 auto"}),e.breakpoints.down("sm"),{width:"95%",display:"block",margin:"0 auto","& .slick-slide":{float:"left",whiteSpace:"nowrap"},"& .slick-list":{display:"block"}}

1),imageContainer:{position:"relative",cursor:"pointer"},videoAltButton:{"& img":{aspectRatio:"1/1.1"}},productImageWrapperInner:{position:"relative"},simpleVideo:V({width:"100%",top:0,left:0,right:0,minHeight:"597px",objectFit:"cover",position:"absolute"},e.breakpoints.down(1370),{minHeight:"auto"}),videoMainImage:{minHeight:"auto"},responsiveWrapper:{position:"absolute",top:0,right:0,bottom:0,left:0,'& img[src*="addwine-snipe"]':{top:"-7px",right:"-7px",left:"auto"}},sliderOuterContainer:V({width:"100%",display:"inline-block",flexWrap:"wrap",marginRight:"10px",maxWidth:"110px"},e.breakpoints.down("md"),{order:"2",display:"flex",maxWidth:"100%"}),sliderContainer:{position:"relative",maxWidth:"1400px",margin:"auto","& .slick-list":V({overflow:"hidden",width:"90%",margin:"0 auto"},e.breakpoints.up(1280),{height:"560px"}),"& .slick-slide":{display:"inline-block",verticalAlign:"middle",overflow:"hidden"},"& .slick-current":{paddingRight:0},"& .slick-prev, & .slick-next":{transform:"rotate(90deg)",cursor:"pointer",border:"none",outline:0,fontSize:0,lineHeight:0,width:30,height:25,position:"absolute"},"& .slick-prev":{top:"-20px",left:"35%",opacity:"0.9",zIndex:"1"},"& .slick-next":{bottom:"-20px",right:"32%",opacity:"0.9"},"@media only screen and (max-width: 1280px) and (min-width: 600px)":{width:"100%"}},carouselContainer:{position:"relative",width:"100%","& .slick-list":{overflow:"hidden",margin:"0px"},"& $altImageButton":{maxWidth:"unset",width:"100px",padding:"0",backgroundColor:(null===(s=e.palette.cms)||void 0===s?void 0:s.white)||"#ffffff",margin:"0 0 5px"},"& $altImageContainer":V({},null===e||void 0===e||null===(m=e.breakpoints)||void 0===m?void 0:m.down("md"),{margin:"0 10px 5px"}),"& $altImage":{width:"100%"},"& .slick-slide":{display:"inline-block",width:"auto !important"},"& .slick-prev, & .slick-next":{transform:"translate(0,-50%)",cursor:"pointer",border:"none",outline:0,fontSize:0,lineHeight:0,top:"49%",width:30,height:100,position:"absolute",background:"rgb(245 245 245 / 81%)",zIndex:9999,"& svg":{height:"inherit"}},"& .slick-prev":{left:0},"& .slick-next":{right:0}},mainSliderContainer:{marginTop:"8px"},altImageName:{fontSize:"12px",margin:"-5px 0 10px 0",display:"block"},pmallAltImageContainer:{textAlign:"center"},upsellWrapper:{display:"inline-block",flexWrap:"wrap","&:hover span":{backgroundColor:e.palette.primaryButton||"#a1001a"}},rootContainer:{"& $productImageWrapper":{maxWidth:"637px"}},plaAltImageButton:{maxWidth:"64px","@media only screen and (max-width: 1280px)":{maxWidth:"100%",marginTop:"14px"},"& $carouselContainer":{"@media only screen and (max-width: 1026px) and (min-width: 800px)":{width:"80% !important"},"& $altImageButton":{maxWidth:"76px"},"& .slick-prev, & .slick-next":{top:"42%",height:"85px"}}}}})(Y))}}]);
2//# sourceMappingURL=GraphqlProductImageUIV1.67a48e01.chunk.js.map