yt-uikit 0.7.425-offerTierCustomTextView.0 → 0.7.425-offerTierCustomTextView.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/esm/index.js +1 -1
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
|
@@ -3318,7 +3318,7 @@ import*as e from"react";import t,{forwardRef as n,useImperativeHandle as r,useRe
|
|
|
3318
3318
|
text-align: center;
|
|
3319
3319
|
display: flex;
|
|
3320
3320
|
flex-shrink: 0;
|
|
3321
|
-
`,lm=({tiers:e,isMobile:n=!1,selectedProductsByTier:r,selectedProducts:o,themeColor:a,showProductDetailsInTracker:i,handleRemoveItemProductTier:l,cornerRadius:c,currencySymbol:s})=>t.createElement(t.Fragment,null,e.map(((a,d)=>{const p=a.minimumQuantity-(r[d]?.length??0),u=o?.filter((e=>r[d]?.includes(e.variantId)));return Math.min(r[d]?.length/a.minimumQuantity*100,100),t.createElement("div",{className:"yt-byob-tracker-product-list-tier-wrapper",style:{display:"flex",width:"100%"}},t.createElement("div",{className:"yt-byob-tracker-product-list-tier-items"},t.createElement("div",{className:"yt-byob-tracker-product-list-items",style:{display:"flex",gap:"5px"}},u?.map?.((e=>{const o=e.product.variants?.edges?.find((t=>t.node.id===e.variantId)),a=r[d]?.filter((e=>e===o?.node.id)).length||0;return i?t.createElement(am,{className:"yt-byob-tracker-detailed-product-item",key:e.variantId},t.createElement(Vu,{className:"yt-byob-tracker-detailed-image",style:{backgroundImage:`url(${o?.node.image?.url&&o?.node.image?.url?.length>0?o?.node.image.url:e.product.featuredMedia?.preview?.image?.url})`}},e?.quantity>1&&t.createElement(Ru,{className:"yt-byob-tracker-quantity-badge",borderRadius:c},e.quantity,"x")),t.createElement(Hu,{className:"yt-byob-tracker-info-block"},t.createElement(qu,{className:"yt-byob-tracker-product-title"},e.product.title),t.createElement(Uu,{className:"yt-byob-tracker-product-price"},s,Gh(o?.node?.price)),t.createElement(Lu,{className:"yt-byob-tracker-remove-detailed-btn",onClick:()=>l(e.variantId,d)},t.createElement(Xa,null),t.createElement("span",null,"Remove")))):t.createElement("div",{className:"yt-byob-tracker-product-item",key:e.variantId},t.createElement(om,{className:"yt-byob-tracker-product-list-item",isMobile:n,borderRadius:c,imageUrl:o?.node.image?.url&&o?.node.image?.url?.length>0?o?.node.image.url:e.product.featuredMedia?.preview?.image?.url,style:{..."high"===c&&{borderRadius:"20px"},..."medium"===c&&{borderRadius:"6px"},...""===c&&{borderRadius:"0px"}}},a>1&&t.createElement(Ru,{className:"yt-byob-tracker-quantity-badge",borderRadius:c},a,"x"),t.createElement(Lu,{className:"yt-byob-tracker-remove-btn",onClick:()=>l(e.variantId,d)},t.createElement(ht,{fontSize:"12px"}))))})),p>=1&&[...Array(p)].map(((e,r)=>t.createElement(Gu,{className:"yt-byob-tracker-placeholder-box",isMobile:n,borderRadius:c,key:r},t.createElement(co,{size:40,color:"#A0A0A0"})))))),d<e.length-1&&t.createElement(im,{className:"yt-byob-tracker-plus-icon-container"},t.createElement(co,{size:"16px",style:{backgroundColor:"#f2f2f2"}})))}))),cm=({builderTiers:e,handleAddToCart:n,minimumQuantity:r,selectedProducts:o,showProductDetailsInTracker:a,loading:i,handleRemoveItem:s,percentageOff:d,selectedItemsQuantity:p,bundleSubtotal:u,amountOff:m,styles:f,dealAmount:g,isMobile:h=!1,themeColor:x,cornerRadiusType:y,primaryTextColorCta:b,handleRemoveItemProductTier:v,selectedProductsByTier:w,storeCurrencyCode:C})=>{const[k,E]=c(!1),[T,S]=c(0),[$,B]=c([]),[z,I]=c(0),[N,D]=c(0),[_,P]=c(!1),[A,O]=c(null),F=u?.price||0,M=e?.type,R=e=>{if(e<0||!$[e])return F;const t=$[e].discountValue??0;return d?F*(1-t/100):g?t:m?F-t:F};l((()=>{if(e&&"none"!==e.type)if("productTier"===M&&e.productTier){const t=e.productTier||[];B(t);let n=0;e.productTier.map((e=>{n+=e.minimumQuantity})),D(n-p)}else if($.length)z>0&&p<$[z-1]?.minimumQuantity?(I(z-1),O(z-1)):p<$[z]?.minimumQuantity&&O(z-1),S(R(z));else{const t=e.offerTier||[];B(t),I(0),D(t[0]?.minimumQuantity-p||r-p)}else B([]),D(r-p),I(0)}),[e,r,p]),l((()=>{$.length&&"productTier"!=M?(()=>{if(!$?.length)return;let e=-1,t=null,n=0;if("offerTier"===M)for(let r=0;r<$.length&&(n+=$[r].minimumQuantity,p>=n);r++)t=r,e=r+1<$.length?r+1:r;if(I(e),O(t),null!==t){let e=$.slice(0,t+1).reduce(((e,t)=>e+t.minimumQuantity),0);P(e===p),E(!0),S(R(t))}else P(!1),E(!1),S(F);const r=e>=0&&e<$.length?$.slice(0,e+1).reduce(((e,t)=>e+t.minimumQuantity),0)-p:$[0].minimumQuantity-p;D(r)})():p===r?(E(!0),S(d?F*(1-d/100):g||(m?F-m:F)),P(!0)):(P(!1),E(!1))}),[p,$]);const L=k?Math.max(u?.compareAtPrice,u?.price):u?.compareAtPrice>u?.price?u?.compareAtPrice:null,j=k?T.toFixed(2):u?.price?.toFixed(2),V=L&&j?(L-Number(j)).toFixed(2):0,W=e&&"none"!==M&&e.offerTier?"offerTier"===M?Math.min(p/(p+N)*100,100):void 0:p/r*100;let H;l((()=>{if(k&&f.byob.enableConfetti){console.log("remainingItems",N);const e=document.getElementById("checkoutButton");if(!e)return;const t=e.getBoundingClientRect(),n=(t.left+t.width/2)/window.innerWidth,r=(t.top+t.height/2)/window.innerHeight;Ur({particleCount:100,spread:70,origin:{x:n,y:r},zIndex:9999})}}),[k,f]),z>=0&&z<$.length&&$[z].tier,H="number"==typeof A?$[A]?.customText:null===A?$[0]?.customText:void 0;const q="string"==typeof H&&""!==H.trim();return t.createElement(Iu,{className:"yt-byob-tracker-container bundle-builder-tracker-container "+(h?"yt-byob-tracker-mobile":"yt-byob-tracker-desktop"),isMobile:h,style:{justifyContent:f.byob.selectedProductsVisibility&&!h?"space-between":"center"}},"offerTier"==M&&t.createElement(Nu,{className:"yt-byob-tracker-offer-tier-tag"},q?t.createElement(t.Fragment,null,H," unlocked"):t.createElement(t.Fragment,null,t.createElement(t.Fragment,null,"Buy "," ",$.slice(0,(A??0)+1).reduce(((e,t)=>e+t.minimumQuantity),0)," ","at",m||g?t.createElement(t.Fragment,null," ",Yh(f.general.currencySymbol,C)):""," ",Gh($[A??0]?.discountValue),d?t.createElement(t.Fragment,null,"% "):Gh(g)?t.createElement(t.Fragment,null):"",d||m?t.createElement(t.Fragment,null," Off"):""),t.createElement("span",{style:{fontStyle:"italic"}}," applied"))),h&&N>=1&&!_&&"offerTier"!==M?t.createElement(Du,{className:"yt-byob-tracker-mobile-remaining",style:{margin:"0"}},"Select ",N," more item(s)"):t.createElement(t.Fragment,null),"productTier"!==M&&t.createElement(_u,{className:"yt-byob-tracker-tier-progress-container"},t.createElement(Pu,{className:"yt-byob-tracker-tier-progress-text"},"offerTier"==M&&$.length>0&&z>=0&&N>0&&t.createElement(t.Fragment,null,q?t.createElement("div",{className:"yt-byob-tracker-add-more-text",style:{padding:"4px",fontWeight:"600",...window.innerWidth<=768&&{fontSize:"12px"},color:"#121212"}},"Add ",N," more to unlock"," ",null!==A&&($[A+1]?.customText||$[A]?.customText||"")):t.createElement(t.Fragment,null,t.createElement("div",{className:"yt-byob-tracker-add-more-text",style:{padding:"4px",fontWeight:"600",...window.innerWidth<=768&&{fontSize:"12px"},color:"#121212"}},"Add ",N," More Item(s)",t.createElement("span",{style:{fontWeight:"500"}}," to "),"Buy ",p+N," at",m||g?t.createElement(t.Fragment,null,Yh(f.general.currencySymbol,C)):""," ",Gh($[z]?.discountValue),d?t.createElement(t.Fragment,null,"% "):Gh(g)?t.createElement(t.Fragment,null):"",d||m?t.createElement(t.Fragment,null," Off"):"")))),t.createElement(Au,{className:"yt-byob-tracker-progress-bar-bg"},t.createElement(Ou,{className:"yt-byob-tracker-progress-bar-fill bundle-builder-tracker-progress",progressPercentage:W??0,primaryColor:x??f?.general.primaryColor}," "))),f.byob.selectedProductsVisibility&&t.createElement(Fu,{className:"yt-byob-tracker-product-list-wrapper hide-tracker-scrollbar "+(h?"yt-byob-tracker-mobile-product-list":"yt-byob-tracker-desktop-product-list"),tierType:M??"",isMobile:h},"productTier"===M?t.createElement(lm,{tiers:$,isMobile:h,selectedProductsByTier:w??{},selectedProducts:o,themeColor:f.general.primaryColor,showProductDetailsInTracker:a,handleRemoveItemProductTier:v,cornerRadius:f.byob.borderRadius,currencySymbol:Yh(f.general.currencySymbol,C)}):t.createElement(t.Fragment,null,o?.map?.((e=>{const n=e.product.variants?.edges?.find((t=>t.node.id===e.variantId));return a?t.createElement(ju,{className:"yt-byob-tracker-detailed-item-container",borderRadius:f.byob.borderRadius,key:e.variantId},t.createElement(Vu,{className:"yt-byob-tracker-detailed-image",style:{backgroundImage:`url(${n?.node.image?.url&&n?.node.image?.url?.length>0?n?.node.image.url:e.product.featuredMedia?.preview?.image?.url})`}},e?.quantity>1&&t.createElement(Wu,{className:"yt-byob-tracker-badge"},e.quantity,"x")),t.createElement(Hu,{className:"yt-byob-tracker-info-block"},t.createElement(qu,{className:"yt-byob-tracker-product-title"},e.product.title),t.createElement(Uu,{className:"yt-byob-tracker-product-price"},f.general.currencySymbol,n?.node?.price),t.createElement(Qu,{className:"yt-byob-tracker-remove-link",onClick:()=>s(e.variantId)},t.createElement(Xa,null),t.createElement("span",null,"Remove")))):t.createElement("div",{className:"yt-byob-tracker-product-item",key:e.variantId},t.createElement(rm,{className:"yt-byob-tracker-item bundle-builder-tracker-item",isMobile:h,borderRadius:f.byob.borderRadius,imageUrl:n?.node.image?.url&&n?.node.image?.url?.length>0?n?.node.image.url:e.product.featuredMedia?.preview?.image?.url},e?.quantity>1&&t.createElement(Ru,{className:"yt-byob-tracker-quantity-badge",borderRadius:f.byob.borderRadius},e.quantity,"x"),t.createElement(Lu,{className:"yt-byob-tracker-remove-btn",onClick:()=>s(e.variantId)},t.createElement(ht,{fontSize:"12px"}))))})),N>=1&&[...Array(N)].map(((e,n)=>t.createElement(Gu,{className:"yt-byob-tracker-placeholder-box",isMobile:h,borderRadius:f.byob.borderRadius,key:n},t.createElement(co,{size:40,color:"#A0A0A0"})))))),(!h||_)&&t.createElement(Mu,{className:"yt-byob-tracker-summary-container bundle-summary "+(h?"yt-byob-tracker-mobile-summary":"yt-byob-tracker-desktop-summary"),isMobile:h},Number(j)>0&&t.createElement(Yu,{className:"yt-byob-tracker-summary-info summary-info"},t.createElement("div",{className:"yt-byob-tracker-summary-info-content",style:{display:"flex",...window.innerWidth<=600&&{flexDirection:"column"},gap:"5px",justifyContent:"center"}},h?t.createElement("div",{className:"yt-byob-tracker-mobile-subtotal-row",style:{display:"flex",flexDirection:"row",gap:"6px",alignItems:"center"}},t.createElement(Zu,{className:"yt-byob-tracker-subtotal-label"},"Subtotal"),Number(V)>0&&t.createElement(Xu,{className:"yt-byob-tracker-save-label",style:{}},"Save:"," ",Yh(f.general.currencySymbol,C),Gh(V))):t.createElement(t.Fragment,null,t.createElement(Zu,{className:"yt-byob-tracker-subtotal-label"},"Subtotal"),Number(V)>0&&!h&&t.createElement(Xu,{className:"yt-byob-tracker-save-label"},"Save:"," ",Yh(f.general.currencySymbol,C),Gh(V)))),t.createElement(Ku,{className:"yt-byob-tracker-subtotal-row"},t.createElement(Ju,{className:"yt-byob-tracker-final-price"},Yh(f.general.currencySymbol,C),Number(j)>=0?Gh(Number(j).toFixed(2)):0),L&&f.byob.compareAtPriceVisibility&&Number(L)>Number(j)&&t.createElement(em,{className:"yt-byob-tracker-line-through-price"},Yh(f.general.currencySymbol,C),Gh(Number(L).toFixed(2))))),t.createElement(tm,{className:"yt-byob-tracker-checkout-button yt-tracking-bar-checkout-button",canCheckout:_,progressPercentage:W??0,ctaColors:{ctaBackgroundColor:f.general.ctaBackgroundColor,ctaBorderColor:f.general.ctaBorderColor,ctaHoverBackgroundColor:f.general.ctaHoverBackgroundColor,ctaHoverTextColor:f.general.ctaHoverTextColor},borderRadius:f.general.ctaBorderRadius,disabled:!_&&N>=1,onClick:e=>{i||console.log("saving"),n(e.target??e.currentTarget)},id:"checkoutButton"},i?t.createElement(ta,{color:"white",loading:i,size:15,"aria-label":"Loading Spinner","data-testid":"loader"}):N>=1&&!_?t.createElement("div",{className:"yt-byob-tracker-add-more-btn-text yt-tracking-bar-checkout-button-items-text",style:{color:f.general.primaryColor}},"Add ",N," More Item(s)"):t.createElement(nm,{className:"yt-byob-tracker-checkout-text yt-tracking-bar-checkout-button-text",ctaTextColor:f.general.ctaTextColor,ctaHoverTextColor:b??f.general.ctaHoverTextColor},f.byob.checkoutCTAText??"Checkout"))))},sm={8087437412:{position:"fixed",bottom:"10px",zIndex:100,width:"95%",left:"50%",transform:"translateX(-50%)",mobile:{bottom:"50px"}},66134737152:{position:"fixed",zIndex:20,width:"90%",left:"50%",transform:"translateX(-50%)",bottom:"10px"},83438567714:{zIndex:100,position:"fixed",width:"95%",left:"50%",transform:"translateX(-50%)",bottom:"10px"},72726479068:{position:"fixed",zIndex:20,width:"90%",left:"50%",transform:"translateX(-50%)",bottom:"10px",mobile:{bottom:"70px"}},64800161992:{zIndex:20,mobile:{bottom:"50px"},position:"sticky",bottom:"10px"},53933408435:{zIndex:5,mobile:{bottom:"60px"},position:"sticky",bottom:"10px"},68377018594:{zIndex:5,bottom:"10px",position:"fixed",left:"50%",transform:"translateX(-50%)",mobile:{bottom:"70px"}},84569063743:{zIndex:999,bottom:"0px",width:"100%",position:"fixed",right:"0px",left:"0px"},62022680789:{bottom:"65px",zIndex:999,width:"100%",position:"fixed",right:"0px",left:"0px"},63102222549:{position:"sticky",bottom:"100px",zIndex:999,mobile:{bottom:"60px"}},26666008755:{bottom:"10px",zIndex:999,position:"fixed",left:"50%",transform:"translateX(-50%)"},67641475285:{bottom:"10px",zIndex:999,position:"fixed",left:"50%",transform:"translateX(-50%)"},61613179125:{position:"fixed",left:"50%",transform:"translateX(-50%)"},80866345280:{bottom:"10px",mobile:{bottom:"70px"}}},dm={position:"sticky",bottom:"10px",zIndex:999,width:"96%"},pm=e=>{const[n,r]=c(!1);l((()=>{const e=()=>{r(window.innerWidth<=768)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}),[]);const o="undefined"!=typeof window?(window?.ytapp||window?.ytBundleApp)?.storeId:void 0,a=((e,t=!1)=>{const n=e&&sm[e]?sm[e]:{},r={...dm,...n};return t&&n.mobile?{...r,...n.mobile}:r})(String(o),n);e.renderingOnPage||(a.position="static",a.zIndex=0);const i={display:"flex",backgroundColor:"white",borderRadius:"4px",paddingBottom:"5px",justifyContent:"center",margin:"0 auto",transition:"box-shadow 0.3s ease, transform 0.3s ease",border:"1px solid #CBCBCB",boxShadow:"\n 0px 3px 6px 0px #00000040, \n 0px 11px 11px 0px #00000036, \n 0px 24px 14px 0px #00000021, \n 0px 43px 17px 0px #0000000A, \n 0px 68px 19px 0px #00000000\n ",...a};return t.createElement("div",{className:"yt-byob-tracker-bar yt-bundle-builder-tracker-bar "+(n?"yt-byob-tracker-mobile-bar":"yt-byob-tracker-desktop-bar"),style:{...i,width:n?"100%":a.width,...!e.styles.byob.selectedProductsVisibility&&{width:n?"96%":"fit-content",paddingInline:"10px"},...n&&{display:"flex",flexDirection:"row",paadingTop:"0px"}},onMouseEnter:e=>{e.currentTarget.style.boxShadow="\n 0px 8px 16px 0px #00000040, \n 0px 24px 24px 0px #00000036, \n 0px 50px 30px 0px #00000021, \n 0px 90px 36px 0px #0000000A, \n 0px 140px 40px 0px #00000000\n ",e.currentTarget.style.transform="translateX(-50%)"===a.transform?"translate(-50%, -3px)":"translateY(-3px)"},onMouseLeave:e=>{e.currentTarget.style.boxShadow="\n 0px 5px 12px 0px #00000040, \n 0px 22px 22px 0px #00000036, \n 0px 49px 29px 0px #00000021, \n 0px 87px 35px 0px #0000000A, \n 0px 136px 38px 0px #00000000\n ",e.currentTarget.style.transform=a.transform||"translateY(0)"}},t.createElement(cm,{...e,isMobile:n}))},um=Mt(void 0);function mm(e){return mm="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},mm(e)}function fm(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function gm(e,t){return gm=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},gm(e,t)}function hm(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=xm(e);if(t){var o=xm(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return function(e,t){if(t&&("object"===mm(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)}(this,n)}}function xm(e){return xm=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},xm(e)}var ym=function(){!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&&gm(e,t)}(o,h);var e,t,n,r=hm(o);function o(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,o),r.apply(this,arguments)}return e=o,t=[{key:"componentDidMount",value:function(){!function(e,t){if(!document.head.querySelector("#"+e)){var n=document.createElement("style");n.textContent=t,n.type="text/css",n.id=e,document.head.appendChild(n)}}(this.props.name,this.props.css)}},{key:"componentWillUnmount",value:function(){var e=document.getElementById(this.props.name);e.parentNode.removeChild(e)}},{key:"render",value:function(){return null}}],t&&fm(e.prototype,t),n&&fm(e,n),Object.defineProperty(e,"prototype",{writable:!1}),o}(),bm=function(e){var t=e.imageBackgroundColor;return"\n body {\n overflow: hidden;\n }\n\n .__react_modal_image__modal_container {\n position: fixed;\n z-index: 5000;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.8);\n touch-action: none;\n overflow: hidden;\n }\n\n .__react_modal_image__modal_content {\n position: relative;\n height: 100%;\n width: 100%;\n }\n\n .__react_modal_image__modal_content img, \n .__react_modal_image__modal_content svg {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate3d(-50%, -50%, 0);\n -webkit-transform: translate3d(-50%, -50%, 0);\n -ms-transform: translate3d(-50%, -50%, 0);\n overflow: hidden;\n }\n\n .__react_modal_image__medium_img {\n max-width: 98%;\n max-height: 98%;\n background-color: ".concat(t,";\n }\n\n .__react_modal_image__large_img {\n cursor: move;\n background-color: ").concat(t,"\n }\n\n .__react_modal_image__icon_menu a {\n display: inline-block;\n font-size: 40px;\n cursor: pointer;\n line-height: 40px;\n box-sizing: border-box;\n border: none;\n padding: 0px 5px 0px 5px;\n margin-left: 10px;\n color: white;\n background-color: rgba(0, 0, 0, 0);\n }\n\n .__react_modal_image__icon_menu {\n display: inline-block;\n float: right;\n }\n\n .__react_modal_image__caption {\n display: inline-block;\n color: white;\n font-size: 120%;\n padding: 10px;\n margin: 0;\n }\n\n .__react_modal_image__header {\n position: absolute;\n top: 0;\n width: 100%;\n background-color: rgba(0, 0, 0, 0.7);\n overflow: hidden;\n }\n")},vm=function(){return t.createElement("svg",{fill:"#ffffff",height:"24",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),t.createElement("path",{d:"M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"}))},wm=function(){return t.createElement("svg",{fill:"#ffffff",height:"24",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),t.createElement("path",{d:"M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"}))},Cm=function(){return t.createElement("svg",{fill:"#ffffff",height:"24",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"}),t.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))},km=function(){return t.createElement("svg",{fill:"#ffffff",height:"24",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}),t.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))},Em=function(){return t.createElement("svg",{fill:"#ffffff",height:"48",viewBox:"0 0 24 24",width:"48",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M6 2v6h.01L6 8.01 10 12l-4 4 .01.01H6V22h12v-5.99h-.01L18 16l-4-4 4-3.99-.01-.01H18V2H6zm10 14.5V20H8v-3.5l4-4 4 4zm-4-5l-4-4V4h8v3.5l-4 4z"}),t.createElement("path",{d:"M0 0h24v24H0V0z",fill:"none"}))},Tm=function(){return t.createElement("svg",{fill:"#ffffff",width:"24",height:"24",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{fill:"none",d:"M0 0h24v24H0V0zm0 0h24v24H0V0z"}),t.createElement("path",{d:"M7.47 21.49C4.2 19.93 1.86 16.76 1.5 13H0c.51 6.16 5.66 11 11.95 11 .23 0 .44-.02.66-.03L8.8 20.15l-1.33 1.34zM12.05 0c-.23 0-.44.02-.66.04l3.81 3.81 1.33-1.33C19.8 4.07 22.14 7.24 22.5 11H24c-.51-6.16-5.66-11-11.95-11zM16 14h2V8c0-1.11-.9-2-2-2h-6v2h6v6zm-8 2V4H6v2H4v2h2v8c0 1.1.89 2 2 2h8v2h2v-2h2v-2H8z"}))};var Sm=function(e){return function(t){(function(e){return document.location.hostname!==new URL(e,document.location).hostname})(e)&&(t.preventDefault(),fetch(e).then((function(t){return t.ok||console.error("Failed to download image, HTTP status "+t.status+" from "+e),t.blob().then((function(t){var n=document.createElement("a");n.setAttribute("download",e.split("/").pop()),n.href=URL.createObjectURL(t),n.click()}))})).catch((function(t){console.error(t),console.error("Failed to download image from "+e)})))}},$m=function(e){var n=e.image,r=e.alt,o=e.zoomed,a=e.toggleZoom,i=e.toggleRotate,l=e.onClose,c=e.enableDownload,s=e.enableZoom,d=e.enableRotate;return t.createElement("div",{className:"__react_modal_image__header"},t.createElement("span",{className:"__react_modal_image__icon_menu"},c&&t.createElement("a",{href:n,download:!0,onClick:Sm(n)},t.createElement(Cm,null)),s&&t.createElement("a",{onClick:a},o?t.createElement(wm,null):t.createElement(vm,null)),d&&t.createElement("a",{onClick:i},t.createElement(Tm,null)),t.createElement("a",{onClick:l},t.createElement(km,null))),r&&t.createElement("span",{className:"__react_modal_image__caption"},r))};function Bm(e){return Bm="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},Bm(e)}function zm(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function Im(e,t){return Im=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},Im(e,t)}function Nm(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=_m(e);if(t){var o=_m(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return function(e,t){if(t&&("object"===Bm(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return Dm(e)}(this,n)}}function Dm(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _m(e){return _m=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},_m(e)}function Pm(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Am=function(){!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&&Im(e,t)}(a,h);var e,n,r,o=Nm(a);function a(){var e;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a);for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];return Pm(Dm(e=o.call.apply(o,[this].concat(n))),"state",{loading:!0}),Pm(Dm(e),"handleOnLoad",(function(){e.setState({loading:!1})})),Pm(Dm(e),"handleOnContextMenu",(function(t){!e.props.contextMenu&&t.preventDefault()})),e}return e=a,n=[{key:"render",value:function(){var e=this.props,n=e.id,r=e.className,o=e.src,a=e.style,i=e.handleDoubleClick;return t.createElement("div",null,this.state.loading&&t.createElement(Em,null),t.createElement("img",{id:n,className:r,src:o,style:a,onLoad:this.handleOnLoad,onDoubleClick:i,onContextMenu:this.handleOnContextMenu}))}}],n&&zm(e.prototype,n),r&&zm(e,r),Object.defineProperty(e,"prototype",{writable:!1}),a}();function Om(e){return Om="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},Om(e)}function Fm(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function Mm(e,t){return Mm=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},Mm(e,t)}function Rm(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=jm(e);if(t){var o=jm(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return function(e,t){if(t&&("object"===Om(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return Lm(e)}(this,n)}}function Lm(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function jm(e){return jm=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},jm(e)}function Vm(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Wm=function(){!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&&Mm(e,t)}(a,h);var e,n,r,o=Rm(a);function a(){var e;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a);for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];return Vm(Lm(e=o.call.apply(o,[this].concat(n))),"state",{move:{x:0,y:0},moveStart:void 0,zoomed:!1,rotationDeg:0}),Vm(Lm(e),"handleKeyDown",(function(t){27!==t.keyCode&&13!==t.keyCode||e.props.onClose()})),Vm(Lm(e),"getCoordinatesIfOverImg",(function(t){var n=t.changedTouches?t.changedTouches[0]:t;if("react-modal-image-img"===n.target.id){var r=e.contentEl.getBoundingClientRect();return{x:n.clientX-r.left,y:n.clientY-r.top}}})),Vm(Lm(e),"handleMouseDownOrTouchStart",(function(t){if(t.preventDefault(),!(t.touches&&t.touches.length>1)){var n=e.getCoordinatesIfOverImg(t);n||e.props.onClose(),e.state.zoomed&&e.setState((function(e){return{moveStart:{x:n.x-e.move.x,y:n.y-e.move.y}}}))}})),Vm(Lm(e),"handleMouseMoveOrTouchMove",(function(t){if(t.preventDefault(),e.state.zoomed&&e.state.moveStart&&!(t.touches&&t.touches.length>1)){var n=e.getCoordinatesIfOverImg(t);n&&e.setState((function(e){return{move:{x:n.x-e.moveStart.x,y:n.y-e.moveStart.y}}}))}})),Vm(Lm(e),"handleMouseUpOrTouchEnd",(function(t){e.setState({moveStart:void 0})})),Vm(Lm(e),"toggleZoom",(function(t){t.preventDefault(),e.setState((function(e){return{zoomed:!e.zoomed,move:e.zoomed?{x:0,y:0}:e.move}}))})),Vm(Lm(e),"toggleRotate",(function(t){t.preventDefault(),360!==e.state.rotationDeg?e.setState((function(e){return{rotationDeg:e.rotationDeg+=90}})):e.setState({rotationDeg:90})})),e}return e=a,(n=[{key:"componentDidMount",value:function(){document.addEventListener("keydown",this.handleKeyDown,!1)}},{key:"componentWillUnmount",value:function(){document.removeEventListener("keydown",this.handleKeyDown,!1)}},{key:"render",value:function(){var e=this,n=this.props,r=n.medium,o=n.large,a=n.alt,i=n.onClose,l=n.hideDownload,c=n.hideZoom,s=n.showRotate,d=n.imageBackgroundColor,p=void 0===d?"black":d,u=this.state,m=u.move,f=u.zoomed,g=u.rotationDeg;return t.createElement("div",null,t.createElement(ym,{name:"__react_modal_image__lightbox",css:bm({imageBackgroundColor:p})}),t.createElement("div",{className:"__react_modal_image__modal_container"},t.createElement("div",{className:"__react_modal_image__modal_content",onMouseDown:this.handleMouseDownOrTouchStart,onMouseUp:this.handleMouseUpOrTouchEnd,onMouseMove:this.handleMouseMoveOrTouchMove,onTouchStart:this.handleMouseDownOrTouchStart,onTouchEnd:this.handleMouseUpOrTouchEnd,onTouchMove:this.handleMouseMoveOrTouchMove,ref:function(t){e.contentEl=t}},f&&t.createElement(Am,{id:"react-modal-image-img",className:"__react_modal_image__large_img",src:o||r,style:{transform:"translate3d(-50%, -50%, 0) translate3d(".concat(m.x,"px, ").concat(m.y,"px, 0) rotate(").concat(g,"deg)"),WebkitTransform:"translate3d(-50%, -50%, 0) translate3d(".concat(m.x,"px, ").concat(m.y,"px, 0) rotate(").concat(g,"deg)"),MsTransform:"translate3d(-50%, -50%, 0) translate3d(".concat(m.x,"px, ").concat(m.y,"px, 0) rotate(").concat(g,"deg)")},handleDoubleClick:this.toggleZoom}),!f&&t.createElement(Am,{id:"react-modal-image-img",className:"__react_modal_image__medium_img",src:r||o,handleDoubleClick:this.toggleZoom,contextMenu:!r,style:{transform:"translate3d(-50%, -50%, 0) rotate(".concat(g,"deg)"),WebkitTransform:"translate3d(-50%, -50%, 0) rotate(".concat(g,"deg)"),MsTransform:"translate3d(-50%, -50%, 0) rotate(".concat(g,"deg)")}})),t.createElement($m,{image:o||r,alt:a,zoomed:f,toggleZoom:this.toggleZoom,toggleRotate:this.toggleRotate,onClose:i,enableDownload:!l,enableZoom:!c,enableRotate:!!s})))}}])&&Fm(e.prototype,n),r&&Fm(e,r),Object.defineProperty(e,"prototype",{writable:!1}),a}();function Hm(e){return Hm="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},Hm(e)}function qm(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function Um(e,t){return Um=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},Um(e,t)}function Qm(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=Ym(e);if(t){var o=Ym(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return function(e,t){if(t&&("object"===Hm(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return Gm(e)}(this,n)}}function Gm(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Ym(e){return Ym=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},Ym(e)}function Zm(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Xm=function(){!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&&Um(e,t)}(a,h);var e,n,r,o=Qm(a);function a(){var e;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a);for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];return Zm(Gm(e=o.call.apply(o,[this].concat(n))),"state",{modalOpen:!1}),Zm(Gm(e),"toggleModal",(function(){e.setState((function(e){return{modalOpen:!e.modalOpen}}))})),e}return e=a,n=[{key:"render",value:function(){var e=this.props,n=e.className,r=e.small,o=e.smallSrcSet,a=e.medium,i=e.large,l=e.alt,c=e.hideDownload,s=e.hideZoom,d=e.showRotate,p=e.imageBackgroundColor,u=this.state.modalOpen;return t.createElement("div",null,t.createElement("img",{className:n,style:{cursor:"pointer",maxWidth:"100%",maxHeight:"100%"},onClick:this.toggleModal,src:r,srcSet:o,alt:l}),u&&t.createElement(Wm,{medium:a,large:i,alt:l,onClose:this.toggleModal,hideDownload:c,hideZoom:s,showRotate:d,imageBackgroundColor:p}))}}],n&&qm(e.prototype,n),r&&qm(e,r),Object.defineProperty(e,"prototype",{writable:!1}),a}();const Km=x.div`
|
|
3321
|
+
`,lm=({tiers:e,isMobile:n=!1,selectedProductsByTier:r,selectedProducts:o,themeColor:a,showProductDetailsInTracker:i,handleRemoveItemProductTier:l,cornerRadius:c,currencySymbol:s})=>t.createElement(t.Fragment,null,e.map(((a,d)=>{const p=a.minimumQuantity-(r[d]?.length??0),u=o?.filter((e=>r[d]?.includes(e.variantId)));return Math.min(r[d]?.length/a.minimumQuantity*100,100),t.createElement("div",{className:"yt-byob-tracker-product-list-tier-wrapper",style:{display:"flex",width:"100%"}},t.createElement("div",{className:"yt-byob-tracker-product-list-tier-items"},t.createElement("div",{className:"yt-byob-tracker-product-list-items",style:{display:"flex",gap:"5px"}},u?.map?.((e=>{const o=e.product.variants?.edges?.find((t=>t.node.id===e.variantId)),a=r[d]?.filter((e=>e===o?.node.id)).length||0;return i?t.createElement(am,{className:"yt-byob-tracker-detailed-product-item",key:e.variantId},t.createElement(Vu,{className:"yt-byob-tracker-detailed-image",style:{backgroundImage:`url(${o?.node.image?.url&&o?.node.image?.url?.length>0?o?.node.image.url:e.product.featuredMedia?.preview?.image?.url})`}},e?.quantity>1&&t.createElement(Ru,{className:"yt-byob-tracker-quantity-badge",borderRadius:c},e.quantity,"x")),t.createElement(Hu,{className:"yt-byob-tracker-info-block"},t.createElement(qu,{className:"yt-byob-tracker-product-title"},e.product.title),t.createElement(Uu,{className:"yt-byob-tracker-product-price"},s,Gh(o?.node?.price)),t.createElement(Lu,{className:"yt-byob-tracker-remove-detailed-btn",onClick:()=>l(e.variantId,d)},t.createElement(Xa,null),t.createElement("span",null,"Remove")))):t.createElement("div",{className:"yt-byob-tracker-product-item",key:e.variantId},t.createElement(om,{className:"yt-byob-tracker-product-list-item",isMobile:n,borderRadius:c,imageUrl:o?.node.image?.url&&o?.node.image?.url?.length>0?o?.node.image.url:e.product.featuredMedia?.preview?.image?.url,style:{..."high"===c&&{borderRadius:"20px"},..."medium"===c&&{borderRadius:"6px"},...""===c&&{borderRadius:"0px"}}},a>1&&t.createElement(Ru,{className:"yt-byob-tracker-quantity-badge",borderRadius:c},a,"x"),t.createElement(Lu,{className:"yt-byob-tracker-remove-btn",onClick:()=>l(e.variantId,d)},t.createElement(ht,{fontSize:"12px"}))))})),p>=1&&[...Array(p)].map(((e,r)=>t.createElement(Gu,{className:"yt-byob-tracker-placeholder-box",isMobile:n,borderRadius:c,key:r},t.createElement(co,{size:40,color:"#A0A0A0"})))))),d<e.length-1&&t.createElement(im,{className:"yt-byob-tracker-plus-icon-container"},t.createElement(co,{size:"16px",style:{backgroundColor:"#f2f2f2"}})))}))),cm=({builderTiers:e,handleAddToCart:n,minimumQuantity:r,selectedProducts:o,showProductDetailsInTracker:a,loading:i,handleRemoveItem:s,percentageOff:d,selectedItemsQuantity:p,bundleSubtotal:u,amountOff:m,styles:f,dealAmount:g,isMobile:h=!1,themeColor:x,cornerRadiusType:y,primaryTextColorCta:b,handleRemoveItemProductTier:v,selectedProductsByTier:w,storeCurrencyCode:C})=>{const[k,E]=c(!1),[T,S]=c(0),[$,B]=c([]),[z,I]=c(0),[N,D]=c(0),[_,P]=c(!1),[A,O]=c(null),F=u?.price||0,M=e?.type,R=e=>{if(e<0||!$[e])return F;const t=$[e].discountValue??0;return d?F*(1-t/100):g?t:m?F-t:F};l((()=>{if(e&&"none"!==e.type)if("productTier"===M&&e.productTier){const t=e.productTier||[];B(t);let n=0;e.productTier.map((e=>{n+=e.minimumQuantity})),D(n-p)}else if($.length)z>0&&p<$[z-1]?.minimumQuantity?(I(z-1),O(z-1)):p<$[z]?.minimumQuantity&&O(z-1),S(R(z));else{const t=e.offerTier||[];B(t),I(0),D(t[0]?.minimumQuantity-p||r-p)}else B([]),D(r-p),I(0)}),[e,r,p]),l((()=>{$.length&&"productTier"!=M?(()=>{if(!$?.length)return;let e=-1,t=null,n=0;if("offerTier"===M)for(let r=0;r<$.length&&(n+=$[r].minimumQuantity,p>=n);r++)t=r,e=r+1<$.length?r+1:r;if(I(e),O(t),null!==t){let e=$.slice(0,t+1).reduce(((e,t)=>e+t.minimumQuantity),0);P(e===p),E(!0),S(R(t))}else P(!1),E(!1),S(F);const r=e>=0&&e<$.length?$.slice(0,e+1).reduce(((e,t)=>e+t.minimumQuantity),0)-p:$[0].minimumQuantity-p;D(r)})():p===r?(E(!0),S(d?F*(1-d/100):g||(m?F-m:F)),P(!0)):(P(!1),E(!1))}),[p,$]);const L=k?Math.max(u?.compareAtPrice,u?.price):u?.compareAtPrice>u?.price?u?.compareAtPrice:null,j=k?T.toFixed(2):u?.price?.toFixed(2),V=L&&j?(L-Number(j)).toFixed(2):0,W=e&&"none"!==M&&e.offerTier?"offerTier"===M?Math.min(p/(p+N)*100,100):void 0:p/r*100;let H;l((()=>{if(k&&f.byob.enableConfetti){console.log("remainingItems",N);const e=document.getElementById("checkoutButton");if(!e)return;const t=e.getBoundingClientRect(),n=(t.left+t.width/2)/window.innerWidth,r=(t.top+t.height/2)/window.innerHeight;Ur({particleCount:100,spread:70,origin:{x:n,y:r},zIndex:9999})}}),[k,f]),z>=0&&z<$.length&&$[z].tier,H="number"==typeof A?$[A]?.customText:null===A?$[0]?.customText:void 0;const q="string"==typeof H&&""!==H.trim();return t.createElement(Iu,{className:"yt-byob-tracker-container bundle-builder-tracker-container "+(h?"yt-byob-tracker-mobile":"yt-byob-tracker-desktop"),isMobile:h,style:{justifyContent:f.byob.selectedProductsVisibility&&!h?"space-between":"center"}},"offerTier"==M&&t.createElement(Nu,{className:"yt-byob-tracker-offer-tier-tag"},q?t.createElement(t.Fragment,null,H," unlocked"):null!==A&&A>=0&&t.createElement(t.Fragment,null,t.createElement(t.Fragment,null,"Buy "," ",$.slice(0,(A??0)+1).reduce(((e,t)=>e+t.minimumQuantity),0)," ","at",m||g?t.createElement(t.Fragment,null," ",Yh(f.general.currencySymbol,C)):""," ",Gh($[A??0]?.discountValue),d?t.createElement(t.Fragment,null,"% "):Gh(g)?t.createElement(t.Fragment,null):"",d||m?t.createElement(t.Fragment,null," Off"):""),t.createElement("span",{style:{fontStyle:"italic"}}," applied"))),h&&N>=1&&!_&&"offerTier"!==M?t.createElement(Du,{className:"yt-byob-tracker-mobile-remaining",style:{margin:"0"}},"Select ",N," more item(s)"):t.createElement(t.Fragment,null),"productTier"!==M&&t.createElement(_u,{className:"yt-byob-tracker-tier-progress-container"},t.createElement(Pu,{className:"yt-byob-tracker-tier-progress-text"},"offerTier"==M&&$.length>0&&z>=0&&N>0&&t.createElement(t.Fragment,null,q?t.createElement("div",{className:"yt-byob-tracker-add-more-text",style:{padding:"4px",fontWeight:"600",...window.innerWidth<=768&&{fontSize:"12px"},color:"#121212"}},"Add ",N," more to unlock"," ",null!==A&&($[A+1]?.customText||$[A]?.customText||"")):t.createElement(t.Fragment,null,t.createElement("div",{className:"yt-byob-tracker-add-more-text",style:{padding:"4px",fontWeight:"600",...window.innerWidth<=768&&{fontSize:"12px"},color:"#121212"}},"Add ",N," More Item(s)",t.createElement("span",{style:{fontWeight:"500"}}," to "),"Buy ",p+N," at",m||g?t.createElement(t.Fragment,null,Yh(f.general.currencySymbol,C)):""," ",Gh($[z]?.discountValue),d?t.createElement(t.Fragment,null,"% "):Gh(g)?t.createElement(t.Fragment,null):"",d||m?t.createElement(t.Fragment,null," Off"):"")))),t.createElement(Au,{className:"yt-byob-tracker-progress-bar-bg"},t.createElement(Ou,{className:"yt-byob-tracker-progress-bar-fill bundle-builder-tracker-progress",progressPercentage:W??0,primaryColor:x??f?.general.primaryColor}," "))),f.byob.selectedProductsVisibility&&t.createElement(Fu,{className:"yt-byob-tracker-product-list-wrapper hide-tracker-scrollbar "+(h?"yt-byob-tracker-mobile-product-list":"yt-byob-tracker-desktop-product-list"),tierType:M??"",isMobile:h},"productTier"===M?t.createElement(lm,{tiers:$,isMobile:h,selectedProductsByTier:w??{},selectedProducts:o,themeColor:f.general.primaryColor,showProductDetailsInTracker:a,handleRemoveItemProductTier:v,cornerRadius:f.byob.borderRadius,currencySymbol:Yh(f.general.currencySymbol,C)}):t.createElement(t.Fragment,null,o?.map?.((e=>{const n=e.product.variants?.edges?.find((t=>t.node.id===e.variantId));return a?t.createElement(ju,{className:"yt-byob-tracker-detailed-item-container",borderRadius:f.byob.borderRadius,key:e.variantId},t.createElement(Vu,{className:"yt-byob-tracker-detailed-image",style:{backgroundImage:`url(${n?.node.image?.url&&n?.node.image?.url?.length>0?n?.node.image.url:e.product.featuredMedia?.preview?.image?.url})`}},e?.quantity>1&&t.createElement(Wu,{className:"yt-byob-tracker-badge"},e.quantity,"x")),t.createElement(Hu,{className:"yt-byob-tracker-info-block"},t.createElement(qu,{className:"yt-byob-tracker-product-title"},e.product.title),t.createElement(Uu,{className:"yt-byob-tracker-product-price"},f.general.currencySymbol,n?.node?.price),t.createElement(Qu,{className:"yt-byob-tracker-remove-link",onClick:()=>s(e.variantId)},t.createElement(Xa,null),t.createElement("span",null,"Remove")))):t.createElement("div",{className:"yt-byob-tracker-product-item",key:e.variantId},t.createElement(rm,{className:"yt-byob-tracker-item bundle-builder-tracker-item",isMobile:h,borderRadius:f.byob.borderRadius,imageUrl:n?.node.image?.url&&n?.node.image?.url?.length>0?n?.node.image.url:e.product.featuredMedia?.preview?.image?.url},e?.quantity>1&&t.createElement(Ru,{className:"yt-byob-tracker-quantity-badge",borderRadius:f.byob.borderRadius},e.quantity,"x"),t.createElement(Lu,{className:"yt-byob-tracker-remove-btn",onClick:()=>s(e.variantId)},t.createElement(ht,{fontSize:"12px"}))))})),N>=1&&[...Array(N)].map(((e,n)=>t.createElement(Gu,{className:"yt-byob-tracker-placeholder-box",isMobile:h,borderRadius:f.byob.borderRadius,key:n},t.createElement(co,{size:40,color:"#A0A0A0"})))))),(!h||_)&&t.createElement(Mu,{className:"yt-byob-tracker-summary-container bundle-summary "+(h?"yt-byob-tracker-mobile-summary":"yt-byob-tracker-desktop-summary"),isMobile:h},Number(j)>0&&t.createElement(Yu,{className:"yt-byob-tracker-summary-info summary-info"},t.createElement("div",{className:"yt-byob-tracker-summary-info-content",style:{display:"flex",...window.innerWidth<=600&&{flexDirection:"column"},gap:"5px",justifyContent:"center"}},h?t.createElement("div",{className:"yt-byob-tracker-mobile-subtotal-row",style:{display:"flex",flexDirection:"row",gap:"6px",alignItems:"center"}},t.createElement(Zu,{className:"yt-byob-tracker-subtotal-label"},"Subtotal"),Number(V)>0&&t.createElement(Xu,{className:"yt-byob-tracker-save-label",style:{}},"Save:"," ",Yh(f.general.currencySymbol,C),Gh(V))):t.createElement(t.Fragment,null,t.createElement(Zu,{className:"yt-byob-tracker-subtotal-label"},"Subtotal"),Number(V)>0&&!h&&t.createElement(Xu,{className:"yt-byob-tracker-save-label"},"Save:"," ",Yh(f.general.currencySymbol,C),Gh(V)))),t.createElement(Ku,{className:"yt-byob-tracker-subtotal-row"},t.createElement(Ju,{className:"yt-byob-tracker-final-price"},Yh(f.general.currencySymbol,C),Number(j)>=0?Gh(Number(j).toFixed(2)):0),L&&f.byob.compareAtPriceVisibility&&Number(L)>Number(j)&&t.createElement(em,{className:"yt-byob-tracker-line-through-price"},Yh(f.general.currencySymbol,C),Gh(Number(L).toFixed(2))))),t.createElement(tm,{className:"yt-byob-tracker-checkout-button yt-tracking-bar-checkout-button",canCheckout:_,progressPercentage:W??0,ctaColors:{ctaBackgroundColor:f.general.ctaBackgroundColor,ctaBorderColor:f.general.ctaBorderColor,ctaHoverBackgroundColor:f.general.ctaHoverBackgroundColor,ctaHoverTextColor:f.general.ctaHoverTextColor},borderRadius:f.general.ctaBorderRadius,disabled:!_&&N>=1,onClick:e=>{i||console.log("saving"),n(e.target??e.currentTarget)},id:"checkoutButton"},i?t.createElement(ta,{color:"white",loading:i,size:15,"aria-label":"Loading Spinner","data-testid":"loader"}):N>=1&&!_?t.createElement("div",{className:"yt-byob-tracker-add-more-btn-text yt-tracking-bar-checkout-button-items-text",style:{color:f.general.primaryColor}},"Add ",N," More Item(s)"):t.createElement(nm,{className:"yt-byob-tracker-checkout-text yt-tracking-bar-checkout-button-text",ctaTextColor:f.general.ctaTextColor,ctaHoverTextColor:b??f.general.ctaHoverTextColor},f.byob.checkoutCTAText??"Checkout"))))},sm={8087437412:{position:"fixed",bottom:"10px",zIndex:100,width:"95%",left:"50%",transform:"translateX(-50%)",mobile:{bottom:"50px"}},66134737152:{position:"fixed",zIndex:20,width:"90%",left:"50%",transform:"translateX(-50%)",bottom:"10px"},83438567714:{zIndex:100,position:"fixed",width:"95%",left:"50%",transform:"translateX(-50%)",bottom:"10px"},72726479068:{position:"fixed",zIndex:20,width:"90%",left:"50%",transform:"translateX(-50%)",bottom:"10px",mobile:{bottom:"70px"}},64800161992:{zIndex:20,mobile:{bottom:"50px"},position:"sticky",bottom:"10px"},53933408435:{zIndex:5,mobile:{bottom:"60px"},position:"sticky",bottom:"10px"},68377018594:{zIndex:5,bottom:"10px",position:"fixed",left:"50%",transform:"translateX(-50%)",mobile:{bottom:"70px"}},84569063743:{zIndex:999,bottom:"0px",width:"100%",position:"fixed",right:"0px",left:"0px"},62022680789:{bottom:"65px",zIndex:999,width:"100%",position:"fixed",right:"0px",left:"0px"},63102222549:{position:"sticky",bottom:"100px",zIndex:999,mobile:{bottom:"60px"}},26666008755:{bottom:"10px",zIndex:999,position:"fixed",left:"50%",transform:"translateX(-50%)"},67641475285:{bottom:"10px",zIndex:999,position:"fixed",left:"50%",transform:"translateX(-50%)"},61613179125:{position:"fixed",left:"50%",transform:"translateX(-50%)"},80866345280:{bottom:"10px",mobile:{bottom:"70px"}}},dm={position:"sticky",bottom:"10px",zIndex:999,width:"96%"},pm=e=>{const[n,r]=c(!1);l((()=>{const e=()=>{r(window.innerWidth<=768)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}),[]);const o="undefined"!=typeof window?(window?.ytapp||window?.ytBundleApp)?.storeId:void 0,a=((e,t=!1)=>{const n=e&&sm[e]?sm[e]:{},r={...dm,...n};return t&&n.mobile?{...r,...n.mobile}:r})(String(o),n);e.renderingOnPage||(a.position="static",a.zIndex=0);const i={display:"flex",backgroundColor:"white",borderRadius:"4px",paddingBottom:"5px",justifyContent:"center",margin:"0 auto",transition:"box-shadow 0.3s ease, transform 0.3s ease",border:"1px solid #CBCBCB",boxShadow:"\n 0px 3px 6px 0px #00000040, \n 0px 11px 11px 0px #00000036, \n 0px 24px 14px 0px #00000021, \n 0px 43px 17px 0px #0000000A, \n 0px 68px 19px 0px #00000000\n ",...a};return t.createElement("div",{className:"yt-byob-tracker-bar yt-bundle-builder-tracker-bar "+(n?"yt-byob-tracker-mobile-bar":"yt-byob-tracker-desktop-bar"),style:{...i,width:n?"100%":a.width,...!e.styles.byob.selectedProductsVisibility&&{width:n?"96%":"fit-content",paddingInline:"10px"},...n&&{display:"flex",flexDirection:"row",paadingTop:"0px"}},onMouseEnter:e=>{e.currentTarget.style.boxShadow="\n 0px 8px 16px 0px #00000040, \n 0px 24px 24px 0px #00000036, \n 0px 50px 30px 0px #00000021, \n 0px 90px 36px 0px #0000000A, \n 0px 140px 40px 0px #00000000\n ",e.currentTarget.style.transform="translateX(-50%)"===a.transform?"translate(-50%, -3px)":"translateY(-3px)"},onMouseLeave:e=>{e.currentTarget.style.boxShadow="\n 0px 5px 12px 0px #00000040, \n 0px 22px 22px 0px #00000036, \n 0px 49px 29px 0px #00000021, \n 0px 87px 35px 0px #0000000A, \n 0px 136px 38px 0px #00000000\n ",e.currentTarget.style.transform=a.transform||"translateY(0)"}},t.createElement(cm,{...e,isMobile:n}))},um=Mt(void 0);function mm(e){return mm="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},mm(e)}function fm(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function gm(e,t){return gm=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},gm(e,t)}function hm(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=xm(e);if(t){var o=xm(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return function(e,t){if(t&&("object"===mm(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)}(this,n)}}function xm(e){return xm=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},xm(e)}var ym=function(){!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&&gm(e,t)}(o,h);var e,t,n,r=hm(o);function o(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,o),r.apply(this,arguments)}return e=o,t=[{key:"componentDidMount",value:function(){!function(e,t){if(!document.head.querySelector("#"+e)){var n=document.createElement("style");n.textContent=t,n.type="text/css",n.id=e,document.head.appendChild(n)}}(this.props.name,this.props.css)}},{key:"componentWillUnmount",value:function(){var e=document.getElementById(this.props.name);e.parentNode.removeChild(e)}},{key:"render",value:function(){return null}}],t&&fm(e.prototype,t),n&&fm(e,n),Object.defineProperty(e,"prototype",{writable:!1}),o}(),bm=function(e){var t=e.imageBackgroundColor;return"\n body {\n overflow: hidden;\n }\n\n .__react_modal_image__modal_container {\n position: fixed;\n z-index: 5000;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.8);\n touch-action: none;\n overflow: hidden;\n }\n\n .__react_modal_image__modal_content {\n position: relative;\n height: 100%;\n width: 100%;\n }\n\n .__react_modal_image__modal_content img, \n .__react_modal_image__modal_content svg {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate3d(-50%, -50%, 0);\n -webkit-transform: translate3d(-50%, -50%, 0);\n -ms-transform: translate3d(-50%, -50%, 0);\n overflow: hidden;\n }\n\n .__react_modal_image__medium_img {\n max-width: 98%;\n max-height: 98%;\n background-color: ".concat(t,";\n }\n\n .__react_modal_image__large_img {\n cursor: move;\n background-color: ").concat(t,"\n }\n\n .__react_modal_image__icon_menu a {\n display: inline-block;\n font-size: 40px;\n cursor: pointer;\n line-height: 40px;\n box-sizing: border-box;\n border: none;\n padding: 0px 5px 0px 5px;\n margin-left: 10px;\n color: white;\n background-color: rgba(0, 0, 0, 0);\n }\n\n .__react_modal_image__icon_menu {\n display: inline-block;\n float: right;\n }\n\n .__react_modal_image__caption {\n display: inline-block;\n color: white;\n font-size: 120%;\n padding: 10px;\n margin: 0;\n }\n\n .__react_modal_image__header {\n position: absolute;\n top: 0;\n width: 100%;\n background-color: rgba(0, 0, 0, 0.7);\n overflow: hidden;\n }\n")},vm=function(){return t.createElement("svg",{fill:"#ffffff",height:"24",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),t.createElement("path",{d:"M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"}))},wm=function(){return t.createElement("svg",{fill:"#ffffff",height:"24",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),t.createElement("path",{d:"M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"}))},Cm=function(){return t.createElement("svg",{fill:"#ffffff",height:"24",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"}),t.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))},km=function(){return t.createElement("svg",{fill:"#ffffff",height:"24",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}),t.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))},Em=function(){return t.createElement("svg",{fill:"#ffffff",height:"48",viewBox:"0 0 24 24",width:"48",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M6 2v6h.01L6 8.01 10 12l-4 4 .01.01H6V22h12v-5.99h-.01L18 16l-4-4 4-3.99-.01-.01H18V2H6zm10 14.5V20H8v-3.5l4-4 4 4zm-4-5l-4-4V4h8v3.5l-4 4z"}),t.createElement("path",{d:"M0 0h24v24H0V0z",fill:"none"}))},Tm=function(){return t.createElement("svg",{fill:"#ffffff",width:"24",height:"24",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{fill:"none",d:"M0 0h24v24H0V0zm0 0h24v24H0V0z"}),t.createElement("path",{d:"M7.47 21.49C4.2 19.93 1.86 16.76 1.5 13H0c.51 6.16 5.66 11 11.95 11 .23 0 .44-.02.66-.03L8.8 20.15l-1.33 1.34zM12.05 0c-.23 0-.44.02-.66.04l3.81 3.81 1.33-1.33C19.8 4.07 22.14 7.24 22.5 11H24c-.51-6.16-5.66-11-11.95-11zM16 14h2V8c0-1.11-.9-2-2-2h-6v2h6v6zm-8 2V4H6v2H4v2h2v8c0 1.1.89 2 2 2h8v2h2v-2h2v-2H8z"}))};var Sm=function(e){return function(t){(function(e){return document.location.hostname!==new URL(e,document.location).hostname})(e)&&(t.preventDefault(),fetch(e).then((function(t){return t.ok||console.error("Failed to download image, HTTP status "+t.status+" from "+e),t.blob().then((function(t){var n=document.createElement("a");n.setAttribute("download",e.split("/").pop()),n.href=URL.createObjectURL(t),n.click()}))})).catch((function(t){console.error(t),console.error("Failed to download image from "+e)})))}},$m=function(e){var n=e.image,r=e.alt,o=e.zoomed,a=e.toggleZoom,i=e.toggleRotate,l=e.onClose,c=e.enableDownload,s=e.enableZoom,d=e.enableRotate;return t.createElement("div",{className:"__react_modal_image__header"},t.createElement("span",{className:"__react_modal_image__icon_menu"},c&&t.createElement("a",{href:n,download:!0,onClick:Sm(n)},t.createElement(Cm,null)),s&&t.createElement("a",{onClick:a},o?t.createElement(wm,null):t.createElement(vm,null)),d&&t.createElement("a",{onClick:i},t.createElement(Tm,null)),t.createElement("a",{onClick:l},t.createElement(km,null))),r&&t.createElement("span",{className:"__react_modal_image__caption"},r))};function Bm(e){return Bm="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},Bm(e)}function zm(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function Im(e,t){return Im=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},Im(e,t)}function Nm(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=_m(e);if(t){var o=_m(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return function(e,t){if(t&&("object"===Bm(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return Dm(e)}(this,n)}}function Dm(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _m(e){return _m=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},_m(e)}function Pm(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Am=function(){!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&&Im(e,t)}(a,h);var e,n,r,o=Nm(a);function a(){var e;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a);for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];return Pm(Dm(e=o.call.apply(o,[this].concat(n))),"state",{loading:!0}),Pm(Dm(e),"handleOnLoad",(function(){e.setState({loading:!1})})),Pm(Dm(e),"handleOnContextMenu",(function(t){!e.props.contextMenu&&t.preventDefault()})),e}return e=a,n=[{key:"render",value:function(){var e=this.props,n=e.id,r=e.className,o=e.src,a=e.style,i=e.handleDoubleClick;return t.createElement("div",null,this.state.loading&&t.createElement(Em,null),t.createElement("img",{id:n,className:r,src:o,style:a,onLoad:this.handleOnLoad,onDoubleClick:i,onContextMenu:this.handleOnContextMenu}))}}],n&&zm(e.prototype,n),r&&zm(e,r),Object.defineProperty(e,"prototype",{writable:!1}),a}();function Om(e){return Om="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},Om(e)}function Fm(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function Mm(e,t){return Mm=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},Mm(e,t)}function Rm(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=jm(e);if(t){var o=jm(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return function(e,t){if(t&&("object"===Om(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return Lm(e)}(this,n)}}function Lm(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function jm(e){return jm=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},jm(e)}function Vm(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Wm=function(){!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&&Mm(e,t)}(a,h);var e,n,r,o=Rm(a);function a(){var e;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a);for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];return Vm(Lm(e=o.call.apply(o,[this].concat(n))),"state",{move:{x:0,y:0},moveStart:void 0,zoomed:!1,rotationDeg:0}),Vm(Lm(e),"handleKeyDown",(function(t){27!==t.keyCode&&13!==t.keyCode||e.props.onClose()})),Vm(Lm(e),"getCoordinatesIfOverImg",(function(t){var n=t.changedTouches?t.changedTouches[0]:t;if("react-modal-image-img"===n.target.id){var r=e.contentEl.getBoundingClientRect();return{x:n.clientX-r.left,y:n.clientY-r.top}}})),Vm(Lm(e),"handleMouseDownOrTouchStart",(function(t){if(t.preventDefault(),!(t.touches&&t.touches.length>1)){var n=e.getCoordinatesIfOverImg(t);n||e.props.onClose(),e.state.zoomed&&e.setState((function(e){return{moveStart:{x:n.x-e.move.x,y:n.y-e.move.y}}}))}})),Vm(Lm(e),"handleMouseMoveOrTouchMove",(function(t){if(t.preventDefault(),e.state.zoomed&&e.state.moveStart&&!(t.touches&&t.touches.length>1)){var n=e.getCoordinatesIfOverImg(t);n&&e.setState((function(e){return{move:{x:n.x-e.moveStart.x,y:n.y-e.moveStart.y}}}))}})),Vm(Lm(e),"handleMouseUpOrTouchEnd",(function(t){e.setState({moveStart:void 0})})),Vm(Lm(e),"toggleZoom",(function(t){t.preventDefault(),e.setState((function(e){return{zoomed:!e.zoomed,move:e.zoomed?{x:0,y:0}:e.move}}))})),Vm(Lm(e),"toggleRotate",(function(t){t.preventDefault(),360!==e.state.rotationDeg?e.setState((function(e){return{rotationDeg:e.rotationDeg+=90}})):e.setState({rotationDeg:90})})),e}return e=a,(n=[{key:"componentDidMount",value:function(){document.addEventListener("keydown",this.handleKeyDown,!1)}},{key:"componentWillUnmount",value:function(){document.removeEventListener("keydown",this.handleKeyDown,!1)}},{key:"render",value:function(){var e=this,n=this.props,r=n.medium,o=n.large,a=n.alt,i=n.onClose,l=n.hideDownload,c=n.hideZoom,s=n.showRotate,d=n.imageBackgroundColor,p=void 0===d?"black":d,u=this.state,m=u.move,f=u.zoomed,g=u.rotationDeg;return t.createElement("div",null,t.createElement(ym,{name:"__react_modal_image__lightbox",css:bm({imageBackgroundColor:p})}),t.createElement("div",{className:"__react_modal_image__modal_container"},t.createElement("div",{className:"__react_modal_image__modal_content",onMouseDown:this.handleMouseDownOrTouchStart,onMouseUp:this.handleMouseUpOrTouchEnd,onMouseMove:this.handleMouseMoveOrTouchMove,onTouchStart:this.handleMouseDownOrTouchStart,onTouchEnd:this.handleMouseUpOrTouchEnd,onTouchMove:this.handleMouseMoveOrTouchMove,ref:function(t){e.contentEl=t}},f&&t.createElement(Am,{id:"react-modal-image-img",className:"__react_modal_image__large_img",src:o||r,style:{transform:"translate3d(-50%, -50%, 0) translate3d(".concat(m.x,"px, ").concat(m.y,"px, 0) rotate(").concat(g,"deg)"),WebkitTransform:"translate3d(-50%, -50%, 0) translate3d(".concat(m.x,"px, ").concat(m.y,"px, 0) rotate(").concat(g,"deg)"),MsTransform:"translate3d(-50%, -50%, 0) translate3d(".concat(m.x,"px, ").concat(m.y,"px, 0) rotate(").concat(g,"deg)")},handleDoubleClick:this.toggleZoom}),!f&&t.createElement(Am,{id:"react-modal-image-img",className:"__react_modal_image__medium_img",src:r||o,handleDoubleClick:this.toggleZoom,contextMenu:!r,style:{transform:"translate3d(-50%, -50%, 0) rotate(".concat(g,"deg)"),WebkitTransform:"translate3d(-50%, -50%, 0) rotate(".concat(g,"deg)"),MsTransform:"translate3d(-50%, -50%, 0) rotate(".concat(g,"deg)")}})),t.createElement($m,{image:o||r,alt:a,zoomed:f,toggleZoom:this.toggleZoom,toggleRotate:this.toggleRotate,onClose:i,enableDownload:!l,enableZoom:!c,enableRotate:!!s})))}}])&&Fm(e.prototype,n),r&&Fm(e,r),Object.defineProperty(e,"prototype",{writable:!1}),a}();function Hm(e){return Hm="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},Hm(e)}function qm(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function Um(e,t){return Um=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},Um(e,t)}function Qm(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=Ym(e);if(t){var o=Ym(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return function(e,t){if(t&&("object"===Hm(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return Gm(e)}(this,n)}}function Gm(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Ym(e){return Ym=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},Ym(e)}function Zm(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Xm=function(){!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&&Um(e,t)}(a,h);var e,n,r,o=Qm(a);function a(){var e;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a);for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];return Zm(Gm(e=o.call.apply(o,[this].concat(n))),"state",{modalOpen:!1}),Zm(Gm(e),"toggleModal",(function(){e.setState((function(e){return{modalOpen:!e.modalOpen}}))})),e}return e=a,n=[{key:"render",value:function(){var e=this.props,n=e.className,r=e.small,o=e.smallSrcSet,a=e.medium,i=e.large,l=e.alt,c=e.hideDownload,s=e.hideZoom,d=e.showRotate,p=e.imageBackgroundColor,u=this.state.modalOpen;return t.createElement("div",null,t.createElement("img",{className:n,style:{cursor:"pointer",maxWidth:"100%",maxHeight:"100%"},onClick:this.toggleModal,src:r,srcSet:o,alt:l}),u&&t.createElement(Wm,{medium:a,large:i,alt:l,onClose:this.toggleModal,hideDownload:c,hideZoom:s,showRotate:d,imageBackgroundColor:p}))}}],n&&qm(e.prototype,n),r&&qm(e,r),Object.defineProperty(e,"prototype",{writable:!1}),a}();const Km=x.div`
|
|
3322
3322
|
position: absolute;
|
|
3323
3323
|
top: 0px;
|
|
3324
3324
|
right: 0px;
|