yt-uikit 0.7.411 → 0.7.413-mixAndMatchUI.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/dist/esm/components/BundleBlock/Bundle.d.ts +1 -0
- package/dist/esm/components/BundleBlock/BundleBuilder/ResponsiveBgImage.d.ts +9 -0
- package/dist/esm/components/BundleBlock/ProductGridSkeleton/ProductGridSkeleton.d.ts +5 -0
- package/dist/esm/components/BundleBlock/VolumeBundle/temp.d.ts +3 -0
- package/dist/esm/components/Cart/FreebieClaim.d.ts +17 -0
- package/dist/esm/components/Cart/VariantSelectionPopup/MobileVariantPopover.styled.d.ts +49 -0
- package/dist/esm/hooks/useShadowConfetti.d.ts +1 -0
- package/dist/esm/index.js +447 -446
- package/dist/esm/shadowStyles.d.ts +1 -0
- package/dist/esm/types/components/BundleBlock/Bundle.d.ts +1 -0
- package/dist/esm/types/components/BundleBlock/BundleBuilder/ResponsiveBgImage.d.ts +9 -0
- package/dist/esm/types/components/BundleBlock/ProductGridSkeleton/ProductGridSkeleton.d.ts +5 -0
- package/dist/esm/types/components/BundleBlock/VolumeBundle/temp.d.ts +3 -0
- package/dist/esm/types/components/Cart/FreebieClaim.d.ts +17 -0
- package/dist/esm/types/components/Cart/VariantSelectionPopup/MobileVariantPopover.styled.d.ts +49 -0
- package/dist/esm/types/hooks/useShadowConfetti.d.ts +1 -0
- package/dist/esm/types/shadowStyles.d.ts +1 -0
- package/package.json +1 -1
|
@@ -373,6 +373,7 @@ export type BundleProps = {
|
|
|
373
373
|
};
|
|
374
374
|
export declare const currencyPrice: (price: number | string | undefined) => string | undefined;
|
|
375
375
|
export declare const getCurrencySymbol: (genSymbol: string, storeCurrencyCode?: string) => string;
|
|
376
|
+
export declare const optimiseImage: (url: string) => string;
|
|
376
377
|
export declare const handleAddToBundle: (variantId: string, product: ProductDetails, quantity: number, selectedItems: {
|
|
377
378
|
variantId: string;
|
|
378
379
|
product: ProductDetails;
|
|
@@ -0,0 +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;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
type FreebieClaimProps = {
|
|
3
|
+
freebieProductsInCart: any;
|
|
4
|
+
freebieSectionTitle?: string;
|
|
5
|
+
themeColor?: string;
|
|
6
|
+
themeTextColor?: string;
|
|
7
|
+
checkpoints?: any;
|
|
8
|
+
addFreebieToCart?: (variantId: string, originalAllowedVariantIds?: string[]) => Promise<void>;
|
|
9
|
+
freebiesInCart: string[];
|
|
10
|
+
showFreebieClaimAsPopup?: boolean;
|
|
11
|
+
productClaimCtaButtonText?: string;
|
|
12
|
+
imageAspectSelector?: "square" | "portrait";
|
|
13
|
+
freebieCouponTemplates?: any;
|
|
14
|
+
};
|
|
15
|
+
export declare const FreebieClaimPopup: React.ForwardRefExoticComponent<FreebieClaimProps & React.RefAttributes<HTMLDivElement>>;
|
|
16
|
+
declare const FreebieClaim: React.FC<FreebieClaimProps>;
|
|
17
|
+
export default FreebieClaim;
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const VariantSelectionPopupContainer: 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 ModalContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
4
|
+
$themeColor?: string | undefined;
|
|
5
|
+
$cornerRadius?: number | undefined;
|
|
6
|
+
$backgroundColor?: string | undefined;
|
|
7
|
+
}>> & string;
|
|
8
|
+
export declare const CloseButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
9
|
+
export declare const ProductDetails: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
10
|
+
export declare const ProductImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
|
|
11
|
+
export declare const ProductInfo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
12
|
+
export declare const ProductTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {
|
|
13
|
+
$themeColor?: string | undefined;
|
|
14
|
+
}>> & string;
|
|
15
|
+
export declare const ProductPrice: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
16
|
+
primaryTextColor?: string | undefined;
|
|
17
|
+
}>> & string;
|
|
18
|
+
export declare const OriginalPrice: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
19
|
+
export declare const ViewDetailsLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>> & string;
|
|
20
|
+
export declare const OptionContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
21
|
+
export declare const OptionTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
22
|
+
export declare const OptionsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
23
|
+
export declare const VariantOption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
|
|
24
|
+
$isSelected?: boolean | undefined;
|
|
25
|
+
$isDisabled?: boolean | undefined;
|
|
26
|
+
$themeColor?: string | undefined;
|
|
27
|
+
backgroundColor?: string | undefined;
|
|
28
|
+
}>> & string;
|
|
29
|
+
export declare const CartButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
|
|
30
|
+
$themeColor: string;
|
|
31
|
+
}>> & string;
|
|
32
|
+
export declare const LoaderContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
33
|
+
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;
|
|
34
|
+
export declare const MainSelectorContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
35
|
+
$backgroundColor: string;
|
|
36
|
+
}>> & string;
|
|
37
|
+
export declare const FlexContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
38
|
+
export declare const DetailsSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
39
|
+
export declare const PriceSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
40
|
+
export declare const LinkSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
41
|
+
export declare const ActionsSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
42
|
+
export declare const ReplaceButtonContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
43
|
+
export declare const ReplaceButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
|
|
44
|
+
$themeColor?: string | undefined;
|
|
45
|
+
$cornerRadius?: number | undefined;
|
|
46
|
+
$cornerType?: string | undefined;
|
|
47
|
+
$disabled?: boolean | undefined;
|
|
48
|
+
}>> & string;
|
|
49
|
+
export declare const ReplaceButtonContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function useShadowConfetti(): (options: any) => void;
|