yt-uikit 0.9.8 → 0.9.9-catalog.0

package/dist/esm/components/Loyalty/Loader.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import "./Loader.css";
+interface LoaderProps {
+    size?: number;
+    color?: string;
+    thickness?: number;
+    centered?: boolean;
+}
+export default function Loader({ size, color, thickness, centered, }: LoaderProps): React.JSX.Element;
+export {};

package/dist/esm/components/Loyalty/LoyaltyProductCatalog.d.ts

@@ -0,0 +1,60 @@
+import React from "react";
+import "./fonts.css";
+import "./LoyaltyProductCatalog.css";
+export type CatalogDisplayMode = "wrap" | "grid" | "scroll";
+export type CatalogTextAlignment = "left" | "center" | "right";
+export interface LoyaltyCatalogTier {
+    id: string | number;
+    value: number;
+    label?: string;
+}
+export interface LoyaltyCatalogProduct {
+    id: string | number;
+    imageUrl: string;
+    title: string;
+    description?: string;
+    disabled?: boolean;
+    coinsRequired: number;
+    price?: string | number;
+    mrp?: string | number;
+    rating?: number;
+    reviewCount?: number;
+    buttonText?: string;
+    onButtonClick?: (product: LoyaltyCatalogProduct) => void | Promise<void>;
+}
+export interface LoyaltyProductCatalogConfig {
+    filterBy?: string;
+    selectType?: string;
+    selectCampaign?: string;
+    selectCollection?: string;
+    subheading?: string;
+    sectionTitle?: string;
+    catalogBanner?: string;
+    coinBalance?: string | number;
+    coinBalanceLabel?: string;
+    coinIconUrl?: string;
+    display?: CatalogDisplayMode;
+    alignment?: CatalogTextAlignment;
+    titleFontSize?: number;
+    titleColor?: string;
+    subtitleColor?: string;
+    tabBackgroundColor?: string;
+    tabActiveColor?: string;
+    tabActiveTextColor?: string;
+    tabTextColor?: string;
+    cardBackgroundColor?: string;
+    buttonColor?: string;
+    buttonTextColor?: string;
+    buttonBorderColor?: string;
+    borderColor?: string;
+    roundness?: number;
+    tiers: LoyaltyCatalogTier[];
+    selectedTierId?: string | number;
+    onTierChange?: (tier: LoyaltyCatalogTier) => void;
+    products: LoyaltyCatalogProduct[];
+    ctaText?: string;
+}
+declare const LoyaltyProductCatalog: ({ config, }: {
+    config: LoyaltyProductCatalogConfig;
+}) => React.JSX.Element;
+export default LoyaltyProductCatalog;

package/dist/esm/components/Loyalty/index.d.ts

@@ -0,0 +1,2 @@
+export { default as LoyaltyProductCatalog } from "./LoyaltyProductCatalog";
+export type { LoyaltyProductCatalogConfig, LoyaltyCatalogProduct, LoyaltyCatalogTier, CatalogDisplayMode, CatalogTextAlignment, } from "./LoyaltyProductCatalog";

package/dist/esm/components/index.d.ts

@@ -3,5 +3,7 @@ export { default as SpinnerWheel } from "./SpinnerWheel";
 export { default as Cart } from "./Cart";
 export { default as Bundle } from "./BundleBlock";
 export { default as BundleLoader } from "./BundleBlock/Loader";
+export { LoyaltyProductCatalog as LoyaltyProductCatalog } from "./Loyalty";
+export type { LoyaltyProductCatalogConfig, LoyaltyCatalogProduct, LoyaltyCatalogTier, CatalogDisplayMode, CatalogTextAlignment, } from "./Loyalty";
 export { default as LoyaltyPageBlock, LoyaltyPageConfigType, BrandConfigType, } from "./LoyaltyPageBlock/LoyaltyPageBlock";
 export { default as ProductOffers, ProductsOffersConfigType, CartCheckpoint, } from "./ProductOffersBlock/ProductsOffers";