pb-sxp-ui 1.15.16-alpha.1 → 1.15.16-alpha.2

package/dist/index.cjs

@@ -929,26 +929,33 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
         bffDataSource
     ]);
     const bffFbReport = React.useCallback(({ eventName, product }) => {
-        var _a, _b, _c, _d, _e, _f, _g;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         if (eventName === 'PageView' && typeof (window === null || window === void 0 ? void 0 : window.gtag) === 'function') {
             window === null || window === void 0 ? void 0 : window.gtag('event', 'page_view', {
-                page_location: window.location.href,
-                page_title: document.title
+                page_location: (_a = window === null || window === void 0 ? void 0 : window.location) === null || _a === void 0 ? void 0 : _a.href,
+                page_title: document === null || document === void 0 ? void 0 : document.title
+            });
+        }
+        if (eventName && typeof (window === null || window === void 0 ? void 0 : window.fbq) === 'function') {
+            window === null || window === void 0 ? void 0 : window.fbq('track', eventName, {
+                page_path: (_b = window === null || window === void 0 ? void 0 : window.location) === null || _b === void 0 ? void 0 : _b.pathname,
+                page_location: (_c = window === null || window === void 0 ? void 0 : window.location) === null || _c === void 0 ? void 0 : _c.href,
+                page_title: document === null || document === void 0 ? void 0 : document.title
             });
         }
         if (!enableReportEvent ||
             !enabledMetaConversionApi ||
             (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enablePreview) ||
-            !((_a = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.converApi) === null || _a === void 0 ? void 0 : _a[eventName])) {
+            !((_d = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.converApi) === null || _d === void 0 ? void 0 : _d[eventName])) {
             return;
         }
-        const jsonParams = lodash.cloneDeep((_b = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.converApi) === null || _b === void 0 ? void 0 : _b[eventName]);
+        const jsonParams = lodash.cloneDeep((_e = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.converApi) === null || _e === void 0 ? void 0 : _e[eventName]);
         const urlParams = new URLSearchParams(window.location.search);
         const fbclid = urlParams === null || urlParams === void 0 ? void 0 : urlParams.get('fbclid');
         const fix_par = {
-            event_source_url: (_c = window === null || window === void 0 ? void 0 : window.location) === null || _c === void 0 ? void 0 : _c.href,
+            event_source_url: (_f = window === null || window === void 0 ? void 0 : window.location) === null || _f === void 0 ? void 0 : _f.href,
             external_id: fakeUserId,
-            client_user_agent: (_e = (_d = window === null || window === void 0 ? void 0 : window.navigator) === null || _d === void 0 ? void 0 : _d.userAgent) !== null && _e !== void 0 ? _e : '',
+            client_user_agent: (_h = (_g = window === null || window === void 0 ? void 0 : window.navigator) === null || _g === void 0 ? void 0 : _g.userAgent) !== null && _h !== void 0 ? _h : '',
             fbc: fbclid ? `fb.2.${new Date().getTime()}.${fbclid}` : '',
             fbp: getCookie('_fbp') ? `fb.2.${new Date().getTime()}.${getCookie('_fbp')}` : '',
             time: Math.floor(Date.now() / 1000)
@@ -1001,13 +1008,13 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
         getEventParams(jsonParams);
         const params = {};
         const queryString = location.search.slice(1);
-        (_f = splitUrlParams(queryString)) === null || _f === void 0 ? void 0 : _f.map((val) => {
+        (_j = splitUrlParams(queryString)) === null || _j === void 0 ? void 0 : _j.map((val) => {
             const key = val.split('=')[0];
             const value = val.split('=')[1];
             params[key] = value;
         });
         const cl_source = params === null || params === void 0 ? void 0 : params.cl_source;
-        return bffFetch === null || bffFetch === void 0 ? void 0 : bffFetch(`v2/fb/${(_g = bffDataSource === null || bffDataSource === void 0 ? void 0 : bffDataSource.headers) === null || _g === void 0 ? void 0 : _g['x-app-id']}/${eventName}${cl_source ? `/${decodeURIComponent(cl_source)}` : ''}`, {
+        return bffFetch === null || bffFetch === void 0 ? void 0 : bffFetch(`v2/fb/${(_k = bffDataSource === null || bffDataSource === void 0 ? void 0 : bffDataSource.headers) === null || _k === void 0 ? void 0 : _k['x-app-id']}/${eventName}${cl_source ? `/${decodeURIComponent(cl_source)}` : ''}`, {
             method: 'POST',
             body: jsonParams,
             type: 'beacon'