simpo-component-library 3.6.932 → 3.6.934

package/lib/components/deprecated-section/deprecated-section.component.d.ts

@@ -0,0 +1,19 @@
+import * as i0 from "@angular/core";
+/**
+ * Stands in for a section type that's been retired (currently: the old 'appointment' and
+ * 'appointmentBooking' sectionTypes, superseded by AppointmentBookingComponent's
+ * 'bookAppointment' sectionType). A business's already-published site JSON may still reference a
+ * retired sectionType with no migration path from this codebase - repointing the registry to
+ * this stub instead of removing the entry avoids silently dropping or breaking that section on a
+ * live site.
+ */
+export declare class DeprecatedSectionComponent {
+    data?: any;
+    index?: number;
+    edit?: boolean;
+    delete?: boolean;
+    customClass?: string;
+    nextComponentColor?: any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DeprecatedSectionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DeprecatedSectionComponent, "simpo-deprecated-section", 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/ecommerce/sections/product-desc/product-desc.component.d.ts

@@ -15,6 +15,7 @@ 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 { BookingProductCartService } from '../../../services/booking-product-cart.service';
 import * as i0 from "@angular/core";
 export declare class ProductDescComponent extends BaseSection {
     private platformId;
@@ -31,6 +32,7 @@ export declare class ProductDescComponent extends BaseSection {
     private renderer;
     private matDialog;
     private analyticsService;
+    private readonly bookingProductCartService;
     reviewComponent: CustomerReviewComponent;
     aboveHeight: ElementRef<HTMLDivElement>;
     container: ElementRef<HTMLDivElement>;
@@ -54,7 +56,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, analyticsService: AnalyticsService);
+    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, bookingProductCartService: BookingProductCartService);
     buttonId?: string;
     button?: ButtonModel;
     styles?: ProductDescStylesModal;
@@ -154,6 +156,12 @@ export declare class ProductDescComponent extends BaseSection {
     matCloseDialog(): void;
     closeDialog(): void;
     getRatings(noofratings: any): any;
+    /**
+     * "Try at Home" now feeds the new Home Visit booking flow (BookingGroup.productLines,
+     * submitted directly at hold time) rather than the old ecommerce TRIAL_CART/HomeAppointments
+     * flow being retired — see appointment_service's design doc. Opens the real booking wizard
+     * pre-seeded with this product instead of navigating to the old trial-cart checkout page.
+     */
     addToTrialCart(): void;
     reviewsData: any[];
     ratingCounts: any;

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

@@ -10,6 +10,7 @@ import { StorageServiceService } from '../../../services/storage.service';
 import { MatBottomSheet } from '@angular/material/bottom-sheet';
 import { MatDialog } from '@angular/material/dialog';
 import { CartService } from '../../../services/cart.service';
+import { BookingProductCartService } from '../../../services/booking-product-cart.service';
 import { MenuItem, MessageService } from 'primeng/api';
 import { ProductCardTheme } from '../../../styles/index';
 import { AnalyticsService } from '../../../services/analytics.service';
@@ -39,6 +40,7 @@ export declare class ProductListComponent extends BaseSection implements OnDestr
     private readonly messageService;
     private renderer;
     private readonly analyticsService;
+    private readonly bookingProductCartService;
     responseData?: Product[];
     data?: ProductListModal;
     index?: number;
@@ -92,7 +94,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, analyticsService: AnalyticsService);
+    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, bookingProductCartService: BookingProductCartService);
     get stylesLayout(): LayOutModel;
     isOpen: boolean;
     toggleDropdown(): void;
@@ -220,9 +222,11 @@ export declare class ProductListComponent extends BaseSection implements OnDestr
     materialCollapsed: boolean;
     metalCollapsed: boolean;
     ringStyleCollapsed: boolean;
+    /** Feeds the new Home Visit booking flow directly (BookingGroup.productLines) rather than the retiring TRIAL_CART. */
     addToTrialCart(product: Product): Promise<void>;
     productName: string;
-    openDialogBox(template: TemplateRef<HTMLDivElement>, productName: any): void;
+    videoCallProduct: Product | null;
+    openDialogBox(template: TemplateRef<HTMLDivElement>, productName: any, product?: Product): void;
     matCloseDialog(): void;
     otherLanguage: string;
     videoCallPayload: any;

package/lib/elements/schedule-video-call/schedule-video-call.component.d.ts

@@ -1,15 +1,15 @@
 import { OnInit, TemplateRef } from '@angular/core';
 import { MatDialog, MatDialogRef } from '@angular/material/dialog';
 import { MessageService } from 'primeng/api';
-import { RestService } from '../../services/rest.service';
+import { BookingProductCartService } from '../../services/booking-product-cart.service';
 import * as i0 from "@angular/core";
 export declare class ScheduleVideoCallComponent implements OnInit {
     private readonly dialogRef;
     private matDialog;
     private readonly messageService;
-    private readonly restService;
+    private readonly bookingProductCartService;
     responseData: any;
-    constructor(dialogRef: MatDialogRef<ScheduleVideoCallComponent>, matDialog: MatDialog, messageService: MessageService, restService: RestService, responseData: any);
+    constructor(dialogRef: MatDialogRef<ScheduleVideoCallComponent>, matDialog: MatDialog, messageService: MessageService, bookingProductCartService: BookingProductCartService, responseData: any);
     ngOnInit(): void;
     selectedProducts: any[];
     languages: string[];

package/lib/sections/appointment-form/appointment-booking/appointment-booking/appointment-booking.component.d.ts

@@ -1,16 +1,42 @@
+import { OnInit } from '@angular/core';
+import { MatDialogRef } from '@angular/material/dialog';
 import { RestService } from '../../../../services/rest.service';
 import { EventsService } from '../../../../services/events.service';
 import { Router } from '@angular/router';
 import { BannerContentModel, BannerSectionModel } from '../../appointment-form.model';
 import { BackgroundModel, BannerStylesModel } from '../../../../styles/style.model';
 import { MessageService } from 'primeng/api';
+import { BookingProductCartService } from '../../../../services/booking-product-cart.service';
+import { StorageServiceService } from '../../../../services/storage.service';
 import * as i0 from "@angular/core";
-export declare class AppointmentBookingComponent {
+type BookingMode = 'STORE_VISIT' | 'HOME_VISIT' | 'VIDEO_CALL';
+interface ResolvedLine {
+    services: {
+        id: string;
+        name: string;
+    }[];
+    totalDurationMinutes: number;
+    staffId?: string;
+    staffName?: string;
+    candidateStaffPool?: {
+        id: string;
+        name: string;
+    }[];
+    selectedStaffId?: string;
+    selectedStaffName?: string;
+    slots: any[];
+    selectedSlot?: any;
+    slotsLoading?: boolean;
+}
+export declare class AppointmentBookingComponent implements OnInit {
     private restService;
     private _eventService;
     private readonly router;
     private readonly messageService;
-    constructor(restService: RestService, _eventService: EventsService, router: Router, messageService: MessageService);
+    private readonly bookingProductCartService;
+    private readonly storageService;
+    private readonly dialogRef;
+    constructor(restService: RestService, _eventService: EventsService, router: Router, messageService: MessageService, bookingProductCartService: BookingProductCartService, storageService: StorageServiceService, dialogRef: MatDialogRef<AppointmentBookingComponent>);
     data?: BannerSectionModel;
     index?: number;
     content?: BannerContentModel;
@@ -18,6 +44,11 @@ export declare class AppointmentBookingComponent {
     delete?: boolean;
     customClass?: string;
     nextComponentColor?: BackgroundModel;
+    /** Lets a launching dialog (e.g. the video-call product picker) carry over name/phone already collected, so the customer isn't asked twice. */
+    prefillContact?: {
+        name?: string;
+        phoneNumber?: string;
+    };
     styles?: BannerStylesModel;
     ngOnInit(): void;
     screenWidth: number;
@@ -36,54 +67,55 @@ export declare class AppointmentBookingComponent {
     barWidth: string;
     showCancellationPolicy: boolean;
     showReducingPolicy: boolean;
-    selectedService: any;
+    selectedMode: BookingMode;
+    modePinned: boolean;
+    cartServices: any[];
+    resolvedLines: ResolvedLine[];
+    resolvingCart: boolean;
+    productCartItems: any[];
     selectedLocation: any;
-    homeAddress: string;
+    homeVisitAddress: any;
     instructions: string;
     Object: ObjectConstructor;
     showCalendar: boolean;
     selectedDate: Date | null;
     selectedDateStr: string;
-    userDetails: {
-        name: string;
-        email: string;
-        mobileNumber: string;
-    };
+    bookingGroup: any;
     dateFilter: (d: Date | null) => boolean;
     toggleCalendar(event?: Event): void;
     onDateSelected(date: any): void;
     private formatDate;
+    private toIsoDate;
+    selectMode(mode: BookingMode): void;
+    loadProductCartForMode(): Promise<void>;
     selectService(service: any): void;
     selectLocation(location: any): void;
-    selectedStaff: any;
-    selectStaff(staff: any): void;
     nextStep(): void;
     previousStep(): void;
     serviceData: any[];
     getAllServices(): void;
     locationData: any[];
     getAllLocations(): void;
-    staffPayload: any;
+    goToDateSelection(): void;
     staffSearchQuery: string;
     get filteredStaff(): any[];
     staffData: any[];
-    getAllStaff(): void;
+    resolveCart(): void;
+    getAllStaffForProductOnlyLine(): void;
+    selectStaffForProductOnlyLine(staff: any): void;
+    selectStaffForLine(line: ResolvedLine, staff: any): void;
+    fetchAllLineSlots(): void;
+    selectSlotForLine(line: ResolvedLine, slot: any): void;
     convertTo24Hour(time: string): string;
-    slotsPayload: any;
-    locationTiming: any[];
     loader: boolean;
-    getAvailableSlots(): void;
     isProcessing: boolean;
-    selectedTime: any;
-    selectTimeSlot(time: any): void;
     termsAndConditions: boolean;
     checkRequiredValues(): void;
     appointmentPayload: any;
-    checkPayment(): void;
     apiStatus: boolean;
-    createAppointment(): void;
-    paymentBookingAppointment(): void;
+    confirmBooking(): void;
     goBack(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AppointmentBookingComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AppointmentBookingComponent, "simpo-appointment-booking", 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>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppointmentBookingComponent, [null, null, null, null, null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AppointmentBookingComponent, "simpo-appointment-booking", 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; }; "prefillContact": { "alias": "prefillContact"; "required": false; }; }, {}, never, never, true, never>;
 }
+export {};

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

@@ -70,6 +70,11 @@ export declare class HeaderSectionComponent implements OnInit, AfterViewInit, On
     ngOnDestroy(): void;
     passbookAppStatus: boolean;
     checkPassbookApp(): void;
+    /** Login/signup for a non-ecommerce header also needs to show for a business with only the
+     * Appointment app installed (booking now requires login) - mirrors checkPassbookApp() exactly,
+     * reusing the same generic "is app installed" check already used for Passbook. */
+    appointmentAppStatus: boolean;
+    checkAppointmentApp(): void;
     showSearchBarMobile: boolean;
     showDropdownDesktopSearch: boolean;
     isNavbarOpen: boolean;

package/lib/services/booking-product-cart.service.d.ts

@@ -0,0 +1,26 @@
+import { OrderedItems } from '../ecommerce/styles/OrderedItems.modal';
+import { Product } from '../ecommerce/styles/product.modal';
+import { StorageServiceService } from './storage.service';
+import * as i0 from "@angular/core";
+export type BookingCartMode = 'HOME_VISIT' | 'VIDEO_CALL';
+/**
+ * The product-side cart for Home Visit / Video Call bookings. Deliberately simpler than
+ * CartService's TRIAL_CART handling — the new group/cart booking API takes product lines
+ * directly in the `hold` request body, so there's no server-side cart to keep in sync with for
+ * either logged-in or anonymous users. Everything here is local-only (IndexedDB via
+ * StorageServiceService), for both user types alike.
+ */
+export declare class BookingProductCartService {
+    private readonly storageService;
+    constructor(storageService: StorageServiceService);
+    addItem(mode: BookingCartMode, product: Product, variantId?: string): Promise<void>;
+    /** For callers that already have an OrderedItems-shaped record (e.g. from an existing cart) rather than a raw Product. */
+    addOrderedItem(mode: BookingCartMode, item: OrderedItems): Promise<void>;
+    removeItem(mode: BookingCartMode, variantId: string): Promise<void>;
+    getItems(mode: BookingCartMode): Promise<OrderedItems[]>;
+    clear(mode: BookingCartMode): Promise<void>;
+    /** Renames varientId -> variantId and computes totalPrice, matching BookingGroupRequest.productLines' shape. */
+    toProductLine(item: OrderedItems): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BookingProductCartService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<BookingProductCartService>;
+}

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

@@ -121,8 +121,11 @@ export declare class RestService implements OnDestroy {
     getReviewsByProductId(productId: string, pageNumber: number): Observable<Object>;
     getFieldsToDisplay(fieldsList: any[]): any;
     getBookingSlots(payload: any): Observable<Object>;
-    bookAppointmentV2(payload: any): Observable<Object>;
-    paymentForAppointment(payload: any): Observable<Object>;
+    resolveCart(payload: any): Observable<Object>;
+    holdBooking(payload: any): Observable<Object>;
+    getBookingGroup(groupId: string): Observable<Object>;
+    generatePaymentToken(groupId: string): Observable<Object>;
+    completeBookingGroup(groupId: string): Observable<Object>;
     generateToken(bId: any, userId: any): Observable<Object>;
     getAllEnrolledSchemes(payload: any): Observable<Object>;
     enrollScheme(payload: any, checkCharges: boolean): Observable<Object>;

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

@@ -28,6 +28,14 @@ export declare class StorageServiceService {
     favouriteCollectionName: string;
     trialCartCollectionName: string;
     userCollectionName: string;
+    /**
+     * One bucket per booking mode (Home Visit / Video Call), local-only, no server sync - unlike
+     * TRIAL_CART, the new group/cart booking API takes product lines directly in the hold request,
+     * so there's no server-side cart to keep these in sync with. Kept separate from each other so
+     * a customer can hold a pending cart for each mode at once.
+     */
+    homeVisitCartCollectionName: string;
+    videoCallCartCollectionName: string;
     database: IDBDatabase;
     cartCollectionRef: IDBObjectStore | null;
     favouriteCollectionRef: IDBObjectStore | null;
@@ -54,6 +62,11 @@ export declare class StorageServiceService {
     clearUserCart(): IDBRequest<undefined>;
     clearTrialCart(): IDBRequest<undefined>;
     removeProductFromTrialCart(productId: string): IDBRequest<undefined>;
+    private bookingCartStoreName;
+    getBookingCart(mode: 'HOME_VISIT' | 'VIDEO_CALL'): Promise<IDBRequest<OrderedItems[]>>;
+    addProductToBookingCart(mode: 'HOME_VISIT' | 'VIDEO_CALL', product: OrderedItems): Promise<IDBRequest<IDBValidKey>>;
+    removeProductFromBookingCart(mode: 'HOME_VISIT' | 'VIDEO_CALL', productId: string): Promise<IDBRequest<undefined>>;
+    clearBookingCart(mode: 'HOME_VISIT' | 'VIDEO_CALL'): Promise<IDBRequest<undefined>>;
     setUser(user: User): User;
     getUser(): User | null;
     /**

package/package.json

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

package/public-api.d.ts

@@ -32,7 +32,7 @@ export * from './lib/sections/testimonial-fullwidth/testimonial-fullwidth.compon
 export * from './lib/sections/logo-showcase/logo-showcase.component';
 export * from './lib/sections/banner-carousel/banner-carousel.component';
 export * from './lib/sections/carousel-banner/carousel-banner.component';
-export * from './lib/sections/appointment-form/appointment-form.component';
+export * from './lib/components/deprecated-section/deprecated-section.component';
 export * from './lib/sections/testimonial-video/testimonial-video.component';
 export * from './lib/sections/logo-gallery/logo-gallery.component';
 export * from './lib/sections/registration-form/registration-form.component';
@@ -72,7 +72,6 @@ export * from './lib/ecommerce/sections/store-list/store-list.component';
 export * from './lib/ecommerce/sections/store-page/store-page.component';
 export * from './lib/ecommerce/sections/enrollment-form/enrollment-form.component';
 export * from './lib/ecommerce/sections/returns-calculator/returns-calculator.component';
-export * from './lib/ecommerce/sections/book-appointment/book-appointment.component';
 export * from './lib/sections/appointment-form/appointment-booking/appointment-booking/appointment-booking.component';
 export * from './lib/sections/video-grid-section/video-grid-section.component';
 export * from './lib/ecommerce/sections/refer-earn/refer-earn.component';