@internetarchive/recaptcha-manager 1.0.0 → 2.0.1

package/.claude/worktrees/recaptcha-google-url-hardcode-79a528/test/recaptcha-manager.test.ts

@@ -0,0 +1,201 @@
+import { expect } from '@open-wc/testing';
+import { MockGrecaptcha } from './mock-grecaptcha';
+import { RecaptchaManager } from '../src/recaptcha-manager';
+import { MockLazyLoaderService } from './mock-lazy-loader';
+
+const mockLazyLoader = new MockLazyLoaderService();
+
+describe('ReCaptcha Management', () => {
+  describe('ReCaptcha Manager', () => {
+    it('can return recaptchas', async () => {
+      const mockGrecaptcha = new MockGrecaptcha({
+        mode: 'success',
+      });
+      mockGrecaptcha.response = 'foo';
+      const recaptchaManager = new RecaptchaManager({
+        lazyLoader: mockLazyLoader,
+        grecaptchaLibrary: mockGrecaptcha,
+        defaultSiteKey: '123',
+      });
+      const recaptcha = await recaptchaManager.getRecaptchaWidget();
+      const result = await recaptcha.execute();
+      expect(result).to.equal('foo');
+    });
+
+    it('throws an error if no site key found', async () => {
+      const mockGrecaptcha = new MockGrecaptcha({
+        mode: 'success',
+      });
+      mockGrecaptcha.response = 'foo';
+      const recaptchaManager = new RecaptchaManager({
+        lazyLoader: mockLazyLoader,
+        grecaptchaLibrary: mockGrecaptcha,
+      });
+      try {
+        await recaptchaManager.getRecaptchaWidget();
+        expect.fail('should not get here');
+      } catch (e) {
+        expect((e as Error).message).to.equal(
+          'The reCaptcha widget requires a site key',
+        );
+      }
+    });
+
+    it('returns a cached version if one already exists for a given site key', async () => {
+      const mockGrecaptcha = new MockGrecaptcha({
+        mode: 'success',
+      });
+      mockGrecaptcha.response = 'foo';
+      const recaptchaManager = new RecaptchaManager({
+        lazyLoader: mockLazyLoader,
+        grecaptchaLibrary: mockGrecaptcha,
+        defaultSiteKey: '123',
+      });
+      const recaptcha1 = await recaptchaManager.getRecaptchaWidget();
+      const recaptcha2 = await recaptchaManager.getRecaptchaWidget();
+      expect(recaptcha1).to.equal(recaptcha2);
+    });
+
+    it('loads the recaptcha library if needed', async () => {
+      // Mock lazy loader that mimics the grecaptcha script calling the callback on load
+      const mockLazyLoaderWithCallback = new MockLazyLoaderService(() => {
+        window.grecaptcha = new MockGrecaptcha({
+          mode: 'success',
+        });
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        (window as any).grecaptchaLoadedCallback();
+      });
+
+      const recaptchaManager = new RecaptchaManager({
+        lazyLoader: mockLazyLoaderWithCallback,
+        defaultSiteKey: '123',
+        timeout: 100,
+      });
+
+      await recaptchaManager.getRecaptchaWidget();
+      const loadUrl = mockLazyLoaderWithCallback.loadScriptSrc;
+      expect(
+        loadUrl?.includes(
+          'https://www.recaptcha.net/recaptcha/api.js?onload=grecaptchaLoadedCallback',
+        ),
+      ).to.be.true;
+    });
+
+    it('rejects after specified timeout if grecaptcha fails to execute callback', async () => {
+      const recaptchaManager = new RecaptchaManager({
+        lazyLoader: mockLazyLoader,
+        defaultSiteKey: '123',
+        timeout: 100,
+      });
+
+      try {
+        await recaptchaManager.getRecaptchaWidget();
+        expect.fail('recaptcha load did not time out as expected');
+      } catch (err) {
+        expect(err).to.be.instanceOf(Error);
+        expect((err as Error).message).to.equal(
+          'grecaptcha failed to execute callback',
+        );
+      }
+    });
+
+    it('can set the timeout delay', async () => {
+      const recaptchaManager = new RecaptchaManager({
+        lazyLoader: mockLazyLoader,
+        defaultSiteKey: '123',
+      });
+
+      recaptchaManager.setTimeoutDelay(1);
+
+      try {
+        await recaptchaManager.getRecaptchaWidget();
+        expect.fail('recaptcha load did not time out as expected');
+      } catch (err) {
+        expect(err).to.be.instanceOf(Error);
+        expect((err as Error).message).to.equal(
+          'grecaptcha failed to execute callback',
+        );
+      }
+    });
+  });
+
+  describe('ReCaptcha Widget', () => {
+    it('can error properly like a Promise', async () => {
+      const mockGrecaptcha = new MockGrecaptcha({
+        mode: 'error',
+      });
+      const recaptchaManager = new RecaptchaManager({
+        lazyLoader: mockLazyLoader,
+        grecaptchaLibrary: mockGrecaptcha,
+        defaultSiteKey: '123',
+      });
+      const recaptcha = await recaptchaManager.getRecaptchaWidget();
+
+      try {
+        await recaptcha.execute();
+        expect.fail('should not get here');
+      } catch (error) {
+        expect((error as Error).message).to.equal('error');
+      }
+    });
+
+    it('can expire properly like a Promise', async () => {
+      const mockGrecaptcha = new MockGrecaptcha({
+        mode: 'expired',
+      });
+      const recaptchaManager = new RecaptchaManager({
+        lazyLoader: mockLazyLoader,
+        grecaptchaLibrary: mockGrecaptcha,
+        defaultSiteKey: '123',
+      });
+      const recaptcha = await recaptchaManager.getRecaptchaWidget();
+
+      try {
+        await recaptcha.execute();
+        expect.fail('should not get here');
+      } catch (error) {
+        expect((error as Error).message).to.equal('expired');
+      }
+    });
+
+    it('resets the captcha after execution', async () => {
+      const mockGrecaptcha = new MockGrecaptcha({
+        mode: 'success',
+        addDelay: true,
+      });
+      const recaptchaManager = new RecaptchaManager({
+        lazyLoader: mockLazyLoader,
+        grecaptchaLibrary: mockGrecaptcha,
+        defaultSiteKey: '123',
+      });
+      const recaptcha = await recaptchaManager.getRecaptchaWidget();
+
+      expect(mockGrecaptcha.resetCallCount).to.equal(0);
+      await recaptcha.execute();
+      expect(mockGrecaptcha.resetCallCount).to.equal(1);
+      await recaptcha.execute();
+      expect(mockGrecaptcha.resetCallCount).to.equal(2);
+    });
+
+    // there's no way to know if the user has dismissed the captcha so if another execution
+    // comes through while the captcha is still active, it will be reset
+    it('resets the captcha if another execution gets called', async () => {
+      const mockGrecaptcha = new MockGrecaptcha({
+        mode: 'success',
+        addDelay: true,
+      });
+      const recaptchaManager = new RecaptchaManager({
+        lazyLoader: mockLazyLoader,
+        grecaptchaLibrary: mockGrecaptcha,
+        defaultSiteKey: '123',
+      });
+      const recaptcha = await recaptchaManager.getRecaptchaWidget();
+
+      expect(mockGrecaptcha.resetCallCount).to.equal(0);
+      recaptcha.execute();
+      expect(mockGrecaptcha.resetCallCount).to.equal(0);
+      await recaptcha.execute();
+      expect(mockGrecaptcha.resetCallCount).to.equal(2);
+    });
+  });
+});

package/.claude/worktrees/recaptcha-google-url-hardcode-79a528/tsconfig.json

@@ -0,0 +1,31 @@
+{
+  "compilerOptions": {
+    "target": "es2018",
+    "module": "esnext",
+    "moduleResolution": "node",
+    "noEmitOnError": true,
+    "lib": ["es2017", "dom"],
+    "strict": true,
+    "esModuleInterop": false,
+    "allowSyntheticDefaultImports": true,
+    "experimentalDecorators": true,
+    "importHelpers": true,
+    "outDir": "dist",
+    "sourceMap": true,
+    "inlineSources": true,
+    "rootDir": "./",
+    "declaration": true,
+    "plugins": [
+      {
+        "name": "ts-lit-plugin"
+      }
+    ],
+    "paths": {
+      // workaround for: https://github.com/vitest-dev/vitest/issues/4567
+      "rollup/parseAst": [
+        "./node_modules/rollup/dist/parseAst"
+    ]
+}
+  },
+  "include": ["**/*.ts"]
+}

package/.claude/worktrees/recaptcha-google-url-hardcode-79a528/vite.config.ts

@@ -0,0 +1,25 @@
+import { defineConfig } from 'vite';
+import { resolve } from 'path';
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  base: './',
+  root: resolve(__dirname, './demo'),
+  build: {
+    /**
+     * This is the directory where the built files will be placed
+     * that we upload to GitHub Pages.
+     */
+    outDir: '../ghpages/demo',
+    emptyOutDir: true,
+    manifest: true,
+    rollupOptions: {
+      input: {
+        main: resolve(__dirname, 'demo/index.html'),
+      },
+      output: {
+        entryFileNames: 'app-root.js',
+      },
+    },
+  },
+});

package/.claude/worktrees/recaptcha-google-url-hardcode-79a528/web-dev-server.config.mjs

@@ -0,0 +1,32 @@
+// import { hmrPlugin, presets } from '@open-wc/dev-server-hmr';
+
+/** Use Hot Module replacement by adding --hmr to the start command */
+const hmr = process.argv.includes('--hmr');
+
+export default /** @type {import('@web/dev-server').DevServerConfig} */ ({
+  nodeResolve: true,
+  open: '/demo',
+  watch: !hmr,
+  sslCert: './ssl/server.crt',
+  sslKey: './ssl/server.key',
+  hostname: 'local.archive.org',
+  http2: true,
+
+  /** Compile JS for older browsers. Requires @web/dev-server-esbuild plugin */
+  // esbuildTarget: 'auto'
+
+  /** Set appIndex to enable SPA routing */
+  // appIndex: 'demo/index.html',
+
+  /** Configure bare import resolve plugin */
+  // nodeResolve: {
+  //   exportConditions: ['browser', 'development']
+  // },
+
+  plugins: [
+    /** Use Hot Module Replacement by uncommenting. Requires @open-wc/dev-server-hmr plugin */
+    // hmr && hmrPlugin({ exclude: ['**/*/node_modules/**/*'], presets: [presets.litElement] }),
+  ],
+
+  // See documentation for all available options
+});

package/.claude/worktrees/recaptcha-google-url-hardcode-79a528/web-test-runner.config.mjs

@@ -0,0 +1,41 @@
+// import { playwrightLauncher } from '@web/test-runner-playwright';
+
+const filteredLogs = ['Running in dev mode', 'lit-html is in dev mode'];
+
+export default /** @type {import("@web/test-runner").TestRunnerConfig} */ ({
+  /** Test files to run */
+  files: 'dist/test/**/*.test.js',
+
+  /** Resolve bare module imports */
+  nodeResolve: {
+    exportConditions: ['browser', 'development'],
+  },
+
+  /** Filter out lit dev mode logs */
+  filterBrowserLogs(log) {
+    for (const arg of log.args) {
+      if (typeof arg === 'string' && filteredLogs.some(l => arg.includes(l))) {
+        return false;
+      }
+    }
+    return true;
+  },
+
+  /** Compile JS for older browsers. Requires @web/dev-server-esbuild plugin */
+  // esbuildTarget: 'auto',
+
+  /** Amount of browsers to run concurrently */
+  // concurrentBrowsers: 2,
+
+  /** Amount of test files per browser to test concurrently */
+  // concurrency: 1,
+
+  /** Browsers to run tests on */
+  // browsers: [
+  //   playwrightLauncher({ product: 'chromium' }),
+  //   playwrightLauncher({ product: 'firefox' }),
+  //   playwrightLauncher({ product: 'webkit' }),
+  // ],
+
+  // See documentation for all available options
+});

package/demo/app-root.ts

@@ -1,5 +1,5 @@
 import { html, css, LitElement } from 'lit';
-import { customElement, state } from 'lit/decorators.js';
+import { customElement, state, query } from 'lit/decorators.js';
 import { RecaptchaWidgetInterface } from '../src/recaptcha-widget';
 import {
   RecaptchaManager,
@@ -12,6 +12,8 @@ export class AppRoot extends LitElement {
 
   @state() result2?: string;
 
+  @query('#timeout') timeoutInput!: HTMLInputElement;
+
   private recaptchaManager: RecaptchaManagerInterface = new RecaptchaManager({
     defaultSiteKey: '6Ld64a8UAAAAAGbDwi1927ztGNw7YABQ-dqzvTN2',
   });
@@ -22,6 +24,18 @@ export class AppRoot extends LitElement {
 
   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>
@@ -43,6 +57,10 @@ export class AppRoot extends LitElement {
     `;
   }
 
+  private updateTimeout() {
+    this.recaptchaManager.setTimeoutDelay(+this.timeoutInput.value);
+  }
+
   private async loadRecaptcha() {
     this.recaptcha1 = await this.recaptchaManager?.getRecaptchaWidget({
       recaptchaParams: {

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() {
@@ -11,6 +11,18 @@ let AppRoot = class AppRoot extends LitElement {
     }
     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>
@@ -31,6 +43,9 @@ let AppRoot = class AppRoot extends LitElement {
             : ''}
     `;
     }
+    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({
@@ -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';\nimport { customElement, state, query } 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  @query('#timeout') timeoutInput!: HTMLInputElement;\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      <label for=\"timeout\">\n        Timeout (ms):\n        <input\n          type=\"number\"\n          id=\"timeout\"\n          value=\"10000\"\n          min=\"0\"\n          max=\"99999\"\n          step=\"100\"\n          @change=${this.updateTimeout}\n        />\n      </label>\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 updateTimeout() {\n    this.recaptchaManager.setTimeoutDelay(+this.timeoutInput.value);\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"]}

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,30 @@ 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's www.recaptcha.net mirror, which
+     * is reachable in regions where www.google.com is blocked.
      *
      * @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,8 @@ export class RecaptchaManager {
         return recaptcha;
     }
     /**
-     * Load the Recaptch library from Google.
+     * Load the Recaptcha library from Google's www.recaptcha.net mirror, which
+     * is reachable in regions where www.google.com is blocked.
      *
      * @returns Promise<ReCaptchaV2.ReCaptcha>
      */
@@ -35,7 +45,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 +56,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',
+                src: 'https://www.recaptcha.net/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;;;;;OAKG;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,4FAA4F;aAClG,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;;AAvFuB,gCAAe,GAAG,KAAK,AAAR,CAAS","sourcesContent":["import {\n  LazyLoaderService,\n  LazyLoaderServiceInterface,\n} from '@internetarchive/lazy-loader-service';\nimport { RecaptchaWidget, RecaptchaWidgetInterface } from './recaptcha-widget';\n\nexport interface RecaptchaManagerInterface {\n  /**\n   * Changes the manager's timeout delay to the given number of milliseconds.\n   */\n  setTimeoutDelay(delay: number): void;\n\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 static readonly DEFAULT_TIMEOUT = 10000;\n\n  private lazyLoader: LazyLoaderServiceInterface;\n\n  private defaultSiteKey?: string;\n\n  private recaptchaCache: Record<string, RecaptchaWidget> = {};\n\n  /**\n   * How long in milliseconds to wait for the recaptcha library to load before timing out.\n   */\n  private timeout = RecaptchaManager.DEFAULT_TIMEOUT;\n\n  constructor(options?: {\n    defaultSiteKey?: string;\n    lazyLoader?: LazyLoaderServiceInterface;\n    grecaptchaLibrary?: ReCaptchaV2.ReCaptcha; // allows dependency injection or will be lazy loaded\n    timeout?: number;\n  }) {\n    this.defaultSiteKey = options?.defaultSiteKey;\n    this.lazyLoader = options?.lazyLoader ?? new LazyLoaderService();\n    this.grecaptchaLibraryCache = options?.grecaptchaLibrary;\n    this.timeout = options?.timeout ?? RecaptchaManager.DEFAULT_TIMEOUT;\n  }\n\n  /** @inheritdoc */\n  setTimeoutDelay(delay: number): void {\n    this.timeout = delay;\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 Recaptcha library from Google's www.recaptcha.net mirror, which\n   * is reachable in regions where www.google.com is blocked.\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, reject) => {\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      setTimeout(\n        () => reject(new Error('grecaptcha failed to execute callback')),\n        this.timeout,\n      );\n\n      this.lazyLoader.loadScript({\n        src: 'https://www.recaptcha.net/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"]}

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;

package/dist/test/mock-lazy-loader.js

@@ -1,5 +1,7 @@
-import { MockGrecaptcha } from './mock-grecaptcha';
 export class MockLazyLoaderService {
+    constructor(onloadFn = () => { }) {
+        this.onloadFn = onloadFn;
+    }
     on(event, callback) {
         throw new Error('Method not implemented.');
     }
@@ -8,11 +10,7 @@ export class MockLazyLoaderService {
     }
     async loadScript(options) {
         this.loadScriptSrc = options.src;
-        window.grecaptcha = new MockGrecaptcha({
-            mode: 'success',
-        });
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        window.grecaptchaLoadedCallback();
+        this.onloadFn();
     }
 }
 //# sourceMappingURL=mock-lazy-loader.js.map

package/dist/test/mock-lazy-loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"mock-lazy-loader.js","sourceRoot":"","sources":["../../test/mock-lazy-loader.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,OAAO,qBAAqB;IAGhC,EAAE,CACA,KAAQ,EACR,QAAoC;QAEpC,MAAM,IAAI,KAAK,CAAC,yBAAyB,CAAC,CAAC;IAC7C,CAAC;IAED,KAAK,CAAC,UAAU,CAAC,MAGhB;QACC,OAAO,CAAC,KAAK,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;IACtC,CAAC;IAED,KAAK,CAAC,UAAU,CAAC,OAIhB;QACC,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,GAAG,CAAC;QACjC,MAAM,CAAC,UAAU,GAAG,IAAI,cAAc,CAAC;YACrC,IAAI,EAAE,SAAS;SAChB,CAAC,CAAC;QACH,8DAA8D;QAC7D,MAAc,CAAC,wBAAwB,EAAE,CAAC;IAC7C,CAAC;CACF","sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport {\n  BundleType,\n  LazyLoaderServiceEvents,\n  LazyLoaderServiceInterface,\n} from '@internetarchive/lazy-loader-service';\nimport { Unsubscribe } from 'nanoevents';\nimport { MockGrecaptcha } from './mock-grecaptcha';\n\nexport class MockLazyLoaderService implements LazyLoaderServiceInterface {\n  loadScriptSrc?: string;\n\n  on<E extends keyof LazyLoaderServiceEvents>(\n    event: E,\n    callback: LazyLoaderServiceEvents[E],\n  ): Unsubscribe {\n    throw new Error('Method not implemented.');\n  }\n\n  async loadBundle(bundle: {\n    module?: string;\n    nomodule?: string;\n  }): Promise<void> {\n    console.debug('loadBundle', bundle);\n  }\n\n  async loadScript(options: {\n    src: string;\n    bundleType?: BundleType;\n    attributes?: Record<string, string>;\n  }): Promise<void> {\n    this.loadScriptSrc = options.src;\n    window.grecaptcha = new MockGrecaptcha({\n      mode: 'success',\n    });\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (window as any).grecaptchaLoadedCallback();\n  }\n}\n"]}
+{"version":3,"file":"mock-lazy-loader.js","sourceRoot":"","sources":["../../test/mock-lazy-loader.ts"],"names":[],"mappings":"AAQA,MAAM,OAAO,qBAAqB;IAGhC,YAAoB,WAA0B,GAAG,EAAE,GAAE,CAAC;QAAlC,aAAQ,GAAR,QAAQ,CAA0B;IAAG,CAAC;IAE1D,EAAE,CACA,KAAQ,EACR,QAAoC;QAEpC,MAAM,IAAI,KAAK,CAAC,yBAAyB,CAAC,CAAC;IAC7C,CAAC;IAED,KAAK,CAAC,UAAU,CAAC,MAGhB;QACC,OAAO,CAAC,KAAK,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;IACtC,CAAC;IAED,KAAK,CAAC,UAAU,CAAC,OAIhB;QACC,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,GAAG,CAAC;QACjC,IAAI,CAAC,QAAQ,EAAE,CAAC;IAClB,CAAC;CACF","sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport {\n  BundleType,\n  LazyLoaderServiceEvents,\n  LazyLoaderServiceInterface,\n} from '@internetarchive/lazy-loader-service';\nimport { Unsubscribe } from 'nanoevents';\n\nexport class MockLazyLoaderService implements LazyLoaderServiceInterface {\n  loadScriptSrc?: string;\n\n  constructor(private onloadFn: () => unknown = () => {}) {}\n\n  on<E extends keyof LazyLoaderServiceEvents>(\n    event: E,\n    callback: LazyLoaderServiceEvents[E],\n  ): Unsubscribe {\n    throw new Error('Method not implemented.');\n  }\n\n  async loadBundle(bundle: {\n    module?: string;\n    nomodule?: string;\n  }): Promise<void> {\n    console.debug('loadBundle', bundle);\n  }\n\n  async loadScript(options: {\n    src: string;\n    bundleType?: BundleType;\n    attributes?: Record<string, string>;\n  }): Promise<void> {\n    this.loadScriptSrc = options.src;\n    this.onloadFn();\n  }\n}\n"]}