yt-uikit 0.10.2-fixed-bundle-ratings.4 → 0.10.3

package/dist/esm/assets/confetti.d.ts

@@ -0,0 +1,2 @@
+declare const confettiAnimation: any;
+export default confettiAnimation;

package/dist/esm/components/BundleBlock/Bundle.d.ts

@@ -251,7 +251,6 @@ type ByobStyle = {
     productFiltersDisplay: "none" | "drawer" | "sidebar";
     filtersProvider: "based-on-products-data" | "search-and-discovery-app-sync";
     selectedFilterOptions: string[];
-    productRatingsDisplay?: string;
 };
 type FixedStyle = {
     titleFontSize: string;
@@ -273,7 +272,6 @@ type FixedStyle = {
     compareAtPriceVisibility: boolean;
     discountBadgeVisibility?: boolean;
     discountBadgeDisplay?: "discount-on-compare" | "discount-on-price";
-    productRatingsDisplay?: string;
 };
 export type Customizations = {
     shop?: string;

package/dist/esm/components/BundleBlock/BundleProductDetailsModal/BundleProductDetailsModal.d.ts

@@ -19,7 +19,7 @@ type BundleProductDetailsModalProps = {
     primaryTextColorCta: string;
     primaryBackgroundColorCta: string;
     styles: Customizations;
-    reviewRatingType?: string;
+    reviewRatingType?: "none" | "ratingOnly" | "ratingAndReviewCount";
     rating?: {
         averageRating: number;
         ratingCount: number;

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

@@ -0,0 +1,8 @@
+import React from "react";
+import "./ActiveSession.css";
+type Props = {
+    onClose?: () => void;
+    handleSessionDetected: () => void;
+};
+export default function ActiveSessionOverlay({ onClose, handleSessionDetected }: Props): React.JSX.Element;
+export {};

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

@@ -0,0 +1,13 @@
+import React from "react";
+export default function BubbleLauncher({ textColor, backgroundColor, position, yOffsetValue, launcherTitle, borderColor, iconType, addVisibilityDelay, addAttentionWaves, onClick }: {
+    textColor?: string | undefined;
+    backgroundColor?: string | undefined;
+    position?: string | undefined;
+    yOffsetValue?: string | undefined;
+    launcherTitle?: string | undefined;
+    borderColor?: string | undefined;
+    iconType?: string | undefined;
+    addVisibilityDelay?: boolean | undefined;
+    addAttentionWaves?: boolean | undefined;
+    onClick?: (() => void) | undefined;
+}): React.JSX.Element;

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

@@ -0,0 +1,5 @@
+import React from "react";
+import { RewardsModalProps } from "./types";
+export default function GuestDesktop({ config, }: {
+    config: RewardsModalProps;
+}): React.JSX.Element;

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

@@ -0,0 +1,7 @@
+import React from "react";
+import "./modal.css";
+import { RewardsModalProps } from "./types";
+import "react-international-phone/style.css";
+export default function GuestDesktopWithoutImage({ config, }: {
+    config: RewardsModalProps;
+}): React.JSX.Element | null;

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

@@ -0,0 +1,6 @@
+import React from "react";
+import "./modal.css";
+import { RewardsModalProps } from "./types";
+export default function GuestMobile({ config }: {
+    config: RewardsModalProps;
+}): React.JSX.Element | null;

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

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

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

@@ -0,0 +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 & {
+    signedIn?: boolean;
+}): React.JSX.Element;

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

@@ -0,0 +1,20 @@
+import React from "react";
+import "./modal.css";
+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;
+    email: any;
+    length?: number | undefined;
+    onConfirm: any;
+    onResend: any;
+    onChangeNumber: any;
+    setToast: any;
+    loading?: boolean | undefined;
+    tone?: string | undefined;
+    themeBackgroundColor: any;
+    themeAccentColor: any;
+    themeTextColor: any;
+    ctaPrimaryColor: any;
+    ctaPrimaryContrastColor: any;
+    countryCode: any;
+}): React.JSX.Element;

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

@@ -0,0 +1,15 @@
+import React from "react";
+export type PointEarnBadgeAlignment = "left" | "center" | "right";
+export interface PointEarnBadgeProps {
+    prefix?: string;
+    iconUrl?: string;
+    suffix?: string;
+    coinsEarned?: number | string;
+    widgetBackground?: string;
+    alignment?: PointEarnBadgeAlignment;
+    textColor?: string;
+    borderColor?: string;
+    badgeRoundness?: string | number;
+    fontSize?: string | number;
+}
+export default function PointEarnBadge({ prefix, iconUrl, suffix, coinsEarned, widgetBackground, alignment, textColor, borderColor, badgeRoundness, fontSize, }: PointEarnBadgeProps): React.JSX.Element;

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

@@ -0,0 +1,32 @@
+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[];
+}): React.JSX.Element;
+export {};

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

@@ -0,0 +1,13 @@
+import React from "react";
+import "./modal.css";
+import { RewardsModalProps } from "./types";
+export declare const isEmailValid: (email: string) => boolean;
+export declare const COUNTRY_PHONE_CODE_MAP: Record<string, string>;
+export declare const COUNTRY_OPTIONS: {
+    cc: string;
+    value: string;
+    label: string;
+}[];
+export default function RewardsModal({ config }: {
+    config: RewardsModalProps;
+}): React.JSX.Element;

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

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

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

@@ -0,0 +1,13 @@
+import React from "react";
+export default function StickyLauncher({ textColor, backgroundColor, position, yOffsetValue, launcherTitle, borderColor, iconType, addVisibilityDelay, addAttentionWaves, onClick, }: {
+    textColor?: string | undefined;
+    backgroundColor?: string | undefined;
+    position?: string | undefined;
+    yOffsetValue?: string | undefined;
+    launcherTitle?: string | undefined;
+    borderColor?: string | undefined;
+    iconType?: string | undefined;
+    addVisibilityDelay?: boolean | undefined;
+    addAttentionWaves?: boolean | undefined;
+    onClick?: (() => void) | undefined;
+}): React.JSX.Element;

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

@@ -0,0 +1,2 @@
+import React from "react";
+export default function StickyTextLauncher(): React.JSX.Element;

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

@@ -0,0 +1,7 @@
+import React from "react";
+import "./Toast.css";
+export default function Toast({ background, textColor, displayText }: {
+    background?: string | undefined;
+    textColor?: string | undefined;
+    displayText?: string | undefined;
+}): React.JSX.Element;

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

@@ -0,0 +1,11 @@
+import React from "react";
+import { RewardTier, UserRewardTier } from "./types";
+type VIPTiersScreenProps = {
+    onBack: () => void;
+    brandRewardTiers?: RewardTier[];
+    balanceCoins?: number | string;
+    userRewardTier?: UserRewardTier;
+    currencyCode?: string;
+};
+export default function VIPTiersScreen({ brandRewardTiers, balanceCoins, userRewardTier, currencyCode, }: VIPTiersScreenProps): React.JSX.Element;
+export {};

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

@@ -0,0 +1,13 @@
+import React from "react";
+export default function WTRCoupon({ couponHeading, couponCode, copyFunction, themePrimaryColor, themeContrastColor, themeSecondaryContrastColor, themeSecondaryColor, setScreenType, showCTA, borderRadius, }: {
+    couponHeading?: string | undefined;
+    couponCode?: string | undefined;
+    copyFunction?: ((code: string) => void) | undefined;
+    themePrimaryColor?: string | undefined;
+    themeContrastColor?: string | undefined;
+    themeSecondaryContrastColor?: string | undefined;
+    themeSecondaryColor?: string | undefined;
+    setScreenType?: ((type: string) => void) | undefined;
+    showCTA?: boolean | undefined;
+    borderRadius?: string | undefined;
+}): React.JSX.Element;

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

@@ -0,0 +1,32 @@
+import React from "react";
+import "./DobPopup.css";
+import "./styles/shared.css";
+import { BrandActivityRewardSettings, BrandRewardProgram, ReferralRewardDetails, UserData } from "./types";
+type WaysToEarnProps = {
+    ctaPrimaryColor: string;
+    ctaContrastColor: string;
+    currencyCode?: string;
+    userData?: UserData;
+    activityRewards?: BrandActivityRewardSettings;
+    onBirthdayUpdate: (date: string) => Promise<boolean>;
+    onSocialClick: (url: string, type: string) => Promise<boolean>;
+    isLoading: boolean;
+    brandRewardProgram: BrandRewardProgram;
+};
+export default function WaysToEarn({ userData, ctaContrastColor, ctaPrimaryColor, currencyCode, activityRewards, onBirthdayUpdate, onSocialClick, 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;
+    referrerReward?: string | null;
+    refereeReward?: string | null;
+}): React.JSX.Element;
+interface DOBPopupProps {
+    open: boolean;
+    value: string | null;
+    onSave: (dob: string) => void;
+    onClose: () => void;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    isLoading: boolean;
+}
+export declare function DOBPopup({ open, value, onSave, onClose, onChange, isLoading, }: DOBPopupProps): React.JSX.Element | null;
+export {};

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

@@ -0,0 +1,78 @@
+/// <reference types="react" />
+import { CouponAvailResponse } from "./types";
+import "./WaysToRedeem.css";
+import "./styles/shared.css";
+export interface IdsActive {
+    ids: number[];
+    active: boolean;
+}
+export interface IdsOnly {
+    ids: number[];
+}
+export interface ProductIds {
+    ids: number[];
+    active: boolean;
+    products: any[];
+}
+export interface AllowedProducts {
+    products: any[];
+}
+export interface CouponTemplate {
+    couponTemplateId: number;
+    name: string;
+    couponType: string;
+    discountPercentage: number;
+    discountValue: number;
+    minimumOrderValue: number;
+    pointsRequired: number;
+    createdAt: string;
+    updatedAt: string;
+    brandId: number;
+    expiresInMinutes: number;
+    couponTemplateConsumer: string;
+    quantityThreshold: number;
+    isActive: boolean;
+    combinesWithOrderDiscount: boolean;
+    combinesWithProductDiscount: boolean;
+    combinesWithShippingDiscount: boolean;
+    isDummyCouponTemplate: boolean;
+    customerBuysCollectionIds: IdsActive;
+    customerBuysProductIds: IdsActive;
+    customerGetsCollectionIds: IdsActive;
+    customerGetsProductIds: ProductIds;
+    automaticBXGYDiscount: boolean;
+    automaticBXGYDiscountId: number | null;
+    allowedCollections: IdsOnly;
+    excludedCollections: IdsOnly;
+    allowedProducts: AllowedProducts;
+    combinesWithOtherFreebies: boolean;
+    autoAddEnabled: boolean;
+    percentageOffOnCustomerGetsProducts: number | null;
+    customCartProgressBarCriteria: string;
+    discountId: number | null;
+    limitFreebieQuantity: number;
+    hideFromSEO: boolean;
+    freebieType: string | null;
+    startDate: string | null;
+    endDate: string | null;
+    scheduleIds: number[] | null;
+    scheduleType: string;
+    maxFreebiesInTier: number;
+    __entity: string;
+}
+export interface WaysToRedeemProps {
+    couponList?: CouponTemplate[];
+    couponHeading?: string;
+    couponCode?: string;
+    currencyCode?: string;
+    onCouponAvail: (couponTemplateId: number) => Promise<CouponAvailResponse>;
+    copyFunction?: (code: string) => void;
+    themeSecondaryContrastColor?: string;
+    themeSecondaryColor?: string;
+    themeBackgroundColor?: string;
+    setScreenType?: (type: string) => void;
+    showCTA?: boolean;
+    balanceCoins: number;
+    ctaBorderRadius?: string;
+}
+export default function WaysToRedeem({ couponList, couponHeading, couponCode, currencyCode, onCouponAvail, copyFunction, themeSecondaryContrastColor, themeSecondaryColor, themeBackgroundColor, setScreenType, showCTA, balanceCoins, ctaBorderRadius, }: WaysToRedeemProps): JSX.Element;

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

@@ -1,2 +1,7 @@
+export { default as LoyaltyProfile } from "./LoyaltyProfile";
+export { default as LoyaltyLauncher } from "./loyaltyLauncher";
+export { default as RewardsModal } from "./RewardsModal";
+export { default as LoyaltyWidget } from "./LoyaltyWidget";
 export { default as LoyaltyProductCatalog } from "./LoyaltyProductCatalog";
+export { default as PointEarnBadge } from "./PointEarnBadge";
 export type { LoyaltyProductCatalogConfig, LoyaltyCatalogProduct, LoyaltyCatalogTier, LoyaltyCatalogFilter, CatalogDisplayMode, CatalogTextAlignment, } from "./LoyaltyProductCatalog";

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

@@ -0,0 +1,16 @@
+import React from "react";
+import "./launcher.css";
+export default function LoyaltyLauncher({ launcherType, textColor, backgroundColor, position, yOffsetValue, launcherTitle, offerTitle, borderColor, iconType, addVisibilityDelay, addAttentionWaves, onClick }: {
+    launcherType?: string;
+    textColor?: string;
+    backgroundColor?: string;
+    position?: string;
+    yOffsetValue?: string | number;
+    launcherTitle?: string;
+    offerTitle?: string;
+    borderColor?: string;
+    iconType?: string;
+    addVisibilityDelay?: boolean;
+    addAttentionWaves?: boolean;
+    onClick?: () => void;
+}): React.JSX.Element;

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

@@ -0,0 +1,3 @@
+import type { CSSProperties } from "react";
+declare const styles: Record<string, CSSProperties>;
+export default styles;

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

@@ -0,0 +1,3 @@
+import type { CSSProperties } from "react";
+declare const styles: Record<string, CSSProperties>;
+export default styles;

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

@@ -0,0 +1,3 @@
+import type { CSSProperties } from "react";
+declare const styles: Record<string, CSSProperties>;
+export default styles;

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

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

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

@@ -0,0 +1,4 @@
+import type { CSSProperties } from "react";
+declare const styles: Record<string, CSSProperties>;
+export declare const tierStyle: (index: number) => CSSProperties;
+export default styles;

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

@@ -0,0 +1,5 @@
+import type { CSSProperties } from "react";
+declare const s: {
+    [x: string]: CSSProperties;
+};
+export default s;

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

@@ -0,0 +1,3 @@
+import type { CSSProperties } from "react";
+declare const shared: Record<string, CSSProperties>;
+export default shared;