@sunrise-upc/mobile-prod-card 8.9.10 → 8.9.12

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

@@ -0,0 +1,16 @@
+export interface ServiceOptionsPropConfigSchema {
+    baseURL: string | '';
+    cartURL: string | '';
+    storyBlokURL: string | '';
+}
+export declare class ServiceOptionsPropConfig {
+    private static instance;
+    config: ServiceOptionsPropConfigSchema;
+    private constructor();
+    getConfig: () => ServiceOptionsPropConfigSchema;
+    getBaseUrl: () => string;
+    getCartUrl: () => string;
+    getSBUrl: () => string;
+    static getInstance: () => ServiceOptionsPropConfig;
+    static create: (p_config: ServiceOptionsPropConfigSchema) => void;
+}

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

@@ -3,3 +3,4 @@ export * from './ProductTeaserPropsConfig';
 export * from './LinecheckBasicPropConfig';
 export * from './StickyBottomSheetConfig';
 export * from './LoginBasicPropConfig';
+export * from './ServiceOptionsPropConfig';

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

@@ -1,4 +1,5 @@
 export declare const trackNewDatalayerEvent: (event: string, eventName: string, eventInfo?: any) => void;
+export declare const ecommerceEmptyDatalayer: () => void;
 declare global {
     interface Window {
         appEventData: any;

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

@@ -55,6 +55,8 @@ 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 INTERNET_SERVICE_OPTION = "INTERNET_SERVICE_OPTION";
+export declare const VOICE_SERVICE_OPTION = "VOICE_SERVICE_OPTION";
 export declare const ERROR_BORDER = "#BF0760";
 export declare const DISABLED_BACKGROUND = "#E6E3DF";
 export declare const LOGIN_MFA = "LOGIN_MFA";

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

@@ -15,6 +15,7 @@ export declare const isModemPresent: () => boolean;
 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 getCompressedImage: (wafIdentifier: any, imageUrl: string) => string;
 export declare const getNoteValues: (hardwareProducts: any, key: string) => undefined;
 /**US 349849 - MIA migration
  *  price  model

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

@@ -8,6 +8,7 @@ export declare const VIEWOPTIONPOPUP = "view_option_popup";
 export declare const CLOSEOPTIONPOPUP = "close_option_popup";
 export declare const CTABUTTONCLICK = "cta_button_click";
 export declare const DOWNLOADPRODUCT = "download_product_details";
+export declare const ADDOPTIONTOCART = "add_option_to_cart";
 export declare const BUNDLEPRODUCT = "BUNDLE";
 export declare const GAEVENT = "gaEvent";
 export declare const STAGETEASER = "Stage Teaser";
@@ -79,6 +80,7 @@ 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 REMOVEOPTIONFROMCART = "remove_option_from_cart";
 export declare const VIEWEACHITEM = "view_item";
 export declare const REMOVEFROMCART = "remove_from_cart";
 export declare const ADD_TO_CART = "add_to_cart";

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

@@ -5,4 +5,5 @@ export declare const apiResConstants: {
     LINE_CHECK: string;
     CONSTANTSKEYS: string;
     X_SUN_SITEID: string;
+    SERVICE_OPTIONS_BY_OFFER: string;
 };

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { ComponentWithContentProps } from '../types';
+import type { RecommendedOptionsSchema, RecommendedOptionsCallbacks } from './types';
+declare const RecommendedOptions: React.FC<ComponentWithContentProps<RecommendedOptionsSchema> & RecommendedOptionsCallbacks & {
+    cartItem?: any;
+    activelocaleId?: string;
+    updateCartData?: (cartData: unknown) => void;
+    isPartialFetching?: boolean;
+}>;
+export default RecommendedOptions;

package/dist/esm/components/RecommendedOptions/RecommendedOptionsUtils.d.ts

@@ -0,0 +1,14 @@
+import { RecommendedOptionsTranslations } from './types';
+export declare const fetchOptions: (offerId?: string) => Promise<any>;
+export declare const fetchStoryblokOptions: (optionCatalogPath: String, categories: Array<string>, language: string) => Promise<any>;
+export declare const getTranslation: (translations: RecommendedOptionsTranslations, key: string) => string;
+export declare const updateCartWithServiceOption: (cartId: string, payload: any) => Promise<any>;
+export declare const createServiceOptionPayload: (option: any, itemType: string) => {
+    cartItem: {
+        itemType: string;
+        items: {
+            id: string;
+            count: number;
+        }[];
+    }[];
+};

package/dist/esm/components/RecommendedOptions/ServiceOption/ServiceOptionCard/ItemsCounter.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const ItemsCounter: ({ count, parentCallBack, maxLimit, handleClick, translations }: any) => JSX.Element;
+export default ItemsCounter;

package/dist/esm/components/RecommendedOptions/ServiceOption/ServiceOptionCard/ServiceDetailSection.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { RecommendedOptionsTranslations } from '../../types';
+interface ServiceDetailsSectionInterface {
+    text: string;
+    size?: number;
+    init?: boolean;
+    setIsDetailsOverlay: React.Dispatch<React.SetStateAction<boolean>>;
+    isDetailsOverlay: boolean;
+    setCardOverlayDetails: React.Dispatch<React.SetStateAction<any[]>>;
+    content: any;
+    setShowpop: React.Dispatch<React.SetStateAction<boolean>>;
+    serviceOptions: any[];
+    handleClick: any;
+    description: any;
+    detailsBtn: boolean;
+    checked?: boolean;
+    translations: RecommendedOptionsTranslations;
+}
+declare const ServiceDetailsSection: ({ content, text, size, init, setIsDetailsOverlay, isDetailsOverlay, setCardOverlayDetails, setShowpop, serviceOptions, handleClick, description, checked, translations }: ServiceDetailsSectionInterface) => JSX.Element;
+export default ServiceDetailsSection;

package/dist/esm/components/RecommendedOptions/ServiceOption/ServiceOptionCard/ServiceOptionCard.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { RecommendedOptionsTranslations } from '../../types';
+type ServiceOptionCardInterface = {
+    content: any;
+    checked: boolean;
+    onClick: (id: string, check: boolean, quantity: number) => void;
+    offer: any;
+    category: string;
+    show: boolean;
+    setShowpop: any;
+    serviceOptions: any[];
+    activeTab: string;
+    translations: RecommendedOptionsTranslations;
+    cartLoading: boolean;
+};
+declare const ServiceOptionCard: ({ content, checked, onClick, offer, category, show, setShowpop, serviceOptions, activeTab, translations, cartLoading }: ServiceOptionCardInterface) => JSX.Element;
+export default ServiceOptionCard;

package/dist/esm/components/RecommendedOptions/ServiceOption/ServiceOptionLoader.d.ts

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

package/dist/esm/components/RecommendedOptions/ServiceOption/ServiceOptionPrice/ServiceOptionPrice.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { RecommendedOptionsTranslations } from '../../types';
+interface isflexitooltip {
+    content: any;
+    isDetailsOverlay?: boolean;
+    showOptionToolTip?: boolean;
+    selections?: any;
+    translations: RecommendedOptionsTranslations;
+}
+declare const ServiceOptionPrice: ({ content, isDetailsOverlay, showOptionToolTip, translations }: isflexitooltip) => JSX.Element;
+export default ServiceOptionPrice;

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

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

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

@@ -0,0 +1,102 @@
+import type { GenericSBProps, Asset } from '../types';
+export type NormalizedServiceOptionsPayload = {
+    options: any;
+    raw: any;
+};
+export type StoryblokReferenceBlock = {
+    component?: string;
+    reference?: {
+        content?: {
+            body?: any;
+        };
+    };
+};
+export type FilterOptionPair = {
+    value: string;
+    name: string;
+};
+export type DropdownFilterOption = {
+    value: string;
+    name: string;
+    label: string;
+    itemsLength: number;
+    codes: string[];
+};
+export type FilterCategoryConfigBlock = {
+    component?: string;
+    value?: string;
+    name?: string;
+};
+export interface RecommendedOptionsTabItem extends GenericSBProps {
+    tabKey: string;
+    tabLabel: string;
+    active: boolean;
+    optionsList: string[];
+    filterOptions?: StoryblokReferenceBlock | StoryblokReferenceBlock[];
+}
+export interface OptionCardData extends GenericSBProps {
+    id: string;
+    title: string;
+    description: string | Array<Object>;
+    price?: string;
+    priceUnit?: string;
+    priceHelpText?: string;
+    isQuantifiable?: boolean;
+    maxQuantity?: number;
+    moreDetailsLink?: string;
+    productImage?: Asset;
+}
+export interface TranslationItem extends GenericSBProps {
+    key: string;
+    label: string;
+    component: 'translationItem';
+}
+export type RecommendedOptionsTranslations = TranslationItem[];
+export interface RecommendedOptionsSchema extends GenericSBProps {
+    listHeightDesktop: number;
+    categories: any;
+    optionCatalogPath: string;
+    headline: string;
+    description: string | Array<Object>;
+    tabs: RecommendedOptionsTabItem[];
+    translations: RecommendedOptionsTranslations;
+    updateCartData: (cartData: any) => void;
+}
+export type ServiceOptionSelectionPayload = {
+    id: string;
+    isSelected: boolean;
+    quantity: number;
+    category: string;
+    tabKey: string;
+    offer: any;
+    product: any;
+};
+export interface RecommendedOptionsCallbacks {
+    onAddToPlan?: (optionId: string, quantity?: number) => void;
+    onQuantityChange?: (optionId: string, quantity: number) => void;
+    onServiceOptionSelect?: (payload: ServiceOptionSelectionPayload) => void;
+    className?: string;
+    'aria-label'?: string;
+    optionDataResolver?: (optionIds: string[]) => OptionCardData[];
+}
+export interface OptionCardProps extends OptionCardData {
+    quantity?: number;
+    onAddToPlan?: (id: string, quantity?: number) => void;
+    onQuantityChange?: (id: string, quantity: number) => void;
+    className?: string;
+    'aria-describedby'?: string;
+}
+export interface QuantitySelectorProps {
+    value: number;
+    maxQuantity: number;
+    onChange: (quantity: number) => void;
+    'aria-label'?: string;
+}
+export type BaseProductWithCodes = {
+    raw: any;
+    codes: string[];
+};
+export type CategorySection = {
+    option: DropdownFilterOption;
+    items: BaseProductWithCodes[];
+};

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

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