@internetarchive/donation-form 0.5.7 → 0.5.8-alpha.1

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.
@@ -91,10 +91,10 @@ export class PaymentClients {
91
91
  generator: () => __awaiter(this, void 0, void 0, function* () {
92
92
  yield this.lazyLoader.loadScript({
93
93
  src: 'https://www.paypalobjects.com/api/checkout.js',
94
- attributes: [
95
- { key: 'data-version-4', value: '' },
96
- { key: 'log-level', value: 'warn' },
97
- ],
94
+ attributes: {
95
+ 'data-version-4': '',
96
+ 'log-level': 'warn',
97
+ },
98
98
  });
99
99
  return window.paypal;
100
100
  }),
@@ -110,7 +110,7 @@ export class PaymentClients {
110
110
  const extension = this.environment === HostingEnvironment.Production ? 'min.js' : 'js';
111
111
  const scriptWithSuffix = `${scriptName}.${extension}`;
112
112
  const url = `https://js.braintreegateway.com/web/${this.braintreeVersion}/js/${scriptWithSuffix}`;
113
- return this.lazyLoader.loadScript({ src: url });
113
+ yield this.lazyLoader.loadScript({ src: url });
114
114
  });
115
115
  }
116
116
  }
@@ -1 +1 @@
1
- {"version":3,"file":"payment-clients.js","sourceRoot":"","sources":["../../../src/braintree-manager/payment-clients.ts"],"names":[],"mappings":"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","sourcesContent":["import { LazyLoaderServiceInterface } from '@internetarchive/lazy-loader-service';\nimport { PromisedSingleton } from '@internetarchive/promised-singleton';\nimport { HostingEnvironment } from './braintree-interfaces';\n\nexport interface PaymentClientsInterface {\n braintreeClient: PromisedSingleton<braintree.Client>;\n dataCollector: PromisedSingleton<braintree.DataCollector>;\n hostedFields: PromisedSingleton<braintree.HostedFields>;\n venmo: PromisedSingleton<braintree.Venmo>;\n payPal: PromisedSingleton<braintree.PayPalCheckout>;\n applePay: PromisedSingleton<braintree.ApplePay>;\n googlePayBraintreeClient: PromisedSingleton<braintree.GooglePayment>;\n\n googlePaymentsClient: PromisedSingleton<google.payments.api.PaymentsClient>;\n recaptchaLibrary: PromisedSingleton<ReCaptchaV2.ReCaptcha>;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n paypalLibrary: PromisedSingleton<any>;\n}\n\n/**\n * The PaymentClients class is responsible for loading and passing around\n * all of the payment libraries. Internally it uses the LazyLoaderService to lazy load\n * the javascript clients.\n *\n * For instance, it carries around the braintree and paypal libraries, as well as the specific\n * payment-provider clients for each of the providers. This allows us to pass around typed\n * objects instead of the untyped libraries we get from the providers.\n *\n * @export\n * @class PaymentClients\n * @implements {PaymentClientsInterface}\n */\nexport class PaymentClients implements PaymentClientsInterface {\n braintreeClient = new PromisedSingleton<braintree.Client>({\n generator: async (): Promise<braintree.Client> => {\n await this.loadBraintreeScript('client');\n return window.braintree.client;\n },\n });\n\n dataCollector = new PromisedSingleton<braintree.DataCollector>({\n generator: async (): Promise<braintree.DataCollector> => {\n await this.loadBraintreeScript('data-collector');\n return window.braintree.dataCollector;\n },\n });\n\n hostedFields = new PromisedSingleton<braintree.HostedFields>({\n generator: async (): Promise<braintree.HostedFields> => {\n await this.loadBraintreeScript('hosted-fields');\n return window.braintree.hostedFields;\n },\n });\n\n venmo = new PromisedSingleton<braintree.Venmo>({\n generator: async (): Promise<braintree.Venmo> => {\n await this.loadBraintreeScript('venmo');\n return window.braintree.venmo;\n },\n });\n\n payPal = new PromisedSingleton<braintree.PayPalCheckout>({\n generator: async (): Promise<braintree.PayPalCheckout> => {\n await this.loadBraintreeScript('paypal-checkout');\n return window.braintree.paypalCheckout;\n },\n });\n\n applePay = new PromisedSingleton<braintree.ApplePay>({\n generator: async (): Promise<braintree.ApplePay> => {\n await this.loadBraintreeScript('apple-pay');\n return window.braintree.applePay;\n },\n });\n\n googlePayBraintreeClient = new PromisedSingleton<braintree.GooglePayment>({\n generator: async (): Promise<braintree.GooglePayment> => {\n await this.loadBraintreeScript('google-payment');\n return window.braintree.googlePayment;\n },\n });\n\n googlePaymentsClient = new PromisedSingleton<google.payments.api.PaymentsClient>({\n generator: async (): Promise<google.payments.api.PaymentsClient> => {\n await this.lazyLoader.loadScript({ src: 'https://pay.google.com/gp/p/js/pay.js' });\n return new google.payments.api.PaymentsClient({\n environment: this.environment === HostingEnvironment.Development ? 'TEST' : 'PRODUCTION',\n });\n },\n });\n\n recaptchaLibrary = new PromisedSingleton<ReCaptchaV2.ReCaptcha>({\n generator: (): Promise<ReCaptchaV2.ReCaptcha> =>\n new Promise(resolve => {\n // The loader for the recaptcha library is relying on an onload callback from the recaptcha\n // library because even when the library has loaded, it is still not ready\n // As recommended by Recaptcha, we attach a callback to the window object before starting\n // the load and remove it once the load is complete and resolve the promise.\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (window as any).donationFormGrecaptchaLoadedCallback = (): void => {\n setTimeout(() => {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n delete (window as any).donationFormGrecaptchaLoadedCallback;\n }, 10);\n resolve(window.grecaptcha);\n };\n\n this.lazyLoader.loadScript({\n src:\n 'https://www.google.com/recaptcha/api.js?onload=donationFormGrecaptchaLoadedCallback&render=explicit',\n });\n }),\n });\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n paypalLibrary = new PromisedSingleton<any>({\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n generator: async (): Promise<any> => {\n await this.lazyLoader.loadScript({\n src: 'https://www.paypalobjects.com/api/checkout.js',\n attributes: [\n { key: 'data-version-4', value: '' },\n { key: 'log-level', value: 'warn' },\n ],\n });\n return window.paypal;\n },\n });\n\n constructor(lazyLoader: LazyLoaderServiceInterface, environment: HostingEnvironment) {\n this.lazyLoader = lazyLoader;\n this.environment = environment;\n }\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n private async loadBraintreeScript(scriptName: string): Promise<any> {\n const extension = this.environment === HostingEnvironment.Production ? 'min.js' : 'js';\n const scriptWithSuffix = `${scriptName}.${extension}`;\n const url = `https://js.braintreegateway.com/web/${this.braintreeVersion}/js/${scriptWithSuffix}`;\n return this.lazyLoader.loadScript({ src: url });\n }\n\n private braintreeVersion = '3.62.2';\n\n private environment: HostingEnvironment = HostingEnvironment.Development;\n\n private lazyLoader: LazyLoaderServiceInterface;\n}\n"]}
1
+ {"version":3,"file":"payment-clients.js","sourceRoot":"","sources":["../../../src/braintree-manager/payment-clients.ts"],"names":[],"mappings":"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","sourcesContent":["import { LazyLoaderServiceInterface } from '@internetarchive/lazy-loader-service';\nimport { PromisedSingleton } from '@internetarchive/promised-singleton';\nimport { HostingEnvironment } from './braintree-interfaces';\n\nexport interface PaymentClientsInterface {\n braintreeClient: PromisedSingleton<braintree.Client>;\n dataCollector: PromisedSingleton<braintree.DataCollector>;\n hostedFields: PromisedSingleton<braintree.HostedFields>;\n venmo: PromisedSingleton<braintree.Venmo>;\n payPal: PromisedSingleton<braintree.PayPalCheckout>;\n applePay: PromisedSingleton<braintree.ApplePay>;\n googlePayBraintreeClient: PromisedSingleton<braintree.GooglePayment>;\n\n googlePaymentsClient: PromisedSingleton<google.payments.api.PaymentsClient>;\n recaptchaLibrary: PromisedSingleton<ReCaptchaV2.ReCaptcha>;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n paypalLibrary: PromisedSingleton<any>;\n}\n\n/**\n * The PaymentClients class is responsible for loading and passing around\n * all of the payment libraries. Internally it uses the LazyLoaderService to lazy load\n * the javascript clients.\n *\n * For instance, it carries around the braintree and paypal libraries, as well as the specific\n * payment-provider clients for each of the providers. This allows us to pass around typed\n * objects instead of the untyped libraries we get from the providers.\n *\n * @export\n * @class PaymentClients\n * @implements {PaymentClientsInterface}\n */\nexport class PaymentClients implements PaymentClientsInterface {\n braintreeClient = new PromisedSingleton<braintree.Client>({\n generator: async (): Promise<braintree.Client> => {\n await this.loadBraintreeScript('client');\n return window.braintree.client;\n },\n });\n\n dataCollector = new PromisedSingleton<braintree.DataCollector>({\n generator: async (): Promise<braintree.DataCollector> => {\n await this.loadBraintreeScript('data-collector');\n return window.braintree.dataCollector;\n },\n });\n\n hostedFields = new PromisedSingleton<braintree.HostedFields>({\n generator: async (): Promise<braintree.HostedFields> => {\n await this.loadBraintreeScript('hosted-fields');\n return window.braintree.hostedFields;\n },\n });\n\n venmo = new PromisedSingleton<braintree.Venmo>({\n generator: async (): Promise<braintree.Venmo> => {\n await this.loadBraintreeScript('venmo');\n return window.braintree.venmo;\n },\n });\n\n payPal = new PromisedSingleton<braintree.PayPalCheckout>({\n generator: async (): Promise<braintree.PayPalCheckout> => {\n await this.loadBraintreeScript('paypal-checkout');\n return window.braintree.paypalCheckout;\n },\n });\n\n applePay = new PromisedSingleton<braintree.ApplePay>({\n generator: async (): Promise<braintree.ApplePay> => {\n await this.loadBraintreeScript('apple-pay');\n return window.braintree.applePay;\n },\n });\n\n googlePayBraintreeClient = new PromisedSingleton<braintree.GooglePayment>({\n generator: async (): Promise<braintree.GooglePayment> => {\n await this.loadBraintreeScript('google-payment');\n return window.braintree.googlePayment;\n },\n });\n\n googlePaymentsClient = new PromisedSingleton<google.payments.api.PaymentsClient>({\n generator: async (): Promise<google.payments.api.PaymentsClient> => {\n await this.lazyLoader.loadScript({ src: 'https://pay.google.com/gp/p/js/pay.js' });\n return new google.payments.api.PaymentsClient({\n environment: this.environment === HostingEnvironment.Development ? 'TEST' : 'PRODUCTION',\n });\n },\n });\n\n recaptchaLibrary = new PromisedSingleton<ReCaptchaV2.ReCaptcha>({\n generator: (): Promise<ReCaptchaV2.ReCaptcha> =>\n new Promise(resolve => {\n // The loader for the recaptcha library is relying on an onload callback from the recaptcha\n // library because even when the library has loaded, it is still not ready\n // As recommended by Recaptcha, we attach a callback to the window object before starting\n // the load and remove it once the load is complete and resolve the promise.\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (window as any).donationFormGrecaptchaLoadedCallback = (): void => {\n setTimeout(() => {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n delete (window as any).donationFormGrecaptchaLoadedCallback;\n }, 10);\n resolve(window.grecaptcha);\n };\n\n this.lazyLoader.loadScript({\n src:\n 'https://www.google.com/recaptcha/api.js?onload=donationFormGrecaptchaLoadedCallback&render=explicit',\n });\n }),\n });\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n paypalLibrary = new PromisedSingleton<any>({\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n generator: async (): Promise<any> => {\n await this.lazyLoader.loadScript({\n src: 'https://www.paypalobjects.com/api/checkout.js',\n attributes: {\n 'data-version-4': '',\n 'log-level': 'warn',\n },\n });\n return window.paypal;\n },\n });\n\n constructor(lazyLoader: LazyLoaderServiceInterface, environment: HostingEnvironment) {\n this.lazyLoader = lazyLoader;\n this.environment = environment;\n }\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n private async loadBraintreeScript(scriptName: string): Promise<void> {\n const extension = this.environment === HostingEnvironment.Production ? 'min.js' : 'js';\n const scriptWithSuffix = `${scriptName}.${extension}`;\n const url = `https://js.braintreegateway.com/web/${this.braintreeVersion}/js/${scriptWithSuffix}`;\n await this.lazyLoader.loadScript({ src: url });\n }\n\n private braintreeVersion = '3.62.2';\n\n private environment: HostingEnvironment = HostingEnvironment.Development;\n\n private lazyLoader: LazyLoaderServiceInterface;\n}\n"]}
@@ -1,15 +1,15 @@
1
- import { LazyLoaderServiceInterface, BundleType } from '@internetarchive/lazy-loader-service';
1
+ import { LazyLoaderServiceEvents, LazyLoaderServiceInterface, BundleType } from '@internetarchive/lazy-loader-service';
2
+ import { Unsubscribe } from 'nanoevents';
2
3
  export declare class MockLazyLoader implements LazyLoaderServiceInterface {
4
+ private emitter;
5
+ on<E extends keyof LazyLoaderServiceEvents>(event: E, callback: LazyLoaderServiceEvents[E]): Unsubscribe;
3
6
  loadBundle(bundle: {
4
7
  module?: string | undefined;
5
8
  nomodule?: string | undefined;
6
- }): Promise<Event | undefined>;
9
+ }): Promise<void>;
7
10
  loadScript(options: {
8
11
  src: string;
9
12
  bundleType?: BundleType | undefined;
10
- attributes?: {
11
- key: string;
12
- value: any;
13
- }[] | undefined;
14
- }): Promise<Event>;
13
+ attributes?: Record<string, string> | undefined;
14
+ }): Promise<void>;
15
15
  }
@@ -1,13 +1,33 @@
1
1
  import { __awaiter } from "tslib";
2
+ import { createNanoEvents } from 'nanoevents';
2
3
  export class MockLazyLoader {
4
+ constructor() {
5
+ this.emitter = createNanoEvents();
6
+ // async loadBundle(bundle: {
7
+ // module?: string | undefined;
8
+ // nomodule?: string | undefined;
9
+ // }): Promise<Event | undefined> {
10
+ // return new Event('done');
11
+ // }
12
+ // async loadScript(options: {
13
+ // src: string;
14
+ // bundleType?: BundleType | undefined;
15
+ // attributes?: { key: string; value: any }[] | undefined;
16
+ // }): Promise<Event> {
17
+ // return new Event('done');
18
+ // }
19
+ }
20
+ on(event, callback) {
21
+ return this.emitter.on(event, callback);
22
+ }
3
23
  loadBundle(bundle) {
4
24
  return __awaiter(this, void 0, void 0, function* () {
5
- return new Event('done');
25
+ return;
6
26
  });
7
27
  }
8
28
  loadScript(options) {
9
29
  return __awaiter(this, void 0, void 0, function* () {
10
- return new Event('done');
30
+ return;
11
31
  });
12
32
  }
13
33
  }
@@ -1 +1 @@
1
- {"version":3,"file":"mock-lazy-loader.js","sourceRoot":"","sources":["../../../test/mocks/mock-lazy-loader.ts"],"names":[],"mappings":";AAIA,MAAM,OAAO,cAAc;IACnB,UAAU,CAAC,MAGhB;;YACC,OAAO,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC;QAC3B,CAAC;KAAA;IACK,UAAU,CAAC,OAIhB;;YACC,OAAO,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC;QAC3B,CAAC;KAAA;CACF","sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport { LazyLoaderServiceInterface, BundleType } from '@internetarchive/lazy-loader-service';\n\nexport class MockLazyLoader implements LazyLoaderServiceInterface {\n async loadBundle(bundle: {\n module?: string | undefined;\n nomodule?: string | undefined;\n }): Promise<Event | undefined> {\n return new Event('done');\n }\n async loadScript(options: {\n src: string;\n bundleType?: BundleType | undefined;\n attributes?: { key: string; value: any }[] | undefined;\n }): Promise<Event> {\n return new Event('done');\n }\n}\n"]}
1
+ {"version":3,"file":"mock-lazy-loader.js","sourceRoot":"","sources":["../../../test/mocks/mock-lazy-loader.ts"],"names":[],"mappings":";AAOA,OAAO,EAAE,gBAAgB,EAAe,MAAM,YAAY,CAAC;AAE3D,MAAM,OAAO,cAAc;IAA3B;QACU,YAAO,GAAG,gBAAgB,EAA2B,CAAC;QAuB9D,6BAA6B;QAC7B,iCAAiC;QACjC,mCAAmC;QACnC,mCAAmC;QACnC,8BAA8B;QAC9B,IAAI;QACJ,8BAA8B;QAC9B,iBAAiB;QACjB,yCAAyC;QACzC,4DAA4D;QAC5D,uBAAuB;QACvB,8BAA8B;QAC9B,IAAI;IACN,CAAC;IAlCC,EAAE,CACA,KAAQ,EACR,QAAoC;QAEpC,OAAO,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IAC1C,CAAC;IAEK,UAAU,CAAC,MAGhB;;YACC,OAAO;QACT,CAAC;KAAA;IAEK,UAAU,CAAC,OAIhB;;YACC,OAAO;QACT,CAAC;KAAA;CAcF","sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport {\n LazyLoaderServiceEvents,\n LazyLoaderServiceInterface,\n BundleType,\n} from '@internetarchive/lazy-loader-service';\nimport { createNanoEvents, Unsubscribe } from 'nanoevents';\n\nexport class MockLazyLoader implements LazyLoaderServiceInterface {\n private emitter = createNanoEvents<LazyLoaderServiceEvents>();\n\n on<E extends keyof LazyLoaderServiceEvents>(\n event: E,\n callback: LazyLoaderServiceEvents[E],\n ): Unsubscribe {\n return this.emitter.on(event, callback);\n }\n\n async loadBundle(bundle: {\n module?: string | undefined;\n nomodule?: string | undefined;\n }): Promise<void> {\n return;\n }\n\n async loadScript(options: {\n src: string;\n bundleType?: BundleType | undefined;\n attributes?: Record<string, string> | undefined;\n }): Promise<void> {\n return;\n }\n // async loadBundle(bundle: {\n // module?: string | undefined;\n // nomodule?: string | undefined;\n // }): Promise<Event | undefined> {\n // return new Event('done');\n // }\n // async loadScript(options: {\n // src: string;\n // bundleType?: BundleType | undefined;\n // attributes?: { key: string; value: any }[] | undefined;\n // }): Promise<Event> {\n // return new Event('done');\n // }\n}\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@internetarchive/donation-form",
3
- "version": "0.5.7",
3
+ "version": "0.5.8-alpha.1",
4
4
  "description": "The Internet Archive Donation Form",
5
5
  "license": "AGPL-3.0-only",
6
6
  "main": "dist/index.js",
@@ -42,7 +42,7 @@
42
42
  "@internetarchive/icon-paypal": "^1.3.2",
43
43
  "@internetarchive/icon-user": "^1.3.2",
44
44
  "@internetarchive/icon-venmo": "^1.3.2",
45
- "@internetarchive/lazy-loader-service": "^0.1.0",
45
+ "@internetarchive/lazy-loader-service": "0.2.0-alpha.1",
46
46
  "@internetarchive/modal-manager": "^0.2.1",
47
47
  "@internetarchive/promised-singleton": "^0.2.1",
48
48
  "currency.js": "^2.0.2",
@@ -118,10 +118,10 @@ export class PaymentClients implements PaymentClientsInterface {
118
118
  generator: async (): Promise<any> => {
119
119
  await this.lazyLoader.loadScript({
120
120
  src: 'https://www.paypalobjects.com/api/checkout.js',
121
- attributes: [
122
- { key: 'data-version-4', value: '' },
123
- { key: 'log-level', value: 'warn' },
124
- ],
121
+ attributes: {
122
+ 'data-version-4': '',
123
+ 'log-level': 'warn',
124
+ },
125
125
  });
126
126
  return window.paypal;
127
127
  },
@@ -133,11 +133,11 @@ export class PaymentClients implements PaymentClientsInterface {
133
133
  }
134
134
 
135
135
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
136
- private async loadBraintreeScript(scriptName: string): Promise<any> {
136
+ private async loadBraintreeScript(scriptName: string): Promise<void> {
137
137
  const extension = this.environment === HostingEnvironment.Production ? 'min.js' : 'js';
138
138
  const scriptWithSuffix = `${scriptName}.${extension}`;
139
139
  const url = `https://js.braintreegateway.com/web/${this.braintreeVersion}/js/${scriptWithSuffix}`;
140
- return this.lazyLoader.loadScript({ src: url });
140
+ await this.lazyLoader.loadScript({ src: url });
141
141
  }
142
142
 
143
143
  private braintreeVersion = '3.62.2';