yt-uikit 0.7.365 → 0.7.366
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 +2 -2
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
|
@@ -1926,7 +1926,7 @@ import*as e from"react";import t,{forwardRef as n,useImperativeHandle as r,useRe
|
|
|
1926
1926
|
font-size: 12px;
|
|
1927
1927
|
margin-top: 5px;
|
|
1928
1928
|
padding: 0 20px;
|
|
1929
|
-
`,Bd=e=>{if("string"!=typeof e)return e;const t=e.match(/^gid:\/\/shopify\/\w+\/(\d+)$/);return t?t[1]:e};function zd({themeColor:e,id:n,showPrice:r,detail:o,errorText:a,customText:i,showGiftIcon:s,addCartItem:d,removeCartItem:p}){const[u,m]=Gt(Cd),[f,g]=c(null),[h,x]=c(!1),[y,b]=c(null),{setLoading:v}=nn();l((()=>{o?.availableForSale&&x(!0),o?.variants?.nodes&&o?.variants?.nodes.length>0&&g(o?.variants?.nodes[0])}),[o]);const w=f?.price?.amount;return h?t.createElement(kd,null,t.createElement(Ed,null,t.createElement(Td,null,s?t.createElement(it,{size:24,color:e,style:{height:"24px",width:"24px"}}):null,i||"+ Gift-Wrap",r?t.createElement("span",{style:{color:e}},"₹",w):""),t.createElement(Sd,{type:"checkbox",checked:u,onChange:async()=>{try{v(!0,!0),b(null),m(!u),!u&&d&&f?await d(Bd(f?.id),1):u&&p&&f&&await p(Bd(f?.id),"giftWrap"),v(!1,!1)}catch(e){v(!1,!1),b("Failed to add to cart"),m(u),console.error("Error updating gift wrap:",e)}},$themeColor:e,disabled:!h})),y&&t.createElement($d,null,y)):null}const Dd=x.div`
|
|
1929
|
+
`,Bd=e=>{if("string"!=typeof e)return e;const t=e.match(/^gid:\/\/shopify\/\w+\/(\d+)$/);return t?t[1]:e};function zd({themeColor:e,id:n,showPrice:r,detail:o,errorText:a,customText:i,showGiftIcon:s,addCartItem:d,removeCartItem:p}){const[u,m]=Gt(Cd),[f,g]=c(null),[h,x]=c(!1),[y,b]=c(null),{setLoading:v}=nn();l((()=>{o?.availableForSale&&x(!0),o?.variants?.nodes&&o?.variants?.nodes.length>0&&g(o?.variants?.nodes[0])}),[o]);const w=f?.price?.amount;return h?t.createElement(kd,null,t.createElement(Ed,null,t.createElement(Td,null,s?t.createElement(it,{size:24,color:e,style:{height:"24px",width:"24px"}}):null,i||"+ Gift-Wrap",r?t.createElement("span",{style:{color:e}},"₹",Number(w).toFixed(0)):""),t.createElement(Sd,{type:"checkbox",checked:u,onChange:async()=>{try{v(!0,!0),b(null),m(!u),!u&&d&&f?await d(Bd(f?.id),1):u&&p&&f&&await p(Bd(f?.id),"giftWrap"),v(!1,!1)}catch(e){v(!1,!1),b("Failed to add to cart"),m(u),console.error("Error updating gift wrap:",e)}},$themeColor:e,disabled:!h})),y&&t.createElement($d,null,y)):null}const Dd=x.div`
|
|
1930
1930
|
margin-top: 10px;
|
|
1931
1931
|
margin-bottom: 5px;
|
|
1932
1932
|
margin-left: 1rem;
|
|
@@ -3311,7 +3311,7 @@ import*as e from"react";import t,{forwardRef as n,useImperativeHandle as r,useRe
|
|
|
3311
3311
|
text-align: center;
|
|
3312
3312
|
display: flex;
|
|
3313
3313
|
flex-shrink: 0;
|
|
3314
|
-
`,Wu=({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",{style:{display:"flex",width:"100%"}},t.createElement("div",null,t.createElement("div",{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(Vu,{key:e.variantId},t.createElement(Tu,{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(Cu,{borderRadius:c},e.quantity,"x")),t.createElement($u,null,t.createElement(Bu,null,e.product.title),t.createElement(zu,null,s,kh(o?.node?.price)),t.createElement(ku,{onClick:()=>l(e.variantId,d)},t.createElement(Oa,null),t.createElement("span",null,"Remove")))):t.createElement("div",{key:e.variantId},t.createElement(ju,{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(Cu,{borderRadius:c},a,"x"),t.createElement(ku,{onClick:()=>l(e.variantId,d)},t.createElement(dt,{fontSize:"12px"}))))})),p>=1&&[...Array(p)].map(((e,r)=>t.createElement(_u,{isMobile:n,borderRadius:c,key:r},t.createElement(Jr,{size:40,color:"#A0A0A0"})))))),d<e.length-1&&t.createElement(Hu,null,t.createElement(Jr,{size:"16px",style:{backgroundColor:"#f2f2f2"}})))}))),Uu=({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,D]=c(0),[_,I]=c(0),[P,O]=c(!1),[A,N]=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})),I(n-p)}else if($.length)z>0&&p<$[z-1]?.minimumQuantity?(D(z-1),N(z-1)):p<$[z]?.minimumQuantity&&N(z-1),S(R(z));else{const t=e.offerTier||[];B(t),D(0),I(t[0]?.minimumQuantity-p||r-p)}else B([]),I(r-p),D(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(D(e),N(t),null!==t){let e=$.slice(0,t+1).reduce(((e,t)=>e+t.minimumQuantity),0);O(e===p),E(!0),S(R(t))}else O(!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;I(r)})():p===r?(E(!0),S(d?F*(1-d/100):g||(m?F-m:F)),O(!0)):(O(!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,H=e&&"none"!==M&&e.offerTier?"offerTier"===M?Math.min(p/(p+_)*100,100):void 0:p/r*100;return l((()=>{if(k&&f.byob.enableConfetti){console.log("remainingItems",_);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;Fr({particleCount:100,spread:70,origin:{x:n,y:r},zIndex:9999})}}),[k,f]),l((()=>{const e=new CustomEvent("ytBundleBuilderTrackerRendered");window.dispatchEvent(e)}),[]),t.createElement(mu,{isMobile:h,className:"bundle-builder-tracker-container",style:{justifyContent:f.byob.selectedProductsVisibility&&!h?"space-between":"center"}},"offerTier"==M&&null!==A&&A>=0&&t.createElement(fu,null,t.createElement(t.Fragment,null,"Buy"," ",$.slice(0,A+1).reduce(((e,t)=>e+t.minimumQuantity),0)," ","at",m||g?t.createElement(t.Fragment,null," ",Eh(f.general.currencySymbol,C)):""," ",kh($[A]?.discountValue),d?t.createElement(t.Fragment,null,"% "):kh(g)?t.createElement(t.Fragment,null):"",d||m?t.createElement(t.Fragment,null," Off"):""),t.createElement("span",{style:{fontStyle:"italic"}}," applied")),h&&_>=1&&!P&&"offerTier"!==M?t.createElement(gu,{style:{margin:"0"}},"Select ",_," more item(s)"):t.createElement(t.Fragment,null),"productTier"!==M&&t.createElement(hu,null,t.createElement(xu,null,"offerTier"==M&&$.length>0&&z>=0&&_>0&&t.createElement(t.Fragment,null,t.createElement("div",{style:{padding:"4px",fontWeight:"600",...window.innerWidth<=768&&{fontSize:"12px"},color:"#121212"}},"Add ",_," More Item(s)",t.createElement("span",{style:{fontWeight:"500"}}," to "),"Buy ",p+_," at",m||g?t.createElement(t.Fragment,null,Eh(f.general.currencySymbol,C)):""," ",kh($[z]?.discountValue),d?t.createElement(t.Fragment,null,"% "):kh(g)?t.createElement(t.Fragment,null):"",d||m?t.createElement(t.Fragment,null," Off"):""))),t.createElement(yu,null,t.createElement(bu,{progressPercentage:H??0,primaryColor:x??f?.general.primaryColor,className:"bundle-builder-tracker-progress"}," "))),f.byob.selectedProductsVisibility&&t.createElement(vu,{tierType:M??"",isMobile:h,className:"hide-tracker-scrollbar"},"productTier"===M?t.createElement(Wu,{tiers:$,isMobile:h,selectedProductsByTier:w??{},selectedProducts:o,themeColor:f.general.primaryColor,showProductDetailsInTracker:a,handleRemoveItemProductTier:v,cornerRadius:f.byob.borderRadius,currencySymbol:Eh(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(Eu,{borderRadius:f.byob.borderRadius,key:e.variantId},t.createElement(Tu,{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(Su,null,e.quantity,"x")),t.createElement($u,null,t.createElement(Bu,null,e.product.title),t.createElement(zu,null,f.general.currencySymbol,n?.node?.price),t.createElement(Du,{onClick:()=>s(e.variantId)},t.createElement(Oa,null),t.createElement("span",null,"Remove")))):t.createElement("div",{key:e.variantId},t.createElement(Lu,{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,className:"bundle-builder-tracker-item"},e?.quantity>1&&t.createElement(Cu,{borderRadius:f.byob.borderRadius},e.quantity,"x"),t.createElement(ku,{onClick:()=>s(e.variantId)},t.createElement(dt,{fontSize:"12px"}))))})),_>=1&&[...Array(_)].map(((e,n)=>t.createElement(_u,{isMobile:h,borderRadius:f.byob.borderRadius,key:n},t.createElement(Jr,{size:40,color:"#A0A0A0"})))))),(!h||P)&&t.createElement(wu,{isMobile:h,className:"bundle-summary"},Number(j)>0&&t.createElement(Iu,{className:"summary-info"},t.createElement("div",{style:{display:"flex",...window.innerWidth<=600&&{flexDirection:"column"},gap:"5px",justifyContent:"center"}},t.createElement(Pu,null,"Subtotal"),Number(V)>0?t.createElement(Ou,null,"Save:"," ",Eh(f.general.currencySymbol,C),kh(V)):""),t.createElement(Au,null,t.createElement(Nu,null,Eh(f.general.currencySymbol,C),Number(j)>=0?kh(Number(j).toFixed(2)):0),L&&f.byob.compareAtPriceVisibility&&Number(L)>Number(j)&&t.createElement(Fu,null,Eh(f.general.currencySymbol,C),kh(Number(L).toFixed(2))))),t.createElement(Mu,{canCheckout:P,progressPercentage:H??0,ctaColors:{ctaBackgroundColor:f.general.ctaBackgroundColor,ctaBorderColor:f.general.ctaBorderColor,ctaHoverBackgroundColor:f.general.ctaHoverBackgroundColor,ctaHoverTextColor:f.general.ctaHoverTextColor},borderRadius:f.general.ctaBorderRadius,disabled:!P&&_>=1,onClick:e=>{i||console.log("saving"),n(e.target??e.currentTarget)},id:"checkoutButton",className:"yt-tracking-bar-checkout-button"},i?t.createElement(Wo,{color:"white",loading:i,size:15,"aria-label":"Loading Spinner","data-testid":"loader"}):_>=1&&!P?t.createElement("div",{className:"yt-tracking-bar-checkout-button-items-text",style:{color:f.general.primaryColor}},"Add ",_," More Item(s)"):t.createElement(Ru,{ctaTextColor:f.general.ctaTextColor,ctaHoverTextColor:b??f.general.ctaHoverTextColor,className:"yt-tracking-bar-checkout-button-text"},f.byob.checkoutCTAText??"Checkout"))))},Gu={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"}}},Qu={position:"sticky",bottom:"10px",zIndex:999,width:"96%"},Yu=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&&Gu[e]?Gu[e]:{},r={...Qu,...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-bundle-builder-tracker-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(Uu,{...e,isMobile:n}))},qu=It(void 0);function Zu(e){return Zu="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},Zu(e)}function Ku(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 Xu(e,t){return Xu=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},Xu(e,t)}function Ju(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=em(e);if(t){var o=em(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return function(e,t){if(t&&("object"===Zu(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 em(e){return em=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},em(e)}var tm=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&&Xu(e,t)}(o,h);var e,t,n,r=Ju(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&&Ku(e.prototype,t),n&&Ku(e,n),Object.defineProperty(e,"prototype",{writable:!1}),o}(),nm=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")},rm=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"}))},om=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"}))},am=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"}))},im=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"}))},lm=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"}))},cm=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)})))}},dm=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(am,null)),s&&t.createElement("a",{onClick:a},o?t.createElement(om,null):t.createElement(rm,null)),d&&t.createElement("a",{onClick:i},t.createElement(cm,null)),t.createElement("a",{onClick:l},t.createElement(im,null))),r&&t.createElement("span",{className:"__react_modal_image__caption"},r))};function pm(e){return pm="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},pm(e)}function um(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 fm(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=hm(e);if(t){var o=hm(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return function(e,t){if(t&&("object"===pm(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 hm(e){return hm=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},hm(e)}function xm(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,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&&mm(e,t)}(a,h);var e,n,r,o=fm(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 xm(gm(e=o.call.apply(o,[this].concat(n))),"state",{loading:!0}),xm(gm(e),"handleOnLoad",(function(){e.setState({loading:!1})})),xm(gm(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(lm,null),t.createElement("img",{id:n,className:r,src:o,style:a,onLoad:this.handleOnLoad,onDoubleClick:i,onContextMenu:this.handleOnContextMenu}))}}],n&&um(e.prototype,n),r&&um(e,r),Object.defineProperty(e,"prototype",{writable:!1}),a}();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 vm(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 wm(e,t){return wm=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},wm(e,t)}function Cm(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=Em(e);if(t){var o=Em(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 km(e)}(this,n)}}function km(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Em(e){return Em=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},Em(e)}function Tm(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Sm=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&&wm(e,t)}(a,h);var e,n,r,o=Cm(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 Tm(km(e=o.call.apply(o,[this].concat(n))),"state",{move:{x:0,y:0},moveStart:void 0,zoomed:!1,rotationDeg:0}),Tm(km(e),"handleKeyDown",(function(t){27!==t.keyCode&&13!==t.keyCode||e.props.onClose()})),Tm(km(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}}})),Tm(km(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}}}))}})),Tm(km(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}}}))}})),Tm(km(e),"handleMouseUpOrTouchEnd",(function(t){e.setState({moveStart:void 0})})),Tm(km(e),"toggleZoom",(function(t){t.preventDefault(),e.setState((function(e){return{zoomed:!e.zoomed,move:e.zoomed?{x:0,y:0}:e.move}}))})),Tm(km(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(tm,{name:"__react_modal_image__lightbox",css:nm({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(ym,{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(ym,{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(dm,{image:o||r,alt:a,zoomed:f,toggleZoom:this.toggleZoom,toggleRotate:this.toggleRotate,onClose:i,enableDownload:!l,enableZoom:!c,enableRotate:!!s})))}}])&&vm(e.prototype,n),r&&vm(e,r),Object.defineProperty(e,"prototype",{writable:!1}),a}();function $m(e){return $m="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},$m(e)}function Bm(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 zm(e,t){return zm=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},zm(e,t)}function Dm(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=Im(e);if(t){var o=Im(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return function(e,t){if(t&&("object"===$m(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return _m(e)}(this,n)}}function _m(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Im(e){return Im=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},Im(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 Om=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&&zm(e,t)}(a,h);var e,n,r,o=Dm(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(_m(e=o.call.apply(o,[this].concat(n))),"state",{modalOpen:!1}),Pm(_m(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(Sm,{medium:a,large:i,alt:l,onClose:this.toggleModal,hideDownload:c,hideZoom:s,showRotate:d,imageBackgroundColor:p}))}}],n&&Bm(e.prototype,n),r&&Bm(e,r),Object.defineProperty(e,"prototype",{writable:!1}),a}();const Am=x.div`
|
|
3314
|
+
`,Wu=({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",{style:{display:"flex",width:"100%"}},t.createElement("div",null,t.createElement("div",{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(Vu,{key:e.variantId},t.createElement(Tu,{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(Cu,{borderRadius:c},e.quantity,"x")),t.createElement($u,null,t.createElement(Bu,null,e.product.title),t.createElement(zu,null,s,kh(o?.node?.price)),t.createElement(ku,{onClick:()=>l(e.variantId,d)},t.createElement(Oa,null),t.createElement("span",null,"Remove")))):t.createElement("div",{key:e.variantId},t.createElement(ju,{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(Cu,{borderRadius:c},a,"x"),t.createElement(ku,{onClick:()=>l(e.variantId,d)},t.createElement(dt,{fontSize:"12px"}))))})),p>=1&&[...Array(p)].map(((e,r)=>t.createElement(_u,{isMobile:n,borderRadius:c,key:r},t.createElement(Jr,{size:40,color:"#A0A0A0"})))))),d<e.length-1&&t.createElement(Hu,null,t.createElement(Jr,{size:"16px",style:{backgroundColor:"#f2f2f2"}})))}))),Uu=({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,D]=c(0),[_,I]=c(0),[P,O]=c(!1),[A,N]=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})),I(n-p)}else if($.length)z>0&&p<$[z-1]?.minimumQuantity?(D(z-1),N(z-1)):p<$[z]?.minimumQuantity&&N(z-1),S(R(z));else{const t=e.offerTier||[];B(t),D(0),I(t[0]?.minimumQuantity-p||r-p)}else B([]),I(r-p),D(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(D(e),N(t),null!==t){let e=$.slice(0,t+1).reduce(((e,t)=>e+t.minimumQuantity),0);O(e===p),E(!0),S(R(t))}else O(!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;I(r)})():p===r?(E(!0),S(d?F*(1-d/100):g||(m?F-m:F)),O(!0)):(O(!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,H=e&&"none"!==M&&e.offerTier?"offerTier"===M?Math.min(p/(p+_)*100,100):void 0:p/r*100;return l((()=>{if(k&&f.byob.enableConfetti){console.log("remainingItems",_);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;Fr({particleCount:100,spread:70,origin:{x:n,y:r},zIndex:9999})}}),[k,f]),t.createElement(mu,{isMobile:h,className:"bundle-builder-tracker-container",style:{justifyContent:f.byob.selectedProductsVisibility&&!h?"space-between":"center"}},"offerTier"==M&&null!==A&&A>=0&&t.createElement(fu,null,t.createElement(t.Fragment,null,"Buy"," ",$.slice(0,A+1).reduce(((e,t)=>e+t.minimumQuantity),0)," ","at",m||g?t.createElement(t.Fragment,null," ",Eh(f.general.currencySymbol,C)):""," ",kh($[A]?.discountValue),d?t.createElement(t.Fragment,null,"% "):kh(g)?t.createElement(t.Fragment,null):"",d||m?t.createElement(t.Fragment,null," Off"):""),t.createElement("span",{style:{fontStyle:"italic"}}," applied")),h&&_>=1&&!P&&"offerTier"!==M?t.createElement(gu,{style:{margin:"0"}},"Select ",_," more item(s)"):t.createElement(t.Fragment,null),"productTier"!==M&&t.createElement(hu,null,t.createElement(xu,null,"offerTier"==M&&$.length>0&&z>=0&&_>0&&t.createElement(t.Fragment,null,t.createElement("div",{style:{padding:"4px",fontWeight:"600",...window.innerWidth<=768&&{fontSize:"12px"},color:"#121212"}},"Add ",_," More Item(s)",t.createElement("span",{style:{fontWeight:"500"}}," to "),"Buy ",p+_," at",m||g?t.createElement(t.Fragment,null,Eh(f.general.currencySymbol,C)):""," ",kh($[z]?.discountValue),d?t.createElement(t.Fragment,null,"% "):kh(g)?t.createElement(t.Fragment,null):"",d||m?t.createElement(t.Fragment,null," Off"):""))),t.createElement(yu,null,t.createElement(bu,{progressPercentage:H??0,primaryColor:x??f?.general.primaryColor,className:"bundle-builder-tracker-progress"}," "))),f.byob.selectedProductsVisibility&&t.createElement(vu,{tierType:M??"",isMobile:h,className:"hide-tracker-scrollbar"},"productTier"===M?t.createElement(Wu,{tiers:$,isMobile:h,selectedProductsByTier:w??{},selectedProducts:o,themeColor:f.general.primaryColor,showProductDetailsInTracker:a,handleRemoveItemProductTier:v,cornerRadius:f.byob.borderRadius,currencySymbol:Eh(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(Eu,{borderRadius:f.byob.borderRadius,key:e.variantId},t.createElement(Tu,{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(Su,null,e.quantity,"x")),t.createElement($u,null,t.createElement(Bu,null,e.product.title),t.createElement(zu,null,f.general.currencySymbol,n?.node?.price),t.createElement(Du,{onClick:()=>s(e.variantId)},t.createElement(Oa,null),t.createElement("span",null,"Remove")))):t.createElement("div",{key:e.variantId},t.createElement(Lu,{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,className:"bundle-builder-tracker-item"},e?.quantity>1&&t.createElement(Cu,{borderRadius:f.byob.borderRadius},e.quantity,"x"),t.createElement(ku,{onClick:()=>s(e.variantId)},t.createElement(dt,{fontSize:"12px"}))))})),_>=1&&[...Array(_)].map(((e,n)=>t.createElement(_u,{isMobile:h,borderRadius:f.byob.borderRadius,key:n},t.createElement(Jr,{size:40,color:"#A0A0A0"})))))),(!h||P)&&t.createElement(wu,{isMobile:h,className:"bundle-summary"},Number(j)>0&&t.createElement(Iu,{className:"summary-info"},t.createElement("div",{style:{display:"flex",...window.innerWidth<=600&&{flexDirection:"column"},gap:"5px",justifyContent:"center"}},t.createElement(Pu,null,"Subtotal"),Number(V)>0?t.createElement(Ou,null,"Save:"," ",Eh(f.general.currencySymbol,C),kh(V)):""),t.createElement(Au,null,t.createElement(Nu,null,Eh(f.general.currencySymbol,C),Number(j)>=0?kh(Number(j).toFixed(2)):0),L&&f.byob.compareAtPriceVisibility&&Number(L)>Number(j)&&t.createElement(Fu,null,Eh(f.general.currencySymbol,C),kh(Number(L).toFixed(2))))),t.createElement(Mu,{canCheckout:P,progressPercentage:H??0,ctaColors:{ctaBackgroundColor:f.general.ctaBackgroundColor,ctaBorderColor:f.general.ctaBorderColor,ctaHoverBackgroundColor:f.general.ctaHoverBackgroundColor,ctaHoverTextColor:f.general.ctaHoverTextColor},borderRadius:f.general.ctaBorderRadius,disabled:!P&&_>=1,onClick:e=>{i||console.log("saving"),n(e.target??e.currentTarget)},id:"checkoutButton",className:"yt-tracking-bar-checkout-button"},i?t.createElement(Wo,{color:"white",loading:i,size:15,"aria-label":"Loading Spinner","data-testid":"loader"}):_>=1&&!P?t.createElement("div",{className:"yt-tracking-bar-checkout-button-items-text",style:{color:f.general.primaryColor}},"Add ",_," More Item(s)"):t.createElement(Ru,{ctaTextColor:f.general.ctaTextColor,ctaHoverTextColor:b??f.general.ctaHoverTextColor,className:"yt-tracking-bar-checkout-button-text"},f.byob.checkoutCTAText??"Checkout"))))},Gu={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"}}},Qu={position:"sticky",bottom:"10px",zIndex:999,width:"96%"},Yu=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&&Gu[e]?Gu[e]:{},r={...Qu,...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-bundle-builder-tracker-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(Uu,{...e,isMobile:n}))},qu=It(void 0);function Zu(e){return Zu="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},Zu(e)}function Ku(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 Xu(e,t){return Xu=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},Xu(e,t)}function Ju(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=em(e);if(t){var o=em(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return function(e,t){if(t&&("object"===Zu(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 em(e){return em=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},em(e)}var tm=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&&Xu(e,t)}(o,h);var e,t,n,r=Ju(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&&Ku(e.prototype,t),n&&Ku(e,n),Object.defineProperty(e,"prototype",{writable:!1}),o}(),nm=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")},rm=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"}))},om=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"}))},am=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"}))},im=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"}))},lm=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"}))},cm=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)})))}},dm=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(am,null)),s&&t.createElement("a",{onClick:a},o?t.createElement(om,null):t.createElement(rm,null)),d&&t.createElement("a",{onClick:i},t.createElement(cm,null)),t.createElement("a",{onClick:l},t.createElement(im,null))),r&&t.createElement("span",{className:"__react_modal_image__caption"},r))};function pm(e){return pm="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},pm(e)}function um(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 fm(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=hm(e);if(t){var o=hm(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return function(e,t){if(t&&("object"===pm(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 hm(e){return hm=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},hm(e)}function xm(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,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&&mm(e,t)}(a,h);var e,n,r,o=fm(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 xm(gm(e=o.call.apply(o,[this].concat(n))),"state",{loading:!0}),xm(gm(e),"handleOnLoad",(function(){e.setState({loading:!1})})),xm(gm(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(lm,null),t.createElement("img",{id:n,className:r,src:o,style:a,onLoad:this.handleOnLoad,onDoubleClick:i,onContextMenu:this.handleOnContextMenu}))}}],n&&um(e.prototype,n),r&&um(e,r),Object.defineProperty(e,"prototype",{writable:!1}),a}();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 vm(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 wm(e,t){return wm=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},wm(e,t)}function Cm(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=Em(e);if(t){var o=Em(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 km(e)}(this,n)}}function km(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Em(e){return Em=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},Em(e)}function Tm(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Sm=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&&wm(e,t)}(a,h);var e,n,r,o=Cm(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 Tm(km(e=o.call.apply(o,[this].concat(n))),"state",{move:{x:0,y:0},moveStart:void 0,zoomed:!1,rotationDeg:0}),Tm(km(e),"handleKeyDown",(function(t){27!==t.keyCode&&13!==t.keyCode||e.props.onClose()})),Tm(km(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}}})),Tm(km(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}}}))}})),Tm(km(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}}}))}})),Tm(km(e),"handleMouseUpOrTouchEnd",(function(t){e.setState({moveStart:void 0})})),Tm(km(e),"toggleZoom",(function(t){t.preventDefault(),e.setState((function(e){return{zoomed:!e.zoomed,move:e.zoomed?{x:0,y:0}:e.move}}))})),Tm(km(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(tm,{name:"__react_modal_image__lightbox",css:nm({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(ym,{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(ym,{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(dm,{image:o||r,alt:a,zoomed:f,toggleZoom:this.toggleZoom,toggleRotate:this.toggleRotate,onClose:i,enableDownload:!l,enableZoom:!c,enableRotate:!!s})))}}])&&vm(e.prototype,n),r&&vm(e,r),Object.defineProperty(e,"prototype",{writable:!1}),a}();function $m(e){return $m="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},$m(e)}function Bm(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 zm(e,t){return zm=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},zm(e,t)}function Dm(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=Im(e);if(t){var o=Im(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return function(e,t){if(t&&("object"===$m(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return _m(e)}(this,n)}}function _m(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Im(e){return Im=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},Im(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 Om=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&&zm(e,t)}(a,h);var e,n,r,o=Dm(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(_m(e=o.call.apply(o,[this].concat(n))),"state",{modalOpen:!1}),Pm(_m(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(Sm,{medium:a,large:i,alt:l,onClose:this.toggleModal,hideDownload:c,hideZoom:s,showRotate:d,imageBackgroundColor:p}))}}],n&&Bm(e.prototype,n),r&&Bm(e,r),Object.defineProperty(e,"prototype",{writable:!1}),a}();const Am=x.div`
|
|
3315
3315
|
position: absolute;
|
|
3316
3316
|
top: 0px;
|
|
3317
3317
|
right: 0px;
|