yt-uikit 0.8.17-drawer-layout.0 → 0.8.18-freebie-milestone.0

package/dist/esm/types/components/BundleBlock/Bundle.d.ts

@@ -264,6 +264,17 @@ export type Customizations = {
     createdAt?: string;
     updatedAt?: string;
 };
+export type ProductTier = {
+    tier: number;
+    title: string;
+    minimumQuantity: number;
+    isFixed?: boolean;
+    isFreebieTier?: boolean;
+    products: {
+        productId: string;
+        variantIds: string[];
+    }[];
+};
 export type BundlePayload = {
     showIndividualProductSelector: boolean;
     title?: string;
@@ -305,17 +316,7 @@ export type BundlePayload = {
             minimumQuantity: number;
             discountValue: number;
         }[];
-        productTier?: {
-            tier: number;
-            title: string;
-            minimumQuantity: number;
-            isFixed?: boolean;
-            isFreebieTier?: boolean;
-            products: {
-                productId: string;
-                variantIds: string[];
-            }[];
-        }[];
+        productTier?: ProductTier[];
     };
     volumeTiers?: {
         isDefault: unknown;

package/dist/esm/types/components/BundleBlock/BundleBuilder/bundleBuilder.style.d.ts

@@ -28,7 +28,9 @@ export declare const PriceContainer: import("styled-components/dist/types").ISty
 export declare const AddToBundleWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     borderRadius: string;
 }>> & string;
-export declare const AddedButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>, {
+export declare const AddedButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, {
     borderRadius: string;
 }>> & string;
 export declare const AddedButtonText: 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/BundleBlock/BundleBuilderTracker/bundleBuilderTracker.style.d.ts

@@ -30,7 +30,9 @@ export declare const ItemImageBox: import("styled-components/dist/types").IStyle
 export declare const QuantityBadge: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     borderRadius: string;
 }>> & string;
-export declare const RemoveButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
+export declare const RemoveButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, never>, never>> & string;
 export declare const DetailedItemContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     borderRadius: string;
 }>> & string;

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

@@ -8,6 +8,9 @@ type BundleProductDetailsModalProps = {
         product: ProductDetails;
         quantity: number;
     }[];
+    selectedProductsByTier?: {
+        [tier: number]: string[];
+    };
     remainingQuantity: number;
     hideAddToBundle: boolean;
     disableQuantitySelector: boolean;
@@ -21,6 +24,13 @@ type BundleProductDetailsModalProps = {
         averageRating: number;
         ratingCount: number;
     };
+    customVariantsQuantity?: {
+        quantity: number;
+        variantId: string;
+    }[];
+    bundleProductsCustomQuantity?: number | null;
+    isFreebieTier?: boolean;
+    showFreebieTierProductPrices?: boolean;
 };
 declare const BundleProductDetailsModal: React.ForwardRefExoticComponent<BundleProductDetailsModalProps & React.RefAttributes<HTMLDivElement>>;
 export default BundleProductDetailsModal;

package/dist/esm/types/components/BundleBlock/FixedBundle/fixedBundle.style.d.ts

@@ -48,7 +48,9 @@ export declare const PriceLine: import("styled-components/dist/types").IStyledCo
 export declare const SummaryBlock: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const AddBundleButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
 export declare const PlusWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const PlusWrapperWithHiding: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, never>> & string;
+export declare const PlusWrapperWithHiding: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string;
 export declare const PlusSeparator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const DropdownContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const DropdownHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -72,13 +74,17 @@ export declare const OptionRow: import("styled-components/dist/types").IStyledCo
 export declare const OptionLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
 export declare const CheckboxContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const HiddenCheckbox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
-export declare const StyledCheckboxLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>>, never>, {
+export declare const StyledCheckboxLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
+    ref?: ((instance: HTMLLabelElement | null) => void) | import("react").RefObject<HTMLLabelElement> | null | undefined;
+}>, never>, {
     isChecked: boolean;
     borderColor?: string | undefined;
     borderRadius?: string | undefined;
     backgroundColor?: string | undefined;
 }>> & string;
 export declare const HorizontalCheckboxWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const VerticalCheckboxWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, {
+export declare const VerticalCheckboxWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, {
     isImage?: boolean | undefined;
 }>> & string;

package/dist/esm/types/components/BundleBlock/VolumeBundle/volumeBundle.style.d.ts

@@ -61,7 +61,9 @@ export declare const RadioWrapper: import("styled-components/dist/types").IStyle
     isActive?: boolean | undefined;
     accentColor?: string | undefined;
 }>> & string;
-export declare const HiddenRadio: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>>, never>, never>> & string;
+export declare const HiddenRadio: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
+    ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
+}>, never>, never>> & string;
 export declare const CustomRadio: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
     accentColor?: string | undefined;
 }>> & string;

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

@@ -1,5 +1,4 @@
 import React from "react";
-import { DrawerLayout } from "./CartDrawer";
 import { stickyCartCustomizationDataProps } from "./StickyCart";
 import { CartOffersCarousalProps } from "./CartOffersCarousel";
 import { freebieMilestoneProps } from "./NextFreebieRow";
@@ -214,7 +213,6 @@ export interface CartProps {
         variantId: string;
         price: number;
     }[]) => Promise<void>;
-    drawerLayout?: DrawerLayout;
 }
 declare const Cart: React.FC<CartProps>;
 export default Cart;

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

@@ -16,15 +16,6 @@ interface CartDrawerProps extends CartProps {
     enableConfetti?: boolean;
     checkoutSectionMessageRedirectLink?: string;
     showCheckoutButtonPaymentIcons?: boolean;
-    drawerLayout?: DrawerLayout;
-}
-export interface DrawerLayout {
-    headerIds?: string[];
-    scroll?: {
-        topIds?: string[];
-        bottomIds?: string[];
-    };
-    footerIds?: string[];
 }
 declare const CartDrawer: React.FC<CartDrawerProps>;
 export default CartDrawer;

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

@@ -39,6 +39,7 @@ type CartProductsListProps = {
     checkoutSectionMessageRedirectLink?: string;
     showFreebieMilestone?: boolean;
     freebieMilestoneData?: freebieMilestoneProps;
+    freebieProductsInCart?: any[];
 };
 declare const CartProductsList: React.FC<CartProductsListProps>;
 export default CartProductsList;

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

@@ -6,6 +6,8 @@ type NextFreebieRowProps = {
     themeColor?: string;
     tertiaryColor?: string;
     imageUrl?: string;
+    showFreebieImage?: boolean;
+    freebieImageUrl?: string;
 };
 export type freebieMilestoneProps = {
     enableFreebieMilestone: boolean;
@@ -14,6 +16,7 @@ export type freebieMilestoneProps = {
         path: string;
     };
     campaignFilter?: string;
+    showFreebieImage?: boolean;
 };
 declare const NextFreebieRow: React.FC<NextFreebieRowProps>;
 export default NextFreebieRow;

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/index.d.ts

@@ -60,15 +60,6 @@ interface WheelProps {
 }
 declare const SpinnerWheel: React.FC<WheelProps>;
 
-interface DrawerLayout {
-    headerIds?: string[];
-    scroll?: {
-        topIds?: string[];
-        bottomIds?: string[];
-    };
-    footerIds?: string[];
-}
-
 interface ShopifyCurrency {
     rate: number;
     active: string;
@@ -333,6 +324,17 @@ type Customizations = {
     createdAt?: string;
     updatedAt?: string;
 };
+type ProductTier = {
+    tier: number;
+    title: string;
+    minimumQuantity: number;
+    isFixed?: boolean;
+    isFreebieTier?: boolean;
+    products: {
+        productId: string;
+        variantIds: string[];
+    }[];
+};
 type BundlePayload = {
     showIndividualProductSelector: boolean;
     title?: string;
@@ -374,17 +376,7 @@ type BundlePayload = {
             minimumQuantity: number;
             discountValue: number;
         }[];
-        productTier?: {
-            tier: number;
-            title: string;
-            minimumQuantity: number;
-            isFixed?: boolean;
-            isFreebieTier?: boolean;
-            products: {
-                productId: string;
-                variantIds: string[];
-            }[];
-        }[];
+        productTier?: ProductTier[];
     };
     volumeTiers?: {
         isDefault: unknown;
@@ -506,6 +498,7 @@ type freebieMilestoneProps = {
         path: string;
     };
     campaignFilter?: string;
+    showFreebieImage?: boolean;
 };
 
 interface GSTSectionCustomizationProps {
@@ -721,7 +714,6 @@ interface CartProps {
         variantId: string;
         price: number;
     }[]) => Promise<void>;
-    drawerLayout?: DrawerLayout;
 }
 declare const Cart: React.FC<CartProps>;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yt-uikit",
-  "version": "0.8.17-drawer-layout.0",
+  "version": "0.8.18-freebie-milestone.0",
   "description": "YourToken UI Kit",
   "scripts": {
     "rollup": "tsc && rollup -c",