yt-uikit 0.8.6 → 0.8.7-shadowdomBundlenew.0

package/dist/esm/components/BundleBlock/Bundle.d.ts

@@ -376,6 +376,7 @@ export type BundleProps = {
     };
     bundleHeaderBackgroundColor?: string;
     currentProductId?: string;
+    shadowRoot?: ShadowRoot | null;
 };
 export declare const currencyPrice: (price: number | string | undefined) => string | undefined;
 export declare const getCurrencySymbol: (genSymbol: string, storeCurrencyCode?: string) => string;

package/dist/esm/components/BundleBlock/BundleBuilder/BundleBuilder.d.ts

@@ -33,6 +33,7 @@ type BundleBuilderProps = {
         price: number;
         compareAtPrice: number;
     };
+    shadowRoot?: ShadowRoot | null;
 };
 declare const BundleBuilder: React.FC<BundleBuilderProps>;
 export default BundleBuilder;

package/dist/esm/components/BundleBlock/BundleBuilderTracker/BundleBuilderTracker.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 import { Customizations, ProductDetails } from "../Bundle";
 import "../bundle.scss";
+import "./bundleBuilderTracker.style.css";
 type BundleBuilderTrackerProps = {
     builderTiers?: {
         type: string;
@@ -45,6 +46,7 @@ type BundleBuilderTrackerProps = {
     renderingOnPage: boolean;
     handleRemoveItemProductTier: (variantId: string, currentTier: number) => void;
     storeCurrencyCode?: string;
+    shadowRoot?: ShadowRoot | null;
 };
 export declare const BundleBuilderTrackerBar: React.FC<BundleBuilderTrackerProps>;
 export default BundleBuilderTrackerBar;

package/dist/esm/components/BundleBlock/BundleProductDetailsModal/BundleProductDetailsModal.d.ts

@@ -1,6 +1,9 @@
 import React from "react";
 import { ProductDetails, Customizations } from "../Bundle";
+import "./bundleProductDetailsModal.style.css";
 import "../bundle.scss";
+import "../BundleBuilder/bundleBuilder.style.css";
+type ShadowRoot = globalThis.ShadowRoot;
 type BundleProductDetailsModalProps = {
     handleAddToBundle: (variantId: string, product: ProductDetails, quantity: number) => void;
     selectedProducts: {
@@ -21,6 +24,7 @@ type BundleProductDetailsModalProps = {
         averageRating: number;
         ratingCount: number;
     };
+    shadowRoot?: ShadowRoot | null;
 };
 declare const BundleProductDetailsModal: React.ForwardRefExoticComponent<BundleProductDetailsModalProps & React.RefAttributes<HTMLDivElement>>;
 export default BundleProductDetailsModal;

package/dist/esm/components/BundleBlock/FixedBundle/SeparateVariantOptions.d.ts

@@ -34,6 +34,7 @@ interface ProductVariantSelectorProps {
     variantType?: string;
     variantId?: string;
     primaryProductId?: string;
+    shadowRoot?: ShadowRoot | null;
 }
 export declare const ProductVariantSelector: React.FC<ProductVariantSelectorProps>;
 export {};

package/dist/esm/components/BundleBlock/FixedBundle/VariantSelectorModal.d.ts

@@ -17,6 +17,7 @@ interface VariantSelectorModalProps {
     variantId?: string;
     onVariantChange: (index: number, variantId: string) => void;
     handleAddToCart: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => Promise<void>;
+    shadowRoot?: ShadowRoot | null;
 }
 declare const VariantSelectorModal: React.FC<VariantSelectorModalProps>;
 export default VariantSelectorModal;

package/dist/esm/components/BundleBlock/ProductGridSkeleton/ProductGridSkeleton.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import "./ProductGridSkeleton.css";
+type ProductGridSkeletonProps = {};
+declare const ProductGridSkeleton: React.FC<ProductGridSkeletonProps>;
+export default ProductGridSkeleton;

package/dist/esm/components/BundleBlock/VolumeBundle/VolumeBundle.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import { BundleProps } from "../Bundle";
-export default function VolumeBundle({ bundle, addToCartFunction, currentProductId, }: BundleProps): React.JSX.Element;
+export default function VolumeBundle({ bundle, addToCartFunction, currentProductId, shadowRoot }: BundleProps): React.JSX.Element;

package/dist/esm/components/BundleBlock/VolumeBundle/temp.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { BundleProps } from "../Bundle";
+export default function VolumeBundle({ bundle, addToCartFunction, currentProductId, }: BundleProps): React.JSX.Element;

package/dist/esm/components/Cart/FreebieClaim.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+type FreebieClaimProps = {
+    freebieProductsInCart: any;
+    freebieSectionTitle?: string;
+    themeColor?: string;
+    themeTextColor?: string;
+    checkpoints?: any;
+    addFreebieToCart?: (variantId: string, originalAllowedVariantIds?: string[]) => Promise<void>;
+    freebiesInCart: string[];
+    showFreebieClaimAsPopup?: boolean;
+    productClaimCtaButtonText?: string;
+    imageAspectSelector?: "square" | "portrait";
+    freebieCouponTemplates?: any;
+};
+export declare const FreebieClaimPopup: React.ForwardRefExoticComponent<FreebieClaimProps & React.RefAttributes<HTMLDivElement>>;
+declare const FreebieClaim: React.FC<FreebieClaimProps>;
+export default FreebieClaim;

package/dist/esm/components/Cart/VariantSelectionPopup/MobileVariantPopover.styled.d.ts

@@ -0,0 +1,49 @@
+/// <reference types="react" />
+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;
+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>, {
+    $themeColor?: string | undefined;
+    $cornerRadius?: number | undefined;
+    $backgroundColor?: string | undefined;
+}>> & string;
+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;
+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;
+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;
+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;
+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>, {
+    $themeColor?: string | undefined;
+}>> & string;
+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>, {
+    primaryTextColor?: string | undefined;
+}>> & string;
+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;
+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;
+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;
+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;
+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;
+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>, {
+    $isSelected?: boolean | undefined;
+    $isDisabled?: boolean | undefined;
+    $themeColor?: string | undefined;
+    backgroundColor?: string | undefined;
+}>> & string;
+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>, {
+    $themeColor: string;
+}>> & string;
+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;
+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;
+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>, {
+    $backgroundColor: string;
+}>> & string;
+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;
+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;
+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;
+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;
+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;
+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;
+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>, {
+    $themeColor?: string | undefined;
+    $cornerRadius?: number | undefined;
+    $cornerType?: string | undefined;
+    $disabled?: boolean | undefined;
+}>> & string;
+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;

package/dist/esm/components/index.d.ts

@@ -5,3 +5,4 @@ export { default as CouponFrame } from "./CouponFrame";
 export { default as Bundle } from "./BundleBlock";
 export { default as BundleLoader } from "./BundleBlock/Loader";
 export { default as ProductOffers, ProductsOffersConfigType, CartCheckpoint, } from "./ProductOffersBlock/ProductsOffers";
+export { default as ProductGridSkeleton } from "../components/BundleBlock/ProductGridSkeleton/ProductGridSkeleton";

package/dist/esm/hooks/useShadowConfetti.d.ts

@@ -0,0 +1 @@
+export declare function useShadowConfetti(): (options: any) => void;

package/dist/esm/index.d.ts

@@ -1 +1,2 @@
 export * from "./components";
+export { ytBundleShadowCss } from "./shadowStyles";