@sunrise-upc/sales-static-components 2.0.5 → 3.0.0

package/dist/esm/components/Constants.d.ts

@@ -1,142 +0,0 @@
-export declare const CENTER = "center";
-export declare const LEFT = "left";
-export declare const RIGHT = "right";
-export declare const TRANSPARENT = "transparent";
-export declare const ZEROES = "00";
-export declare const PRIMARYCOLORS = "#da291c";
-export declare const FALCONBUTTONCLICKED = "clicked";
-export declare const AFTER = "after";
-export declare const BEFORE = "before";
-export declare const LANG = "lang";
-export declare const COLORWHITE = "#ffffff";
-export declare const H1 = "h1";
-export declare const H2 = "h2";
-export declare const H3 = "h3";
-export declare const H4 = "h4";
-export declare const NONE = "none";
-export declare const LGDESKEND = 2561;
-export declare const MDDESKEND = 1439;
-export declare const TABEND = 1023;
-export declare const MOBEND = 767;
-export declare const STACK = "stack";
-export declare const COLLG6 = "col-lg-6";
-export declare const COLLG4 = "col-lg-4";
-export declare const COLLG3 = "col-lg-3";
-export declare const DEFAULTICONALT = "NOT AVAILABLE";
-export declare const DEFAULTICONTITLE = "";
-export declare const BANNERWARN = "WARN";
-export declare const BANNERINFO = "INFO";
-export declare const BANNERTIPS = "TIPS";
-export declare const BANNERERROR = "ERROR";
-export declare const BANNERWARNINGCOMP = "WARNINGCOMPONENT";
-export declare const BANNERINFORMATIONCOMP = "INFORMATIONCOMPONENT";
-export declare const BANNERTIPSCOMP = "TIPSCOMPONENT";
-export declare const BANNERERRORCOMP = "ERRORCOMPONENT";
-export declare const DEFAULTLOCALE = "en";
-export declare const AUTHCOOKIE = "sunriseAuth";
-export declare const METAURL = "https://www.sunrise.ch/";
-export declare const LAZYLOAD = "lazy";
-export declare const CONTAIN = "contain";
-export declare const COVER = "cover";
-export declare const IMAGEFORMAT = "/filters:format(webp)";
-export declare const METACONTENT = "initial-scale=1.0, width=device-width";
-export declare const STORYBLOKIMAGE = "https://img2.storyblok.com/";
-export declare const ASSETIMAGE = "https://a.storyblok.com";
-export declare const YOUTUBE = "youtube";
-export declare const YOUTUBETHUMBNAIL = "//i.ytimg.com/vi/";
-export declare const YOUTUBEEMBED = "https://www.youtube.com/embed/";
-export declare const VIMEOTHUMBNAIL = "https://vumbnail.com/";
-export declare const VIMEOEMBED = "https://player.vimeo.com/video/";
-export declare const TABSTART = 768;
-export declare const MDDESKSTART = 1024;
-export declare const LGDESKSTART = 1440;
-export declare const SEARCHPAGE = "https://www.sunrise.ch/en/residential/search.html#/";
-export declare const FULLWIDTH = "FULL-WIDTH";
-export declare const HALFWIDTH = "HALF-WIDTH";
-export declare const MAJORLEFT = "MAJOR-LEFT";
-export declare const MAJORRIGHT = "MAJOR-RIGHT";
-export declare const AURABUTTONCLICKED = "clicked";
-export declare const FNAME = "fname";
-export declare const LNAME = "lname";
-export declare const SWISSPHONENUMBERREGEXP: RegExp;
-export declare const REQUESTCALLBACK = "requestCallback";
-export declare const PHONENUMBER = "phoneNumber";
-export declare const HYPERLINK = "hyperLink";
-export declare const PRIMARYV1BUTTON = "Primary-V1";
-export declare const EXTERNALLINK = "externalLink";
-export declare const INTERNALLINK = "internalLink";
-export declare const DOCUMENT = "document";
-export declare const DOWNLOADS = "download";
-export declare const TEXTAREA = "text-area";
-export declare const NUMBERSONLY = "numbersOnly";
-export declare const EMAIL = "email";
-export declare const TEXTNUMBER = "text-number";
-export declare const TEXTEMAIL = "text-email";
-export declare const TEXT = "text";
-export declare const TEXTFIELD = "formTextField";
-export declare const RADIO = "formRadioButton";
-export declare const CHECKBOX = "formCheckBox";
-export declare const DROPDOWN = "formDropDown";
-export declare const EMAILREGEX: RegExp;
-export declare const NUMBERREGEX: RegExp;
-export declare const EMAILONLY = "emailOnly";
-export declare const NUMBERONLY = "numbersOnly";
-export declare const IMG = "img";
-export declare const ICON = "icon";
-export declare const SVG = "svg";
-export declare const SUCCESS = "success";
-export declare const ERROR = "error";
-export declare const WARNING = "warning";
-export declare const DATEPICKER = "formDateField";
-export declare const FILEUPLOAD = "formFileUpload";
-export declare const FORMSECTIONINFOTEXT = "formSectionInfoText";
-export declare const ACCEPTEDFILEFORMATS = "image/*,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/docx,application/pdf,application/msword";
-export declare const ACCEPTEDIMAGEFORMATS: string[];
-export declare const FALCONTITLE = "falconTitle";
-export declare const FALCONDESCRIPTION = "falconDescription";
-export declare const COOKIENAME = "cookieconsent_status";
-export declare const COOKIEVALUE = "dismiss";
-export declare const COOKIEEXPIRY = "7776000000";
-export declare const SLIM = "slim";
-export declare const FULLWIDE = "fullWidth";
-export declare const SELECTEDLANGUAGE = "selected-language";
-export declare const SELECTEDLANGUAGEEXPIRY = "315569520000";
-export declare const AUTH = "auth";
-export declare const NAUTH = "nauth";
-export declare const EXIT = "exit";
-export declare const TIME = "time";
-export declare const DEFAULT_ICON_ALT = "NOT AVAILABLE";
-export declare const BANNER_WARN = "WARN";
-export declare const BANNER_INFO = "INFO";
-export declare const BANNER_TIPS = "TIPS";
-export declare const BANNER_ERROR = "ERROR";
-export declare const DEFAULT_LOCALE = "en";
-export declare const ERROR_COLOR = "#C60047";
-export declare const PROGRESS_ARRAY: string[];
-export declare const PROGRESS_COLOR: string[];
-export declare const GOLDEN_NUMBER = "GOLDEN_Number-500";
-export declare const STANDARD_NUMBER = "STANDARD_Number-0";
-export declare const FIVEGACCESSTYPE = "5G";
-export declare const PREMIUM = "premium";
-export declare const SPACE_ID = "113473";
-export declare const AVAILABLE_TV_GROUPS: string[];
-export declare const AVAILABLE_LANGUAGES: {
-    EN: string;
-    FR: string;
-    IT: string;
-    DE: string;
-};
-export declare const DISCOUNTKEYS: string[];
-export declare const NUMBER = "number";
-export declare const AUTHSTAMP = "auth-stamp";
-export declare const BOTH = "both";
-export declare const CHANNEL = "Fixnet";
-export declare const CURRENCY = "CHF";
-export declare const DEFAULTLANG = "en";
-export declare const CHAT = "chat";
-export declare const CHATSTARTED = "chatConversationStarted";
-export declare const DATEREGEX: RegExp;
-export declare const GETSTORYURL = "cdn/stories/";
-export declare const PEGACASEIDLOCALKEY = "one-ecomm-pegacaseid";
-export declare const PRE_TO_POST_PROMOTION_ID = "PreToPost";
-export declare const SBODETAILS = "sbo-details";

package/dist/esm/components/FalconButton/falconButton.d.ts

@@ -1,46 +0,0 @@
-/// <reference types="react" />
-import { FalconButtonTypes, LinkTarget, Alignment } from '../../utils/data-source';
-import { Asset, MultiLink } from '../../utils/storyblok-types';
-export interface componentsInStory {
-    _uid: string;
-    plugin: string;
-    blockIdentifier: string;
-}
-export interface FalconButtonSchema {
-    buttonLabel?: string;
-    buttonIcon?: Asset;
-    buttonHoverIcon?: Asset;
-    buttonClickedIcon?: Asset;
-    buttonDisabledIcon?: Asset;
-    buttonLink: MultiLink;
-    linkTarget: LinkTarget;
-    buttonType: FalconButtonTypes;
-    iconPosition: string;
-    buttonAlignment: Alignment;
-    asset?: Asset;
-    id?: string;
-    bloks?: any;
-    minWidth: number;
-    enableScroll: boolean;
-    targetElement: componentsInStory;
-    blackFridayThemeIcon: Asset;
-    fromTallhero?: boolean;
-}
-interface AssetSchema {
-    content: FalconButtonSchema;
-    asset?: Asset | undefined;
-    phoneNumber?: string | undefined;
-    eventAction: string;
-    metadata: any | undefined;
-    updatedContent?: any;
-    enableLoginButton?: any;
-    setButtonClicked?: (buttonClicked: boolean) => void | undefined;
-    buttonClicked?: boolean;
-    onClickTrack?: (onClickTrack: boolean) => void | undefined;
-    isblacktheme?: boolean;
-    id?: string;
-    fromTallhero?: boolean;
-    enableDeviceCampaignBoolean?: any;
-}
-declare const FalconButton: (props: AssetSchema) => JSX.Element;
-export default FalconButton;

package/dist/esm/components/FalconButtonV2/FalconButtonV2.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const FalconButtonV2: ({ content, className, icon, iconClass, isLoading, wafIdentifier, ...restProps }: any) => JSX.Element;
-export default FalconButtonV2;

package/dist/esm/components/FalconDescription/FalconDescription.d.ts

@@ -1,14 +0,0 @@
-import { Richtext } from 'storyblok-js-client';
-import { Alignment, FalconColorsTypes } from '../../utils/data-source';
-import { Asset, NativeColorPicker } from '../../utils/storyblok-types';
-import { FC } from 'react';
-export interface FalconDescriptionInterface {
-    text: Richtext;
-    textColor: FalconColorsTypes;
-    textColorPicker: NativeColorPicker;
-    icon: Asset;
-    textElementPosition: Alignment;
-    trackngLabel: string;
-}
-declare const FalconDescription: FC<any>;
-export default FalconDescription;

package/dist/esm/components/FalconTitle/FalconTitle.d.ts

@@ -1,11 +0,0 @@
-import { FC } from 'react';
-import { FalconColorsTypes, HeadingVariants } from '../../utils/data-source';
-import { NativeColorPicker } from '../../utils/storyblok-types';
-export interface FalconTitleInterface {
-    text: string;
-    headingStyle: HeadingVariants;
-    textColor: FalconColorsTypes;
-    textColorPicker: NativeColorPicker;
-}
-declare const FalconTitle: FC<any>;
-export default FalconTitle;

package/dist/esm/components/ImageComponent/ImageComponent.d.ts

@@ -1,3 +0,0 @@
-import { FC } from 'react';
-declare const ImageComponent: FC<any>;
-export default ImageComponent;

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

@@ -1 +0,0 @@
-export { default } from './ImageComponent';

package/dist/esm/components/ImageWithText/ImageWithText.d.ts

@@ -1,3 +0,0 @@
-import { FC } from "react";
-declare const ImageWithText: FC<any>;
-export default ImageWithText;

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

@@ -1 +0,0 @@
-export { default } from './ImageWithText';

package/dist/esm/components/ImageWithTextWrapper/ImageWithTextWrapper.d.ts

@@ -1,3 +0,0 @@
-import { FC } from 'react';
-declare const ImageWithTextWrapper: FC<any>;
-export default ImageWithTextWrapper;

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

@@ -1 +0,0 @@
-export { default } from './ImageWithTextWrapper';

package/dist/esm/components/InternetAndTvCardsBenefits/DetailsModal/DetailsModal.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const DetailsModal: ({ content, isModalOpen, setIsModalOpen, }: any) => JSX.Element;
-export default DetailsModal;

package/dist/esm/components/InternetAndTvCardsBenefits/InternetAndTvCardItemBenefits.d.ts

@@ -1,19 +0,0 @@
-import { FC } from 'react';
-import { Asset, NativeColorPicker } from '../../utils/storyblok-types';
-import { FalconTitleInterface } from '../FalconTitle/FalconTitle';
-import { FalconDescriptionInterface } from '../FalconDescription/FalconDescription';
-import { FalconButtonSchema } from '../FalconButton/falconButton';
-import { Alignment, FalconGradientTypes } from '../../utils/data-source';
-export interface InternetAndTvCardItemInterface {
-    asset: Asset;
-    textBlok: (FalconTitleInterface | FalconDescriptionInterface)[];
-    button: FalconButtonSchema[];
-    gradient: FalconGradientTypes;
-    subElementsAlignment: Alignment;
-    subElementsVertical: boolean;
-    defaultBackgroundColor: string;
-    backgroundColorPicker: NativeColorPicker;
-    notToDisplay: boolean;
-}
-declare const InternetAndTvCardItemBenefits: FC<any>;
-export default InternetAndTvCardItemBenefits;

package/dist/esm/components/InternetAndTvCardsBenefits/InternetAndTvCardsBenefits.d.ts

@@ -1,27 +0,0 @@
-import { InternetAndTvCardItemInterface } from './InternetAndTvCardItemBenefits';
-import { FC } from 'react';
-import { FalconDescriptionInterface } from '../FalconDescription/FalconDescription';
-import { CardDisplayVariants, FalconColorsTypes, FalconGradientTypes, HeadingVariants } from '../../utils/data-source';
-import { NativeColorPicker } from '../../utils/storyblok-types';
-import { FalconButtonSchema } from '../FalconButton/falconButton';
-import { SpacerSchema } from '../Spacer/spacer';
-export interface InternetAndTvCardSchema {
-    title: string;
-    headlineVariants: HeadingVariants;
-    Cards: InternetAndTvCardItemInterface[];
-    backgroundColor?: NativeColorPicker;
-    headlineColorPicker?: NativeColorPicker;
-    headlineColor: FalconColorsTypes;
-    variant: CardDisplayVariants;
-    overlineText: string;
-    description: FalconDescriptionInterface[];
-    cardsInRow: string;
-    gradientBackground: FalconGradientTypes;
-    button: FalconButtonSchema[];
-    topSpace: SpacerSchema[];
-    bottomSpace: SpacerSchema[];
-    id?: string;
-    isMobSlider?: boolean;
-}
-declare const InternetAndTvCardsBenefits: FC<any>;
-export default InternetAndTvCardsBenefits;

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

@@ -1 +0,0 @@
-export { default } from './InternetAndTvCardsBenefits';

package/dist/esm/components/ResponsiveRow/row.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-interface RowInterface {
-    children: JSX.Element;
-}
-declare const Row: ({ children }: RowInterface) => JSX.Element;
-export default Row;

package/dist/esm/components/RibbonComponent/RibbonComponent.d.ts

@@ -1,5 +0,0 @@
-import { FC } from "react";
-import "./RibbonComponentStyles.css";
-import { RibbonComponentInterface } from "./RibbonComponent.types";
-declare const RibbonComponent: FC<RibbonComponentInterface>;
-export default RibbonComponent;

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

@@ -1,45 +0,0 @@
-import { TimerSchema } from "./RibbonComponentTimer/RibbonComponentTimer";
-export declare interface RibbonComponentInterface {
-    content: RibbonComponentSchema;
-}
-interface RibbonComponentSchema {
-    _uid: string;
-    backgroundColor: string;
-    buttonIcon: Asset;
-    buttonText: string;
-    buttonType: string;
-    closeIcon: Asset;
-    darkModeCloseIcon: Asset;
-    deviceLimit: string;
-    description: Array<object>;
-    enableDarkMode: boolean;
-    target: string;
-    hotlineNumber: string;
-    icon: Asset;
-    darkModeIcon: Asset;
-    iconAlign: string;
-    isCloseIcon: boolean;
-    link: MultiLink;
-    teaserTimer: TimerSchema[];
-    targetCustomer: string;
-    bannerPromotionName: string;
-    bannerLocation: string;
-}
-interface MultiLink {
-    id: string;
-    url: string;
-    linktype: 'url' | 'story';
-    fieldtype: 'multilink';
-    cached_url: string;
-}
-interface Asset {
-    id: number;
-    alt?: string;
-    name: string;
-    focus?: string;
-    title?: string;
-    filename: string;
-    copyright?: string;
-    fieldtype: 'asset';
-}
-export {};

package/dist/esm/components/RibbonComponent/RibbonComponentTimer/RibbonComponentExpiredTimer.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-import './RibbonComponentTimerStyles.css';
-import { NativeColorPicker } from './RibbonComponentTimer.types';
-interface RibbonComponentExpiredTimerSchema {
-    timerColor: string;
-    backgroundColor: string;
-    expiryLabel: string;
-    timerAlignment: string;
-    dayLabel: string;
-    hourLabel: string;
-    minuteLabel: string;
-    secondLabel: string;
-    expiryLabelColor: NativeColorPicker;
-}
-interface Expiry {
-    content: RibbonComponentExpiredTimerSchema;
-}
-declare const RibbonComponentExpiredTimer: ({ content }: Expiry) => JSX.Element;
-export default RibbonComponentExpiredTimer;

package/dist/esm/components/RibbonComponent/RibbonComponentTimer/RibbonComponentTimer.d.ts

@@ -1,32 +0,0 @@
-/// <reference types="react" />
-import "./RibbonComponentTimerStyles.css";
-import { NativeColorPicker } from "./RibbonComponentTimer.types";
-export interface TimerSchema {
-    startTime: string;
-    endTime: string;
-    colorChangeTime?: string;
-    expiryLabel: string;
-    timerColor?: string;
-    backgroundColor: string;
-    timerAlignment: string;
-    dayLabel: string;
-    hourLabel: string;
-    minuteLabel: string;
-    secondLabel: string;
-    mainHeading: string;
-    expiryLabelColor: NativeColorPicker;
-    enableCounter: boolean;
-    isDarkMode?: boolean;
-}
-interface Timer {
-    content: TimerSchema;
-    setTimerExpired?: any;
-}
-export interface timeleft {
-    days: string;
-    hours: string;
-    mins: string;
-    sec: string;
-}
-declare const RibbonComponentTimer: ({ content, setTimerExpired }: Timer) => JSX.Element;
-export default RibbonComponentTimer;

package/dist/esm/components/RibbonComponent/RibbonComponentTimer/RibbonComponentTimer.types.d.ts

@@ -1,5 +0,0 @@
-export declare interface NativeColorPicker {
-    color: string;
-    plugin: string;
-    _uid: string;
-}

package/dist/esm/components/RibbonComponent/RibbonComponentTimer/RibbonExpiredTimerRedefined.d.ts

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-import { NativeColorPicker } from "./RibbonComponentTimer.types";
-interface RibbonComponentExpiredTimerSchema {
-    timerColor: string;
-    backgroundColor: string;
-    expiryLabel: string;
-    timerAlignment: string;
-    dayLabel: string;
-    hourLabel: string;
-    minuteLabel: string;
-    secondLabel: string;
-    expiryLabelColor: NativeColorPicker;
-}
-interface Expiry {
-    content: RibbonComponentExpiredTimerSchema;
-}
-declare const RibbonExpiredTimerRedefined: ({ content }: Expiry) => JSX.Element;
-export default RibbonExpiredTimerRedefined;

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

@@ -1 +0,0 @@
-export { default } from './RibbonComponent';

package/dist/esm/components/RibbonComponent/utils.d.ts

@@ -1,5 +0,0 @@
-export declare const getFalconButtonClass: (type: string) => string;
-export declare const dateWithTimeZone: (timeZone: string, year: number, month: number, day: number, hour: number, minute: number, second: number) => Date;
-export declare const calculateDateTime: (dateObj: Date) => Date;
-export declare const viewport: () => string;
-export declare const getSBAssetUrl: (wafIdentifier: any, image?: string) => string;

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

@@ -1,8 +0,0 @@
-export type LinkTarget = '_self' | '_blank' | null;
-export type LinkType = 'url' | 'story' | 'asset' | 'email';
-export declare interface LinkAttributes {
-    href: string;
-    uuid: string | null;
-    target: LinkTarget;
-    linktype: LinkType;
-}

package/dist/esm/components/RichText/richText.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const RichText: React.FunctionComponent<any>;
-export default RichText;

package/dist/esm/components/Spacer/spacer.d.ts

@@ -1,11 +0,0 @@
-import { FC } from 'react';
-import { FalconBackgroundColor, FalconGradientTypes } from '../../utils/data-source';
-export interface SpacerSchema {
-    height: number;
-    mobHeight: number;
-    backgroundColor: FalconBackgroundColor;
-    gradientBackground: FalconGradientTypes;
-    desktopHeight: number;
-}
-declare const Spacer: FC<any>;
-export default Spacer;

package/dist/esm/components/StageTeaserComponent/DoubleGrid/DoubleGridComponent.d.ts

@@ -1,10 +0,0 @@
-import { FC } from "react";
-import "./DoubleGridComponent.css";
-import "./PromoBubble.css";
-import "./PromoBubbleBottomRight.css";
-import "./PromoBubbleBottomLeft.css";
-import "./PromoBubbleTopLeft.css";
-import "./PromoBubbleTopRight.css";
-import "../../../styles/FalconColors.css";
-declare const DoubleGridComponent: FC<any>;
-export default DoubleGridComponent;

package/dist/esm/components/StageTeaserComponent/SingleGrid/SingleGridComponent.d.ts

@@ -1,5 +0,0 @@
-import { FC } from "react";
-import { SingleGridInerface } from "./SingleGridComponent.types";
-import "./SingleGridComponentStyles.css";
-declare const SingleGridComponent: FC<SingleGridInerface>;
-export default SingleGridComponent;

package/dist/esm/components/StageTeaserComponent/SingleGrid/SingleGridComponent.types.d.ts

@@ -1,5 +0,0 @@
-export declare interface SingleGridInerface {
-    content: any;
-    isFullWidth?: boolean;
-    isSlimVersion?: boolean;
-}

package/dist/esm/components/StageTeaserComponent/SingleGrid/SingleGridRedefined.d.ts

@@ -1,4 +0,0 @@
-import { FC } from "react";
-import { SingleGridInerface } from "./SingleGridComponent.types";
-declare const SingleGridRedfined: FC<SingleGridInerface>;
-export default SingleGridRedfined;

package/dist/esm/components/StageTeaserComponent/StageTeaserComponent.d.ts

@@ -1,3 +0,0 @@
-import { FC } from "react";
-declare const StageTeaserComponent: FC<any>;
-export default StageTeaserComponent;

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

@@ -1 +0,0 @@
-export { default } from "./StageTeaserComponent";

package/dist/esm/components/TextComponent/TextComponent.d.ts

@@ -1,3 +0,0 @@
-import { FC } from "react";
-declare const TextComponent: FC<any>;
-export default TextComponent;

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

@@ -1 +0,0 @@
-export { default } from './TextComponent';

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

@@ -1,8 +0,0 @@
-export { default as RibbonComponent } from "./RibbonComponent";
-export { default as StageTeaserComponent } from "./StageTeaserComponent";
-export { default as ImageComponent } from './ImageComponent';
-export { default as TextComponent } from './TextComponent';
-export { default as ButtonGroup } from './ButtonGroup';
-export { default as ImageWithText } from './ImageWithText';
-export { default as ImageWithTextWrapper } from './ImageWithTextWrapper';
-export { default as InternetAndTvCardsBenefits } from './InternetAndTvCardsBenefits';

package/dist/esm/index.d.ts

@@ -1 +0,0 @@
-export * from './components';

package/dist/esm/utils/AnalyticUtils.d.ts

@@ -1 +0,0 @@
-export declare const trackNewDatalayerEvent: (event: string, eventName: string, eventInfo?: any) => void;