yt-uikit 0.9.13 → 0.9.15-loyalty-patch.0
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/README.md +94 -94
- package/dist/esm/atoms/bundleBuilderProductDetailsAtom.d.ts +4 -4
- package/dist/esm/atoms/cartDataAtom.d.ts +3 -3
- package/dist/esm/atoms/cartLoadingAtom.d.ts +22 -22
- package/dist/esm/atoms/cartTimer.d.ts +2 -2
- package/dist/esm/atoms/dateAtom.d.ts +1 -1
- package/dist/esm/atoms/freebieClaimModalAtom.d.ts +7 -7
- package/dist/esm/atoms/giftWrap.d.ts +2 -2
- package/dist/esm/atoms/gstCompanyNameAtom.d.ts +1 -1
- package/dist/esm/atoms/gstInputAtom.d.ts +1 -1
- package/dist/esm/atoms/maxQtyErrorAtom.d.ts +3 -3
- package/dist/esm/atoms/multiClaimSelectionAtom.d.ts +25 -25
- package/dist/esm/atoms/noteInputAtom.d.ts +3 -3
- package/dist/esm/atoms/postalCodeAtom.d.ts +1 -1
- package/dist/esm/atoms/shippingAtom.d.ts +8 -8
- package/dist/esm/atoms/showGSTInputAtom.d.ts +1 -1
- package/dist/esm/atoms/variantSelectionModalAtom.d.ts +25 -25
- package/dist/esm/components/BundleBlock/Bundle.d.ts +446 -446
- package/dist/esm/components/BundleBlock/BundleBuilder/BundleBuilder.d.ts +50 -50
- package/dist/esm/components/BundleBlock/BundleBuilder/ResponsiveBgImage.d.ts +9 -9
- package/dist/esm/components/BundleBlock/BundleBuilder/SortAndFilter.d.ts +74 -74
- package/dist/esm/components/BundleBlock/BundleBuilder/VariantOptionsModal.d.ts +28 -28
- package/dist/esm/components/BundleBlock/BundleBuilder/bundleBuilder.style.d.ts +37 -37
- package/dist/esm/components/BundleBlock/BundleBuilderTracker/BundleBuilderTracker.d.ts +55 -55
- package/dist/esm/components/BundleBlock/BundleBuilderTracker/bundleBuilderTracker.style.d.ts +77 -77
- package/dist/esm/components/BundleBlock/BundleProductDetailsModal/BundleProductDetailsModal.d.ts +37 -37
- package/dist/esm/components/BundleBlock/BundleProductDetailsModal/bundleProductDetailsModal.style.d.ts +10 -10
- package/dist/esm/components/BundleBlock/CollectionBundle/CategoryFilter.d.ts +10 -10
- package/dist/esm/components/BundleBlock/CollectionBundle/ColllectionBundle.d.ts +127 -127
- package/dist/esm/components/BundleBlock/CollectionBundle/ProductDetailsModal.d.ts +16 -16
- package/dist/esm/components/BundleBlock/ComboBundle.d.ts +17 -17
- package/dist/esm/components/BundleBlock/FixedBundle/FixedBundle.d.ts +4 -4
- package/dist/esm/components/BundleBlock/FixedBundle/SeparateVariantOptions.d.ts +45 -45
- package/dist/esm/components/BundleBlock/FixedBundle/VariantSelectorModal.d.ts +22 -22
- package/dist/esm/components/BundleBlock/FixedBundle/fixedBundle.style.d.ts +80 -80
- package/dist/esm/components/BundleBlock/Loader.d.ts +5 -5
- package/dist/esm/components/BundleBlock/MixAndMatchBundle/MixAndMatchBundle.d.ts +9 -9
- package/dist/esm/components/BundleBlock/MixAndMatchBundle/mixAndMatchBundle.style.d.ts +86 -86
- package/dist/esm/components/BundleBlock/PersonalizationForm/PersonalizationForm.d.ts +35 -35
- package/dist/esm/components/BundleBlock/PersonalizationForm/PersonalizationFormModal.d.ts +24 -24
- package/dist/esm/components/BundleBlock/VolumeBundle/VolumeBundle.d.ts +27 -27
- package/dist/esm/components/BundleBlock/VolumeBundle/volumeBundle.style.d.ts +80 -80
- package/dist/esm/components/BundleBlock/index.d.ts +1 -1
- package/dist/esm/components/Cart/ApplyCoupon.d.ts +13 -13
- package/dist/esm/components/Cart/Bundle.d.ts +6 -6
- package/dist/esm/components/Cart/Cart.d.ts +246 -246
- package/dist/esm/components/Cart/CartDrawer.d.ts +26 -26
- package/dist/esm/components/Cart/CartOffersCarousel.d.ts +48 -48
- package/dist/esm/components/Cart/CartProductsList.d.ts +45 -45
- package/dist/esm/components/Cart/CartTimer.d.ts +8 -8
- package/dist/esm/components/Cart/CheckoutSection.d.ts +47 -47
- package/dist/esm/components/Cart/CouponSelection.d.ts +17 -17
- package/dist/esm/components/Cart/DatePicker.d.ts +10 -10
- package/dist/esm/components/Cart/EmptyCart.d.ts +33 -33
- package/dist/esm/components/Cart/FloatingCart.d.ts +24 -24
- package/dist/esm/components/Cart/FooterSections.d.ts +6 -6
- package/dist/esm/components/Cart/FreebieClaimManager.d.ts +17 -17
- package/dist/esm/components/Cart/FreebieClaimOverlay.d.ts +17 -17
- package/dist/esm/components/Cart/FreebieClaimOverlayCard.d.ts +10 -10
- package/dist/esm/components/Cart/FreebieClaimSection.d.ts +17 -17
- package/dist/esm/components/Cart/FreebieClaimSectionCard.d.ts +16 -16
- package/dist/esm/components/Cart/GSTSection.d.ts +15 -15
- package/dist/esm/components/Cart/GiftWrap.d.ts +15 -15
- package/dist/esm/components/Cart/InlineCartOfferInfoText.d.ts +10 -10
- package/dist/esm/components/Cart/LoyaltyAppliedCTA.d.ts +19 -19
- package/dist/esm/components/Cart/LoyaltyApplyCTA.d.ts +18 -18
- package/dist/esm/components/Cart/LoyaltyBadge.d.ts +10 -10
- package/dist/esm/components/Cart/LoyaltyGuestCTA.d.ts +17 -17
- package/dist/esm/components/Cart/MultiStepProgressBar/CheckpointConfetti.d.ts +11 -11
- package/dist/esm/components/Cart/MultiStepProgressBar/CheckpointIcon.d.ts +3 -3
- package/dist/esm/components/Cart/MultiStepProgressBar/CheckpointTooltip.d.ts +3 -3
- package/dist/esm/components/Cart/MultiStepProgressBar/MultiStepIcon.d.ts +9 -9
- package/dist/esm/components/Cart/MultiStepProgressBar/MultiStepProgressBar.d.ts +5 -5
- package/dist/esm/components/Cart/MultiStepProgressBar/MultiStepProgressBar.styled.d.ts +45 -45
- package/dist/esm/components/Cart/MultiStepProgressBar/MultiStepUtils.d.ts +6 -6
- package/dist/esm/components/Cart/MultiStepProgressBar/MultiTierProgressBar.d.ts +4 -4
- package/dist/esm/components/Cart/MultiStepProgressBar/MutiTierNextRewardMessage.d.ts +3 -3
- package/dist/esm/components/Cart/MultiStepProgressBar/NextRewardMessage.d.ts +3 -3
- package/dist/esm/components/Cart/MultiStepProgressBar/SingleTierProgressBar.d.ts +4 -4
- package/dist/esm/components/Cart/MultiStepProgressBar/SingleTierProgressBar.styled.d.ts +22 -22
- package/dist/esm/components/Cart/MultiStepProgressBar/SingletTierNextRewardMessage.d.ts +3 -3
- package/dist/esm/components/Cart/MultiStepProgressBar/types.d.ts +55 -55
- package/dist/esm/components/Cart/NextFreebieRow.d.ts +19 -19
- package/dist/esm/components/Cart/NoteSection.d.ts +8 -8
- package/dist/esm/components/Cart/ProductCard.d.ts +30 -30
- package/dist/esm/components/Cart/ProductRecCard.d.ts +20 -20
- package/dist/esm/components/Cart/ProductRecList.d.ts +23 -23
- package/dist/esm/components/Cart/ProgressBarCartLoader.d.ts +7 -7
- package/dist/esm/components/Cart/QuantitySelector.d.ts +12 -12
- package/dist/esm/components/Cart/RegionSpecificDelivery.d.ts +17 -17
- package/dist/esm/components/Cart/RewardPointsPreview.d.ts +10 -10
- package/dist/esm/components/Cart/StandardDelivery.d.ts +11 -11
- package/dist/esm/components/Cart/StealDealSection.d.ts +14 -14
- package/dist/esm/components/Cart/StickyCart.d.ts +64 -64
- package/dist/esm/components/Cart/SubtotalSection.d.ts +13 -13
- package/dist/esm/components/Cart/VariantSelectionPopup/DesktopVariantPopup.d.ts +19 -19
- package/dist/esm/components/Cart/VariantSelectionPopup/DesktopVariantPopup.styled.d.ts +60 -60
- package/dist/esm/components/Cart/VariantSelectionPopup/MobileVariantPopover.d.ts +19 -19
- package/dist/esm/components/Cart/index.d.ts +1 -1
- package/dist/esm/components/Loyalty/Loader.d.ts +10 -10
- package/dist/esm/components/Loyalty/LoyaltyProductCatalog.d.ts +60 -60
- package/dist/esm/components/Loyalty/index.d.ts +2 -2
- package/dist/esm/components/LoyaltyPageBlock/LoyaltyPageBlock.d.ts +64 -64
- package/dist/esm/components/Nudge/LeadGenerationNudge.d.ts +15 -15
- package/dist/esm/components/Nudge/Nudge.d.ts +40 -40
- package/dist/esm/components/Nudge/index.d.ts +1 -1
- package/dist/esm/components/ProductOffersBlock/ProductOffersCoupon.d.ts +12 -12
- package/dist/esm/components/ProductOffersBlock/ProductOffersList.d.ts +12 -12
- package/dist/esm/components/ProductOffersBlock/ProductOffersTermsMobilePopover.d.ts +10 -10
- package/dist/esm/components/ProductOffersBlock/ProductOffersTermsPopup.d.ts +10 -10
- package/dist/esm/components/ProductOffersBlock/ProductsOffers.d.ts +42 -42
- package/dist/esm/components/SpinnerWheel/SpinnerWheel.d.ts +23 -23
- package/dist/esm/components/SpinnerWheel/WheelSection.d.ts +9 -9
- package/dist/esm/components/SpinnerWheel/index.d.ts +1 -1
- package/dist/esm/components/index.d.ts +9 -9
- package/dist/esm/index.d.ts +1 -1
- package/dist/esm/index.js +97 -97
- package/dist/esm/utils/converter.d.ts +2 -2
- package/dist/esm/utils/customVariantOptions.d.ts +20 -20
- package/dist/esm/utils/freebieProductUtils.d.ts +28 -28
- package/dist/esm/utils/freebieUtils.d.ts +5 -5
- package/dist/esm/utils/index.d.ts +14 -14
- package/package.json +96 -96
|
@@ -1,50 +1,50 @@
|
|
|
1
|
-
import "../bundle.scss";
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { AnalyticsEventParams, BundlePayload, CursorData, ProductData, ProductDetails } from "../Bundle";
|
|
4
|
-
export declare function QuantitySelectorForBundle({ quantity, setQuantity, remainingQuantity, handleAddToBundle, variantId, product, handleRemoveItem, hideAddToBundle, selectedVariantInventoryQty, }: {
|
|
5
|
-
quantity: number;
|
|
6
|
-
setQuantity: React.Dispatch<React.SetStateAction<number>>;
|
|
7
|
-
remainingQuantity: number;
|
|
8
|
-
handleAddToBundle?: (variantId: string, product: ProductDetails, quantity: number) => void;
|
|
9
|
-
variantId?: string;
|
|
10
|
-
product?: ProductDetails;
|
|
11
|
-
handleRemoveItem?: (variantId: string, quantity: number) => void;
|
|
12
|
-
hideAddToBundle?: boolean;
|
|
13
|
-
selectedVariantInventoryQty: number | typeof Infinity;
|
|
14
|
-
}): React.JSX.Element;
|
|
15
|
-
type BundleBuilderProps = {
|
|
16
|
-
bundle: BundlePayload;
|
|
17
|
-
selectedItems: {
|
|
18
|
-
variantId: string;
|
|
19
|
-
product: ProductDetails;
|
|
20
|
-
quantity: number;
|
|
21
|
-
isFree?: boolean;
|
|
22
|
-
tierIndex?: number;
|
|
23
|
-
}[];
|
|
24
|
-
setSelectedItems: React.Dispatch<React.SetStateAction<{
|
|
25
|
-
variantId: string;
|
|
26
|
-
product: ProductDetails;
|
|
27
|
-
quantity: number;
|
|
28
|
-
isFree?: boolean;
|
|
29
|
-
tierIndex?: number;
|
|
30
|
-
}[]>>;
|
|
31
|
-
handleAddToCart: (e: any, formProperties?: Record<string, any>) => Promise<void>;
|
|
32
|
-
bundleAddToCartLoading: boolean;
|
|
33
|
-
renderingOnPage: boolean;
|
|
34
|
-
selectedItemsQuantity: number;
|
|
35
|
-
handleRemoveItem: (variantId: string, tierIndex?: number) => void;
|
|
36
|
-
bundleSubtotal: {
|
|
37
|
-
price: number;
|
|
38
|
-
compareAtPrice: number;
|
|
39
|
-
};
|
|
40
|
-
dispatchAnalyticsEvent?: (params: AnalyticsEventParams) => void;
|
|
41
|
-
fetchStoreDetails?: () => Promise<any>;
|
|
42
|
-
productsPagination?: {
|
|
43
|
-
initialCursorData: CursorData;
|
|
44
|
-
cursorData: CursorData;
|
|
45
|
-
fetchFn: (filters?: any, bundleTier?: number, cursor?: string | null) => Promise<ProductData[]>;
|
|
46
|
-
setCursorData: (cursorData: CursorData) => void;
|
|
47
|
-
};
|
|
48
|
-
};
|
|
49
|
-
declare const BundleBuilder: React.FC<BundleBuilderProps>;
|
|
50
|
-
export default BundleBuilder;
|
|
1
|
+
import "../bundle.scss";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { AnalyticsEventParams, BundlePayload, CursorData, ProductData, ProductDetails } from "../Bundle";
|
|
4
|
+
export declare function QuantitySelectorForBundle({ quantity, setQuantity, remainingQuantity, handleAddToBundle, variantId, product, handleRemoveItem, hideAddToBundle, selectedVariantInventoryQty, }: {
|
|
5
|
+
quantity: number;
|
|
6
|
+
setQuantity: React.Dispatch<React.SetStateAction<number>>;
|
|
7
|
+
remainingQuantity: number;
|
|
8
|
+
handleAddToBundle?: (variantId: string, product: ProductDetails, quantity: number) => void;
|
|
9
|
+
variantId?: string;
|
|
10
|
+
product?: ProductDetails;
|
|
11
|
+
handleRemoveItem?: (variantId: string, quantity: number) => void;
|
|
12
|
+
hideAddToBundle?: boolean;
|
|
13
|
+
selectedVariantInventoryQty: number | typeof Infinity;
|
|
14
|
+
}): React.JSX.Element;
|
|
15
|
+
type BundleBuilderProps = {
|
|
16
|
+
bundle: BundlePayload;
|
|
17
|
+
selectedItems: {
|
|
18
|
+
variantId: string;
|
|
19
|
+
product: ProductDetails;
|
|
20
|
+
quantity: number;
|
|
21
|
+
isFree?: boolean;
|
|
22
|
+
tierIndex?: number;
|
|
23
|
+
}[];
|
|
24
|
+
setSelectedItems: React.Dispatch<React.SetStateAction<{
|
|
25
|
+
variantId: string;
|
|
26
|
+
product: ProductDetails;
|
|
27
|
+
quantity: number;
|
|
28
|
+
isFree?: boolean;
|
|
29
|
+
tierIndex?: number;
|
|
30
|
+
}[]>>;
|
|
31
|
+
handleAddToCart: (e: any, formProperties?: Record<string, any>) => Promise<void>;
|
|
32
|
+
bundleAddToCartLoading: boolean;
|
|
33
|
+
renderingOnPage: boolean;
|
|
34
|
+
selectedItemsQuantity: number;
|
|
35
|
+
handleRemoveItem: (variantId: string, tierIndex?: number) => void;
|
|
36
|
+
bundleSubtotal: {
|
|
37
|
+
price: number;
|
|
38
|
+
compareAtPrice: number;
|
|
39
|
+
};
|
|
40
|
+
dispatchAnalyticsEvent?: (params: AnalyticsEventParams) => void;
|
|
41
|
+
fetchStoreDetails?: () => Promise<any>;
|
|
42
|
+
productsPagination?: {
|
|
43
|
+
initialCursorData: CursorData;
|
|
44
|
+
cursorData: CursorData;
|
|
45
|
+
fetchFn: (filters?: any, bundleTier?: number, cursor?: string | null) => Promise<ProductData[]>;
|
|
46
|
+
setCursorData: (cursorData: CursorData) => void;
|
|
47
|
+
};
|
|
48
|
+
};
|
|
49
|
+
declare const BundleBuilder: React.FC<BundleBuilderProps>;
|
|
50
|
+
export default BundleBuilder;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
interface ResponsiveBackgroundImageProps {
|
|
3
|
-
coverImageUrl?: string;
|
|
4
|
-
mobileCoverImageUrl?: string;
|
|
5
|
-
alt?: string;
|
|
6
|
-
styles?: React.CSSProperties;
|
|
7
|
-
}
|
|
8
|
-
export declare const ResponsiveBackgroundImage: React.FC<ResponsiveBackgroundImageProps>;
|
|
9
|
-
export default ResponsiveBackgroundImage;
|
|
1
|
+
import React from "react";
|
|
2
|
+
interface ResponsiveBackgroundImageProps {
|
|
3
|
+
coverImageUrl?: string;
|
|
4
|
+
mobileCoverImageUrl?: string;
|
|
5
|
+
alt?: string;
|
|
6
|
+
styles?: React.CSSProperties;
|
|
7
|
+
}
|
|
8
|
+
export declare const ResponsiveBackgroundImage: React.FC<ResponsiveBackgroundImageProps>;
|
|
9
|
+
export default ResponsiveBackgroundImage;
|
|
@@ -1,74 +1,74 @@
|
|
|
1
|
-
import { Customizations, ProductData } from "../Bundle";
|
|
2
|
-
import React from "react";
|
|
3
|
-
export interface FilterValue {
|
|
4
|
-
id: string;
|
|
5
|
-
label: string;
|
|
6
|
-
count: number;
|
|
7
|
-
input: string | {
|
|
8
|
-
price?: {
|
|
9
|
-
max: number;
|
|
10
|
-
min: number;
|
|
11
|
-
};
|
|
12
|
-
};
|
|
13
|
-
}
|
|
14
|
-
export interface FilterGroup {
|
|
15
|
-
id: string;
|
|
16
|
-
label: string;
|
|
17
|
-
type: "LIST" | "PRICE_RANGE";
|
|
18
|
-
values: FilterValue[];
|
|
19
|
-
}
|
|
20
|
-
interface SortAndFilterProps {
|
|
21
|
-
enableSortAndFilter: boolean;
|
|
22
|
-
isMobile: boolean;
|
|
23
|
-
setSearchTerm: (term: string) => void;
|
|
24
|
-
searchTerm: string;
|
|
25
|
-
styles?: Customizations;
|
|
26
|
-
setSortBy: (sort: string) => void;
|
|
27
|
-
appliedFilters: Record<string, string[]>;
|
|
28
|
-
setAppliedFilters: React.Dispatch<React.SetStateAction<Record<string, string[]>>>;
|
|
29
|
-
availableFilters: FilterGroup[];
|
|
30
|
-
products: ProductData[];
|
|
31
|
-
availableProductCount?: number;
|
|
32
|
-
unavailableProductCount?: number;
|
|
33
|
-
maxPossiblePrice: number;
|
|
34
|
-
storeCurrencyCode?: string;
|
|
35
|
-
openSections: Record<string, boolean>;
|
|
36
|
-
toggleSection: (id: string) => void;
|
|
37
|
-
sortBy?: string;
|
|
38
|
-
}
|
|
39
|
-
interface FiltersDrawerProps {
|
|
40
|
-
showFiltersDrawer: boolean;
|
|
41
|
-
handleClose: () => void;
|
|
42
|
-
isAnimating: boolean;
|
|
43
|
-
isMobile: boolean;
|
|
44
|
-
availableFilters: FilterGroup[];
|
|
45
|
-
appliedFilters: Record<string, string[]>;
|
|
46
|
-
toggleFilter: (filterId: string, valueId: string) => void;
|
|
47
|
-
clearAllFilters: () => void;
|
|
48
|
-
applyPriceFilter: () => void;
|
|
49
|
-
priceMin: number;
|
|
50
|
-
setPriceMin: (val: number) => void;
|
|
51
|
-
priceMax: number;
|
|
52
|
-
setPriceMax: (val: number) => void;
|
|
53
|
-
maxPossiblePrice: number;
|
|
54
|
-
styles: any;
|
|
55
|
-
unavailableProductCount?: number;
|
|
56
|
-
availableProductCount?: number;
|
|
57
|
-
products: ProductData[];
|
|
58
|
-
storeCurrencyCode?: string;
|
|
59
|
-
openSections?: Record<string, boolean>;
|
|
60
|
-
toggleSection?: (id: string) => void;
|
|
61
|
-
}
|
|
62
|
-
export declare const FiltersSidebar: (props: FiltersDrawerProps) => React.JSX.Element | null;
|
|
63
|
-
interface FiltersSharedState {
|
|
64
|
-
showFilters: boolean;
|
|
65
|
-
setShowFilters: (show: boolean) => void;
|
|
66
|
-
priceMax: number;
|
|
67
|
-
setPriceMax: (val: number) => void;
|
|
68
|
-
priceMin: number;
|
|
69
|
-
setPriceMin: (val: number) => void;
|
|
70
|
-
}
|
|
71
|
-
export declare const SortAndFilter: ({ enableSortAndFilter, isMobile, setSearchTerm, searchTerm, styles, setSortBy, appliedFilters, setAppliedFilters, availableFilters, products, availableProductCount, unavailableProductCount, maxPossiblePrice, storeCurrencyCode, sharedFiltersState, openSections, toggleSection, sortBy, }: SortAndFilterProps & {
|
|
72
|
-
sharedFiltersState: FiltersSharedState;
|
|
73
|
-
}) => React.JSX.Element;
|
|
74
|
-
export {};
|
|
1
|
+
import { Customizations, ProductData } from "../Bundle";
|
|
2
|
+
import React from "react";
|
|
3
|
+
export interface FilterValue {
|
|
4
|
+
id: string;
|
|
5
|
+
label: string;
|
|
6
|
+
count: number;
|
|
7
|
+
input: string | {
|
|
8
|
+
price?: {
|
|
9
|
+
max: number;
|
|
10
|
+
min: number;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
export interface FilterGroup {
|
|
15
|
+
id: string;
|
|
16
|
+
label: string;
|
|
17
|
+
type: "LIST" | "PRICE_RANGE";
|
|
18
|
+
values: FilterValue[];
|
|
19
|
+
}
|
|
20
|
+
interface SortAndFilterProps {
|
|
21
|
+
enableSortAndFilter: boolean;
|
|
22
|
+
isMobile: boolean;
|
|
23
|
+
setSearchTerm: (term: string) => void;
|
|
24
|
+
searchTerm: string;
|
|
25
|
+
styles?: Customizations;
|
|
26
|
+
setSortBy: (sort: string) => void;
|
|
27
|
+
appliedFilters: Record<string, string[]>;
|
|
28
|
+
setAppliedFilters: React.Dispatch<React.SetStateAction<Record<string, string[]>>>;
|
|
29
|
+
availableFilters: FilterGroup[];
|
|
30
|
+
products: ProductData[];
|
|
31
|
+
availableProductCount?: number;
|
|
32
|
+
unavailableProductCount?: number;
|
|
33
|
+
maxPossiblePrice: number;
|
|
34
|
+
storeCurrencyCode?: string;
|
|
35
|
+
openSections: Record<string, boolean>;
|
|
36
|
+
toggleSection: (id: string) => void;
|
|
37
|
+
sortBy?: string;
|
|
38
|
+
}
|
|
39
|
+
interface FiltersDrawerProps {
|
|
40
|
+
showFiltersDrawer: boolean;
|
|
41
|
+
handleClose: () => void;
|
|
42
|
+
isAnimating: boolean;
|
|
43
|
+
isMobile: boolean;
|
|
44
|
+
availableFilters: FilterGroup[];
|
|
45
|
+
appliedFilters: Record<string, string[]>;
|
|
46
|
+
toggleFilter: (filterId: string, valueId: string) => void;
|
|
47
|
+
clearAllFilters: () => void;
|
|
48
|
+
applyPriceFilter: () => void;
|
|
49
|
+
priceMin: number;
|
|
50
|
+
setPriceMin: (val: number) => void;
|
|
51
|
+
priceMax: number;
|
|
52
|
+
setPriceMax: (val: number) => void;
|
|
53
|
+
maxPossiblePrice: number;
|
|
54
|
+
styles: any;
|
|
55
|
+
unavailableProductCount?: number;
|
|
56
|
+
availableProductCount?: number;
|
|
57
|
+
products: ProductData[];
|
|
58
|
+
storeCurrencyCode?: string;
|
|
59
|
+
openSections?: Record<string, boolean>;
|
|
60
|
+
toggleSection?: (id: string) => void;
|
|
61
|
+
}
|
|
62
|
+
export declare const FiltersSidebar: (props: FiltersDrawerProps) => React.JSX.Element | null;
|
|
63
|
+
interface FiltersSharedState {
|
|
64
|
+
showFilters: boolean;
|
|
65
|
+
setShowFilters: (show: boolean) => void;
|
|
66
|
+
priceMax: number;
|
|
67
|
+
setPriceMax: (val: number) => void;
|
|
68
|
+
priceMin: number;
|
|
69
|
+
setPriceMin: (val: number) => void;
|
|
70
|
+
}
|
|
71
|
+
export declare const SortAndFilter: ({ enableSortAndFilter, isMobile, setSearchTerm, searchTerm, styles, setSortBy, appliedFilters, setAppliedFilters, availableFilters, products, availableProductCount, unavailableProductCount, maxPossiblePrice, storeCurrencyCode, sharedFiltersState, openSections, toggleSection, sortBy, }: SortAndFilterProps & {
|
|
72
|
+
sharedFiltersState: FiltersSharedState;
|
|
73
|
+
}) => React.JSX.Element;
|
|
74
|
+
export {};
|
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { ProductDetails, VariantOptions } from "../Bundle";
|
|
3
|
-
interface OptionValue {
|
|
4
|
-
name: string;
|
|
5
|
-
value: string;
|
|
6
|
-
}
|
|
7
|
-
interface VariantSwatchProps {
|
|
8
|
-
options: OptionValue[];
|
|
9
|
-
selectedValue: OptionValue | null;
|
|
10
|
-
onChange: (option: OptionValue) => void;
|
|
11
|
-
type?: "color" | "image" | "text";
|
|
12
|
-
isOptionAvailable?: (optionValue: string) => boolean;
|
|
13
|
-
isMobile?: boolean;
|
|
14
|
-
}
|
|
15
|
-
interface SingleProductVariantOptionsModalProps {
|
|
16
|
-
product: ProductDetails;
|
|
17
|
-
isOpen: boolean;
|
|
18
|
-
onClose: () => void;
|
|
19
|
-
variantOptions?: VariantOptions;
|
|
20
|
-
cta: {
|
|
21
|
-
textColor: string;
|
|
22
|
-
backgroundColor: string;
|
|
23
|
-
};
|
|
24
|
-
onConfirm: (variantId: string) => void;
|
|
25
|
-
}
|
|
26
|
-
export declare const VariantSwatch: React.FC<VariantSwatchProps>;
|
|
27
|
-
declare const SingleProductVariantOptionsModal: React.FC<SingleProductVariantOptionsModalProps>;
|
|
28
|
-
export default SingleProductVariantOptionsModal;
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { ProductDetails, VariantOptions } from "../Bundle";
|
|
3
|
+
interface OptionValue {
|
|
4
|
+
name: string;
|
|
5
|
+
value: string;
|
|
6
|
+
}
|
|
7
|
+
interface VariantSwatchProps {
|
|
8
|
+
options: OptionValue[];
|
|
9
|
+
selectedValue: OptionValue | null;
|
|
10
|
+
onChange: (option: OptionValue) => void;
|
|
11
|
+
type?: "color" | "image" | "text";
|
|
12
|
+
isOptionAvailable?: (optionValue: string) => boolean;
|
|
13
|
+
isMobile?: boolean;
|
|
14
|
+
}
|
|
15
|
+
interface SingleProductVariantOptionsModalProps {
|
|
16
|
+
product: ProductDetails;
|
|
17
|
+
isOpen: boolean;
|
|
18
|
+
onClose: () => void;
|
|
19
|
+
variantOptions?: VariantOptions;
|
|
20
|
+
cta: {
|
|
21
|
+
textColor: string;
|
|
22
|
+
backgroundColor: string;
|
|
23
|
+
};
|
|
24
|
+
onConfirm: (variantId: string) => void;
|
|
25
|
+
}
|
|
26
|
+
export declare const VariantSwatch: React.FC<VariantSwatchProps>;
|
|
27
|
+
declare const SingleProductVariantOptionsModal: React.FC<SingleProductVariantOptionsModalProps>;
|
|
28
|
+
export default SingleProductVariantOptionsModal;
|
|
@@ -1,37 +1,37 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
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;
|
|
3
|
-
export declare const Button: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
|
|
4
|
-
export declare const Quantity: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
5
|
-
export declare const AddToBundleButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
|
|
6
|
-
export declare const QuantitySelectorContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
7
|
-
export declare const ProductContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
8
|
-
borderRadius: string;
|
|
9
|
-
borderColor: string;
|
|
10
|
-
shadowType: string;
|
|
11
|
-
backgroundColor: string;
|
|
12
|
-
}>> & string;
|
|
13
|
-
export declare const ImageWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
14
|
-
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>, {
|
|
15
|
-
aspectRatio: string;
|
|
16
|
-
borderRadius: string;
|
|
17
|
-
}>> & string;
|
|
18
|
-
export declare const VariantSelector: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, {
|
|
19
|
-
isCoralHaze: boolean;
|
|
20
|
-
}>> & string;
|
|
21
|
-
export declare const ProductTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
22
|
-
isMobile: boolean;
|
|
23
|
-
showBorder: boolean;
|
|
24
|
-
}>> & string;
|
|
25
|
-
export declare const PriceContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
26
|
-
showBorder: boolean;
|
|
27
|
-
}>> & string;
|
|
28
|
-
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>, {
|
|
29
|
-
borderRadius: string;
|
|
30
|
-
}>> & string;
|
|
31
|
-
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"> & {
|
|
32
|
-
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
33
|
-
}, {
|
|
34
|
-
borderRadius: string;
|
|
35
|
-
}>> & string;
|
|
36
|
-
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;
|
|
37
|
-
export declare const RemoveButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
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;
|
|
3
|
+
export declare const Button: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
|
|
4
|
+
export declare const Quantity: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
5
|
+
export declare const AddToBundleButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
|
|
6
|
+
export declare const QuantitySelectorContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
7
|
+
export declare const ProductContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
8
|
+
borderRadius: string;
|
|
9
|
+
borderColor: string;
|
|
10
|
+
shadowType: string;
|
|
11
|
+
backgroundColor: string;
|
|
12
|
+
}>> & string;
|
|
13
|
+
export declare const ImageWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
14
|
+
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>, {
|
|
15
|
+
aspectRatio: string;
|
|
16
|
+
borderRadius: string;
|
|
17
|
+
}>> & string;
|
|
18
|
+
export declare const VariantSelector: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, {
|
|
19
|
+
isCoralHaze: boolean;
|
|
20
|
+
}>> & string;
|
|
21
|
+
export declare const ProductTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
22
|
+
isMobile: boolean;
|
|
23
|
+
showBorder: boolean;
|
|
24
|
+
}>> & string;
|
|
25
|
+
export declare const PriceContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
26
|
+
showBorder: boolean;
|
|
27
|
+
}>> & string;
|
|
28
|
+
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>, {
|
|
29
|
+
borderRadius: string;
|
|
30
|
+
}>> & string;
|
|
31
|
+
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"> & {
|
|
32
|
+
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
33
|
+
}, {
|
|
34
|
+
borderRadius: string;
|
|
35
|
+
}>> & string;
|
|
36
|
+
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;
|
|
37
|
+
export declare const RemoveButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,55 +1,55 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Customizations, ProductDetails } from "../Bundle";
|
|
3
|
-
import "../bundle.scss";
|
|
4
|
-
type BundleBuilderTrackerProps = {
|
|
5
|
-
builderTiers?: {
|
|
6
|
-
type: string;
|
|
7
|
-
offerTier?: {
|
|
8
|
-
tier: number;
|
|
9
|
-
minimumQuantity: number;
|
|
10
|
-
discountValue: number;
|
|
11
|
-
customText?: string;
|
|
12
|
-
}[];
|
|
13
|
-
productTier?: {
|
|
14
|
-
tier: number;
|
|
15
|
-
minimumQuantity: number;
|
|
16
|
-
title: string;
|
|
17
|
-
products: any;
|
|
18
|
-
}[];
|
|
19
|
-
};
|
|
20
|
-
selectedProducts: {
|
|
21
|
-
variantId: string;
|
|
22
|
-
product: ProductDetails;
|
|
23
|
-
quantity: number;
|
|
24
|
-
isFree?: boolean;
|
|
25
|
-
tierIndex?: number;
|
|
26
|
-
}[];
|
|
27
|
-
minimumQuantity: number;
|
|
28
|
-
handleAddToCart: (e: any) => Promise<void>;
|
|
29
|
-
showProductDetailsInTracker: boolean;
|
|
30
|
-
loading: boolean;
|
|
31
|
-
isMobile?: boolean;
|
|
32
|
-
handleRemoveItem: (variantId: string) => void;
|
|
33
|
-
percentageOff?: number;
|
|
34
|
-
amountOff?: number;
|
|
35
|
-
styles: Customizations;
|
|
36
|
-
dealAmount?: number;
|
|
37
|
-
selectedItemsQuantity: number;
|
|
38
|
-
bundleSubtotal: {
|
|
39
|
-
price: number;
|
|
40
|
-
compareAtPrice: number;
|
|
41
|
-
};
|
|
42
|
-
themeColor: string;
|
|
43
|
-
cornerRadiusType: string;
|
|
44
|
-
primaryTextColorCta: string;
|
|
45
|
-
selectedProductsByTier?: {
|
|
46
|
-
[tier: number]: string[];
|
|
47
|
-
};
|
|
48
|
-
renderingOnPage: boolean;
|
|
49
|
-
handleRemoveItemProductTier: (variantId: string, currentTier: number) => void;
|
|
50
|
-
storeCurrencyCode?: string;
|
|
51
|
-
isUploading?: boolean;
|
|
52
|
-
showNextStep?: boolean;
|
|
53
|
-
};
|
|
54
|
-
export declare const BundleBuilderTrackerBar: React.FC<BundleBuilderTrackerProps>;
|
|
55
|
-
export default BundleBuilderTrackerBar;
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Customizations, ProductDetails } from "../Bundle";
|
|
3
|
+
import "../bundle.scss";
|
|
4
|
+
type BundleBuilderTrackerProps = {
|
|
5
|
+
builderTiers?: {
|
|
6
|
+
type: string;
|
|
7
|
+
offerTier?: {
|
|
8
|
+
tier: number;
|
|
9
|
+
minimumQuantity: number;
|
|
10
|
+
discountValue: number;
|
|
11
|
+
customText?: string;
|
|
12
|
+
}[];
|
|
13
|
+
productTier?: {
|
|
14
|
+
tier: number;
|
|
15
|
+
minimumQuantity: number;
|
|
16
|
+
title: string;
|
|
17
|
+
products: any;
|
|
18
|
+
}[];
|
|
19
|
+
};
|
|
20
|
+
selectedProducts: {
|
|
21
|
+
variantId: string;
|
|
22
|
+
product: ProductDetails;
|
|
23
|
+
quantity: number;
|
|
24
|
+
isFree?: boolean;
|
|
25
|
+
tierIndex?: number;
|
|
26
|
+
}[];
|
|
27
|
+
minimumQuantity: number;
|
|
28
|
+
handleAddToCart: (e: any) => Promise<void>;
|
|
29
|
+
showProductDetailsInTracker: boolean;
|
|
30
|
+
loading: boolean;
|
|
31
|
+
isMobile?: boolean;
|
|
32
|
+
handleRemoveItem: (variantId: string) => void;
|
|
33
|
+
percentageOff?: number;
|
|
34
|
+
amountOff?: number;
|
|
35
|
+
styles: Customizations;
|
|
36
|
+
dealAmount?: number;
|
|
37
|
+
selectedItemsQuantity: number;
|
|
38
|
+
bundleSubtotal: {
|
|
39
|
+
price: number;
|
|
40
|
+
compareAtPrice: number;
|
|
41
|
+
};
|
|
42
|
+
themeColor: string;
|
|
43
|
+
cornerRadiusType: string;
|
|
44
|
+
primaryTextColorCta: string;
|
|
45
|
+
selectedProductsByTier?: {
|
|
46
|
+
[tier: number]: string[];
|
|
47
|
+
};
|
|
48
|
+
renderingOnPage: boolean;
|
|
49
|
+
handleRemoveItemProductTier: (variantId: string, currentTier: number) => void;
|
|
50
|
+
storeCurrencyCode?: string;
|
|
51
|
+
isUploading?: boolean;
|
|
52
|
+
showNextStep?: boolean;
|
|
53
|
+
};
|
|
54
|
+
export declare const BundleBuilderTrackerBar: React.FC<BundleBuilderTrackerProps>;
|
|
55
|
+
export default BundleBuilderTrackerBar;
|