yt-uikit 0.9.30 → 0.9.32

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

@@ -8,6 +8,10 @@ export interface LoyaltyCatalogTier {
     value: number;
     label?: string;
 }
+export interface LoyaltyCatalogFilter {
+    id: string | number;
+    label: string;
+}
 export interface LoyaltyCatalogProduct {
     id: string | number;
     imageUrl: string;
@@ -15,7 +19,8 @@ export interface LoyaltyCatalogProduct {
     productUrl?: string;
     description?: string;
     disabled?: boolean;
-    coinsRequired: number;
+    couponType?: "fixed_points_product" | "fixed_price_product" | "fixed_percentage_points_product";
+    coinsRequired?: number | null;
     price?: string | number;
     mrp?: string | number;
     rating?: number;
@@ -51,6 +56,9 @@ export interface LoyaltyProductCatalogConfig {
     tiers: LoyaltyCatalogTier[];
     selectedTierId?: string | number;
     onTierChange?: (tier: LoyaltyCatalogTier) => void;
+    filters?: LoyaltyCatalogFilter[];
+    selectedFilterId?: string | number;
+    onFilterChange?: (filter: LoyaltyCatalogFilter) => void;
     products: LoyaltyCatalogProduct[];
     ctaText?: string;
 }

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

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

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

@@ -1,64 +1,153 @@
 import React from "react";
+import "../Loyalty/fonts.css";
+type LoyaltyVisibility = "show" | "hide";
+type LoyaltyAlignment = "left" | "center" | "right";
+type LoyaltyImagePosition = "left" | "right";
+type LoyaltyActionHandler<TArgs extends unknown[] = []> = (...args: TArgs) => Promise<void> | void;
+declare const loyaltyDefaultSectionOrder: readonly ["banner", "referrals", "gettingStarted", "waysToEarn", "customImage", "customHtml", "vipTiers", "rewards"];
+type LoyaltySectionId = (typeof loyaltyDefaultSectionOrder)[number];
+export interface LoyaltySectionBadgeConfig {
+    enabled?: boolean;
+    title?: string;
+}
+export interface LoyaltySectionConfig {
+    visibility?: LoyaltyVisibility;
+    backgroundColor?: string;
+    fontColor?: string;
+    badge?: LoyaltySectionBadgeConfig;
+}
+export interface LoyaltyTextContentConfig {
+    title?: string;
+    subtitle?: string;
+}
+export interface LoyaltyButtonContentConfig extends LoyaltyTextContentConfig {
+    buttonText?: string;
+}
+export interface LoyaltyBalanceContentConfig extends LoyaltyTextContentConfig {
+    balanceCoins?: string | number;
+    currentTier?: string | null;
+    nextTier?: string | null;
+    currentLtv?: number | string | null;
+    nextTierLtv?: number | string | null;
+    tierIcon?: string;
+}
+export interface LoyaltyBannerConfig extends LoyaltySectionConfig {
+    alignment?: LoyaltyAlignment;
+    imageUrl?: string;
+    showTierProgress?: boolean;
+    guestView?: LoyaltyButtonContentConfig;
+    signedInView?: LoyaltyBalanceContentConfig;
+}
+export interface LoyaltyReferralContentConfig extends LoyaltyTextContentConfig {
+    referralLinkValue?: string;
+}
+export interface LoyaltyImageSectionConfig extends LoyaltySectionConfig {
+    imageUrl?: string;
+    imagePosition?: LoyaltyImagePosition;
+}
+export interface LoyaltyReferralsConfig extends LoyaltyImageSectionConfig {
+    guestVisibility?: boolean;
+    guestView?: LoyaltyButtonContentConfig;
+    signedInView?: LoyaltyReferralContentConfig;
+}
+export interface LoyaltyGettingStartedStepConfig {
+    title?: string;
+    description?: string;
+}
+export interface LoyaltyGettingStartedConfig extends LoyaltySectionConfig {
+    title?: string;
+    subtitle?: string;
+    steps?: LoyaltyGettingStartedStepConfig[];
+}
+export type LoyaltyWaysToEarnIconType = "signup" | "birthday" | "feedback" | "wallet" | "referral" | "instagram" | "facebook" | "twitter" | "youtube";
+export type LoyaltyWaysToEarnIcon = LoyaltyWaysToEarnIconType | React.ReactNode;
+export interface LoyaltyWaysToEarnItemConfig {
+    icon?: LoyaltyWaysToEarnIcon;
+    title?: string;
+    description?: string;
+    ctaTitle?: string;
+    ctaVisible?: boolean;
+    ctaDisabled?: boolean;
+    signedInActionLabel?: string;
+    onClick?: LoyaltyActionHandler;
+}
+export interface LoyaltyWaysToEarnConfig extends LoyaltySectionConfig {
+    title?: string;
+    subtitle?: string;
+    guestVisibility?: boolean;
+    showIcons?: boolean;
+    ctaBg?: string;
+    ctaFontColor?: string;
+    items?: LoyaltyWaysToEarnItemConfig[];
+}
+export interface LoyaltyRewardsConfig extends LoyaltyImageSectionConfig {
+    title?: string;
+    description?: string;
+    disclaimerText?: string;
+    bottomCtaTitle?: string;
+    bottomCtaSubtitle?: string;
+    buttonText?: string;
+}
+export interface LoyaltyCustomImageConfig {
+    visibility?: LoyaltyVisibility;
+    imageUrl?: string;
+}
+export interface LoyaltyCustomHtmlConfig {
+    visibility?: LoyaltyVisibility;
+    htmlText?: string;
+}
+export interface LoyaltyVipTierColumnConfig {
+    id: string;
+    title: string;
+    pointsLabel?: string;
+    headerBackgroundColor?: string;
+    indicatorColor?: string;
+}
+export interface LoyaltyVipTierBenefitRowConfig {
+    title: string;
+    description?: string;
+    tierIds: string[];
+}
+export interface LoyaltyVipTierSignedInStatusConfig {
+    tierId: string;
+    text: string;
+}
+export interface LoyaltyVipTiersSignedInViewConfig {
+    benefitHeaderLabel?: string;
+    statusLabel?: string;
+    statuses?: LoyaltyVipTierSignedInStatusConfig[];
+}
+export interface LoyaltyVipTiersConfig extends LoyaltySectionConfig {
+    title?: string;
+    subtitle?: string;
+    benefitHeaderLabel?: string;
+    tiers?: LoyaltyVipTierColumnConfig[];
+    rows?: LoyaltyVipTierBenefitRowConfig[];
+    signedInView?: LoyaltyVipTiersSignedInViewConfig;
+}
 export interface LoyaltyPageConfigType {
-    heroDesktopImage?: string;
-    heroMobileImage?: string;
-    heroTitle?: string;
-    heroSubtitle?: string;
-    heroTextAlignment?: "left" | "center" | "right";
-    heroSubtitleFontSize?: string;
-    heroSubtitleColor?: string;
-    heroSubtitleFontWeight?: string;
-    heroTitleFontSize?: string;
-    heroTitleColor?: string;
-    heroRegistrationCTAVisibility?: boolean;
+    sectionOrder?: LoyaltySectionId[];
+    banner?: LoyaltyBannerConfig;
+    referrals?: LoyaltyReferralsConfig;
+    gettingStarted?: LoyaltyGettingStartedConfig;
+    waysToEarn?: LoyaltyWaysToEarnConfig;
+    vipTiers?: LoyaltyVipTiersConfig;
+    rewards?: LoyaltyRewardsConfig;
+    customImage?: LoyaltyCustomImageConfig;
+    customHtml?: LoyaltyCustomHtmlConfig;
     primaryColor?: string;
     primaryContrastColor?: string;
     secondaryColor?: string;
     secondaryContrastColor?: string;
-    accentColor?: string;
-    borderColor?: string;
-    themeRoundness?: string;
-    heroBannerVisibility?: "show" | "hide";
-    stepsVisibility?: "show" | "hide";
-    waysToEarnVisibility?: "show" | "hide";
-    waysToEarnCustomText?: string;
-    customSectionVisibility?: "show" | "hide";
-    footerSignupVisibility?: "show" | "hide";
-    customSectionImagePosition?: "left" | "right";
-    customSectionTitle?: string;
-    customSectionSubtitle?: string;
-    customSectionTitleFontSize?: string;
-    customSectionSubtitleFontSize?: string;
-    customSectionImage?: string;
-    customSectionTextAlignment?: "left" | "center" | "right";
-    customSectionTitleColor?: string;
-    customSectionSubtitleColor?: string;
-    stepsTitle?: string;
-    stepsSubtitle?: string;
-    step1Title?: string;
-    step1Description?: string;
-    step2Title?: string;
-    step2Description?: string;
-    step3Title?: string;
-    step3Description?: string;
-    footerCustomText?: string;
-    footerSignupSubtext?: string;
-}
-export interface BrandConfigType {
-    newSignupTokens?: number;
-    firstOrderTokens?: number;
-    instagramFollowPoints?: number;
-    twitterFollowPoints?: number;
-    facebookFollowPoints?: number;
-    youtubeSubscriptionPoints?: number;
-    rewardToLeaveReview?: number;
-    birthdayPoints?: number;
-    referralPointsForReferrer?: number;
-    tokenCreditPercentage?: number;
-    brandTokenName?: string;
-}
-declare const LoyaltyPageBlock: ({ config, brandConfig, }: {
+}
+export interface LoyaltyPageProps {
     config: LoyaltyPageConfigType;
-    brandConfig?: BrandConfigType | undefined;
-}) => React.JSX.Element;
+    signedIn?: boolean;
+    userData?: any;
+    onBannerButtonClick?: LoyaltyActionHandler;
+    onReferralButtonClick?: LoyaltyActionHandler;
+    onReferralCopyClick?: LoyaltyActionHandler<[referralLink: string]>;
+    onRewardsButtonClick?: LoyaltyActionHandler;
+}
+export declare const LoyaltyPageBlock: ({ config, signedIn, userData, onBannerButtonClick, onReferralButtonClick, onReferralCopyClick, onRewardsButtonClick, }: LoyaltyPageProps) => React.JSX.Element;
 export default LoyaltyPageBlock;

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

@@ -4,6 +4,6 @@ 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 type { LoyaltyProductCatalogConfig, LoyaltyCatalogProduct, LoyaltyCatalogTier, LoyaltyCatalogFilter, CatalogDisplayMode, CatalogTextAlignment, } from "./Loyalty";
+export { default as LoyaltyPageBlock, LoyaltyPageConfigType, LoyaltyPageProps, } from "./LoyaltyPageBlock/LoyaltyPageBlock";
 export { default as ProductOffers, ProductsOffersConfigType, CartCheckpoint, } from "./ProductOffersBlock/ProductsOffers";