yt-uikit 0.10.73 → 0.10.74-image-upload-addon.0

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

@@ -83,6 +83,15 @@ export interface CouponSelectionData {
     couponTextSuffix?: string;
     applyButtonText?: string;
 }
+export interface uploadImageAddonInterface {
+    showUploadImageAddon: boolean;
+    state: "optional" | "required";
+    showUI: "always" | "required_item_atc";
+    tagName: string;
+    title: string;
+    subtitle: string;
+    uploadedText: string;
+}
 export interface CartProps {
     isOpen: boolean;
     setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
@@ -256,6 +265,7 @@ export interface CartProps {
     showTrustedBadge?: boolean;
     trustedBadgeData?: trustedBadgeInterface;
     drawerLayoutData?: DrawerLayout;
+    uploadImageAddonData?: uploadImageAddonInterface;
 }
 declare const _default: React.NamedExoticComponent<CartProps>;
 export default _default;

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

@@ -1,6 +1,7 @@
 import React from "react";
 import "./shared.scss";
 import { Checkpoint } from "./Cart";
+import type { UploadImageState } from "./UploadImageSection";
 export interface trustedBadgeInterface {
     enableTrustedBadge: boolean;
     badgeImage: {
@@ -44,6 +45,9 @@ interface CheckoutSectionProps {
     showTrustedBadge?: boolean;
     trustedBadgeData?: trustedBadgeInterface;
     isLargeScreen?: boolean;
+    uploadImageStatus?: UploadImageState["status"];
+    uploadImageRequired?: boolean;
+    onUploadImageRequired?: () => void;
 }
-declare function CheckoutSection({ isCartPageEnabled, checkoutButtonColor, checkoutFontSize, checkoutFunction, discountApplied, discountInCheckoutButton, discountAmountApplied, minimumCartValue, themeTextColor, applyGSTToCart, showGSTOption, applyNoteToCart, showNoteOption, enableGeoLocationDeliveryRestriction, applyPostalCodeAndDeliverySlotToCart, enableSlotPicker, isStickyCheckout, cartComponentsCornerType, cartComponentsCornerRadius, checkoutSectionMessage, checkoutSectionMessageDisplay, checkoutSectionMessageRedirectLink, showDiscountOnMRP, tertiaryColor, tertiaryTextColor, cartCheckpoints, toggleDecimal, disableCheckoutButton, checkoutButtonBottomSpacing, showCheckoutButtonPaymentIcons, primaryTextColor, hideSubtotalAndBadge, showTrustedBadge, trustedBadgeData, isLargeScreen, }: CheckoutSectionProps): React.JSX.Element;
+declare function CheckoutSection({ isCartPageEnabled, checkoutButtonColor, checkoutFontSize, checkoutFunction, discountApplied, discountInCheckoutButton, discountAmountApplied, minimumCartValue, themeTextColor, applyGSTToCart, showGSTOption, applyNoteToCart, showNoteOption, enableGeoLocationDeliveryRestriction, applyPostalCodeAndDeliverySlotToCart, enableSlotPicker, isStickyCheckout, cartComponentsCornerType, cartComponentsCornerRadius, checkoutSectionMessage, checkoutSectionMessageDisplay, checkoutSectionMessageRedirectLink, showDiscountOnMRP, tertiaryColor, tertiaryTextColor, cartCheckpoints, toggleDecimal, disableCheckoutButton, checkoutButtonBottomSpacing, showCheckoutButtonPaymentIcons, primaryTextColor, hideSubtotalAndBadge, showTrustedBadge, trustedBadgeData, isLargeScreen, uploadImageStatus, uploadImageRequired, onUploadImageRequired, }: CheckoutSectionProps): React.JSX.Element;
 export default CheckoutSection;

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

@@ -0,0 +1,31 @@
+import React from "react";
+import type { uploadImageAddonInterface } from "./Cart";
+export type UploadImageState = {
+    file?: UploadedImageFile;
+    items: Array<{
+        image?: string;
+        key: string;
+        quantity: number;
+        title: string;
+        variantId: string;
+    }>;
+    status: "checking" | "error" | "not-required" | "optional" | "required" | "uploaded";
+};
+type UploadImageSectionProps = {
+    ctaButtonBackgroundColor?: string;
+    highlighted?: boolean;
+    onFileSelected: (file: File | null) => void;
+    onRemove: () => void;
+    primaryTextColor?: string;
+    required?: boolean;
+    tertiaryColor?: string;
+    tertiaryTextColor?: string;
+    uploadImageAddonData?: uploadImageAddonInterface;
+    uploadedFile: UploadedImageFile | null;
+};
+export type UploadedImageFile = {
+    name: string;
+    url: string;
+};
+declare const UploadImageSection: React.ForwardRefExoticComponent<UploadImageSectionProps & React.RefAttributes<HTMLButtonElement>>;
+export default UploadImageSection;