@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,73 +1,50 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
require("core-js/modules/es.array.iterator.js");
|
|
4
|
-
|
|
5
4
|
require("core-js/modules/es.object.to-string.js");
|
|
6
|
-
|
|
7
5
|
require("core-js/modules/es.string.iterator.js");
|
|
8
|
-
|
|
9
6
|
require("core-js/modules/es.weak-map.js");
|
|
10
|
-
|
|
11
7
|
require("core-js/modules/web.dom-collections.iterator.js");
|
|
12
|
-
|
|
13
8
|
require("core-js/modules/es.object.define-property.js");
|
|
14
|
-
|
|
15
9
|
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
|
16
|
-
|
|
17
10
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
18
|
-
|
|
19
11
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
20
|
-
|
|
21
12
|
Object.defineProperty(exports, "__esModule", {
|
|
22
13
|
value: true
|
|
23
14
|
});
|
|
24
15
|
exports["default"] = void 0;
|
|
25
|
-
|
|
26
16
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
27
|
-
|
|
28
17
|
var _react = _interopRequireWildcard(require("react"));
|
|
29
|
-
|
|
30
18
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
31
|
-
|
|
32
19
|
var _reactWaypoint = require("react-waypoint");
|
|
33
|
-
|
|
34
20
|
var _helpers = require("../helpers");
|
|
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 || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
41
|
-
|
|
42
24
|
var GTMEvent = function GTMEvent(_ref) {
|
|
43
25
|
var dataLayerObject = _ref.dataLayerObject,
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
26
|
+
eventTrigger = _ref.eventTrigger,
|
|
27
|
+
currentLocation = _ref.currentLocation,
|
|
28
|
+
handleOnSuccess = _ref.handleOnSuccess;
|
|
48
29
|
var _useState = (0, _react.useState)(false),
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
30
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
31
|
+
shouldPushLayer = _useState2[0],
|
|
32
|
+
setShouldPushLayer = _useState2[1];
|
|
53
33
|
var isViewEvent = eventTrigger === _constants.IN_VIEW;
|
|
54
34
|
var isOnSuccess = eventTrigger === _constants.ON_SUCCESS && !!handleOnSuccess;
|
|
55
35
|
(0, _react.useEffect)(function () {
|
|
56
36
|
setShouldPushLayer(true);
|
|
57
37
|
}, [currentLocation]);
|
|
58
|
-
|
|
59
38
|
var pushDataLayer = function pushDataLayer() {
|
|
60
39
|
(0, _helpers.pushToDataLayer)(dataLayerObject);
|
|
61
40
|
setShouldPushLayer(false);
|
|
62
41
|
if (isOnSuccess) handleOnSuccess();
|
|
63
42
|
};
|
|
64
|
-
|
|
65
43
|
if (!isViewEvent && shouldPushLayer) pushDataLayer();
|
|
66
44
|
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, isViewEvent && shouldPushLayer && /*#__PURE__*/_react["default"].createElement(_reactWaypoint.Waypoint, {
|
|
67
45
|
onEnter: pushDataLayer
|
|
68
46
|
}));
|
|
69
47
|
};
|
|
70
|
-
|
|
71
48
|
GTMEvent.propTypes = {
|
|
72
49
|
handleOnSuccess: _propTypes["default"].func.isRequired,
|
|
73
50
|
dataLayerObject: _propTypes["default"].object.isRequired,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GTMEvent.js","names":["GTMEvent","dataLayerObject","eventTrigger","currentLocation","handleOnSuccess","useState","shouldPushLayer","setShouldPushLayer","isViewEvent","IN_VIEW","isOnSuccess","ON_SUCCESS","useEffect","pushDataLayer","pushToDataLayer","propTypes","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":"
|
|
1
|
+
{"version":3,"file":"GTMEvent.js","names":["GTMEvent","dataLayerObject","eventTrigger","currentLocation","handleOnSuccess","useState","shouldPushLayer","setShouldPushLayer","isViewEvent","IN_VIEW","isOnSuccess","ON_SUCCESS","useEffect","pushDataLayer","pushToDataLayer","propTypes","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;AACA;AACA;AACA;AACA;AAAmD;AAAA;AAEnD,IAAMA,QAAQ,GAAG,SAAXA,QAAQ,OAA4E;EAAA,IAAtEC,eAAe,QAAfA,eAAe;IAAEC,YAAY,QAAZA,YAAY;IAAEC,eAAe,QAAfA,eAAe;IAAEC,eAAe,QAAfA,eAAe;EACjF,gBAA8C,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAA;IAAtDC,eAAe;IAAEC,kBAAkB;EAC1C,IAAMC,WAAW,GAAGN,YAAY,KAAKO,kBAAO;EAC5C,IAAMC,WAAW,GAAGR,YAAY,KAAKS,qBAAU,IAAI,CAAC,CAACP,eAAe;EAEpE,IAAAQ,gBAAS,EACP,YAAM;IACJL,kBAAkB,CAAC,IAAI,CAAC;EAC1B,CAAC,EACD,CAACJ,eAAe,CAAC,CAClB;EACD,IAAMU,aAAa,GAAG,SAAhBA,aAAa,GAAS;IAC1B,IAAAC,wBAAe,EAACb,eAAe,CAAC;IAChCM,kBAAkB,CAAC,KAAK,CAAC;IACzB,IAAIG,WAAW,EAAEN,eAAe,EAAE;EACpC,CAAC;EAED,IAAI,CAACI,WAAW,IAAIF,eAAe,EAAEO,aAAa,EAAE;EAEpD,oBAAO,kEAAGL,WAAW,IAAIF,eAAe,iBAAI,gCAAC,uBAAQ;IAAC,OAAO,EAAEO;EAAc,EAAG,CAAI;AACtF,CAAC;AAEDb,QAAQ,CAACe,SAAS,GAAG;EACnBX,eAAe,EAAEY,qBAAS,CAACC,IAAI,CAACC,UAAU;EAC1CjB,eAAe,EAAEe,qBAAS,CAACG,MAAM,CAACD,UAAU;EAC5ChB,YAAY,EAAEc,qBAAS,CAACI,MAAM,CAACF,UAAU;EACzCf,eAAe,EAAEa,qBAAS,CAACI,MAAM,CAACF;AACpC,CAAC;AAAC,eAEalB,QAAQ;AAAA"}
|
|
@@ -1,93 +1,61 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
require("core-js/modules/es.array.iterator.js");
|
|
4
|
-
|
|
5
4
|
require("core-js/modules/es.object.to-string.js");
|
|
6
|
-
|
|
7
5
|
require("core-js/modules/es.string.iterator.js");
|
|
8
|
-
|
|
9
6
|
require("core-js/modules/es.weak-map.js");
|
|
10
|
-
|
|
11
7
|
require("core-js/modules/web.dom-collections.iterator.js");
|
|
12
|
-
|
|
13
8
|
require("core-js/modules/es.object.define-property.js");
|
|
14
|
-
|
|
15
9
|
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
|
16
|
-
|
|
17
10
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
18
|
-
|
|
19
11
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
20
|
-
|
|
21
12
|
Object.defineProperty(exports, "__esModule", {
|
|
22
13
|
value: true
|
|
23
14
|
});
|
|
24
15
|
exports["default"] = void 0;
|
|
25
|
-
|
|
26
16
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
27
|
-
|
|
28
17
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
29
|
-
|
|
30
18
|
require("core-js/modules/es.array.map.js");
|
|
31
|
-
|
|
32
19
|
require("core-js/modules/es.array.is-array.js");
|
|
33
|
-
|
|
34
20
|
require("core-js/modules/es.array.concat.js");
|
|
35
|
-
|
|
36
21
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
37
|
-
|
|
38
22
|
var _react = _interopRequireWildcard(require("react"));
|
|
39
|
-
|
|
40
23
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
41
|
-
|
|
42
24
|
var _client = require("@apollo/client");
|
|
43
|
-
|
|
44
25
|
var _reactPageBuilder = require("@blaze-cms/react-page-builder");
|
|
45
|
-
|
|
46
26
|
var _nextjsComponents = require("@blaze-cms/nextjs-components");
|
|
47
|
-
|
|
48
27
|
var _GTMEventRender = _interopRequireDefault(require("./GTMEventRender"));
|
|
49
|
-
|
|
50
28
|
var _helpers = require("../helpers");
|
|
51
|
-
|
|
52
29
|
var _constants = require("../constants");
|
|
53
|
-
|
|
54
30
|
var _excluded = ["propsToDisplay"];
|
|
55
|
-
|
|
56
31
|
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); }
|
|
57
|
-
|
|
58
32
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
59
|
-
|
|
60
33
|
var GTMEventFactory = function GTMEventFactory(_ref) {
|
|
61
34
|
var parent = _ref.parent,
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
35
|
+
gtmEvents = _ref.gtmEvents,
|
|
36
|
+
parentData = _ref.parentData,
|
|
37
|
+
clickId = _ref.clickId,
|
|
38
|
+
parentComponent = _ref.parentComponent;
|
|
67
39
|
var _useContext = (0, _react.useContext)(_nextjsComponents.MainContext),
|
|
68
|
-
|
|
69
|
-
|
|
40
|
+
isPreview = _useContext.isPreview;
|
|
70
41
|
var _ref2 = parentData || [],
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
42
|
+
_ref3 = (0, _slicedToArray2["default"])(_ref2, 1),
|
|
43
|
+
_ref3$ = _ref3[0];
|
|
74
44
|
_ref3$ = _ref3$ === void 0 ? {} : _ref3$;
|
|
75
45
|
var _ref3$$itemEntity = _ref3$.itemEntity,
|
|
76
|
-
|
|
77
|
-
|
|
46
|
+
itemEntity = _ref3$$itemEntity === void 0 ? parent.itemEntity : _ref3$$itemEntity;
|
|
78
47
|
var _useQuery = (0, _client.useQuery)(_reactPageBuilder.getSingleEntitySchema, {
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
48
|
+
variables: {
|
|
49
|
+
id: itemEntity
|
|
50
|
+
}
|
|
51
|
+
}),
|
|
52
|
+
data = _useQuery.data,
|
|
53
|
+
error = _useQuery.error,
|
|
54
|
+
loading = _useQuery.loading;
|
|
87
55
|
if (loading || error || !data) return null;
|
|
88
56
|
return gtmEvents.map(function (_ref4, i) {
|
|
89
57
|
var propsToDisplay = _ref4.propsToDisplay,
|
|
90
|
-
|
|
58
|
+
eventProps = (0, _objectWithoutProperties2["default"])(_ref4, _excluded);
|
|
91
59
|
var hasNoPropsToDisplay = !propsToDisplay || !propsToDisplay.length;
|
|
92
60
|
var propsToDisplayArr = (0, _helpers.buildPropsToDisplayArray)(propsToDisplay);
|
|
93
61
|
var extraProps = hasNoPropsToDisplay ? '' : (0, _reactPageBuilder.buildPropsQuery)(data, propsToDisplayArr);
|
|
@@ -95,11 +63,9 @@ var GTMEventFactory = function GTMEventFactory(_ref) {
|
|
|
95
63
|
var itemIdToUse = clickId || parent.itemId;
|
|
96
64
|
var itemId = shouldUseParentData ? (0, _helpers.getIdsToUse)(parentData) : itemIdToUse;
|
|
97
65
|
var shouldUseMultiQuery = Array.isArray(itemId);
|
|
98
|
-
|
|
99
66
|
var _getRenderProps = (0, _helpers.getRenderProps)(extraProps, isPreview, data, shouldUseMultiQuery),
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
67
|
+
action = _getRenderProps.action,
|
|
68
|
+
actionKey = _getRenderProps.actionKey;
|
|
103
69
|
var dynamicKey = "".concat(_constants.GTM_EVENT_FACTORY).concat(i);
|
|
104
70
|
var queryVariables = shouldUseMultiQuery ? {
|
|
105
71
|
variables: {
|
|
@@ -127,7 +93,6 @@ var GTMEventFactory = function GTMEventFactory(_ref) {
|
|
|
127
93
|
}, eventProps));
|
|
128
94
|
});
|
|
129
95
|
};
|
|
130
|
-
|
|
131
96
|
GTMEventFactory.propTypes = {
|
|
132
97
|
parent: _propTypes["default"].object.isRequired,
|
|
133
98
|
clickId: _propTypes["default"].string,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GTMEventFactory.js","names":["GTMEventFactory","parent","gtmEvents","parentData","clickId","parentComponent","useContext","MainContext","isPreview","itemEntity","useQuery","getSingleEntitySchema","variables","id","data","error","loading","map","i","propsToDisplay","eventProps","hasNoPropsToDisplay","length","propsToDisplayArr","buildPropsToDisplayArray","extraProps","buildPropsQuery","shouldUseParentData","itemIdToUse","itemId","getIdsToUse","shouldUseMultiQuery","Array","isArray","getRenderProps","action","actionKey","dynamicKey","GTM_EVENT_FACTORY","queryVariables","where","_in","skip","propTypes","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":"
|
|
1
|
+
{"version":3,"file":"GTMEventFactory.js","names":["GTMEventFactory","parent","gtmEvents","parentData","clickId","parentComponent","useContext","MainContext","isPreview","itemEntity","useQuery","getSingleEntitySchema","variables","id","data","error","loading","map","i","propsToDisplay","eventProps","hasNoPropsToDisplay","length","propsToDisplayArr","buildPropsToDisplayArray","extraProps","buildPropsQuery","shouldUseParentData","itemIdToUse","itemId","getIdsToUse","shouldUseMultiQuery","Array","isArray","getRenderProps","action","actionKey","dynamicKey","GTM_EVENT_FACTORY","queryVariables","where","_in","skip","propTypes","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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"}
|
|
@@ -1,128 +1,85 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
require("core-js/modules/es.object.keys.js");
|
|
4
|
-
|
|
5
4
|
require("core-js/modules/es.symbol.js");
|
|
6
|
-
|
|
7
5
|
require("core-js/modules/es.array.filter.js");
|
|
8
|
-
|
|
9
6
|
require("core-js/modules/es.object.to-string.js");
|
|
10
|
-
|
|
11
7
|
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
|
12
|
-
|
|
13
8
|
require("core-js/modules/es.array.for-each.js");
|
|
14
|
-
|
|
15
9
|
require("core-js/modules/web.dom-collections.for-each.js");
|
|
16
|
-
|
|
17
10
|
require("core-js/modules/es.object.get-own-property-descriptors.js");
|
|
18
|
-
|
|
19
11
|
require("core-js/modules/es.object.define-properties.js");
|
|
20
|
-
|
|
21
12
|
require("core-js/modules/es.object.define-property.js");
|
|
22
|
-
|
|
23
13
|
require("core-js/modules/es.array.iterator.js");
|
|
24
|
-
|
|
25
14
|
require("core-js/modules/es.string.iterator.js");
|
|
26
|
-
|
|
27
15
|
require("core-js/modules/es.weak-map.js");
|
|
28
|
-
|
|
29
16
|
require("core-js/modules/web.dom-collections.iterator.js");
|
|
30
|
-
|
|
31
17
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
32
|
-
|
|
33
18
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
34
|
-
|
|
35
19
|
Object.defineProperty(exports, "__esModule", {
|
|
36
20
|
value: true
|
|
37
21
|
});
|
|
38
22
|
exports["default"] = void 0;
|
|
39
|
-
|
|
40
23
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
41
|
-
|
|
42
24
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
43
|
-
|
|
44
25
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
45
|
-
|
|
46
26
|
var _react = _interopRequireWildcard(require("react"));
|
|
47
|
-
|
|
48
27
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
49
|
-
|
|
50
28
|
var _client = require("@apollo/client");
|
|
51
|
-
|
|
52
29
|
var _coreAuthUi = require("@blaze-cms/core-auth-ui");
|
|
53
|
-
|
|
54
30
|
var _reactPageBuilder = require("@blaze-cms/react-page-builder");
|
|
55
|
-
|
|
56
31
|
var _router = require("next/router");
|
|
57
|
-
|
|
58
32
|
var _GTMEvent = _interopRequireDefault(require("./GTMEvent"));
|
|
59
|
-
|
|
60
33
|
var _helpers = require("../helpers");
|
|
61
|
-
|
|
62
34
|
var _excluded = ["router", "action", "actionKey", "queryVariables", "parentComponent", "userPropsToDisplay", "handleOnSuccess"];
|
|
63
|
-
|
|
64
35
|
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); }
|
|
65
|
-
|
|
66
36
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
67
|
-
|
|
68
37
|
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; }
|
|
69
|
-
|
|
70
38
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
71
|
-
|
|
72
39
|
var GTMEventRender = function GTMEventRender(_ref) {
|
|
73
40
|
var router = _ref.router,
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
41
|
+
action = _ref.action,
|
|
42
|
+
actionKey = _ref.actionKey,
|
|
43
|
+
queryVariables = _ref.queryVariables,
|
|
44
|
+
parentComponent = _ref.parentComponent,
|
|
45
|
+
userPropsToDisplay = _ref.userPropsToDisplay,
|
|
46
|
+
handleOnSuccess = _ref.handleOnSuccess,
|
|
47
|
+
eventProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
81
48
|
var asPath = router.asPath;
|
|
82
|
-
|
|
83
49
|
var _useState = (0, _react.useState)(''),
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
50
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
51
|
+
currentLocation = _useState2[0],
|
|
52
|
+
setCurrentLocation = _useState2[1];
|
|
88
53
|
var _useQuery = (0, _client.useQuery)(action, queryVariables),
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
54
|
+
_useQuery$data = _useQuery.data,
|
|
55
|
+
data = _useQuery$data === void 0 ? {} : _useQuery$data,
|
|
56
|
+
error = _useQuery.error,
|
|
57
|
+
loading = _useQuery.loading;
|
|
94
58
|
var _checkIfLoggedIn = (0, _coreAuthUi.checkIfLoggedIn)(),
|
|
95
|
-
|
|
96
|
-
|
|
59
|
+
userId = _checkIfLoggedIn.id;
|
|
97
60
|
var hasUserProps = userId && userPropsToDisplay && userPropsToDisplay.length;
|
|
98
61
|
var userProps = hasUserProps ? (0, _helpers.buildUserQueryProps)(userPropsToDisplay) : '';
|
|
99
|
-
|
|
100
62
|
var _useQuery2 = (0, _client.useQuery)((0, _reactPageBuilder.getUser)(userProps), {
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
63
|
+
variables: {
|
|
64
|
+
id: userId
|
|
65
|
+
},
|
|
66
|
+
skip: !hasUserProps
|
|
67
|
+
}),
|
|
68
|
+
userData = _useQuery2.data,
|
|
69
|
+
userLoading = _useQuery2.loading;
|
|
109
70
|
if (loading || userLoading || error) return null;
|
|
110
71
|
var gtmData = data.entityData || data[actionKey];
|
|
111
|
-
|
|
112
72
|
if (currentLocation !== asPath) {
|
|
113
73
|
setCurrentLocation(asPath);
|
|
114
74
|
return null;
|
|
115
75
|
}
|
|
116
|
-
|
|
117
76
|
var eventTrigger = eventProps.eventTrigger,
|
|
118
|
-
|
|
119
|
-
|
|
77
|
+
propsToDisplay = eventProps.propsToDisplay,
|
|
78
|
+
eventEcommerce = eventProps.eventEcommerce;
|
|
120
79
|
var dataLayerProps = (0, _helpers.buildDataLayer)(gtmData, propsToDisplay);
|
|
121
80
|
var dataLayerObject = (0, _helpers.buildNestedEvent)(eventEcommerce, eventProps, dataLayerProps, parentComponent);
|
|
122
81
|
var userLayerObject = (0, _helpers.buildUserLayer)(userData, userPropsToDisplay);
|
|
123
|
-
|
|
124
82
|
var extendedDataLayer = _objectSpread(_objectSpread({}, dataLayerObject), userLayerObject);
|
|
125
|
-
|
|
126
83
|
return /*#__PURE__*/_react["default"].createElement(_GTMEvent["default"], {
|
|
127
84
|
dataLayerObject: extendedDataLayer,
|
|
128
85
|
eventTrigger: eventTrigger,
|
|
@@ -130,7 +87,6 @@ var GTMEventRender = function GTMEventRender(_ref) {
|
|
|
130
87
|
handleOnSuccess: handleOnSuccess
|
|
131
88
|
});
|
|
132
89
|
};
|
|
133
|
-
|
|
134
90
|
GTMEventRender.propTypes = {
|
|
135
91
|
userPropsToDisplay: _propTypes["default"].array,
|
|
136
92
|
router: _propTypes["default"].object.isRequired,
|
|
@@ -147,8 +103,6 @@ GTMEventRender.defaultProps = {
|
|
|
147
103
|
GTMEventRender.defaultProps = {
|
|
148
104
|
userPropsToDisplay: []
|
|
149
105
|
};
|
|
150
|
-
|
|
151
106
|
var _default = (0, _router.withRouter)(GTMEventRender);
|
|
152
|
-
|
|
153
107
|
exports["default"] = _default;
|
|
154
108
|
//# sourceMappingURL=GTMEventRender.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GTMEventRender.js","names":["GTMEventRender","router","action","actionKey","queryVariables","parentComponent","userPropsToDisplay","handleOnSuccess","eventProps","asPath","useState","currentLocation","setCurrentLocation","useQuery","data","error","loading","checkIfLoggedIn","userId","id","hasUserProps","length","userProps","buildUserQueryProps","getUser","variables","skip","userData","userLoading","gtmData","entityData","eventTrigger","propsToDisplay","eventEcommerce","dataLayerProps","buildDataLayer","dataLayerObject","buildNestedEvent","userLayerObject","buildUserLayer","extendedDataLayer","propTypes","PropTypes","array","object","isRequired","string","func","defaultProps","withRouter"],"sources":["../../src/GoogleTagManagerEvent/GTMEventRender.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useQuery } from '@apollo/client';\nimport { checkIfLoggedIn } from '@blaze-cms/core-auth-ui';\nimport { getUser } from '@blaze-cms/react-page-builder';\nimport { withRouter } from 'next/router';\nimport GTMEvent from './GTMEvent';\nimport { buildDataLayer, buildNestedEvent, buildUserQueryProps, buildUserLayer } from '../helpers';\n\nconst GTMEventRender = ({\n router,\n action,\n actionKey,\n queryVariables,\n parentComponent,\n userPropsToDisplay,\n handleOnSuccess,\n ...eventProps\n}) => {\n const { asPath } = router;\n const [currentLocation, setCurrentLocation] = useState('');\n const { data = {}, error, loading } = useQuery(action, queryVariables);\n const { id: userId } = checkIfLoggedIn();\n const hasUserProps = userId && userPropsToDisplay && userPropsToDisplay.length;\n const userProps = hasUserProps ? buildUserQueryProps(userPropsToDisplay) : '';\n const { data: userData, loading: userLoading } = useQuery(getUser(userProps), {\n variables: { id: userId },\n skip: !hasUserProps\n });\n\n if (loading || userLoading || error) return null;\n const gtmData = data.entityData || data[actionKey];\n\n if (currentLocation !== asPath) {\n setCurrentLocation(asPath);\n return null;\n }\n\n const { eventTrigger, propsToDisplay, eventEcommerce } = eventProps;\n const dataLayerProps = buildDataLayer(gtmData, propsToDisplay);\n\n const dataLayerObject = buildNestedEvent(\n eventEcommerce,\n eventProps,\n dataLayerProps,\n parentComponent\n );\n const userLayerObject = buildUserLayer(userData, userPropsToDisplay);\n const extendedDataLayer = { ...dataLayerObject, ...userLayerObject };\n\n return (\n <GTMEvent\n dataLayerObject={extendedDataLayer}\n eventTrigger={eventTrigger}\n currentLocation={currentLocation}\n handleOnSuccess={handleOnSuccess}\n />\n );\n};\n\nGTMEventRender.propTypes = {\n userPropsToDisplay: PropTypes.array,\n router: PropTypes.object.isRequired,\n action: PropTypes.object.isRequired,\n actionKey: PropTypes.string.isRequired,\n queryVariables: PropTypes.object.isRequired,\n parentComponent: PropTypes.object.isRequired,\n handleOnSuccess: PropTypes.func\n};\n\nGTMEventRender.defaultProps = {\n userPropsToDisplay: [],\n handleOnSuccess: () => {}\n};\n\nGTMEventRender.defaultProps = {\n userPropsToDisplay: []\n};\n\nexport default withRouter(GTMEventRender);\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"GTMEventRender.js","names":["GTMEventRender","router","action","actionKey","queryVariables","parentComponent","userPropsToDisplay","handleOnSuccess","eventProps","asPath","useState","currentLocation","setCurrentLocation","useQuery","data","error","loading","checkIfLoggedIn","userId","id","hasUserProps","length","userProps","buildUserQueryProps","getUser","variables","skip","userData","userLoading","gtmData","entityData","eventTrigger","propsToDisplay","eventEcommerce","dataLayerProps","buildDataLayer","dataLayerObject","buildNestedEvent","userLayerObject","buildUserLayer","extendedDataLayer","propTypes","PropTypes","array","object","isRequired","string","func","defaultProps","withRouter"],"sources":["../../src/GoogleTagManagerEvent/GTMEventRender.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useQuery } from '@apollo/client';\nimport { checkIfLoggedIn } from '@blaze-cms/core-auth-ui';\nimport { getUser } from '@blaze-cms/react-page-builder';\nimport { withRouter } from 'next/router';\nimport GTMEvent from './GTMEvent';\nimport { buildDataLayer, buildNestedEvent, buildUserQueryProps, buildUserLayer } from '../helpers';\n\nconst GTMEventRender = ({\n router,\n action,\n actionKey,\n queryVariables,\n parentComponent,\n userPropsToDisplay,\n handleOnSuccess,\n ...eventProps\n}) => {\n const { asPath } = router;\n const [currentLocation, setCurrentLocation] = useState('');\n const { data = {}, error, loading } = useQuery(action, queryVariables);\n const { id: userId } = checkIfLoggedIn();\n const hasUserProps = userId && userPropsToDisplay && userPropsToDisplay.length;\n const userProps = hasUserProps ? buildUserQueryProps(userPropsToDisplay) : '';\n const { data: userData, loading: userLoading } = useQuery(getUser(userProps), {\n variables: { id: userId },\n skip: !hasUserProps\n });\n\n if (loading || userLoading || error) return null;\n const gtmData = data.entityData || data[actionKey];\n\n if (currentLocation !== asPath) {\n setCurrentLocation(asPath);\n return null;\n }\n\n const { eventTrigger, propsToDisplay, eventEcommerce } = eventProps;\n const dataLayerProps = buildDataLayer(gtmData, propsToDisplay);\n\n const dataLayerObject = buildNestedEvent(\n eventEcommerce,\n eventProps,\n dataLayerProps,\n parentComponent\n );\n const userLayerObject = buildUserLayer(userData, userPropsToDisplay);\n const extendedDataLayer = { ...dataLayerObject, ...userLayerObject };\n\n return (\n <GTMEvent\n dataLayerObject={extendedDataLayer}\n eventTrigger={eventTrigger}\n currentLocation={currentLocation}\n handleOnSuccess={handleOnSuccess}\n />\n );\n};\n\nGTMEventRender.propTypes = {\n userPropsToDisplay: PropTypes.array,\n router: PropTypes.object.isRequired,\n action: PropTypes.object.isRequired,\n actionKey: PropTypes.string.isRequired,\n queryVariables: PropTypes.object.isRequired,\n parentComponent: PropTypes.object.isRequired,\n handleOnSuccess: PropTypes.func\n};\n\nGTMEventRender.defaultProps = {\n userPropsToDisplay: [],\n handleOnSuccess: () => {}\n};\n\nGTMEventRender.defaultProps = {\n userPropsToDisplay: []\n};\n\nexport default withRouter(GTMEventRender);\n"],"mappings":"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"}
|
|
@@ -1,41 +1,28 @@
|
|
|
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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
|
-
|
|
14
10
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
15
|
-
|
|
16
11
|
var _react = _interopRequireDefault(require("react"));
|
|
17
|
-
|
|
18
12
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
19
|
-
|
|
20
13
|
var _GTMClickEvents = _interopRequireDefault(require("./GTMClickEvents"));
|
|
21
|
-
|
|
22
14
|
var _GTMEventFactory = _interopRequireDefault(require("./GTMEventFactory"));
|
|
23
|
-
|
|
24
15
|
var _helpers = require("../helpers");
|
|
25
|
-
|
|
26
16
|
var _excluded = ["gtmEvents", "clickState", "clickId"];
|
|
27
|
-
|
|
28
17
|
var GTMEventSwitch = function GTMEventSwitch(_ref) {
|
|
29
18
|
var gtmEvents = _ref.gtmEvents,
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
19
|
+
clickState = _ref.clickState,
|
|
20
|
+
clickId = _ref.clickId,
|
|
21
|
+
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
33
22
|
if (typeof window === 'undefined' || !gtmEvents.length) return null;
|
|
34
|
-
|
|
35
23
|
var _filterGtmEvents = (0, _helpers.filterGtmEvents)(gtmEvents),
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
24
|
+
clickEvents = _filterGtmEvents.clickEvents,
|
|
25
|
+
regularEvents = _filterGtmEvents.regularEvents;
|
|
39
26
|
var GTMClickFactory = clickId ? _GTMEventFactory["default"] : _GTMClickEvents["default"];
|
|
40
27
|
return clickState ? /*#__PURE__*/_react["default"].createElement(GTMClickFactory, (0, _extends2["default"])({
|
|
41
28
|
gtmEvents: clickEvents,
|
|
@@ -44,7 +31,6 @@ var GTMEventSwitch = function GTMEventSwitch(_ref) {
|
|
|
44
31
|
gtmEvents: regularEvents
|
|
45
32
|
}, props));
|
|
46
33
|
};
|
|
47
|
-
|
|
48
34
|
GTMEventSwitch.propTypes = {
|
|
49
35
|
clickId: _propTypes["default"].string,
|
|
50
36
|
gtmEvents: _propTypes["default"].array,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GTMEventSwitch.js","names":["GTMEventSwitch","gtmEvents","clickState","clickId","props","window","length","filterGtmEvents","clickEvents","regularEvents","GTMClickFactory","GTMEventFactory","GTMClickEvents","propTypes","PropTypes","string","array","bool","defaultProps"],"sources":["../../src/GoogleTagManagerEvent/GTMEventSwitch.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport GTMClickEvents from './GTMClickEvents';\nimport GTMEventFactory from './GTMEventFactory';\nimport { filterGtmEvents } from '../helpers';\n\nconst GTMEventSwitch = ({ gtmEvents, clickState, clickId, ...props }) => {\n if (typeof window === 'undefined' || !gtmEvents.length) return null;\n const { clickEvents, regularEvents } = filterGtmEvents(gtmEvents);\n const GTMClickFactory = clickId ? GTMEventFactory : GTMClickEvents;\n\n return clickState ? (\n <GTMClickFactory gtmEvents={clickEvents} clickId={clickId} {...props} />\n ) : (\n <GTMEventFactory gtmEvents={regularEvents} {...props} />\n );\n};\n\nGTMEventSwitch.propTypes = {\n clickId: PropTypes.string,\n gtmEvents: PropTypes.array,\n clickState: PropTypes.bool\n};\n\nGTMEventSwitch.defaultProps = {\n clickId: null,\n gtmEvents: [],\n clickState: false\n};\n\nexport default GTMEventSwitch;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"GTMEventSwitch.js","names":["GTMEventSwitch","gtmEvents","clickState","clickId","props","window","length","filterGtmEvents","clickEvents","regularEvents","GTMClickFactory","GTMEventFactory","GTMClickEvents","propTypes","PropTypes","string","array","bool","defaultProps"],"sources":["../../src/GoogleTagManagerEvent/GTMEventSwitch.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport GTMClickEvents from './GTMClickEvents';\nimport GTMEventFactory from './GTMEventFactory';\nimport { filterGtmEvents } from '../helpers';\n\nconst GTMEventSwitch = ({ gtmEvents, clickState, clickId, ...props }) => {\n if (typeof window === 'undefined' || !gtmEvents.length) return null;\n const { clickEvents, regularEvents } = filterGtmEvents(gtmEvents);\n const GTMClickFactory = clickId ? GTMEventFactory : GTMClickEvents;\n\n return clickState ? (\n <GTMClickFactory gtmEvents={clickEvents} clickId={clickId} {...props} />\n ) : (\n <GTMEventFactory gtmEvents={regularEvents} {...props} />\n );\n};\n\nGTMEventSwitch.propTypes = {\n clickId: PropTypes.string,\n gtmEvents: PropTypes.array,\n clickState: PropTypes.bool\n};\n\nGTMEventSwitch.defaultProps = {\n clickId: null,\n gtmEvents: [],\n clickState: false\n};\n\nexport default GTMEventSwitch;\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAA6C;AAE7C,IAAMA,cAAc,GAAG,SAAjBA,cAAc,OAAqD;EAAA,IAA/CC,SAAS,QAATA,SAAS;IAAEC,UAAU,QAAVA,UAAU;IAAEC,OAAO,QAAPA,OAAO;IAAKC,KAAK;EAChE,IAAI,OAAOC,MAAM,KAAK,WAAW,IAAI,CAACJ,SAAS,CAACK,MAAM,EAAE,OAAO,IAAI;EACnE,uBAAuC,IAAAC,wBAAe,EAACN,SAAS,CAAC;IAAzDO,WAAW,oBAAXA,WAAW;IAAEC,aAAa,oBAAbA,aAAa;EAClC,IAAMC,eAAe,GAAGP,OAAO,GAAGQ,2BAAe,GAAGC,0BAAc;EAElE,OAAOV,UAAU,gBACf,gCAAC,eAAe;IAAC,SAAS,EAAEM,WAAY;IAAC,OAAO,EAAEL;EAAQ,GAAKC,KAAK,EAAI,gBAExE,gCAAC,2BAAe;IAAC,SAAS,EAAEK;EAAc,GAAKL,KAAK,EACrD;AACH,CAAC;AAEDJ,cAAc,CAACa,SAAS,GAAG;EACzBV,OAAO,EAAEW,qBAAS,CAACC,MAAM;EACzBd,SAAS,EAAEa,qBAAS,CAACE,KAAK;EAC1Bd,UAAU,EAAEY,qBAAS,CAACG;AACxB,CAAC;AAEDjB,cAAc,CAACkB,YAAY,GAAG;EAC5Bf,OAAO,EAAE,IAAI;EACbF,SAAS,EAAE,EAAE;EACbC,UAAU,EAAE;AACd,CAAC;AAAC,eAEaF,cAAc;AAAA"}
|
|
@@ -1,16 +1,12 @@
|
|
|
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 _GTMEventSwitch = _interopRequireDefault(require("./GTMEventSwitch"));
|
|
13
|
-
|
|
14
10
|
var _default = _GTMEventSwitch["default"];
|
|
15
11
|
exports["default"] = _default;
|
|
16
12
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["GTMEventSwitch"],"sources":["../../src/GoogleTagManagerEvent/index.js"],"sourcesContent":["import GTMEventSwitch from './GTMEventSwitch';\n\nexport default GTMEventSwitch;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":["GTMEventSwitch"],"sources":["../../src/GoogleTagManagerEvent/index.js"],"sourcesContent":["import GTMEventSwitch from './GTMEventSwitch';\n\nexport default GTMEventSwitch;\n"],"mappings":";;;;;;;;AAAA;AAA8C,eAE/BA,0BAAc;AAAA"}
|
package/lib/constants.js
CHANGED
package/lib/constants.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","names":["EVENT","ON_LOAD","ON_CLICK","IN_VIEW","ON_SUCCESS","PAGE_VIEW","ECOMMERCE","GTM_PROPS","key","label","GTM_EVENT_NAMES","productImpresion","productDetailImpression","productClick","promotionClick","GTM_EVENT_FACTORY","PLUGIN_NAME","PRODUCTS"],"sources":["../src/constants.js"],"sourcesContent":["const EVENT = 'event';\nconst ON_LOAD = 'onLoad';\nconst ON_CLICK = 'onClick';\nconst IN_VIEW = 'inView';\nconst ON_SUCCESS = 'onSuccess';\nconst PAGE_VIEW = 'pageView';\nconst ECOMMERCE = 'ecommerce';\nconst GTM_PROPS = [\n { key: 'eventAction' },\n { key: 'eventLabel' },\n { key: 'eventCategory' },\n { key: 'eventName', label: 'event' }\n];\nconst GTM_EVENT_NAMES = {\n productImpresion: 'impressions',\n productDetailImpression: 'detail',\n productClick: 'click',\n promotionClick: 'promotionClick'\n};\n\nconst GTM_EVENT_FACTORY = 'GtmEventFactory';\nconst PLUGIN_NAME = 'gtm-fe';\nconst PRODUCTS = 'products';\n\nexport {\n PLUGIN_NAME,\n EVENT,\n ECOMMERCE,\n GTM_PROPS,\n GTM_EVENT_NAMES,\n GTM_EVENT_FACTORY,\n ON_CLICK,\n IN_VIEW,\n ON_SUCCESS,\n ON_LOAD,\n PRODUCTS,\n PAGE_VIEW\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"constants.js","names":["EVENT","ON_LOAD","ON_CLICK","IN_VIEW","ON_SUCCESS","PAGE_VIEW","ECOMMERCE","GTM_PROPS","key","label","GTM_EVENT_NAMES","productImpresion","productDetailImpression","productClick","promotionClick","GTM_EVENT_FACTORY","PLUGIN_NAME","PRODUCTS"],"sources":["../src/constants.js"],"sourcesContent":["const EVENT = 'event';\nconst ON_LOAD = 'onLoad';\nconst ON_CLICK = 'onClick';\nconst IN_VIEW = 'inView';\nconst ON_SUCCESS = 'onSuccess';\nconst PAGE_VIEW = 'pageView';\nconst ECOMMERCE = 'ecommerce';\nconst GTM_PROPS = [\n { key: 'eventAction' },\n { key: 'eventLabel' },\n { key: 'eventCategory' },\n { key: 'eventName', label: 'event' }\n];\nconst GTM_EVENT_NAMES = {\n productImpresion: 'impressions',\n productDetailImpression: 'detail',\n productClick: 'click',\n promotionClick: 'promotionClick'\n};\n\nconst GTM_EVENT_FACTORY = 'GtmEventFactory';\nconst PLUGIN_NAME = 'gtm-fe';\nconst PRODUCTS = 'products';\n\nexport {\n PLUGIN_NAME,\n EVENT,\n ECOMMERCE,\n GTM_PROPS,\n GTM_EVENT_NAMES,\n GTM_EVENT_FACTORY,\n ON_CLICK,\n IN_VIEW,\n ON_SUCCESS,\n ON_LOAD,\n PRODUCTS,\n PAGE_VIEW\n};\n"],"mappings":";;;;;;;AAAA,IAAMA,KAAK,GAAG,OAAO;AAAC;AACtB,IAAMC,OAAO,GAAG,QAAQ;AAAC;AACzB,IAAMC,QAAQ,GAAG,SAAS;AAAC;AAC3B,IAAMC,OAAO,GAAG,QAAQ;AAAC;AACzB,IAAMC,UAAU,GAAG,WAAW;AAAC;AAC/B,IAAMC,SAAS,GAAG,UAAU;AAAC;AAC7B,IAAMC,SAAS,GAAG,WAAW;AAAC;AAC9B,IAAMC,SAAS,GAAG,CAChB;EAAEC,GAAG,EAAE;AAAc,CAAC,EACtB;EAAEA,GAAG,EAAE;AAAa,CAAC,EACrB;EAAEA,GAAG,EAAE;AAAgB,CAAC,EACxB;EAAEA,GAAG,EAAE,WAAW;EAAEC,KAAK,EAAE;AAAQ,CAAC,CACrC;AAAC;AACF,IAAMC,eAAe,GAAG;EACtBC,gBAAgB,EAAE,aAAa;EAC/BC,uBAAuB,EAAE,QAAQ;EACjCC,YAAY,EAAE,OAAO;EACrBC,cAAc,EAAE;AAClB,CAAC;AAAC;AAEF,IAAMC,iBAAiB,GAAG,iBAAiB;AAAC;AAC5C,IAAMC,WAAW,GAAG,QAAQ;AAAC;AAC7B,IAAMC,QAAQ,GAAG,UAAU;AAAC"}
|