http-client-with-recaptcha 1.0.1 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/{esm2022 → esm2020}/http-client-with-recaptcha.mjs +4 -4
- package/esm2020/lib/app-config.tokens.mjs +12 -0
- package/esm2020/lib/http-client-with-recaptcha.module.mjs +43 -0
- package/esm2020/lib/http-client-with-recaptcha.service.mjs +62 -0
- package/{esm2022 → esm2020}/public-api.mjs +6 -6
- package/fesm2015/http-client-with-recaptcha.mjs +125 -0
- package/fesm2015/http-client-with-recaptcha.mjs.map +1 -0
- package/{fesm2022 → fesm2020}/http-client-with-recaptcha.mjs +102 -108
- package/fesm2020/http-client-with-recaptcha.mjs.map +1 -0
- package/index.d.ts +5 -5
- package/lib/app-config.tokens.d.ts +3 -3
- package/lib/http-client-with-recaptcha.module.d.ts +9 -9
- package/lib/http-client-with-recaptcha.service.d.ts +35 -35
- package/package.json +14 -8
- package/public-api.d.ts +3 -3
- package/README.md +0 -188
- package/esm2022/lib/app-config.tokens.mjs +0 -12
- package/esm2022/lib/http-client-with-recaptcha.module.mjs +0 -46
- package/esm2022/lib/http-client-with-recaptcha.service.mjs +0 -65
- package/fesm2022/http-client-with-recaptcha.mjs.map +0 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Generated bundle index. Do not edit.
|
|
3
|
-
*/
|
|
4
|
-
export * from './public-api';
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './public-api';
|
|
5
5
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaHR0cC1jbGllbnQtd2l0aC1yZWNhcHRjaGEuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9odHRwLWNsaWVudC13aXRoLXJlY2FwdGNoYS9zcmMvaHR0cC1jbGllbnQtd2l0aC1yZWNhcHRjaGEudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { InjectionToken } from '@angular/core';
|
|
2
|
+
export const RECAPTCHA_HEADER_NAME = new InjectionToken('reCAPTCHA Header Name', {
|
|
3
|
+
providedIn: 'root',
|
|
4
|
+
factory: () => 'X-Recaptcha-Token', // Default value
|
|
5
|
+
});
|
|
6
|
+
export const RECAPTCHA_V3_KEY = new InjectionToken('RECAPTCHA_V3_KEY', {
|
|
7
|
+
providedIn: 'root',
|
|
8
|
+
factory: () => {
|
|
9
|
+
return 'your-site-key'; // Default value or fallback (can be overridden later)
|
|
10
|
+
},
|
|
11
|
+
});
|
|
12
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLWNvbmZpZy50b2tlbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9odHRwLWNsaWVudC13aXRoLXJlY2FwdGNoYS9zcmMvbGliL2FwcC1jb25maWcudG9rZW5zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFL0MsTUFBTSxDQUFDLE1BQU0scUJBQXFCLEdBQUcsSUFBSSxjQUFjLENBQVMsdUJBQXVCLEVBQUU7SUFDdkYsVUFBVSxFQUFFLE1BQU07SUFDbEIsT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUFDLG1CQUFtQixFQUFFLGdCQUFnQjtDQUNyRCxDQUFDLENBQUM7QUFHSCxNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBRyxJQUFJLGNBQWMsQ0FBUyxrQkFBa0IsRUFBRTtJQUM3RSxVQUFVLEVBQUUsTUFBTTtJQUNsQixPQUFPLEVBQUUsR0FBRyxFQUFFO1FBQ1osT0FBTyxlQUFlLENBQUMsQ0FBQyxzREFBc0Q7SUFDaEYsQ0FBQztDQUNGLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGlvblRva2VuIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5leHBvcnQgY29uc3QgUkVDQVBUQ0hBX0hFQURFUl9OQU1FID0gbmV3IEluamVjdGlvblRva2VuPHN0cmluZz4oJ3JlQ0FQVENIQSBIZWFkZXIgTmFtZScsIHtcclxuICBwcm92aWRlZEluOiAncm9vdCcsXHJcbiAgZmFjdG9yeTogKCkgPT4gJ1gtUmVjYXB0Y2hhLVRva2VuJywgLy8gRGVmYXVsdCB2YWx1ZVxyXG59KTtcclxuXHJcblxyXG5leHBvcnQgY29uc3QgUkVDQVBUQ0hBX1YzX0tFWSA9IG5ldyBJbmplY3Rpb25Ub2tlbjxzdHJpbmc+KCdSRUNBUFRDSEFfVjNfS0VZJywge1xyXG4gIHByb3ZpZGVkSW46ICdyb290JywgIC8vIFlvdSBjYW4gcHJvdmlkZSBpdCBpbiB0aGUgcm9vdCBvciBhbnkgb3RoZXIgbW9kdWxlIGRlcGVuZGluZyBvbiB5b3VyIG5lZWRcclxuICBmYWN0b3J5OiAoKSA9PiB7XHJcbiAgICByZXR1cm4gJ3lvdXItc2l0ZS1rZXknOyAvLyBEZWZhdWx0IHZhbHVlIG9yIGZhbGxiYWNrIChjYW4gYmUgb3ZlcnJpZGRlbiBsYXRlcilcclxuICB9LFxyXG59KTtcclxuIl19
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { Inject, NgModule } from '@angular/core';
|
|
2
|
+
import { HttpClientWithRecaptchaService } from "./http-client-with-recaptcha.service";
|
|
3
|
+
import { RecaptchaV3Module, RECAPTCHA_V3_SITE_KEY, ReCaptchaV3Service } from "ng-recaptcha";
|
|
4
|
+
import { RECAPTCHA_HEADER_NAME, RECAPTCHA_V3_KEY } from "./app-config.tokens";
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export class HttpClientWithRecaptchaModule {
|
|
7
|
+
constructor(siteKey) {
|
|
8
|
+
this.siteKey = siteKey;
|
|
9
|
+
console.log(siteKey);
|
|
10
|
+
if (!this.siteKey) {
|
|
11
|
+
console.error('No reCAPTCHA site key provided. Please configure the RECAPTCHA_V3_SITE_KEY.');
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
HttpClientWithRecaptchaModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HttpClientWithRecaptchaModule, deps: [{ token: RECAPTCHA_HEADER_NAME }], target: i0.ɵɵFactoryTarget.NgModule });
|
|
16
|
+
HttpClientWithRecaptchaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: HttpClientWithRecaptchaModule, imports: [RecaptchaV3Module] });
|
|
17
|
+
HttpClientWithRecaptchaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HttpClientWithRecaptchaModule, providers: [
|
|
18
|
+
HttpClientWithRecaptchaService,
|
|
19
|
+
ReCaptchaV3Service,
|
|
20
|
+
{
|
|
21
|
+
provide: RECAPTCHA_V3_SITE_KEY,
|
|
22
|
+
useExisting: RECAPTCHA_V3_KEY, // Pass the value of your custom token to ng-recaptcha
|
|
23
|
+
}
|
|
24
|
+
], imports: [RecaptchaV3Module] });
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HttpClientWithRecaptchaModule, decorators: [{
|
|
26
|
+
type: NgModule,
|
|
27
|
+
args: [{
|
|
28
|
+
imports: [RecaptchaV3Module],
|
|
29
|
+
exports: [],
|
|
30
|
+
providers: [
|
|
31
|
+
HttpClientWithRecaptchaService,
|
|
32
|
+
ReCaptchaV3Service,
|
|
33
|
+
{
|
|
34
|
+
provide: RECAPTCHA_V3_SITE_KEY,
|
|
35
|
+
useExisting: RECAPTCHA_V3_KEY, // Pass the value of your custom token to ng-recaptcha
|
|
36
|
+
}
|
|
37
|
+
]
|
|
38
|
+
}]
|
|
39
|
+
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
40
|
+
type: Inject,
|
|
41
|
+
args: [RECAPTCHA_HEADER_NAME]
|
|
42
|
+
}] }]; } });
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaHR0cC1jbGllbnQtd2l0aC1yZWNhcHRjaGEubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvaHR0cC1jbGllbnQtd2l0aC1yZWNhcHRjaGEvc3JjL2xpYi9odHRwLWNsaWVudC13aXRoLXJlY2FwdGNoYS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLE1BQU0sRUFBRSxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDL0MsT0FBTyxFQUFDLDhCQUE4QixFQUFDLE1BQU0sc0NBQXNDLENBQUM7QUFDcEYsT0FBTyxFQUFDLGlCQUFpQixFQUFFLHFCQUFxQixFQUFFLGtCQUFrQixFQUFDLE1BQU0sY0FBYyxDQUFDO0FBQzFGLE9BQU8sRUFBQyxxQkFBcUIsRUFBRSxnQkFBZ0IsRUFBQyxNQUFNLHFCQUFxQixDQUFDOztBQWM1RSxNQUFNLE9BQU8sNkJBQTZCO0lBRXhDLFlBQW1ELE9BQWU7UUFBZixZQUFPLEdBQVAsT0FBTyxDQUFRO1FBQ2hFLE9BQU8sQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUE7UUFDcEIsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDakIsT0FBTyxDQUFDLEtBQUssQ0FBQyw2RUFBNkUsQ0FBQyxDQUFDO1NBQzlGO0lBQ0gsQ0FBQzs7MkhBUFUsNkJBQTZCLGtCQUVwQixxQkFBcUI7NEhBRjlCLDZCQUE2QixZQVg5QixpQkFBaUI7NEhBV2hCLDZCQUE2QixhQVQ3QjtRQUNULDhCQUE4QjtRQUM5QixrQkFBa0I7UUFDbEI7WUFDRSxPQUFPLEVBQUUscUJBQXFCO1lBQzlCLFdBQVcsRUFBRSxnQkFBZ0IsRUFBRyxzREFBc0Q7U0FDdkY7S0FDRixZQVRTLGlCQUFpQjs0RkFXaEIsNkJBQTZCO2tCQVp6QyxRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxDQUFDLGlCQUFpQixDQUFDO29CQUM1QixPQUFPLEVBQUUsRUFBRTtvQkFDWCxTQUFTLEVBQUU7d0JBQ1QsOEJBQThCO3dCQUM5QixrQkFBa0I7d0JBQ2xCOzRCQUNFLE9BQU8sRUFBRSxxQkFBcUI7NEJBQzlCLFdBQVcsRUFBRSxnQkFBZ0IsRUFBRyxzREFBc0Q7eUJBQ3ZGO3FCQUNGO2lCQUNGOzswQkFHYyxNQUFNOzJCQUFDLHFCQUFxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7SW5qZWN0LCBOZ01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7SHR0cENsaWVudFdpdGhSZWNhcHRjaGFTZXJ2aWNlfSBmcm9tIFwiLi9odHRwLWNsaWVudC13aXRoLXJlY2FwdGNoYS5zZXJ2aWNlXCI7XHJcbmltcG9ydCB7UmVjYXB0Y2hhVjNNb2R1bGUsIFJFQ0FQVENIQV9WM19TSVRFX0tFWSwgUmVDYXB0Y2hhVjNTZXJ2aWNlfSBmcm9tIFwibmctcmVjYXB0Y2hhXCI7XHJcbmltcG9ydCB7UkVDQVBUQ0hBX0hFQURFUl9OQU1FLCBSRUNBUFRDSEFfVjNfS0VZfSBmcm9tIFwiLi9hcHAtY29uZmlnLnRva2Vuc1wiO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBpbXBvcnRzOiBbUmVjYXB0Y2hhVjNNb2R1bGVdLFxyXG4gIGV4cG9ydHM6IFtdLFxyXG4gIHByb3ZpZGVyczogW1xyXG4gICAgSHR0cENsaWVudFdpdGhSZWNhcHRjaGFTZXJ2aWNlLFxyXG4gICAgUmVDYXB0Y2hhVjNTZXJ2aWNlLFxyXG4gICAge1xyXG4gICAgICBwcm92aWRlOiBSRUNBUFRDSEFfVjNfU0lURV9LRVksICAvLyBUaGlzIGluamVjdHMgdGhlIHNpdGUga2V5IGludG8gbmctcmVjYXB0Y2hhXHJcbiAgICAgIHVzZUV4aXN0aW5nOiBSRUNBUFRDSEFfVjNfS0VZLCAgLy8gUGFzcyB0aGUgdmFsdWUgb2YgeW91ciBjdXN0b20gdG9rZW4gdG8gbmctcmVjYXB0Y2hhXHJcbiAgICB9XHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgSHR0cENsaWVudFdpdGhSZWNhcHRjaGFNb2R1bGUge1xyXG5cclxuICBjb25zdHJ1Y3RvcihASW5qZWN0KFJFQ0FQVENIQV9IRUFERVJfTkFNRSkgcHJpdmF0ZSBzaXRlS2V5OiBzdHJpbmcpIHtcclxuICAgIGNvbnNvbGUubG9nKHNpdGVLZXkpXHJcbiAgICBpZiAoIXRoaXMuc2l0ZUtleSkge1xyXG4gICAgICBjb25zb2xlLmVycm9yKCdObyByZUNBUFRDSEEgc2l0ZSBrZXkgcHJvdmlkZWQuIFBsZWFzZSBjb25maWd1cmUgdGhlIFJFQ0FQVENIQV9WM19TSVRFX0tFWS4nKTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIl19
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { Inject, Injectable } from '@angular/core';
|
|
2
|
+
import { HttpClient, HttpHeaders } from '@angular/common/http';
|
|
3
|
+
import { ReCaptchaV3Service } from 'ng-recaptcha';
|
|
4
|
+
import { of } from 'rxjs';
|
|
5
|
+
import { switchMap, map } from 'rxjs/operators';
|
|
6
|
+
import { RECAPTCHA_HEADER_NAME } from './app-config.tokens';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
import * as i1 from "@angular/common/http";
|
|
9
|
+
import * as i2 from "ng-recaptcha";
|
|
10
|
+
export class HttpClientWithRecaptchaService {
|
|
11
|
+
constructor(http, recaptchaV3Service, headerName) {
|
|
12
|
+
this.http = http;
|
|
13
|
+
this.recaptchaV3Service = recaptchaV3Service;
|
|
14
|
+
this.headerName = headerName;
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* Prepares headers for HTTP requests, optionally including a reCAPTCHA token.
|
|
18
|
+
* @param action - Optional reCAPTCHA action.
|
|
19
|
+
* @returns An Observable with the prepared HttpHeaders.
|
|
20
|
+
*/
|
|
21
|
+
prepareHeaders(action) {
|
|
22
|
+
if (!action) {
|
|
23
|
+
return of(new HttpHeaders());
|
|
24
|
+
}
|
|
25
|
+
return this.recaptchaV3Service.execute(action).pipe(map((recaptchaToken) => new HttpHeaders({
|
|
26
|
+
[this.headerName]: recaptchaToken,
|
|
27
|
+
})));
|
|
28
|
+
}
|
|
29
|
+
/**
|
|
30
|
+
* Performs a GET request with optional reCAPTCHA verification.
|
|
31
|
+
* @param url - The endpoint URL.
|
|
32
|
+
* @param action - Optional reCAPTCHA action.
|
|
33
|
+
* @param options - Additional request options.
|
|
34
|
+
* @returns An Observable of the response.
|
|
35
|
+
*/
|
|
36
|
+
get(url, action, options = {}) {
|
|
37
|
+
return this.prepareHeaders(action).pipe(switchMap((headers) => this.http.get(url, { ...options, headers })));
|
|
38
|
+
}
|
|
39
|
+
/**
|
|
40
|
+
* Performs a POST request with optional reCAPTCHA verification.
|
|
41
|
+
* @param url - The endpoint URL.
|
|
42
|
+
* @param action - Optional reCAPTCHA action.
|
|
43
|
+
* @param body - The payload to send in the POST request.
|
|
44
|
+
* @param options - Additional request options.
|
|
45
|
+
* @returns An Observable of the response.
|
|
46
|
+
*/
|
|
47
|
+
post(url, body, action, options = {}) {
|
|
48
|
+
return this.prepareHeaders(action).pipe(switchMap((headers) => this.http.post(url, body, { ...options, headers })));
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
HttpClientWithRecaptchaService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HttpClientWithRecaptchaService, deps: [{ token: i1.HttpClient }, { token: i2.ReCaptchaV3Service }, { token: RECAPTCHA_HEADER_NAME }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
52
|
+
HttpClientWithRecaptchaService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HttpClientWithRecaptchaService, providedIn: 'root' });
|
|
53
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HttpClientWithRecaptchaService, decorators: [{
|
|
54
|
+
type: Injectable,
|
|
55
|
+
args: [{
|
|
56
|
+
providedIn: 'root', // Provides the service at the root level
|
|
57
|
+
}]
|
|
58
|
+
}], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: i2.ReCaptchaV3Service }, { type: undefined, decorators: [{
|
|
59
|
+
type: Inject,
|
|
60
|
+
args: [RECAPTCHA_HEADER_NAME]
|
|
61
|
+
}] }]; } });
|
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaHR0cC1jbGllbnQtd2l0aC1yZWNhcHRjaGEuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2h0dHAtY2xpZW50LXdpdGgtcmVjYXB0Y2hhL3NyYy9saWIvaHR0cC1jbGllbnQtd2l0aC1yZWNhcHRjaGEuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuRCxPQUFPLEVBQUUsVUFBVSxFQUFFLFdBQVcsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQy9ELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUNsRCxPQUFPLEVBQWMsRUFBRSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ3RDLE9BQU8sRUFBRSxTQUFTLEVBQUUsR0FBRyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDaEQsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0scUJBQXFCLENBQUM7Ozs7QUFLNUQsTUFBTSxPQUFPLDhCQUE4QjtJQUN6QyxZQUNVLElBQWdCLEVBQ2hCLGtCQUFzQyxFQUNFLFVBQWtCO1FBRjFELFNBQUksR0FBSixJQUFJLENBQVk7UUFDaEIsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFvQjtRQUNFLGVBQVUsR0FBVixVQUFVLENBQVE7SUFDakUsQ0FBQztJQUVKOzs7O09BSUc7SUFDSyxjQUFjLENBQUMsTUFBZTtRQUNwQyxJQUFJLENBQUMsTUFBTSxFQUFFO1lBQ1gsT0FBTyxFQUFFLENBQUMsSUFBSSxXQUFXLEVBQUUsQ0FBQyxDQUFDO1NBQzlCO1FBRUQsT0FBTyxJQUFJLENBQUMsa0JBQWtCLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxDQUFDLElBQUksQ0FDakQsR0FBRyxDQUFDLENBQUMsY0FBYyxFQUFFLEVBQUUsQ0FDckIsSUFBSSxXQUFXLENBQUM7WUFDZCxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsRUFBRSxjQUFjO1NBQ2xDLENBQUMsQ0FDSCxDQUNGLENBQUM7SUFDSixDQUFDO0lBRUQ7Ozs7OztPQU1HO0lBQ0gsR0FBRyxDQUFJLEdBQVcsRUFBRSxNQUFlLEVBQUUsT0FBTyxHQUFHLEVBQUU7UUFDL0MsT0FBTyxJQUFJLENBQUMsY0FBYyxDQUFDLE1BQU0sQ0FBQyxDQUFDLElBQUksQ0FDckMsU0FBUyxDQUFDLENBQUMsT0FBTyxFQUFFLEVBQUUsQ0FDcEIsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUksR0FBRyxFQUFFLEVBQUUsR0FBRyxPQUFPLEVBQUUsT0FBTyxFQUFFLENBQUMsQ0FDL0MsQ0FDRixDQUFDO0lBQ0osQ0FBQztJQUVEOzs7Ozs7O09BT0c7SUFDSCxJQUFJLENBQUksR0FBVyxFQUFHLElBQVMsRUFBQyxNQUFlLEVBQUUsT0FBTyxHQUFHLEVBQUU7UUFDM0QsT0FBTyxJQUFJLENBQUMsY0FBYyxDQUFDLE1BQU0sQ0FBQyxDQUFDLElBQUksQ0FDckMsU0FBUyxDQUFDLENBQUMsT0FBTyxFQUFFLEVBQUUsQ0FDcEIsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUksR0FBRyxFQUFFLElBQUksRUFBRSxFQUFFLEdBQUcsT0FBTyxFQUFFLE9BQU8sRUFBRSxDQUFDLENBQ3RELENBQ0YsQ0FBQztJQUNKLENBQUM7OzRIQXZEVSw4QkFBOEIsOEVBSS9CLHFCQUFxQjtnSUFKcEIsOEJBQThCLGNBRjdCLE1BQU07NEZBRVAsOEJBQThCO2tCQUgxQyxVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNLEVBQUUseUNBQXlDO2lCQUM5RDs7MEJBS0ksTUFBTTsyQkFBQyxxQkFBcUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3QsIEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgSHR0cENsaWVudCwgSHR0cEhlYWRlcnMgfSBmcm9tICdAYW5ndWxhci9jb21tb24vaHR0cCc7XHJcbmltcG9ydCB7IFJlQ2FwdGNoYVYzU2VydmljZSB9IGZyb20gJ25nLXJlY2FwdGNoYSc7XHJcbmltcG9ydCB7IE9ic2VydmFibGUsIG9mIH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IHN3aXRjaE1hcCwgbWFwIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xyXG5pbXBvcnQgeyBSRUNBUFRDSEFfSEVBREVSX05BTUUgfSBmcm9tICcuL2FwcC1jb25maWcudG9rZW5zJztcclxuXHJcbkBJbmplY3RhYmxlKHtcclxuICBwcm92aWRlZEluOiAncm9vdCcsIC8vIFByb3ZpZGVzIHRoZSBzZXJ2aWNlIGF0IHRoZSByb290IGxldmVsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBIdHRwQ2xpZW50V2l0aFJlY2FwdGNoYVNlcnZpY2Uge1xyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSBodHRwOiBIdHRwQ2xpZW50LFxyXG4gICAgcHJpdmF0ZSByZWNhcHRjaGFWM1NlcnZpY2U6IFJlQ2FwdGNoYVYzU2VydmljZSxcclxuICAgIEBJbmplY3QoUkVDQVBUQ0hBX0hFQURFUl9OQU1FKSBwcml2YXRlIHJlYWRvbmx5IGhlYWRlck5hbWU6IHN0cmluZ1xyXG4gICkge31cclxuXHJcbiAgLyoqXHJcbiAgICogUHJlcGFyZXMgaGVhZGVycyBmb3IgSFRUUCByZXF1ZXN0cywgb3B0aW9uYWxseSBpbmNsdWRpbmcgYSByZUNBUFRDSEEgdG9rZW4uXHJcbiAgICogQHBhcmFtIGFjdGlvbiAtIE9wdGlvbmFsIHJlQ0FQVENIQSBhY3Rpb24uXHJcbiAgICogQHJldHVybnMgQW4gT2JzZXJ2YWJsZSB3aXRoIHRoZSBwcmVwYXJlZCBIdHRwSGVhZGVycy5cclxuICAgKi9cclxuICBwcml2YXRlIHByZXBhcmVIZWFkZXJzKGFjdGlvbj86IHN0cmluZyk6IE9ic2VydmFibGU8SHR0cEhlYWRlcnM+IHtcclxuICAgIGlmICghYWN0aW9uKSB7XHJcbiAgICAgIHJldHVybiBvZihuZXcgSHR0cEhlYWRlcnMoKSk7XHJcbiAgICB9XHJcblxyXG4gICAgcmV0dXJuIHRoaXMucmVjYXB0Y2hhVjNTZXJ2aWNlLmV4ZWN1dGUoYWN0aW9uKS5waXBlKFxyXG4gICAgICBtYXAoKHJlY2FwdGNoYVRva2VuKSA9PlxyXG4gICAgICAgIG5ldyBIdHRwSGVhZGVycyh7XHJcbiAgICAgICAgICBbdGhpcy5oZWFkZXJOYW1lXTogcmVjYXB0Y2hhVG9rZW4sXHJcbiAgICAgICAgfSlcclxuICAgICAgKVxyXG4gICAgKTtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIFBlcmZvcm1zIGEgR0VUIHJlcXVlc3Qgd2l0aCBvcHRpb25hbCByZUNBUFRDSEEgdmVyaWZpY2F0aW9uLlxyXG4gICAqIEBwYXJhbSB1cmwgLSBUaGUgZW5kcG9pbnQgVVJMLlxyXG4gICAqIEBwYXJhbSBhY3Rpb24gLSBPcHRpb25hbCByZUNBUFRDSEEgYWN0aW9uLlxyXG4gICAqIEBwYXJhbSBvcHRpb25zIC0gQWRkaXRpb25hbCByZXF1ZXN0IG9wdGlvbnMuXHJcbiAgICogQHJldHVybnMgQW4gT2JzZXJ2YWJsZSBvZiB0aGUgcmVzcG9uc2UuXHJcbiAgICovXHJcbiAgZ2V0PFQ+KHVybDogc3RyaW5nLCBhY3Rpb24/OiBzdHJpbmcsIG9wdGlvbnMgPSB7fSk6IE9ic2VydmFibGU8VD4ge1xyXG4gICAgcmV0dXJuIHRoaXMucHJlcGFyZUhlYWRlcnMoYWN0aW9uKS5waXBlKFxyXG4gICAgICBzd2l0Y2hNYXAoKGhlYWRlcnMpID0+XHJcbiAgICAgICAgdGhpcy5odHRwLmdldDxUPih1cmwsIHsgLi4ub3B0aW9ucywgaGVhZGVycyB9KVxyXG4gICAgICApXHJcbiAgICApO1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogUGVyZm9ybXMgYSBQT1NUIHJlcXVlc3Qgd2l0aCBvcHRpb25hbCByZUNBUFRDSEEgdmVyaWZpY2F0aW9uLlxyXG4gICAqIEBwYXJhbSB1cmwgLSBUaGUgZW5kcG9pbnQgVVJMLlxyXG4gICAqIEBwYXJhbSBhY3Rpb24gLSBPcHRpb25hbCByZUNBUFRDSEEgYWN0aW9uLlxyXG4gICAqIEBwYXJhbSBib2R5IC0gVGhlIHBheWxvYWQgdG8gc2VuZCBpbiB0aGUgUE9TVCByZXF1ZXN0LlxyXG4gICAqIEBwYXJhbSBvcHRpb25zIC0gQWRkaXRpb25hbCByZXF1ZXN0IG9wdGlvbnMuXHJcbiAgICogQHJldHVybnMgQW4gT2JzZXJ2YWJsZSBvZiB0aGUgcmVzcG9uc2UuXHJcbiAgICovXHJcbiAgcG9zdDxUPih1cmw6IHN0cmluZywgIGJvZHk6IGFueSxhY3Rpb24/OiBzdHJpbmcsIG9wdGlvbnMgPSB7fSk6IE9ic2VydmFibGU8VD4ge1xyXG4gICAgcmV0dXJuIHRoaXMucHJlcGFyZUhlYWRlcnMoYWN0aW9uKS5waXBlKFxyXG4gICAgICBzd2l0Y2hNYXAoKGhlYWRlcnMpID0+XHJcbiAgICAgICAgdGhpcy5odHRwLnBvc3Q8VD4odXJsLCBib2R5LCB7IC4uLm9wdGlvbnMsIGhlYWRlcnMgfSlcclxuICAgICAgKVxyXG4gICAgKTtcclxuICB9XHJcbn1cclxuIl19
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* Public API Surface of http-client-with-recaptcha
|
|
3
|
-
*/
|
|
4
|
-
export * from './lib/app-config.tokens';
|
|
5
|
-
export * from './lib/http-client-with-recaptcha.service';
|
|
6
|
-
export * from './lib/http-client-with-recaptcha.module';
|
|
1
|
+
/*
|
|
2
|
+
* Public API Surface of http-client-with-recaptcha
|
|
3
|
+
*/
|
|
4
|
+
export * from './lib/app-config.tokens';
|
|
5
|
+
export * from './lib/http-client-with-recaptcha.service';
|
|
6
|
+
export * from './lib/http-client-with-recaptcha.module';
|
|
7
7
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2h0dHAtY2xpZW50LXdpdGgtcmVjYXB0Y2hhL3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLDBDQUEwQyxDQUFDO0FBQ3pELGNBQWMseUNBQXlDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxyXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgaHR0cC1jbGllbnQtd2l0aC1yZWNhcHRjaGFcclxuICovXHJcblxyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9hcHAtY29uZmlnLnRva2Vucyc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2h0dHAtY2xpZW50LXdpdGgtcmVjYXB0Y2hhLnNlcnZpY2UnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9odHRwLWNsaWVudC13aXRoLXJlY2FwdGNoYS5tb2R1bGUnO1xyXG4iXX0=
|
|
@@ -0,0 +1,125 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { InjectionToken, Injectable, Inject, NgModule } from '@angular/core';
|
|
3
|
+
import * as i1 from '@angular/common/http';
|
|
4
|
+
import { HttpHeaders } from '@angular/common/http';
|
|
5
|
+
import { of } from 'rxjs';
|
|
6
|
+
import { map, switchMap } from 'rxjs/operators';
|
|
7
|
+
import * as i2 from 'ng-recaptcha';
|
|
8
|
+
import { RecaptchaV3Module, ReCaptchaV3Service, RECAPTCHA_V3_SITE_KEY } from 'ng-recaptcha';
|
|
9
|
+
|
|
10
|
+
const RECAPTCHA_HEADER_NAME = new InjectionToken('reCAPTCHA Header Name', {
|
|
11
|
+
providedIn: 'root',
|
|
12
|
+
factory: () => 'X-Recaptcha-Token', // Default value
|
|
13
|
+
});
|
|
14
|
+
const RECAPTCHA_V3_KEY = new InjectionToken('RECAPTCHA_V3_KEY', {
|
|
15
|
+
providedIn: 'root',
|
|
16
|
+
factory: () => {
|
|
17
|
+
return 'your-site-key'; // Default value or fallback (can be overridden later)
|
|
18
|
+
},
|
|
19
|
+
});
|
|
20
|
+
|
|
21
|
+
class HttpClientWithRecaptchaService {
|
|
22
|
+
constructor(http, recaptchaV3Service, headerName) {
|
|
23
|
+
this.http = http;
|
|
24
|
+
this.recaptchaV3Service = recaptchaV3Service;
|
|
25
|
+
this.headerName = headerName;
|
|
26
|
+
}
|
|
27
|
+
/**
|
|
28
|
+
* Prepares headers for HTTP requests, optionally including a reCAPTCHA token.
|
|
29
|
+
* @param action - Optional reCAPTCHA action.
|
|
30
|
+
* @returns An Observable with the prepared HttpHeaders.
|
|
31
|
+
*/
|
|
32
|
+
prepareHeaders(action) {
|
|
33
|
+
if (!action) {
|
|
34
|
+
return of(new HttpHeaders());
|
|
35
|
+
}
|
|
36
|
+
return this.recaptchaV3Service.execute(action).pipe(map((recaptchaToken) => new HttpHeaders({
|
|
37
|
+
[this.headerName]: recaptchaToken,
|
|
38
|
+
})));
|
|
39
|
+
}
|
|
40
|
+
/**
|
|
41
|
+
* Performs a GET request with optional reCAPTCHA verification.
|
|
42
|
+
* @param url - The endpoint URL.
|
|
43
|
+
* @param action - Optional reCAPTCHA action.
|
|
44
|
+
* @param options - Additional request options.
|
|
45
|
+
* @returns An Observable of the response.
|
|
46
|
+
*/
|
|
47
|
+
get(url, action, options = {}) {
|
|
48
|
+
return this.prepareHeaders(action).pipe(switchMap((headers) => this.http.get(url, Object.assign(Object.assign({}, options), { headers }))));
|
|
49
|
+
}
|
|
50
|
+
/**
|
|
51
|
+
* Performs a POST request with optional reCAPTCHA verification.
|
|
52
|
+
* @param url - The endpoint URL.
|
|
53
|
+
* @param action - Optional reCAPTCHA action.
|
|
54
|
+
* @param body - The payload to send in the POST request.
|
|
55
|
+
* @param options - Additional request options.
|
|
56
|
+
* @returns An Observable of the response.
|
|
57
|
+
*/
|
|
58
|
+
post(url, body, action, options = {}) {
|
|
59
|
+
return this.prepareHeaders(action).pipe(switchMap((headers) => this.http.post(url, body, Object.assign(Object.assign({}, options), { headers }))));
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
HttpClientWithRecaptchaService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HttpClientWithRecaptchaService, deps: [{ token: i1.HttpClient }, { token: i2.ReCaptchaV3Service }, { token: RECAPTCHA_HEADER_NAME }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
63
|
+
HttpClientWithRecaptchaService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HttpClientWithRecaptchaService, providedIn: 'root' });
|
|
64
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HttpClientWithRecaptchaService, decorators: [{
|
|
65
|
+
type: Injectable,
|
|
66
|
+
args: [{
|
|
67
|
+
providedIn: 'root', // Provides the service at the root level
|
|
68
|
+
}]
|
|
69
|
+
}], ctorParameters: function () {
|
|
70
|
+
return [{ type: i1.HttpClient }, { type: i2.ReCaptchaV3Service }, { type: undefined, decorators: [{
|
|
71
|
+
type: Inject,
|
|
72
|
+
args: [RECAPTCHA_HEADER_NAME]
|
|
73
|
+
}] }];
|
|
74
|
+
} });
|
|
75
|
+
|
|
76
|
+
class HttpClientWithRecaptchaModule {
|
|
77
|
+
constructor(siteKey) {
|
|
78
|
+
this.siteKey = siteKey;
|
|
79
|
+
console.log(siteKey);
|
|
80
|
+
if (!this.siteKey) {
|
|
81
|
+
console.error('No reCAPTCHA site key provided. Please configure the RECAPTCHA_V3_SITE_KEY.');
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
HttpClientWithRecaptchaModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HttpClientWithRecaptchaModule, deps: [{ token: RECAPTCHA_HEADER_NAME }], target: i0.ɵɵFactoryTarget.NgModule });
|
|
86
|
+
HttpClientWithRecaptchaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: HttpClientWithRecaptchaModule, imports: [RecaptchaV3Module] });
|
|
87
|
+
HttpClientWithRecaptchaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HttpClientWithRecaptchaModule, providers: [
|
|
88
|
+
HttpClientWithRecaptchaService,
|
|
89
|
+
ReCaptchaV3Service,
|
|
90
|
+
{
|
|
91
|
+
provide: RECAPTCHA_V3_SITE_KEY,
|
|
92
|
+
useExisting: RECAPTCHA_V3_KEY, // Pass the value of your custom token to ng-recaptcha
|
|
93
|
+
}
|
|
94
|
+
], imports: [RecaptchaV3Module] });
|
|
95
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HttpClientWithRecaptchaModule, decorators: [{
|
|
96
|
+
type: NgModule,
|
|
97
|
+
args: [{
|
|
98
|
+
imports: [RecaptchaV3Module],
|
|
99
|
+
exports: [],
|
|
100
|
+
providers: [
|
|
101
|
+
HttpClientWithRecaptchaService,
|
|
102
|
+
ReCaptchaV3Service,
|
|
103
|
+
{
|
|
104
|
+
provide: RECAPTCHA_V3_SITE_KEY,
|
|
105
|
+
useExisting: RECAPTCHA_V3_KEY, // Pass the value of your custom token to ng-recaptcha
|
|
106
|
+
}
|
|
107
|
+
]
|
|
108
|
+
}]
|
|
109
|
+
}], ctorParameters: function () {
|
|
110
|
+
return [{ type: undefined, decorators: [{
|
|
111
|
+
type: Inject,
|
|
112
|
+
args: [RECAPTCHA_HEADER_NAME]
|
|
113
|
+
}] }];
|
|
114
|
+
} });
|
|
115
|
+
|
|
116
|
+
/*
|
|
117
|
+
* Public API Surface of http-client-with-recaptcha
|
|
118
|
+
*/
|
|
119
|
+
|
|
120
|
+
/**
|
|
121
|
+
* Generated bundle index. Do not edit.
|
|
122
|
+
*/
|
|
123
|
+
|
|
124
|
+
export { HttpClientWithRecaptchaModule, HttpClientWithRecaptchaService, RECAPTCHA_HEADER_NAME, RECAPTCHA_V3_KEY };
|
|
125
|
+
//# sourceMappingURL=http-client-with-recaptcha.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"http-client-with-recaptcha.mjs","sources":["../../../projects/http-client-with-recaptcha/src/lib/app-config.tokens.ts","../../../projects/http-client-with-recaptcha/src/lib/http-client-with-recaptcha.service.ts","../../../projects/http-client-with-recaptcha/src/lib/http-client-with-recaptcha.module.ts","../../../projects/http-client-with-recaptcha/src/public-api.ts","../../../projects/http-client-with-recaptcha/src/http-client-with-recaptcha.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\r\n\r\nexport const RECAPTCHA_HEADER_NAME = new InjectionToken<string>('reCAPTCHA Header Name', {\r\n providedIn: 'root',\r\n factory: () => 'X-Recaptcha-Token', // Default value\r\n});\r\n\r\n\r\nexport const RECAPTCHA_V3_KEY = new InjectionToken<string>('RECAPTCHA_V3_KEY', {\r\n providedIn: 'root', // You can provide it in the root or any other module depending on your need\r\n factory: () => {\r\n return 'your-site-key'; // Default value or fallback (can be overridden later)\r\n },\r\n});\r\n","import { Inject, Injectable } from '@angular/core';\r\nimport { HttpClient, HttpHeaders } from '@angular/common/http';\r\nimport { ReCaptchaV3Service } from 'ng-recaptcha';\r\nimport { Observable, of } from 'rxjs';\r\nimport { switchMap, map } from 'rxjs/operators';\r\nimport { RECAPTCHA_HEADER_NAME } from './app-config.tokens';\r\n\r\n@Injectable({\r\n providedIn: 'root', // Provides the service at the root level\r\n})\r\nexport class HttpClientWithRecaptchaService {\r\n constructor(\r\n private http: HttpClient,\r\n private recaptchaV3Service: ReCaptchaV3Service,\r\n @Inject(RECAPTCHA_HEADER_NAME) private readonly headerName: string\r\n ) {}\r\n\r\n /**\r\n * Prepares headers for HTTP requests, optionally including a reCAPTCHA token.\r\n * @param action - Optional reCAPTCHA action.\r\n * @returns An Observable with the prepared HttpHeaders.\r\n */\r\n private prepareHeaders(action?: string): Observable<HttpHeaders> {\r\n if (!action) {\r\n return of(new HttpHeaders());\r\n }\r\n\r\n return this.recaptchaV3Service.execute(action).pipe(\r\n map((recaptchaToken) =>\r\n new HttpHeaders({\r\n [this.headerName]: recaptchaToken,\r\n })\r\n )\r\n );\r\n }\r\n\r\n /**\r\n * Performs a GET request with optional reCAPTCHA verification.\r\n * @param url - The endpoint URL.\r\n * @param action - Optional reCAPTCHA action.\r\n * @param options - Additional request options.\r\n * @returns An Observable of the response.\r\n */\r\n get<T>(url: string, action?: string, options = {}): Observable<T> {\r\n return this.prepareHeaders(action).pipe(\r\n switchMap((headers) =>\r\n this.http.get<T>(url, { ...options, headers })\r\n )\r\n );\r\n }\r\n\r\n /**\r\n * Performs a POST request with optional reCAPTCHA verification.\r\n * @param url - The endpoint URL.\r\n * @param action - Optional reCAPTCHA action.\r\n * @param body - The payload to send in the POST request.\r\n * @param options - Additional request options.\r\n * @returns An Observable of the response.\r\n */\r\n post<T>(url: string, body: any,action?: string, options = {}): Observable<T> {\r\n return this.prepareHeaders(action).pipe(\r\n switchMap((headers) =>\r\n this.http.post<T>(url, body, { ...options, headers })\r\n )\r\n );\r\n }\r\n}\r\n","import {Inject, NgModule} from '@angular/core';\r\nimport {HttpClientWithRecaptchaService} from \"./http-client-with-recaptcha.service\";\r\nimport {RecaptchaV3Module, RECAPTCHA_V3_SITE_KEY, ReCaptchaV3Service} from \"ng-recaptcha\";\r\nimport {RECAPTCHA_HEADER_NAME, RECAPTCHA_V3_KEY} from \"./app-config.tokens\";\r\n\r\n@NgModule({\r\n imports: [RecaptchaV3Module],\r\n exports: [],\r\n providers: [\r\n HttpClientWithRecaptchaService,\r\n ReCaptchaV3Service,\r\n {\r\n provide: RECAPTCHA_V3_SITE_KEY, // This injects the site key into ng-recaptcha\r\n useExisting: RECAPTCHA_V3_KEY, // Pass the value of your custom token to ng-recaptcha\r\n }\r\n ]\r\n})\r\nexport class HttpClientWithRecaptchaModule {\r\n\r\n constructor(@Inject(RECAPTCHA_HEADER_NAME) private siteKey: string) {\r\n console.log(siteKey)\r\n if (!this.siteKey) {\r\n console.error('No reCAPTCHA site key provided. Please configure the RECAPTCHA_V3_SITE_KEY.');\r\n }\r\n }\r\n}\r\n","/*\r\n * Public API Surface of http-client-with-recaptcha\r\n */\r\n\r\nexport * from './lib/app-config.tokens';\r\nexport * from './lib/http-client-with-recaptcha.service';\r\nexport * from './lib/http-client-with-recaptcha.module';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -7,120 +7,114 @@ import { RecaptchaV3Module, ReCaptchaV3Service, RECAPTCHA_V3_SITE_KEY } from 'ng
|
|
|
7
7
|
import { of } from 'rxjs';
|
|
8
8
|
import { map, switchMap } from 'rxjs/operators';
|
|
9
9
|
|
|
10
|
-
const RECAPTCHA_HEADER_NAME = new InjectionToken('reCAPTCHA Header Name', {
|
|
11
|
-
providedIn: 'root',
|
|
12
|
-
factory: () => 'X-Recaptcha-Token', // Default value
|
|
13
|
-
});
|
|
14
|
-
const RECAPTCHA_V3_KEY = new InjectionToken('RECAPTCHA_V3_KEY', {
|
|
15
|
-
providedIn: 'root',
|
|
16
|
-
factory: () => {
|
|
17
|
-
return 'your-site-key'; // Default value or fallback (can be overridden later)
|
|
18
|
-
},
|
|
10
|
+
const RECAPTCHA_HEADER_NAME = new InjectionToken('reCAPTCHA Header Name', {
|
|
11
|
+
providedIn: 'root',
|
|
12
|
+
factory: () => 'X-Recaptcha-Token', // Default value
|
|
13
|
+
});
|
|
14
|
+
const RECAPTCHA_V3_KEY = new InjectionToken('RECAPTCHA_V3_KEY', {
|
|
15
|
+
providedIn: 'root',
|
|
16
|
+
factory: () => {
|
|
17
|
+
return 'your-site-key'; // Default value or fallback (can be overridden later)
|
|
18
|
+
},
|
|
19
19
|
});
|
|
20
20
|
|
|
21
|
-
class HttpClientWithRecaptchaService {
|
|
22
|
-
http
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
*
|
|
45
|
-
* @
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
*
|
|
55
|
-
* @param
|
|
56
|
-
* @
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
type: Inject,
|
|
74
|
-
args: [RECAPTCHA_HEADER_NAME]
|
|
75
|
-
}] }] });
|
|
21
|
+
class HttpClientWithRecaptchaService {
|
|
22
|
+
constructor(http, recaptchaV3Service, headerName) {
|
|
23
|
+
this.http = http;
|
|
24
|
+
this.recaptchaV3Service = recaptchaV3Service;
|
|
25
|
+
this.headerName = headerName;
|
|
26
|
+
}
|
|
27
|
+
/**
|
|
28
|
+
* Prepares headers for HTTP requests, optionally including a reCAPTCHA token.
|
|
29
|
+
* @param action - Optional reCAPTCHA action.
|
|
30
|
+
* @returns An Observable with the prepared HttpHeaders.
|
|
31
|
+
*/
|
|
32
|
+
prepareHeaders(action) {
|
|
33
|
+
if (!action) {
|
|
34
|
+
return of(new HttpHeaders());
|
|
35
|
+
}
|
|
36
|
+
return this.recaptchaV3Service.execute(action).pipe(map((recaptchaToken) => new HttpHeaders({
|
|
37
|
+
[this.headerName]: recaptchaToken,
|
|
38
|
+
})));
|
|
39
|
+
}
|
|
40
|
+
/**
|
|
41
|
+
* Performs a GET request with optional reCAPTCHA verification.
|
|
42
|
+
* @param url - The endpoint URL.
|
|
43
|
+
* @param action - Optional reCAPTCHA action.
|
|
44
|
+
* @param options - Additional request options.
|
|
45
|
+
* @returns An Observable of the response.
|
|
46
|
+
*/
|
|
47
|
+
get(url, action, options = {}) {
|
|
48
|
+
return this.prepareHeaders(action).pipe(switchMap((headers) => this.http.get(url, { ...options, headers })));
|
|
49
|
+
}
|
|
50
|
+
/**
|
|
51
|
+
* Performs a POST request with optional reCAPTCHA verification.
|
|
52
|
+
* @param url - The endpoint URL.
|
|
53
|
+
* @param action - Optional reCAPTCHA action.
|
|
54
|
+
* @param body - The payload to send in the POST request.
|
|
55
|
+
* @param options - Additional request options.
|
|
56
|
+
* @returns An Observable of the response.
|
|
57
|
+
*/
|
|
58
|
+
post(url, body, action, options = {}) {
|
|
59
|
+
return this.prepareHeaders(action).pipe(switchMap((headers) => this.http.post(url, body, { ...options, headers })));
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
HttpClientWithRecaptchaService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HttpClientWithRecaptchaService, deps: [{ token: i1.HttpClient }, { token: i2.ReCaptchaV3Service }, { token: RECAPTCHA_HEADER_NAME }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
63
|
+
HttpClientWithRecaptchaService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HttpClientWithRecaptchaService, providedIn: 'root' });
|
|
64
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HttpClientWithRecaptchaService, decorators: [{
|
|
65
|
+
type: Injectable,
|
|
66
|
+
args: [{
|
|
67
|
+
providedIn: 'root', // Provides the service at the root level
|
|
68
|
+
}]
|
|
69
|
+
}], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: i2.ReCaptchaV3Service }, { type: undefined, decorators: [{
|
|
70
|
+
type: Inject,
|
|
71
|
+
args: [RECAPTCHA_HEADER_NAME]
|
|
72
|
+
}] }]; } });
|
|
76
73
|
|
|
77
|
-
class HttpClientWithRecaptchaModule {
|
|
78
|
-
siteKey
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
type: Inject,
|
|
115
|
-
args: [RECAPTCHA_HEADER_NAME]
|
|
116
|
-
}] }] });
|
|
74
|
+
class HttpClientWithRecaptchaModule {
|
|
75
|
+
constructor(siteKey) {
|
|
76
|
+
this.siteKey = siteKey;
|
|
77
|
+
console.log(siteKey);
|
|
78
|
+
if (!this.siteKey) {
|
|
79
|
+
console.error('No reCAPTCHA site key provided. Please configure the RECAPTCHA_V3_SITE_KEY.');
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
HttpClientWithRecaptchaModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HttpClientWithRecaptchaModule, deps: [{ token: RECAPTCHA_HEADER_NAME }], target: i0.ɵɵFactoryTarget.NgModule });
|
|
84
|
+
HttpClientWithRecaptchaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: HttpClientWithRecaptchaModule, imports: [RecaptchaV3Module] });
|
|
85
|
+
HttpClientWithRecaptchaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HttpClientWithRecaptchaModule, providers: [
|
|
86
|
+
HttpClientWithRecaptchaService,
|
|
87
|
+
ReCaptchaV3Service,
|
|
88
|
+
{
|
|
89
|
+
provide: RECAPTCHA_V3_SITE_KEY,
|
|
90
|
+
useExisting: RECAPTCHA_V3_KEY, // Pass the value of your custom token to ng-recaptcha
|
|
91
|
+
}
|
|
92
|
+
], imports: [RecaptchaV3Module] });
|
|
93
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HttpClientWithRecaptchaModule, decorators: [{
|
|
94
|
+
type: NgModule,
|
|
95
|
+
args: [{
|
|
96
|
+
imports: [RecaptchaV3Module],
|
|
97
|
+
exports: [],
|
|
98
|
+
providers: [
|
|
99
|
+
HttpClientWithRecaptchaService,
|
|
100
|
+
ReCaptchaV3Service,
|
|
101
|
+
{
|
|
102
|
+
provide: RECAPTCHA_V3_SITE_KEY,
|
|
103
|
+
useExisting: RECAPTCHA_V3_KEY, // Pass the value of your custom token to ng-recaptcha
|
|
104
|
+
}
|
|
105
|
+
]
|
|
106
|
+
}]
|
|
107
|
+
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
108
|
+
type: Inject,
|
|
109
|
+
args: [RECAPTCHA_HEADER_NAME]
|
|
110
|
+
}] }]; } });
|
|
117
111
|
|
|
118
|
-
/*
|
|
119
|
-
* Public API Surface of http-client-with-recaptcha
|
|
112
|
+
/*
|
|
113
|
+
* Public API Surface of http-client-with-recaptcha
|
|
120
114
|
*/
|
|
121
115
|
|
|
122
|
-
/**
|
|
123
|
-
* Generated bundle index. Do not edit.
|
|
116
|
+
/**
|
|
117
|
+
* Generated bundle index. Do not edit.
|
|
124
118
|
*/
|
|
125
119
|
|
|
126
120
|
export { HttpClientWithRecaptchaModule, HttpClientWithRecaptchaService, RECAPTCHA_HEADER_NAME, RECAPTCHA_V3_KEY };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"http-client-with-recaptcha.mjs","sources":["../../../projects/http-client-with-recaptcha/src/lib/app-config.tokens.ts","../../../projects/http-client-with-recaptcha/src/lib/http-client-with-recaptcha.service.ts","../../../projects/http-client-with-recaptcha/src/lib/http-client-with-recaptcha.module.ts","../../../projects/http-client-with-recaptcha/src/public-api.ts","../../../projects/http-client-with-recaptcha/src/http-client-with-recaptcha.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\r\n\r\nexport const RECAPTCHA_HEADER_NAME = new InjectionToken<string>('reCAPTCHA Header Name', {\r\n providedIn: 'root',\r\n factory: () => 'X-Recaptcha-Token', // Default value\r\n});\r\n\r\n\r\nexport const RECAPTCHA_V3_KEY = new InjectionToken<string>('RECAPTCHA_V3_KEY', {\r\n providedIn: 'root', // You can provide it in the root or any other module depending on your need\r\n factory: () => {\r\n return 'your-site-key'; // Default value or fallback (can be overridden later)\r\n },\r\n});\r\n","import { Inject, Injectable } from '@angular/core';\r\nimport { HttpClient, HttpHeaders } from '@angular/common/http';\r\nimport { ReCaptchaV3Service } from 'ng-recaptcha';\r\nimport { Observable, of } from 'rxjs';\r\nimport { switchMap, map } from 'rxjs/operators';\r\nimport { RECAPTCHA_HEADER_NAME } from './app-config.tokens';\r\n\r\n@Injectable({\r\n providedIn: 'root', // Provides the service at the root level\r\n})\r\nexport class HttpClientWithRecaptchaService {\r\n constructor(\r\n private http: HttpClient,\r\n private recaptchaV3Service: ReCaptchaV3Service,\r\n @Inject(RECAPTCHA_HEADER_NAME) private readonly headerName: string\r\n ) {}\r\n\r\n /**\r\n * Prepares headers for HTTP requests, optionally including a reCAPTCHA token.\r\n * @param action - Optional reCAPTCHA action.\r\n * @returns An Observable with the prepared HttpHeaders.\r\n */\r\n private prepareHeaders(action?: string): Observable<HttpHeaders> {\r\n if (!action) {\r\n return of(new HttpHeaders());\r\n }\r\n\r\n return this.recaptchaV3Service.execute(action).pipe(\r\n map((recaptchaToken) =>\r\n new HttpHeaders({\r\n [this.headerName]: recaptchaToken,\r\n })\r\n )\r\n );\r\n }\r\n\r\n /**\r\n * Performs a GET request with optional reCAPTCHA verification.\r\n * @param url - The endpoint URL.\r\n * @param action - Optional reCAPTCHA action.\r\n * @param options - Additional request options.\r\n * @returns An Observable of the response.\r\n */\r\n get<T>(url: string, action?: string, options = {}): Observable<T> {\r\n return this.prepareHeaders(action).pipe(\r\n switchMap((headers) =>\r\n this.http.get<T>(url, { ...options, headers })\r\n )\r\n );\r\n }\r\n\r\n /**\r\n * Performs a POST request with optional reCAPTCHA verification.\r\n * @param url - The endpoint URL.\r\n * @param action - Optional reCAPTCHA action.\r\n * @param body - The payload to send in the POST request.\r\n * @param options - Additional request options.\r\n * @returns An Observable of the response.\r\n */\r\n post<T>(url: string, body: any,action?: string, options = {}): Observable<T> {\r\n return this.prepareHeaders(action).pipe(\r\n switchMap((headers) =>\r\n this.http.post<T>(url, body, { ...options, headers })\r\n )\r\n );\r\n }\r\n}\r\n","import {Inject, NgModule} from '@angular/core';\r\nimport {HttpClientWithRecaptchaService} from \"./http-client-with-recaptcha.service\";\r\nimport {RecaptchaV3Module, RECAPTCHA_V3_SITE_KEY, ReCaptchaV3Service} from \"ng-recaptcha\";\r\nimport {RECAPTCHA_HEADER_NAME, RECAPTCHA_V3_KEY} from \"./app-config.tokens\";\r\n\r\n@NgModule({\r\n imports: [RecaptchaV3Module],\r\n exports: [],\r\n providers: [\r\n HttpClientWithRecaptchaService,\r\n ReCaptchaV3Service,\r\n {\r\n provide: RECAPTCHA_V3_SITE_KEY, // This injects the site key into ng-recaptcha\r\n useExisting: RECAPTCHA_V3_KEY, // Pass the value of your custom token to ng-recaptcha\r\n }\r\n ]\r\n})\r\nexport class HttpClientWithRecaptchaModule {\r\n\r\n constructor(@Inject(RECAPTCHA_HEADER_NAME) private siteKey: string) {\r\n console.log(siteKey)\r\n if (!this.siteKey) {\r\n console.error('No reCAPTCHA site key provided. Please configure the RECAPTCHA_V3_SITE_KEY.');\r\n }\r\n }\r\n}\r\n","/*\r\n * Public API Surface of http-client-with-recaptcha\r\n */\r\n\r\nexport * from './lib/app-config.tokens';\r\nexport * from './lib/http-client-with-recaptcha.service';\r\nexport * from './lib/http-client-with-recaptcha.module';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
package/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Generated bundle index. Do not edit.
|
|
3
|
-
*/
|
|
4
|
-
/// <amd-module name="http-client-with-recaptcha" />
|
|
5
|
-
export * from './public-api';
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
/// <amd-module name="http-client-with-recaptcha" />
|
|
5
|
+
export * from './public-api';
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { InjectionToken } from '@angular/core';
|
|
2
|
-
export declare const RECAPTCHA_HEADER_NAME: InjectionToken<string>;
|
|
3
|
-
export declare const RECAPTCHA_V3_KEY: InjectionToken<string>;
|
|
1
|
+
import { InjectionToken } from '@angular/core';
|
|
2
|
+
export declare const RECAPTCHA_HEADER_NAME: InjectionToken<string>;
|
|
3
|
+
export declare const RECAPTCHA_V3_KEY: InjectionToken<string>;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "ng-recaptcha";
|
|
3
|
-
export declare class HttpClientWithRecaptchaModule {
|
|
4
|
-
private siteKey;
|
|
5
|
-
constructor(siteKey: string);
|
|
6
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<HttpClientWithRecaptchaModule, never>;
|
|
7
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<HttpClientWithRecaptchaModule, never, [typeof i1.RecaptchaV3Module], never>;
|
|
8
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<HttpClientWithRecaptchaModule>;
|
|
9
|
-
}
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "ng-recaptcha";
|
|
3
|
+
export declare class HttpClientWithRecaptchaModule {
|
|
4
|
+
private siteKey;
|
|
5
|
+
constructor(siteKey: string);
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HttpClientWithRecaptchaModule, never>;
|
|
7
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<HttpClientWithRecaptchaModule, never, [typeof i1.RecaptchaV3Module], never>;
|
|
8
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<HttpClientWithRecaptchaModule>;
|
|
9
|
+
}
|
|
@@ -1,35 +1,35 @@
|
|
|
1
|
-
import { HttpClient } from '@angular/common/http';
|
|
2
|
-
import { ReCaptchaV3Service } from 'ng-recaptcha';
|
|
3
|
-
import { Observable } from 'rxjs';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class HttpClientWithRecaptchaService {
|
|
6
|
-
private http;
|
|
7
|
-
private recaptchaV3Service;
|
|
8
|
-
private readonly headerName;
|
|
9
|
-
constructor(http: HttpClient, recaptchaV3Service: ReCaptchaV3Service, headerName: string);
|
|
10
|
-
/**
|
|
11
|
-
* Prepares headers for HTTP requests, optionally including a reCAPTCHA token.
|
|
12
|
-
* @param action - Optional reCAPTCHA action.
|
|
13
|
-
* @returns An Observable with the prepared HttpHeaders.
|
|
14
|
-
*/
|
|
15
|
-
private prepareHeaders;
|
|
16
|
-
/**
|
|
17
|
-
* Performs a GET request with optional reCAPTCHA verification.
|
|
18
|
-
* @param url - The endpoint URL.
|
|
19
|
-
* @param action - Optional reCAPTCHA action.
|
|
20
|
-
* @param options - Additional request options.
|
|
21
|
-
* @returns An Observable of the response.
|
|
22
|
-
*/
|
|
23
|
-
get<T>(url: string, action?: string, options?: {}): Observable<T>;
|
|
24
|
-
/**
|
|
25
|
-
* Performs a POST request with optional reCAPTCHA verification.
|
|
26
|
-
* @param url - The endpoint URL.
|
|
27
|
-
* @param action - Optional reCAPTCHA action.
|
|
28
|
-
* @param body - The payload to send in the POST request.
|
|
29
|
-
* @param options - Additional request options.
|
|
30
|
-
* @returns An Observable of the response.
|
|
31
|
-
*/
|
|
32
|
-
post<T>(url: string, body: any, action?: string, options?: {}): Observable<T>;
|
|
33
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<HttpClientWithRecaptchaService, never>;
|
|
34
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<HttpClientWithRecaptchaService>;
|
|
35
|
-
}
|
|
1
|
+
import { HttpClient } from '@angular/common/http';
|
|
2
|
+
import { ReCaptchaV3Service } from 'ng-recaptcha';
|
|
3
|
+
import { Observable } from 'rxjs';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class HttpClientWithRecaptchaService {
|
|
6
|
+
private http;
|
|
7
|
+
private recaptchaV3Service;
|
|
8
|
+
private readonly headerName;
|
|
9
|
+
constructor(http: HttpClient, recaptchaV3Service: ReCaptchaV3Service, headerName: string);
|
|
10
|
+
/**
|
|
11
|
+
* Prepares headers for HTTP requests, optionally including a reCAPTCHA token.
|
|
12
|
+
* @param action - Optional reCAPTCHA action.
|
|
13
|
+
* @returns An Observable with the prepared HttpHeaders.
|
|
14
|
+
*/
|
|
15
|
+
private prepareHeaders;
|
|
16
|
+
/**
|
|
17
|
+
* Performs a GET request with optional reCAPTCHA verification.
|
|
18
|
+
* @param url - The endpoint URL.
|
|
19
|
+
* @param action - Optional reCAPTCHA action.
|
|
20
|
+
* @param options - Additional request options.
|
|
21
|
+
* @returns An Observable of the response.
|
|
22
|
+
*/
|
|
23
|
+
get<T>(url: string, action?: string, options?: {}): Observable<T>;
|
|
24
|
+
/**
|
|
25
|
+
* Performs a POST request with optional reCAPTCHA verification.
|
|
26
|
+
* @param url - The endpoint URL.
|
|
27
|
+
* @param action - Optional reCAPTCHA action.
|
|
28
|
+
* @param body - The payload to send in the POST request.
|
|
29
|
+
* @param options - Additional request options.
|
|
30
|
+
* @returns An Observable of the response.
|
|
31
|
+
*/
|
|
32
|
+
post<T>(url: string, body: any, action?: string, options?: {}): Observable<T>;
|
|
33
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HttpClientWithRecaptchaService, never>;
|
|
34
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<HttpClientWithRecaptchaService>;
|
|
35
|
+
}
|
package/package.json
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "http-client-with-recaptcha",
|
|
3
|
-
"version": "1.0
|
|
3
|
+
"version": "1.1.0",
|
|
4
4
|
"peerDependencies": {
|
|
5
|
-
"@angular/common": "^
|
|
6
|
-
"@angular/core": "^
|
|
5
|
+
"@angular/common": "^15.0.0",
|
|
6
|
+
"@angular/core": "^15.0.0"
|
|
7
7
|
},
|
|
8
8
|
"description": "Angular service for HTTP client with reCAPTCHA support",
|
|
9
9
|
"repository": {
|
|
@@ -22,7 +22,11 @@
|
|
|
22
22
|
"ng-recaptcha": "^13.2.1"
|
|
23
23
|
},
|
|
24
24
|
"sideEffects": false,
|
|
25
|
-
"module": "
|
|
25
|
+
"module": "fesm2015/http-client-with-recaptcha.mjs",
|
|
26
|
+
"es2020": "fesm2020/http-client-with-recaptcha.mjs",
|
|
27
|
+
"esm2020": "esm2020/http-client-with-recaptcha.mjs",
|
|
28
|
+
"fesm2020": "fesm2020/http-client-with-recaptcha.mjs",
|
|
29
|
+
"fesm2015": "fesm2015/http-client-with-recaptcha.mjs",
|
|
26
30
|
"typings": "index.d.ts",
|
|
27
31
|
"exports": {
|
|
28
32
|
"./package.json": {
|
|
@@ -30,9 +34,11 @@
|
|
|
30
34
|
},
|
|
31
35
|
".": {
|
|
32
36
|
"types": "./index.d.ts",
|
|
33
|
-
"
|
|
34
|
-
"
|
|
35
|
-
"
|
|
37
|
+
"esm2020": "./esm2020/http-client-with-recaptcha.mjs",
|
|
38
|
+
"es2020": "./fesm2020/http-client-with-recaptcha.mjs",
|
|
39
|
+
"es2015": "./fesm2015/http-client-with-recaptcha.mjs",
|
|
40
|
+
"node": "./fesm2015/http-client-with-recaptcha.mjs",
|
|
41
|
+
"default": "./fesm2020/http-client-with-recaptcha.mjs"
|
|
36
42
|
}
|
|
37
43
|
}
|
|
38
|
-
}
|
|
44
|
+
}
|
package/public-api.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export * from './lib/app-config.tokens';
|
|
2
|
-
export * from './lib/http-client-with-recaptcha.service';
|
|
3
|
-
export * from './lib/http-client-with-recaptcha.module';
|
|
1
|
+
export * from './lib/app-config.tokens';
|
|
2
|
+
export * from './lib/http-client-with-recaptcha.service';
|
|
3
|
+
export * from './lib/http-client-with-recaptcha.module';
|
package/README.md
DELETED
|
@@ -1,188 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
# `http-client-with-recaptcha` - Angular Service for HTTP Requests with reCAPTCHA v3 Integration
|
|
3
|
-
|
|
4
|
-
## 🚀 Introduction
|
|
5
|
-
|
|
6
|
-
Welcome to `http-client-with-recaptcha`, an Angular service designed to seamlessly integrate Google's reCAPTCHA v3 into your HTTP requests. This service allows you to attach reCAPTCHA tokens to headers in your HTTP requests, ensuring secure interactions with your API endpoints.
|
|
7
|
-
|
|
8
|
-
With this package, you can easily incorporate reCAPTCHA protection without worrying about manual token management, all while keeping your code clean and maintainable.
|
|
9
|
-
|
|
10
|
-
---
|
|
11
|
-
|
|
12
|
-
## 📦 Features
|
|
13
|
-
|
|
14
|
-
- **Easy Integration**: Add reCAPTCHA protection to HTTP requests in Angular effortlessly.
|
|
15
|
-
- **Customizable Header Name**: Set the reCAPTCHA token header name globally for your application.
|
|
16
|
-
- **Flexible HTTP Methods**: Supports `GET`, `POST`, and any other HTTP method, while automatically including reCAPTCHA tokens in headers.
|
|
17
|
-
- **Seamless reCAPTCHA v3 Integration**: Works directly with Google's invisible reCAPTCHA v3.
|
|
18
|
-
- **Configurable**: Easily customize token handling and header names via Angular's dependency injection.
|
|
19
|
-
|
|
20
|
-
---
|
|
21
|
-
|
|
22
|
-
## 🔧 Installation
|
|
23
|
-
|
|
24
|
-
### 1. Install Dependencies
|
|
25
|
-
|
|
26
|
-
Add this library (`http-client-with-recaptcha`) to your project:
|
|
27
|
-
|
|
28
|
-
```bash
|
|
29
|
-
npm install http-client-with-recaptcha --save
|
|
30
|
-
```
|
|
31
|
-
|
|
32
|
-
### 2. Import the Module
|
|
33
|
-
|
|
34
|
-
In your Angular module (`app.module.ts`), import the `HttpClientWithRecaptchaModule` and include it in the `imports` array.
|
|
35
|
-
|
|
36
|
-
```typescript
|
|
37
|
-
import { HttpClientWithRecaptchaModule } from 'http-client-with-recaptcha';
|
|
38
|
-
|
|
39
|
-
@NgModule({
|
|
40
|
-
imports: [
|
|
41
|
-
importProvidersFrom(HttpClientWithRecaptchaModule),
|
|
42
|
-
{
|
|
43
|
-
provide: RECAPTCHA_V3_KEY,
|
|
44
|
-
useValue: environment.reCaptchaV3Token, // Replace with an actual site key or inject dynamically
|
|
45
|
-
},
|
|
46
|
-
|
|
47
|
-
{
|
|
48
|
-
provide: RECAPTCHA_HEADER_NAME,
|
|
49
|
-
useValue: 'recaptchaaaaaa', // Replace with an actual site key or inject dynamically
|
|
50
|
-
},
|
|
51
|
-
// other imports...
|
|
52
|
-
],
|
|
53
|
-
// other properties...
|
|
54
|
-
})
|
|
55
|
-
export class AppModule {}
|
|
56
|
-
```
|
|
57
|
-
|
|
58
|
-
---
|
|
59
|
-
|
|
60
|
-
## 🧩 Usage
|
|
61
|
-
|
|
62
|
-
### Step 1: Inject the Service
|
|
63
|
-
|
|
64
|
-
Inject the `HttpClientWithRecaptcha` service into your component or service:
|
|
65
|
-
|
|
66
|
-
```typescript
|
|
67
|
-
import { HttpClientWithRecaptcha } from 'http-client-with-recaptcha';
|
|
68
|
-
|
|
69
|
-
@Injectable({
|
|
70
|
-
providedIn: 'root',
|
|
71
|
-
})
|
|
72
|
-
export class MyService {
|
|
73
|
-
constructor(private httpClientWithRecaptcha: HttpClientWithRecaptcha) {}
|
|
74
|
-
|
|
75
|
-
fetchData() {
|
|
76
|
-
return this.http.post<YOUR_INTERFACE>(
|
|
77
|
-
'https://example.com/api',
|
|
78
|
-
{__BODY__},
|
|
79
|
-
'login' // 'login' is a reCAPTCHA v3 action
|
|
80
|
-
);
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
```
|
|
84
|
-
|
|
85
|
-
### Step 2: Customize the Header (Optional)
|
|
86
|
-
|
|
87
|
-
You can customize the reCAPTCHA token header globally in your `AppModule`:
|
|
88
|
-
|
|
89
|
-
```typescript
|
|
90
|
-
import { RECAPTCHA_HEADER_NAME } from 'http-client-with-recaptcha';
|
|
91
|
-
|
|
92
|
-
@NgModule({
|
|
93
|
-
providers: [
|
|
94
|
-
{
|
|
95
|
-
provide: RECAPTCHA_HEADER_NAME,
|
|
96
|
-
useValue: 'X-YOUR-Recaptcha-V3-Token', // Customize header name
|
|
97
|
-
},
|
|
98
|
-
],
|
|
99
|
-
})
|
|
100
|
-
export class AppModule {}
|
|
101
|
-
```
|
|
102
|
-
|
|
103
|
-
---
|
|
104
|
-
|
|
105
|
-
## 🌍 Configuration
|
|
106
|
-
|
|
107
|
-
### Dynamic Header Name
|
|
108
|
-
|
|
109
|
-
By default, the service uses `X-Recaptcha-Token` as the header name, but you can configure it globally through Angular's dependency injection system.
|
|
110
|
-
|
|
111
|
-
```typescript
|
|
112
|
-
import { RECAPTCHA_HEADER_NAME } from 'http-client-with-recaptcha';
|
|
113
|
-
|
|
114
|
-
@NgModule({
|
|
115
|
-
providers: [
|
|
116
|
-
{
|
|
117
|
-
provide: RECAPTCHA_HEADER_NAME,
|
|
118
|
-
useValue: 'X-Your-Recaptcha-Token', // Set dynamic header name
|
|
119
|
-
},
|
|
120
|
-
],
|
|
121
|
-
})
|
|
122
|
-
export class AppModule {}
|
|
123
|
-
```
|
|
124
|
-
|
|
125
|
-
---
|
|
126
|
-
|
|
127
|
-
## ⚙️ Methods
|
|
128
|
-
|
|
129
|
-
### `withRecaptcha(action: string): HttpClientWithRecaptcha`
|
|
130
|
-
|
|
131
|
-
- **Description**: Attach a reCAPTCHA token to the HTTP request header.
|
|
132
|
-
- **Parameters**:
|
|
133
|
-
- `action`: The action string for reCAPTCHA v3 (e.g., `login`, `signup`).
|
|
134
|
-
- **Returns**: An instance of `HttpClientWithRecaptcha` for chaining.
|
|
135
|
-
|
|
136
|
-
### `get<T>(url: string, options: any): Observable<T>`
|
|
137
|
-
|
|
138
|
-
- **Description**: Perform a `GET` request with reCAPTCHA protection.
|
|
139
|
-
- **Parameters**:
|
|
140
|
-
- `url`: The API endpoint to send the GET request.
|
|
141
|
-
- `options`: Optional additional HTTP options.
|
|
142
|
-
- **Returns**: An observable of the HTTP response.
|
|
143
|
-
|
|
144
|
-
### `post<T>(url: string, body: any, options: any): Observable<T>`
|
|
145
|
-
|
|
146
|
-
- **Description**: Perform a `POST` request with reCAPTCHA protection.
|
|
147
|
-
- **Parameters**:
|
|
148
|
-
- `url`: The API endpoint to send the POST request.
|
|
149
|
-
- `body`: The body data for the POST request.
|
|
150
|
-
- `options`: Optional additional HTTP options.
|
|
151
|
-
- **Returns**: An observable of the HTTP response.
|
|
152
|
-
|
|
153
|
-
---
|
|
154
|
-
|
|
155
|
-
## 📌 Why Use This Service?
|
|
156
|
-
|
|
157
|
-
- **Security First**: reCAPTCHA ensures that requests are coming from human users and helps prevent bot attacks.
|
|
158
|
-
- **Seamless Integration**: Automatically handles reCAPTCHA token inclusion for every HTTP request, so you don’t have to manage tokens manually.
|
|
159
|
-
- **Customizable**: Easily change header names and reCAPTCHA action types according to your needs.
|
|
160
|
-
- **Angular 17+ Compatible**: This package supports Angular version 17 and above, ensuring that your app stays up to date with the latest Angular features.
|
|
161
|
-
|
|
162
|
-
---
|
|
163
|
-
|
|
164
|
-
## 🎨 Contributing
|
|
165
|
-
|
|
166
|
-
We welcome contributions from the community! If you have a bug fix, feature request, or improvement, please fork the repository and submit a pull request. Here’s how:
|
|
167
|
-
|
|
168
|
-
1. Fork the repository.
|
|
169
|
-
2. Clone your fork and create a new branch (`git checkout -b feature-branch`).
|
|
170
|
-
3. Commit your changes (`git commit -am '[FEATURE] Add new feature'`).
|
|
171
|
-
4. Push to your branch (`git push origin feature-branch`).
|
|
172
|
-
5. Open a pull request with a detailed explanation of your changes.
|
|
173
|
-
|
|
174
|
-
---
|
|
175
|
-
|
|
176
|
-
## 📝 License
|
|
177
|
-
|
|
178
|
-
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
|
|
179
|
-
|
|
180
|
-
---
|
|
181
|
-
|
|
182
|
-
## 💬 Get in Touch
|
|
183
|
-
|
|
184
|
-
For questions, support, or feedback, feel free to contact us at [asgarihope@gmail.com](mailto:asgarihope@gmail.com).
|
|
185
|
-
|
|
186
|
-
---
|
|
187
|
-
|
|
188
|
-
**Thank you for using `http-client-with-recaptcha`!** 😊
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { InjectionToken } from '@angular/core';
|
|
2
|
-
export const RECAPTCHA_HEADER_NAME = new InjectionToken('reCAPTCHA Header Name', {
|
|
3
|
-
providedIn: 'root',
|
|
4
|
-
factory: () => 'X-Recaptcha-Token', // Default value
|
|
5
|
-
});
|
|
6
|
-
export const RECAPTCHA_V3_KEY = new InjectionToken('RECAPTCHA_V3_KEY', {
|
|
7
|
-
providedIn: 'root', // You can provide it in the root or any other module depending on your need
|
|
8
|
-
factory: () => {
|
|
9
|
-
return 'your-site-key'; // Default value or fallback (can be overridden later)
|
|
10
|
-
},
|
|
11
|
-
});
|
|
12
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLWNvbmZpZy50b2tlbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9odHRwLWNsaWVudC13aXRoLXJlY2FwdGNoYS9zcmMvbGliL2FwcC1jb25maWcudG9rZW5zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFL0MsTUFBTSxDQUFDLE1BQU0scUJBQXFCLEdBQUcsSUFBSSxjQUFjLENBQVMsdUJBQXVCLEVBQUU7SUFDdkYsVUFBVSxFQUFFLE1BQU07SUFDbEIsT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUFDLG1CQUFtQixFQUFFLGdCQUFnQjtDQUNyRCxDQUFDLENBQUM7QUFHSCxNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBRyxJQUFJLGNBQWMsQ0FBUyxrQkFBa0IsRUFBRTtJQUM3RSxVQUFVLEVBQUUsTUFBTSxFQUFHLDRFQUE0RTtJQUNqRyxPQUFPLEVBQUUsR0FBRyxFQUFFO1FBQ1osT0FBTyxlQUFlLENBQUMsQ0FBQyxzREFBc0Q7SUFDaEYsQ0FBQztDQUNGLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGlvblRva2VuIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5leHBvcnQgY29uc3QgUkVDQVBUQ0hBX0hFQURFUl9OQU1FID0gbmV3IEluamVjdGlvblRva2VuPHN0cmluZz4oJ3JlQ0FQVENIQSBIZWFkZXIgTmFtZScsIHtcclxuICBwcm92aWRlZEluOiAncm9vdCcsXHJcbiAgZmFjdG9yeTogKCkgPT4gJ1gtUmVjYXB0Y2hhLVRva2VuJywgLy8gRGVmYXVsdCB2YWx1ZVxyXG59KTtcclxuXHJcblxyXG5leHBvcnQgY29uc3QgUkVDQVBUQ0hBX1YzX0tFWSA9IG5ldyBJbmplY3Rpb25Ub2tlbjxzdHJpbmc+KCdSRUNBUFRDSEFfVjNfS0VZJywge1xyXG4gIHByb3ZpZGVkSW46ICdyb290JywgIC8vIFlvdSBjYW4gcHJvdmlkZSBpdCBpbiB0aGUgcm9vdCBvciBhbnkgb3RoZXIgbW9kdWxlIGRlcGVuZGluZyBvbiB5b3VyIG5lZWRcclxuICBmYWN0b3J5OiAoKSA9PiB7XHJcbiAgICByZXR1cm4gJ3lvdXItc2l0ZS1rZXknOyAvLyBEZWZhdWx0IHZhbHVlIG9yIGZhbGxiYWNrIChjYW4gYmUgb3ZlcnJpZGRlbiBsYXRlcilcclxuICB9LFxyXG59KTtcclxuIl19
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import { Inject, NgModule } from '@angular/core';
|
|
2
|
-
import { HttpClientWithRecaptchaService } from "./http-client-with-recaptcha.service";
|
|
3
|
-
import { RecaptchaV3Module, RECAPTCHA_V3_SITE_KEY, ReCaptchaV3Service } from "ng-recaptcha";
|
|
4
|
-
import { RECAPTCHA_HEADER_NAME, RECAPTCHA_V3_KEY } from "./app-config.tokens";
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
export class HttpClientWithRecaptchaModule {
|
|
7
|
-
siteKey;
|
|
8
|
-
constructor(siteKey) {
|
|
9
|
-
this.siteKey = siteKey;
|
|
10
|
-
console.log(siteKey);
|
|
11
|
-
if (!this.siteKey) {
|
|
12
|
-
console.error('No reCAPTCHA site key provided. Please configure the RECAPTCHA_V3_SITE_KEY.');
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HttpClientWithRecaptchaModule, deps: [{ token: RECAPTCHA_HEADER_NAME }], target: i0.ɵɵFactoryTarget.NgModule });
|
|
16
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: HttpClientWithRecaptchaModule, imports: [RecaptchaV3Module] });
|
|
17
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HttpClientWithRecaptchaModule, providers: [
|
|
18
|
-
HttpClientWithRecaptchaService,
|
|
19
|
-
RecaptchaV3Module,
|
|
20
|
-
ReCaptchaV3Service,
|
|
21
|
-
{
|
|
22
|
-
provide: RECAPTCHA_V3_SITE_KEY, // This injects the site key into ng-recaptcha
|
|
23
|
-
useExisting: RECAPTCHA_V3_KEY, // Pass the value of your custom token to ng-recaptcha
|
|
24
|
-
}
|
|
25
|
-
], imports: [RecaptchaV3Module] });
|
|
26
|
-
}
|
|
27
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HttpClientWithRecaptchaModule, decorators: [{
|
|
28
|
-
type: NgModule,
|
|
29
|
-
args: [{
|
|
30
|
-
imports: [RecaptchaV3Module],
|
|
31
|
-
exports: [],
|
|
32
|
-
providers: [
|
|
33
|
-
HttpClientWithRecaptchaService,
|
|
34
|
-
RecaptchaV3Module,
|
|
35
|
-
ReCaptchaV3Service,
|
|
36
|
-
{
|
|
37
|
-
provide: RECAPTCHA_V3_SITE_KEY, // This injects the site key into ng-recaptcha
|
|
38
|
-
useExisting: RECAPTCHA_V3_KEY, // Pass the value of your custom token to ng-recaptcha
|
|
39
|
-
}
|
|
40
|
-
]
|
|
41
|
-
}]
|
|
42
|
-
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
43
|
-
type: Inject,
|
|
44
|
-
args: [RECAPTCHA_HEADER_NAME]
|
|
45
|
-
}] }] });
|
|
46
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaHR0cC1jbGllbnQtd2l0aC1yZWNhcHRjaGEubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvaHR0cC1jbGllbnQtd2l0aC1yZWNhcHRjaGEvc3JjL2xpYi9odHRwLWNsaWVudC13aXRoLXJlY2FwdGNoYS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLE1BQU0sRUFBRSxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDL0MsT0FBTyxFQUFDLDhCQUE4QixFQUFDLE1BQU0sc0NBQXNDLENBQUM7QUFDcEYsT0FBTyxFQUFDLGlCQUFpQixFQUFFLHFCQUFxQixFQUFFLGtCQUFrQixFQUFDLE1BQU0sY0FBYyxDQUFDO0FBQzFGLE9BQU8sRUFBQyxxQkFBcUIsRUFBRSxnQkFBZ0IsRUFBQyxNQUFNLHFCQUFxQixDQUFDOztBQWU1RSxNQUFNLE9BQU8sNkJBQTZCO0lBRVc7SUFBbkQsWUFBbUQsT0FBZTtRQUFmLFlBQU8sR0FBUCxPQUFPLENBQVE7UUFDaEUsT0FBTyxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsQ0FBQTtRQUNwQixJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQ2xCLE9BQU8sQ0FBQyxLQUFLLENBQUMsNkVBQTZFLENBQUMsQ0FBQztRQUMvRixDQUFDO0lBQ0gsQ0FBQzt3R0FQVSw2QkFBNkIsa0JBRXBCLHFCQUFxQjt5R0FGOUIsNkJBQTZCLFlBWjlCLGlCQUFpQjt5R0FZaEIsNkJBQTZCLGFBVjdCO1lBQ1QsOEJBQThCO1lBQzlCLGlCQUFpQjtZQUNqQixrQkFBa0I7WUFDbEI7Z0JBQ0UsT0FBTyxFQUFFLHFCQUFxQixFQUFHLDhDQUE4QztnQkFDL0UsV0FBVyxFQUFFLGdCQUFnQixFQUFHLHNEQUFzRDthQUN2RjtTQUNGLFlBVlMsaUJBQWlCOzs0RkFZaEIsNkJBQTZCO2tCQWJ6QyxRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxDQUFDLGlCQUFpQixDQUFDO29CQUM1QixPQUFPLEVBQUUsRUFBRTtvQkFDWCxTQUFTLEVBQUU7d0JBQ1QsOEJBQThCO3dCQUM5QixpQkFBaUI7d0JBQ2pCLGtCQUFrQjt3QkFDbEI7NEJBQ0UsT0FBTyxFQUFFLHFCQUFxQixFQUFHLDhDQUE4Qzs0QkFDL0UsV0FBVyxFQUFFLGdCQUFnQixFQUFHLHNEQUFzRDt5QkFDdkY7cUJBQ0Y7aUJBQ0Y7OzBCQUdjLE1BQU07MkJBQUMscUJBQXFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtJbmplY3QsIE5nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtIdHRwQ2xpZW50V2l0aFJlY2FwdGNoYVNlcnZpY2V9IGZyb20gXCIuL2h0dHAtY2xpZW50LXdpdGgtcmVjYXB0Y2hhLnNlcnZpY2VcIjtcclxuaW1wb3J0IHtSZWNhcHRjaGFWM01vZHVsZSwgUkVDQVBUQ0hBX1YzX1NJVEVfS0VZLCBSZUNhcHRjaGFWM1NlcnZpY2V9IGZyb20gXCJuZy1yZWNhcHRjaGFcIjtcclxuaW1wb3J0IHtSRUNBUFRDSEFfSEVBREVSX05BTUUsIFJFQ0FQVENIQV9WM19LRVl9IGZyb20gXCIuL2FwcC1jb25maWcudG9rZW5zXCI7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGltcG9ydHM6IFtSZWNhcHRjaGFWM01vZHVsZV0sXHJcbiAgZXhwb3J0czogW10sXHJcbiAgcHJvdmlkZXJzOiBbXHJcbiAgICBIdHRwQ2xpZW50V2l0aFJlY2FwdGNoYVNlcnZpY2UsXHJcbiAgICBSZWNhcHRjaGFWM01vZHVsZSxcclxuICAgIFJlQ2FwdGNoYVYzU2VydmljZSxcclxuICAgIHtcclxuICAgICAgcHJvdmlkZTogUkVDQVBUQ0hBX1YzX1NJVEVfS0VZLCAgLy8gVGhpcyBpbmplY3RzIHRoZSBzaXRlIGtleSBpbnRvIG5nLXJlY2FwdGNoYVxyXG4gICAgICB1c2VFeGlzdGluZzogUkVDQVBUQ0hBX1YzX0tFWSwgIC8vIFBhc3MgdGhlIHZhbHVlIG9mIHlvdXIgY3VzdG9tIHRva2VuIHRvIG5nLXJlY2FwdGNoYVxyXG4gICAgfVxyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIEh0dHBDbGllbnRXaXRoUmVjYXB0Y2hhTW9kdWxlIHtcclxuXHJcbiAgY29uc3RydWN0b3IoQEluamVjdChSRUNBUFRDSEFfSEVBREVSX05BTUUpIHByaXZhdGUgc2l0ZUtleTogc3RyaW5nKSB7XHJcbiAgICBjb25zb2xlLmxvZyhzaXRlS2V5KVxyXG4gICAgaWYgKCF0aGlzLnNpdGVLZXkpIHtcclxuICAgICAgY29uc29sZS5lcnJvcignTm8gcmVDQVBUQ0hBIHNpdGUga2V5IHByb3ZpZGVkLiBQbGVhc2UgY29uZmlndXJlIHRoZSBSRUNBUFRDSEFfVjNfU0lURV9LRVkuJyk7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiJdfQ==
|
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
import { Inject, Injectable } from '@angular/core';
|
|
2
|
-
import { HttpClient, HttpHeaders } from '@angular/common/http';
|
|
3
|
-
import { ReCaptchaV3Service } from 'ng-recaptcha';
|
|
4
|
-
import { of } from 'rxjs';
|
|
5
|
-
import { switchMap, map } from 'rxjs/operators';
|
|
6
|
-
import { RECAPTCHA_HEADER_NAME } from './app-config.tokens';
|
|
7
|
-
import * as i0 from "@angular/core";
|
|
8
|
-
import * as i1 from "@angular/common/http";
|
|
9
|
-
import * as i2 from "ng-recaptcha";
|
|
10
|
-
export class HttpClientWithRecaptchaService {
|
|
11
|
-
http;
|
|
12
|
-
recaptchaV3Service;
|
|
13
|
-
headerName;
|
|
14
|
-
constructor(http, recaptchaV3Service, headerName) {
|
|
15
|
-
this.http = http;
|
|
16
|
-
this.recaptchaV3Service = recaptchaV3Service;
|
|
17
|
-
this.headerName = headerName;
|
|
18
|
-
}
|
|
19
|
-
/**
|
|
20
|
-
* Prepares headers for HTTP requests, optionally including a reCAPTCHA token.
|
|
21
|
-
* @param action - Optional reCAPTCHA action.
|
|
22
|
-
* @returns An Observable with the prepared HttpHeaders.
|
|
23
|
-
*/
|
|
24
|
-
prepareHeaders(action) {
|
|
25
|
-
if (!action) {
|
|
26
|
-
return of(new HttpHeaders());
|
|
27
|
-
}
|
|
28
|
-
return this.recaptchaV3Service.execute(action).pipe(map((recaptchaToken) => new HttpHeaders({
|
|
29
|
-
[this.headerName]: recaptchaToken,
|
|
30
|
-
})));
|
|
31
|
-
}
|
|
32
|
-
/**
|
|
33
|
-
* Performs a GET request with optional reCAPTCHA verification.
|
|
34
|
-
* @param url - The endpoint URL.
|
|
35
|
-
* @param action - Optional reCAPTCHA action.
|
|
36
|
-
* @param options - Additional request options.
|
|
37
|
-
* @returns An Observable of the response.
|
|
38
|
-
*/
|
|
39
|
-
get(url, action, options = {}) {
|
|
40
|
-
return this.prepareHeaders(action).pipe(switchMap((headers) => this.http.get(url, { ...options, headers })));
|
|
41
|
-
}
|
|
42
|
-
/**
|
|
43
|
-
* Performs a POST request with optional reCAPTCHA verification.
|
|
44
|
-
* @param url - The endpoint URL.
|
|
45
|
-
* @param action - Optional reCAPTCHA action.
|
|
46
|
-
* @param body - The payload to send in the POST request.
|
|
47
|
-
* @param options - Additional request options.
|
|
48
|
-
* @returns An Observable of the response.
|
|
49
|
-
*/
|
|
50
|
-
post(url, body, action, options = {}) {
|
|
51
|
-
return this.prepareHeaders(action).pipe(switchMap((headers) => this.http.post(url, body, { ...options, headers })));
|
|
52
|
-
}
|
|
53
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HttpClientWithRecaptchaService, deps: [{ token: i1.HttpClient }, { token: i2.ReCaptchaV3Service }, { token: RECAPTCHA_HEADER_NAME }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
54
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HttpClientWithRecaptchaService, providedIn: 'root' });
|
|
55
|
-
}
|
|
56
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HttpClientWithRecaptchaService, decorators: [{
|
|
57
|
-
type: Injectable,
|
|
58
|
-
args: [{
|
|
59
|
-
providedIn: 'root', // Provides the service at the root level
|
|
60
|
-
}]
|
|
61
|
-
}], ctorParameters: () => [{ type: i1.HttpClient }, { type: i2.ReCaptchaV3Service }, { type: undefined, decorators: [{
|
|
62
|
-
type: Inject,
|
|
63
|
-
args: [RECAPTCHA_HEADER_NAME]
|
|
64
|
-
}] }] });
|
|
65
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaHR0cC1jbGllbnQtd2l0aC1yZWNhcHRjaGEuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2h0dHAtY2xpZW50LXdpdGgtcmVjYXB0Y2hhL3NyYy9saWIvaHR0cC1jbGllbnQtd2l0aC1yZWNhcHRjaGEuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuRCxPQUFPLEVBQUUsVUFBVSxFQUFFLFdBQVcsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQy9ELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUNsRCxPQUFPLEVBQWMsRUFBRSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ3RDLE9BQU8sRUFBRSxTQUFTLEVBQUUsR0FBRyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDaEQsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0scUJBQXFCLENBQUM7Ozs7QUFLNUQsTUFBTSxPQUFPLDhCQUE4QjtJQUUvQjtJQUNBO0lBQ3dDO0lBSGxELFlBQ1UsSUFBZ0IsRUFDaEIsa0JBQXNDLEVBQ0UsVUFBa0I7UUFGMUQsU0FBSSxHQUFKLElBQUksQ0FBWTtRQUNoQix1QkFBa0IsR0FBbEIsa0JBQWtCLENBQW9CO1FBQ0UsZUFBVSxHQUFWLFVBQVUsQ0FBUTtJQUNqRSxDQUFDO0lBRUo7Ozs7T0FJRztJQUNLLGNBQWMsQ0FBQyxNQUFlO1FBQ3BDLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztZQUNaLE9BQU8sRUFBRSxDQUFDLElBQUksV0FBVyxFQUFFLENBQUMsQ0FBQztRQUMvQixDQUFDO1FBRUQsT0FBTyxJQUFJLENBQUMsa0JBQWtCLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxDQUFDLElBQUksQ0FDakQsR0FBRyxDQUFDLENBQUMsY0FBYyxFQUFFLEVBQUUsQ0FDckIsSUFBSSxXQUFXLENBQUM7WUFDZCxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsRUFBRSxjQUFjO1NBQ2xDLENBQUMsQ0FDSCxDQUNGLENBQUM7SUFDSixDQUFDO0lBRUQ7Ozs7OztPQU1HO0lBQ0gsR0FBRyxDQUFJLEdBQVcsRUFBRSxNQUFlLEVBQUUsT0FBTyxHQUFHLEVBQUU7UUFDL0MsT0FBTyxJQUFJLENBQUMsY0FBYyxDQUFDLE1BQU0sQ0FBQyxDQUFDLElBQUksQ0FDckMsU0FBUyxDQUFDLENBQUMsT0FBTyxFQUFFLEVBQUUsQ0FDcEIsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUksR0FBRyxFQUFFLEVBQUUsR0FBRyxPQUFPLEVBQUUsT0FBTyxFQUFFLENBQUMsQ0FDL0MsQ0FDRixDQUFDO0lBQ0osQ0FBQztJQUVEOzs7Ozs7O09BT0c7SUFDSCxJQUFJLENBQUksR0FBVyxFQUFHLElBQVMsRUFBQyxNQUFlLEVBQUUsT0FBTyxHQUFHLEVBQUU7UUFDM0QsT0FBTyxJQUFJLENBQUMsY0FBYyxDQUFDLE1BQU0sQ0FBQyxDQUFDLElBQUksQ0FDckMsU0FBUyxDQUFDLENBQUMsT0FBTyxFQUFFLEVBQUUsQ0FDcEIsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUksR0FBRyxFQUFFLElBQUksRUFBRSxFQUFFLEdBQUcsT0FBTyxFQUFFLE9BQU8sRUFBRSxDQUFDLENBQ3RELENBQ0YsQ0FBQztJQUNKLENBQUM7d0dBdkRVLDhCQUE4Qiw4RUFJL0IscUJBQXFCOzRHQUpwQiw4QkFBOEIsY0FGN0IsTUFBTTs7NEZBRVAsOEJBQThCO2tCQUgxQyxVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNLEVBQUUseUNBQXlDO2lCQUM5RDs7MEJBS0ksTUFBTTsyQkFBQyxxQkFBcUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3QsIEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgSHR0cENsaWVudCwgSHR0cEhlYWRlcnMgfSBmcm9tICdAYW5ndWxhci9jb21tb24vaHR0cCc7XHJcbmltcG9ydCB7IFJlQ2FwdGNoYVYzU2VydmljZSB9IGZyb20gJ25nLXJlY2FwdGNoYSc7XHJcbmltcG9ydCB7IE9ic2VydmFibGUsIG9mIH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IHN3aXRjaE1hcCwgbWFwIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xyXG5pbXBvcnQgeyBSRUNBUFRDSEFfSEVBREVSX05BTUUgfSBmcm9tICcuL2FwcC1jb25maWcudG9rZW5zJztcclxuXHJcbkBJbmplY3RhYmxlKHtcclxuICBwcm92aWRlZEluOiAncm9vdCcsIC8vIFByb3ZpZGVzIHRoZSBzZXJ2aWNlIGF0IHRoZSByb290IGxldmVsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBIdHRwQ2xpZW50V2l0aFJlY2FwdGNoYVNlcnZpY2Uge1xyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSBodHRwOiBIdHRwQ2xpZW50LFxyXG4gICAgcHJpdmF0ZSByZWNhcHRjaGFWM1NlcnZpY2U6IFJlQ2FwdGNoYVYzU2VydmljZSxcclxuICAgIEBJbmplY3QoUkVDQVBUQ0hBX0hFQURFUl9OQU1FKSBwcml2YXRlIHJlYWRvbmx5IGhlYWRlck5hbWU6IHN0cmluZ1xyXG4gICkge31cclxuXHJcbiAgLyoqXHJcbiAgICogUHJlcGFyZXMgaGVhZGVycyBmb3IgSFRUUCByZXF1ZXN0cywgb3B0aW9uYWxseSBpbmNsdWRpbmcgYSByZUNBUFRDSEEgdG9rZW4uXHJcbiAgICogQHBhcmFtIGFjdGlvbiAtIE9wdGlvbmFsIHJlQ0FQVENIQSBhY3Rpb24uXHJcbiAgICogQHJldHVybnMgQW4gT2JzZXJ2YWJsZSB3aXRoIHRoZSBwcmVwYXJlZCBIdHRwSGVhZGVycy5cclxuICAgKi9cclxuICBwcml2YXRlIHByZXBhcmVIZWFkZXJzKGFjdGlvbj86IHN0cmluZyk6IE9ic2VydmFibGU8SHR0cEhlYWRlcnM+IHtcclxuICAgIGlmICghYWN0aW9uKSB7XHJcbiAgICAgIHJldHVybiBvZihuZXcgSHR0cEhlYWRlcnMoKSk7XHJcbiAgICB9XHJcblxyXG4gICAgcmV0dXJuIHRoaXMucmVjYXB0Y2hhVjNTZXJ2aWNlLmV4ZWN1dGUoYWN0aW9uKS5waXBlKFxyXG4gICAgICBtYXAoKHJlY2FwdGNoYVRva2VuKSA9PlxyXG4gICAgICAgIG5ldyBIdHRwSGVhZGVycyh7XHJcbiAgICAgICAgICBbdGhpcy5oZWFkZXJOYW1lXTogcmVjYXB0Y2hhVG9rZW4sXHJcbiAgICAgICAgfSlcclxuICAgICAgKVxyXG4gICAgKTtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIFBlcmZvcm1zIGEgR0VUIHJlcXVlc3Qgd2l0aCBvcHRpb25hbCByZUNBUFRDSEEgdmVyaWZpY2F0aW9uLlxyXG4gICAqIEBwYXJhbSB1cmwgLSBUaGUgZW5kcG9pbnQgVVJMLlxyXG4gICAqIEBwYXJhbSBhY3Rpb24gLSBPcHRpb25hbCByZUNBUFRDSEEgYWN0aW9uLlxyXG4gICAqIEBwYXJhbSBvcHRpb25zIC0gQWRkaXRpb25hbCByZXF1ZXN0IG9wdGlvbnMuXHJcbiAgICogQHJldHVybnMgQW4gT2JzZXJ2YWJsZSBvZiB0aGUgcmVzcG9uc2UuXHJcbiAgICovXHJcbiAgZ2V0PFQ+KHVybDogc3RyaW5nLCBhY3Rpb24/OiBzdHJpbmcsIG9wdGlvbnMgPSB7fSk6IE9ic2VydmFibGU8VD4ge1xyXG4gICAgcmV0dXJuIHRoaXMucHJlcGFyZUhlYWRlcnMoYWN0aW9uKS5waXBlKFxyXG4gICAgICBzd2l0Y2hNYXAoKGhlYWRlcnMpID0+XHJcbiAgICAgICAgdGhpcy5odHRwLmdldDxUPih1cmwsIHsgLi4ub3B0aW9ucywgaGVhZGVycyB9KVxyXG4gICAgICApXHJcbiAgICApO1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogUGVyZm9ybXMgYSBQT1NUIHJlcXVlc3Qgd2l0aCBvcHRpb25hbCByZUNBUFRDSEEgdmVyaWZpY2F0aW9uLlxyXG4gICAqIEBwYXJhbSB1cmwgLSBUaGUgZW5kcG9pbnQgVVJMLlxyXG4gICAqIEBwYXJhbSBhY3Rpb24gLSBPcHRpb25hbCByZUNBUFRDSEEgYWN0aW9uLlxyXG4gICAqIEBwYXJhbSBib2R5IC0gVGhlIHBheWxvYWQgdG8gc2VuZCBpbiB0aGUgUE9TVCByZXF1ZXN0LlxyXG4gICAqIEBwYXJhbSBvcHRpb25zIC0gQWRkaXRpb25hbCByZXF1ZXN0IG9wdGlvbnMuXHJcbiAgICogQHJldHVybnMgQW4gT2JzZXJ2YWJsZSBvZiB0aGUgcmVzcG9uc2UuXHJcbiAgICovXHJcbiAgcG9zdDxUPih1cmw6IHN0cmluZywgIGJvZHk6IGFueSxhY3Rpb24/OiBzdHJpbmcsIG9wdGlvbnMgPSB7fSk6IE9ic2VydmFibGU8VD4ge1xyXG4gICAgcmV0dXJuIHRoaXMucHJlcGFyZUhlYWRlcnMoYWN0aW9uKS5waXBlKFxyXG4gICAgICBzd2l0Y2hNYXAoKGhlYWRlcnMpID0+XHJcbiAgICAgICAgdGhpcy5odHRwLnBvc3Q8VD4odXJsLCBib2R5LCB7IC4uLm9wdGlvbnMsIGhlYWRlcnMgfSlcclxuICAgICAgKVxyXG4gICAgKTtcclxuICB9XHJcbn1cclxuIl19
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"http-client-with-recaptcha.mjs","sources":["../../../projects/http-client-with-recaptcha/src/lib/app-config.tokens.ts","../../../projects/http-client-with-recaptcha/src/lib/http-client-with-recaptcha.service.ts","../../../projects/http-client-with-recaptcha/src/lib/http-client-with-recaptcha.module.ts","../../../projects/http-client-with-recaptcha/src/public-api.ts","../../../projects/http-client-with-recaptcha/src/http-client-with-recaptcha.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\r\n\r\nexport const RECAPTCHA_HEADER_NAME = new InjectionToken<string>('reCAPTCHA Header Name', {\r\n providedIn: 'root',\r\n factory: () => 'X-Recaptcha-Token', // Default value\r\n});\r\n\r\n\r\nexport const RECAPTCHA_V3_KEY = new InjectionToken<string>('RECAPTCHA_V3_KEY', {\r\n providedIn: 'root', // You can provide it in the root or any other module depending on your need\r\n factory: () => {\r\n return 'your-site-key'; // Default value or fallback (can be overridden later)\r\n },\r\n});\r\n","import { Inject, Injectable } from '@angular/core';\r\nimport { HttpClient, HttpHeaders } from '@angular/common/http';\r\nimport { ReCaptchaV3Service } from 'ng-recaptcha';\r\nimport { Observable, of } from 'rxjs';\r\nimport { switchMap, map } from 'rxjs/operators';\r\nimport { RECAPTCHA_HEADER_NAME } from './app-config.tokens';\r\n\r\n@Injectable({\r\n providedIn: 'root', // Provides the service at the root level\r\n})\r\nexport class HttpClientWithRecaptchaService {\r\n constructor(\r\n private http: HttpClient,\r\n private recaptchaV3Service: ReCaptchaV3Service,\r\n @Inject(RECAPTCHA_HEADER_NAME) private readonly headerName: string\r\n ) {}\r\n\r\n /**\r\n * Prepares headers for HTTP requests, optionally including a reCAPTCHA token.\r\n * @param action - Optional reCAPTCHA action.\r\n * @returns An Observable with the prepared HttpHeaders.\r\n */\r\n private prepareHeaders(action?: string): Observable<HttpHeaders> {\r\n if (!action) {\r\n return of(new HttpHeaders());\r\n }\r\n\r\n return this.recaptchaV3Service.execute(action).pipe(\r\n map((recaptchaToken) =>\r\n new HttpHeaders({\r\n [this.headerName]: recaptchaToken,\r\n })\r\n )\r\n );\r\n }\r\n\r\n /**\r\n * Performs a GET request with optional reCAPTCHA verification.\r\n * @param url - The endpoint URL.\r\n * @param action - Optional reCAPTCHA action.\r\n * @param options - Additional request options.\r\n * @returns An Observable of the response.\r\n */\r\n get<T>(url: string, action?: string, options = {}): Observable<T> {\r\n return this.prepareHeaders(action).pipe(\r\n switchMap((headers) =>\r\n this.http.get<T>(url, { ...options, headers })\r\n )\r\n );\r\n }\r\n\r\n /**\r\n * Performs a POST request with optional reCAPTCHA verification.\r\n * @param url - The endpoint URL.\r\n * @param action - Optional reCAPTCHA action.\r\n * @param body - The payload to send in the POST request.\r\n * @param options - Additional request options.\r\n * @returns An Observable of the response.\r\n */\r\n post<T>(url: string, body: any,action?: string, options = {}): Observable<T> {\r\n return this.prepareHeaders(action).pipe(\r\n switchMap((headers) =>\r\n this.http.post<T>(url, body, { ...options, headers })\r\n )\r\n );\r\n }\r\n}\r\n","import {Inject, NgModule} from '@angular/core';\r\nimport {HttpClientWithRecaptchaService} from \"./http-client-with-recaptcha.service\";\r\nimport {RecaptchaV3Module, RECAPTCHA_V3_SITE_KEY, ReCaptchaV3Service} from \"ng-recaptcha\";\r\nimport {RECAPTCHA_HEADER_NAME, RECAPTCHA_V3_KEY} from \"./app-config.tokens\";\r\n\r\n@NgModule({\r\n imports: [RecaptchaV3Module],\r\n exports: [],\r\n providers: [\r\n HttpClientWithRecaptchaService,\r\n RecaptchaV3Module,\r\n ReCaptchaV3Service,\r\n {\r\n provide: RECAPTCHA_V3_SITE_KEY, // This injects the site key into ng-recaptcha\r\n useExisting: RECAPTCHA_V3_KEY, // Pass the value of your custom token to ng-recaptcha\r\n }\r\n ]\r\n})\r\nexport class HttpClientWithRecaptchaModule {\r\n\r\n constructor(@Inject(RECAPTCHA_HEADER_NAME) private siteKey: string) {\r\n console.log(siteKey)\r\n if (!this.siteKey) {\r\n console.error('No reCAPTCHA site key provided. Please configure the RECAPTCHA_V3_SITE_KEY.');\r\n }\r\n }\r\n}\r\n","/*\r\n * Public API Surface of http-client-with-recaptcha\r\n */\r\n\r\nexport * from './lib/app-config.tokens';\r\nexport * from './lib/http-client-with-recaptcha.service';\r\nexport * from './lib/http-client-with-recaptcha.module';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|