@sunrise-upc/sales-static-components 3.9.0 → 3.9.1-beta.0

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { FC, JSX } from 'react';
+import React, { FC, ReactNode, JSX } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 declare interface NativeColorPicker {
@@ -32,34 +32,35 @@ declare interface RibbonComponentInterface {
 interface RibbonComponentSchema {
     _uid: string;
     backgroundColor: string;
-    buttonIcon: Asset$1;
+    buttonIcon: Asset$2;
     buttonText: string;
     buttonType: string;
-    closeIcon: Asset$1;
-    darkModeCloseIcon: Asset$1;
+    closeIcon: Asset$2;
+    darkModeCloseIcon: Asset$2;
     deviceLimit: string;
     description: Array<object>;
     enableDarkMode: boolean;
     target: string;
     hotlineNumber: string;
-    icon: Asset$1;
-    darkModeIcon: Asset$1;
+    icon: Asset$2;
+    darkModeIcon: Asset$2;
     iconAlign: string;
     isCloseIcon: boolean;
-    link: MultiLink$1;
+    link: MultiLink$2;
     teaserTimer: TimerSchema[];
     targetCustomer: string;
     bannerPromotionName: string;
     bannerLocation: string;
+    isMaintenance?: boolean;
 }
-interface MultiLink$1 {
+interface MultiLink$2 {
     id: string;
     url: string;
     linktype: 'url' | 'story';
     fieldtype: 'multilink';
     cached_url: string;
 }
-interface Asset$1 {
+interface Asset$2 {
     id: number;
     alt?: string;
     name: string;
@@ -72,6 +73,117 @@ interface Asset$1 {
 
 declare const RibbonComponent: FC<RibbonComponentInterface>;
 
+interface RibbonConfig {
+    ribbons?: RibbonBlock[];
+}
+interface RibbonBlock {
+    _uid?: string;
+    component?: string;
+    microsites?: string[];
+    customerType?: string | string[];
+    tealiumAudiences?: string | string[];
+    scheduleStartTime?: string | null;
+    scheduleEndTime?: string | null;
+    expireTime?: number | null;
+    [key: string]: unknown;
+}
+interface ResolvedRibbonBlock extends RibbonBlock {
+    _uid: string;
+    component: string;
+}
+interface RibbonRendererProps {
+    ribbonConfig?: RibbonConfig;
+    metadata?: {
+        ribbonConfig?: RibbonConfig;
+        [key: string]: unknown;
+    };
+    channel?: string;
+    renderRibbon: (ribbon: ResolvedRibbonBlock, ribbonIndex: number) => ReactNode;
+}
+declare const RibbonRenderer: ({ ribbonConfig, metadata, channel, renderRibbon }: RibbonRendererProps) => React.JSX.Element | null;
+
+interface GlobalPromoRibbonInterface {
+    content: GlobalPromoRibbonSchema;
+}
+interface GlobalPromoRibbonSchema {
+    _uid: string;
+    backgroundColor?: string;
+    scheduleStartTime?: string | null;
+    scheduleEndTime?: string | null;
+    closeIcon?: Asset$1;
+    title?: string;
+    titleColor?: string;
+    icon?: Asset$1;
+    showCloseIcon?: boolean;
+    teaserTimer: TimerSchema[];
+    bannerPromotionName?: string;
+    bannerLocation?: string;
+    buttons?: GlobalPromoRibbonButtonSchema[];
+    slimVersion?: boolean;
+    gradientBackgroundGlobal?: string;
+    customerType?: string | string[];
+    tealiumAudiences?: string | string[];
+    expireTime?: number | null;
+}
+interface GlobalPromoRibbonButtonSchema {
+    href?: string;
+    buttonLink?: MultiLink$1;
+    buttonLabel?: string;
+    label?: string;
+    buttonType?: string;
+    target?: string;
+    linkTarget?: string;
+    rel?: string;
+    buttonIcon?: Asset$1;
+    iconFilename?: string;
+    iconPosition?: 'before' | 'after';
+}
+interface MultiLink$1 {
+    id?: string;
+    url?: string;
+    linktype?: 'url' | 'story';
+    fieldtype?: 'multilink';
+    cached_url?: string;
+}
+interface Asset$1 {
+    id: number;
+    alt?: string;
+    name: string;
+    focus?: string;
+    title?: string;
+    filename: string;
+    copyright?: string;
+    fieldtype: 'asset';
+}
+
+/**
+ * GlobalPromoRibbon Component
+ *
+ * A centralized promotional ribbon component with audience and customer-type targeting.
+ *
+ * Features:
+ * - Customer group and tealium audience targeting
+ * - Window resize listener with cleanup
+ * - Integrated with RibbonComponent for rendering
+ */
+declare const GlobalPromoRibbon: ({ content }: GlobalPromoRibbonInterface) => React.JSX.Element;
+
+interface FalconButtonV3Props {
+    href: string;
+    label: React.ReactNode;
+    buttonType?: string;
+    isSlim?: boolean;
+    target?: string;
+    rel?: string;
+    onClick?: React.MouseEventHandler<HTMLAnchorElement>;
+    iconFilename?: string;
+    iconPosition?: 'before' | 'after';
+    wrapperClassName?: string;
+    buttonClassName?: string;
+    iconClassName?: string;
+}
+declare const FalconButtonV3: ({ href, label, buttonType, isSlim, target, rel, onClick, iconFilename, iconPosition, wrapperClassName, buttonClassName, iconClassName, }: FalconButtonV3Props) => React.JSX.Element;
+
 declare const StageTeaserComponent: FC<any>;
 
 declare const ImageComponent: FC<any>;
@@ -268,6 +380,53 @@ interface FalconHeaderLink extends GenericSBProps {
     url: MultiLink;
 }
 
+interface CategoryItem {
+    id?: string;
+    icon?: Asset;
+    text?: string;
+}
+
+interface CartCtaCard extends GenericSBProps {
+    text?: string;
+    icon?: Asset;
+    link?: {
+        url?: string;
+        cached_url?: string;
+    };
+}
+interface HeaderCartContent {
+    showCart?: boolean;
+    title?: string;
+    itemsCountLbl?: string;
+    clearLbl?: string;
+    clrRedirectionUrl?: MultiLink;
+    items?: CategoryItem[];
+    mnthLbl?: string;
+    downPaymentLbl?: string;
+    downPaymentDesc?: string;
+    smartAndflexText?: string;
+    smartUpgradeTxt?: string;
+    flexUpgradeTxt?: string;
+    totalMthLbl?: string;
+    totalTodayLbl?: string;
+    closeLbl?: string;
+    completeLbl?: string;
+    oldSummaryUrl?: MultiLink;
+    newSummaryUrl?: MultiLink;
+    illustration?: Asset;
+    emptyHeading?: string;
+    emptySubTitle?: string;
+    ctaCards?: CartCtaCard[];
+    footerBtnLbl?: string;
+    cartIcon?: Asset;
+    emptyCartIcon?: Asset;
+    loadingMsg?: string;
+    errorMsg?: string;
+    clearConfirmMsg?: string;
+    clearCancelLbl?: string;
+    clearConfirmLbl?: string;
+}
+
 interface MainNavBarSchema extends GenericSBProps {
     salesHotlinePopup: any;
     navigationItems: NavigationItemSchema[];
@@ -300,6 +459,7 @@ interface MainNavBarSchema extends GenericSBProps {
     greyArrowDown?: Asset;
     logoutIcon?: Asset;
     logoutUrl?: string;
+    cart?: HeaderCartContent[];
 }
 interface FalconMainNavigation1 {
     localeSelector?: NavigationLocale[];
@@ -356,5 +516,59 @@ declare class CustomerPropConfig {
     static create: (p_config: CustomerPropConfigSchema) => void;
 }
 
-export { ButtonGroup, CustomerPropConfig, FalconMainNavigation, ImageComponent, ImageWithText, ImageWithTextWrapper, InternetAndTvCardsBenefits, LineCheckV2, LinecheckBasicPropConfig, MinimizedHeader, PromoBubble, RibbonComponent, SearchWrapper, StageTeaserComponent, StageTeaserV3, TextComponent };
-export type { CustomerPropConfigSchema, LinecheckBasicPropConfigSchema };
+type CustomerSegmentRefreshDetail = {
+    customerGroup: string | null;
+    refreshedAt: number;
+};
+type CustomerSegmentSyncOptions = {
+    fetchCustomerGroup: () => Promise<string | null>;
+    isLoggedIn: () => boolean;
+    onError?: (error: unknown) => void;
+};
+type ResolveCustomerGroupOptions = {
+    fetchCustomerGroup: () => Promise<string | null>;
+    isLoggedIn: () => boolean;
+    forceRefresh?: boolean;
+    onError?: (error: unknown) => void;
+};
+type CustomerProfileResponse = {
+    customerGroup?: string | null;
+    relatedParty?: Array<{
+        segment?: string | null;
+    }>;
+};
+type CreateCustomerGroupFetcherOptions<TProfileResponse = unknown> = {
+    fetchCustomerProfile: () => TProfileResponse | Promise<TProfileResponse>;
+};
+type CustomerSegmentSyncApi = {
+    refreshCustomerSegmentAfterLogin: () => Promise<string | null>;
+    subscribeToCustomerSegmentRefresh: (handler: (event: CustomEvent<CustomerSegmentRefreshDetail>) => void) => () => void;
+    dispatchCustomerSegmentRefreshEvent: (customerGroup: string | null) => void;
+};
+declare const getCurrentCustomerSegment: () => string | null;
+declare const subscribeToCustomerSegmentRefresh: (handler: (event: CustomEvent<CustomerSegmentRefreshDetail>) => void) => (() => void);
+declare const dispatchCustomerSegmentRefreshEvent: (customerGroup: string | null) => void;
+declare const extractCustomerGroupFromProfile: (profile: CustomerProfileResponse) => string | null;
+declare const createCustomerGroupFetcher: <TProfileResponse = unknown>(options: CreateCustomerGroupFetcherOptions<TProfileResponse>) => (() => Promise<string | null>);
+declare const setCustomerSegment: (customerGroup: string | null) => string | null;
+declare const resolveCustomerGroup: (options: ResolveCustomerGroupOptions) => Promise<string | null>;
+declare const syncCustomerSegment: (options: ResolveCustomerGroupOptions) => Promise<string | null>;
+declare const createCustomerSegmentSync: (options: CustomerSegmentSyncOptions) => CustomerSegmentSyncApi;
+
+declare const customerGroup: () => string | Promise<any>;
+
+interface CartPropConfigSchema {
+    baseURL: string | '';
+}
+declare class CartPropConfig {
+    private static instance;
+    config: CartPropConfigSchema;
+    private constructor();
+    getConfig: () => CartPropConfigSchema;
+    getBaseUrl: () => string;
+    static getInstance: () => CartPropConfig;
+    static create: (p_config: CartPropConfigSchema) => void;
+}
+
+export { ButtonGroup, CartPropConfig, CustomerPropConfig, FalconButtonV3, FalconMainNavigation, GlobalPromoRibbon, ImageComponent, ImageWithText, ImageWithTextWrapper, InternetAndTvCardsBenefits, LineCheckV2, LinecheckBasicPropConfig, MinimizedHeader, PromoBubble, RibbonComponent, RibbonRenderer, SearchWrapper, StageTeaserComponent, StageTeaserV3, TextComponent, createCustomerGroupFetcher, createCustomerSegmentSync, customerGroup, dispatchCustomerSegmentRefreshEvent, extractCustomerGroupFromProfile, getCurrentCustomerSegment, resolveCustomerGroup, setCustomerSegment, subscribeToCustomerSegmentRefresh, syncCustomerSegment };
+export type { CartPropConfigSchema, CreateCustomerGroupFetcherOptions, CustomerProfileResponse, CustomerPropConfigSchema, CustomerSegmentRefreshDetail, CustomerSegmentSyncApi, CustomerSegmentSyncOptions, LinecheckBasicPropConfigSchema, ResolveCustomerGroupOptions, RibbonComponentSchema, RibbonRendererProps };