@blaze-cms/plugin-gtm-fe 0.125.0-admin-updates.1 → 0.125.0-alpha.13
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 +18 -2
- 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 +0 -21
- 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 +4 -4
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) {
|
|
@@ -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,uCACwC,oBAAoB;kBAAA;gBAAA,CAAC;cAElF,CAAC,CAAC;cACFH,YAAY,CAAC;gBACXC,GAAG,EAAE,YAAY;gBACjBC,SAAS,EAAE,IAAAC,mBAAO,EAAC;kBAAA;oBAAA,uCAC6C,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":"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"}
|
|
@@ -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,
|
|
@@ -1 +1 @@
|
|
|
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","i","propsToDisplay","eventProps","hasNoPropsToDisplay","length","propsToDisplayArr","extraProps","shouldUseParentData","itemIdToUse","itemId","shouldUseMultiQuery","Array","isArray","action","actionKey","dynamicKey","queryVariables","where","_in","skip","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":";;;AAAA,OAAOA,
|
|
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","i","propsToDisplay","eventProps","hasNoPropsToDisplay","length","propsToDisplayArr","extraProps","shouldUseParentData","itemIdToUse","itemId","shouldUseMultiQuery","Array","isArray","action","actionKey","dynamicKey","queryVariables","where","_in","skip","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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"}
|