@internetarchive/recaptcha-manager 1.0.0 → 2.0.0

package/README.md

@@ -1,63 +1,63 @@
-![Build Status](https://github.com/internetarchive/iaux-recaptcha-manager/actions/workflows/ci.yml/badge.svg)
-
-# Internet Archive reCaptcha Manager
-
-A library to lazy load and interact with reCaptcha
-
-## Installation
-
-```shell
-> npm install @internetarchive/recaptcha-manager
-```
-
-## Usage
-
-```ts
-const recaptchaManager = new RecaptchaManager({
-  defaultSiteKey: 'your-site-key',
-});
-
-// will load recaptcha library if it's not loaded
-const recaptchaWidget = await recaptchaManager.getRecaptchaWidget({
-  recaptchaParams: {
-    tabindex: 0,
-    theme: 'light',
-    type: 'image',
-  },
-});
-
-const token = await recaptchaWidget.execute();
-
-// submit token with your post and validate on the backend
-```
-
-For more usage examples, see `demo/app-root.ts` and `test/recaptcha-manager.test.ts`.
-
-## Local Demo with `web-dev-server`
-```bash
-npm run start
-```
-To run a local development server that serves the basic demo located in `demo/index.html`
-
-## Testing with Web Test Runner
-To run the suite of Web Test Runner tests, run
-```bash
-npm run test
-```
-
-To run the tests in watch mode (for <abbr title="test driven development">TDD</abbr>, for example), run
-
-```bash
-npm run test:watch
-```
-
-## Linting with ESLint, Prettier, and Types
-To scan the project for linting errors, run
-```bash
-npm run lint
-```
-
-To automatically fix many linting errors, run
-```bash
-npm run format
-```
+![Build Status](https://github.com/internetarchive/iaux-recaptcha-manager/actions/workflows/ci.yml/badge.svg)
+
+# Internet Archive reCaptcha Manager
+
+A library to lazy load and interact with reCaptcha
+
+## Installation
+
+```shell
+> npm install @internetarchive/recaptcha-manager
+```
+
+## Usage
+
+```ts
+const recaptchaManager = new RecaptchaManager({
+  defaultSiteKey: 'your-site-key',
+});
+
+// will load recaptcha library if it's not loaded
+const recaptchaWidget = await recaptchaManager.getRecaptchaWidget({
+  recaptchaParams: {
+    tabindex: 0,
+    theme: 'light',
+    type: 'image',
+  },
+});
+
+const token = await recaptchaWidget.execute();
+
+// submit token with your post and validate on the backend
+```
+
+For more usage examples, see `demo/app-root.ts` and `test/recaptcha-manager.test.ts`.
+
+## Local Demo with `web-dev-server`
+```bash
+npm run start
+```
+To run a local development server that serves the basic demo located in `demo/index.html`
+
+## Testing with Web Test Runner
+To run the suite of Web Test Runner tests, run
+```bash
+npm run test
+```
+
+To run the tests in watch mode (for <abbr title="test driven development">TDD</abbr>, for example), run
+
+```bash
+npm run test:watch
+```
+
+## Linting with ESLint, Prettier, and Types
+To scan the project for linting errors, run
+```bash
+npm run lint
+```
+
+To automatically fix many linting errors, run
+```bash
+npm run format
+```

package/coverage/.gitignore

@@ -1,3 +1,3 @@
-*
-!.placeholder
+*
+!.placeholder
 !.gitignore

package/demo/app-root.ts

@@ -1,93 +1,111 @@
-import { html, css, LitElement } from 'lit';
-import { customElement, state } from 'lit/decorators.js';
-import { RecaptchaWidgetInterface } from '../src/recaptcha-widget';
-import {
-  RecaptchaManager,
-  RecaptchaManagerInterface,
-} from '../src/recaptcha-manager';
-
-@customElement('app-root')
-export class AppRoot extends LitElement {
-  @state() result?: string;
-
-  @state() result2?: string;
-
-  private recaptchaManager: RecaptchaManagerInterface = new RecaptchaManager({
-    defaultSiteKey: '6Ld64a8UAAAAAGbDwi1927ztGNw7YABQ-dqzvTN2',
-  });
-
-  private recaptcha1?: RecaptchaWidgetInterface;
-
-  private recaptcha2?: RecaptchaWidgetInterface;
-
-  render() {
-    return html`
-      <p>
-        <button @click="${this.loadRecaptcha}">Load Recaptcha</button
-        ><button @click="${this.executeRecaptcha}">Execute Recaptcha</button>
-      </p>
-      ${this.result
-        ? html`<p><strong>Token:</strong></p>
-            <p>${this.result}</p>`
-        : ''}
-      <p>
-        <button @click="${this.loadRecaptcha2}">Load Another Recaptcha</button
-        ><button @click="${this.executeRecaptcha2}">
-          Execute Another Recaptcha
-        </button>
-      </p>
-      ${this.result2
-        ? html`<p><strong>Token 2:</strong></p>
-            <p>${this.result2}</p>`
-        : ''}
-    `;
-  }
-
-  private async loadRecaptcha() {
-    this.recaptcha1 = await this.recaptchaManager?.getRecaptchaWidget({
-      recaptchaParams: {
-        tabindex: 0,
-        theme: 'light',
-        type: 'image',
-      },
-    });
-  }
-
-  private async executeRecaptcha() {
-    if (!this.recaptcha1) {
-      await this.loadRecaptcha();
-    }
-
-    if (!this.recaptcha1) {
-      console.error('error loading recaptcha');
-      return;
-    }
-
-    this.result = await this.recaptcha1.execute();
-  }
-
-  private async loadRecaptcha2() {
-    this.recaptcha2 = await this.recaptchaManager?.getRecaptchaWidget({
-      siteKey: '<your-site-key>',
-    });
-  }
-
-  private async executeRecaptcha2() {
-    if (!this.recaptcha2) {
-      await this.loadRecaptcha();
-    }
-
-    if (!this.recaptcha2) {
-      console.error('error loading recaptcha');
-      return;
-    }
-
-    this.result2 = await this.recaptcha2.execute();
-  }
-
-  static styles = css`
-    :host {
-      display: block;
-    }
-  `;
-}
+import { html, css, LitElement } from 'lit';
+import { customElement, state, query } from 'lit/decorators.js';
+import { RecaptchaWidgetInterface } from '../src/recaptcha-widget';
+import {
+  RecaptchaManager,
+  RecaptchaManagerInterface,
+} from '../src/recaptcha-manager';
+
+@customElement('app-root')
+export class AppRoot extends LitElement {
+  @state() result?: string;
+
+  @state() result2?: string;
+
+  @query('#timeout') timeoutInput!: HTMLInputElement;
+
+  private recaptchaManager: RecaptchaManagerInterface = new RecaptchaManager({
+    defaultSiteKey: '6Ld64a8UAAAAAGbDwi1927ztGNw7YABQ-dqzvTN2',
+  });
+
+  private recaptcha1?: RecaptchaWidgetInterface;
+
+  private recaptcha2?: RecaptchaWidgetInterface;
+
+  render() {
+    return html`
+      <label for="timeout">
+        Timeout (ms):
+        <input
+          type="number"
+          id="timeout"
+          value="10000"
+          min="0"
+          max="99999"
+          step="100"
+          @change=${this.updateTimeout}
+        />
+      </label>
+      <p>
+        <button @click="${this.loadRecaptcha}">Load Recaptcha</button
+        ><button @click="${this.executeRecaptcha}">Execute Recaptcha</button>
+      </p>
+      ${this.result
+        ? html`<p><strong>Token:</strong></p>
+            <p>${this.result}</p>`
+        : ''}
+      <p>
+        <button @click="${this.loadRecaptcha2}">Load Another Recaptcha</button
+        ><button @click="${this.executeRecaptcha2}">
+          Execute Another Recaptcha
+        </button>
+      </p>
+      ${this.result2
+        ? html`<p><strong>Token 2:</strong></p>
+            <p>${this.result2}</p>`
+        : ''}
+    `;
+  }
+
+  private updateTimeout() {
+    this.recaptchaManager.setTimeoutDelay(+this.timeoutInput.value);
+  }
+
+  private async loadRecaptcha() {
+    this.recaptcha1 = await this.recaptchaManager?.getRecaptchaWidget({
+      recaptchaParams: {
+        tabindex: 0,
+        theme: 'light',
+        type: 'image',
+      },
+    });
+  }
+
+  private async executeRecaptcha() {
+    if (!this.recaptcha1) {
+      await this.loadRecaptcha();
+    }
+
+    if (!this.recaptcha1) {
+      console.error('error loading recaptcha');
+      return;
+    }
+
+    this.result = await this.recaptcha1.execute();
+  }
+
+  private async loadRecaptcha2() {
+    this.recaptcha2 = await this.recaptchaManager?.getRecaptchaWidget({
+      siteKey: '<your-site-key>',
+    });
+  }
+
+  private async executeRecaptcha2() {
+    if (!this.recaptcha2) {
+      await this.loadRecaptcha();
+    }
+
+    if (!this.recaptcha2) {
+      console.error('error loading recaptcha');
+      return;
+    }
+
+    this.result2 = await this.recaptcha2.execute();
+  }
+
+  static styles = css`
+    :host {
+      display: block;
+    }
+  `;
+}

package/demo/index.html

@@ -1,21 +1,21 @@
-<!doctype html>
-<html lang="en-GB">
-<head>
-  <meta charset="utf-8">
-  <style>
-    html {
-      font-size: 10px; /* This is to match petabox's base font size */
-    }
-
-    body {
-      background: #fafafa;
-    }
-  </style>
-</head>
-<body>
-  <app-root></app-root>
-
-  <script type="module" src="../dist/demo/app-root.js">
-  </script>
-</body>
-</html>
+<!doctype html>
+<html lang="en-GB">
+<head>
+  <meta charset="utf-8">
+  <style>
+    html {
+      font-size: 10px; /* This is to match petabox's base font size */
+    }
+
+    body {
+      background: #fafafa;
+    }
+  </style>
+</head>
+<body>
+  <app-root></app-root>
+
+  <script type="module" src="../dist/demo/app-root.js">
+  </script>
+</body>
+</html>

package/dist/demo/app-root.d.ts

@@ -2,10 +2,12 @@ import { LitElement } from 'lit';
 export declare class AppRoot extends LitElement {
     result?: string;
     result2?: string;
+    timeoutInput: HTMLInputElement;
     private recaptchaManager;
     private recaptcha1?;
     private recaptcha2?;
     render(): import("lit").TemplateResult<1>;
+    private updateTimeout;
     private loadRecaptcha;
     private executeRecaptcha;
     private loadRecaptcha2;

package/dist/demo/app-root.js

@@ -1,6 +1,6 @@
 import { __decorate } from "tslib";
 import { html, css, LitElement } from 'lit';
-import { customElement, state } from 'lit/decorators.js';
+import { customElement, state, query } from 'lit/decorators.js';
 import { RecaptchaManager, } from '../src/recaptcha-manager';
 let AppRoot = class AppRoot extends LitElement {
     constructor() {
@@ -10,27 +10,42 @@ let AppRoot = class AppRoot extends LitElement {
         });
     }
     render() {
-        return html `
-      <p>
-        <button @click="${this.loadRecaptcha}">Load Recaptcha</button
-        ><button @click="${this.executeRecaptcha}">Execute Recaptcha</button>
-      </p>
+        return html `
+      <label for="timeout">
+        Timeout (ms):
+        <input
+          type="number"
+          id="timeout"
+          value="10000"
+          min="0"
+          max="99999"
+          step="100"
+          @change=${this.updateTimeout}
+        />
+      </label>
+      <p>
+        <button @click="${this.loadRecaptcha}">Load Recaptcha</button
+        ><button @click="${this.executeRecaptcha}">Execute Recaptcha</button>
+      </p>
       ${this.result
-            ? html `<p><strong>Token:</strong></p>
+            ? html `<p><strong>Token:</strong></p>
             <p>${this.result}</p>`
-            : ''}
-      <p>
-        <button @click="${this.loadRecaptcha2}">Load Another Recaptcha</button
-        ><button @click="${this.executeRecaptcha2}">
-          Execute Another Recaptcha
-        </button>
-      </p>
+            : ''}
+      <p>
+        <button @click="${this.loadRecaptcha2}">Load Another Recaptcha</button
+        ><button @click="${this.executeRecaptcha2}">
+          Execute Another Recaptcha
+        </button>
+      </p>
       ${this.result2
-            ? html `<p><strong>Token 2:</strong></p>
+            ? html `<p><strong>Token 2:</strong></p>
             <p>${this.result2}</p>`
-            : ''}
+            : ''}
     `;
     }
+    updateTimeout() {
+        this.recaptchaManager.setTimeoutDelay(+this.timeoutInput.value);
+    }
     async loadRecaptcha() {
         var _a;
         this.recaptcha1 = await ((_a = this.recaptchaManager) === null || _a === void 0 ? void 0 : _a.getRecaptchaWidget({
@@ -68,10 +83,10 @@ let AppRoot = class AppRoot extends LitElement {
         this.result2 = await this.recaptcha2.execute();
     }
 };
-AppRoot.styles = css `
-    :host {
-      display: block;
-    }
+AppRoot.styles = css `
+    :host {
+      display: block;
+    }
   `;
 __decorate([
     state()
@@ -79,6 +94,9 @@ __decorate([
 __decorate([
     state()
 ], AppRoot.prototype, "result2", void 0);
+__decorate([
+    query('#timeout')
+], AppRoot.prototype, "timeoutInput", void 0);
 AppRoot = __decorate([
     customElement('app-root')
 ], AppRoot);

package/dist/demo/app-root.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-root.js","sourceRoot":"","sources":["../../demo/app-root.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEzD,OAAO,EACL,gBAAgB,GAEjB,MAAM,0BAA0B,CAAC;AAG3B,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU;IAAhC;;QAKG,qBAAgB,GAA8B,IAAI,gBAAgB,CAAC;YACzE,cAAc,EAAE,0CAA0C;SAC3D,CAAC,CAAC;IA4EL,CAAC;IAtEC,MAAM;QACJ,OAAO,IAAI,CAAA;;0BAEW,IAAI,CAAC,aAAa;2BACjB,IAAI,CAAC,gBAAgB;;QAExC,IAAI,CAAC,MAAM;YACX,CAAC,CAAC,IAAI,CAAA;iBACG,IAAI,CAAC,MAAM,MAAM;YAC1B,CAAC,CAAC,EAAE;;0BAEc,IAAI,CAAC,cAAc;2BAClB,IAAI,CAAC,iBAAiB;;;;QAIzC,IAAI,CAAC,OAAO;YACZ,CAAC,CAAC,IAAI,CAAA;iBACG,IAAI,CAAC,OAAO,MAAM;YAC3B,CAAC,CAAC,EAAE;KACP,CAAC;IACJ,CAAC;IAEO,KAAK,CAAC,aAAa;;QACzB,IAAI,CAAC,UAAU,GAAG,MAAM,CAAA,MAAA,IAAI,CAAC,gBAAgB,0CAAE,kBAAkB,CAAC;YAChE,eAAe,EAAE;gBACf,QAAQ,EAAE,CAAC;gBACX,KAAK,EAAE,OAAO;gBACd,IAAI,EAAE,OAAO;aACd;SACF,CAAC,CAAA,CAAC;IACL,CAAC;IAEO,KAAK,CAAC,gBAAgB;QAC5B,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YACrB,MAAM,IAAI,CAAC,aAAa,EAAE,CAAC;QAC7B,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YACrB,OAAO,CAAC,KAAK,CAAC,yBAAyB,CAAC,CAAC;YACzC,OAAO;QACT,CAAC;QAED,IAAI,CAAC,MAAM,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;IAChD,CAAC;IAEO,KAAK,CAAC,cAAc;;QAC1B,IAAI,CAAC,UAAU,GAAG,MAAM,CAAA,MAAA,IAAI,CAAC,gBAAgB,0CAAE,kBAAkB,CAAC;YAChE,OAAO,EAAE,iBAAiB;SAC3B,CAAC,CAAA,CAAC;IACL,CAAC;IAEO,KAAK,CAAC,iBAAiB;QAC7B,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YACrB,MAAM,IAAI,CAAC,aAAa,EAAE,CAAC;QAC7B,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YACrB,OAAO,CAAC,KAAK,CAAC,yBAAyB,CAAC,CAAC;YACzC,OAAO;QACT,CAAC;QAED,IAAI,CAAC,OAAO,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;IACjD,CAAC;;AAEM,cAAM,GAAG,GAAG,CAAA;;;;GAIlB,AAJY,CAIX;AAjFO;IAAR,KAAK,EAAE;uCAAiB;AAEhB;IAAR,KAAK,EAAE;wCAAkB;AAHf,OAAO;IADnB,aAAa,CAAC,UAAU,CAAC;GACb,OAAO,CAmFnB","sourcesContent":["import { html, css, LitElement } from 'lit';\nimport { customElement, state } from 'lit/decorators.js';\nimport { RecaptchaWidgetInterface } from '../src/recaptcha-widget';\nimport {\n  RecaptchaManager,\n  RecaptchaManagerInterface,\n} from '../src/recaptcha-manager';\n\n@customElement('app-root')\nexport class AppRoot extends LitElement {\n  @state() result?: string;\n\n  @state() result2?: string;\n\n  private recaptchaManager: RecaptchaManagerInterface = new RecaptchaManager({\n    defaultSiteKey: '6Ld64a8UAAAAAGbDwi1927ztGNw7YABQ-dqzvTN2',\n  });\n\n  private recaptcha1?: RecaptchaWidgetInterface;\n\n  private recaptcha2?: RecaptchaWidgetInterface;\n\n  render() {\n    return html`\n      <p>\n        <button @click=\"${this.loadRecaptcha}\">Load Recaptcha</button\n        ><button @click=\"${this.executeRecaptcha}\">Execute Recaptcha</button>\n      </p>\n      ${this.result\n        ? html`<p><strong>Token:</strong></p>\n            <p>${this.result}</p>`\n        : ''}\n      <p>\n        <button @click=\"${this.loadRecaptcha2}\">Load Another Recaptcha</button\n        ><button @click=\"${this.executeRecaptcha2}\">\n          Execute Another Recaptcha\n        </button>\n      </p>\n      ${this.result2\n        ? html`<p><strong>Token 2:</strong></p>\n            <p>${this.result2}</p>`\n        : ''}\n    `;\n  }\n\n  private async loadRecaptcha() {\n    this.recaptcha1 = await this.recaptchaManager?.getRecaptchaWidget({\n      recaptchaParams: {\n        tabindex: 0,\n        theme: 'light',\n        type: 'image',\n      },\n    });\n  }\n\n  private async executeRecaptcha() {\n    if (!this.recaptcha1) {\n      await this.loadRecaptcha();\n    }\n\n    if (!this.recaptcha1) {\n      console.error('error loading recaptcha');\n      return;\n    }\n\n    this.result = await this.recaptcha1.execute();\n  }\n\n  private async loadRecaptcha2() {\n    this.recaptcha2 = await this.recaptchaManager?.getRecaptchaWidget({\n      siteKey: '<your-site-key>',\n    });\n  }\n\n  private async executeRecaptcha2() {\n    if (!this.recaptcha2) {\n      await this.loadRecaptcha();\n    }\n\n    if (!this.recaptcha2) {\n      console.error('error loading recaptcha');\n      return;\n    }\n\n    this.result2 = await this.recaptcha2.execute();\n  }\n\n  static styles = css`\n    :host {\n      display: block;\n    }\n  `;\n}\n"]}
+{"version":3,"file":"app-root.js","sourceRoot":"","sources":["../../demo/app-root.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEhE,OAAO,EACL,gBAAgB,GAEjB,MAAM,0BAA0B,CAAC;AAG3B,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU;IAAhC;;QAOG,qBAAgB,GAA8B,IAAI,gBAAgB,CAAC;YACzE,cAAc,EAAE,0CAA0C;SAC3D,CAAC,CAAC;IA4FL,CAAC;IAtFC,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;;;;oBAUK,IAAI,CAAC,aAAa;;;;0BAIZ,IAAI,CAAC,aAAa;2BACjB,IAAI,CAAC,gBAAgB;;QAExC,IAAI,CAAC,MAAM;YACX,CAAC,CAAC,IAAI,CAAA;iBACG,IAAI,CAAC,MAAM,MAAM;YAC1B,CAAC,CAAC,EAAE;;0BAEc,IAAI,CAAC,cAAc;2BAClB,IAAI,CAAC,iBAAiB;;;;QAIzC,IAAI,CAAC,OAAO;YACZ,CAAC,CAAC,IAAI,CAAA;iBACG,IAAI,CAAC,OAAO,MAAM;YAC3B,CAAC,CAAC,EAAE;KACP,CAAC;IACJ,CAAC;IAEO,aAAa;QACnB,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IAClE,CAAC;IAEO,KAAK,CAAC,aAAa;;QACzB,IAAI,CAAC,UAAU,GAAG,MAAM,CAAA,MAAA,IAAI,CAAC,gBAAgB,0CAAE,kBAAkB,CAAC;YAChE,eAAe,EAAE;gBACf,QAAQ,EAAE,CAAC;gBACX,KAAK,EAAE,OAAO;gBACd,IAAI,EAAE,OAAO;aACd;SACF,CAAC,CAAA,CAAC;IACL,CAAC;IAEO,KAAK,CAAC,gBAAgB;QAC5B,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YACrB,MAAM,IAAI,CAAC,aAAa,EAAE,CAAC;QAC7B,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YACrB,OAAO,CAAC,KAAK,CAAC,yBAAyB,CAAC,CAAC;YACzC,OAAO;QACT,CAAC;QAED,IAAI,CAAC,MAAM,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;IAChD,CAAC;IAEO,KAAK,CAAC,cAAc;;QAC1B,IAAI,CAAC,UAAU,GAAG,MAAM,CAAA,MAAA,IAAI,CAAC,gBAAgB,0CAAE,kBAAkB,CAAC;YAChE,OAAO,EAAE,iBAAiB;SAC3B,CAAC,CAAA,CAAC;IACL,CAAC;IAEO,KAAK,CAAC,iBAAiB;QAC7B,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YACrB,MAAM,IAAI,CAAC,aAAa,EAAE,CAAC;QAC7B,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YACrB,OAAO,CAAC,KAAK,CAAC,yBAAyB,CAAC,CAAC;YACzC,OAAO;QACT,CAAC;QAED,IAAI,CAAC,OAAO,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;IACjD,CAAC;;AAEM,cAAM,GAAG,GAAG,CAAA;;;;GAIlB,AAJY,CAIX;AAnGO;IAAR,KAAK,EAAE;uCAAiB;AAEhB;IAAR,KAAK,EAAE;wCAAkB;AAEP;IAAlB,KAAK,CAAC,UAAU,CAAC;6CAAiC;AALxC,OAAO;IADnB,aAAa,CAAC,UAAU,CAAC;GACb,OAAO,CAqGnB","sourcesContent":["import { html, css, LitElement } from 'lit';\r\nimport { customElement, state, query } from 'lit/decorators.js';\r\nimport { RecaptchaWidgetInterface } from '../src/recaptcha-widget';\r\nimport {\r\n  RecaptchaManager,\r\n  RecaptchaManagerInterface,\r\n} from '../src/recaptcha-manager';\r\n\r\n@customElement('app-root')\r\nexport class AppRoot extends LitElement {\r\n  @state() result?: string;\r\n\r\n  @state() result2?: string;\r\n\r\n  @query('#timeout') timeoutInput!: HTMLInputElement;\r\n\r\n  private recaptchaManager: RecaptchaManagerInterface = new RecaptchaManager({\r\n    defaultSiteKey: '6Ld64a8UAAAAAGbDwi1927ztGNw7YABQ-dqzvTN2',\r\n  });\r\n\r\n  private recaptcha1?: RecaptchaWidgetInterface;\r\n\r\n  private recaptcha2?: RecaptchaWidgetInterface;\r\n\r\n  render() {\r\n    return html`\r\n      <label for=\"timeout\">\r\n        Timeout (ms):\r\n        <input\r\n          type=\"number\"\r\n          id=\"timeout\"\r\n          value=\"10000\"\r\n          min=\"0\"\r\n          max=\"99999\"\r\n          step=\"100\"\r\n          @change=${this.updateTimeout}\r\n        />\r\n      </label>\r\n      <p>\r\n        <button @click=\"${this.loadRecaptcha}\">Load Recaptcha</button\r\n        ><button @click=\"${this.executeRecaptcha}\">Execute Recaptcha</button>\r\n      </p>\r\n      ${this.result\r\n        ? html`<p><strong>Token:</strong></p>\r\n            <p>${this.result}</p>`\r\n        : ''}\r\n      <p>\r\n        <button @click=\"${this.loadRecaptcha2}\">Load Another Recaptcha</button\r\n        ><button @click=\"${this.executeRecaptcha2}\">\r\n          Execute Another Recaptcha\r\n        </button>\r\n      </p>\r\n      ${this.result2\r\n        ? html`<p><strong>Token 2:</strong></p>\r\n            <p>${this.result2}</p>`\r\n        : ''}\r\n    `;\r\n  }\r\n\r\n  private updateTimeout() {\r\n    this.recaptchaManager.setTimeoutDelay(+this.timeoutInput.value);\r\n  }\r\n\r\n  private async loadRecaptcha() {\r\n    this.recaptcha1 = await this.recaptchaManager?.getRecaptchaWidget({\r\n      recaptchaParams: {\r\n        tabindex: 0,\r\n        theme: 'light',\r\n        type: 'image',\r\n      },\r\n    });\r\n  }\r\n\r\n  private async executeRecaptcha() {\r\n    if (!this.recaptcha1) {\r\n      await this.loadRecaptcha();\r\n    }\r\n\r\n    if (!this.recaptcha1) {\r\n      console.error('error loading recaptcha');\r\n      return;\r\n    }\r\n\r\n    this.result = await this.recaptcha1.execute();\r\n  }\r\n\r\n  private async loadRecaptcha2() {\r\n    this.recaptcha2 = await this.recaptchaManager?.getRecaptchaWidget({\r\n      siteKey: '<your-site-key>',\r\n    });\r\n  }\r\n\r\n  private async executeRecaptcha2() {\r\n    if (!this.recaptcha2) {\r\n      await this.loadRecaptcha();\r\n    }\r\n\r\n    if (!this.recaptcha2) {\r\n      console.error('error loading recaptcha');\r\n      return;\r\n    }\r\n\r\n    this.result2 = await this.recaptcha2.execute();\r\n  }\r\n\r\n  static styles = css`\r\n    :host {\r\n      display: block;\r\n    }\r\n  `;\r\n}\r\n"]}

package/dist/src/recaptcha-manager.d.ts

@@ -1,6 +1,10 @@
 import { LazyLoaderServiceInterface } from '@internetarchive/lazy-loader-service';
 import { RecaptchaWidgetInterface } from './recaptcha-widget';
 export interface RecaptchaManagerInterface {
+    /**
+     * Changes the manager's timeout delay to the given number of milliseconds.
+     */
+    setTimeoutDelay(delay: number): void;
     /**
      * Load a recaptcha widget for a given site key or the default site key.
      */
@@ -10,21 +14,29 @@ export interface RecaptchaManagerInterface {
     }): Promise<RecaptchaWidgetInterface>;
 }
 export declare class RecaptchaManager implements RecaptchaManagerInterface {
+    private static readonly DEFAULT_TIMEOUT;
     private lazyLoader;
     private defaultSiteKey?;
     private recaptchaCache;
+    /**
+     * How long in milliseconds to wait for the recaptcha library to load before timing out.
+     */
+    private timeout;
     constructor(options?: {
         defaultSiteKey?: string;
         lazyLoader?: LazyLoaderServiceInterface;
         grecaptchaLibrary?: ReCaptchaV2.ReCaptcha;
+        timeout?: number;
     });
     /** @inheritdoc */
+    setTimeoutDelay(delay: number): void;
+    /** @inheritdoc */
     getRecaptchaWidget(options?: {
         siteKey?: string;
         recaptchaParams?: ReCaptchaV2.Parameters;
     }): Promise<RecaptchaWidgetInterface>;
     /**
-     * Load the Recaptch library from Google.
+     * Load the Recaptcha library from Google.
      *
      * @returns Promise<ReCaptchaV2.ReCaptcha>
      */

package/dist/src/recaptcha-manager.js

@@ -2,11 +2,20 @@ import { LazyLoaderService, } from '@internetarchive/lazy-loader-service';
 import { RecaptchaWidget } from './recaptcha-widget';
 export class RecaptchaManager {
     constructor(options) {
-        var _a;
+        var _a, _b;
         this.recaptchaCache = {};
+        /**
+         * How long in milliseconds to wait for the recaptcha library to load before timing out.
+         */
+        this.timeout = RecaptchaManager.DEFAULT_TIMEOUT;
         this.defaultSiteKey = options === null || options === void 0 ? void 0 : options.defaultSiteKey;
         this.lazyLoader = (_a = options === null || options === void 0 ? void 0 : options.lazyLoader) !== null && _a !== void 0 ? _a : new LazyLoaderService();
         this.grecaptchaLibraryCache = options === null || options === void 0 ? void 0 : options.grecaptchaLibrary;
+        this.timeout = (_b = options === null || options === void 0 ? void 0 : options.timeout) !== null && _b !== void 0 ? _b : RecaptchaManager.DEFAULT_TIMEOUT;
+    }
+    /** @inheritdoc */
+    setTimeoutDelay(delay) {
+        this.timeout = delay;
     }
     /** @inheritdoc */
     async getRecaptchaWidget(options) {
@@ -27,7 +36,7 @@ export class RecaptchaManager {
         return recaptcha;
     }
     /**
-     * Load the Recaptch library from Google.
+     * Load the Recaptcha library from Google.
      *
      * @returns Promise<ReCaptchaV2.ReCaptcha>
      */
@@ -35,7 +44,7 @@ export class RecaptchaManager {
         if (this.grecaptchaLibraryCache) {
             return this.grecaptchaLibraryCache;
         }
-        return new Promise(resolve => {
+        return new Promise((resolve, reject) => {
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             window.grecaptchaLoadedCallback = () => {
                 setTimeout(() => {
@@ -46,10 +55,12 @@ export class RecaptchaManager {
                 this.grecaptchaLibraryCache = window.grecaptcha;
                 resolve(window.grecaptcha);
             };
+            setTimeout(() => reject(new Error('grecaptcha failed to execute callback')), this.timeout);
             this.lazyLoader.loadScript({
                 src: 'https://www.google.com/recaptcha/api.js?onload=grecaptchaLoadedCallback&render=explicit',
             });
         });
     }
 }
+RecaptchaManager.DEFAULT_TIMEOUT = 10000;
 //# sourceMappingURL=recaptcha-manager.js.map

package/dist/src/recaptcha-manager.js.map

@@ -1 +1 @@
-{"version":3,"file":"recaptcha-manager.js","sourceRoot":"","sources":["../../src/recaptcha-manager.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,GAElB,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAE,eAAe,EAA4B,MAAM,oBAAoB,CAAC;AAY/E,MAAM,OAAO,gBAAgB;IAO3B,YAAY,OAIX;;QANO,mBAAc,GAAoC,EAAE,CAAC;QAO3D,IAAI,CAAC,cAAc,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,cAAc,CAAC;QAC9C,IAAI,CAAC,UAAU,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU,mCAAI,IAAI,iBAAiB,EAAE,CAAC;QACjE,IAAI,CAAC,sBAAsB,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,iBAAiB,CAAC;IAC3D,CAAC;IAED,kBAAkB;IAClB,KAAK,CAAC,kBAAkB,CAAC,OAGxB;;QACC,MAAM,GAAG,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,mCAAI,IAAI,CAAC,cAAc,CAAC;QACpD,IAAI,CAAC,GAAG,EAAE,CAAC;YACT,MAAM,IAAI,KAAK,CAAC,0CAA0C,CAAC,CAAC;QAC9D,CAAC;QAED,MAAM,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;QACxC,IAAI,MAAM;YAAE,OAAO,MAAM,CAAC;QAE1B,MAAM,iBAAiB,GAAG,MAAM,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC3D,MAAM,SAAS,GAAG,IAAI,eAAe,CACnC;YACE,OAAO,EAAE,GAAG;YACZ,iBAAiB;SAClB,EACD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,eAAe,CACzB,CAAC;QAEF,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;QACrC,OAAO,SAAS,CAAC;IACnB,CAAC;IAED;;;;OAIG;IACK,KAAK,CAAC,mBAAmB;QAC/B,IAAI,IAAI,CAAC,sBAAsB,EAAE,CAAC;YAChC,OAAO,IAAI,CAAC,sBAAsB,CAAC;QACrC,CAAC;QACD,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE;YAC3B,8DAA8D;YAC7D,MAAc,CAAC,wBAAwB,GAAG,GAAS,EAAE;gBACpD,UAAU,CAAC,GAAG,EAAE;oBACd,8CAA8C;oBAC9C,8DAA8D;oBAC9D,OAAQ,MAAc,CAAC,wBAAwB,CAAC;gBAClD,CAAC,EAAE,EAAE,CAAC,CAAC;gBACP,IAAI,CAAC,sBAAsB,GAAG,MAAM,CAAC,UAAU,CAAC;gBAChD,OAAO,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;YAC7B,CAAC,CAAC;YAEF,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC;gBACzB,GAAG,EAAE,yFAAyF;aAC/F,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;CAIF","sourcesContent":["import {\n  LazyLoaderService,\n  LazyLoaderServiceInterface,\n} from '@internetarchive/lazy-loader-service';\nimport { RecaptchaWidget, RecaptchaWidgetInterface } from './recaptcha-widget';\n\nexport interface RecaptchaManagerInterface {\n  /**\n   * Load a recaptcha widget for a given site key or the default site key.\n   */\n  getRecaptchaWidget(options?: {\n    siteKey?: string;\n    recaptchaParams?: ReCaptchaV2.Parameters;\n  }): Promise<RecaptchaWidgetInterface>;\n}\n\nexport class RecaptchaManager implements RecaptchaManagerInterface {\n  private lazyLoader: LazyLoaderServiceInterface;\n\n  private defaultSiteKey?: string;\n\n  private recaptchaCache: Record<string, RecaptchaWidget> = {};\n\n  constructor(options?: {\n    defaultSiteKey?: string;\n    lazyLoader?: LazyLoaderServiceInterface;\n    grecaptchaLibrary?: ReCaptchaV2.ReCaptcha; // allows dependency injection or will be lazy loaded\n  }) {\n    this.defaultSiteKey = options?.defaultSiteKey;\n    this.lazyLoader = options?.lazyLoader ?? new LazyLoaderService();\n    this.grecaptchaLibraryCache = options?.grecaptchaLibrary;\n  }\n\n  /** @inheritdoc */\n  async getRecaptchaWidget(options?: {\n    siteKey?: string;\n    recaptchaParams?: ReCaptchaV2.Parameters;\n  }): Promise<RecaptchaWidgetInterface> {\n    const key = options?.siteKey ?? this.defaultSiteKey;\n    if (!key) {\n      throw new Error('The reCaptcha widget requires a site key');\n    }\n\n    const cached = this.recaptchaCache[key];\n    if (cached) return cached;\n\n    const grecaptchaLibrary = await this.getRecaptchaLibrary();\n    const recaptcha = new RecaptchaWidget(\n      {\n        siteKey: key,\n        grecaptchaLibrary,\n      },\n      options?.recaptchaParams,\n    );\n\n    this.recaptchaCache[key] = recaptcha;\n    return recaptcha;\n  }\n\n  /**\n   * Load the Recaptch library from Google.\n   *\n   * @returns Promise<ReCaptchaV2.ReCaptcha>\n   */\n  private async getRecaptchaLibrary(): Promise<ReCaptchaV2.ReCaptcha> {\n    if (this.grecaptchaLibraryCache) {\n      return this.grecaptchaLibraryCache;\n    }\n    return new Promise(resolve => {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      (window as any).grecaptchaLoadedCallback = (): void => {\n        setTimeout(() => {\n          // remove the callback when we're done with it\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          delete (window as any).grecaptchaLoadedCallback;\n        }, 10);\n        this.grecaptchaLibraryCache = window.grecaptcha;\n        resolve(window.grecaptcha);\n      };\n\n      this.lazyLoader.loadScript({\n        src: 'https://www.google.com/recaptcha/api.js?onload=grecaptchaLoadedCallback&render=explicit',\n      });\n    });\n  }\n\n  /** don't use directly, use `getRecaptchaLibrary()` */\n  private grecaptchaLibraryCache?: ReCaptchaV2.ReCaptcha;\n}\n"]}
+{"version":3,"file":"recaptcha-manager.js","sourceRoot":"","sources":["../../src/recaptcha-manager.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,GAElB,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAE,eAAe,EAA4B,MAAM,oBAAoB,CAAC;AAiB/E,MAAM,OAAO,gBAAgB;IAc3B,YAAY,OAKX;;QAZO,mBAAc,GAAoC,EAAE,CAAC;QAE7D;;WAEG;QACK,YAAO,GAAG,gBAAgB,CAAC,eAAe,CAAC;QAQjD,IAAI,CAAC,cAAc,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,cAAc,CAAC;QAC9C,IAAI,CAAC,UAAU,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU,mCAAI,IAAI,iBAAiB,EAAE,CAAC;QACjE,IAAI,CAAC,sBAAsB,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,iBAAiB,CAAC;QACzD,IAAI,CAAC,OAAO,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,mCAAI,gBAAgB,CAAC,eAAe,CAAC;IACtE,CAAC;IAED,kBAAkB;IAClB,eAAe,CAAC,KAAa;QAC3B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACvB,CAAC;IAED,kBAAkB;IAClB,KAAK,CAAC,kBAAkB,CAAC,OAGxB;;QACC,MAAM,GAAG,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,mCAAI,IAAI,CAAC,cAAc,CAAC;QACpD,IAAI,CAAC,GAAG,EAAE,CAAC;YACT,MAAM,IAAI,KAAK,CAAC,0CAA0C,CAAC,CAAC;QAC9D,CAAC;QAED,MAAM,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;QACxC,IAAI,MAAM;YAAE,OAAO,MAAM,CAAC;QAE1B,MAAM,iBAAiB,GAAG,MAAM,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC3D,MAAM,SAAS,GAAG,IAAI,eAAe,CACnC;YACE,OAAO,EAAE,GAAG;YACZ,iBAAiB;SAClB,EACD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,eAAe,CACzB,CAAC;QAEF,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;QACrC,OAAO,SAAS,CAAC;IACnB,CAAC;IAED;;;;OAIG;IACK,KAAK,CAAC,mBAAmB;QAC/B,IAAI,IAAI,CAAC,sBAAsB,EAAE,CAAC;YAChC,OAAO,IAAI,CAAC,sBAAsB,CAAC;QACrC,CAAC;QACD,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;YACrC,8DAA8D;YAC7D,MAAc,CAAC,wBAAwB,GAAG,GAAS,EAAE;gBACpD,UAAU,CAAC,GAAG,EAAE;oBACd,8CAA8C;oBAC9C,8DAA8D;oBAC9D,OAAQ,MAAc,CAAC,wBAAwB,CAAC;gBAClD,CAAC,EAAE,EAAE,CAAC,CAAC;gBACP,IAAI,CAAC,sBAAsB,GAAG,MAAM,CAAC,UAAU,CAAC;gBAChD,OAAO,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;YAC7B,CAAC,CAAC;YAEF,UAAU,CACR,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,uCAAuC,CAAC,CAAC,EAChE,IAAI,CAAC,OAAO,CACb,CAAC;YAEF,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC;gBACzB,GAAG,EAAE,yFAAyF;aAC/F,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;;AAtFuB,gCAAe,GAAG,KAAK,AAAR,CAAS","sourcesContent":["import {\r\n  LazyLoaderService,\r\n  LazyLoaderServiceInterface,\r\n} from '@internetarchive/lazy-loader-service';\r\nimport { RecaptchaWidget, RecaptchaWidgetInterface } from './recaptcha-widget';\r\n\r\nexport interface RecaptchaManagerInterface {\r\n  /**\r\n   * Changes the manager's timeout delay to the given number of milliseconds.\r\n   */\r\n  setTimeoutDelay(delay: number): void;\r\n\r\n  /**\r\n   * Load a recaptcha widget for a given site key or the default site key.\r\n   */\r\n  getRecaptchaWidget(options?: {\r\n    siteKey?: string;\r\n    recaptchaParams?: ReCaptchaV2.Parameters;\r\n  }): Promise<RecaptchaWidgetInterface>;\r\n}\r\n\r\nexport class RecaptchaManager implements RecaptchaManagerInterface {\r\n  private static readonly DEFAULT_TIMEOUT = 10000;\r\n\r\n  private lazyLoader: LazyLoaderServiceInterface;\r\n\r\n  private defaultSiteKey?: string;\r\n\r\n  private recaptchaCache: Record<string, RecaptchaWidget> = {};\r\n\r\n  /**\r\n   * How long in milliseconds to wait for the recaptcha library to load before timing out.\r\n   */\r\n  private timeout = RecaptchaManager.DEFAULT_TIMEOUT;\r\n\r\n  constructor(options?: {\r\n    defaultSiteKey?: string;\r\n    lazyLoader?: LazyLoaderServiceInterface;\r\n    grecaptchaLibrary?: ReCaptchaV2.ReCaptcha; // allows dependency injection or will be lazy loaded\r\n    timeout?: number;\r\n  }) {\r\n    this.defaultSiteKey = options?.defaultSiteKey;\r\n    this.lazyLoader = options?.lazyLoader ?? new LazyLoaderService();\r\n    this.grecaptchaLibraryCache = options?.grecaptchaLibrary;\r\n    this.timeout = options?.timeout ?? RecaptchaManager.DEFAULT_TIMEOUT;\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  setTimeoutDelay(delay: number): void {\r\n    this.timeout = delay;\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  async getRecaptchaWidget(options?: {\r\n    siteKey?: string;\r\n    recaptchaParams?: ReCaptchaV2.Parameters;\r\n  }): Promise<RecaptchaWidgetInterface> {\r\n    const key = options?.siteKey ?? this.defaultSiteKey;\r\n    if (!key) {\r\n      throw new Error('The reCaptcha widget requires a site key');\r\n    }\r\n\r\n    const cached = this.recaptchaCache[key];\r\n    if (cached) return cached;\r\n\r\n    const grecaptchaLibrary = await this.getRecaptchaLibrary();\r\n    const recaptcha = new RecaptchaWidget(\r\n      {\r\n        siteKey: key,\r\n        grecaptchaLibrary,\r\n      },\r\n      options?.recaptchaParams,\r\n    );\r\n\r\n    this.recaptchaCache[key] = recaptcha;\r\n    return recaptcha;\r\n  }\r\n\r\n  /**\r\n   * Load the Recaptcha library from Google.\r\n   *\r\n   * @returns Promise<ReCaptchaV2.ReCaptcha>\r\n   */\r\n  private async getRecaptchaLibrary(): Promise<ReCaptchaV2.ReCaptcha> {\r\n    if (this.grecaptchaLibraryCache) {\r\n      return this.grecaptchaLibraryCache;\r\n    }\r\n    return new Promise((resolve, reject) => {\r\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n      (window as any).grecaptchaLoadedCallback = (): void => {\r\n        setTimeout(() => {\r\n          // remove the callback when we're done with it\r\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n          delete (window as any).grecaptchaLoadedCallback;\r\n        }, 10);\r\n        this.grecaptchaLibraryCache = window.grecaptcha;\r\n        resolve(window.grecaptcha);\r\n      };\r\n\r\n      setTimeout(\r\n        () => reject(new Error('grecaptcha failed to execute callback')),\r\n        this.timeout,\r\n      );\r\n\r\n      this.lazyLoader.loadScript({\r\n        src: 'https://www.google.com/recaptcha/api.js?onload=grecaptchaLoadedCallback&render=explicit',\r\n      });\r\n    });\r\n  }\r\n\r\n  /** don't use directly, use `getRecaptchaLibrary()` */\r\n  private grecaptchaLibraryCache?: ReCaptchaV2.ReCaptcha;\r\n}\r\n"]}

package/dist/test/mock-lazy-loader.d.ts

@@ -1,7 +1,9 @@
 import { BundleType, LazyLoaderServiceEvents, LazyLoaderServiceInterface } from '@internetarchive/lazy-loader-service';
 import { Unsubscribe } from 'nanoevents';
 export declare class MockLazyLoaderService implements LazyLoaderServiceInterface {
+    private onloadFn;
     loadScriptSrc?: string;
+    constructor(onloadFn?: () => unknown);
     on<E extends keyof LazyLoaderServiceEvents>(event: E, callback: LazyLoaderServiceEvents[E]): Unsubscribe;
     loadBundle(bundle: {
         module?: string;