yt-uikit 0.8.15 → 0.8.16

package/dist/esm/types/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/types/components/Cart/VariantSelectionPopup/MobileVariantPopover.styled.d.ts

@@ -0,0 +1,49 @@
+/// <reference types="react" />
+export declare const VariantSelectionPopupContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ModalContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $themeColor?: string | undefined;
+    $cornerRadius?: number | undefined;
+    $backgroundColor?: string | undefined;
+}>> & string;
+export declare const CloseButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ProductDetails: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ProductImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
+export declare const ProductInfo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ProductTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {
+    $themeColor?: string | undefined;
+}>> & string;
+export declare const ProductPrice: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    primaryTextColor?: string | undefined;
+}>> & string;
+export declare const OriginalPrice: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const ViewDetailsLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>> & string;
+export declare const OptionContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const OptionTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const OptionsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const VariantOption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $isSelected?: boolean | undefined;
+    $isDisabled?: boolean | undefined;
+    $themeColor?: string | undefined;
+    backgroundColor?: string | undefined;
+}>> & string;
+export declare const CartButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $themeColor: string;
+}>> & string;
+export declare const LoaderContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const QuantitySelectorContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const MainSelectorContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $backgroundColor: string;
+}>> & string;
+export declare const FlexContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DetailsSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PriceSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const LinkSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ActionsSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ReplaceButtonContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ReplaceButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $themeColor?: string | undefined;
+    $cornerRadius?: number | undefined;
+    $cornerType?: string | undefined;
+    $disabled?: boolean | undefined;
+}>> & string;
+export declare const ReplaceButtonContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

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

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

@@ -1,15 +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;
+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/types/components/CouponFrame/index.d.ts

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

package/dist/esm/types/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/types/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/types/components/Nudge/index.d.ts

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

package/dist/esm/types/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/types/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 {};

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

@@ -1,10 +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;
+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/types/components/ProductOffersBlock/ProductOffersTermsPopup.d.ts

@@ -1,10 +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;
+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/types/components/ProductOffersBlock/ProductsOffers.d.ts

@@ -1,32 +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;
+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/types/components/SpinnerWheel/SpinnerWheel.d.ts

@@ -1,23 +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;
+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/types/components/SpinnerWheel/WheelSection.d.ts

@@ -1,9 +1,9 @@
-import React from "react";
-interface WheelSectionProps {
-    color: string;
-    label: string;
-    index: number;
-    total: number;
-}
-export declare const WheelSection: React.FC<WheelSectionProps>;
-export {};
+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/types/components/SpinnerWheel/index.d.ts

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

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

@@ -1,7 +1,6 @@
-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 ProductOffers, ProductsOffersConfigType, CartCheckpoint, } from "./ProductOffersBlock/ProductsOffers";
+export { default as Nudge } from "./Nudge";
+export { default as SpinnerWheel } from "./SpinnerWheel";
+export { default as Cart } from "./Cart";
+export { default as Bundle } from "./BundleBlock";
+export { default as BundleLoader } from "./BundleBlock/Loader";
+export { default as ProductOffers, ProductsOffersConfigType, CartCheckpoint, } from "./ProductOffersBlock/ProductsOffers";

package/dist/esm/types/components/shared/Spinner.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+export interface SpinnerProps {
+    color?: string;
+    size?: number;
+    loading?: boolean;
+}
+/**
+ * A lightweight CSS-only spinner component to replace ClipLoader from react-spinners.
+ * Uses CSS animations for the spinning effect.
+ */
+export declare const Spinner: React.FC<SpinnerProps>;
+export interface ScaleLoaderProps {
+    color?: string;
+    loading?: boolean;
+    height?: number;
+    width?: number;
+}
+/**
+ * A lightweight CSS-only scale loader component to replace ScaleLoader from react-spinners.
+ * Displays animated bars that pulse in sequence.
+ */
+export declare const ScaleLoader: React.FC<ScaleLoaderProps>;
+export default Spinner;

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

@@ -0,0 +1,2 @@
+export { Spinner, ScaleLoader } from "./Spinner";
+export type { SpinnerProps, ScaleLoaderProps } from "./Spinner";

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

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

package/dist/esm/types/utils/converter.d.ts

@@ -1,2 +1,2 @@
-export declare const getCurrencyValueFromShopifyPrice: (price: number, currency: string) => number;
-export declare const getCurrencySymbol: (cartData: any, currency?: string) => string;
+export declare const getCurrencyValueFromShopifyPrice: (price: number, currency: string) => number;
+export declare const getCurrencySymbol: (cartData: any, currency?: string) => string;

package/dist/esm/types/utils/customVariantOptions.d.ts

@@ -1,20 +1,20 @@
-export interface CustomVariantValue {
-    name: string;
-    value: string;
-}
-export interface CustomVariantOption {
-    id?: string;
-    name: string;
-    type?: "text" | "image" | "color" | string;
-    values: CustomVariantValue[];
-}
-export interface CustomVariantOptions {
-    options: CustomVariantOption[];
-}
-export declare const normalizeVariantLabel: (label?: string) => string;
-export declare const extractHexFromLabel: (label?: string) => string | null;
-export declare const loadCustomVariantOptions: () => CustomVariantOptions | null;
-export declare const saveCustomVariantOptions: (input: CustomVariantOptions | CustomVariantOption[]) => void;
-export declare const clearCustomVariantOptions: () => void;
-export declare const findMatchingCustomVariantValue: (customOption: CustomVariantOption | undefined, optionValue?: string) => CustomVariantValue | undefined;
-export declare const useCustomVariantOptions: () => CustomVariantOptions | null;
+export interface CustomVariantValue {
+    name: string;
+    value: string;
+}
+export interface CustomVariantOption {
+    id?: string;
+    name: string;
+    type?: "text" | "image" | "color" | string;
+    values: CustomVariantValue[];
+}
+export interface CustomVariantOptions {
+    options: CustomVariantOption[];
+}
+export declare const normalizeVariantLabel: (label?: string) => string;
+export declare const extractHexFromLabel: (label?: string) => string | null;
+export declare const loadCustomVariantOptions: () => CustomVariantOptions | null;
+export declare const saveCustomVariantOptions: (input: CustomVariantOptions | CustomVariantOption[]) => void;
+export declare const clearCustomVariantOptions: () => void;
+export declare const findMatchingCustomVariantValue: (customOption: CustomVariantOption | undefined, optionValue?: string) => CustomVariantValue | undefined;
+export declare const useCustomVariantOptions: () => CustomVariantOptions | null;

package/dist/esm/types/utils/freebieProductUtils.d.ts

@@ -1,23 +1,23 @@
-export declare const isVariantAvailable: (product: any, variantNode: any) => boolean;
-export interface ProcessedFreebieProduct {
-    selectedVariantId?: string;
-    selectedVariantGid?: string;
-    selectedVariantPrice: number;
-    availableVariants: any[];
-    displayVariantCount: number;
-    effectiveDiscount: number;
-    effectivePrice: number;
-    dealAmount: number;
-    showOptions: boolean;
-    isFree: boolean;
-}
-/**
- * Process freebie product data to extract pricing, variant, and display information
- * Consolidates expensive calculations that were happening in multiple components
- */
-export declare const processFreebieProduct: (product: any, freebieCouponTemplates?: any[], localVariantId?: string) => ProcessedFreebieProduct;
-/**
- * Get initial variant ID with deal amount preference
- * Used by FreebieClaimSectionCard for smart variant selection
- */
-export declare const getInitialVariantWithDealAmount: (availableVariants: any[], freebieCouponTemplates?: any[]) => string | undefined;
+export declare const isVariantAvailable: (product: any, variantNode: any) => boolean;
+export interface ProcessedFreebieProduct {
+    selectedVariantId?: string;
+    selectedVariantGid?: string;
+    selectedVariantPrice: number;
+    availableVariants: any[];
+    displayVariantCount: number;
+    effectiveDiscount: number;
+    effectivePrice: number;
+    dealAmount: number;
+    showOptions: boolean;
+    isFree: boolean;
+}
+/**
+ * Process freebie product data to extract pricing, variant, and display information
+ * Consolidates expensive calculations that were happening in multiple components
+ */
+export declare const processFreebieProduct: (product: any, freebieCouponTemplates?: any[], localVariantId?: string) => ProcessedFreebieProduct;
+/**
+ * Get initial variant ID with deal amount preference
+ * Used by FreebieClaimSectionCard for smart variant selection
+ */
+export declare const getInitialVariantWithDealAmount: (availableVariants: any[], freebieCouponTemplates?: any[]) => string | undefined;