ng-easycommerce 0.0.655-beta.1 → 0.0.655

package/lib/ec-component/footer-ec/footer-ec.component.d.ts

@@ -4,10 +4,18 @@ import { Constants } from '../../core.consts';
 import { Menu } from '../../interfaces/navbar-items';
 import { OptionsService } from '../../services/options.service';
 import { ParametersService } from '../../services/parameters.service';
+import { Observable } from 'rxjs';
+import { FooterColumnView, FooterExtrasView } from '../../interfaces/footer.types';
+import { toHref, toText } from '../../services/footer/footer.adapters';
+import { FooterService } from '../../services/footer/footer.service';
+import { Router } from '@angular/router';
 export declare class FooterEcComponent extends ComponentHelper implements OnInit {
     protected optionsService: OptionsService;
     paramsService: ParametersService;
     protected consts: Constants;
+    private footerService;
+    router: Router;
+    private platformId;
     menuItemsCategories: Menu[];
     menuItemsSections: Menu[];
     menuItemsAttributes: Menu[];
@@ -16,8 +24,15 @@ export declare class FooterEcComponent extends ComponentHelper implements OnInit
     attributes: any[];
     mediaUrl: string;
     params: any;
-    constructor(optionsService: OptionsService, paramsService: ParametersService, consts: Constants);
+    /** Columns provenientes del endpoint */
+    columns$: Observable<FooterColumnView[]>;
+    extras$: Observable<FooterExtrasView | {}>;
+    private deviceSub?;
+    toHref: typeof toHref;
+    toText: typeof toText;
+    constructor(optionsService: OptionsService, paramsService: ParametersService, consts: Constants, footerService: FooterService, router: Router, platformId: Object);
     ngOnInit(): void;
+    private getDevice;
     protected updateCategories: (categories: any) => void;
     protected updateAttributes: (attributes: any) => void;
     protected updateMenuItem: (elements: any) => void;
@@ -27,4 +42,46 @@ export declare class FooterEcComponent extends ComponentHelper implements OnInit
     ecUpdateMenuItemSection: (menuItems: any) => any;
     ecUpdateMenuItemCategories: (menuItems: any) => any;
     ecUpdateMenuItemAttributes: (menuItems: any) => any;
+    isImageUrl(v?: string): boolean;
+    absOrMedia(v: string): string;
+    paramValue(it: any): string;
+    paramImagePath(it: any): string;
+    isImageParam(it: any): boolean;
+    sectionPages(item: any): {
+        code: string;
+        slug: string;
+        name: string;
+        enabled: boolean;
+    }[];
+    sectionHasPages(item: any): boolean;
+    sectionPageText(page: {
+        name: string | null;
+        code: string | null;
+    }): string;
+    sectionPageHref(page: {
+        code: string | null;
+    }): string;
+    logoUrl(extras: any): string;
+    legalHtml(extras: any): string;
+    fiscalQrUrl(extras: any): string;
+    whatsappFloating(extras: any): {
+        enabled: boolean;
+        url: string;
+        imageUrl: string;
+    };
+    styleFor(it: any): {
+        'font-weight': number;
+        'font-style': string;
+        'text-decoration': string;
+        'font-size.px': any;
+    };
+    isInternalUrl(url?: string): boolean;
+    makeAbsolute(url: string): string;
+    openLink(ev: MouseEvent, url: string | null | undefined, target: 'same_tab' | 'new_tab' | 'new_window'): void;
+    trackById: (_: number, it: {
+        id?: number;
+    }) => number;
+    trackByPos: (_: number, it: {
+        position?: number;
+    }) => number;
 }

package/lib/interfaces/footer.types.d.ts

@@ -0,0 +1,96 @@
+export declare type DisplayMode = 'both' | 'desktop' | 'mobile';
+export declare type FooterItemType = 'url' | 'section' | 'category' | 'parameter' | 'text';
+export declare type LinkTarget = 'same_tab' | 'new_tab' | 'new_window';
+export interface FooterView {
+    channel: string;
+    footer: {
+        id: number;
+        name: string;
+        displayMode: DisplayMode;
+    };
+    columns: FooterColumnView[];
+    extras?: FooterExtrasView | null;
+    generated_at: string;
+}
+export interface FooterExtrasView {
+    logo?: {
+        image?: {
+            path: string;
+            alt?: string | null;
+        };
+    } | null;
+    legal?: {
+        html: string;
+    } | null;
+    fiscalQr?: {
+        image?: {
+            path: string;
+            alt?: string | null;
+        };
+    } | null;
+    whatsappFloating?: {
+        url?: string | null;
+        image?: {
+            path: string;
+            alt?: string | null;
+        } | null;
+        enabled?: boolean;
+    } | null;
+}
+export interface FooterColumnView {
+    id: number;
+    name: string | null;
+    position: number;
+    items: FooterItemView[];
+}
+export interface FooterItemView {
+    id: number;
+    type: FooterItemType;
+    label: string | null;
+    style: {
+        bold: boolean;
+        italic: boolean;
+        underline: boolean;
+        fontSize: number | null;
+    };
+    target: LinkTarget;
+    position: number;
+    link: FooterItemLink;
+}
+export declare type FooterItemLink = {
+    type: 'url';
+    url: string;
+} | {
+    type: 'section';
+    section: {
+        id: number;
+        code: string;
+        name: string | null;
+    } | null;
+    /** NUEVO: contenido mínimo de la sección que enviamos desde backend */
+    content?: {
+        pages: Array<{
+            code: string | null;
+            slug: string | null;
+            name: string | null;
+            enabled: boolean | null;
+        }>;
+    } | null;
+} | {
+    type: 'category';
+    category: {
+        id: number;
+        code: string | null;
+        slug: string | null;
+        name: string | null;
+    } | null;
+} | {
+    type: 'parameter';
+    parameter: {
+        id: number;
+        code: string | null;
+        value: string | null;
+    } | null;
+} | {
+    type: 'text';
+};

package/lib/services/footer/footer.adapters.d.ts

@@ -0,0 +1,24 @@
+import { FooterItemView } from "../../interfaces/footer.types";
+export declare function toHref(item: FooterItemView): string;
+export declare function toText(item: FooterItemView): string;
+/** Devuelve el array de páginas de una sección (puede ser []). */
+export declare function getSectionPages(item: FooterItemView): {
+    code: string;
+    slug: string;
+    name: string;
+    enabled: boolean;
+}[];
+/** Helper para saber si una sección trae al menos una página habilitada (o cualquiera si no validás enabled). */
+export declare function hasSectionPages(item: FooterItemView, onlyEnabled?: boolean): boolean;
+/**
+ * Arma el href de UNA página de sección.
+ * @param item FooterItemView de tipo 'section'
+ * @param pageCode code de la página (obligatorio)
+ * @param sectionsBase base que te da consts.getSectionsRoute(), ej: 'section/' o '/section/'
+ */
+export declare function toSectionPageHref(item: FooterItemView, pageCode: string | null | undefined, sectionsBase: string): string;
+/** Texto a mostrar para la página (fallback name -> code). */
+export declare function toSectionPageText(page: {
+    name: string | null;
+    code: string | null;
+}): string;

package/lib/services/footer/footer.pick.d.ts

@@ -0,0 +1,3 @@
+import { FooterView } from "../../interfaces/footer.types";
+export declare type DeviceKind = 'desktop' | 'mobile';
+export declare function pickFooterForDevice(footers: FooterView[], device: DeviceKind): FooterView | null;

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

@@ -0,0 +1,28 @@
+import { ConnectionService } from '../../api/connection.service';
+import { Constants } from '../../core.consts';
+import 'rxjs/add/operator/catch';
+import { FooterColumnView, FooterExtrasView } from '../../interfaces/footer.types';
+export declare class FooterService {
+    private conn;
+    private consts;
+    private columnsSubject;
+    columns$: import("rxjs").Observable<FooterColumnView[]>;
+    private extrasSubject;
+    extras$: import("rxjs").Observable<FooterExtrasView>;
+    private cachedList;
+    private currentDevice;
+    private loaded;
+    constructor(conn: ConnectionService, consts: Constants);
+    footerApi: () => string;
+    load(device?: 'desktop' | 'mobile'): void;
+    /** Carga UNA SOLA VEZ y cachea todo. Luego aplica según device actual. */
+    loadOnce(initialDevice?: 'desktop' | 'mobile'): void;
+    /** Cambia el device y re-arma columnas/extras desde el cache (sin API). */
+    setDevice(device: 'desktop' | 'mobile'): void;
+    /** Recalcula columns/extras para el currentDevice usando el cache. */
+    private applyDevice;
+    private byPos;
+    private getDeviceByWidth;
+    private isMobile;
+    prefetch(device?: 'desktop' | 'mobile'): Promise<void>;
+}