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.
Files changed (123) hide show
  1. package/README.md +94 -94
  2. package/dist/esm/atoms/bundleBuilderProductDetailsAtom.d.ts +4 -4
  3. package/dist/esm/atoms/cartDataAtom.d.ts +3 -3
  4. package/dist/esm/atoms/cartLoadingAtom.d.ts +22 -22
  5. package/dist/esm/atoms/cartTimer.d.ts +2 -2
  6. package/dist/esm/atoms/dateAtom.d.ts +1 -1
  7. package/dist/esm/atoms/freebieClaimModalAtom.d.ts +7 -7
  8. package/dist/esm/atoms/giftWrap.d.ts +2 -2
  9. package/dist/esm/atoms/gstCompanyNameAtom.d.ts +1 -1
  10. package/dist/esm/atoms/gstInputAtom.d.ts +1 -1
  11. package/dist/esm/atoms/maxQtyErrorAtom.d.ts +3 -3
  12. package/dist/esm/atoms/multiClaimSelectionAtom.d.ts +25 -25
  13. package/dist/esm/atoms/noteInputAtom.d.ts +3 -3
  14. package/dist/esm/atoms/postalCodeAtom.d.ts +1 -1
  15. package/dist/esm/atoms/shippingAtom.d.ts +8 -8
  16. package/dist/esm/atoms/showGSTInputAtom.d.ts +1 -1
  17. package/dist/esm/atoms/variantSelectionModalAtom.d.ts +25 -25
  18. package/dist/esm/components/BundleBlock/Bundle.d.ts +446 -446
  19. package/dist/esm/components/BundleBlock/BundleBuilder/BundleBuilder.d.ts +50 -50
  20. package/dist/esm/components/BundleBlock/BundleBuilder/ResponsiveBgImage.d.ts +9 -9
  21. package/dist/esm/components/BundleBlock/BundleBuilder/SortAndFilter.d.ts +74 -74
  22. package/dist/esm/components/BundleBlock/BundleBuilder/VariantOptionsModal.d.ts +28 -28
  23. package/dist/esm/components/BundleBlock/BundleBuilder/bundleBuilder.style.d.ts +37 -37
  24. package/dist/esm/components/BundleBlock/BundleBuilderTracker/BundleBuilderTracker.d.ts +55 -55
  25. package/dist/esm/components/BundleBlock/BundleBuilderTracker/bundleBuilderTracker.style.d.ts +77 -77
  26. package/dist/esm/components/BundleBlock/BundleProductDetailsModal/BundleProductDetailsModal.d.ts +37 -37
  27. package/dist/esm/components/BundleBlock/BundleProductDetailsModal/bundleProductDetailsModal.style.d.ts +10 -10
  28. package/dist/esm/components/BundleBlock/CollectionBundle/CategoryFilter.d.ts +10 -10
  29. package/dist/esm/components/BundleBlock/CollectionBundle/ColllectionBundle.d.ts +127 -127
  30. package/dist/esm/components/BundleBlock/CollectionBundle/ProductDetailsModal.d.ts +16 -16
  31. package/dist/esm/components/BundleBlock/ComboBundle.d.ts +17 -17
  32. package/dist/esm/components/BundleBlock/FixedBundle/FixedBundle.d.ts +4 -4
  33. package/dist/esm/components/BundleBlock/FixedBundle/SeparateVariantOptions.d.ts +45 -45
  34. package/dist/esm/components/BundleBlock/FixedBundle/VariantSelectorModal.d.ts +22 -22
  35. package/dist/esm/components/BundleBlock/FixedBundle/fixedBundle.style.d.ts +80 -80
  36. package/dist/esm/components/BundleBlock/Loader.d.ts +5 -5
  37. package/dist/esm/components/BundleBlock/MixAndMatchBundle/MixAndMatchBundle.d.ts +9 -9
  38. package/dist/esm/components/BundleBlock/MixAndMatchBundle/mixAndMatchBundle.style.d.ts +86 -86
  39. package/dist/esm/components/BundleBlock/PersonalizationForm/PersonalizationForm.d.ts +35 -35
  40. package/dist/esm/components/BundleBlock/PersonalizationForm/PersonalizationFormModal.d.ts +24 -24
  41. package/dist/esm/components/BundleBlock/VolumeBundle/VolumeBundle.d.ts +27 -27
  42. package/dist/esm/components/BundleBlock/VolumeBundle/volumeBundle.style.d.ts +80 -80
  43. package/dist/esm/components/BundleBlock/index.d.ts +1 -1
  44. package/dist/esm/components/Cart/ApplyCoupon.d.ts +13 -13
  45. package/dist/esm/components/Cart/Bundle.d.ts +6 -6
  46. package/dist/esm/components/Cart/Cart.d.ts +246 -246
  47. package/dist/esm/components/Cart/CartDrawer.d.ts +26 -26
  48. package/dist/esm/components/Cart/CartOffersCarousel.d.ts +48 -48
  49. package/dist/esm/components/Cart/CartProductsList.d.ts +45 -45
  50. package/dist/esm/components/Cart/CartTimer.d.ts +8 -8
  51. package/dist/esm/components/Cart/CheckoutSection.d.ts +47 -47
  52. package/dist/esm/components/Cart/CouponSelection.d.ts +17 -17
  53. package/dist/esm/components/Cart/DatePicker.d.ts +10 -10
  54. package/dist/esm/components/Cart/EmptyCart.d.ts +33 -33
  55. package/dist/esm/components/Cart/FloatingCart.d.ts +24 -24
  56. package/dist/esm/components/Cart/FooterSections.d.ts +6 -6
  57. package/dist/esm/components/Cart/FreebieClaimManager.d.ts +17 -17
  58. package/dist/esm/components/Cart/FreebieClaimOverlay.d.ts +17 -17
  59. package/dist/esm/components/Cart/FreebieClaimOverlayCard.d.ts +10 -10
  60. package/dist/esm/components/Cart/FreebieClaimSection.d.ts +17 -17
  61. package/dist/esm/components/Cart/FreebieClaimSectionCard.d.ts +16 -16
  62. package/dist/esm/components/Cart/GSTSection.d.ts +15 -15
  63. package/dist/esm/components/Cart/GiftWrap.d.ts +15 -15
  64. package/dist/esm/components/Cart/InlineCartOfferInfoText.d.ts +10 -10
  65. package/dist/esm/components/Cart/LoyaltyAppliedCTA.d.ts +19 -19
  66. package/dist/esm/components/Cart/LoyaltyApplyCTA.d.ts +18 -18
  67. package/dist/esm/components/Cart/LoyaltyBadge.d.ts +10 -10
  68. package/dist/esm/components/Cart/LoyaltyGuestCTA.d.ts +17 -17
  69. package/dist/esm/components/Cart/MultiStepProgressBar/CheckpointConfetti.d.ts +11 -11
  70. package/dist/esm/components/Cart/MultiStepProgressBar/CheckpointIcon.d.ts +3 -3
  71. package/dist/esm/components/Cart/MultiStepProgressBar/CheckpointTooltip.d.ts +3 -3
  72. package/dist/esm/components/Cart/MultiStepProgressBar/MultiStepIcon.d.ts +9 -9
  73. package/dist/esm/components/Cart/MultiStepProgressBar/MultiStepProgressBar.d.ts +5 -5
  74. package/dist/esm/components/Cart/MultiStepProgressBar/MultiStepProgressBar.styled.d.ts +45 -45
  75. package/dist/esm/components/Cart/MultiStepProgressBar/MultiStepUtils.d.ts +6 -6
  76. package/dist/esm/components/Cart/MultiStepProgressBar/MultiTierProgressBar.d.ts +4 -4
  77. package/dist/esm/components/Cart/MultiStepProgressBar/MutiTierNextRewardMessage.d.ts +3 -3
  78. package/dist/esm/components/Cart/MultiStepProgressBar/NextRewardMessage.d.ts +3 -3
  79. package/dist/esm/components/Cart/MultiStepProgressBar/SingleTierProgressBar.d.ts +4 -4
  80. package/dist/esm/components/Cart/MultiStepProgressBar/SingleTierProgressBar.styled.d.ts +22 -22
  81. package/dist/esm/components/Cart/MultiStepProgressBar/SingletTierNextRewardMessage.d.ts +3 -3
  82. package/dist/esm/components/Cart/MultiStepProgressBar/types.d.ts +55 -55
  83. package/dist/esm/components/Cart/NextFreebieRow.d.ts +19 -19
  84. package/dist/esm/components/Cart/NoteSection.d.ts +8 -8
  85. package/dist/esm/components/Cart/ProductCard.d.ts +30 -30
  86. package/dist/esm/components/Cart/ProductRecCard.d.ts +20 -20
  87. package/dist/esm/components/Cart/ProductRecList.d.ts +23 -23
  88. package/dist/esm/components/Cart/ProgressBarCartLoader.d.ts +7 -7
  89. package/dist/esm/components/Cart/QuantitySelector.d.ts +12 -12
  90. package/dist/esm/components/Cart/RegionSpecificDelivery.d.ts +17 -17
  91. package/dist/esm/components/Cart/RewardPointsPreview.d.ts +10 -10
  92. package/dist/esm/components/Cart/StandardDelivery.d.ts +11 -11
  93. package/dist/esm/components/Cart/StealDealSection.d.ts +14 -14
  94. package/dist/esm/components/Cart/StickyCart.d.ts +64 -64
  95. package/dist/esm/components/Cart/SubtotalSection.d.ts +13 -13
  96. package/dist/esm/components/Cart/VariantSelectionPopup/DesktopVariantPopup.d.ts +19 -19
  97. package/dist/esm/components/Cart/VariantSelectionPopup/DesktopVariantPopup.styled.d.ts +60 -60
  98. package/dist/esm/components/Cart/VariantSelectionPopup/MobileVariantPopover.d.ts +19 -19
  99. package/dist/esm/components/Cart/index.d.ts +1 -1
  100. package/dist/esm/components/Loyalty/Loader.d.ts +10 -10
  101. package/dist/esm/components/Loyalty/LoyaltyProductCatalog.d.ts +60 -60
  102. package/dist/esm/components/Loyalty/index.d.ts +2 -2
  103. package/dist/esm/components/LoyaltyPageBlock/LoyaltyPageBlock.d.ts +64 -64
  104. package/dist/esm/components/Nudge/LeadGenerationNudge.d.ts +15 -15
  105. package/dist/esm/components/Nudge/Nudge.d.ts +40 -40
  106. package/dist/esm/components/Nudge/index.d.ts +1 -1
  107. package/dist/esm/components/ProductOffersBlock/ProductOffersCoupon.d.ts +12 -12
  108. package/dist/esm/components/ProductOffersBlock/ProductOffersList.d.ts +12 -12
  109. package/dist/esm/components/ProductOffersBlock/ProductOffersTermsMobilePopover.d.ts +10 -10
  110. package/dist/esm/components/ProductOffersBlock/ProductOffersTermsPopup.d.ts +10 -10
  111. package/dist/esm/components/ProductOffersBlock/ProductsOffers.d.ts +42 -42
  112. package/dist/esm/components/SpinnerWheel/SpinnerWheel.d.ts +23 -23
  113. package/dist/esm/components/SpinnerWheel/WheelSection.d.ts +9 -9
  114. package/dist/esm/components/SpinnerWheel/index.d.ts +1 -1
  115. package/dist/esm/components/index.d.ts +9 -9
  116. package/dist/esm/index.d.ts +1 -1
  117. package/dist/esm/index.js +97 -97
  118. package/dist/esm/utils/converter.d.ts +2 -2
  119. package/dist/esm/utils/customVariantOptions.d.ts +20 -20
  120. package/dist/esm/utils/freebieProductUtils.d.ts +28 -28
  121. package/dist/esm/utils/freebieUtils.d.ts +5 -5
  122. package/dist/esm/utils/index.d.ts +14 -14
  123. 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;