yt-uikit 0.9.1 → 0.9.3

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

@@ -369,6 +369,16 @@ export type BundlePayload = {
         description?: string;
         customizePadding?: string;
     };
+    personalizedForm?: {
+        title?: string;
+        sections?: {
+            title: string;
+            type: "text" | "image";
+            fields: {
+                title: string;
+            }[];
+        }[];
+    };
 };
 export type EventNameCustom = "byob_checkout_cta" | "byob_add_to_bundle" | "block_visibility" | "bundle_add_to_cart";
 export type EventTypeCustom = "clicks" | "views";
@@ -386,8 +396,8 @@ export type BundleProps = {
     addToCartFunction?: (selectedItemsSubtotal: number, variantIds?: string[], finalBundlePrice?: number, variantIdPriceMap?: {
         variantId: string;
         price: number;
-    }[]) => Promise<void>;
-    addCustomBundleToCart?: (e: any) => Promise<void>;
+    }[], properties?: Record<string, string>) => Promise<void>;
+    addCustomBundleToCart?: (e: any, formProperties?: Record<string, any>) => Promise<void>;
     selectedItems?: {
         variantId: string;
         product: ProductDetails;

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

@@ -28,7 +28,7 @@ type BundleBuilderProps = {
         isFree?: boolean;
         tierIndex?: number;
     }[]>>;
-    handleAddToCart: (e: any) => Promise<void>;
+    handleAddToCart: (e: any, formProperties?: Record<string, any>) => Promise<void>;
     bundleAddToCartLoading: boolean;
     renderingOnPage: boolean;
     selectedItemsQuantity: number;

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

@@ -48,6 +48,8 @@ type BundleBuilderTrackerProps = {
     renderingOnPage: boolean;
     handleRemoveItemProductTier: (variantId: string, currentTier: number) => void;
     storeCurrencyCode?: string;
+    isUploading?: boolean;
+    showNextStep?: boolean;
 };
 export declare const BundleBuilderTrackerBar: React.FC<BundleBuilderTrackerProps>;
 export default BundleBuilderTrackerBar;

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

@@ -0,0 +1,35 @@
+import React from "react";
+export declare const LoaderSpinner: () => React.JSX.Element;
+interface UploadState {
+    url?: string;
+    name?: string;
+    loading?: boolean;
+    error?: boolean;
+}
+interface UploadFieldProps {
+    title: string;
+    uploadState?: UploadState | string;
+    onUpload: () => void;
+    onRemove: () => void;
+    onRetry: () => void;
+}
+export declare const UploadField: ({ title, uploadState, onUpload, onRemove, onRetry, }: UploadFieldProps) => React.JSX.Element;
+export interface PersonalizationFormProps {
+    form: {
+        title?: string;
+        sections?: {
+            title: string;
+            type: "text" | "image";
+            fields: {
+                title: string;
+            }[];
+        }[];
+    };
+    formData: Record<string, any>;
+    setFormData: React.Dispatch<React.SetStateAction<Record<string, any>>>;
+    barHeight?: number;
+    isUploading?: boolean;
+    setIsUploading?: React.Dispatch<React.SetStateAction<boolean>>;
+}
+declare const PersonalizationForm: React.FC<PersonalizationFormProps>;
+export default PersonalizationForm;

package/dist/esm/components/BundleBlock/PersonalizationForm/PersonalizationFormModal.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+interface PersonalizationFormModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onSkip?: () => void;
+    formConfig: {
+        title?: string;
+        sections?: {
+            title: string;
+            type: "text" | "image";
+            fields: {
+                title: string;
+            }[];
+        }[];
+    };
+    onCheckout: (properties: Record<string, string>) => void;
+    cta: {
+        textColor: string;
+        backgroundColor: string;
+    };
+    isMobile: boolean;
+}
+declare const PersonalizationFormModal: React.FC<PersonalizationFormModalProps>;
+export default PersonalizationFormModal;

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

@@ -66,6 +66,8 @@ export interface RewardCoupon {
     };
     resolvedCollectionNames?: string[];
     isEligible?: boolean;
+    applicableSubtotal?: number;
+    estimatedSavings?: number;
     quantityThreshold?: number | null;
     customCartProgressBarCriteria?: string;
 }

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

@@ -3,7 +3,7 @@ import { Checkpoint } from "./Cart";
 import { freebieMilestoneProps } from "./NextFreebieRow";
 type CartProductsListProps = {
     addCartItem?: (product: any, quantity?: number, triggeredFrom?: string) => Promise<any>;
-    removeCartItem: (lineItemKey: string) => Promise<any>;
+    removeCartItem: (product: any) => Promise<any>;
     handleIncrement: (lineItemKey: string | number, newQuantity: number, properties?: {
         [key: string]: string;
     }) => Promise<any>;
@@ -40,7 +40,6 @@ type CartProductsListProps = {
     showFreebieMilestone?: boolean;
     freebieMilestoneData?: freebieMilestoneProps;
     freeLabelText?: string;
-    isLargeScreen?: boolean;
 };
 declare const CartProductsList: React.FC<CartProductsListProps>;
 export default CartProductsList;

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

@@ -1,5 +1,5 @@
-import React from 'react';
-import { RewardCoupon } from './Cart';
+import React from "react";
+import { RewardCoupon } from "./Cart";
 interface CouponSelectionProps {
     rewardCoupons: RewardCoupon[];
     applyCouponCode?: (code: string) => Promise<void>;
@@ -9,6 +9,8 @@ interface CouponSelectionProps {
     themeColor?: string;
     themeTextColor?: string;
     primaryTextColor?: string;
+    ctaButtonBackgroundColor?: string;
+    ctaButtonTextColor?: string;
     cartComponentsCornerRadius?: number;
 }
 declare const CouponSelection: React.FC<CouponSelectionProps>;

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

@@ -1,8 +1,8 @@
 import React from "react";
-declare const ProductCard: ({ product: variant, handleDecrement, handleIncrement, removeCartItem, addCartItem, isDev, isLargeScreen, themeColor, primaryTextColor, secondaryTextColor, tertiaryColor, tertiaryTextColor, showQtySelector, themeTextColor, showEditOptionOnProducts, percentageOff, removeFreebieFromCart, showDeleteOnFreebies, imageAspectSelector, cartComponentsCornerType, cartComponentsCornerRadius, backgroundSubdued, backgroundColor, showDiscountOnMRP, freeLabelText, }: {
+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, freeLabelText, }: {
     product: any;
     addCartItem?: ((product: any) => Promise<any>) | undefined;
-    removeCartItem?: ((lineItemKey: string) => Promise<any>) | undefined;
+    removeCartItem?: ((product: any) => Promise<any>) | undefined;
     handleIncrement?: ((lineItemKey: string | number, newQuantity: number, properties?: {
         [key: string]: string;
     } | undefined) => Promise<any>) | undefined;
@@ -26,6 +26,5 @@ declare const ProductCard: ({ product: variant, handleDecrement, handleIncrement
     backgroundColor?: string | undefined;
     showDiscountOnMRP?: boolean | undefined;
     freeLabelText?: string | undefined;
-    isLargeScreen?: boolean | undefined;
 }) => React.JSX.Element;
 export default ProductCard;

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

@@ -1,10 +1,9 @@
 import React from "react";
 import "./shared.scss";
-export declare const QuantitySelector: ({ value, handleItemQuantityDecrement, handleItemQuantityIncrement, disabled, isDev, themeColor, cartComponentsCornerType, cartComponentsCornerRadius, backgroundSubdued, }: {
+export declare const QuantitySelector: ({ value, handleItemQuantityDecrement, handleItemQuantityIncrement, isDev, themeColor, cartComponentsCornerType, cartComponentsCornerRadius, backgroundSubdued, }: {
     value: number;
     handleItemQuantityIncrement: () => Promise<void>;
     handleItemQuantityDecrement: () => Promise<void>;
-    disabled?: boolean | undefined;
     isDev?: boolean | undefined;
     themeColor?: string | undefined;
     cartComponentsCornerType?: "rounded" | "sharp" | undefined;