@sunrise-upc/mobile-prod-card 8.5.2 → 8.5.4

package/dist/cjs/services/MultiItemAccessories/multiItemAccessoryService.d.ts

@@ -0,0 +1,8 @@
+import { ApiServiceV2 } from '@sunrise-upc/ajax-lib';
+declare class multiItemAccessoryService {
+    apiServiceInstance: ApiServiceV2;
+    constructor();
+    getRecommendedAccessoryData: (cartId: string) => Promise<any>;
+}
+declare const multiItemAccessoryServices: multiItemAccessoryService;
+export default multiItemAccessoryServices;

package/dist/cjs/services/MultiItemAccessories/multiitemAccessoriesUpdateCartService.d.ts

@@ -0,0 +1,8 @@
+import { ApiServiceV2 } from '@sunrise-upc/ajax-lib';
+declare class multiItemAccessoryUpdateCartService {
+    apiServiceInstance: ApiServiceV2;
+    constructor();
+    getUpdateCartData: (cartId: any, payload: any) => Promise<any>;
+}
+declare const multiItemAccessoryUpdateCartServices: multiItemAccessoryUpdateCartService;
+export default multiItemAccessoryUpdateCartServices;

package/dist/cjs/services/MultiItemAccessories/storyBlokService.d.ts

@@ -0,0 +1,10 @@
+import { ApiServiceV2 } from '@sunrise-upc/ajax-lib';
+declare class storyBlokServices {
+    apiServiceInstance: ApiServiceV2;
+    constructor();
+    getStoryBlokData: (lang: string | undefined, prodName: any, accessoryPath: string) => Promise<{
+        sbStory: any;
+    }>;
+}
+declare const storyBlokService: storyBlokServices;
+export default storyBlokService;

package/dist/cjs/services/api-constants.d.ts

@@ -11,5 +11,9 @@ export declare const APIResourceConstants: {
     HARDWARE_DEVICES: string;
     TV_SERVICE_OPTIONS_V2: string;
     CUSTOMER_EVENTS: string;
+    THREE_SCALE_API_KEY: string;
+    STORIES: string;
+    RECOMMENDED_ACCESSORIES: string;
+    UPDATE_CART: string;
 };
 export declare const SBENDPOINT: any;

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

@@ -37,3 +37,5 @@ export interface UserInterface {
     existingUser?: boolean;
 }
 export declare const trackUser: (loginType: string, accountID?: string, language?: string, lastLoginDate?: string, type?: string, existingUser?: boolean) => void;
+export declare const trackViewItem: (event: string, eventName: string, product: any) => void;
+export declare const setMmcItemTracker: (productList: any) => void;

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

@@ -38,6 +38,8 @@ 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 ONE_ECOMMERCE_SUMMARY = "one-ecommerce-summary";
+export declare const WIN = "WIN";
+export declare const HARDWAREGROUPNAME = "hardwareGroupName";
 export declare const MOBILE = "mobile";
 export declare const DESKTOP = "desktop";
 export declare const LARGE_DESKTOP = "large-desktop";
@@ -74,3 +76,17 @@ export declare const OTP_NR_CHANGE = "OTP_NR_CHANGE";
 export declare const OTP_CONTINUE = "OTP_CONTINUE";
 export declare const OTP_RESEND = "OTP_RESEND";
 export declare const PW_FORGOT = "PW_FORGOT";
+export declare const MONTHLY = "monthly_24";
+export declare const ACCESSORY = "ACCESSORY";
+export declare const ADD = "ADD";
+export declare const FLOWINTITIATED = "flowInitiated";
+export declare const MONTHLYFLASHDISCOUNT = "monthlyFlashDiscount";
+export declare const REMOVE = "REMOVE";
+export declare const TOTALFLASHDISCOUNT = "totalFlashDiscount";
+export declare const MOBILEACCESSORIES = "mobileaccessories";
+export declare const ONETIME = "none";
+export declare const LAZYLOAD = "lazy";
+export declare const CONTAIN = "contain";
+export declare const COVER = "cover";
+export declare const ACCESSORYLABEL = "accessoriesLabel";
+export declare const MULTIPLEITEMACCESSORIES = "MULTIPLE_ITEM_ACCESSORIES";

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

@@ -2,7 +2,7 @@ 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 FalconButtonTypes = 'Primary-V1' | 'Secondary-V1' | 'Secondary-V4' | 'Secondary-Dark' | 'Secondary-V5';
 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';

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

@@ -16,3 +16,15 @@ export declare const iconHandler: (type: string) => string;
 export declare const checkLinkWithLang: (url: string) => string | undefined;
 export declare const getSBAssetUrl: (wafIdentifier: any, image?: string) => string;
 export declare const getNoteValues: (hardwareProducts: any, key: string) => undefined;
+/**US 349849 - MIA migration
+ *  price  model
+ * @param value string | number
+ * @returns
+ * 2.0 -> 2.00
+ * 2.1 -> 2.10
+ * 2.15 -> 2.15
+ * 0.0 -> 0.00
+ * 0.5 -> 0.50
+ */
+export declare const countZeros: (value: any) => any;
+export declare const viewportMultiItem: () => string;

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

@@ -76,3 +76,8 @@ export declare const CAPSINTERNET = "INTERNET";
 export declare const HEROBANNER = "HeroBanner";
 export declare const STICKYBOTTOMSHEET = "StickyBottomSheet";
 export declare const TOGGLECLICK = "toggle_click";
+export declare const ACCESSORYCATEGORY = "Accessory";
+export declare const ACCESSORYLISTNAME = "Device Accessories";
+export declare const VIEWITEM = "view_item_list";
+export declare const VIEWEACHITEM = "view_item";
+export declare const REMOVEFROMCART = "remove_from_cart";

package/dist/esm/components/Accessories/Accessory-card/AccessoryCard.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { MultiItemAccessoriesSchema } from '../MultiItemAccessories/MultiItemAccessoriesSchema';
+type AccessoryCardProps = {
+    content: MultiItemAccessoriesSchema;
+    cards: number;
+    tabIndex: number;
+    checkingviewPort: any;
+};
+declare const AccessoryCard: ({ content, cards, tabIndex, }: AccessoryCardProps) => JSX.Element;
+export default AccessoryCard;

package/dist/esm/components/Accessories/Accessory-card/AccessoryErrorModal.d.ts

@@ -0,0 +1,18 @@
+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;
+    fixedWidth?: string;
+    bodyPadding?: string;
+    id?: string;
+    backgroundColor?: string;
+}
+declare const AccessoryErrorModal: ({ modalState, handler, showFooter, footerNode, children, width, height, noCloseButton, backDrop, fixedWidth, bodyPadding, id, backgroundColor }: GenericModalSchema) => JSX.Element;
+export default AccessoryErrorModal;

package/dist/esm/components/Accessories/AccessoryPreviewCardLoader/AccessoryPreviewCardLoader.d.ts

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

package/dist/esm/components/Accessories/AccessoryPreviewCardSkeletonBody/AccessoryPreviewCardSkeletonBody.d.ts

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

package/dist/esm/components/Accessories/DeviceCarouselComponent.d.ts

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

package/dist/esm/components/Accessories/MultiItemAccessories/MultiItemAccessoriesPage.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ComponentWithContentProps } from '../../types';
+import { MultiItemAccessoriesSchema } from './MultiItemAccessoriesSchema';
+declare const MultiItemAccessoriesWithProvider: (props: ComponentWithContentProps<MultiItemAccessoriesSchema>) => JSX.Element;
+export default MultiItemAccessoriesWithProvider;

package/dist/esm/components/Accessories/MultiItemAccessories/MultiItemAccessoriesSchema.d.ts

@@ -0,0 +1,41 @@
+import { GenericSBProps, FalconButtonSchema } from '../../types';
+import { paymentOptionSchema } from '../PaymentTypeTabs/PaymentTypeTabs';
+export interface MultiItemAccessoriesSchema extends GenericSBProps {
+    component: '"AccessoriesRecommendationCards"';
+    accessoriesLabel: string;
+    addCartBtnIcon: any;
+    addCartBtntext: string;
+    checkoutBtnText: string;
+    checkoutLabel: string;
+    compatibleText: string;
+    customizeDeviceLabel: string;
+    monthlyPaymentLabel: string;
+    monthlyDownPaymentLabel: string;
+    oneTimePaymentLabel: string;
+    pickYourDeviceLabel: string;
+    recommendationLabel: any;
+    removeCartBtnIcon: any;
+    removeCartBtnText: string;
+    yourSubscriptionLabel: string;
+    progressionBar: any;
+    addtocartButton: FalconButtonSchema[];
+    removefromcartButton: FalconButtonSchema[];
+    proceedtocheckoutButton: FalconButtonSchema[];
+    parentSlugUrl: string;
+    multiItemCheckoutUrl: any;
+    accessoriesLimit: number;
+    accessoriesColorLabel: string;
+    totalText: string;
+    monthlyText: string;
+    errorModal: any;
+    retryButton: any;
+    cancelButtonLinkText: any;
+    cartLimitWarningText: any;
+    cartLimitModal: any;
+    cartLimitBtnText: string;
+    paymentOptions: paymentOptionSchema[];
+    paymentHeadingText: string;
+    winAccessoriesLimit: number;
+    winLimitWarningText: any;
+    winCheckoutUrl: any;
+}

package/dist/esm/components/Accessories/PaymentTypeTabs/PaymentTypeTabs.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+export interface paymentOptionSchema {
+    paymentSubText: string;
+    paymentText: string;
+    type: string;
+}
+interface PaymentTypeTabsProps {
+    content: {
+        paymentHeadingText: string;
+        paymentOptions: paymentOptionSchema[];
+    };
+}
+declare const PaymentTypeTabs: ({ content }: PaymentTypeTabsProps) => JSX.Element;
+export default PaymentTypeTabs;

package/dist/esm/components/Accessories/ProgressionBar/progressionBar.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { ComponentWithContentProps, GenericSBProps } from '../../types';
+interface ProgressionBarProps extends GenericSBProps {
+    pickYourDeviceLabel: string;
+    customizeDeviceLabel: string;
+    yourSubscriptionLabel: string;
+    checkoutLabel: string;
+    accessoriesLabel: string;
+    selectedStep?: string;
+    optionalLabelText: string;
+}
+declare const ProgressionBar: ({ content }: ComponentWithContentProps<ProgressionBarProps>) => JSX.Element;
+export default ProgressionBar;

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

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

package/dist/esm/components/Accessories/multiItemAccessoryStore/MultiAccessoryProvider.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { AppProviderSchema, AppContextType } from './types';
+export declare const actionTypes: {
+    recommendedAccessories: string;
+    multiItemAccessoriessList: string;
+    selectedAccessories: string;
+    deviceSessionValues: string;
+    removeSelectedCartAccessories: string;
+    selectedPaymentType: string;
+    recommendedAccessoriesStart: string;
+    RecommendedAccessoriesSuccess: string;
+    recommendedAccessoriesFailure: string;
+    updateAccessoryCartSuccess: string;
+    updateAccessoryCartFailure: string;
+    updateAccessoryCartStart: string;
+};
+export declare const AppContext: React.Context<AppContextType | undefined>;
+declare const MultiAccessoryProvider: ({ children }: AppProviderSchema) => JSX.Element;
+export default MultiAccessoryProvider;

package/dist/esm/components/Accessories/multiItemAccessoryStore/types.d.ts

@@ -0,0 +1,71 @@
+import { GenericSBProps } from '../../types';
+import { ReactNode } from 'react';
+export interface AppProviderSchema {
+    children: ReactNode;
+}
+export interface ActionSchema {
+    type: string;
+    payload: any;
+}
+export interface AppContextType {
+    store: recommendationSliceStore & UpdateCartSliceStore;
+    dispatch: React.Dispatch<ActionSchema>;
+}
+export interface recurringPriceSchema extends GenericSBProps {
+    upFront: string;
+    monthlyInstallement: string;
+    finalInsallement: string;
+    marketMonthlyInstallment: string;
+    marketFinalInstallement: string;
+}
+export interface oneTimePriceSchema extends GenericSBProps {
+    market: string;
+    base: string;
+}
+export interface multiAccessoryListSchema extends GenericSBProps {
+    id: string;
+    name: string;
+    inCart: boolean;
+    defaultVariantProductCode: string;
+    recurringPrice: recurringPriceSchema;
+    oneTimePrice: oneTimePriceSchema;
+    color: string;
+    baseProducts: string;
+}
+export interface recommendationSliceStore {
+    isFetchingRecommendedAccessories: boolean;
+    recommendedAccessories: multiAccessoryListSchema[];
+    multiItemAccessoriessList: any;
+    selectedAccessories: any;
+    deviceSessionValues: any;
+    removeSelectedCartAccessories: any;
+    selectedPaymentType: string;
+}
+export interface Note {
+    author: string;
+    text: string;
+    group?: string;
+}
+export interface updateCartItem {
+    id: string | number;
+    note?: Note[];
+    contractTerm?: number;
+    action: string;
+}
+export interface updateCartItemList {
+    itemType: string;
+    items: updateCartItem[];
+}
+export interface updateCart {
+    cartItem: updateCartItemList[];
+}
+export interface UpdateCartSliceStore {
+    loading: boolean;
+    cart: updateCart;
+    updateAccessoryCartSuccess: updateCart;
+    updateAccessoryCartFailure: any;
+}
+export interface updateCreatecartItemData {
+    id: any;
+    redirectUrl: string;
+}

package/dist/esm/components/Accessories/multiItemAccessoryStore/useMultiAccessoryActions.d.ts

@@ -0,0 +1,15 @@
+import { ActionSchema } from './types';
+/**
+ * Custom hook that provides action creators for Multi Accessory Context
+ * @param dispatch - Dispatch function from the MultiAccessoryContext
+ * @returns Object containing all action creator functions
+ */
+export declare const useMultiAccessoryActions: (dispatch: React.Dispatch<ActionSchema>) => {
+    setRecommendedAccessories: (payload: any) => void;
+    setSelectedAccessories: (payload: any) => void;
+    setMultiItemAccessoriessList: (payload: any) => void;
+    setDeviceSessionValues: (payload: any) => void;
+    setRemoveSelectedCartAccessories: (payload: any) => void;
+    setSelectedPaymentType: (payload: string) => void;
+    getRecommendedAccessory: (cartId: any) => Promise<any>;
+};

package/dist/esm/components/Accessories/multiItemAccessoryStore/useMultiAccessoryContext.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+import { AppContextType } from './types';
+/**
+ * Custom hook to consume the MultiAccessoryContext
+ * @returns Context value containing store (state) and dispatch
+ * @throws Error if used outside of MultiAccessoryProvider
+ * @example
+ * ```tsx
+ * const { store, dispatch } = useMultiAccessoryContext();
+ * const { recommendedAccessories, selectedAccessories } = store;
+ * ```
+ */
+export declare const useMultiAccessoryContext: () => AppContextType;
+/**
+ * Custom hook that combines context and actions
+ * Provides both state and action creators in one hook for convenience
+ * @returns Object containing store (state), dispatch, and all action creators
+ * @example
+ * ```tsx
+ * const { store, actions } = useMultiAccessory();
+ * // Access state
+ * const { recommendedAccessories, selectedAccessories } = store;
+ * // Call actions
+ * actions.setSelectedAccessories(data);
+ * actions.getRecommendedAccessory(cartId);
+ * ```
+ */
+export declare const useMultiAccessory: () => {
+    store: import("./types").recommendationSliceStore & import("./types").UpdateCartSliceStore;
+    dispatch: import("react").Dispatch<import("./types").ActionSchema>;
+    actions: any;
+};

package/dist/esm/components/Accessories/multiItemAccessoryStore/useMultiAccessoryUpdateCartActions.d.ts

@@ -0,0 +1,11 @@
+import { ActionSchema, updateCreatecartItemData } from './types';
+/**
+ * Custom hook that provides action creators for Multi Accessory Context
+ * @param dispatch - Dispatch function from the MultiAccessoryContext
+ * @returns Object containing all action creator functions
+ */
+export declare const useMultiAccessoryUpdateCartActions: (dispatch: React.Dispatch<ActionSchema>) => {
+    setupdateAccessoryCartSuccess: (payload: any) => void;
+    setupdateAccessoryCartFailure: (payload: any) => void;
+    multiItemAccessorycreateCartRequest: (updateCreatecartItemData: updateCreatecartItemData, multiAccessoryState: any) => Promise<any>;
+};

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

@@ -1,7 +1,7 @@
 import { FC } from "react";
 import "./Dotloader.css";
 interface DotLoaderSchema {
-    keyParams: string;
+    keyParams?: string;
 }
 declare const Dotloader: FC<DotLoaderSchema>;
 export default Dotloader;

package/dist/esm/components/StaticLineTable/OttServiceOptions/OttServiceOptionsSmallPopup.d.ts

@@ -7,7 +7,7 @@ interface OttServiceOptionsSmallPopupProps {
     mainContent: any;
     preSelectedOptions: any[];
     optionsResponse: any[];
-    updateResponseList: (list: any) => void;
+    updateResponseList?: (list: any) => void;
     showPrice?: any;
     productData?: any;
     offeringData?: any;

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

@@ -19,3 +19,4 @@ export { default as StickyBottomSheet } from './StickyBottomSheet';
 export { default as ProgressionBar } from './ProgressionBar';
 export { default as OttServiceOptionsSmallPopup } from './StaticLineTable/OttServiceOptions/OttServiceOptionsSmallPopup';
 export { default as NotificationToast } from './NotificationToast/NotificationToast';
+export { default as MultiItemAccessoriesWithProvider } from './Accessories';

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

@@ -1,3 +1,4 @@
+import { FalconButtonTypes } from '../utils/data-source';
 export interface Link {
     id: number;
     slug: string;
@@ -58,3 +59,36 @@ export interface ComponentWithContentProps<T extends GenericSBProps = GenericSBP
     content: T;
     metadata?: ComponentMetadata | undefined;
 }
+export interface FalconButtonSchema extends GenericSBProps {
+    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;
+}
+export interface MultiLink {
+    id: string;
+    url: string;
+    linktype: 'url' | 'story';
+    fieldtype: 'multilink';
+    cached_url: string;
+}
+export type LinkTarget = '_self' | '_blank' | null;
+export interface componentsInStory {
+    _uid: string;
+    plugin: string;
+    blockIdentifier: string;
+}