@sunrise-upc/sales-static-components 3.8.5 → 3.8.6-beta.0

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { FC, JSX } from 'react';
+import React, { FC, 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,87 @@ interface Asset$1 {
 
 declare const RibbonComponent: FC<RibbonComponentInterface>;
 
+interface GlobalPromoRibbonInterface {
+    content: GlobalPromoRibbonSchema;
+}
+interface GlobalPromoRibbonSchema {
+    _uid: string;
+    backgroundColor?: string;
+    closeIcon?: Asset$1;
+    title?: string;
+    titleColor?: string;
+    icon?: Asset$1;
+    showCloseIcon?: boolean;
+    isMaintenance?: boolean;
+    teaserTimer: TimerSchema[];
+    bannerPromotionName?: string;
+    bannerLocation?: string;
+    buttons?: GlobalPromoRibbonButtonSchema[];
+    slimVersion?: boolean;
+    gradientBackgroundGlobal?: string;
+    customerType?: string | string[];
+    tealiumAudiences?: string | string[];
+}
+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 that handles dynamic height calculation
+ * based on header size and provides maintenance mode support.
+ *
+ * Features:
+ * - Responsive height calculation based on .header-section element
+ * - Maintenance mode support with dynamic margin positioning
+ * - 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;
+    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, target, rel, onClick, iconFilename, iconPosition, wrapperClassName, buttonClassName, iconClassName, }: FalconButtonV3Props) => React.JSX.Element;
+
 declare const StageTeaserComponent: FC<any>;
 
 declare const ImageComponent: FC<any>;
@@ -354,5 +436,5 @@ 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 };
+export { ButtonGroup, CustomerPropConfig, FalconButtonV3, FalconMainNavigation, GlobalPromoRibbon, ImageComponent, ImageWithText, ImageWithTextWrapper, InternetAndTvCardsBenefits, LineCheckV2, LinecheckBasicPropConfig, MinimizedHeader, PromoBubble, RibbonComponent, SearchWrapper, StageTeaserComponent, StageTeaserV3, TextComponent };
+export type { CustomerPropConfigSchema, LinecheckBasicPropConfigSchema, RibbonComponentSchema };