simpo-component-library 3.6.930 → 3.6.932

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/authenticate-user/authenticate-user.component.d.ts

@@ -10,6 +10,7 @@ import { ActionModel } from "../../../styles/style.model";
 import BaseSection from '../../../sections/BaseSection';
 import { MessageService } from 'primeng/api';
 import { MatBottomSheetRef } from '@angular/material/bottom-sheet';
+import { AnalyticsService } from '../../../services/analytics.service';
 import * as i0 from "@angular/core";
 interface AuthenticateSectionModel {
     id: string;
@@ -32,6 +33,7 @@ export declare class AuthenticateUserComponent extends BaseSection implements On
     private readonly bottomsheetRef;
     private readonly _eventService;
     private readonly messageService;
+    private readonly analyticsService;
     private fb;
     data?: AuthenticateSectionModel;
     index?: number;
@@ -53,7 +55,7 @@ export declare class AuthenticateUserComponent extends BaseSection implements On
     confirmPass: string | null;
     businessId: string | null;
     buttonLoading: boolean;
-    constructor(matData: any, bottomsheetData: any, restService: RestService, router: Router, matDialog: MatDialog, storageService: StorageServiceService, dialogRef: MatDialogRef<AuthenticateUserComponent>, bottomsheetRef: MatBottomSheetRef<AuthenticateUserComponent>, _eventService: EventsService, messageService: MessageService, fb: FormBuilder);
+    constructor(matData: any, bottomsheetData: any, restService: RestService, router: Router, matDialog: MatDialog, storageService: StorageServiceService, dialogRef: MatDialogRef<AuthenticateUserComponent>, bottomsheetRef: MatBottomSheetRef<AuthenticateUserComponent>, _eventService: EventsService, messageService: MessageService, analyticsService: AnalyticsService, fb: FormBuilder);
     get passwordValid(): import("@angular/forms").AbstractControl<any, any> | null;
     styles: any;
     ngOnInit(): void;
@@ -90,7 +92,7 @@ export declare class AuthenticateUserComponent extends BaseSection implements On
     resendOTP(): void;
     get isMobileValid(): boolean;
     get isMobile(): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AuthenticateUserComponent, [{ optional: true; }, { optional: true; }, null, null, null, null, { optional: true; }, { optional: true; }, null, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AuthenticateUserComponent, [{ optional: true; }, { optional: true; }, null, null, null, null, { optional: true; }, { optional: true; }, null, null, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AuthenticateUserComponent, "simpo-authenticate-user", never, { "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>;
 }
 export {};

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

@@ -9,6 +9,7 @@ import { MatDialog, MatDialogRef } from '@angular/material/dialog';
 import { AuthenticationModel, AuthenticationStylesModel } from './authentication-required.model';
 import BaseSection from '../../../sections/BaseSection';
 import { ButtonModel, LayOutModel } from '../../../styles/style.model';
+import { AnalyticsService } from '../../../services/analytics.service';
 import * as i0 from "@angular/core";
 export declare class AuthenticationRequiredComponent extends BaseSection {
     private readonly restService;
@@ -18,6 +19,7 @@ export declare class AuthenticationRequiredComponent extends BaseSection {
     private readonly matDialog;
     private readonly activatedRoute;
     private elementRef;
+    private readonly analyticsService;
     private readonly dialogRef;
     private readonly bottomsheetRef;
     data?: AuthenticationModel | any;
@@ -49,7 +51,7 @@ export declare class AuthenticationRequiredComponent extends BaseSection {
         type: string;
         active: boolean;
     }[];
-    constructor(restService: RestService, router: Router, messageService: MessageService, storageService: StorageServiceService, matDialog: MatDialog, activatedRoute: ActivatedRoute, elementRef: ElementRef, dialogRef: MatDialogRef<AuthenticationRequiredComponent>, bottomsheetRef: MatBottomSheetRef<AuthenticationRequiredComponent>);
+    constructor(restService: RestService, router: Router, messageService: MessageService, storageService: StorageServiceService, matDialog: MatDialog, activatedRoute: ActivatedRoute, elementRef: ElementRef, analyticsService: AnalyticsService, dialogRef: MatDialogRef<AuthenticationRequiredComponent>, bottomsheetRef: MatBottomSheetRef<AuthenticationRequiredComponent>);
     signUpEnabled: any;
     proceedToCheckout: boolean;
     proceedToEnrollment: boolean;
@@ -94,7 +96,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;
@@ -120,6 +122,6 @@ export declare class AuthenticationRequiredComponent extends BaseSection {
     showPassword: boolean;
     syncTrialCartToServerDB(userId: string): void;
     backToHome(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AuthenticationRequiredComponent, [null, null, null, null, null, null, null, { optional: true; }, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AuthenticationRequiredComponent, [null, null, null, null, null, null, null, null, { optional: true; }, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AuthenticationRequiredComponent, "simpo-authentication-required", never, { "data": { "alias": "data"; "required": false; }; "index": { "alias": "index"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -37,7 +37,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

@@ -127,7 +127,7 @@ export declare class ProductDescComponent extends BaseSection {
     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;

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;
@@ -37,6 +38,7 @@ export declare class ProductListComponent extends BaseSection implements OnDestr
     private readonly cartService;
     private readonly messageService;
     private renderer;
+    private readonly analyticsService;
     responseData?: Product[];
     data?: ProductListModal;
     index?: number;
@@ -90,7 +92,7 @@ export declare class ProductListComponent extends BaseSection implements OnDestr
     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;

package/lib/ecommerce/sections/schemes/schemes.component.d.ts

@@ -21,7 +21,7 @@ export declare class SchemesComponent extends BaseSection {
     get stylesLayout(): LayOutModel;
     get spacingLayout(): SpacingModel;
     getParentClass(): "" | "overflow-scroll flex-nowrap";
-    getClass(index: number): "col-6" | "col-12" | "col-6 mb-2" | "col-12 mb-2";
+    getClass(index: number): "col-12" | "col-6" | "col-6 mb-2" | "col-12 mb-2";
     showSchemeDetails(scheme: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SchemesComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SchemesComponent, "simpo-schemes", never, { "data": { "alias": "data"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; "index": { "alias": "index"; "required": false; }; }, {}, never, never, true, never>;

package/lib/sections/banner-carousel/banner-carousel.component.d.ts

@@ -32,8 +32,8 @@ export declare class BannerCarouselComponent extends BaseSection implements OnIn
     get stylesLayout(): LayOutModel;
     get getBlurValue(): "NONE" | "LIGHT" | "MODERATE" | "STRONG" | "VERY_STRONG" | undefined;
     get getBackgroundColor(): BackgroundModel;
-    get getBackgroundOpacity(): "0" | "0.5" | "0.7" | "0.6" | "0.8" | "1";
-    opacityValue(value: OverlayValue): "0.5" | "0.7" | "0.6" | "0.8" | "1";
+    get getBackgroundOpacity(): "1" | "0" | "0.7" | "0.5" | "0.6" | "0.8";
+    opacityValue(value: OverlayValue): "1" | "0.7" | "0.5" | "0.6" | "0.8";
     editSection(): void;
     getScreenSize(): number;
     getSectionMinHeight(): string;

package/lib/sections/carousel-banner/carousel-banner.component.d.ts

@@ -25,7 +25,7 @@ export declare class CarouselBannerComponent extends BaseSection implements OnIn
     get canMergeNavbar(): boolean | undefined;
     get isBorderlessImage(): boolean | undefined;
     get getPositionLayout(): PositionLayoutModal;
-    opacityValue(value: OverlayValue): "0" | "0.2" | "0.3" | "0.5" | "0.7";
+    opacityValue(value: OverlayValue): "0" | "0.7" | "0.5" | "0.3" | "0.2";
     editSection(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CarouselBannerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CarouselBannerComponent, "simpo-carousel-banner", never, { "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/sections/image-grid-hotspot/image-grid-hotspot.component.d.ts

@@ -23,7 +23,7 @@ export declare class ImageGridHotspotComponent extends BaseSection {
     get headingSpace(): SPACING;
     editSection(): void;
     getLength(): number;
-    getJustifyContent(): import("simpo-component-library").ALIGN | "" | "flex-start";
+    getJustifyContent(): "" | import("simpo-component-library").ALIGN | "flex-start";
     private get scrollStep();
     scrollRight(): void;
     isOverflowing: boolean;

package/lib/sections/image-grid-section/image-grid-section.component.d.ts

@@ -23,7 +23,7 @@ export declare class ImageGridSectionComponent extends BaseSection {
     get headingSpace(): SPACING;
     editSection(): void;
     getLength(): number;
-    getJustifyContent(): import("simpo-component-library").ALIGN | "" | "flex-start";
+    getJustifyContent(): "" | import("simpo-component-library").ALIGN | "flex-start";
     private get scrollStep();
     scrollRight(): void;
     isOverflowing: boolean;

package/lib/sections/image-section/image-section.component.d.ts

@@ -20,9 +20,9 @@ export declare class ImageSectionComponent extends BaseSection {
     constructor(_eventService: EventsService);
     ngOnInit(): void;
     get canMergeNavbar(): boolean | undefined;
-    get getBackgroundOpacity(): "0.2" | "0.3" | "0.5" | "0.7" | "1";
+    get getBackgroundOpacity(): "1" | "0.7" | "0.5" | "0.3" | "0.2";
     get stylesLayout(): LayOutModel;
-    opacityValue(value: OverlayValue): "0.2" | "0.3" | "0.5" | "0.7" | "1";
+    opacityValue(value: OverlayValue): "1" | "0.7" | "0.5" | "0.3" | "0.2";
     editSection(): void;
     redirectTo(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ImageSectionComponent, never>;

package/lib/sections/logo-showcase/logo-showcase.component.d.ts

@@ -26,8 +26,8 @@ export declare class LogoShowcaseComponent extends BaseSection implements OnInit
     get originalItemsLength(): number;
     trackByIndex(index: number): number;
     get stylesLayout(): LayOutModel;
-    get animationDuration(): "25s" | "20s" | "15s" | "10s" | "8s" | logoSpeed.Normal;
-    get animationDirection(): "reverse" | "normal" | logoDirection.Left;
+    get animationDuration(): "8s" | logoSpeed.Normal | "25s" | "20s" | "15s" | "10s";
+    get animationDirection(): logoDirection.Left | "reverse" | "normal";
     get isMobile(): boolean;
     get getPositionLayout(): PositionLayoutModal;
     screenWidth: number;

package/lib/sections/new-testimonials/new-testimonials.component.d.ts

@@ -24,7 +24,7 @@ export declare class NewTestimonialsComponent extends BaseSection {
     idx: number;
     getImageData(): import("../../styles/style.model").Image | undefined;
     getImageUrl(): string | undefined;
-    getImageType(): "Video" | "Image";
+    getImageType(): "Image" | "Video";
     getLength(): number;
     editSection(): void;
     stopPropagation(event: any): void;

package/lib/sections/pricing-section/pricing-section.component.d.ts

@@ -23,7 +23,7 @@ export declare class PricingSectionComponent extends BaseSection {
     getButtonId(): string;
     editSection(): void;
     redirectTo(data: any): void;
-    getClass(): "col-6" | "col-4" | "col-3" | "col-12";
+    getClass(): "col-4" | "col-12" | "col-6" | "col-3";
     getAlignment(): "justify-content-start" | "justify-content-center" | "justify-content-end";
     static ɵfac: i0.ɵɵFactoryDeclaration<PricingSectionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PricingSectionComponent, "simpo-pricing-section", never, { "data": { "alias": "data"; "required": false; }; "index": { "alias": "index"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; "nextComponentColor": { "alias": "nextComponentColor"; "required": false; }; }, {}, never, never, true, never>;

package/lib/services/analytics.service.d.ts

@@ -14,6 +14,8 @@ export declare class AnalyticsService {
     private eventQueue;
     private BATCH_SIZE;
     private FLUSH_INTERVAL;
+    private consecutiveFailures;
+    private MAX_RETRIES;
     private currentPage;
     private currentContextMetadata;
     private contextStartTime;
@@ -25,9 +27,20 @@ export declare class AnalyticsService {
     private closeCurrentContext;
     private listenToRouteChange;
     trackUser(event: any, eventType: string): void;
+    /**
+     * Reattributes this browser's pre-login (anonymous) events onto the now-known user.
+     * Call right after login succeeds (mirrors syncTrialCartToServerDB's cart-merge pattern).
+     */
+    mergeAnonymousUser(userId: string): void;
     private startAutoFlush;
     private flush;
     private listenToUnload;
+    /**
+     * Same reliability primitive closeCurrentContext(true) already uses for the current page's
+     * event - drains whatever's still queued (e.g. recent cart/wishlist events under the
+     * BATCH_SIZE/FLUSH_INTERVAL threshold) so it isn't lost when the tab is closed/hidden.
+     */
+    private flushQueueViaBeacon;
     static ɵfac: i0.ɵɵFactoryDeclaration<AnalyticsService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AnalyticsService>;
 }

package/lib/services/cart.service.d.ts

@@ -2,28 +2,26 @@ import { OrderedItems } from '../ecommerce/styles/OrderedItems.modal';
 import { Product } from '../ecommerce/styles/product.modal';
 import { RestService } from './rest.service';
 import { StorageServiceService } from './storage.service';
-import { Router } from '@angular/router';
-import { StorageLike } from '../services/storage-like';
+import { AnalyticsService } from './analytics.service';
 import * as i0 from "@angular/core";
 export declare class CartService {
     private readonly storageService;
     private readonly restService;
-    private router;
-    private storage;
-    constructor(storageService: StorageServiceService, restService: RestService, router: Router, storage: StorageLike);
+    private readonly analyticsService;
+    constructor(storageService: StorageServiceService, restService: RestService, analyticsService: AnalyticsService);
     addItemFromCartPage(product: OrderedItems, userCart: any): import("rxjs").Observable<Object>;
     addItemFromWishlistPage(product: OrderedItems, userWishlist: any): import("rxjs").Observable<Object>;
     removeItemFromWishlistPage(product: OrderedItems, userWishlist: any): import("rxjs").Observable<Object>;
     addItemToCart(product: Product | OrderedItems, varientId?: string): void | IDBRequest<IDBValidKey>;
     captureCartAnalytics(productId: string, type: 'ADD_TO_CART' | 'REMOVE_FROM_CART', variantId?: string): void;
+    captureWishlistAnalytics(productId: string | undefined, type: 'ADD_TO_WISHLIST' | 'REMOVE_FROM_WISHLIST', variantId?: string): void;
     addItemToFavourite(product: Product, varientId?: string): void;
     addItemToTrial(product: Product, varientId?: string): Promise<boolean>;
     addItemToFavFromCart(product: OrderedItems): void;
     addOrderedItemToFavourite(orderedItem: OrderedItems): void;
-    removeItemFromFavourite(varientId: string): void;
+    removeItemFromFavourite(varientId: string, itemId?: string): void;
     removeItemFromCart(product: Product | OrderedItems): void;
     private objectMapper;
-    trackUser(event: any, eventType: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CartService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<CartService>;
 }

package/lib/services/storage.service.d.ts

@@ -56,6 +56,12 @@ export declare class StorageServiceService {
     removeProductFromTrialCart(productId: string): IDBRequest<undefined>;
     setUser(user: User): User;
     getUser(): User | null;
+    /**
+     * Stable per-browser id, persisted regardless of login state, so behavior can be tracked
+     * before a visitor logs in. Mirrors setUser()'s dual cookie+storage write so it survives
+     * the same way. Merged onto the real userId server-side once they log in (AnalyticsService.mergeAnonymousUser).
+     */
+    getAnonymousId(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<StorageServiceService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<StorageServiceService>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "simpo-component-library",
-  "version": "3.6.930",
+  "version": "3.6.932",
   "peerDependencies": {
     "@angular/common": "^17.2.0",
     "@angular/core": "^17.2.0",