yt-uikit 0.10.136 → 0.10.137

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

@@ -41,5 +41,14 @@ type BundleProductDetailsModalProps = {
     dealPrice?: number | string;
     totalSelectedOriginal?: number;
 };
+export declare const RatingDisplay: ({ className, product, rating, reviewRatingType, }: {
+    className?: string | undefined;
+    product?: ProductDetails | undefined;
+    rating?: {
+        averageRating: number;
+        ratingCount: number;
+    } | undefined;
+    reviewRatingType?: string | undefined;
+}) => React.JSX.Element | null;
 declare const BundleProductDetailsModal: React.ForwardRefExoticComponent<BundleProductDetailsModalProps & React.RefAttributes<HTMLDivElement>>;
 export default BundleProductDetailsModal;

package/dist/esm/components/BundleBlock/CollectionBundle/ColllectionBundle.d.ts

@@ -122,6 +122,7 @@ export type BundleConfig = {
         enableSearch?: boolean;
         enableSort?: boolean;
         productClickAction?: ProductClickAction;
+        productRatingsDisplay?: "none" | "ratingOnly" | "ratingAndReviewCount";
     };
 };
 interface CollectionBundleProps {

package/dist/esm/components/BundleBlock/CollectionBundle/ProductDetailsModal.d.ts

@@ -1,5 +1,9 @@
 import React from "react";
 import { Product, BundleConfig } from "./ColllectionBundle";
+export declare const getProductRating: (product: Product) => {
+    averageRating: number;
+    ratingCount: number;
+};
 type ProductDetailsModalProps = {
     product: Product;
     tierIdx: number;

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

@@ -34,6 +34,19 @@ export interface freebieClaimInterface {
     showVariantsInClaimSection: boolean;
     showVariantSelectionDropdownInProductClaim: boolean;
 }
+export type CartLevelDiscountApplication = {
+    type: string;
+    key: string;
+    title: string;
+    description: string | null;
+    value: string;
+    created_at: string;
+    value_type: string;
+    allocation_method: string;
+    target_selection: string;
+    target_type: string;
+    total_allocated_amount: number;
+};
 export type LoyaltyDiscount = {
     type: string;
     key: string;

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

@@ -13,9 +13,11 @@ type CartProductsListProps = {
         [key: string]: string;
     }) => Promise<any>;
     handleDecrement: (lineItemKey: string | number, newQuantity?: number) => Promise<any>;
+    isDev?: boolean;
     themeColor?: string;
     primaryTextColor?: string;
     secondaryTextColor?: string;
+    freeProduct?: any;
     themeTextColor?: string;
     showEditOptionOnProducts?: boolean;
     productPercentageOffMapping: {

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

@@ -1,6 +1,6 @@
 import React from "react";
 import { CartProps } from "./Cart";
-export default function EmptyCart({ showLoyaltyCta, exploreCTAColor, emptyCartTitle, emptyCartDescription, isUserSignedIn, joinNowFunction, exploreCtaRedirectLink, themeColor, emptyCartButtons, cartComponentsCornerRadius, cartComponentsCornerType, themeTextColor, isRecProductsListValid, recProductsList, addCartItem, productRecsCtaButtonText, ctaButtonBackgroundColor, ctaButtonTextColor, primaryTextColor, secondaryTextColor, showVariantSelectionDropdownInProductRecs, variantPickerUiVariant, emptyProductRecsTitleText, backgroundSubdued, showEmptyCartRecommendations, tertiaryColor, tertiaryTextColor, }: {
+export default function EmptyCart({ showLoyaltyCta, exploreCTAColor, emptyCartTitle, emptyCartDescription, isUserSignedIn, joinNowFunction, exploreCtaRedirectLink, themeColor, emptyCartButtons, cartComponentsCornerRadius, cartComponentsCornerType, themeTextColor, isRecProductsListValid, recProductsList, addCartItem, productRecsCtaButtonText, ctaButtonBackgroundColor, ctaButtonTextColor, primaryTextColor, secondaryTextColor, showVariantSelectionDropdownInProductRecs, variantPickerUiVariant, productRecsTitleText, emptyProductRecsTitleText, backgroundSubdued, showEmptyCartRecommendations, tertiaryColor, tertiaryTextColor, }: {
     showLoyaltyCta: boolean;
     exploreCTAColor: any;
     emptyCartTitle: string;
@@ -26,6 +26,7 @@ export default function EmptyCart({ showLoyaltyCta, exploreCTAColor, emptyCartTi
     secondaryTextColor?: CartProps["secondaryTextColor"];
     showVariantSelectionDropdownInProductRecs?: CartProps["showVariantSelectionDropdownInProductRecs"];
     variantPickerUiVariant?: "button" | "dropdown";
+    productRecsTitleText?: CartProps["productRecsTitleText"];
     emptyProductRecsTitleText?: CartProps["emptyProductRecsTitleText"];
     backgroundSubdued?: CartProps["backgroundSubdued"];
     showEmptyCartRecommendations?: boolean;

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

@@ -7,6 +7,7 @@ interface FreebieClaimManagerProps {
     themeTextColor?: string;
     primaryTextColor?: string;
     addFreebieToCart?: (variantId: string, originalAllowedVariantIds?: string[], rewardContext?: FreebieRewardContext) => Promise<void>;
+    freebiesInCart: string[];
     freebieClaimData?: freebieClaimInterface;
     cartCheckpoints?: Checkpoint[];
     imageAspectSelector?: "square" | "portrait";

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

@@ -7,9 +7,11 @@ interface FreebieClaimSectionProps {
     themeTextColor?: string;
     primaryTextColor?: string;
     addFreebieToCart?: (variantId: string, originalAllowedVariantIds?: string[], rewardContext?: FreebieRewardContext) => Promise<void>;
+    freebiesInCart: string[];
     imageAspectSelector?: "square" | "portrait";
     freebieCouponTemplates?: Checkpoint[];
     maxFreebiesInTier?: number;
+    tierName?: string;
     freebieClaimData?: any;
 }
 declare const FreebieClaimSection: React.FC<FreebieClaimSectionProps>;

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

@@ -1,13 +1,15 @@
 import React from "react";
 type GiftWrapProps = {
     themeColor?: string;
+    id?: string;
     detail?: any;
     showPrice?: boolean;
     showProductImage?: boolean;
+    errorText?: string;
     customText?: string;
     showGiftIcon?: boolean;
     addCartItem?: (variant: any, quantity?: number, triggeredFrom?: string) => Promise<any>;
     removeCartItem?: (variantId: string, triggeredFrom?: string) => Promise<any>;
 };
-export default function GiftWrap({ themeColor, showPrice, detail, customText, showGiftIcon, showProductImage, addCartItem, removeCartItem, }: GiftWrapProps): React.JSX.Element | null;
+export default function GiftWrap({ themeColor, id, showPrice, detail, errorText, customText, showGiftIcon, showProductImage, addCartItem, removeCartItem, }: GiftWrapProps): React.JSX.Element | null;
 export {};

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

@@ -1,8 +1,10 @@
 import React from "react";
 type LoyaltyGuestCTAProps = {
     cartSigninCTAMainText?: string;
+    signinCTAButtonVisible?: boolean;
     guestLoyaltyPercentage: number;
     joinNowFunction: () => void;
+    themeColor?: string;
     ctaButtonBackgroundColor?: string;
     ctaButtonTextColor?: string;
     primaryTextColor?: string;

package/dist/esm/components/Cart/MultiStepProgressBar/MultiStepIcon.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { IconType } from "react-icons";
-export declare const MultiStepIcon: (couponType: string, color: string, numberOfCheckpoints: number, freeProductIconType: string) => React.ReactElement;
+export declare const MultiStepIcon: (couponType: string, color: string, numberOfCheckpoints: number, freeProductIconType: string, themeTextColor?: string) => React.ReactElement;
 export declare const progressBarCheckpointFreeProductIconMap: {
     [key: string]: IconType;
 };

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

@@ -6,6 +6,7 @@ export interface MultiStepProgressBarProps {
     currentCartAmount: number;
     checkpoints: Checkpoint[];
     themeColor?: string;
+    themeTextColor?: string;
     handleCheckpointCrossed?: (checkpoint: Checkpoint, cartAmount: number) => Promise<any>;
     customCartProgressBarCriteria: string;
     primaryTextColor?: string;
@@ -35,6 +36,7 @@ export interface CheckpointIconProps {
     themeColor?: string;
     checkpointsLength: number;
     progressBarFreeProductIconType?: string;
+    themeTextColor?: string;
     ctaButtonTextColor?: string;
 }
 export interface NextRewardMessageProps {

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

@@ -1,7 +1,7 @@
 import React from "react";
 import type { cartConfigInterface } from "./CartDrawer";
 import type { RatingsData } from "./Cart";
-declare const _default: React.MemoExoticComponent<({ product: variant, handleDecrement, handleIncrement, removeCartItem, addCartItem, themeColor, primaryTextColor, secondaryTextColor, tertiaryColor, tertiaryTextColor, showQtySelector, themeTextColor, showEditOptionOnProducts, percentageOff, removeFreebieFromCart, showDeleteOnFreebies, imageAspectSelector, cartComponentsCornerType, cartComponentsCornerRadius, backgroundSubdued, backgroundColor, showDiscountOnMRP, freeLabelText, showVariantsInClaimSection, cartConfigData, ratingsData, getProductDetailsByVariantId, isLargeScreen, }: {
+declare const _default: React.MemoExoticComponent<({ product: variant, handleDecrement, handleIncrement, removeCartItem, addCartItem, isDev, themeColor, primaryTextColor, secondaryTextColor, tertiaryColor, tertiaryTextColor, showQtySelector, themeTextColor, showEditOptionOnProducts, percentageOff, removeFreebieFromCart, showDeleteOnFreebies, imageAspectSelector, cartComponentsCornerType, cartComponentsCornerRadius, backgroundSubdued, backgroundColor, showDiscountOnMRP, freeLabelText, showVariantsInClaimSection, cartConfigData, ratingsData, getProductDetailsByVariantId, isLargeScreen, }: {
     product: any;
     addCartItem?: ((product: any, quantity?: number | undefined, triggeredFrom?: string | undefined) => Promise<any>) | undefined;
     removeCartItem?: ((lineItemKey: string, triggeredFrom?: string | undefined, ytRequest?: boolean | undefined) => Promise<any>) | undefined;
@@ -9,6 +9,7 @@ declare const _default: React.MemoExoticComponent<({ product: variant, handleDec
         [key: string]: string;
     } | undefined) => Promise<any>) | undefined;
     handleDecrement?: ((lineItemKey: string | number, newQuantity?: number | undefined) => Promise<any>) | undefined;
+    isDev?: boolean | undefined;
     themeColor?: string | undefined;
     primaryTextColor?: string | undefined;
     secondaryTextColor?: string | undefined;

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

@@ -1,9 +1,10 @@
 import React from "react";
 import "./shared.scss";
-export declare const QuantitySelector: ({ value, handleItemQuantityDecrement, handleItemQuantityIncrement, themeColor, cartComponentsCornerType, cartComponentsCornerRadius, backgroundSubdued, }: {
+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;

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

@@ -1,6 +1,9 @@
 import React from "react";
 import "./StandardDelivery.scss";
 interface RegionSpecificDeliveryProps {
+    title?: string;
+    backgroundColor?: string;
+    tag?: string;
     postalCodeList?: number[];
     themeColor?: string;
     themeTextColor?: string;

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

@@ -27,9 +27,13 @@ export declare const defaultStickyCartCustomizationData: stickyCartCustomization
 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>;
@@ -56,5 +60,5 @@ export type StickyAddToCartProps = {
     volumeBundleData?: BundlePayload;
     volumeBundleAddToCartFunction?: (originalPrice: number, productIds: string[]) => Promise<void>;
 };
-declare const StickyAddToCart: ({ showStickyCart, product, themeColor, cartData, ctaButtonBackgroundColor, ctaButtonTextColor, addToStickyCart, cartComponentsCornerType, cartComponentsCornerRadius, themeTextColor, stickyCartCustomizationData, checkoutFunction, backgroundColor, primaryTextColor, comboBundleData, comboBundleAddToCartFunction, volumeBundleCurrentTier, volumeBundleData, volumeBundleAddToCartFunction, }: StickyAddToCartProps) => React.JSX.Element | null;
+declare const StickyAddToCart: ({ showStickyCart, product, addCartItem, onSetLoading, themeColor, cartData, isCartOpen, setIsCartOpen, ctaButtonBackgroundColor, ctaButtonTextColor, addToStickyCart, cartComponentsCornerType, cartComponentsCornerRadius, themeTextColor, stickyCartCustomizationData, checkoutFunction, backgroundColor, primaryTextColor, comboBundleData, comboBundleAddToCartFunction, volumeBundleCurrentTier, volumeBundleData, volumeBundleAddToCartFunction, }: StickyAddToCartProps) => React.JSX.Element | null;
 export default StickyAddToCart;

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

@@ -6,11 +6,14 @@ type DesktopVariantPopupProps = {
     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[], rewardContext?: FreebieRewardContext) => Promise<void>;
     stealDealAddToCart?: (variantId: string, originalAllowedVariantIds?: string[], rewardContext?: FreebieRewardContext) => Promise<void>;
     productClaimCtaButtonText?: string;
+    backgroundSubdued?: string;
     primaryTextColor?: string;
 };
 declare const DesktopVariantPopup: React.ForwardRefExoticComponent<DesktopVariantPopupProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -5,6 +5,11 @@ export declare const ModalContainer: import("styled-components/dist/types").ISty
     $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;
@@ -20,10 +25,16 @@ export declare const Price: import("styled-components/dist/types").IStyledCompon
     $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;
@@ -34,6 +45,7 @@ export declare const VariantOption: import("styled-components/dist/types").IStyl
 }>> & 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>, {

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

@@ -6,11 +6,14 @@ type MobileVariantPopupProps = {
     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[], rewardContext?: FreebieRewardContext) => Promise<void>;
     stealDealAddToCart?: (variantId: string, originalAllowedVariantIds?: string[], rewardContext?: FreebieRewardContext) => Promise<void>;
     productClaimCtaButtonText?: string;
+    backgroundSubdued?: string;
     primaryTextColor?: string;
 };
 declare const MobileVariantPopup: React.ForwardRefExoticComponent<MobileVariantPopupProps & React.RefAttributes<HTMLDivElement>>;