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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sunrise-upc/mobile-prod-card",
-  "version": "8.2.2-beta.4",
+  "version": "8.3.1-beta.0",
   "description": "Starter project to create reusable functional component",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -33,40 +33,41 @@
   },
   "homepage": "https://bitbucket.org/sunrisedigitalbusiness/fun-components-starter#readme",
   "devDependencies": {
-    "@storyblok/react": "^5.1.1",
-    "@rollup/plugin-commonjs": "^25.0.8",
-    "@rollup/plugin-json": "^6.1.0",
-    "@rollup/plugin-node-resolve": "^15.3.1",
-    "@rollup/plugin-terser": "^0.4.4",
-    "@rollup/plugin-typescript": "^11.1.6",
-    "@types/js-cookie": "^3.0.6",
-    "@types/node": "^20.16.10",
-    "@types/react": "^19.1.13",
-    "@types/react-dom": "^19.1.9",
-    "@types/uuid": "^10.0.0",
-    "axios": "^1.12.2",
-    "cookies-next": "^4.3.0",
-    "postcss": "^8.5.3",
-    "rimraf": "^6.0.1",
-    "rollup": "^4.52.0",
-    "rollup-plugin-dts": "^6.2.3",
+    "@rollup/plugin-commonjs": "^24.0.0",
+    "@rollup/plugin-json": "^6.0.0",
+    "@rollup/plugin-node-resolve": "^15.0.1",
+    "@rollup/plugin-terser": "^0.2.1",
+    "@rollup/plugin-typescript": "^10.0.1",
+    "@types/js-cookie": "^3.0.3",
+    "@types/node": "^16.18.11",
+    "@types/react": "^18.0.26",
+    "@types/react-dom": "^18.0.10",
+    "@types/uuid": "^8.3.4",
+    "axios": "^0.21.4",
+    "postcss": "8.4.21",
+    "rimraf": "^3.0.2",
+    "rollup": "^3.9.1",
+    "rollup-plugin-dts": "^5.1.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
-    "rollup-plugin-scss": "^4.0.1",
-    "sass": "^1.93.0",
-    "tslib": "^2.8.1",
-    "typescript": "^5.9.2"
+    "rollup-plugin-scss": "^3.0.0",
+    "sass": "^1.57.1",
+    "semver": "^7.3.8",
+    "tslib": "^2.4.1",
+    "typescript": "^4.9.4",
+    "cookies-next": "^2.1.1"
   },
   "peerDependencies": {
-    "@sunrise-upc/ajax-lib": "^2.2.1-beta.0",
-    "js-cookie": "^3.0.5",
-    "react": "^19.1.0",
-    "react-bootstrap": "^2.10.10",
-    "react-dom": "^19.1.0",
-    "react-multi-carousel": "^2.8.5",
-    "uuid": "^13.0.0",
-    "react-select": "^5.10.2",
-    "react-loading-skeleton": "^3.5.0"
+    "@sunrise-upc/ajax-lib": "^1.1.5",
+    "js-cookie": "^3.0.1",
+    "react": "^17.0.2",
+    "react-bootstrap": "^2.0.0-beta.4",
+    "react-dom": "^17.0.2",
+    "react-multi-carousel": "^2.8.4",
+    "storyblok-rich-text-react-renderer-ts": "^3.2.0",
+    "uuid": "^8.3.2",
+    "react-select": "^5.2.2",
+    "react-loading-skeleton": "^3.4.0"
   },
   "dependencies": {
     "moment": "^2.30.1"

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

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

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

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

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

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

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

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

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

@@ -1,11 +0,0 @@
-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/cjs/components/Gift/ChooseGiftV2.d.ts

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

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

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

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

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

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

@@ -1,15 +0,0 @@
-import React, { JSX } 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/cjs/components/freshProductBanner/Timer/ExpiredTimer.d.ts

@@ -1,19 +0,0 @@
-import { JSX } from 'react';
-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/cjs/components/freshProductBanner/Timer/Timer.d.ts

@@ -1,31 +0,0 @@
-import { JSX } from "react";
-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/cjs/components/freshProductBanner/Timer/Timer.types.d.ts

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

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

@@ -1,5 +0,0 @@
-export declare const dateWithTimeZone: (timeZone: string, year: number, month: number, // function to convert local time to particular timezone
-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/cjs/components/freshProductBanner/freshBanner.types.d.ts

@@ -1,31 +0,0 @@
-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;
-    isProdEnv: boolean;
-}

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

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

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

@@ -1,130 +0,0 @@
-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/cjs/services/DevicePropConfig.d.ts

@@ -1,12 +0,0 @@
-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

@@ -1,11 +0,0 @@
-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/utils/DeviceUtils.d.ts

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

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

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

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

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

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

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

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

@@ -1,4 +0,0 @@
-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

@@ -1,11 +0,0 @@
-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/Gift/ChooseGiftV2.d.ts

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

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

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

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

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

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

@@ -1,15 +0,0 @@
-import React, { JSX } 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

@@ -1,19 +0,0 @@
-import { JSX } from 'react';
-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

@@ -1,31 +0,0 @@
-import { JSX } from "react";
-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

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

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

@@ -1,5 +0,0 @@
-export declare const dateWithTimeZone: (timeZone: string, year: number, month: number, // function to convert local time to particular timezone
-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

@@ -1,31 +0,0 @@
-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;
-    isProdEnv: boolean;
-}

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

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