// The seven widgets, each with the install snippet its vendor documents and a widget id the vendor itself runs on its
// own homepage (found with ids.ts on 2026-09-27; no accounts were made anywhere). Spookat is the production launcher from
// cdn.spookat.com with a key no site uses: before the click nothing but the cdn is involved, so the key doesn't matter.
// data-api points its socket, opened on the click, at the lab's mock (serve.ts), the one part that is not production.
//
// Five of the six rivals refuse to boot on a domain their owner didn't allow (checked 2026-09-27 on our test page:
// Crisp shows "Invalid website", Intercom gets a 403, LiveChat logs "not added to the allowed domains", Chatwoot's iframe
// is blocked by its frame-ancestors CSP, Tidio's is set to stay hidden). The ids we may use belong to the vendors' own
// sites, so every test runs twice where it can: on our test page (what loads before the refusal), and on the vendor's own
// homepage (home), where their widget boots fully; there we count only the widget's traffic (widgetUrls).

export type Widget = {
  id: string;
  name: string;
  /** the vendor's page that runs this widget id (spookat.com runs none yet) */
  home?: string;
  /** host + path of what only the widget loads: on the vendor's homepage, requests matching this count as the widget's */
  widgetUrls: RegExp;
  /** and every request made from a frame whose url matches this (a widget iframe that shares a CDN with its host page) */
  widgetFrame?: RegExp;
  /** the script the snippet loads first: blocking it gives the same page without the widget (Lighthouse pattern) */
  loader: string;
  /** boots fully on our test page (the others refuse the domain, so their interactive tests run on home) */
  boots: boolean;
  /** what a visitor clicks to open the chat, and what shows once they can use it (any frame, open shadow roots too) */
  launcher: string;
  ready: string;
  /** what closes the open chat, when a second click on the launcher's spot doesn't */
  close?: string;
  /** the widget's root in the page itself (axe runs on it and on every frame the widget adds) */
  root: string;
  snippet: string;
};

export const SPOOKAT_KEY = "site_live_0000000000000000";

export const WIDGETS: Widget[] = [
  {
    id: "spookat",
    loader: "*cdn.spookat.com/s/*",
    widgetUrls: /^cdn\.spookat\.com\//,
    boots: true,
    launcher: "#spookat button.L",
    ready: "#spookat form.c input",
    root: "#spookat",
    name: "Spookat",
    snippet: `<script src="${process.env.SPOOKAT_CDN ?? "https://cdn.spookat.com"}/s/${SPOOKAT_KEY}.js" data-api="{API}" async></script>`,
  },
  {
    id: "tawk-to",
    loader: "*embed.tawk.to/*",
    home: "https://www.tawk.to/",
    widgetUrls: /^(?!www\.)[\w-]+\.tawk\.to\//,
    boots: true,
    launcher: "button.tawk-button-circle.tawk-button-large",
    ready: "textarea.tawk-chatinput-editor",
    root: "div.widget-visible, iframe[title=\"Chat widget\"]",
    name: "Tawk.to",
    snippet: `<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/521727297ca1334016000005/18nms7gql';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>`,
  },
  {
    id: "crisp",
    loader: "*client.crisp.chat/l.js*",
    home: "https://crisp.chat/en/",
    widgetUrls: /^(client|settings|image)\.crisp\.chat\/|\.relay(\.rescue)?\.crisp\.chat\//,
    boots: false,
    launcher: "[aria-label=\"Open chat\"]",
    ready: "textarea[name=message]",
    root: "#crisp-chatbox, .crisp-client",
    name: "Crisp",
    snippet: `<script type="text/javascript">window.$crisp=[];window.CRISP_WEBSITE_ID="-JzqEmX56venQuQw4YV8";(function(){d=document;s=d.createElement("script");s.src="https://client.crisp.chat/l.js";s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})();</script>`,
  },
  {
    id: "intercom",
    loader: "*widget.intercom.io/widget/*",
    home: "https://www.intercom.com/",
    widgetUrls: /^([\w-]+\.)?intercom\.io\/|^js\.intercomcdn\.com\//,
    boots: false,
    launcher: ".intercom-launcher",
    ready: ".messenger-rte-content, button:has-text(\"Send us a message\")",
    root: ".intercom-lightweight-app, #intercom-container, iframe[name^=intercom]",
    name: "Intercom",
    snippet: `<script>
  window.intercomSettings = {
    api_base: "https://api-iam.intercom.io",
    app_id: "tx2p130c",
  };
</script>
<script>
(function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',w.intercomSettings);}else{var d=document;var i=function(){i.c(arguments);};i.q=[];i.c=function(args){i.q.push(args);};w.Intercom=i;var l=function(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/tx2p130c';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);};if(document.readyState==='complete'){l();}else if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})();
</script>`,
  },
  {
    id: "tidio",
    loader: "*code.tidio.co/*",
    home: "https://www.tidio.com/",
    widgetUrls: /\.tidio\.co\//,
    boots: true,
    launcher: "#button-body",
    ready: "button:has-text(\"Chat with us\"), textarea",
    close: "button[aria-label=Minimize]",
    root: "#tidio-chat",
    name: "Tidio",
    // Tidio's own widget is set to stay hidden on tidio.com (they open it from their own links). Tidio's documented
    // tidioChatApi.show(), run by the page every 250 ms until the launcher is there (before any click), gives the launcher a default install shows.
    snippet: `<script src="//code.tidio.co/w0i4b7fdeerfqqn4w8lwb7ahjasjnrmd.js" async></script>
<script>
(function show(n) {
  if (window.tidioChatApi) window.tidioChatApi.show();
  if (!document.getElementById("tidio-chat-iframe") && n < 120) setTimeout(show, 250, n + 1);
})(0);
</script>`,
  },
  {
    id: "livechat",
    loader: "*cdn.livechatinc.com/tracking.js*",
    home: "https://www.livechat.com/",
    widgetUrls: /\.livechatinc\.com\/(?!partners\/)/, // partners/: livechat.com's own affiliate tracking
    boots: false,
    launcher: "#chat-widget-minimized",
    ready: "textarea[aria-label=\"Write a message…\"], input[aria-label=\"Write a message…\"]", // on livechat.com the closed widget is itself a message box
    root: "#chat-widget-container",
    name: "LiveChat",
    snippet: `<script>
window.__lc = window.__lc || {};
window.__lc.license = 19196658;
;(function(n,t,c){function i(n){return e._h?e._h.apply(null,n):e._q.push(n)}var e={_q:[],_h:null,_v:"2.0",on:function(){i(["on",c.call(arguments)])},once:function(){i(["once",c.call(arguments)])},off:function(){i(["off",c.call(arguments)])},get:function(){if(!e._h)throw new Error("[LiveChatWidget] You can't use getters before load.");return i(["get",c.call(arguments)])},call:function(){i(["call",c.call(arguments)])},init:function(){var n=t.createElement("script");n.async=!0,n.type="text/javascript",n.src="https://cdn.livechatinc.com/tracking.js",t.head.appendChild(n)}};!n.__lc.asyncInit&&e.init(),n.LiveChatWidget=n.LiveChatWidget||e}(window,document,[].slice))
</script>`,
  },
  {
    id: "chatwoot",
    loader: "*app.chatwoot.com/packs/js/sdk.js*",
    // the homepage booted the widget in 0 of 3 tries and the pricing page in 3 of 17; the help center did every time. It is
    // itself a Chatwoot portal and shares some script files with the widget, which it loads first: those come from cache
    // for the widget, so its transferred bytes here are a floor
    home: "https://www.chatwoot.com/hc/user-guide/en",
    // the loader, the widget's iframe, its api, socket and help-center articles; its files on CloudFront by frame (below)
    widgetUrls: /^app\.chatwoot\.com\/(packs|widget|api\/v1\/widget|cable|hc\/[^/]+\/[^/]+\/articles\.json)/,
    widgetFrame: /^https:\/\/app\.chatwoot\.com\/widget/,
    boots: false,
    launcher: "button.woot-widget-bubble",
    ready: "button:has-text(\"Start Conversation\"), textarea",
    root: ".woot-widget-holder, .woot--bubble-holder, button.woot-widget-bubble",
    name: "Chatwoot",
    snippet: `<script>
  (function(d,t) {
    var BASE_URL="https://app.chatwoot.com";
    var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
    g.src=BASE_URL+"/packs/js/sdk.js";
    g.defer = true;
    g.async = true;
    s.parentNode.insertBefore(g,s);
    g.onload=function(){
      window.chatwootSDK.run({
        websiteToken: '4cWzuf9i9jxN9tbnv8K9STKU',
        baseUrl: BASE_URL
      })
    }
  })(document,"script");
</script>`,
  },
];