@griddo/cx 1.65.23 → 1.66.0

package/gatsby-ssr.js

@@ -1,7 +1,7 @@
 /* eslint-disable node/no-missing-require */
 import * as React from 'react';
 import parse from 'html-react-parser';
-const { ssr } = require('components');
+const { ssr, generateAutomaticDimensions = null } = require('components');
 
 let analyticsScript = [];
 let analyticsDimensions = [];
@@ -22,26 +22,38 @@ export const wrapPageElement = ({ props }) => {
   //Añadir el script. Dependiendo de si lo que recibe es el trackingId o el script
   const siteScript = siteScriptBulk ? siteScriptBulk.trim() : "";
   const src = `https://www.googletagmanager.com/gtag/js?id=${siteScript}`;
-  const scriptCode = siteScript.includes('<script') ? [parse(siteScript)] : [<script async key="site-script" dangerouslySetInnerHTML={{__html: siteScript}}/>]
+  const scriptCode = siteScript.includes('<script') ? [parse(siteScript)] : [<script async key="site-script" dangerouslySetInnerHTML={{ __html: siteScript }} />]
 
-  analyticsScript=siteScript && siteScript.startsWith('UA-') ?
-      [<script async src={src}></script>]
+  analyticsScript = siteScript && siteScript.startsWith('UA-') ?
+    [<script async src={src}></script>]
     :
-      (siteScript ? scriptCode : []);
+    (siteScript ? scriptCode : []);
   ;
 
   //Las dimensiones o DataLayer
-  const dimensionValues = JSON.stringify(dimensions?.values);
-  analyticsDimensions = dimensionValues && (dimensions?.values) !== null ?
-      [<script
+  const dynamicValuePrefix = '__SCRIPT:';
+  const dimensionValues = dimensions?.values || {};
+  const automaticDimensionValues = generateAutomaticDimensions ? generateAutomaticDimensions(props) : {};
+  const allDimensionsValues = {
+    ...dimensionValues,
+    ...automaticDimensionValues,
+  };
+  const allDimensions = [];
+  for (const dimension of Object.keys(allDimensionsValues)) {
+    const dimensionValue = allDimensionsValues[dimension];
+    allDimensions.push(`"${dimension}":${dimensionValue?.startsWith(dynamicValuePrefix) ? `${dimensionValue.slice(dynamicValuePrefix.length, dimensionValue.endsWith(';') ? -1 : dimensionValue.length)}` : `"${dimensionValue}"`}`);
+  }
+
+  analyticsDimensions = allDimensions.length ?
+    [<script
       async
       key="site-script"
       dangerouslySetInnerHTML={{
-       __html: `dataLayer.push(${dimensionValues})`
-      }}/>]
+        __html: `dataLayer.push({${allDimensions.join(',')}})`
+      }} />]
     :
-      []
-  ;
+    []
+    ;
 };
 
 export const onRenderBody = props => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@griddo/cx",
   "description": "Griddo SSG based on Gatsby",
-  "version": "1.65.23",
+  "version": "1.66.0",
   "authors": [
     "Álvaro Sánchez' <alvaro.sanches@secuoyas.com>",
     "Carlos Torres <carlos.torres@secuoyas.com>",
@@ -64,7 +64,7 @@
     "react-helmet": "^6.0.0"
   },
   "devDependencies": {
-    "@griddo/eslint-config-back": "^1.65.23",
+    "@griddo/eslint-config-back": "^1.66.0",
     "eslint": "^7.5.0",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-react": "7.14.3",
@@ -96,5 +96,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "7c4d164534c6b253cbd0b50a6292d3ea993fb670"
+  "gitHead": "48f0e2027ddcce4188e6bed411ecaab485ddb7e5"
 }

package/src/components/template.js

@@ -2,10 +2,8 @@
 import * as React from 'react';
 import { Link, navigate } from 'gatsby';
 import Seo from './seo';
-import { components, templates, providers } from 'components';
-
+import { components, templates, SiteProvider } from 'components';
 import { Page as RenderGriddoPage } from '@griddo/core';
-const { SiteProvider } = providers;
 
 export default data => {
   const {