@internetarchive/recaptcha-manager 0.1.2-alpha.1 → 1.0.0

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

@@ -1,35 +1,34 @@
-/// <reference types="grecaptcha" />
-import { LazyLoaderServiceInterface } from '@internetarchive/lazy-loader-service';
-import { RecaptchaWidgetInterface } from './recaptcha-widget.js';
-export interface RecaptchaManagerInterface {
-    /**
-     * Load a recaptcha widget for a given site key or the default site key.
-     */
-    getRecaptchaWidget(options?: {
-        siteKey?: string;
-        recaptchaParams?: ReCaptchaV2.Parameters;
-    }): Promise<RecaptchaWidgetInterface>;
-}
-export declare class RecaptchaManager implements RecaptchaManagerInterface {
-    private lazyLoader;
-    private defaultSiteKey?;
-    private recaptchaCache;
-    constructor(options?: {
-        defaultSiteKey?: string;
-        lazyLoader?: LazyLoaderServiceInterface;
-        grecaptchaLibrary?: ReCaptchaV2.ReCaptcha;
-    });
-    /** @inheritdoc */
-    getRecaptchaWidget(options?: {
-        siteKey?: string;
-        recaptchaParams?: ReCaptchaV2.Parameters;
-    }): Promise<RecaptchaWidgetInterface>;
-    /**
-     * Load the Recaptch library from Google.
-     *
-     * @returns Promise<ReCaptchaV2.ReCaptcha>
-     */
-    private getRecaptchaLibrary;
-    /** don't use directly, use `getRecaptchaLibrary()` */
-    private grecaptchaLibraryCache?;
-}
+import { LazyLoaderServiceInterface } from '@internetarchive/lazy-loader-service';
+import { RecaptchaWidgetInterface } from './recaptcha-widget';
+export interface RecaptchaManagerInterface {
+    /**
+     * Load a recaptcha widget for a given site key or the default site key.
+     */
+    getRecaptchaWidget(options?: {
+        siteKey?: string;
+        recaptchaParams?: ReCaptchaV2.Parameters;
+    }): Promise<RecaptchaWidgetInterface>;
+}
+export declare class RecaptchaManager implements RecaptchaManagerInterface {
+    private lazyLoader;
+    private defaultSiteKey?;
+    private recaptchaCache;
+    constructor(options?: {
+        defaultSiteKey?: string;
+        lazyLoader?: LazyLoaderServiceInterface;
+        grecaptchaLibrary?: ReCaptchaV2.ReCaptcha;
+    });
+    /** @inheritdoc */
+    getRecaptchaWidget(options?: {
+        siteKey?: string;
+        recaptchaParams?: ReCaptchaV2.Parameters;
+    }): Promise<RecaptchaWidgetInterface>;
+    /**
+     * Load the Recaptch library from Google.
+     *
+     * @returns Promise<ReCaptchaV2.ReCaptcha>
+     */
+    private getRecaptchaLibrary;
+    /** don't use directly, use `getRecaptchaLibrary()` */
+    private grecaptchaLibraryCache?;
+}

package/dist/src/recaptcha-manager.js

@@ -1,53 +1,55 @@
-import { LazyLoaderService, } from '@internetarchive/lazy-loader-service';
-import { RecaptchaWidget } from './recaptcha-widget.js';
-export class RecaptchaManager {
-    constructor(options) {
-        var _a;
-        this.recaptchaCache = {};
-        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;
-    }
-    /** @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('The reCaptcha widget 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,
-        }, options === null || options === void 0 ? void 0 : options.recaptchaParams);
-        this.recaptchaCache[key] = recaptcha;
-        return recaptcha;
-    }
-    /**
-     * Load the Recaptch library from Google.
-     *
-     * @returns Promise<ReCaptchaV2.ReCaptcha>
-     */
-    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);
-            };
-            this.lazyLoader.loadScript({
-                src: 'https://www.google.com/recaptcha/api.js?onload=grecaptchaLoadedCallback&render=explicit',
-            });
-        });
-    }
-}
+import { LazyLoaderService, } from '@internetarchive/lazy-loader-service';
+import { RecaptchaWidget } from './recaptcha-widget';
+export class RecaptchaManager {
+    constructor(options) {
+        var _a;
+        this.recaptchaCache = {};
+        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;
+    }
+    /** @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('The reCaptcha widget 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,
+        }, options === null || options === void 0 ? void 0 : options.recaptchaParams);
+        this.recaptchaCache[key] = recaptcha;
+        return recaptcha;
+    }
+    /**
+     * Load the Recaptch library from Google.
+     *
+     * @returns Promise<ReCaptchaV2.ReCaptcha>
+     */
+    async getRecaptchaLibrary() {
+        if (this.grecaptchaLibraryCache) {
+            return this.grecaptchaLibraryCache;
+        }
+        return new Promise(resolve => {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            window.grecaptchaLoadedCallback = () => {
+                setTimeout(() => {
+                    // remove the callback when we're done with it
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    delete window.grecaptchaLoadedCallback;
+                }, 10);
+                this.grecaptchaLibraryCache = window.grecaptcha;
+                resolve(window.grecaptcha);
+            };
+            this.lazyLoader.loadScript({
+                src: 'https://www.google.com/recaptcha/api.js?onload=grecaptchaLoadedCallback&render=explicit',
+            });
+        });
+    }
+}
 //# 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,uBAAuB,CAAC;AAYlF,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;YACR,MAAM,IAAI,KAAK,CAAC,0CAA0C,CAAC,CAAC;SAC7D;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 {\r\n  LazyLoaderService,\r\n  LazyLoaderServiceInterface,\r\n} from '@internetarchive/lazy-loader-service';\r\nimport { RecaptchaWidget, RecaptchaWidgetInterface } from './recaptcha-widget.js';\r\n\r\nexport interface RecaptchaManagerInterface {\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 lazyLoader: LazyLoaderServiceInterface;\r\n\r\n  private defaultSiteKey?: string;\r\n\r\n  private recaptchaCache: Record<string, RecaptchaWidget> = {};\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  }) {\r\n    this.defaultSiteKey = options?.defaultSiteKey;\r\n    this.lazyLoader = options?.lazyLoader ?? new LazyLoaderService();\r\n    this.grecaptchaLibraryCache = options?.grecaptchaLibrary;\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 Recaptch 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 => {\r\n      (window as any).grecaptchaLoadedCallback = (): void => {\r\n        setTimeout(() => {\r\n          // remove the callback when we're done with it\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      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"]}
+{"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"]}

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

@@ -1,39 +1,38 @@
-/// <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>;
-}
-/**
- * The combines parameters from the Recaptcha config and adds the zIndex, which
- * allows us to control the z-index of the recaptcha widget.
- */
-export declare type RecaptchaWidgetConfig = Pick<ReCaptchaV2.Parameters, 'tabindex' | 'theme' | 'type' | 'size' | 'badge'> & {
-    zIndex?: number;
-};
-/**
- * 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;
-    }, widgetConfig?: RecaptchaWidgetConfig);
-    /** @inheritdoc */
-    execute(): Promise<string>;
-    private finishExecution;
-    private setup;
-    private createContainer;
-    private responseHandler;
-    private expiredHandler;
-    private errorHandler;
-}
+/**
+ * This encompasses a widget for a given site key.
+ */
+export interface RecaptchaWidgetInterface {
+    /** execute the recaptcha request and returns a token */
+    execute(): Promise<string>;
+}
+/**
+ * The combines parameters from the Recaptcha config and adds the zIndex, which
+ * allows us to control the z-index of the recaptcha widget.
+ */
+export type RecaptchaWidgetConfig = Pick<ReCaptchaV2.Parameters, 'tabindex' | 'theme' | 'type' | 'size' | 'badge'> & {
+    zIndex?: number;
+};
+/**
+ * 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;
+    }, widgetConfig?: RecaptchaWidgetConfig);
+    /** @inheritdoc */
+    execute(): Promise<string>;
+    private finishExecution;
+    private setup;
+    private createContainer;
+    private responseHandler;
+    private expiredHandler;
+    private errorHandler;
+}

package/dist/src/recaptcha-widget.js

@@ -1,96 +1,96 @@
-/**
- * This encompasses a widget for a given site key.
- */
-export class RecaptchaWidget {
-    constructor(config, widgetConfig) {
-        this.widgetId = null;
-        this.isExecuting = false;
-        this.siteKey = config.siteKey;
-        this.grecaptchaLibrary = config.grecaptchaLibrary;
-        const container = this.createContainer();
-        this.setup(container, widgetConfig);
-    }
-    /** @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();
-        }
-        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(widgetId);
-        });
-    }
-    finishExecution() {
-        this.isExecuting = false;
-        const { widgetId } = this;
-        if (widgetId === null)
-            return;
-        this.grecaptchaLibrary.reset(widgetId);
-    }
-    setup(container, widgetConfig) {
-        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: widgetConfig === null || widgetConfig === void 0 ? void 0 : widgetConfig.tabindex,
-            theme: widgetConfig === null || widgetConfig === void 0 ? void 0 : widgetConfig.theme,
-            type: widgetConfig === null || widgetConfig === void 0 ? void 0 : widgetConfig.type,
-            size: (_a = widgetConfig === null || widgetConfig === void 0 ? void 0 : widgetConfig.size) !== null && _a !== void 0 ? _a : 'invisible',
-            badge: widgetConfig === null || widgetConfig === void 0 ? void 0 : widgetConfig.badge,
-        });
-    }
-    createContainer(zIndex) {
-        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.zIndex = zIndex ? `${zIndex}` : '10';
-            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;
-        }
-    }
-}
+/**
+ * This encompasses a widget for a given site key.
+ */
+export class RecaptchaWidget {
+    constructor(config, widgetConfig) {
+        this.widgetId = null;
+        this.isExecuting = false;
+        this.siteKey = config.siteKey;
+        this.grecaptchaLibrary = config.grecaptchaLibrary;
+        const container = this.createContainer();
+        this.setup(container, widgetConfig);
+    }
+    /** @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();
+        }
+        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(widgetId);
+        });
+    }
+    finishExecution() {
+        this.isExecuting = false;
+        const { widgetId } = this;
+        if (widgetId === null)
+            return;
+        this.grecaptchaLibrary.reset(widgetId);
+    }
+    setup(container, widgetConfig) {
+        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: widgetConfig === null || widgetConfig === void 0 ? void 0 : widgetConfig.tabindex,
+            theme: widgetConfig === null || widgetConfig === void 0 ? void 0 : widgetConfig.theme,
+            type: widgetConfig === null || widgetConfig === void 0 ? void 0 : widgetConfig.type,
+            size: (_a = widgetConfig === null || widgetConfig === void 0 ? void 0 : widgetConfig.size) !== null && _a !== void 0 ? _a : 'invisible',
+            badge: widgetConfig === null || widgetConfig === void 0 ? void 0 : widgetConfig.badge,
+        });
+    }
+    createContainer(zIndex) {
+        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.zIndex = zIndex ? `${zIndex}` : '10';
+            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

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

@@ -1,24 +1,23 @@
-/// <reference types="grecaptcha" />
-export declare type MockGrecaptchaMode = 'success' | 'expired' | 'error';
-export declare class MockGrecaptcha implements ReCaptchaV2.ReCaptcha {
-    response: string;
-    renderCalled: boolean;
-    executeCalled: boolean;
-    resetCallCount: number;
-    getResponseCalled: boolean;
-    mode: MockGrecaptchaMode;
-    addDelay: boolean;
-    callback?: (response: string) => void;
-    'expired-callback'?: () => void;
-    'error-callback'?: () => void;
-    render(container: string | HTMLElement, parameters?: ReCaptchaV2.Parameters | undefined, inherit?: boolean | undefined): number;
-    reset(opt_widget_id?: number | undefined): void;
-    getResponse(opt_widget_id?: number | undefined): string;
-    execute(opt_widget_id?: number): void;
-    ready(callback: () => void): void;
-    private callCallback;
-    constructor(options: {
-        mode: MockGrecaptchaMode;
-        addDelay?: boolean;
-    });
-}
+export type MockGrecaptchaMode = 'success' | 'expired' | 'error';
+export declare class MockGrecaptcha implements ReCaptchaV2.ReCaptcha {
+    response: string;
+    renderCalled: boolean;
+    executeCalled: boolean;
+    resetCallCount: number;
+    getResponseCalled: boolean;
+    mode: MockGrecaptchaMode;
+    addDelay: boolean;
+    callback?: (response: string) => void;
+    'expired-callback'?: () => void;
+    'error-callback'?: () => void;
+    render(container: string | HTMLElement, parameters?: ReCaptchaV2.Parameters | undefined, inherit?: boolean | undefined): number;
+    reset(opt_widget_id?: number | undefined): void;
+    getResponse(opt_widget_id?: number | undefined): string;
+    execute(opt_widget_id?: number): void;
+    ready(callback: () => void): void;
+    private callCallback;
+    constructor(options: {
+        mode: MockGrecaptchaMode;
+        addDelay?: boolean;
+    });
+}