yt-uikit 0.7.361-optimizations-test.5 → 0.7.361-optimizations-test.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/esm/components/BundleBlock/Bundle.d.ts +4 -1
- package/dist/esm/components/BundleBlock/CollectionBundle/ColllectionBundle.d.ts +103 -0
- package/dist/esm/components/BundleBlock/CollectionBundle/FileUpload.d.ts +15 -0
- package/dist/esm/components/BundleBlock/CollectionBundle/LoadingSpinner.d.ts +2 -0
- package/dist/esm/components/BundleBlock/CollectionBundle/ProductDetailsModal.d.ts +15 -0
- package/dist/esm/components/BundleBlock/ComboBundle.d.ts +11 -0
- package/dist/esm/components/BundleBlock/FixedBundle/VariantSelectorModal.d.ts +6 -2
- package/dist/esm/components/BundleBlock/MixAndMatchBundle/MixAndMatchBundle.d.ts +2 -2
- package/dist/esm/components/BundleBlock/MixAndMatchBundle/mixAndMatchBundle.style.d.ts +8 -9
- package/dist/esm/components/BundleBlock/VolumeBundle/volumeBundle.style.d.ts +2 -2
- package/dist/esm/components/Cart/Cart.d.ts +8 -0
- package/dist/esm/components/Cart/CheckoutSection.d.ts +2 -1
- package/dist/esm/components/Cart/FreebieClaimManager.d.ts +1 -0
- package/dist/esm/components/Cart/FreebieClaimOverlay.d.ts +1 -0
- package/dist/esm/components/Cart/FreebieClaimOverlayCard.d.ts +1 -0
- package/dist/esm/components/Cart/FreebieClaimSection.d.ts +1 -0
- package/dist/esm/components/Cart/FreebieClaimSectionCard.d.ts +1 -0
- package/dist/esm/components/Cart/MultiStepProgressBar/MultiStepProgressBar.styled.d.ts +2 -2
- package/dist/esm/components/Cart/MultiStepProgressBar/SingleTierProgressBar.styled.d.ts +2 -2
- package/dist/esm/components/Cart/StickyCart.d.ts +7 -1
- package/dist/esm/components/Cart/VariantSelectionPopup/DesktopVariantPopup.d.ts +1 -0
- package/dist/esm/components/Cart/VariantSelectionPopup/MobileVariantPopover.d.ts +1 -0
- package/dist/esm/index.js +660 -505
- package/dist/esm/types/components/BundleBlock/Bundle.d.ts +4 -1
- package/dist/esm/types/components/BundleBlock/CollectionBundle/ColllectionBundle.d.ts +103 -0
- package/dist/esm/types/components/BundleBlock/CollectionBundle/FileUpload.d.ts +15 -0
- package/dist/esm/types/components/BundleBlock/CollectionBundle/LoadingSpinner.d.ts +2 -0
- package/dist/esm/types/components/BundleBlock/CollectionBundle/ProductDetailsModal.d.ts +15 -0
- package/dist/esm/types/components/BundleBlock/ComboBundle.d.ts +11 -0
- package/dist/esm/types/components/BundleBlock/FixedBundle/VariantSelectorModal.d.ts +6 -2
- package/dist/esm/types/components/BundleBlock/MixAndMatchBundle/MixAndMatchBundle.d.ts +2 -2
- package/dist/esm/types/components/BundleBlock/MixAndMatchBundle/mixAndMatchBundle.style.d.ts +8 -9
- package/dist/esm/types/components/BundleBlock/VolumeBundle/volumeBundle.style.d.ts +2 -2
- package/dist/esm/types/components/Cart/Cart.d.ts +8 -0
- package/dist/esm/types/components/Cart/CheckoutSection.d.ts +2 -1
- package/dist/esm/types/components/Cart/FreebieClaimManager.d.ts +1 -0
- package/dist/esm/types/components/Cart/FreebieClaimOverlay.d.ts +1 -0
- package/dist/esm/types/components/Cart/FreebieClaimOverlayCard.d.ts +1 -0
- package/dist/esm/types/components/Cart/FreebieClaimSection.d.ts +1 -0
- package/dist/esm/types/components/Cart/FreebieClaimSectionCard.d.ts +1 -0
- package/dist/esm/types/components/Cart/MultiStepProgressBar/MultiStepProgressBar.styled.d.ts +2 -2
- package/dist/esm/types/components/Cart/MultiStepProgressBar/SingleTierProgressBar.styled.d.ts +2 -2
- package/dist/esm/types/components/Cart/StickyCart.d.ts +7 -1
- package/dist/esm/types/components/Cart/VariantSelectionPopup/DesktopVariantPopup.d.ts +1 -0
- package/dist/esm/types/components/Cart/VariantSelectionPopup/MobileVariantPopover.d.ts +1 -0
- package/dist/esm/types/utils/customVariantOptions.d.ts +20 -0
- package/dist/esm/types/utils/freebieProductUtils.d.ts +1 -1
- package/dist/esm/utils/customVariantOptions.d.ts +20 -0
- package/dist/esm/utils/freebieProductUtils.d.ts +1 -1
- package/dist/index.d.ts +338 -328
- package/package.json +1 -4
|
@@ -163,8 +163,10 @@ type GeneralStyle = {
|
|
|
163
163
|
addOrderNotes: boolean;
|
|
164
164
|
variantTitleSuffix: boolean;
|
|
165
165
|
titleLength: string;
|
|
166
|
+
showDecimalsInBundlePricing?: boolean;
|
|
166
167
|
};
|
|
167
168
|
type VolumeStyle = {
|
|
169
|
+
addtoCartMethod: string;
|
|
168
170
|
titleFontSize: string;
|
|
169
171
|
subtitleFontSize: string;
|
|
170
172
|
titleBackgroundColor: string;
|
|
@@ -265,7 +267,7 @@ export type BundlePayload = {
|
|
|
265
267
|
percentageOff?: number;
|
|
266
268
|
dealAmount?: number;
|
|
267
269
|
amountOff?: number;
|
|
268
|
-
type: "fixed" | "builder" | "volume" | "
|
|
270
|
+
type: "fixed" | "builder" | "volume" | "mixAndMatch" | "" | "combo" | "collection";
|
|
269
271
|
minimumQuantity: number;
|
|
270
272
|
showProductDetailsInTracker: boolean;
|
|
271
273
|
coverImageUrl?: string;
|
|
@@ -302,6 +304,7 @@ export type BundlePayload = {
|
|
|
302
304
|
tier: number;
|
|
303
305
|
title: string;
|
|
304
306
|
minimumQuantity: number;
|
|
307
|
+
isFixed?: boolean;
|
|
305
308
|
products: {
|
|
306
309
|
productId: string;
|
|
307
310
|
variantIds: string[];
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export type Product = {
|
|
3
|
+
id: number;
|
|
4
|
+
title: string;
|
|
5
|
+
handle: string;
|
|
6
|
+
description: string | null;
|
|
7
|
+
published_at: string;
|
|
8
|
+
created_at: string;
|
|
9
|
+
vendor: string;
|
|
10
|
+
type: string;
|
|
11
|
+
tags: string[];
|
|
12
|
+
price: number;
|
|
13
|
+
price_min: number;
|
|
14
|
+
price_max: number;
|
|
15
|
+
available: boolean;
|
|
16
|
+
price_varies: boolean;
|
|
17
|
+
compare_at_price: number | null;
|
|
18
|
+
compare_at_price_min: number;
|
|
19
|
+
compare_at_price_max: number;
|
|
20
|
+
compare_at_price_varies: boolean;
|
|
21
|
+
variants: Array<{
|
|
22
|
+
id: number;
|
|
23
|
+
title: string;
|
|
24
|
+
option1: string | null;
|
|
25
|
+
option2: string | null;
|
|
26
|
+
option3: string | null;
|
|
27
|
+
sku: string;
|
|
28
|
+
requires_shipping: boolean;
|
|
29
|
+
taxable: boolean;
|
|
30
|
+
featured_image: any | null;
|
|
31
|
+
available: boolean;
|
|
32
|
+
name: string;
|
|
33
|
+
public_title: string;
|
|
34
|
+
options: string[];
|
|
35
|
+
price: number;
|
|
36
|
+
weight: number;
|
|
37
|
+
compare_at_price: number | null;
|
|
38
|
+
inventory_management: string;
|
|
39
|
+
barcode: string;
|
|
40
|
+
requires_selling_plan: boolean;
|
|
41
|
+
selling_plan_allocations: any[];
|
|
42
|
+
quantity_rule: {
|
|
43
|
+
min: number;
|
|
44
|
+
max: number | null;
|
|
45
|
+
increment: number;
|
|
46
|
+
};
|
|
47
|
+
}>;
|
|
48
|
+
images: string[];
|
|
49
|
+
image?: string;
|
|
50
|
+
options?: string[];
|
|
51
|
+
};
|
|
52
|
+
export type BundleConfig = {
|
|
53
|
+
config: {
|
|
54
|
+
shop: string;
|
|
55
|
+
collectionIds: string[];
|
|
56
|
+
type: "collection";
|
|
57
|
+
builderTiers: {
|
|
58
|
+
type: "collectionTier";
|
|
59
|
+
collectionTier: {
|
|
60
|
+
title: string;
|
|
61
|
+
tier: number;
|
|
62
|
+
minimumQuantity: number;
|
|
63
|
+
collectionId: string;
|
|
64
|
+
handle: string;
|
|
65
|
+
products: Product[];
|
|
66
|
+
}[];
|
|
67
|
+
};
|
|
68
|
+
form: {
|
|
69
|
+
title: string;
|
|
70
|
+
sections: {
|
|
71
|
+
title: string;
|
|
72
|
+
type: "text" | "image";
|
|
73
|
+
fields: {
|
|
74
|
+
title: string;
|
|
75
|
+
}[];
|
|
76
|
+
}[];
|
|
77
|
+
};
|
|
78
|
+
};
|
|
79
|
+
customizations: {
|
|
80
|
+
borderRadius: string;
|
|
81
|
+
atcBg: string;
|
|
82
|
+
atcText: string;
|
|
83
|
+
productImageRatio: string;
|
|
84
|
+
bundleBg: string;
|
|
85
|
+
bundleText: string;
|
|
86
|
+
bundleBorder: string;
|
|
87
|
+
btnPrimaryBg: string;
|
|
88
|
+
btnPrimaryText: string;
|
|
89
|
+
productCardBorder: string;
|
|
90
|
+
productCardBg: string;
|
|
91
|
+
productCardShadow: string;
|
|
92
|
+
hideSelectedProducts: boolean;
|
|
93
|
+
allowMultipleQty: boolean;
|
|
94
|
+
hideOutOfStockProducts: boolean;
|
|
95
|
+
};
|
|
96
|
+
};
|
|
97
|
+
interface CollectionBundleProps {
|
|
98
|
+
config: BundleConfig;
|
|
99
|
+
addCustomBundleToCart: (items: any) => void;
|
|
100
|
+
bundleAddToCartLoading: boolean;
|
|
101
|
+
}
|
|
102
|
+
declare const CollectionBundle: ({ config, bundleAddToCartLoading, addCustomBundleToCart, }: CollectionBundleProps) => React.JSX.Element;
|
|
103
|
+
export default CollectionBundle;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
interface UploadFieldProps {
|
|
3
|
+
title: string;
|
|
4
|
+
uploadState?: {
|
|
5
|
+
url?: string;
|
|
6
|
+
name?: string;
|
|
7
|
+
loading?: boolean;
|
|
8
|
+
error?: boolean;
|
|
9
|
+
} | string;
|
|
10
|
+
onUpload: () => void;
|
|
11
|
+
onRemove: () => void;
|
|
12
|
+
onRetry: () => void;
|
|
13
|
+
}
|
|
14
|
+
export declare const UploadField: ({ title, uploadState, onUpload, onRemove, onRetry, }: UploadFieldProps) => React.JSX.Element;
|
|
15
|
+
export {};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Product, BundleConfig } from "./ColllectionBundle";
|
|
3
|
+
type ProductDetailsModalProps = {
|
|
4
|
+
product: Product;
|
|
5
|
+
tierIdx: number;
|
|
6
|
+
isOpen: boolean;
|
|
7
|
+
onClose: () => void;
|
|
8
|
+
onAddToBundle: (product: Product, tierIdx: number) => void;
|
|
9
|
+
canAdd: boolean;
|
|
10
|
+
isSelected: boolean;
|
|
11
|
+
customizations: BundleConfig["customizations"];
|
|
12
|
+
isMobile: boolean;
|
|
13
|
+
};
|
|
14
|
+
export declare const ProductDetailsModal: ({ product, tierIdx, isOpen, onClose, onAddToBundle, canAdd, isSelected, customizations, isMobile, }: ProductDetailsModalProps) => React.ReactPortal | null;
|
|
15
|
+
export {};
|
|
@@ -1,5 +1,16 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { BundleProps } from "./Bundle";
|
|
3
|
+
declare global {
|
|
4
|
+
interface Window {
|
|
5
|
+
ytComboBundle?: {
|
|
6
|
+
bundle: BundleProps["bundle"];
|
|
7
|
+
addToCart: (selectedItemsSubtotal: number, variantIds?: string[], finalBundlePrice?: number, variantIdPriceMap?: {
|
|
8
|
+
variantId: string;
|
|
9
|
+
price: number;
|
|
10
|
+
}[]) => Promise<void>;
|
|
11
|
+
} | undefined;
|
|
12
|
+
}
|
|
13
|
+
}
|
|
3
14
|
import "./bundle.scss";
|
|
4
15
|
declare const ComboBundle: React.FC<BundleProps>;
|
|
5
16
|
export default ComboBundle;
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { ProductData, VariantOptions } from "../Bundle";
|
|
3
|
+
interface ProductWithIndex {
|
|
4
|
+
product: ProductData;
|
|
5
|
+
index: number;
|
|
6
|
+
}
|
|
3
7
|
interface VariantSelectorModalProps {
|
|
4
|
-
|
|
8
|
+
productsWithIndices: ProductWithIndex[];
|
|
5
9
|
isOpen: boolean;
|
|
6
10
|
onClose: () => void;
|
|
7
11
|
variantOptions?: VariantOptions;
|
|
@@ -11,7 +15,7 @@ interface VariantSelectorModalProps {
|
|
|
11
15
|
};
|
|
12
16
|
primaryProductId?: string;
|
|
13
17
|
variantId?: string;
|
|
14
|
-
onVariantChange: (
|
|
18
|
+
onVariantChange: (index: number, variantId: string) => void;
|
|
15
19
|
handleAddToCart: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => Promise<void>;
|
|
16
20
|
}
|
|
17
21
|
declare const VariantSelectorModal: React.FC<VariantSelectorModalProps>;
|
|
@@ -20,25 +20,24 @@ export declare const ProductBox: import("styled-components/dist/types").IStyledC
|
|
|
20
20
|
isHorizontal?: boolean | undefined;
|
|
21
21
|
infoAlignment?: string | undefined;
|
|
22
22
|
}>> & string;
|
|
23
|
-
export declare const ProductImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {
|
|
24
|
-
isHorizontal?: boolean | undefined;
|
|
25
|
-
}>> & string;
|
|
26
|
-
export declare const ProductInfo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
27
|
-
isHorizontal?: boolean | undefined;
|
|
28
|
-
}>> & string;
|
|
29
|
-
export declare const ProductTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
|
|
30
|
-
export declare const ProductVariant: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
|
|
31
23
|
export declare const EmptyProductBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
32
24
|
isHorizontal?: boolean | undefined;
|
|
33
25
|
infoAlignment?: string | undefined;
|
|
34
26
|
}>> & string;
|
|
35
|
-
export declare const
|
|
27
|
+
export declare const ProductImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {
|
|
28
|
+
isHorizontal?: boolean | undefined;
|
|
29
|
+
}>> & string;
|
|
30
|
+
export declare const ProductInfo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
36
31
|
isHorizontal?: boolean | undefined;
|
|
37
32
|
}>> & string;
|
|
38
33
|
export declare const SelectText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
39
34
|
isHorizontal?: boolean | undefined;
|
|
40
35
|
infoAlignment?: string | undefined;
|
|
41
36
|
}>> & string;
|
|
37
|
+
export declare const ProductTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
|
|
38
|
+
export declare const ProductVariant: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
|
|
39
|
+
export declare const RemoveButtonIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
|
|
40
|
+
export declare const PlusIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
42
41
|
export declare const AddToCartButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
|
|
43
42
|
borderRadius?: string | undefined;
|
|
44
43
|
primaryBgColor?: string | undefined;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export declare const BundleContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
3
3
|
verticalMargin?: string | undefined;
|
|
4
|
-
backgroundColor?: string | undefined;
|
|
4
|
+
$backgroundColor?: string | undefined;
|
|
5
5
|
}>> & string;
|
|
6
6
|
export declare const BundleHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
7
7
|
export declare const BundleTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {
|
|
8
8
|
fontSize?: string | undefined;
|
|
9
|
-
backgroundColor?: string | undefined;
|
|
9
|
+
$backgroundColor?: string | undefined;
|
|
10
10
|
textColor?: string | undefined;
|
|
11
11
|
}>> & string;
|
|
12
12
|
export declare const BundleSubtitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {
|
|
@@ -4,6 +4,7 @@ import { stickyCartCustomizationDataProps } from "./StickyCart";
|
|
|
4
4
|
import { CartOffersCarousalProps } from "./CartOffersCarousel";
|
|
5
5
|
import { freebieMilestoneProps } from "./NextFreebieRow";
|
|
6
6
|
import { GSTSectionCustomizationProps } from "./GSTSection";
|
|
7
|
+
import { BundlePayload } from "../BundleBlock/Bundle";
|
|
7
8
|
export interface RewardCoupon {
|
|
8
9
|
couponTemplateId: number;
|
|
9
10
|
name: string;
|
|
@@ -114,6 +115,7 @@ export interface CartProps {
|
|
|
114
115
|
applyTemplateDiscount?: (templateId?: number) => Promise<any>;
|
|
115
116
|
exploreCtaRedirectLink?: string;
|
|
116
117
|
discountAmountApplied?: number;
|
|
118
|
+
minimumCartValue?: number;
|
|
117
119
|
discountInCheckoutButton?: boolean | string;
|
|
118
120
|
isStickyCheckout?: boolean;
|
|
119
121
|
showDiscountsListToGuestUsers?: boolean;
|
|
@@ -222,6 +224,12 @@ export interface CartProps {
|
|
|
222
224
|
showApplyCoupon?: boolean;
|
|
223
225
|
enableConfetti?: boolean;
|
|
224
226
|
showCheckoutButtonPaymentIcons?: boolean;
|
|
227
|
+
shouldCheckInventoryQuantity?: boolean;
|
|
228
|
+
comboBundleData?: BundlePayload;
|
|
229
|
+
comboBundleAddToCartFunction?: (selectedItemsSubtotal: number, variantIds?: string[], finalBundlePrice?: number, variantIdPriceMap?: {
|
|
230
|
+
variantId: string;
|
|
231
|
+
price: number;
|
|
232
|
+
}[]) => Promise<void>;
|
|
225
233
|
}
|
|
226
234
|
declare const Cart: React.FC<CartProps>;
|
|
227
235
|
export default Cart;
|
|
@@ -9,6 +9,7 @@ interface CheckoutSectionProps {
|
|
|
9
9
|
discountInCheckoutButton?: boolean | string;
|
|
10
10
|
isStickyCheckout?: boolean;
|
|
11
11
|
discountAmountApplied?: number;
|
|
12
|
+
minimumCartValue?: number;
|
|
12
13
|
themeTextColor?: string;
|
|
13
14
|
applyGSTToCart?: (gstNumber: string, companyName: string) => Promise<any>;
|
|
14
15
|
showGSTOption?: boolean;
|
|
@@ -33,5 +34,5 @@ interface CheckoutSectionProps {
|
|
|
33
34
|
showCheckoutButtonPaymentIcons?: boolean;
|
|
34
35
|
primaryTextColor?: string;
|
|
35
36
|
}
|
|
36
|
-
declare function CheckoutSection({ checkoutButtonColor, checkoutFontSize, checkoutFunction, discountApplied, discountInCheckoutButton, discountAmountApplied, themeTextColor, applyGSTToCart, showGSTOption, applyNoteToCart, showNoteOption, enableGeoLocationDeliveryRestriction, applyPostalCodeAndDeliverySlotToCart, enableSlotPicker, isStickyCheckout, cartComponentsCornerType, cartComponentsCornerRadius, checkoutSectionMessage, checkoutSectionMessageDisplay, checkoutSectionMessageRedirectLink, showDiscountOnMRP, tertiaryColor, tertiaryTextColor, cartCheckpoints, toggleDecimal, disableCheckoutButton, checkoutButtonBottomSpacing, showPoweredByBadge, showCheckoutButtonPaymentIcons, primaryTextColor, }: CheckoutSectionProps): React.JSX.Element;
|
|
37
|
+
declare function CheckoutSection({ 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, showPoweredByBadge, showCheckoutButtonPaymentIcons, primaryTextColor, }: CheckoutSectionProps): React.JSX.Element;
|
|
37
38
|
export default CheckoutSection;
|
|
@@ -12,6 +12,7 @@ interface FreebieClaimManagerProps {
|
|
|
12
12
|
imageAspectSelector?: "square" | "portrait";
|
|
13
13
|
freebieCouponTemplates?: Checkpoint[];
|
|
14
14
|
isCartDrawerOpen?: boolean;
|
|
15
|
+
shouldCheckInventoryQuantity?: boolean;
|
|
15
16
|
}
|
|
16
17
|
declare const FreebieClaimManager: React.FC<FreebieClaimManagerProps>;
|
|
17
18
|
export default FreebieClaimManager;
|
|
@@ -12,6 +12,7 @@ interface FreebieClaimOverlayProps {
|
|
|
12
12
|
freebieCouponTemplates?: Checkpoint[];
|
|
13
13
|
freebieClaimData?: any;
|
|
14
14
|
isCartDrawerOpen?: boolean;
|
|
15
|
+
shouldCheckInventoryQuantity?: boolean;
|
|
15
16
|
}
|
|
16
17
|
declare const FreebieClaimOverlay: React.FC<FreebieClaimOverlayProps>;
|
|
17
18
|
export default FreebieClaimOverlay;
|
|
@@ -4,6 +4,7 @@ interface FreebieClaimOverlayCardProps {
|
|
|
4
4
|
imageAspectSelector?: "square" | "portrait";
|
|
5
5
|
freebieCouponTemplates?: any[];
|
|
6
6
|
accentColor?: string;
|
|
7
|
+
shouldCheckInventoryQuantity?: boolean;
|
|
7
8
|
}
|
|
8
9
|
declare const FreebieClaimOverlayCard: React.FC<FreebieClaimOverlayCardProps>;
|
|
9
10
|
export default FreebieClaimOverlayCard;
|
|
@@ -12,6 +12,7 @@ interface FreebieClaimSectionProps {
|
|
|
12
12
|
maxFreebiesInTier?: number;
|
|
13
13
|
tierName?: string;
|
|
14
14
|
freebieClaimData?: any;
|
|
15
|
+
shouldCheckInventoryQuantity?: boolean;
|
|
15
16
|
}
|
|
16
17
|
declare const FreebieClaimSection: React.FC<FreebieClaimSectionProps>;
|
|
17
18
|
export default FreebieClaimSection;
|
|
@@ -11,6 +11,7 @@ interface FreebieClaimSectionCardProps {
|
|
|
11
11
|
isSelected?: boolean;
|
|
12
12
|
isDisabled?: boolean;
|
|
13
13
|
onToggleSelection?: (productId: string) => void;
|
|
14
|
+
shouldCheckInventoryQuantity?: boolean;
|
|
14
15
|
}
|
|
15
16
|
declare const FreebieClaimSectionCard: React.FC<FreebieClaimSectionCardProps>;
|
|
16
17
|
export default FreebieClaimSectionCard;
|
|
@@ -30,14 +30,14 @@ export declare const MultiTierNextRewardWrapper: import("styled-components/dist/
|
|
|
30
30
|
$ctaButtonBackgroundColor?: string | undefined;
|
|
31
31
|
}>> & string;
|
|
32
32
|
export declare const ColoredText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
|
|
33
|
-
ctaButtonBackgroundColor?: string | undefined;
|
|
33
|
+
$ctaButtonBackgroundColor?: string | undefined;
|
|
34
34
|
}>> & string;
|
|
35
35
|
export declare const ProgressBarWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
36
36
|
$showMOVForProgressTiers: boolean;
|
|
37
37
|
$rightMarginOffsetPx?: number | undefined;
|
|
38
38
|
}>> & string;
|
|
39
39
|
export declare const ContentWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
40
|
-
$
|
|
40
|
+
$tagWrapOffsetPx?: number | undefined;
|
|
41
41
|
}>> & string;
|
|
42
42
|
export declare const CheckpointWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
43
43
|
$numberOfCheckpoints: number;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export declare const ColoredText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
|
|
3
|
-
ctaButtonBackgroundColor?: string | undefined;
|
|
3
|
+
$ctaButtonBackgroundColor?: string | undefined;
|
|
4
4
|
}>> & string;
|
|
5
5
|
export declare const SingleTierWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
6
6
|
$isCompleted?: boolean | undefined;
|
|
@@ -11,7 +11,7 @@ export declare const SingleTierWrapper: import("styled-components/dist/types").I
|
|
|
11
11
|
}>> & string;
|
|
12
12
|
export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
13
13
|
export declare const SingleTierNextRewardWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
|
|
14
|
-
ctaButtonTextColor?: string | undefined;
|
|
14
|
+
$ctaButtonTextColor?: string | undefined;
|
|
15
15
|
$ctaButtonBackgroundColor?: string | undefined;
|
|
16
16
|
}>> & string;
|
|
17
17
|
export declare const ProgressBarWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import { BundlePayload } from "../BundleBlock/Bundle";
|
|
2
3
|
export type stickyCartCustomizationDataProps = {
|
|
3
4
|
showPrice: boolean;
|
|
4
5
|
productImage?: {
|
|
@@ -41,6 +42,11 @@ export type StickyAddToCartProps = {
|
|
|
41
42
|
checkoutFunction?: (event: any) => Promise<any>;
|
|
42
43
|
backgroundColor?: string;
|
|
43
44
|
primaryTextColor?: string;
|
|
45
|
+
comboBundleData?: BundlePayload;
|
|
46
|
+
comboBundleAddToCartFunction?: (selectedItemsSubtotal: number, variantIds?: string[], finalBundlePrice?: number, variantIdPriceMap?: {
|
|
47
|
+
variantId: string;
|
|
48
|
+
price: number;
|
|
49
|
+
}[]) => Promise<void>;
|
|
44
50
|
};
|
|
45
|
-
declare const StickyAddToCart: ({ showStickyCart, product, addCartItem, onSetLoading, themeColor, cartData, isCartOpen, setIsCartOpen, ctaButtonBackgroundColor, ctaButtonTextColor, addToStickyCart, cartComponentsCornerType, cartComponentsCornerRadius, themeTextColor, stickyCartCustomizationData, checkoutFunction, backgroundColor, primaryTextColor, }: StickyAddToCartProps) => React.JSX.Element | null;
|
|
51
|
+
declare const StickyAddToCart: ({ showStickyCart, product, addCartItem, onSetLoading, themeColor, cartData, isCartOpen, setIsCartOpen, ctaButtonBackgroundColor, ctaButtonTextColor, addToStickyCart, cartComponentsCornerType, cartComponentsCornerRadius, themeTextColor, stickyCartCustomizationData, checkoutFunction, backgroundColor, primaryTextColor, comboBundleData, comboBundleAddToCartFunction, }: StickyAddToCartProps) => React.JSX.Element | null;
|
|
46
52
|
export default StickyAddToCart;
|
|
@@ -13,6 +13,7 @@ type DesktopVariantPopupProps = {
|
|
|
13
13
|
productClaimCtaButtonText?: string;
|
|
14
14
|
backgroundSubdued?: string;
|
|
15
15
|
primaryTextColor?: string;
|
|
16
|
+
shouldCheckInventoryQuantity?: boolean;
|
|
16
17
|
};
|
|
17
18
|
declare const DesktopVariantPopup: React.ForwardRefExoticComponent<DesktopVariantPopupProps & React.RefAttributes<HTMLDivElement>>;
|
|
18
19
|
export default DesktopVariantPopup;
|
|
@@ -13,6 +13,7 @@ type MobileVariantPopupProps = {
|
|
|
13
13
|
productClaimCtaButtonText?: string;
|
|
14
14
|
backgroundSubdued?: string;
|
|
15
15
|
primaryTextColor?: string;
|
|
16
|
+
shouldCheckInventoryQuantity?: boolean;
|
|
16
17
|
};
|
|
17
18
|
declare const MobileVariantPopup: React.ForwardRefExoticComponent<MobileVariantPopupProps & React.RefAttributes<HTMLDivElement>>;
|
|
18
19
|
export default MobileVariantPopup;
|