yt-uikit 0.10.16 → 0.10.17

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

@@ -1,6 +1,6 @@
 import React from "react";
 import "./profile.css";
 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, 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, 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 & {
     signedIn?: boolean;
 }): React.JSX.Element;

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

@@ -1,32 +1,8 @@
 import React from "react";
 import "./RecentTransactions.css";
-type TxKind = "earned" | "expired" | "availed";
-type TxItem = {
-    id: string;
-    dateLabel: string;
-    title: string;
-    amount: string | number;
-    kind: TxKind;
-    meta?: string;
-};
-type MonthGroup = {
-    monthTitle: string;
-    items: TxItem[];
-};
-type PendingBanner = {
-    deltaLabel: string;
-    orderId?: string;
-    status?: string;
-    note?: string;
-};
-export default function TransactionHistory({ totals, pending, months, }: {
-    totals?: {
-        saved: string;
-        earned: string;
-        available: string;
-        expired: string;
-    };
-    pending?: PendingBanner;
-    months?: MonthGroup[];
+import type { RecentTransactionsData } from "./types";
+export default function TransactionHistory({ data, tokenName, currencySymbol, }: {
+    data?: RecentTransactionsData;
+    tokenName?: string;
+    currencySymbol?: string;
 }): React.JSX.Element;
-export {};

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

@@ -1,4 +1,6 @@
 import type { CSSProperties } from "react";
 declare const styles: Record<string, CSSProperties>;
+export declare const rowStyle: (kind: "earned" | "expired" | "availed") => CSSProperties;
 export declare const rowBodyStyle: (kind: "earned" | "expired" | "availed") => CSSProperties;
+export declare const caretStyle: (kind: "earned" | "expired" | "availed") => CSSProperties;
 export default styles;

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

@@ -54,6 +54,7 @@ export interface LoyaltyProfileProps {
     userData?: UserData;
     activityRewards?: BrandActivityRewardSettings;
     brandRewardProgram: BrandRewardProgram;
+    recentTransactionsData?: RecentTransactionsData;
     onBirthdayUpdate: (date: string) => Promise<boolean>;
     onSocialClick: (url: string, type: string) => Promise<boolean>;
     isLoading: boolean;
@@ -342,6 +343,37 @@ export interface ReferralRewardDetails {
         freebieType?: string;
     } | null;
 }
+export type RecentTransactionType = "earned" | "expired" | "availed";
+export type RecentTransactionActivityType = "order" | "first_order" | "second_order" | "signup" | "bulk_insert_signup" | "birthday" | "referral_signup" | "referral_first_order" | "referee_signup" | "referee_first_order" | "referee_order" | "social_instagram" | "social_facebook" | "social_facebook_like" | "social_facebook_share" | "social_twitter" | "social_youtube" | "social_custom_link" | "review_comment" | "segment_reward" | "admin_balance_update" | "consumer_balance_increase" | "consumer_balance_decrease" | "membership_tier_acquisition" | "catalog_offer_redemption" | "discount_creation" | "consumer_discount_creation" | "points_expiration";
+export type RecentTransactionCriteria = "payment" | "shipment" | "delivery" | "payment+shipment" | "payment+delivery";
+export type RecentTransactionOrderStatus = "awaiting_payment" | "confirmed" | "in_transit" | "delivered" | "processing";
+export interface RecentTransactionApiItem {
+    id: string;
+    type: RecentTransactionType;
+    activityType: RecentTransactionActivityType;
+    points: number;
+    createdAt: string;
+}
+export interface RecentTransactionPendingItem {
+    id: string;
+    points: number;
+    activityType: RecentTransactionActivityType;
+    orderId?: string;
+    criteria?: RecentTransactionCriteria;
+    orderStatus?: RecentTransactionOrderStatus;
+    createdAt: string;
+}
+export interface RecentTransactionSummary {
+    totalSaved: number;
+    totalEarned: number;
+    totalAvailed: number;
+    totalExpired: number;
+}
+export interface RecentTransactionsData {
+    summary: RecentTransactionSummary;
+    pending?: RecentTransactionPendingItem[];
+    transactions: RecentTransactionApiItem[];
+}
 export interface CouponAvailResponse {
     discountCode: string;
     discountValueInInr: number;