@financial-times/custom-code-component 2.0.1-beta.12 → 2.0.1-beta.13

package/dist/custom-element.d.ts

@@ -43,6 +43,7 @@ declare class FTCustomCodeComponent extends HTMLElement {
     source?: string;
     tracking?: Tracking;
     component?: ComponentPath;
+    testUrl?: URL;
     log: Logger;
     constructor();
     connectedCallback(): Promise<void>;
@@ -64,6 +65,7 @@ declare class FTCustomCodeComponent extends HTMLElement {
         ready: Promise<void>;
     }>;
     initTracking: () => Promise<void>;
+    injectViteScripts: () => void;
 }
 export { FTCustomCodeComponent as CCCHTMLElement }
 export { FTCustomCodeComponent }

package/dist/custom-element.js

@@ -1,7 +1,7 @@
-function l(o) {
-  this.listenerMap = [{}, {}], o && this.root(o), this.handle = l.prototype.handle.bind(this), this._removedListeners = [];
+function m(o) {
+  this.listenerMap = [{}, {}], o && this.root(o), this.handle = m.prototype.handle.bind(this), this._removedListeners = [];
 }
-l.prototype.root = function(o) {
+m.prototype.root = function(o) {
   const t = this.listenerMap;
   let e;
   if (this.rootElement) {
@@ -19,23 +19,23 @@ l.prototype.root = function(o) {
     t[0].hasOwnProperty(e) && this.rootElement.addEventListener(e, this.handle, !1);
   return this;
 };
-l.prototype.captureForType = function(o) {
+m.prototype.captureForType = function(o) {
   return ["blur", "error", "focus", "load", "resize", "scroll"].indexOf(o) !== -1;
 };
-l.prototype.on = function(o, t, e, n) {
+m.prototype.on = function(o, t, e, n) {
   let r, s, i, c;
   if (!o)
     throw new TypeError("Invalid event type: " + o);
   if (typeof t == "function" && (n = e, e = t, t = null), n === void 0 && (n = this.captureForType(o)), typeof e != "function")
     throw new TypeError("Handler must be a type of Function");
-  return r = this.rootElement, s = this.listenerMap[n ? 1 : 0], s[o] || (r && r.addEventListener(o, this.handle, n), s[o] = []), t ? /^[a-z]+$/i.test(t) ? (c = t, i = R) : /^#[a-z0-9\-_]+$/i.test(t) ? (c = t.slice(1), i = k) : (c = t, i = Element.prototype.matches) : (c = null, i = L.bind(this)), s[o].push({
+  return r = this.rootElement, s = this.listenerMap[n ? 1 : 0], s[o] || (r && r.addEventListener(o, this.handle, n), s[o] = []), t ? /^[a-z]+$/i.test(t) ? (c = t, i = A) : /^#[a-z0-9\-_]+$/i.test(t) ? (c = t.slice(1), i = L) : (c = t, i = Element.prototype.matches) : (c = null, i = k.bind(this)), s[o].push({
     selector: t,
     handler: e,
     matcher: i,
     matcherParam: c
   }), this;
 };
-l.prototype.off = function(o, t, e, n) {
+m.prototype.off = function(o, t, e, n) {
   let r, s, i, c, h;
   if (typeof t == "function" && (n = e, e = t, t = null), n === void 0)
     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) {
     s = c[r], (!t || t === s.selector) && (!e || e === s.handler) && (this._removedListeners.push(s), c.splice(r, 1));
   return c.length || (delete i[o], this.rootElement && this.rootElement.removeEventListener(o, this.handle, n)), this;
 };
-l.prototype.handle = function(o) {
+m.prototype.handle = function(o) {
   let t, e;
   const n = o.type;
   let r, s, i, c, h = [], a;
-  const m = "ftLabsDelegateIgnore";
-  if (o[m] === !0)
+  const l = "ftLabsDelegateIgnore";
+  if (o[l] === !0)
     return;
   switch (a = o.target, a.nodeType === 3 && (a = a.parentNode), a.correspondingUseElement && (a = a.correspondingUseElement), r = this.rootElement, s = o.eventPhase || (o.target !== o.currentTarget ? 3 : 2), s) {
     case 1:
@@ -78,18 +78,18 @@ l.prototype.handle = function(o) {
   let v;
   for (t = 0; t < u.length; t++)
     if (!(this._removedListeners.indexOf(u[t][2]) > -1) && (c = this.fire.apply(this, u[t]), c === !1)) {
-      u[t][0][m] = !0, u[t][0].preventDefault(), v = !1;
+      u[t][0][l] = !0, u[t][0].preventDefault(), v = !1;
       break;
     }
   return v;
 };
-l.prototype.fire = function(o, t, e) {
+m.prototype.fire = function(o, t, e) {
   return e.handler.call(t, o, t);
 };
-function R(o, t) {
+function A(o, t) {
   return o.toLowerCase() === t.tagName.toLowerCase();
 }
-function L(o, t) {
+function k(o, t) {
   return this.rootElement === window ? (
     // Match the outer document (dispatched from document)
     t === document || // The <html> element (dispatched from document.body or document.documentElement)
@@ -97,10 +97,10 @@ function L(o, t) {
     t === window
   ) : this.rootElement === t;
 }
-function k(o, t) {
+function L(o, t) {
   return o === t.id;
 }
-l.prototype.destroy = function() {
+m.prototype.destroy = function() {
   this.off(), this.root();
 };
 function C(o) {
@@ -122,7 +122,7 @@ function $(o) {
   const t = o == null ? void 0 : o.toLowerCase();
   return t === "debug" ? p.DEBUG : t === "info" ? p.INFO : t === "warn" ? p.WARN : t === "error" ? p.ERROR : t === "test" ? p.TEST : p.DEFAULT;
 }
-class T {
+class R {
   constructor({ level: t = p.DEFAULT } = {
     level: p.DEFAULT
   }) {
@@ -148,7 +148,7 @@ const N = (o, t, e) => {
       siblings: n.length,
       position: r
     };
-}, A = [
+}, T = [
   "nodeName",
   "className",
   "id",
@@ -157,7 +157,7 @@ const N = (o, t, e) => {
   "role"
 ], O = (o) => {
   const t = {};
-  for (const e of A) {
+  for (const e of T) {
     const n = o[e] || o.getAttribute(e) || o.hasAttribute(e);
     n !== void 0 && (typeof n == "boolean" ? t[e] = n : t[e] = C(n));
   }
@@ -169,26 +169,26 @@ const N = (o, t, e) => {
   } catch {
     return [!1, null];
   }
-}, x = (o) => {
+}, U = (o) => {
   const [t, e] = P(o);
   return t ? e : o;
-}, D = (o, t) => (o.filter(
+}, x = (o, t) => (o.filter(
   (e) => e.name.match(/^data-trackable|^data-o-|^aria-/i)
 ).forEach((e) => {
   t[e.name] = e.value;
 }), t), I = (o, t, e) => {
   const n = {};
-  return e && A.forEach((r) => {
+  return e && T.forEach((r) => {
     typeof t[r] < "u" && r !== "id" && (n[r] = t[r]);
   }), o.filter((r) => r.name.match(/^data-trackable-context-/i)).forEach((r) => {
-    n[r.name.replace("data-trackable-context-", "")] = x(r.value);
+    n[r.name.replace("data-trackable-context-", "")] = U(r.value);
   }), n;
 };
-function M(o, t) {
+function D(o, t) {
   const e = o, n = e != null && e.getAttribute("data-trackable") ? `[data-trackable="${e.getAttribute("data-trackable")}"]` : e == null ? void 0 : e.nodeName, r = [], s = {};
   for (; o && o !== t; ) {
     const i = O(o), c = Array.from(o.attributes);
-    let h = D(c, i);
+    let h = x(c, i);
     h["data-trackable"] && (h = Object.assign(
       h,
       N(o, e, n)
@@ -198,8 +198,8 @@ function M(o, t) {
   }
   return { trace: r, customContext: s };
 }
-const U = ["ctrlKey", "altKey", "shiftKey", "metaKey"];
-class F {
+const M = ["ctrlKey", "altKey", "shiftKey", "metaKey"];
+class _ {
   constructor({
     id: t = "00000000-0000-0000-0000-000000000000",
     name: e = "ccc-component",
@@ -210,12 +210,12 @@ class F {
     elements: c = 'a, button, input, [role="button"]',
     logger: h
   }) {
-    this.cccId = t, this.cccName = e, this.subtype = n, this.teamName = r, this.shadowRoot = s, this.category = i, this.elements = c, this.isInitialised = !1, this.log = h ?? new T();
+    this.cccId = t, this.cccName = e, this.subtype = n, this.teamName = r, this.shadowRoot = s, this.category = i, this.elements = c, this.isInitialised = !1, this.log = h ?? new R();
   }
   // Get properties for the event (as opposed to properties of the clicked element)
   getEventProperties(t) {
     const e = {};
-    for (const n of U)
+    for (const n of M)
       if (t[n])
         try {
           e[n] = C(t[n]);
@@ -227,7 +227,7 @@ class F {
   // Controller for handling click events
   handleClickEvent(t, e) {
     return (n, r) => {
-      const s = this.getEventProperties(n), { trace: i, customContext: c } = M(r, e);
+      const s = this.getEventProperties(n), { trace: i, customContext: c } = D(r, e);
       s.custom = r.dataset && r.dataset.custom ? JSON.parse(r.dataset.custom) : null, s.domPathTokens = i, s.component = {
         id: this.cccId,
         name: this.cccName,
@@ -273,7 +273,7 @@ class F {
         action: "click",
         category: this.category
       }, r = (e = this.shadowRoot) == null ? void 0 : e.querySelector("[data-component-root]");
-      r && new l(r).on(
+      r && new m(r).on(
         "click",
         this.elements,
         this.handleClickEvent(n, r),
@@ -326,12 +326,12 @@ class g extends d {
     super(t, { ...e, cause: "Import error" }), this.name = "CCCImportError";
   }
 }
-class _ extends d {
+class j extends d {
   constructor(t, e) {
     super(t, { ...e, cause: "Render error" }), this.name = "CCCRenderError";
   }
 }
-class j extends d {
+class F extends d {
   constructor(t) {
     super(null, { ...t, cause: "Timeout error" }), this.name = "CCCTimeoutError";
   }
@@ -359,14 +359,14 @@ function z(o) {
     /^.*\.apps\.in\.ft\.com$/
   ], o);
 }
-function Y() {
+function V() {
   return y([
     "localhost",
     "local.ft.com",
     /^.*\.in\.ft\.com$/
   ], window.location.hostname);
 }
-function q() {
+function Y() {
   return y([
     "spark.ft.com",
     "spark-staging.ft.com"
@@ -375,18 +375,18 @@ function q() {
 function y(o, t) {
   return t ? o.some((e) => typeof e == "string" ? e === t : e.test(t)) : !1;
 }
-function V(o) {
+function q(o) {
   if (o === null)
     return;
   let t;
   const e = new URL("http://localhost:5173");
   try {
     if (typeof o == "string") {
-      if ((o === "" || o.toLowerCase() === "true") && Y())
+      if ((o === "" || o.toLowerCase() === "true") && V())
         t = e;
       else if (t = o.startsWith("http://") || o.startsWith("https://") ? new URL(o) : void 0, t && !z(t == null ? void 0 : t.hostname))
         throw new Error("Unsafe testing host override");
-    } else q() && (t = e);
+    } else Y() && (t = e);
   } catch {
     return t;
   }
@@ -401,7 +401,7 @@ async function J(o, t) {
   ).then(() => !0).catch(() => !1) : !1;
 }
 const W = ":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)}";
-class K extends HTMLElement {
+class G extends HTMLElement {
   constructor() {
     super(), this.mode = "open", this.RESERVED_ATTRS = /* @__PURE__ */ new Set([
       "iframe",
@@ -422,7 +422,20 @@ class K extends HTMLElement {
           `Error initialising tracking on <custom-code-component> ${r}@${s}`
         ), this.log.error(n);
       }
-    }, this.log = new T({
+    }, this.injectViteScripts = () => {
+      var r, s;
+      if (document.querySelector('script[name="ccc-sdk-react-preamble"]')) return;
+      const e = document.createElement("script");
+      e.type = "module", e.setAttribute("name", "ccc-sdk-react-preamble"), e.textContent = `
+      import RefreshRuntime from "${(r = this.testUrl) == null ? void 0 : r.origin}/@react-refresh";
+      RefreshRuntime.injectIntoGlobalHook(window);
+      window.$RefreshReg$ = () => {};
+      window.$RefreshSig$ = () => (type) => type;
+      window.__vite_plugin_react_preamble_installed__ = true;
+    `.trim(), document.head.appendChild(e);
+      const n = document.createElement("script");
+      n.type = "module", n.src = `${(s = this.testUrl) == null ? void 0 : s.origin}/@vite/client`, document.head.appendChild(n);
+    }, this.log = new R({
       level: $(this.getAttribute("log"))
     });
     const t = HTMLElement.prototype.hasOwnProperty("attachInternals");
@@ -464,7 +477,7 @@ class K extends HTMLElement {
       await t;
     } catch (e) {
       if (e instanceof Error) {
-        const n = new _(e.message, {
+        const n = new j(e.message, {
           error: e,
           component: this.component
         });
@@ -498,7 +511,7 @@ class K extends HTMLElement {
             (u) => !this.RESERVED_ATTRS.has(u.name) && !u.name.startsWith("data-")
           ).map((u) => [u.name, u.value])
         );
-        this.tracking = new F({
+        this.tracking = new _({
           name: (e = this.component) == null ? void 0 : e.toString(),
           subtype: "interactive",
           teamName: "djd",
@@ -513,7 +526,7 @@ class K extends HTMLElement {
           "text-decoration: underline;",
           " attribute instead."
         ));
-        const { unmount: h, onmessage: a, ready: m } = this.app(
+        const { unmount: h, onmessage: a, ready: l } = this.app(
           s,
           {
             ...i ?? c,
@@ -525,7 +538,7 @@ class K extends HTMLElement {
           },
           r
         ) || {};
-        h && (this.onunmount = h), a && (this.onmessage = a), m && this.onready(m);
+        h && (this.onunmount = h), a && (this.onmessage = a), l && this.onready(l);
       }
     } catch (r) {
       throw this.log.info(
@@ -545,16 +558,19 @@ class K extends HTMLElement {
     e && ((n = this.shadowRoot) == null || n.replaceChildren(e.content.cloneNode(!0))), this.dataset.cccError || (this.dataset.cccError = H(t.name.replace("CCC", ""))), delete this.dataset.cccReady;
   }
   async load() {
+    var c;
     if (!this.component)
       throw new Error("No path found");
-    const t = this.getAttribute("path"), e = this.getAttribute("version"), n = Number(this.getAttribute("load-timeout") || 1e4), r = this.getAttribute("test-env"), s = V(r), i = await J(this.component.name, s), c = this.getAttribute("id");
-    this.source = i ? `${s == null ? void 0 : s.origin}/src/${this.component.name}/index.jsx?id=${c}` : `https://www.ft.com/__component/${this.component.org}/${this.component.repo}${e ? `@${e}` : "@latest"}/${this.component.name}/${this.component.name}.js?id=${c}`;
+    const t = this.getAttribute("path"), e = this.getAttribute("version"), n = Number(this.getAttribute("load-timeout") || 1e4), r = this.getAttribute("test-env");
+    this.testUrl = q(r);
+    const s = await J(this.component.name, this.testUrl), i = this.getAttribute("id");
+    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}`;
     try {
       return await new Promise(
         (h, a) => {
-          const m = setTimeout(() => {
+          const l = setTimeout(() => {
             this.log.error("CCC import timeout error"), a(
-              new j({
+              new F({
                 component: this.component,
                 source: this.source
               })
@@ -567,7 +583,7 @@ class K extends HTMLElement {
               /* @vite-ignore */
             ).then(({ default: u }) => {
               if (u)
-                clearTimeout(m), h(u);
+                clearTimeout(l), h(u);
               else
                 throw new g(
                   "No component renderer default export found",
@@ -577,7 +593,7 @@ class K extends HTMLElement {
                   }
                 );
             }).catch((u) => {
-              clearTimeout(m), this.log.error(u), u instanceof Error && !(u instanceof g) ? a(
+              clearTimeout(l), this.log.error(u), u instanceof Error && !(u instanceof g) ? a(
                 new g(u.message, {
                   component: this.component,
                   source: this.source
@@ -585,7 +601,7 @@ class K extends HTMLElement {
               ) : a(u);
             });
           else
-            throw clearTimeout(m), new g(`Unable to mount ${t}`, {
+            throw clearTimeout(l), new g(`Unable to mount ${t}`, {
               component: this.component,
               source: this.source
             });
@@ -599,6 +615,6 @@ class K extends HTMLElement {
   }
 }
 export {
-  K as FTCustomCodeComponent
+  G as FTCustomCodeComponent
 };
 //# sourceMappingURL=custom-element.js.map

package/dist/custom-element.js.map

@@ -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  toString(): string {\n    return this.path;\n  }\n\n  static fromString(path: string | null, v?: string | null): ComponentPath {\n    if (!path) throw new CCCError(\"No path specified\");\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 CCCConnectedEvent extends Event {\n  static eventType = \"ccc:connected\";\n\n  component: ComponentPath;\n  source?: string;\n\n  constructor(\n    detail: { component: ComponentPath; source?: string },\n    opts?: EventInit\n  ) {\n    super(CCCConnectedEvent.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","/**\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 } 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  component?: ComponentPath;\n\n  log: Logger;\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    this.dispatchEvent(new ErrorEvent(\"ccc:error\", {\n      bubbles: true,\n      cancelable: false,\n      composed: true,\n      error,\n      message: error.message,\n    }));\n  }\n\n  disconnectedCallback() {\n    const path = this.getAttribute(\"path\");\n    this.log.info(`<custom-code-component:${path}> disconnected`);\n    if (typeof this.onunmount === \"function\") this.onunmount();\n  }\n\n  channel = new MessageChannel();\n\n  onmessage() {}\n\n  onunmount(root?: any) {}\n\n  async onready(app: Promise<void>) {\n    try {\n      await app;\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        this.dispatchEvent(\n          new CCCConnectedEvent({\n            component: this.component,\n            source: this.source,\n          })\n        );\n\n        this.dataset.cccReady = \"true\";\n        delete this.dataset.cccError;\n\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        // 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 { unmount, onmessage, ready } =\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          ) || {};\n\n        if (unmount) this.onunmount = unmount;\n        if (onmessage) this.onmessage = onmessage;\n        if (ready) 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    this.onunmount(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\n  async load() {\n    if (!this.component) {\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    const testUrl = assignTestURL(testEnv);\n    const isTestEnv = await useComponentTestEnv(this.component.name, testUrl);\n\n    const id = this.getAttribute(\"id\");\n    // id querystring necessary to multiple allow components with the same source (same name and version number) to appear on the page correctly\n    this.source = isTestEnv\n      ? `${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\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","v","CCCError","message","detail","CCCImportError","CCCRenderError","CCCTimeoutError","_CCCConnectedEvent","opts","CCCConnectedEvent","kebabize","$","ofs","isSafeTestEnv","host","isAllowed","isLocalEnv","isSparkEnv","allowlist","hostname","assignTestURL","testEnv","testUrl","defaultTestUrl","useComponentTestEnv","componentName","FTCustomCodeComponent","componentVersionRange","supportsDeclarative","internals","error","app","renderError","prerendered","_b","ssr","shadow","styles","template","data","extraProps","unmount","onmessage","ready","err","timeout","isTestEnv","resolve","reject","to","componentRenderFunction"],"mappings":"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","x_google_ignoreList":[0,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  toString(): string {\n    return this.path;\n  }\n\n  static fromString(path: string | null, v?: string | null): ComponentPath {\n    if (!path) throw new CCCError(\"No path specified\");\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 CCCConnectedEvent extends Event {\n  static eventType = \"ccc:connected\";\n\n  component: ComponentPath;\n  source?: string;\n\n  constructor(\n    detail: { component: ComponentPath; source?: string },\n    opts?: EventInit\n  ) {\n    super(CCCConnectedEvent.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","/**\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 } 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  component?: ComponentPath;\n  testUrl?: URL;\n\n  log: Logger;\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    this.dispatchEvent(new ErrorEvent(\"ccc:error\", {\n      bubbles: true,\n      cancelable: false,\n      composed: true,\n      error,\n      message: error.message,\n    }));\n  }\n\n  disconnectedCallback() {\n    const path = this.getAttribute(\"path\");\n    this.log.info(`<custom-code-component:${path}> disconnected`);\n    if (typeof this.onunmount === \"function\") this.onunmount();\n  }\n\n  channel = new MessageChannel();\n\n  onmessage() {}\n\n  onunmount(root?: any) {}\n\n  async onready(app: Promise<void>) {\n    try {\n      await app;\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        this.dispatchEvent(\n          new CCCConnectedEvent({\n            component: this.component,\n            source: this.source,\n          })\n        );\n\n        this.dataset.cccReady = \"true\";\n        delete this.dataset.cccError;\n\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        // 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 { unmount, onmessage, ready } =\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          ) || {};\n\n        if (unmount) this.onunmount = unmount;\n        if (onmessage) this.onmessage = onmessage;\n        if (ready) 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    this.onunmount(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\n  async load() {\n    if (!this.component) {\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(this.component.name, this.testUrl);\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}\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","v","CCCError","message","detail","CCCImportError","CCCRenderError","CCCTimeoutError","_CCCConnectedEvent","opts","CCCConnectedEvent","kebabize","$","ofs","isSafeTestEnv","host","isAllowed","isLocalEnv","isSparkEnv","allowlist","hostname","assignTestURL","testEnv","testUrl","defaultTestUrl","useComponentTestEnv","componentName","FTCustomCodeComponent","componentVersionRange","_b","preambleScript","viteClientScript","supportsDeclarative","internals","error","app","renderError","prerendered","ssr","shadow","styles","template","data","extraProps","unmount","onmessage","ready","err","timeout","isTestEnv","resolve","reject","to","componentRenderFunction"],"mappings":"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","x_google_ignoreList":[0,1]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@financial-times/custom-code-component",
-  "version": "2.0.1-beta.12",
+  "version": "2.0.1-beta.13",
   "type": "module",
   "exports": {
     ".": {

package/src/custom-code-component.ts

@@ -36,6 +36,7 @@ export class FTCustomCodeComponent extends HTMLElement {
   source?: string;
   tracking?: Tracking;
   component?: ComponentPath;
+  testUrl?: URL;
 
   log: Logger;
 
@@ -250,13 +251,18 @@ export class FTCustomCodeComponent extends HTMLElement {
     const componentVersionRange = this.getAttribute("version");
     const timeout = Number(this.getAttribute("load-timeout") || 10000);
     const testEnv = this.getAttribute("test-env");
-    const testUrl = assignTestURL(testEnv);
-    const isTestEnv = await useComponentTestEnv(this.component.name, testUrl);
+    this.testUrl = assignTestURL(testEnv);
+    const isTestEnv = await useComponentTestEnv(this.component.name, this.testUrl);
 
-    const id = this.getAttribute("id");
     // id querystring necessary to multiple allow components with the same source (same name and version number) to appear on the page correctly
+    const id = this.getAttribute("id");
+
+    if (isTestEnv && this.testUrl) {
+      this.injectViteScripts()
+    }
+
     this.source = isTestEnv
-      ? `${testUrl?.origin}/src/${this.component.name}/index.jsx?id=${id}`
+      ? `${this.testUrl?.origin}/src/${this.component.name}/index.jsx?id=${id}`
       : `https://www.ft.com/__component/${this.component.org}/${this.component.repo}${
           componentVersionRange ? `@${componentVersionRange}` : "@latest"
         }/${this.component.name}/${this.component.name}.js?id=${id}`;
@@ -333,6 +339,29 @@ export class FTCustomCodeComponent extends HTMLElement {
       this.log.error(e);
     }
   };
+
+  injectViteScripts = () => {
+    if (document.querySelector('script[name="ccc-sdk-react-preamble"]')) return;
+
+    const preambleScript = document.createElement('script');
+    preambleScript.type = 'module';
+    preambleScript.setAttribute('name', 'ccc-sdk-react-preamble');
+
+    preambleScript.textContent = `
+      import RefreshRuntime from "${this.testUrl?.origin}/@react-refresh";
+      RefreshRuntime.injectIntoGlobalHook(window);
+      window.$RefreshReg$ = () => {};
+      window.$RefreshSig$ = () => (type) => type;
+      window.__vite_plugin_react_preamble_installed__ = true;
+    `.trim();
+    document.head.appendChild(preambleScript);
+
+    const viteClientScript = document.createElement('script');
+    viteClientScript.type = 'module';
+    viteClientScript.src = `${this.testUrl?.origin}/@vite/client`;
+    document.head.appendChild(viteClientScript);
+  }
+
 }
 
 export interface CustomCodeComponent extends ContentTree.Node {