@codecademy/tracking 1.0.19 → 1.0.20-alpha.13810d52fc.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/dist/events/track.js +34 -45
- package/dist/events/types.js +1 -1
- package/dist/events/user.js +11 -32
- package/dist/integrations/conditionallyLoadAnalytics.js +3 -3
- package/dist/integrations/consent.js +1 -1
- package/dist/integrations/device.js +8 -14
- package/dist/integrations/fetchDestinationsForWriteKey.js +25 -65
- package/dist/integrations/getConsentDecision.js +7 -9
- package/dist/integrations/index.js +48 -63
- package/dist/integrations/mapDestinations.js +23 -25
- package/dist/integrations/onetrust.js +25 -42
- package/dist/integrations/runSegmentSnippet.js +7 -7
- package/package.json +2 -2
package/dist/events/track.js
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
1
|
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; }
|
|
3
2
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
3
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
5
|
-
function _toPropertyKey(
|
|
6
|
-
function _toPrimitive(
|
|
4
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
|
|
5
|
+
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
7
6
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
8
7
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
9
8
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
@@ -11,20 +10,17 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
|
|
|
11
10
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
12
11
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
13
12
|
import { getClientType } from '../integrations/device';
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
export var createTracker = function createTracker(_ref) {
|
|
18
|
-
var apiBaseUrl = _ref.apiBaseUrl,
|
|
13
|
+
const browserSupportsKeepalive = () => 'keepalive' in window.Request.prototype;
|
|
14
|
+
export const createTracker = _ref => {
|
|
15
|
+
let apiBaseUrl = _ref.apiBaseUrl,
|
|
19
16
|
verbose = _ref.verbose;
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
for (
|
|
24
|
-
var _ref2 = _Object$entries[_i];
|
|
17
|
+
const beacon = (endpoint, data) => {
|
|
18
|
+
const uri = new URL(endpoint, apiBaseUrl).toString();
|
|
19
|
+
const form = new FormData();
|
|
20
|
+
for (const _ref2 of Object.entries(data)) {
|
|
25
21
|
var _ref3 = _slicedToArray(_ref2, 2);
|
|
26
|
-
|
|
27
|
-
|
|
22
|
+
const k = _ref3[0];
|
|
23
|
+
const v = _ref3[1];
|
|
28
24
|
form.append(k, v.toString());
|
|
29
25
|
}
|
|
30
26
|
try {
|
|
@@ -34,7 +30,7 @@ export var createTracker = function createTracker(_ref) {
|
|
|
34
30
|
if (navigator.sendBeacon && navigator.sendBeacon(uri, form)) {
|
|
35
31
|
return;
|
|
36
32
|
}
|
|
37
|
-
} catch
|
|
33
|
+
} catch {
|
|
38
34
|
// Even with the proper scoping, Chrome 79-80 still gives "Illegal invocation" crashes. Sigh.
|
|
39
35
|
}
|
|
40
36
|
|
|
@@ -47,14 +43,13 @@ export var createTracker = function createTracker(_ref) {
|
|
|
47
43
|
keepalive: true
|
|
48
44
|
}));
|
|
49
45
|
};
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
for (
|
|
54
|
-
var _ref4 = _Object$entries2[_i2];
|
|
46
|
+
const serverSideBeacon = (endpoint, data) => {
|
|
47
|
+
const uri = new URL(endpoint, apiBaseUrl).toString();
|
|
48
|
+
const form = new URLSearchParams();
|
|
49
|
+
for (const _ref4 of Object.entries(data)) {
|
|
55
50
|
var _ref5 = _slicedToArray(_ref4, 2);
|
|
56
|
-
|
|
57
|
-
|
|
51
|
+
const k = _ref5[0];
|
|
52
|
+
const v = _ref5[1];
|
|
58
53
|
form.append(k, v.toString());
|
|
59
54
|
}
|
|
60
55
|
fetch(uri, {
|
|
@@ -62,10 +57,10 @@ export var createTracker = function createTracker(_ref) {
|
|
|
62
57
|
body: form
|
|
63
58
|
});
|
|
64
59
|
};
|
|
65
|
-
|
|
66
|
-
|
|
60
|
+
const event = function (category, event, userData) {
|
|
61
|
+
let options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
|
|
67
62
|
// support server-side-only as well as client-side events
|
|
68
|
-
|
|
63
|
+
const properties = typeof window !== 'undefined' ? _objectSpread(_objectSpread({}, userData), {}, {
|
|
69
64
|
fullpath: window.location.pathname + window.location.search,
|
|
70
65
|
search: window.location.search,
|
|
71
66
|
path: window.location.pathname,
|
|
@@ -75,43 +70,37 @@ export var createTracker = function createTracker(_ref) {
|
|
|
75
70
|
client: getClientType()
|
|
76
71
|
}) : userData;
|
|
77
72
|
if (verbose) {
|
|
78
|
-
console.groupCollapsed("%cTracking Event Fired: ".concat(category, ":").concat(
|
|
73
|
+
console.groupCollapsed("%cTracking Event Fired: ".concat(category, ":").concat(event), 'color: #4b35ef; font-style: italic;');
|
|
79
74
|
console.log({
|
|
80
|
-
category
|
|
81
|
-
event
|
|
75
|
+
category,
|
|
76
|
+
event,
|
|
82
77
|
properties: JSON.parse(JSON.stringify(properties))
|
|
83
78
|
});
|
|
84
79
|
console.groupEnd();
|
|
85
80
|
}
|
|
86
81
|
if (typeof window !== 'undefined') {
|
|
87
82
|
// This allows the UTM query params to get registered in the user session.
|
|
88
|
-
|
|
83
|
+
const queryParams = window.location.search;
|
|
89
84
|
beacon("/analytics/".concat(category).concat(queryParams), {
|
|
90
|
-
category
|
|
91
|
-
event
|
|
85
|
+
category,
|
|
86
|
+
event,
|
|
92
87
|
properties: JSON.stringify(properties),
|
|
93
88
|
gdpr_safe: "".concat(options.gdprSafe)
|
|
94
89
|
});
|
|
95
90
|
} else {
|
|
96
91
|
serverSideBeacon("/analytics/".concat(category), {
|
|
97
|
-
category
|
|
98
|
-
event
|
|
92
|
+
category,
|
|
93
|
+
event,
|
|
99
94
|
properties: JSON.stringify(properties)
|
|
100
95
|
});
|
|
101
96
|
}
|
|
102
97
|
};
|
|
103
98
|
return {
|
|
104
|
-
event
|
|
105
|
-
click:
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
return event('user', 'impression', data);
|
|
110
|
-
},
|
|
111
|
-
visit: function visit(data) {
|
|
112
|
-
return event('user', 'visit', data);
|
|
113
|
-
},
|
|
114
|
-
pushDataLayerEvent: function pushDataLayerEvent(eventName) {
|
|
99
|
+
event,
|
|
100
|
+
click: data => event('user', 'click', data),
|
|
101
|
+
impression: data => event('user', 'impression', data),
|
|
102
|
+
visit: data => event('user', 'visit', data),
|
|
103
|
+
pushDataLayerEvent: eventName => {
|
|
115
104
|
var _ref6;
|
|
116
105
|
((_ref6 = window).dataLayer || (_ref6.dataLayer = [])).push({
|
|
117
106
|
event: eventName
|
package/dist/events/types.js
CHANGED
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
* https://www.notion.so/codecademy/Guide-to-Event-Tracking-Schema-5d40b09a297743f7a30a2690208194c8#800bbf6cdf2e44de9823cd75bcc574e5
|
|
41
41
|
*/
|
|
42
42
|
|
|
43
|
-
export
|
|
43
|
+
export let ChatGPTSearchResource = /*#__PURE__*/function (ChatGPTSearchResource) {
|
|
44
44
|
ChatGPTSearchResource["CATALOG"] = "catalog";
|
|
45
45
|
ChatGPTSearchResource["LITERATURE"] = "literature";
|
|
46
46
|
return ChatGPTSearchResource;
|
package/dist/events/user.js
CHANGED
|
@@ -1,32 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
return fetch("".concat(apiBaseUrl, "/users/web"), {
|
|
13
|
-
method: 'GET',
|
|
14
|
-
headers: {
|
|
15
|
-
'Content-type': 'application/json',
|
|
16
|
-
Accept: 'application/json'
|
|
17
|
-
},
|
|
18
|
-
credentials: 'include'
|
|
19
|
-
});
|
|
20
|
-
case 2:
|
|
21
|
-
response = _context.sent;
|
|
22
|
-
return _context.abrupt("return", response.json());
|
|
23
|
-
case 4:
|
|
24
|
-
case "end":
|
|
25
|
-
return _context.stop();
|
|
26
|
-
}
|
|
27
|
-
}, _callee);
|
|
28
|
-
}));
|
|
29
|
-
return function fetchUser(_x) {
|
|
30
|
-
return _ref.apply(this, arguments);
|
|
31
|
-
};
|
|
32
|
-
}();
|
|
1
|
+
export const fetchUser = async apiBaseUrl => {
|
|
2
|
+
const response = await fetch("".concat(apiBaseUrl, "/users/web"), {
|
|
3
|
+
method: 'GET',
|
|
4
|
+
headers: {
|
|
5
|
+
'Content-type': 'application/json',
|
|
6
|
+
Accept: 'application/json'
|
|
7
|
+
},
|
|
8
|
+
credentials: 'include'
|
|
9
|
+
});
|
|
10
|
+
return response.json();
|
|
11
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { getClientType } from './device';
|
|
2
|
-
export
|
|
3
|
-
|
|
2
|
+
export const conditionallyLoadAnalytics = _ref => {
|
|
3
|
+
let analytics = _ref.analytics,
|
|
4
4
|
destinationPreferences = _ref.destinationPreferences,
|
|
5
5
|
identifyPreferences = _ref.identifyPreferences,
|
|
6
6
|
user = _ref.user,
|
|
@@ -12,7 +12,7 @@ export var conditionallyLoadAnalytics = function conditionallyLoadAnalytics(_ref
|
|
|
12
12
|
integrations: destinationPreferences
|
|
13
13
|
});
|
|
14
14
|
if (user) {
|
|
15
|
-
|
|
15
|
+
const identifyParams = {
|
|
16
16
|
email: user.email,
|
|
17
17
|
client: getClientType()
|
|
18
18
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @see https://www.notion.so/codecademy/GDPR-Compliance-141ebcc7ffa542daa0da56e35f482b41
|
|
3
3
|
*/
|
|
4
|
-
export
|
|
4
|
+
export let Consent = /*#__PURE__*/function (Consent) {
|
|
5
5
|
Consent["Functional"] = "C0003";
|
|
6
6
|
Consent["Performance"] = "C0002";
|
|
7
7
|
Consent["StrictlyNecessary"] = "C0001";
|
|
@@ -1,25 +1,19 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @returns Whether the site is running both in ChromeOS and in PWA mode.
|
|
3
3
|
*/
|
|
4
|
-
export
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
window.matchMedia('(display-mode: standalone)').matches;
|
|
8
|
-
};
|
|
4
|
+
export const isChromeOSPWA = () => isChromeOS() && 'getDigitalGoodsService' in window &&
|
|
5
|
+
// https://stackoverflow.com/questions/41742390/javascript-to-check-if-pwa-or-mobile-web
|
|
6
|
+
window.matchMedia('(display-mode: standalone)').matches;
|
|
9
7
|
|
|
10
8
|
/**
|
|
11
9
|
* @returns Whether the site is running in ChromeOS
|
|
12
10
|
*/
|
|
13
|
-
export
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
};
|
|
18
|
-
export var ClientTypes = /*#__PURE__*/function (ClientTypes) {
|
|
11
|
+
export const isChromeOS = () => typeof navigator !== 'undefined' &&
|
|
12
|
+
// https://stackoverflow.com/questions/29657165/detecting-chrome-os-with-javascript
|
|
13
|
+
/\bCrOS\b/.test(navigator.userAgent);
|
|
14
|
+
export let ClientTypes = /*#__PURE__*/function (ClientTypes) {
|
|
19
15
|
ClientTypes["PWA"] = "pwa";
|
|
20
16
|
ClientTypes["Default"] = "default";
|
|
21
17
|
return ClientTypes;
|
|
22
18
|
}({});
|
|
23
|
-
export
|
|
24
|
-
return isChromeOSPWA() ? ClientTypes.PWA : ClientTypes.Default;
|
|
25
|
-
};
|
|
19
|
+
export const getClientType = () => isChromeOSPWA() ? ClientTypes.PWA : ClientTypes.Default;
|
|
@@ -1,66 +1,26 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
export var fetchDestinationsForWriteKey = /*#__PURE__*/function () {
|
|
10
|
-
var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref) {
|
|
11
|
-
var writeKey, onError, filteredOnError, response, destinations, _iterator, _step, destination;
|
|
12
|
-
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
13
|
-
while (1) switch (_context.prev = _context.next) {
|
|
14
|
-
case 0:
|
|
15
|
-
writeKey = _ref.writeKey, onError = _ref.onError;
|
|
16
|
-
filteredOnError = function filteredOnError(error) {
|
|
17
|
-
if (!knownFetchFailures.some(function (failure) {
|
|
18
|
-
return error.includes(failure);
|
|
19
|
-
})) {
|
|
20
|
-
onError(error);
|
|
21
|
-
}
|
|
22
|
-
};
|
|
23
|
-
_context.prev = 2;
|
|
24
|
-
_context.next = 5;
|
|
25
|
-
return fetch("https://cdn.segment.com/v1/projects/".concat(writeKey, "/integrations"));
|
|
26
|
-
case 5:
|
|
27
|
-
response = _context.sent;
|
|
28
|
-
if (response.ok) {
|
|
29
|
-
_context.next = 9;
|
|
30
|
-
break;
|
|
31
|
-
}
|
|
32
|
-
filteredOnError("Failed to fetch integrations for write key ".concat(writeKey, ": HTTP ").concat(response.status, " ").concat(response.statusText));
|
|
33
|
-
return _context.abrupt("return", []);
|
|
34
|
-
case 9:
|
|
35
|
-
_context.next = 11;
|
|
36
|
-
return response.json();
|
|
37
|
-
case 11:
|
|
38
|
-
destinations = _context.sent;
|
|
39
|
-
_iterator = _createForOfIteratorHelper(destinations);
|
|
40
|
-
try {
|
|
41
|
-
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
42
|
-
destination = _step.value;
|
|
43
|
-
destination.id = destination.creationName;
|
|
44
|
-
delete destination.creationName;
|
|
45
|
-
}
|
|
46
|
-
} catch (err) {
|
|
47
|
-
_iterator.e(err);
|
|
48
|
-
} finally {
|
|
49
|
-
_iterator.f();
|
|
50
|
-
}
|
|
51
|
-
return _context.abrupt("return", destinations);
|
|
52
|
-
case 17:
|
|
53
|
-
_context.prev = 17;
|
|
54
|
-
_context.t0 = _context["catch"](2);
|
|
55
|
-
filteredOnError("Unknown error fetching Segment destinations for write key ".concat(writeKey, ": ").concat(_context.t0));
|
|
56
|
-
return _context.abrupt("return", []);
|
|
57
|
-
case 21:
|
|
58
|
-
case "end":
|
|
59
|
-
return _context.stop();
|
|
60
|
-
}
|
|
61
|
-
}, _callee, null, [[2, 17]]);
|
|
62
|
-
}));
|
|
63
|
-
return function fetchDestinationsForWriteKey(_x) {
|
|
64
|
-
return _ref2.apply(this, arguments);
|
|
1
|
+
const knownFetchFailures = ['Failed to fetch', 'Load failed', 'NetworkError when attempting to fetch resource', 'Resource blocked by content blocker'];
|
|
2
|
+
export const fetchDestinationsForWriteKey = async _ref => {
|
|
3
|
+
let writeKey = _ref.writeKey,
|
|
4
|
+
onError = _ref.onError;
|
|
5
|
+
const filteredOnError = error => {
|
|
6
|
+
if (!knownFetchFailures.some(failure => error.includes(failure))) {
|
|
7
|
+
onError(error);
|
|
8
|
+
}
|
|
65
9
|
};
|
|
66
|
-
|
|
10
|
+
try {
|
|
11
|
+
const response = await fetch("https://cdn.segment.com/v1/projects/".concat(writeKey, "/integrations"));
|
|
12
|
+
if (!response.ok) {
|
|
13
|
+
filteredOnError("Failed to fetch integrations for write key ".concat(writeKey, ": HTTP ").concat(response.status, " ").concat(response.statusText));
|
|
14
|
+
return [];
|
|
15
|
+
}
|
|
16
|
+
const destinations = await response.json();
|
|
17
|
+
for (const destination of destinations) {
|
|
18
|
+
destination.id = destination.creationName;
|
|
19
|
+
delete destination.creationName;
|
|
20
|
+
}
|
|
21
|
+
return destinations;
|
|
22
|
+
} catch (error) {
|
|
23
|
+
filteredOnError("Unknown error fetching Segment destinations for write key ".concat(writeKey, ": ").concat(error));
|
|
24
|
+
return [];
|
|
25
|
+
}
|
|
26
|
+
};
|
|
@@ -1,13 +1,9 @@
|
|
|
1
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
3
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
4
|
-
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
5
1
|
import { Consent } from './consent';
|
|
6
|
-
export
|
|
7
|
-
export
|
|
8
|
-
|
|
2
|
+
export const OPT_OUT_DATALAYER_VAR = 'user_opted_out_external_tracking';
|
|
3
|
+
export const getConsentDecision = _ref => {
|
|
4
|
+
let scope = _ref.scope,
|
|
9
5
|
optedOutExternalTracking = _ref.optedOutExternalTracking;
|
|
10
|
-
|
|
6
|
+
let consentDecision = [];
|
|
11
7
|
if (typeof scope.OnetrustActiveGroups === 'string') {
|
|
12
8
|
consentDecision = scope.OnetrustActiveGroups.split(',').filter(Boolean);
|
|
13
9
|
} else if (scope.OnetrustActiveGroups) {
|
|
@@ -23,7 +19,9 @@ export var getConsentDecision = function getConsentDecision(_ref) {
|
|
|
23
19
|
consentDecision = [Consent.StrictlyNecessary, Consent.Functional, Consent.Performance];
|
|
24
20
|
}
|
|
25
21
|
(_scope$dataLayer = scope.dataLayer) !== null && _scope$dataLayer !== void 0 ? _scope$dataLayer : scope.dataLayer = [];
|
|
26
|
-
scope.dataLayer.push(
|
|
22
|
+
scope.dataLayer.push({
|
|
23
|
+
[OPT_OUT_DATALAYER_VAR]: true
|
|
24
|
+
});
|
|
27
25
|
}
|
|
28
26
|
return consentDecision;
|
|
29
27
|
};
|
|
@@ -1,7 +1,3 @@
|
|
|
1
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
|
-
function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
|
|
3
|
-
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
|
4
|
-
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
|
|
5
1
|
import { conditionallyLoadAnalytics } from './conditionallyLoadAnalytics';
|
|
6
2
|
import { fetchDestinationsForWriteKey } from './fetchDestinationsForWriteKey';
|
|
7
3
|
import { getConsentDecision } from './getConsentDecision';
|
|
@@ -11,63 +7,52 @@ import { runSegmentSnippet } from './runSegmentSnippet';
|
|
|
11
7
|
/**
|
|
12
8
|
* @see README.md for details and usage.
|
|
13
9
|
*/
|
|
14
|
-
export
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
return setTimeout(resolve, 1000);
|
|
24
|
-
});
|
|
25
|
-
case 3:
|
|
26
|
-
_context.next = 5;
|
|
27
|
-
return initializeOneTrust({
|
|
28
|
-
scope: scope,
|
|
29
|
-
production: production
|
|
30
|
-
});
|
|
31
|
-
case 5:
|
|
32
|
-
// 3. Segment's copy-and-paste snippet is run to load the Segment global library
|
|
33
|
-
runSegmentSnippet();
|
|
10
|
+
export const initializeTrackingIntegrations = async _ref => {
|
|
11
|
+
let onError = _ref.onError,
|
|
12
|
+
production = _ref.production,
|
|
13
|
+
scope = _ref.scope,
|
|
14
|
+
user = _ref.user,
|
|
15
|
+
optedOutExternalTracking = _ref.optedOutExternalTracking,
|
|
16
|
+
writeKey = _ref.writeKey;
|
|
17
|
+
// 1. Wait 1000ms to allow any other post-hydration logic to run first
|
|
18
|
+
await new Promise(resolve => setTimeout(resolve, 1000));
|
|
34
19
|
|
|
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
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
};
|
|
73
|
-
}
|
|
20
|
+
// 2. Load in OneTrust's banner and wait for its `OptanonWrapper` callback
|
|
21
|
+
await initializeOneTrust({
|
|
22
|
+
scope,
|
|
23
|
+
production
|
|
24
|
+
});
|
|
25
|
+
|
|
26
|
+
// 3. Segment's copy-and-paste snippet is run to load the Segment global library
|
|
27
|
+
runSegmentSnippet();
|
|
28
|
+
|
|
29
|
+
// 4. Destination integrations for Segment are fetched
|
|
30
|
+
const destinations = await fetchDestinationsForWriteKey({
|
|
31
|
+
onError,
|
|
32
|
+
writeKey
|
|
33
|
+
});
|
|
34
|
+
if (!destinations) {
|
|
35
|
+
return;
|
|
36
|
+
}
|
|
37
|
+
const consentDecision = getConsentDecision({
|
|
38
|
+
scope,
|
|
39
|
+
optedOutExternalTracking
|
|
40
|
+
});
|
|
41
|
+
|
|
42
|
+
// 5. Those integrations are compared against the user's consent decisions into a list of allowed destinations
|
|
43
|
+
const _mapDestinations = mapDestinations({
|
|
44
|
+
consentDecision,
|
|
45
|
+
destinations
|
|
46
|
+
}),
|
|
47
|
+
destinationPreferences = _mapDestinations.destinationPreferences,
|
|
48
|
+
identifyPreferences = _mapDestinations.identifyPreferences;
|
|
49
|
+
|
|
50
|
+
// 6. We load only those allowed destinations using Segment's `analytics.load`
|
|
51
|
+
conditionallyLoadAnalytics({
|
|
52
|
+
analytics: scope.analytics,
|
|
53
|
+
destinationPreferences,
|
|
54
|
+
identifyPreferences,
|
|
55
|
+
user,
|
|
56
|
+
writeKey
|
|
57
|
+
});
|
|
58
|
+
};
|
|
@@ -1,48 +1,46 @@
|
|
|
1
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
3
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
4
|
-
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
5
|
-
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
6
|
-
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
7
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
8
|
-
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
9
|
-
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
10
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
11
1
|
import { Consent } from './consent';
|
|
12
2
|
// The Functional category may need to be added here in the future.
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
3
|
+
const targetingCategories = ['Advertising', 'Attribution', 'Email Marketing'];
|
|
4
|
+
const performanceCategories = ['Analytics', 'Customer Success', 'Surveys', 'Heatmaps & Recording'];
|
|
5
|
+
const functionalCategories = ['SMS & Push Notifications'];
|
|
16
6
|
|
|
17
7
|
/**
|
|
18
8
|
* @see https://www.notion.so/codecademy/GDPR-Compliance-141ebcc7ffa542daa0da56e35f482b41
|
|
19
9
|
*/
|
|
20
|
-
export
|
|
21
|
-
|
|
10
|
+
export const mapDestinations = _ref => {
|
|
11
|
+
let _ref$consentDecision = _ref.consentDecision,
|
|
22
12
|
consentDecision = _ref$consentDecision === void 0 ? [Consent.StrictlyNecessary] : _ref$consentDecision,
|
|
23
13
|
destinations = _ref.destinations;
|
|
24
|
-
|
|
14
|
+
const destinationPreferences = Object.assign({
|
|
25
15
|
'Segment.io': consentDecision.includes(Consent.Functional)
|
|
26
|
-
}
|
|
16
|
+
}, ...destinations.map(dest => {
|
|
27
17
|
if (targetingCategories.includes(dest.category)) {
|
|
28
|
-
return
|
|
18
|
+
return {
|
|
19
|
+
[dest.id]: consentDecision.includes(Consent.Targeting)
|
|
20
|
+
};
|
|
29
21
|
}
|
|
30
22
|
if (performanceCategories.includes(dest.category)) {
|
|
31
|
-
return
|
|
23
|
+
return {
|
|
24
|
+
[dest.id]: consentDecision.includes(Consent.Performance)
|
|
25
|
+
};
|
|
32
26
|
}
|
|
33
27
|
if (functionalCategories.includes(dest.category)) {
|
|
34
|
-
return
|
|
28
|
+
return {
|
|
29
|
+
[dest.id]: consentDecision.includes(Consent.Functional)
|
|
30
|
+
};
|
|
35
31
|
}
|
|
36
|
-
return
|
|
37
|
-
|
|
38
|
-
|
|
32
|
+
return {
|
|
33
|
+
[dest.id]: true
|
|
34
|
+
};
|
|
35
|
+
}));
|
|
36
|
+
const identifyPreferences = {
|
|
39
37
|
All: false,
|
|
40
38
|
FullStory: consentDecision.includes(Consent.Performance),
|
|
41
39
|
Hindsight: consentDecision.includes(Consent.Targeting),
|
|
42
40
|
UserLeap: consentDecision.includes(Consent.Performance)
|
|
43
41
|
};
|
|
44
42
|
return {
|
|
45
|
-
destinationPreferences
|
|
46
|
-
identifyPreferences
|
|
43
|
+
destinationPreferences,
|
|
44
|
+
identifyPreferences
|
|
47
45
|
};
|
|
48
46
|
};
|
|
@@ -1,45 +1,28 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
scope.dataLayer.push({
|
|
26
|
-
event: 'OneTrustGroupsUpdated'
|
|
27
|
-
});
|
|
28
|
-
resolve();
|
|
29
|
-
(_script$parentNode = script.parentNode) === null || _script$parentNode === void 0 ? void 0 : _script$parentNode.removeChild(script);
|
|
30
|
-
};
|
|
31
|
-
}));
|
|
32
|
-
case 11:
|
|
33
|
-
case "end":
|
|
34
|
-
return _context.stop();
|
|
35
|
-
}
|
|
36
|
-
}, _callee);
|
|
37
|
-
}));
|
|
38
|
-
return function initializeOneTrust(_x) {
|
|
39
|
-
return _ref2.apply(this, arguments);
|
|
40
|
-
};
|
|
41
|
-
}();
|
|
1
|
+
export const initializeOneTrust = async _ref => {
|
|
2
|
+
let production = _ref.production,
|
|
3
|
+
scope = _ref.scope;
|
|
4
|
+
const script = document.createElement('script');
|
|
5
|
+
script.setAttribute('async', 'true');
|
|
6
|
+
script.setAttribute('src', 'https://cdn.cookielaw.org/scripttemplates/otSDKStub.js');
|
|
7
|
+
script.setAttribute('type', 'text/javascript');
|
|
8
|
+
script.setAttribute('data-domain-script', "cfa7b129-f37b-4f5a-9991-3f75ba7b85fb".concat(production ? '' : '-test'));
|
|
9
|
+
document.body.appendChild(script);
|
|
10
|
+
const style = document.createElement('style');
|
|
11
|
+
style.textContent = rawStyles;
|
|
12
|
+
document.body.appendChild(style);
|
|
13
|
+
return new Promise(resolve => {
|
|
14
|
+
scope.OptanonWrapper = () => {
|
|
15
|
+
var _scope$dataLayer, _script$parentNode;
|
|
16
|
+
(_scope$dataLayer = scope.dataLayer) !== null && _scope$dataLayer !== void 0 ? _scope$dataLayer : scope.dataLayer = [];
|
|
17
|
+
scope.dataLayer.push({
|
|
18
|
+
event: 'OneTrustGroupsUpdated'
|
|
19
|
+
});
|
|
20
|
+
resolve();
|
|
21
|
+
(_script$parentNode = script.parentNode) === null || _script$parentNode === void 0 ? void 0 : _script$parentNode.removeChild(script);
|
|
22
|
+
};
|
|
23
|
+
});
|
|
24
|
+
};
|
|
42
25
|
|
|
43
26
|
// For now, these three values duplicate theme colors from gamut-styles
|
|
44
27
|
// We don't want to take a full dependency on that package here...
|
|
45
|
-
|
|
28
|
+
const rawStyles = "\n:root {\n --onetrust-brand-purple: #3A10E5;\n --onetrust-color-gray-500: #828285;\n --onetrust-color-white: #fff;\n}\n\n#onetrust-banner-sdk {\n padding: 1rem !important;\n}\n#onetrust-banner-sdk > .ot-sdk-container {\n width: 100% !important;\n}\n#onetrust-banner-sdk > .ot-sdk-container > .ot-sdk-row {\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important;\n max-width: 1436px !important;\n margin: 0 auto !important;\n}\n#onetrust-banner-sdk > .ot-sdk-container > .ot-sdk-row:after {\n content: none !important;\n}\n#onetrust-group-container {\n display: flex !important;\n justify-content: center;\n float: none !important;\n width: 100% !important;\n max-width: 1148px !important;\n margin-left: 0 !important;\n margin-bottom: 0.625rem !important;\n}\n#onetrust-policy,\n#onetrust-policy-text {\n margin: 0 !important;\n font-size: 0.875rem !important;\n line-height: 1.375rem !important;\n text-align: center !important;\n float: none !important;\n}\n#onetrust-policy-text a {\n text-decoration: none;\n line-height: 26px !important;\n margin-left: 0 !important;\n}\n#onetrust-button-group-parent {\n position: relative !important;\n top: initial !important;\n left: initial !important;\n transform: initial !important;\n width: 264px !important;\n margin: 0 !important;\n padding: 0 !important;\n float: none !important;\n}\n#onetrust-button-group {\n display: flex !important;\n margin: 0 !important;\n}\n#onetrust-pc-btn-handler, #onetrust-accept-btn-handler {\n min-width: initial !important;\n padding: 0.375rem 1rem !important;\n margin: 0 !important;\n opacity: 1 !important;\n border-radius: 2px !important;\n line-height: 1.5 !important;\n user-select: none !important;\n font-size: 1rem !important;\n}\n#onetrust-pc-btn-handler:focus, #onetrust-accept-btn-handler:focus {\n box-shadow: 0 0 0 2px var(--onetrust-color-white), 0 0 0 4px var(--onetrust-brand-purple);\n text-decoration: none !important;\n outline: none !important;\n}\n#onetrust-pc-btn-handler{\n color: var(--onetrust-brand-purple) !important;\n border: 1px solid var(--onetrust-brand-purple)!important;\n background: var(--onetrust-color-white) !important\n}\n#onetrust-accept-btn-handler {\n color: var(--onetrust-color-white) !important;\n background: var(--onetrust-brand-purple)!important;\n margin-left: 1rem !important;\n}\n#onetrust-close-btn-container {\n display: none !important;\n}\n\n.pc-logo {\n display: none !important;\n}\n\n#accept-recommended-btn-handler,\n.ot-pc-refuse-all-handler,\n.save-preference-btn-handler {\n margin-left: 4px !important;\n font-size: 14px !important;\n}\n\n#accept-recommended-btn-handler:focus,\n#onetrust-pc-sdk .ot-pc-refuse-all-handler:focus,\n#onetrust-pc-sdk .save-preference-btn-handler:focus {\n box-shadow: 0 0 0 2px var(--onetrust-color-white), 0 0 0 4px var(--onetrust-brand-purple);\n text-decoration: none !important;\n outline: none !important;\n opacity: 1 !important;\n}\n\n.ot-switch-label {\n border: 1px solid var(--onetrust-color-gray-500) !important;\n background-color: var(--onetrust-color-gray-500) !important;\n}\n\n.ot-switch-nob {\n background: var(--onetrust-color-white) !important;\n}\n\n.ot-switch-inner:before {\n background-color: var(--onetrust-brand-purple) !important;\n}\n\n.switch-checkbox:checked+.ot-switch-label .ot-switch-nob {\n border-color: var(--onetrust-brand-purple) !important;\n}\n\n.ot-pc-footer-logo {\n display: none !important;\n}\n\n#onetrust-banner-sdk>.ot-sdk-container {\n overflow: visible !important;\n}\n\n@media (max-width: 30rem) {\n #accept-recommended-btn-handler,\n .ot-pc-refuse-all-handler,\n .save-preference-btn-handler {\n width: 96% !important;\n }\n}\n\n@media (min-width: 37.5rem) {\n #onetrust-banner-sdk {\n padding: 0.875rem 1rem !important;\n }\n}\n@media (min-width: 48rem) {\n #onetrust-banner-sdk {\n padding: 0.875rem 1.25rem !important;\n }\n}\n@media (min-width: 1650px) {\n #onetrust-banner-sdk > .ot-sdk-container > .ot-sdk-row {\n flex-direction: row !important;\n justify-content: space-between !important;\n }\n #onetrust-group-container {\n margin-bottom: 0 !important;\n }\n #onetrust-button-group {\n flex-direction: row !important;\n }\n}\n";
|
|
@@ -7,11 +7,11 @@
|
|
|
7
7
|
*
|
|
8
8
|
* @see https://segment.com/docs/connections/sources/catalog/libraries/website/javascript/quickstart/#step-2-copy-the-segment-snippet
|
|
9
9
|
*/
|
|
10
|
-
export
|
|
10
|
+
export const runSegmentSnippet = () => {
|
|
11
11
|
var _window;
|
|
12
12
|
// Create a queue, but don't obliterate an existing one!
|
|
13
13
|
(_window = window).analytics || (_window.analytics = []);
|
|
14
|
-
|
|
14
|
+
const _window2 = window,
|
|
15
15
|
analytics = _window2.analytics;
|
|
16
16
|
|
|
17
17
|
// If the real analytics.js is already on the page return.
|
|
@@ -36,7 +36,7 @@ export var runSegmentSnippet = function runSegmentSnippet() {
|
|
|
36
36
|
// stored as the first argument, so we can replay the data.
|
|
37
37
|
analytics.factory = function (method) {
|
|
38
38
|
return function () {
|
|
39
|
-
|
|
39
|
+
const args = Array.prototype.slice.call(arguments);
|
|
40
40
|
args.unshift(method);
|
|
41
41
|
analytics.push(args);
|
|
42
42
|
return analytics;
|
|
@@ -44,8 +44,8 @@ export var runSegmentSnippet = function runSegmentSnippet() {
|
|
|
44
44
|
};
|
|
45
45
|
|
|
46
46
|
// For each of our methods, generate a queueing stub.
|
|
47
|
-
for (
|
|
48
|
-
|
|
47
|
+
for (let i = 0; i < analytics.methods.length; i += 1) {
|
|
48
|
+
const key = analytics.methods[i];
|
|
49
49
|
analytics[key] = analytics.factory(key);
|
|
50
50
|
}
|
|
51
51
|
|
|
@@ -53,13 +53,13 @@ export var runSegmentSnippet = function runSegmentSnippet() {
|
|
|
53
53
|
// and that will be sure to only ever load it once.
|
|
54
54
|
analytics.load = function (key, options) {
|
|
55
55
|
// Create an async script element based on your key.
|
|
56
|
-
|
|
56
|
+
const script = document.createElement('script');
|
|
57
57
|
script.type = 'text/javascript';
|
|
58
58
|
script.async = true;
|
|
59
59
|
script.src = 'https://cdn.segment.com/analytics.js/v1/' + key + '/analytics.min.js';
|
|
60
60
|
|
|
61
61
|
// Insert our script next to the first script element.
|
|
62
|
-
|
|
62
|
+
const first = document.getElementsByTagName('script')[0];
|
|
63
63
|
first.parentNode.insertBefore(script, first);
|
|
64
64
|
analytics._loadOptions = options;
|
|
65
65
|
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@codecademy/tracking",
|
|
3
3
|
"description": "Tracking library for Codecademy",
|
|
4
|
-
"version": "1.0.
|
|
4
|
+
"version": "1.0.20-alpha.13810d52fc.0",
|
|
5
5
|
"author": "Codecademy Engineering <dev@codecademy.com>",
|
|
6
6
|
"files": [
|
|
7
7
|
"dist/**"
|
|
@@ -13,5 +13,5 @@
|
|
|
13
13
|
"access": "public"
|
|
14
14
|
},
|
|
15
15
|
"repository": "git@github.com:codecademy-engineering/mono.git",
|
|
16
|
-
"gitHead": "
|
|
16
|
+
"gitHead": "b6f810696110cc9eb28c0f78b7f180692faf7f9f"
|
|
17
17
|
}
|