@sunrise-upc/sales-static-components 0.1.17 → 0.2.1

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

@@ -1,7 +1,236 @@
 export declare const GAEVENT = "gaEvent";
+export declare const TARIFFEND = "findyourtariff_end";
+export declare const TARIFFSTART = "findyourtariff_start";
 export declare const TEXTIMAGECOMPONENT = "Text_Image_Component";
 export declare const ARTICLEVIEW = "article_view_promotion";
 export declare const ARTICLESELECT = "article_select_promotion";
 export declare const ARTICLERIGHTSELECT = "article_pagination_right_click";
 export declare const ARTICLELEFTSELECT = "article_pagination_left_click";
 export declare const ARTICLEICONSELECT = "article_pagination_icon_click";
+export declare const CLIENT = "Website";
+export declare const LANG = "lang";
+export declare const TYPE = "click";
+export declare const VIEW = "view";
+export declare const SEARCHTYPE = "dropDownClick/enter/leftClick";
+export declare const LEVELUP = "LevelUp Navigation";
+export declare const STEPOPTION = "StepOptionComponent";
+export declare const INSTRUCTION = "InstructionComponent";
+export declare const SINGLESTEP = "SingleStepComponent";
+export declare const INSTRUCTIONPDF = "InstructionPDFComponent";
+export declare const QUICKLINKCARD = "QuicklinkCardComponent";
+export declare const QUICKLINK = "QuickLinks";
+export declare const TROUBLESHOOT = "TroubleshootComponent";
+export declare const DECISIONOPTION = "DecisionOptionComponent";
+export declare const ANCHOR = "ANCHORComponent";
+export declare const APPSTOREBUTTON = "AppstoreButtonComponent";
+export declare const FAQ = "FaqComponent";
+export declare const ERRORCODESEARCH = "ErrorcodeSearchComponent";
+export declare const MAINNAVIGATION = "Mainnavigation";
+export declare const SUBMAINNAVIGATION = "SubMainnavigation";
+export declare const FOOTERNAVIGATION = "Footernavigation";
+export declare const FOOTERSUBNAVIGATION = "FooterSubnavigation";
+export declare const LOGIN = "Login";
+export declare const PRODUCTQUICKLINK = "ProductQuickLink";
+export declare const INTERNETDEVICESELECTION = "InternetDeviceQuickLinks";
+export declare const NOICONQUICKLINKCARD = "NoIconQuickLinkCard";
+export declare const QUICKLINKCARDICON = "QuickLinkCardIcon";
+export declare const TITLEWITHSEARCH = "TitleWithSearch";
+export declare const HELPINTERNALSEARCH = "HelpInternalSearchStart";
+export declare const HULKBUTTON = "HulkButton";
+export declare const BACK = "Browser Back or Forward";
+export declare const ABANDONEDCART = "abandonedCart";
+export declare const ABANDONEDKEY = "Abandon_Initiate";
+export declare const DISPLAYNAME = "productDisplayName";
+export declare const COPYRIGHT = "CopyRight";
+export declare const BODY = "Body";
+export declare const TOP = "Top";
+export declare const CONTENT = "content";
+export declare const LINK = "links";
+export declare const NAVIGATION = "navigation";
+export declare const TEXT = "text";
+export declare const WIDGET = "widget";
+export declare const OTHER = "others";
+export declare const FOOTER = "footer";
+export declare const BOTTOM = "Bottom";
+export declare const SOCIALMEDIAICONS = "SocialMediaIcons";
+export declare const STAGETEASER = "Stageteaser";
+export declare const DECISION = "Decision";
+export declare const BANNER = "Banner";
+export declare const DOYOUHAVEEVERYTHING = "DoYouHaveEverything";
+export declare const DOWNLOAD = "Download";
+export declare const ERRORPAGEINTRODUCTION = "ErrorPageIntroduction";
+export declare const INSTALLATION = "Installation";
+export declare const MULTIOPTION = "MultiOption";
+export declare const STEPSTEPBYINSTRUCTION = "StepStepByInstruction";
+export declare const INSTRUCTIONIMAGE = "InstructionImage";
+export declare const INSTRUCTINTRODUCTION = "InstructionIntroduction";
+export declare const TROUBLESHOOTQUICKLINK = "TroubleShootQuickLink";
+export declare const SECTION = "Section";
+export declare const TROUBLESHOOTINTRODUCTION = "TroubleshootIntroduction";
+export declare const USAGEINTRODUCTION = "UsageIntroduction";
+export declare const USAGESECTION = "UsageSection";
+export declare const USAGESTEP = "UsageStep";
+export declare const USAGESTEPICONLIST = "UsageStepIconList";
+export declare const TITLE = "TitleComponent";
+export declare const TITLEWITHIMAGE = "TitleWithImage";
+export declare const TROUBLESHOOTSTEPLIST = "TroubleShootStepList";
+export declare const ACCORDION = "Accordion";
+export declare const MOBILENAVIGATION = "MobileNavigation";
+export declare const PROFILE = "My Sunrise";
+export declare const LOGINSTART = "loginStart";
+export declare const INFOBOXOPENCLOSE = "InfoBox Card open/close";
+export declare const DOWNLOADLIST = "DownloadList";
+export declare const ENTERTAINMENT = "EntertainmentTeaser";
+export declare const FALCONACCORDION = "FalconAccordion";
+export declare const HIGHLIGHTED = "HighlightedText";
+export declare const ICONLIST = "IconList";
+export declare const IFRAME = "IFrame";
+export declare const IMAGEOVERLAYOPNCLS = "Image Overlay Close";
+export declare const IMAGECOMPONENT = "ImageComponent";
+export declare const IMAGEGALLERY = "ImageGallery";
+export declare const INFOBOXCARD = "InfoboxCard";
+export declare const PAGEHEROTEASER = "PageHeroTeaser";
+export declare const PROMOTIONTEASER = "PromotionTeaser";
+export declare const SALESARGV2 = "SalesArgumentCard";
+export declare const TAB = "Tab";
+export declare const TABCONT = "Tabs Container";
+export declare const TXTANDCTA = "TextAndCTATeaser";
+export declare const FALCONBTN = "FalconButton";
+export declare const FALCONDESCR = "FalconDescription";
+export declare const FALCONTITLE = "FlaconTitle";
+export declare const SPACER = "Spacer";
+export declare const TABLE = "Table";
+export declare const TEXTCOMP = "TextComponent";
+export declare const BREADCRUMB = "Breadcrumb";
+export declare const FORMSUBMIT = "Form Submitted";
+export declare const FORM = "Form";
+export declare const CONTACTREQCALL = "ContactRequestCallback";
+export declare const GENERICOPENCLOSE = "Close";
+export declare const CLOSEMODAL = "Close Channel Modal";
+export declare const CALLBACKSUCES = "CallbackSuccess";
+export declare const CALLBACKCONFIRM = "Callback Confirmation";
+export declare const CHANNELLIST = "ChannelList Component";
+export declare const CHANNELCARD = "ChannelListCard";
+export declare const GRID = "Grid View";
+export declare const LIST = "List View";
+export declare const BACKGROUND = "Background Component";
+export declare const INTERNETTVCARD = "InternetTVCard";
+export declare const TOOLTIP = "Tooltip";
+export declare const POPUPTABLE = "PopupTable";
+export declare const CONTACTOPEN = "Contact Open | Chat Enabled";
+export declare const CONTACTFLYIN = "Contact Fly-In";
+export declare const DEVICEGALLERY = "deviceGalleryList";
+export declare const BLOGOVERVIEWARTICLE = "BlogOverviewArticle";
+export declare const IMAGEWITHTEXTSLIDER = "ImageWithTextSlider";
+export declare const VALIDATIONSTARTED = "swissskiValidationStarted";
+export declare const VALIDATIONPERFORMED = "swissskiValidationPerformed";
+export declare const VALIDATIONUNSUCCESSFUL = "Validation Unsuccessful";
+export declare const WENTWRONG = "Something went wrong";
+export declare const VALIDATIONVIEW = "swissskiValidationView";
+export declare const VALIDATIONSUCCESSFUL = "Validation Successful";
+export declare const SUCCESSTYPE = "success";
+export declare const VALIDATIONMESSAGE = "Your validation was successful and we have an exclusive offer for you!";
+export declare const CONGRATS = "Congratulation";
+export declare const VALIDATIONSUCCESSPOPUP = "swissSkiValidationSuccessPopup";
+export declare const VALIDATIONERRORPOPUP = "swissSkiValidationErrorPopup";
+export declare const BACKTOVALIDATION = "Back to validation";
+export declare const VALIDATIONGENERALPOPUP = "swissSkiValidationGeneralPopup";
+export declare const OFFERFORMEMBER = "This offer is only available for swiss ski members...";
+export declare const OFFERFORMEMBERTITLE = "This offer is only available for swiss ski members!";
+export declare const GENERAL = "general";
+export declare const HEROBANNER = "HeroBanner";
+export declare const LOGINFORGOTPASSWORD = "Forgot password";
+export declare const FORGOTPASSWORD = "Forgot Password";
+export declare const LOGINTEMPORARYPASSWORD = "Temporary password";
+export declare const TEMPORARYPASSWORD = "Temporary Password";
+export declare const LOGINUSERVERIFIED = "userVerified";
+export declare const SUCCESSFUL = "success";
+export declare const LOGINUSERNOTVERIFIED = "userNotFound";
+export declare const UNSUCCESSFUL = "unSuccess";
+export declare const LOGINSUCCESSFUL = "loginSuccessful";
+export declare const PASSWORDSUCCESSFUL = "success via password";
+export declare const LOGINUNSUCCESSFUL = "loginUnSuccessful";
+export declare const PASSWORDUNSUCCESSFUL = "unSuccess via password";
+export declare const GETOTPSUCCESSSMS = "success via SMS";
+export declare const GETOTPSUCCESSEMAIL = "success via EMail";
+export declare const GETOTPUNSUCCESSSMS = "unSuccess via SMS";
+export declare const GETOTPUNSUCCESSEMAIL = "unSuccess via EMail";
+export declare const SENDONETIMEPASSWORD = "Send temporary password";
+export declare const OTPVIASMS = "Temporary password via Sms";
+export declare const OTPVIAEMAIL = "Temporary password via Email";
+export declare const ONETIMEPASSWORD = "Temporary password";
+export declare const RESENDCODE = "Resend Code";
+export declare const LOGINBACK = "Back";
+export declare const LOGINNEXT = "Next";
+export declare const ERRORTEASER = "ErrorTeaser";
+export declare const FIXNET = "fixnet";
+export declare const APIFAILURE = "api failure";
+export declare const OFFER = "offer";
+export declare const PRODTABNAV = "Product Navigation Tab";
+export declare const INTERNETPAGE = "Internet page";
+export declare const LOGINPOPUP = "Login popup";
+export declare const LOGINVALUE = "Close";
+export declare const VIEWPROMOTION = "view_promotion";
+export declare const CONFIGUREPRODUCTCLICK = "configure_product_click";
+export declare const STORYBLOK = "Storyblok";
+export declare const LOGGEDIN = "logged-in";
+export declare const GUEST = "guest";
+export declare const BRAND = "Sunrise";
+export declare const CURRENCY = "CHF";
+export declare const YES = "yes";
+export declare const NO = "no";
+export declare const SELECTPROMOTION = "select_promotion";
+export declare const FAILED = "failed";
+export declare const SUCCESSFULL = "successful";
+export declare const SAVEOPTIONPOPUP = "save_option_popup";
+export declare const MAINNAVCLICK = "mainnavigation_click";
+export declare const SUBNAVCLICK = "subnavigation_click";
+export declare const FOOTERNAVCLICK = "footernavigation_click";
+export declare const SEARCH = "Search";
+export declare const GENERATELEAD = "generate_lead";
+export declare const ACCORDIONOPEN = "accordion_open";
+export declare const CTABUTTONCLICK = "cta_button_click";
+export declare const SELECTITEMCONFIGURATOR = "select_item_configurator";
+export declare const TOGGLEONCONFIGURATOR = "toggle_on_configurator";
+export declare const TOGGLEOFFCONFIGURATOR = "toggle_off_configurator";
+export declare const INFOCARDCLICK = "info_card_click";
+export declare const INFOBOXCLICK = "infobox_card_click";
+export declare const VIEWOPTIONPOPUP = "view_option_popup";
+export declare const INTERNETCARD = "internet_tv_card_click";
+export declare const CONTACTFLYINOPEN = "contact_flyin_open";
+export declare const CONTACTCARDCONTAINER = "ContactCard_container";
+export declare const CONTACTCHATSTART = "contact_chat_start";
+export declare const CONTACTAPPOINTMENTCLICK = "contact_appointment_click";
+export declare const CONTACTHELPCENTERCLICK = "contact_helpcenter_click";
+export declare const TEXTLINK = "Text_link";
+export declare const SBLINECHECKSTART = "line_check_start";
+export declare const SBLINECHECKRESULT = "line_check_results";
+export declare const CONTACTSALESHOTLINECLICK = "contact_saleshotline_click";
+export declare const CONTACTCARD = "ContactCard";
+export declare const SOCIALCLICK = "social_follow_click";
+export declare const DOWNLOADPRODUCT = "download_product_details";
+export declare const BUNDLEPRODUCT = "BUNDLE";
+export declare const HOMEORDER = "HOME_ORDER";
+export declare const CART = "CreateCart";
+export declare const TABCLICK = "tab_click";
+export declare const MYSTERYVOUCHEROPEN = "mystery_voucher_open";
+export declare const MYSTERYVOUCHERCLOSE = "mystery_voucher_close";
+export declare const MYSTERYVOUCHERREVEAL = "mystery_voucher_reveal";
+export declare const REVEALYOURDEAL = "Reveal your deal";
+export declare const CTATEXTCLICK = "cta_text_click";
+export declare const SECRETDEALPOPUPBUTTON = "secretdeal_popup_button";
+export declare const VIEWSECRETDEALPOPUP = "view_secretdeal_popup";
+export declare const SECRETDEALABONDANT = "secretdeal_popup_abondant";
+export declare const DEALSUCCESSFUL = "successful";
+export declare const SALESHOTLINECALLUS = "saleshotline_callus_button";
+export declare const SALESHOTLINEREUESTCALLBACK = "saleshotline_requestacallback";
+export declare const SALESHOTLINECLICK = "sales_hotline_click";
+export declare const CASHBACKBONUS = "cashback_bonus";
+export declare const SEARCHICONCLICK = "search_icon_click";
+export declare const PROFILECLICK = "sunrise_profile_click";
+export declare const LOGINCLICK = "sunrise_login_click";
+export declare const PROFILELOGOUT = "profile_logout";
+export declare const MYPROFILECLICK = "profile_mysunrise_click";
+export declare const WINREQUESTCALLBACK = "win_requestacallback";
+export declare const WINCALLBACKBUTTON = "win_callback_button";
+export declare const WINCALLBACKPOPUP = "win_callback_popup";

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

@@ -1,2 +1,7 @@
-export declare const getFalconBackgroundColorClassNew: (type: string) => string;
+export declare const getFalconButtonClass: (type: string) => string;
+export declare const getQuoteBackgroundColorClass: (type: string) => string;
 export declare const getFalconGradientClass: (type: string) => string;
+export declare const getFalconBackgroundColorClass: (type: string) => string;
+export declare const getFalconColorsClass: (type: string) => string;
+export declare const checkLinkWithLang: (url: string) => string;
+export declare const getFalconBackgroundColorClassNew: (type: string) => string;

package/dist/esm/utils/data-source.d.ts

@@ -1 +1,17 @@
+export type LocaleID = 'en' | 'de' | 'fr' | 'it' | 'default';
+export type LinkTarget = '_blank' | '_parent' | '_self' | '_top';
+export type Alignment = 'left' | 'center' | 'right';
+export type AuraButtonTypes = 'Primary-V1' | 'Secondary-V1' | 'Secondary-V4';
+export type FalconButtonTypes = 'Primary-V1' | 'Secondary-V1' | 'Secondary-V4' | 'Secondary-Dark';
+export type QuoteBackgroundColor = 'pink' | 'blue' | 'grey' | 'iceWhite' | 'transparent';
+export type FalconGradientTypes = 'rubyglow-diagonal' | 'rubyglow-vertical' | 'pinksky-diagonal' | 'pinksky-vertical' | 'bluehaze-diagonal' | 'bluehaze-vertical' | 'greencloud-diagonal' | 'greencloud-vertical' | 'peachfog-diagonal' | 'peachfog-vertical' | 'black' | 'skyfuel-vertical' | 'black-friday' | 'none';
+export type ElementPosition = 'top-left' | 'top-right' | 'bottom-right' | 'bottom-left';
+export type FalconColorsTypes = 'grey-600' | 'grey-500' | 'ice-white' | 'grey-100' | 'grey-400' | 'none';
+export type CardDisplayVariants = 'stack' | 'slider';
 export type HeadingVariants = 'h1' | 'h2' | 'h3' | 'h4';
+export type ShadowVariants = 'no-shadow' | 'default-shadow';
+export type FalconBackgroundColor = 'grey-100' | 'ice-white' | 'transparent' | 'blue' | 'dark-green';
+export type VerticalAlignment = 'top' | 'center' | 'bottom';
+export type OverlayGradient = 'overlay' | 'top-to-bottom' | 'bottom-to-top' | 'left-to-right' | 'right-to-left' | 'none';
+export type FalconBackgroundColorNew = 'grey-100' | 'ice-white' | 'transparent' | 'none';
+export type FalconMessageTypes = 'success' | 'error' | 'info' | 'warning' | 'tip' | 'infoWhite';

package/dist/esm/utils/storyblok-types.d.ts

@@ -0,0 +1,97 @@
+export interface Link {
+    id: number;
+    slug: string;
+    name: string;
+    is_folder: boolean;
+    parent_id: number;
+    published: boolean;
+    path?: string;
+    position: number;
+    uuid: string;
+    is_startpage: boolean;
+    real_path: string;
+    alternates: LinkAlternate[];
+}
+export interface LinkAlternate {
+    path: string;
+    name?: string;
+    lang: string;
+}
+export type Links = {
+    [key: string]: Link;
+};
+export interface Story {
+    name: string;
+    created_at: string;
+    published_at: string;
+    alternates: any[];
+    id: number;
+    uuid: string;
+    content: Content;
+    slug: string;
+    full_slug: string;
+    default_full_slug?: string;
+    sort_by_date: any;
+    position: number;
+    tag_list: any[];
+    is_startpage: boolean;
+    parent_id: number;
+    meta_data: any;
+    group_id: string;
+    first_published_at: string;
+    release_id?: string;
+    lang: string;
+    translated_slugs: LinkAlternate[];
+    links: Story[];
+}
+export interface Content {
+    _uid: string;
+    component: string;
+    _editable: string;
+    [key: string]: any;
+}
+export interface Asset {
+    id: number;
+    alt?: string;
+    name: string;
+    focus?: string;
+    title?: string;
+    filename: string;
+    copyright?: string;
+    fieldtype: 'asset';
+}
+export interface MultiLink {
+    id: string;
+    url: string;
+    linktype: 'url' | 'story';
+    fieldtype: 'multilink';
+    cached_url: string;
+}
+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;
+}
+export interface MultiLinkUrl extends MultiLink {
+    linktype: 'url';
+}
+export interface MultiLinkStory extends MultiLink {
+    linktype: 'story';
+    story?: Story;
+}
+export interface NativeColorPicker {
+    color: string;
+    plugin: string;
+    _uid: string;
+}
+export interface BlokProps {
+    content: {
+        _uid: string;
+        component: string;
+    };
+    metadata?: any;
+    index?: any;
+}

package/dist/index.d.ts

@@ -80,4 +80,6 @@ declare const ImageWithText: FC<any>;
 
 declare const ImageWithTextWrapper: FC<any>;
 
-export { ButtonGroup, ImageComponent, ImageWithText, ImageWithTextWrapper, RibbonComponent, StageTeaserComponent, TextComponent };
+declare const InternetAndTvCardsBenefits: FC<any>;
+
+export { ButtonGroup, ImageComponent, ImageWithText, ImageWithTextWrapper, InternetAndTvCardsBenefits, RibbonComponent, StageTeaserComponent, TextComponent };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sunrise-upc/sales-static-components",
-  "version": "0.1.17",
+  "version": "0.2.1",
   "description": "Static Reusable Components Library",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -52,7 +52,12 @@
     "sass": "^1.57.1",
     "semver": "^7.3.8",
     "tslib": "^2.4.1",
-    "typescript": "^4.9.4"
+    "typescript": "^4.9.4",
+    "storyblok-react": "0.1.2",
+    "storyblok-js-client": "^4.1.3",
+    "react-bootstrap": "2.0.0-beta.4",
+    "@types/js-cookie": "^3.0.2",
+    "cookies-next": "^2.1.1"
   },
   "peerDependencies": {
     "cookies-next": "^2.1.1",
@@ -61,6 +66,7 @@
     "storyblok-rich-text-react-renderer-ts": "^3.1.3"
   },
   "dependencies": {
-    "react-multi-carousel": "^2.8.4"
+    "react-multi-carousel": "^2.8.4",
+    "js-cookie": "^3.0.1"
   }
 }