yt-uikit 0.10.52 → 0.10.53-widget-v2.0

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

@@ -1,5 +1,5 @@
 import React from "react";
-export default function BubbleLauncher({ textColor, backgroundColor, position, yOffsetValue, launcherTitle, borderColor, iconType, addVisibilityDelay, addAttentionWaves, onClick }: {
+export default function BubbleLauncher({ textColor, backgroundColor, position, yOffsetValue, launcherTitle, borderColor, iconType, launcherIcon, addVisibilityDelay, addAttentionWaves, onClick, }: {
     textColor?: string | undefined;
     backgroundColor?: string | undefined;
     position?: string | undefined;
@@ -7,6 +7,7 @@ export default function BubbleLauncher({ textColor, backgroundColor, position, y
     launcherTitle?: string | undefined;
     borderColor?: string | undefined;
     iconType?: string | undefined;
+    launcherIcon?: string | undefined;
     addVisibilityDelay?: boolean | undefined;
     addAttentionWaves?: boolean | undefined;
     onClick?: (() => void) | undefined;

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

@@ -1,5 +1,5 @@
 import React from "react";
-import "./modal.css";
+import "./styles";
 import { RewardsModalProps } from "./types";
 import "react-international-phone/style.css";
 export default function GuestDesktopWithoutImage({ config, }: {

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

@@ -1,5 +1,5 @@
 import React from "react";
-import "./modal.css";
+import "./styles";
 import { RewardsModalProps } from "./types";
 export default function GuestMobile({ config }: {
     config: RewardsModalProps;

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

@@ -1,7 +1,6 @@
 import React from "react";
 import { LoyaltyProfileProps } from "./types";
-import "./profile.css";
-import "./fonts.css";
+import "./styles";
 export default function LoyaltyProfile({ config, }: {
     config: LoyaltyProfileProps;
 }): React.JSX.Element;

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

@@ -1,6 +1,6 @@
 import React from "react";
-import "./profile.css";
+import "./styles";
 import { LoyaltyProfileProps, RewardsModalProps } from "./types";
-export default function LoyaltyWidget({ signedIn, previewMode, bannerBackground, bannerBackgroundType, bannerImage, bannerTextColor, themePrimaryColor, themeContrastColor, themeSecondaryColor, themeSecondaryContrastColor, themeBackgroundColor, themeTextColor, themeAccentColor, widgetOpen, widgetPosition, guestWidgetImage, widgetRoundedCorners, ctaMainColor, ctaMainContrastColor, ctaPrimaryColor, ctaPrimaryContrastColor, ctaBorderColor, ctaSecondaryColor, ctaSecondaryContrastColor, ctaShowIcon, ctaBorderRadius, showWaysToEarn, showWCoinValue, showReferral, showTransactions, showVipSection, brandName, brandLogoUrl, headingEyebrow, balanceCoins, maxRedeemableCoins, coinValInr, currencyCode, tokenName, rateTitle, rateSub, couponHeading, couponCode, couponList, onCouponAvail, couponImage, referralLink, userRewardTier, brandRewardTiers, watermarkColor, bannerTextAlignment, showWatermark, showLogo, logourl, guestGreeting, userGreeting, existingUserGreeting, phone, email, emailRequired, onPhoneChange, onEmailChange, validatePhone, setEmailRequired, onClose, onRegister, onLogout, handleChangeNumber, handleResendOtp, handleSessionDetected, onSendOTP, isSessionDetected, authType, formFilled, redirectUrl, ctaTitle, registerLink, brandTitle, heading, subcopy, termsHref, privacyHref, isLoading, userData, activityRewards, brandRewardProgram, recentTransactionsData, onBirthdayUpdate, onSocialClick, countryCode, isMobilePreview, viewportMode }: LoyaltyProfileProps & RewardsModalProps & {
+export default function LoyaltyWidget({ signedIn, previewMode, bannerBackground, bannerBackgroundType, bannerImage, bannerTextColor, themePrimaryColor, themeContrastColor, themeSecondaryColor, themeSecondaryContrastColor, themeBackgroundColor, themeTextColor, themeAccentColor, widgetOpen, widgetPosition, guestWidgetImage, widgetRoundedCorners, ctaMainColor, ctaMainContrastColor, ctaPrimaryColor, ctaPrimaryContrastColor, ctaBorderColor, ctaSecondaryColor, ctaSecondaryContrastColor, ctaShowIcon, ctaBorderRadius, showWaysToEarn, showWaysToRedeem, showWCoinValue, showReferral, showTransactions, showVipSection, brandName, brandLogoUrl, headingEyebrow, balanceCoins, maxRedeemableCoins, redemptionMovRequired, coinValInr, coinIcon, currencyCode, tokenName, rateTitle, rateSub, couponHeading, couponCode, couponList, freebies, onCouponAvail, couponImage, referralLink, userRewardTier, brandRewardTiers, watermarkColor, bannerTextAlignment, showWatermark, showLogo, logourl, guestGreeting, userGreeting, existingUserGreeting, phone, email, emailRequired, onPhoneChange, onEmailChange, validatePhone, setEmailRequired, onClose, onRegister, onLogout, handleChangeNumber, handleResendOtp, handleSessionDetected, onSendOTP, isSessionDetected, authType, formFilled, redirectUrl, ctaTitle, registerLink, brandTitle, heading, subcopy, termsHref, privacyHref, isLoading, userData, activityRewards, brandRewardProgram, recentTransactionsData, customCss, enableCustomCss, customHTML, onBirthdayUpdate, onSocialClick, onFeedbackRewardClick, countryCode, isMobilePreview, viewportMode }: LoyaltyProfileProps & RewardsModalProps & {
     signedIn?: boolean;
 }): React.JSX.Element;

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

@@ -1,5 +1,5 @@
 import React from "react";
-import "./modal.css";
+import "./styles";
 export default function OtpStep({ phoneLabel, authType, email, length, onConfirm, onResend, onChangeNumber, setToast, loading, tone, themeBackgroundColor, themeAccentColor, themeTextColor, ctaPrimaryColor, ctaPrimaryContrastColor, countryCode, }: {
     phoneLabel?: string | undefined;
     authType: any;

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

@@ -1,5 +1,5 @@
 import React from "react";
-import "./modal.css";
+import "./styles";
 import { RewardsModalProps } from "./types";
 export declare const isEmailValid: (email: string) => boolean;
 export declare const COUNTRY_PHONE_CODE_MAP: Record<string, string>;

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

@@ -1,11 +1,12 @@
 import React from "react";
-export default function RibbonLauncher({ textColor, backgroundColor, launcherTitle, offerTitle, borderColor, iconType, addVisibilityDelay, onClick, }: {
+export default function RibbonLauncher({ textColor, backgroundColor, launcherTitle, offerTitle, borderColor, iconType, launcherIcon, addVisibilityDelay, onClick, }: {
     textColor?: string | undefined;
     backgroundColor?: string | undefined;
     launcherTitle?: string | undefined;
     offerTitle?: string | undefined;
     borderColor?: string | undefined;
     iconType?: string | undefined;
+    launcherIcon?: string | undefined;
     addVisibilityDelay?: boolean | undefined;
     onClick?: (() => void) | undefined;
 }): React.JSX.Element;

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

@@ -1,5 +1,5 @@
 import React from "react";
-export default function StickyLauncher({ textColor, backgroundColor, position, yOffsetValue, launcherTitle, borderColor, iconType, addVisibilityDelay, addAttentionWaves, onClick, }: {
+export default function StickyLauncher({ textColor, backgroundColor, position, yOffsetValue, launcherTitle, borderColor, iconType, launcherIcon, addVisibilityDelay, addAttentionWaves, onClick, }: {
     textColor?: string | undefined;
     backgroundColor?: string | undefined;
     position?: string | undefined;
@@ -7,6 +7,7 @@ export default function StickyLauncher({ textColor, backgroundColor, position, y
     launcherTitle?: string | undefined;
     borderColor?: string | undefined;
     iconType?: string | undefined;
+    launcherIcon?: string | undefined;
     addVisibilityDelay?: boolean | undefined;
     addAttentionWaves?: boolean | undefined;
     onClick?: (() => void) | undefined;

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

@@ -10,10 +10,11 @@ type WaysToEarnProps = {
     activityRewards?: BrandActivityRewardSettings;
     onBirthdayUpdate: (date: string) => Promise<boolean>;
     onSocialClick: (url: string, type: string) => Promise<boolean>;
+    onFeedbackRewardClick?: (url: string, type?: "feedback" | "image_feedback") => Promise<boolean>;
     isLoading: boolean;
     brandRewardProgram: BrandRewardProgram;
 };
-export default function WaysToEarn({ userData, ctaContrastColor, ctaPrimaryColor, currencyCode, activityRewards, onBirthdayUpdate, onSocialClick, isLoading, brandRewardProgram, }: WaysToEarnProps): JSX.Element;
+export default function WaysToEarn({ userData, ctaContrastColor, ctaPrimaryColor, currencyCode, activityRewards, onBirthdayUpdate, onSocialClick, onFeedbackRewardClick, isLoading, brandRewardProgram, }: WaysToEarnProps): JSX.Element;
 export declare function formatReferralRewardValue(reward?: ReferralRewardDetails, coinName?: string, currencyCode?: string): string | null;
 export declare function ReferralRewardTitle({ title, referrerReward, refereeReward, }: {
     title?: string;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CouponAvailResponse } from "./types";
+import { BrandRewardProgram, CouponAvailResponse, RewardTier, UserRewardTier } from "./types";
 import "./WaysToRedeem.css";
 import "./styles/shared.css";
 export interface IdsActive {
@@ -53,6 +53,9 @@ export interface CouponTemplate {
     limitFreebieQuantity: number;
     hideFromSEO: boolean;
     freebieType: string | null;
+    oneTimeClaim?: boolean;
+    restrictTo?: "none" | "tier";
+    rewardTierIds?: number[];
     startDate: string | null;
     endDate: string | null;
     scheduleIds: number[] | null;
@@ -60,8 +63,29 @@ export interface CouponTemplate {
     maxFreebiesInTier: number;
     __entity: string;
 }
+export interface FreebieProduct {
+    image?: string;
+    title?: string;
+    productId?: string;
+    variantId?: string;
+}
+export interface FreebieCouponTemplate {
+    couponTemplateId: number;
+    name: string;
+    pointsRequired: number;
+    restrictTo: "none" | "tier";
+    rewardTierIds: number[];
+    minimumOrderValue: number;
+}
+export interface FreebieItem {
+    isActive: boolean;
+    discountCode?: string;
+    couponTemplate: FreebieCouponTemplate;
+    product: FreebieProduct;
+}
 export interface WaysToRedeemProps {
     couponList?: CouponTemplate[];
+    freebies?: FreebieItem[];
     couponHeading?: string;
     couponCode?: string;
     currencyCode?: string;
@@ -74,5 +98,9 @@ export interface WaysToRedeemProps {
     showCTA?: boolean;
     balanceCoins: number;
     ctaBorderRadius?: string;
+    brandRewardProgram?: BrandRewardProgram;
+    redemptionMovRequired?: number | string;
+    userRewardTier?: UserRewardTier;
+    brandRewardTiers?: RewardTier[];
 }
-export default function WaysToRedeem({ couponList, couponHeading, couponCode, currencyCode, onCouponAvail, copyFunction, themeSecondaryContrastColor, themeSecondaryColor, themeBackgroundColor, setScreenType, showCTA, balanceCoins, ctaBorderRadius, }: WaysToRedeemProps): JSX.Element;
+export default function WaysToRedeem({ couponList, freebies, couponHeading, couponCode, currencyCode, onCouponAvail, copyFunction, themeSecondaryContrastColor, themeSecondaryColor, themeBackgroundColor, setScreenType, showCTA, balanceCoins, ctaBorderRadius, brandRewardProgram, redemptionMovRequired, userRewardTier, brandRewardTiers, }: WaysToRedeemProps): JSX.Element;

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

@@ -1,6 +1,6 @@
 import React from "react";
-import "./launcher.css";
-export default function LoyaltyLauncher({ launcherType, textColor, backgroundColor, position, yOffsetValue, launcherTitle, offerTitle, borderColor, iconType, addVisibilityDelay, addAttentionWaves, onClick }: {
+import "./styles";
+export default function LoyaltyLauncher({ launcherType, textColor, backgroundColor, position, yOffsetValue, launcherTitle, offerTitle, borderColor, iconType, launcherIcon, addVisibilityDelay, addAttentionWaves, customCss, enableCustomCss, onClick }: {
     launcherType?: string;
     textColor?: string;
     backgroundColor?: string;
@@ -10,7 +10,10 @@ export default function LoyaltyLauncher({ launcherType, textColor, backgroundCol
     offerTitle?: string;
     borderColor?: string;
     iconType?: string;
+    launcherIcon?: string;
     addVisibilityDelay?: boolean;
     addAttentionWaves?: boolean;
+    customCss?: string;
+    enableCustomCss?: boolean;
     onClick?: () => void;
 }): React.JSX.Element;

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

@@ -0,0 +1,23 @@
+/**
+ * Single stylesheet loader for the Loyalty widget.
+ *
+ * All Loyalty CSS is imported here, ONCE, in cascade order (reset first).
+ * Every Loyalty entry component imports THIS module instead of importing the
+ * `.css` files directly.
+ *
+ * Why: ES modules are singletons, so importing this module from many
+ * components still evaluates it once — each stylesheet is injected exactly
+ * once. Previously reset/modal/profile were imported in many component files
+ * and `rollup-plugin-postcss` injected a duplicate `<style>` per import site
+ * (e.g. 3–4 copies of the same CSS on the page). Routing every import through
+ * this one module collapses that to a single injection per stylesheet.
+ *
+ * IMPORTANT:
+ *  - Keep `reset.css` first (see the header in reset.css for why order matters).
+ *  - Do NOT import any of these `.css` files anywhere else — import "./styles".
+ */
+import "./reset.css";
+import "./fonts.css";
+import "./launcher.css";
+import "./modal.css";
+import "./profile.css";

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

@@ -1,4 +1,4 @@
-import { CouponTemplate } from "./WaysToRedeem";
+import { CouponTemplate, FreebieItem } from "./WaysToRedeem";
 export interface LoyaltyProfileProps {
     isMobile?: boolean;
     previewMode?: boolean;
@@ -27,6 +27,7 @@ export interface LoyaltyProfileProps {
     ctaShowIcon?: boolean;
     ctaBorderRadius?: string;
     showWaysToEarn?: boolean;
+    showWaysToRedeem?: boolean;
     showWCoinValue?: boolean;
     showReferral?: boolean;
     showTransactions?: boolean;
@@ -37,7 +38,9 @@ export interface LoyaltyProfileProps {
     userGreeting?: string;
     balanceCoins?: number | string;
     maxRedeemableCoins?: number | string;
+    redemptionMovRequired?: number | string;
     coinValInr?: number | string;
+    coinIcon?: string;
     currencyCode?: string;
     tokenName?: string;
     brandLogoUrl?: string;
@@ -48,6 +51,7 @@ export interface LoyaltyProfileProps {
     couponImage?: string;
     onCouponAvail: (couponTemplateId: number) => Promise<CouponAvailResponse>;
     couponList?: CouponTemplate[];
+    freebies?: FreebieItem[];
     referralLink?: string;
     userRewardTier?: UserRewardTier;
     brandRewardTiers?: RewardTier[];
@@ -55,8 +59,13 @@ export interface LoyaltyProfileProps {
     activityRewards?: BrandActivityRewardSettings;
     brandRewardProgram: BrandRewardProgram;
     recentTransactionsData?: RecentTransactionsData;
+    customCss?: string;
+    enableCustomCss?: boolean;
+    /** Raw HTML string rendered as a block after all profile sections. */
+    customHTML?: string;
     onBirthdayUpdate: (date: string) => Promise<boolean>;
     onSocialClick: (url: string, type: string) => Promise<boolean>;
+    onFeedbackRewardClick?: (url: string, type?: "feedback" | "image_feedback") => Promise<boolean>;
     isLoading: boolean;
     onWaysToRedeem?: () => void;
     onClose?: () => void;
@@ -222,6 +231,8 @@ export interface BrandRewardProgram {
     redemptionIcon: string;
     redemptionMaxPoints: number;
     redemptionMovRequired: number;
+    redemptionMinimumOrderValue?: number;
+    redemptionMinimumOrderValueStatus?: boolean;
     redemptionCodeCombination: boolean;
     orderRewardCreditReversal: boolean;
     orderRewardRedemtionReversal: boolean;
@@ -276,6 +287,7 @@ export interface BrandActivityRewardSettings {
     creditOnFirstOrderValue: number | null;
     creditOnSecondOrderValue: number | null;
     creditOnFeedbackValue: number | null;
+    creditOnImageFeedbackValue?: number | null;
     creditOnBirthdayValue: number | null;
     creditOnInstagramFollowValue: number | null;
     creditOnInstagramShareValue: number | null;

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

@@ -143,6 +143,8 @@ export interface LoyaltyPageConfigType {
     primaryContrastColor?: string;
     secondaryColor?: string;
     secondaryContrastColor?: string;
+    customCss?: string;
+    enableCustomCss?: boolean;
 }
 export interface LoyaltyPageProps {
     config: LoyaltyPageConfigType;