@blaze-cms/plugin-gtm-fe 0.125.0-f-admin-updates.0 → 0.125.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +57 -1
- package/lib/GoogleTagManager/GTMFactory.js +13 -38
- package/lib/GoogleTagManager/GTMFactory.js.map +1 -1
- package/lib/GoogleTagManager/GTMRender.js +26 -60
- package/lib/GoogleTagManager/GTMRender.js.map +1 -1
- package/lib/GoogleTagManager/index.js +0 -4
- package/lib/GoogleTagManager/index.js.map +1 -1
- package/lib/GoogleTagManagerEvent/GTMClickEvent.js +13 -42
- package/lib/GoogleTagManagerEvent/GTMClickEvent.js.map +1 -1
- package/lib/GoogleTagManagerEvent/GTMClickEvents.js +2 -12
- package/lib/GoogleTagManagerEvent/GTMClickEvents.js.map +1 -1
- package/lib/GoogleTagManagerEvent/GTMEvent.js +6 -29
- package/lib/GoogleTagManagerEvent/GTMEvent.js.map +1 -1
- package/lib/GoogleTagManagerEvent/GTMEventFactory.js +18 -53
- package/lib/GoogleTagManagerEvent/GTMEventFactory.js.map +1 -1
- package/lib/GoogleTagManagerEvent/GTMEventRender.js +24 -70
- package/lib/GoogleTagManagerEvent/GTMEventRender.js.map +1 -1
- package/lib/GoogleTagManagerEvent/GTMEventSwitch.js +5 -19
- package/lib/GoogleTagManagerEvent/GTMEventSwitch.js.map +1 -1
- package/lib/GoogleTagManagerEvent/index.js +0 -4
- package/lib/GoogleTagManagerEvent/index.js.map +1 -1
- package/lib/constants.js +0 -1
- package/lib/constants.js.map +1 -1
- package/lib/helpers/build-and-push-web-vitals.js +2 -10
- package/lib/helpers/build-and-push-web-vitals.js.map +1 -1
- package/lib/helpers/build-data-layer.js +6 -41
- package/lib/helpers/build-data-layer.js.map +1 -1
- package/lib/helpers/build-nested-event.js +3 -30
- package/lib/helpers/build-nested-event.js.map +1 -1
- package/lib/helpers/build-props-to-display-array.js +0 -6
- package/lib/helpers/build-props-to-display-array.js.map +1 -1
- package/lib/helpers/build-user-layer.js +5 -29
- package/lib/helpers/build-user-layer.js.map +1 -1
- package/lib/helpers/build-user-query-props.js +4 -23
- package/lib/helpers/build-user-query-props.js.map +1 -1
- package/lib/helpers/filter-gtm-events.js +0 -7
- package/lib/helpers/filter-gtm-events.js.map +1 -1
- package/lib/helpers/get-ids-to-use.js +0 -4
- package/lib/helpers/get-ids-to-use.js.map +1 -1
- package/lib/helpers/get-render-props.js +4 -8
- package/lib/helpers/get-render-props.js.map +1 -1
- package/lib/helpers/index.js +0 -12
- package/lib/helpers/index.js.map +1 -1
- package/lib/helpers/push-to-data-layer.js +0 -5
- package/lib/helpers/push-to-data-layer.js.map +1 -1
- package/lib/helpers/reset-data-layer.js +0 -12
- package/lib/helpers/reset-data-layer.js.map +1 -1
- package/lib/index.js +2 -23
- package/lib/index.js.map +1 -1
- package/lib-es/GoogleTagManager/GTMFactory.js +0 -2
- package/lib-es/GoogleTagManager/GTMFactory.js.map +1 -1
- package/lib-es/GoogleTagManager/GTMRender.js +0 -7
- package/lib-es/GoogleTagManager/GTMRender.js.map +1 -1
- package/lib-es/GoogleTagManager/index.js.map +1 -1
- package/lib-es/GoogleTagManagerEvent/GTMClickEvent.js +0 -7
- package/lib-es/GoogleTagManagerEvent/GTMClickEvent.js.map +1 -1
- package/lib-es/GoogleTagManagerEvent/GTMClickEvents.js +0 -2
- package/lib-es/GoogleTagManagerEvent/GTMClickEvents.js.map +1 -1
- package/lib-es/GoogleTagManagerEvent/GTMEvent.js +0 -4
- package/lib-es/GoogleTagManagerEvent/GTMEvent.js.map +1 -1
- package/lib-es/GoogleTagManagerEvent/GTMEventFactory.js +3 -6
- package/lib-es/GoogleTagManagerEvent/GTMEventFactory.js.map +1 -1
- package/lib-es/GoogleTagManagerEvent/GTMEventRender.js +9 -19
- package/lib-es/GoogleTagManagerEvent/GTMEventRender.js.map +1 -1
- package/lib-es/GoogleTagManagerEvent/GTMEventSwitch.js +5 -8
- package/lib-es/GoogleTagManagerEvent/GTMEventSwitch.js.map +1 -1
- package/lib-es/GoogleTagManagerEvent/index.js.map +1 -1
- package/lib-es/constants.js.map +1 -1
- package/lib-es/helpers/build-and-push-web-vitals.js +0 -3
- package/lib-es/helpers/build-and-push-web-vitals.js.map +1 -1
- package/lib-es/helpers/build-data-layer.js +0 -11
- package/lib-es/helpers/build-data-layer.js.map +1 -1
- package/lib-es/helpers/build-nested-event.js +0 -9
- package/lib-es/helpers/build-nested-event.js.map +1 -1
- package/lib-es/helpers/build-props-to-display-array.js +0 -1
- package/lib-es/helpers/build-props-to-display-array.js.map +1 -1
- package/lib-es/helpers/build-user-layer.js +0 -9
- package/lib-es/helpers/build-user-layer.js.map +1 -1
- package/lib-es/helpers/build-user-query-props.js +0 -2
- package/lib-es/helpers/build-user-query-props.js.map +1 -1
- package/lib-es/helpers/filter-gtm-events.js +0 -2
- package/lib-es/helpers/filter-gtm-events.js.map +1 -1
- package/lib-es/helpers/get-ids-to-use.js +0 -1
- package/lib-es/helpers/get-ids-to-use.js.map +1 -1
- package/lib-es/helpers/get-render-props.js +0 -2
- package/lib-es/helpers/get-render-props.js.map +1 -1
- package/lib-es/helpers/index.js.map +1 -1
- package/lib-es/helpers/push-to-data-layer.js +0 -2
- package/lib-es/helpers/push-to-data-layer.js.map +1 -1
- package/lib-es/helpers/reset-data-layer.js +0 -3
- package/lib-es/helpers/reset-data-layer.js.map +1 -1
- package/lib-es/index.js +2 -6
- package/lib-es/index.js.map +1 -1
- package/package.json +6 -6
|
@@ -1,21 +1,18 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
require("core-js/modules/es.object.define-property.js");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
var _reactPageBuilder = require("@blaze-cms/react-page-builder");
|
|
11
|
-
|
|
12
9
|
var getRenderProps = function getRenderProps(extraProps, isPreview, data, useMultiQuery) {
|
|
13
10
|
var getEntitySchema = data.getEntitySchema;
|
|
14
11
|
var _getEntitySchema$acti = getEntitySchema.actions,
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
12
|
+
get = _getEntitySchema$acti.get,
|
|
13
|
+
getPublished = _getEntitySchema$acti.getPublished,
|
|
14
|
+
getAll = _getEntitySchema$acti.getAll,
|
|
15
|
+
getAllPublished = _getEntitySchema$acti.getAllPublished;
|
|
19
16
|
var queryToUse = useMultiQuery ? _reactPageBuilder.generateMultiItemQuery : _reactPageBuilder.generateSingleItemQuery;
|
|
20
17
|
var singleActionKey = isPreview ? get : getPublished || get;
|
|
21
18
|
var multiActionKey = isPreview ? getAll : getAllPublished || getAll;
|
|
@@ -26,7 +23,6 @@ var getRenderProps = function getRenderProps(extraProps, isPreview, data, useMul
|
|
|
26
23
|
actionKey: actionKey
|
|
27
24
|
};
|
|
28
25
|
};
|
|
29
|
-
|
|
30
26
|
var _default = getRenderProps;
|
|
31
27
|
exports["default"] = _default;
|
|
32
28
|
//# sourceMappingURL=get-render-props.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get-render-props.js","names":["getRenderProps","extraProps","isPreview","data","useMultiQuery","getEntitySchema","actions","get","getPublished","getAll","getAllPublished","queryToUse","generateMultiItemQuery","generateSingleItemQuery","singleActionKey","multiActionKey","actionKey","action"],"sources":["../../src/helpers/get-render-props.js"],"sourcesContent":["import { generateSingleItemQuery, generateMultiItemQuery } from '@blaze-cms/react-page-builder';\n\nconst getRenderProps = (extraProps, isPreview, data, useMultiQuery) => {\n const { getEntitySchema } = data;\n const {\n actions: { get, getPublished, getAll, getAllPublished }\n } = getEntitySchema;\n const queryToUse = useMultiQuery ? generateMultiItemQuery : generateSingleItemQuery;\n const singleActionKey = isPreview ? get : getPublished || get;\n const multiActionKey = isPreview ? getAll : getAllPublished || getAll;\n const actionKey = useMultiQuery ? multiActionKey : singleActionKey;\n const action = queryToUse(actionKey, extraProps);\n\n return { action, actionKey };\n};\n\nexport default getRenderProps;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"get-render-props.js","names":["getRenderProps","extraProps","isPreview","data","useMultiQuery","getEntitySchema","actions","get","getPublished","getAll","getAllPublished","queryToUse","generateMultiItemQuery","generateSingleItemQuery","singleActionKey","multiActionKey","actionKey","action"],"sources":["../../src/helpers/get-render-props.js"],"sourcesContent":["import { generateSingleItemQuery, generateMultiItemQuery } from '@blaze-cms/react-page-builder';\n\nconst getRenderProps = (extraProps, isPreview, data, useMultiQuery) => {\n const { getEntitySchema } = data;\n const {\n actions: { get, getPublished, getAll, getAllPublished }\n } = getEntitySchema;\n const queryToUse = useMultiQuery ? generateMultiItemQuery : generateSingleItemQuery;\n const singleActionKey = isPreview ? get : getPublished || get;\n const multiActionKey = isPreview ? getAll : getAllPublished || getAll;\n const actionKey = useMultiQuery ? multiActionKey : singleActionKey;\n const action = queryToUse(actionKey, extraProps);\n\n return { action, actionKey };\n};\n\nexport default getRenderProps;\n"],"mappings":";;;;;;;AAAA;AAEA,IAAMA,cAAc,GAAG,SAAjBA,cAAc,CAAIC,UAAU,EAAEC,SAAS,EAAEC,IAAI,EAAEC,aAAa,EAAK;EACrE,IAAQC,eAAe,GAAKF,IAAI,CAAxBE,eAAe;EACvB,4BAEIA,eAAe,CADjBC,OAAO;IAAIC,GAAG,yBAAHA,GAAG;IAAEC,YAAY,yBAAZA,YAAY;IAAEC,MAAM,yBAANA,MAAM;IAAEC,eAAe,yBAAfA,eAAe;EAEvD,IAAMC,UAAU,GAAGP,aAAa,GAAGQ,wCAAsB,GAAGC,yCAAuB;EACnF,IAAMC,eAAe,GAAGZ,SAAS,GAAGK,GAAG,GAAGC,YAAY,IAAID,GAAG;EAC7D,IAAMQ,cAAc,GAAGb,SAAS,GAAGO,MAAM,GAAGC,eAAe,IAAID,MAAM;EACrE,IAAMO,SAAS,GAAGZ,aAAa,GAAGW,cAAc,GAAGD,eAAe;EAClE,IAAMG,MAAM,GAAGN,UAAU,CAACK,SAAS,EAAEf,UAAU,CAAC;EAEhD,OAAO;IAAEgB,MAAM,EAANA,MAAM;IAAED,SAAS,EAATA;EAAU,CAAC;AAC9B,CAAC;AAAC,eAEahB,cAAc;AAAA"}
|
package/lib/helpers/index.js
CHANGED
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
require("core-js/modules/es.object.define-property.js");
|
|
4
|
-
|
|
5
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
@@ -67,24 +65,14 @@ Object.defineProperty(exports, "pushToDataLayer", {
|
|
|
67
65
|
return _pushToDataLayer["default"];
|
|
68
66
|
}
|
|
69
67
|
});
|
|
70
|
-
|
|
71
68
|
var _buildDataLayer = _interopRequireDefault(require("./build-data-layer"));
|
|
72
|
-
|
|
73
69
|
var _pushToDataLayer = _interopRequireDefault(require("./push-to-data-layer"));
|
|
74
|
-
|
|
75
70
|
var _buildNestedEvent = _interopRequireDefault(require("./build-nested-event"));
|
|
76
|
-
|
|
77
71
|
var _getRenderProps = _interopRequireDefault(require("./get-render-props"));
|
|
78
|
-
|
|
79
72
|
var _getIdsToUse = _interopRequireDefault(require("./get-ids-to-use"));
|
|
80
|
-
|
|
81
73
|
var _buildPropsToDisplayArray = _interopRequireDefault(require("./build-props-to-display-array"));
|
|
82
|
-
|
|
83
74
|
var _buildAndPushWebVitals = _interopRequireDefault(require("./build-and-push-web-vitals"));
|
|
84
|
-
|
|
85
75
|
var _filterGtmEvents = _interopRequireDefault(require("./filter-gtm-events"));
|
|
86
|
-
|
|
87
76
|
var _buildUserQueryProps = _interopRequireDefault(require("./build-user-query-props"));
|
|
88
|
-
|
|
89
77
|
var _buildUserLayer = _interopRequireDefault(require("./build-user-layer"));
|
|
90
78
|
//# sourceMappingURL=index.js.map
|
package/lib/helpers/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../src/helpers/index.js"],"sourcesContent":["export { default as buildDataLayer } from './build-data-layer';\nexport { default as pushToDataLayer } from './push-to-data-layer';\nexport { default as buildNestedEvent } from './build-nested-event';\nexport { default as getRenderProps } from './get-render-props';\nexport { default as getIdsToUse } from './get-ids-to-use';\nexport { default as buildPropsToDisplayArray } from './build-props-to-display-array';\nexport { default as buildAndPushWebVitals } from './build-and-push-web-vitals';\nexport { default as filterGtmEvents } from './filter-gtm-events';\nexport { default as buildUserQueryProps } from './build-user-query-props';\nexport { default as buildUserLayer } from './build-user-layer';\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../src/helpers/index.js"],"sourcesContent":["export { default as buildDataLayer } from './build-data-layer';\nexport { default as pushToDataLayer } from './push-to-data-layer';\nexport { default as buildNestedEvent } from './build-nested-event';\nexport { default as getRenderProps } from './get-render-props';\nexport { default as getIdsToUse } from './get-ids-to-use';\nexport { default as buildPropsToDisplayArray } from './build-props-to-display-array';\nexport { default as buildAndPushWebVitals } from './build-and-push-web-vitals';\nexport { default as filterGtmEvents } from './filter-gtm-events';\nexport { default as buildUserQueryProps } from './build-user-query-props';\nexport { default as buildUserLayer } from './build-user-layer';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
|
|
@@ -1,23 +1,18 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
require("core-js/modules/es.object.define-property.js");
|
|
4
|
-
|
|
5
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports["default"] = void 0;
|
|
11
|
-
|
|
12
9
|
var _resetDataLayer = _interopRequireDefault(require("./reset-data-layer"));
|
|
13
|
-
|
|
14
10
|
var pushToDataLayer = function pushToDataLayer(dataLayer, isPageView) {
|
|
15
11
|
if (dataLayer && window.dataLayer) {
|
|
16
12
|
if (isPageView) (0, _resetDataLayer["default"])();
|
|
17
13
|
window.dataLayer.push(dataLayer);
|
|
18
14
|
}
|
|
19
15
|
};
|
|
20
|
-
|
|
21
16
|
var _default = pushToDataLayer;
|
|
22
17
|
exports["default"] = _default;
|
|
23
18
|
//# sourceMappingURL=push-to-data-layer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"push-to-data-layer.js","names":["pushToDataLayer","dataLayer","isPageView","window","resetDataLayer","push"],"sources":["../../src/helpers/push-to-data-layer.js"],"sourcesContent":["import resetDataLayer from './reset-data-layer';\n\nconst pushToDataLayer = (dataLayer, isPageView) => {\n if (dataLayer && window.dataLayer) {\n if (isPageView) resetDataLayer();\n window.dataLayer.push(dataLayer);\n }\n};\n\nexport default pushToDataLayer;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"push-to-data-layer.js","names":["pushToDataLayer","dataLayer","isPageView","window","resetDataLayer","push"],"sources":["../../src/helpers/push-to-data-layer.js"],"sourcesContent":["import resetDataLayer from './reset-data-layer';\n\nconst pushToDataLayer = (dataLayer, isPageView) => {\n if (dataLayer && window.dataLayer) {\n if (isPageView) resetDataLayer();\n window.dataLayer.push(dataLayer);\n }\n};\n\nexport default pushToDataLayer;\n"],"mappings":";;;;;;;;AAAA;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAe,CAAIC,SAAS,EAAEC,UAAU,EAAK;EACjD,IAAID,SAAS,IAAIE,MAAM,CAACF,SAAS,EAAE;IACjC,IAAIC,UAAU,EAAE,IAAAE,0BAAc,GAAE;IAChCD,MAAM,CAACF,SAAS,CAACI,IAAI,CAACJ,SAAS,CAAC;EAClC;AACF,CAAC;AAAC,eAEaD,eAAe;AAAA"}
|
|
@@ -1,28 +1,18 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
require("core-js/modules/es.object.define-property.js");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
require("core-js/modules/es.object.keys.js");
|
|
11
|
-
|
|
12
9
|
require("core-js/modules/es.array.filter.js");
|
|
13
|
-
|
|
14
10
|
require("core-js/modules/es.object.to-string.js");
|
|
15
|
-
|
|
16
11
|
require("core-js/modules/es.regexp.exec.js");
|
|
17
|
-
|
|
18
12
|
require("core-js/modules/es.array.for-each.js");
|
|
19
|
-
|
|
20
13
|
require("core-js/modules/web.dom-collections.for-each.js");
|
|
21
|
-
|
|
22
14
|
require("core-js/modules/es.array.find.js");
|
|
23
|
-
|
|
24
15
|
var _constants = require("../constants");
|
|
25
|
-
|
|
26
16
|
var resetDataLayer = function resetDataLayer() {
|
|
27
17
|
if (!shouldReset()) return false;
|
|
28
18
|
window.dataLayer.length = 0;
|
|
@@ -36,14 +26,12 @@ var resetDataLayer = function resetDataLayer() {
|
|
|
36
26
|
});
|
|
37
27
|
return true;
|
|
38
28
|
};
|
|
39
|
-
|
|
40
29
|
function shouldReset() {
|
|
41
30
|
return window.google_tag_manager && window.dataLayer && window.dataLayer.find(function (_ref) {
|
|
42
31
|
var event = _ref.event;
|
|
43
32
|
return event === _constants.PAGE_VIEW;
|
|
44
33
|
});
|
|
45
34
|
}
|
|
46
|
-
|
|
47
35
|
var _default = resetDataLayer;
|
|
48
36
|
exports["default"] = _default;
|
|
49
37
|
//# sourceMappingURL=reset-data-layer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"reset-data-layer.js","names":["resetDataLayer","shouldReset","window","dataLayer","length","gtmIdRegex","keys","Object","google_tag_manager","GTMkeys","filter","key","test","forEach","GTMkey","reset","find","event","PAGE_VIEW"],"sources":["../../src/helpers/reset-data-layer.js"],"sourcesContent":["import { PAGE_VIEW } from '../constants';\n\nconst resetDataLayer = () => {\n if (!shouldReset()) return false;\n\n window.dataLayer.length = 0;\n const gtmIdRegex = /GTM-/i;\n const keys = Object.keys(window.google_tag_manager);\n const GTMkeys = keys.filter(\n key => gtmIdRegex.test(key) && window.google_tag_manager[key].dataLayer\n );\n GTMkeys.forEach(GTMkey => window.google_tag_manager[GTMkey].dataLayer.reset());\n\n return true;\n};\n\nfunction shouldReset() {\n return (\n window.google_tag_manager &&\n window.dataLayer &&\n window.dataLayer.find(({ event }) => event === PAGE_VIEW)\n );\n}\n\nexport default resetDataLayer;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"reset-data-layer.js","names":["resetDataLayer","shouldReset","window","dataLayer","length","gtmIdRegex","keys","Object","google_tag_manager","GTMkeys","filter","key","test","forEach","GTMkey","reset","find","event","PAGE_VIEW"],"sources":["../../src/helpers/reset-data-layer.js"],"sourcesContent":["import { PAGE_VIEW } from '../constants';\n\nconst resetDataLayer = () => {\n if (!shouldReset()) return false;\n\n window.dataLayer.length = 0;\n const gtmIdRegex = /GTM-/i;\n const keys = Object.keys(window.google_tag_manager);\n const GTMkeys = keys.filter(\n key => gtmIdRegex.test(key) && window.google_tag_manager[key].dataLayer\n );\n GTMkeys.forEach(GTMkey => window.google_tag_manager[GTMkey].dataLayer.reset());\n\n return true;\n};\n\nfunction shouldReset() {\n return (\n window.google_tag_manager &&\n window.dataLayer &&\n window.dataLayer.find(({ event }) => event === PAGE_VIEW)\n );\n}\n\nexport default resetDataLayer;\n"],"mappings":";;;;;;;;;;;;;;AAAA;AAEA,IAAMA,cAAc,GAAG,SAAjBA,cAAc,GAAS;EAC3B,IAAI,CAACC,WAAW,EAAE,EAAE,OAAO,KAAK;EAEhCC,MAAM,CAACC,SAAS,CAACC,MAAM,GAAG,CAAC;EAC3B,IAAMC,UAAU,GAAG,OAAO;EAC1B,IAAMC,IAAI,GAAGC,MAAM,CAACD,IAAI,CAACJ,MAAM,CAACM,kBAAkB,CAAC;EACnD,IAAMC,OAAO,GAAGH,IAAI,CAACI,MAAM,CACzB,UAAAC,GAAG;IAAA,OAAIN,UAAU,CAACO,IAAI,CAACD,GAAG,CAAC,IAAIT,MAAM,CAACM,kBAAkB,CAACG,GAAG,CAAC,CAACR,SAAS;EAAA,EACxE;EACDM,OAAO,CAACI,OAAO,CAAC,UAAAC,MAAM;IAAA,OAAIZ,MAAM,CAACM,kBAAkB,CAACM,MAAM,CAAC,CAACX,SAAS,CAACY,KAAK,EAAE;EAAA,EAAC;EAE9E,OAAO,IAAI;AACb,CAAC;AAED,SAASd,WAAW,GAAG;EACrB,OACEC,MAAM,CAACM,kBAAkB,IACzBN,MAAM,CAACC,SAAS,IAChBD,MAAM,CAACC,SAAS,CAACa,IAAI,CAAC;IAAA,IAAGC,KAAK,QAALA,KAAK;IAAA,OAAOA,KAAK,KAAKC,oBAAS;EAAA,EAAC;AAE7D;AAAC,eAEclB,cAAc;AAAA"}
|
package/lib/index.js
CHANGED
|
@@ -1,48 +1,29 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = load;
|
|
9
|
-
|
|
10
8
|
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
11
|
-
|
|
12
9
|
require("core-js/modules/es.object.to-string.js");
|
|
13
|
-
|
|
14
10
|
require("core-js/modules/es.promise.js");
|
|
15
|
-
|
|
16
11
|
require("core-js/modules/es.array.iterator.js");
|
|
17
|
-
|
|
18
12
|
require("core-js/modules/es.string.iterator.js");
|
|
19
|
-
|
|
20
13
|
require("core-js/modules/es.weak-map.js");
|
|
21
|
-
|
|
22
14
|
require("core-js/modules/web.dom-collections.iterator.js");
|
|
23
|
-
|
|
24
15
|
require("core-js/modules/es.object.define-property.js");
|
|
25
|
-
|
|
26
16
|
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
|
27
|
-
|
|
28
17
|
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
29
|
-
|
|
30
18
|
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
31
|
-
|
|
32
19
|
var _dynamic = _interopRequireDefault(require("next/dynamic"));
|
|
33
|
-
|
|
34
20
|
var _package = _interopRequireDefault(require("../package.json"));
|
|
35
|
-
|
|
36
21
|
var _constants = require("./constants");
|
|
37
|
-
|
|
38
22
|
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); }
|
|
39
|
-
|
|
40
23
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || (0, _typeof2["default"])(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; }
|
|
41
|
-
|
|
42
24
|
function load(_x) {
|
|
43
25
|
return _load.apply(this, arguments);
|
|
44
26
|
}
|
|
45
|
-
|
|
46
27
|
function _load() {
|
|
47
28
|
_load = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(app) {
|
|
48
29
|
return _regenerator["default"].wrap(function _callee$(_context) {
|
|
@@ -54,7 +35,7 @@ function _load() {
|
|
|
54
35
|
key: 'gtm',
|
|
55
36
|
component: (0, _dynamic["default"])(function () {
|
|
56
37
|
return Promise.resolve().then(function () {
|
|
57
|
-
return _interopRequireWildcard(require('./GoogleTagManager'));
|
|
38
|
+
return _interopRequireWildcard(require( /* webpackChunkName: "blazePbGoogleTagManager" */'./GoogleTagManager'));
|
|
58
39
|
});
|
|
59
40
|
})
|
|
60
41
|
});
|
|
@@ -62,7 +43,7 @@ function _load() {
|
|
|
62
43
|
key: 'gtm-events',
|
|
63
44
|
component: (0, _dynamic["default"])(function () {
|
|
64
45
|
return Promise.resolve().then(function () {
|
|
65
|
-
return _interopRequireWildcard(require('./GoogleTagManagerEvent'));
|
|
46
|
+
return _interopRequireWildcard(require( /* webpackChunkName: "blazePbGoogleTagManagerEvent" */'./GoogleTagManagerEvent'));
|
|
66
47
|
});
|
|
67
48
|
})
|
|
68
49
|
});
|
|
@@ -71,7 +52,6 @@ function _load() {
|
|
|
71
52
|
name: _constants.PLUGIN_NAME,
|
|
72
53
|
version: _package["default"].version
|
|
73
54
|
});
|
|
74
|
-
|
|
75
55
|
case 2:
|
|
76
56
|
case "end":
|
|
77
57
|
return _context.stop();
|
|
@@ -81,6 +61,5 @@ function _load() {
|
|
|
81
61
|
}));
|
|
82
62
|
return _load.apply(this, arguments);
|
|
83
63
|
}
|
|
84
|
-
|
|
85
64
|
load.pluginName = _constants.PLUGIN_NAME;
|
|
86
65
|
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["load","app","events","once","addComponent","key","component","dynamic","name","PLUGIN_NAME","version","pkg","pluginName"],"sources":["../src/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nimport pkg from '../package.json';\nimport { PLUGIN_NAME } from './constants';\n\nexport default async function load(app) {\n app.events.once('load:custom:page-builder:component', addComponent => {\n addComponent({\n key: 'gtm',\n component: dynamic(() =>\n import(/* webpackChunkName: \"blazePbGoogleTagManager\" */ './GoogleTagManager')\n )\n });\n addComponent({\n key: 'gtm-events',\n component: dynamic(() =>\n import(/* webpackChunkName: \"blazePbGoogleTagManagerEvent\" */ './GoogleTagManagerEvent')\n )\n });\n });\n\n return {\n name: PLUGIN_NAME,\n version: pkg.version\n };\n}\n\nload.pluginName = PLUGIN_NAME;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":["load","app","events","once","addComponent","key","component","dynamic","name","PLUGIN_NAME","version","pkg","pluginName"],"sources":["../src/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nimport pkg from '../package.json';\nimport { PLUGIN_NAME } from './constants';\n\nexport default async function load(app) {\n app.events.once('load:custom:page-builder:component', addComponent => {\n addComponent({\n key: 'gtm',\n component: dynamic(() =>\n import(/* webpackChunkName: \"blazePbGoogleTagManager\" */ './GoogleTagManager')\n )\n });\n addComponent({\n key: 'gtm-events',\n component: dynamic(() =>\n import(/* webpackChunkName: \"blazePbGoogleTagManagerEvent\" */ './GoogleTagManagerEvent')\n )\n });\n });\n\n return {\n name: PLUGIN_NAME,\n version: pkg.version\n };\n}\n\nload.pluginName = PLUGIN_NAME;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAEA;AACA;AAA0C;AAAA;AAAA,SAEZA,IAAI;EAAA;AAAA;AAAA;EAAA,sFAAnB,iBAAoBC,GAAG;IAAA;MAAA;QAAA;UAAA;YACpCA,GAAG,CAACC,MAAM,CAACC,IAAI,CAAC,oCAAoC,EAAE,UAAAC,YAAY,EAAI;cACpEA,YAAY,CAAC;gBACXC,GAAG,EAAE,KAAK;gBACVC,SAAS,EAAE,IAAAC,mBAAO,EAAC;kBAAA;oBAAA,wCACV,iDAAkD,oBAAoB;kBAAA;gBAAA,CAAC;cAElF,CAAC,CAAC;cACFH,YAAY,CAAC;gBACXC,GAAG,EAAE,YAAY;gBACjBC,SAAS,EAAE,IAAAC,mBAAO,EAAC;kBAAA;oBAAA,wCACV,sDAAuD,yBAAyB;kBAAA;gBAAA,CAAC;cAE5F,CAAC,CAAC;YACJ,CAAC,CAAC;YAAC,iCAEI;cACLC,IAAI,EAAEC,sBAAW;cACjBC,OAAO,EAAEC,mBAAG,CAACD;YACf,CAAC;UAAA;UAAA;YAAA;QAAA;MAAA;IAAA;EAAA,CACF;EAAA;AAAA;AAEDV,IAAI,CAACY,UAAU,GAAGH,sBAAW"}
|
|
@@ -5,7 +5,6 @@ import { getSingleEntitySchema, buildPropsQuery } from '@blaze-cms/react-page-bu
|
|
|
5
5
|
import { MainContext } from '@blaze-cms/nextjs-components';
|
|
6
6
|
import GTMRender from './GTMRender';
|
|
7
7
|
import { getRenderProps, buildPropsToDisplayArray } from '../helpers';
|
|
8
|
-
|
|
9
8
|
const GTMFactory = ({
|
|
10
9
|
propsToDisplay,
|
|
11
10
|
userPropsToDisplay,
|
|
@@ -41,7 +40,6 @@ const GTMFactory = ({
|
|
|
41
40
|
webVitals: gtmWebVitals
|
|
42
41
|
});
|
|
43
42
|
};
|
|
44
|
-
|
|
45
43
|
GTMFactory.propTypes = {
|
|
46
44
|
propsToDisplay: PropTypes.array,
|
|
47
45
|
userPropsToDisplay: PropTypes.array,
|
|
@@ -1 +1 @@
|
|
|
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","itemId","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,
|
|
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","itemId","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,GAAG,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,oBACE,oBAAC,SAAS;IACR,MAAM,EAAES,MAAO;IACf,SAAS,EAAEC,SAAU;IACrB,kBAAkB,EAAEd,kBAAmB;IACvC,cAAc,EAAED,cAAe;IAC/B,QAAQ,EAAEE,MAAM,CAACc,MAAO;IACxB,SAAS,EAAEb;EAAa,EACxB;AAEN,CAAC;AAEDJ,UAAU,CAACkB,SAAS,GAAG;EACrBjB,cAAc,EAAET,SAAS,CAAC2B,KAAK;EAC/BjB,kBAAkB,EAAEV,SAAS,CAAC2B,KAAK;EACnChB,MAAM,EAAEX,SAAS,CAAC4B,MAAM,CAACC,UAAU;EACnCjB,YAAY,EAAEZ,SAAS,CAAC8B;AAC1B,CAAC;AAEDtB,UAAU,CAACuB,YAAY,GAAG;EACxBtB,cAAc,EAAE,EAAE;EAClBC,kBAAkB,EAAE,EAAE;EACtBE,YAAY,EAAE;AAChB,CAAC;AAED,eAAeJ,UAAU"}
|
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
-
|
|
3
2
|
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; }
|
|
4
|
-
|
|
5
3
|
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) { _defineProperty(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; }
|
|
6
|
-
|
|
7
4
|
import { useState } from 'react';
|
|
8
5
|
import PropTypes from 'prop-types';
|
|
9
6
|
import { useQuery } from '@apollo/client';
|
|
@@ -11,7 +8,6 @@ import { withRouter } from 'next/router';
|
|
|
11
8
|
import { getUser } from '@blaze-cms/react-page-builder';
|
|
12
9
|
import { checkIfLoggedIn } from '@blaze-cms/core-auth-ui';
|
|
13
10
|
import { buildDataLayer, buildAndPushWebVitals, pushToDataLayer, buildUserQueryProps, buildUserLayer } from '../helpers';
|
|
14
|
-
|
|
15
11
|
const GTMRender = ({
|
|
16
12
|
router,
|
|
17
13
|
action,
|
|
@@ -63,9 +59,7 @@ const GTMRender = ({
|
|
|
63
59
|
} = data;
|
|
64
60
|
const dataLayerObject = buildDataLayer(entityData, propsToDisplay, currentLocation.url);
|
|
65
61
|
const userLayerObject = buildUserLayer(userData, userPropsToDisplay);
|
|
66
|
-
|
|
67
62
|
const extendedDataLayer = _objectSpread(_objectSpread({}, dataLayerObject), userLayerObject);
|
|
68
|
-
|
|
69
63
|
if (webVitals) buildAndPushWebVitals();
|
|
70
64
|
pushToDataLayer(extendedDataLayer, true);
|
|
71
65
|
setCurrentLocation(_objectSpread(_objectSpread({}, currentLocation), {}, {
|
|
@@ -73,7 +67,6 @@ const GTMRender = ({
|
|
|
73
67
|
}));
|
|
74
68
|
return null;
|
|
75
69
|
};
|
|
76
|
-
|
|
77
70
|
GTMRender.propTypes = {
|
|
78
71
|
userPropsToDisplay: PropTypes.array.isRequired,
|
|
79
72
|
action: PropTypes.object.isRequired,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GTMRender.js","names":["useState","PropTypes","useQuery","withRouter","getUser","checkIfLoggedIn","buildDataLayer","buildAndPushWebVitals","pushToDataLayer","buildUserQueryProps","buildUserLayer","GTMRender","router","action","propsToDisplay","parentId","webVitals","userPropsToDisplay","asPath","currentLocation","setCurrentLocation","url","shouldPushLayer","data","error","loading","variables","id","userId","hasUserProps","length","userProps","userData","userLoading","skip","entityData","message","dataLayerObject","userLayerObject","extendedDataLayer","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 { 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":"
|
|
1
|
+
{"version":3,"file":"GTMRender.js","names":["useState","PropTypes","useQuery","withRouter","getUser","checkIfLoggedIn","buildDataLayer","buildAndPushWebVitals","pushToDataLayer","buildUserQueryProps","buildUserLayer","GTMRender","router","action","propsToDisplay","parentId","webVitals","userPropsToDisplay","asPath","currentLocation","setCurrentLocation","url","shouldPushLayer","data","error","loading","variables","id","userId","hasUserProps","length","userProps","userData","userLoading","skip","entityData","message","dataLayerObject","userLayerObject","extendedDataLayer","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 { 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":";;;AAAA,SAASA,QAAQ,QAAQ,OAAO;AAChC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,UAAU,QAAQ,aAAa;AACxC,SAASC,OAAO,QAAQ,+BAA+B;AACvD,SAASC,eAAe,QAAQ,yBAAyB;AACzD,SACEC,cAAc,EACdC,qBAAqB,EACrBC,eAAe,EACfC,mBAAmB,EACnBC,cAAc,QACT,YAAY;AAEnB,MAAMC,SAAS,GAAG,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,GAAGpB,QAAQ,CAAC;IAAEqB,GAAG,EAAE,EAAE;IAAEC,eAAe,EAAE;EAAM,CAAC,CAAC;EAE3F,MAAM;IAAEC,IAAI;IAAEC,KAAK;IAAEC;EAAQ,CAAC,GAAGvB,QAAQ,CAACW,MAAM,EAAE;IAChDa,SAAS,EAAE;MAAEC,EAAE,EAAEZ;IAAS;EAC5B,CAAC,CAAC;EACF,MAAM;IAAEY,EAAE,EAAEC;EAAO,CAAC,GAAGvB,eAAe,EAAE;EACxC,MAAMwB,YAAY,GAAGD,MAAM,IAAIX,kBAAkB,IAAIA,kBAAkB,CAACa,MAAM;EAC9E,MAAMC,SAAS,GAAGF,YAAY,GAAGpB,mBAAmB,CAACQ,kBAAkB,CAAC,GAAG,EAAE;EAC7E,MAAM;IAAEM,IAAI,EAAES,QAAQ;IAAEP,OAAO,EAAEQ;EAAY,CAAC,GAAG/B,QAAQ,CAACE,OAAO,CAAC2B,SAAS,CAAC,EAAE;IAC5EL,SAAS,EAAE;MAAEC,EAAE,EAAEC;IAAO,CAAC;IACzBM,IAAI,EAAE,CAACL;EACT,CAAC,CAAC;EAEF,IAAIJ,OAAO,IAAIQ,WAAW,IAAI,CAACV,IAAI,IAAI,CAACA,IAAI,CAACY,UAAU,EAAE,OAAO,IAAI;EACpE,IAAIZ,IAAI,CAACY,UAAU,CAACR,EAAE,KAAKZ,QAAQ,EAAE,OAAO,IAAI;EAChD,IAAIS,KAAK,EAAE,OAAOA,KAAK,CAACY,OAAO;EAC/B,IAAIjB,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;IAAEa;EAAW,CAAC,GAAGZ,IAAI;EAC3B,MAAMc,eAAe,GAAG/B,cAAc,CAAC6B,UAAU,EAAErB,cAAc,EAAEK,eAAe,CAACE,GAAG,CAAC;EACvF,MAAMiB,eAAe,GAAG5B,cAAc,CAACsB,QAAQ,EAAEf,kBAAkB,CAAC;EACpE,MAAMsB,iBAAiB,mCAAQF,eAAe,GAAKC,eAAe,CAAE;EAEpE,IAAItB,SAAS,EAAET,qBAAqB,EAAE;EACtCC,eAAe,CAAC+B,iBAAiB,EAAE,IAAI,CAAC;EACxCnB,kBAAkB,iCAAMD,eAAe;IAAEG,eAAe,EAAE;EAAK,GAAG;EAElE,OAAO,IAAI;AACb,CAAC;AAEDX,SAAS,CAAC6B,SAAS,GAAG;EACpBvB,kBAAkB,EAAEhB,SAAS,CAACwC,KAAK,CAACC,UAAU;EAC9C7B,MAAM,EAAEZ,SAAS,CAAC0C,MAAM,CAACD,UAAU;EACnC5B,cAAc,EAAEb,SAAS,CAACwC,KAAK,CAACC,UAAU;EAC1C3B,QAAQ,EAAEd,SAAS,CAAC2C,MAAM,CAACF,UAAU;EACrC1B,SAAS,EAAEf,SAAS,CAAC4C,IAAI,CAACH;AAC5B,CAAC;AAED,eAAevC,UAAU,CAACQ,SAAS,CAAC"}
|
|
@@ -1 +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,OAAOA,
|
|
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"}
|
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
-
|
|
3
2
|
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; }
|
|
4
|
-
|
|
5
3
|
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) { _defineProperty(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; }
|
|
6
|
-
|
|
7
4
|
import React from 'react';
|
|
8
5
|
import PropTypes from 'prop-types';
|
|
9
6
|
import { useQuery } from '@apollo/client';
|
|
@@ -11,7 +8,6 @@ import { checkIfLoggedIn } from '@blaze-cms/core-auth-ui';
|
|
|
11
8
|
import { getUser } from '@blaze-cms/react-page-builder';
|
|
12
9
|
import GTMEvent from './GTMEvent';
|
|
13
10
|
import { buildDataLayer, buildNestedEvent, buildUserQueryProps, buildUserLayer } from '../helpers';
|
|
14
|
-
|
|
15
11
|
const GTMClickEvent = ({
|
|
16
12
|
event,
|
|
17
13
|
componentProps,
|
|
@@ -40,15 +36,12 @@ const GTMClickEvent = ({
|
|
|
40
36
|
const dataLayerProps = buildDataLayer(componentProps, propsToDisplay);
|
|
41
37
|
const dataLayerObject = buildNestedEvent(eventEcommerce, event, dataLayerProps, parentComponent);
|
|
42
38
|
const userLayerObject = buildUserLayer(userData, userPropsToDisplay);
|
|
43
|
-
|
|
44
39
|
const extendedDataLayer = _objectSpread(_objectSpread({}, dataLayerObject), userLayerObject);
|
|
45
|
-
|
|
46
40
|
return /*#__PURE__*/React.createElement(GTMEvent, {
|
|
47
41
|
dataLayerObject: extendedDataLayer,
|
|
48
42
|
eventTrigger: eventTrigger
|
|
49
43
|
});
|
|
50
44
|
};
|
|
51
|
-
|
|
52
45
|
GTMClickEvent.propTypes = {
|
|
53
46
|
event: PropTypes.object.isRequired,
|
|
54
47
|
componentProps: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GTMClickEvent.js","names":["React","PropTypes","useQuery","checkIfLoggedIn","getUser","GTMEvent","buildDataLayer","buildNestedEvent","buildUserQueryProps","buildUserLayer","GTMClickEvent","event","componentProps","parentComponent","eventTrigger","propsToDisplay","userPropsToDisplay","eventEcommerce","id","userId","userProps","data","userData","loading","variables","skip","dataLayerProps","dataLayerObject","userLayerObject","extendedDataLayer","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":"
|
|
1
|
+
{"version":3,"file":"GTMClickEvent.js","names":["React","PropTypes","useQuery","checkIfLoggedIn","getUser","GTMEvent","buildDataLayer","buildNestedEvent","buildUserQueryProps","buildUserLayer","GTMClickEvent","event","componentProps","parentComponent","eventTrigger","propsToDisplay","userPropsToDisplay","eventEcommerce","id","userId","userProps","data","userData","loading","variables","skip","dataLayerProps","dataLayerObject","userLayerObject","extendedDataLayer","propTypes","object","isRequired","oneOfType","array","defaultProps"],"sources":["../../src/GoogleTagManagerEvent/GTMClickEvent.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useQuery } from '@apollo/client';\nimport { checkIfLoggedIn } from '@blaze-cms/core-auth-ui';\nimport { getUser } from '@blaze-cms/react-page-builder';\nimport GTMEvent from './GTMEvent';\nimport { buildDataLayer, buildNestedEvent, buildUserQueryProps, buildUserLayer } from '../helpers';\n\nconst GTMClickEvent = ({ event, componentProps, parentComponent }) => {\n const { eventTrigger, propsToDisplay, userPropsToDisplay, eventEcommerce } = event;\n const { id: userId } = checkIfLoggedIn();\n const userProps = userId ? buildUserQueryProps(userPropsToDisplay) : '';\n const { data: userData, loading } = useQuery(getUser(userProps), {\n variables: { id: userId },\n skip: !userId\n });\n if (loading) return null;\n const dataLayerProps = buildDataLayer(componentProps, propsToDisplay);\n const dataLayerObject = buildNestedEvent(eventEcommerce, event, dataLayerProps, parentComponent);\n const userLayerObject = buildUserLayer(userData, userPropsToDisplay);\n\n const extendedDataLayer = { ...dataLayerObject, ...userLayerObject };\n\n return <GTMEvent dataLayerObject={extendedDataLayer} eventTrigger={eventTrigger} />;\n};\n\nGTMClickEvent.propTypes = {\n event: PropTypes.object.isRequired,\n componentProps: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),\n parentComponent: PropTypes.object\n};\n\nGTMClickEvent.defaultProps = {\n componentProps: {},\n parentComponent: {}\n};\n\nexport default GTMClickEvent;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,eAAe,QAAQ,yBAAyB;AACzD,SAASC,OAAO,QAAQ,+BAA+B;AACvD,OAAOC,QAAQ,MAAM,YAAY;AACjC,SAASC,cAAc,EAAEC,gBAAgB,EAAEC,mBAAmB,EAAEC,cAAc,QAAQ,YAAY;AAElG,MAAMC,aAAa,GAAG,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,EAAE;EACxC,MAAMiB,SAAS,GAAGD,MAAM,GAAGX,mBAAmB,CAACQ,kBAAkB,CAAC,GAAG,EAAE;EACvE,MAAM;IAAEK,IAAI,EAAEC,QAAQ;IAAEC;EAAQ,CAAC,GAAGrB,QAAQ,CAACE,OAAO,CAACgB,SAAS,CAAC,EAAE;IAC/DI,SAAS,EAAE;MAAEN,EAAE,EAAEC;IAAO,CAAC;IACzBM,IAAI,EAAE,CAACN;EACT,CAAC,CAAC;EACF,IAAII,OAAO,EAAE,OAAO,IAAI;EACxB,MAAMG,cAAc,GAAGpB,cAAc,CAACM,cAAc,EAAEG,cAAc,CAAC;EACrE,MAAMY,eAAe,GAAGpB,gBAAgB,CAACU,cAAc,EAAEN,KAAK,EAAEe,cAAc,EAAEb,eAAe,CAAC;EAChG,MAAMe,eAAe,GAAGnB,cAAc,CAACa,QAAQ,EAAEN,kBAAkB,CAAC;EAEpE,MAAMa,iBAAiB,mCAAQF,eAAe,GAAKC,eAAe,CAAE;EAEpE,oBAAO,oBAAC,QAAQ;IAAC,eAAe,EAAEC,iBAAkB;IAAC,YAAY,EAAEf;EAAa,EAAG;AACrF,CAAC;AAEDJ,aAAa,CAACoB,SAAS,GAAG;EACxBnB,KAAK,EAAEV,SAAS,CAAC8B,MAAM,CAACC,UAAU;EAClCpB,cAAc,EAAEX,SAAS,CAACgC,SAAS,CAAC,CAAChC,SAAS,CAAC8B,MAAM,EAAE9B,SAAS,CAACiC,KAAK,CAAC,CAAC;EACxErB,eAAe,EAAEZ,SAAS,CAAC8B;AAC7B,CAAC;AAEDrB,aAAa,CAACyB,YAAY,GAAG;EAC3BvB,cAAc,EAAE,CAAC,CAAC;EAClBC,eAAe,EAAE,CAAC;AACpB,CAAC;AAED,eAAeH,aAAa"}
|
|
@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import PropTypes from 'prop-types';
|
|
4
4
|
import GTMClickEvent from './GTMClickEvent';
|
|
5
|
-
|
|
6
5
|
const GTMClickEvents = ({
|
|
7
6
|
gtmEvents,
|
|
8
7
|
componentProps,
|
|
@@ -19,7 +18,6 @@ const GTMClickEvents = ({
|
|
|
19
18
|
parentComponent: parentComponent
|
|
20
19
|
}, event));
|
|
21
20
|
});
|
|
22
|
-
|
|
23
21
|
GTMClickEvents.propTypes = {
|
|
24
22
|
gtmEvents: PropTypes.array,
|
|
25
23
|
componentProps: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GTMClickEvents.js","names":["React","PropTypes","GTMClickEvent","GTMClickEvents","gtmEvents","componentProps","parentComponent","map","event","index","eventName","dynamicKey","join","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,
|
|
1
|
+
{"version":3,"file":"GTMClickEvents.js","names":["React","PropTypes","GTMClickEvent","GTMClickEvents","gtmEvents","componentProps","parentComponent","map","event","index","eventName","dynamicKey","join","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,GAAG,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,oBACE,oBAAC,aAAa;IACZ,GAAG,EAAED,UAAW;IAChB,KAAK,EAAEH,KAAM;IACb,cAAc,EAAEH,cAAe;IAC/B,eAAe,EAAEC;EAAgB,GAC7BE,KAAK,EACT;AAEN,CAAC,CAAC;AAEJL,cAAc,CAACU,SAAS,GAAG;EACzBT,SAAS,EAAEH,SAAS,CAACa,KAAK;EAC1BT,cAAc,EAAEJ,SAAS,CAACc,SAAS,CAAC,CAACd,SAAS,CAACe,MAAM,EAAEf,SAAS,CAACa,KAAK,CAAC,CAAC;EACxER,eAAe,EAAEL,SAAS,CAACe;AAC7B,CAAC;AAEDb,cAAc,CAACc,YAAY,GAAG;EAC5Bb,SAAS,EAAE,EAAE;EACbC,cAAc,EAAE,CAAC,CAAC;EAClBC,eAAe,EAAE,CAAC;AACpB,CAAC;AAED,eAAeH,cAAc"}
|
|
@@ -3,7 +3,6 @@ import PropTypes from 'prop-types';
|
|
|
3
3
|
import { Waypoint } from 'react-waypoint';
|
|
4
4
|
import { pushToDataLayer } from '../helpers';
|
|
5
5
|
import { IN_VIEW, ON_SUCCESS } from '../constants';
|
|
6
|
-
|
|
7
6
|
const GTMEvent = ({
|
|
8
7
|
dataLayerObject,
|
|
9
8
|
eventTrigger,
|
|
@@ -16,19 +15,16 @@ const GTMEvent = ({
|
|
|
16
15
|
useEffect(() => {
|
|
17
16
|
setShouldPushLayer(true);
|
|
18
17
|
}, [currentLocation]);
|
|
19
|
-
|
|
20
18
|
const pushDataLayer = () => {
|
|
21
19
|
pushToDataLayer(dataLayerObject);
|
|
22
20
|
setShouldPushLayer(false);
|
|
23
21
|
if (isOnSuccess) handleOnSuccess();
|
|
24
22
|
};
|
|
25
|
-
|
|
26
23
|
if (!isViewEvent && shouldPushLayer) pushDataLayer();
|
|
27
24
|
return /*#__PURE__*/React.createElement(React.Fragment, null, isViewEvent && shouldPushLayer && /*#__PURE__*/React.createElement(Waypoint, {
|
|
28
25
|
onEnter: pushDataLayer
|
|
29
26
|
}));
|
|
30
27
|
};
|
|
31
|
-
|
|
32
28
|
GTMEvent.propTypes = {
|
|
33
29
|
handleOnSuccess: PropTypes.func.isRequired,
|
|
34
30
|
dataLayerObject: PropTypes.object.isRequired,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GTMEvent.js","names":["React","useState","useEffect","PropTypes","Waypoint","pushToDataLayer","IN_VIEW","ON_SUCCESS","GTMEvent","dataLayerObject","eventTrigger","currentLocation","handleOnSuccess","shouldPushLayer","setShouldPushLayer","isViewEvent","isOnSuccess","pushDataLayer","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 () => {\n setShouldPushLayer(true);\n },\n [currentLocation]\n );\n const pushDataLayer = () => {\n pushToDataLayer(dataLayerObject);\n setShouldPushLayer(false);\n if (isOnSuccess) handleOnSuccess();\n };\n\n if (!isViewEvent && shouldPushLayer) pushDataLayer();\n\n return <>{isViewEvent && shouldPushLayer && <Waypoint onEnter={pushDataLayer} />}</>;\n};\n\nGTMEvent.propTypes = {\n handleOnSuccess: PropTypes.func.isRequired,\n dataLayerObject: PropTypes.object.isRequired,\n eventTrigger: PropTypes.string.isRequired,\n currentLocation: PropTypes.string.isRequired\n};\n\nexport default GTMEvent;\n"],"mappings":"AAAA,OAAOA,
|
|
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","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 () => {\n setShouldPushLayer(true);\n },\n [currentLocation]\n );\n const pushDataLayer = () => {\n pushToDataLayer(dataLayerObject);\n setShouldPushLayer(false);\n if (isOnSuccess) handleOnSuccess();\n };\n\n if (!isViewEvent && shouldPushLayer) pushDataLayer();\n\n return <>{isViewEvent && shouldPushLayer && <Waypoint onEnter={pushDataLayer} />}</>;\n};\n\nGTMEvent.propTypes = {\n handleOnSuccess: PropTypes.func.isRequired,\n dataLayerObject: PropTypes.object.isRequired,\n eventTrigger: PropTypes.string.isRequired,\n currentLocation: PropTypes.string.isRequired\n};\n\nexport default GTMEvent;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAClD,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,eAAe,QAAQ,YAAY;AAC5C,SAASC,OAAO,EAAEC,UAAU,QAAQ,cAAc;AAElD,MAAMC,QAAQ,GAAG,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,CACP,MAAM;IACJY,kBAAkB,CAAC,IAAI,CAAC;EAC1B,CAAC,EACD,CAACH,eAAe,CAAC,CAClB;EACD,MAAMM,aAAa,GAAG,MAAM;IAC1BZ,eAAe,CAACI,eAAe,CAAC;IAChCK,kBAAkB,CAAC,KAAK,CAAC;IACzB,IAAIE,WAAW,EAAEJ,eAAe,EAAE;EACpC,CAAC;EAED,IAAI,CAACG,WAAW,IAAIF,eAAe,EAAEI,aAAa,EAAE;EAEpD,oBAAO,0CAAGF,WAAW,IAAIF,eAAe,iBAAI,oBAAC,QAAQ;IAAC,OAAO,EAAEI;EAAc,EAAG,CAAI;AACtF,CAAC;AAEDT,QAAQ,CAACU,SAAS,GAAG;EACnBN,eAAe,EAAET,SAAS,CAACgB,IAAI,CAACC,UAAU;EAC1CX,eAAe,EAAEN,SAAS,CAACkB,MAAM,CAACD,UAAU;EAC5CV,YAAY,EAAEP,SAAS,CAACmB,MAAM,CAACF,UAAU;EACzCT,eAAe,EAAER,SAAS,CAACmB,MAAM,CAACF;AACpC,CAAC;AAED,eAAeZ,QAAQ"}
|
|
@@ -9,7 +9,6 @@ import { MainContext } from '@blaze-cms/nextjs-components';
|
|
|
9
9
|
import GTMEventRender from './GTMEventRender';
|
|
10
10
|
import { getRenderProps, getIdsToUse, buildPropsToDisplayArray } from '../helpers';
|
|
11
11
|
import { GTM_EVENT_FACTORY } from '../constants';
|
|
12
|
-
|
|
13
12
|
const GTMEventFactory = ({
|
|
14
13
|
parent,
|
|
15
14
|
gtmEvents,
|
|
@@ -35,10 +34,9 @@ const GTMEventFactory = ({
|
|
|
35
34
|
if (loading || error || !data) return null;
|
|
36
35
|
return gtmEvents.map((_ref, i) => {
|
|
37
36
|
let {
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
37
|
+
propsToDisplay
|
|
38
|
+
} = _ref,
|
|
39
|
+
eventProps = _objectWithoutProperties(_ref, _excluded);
|
|
42
40
|
const hasNoPropsToDisplay = !propsToDisplay || !propsToDisplay.length;
|
|
43
41
|
const propsToDisplayArr = buildPropsToDisplayArray(propsToDisplay);
|
|
44
42
|
const extraProps = hasNoPropsToDisplay ? '' : buildPropsQuery(data, propsToDisplayArr);
|
|
@@ -77,7 +75,6 @@ const GTMEventFactory = ({
|
|
|
77
75
|
}, eventProps));
|
|
78
76
|
});
|
|
79
77
|
};
|
|
80
|
-
|
|
81
78
|
GTMEventFactory.propTypes = {
|
|
82
79
|
parent: PropTypes.object.isRequired,
|
|
83
80
|
clickId: PropTypes.string,
|