simpo-component-library 3.6.802 → 3.6.804

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(): "#FFF" | "#000";
+    get getTextColor(): "#000" | "#FFF";
     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

@@ -27,12 +27,16 @@ export declare class AuthenticationRequiredComponent extends BaseSection {
     styles?: AuthenticationStylesModel;
     button?: ButtonModel;
     buttonId: string;
-    currentPage: 'LOGIN' | 'SIGNUP' | 'FORGOT_PASSWORD';
+    authScreen: 'PHONE' | 'OTP' | 'REGISTER' | 'PASSWORD';
     private mobileTimer;
     email: string;
     mobile: string;
+    phoneNumber: string;
     otp: string;
     otpControls: FormArray<FormControl<string | null>>;
+    resendCountdown: number;
+    private resendInterval;
+    isExistingUser: boolean;
     password: string;
     confPassword: string;
     userName: string;
@@ -51,9 +55,22 @@ export declare class AuthenticationRequiredComponent extends BaseSection {
     proceedToEnrollment: boolean;
     tryAtHome: boolean;
     navigateToSchemeDetails: boolean;
+    currentPage: string;
     inputs: QueryList<ElementRef>;
     ngOnInit(): void;
     ngAfterViewInit(): void;
+    /** Sets --accent-rgb CSS variable so animated circles match the user's brand color */
+    private setAccentRgbVar;
+    get canGoBack(): boolean;
+    goBack(): void;
+    closeAuth(): void;
+    formatCountdown(secs: number): string;
+    startResendTimer(seconds?: number): void;
+    sendOTP(): void;
+    resendOTPNew(): void;
+    verifyOTPNew(): void;
+    registerUser(): void;
+    loginWithPassword(): void;
     onInput(index: number): void;
     onKeyDown(event: KeyboardEvent, index: number): void;
     getGradientDirection(direction: string | undefined): string;
@@ -62,13 +79,8 @@ export declare class AuthenticationRequiredComponent extends BaseSection {
     getFormOtp(): string;
     loginType: "PASSWORD" | "OTP";
     generateOtp: boolean;
-    loginAuthentication(loginType: "PASSWORD" | "OTP"): void;
     generatedOtp: any;
     oneTimePassword: string;
-    otpPayload: any;
-    getOTP(): void;
-    regenerateOtp(payload: any): void;
-    resendOtp(): void;
     close(): void;
     login(): void;
     endUserRefferalDetails(userId: any, referralUniqueId: any): void;

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

@@ -119,7 +119,7 @@ export declare class ProductDescComponent extends BaseSection {
     getTextColor(color: any): "#000000" | "#ffffff";
     languages: string[];
     selectedLang: string;
-    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/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" | "99px" | "7px";
+    setBorderRadius(): "0px" | "7px" | "99px";
     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-4" | "col-12" | "col-5";
+    getClass(): "col-12" | "col-4" | "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/sections/banner-carousel/banner-carousel.component.d.ts

@@ -33,8 +33,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(): "1" | "0" | "0.7" | "0.5" | "0.6" | "0.8";
-    opacityValue(value: OverlayValue): "1" | "0.7" | "0.5" | "0.6" | "0.8";
+    get getBackgroundOpacity(): "0.5" | "0.7" | "0" | "0.6" | "0.8" | "1";
+    opacityValue(value: OverlayValue): "0.5" | "0.7" | "0.6" | "0.8" | "1";
     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.7" | "0.5" | "0.3" | "0.2";
+    opacityValue(value: OverlayValue): "0.2" | "0.3" | "0.5" | "0.7" | "0";
     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/features-section/features-section.component.d.ts

@@ -24,6 +24,7 @@ export declare class FeaturesSectionComponent extends BaseSection implements OnI
     currentData?: FeatureItemModel;
     changetab(index: number): void;
     editSection(): void;
+    getJustify(): "center" | "flex-start" | "flex-end";
     static ɵfac: i0.ɵɵFactoryDeclaration<FeaturesSectionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FeaturesSectionComponent, "simpo-features-section", never, { "data": { "alias": "data"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; "index": { "alias": "index"; "required": false; }; "nextComponentColor": { "alias": "nextComponentColor"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -32,6 +32,7 @@ export interface HeaderStyleModel {
     background: BackgroundModel;
     sticky?: boolean;
     navigationStyle: HeaderButtonStyle;
+    shrinkOnScroll?: boolean;
     navbarButtonStyle: HeaderButtonStyleModel;
     styling: Header_Type;
     theme: ProductCardTheme;

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(): "1" | "0.7" | "0.5" | "0.3" | "0.2";
+    get getBackgroundOpacity(): "0.2" | "0.3" | "0.5" | "0.7" | "1";
     get stylesLayout(): LayOutModel;
-    opacityValue(value: OverlayValue): "1" | "0.7" | "0.5" | "0.3" | "0.2";
+    opacityValue(value: OverlayValue): "0.2" | "0.3" | "0.5" | "0.7" | "1";
     editSection(): void;
     redirectTo(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ImageSectionComponent, never>;

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

@@ -23,8 +23,8 @@ export declare class LogoShowcaseComponent extends BaseSection implements OnInit
     constructor(_eventService: EventsService);
     ngOnInit(): void;
     get stylesLayout(): LayOutModel;
-    get animationDuration(): "3s" | "4s" | logoSpeed.Normal | "6s" | "5s";
-    get animationDirection(): logoDirection.Left | "reverse" | "normal";
+    get animationDuration(): "3s" | "18s" | "6s" | "5s" | "4s" | logoSpeed.Normal;
+    get animationDirection(): "reverse" | "normal" | logoDirection.Left;
     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-4" | "col-12" | "col-6" | "col-3";
+    getClass(): "col-12" | "col-6" | "col-4" | "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/sections/video-carousel-section/video-carousel-section.component.d.ts

@@ -0,0 +1,34 @@
+import { OnInit } from '@angular/core';
+import { VideoCarouselSection, VideoCarouselSectionContentModel, VideoCarouselSectionStylesModel } from './video-carousel.model';
+import { EventsService } from './../../services/events.service';
+import BaseSection from '../BaseSection';
+import { SPACING } from '../../styles/index';
+import { BackgroundModel, LayOutModel, SpacingModel } from '../../styles/style.model';
+import * as i0 from "@angular/core";
+export declare class VideoCarouselSectionComponent extends BaseSection implements OnInit {
+    private _eventService;
+    data?: VideoCarouselSection;
+    index?: number;
+    customClass?: string;
+    nextComponentColor?: BackgroundModel;
+    content?: VideoCarouselSectionContentModel;
+    style?: VideoCarouselSectionStylesModel;
+    edit?: boolean;
+    delete?: boolean;
+    constructor(_eventService: EventsService);
+    activeIndex: number;
+    primaryVideoUrl: string;
+    secondaryVideoUrl: string;
+    isPrimaryActive: boolean;
+    ngOnInit(): void;
+    screenWidth: number;
+    getScreenSize(event?: number): void;
+    get stylesLayout(): LayOutModel;
+    get spacingLayout(): SpacingModel;
+    setVideo(index: number): void;
+    get activeVideo(): import("../../styles/style.model").Video | undefined;
+    get headingSpace(): SPACING;
+    editSection(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VideoCarouselSectionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VideoCarouselSectionComponent, "simpo-video-carousel-section", never, { "data": { "alias": "data"; "required": false; }; "index": { "alias": "index"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "nextComponentColor": { "alias": "nextComponentColor"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/sections/video-carousel-section/video-carousel.model.d.ts

@@ -0,0 +1,24 @@
+import { Corners } from './../../styles/index';
+import { InputTextModel, ListItemModal, StylesModel, Video, VideoStyle } from './../../styles/style.model';
+import { CARD_SIZE } from './../../styles/types';
+export interface VideoCarouselSection {
+    id: string;
+    sectionType: string;
+    sectionName: string;
+    content: VideoCarouselSectionContentModel;
+    styles: VideoCarouselSectionStylesModel;
+}
+export interface VideoCarouselSectionContentModel {
+    inputText: [InputTextModel];
+    listItem: ListItemModal<VideoCarouselItemModel>;
+}
+export interface VideoCarouselItemModel {
+    video: Video;
+}
+export interface VideoCarouselSectionStylesModel extends StylesModel {
+    corners: Corners;
+    video: VideoStyle;
+    removeGaps: boolean;
+    fullWidth: boolean;
+    size: CARD_SIZE;
+}

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

@@ -141,6 +141,14 @@ export declare class RestService implements OnDestroy {
     createLead(payload: any): Observable<Object>;
     getAppointmentPaymentStatus(orderId: any): Observable<Object>;
     getOtpForLogin(payload: any): Observable<Object>;
+    /** New OTP API: PUT /ecommerce/user/auth/send-otp
+     *  Body: { identifier, businessId }
+     *  Response: { data: { isExistingUser: boolean, message: string } }
+     */
+    sendOtpV2(identifier: string, businessId: string): Observable<Object>;
+    verifyOtpV2(payload: any): Observable<Object>;
+    completeSignupV2(payload: any): Observable<Object>;
+    loginWithPasswordNew(payload: any): Observable<Object>;
     flush(eventsToSend: any): void;
     getPopularSearches(): Observable<Object>;
     static ɵfac: i0.ɵɵFactoryDeclaration<RestService, never>;

package/lib/styles/index.d.ts

@@ -29,6 +29,7 @@ export declare enum BANNERALIGNMENT {
     bottom = "flex-column-reverse"
 }
 export declare enum SPACINGALIGN {
+    extraLarge = "10rem",
     large = "8rem",
     medium = "6rem",
     small = "2rem",
@@ -146,6 +147,7 @@ export declare enum showCaseType {
     Grid = "Grid"
 }
 export declare enum logoSpeed {
+    VerySlow = "8s",
     Slow = "4s",
     Normal = "3s",
     Fast = "2s",

package/lib/styles/types.d.ts

@@ -1,4 +1,4 @@
-export type SPACING_TYPE = 'none' | 'small' | 'medium' | 'large' | 'remove';
+export type SPACING_TYPE = 'none' | 'small' | 'medium' | 'large' | 'remove' | 'extra-large';
 export type CONTENT_ANIMATION = 'hover' | 'grow-shadow' | 'pop-bounce' | 'hover-pop' | 'slide-in-left' | 'none';
 export type ALIGN = 'left' | 'center' | 'right';
 export type LAYOUTPOSITION = 'left' | 'right' | 'top' | 'bottom';

package/package.json

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

package/public-api.d.ts

@@ -11,6 +11,7 @@ export * from './lib/sections/testimonial-section/testimonial-section.component'
 export * from './lib/sections/text-image-section/text-image-section.component';
 export * from './lib/sections/video-section/video-section.component';
 export * from './lib/sections/navbar-section/navbar-section.component';
+export * from './lib/sections/video-carousel-section/video-carousel-section.component';
 export * from './lib/sections/add-new-section/add-new-section.component';
 export * from './lib/sections/contact-us/contact-us.component';
 export * from './lib/sections/skeleton-loader-section/skeleton-loader-section.component';