yt-uikit 0.8.15-loyalty-page-block.7 → 0.8.15-loyalty-page-block.8

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

@@ -0,0 +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;

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

@@ -0,0 +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;

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

@@ -0,0 +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;

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

@@ -0,0 +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;

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

@@ -0,0 +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;

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

@@ -0,0 +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;

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

@@ -0,0 +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;

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

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

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

@@ -0,0 +1,15 @@
+import React from "react";
+import { RewardCoupon } from "../Cart/Cart";
+export interface RewardCouponWithIcon extends RewardCoupon {
+    icon?: React.ReactElement | null;
+}
+export type CouponFrameProps = {
+    couponActive: boolean;
+    rewardCoupon: RewardCouponWithIcon;
+    currency: string;
+    handleApply: (templateId?: number) => Promise<any>;
+    pointsCoupon?: boolean;
+    pointsToBeUsed?: number;
+};
+declare const CouponFrame: React.FC<CouponFrameProps>;
+export default CouponFrame;

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

@@ -0,0 +1 @@
+export { default } from "./CouponFrame";

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

@@ -0,0 +1,60 @@
+import React from "react";
+export interface LoyaltyPageConfigType {
+    heroDesktopImage?: string;
+    heroMobileImage?: string;
+    heroTitle?: string;
+    heroSubtitle?: string;
+    heroTextAlignment?: "left" | "center" | "right";
+    heroSubtitleFontSize?: string;
+    heroSubtitleColor?: string;
+    heroSubtitleFontWeight?: string;
+    heroTitleFontSize?: string;
+    heroTitleColor?: string;
+    heroRegistrationCTAVisibility?: boolean;
+    primaryColor?: string;
+    primaryContrastColor?: string;
+    secondaryColor?: string;
+    secondaryContrastColor?: string;
+    accentColor?: string;
+    borderColor?: string;
+    themeRoundness?: string;
+    heroBannerVisibility?: "show" | "hide";
+    stepsVisibility?: "show" | "hide";
+    waysToEarnVisibility?: "show" | "hide";
+    customSectionVisibility?: "show" | "hide";
+    footerSignupVisibility?: "show" | "hide";
+    customSectionImagePosition?: "left" | "right";
+    customSectionTitle?: string;
+    customSectionSubtitle?: string;
+    customSectionTitleFontSize?: string;
+    customSectionSubtitleFontSize?: string;
+    customSectionImage?: string;
+    customSectionTextAlignment?: "left" | "center" | "right";
+    customSectionTitleColor?: string;
+    customSectionSubtitleColor?: string;
+    stepsTitle?: string;
+    stepsSubtitle?: string;
+    step1Title?: string;
+    step1Description?: string;
+    step2Title?: string;
+    step2Description?: string;
+    step3Title?: string;
+    step3Description?: string;
+    footerCustomText?: string;
+    footerSignupSubtext?: string;
+}
+export interface BrandConfigType {
+    newSignupTokens?: number;
+    firstOrderTokens?: number;
+    instagramFollowPoints?: number;
+    twitterFollowPoints?: number;
+    facebookFollowPoints?: number;
+    youtubeSubscriptionPoints?: number;
+    rewardToLeaveReview?: number;
+    brandTokenName?: string;
+}
+declare const LoyaltyPageBlock: ({ config, brandConfig, }: {
+    config: LoyaltyPageConfigType;
+    brandConfig?: BrandConfigType | undefined;
+}) => React.JSX.Element;
+export default LoyaltyPageBlock;

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

@@ -0,0 +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;

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

@@ -0,0 +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;

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

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

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

@@ -0,0 +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 {};

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

@@ -0,0 +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 {};

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

@@ -0,0 +1,10 @@
+import React from "react";
+import { CartCheckpoint, OfferTermsAndConditions } from "./ProductsOffers";
+import { ProductsOffersConfigType } from "./ProductsOffers";
+export declare const ProductOffersTermsMobilePopover: ({ showPopup, selectedOffer, selectedOfferTerms, onClose, offersConfig, }: {
+    showPopup: boolean;
+    selectedOffer: CartCheckpoint | null;
+    selectedOfferTerms: OfferTermsAndConditions | null;
+    onClose: () => void;
+    offersConfig?: ProductsOffersConfigType | null | undefined;
+}) => React.ReactPortal | null;

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

@@ -0,0 +1,10 @@
+import React from "react";
+import { CartCheckpoint, OfferTermsAndConditions } from "./ProductsOffers";
+import { ProductsOffersConfigType } from "./ProductsOffers";
+export declare const ProductOffersTermsPopup: ({ showPopup, selectedOffer, selectedOfferTerms, onClose, offersConfig, }: {
+    showPopup: boolean;
+    selectedOffer: CartCheckpoint | null;
+    selectedOfferTerms: OfferTermsAndConditions | null;
+    onClose: () => void;
+    offersConfig?: ProductsOffersConfigType | null | undefined;
+}) => React.ReactPortal | null;

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

@@ -0,0 +1,32 @@
+import React from "react";
+import { Checkpoint } from "../Cart/Cart";
+export interface ProductsOffersConfigType {
+    sectionType?: "coupon" | "list";
+    sectionTitle?: string;
+    sectionBackgroundColor?: string;
+    sectionBgContrastColor?: string;
+    cardBackgroundColor?: string;
+    cardBackgroundTransparent?: boolean;
+    textColor?: string;
+    accentColor?: string;
+    roundness?: number;
+    cardPadding?: number;
+    viewDetailsTitle?: string;
+    alignment?: "left" | "middle" | "right";
+    iconVisibility?: boolean;
+    popupIsolationStrategy?: "revert" | "revert-layer" | "unset" | "initial" | "inherit" | "none";
+}
+export interface CartCheckpoint extends Checkpoint {
+    customCartProgressBarCriteria?: string | null;
+    discountPercentage?: number | null;
+    discountId?: number | null;
+}
+export interface OfferTermsAndConditions {
+    offerMessage: string;
+    terms: string[];
+}
+declare const ProductsOffers: ({ offersConfig, offers, }: {
+    offersConfig?: ProductsOffersConfigType | null | undefined;
+    offers: CartCheckpoint[];
+}) => React.JSX.Element;
+export default ProductsOffers;

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

@@ -0,0 +1,23 @@
+import React from "react";
+import type { Dispatch, SetStateAction } from "react";
+interface SegmentProps {
+    label: string;
+    color: string;
+    outcome: "WIN" | "LOSE";
+    winHeading?: string;
+    winValue?: number;
+    probability?: number;
+}
+export interface WheelProps {
+    segments: SegmentProps[];
+    setWinningSegment: Dispatch<SetStateAction<number | null>>;
+    ctaButtonText?: string;
+    brandThemeColor?: string | undefined;
+    brandGameDefaultThemeColor?: string | undefined;
+    wheelSectionColor1?: string | undefined;
+    wheelSectionColor2?: string | undefined;
+    wheelCenterLogo?: string | undefined;
+    isStatic?: boolean | undefined;
+}
+declare const SpinnerWheel: React.FC<WheelProps>;
+export default SpinnerWheel;

package/dist/esm/components/SpinnerWheel/WheelSection.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface WheelSectionProps {
+    color: string;
+    label: string;
+    index: number;
+    total: number;
+}
+export declare const WheelSection: React.FC<WheelSectionProps>;
+export {};

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

@@ -0,0 +1 @@
+export { default } from "./SpinnerWheel";

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

@@ -0,0 +1,8 @@
+export { default as Nudge } from "./Nudge";
+export { default as SpinnerWheel } from "./SpinnerWheel";
+export { default as Cart } from "./Cart";
+export { default as CouponFrame } from "./CouponFrame";
+export { default as Bundle } from "./BundleBlock";
+export { default as BundleLoader } from "./BundleBlock/Loader";
+export { default as LoyaltyPageBlock, LoyaltyPageConfigType, BrandConfigType, } from "./LoyaltyPageBlock/LoyaltyPageBlock";
+export { default as ProductOffers, ProductsOffersConfigType, CartCheckpoint, } from "./ProductOffersBlock/ProductsOffers";

package/dist/esm/index.d.ts

@@ -0,0 +1 @@
+export * from "./components";