ng-easycommerce 0.0.690 → 0.0.691

package/README.md

@@ -1,3 +1,9 @@
+# Version 0.0.691
+- Facebook Pixel: las llamadas directas a `fbq` se ejecutan fuera de Angular Zone mediante `runFacebookCall()`, manteniendo guards, `try/catch` e idempotencia.
+- Facebook Pixel: el `Pixel ID` se serializa como string en el script dinámico para evitar una interpolación inválida.
+- Analytics: `ParametersService` inicializa automáticamente Facebook, Google, GTM y el resto de integraciones al recibir `/parameters`.
+- Analytics: `insertAnalitycs()` mantiene compatibilidad legacy y comparte `initializeAnalyticsIfNeeded()` para evitar inicializaciones duplicadas.
+
 # Version 0.0.690
 - Mobbex redirect: al volver desde la pasarela con estado `success` o `pending`, el checkout compacto finaliza la compra automáticamente con `checkoutService.complete()`.
 - Mobbex redirect: se alinea el método con otros pagos externos que completan el pedido al regresar al sitio, evitando que el usuario pierda el estado si recarga o cierra la pestaña antes de terminar manualmente.

package/bundles/ng-easycommerce.umd.js

@@ -2565,14 +2565,16 @@
                             var new_analityc_script = _this.renderer.createElement('script');
                             new_analityc_script.id = 'facebook_pixel';
                             new_analityc_script.type = 'text/javascript';
-                            new_analityc_script.text = "!function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', " + normalizedPixelId + ");";
+                            new_analityc_script.text = "!function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', " + JSON.stringify(normalizedPixelId) + ");";
                             _this.renderer.appendChild(_this.document.body, new_analityc_script);
                         }
                         else {
                             if (typeof fbq !== 'function') {
                                 return;
                             }
-                            fbq('init', normalizedPixelId);
+                            _this.runFacebookCall(function () {
+                                fbq('init', normalizedPixelId);
+                            });
                         }
                         _this.enabled = true;
                         _this.initializedPixelId = normalizedPixelId;
@@ -2601,7 +2603,10 @@
                     return false;
                 }
                 try {
-                    fbq('track', event, _this.evalEvent(event_name, data));
+                    var payload_1 = _this.evalEvent(event_name, data);
+                    _this.runFacebookCall(function () {
+                        fbq('track', event, payload_1);
+                    });
                     if (event_name === 'initialize') {
                         _this.pageViewTracked = true;
                     }
@@ -2639,7 +2644,9 @@
                     return false;
                 }
                 try {
-                    fbq('trackCustom', event_name, data);
+                    _this.runFacebookCall(function () {
+                        fbq('trackCustom', event_name, data);
+                    });
                     return true;
                 }
                 catch (error) {
@@ -2666,6 +2673,13 @@
                 }
                 callback();
             };
+            this.runFacebookCall = function (callback) {
+                if (_this.ngZone && typeof _this.ngZone.runOutsideAngular === 'function') {
+                    _this.ngZone.runOutsideAngular(callback);
+                    return;
+                }
+                callback();
+            };
             this.toViewContent = function (data) {
                 var _a, _b, _c, _d;
                 var lastProduct = ((_a = data) === null || _a === void 0 ? void 0 : _a.name) || 'not-product';
@@ -7333,16 +7347,16 @@
             this.ready$ = this.readyParamsSubject.asObservable();
             this.getAllParametersAPI = function () { return 'shop-api/' + (_this.constants.getMasterChannel() || _this.constants.getChannel()) + '/parameters'; };
             this.insertAnalitycs = function () {
-                var initializeAnalyticsIfNeeded = function (params) {
-                    if (_this.analyticsInitializationRequested) {
-                        return;
-                    }
-                    _this.analyticsInitializationRequested = true;
-                    _this.initializeAnalytics(params);
-                };
                 _this.parametersSubject.value
-                    ? _this.constants.onlyIfProduction(initializeAnalyticsIfNeeded, _this.parametersSubject.value)
-                    : _this.waitUntilData(function (params) { return _this.constants.onlyIfProduction(initializeAnalyticsIfNeeded, params); });
+                    ? _this.constants.onlyIfProduction(_this.initializeAnalyticsIfNeeded, _this.parametersSubject.value)
+                    : _this.waitUntilData(function (params) { return _this.constants.onlyIfProduction(_this.initializeAnalyticsIfNeeded, params); });
+            };
+            this.initializeAnalyticsIfNeeded = function (params) {
+                if (_this.analyticsInitializationRequested) {
+                    return;
+                }
+                _this.analyticsInitializationRequested = true;
+                _this.initializeAnalytics(params);
             };
             this.initializeAnalytics = function (params) {
                 var facebook = params.find(function (param) { return param.code.includes("_" + _this.constants.getChannel() + "_") && param.code.includes('facebook') && param.code.includes('id'); });
@@ -7372,6 +7386,7 @@
             this.connection.get(this.getAllParametersAPI()).toPromise().then(function (res) {
                 _this.parametersSubject.next(res);
                 _this.readyParamsSubject.next(true);
+                _this.constants.onlyIfProduction(_this.initializeAnalyticsIfNeeded, res);
             });
         }
         ParametersService$1.ctorParameters = function () { return [