ctt-babylon 0.11.4 → 0.11.6

package/fesm2022/ctt-babylon.mjs

@@ -1,7 +1,7 @@
 import * as i1$1 from '@angular/common';
 import { isPlatformBrowser, CommonModule, DOCUMENT, NgClass } from '@angular/common';
 import * as i0 from '@angular/core';
-import { InjectionToken, EventEmitter, inject, PLATFORM_ID, NgZone, HostListener, Output, Input, Directive, ChangeDetectionStrategy, Component, Inject, signal, Injectable, computed, Renderer2, effect, Pipe, ViewChild, ViewEncapsulation, HostBinding, ViewChildren, booleanAttribute, ChangeDetectorRef, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { InjectionToken, EventEmitter, inject, PLATFORM_ID, NgZone, HostListener, Output, Input, Directive, ChangeDetectionStrategy, Component, Inject, signal, Injectable, computed, Renderer2, effect, Pipe, afterNextRender, ViewChild, ViewEncapsulation, HostBinding, ViewChildren, booleanAttribute, ChangeDetectorRef, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import * as i1 from '@angular/router';
 import { RouterModule, NavigationEnd } from '@angular/router';
 import { Observable, timer, map, filter, take, timeout, defer, of, switchMap, catchError, forkJoin, tap, takeWhile, fromEvent, debounceTime, distinctUntilChanged, startWith, Subject, takeUntil, BehaviorSubject } from 'rxjs';
@@ -4355,6 +4355,40 @@ class MapperService {
         };
     }
     mapStaticFooter(props) {
+        // Funcion temporal hasta que el back devuelva la lista de hoteles
+        const dynamicHotelsAdresses = () => {
+            const addressesMap = {};
+            if (!props?.texts)
+                return;
+            Object.keys(props.texts).forEach((key) => {
+                if (key.startsWith('addresslist')) {
+                    const match = key.match(/addresslist(\d+)(.*)/);
+                    if (match) {
+                        const index = match[1];
+                        const field = match[2];
+                        if (!addressesMap[index]) {
+                            addressesMap[index] = {
+                                id: parseInt(index, 10).toString(),
+                            };
+                        }
+                        const value = props.texts[key];
+                        switch (field) {
+                            case 'Title':
+                                addressesMap[index].name = value;
+                                break;
+                            case 'Address':
+                                addressesMap[index].address = value;
+                                addressesMap[index].full_address = value;
+                                break;
+                            case 'Telf':
+                                addressesMap[index].phone = value;
+                                break;
+                        }
+                    }
+                }
+            });
+            return Object.values(addressesMap);
+        };
         return {
             title: typeof props?.texts?.title === 'string'
                 ? props?.texts?.title
@@ -4402,7 +4436,8 @@ class MapperService {
                     full_address: address.fullAddress,
                 }))
                 : [],
-            addressHotels: Array.isArray(props?.addressHotels)
+            addressHotels: Array.isArray(props?.addressHotels) &&
+                props.addressHotels.length > 0
                 ? props.addressHotels.map((address) => ({
                     id: address.id,
                     name: address.name,
@@ -4416,7 +4451,12 @@ class MapperService {
                     email: address.email,
                     full_address: address.fullAddress,
                 }))
-                : undefined,
+                : (() => {
+                    const dynamicAddresses = dynamicHotelsAdresses();
+                    return dynamicAddresses && dynamicAddresses.length > 0
+                        ? dynamicAddresses
+                        : undefined;
+                })(),
             socialMedia: props?.socialMedia?.map((link) => ({
                 icon: `babylon-${link.name?.toLowerCase()}`,
                 url: link.url,
@@ -6032,16 +6072,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Input
             }] } });
 
+let widgetScriptPromise = null;
+function loadOnce(src) {
+    if (widgetScriptPromise)
+        return widgetScriptPromise;
+    widgetScriptPromise = new Promise((resolve, reject) => {
+        // Si ya existe, resolvemos
+        if (window.WidgetSearch || window.initializeWidgetSearch) {
+            resolve();
+            return;
+        }
+        const s = document.createElement('script');
+        s.src = src;
+        s.async = true;
+        s.onload = () => resolve();
+        s.onerror = () => reject(new Error('No se pudo cargar el script del widget'));
+        document.head.appendChild(s);
+    });
+    return widgetScriptPromise;
+}
 class BabylonBookingWidgetComponent {
     constructor(platformId, zone) {
-        this.platformId = platformId;
         this.zone = zone;
-        // Base
         this.widgetId = 'widget-search';
-        this.hotelId = 'default';
+        this.hotelId = 'alecad';
         this.type = 'chain';
         this.theme = 'light';
-        // Extra config (con defaults)
         this.currency = 'EUR';
         this.locale = 'es-ES';
         this.layout = 'inline';
@@ -6052,63 +6108,96 @@ class BabylonBookingWidgetComponent {
         this.showPromoCode = true;
         this.showChildAges = true;
         this.maxChildren = 2;
-        /**
-         * Por si algún día quieres sobreescribir todo de golpe desde CMS:
-         * <lib-babylon-booking-widget [configOverride]="{ currency:'USD', showPrice:true }" />
-         */
-        this.configOverride = {};
-        this.initialized = false;
-    }
-    ngAfterViewInit() {
-        if (!isPlatformBrowser(this.platformId))
+        this.mounted = false;
+        if (!isPlatformBrowser(platformId))
             return;
-        if (this.initialized)
-            return;
-        requestAnimationFrame(() => this.initWidget());
+        afterNextRender(() => {
+            this.zone.runOutsideAngular(async () => {
+                if (this.mounted)
+                    return;
+                // ⬇️ PON AQUÍ la URL real del script de Witbooking
+                await loadOnce('https://widget-engine.b-cdn.net/widget.min.js');
+                this.mount();
+            });
+        });
     }
-    initWidget() {
-        const WidgetSearch = window.WidgetSearch;
-        if (!WidgetSearch)
+    mount() {
+        if (this.mounted)
             return;
+        this.mounted = true;
         const el = this.widgetContainer.nativeElement;
-        const config = {
-            bookId: this.hotelId,
-            type: this.type,
-            theme: this.theme,
-            currency: this.currency,
-            locale: this.locale,
-            layout: this.layout,
-            defaultAdults: this.defaultAdults,
-            defaultChildren: this.defaultChildren,
-            showPrice: this.showPrice,
-            showHotelSelector: this.showHotelSelector,
-            showPromoCode: this.showPromoCode,
-            showChildAges: this.showChildAges,
-            maxChildren: this.maxChildren,
-            baseUrl: this.baseUrl,
-            urlChain: this.urlChain,
-            urlHotel: this.urlHotel,
-            buttonText: this.buttonText,
-            ...this.configOverride, // al final para que pise defaults
-        };
-        this.zone.runOutsideAngular(() => {
-            this.initialized = true;
-            new WidgetSearch(el, config);
-        });
-    }
-    ngOnDestroy() {
-        this.initialized = false;
+        // Opción A (si existe): init global manual :contentReference[oaicite:1]{index=1}
+        if (window.initializeWidgetSearch) {
+            window.initializeWidgetSearch();
+            return;
+        }
+        // Opción B: constructor :contentReference[oaicite:2]{index=2}
+        if (window.WidgetSearch) {
+            // Si tu WidgetSearch acepta (el, config), aquí puedes pasar config.
+            new window.WidgetSearch(el, {});
+        }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonBookingWidgetComponent, deps: [{ token: PLATFORM_ID }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonBookingWidgetComponent, isStandalone: true, selector: "lib-babylon-booking-widget", inputs: { widgetId: "widgetId", hotelId: "hotelId", type: "type", theme: "theme", currency: "currency", locale: "locale", layout: "layout", defaultAdults: "defaultAdults", defaultChildren: "defaultChildren", showPrice: "showPrice", showHotelSelector: "showHotelSelector", showPromoCode: "showPromoCode", showChildAges: "showChildAges", maxChildren: "maxChildren", baseUrl: "baseUrl", urlChain: "urlChain", urlHotel: "urlHotel", buttonText: "buttonText", configOverride: "configOverride" }, viewQueries: [{ propertyName: "widgetContainer", first: true, predicate: ["widgetContainer"], descendants: true, static: true }], ngImport: i0, template: `<div #widgetContainer [id]="widgetId"></div>`, isInline: true, styles: [""] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonBookingWidgetComponent, isStandalone: true, selector: "lib-babylon-booking-widget", inputs: { widgetId: "widgetId", hotelId: "hotelId", type: "type", theme: "theme", currency: "currency", locale: "locale", layout: "layout", defaultAdults: "defaultAdults", defaultChildren: "defaultChildren", showPrice: "showPrice", showHotelSelector: "showHotelSelector", showPromoCode: "showPromoCode", showChildAges: "showChildAges", maxChildren: "maxChildren", baseUrl: "baseUrl", urlChain: "urlChain", urlHotel: "urlHotel", buttonText: "buttonText" }, viewQueries: [{ propertyName: "widgetContainer", first: true, predicate: ["widgetContainer"], descendants: true, static: true }], ngImport: i0, template: `
+        <div
+            #widgetContainer
+            [id]="widgetId"
+            [attr.data-book-id]="hotelId"
+            [attr.data-type]="type"
+            [attr.data-theme]="theme"
+            [attr.data-currency]="currency"
+            [attr.data-locale]="locale"
+            [attr.data-layout]="layout"
+            [attr.data-default-adults]="defaultAdults"
+            [attr.data-default-children]="defaultChildren"
+            [attr.data-show-price]="showPrice"
+            [attr.data-show-hotel-selector]="showHotelSelector"
+            [attr.data-show-promo-code]="showPromoCode"
+            [attr.data-show-child-ages]="showChildAges"
+            [attr.data-max-children]="maxChildren"
+            [attr.data-base-url]="baseUrl"
+            [attr.data-url-chain]="urlChain"
+            [attr.data-url-hotel]="urlHotel"
+            [attr.data-button-text]="buttonText"
+        ></div>
+    `, isInline: true }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonBookingWidgetComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-babylon-booking-widget', standalone: true, template: `<div #widgetContainer [id]="widgetId"></div>` }]
+            args: [{
+                    selector: 'lib-babylon-booking-widget',
+                    standalone: true,
+                    template: `
+        <div
+            #widgetContainer
+            [id]="widgetId"
+            [attr.data-book-id]="hotelId"
+            [attr.data-type]="type"
+            [attr.data-theme]="theme"
+            [attr.data-currency]="currency"
+            [attr.data-locale]="locale"
+            [attr.data-layout]="layout"
+            [attr.data-default-adults]="defaultAdults"
+            [attr.data-default-children]="defaultChildren"
+            [attr.data-show-price]="showPrice"
+            [attr.data-show-hotel-selector]="showHotelSelector"
+            [attr.data-show-promo-code]="showPromoCode"
+            [attr.data-show-child-ages]="showChildAges"
+            [attr.data-max-children]="maxChildren"
+            [attr.data-base-url]="baseUrl"
+            [attr.data-url-chain]="urlChain"
+            [attr.data-url-hotel]="urlHotel"
+            [attr.data-button-text]="buttonText"
+        ></div>
+    `,
+                }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [PLATFORM_ID]
-                }] }, { type: i0.NgZone }], propDecorators: { widgetId: [{
+                }] }, { type: i0.NgZone }], propDecorators: { widgetContainer: [{
+                type: ViewChild,
+                args: ['widgetContainer', { static: true }]
+            }], widgetId: [{
                 type: Input
             }], hotelId: [{
                 type: Input
@@ -6144,11 +6233,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Input
             }], buttonText: [{
                 type: Input
-            }], configOverride: [{
-                type: Input
-            }], widgetContainer: [{
-                type: ViewChild,
-                args: ['widgetContainer', { static: true }]
             }] } });
 
 class BabylonBreadcrumbComponent {