yt-uikit 0.8.16 → 0.8.17-drawer-layout.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 (29) hide show
  1. package/dist/esm/components/BundleBlock/BundleBuilder/bundleBuilder.style.d.ts +1 -3
  2. package/dist/esm/components/BundleBlock/BundleBuilderTracker/bundleBuilderTracker.style.d.ts +1 -3
  3. package/dist/esm/components/BundleBlock/FixedBundle/fixedBundle.style.d.ts +3 -9
  4. package/dist/esm/components/BundleBlock/VolumeBundle/volumeBundle.style.d.ts +1 -3
  5. package/dist/esm/components/Cart/Cart.d.ts +2 -0
  6. package/dist/esm/components/Cart/CartDrawer.d.ts +9 -0
  7. package/dist/esm/components/Cart/FreebieClaimErrorBoundary.d.ts +28 -0
  8. package/dist/esm/index.js +71 -71
  9. package/dist/esm/types/components/BundleBlock/BundleBuilder/bundleBuilder.style.d.ts +1 -3
  10. package/dist/esm/types/components/BundleBlock/BundleBuilderTracker/bundleBuilderTracker.style.d.ts +1 -3
  11. package/dist/esm/types/components/BundleBlock/FixedBundle/fixedBundle.style.d.ts +3 -9
  12. package/dist/esm/types/components/BundleBlock/VolumeBundle/volumeBundle.style.d.ts +1 -3
  13. package/dist/esm/types/components/Cart/Cart.d.ts +2 -0
  14. package/dist/esm/types/components/Cart/CartDrawer.d.ts +9 -0
  15. package/dist/esm/types/components/Cart/FreebieClaimErrorBoundary.d.ts +28 -0
  16. package/dist/esm/types/utils/freebieErrorLogger.d.ts +68 -0
  17. package/dist/esm/types/utils/freebieValidation.d.ts +45 -0
  18. package/dist/esm/utils/freebieErrorLogger.d.ts +68 -0
  19. package/dist/esm/utils/freebieValidation.d.ts +45 -0
  20. package/dist/index.d.ts +10 -0
  21. package/package.json +1 -1
  22. package/dist/esm/components/Cart/MobileMiniCart.d.ts +0 -21
  23. package/dist/esm/components/Cart/VariantSelectionPopup/MobileVariantPopover.styled.d.ts +0 -49
  24. package/dist/esm/components/shared/Spinner.d.ts +0 -23
  25. package/dist/esm/components/shared/index.d.ts +0 -2
  26. package/dist/esm/types/components/Cart/MobileMiniCart.d.ts +0 -21
  27. package/dist/esm/types/components/Cart/VariantSelectionPopup/MobileVariantPopover.styled.d.ts +0 -49
  28. package/dist/esm/types/components/shared/Spinner.d.ts +0 -23
  29. package/dist/esm/types/components/shared/index.d.ts +0 -2
@@ -28,9 +28,7 @@ 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<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
- }, {
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>, {
34
32
  borderRadius: string;
35
33
  }>> & string;
36
34
  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,9 +30,7 @@ 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>, 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;
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;
36
34
  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>, {
37
35
  borderRadius: string;
38
36
  }>> & string;
@@ -48,9 +48,7 @@ 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<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;
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;
54
52
  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;
55
53
  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;
56
54
  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;
@@ -74,17 +72,13 @@ export declare const OptionRow: import("styled-components/dist/types").IStyledCo
74
72
  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;
75
73
  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;
76
74
  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;
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>, {
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>, {
80
76
  isChecked: boolean;
81
77
  borderColor?: string | undefined;
82
78
  borderRadius?: string | undefined;
83
79
  backgroundColor?: string | undefined;
84
80
  }>> & string;
85
81
  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;
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
- }, {
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>, {
89
83
  isImage?: boolean | undefined;
90
84
  }>> & string;
@@ -61,9 +61,7 @@ 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>, 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;
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;
67
65
  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>, {
68
66
  accentColor?: string | undefined;
69
67
  }>> & string;
@@ -1,4 +1,5 @@
1
1
  import React from "react";
2
+ import { DrawerLayout } from "./CartDrawer";
2
3
  import { stickyCartCustomizationDataProps } from "./StickyCart";
3
4
  import { CartOffersCarousalProps } from "./CartOffersCarousel";
4
5
  import { freebieMilestoneProps } from "./NextFreebieRow";
@@ -213,6 +214,7 @@ export interface CartProps {
213
214
  variantId: string;
214
215
  price: number;
215
216
  }[]) => Promise<void>;
217
+ drawerLayout?: DrawerLayout;
216
218
  }
217
219
  declare const Cart: React.FC<CartProps>;
218
220
  export default Cart;
@@ -16,6 +16,15 @@ 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[];
19
28
  }
20
29
  declare const CartDrawer: React.FC<CartDrawerProps>;
21
30
  export default CartDrawer;
@@ -0,0 +1,28 @@
1
+ import React, { Component, ReactNode } from 'react';
2
+ interface FreebieClaimErrorBoundaryProps {
3
+ children: ReactNode;
4
+ fallback?: ReactNode;
5
+ showErrorUI?: boolean;
6
+ }
7
+ interface FreebieClaimErrorBoundaryState {
8
+ hasError: boolean;
9
+ error: Error | null;
10
+ errorInfo: React.ErrorInfo | null;
11
+ }
12
+ /**
13
+ * Error Boundary for Freebie Claim components
14
+ * Catches React rendering errors and logs them with detailed context
15
+ * Prevents entire cart from crashing when freebie component has errors
16
+ */
17
+ declare class FreebieClaimErrorBoundary extends Component<FreebieClaimErrorBoundaryProps, FreebieClaimErrorBoundaryState> {
18
+ constructor(props: FreebieClaimErrorBoundaryProps);
19
+ static getDerivedStateFromError(error: Error): Partial<FreebieClaimErrorBoundaryState>;
20
+ componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
21
+ render(): ReactNode;
22
+ }
23
+ export default FreebieClaimErrorBoundary;
24
+ /**
25
+ * HOC to wrap a component with FreebieClaimErrorBoundary
26
+ * Usage: const SafeComponent = withFreebieErrorBoundary(MyComponent);
27
+ */
28
+ export declare function withFreebieErrorBoundary<P extends object>(Component: React.ComponentType<P>, showErrorUI?: boolean): React.FC<P>;