yt-uikit 0.8.18-freebie-milestone.0 → 0.8.18-offerTierText.1

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

@@ -1,12 +1,12 @@
-import React from "react";
-import "./shared.scss";
-export declare const QuantitySelector: ({ value, handleItemQuantityDecrement, handleItemQuantityIncrement, isDev, themeColor, cartComponentsCornerType, cartComponentsCornerRadius, backgroundSubdued, }: {
-    value: number;
-    handleItemQuantityIncrement: () => Promise<void>;
-    handleItemQuantityDecrement: () => Promise<void>;
-    isDev?: boolean | undefined;
-    themeColor?: string | undefined;
-    cartComponentsCornerType?: "rounded" | "sharp" | undefined;
-    cartComponentsCornerRadius?: number | undefined;
-    backgroundSubdued?: string | undefined;
-}) => React.JSX.Element;
+import React from "react";
+import "./shared.scss";
+export declare const QuantitySelector: ({ value, handleItemQuantityDecrement, handleItemQuantityIncrement, isDev, themeColor, cartComponentsCornerType, cartComponentsCornerRadius, backgroundSubdued, }: {
+    value: number;
+    handleItemQuantityIncrement: () => Promise<void>;
+    handleItemQuantityDecrement: () => Promise<void>;
+    isDev?: boolean | undefined;
+    themeColor?: string | undefined;
+    cartComponentsCornerType?: "rounded" | "sharp" | undefined;
+    cartComponentsCornerRadius?: number | undefined;
+    backgroundSubdued?: string | undefined;
+}) => React.JSX.Element;

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

@@ -1,17 +1,17 @@
-import React from "react";
-import "./StandardDelivery.scss";
-interface RegionSpecificDeliveryProps {
-    title?: string;
-    backgroundColor?: string;
-    tag?: string;
-    postalCodeList?: number[];
-    themeColor?: string;
-    themeTextColor?: string;
-    enableSlotPicker?: boolean;
-    deliveryHeaderTitle?: string;
-    deliveryAvailableText?: string;
-    deliveryNotAvailableText?: string;
-    disabledDates?: Date[] | Date;
-}
-declare const RegionSpecificDelivery: React.FC<RegionSpecificDeliveryProps>;
-export default RegionSpecificDelivery;
+import React from "react";
+import "./StandardDelivery.scss";
+interface RegionSpecificDeliveryProps {
+    title?: string;
+    backgroundColor?: string;
+    tag?: string;
+    postalCodeList?: number[];
+    themeColor?: string;
+    themeTextColor?: string;
+    enableSlotPicker?: boolean;
+    deliveryHeaderTitle?: string;
+    deliveryAvailableText?: string;
+    deliveryNotAvailableText?: string;
+    disabledDates?: Date[] | Date;
+}
+declare const RegionSpecificDelivery: React.FC<RegionSpecificDeliveryProps>;
+export default RegionSpecificDelivery;

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

@@ -1,10 +1,10 @@
-import React from "react";
-type RewardPointsPreviewProps = {
-    loyaltyIcon: string;
-    backgroundSubdued?: string;
-    primaryTextColor?: string;
-    pointsRewardRate: number;
-    rewardMultiplier?: number | null;
-};
-declare const RewardPointsPreview: React.FC<RewardPointsPreviewProps>;
-export default RewardPointsPreview;
+import React from "react";
+type RewardPointsPreviewProps = {
+    loyaltyIcon: string;
+    backgroundSubdued?: string;
+    primaryTextColor?: string;
+    pointsRewardRate: number;
+    rewardMultiplier?: number | null;
+};
+declare const RewardPointsPreview: React.FC<RewardPointsPreviewProps>;
+export default RewardPointsPreview;

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

@@ -1,11 +1,11 @@
-import React from "react";
-import "./StandardDelivery.scss";
-type StandardDeliveryProps = {
-    postalCodeList?: number[];
-    themeColor?: string;
-    themeTextColor?: string;
-    enableSlotPicker?: boolean;
-    disabledDates?: Date[] | Date;
-};
-declare const StandardDelivery: ({ postalCodeList, themeColor, themeTextColor, enableSlotPicker, disabledDates, }: StandardDeliveryProps) => React.JSX.Element;
-export default StandardDelivery;
+import React from "react";
+import "./StandardDelivery.scss";
+type StandardDeliveryProps = {
+    postalCodeList?: number[];
+    themeColor?: string;
+    themeTextColor?: string;
+    enableSlotPicker?: boolean;
+    disabledDates?: Date[] | Date;
+};
+declare const StandardDelivery: ({ postalCodeList, themeColor, themeTextColor, enableSlotPicker, disabledDates, }: StandardDeliveryProps) => React.JSX.Element;
+export default StandardDelivery;

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

@@ -1,52 +1,52 @@
-import React from "react";
-import { BundlePayload } from "../BundleBlock/Bundle";
-export type stickyCartCustomizationDataProps = {
-    showPrice: boolean;
-    productImage?: {
-        id: string;
-        path: string;
-    };
-    buyNowCtaTitle: string;
-    desktopBarType: "stretch" | "hover";
-    showProductName: boolean;
-    showBuyNowButton: boolean;
-    showProductImage: boolean;
-    addToCartCtaTitle: string;
-    showAddToCartButton: boolean;
-    showVariantSelector: boolean;
-    productInfoVisibility: boolean;
-    excludeProducts?: string[];
-    showBarOnDesktop?: boolean;
-    ctaButtonFontSize?: number;
-    startsAppearingAtHeight?: number;
-    fullyAppearsAtHeight?: number;
-    topRibbonText?: string;
-};
-export declare const defaultStickyCartCustomizationData: stickyCartCustomizationDataProps;
-export type StickyAddToCartProps = {
-    showStickyCart: boolean;
-    product: any;
-    addCartItem?: (product: any, quantity?: number, triggeredFrom?: string, freebieReplace?: boolean) => Promise<any>;
-    onSetLoading?: (setLoadingFn: (isLoading: boolean, showLoader: boolean, showSkeletonLoader?: boolean, showLoyaltyCtaLoading?: boolean) => void) => void;
-    themeColor?: string;
-    themeTextColor?: string;
-    cartData: any;
-    isCartOpen: boolean;
-    setIsCartOpen: (isCartOpen: boolean) => void;
-    ctaButtonBackgroundColor?: string;
-    ctaButtonTextColor?: string;
-    addToStickyCart?: (variantId: string, quantity: number) => Promise<void>;
-    cartComponentsCornerType?: "rounded" | "sharp";
-    cartComponentsCornerRadius?: number;
-    stickyCartCustomizationData?: stickyCartCustomizationDataProps;
-    checkoutFunction?: (variantId: string, quantity: number) => Promise<void>;
-    backgroundColor?: string;
-    primaryTextColor?: string;
-    comboBundleData?: BundlePayload;
-    comboBundleAddToCartFunction?: (selectedItemsSubtotal: number, variantIds?: string[], finalBundlePrice?: number, variantIdPriceMap?: {
-        variantId: string;
-        price: number;
-    }[]) => Promise<void>;
-};
-declare const StickyAddToCart: ({ showStickyCart, product, addCartItem, onSetLoading, themeColor, cartData, isCartOpen, setIsCartOpen, ctaButtonBackgroundColor, ctaButtonTextColor, addToStickyCart, cartComponentsCornerType, cartComponentsCornerRadius, themeTextColor, stickyCartCustomizationData, checkoutFunction, backgroundColor, primaryTextColor, comboBundleData, comboBundleAddToCartFunction, }: StickyAddToCartProps) => React.JSX.Element | null;
-export default StickyAddToCart;
+import React from "react";
+import { BundlePayload } from "../BundleBlock/Bundle";
+export type stickyCartCustomizationDataProps = {
+    showPrice: boolean;
+    productImage?: {
+        id: string;
+        path: string;
+    };
+    buyNowCtaTitle: string;
+    desktopBarType: "stretch" | "hover";
+    showProductName: boolean;
+    showBuyNowButton: boolean;
+    showProductImage: boolean;
+    addToCartCtaTitle: string;
+    showAddToCartButton: boolean;
+    showVariantSelector: boolean;
+    productInfoVisibility: boolean;
+    excludeProducts?: string[];
+    showBarOnDesktop?: boolean;
+    ctaButtonFontSize?: number;
+    startsAppearingAtHeight?: number;
+    fullyAppearsAtHeight?: number;
+    topRibbonText?: string;
+};
+export declare const defaultStickyCartCustomizationData: stickyCartCustomizationDataProps;
+export type StickyAddToCartProps = {
+    showStickyCart: boolean;
+    product: any;
+    addCartItem?: (product: any, quantity?: number, triggeredFrom?: string, freebieReplace?: boolean) => Promise<any>;
+    onSetLoading?: (setLoadingFn: (isLoading: boolean, showLoader: boolean, showSkeletonLoader?: boolean, showLoyaltyCtaLoading?: boolean) => void) => void;
+    themeColor?: string;
+    themeTextColor?: string;
+    cartData: any;
+    isCartOpen: boolean;
+    setIsCartOpen: (isCartOpen: boolean) => void;
+    ctaButtonBackgroundColor?: string;
+    ctaButtonTextColor?: string;
+    addToStickyCart?: (variantId: string, quantity: number) => Promise<void>;
+    cartComponentsCornerType?: "rounded" | "sharp";
+    cartComponentsCornerRadius?: number;
+    stickyCartCustomizationData?: stickyCartCustomizationDataProps;
+    checkoutFunction?: (variantId: string, quantity: number) => Promise<void>;
+    backgroundColor?: string;
+    primaryTextColor?: string;
+    comboBundleData?: BundlePayload;
+    comboBundleAddToCartFunction?: (selectedItemsSubtotal: number, variantIds?: string[], finalBundlePrice?: number, variantIdPriceMap?: {
+        variantId: string;
+        price: number;
+    }[]) => Promise<void>;
+};
+declare const StickyAddToCart: ({ showStickyCart, product, addCartItem, onSetLoading, themeColor, cartData, isCartOpen, setIsCartOpen, ctaButtonBackgroundColor, ctaButtonTextColor, addToStickyCart, cartComponentsCornerType, cartComponentsCornerRadius, themeTextColor, stickyCartCustomizationData, checkoutFunction, backgroundColor, primaryTextColor, comboBundleData, comboBundleAddToCartFunction, }: StickyAddToCartProps) => React.JSX.Element | null;
+export default StickyAddToCart;

package/dist/esm/components/Cart/VariantSelectionPopup/DesktopVariantPopup.d.ts

@@ -1,18 +1,18 @@
-import React from "react";
-type DesktopVariantPopupProps = {
-    isDev?: boolean;
-    removeCartItem: (variantId: string, triggeredFrom?: string, ytRequest?: boolean) => Promise<any>;
-    addCartItem?: (variantId: string, quantity?: number, triggeredFrom?: string, freebieReplace?: boolean, productHandle?: string) => Promise<any>;
-    getProductDetailsByVariantId?: (handle: string, variantId?: string) => Promise<any>;
-    themeColor?: string;
-    cartComponentsCornerType?: "rounded" | "sharp";
-    cartComponentsCornerRadius?: number;
-    backgroundColor?: string;
-    removeFreebieFromCart?: (lineItemKey: string) => Promise<void>;
-    freebieClaimAddToCart?: (variantId: string, originalAllowedVariantIds?: string[]) => Promise<void>;
-    productClaimCtaButtonText?: string;
-    backgroundSubdued?: string;
-    primaryTextColor?: string;
-};
-declare const DesktopVariantPopup: React.ForwardRefExoticComponent<DesktopVariantPopupProps & React.RefAttributes<HTMLDivElement>>;
-export default DesktopVariantPopup;
+import React from "react";
+type DesktopVariantPopupProps = {
+    isDev?: boolean;
+    removeCartItem: (variantId: string, triggeredFrom?: string, ytRequest?: boolean) => Promise<any>;
+    addCartItem?: (variantId: string, quantity?: number, triggeredFrom?: string, freebieReplace?: boolean, productHandle?: string) => Promise<any>;
+    getProductDetailsByVariantId?: (handle: string, variantId?: string) => Promise<any>;
+    themeColor?: string;
+    cartComponentsCornerType?: "rounded" | "sharp";
+    cartComponentsCornerRadius?: number;
+    backgroundColor?: string;
+    removeFreebieFromCart?: (lineItemKey: string) => Promise<void>;
+    freebieClaimAddToCart?: (variantId: string, originalAllowedVariantIds?: string[]) => Promise<void>;
+    productClaimCtaButtonText?: string;
+    backgroundSubdued?: string;
+    primaryTextColor?: string;
+};
+declare const DesktopVariantPopup: React.ForwardRefExoticComponent<DesktopVariantPopupProps & React.RefAttributes<HTMLDivElement>>;
+export default DesktopVariantPopup;

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

@@ -1,60 +1,60 @@
-/// <reference types="react" />
-export declare const PopoverContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const PopupHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ModalContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $backgroundColor?: string | undefined;
-    $themeColor?: string | undefined;
-}>> & string;
-export declare const VariantSelect: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, {
-    $themeColor?: string | undefined;
-    $cornerRadius?: number | undefined;
-}>> & string;
-export declare const VariantLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
-export declare const LoaderWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ContentWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const HeaderSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ImageContainer: 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;
-    $primaryTextColor?: string | undefined;
-}>> & string;
-export declare const PriceContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Price: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
-    $primaryTextColor?: string | undefined;
-}>> & string;
-export declare const ComparePrice: 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 OptionsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ActionContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & 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 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 OptionContainerDesktop: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const OptionLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const VariantOptions: 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;
-    $numberOfCheckpoints?: number | undefined;
-    $isFirstCheckpoint?: boolean | undefined;
-    backgroundColor?: string | undefined;
-}>> & string;
-export declare const OptionLabelDesktop: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const SelectedOptionBadge: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const OptionLabelSelected: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const VariantOptionsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const PriceAndQuantityContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ColorVariantButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
-    $isSelected?: boolean | undefined;
-    $themeColor?: string | undefined;
-    $colorValue?: string | undefined;
-}>> & string;
-export declare const ImageVariantButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
-    $isSelected?: boolean | undefined;
-    $themeColor?: string | undefined;
-    $imageUrl?: string | undefined;
-}>> & string;
+/// <reference types="react" />
+export declare const PopoverContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PopupHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ModalContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $backgroundColor?: string | undefined;
+    $themeColor?: string | undefined;
+}>> & string;
+export declare const VariantSelect: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, {
+    $themeColor?: string | undefined;
+    $cornerRadius?: number | undefined;
+}>> & string;
+export declare const VariantLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
+export declare const LoaderWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ContentWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const HeaderSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ImageContainer: 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;
+    $primaryTextColor?: string | undefined;
+}>> & string;
+export declare const PriceContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Price: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $primaryTextColor?: string | undefined;
+}>> & string;
+export declare const ComparePrice: 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 OptionsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ActionContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & 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 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 OptionContainerDesktop: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const OptionLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const VariantOptions: 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;
+    $numberOfCheckpoints?: number | undefined;
+    $isFirstCheckpoint?: boolean | undefined;
+    backgroundColor?: string | undefined;
+}>> & string;
+export declare const OptionLabelDesktop: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SelectedOptionBadge: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const OptionLabelSelected: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const VariantOptionsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PriceAndQuantityContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ColorVariantButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $isSelected?: boolean | undefined;
+    $themeColor?: string | undefined;
+    $colorValue?: string | undefined;
+}>> & string;
+export declare const ImageVariantButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $isSelected?: boolean | undefined;
+    $themeColor?: string | undefined;
+    $imageUrl?: string | undefined;
+}>> & string;

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

@@ -1,18 +1,18 @@
-import React from "react";
-type MobileVariantPopupProps = {
-    isDev?: boolean;
-    removeCartItem: (variantId: string, triggeredFrom?: string, ytRequest?: boolean) => Promise<any>;
-    addCartItem?: (variantId: string, quantity?: number, triggeredFrom?: string, freebieReplace?: boolean, productHandle?: string) => Promise<any>;
-    getProductDetailsByVariantId?: (handle: string, variantId?: string) => Promise<any>;
-    themeColor?: string;
-    cartComponentsCornerType?: "rounded" | "sharp";
-    cartComponentsCornerRadius?: number;
-    backgroundColor: string;
-    removeFreebieFromCart?: (lineItemKey: string) => Promise<void>;
-    freebieClaimAddToCart?: (variantId: string, originalAllowedVariantIds?: string[]) => Promise<void>;
-    productClaimCtaButtonText?: string;
-    backgroundSubdued?: string;
-    primaryTextColor?: string;
-};
-declare const MobileVariantPopup: React.ForwardRefExoticComponent<MobileVariantPopupProps & React.RefAttributes<HTMLDivElement>>;
-export default MobileVariantPopup;
+import React from "react";
+type MobileVariantPopupProps = {
+    isDev?: boolean;
+    removeCartItem: (variantId: string, triggeredFrom?: string, ytRequest?: boolean) => Promise<any>;
+    addCartItem?: (variantId: string, quantity?: number, triggeredFrom?: string, freebieReplace?: boolean, productHandle?: string) => Promise<any>;
+    getProductDetailsByVariantId?: (handle: string, variantId?: string) => Promise<any>;
+    themeColor?: string;
+    cartComponentsCornerType?: "rounded" | "sharp";
+    cartComponentsCornerRadius?: number;
+    backgroundColor: string;
+    removeFreebieFromCart?: (lineItemKey: string) => Promise<void>;
+    freebieClaimAddToCart?: (variantId: string, originalAllowedVariantIds?: string[]) => Promise<void>;
+    productClaimCtaButtonText?: string;
+    backgroundSubdued?: string;
+    primaryTextColor?: string;
+};
+declare const MobileVariantPopup: React.ForwardRefExoticComponent<MobileVariantPopupProps & React.RefAttributes<HTMLDivElement>>;
+export default MobileVariantPopup;

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

@@ -1 +1 @@
-export { default } from "./Cart";
+export { default } from "./Cart";

package/dist/esm/components/Nudge/LeadGenerationNudge.d.ts

@@ -1,15 +1,15 @@
-import React from "react";
-import "./Nudge.scss";
-import "react-international-phone/style.css";
-type LeadGenerationNudgeProps = {
-    ctaButtonColor?: string;
-    headerColor?: string;
-    title?: string;
-    subtitle?: string;
-    handleLoginOrSignup?: (phoneNumber: string, email: string) => Promise<any>;
-    handleSubmit?: (phoneNumber: string, otp: string) => Promise<any>;
-    onClose?: () => void;
-    closeIconColor?: string;
-};
-declare const LeadGenerationNudge: ({ ctaButtonColor, headerColor, handleLoginOrSignup, handleSubmit, title, subtitle, onClose, closeIconColor, }: LeadGenerationNudgeProps) => React.JSX.Element;
-export default LeadGenerationNudge;
+import React from "react";
+import "./Nudge.scss";
+import "react-international-phone/style.css";
+type LeadGenerationNudgeProps = {
+    ctaButtonColor?: string;
+    headerColor?: string;
+    title?: string;
+    subtitle?: string;
+    handleLoginOrSignup?: (phoneNumber: string, email: string) => Promise<any>;
+    handleSubmit?: (phoneNumber: string, otp: string) => Promise<any>;
+    onClose?: () => void;
+    closeIconColor?: string;
+};
+declare const LeadGenerationNudge: ({ ctaButtonColor, headerColor, handleLoginOrSignup, handleSubmit, title, subtitle, onClose, closeIconColor, }: LeadGenerationNudgeProps) => React.JSX.Element;
+export default LeadGenerationNudge;

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

@@ -1,40 +1,40 @@
-import React from "react";
-export interface NudgeProps {
-    title?: string;
-    text?: string;
-    highlightColor?: string;
-    backgroundColor?: string;
-    variant?: "campaign" | "delivery" | "checkout" | "postPurchase" | "registration" | "leadGeneration";
-    extraProps?: any;
-    cartValue?: number;
-    freeDeliveryValue?: number;
-    imageUrl?: string;
-    nudgeImageUrl?: string;
-    onClickCheckout?: () => void;
-    onClose?: () => void;
-    isDev?: boolean;
-    onGotoCartClick?: () => void;
-    bannerCtaAction?: () => void;
-    bannerCtaText?: string;
-    ctaButtonBackgroundColor?: string;
-    ctaTextColor?: string;
-    ctaButtonText?: string;
-    ctaButtonPosition?: "left" | "right" | "center";
-    postPurchaseCtaAction?: () => void;
-    postPurchaseCredits?: number;
-    largeScreenImageUrl?: string;
-    smallScreenImageUrl?: string;
-    ctaButtonLink?: string;
-    autoCloseTimeout?: number;
-    isCTAButtonEnabled?: boolean;
-    isCTARedirectionEnabled?: boolean;
-    borderRadius?: string;
-    padding?: string;
-    onClickCtaButton?: () => void;
-    position?: "right" | "left";
-    closeIconColor?: string;
-    handleLoginOrSignup?: (phoneNumber: string, email: string) => Promise<any>;
-    handleSubmit?: (phoneNumber: string, otp: string) => Promise<any>;
-}
-declare const Nudge: React.FC<NudgeProps>;
-export default Nudge;
+import React from "react";
+export interface NudgeProps {
+    title?: string;
+    text?: string;
+    highlightColor?: string;
+    backgroundColor?: string;
+    variant?: "campaign" | "delivery" | "checkout" | "postPurchase" | "registration" | "leadGeneration";
+    extraProps?: any;
+    cartValue?: number;
+    freeDeliveryValue?: number;
+    imageUrl?: string;
+    nudgeImageUrl?: string;
+    onClickCheckout?: () => void;
+    onClose?: () => void;
+    isDev?: boolean;
+    onGotoCartClick?: () => void;
+    bannerCtaAction?: () => void;
+    bannerCtaText?: string;
+    ctaButtonBackgroundColor?: string;
+    ctaTextColor?: string;
+    ctaButtonText?: string;
+    ctaButtonPosition?: "left" | "right" | "center";
+    postPurchaseCtaAction?: () => void;
+    postPurchaseCredits?: number;
+    largeScreenImageUrl?: string;
+    smallScreenImageUrl?: string;
+    ctaButtonLink?: string;
+    autoCloseTimeout?: number;
+    isCTAButtonEnabled?: boolean;
+    isCTARedirectionEnabled?: boolean;
+    borderRadius?: string;
+    padding?: string;
+    onClickCtaButton?: () => void;
+    position?: "right" | "left";
+    closeIconColor?: string;
+    handleLoginOrSignup?: (phoneNumber: string, email: string) => Promise<any>;
+    handleSubmit?: (phoneNumber: string, otp: string) => Promise<any>;
+}
+declare const Nudge: React.FC<NudgeProps>;
+export default Nudge;

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

@@ -1 +1 @@
-export { default } from "./Nudge";
+export { default } from "./Nudge";

package/dist/esm/components/ProductOffersBlock/ProductOffersCoupon.d.ts

@@ -1,12 +1,12 @@
-import React from "react";
-import { CartCheckpoint } from "./ProductsOffers";
-import { ProductsOffersConfigType } from "./ProductsOffers";
-interface ProductOffersCouponProps {
-    offersToShow: CartCheckpoint[];
-    offersConfig?: ProductsOffersConfigType | null;
-    getOfferCardMessage: (offer: CartCheckpoint) => string;
-    setSelectedOffer: (offer: CartCheckpoint | null) => void;
-    setShowPopup: (show: boolean) => void;
-}
-export declare const ProductOffersCoupon: ({ offersToShow, offersConfig, getOfferCardMessage, setSelectedOffer, setShowPopup, }: ProductOffersCouponProps) => React.JSX.Element;
-export {};
+import React from "react";
+import { CartCheckpoint } from "./ProductsOffers";
+import { ProductsOffersConfigType } from "./ProductsOffers";
+interface ProductOffersCouponProps {
+    offersToShow: CartCheckpoint[];
+    offersConfig?: ProductsOffersConfigType | null;
+    getOfferCardMessage: (offer: CartCheckpoint) => string;
+    setSelectedOffer: (offer: CartCheckpoint | null) => void;
+    setShowPopup: (show: boolean) => void;
+}
+export declare const ProductOffersCoupon: ({ offersToShow, offersConfig, getOfferCardMessage, setSelectedOffer, setShowPopup, }: ProductOffersCouponProps) => React.JSX.Element;
+export {};

package/dist/esm/components/ProductOffersBlock/ProductOffersList.d.ts

@@ -1,12 +1,12 @@
-import React from "react";
-import { CartCheckpoint } from "./ProductsOffers";
-import { ProductsOffersConfigType } from "./ProductsOffers";
-interface ProductOffersListProps {
-    offersToShow: CartCheckpoint[];
-    offersConfig: ProductsOffersConfigType;
-    getOfferCardMessage: (offer: CartCheckpoint) => string;
-    setSelectedOffer: (offer: CartCheckpoint | null) => void;
-    setShowPopup: (show: boolean) => void;
-}
-export declare const ProductOffersList: ({ offersToShow, offersConfig, getOfferCardMessage, setSelectedOffer, setShowPopup, }: ProductOffersListProps) => React.JSX.Element;
-export {};
+import React from "react";
+import { CartCheckpoint } from "./ProductsOffers";
+import { ProductsOffersConfigType } from "./ProductsOffers";
+interface ProductOffersListProps {
+    offersToShow: CartCheckpoint[];
+    offersConfig: ProductsOffersConfigType;
+    getOfferCardMessage: (offer: CartCheckpoint) => string;
+    setSelectedOffer: (offer: CartCheckpoint | null) => void;
+    setShowPopup: (show: boolean) => void;
+}
+export declare const ProductOffersList: ({ offersToShow, offersConfig, getOfferCardMessage, setSelectedOffer, setShowPopup, }: ProductOffersListProps) => React.JSX.Element;
+export {};