@blaze-cms/plugin-gtm-fe 0.146.0-node18.1 → 0.146.0-rc-eagle-3.0

package/lib-es/GoogleTagManagerEvent/GTMClickEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"GTMClickEvent.js","names":["React","PropTypes","useQuery","checkIfLoggedIn","getUser","GTMEvent","buildDataLayer","buildNestedEvent","buildUserQueryProps","buildUserLayer","GTMClickEvent","event","componentProps","parentComponent","eventTrigger","propsToDisplay","userPropsToDisplay","eventEcommerce","id","userId","userProps","data","userData","loading","variables","skip","dataLayerProps","dataLayerObject","userLayerObject","extendedDataLayer","_objectSpread","createElement","propTypes","object","isRequired","oneOfType","array","defaultProps"],"sources":["../../src/GoogleTagManagerEvent/GTMClickEvent.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useQuery } from '@apollo/client';\nimport { checkIfLoggedIn } from '@blaze-cms/core-auth-ui';\nimport { getUser } from '@blaze-cms/react-page-builder';\nimport GTMEvent from './GTMEvent';\nimport { buildDataLayer, buildNestedEvent, buildUserQueryProps, buildUserLayer } from '../helpers';\n\nconst GTMClickEvent = ({ event, componentProps, parentComponent }) => {\n  const { eventTrigger, propsToDisplay, userPropsToDisplay, eventEcommerce } = event;\n  const { id: userId } = checkIfLoggedIn();\n  const userProps = userId ? buildUserQueryProps(userPropsToDisplay) : '';\n  const { data: userData, loading } = useQuery(getUser(userProps), {\n    variables: { id: userId },\n    skip: !userId\n  });\n  if (loading) return null;\n  const dataLayerProps = buildDataLayer(componentProps, propsToDisplay);\n  const dataLayerObject = buildNestedEvent(eventEcommerce, event, dataLayerProps, parentComponent);\n  const userLayerObject = buildUserLayer(userData, userPropsToDisplay);\n\n  const extendedDataLayer = { ...dataLayerObject, ...userLayerObject };\n\n  return <GTMEvent dataLayerObject={extendedDataLayer} eventTrigger={eventTrigger} />;\n};\n\nGTMClickEvent.propTypes = {\n  event: PropTypes.object.isRequired,\n  componentProps: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),\n  parentComponent: PropTypes.object\n};\n\nGTMClickEvent.defaultProps = {\n  componentProps: {},\n  parentComponent: {}\n};\n\nexport default GTMClickEvent;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,eAAe,QAAQ,yBAAyB;AACzD,SAASC,OAAO,QAAQ,+BAA+B;AACvD,OAAOC,QAAQ,MAAM,YAAY;AACjC,SAASC,cAAc,EAAEC,gBAAgB,EAAEC,mBAAmB,EAAEC,cAAc,QAAQ,YAAY;AAElG,MAAMC,aAAa,GAAGA,CAAC;EAAEC,KAAK;EAAEC,cAAc;EAAEC;AAAgB,CAAC,KAAK;EACpE,MAAM;IAAEC,YAAY;IAAEC,cAAc;IAAEC,kBAAkB;IAAEC;EAAe,CAAC,GAAGN,KAAK;EAClF,MAAM;IAAEO,EAAE,EAAEC;EAAO,CAAC,GAAGhB,eAAe,CAAC,CAAC;EACxC,MAAMiB,SAAS,GAAGD,MAAM,GAAGX,mBAAmB,CAACQ,kBAAkB,CAAC,GAAG,EAAE;EACvE,MAAM;IAAEK,IAAI,EAAEC,QAAQ;IAAEC;EAAQ,CAAC,GAAGrB,QAAQ,CAACE,OAAO,CAACgB,SAAS,CAAC,EAAE;IAC/DI,SAAS,EAAE;MAAEN,EAAE,EAAEC;IAAO,CAAC;IACzBM,IAAI,EAAE,CAACN;EACT,CAAC,CAAC;EACF,IAAII,OAAO,EAAE,OAAO,IAAI;EACxB,MAAMG,cAAc,GAAGpB,cAAc,CAACM,cAAc,EAAEG,cAAc,CAAC;EACrE,MAAMY,eAAe,GAAGpB,gBAAgB,CAACU,cAAc,EAAEN,KAAK,EAAEe,cAAc,EAAEb,eAAe,CAAC;EAChG,MAAMe,eAAe,GAAGnB,cAAc,CAACa,QAAQ,EAAEN,kBAAkB,CAAC;EAEpE,MAAMa,iBAAiB,GAAAC,aAAA,CAAAA,aAAA,KAAQH,eAAe,GAAKC,eAAe,CAAE;EAEpE,oBAAO5B,KAAA,CAAA+B,aAAA,CAAC1B,QAAQ;IAACsB,eAAe,EAAEE,iBAAkB;IAACf,YAAY,EAAEA;EAAa,CAAE,CAAC;AACrF,CAAC;AAEDJ,aAAa,CAACsB,SAAS,GAAG;EACxBrB,KAAK,EAAEV,SAAS,CAACgC,MAAM,CAACC,UAAU;EAClCtB,cAAc,EAAEX,SAAS,CAACkC,SAAS,CAAC,CAAClC,SAAS,CAACgC,MAAM,EAAEhC,SAAS,CAACmC,KAAK,CAAC,CAAC;EACxEvB,eAAe,EAAEZ,SAAS,CAACgC;AAC7B,CAAC;AAEDvB,aAAa,CAAC2B,YAAY,GAAG;EAC3BzB,cAAc,EAAE,CAAC,CAAC;EAClBC,eAAe,EAAE,CAAC;AACpB,CAAC;AAED,eAAeH,aAAa","ignoreList":[]}
+{"version":3,"file":"GTMClickEvent.js","names":["React","PropTypes","useQuery","checkIfLoggedIn","getCurrentUser","GTMEvent","buildDataLayer","buildNestedEvent","buildUserQueryProps","buildUserLayer","GTMClickEvent","event","componentProps","parentComponent","eventTrigger","propsToDisplay","userPropsToDisplay","eventEcommerce","id","userId","userProps","data","userData","loading","variables","skip","dataLayerProps","dataLayerObject","userLayerObject","extendedDataLayer","_objectSpread","createElement","propTypes","object","isRequired","oneOfType","array","defaultProps"],"sources":["../../src/GoogleTagManagerEvent/GTMClickEvent.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useQuery } from '@apollo/client';\nimport { checkIfLoggedIn } from '@blaze-cms/core-auth-ui';\nimport { getCurrentUser } from '@blaze-cms/react-page-builder';\n\nimport GTMEvent from './GTMEvent';\nimport { buildDataLayer, buildNestedEvent, buildUserQueryProps, buildUserLayer } from '../helpers';\n\nconst GTMClickEvent = ({ event, componentProps, parentComponent }) => {\n  const { eventTrigger, propsToDisplay, userPropsToDisplay, eventEcommerce } = event;\n  const { id: userId } = checkIfLoggedIn();\n  const userProps = userId ? buildUserQueryProps(userPropsToDisplay) : '';\n  const { data: userData, loading } = useQuery(getCurrentUser(userProps), {\n    variables: { id: userId },\n    skip: !userId\n  });\n  if (loading) return null;\n  const dataLayerProps = buildDataLayer(componentProps, propsToDisplay);\n  const dataLayerObject = buildNestedEvent(eventEcommerce, event, dataLayerProps, parentComponent);\n  const userLayerObject = buildUserLayer(userData, userPropsToDisplay);\n\n  const extendedDataLayer = { ...dataLayerObject, ...userLayerObject };\n\n  return <GTMEvent dataLayerObject={extendedDataLayer} eventTrigger={eventTrigger} />;\n};\n\nGTMClickEvent.propTypes = {\n  event: PropTypes.object.isRequired,\n  componentProps: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),\n  parentComponent: PropTypes.object\n};\n\nGTMClickEvent.defaultProps = {\n  componentProps: {},\n  parentComponent: {}\n};\n\nexport default GTMClickEvent;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,eAAe,QAAQ,yBAAyB;AACzD,SAASC,cAAc,QAAQ,+BAA+B;AAE9D,OAAOC,QAAQ,MAAM,YAAY;AACjC,SAASC,cAAc,EAAEC,gBAAgB,EAAEC,mBAAmB,EAAEC,cAAc,QAAQ,YAAY;AAElG,MAAMC,aAAa,GAAGA,CAAC;EAAEC,KAAK;EAAEC,cAAc;EAAEC;AAAgB,CAAC,KAAK;EACpE,MAAM;IAAEC,YAAY;IAAEC,cAAc;IAAEC,kBAAkB;IAAEC;EAAe,CAAC,GAAGN,KAAK;EAClF,MAAM;IAAEO,EAAE,EAAEC;EAAO,CAAC,GAAGhB,eAAe,CAAC,CAAC;EACxC,MAAMiB,SAAS,GAAGD,MAAM,GAAGX,mBAAmB,CAACQ,kBAAkB,CAAC,GAAG,EAAE;EACvE,MAAM;IAAEK,IAAI,EAAEC,QAAQ;IAAEC;EAAQ,CAAC,GAAGrB,QAAQ,CAACE,cAAc,CAACgB,SAAS,CAAC,EAAE;IACtEI,SAAS,EAAE;MAAEN,EAAE,EAAEC;IAAO,CAAC;IACzBM,IAAI,EAAE,CAACN;EACT,CAAC,CAAC;EACF,IAAII,OAAO,EAAE,OAAO,IAAI;EACxB,MAAMG,cAAc,GAAGpB,cAAc,CAACM,cAAc,EAAEG,cAAc,CAAC;EACrE,MAAMY,eAAe,GAAGpB,gBAAgB,CAACU,cAAc,EAAEN,KAAK,EAAEe,cAAc,EAAEb,eAAe,CAAC;EAChG,MAAMe,eAAe,GAAGnB,cAAc,CAACa,QAAQ,EAAEN,kBAAkB,CAAC;EAEpE,MAAMa,iBAAiB,GAAAC,aAAA,CAAAA,aAAA,KAAQH,eAAe,GAAKC,eAAe,CAAE;EAEpE,oBAAO5B,KAAA,CAAA+B,aAAA,CAAC1B,QAAQ;IAACsB,eAAe,EAAEE,iBAAkB;IAACf,YAAY,EAAEA;EAAa,CAAE,CAAC;AACrF,CAAC;AAEDJ,aAAa,CAACsB,SAAS,GAAG;EACxBrB,KAAK,EAAEV,SAAS,CAACgC,MAAM,CAACC,UAAU;EAClCtB,cAAc,EAAEX,SAAS,CAACkC,SAAS,CAAC,CAAClC,SAAS,CAACgC,MAAM,EAAEhC,SAAS,CAACmC,KAAK,CAAC,CAAC;EACxEvB,eAAe,EAAEZ,SAAS,CAACgC;AAC7B,CAAC;AAEDvB,aAAa,CAAC2B,YAAY,GAAG;EAC3BzB,cAAc,EAAE,CAAC,CAAC;EAClBC,eAAe,EAAE,CAAC;AACpB,CAAC;AAED,eAAeH,aAAa","ignoreList":[]}

package/lib-es/GoogleTagManagerEvent/GTMEvent.js

@@ -20,10 +20,13 @@ const GTMEvent = ({
     setShouldPushLayer(false);
     if (isOnSuccess) handleOnSuccess();
   };
-  if (!isViewEvent && shouldPushLayer) pushDataLayer();
-  return /*#__PURE__*/React.createElement(React.Fragment, null, isViewEvent && shouldPushLayer && /*#__PURE__*/React.createElement(Waypoint, {
+  if (!isViewEvent && shouldPushLayer) {
+    pushDataLayer();
+    return null;
+  }
+  return isViewEvent && shouldPushLayer ? /*#__PURE__*/React.createElement(Waypoint, {
     onEnter: pushDataLayer
-  }));
+  }) : null;
 };
 GTMEvent.propTypes = {
   handleOnSuccess: PropTypes.func.isRequired,

package/lib-es/GoogleTagManagerEvent/GTMEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"GTMEvent.js","names":["React","useState","useEffect","PropTypes","Waypoint","pushToDataLayer","IN_VIEW","ON_SUCCESS","GTMEvent","dataLayerObject","eventTrigger","currentLocation","handleOnSuccess","shouldPushLayer","setShouldPushLayer","isViewEvent","isOnSuccess","pushDataLayer","createElement","Fragment","onEnter","propTypes","func","isRequired","object","string"],"sources":["../../src/GoogleTagManagerEvent/GTMEvent.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { Waypoint } from 'react-waypoint';\nimport { pushToDataLayer } from '../helpers';\nimport { IN_VIEW, ON_SUCCESS } from '../constants';\n\nconst GTMEvent = ({ dataLayerObject, eventTrigger, currentLocation, handleOnSuccess }) => {\n  const [shouldPushLayer, setShouldPushLayer] = useState(false);\n  const isViewEvent = eventTrigger === IN_VIEW;\n  const isOnSuccess = eventTrigger === ON_SUCCESS && !!handleOnSuccess;\n\n  useEffect(() => {\n    setShouldPushLayer(true);\n  }, [currentLocation]);\n  const pushDataLayer = () => {\n    pushToDataLayer(dataLayerObject);\n    setShouldPushLayer(false);\n    if (isOnSuccess) handleOnSuccess();\n  };\n\n  if (!isViewEvent && shouldPushLayer) pushDataLayer();\n\n  return <>{isViewEvent && shouldPushLayer && <Waypoint onEnter={pushDataLayer} />}</>;\n};\n\nGTMEvent.propTypes = {\n  handleOnSuccess: PropTypes.func.isRequired,\n  dataLayerObject: PropTypes.object.isRequired,\n  eventTrigger: PropTypes.string.isRequired,\n  currentLocation: PropTypes.string.isRequired\n};\n\nexport default GTMEvent;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAClD,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,eAAe,QAAQ,YAAY;AAC5C,SAASC,OAAO,EAAEC,UAAU,QAAQ,cAAc;AAElD,MAAMC,QAAQ,GAAGA,CAAC;EAAEC,eAAe;EAAEC,YAAY;EAAEC,eAAe;EAAEC;AAAgB,CAAC,KAAK;EACxF,MAAM,CAACC,eAAe,EAAEC,kBAAkB,CAAC,GAAGb,QAAQ,CAAC,KAAK,CAAC;EAC7D,MAAMc,WAAW,GAAGL,YAAY,KAAKJ,OAAO;EAC5C,MAAMU,WAAW,GAAGN,YAAY,KAAKH,UAAU,IAAI,CAAC,CAACK,eAAe;EAEpEV,SAAS,CAAC,MAAM;IACdY,kBAAkB,CAAC,IAAI,CAAC;EAC1B,CAAC,EAAE,CAACH,eAAe,CAAC,CAAC;EACrB,MAAMM,aAAa,GAAGA,CAAA,KAAM;IAC1BZ,eAAe,CAACI,eAAe,CAAC;IAChCK,kBAAkB,CAAC,KAAK,CAAC;IACzB,IAAIE,WAAW,EAAEJ,eAAe,CAAC,CAAC;EACpC,CAAC;EAED,IAAI,CAACG,WAAW,IAAIF,eAAe,EAAEI,aAAa,CAAC,CAAC;EAEpD,oBAAOjB,KAAA,CAAAkB,aAAA,CAAAlB,KAAA,CAAAmB,QAAA,QAAGJ,WAAW,IAAIF,eAAe,iBAAIb,KAAA,CAAAkB,aAAA,CAACd,QAAQ;IAACgB,OAAO,EAAEH;EAAc,CAAE,CAAI,CAAC;AACtF,CAAC;AAEDT,QAAQ,CAACa,SAAS,GAAG;EACnBT,eAAe,EAAET,SAAS,CAACmB,IAAI,CAACC,UAAU;EAC1Cd,eAAe,EAAEN,SAAS,CAACqB,MAAM,CAACD,UAAU;EAC5Cb,YAAY,EAAEP,SAAS,CAACsB,MAAM,CAACF,UAAU;EACzCZ,eAAe,EAAER,SAAS,CAACsB,MAAM,CAACF;AACpC,CAAC;AAED,eAAef,QAAQ","ignoreList":[]}
+{"version":3,"file":"GTMEvent.js","names":["React","useState","useEffect","PropTypes","Waypoint","pushToDataLayer","IN_VIEW","ON_SUCCESS","GTMEvent","dataLayerObject","eventTrigger","currentLocation","handleOnSuccess","shouldPushLayer","setShouldPushLayer","isViewEvent","isOnSuccess","pushDataLayer","createElement","onEnter","propTypes","func","isRequired","object","string"],"sources":["../../src/GoogleTagManagerEvent/GTMEvent.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { Waypoint } from 'react-waypoint';\nimport { pushToDataLayer } from '../helpers';\nimport { IN_VIEW, ON_SUCCESS } from '../constants';\n\nconst GTMEvent = ({ dataLayerObject, eventTrigger, currentLocation, handleOnSuccess }) => {\n  const [shouldPushLayer, setShouldPushLayer] = useState(false);\n  const isViewEvent = eventTrigger === IN_VIEW;\n  const isOnSuccess = eventTrigger === ON_SUCCESS && !!handleOnSuccess;\n\n  useEffect(() => {\n    setShouldPushLayer(true);\n  }, [currentLocation]);\n\n  const pushDataLayer = () => {\n    pushToDataLayer(dataLayerObject);\n    setShouldPushLayer(false);\n    if (isOnSuccess) handleOnSuccess();\n  };\n\n  if (!isViewEvent && shouldPushLayer) {\n    pushDataLayer();\n    return null;\n  }\n\n  return isViewEvent && shouldPushLayer ? <Waypoint onEnter={pushDataLayer} /> : null;\n};\n\nGTMEvent.propTypes = {\n  handleOnSuccess: PropTypes.func.isRequired,\n  dataLayerObject: PropTypes.object.isRequired,\n  eventTrigger: PropTypes.string.isRequired,\n  currentLocation: PropTypes.string.isRequired\n};\n\nexport default GTMEvent;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAClD,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,eAAe,QAAQ,YAAY;AAC5C,SAASC,OAAO,EAAEC,UAAU,QAAQ,cAAc;AAElD,MAAMC,QAAQ,GAAGA,CAAC;EAAEC,eAAe;EAAEC,YAAY;EAAEC,eAAe;EAAEC;AAAgB,CAAC,KAAK;EACxF,MAAM,CAACC,eAAe,EAAEC,kBAAkB,CAAC,GAAGb,QAAQ,CAAC,KAAK,CAAC;EAC7D,MAAMc,WAAW,GAAGL,YAAY,KAAKJ,OAAO;EAC5C,MAAMU,WAAW,GAAGN,YAAY,KAAKH,UAAU,IAAI,CAAC,CAACK,eAAe;EAEpEV,SAAS,CAAC,MAAM;IACdY,kBAAkB,CAAC,IAAI,CAAC;EAC1B,CAAC,EAAE,CAACH,eAAe,CAAC,CAAC;EAErB,MAAMM,aAAa,GAAGA,CAAA,KAAM;IAC1BZ,eAAe,CAACI,eAAe,CAAC;IAChCK,kBAAkB,CAAC,KAAK,CAAC;IACzB,IAAIE,WAAW,EAAEJ,eAAe,CAAC,CAAC;EACpC,CAAC;EAED,IAAI,CAACG,WAAW,IAAIF,eAAe,EAAE;IACnCI,aAAa,CAAC,CAAC;IACf,OAAO,IAAI;EACb;EAEA,OAAOF,WAAW,IAAIF,eAAe,gBAAGb,KAAA,CAAAkB,aAAA,CAACd,QAAQ;IAACe,OAAO,EAAEF;EAAc,CAAE,CAAC,GAAG,IAAI;AACrF,CAAC;AAEDT,QAAQ,CAACY,SAAS,GAAG;EACnBR,eAAe,EAAET,SAAS,CAACkB,IAAI,CAACC,UAAU;EAC1Cb,eAAe,EAAEN,SAAS,CAACoB,MAAM,CAACD,UAAU;EAC5CZ,YAAY,EAAEP,SAAS,CAACqB,MAAM,CAACF,UAAU;EACzCX,eAAe,EAAER,SAAS,CAACqB,MAAM,CAACF;AACpC,CAAC;AAED,eAAed,QAAQ","ignoreList":[]}

package/lib-es/GoogleTagManagerEvent/GTMEventRender.js

@@ -6,8 +6,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import { useQuery } from '@apollo/client';
-import { checkIfLoggedIn } from '@blaze-cms/core-auth-ui';
-import { getUser } from '@blaze-cms/react-page-builder';
+import { getCurrentUser } from '@blaze-cms/react-page-builder';
 import { withRouter } from 'next/router';
 import GTMEvent from './GTMEvent';
 import { buildDataLayer, buildNestedEvent, buildUserQueryProps, buildUserLayer } from '../helpers';
@@ -31,18 +30,13 @@ const GTMEventRender = _ref => {
     error,
     loading
   } = useQuery(action, queryVariables);
-  const {
-    id: userId
-  } = checkIfLoggedIn();
-  const hasUserProps = userId && userPropsToDisplay && userPropsToDisplay.length;
+  const hasUserProps = userPropsToDisplay && userPropsToDisplay.length;
   const userProps = hasUserProps ? buildUserQueryProps(userPropsToDisplay) : '';
   const {
     data: userData,
     loading: userLoading
-  } = useQuery(getUser(userProps), {
-    variables: {
-      id: userId
-    },
+  } = useQuery(getCurrentUser(userProps), {
+    variables: {},
     skip: !hasUserProps
   });
   if (loading || userLoading || error) return null;

package/lib-es/GoogleTagManagerEvent/GTMEventRender.js.map

@@ -1 +1 @@
-{"version":3,"file":"GTMEventRender.js","names":["React","useState","PropTypes","useQuery","checkIfLoggedIn","getUser","withRouter","GTMEvent","buildDataLayer","buildNestedEvent","buildUserQueryProps","buildUserLayer","GTMEventRender","_ref","router","action","actionKey","queryVariables","parentComponent","userPropsToDisplay","handleOnSuccess","eventProps","_objectWithoutProperties","_excluded","asPath","currentLocation","setCurrentLocation","data","error","loading","id","userId","hasUserProps","length","userProps","userData","userLoading","variables","skip","gtmData","entityData","eventTrigger","propsToDisplay","eventEcommerce","dataLayerProps","dataLayerObject","userLayerObject","extendedDataLayer","_objectSpread","createElement","propTypes","array","object","isRequired","string","func","defaultProps"],"sources":["../../src/GoogleTagManagerEvent/GTMEventRender.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useQuery } from '@apollo/client';\nimport { checkIfLoggedIn } from '@blaze-cms/core-auth-ui';\nimport { getUser } from '@blaze-cms/react-page-builder';\nimport { withRouter } from 'next/router';\nimport GTMEvent from './GTMEvent';\nimport { buildDataLayer, buildNestedEvent, buildUserQueryProps, buildUserLayer } from '../helpers';\n\nconst GTMEventRender = ({\n  router,\n  action,\n  actionKey,\n  queryVariables,\n  parentComponent,\n  userPropsToDisplay,\n  handleOnSuccess,\n  ...eventProps\n}) => {\n  const { asPath } = router;\n  const [currentLocation, setCurrentLocation] = useState('');\n  const { data = {}, error, loading } = useQuery(action, queryVariables);\n  const { id: userId } = checkIfLoggedIn();\n  const hasUserProps = userId && userPropsToDisplay && userPropsToDisplay.length;\n  const userProps = hasUserProps ? buildUserQueryProps(userPropsToDisplay) : '';\n  const { data: userData, loading: userLoading } = useQuery(getUser(userProps), {\n    variables: { id: userId },\n    skip: !hasUserProps\n  });\n\n  if (loading || userLoading || error) return null;\n  const gtmData = data.entityData || data[actionKey];\n\n  if (currentLocation !== asPath) {\n    setCurrentLocation(asPath);\n    return null;\n  }\n\n  const { eventTrigger, propsToDisplay, eventEcommerce } = eventProps;\n  const dataLayerProps = buildDataLayer(gtmData, propsToDisplay);\n\n  const dataLayerObject = buildNestedEvent(\n    eventEcommerce,\n    eventProps,\n    dataLayerProps,\n    parentComponent\n  );\n  const userLayerObject = buildUserLayer(userData, userPropsToDisplay);\n  const extendedDataLayer = { ...dataLayerObject, ...userLayerObject };\n\n  return (\n    <GTMEvent\n      dataLayerObject={extendedDataLayer}\n      eventTrigger={eventTrigger}\n      currentLocation={currentLocation}\n      handleOnSuccess={handleOnSuccess}\n    />\n  );\n};\n\nGTMEventRender.propTypes = {\n  userPropsToDisplay: PropTypes.array,\n  router: PropTypes.object.isRequired,\n  action: PropTypes.object.isRequired,\n  actionKey: PropTypes.string.isRequired,\n  queryVariables: PropTypes.object.isRequired,\n  parentComponent: PropTypes.object.isRequired,\n  handleOnSuccess: PropTypes.func\n};\n\nGTMEventRender.defaultProps = {\n  userPropsToDisplay: [],\n  handleOnSuccess: () => {}\n};\n\nGTMEventRender.defaultProps = {\n  userPropsToDisplay: []\n};\n\nexport default withRouter(GTMEventRender);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"GTMEventRender.js","names":["React","useState","PropTypes","useQuery","getCurrentUser","withRouter","GTMEvent","buildDataLayer","buildNestedEvent","buildUserQueryProps","buildUserLayer","GTMEventRender","_ref","router","action","actionKey","queryVariables","parentComponent","userPropsToDisplay","handleOnSuccess","eventProps","_objectWithoutProperties","_excluded","asPath","currentLocation","setCurrentLocation","data","error","loading","hasUserProps","length","userProps","userData","userLoading","variables","skip","gtmData","entityData","eventTrigger","propsToDisplay","eventEcommerce","dataLayerProps","dataLayerObject","userLayerObject","extendedDataLayer","_objectSpread","createElement","propTypes","array","object","isRequired","string","func","defaultProps"],"sources":["../../src/GoogleTagManagerEvent/GTMEventRender.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useQuery } from '@apollo/client';\nimport { getCurrentUser } from '@blaze-cms/react-page-builder';\nimport { withRouter } from 'next/router';\nimport GTMEvent from './GTMEvent';\nimport { buildDataLayer, buildNestedEvent, buildUserQueryProps, buildUserLayer } from '../helpers';\n\nconst GTMEventRender = ({\n  router,\n  action,\n  actionKey,\n  queryVariables,\n  parentComponent,\n  userPropsToDisplay,\n  handleOnSuccess,\n  ...eventProps\n}) => {\n  const { asPath } = router;\n  const [currentLocation, setCurrentLocation] = useState('');\n  const { data = {}, error, loading } = useQuery(action, queryVariables);\n  const hasUserProps = userPropsToDisplay && userPropsToDisplay.length;\n  const userProps = hasUserProps ? buildUserQueryProps(userPropsToDisplay) : '';\n  const { data: userData, loading: userLoading } = useQuery(getCurrentUser(userProps), {\n    variables: {},\n    skip: !hasUserProps\n  });\n\n  if (loading || userLoading || error) return null;\n  const gtmData = data.entityData || data[actionKey];\n\n  if (currentLocation !== asPath) {\n    setCurrentLocation(asPath);\n    return null;\n  }\n\n  const { eventTrigger, propsToDisplay, eventEcommerce } = eventProps;\n  const dataLayerProps = buildDataLayer(gtmData, propsToDisplay);\n\n  const dataLayerObject = buildNestedEvent(\n    eventEcommerce,\n    eventProps,\n    dataLayerProps,\n    parentComponent\n  );\n  const userLayerObject = buildUserLayer(userData, userPropsToDisplay);\n  const extendedDataLayer = { ...dataLayerObject, ...userLayerObject };\n\n  return (\n    <GTMEvent\n      dataLayerObject={extendedDataLayer}\n      eventTrigger={eventTrigger}\n      currentLocation={currentLocation}\n      handleOnSuccess={handleOnSuccess}\n    />\n  );\n};\n\nGTMEventRender.propTypes = {\n  userPropsToDisplay: PropTypes.array,\n  router: PropTypes.object.isRequired,\n  action: PropTypes.object.isRequired,\n  actionKey: PropTypes.string.isRequired,\n  queryVariables: PropTypes.object.isRequired,\n  parentComponent: PropTypes.object.isRequired,\n  handleOnSuccess: PropTypes.func\n};\n\nGTMEventRender.defaultProps = {\n  userPropsToDisplay: [],\n  handleOnSuccess: () => {}\n};\n\nGTMEventRender.defaultProps = {\n  userPropsToDisplay: []\n};\n\nexport default withRouter(GTMEventRender);\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,10 +1,15 @@
 {
   "name": "@blaze-cms/plugin-gtm-fe",
-  "version": "0.146.0-node18.1",
+  "version": "0.146.0-rc-eagle-3.0",
   "description": "Blaze GTM plugin fe",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
-  "sideEffects": false,
+  "files": [
+    "lib",
+    "lib-es",
+    "src"
+  ],
+  "source": "src/index.js",
   "directories": {
     "src": "src/"
   },
@@ -27,23 +32,21 @@
   },
   "license": "GPL-3.0",
   "dependencies": {
-    "@blaze-cms/core-auth-ui": "0.146.0-node18.0",
-    "@blaze-cms/nextjs-components": "0.146.0-node18.0",
-    "@blaze-cms/react-page-builder": "0.146.0-node18.1",
-    "@blaze-cms/setup-ui": "0.146.0-node18.0",
-    "core-js": "^3.2.1",
-    "regenerator-runtime": "^0.13.3",
+    "@blaze-cms/core-auth-ui": "0.146.0-rc-eagle-3.0",
+    "@blaze-cms/nextjs-components": "0.146.0-rc-eagle-3.0",
+    "@blaze-cms/react-page-builder": "0.146.0-rc-eagle-3.0",
+    "@blaze-cms/setup-ui": "0.146.0-rc-eagle-3.0",
     "web-vitals": "^0.2.2"
   },
   "devDependencies": {
-    "@blaze-cms/core-ui": "0.146.0-node18.1"
+    "@blaze-cms/core-ui": "0.146.0-rc-eagle-3.0"
   },
   "peerDependencies": {
-    "next": "14.1.0"
+    "next": ">= 14"
   },
   "eslintIgnore": [
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "1b5ba49d185e912846cec402d39a44ef2623ca1c"
+  "gitHead": "eeb5c91d33bae79f7605ffa99d8cbf430840e27a"
 }

package/src/GoogleTagManager/GTMRender.js

@@ -2,8 +2,7 @@ import { useState } from 'react';
 import PropTypes from 'prop-types';
 import { useQuery } from '@apollo/client';
 import { withRouter } from 'next/router';
-import { getUser } from '@blaze-cms/react-page-builder';
-import { checkIfLoggedIn } from '@blaze-cms/core-auth-ui';
+import { getCurrentUser } from '@blaze-cms/react-page-builder';
 import {
   buildDataLayer,
   buildAndPushWebVitals,
@@ -19,11 +18,10 @@ const GTMRender = ({ router, action, propsToDisplay, parentId, webVitals, userPr
   const { data, error, loading } = useQuery(action, {
     variables: { id: parentId }
   });
-  const { id: userId } = checkIfLoggedIn();
-  const hasUserProps = userId && userPropsToDisplay && userPropsToDisplay.length;
+  const hasUserProps = userPropsToDisplay && userPropsToDisplay.length;
   const userProps = hasUserProps ? buildUserQueryProps(userPropsToDisplay) : '';
-  const { data: userData, loading: userLoading } = useQuery(getUser(userProps), {
-    variables: { id: userId },
+  const { data: userData, loading: userLoading } = useQuery(getCurrentUser(userProps), {
+    variables: {},
     skip: !hasUserProps
   });
 

package/src/GoogleTagManagerEvent/GTMClickEvent.js

@@ -2,7 +2,8 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { useQuery } from '@apollo/client';
 import { checkIfLoggedIn } from '@blaze-cms/core-auth-ui';
-import { getUser } from '@blaze-cms/react-page-builder';
+import { getCurrentUser } from '@blaze-cms/react-page-builder';
+
 import GTMEvent from './GTMEvent';
 import { buildDataLayer, buildNestedEvent, buildUserQueryProps, buildUserLayer } from '../helpers';
 
@@ -10,7 +11,7 @@ const GTMClickEvent = ({ event, componentProps, parentComponent }) => {
   const { eventTrigger, propsToDisplay, userPropsToDisplay, eventEcommerce } = event;
   const { id: userId } = checkIfLoggedIn();
   const userProps = userId ? buildUserQueryProps(userPropsToDisplay) : '';
-  const { data: userData, loading } = useQuery(getUser(userProps), {
+  const { data: userData, loading } = useQuery(getCurrentUser(userProps), {
     variables: { id: userId },
     skip: !userId
   });

package/src/GoogleTagManagerEvent/GTMEvent.js

@@ -12,15 +12,19 @@ const GTMEvent = ({ dataLayerObject, eventTrigger, currentLocation, handleOnSucc
   useEffect(() => {
     setShouldPushLayer(true);
   }, [currentLocation]);
+
   const pushDataLayer = () => {
     pushToDataLayer(dataLayerObject);
     setShouldPushLayer(false);
     if (isOnSuccess) handleOnSuccess();
   };
 
-  if (!isViewEvent && shouldPushLayer) pushDataLayer();
+  if (!isViewEvent && shouldPushLayer) {
+    pushDataLayer();
+    return null;
+  }
 
-  return <>{isViewEvent && shouldPushLayer && <Waypoint onEnter={pushDataLayer} />}</>;
+  return isViewEvent && shouldPushLayer ? <Waypoint onEnter={pushDataLayer} /> : null;
 };
 
 GTMEvent.propTypes = {

package/src/GoogleTagManagerEvent/GTMEventRender.js

@@ -1,8 +1,7 @@
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import { useQuery } from '@apollo/client';
-import { checkIfLoggedIn } from '@blaze-cms/core-auth-ui';
-import { getUser } from '@blaze-cms/react-page-builder';
+import { getCurrentUser } from '@blaze-cms/react-page-builder';
 import { withRouter } from 'next/router';
 import GTMEvent from './GTMEvent';
 import { buildDataLayer, buildNestedEvent, buildUserQueryProps, buildUserLayer } from '../helpers';
@@ -20,11 +19,10 @@ const GTMEventRender = ({
   const { asPath } = router;
   const [currentLocation, setCurrentLocation] = useState('');
   const { data = {}, error, loading } = useQuery(action, queryVariables);
-  const { id: userId } = checkIfLoggedIn();
-  const hasUserProps = userId && userPropsToDisplay && userPropsToDisplay.length;
+  const hasUserProps = userPropsToDisplay && userPropsToDisplay.length;
   const userProps = hasUserProps ? buildUserQueryProps(userPropsToDisplay) : '';
-  const { data: userData, loading: userLoading } = useQuery(getUser(userProps), {
-    variables: { id: userId },
+  const { data: userData, loading: userLoading } = useQuery(getCurrentUser(userProps), {
+    variables: {},
     skip: !hasUserProps
   });
 

package/babel.config.js

@@ -1,3 +0,0 @@
-const babelConfig = require('@blaze-cms/setup-ui/babel/babel.config');
-
-module.exports = babelConfig;

package/jest.config.js

@@ -1,3 +0,0 @@
-const buildConfig = require('@blaze-cms/tools/jest/react-build-config');
-
-module.exports = buildConfig(__dirname);