@blaze-cms/plugin-gtm-fe 0.146.0-rc-eagle.0 → 0.146.0-rc-eagle-3.2

package/lib-es/GoogleTagManager/GTMFactory.js

@@ -0,0 +1,55 @@
+import React, { useContext } from 'react';
+import PropTypes from 'prop-types';
+import { useQuery } from '@apollo/client';
+import { getSingleEntitySchema, buildPropsQuery } from '@blaze-cms/react-page-builder';
+import { MainContext } from '@blaze-cms/nextjs-components';
+import GTMRender from './GTMRender';
+import { getRenderProps, buildPropsToDisplayArray } from '../helpers';
+const GTMFactory = ({
+  propsToDisplay,
+  userPropsToDisplay,
+  parent,
+  gtmWebVitals
+}) => {
+  const {
+    isPreview
+  } = useContext(MainContext);
+  const {
+    data,
+    error,
+    loading
+  } = useQuery(getSingleEntitySchema, {
+    variables: {
+      id: parent.itemEntity
+    }
+  });
+  if (typeof window === 'undefined') return null;
+  if (loading || error || !data) return null;
+  const propsToDisplayArr = buildPropsToDisplayArray(propsToDisplay);
+  const extraProps = buildPropsQuery(data, propsToDisplayArr) || '';
+  const {
+    action,
+    actionKey
+  } = getRenderProps(extraProps, isPreview, data);
+  return /*#__PURE__*/React.createElement(GTMRender, {
+    action: action,
+    actionKey: actionKey,
+    userPropsToDisplay: userPropsToDisplay,
+    propsToDisplay: propsToDisplay,
+    parentId: parent.itemId,
+    webVitals: gtmWebVitals
+  });
+};
+GTMFactory.propTypes = {
+  propsToDisplay: PropTypes.array,
+  userPropsToDisplay: PropTypes.array,
+  parent: PropTypes.object.isRequired,
+  gtmWebVitals: PropTypes.bool
+};
+GTMFactory.defaultProps = {
+  propsToDisplay: [],
+  userPropsToDisplay: [],
+  gtmWebVitals: false
+};
+export default GTMFactory;
+//# sourceMappingURL=GTMFactory.js.map

package/lib-es/GoogleTagManager/GTMFactory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GTMFactory.js","names":["React","useContext","PropTypes","useQuery","getSingleEntitySchema","buildPropsQuery","MainContext","GTMRender","getRenderProps","buildPropsToDisplayArray","GTMFactory","propsToDisplay","userPropsToDisplay","parent","gtmWebVitals","isPreview","data","error","loading","variables","id","itemEntity","window","propsToDisplayArr","extraProps","action","actionKey","createElement","parentId","itemId","webVitals","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,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,qBAAqB,EAAEC,eAAe,QAAQ,+BAA+B;AACtF,SAASC,WAAW,QAAQ,8BAA8B;AAC1D,OAAOC,SAAS,MAAM,aAAa;AACnC,SAASC,cAAc,EAAEC,wBAAwB,QAAQ,YAAY;AAErE,MAAMC,UAAU,GAAGA,CAAC;EAAEC,cAAc;EAAEC,kBAAkB;EAAEC,MAAM;EAAEC;AAAa,CAAC,KAAK;EACnF,MAAM;IAAEC;EAAU,CAAC,GAAGd,UAAU,CAACK,WAAW,CAAC;EAC7C,MAAM;IAAEU,IAAI;IAAEC,KAAK;IAAEC;EAAQ,CAAC,GAAGf,QAAQ,CAACC,qBAAqB,EAAE;IAC/De,SAAS,EAAE;MAAEC,EAAE,EAAEP,MAAM,CAACQ;IAAW;EACrC,CAAC,CAAC;EAEF,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE,OAAO,IAAI;EAC9C,IAAIJ,OAAO,IAAID,KAAK,IAAI,CAACD,IAAI,EAAE,OAAO,IAAI;EAE1C,MAAMO,iBAAiB,GAAGd,wBAAwB,CAACE,cAAc,CAAC;EAClE,MAAMa,UAAU,GAAGnB,eAAe,CAACW,IAAI,EAAEO,iBAAiB,CAAC,IAAI,EAAE;EACjE,MAAM;IAAEE,MAAM;IAAEC;EAAU,CAAC,GAAGlB,cAAc,CAACgB,UAAU,EAAET,SAAS,EAAEC,IAAI,CAAC;EAEzE,oBACEhB,KAAA,CAAA2B,aAAA,CAACpB,SAAS;IACRkB,MAAM,EAAEA,MAAO;IACfC,SAAS,EAAEA,SAAU;IACrBd,kBAAkB,EAAEA,kBAAmB;IACvCD,cAAc,EAAEA,cAAe;IAC/BiB,QAAQ,EAAEf,MAAM,CAACgB,MAAO;IACxBC,SAAS,EAAEhB;EAAa,CACzB,CAAC;AAEN,CAAC;AAEDJ,UAAU,CAACqB,SAAS,GAAG;EACrBpB,cAAc,EAAET,SAAS,CAAC8B,KAAK;EAC/BpB,kBAAkB,EAAEV,SAAS,CAAC8B,KAAK;EACnCnB,MAAM,EAAEX,SAAS,CAAC+B,MAAM,CAACC,UAAU;EACnCpB,YAAY,EAAEZ,SAAS,CAACiC;AAC1B,CAAC;AAEDzB,UAAU,CAAC0B,YAAY,GAAG;EACxBzB,cAAc,EAAE,EAAE;EAClBC,kBAAkB,EAAE,EAAE;EACtBE,YAAY,EAAE;AAChB,CAAC;AAED,eAAeJ,UAAU","ignoreList":[]}

package/lib-es/GoogleTagManager/GTMRender.js

@@ -0,0 +1,72 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { useState } from 'react';
+import PropTypes from 'prop-types';
+import { useQuery } from '@apollo/client';
+import { withRouter } from 'next/router';
+import { getCurrentUser } from '@blaze-cms/react-page-builder';
+import { buildDataLayer, buildAndPushWebVitals, pushToDataLayer, buildUserQueryProps, buildUserLayer } from '../helpers';
+const GTMRender = ({
+  router,
+  action,
+  propsToDisplay,
+  parentId,
+  webVitals,
+  userPropsToDisplay
+}) => {
+  const {
+    asPath
+  } = router;
+  const [currentLocation, setCurrentLocation] = useState({
+    url: '',
+    shouldPushLayer: false
+  });
+  const {
+    data,
+    error,
+    loading
+  } = useQuery(action, {
+    variables: {
+      id: parentId
+    }
+  });
+  const hasUserProps = userPropsToDisplay && userPropsToDisplay.length;
+  const userProps = hasUserProps ? buildUserQueryProps(userPropsToDisplay) : '';
+  const {
+    data: userData,
+    loading: userLoading
+  } = useQuery(getCurrentUser(userProps), {
+    variables: {},
+    skip: !hasUserProps
+  });
+  if (loading || userLoading || !data || !data.entityData) return null;
+  if (data.entityData.id !== parentId) return null;
+  if (error) return error.message;
+  if (currentLocation.url !== asPath) setCurrentLocation({
+    url: asPath,
+    shouldPushLayer: true
+  });
+  if (!currentLocation.shouldPushLayer) return null;
+  const {
+    entityData
+  } = data;
+  const dataLayerObject = buildDataLayer(entityData, propsToDisplay, currentLocation.url);
+  const userLayerObject = buildUserLayer(userData, userPropsToDisplay);
+  const extendedDataLayer = _objectSpread(_objectSpread({}, dataLayerObject), userLayerObject);
+  if (webVitals) buildAndPushWebVitals();
+  pushToDataLayer(extendedDataLayer, true);
+  setCurrentLocation(_objectSpread(_objectSpread({}, currentLocation), {}, {
+    shouldPushLayer: false
+  }));
+  return null;
+};
+GTMRender.propTypes = {
+  userPropsToDisplay: PropTypes.array.isRequired,
+  action: PropTypes.object.isRequired,
+  propsToDisplay: PropTypes.array.isRequired,
+  parentId: PropTypes.string.isRequired,
+  webVitals: PropTypes.bool.isRequired
+};
+export default withRouter(GTMRender);
+//# sourceMappingURL=GTMRender.js.map

package/lib-es/GoogleTagManager/GTMRender.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GTMRender.js","names":["useState","PropTypes","useQuery","withRouter","getCurrentUser","buildDataLayer","buildAndPushWebVitals","pushToDataLayer","buildUserQueryProps","buildUserLayer","GTMRender","router","action","propsToDisplay","parentId","webVitals","userPropsToDisplay","asPath","currentLocation","setCurrentLocation","url","shouldPushLayer","data","error","loading","variables","id","hasUserProps","length","userProps","userData","userLoading","skip","entityData","message","dataLayerObject","userLayerObject","extendedDataLayer","_objectSpread","propTypes","array","isRequired","object","string","bool"],"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 { getCurrentUser } from '@blaze-cms/react-page-builder';\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 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 || !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":";;;AAAA,SAASA,QAAQ,QAAQ,OAAO;AAChC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,UAAU,QAAQ,aAAa;AACxC,SAASC,cAAc,QAAQ,+BAA+B;AAC9D,SACEC,cAAc,EACdC,qBAAqB,EACrBC,eAAe,EACfC,mBAAmB,EACnBC,cAAc,QACT,YAAY;AAEnB,MAAMC,SAAS,GAAGA,CAAC;EAAEC,MAAM;EAAEC,MAAM;EAAEC,cAAc;EAAEC,QAAQ;EAAEC,SAAS;EAAEC;AAAmB,CAAC,KAAK;EACjG,MAAM;IAAEC;EAAO,CAAC,GAAGN,MAAM;EACzB,MAAM,CAACO,eAAe,EAAEC,kBAAkB,CAAC,GAAGnB,QAAQ,CAAC;IAAEoB,GAAG,EAAE,EAAE;IAAEC,eAAe,EAAE;EAAM,CAAC,CAAC;EAE3F,MAAM;IAAEC,IAAI;IAAEC,KAAK;IAAEC;EAAQ,CAAC,GAAGtB,QAAQ,CAACU,MAAM,EAAE;IAChDa,SAAS,EAAE;MAAEC,EAAE,EAAEZ;IAAS;EAC5B,CAAC,CAAC;EACF,MAAMa,YAAY,GAAGX,kBAAkB,IAAIA,kBAAkB,CAACY,MAAM;EACpE,MAAMC,SAAS,GAAGF,YAAY,GAAGnB,mBAAmB,CAACQ,kBAAkB,CAAC,GAAG,EAAE;EAC7E,MAAM;IAAEM,IAAI,EAAEQ,QAAQ;IAAEN,OAAO,EAAEO;EAAY,CAAC,GAAG7B,QAAQ,CAACE,cAAc,CAACyB,SAAS,CAAC,EAAE;IACnFJ,SAAS,EAAE,CAAC,CAAC;IACbO,IAAI,EAAE,CAACL;EACT,CAAC,CAAC;EAEF,IAAIH,OAAO,IAAIO,WAAW,IAAI,CAACT,IAAI,IAAI,CAACA,IAAI,CAACW,UAAU,EAAE,OAAO,IAAI;EACpE,IAAIX,IAAI,CAACW,UAAU,CAACP,EAAE,KAAKZ,QAAQ,EAAE,OAAO,IAAI;EAChD,IAAIS,KAAK,EAAE,OAAOA,KAAK,CAACW,OAAO;EAC/B,IAAIhB,eAAe,CAACE,GAAG,KAAKH,MAAM,EAAEE,kBAAkB,CAAC;IAAEC,GAAG,EAAEH,MAAM;IAAEI,eAAe,EAAE;EAAK,CAAC,CAAC;EAC9F,IAAI,CAACH,eAAe,CAACG,eAAe,EAAE,OAAO,IAAI;EAEjD,MAAM;IAAEY;EAAW,CAAC,GAAGX,IAAI;EAC3B,MAAMa,eAAe,GAAG9B,cAAc,CAAC4B,UAAU,EAAEpB,cAAc,EAAEK,eAAe,CAACE,GAAG,CAAC;EACvF,MAAMgB,eAAe,GAAG3B,cAAc,CAACqB,QAAQ,EAAEd,kBAAkB,CAAC;EACpE,MAAMqB,iBAAiB,GAAAC,aAAA,CAAAA,aAAA,KAAQH,eAAe,GAAKC,eAAe,CAAE;EAEpE,IAAIrB,SAAS,EAAET,qBAAqB,CAAC,CAAC;EACtCC,eAAe,CAAC8B,iBAAiB,EAAE,IAAI,CAAC;EACxClB,kBAAkB,CAAAmB,aAAA,CAAAA,aAAA,KAAMpB,eAAe;IAAEG,eAAe,EAAE;EAAK,EAAE,CAAC;EAElE,OAAO,IAAI;AACb,CAAC;AAEDX,SAAS,CAAC6B,SAAS,GAAG;EACpBvB,kBAAkB,EAAEf,SAAS,CAACuC,KAAK,CAACC,UAAU;EAC9C7B,MAAM,EAAEX,SAAS,CAACyC,MAAM,CAACD,UAAU;EACnC5B,cAAc,EAAEZ,SAAS,CAACuC,KAAK,CAACC,UAAU;EAC1C3B,QAAQ,EAAEb,SAAS,CAAC0C,MAAM,CAACF,UAAU;EACrC1B,SAAS,EAAEd,SAAS,CAAC2C,IAAI,CAACH;AAC5B,CAAC;AAED,eAAetC,UAAU,CAACO,SAAS,CAAC","ignoreList":[]}

package/lib-es/GoogleTagManager/index.js

@@ -0,0 +1,3 @@
+import GTMFactory from './GTMFactory';
+export default GTMFactory;
+//# sourceMappingURL=index.js.map

package/lib-es/GoogleTagManager/index.js.map

@@ -0,0 +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,OAAOA,UAAU,MAAM,cAAc;AAErC,eAAeA,UAAU","ignoreList":[]}

package/lib-es/GoogleTagManagerEvent/GTMClickEvent.js

@@ -0,0 +1,55 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import React from 'react';
+import PropTypes from 'prop-types';
+import { useQuery } from '@apollo/client';
+import { checkIfLoggedIn } from '@blaze-cms/core-auth-ui';
+import { getCurrentUser } from '@blaze-cms/react-page-builder';
+import GTMEvent from './GTMEvent';
+import { buildDataLayer, buildNestedEvent, buildUserQueryProps, buildUserLayer } from '../helpers';
+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(getCurrentUser(userProps), {
+    variables: {
+      id: userId
+    },
+    skip: !userId
+  });
+  if (loading) return null;
+  const dataLayerProps = buildDataLayer(componentProps, propsToDisplay);
+  const dataLayerObject = buildNestedEvent(eventEcommerce, event, dataLayerProps, parentComponent);
+  const userLayerObject = buildUserLayer(userData, userPropsToDisplay);
+  const extendedDataLayer = _objectSpread(_objectSpread({}, dataLayerObject), userLayerObject);
+  return /*#__PURE__*/React.createElement(GTMEvent, {
+    dataLayerObject: extendedDataLayer,
+    eventTrigger: eventTrigger
+  });
+};
+GTMClickEvent.propTypes = {
+  event: PropTypes.object.isRequired,
+  componentProps: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
+  parentComponent: PropTypes.object
+};
+GTMClickEvent.defaultProps = {
+  componentProps: {},
+  parentComponent: {}
+};
+export default GTMClickEvent;
+//# sourceMappingURL=GTMClickEvent.js.map

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

@@ -0,0 +1 @@
+{"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/GTMClickEvents.js

@@ -0,0 +1,32 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import PropTypes from 'prop-types';
+import GTMClickEvent from './GTMClickEvent';
+const GTMClickEvents = ({
+  gtmEvents,
+  componentProps,
+  parentComponent
+}) => gtmEvents.map((event, index) => {
+  const {
+    eventName
+  } = event;
+  const dynamicKey = [eventName, index].join('-');
+  return /*#__PURE__*/React.createElement(GTMClickEvent, _extends({
+    key: dynamicKey,
+    event: event,
+    componentProps: componentProps,
+    parentComponent: parentComponent
+  }, event));
+});
+GTMClickEvents.propTypes = {
+  gtmEvents: PropTypes.array,
+  componentProps: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
+  parentComponent: PropTypes.object
+};
+GTMClickEvents.defaultProps = {
+  gtmEvents: [],
+  componentProps: {},
+  parentComponent: {}
+};
+export default GTMClickEvents;
+//# sourceMappingURL=GTMClickEvents.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GTMClickEvents.js","names":["React","PropTypes","GTMClickEvent","GTMClickEvents","gtmEvents","componentProps","parentComponent","map","event","index","eventName","dynamicKey","join","createElement","_extends","key","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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,aAAa,MAAM,iBAAiB;AAE3C,MAAMC,cAAc,GAAGA,CAAC;EAAEC,SAAS;EAAEC,cAAc;EAAEC;AAAgB,CAAC,KACpEF,SAAS,CAACG,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,KAAK;EAC9B,MAAM;IAAEC;EAAU,CAAC,GAAGF,KAAK;EAC3B,MAAMG,UAAU,GAAG,CAACD,SAAS,EAAED,KAAK,CAAC,CAACG,IAAI,CAAC,GAAG,CAAC;EAE/C,oBACEZ,KAAA,CAAAa,aAAA,CAACX,aAAa,EAAAY,QAAA;IACZC,GAAG,EAAEJ,UAAW;IAChBH,KAAK,EAAEA,KAAM;IACbH,cAAc,EAAEA,cAAe;IAC/BC,eAAe,EAAEA;EAAgB,GAC7BE,KAAK,CACV,CAAC;AAEN,CAAC,CAAC;AAEJL,cAAc,CAACa,SAAS,GAAG;EACzBZ,SAAS,EAAEH,SAAS,CAACgB,KAAK;EAC1BZ,cAAc,EAAEJ,SAAS,CAACiB,SAAS,CAAC,CAACjB,SAAS,CAACkB,MAAM,EAAElB,SAAS,CAACgB,KAAK,CAAC,CAAC;EACxEX,eAAe,EAAEL,SAAS,CAACkB;AAC7B,CAAC;AAEDhB,cAAc,CAACiB,YAAY,GAAG;EAC5BhB,SAAS,EAAE,EAAE;EACbC,cAAc,EAAE,CAAC,CAAC;EAClBC,eAAe,EAAE,CAAC;AACpB,CAAC;AAED,eAAeH,cAAc","ignoreList":[]}

package/lib-es/GoogleTagManagerEvent/GTMEvent.js

@@ -0,0 +1,38 @@
+import React, { useState, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import { Waypoint } from 'react-waypoint';
+import { pushToDataLayer } from '../helpers';
+import { IN_VIEW, ON_SUCCESS } from '../constants';
+const GTMEvent = ({
+  dataLayerObject,
+  eventTrigger,
+  currentLocation,
+  handleOnSuccess
+}) => {
+  const [shouldPushLayer, setShouldPushLayer] = useState(false);
+  const isViewEvent = eventTrigger === IN_VIEW;
+  const isOnSuccess = eventTrigger === ON_SUCCESS && !!handleOnSuccess;
+  useEffect(() => {
+    setShouldPushLayer(true);
+  }, [currentLocation]);
+  const pushDataLayer = () => {
+    pushToDataLayer(dataLayerObject);
+    setShouldPushLayer(false);
+    if (isOnSuccess) handleOnSuccess();
+  };
+  if (!isViewEvent && shouldPushLayer) {
+    pushDataLayer();
+    return null;
+  }
+  return isViewEvent && shouldPushLayer ? /*#__PURE__*/React.createElement(Waypoint, {
+    onEnter: pushDataLayer
+  }) : null;
+};
+GTMEvent.propTypes = {
+  handleOnSuccess: PropTypes.func.isRequired,
+  dataLayerObject: PropTypes.object.isRequired,
+  eventTrigger: PropTypes.string.isRequired,
+  currentLocation: PropTypes.string.isRequired
+};
+export default GTMEvent;
+//# sourceMappingURL=GTMEvent.js.map

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

@@ -0,0 +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","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/GTMEventFactory.js

@@ -0,0 +1,92 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+const _excluded = ["propsToDisplay"];
+import React, { useContext } from 'react';
+import PropTypes from 'prop-types';
+import { useQuery } from '@apollo/client';
+import { getSingleEntitySchema, buildPropsQuery } from '@blaze-cms/react-page-builder';
+import { MainContext } from '@blaze-cms/nextjs-components';
+import GTMEventRender from './GTMEventRender';
+import { getRenderProps, getIdsToUse, buildPropsToDisplayArray } from '../helpers';
+import { GTM_EVENT_FACTORY } from '../constants';
+const GTMEventFactory = ({
+  parent,
+  gtmEvents,
+  parentData,
+  clickId,
+  parentComponent
+}) => {
+  const {
+    isPreview
+  } = useContext(MainContext);
+  const [{
+    itemEntity = parent.itemEntity
+  } = {}] = parentData || [];
+  const {
+    data,
+    error,
+    loading
+  } = useQuery(getSingleEntitySchema, {
+    variables: {
+      id: itemEntity
+    }
+  });
+  if (loading || error || !data) return null;
+  return gtmEvents.map((_ref, i) => {
+    let {
+        propsToDisplay
+      } = _ref,
+      eventProps = _objectWithoutProperties(_ref, _excluded);
+    const hasNoPropsToDisplay = !propsToDisplay || !propsToDisplay.length;
+    const propsToDisplayArr = buildPropsToDisplayArray(propsToDisplay);
+    const extraProps = hasNoPropsToDisplay ? '' : buildPropsQuery(data, propsToDisplayArr);
+    const shouldUseParentData = !clickId && parentData && parentData.length;
+    const itemIdToUse = clickId || parent.itemId;
+    const itemId = shouldUseParentData ? getIdsToUse(parentData) : itemIdToUse;
+    const shouldUseMultiQuery = Array.isArray(itemId);
+    const {
+      action,
+      actionKey
+    } = getRenderProps(extraProps, isPreview, data, shouldUseMultiQuery);
+    const dynamicKey = `${GTM_EVENT_FACTORY}${i}`;
+    const queryVariables = shouldUseMultiQuery ? {
+      variables: {
+        where: {
+          id: {
+            _in: itemId
+          }
+        }
+      },
+      skip: hasNoPropsToDisplay
+    } : {
+      variables: {
+        id: itemId
+      },
+      skip: hasNoPropsToDisplay
+    };
+    return /*#__PURE__*/React.createElement(GTMEventRender, _extends({
+      key: dynamicKey,
+      action: action,
+      actionKey: actionKey,
+      propsToDisplay: propsToDisplay,
+      id: itemId,
+      queryVariables: queryVariables,
+      parentComponent: parentComponent
+    }, eventProps));
+  });
+};
+GTMEventFactory.propTypes = {
+  parent: PropTypes.object.isRequired,
+  clickId: PropTypes.string,
+  gtmEvents: PropTypes.array,
+  parentData: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
+  parentComponent: PropTypes.object
+};
+GTMEventFactory.defaultProps = {
+  clickId: null,
+  gtmEvents: [],
+  parentData: null,
+  parentComponent: {}
+};
+export default GTMEventFactory;
+//# sourceMappingURL=GTMEventFactory.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GTMEventFactory.js","names":["React","useContext","PropTypes","useQuery","getSingleEntitySchema","buildPropsQuery","MainContext","GTMEventRender","getRenderProps","getIdsToUse","buildPropsToDisplayArray","GTM_EVENT_FACTORY","GTMEventFactory","parent","gtmEvents","parentData","clickId","parentComponent","isPreview","itemEntity","data","error","loading","variables","id","map","_ref","i","propsToDisplay","eventProps","_objectWithoutProperties","_excluded","hasNoPropsToDisplay","length","propsToDisplayArr","extraProps","shouldUseParentData","itemIdToUse","itemId","shouldUseMultiQuery","Array","isArray","action","actionKey","dynamicKey","queryVariables","where","_in","skip","createElement","_extends","key","propTypes","object","isRequired","string","array","oneOfType","defaultProps"],"sources":["../../src/GoogleTagManagerEvent/GTMEventFactory.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 GTMEventRender from './GTMEventRender';\nimport { getRenderProps, getIdsToUse, buildPropsToDisplayArray } from '../helpers';\nimport { GTM_EVENT_FACTORY } from '../constants';\n\nconst GTMEventFactory = ({ parent, gtmEvents, parentData, clickId, parentComponent }) => {\n  const { isPreview } = useContext(MainContext);\n  const [{ itemEntity = parent.itemEntity } = {}] = parentData || [];\n  const { data, error, loading } = useQuery(getSingleEntitySchema, {\n    variables: { id: itemEntity }\n  });\n\n  if (loading || error || !data) return null;\n\n  return gtmEvents.map(({ propsToDisplay, ...eventProps }, i) => {\n    const hasNoPropsToDisplay = !propsToDisplay || !propsToDisplay.length;\n    const propsToDisplayArr = buildPropsToDisplayArray(propsToDisplay);\n    const extraProps = hasNoPropsToDisplay ? '' : buildPropsQuery(data, propsToDisplayArr);\n    const shouldUseParentData = !clickId && parentData && parentData.length;\n    const itemIdToUse = clickId || parent.itemId;\n    const itemId = shouldUseParentData ? getIdsToUse(parentData) : itemIdToUse;\n    const shouldUseMultiQuery = Array.isArray(itemId);\n    const { action, actionKey } = getRenderProps(extraProps, isPreview, data, shouldUseMultiQuery);\n    const dynamicKey = `${GTM_EVENT_FACTORY}${i}`;\n    const queryVariables = shouldUseMultiQuery\n      ? {\n          variables: { where: { id: { _in: itemId } } },\n          skip: hasNoPropsToDisplay\n        }\n      : {\n          variables: { id: itemId },\n          skip: hasNoPropsToDisplay\n        };\n\n    return (\n      <GTMEventRender\n        key={dynamicKey}\n        action={action}\n        actionKey={actionKey}\n        propsToDisplay={propsToDisplay}\n        id={itemId}\n        queryVariables={queryVariables}\n        parentComponent={parentComponent}\n        {...eventProps}\n      />\n    );\n  });\n};\n\nGTMEventFactory.propTypes = {\n  parent: PropTypes.object.isRequired,\n  clickId: PropTypes.string,\n  gtmEvents: PropTypes.array,\n  parentData: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),\n  parentComponent: PropTypes.object\n};\n\nGTMEventFactory.defaultProps = {\n  clickId: null,\n  gtmEvents: [],\n  parentData: null,\n  parentComponent: {}\n};\n\nexport default GTMEventFactory;\n"],"mappings":"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","ignoreList":[]}

package/lib-es/GoogleTagManagerEvent/GTMEventRender.js

@@ -0,0 +1,81 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+const _excluded = ["router", "action", "actionKey", "queryVariables", "parentComponent", "userPropsToDisplay", "handleOnSuccess"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import React, { useState } from 'react';
+import PropTypes from 'prop-types';
+import { useQuery } from '@apollo/client';
+import { getCurrentUser } from '@blaze-cms/react-page-builder';
+import { withRouter } from 'next/router';
+import GTMEvent from './GTMEvent';
+import { buildDataLayer, buildNestedEvent, buildUserQueryProps, buildUserLayer } from '../helpers';
+const GTMEventRender = _ref => {
+  let {
+      router,
+      action,
+      actionKey,
+      queryVariables,
+      parentComponent,
+      userPropsToDisplay,
+      handleOnSuccess
+    } = _ref,
+    eventProps = _objectWithoutProperties(_ref, _excluded);
+  const {
+    asPath
+  } = router;
+  const [currentLocation, setCurrentLocation] = useState('');
+  const {
+    data = {},
+    error,
+    loading
+  } = useQuery(action, queryVariables);
+  const hasUserProps = userPropsToDisplay && userPropsToDisplay.length;
+  const userProps = hasUserProps ? buildUserQueryProps(userPropsToDisplay) : '';
+  const {
+    data: userData,
+    loading: userLoading
+  } = useQuery(getCurrentUser(userProps), {
+    variables: {},
+    skip: !hasUserProps
+  });
+  if (loading || userLoading || error) return null;
+  const gtmData = data.entityData || data[actionKey];
+  if (currentLocation !== asPath) {
+    setCurrentLocation(asPath);
+    return null;
+  }
+  const {
+    eventTrigger,
+    propsToDisplay,
+    eventEcommerce
+  } = eventProps;
+  const dataLayerProps = buildDataLayer(gtmData, propsToDisplay);
+  const dataLayerObject = buildNestedEvent(eventEcommerce, eventProps, dataLayerProps, parentComponent);
+  const userLayerObject = buildUserLayer(userData, userPropsToDisplay);
+  const extendedDataLayer = _objectSpread(_objectSpread({}, dataLayerObject), userLayerObject);
+  return /*#__PURE__*/React.createElement(GTMEvent, {
+    dataLayerObject: extendedDataLayer,
+    eventTrigger: eventTrigger,
+    currentLocation: currentLocation,
+    handleOnSuccess: handleOnSuccess
+  });
+};
+GTMEventRender.propTypes = {
+  userPropsToDisplay: PropTypes.array,
+  router: PropTypes.object.isRequired,
+  action: PropTypes.object.isRequired,
+  actionKey: PropTypes.string.isRequired,
+  queryVariables: PropTypes.object.isRequired,
+  parentComponent: PropTypes.object.isRequired,
+  handleOnSuccess: PropTypes.func
+};
+GTMEventRender.defaultProps = {
+  userPropsToDisplay: [],
+  handleOnSuccess: () => {}
+};
+GTMEventRender.defaultProps = {
+  userPropsToDisplay: []
+};
+export default withRouter(GTMEventRender);
+//# sourceMappingURL=GTMEventRender.js.map

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

@@ -0,0 +1 @@
+{"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/lib-es/GoogleTagManagerEvent/GTMEventSwitch.js

@@ -0,0 +1,40 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+const _excluded = ["gtmEvents", "clickState", "clickId"];
+import React from 'react';
+import PropTypes from 'prop-types';
+import GTMClickEvents from './GTMClickEvents';
+import GTMEventFactory from './GTMEventFactory';
+import { filterGtmEvents } from '../helpers';
+const GTMEventSwitch = _ref => {
+  let {
+      gtmEvents,
+      clickState,
+      clickId
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  if (typeof window === 'undefined' || !gtmEvents.length) return null;
+  const {
+    clickEvents,
+    regularEvents
+  } = filterGtmEvents(gtmEvents);
+  const GTMClickFactory = clickId ? GTMEventFactory : GTMClickEvents;
+  return clickState ? /*#__PURE__*/React.createElement(GTMClickFactory, _extends({
+    gtmEvents: clickEvents,
+    clickId: clickId
+  }, props)) : /*#__PURE__*/React.createElement(GTMEventFactory, _extends({
+    gtmEvents: regularEvents
+  }, props));
+};
+GTMEventSwitch.propTypes = {
+  clickId: PropTypes.string,
+  gtmEvents: PropTypes.array,
+  clickState: PropTypes.bool
+};
+GTMEventSwitch.defaultProps = {
+  clickId: null,
+  gtmEvents: [],
+  clickState: false
+};
+export default GTMEventSwitch;
+//# sourceMappingURL=GTMEventSwitch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GTMEventSwitch.js","names":["React","PropTypes","GTMClickEvents","GTMEventFactory","filterGtmEvents","GTMEventSwitch","_ref","gtmEvents","clickState","clickId","props","_objectWithoutProperties","_excluded","window","length","clickEvents","regularEvents","GTMClickFactory","createElement","_extends","propTypes","string","array","bool","defaultProps"],"sources":["../../src/GoogleTagManagerEvent/GTMEventSwitch.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport GTMClickEvents from './GTMClickEvents';\nimport GTMEventFactory from './GTMEventFactory';\nimport { filterGtmEvents } from '../helpers';\n\nconst GTMEventSwitch = ({ gtmEvents, clickState, clickId, ...props }) => {\n  if (typeof window === 'undefined' || !gtmEvents.length) return null;\n  const { clickEvents, regularEvents } = filterGtmEvents(gtmEvents);\n  const GTMClickFactory = clickId ? GTMEventFactory : GTMClickEvents;\n\n  return clickState ? (\n    <GTMClickFactory gtmEvents={clickEvents} clickId={clickId} {...props} />\n  ) : (\n    <GTMEventFactory gtmEvents={regularEvents} {...props} />\n  );\n};\n\nGTMEventSwitch.propTypes = {\n  clickId: PropTypes.string,\n  gtmEvents: PropTypes.array,\n  clickState: PropTypes.bool\n};\n\nGTMEventSwitch.defaultProps = {\n  clickId: null,\n  gtmEvents: [],\n  clickState: false\n};\n\nexport default GTMEventSwitch;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,cAAc,MAAM,kBAAkB;AAC7C,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,SAASC,eAAe,QAAQ,YAAY;AAE5C,MAAMC,cAAc,GAAGC,IAAA,IAAkD;EAAA,IAAjD;MAAEC,SAAS;MAAEC,UAAU;MAAEC;IAAkB,CAAC,GAAAH,IAAA;IAAPI,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAChE,IAAI,OAAOC,MAAM,KAAK,WAAW,IAAI,CAACN,SAAS,CAACO,MAAM,EAAE,OAAO,IAAI;EACnE,MAAM;IAAEC,WAAW;IAAEC;EAAc,CAAC,GAAGZ,eAAe,CAACG,SAAS,CAAC;EACjE,MAAMU,eAAe,GAAGR,OAAO,GAAGN,eAAe,GAAGD,cAAc;EAElE,OAAOM,UAAU,gBACfR,KAAA,CAAAkB,aAAA,CAACD,eAAe,EAAAE,QAAA;IAACZ,SAAS,EAAEQ,WAAY;IAACN,OAAO,EAAEA;EAAQ,GAAKC,KAAK,CAAG,CAAC,gBAExEV,KAAA,CAAAkB,aAAA,CAACf,eAAe,EAAAgB,QAAA;IAACZ,SAAS,EAAES;EAAc,GAAKN,KAAK,CAAG,CACxD;AACH,CAAC;AAEDL,cAAc,CAACe,SAAS,GAAG;EACzBX,OAAO,EAAER,SAAS,CAACoB,MAAM;EACzBd,SAAS,EAAEN,SAAS,CAACqB,KAAK;EAC1Bd,UAAU,EAAEP,SAAS,CAACsB;AACxB,CAAC;AAEDlB,cAAc,CAACmB,YAAY,GAAG;EAC5Bf,OAAO,EAAE,IAAI;EACbF,SAAS,EAAE,EAAE;EACbC,UAAU,EAAE;AACd,CAAC;AAED,eAAeH,cAAc","ignoreList":[]}

package/lib-es/GoogleTagManagerEvent/index.js

@@ -0,0 +1,3 @@
+import GTMEventSwitch from './GTMEventSwitch';
+export default GTMEventSwitch;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["GTMEventSwitch"],"sources":["../../src/GoogleTagManagerEvent/index.js"],"sourcesContent":["import GTMEventSwitch from './GTMEventSwitch';\n\nexport default GTMEventSwitch;\n"],"mappings":"AAAA,OAAOA,cAAc,MAAM,kBAAkB;AAE7C,eAAeA,cAAc","ignoreList":[]}

package/lib-es/constants.js

@@ -0,0 +1,28 @@
+const EVENT = 'event';
+const ON_LOAD = 'onLoad';
+const ON_CLICK = 'onClick';
+const IN_VIEW = 'inView';
+const ON_SUCCESS = 'onSuccess';
+const PAGE_VIEW = 'pageView';
+const ECOMMERCE = 'ecommerce';
+const GTM_PROPS = [{
+  key: 'eventAction'
+}, {
+  key: 'eventLabel'
+}, {
+  key: 'eventCategory'
+}, {
+  key: 'eventName',
+  label: 'event'
+}];
+const GTM_EVENT_NAMES = {
+  productImpresion: 'impressions',
+  productDetailImpression: 'detail',
+  productClick: 'click',
+  promotionClick: 'promotionClick'
+};
+const GTM_EVENT_FACTORY = 'GtmEventFactory';
+const PLUGIN_NAME = 'gtm-fe';
+const PRODUCTS = 'products';
+export { PLUGIN_NAME, EVENT, ECOMMERCE, GTM_PROPS, GTM_EVENT_NAMES, GTM_EVENT_FACTORY, ON_CLICK, IN_VIEW, ON_SUCCESS, ON_LOAD, PRODUCTS, PAGE_VIEW };
+//# sourceMappingURL=constants.js.map

package/lib-es/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":["EVENT","ON_LOAD","ON_CLICK","IN_VIEW","ON_SUCCESS","PAGE_VIEW","ECOMMERCE","GTM_PROPS","key","label","GTM_EVENT_NAMES","productImpresion","productDetailImpression","productClick","promotionClick","GTM_EVENT_FACTORY","PLUGIN_NAME","PRODUCTS"],"sources":["../src/constants.js"],"sourcesContent":["const EVENT = 'event';\nconst ON_LOAD = 'onLoad';\nconst ON_CLICK = 'onClick';\nconst IN_VIEW = 'inView';\nconst ON_SUCCESS = 'onSuccess';\nconst PAGE_VIEW = 'pageView';\nconst ECOMMERCE = 'ecommerce';\nconst GTM_PROPS = [\n  { key: 'eventAction' },\n  { key: 'eventLabel' },\n  { key: 'eventCategory' },\n  { key: 'eventName', label: 'event' }\n];\nconst GTM_EVENT_NAMES = {\n  productImpresion: 'impressions',\n  productDetailImpression: 'detail',\n  productClick: 'click',\n  promotionClick: 'promotionClick'\n};\n\nconst GTM_EVENT_FACTORY = 'GtmEventFactory';\nconst PLUGIN_NAME = 'gtm-fe';\nconst PRODUCTS = 'products';\n\nexport {\n  PLUGIN_NAME,\n  EVENT,\n  ECOMMERCE,\n  GTM_PROPS,\n  GTM_EVENT_NAMES,\n  GTM_EVENT_FACTORY,\n  ON_CLICK,\n  IN_VIEW,\n  ON_SUCCESS,\n  ON_LOAD,\n  PRODUCTS,\n  PAGE_VIEW\n};\n"],"mappings":"AAAA,MAAMA,KAAK,GAAG,OAAO;AACrB,MAAMC,OAAO,GAAG,QAAQ;AACxB,MAAMC,QAAQ,GAAG,SAAS;AAC1B,MAAMC,OAAO,GAAG,QAAQ;AACxB,MAAMC,UAAU,GAAG,WAAW;AAC9B,MAAMC,SAAS,GAAG,UAAU;AAC5B,MAAMC,SAAS,GAAG,WAAW;AAC7B,MAAMC,SAAS,GAAG,CAChB;EAAEC,GAAG,EAAE;AAAc,CAAC,EACtB;EAAEA,GAAG,EAAE;AAAa,CAAC,EACrB;EAAEA,GAAG,EAAE;AAAgB,CAAC,EACxB;EAAEA,GAAG,EAAE,WAAW;EAAEC,KAAK,EAAE;AAAQ,CAAC,CACrC;AACD,MAAMC,eAAe,GAAG;EACtBC,gBAAgB,EAAE,aAAa;EAC/BC,uBAAuB,EAAE,QAAQ;EACjCC,YAAY,EAAE,OAAO;EACrBC,cAAc,EAAE;AAClB,CAAC;AAED,MAAMC,iBAAiB,GAAG,iBAAiB;AAC3C,MAAMC,WAAW,GAAG,QAAQ;AAC5B,MAAMC,QAAQ,GAAG,UAAU;AAE3B,SACED,WAAW,EACXhB,KAAK,EACLM,SAAS,EACTC,SAAS,EACTG,eAAe,EACfK,iBAAiB,EACjBb,QAAQ,EACRC,OAAO,EACPC,UAAU,EACVH,OAAO,EACPgB,QAAQ,EACRZ,SAAS","ignoreList":[]}

package/lib-es/helpers/build-and-push-web-vitals.js

@@ -0,0 +1,24 @@
+import { getCLS, getFID, getLCP } from 'web-vitals';
+import pushToDataLayer from './push-to-data-layer';
+const buildAndPushWebVitals = () => {
+  getCLS(reportHandler);
+  getFID(reportHandler);
+  getLCP(reportHandler);
+};
+const reportHandler = ({
+  name,
+  delta,
+  id
+}) => {
+  const metrics = {
+    event: 'web-vitals',
+    event_category: 'Web Vitals',
+    event_action: name,
+    event_value: Math.round(name === 'CLS' ? delta * 1000 : delta),
+    event_label: id,
+    nonInteraction: true
+  };
+  pushToDataLayer(metrics);
+};
+export default buildAndPushWebVitals;
+//# sourceMappingURL=build-and-push-web-vitals.js.map