@financial-times/custom-code-component 2.0.6-beta.1 → 2.0.6-beta.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.
@@ -51,6 +51,7 @@ declare class FTCustomCodeComponent extends HTMLElement {
51
51
  connectedCallback(): Promise<void>;
52
52
  emitError(error: Error): void;
53
53
  disconnectedCallback(): void;
54
+ connectedMoveCallback(): void;
54
55
  channel: MessageChannel;
55
56
  onmessage(): void;
56
57
  onunmount(e: Error): void;
@@ -1,7 +1,7 @@
1
- function l(o) {
2
- this.listenerMap = [{}, {}], o && this.root(o), this.handle = l.prototype.handle.bind(this), this._removedListeners = [];
1
+ function m(o) {
2
+ this.listenerMap = [{}, {}], o && this.root(o), this.handle = m.prototype.handle.bind(this), this._removedListeners = [];
3
3
  }
4
- l.prototype.root = function(o) {
4
+ m.prototype.root = function(o) {
5
5
  const t = this.listenerMap;
6
6
  let e;
7
7
  if (this.rootElement) {
@@ -19,10 +19,10 @@ l.prototype.root = function(o) {
19
19
  t[0].hasOwnProperty(e) && this.rootElement.addEventListener(e, this.handle, !1);
20
20
  return this;
21
21
  };
22
- l.prototype.captureForType = function(o) {
22
+ m.prototype.captureForType = function(o) {
23
23
  return ["blur", "error", "focus", "load", "resize", "scroll"].indexOf(o) !== -1;
24
24
  };
25
- l.prototype.on = function(o, t, e, n) {
25
+ m.prototype.on = function(o, t, e, n) {
26
26
  let r, s, i, c;
27
27
  if (!o)
28
28
  throw new TypeError("Invalid event type: " + o);
@@ -35,7 +35,7 @@ l.prototype.on = function(o, t, e, n) {
35
35
  matcherParam: c
36
36
  }), this;
37
37
  };
38
- l.prototype.off = function(o, t, e, n) {
38
+ m.prototype.off = function(o, t, e, n) {
39
39
  let r, s, i, c, a;
40
40
  if (typeof t == "function" && (n = e, e = t, t = null), n === void 0)
41
41
  return this.off(o, t, e, !0), this.off(o, t, e, !1), this;
@@ -50,12 +50,12 @@ l.prototype.off = function(o, t, e, n) {
50
50
  s = c[r], (!t || t === s.selector) && (!e || e === s.handler) && (this._removedListeners.push(s), c.splice(r, 1));
51
51
  return c.length || (delete i[o], this.rootElement && this.rootElement.removeEventListener(o, this.handle, n)), this;
52
52
  };
53
- l.prototype.handle = function(o) {
53
+ m.prototype.handle = function(o) {
54
54
  let t, e;
55
55
  const n = o.type;
56
56
  let r, s, i, c, a = [], h;
57
- const p = "ftLabsDelegateIgnore";
58
- if (o[p] === !0)
57
+ const u = "ftLabsDelegateIgnore";
58
+ if (o[u] === !0)
59
59
  return;
60
60
  switch (h = o.target, h.nodeType === 3 && (h = h.parentNode), h.correspondingUseElement && (h = h.correspondingUseElement), r = this.rootElement, s = o.eventPhase || (o.target !== o.currentTarget ? 3 : 2), s) {
61
61
  case 1:
@@ -68,22 +68,22 @@ l.prototype.handle = function(o) {
68
68
  a = this.listenerMap[0][n];
69
69
  break;
70
70
  }
71
- let u = [];
71
+ let l = [];
72
72
  for (e = a.length; h && e; ) {
73
73
  for (t = 0; t < e && (i = a[t], !!i); t++)
74
- h.tagName && ["button", "input", "select", "textarea"].indexOf(h.tagName.toLowerCase()) > -1 && h.hasAttribute("disabled") ? u = [] : i.matcher.call(h, i.matcherParam, h) && u.push([o, h, i]);
74
+ h.tagName && ["button", "input", "select", "textarea"].indexOf(h.tagName.toLowerCase()) > -1 && h.hasAttribute("disabled") ? l = [] : i.matcher.call(h, i.matcherParam, h) && l.push([o, h, i]);
75
75
  if (h === r || (e = a.length, h = h.parentElement || h.parentNode, h instanceof HTMLDocument))
76
76
  break;
77
77
  }
78
- let L;
79
- for (t = 0; t < u.length; t++)
80
- if (!(this._removedListeners.indexOf(u[t][2]) > -1) && (c = this.fire.apply(this, u[t]), c === !1)) {
81
- u[t][0][p] = !0, u[t][0].preventDefault(), L = !1;
78
+ let A;
79
+ for (t = 0; t < l.length; t++)
80
+ if (!(this._removedListeners.indexOf(l[t][2]) > -1) && (c = this.fire.apply(this, l[t]), c === !1)) {
81
+ l[t][0][u] = !0, l[t][0].preventDefault(), A = !1;
82
82
  break;
83
83
  }
84
- return L;
84
+ return A;
85
85
  };
86
- l.prototype.fire = function(o, t, e) {
86
+ m.prototype.fire = function(o, t, e) {
87
87
  return e.handler.call(t, o, t);
88
88
  };
89
89
  function P(o, t) {
@@ -100,17 +100,17 @@ function U(o, t) {
100
100
  function I(o, t) {
101
101
  return o === t.id;
102
102
  }
103
- l.prototype.destroy = function() {
103
+ m.prototype.destroy = function() {
104
104
  this.off(), this.root();
105
105
  };
106
- function C(o) {
106
+ function $(o) {
107
107
  return typeof o == "string" ? o.trim() : o;
108
108
  }
109
109
  function N(o, t) {
110
110
  for (const e in o)
111
111
  t[e] ? console.warn(`You can't set a custom property called ${e}`) : t[e] = o[e];
112
112
  }
113
- const m = Object.freeze({
113
+ const p = Object.freeze({
114
114
  DEBUG: 0,
115
115
  INFO: 1,
116
116
  WARN: 2,
@@ -118,30 +118,30 @@ const m = Object.freeze({
118
118
  TEST: 4,
119
119
  DEFAULT: 2
120
120
  });
121
- function D(o) {
121
+ function M(o) {
122
122
  const t = o == null ? void 0 : o.toLowerCase();
123
- return t === "debug" ? m.DEBUG : t === "info" ? m.INFO : t === "warn" ? m.WARN : t === "error" ? m.ERROR : t === "test" ? m.TEST : m.DEFAULT;
123
+ return t === "debug" ? p.DEBUG : t === "info" ? p.INFO : t === "warn" ? p.WARN : t === "error" ? p.ERROR : t === "test" ? p.TEST : p.DEFAULT;
124
124
  }
125
125
  class O {
126
- constructor({ level: t = m.DEFAULT } = {
127
- level: m.DEFAULT
126
+ constructor({ level: t = p.DEFAULT } = {
127
+ level: p.DEFAULT
128
128
  }) {
129
129
  this.log = this.debug, this.level = t;
130
130
  }
131
131
  debug(...t) {
132
- this.level <= m.DEBUG && console.info(...t);
132
+ this.level <= p.DEBUG && console.info(...t);
133
133
  }
134
134
  info(...t) {
135
- this.level <= m.INFO && console.info(...t);
135
+ this.level <= p.INFO && console.info(...t);
136
136
  }
137
137
  warn(...t) {
138
- this.level <= m.WARN && console.warn(...t);
138
+ this.level <= p.WARN && console.warn(...t);
139
139
  }
140
140
  error(...t) {
141
- this.level <= m.ERROR && console.error(...t);
141
+ this.level <= p.ERROR && console.error(...t);
142
142
  }
143
143
  }
144
- const M = (o, t, e) => {
144
+ const D = (o, t, e) => {
145
145
  const n = Array.from((o == null ? void 0 : o.querySelectorAll(e)) ?? []), r = n.findIndex((s) => s === t);
146
146
  if (r !== -1)
147
147
  return {
@@ -159,18 +159,18 @@ const M = (o, t, e) => {
159
159
  const t = {};
160
160
  for (const e of x) {
161
161
  const n = o[e] || o.getAttribute(e) || o.hasAttribute(e);
162
- n !== void 0 && (typeof n == "boolean" ? t[e] = n : t[e] = C(n));
162
+ n !== void 0 && (typeof n == "boolean" ? t[e] = n : t[e] = $(n));
163
163
  }
164
164
  return t;
165
- }, F = (o) => {
165
+ }, _ = (o) => {
166
166
  try {
167
167
  const t = JSON.parse(o), e = Object.prototype.toString.call(t);
168
168
  return [e === "[object Object]" || e === "[object Array]", t];
169
169
  } catch {
170
170
  return [!1, null];
171
171
  }
172
- }, _ = (o) => {
173
- const [t, e] = F(o);
172
+ }, F = (o) => {
173
+ const [t, e] = _(o);
174
174
  return t ? e : o;
175
175
  }, H = (o, t) => (o.filter(
176
176
  (e) => e.name.match(/^data-trackable|^data-o-|^aria-/i)
@@ -181,7 +181,7 @@ const M = (o, t, e) => {
181
181
  return e && x.forEach((r) => {
182
182
  typeof t[r] < "u" && r !== "id" && (n[r] = t[r]);
183
183
  }), o.filter((r) => r.name.match(/^data-trackable-context-/i)).forEach((r) => {
184
- n[r.name.replace("data-trackable-context-", "")] = _(r.value);
184
+ n[r.name.replace("data-trackable-context-", "")] = F(r.value);
185
185
  }), n;
186
186
  };
187
187
  function q(o, t) {
@@ -191,7 +191,7 @@ function q(o, t) {
191
191
  let a = H(c, i);
192
192
  a["data-trackable"] && (a = Object.assign(
193
193
  a,
194
- M(o, e, n)
194
+ D(o, e, n)
195
195
  )), r.push(a);
196
196
  const h = z(c, i, o === e);
197
197
  N(h, s), o = o.parentNode;
@@ -218,7 +218,7 @@ class Y {
218
218
  for (const n of V)
219
219
  if (t[n])
220
220
  try {
221
- e[n] = C(t[n]);
221
+ e[n] = $(t[n]);
222
222
  } catch (r) {
223
223
  this.log.info(r);
224
224
  }
@@ -273,7 +273,7 @@ class Y {
273
273
  action: "click",
274
274
  category: this.category
275
275
  }, r = (e = this.shadowRoot) == null ? void 0 : e.querySelector("[data-component-root]");
276
- r && new l(r).on(
276
+ r && new m(r).on(
277
277
  "click",
278
278
  this.elements,
279
279
  this.handleClickEvent(n, r),
@@ -282,14 +282,14 @@ class Y {
282
282
  }
283
283
  }
284
284
  }
285
- class f {
285
+ class d {
286
286
  constructor(t) {
287
287
  this.org = "local", this.repo = "dev";
288
- const { org: e, repo: n, name: r, versionRange: s } = S(t) ? t : f.fromString(t);
288
+ const { org: e, repo: n, name: r, versionRange: s } = v(t) ? t : d.fromString(t);
289
289
  e && (this.org = e), n && (this.repo = n), this.name = r, this.versionRange = s;
290
290
  }
291
291
  set path(t) {
292
- const { org: e, repo: n, name: r, versionRange: s } = S(t) ? t : f.fromString(t);
292
+ const { org: e, repo: n, name: r, versionRange: s } = v(t) ? t : d.fromString(t);
293
293
  this.org = e, this.repo = n, this.name = r, this.versionRange = s;
294
294
  }
295
295
  get path() {
@@ -306,42 +306,42 @@ class f {
306
306
  static fromString(t, e) {
307
307
  var a;
308
308
  const n = t ?? "unknown/unknown/unknown", [r, s, i] = n.replace(/@[^\/]+/, "").split("/").reverse(), c = e ?? ((a = n.match(/@[^\/]+/)) == null ? void 0 : a.toString().replace("@", "")) ?? "unknown";
309
- if (s && !c) throw new d("No version specified");
310
- return new f({ org: i, repo: s, name: r, versionRange: c });
309
+ if (s && !c) throw new f("No version specified");
310
+ return new d({ org: i, repo: s, name: r, versionRange: c });
311
311
  }
312
312
  }
313
- function S(o) {
313
+ function v(o) {
314
314
  return typeof o == "object" && o !== null ? "org" in o && "repo" in o && "name" in o : !1;
315
315
  }
316
- class d extends Error {
316
+ class f extends Error {
317
317
  constructor(t, e) {
318
318
  var n;
319
319
  !e && t ? (super(t), this.component = null) : typeof (e == null ? void 0 : e.component) == "string" ? (super(
320
320
  t ?? `${e.cause ?? "Unknown error"} in ${e.component} imported from ${e.source ?? "an undefined source"}.`
321
- ), this.component = f.fromString(e.component)) : S(e == null ? void 0 : e.component) ? (super(
321
+ ), this.component = d.fromString(e.component)) : v(e == null ? void 0 : e.component) ? (super(
322
322
  t ?? `${e.cause ?? "Unknown error"} in ${e.component.org}/${e.component.repo}/${e.component.name}@${e.component.versionRange} imported from ${e.source ?? "an undefined source"}.`
323
- ), this.component = new f(e.component)) : (super(
323
+ ), this.component = new d(e.component)) : (super(
324
324
  `${(e == null ? void 0 : e.cause) ?? "Unknown error"} in unknown component imported from ${(e == null ? void 0 : e.source) ?? "unknown source"}.`
325
- ), this.component = null), this.source = (e == null ? void 0 : e.source) ?? "unknown source", this.errors = [], e != null && e.error && ((n = this.errors) == null || n.push(e == null ? void 0 : e.error)), Error.captureStackTrace && Error.captureStackTrace(this, d), this.name = "CCCError";
325
+ ), this.component = null), this.source = (e == null ? void 0 : e.source) ?? "unknown source", this.errors = [], e != null && e.error && ((n = this.errors) == null || n.push(e == null ? void 0 : e.error)), Error.captureStackTrace && Error.captureStackTrace(this, f), this.name = "CCCError";
326
326
  }
327
327
  }
328
- class w extends d {
328
+ class b extends f {
329
329
  constructor(t, e) {
330
330
  super(t, { ...e, cause: "Import error" }), this.name = "CCCImportError";
331
331
  }
332
332
  }
333
- class $ extends d {
333
+ class L extends f {
334
334
  constructor(t, e) {
335
335
  super(t, { ...e, cause: "Render error" }), this.name = "CCCRenderError";
336
336
  }
337
337
  }
338
- class J extends d {
338
+ class J extends f {
339
339
  constructor(t) {
340
340
  super(null, { ...t, cause: "Timeout error" }), this.name = "CCCTimeoutError";
341
341
  }
342
342
  }
343
- const b = class b extends Event {
344
- constructor(t = b.eventType, e, n) {
343
+ const w = class w extends Event {
344
+ constructor(t = w.eventType, e, n) {
345
345
  super(t, {
346
346
  bubbles: !0,
347
347
  cancelable: !1,
@@ -350,54 +350,54 @@ const b = class b extends Event {
350
350
  }), this.component = e.component, this.source = e.source;
351
351
  }
352
352
  };
353
- b.eventType = "ccc:event";
354
- let g = b;
355
- const E = class E extends g {
353
+ w.eventType = "ccc:event";
354
+ let g = w;
355
+ const y = class y extends g {
356
356
  constructor(t, e) {
357
- super(E.eventType, t, e);
357
+ super(y.eventType, t, e);
358
358
  }
359
359
  };
360
- E.eventType = "ccc:connected";
361
- let T = E;
362
- const y = class y extends g {
360
+ y.eventType = "ccc:connected";
361
+ let S = y;
362
+ const E = class E extends g {
363
363
  constructor(t, e) {
364
- super(y.eventType, t, e);
364
+ super(E.eventType, t, e);
365
365
  }
366
366
  };
367
- y.eventType = "ccc:ready";
368
- let k = y;
369
- const v = class v extends g {
367
+ E.eventType = "ccc:ready";
368
+ let T = E;
369
+ const C = class C extends g {
370
370
  constructor(t, e) {
371
- super(v.eventType, t, e), this.intersecting = !1, this.intersecting = t.intersecting, this.entry = t.entry;
371
+ super(C.eventType, t, e), this.intersecting = !1, this.intersecting = t.intersecting, this.entry = t.entry;
372
372
  }
373
373
  };
374
- v.eventType = "ccc:viewport";
375
- let R = v;
374
+ C.eventType = "ccc:viewport";
375
+ let k = C;
376
376
  const W = (o) => o.replace(
377
377
  /[A-Z]+(?![a-z])|[A-Z]/g,
378
378
  (t, e) => (e ? "-" : "") + t.toLowerCase()
379
379
  );
380
- function G(o) {
381
- return A([
380
+ function B(o) {
381
+ return R([
382
382
  "localhost",
383
383
  "local.ft.com",
384
384
  /^.*\.apps\.in\.ft\.com$/
385
385
  ], o);
386
386
  }
387
- function K() {
388
- return A([
387
+ function G() {
388
+ return R([
389
389
  "localhost",
390
390
  "local.ft.com",
391
391
  /^.*\.in\.ft\.com$/
392
392
  ], window.location.hostname);
393
393
  }
394
- function B() {
395
- return A([
394
+ function K() {
395
+ return R([
396
396
  "spark.ft.com",
397
397
  "spark-staging.ft.com"
398
398
  ], window.location.host);
399
399
  }
400
- function A(o, t) {
400
+ function R(o, t) {
401
401
  return t ? o.some((e) => typeof e == "string" ? e === t : e.test(t)) : !1;
402
402
  }
403
403
  function Z(o) {
@@ -407,11 +407,11 @@ function Z(o) {
407
407
  const e = new URL("http://localhost:5173");
408
408
  try {
409
409
  if (typeof o == "string") {
410
- if ((o === "" || o.toLowerCase() === "true") && K())
410
+ if ((o === "" || o.toLowerCase() === "true") && G())
411
411
  t = e;
412
- else if (t = o.startsWith("http://") || o.startsWith("https://") ? new URL(o) : void 0, t && !G(t == null ? void 0 : t.hostname))
412
+ else if (t = o.startsWith("http://") || o.startsWith("https://") ? new URL(o) : void 0, t && !B(t == null ? void 0 : t.hostname))
413
413
  throw new Error("Unsafe testing host override");
414
- } else B() && (t = e);
414
+ } else K() && (t = e);
415
415
  } catch {
416
416
  return t;
417
417
  }
@@ -428,7 +428,7 @@ async function Q(o, t) {
428
428
  const X = ":host{width:var(--ccc-root-width, 100%);margin:var(--ccc-root-margin);padding:var(--ccc-root-padding);display:var(--ccc-root-display, block);font-size:var(--ccc-root-fontSize);box-sizing:var(--ccc-root-boxSizing);border:var(--ccc-root-border);grid:var(--ccc-root-grid);line-height:var(--ccc-root-lineHeight)}";
429
429
  class tt extends HTMLElement {
430
430
  constructor() {
431
- super(), this.mode = "open", this.RESERVED_ATTRS = /* @__PURE__ */ new Set([
431
+ console.debug("CCC: constructor called"), super(), this.mode = "open", this.RESERVED_ATTRS = /* @__PURE__ */ new Set([
432
432
  "iframe",
433
433
  "path",
434
434
  "version",
@@ -437,10 +437,10 @@ class tt extends HTMLElement {
437
437
  "shadow-open",
438
438
  "env",
439
439
  "load-timeout"
440
- ]), this.component = new f(), this.observer = new IntersectionObserver((e) => {
440
+ ]), this.component = new d(), this.observer = new IntersectionObserver((e) => {
441
441
  e.forEach((n) => {
442
442
  this.dispatchEvent(
443
- new R({
443
+ new k({
444
444
  component: this.component,
445
445
  source: this.source,
446
446
  intersecting: n.isIntersecting,
@@ -472,7 +472,7 @@ class tt extends HTMLElement {
472
472
  const n = document.createElement("script");
473
473
  n.type = "module", n.src = `${(s = this.testUrl) == null ? void 0 : s.origin}/@vite/client`, document.head.appendChild(n);
474
474
  }, this.log = new O({
475
- level: D(this.getAttribute("log"))
475
+ level: M(this.getAttribute("log"))
476
476
  });
477
477
  const t = HTMLElement.prototype.hasOwnProperty("attachInternals");
478
478
  try {
@@ -482,17 +482,19 @@ class tt extends HTMLElement {
482
482
  }
483
483
  }
484
484
  async connectedCallback() {
485
- try {
486
- const t = this.getAttribute("path"), e = this.getAttribute("version");
487
- this.component = f.fromString(t, e), this.app = await this.load(), await this.mount(), await this.initTracking();
488
- } catch (t) {
489
- t instanceof Error && requestAnimationFrame(() => {
490
- this.emitError(t);
491
- }), this.unmount(t);
492
- }
485
+ var t;
486
+ if (console.debug("CCC: connectedCallback() 1 dataset:", this.dataset), ((t = this.dataset) == null ? void 0 : t.cccReady) !== "true")
487
+ try {
488
+ const e = this.getAttribute("path"), n = this.getAttribute("version");
489
+ console.debug("CCC: before load connectedCallback() 2", { path: e, versionRange: n }), this.component = d.fromString(e, n), this.app = await this.load(), console.debug("CCC: after load connectedCallback() 3", { path: e, versionRange: n }), await this.mount(), await this.initTracking();
490
+ } catch (e) {
491
+ e instanceof Error && requestAnimationFrame(() => {
492
+ this.emitError(e);
493
+ }), this.unmount(e);
494
+ }
493
495
  }
494
496
  emitError(t) {
495
- if (console.debug("ccc#emitError", t), t instanceof d)
497
+ if (console.debug("CCC: ccc#emitError", t), t instanceof f)
496
498
  this.dispatchEvent(
497
499
  new ErrorEvent("ccc:error", {
498
500
  bubbles: !0,
@@ -503,7 +505,7 @@ class tt extends HTMLElement {
503
505
  })
504
506
  );
505
507
  else {
506
- const e = new d(t.message, {
508
+ const e = new f(t.message, {
507
509
  component: this.component,
508
510
  error: t
509
511
  });
@@ -520,13 +522,16 @@ class tt extends HTMLElement {
520
522
  }
521
523
  disconnectedCallback() {
522
524
  const t = this.getAttribute("path");
523
- this.log.info(`<custom-code-component:${t}> disconnected`), this.observer.disconnect();
525
+ console.debug("CCC: disconnectedCallback() called", { path: t }), this.log.info(`<custom-code-component:${t}> disconnected`), this.observer.disconnect();
526
+ }
527
+ connectedMoveCallback() {
528
+ console.debug("CCC: connectedMoveCallback() called");
524
529
  }
525
530
  onmessage() {
526
531
  }
527
532
  onunmount(t) {
528
- if (t instanceof Error) {
529
- const e = new $(t.message, {
533
+ if (console.debug("CCC: onunmount()", { e: t }), t instanceof Error) {
534
+ const e = new L(t.message, {
530
535
  error: t,
531
536
  component: this.component
532
537
  });
@@ -537,15 +542,15 @@ class tt extends HTMLElement {
537
542
  }
538
543
  async onready(t) {
539
544
  try {
540
- await t, this.dispatchEvent(
541
- new k({
545
+ console.debug("CCC: onready() 1 "), await t, console.debug("CCC: onready() 2"), this.dispatchEvent(
546
+ new T({
542
547
  component: this.component,
543
548
  source: this.source
544
549
  })
545
550
  ), this.dataset.cccReady = "true", delete this.dataset.cccError, this.observer.observe(this);
546
551
  } catch (e) {
547
552
  if (e instanceof Error) {
548
- const n = new $(e.message, {
553
+ const n = new L(e.message, {
549
554
  error: e,
550
555
  component: this.component
551
556
  });
@@ -561,23 +566,23 @@ class tt extends HTMLElement {
561
566
  async mount(t) {
562
567
  var e, n;
563
568
  try {
564
- if (this.mode = this.getAttribute("shadow-open") == "false" ? "closed" : "open", this.component) {
569
+ if (console.debug("CCC: mount() "), this.mode = this.getAttribute("shadow-open") == "false" ? "closed" : "open", this.component) {
565
570
  if (!this.app)
566
571
  throw new Error("CCC mounted without App");
567
572
  const r = this.shadowRoot !== null, s = this.shadowRoot ?? this.attachShadow({ mode: this.mode });
568
573
  if (this.dispatchEvent(
569
- new T({
574
+ new S({
570
575
  component: this.component,
571
576
  source: this.source
572
577
  })
573
578
  ), !s.querySelector('link[href~="custom-code-component.css"]') && !s.adoptedStyleSheets.length && (window.CCC_LAYOUT_STYLESHEET || (window.CCC_LAYOUT_STYLESHEET = new CSSStyleSheet(), window.CCC_LAYOUT_STYLESHEET.replaceSync(X)), s.adoptedStyleSheets = [window.CCC_LAYOUT_STYLESHEET]), !r) {
574
- const p = document.createElement("template");
575
- p.innerHTML = "<div data-component-root><slot></slot></div>", this.appendChild(p), s.appendChild(p.content.cloneNode(!0));
579
+ const u = document.createElement("template");
580
+ u.innerHTML = "<div data-component-root><slot></slot></div>", this.appendChild(u), s.appendChild(u.content.cloneNode(!0));
576
581
  }
577
582
  const i = JSON.parse(this.getAttribute("data-component-props")), c = Object.fromEntries(
578
583
  [...this.attributes].filter(
579
- (p) => !this.RESERVED_ATTRS.has(p.name) && !p.name.startsWith("data-")
580
- ).map((p) => [p.name, p.value])
584
+ (u) => !this.RESERVED_ATTRS.has(u.name) && !u.name.startsWith("data-")
585
+ ).map((u) => [u.name, u.value])
581
586
  );
582
587
  this.tracking = new Y({
583
588
  name: (e = this.component) == null ? void 0 : e.toString(),
@@ -620,6 +625,7 @@ class tt extends HTMLElement {
620
625
  // slot on failure
621
626
  unmount(t) {
622
627
  var n;
628
+ console.debug("CCC: unmount()", { error: t });
623
629
  const e = this.querySelector(
624
630
  "template[data-component-fallback]"
625
631
  ) ?? this.querySelector("template");
@@ -627,7 +633,7 @@ class tt extends HTMLElement {
627
633
  }
628
634
  async load() {
629
635
  var c;
630
- if (!this.component.isValid)
636
+ if (console.debug("CCC: load() 1"), !this.component.isValid)
631
637
  throw new Error("No path found");
632
638
  const t = this.getAttribute("path"), e = this.getAttribute("version"), n = Number(this.getAttribute("load-timeout") || 1e4), r = this.getAttribute("test-env");
633
639
  this.testUrl = Z(r);
@@ -637,9 +643,9 @@ class tt extends HTMLElement {
637
643
  ), i = this.getAttribute("id");
638
644
  s && this.testUrl && this.injectViteScripts(), this.source = s ? `${(c = this.testUrl) == null ? void 0 : c.origin}/src/${this.component.name}/index.jsx?id=${i}` : `https://www.ft.com/__component/${this.component.org}/${this.component.repo}${e ? `@${e}` : "@latest"}/${this.component.name}/${this.component.name}.js?id=${i}`;
639
645
  try {
640
- return await new Promise(
646
+ return console.debug("CCC: load() 2 before BaseRenderer"), await new Promise(
641
647
  (a, h) => {
642
- const p = setTimeout(() => {
648
+ const u = setTimeout(() => {
643
649
  this.log.error("CCC import timeout error"), h(
644
650
  new J({
645
651
  component: this.component,
@@ -652,27 +658,27 @@ class tt extends HTMLElement {
652
658
  /* webpackIgnore: true */
653
659
  this.source
654
660
  /* @vite-ignore */
655
- ).then(({ default: u }) => {
656
- if (u)
657
- clearTimeout(p), a(u);
661
+ ).then(({ default: l }) => {
662
+ if (console.debug("CCC: load() 4 inside promise Base Renderer", l), l)
663
+ clearTimeout(u), a(l);
658
664
  else
659
- throw new w(
665
+ throw new b(
660
666
  "No component renderer default export found",
661
667
  {
662
668
  component: this.component,
663
669
  source: this.source
664
670
  }
665
671
  );
666
- }).catch((u) => {
667
- clearTimeout(p), this.log.error(u), u instanceof Error && !(u instanceof w) ? h(
668
- new w(u.message, {
672
+ }).catch((l) => {
673
+ console.debug("CCC: load() catch", { error: l }), clearTimeout(u), this.log.error(l), l instanceof Error && !(l instanceof b) ? h(
674
+ new b(l.message, {
669
675
  component: this.component,
670
676
  source: this.source
671
677
  })
672
- ) : h(u);
678
+ ) : h(l);
673
679
  });
674
680
  else
675
- throw clearTimeout(p), new w(`Unable to mount ${t}`, {
681
+ throw clearTimeout(u), new b(`Unable to mount ${t}`, {
676
682
  component: this.component,
677
683
  source: this.source
678
684
  });
@@ -1 +1 @@
1
- {"version":3,"file":"custom-element.js","sources":["../node_modules/ftdomdelegate/main.js","../../node_modules/@financial-times/o-tracking/src/javascript/utils.js","../src/logger.ts","../src/get-trace.ts","../src/tracking.ts","../src/path.ts","../src/errors.ts","../src/events.ts","../src/util.ts","../src/environment.ts","../src/custom-code-component.ts"],"sourcesContent":["/**\n * DOM event delegator\n *\n * The delegator will listen\n * for events that bubble up\n * to the root node.\n *\n * @constructor\n * @param {Node|string} [root] The root node or a selector string matching the root node\n */\nfunction Delegate(root) {\n\n\t/**\n\t * Maintain a map of listener\n\t * lists, keyed by event name.\n\t *\n\t * @type Object\n\t */\n\tthis.listenerMap = [{}, {}];\n\tif (root) {\n\t\tthis.root(root);\n\t}\n\n\t/** @type function() */\n\tthis.handle = Delegate.prototype.handle.bind(this);\n\n\t// Cache of event listeners removed during an event cycle\n\tthis._removedListeners = [];\n}\n\n/**\n * Start listening for events\n * on the provided DOM element\n *\n * @param {Node|string} [root] The root node or a selector string matching the root node\n * @returns {Delegate} This method is chainable\n */\nDelegate.prototype.root = function (root) {\n\tconst listenerMap = this.listenerMap;\n\tlet eventType;\n\n\t// Remove master event listeners\n\tif (this.rootElement) {\n\t\tfor (eventType in listenerMap[1]) {\n\t\t\tif (listenerMap[1].hasOwnProperty(eventType)) {\n\t\t\t\tthis.rootElement.removeEventListener(eventType, this.handle, true);\n\t\t\t}\n\t\t}\n\t\tfor (eventType in listenerMap[0]) {\n\t\t\tif (listenerMap[0].hasOwnProperty(eventType)) {\n\t\t\t\tthis.rootElement.removeEventListener(eventType, this.handle, false);\n\t\t\t}\n\t\t}\n\t}\n\n\t// If no root or root is not\n\t// a dom node, then remove internal\n\t// root reference and exit here\n\tif (!root || !root.addEventListener) {\n\t\tif (this.rootElement) {\n\t\t\tdelete this.rootElement;\n\t\t}\n\t\treturn this;\n\t}\n\n\t/**\n\t * The root node at which\n\t * listeners are attached.\n\t *\n\t * @type Node\n\t */\n\tthis.rootElement = root;\n\n\t// Set up master event listeners\n\tfor (eventType in listenerMap[1]) {\n\t\tif (listenerMap[1].hasOwnProperty(eventType)) {\n\t\t\tthis.rootElement.addEventListener(eventType, this.handle, true);\n\t\t}\n\t}\n\tfor (eventType in listenerMap[0]) {\n\t\tif (listenerMap[0].hasOwnProperty(eventType)) {\n\t\t\tthis.rootElement.addEventListener(eventType, this.handle, false);\n\t\t}\n\t}\n\n\treturn this;\n};\n\n/**\n * @param {string} eventType\n * @returns boolean\n */\nDelegate.prototype.captureForType = function (eventType) {\n\treturn ['blur', 'error', 'focus', 'load', 'resize', 'scroll'].indexOf(eventType) !== -1;\n};\n\n/**\n * Attach a handler to one\n * event for all elements\n * that match the selector,\n * now or in the future\n *\n * The handler function receives\n * three arguments: the DOM event\n * object, the node that matched\n * the selector while the event\n * was bubbling and a reference\n * to itself. Within the handler,\n * 'this' is equal to the second\n * argument.\n *\n * The node that actually received\n * the event can be accessed via\n * 'event.target'.\n *\n * @param {string} eventType Listen for these events\n * @param {string|undefined} selector Only handle events on elements matching this selector, if undefined match root element\n * @param {function()} handler Handler function - event data passed here will be in event.data\n * @param {boolean} [useCapture] see 'useCapture' in <https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener>\n * @returns {Delegate} This method is chainable\n */\nDelegate.prototype.on = function (eventType, selector, handler, useCapture) {\n\tlet root;\n\tlet listenerMap;\n\tlet matcher;\n\tlet matcherParam;\n\n\tif (!eventType) {\n\t\tthrow new TypeError('Invalid event type: ' + eventType);\n\t}\n\n\t// handler can be passed as\n\t// the second or third argument\n\tif (typeof selector === 'function') {\n\t\tuseCapture = handler;\n\t\thandler = selector;\n\t\tselector = null;\n\t}\n\n\t// Fallback to sensible defaults\n\t// if useCapture not set\n\tif (useCapture === undefined) {\n\t\tuseCapture = this.captureForType(eventType);\n\t}\n\n\tif (typeof handler !== 'function') {\n\t\tthrow new TypeError('Handler must be a type of Function');\n\t}\n\n\troot = this.rootElement;\n\tlistenerMap = this.listenerMap[useCapture ? 1 : 0];\n\n\t// Add master handler for type if not created yet\n\tif (!listenerMap[eventType]) {\n\t\tif (root) {\n\t\t\troot.addEventListener(eventType, this.handle, useCapture);\n\t\t}\n\t\tlistenerMap[eventType] = [];\n\t}\n\n\tif (!selector) {\n\t\tmatcherParam = null;\n\n\t\t// COMPLEX - matchesRoot needs to have access to\n\t\t// this.rootElement, so bind the function to this.\n\t\tmatcher = matchesRoot.bind(this);\n\n\t\t// Compile a matcher for the given selector\n\t} else if (/^[a-z]+$/i.test(selector)) {\n\t\tmatcherParam = selector;\n\t\tmatcher = matchesTag;\n\t} else if (/^#[a-z0-9\\-_]+$/i.test(selector)) {\n\t\tmatcherParam = selector.slice(1);\n\t\tmatcher = matchesId;\n\t} else {\n\t\tmatcherParam = selector;\n\t\tmatcher = Element.prototype.matches;\n\t}\n\n\t// Add to the list of listeners\n\tlistenerMap[eventType].push({\n\t\tselector: selector,\n\t\thandler: handler,\n\t\tmatcher: matcher,\n\t\tmatcherParam: matcherParam\n\t});\n\n\treturn this;\n};\n\n/**\n * Remove an event handler\n * for elements that match\n * the selector, forever\n *\n * @param {string} [eventType] Remove handlers for events matching this type, considering the other parameters\n * @param {string} [selector] If this parameter is omitted, only handlers which match the other two will be removed\n * @param {function()} [handler] If this parameter is omitted, only handlers which match the previous two will be removed\n * @returns {Delegate} This method is chainable\n */\nDelegate.prototype.off = function (eventType, selector, handler, useCapture) {\n\tlet i;\n\tlet listener;\n\tlet listenerMap;\n\tlet listenerList;\n\tlet singleEventType;\n\n\t// Handler can be passed as\n\t// the second or third argument\n\tif (typeof selector === 'function') {\n\t\tuseCapture = handler;\n\t\thandler = selector;\n\t\tselector = null;\n\t}\n\n\t// If useCapture not set, remove\n\t// all event listeners\n\tif (useCapture === undefined) {\n\t\tthis.off(eventType, selector, handler, true);\n\t\tthis.off(eventType, selector, handler, false);\n\t\treturn this;\n\t}\n\n\tlistenerMap = this.listenerMap[useCapture ? 1 : 0];\n\tif (!eventType) {\n\t\tfor (singleEventType in listenerMap) {\n\t\t\tif (listenerMap.hasOwnProperty(singleEventType)) {\n\t\t\t\tthis.off(singleEventType, selector, handler);\n\t\t\t}\n\t\t}\n\n\t\treturn this;\n\t}\n\n\tlistenerList = listenerMap[eventType];\n\tif (!listenerList || !listenerList.length) {\n\t\treturn this;\n\t}\n\n\t// Remove only parameter matches\n\t// if specified\n\tfor (i = listenerList.length - 1; i >= 0; i--) {\n\t\tlistener = listenerList[i];\n\n\t\tif ((!selector || selector === listener.selector) && (!handler || handler === listener.handler)) {\n\t\t\tthis._removedListeners.push(listener);\n\t\t\tlistenerList.splice(i, 1);\n\t\t}\n\t}\n\n\t// All listeners removed\n\tif (!listenerList.length) {\n\t\tdelete listenerMap[eventType];\n\n\t\t// Remove the main handler\n\t\tif (this.rootElement) {\n\t\t\tthis.rootElement.removeEventListener(eventType, this.handle, useCapture);\n\t\t}\n\t}\n\n\treturn this;\n};\n\n\n/**\n * Handle an arbitrary event.\n *\n * @param {Event} event\n */\nDelegate.prototype.handle = function (event) {\n\tlet i;\n\tlet l;\n\tconst type = event.type;\n\tlet root;\n\tlet phase;\n\tlet listener;\n\tlet returned;\n\tlet listenerList = [];\n\tlet target;\n\tconst eventIgnore = 'ftLabsDelegateIgnore';\n\n\tif (event[eventIgnore] === true) {\n\t\treturn;\n\t}\n\n\ttarget = event.target;\n\n\t// Hardcode value of Node.TEXT_NODE\n\t// as not defined in IE8\n\tif (target.nodeType === 3) {\n\t\ttarget = target.parentNode;\n\t}\n\n\t// Handle SVG <use> elements in IE\n\tif (target.correspondingUseElement) {\n\t\ttarget = target.correspondingUseElement;\n\t}\n\n\troot = this.rootElement;\n\n\tphase = event.eventPhase || (event.target !== event.currentTarget ? 3 : 2);\n\n\t// eslint-disable-next-line default-case\n\tswitch (phase) {\n\t\tcase 1: //Event.CAPTURING_PHASE:\n\t\t\tlistenerList = this.listenerMap[1][type];\n\t\t\tbreak;\n\t\tcase 2: //Event.AT_TARGET:\n\t\t\tif (this.listenerMap[0] && this.listenerMap[0][type]) {\n\t\t\t\tlistenerList = listenerList.concat(this.listenerMap[0][type]);\n\t\t\t}\n\t\t\tif (this.listenerMap[1] && this.listenerMap[1][type]) {\n\t\t\t\tlistenerList = listenerList.concat(this.listenerMap[1][type]);\n\t\t\t}\n\t\t\tbreak;\n\t\tcase 3: //Event.BUBBLING_PHASE:\n\t\t\tlistenerList = this.listenerMap[0][type];\n\t\t\tbreak;\n\t}\n\n\tlet toFire = [];\n\n\t// Need to continuously check\n\t// that the specific list is\n\t// still populated in case one\n\t// of the callbacks actually\n\t// causes the list to be destroyed.\n\tl = listenerList.length;\n\twhile (target && l) {\n\t\tfor (i = 0; i < l; i++) {\n\t\t\tlistener = listenerList[i];\n\n\t\t\t// Bail from this loop if\n\t\t\t// the length changed and\n\t\t\t// no more listeners are\n\t\t\t// defined between i and l.\n\t\t\tif (!listener) {\n\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\ttarget.tagName &&\n\t\t\t\t[\"button\", \"input\", \"select\", \"textarea\"].indexOf(target.tagName.toLowerCase()) > -1 &&\n\t\t\t\ttarget.hasAttribute(\"disabled\")\n\t\t\t) {\n\t\t\t\t// Remove things that have previously fired\n\t\t\t\ttoFire = [];\n\t\t\t}\n\t\t\t// Check for match and fire\n\t\t\t// the event if there's one\n\t\t\t//\n\t\t\t// TODO:MCG:20120117: Need a way\n\t\t\t// to check if event#stopImmediatePropagation\n\t\t\t// was called. If so, break both loops.\n\t\t\telse if (listener.matcher.call(target, listener.matcherParam, target)) {\n\t\t\t\ttoFire.push([event, target, listener]);\n\t\t\t}\n\t\t}\n\n\t\t// TODO:MCG:20120117: Need a way to\n\t\t// check if event#stopPropagation\n\t\t// was called. If so, break looping\n\t\t// through the DOM. Stop if the\n\t\t// delegation root has been reached\n\t\tif (target === root) {\n\t\t\tbreak;\n\t\t}\n\n\t\tl = listenerList.length;\n\n\t\t// Fall back to parentNode since SVG children have no parentElement in IE\n\t\ttarget = target.parentElement || target.parentNode;\n\n\t\t// Do not traverse up to document root when using parentNode, though\n\t\tif (target instanceof HTMLDocument) {\n\t\t\tbreak;\n\t\t}\n\t}\n\n\tlet ret;\n\n\tfor (i = 0; i < toFire.length; i++) {\n\t\t// Has it been removed during while the event function was fired\n\t\tif (this._removedListeners.indexOf(toFire[i][2]) > -1) {\n\t\t\tcontinue;\n\t\t}\n\t\treturned = this.fire.apply(this, toFire[i]);\n\n\t\t// Stop propagation to subsequent\n\t\t// callbacks if the callback returned\n\t\t// false\n\t\tif (returned === false) {\n\t\t\ttoFire[i][0][eventIgnore] = true;\n\t\t\ttoFire[i][0].preventDefault();\n\t\t\tret = false;\n\t\t\tbreak;\n\t\t}\n\t}\n\n\treturn ret;\n};\n\n/**\n * Fire a listener on a target.\n *\n * @param {Event} event\n * @param {Node} target\n * @param {Object} listener\n * @returns {boolean}\n */\nDelegate.prototype.fire = function (event, target, listener) {\n\treturn listener.handler.call(target, event, target);\n};\n\n/**\n * Check whether an element\n * matches a tag selector.\n *\n * Tags are NOT case-sensitive,\n * except in XML (and XML-based\n * languages such as XHTML).\n *\n * @param {string} tagName The tag name to test against\n * @param {Element} element The element to test with\n * @returns boolean\n */\nfunction matchesTag(tagName, element) {\n\treturn tagName.toLowerCase() === element.tagName.toLowerCase();\n}\n\n/**\n * Check whether an element\n * matches the root.\n *\n * @param {?String} selector In this case this is always passed through as null and not used\n * @param {Element} element The element to test with\n * @returns boolean\n */\nfunction matchesRoot(selector, element) {\n\tif (this.rootElement === window) {\n\t\treturn (\n\t\t\t// Match the outer document (dispatched from document)\n\t\t\telement === document ||\n\t\t\t// The <html> element (dispatched from document.body or document.documentElement)\n\t\t\telement === document.documentElement ||\n\t\t\t// Or the window itself (dispatched from window)\n\t\t\telement === window\n\t\t);\n\t}\n\treturn this.rootElement === element;\n}\n\n/**\n * Check whether the ID of\n * the element in 'this'\n * matches the given ID.\n *\n * IDs are case-sensitive.\n *\n * @param {string} id The ID to test against\n * @param {Element} element The element to test with\n * @returns boolean\n */\nfunction matchesId(id, element) {\n\treturn id === element.id;\n}\n\n/**\n * Short hand for off()\n * and root(), ie both\n * with no parameters\n *\n * @return void\n */\nDelegate.prototype.destroy = function () {\n\tthis.off();\n\tthis.root();\n};\n\nexport default Delegate;\n","/**\n * Shared 'internal' scope.\n */\nimport {get} from './core/settings.js';\n\n/**\n * CUID Generator\n */\nimport {api as cuid} from '../libs/browser-cuid.js';\n\n/**\n * Record of callbacks to call when a page is tracked.\n */\nconst page_callbacks = [];\n\n/**\n * Log messages to the browser console. Requires 'log' to be set on init.\n *\n * @param {*} args items to log\n * @returns {void}\n */\nfunction log(...args) {\n\tif (get('config').test && window.console) {\n\t\tfor (const arg of args) {\n\t\t\twindow.console.log(arg);\n\t\t}\n\t}\n}\n\n/**\n * Creates a logging function that logs messages to the console with a specified namespace.\n *\n * @function namedLog\n * @param {string} namespace - The namespace to be prefixed to each log message.\n * @returns {function} A function that logs messages to the console with the given namespace if the configuration allows.\n *\n * @example\n * const log = namedLog('MyNamespace');\n * log('This is a message'); \n * // Output: [MyNamespace]: This is a message\n */\nfunction namedLog(namespace) {\n\treturn function(...args) {\n\t\tif(get('config').test && window.console) {\n\t\t\twindow.console.log(`%c[${namespace}]:`, 'color: teal', ...args)\n\t\t}\n\t}\n}\n\n/**\n * Tests if variable is a certain type. Defaults to check for undefined if no type specified.\n *\n * @param {*} variable - The variable to check.\n * @param {string=} type - The type to test for. Defaults to undefined.\n *\n * @returns {boolean} - The answer for if the variable is of type.\n */\nfunction is(variable, type = 'undefined') {\n\treturn typeof variable === type;\n}\n\n/**\n * Merge objects together. Will remove undefined and null values.\n *\n * @param {object} target - The original object to merge in to.\n * @param {object} options - The object to merge into the target. If omitted, will merge target into a new empty Object.\n *\n * @returns {object} The merged object.\n */\nfunction merge(target, options) {\n\tif (!options) {\n\t\toptions = target;\n\t\ttarget = {};\n\t}\n\n\tlet name;\n\tlet src;\n\tlet copy;\n\n\t/* jshint -W089 */\n\t/* eslint guard-for-in: 0 */\n\tfor (name in options) {\n\t\tsrc = target[name];\n\t\tcopy = options[name];\n\n\t\t// Prevent never-ending loop\n\t\tif (target === copy) {\n\t\t\tcontinue;\n\t\t}\n\n\t\t// Gets rid of missing values too\n\t\tif (typeof copy !== 'undefined' && copy !== null) {\n\t\t\ttarget[name] = src === Object(src) && !is(src, 'function') ? merge(src, copy) : copy;\n\t\t}\n\t}\n\t/* jshint +W089 */\n\t/* jslint forin:true */\n\n\treturn target;\n}\n\n/**\n * URL encode a string.\n *\n * @param {string} str - The string to be encoded.\n * @returns {string} The encoded string.\n */\nfunction encode(str) {\n\tif (window.encodeURIComponent) {\n\t\treturn window.encodeURIComponent(str);\n\t} else {\n\t\treturn window.escape(str);\n\t}\n}\n\n/**\n * URL decode a string.\n *\n * @param {string} str - The string to be decoded.\n * @returns {string} The decoded string.\n */\nfunction decode(str) {\n\tif (window.decodeURIComponent) {\n\t\treturn window.decodeURIComponent(str);\n\t} else {\n\t\treturn window.unescape(str);\n\t}\n}\n\n/**\n * Utility to add event listeners.\n *\n * @param {Element} element\n * @param {string} event\n * @param {EventListenerOrEventListenerObject} listener\n * @returns {void}\n */\nfunction addEvent(element, event, listener) {\n\tif (element.addEventListener) {\n\t\telement.addEventListener(event, listener, false);\n\t} else {\n\t\telement.attachEvent('on' + event, listener);\n\t}\n}\n\n/**\n * Utility for dispatching custom events from window\n *\n * @param {string} namespace\n * @param {string} eventType\n * @param {object} detail\n * @returns {void}\n */\nfunction broadcast(namespace, eventType, detail) {\n\tdetail = detail || {};\n\ttry {\n\t\twindow.dispatchEvent(new CustomEvent(namespace + '.' + eventType, {\n\t\t\tdetail: detail,\n\t\t\tbubbles: true\n\t\t}));\n\t} catch (error) {\n\t\t// empty\n\t}\n}\n\n/**\n * Listen for page tracking requests.\n *\n * @param {Function} cb - The callback to be called whenever a page is tracked.\n * @returns {void}\n */\nfunction onPage(cb) {\n\tif (is(cb, 'function') && !page_callbacks.includes(cb)) {\n\t\tpage_callbacks.push(cb);\n\t}\n}\n\n/**\n * Trigger the 'page' listeners.\n *\n * @returns {void}\n */\nfunction triggerPage() {\n\tfor (let i = 0; i < page_callbacks.length; i++) {\n\t\tpage_callbacks[i]();\n\t}\n}\n\n/**\n * Get a value from document.cookie matching the first match of the regexp you supply\n *\n * @param {RegExp} matcher - The Regex to match with\n * @returns {string} - The vale from the cookie\n */\nfunction getValueFromCookie(matcher) {\n\treturn document.cookie.match(matcher) && RegExp.$1 !== '' && RegExp.$1 !== 'null' ? RegExp.$1 : null;\n}\n\n/**\n * Filter an object to only have the properties which are listed in the `allowlist` parameter.\n *\n * @param {object} objectToFilter - An object whose props need to be filtered\n * @param {Array} allowedPropertyNames - The list of props to allow\n * @returns {object} An object containing only the allowed props\n */\nfunction filterProperties (objectToFilter, allowedPropertyNames) {\n\tconst filteredObject = {};\n\tfor (const allowedName of allowedPropertyNames) {\n\t\tif (objectToFilter[allowedName]) {\n\t\t\tfilteredObject[allowedName] = objectToFilter[allowedName];\n\t\t}\n\t}\n\treturn filteredObject;\n}\n\n/**\n * Trim strings\n *\n * @param {string} str - The string to trim.\n * @returns {string} The trimmed string.\n */\nfunction sanitise (str) {\n\treturn typeof str === 'string' ? str.trim() : str;\n}\n\n/**\n * Assign the subject value if the target properties are undefined\n *\n * @param {object} subject - assign the value\n * @param {object} target - be assigned the value\n * @returns {void}\n */\nfunction assignIfUndefined (subject, target) {\n\tfor (const prop in subject) {\n\t\tif (!target[prop]) {\n\t\t\ttarget[prop] = subject[prop];\n\t\t} else {\n\t\t\t// eslint-disable-next-line no-console\n\t\t\tconsole.warn(`You can't set a custom property called ${prop}`);\n\t\t}\n\t}\n}\n\n\n/**\n * Identify circular references in 'object', and replace them with a string representation\n * of the reference. Returns a succesfully serialised JSON string, and a list of circular\n * references which were removed.\n * \n * Inspired by https://github.com/sindresorhus/safe-stringify and \n * https://github.com/sindresorhus/decircular\n *\n * @param {*} object The object we want to stringify, and search within for circular references\n * @returns {Object: {jsonString: string, warnings: array}} The stringified object, and a warnings for each circular reference which was removed\n */\nfunction removeCircularReferences(object) {\n\n\t// WeakMaps release memory when all references are garbage-collected\n\tconst circularReferences = new WeakMap();\n\tconst paths = new WeakMap();\n\n\tconst warnings = [];\n\n\tfunction getPathFragment(parent, key) {\n\t\tif (!key) {\n\t\t\treturn '$';\n\t\t}\n\n\t\tif (Array.isArray(parent)) {\n\t\t\treturn `[${key}]`;\n\t\t}\n\n\t\treturn `.${key}`;\n\t}\n\n\tfunction formatCircularReferencesWarning(references) {\n\t\tconst paths = references.map(path => '`' + path.join('') + '`');\n\t\treturn 'Circular reference between ' + paths.join(' AND ');\n\t}\n\n\tfunction replacer(key, value) {\n\t\t// Scalars don't need to be inspected as they can't contain circular references\n\t\tif (!(value !== null && typeof value === 'object')) {\n\t\t\treturn value\n\t\t}\n\n\t\t// Record the path from the root ($) to the current object (value)\n\t\t// in order to print helpful circular reference warnings.\n\t\tconst path = [...paths.get(this) || [], getPathFragment(this, key)];\n\t\tpaths.set(value, path);\n\n\t\t// If a reference to the current value is already in the list, we have\n\t\t// a circular reference. Add the current value to the list along with its path,\n\t\t// and return a useful error string rather than the unserialisable value.\n\t\tif (circularReferences.has(value)) {\n\t\t\tconst references = [...circularReferences.get(value), path];\n\t\t\tcircularReferences.set(value, references);\n\t\t\tconst warning = formatCircularReferencesWarning(references);\n\t\t\twarnings.push(warning);\n\t\t\treturn warning;\n\t\t}\n\n\t\t// This is the first time we've seen the current value in this branch \n\t\t// of the object. Record its path from the object root.\n\t\tcircularReferences.set(value, [path]);\n\n\t\t// Recurse into the value to proactively find circular references\n\t\t// before encountering a loop.\n\t\tconst newValue = Array.isArray(value) ? [] : {};\n\t\tfor (const [k, v] of Object.entries(value)) {\n\t\t\tnewValue[k] = replacer.call(value, k, v);\n\t\t}\n\n\t\t// All circular references to this object will have been identified,\n\t\t// so remove it from the list.\n\t\tcircularReferences.delete(value);\n\n\t\t// This branch of the object can now be safely serialised to a JSON string\n\t\treturn newValue;\n\t}\n\n\tconst jsonString = JSON.stringify(object, replacer);\n\treturn {jsonString, warnings};\n}\n\n\n/**\n * Stringify an object to JSON, removing any circular references. When circular references\n * are found, an error is thrown in a new event loop so that global error handlers can report it.\n *\n * @param {*} object The object we want to stringify, and search within for circular references\n * @returns {string} The safely stringified JSON string\n */\nfunction safelyStringifyJson(object) {\n\n\t// JSON.stringify throws on two cases:\n\t// - value contains a circular reference\n\t// - A BigInt value is encountered\n\t// Circular references are a real possibility in the way o-tracking is called (and saves a queue of \n\t// messages in a store), so we need to handle those gracefully.\n\t// \n\t// However, for performance reasons, we always attempt to do a basic JSON.stringify() first. The \n\t// recursion involved in removeCircularReferences() makes it about 20x slower to stringify a basic payload. \n\t// This performance hit will be exacerbated on slow devices (e.g. old Android phones) with lots of queued offline events.\n\ttry {\n\t\treturn JSON.stringify(object);\n\n\t// NB: error is discarded - we have more work to do in order to throw a useful message\n\t} catch (error) {\n\t\n\t\tconst {jsonString, warnings} = removeCircularReferences(object);\n\t\n\t\tif (warnings.length) {\n\t\t\t// Throw in a new event loop, as we always want to return JSON so the tracking payload is sent\n\t\t\tsetTimeout(() => {\n\t\t\t\tconst errorMessage = \"AssertionError: o-tracking does not support circular references in the analytics data.\\n\" +\n\t\t\t\t\"Please remove the circular references in the data.\\n\" +\n\t\t\t\t\"Here are the paths in the data which are circular:\\n\" +\n\t\t\t\twarnings.join('\\n');\n\t\t\t\tthrow new Error(errorMessage);\n\t\t\t});\n\t\t}\n\t\n\t\treturn jsonString;\n\t}\n\n\n};\n\n/**\n * Find out whether two objects are deeply equal to each other.\n *\n * @param {*} a\n * @param {*} b\n * @returns {boolean} - true if the two arguments are deeply equal\n */\nfunction isDeepEqual(a, b) {\n\tif (a === b) {\n\t\treturn true;\n\t}\n\n\tif (\n\t\ta &&\n\t\tb &&\n\t\ttypeof a === \"object\" &&\n\t\ttypeof b === \"object\"\n\t) {\n\t\tif (a.constructor !== b.constructor) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif (Array.isArray(a)) {\n\t\t\tconst length = a.length;\n\t\t\tif (length !== b.length) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\tfor (let i = length; i-- !== 0; ) {\n\t\t\t\tif (!isDeepEqual(a[i], b[i])) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn true;\n\t\t}\n\n\t\tif (a.constructor === RegExp) {\n\t\t\treturn (\n\t\t\t\ta.source === b.source && a.flags === b.flags\n\t\t\t);\n\t\t}\n\t\tif (a.valueOf !== Object.prototype.valueOf) {\n\t\t\treturn a.valueOf() === b.valueOf();\n\t\t}\n\t\tif (a.toString !== Object.prototype.toString) {\n\t\t\treturn a.toString() === b.toString();\n\t\t}\n\n\t\tconst keys = Object.keys(a);\n\t\tconst length = keys.length;\n\t\tif (length !== Object.keys(b).length) {\n\t\t\treturn false;\n\t\t}\n\n\t\tfor (let i = length; i-- !== 0; ) {\n\t\t\tif (!Object.prototype.hasOwnProperty.call(b, keys[i])) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\n\t\tfor (let i = length; i-- !== 0; ) {\n\t\t\tconst key = keys[i];\n\n\t\t\tif (!isDeepEqual(a[key], b[key])) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\n\t\treturn true;\n\t}\n}\n\nexport {\n\tlog,\n\tnamedLog,\n\tis,\n\tis as isUndefined,\n\tmerge,\n\tencode,\n\tdecode,\n\tcuid as guid,\n\taddEvent,\n\tbroadcast,\n\tonPage,\n\ttriggerPage,\n\tgetValueFromCookie,\n\tsanitise,\n\tassignIfUndefined,\n\tfilterProperties,\n\tremoveCircularReferences,\n\tsafelyStringifyJson,\n\tisDeepEqual\n};\n","export const LogLevel = Object.freeze({\n DEBUG: 0,\n INFO: 1,\n WARN: 2,\n ERROR: 3,\n TEST: 4,\n DEFAULT: 2,\n});\n\nexport function convertStringLogLevel(value: string | null) {\n const level = value?.toLowerCase();\n\n if (level === \"debug\") {\n return LogLevel.DEBUG;\n }\n\n if (level === \"info\") {\n return LogLevel.INFO;\n }\n\n if (level === \"warn\") {\n return LogLevel.WARN;\n }\n\n if (level === \"error\") {\n return LogLevel.ERROR;\n }\n\n if (level === \"test\") {\n return LogLevel.TEST;\n }\n\n return LogLevel.DEFAULT;\n}\n\nexport class Logger {\n level: number;\n constructor(\n { level = LogLevel.DEFAULT }: { level: number } = {\n level: LogLevel.DEFAULT,\n }\n ) {\n this.level = level;\n }\n\n debug(...args: any[]) {\n if (this.level <= LogLevel.DEBUG) {\n console.info(...args);\n }\n }\n\n log = this.debug;\n\n info(...args: any[]) {\n if (this.level <= LogLevel.INFO) {\n console.info(...args);\n }\n }\n\n warn(...args: any[]) {\n if (this.level <= LogLevel.WARN) {\n console.warn(...args);\n }\n }\n\n error(...args: any[]) {\n if (this.level <= LogLevel.ERROR) {\n console.error(...args);\n }\n }\n}\n","// Trace the element and all of its parents, collecting properties as we go\nimport {\n sanitise,\n assignIfUndefined,\n} from \"@financial-times/o-tracking/src/javascript/utils\";\n\ntype PropMap = { [k: string]: any };\n// For a given container element, get the number of elements that match the\n// original element (siblings); and the index of the original element (position).\nconst getSiblingsAndPosition = (\n el: Element | null,\n originalEl: Element,\n selector: string\n) => {\n const siblings = Array.from(el?.querySelectorAll(selector) ?? []);\n const position = siblings.findIndex((item) => item === originalEl);\n if (position === -1) {\n return;\n }\n return {\n siblings: siblings.length,\n position,\n };\n};\n\nconst elementPropertiesToCollect = [\n \"nodeName\",\n \"className\",\n \"id\",\n \"href\",\n \"text\",\n \"role\",\n];\n// Get all (sanitised) properties of a given element.\nconst getAllElementProperties = (element: any) => {\n const properties: PropMap = {};\n for (const property of elementPropertiesToCollect) {\n const value =\n element[property] ||\n element.getAttribute(property) ||\n element.hasAttribute(property);\n if (value !== undefined) {\n if (typeof value === \"boolean\") {\n properties[property] = value;\n } else {\n properties[property] = sanitise(value);\n }\n }\n }\n\n return properties;\n};\n\nconst parseRawValue = (rawValue: string) => {\n try {\n const parsedValue = JSON.parse(rawValue);\n const type = Object.prototype.toString.call(parsedValue);\n const isJSON = type === \"[object Object]\" || type === \"[object Array]\";\n\n return [isJSON, parsedValue];\n } catch (error) {\n return [false, null];\n }\n};\n\nconst getAttributeValue = (rawValue: string) => {\n const [isJSON, value] = parseRawValue(rawValue);\n\n return isJSON ? value : rawValue;\n};\n\n// Get some properties of a given element.\nconst getDomPathProps = (attrs: Attr[], props: PropMap) => {\n // Collect any attribute that matches given strings.\n attrs\n .filter((attribute) =>\n attribute.name.match(/^data-trackable|^data-o-|^aria-/i)\n )\n .forEach((attribute) => {\n props[attribute.name] = attribute.value;\n });\n\n return props;\n};\n\n// Get only the custom data-trackable-context-? properties of a given element\nconst getContextProps = (\n attrs: Attr[],\n props: PropMap,\n isOriginalEl: boolean\n) => {\n const customProps: { [k: string]: any } = {};\n\n // for the original element collect properties like className, nodeName\n if (isOriginalEl) {\n elementPropertiesToCollect.forEach((name) => {\n if (typeof props[name] !== \"undefined\" && name !== \"id\") {\n customProps[name] = props[name];\n }\n });\n }\n\n // Collect any attribute that matches given strings.\n attrs\n .filter((attribute) => attribute.name.match(/^data-trackable-context-/i))\n .forEach((attribute) => {\n customProps[attribute.name.replace(\"data-trackable-context-\", \"\")] =\n getAttributeValue(attribute.value);\n });\n\n return customProps;\n};\n\nexport function getTrace(el: Element, rootEl: Element) {\n const originalEl = el;\n const selector = originalEl?.getAttribute(\"data-trackable\")\n ? `[data-trackable=\"${originalEl.getAttribute(\"data-trackable\")}\"]`\n : originalEl?.nodeName;\n const trace = [];\n const customContext = {};\n while (el && el !== rootEl) {\n const props = getAllElementProperties(el);\n const attrs = Array.from(el.attributes);\n let domPathProps = getDomPathProps(attrs, props);\n\n // If the element happens to have a data-trackable attribute, get the siblings\n // and position of the element (relative to the current element).\n if (domPathProps[\"data-trackable\"]) {\n domPathProps = Object.assign(\n domPathProps,\n getSiblingsAndPosition(el, originalEl, selector)\n );\n }\n\n trace.push(domPathProps);\n\n const contextProps = getContextProps(attrs, props, el === originalEl);\n\n assignIfUndefined(contextProps, customContext);\n\n el = el.parentNode as Element;\n }\n return { trace, customContext };\n}\n","import Delegate from \"ftdomdelegate/main\";\n\nimport {\n sanitise,\n assignIfUndefined,\n} from \"@financial-times/o-tracking/src/javascript/utils\";\nimport { Logger } from \"./logger\";\nimport { getTrace } from \"./get-trace\";\n\nconst eventPropertiesToCollect = [\"ctrlKey\", \"altKey\", \"shiftKey\", \"metaKey\"];\n\nclass Tracking {\n cccId: string;\n cccName: string;\n subtype: string;\n teamName: string;\n shadowRoot: ShadowRoot | null;\n category: string;\n elements: string | string[];\n isInitialised: boolean;\n log: Logger;\n\n constructor({\n id = \"00000000-0000-0000-0000-000000000000\",\n name = \"ccc-component\",\n subtype = \"interactive\",\n teamName = \"djd\",\n shadowRoot = null,\n category = \"cta\",\n elements = 'a, button, input, [role=\"button\"]',\n logger,\n }: {\n id?: string;\n name: string;\n subtype: string;\n teamName?: string;\n shadowRoot: ShadowRoot | null;\n category?: string;\n elements?: string | string[];\n logger: Logger;\n }) {\n this.cccId = id;\n this.cccName = name;\n this.subtype = subtype;\n this.teamName = teamName;\n this.shadowRoot = shadowRoot;\n this.category = category;\n this.elements = elements;\n this.isInitialised = false;\n this.log = logger ?? new Logger();\n }\n\n // Get properties for the event (as opposed to properties of the clicked element)\n getEventProperties(event: any) {\n const eventProperties: { [k: string]: any } = {};\n for (const property of eventPropertiesToCollect) {\n if (event[property]) {\n try {\n eventProperties[property] = sanitise(event[property]);\n } catch (e) {\n this.log.info(e);\n }\n }\n }\n return eventProperties;\n }\n\n // Controller for handling click events\n handleClickEvent(\n eventData: { action: string; category: string },\n root: Element\n ) {\n return (clickEvent: Event, clickElement: HTMLElement) => {\n const context: any = this.getEventProperties(clickEvent);\n const { trace, customContext } = getTrace(clickElement, root);\n context.custom =\n clickElement.dataset && clickElement.dataset.custom\n ? JSON.parse(clickElement.dataset.custom)\n : null;\n context.domPathTokens = trace;\n context.component = {\n id: this.cccId,\n name: this.cccName,\n type: \"custom-code-component\",\n subtype: this.subtype,\n };\n context.teamName = this.teamName;\n context.url = document.URL;\n\n assignIfUndefined(customContext, context);\n\n context.method = \"ftCustomAnalytics\";\n eventData = { ...eventData, ...context };\n\n // send spoor event\n document.body.dispatchEvent(\n new CustomEvent(\"oTracking.event\", {\n detail: eventData,\n bubbles: true,\n composed: true,\n })\n );\n };\n }\n\n sendSpoorEvent(triggerAction: any, extraDetail: any) {\n const eventData = {\n category: \"component\",\n action: \"act\",\n component: {\n id: this.cccId,\n name: this.cccName,\n type: \"custom-code-component\",\n subtype: this.subtype,\n },\n teamName: this.teamName,\n trigger_action: triggerAction,\n custom: extraDetail,\n method: \"ftCustomAnalytics\",\n };\n\n // send spoor event\n document.body.dispatchEvent(\n new CustomEvent(\"oTracking.event\", {\n detail: eventData,\n bubbles: true,\n composed: true,\n })\n );\n }\n\n init(id: string) {\n if (!this.isInitialised) {\n this.isInitialised = true;\n this.cccId = id ? id : this.cccId;\n\n const eventData = {\n action: \"click\",\n category: this.category,\n };\n\n const root = this.shadowRoot?.querySelector(\"[data-component-root]\");\n\n if (root) {\n const shadowDelegate = new Delegate(root);\n shadowDelegate.on(\n \"click\",\n this.elements,\n this.handleClickEvent(eventData, root),\n true\n );\n }\n }\n }\n}\n\nexport default Tracking;\n","import { CCCError } from \"./errors\";\n\nexport type ComponentPathType = {\n org: string;\n repo: string;\n name: string;\n versionRange: string;\n};\nexport class ComponentPath {\n org: string = \"local\";\n repo: string = \"dev\";\n name: string;\n versionRange: string;\n\n constructor(path?: ComponentPathType | string) {\n const { org, repo, name, versionRange } = isValidComponentPathObject(path)\n ? path\n : ComponentPath.fromString(path);\n if (org) this.org = org;\n if (repo) this.repo = repo;\n this.name = name;\n this.versionRange = versionRange;\n }\n\n set path(path: ComponentPathType | string) {\n const { org, repo, name, versionRange } = isValidComponentPathObject(path)\n ? path\n : ComponentPath.fromString(path);\n this.org = org;\n this.repo = repo;\n this.name = name;\n this.versionRange = versionRange;\n }\n\n get path(): string {\n return `${this.org}/${this.repo}@${this.versionRange}/${this.name}`;\n }\n\n get isValid(): boolean {\n return [this.org, this.repo, this.name].every(\n (value) => value !== \"unknown\"\n );\n }\n\n toString(): string {\n return this.path;\n }\n\n static fromString(p?: string | null, v?: string | null): ComponentPath {\n const path = p ?? \"unknown/unknown/unknown\";\n\n const [name, repo, org] = path\n .replace(/@[^\\/]+/, \"\")\n .split(\"/\")\n .reverse();\n\n const versionRange =\n v ??\n path\n .match(/@[^\\/]+/)\n ?.toString()\n .replace(\"@\", \"\") ??\n \"unknown\";\n\n if (repo && !versionRange) throw new CCCError(\"No version specified\");\n\n return new ComponentPath({ org, repo, name, versionRange });\n }\n}\n\nexport type DetailType = {\n component: ComponentPath;\n source?: string;\n cause?: string;\n error?: Error;\n};\n\nexport function isValidComponentPathObject(\n value: unknown\n): value is ComponentPathType {\n if (typeof value === \"object\" && value !== null) {\n return \"org\" in value && \"repo\" in value && \"name\" in value;\n }\n\n return false;\n}\n","/**\n * This is the base CCC component error class. These are raised when the component being loaded errors\n */\n\nimport { ComponentPath, DetailType, isValidComponentPathObject } from \"./path\";\n\nexport class CCCError extends Error {\n component: ComponentPath | null;\n source?: string;\n errors?: Error[];\n constructor(message: string | null, detail?: DetailType) {\n if (!detail && message) {\n super(message);\n this.component = null;\n } else if (typeof detail?.component === \"string\") {\n super(\n message ??\n `${detail.cause ?? \"Unknown error\"} in ${detail.component} imported from ${detail.source ?? \"an undefined source\"}.`\n );\n\n this.component = ComponentPath.fromString(detail.component);\n } else if (isValidComponentPathObject(detail?.component)) {\n super(\n message ??\n `${detail.cause ?? \"Unknown error\"} in ${detail.component.org}/${detail.component.repo}/${detail.component.name}@${detail.component.versionRange} imported from ${detail.source ?? \"an undefined source\"}.`\n );\n this.component = new ComponentPath(detail.component);\n } else {\n super(\n `${detail?.cause ?? \"Unknown error\"} in unknown component imported from ${detail?.source ?? \"unknown source\"}.`\n );\n this.component = null;\n }\n\n this.source = detail?.source ?? \"unknown source\";\n this.errors = [];\n if (detail?.error) {\n this.errors?.push(detail?.error);\n }\n if (Error.captureStackTrace) {\n // Maintains proper stack trace for where our error was thrown (only available on V8)\n Error.captureStackTrace(this, CCCError);\n }\n\n this.name = \"CCCError\";\n }\n}\n\n/**\n * This class is used to raise errors that occur during the import of the CCC component app\n */\nexport class CCCImportError extends CCCError {\n constructor(message: string, detail: DetailType) {\n super(message, { ...detail, cause: \"Import error\" });\n this.name = \"CCCImportError\";\n }\n}\n\n/**\n * This class is used to raise errors that occur during the rendering of the CCC component app\n */\nexport class CCCRenderError extends CCCError {\n constructor(message: string, detail: DetailType) {\n super(message, { ...detail, cause: \"Render error\" });\n this.name = \"CCCRenderError\";\n }\n}\n\n/**\n * This class is used to raise errors that occur as a result of the CCC component app timing out\n */\nexport class CCCTimeoutError extends CCCError {\n constructor(detail: DetailType) {\n super(null, { ...detail, cause: \"Timeout error\" });\n this.name = \"CCCTimeoutError\";\n }\n}\n","import { ComponentPath } from \"./path\";\n\nexport class CCCEvent extends Event {\n component: ComponentPath;\n source?: string;\n static eventType = \"ccc:event\";\n\n constructor(\n eventType: string = CCCEvent.eventType,\n detail: { component: ComponentPath; source?: string },\n opts?: EventInit\n ) {\n super(eventType, {\n bubbles: true,\n cancelable: false,\n composed: true,\n ...opts,\n });\n this.component = detail.component;\n this.source = detail.source;\n }\n}\n\nexport class CCCConnectedEvent extends CCCEvent {\n static eventType = \"ccc:connected\";\n\n constructor(\n detail: { component: ComponentPath; source?: string },\n opts?: EventInit\n ) {\n super(CCCConnectedEvent.eventType, detail, opts);\n }\n}\n\nexport class CCCReadyEvent extends CCCEvent {\n static eventType = \"ccc:ready\";\n\n constructor(\n detail: { component: ComponentPath; source?: string },\n opts?: EventInit\n ) {\n super(CCCReadyEvent.eventType, detail, opts);\n }\n}\n\nexport class CCCViewportEvent extends CCCEvent {\n static eventType = \"ccc:viewport\";\n intersecting = false;\n entry?: IntersectionObserverEntry;\n\n constructor(\n detail: {\n component: ComponentPath;\n source?: string;\n intersecting: boolean;\n entry?: IntersectionObserverEntry;\n },\n opts?: EventInit\n ) {\n super(CCCViewportEvent.eventType, detail, opts);\n this.intersecting = detail.intersecting;\n this.entry = detail.entry;\n }\n}\n","/**\n * Used to convert camelCase to kebab-case\n * @param str\n * @returns\n */\nexport const kebabize = (str: string) =>\n str.replace(\n /[A-Z]+(?![a-z])|[A-Z]/g,\n ($, ofs) => (ofs ? \"-\" : \"\") + $.toLowerCase()\n );\n\n/**\n * Checks if the provided host is part of the allowed test environments.\n *\n * @param host - The hostname to check.\n * @returns True if the hostname is a safe test environment, false otherwise.\n */\nexport function isSafeTestEnv(host: string | undefined) {\n return isAllowed([\n 'localhost',\n 'local.ft.com',\n /^.*\\.apps\\.in\\.ft\\.com$/,\n ], host);\n}\n\n/**\n * Checks if the current window location hostname is considered a local environment.\n *\n * @returns True if the hostname is local, false otherwise.\n */\nexport function isLocalEnv() {\n return isAllowed([\n 'localhost',\n 'local.ft.com',\n /^.*\\.in\\.ft\\.com$/,\n ], window.location.hostname);\n}\n\n/**\n * Checks if the current window location host is one of the Spark environments.\n *\n * @returns True if the host is spark.ft.com or spark-staging.ft.com, false otherwise.\n */\nexport function isSparkEnv() {\n return isAllowed([\n 'spark.ft.com',\n 'spark-staging.ft.com',\n ], window.location.host);\n}\n\n/**\n * Checks if the given hostname is in the provided allowlist.\n *\n * @param allowlist - A list of allowed hostnames or RegExp matchers.\n * @param hostname - The hostname to validate.\n * @returns True if the hostname matches any item in the allowlist, false otherwise.\n */\nexport function isAllowed(allowlist: (string|RegExp)[], hostname: string | undefined) {\n if (!hostname) return false;\n return allowlist.some(item => {\n if (typeof item === 'string') {\n return item === hostname;\n }\n return item.test(hostname);\n });\n} \n","import { isLocalEnv, isSafeTestEnv, isSparkEnv } from \"./util\";\n\n/**\n * Assigns a test URL based on the provided testEnv value.\n *\n * @param testEnv - A string indicating test environment setting\n * @returns A `URL` object if valid and safe, or `undefined` if invalid.\n */\nexport function assignTestURL(testEnv: string | null): URL | undefined {\n if (testEnv === null) {\n return;\n }\n\n let testUrl;\n const defaultTestUrl = new URL(\"http://localhost:5173\");\n\n try {\n if (typeof testEnv === \"string\") {\n if (\n (testEnv === \"\" || testEnv.toLowerCase() === \"true\") &&\n isLocalEnv()\n ) {\n testUrl = defaultTestUrl;\n } else {\n const hasProtocol =\n testEnv.startsWith(\"http://\") || testEnv.startsWith(\"https://\");\n testUrl = hasProtocol ? new URL(testEnv) : undefined;\n\n // Prevent script injection\n if (testUrl && !isSafeTestEnv(testUrl?.hostname)) {\n throw new Error(\"Unsafe testing host override\");\n }\n }\n } else if (isSparkEnv()) {\n testUrl = defaultTestUrl;\n }\n } catch (_) {\n return testUrl;\n }\n\n return testUrl;\n}\n\n/**\n * Checks whether the given test component exists on local dev server\n *\n * @param testUrl - The test environment URL to check.\n * @returns A promise that resolves to true if Vite is running, false otherwise.\n */\nexport async function useComponentTestEnv(\n componentName: string,\n testUrl?: URL\n): Promise<boolean> {\n if (!testUrl) {\n return false;\n }\n\n const localDevOnline = fetch(\n new URL(`src/${componentName}/config.yaml`, testUrl),\n {\n method: \"HEAD\",\n }\n )\n .then(() => true)\n .catch(() => false);\n\n return localDevOnline;\n}\n","/**\n * @file\n * Main component definition for custom-code-component\n */\n\nimport type { ContentTree } from \"@financial-times/content-tree\";\nimport { BaseRenderer } from \"../../ccc-sdk/src/renderers/BaseRenderer\";\nimport Tracking from \"./tracking\";\nimport { convertStringLogLevel, Logger } from \"./logger\";\nimport {\n CCCError,\n CCCImportError,\n CCCRenderError,\n CCCTimeoutError,\n} from \"./errors\";\nimport { CCCConnectedEvent, CCCReadyEvent, CCCViewportEvent } from \"./events\";\nimport { ComponentPath } from \"./path\";\nimport { kebabize } from \"./util\";\nimport { assignTestURL, useComponentTestEnv } from \"./environment\";\nimport styles from \"./custom-code-component.css?inline\";\n\nexport class FTCustomCodeComponent extends HTMLElement {\n app?: typeof BaseRenderer.prototype.render;\n mode: \"closed\" | \"open\" = \"open\";\n RESERVED_ATTRS = new Set([\n \"iframe\",\n \"path\",\n \"version\",\n \"data-component-props\",\n \"data-asset-type\",\n \"shadow-open\",\n \"env\",\n \"load-timeout\",\n ]);\n\n source?: string;\n tracking?: Tracking;\n testUrl?: URL;\n component = new ComponentPath();\n\n log: Logger;\n\n observer = new IntersectionObserver((entries) => {\n entries.forEach((entry) => {\n this.dispatchEvent(\n new CCCViewportEvent({\n component: this.component,\n source: this.source,\n intersecting: entry.isIntersecting,\n entry,\n })\n );\n });\n });\n\n constructor() {\n super();\n this.log = new Logger({\n level: convertStringLogLevel(this.getAttribute(\"log\")),\n });\n\n const supportsDeclarative =\n HTMLElement.prototype.hasOwnProperty(\"attachInternals\");\n\n try {\n const internals = supportsDeclarative && this.attachInternals();\n } catch (e) {\n this.log.error(e);\n }\n }\n\n async connectedCallback() {\n try {\n const path = this.getAttribute(\"path\");\n const versionRange = this.getAttribute(\"version\");\n this.component = ComponentPath.fromString(path, versionRange);\n\n this.app = await this.load();\n await this.mount();\n await this.initTracking();\n } catch (e) {\n if (e instanceof Error) {\n requestAnimationFrame(() => {\n this.emitError(e);\n });\n }\n\n this.unmount(e as Error);\n }\n }\n\n emitError(error: Error) {\n console.debug(\"ccc#emitError\", error);\n if (error instanceof CCCError) {\n this.dispatchEvent(\n new ErrorEvent(\"ccc:error\", {\n bubbles: true,\n cancelable: false,\n composed: true,\n error,\n message: error.message,\n })\n );\n } else {\n // Wrap original error with generic CCC error class\n const wrappedError = new CCCError(error.message, {\n component: this.component,\n error: error,\n });\n\n this.dispatchEvent(\n new ErrorEvent(\"ccc:error\", {\n bubbles: true,\n cancelable: false,\n composed: true,\n error: wrappedError,\n message: wrappedError.message,\n })\n );\n }\n }\n\n disconnectedCallback() {\n const path = this.getAttribute(\"path\");\n this.log.info(`<custom-code-component:${path}> disconnected`);\n this.observer.disconnect();\n }\n\n channel = new MessageChannel();\n\n onmessage() {}\n\n onunmount(e: Error) {\n if (e instanceof Error) {\n const renderError = new CCCRenderError(e.message, {\n error: e,\n component: this.component,\n });\n requestAnimationFrame(() => {\n this.emitError(renderError);\n this.unmount(renderError);\n });\n }\n }\n\n async onready(app: Promise<void>) {\n try {\n await app;\n this.dispatchEvent(\n new CCCReadyEvent({\n component: this.component,\n source: this.source,\n })\n );\n\n this.dataset.cccReady = \"true\";\n delete this.dataset.cccError;\n\n this.observer.observe(this);\n } catch (e) {\n if (e instanceof Error) {\n const renderError = new CCCRenderError(e.message, {\n error: e,\n component: this.component,\n });\n requestAnimationFrame(() => {\n this.emitError(renderError);\n this.unmount(renderError);\n });\n }\n }\n }\n\n postMessage(event: any) {\n this.channel.port1.postMessage(event);\n }\n\n async mount(prerendered?: ShadowRoot | null) {\n try {\n this.mode =\n this.getAttribute(\"shadow-open\") == \"false\" ? \"closed\" : \"open\";\n if (this.component) {\n if (!this.app) {\n throw new Error(\"CCC mounted without App\");\n }\n\n const ssr = this.shadowRoot !== null;\n const shadow =\n this.shadowRoot ?? this.attachShadow({ mode: this.mode });\n\n this.dispatchEvent(\n new CCCConnectedEvent({\n component: this.component,\n source: this.source,\n })\n );\n // Add global CCC styles if not already present in shadow DOM.\n if (\n !shadow.querySelector('link[href~=\"custom-code-component.css\"]') &&\n !shadow.adoptedStyleSheets.length\n ) {\n if (!window.CCC_LAYOUT_STYLESHEET) {\n window.CCC_LAYOUT_STYLESHEET = new CSSStyleSheet();\n window.CCC_LAYOUT_STYLESHEET.replaceSync(styles);\n }\n shadow.adoptedStyleSheets = [window.CCC_LAYOUT_STYLESHEET];\n }\n\n if (!ssr) {\n const template = document.createElement(\"template\");\n template.innerHTML = \"<div data-component-root><slot></slot></div>\";\n this.appendChild(template);\n shadow.appendChild(template.content.cloneNode(true));\n }\n\n const data = JSON.parse(this.getAttribute(\"data-component-props\")!);\n\n const extraProps = Object.fromEntries(\n [...this.attributes]\n .filter(\n (attribute) =>\n !this.RESERVED_ATTRS.has(attribute.name) &&\n !attribute.name.startsWith(\"data-\")\n )\n .map((attribute) => [attribute.name, attribute.value])\n );\n\n // Create tracking instance\n this.tracking = new Tracking({\n name: this.component?.toString(),\n subtype: \"interactive\",\n teamName: \"djd\",\n shadowRoot: this.shadowRoot,\n logger: this.log,\n });\n\n if (!data && Object.keys(extraProps).length > 0) {\n this.log.warn(\n `CCC ${this.component.toString()}: passing component settings as webcomponent attributes is %cDEPRECATED`,\n \"font-weight: bold\",\n \" and will be removed in v3.\"\n );\n this.log.warn(\n `Please use the %cdata-component-props`,\n \"text-decoration: underline;\",\n \" attribute instead.\"\n );\n }\n\n const { onmessage, ready = Promise.resolve() } =\n this.app(\n shadow,\n {\n ...(data ?? extraProps),\n data: data ?? extraProps,\n port: this.channel.port2,\n tracking: this.tracking,\n prerendered: !!prerendered,\n children: this.children,\n },\n ssr,\n this.onunmount.bind(this)\n ) || {};\n\n if (onmessage) this.onmessage = onmessage;\n\n this.onready(ready);\n }\n } catch (err) {\n this.log.info(\n `<custom-code-component> uncaught error during mount from ${this.component?.toString()}`\n );\n this.log.error(err);\n\n throw err;\n }\n }\n\n // Called in top-level error handler\n // Replace shadow root with either <slot> or template[data-component-fallback]\n // slot on failure\n unmount(e: Error) {\n const template =\n this.querySelector<HTMLTemplateElement>(\n \"template[data-component-fallback]\"\n ) ?? this.querySelector<HTMLTemplateElement>(\"template\");\n\n if (template) {\n this.shadowRoot?.replaceChildren(template.content.cloneNode(true));\n }\n\n if (!this.dataset.cccError)\n this.dataset.cccError = kebabize(e.name.replace(\"CCC\", \"\"));\n\n delete this.dataset.cccReady;\n\n this.observer.disconnect();\n }\n\n async load() {\n if (!this.component.isValid) {\n throw new Error(\"No path found\");\n }\n const path = this.getAttribute(\"path\");\n const componentVersionRange = this.getAttribute(\"version\");\n const timeout = Number(this.getAttribute(\"load-timeout\") || 10000);\n const testEnv = this.getAttribute(\"test-env\");\n this.testUrl = assignTestURL(testEnv);\n const isTestEnv = await useComponentTestEnv(\n this.component.name,\n this.testUrl\n );\n\n // id querystring necessary to multiple allow components with the same source (same name and version number) to appear on the page correctly\n const id = this.getAttribute(\"id\");\n\n if (isTestEnv && this.testUrl) {\n this.injectViteScripts();\n }\n\n this.source = isTestEnv\n ? `${this.testUrl?.origin}/src/${this.component.name}/index.jsx?id=${id}`\n : `https://www.ft.com/__component/${this.component.org}/${this.component.repo}${\n componentVersionRange ? `@${componentVersionRange}` : \"@latest\"\n }/${this.component.name}/${this.component.name}.js?id=${id}`;\n\n try {\n return await new Promise<typeof BaseRenderer.prototype.render>(\n (resolve, reject) => {\n const to = setTimeout(() => {\n this.log.error(\"CCC import timeout error\");\n reject(\n new CCCTimeoutError({\n component: this.component!,\n source: this.source,\n })\n );\n }, Number(timeout));\n\n if (this.source) {\n import(/* webpackIgnore: true */ this.source /* @vite-ignore */)\n .then(({ default: componentRenderFunction }) => {\n if (componentRenderFunction) {\n clearTimeout(to);\n resolve(componentRenderFunction);\n } else\n throw new CCCImportError(\n \"No component renderer default export found\",\n {\n component: this.component!,\n source: this.source,\n }\n );\n })\n .catch((e) => {\n clearTimeout(to);\n this.log.error(e);\n if (e instanceof Error && !(e instanceof CCCImportError)) {\n reject(\n new CCCImportError(e.message, {\n component: this.component!,\n source: this.source,\n })\n );\n } else {\n reject(e);\n }\n });\n } else {\n clearTimeout(to);\n throw new CCCImportError(`Unable to mount ${path}`, {\n component: this.component!,\n source: this.source,\n });\n }\n }\n );\n } catch (err) {\n this.log.error(\n `<custom-code-component> error during import from ${path}@${componentVersionRange}`\n );\n\n throw err;\n }\n }\n\n initTracking = async () => {\n try {\n this.tracking?.init(this.id);\n } catch (e) {\n const path = this.getAttribute(\"path\");\n const componentVersionRange = this.getAttribute(\"version\");\n this.log.info(\n `Error initialising tracking on <custom-code-component> ${path}@${componentVersionRange}`\n );\n this.log.error(e);\n }\n };\n\n injectViteScripts = () => {\n if (document.querySelector('script[name=\"ccc-sdk-react-preamble\"]')) return;\n\n const preambleScript = document.createElement(\"script\");\n preambleScript.type = \"module\";\n preambleScript.setAttribute(\"name\", \"ccc-sdk-react-preamble\");\n\n preambleScript.textContent = `\n import RefreshRuntime from \"${this.testUrl?.origin}/@react-refresh\";\n RefreshRuntime.injectIntoGlobalHook(window);\n window.$RefreshReg$ = () => {};\n window.$RefreshSig$ = () => (type) => type;\n window.__vite_plugin_react_preamble_installed__ = true;\n `.trim();\n document.head.appendChild(preambleScript);\n\n const viteClientScript = document.createElement(\"script\");\n viteClientScript.type = \"module\";\n viteClientScript.src = `${this.testUrl?.origin}/@vite/client`;\n document.head.appendChild(viteClientScript);\n };\n}\n\nexport interface CustomCodeComponent extends ContentTree.Node {\n type: \"CustomCodeComponent\";\n path: string;\n versionRange: string;\n altText: string;\n lastModified: string;\n fallbackImage?: ContentTree.Image;\n displayFallbackText: boolean;\n layout: \"in-line\" | \"mid-grid\" | \"full-grid\" | \"full-bleed\";\n /* prettier-ignore */\n attributes: {\n [key: string]: string | boolean | undefined;\n } | { children?: CustomCodeComponent | Array<CustomCodeComponent> };\n}\n\nexport type { FTCustomCodeComponent as CCCHTMLElement };\n"],"names":["Delegate","root","listenerMap","eventType","selector","handler","useCapture","matcher","matcherParam","matchesTag","matchesId","matchesRoot","i","listener","listenerList","singleEventType","event","l","type","phase","returned","target","eventIgnore","toFire","ret","tagName","element","id","sanitise","str","assignIfUndefined","subject","prop","LogLevel","convertStringLogLevel","value","level","Logger","args","getSiblingsAndPosition","el","originalEl","siblings","position","item","elementPropertiesToCollect","getAllElementProperties","properties","property","parseRawValue","rawValue","parsedValue","getAttributeValue","isJSON","getDomPathProps","attrs","props","attribute","getContextProps","isOriginalEl","customProps","name","getTrace","rootEl","trace","customContext","domPathProps","contextProps","eventPropertiesToCollect","Tracking","subtype","teamName","shadowRoot","category","elements","logger","eventProperties","e","eventData","clickEvent","clickElement","context","triggerAction","extraDetail","_a","ComponentPath","path","org","repo","versionRange","isValidComponentPathObject","p","v","CCCError","message","detail","CCCImportError","CCCRenderError","CCCTimeoutError","_CCCEvent","opts","CCCEvent","_CCCConnectedEvent","CCCConnectedEvent","_CCCReadyEvent","CCCReadyEvent","_CCCViewportEvent","CCCViewportEvent","kebabize","$","ofs","isSafeTestEnv","host","isAllowed","isLocalEnv","isSparkEnv","allowlist","hostname","assignTestURL","testEnv","testUrl","defaultTestUrl","useComponentTestEnv","componentName","FTCustomCodeComponent","entries","entry","componentVersionRange","_b","preambleScript","viteClientScript","supportsDeclarative","internals","error","wrappedError","renderError","app","prerendered","ssr","shadow","styles","template","data","extraProps","onmessage","ready","err","timeout","isTestEnv","resolve","reject","to","componentRenderFunction"],"mappings":"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","x_google_ignoreList":[0,1]}
1
+ {"version":3,"file":"custom-element.js","sources":["../node_modules/ftdomdelegate/main.js","../../node_modules/@financial-times/o-tracking/src/javascript/utils.js","../src/logger.ts","../src/get-trace.ts","../src/tracking.ts","../src/path.ts","../src/errors.ts","../src/events.ts","../src/util.ts","../src/environment.ts","../src/custom-code-component.ts"],"sourcesContent":["/**\n * DOM event delegator\n *\n * The delegator will listen\n * for events that bubble up\n * to the root node.\n *\n * @constructor\n * @param {Node|string} [root] The root node or a selector string matching the root node\n */\nfunction Delegate(root) {\n\n\t/**\n\t * Maintain a map of listener\n\t * lists, keyed by event name.\n\t *\n\t * @type Object\n\t */\n\tthis.listenerMap = [{}, {}];\n\tif (root) {\n\t\tthis.root(root);\n\t}\n\n\t/** @type function() */\n\tthis.handle = Delegate.prototype.handle.bind(this);\n\n\t// Cache of event listeners removed during an event cycle\n\tthis._removedListeners = [];\n}\n\n/**\n * Start listening for events\n * on the provided DOM element\n *\n * @param {Node|string} [root] The root node or a selector string matching the root node\n * @returns {Delegate} This method is chainable\n */\nDelegate.prototype.root = function (root) {\n\tconst listenerMap = this.listenerMap;\n\tlet eventType;\n\n\t// Remove master event listeners\n\tif (this.rootElement) {\n\t\tfor (eventType in listenerMap[1]) {\n\t\t\tif (listenerMap[1].hasOwnProperty(eventType)) {\n\t\t\t\tthis.rootElement.removeEventListener(eventType, this.handle, true);\n\t\t\t}\n\t\t}\n\t\tfor (eventType in listenerMap[0]) {\n\t\t\tif (listenerMap[0].hasOwnProperty(eventType)) {\n\t\t\t\tthis.rootElement.removeEventListener(eventType, this.handle, false);\n\t\t\t}\n\t\t}\n\t}\n\n\t// If no root or root is not\n\t// a dom node, then remove internal\n\t// root reference and exit here\n\tif (!root || !root.addEventListener) {\n\t\tif (this.rootElement) {\n\t\t\tdelete this.rootElement;\n\t\t}\n\t\treturn this;\n\t}\n\n\t/**\n\t * The root node at which\n\t * listeners are attached.\n\t *\n\t * @type Node\n\t */\n\tthis.rootElement = root;\n\n\t// Set up master event listeners\n\tfor (eventType in listenerMap[1]) {\n\t\tif (listenerMap[1].hasOwnProperty(eventType)) {\n\t\t\tthis.rootElement.addEventListener(eventType, this.handle, true);\n\t\t}\n\t}\n\tfor (eventType in listenerMap[0]) {\n\t\tif (listenerMap[0].hasOwnProperty(eventType)) {\n\t\t\tthis.rootElement.addEventListener(eventType, this.handle, false);\n\t\t}\n\t}\n\n\treturn this;\n};\n\n/**\n * @param {string} eventType\n * @returns boolean\n */\nDelegate.prototype.captureForType = function (eventType) {\n\treturn ['blur', 'error', 'focus', 'load', 'resize', 'scroll'].indexOf(eventType) !== -1;\n};\n\n/**\n * Attach a handler to one\n * event for all elements\n * that match the selector,\n * now or in the future\n *\n * The handler function receives\n * three arguments: the DOM event\n * object, the node that matched\n * the selector while the event\n * was bubbling and a reference\n * to itself. Within the handler,\n * 'this' is equal to the second\n * argument.\n *\n * The node that actually received\n * the event can be accessed via\n * 'event.target'.\n *\n * @param {string} eventType Listen for these events\n * @param {string|undefined} selector Only handle events on elements matching this selector, if undefined match root element\n * @param {function()} handler Handler function - event data passed here will be in event.data\n * @param {boolean} [useCapture] see 'useCapture' in <https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener>\n * @returns {Delegate} This method is chainable\n */\nDelegate.prototype.on = function (eventType, selector, handler, useCapture) {\n\tlet root;\n\tlet listenerMap;\n\tlet matcher;\n\tlet matcherParam;\n\n\tif (!eventType) {\n\t\tthrow new TypeError('Invalid event type: ' + eventType);\n\t}\n\n\t// handler can be passed as\n\t// the second or third argument\n\tif (typeof selector === 'function') {\n\t\tuseCapture = handler;\n\t\thandler = selector;\n\t\tselector = null;\n\t}\n\n\t// Fallback to sensible defaults\n\t// if useCapture not set\n\tif (useCapture === undefined) {\n\t\tuseCapture = this.captureForType(eventType);\n\t}\n\n\tif (typeof handler !== 'function') {\n\t\tthrow new TypeError('Handler must be a type of Function');\n\t}\n\n\troot = this.rootElement;\n\tlistenerMap = this.listenerMap[useCapture ? 1 : 0];\n\n\t// Add master handler for type if not created yet\n\tif (!listenerMap[eventType]) {\n\t\tif (root) {\n\t\t\troot.addEventListener(eventType, this.handle, useCapture);\n\t\t}\n\t\tlistenerMap[eventType] = [];\n\t}\n\n\tif (!selector) {\n\t\tmatcherParam = null;\n\n\t\t// COMPLEX - matchesRoot needs to have access to\n\t\t// this.rootElement, so bind the function to this.\n\t\tmatcher = matchesRoot.bind(this);\n\n\t\t// Compile a matcher for the given selector\n\t} else if (/^[a-z]+$/i.test(selector)) {\n\t\tmatcherParam = selector;\n\t\tmatcher = matchesTag;\n\t} else if (/^#[a-z0-9\\-_]+$/i.test(selector)) {\n\t\tmatcherParam = selector.slice(1);\n\t\tmatcher = matchesId;\n\t} else {\n\t\tmatcherParam = selector;\n\t\tmatcher = Element.prototype.matches;\n\t}\n\n\t// Add to the list of listeners\n\tlistenerMap[eventType].push({\n\t\tselector: selector,\n\t\thandler: handler,\n\t\tmatcher: matcher,\n\t\tmatcherParam: matcherParam\n\t});\n\n\treturn this;\n};\n\n/**\n * Remove an event handler\n * for elements that match\n * the selector, forever\n *\n * @param {string} [eventType] Remove handlers for events matching this type, considering the other parameters\n * @param {string} [selector] If this parameter is omitted, only handlers which match the other two will be removed\n * @param {function()} [handler] If this parameter is omitted, only handlers which match the previous two will be removed\n * @returns {Delegate} This method is chainable\n */\nDelegate.prototype.off = function (eventType, selector, handler, useCapture) {\n\tlet i;\n\tlet listener;\n\tlet listenerMap;\n\tlet listenerList;\n\tlet singleEventType;\n\n\t// Handler can be passed as\n\t// the second or third argument\n\tif (typeof selector === 'function') {\n\t\tuseCapture = handler;\n\t\thandler = selector;\n\t\tselector = null;\n\t}\n\n\t// If useCapture not set, remove\n\t// all event listeners\n\tif (useCapture === undefined) {\n\t\tthis.off(eventType, selector, handler, true);\n\t\tthis.off(eventType, selector, handler, false);\n\t\treturn this;\n\t}\n\n\tlistenerMap = this.listenerMap[useCapture ? 1 : 0];\n\tif (!eventType) {\n\t\tfor (singleEventType in listenerMap) {\n\t\t\tif (listenerMap.hasOwnProperty(singleEventType)) {\n\t\t\t\tthis.off(singleEventType, selector, handler);\n\t\t\t}\n\t\t}\n\n\t\treturn this;\n\t}\n\n\tlistenerList = listenerMap[eventType];\n\tif (!listenerList || !listenerList.length) {\n\t\treturn this;\n\t}\n\n\t// Remove only parameter matches\n\t// if specified\n\tfor (i = listenerList.length - 1; i >= 0; i--) {\n\t\tlistener = listenerList[i];\n\n\t\tif ((!selector || selector === listener.selector) && (!handler || handler === listener.handler)) {\n\t\t\tthis._removedListeners.push(listener);\n\t\t\tlistenerList.splice(i, 1);\n\t\t}\n\t}\n\n\t// All listeners removed\n\tif (!listenerList.length) {\n\t\tdelete listenerMap[eventType];\n\n\t\t// Remove the main handler\n\t\tif (this.rootElement) {\n\t\t\tthis.rootElement.removeEventListener(eventType, this.handle, useCapture);\n\t\t}\n\t}\n\n\treturn this;\n};\n\n\n/**\n * Handle an arbitrary event.\n *\n * @param {Event} event\n */\nDelegate.prototype.handle = function (event) {\n\tlet i;\n\tlet l;\n\tconst type = event.type;\n\tlet root;\n\tlet phase;\n\tlet listener;\n\tlet returned;\n\tlet listenerList = [];\n\tlet target;\n\tconst eventIgnore = 'ftLabsDelegateIgnore';\n\n\tif (event[eventIgnore] === true) {\n\t\treturn;\n\t}\n\n\ttarget = event.target;\n\n\t// Hardcode value of Node.TEXT_NODE\n\t// as not defined in IE8\n\tif (target.nodeType === 3) {\n\t\ttarget = target.parentNode;\n\t}\n\n\t// Handle SVG <use> elements in IE\n\tif (target.correspondingUseElement) {\n\t\ttarget = target.correspondingUseElement;\n\t}\n\n\troot = this.rootElement;\n\n\tphase = event.eventPhase || (event.target !== event.currentTarget ? 3 : 2);\n\n\t// eslint-disable-next-line default-case\n\tswitch (phase) {\n\t\tcase 1: //Event.CAPTURING_PHASE:\n\t\t\tlistenerList = this.listenerMap[1][type];\n\t\t\tbreak;\n\t\tcase 2: //Event.AT_TARGET:\n\t\t\tif (this.listenerMap[0] && this.listenerMap[0][type]) {\n\t\t\t\tlistenerList = listenerList.concat(this.listenerMap[0][type]);\n\t\t\t}\n\t\t\tif (this.listenerMap[1] && this.listenerMap[1][type]) {\n\t\t\t\tlistenerList = listenerList.concat(this.listenerMap[1][type]);\n\t\t\t}\n\t\t\tbreak;\n\t\tcase 3: //Event.BUBBLING_PHASE:\n\t\t\tlistenerList = this.listenerMap[0][type];\n\t\t\tbreak;\n\t}\n\n\tlet toFire = [];\n\n\t// Need to continuously check\n\t// that the specific list is\n\t// still populated in case one\n\t// of the callbacks actually\n\t// causes the list to be destroyed.\n\tl = listenerList.length;\n\twhile (target && l) {\n\t\tfor (i = 0; i < l; i++) {\n\t\t\tlistener = listenerList[i];\n\n\t\t\t// Bail from this loop if\n\t\t\t// the length changed and\n\t\t\t// no more listeners are\n\t\t\t// defined between i and l.\n\t\t\tif (!listener) {\n\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\ttarget.tagName &&\n\t\t\t\t[\"button\", \"input\", \"select\", \"textarea\"].indexOf(target.tagName.toLowerCase()) > -1 &&\n\t\t\t\ttarget.hasAttribute(\"disabled\")\n\t\t\t) {\n\t\t\t\t// Remove things that have previously fired\n\t\t\t\ttoFire = [];\n\t\t\t}\n\t\t\t// Check for match and fire\n\t\t\t// the event if there's one\n\t\t\t//\n\t\t\t// TODO:MCG:20120117: Need a way\n\t\t\t// to check if event#stopImmediatePropagation\n\t\t\t// was called. If so, break both loops.\n\t\t\telse if (listener.matcher.call(target, listener.matcherParam, target)) {\n\t\t\t\ttoFire.push([event, target, listener]);\n\t\t\t}\n\t\t}\n\n\t\t// TODO:MCG:20120117: Need a way to\n\t\t// check if event#stopPropagation\n\t\t// was called. If so, break looping\n\t\t// through the DOM. Stop if the\n\t\t// delegation root has been reached\n\t\tif (target === root) {\n\t\t\tbreak;\n\t\t}\n\n\t\tl = listenerList.length;\n\n\t\t// Fall back to parentNode since SVG children have no parentElement in IE\n\t\ttarget = target.parentElement || target.parentNode;\n\n\t\t// Do not traverse up to document root when using parentNode, though\n\t\tif (target instanceof HTMLDocument) {\n\t\t\tbreak;\n\t\t}\n\t}\n\n\tlet ret;\n\n\tfor (i = 0; i < toFire.length; i++) {\n\t\t// Has it been removed during while the event function was fired\n\t\tif (this._removedListeners.indexOf(toFire[i][2]) > -1) {\n\t\t\tcontinue;\n\t\t}\n\t\treturned = this.fire.apply(this, toFire[i]);\n\n\t\t// Stop propagation to subsequent\n\t\t// callbacks if the callback returned\n\t\t// false\n\t\tif (returned === false) {\n\t\t\ttoFire[i][0][eventIgnore] = true;\n\t\t\ttoFire[i][0].preventDefault();\n\t\t\tret = false;\n\t\t\tbreak;\n\t\t}\n\t}\n\n\treturn ret;\n};\n\n/**\n * Fire a listener on a target.\n *\n * @param {Event} event\n * @param {Node} target\n * @param {Object} listener\n * @returns {boolean}\n */\nDelegate.prototype.fire = function (event, target, listener) {\n\treturn listener.handler.call(target, event, target);\n};\n\n/**\n * Check whether an element\n * matches a tag selector.\n *\n * Tags are NOT case-sensitive,\n * except in XML (and XML-based\n * languages such as XHTML).\n *\n * @param {string} tagName The tag name to test against\n * @param {Element} element The element to test with\n * @returns boolean\n */\nfunction matchesTag(tagName, element) {\n\treturn tagName.toLowerCase() === element.tagName.toLowerCase();\n}\n\n/**\n * Check whether an element\n * matches the root.\n *\n * @param {?String} selector In this case this is always passed through as null and not used\n * @param {Element} element The element to test with\n * @returns boolean\n */\nfunction matchesRoot(selector, element) {\n\tif (this.rootElement === window) {\n\t\treturn (\n\t\t\t// Match the outer document (dispatched from document)\n\t\t\telement === document ||\n\t\t\t// The <html> element (dispatched from document.body or document.documentElement)\n\t\t\telement === document.documentElement ||\n\t\t\t// Or the window itself (dispatched from window)\n\t\t\telement === window\n\t\t);\n\t}\n\treturn this.rootElement === element;\n}\n\n/**\n * Check whether the ID of\n * the element in 'this'\n * matches the given ID.\n *\n * IDs are case-sensitive.\n *\n * @param {string} id The ID to test against\n * @param {Element} element The element to test with\n * @returns boolean\n */\nfunction matchesId(id, element) {\n\treturn id === element.id;\n}\n\n/**\n * Short hand for off()\n * and root(), ie both\n * with no parameters\n *\n * @return void\n */\nDelegate.prototype.destroy = function () {\n\tthis.off();\n\tthis.root();\n};\n\nexport default Delegate;\n","/**\n * Shared 'internal' scope.\n */\nimport {get} from './core/settings.js';\n\n/**\n * CUID Generator\n */\nimport {api as cuid} from '../libs/browser-cuid.js';\n\n/**\n * Record of callbacks to call when a page is tracked.\n */\nconst page_callbacks = [];\n\n/**\n * Log messages to the browser console. Requires 'log' to be set on init.\n *\n * @param {*} args items to log\n * @returns {void}\n */\nfunction log(...args) {\n\tif (get('config').test && window.console) {\n\t\tfor (const arg of args) {\n\t\t\twindow.console.log(arg);\n\t\t}\n\t}\n}\n\n/**\n * Creates a logging function that logs messages to the console with a specified namespace.\n *\n * @function namedLog\n * @param {string} namespace - The namespace to be prefixed to each log message.\n * @returns {function} A function that logs messages to the console with the given namespace if the configuration allows.\n *\n * @example\n * const log = namedLog('MyNamespace');\n * log('This is a message'); \n * // Output: [MyNamespace]: This is a message\n */\nfunction namedLog(namespace) {\n\treturn function(...args) {\n\t\tif(get('config').test && window.console) {\n\t\t\twindow.console.log(`%c[${namespace}]:`, 'color: teal', ...args)\n\t\t}\n\t}\n}\n\n/**\n * Tests if variable is a certain type. Defaults to check for undefined if no type specified.\n *\n * @param {*} variable - The variable to check.\n * @param {string=} type - The type to test for. Defaults to undefined.\n *\n * @returns {boolean} - The answer for if the variable is of type.\n */\nfunction is(variable, type = 'undefined') {\n\treturn typeof variable === type;\n}\n\n/**\n * Merge objects together. Will remove undefined and null values.\n *\n * @param {object} target - The original object to merge in to.\n * @param {object} options - The object to merge into the target. If omitted, will merge target into a new empty Object.\n *\n * @returns {object} The merged object.\n */\nfunction merge(target, options) {\n\tif (!options) {\n\t\toptions = target;\n\t\ttarget = {};\n\t}\n\n\tlet name;\n\tlet src;\n\tlet copy;\n\n\t/* jshint -W089 */\n\t/* eslint guard-for-in: 0 */\n\tfor (name in options) {\n\t\tsrc = target[name];\n\t\tcopy = options[name];\n\n\t\t// Prevent never-ending loop\n\t\tif (target === copy) {\n\t\t\tcontinue;\n\t\t}\n\n\t\t// Gets rid of missing values too\n\t\tif (typeof copy !== 'undefined' && copy !== null) {\n\t\t\ttarget[name] = src === Object(src) && !is(src, 'function') ? merge(src, copy) : copy;\n\t\t}\n\t}\n\t/* jshint +W089 */\n\t/* jslint forin:true */\n\n\treturn target;\n}\n\n/**\n * URL encode a string.\n *\n * @param {string} str - The string to be encoded.\n * @returns {string} The encoded string.\n */\nfunction encode(str) {\n\tif (window.encodeURIComponent) {\n\t\treturn window.encodeURIComponent(str);\n\t} else {\n\t\treturn window.escape(str);\n\t}\n}\n\n/**\n * URL decode a string.\n *\n * @param {string} str - The string to be decoded.\n * @returns {string} The decoded string.\n */\nfunction decode(str) {\n\tif (window.decodeURIComponent) {\n\t\treturn window.decodeURIComponent(str);\n\t} else {\n\t\treturn window.unescape(str);\n\t}\n}\n\n/**\n * Utility to add event listeners.\n *\n * @param {Element} element\n * @param {string} event\n * @param {EventListenerOrEventListenerObject} listener\n * @returns {void}\n */\nfunction addEvent(element, event, listener) {\n\tif (element.addEventListener) {\n\t\telement.addEventListener(event, listener, false);\n\t} else {\n\t\telement.attachEvent('on' + event, listener);\n\t}\n}\n\n/**\n * Utility for dispatching custom events from window\n *\n * @param {string} namespace\n * @param {string} eventType\n * @param {object} detail\n * @returns {void}\n */\nfunction broadcast(namespace, eventType, detail) {\n\tdetail = detail || {};\n\ttry {\n\t\twindow.dispatchEvent(new CustomEvent(namespace + '.' + eventType, {\n\t\t\tdetail: detail,\n\t\t\tbubbles: true\n\t\t}));\n\t} catch (error) {\n\t\t// empty\n\t}\n}\n\n/**\n * Listen for page tracking requests.\n *\n * @param {Function} cb - The callback to be called whenever a page is tracked.\n * @returns {void}\n */\nfunction onPage(cb) {\n\tif (is(cb, 'function') && !page_callbacks.includes(cb)) {\n\t\tpage_callbacks.push(cb);\n\t}\n}\n\n/**\n * Trigger the 'page' listeners.\n *\n * @returns {void}\n */\nfunction triggerPage() {\n\tfor (let i = 0; i < page_callbacks.length; i++) {\n\t\tpage_callbacks[i]();\n\t}\n}\n\n/**\n * Get a value from document.cookie matching the first match of the regexp you supply\n *\n * @param {RegExp} matcher - The Regex to match with\n * @returns {string} - The vale from the cookie\n */\nfunction getValueFromCookie(matcher) {\n\treturn document.cookie.match(matcher) && RegExp.$1 !== '' && RegExp.$1 !== 'null' ? RegExp.$1 : null;\n}\n\n/**\n * Filter an object to only have the properties which are listed in the `allowlist` parameter.\n *\n * @param {object} objectToFilter - An object whose props need to be filtered\n * @param {Array} allowedPropertyNames - The list of props to allow\n * @returns {object} An object containing only the allowed props\n */\nfunction filterProperties (objectToFilter, allowedPropertyNames) {\n\tconst filteredObject = {};\n\tfor (const allowedName of allowedPropertyNames) {\n\t\tif (objectToFilter[allowedName]) {\n\t\t\tfilteredObject[allowedName] = objectToFilter[allowedName];\n\t\t}\n\t}\n\treturn filteredObject;\n}\n\n/**\n * Trim strings\n *\n * @param {string} str - The string to trim.\n * @returns {string} The trimmed string.\n */\nfunction sanitise (str) {\n\treturn typeof str === 'string' ? str.trim() : str;\n}\n\n/**\n * Assign the subject value if the target properties are undefined\n *\n * @param {object} subject - assign the value\n * @param {object} target - be assigned the value\n * @returns {void}\n */\nfunction assignIfUndefined (subject, target) {\n\tfor (const prop in subject) {\n\t\tif (!target[prop]) {\n\t\t\ttarget[prop] = subject[prop];\n\t\t} else {\n\t\t\t// eslint-disable-next-line no-console\n\t\t\tconsole.warn(`You can't set a custom property called ${prop}`);\n\t\t}\n\t}\n}\n\n\n/**\n * Identify circular references in 'object', and replace them with a string representation\n * of the reference. Returns a succesfully serialised JSON string, and a list of circular\n * references which were removed.\n * \n * Inspired by https://github.com/sindresorhus/safe-stringify and \n * https://github.com/sindresorhus/decircular\n *\n * @param {*} object The object we want to stringify, and search within for circular references\n * @returns {Object: {jsonString: string, warnings: array}} The stringified object, and a warnings for each circular reference which was removed\n */\nfunction removeCircularReferences(object) {\n\n\t// WeakMaps release memory when all references are garbage-collected\n\tconst circularReferences = new WeakMap();\n\tconst paths = new WeakMap();\n\n\tconst warnings = [];\n\n\tfunction getPathFragment(parent, key) {\n\t\tif (!key) {\n\t\t\treturn '$';\n\t\t}\n\n\t\tif (Array.isArray(parent)) {\n\t\t\treturn `[${key}]`;\n\t\t}\n\n\t\treturn `.${key}`;\n\t}\n\n\tfunction formatCircularReferencesWarning(references) {\n\t\tconst paths = references.map(path => '`' + path.join('') + '`');\n\t\treturn 'Circular reference between ' + paths.join(' AND ');\n\t}\n\n\tfunction replacer(key, value) {\n\t\t// Scalars don't need to be inspected as they can't contain circular references\n\t\tif (!(value !== null && typeof value === 'object')) {\n\t\t\treturn value\n\t\t}\n\n\t\t// Record the path from the root ($) to the current object (value)\n\t\t// in order to print helpful circular reference warnings.\n\t\tconst path = [...paths.get(this) || [], getPathFragment(this, key)];\n\t\tpaths.set(value, path);\n\n\t\t// If a reference to the current value is already in the list, we have\n\t\t// a circular reference. Add the current value to the list along with its path,\n\t\t// and return a useful error string rather than the unserialisable value.\n\t\tif (circularReferences.has(value)) {\n\t\t\tconst references = [...circularReferences.get(value), path];\n\t\t\tcircularReferences.set(value, references);\n\t\t\tconst warning = formatCircularReferencesWarning(references);\n\t\t\twarnings.push(warning);\n\t\t\treturn warning;\n\t\t}\n\n\t\t// This is the first time we've seen the current value in this branch \n\t\t// of the object. Record its path from the object root.\n\t\tcircularReferences.set(value, [path]);\n\n\t\t// Recurse into the value to proactively find circular references\n\t\t// before encountering a loop.\n\t\tconst newValue = Array.isArray(value) ? [] : {};\n\t\tfor (const [k, v] of Object.entries(value)) {\n\t\t\tnewValue[k] = replacer.call(value, k, v);\n\t\t}\n\n\t\t// All circular references to this object will have been identified,\n\t\t// so remove it from the list.\n\t\tcircularReferences.delete(value);\n\n\t\t// This branch of the object can now be safely serialised to a JSON string\n\t\treturn newValue;\n\t}\n\n\tconst jsonString = JSON.stringify(object, replacer);\n\treturn {jsonString, warnings};\n}\n\n\n/**\n * Stringify an object to JSON, removing any circular references. When circular references\n * are found, an error is thrown in a new event loop so that global error handlers can report it.\n *\n * @param {*} object The object we want to stringify, and search within for circular references\n * @returns {string} The safely stringified JSON string\n */\nfunction safelyStringifyJson(object) {\n\n\t// JSON.stringify throws on two cases:\n\t// - value contains a circular reference\n\t// - A BigInt value is encountered\n\t// Circular references are a real possibility in the way o-tracking is called (and saves a queue of \n\t// messages in a store), so we need to handle those gracefully.\n\t// \n\t// However, for performance reasons, we always attempt to do a basic JSON.stringify() first. The \n\t// recursion involved in removeCircularReferences() makes it about 20x slower to stringify a basic payload. \n\t// This performance hit will be exacerbated on slow devices (e.g. old Android phones) with lots of queued offline events.\n\ttry {\n\t\treturn JSON.stringify(object);\n\n\t// NB: error is discarded - we have more work to do in order to throw a useful message\n\t} catch (error) {\n\t\n\t\tconst {jsonString, warnings} = removeCircularReferences(object);\n\t\n\t\tif (warnings.length) {\n\t\t\t// Throw in a new event loop, as we always want to return JSON so the tracking payload is sent\n\t\t\tsetTimeout(() => {\n\t\t\t\tconst errorMessage = \"AssertionError: o-tracking does not support circular references in the analytics data.\\n\" +\n\t\t\t\t\"Please remove the circular references in the data.\\n\" +\n\t\t\t\t\"Here are the paths in the data which are circular:\\n\" +\n\t\t\t\twarnings.join('\\n');\n\t\t\t\tthrow new Error(errorMessage);\n\t\t\t});\n\t\t}\n\t\n\t\treturn jsonString;\n\t}\n\n\n};\n\n/**\n * Find out whether two objects are deeply equal to each other.\n *\n * @param {*} a\n * @param {*} b\n * @returns {boolean} - true if the two arguments are deeply equal\n */\nfunction isDeepEqual(a, b) {\n\tif (a === b) {\n\t\treturn true;\n\t}\n\n\tif (\n\t\ta &&\n\t\tb &&\n\t\ttypeof a === \"object\" &&\n\t\ttypeof b === \"object\"\n\t) {\n\t\tif (a.constructor !== b.constructor) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif (Array.isArray(a)) {\n\t\t\tconst length = a.length;\n\t\t\tif (length !== b.length) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\tfor (let i = length; i-- !== 0; ) {\n\t\t\t\tif (!isDeepEqual(a[i], b[i])) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn true;\n\t\t}\n\n\t\tif (a.constructor === RegExp) {\n\t\t\treturn (\n\t\t\t\ta.source === b.source && a.flags === b.flags\n\t\t\t);\n\t\t}\n\t\tif (a.valueOf !== Object.prototype.valueOf) {\n\t\t\treturn a.valueOf() === b.valueOf();\n\t\t}\n\t\tif (a.toString !== Object.prototype.toString) {\n\t\t\treturn a.toString() === b.toString();\n\t\t}\n\n\t\tconst keys = Object.keys(a);\n\t\tconst length = keys.length;\n\t\tif (length !== Object.keys(b).length) {\n\t\t\treturn false;\n\t\t}\n\n\t\tfor (let i = length; i-- !== 0; ) {\n\t\t\tif (!Object.prototype.hasOwnProperty.call(b, keys[i])) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\n\t\tfor (let i = length; i-- !== 0; ) {\n\t\t\tconst key = keys[i];\n\n\t\t\tif (!isDeepEqual(a[key], b[key])) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\n\t\treturn true;\n\t}\n}\n\nexport {\n\tlog,\n\tnamedLog,\n\tis,\n\tis as isUndefined,\n\tmerge,\n\tencode,\n\tdecode,\n\tcuid as guid,\n\taddEvent,\n\tbroadcast,\n\tonPage,\n\ttriggerPage,\n\tgetValueFromCookie,\n\tsanitise,\n\tassignIfUndefined,\n\tfilterProperties,\n\tremoveCircularReferences,\n\tsafelyStringifyJson,\n\tisDeepEqual\n};\n","export const LogLevel = Object.freeze({\n DEBUG: 0,\n INFO: 1,\n WARN: 2,\n ERROR: 3,\n TEST: 4,\n DEFAULT: 2,\n});\n\nexport function convertStringLogLevel(value: string | null) {\n const level = value?.toLowerCase();\n\n if (level === \"debug\") {\n return LogLevel.DEBUG;\n }\n\n if (level === \"info\") {\n return LogLevel.INFO;\n }\n\n if (level === \"warn\") {\n return LogLevel.WARN;\n }\n\n if (level === \"error\") {\n return LogLevel.ERROR;\n }\n\n if (level === \"test\") {\n return LogLevel.TEST;\n }\n\n return LogLevel.DEFAULT;\n}\n\nexport class Logger {\n level: number;\n constructor(\n { level = LogLevel.DEFAULT }: { level: number } = {\n level: LogLevel.DEFAULT,\n }\n ) {\n this.level = level;\n }\n\n debug(...args: any[]) {\n if (this.level <= LogLevel.DEBUG) {\n console.info(...args);\n }\n }\n\n log = this.debug;\n\n info(...args: any[]) {\n if (this.level <= LogLevel.INFO) {\n console.info(...args);\n }\n }\n\n warn(...args: any[]) {\n if (this.level <= LogLevel.WARN) {\n console.warn(...args);\n }\n }\n\n error(...args: any[]) {\n if (this.level <= LogLevel.ERROR) {\n console.error(...args);\n }\n }\n}\n","// Trace the element and all of its parents, collecting properties as we go\nimport {\n sanitise,\n assignIfUndefined,\n} from \"@financial-times/o-tracking/src/javascript/utils\";\n\ntype PropMap = { [k: string]: any };\n// For a given container element, get the number of elements that match the\n// original element (siblings); and the index of the original element (position).\nconst getSiblingsAndPosition = (\n el: Element | null,\n originalEl: Element,\n selector: string\n) => {\n const siblings = Array.from(el?.querySelectorAll(selector) ?? []);\n const position = siblings.findIndex((item) => item === originalEl);\n if (position === -1) {\n return;\n }\n return {\n siblings: siblings.length,\n position,\n };\n};\n\nconst elementPropertiesToCollect = [\n \"nodeName\",\n \"className\",\n \"id\",\n \"href\",\n \"text\",\n \"role\",\n];\n// Get all (sanitised) properties of a given element.\nconst getAllElementProperties = (element: any) => {\n const properties: PropMap = {};\n for (const property of elementPropertiesToCollect) {\n const value =\n element[property] ||\n element.getAttribute(property) ||\n element.hasAttribute(property);\n if (value !== undefined) {\n if (typeof value === \"boolean\") {\n properties[property] = value;\n } else {\n properties[property] = sanitise(value);\n }\n }\n }\n\n return properties;\n};\n\nconst parseRawValue = (rawValue: string) => {\n try {\n const parsedValue = JSON.parse(rawValue);\n const type = Object.prototype.toString.call(parsedValue);\n const isJSON = type === \"[object Object]\" || type === \"[object Array]\";\n\n return [isJSON, parsedValue];\n } catch (error) {\n return [false, null];\n }\n};\n\nconst getAttributeValue = (rawValue: string) => {\n const [isJSON, value] = parseRawValue(rawValue);\n\n return isJSON ? value : rawValue;\n};\n\n// Get some properties of a given element.\nconst getDomPathProps = (attrs: Attr[], props: PropMap) => {\n // Collect any attribute that matches given strings.\n attrs\n .filter((attribute) =>\n attribute.name.match(/^data-trackable|^data-o-|^aria-/i)\n )\n .forEach((attribute) => {\n props[attribute.name] = attribute.value;\n });\n\n return props;\n};\n\n// Get only the custom data-trackable-context-? properties of a given element\nconst getContextProps = (\n attrs: Attr[],\n props: PropMap,\n isOriginalEl: boolean\n) => {\n const customProps: { [k: string]: any } = {};\n\n // for the original element collect properties like className, nodeName\n if (isOriginalEl) {\n elementPropertiesToCollect.forEach((name) => {\n if (typeof props[name] !== \"undefined\" && name !== \"id\") {\n customProps[name] = props[name];\n }\n });\n }\n\n // Collect any attribute that matches given strings.\n attrs\n .filter((attribute) => attribute.name.match(/^data-trackable-context-/i))\n .forEach((attribute) => {\n customProps[attribute.name.replace(\"data-trackable-context-\", \"\")] =\n getAttributeValue(attribute.value);\n });\n\n return customProps;\n};\n\nexport function getTrace(el: Element, rootEl: Element) {\n const originalEl = el;\n const selector = originalEl?.getAttribute(\"data-trackable\")\n ? `[data-trackable=\"${originalEl.getAttribute(\"data-trackable\")}\"]`\n : originalEl?.nodeName;\n const trace = [];\n const customContext = {};\n while (el && el !== rootEl) {\n const props = getAllElementProperties(el);\n const attrs = Array.from(el.attributes);\n let domPathProps = getDomPathProps(attrs, props);\n\n // If the element happens to have a data-trackable attribute, get the siblings\n // and position of the element (relative to the current element).\n if (domPathProps[\"data-trackable\"]) {\n domPathProps = Object.assign(\n domPathProps,\n getSiblingsAndPosition(el, originalEl, selector)\n );\n }\n\n trace.push(domPathProps);\n\n const contextProps = getContextProps(attrs, props, el === originalEl);\n\n assignIfUndefined(contextProps, customContext);\n\n el = el.parentNode as Element;\n }\n return { trace, customContext };\n}\n","import Delegate from \"ftdomdelegate/main\";\n\nimport {\n sanitise,\n assignIfUndefined,\n} from \"@financial-times/o-tracking/src/javascript/utils\";\nimport { Logger } from \"./logger\";\nimport { getTrace } from \"./get-trace\";\n\nconst eventPropertiesToCollect = [\"ctrlKey\", \"altKey\", \"shiftKey\", \"metaKey\"];\n\nclass Tracking {\n cccId: string;\n cccName: string;\n subtype: string;\n teamName: string;\n shadowRoot: ShadowRoot | null;\n category: string;\n elements: string | string[];\n isInitialised: boolean;\n log: Logger;\n\n constructor({\n id = \"00000000-0000-0000-0000-000000000000\",\n name = \"ccc-component\",\n subtype = \"interactive\",\n teamName = \"djd\",\n shadowRoot = null,\n category = \"cta\",\n elements = 'a, button, input, [role=\"button\"]',\n logger,\n }: {\n id?: string;\n name: string;\n subtype: string;\n teamName?: string;\n shadowRoot: ShadowRoot | null;\n category?: string;\n elements?: string | string[];\n logger: Logger;\n }) {\n this.cccId = id;\n this.cccName = name;\n this.subtype = subtype;\n this.teamName = teamName;\n this.shadowRoot = shadowRoot;\n this.category = category;\n this.elements = elements;\n this.isInitialised = false;\n this.log = logger ?? new Logger();\n }\n\n // Get properties for the event (as opposed to properties of the clicked element)\n getEventProperties(event: any) {\n const eventProperties: { [k: string]: any } = {};\n for (const property of eventPropertiesToCollect) {\n if (event[property]) {\n try {\n eventProperties[property] = sanitise(event[property]);\n } catch (e) {\n this.log.info(e);\n }\n }\n }\n return eventProperties;\n }\n\n // Controller for handling click events\n handleClickEvent(\n eventData: { action: string; category: string },\n root: Element\n ) {\n return (clickEvent: Event, clickElement: HTMLElement) => {\n const context: any = this.getEventProperties(clickEvent);\n const { trace, customContext } = getTrace(clickElement, root);\n context.custom =\n clickElement.dataset && clickElement.dataset.custom\n ? JSON.parse(clickElement.dataset.custom)\n : null;\n context.domPathTokens = trace;\n context.component = {\n id: this.cccId,\n name: this.cccName,\n type: \"custom-code-component\",\n subtype: this.subtype,\n };\n context.teamName = this.teamName;\n context.url = document.URL;\n\n assignIfUndefined(customContext, context);\n\n context.method = \"ftCustomAnalytics\";\n eventData = { ...eventData, ...context };\n\n // send spoor event\n document.body.dispatchEvent(\n new CustomEvent(\"oTracking.event\", {\n detail: eventData,\n bubbles: true,\n composed: true,\n })\n );\n };\n }\n\n sendSpoorEvent(triggerAction: any, extraDetail: any) {\n const eventData = {\n category: \"component\",\n action: \"act\",\n component: {\n id: this.cccId,\n name: this.cccName,\n type: \"custom-code-component\",\n subtype: this.subtype,\n },\n teamName: this.teamName,\n trigger_action: triggerAction,\n custom: extraDetail,\n method: \"ftCustomAnalytics\",\n };\n\n // send spoor event\n document.body.dispatchEvent(\n new CustomEvent(\"oTracking.event\", {\n detail: eventData,\n bubbles: true,\n composed: true,\n })\n );\n }\n\n init(id: string) {\n if (!this.isInitialised) {\n this.isInitialised = true;\n this.cccId = id ? id : this.cccId;\n\n const eventData = {\n action: \"click\",\n category: this.category,\n };\n\n const root = this.shadowRoot?.querySelector(\"[data-component-root]\");\n\n if (root) {\n const shadowDelegate = new Delegate(root);\n shadowDelegate.on(\n \"click\",\n this.elements,\n this.handleClickEvent(eventData, root),\n true\n );\n }\n }\n }\n}\n\nexport default Tracking;\n","import { CCCError } from \"./errors\";\n\nexport type ComponentPathType = {\n org: string;\n repo: string;\n name: string;\n versionRange: string;\n};\nexport class ComponentPath {\n org: string = \"local\";\n repo: string = \"dev\";\n name: string;\n versionRange: string;\n\n constructor(path?: ComponentPathType | string) {\n const { org, repo, name, versionRange } = isValidComponentPathObject(path)\n ? path\n : ComponentPath.fromString(path);\n if (org) this.org = org;\n if (repo) this.repo = repo;\n this.name = name;\n this.versionRange = versionRange;\n }\n\n set path(path: ComponentPathType | string) {\n const { org, repo, name, versionRange } = isValidComponentPathObject(path)\n ? path\n : ComponentPath.fromString(path);\n this.org = org;\n this.repo = repo;\n this.name = name;\n this.versionRange = versionRange;\n }\n\n get path(): string {\n return `${this.org}/${this.repo}@${this.versionRange}/${this.name}`;\n }\n\n get isValid(): boolean {\n return [this.org, this.repo, this.name].every(\n (value) => value !== \"unknown\"\n );\n }\n\n toString(): string {\n return this.path;\n }\n\n static fromString(p?: string | null, v?: string | null): ComponentPath {\n const path = p ?? \"unknown/unknown/unknown\";\n\n const [name, repo, org] = path\n .replace(/@[^\\/]+/, \"\")\n .split(\"/\")\n .reverse();\n\n const versionRange =\n v ??\n path\n .match(/@[^\\/]+/)\n ?.toString()\n .replace(\"@\", \"\") ??\n \"unknown\";\n\n if (repo && !versionRange) throw new CCCError(\"No version specified\");\n\n return new ComponentPath({ org, repo, name, versionRange });\n }\n}\n\nexport type DetailType = {\n component: ComponentPath;\n source?: string;\n cause?: string;\n error?: Error;\n};\n\nexport function isValidComponentPathObject(\n value: unknown\n): value is ComponentPathType {\n if (typeof value === \"object\" && value !== null) {\n return \"org\" in value && \"repo\" in value && \"name\" in value;\n }\n\n return false;\n}\n","/**\n * This is the base CCC component error class. These are raised when the component being loaded errors\n */\n\nimport { ComponentPath, DetailType, isValidComponentPathObject } from \"./path\";\n\nexport class CCCError extends Error {\n component: ComponentPath | null;\n source?: string;\n errors?: Error[];\n constructor(message: string | null, detail?: DetailType) {\n if (!detail && message) {\n super(message);\n this.component = null;\n } else if (typeof detail?.component === \"string\") {\n super(\n message ??\n `${detail.cause ?? \"Unknown error\"} in ${detail.component} imported from ${detail.source ?? \"an undefined source\"}.`\n );\n\n this.component = ComponentPath.fromString(detail.component);\n } else if (isValidComponentPathObject(detail?.component)) {\n super(\n message ??\n `${detail.cause ?? \"Unknown error\"} in ${detail.component.org}/${detail.component.repo}/${detail.component.name}@${detail.component.versionRange} imported from ${detail.source ?? \"an undefined source\"}.`\n );\n this.component = new ComponentPath(detail.component);\n } else {\n super(\n `${detail?.cause ?? \"Unknown error\"} in unknown component imported from ${detail?.source ?? \"unknown source\"}.`\n );\n this.component = null;\n }\n\n this.source = detail?.source ?? \"unknown source\";\n this.errors = [];\n if (detail?.error) {\n this.errors?.push(detail?.error);\n }\n if (Error.captureStackTrace) {\n // Maintains proper stack trace for where our error was thrown (only available on V8)\n Error.captureStackTrace(this, CCCError);\n }\n\n this.name = \"CCCError\";\n }\n}\n\n/**\n * This class is used to raise errors that occur during the import of the CCC component app\n */\nexport class CCCImportError extends CCCError {\n constructor(message: string, detail: DetailType) {\n super(message, { ...detail, cause: \"Import error\" });\n this.name = \"CCCImportError\";\n }\n}\n\n/**\n * This class is used to raise errors that occur during the rendering of the CCC component app\n */\nexport class CCCRenderError extends CCCError {\n constructor(message: string, detail: DetailType) {\n super(message, { ...detail, cause: \"Render error\" });\n this.name = \"CCCRenderError\";\n }\n}\n\n/**\n * This class is used to raise errors that occur as a result of the CCC component app timing out\n */\nexport class CCCTimeoutError extends CCCError {\n constructor(detail: DetailType) {\n super(null, { ...detail, cause: \"Timeout error\" });\n this.name = \"CCCTimeoutError\";\n }\n}\n","import { ComponentPath } from \"./path\";\n\nexport class CCCEvent extends Event {\n component: ComponentPath;\n source?: string;\n static eventType = \"ccc:event\";\n\n constructor(\n eventType: string = CCCEvent.eventType,\n detail: { component: ComponentPath; source?: string },\n opts?: EventInit\n ) {\n super(eventType, {\n bubbles: true,\n cancelable: false,\n composed: true,\n ...opts,\n });\n this.component = detail.component;\n this.source = detail.source;\n }\n}\n\nexport class CCCConnectedEvent extends CCCEvent {\n static eventType = \"ccc:connected\";\n\n constructor(\n detail: { component: ComponentPath; source?: string },\n opts?: EventInit\n ) {\n super(CCCConnectedEvent.eventType, detail, opts);\n }\n}\n\nexport class CCCReadyEvent extends CCCEvent {\n static eventType = \"ccc:ready\";\n\n constructor(\n detail: { component: ComponentPath; source?: string },\n opts?: EventInit\n ) {\n super(CCCReadyEvent.eventType, detail, opts);\n }\n}\n\nexport class CCCViewportEvent extends CCCEvent {\n static eventType = \"ccc:viewport\";\n intersecting = false;\n entry?: IntersectionObserverEntry;\n\n constructor(\n detail: {\n component: ComponentPath;\n source?: string;\n intersecting: boolean;\n entry?: IntersectionObserverEntry;\n },\n opts?: EventInit\n ) {\n super(CCCViewportEvent.eventType, detail, opts);\n this.intersecting = detail.intersecting;\n this.entry = detail.entry;\n }\n}\n","/**\n * Used to convert camelCase to kebab-case\n * @param str\n * @returns\n */\nexport const kebabize = (str: string) =>\n str.replace(\n /[A-Z]+(?![a-z])|[A-Z]/g,\n ($, ofs) => (ofs ? \"-\" : \"\") + $.toLowerCase()\n );\n\n/**\n * Checks if the provided host is part of the allowed test environments.\n *\n * @param host - The hostname to check.\n * @returns True if the hostname is a safe test environment, false otherwise.\n */\nexport function isSafeTestEnv(host: string | undefined) {\n return isAllowed([\n 'localhost',\n 'local.ft.com',\n /^.*\\.apps\\.in\\.ft\\.com$/,\n ], host);\n}\n\n/**\n * Checks if the current window location hostname is considered a local environment.\n *\n * @returns True if the hostname is local, false otherwise.\n */\nexport function isLocalEnv() {\n return isAllowed([\n 'localhost',\n 'local.ft.com',\n /^.*\\.in\\.ft\\.com$/,\n ], window.location.hostname);\n}\n\n/**\n * Checks if the current window location host is one of the Spark environments.\n *\n * @returns True if the host is spark.ft.com or spark-staging.ft.com, false otherwise.\n */\nexport function isSparkEnv() {\n return isAllowed([\n 'spark.ft.com',\n 'spark-staging.ft.com',\n ], window.location.host);\n}\n\n/**\n * Checks if the given hostname is in the provided allowlist.\n *\n * @param allowlist - A list of allowed hostnames or RegExp matchers.\n * @param hostname - The hostname to validate.\n * @returns True if the hostname matches any item in the allowlist, false otherwise.\n */\nexport function isAllowed(allowlist: (string|RegExp)[], hostname: string | undefined) {\n if (!hostname) return false;\n return allowlist.some(item => {\n if (typeof item === 'string') {\n return item === hostname;\n }\n return item.test(hostname);\n });\n} \n","import { isLocalEnv, isSafeTestEnv, isSparkEnv } from \"./util\";\n\n/**\n * Assigns a test URL based on the provided testEnv value.\n *\n * @param testEnv - A string indicating test environment setting\n * @returns A `URL` object if valid and safe, or `undefined` if invalid.\n */\nexport function assignTestURL(testEnv: string | null): URL | undefined {\n if (testEnv === null) {\n return;\n }\n\n let testUrl;\n const defaultTestUrl = new URL(\"http://localhost:5173\");\n\n try {\n if (typeof testEnv === \"string\") {\n if (\n (testEnv === \"\" || testEnv.toLowerCase() === \"true\") &&\n isLocalEnv()\n ) {\n testUrl = defaultTestUrl;\n } else {\n const hasProtocol =\n testEnv.startsWith(\"http://\") || testEnv.startsWith(\"https://\");\n testUrl = hasProtocol ? new URL(testEnv) : undefined;\n\n // Prevent script injection\n if (testUrl && !isSafeTestEnv(testUrl?.hostname)) {\n throw new Error(\"Unsafe testing host override\");\n }\n }\n } else if (isSparkEnv()) {\n testUrl = defaultTestUrl;\n }\n } catch (_) {\n return testUrl;\n }\n\n return testUrl;\n}\n\n/**\n * Checks whether the given test component exists on local dev server\n *\n * @param testUrl - The test environment URL to check.\n * @returns A promise that resolves to true if Vite is running, false otherwise.\n */\nexport async function useComponentTestEnv(\n componentName: string,\n testUrl?: URL\n): Promise<boolean> {\n if (!testUrl) {\n return false;\n }\n\n const localDevOnline = fetch(\n new URL(`src/${componentName}/config.yaml`, testUrl),\n {\n method: \"HEAD\",\n }\n )\n .then(() => true)\n .catch(() => false);\n\n return localDevOnline;\n}\n","/**\n * @file\n * Main component definition for custom-code-component\n */\n\nimport type { ContentTree } from \"@financial-times/content-tree\";\nimport { BaseRenderer } from \"../../ccc-sdk/src/renderers/BaseRenderer\";\nimport Tracking from \"./tracking\";\nimport { convertStringLogLevel, Logger } from \"./logger\";\nimport {\n CCCError,\n CCCImportError,\n CCCRenderError,\n CCCTimeoutError,\n} from \"./errors\";\nimport { CCCConnectedEvent, CCCReadyEvent, CCCViewportEvent } from \"./events\";\nimport { ComponentPath } from \"./path\";\nimport { kebabize } from \"./util\";\nimport { assignTestURL, useComponentTestEnv } from \"./environment\";\nimport styles from \"./custom-code-component.css?inline\";\n\nexport class FTCustomCodeComponent extends HTMLElement {\n app?: typeof BaseRenderer.prototype.render;\n mode: \"closed\" | \"open\" = \"open\";\n RESERVED_ATTRS = new Set([\n \"iframe\",\n \"path\",\n \"version\",\n \"data-component-props\",\n \"data-asset-type\",\n \"shadow-open\",\n \"env\",\n \"load-timeout\",\n ]);\n\n source?: string;\n tracking?: Tracking;\n testUrl?: URL;\n component = new ComponentPath();\n\n log: Logger;\n\n observer = new IntersectionObserver((entries) => {\n entries.forEach((entry) => {\n this.dispatchEvent(\n new CCCViewportEvent({\n component: this.component,\n source: this.source,\n intersecting: entry.isIntersecting,\n entry,\n })\n );\n });\n });\n\n constructor() {\n console.debug('CCC: constructor called')\n super();\n this.log = new Logger({\n level: convertStringLogLevel(this.getAttribute(\"log\")),\n });\n\n const supportsDeclarative =\n HTMLElement.prototype.hasOwnProperty(\"attachInternals\");\n\n try {\n const internals = supportsDeclarative && this.attachInternals();\n } catch (e) {\n this.log.error(e);\n }\n }\n\n async connectedCallback() {\n console.debug('CCC: connectedCallback() 1 dataset:', this.dataset)\n\n if (this.dataset?.cccReady === 'true') {\n return;\n }\n try {\n const path = this.getAttribute(\"path\");\n const versionRange = this.getAttribute(\"version\");\n console.debug('CCC: before load connectedCallback() 2', { path, versionRange })\n this.component = ComponentPath.fromString(path, versionRange);\n\n this.app = await this.load();\n console.debug('CCC: after load connectedCallback() 3', { path, versionRange })\n \n await this.mount();\n await this.initTracking();\n } catch (e) {\n if (e instanceof Error) {\n requestAnimationFrame(() => {\n this.emitError(e);\n });\n }\n\n this.unmount(e as Error);\n }\n }\n\n emitError(error: Error) {\n console.debug(\"CCC: ccc#emitError\", error);\n if (error instanceof CCCError) {\n this.dispatchEvent(\n new ErrorEvent(\"ccc:error\", {\n bubbles: true,\n cancelable: false,\n composed: true,\n error,\n message: error.message,\n })\n );\n } else {\n // Wrap original error with generic CCC error class\n const wrappedError = new CCCError(error.message, {\n component: this.component,\n error: error,\n });\n\n this.dispatchEvent(\n new ErrorEvent(\"ccc:error\", {\n bubbles: true,\n cancelable: false,\n composed: true,\n error: wrappedError,\n message: wrappedError.message,\n })\n );\n }\n }\n\n disconnectedCallback() {\n const path = this.getAttribute(\"path\");\n console.debug('CCC: disconnectedCallback() called', { path })\n this.log.info(`<custom-code-component:${path}> disconnected`);\n this.observer.disconnect();\n // this.unmount(new Error('whatever'));\n }\n\n connectedMoveCallback() {\n console.debug('CCC: connectedMoveCallback() called')\n }\n\n channel = new MessageChannel();\n\n onmessage() {}\n\n onunmount(e: Error) {\n console.debug('CCC: onunmount()', { e })\n if (e instanceof Error) {\n const renderError = new CCCRenderError(e.message, {\n error: e,\n component: this.component,\n });\n requestAnimationFrame(() => {\n this.emitError(renderError);\n this.unmount(renderError);\n });\n }\n }\n\n async onready(app: Promise<void>) {\n try {\n console.debug('CCC: onready() 1 ')\n await app;\n console.debug('CCC: onready() 2')\n this.dispatchEvent(\n new CCCReadyEvent({\n component: this.component,\n source: this.source,\n })\n );\n\n this.dataset.cccReady = \"true\";\n delete this.dataset.cccError;\n\n this.observer.observe(this);\n } catch (e) {\n if (e instanceof Error) {\n const renderError = new CCCRenderError(e.message, {\n error: e,\n component: this.component,\n });\n requestAnimationFrame(() => {\n this.emitError(renderError);\n this.unmount(renderError);\n });\n }\n }\n }\n\n postMessage(event: any) {\n this.channel.port1.postMessage(event);\n }\n\n async mount(prerendered?: ShadowRoot | null) {\n try {\n console.debug('CCC: mount() ')\n this.mode =\n this.getAttribute(\"shadow-open\") == \"false\" ? \"closed\" : \"open\";\n if (this.component) {\n if (!this.app) {\n throw new Error(\"CCC mounted without App\");\n }\n\n const ssr = this.shadowRoot !== null;\n const shadow =\n this.shadowRoot ?? this.attachShadow({ mode: this.mode });\n\n this.dispatchEvent(\n new CCCConnectedEvent({\n component: this.component,\n source: this.source,\n })\n );\n // Add global CCC styles if not already present in shadow DOM.\n if (\n !shadow.querySelector('link[href~=\"custom-code-component.css\"]') &&\n !shadow.adoptedStyleSheets.length\n ) {\n if (!window.CCC_LAYOUT_STYLESHEET) {\n window.CCC_LAYOUT_STYLESHEET = new CSSStyleSheet();\n window.CCC_LAYOUT_STYLESHEET.replaceSync(styles);\n }\n shadow.adoptedStyleSheets = [window.CCC_LAYOUT_STYLESHEET];\n }\n\n if (!ssr) {\n const template = document.createElement(\"template\");\n template.innerHTML = \"<div data-component-root><slot></slot></div>\";\n this.appendChild(template);\n shadow.appendChild(template.content.cloneNode(true));\n }\n\n const data = JSON.parse(this.getAttribute(\"data-component-props\")!);\n\n const extraProps = Object.fromEntries(\n [...this.attributes]\n .filter(\n (attribute) =>\n !this.RESERVED_ATTRS.has(attribute.name) &&\n !attribute.name.startsWith(\"data-\")\n )\n .map((attribute) => [attribute.name, attribute.value])\n );\n\n // Create tracking instance\n this.tracking = new Tracking({\n name: this.component?.toString(),\n subtype: \"interactive\",\n teamName: \"djd\",\n shadowRoot: this.shadowRoot,\n logger: this.log,\n });\n\n if (!data && Object.keys(extraProps).length > 0) {\n this.log.warn(\n `CCC ${this.component.toString()}: passing component settings as webcomponent attributes is %cDEPRECATED`,\n \"font-weight: bold\",\n \" and will be removed in v3.\"\n );\n this.log.warn(\n `Please use the %cdata-component-props`,\n \"text-decoration: underline;\",\n \" attribute instead.\"\n );\n }\n\n const { onmessage, ready = Promise.resolve() } =\n this.app(\n shadow,\n {\n ...(data ?? extraProps),\n data: data ?? extraProps,\n port: this.channel.port2,\n tracking: this.tracking,\n prerendered: !!prerendered,\n children: this.children,\n },\n ssr,\n this.onunmount.bind(this)\n ) || {};\n\n if (onmessage) this.onmessage = onmessage;\n\n this.onready(ready);\n }\n } catch (err) {\n this.log.info(\n `<custom-code-component> uncaught error during mount from ${this.component?.toString()}`\n );\n this.log.error(err);\n\n throw err;\n }\n }\n\n // Called in top-level error handler\n // Replace shadow root with either <slot> or template[data-component-fallback]\n // slot on failure\n unmount(e: Error) {\n console.debug('CCC: unmount()', { error: e })\n const template =\n this.querySelector<HTMLTemplateElement>(\n \"template[data-component-fallback]\"\n ) ?? this.querySelector<HTMLTemplateElement>(\"template\");\n\n if (template) {\n this.shadowRoot?.replaceChildren(template.content.cloneNode(true));\n }\n\n if (!this.dataset.cccError)\n this.dataset.cccError = kebabize(e.name.replace(\"CCC\", \"\"));\n\n delete this.dataset.cccReady;\n\n this.observer.disconnect();\n }\n\n async load() {\n console.debug('CCC: load() 1')\n if (!this.component.isValid) {\n throw new Error(\"No path found\");\n }\n const path = this.getAttribute(\"path\");\n const componentVersionRange = this.getAttribute(\"version\");\n const timeout = Number(this.getAttribute(\"load-timeout\") || 10000);\n const testEnv = this.getAttribute(\"test-env\");\n this.testUrl = assignTestURL(testEnv);\n const isTestEnv = await useComponentTestEnv(\n this.component.name,\n this.testUrl\n );\n\n // id querystring necessary to multiple allow components with the same source (same name and version number) to appear on the page correctly\n const id = this.getAttribute(\"id\");\n\n if (isTestEnv && this.testUrl) {\n this.injectViteScripts();\n }\n\n this.source = isTestEnv\n ? `${this.testUrl?.origin}/src/${this.component.name}/index.jsx?id=${id}`\n : `https://www.ft.com/__component/${this.component.org}/${this.component.repo}${\n componentVersionRange ? `@${componentVersionRange}` : \"@latest\"\n }/${this.component.name}/${this.component.name}.js?id=${id}`;\n\n try {\n console.debug('CCC: load() 2 before BaseRenderer')\n return await new Promise<typeof BaseRenderer.prototype.render>(\n (resolve, reject) => {\n const to = setTimeout(() => {\n this.log.error(\"CCC import timeout error\");\n reject(\n new CCCTimeoutError({\n component: this.component!,\n source: this.source,\n })\n );\n }, Number(timeout));\n\n if (this.source) {\n import(/* webpackIgnore: true */ this.source /* @vite-ignore */)\n .then(({ default: componentRenderFunction }) => {\n console.debug('CCC: load() 4 inside promise Base Renderer', componentRenderFunction)\n if (componentRenderFunction) {\n clearTimeout(to);\n resolve(componentRenderFunction);\n } else\n throw new CCCImportError(\n \"No component renderer default export found\",\n {\n component: this.component!,\n source: this.source,\n }\n );\n })\n .catch((e) => {\n console.debug('CCC: load() catch', {error: e})\n clearTimeout(to);\n this.log.error(e);\n if (e instanceof Error && !(e instanceof CCCImportError)) {\n reject(\n new CCCImportError(e.message, {\n component: this.component!,\n source: this.source,\n })\n );\n } else {\n reject(e);\n }\n });\n } else {\n clearTimeout(to);\n throw new CCCImportError(`Unable to mount ${path}`, {\n component: this.component!,\n source: this.source,\n });\n }\n }\n );\n } catch (err) {\n this.log.error(\n `<custom-code-component> error during import from ${path}@${componentVersionRange}`\n );\n\n throw err;\n }\n }\n\n initTracking = async () => {\n try {\n this.tracking?.init(this.id);\n } catch (e) {\n const path = this.getAttribute(\"path\");\n const componentVersionRange = this.getAttribute(\"version\");\n this.log.info(\n `Error initialising tracking on <custom-code-component> ${path}@${componentVersionRange}`\n );\n this.log.error(e);\n }\n };\n\n injectViteScripts = () => {\n if (document.querySelector('script[name=\"ccc-sdk-react-preamble\"]')) return;\n\n const preambleScript = document.createElement(\"script\");\n preambleScript.type = \"module\";\n preambleScript.setAttribute(\"name\", \"ccc-sdk-react-preamble\");\n\n preambleScript.textContent = `\n import RefreshRuntime from \"${this.testUrl?.origin}/@react-refresh\";\n RefreshRuntime.injectIntoGlobalHook(window);\n window.$RefreshReg$ = () => {};\n window.$RefreshSig$ = () => (type) => type;\n window.__vite_plugin_react_preamble_installed__ = true;\n `.trim();\n document.head.appendChild(preambleScript);\n\n const viteClientScript = document.createElement(\"script\");\n viteClientScript.type = \"module\";\n viteClientScript.src = `${this.testUrl?.origin}/@vite/client`;\n document.head.appendChild(viteClientScript);\n };\n}\n\nexport interface CustomCodeComponent extends ContentTree.Node {\n type: \"CustomCodeComponent\";\n path: string;\n versionRange: string;\n altText: string;\n lastModified: string;\n fallbackImage?: ContentTree.Image;\n displayFallbackText: boolean;\n layout: \"in-line\" | \"mid-grid\" | \"full-grid\" | \"full-bleed\";\n /* prettier-ignore */\n attributes: {\n [key: string]: string | boolean | undefined;\n } | { children?: CustomCodeComponent | Array<CustomCodeComponent> };\n}\n\nexport type { FTCustomCodeComponent as CCCHTMLElement };\n"],"names":["Delegate","root","listenerMap","eventType","selector","handler","useCapture","matcher","matcherParam","matchesTag","matchesId","matchesRoot","i","listener","listenerList","singleEventType","event","l","type","phase","returned","target","eventIgnore","toFire","ret","tagName","element","id","sanitise","str","assignIfUndefined","subject","prop","LogLevel","convertStringLogLevel","value","level","Logger","args","getSiblingsAndPosition","el","originalEl","siblings","position","item","elementPropertiesToCollect","getAllElementProperties","properties","property","parseRawValue","rawValue","parsedValue","getAttributeValue","isJSON","getDomPathProps","attrs","props","attribute","getContextProps","isOriginalEl","customProps","name","getTrace","rootEl","trace","customContext","domPathProps","contextProps","eventPropertiesToCollect","Tracking","subtype","teamName","shadowRoot","category","elements","logger","eventProperties","e","eventData","clickEvent","clickElement","context","triggerAction","extraDetail","_a","ComponentPath","path","org","repo","versionRange","isValidComponentPathObject","p","v","CCCError","message","detail","CCCImportError","CCCRenderError","CCCTimeoutError","_CCCEvent","opts","CCCEvent","_CCCConnectedEvent","CCCConnectedEvent","_CCCReadyEvent","CCCReadyEvent","_CCCViewportEvent","CCCViewportEvent","kebabize","$","ofs","isSafeTestEnv","host","isAllowed","isLocalEnv","isSparkEnv","allowlist","hostname","assignTestURL","testEnv","testUrl","defaultTestUrl","useComponentTestEnv","componentName","FTCustomCodeComponent","entries","entry","componentVersionRange","_b","preambleScript","viteClientScript","supportsDeclarative","internals","error","wrappedError","renderError","app","prerendered","ssr","shadow","styles","template","data","extraProps","onmessage","ready","err","timeout","isTestEnv","resolve","reject","to","componentRenderFunction"],"mappings":"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","x_google_ignoreList":[0,1]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@financial-times/custom-code-component",
3
- "version": "2.0.6-beta.1",
3
+ "version": "2.0.6-beta.2",
4
4
  "type": "module",
5
5
  "exports": {
6
6
  ".": {
@@ -54,6 +54,7 @@ export class FTCustomCodeComponent extends HTMLElement {
54
54
  });
55
55
 
56
56
  constructor() {
57
+ console.debug('CCC: constructor called')
57
58
  super();
58
59
  this.log = new Logger({
59
60
  level: convertStringLogLevel(this.getAttribute("log")),
@@ -70,12 +71,20 @@ export class FTCustomCodeComponent extends HTMLElement {
70
71
  }
71
72
 
72
73
  async connectedCallback() {
74
+ console.debug('CCC: connectedCallback() 1 dataset:', this.dataset)
75
+
76
+ if (this.dataset?.cccReady === 'true') {
77
+ return;
78
+ }
73
79
  try {
74
80
  const path = this.getAttribute("path");
75
81
  const versionRange = this.getAttribute("version");
82
+ console.debug('CCC: before load connectedCallback() 2', { path, versionRange })
76
83
  this.component = ComponentPath.fromString(path, versionRange);
77
84
 
78
85
  this.app = await this.load();
86
+ console.debug('CCC: after load connectedCallback() 3', { path, versionRange })
87
+
79
88
  await this.mount();
80
89
  await this.initTracking();
81
90
  } catch (e) {
@@ -90,7 +99,7 @@ export class FTCustomCodeComponent extends HTMLElement {
90
99
  }
91
100
 
92
101
  emitError(error: Error) {
93
- console.debug("ccc#emitError", error);
102
+ console.debug("CCC: ccc#emitError", error);
94
103
  if (error instanceof CCCError) {
95
104
  this.dispatchEvent(
96
105
  new ErrorEvent("ccc:error", {
@@ -122,8 +131,14 @@ export class FTCustomCodeComponent extends HTMLElement {
122
131
 
123
132
  disconnectedCallback() {
124
133
  const path = this.getAttribute("path");
134
+ console.debug('CCC: disconnectedCallback() called', { path })
125
135
  this.log.info(`<custom-code-component:${path}> disconnected`);
126
136
  this.observer.disconnect();
137
+ // this.unmount(new Error('whatever'));
138
+ }
139
+
140
+ connectedMoveCallback() {
141
+ console.debug('CCC: connectedMoveCallback() called')
127
142
  }
128
143
 
129
144
  channel = new MessageChannel();
@@ -131,6 +146,7 @@ export class FTCustomCodeComponent extends HTMLElement {
131
146
  onmessage() {}
132
147
 
133
148
  onunmount(e: Error) {
149
+ console.debug('CCC: onunmount()', { e })
134
150
  if (e instanceof Error) {
135
151
  const renderError = new CCCRenderError(e.message, {
136
152
  error: e,
@@ -145,7 +161,9 @@ export class FTCustomCodeComponent extends HTMLElement {
145
161
 
146
162
  async onready(app: Promise<void>) {
147
163
  try {
164
+ console.debug('CCC: onready() 1 ')
148
165
  await app;
166
+ console.debug('CCC: onready() 2')
149
167
  this.dispatchEvent(
150
168
  new CCCReadyEvent({
151
169
  component: this.component,
@@ -177,6 +195,7 @@ export class FTCustomCodeComponent extends HTMLElement {
177
195
 
178
196
  async mount(prerendered?: ShadowRoot | null) {
179
197
  try {
198
+ console.debug('CCC: mount() ')
180
199
  this.mode =
181
200
  this.getAttribute("shadow-open") == "false" ? "closed" : "open";
182
201
  if (this.component) {
@@ -280,6 +299,7 @@ export class FTCustomCodeComponent extends HTMLElement {
280
299
  // Replace shadow root with either <slot> or template[data-component-fallback]
281
300
  // slot on failure
282
301
  unmount(e: Error) {
302
+ console.debug('CCC: unmount()', { error: e })
283
303
  const template =
284
304
  this.querySelector<HTMLTemplateElement>(
285
305
  "template[data-component-fallback]"
@@ -298,6 +318,7 @@ export class FTCustomCodeComponent extends HTMLElement {
298
318
  }
299
319
 
300
320
  async load() {
321
+ console.debug('CCC: load() 1')
301
322
  if (!this.component.isValid) {
302
323
  throw new Error("No path found");
303
324
  }
@@ -325,6 +346,7 @@ export class FTCustomCodeComponent extends HTMLElement {
325
346
  }/${this.component.name}/${this.component.name}.js?id=${id}`;
326
347
 
327
348
  try {
349
+ console.debug('CCC: load() 2 before BaseRenderer')
328
350
  return await new Promise<typeof BaseRenderer.prototype.render>(
329
351
  (resolve, reject) => {
330
352
  const to = setTimeout(() => {
@@ -340,6 +362,7 @@ export class FTCustomCodeComponent extends HTMLElement {
340
362
  if (this.source) {
341
363
  import(/* webpackIgnore: true */ this.source /* @vite-ignore */)
342
364
  .then(({ default: componentRenderFunction }) => {
365
+ console.debug('CCC: load() 4 inside promise Base Renderer', componentRenderFunction)
343
366
  if (componentRenderFunction) {
344
367
  clearTimeout(to);
345
368
  resolve(componentRenderFunction);
@@ -353,6 +376,7 @@ export class FTCustomCodeComponent extends HTMLElement {
353
376
  );
354
377
  })
355
378
  .catch((e) => {
379
+ console.debug('CCC: load() catch', {error: e})
356
380
  clearTimeout(to);
357
381
  this.log.error(e);
358
382
  if (e instanceof Error && !(e instanceof CCCImportError)) {