yt-uikit 0.8.17-drawer-layout.0 → 0.8.18-freebie-milestone.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 (27) hide show
  1. package/dist/esm/components/BundleBlock/Bundle.d.ts +12 -11
  2. package/dist/esm/components/BundleBlock/BundleBuilder/bundleBuilder.style.d.ts +3 -1
  3. package/dist/esm/components/BundleBlock/BundleBuilderTracker/bundleBuilderTracker.style.d.ts +3 -1
  4. package/dist/esm/components/BundleBlock/BundleProductDetailsModal/BundleProductDetailsModal.d.ts +10 -0
  5. package/dist/esm/components/BundleBlock/FixedBundle/fixedBundle.style.d.ts +9 -3
  6. package/dist/esm/components/BundleBlock/VolumeBundle/volumeBundle.style.d.ts +3 -1
  7. package/dist/esm/components/Cart/Cart.d.ts +0 -2
  8. package/dist/esm/components/Cart/CartDrawer.d.ts +0 -9
  9. package/dist/esm/components/Cart/CartProductsList.d.ts +1 -0
  10. package/dist/esm/components/Cart/NextFreebieRow.d.ts +3 -0
  11. package/dist/esm/components/shared/Spinner.d.ts +23 -0
  12. package/dist/esm/components/shared/index.d.ts +2 -0
  13. package/dist/esm/index.js +337 -337
  14. package/dist/esm/types/components/BundleBlock/Bundle.d.ts +12 -11
  15. package/dist/esm/types/components/BundleBlock/BundleBuilder/bundleBuilder.style.d.ts +3 -1
  16. package/dist/esm/types/components/BundleBlock/BundleBuilderTracker/bundleBuilderTracker.style.d.ts +3 -1
  17. package/dist/esm/types/components/BundleBlock/BundleProductDetailsModal/BundleProductDetailsModal.d.ts +10 -0
  18. package/dist/esm/types/components/BundleBlock/FixedBundle/fixedBundle.style.d.ts +9 -3
  19. package/dist/esm/types/components/BundleBlock/VolumeBundle/volumeBundle.style.d.ts +3 -1
  20. package/dist/esm/types/components/Cart/Cart.d.ts +0 -2
  21. package/dist/esm/types/components/Cart/CartDrawer.d.ts +0 -9
  22. package/dist/esm/types/components/Cart/CartProductsList.d.ts +1 -0
  23. package/dist/esm/types/components/Cart/NextFreebieRow.d.ts +3 -0
  24. package/dist/esm/types/components/shared/Spinner.d.ts +23 -0
  25. package/dist/esm/types/components/shared/index.d.ts +2 -0
  26. package/dist/index.d.ts +13 -21
  27. package/package.json +1 -1
@@ -264,6 +264,17 @@ export type Customizations = {
264
264
  createdAt?: string;
265
265
  updatedAt?: string;
266
266
  };
267
+ export type ProductTier = {
268
+ tier: number;
269
+ title: string;
270
+ minimumQuantity: number;
271
+ isFixed?: boolean;
272
+ isFreebieTier?: boolean;
273
+ products: {
274
+ productId: string;
275
+ variantIds: string[];
276
+ }[];
277
+ };
267
278
  export type BundlePayload = {
268
279
  showIndividualProductSelector: boolean;
269
280
  title?: string;
@@ -305,17 +316,7 @@ export type BundlePayload = {
305
316
  minimumQuantity: number;
306
317
  discountValue: number;
307
318
  }[];
308
- productTier?: {
309
- tier: number;
310
- title: string;
311
- minimumQuantity: number;
312
- isFixed?: boolean;
313
- isFreebieTier?: boolean;
314
- products: {
315
- productId: string;
316
- variantIds: string[];
317
- }[];
318
- }[];
319
+ productTier?: ProductTier[];
319
320
  };
320
321
  volumeTiers?: {
321
322
  isDefault: unknown;
@@ -28,7 +28,9 @@ export declare const PriceContainer: import("styled-components/dist/types").ISty
28
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
29
  borderRadius: string;
30
30
  }>> & string;
31
- export declare const AddedButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>, {
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
+ }, {
32
34
  borderRadius: string;
33
35
  }>> & string;
34
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;
@@ -30,7 +30,9 @@ export declare const ItemImageBox: import("styled-components/dist/types").IStyle
30
30
  export declare const QuantityBadge: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
31
31
  borderRadius: string;
32
32
  }>> & string;
33
- export declare const RemoveButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
33
+ export declare const RemoveButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
34
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
35
+ }>, never>, never>> & string;
34
36
  export declare const DetailedItemContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
35
37
  borderRadius: string;
36
38
  }>> & string;
@@ -8,6 +8,9 @@ type BundleProductDetailsModalProps = {
8
8
  product: ProductDetails;
9
9
  quantity: number;
10
10
  }[];
11
+ selectedProductsByTier?: {
12
+ [tier: number]: string[];
13
+ };
11
14
  remainingQuantity: number;
12
15
  hideAddToBundle: boolean;
13
16
  disableQuantitySelector: boolean;
@@ -21,6 +24,13 @@ type BundleProductDetailsModalProps = {
21
24
  averageRating: number;
22
25
  ratingCount: number;
23
26
  };
27
+ customVariantsQuantity?: {
28
+ quantity: number;
29
+ variantId: string;
30
+ }[];
31
+ bundleProductsCustomQuantity?: number | null;
32
+ isFreebieTier?: boolean;
33
+ showFreebieTierProductPrices?: boolean;
24
34
  };
25
35
  declare const BundleProductDetailsModal: React.ForwardRefExoticComponent<BundleProductDetailsModalProps & React.RefAttributes<HTMLDivElement>>;
26
36
  export default BundleProductDetailsModal;
@@ -48,7 +48,9 @@ export declare const PriceLine: import("styled-components/dist/types").IStyledCo
48
48
  export declare const SummaryBlock: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
49
49
  export declare const AddBundleButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
50
50
  export declare const PlusWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
51
- export declare const PlusWrapperWithHiding: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, never>> & string;
51
+ export declare const PlusWrapperWithHiding: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
52
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
53
+ }, never>> & string;
52
54
  export declare const PlusSeparator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
53
55
  export declare const DropdownContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
54
56
  export declare const DropdownHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -72,13 +74,17 @@ export declare const OptionRow: import("styled-components/dist/types").IStyledCo
72
74
  export declare const OptionLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
73
75
  export declare const CheckboxContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
74
76
  export declare const HiddenCheckbox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
75
- export declare const StyledCheckboxLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>>, never>, {
77
+ export declare const StyledCheckboxLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
78
+ ref?: ((instance: HTMLLabelElement | null) => void) | import("react").RefObject<HTMLLabelElement> | null | undefined;
79
+ }>, never>, {
76
80
  isChecked: boolean;
77
81
  borderColor?: string | undefined;
78
82
  borderRadius?: string | undefined;
79
83
  backgroundColor?: string | undefined;
80
84
  }>> & string;
81
85
  export declare const HorizontalCheckboxWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
82
- export declare const VerticalCheckboxWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, {
86
+ export declare const VerticalCheckboxWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
87
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
88
+ }, {
83
89
  isImage?: boolean | undefined;
84
90
  }>> & string;
@@ -61,7 +61,9 @@ export declare const RadioWrapper: import("styled-components/dist/types").IStyle
61
61
  isActive?: boolean | undefined;
62
62
  accentColor?: string | undefined;
63
63
  }>> & string;
64
- export declare const HiddenRadio: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>>, never>, never>> & string;
64
+ export declare const HiddenRadio: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
65
+ ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
66
+ }>, never>, never>> & string;
65
67
  export declare const CustomRadio: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
66
68
  accentColor?: string | undefined;
67
69
  }>> & string;
@@ -1,5 +1,4 @@
1
1
  import React from "react";
2
- import { DrawerLayout } from "./CartDrawer";
3
2
  import { stickyCartCustomizationDataProps } from "./StickyCart";
4
3
  import { CartOffersCarousalProps } from "./CartOffersCarousel";
5
4
  import { freebieMilestoneProps } from "./NextFreebieRow";
@@ -214,7 +213,6 @@ export interface CartProps {
214
213
  variantId: string;
215
214
  price: number;
216
215
  }[]) => Promise<void>;
217
- drawerLayout?: DrawerLayout;
218
216
  }
219
217
  declare const Cart: React.FC<CartProps>;
220
218
  export default Cart;
@@ -16,15 +16,6 @@ interface CartDrawerProps extends CartProps {
16
16
  enableConfetti?: boolean;
17
17
  checkoutSectionMessageRedirectLink?: string;
18
18
  showCheckoutButtonPaymentIcons?: boolean;
19
- drawerLayout?: DrawerLayout;
20
- }
21
- export interface DrawerLayout {
22
- headerIds?: string[];
23
- scroll?: {
24
- topIds?: string[];
25
- bottomIds?: string[];
26
- };
27
- footerIds?: string[];
28
19
  }
29
20
  declare const CartDrawer: React.FC<CartDrawerProps>;
30
21
  export default CartDrawer;
@@ -39,6 +39,7 @@ type CartProductsListProps = {
39
39
  checkoutSectionMessageRedirectLink?: string;
40
40
  showFreebieMilestone?: boolean;
41
41
  freebieMilestoneData?: freebieMilestoneProps;
42
+ freebieProductsInCart?: any[];
42
43
  };
43
44
  declare const CartProductsList: React.FC<CartProductsListProps>;
44
45
  export default CartProductsList;
@@ -6,6 +6,8 @@ type NextFreebieRowProps = {
6
6
  themeColor?: string;
7
7
  tertiaryColor?: string;
8
8
  imageUrl?: string;
9
+ showFreebieImage?: boolean;
10
+ freebieImageUrl?: string;
9
11
  };
10
12
  export type freebieMilestoneProps = {
11
13
  enableFreebieMilestone: boolean;
@@ -14,6 +16,7 @@ export type freebieMilestoneProps = {
14
16
  path: string;
15
17
  };
16
18
  campaignFilter?: string;
19
+ showFreebieImage?: boolean;
17
20
  };
18
21
  declare const NextFreebieRow: React.FC<NextFreebieRowProps>;
19
22
  export default NextFreebieRow;
@@ -0,0 +1,23 @@
1
+ import React from "react";
2
+ export interface SpinnerProps {
3
+ color?: string;
4
+ size?: number;
5
+ loading?: boolean;
6
+ }
7
+ /**
8
+ * A lightweight CSS-only spinner component to replace ClipLoader from react-spinners.
9
+ * Uses CSS animations for the spinning effect.
10
+ */
11
+ export declare const Spinner: React.FC<SpinnerProps>;
12
+ export interface ScaleLoaderProps {
13
+ color?: string;
14
+ loading?: boolean;
15
+ height?: number;
16
+ width?: number;
17
+ }
18
+ /**
19
+ * A lightweight CSS-only scale loader component to replace ScaleLoader from react-spinners.
20
+ * Displays animated bars that pulse in sequence.
21
+ */
22
+ export declare const ScaleLoader: React.FC<ScaleLoaderProps>;
23
+ export default Spinner;
@@ -0,0 +1,2 @@
1
+ export { Spinner, ScaleLoader } from "./Spinner";
2
+ export type { SpinnerProps, ScaleLoaderProps } from "./Spinner";