simpo-component-library 3.6.999 → 3.7.1

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

@@ -36,7 +36,7 @@ export declare class FeaturedBrandComponent 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<FeaturedBrandComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FeaturedBrandComponent, "simpo-featured-brand", 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-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

@@ -81,6 +81,10 @@ export declare class ProductDescComponent extends BaseSection {
     ngOnInit(): void;
     ngAfterViewInit(): void;
     varientLoading: boolean;
+    get customFieldSpecs(): {
+        label: string;
+        value: string;
+    }[];
     recentViewItemList: Product[];
     getRelatedProducts(): void;
     selectVarient(key: string, value: string): void;
@@ -127,7 +131,7 @@ export declare class ProductDescComponent extends BaseSection {
     getHeaderColor(type: string): string;
     formatItemCode(code: any): string | null;
     getTextColor(color: any): "#000000" | "#ffffff";
-    getClass(map: any): "col-4" | "col-6" | "col-3" | "width-max";
+    getClass(map: any): "col-6" | "col-4" | "col-3" | "width-max";
     onFindInStore(id: string): void;
     onBookAppointment(): void;
     isDetails: boolean;

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

@@ -1,5 +1,5 @@
 import { OnDestroy, ElementRef, Renderer2 } from '@angular/core';
-import { ItemVariant, Product } from '../../styles/product.modal';
+import { FilterDef, FilterGroup, ItemVariant, Product } from '../../styles/product.modal';
 import BaseSection from '../../../sections/BaseSection';
 import { ProductListContentModal, ProductListModal, ProductListStylesModal } from './product-list.modal';
 import { EventsService } from '../../../services/events.service';
@@ -20,6 +20,7 @@ interface BaseModel {
     id: string;
     imgUrl: string;
     status: boolean;
+    slug?: string;
 }
 interface RatingFilterOption {
     label: string;
@@ -76,6 +77,24 @@ export declare class ProductListComponent extends BaseSection implements OnDestr
         name: string;
         value: string;
     }[];
+    private readonly SYSTEM_FILTER_IDS;
+    private readonly BUILT_IN_SORTS;
+    customFilterGroups: FilterGroup[];
+    customChoiceSelections: {
+        [identifier: string]: string[];
+    };
+    customRangeSelections: {
+        [identifier: string]: {
+            min: string;
+            max: string;
+        };
+    };
+    customGroupCollapsed: {
+        [key: string]: boolean;
+    };
+    private filterOptionsKey;
+    urlCategorySlugs: string[];
+    urlCollectionSlugs: string[];
     screenWidth: number;
     filterList: any[];
     styles?: ProductListStylesModal;
@@ -113,6 +132,23 @@ export declare class ProductListComponent extends BaseSection implements OnDestr
     raiseLead(): void;
     priceRangeFlag: boolean;
     filterItemList(): void;
+    private get customSearchOptions();
+    private loadFilterOptions;
+    isCustomChoiceSelected(identifier: string, value: string): boolean;
+    toggleCustomChoice(filter: FilterDef, value: string): void;
+    customRange(identifier: string): {
+        min: string;
+        max: string;
+    };
+    setCustomRange(identifier: string, edge: 'min' | 'max', value: string | number | null): void;
+    get selectedCustomChips(): {
+        id: string;
+        name: string;
+        type: string;
+        identifier: string;
+        value?: string;
+    }[];
+    get displayChips(): any[];
     dynamicPriceRange(minPrice: number, maxPrice: number): void;
     selectOption(filter: any, event: MouseEvent): void;
     getSelectedName(): string;
@@ -128,6 +164,11 @@ export declare class ProductListComponent extends BaseSection implements OnDestr
     ngOnInit(): void;
     fetchAnalytics(): void;
     getCategoriesAndCollection(): void;
+    private listsLoaded;
+    private lastListPath;
+    private listPathSubscription?;
+    private currentListPath;
+    private resolveListRouteParams;
     get selectedCategoryCollectionChips(): {
         id: string;
         name: string;

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-12" | "col-6" | "col-6 mb-2" | "col-12 mb-2";
+    getClass(index: number): "col-6" | "col-12" | "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/ecommerce/styles/Collection.modal.d.ts

@@ -4,6 +4,7 @@ export declare class Collection extends BaseCollection {
     collectionName: string;
     featuredCollection: boolean;
     itemIds: string[];
+    slugName: string;
     constructor(json?: {
         [key: string]: any;
     });

package/lib/ecommerce/styles/category.modal.d.ts

@@ -3,6 +3,7 @@ export declare class Category extends BaseCollection {
     categoryId: string;
     categoryName: string;
     featuredCategory: boolean;
+    slugName: string;
     constructor(json?: {
         [key: string]: any;
     });

package/lib/ecommerce/styles/product.modal.d.ts

@@ -38,6 +38,9 @@ export declare class Product {
     tags: string[];
     jewelryPriceBreakup: any;
     configs: any;
+    customFieldValues: {
+        [identifier: string]: any;
+    };
     constructor(json?: {
         [key: string]: any;
     });
@@ -105,10 +108,49 @@ export interface ItemVariant {
     variantImages: ItemImage[];
     itemPacks: ItemPack[];
     properties: any;
+    options?: ItemVariantOption[];
     itemVariantPrice: ItemVariantPrice;
     itemInventory: ItemInventory2;
     itemStatus: string;
 }
+export interface ItemVariantOption {
+    name: string;
+    value: string;
+}
+export interface FilterChoice {
+    value: string;
+    label: string;
+    count: number;
+}
+export interface FilterDef {
+    identifier: string;
+    label: string;
+    type: string;
+    control: 'MULTI_SELECT' | 'SELECT' | 'RANGE' | 'BOOLEAN' | 'LOOKUP' | string;
+    choices: FilterChoice[];
+    min?: number | null;
+    max?: number | null;
+}
+export interface FilterGroup {
+    key: string;
+    label: string;
+    filters: FilterDef[];
+}
+export interface SortOption {
+    key: string;
+    label: string;
+}
+export interface FilterOptions {
+    sorts: SortOption[];
+    groups: FilterGroup[];
+    filters: FilterDef[];
+}
+export interface CustomFieldFilter {
+    identifier: string;
+    values?: string[];
+    min?: string;
+    max?: string;
+}
 export interface ItemPack {
     itemPackId: string;
     packName: string;

package/lib/elements/my-bookings/my-bookings.component.d.ts

@@ -69,6 +69,7 @@ export declare class MyBookingsComponent implements OnInit {
     profTab: 'upcoming' | 'past';
     loading: boolean;
     cancelling: boolean;
+    cancelConfirmOpen: boolean;
     private allBookings;
     upcoming: BookingRow[];
     past: BookingRow[];
@@ -132,6 +133,8 @@ export declare class MyBookingsComponent implements OnInit {
     selectReschTime(time: string): void;
     get reschInvalid(): boolean;
     confirmReschedule(): void;
+    openCancelConfirm(): void;
+    closeCancelConfirm(): void;
     cancelBooking(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MyBookingsComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MyBookingsComponent, "simpo-my-bookings", never, { "data": { "alias": "data"; "required": false; }; }, {}, never, never, true, never>;

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

@@ -32,7 +32,7 @@ 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(): "1" | "0" | "0.7" | "0.5" | "0.6" | "0.8";
+    get getBackgroundOpacity(): "0" | "1" | "0.7" | "0.5" | "0.6" | "0.8";
     opacityValue(value: OverlayValue): "1" | "0.7" | "0.5" | "0.6" | "0.8";
     editSection(): void;
     getScreenSize(): number;

package/lib/sections/footer/footer.component.d.ts

@@ -38,8 +38,8 @@ export declare class FooterComponent extends BaseSection {
     navigateToHome(): void;
     popularSearchedCategories: any[];
     getPopularSearches(): void;
-    redirectToCollection(collectionName: string, categoryName: string): void;
-    redirectToCategory(categoryName: string): void;
+    redirectToCollection(collection: any, category: any): void;
+    redirectToCategory(category: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FooterComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FooterComponent, "simpo-footer", 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/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/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-4" | "col-12" | "col-6" | "col-3";
+    getClass(): "col-6" | "col-4" | "col-3" | "col-12";
     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/rest.service.d.ts

@@ -3,7 +3,7 @@ import { OnDestroy } from '@angular/core';
 import { Observable } from 'rxjs';
 import { Review } from '../ecommerce/styles/review.modal';
 import { DeviceInfo } from '../ecommerce/styles/user.modal';
-import { checkItemAlreadyAdded, syncItemToServerDBRequest } from '../ecommerce/styles/product.modal';
+import { checkItemAlreadyAdded, CustomFieldFilter, FilterOptions, syncItemToServerDBRequest } from '../ecommerce/styles/product.modal';
 import { CookieService } from 'ngx-cookie-service';
 import { StorageLike } from '../services/storage-like';
 import * as i0 from "@angular/core";
@@ -42,7 +42,13 @@ export declare class RestService implements OnDestroy {
     getAllCategories(): Observable<any>;
     getAllCollections(): Observable<any>;
     getAllBrands(): Observable<any>;
-    getFilteredProduct(collectionIds: string[], categoryIds: string[], searchText: string, minPrice: number, maxPrice: number, minRating: number, maxRating: number, sortBy: string, pageNo: number, size: number, brandIds?: string[]): Observable<{
+    getFilterOptions(categoryId?: string | null, collectionId?: string | null, categorySlugName?: string | null, collectionSlugName?: string | null): Observable<FilterOptions>;
+    getFilteredProduct(collectionIds: string[], categoryIds: string[], searchText: string, minPrice: number, maxPrice: number, minRating: number, maxRating: number, sortBy: string, pageNo: number, size: number, brandIds?: string[], extra?: {
+        customFieldFilters?: CustomFieldFilter[];
+        sortDirection?: 'asc' | 'desc';
+        categorySlugName?: string[];
+        collectionSlugName?: string[];
+    }): Observable<{
         count: any;
         minPrice: any;
         maxPrice: any;

package/lib/utils/list-route.util.d.ts

@@ -0,0 +1,21 @@
+interface Sluggable {
+    slugName?: string | null;
+    categoryName?: string | null;
+    collectionName?: string | null;
+    refName?: string | null;
+    name?: string | null;
+}
+export declare function slugFromName(name?: string | null): string;
+export declare function listSlug(item?: Sluggable | string | null): string;
+/** Commands for `router.navigate`, e.g. `['/list', 'mens-wear', 'summer-wear']`. */
+export declare function listPath(target: {
+    category?: Sluggable | string | null;
+    collection?: Sluggable | string | null;
+}): string[];
+/**
+ * Slug segments of a list page pathname, at most `[category, collection]`.
+ * `/list/mens-wear/summer-wear` and a host route that serves the list at the root,
+ * `/mens-wear/summer-wear`, both give `['mens-wear', 'summer-wear']`.
+ */
+export declare function parseListPath(pathname: string): string[];
+export {};

package/package.json

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