yt-uikit 0.8.6 → 0.8.7-shadowdomBundlenew.0

package/dist/esm/shadowStyles.d.ts

@@ -0,0 +1 @@
+export declare const ytBundleShadowCss: string;

package/dist/esm/types/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/types/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/types/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/types/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/types/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/types/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/types/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/types/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/types/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/types/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/types/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/types/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/types/hooks/useShadowConfetti.d.ts

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

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

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

package/dist/esm/types/shadowStyles.d.ts

@@ -0,0 +1 @@
+export declare const ytBundleShadowCss: string;

package/dist/index.d.ts

@@ -449,6 +449,7 @@ type BundleProps = {
     };
     bundleHeaderBackgroundColor?: string;
     currentProductId?: string;
+    shadowRoot?: ShadowRoot | null;
 };
 declare const Bundle: React.FC<BundleProps>;
 
@@ -763,4 +764,9 @@ declare const ProductsOffers: ({ offersConfig, offers, }: {
     offers: CartCheckpoint[];
 }) => React.JSX.Element;
 
-export { Bundle, BundleLoader, Cart, CartCheckpoint, CouponFrame, Nudge, ProductsOffers as ProductOffers, ProductsOffersConfigType, SpinnerWheel };
+type ProductGridSkeletonProps = {};
+declare const ProductGridSkeleton: React.FC<ProductGridSkeletonProps>;
+
+declare const ytBundleShadowCss: string;
+
+export { Bundle, BundleLoader, Cart, CartCheckpoint, CouponFrame, Nudge, ProductGridSkeleton, ProductsOffers as ProductOffers, ProductsOffersConfigType, SpinnerWheel, ytBundleShadowCss };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yt-uikit",
-  "version": "0.8.6",
+  "version": "0.8.7-shadowdomBundlenew.0",
   "description": "YourToken UI Kit",
   "scripts": {
     "rollup": "tsc && rollup -c",

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

@@ -1,23 +0,0 @@
-import React from "react";
-import { Checkpoint } from "./Cart";
-export interface FloatingCartProps {
-    setIsCartOpen: (isOpen: boolean) => void;
-    isCartOpen?: boolean;
-    cartCheckpoints?: Checkpoint[];
-    customCartProgressBarCriteria?: string;
-    floatingCartData?: FloatingCartDataProps;
-    effectiveQuantityForProgressBar?: number;
-    cartComponentsCornerType?: "rounded" | "sharp";
-    cartComponentsCornerRadius?: number;
-}
-export type FloatingCartDataProps = {
-    enableFloatingCart: boolean;
-    backgroundColor: string;
-    bannerBackgroundColor: string;
-    textColor: string;
-    buttonColor: string;
-    bannerFooterText: string;
-    showOnPages: string[];
-};
-declare const FloatingCart: React.FC<FloatingCartProps>;
-export default FloatingCart;

package/dist/esm/types/components/Cart/FloatingCart.d.ts

@@ -1,23 +0,0 @@
-import React from "react";
-import { Checkpoint } from "./Cart";
-export interface FloatingCartProps {
-    setIsCartOpen: (isOpen: boolean) => void;
-    isCartOpen?: boolean;
-    cartCheckpoints?: Checkpoint[];
-    customCartProgressBarCriteria?: string;
-    floatingCartData?: FloatingCartDataProps;
-    effectiveQuantityForProgressBar?: number;
-    cartComponentsCornerType?: "rounded" | "sharp";
-    cartComponentsCornerRadius?: number;
-}
-export type FloatingCartDataProps = {
-    enableFloatingCart: boolean;
-    backgroundColor: string;
-    bannerBackgroundColor: string;
-    textColor: string;
-    buttonColor: string;
-    bannerFooterText: string;
-    showOnPages: string[];
-};
-declare const FloatingCart: React.FC<FloatingCartProps>;
-export default FloatingCart;