@sunrise-upc/mobile-prod-card 8.2.1 → 8.2.2-beta.0

package/dist/cjs/services/DevicePropConfig.d.ts

@@ -0,0 +1,12 @@
+export interface DevicePropSchema {
+    baseURL: string | '';
+}
+export declare class DevicePropConfig {
+    private static instance;
+    config: DevicePropSchema;
+    private constructor();
+    getConfig: () => DevicePropSchema;
+    getBaseUrl: () => string;
+    static getInstance: () => DevicePropConfig;
+    static create: (p_config: DevicePropSchema) => void;
+}

package/dist/cjs/services/DeviceService.d.ts

@@ -0,0 +1,11 @@
+export declare const fetchCustomPageDeviceGroup: (content: any, deviceCategory?: string) => Promise<any>;
+export declare const fetchPreviewCardDpSubsidyPromos: (hardwarePrices: any, deviceId: any) => Promise<any>;
+export declare const getDeviceDetailData: (deviceDetailsProductId: string, deviceCategory?: string) => Promise<any>;
+export declare const createDevicePlanRequest: (discountPrice: any, hardwarePrices: any, deviceKey: string) => {
+    discount: any;
+    oneTimePrice: number;
+    duration: number;
+    upfront: number;
+    deviceId: string;
+};
+export declare const fetchDpSubsidyDevicePlan: (devicePlanRequestList: any) => Promise<unknown>;

package/dist/cjs/services/LineTableService.d.ts

@@ -10,4 +10,5 @@ export declare const validateP2P: (msisdn: any, endpoint: any) => Promise<any>;
 export declare const getDeviceDetails: (deviceID: any, endpoint: any) => Promise<any>;
 export declare const getDeviceModelsList: (brandId: any, endpoint: any) => Promise<any>;
 export declare const trackPegaEvents: (endpoint: any, payload: {} | undefined, prospectId: string) => Promise<any>;
+export declare const createCartWinV2: (productData: any, radioValue: string, defaultPromo: string, cartUrl: string, chooseGift: any) => Promise<any>;
 export declare const fetchOttServiceOptions: () => Promise<any>;

package/dist/cjs/services/index.d.ts

@@ -1,5 +1,7 @@
 export * from './LineTableBasicPropConfig';
 export * from './ProductTeaserPropsConfig';
 export * from './LinecheckBasicPropConfig';
+export * from './LoginBasicPropConfig';
+export * from './DevicePropConfig';
 export * from './StickyBottomSheetConfig';
 export * from './LoginBasicPropConfig';

package/dist/cjs/utils/DeviceUtils.d.ts

@@ -0,0 +1,2 @@
+export declare const getDeviceSlugPath: (productId: any, pageContent: any) => string;
+export declare const alterHardwarePriceFormat: (hardwarePrices: any[]) => void;

package/dist/cjs/utils/constants.d.ts

@@ -37,10 +37,19 @@ export declare const WP_FLEX_UPGRADE_NOT = "FLEX_UPGRADE_NOT";
 export declare const EXCLUSIVE_BENEFIT_COLOR = "#008187";
 export declare const ULTIMATEBUNDLE = "ultimateBundle";
 export declare const ONE_ECOMMERCE_INTERNET_SUMMARY = "one-ecommerce-internetSummary";
+export declare const CODE = "code__";
+export declare const DPSUBSIDYPROMOTION = "dPSubsidyPromotion";
+export declare const PROMO = "PROMO";
+export declare const PROCEED_BUTTON = "proceedButton";
 export declare const MOBILE = "mobile";
 export declare const DESKTOP = "desktop";
 export declare const LARGE_DESKTOP = "large-desktop";
 export declare const TABLET = "tablet";
+export declare const INTERNET = "internet";
+export declare const YOUTH = "YOUTH";
+export declare const CURRENCY = "CHF";
+export declare const DEFAULT = "default";
+export declare const QOQA_RATE_PLAN = "QOQA_RATE_PLAN";
 export declare const AVAILABLE_LANGUAGES: {
     EN: string;
     FR: string;
@@ -52,6 +61,13 @@ export declare const BREADCRUMB = "...";
 export declare const PRE_TO_POST = "PRE_TO_POST";
 export declare const P2PSUBSCRIBEDPLAN = "Sunrise Prepaid Unlimited";
 export declare const TV_SERVICE_OPTION = "TV_SERVICE_OPTION";
+export declare const PRIMARYCOLORS = "#da291c";
+export declare const CENTER = "center";
+export declare const RIGHT = "right";
+export declare const ZEROES = "00";
+export declare const LEFT = "left";
+export declare const COLORWHITE = "#ffffff";
+export declare const TRANSPARENT = "transparent";
 export declare const ERROR_BORDER = "#BF0760";
 export declare const DISABLED_BACKGROUND = "#E6E3DF";
 export declare const LOGIN_MFA = "LOGIN_MFA";

package/dist/esm/components/BenefitWrapper/BenefitsValidateWrapper.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const BenefitsValidateWrapper: ({ content, loginContent, metadata, createCartCall, fetchOfferData, basicConfigUrl, selectedExistingOption, setShowBenefit, setLoginSuccess, isProdEnv }: any) => JSX.Element;
 export default BenefitsValidateWrapper;

package/dist/esm/components/DeviceCardWrapper/DeviceCards/DeviceCards.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import './DeviceCards.css';
+declare const DeviceCards: FC<any>;
+export default DeviceCards;

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

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

package/dist/esm/components/DeviceCardWrapper/DevicePrice/DevicePrice.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import './DevicePrice.css';
+declare const DevicePrice: FC<any>;
+export default DevicePrice;

package/dist/esm/components/DeviceCardWrapper/DevicePriceWrapper/DevicePriceWrapper.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import './DevicePriceWrapper.css';
+declare const DevicePriceWrapper: FC<any>;
+export default DevicePriceWrapper;

package/dist/esm/components/DeviceCardWrapper/DevicePriceWrapper/DevicePriceWrapper.types.d.ts

@@ -0,0 +1,11 @@
+import { JSX } from "react";
+export interface DevicePriceCollectionSchema {
+    discount?: boolean;
+    discountedPrice?: number;
+    actualPrice?: number;
+    durationDetails?: JSX.Element | null;
+    totalDiscount?: number;
+    totalActual?: number;
+    totalPriceText?: string;
+    priceTerm?: string;
+}

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Asset, ComponentWithContentProps, GenericSBProps } from '../types';
 import { FalconMessageTypes } from '../../utils/data-source';
 export interface SuccessMessageSchema extends GenericSBProps {

package/dist/esm/components/Gift/ChooseGiftV2.d.ts

@@ -0,0 +1,2 @@
+declare const ChooseGift: ({ content, selectedGiftItem, parentPoType }: any) => JSX.Element;
+export default ChooseGift;

package/dist/esm/components/Gift/GiftConfigV2.d.ts

@@ -0,0 +1,2 @@
+declare const GiftConfigV2: ({ content }: any) => JSX.Element;
+export default GiftConfigV2;

package/dist/esm/components/LineCheckV3/LineCheckOverlay.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface LineCheckOverlaySchema {
     props: any;
     productName: string;

package/dist/esm/components/LineCheckV3/Success.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { JSX } from 'react';
 interface successInterface {
     content: string | JSX.Element;
     isLoading: boolean;

package/dist/esm/components/PretoPost/PreToPostSubsPopup.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const PreToPostSubsPopup: ({ onClose, content, prepaid, }: any) => JSX.Element;
 export default PreToPostSubsPopup;

package/dist/esm/components/ProductDetailsV3/BenefitsSectionV3.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const BenefitsSectionV3: ({ content, priceCollection, sbStaticConstants }: any) => JSX.Element;
 export default BenefitsSectionV3;

package/dist/esm/components/ProductDetailsV3/CashBackV2/CashbackV2.d.ts

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

package/dist/esm/components/ProductDetailsV3/ChooseGiftV2.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const ChooseGift: ({ content, selectedGiftItem, parentPoType }: any) => JSX.Element;
 export default ChooseGift;

package/dist/esm/components/ProductDetailsV3/GiftConfigV2.d.ts

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

package/dist/esm/components/ProductDetailsV3/ProductPriceV3.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const ProductPriceV3: ({ content, priceCollection, toggleSwitch, sbStaticConstants }: any) => JSX.Element;
 export default ProductPriceV3;

package/dist/esm/components/ProductDetailsV3/tv/EntertainmentOptionsV2/EntertainmentOptionsV2.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const EntertainmentOptionsV2: ({ className, name, content, checked, options, setProduct, onclick, localeID, type, langSelected }: any) => JSX.Element;
 export default EntertainmentOptionsV2;

package/dist/esm/components/ProductDetailsV3/tv/TVChannelOfferV2.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const TVChannelOfferV2: ({ content, showModal, setShowModal, setEntertainment, setTvChannelName, radioValue, setRadioValue, metadata }: any) => JSX.Element;
 export default TVChannelOfferV2;

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

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC, JSX } from 'react';
 import './row.css';
 interface RowInterface {
     children: JSX.Element;

package/dist/esm/components/StaticLineTable/ExsistingSubscriptionCards.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface ExistingSubscriptionSchema {
     name?: string;
     subscriptionData: any;

package/dist/esm/components/StaticLineTable/ExsistingSubscriptionModal.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface ExsistingModalSchema {
     exsistingSubscriptionData: any;
     onSubmit?: any;

package/dist/esm/components/StaticLineTable/StaticProductDatatypes.d.ts

@@ -134,7 +134,6 @@ export interface CheckoutButtonSchema {
     uniqueProductBenefits?: any;
     flexUpgradeFreePopup?: any;
     content?: any;
-    deviceUltimateBundle?: boolean;
 }
 export interface toggleContentSchema {
     enableLoggedInPrice: string;

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const ToolTip: ({ content, heading, tooltipClass, isBenefit }: any) => JSX.Element;
 export default ToolTip;

package/dist/esm/components/freshProductBanner/FreshProductDetails.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './freshBanner.css';
+declare const FreshProductDetails: ({ click, setClick, buttonLabel, content, priceSection, combineWithSmartphone, callCart, from, shoppingCart }: any) => JSX.Element;
+export default FreshProductDetails;

package/dist/esm/components/freshProductBanner/ProductDetailsModal.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface GenericModalSchema {
+    modalState: boolean;
+    handler: () => void;
+    children: React.ReactNode;
+    showFooter: boolean;
+    footerNode?: React.ReactNode;
+    height?: string;
+    width?: string;
+    noCloseButton?: boolean;
+    backDrop?: boolean;
+    backButton?: string;
+}
+declare const ProductDetailsModal: ({ modalState, handler, showFooter, footerNode, children, width, height, noCloseButton, backButton, }: GenericModalSchema) => JSX.Element;
+export default ProductDetailsModal;

package/dist/esm/components/freshProductBanner/Timer/ExpiredTimer.d.ts

@@ -0,0 +1,18 @@
+import './TimerStyles.css';
+import { NativeColorPicker } from './Timer.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/freshProductBanner/Timer/Timer.d.ts

@@ -0,0 +1,30 @@
+import "./TimerStyles.css";
+import { NativeColorPicker } from "./Timer.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;
+}
+export interface timeleft {
+    days: string;
+    hours: string;
+    mins: string;
+    sec: string;
+}
+declare const Timer: ({ content }: Timer) => JSX.Element;
+export default Timer;

package/dist/esm/components/freshProductBanner/Timer/Timer.types.d.ts

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

package/dist/esm/components/freshProductBanner/Timer/util.d.ts

@@ -0,0 +1,4 @@
+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 CheckTime: (content: any, timer: any, setIsTimerActive: any) => void;
+export declare const getCookies: (cname: string) => any;

package/dist/esm/components/freshProductBanner/freshBanner.types.d.ts

@@ -0,0 +1,30 @@
+import { Asset } from "../types";
+export interface FreshBannerProps {
+    image: Asset;
+}
+export interface AuthDataSchema {
+    firstName: string;
+    lastName: string;
+    personalisedName?: string;
+    authenticationtype: string;
+    hashedId: string;
+    lastLoginDate: string;
+    siteId: string;
+    focusFunction: (code: string, uniqueId: string) => void;
+}
+export interface AuthserviceSchema {
+    authvalues: AuthDataSchema | undefined;
+    setAuthService: (authService: boolean) => void;
+    checklogin: () => void;
+    modalData: boolean;
+}
+export interface FreshBannerSchema {
+    content: FreshBannerProps;
+    metadata?: any;
+    lineCheckCallBack?: () => void;
+    lineCheckSuccessCallBack?: () => void;
+    tableSelectedTab?: string;
+    baseConfig?: string;
+    authData?: AuthserviceSchema | undefined;
+    lineCheckOnClear?: () => void;
+}

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

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import './freshBanner.css';
+import { FreshBannerSchema } from './freshBanner.types';
+declare const FreshProductBannerHome: FC<FreshBannerSchema>;
+export default FreshProductBannerHome;

package/dist/esm/components/freshProductBanner/offerResponse.d.ts

@@ -0,0 +1,130 @@
+export declare const offerResponse: {
+    id: string;
+    isBundle: boolean;
+    productType: string;
+    prices: {
+        priceType: string;
+        value: string;
+        cycle: {
+            cycleStart: number;
+        };
+        priceAlteration: {
+            priceType: string;
+            value: string;
+            cycle: {
+                cycleStart: number;
+                cycleEnd: number;
+            };
+            billingEvent: string;
+        }[];
+        billingEvent: string;
+    }[];
+    derivedPrice: {
+        priceType: string;
+        value: string;
+        cycle: {
+            cycleStart: number;
+            cycleEnd: number;
+        };
+        discountPercentage: string;
+    }[];
+    promotionInfo: {
+        id: string;
+        name: string;
+        promoType: string;
+        campaignId: string;
+        campaignType: string;
+        contractDuration: string;
+        campaignDuration: string;
+    }[];
+    references: ({
+        referenceType: string;
+        productCode: string;
+        Ids?: undefined;
+    } | {
+        referenceType: string;
+        Ids: string[];
+        productCode?: undefined;
+    })[];
+    name: string;
+    parentBundleProductOffering: {
+        id: string;
+        name: string;
+        promoType: string;
+        campaignId: string;
+        campaignType: string;
+        contractDuration: string;
+        campaignDuration: string;
+        poType: string;
+        bundledProductOffering: {
+            id: string;
+            name: string;
+            poType: string;
+        }[];
+    }[];
+    productOfferingPrice: ({
+        bpoId: string;
+        priceCategory: string;
+        bundledPop: {
+            billingEvent: string;
+            priceType: string;
+            price: {
+                unit: string;
+                value: string;
+            };
+            cycle: {
+                cycleStart: number;
+                cycleEnd: number;
+            };
+        }[];
+    } | {
+        priceCategory: string;
+        bundledPop: {
+            billingEvent: string;
+            priceType: string;
+            price: {
+                unit: string;
+                value: string;
+            };
+            cycle: {
+                cycleStart: number;
+            };
+            recurringChargePeriodType: string;
+        }[];
+        bpoId?: undefined;
+    })[];
+    showPrice: {
+        base: number;
+        promo: number;
+        combo: number;
+        multicombo: number;
+    };
+    price: {
+        id: string;
+        duration: string;
+        unit: string;
+        MOBILE_ORDER: {
+            base: {
+                price: number;
+                priceTpe: string;
+                billingEvent: string;
+            };
+            promo: {
+                price: number;
+                priceTpe: string;
+                billingEvent: string;
+            };
+            combo: {
+                price: number;
+                priceTpe: string;
+                billingEvent: string;
+            };
+            multicombo: {
+                price: number;
+                priceTpe: string;
+                billingEvent: string;
+            };
+        };
+        allPotype: string[];
+    };
+};

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

@@ -15,6 +15,8 @@ export { default as HeroLogin } from './HeroLogin';
 export { default as CheckCoverage } from './NewLineCheck/CovercheckWrapper';
 export { default as DpLinetable } from './UltimateBundleLinetable';
 export { default as CoverageCheckModal } from './NewLineCheck/CoverageCheckModal';
+export { default as FreshProductBannerHome } from './freshProductBanner/freshProductBanner';
+export { default as DeviceCard } from './DeviceCardWrapper/DeviceCards/DeviceCards';
 export { default as StickyBottomSheet } from './StickyBottomSheet';
 export { default as ProgressionBar } from './ProgressionBar';
 export { default as OttServiceOptionsSmallPopup } from './StaticLineTable/OttServiceOptions/OttServiceOptionsSmallPopup';

package/dist/esm/components/lineTable/OrderButton.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const OrderButton: ({ content, isMobileFlow, sbStaticConstants, address, isAvailable, showPrice, createCartCall, updatedContent }: any) => JSX.Element;
 export default OrderButton;

package/dist/esm/components/sharedCarousel/CarouselComponent.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const CarouselComponent: (props: any) => JSX.Element;
 export default CarouselComponent;

package/dist/esm/components/skeletonLoader/Skeletonloader.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Skeletonloader: ({ count, stylename }: any) => JSX.Element;
 export default Skeletonloader;