@blaze-cms/plugin-gtm-fe 0.125.0-f-admin-updates.0 → 0.125.0-f-admin-updates.3

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.125.0-f-admin-updates.3](https://github.com/thebyte9/blaze/compare/v0.125.0-f-admin-updates.2...v0.125.0-f-admin-updates.3) (2022-11-10)
+
+**Note:** Version bump only for package @blaze-cms/plugin-gtm-fe
+
+
+
+
+
 # [0.125.0-f-admin-updates.0](https://github.com/thebyte9/blaze/compare/v0.124.1...v0.125.0-f-admin-updates.0) (2022-10-06)
 
 **Note:** Version bump only for package @blaze-cms/plugin-gtm-fe

package/lib/GoogleTagManager/GTMFactory.js

@@ -1,73 +1,49 @@
 "use strict";
 
 require("core-js/modules/es.array.iterator.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.string.iterator.js");
-
 require("core-js/modules/es.weak-map.js");
-
 require("core-js/modules/web.dom-collections.iterator.js");
-
 require("core-js/modules/es.object.define-property.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _client = require("@apollo/client");
-
 var _reactPageBuilder = require("@blaze-cms/react-page-builder");
-
 var _nextjsComponents = require("@blaze-cms/nextjs-components");
-
 var _GTMRender = _interopRequireDefault(require("./GTMRender"));
-
 var _helpers = require("../helpers");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var GTMFactory = function GTMFactory(_ref) {
   var propsToDisplay = _ref.propsToDisplay,
-      userPropsToDisplay = _ref.userPropsToDisplay,
-      parent = _ref.parent,
-      gtmWebVitals = _ref.gtmWebVitals;
-
+    userPropsToDisplay = _ref.userPropsToDisplay,
+    parent = _ref.parent,
+    gtmWebVitals = _ref.gtmWebVitals;
   var _useContext = (0, _react.useContext)(_nextjsComponents.MainContext),
-      isPreview = _useContext.isPreview;
-
+    isPreview = _useContext.isPreview;
   var _useQuery = (0, _client.useQuery)(_reactPageBuilder.getSingleEntitySchema, {
-    variables: {
-      id: parent.itemEntity
-    }
-  }),
-      data = _useQuery.data,
-      error = _useQuery.error,
-      loading = _useQuery.loading;
-
+      variables: {
+        id: parent.itemEntity
+      }
+    }),
+    data = _useQuery.data,
+    error = _useQuery.error,
+    loading = _useQuery.loading;
   if (typeof window === 'undefined') return null;
   if (loading || error || !data) return null;
   var propsToDisplayArr = (0, _helpers.buildPropsToDisplayArray)(propsToDisplay);
   var extraProps = (0, _reactPageBuilder.buildPropsQuery)(data, propsToDisplayArr) || '';
-
   var _getRenderProps = (0, _helpers.getRenderProps)(extraProps, isPreview, data),
-      action = _getRenderProps.action,
-      actionKey = _getRenderProps.actionKey;
-
+    action = _getRenderProps.action,
+    actionKey = _getRenderProps.actionKey;
   return /*#__PURE__*/_react["default"].createElement(_GTMRender["default"], {
     action: action,
     actionKey: actionKey,
@@ -77,7 +53,6 @@ var GTMFactory = function GTMFactory(_ref) {
     webVitals: gtmWebVitals
   });
 };
-
 GTMFactory.propTypes = {
   propsToDisplay: _propTypes["default"].array,
   userPropsToDisplay: _propTypes["default"].array,

package/lib/GoogleTagManager/GTMFactory.js.map

@@ -1 +1 @@
-{"version":3,"file":"GTMFactory.js","names":["GTMFactory","propsToDisplay","userPropsToDisplay","parent","gtmWebVitals","useContext","MainContext","isPreview","useQuery","getSingleEntitySchema","variables","id","itemEntity","data","error","loading","window","propsToDisplayArr","buildPropsToDisplayArray","extraProps","buildPropsQuery","getRenderProps","action","actionKey","itemId","propTypes","PropTypes","array","object","isRequired","bool","defaultProps"],"sources":["../../src/GoogleTagManager/GTMFactory.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { useQuery } from '@apollo/client';\nimport { getSingleEntitySchema, buildPropsQuery } from '@blaze-cms/react-page-builder';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport GTMRender from './GTMRender';\nimport { getRenderProps, buildPropsToDisplayArray } from '../helpers';\n\nconst GTMFactory = ({ propsToDisplay, userPropsToDisplay, parent, gtmWebVitals }) => {\n  const { isPreview } = useContext(MainContext);\n  const { data, error, loading } = useQuery(getSingleEntitySchema, {\n    variables: { id: parent.itemEntity }\n  });\n\n  if (typeof window === 'undefined') return null;\n  if (loading || error || !data) return null;\n\n  const propsToDisplayArr = buildPropsToDisplayArray(propsToDisplay);\n  const extraProps = buildPropsQuery(data, propsToDisplayArr) || '';\n  const { action, actionKey } = getRenderProps(extraProps, isPreview, data);\n\n  return (\n    <GTMRender\n      action={action}\n      actionKey={actionKey}\n      userPropsToDisplay={userPropsToDisplay}\n      propsToDisplay={propsToDisplay}\n      parentId={parent.itemId}\n      webVitals={gtmWebVitals}\n    />\n  );\n};\n\nGTMFactory.propTypes = {\n  propsToDisplay: PropTypes.array,\n  userPropsToDisplay: PropTypes.array,\n  parent: PropTypes.object.isRequired,\n  gtmWebVitals: PropTypes.bool\n};\n\nGTMFactory.defaultProps = {\n  propsToDisplay: [],\n  userPropsToDisplay: [],\n  gtmWebVitals: false\n};\n\nexport default GTMFactory;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,UAAU,GAAG,SAAbA,UAAa,OAAkE;EAAA,IAA/DC,cAA+D,QAA/DA,cAA+D;EAAA,IAA/CC,kBAA+C,QAA/CA,kBAA+C;EAAA,IAA3BC,MAA2B,QAA3BA,MAA2B;EAAA,IAAnBC,YAAmB,QAAnBA,YAAmB;;EACnF,kBAAsB,IAAAC,iBAAA,EAAWC,6BAAX,CAAtB;EAAA,IAAQC,SAAR,eAAQA,SAAR;;EACA,gBAAiC,IAAAC,gBAAA,EAASC,uCAAT,EAAgC;IAC/DC,SAAS,EAAE;MAAEC,EAAE,EAAER,MAAM,CAACS;IAAb;EADoD,CAAhC,CAAjC;EAAA,IAAQC,IAAR,aAAQA,IAAR;EAAA,IAAcC,KAAd,aAAcA,KAAd;EAAA,IAAqBC,OAArB,aAAqBA,OAArB;;EAIA,IAAI,OAAOC,MAAP,KAAkB,WAAtB,EAAmC,OAAO,IAAP;EACnC,IAAID,OAAO,IAAID,KAAX,IAAoB,CAACD,IAAzB,EAA+B,OAAO,IAAP;EAE/B,IAAMI,iBAAiB,GAAG,IAAAC,iCAAA,EAAyBjB,cAAzB,CAA1B;EACA,IAAMkB,UAAU,GAAG,IAAAC,iCAAA,EAAgBP,IAAhB,EAAsBI,iBAAtB,KAA4C,EAA/D;;EACA,sBAA8B,IAAAI,uBAAA,EAAeF,UAAf,EAA2BZ,SAA3B,EAAsCM,IAAtC,CAA9B;EAAA,IAAQS,MAAR,mBAAQA,MAAR;EAAA,IAAgBC,SAAhB,mBAAgBA,SAAhB;;EAEA,oBACE,gCAAC,qBAAD;IACE,MAAM,EAAED,MADV;IAEE,SAAS,EAAEC,SAFb;IAGE,kBAAkB,EAAErB,kBAHtB;IAIE,cAAc,EAAED,cAJlB;IAKE,QAAQ,EAAEE,MAAM,CAACqB,MALnB;IAME,SAAS,EAAEpB;EANb,EADF;AAUD,CAvBD;;AAyBAJ,UAAU,CAACyB,SAAX,GAAuB;EACrBxB,cAAc,EAAEyB,qBAAA,CAAUC,KADL;EAErBzB,kBAAkB,EAAEwB,qBAAA,CAAUC,KAFT;EAGrBxB,MAAM,EAAEuB,qBAAA,CAAUE,MAAV,CAAiBC,UAHJ;EAIrBzB,YAAY,EAAEsB,qBAAA,CAAUI;AAJH,CAAvB;AAOA9B,UAAU,CAAC+B,YAAX,GAA0B;EACxB9B,cAAc,EAAE,EADQ;EAExBC,kBAAkB,EAAE,EAFI;EAGxBE,YAAY,EAAE;AAHU,CAA1B;eAMeJ,U"}
+{"version":3,"file":"GTMFactory.js","names":["GTMFactory","propsToDisplay","userPropsToDisplay","parent","gtmWebVitals","useContext","MainContext","isPreview","useQuery","getSingleEntitySchema","variables","id","itemEntity","data","error","loading","window","propsToDisplayArr","buildPropsToDisplayArray","extraProps","buildPropsQuery","getRenderProps","action","actionKey","itemId","propTypes","PropTypes","array","object","isRequired","bool","defaultProps"],"sources":["../../src/GoogleTagManager/GTMFactory.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { useQuery } from '@apollo/client';\nimport { getSingleEntitySchema, buildPropsQuery } from '@blaze-cms/react-page-builder';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport GTMRender from './GTMRender';\nimport { getRenderProps, buildPropsToDisplayArray } from '../helpers';\n\nconst GTMFactory = ({ propsToDisplay, userPropsToDisplay, parent, gtmWebVitals }) => {\n  const { isPreview } = useContext(MainContext);\n  const { data, error, loading } = useQuery(getSingleEntitySchema, {\n    variables: { id: parent.itemEntity }\n  });\n\n  if (typeof window === 'undefined') return null;\n  if (loading || error || !data) return null;\n\n  const propsToDisplayArr = buildPropsToDisplayArray(propsToDisplay);\n  const extraProps = buildPropsQuery(data, propsToDisplayArr) || '';\n  const { action, actionKey } = getRenderProps(extraProps, isPreview, data);\n\n  return (\n    <GTMRender\n      action={action}\n      actionKey={actionKey}\n      userPropsToDisplay={userPropsToDisplay}\n      propsToDisplay={propsToDisplay}\n      parentId={parent.itemId}\n      webVitals={gtmWebVitals}\n    />\n  );\n};\n\nGTMFactory.propTypes = {\n  propsToDisplay: PropTypes.array,\n  userPropsToDisplay: PropTypes.array,\n  parent: PropTypes.object.isRequired,\n  gtmWebVitals: PropTypes.bool\n};\n\nGTMFactory.defaultProps = {\n  propsToDisplay: [],\n  userPropsToDisplay: [],\n  gtmWebVitals: false\n};\n\nexport default GTMFactory;\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAsE;AAAA;AAEtE,IAAMA,UAAU,GAAG,SAAbA,UAAU,OAAqE;EAAA,IAA/DC,cAAc,QAAdA,cAAc;IAAEC,kBAAkB,QAAlBA,kBAAkB;IAAEC,MAAM,QAANA,MAAM;IAAEC,YAAY,QAAZA,YAAY;EAC5E,kBAAsB,IAAAC,iBAAU,EAACC,6BAAW,CAAC;IAArCC,SAAS,eAATA,SAAS;EACjB,gBAAiC,IAAAC,gBAAQ,EAACC,uCAAqB,EAAE;MAC/DC,SAAS,EAAE;QAAEC,EAAE,EAAER,MAAM,CAACS;MAAW;IACrC,CAAC,CAAC;IAFMC,IAAI,aAAJA,IAAI;IAAEC,KAAK,aAALA,KAAK;IAAEC,OAAO,aAAPA,OAAO;EAI5B,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE,OAAO,IAAI;EAC9C,IAAID,OAAO,IAAID,KAAK,IAAI,CAACD,IAAI,EAAE,OAAO,IAAI;EAE1C,IAAMI,iBAAiB,GAAG,IAAAC,iCAAwB,EAACjB,cAAc,CAAC;EAClE,IAAMkB,UAAU,GAAG,IAAAC,iCAAe,EAACP,IAAI,EAAEI,iBAAiB,CAAC,IAAI,EAAE;EACjE,sBAA8B,IAAAI,uBAAc,EAACF,UAAU,EAAEZ,SAAS,EAAEM,IAAI,CAAC;IAAjES,MAAM,mBAANA,MAAM;IAAEC,SAAS,mBAATA,SAAS;EAEzB,oBACE,gCAAC,qBAAS;IACR,MAAM,EAAED,MAAO;IACf,SAAS,EAAEC,SAAU;IACrB,kBAAkB,EAAErB,kBAAmB;IACvC,cAAc,EAAED,cAAe;IAC/B,QAAQ,EAAEE,MAAM,CAACqB,MAAO;IACxB,SAAS,EAAEpB;EAAa,EACxB;AAEN,CAAC;AAEDJ,UAAU,CAACyB,SAAS,GAAG;EACrBxB,cAAc,EAAEyB,qBAAS,CAACC,KAAK;EAC/BzB,kBAAkB,EAAEwB,qBAAS,CAACC,KAAK;EACnCxB,MAAM,EAAEuB,qBAAS,CAACE,MAAM,CAACC,UAAU;EACnCzB,YAAY,EAAEsB,qBAAS,CAACI;AAC1B,CAAC;AAED9B,UAAU,CAAC+B,YAAY,GAAG;EACxB9B,cAAc,EAAE,EAAE;EAClBC,kBAAkB,EAAE,EAAE;EACtBE,YAAY,EAAE;AAChB,CAAC;AAAC,eAEaJ,UAAU;AAAA"}

package/lib/GoogleTagManager/GTMRender.js

@@ -1,95 +1,66 @@
 "use strict";
 
 require("core-js/modules/es.object.keys.js");
-
 require("core-js/modules/es.symbol.js");
-
 require("core-js/modules/es.array.filter.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 require("core-js/modules/es.array.for-each.js");
-
 require("core-js/modules/web.dom-collections.for-each.js");
-
 require("core-js/modules/es.object.get-own-property-descriptors.js");
-
 require("core-js/modules/es.object.define-properties.js");
-
 require("core-js/modules/es.object.define-property.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _client = require("@apollo/client");
-
 var _router = require("next/router");
-
 var _reactPageBuilder = require("@blaze-cms/react-page-builder");
-
 var _coreAuthUi = require("@blaze-cms/core-auth-ui");
-
 var _helpers = require("../helpers");
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var GTMRender = function GTMRender(_ref) {
   var router = _ref.router,
-      action = _ref.action,
-      propsToDisplay = _ref.propsToDisplay,
-      parentId = _ref.parentId,
-      webVitals = _ref.webVitals,
-      userPropsToDisplay = _ref.userPropsToDisplay;
+    action = _ref.action,
+    propsToDisplay = _ref.propsToDisplay,
+    parentId = _ref.parentId,
+    webVitals = _ref.webVitals,
+    userPropsToDisplay = _ref.userPropsToDisplay;
   var asPath = router.asPath;
-
   var _useState = (0, _react.useState)({
-    url: '',
-    shouldPushLayer: false
-  }),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      currentLocation = _useState2[0],
-      setCurrentLocation = _useState2[1];
-
+      url: '',
+      shouldPushLayer: false
+    }),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    currentLocation = _useState2[0],
+    setCurrentLocation = _useState2[1];
   var _useQuery = (0, _client.useQuery)(action, {
-    variables: {
-      id: parentId
-    }
-  }),
-      data = _useQuery.data,
-      error = _useQuery.error,
-      loading = _useQuery.loading;
-
+      variables: {
+        id: parentId
+      }
+    }),
+    data = _useQuery.data,
+    error = _useQuery.error,
+    loading = _useQuery.loading;
   var _checkIfLoggedIn = (0, _coreAuthUi.checkIfLoggedIn)(),
-      userId = _checkIfLoggedIn.id;
-
+    userId = _checkIfLoggedIn.id;
   var hasUserProps = userId && userPropsToDisplay && userPropsToDisplay.length;
   var userProps = hasUserProps ? (0, _helpers.buildUserQueryProps)(userPropsToDisplay) : '';
-
   var _useQuery2 = (0, _client.useQuery)((0, _reactPageBuilder.getUser)(userProps), {
-    variables: {
-      id: userId
-    },
-    skip: !hasUserProps
-  }),
-      userData = _useQuery2.data,
-      userLoading = _useQuery2.loading;
-
+      variables: {
+        id: userId
+      },
+      skip: !hasUserProps
+    }),
+    userData = _useQuery2.data,
+    userLoading = _useQuery2.loading;
   if (loading || userLoading || !data || !data.entityData) return null;
   if (data.entityData.id !== parentId) return null;
   if (error) return error.message;
@@ -101,9 +72,7 @@ var GTMRender = function GTMRender(_ref) {
   var entityData = data.entityData;
   var dataLayerObject = (0, _helpers.buildDataLayer)(entityData, propsToDisplay, currentLocation.url);
   var userLayerObject = (0, _helpers.buildUserLayer)(userData, userPropsToDisplay);
-
   var extendedDataLayer = _objectSpread(_objectSpread({}, dataLayerObject), userLayerObject);
-
   if (webVitals) (0, _helpers.buildAndPushWebVitals)();
   (0, _helpers.pushToDataLayer)(extendedDataLayer, true);
   setCurrentLocation(_objectSpread(_objectSpread({}, currentLocation), {}, {
@@ -111,7 +80,6 @@ var GTMRender = function GTMRender(_ref) {
   }));
   return null;
 };
-
 GTMRender.propTypes = {
   userPropsToDisplay: _propTypes["default"].array.isRequired,
   action: _propTypes["default"].object.isRequired,
@@ -119,8 +87,6 @@ GTMRender.propTypes = {
   parentId: _propTypes["default"].string.isRequired,
   webVitals: _propTypes["default"].bool.isRequired
 };
-
 var _default = (0, _router.withRouter)(GTMRender);
-
 exports["default"] = _default;
 //# sourceMappingURL=GTMRender.js.map

package/lib/GoogleTagManager/GTMRender.js.map

@@ -1 +1 @@
-{"version":3,"file":"GTMRender.js","names":["GTMRender","router","action","propsToDisplay","parentId","webVitals","userPropsToDisplay","asPath","useState","url","shouldPushLayer","currentLocation","setCurrentLocation","useQuery","variables","id","data","error","loading","checkIfLoggedIn","userId","hasUserProps","length","userProps","buildUserQueryProps","getUser","skip","userData","userLoading","entityData","message","dataLayerObject","buildDataLayer","userLayerObject","buildUserLayer","extendedDataLayer","buildAndPushWebVitals","pushToDataLayer","propTypes","PropTypes","array","isRequired","object","string","bool","withRouter"],"sources":["../../src/GoogleTagManager/GTMRender.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useQuery } from '@apollo/client';\nimport { withRouter } from 'next/router';\nimport { getUser } from '@blaze-cms/react-page-builder';\nimport { checkIfLoggedIn } from '@blaze-cms/core-auth-ui';\nimport {\n  buildDataLayer,\n  buildAndPushWebVitals,\n  pushToDataLayer,\n  buildUserQueryProps,\n  buildUserLayer\n} from '../helpers';\n\nconst GTMRender = ({ router, action, propsToDisplay, parentId, webVitals, userPropsToDisplay }) => {\n  const { asPath } = router;\n  const [currentLocation, setCurrentLocation] = useState({ url: '', shouldPushLayer: false });\n\n  const { data, error, loading } = useQuery(action, {\n    variables: { id: parentId }\n  });\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 || !data || !data.entityData) return null;\n  if (data.entityData.id !== parentId) return null;\n  if (error) return error.message;\n  if (currentLocation.url !== asPath) setCurrentLocation({ url: asPath, shouldPushLayer: true });\n  if (!currentLocation.shouldPushLayer) return null;\n\n  const { entityData } = data;\n  const dataLayerObject = buildDataLayer(entityData, propsToDisplay, currentLocation.url);\n  const userLayerObject = buildUserLayer(userData, userPropsToDisplay);\n  const extendedDataLayer = { ...dataLayerObject, ...userLayerObject };\n\n  if (webVitals) buildAndPushWebVitals();\n  pushToDataLayer(extendedDataLayer, true);\n  setCurrentLocation({ ...currentLocation, shouldPushLayer: false });\n\n  return null;\n};\n\nGTMRender.propTypes = {\n  userPropsToDisplay: PropTypes.array.isRequired,\n  action: PropTypes.object.isRequired,\n  propsToDisplay: PropTypes.array.isRequired,\n  parentId: PropTypes.string.isRequired,\n  webVitals: PropTypes.bool.isRequired\n};\n\nexport default withRouter(GTMRender);\n"],"mappings":"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"}
+{"version":3,"file":"GTMRender.js","names":["GTMRender","router","action","propsToDisplay","parentId","webVitals","userPropsToDisplay","asPath","useState","url","shouldPushLayer","currentLocation","setCurrentLocation","useQuery","variables","id","data","error","loading","checkIfLoggedIn","userId","hasUserProps","length","userProps","buildUserQueryProps","getUser","skip","userData","userLoading","entityData","message","dataLayerObject","buildDataLayer","userLayerObject","buildUserLayer","extendedDataLayer","buildAndPushWebVitals","pushToDataLayer","propTypes","PropTypes","array","isRequired","object","string","bool","withRouter"],"sources":["../../src/GoogleTagManager/GTMRender.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useQuery } from '@apollo/client';\nimport { withRouter } from 'next/router';\nimport { getUser } from '@blaze-cms/react-page-builder';\nimport { checkIfLoggedIn } from '@blaze-cms/core-auth-ui';\nimport {\n  buildDataLayer,\n  buildAndPushWebVitals,\n  pushToDataLayer,\n  buildUserQueryProps,\n  buildUserLayer\n} from '../helpers';\n\nconst GTMRender = ({ router, action, propsToDisplay, parentId, webVitals, userPropsToDisplay }) => {\n  const { asPath } = router;\n  const [currentLocation, setCurrentLocation] = useState({ url: '', shouldPushLayer: false });\n\n  const { data, error, loading } = useQuery(action, {\n    variables: { id: parentId }\n  });\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 || !data || !data.entityData) return null;\n  if (data.entityData.id !== parentId) return null;\n  if (error) return error.message;\n  if (currentLocation.url !== asPath) setCurrentLocation({ url: asPath, shouldPushLayer: true });\n  if (!currentLocation.shouldPushLayer) return null;\n\n  const { entityData } = data;\n  const dataLayerObject = buildDataLayer(entityData, propsToDisplay, currentLocation.url);\n  const userLayerObject = buildUserLayer(userData, userPropsToDisplay);\n  const extendedDataLayer = { ...dataLayerObject, ...userLayerObject };\n\n  if (webVitals) buildAndPushWebVitals();\n  pushToDataLayer(extendedDataLayer, true);\n  setCurrentLocation({ ...currentLocation, shouldPushLayer: false });\n\n  return null;\n};\n\nGTMRender.propTypes = {\n  userPropsToDisplay: PropTypes.array.isRequired,\n  action: PropTypes.object.isRequired,\n  propsToDisplay: PropTypes.array.isRequired,\n  parentId: PropTypes.string.isRequired,\n  webVitals: PropTypes.bool.isRequired\n};\n\nexport default withRouter(GTMRender);\n"],"mappings":"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"}

package/lib/GoogleTagManager/index.js

@@ -1,16 +1,12 @@
 "use strict";
 
 require("core-js/modules/es.object.define-property.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _GTMFactory = _interopRequireDefault(require("./GTMFactory"));
-
 var _default = _GTMFactory["default"];
 exports["default"] = _default;
 //# sourceMappingURL=index.js.map

package/lib/GoogleTagManager/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["GTMFactory"],"sources":["../../src/GoogleTagManager/index.js"],"sourcesContent":["import GTMFactory from './GTMFactory';\n\nexport default GTMFactory;\n"],"mappings":";;;;;;;;;;;AAAA;;eAEeA,sB"}
+{"version":3,"file":"index.js","names":["GTMFactory"],"sources":["../../src/GoogleTagManager/index.js"],"sourcesContent":["import GTMFactory from './GTMFactory';\n\nexport default GTMFactory;\n"],"mappings":";;;;;;;;AAAA;AAAsC,eAEvBA,sBAAU;AAAA"}

package/lib/GoogleTagManagerEvent/GTMClickEvent.js

@@ -1,88 +1,59 @@
 "use strict";
 
 require("core-js/modules/es.object.keys.js");
-
 require("core-js/modules/es.symbol.js");
-
 require("core-js/modules/es.array.filter.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 require("core-js/modules/es.array.for-each.js");
-
 require("core-js/modules/web.dom-collections.for-each.js");
-
 require("core-js/modules/es.object.get-own-property-descriptors.js");
-
 require("core-js/modules/es.object.define-properties.js");
-
 require("core-js/modules/es.object.define-property.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _client = require("@apollo/client");
-
 var _coreAuthUi = require("@blaze-cms/core-auth-ui");
-
 var _reactPageBuilder = require("@blaze-cms/react-page-builder");
-
 var _GTMEvent = _interopRequireDefault(require("./GTMEvent"));
-
 var _helpers = require("../helpers");
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var GTMClickEvent = function GTMClickEvent(_ref) {
   var event = _ref.event,
-      componentProps = _ref.componentProps,
-      parentComponent = _ref.parentComponent;
+    componentProps = _ref.componentProps,
+    parentComponent = _ref.parentComponent;
   var eventTrigger = event.eventTrigger,
-      propsToDisplay = event.propsToDisplay,
-      userPropsToDisplay = event.userPropsToDisplay,
-      eventEcommerce = event.eventEcommerce;
-
+    propsToDisplay = event.propsToDisplay,
+    userPropsToDisplay = event.userPropsToDisplay,
+    eventEcommerce = event.eventEcommerce;
   var _checkIfLoggedIn = (0, _coreAuthUi.checkIfLoggedIn)(),
-      userId = _checkIfLoggedIn.id;
-
+    userId = _checkIfLoggedIn.id;
   var userProps = userId ? (0, _helpers.buildUserQueryProps)(userPropsToDisplay) : '';
-
   var _useQuery = (0, _client.useQuery)((0, _reactPageBuilder.getUser)(userProps), {
-    variables: {
-      id: userId
-    },
-    skip: !userId
-  }),
-      userData = _useQuery.data,
-      loading = _useQuery.loading;
-
+      variables: {
+        id: userId
+      },
+      skip: !userId
+    }),
+    userData = _useQuery.data,
+    loading = _useQuery.loading;
   if (loading) return null;
   var dataLayerProps = (0, _helpers.buildDataLayer)(componentProps, propsToDisplay);
   var dataLayerObject = (0, _helpers.buildNestedEvent)(eventEcommerce, event, dataLayerProps, parentComponent);
   var userLayerObject = (0, _helpers.buildUserLayer)(userData, userPropsToDisplay);
-
   var extendedDataLayer = _objectSpread(_objectSpread({}, dataLayerObject), userLayerObject);
-
   return /*#__PURE__*/_react["default"].createElement(_GTMEvent["default"], {
     dataLayerObject: extendedDataLayer,
     eventTrigger: eventTrigger
   });
 };
-
 GTMClickEvent.propTypes = {
   event: _propTypes["default"].object.isRequired,
   componentProps: _propTypes["default"].oneOfType([_propTypes["default"].object, _propTypes["default"].array]),

package/lib/GoogleTagManagerEvent/GTMClickEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"GTMClickEvent.js","names":["GTMClickEvent","event","componentProps","parentComponent","eventTrigger","propsToDisplay","userPropsToDisplay","eventEcommerce","checkIfLoggedIn","userId","id","userProps","buildUserQueryProps","useQuery","getUser","variables","skip","userData","data","loading","dataLayerProps","buildDataLayer","dataLayerObject","buildNestedEvent","userLayerObject","buildUserLayer","extendedDataLayer","propTypes","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;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,OAAgD;EAAA,IAA7CC,KAA6C,QAA7CA,KAA6C;EAAA,IAAtCC,cAAsC,QAAtCA,cAAsC;EAAA,IAAtBC,eAAsB,QAAtBA,eAAsB;EACpE,IAAQC,YAAR,GAA6EH,KAA7E,CAAQG,YAAR;EAAA,IAAsBC,cAAtB,GAA6EJ,KAA7E,CAAsBI,cAAtB;EAAA,IAAsCC,kBAAtC,GAA6EL,KAA7E,CAAsCK,kBAAtC;EAAA,IAA0DC,cAA1D,GAA6EN,KAA7E,CAA0DM,cAA1D;;EACA,uBAAuB,IAAAC,2BAAA,GAAvB;EAAA,IAAYC,MAAZ,oBAAQC,EAAR;;EACA,IAAMC,SAAS,GAAGF,MAAM,GAAG,IAAAG,4BAAA,EAAoBN,kBAApB,CAAH,GAA6C,EAArE;;EACA,gBAAoC,IAAAO,gBAAA,EAAS,IAAAC,yBAAA,EAAQH,SAAR,CAAT,EAA6B;IAC/DI,SAAS,EAAE;MAAEL,EAAE,EAAED;IAAN,CADoD;IAE/DO,IAAI,EAAE,CAACP;EAFwD,CAA7B,CAApC;EAAA,IAAcQ,QAAd,aAAQC,IAAR;EAAA,IAAwBC,OAAxB,aAAwBA,OAAxB;;EAIA,IAAIA,OAAJ,EAAa,OAAO,IAAP;EACb,IAAMC,cAAc,GAAG,IAAAC,uBAAA,EAAenB,cAAf,EAA+BG,cAA/B,CAAvB;EACA,IAAMiB,eAAe,GAAG,IAAAC,yBAAA,EAAiBhB,cAAjB,EAAiCN,KAAjC,EAAwCmB,cAAxC,EAAwDjB,eAAxD,CAAxB;EACA,IAAMqB,eAAe,GAAG,IAAAC,uBAAA,EAAeR,QAAf,EAAyBX,kBAAzB,CAAxB;;EAEA,IAAMoB,iBAAiB,mCAAQJ,eAAR,GAA4BE,eAA5B,CAAvB;;EAEA,oBAAO,gCAAC,oBAAD;IAAU,eAAe,EAAEE,iBAA3B;IAA8C,YAAY,EAAEtB;EAA5D,EAAP;AACD,CAhBD;;AAkBAJ,aAAa,CAAC2B,SAAd,GAA0B;EACxB1B,KAAK,EAAE2B,qBAAA,CAAUC,MAAV,CAAiBC,UADA;EAExB5B,cAAc,EAAE0B,qBAAA,CAAUG,SAAV,CAAoB,CAACH,qBAAA,CAAUC,MAAX,EAAmBD,qBAAA,CAAUI,KAA7B,CAApB,CAFQ;EAGxB7B,eAAe,EAAEyB,qBAAA,CAAUC;AAHH,CAA1B;AAMA7B,aAAa,CAACiC,YAAd,GAA6B;EAC3B/B,cAAc,EAAE,EADW;EAE3BC,eAAe,EAAE;AAFU,CAA7B;eAKeH,a"}
+{"version":3,"file":"GTMClickEvent.js","names":["GTMClickEvent","event","componentProps","parentComponent","eventTrigger","propsToDisplay","userPropsToDisplay","eventEcommerce","checkIfLoggedIn","userId","id","userProps","buildUserQueryProps","useQuery","getUser","variables","skip","userData","data","loading","dataLayerProps","buildDataLayer","dataLayerObject","buildNestedEvent","userLayerObject","buildUserLayer","extendedDataLayer","propTypes","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;AACA;AACA;AACA;AACA;AACA;AACA;AAAmG;AAAA;AAEnG,IAAMA,aAAa,GAAG,SAAhBA,aAAa,OAAmD;EAAA,IAA7CC,KAAK,QAALA,KAAK;IAAEC,cAAc,QAAdA,cAAc;IAAEC,eAAe,QAAfA,eAAe;EAC7D,IAAQC,YAAY,GAAyDH,KAAK,CAA1EG,YAAY;IAAEC,cAAc,GAAyCJ,KAAK,CAA5DI,cAAc;IAAEC,kBAAkB,GAAqBL,KAAK,CAA5CK,kBAAkB;IAAEC,cAAc,GAAKN,KAAK,CAAxBM,cAAc;EACxE,uBAAuB,IAAAC,2BAAe,GAAE;IAA5BC,MAAM,oBAAVC,EAAE;EACV,IAAMC,SAAS,GAAGF,MAAM,GAAG,IAAAG,4BAAmB,EAACN,kBAAkB,CAAC,GAAG,EAAE;EACvE,gBAAoC,IAAAO,gBAAQ,EAAC,IAAAC,yBAAO,EAACH,SAAS,CAAC,EAAE;MAC/DI,SAAS,EAAE;QAAEL,EAAE,EAAED;MAAO,CAAC;MACzBO,IAAI,EAAE,CAACP;IACT,CAAC,CAAC;IAHYQ,QAAQ,aAAdC,IAAI;IAAYC,OAAO,aAAPA,OAAO;EAI/B,IAAIA,OAAO,EAAE,OAAO,IAAI;EACxB,IAAMC,cAAc,GAAG,IAAAC,uBAAc,EAACnB,cAAc,EAAEG,cAAc,CAAC;EACrE,IAAMiB,eAAe,GAAG,IAAAC,yBAAgB,EAAChB,cAAc,EAAEN,KAAK,EAAEmB,cAAc,EAAEjB,eAAe,CAAC;EAChG,IAAMqB,eAAe,GAAG,IAAAC,uBAAc,EAACR,QAAQ,EAAEX,kBAAkB,CAAC;EAEpE,IAAMoB,iBAAiB,mCAAQJ,eAAe,GAAKE,eAAe,CAAE;EAEpE,oBAAO,gCAAC,oBAAQ;IAAC,eAAe,EAAEE,iBAAkB;IAAC,YAAY,EAAEtB;EAAa,EAAG;AACrF,CAAC;AAEDJ,aAAa,CAAC2B,SAAS,GAAG;EACxB1B,KAAK,EAAE2B,qBAAS,CAACC,MAAM,CAACC,UAAU;EAClC5B,cAAc,EAAE0B,qBAAS,CAACG,SAAS,CAAC,CAACH,qBAAS,CAACC,MAAM,EAAED,qBAAS,CAACI,KAAK,CAAC,CAAC;EACxE7B,eAAe,EAAEyB,qBAAS,CAACC;AAC7B,CAAC;AAED7B,aAAa,CAACiC,YAAY,GAAG;EAC3B/B,cAAc,EAAE,CAAC,CAAC;EAClBC,eAAe,EAAE,CAAC;AACpB,CAAC;AAAC,eAEaH,aAAa;AAAA"}

package/lib/GoogleTagManagerEvent/GTMClickEvents.js

@@ -1,30 +1,21 @@
 "use strict";
 
 require("core-js/modules/es.object.define-property.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 require("core-js/modules/es.array.map.js");
-
 require("core-js/modules/es.array.join.js");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _GTMClickEvent = _interopRequireDefault(require("./GTMClickEvent"));
-
 var GTMClickEvents = function GTMClickEvents(_ref) {
   var gtmEvents = _ref.gtmEvents,
-      componentProps = _ref.componentProps,
-      parentComponent = _ref.parentComponent;
+    componentProps = _ref.componentProps,
+    parentComponent = _ref.parentComponent;
   return gtmEvents.map(function (event, index) {
     var eventName = event.eventName;
     var dynamicKey = [eventName, index].join('-');
@@ -36,7 +27,6 @@ var GTMClickEvents = function GTMClickEvents(_ref) {
     }, event));
   });
 };
-
 GTMClickEvents.propTypes = {
   gtmEvents: _propTypes["default"].array,
   componentProps: _propTypes["default"].oneOfType([_propTypes["default"].object, _propTypes["default"].array]),

package/lib/GoogleTagManagerEvent/GTMClickEvents.js.map

@@ -1 +1 @@
-{"version":3,"file":"GTMClickEvents.js","names":["GTMClickEvents","gtmEvents","componentProps","parentComponent","map","event","index","eventName","dynamicKey","join","propTypes","PropTypes","array","oneOfType","object","defaultProps"],"sources":["../../src/GoogleTagManagerEvent/GTMClickEvents.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport GTMClickEvent from './GTMClickEvent';\n\nconst GTMClickEvents = ({ gtmEvents, componentProps, parentComponent }) =>\n  gtmEvents.map((event, index) => {\n    const { eventName } = event;\n    const dynamicKey = [eventName, index].join('-');\n\n    return (\n      <GTMClickEvent\n        key={dynamicKey}\n        event={event}\n        componentProps={componentProps}\n        parentComponent={parentComponent}\n        {...event}\n      />\n    );\n  });\n\nGTMClickEvents.propTypes = {\n  gtmEvents: PropTypes.array,\n  componentProps: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),\n  parentComponent: PropTypes.object\n};\n\nGTMClickEvents.defaultProps = {\n  gtmEvents: [],\n  componentProps: {},\n  parentComponent: {}\n};\n\nexport default GTMClickEvents;\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB;EAAA,IAAGC,SAAH,QAAGA,SAAH;EAAA,IAAcC,cAAd,QAAcA,cAAd;EAAA,IAA8BC,eAA9B,QAA8BA,eAA9B;EAAA,OACrBF,SAAS,CAACG,GAAV,CAAc,UAACC,KAAD,EAAQC,KAAR,EAAkB;IAC9B,IAAQC,SAAR,GAAsBF,KAAtB,CAAQE,SAAR;IACA,IAAMC,UAAU,GAAG,CAACD,SAAD,EAAYD,KAAZ,EAAmBG,IAAnB,CAAwB,GAAxB,CAAnB;IAEA,oBACE,gCAAC,yBAAD;MACE,GAAG,EAAED,UADP;MAEE,KAAK,EAAEH,KAFT;MAGE,cAAc,EAAEH,cAHlB;MAIE,eAAe,EAAEC;IAJnB,GAKME,KALN,EADF;EASD,CAbD,CADqB;AAAA,CAAvB;;AAgBAL,cAAc,CAACU,SAAf,GAA2B;EACzBT,SAAS,EAAEU,qBAAA,CAAUC,KADI;EAEzBV,cAAc,EAAES,qBAAA,CAAUE,SAAV,CAAoB,CAACF,qBAAA,CAAUG,MAAX,EAAmBH,qBAAA,CAAUC,KAA7B,CAApB,CAFS;EAGzBT,eAAe,EAAEQ,qBAAA,CAAUG;AAHF,CAA3B;AAMAd,cAAc,CAACe,YAAf,GAA8B;EAC5Bd,SAAS,EAAE,EADiB;EAE5BC,cAAc,EAAE,EAFY;EAG5BC,eAAe,EAAE;AAHW,CAA9B;eAMeH,c"}
+{"version":3,"file":"GTMClickEvents.js","names":["GTMClickEvents","gtmEvents","componentProps","parentComponent","map","event","index","eventName","dynamicKey","join","propTypes","PropTypes","array","oneOfType","object","defaultProps"],"sources":["../../src/GoogleTagManagerEvent/GTMClickEvents.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport GTMClickEvent from './GTMClickEvent';\n\nconst GTMClickEvents = ({ gtmEvents, componentProps, parentComponent }) =>\n  gtmEvents.map((event, index) => {\n    const { eventName } = event;\n    const dynamicKey = [eventName, index].join('-');\n\n    return (\n      <GTMClickEvent\n        key={dynamicKey}\n        event={event}\n        componentProps={componentProps}\n        parentComponent={parentComponent}\n        {...event}\n      />\n    );\n  });\n\nGTMClickEvents.propTypes = {\n  gtmEvents: PropTypes.array,\n  componentProps: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),\n  parentComponent: PropTypes.object\n};\n\nGTMClickEvents.defaultProps = {\n  gtmEvents: [],\n  componentProps: {},\n  parentComponent: {}\n};\n\nexport default GTMClickEvents;\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AAEA,IAAMA,cAAc,GAAG,SAAjBA,cAAc;EAAA,IAAMC,SAAS,QAATA,SAAS;IAAEC,cAAc,QAAdA,cAAc;IAAEC,eAAe,QAAfA,eAAe;EAAA,OAClEF,SAAS,CAACG,GAAG,CAAC,UAACC,KAAK,EAAEC,KAAK,EAAK;IAC9B,IAAQC,SAAS,GAAKF,KAAK,CAAnBE,SAAS;IACjB,IAAMC,UAAU,GAAG,CAACD,SAAS,EAAED,KAAK,CAAC,CAACG,IAAI,CAAC,GAAG,CAAC;IAE/C,oBACE,gCAAC,yBAAa;MACZ,GAAG,EAAED,UAAW;MAChB,KAAK,EAAEH,KAAM;MACb,cAAc,EAAEH,cAAe;MAC/B,eAAe,EAAEC;IAAgB,GAC7BE,KAAK,EACT;EAEN,CAAC,CAAC;AAAA;AAEJL,cAAc,CAACU,SAAS,GAAG;EACzBT,SAAS,EAAEU,qBAAS,CAACC,KAAK;EAC1BV,cAAc,EAAES,qBAAS,CAACE,SAAS,CAAC,CAACF,qBAAS,CAACG,MAAM,EAAEH,qBAAS,CAACC,KAAK,CAAC,CAAC;EACxET,eAAe,EAAEQ,qBAAS,CAACG;AAC7B,CAAC;AAEDd,cAAc,CAACe,YAAY,GAAG;EAC5Bd,SAAS,EAAE,EAAE;EACbC,cAAc,EAAE,CAAC,CAAC;EAClBC,eAAe,EAAE,CAAC;AACpB,CAAC;AAAC,eAEaH,cAAc;AAAA"}

package/lib/GoogleTagManagerEvent/GTMEvent.js

@@ -1,73 +1,50 @@
 "use strict";
 
 require("core-js/modules/es.array.iterator.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.string.iterator.js");
-
 require("core-js/modules/es.weak-map.js");
-
 require("core-js/modules/web.dom-collections.iterator.js");
-
 require("core-js/modules/es.object.define-property.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactWaypoint = require("react-waypoint");
-
 var _helpers = require("../helpers");
-
 var _constants = require("../constants");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var GTMEvent = function GTMEvent(_ref) {
   var dataLayerObject = _ref.dataLayerObject,
-      eventTrigger = _ref.eventTrigger,
-      currentLocation = _ref.currentLocation,
-      handleOnSuccess = _ref.handleOnSuccess;
-
+    eventTrigger = _ref.eventTrigger,
+    currentLocation = _ref.currentLocation,
+    handleOnSuccess = _ref.handleOnSuccess;
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      shouldPushLayer = _useState2[0],
-      setShouldPushLayer = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    shouldPushLayer = _useState2[0],
+    setShouldPushLayer = _useState2[1];
   var isViewEvent = eventTrigger === _constants.IN_VIEW;
   var isOnSuccess = eventTrigger === _constants.ON_SUCCESS && !!handleOnSuccess;
   (0, _react.useEffect)(function () {
     setShouldPushLayer(true);
   }, [currentLocation]);
-
   var pushDataLayer = function pushDataLayer() {
     (0, _helpers.pushToDataLayer)(dataLayerObject);
     setShouldPushLayer(false);
     if (isOnSuccess) handleOnSuccess();
   };
-
   if (!isViewEvent && shouldPushLayer) pushDataLayer();
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, isViewEvent && shouldPushLayer && /*#__PURE__*/_react["default"].createElement(_reactWaypoint.Waypoint, {
     onEnter: pushDataLayer
   }));
 };
-
 GTMEvent.propTypes = {
   handleOnSuccess: _propTypes["default"].func.isRequired,
   dataLayerObject: _propTypes["default"].object.isRequired,