yt-uikit 0.7.422 → 0.7.424-offerTierCustomTextAdd.0
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/components/BundleBlock/ProductGridSkeleton/ProductGridSkeleton.d.ts +5 -0
- package/dist/esm/components/BundleBlock/VolumeBundle/temp.d.ts +3 -0
- package/dist/esm/components/Cart/FreebieClaim.d.ts +17 -0
- package/dist/esm/components/Cart/VariantSelectionPopup/MobileVariantPopover.styled.d.ts +49 -0
- package/dist/esm/hooks/useShadowConfetti.d.ts +1 -0
- package/dist/esm/index.js +1 -1
- package/dist/esm/shadowStyles.d.ts +1 -0
- package/dist/esm/types/components/BundleBlock/ProductGridSkeleton/ProductGridSkeleton.d.ts +5 -0
- package/dist/esm/types/components/BundleBlock/VolumeBundle/temp.d.ts +3 -0
- package/dist/esm/types/components/Cart/FreebieClaim.d.ts +17 -0
- package/dist/esm/types/components/Cart/VariantSelectionPopup/MobileVariantPopover.styled.d.ts +49 -0
- package/dist/esm/types/hooks/useShadowConfetti.d.ts +1 -0
- package/dist/esm/types/shadowStyles.d.ts +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
type FreebieClaimProps = {
|
|
3
|
+
freebieProductsInCart: any;
|
|
4
|
+
freebieSectionTitle?: string;
|
|
5
|
+
themeColor?: string;
|
|
6
|
+
themeTextColor?: string;
|
|
7
|
+
checkpoints?: any;
|
|
8
|
+
addFreebieToCart?: (variantId: string, originalAllowedVariantIds?: string[]) => Promise<void>;
|
|
9
|
+
freebiesInCart: string[];
|
|
10
|
+
showFreebieClaimAsPopup?: boolean;
|
|
11
|
+
productClaimCtaButtonText?: string;
|
|
12
|
+
imageAspectSelector?: "square" | "portrait";
|
|
13
|
+
freebieCouponTemplates?: any;
|
|
14
|
+
};
|
|
15
|
+
export declare const FreebieClaimPopup: React.ForwardRefExoticComponent<FreebieClaimProps & React.RefAttributes<HTMLDivElement>>;
|
|
16
|
+
declare const FreebieClaim: React.FC<FreebieClaimProps>;
|
|
17
|
+
export default FreebieClaim;
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const VariantSelectionPopupContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
|
+
export declare const ModalContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
4
|
+
$themeColor?: string | undefined;
|
|
5
|
+
$cornerRadius?: number | undefined;
|
|
6
|
+
$backgroundColor?: string | undefined;
|
|
7
|
+
}>> & string;
|
|
8
|
+
export declare const CloseButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
9
|
+
export declare const ProductDetails: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
10
|
+
export declare const ProductImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
|
|
11
|
+
export declare const ProductInfo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
12
|
+
export declare const ProductTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {
|
|
13
|
+
$themeColor?: string | undefined;
|
|
14
|
+
}>> & string;
|
|
15
|
+
export declare const ProductPrice: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
16
|
+
primaryTextColor?: string | undefined;
|
|
17
|
+
}>> & string;
|
|
18
|
+
export declare const OriginalPrice: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
19
|
+
export declare const ViewDetailsLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>> & string;
|
|
20
|
+
export declare const OptionContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
21
|
+
export declare const OptionTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
22
|
+
export declare const OptionsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
23
|
+
export declare const VariantOption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
|
|
24
|
+
$isSelected?: boolean | undefined;
|
|
25
|
+
$isDisabled?: boolean | undefined;
|
|
26
|
+
$themeColor?: string | undefined;
|
|
27
|
+
backgroundColor?: string | undefined;
|
|
28
|
+
}>> & string;
|
|
29
|
+
export declare const CartButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
|
|
30
|
+
$themeColor: string;
|
|
31
|
+
}>> & string;
|
|
32
|
+
export declare const LoaderContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
33
|
+
export declare const QuantitySelectorContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
34
|
+
export declare const MainSelectorContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
35
|
+
$backgroundColor: string;
|
|
36
|
+
}>> & string;
|
|
37
|
+
export declare const FlexContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
38
|
+
export declare const DetailsSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
39
|
+
export declare const PriceSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
40
|
+
export declare const LinkSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
41
|
+
export declare const ActionsSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
42
|
+
export declare const ReplaceButtonContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
43
|
+
export declare const ReplaceButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
|
|
44
|
+
$themeColor?: string | undefined;
|
|
45
|
+
$cornerRadius?: number | undefined;
|
|
46
|
+
$cornerType?: string | undefined;
|
|
47
|
+
$disabled?: boolean | undefined;
|
|
48
|
+
}>> & string;
|
|
49
|
+
export declare const ReplaceButtonContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function useShadowConfetti(): (options: any) => void;
|
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
|
-
`,tm=({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(Ju,{className:"yt-byob-tracker-detailed-product-item",key:e.variantId},t.createElement(Ou,{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(_u,{className:"yt-byob-tracker-quantity-badge",borderRadius:c},e.quantity,"x")),t.createElement(Mu,{className:"yt-byob-tracker-info-block"},t.createElement(Ru,{className:"yt-byob-tracker-product-title"},e.product.title),t.createElement(Lu,{className:"yt-byob-tracker-product-price"},s,Vh(o?.node?.price)),t.createElement(Pu,{className:"yt-byob-tracker-remove-detailed-btn",onClick:()=>l(e.variantId,d)},t.createElement(qa,null),t.createElement("span",null,"Remove")))):t.createElement("div",{className:"yt-byob-tracker-product-item",key:e.variantId},t.createElement(Ku,{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(_u,{className:"yt-byob-tracker-quantity-badge",borderRadius:c},a,"x"),t.createElement(Pu,{className:"yt-byob-tracker-remove-btn",onClick:()=>l(e.variantId,d)},t.createElement(pt,{fontSize:"12px"}))))})),p>=1&&[...Array(p)].map(((e,r)=>t.createElement(Vu,{className:"yt-byob-tracker-placeholder-box",isMobile:n,borderRadius:c,key:r},t.createElement(ro,{size:40,color:"#A0A0A0"})))))),d<e.length-1&&t.createElement(em,{className:"yt-byob-tracker-plus-icon-container"},t.createElement(ro,{size:"16px",style:{backgroundColor:"#f2f2f2"}})))}))),nm=({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;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;jr({particleCount:100,spread:70,origin:{x:n,y:r},zIndex:9999})}}),[k,f]),z>=0&&z<$.length&&$[z].tier;const H="number"==typeof A?$[A]?.customText:void 0;console.log("discountValue",H);const q="string"==typeof H&&""!==H.trim(),U=t.useMemo((()=>{if(!q)return"";const e=String(H).trim().replace(/\s+/g," ").replace(/add\s*\d*\s*more\s*/i,"").replace(/product\s*/i,"").replace(/item\s*/i,"").replace(/get\s*/i,"").trim();return e?`Add ${N} more ${e}`:""}),[H,N,q]);return t.createElement(Eu,{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&&null!==A&&A>=0&&t.createElement(Tu,{className:"yt-byob-tracker-offer-tier-tag"},q?t.createElement(t.Fragment,null,H):t.createElement(t.Fragment,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," ",Wh(f.general.currencySymbol,C)):""," ",Vh($[A]?.discountValue),d?t.createElement(t.Fragment,null,"% "):Vh(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(Su,{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(Bu,{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"}},U):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,Wh(f.general.currencySymbol,C)):""," ",Vh($[z]?.discountValue),d?t.createElement(t.Fragment,null,"% "):Vh(g)?t.createElement(t.Fragment,null):"",d||m?t.createElement(t.Fragment,null," Off"):"")))),t.createElement(zu,{className:"yt-byob-tracker-progress-bar-bg"},t.createElement(Iu,{className:"yt-byob-tracker-progress-bar-fill bundle-builder-tracker-progress",progressPercentage:W??0,primaryColor:x??f?.general.primaryColor}," "))),f.byob.selectedProductsVisibility&&t.createElement(Nu,{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(tm,{tiers:$,isMobile:h,selectedProductsByTier:w??{},selectedProducts:o,themeColor:f.general.primaryColor,showProductDetailsInTracker:a,handleRemoveItemProductTier:v,cornerRadius:f.byob.borderRadius,currencySymbol:Wh(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(Au,{className:"yt-byob-tracker-detailed-item-container",borderRadius:f.byob.borderRadius,key:e.variantId},t.createElement(Ou,{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(Fu,{className:"yt-byob-tracker-badge"},e.quantity,"x")),t.createElement(Mu,{className:"yt-byob-tracker-info-block"},t.createElement(Ru,{className:"yt-byob-tracker-product-title"},e.product.title),t.createElement(Lu,{className:"yt-byob-tracker-product-price"},f.general.currencySymbol,n?.node?.price),t.createElement(ju,{className:"yt-byob-tracker-remove-link",onClick:()=>s(e.variantId)},t.createElement(qa,null),t.createElement("span",null,"Remove")))):t.createElement("div",{className:"yt-byob-tracker-product-item",key:e.variantId},t.createElement(Xu,{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(_u,{className:"yt-byob-tracker-quantity-badge",borderRadius:f.byob.borderRadius},e.quantity,"x"),t.createElement(Pu,{className:"yt-byob-tracker-remove-btn",onClick:()=>s(e.variantId)},t.createElement(pt,{fontSize:"12px"}))))})),N>=1&&[...Array(N)].map(((e,n)=>t.createElement(Vu,{className:"yt-byob-tracker-placeholder-box",isMobile:h,borderRadius:f.byob.borderRadius,key:n},t.createElement(ro,{size:40,color:"#A0A0A0"})))))),(!h||_)&&t.createElement(Du,{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(Wu,{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(Hu,{className:"yt-byob-tracker-subtotal-label"},"Subtotal"),Number(V)>0&&t.createElement(qu,{className:"yt-byob-tracker-save-label",style:{}},"Save:"," ",Wh(f.general.currencySymbol,C),Vh(V))):t.createElement(t.Fragment,null,t.createElement(Hu,{className:"yt-byob-tracker-subtotal-label"},"Subtotal"),Number(V)>0&&!h&&t.createElement(qu,{className:"yt-byob-tracker-save-label"},"Save:"," ",Wh(f.general.currencySymbol,C),Vh(V)))),t.createElement(Uu,{className:"yt-byob-tracker-subtotal-row"},t.createElement(Qu,{className:"yt-byob-tracker-final-price"},Wh(f.general.currencySymbol,C),Number(j)>=0?Vh(Number(j).toFixed(2)):0),L&&f.byob.compareAtPriceVisibility&&Number(L)>Number(j)&&t.createElement(Gu,{className:"yt-byob-tracker-line-through-price"},Wh(f.general.currencySymbol,C),Vh(Number(L).toFixed(2))))),t.createElement(Yu,{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(Yo,{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(Zu,{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"))))},rm={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"}}},om={position:"sticky",bottom:"10px",zIndex:999,width:"96%"},am=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&&rm[e]?rm[e]:{},r={...om,...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(nm,{...e,isMobile:n}))},im=_t(void 0);function lm(e){return lm="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},lm(e)}function cm(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 sm(e,t){return sm=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},sm(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=pm(e);if(t){var o=pm(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return function(e,t){if(t&&("object"===lm(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 pm(e){return pm=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},pm(e)}var um=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&&sm(e,t)}(o,h);var e,t,n,r=dm(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&&cm(e.prototype,t),n&&cm(e,n),Object.defineProperty(e,"prototype",{writable:!1}),o}(),mm=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")},fm=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"}))},gm=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"}))},hm=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"}))},xm=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"}))},ym=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"}))},bm=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 vm=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)})))}},wm=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:vm(n)},t.createElement(hm,null)),s&&t.createElement("a",{onClick:a},o?t.createElement(gm,null):t.createElement(fm,null)),d&&t.createElement("a",{onClick:i},t.createElement(bm,null)),t.createElement("a",{onClick:l},t.createElement(xm,null))),r&&t.createElement("span",{className:"__react_modal_image__caption"},r))};function Cm(e){return Cm="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},Cm(e)}function km(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 Em(e,t){return Em=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},Em(e,t)}function Tm(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"===Cm(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return Sm(e)}(this,n)}}function Sm(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 Bm(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var zm=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&&Em(e,t)}(a,h);var e,n,r,o=Tm(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 Bm(Sm(e=o.call.apply(o,[this].concat(n))),"state",{loading:!0}),Bm(Sm(e),"handleOnLoad",(function(){e.setState({loading:!1})})),Bm(Sm(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(ym,null),t.createElement("img",{id:n,className:r,src:o,style:a,onLoad:this.handleOnLoad,onDoubleClick:i,onContextMenu:this.handleOnContextMenu}))}}],n&&km(e.prototype,n),r&&km(e,r),Object.defineProperty(e,"prototype",{writable:!1}),a}();function Im(e){return Im="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},Im(e)}function Nm(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 Dm(e,t){return Dm=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},Dm(e,t)}function _m(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=Am(e);if(t){var o=Am(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return function(e,t){if(t&&("object"===Im(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return Pm(e)}(this,n)}}function Pm(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Am(e){return Am=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},Am(e)}function Om(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Fm=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&&Dm(e,t)}(a,h);var e,n,r,o=_m(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 Om(Pm(e=o.call.apply(o,[this].concat(n))),"state",{move:{x:0,y:0},moveStart:void 0,zoomed:!1,rotationDeg:0}),Om(Pm(e),"handleKeyDown",(function(t){27!==t.keyCode&&13!==t.keyCode||e.props.onClose()})),Om(Pm(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}}})),Om(Pm(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}}}))}})),Om(Pm(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}}}))}})),Om(Pm(e),"handleMouseUpOrTouchEnd",(function(t){e.setState({moveStart:void 0})})),Om(Pm(e),"toggleZoom",(function(t){t.preventDefault(),e.setState((function(e){return{zoomed:!e.zoomed,move:e.zoomed?{x:0,y:0}:e.move}}))})),Om(Pm(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(um,{name:"__react_modal_image__lightbox",css:mm({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(zm,{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(zm,{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(wm,{image:o||r,alt:a,zoomed:f,toggleZoom:this.toggleZoom,toggleRotate:this.toggleRotate,onClose:i,enableDownload:!l,enableZoom:!c,enableRotate:!!s})))}}])&&Nm(e.prototype,n),r&&Nm(e,r),Object.defineProperty(e,"prototype",{writable:!1}),a}();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 Rm(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 Lm(e,t){return Lm=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},Lm(e,t)}function jm(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=Wm(e);if(t){var o=Wm(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 Vm(e)}(this,n)}}function Vm(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Wm(e){return Wm=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},Wm(e)}function Hm(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var qm=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&&Lm(e,t)}(a,h);var e,n,r,o=jm(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 Hm(Vm(e=o.call.apply(o,[this].concat(n))),"state",{modalOpen:!1}),Hm(Vm(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(Fm,{medium:a,large:i,alt:l,onClose:this.toggleModal,hideDownload:c,hideZoom:s,showRotate:d,imageBackgroundColor:p}))}}],n&&Rm(e.prototype,n),r&&Rm(e,r),Object.defineProperty(e,"prototype",{writable:!1}),a}();const Um=x.div`
|
|
3321
|
+
`,tm=({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(Ju,{className:"yt-byob-tracker-detailed-product-item",key:e.variantId},t.createElement(Ou,{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(_u,{className:"yt-byob-tracker-quantity-badge",borderRadius:c},e.quantity,"x")),t.createElement(Mu,{className:"yt-byob-tracker-info-block"},t.createElement(Ru,{className:"yt-byob-tracker-product-title"},e.product.title),t.createElement(Lu,{className:"yt-byob-tracker-product-price"},s,Vh(o?.node?.price)),t.createElement(Pu,{className:"yt-byob-tracker-remove-detailed-btn",onClick:()=>l(e.variantId,d)},t.createElement(qa,null),t.createElement("span",null,"Remove")))):t.createElement("div",{className:"yt-byob-tracker-product-item",key:e.variantId},t.createElement(Ku,{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(_u,{className:"yt-byob-tracker-quantity-badge",borderRadius:c},a,"x"),t.createElement(Pu,{className:"yt-byob-tracker-remove-btn",onClick:()=>l(e.variantId,d)},t.createElement(pt,{fontSize:"12px"}))))})),p>=1&&[...Array(p)].map(((e,r)=>t.createElement(Vu,{className:"yt-byob-tracker-placeholder-box",isMobile:n,borderRadius:c,key:r},t.createElement(ro,{size:40,color:"#A0A0A0"})))))),d<e.length-1&&t.createElement(em,{className:"yt-byob-tracker-plus-icon-container"},t.createElement(ro,{size:"16px",style:{backgroundColor:"#f2f2f2"}})))}))),nm=({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;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;jr({particleCount:100,spread:70,origin:{x:n,y:r},zIndex:9999})}}),[k,f]),z>=0&&z<$.length&&$[z].tier;const H="number"==typeof A?$[A]?.customText:void 0,q="string"==typeof H&&""!==H.trim();return t.createElement(Eu,{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&&null!==A&&A>=0&&t.createElement(Tu,{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+1).reduce(((e,t)=>e+t.minimumQuantity),0)," ","at",m||g?t.createElement(t.Fragment,null," ",Wh(f.general.currencySymbol,C)):""," ",Vh($[A]?.discountValue),d?t.createElement(t.Fragment,null,"% "):Vh(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(Su,{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(Bu,{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,Wh(f.general.currencySymbol,C)):""," ",Vh($[z]?.discountValue),d?t.createElement(t.Fragment,null,"% "):Vh(g)?t.createElement(t.Fragment,null):"",d||m?t.createElement(t.Fragment,null," Off"):"")))),t.createElement(zu,{className:"yt-byob-tracker-progress-bar-bg"},t.createElement(Iu,{className:"yt-byob-tracker-progress-bar-fill bundle-builder-tracker-progress",progressPercentage:W??0,primaryColor:x??f?.general.primaryColor}," "))),f.byob.selectedProductsVisibility&&t.createElement(Nu,{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(tm,{tiers:$,isMobile:h,selectedProductsByTier:w??{},selectedProducts:o,themeColor:f.general.primaryColor,showProductDetailsInTracker:a,handleRemoveItemProductTier:v,cornerRadius:f.byob.borderRadius,currencySymbol:Wh(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(Au,{className:"yt-byob-tracker-detailed-item-container",borderRadius:f.byob.borderRadius,key:e.variantId},t.createElement(Ou,{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(Fu,{className:"yt-byob-tracker-badge"},e.quantity,"x")),t.createElement(Mu,{className:"yt-byob-tracker-info-block"},t.createElement(Ru,{className:"yt-byob-tracker-product-title"},e.product.title),t.createElement(Lu,{className:"yt-byob-tracker-product-price"},f.general.currencySymbol,n?.node?.price),t.createElement(ju,{className:"yt-byob-tracker-remove-link",onClick:()=>s(e.variantId)},t.createElement(qa,null),t.createElement("span",null,"Remove")))):t.createElement("div",{className:"yt-byob-tracker-product-item",key:e.variantId},t.createElement(Xu,{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(_u,{className:"yt-byob-tracker-quantity-badge",borderRadius:f.byob.borderRadius},e.quantity,"x"),t.createElement(Pu,{className:"yt-byob-tracker-remove-btn",onClick:()=>s(e.variantId)},t.createElement(pt,{fontSize:"12px"}))))})),N>=1&&[...Array(N)].map(((e,n)=>t.createElement(Vu,{className:"yt-byob-tracker-placeholder-box",isMobile:h,borderRadius:f.byob.borderRadius,key:n},t.createElement(ro,{size:40,color:"#A0A0A0"})))))),(!h||_)&&t.createElement(Du,{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(Wu,{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(Hu,{className:"yt-byob-tracker-subtotal-label"},"Subtotal"),Number(V)>0&&t.createElement(qu,{className:"yt-byob-tracker-save-label",style:{}},"Save:"," ",Wh(f.general.currencySymbol,C),Vh(V))):t.createElement(t.Fragment,null,t.createElement(Hu,{className:"yt-byob-tracker-subtotal-label"},"Subtotal"),Number(V)>0&&!h&&t.createElement(qu,{className:"yt-byob-tracker-save-label"},"Save:"," ",Wh(f.general.currencySymbol,C),Vh(V)))),t.createElement(Uu,{className:"yt-byob-tracker-subtotal-row"},t.createElement(Qu,{className:"yt-byob-tracker-final-price"},Wh(f.general.currencySymbol,C),Number(j)>=0?Vh(Number(j).toFixed(2)):0),L&&f.byob.compareAtPriceVisibility&&Number(L)>Number(j)&&t.createElement(Gu,{className:"yt-byob-tracker-line-through-price"},Wh(f.general.currencySymbol,C),Vh(Number(L).toFixed(2))))),t.createElement(Yu,{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(Yo,{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(Zu,{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"))))},rm={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"}}},om={position:"sticky",bottom:"10px",zIndex:999,width:"96%"},am=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&&rm[e]?rm[e]:{},r={...om,...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(nm,{...e,isMobile:n}))},im=_t(void 0);function lm(e){return lm="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},lm(e)}function cm(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 sm(e,t){return sm=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},sm(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=pm(e);if(t){var o=pm(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return function(e,t){if(t&&("object"===lm(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 pm(e){return pm=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},pm(e)}var um=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&&sm(e,t)}(o,h);var e,t,n,r=dm(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&&cm(e.prototype,t),n&&cm(e,n),Object.defineProperty(e,"prototype",{writable:!1}),o}(),mm=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")},fm=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"}))},gm=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"}))},hm=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"}))},xm=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"}))},ym=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"}))},bm=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 vm=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)})))}},wm=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:vm(n)},t.createElement(hm,null)),s&&t.createElement("a",{onClick:a},o?t.createElement(gm,null):t.createElement(fm,null)),d&&t.createElement("a",{onClick:i},t.createElement(bm,null)),t.createElement("a",{onClick:l},t.createElement(xm,null))),r&&t.createElement("span",{className:"__react_modal_image__caption"},r))};function Cm(e){return Cm="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},Cm(e)}function km(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 Em(e,t){return Em=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},Em(e,t)}function Tm(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"===Cm(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return Sm(e)}(this,n)}}function Sm(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 Bm(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var zm=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&&Em(e,t)}(a,h);var e,n,r,o=Tm(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 Bm(Sm(e=o.call.apply(o,[this].concat(n))),"state",{loading:!0}),Bm(Sm(e),"handleOnLoad",(function(){e.setState({loading:!1})})),Bm(Sm(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(ym,null),t.createElement("img",{id:n,className:r,src:o,style:a,onLoad:this.handleOnLoad,onDoubleClick:i,onContextMenu:this.handleOnContextMenu}))}}],n&&km(e.prototype,n),r&&km(e,r),Object.defineProperty(e,"prototype",{writable:!1}),a}();function Im(e){return Im="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},Im(e)}function Nm(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 Dm(e,t){return Dm=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},Dm(e,t)}function _m(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=Am(e);if(t){var o=Am(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return function(e,t){if(t&&("object"===Im(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return Pm(e)}(this,n)}}function Pm(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Am(e){return Am=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},Am(e)}function Om(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Fm=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&&Dm(e,t)}(a,h);var e,n,r,o=_m(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 Om(Pm(e=o.call.apply(o,[this].concat(n))),"state",{move:{x:0,y:0},moveStart:void 0,zoomed:!1,rotationDeg:0}),Om(Pm(e),"handleKeyDown",(function(t){27!==t.keyCode&&13!==t.keyCode||e.props.onClose()})),Om(Pm(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}}})),Om(Pm(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}}}))}})),Om(Pm(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}}}))}})),Om(Pm(e),"handleMouseUpOrTouchEnd",(function(t){e.setState({moveStart:void 0})})),Om(Pm(e),"toggleZoom",(function(t){t.preventDefault(),e.setState((function(e){return{zoomed:!e.zoomed,move:e.zoomed?{x:0,y:0}:e.move}}))})),Om(Pm(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(um,{name:"__react_modal_image__lightbox",css:mm({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(zm,{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(zm,{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(wm,{image:o||r,alt:a,zoomed:f,toggleZoom:this.toggleZoom,toggleRotate:this.toggleRotate,onClose:i,enableDownload:!l,enableZoom:!c,enableRotate:!!s})))}}])&&Nm(e.prototype,n),r&&Nm(e,r),Object.defineProperty(e,"prototype",{writable:!1}),a}();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 Rm(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 Lm(e,t){return Lm=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},Lm(e,t)}function jm(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=Wm(e);if(t){var o=Wm(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 Vm(e)}(this,n)}}function Vm(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Wm(e){return Wm=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},Wm(e)}function Hm(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var qm=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&&Lm(e,t)}(a,h);var e,n,r,o=jm(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 Hm(Vm(e=o.call.apply(o,[this].concat(n))),"state",{modalOpen:!1}),Hm(Vm(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(Fm,{medium:a,large:i,alt:l,onClose:this.toggleModal,hideDownload:c,hideZoom:s,showRotate:d,imageBackgroundColor:p}))}}],n&&Rm(e.prototype,n),r&&Rm(e,r),Object.defineProperty(e,"prototype",{writable:!1}),a}();const Um=x.div`
|
|
3322
3322
|
position: absolute;
|
|
3323
3323
|
top: 0px;
|
|
3324
3324
|
right: 0px;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const ytBundleShadowCss: string;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
type FreebieClaimProps = {
|
|
3
|
+
freebieProductsInCart: any;
|
|
4
|
+
freebieSectionTitle?: string;
|
|
5
|
+
themeColor?: string;
|
|
6
|
+
themeTextColor?: string;
|
|
7
|
+
checkpoints?: any;
|
|
8
|
+
addFreebieToCart?: (variantId: string, originalAllowedVariantIds?: string[]) => Promise<void>;
|
|
9
|
+
freebiesInCart: string[];
|
|
10
|
+
showFreebieClaimAsPopup?: boolean;
|
|
11
|
+
productClaimCtaButtonText?: string;
|
|
12
|
+
imageAspectSelector?: "square" | "portrait";
|
|
13
|
+
freebieCouponTemplates?: any;
|
|
14
|
+
};
|
|
15
|
+
export declare const FreebieClaimPopup: React.ForwardRefExoticComponent<FreebieClaimProps & React.RefAttributes<HTMLDivElement>>;
|
|
16
|
+
declare const FreebieClaim: React.FC<FreebieClaimProps>;
|
|
17
|
+
export default FreebieClaim;
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const VariantSelectionPopupContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
|
+
export declare const ModalContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
4
|
+
$themeColor?: string | undefined;
|
|
5
|
+
$cornerRadius?: number | undefined;
|
|
6
|
+
$backgroundColor?: string | undefined;
|
|
7
|
+
}>> & string;
|
|
8
|
+
export declare const CloseButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
9
|
+
export declare const ProductDetails: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
10
|
+
export declare const ProductImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
|
|
11
|
+
export declare const ProductInfo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
12
|
+
export declare const ProductTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {
|
|
13
|
+
$themeColor?: string | undefined;
|
|
14
|
+
}>> & string;
|
|
15
|
+
export declare const ProductPrice: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
16
|
+
primaryTextColor?: string | undefined;
|
|
17
|
+
}>> & string;
|
|
18
|
+
export declare const OriginalPrice: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
19
|
+
export declare const ViewDetailsLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>> & string;
|
|
20
|
+
export declare const OptionContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
21
|
+
export declare const OptionTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
22
|
+
export declare const OptionsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
23
|
+
export declare const VariantOption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
|
|
24
|
+
$isSelected?: boolean | undefined;
|
|
25
|
+
$isDisabled?: boolean | undefined;
|
|
26
|
+
$themeColor?: string | undefined;
|
|
27
|
+
backgroundColor?: string | undefined;
|
|
28
|
+
}>> & string;
|
|
29
|
+
export declare const CartButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
|
|
30
|
+
$themeColor: string;
|
|
31
|
+
}>> & string;
|
|
32
|
+
export declare const LoaderContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
33
|
+
export declare const QuantitySelectorContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
34
|
+
export declare const MainSelectorContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
35
|
+
$backgroundColor: string;
|
|
36
|
+
}>> & string;
|
|
37
|
+
export declare const FlexContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
38
|
+
export declare const DetailsSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
39
|
+
export declare const PriceSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
40
|
+
export declare const LinkSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
41
|
+
export declare const ActionsSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
42
|
+
export declare const ReplaceButtonContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
43
|
+
export declare const ReplaceButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
|
|
44
|
+
$themeColor?: string | undefined;
|
|
45
|
+
$cornerRadius?: number | undefined;
|
|
46
|
+
$cornerType?: string | undefined;
|
|
47
|
+
$disabled?: boolean | undefined;
|
|
48
|
+
}>> & string;
|
|
49
|
+
export declare const ReplaceButtonContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function useShadowConfetti(): (options: any) => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const ytBundleShadowCss: string;
|