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

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/components/Accessories/AccessoryPreviewCardSkeletonBody/AccessoryPreviewCardSkeletonBody.d.ts

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

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

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

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/components/Accessories/index.d.ts

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

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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;
+}