simpo-component-library 3.6.110 → 3.6.113

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

@@ -31,7 +31,7 @@ export declare class AddressComponent extends BaseSection implements OnInit, OnC
     constructor(ngZone: NgZone, restService: RestService, matDialog: MatDialog, matBottomsheet: MatBottomSheet, router: Router, storageService: StorageServiceService, _eventService: EventsService, matData: any, matDialogRef: MatDialogRef<AddressComponent>);
     address: AddressDetails;
     isCart: boolean;
-    private editIndex;
+    editIndex: number;
     private latitute;
     private longitute;
     addNewAddress: boolean;

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

@@ -7,6 +7,7 @@ import { ActivatedRoute, Router } from '@angular/router';
 import { MatDialog, MatDialogRef } from '@angular/material/dialog';
 import { RestService } from "../../../services/rest.service";
 import { StorageServiceService } from '../../../services/storage.service';
+import { AddressDetails } from '../../styles/user.modal';
 import { OrderedItems } from '../../styles/OrderedItems.modal';
 import { MessageService } from 'primeng/api';
 import { MatBottomSheet } from '@angular/material/bottom-sheet';
@@ -49,6 +50,7 @@ export declare class CartComponent extends BaseSection implements OnInit, OnDest
     private userDetails;
     private USER_CART_ITEMS;
     selectedAddressIdx: number;
+    defaultAddress?: AddressDetails;
     enteredCouponCode: string;
     couponList: Coupon[];
     cartInfo: any;
@@ -58,6 +60,7 @@ export declare class CartComponent extends BaseSection implements OnInit, OnDest
     ngOnInit(): void;
     ngOnDestroy(): void;
     updateUserCart(): void;
+    getDefaultAddress(): void;
     get stylesLayout(): LayOutModel;
     mergeOrderItems(syncedItems: any[]): void;
     getCouponList(): void;
@@ -83,9 +86,11 @@ export declare class CartComponent extends BaseSection implements OnInit, OnDest
     applyCoupon(coupon: Coupon): void;
     calculateCart(response: any): void;
     getTaxAmount(): number;
-    get getAddressList(): import("../../styles/user.modal").AddressDetails[];
+    get getAddressList(): AddressDetails[];
     get isMobile(): boolean;
     get currency(): string;
+    changeAddress(): void;
+    addAddress(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CartComponent, [null, null, null, null, null, null, null, null, null, { optional: true; }, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CartComponent, "simpo-cart", 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; }; }, {}, never, never, true, never>;
 }

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

@@ -1,3 +1,4 @@
+import { ElementRef, Renderer2 } from '@angular/core';
 import { ProductDescModal, ProductDescStylesModal } from './product-desc.modal';
 import { ItemImage, ItemVariant, Product } from '../../styles/product.modal';
 import { BackgroundModel, ButtonModel } from '../../../styles/style.model';
@@ -25,7 +26,9 @@ export declare class ProductDescComponent extends BaseSection {
     private readonly metaTagService;
     private readonly titleService;
     private readonly bottomSheet;
+    private renderer;
     reviewComponent: CustomerReviewComponent;
+    d2: ElementRef;
     data?: ProductDescModal;
     responseData: Product;
     index?: number;
@@ -42,7 +45,7 @@ export declare class ProductDescComponent extends BaseSection {
     productReview: number;
     totalReview: number;
     showReview: boolean;
-    constructor(platformId: Object, _eventService: EventsService, router: Router, activatedRoute: ActivatedRoute, restService: RestService, cartService: CartService, storageService: StorageServiceService, messageService: MessageService, metaTagService: Meta, titleService: Title, bottomSheet: MatBottomSheet);
+    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);
     buttonId?: string;
     button?: ButtonModel;
     styles?: ProductDescStylesModal;
@@ -63,6 +66,7 @@ export declare class ProductDescComponent extends BaseSection {
     routeToHome(): void;
     screenWidth: any;
     getScreenSize(): void;
+    scroll(e: WheelEvent): void;
     currentImg: any;
     changeImg(url: any): void;
     getKeys(varient: Object): string[];
@@ -93,6 +97,34 @@ export declare class ProductDescComponent extends BaseSection {
     isPriceBreakup: boolean;
     togglePriceBreakDown(): void;
     getDifference(sellingPrice: any, mrp: any): number;
+    getBackgroundColor(type: string): "#FFF4D1" | "#EFE1F4" | "linear-gradient(180deg, #FAFAFA 0%, #FFFFFF 100%)" | "#e2f6ff";
+    getHeaderColor(type: string): "#FDCD33" | "#9D43B8" | "linear-gradient(180deg, #BDBDBD 0%, #E2E2E2 100%)" | "linear-gradient(159deg, rgba(65,105,225,1) 0%, rgba(137,207,240,1) 100%)";
+    getTextColor(color: any): "#ffffff" | "#000000";
+    languages: string[];
+    selectedLang: string;
+    getClass(map: any): "col-4" | "col-6" | "col-3" | "width-max";
+    onFindInStore(): 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;
+    onInputChange(field: any): void;
+    closeModal(): void;
+    getButtonId(index: number): string;
+    getButtonStyle(index: number): import("../../../styles/style.model").ButtonStyleModel | undefined;
     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,6 +1,8 @@
 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;
@@ -16,6 +18,9 @@ export interface ProductDescStylesModal {
     maximumProduct: number;
     direction: "ROW" | "COLUMN";
     devider: DeviderModel;
+    corners: Corners;
+    gridStyle: GRID_STYLE;
+    customization: GRID_STYLE;
 }
 export interface ProductDescContentModal {
     button: string;

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

@@ -31,6 +31,7 @@ export declare class Product {
     availableOnCod: boolean;
     brief: string;
     jewelryPriceBreakup: any;
+    configs: any;
     constructor(json?: {
         [key: string]: any;
     });

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

@@ -30,6 +30,7 @@ export interface AddressDetails {
     zipCode: string;
     addressType: ADDRESS_TYPE | null;
     geolocation: Geolocation;
+    default: boolean;
 }
 export interface Geolocation {
     latitude: number;

package/lib/elements/address-list/address-list.component.d.ts

@@ -0,0 +1,27 @@
+import { MatDialog, MatDialogRef } from '@angular/material/dialog';
+import { AddressDetails } from '../../ecommerce/styles/user.modal';
+import { StorageServiceService } from '../../services/storage.service';
+import { RestService } from '../../services/rest.service';
+import * as i0 from "@angular/core";
+export declare class AddressListComponent {
+    private readonly matDialog;
+    data: any;
+    dialogRef: MatDialogRef<AddressListComponent>;
+    private readonly storageService;
+    private readonly restService;
+    constructor(matDialog: MatDialog, data: any, dialogRef: MatDialogRef<AddressListComponent>, storageService: StorageServiceService, restService: RestService);
+    addressList: any[];
+    defaultAddressIndex: number;
+    defaultAddress: any;
+    selectedAddressIndex: any;
+    isLoading: boolean;
+    deleteLoading: boolean;
+    ngOnInit(): void;
+    addOrEditAddress(editIndex: number, address?: AddressDetails): void;
+    closeDialog(): void;
+    markAddressAsDefault(): void;
+    deleteAddress(index: number): void;
+    updateUserAddress(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AddressListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AddressListComponent, "simpo-address-list", never, {}, {}, never, never, true, never>;
+}

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

@@ -20,7 +20,7 @@ export interface Display extends DisplaySection {
 }
 export interface LogoShowcaseItemModel {
     image: Image;
-    inputText: InputTextModel;
+    inputText: InputTextModel[];
 }
 export interface LogoShowcaseStylesModel extends StylesModel {
     positionLayout: PositionLayoutModal;

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

@@ -88,6 +88,9 @@ export declare class RestService implements OnDestroy {
     getAllComponentCategories(): Observable<Object>;
     getTemplate(): Observable<Object>;
     getImageLibrary(): Observable<Object>;
+    getEcommerceConfigs(): Observable<Object>;
+    postVideoCallDetails(payload: any): Observable<Object>;
+    getStoreLocatorDetails(pincode: any): Observable<Object>;
     saveImagesToBusinessLibrary(mediaRequest: any): Observable<Object>;
     regenerateText(request: any): Observable<Object>;
     getFieldsToDisplay(fieldsList: any[]): any;

package/package.json

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

package/src/lib/styles/global-styles.css

@@ -1,204 +1,223 @@
-:root {
-  --primary-font-family: 'mulish';
-  --primary-bg-color: linear-gradient(345deg, #230860 0%, #00b6ff 100%);
-  --primary-color: white;
-}
-
-.add-section {
-  position: absolute !important;
-  width: 40%;
-  top: 0;
-  left: 0 !important;
-  height: 100vh;
-  background-color: transparent !important;
-  box-shadow: none !important;
-  animation: slideInLeft 0.5s ease-in-out forwards;
-}
-
-.add-section.closing {
-  animation: slideOutLeft 0.5 s ease-in-out forwards;
-}
-
-@keyframes slideInLeft {
-  from {
-    transform: translateX(-100%);
-    opacity: 0;
-  }
-
-  to {
-    transform: translateX(0);
-    opacity: 1;
-  }
-}
-
-@keyframes slideOutLeft {
-  from {
-    transform: translateX(0);
-    opacity: 1;
-  }
-
-  to {
-    transform: translateX(-100%);
-    /* Close to the left side */
-    opacity: 0;
-  }
-}
-
-
-@media screen and (min-width: 1280px) {
-  .content-side {
-    h1 {
-      font-size: 72px !important;
-      line-height: 80px !important;
-    }
-
-    h2 {
-      font-size: 48px !important;
-      line-height: 56px !important;
-    }
-
-    h3 {
-      font-size: 32px !important;
-      line-height: 40px !important;
-    }
-
-    h4 {
-      font-size: 24px !important;
-      line-height: 36px !important;
-    }
-
-    h5 {
-      font-size: 18px !important;
-      line-height: 28px !important;
-    }
-
-    p {
-      font-size: 16px !important;
-      line-height: 21px !important;
-    }
-  }
-
-}
-
-@media screen and (min-width: 768px) {
-  .content-side {
-    h1 {
-      font-size: 46px;
-      line-height: 54px;
-    }
-
-    h2 {
-      font-size: 35px;
-      line-height: 42px;
-    }
-
-    h3 {
-      font-size: 28px;
-      line-height: 36px;
-    }
-
-    h4 {
-      font-size: 18px;
-      line-height: 26px;
-    }
-
-    h5 {
-      font-size: 16px;
-      line-height: 24px;
-    }
-
-    p {
-      font-size: 14px;
-      line-height: 21px;
-    }
-  }
-
-}
-
-.content-side {
-  h1 {
-    font-size: 36px;
-    line-height: 42px;
-  }
-
-  h2 {
-    font-size: 30px;
-    line-height: 36px;
-  }
-
-  h3 {
-    font-size: 24px;
-    line-height: 32px;
-  }
-
-  h4 {
-    font-size: 18px;
-    line-height: 26px;
-  }
-
-  h5 {
-    font-size: 16px;
-    line-height: 24px;
-  }
-
-  p {
-    font-size: 14px;
-    line-height: 21px;
-  }
-}
-
-.link-editor {
-  height: 100vh;
-  width: 28vw;
-  position: absolute !important;
-  top: 0;
-  left: 0 !important;
-  animation: slideInLeft 0.5s ease-in-out forwards;
-}
-
-@media screen and (max-width : 475px) {
-  .link-editor {
-    width: 100% !important;
-  }
-
-  .link-editor {
-    width: 100% !important;
-    max-width: 100% !important;
-  }
-
-  .media-selector {
-    width: 100% !important;
-    max-width: 100% !important;
-  }
-
-  .add-section{
-    width: 100% !important;
-    max-width: 100% !important;
-  }
-
-}
-
-.mat-mdc-form-field-subscript-wrapper {
-  display: none;
-}
-
-.media-selector {
-  position: absolute !important;
-  top: 0 !important;
-  left: 0 !important;
-  width: 60%;
-  height: 100vh;
-  animation: slideInLeft 0.5s ease-in-out forwards;
-}
-
-.appointment-form{
-  @media only screen and (max-width: 500px){
-    margin: auto !important;
-    height: 65vh !important;
-    width: 95vw !important;
-  }
-}
-
-.hover-effect:hover {
-  box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
-}
+:root {
+  --primary-font-family: 'mulish';
+  --primary-bg-color: linear-gradient(345deg, #230860 0%, #00b6ff 100%);
+  --primary-color: white;
+}
+
+.add-section {
+  position: absolute !important;
+  width: 40%;
+  top: 0;
+  left: 0 !important;
+  height: 100vh;
+  background-color: transparent !important;
+  box-shadow: none !important;
+  animation: slideInLeft 0.5s ease-in-out forwards;
+}
+
+.add-section.closing {
+  animation: slideOutLeft 0.5 s ease-in-out forwards;
+}
+
+@keyframes slideInLeft {
+  from {
+    transform: translateX(-100%);
+    opacity: 0;
+  }
+
+  to {
+    transform: translateX(0);
+    opacity: 1;
+  }
+}
+
+@keyframes slideOutLeft {
+  from {
+    transform: translateX(0);
+    opacity: 1;
+  }
+
+  to {
+    transform: translateX(-100%);
+    /* Close to the left side */
+    opacity: 0;
+  }
+}
+
+
+@media screen and (min-width: 1280px) {
+  .content-side {
+    h1 {
+      font-size: 72px !important;
+      line-height: 80px !important;
+    }
+
+    h2 {
+      font-size: 48px !important;
+      line-height: 56px !important;
+    }
+
+    h3 {
+      font-size: 32px !important;
+      line-height: 40px !important;
+    }
+
+    h4 {
+      font-size: 24px !important;
+      line-height: 36px !important;
+    }
+
+    h5 {
+      font-size: 18px !important;
+      line-height: 28px !important;
+    }
+
+    p {
+      font-size: 16px !important;
+      line-height: 21px !important;
+    }
+  }
+
+}
+
+@media screen and (min-width: 768px) {
+  .content-side {
+    h1 {
+      font-size: 46px;
+      line-height: 54px;
+    }
+
+    h2 {
+      font-size: 35px;
+      line-height: 42px;
+    }
+
+    h3 {
+      font-size: 28px;
+      line-height: 36px;
+    }
+
+    h4 {
+      font-size: 18px;
+      line-height: 26px;
+    }
+
+    h5 {
+      font-size: 16px;
+      line-height: 24px;
+    }
+
+    p {
+      font-size: 14px;
+      line-height: 21px;
+    }
+  }
+
+}
+
+.content-side {
+  h1 {
+    font-size: 36px;
+    line-height: 42px;
+  }
+
+  h2 {
+    font-size: 30px;
+    line-height: 36px;
+  }
+
+  h3 {
+    font-size: 24px;
+    line-height: 32px;
+  }
+
+  h4 {
+    font-size: 18px;
+    line-height: 26px;
+  }
+
+  h5 {
+    font-size: 16px;
+    line-height: 24px;
+  }
+
+  p {
+    font-size: 14px;
+    line-height: 21px;
+  }
+}
+
+.link-editor {
+  height: 100vh;
+  width: 28vw;
+  position: absolute !important;
+  top: 0;
+  left: 0 !important;
+  animation: slideInLeft 0.5s ease-in-out forwards;
+}
+
+@media screen and (max-width : 475px) {
+  .link-editor {
+    width: 100% !important;
+  }
+
+  .link-editor {
+    width: 100% !important;
+    max-width: 100% !important;
+  }
+
+  .sidepanel-class {
+    max-width: 100vw !important;
+  }
+
+  .address-class {
+    width: 100vw;
+  }
+
+  .media-selector {
+    width: 100% !important;
+    max-width: 100% !important;
+  }
+
+  .add-section {
+    width: 100% !important;
+    max-width: 100% !important;
+  }
+
+}
+
+.mat-mdc-form-field-subscript-wrapper {
+  display: none;
+}
+
+.media-selector {
+  position: absolute !important;
+  top: 0 !important;
+  left: 0 !important;
+  width: 60%;
+  height: 100vh;
+  animation: slideInLeft 0.5s ease-in-out forwards;
+}
+
+.appointment-form {
+  @media only screen and (max-width: 500px) {
+    margin: auto !important;
+    height: 65vh !important;
+    width: 95vw !important;
+  }
+}
+
+.hover-effect:hover {
+  box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
+}
+
+.address-class {
+  width: 100vw;
+}
+
+.sidepanel-class {
+  position: absolute !important;
+  right: 0px;
+  top: 0px;
+  height: 100vh;
+}