kupos-ui-components-lib 10.4.31 → 10.4.34

package/dist/KuposUIComponent.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 interface KuposUIComponentProps {
-    typeOfComponent: "serviceitem" | "paymentsidebar" | "servicelist" | "filterbar" | "survey" | "cuponerafilterbar";
+    typeOfComponent: "serviceitem" | "paymentsidebar" | "servicelist" | "filterbar" | "survey" | "cuponerafilterbar" | "discountbanners";
     variant?: "mobile" | "desktop";
     serviceItem?: any;
     onBookButtonPress?: () => void;

package/dist/KuposUIComponent.js

@@ -16,6 +16,7 @@ import { ResponsiveServiceList } from "./components/ServiceList";
 import { ResponsiveFilterBar } from "./components/FilterBar";
 import ResponsiveCuponeraFilterBar from "./components/CuponeraFilterBar/ResponsiveCuponeraFilterBar";
 import { ResponsiveSurvey } from "./components/Survey";
+import { ResponsiveDiscountBanner, } from "./components/DiscountBanners";
 // Using imported ResponsivePaymentSideBar component instead
 export default function KuposUIComponent(props) {
     const { typeOfComponent } = props, restProps = __rest(props, ["typeOfComponent"]);
@@ -32,6 +33,8 @@ export default function KuposUIComponent(props) {
             return (React.createElement(ResponsiveCuponeraFilterBar, Object.assign({}, restProps)));
         case "survey":
             return React.createElement(ResponsiveSurvey, Object.assign({}, restProps));
+        case "discountbanners":
+            return (React.createElement(ResponsiveDiscountBanner, Object.assign({}, restProps)));
         default:
             return (React.createElement("div", { className: "error-message" },
                 "Invalid component type: ",

package/dist/assets/images/index.d.ts

@@ -30,3 +30,15 @@ export declare const amenities: {
     "wifi-white": any;
     "amenity-cortina": any;
 };
+export declare const backgroundImages: {
+    "discount-banner-1": any;
+    "discount-banner-2": any;
+    "discount-banner-3": any;
+    "discount-last-minute": any;
+    "discount-first-time": any;
+    "discount-cashback": any;
+    "discount-round-trip": any;
+    "discount-promo-code": any;
+    "discount-seat-level": any;
+    "discount-instant": any;
+};

package/dist/assets/images/index.js

@@ -33,3 +33,15 @@ export const amenities = {
     // PNG
     "amenity-cortina": require("./amenities/amenity-cortina.png"),
 };
+export const backgroundImages = {
+    "discount-banner-1": require("./discount/green.png"),
+    "discount-banner-2": require("./discount/yellow.png"),
+    "discount-banner-3": require("./discount/blue.png"),
+    "discount-last-minute": require("./discount/last.png"),
+    "discount-first-time": require("./discount/first.png"),
+    "discount-cashback": require("./discount/cash.png"),
+    "discount-round-trip": require("./discount/round.png"),
+    "discount-promo-code": require("./discount/promo.png"),
+    "discount-seat-level": require("./discount/seat.png"),
+    "discount-instant": require("./discount/instant.png"),
+};

package/dist/assets/images/index.ts

@@ -33,3 +33,17 @@ export const amenities = {
   // PNG
   "amenity-cortina": require("./amenities/amenity-cortina.png"),
 };
+
+
+export const backgroundImages = {
+  "discount-banner-1": require("./discount/green.png"),
+  "discount-banner-2": require("./discount/yellow.png"),
+  "discount-banner-3": require("./discount/blue.png"),
+  "discount-last-minute": require("./discount/last.png"),
+  "discount-first-time": require("./discount/first.png"),
+  "discount-cashback": require("./discount/cash.png"),
+  "discount-round-trip": require("./discount/round.png"),
+  "discount-promo-code": require("./discount/promo.png"),
+  "discount-seat-level": require("./discount/seat.png"),
+  "discount-instant": require("./discount/instant.png"),
+};

package/dist/components/DiscountBanners/DiscountBannerDesktop.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { DiscountBannerCard, DiscountBannersProps } from "./types";
+interface DiscountBannersDesktopState {
+    internalSelectedKey: string | null;
+}
+declare class DiscountBannersDesktop extends React.Component<DiscountBannersProps, DiscountBannersDesktopState> {
+    constructor(props: DiscountBannersProps);
+    handleCardClick(card: DiscountBannerCard): void;
+    render(): React.JSX.Element;
+}
+export default DiscountBannersDesktop;

package/dist/components/DiscountBanners/DiscountBannerDesktop.js

@@ -0,0 +1,133 @@
+"use client";
+import React from "react";
+import { CAMPAIGN_ART, DEFAULT_BACKGROUND_IMAGES, toImageUrl, } from "../../ui/DiscountBanners/defaultBackgrounds";
+import { deriveDiscountCards } from "../../ui/DiscountBanners";
+const DEFAULT_LABEL = "Oferta especial";
+const DEFAULT_ACCENT_PALETTE = [
+    "#107E23",
+    "#FFC000",
+    "#0069D1", // blue (descuentos especiales)
+];
+const SIZE_CLASSES = {
+    default: {
+        card: "w-[200px] h-[80px] pt-[8px] pb-0 pl-[10px] pr-[8px]",
+        chip: "w-[81px] h-[17px] text-[9px] leading-[17px]",
+        column: "max-w-[116px] mt-[3px]",
+        discount: "text-[15px] leading-[17px]",
+        subtitle: "text-[12px] leading-[14px] mt-[1px]",
+        flameBadge: "text-[18px] leading-[16px]",
+        flamePercent: "text-[10px]",
+    },
+    compact: {
+        card: "w-[170px] h-[68px] pt-[7px] pb-0 pl-[8px] pr-[7px]",
+        chip: "w-[69px] h-[15px] text-[8px] leading-[15px]",
+        column: "max-w-[99px] mt-[2px]",
+        discount: "text-[13px] leading-[15px]",
+        subtitle: "text-[10.5px] leading-[12px] mt-[1px]",
+        flameBadge: "text-[13.5px] leading-[13.5px]",
+        flamePercent: "text-[8px]",
+    },
+};
+const FLAME_CENTER = { left: "76.8%", top: "56.4%" };
+const REMATE_KEY = "remate";
+function isRemateCard(card) {
+    return card.isWowDeal || card.key === REMATE_KEY;
+}
+const FALLBACK_ART = [
+    { image: DEFAULT_BACKGROUND_IMAGES[1], accent: "#FFC000" },
+    { image: DEFAULT_BACKGROUND_IMAGES[2], accent: "#0069D1" },
+];
+const REMATE_ART = {
+    image: DEFAULT_BACKGROUND_IMAGES[0],
+    accent: "#107E23",
+};
+function resolveArt(cards) {
+    let ordinal = 0;
+    return cards.map((card) => {
+        if (isRemateCard(card))
+            return REMATE_ART;
+        const campaignArt = card.campaignType
+            ? CAMPAIGN_ART[card.campaignType]
+            : undefined;
+        if (campaignArt)
+            return campaignArt;
+        const art = FALLBACK_ART[ordinal % FALLBACK_ART.length];
+        ordinal += 1;
+        return art;
+    });
+}
+class DiscountBannersDesktop extends React.Component {
+    constructor(props) {
+        var _a;
+        super(props);
+        this.state = {
+            internalSelectedKey: (_a = props.defaultSelectedKey) !== null && _a !== void 0 ? _a : null,
+        };
+        this.handleCardClick = this.handleCardClick.bind(this);
+    }
+    handleCardClick(card) {
+        var _a, _b, _c, _d;
+        const { selectedKey, onDiscountSelect } = this.props;
+        const isControlled = selectedKey !== undefined;
+        const activeKey = isControlled
+            ? selectedKey
+            : this.state.internalSelectedKey;
+        const nextKey = activeKey === card.key ? null : card.key;
+        if (!isControlled) {
+            this.setState({ internalSelectedKey: nextKey });
+        }
+        const cards = deriveDiscountCards((_a = this.props.services) !== null && _a !== void 0 ? _a : [], this.props.wowDealData, (_b = this.props.currencySign) !== null && _b !== void 0 ? _b : "$");
+        const selectedCard = nextKey
+            ? ((_c = cards.find((c) => c.key === nextKey)) !== null && _c !== void 0 ? _c : null)
+            : null;
+        onDiscountSelect === null || onDiscountSelect === void 0 ? void 0 : onDiscountSelect(selectedCard, (_d = selectedCard === null || selectedCard === void 0 ? void 0 : selectedCard.matchedServices) !== null && _d !== void 0 ? _d : []);
+    }
+    render() {
+        const { services = [], wowDealData, backgroundImages = [], artIncludesChipPill, accentColors = [], label = DEFAULT_LABEL, currencySign = "$", size = "default", selectedKey, className = "", style, } = this.props;
+        // Compute cards directly — no useMemo
+        const cards = deriveDiscountCards(services, wowDealData, currencySign);
+        if (!cards.length)
+            return null;
+        const isControlled = selectedKey !== undefined;
+        const activeKey = isControlled
+            ? selectedKey
+            : this.state.internalSelectedKey;
+        const usingDefaultArt = !backgroundImages.length;
+        const defaultArt = resolveArt(cards);
+        const chipPillInArt = artIncludesChipPill !== null && artIncludesChipPill !== void 0 ? artIncludesChipPill : usingDefaultArt;
+        const sizeClasses = SIZE_CLASSES[size !== null && size !== void 0 ? size : "default"];
+        return (React.createElement("div", { className: `kupos-discount-banners flex items-stretch gap-[10px] overflow-x-auto [scrollbar-width:none] ${className}`, style: style }, cards.map((card, index) => {
+            const isActive = activeKey === card.key;
+            const isDimmed = activeKey != null && !isActive;
+            const backgroundImage = usingDefaultArt
+                ? defaultArt[index].image
+                : toImageUrl(backgroundImages[index % backgroundImages.length]);
+            const accentColor = accentColors.length
+                ? accentColors[index % accentColors.length]
+                : usingDefaultArt
+                    ? defaultArt[index].accent
+                    : DEFAULT_ACCENT_PALETTE[index % DEFAULT_ACCENT_PALETTE.length];
+            const isFlameArt = backgroundImage === DEFAULT_BACKGROUND_IMAGES[0];
+            const showFlamePercent = isRemateCard(card) &&
+                isFlameArt &&
+                card.discountType === "percentage" &&
+                card.amount > 0;
+            return (React.createElement("button", { key: card.key, type: "button", "aria-pressed": isActive, onClick: () => this.handleCardClick(card), className: `relative flex-shrink-0 flex flex-col items-start text-left border-none bg-transparent cursor-pointer bg-no-repeat transition-opacity duration-200 ease-in-out ${sizeClasses.card} ${isDimmed ? "opacity-[0.65]" : "opacity-100"}`, style: {
+                    backgroundImage: backgroundImage
+                        ? `url(${backgroundImage})`
+                        : undefined,
+                    backgroundSize: "100% 100%",
+                } },
+                React.createElement("span", { className: `bold-text flex-shrink-0 rounded-full text-center text-[#464647] overflow-hidden whitespace-nowrap ${sizeClasses.chip}`, style: chipPillInArt
+                        ? undefined
+                        : { backgroundColor: "rgba(255,255,255,0.55)" } }, label),
+                showFlamePercent && (React.createElement("span", { className: `bold-text absolute text-[#ffffff] text-center pointer-events-none ${sizeClasses.flameBadge}`, style: Object.assign(Object.assign({}, FLAME_CENTER), { transform: "translate(-50%, -50%)", textShadow: "0 1px 2px rgba(0,0,0,0.28)", fontWeight: 900, whiteSpace: "nowrap" }) },
+                    card.amount,
+                    React.createElement("span", { className: sizeClasses.flamePercent, style: { fontWeight: 700 } }, "%"))),
+                React.createElement("span", { className: `flex flex-col ${sizeClasses.column}` },
+                    React.createElement("span", { className: `bold-text text-[#464647] ${sizeClasses.discount}` }, card.discountLabel),
+                    React.createElement("span", { className: `bold-text ${sizeClasses.subtitle}`, style: { color: accentColor } }, card.subtitle))));
+        })));
+    }
+}
+export default DiscountBannersDesktop;

package/dist/components/DiscountBanners/DiscountBannerMobile.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { DiscountBannerCard, DiscountBannersProps } from "./types";
+interface DiscountBannersMobileState {
+    internalSelectedKey: string | null;
+}
+declare class DiscountBannersMobile extends React.Component<DiscountBannersProps, DiscountBannersMobileState> {
+    constructor(props: DiscountBannersProps);
+    handleCardClick(card: DiscountBannerCard): void;
+    render(): React.JSX.Element;
+}
+export default DiscountBannersMobile;

package/dist/components/DiscountBanners/DiscountBannerMobile.js

@@ -0,0 +1,132 @@
+"use client";
+import React from "react";
+import { CAMPAIGN_ART, DEFAULT_BACKGROUND_IMAGES, toImageUrl, } from "../../ui/DiscountBanners/defaultBackgrounds";
+import { deriveDiscountCards } from "../../ui/DiscountBanners";
+const DEFAULT_LABEL = "Oferta especial";
+const DEFAULT_ACCENT_PALETTE = [
+    "#107E23",
+    "#FFC000",
+    "#0069D1", // blue (descuentos especiales)
+];
+const SIZE_CLASSES = {
+    default: {
+        card: "w-[200px] h-[80px] pt-[8px] pb-0 pl-[10px] pr-[8px]",
+        chip: "w-[81px] h-[17px] text-[9px] leading-[17px]",
+        column: "max-w-[116px] mt-[3px]",
+        discount: "text-[15px] leading-[17px]",
+        subtitle: "text-[12px] leading-[14px] mt-[1px]",
+        flameBadge: "text-[18px] leading-[16px]",
+        flamePercent: "text-[10px]",
+    },
+    compact: {
+        card: "w-[170px] h-[68px] pt-[7px] pb-0 pl-[8px] pr-[7px]",
+        chip: "w-[69px] h-[15px] text-[8px] leading-[15px]",
+        column: "max-w-[99px] mt-[2px]",
+        discount: "text-[13px] leading-[15px]",
+        subtitle: "text-[10.5px] leading-[12px] mt-[1px]",
+        flameBadge: "text-[13.5px] leading-[13.5px]",
+        flamePercent: "text-[8px]",
+    },
+};
+const FLAME_CENTER = { left: "76.8%", top: "56.4%" };
+const REMATE_KEY = "remate";
+function isRemateCard(card) {
+    return card.isWowDeal || card.key === REMATE_KEY;
+}
+const FALLBACK_ART = [
+    { image: DEFAULT_BACKGROUND_IMAGES[1], accent: "#FFC000" },
+    { image: DEFAULT_BACKGROUND_IMAGES[2], accent: "#0069D1" },
+];
+const REMATE_ART = {
+    image: DEFAULT_BACKGROUND_IMAGES[0],
+    accent: "#107E23",
+};
+function resolveArt(cards) {
+    let ordinal = 0;
+    return cards.map((card) => {
+        if (isRemateCard(card))
+            return REMATE_ART;
+        const campaignArt = card.campaignType
+            ? CAMPAIGN_ART[card.campaignType]
+            : undefined;
+        if (campaignArt)
+            return campaignArt;
+        const art = FALLBACK_ART[ordinal % FALLBACK_ART.length];
+        ordinal += 1;
+        return art;
+    });
+}
+class DiscountBannersMobile extends React.Component {
+    constructor(props) {
+        var _a;
+        super(props);
+        this.state = {
+            internalSelectedKey: (_a = props.defaultSelectedKey) !== null && _a !== void 0 ? _a : null,
+        };
+        this.handleCardClick = this.handleCardClick.bind(this);
+    }
+    handleCardClick(card) {
+        var _a, _b, _c, _d;
+        const { selectedKey, onDiscountSelect } = this.props;
+        const isControlled = selectedKey !== undefined;
+        const activeKey = isControlled
+            ? selectedKey
+            : this.state.internalSelectedKey;
+        const nextKey = activeKey === card.key ? null : card.key;
+        if (!isControlled) {
+            this.setState({ internalSelectedKey: nextKey });
+        }
+        const cards = deriveDiscountCards((_a = this.props.services) !== null && _a !== void 0 ? _a : [], this.props.wowDealData, (_b = this.props.currencySign) !== null && _b !== void 0 ? _b : "$");
+        const selectedCard = nextKey
+            ? ((_c = cards.find((c) => c.key === nextKey)) !== null && _c !== void 0 ? _c : null)
+            : null;
+        onDiscountSelect === null || onDiscountSelect === void 0 ? void 0 : onDiscountSelect(selectedCard, (_d = selectedCard === null || selectedCard === void 0 ? void 0 : selectedCard.matchedServices) !== null && _d !== void 0 ? _d : []);
+    }
+    render() {
+        const { services = [], wowDealData, backgroundImages = [], artIncludesChipPill, accentColors = [], label = DEFAULT_LABEL, currencySign = "$", size = "default", selectedKey, className = "", style, } = this.props;
+        const cards = deriveDiscountCards(services, wowDealData, currencySign);
+        if (!cards.length)
+            return null;
+        const isControlled = selectedKey !== undefined;
+        const activeKey = isControlled
+            ? selectedKey
+            : this.state.internalSelectedKey;
+        const usingDefaultArt = !backgroundImages.length;
+        const defaultArt = resolveArt(cards);
+        const chipPillInArt = artIncludesChipPill !== null && artIncludesChipPill !== void 0 ? artIncludesChipPill : usingDefaultArt;
+        const sizeClasses = SIZE_CLASSES[size !== null && size !== void 0 ? size : "default"];
+        return (React.createElement("div", { className: `kupos-discount-banners flex items-stretch gap-[10px] overflow-x-auto [scrollbar-width:none] ${className}`, style: style }, cards.map((card, index) => {
+            const isActive = activeKey === card.key;
+            const isDimmed = activeKey != null && !isActive;
+            const backgroundImage = usingDefaultArt
+                ? defaultArt[index].image
+                : toImageUrl(backgroundImages[index % backgroundImages.length]);
+            const accentColor = accentColors.length
+                ? accentColors[index % accentColors.length]
+                : usingDefaultArt
+                    ? defaultArt[index].accent
+                    : DEFAULT_ACCENT_PALETTE[index % DEFAULT_ACCENT_PALETTE.length];
+            const isFlameArt = backgroundImage === DEFAULT_BACKGROUND_IMAGES[0];
+            const showFlamePercent = isRemateCard(card) &&
+                isFlameArt &&
+                card.discountType === "percentage" &&
+                card.amount > 0;
+            return (React.createElement("button", { key: card.key, type: "button", "aria-pressed": isActive, onClick: () => this.handleCardClick(card), className: `relative flex-shrink-0 flex flex-col items-start text-left border-none bg-transparent cursor-pointer bg-no-repeat transition-opacity duration-200 ease-in-out ${sizeClasses.card} ${isDimmed ? "opacity-[0.65]" : "opacity-100"}`, style: {
+                    backgroundImage: backgroundImage
+                        ? `url(${backgroundImage})`
+                        : undefined,
+                    backgroundSize: "100% 100%",
+                } },
+                React.createElement("span", { className: `bold-text flex-shrink-0 rounded-full text-center text-[#464647] overflow-hidden whitespace-nowrap ${sizeClasses.chip}`, style: chipPillInArt
+                        ? undefined
+                        : { backgroundColor: "rgba(255,255,255,0.55)" } }, label),
+                showFlamePercent && (React.createElement("span", { className: `bold-text absolute text-[#ffffff] text-center pointer-events-none ${sizeClasses.flameBadge}`, style: Object.assign(Object.assign({}, FLAME_CENTER), { transform: "translate(-50%, -50%)", textShadow: "0 1px 2px rgba(0,0,0,0.28)", fontWeight: 900, whiteSpace: "nowrap" }) },
+                    card.amount,
+                    React.createElement("span", { className: sizeClasses.flamePercent, style: { fontWeight: 700 } }, "%"))),
+                React.createElement("span", { className: `flex flex-col ${sizeClasses.column}` },
+                    React.createElement("span", { className: `bold-text text-[#464647] ${sizeClasses.discount}` }, card.discountLabel),
+                    React.createElement("span", { className: `bold-text ${sizeClasses.subtitle}`, style: { color: accentColor } }, card.subtitle))));
+        })));
+    }
+}
+export default DiscountBannersMobile;

package/dist/components/DiscountBanners/ResponsiveDiscountBanner.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { DiscountBannersProps } from "../DiscountBanners/types";
+export default function ResponsiveDiscountBanner(props: DiscountBannersProps): React.JSX.Element;

package/dist/components/DiscountBanners/ResponsiveDiscountBanner.js

@@ -0,0 +1,10 @@
+import React from "react";
+import DiscountBannersMobile from "./DiscountBannerMobile";
+import DiscountBannersDesktop from "./DiscountBannerDesktop";
+export default function ResponsiveDiscountBanner(props) {
+    const { variant } = props;
+    if (variant === "mobile") {
+        return (React.createElement(DiscountBannersMobile, Object.assign({}, props)));
+    }
+    return React.createElement(DiscountBannersDesktop, Object.assign({}, props));
+}

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

@@ -0,0 +1,5 @@
+import DiscountBannerDesktop from "./DiscountBannerDesktop";
+import DiscountBannerMobile from "./DiscountBannerMobile";
+import ResponsiveDiscountBanner from "./ResponsiveDiscountBanner";
+export { DiscountBannerDesktop, DiscountBannerMobile, ResponsiveDiscountBanner, };
+export type { DiscountBannerCard, DiscountBannerServiceItem, DiscountBannersProps, WowDealData, } from "./types";

package/dist/components/DiscountBanners/index.js

@@ -0,0 +1,4 @@
+import DiscountBannerDesktop from "./DiscountBannerDesktop";
+import DiscountBannerMobile from "./DiscountBannerMobile";
+import ResponsiveDiscountBanner from "./ResponsiveDiscountBanner";
+export { DiscountBannerDesktop, DiscountBannerMobile, ResponsiveDiscountBanner, };

package/dist/components/DiscountBanners/types.d.ts

@@ -0,0 +1,51 @@
+import type { CSSProperties } from "react";
+import { ImageRef } from "../../ui/DiscountBanners";
+export interface DiscountBannerServiceItem {
+    id?: string | number;
+    offer_text?: string;
+    is_dp_enabled?: boolean;
+    dp_discount_percents?: Record<string, number>;
+    dp_discounted_seats?: string[];
+    discount_type?: string;
+    discount_value?: number;
+    max_discount?: number;
+    discounts?: Array<{
+        new_ui_enabled?: boolean;
+        campaign_type?: string;
+    }>;
+    [key: string]: any;
+}
+export interface WowDealData {
+    savings_percent?: number;
+    services?: any[];
+    final_price?: number;
+    original_price?: number;
+    [key: string]: any;
+}
+export interface DiscountBannerCard {
+    key: string;
+    subtitle: string;
+    campaignType?: string;
+    discountType: "percentage" | "fixed";
+    amount: number;
+    discountLabel: string;
+    matchedServices: DiscountBannerServiceItem[];
+    isWowDeal: boolean;
+}
+export interface DiscountBannersProps {
+    services?: DiscountBannerServiceItem[];
+    wowDealData?: WowDealData;
+    backgroundImages?: ImageRef[];
+    artIncludesChipPill?: boolean;
+    accentColors?: string[];
+    label?: string;
+    currencySign?: string;
+    size?: "default" | "compact";
+    selectedKey?: string | null;
+    defaultSelectedKey?: string | null;
+    onDiscountSelect?: (card: DiscountBannerCard | null, filteredServices: DiscountBannerServiceItem[]) => void;
+    className?: string;
+    style?: CSSProperties;
+    variant?: "mobile" | "desktop";
+    typeOfComponent?: string;
+}

package/dist/components/DiscountBanners/types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/ServiceItem/ServiceItemDesktop.js

@@ -305,7 +305,7 @@ function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, child
         },
     ];
     const otherItems = items.filter((i) => i.key !== "pet" && i.key !== "flexible" && !!i.condition);
-    return (React.createElement(React.Fragment, null, isPeruSites ? (React.createElement(PeruServiceItemDesktop, { serviceItem: serviceItem, onBookButtonPress: onBookButtonPress, colors: colors, metaData: metaData, children: children, busStage: busStage, serviceDetailsLoading: serviceDetailsLoading, cityOrigin: cityOrigin, cityDestination: cityDestination, translation: translation, orignLabel: orignLabel, destinationLabel: destinationLabel, currencySign: currencySign, isCiva: isCiva, showRating: showRating, showLastSeats: showLastSeats, removeArrivalTime: removeArrivalTime, removeDuplicateSeats: removeDuplicateSeats, isPeruSites: isPeruSites, t: (key) => t(key), showAvailableSeats: showAvailableSeats, isSeatIcon: isSeatIcon, isPeru: isPeru, siteType: siteType, isAllinBus: isAllinBus, viewersConfig: viewersConfig, isLoggedIn: isLoggedIn, showLoginModal: showLoginModal, isExpand: isExpand, setIsExpand: setIsExpand, coachKey: coachKey, isFlores: isFlores, isNewUiEnabled: isNewUiEnabledPeru, showLoginOption: showLoginOption })) : isNewUi && !isTrain ? (React.createElement(FeatureServiceUi, { serviceItem: serviceItem, showTopLabel: showTopLabel, getAnimationIcon: getAnimationIcon, cityOrigin: cityOrigin, cityDestination: cityDestination, renderIcon: renderIcon, viewersConfig: viewersConfig, isFeatureDropDownExpand: isFeatureDropDownExpand, ticketQuantity: ticketQuantity, onIncreaseTicketQuantity: onIncreaseTicketQuantity, onDecreaseTicketQuantity: onDecreaseTicketQuantity, onBookButtonPress: onRemateUiButtonClick, onToggleExpand: () => setIsFeatureDropDownExpand &&
+    return (React.createElement(React.Fragment, null, isPeruSites ? (React.createElement(PeruServiceItemDesktop, { serviceItem: serviceItem, onBookButtonPress: onBookButtonPress, colors: colors, metaData: metaData, children: children, busStage: busStage, serviceDetailsLoading: serviceDetailsLoading, cityOrigin: cityOrigin, cityDestination: cityDestination, translation: translation, orignLabel: orignLabel, destinationLabel: destinationLabel, currencySign: currencySign, isCiva: isCiva, showRating: showRating, showLastSeats: showLastSeats, removeArrivalTime: removeArrivalTime, removeDuplicateSeats: removeDuplicateSeats, isPeruSites: isPeruSites, t: (key) => t(key), showAvailableSeats: showAvailableSeats, isSeatIcon: isSeatIcon, isPeru: isPeru, siteType: siteType, isAllinBus: isAllinBus, viewersConfig: viewersConfig, isLoggedIn: isLoggedIn, showLoginModal: showLoginModal, isExpand: isExpand, setIsExpand: setIsExpand, coachKey: coachKey, isFlores: isFlores, isNewUiEnabled: isNewUiEnabledPeru, showLoginOption: showLoginOption, priority_stage_ids: priority_stage_ids })) : isNewUi && !isTrain ? (React.createElement(FeatureServiceUi, { serviceItem: serviceItem, showTopLabel: showTopLabel, getAnimationIcon: getAnimationIcon, cityOrigin: cityOrigin, cityDestination: cityDestination, renderIcon: renderIcon, viewersConfig: viewersConfig, isFeatureDropDownExpand: isFeatureDropDownExpand, ticketQuantity: ticketQuantity, onIncreaseTicketQuantity: onIncreaseTicketQuantity, onDecreaseTicketQuantity: onDecreaseTicketQuantity, onBookButtonPress: onRemateUiButtonClick, onToggleExpand: () => setIsFeatureDropDownExpand &&
             setIsFeatureDropDownExpand(isFeatureDropDownExpand === serviceItem.id ||
                 isFeatureDropDownExpand === true
                 ? null

package/dist/components/ServiceItem/ServiceItemMobile.js

@@ -21,7 +21,6 @@ const exceptions = [
 ];
 function ServiceItemMobile({ serviceItem, onBookButtonPress, colors, busStage, orignLabel, destinationLabel, amenitiesData, setShowDropdown, showDropdown, isExpanded, setIsExpanded, setAmenetiesAtomValue, isCiva, currencySign, isPeru, showRating, showLastSeats, removeDuplicateSeats, isLinatal, viewersConfig, operatorLabel, isTrain, isFeatureDropDownExpand, setIsFeatureDropDownExpand, ticketQuantity, onIncreaseTicketQuantity, onDecreaseTicketQuantity, cityOrigin, cityDestination, isNewUi, onRemateUiButtonClick, selectedTimeSlot, onTimeSlotChange, isTimeDropdownOpen, onTimeDropdownToggle, wowDealData, isFlores, isAllinBus, isPeruSite, priority_stage_ids, }) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-    console.log("🚀 ~ ServiceItemMobile ~ serviceItem:", serviceItem);
     const isItemExpanded = serviceItem.id === isExpanded;
     const isPetSeat = (Object.keys(serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.pet_seat_info) || []).length > 0;
     const isNewUiEnabled = ((_b = (_a = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.discounts) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.new_ui_enabled) === true;

package/dist/index.d.ts

@@ -6,10 +6,11 @@ import KuposUIComponent from "./KuposUIComponent";
 import { PaymentSideBarDesktop, PaymentSideBarMobile, ResponsivePaymentSideBar } from "./components/PaymentSideBar";
 import { ServiceListDesktop, ServiceListMobile, ResponsiveServiceList } from "./components/ServiceList";
 import { FilterBarDesktop, FilterBarMobile, ResponsiveFilterBar } from "./components/FilterBar";
+import { DiscountBannerDesktop, DiscountBannerMobile, ResponsiveDiscountBanner } from "./components/DiscountBanners";
 import { FilterSortBarMobile } from "./components/FilterSortBar";
 import { SurveyDesktop, SurveyMobile, ResponsiveSurvey } from "./components/Survey";
 import { Modal, ModalHeader } from "./ui/Modal";
-export { ServiceItemDesktop, ServiceItemMobile, ResponsiveServiceItem, ServiceItemPBMobile, KuposUIComponent, PaymentSideBarDesktop, PaymentSideBarMobile, ResponsivePaymentSideBar, ServiceListDesktop, ServiceListMobile, ResponsiveServiceList, FilterBarDesktop, FilterBarMobile, ResponsiveFilterBar, FilterSortBarMobile, SurveyDesktop, SurveyMobile, ResponsiveSurvey, Modal, ModalHeader, };
+export { ServiceItemDesktop, ServiceItemMobile, ResponsiveServiceItem, ServiceItemPBMobile, KuposUIComponent, PaymentSideBarDesktop, PaymentSideBarMobile, ResponsivePaymentSideBar, ServiceListDesktop, ServiceListMobile, ResponsiveServiceList, FilterBarDesktop, FilterBarMobile, ResponsiveFilterBar, FilterSortBarMobile, SurveyDesktop, SurveyMobile, ResponsiveSurvey, Modal, ModalHeader, DiscountBannerMobile, DiscountBannerDesktop, ResponsiveDiscountBanner, };
 export type { ServiceItemProps } from "./types";
 export type { MobileServiceItemProps } from "./components/ServiceItem/mobileTypes";
 export type { PaymentSideBarProps } from "./components/PaymentSideBar/types";
@@ -18,4 +19,6 @@ export type { FilterBarProps } from "./components/FilterBar/tyoes";
 export type { FilterCategory, FilterCategoryKey, FilterCategoryKind, FilterOptionItem, PriceRangeValue, FilterSortBarColors, FilterSortBarIcons, FilterSortBarMobileProps, TimeOfDayVariant, SortDirection, SortOption, } from "./components/FilterSortBar";
 export { DEFAULT_CATEGORY_LABELS } from "./components/FilterSortBar";
 export type { SurveyProps } from "./components/Survey/types";
-export type { ModalProps, ModalVariant, ModalSize, ModalHeaderProps } from "./ui/Modal";
+export type { ModalProps, ModalVariant, ModalSize, ModalHeaderProps, } from "./ui/Modal";
+export { deriveDiscountCards, CAMPAIGN_TYPE_LABELS, CAMPAIGN_ART, DEFAULT_BACKGROUND_IMAGES, toImageUrl, } from "./ui/DiscountBanners";
+export type { DiscountBannerCard, DiscountBannerServiceItem, DiscountBannersProps, WowDealData, } from "./components/DiscountBanners";

package/dist/index.js

@@ -9,6 +9,8 @@ import { PaymentSideBarDesktop, PaymentSideBarMobile, ResponsivePaymentSideBar,
 import { ServiceListDesktop, ServiceListMobile, ResponsiveServiceList, } from "./components/ServiceList";
 // Import FilterBar components
 import { FilterBarDesktop, FilterBarMobile, ResponsiveFilterBar, } from "./components/FilterBar";
+//Import Discount Banner's
+import { DiscountBannerDesktop, DiscountBannerMobile, ResponsiveDiscountBanner, } from "./components/DiscountBanners";
 // Import FilterSortBar components
 import { FilterSortBarMobile } from "./components/FilterSortBar";
 // Import Survey components
@@ -27,5 +29,8 @@ FilterSortBarMobile,
 //Survey components
 SurveyDesktop, SurveyMobile, ResponsiveSurvey, 
 // Modal components
-Modal, ModalHeader, };
+Modal, ModalHeader, 
+// DiscountBanners components
+DiscountBannerMobile, DiscountBannerDesktop, ResponsiveDiscountBanner, };
 export { DEFAULT_CATEGORY_LABELS } from "./components/FilterSortBar";
+export { deriveDiscountCards, CAMPAIGN_TYPE_LABELS, CAMPAIGN_ART, DEFAULT_BACKGROUND_IMAGES, toImageUrl, } from "./ui/DiscountBanners";