@blaze-cms/plugin-gtm-fe 0.146.0-translations.6 → 0.147.0-rc-eagle.2
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/lib/GoogleTagManager/GTMFactory.js +32 -37
- package/lib/GoogleTagManager/GTMFactory.js.map +1 -1
- package/lib/GoogleTagManager/GTMRender.js +47 -59
- package/lib/GoogleTagManager/GTMRender.js.map +1 -1
- package/lib/GoogleTagManager/index.js +2 -3
- package/lib/GoogleTagManager/index.js.map +1 -1
- package/lib/GoogleTagManagerEvent/GTMClickEvent.js +35 -40
- package/lib/GoogleTagManagerEvent/GTMClickEvent.js.map +1 -1
- package/lib/GoogleTagManagerEvent/GTMClickEvents.js +21 -23
- package/lib/GoogleTagManagerEvent/GTMClickEvents.js.map +1 -1
- package/lib/GoogleTagManagerEvent/GTMEvent.js +24 -33
- package/lib/GoogleTagManagerEvent/GTMEvent.js.map +1 -1
- package/lib/GoogleTagManagerEvent/GTMEventFactory.js +50 -60
- package/lib/GoogleTagManagerEvent/GTMEventFactory.js.map +1 -1
- package/lib/GoogleTagManagerEvent/GTMEventRender.js +53 -71
- package/lib/GoogleTagManagerEvent/GTMEventRender.js.map +1 -1
- package/lib/GoogleTagManagerEvent/GTMEventSwitch.js +20 -18
- package/lib/GoogleTagManagerEvent/GTMEventSwitch.js.map +1 -1
- package/lib/GoogleTagManagerEvent/index.js +2 -3
- package/lib/GoogleTagManagerEvent/index.js.map +1 -1
- package/lib/constants.js +12 -13
- package/lib/constants.js.map +1 -1
- package/lib/helpers/build-and-push-web-vitals.js +10 -11
- package/lib/helpers/build-and-push-web-vitals.js.map +1 -1
- package/lib/helpers/build-data-layer.js +20 -48
- package/lib/helpers/build-data-layer.js.map +1 -1
- package/lib/helpers/build-nested-event.js +54 -38
- package/lib/helpers/build-nested-event.js.map +1 -1
- package/lib/helpers/build-props-to-display-array.js +4 -11
- package/lib/helpers/build-props-to-display-array.js.map +1 -1
- package/lib/helpers/build-user-layer.js +22 -32
- package/lib/helpers/build-user-layer.js.map +1 -1
- package/lib/helpers/build-user-query-props.js +13 -27
- package/lib/helpers/build-user-query-props.js.map +1 -1
- package/lib/helpers/filter-gtm-events.js +8 -12
- package/lib/helpers/filter-gtm-events.js.map +1 -1
- package/lib/helpers/get-ids-to-use.js +6 -9
- package/lib/helpers/get-ids-to-use.js.map +1 -1
- package/lib/helpers/get-render-props.js +21 -17
- package/lib/helpers/get-render-props.js.map +1 -1
- package/lib/helpers/index.js +20 -21
- package/lib/helpers/index.js.map +1 -1
- package/lib/helpers/push-to-data-layer.js +4 -5
- package/lib/helpers/push-to-data-layer.js.map +1 -1
- package/lib/helpers/reset-data-layer.js +10 -23
- package/lib/helpers/reset-data-layer.js.map +1 -1
- package/lib/index.js +17 -51
- package/lib/index.js.map +1 -1
- package/lib-es/GoogleTagManager/GTMFactory.js.map +1 -1
- package/lib-es/GoogleTagManager/GTMRender.js +4 -10
- package/lib-es/GoogleTagManager/GTMRender.js.map +1 -1
- package/lib-es/GoogleTagManager/index.js.map +1 -1
- package/lib-es/GoogleTagManagerEvent/GTMClickEvent.js +2 -2
- package/lib-es/GoogleTagManagerEvent/GTMClickEvent.js.map +1 -1
- package/lib-es/GoogleTagManagerEvent/GTMClickEvents.js.map +1 -1
- package/lib-es/GoogleTagManagerEvent/GTMEvent.js +6 -3
- package/lib-es/GoogleTagManagerEvent/GTMEvent.js.map +1 -1
- package/lib-es/GoogleTagManagerEvent/GTMEventFactory.js.map +1 -1
- package/lib-es/GoogleTagManagerEvent/GTMEventRender.js +4 -10
- package/lib-es/GoogleTagManagerEvent/GTMEventRender.js.map +1 -1
- 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.map +1 -1
- package/lib-es/helpers/build-data-layer.js.map +1 -1
- package/lib-es/helpers/build-nested-event.js.map +1 -1
- package/lib-es/helpers/build-props-to-display-array.js.map +1 -1
- package/lib-es/helpers/build-user-layer.js.map +1 -1
- package/lib-es/helpers/build-user-query-props.js.map +1 -1
- package/lib-es/helpers/filter-gtm-events.js.map +1 -1
- package/lib-es/helpers/get-ids-to-use.js.map +1 -1
- 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.map +1 -1
- package/lib-es/helpers/reset-data-layer.js.map +1 -1
- package/lib-es/index.js +2 -2
- package/lib-es/index.js.map +1 -1
- package/package.json +19 -15
- package/src/GoogleTagManager/GTMRender.js +4 -6
- package/src/GoogleTagManagerEvent/GTMClickEvent.js +3 -2
- package/src/GoogleTagManagerEvent/GTMEvent.js +9 -8
- package/src/GoogleTagManagerEvent/GTMEventRender.js +4 -6
- package/src/index.js +5 -4
- package/CHANGELOG.md +0 -1779
- package/babel.config.js +0 -3
- package/jest.config.js +0 -3
|
@@ -1,18 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
require("core-js/modules/es.array.iterator.js");
|
|
4
|
-
require("core-js/modules/es.object.to-string.js");
|
|
5
|
-
require("core-js/modules/es.string.iterator.js");
|
|
6
|
-
require("core-js/modules/es.weak-map.js");
|
|
7
|
-
require("core-js/modules/web.dom-collections.iterator.js");
|
|
8
|
-
require("core-js/modules/es.object.define-property.js");
|
|
9
|
-
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
|
10
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
11
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
12
4
|
Object.defineProperty(exports, "__esModule", {
|
|
13
5
|
value: true
|
|
14
6
|
});
|
|
15
|
-
exports
|
|
7
|
+
exports.default = void 0;
|
|
16
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
17
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
18
10
|
var _client = require("@apollo/client");
|
|
@@ -20,31 +12,34 @@ var _reactPageBuilder = require("@blaze-cms/react-page-builder");
|
|
|
20
12
|
var _nextjsComponents = require("@blaze-cms/nextjs-components");
|
|
21
13
|
var _GTMRender = _interopRequireDefault(require("./GTMRender"));
|
|
22
14
|
var _helpers = require("../helpers");
|
|
23
|
-
function
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
isPreview
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
15
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
16
|
+
const GTMFactory = ({
|
|
17
|
+
propsToDisplay,
|
|
18
|
+
userPropsToDisplay,
|
|
19
|
+
parent,
|
|
20
|
+
gtmWebVitals
|
|
21
|
+
}) => {
|
|
22
|
+
const {
|
|
23
|
+
isPreview
|
|
24
|
+
} = (0, _react.useContext)(_nextjsComponents.MainContext);
|
|
25
|
+
const {
|
|
26
|
+
data,
|
|
27
|
+
error,
|
|
28
|
+
loading
|
|
29
|
+
} = (0, _client.useQuery)(_reactPageBuilder.getSingleEntitySchema, {
|
|
30
|
+
variables: {
|
|
31
|
+
id: parent.itemEntity
|
|
32
|
+
}
|
|
33
|
+
});
|
|
40
34
|
if (typeof window === 'undefined') return null;
|
|
41
35
|
if (loading || error || !data) return null;
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
action
|
|
46
|
-
actionKey
|
|
47
|
-
|
|
36
|
+
const propsToDisplayArr = (0, _helpers.buildPropsToDisplayArray)(propsToDisplay);
|
|
37
|
+
const extraProps = (0, _reactPageBuilder.buildPropsQuery)(data, propsToDisplayArr) || '';
|
|
38
|
+
const {
|
|
39
|
+
action,
|
|
40
|
+
actionKey
|
|
41
|
+
} = (0, _helpers.getRenderProps)(extraProps, isPreview, data);
|
|
42
|
+
return /*#__PURE__*/_react.default.createElement(_GTMRender.default, {
|
|
48
43
|
action: action,
|
|
49
44
|
actionKey: actionKey,
|
|
50
45
|
userPropsToDisplay: userPropsToDisplay,
|
|
@@ -54,15 +49,15 @@ var GTMFactory = function GTMFactory(_ref) {
|
|
|
54
49
|
});
|
|
55
50
|
};
|
|
56
51
|
GTMFactory.propTypes = {
|
|
57
|
-
propsToDisplay: _propTypes
|
|
58
|
-
userPropsToDisplay: _propTypes
|
|
59
|
-
parent: _propTypes
|
|
60
|
-
gtmWebVitals: _propTypes
|
|
52
|
+
propsToDisplay: _propTypes.default.array,
|
|
53
|
+
userPropsToDisplay: _propTypes.default.array,
|
|
54
|
+
parent: _propTypes.default.object.isRequired,
|
|
55
|
+
gtmWebVitals: _propTypes.default.bool
|
|
61
56
|
};
|
|
62
57
|
GTMFactory.defaultProps = {
|
|
63
58
|
propsToDisplay: [],
|
|
64
59
|
userPropsToDisplay: [],
|
|
65
60
|
gtmWebVitals: false
|
|
66
61
|
};
|
|
67
|
-
var _default = exports
|
|
62
|
+
var _default = exports.default = GTMFactory;
|
|
68
63
|
//# sourceMappingURL=GTMFactory.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GTMFactory.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_client","_reactPageBuilder","_nextjsComponents","_GTMRender","_helpers","
|
|
1
|
+
{"version":3,"file":"GTMFactory.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_client","_reactPageBuilder","_nextjsComponents","_GTMRender","_helpers","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","GTMFactory","propsToDisplay","userPropsToDisplay","parent","gtmWebVitals","isPreview","useContext","MainContext","data","error","loading","useQuery","getSingleEntitySchema","variables","id","itemEntity","window","propsToDisplayArr","buildPropsToDisplayArray","extraProps","buildPropsQuery","action","actionKey","getRenderProps","createElement","parentId","itemId","webVitals","propTypes","PropTypes","array","object","isRequired","bool","defaultProps","_default","exports"],"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":"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","ignoreList":[]}
|
|
@@ -1,66 +1,52 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
require("core-js/modules/es.object.keys.js");
|
|
4
|
-
require("core-js/modules/es.symbol.js");
|
|
5
|
-
require("core-js/modules/es.array.filter.js");
|
|
6
|
-
require("core-js/modules/es.object.to-string.js");
|
|
7
|
-
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
|
8
|
-
require("core-js/modules/es.array.for-each.js");
|
|
9
|
-
require("core-js/modules/web.dom-collections.for-each.js");
|
|
10
|
-
require("core-js/modules/es.object.get-own-property-descriptors.js");
|
|
11
|
-
require("core-js/modules/es.object.define-properties.js");
|
|
12
|
-
require("core-js/modules/es.object.define-property.js");
|
|
13
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
14
4
|
Object.defineProperty(exports, "__esModule", {
|
|
15
5
|
value: true
|
|
16
6
|
});
|
|
17
|
-
exports
|
|
7
|
+
exports.default = void 0;
|
|
18
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
19
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
20
9
|
var _react = require("react");
|
|
21
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
22
11
|
var _client = require("@apollo/client");
|
|
23
12
|
var _router = require("next/router");
|
|
24
13
|
var _reactPageBuilder = require("@blaze-cms/react-page-builder");
|
|
25
|
-
var _coreAuthUi = require("@blaze-cms/core-auth-ui");
|
|
26
14
|
var _helpers = require("../helpers");
|
|
27
15
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
28
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
userData = _useQuery2.data,
|
|
63
|
-
userLoading = _useQuery2.loading;
|
|
16
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
17
|
+
const GTMRender = ({
|
|
18
|
+
router,
|
|
19
|
+
action,
|
|
20
|
+
propsToDisplay,
|
|
21
|
+
parentId,
|
|
22
|
+
webVitals,
|
|
23
|
+
userPropsToDisplay
|
|
24
|
+
}) => {
|
|
25
|
+
const {
|
|
26
|
+
asPath
|
|
27
|
+
} = router;
|
|
28
|
+
const [currentLocation, setCurrentLocation] = (0, _react.useState)({
|
|
29
|
+
url: '',
|
|
30
|
+
shouldPushLayer: false
|
|
31
|
+
});
|
|
32
|
+
const {
|
|
33
|
+
data,
|
|
34
|
+
error,
|
|
35
|
+
loading
|
|
36
|
+
} = (0, _client.useQuery)(action, {
|
|
37
|
+
variables: {
|
|
38
|
+
id: parentId
|
|
39
|
+
}
|
|
40
|
+
});
|
|
41
|
+
const hasUserProps = userPropsToDisplay && userPropsToDisplay.length;
|
|
42
|
+
const userProps = hasUserProps ? (0, _helpers.buildUserQueryProps)(userPropsToDisplay) : '';
|
|
43
|
+
const {
|
|
44
|
+
data: userData,
|
|
45
|
+
loading: userLoading
|
|
46
|
+
} = (0, _client.useQuery)((0, _reactPageBuilder.getCurrentUser)(userProps), {
|
|
47
|
+
variables: {},
|
|
48
|
+
skip: !hasUserProps
|
|
49
|
+
});
|
|
64
50
|
if (loading || userLoading || !data || !data.entityData) return null;
|
|
65
51
|
if (data.entityData.id !== parentId) return null;
|
|
66
52
|
if (error) return error.message;
|
|
@@ -69,10 +55,12 @@ var GTMRender = function GTMRender(_ref) {
|
|
|
69
55
|
shouldPushLayer: true
|
|
70
56
|
});
|
|
71
57
|
if (!currentLocation.shouldPushLayer) return null;
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
58
|
+
const {
|
|
59
|
+
entityData
|
|
60
|
+
} = data;
|
|
61
|
+
const dataLayerObject = (0, _helpers.buildDataLayer)(entityData, propsToDisplay, currentLocation.url);
|
|
62
|
+
const userLayerObject = (0, _helpers.buildUserLayer)(userData, userPropsToDisplay);
|
|
63
|
+
const extendedDataLayer = _objectSpread(_objectSpread({}, dataLayerObject), userLayerObject);
|
|
76
64
|
if (webVitals) (0, _helpers.buildAndPushWebVitals)();
|
|
77
65
|
(0, _helpers.pushToDataLayer)(extendedDataLayer, true);
|
|
78
66
|
setCurrentLocation(_objectSpread(_objectSpread({}, currentLocation), {}, {
|
|
@@ -81,11 +69,11 @@ var GTMRender = function GTMRender(_ref) {
|
|
|
81
69
|
return null;
|
|
82
70
|
};
|
|
83
71
|
GTMRender.propTypes = {
|
|
84
|
-
userPropsToDisplay: _propTypes
|
|
85
|
-
action: _propTypes
|
|
86
|
-
propsToDisplay: _propTypes
|
|
87
|
-
parentId: _propTypes
|
|
88
|
-
webVitals: _propTypes
|
|
72
|
+
userPropsToDisplay: _propTypes.default.array.isRequired,
|
|
73
|
+
action: _propTypes.default.object.isRequired,
|
|
74
|
+
propsToDisplay: _propTypes.default.array.isRequired,
|
|
75
|
+
parentId: _propTypes.default.string.isRequired,
|
|
76
|
+
webVitals: _propTypes.default.bool.isRequired
|
|
89
77
|
};
|
|
90
|
-
var _default = exports
|
|
78
|
+
var _default = exports.default = (0, _router.withRouter)(GTMRender);
|
|
91
79
|
//# sourceMappingURL=GTMRender.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GTMRender.js","names":["_react","require","_propTypes","_interopRequireDefault","_client","_router","_reactPageBuilder","
|
|
1
|
+
{"version":3,"file":"GTMRender.js","names":["_react","require","_propTypes","_interopRequireDefault","_client","_router","_reactPageBuilder","_helpers","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","GTMRender","router","action","propsToDisplay","parentId","webVitals","userPropsToDisplay","asPath","currentLocation","setCurrentLocation","useState","url","shouldPushLayer","data","error","loading","useQuery","variables","id","hasUserProps","userProps","buildUserQueryProps","userData","userLoading","getCurrentUser","skip","entityData","message","dataLayerObject","buildDataLayer","userLayerObject","buildUserLayer","extendedDataLayer","buildAndPushWebVitals","pushToDataLayer","propTypes","PropTypes","array","isRequired","object","string","bool","_default","exports","withRouter"],"sources":["../../src/GoogleTagManager/GTMRender.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useQuery } from '@apollo/client';\nimport { withRouter } from 'next/router';\nimport { getCurrentUser } from '@blaze-cms/react-page-builder';\nimport {\n buildDataLayer,\n buildAndPushWebVitals,\n pushToDataLayer,\n buildUserQueryProps,\n buildUserLayer\n} from '../helpers';\n\nconst GTMRender = ({ router, action, propsToDisplay, parentId, webVitals, userPropsToDisplay }) => {\n const { asPath } = router;\n const [currentLocation, setCurrentLocation] = useState({ url: '', shouldPushLayer: false });\n\n const { data, error, loading } = useQuery(action, {\n variables: { id: parentId }\n });\n const hasUserProps = userPropsToDisplay && userPropsToDisplay.length;\n const userProps = hasUserProps ? buildUserQueryProps(userPropsToDisplay) : '';\n const { data: userData, loading: userLoading } = useQuery(getCurrentUser(userProps), {\n variables: {},\n skip: !hasUserProps\n });\n\n if (loading || userLoading || !data || !data.entityData) return null;\n if (data.entityData.id !== parentId) return null;\n if (error) return error.message;\n if (currentLocation.url !== asPath) setCurrentLocation({ url: asPath, shouldPushLayer: true });\n if (!currentLocation.shouldPushLayer) return null;\n\n const { entityData } = data;\n const dataLayerObject = buildDataLayer(entityData, propsToDisplay, currentLocation.url);\n const userLayerObject = buildUserLayer(userData, userPropsToDisplay);\n const extendedDataLayer = { ...dataLayerObject, ...userLayerObject };\n\n if (webVitals) buildAndPushWebVitals();\n pushToDataLayer(extendedDataLayer, true);\n setCurrentLocation({ ...currentLocation, shouldPushLayer: false });\n\n return null;\n};\n\nGTMRender.propTypes = {\n userPropsToDisplay: PropTypes.array.isRequired,\n action: PropTypes.object.isRequired,\n propsToDisplay: PropTypes.array.isRequired,\n parentId: PropTypes.string.isRequired,\n webVitals: PropTypes.bool.isRequired\n};\n\nexport default withRouter(GTMRender);\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
require("core-js/modules/es.object.define-property.js");
|
|
4
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
|
-
exports
|
|
7
|
+
exports.default = void 0;
|
|
9
8
|
var _GTMFactory = _interopRequireDefault(require("./GTMFactory"));
|
|
10
|
-
var _default = exports
|
|
9
|
+
var _default = exports.default = _GTMFactory.default;
|
|
11
10
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_GTMFactory","_interopRequireDefault","require","_default","exports","GTMFactory"],"sources":["../../src/GoogleTagManager/index.js"],"sourcesContent":["import GTMFactory from './GTMFactory';\n\nexport default GTMFactory;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":["_GTMFactory","_interopRequireDefault","require","_default","exports","default","GTMFactory"],"sources":["../../src/GoogleTagManager/index.js"],"sourcesContent":["import GTMFactory from './GTMFactory';\n\nexport default GTMFactory;\n"],"mappings":";;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAsC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEvBC,mBAAU","ignoreList":[]}
|
|
@@ -1,20 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
require("core-js/modules/es.object.keys.js");
|
|
4
|
-
require("core-js/modules/es.symbol.js");
|
|
5
|
-
require("core-js/modules/es.array.filter.js");
|
|
6
|
-
require("core-js/modules/es.object.to-string.js");
|
|
7
|
-
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
|
8
|
-
require("core-js/modules/es.array.for-each.js");
|
|
9
|
-
require("core-js/modules/web.dom-collections.for-each.js");
|
|
10
|
-
require("core-js/modules/es.object.get-own-property-descriptors.js");
|
|
11
|
-
require("core-js/modules/es.object.define-properties.js");
|
|
12
|
-
require("core-js/modules/es.object.define-property.js");
|
|
13
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
14
4
|
Object.defineProperty(exports, "__esModule", {
|
|
15
5
|
value: true
|
|
16
6
|
});
|
|
17
|
-
exports
|
|
7
|
+
exports.default = void 0;
|
|
18
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
19
9
|
var _react = _interopRequireDefault(require("react"));
|
|
20
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
@@ -24,44 +14,49 @@ var _reactPageBuilder = require("@blaze-cms/react-page-builder");
|
|
|
24
14
|
var _GTMEvent = _interopRequireDefault(require("./GTMEvent"));
|
|
25
15
|
var _helpers = require("../helpers");
|
|
26
16
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
27
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
17
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
18
|
+
const GTMClickEvent = ({
|
|
19
|
+
event,
|
|
20
|
+
componentProps,
|
|
21
|
+
parentComponent
|
|
22
|
+
}) => {
|
|
23
|
+
const {
|
|
24
|
+
eventTrigger,
|
|
25
|
+
propsToDisplay,
|
|
26
|
+
userPropsToDisplay,
|
|
27
|
+
eventEcommerce
|
|
28
|
+
} = event;
|
|
29
|
+
const {
|
|
30
|
+
id: userId
|
|
31
|
+
} = (0, _coreAuthUi.checkIfLoggedIn)();
|
|
32
|
+
const userProps = userId ? (0, _helpers.buildUserQueryProps)(userPropsToDisplay) : '';
|
|
33
|
+
const {
|
|
34
|
+
data: userData,
|
|
35
|
+
loading
|
|
36
|
+
} = (0, _client.useQuery)((0, _reactPageBuilder.getCurrentUser)(userProps), {
|
|
37
|
+
variables: {
|
|
38
|
+
id: userId
|
|
39
|
+
},
|
|
40
|
+
skip: !userId
|
|
41
|
+
});
|
|
47
42
|
if (loading) return null;
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
return /*#__PURE__*/_react
|
|
43
|
+
const dataLayerProps = (0, _helpers.buildDataLayer)(componentProps, propsToDisplay);
|
|
44
|
+
const dataLayerObject = (0, _helpers.buildNestedEvent)(eventEcommerce, event, dataLayerProps, parentComponent);
|
|
45
|
+
const userLayerObject = (0, _helpers.buildUserLayer)(userData, userPropsToDisplay);
|
|
46
|
+
const extendedDataLayer = _objectSpread(_objectSpread({}, dataLayerObject), userLayerObject);
|
|
47
|
+
return /*#__PURE__*/_react.default.createElement(_GTMEvent.default, {
|
|
53
48
|
dataLayerObject: extendedDataLayer,
|
|
54
49
|
eventTrigger: eventTrigger
|
|
55
50
|
});
|
|
56
51
|
};
|
|
57
52
|
GTMClickEvent.propTypes = {
|
|
58
|
-
event: _propTypes
|
|
59
|
-
componentProps: _propTypes
|
|
60
|
-
parentComponent: _propTypes
|
|
53
|
+
event: _propTypes.default.object.isRequired,
|
|
54
|
+
componentProps: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.array]),
|
|
55
|
+
parentComponent: _propTypes.default.object
|
|
61
56
|
};
|
|
62
57
|
GTMClickEvent.defaultProps = {
|
|
63
58
|
componentProps: {},
|
|
64
59
|
parentComponent: {}
|
|
65
60
|
};
|
|
66
|
-
var _default = exports
|
|
61
|
+
var _default = exports.default = GTMClickEvent;
|
|
67
62
|
//# sourceMappingURL=GTMClickEvent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GTMClickEvent.js","names":["_react","_interopRequireDefault","require","_propTypes","_client","_coreAuthUi","_reactPageBuilder","_GTMEvent","_helpers","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","GTMClickEvent","
|
|
1
|
+
{"version":3,"file":"GTMClickEvent.js","names":["_react","_interopRequireDefault","require","_propTypes","_client","_coreAuthUi","_reactPageBuilder","_GTMEvent","_helpers","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","GTMClickEvent","event","componentProps","parentComponent","eventTrigger","propsToDisplay","userPropsToDisplay","eventEcommerce","id","userId","checkIfLoggedIn","userProps","buildUserQueryProps","data","userData","loading","useQuery","getCurrentUser","variables","skip","dataLayerProps","buildDataLayer","dataLayerObject","buildNestedEvent","userLayerObject","buildUserLayer","extendedDataLayer","createElement","propTypes","PropTypes","object","isRequired","oneOfType","array","defaultProps","_default","exports"],"sources":["../../src/GoogleTagManagerEvent/GTMClickEvent.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useQuery } from '@apollo/client';\nimport { checkIfLoggedIn } from '@blaze-cms/core-auth-ui';\nimport { getCurrentUser } from '@blaze-cms/react-page-builder';\n\nimport GTMEvent from './GTMEvent';\nimport { buildDataLayer, buildNestedEvent, buildUserQueryProps, buildUserLayer } from '../helpers';\n\nconst GTMClickEvent = ({ event, componentProps, parentComponent }) => {\n const { eventTrigger, propsToDisplay, userPropsToDisplay, eventEcommerce } = event;\n const { id: userId } = checkIfLoggedIn();\n const userProps = userId ? buildUserQueryProps(userPropsToDisplay) : '';\n const { data: userData, loading } = useQuery(getCurrentUser(userProps), {\n variables: { id: userId },\n skip: !userId\n });\n if (loading) return null;\n const dataLayerProps = buildDataLayer(componentProps, propsToDisplay);\n const dataLayerObject = buildNestedEvent(eventEcommerce, event, dataLayerProps, parentComponent);\n const userLayerObject = buildUserLayer(userData, userPropsToDisplay);\n\n const extendedDataLayer = { ...dataLayerObject, ...userLayerObject };\n\n return <GTMEvent dataLayerObject={extendedDataLayer} eventTrigger={eventTrigger} />;\n};\n\nGTMClickEvent.propTypes = {\n event: PropTypes.object.isRequired,\n componentProps: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),\n parentComponent: PropTypes.object\n};\n\nGTMClickEvent.defaultProps = {\n componentProps: {},\n parentComponent: {}\n};\n\nexport default GTMClickEvent;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,41 +1,39 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
require("core-js/modules/es.object.define-property.js");
|
|
4
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
|
-
exports
|
|
7
|
+
exports.default = void 0;
|
|
9
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
|
-
require("core-js/modules/es.array.map.js");
|
|
11
|
-
require("core-js/modules/es.array.join.js");
|
|
12
9
|
var _react = _interopRequireDefault(require("react"));
|
|
13
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
14
11
|
var _GTMClickEvent = _interopRequireDefault(require("./GTMClickEvent"));
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
};
|
|
12
|
+
const GTMClickEvents = ({
|
|
13
|
+
gtmEvents,
|
|
14
|
+
componentProps,
|
|
15
|
+
parentComponent
|
|
16
|
+
}) => gtmEvents.map((event, index) => {
|
|
17
|
+
const {
|
|
18
|
+
eventName
|
|
19
|
+
} = event;
|
|
20
|
+
const dynamicKey = [eventName, index].join('-');
|
|
21
|
+
return /*#__PURE__*/_react.default.createElement(_GTMClickEvent.default, (0, _extends2.default)({
|
|
22
|
+
key: dynamicKey,
|
|
23
|
+
event: event,
|
|
24
|
+
componentProps: componentProps,
|
|
25
|
+
parentComponent: parentComponent
|
|
26
|
+
}, event));
|
|
27
|
+
});
|
|
30
28
|
GTMClickEvents.propTypes = {
|
|
31
|
-
gtmEvents: _propTypes
|
|
32
|
-
componentProps: _propTypes
|
|
33
|
-
parentComponent: _propTypes
|
|
29
|
+
gtmEvents: _propTypes.default.array,
|
|
30
|
+
componentProps: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.array]),
|
|
31
|
+
parentComponent: _propTypes.default.object
|
|
34
32
|
};
|
|
35
33
|
GTMClickEvents.defaultProps = {
|
|
36
34
|
gtmEvents: [],
|
|
37
35
|
componentProps: {},
|
|
38
36
|
parentComponent: {}
|
|
39
37
|
};
|
|
40
|
-
var _default = exports
|
|
38
|
+
var _default = exports.default = GTMClickEvents;
|
|
41
39
|
//# sourceMappingURL=GTMClickEvents.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GTMClickEvents.js","names":["_react","_interopRequireDefault","require","_propTypes","_GTMClickEvent","GTMClickEvents","
|
|
1
|
+
{"version":3,"file":"GTMClickEvents.js","names":["_react","_interopRequireDefault","require","_propTypes","_GTMClickEvent","GTMClickEvents","gtmEvents","componentProps","parentComponent","map","event","index","eventName","dynamicKey","join","default","createElement","_extends2","key","propTypes","PropTypes","array","oneOfType","object","defaultProps","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,cAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,MAAMG,cAAc,GAAGA,CAAC;EAAEC,SAAS;EAAEC,cAAc;EAAEC;AAAgB,CAAC,KACpEF,SAAS,CAACG,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,KAAK;EAC9B,MAAM;IAAEC;EAAU,CAAC,GAAGF,KAAK;EAC3B,MAAMG,UAAU,GAAG,CAACD,SAAS,EAAED,KAAK,CAAC,CAACG,IAAI,CAAC,GAAG,CAAC;EAE/C,oBACEd,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,cAAA,CAAAW,OAAa,MAAAE,SAAA,CAAAF,OAAA;IACZG,GAAG,EAAEL,UAAW;IAChBH,KAAK,EAAEA,KAAM;IACbH,cAAc,EAAEA,cAAe;IAC/BC,eAAe,EAAEA;EAAgB,GAC7BE,KAAK,CACV,CAAC;AAEN,CAAC,CAAC;AAEJL,cAAc,CAACc,SAAS,GAAG;EACzBb,SAAS,EAAEc,kBAAS,CAACC,KAAK;EAC1Bd,cAAc,EAAEa,kBAAS,CAACE,SAAS,CAAC,CAACF,kBAAS,CAACG,MAAM,EAAEH,kBAAS,CAACC,KAAK,CAAC,CAAC;EACxEb,eAAe,EAAEY,kBAAS,CAACG;AAC7B,CAAC;AAEDlB,cAAc,CAACmB,YAAY,GAAG;EAC5BlB,SAAS,EAAE,EAAE;EACbC,cAAc,EAAE,CAAC,CAAC;EAClBC,eAAe,EAAE,CAAC;AACpB,CAAC;AAAC,IAAAiB,QAAA,GAAAC,OAAA,CAAAX,OAAA,GAEaV,cAAc","ignoreList":[]}
|