@internetarchive/recaptcha-manager 0.0.1-alpha.1 → 0.0.1-alpha.2

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

@@ -0,0 +1,140 @@
+import { LazyLoaderService, } from '@internetarchive/lazy-loader-service';
+export class RecaptchaManager {
+    constructor(options) {
+        this.isExecuting = false;
+        this.containerElement = null;
+        this.grecaptchaLibrary = options.grecaptchaLibrary;
+        this.siteKey = options.siteKey;
+    }
+    /**
+     * This is a convenience initializer that also lazily loads
+     * the recaptcha library from Google.
+     *
+     * @param options
+     * @returns
+     */
+    static async getRecaptchaManager(siteKey, options) {
+        const grecaptchaLibrary = await RecaptchaManager.loadRecaptchaLibrary({
+            lazyLoader: options === null || options === void 0 ? void 0 : options.lazyLoader,
+        });
+        const manager = new RecaptchaManager({
+            grecaptchaLibrary,
+            siteKey,
+        });
+        manager.setup({
+            tabIndex: options === null || options === void 0 ? void 0 : options.tabIndex,
+            theme: options === null || options === void 0 ? void 0 : options.theme,
+            type: options === null || options === void 0 ? void 0 : options.type,
+            size: options === null || options === void 0 ? void 0 : options.size,
+        });
+        return manager;
+    }
+    /**
+     * Load the Recaptch library from Google.
+     *
+     * @param options
+     * @returns
+     */
+    static async loadRecaptchaLibrary(options) {
+        var _a;
+        const service = (_a = options === null || options === void 0 ? void 0 : options.lazyLoader) !== null && _a !== void 0 ? _a : new LazyLoaderService();
+        return new Promise(resolve => {
+            window.grecaptchaLoadedCallback = () => {
+                setTimeout(() => {
+                    // remove the callback when we're done with it
+                    delete window.grecaptchaLoadedCallback;
+                }, 10);
+                resolve(window.grecaptcha);
+            };
+            service.loadScript({
+                src: 'https://www.google.com/recaptcha/api.js?onload=grecaptchaLoadedCallback&render=explicit',
+            });
+        });
+    }
+    /** @inheritdoc */
+    execute() {
+        if (this.isExecuting) {
+            throw new Error('Recaptcha is already executing');
+        }
+        this.isExecuting = true;
+        return new Promise((resolve, reject) => {
+            this.executionSuccessBlock = (token) => {
+                this.finishExecution();
+                resolve(token);
+            };
+            this.executionExpiredBlock = () => {
+                this.finishExecution();
+                reject(new Error('expired'));
+            };
+            this.executionErrorBlock = () => {
+                this.finishExecution();
+                reject(new Error('error'));
+            };
+            this.grecaptchaLibrary.execute();
+        });
+    }
+    /** @inheritdoc */
+    setup(options) {
+        var _a, _b;
+        const container = (_a = options === null || options === void 0 ? void 0 : options.container) !== null && _a !== void 0 ? _a : this.createContainer();
+        // we've already rendered this container, don't do it again
+        if (container === this.containerElement)
+            return;
+        this.containerElement = container;
+        this.grecaptchaLibrary.render(container, {
+            callback: this.responseHandler.bind(this),
+            'expired-callback': this.expiredHandler.bind(this),
+            'error-callback': this.errorHandler.bind(this),
+            sitekey: this.siteKey,
+            tabindex: options === null || options === void 0 ? void 0 : options.tabIndex,
+            theme: options === null || options === void 0 ? void 0 : options.theme,
+            type: options === null || options === void 0 ? void 0 : options.type,
+            size: (_b = options === null || options === void 0 ? void 0 : options.size) !== null && _b !== void 0 ? _b : 'invisible',
+        });
+    }
+    createContainer() {
+        const elementId = `recaptchaManager-${this.siteKey}`;
+        let element = document.getElementById(elementId);
+        if (!element) {
+            element = document.createElement('div');
+            element.id = elementId;
+            element.style.position = 'fixed';
+            element.style.top = '50%';
+            element.style.left = '50%';
+            element.style.outline = '1px solid purple';
+            element.style.width = '10px';
+            element.style.height = '10px';
+            // #recaptcha - TopCollections {
+            //   position: fixed;
+            //   top: 50 %;
+            //   left: 50 %;
+            // }
+            document.body.insertBefore(element, document.body.firstChild);
+        }
+        return element;
+    }
+    finishExecution() {
+        this.isExecuting = false;
+        this.grecaptchaLibrary.reset();
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    responseHandler(response) {
+        if (this.executionSuccessBlock) {
+            this.executionSuccessBlock(response);
+            this.executionSuccessBlock = undefined;
+        }
+    }
+    expiredHandler() {
+        if (this.executionExpiredBlock) {
+            this.executionExpiredBlock();
+            this.executionExpiredBlock = undefined;
+        }
+    }
+    errorHandler() {
+        if (this.executionErrorBlock) {
+            this.executionErrorBlock();
+            this.executionErrorBlock = undefined;
+        }
+    }
+}
+//# sourceMappingURL=recaptcha-manager-bak.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"recaptcha-manager-bak.js","sourceRoot":"","sources":["../../src/recaptcha-manager-bak.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,GAElB,MAAM,sCAAsC,CAAC;AAiC9C,MAAM,OAAO,gBAAgB;IAmE3B,YAAY,OAGX;QAWO,gBAAW,GAAG,KAAK,CAAC;QAEpB,qBAAgB,GAAuB,IAAI,CAAC;QAZlD,IAAI,CAAC,iBAAiB,GAAG,OAAO,CAAC,iBAAiB,CAAC;QACnD,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;IACjC,CAAC;IAxED;;;;;;OAMG;IACH,MAAM,CAAC,KAAK,CAAC,mBAAmB,CAC9B,OAAe,EACf,OAMC;QAED,MAAM,iBAAiB,GAAG,MAAM,gBAAgB,CAAC,oBAAoB,CAAC;YACpE,UAAU,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU;SAChC,CAAC,CAAC;QAEH,MAAM,OAAO,GAAG,IAAI,gBAAgB,CAAC;YACnC,iBAAiB;YACjB,OAAO;SACR,CAAC,CAAC;QAEH,OAAO,CAAC,KAAK,CAAC;YACZ,QAAQ,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ;YAC3B,KAAK,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK;YACrB,IAAI,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI;YACnB,IAAI,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI;SACpB,CAAC,CAAC;QAEH,OAAO,OAAO,CAAC;IACjB,CAAC;IAED;;;;;OAKG;IACH,MAAM,CAAC,KAAK,CAAC,oBAAoB,CAAC,OAEjC;;QACC,MAAM,OAAO,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU,mCAAI,IAAI,iBAAiB,EAAE,CAAC;QAE/D,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE;YAC1B,MAAc,CAAC,wBAAwB,GAAG,GAAS,EAAE;gBACpD,UAAU,CAAC,GAAG,EAAE;oBACd,8CAA8C;oBAC9C,OAAQ,MAAc,CAAC,wBAAwB,CAAC;gBAClD,CAAC,EAAE,EAAE,CAAC,CAAC;gBACP,OAAO,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;YAC7B,CAAC,CAAC;YAEF,OAAO,CAAC,UAAU,CAAC;gBACjB,GAAG,EAAE,yFAAyF;aAC/F,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;IAwBD,kBAAkB;IAClB,OAAO;QACL,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,MAAM,IAAI,KAAK,CAAC,gCAAgC,CAAC,CAAC;SACnD;QAED,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QACxB,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;YACrC,IAAI,CAAC,qBAAqB,GAAG,CAAC,KAAa,EAAQ,EAAE;gBACnD,IAAI,CAAC,eAAe,EAAE,CAAC;gBACvB,OAAO,CAAC,KAAK,CAAC,CAAC;YACjB,CAAC,CAAC;YAEF,IAAI,CAAC,qBAAqB,GAAG,GAAS,EAAE;gBACtC,IAAI,CAAC,eAAe,EAAE,CAAC;gBACvB,MAAM,CAAC,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;YAC/B,CAAC,CAAC;YAEF,IAAI,CAAC,mBAAmB,GAAG,GAAS,EAAE;gBACpC,IAAI,CAAC,eAAe,EAAE,CAAC;gBACvB,MAAM,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;YAC7B,CAAC,CAAC;YAEF,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,CAAC;QACnC,CAAC,CAAC,CAAC;IACL,CAAC;IAED,kBAAkB;IAClB,KAAK,CAAC,OAML;;QACC,MAAM,SAAS,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,mCAAI,IAAI,CAAC,eAAe,EAAE,CAAC;QAE/D,2DAA2D;QAC3D,IAAI,SAAS,KAAK,IAAI,CAAC,gBAAgB;YAAE,OAAO;QAEhD,IAAI,CAAC,gBAAgB,GAAG,SAAS,CAAC;QAClC,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,SAAS,EAAE;YACvC,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;YACzC,kBAAkB,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC;YAClD,gBAAgB,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;YAC9C,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,QAAQ,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ;YAC3B,KAAK,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK;YACrB,IAAI,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI;YACnB,IAAI,EAAE,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,mCAAI,WAAW;SACnC,CAAC,CAAC;IACL,CAAC;IAEO,eAAe;QACrB,MAAM,SAAS,GAAG,oBAAoB,IAAI,CAAC,OAAO,EAAE,CAAC;QACrD,IAAI,OAAO,GAAuB,QAAQ,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;QACrE,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YACxC,OAAO,CAAC,EAAE,GAAG,SAAS,CAAC;YACvB,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC;YACjC,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC;YAC1B,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC;YAC3B,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,kBAAkB,CAAC;YAC3C,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;YAC7B,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;YAC9B,gCAAgC;YAChC,qBAAqB;YACrB,eAAe;YACf,gBAAgB;YAChB,IAAI;YAEJ,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SAC/D;QACD,OAAO,OAAO,CAAC;IACjB,CAAC;IAEO,eAAe;QACrB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QACzB,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAC;IACjC,CAAC;IAED,8DAA8D;IACtD,eAAe,CAAC,QAAa;QACnC,IAAI,IAAI,CAAC,qBAAqB,EAAE;YAC9B,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,CAAC;YACrC,IAAI,CAAC,qBAAqB,GAAG,SAAS,CAAC;SACxC;IACH,CAAC;IAEO,cAAc;QACpB,IAAI,IAAI,CAAC,qBAAqB,EAAE;YAC9B,IAAI,CAAC,qBAAqB,EAAE,CAAC;YAC7B,IAAI,CAAC,qBAAqB,GAAG,SAAS,CAAC;SACxC;IACH,CAAC;IAEO,YAAY;QAClB,IAAI,IAAI,CAAC,mBAAmB,EAAE;YAC5B,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAC3B,IAAI,CAAC,mBAAmB,GAAG,SAAS,CAAC;SACtC;IACH,CAAC;CACF","sourcesContent":["import {\n  LazyLoaderService,\n  LazyLoaderServiceInterface,\n} from '@internetarchive/lazy-loader-service';\n\nexport interface RecaptchaManagerInterface {\n  /**\n   * Executes the recaptcha and returns a token\n   *\n   * Example:\n   *\n   * try {\n   *   const recaptchaResult = await recaptchaManager.execute();\n   *   console.log('recaptcha token:', recaptchaResult);\n   * } catch {\n   *   console.error('something happened')\n   * }\n   */\n  execute(): Promise<string>;\n\n  /**\n   * Create the recaptcha widget.\n   *\n   * If the `container` is not passed in, one will be created.\n   *\n   * @param options\n   */\n  setup(options?: {\n    container?: HTMLElement;\n    tabIndex?: number;\n    theme?: ReCaptchaV2.Theme;\n    type?: ReCaptchaV2.Type;\n    size?: ReCaptchaV2.Size;\n  }): void;\n}\n\nexport class RecaptchaManager implements RecaptchaManagerInterface {\n  /**\n   * This is a convenience initializer that also lazily loads\n   * the recaptcha library from Google.\n   *\n   * @param options\n   * @returns\n   */\n  static async getRecaptchaManager(\n    siteKey: string,\n    options?: {\n      lazyLoader?: LazyLoaderServiceInterface;\n      tabIndex?: number;\n      theme?: ReCaptchaV2.Theme;\n      type?: ReCaptchaV2.Type;\n      size?: ReCaptchaV2.Size;\n    }\n  ): Promise<RecaptchaManagerInterface> {\n    const grecaptchaLibrary = await RecaptchaManager.loadRecaptchaLibrary({\n      lazyLoader: options?.lazyLoader,\n    });\n\n    const manager = new RecaptchaManager({\n      grecaptchaLibrary,\n      siteKey,\n    });\n\n    manager.setup({\n      tabIndex: options?.tabIndex,\n      theme: options?.theme,\n      type: options?.type,\n      size: options?.size,\n    });\n\n    return manager;\n  }\n\n  /**\n   * Load the Recaptch library from Google.\n   *\n   * @param options\n   * @returns\n   */\n  static async loadRecaptchaLibrary(options?: {\n    lazyLoader?: LazyLoaderServiceInterface;\n  }): Promise<ReCaptchaV2.ReCaptcha> {\n    const service = options?.lazyLoader ?? new LazyLoaderService();\n\n    return new Promise(resolve => {\n      (window as any).grecaptchaLoadedCallback = (): void => {\n        setTimeout(() => {\n          // remove the callback when we're done with it\n          delete (window as any).grecaptchaLoadedCallback;\n        }, 10);\n        resolve(window.grecaptcha);\n      };\n\n      service.loadScript({\n        src: 'https://www.google.com/recaptcha/api.js?onload=grecaptchaLoadedCallback&render=explicit',\n      });\n    });\n  }\n\n  private grecaptchaLibrary: ReCaptchaV2.ReCaptcha;\n\n  private siteKey: string;\n\n  constructor(options: {\n    grecaptchaLibrary: ReCaptchaV2.ReCaptcha;\n    siteKey: string;\n  }) {\n    this.grecaptchaLibrary = options.grecaptchaLibrary;\n    this.siteKey = options.siteKey;\n  }\n\n  private executionSuccessBlock?: (token: string) => void;\n\n  private executionExpiredBlock?: () => void;\n\n  private executionErrorBlock?: () => void;\n\n  private isExecuting = false;\n\n  private containerElement: HTMLElement | null = null;\n\n  /** @inheritdoc */\n  execute(): Promise<string> {\n    if (this.isExecuting) {\n      throw new Error('Recaptcha is already executing');\n    }\n\n    this.isExecuting = true;\n    return new Promise((resolve, reject) => {\n      this.executionSuccessBlock = (token: string): void => {\n        this.finishExecution();\n        resolve(token);\n      };\n\n      this.executionExpiredBlock = (): void => {\n        this.finishExecution();\n        reject(new Error('expired'));\n      };\n\n      this.executionErrorBlock = (): void => {\n        this.finishExecution();\n        reject(new Error('error'));\n      };\n\n      this.grecaptchaLibrary.execute();\n    });\n  }\n\n  /** @inheritdoc */\n  setup(options?: {\n    container?: HTMLElement;\n    tabIndex?: number;\n    theme?: ReCaptchaV2.Theme;\n    type?: ReCaptchaV2.Type;\n    size?: ReCaptchaV2.Size;\n  }): void {\n    const container = options?.container ?? this.createContainer();\n\n    // we've already rendered this container, don't do it again\n    if (container === this.containerElement) return;\n\n    this.containerElement = container;\n    this.grecaptchaLibrary.render(container, {\n      callback: this.responseHandler.bind(this),\n      'expired-callback': this.expiredHandler.bind(this),\n      'error-callback': this.errorHandler.bind(this),\n      sitekey: this.siteKey,\n      tabindex: options?.tabIndex,\n      theme: options?.theme,\n      type: options?.type,\n      size: options?.size ?? 'invisible',\n    });\n  }\n\n  private createContainer(): HTMLElement {\n    const elementId = `recaptchaManager-${this.siteKey}`;\n    let element: HTMLElement | null = document.getElementById(elementId);\n    if (!element) {\n      element = document.createElement('div');\n      element.id = elementId;\n      element.style.position = 'fixed';\n      element.style.top = '50%';\n      element.style.left = '50%';\n      element.style.outline = '1px solid purple';\n      element.style.width = '10px';\n      element.style.height = '10px';\n      // #recaptcha - TopCollections {\n      //   position: fixed;\n      //   top: 50 %;\n      //   left: 50 %;\n      // }\n\n      document.body.insertBefore(element, document.body.firstChild);\n    }\n    return element;\n  }\n\n  private finishExecution(): void {\n    this.isExecuting = false;\n    this.grecaptchaLibrary.reset();\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  private responseHandler(response: any): void {\n    if (this.executionSuccessBlock) {\n      this.executionSuccessBlock(response);\n      this.executionSuccessBlock = undefined;\n    }\n  }\n\n  private expiredHandler(): void {\n    if (this.executionExpiredBlock) {\n      this.executionExpiredBlock();\n      this.executionExpiredBlock = undefined;\n    }\n  }\n\n  private errorHandler(): void {\n    if (this.executionErrorBlock) {\n      this.executionErrorBlock();\n      this.executionErrorBlock = undefined;\n    }\n  }\n}\n"]}

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

@@ -1,68 +1,35 @@
 /// <reference types="grecaptcha" />
 import { LazyLoaderServiceInterface } from '@internetarchive/lazy-loader-service';
+import { RecaptchaWidget } from './recaptcha-widget';
 export interface RecaptchaManagerInterface {
-    execute(): Promise<string>;
-    setup(container: HTMLElement, tabIndex: number, theme: ReCaptchaV2.Theme, type: ReCaptchaV2.Type): void;
-}
-export declare class RecaptchaManager implements RecaptchaManagerInterface {
-    /**
-     * This is a convenience initializer that also lazily loads
-     * the recaptcha library from Google.
-     *
-     * @param options
-     * @returns
-     */
-    static getRecaptchaManager(options: {
-        siteKey: string;
-    }): Promise<RecaptchaManagerInterface>;
     /**
-     * Load the Recaptch library from Google.
-     *
-     * @param options
-     * @returns
+     * Load a recaptcha widget for a given site key or the default site key.
      */
-    static loadRecaptchaLibrary(options?: {
-        lazyLoader?: LazyLoaderServiceInterface;
-    }): Promise<ReCaptchaV2.ReCaptcha>;
-    private grecaptchaLibrary;
-    private siteKey;
+    getRecaptchaWidget(options?: {
+        siteKey?: string;
+        recaptchaParams?: ReCaptchaV2.Parameters;
+    }): Promise<RecaptchaWidget>;
+}
+export declare class RecaptchaManager implements RecaptchaManagerInterface {
+    private lazyLoader;
+    private defaultSiteKey?;
+    private recaptchaCache;
     constructor(options: {
-        grecaptchaLibrary: ReCaptchaV2.ReCaptcha;
-        siteKey: string;
+        defaultSiteKey: string;
+        lazyLoader?: LazyLoaderServiceInterface;
+        grecaptchaLibrary?: ReCaptchaV2.ReCaptcha;
     });
-    private executionSuccessBlock?;
-    private executionExpiredBlock?;
-    private executionErrorBlock?;
-    private isExecuting;
+    /** @inheritdoc */
+    getRecaptchaWidget(options?: {
+        siteKey?: string;
+        recaptchaParams?: ReCaptchaV2.Parameters;
+    }): Promise<RecaptchaWidget>;
     /**
-     * Execute Recaptcha and return a Promise containing the response token.
-     *
-     * This is an interesting flow.. we call `execute()` here, but have to wait for the
-     * response and expiration handlers that we bind during the inital `setup` call.
-     * For consumers, we want to be able to just call `execute()` and wait for a response.
-     * To allow this, we assign two callbacks:
-     * - `executionSuccessBlock`
-     * - `executionExpiredBlock`
-     *
-     * We then call those callbacks from inside `responseHandler` and `expiredHandler` to
-     * either resolve or reject the Promise.
-     *
-     * ie:
-     *
-     * try {
-     *   const recaptchaResult = await recaptchaManager.execute();
-     *   console.log('recaptcha token:', recaptchaResult);
-     * } catch {
-     *   console.error('something happened')
-     * }
+     * Load the Recaptch library from Google.
      *
-     * @returns {Promise<string>}
-     * @memberof RecaptchaManager
+     * @returns Promise<ReCaptchaV2.ReCaptcha>
      */
-    execute(): Promise<string>;
-    private finishExecution;
-    setup(container: HTMLElement, tabIndex: number, theme: ReCaptchaV2.Theme, type: ReCaptchaV2.Type): void;
-    private responseHandler;
-    private expiredHandler;
-    private errorHandler;
+    private getRecaptchaLibrary;
+    /** don't use directly, use `getRecaptchaLibrary()` */
+    private grecaptchaLibraryCache?;
 }

package/dist/src/recaptcha-manager.js

@@ -1,126 +1,53 @@
 import { LazyLoaderService, } from '@internetarchive/lazy-loader-service';
+import { RecaptchaWidget } from './recaptcha-widget';
 export class RecaptchaManager {
     constructor(options) {
-        this.isExecuting = false;
-        this.grecaptchaLibrary = options.grecaptchaLibrary;
-        this.siteKey = options.siteKey;
+        var _a;
+        this.recaptchaCache = {};
+        this.defaultSiteKey = options.defaultSiteKey;
+        this.lazyLoader = (_a = options.lazyLoader) !== null && _a !== void 0 ? _a : new LazyLoaderService();
+        this.grecaptchaLibraryCache = options.grecaptchaLibrary;
     }
-    /**
-     * This is a convenience initializer that also lazily loads
-     * the recaptcha library from Google.
-     *
-     * @param options
-     * @returns
-     */
-    static async getRecaptchaManager(options) {
-        const grecaptchaLibrary = await RecaptchaManager.loadRecaptchaLibrary();
-        return new RecaptchaManager({
+    /** @inheritdoc */
+    async getRecaptchaWidget(options) {
+        var _a;
+        const key = (_a = options === null || options === void 0 ? void 0 : options.siteKey) !== null && _a !== void 0 ? _a : this.defaultSiteKey;
+        if (!key) {
+            throw new Error('RecaptchaManager requires a site key');
+        }
+        const cached = this.recaptchaCache[key];
+        if (cached)
+            return cached;
+        const grecaptchaLibrary = await this.getRecaptchaLibrary();
+        const recaptcha = new RecaptchaWidget({
+            siteKey: key,
             grecaptchaLibrary,
-            siteKey: options.siteKey,
-        });
+        }, options === null || options === void 0 ? void 0 : options.recaptchaParams);
+        this.recaptchaCache[key] = recaptcha;
+        return recaptcha;
     }
     /**
      * Load the Recaptch library from Google.
      *
-     * @param options
-     * @returns
+     * @returns Promise<ReCaptchaV2.ReCaptcha>
      */
-    static async loadRecaptchaLibrary(options) {
-        var _a;
-        const service = (_a = options === null || options === void 0 ? void 0 : options.lazyLoader) !== null && _a !== void 0 ? _a : new LazyLoaderService();
+    async getRecaptchaLibrary() {
+        if (this.grecaptchaLibraryCache) {
+            return this.grecaptchaLibraryCache;
+        }
         return new Promise(resolve => {
             window.grecaptchaLoadedCallback = () => {
                 setTimeout(() => {
                     // remove the callback when we're done with it
                     delete window.grecaptchaLoadedCallback;
                 }, 10);
+                this.grecaptchaLibraryCache = window.grecaptcha;
                 resolve(window.grecaptcha);
             };
-            service.loadScript({
+            this.lazyLoader.loadScript({
                 src: 'https://www.google.com/recaptcha/api.js?onload=grecaptchaLoadedCallback&render=explicit',
             });
         });
     }
-    /**
-     * Execute Recaptcha and return a Promise containing the response token.
-     *
-     * This is an interesting flow.. we call `execute()` here, but have to wait for the
-     * response and expiration handlers that we bind during the inital `setup` call.
-     * For consumers, we want to be able to just call `execute()` and wait for a response.
-     * To allow this, we assign two callbacks:
-     * - `executionSuccessBlock`
-     * - `executionExpiredBlock`
-     *
-     * We then call those callbacks from inside `responseHandler` and `expiredHandler` to
-     * either resolve or reject the Promise.
-     *
-     * ie:
-     *
-     * try {
-     *   const recaptchaResult = await recaptchaManager.execute();
-     *   console.log('recaptcha token:', recaptchaResult);
-     * } catch {
-     *   console.error('something happened')
-     * }
-     *
-     * @returns {Promise<string>}
-     * @memberof RecaptchaManager
-     */
-    execute() {
-        if (this.isExecuting) {
-            this.finishExecution();
-        }
-        this.isExecuting = true;
-        return new Promise((resolve, reject) => {
-            this.executionSuccessBlock = (token) => {
-                this.finishExecution();
-                resolve(token);
-            };
-            this.executionExpiredBlock = () => {
-                this.finishExecution();
-                reject(new Error('expired'));
-            };
-            this.executionErrorBlock = () => {
-                this.finishExecution();
-                reject(new Error('error'));
-            };
-            this.grecaptchaLibrary.execute();
-        });
-    }
-    finishExecution() {
-        this.isExecuting = false;
-        this.grecaptchaLibrary.reset();
-    }
-    setup(container, tabIndex, theme, type) {
-        this.grecaptchaLibrary.render(container, {
-            callback: this.responseHandler.bind(this),
-            'expired-callback': this.expiredHandler.bind(this),
-            'error-callback': this.errorHandler.bind(this),
-            sitekey: this.siteKey,
-            tabindex: tabIndex,
-            theme,
-            type,
-            size: 'invisible',
-        });
-    }
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    responseHandler(response) {
-        if (this.executionSuccessBlock) {
-            this.executionSuccessBlock(response);
-            this.executionSuccessBlock = undefined;
-        }
-    }
-    expiredHandler() {
-        if (this.executionExpiredBlock) {
-            this.executionExpiredBlock();
-            this.executionExpiredBlock = undefined;
-        }
-    }
-    errorHandler() {
-        if (this.executionErrorBlock) {
-            this.executionErrorBlock();
-            this.executionErrorBlock = undefined;
-        }
-    }
 }
 //# 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":"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","sourcesContent":["import {\n  LazyLoaderService,\n  LazyLoaderServiceInterface,\n} from '@internetarchive/lazy-loader-service';\n\nexport interface RecaptchaManagerInterface {\n  execute(): Promise<string>;\n  setup(\n    container: HTMLElement,\n    tabIndex: number,\n    theme: ReCaptchaV2.Theme,\n    type: ReCaptchaV2.Type\n  ): void;\n}\n\nexport class RecaptchaManager implements RecaptchaManagerInterface {\n  /**\n   * This is a convenience initializer that also lazily loads\n   * the recaptcha library from Google.\n   *\n   * @param options\n   * @returns\n   */\n  static async getRecaptchaManager(options: {\n    siteKey: string;\n  }): Promise<RecaptchaManagerInterface> {\n    const grecaptchaLibrary = await RecaptchaManager.loadRecaptchaLibrary();\n    return new RecaptchaManager({\n      grecaptchaLibrary,\n      siteKey: options.siteKey,\n    });\n  }\n\n  /**\n   * Load the Recaptch library from Google.\n   *\n   * @param options\n   * @returns\n   */\n  static async loadRecaptchaLibrary(options?: {\n    lazyLoader?: LazyLoaderServiceInterface;\n  }): Promise<ReCaptchaV2.ReCaptcha> {\n    const service = options?.lazyLoader ?? new LazyLoaderService();\n\n    return new Promise(resolve => {\n      (window as any).grecaptchaLoadedCallback = (): void => {\n        setTimeout(() => {\n          // remove the callback when we're done with it\n          delete (window as any).grecaptchaLoadedCallback;\n        }, 10);\n        resolve(window.grecaptcha);\n      };\n\n      service.loadScript({\n        src: 'https://www.google.com/recaptcha/api.js?onload=grecaptchaLoadedCallback&render=explicit',\n      });\n    });\n  }\n\n  private grecaptchaLibrary: ReCaptchaV2.ReCaptcha;\n\n  private siteKey: string;\n\n  constructor(options: {\n    grecaptchaLibrary: ReCaptchaV2.ReCaptcha;\n    siteKey: string;\n  }) {\n    this.grecaptchaLibrary = options.grecaptchaLibrary;\n    this.siteKey = options.siteKey;\n  }\n\n  private executionSuccessBlock?: (token: string) => void;\n\n  private executionExpiredBlock?: () => void;\n\n  private executionErrorBlock?: () => void;\n\n  private isExecuting = false;\n\n  /**\n   * Execute Recaptcha and return a Promise containing the response token.\n   *\n   * This is an interesting flow.. we call `execute()` here, but have to wait for the\n   * response and expiration handlers that we bind during the inital `setup` call.\n   * For consumers, we want to be able to just call `execute()` and wait for a response.\n   * To allow this, we assign two callbacks:\n   * - `executionSuccessBlock`\n   * - `executionExpiredBlock`\n   *\n   * We then call those callbacks from inside `responseHandler` and `expiredHandler` to\n   * either resolve or reject the Promise.\n   *\n   * ie:\n   *\n   * try {\n   *   const recaptchaResult = await recaptchaManager.execute();\n   *   console.log('recaptcha token:', recaptchaResult);\n   * } catch {\n   *   console.error('something happened')\n   * }\n   *\n   * @returns {Promise<string>}\n   * @memberof RecaptchaManager\n   */\n  execute(): Promise<string> {\n    if (this.isExecuting) {\n      this.finishExecution();\n    }\n    this.isExecuting = true;\n    return new Promise((resolve, reject) => {\n      this.executionSuccessBlock = (token: string): void => {\n        this.finishExecution();\n        resolve(token);\n      };\n\n      this.executionExpiredBlock = (): void => {\n        this.finishExecution();\n        reject(new Error('expired'));\n      };\n\n      this.executionErrorBlock = (): void => {\n        this.finishExecution();\n        reject(new Error('error'));\n      };\n\n      this.grecaptchaLibrary.execute();\n    });\n  }\n\n  private finishExecution(): void {\n    this.isExecuting = false;\n    this.grecaptchaLibrary.reset();\n  }\n\n  setup(\n    container: HTMLElement,\n    tabIndex: number,\n    theme: ReCaptchaV2.Theme,\n    type: ReCaptchaV2.Type\n  ): void {\n    this.grecaptchaLibrary.render(container, {\n      callback: this.responseHandler.bind(this),\n      'expired-callback': this.expiredHandler.bind(this),\n      'error-callback': this.errorHandler.bind(this),\n      sitekey: this.siteKey,\n      tabindex: tabIndex,\n      theme,\n      type,\n      size: 'invisible',\n    });\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  private responseHandler(response: any): void {\n    if (this.executionSuccessBlock) {\n      this.executionSuccessBlock(response);\n      this.executionSuccessBlock = undefined;\n    }\n  }\n\n  private expiredHandler(): void {\n    if (this.executionExpiredBlock) {\n      this.executionExpiredBlock();\n      this.executionExpiredBlock = undefined;\n    }\n  }\n\n  private errorHandler(): void {\n    if (this.executionErrorBlock) {\n      this.executionErrorBlock();\n      this.executionErrorBlock = undefined;\n    }\n  }\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,EAAE,MAAM,oBAAoB,CAAC;AAYrD,MAAM,OAAO,gBAAgB;IAO3B,YAAY,OAIX;;QANO,mBAAc,GAAoC,EAAE,CAAC;QAO3D,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC,cAAc,CAAC;QAC7C,IAAI,CAAC,UAAU,GAAG,MAAA,OAAO,CAAC,UAAU,mCAAI,IAAI,iBAAiB,EAAE,CAAC;QAChE,IAAI,CAAC,sBAAsB,GAAG,OAAO,CAAC,iBAAiB,CAAC;IAC1D,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;YACR,MAAM,IAAI,KAAK,CAAC,sCAAsC,CAAC,CAAC;SACzD;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;YAC/B,OAAO,IAAI,CAAC,sBAAsB,CAAC;SACpC;QACD,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE;YAC1B,MAAc,CAAC,wBAAwB,GAAG,GAAS,EAAE;gBACpD,UAAU,CAAC,GAAG,EAAE;oBACd,8CAA8C;oBAC9C,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 } 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<RecaptchaWidget>;\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<RecaptchaWidget> {\n    const key = options?.siteKey ?? this.defaultSiteKey;\n    if (!key) {\n      throw new Error('RecaptchaManager 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      (window as any).grecaptchaLoadedCallback = (): void => {\n        setTimeout(() => {\n          // remove the callback when we're done with it\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"]}

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

@@ -0,0 +1,33 @@
+/// <reference types="grecaptcha" />
+/**
+ * This encompasses a widget for a given site key.
+ */
+export interface RecaptchaWidgetInterface {
+    /** execute the recaptcha request and returns a token */
+    execute(): Promise<string>;
+}
+/**
+ * This encompasses a widget for a given site key.
+ */
+export declare class RecaptchaWidget implements RecaptchaWidgetInterface {
+    private executionSuccessBlock?;
+    private executionExpiredBlock?;
+    private executionErrorBlock?;
+    private grecaptchaLibrary;
+    private siteKey;
+    private widgetId;
+    private isExecuting;
+    constructor(config: {
+        siteKey: string;
+        grecaptchaLibrary: ReCaptchaV2.ReCaptcha;
+    }, recaptchaParams?: ReCaptchaV2.Parameters);
+    /** @inheritdoc */
+    execute(): Promise<string>;
+    private finishExecution;
+    /** @inheritdoc */
+    private setup;
+    private createContainer;
+    private responseHandler;
+    private expiredHandler;
+    private errorHandler;
+}

package/dist/src/recaptcha-widget.js

@@ -0,0 +1,94 @@
+/**
+ * This encompasses a widget for a given site key.
+ */
+export class RecaptchaWidget {
+    constructor(config, recaptchaParams) {
+        this.widgetId = null;
+        this.isExecuting = false;
+        this.siteKey = config.siteKey;
+        this.grecaptchaLibrary = config.grecaptchaLibrary;
+        const container = this.createContainer();
+        this.setup(container, recaptchaParams);
+    }
+    /** @inheritdoc */
+    async execute() {
+        const { widgetId } = this;
+        if (widgetId === null) {
+            throw new Error('Recaptcha is not setup');
+        }
+        if (this.isExecuting) {
+            // there is no way to know when users have dismissed a previous recaptcha
+            // so if we're still in the middle of execution when we call execute again,
+            // just reset it and execute it again
+            this.finishExecution();
+        }
+        return new Promise((resolve, reject) => {
+            this.executionSuccessBlock = (token) => {
+                this.finishExecution();
+                resolve(token);
+            };
+            this.executionExpiredBlock = () => {
+                this.finishExecution();
+                reject(new Error('expired'));
+            };
+            this.executionErrorBlock = () => {
+                this.finishExecution();
+                reject(new Error('error'));
+            };
+            this.grecaptchaLibrary.execute(widgetId);
+        });
+    }
+    finishExecution() {
+        this.isExecuting = false;
+        const { widgetId } = this;
+        if (widgetId === null)
+            return;
+        this.grecaptchaLibrary.reset(widgetId);
+    }
+    /** @inheritdoc */
+    setup(container, recaptchaParams) {
+        var _a;
+        this.widgetId = this.grecaptchaLibrary.render(container, {
+            callback: this.responseHandler.bind(this),
+            'expired-callback': this.expiredHandler.bind(this),
+            'error-callback': this.errorHandler.bind(this),
+            sitekey: this.siteKey,
+            tabindex: recaptchaParams === null || recaptchaParams === void 0 ? void 0 : recaptchaParams.tabindex,
+            theme: recaptchaParams === null || recaptchaParams === void 0 ? void 0 : recaptchaParams.theme,
+            type: recaptchaParams === null || recaptchaParams === void 0 ? void 0 : recaptchaParams.type,
+            size: (_a = recaptchaParams === null || recaptchaParams === void 0 ? void 0 : recaptchaParams.size) !== null && _a !== void 0 ? _a : 'invisible',
+        });
+    }
+    createContainer() {
+        const elementId = `recaptchaManager-${this.siteKey}`;
+        let element = document.getElementById(elementId);
+        if (!element) {
+            element = document.createElement('div');
+            element.id = elementId;
+            element.style.position = 'fixed';
+            element.style.top = '50%';
+            element.style.left = '50%';
+            document.body.appendChild(element);
+        }
+        return element;
+    }
+    responseHandler(response) {
+        if (this.executionSuccessBlock) {
+            this.executionSuccessBlock(response);
+            this.executionSuccessBlock = undefined;
+        }
+    }
+    expiredHandler() {
+        if (this.executionExpiredBlock) {
+            this.executionExpiredBlock();
+            this.executionExpiredBlock = undefined;
+        }
+    }
+    errorHandler() {
+        if (this.executionErrorBlock) {
+            this.executionErrorBlock();
+            this.executionErrorBlock = undefined;
+        }
+    }
+}
+//# sourceMappingURL=recaptcha-widget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"recaptcha-widget.js","sourceRoot":"","sources":["../../src/recaptcha-widget.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * This encompasses a widget for a given site key.\n */\nexport interface RecaptchaWidgetInterface {\n  /** execute the recaptcha request and returns a token */\n  execute(): Promise<string>;\n}\n\n/**\n * This encompasses a widget for a given site key.\n */\nexport class RecaptchaWidget implements RecaptchaWidgetInterface {\n  private executionSuccessBlock?: (token: string) => void;\n\n  private executionExpiredBlock?: () => void;\n\n  private executionErrorBlock?: () => void;\n\n  private grecaptchaLibrary: ReCaptchaV2.ReCaptcha;\n\n  private siteKey: string;\n\n  private widgetId: number | null = null;\n\n  private isExecuting = false;\n\n  constructor(\n    config: {\n      siteKey: string;\n      grecaptchaLibrary: ReCaptchaV2.ReCaptcha;\n    },\n    recaptchaParams?: ReCaptchaV2.Parameters\n  ) {\n    this.siteKey = config.siteKey;\n    this.grecaptchaLibrary = config.grecaptchaLibrary;\n\n    const container = this.createContainer();\n    this.setup(container, recaptchaParams);\n  }\n\n  /** @inheritdoc */\n  async execute(): Promise<string> {\n    const { widgetId } = this;\n\n    if (widgetId === null) {\n      throw new Error('Recaptcha is not setup');\n    }\n\n    if (this.isExecuting) {\n      // there is no way to know when users have dismissed a previous recaptcha\n      // so if we're still in the middle of execution when we call execute again,\n      // just reset it and execute it again\n      this.finishExecution();\n    }\n\n    return new Promise((resolve, reject) => {\n      this.executionSuccessBlock = (token: string): void => {\n        this.finishExecution();\n        resolve(token);\n      };\n\n      this.executionExpiredBlock = (): void => {\n        this.finishExecution();\n        reject(new Error('expired'));\n      };\n\n      this.executionErrorBlock = (): void => {\n        this.finishExecution();\n        reject(new Error('error'));\n      };\n\n      this.grecaptchaLibrary.execute(widgetId);\n    });\n  }\n\n  private finishExecution() {\n    this.isExecuting = false;\n    const { widgetId } = this;\n    if (widgetId === null) return;\n    this.grecaptchaLibrary.reset(widgetId);\n  }\n\n  /** @inheritdoc */\n  private setup(\n    container: HTMLElement,\n    recaptchaParams?: ReCaptchaV2.Parameters\n  ): void {\n    this.widgetId = this.grecaptchaLibrary.render(container, {\n      callback: this.responseHandler.bind(this),\n      'expired-callback': this.expiredHandler.bind(this),\n      'error-callback': this.errorHandler.bind(this),\n      sitekey: this.siteKey,\n      tabindex: recaptchaParams?.tabindex,\n      theme: recaptchaParams?.theme,\n      type: recaptchaParams?.type,\n      size: recaptchaParams?.size ?? 'invisible',\n    });\n  }\n\n  private createContainer(): HTMLElement {\n    const elementId = `recaptchaManager-${this.siteKey}`;\n    let element: HTMLElement | null = document.getElementById(elementId);\n    if (!element) {\n      element = document.createElement('div');\n      element.id = elementId;\n      element.style.position = 'fixed';\n      element.style.top = '50%';\n      element.style.left = '50%';\n      document.body.appendChild(element);\n    }\n    return element;\n  }\n\n  private responseHandler(response: any): void {\n    if (this.executionSuccessBlock) {\n      this.executionSuccessBlock(response);\n      this.executionSuccessBlock = undefined;\n    }\n  }\n\n  private expiredHandler(): void {\n    if (this.executionExpiredBlock) {\n      this.executionExpiredBlock();\n      this.executionExpiredBlock = undefined;\n    }\n  }\n\n  private errorHandler(): void {\n    if (this.executionErrorBlock) {\n      this.executionErrorBlock();\n      this.executionErrorBlock = undefined;\n    }\n  }\n}\n"]}

package/dist/src/recaptcha.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="grecaptcha" />
+export interface RecaptchaWidgetInterface {
+    /** execute the recaptcha request and returns a token */
+    execute(): Promise<string>;
+}
+/**
+ * This encompasses a widget for a given site key.
+ */
+export declare class RecaptchaWidget implements RecaptchaWidgetInterface {
+    private executionSuccessBlock?;
+    private executionExpiredBlock?;
+    private executionErrorBlock?;
+    private grecaptchaLibrary;
+    private siteKey;
+    private widgetId;
+    constructor(config: {
+        siteKey: string;
+        grecaptchaLibrary: ReCaptchaV2.ReCaptcha;
+    }, recaptchaParams?: ReCaptchaV2.Parameters);
+    /** @inheritdoc */
+    execute(): Promise<string>;
+    /** @inheritdoc */
+    private setup;
+    private createContainer;
+    private responseHandler;
+    private expiredHandler;
+    private errorHandler;
+}