yt-uikit 0.8.17-drawer-layout.0 → 0.8.17

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

@@ -1,220 +1,218 @@
-import React from "react";
-import { DrawerLayout } from "./CartDrawer";
-import { stickyCartCustomizationDataProps } from "./StickyCart";
-import { CartOffersCarousalProps } from "./CartOffersCarousel";
-import { freebieMilestoneProps } from "./NextFreebieRow";
-import { GSTSectionCustomizationProps } from "./GSTSection";
-import { BundlePayload } from "../BundleBlock/Bundle";
-import { type FloatingCartDataProps } from "./FloatingCart";
-export interface Checkpoint {
-    couponTemplateId: number;
-    couponType: string;
-    minimumOrderValue: number;
-    name: string;
-    quantityThreshold: number;
-    isDummyCouponTemplate?: boolean;
-    customerGetsProductIds?: {
-        ids: string[];
-    };
-    discountValue?: number;
-    _allVariantIds: string[];
-    maxFreebiesInTier?: number;
-}
-export interface freebieClaimInterface {
-    freebieSectionTitle: string;
-    productClaimCtaButtonText: string;
-    type: "section" | "overlay";
-    allowOverlayClose: boolean;
-}
-export type CartLevelDiscountApplication = {
-    type: string;
-    key: string;
-    title: string;
-    description: string | null;
-    value: string;
-    created_at: string;
-    value_type: string;
-    allocation_method: string;
-    target_selection: string;
-    target_type: string;
-    total_allocated_amount: number;
-};
-export type LoyaltyDiscount = {
-    type: string;
-    key: string;
-    title: string;
-    description: string | null;
-    value: string;
-    created_at: string;
-    value_type: string;
-    allocation_method: string;
-    target_selection: string;
-    target_type: string;
-    total_allocated_amount: number;
-};
-export interface CartProps {
-    isOpen: boolean;
-    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
-    backdrop?: boolean;
-    backgroundColor: string;
-    backgroundSubdued?: string;
-    tertiaryColor?: string;
-    tertiaryTextColor?: string;
-    exploreCTAColor: string;
-    emptyCartTitle: string;
-    emptyCartDescription?: string;
-    emptyCartButtons?: Array<{
-        title: string;
-        link: string;
-    }>;
-    checkoutFontSize: number | string;
-    cartTitle: string;
-    cartData?: any;
-    switchWidthVariant?: boolean;
-    addCartItem?: (product: any, quantity?: number, triggeredFrom?: string, freebieReplace?: boolean, productHandle?: string) => Promise<any>;
-    removeCartItem: (lineItemKey: string, triggeredFrom?: string, ytRequest?: boolean) => Promise<any>;
-    handleIncrement: (productId: number, newQuantity: number, properties?: {
-        [key: string]: string;
-    }) => Promise<any>;
-    handleDecrement: (productId: number, newQuantity?: number) => Promise<any>;
-    bundleProducts?: any;
-    showBundle?: boolean;
-    isUserSignedIn?: boolean;
-    loyaltyIcon?: string;
-    discountAmountOff?: number;
-    pointsToBeUsed?: number;
-    rewardMultiplier?: number;
-    redemptionMultiplier?: number;
-    removeDiscount?: () => Promise<any>;
-    applyDiscount?: () => Promise<any>;
-    discountApplied?: boolean;
-    joinNowFunction?: () => void;
-    checkoutFunction: (templateId?: number) => Promise<any>;
-    guestLoyaltyPercentage?: number;
-    showToggleButton?: boolean;
-    isDev?: boolean;
-    recProductsList?: any[];
-    showMultiStepProgressBar?: boolean;
-    cartCheckpoints?: Checkpoint[];
-    showCartLevelAltPay?: boolean;
-    redemptionRate: number;
-    pointsRewardRate: number;
-    exploreCtaRedirectLink?: string;
-    discountAmountApplied?: number;
-    minimumCartValue?: number;
-    discountInCheckoutButton?: boolean | string;
-    isStickyCheckout?: boolean;
-    handleCheckpointCrossed?: (checkpoint: Checkpoint, cartAmount: number) => Promise<any>;
-    customCartProgressBarCriteria?: string;
-    primaryTextColor?: string;
-    secondaryTextColor?: string;
-    themeColor?: string;
-    themeTextColor?: string;
-    checkoutButtonColor?: string;
-    ctaButtonBackgroundColor?: string;
-    ctaButtonTextColor?: string;
-    showProductRecsOnMobile?: boolean;
-    showProductRecsOnDesktop?: boolean;
-    productRecsTitleText?: string;
-    productRecsCtaButtonText?: string;
-    showGSTOption?: boolean;
-    gstNumber?: string;
-    companyName?: string;
-    applyGSTToCart?: (gstNumber: string, companyName: string) => Promise<any>;
-    showMOVForProgressTiers?: boolean;
-    freeProduct?: any;
-    showLoyaltyCta?: boolean;
-    freeProductAdjustedCartTotal?: number;
-    minimumOrderValueToAvailDiscount?: number;
-    signinCTAButtonVisible?: boolean;
-    cartSigninCTAMainText?: string;
-    showNoteOption?: boolean;
-    note?: string;
-    applyNoteToCart?: (note: string) => Promise<any>;
-    inlineCartOfferInfoText?: string;
-    inlineCartOfferInfoRedirectLink?: string;
-    cartOfferTermsAndConditionsText?: string;
-    showEditOptionOnProducts?: boolean;
-    getProductDetailsByVariantId?: (handle: string, variantId?: string) => Promise<any>;
-    onSetLoading?: (setLoadingFn: (isLoading: boolean, showLoader: boolean, showSkeletonLoader?: boolean, showLoyaltyCtaLoading?: boolean) => void) => void;
-    showVariantSelectionDropdownInProductRecs?: boolean;
-    originalCartSubtotal?: number;
-    freebieProductsInCart?: any;
-    currentTier?: number;
-    showFreebieClaim?: boolean;
-    addFreebieToCart?: (variantId: string) => Promise<void>;
-    freebiesInCart?: string[];
-    effectiveQuantityForProgressBar?: number;
-    productPercentageOffMapping: {
-        [variantId: string]: number;
-    };
-    removeFreebieFromCart?: (lineItemKey: string) => Promise<void>;
-    postalCodeList?: number[];
-    enableGeoLocationDeliveryRestriction?: boolean;
-    applyPostalCodeAndDeliverySlotToCart?: (deliveryType: string, postalCode?: string, deliverySlot?: string) => Promise<any>;
-    showDeleteOnFreebies?: boolean;
-    freebieCouponTemplates?: Checkpoint[];
-    freebieFlowCheckpoints?: Checkpoint[];
-    freebieClaimData?: freebieClaimInterface;
-    showStickyAddToCart?: boolean;
-    stickyCartLineItem?: any;
-    stickyCartCustomizationData?: stickyCartCustomizationDataProps;
-    stickyCartLineItemQuantity?: number;
-    postalCodeBasedItemTrackingParameter?: "specific-tags" | "all-products";
-    enableSlotPicker?: boolean;
-    deliveryHeaderTitle?: string;
-    deliveryAvailableText?: string;
-    deliveryNotAvailableText?: string;
-    giftWrapSetupData?: any;
-    giftWrapProductDetail?: any;
-    progressBarFreeProductIconType?: "tshirt" | "gift" | "box" | "cup";
-    addToStickyCart?: (variantId: string, quantity: number) => Promise<void>;
-    enableCustomCartOnCartPage?: boolean;
-    isCartPage?: boolean;
-    productRecsCardLayout: "horizontal" | "vertical";
-    productRecsCardListVariant: "scroll" | "carousel" | "vertical";
-    showCartTimer?: boolean;
-    showFreebieMilestone?: boolean;
-    showFloatingCart?: boolean;
-    floatingCartData?: FloatingCartDataProps;
-    cartTimerInMinutes?: number;
-    cartTimerCustomText?: string;
-    imageAspectSelector?: "square" | "portrait";
-    cartComponentsCornerType?: "rounded" | "sharp";
-    cartComponentsCornerRadius?: number;
-    cartOffersCarousalData?: CartOffersCarousalProps;
-    freebieMilestoneData?: freebieMilestoneProps;
-    cartOffersCarouselHeight?: number;
-    stickyBarBuyNowFunction?: (variantId: string, quantity: number) => Promise<void>;
-    gstSectionCustomizationData?: GSTSectionCustomizationProps;
-    noteSectionTitle?: string;
-    checkoutSectionMessage?: string;
-    checkoutSectionMessageRedirectLink?: string;
-    checkoutSectionMessageDisplay?: "ribbon" | "tag" | "bookmark";
-    showVariantSelectionDropdownInProductClaim?: boolean;
-    productClaimCtaButtonText?: string;
-    loyaltyDiscount?: LoyaltyDiscount | undefined;
-    brandTokenName?: string;
-    showDiscountOnMRP?: boolean;
-    prefixMessageText?: string;
-    suffixMessageText?: string;
-    successMessageText?: string;
-    toggleDecimal?: boolean;
-    disableCheckoutButton: boolean;
-    showEmptyCartRecommendations?: boolean;
-    emptyProductRecsTitleText?: string;
-    checkoutButtonBottomSpacing?: number;
-    showPoweredByBadge?: boolean;
-    applyCouponCode?: (code: string) => Promise<void>;
-    showApplyCoupon?: boolean;
-    enableConfetti?: boolean;
-    showCheckoutButtonPaymentIcons?: boolean;
-    comboBundleData?: BundlePayload;
-    comboBundleAddToCartFunction?: (selectedItemsSubtotal: number, variantIds?: string[], finalBundlePrice?: number, variantIdPriceMap?: {
-        variantId: string;
-        price: number;
-    }[]) => Promise<void>;
-    drawerLayout?: DrawerLayout;
-}
-declare const Cart: React.FC<CartProps>;
-export default Cart;
+import React from "react";
+import { stickyCartCustomizationDataProps } from "./StickyCart";
+import { CartOffersCarousalProps } from "./CartOffersCarousel";
+import { freebieMilestoneProps } from "./NextFreebieRow";
+import { GSTSectionCustomizationProps } from "./GSTSection";
+import { BundlePayload } from "../BundleBlock/Bundle";
+import { type FloatingCartDataProps } from "./FloatingCart";
+export interface Checkpoint {
+    couponTemplateId: number;
+    couponType: string;
+    minimumOrderValue: number;
+    name: string;
+    quantityThreshold: number;
+    isDummyCouponTemplate?: boolean;
+    customerGetsProductIds?: {
+        ids: string[];
+    };
+    discountValue?: number;
+    _allVariantIds: string[];
+    maxFreebiesInTier?: number;
+}
+export interface freebieClaimInterface {
+    freebieSectionTitle: string;
+    productClaimCtaButtonText: string;
+    type: "section" | "overlay";
+    allowOverlayClose: boolean;
+}
+export type CartLevelDiscountApplication = {
+    type: string;
+    key: string;
+    title: string;
+    description: string | null;
+    value: string;
+    created_at: string;
+    value_type: string;
+    allocation_method: string;
+    target_selection: string;
+    target_type: string;
+    total_allocated_amount: number;
+};
+export type LoyaltyDiscount = {
+    type: string;
+    key: string;
+    title: string;
+    description: string | null;
+    value: string;
+    created_at: string;
+    value_type: string;
+    allocation_method: string;
+    target_selection: string;
+    target_type: string;
+    total_allocated_amount: number;
+};
+export interface CartProps {
+    isOpen: boolean;
+    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    backdrop?: boolean;
+    backgroundColor: string;
+    backgroundSubdued?: string;
+    tertiaryColor?: string;
+    tertiaryTextColor?: string;
+    exploreCTAColor: string;
+    emptyCartTitle: string;
+    emptyCartDescription?: string;
+    emptyCartButtons?: Array<{
+        title: string;
+        link: string;
+    }>;
+    checkoutFontSize: number | string;
+    cartTitle: string;
+    cartData?: any;
+    switchWidthVariant?: boolean;
+    addCartItem?: (product: any, quantity?: number, triggeredFrom?: string, freebieReplace?: boolean, productHandle?: string) => Promise<any>;
+    removeCartItem: (lineItemKey: string, triggeredFrom?: string, ytRequest?: boolean) => Promise<any>;
+    handleIncrement: (productId: number, newQuantity: number, properties?: {
+        [key: string]: string;
+    }) => Promise<any>;
+    handleDecrement: (productId: number, newQuantity?: number) => Promise<any>;
+    bundleProducts?: any;
+    showBundle?: boolean;
+    isUserSignedIn?: boolean;
+    loyaltyIcon?: string;
+    discountAmountOff?: number;
+    pointsToBeUsed?: number;
+    rewardMultiplier?: number;
+    redemptionMultiplier?: number;
+    removeDiscount?: () => Promise<any>;
+    applyDiscount?: () => Promise<any>;
+    discountApplied?: boolean;
+    joinNowFunction?: () => void;
+    checkoutFunction: (templateId?: number) => Promise<any>;
+    guestLoyaltyPercentage?: number;
+    showToggleButton?: boolean;
+    isDev?: boolean;
+    recProductsList?: any[];
+    showMultiStepProgressBar?: boolean;
+    cartCheckpoints?: Checkpoint[];
+    showCartLevelAltPay?: boolean;
+    redemptionRate: number;
+    pointsRewardRate: number;
+    exploreCtaRedirectLink?: string;
+    discountAmountApplied?: number;
+    minimumCartValue?: number;
+    discountInCheckoutButton?: boolean | string;
+    isStickyCheckout?: boolean;
+    handleCheckpointCrossed?: (checkpoint: Checkpoint, cartAmount: number) => Promise<any>;
+    customCartProgressBarCriteria?: string;
+    primaryTextColor?: string;
+    secondaryTextColor?: string;
+    themeColor?: string;
+    themeTextColor?: string;
+    checkoutButtonColor?: string;
+    ctaButtonBackgroundColor?: string;
+    ctaButtonTextColor?: string;
+    showProductRecsOnMobile?: boolean;
+    showProductRecsOnDesktop?: boolean;
+    productRecsTitleText?: string;
+    productRecsCtaButtonText?: string;
+    showGSTOption?: boolean;
+    gstNumber?: string;
+    companyName?: string;
+    applyGSTToCart?: (gstNumber: string, companyName: string) => Promise<any>;
+    showMOVForProgressTiers?: boolean;
+    freeProduct?: any;
+    showLoyaltyCta?: boolean;
+    freeProductAdjustedCartTotal?: number;
+    minimumOrderValueToAvailDiscount?: number;
+    signinCTAButtonVisible?: boolean;
+    cartSigninCTAMainText?: string;
+    showNoteOption?: boolean;
+    note?: string;
+    applyNoteToCart?: (note: string) => Promise<any>;
+    inlineCartOfferInfoText?: string;
+    inlineCartOfferInfoRedirectLink?: string;
+    cartOfferTermsAndConditionsText?: string;
+    showEditOptionOnProducts?: boolean;
+    getProductDetailsByVariantId?: (handle: string, variantId?: string) => Promise<any>;
+    onSetLoading?: (setLoadingFn: (isLoading: boolean, showLoader: boolean, showSkeletonLoader?: boolean, showLoyaltyCtaLoading?: boolean) => void) => void;
+    showVariantSelectionDropdownInProductRecs?: boolean;
+    originalCartSubtotal?: number;
+    freebieProductsInCart?: any;
+    currentTier?: number;
+    showFreebieClaim?: boolean;
+    addFreebieToCart?: (variantId: string) => Promise<void>;
+    freebiesInCart?: string[];
+    effectiveQuantityForProgressBar?: number;
+    productPercentageOffMapping: {
+        [variantId: string]: number;
+    };
+    removeFreebieFromCart?: (lineItemKey: string) => Promise<void>;
+    postalCodeList?: number[];
+    enableGeoLocationDeliveryRestriction?: boolean;
+    applyPostalCodeAndDeliverySlotToCart?: (deliveryType: string, postalCode?: string, deliverySlot?: string) => Promise<any>;
+    showDeleteOnFreebies?: boolean;
+    freebieCouponTemplates?: Checkpoint[];
+    freebieFlowCheckpoints?: Checkpoint[];
+    freebieClaimData?: freebieClaimInterface;
+    showStickyAddToCart?: boolean;
+    stickyCartLineItem?: any;
+    stickyCartCustomizationData?: stickyCartCustomizationDataProps;
+    stickyCartLineItemQuantity?: number;
+    postalCodeBasedItemTrackingParameter?: "specific-tags" | "all-products";
+    enableSlotPicker?: boolean;
+    deliveryHeaderTitle?: string;
+    deliveryAvailableText?: string;
+    deliveryNotAvailableText?: string;
+    giftWrapSetupData?: any;
+    giftWrapProductDetail?: any;
+    progressBarFreeProductIconType?: "tshirt" | "gift" | "box" | "cup";
+    addToStickyCart?: (variantId: string, quantity: number) => Promise<void>;
+    enableCustomCartOnCartPage?: boolean;
+    isCartPage?: boolean;
+    productRecsCardLayout: "horizontal" | "vertical";
+    productRecsCardListVariant: "scroll" | "carousel" | "vertical";
+    showCartTimer?: boolean;
+    showFreebieMilestone?: boolean;
+    showFloatingCart?: boolean;
+    floatingCartData?: FloatingCartDataProps;
+    cartTimerInMinutes?: number;
+    cartTimerCustomText?: string;
+    imageAspectSelector?: "square" | "portrait";
+    cartComponentsCornerType?: "rounded" | "sharp";
+    cartComponentsCornerRadius?: number;
+    cartOffersCarousalData?: CartOffersCarousalProps;
+    freebieMilestoneData?: freebieMilestoneProps;
+    cartOffersCarouselHeight?: number;
+    stickyBarBuyNowFunction?: (variantId: string, quantity: number) => Promise<void>;
+    gstSectionCustomizationData?: GSTSectionCustomizationProps;
+    noteSectionTitle?: string;
+    checkoutSectionMessage?: string;
+    checkoutSectionMessageRedirectLink?: string;
+    checkoutSectionMessageDisplay?: "ribbon" | "tag" | "bookmark";
+    showVariantSelectionDropdownInProductClaim?: boolean;
+    productClaimCtaButtonText?: string;
+    loyaltyDiscount?: LoyaltyDiscount | undefined;
+    brandTokenName?: string;
+    showDiscountOnMRP?: boolean;
+    prefixMessageText?: string;
+    suffixMessageText?: string;
+    successMessageText?: string;
+    toggleDecimal?: boolean;
+    disableCheckoutButton: boolean;
+    showEmptyCartRecommendations?: boolean;
+    emptyProductRecsTitleText?: string;
+    checkoutButtonBottomSpacing?: number;
+    showPoweredByBadge?: boolean;
+    applyCouponCode?: (code: string) => Promise<void>;
+    showApplyCoupon?: boolean;
+    enableConfetti?: boolean;
+    showCheckoutButtonPaymentIcons?: boolean;
+    comboBundleData?: BundlePayload;
+    comboBundleAddToCartFunction?: (selectedItemsSubtotal: number, variantIds?: string[], finalBundlePrice?: number, variantIdPriceMap?: {
+        variantId: string;
+        price: number;
+    }[]) => Promise<void>;
+}
+declare const Cart: React.FC<CartProps>;
+export default Cart;

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

@@ -1,30 +1,21 @@
-import React from "react";
-import { CartProps } from "./Cart";
-import "./shared.scss";
-interface CartDrawerProps extends CartProps {
-    prefixMessageText?: string;
-    suffixMessageText?: string;
-    successMessageText?: string;
-    switchWidthVariant?: boolean;
-    toggleDecimal?: boolean;
-    cartOffersCarouselHeight?: number;
-    showEmptyCartRecommendations?: boolean;
-    checkoutButtonBottomSpacing?: number;
-    showPoweredByBadge: boolean;
-    applyCouponCode?: (code: string) => Promise<void>;
-    showApplyCoupon?: boolean;
-    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;
+import React from "react";
+import { CartProps } from "./Cart";
+import "./shared.scss";
+interface CartDrawerProps extends CartProps {
+    prefixMessageText?: string;
+    suffixMessageText?: string;
+    successMessageText?: string;
+    switchWidthVariant?: boolean;
+    toggleDecimal?: boolean;
+    cartOffersCarouselHeight?: number;
+    showEmptyCartRecommendations?: boolean;
+    checkoutButtonBottomSpacing?: number;
+    showPoweredByBadge: boolean;
+    applyCouponCode?: (code: string) => Promise<void>;
+    showApplyCoupon?: boolean;
+    enableConfetti?: boolean;
+    checkoutSectionMessageRedirectLink?: string;
+    showCheckoutButtonPaymentIcons?: boolean;
+}
+declare const CartDrawer: React.FC<CartDrawerProps>;
+export default CartDrawer;

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

@@ -1,45 +1,45 @@
-import React from "react";
-export type Criteria = {
-    id: string;
-    type: "mov" | "moq";
-    value: number;
-    message: string;
-    redirectionUrl?: string;
-};
-export type Slide = {
-    slideNumber: number;
-    slideType: "TextImage" | "TextCode" | "TextFieldOnly" | "ImageOnly";
-    textAlignment: "left" | "center" | "right";
-    titleTextField?: string;
-    descriptionTextField?: string;
-    campaignCode?: string;
-    imageUrl?: string;
-    carouselRedirectionLink?: string;
-    criteriaCount?: number;
-    criteria?: Criteria[];
-};
-export type CartOffersCarousalProps = {
-    enableCartOffersCarousel: boolean;
-    slidesCount: number;
-    pauseTimer: number;
-    backgroundColor: string;
-    slides: Slide[];
-};
-export default function CartOffersCarousel({ cartOffersCarousalData, themeColor, cartOffersCarouselHeight, cartData, }: {
-    themeColor?: string;
-    cartOffersCarousalData: CartOffersCarousalProps;
-    cartOffersCarouselHeight?: number;
-    cartData?: {
-        items_subtotal_price?: number;
-        original_total_price?: number;
-        currency?: string;
-        item_count?: number;
-        items: Array<{
-            properties?: {
-                _isYtFreebie?: boolean;
-            };
-            quantity?: number;
-            product_id?: number;
-        }>;
-    };
-}): React.JSX.Element | null;
+import React from "react";
+export type Criteria = {
+    id: string;
+    type: "mov" | "moq";
+    value: number;
+    message: string;
+    redirectionUrl?: string;
+};
+export type Slide = {
+    slideNumber: number;
+    slideType: "TextImage" | "TextCode" | "TextFieldOnly" | "ImageOnly";
+    textAlignment: "left" | "center" | "right";
+    titleTextField?: string;
+    descriptionTextField?: string;
+    campaignCode?: string;
+    imageUrl?: string;
+    carouselRedirectionLink?: string;
+    criteriaCount?: number;
+    criteria?: Criteria[];
+};
+export type CartOffersCarousalProps = {
+    enableCartOffersCarousel: boolean;
+    slidesCount: number;
+    pauseTimer: number;
+    backgroundColor: string;
+    slides: Slide[];
+};
+export default function CartOffersCarousel({ cartOffersCarousalData, themeColor, cartOffersCarouselHeight, cartData, }: {
+    themeColor?: string;
+    cartOffersCarousalData: CartOffersCarousalProps;
+    cartOffersCarouselHeight?: number;
+    cartData?: {
+        items_subtotal_price?: number;
+        original_total_price?: number;
+        currency?: string;
+        item_count?: number;
+        items: Array<{
+            properties?: {
+                _isYtFreebie?: boolean;
+            };
+            quantity?: number;
+            product_id?: number;
+        }>;
+    };
+}): React.JSX.Element | null;