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

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

@@ -1,10 +1,10 @@
-import React from "react";
-declare const LoyaltyBadge: React.FC<{
-    loyaltyIcon?: string;
-    pointsRewardRate?: number;
-    brandTokenName?: string;
-    themeColor?: string;
-    themeTextColor?: string;
-    rewardMultiplier?: number | null;
-}>;
-export default LoyaltyBadge;
+import React from "react";
+declare const LoyaltyBadge: React.FC<{
+    loyaltyIcon?: string;
+    pointsRewardRate?: number;
+    brandTokenName?: string;
+    themeColor?: string;
+    themeTextColor?: string;
+    rewardMultiplier?: number | null;
+}>;
+export default LoyaltyBadge;

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

@@ -1,17 +1,17 @@
-import React from "react";
-type LoyaltyGuestCTAProps = {
-    cartSigninCTAMainText?: string;
-    signinCTAButtonVisible?: boolean;
-    guestLoyaltyPercentage: number;
-    joinNowFunction: () => void;
-    themeColor?: string;
-    ctaButtonBackgroundColor?: string;
-    ctaButtonTextColor?: string;
-    primaryTextColor?: string;
-    secondaryTextColor?: string;
-    cartComponentsCornerType?: "rounded" | "sharp";
-    cartComponentsCornerRadius?: number;
-    showCartLevelAltPay?: boolean;
-};
-declare const LoyaltyGuestCTA: React.FC<LoyaltyGuestCTAProps>;
-export default LoyaltyGuestCTA;
+import React from "react";
+type LoyaltyGuestCTAProps = {
+    cartSigninCTAMainText?: string;
+    signinCTAButtonVisible?: boolean;
+    guestLoyaltyPercentage: number;
+    joinNowFunction: () => void;
+    themeColor?: string;
+    ctaButtonBackgroundColor?: string;
+    ctaButtonTextColor?: string;
+    primaryTextColor?: string;
+    secondaryTextColor?: string;
+    cartComponentsCornerType?: "rounded" | "sharp";
+    cartComponentsCornerRadius?: number;
+    showCartLevelAltPay?: boolean;
+};
+declare const LoyaltyGuestCTA: React.FC<LoyaltyGuestCTAProps>;
+export default LoyaltyGuestCTA;

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

@@ -1,11 +1,11 @@
-import React from 'react';
-interface CheckpointConfettiProps {
-    particleCount: number;
-    spread: number;
-    origin: {
-        y: number;
-    };
-    checkpointPosition?: number;
-}
-declare const CheckpointConfetti: React.FC<CheckpointConfettiProps>;
-export default CheckpointConfetti;
+import React from 'react';
+interface CheckpointConfettiProps {
+    particleCount: number;
+    spread: number;
+    origin: {
+        y: number;
+    };
+    checkpointPosition?: number;
+}
+declare const CheckpointConfetti: React.FC<CheckpointConfettiProps>;
+export default CheckpointConfetti;

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

@@ -1,3 +1,3 @@
-import React from "react";
-import { CheckpointIconProps } from "./types";
-export declare const CheckpointIcon: React.FC<CheckpointIconProps>;
+import React from "react";
+import { CheckpointIconProps } from "./types";
+export declare const CheckpointIcon: React.FC<CheckpointIconProps>;

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

@@ -1,3 +1,3 @@
-import React from "react";
-import { CheckpointTooltipProps } from "./types";
-export declare const CheckpointTooltip: React.FC<CheckpointTooltipProps>;
+import React from "react";
+import { CheckpointTooltipProps } from "./types";
+export declare const CheckpointTooltip: React.FC<CheckpointTooltipProps>;

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

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

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

@@ -1,5 +1,5 @@
-import React from "react";
-import "./multiStepProgressBar.scss";
-import { MultiStepProgressBarProps } from "./types";
-declare const MultiStepProgressBar: React.FC<MultiStepProgressBarProps>;
-export default MultiStepProgressBar;
+import React from "react";
+import "./multiStepProgressBar.scss";
+import { MultiStepProgressBarProps } from "./types";
+declare const MultiStepProgressBar: React.FC<MultiStepProgressBarProps>;
+export default MultiStepProgressBar;

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

@@ -1,45 +1,45 @@
-/// <reference types="react" />
-export declare const getEffectiveProgressBarWidth: (numberOfCheckpoints: number) => number;
-export declare const getEffectiveIconFontSize: (numberOfCheckpoints: number) => 22 | 17;
-export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const CheckpointContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $isDummy?: boolean | undefined;
-}>> & string;
-export declare const ProgressBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $isCompleted?: boolean | undefined;
-    $percent: number;
-    $themeColor?: string | undefined;
-    $ctaButtonBackgroundColor?: string | undefined;
-    $numberOfCheckpoints: number;
-    $isFirstCheckpoint?: boolean | undefined;
-}>> & string;
-export declare const Tag: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $isCompleted?: boolean | undefined;
-    $ctaButtonBackgroundColor?: string | undefined;
-    $ctaButtonTextColor?: string | undefined;
-    $textColor?: string | undefined;
-    $primaryTextColor?: string | undefined;
-}>> & string;
-export declare const Tooltip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $visible: boolean;
-    $ctaButtonBackgroundColor?: string | undefined;
-    $ctaButtonTextColor?: string | undefined;
-}>> & string;
-export declare const MultiTierNextRewardWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
-    $ctaButtonTextColor?: string | undefined;
-    $ctaButtonBackgroundColor?: string | undefined;
-}>> & string;
-export declare const ColoredText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
-    $ctaButtonBackgroundColor?: string | undefined;
-}>> & string;
-export declare const ProgressBarWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $showMOVForProgressTiers: boolean;
-    $rightMarginOffsetPx?: number | undefined;
-}>> & string;
-export declare const ContentWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $tagWrapOffsetPx?: number | undefined;
-}>> & string;
-export declare const CheckpointWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $numberOfCheckpoints: number;
-}>> & string;
-export declare const CheckpointInnerWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+/// <reference types="react" />
+export declare const getEffectiveProgressBarWidth: (numberOfCheckpoints: number) => number;
+export declare const getEffectiveIconFontSize: (numberOfCheckpoints: number) => 22 | 17;
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CheckpointContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isDummy?: boolean | undefined;
+}>> & string;
+export declare const ProgressBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isCompleted?: boolean | undefined;
+    $percent: number;
+    $themeColor?: string | undefined;
+    $ctaButtonBackgroundColor?: string | undefined;
+    $numberOfCheckpoints: number;
+    $isFirstCheckpoint?: boolean | undefined;
+}>> & string;
+export declare const Tag: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isCompleted?: boolean | undefined;
+    $ctaButtonBackgroundColor?: string | undefined;
+    $ctaButtonTextColor?: string | undefined;
+    $textColor?: string | undefined;
+    $primaryTextColor?: string | undefined;
+}>> & string;
+export declare const Tooltip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $visible: boolean;
+    $ctaButtonBackgroundColor?: string | undefined;
+    $ctaButtonTextColor?: string | undefined;
+}>> & string;
+export declare const MultiTierNextRewardWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $ctaButtonTextColor?: string | undefined;
+    $ctaButtonBackgroundColor?: string | undefined;
+}>> & string;
+export declare const ColoredText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $ctaButtonBackgroundColor?: string | undefined;
+}>> & string;
+export declare const ProgressBarWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $showMOVForProgressTiers: boolean;
+    $rightMarginOffsetPx?: number | undefined;
+}>> & string;
+export declare const ContentWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $tagWrapOffsetPx?: number | undefined;
+}>> & string;
+export declare const CheckpointWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $numberOfCheckpoints: number;
+}>> & string;
+export declare const CheckpointInnerWrapper: 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/Cart/MultiStepProgressBar/MultiStepUtils.d.ts

@@ -1,6 +1,6 @@
-import { CheckpointWithProgress } from "./types";
-import { Checkpoint } from "../Cart";
-import { MultiStepProgressBarProps } from "./types";
-export declare const criteriaCheckpointFieldMap: (customCartProgressBarCriteria: string) => "minimumOrderValue" | "quantityThreshold";
-export declare function processCheckpoint(checkpoint: Checkpoint, index: number, sortedCheckpoints: Checkpoint[], itemCount: number, props: MultiStepProgressBarProps): CheckpointWithProgress;
-export declare function hasAnyProgress(checkpoints: Checkpoint[] | undefined, currentCartAmount: number, effectiveQuantityForProgressBar: number | undefined, customCartProgressBarCriteria: string, itemCount: number): boolean;
+import { CheckpointWithProgress } from "./types";
+import { Checkpoint } from "../Cart";
+import { MultiStepProgressBarProps } from "./types";
+export declare const criteriaCheckpointFieldMap: (customCartProgressBarCriteria: string) => "minimumOrderValue" | "quantityThreshold";
+export declare function processCheckpoint(checkpoint: Checkpoint, index: number, sortedCheckpoints: Checkpoint[], itemCount: number, props: MultiStepProgressBarProps): CheckpointWithProgress;
+export declare function hasAnyProgress(checkpoints: Checkpoint[] | undefined, currentCartAmount: number, effectiveQuantityForProgressBar: number | undefined, customCartProgressBarCriteria: string, itemCount: number): boolean;

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

@@ -1,4 +1,4 @@
-import React from "react";
-import { MultiStepProgressBarProps } from "./types";
-declare const MultiTierProgressBar: React.FC<MultiStepProgressBarProps>;
-export default MultiTierProgressBar;
+import React from "react";
+import { MultiStepProgressBarProps } from "./types";
+declare const MultiTierProgressBar: React.FC<MultiStepProgressBarProps>;
+export default MultiTierProgressBar;

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

@@ -1,3 +1,3 @@
-import React from "react";
-import { NextRewardMessageProps } from "./types";
-export declare const MultiTierNextRewardMessage: React.FC<NextRewardMessageProps>;
+import React from "react";
+import { NextRewardMessageProps } from "./types";
+export declare const MultiTierNextRewardMessage: React.FC<NextRewardMessageProps>;

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

@@ -1,3 +1,3 @@
-import React from "react";
-import { NextRewardMessageProps } from "./types";
-export declare const NextRewardMessage: React.FC<NextRewardMessageProps>;
+import React from "react";
+import { NextRewardMessageProps } from "./types";
+export declare const NextRewardMessage: React.FC<NextRewardMessageProps>;

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

@@ -1,4 +1,4 @@
-import React from "react";
-import { MultiStepProgressBarProps } from "./types";
-declare const SingleTierProgressBar: React.FC<MultiStepProgressBarProps>;
-export default SingleTierProgressBar;
+import React from "react";
+import { MultiStepProgressBarProps } from "./types";
+declare const SingleTierProgressBar: React.FC<MultiStepProgressBarProps>;
+export default SingleTierProgressBar;

package/dist/esm/components/Cart/MultiStepProgressBar/SingleTierProgressBar.styled.d.ts

@@ -1,22 +1,22 @@
-/// <reference types="react" />
-export declare const ColoredText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
-    $ctaButtonBackgroundColor?: string | undefined;
-}>> & string;
-export declare const SingleTierWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $isCompleted?: boolean | undefined;
-    $percent: number;
-    $ctaButtonBackgroundColor?: string | undefined;
-    $numberOfCheckpoints: number;
-    $isFirstCheckpoint?: boolean | undefined;
-}>> & string;
-export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const SingleTierNextRewardWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
-    $ctaButtonTextColor?: string | undefined;
-    $ctaButtonBackgroundColor?: string | undefined;
-}>> & string;
-export declare const ProgressBarWrapper: 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 CheckpointWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $numberOfCheckpoints: number;
-}>> & string;
-export declare const CheckpointInnerWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+/// <reference types="react" />
+export declare const ColoredText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $ctaButtonBackgroundColor?: string | undefined;
+}>> & string;
+export declare const SingleTierWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isCompleted?: boolean | undefined;
+    $percent: number;
+    $ctaButtonBackgroundColor?: string | undefined;
+    $numberOfCheckpoints: number;
+    $isFirstCheckpoint?: boolean | undefined;
+}>> & string;
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SingleTierNextRewardWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $ctaButtonTextColor?: string | undefined;
+    $ctaButtonBackgroundColor?: string | undefined;
+}>> & string;
+export declare const ProgressBarWrapper: 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 CheckpointWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $numberOfCheckpoints: number;
+}>> & string;
+export declare const CheckpointInnerWrapper: 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/Cart/MultiStepProgressBar/SingletTierNextRewardMessage.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-import { NextRewardMessageProps } from "./types";
-export declare const SingleTierNextRewardMessage: React.FC<NextRewardMessageProps>;
+import React from "react";
+import { NextRewardMessageProps } from "./types";
+export declare const SingleTierNextRewardMessage: React.FC<NextRewardMessageProps>;

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

@@ -1,55 +1,55 @@
-import { Checkpoint } from "../Cart";
-export interface CheckpointWithProgress extends Checkpoint {
-    progressPercentage: number;
-}
-export interface MultiStepProgressBarProps {
-    currentCartAmount: number;
-    checkpoints: Checkpoint[];
-    themeColor?: string;
-    themeTextColor?: string;
-    handleCheckpointCrossed?: (checkpoint: Checkpoint, cartAmount: number) => Promise<any>;
-    customCartProgressBarCriteria: string;
-    primaryTextColor?: string;
-    secondaryTextColor?: string;
-    showMOVForProgressTiers?: boolean;
-    effectiveQuantityForProgressBar?: number;
-    progressBarFreeProductIconType?: string;
-    ctaButtonBackgroundColor?: string;
-    ctaButtonTextColor?: string;
-    prefixMessageText?: string;
-    suffixMessageText?: string;
-    successMessageText?: string;
-    enableConfetti?: boolean;
-}
-export interface CheckpointTooltipProps {
-    showMOVForProgressTiers: boolean | undefined;
-    minimumOrderValue: number;
-    customCartProgressBarCriteria: string;
-    cartData: any;
-    quantityThreshold: number;
-    ctaButtonBackgroundColor?: string;
-    ctaButtonTextColor?: string;
-}
-export interface CheckpointIconProps {
-    checkpointWithProgress: CheckpointWithProgress;
-    themeColor?: string;
-    checkpointsLength: number;
-    progressBarFreeProductIconType?: string;
-    themeTextColor?: string;
-    ctaButtonTextColor?: string;
-}
-export interface NextRewardMessageProps {
-    currentCartAmount: number;
-    checkpoints: Checkpoint[];
-    cartData: any;
-    customCartProgressBarCriteria: string;
-    effectiveQuantityForProgressBar?: number;
-    themeColor?: string;
-    primaryTextColor?: string;
-    showMOVForProgressTiers: boolean;
-    ctaButtonBackgroundColor?: string;
-    prefixMessageText?: string;
-    suffixMessageText?: string;
-    successMessageText?: string;
-    ctaButtonTextColor?: string;
-}
+import { Checkpoint } from "../Cart";
+export interface CheckpointWithProgress extends Checkpoint {
+    progressPercentage: number;
+}
+export interface MultiStepProgressBarProps {
+    currentCartAmount: number;
+    checkpoints: Checkpoint[];
+    themeColor?: string;
+    themeTextColor?: string;
+    handleCheckpointCrossed?: (checkpoint: Checkpoint, cartAmount: number) => Promise<any>;
+    customCartProgressBarCriteria: string;
+    primaryTextColor?: string;
+    secondaryTextColor?: string;
+    showMOVForProgressTiers?: boolean;
+    effectiveQuantityForProgressBar?: number;
+    progressBarFreeProductIconType?: string;
+    ctaButtonBackgroundColor?: string;
+    ctaButtonTextColor?: string;
+    prefixMessageText?: string;
+    suffixMessageText?: string;
+    successMessageText?: string;
+    enableConfetti?: boolean;
+}
+export interface CheckpointTooltipProps {
+    showMOVForProgressTiers: boolean | undefined;
+    minimumOrderValue: number;
+    customCartProgressBarCriteria: string;
+    cartData: any;
+    quantityThreshold: number;
+    ctaButtonBackgroundColor?: string;
+    ctaButtonTextColor?: string;
+}
+export interface CheckpointIconProps {
+    checkpointWithProgress: CheckpointWithProgress;
+    themeColor?: string;
+    checkpointsLength: number;
+    progressBarFreeProductIconType?: string;
+    themeTextColor?: string;
+    ctaButtonTextColor?: string;
+}
+export interface NextRewardMessageProps {
+    currentCartAmount: number;
+    checkpoints: Checkpoint[];
+    cartData: any;
+    customCartProgressBarCriteria: string;
+    effectiveQuantityForProgressBar?: number;
+    themeColor?: string;
+    primaryTextColor?: string;
+    showMOVForProgressTiers: boolean;
+    ctaButtonBackgroundColor?: string;
+    prefixMessageText?: string;
+    suffixMessageText?: string;
+    successMessageText?: string;
+    ctaButtonTextColor?: string;
+}

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

@@ -1,22 +1,19 @@
-import React from "react";
-type NextFreebieRowProps = {
-    name: string;
-    minimumOrderValue: number;
-    currency: string;
-    themeColor?: string;
-    tertiaryColor?: string;
-    imageUrl?: string;
-    showFreebieImage?: boolean;
-    freebieImageUrl?: string;
-};
-export type freebieMilestoneProps = {
-    enableFreebieMilestone: boolean;
-    milestoneImage: {
-        id: string;
-        path: string;
-    };
-    campaignFilter?: string;
-    showFreebieImage?: boolean;
-};
-declare const NextFreebieRow: React.FC<NextFreebieRowProps>;
-export default NextFreebieRow;
+import React from "react";
+type NextFreebieRowProps = {
+    name: string;
+    minimumOrderValue: number;
+    currency: string;
+    themeColor?: string;
+    tertiaryColor?: string;
+    imageUrl?: string;
+};
+export type freebieMilestoneProps = {
+    enableFreebieMilestone: boolean;
+    milestoneImage: {
+        id: string;
+        path: string;
+    };
+    campaignFilter?: string;
+};
+declare const NextFreebieRow: React.FC<NextFreebieRowProps>;
+export default NextFreebieRow;

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

@@ -1,8 +1,8 @@
-import React from "react";
-import "./NoteSectionStyles.scss";
-type NoteSectionProps = {
-    note?: string;
-    noteSectionTitle?: string;
-};
-declare const NoteSection: React.FC<NoteSectionProps>;
-export default NoteSection;
+import React from "react";
+import "./NoteSectionStyles.scss";
+type NoteSectionProps = {
+    note?: string;
+    noteSectionTitle?: string;
+};
+declare const NoteSection: React.FC<NoteSectionProps>;
+export default NoteSection;

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

@@ -1,29 +1,29 @@
-import React from "react";
-declare const ProductCard: ({ product: variant, handleDecrement, handleIncrement, removeCartItem, addCartItem, isDev, themeColor, primaryTextColor, secondaryTextColor, tertiaryColor, tertiaryTextColor, showQtySelector, themeTextColor, showEditOptionOnProducts, percentageOff, removeFreebieFromCart, showDeleteOnFreebies, imageAspectSelector, cartComponentsCornerType, cartComponentsCornerRadius, backgroundSubdued, backgroundColor, showDiscountOnMRP, }: {
-    product: any;
-    addCartItem?: ((product: any) => Promise<any>) | undefined;
-    removeCartItem?: ((product: any) => Promise<any>) | undefined;
-    handleIncrement?: ((productId: number, newQuantity: number, properties?: {
-        [key: string]: string;
-    } | undefined) => Promise<any>) | undefined;
-    handleDecrement?: ((productId: number, newQuantity?: number) => Promise<any>) | undefined;
-    isDev?: boolean | undefined;
-    themeColor?: string | undefined;
-    primaryTextColor?: string | undefined;
-    secondaryTextColor?: string | undefined;
-    tertiaryColor?: string | undefined;
-    tertiaryTextColor?: string | undefined;
-    showQtySelector?: boolean | undefined;
-    themeTextColor?: string | undefined;
-    showEditOptionOnProducts?: boolean | undefined;
-    percentageOff?: number | undefined;
-    removeFreebieFromCart?: ((lineItemKey: string) => Promise<void>) | undefined;
-    showDeleteOnFreebies?: boolean | undefined;
-    imageAspectSelector?: "square" | "portrait" | undefined;
-    cartComponentsCornerType?: "rounded" | "sharp" | undefined;
-    cartComponentsCornerRadius?: number | undefined;
-    backgroundSubdued?: string | undefined;
-    backgroundColor?: string | undefined;
-    showDiscountOnMRP?: boolean | undefined;
-}) => React.JSX.Element;
-export default ProductCard;
+import React from "react";
+declare const ProductCard: ({ product: variant, handleDecrement, handleIncrement, removeCartItem, addCartItem, isDev, themeColor, primaryTextColor, secondaryTextColor, tertiaryColor, tertiaryTextColor, showQtySelector, themeTextColor, showEditOptionOnProducts, percentageOff, removeFreebieFromCart, showDeleteOnFreebies, imageAspectSelector, cartComponentsCornerType, cartComponentsCornerRadius, backgroundSubdued, backgroundColor, showDiscountOnMRP, }: {
+    product: any;
+    addCartItem?: ((product: any) => Promise<any>) | undefined;
+    removeCartItem?: ((product: any) => Promise<any>) | undefined;
+    handleIncrement?: ((productId: number, newQuantity: number, properties?: {
+        [key: string]: string;
+    } | undefined) => Promise<any>) | undefined;
+    handleDecrement?: ((productId: number, newQuantity?: number) => Promise<any>) | undefined;
+    isDev?: boolean | undefined;
+    themeColor?: string | undefined;
+    primaryTextColor?: string | undefined;
+    secondaryTextColor?: string | undefined;
+    tertiaryColor?: string | undefined;
+    tertiaryTextColor?: string | undefined;
+    showQtySelector?: boolean | undefined;
+    themeTextColor?: string | undefined;
+    showEditOptionOnProducts?: boolean | undefined;
+    percentageOff?: number | undefined;
+    removeFreebieFromCart?: ((lineItemKey: string) => Promise<void>) | undefined;
+    showDeleteOnFreebies?: boolean | undefined;
+    imageAspectSelector?: "square" | "portrait" | undefined;
+    cartComponentsCornerType?: "rounded" | "sharp" | undefined;
+    cartComponentsCornerRadius?: number | undefined;
+    backgroundSubdued?: string | undefined;
+    backgroundColor?: string | undefined;
+    showDiscountOnMRP?: boolean | undefined;
+}) => React.JSX.Element;
+export default ProductCard;

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

@@ -1,20 +1,20 @@
-import React from "react";
-type ProductRecCardProps = {
-    product: any;
-    addCartItem: (product: any, quantity?: number, triggeredFrom?: string, freebieReplace?: boolean, productHandle?: string) => Promise<any>;
-    productRecsCtaButtonText?: string;
-    ctaButtonBackgroundColor?: string;
-    ctaButtonTextColor?: string;
-    primaryTextColor?: string;
-    secondaryTextColor?: string;
-    showVariantSelectionDropdownInProductRecs?: boolean;
-    layout?: "horizontal" | "vertical";
-    cartComponentsCornerType?: "rounded" | "sharp";
-    cartComponentsCornerRadius?: number;
-    isVerticalList?: boolean;
-    backgroundColor?: string;
-    tertiaryColor?: string;
-    tertiaryTextColor?: string;
-};
-declare const ProductRecCard: React.FC<ProductRecCardProps>;
-export default ProductRecCard;
+import React from "react";
+type ProductRecCardProps = {
+    product: any;
+    addCartItem: (product: any, quantity?: number, triggeredFrom?: string, freebieReplace?: boolean, productHandle?: string) => Promise<any>;
+    productRecsCtaButtonText?: string;
+    ctaButtonBackgroundColor?: string;
+    ctaButtonTextColor?: string;
+    primaryTextColor?: string;
+    secondaryTextColor?: string;
+    showVariantSelectionDropdownInProductRecs?: boolean;
+    layout?: "horizontal" | "vertical";
+    cartComponentsCornerType?: "rounded" | "sharp";
+    cartComponentsCornerRadius?: number;
+    isVerticalList?: boolean;
+    backgroundColor?: string;
+    tertiaryColor?: string;
+    tertiaryTextColor?: string;
+};
+declare const ProductRecCard: React.FC<ProductRecCardProps>;
+export default ProductRecCard;