simpo-component-library 3.6.643 → 3.6.645

package/lib/components/input-fields/input-fields.component.d.ts

@@ -13,7 +13,7 @@ export declare class InputFieldsComponent implements OnChanges {
     constructor(elementRef: ElementRef);
     ngOnChanges(changes: SimpleChanges): void;
     handleMoneyInput(event: any): void;
-    get getTextColor(): "#000" | "#FFF";
+    get getTextColor(): "#FFF" | "#000";
     interpolateColor(color1: string, color2: string, factor: number): string;
     padZero(str: string, length: number): string;
     generateColorBasedOnNumber(number: number): string;

package/lib/ecommerce/sections/authentication-required/authentication-required.component.d.ts

@@ -1,4 +1,5 @@
-import { ElementRef } from '@angular/core';
+import { ElementRef, QueryList } from '@angular/core';
+import { FormArray, FormControl } from '@angular/forms';
 import { RestService } from '../../../services/rest.service';
 import { ActivatedRoute, Router } from '@angular/router';
 import { MessageService } from 'primeng/api';
@@ -19,7 +20,7 @@ export declare class AuthenticationRequiredComponent extends BaseSection {
     private elementRef;
     private readonly dialogRef;
     private readonly bottomsheetRef;
-    data?: AuthenticationModel;
+    data?: AuthenticationModel | any;
     index?: number;
     edit?: boolean;
     delete?: boolean;
@@ -31,6 +32,7 @@ export declare class AuthenticationRequiredComponent extends BaseSection {
     email: string;
     mobile: string;
     otp: string;
+    otpControls: FormArray<FormControl<string | null>>;
     password: string;
     confPassword: string;
     userName: string;
@@ -49,8 +51,15 @@ export declare class AuthenticationRequiredComponent extends BaseSection {
     proceedToEnrollment: boolean;
     tryAtHome: boolean;
     navigateToSchemeDetails: boolean;
+    inputs: QueryList<ElementRef>;
     ngOnInit(): void;
     ngAfterViewInit(): void;
+    onInput(index: number): void;
+    onKeyDown(event: KeyboardEvent, index: number): void;
+    getGradientDirection(direction: string | undefined): string;
+    get fontColor(): string;
+    get accentBackground(): string;
+    getFormOtp(): string;
     loginType: "PASSWORD" | "OTP";
     generateOtp: boolean;
     loginAuthentication(loginType: "PASSWORD" | "OTP"): void;
@@ -72,7 +81,7 @@ export declare class AuthenticationRequiredComponent extends BaseSection {
     validateNumber(event: KeyboardEvent): void;
     validateOTP(event: KeyboardEvent): void;
     checkStrength(): void;
-    getStrengthColor(index: number): "tomato" | "#d3d3d3ba" | "orange" | "yellow" | "lightgreen";
+    getStrengthColor(index: number): "yellow" | "tomato" | "#d3d3d3ba" | "orange" | "lightgreen";
     emailDebounceTimer: any;
     onEmailChange(): void;
     emailCheck: boolean;

package/lib/ecommerce/sections/book-appointment/book-appointment.component.d.ts

@@ -1,21 +1,25 @@
 import { OnInit } from '@angular/core';
+import { Router } from '@angular/router';
+import { MessageService } from 'primeng/api';
 import { StorageServiceService } from '../../../services/storage.service';
 import { RestService } from '../../../services/rest.service';
-import { Router } from '@angular/router';
-import { BookAppointmentSectionModal, BookAppointmentStylesModel } from './book-appointment.model';
+import { AppointmentFieldModel, BookAppointmentContentModel, BookAppointmentSectionModal, BookAppointmentStylesModel } from './book-appointment.model';
 import BaseSection from '../../../sections/BaseSection';
-import { MessageService } from 'primeng/api';
+import { LayOutModel } from '../../../styles/style.model';
 import * as i0 from "@angular/core";
 export declare class BookAppointmentComponent extends BaseSection implements OnInit {
     private readonly storageService;
     private readonly restService;
-    private router;
+    private readonly router;
     private readonly messageService;
     data?: BookAppointmentSectionModal;
     index?: number;
     edit?: boolean;
     delete?: boolean;
     customClass?: string;
+    content?: BookAppointmentContentModel;
+    styles?: BookAppointmentStylesModel;
+    defaultTimeSlots: string[];
     timeSlots: string[];
     customerDetails: {
         date: string;
@@ -30,39 +34,43 @@ export declare class BookAppointmentComponent extends BaseSection implements OnI
             zipCode: string;
         };
         userId: string;
-        businessId: string | null;
+        businessId: string;
     };
-    designs: {
-        id: number;
-        name: string;
-        price: string;
-        selected: boolean;
-    }[];
     weekDays: {
         dateWithMonth: string;
         day: string;
         date: number;
     }[];
     trialCartItem: any[];
-    styles?: BookAppointmentStylesModel;
     loader: boolean;
+    screenWidth: number;
     constructor(storageService: StorageServiceService, restService: RestService, router: Router, messageService: MessageService);
     ngOnInit(): void;
+    ensureDefaultContent(): void;
+    syncFieldInputValuesFromCustomerDetails(): void;
+    get stylesLayout(): LayOutModel;
+    getScreenSize(): void;
+    get appointmentFields(): AppointmentFieldModel[];
+    getTextByLabel(label: string, fallback?: string): string;
+    setTextByLabel(label: string, value: string): void;
+    getFieldWidth(field: AppointmentFieldModel): string;
+    getFieldValue(key: string): string;
+    updateFieldValue(field: AppointmentFieldModel, value: string): void;
+    isTextarea(field: AppointmentFieldModel): boolean;
+    isDropdown(field: AppointmentFieldModel): boolean;
+    getVisibleOptions(field: AppointmentFieldModel): {
+        label: string;
+        value: string;
+        status?: boolean;
+    }[];
     checkAvailability(day: any): void;
     getTrialCart(): void;
     getTrialCartIndexDBData(): void;
     getNextSevenDays(): void;
-    toggleDesign(id: number): void;
-    getSelectedDesigns(): {
-        id: number;
-        name: string;
-        price: string;
-        selected: boolean;
-    }[];
     get isValid(): boolean;
     bookAppointment(): void;
-    selectTime(time: any): void;
-    getKeys(object: Object): string[];
+    selectTime(time: string): void;
+    getKeys(object: any): string[];
     addMoreDesign(): void;
     get isMobile(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<BookAppointmentComponent, never>;

package/lib/ecommerce/sections/book-appointment/book-appointment.model.d.ts

@@ -1,14 +1,49 @@
-import { AnimationModel, BackgroundModel, LayOutModel } from "../../../styles/style.model";
-import { ActionModel } from '../../../styles/style.model';
+import { ActionModel, AnimationModel, BackgroundModel, InputTextModel, LayOutModel, PositionLayoutModal, StylesModel } from "../../../styles/style.model";
+import { Corners } from "../../../styles/index";
+import { CONTENT_BACKGROUND } from "../../../styles/types";
 export interface BookAppointmentSectionModal {
     id: string;
     sectionType: string;
     sectionName: string;
+    content: BookAppointmentContentModel;
     styles: BookAppointmentStylesModel;
     action: ActionModel;
 }
-export interface BookAppointmentStylesModel {
+export interface BookAppointmentStylesModel extends StylesModel {
     layout: LayOutModel;
+    positionLayout?: PositionLayoutModal;
     background: BackgroundModel;
     animation: AnimationModel;
+    inputOpacity?: number;
+    corners?: Corners;
+    contentBackground?: {
+        display: boolean;
+        style: CONTENT_BACKGROUND;
+    };
+}
+export interface BookAppointmentContentModel {
+    inputText: InputTextModel[];
+    appointmentField: AppointmentFieldSectionModel;
+}
+export interface AppointmentFieldSectionModel {
+    customLabel?: boolean;
+    button?: string;
+    successMessage?: string;
+    fields: AppointmentFieldModel[];
+}
+export interface AppointmentFieldModel {
+    key: "receiverName" | "receiverPhone" | "receiverEmail" | "addressLine1" | "stateName" | "cityName" | "zipCode";
+    label: string;
+    placeholder: string;
+    type: "text" | "email" | "tel" | "textarea" | "dropdown";
+    required: boolean;
+    status?: boolean;
+    inputValue?: string;
+    width?: "half" | "full";
+    value?: string;
+    options?: {
+        label: string;
+        value: string;
+        status?: boolean;
+    }[];
 }

package/lib/ecommerce/sections/featured-category/featured-category.component.d.ts

@@ -32,7 +32,7 @@ export declare class FeaturedCategoryComponent extends BaseSection {
     get getDirection(): "ROW" | "COLUMN" | undefined;
     get stylesLayout(): LayOutModel;
     get isMobile(): boolean;
-    getJustifyContent(): import("simpo-component-library").ALIGN | "" | "flex-start";
+    getJustifyContent(): "" | import("simpo-component-library").ALIGN | "flex-start";
     static ɵfac: i0.ɵɵFactoryDeclaration<FeaturedCategoryComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FeaturedCategoryComponent, "simpo-featured-category", never, { "data": { "alias": "data"; "required": false; }; "responseData": { "alias": "responseData"; "required": false; }; "index": { "alias": "index"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "nextComponentColor": { "alias": "nextComponentColor"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/ecommerce/sections/featured-category/featured-collection.component.d.ts

@@ -32,7 +32,7 @@ export declare class FeaturedCollectionComponent extends BaseSection {
     get getDirection(): "ROW" | "COLUMN" | undefined;
     get isMobile(): boolean;
     editSection(): void;
-    getJustifyContent(): import("simpo-component-library").ALIGN | "" | "flex-start";
+    getJustifyContent(): "" | import("simpo-component-library").ALIGN | "flex-start";
     static ɵfac: i0.ɵɵFactoryDeclaration<FeaturedCollectionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FeaturedCollectionComponent, "simpo-featured-collection", never, { "data": { "alias": "data"; "required": false; }; "responseData": { "alias": "responseData"; "required": false; }; "index": { "alias": "index"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "nextComponentColor": { "alias": "nextComponentColor"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/ecommerce/sections/new-collection/new-collection.component.d.ts

@@ -33,7 +33,7 @@ export declare class NewCollectionComponent extends BaseSection {
     get isMobile(): boolean;
     editSection(): void;
     getColor(color: any): "#000000" | "#ffffff";
-    getJustifyContent(): import("simpo-component-library").ALIGN | "" | "flex-start";
+    getJustifyContent(): "" | import("simpo-component-library").ALIGN | "flex-start";
     static ɵfac: i0.ɵɵFactoryDeclaration<NewCollectionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NewCollectionComponent, "simpo-new-collection", never, { "data": { "alias": "data"; "required": false; }; "responseData": { "alias": "responseData"; "required": false; }; "index": { "alias": "index"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "nextComponentColor": { "alias": "nextComponentColor"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/ecommerce/sections/product-desc/product-desc.component.d.ts

@@ -14,6 +14,7 @@ import { Meta, Title } from '@angular/platform-browser';
 import { MatDialog } from '@angular/material/dialog';
 import { MatBottomSheet } from '@angular/material/bottom-sheet';
 import { CustomerReviewComponent } from '../../sections/customer-review/customer-review.component';
+import { AnalyticsService } from '../../../services/analytics.service';
 import * as i0 from "@angular/core";
 export declare class ProductDescComponent extends BaseSection {
     private platformId;
@@ -29,6 +30,7 @@ export declare class ProductDescComponent extends BaseSection {
     private readonly bottomSheet;
     private renderer;
     private matDialog;
+    private analyticsService;
     reviewComponent: CustomerReviewComponent;
     aboveHeight: ElementRef<HTMLDivElement>;
     container: ElementRef<HTMLDivElement>;
@@ -52,7 +54,7 @@ export declare class ProductDescComponent extends BaseSection {
     showReview: boolean;
     selectedReview: any;
     currentImageIndex: number;
-    constructor(platformId: Object, _eventService: EventsService, router: Router, activatedRoute: ActivatedRoute, restService: RestService, cartService: CartService, storageService: StorageServiceService, messageService: MessageService, metaTagService: Meta, titleService: Title, bottomSheet: MatBottomSheet, renderer: Renderer2, matDialog: MatDialog);
+    content: any;
     buttonId?: string;
     button?: ButtonModel;
     styles?: ProductDescStylesModal;
@@ -68,10 +70,39 @@ export declare class ProductDescComponent extends BaseSection {
     isPinCode: boolean;
     toShowInJewellery: boolean;
     IsEcommerce: boolean;
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
     varientLoading: boolean;
     recentViewItemList: Product[];
+    reviewTitle: string;
+    reviewDescription: string;
+    isDescriptionCollapsed: boolean;
+    isPriceBreakup: boolean;
+    languages: string[];
+    selectedLang: string;
+    isDetails: boolean;
+    pincode: any;
+    storeDetails: any;
+    brandPromises: any[];
+    ecomConfigs: any;
+    locate: boolean;
+    otherLanguage: string;
+    reviewsData: any[];
+    ratingCounts: any;
+    pageNumber: number;
+    screenWidth: any;
+    currentImg: any;
+    videoCallPayload: any;
+    validationErrors: any;
+    isSubmitting: boolean;
+    scheduled: boolean;
+    constructor(platformId: Object, _eventService: EventsService, router: Router, activatedRoute: ActivatedRoute, restService: RestService, cartService: CartService, storageService: StorageServiceService, messageService: MessageService, metaTagService: Meta, titleService: Title, bottomSheet: MatBottomSheet, renderer: Renderer2, matDialog: MatDialog, analyticsService: AnalyticsService);
+    ngOnInit(): void;
+    ensureDefaultContent(): void;
+    getTextByLabel(label: string, fallback?: string): string;
+    setTextByLabel(label: string, value: string): void;
+    get showHeading(): boolean;
+    get showContent(): boolean;
+    get showButton(): boolean;
+    ngAfterViewInit(): void;
     getRelatedProducts(): void;
     selectVarient(key: string, value: string): void;
     raiseLead(): void;
@@ -80,9 +111,7 @@ export declare class ProductDescComponent extends BaseSection {
     getTrialCartIndexDBData(): void;
     shareProduct(): void;
     routeToHome(): void;
-    screenWidth: any;
     getScreenSize(): void;
-    currentImg: any;
     changeImg(url: any): void;
     getKeys(varient: Object): string[];
     goToCart(): void;
@@ -95,8 +124,6 @@ export declare class ProductDescComponent extends BaseSection {
     changeProduct(product: Product): void;
     getKeyByIdx(property: any, index: number): string;
     isVarientAvailable(varient: any): boolean;
-    reviewTitle: string;
-    reviewDescription: string;
     addProductReview(): void;
     private getVarientQuantity;
     private isVarientPresentInWishtlist;
@@ -107,32 +134,17 @@ export declare class ProductDescComponent extends BaseSection {
     get isMobile(): boolean;
     getCarat(carat: any): "24 Carats" | "22 Carats" | "18 Carats" | "14 Carats" | "10 Carats" | "99.9% Pure" | "92.5% Pure" | "90% Pure" | "Very Slightly Included" | "Slightly Included";
     getPricePerGram(price: any, materialType: string): any;
-    isDescriptionCollapsed: boolean;
     toggleDescription(): void;
-    isPriceBreakup: boolean;
     togglePriceBreakDown(): void;
     getDifference(sellingPrice: any, mrp: any): number;
-    getBackgroundColor(type: string): string;
+    getBackgroundColor(type: string): "rgba(255,255,255,0.08)" | "rgba(0,0,0,0.03)";
     getHeaderColor(type: string): string;
     getTextColor(color: any): "#000000" | "#ffffff";
-    languages: string[];
-    selectedLang: string;
-    getClass(map: any): "col-6" | "col-4" | "col-3" | "width-max";
+    getClass(map: any): "col-4" | "col-6" | "col-3" | "width-max";
     onFindInStore(id: string): void;
     onBookAppointment(): void;
-    isDetails: boolean;
-    pincode: any;
-    storeDetails: any;
     getStoreDetails(): void;
-    brandPromises: any[];
-    ecomConfigs: any;
     getEcommerceConfigs(): void;
-    locate: boolean;
-    otherLanguage: string;
-    videoCallPayload: any;
-    validationErrors: any;
-    isSubmitting: boolean;
-    scheduled: boolean;
     scheduleVideoCall(): void;
     resetValidationErrors(): void;
     resetForm(): void;
@@ -145,9 +157,6 @@ export declare class ProductDescComponent extends BaseSection {
     closeDialog(): void;
     getRatings(noofratings: any): any;
     addToTrialCart(): void;
-    reviewsData: any[];
-    ratingCounts: any;
-    pageNumber: number;
     loadMoreReviews(): void;
     getReviews(productId: string): void;
     getPercentage(rating: number): string;
@@ -155,6 +164,78 @@ export declare class ProductDescComponent extends BaseSection {
     showDetailReview(review: any): void;
     get stylesLayout(): LayOutModel;
     getDateAfterxDays(): Date;
+    getEffectiveBackgroundColor(): string;
+    getAdaptiveTextColor(): string;
+    getAdaptiveMutedTextColor(): string;
+    getAdaptiveBorderColor(): string;
+    getReadableTextColor(color: string): string;
+    getAverageColor(color1: string, color2: string): string;
+    hexToRgb(hex: string): {
+        r: number;
+        g: number;
+        b: number;
+    } | null;
+    rgbToHex(r: number, g: number, b: number): string;
+    getTryAtHomeActionButton(): ButtonModel | {
+        content: {
+            linkType: "Page";
+            label: string;
+            redirectionUrl: string;
+            pageId: string;
+            newTab: false;
+        };
+        styles: {
+            type: "Solid";
+            shape: "Pill";
+        };
+        id: string;
+    };
+    getTryAtHomeButtonContent(): {
+        label: string;
+        linkType: import("../../../styles/index").RedirectionLinkType;
+        redirectionUrl: string;
+        pageId: string;
+        newTab: boolean;
+        showIcon?: boolean;
+        icon?: import("../../../styles/style.model").Icon | any;
+    } | {
+        label: string;
+        linkType: "Page";
+        redirectionUrl: string;
+        pageId: string;
+        newTab: false;
+    };
+    getTryAtHomeBookedButtonContent(): {
+        label: string;
+        linkType: import("../../../styles/index").RedirectionLinkType;
+        redirectionUrl: string;
+        pageId: string;
+        newTab: boolean;
+        showIcon?: boolean;
+        icon?: import("../../../styles/style.model").Icon | any;
+    } | {
+        label: string;
+        linkType: "Page";
+        redirectionUrl: string;
+        pageId: string;
+        newTab: false;
+    };
+    getTryAtHomeButtonStyle(): import("../../../styles/style.model").ButtonStyleModel | {
+        type: "Solid";
+        shape: "Pill";
+    };
+    getTryAtHomeButtonId(): string;
+    getCurrentFavouriteIcon(): any;
+    getShareIcon(): any;
+    getCartIcon(): any;
+    getProductDescIconBackground(icon: any): any;
+    getIconBackground(icon: any): any;
+    getScheduleVideoCallBtnStyle(): {
+        background: string;
+        color: string;
+        border: string;
+    };
+    getPrimaryButtonBackground(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ProductDescComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ProductDescComponent, "simpo-product-desc", never, { "data": { "alias": "data"; "required": false; }; "responseData": { "alias": "responseData"; "required": false; }; "index": { "alias": "index"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "nextComponentColor": { "alias": "nextComponentColor"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/ecommerce/sections/product-desc/product-desc.modal.d.ts

@@ -1,29 +1,38 @@
-import { FooterSocialLinkModel } from "../../../sections/footer-section/footer-section.modal";
-import { AnimationModel, BackgroundModel, DeviderModel, InputTextModel, LayOutModel } from "../../../styles/style.model";
-import { ActionModel } from '../../../styles/style.model';
-import { Corners } from "../../.././styles/index";
-import { GRID_STYLE } from "../../../styles/types";
+import { ActionModel, BackgroundModel, InputTextModel, LayOutModel, StylesModel, AnimationModel } from "../../../styles/style.model";
+import { Corners } from "../../../styles/index";
 export interface ProductDescModal {
     id: string;
     sectionType: string;
     sectionName: string;
-    content: ProductDescContentModal;
+    content: ProductDescContentModel;
     styles: ProductDescStylesModal;
     action: ActionModel;
 }
-export interface ProductDescStylesModal {
+export interface ProductDescContentModel {
+    inputText: InputTextModel[];
+    socialLinks: {
+        display: boolean;
+        channels: {
+            type: string;
+            url: string;
+            link: string;
+        }[];
+    };
+    display: {
+        showHeading: boolean;
+        showContent: boolean;
+        showButton: boolean;
+    };
+    priceWithTax: boolean;
+}
+export interface ProductDescStylesModal extends StylesModel {
     layout: LayOutModel;
     background: BackgroundModel;
     animation: AnimationModel;
-    maximumProduct: number;
-    direction: "ROW" | "COLUMN";
-    devider: DeviderModel;
-    corners: Corners;
-    gridStyle: GRID_STYLE;
-    customization: GRID_STYLE;
-}
-export interface ProductDescContentModal {
-    button: string;
-    socialLinks: FooterSocialLinkModel;
-    inputText: InputTextModel[];
+    maximumProduct?: number;
+    direction?: string;
+    corners?: Corners;
+    gridStyle?: string;
+    customization?: string;
+    theme?: string;
 }

package/lib/ecommerce/sections/product-list/product-list.component.d.ts

@@ -12,6 +12,7 @@ import { MatDialog } from '@angular/material/dialog';
 import { CartService } from '../../../services/cart.service';
 import { MenuItem, MessageService } from 'primeng/api';
 import { ProductCardTheme } from '../../../styles/index';
+import { AnalyticsService } from '../../../services/analytics.service';
 import * as i0 from "@angular/core";
 interface BaseModel {
     option: string;
@@ -31,6 +32,7 @@ export declare class ProductListComponent extends BaseSection {
     private readonly cartService;
     private readonly messageService;
     private renderer;
+    private readonly analyticsService;
     responseData?: Product[];
     data?: ProductListModal;
     index?: number;
@@ -69,6 +71,7 @@ export declare class ProductListComponent extends BaseSection {
     searchTxt: string;
     theme: typeof ProductCardTheme;
     items: MenuItem[] | null;
+    latestAnalyicsEvent: string;
     private filterBottomSheetRef;
     private sortingDialogRef;
     categories: BaseModel[];
@@ -77,7 +80,7 @@ export declare class ProductListComponent extends BaseSection {
     listScrollContainer: ElementRef<HTMLDivElement>;
     getScreenSize(): void;
     onWindowScroll(event: Event): void;
-    constructor(platformId: Object, _eventService: EventsService, restService: RestService, router: Router, activatedRoute: ActivatedRoute, storageService: StorageServiceService, matBottomSheet: MatBottomSheet, matDialog: MatDialog, cartService: CartService, messageService: MessageService, renderer: Renderer2);
+    constructor(platformId: Object, _eventService: EventsService, restService: RestService, router: Router, activatedRoute: ActivatedRoute, storageService: StorageServiceService, matBottomSheet: MatBottomSheet, matDialog: MatDialog, cartService: CartService, messageService: MessageService, renderer: Renderer2, analyticsService: AnalyticsService);
     get stylesLayout(): LayOutModel;
     isOpen: boolean;
     toggleDropdown(): void;
@@ -103,6 +106,8 @@ export declare class ProductListComponent extends BaseSection {
     toShowInJewellery: boolean;
     IsEcommerce: boolean;
     ngOnInit(): void;
+    fetchAnalytics(): void;
+    getCategoriesAndCollection(): void;
     get selectedCategoryCollectionChips(): {
         id: string;
         name: string;
@@ -199,7 +204,10 @@ export declare class ProductListComponent extends BaseSection {
     closeModal(): void;
     languages: string[];
     selectedLang: string;
-    getTextColor(color: any): "#000000" | "#ffffff";
+    getTextColor(color: string | undefined | null): "#000000" | "#ffffff";
+    getAverageColor(color1: string, color2: string): string;
+    getSectionBackgroundColor(): string;
+    get sectionTextColor(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ProductListComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ProductListComponent, "simpo-product-list", never, { "responseData": { "alias": "responseData"; "required": false; }; "data": { "alias": "data"; "required": false; }; "index": { "alias": "index"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "nextComponentColor": { "alias": "nextComponentColor"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/ecommerce/sections/refer-earn/refer-earn.component.d.ts

@@ -0,0 +1,25 @@
+import { OnInit } from '@angular/core';
+import { LayOutModel } from '../../../styles/style.model';
+import { ProductDescStylesModal } from './refer-earn.modal';
+import { StorageServiceService } from '../../../services/storage.service';
+import { Router } from '@angular/router';
+import * as i0 from "@angular/core";
+export declare class ReferEarnComponent implements OnInit {
+    private readonly storageService;
+    private readonly router;
+    data?: any;
+    styles?: ProductDescStylesModal;
+    userDetail: any;
+    constructor(storageService: StorageServiceService, router: Router);
+    ngOnInit(): void;
+    get stylesLayout(): LayOutModel;
+    get isMobile(): boolean;
+    get getBusinessId(): string | null;
+    get getUserId(): any;
+    get getEmail(): any;
+    get getMobile(): any;
+    get getName(): any;
+    get getWebUrl(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ReferEarnComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ReferEarnComponent, "simpo-refer-earn", never, { "data": { "alias": "data"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/ecommerce/sections/refer-earn/refer-earn.modal.d.ts

@@ -0,0 +1,29 @@
+import { FooterSocialLinkModel } from "../../../sections/footer-section/footer-section.modal";
+import { AnimationModel, BackgroundModel, DeviderModel, InputTextModel, LayOutModel } from "../../../styles/style.model";
+import { ActionModel } from '../../../styles/style.model';
+import { Corners } from "../../../styles/index";
+import { GRID_STYLE } from "../../../styles/types";
+export interface ProductDescModal {
+    id: string;
+    sectionType: string;
+    sectionName: string;
+    content: ProductDescContentModal;
+    styles: ProductDescStylesModal;
+    action: ActionModel;
+}
+export interface ProductDescStylesModal {
+    layout: LayOutModel;
+    background: BackgroundModel;
+    animation: AnimationModel;
+    maximumProduct: number;
+    direction: "ROW" | "COLUMN";
+    devider: DeviderModel;
+    corners: Corners;
+    gridStyle: GRID_STYLE;
+    customization: GRID_STYLE;
+}
+export interface ProductDescContentModal {
+    button: string;
+    socialLinks: FooterSocialLinkModel;
+    inputText: InputTextModel[];
+}

package/lib/elements/link-editor/link-editor.component.d.ts

@@ -31,7 +31,7 @@ export declare class LinkEditorComponent {
     changeButtonStyle(): void;
     getContrastTextColor(backgroundHex: any): void;
     backgroundType: string[];
-    setBorderRadius(): "0px" | "7px" | "99px";
+    setBorderRadius(): "0px" | "99px" | "7px";
     setBorder(): string;
     setColor(): any;
     setBackground(): any;

package/lib/elements/pricing-s1/pricing-s1.component.d.ts

@@ -15,7 +15,7 @@ export declare class PricingS1Component extends BaseSection {
     editSection(): void;
     getButtonId(): string;
     redirectTo(data: any): void;
-    getClass(): "col-12" | "col-4" | "col-5";
+    getClass(): "col-4" | "col-12" | "col-5";
     static ɵfac: i0.ɵɵFactoryDeclaration<PricingS1Component, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PricingS1Component, "simpo-pricing-s1", never, { "data": { "alias": "data"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/elements/simpo-button/simpo-button.component.d.ts

@@ -10,9 +10,12 @@ export declare class SimpoButtonComponent {
     sectionId?: string;
     edit?: boolean;
     backgroundInfo?: BackgroundModel;
+    isFullWidth: boolean;
+    disabled?: boolean;
+    loading?: boolean;
     constructor(_eventService: EventsService);
     ngOnInit(): void;
     redirectTo(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SimpoButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SimpoButtonComponent, "app-button-element", never, { "buttonContent": { "alias": "buttonContent"; "required": false; }; "buttonStyle": { "alias": "buttonStyle"; "required": false; }; "buttonId": { "alias": "buttonId"; "required": false; }; "color": { "alias": "color"; "required": false; }; "sectionId": { "alias": "sectionId"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "backgroundInfo": { "alias": "backgroundInfo"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SimpoButtonComponent, "app-button-element", never, { "buttonContent": { "alias": "buttonContent"; "required": false; }; "buttonStyle": { "alias": "buttonStyle"; "required": false; }; "buttonId": { "alias": "buttonId"; "required": false; }; "color": { "alias": "color"; "required": false; }; "sectionId": { "alias": "sectionId"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "backgroundInfo": { "alias": "backgroundInfo"; "required": false; }; "isFullWidth": { "alias": "isFullWidth"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, {}, never, never, true, never>;
 }