@internetarchive/donation-form 1.0.2 → 1.0.3-alpha-webdev7960.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/LICENSE +661 -661
- package/README.md +115 -115
- package/dist/demo/braintree-endpoint-manager.js.map +1 -1
- package/dist/demo/demo-analytics-handler.js.map +1 -1
- package/dist/demo/submit-form-with.js.map +1 -1
- package/dist/index.js.map +1 -1
- package/dist/src/braintree-manager/braintree-interfaces.js.map +1 -1
- package/dist/src/braintree-manager/braintree-manager.js.map +1 -1
- package/dist/src/braintree-manager/payment-clients.js.map +1 -1
- package/dist/src/braintree-manager/payment-providers/apple-pay/apple-pay-interface.js.map +1 -1
- package/dist/src/braintree-manager/payment-providers/apple-pay/apple-pay-session-datasource-delegate.js.map +1 -1
- package/dist/src/braintree-manager/payment-providers/apple-pay/apple-pay-session-datasource-interface.js.map +1 -1
- package/dist/src/braintree-manager/payment-providers/apple-pay/apple-pay-session-datasource.js.map +1 -1
- package/dist/src/braintree-manager/payment-providers/apple-pay/apple-pay-session-manager.js.map +1 -1
- package/dist/src/braintree-manager/payment-providers/apple-pay/apple-pay.js.map +1 -1
- package/dist/src/braintree-manager/payment-providers/credit-card/credit-card-interface.js.map +1 -1
- package/dist/src/braintree-manager/payment-providers/credit-card/credit-card.js.map +1 -1
- package/dist/src/braintree-manager/payment-providers/credit-card/hosted-field-configuration.js.map +1 -1
- package/dist/src/braintree-manager/payment-providers/credit-card/hosted-field-container.js.map +1 -1
- package/dist/src/braintree-manager/payment-providers/google-pay-interface.js.map +1 -1
- package/dist/src/braintree-manager/payment-providers/google-pay.js.map +1 -1
- package/dist/src/braintree-manager/payment-providers/paypal/paypal-button-datasource.js.map +1 -1
- package/dist/src/braintree-manager/payment-providers/paypal/paypal-interface.js.map +1 -1
- package/dist/src/braintree-manager/payment-providers/paypal/paypal.js.map +1 -1
- package/dist/src/braintree-manager/payment-providers/venmo-interface.js.map +1 -1
- package/dist/src/braintree-manager/payment-providers/venmo.js.map +1 -1
- package/dist/src/braintree-manager/payment-providers-interface.js.map +1 -1
- package/dist/src/braintree-manager/payment-providers.js.map +1 -1
- package/dist/src/donation-form-controller.js +123 -123
- package/dist/src/donation-form-controller.js.map +1 -1
- package/dist/src/donation-form-error.js.map +1 -1
- package/dist/src/donation-form.js +107 -107
- package/dist/src/donation-form.js.map +1 -1
- package/dist/src/form-elements/badged-input.js +47 -47
- package/dist/src/form-elements/badged-input.js.map +1 -1
- package/dist/src/form-elements/contact-form/autocomplete-field-options.js.map +1 -1
- package/dist/src/form-elements/contact-form/contact-form.js +157 -157
- package/dist/src/form-elements/contact-form/contact-form.js.map +1 -1
- package/dist/src/form-elements/contact-form/countries.js.map +1 -1
- package/dist/src/form-elements/header/donation-form-header.js +14 -14
- package/dist/src/form-elements/header/donation-form-header.js.map +1 -1
- package/dist/src/form-elements/header/donation-summary.js +15 -15
- package/dist/src/form-elements/header/donation-summary.js.map +1 -1
- package/dist/src/form-elements/payment-selector.js +164 -164
- package/dist/src/form-elements/payment-selector.js.map +1 -1
- package/dist/src/form-elements/total-amount.js +16 -16
- package/dist/src/form-elements/total-amount.js.map +1 -1
- package/dist/src/modals/confirm-donation-modal-content.js +51 -51
- package/dist/src/modals/confirm-donation-modal-content.js.map +1 -1
- package/dist/src/modals/error-modal-content.js +22 -22
- package/dist/src/modals/error-modal-content.js.map +1 -1
- package/dist/src/modals/upsell-modal-content.js +182 -182
- package/dist/src/modals/upsell-modal-content.js.map +1 -1
- package/dist/src/payment-flow-handlers/donation-flow-modal-manager.js +20 -20
- package/dist/src/payment-flow-handlers/donation-flow-modal-manager.js.map +1 -1
- package/dist/src/payment-flow-handlers/handlers/applepay-flow-handler.js.map +1 -1
- package/dist/src/payment-flow-handlers/handlers/creditcard-flow-handler.js.map +1 -1
- package/dist/src/payment-flow-handlers/handlers/googlepay-flow-handler.js.map +1 -1
- package/dist/src/payment-flow-handlers/handlers/paypal-flow-handler.js.map +1 -1
- package/dist/src/payment-flow-handlers/handlers/venmo-flow-handler.js.map +1 -1
- package/dist/src/payment-flow-handlers/handlers/venmo-restoration-state-handler.js.map +1 -1
- package/dist/src/payment-flow-handlers/payment-flow-handlers.js.map +1 -1
- package/dist/src/recaptcha-manager/recaptcha-manager.js.map +1 -1
- package/dist/src/util/promisedSleep.js.map +1 -1
- package/dist/test/helpers/fillInContactForm.js.map +1 -1
- package/dist/test/mocks/flow-handlers/individual-handlers/mock-applepay-flow-handler.js.map +1 -1
- package/dist/test/mocks/flow-handlers/individual-handlers/mock-creditcard-flow-handler.js.map +1 -1
- package/dist/test/mocks/flow-handlers/individual-handlers/mock-googlepay-flow-handler.js.map +1 -1
- package/dist/test/mocks/flow-handlers/individual-handlers/mock-paypal-flow-handler.js.map +1 -1
- package/dist/test/mocks/flow-handlers/individual-handlers/mock-venmo-flow-handler.js.map +1 -1
- package/dist/test/mocks/flow-handlers/mock-payment-flow-handlers.js.map +1 -1
- package/dist/test/mocks/mock-braintree-manager.js.map +1 -1
- package/dist/test/mocks/mock-donation-info.js.map +1 -1
- package/dist/test/mocks/mock-endpoint-manager.js.map +1 -1
- package/dist/test/mocks/mock-hosted-fields-config.js.map +1 -1
- package/dist/test/mocks/mock-hosted-fields-container.js.map +1 -1
- package/dist/test/mocks/mock-lazy-loader.js.map +1 -1
- package/dist/test/mocks/mock-modal-manager.js.map +1 -1
- package/dist/test/mocks/mock-payment-clients.js.map +1 -1
- package/dist/test/mocks/mock-paypal-button-renderer.js.map +1 -1
- package/dist/test/mocks/mock-recaptcha-manager.js.map +1 -1
- package/dist/test/mocks/models/mock-billing-info.js.map +1 -1
- package/dist/test/mocks/models/mock-custom-fields.js.map +1 -1
- package/dist/test/mocks/models/mock-customer-info.js.map +1 -1
- package/dist/test/mocks/models/mock-donation-request.js.map +1 -1
- package/dist/test/mocks/models/mock-success-response.js.map +1 -1
- package/dist/test/mocks/payment-clients/mock-applepay-client.js.map +1 -1
- package/dist/test/mocks/payment-clients/mock-applepay-payment.js.map +1 -1
- package/dist/test/mocks/payment-clients/mock-applepay-paymentauthorizedevent.js.map +1 -1
- package/dist/test/mocks/payment-clients/mock-applepay-session.js.map +1 -1
- package/dist/test/mocks/payment-clients/mock-applepay-sessionmanager.js.map +1 -1
- package/dist/test/mocks/payment-clients/mock-applepay-validatemerchantevent.js.map +1 -1
- package/dist/test/mocks/payment-clients/mock-braintree-client.js.map +1 -1
- package/dist/test/mocks/payment-clients/mock-data-collector.js.map +1 -1
- package/dist/test/mocks/payment-clients/mock-googlepay-client.js.map +1 -1
- package/dist/test/mocks/payment-clients/mock-googlepay-library.js.map +1 -1
- package/dist/test/mocks/payment-clients/mock-grecaptcha.js.map +1 -1
- package/dist/test/mocks/payment-clients/mock-hostedfields-client.js.map +1 -1
- package/dist/test/mocks/payment-clients/mock-hostedfieldstateobject-generator.js.map +1 -1
- package/dist/test/mocks/payment-clients/mock-hostedfieldtokenizepayload.js.map +1 -1
- package/dist/test/mocks/payment-clients/mock-paypal-client.js.map +1 -1
- package/dist/test/mocks/payment-clients/mock-paypal-library.js.map +1 -1
- package/dist/test/mocks/payment-clients/mock-venmo-client.js.map +1 -1
- package/dist/test/mocks/payment-providers/individual-providers/mock-applepay-datasource-delegate.js.map +1 -1
- package/dist/test/mocks/payment-providers/individual-providers/mock-applepay-handler.js.map +1 -1
- package/dist/test/mocks/payment-providers/individual-providers/mock-creditcard-handler.js.map +1 -1
- package/dist/test/mocks/payment-providers/individual-providers/mock-googlepay-handler.js.map +1 -1
- package/dist/test/mocks/payment-providers/individual-providers/mock-paypal-button-datasource-delegate.js.map +1 -1
- package/dist/test/mocks/payment-providers/individual-providers/mock-paypal-button-datasource.js.map +1 -1
- package/dist/test/mocks/payment-providers/individual-providers/mock-paypal-handler.js.map +1 -1
- package/dist/test/mocks/payment-providers/individual-providers/mock-venmo-handler.js.map +1 -1
- package/dist/test/mocks/payment-providers/mock-payment-providers.js.map +1 -1
- package/dist/test/tests/braintree-manager.test.js.map +1 -1
- package/dist/test/tests/donation-form-controller.test.js +39 -39
- package/dist/test/tests/donation-form-controller.test.js.map +1 -1
- package/dist/test/tests/donation-form.test.js +4 -4
- package/dist/test/tests/donation-form.test.js.map +1 -1
- package/dist/test/tests/flow-handlers/donation-flow-modal-manager.test.js +14 -14
- package/dist/test/tests/flow-handlers/donation-flow-modal-manager.test.js.map +1 -1
- package/dist/test/tests/form-elements/donation-summary.test.js.map +1 -1
- package/dist/test/tests/form-elements/payment-selector.test.js.map +1 -1
- package/dist/test/tests/modals/error-modal-content.test.js +2 -2
- package/dist/test/tests/modals/error-modal-content.test.js.map +1 -1
- package/dist/test/tests/modals/upsell-modal-content.test.js +31 -31
- package/dist/test/tests/modals/upsell-modal-content.test.js.map +1 -1
- package/dist/test/tests/models/donation-payment-info.test.js.map +1 -1
- package/dist/test/tests/payment-clients.test.js.map +1 -1
- package/dist/test/tests/payment-providers/applepay-sessiondatasource.test.js.map +1 -1
- package/dist/test/tests/payment-providers/applepay-sessionmanager.test.js.map +1 -1
- package/dist/test/tests/payment-providers/applepay.test.js.map +1 -1
- package/dist/test/tests/payment-providers/creditcard.test.js.map +1 -1
- package/dist/test/tests/payment-providers/googlepay.test.js.map +1 -1
- package/dist/test/tests/payment-providers/payment-providers.test.js.map +1 -1
- package/dist/test/tests/payment-providers/paypal-button-datasource.test.js.map +1 -1
- package/dist/test/tests/payment-providers/paypal.test.js.map +1 -1
- package/dist/test/tests/payment-providers/venmo.test.js.map +1 -1
- package/dist/test/tests/recaptcha-manager.test.js.map +1 -1
- package/package.json +107 -107
- package/src/@types/analytics-handler/index.d.ts +8 -8
- package/src/@types/braintree-web/LICENSE +21 -21
- package/src/@types/braintree-web/index.d.ts +93 -93
- package/src/@types/braintree-web/modules/american-express.d.ts +50 -50
- package/src/@types/braintree-web/modules/apple-pay.d.ts +213 -213
- package/src/@types/braintree-web/modules/client.d.ts +103 -103
- package/src/@types/braintree-web/modules/core.d.ts +34 -34
- package/src/@types/braintree-web/modules/data-collector.d.ts +13 -13
- package/src/@types/braintree-web/modules/google-payment.d.ts +269 -269
- package/src/@types/braintree-web/modules/hosted-fields.d.ts +366 -366
- package/src/@types/braintree-web/modules/paypal-checkout.d.ts +262 -262
- package/src/@types/braintree-web/modules/paypal.d.ts +177 -177
- package/src/@types/braintree-web/modules/three-d-secure.d.ts +141 -141
- package/src/@types/braintree-web/modules/unionpay.d.ts +224 -224
- package/src/@types/braintree-web/modules/us-bank-account.d.ts +81 -81
- package/src/@types/braintree-web/modules/venmo.d.ts +110 -110
- package/src/@types/braintree-web/package.json +64 -64
- package/src/@types/paypal-checkout-components/LICENSE +21 -21
- package/src/@types/paypal-checkout-components/index.d.ts +67 -67
- package/src/@types/paypal-checkout-components/modules/button.d.ts +50 -50
- package/src/@types/paypal-checkout-components/modules/callback-data.d.ts +244 -244
- package/src/@types/paypal-checkout-components/modules/configuration.d.ts +114 -114
- package/src/@types/paypal-checkout-components/package.json +58 -58
- package/src/braintree-manager/braintree-interfaces.ts +172 -172
- package/src/braintree-manager/braintree-manager.ts +281 -281
- package/src/braintree-manager/payment-clients.ts +146 -146
- package/src/braintree-manager/payment-providers/apple-pay/apple-pay-interface.ts +13 -13
- package/src/braintree-manager/payment-providers/apple-pay/apple-pay-session-datasource-delegate.ts +8 -8
- package/src/braintree-manager/payment-providers/apple-pay/apple-pay-session-datasource-interface.ts +10 -10
- package/src/braintree-manager/payment-providers/apple-pay/apple-pay-session-datasource.ts +119 -119
- package/src/braintree-manager/payment-providers/apple-pay/apple-pay-session-manager.ts +21 -21
- package/src/braintree-manager/payment-providers/apple-pay/apple-pay.ts +97 -97
- package/src/braintree-manager/payment-providers/credit-card/credit-card-interface.ts +21 -21
- package/src/braintree-manager/payment-providers/credit-card/credit-card.ts +130 -130
- package/src/braintree-manager/payment-providers/credit-card/hosted-field-configuration.ts +19 -19
- package/src/braintree-manager/payment-providers/credit-card/hosted-field-container.ts +85 -85
- package/src/braintree-manager/payment-providers/google-pay-interface.ts +8 -8
- package/src/braintree-manager/payment-providers/google-pay.ts +59 -59
- package/src/braintree-manager/payment-providers/paypal/paypal-button-datasource.ts +218 -218
- package/src/braintree-manager/payment-providers/paypal/paypal-interface.ts +13 -13
- package/src/braintree-manager/payment-providers/paypal/paypal.ts +78 -78
- package/src/braintree-manager/payment-providers/venmo-interface.ts +8 -8
- package/src/braintree-manager/payment-providers/venmo.ts +67 -67
- package/src/braintree-manager/payment-providers-interface.ts +25 -25
- package/src/braintree-manager/payment-providers.ts +147 -147
- package/src/donation-form-controller.ts +623 -623
- package/src/donation-form-error.ts +6 -6
- package/src/donation-form.ts +576 -576
- package/src/form-elements/badged-input.ts +109 -109
- package/src/form-elements/contact-form/autocomplete-field-options.ts +63 -63
- package/src/form-elements/contact-form/contact-form.ts +434 -434
- package/src/form-elements/contact-form/countries.ts +252 -252
- package/src/form-elements/header/donation-form-header.ts +98 -98
- package/src/form-elements/header/donation-summary.ts +61 -61
- package/src/form-elements/payment-selector.ts +365 -365
- package/src/form-elements/total-amount.ts +46 -46
- package/src/modals/confirm-donation-modal-content.ts +168 -168
- package/src/modals/error-modal-content.ts +48 -48
- package/src/modals/upsell-modal-content.ts +284 -284
- package/src/payment-flow-handlers/donation-flow-modal-manager.ts +439 -439
- package/src/payment-flow-handlers/handlers/applepay-flow-handler.ts +109 -109
- package/src/payment-flow-handlers/handlers/creditcard-flow-handler.ts +232 -232
- package/src/payment-flow-handlers/handlers/googlepay-flow-handler.ts +111 -111
- package/src/payment-flow-handlers/handlers/paypal-flow-handler.ts +331 -331
- package/src/payment-flow-handlers/handlers/venmo-flow-handler.ts +119 -119
- package/src/payment-flow-handlers/handlers/venmo-restoration-state-handler.ts +127 -127
- package/src/payment-flow-handlers/payment-flow-handlers.ts +218 -218
- package/src/recaptcha-manager/recaptcha-manager.ts +123 -123
- package/src/util/promisedSleep.ts +3 -3
- package/dist/demo/app-root.d.ts +0 -0
- package/dist/demo/app-root.js +0 -2
- package/dist/demo/app-root.js.map +0 -1
|
@@ -1,123 +1,123 @@
|
|
|
1
|
-
export interface RecaptchaManagerInterface {
|
|
2
|
-
execute(): Promise<string>;
|
|
3
|
-
setup(
|
|
4
|
-
container: HTMLElement,
|
|
5
|
-
tabIndex: number,
|
|
6
|
-
theme: ReCaptchaV2.Theme,
|
|
7
|
-
type: ReCaptchaV2.Type,
|
|
8
|
-
): void;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
export class RecaptchaManager implements RecaptchaManagerInterface {
|
|
12
|
-
private grecaptchaLibrary: ReCaptchaV2.ReCaptcha;
|
|
13
|
-
|
|
14
|
-
private siteKey: string;
|
|
15
|
-
|
|
16
|
-
constructor(options: { grecaptchaLibrary: ReCaptchaV2.ReCaptcha; siteKey: string }) {
|
|
17
|
-
this.grecaptchaLibrary = options.grecaptchaLibrary;
|
|
18
|
-
this.siteKey = options.siteKey;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
private executionSuccessBlock?: (token: string) => void;
|
|
22
|
-
|
|
23
|
-
private executionExpiredBlock?: () => void;
|
|
24
|
-
|
|
25
|
-
private executionErrorBlock?: () => void;
|
|
26
|
-
|
|
27
|
-
private isExecuting = false;
|
|
28
|
-
|
|
29
|
-
/**
|
|
30
|
-
* Execute Recaptcha and return a Promise containing the response token.
|
|
31
|
-
*
|
|
32
|
-
* This is an interesting flow.. we call `execute()` here, but have to wait for the
|
|
33
|
-
* response and expiration handlers that we bind during the inital `setup` call.
|
|
34
|
-
* For consumers, we want to be able to just call `execute()` and wait for a response.
|
|
35
|
-
* To allow this, we assign two callbacks:
|
|
36
|
-
* - `executionSuccessBlock`
|
|
37
|
-
* - `executionExpiredBlock`
|
|
38
|
-
*
|
|
39
|
-
* We then call those callbacks from inside `responseHandler` and `expiredHandler` to
|
|
40
|
-
* either resolve or reject the Promise.
|
|
41
|
-
*
|
|
42
|
-
* ie:
|
|
43
|
-
*
|
|
44
|
-
* try {
|
|
45
|
-
* const recaptchaResult = await recaptchaManager.execute();
|
|
46
|
-
* console.log('recaptcha token:', recaptchaResult);
|
|
47
|
-
* } catch {
|
|
48
|
-
* console.error('something happened')
|
|
49
|
-
* }
|
|
50
|
-
*
|
|
51
|
-
* @returns {Promise<string>}
|
|
52
|
-
* @memberof RecaptchaManager
|
|
53
|
-
*/
|
|
54
|
-
execute(): Promise<string> {
|
|
55
|
-
if (this.isExecuting) {
|
|
56
|
-
this.finishExecution();
|
|
57
|
-
}
|
|
58
|
-
this.isExecuting = true;
|
|
59
|
-
return new Promise((resolve, reject) => {
|
|
60
|
-
this.executionSuccessBlock = (token: string): void => {
|
|
61
|
-
this.finishExecution();
|
|
62
|
-
resolve(token);
|
|
63
|
-
};
|
|
64
|
-
|
|
65
|
-
this.executionExpiredBlock = (): void => {
|
|
66
|
-
this.finishExecution();
|
|
67
|
-
reject('expired');
|
|
68
|
-
};
|
|
69
|
-
|
|
70
|
-
this.executionErrorBlock = (): void => {
|
|
71
|
-
this.finishExecution();
|
|
72
|
-
reject('error');
|
|
73
|
-
};
|
|
74
|
-
|
|
75
|
-
this.grecaptchaLibrary.execute();
|
|
76
|
-
});
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
private finishExecution(): void {
|
|
80
|
-
this.isExecuting = false;
|
|
81
|
-
this.grecaptchaLibrary.reset();
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
setup(
|
|
85
|
-
container: HTMLElement,
|
|
86
|
-
tabIndex: number,
|
|
87
|
-
theme: ReCaptchaV2.Theme,
|
|
88
|
-
type: ReCaptchaV2.Type,
|
|
89
|
-
): void {
|
|
90
|
-
this.grecaptchaLibrary.render(container, {
|
|
91
|
-
callback: this.responseHandler.bind(this),
|
|
92
|
-
'expired-callback': this.expiredHandler.bind(this),
|
|
93
|
-
'error-callback': this.errorHandler.bind(this),
|
|
94
|
-
sitekey: this.siteKey,
|
|
95
|
-
tabindex: tabIndex,
|
|
96
|
-
theme: theme,
|
|
97
|
-
type: type,
|
|
98
|
-
size: 'invisible',
|
|
99
|
-
});
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
103
|
-
private responseHandler(response: any): void {
|
|
104
|
-
if (this.executionSuccessBlock) {
|
|
105
|
-
this.executionSuccessBlock(response);
|
|
106
|
-
this.executionSuccessBlock = undefined;
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
private expiredHandler(): void {
|
|
111
|
-
if (this.executionExpiredBlock) {
|
|
112
|
-
this.executionExpiredBlock();
|
|
113
|
-
this.executionExpiredBlock = undefined;
|
|
114
|
-
}
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
private errorHandler(): void {
|
|
118
|
-
if (this.executionErrorBlock) {
|
|
119
|
-
this.executionErrorBlock();
|
|
120
|
-
this.executionErrorBlock = undefined;
|
|
121
|
-
}
|
|
122
|
-
}
|
|
123
|
-
}
|
|
1
|
+
export interface RecaptchaManagerInterface {
|
|
2
|
+
execute(): Promise<string>;
|
|
3
|
+
setup(
|
|
4
|
+
container: HTMLElement,
|
|
5
|
+
tabIndex: number,
|
|
6
|
+
theme: ReCaptchaV2.Theme,
|
|
7
|
+
type: ReCaptchaV2.Type,
|
|
8
|
+
): void;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
export class RecaptchaManager implements RecaptchaManagerInterface {
|
|
12
|
+
private grecaptchaLibrary: ReCaptchaV2.ReCaptcha;
|
|
13
|
+
|
|
14
|
+
private siteKey: string;
|
|
15
|
+
|
|
16
|
+
constructor(options: { grecaptchaLibrary: ReCaptchaV2.ReCaptcha; siteKey: string }) {
|
|
17
|
+
this.grecaptchaLibrary = options.grecaptchaLibrary;
|
|
18
|
+
this.siteKey = options.siteKey;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
private executionSuccessBlock?: (token: string) => void;
|
|
22
|
+
|
|
23
|
+
private executionExpiredBlock?: () => void;
|
|
24
|
+
|
|
25
|
+
private executionErrorBlock?: () => void;
|
|
26
|
+
|
|
27
|
+
private isExecuting = false;
|
|
28
|
+
|
|
29
|
+
/**
|
|
30
|
+
* Execute Recaptcha and return a Promise containing the response token.
|
|
31
|
+
*
|
|
32
|
+
* This is an interesting flow.. we call `execute()` here, but have to wait for the
|
|
33
|
+
* response and expiration handlers that we bind during the inital `setup` call.
|
|
34
|
+
* For consumers, we want to be able to just call `execute()` and wait for a response.
|
|
35
|
+
* To allow this, we assign two callbacks:
|
|
36
|
+
* - `executionSuccessBlock`
|
|
37
|
+
* - `executionExpiredBlock`
|
|
38
|
+
*
|
|
39
|
+
* We then call those callbacks from inside `responseHandler` and `expiredHandler` to
|
|
40
|
+
* either resolve or reject the Promise.
|
|
41
|
+
*
|
|
42
|
+
* ie:
|
|
43
|
+
*
|
|
44
|
+
* try {
|
|
45
|
+
* const recaptchaResult = await recaptchaManager.execute();
|
|
46
|
+
* console.log('recaptcha token:', recaptchaResult);
|
|
47
|
+
* } catch {
|
|
48
|
+
* console.error('something happened')
|
|
49
|
+
* }
|
|
50
|
+
*
|
|
51
|
+
* @returns {Promise<string>}
|
|
52
|
+
* @memberof RecaptchaManager
|
|
53
|
+
*/
|
|
54
|
+
execute(): Promise<string> {
|
|
55
|
+
if (this.isExecuting) {
|
|
56
|
+
this.finishExecution();
|
|
57
|
+
}
|
|
58
|
+
this.isExecuting = true;
|
|
59
|
+
return new Promise((resolve, reject) => {
|
|
60
|
+
this.executionSuccessBlock = (token: string): void => {
|
|
61
|
+
this.finishExecution();
|
|
62
|
+
resolve(token);
|
|
63
|
+
};
|
|
64
|
+
|
|
65
|
+
this.executionExpiredBlock = (): void => {
|
|
66
|
+
this.finishExecution();
|
|
67
|
+
reject('expired');
|
|
68
|
+
};
|
|
69
|
+
|
|
70
|
+
this.executionErrorBlock = (): void => {
|
|
71
|
+
this.finishExecution();
|
|
72
|
+
reject('error');
|
|
73
|
+
};
|
|
74
|
+
|
|
75
|
+
this.grecaptchaLibrary.execute();
|
|
76
|
+
});
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
private finishExecution(): void {
|
|
80
|
+
this.isExecuting = false;
|
|
81
|
+
this.grecaptchaLibrary.reset();
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
setup(
|
|
85
|
+
container: HTMLElement,
|
|
86
|
+
tabIndex: number,
|
|
87
|
+
theme: ReCaptchaV2.Theme,
|
|
88
|
+
type: ReCaptchaV2.Type,
|
|
89
|
+
): void {
|
|
90
|
+
this.grecaptchaLibrary.render(container, {
|
|
91
|
+
callback: this.responseHandler.bind(this),
|
|
92
|
+
'expired-callback': this.expiredHandler.bind(this),
|
|
93
|
+
'error-callback': this.errorHandler.bind(this),
|
|
94
|
+
sitekey: this.siteKey,
|
|
95
|
+
tabindex: tabIndex,
|
|
96
|
+
theme: theme,
|
|
97
|
+
type: type,
|
|
98
|
+
size: 'invisible',
|
|
99
|
+
});
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
103
|
+
private responseHandler(response: any): void {
|
|
104
|
+
if (this.executionSuccessBlock) {
|
|
105
|
+
this.executionSuccessBlock(response);
|
|
106
|
+
this.executionSuccessBlock = undefined;
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
private expiredHandler(): void {
|
|
111
|
+
if (this.executionExpiredBlock) {
|
|
112
|
+
this.executionExpiredBlock();
|
|
113
|
+
this.executionExpiredBlock = undefined;
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
private errorHandler(): void {
|
|
118
|
+
if (this.executionErrorBlock) {
|
|
119
|
+
this.executionErrorBlock();
|
|
120
|
+
this.executionErrorBlock = undefined;
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export function promisedSleep(ms: number): Promise<void> {
|
|
2
|
-
return new Promise(resolve => setTimeout(resolve, ms));
|
|
3
|
-
}
|
|
1
|
+
export function promisedSleep(ms: number): Promise<void> {
|
|
2
|
+
return new Promise(resolve => setTimeout(resolve, ms));
|
|
3
|
+
}
|
package/dist/demo/app-root.d.ts
DELETED
|
File without changes
|
package/dist/demo/app-root.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"app-root.js","sourceRoot":"","sources":["../../demo/app-root.ts"],"names":[],"mappings":"","sourcesContent":[""]}
|