@fat-zebra/sdk 2.0.1-beta.3 → 2.0.1-beta.5
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/dist/main.d.ts +3 -0
- package/dist/main.js +85 -8
- package/dist/sca/index.js +1 -0
- package/dist/three_d_secure/index.js +1 -0
- package/package.json +1 -1
package/dist/main.d.ts
CHANGED
|
@@ -40,6 +40,9 @@ export default class FatZebra {
|
|
|
40
40
|
renderPaymentsPage(params: HppLoadParams): Promise<void>;
|
|
41
41
|
renderApplePayButton(params: ApplePayParams): void;
|
|
42
42
|
renderClickToPay(params: HppClickToPayParams): void;
|
|
43
|
+
reportThreeDSecureFetchedOnInit(data: any): void;
|
|
44
|
+
reportThreeDSecureFetched(data: any, paymentIntent?: PaymentIntent): void;
|
|
45
|
+
reportRequestThreedsEnabledTimeout(paymentIntent?: PaymentIntent): void;
|
|
43
46
|
checkout(): void;
|
|
44
47
|
on(event: PublicEvent, callback: (e: any) => void): void;
|
|
45
48
|
off(event: PublicEvent, callback: (e: any) => void): void;
|
package/dist/main.js
CHANGED
|
@@ -91,9 +91,9 @@ export default class FatZebra {
|
|
|
91
91
|
};
|
|
92
92
|
postMessageClient.setEventListeners(handlers);
|
|
93
93
|
}
|
|
94
|
-
requestThreeDSEnabled() {
|
|
94
|
+
requestThreeDSEnabled(paymentIntent) {
|
|
95
|
+
console.log('requestThreeDSEnabled');
|
|
95
96
|
return new Promise((resolve) => {
|
|
96
|
-
var _a;
|
|
97
97
|
const channel = 'sca';
|
|
98
98
|
const postMessageClient = new PostMessageClient({
|
|
99
99
|
channel,
|
|
@@ -103,9 +103,10 @@ export default class FatZebra {
|
|
|
103
103
|
postMessageClient.setEventListeners({
|
|
104
104
|
[BridgeEvent.THREE_D_SECURE_ENABLED]: (data) => {
|
|
105
105
|
const enabled = typeof data === 'boolean' ? data : false;
|
|
106
|
-
this.threeDSEnabled = enabled;
|
|
107
106
|
if (!resolved) {
|
|
107
|
+
this.reportThreeDSecureFetched(data, paymentIntent);
|
|
108
108
|
resolved = true;
|
|
109
|
+
this.threeDSEnabled = enabled;
|
|
109
110
|
resolve(enabled);
|
|
110
111
|
}
|
|
111
112
|
},
|
|
@@ -118,10 +119,12 @@ export default class FatZebra {
|
|
|
118
119
|
access_token: window.localStorage.getItem(LocalStorageAccessTokenKey),
|
|
119
120
|
},
|
|
120
121
|
};
|
|
121
|
-
|
|
122
|
+
postMessageClient.send(message);
|
|
122
123
|
window.setTimeout(() => {
|
|
123
124
|
if (!resolved) {
|
|
125
|
+
this.reportRequestThreedsEnabledTimeout(paymentIntent);
|
|
124
126
|
resolved = true;
|
|
127
|
+
this.threeDSEnabled = false;
|
|
125
128
|
resolve(false);
|
|
126
129
|
}
|
|
127
130
|
}, 5000);
|
|
@@ -138,9 +141,10 @@ export default class FatZebra {
|
|
|
138
141
|
});
|
|
139
142
|
return;
|
|
140
143
|
}
|
|
141
|
-
const threeDSEnabled = yield this.requestThreeDSEnabled();
|
|
144
|
+
const threeDSEnabled = yield this.requestThreeDSEnabled(params.paymentIntent);
|
|
142
145
|
switch (params.paymentMethod.type) {
|
|
143
146
|
case PaymentMethodType.CARD: {
|
|
147
|
+
console.log('Verify card (new card)');
|
|
144
148
|
const card = params.paymentMethod.data;
|
|
145
149
|
this.cardDidTokenize((data) => __awaiter(this, void 0, void 0, function* () {
|
|
146
150
|
var _a, _b;
|
|
@@ -169,6 +173,7 @@ export default class FatZebra {
|
|
|
169
173
|
break;
|
|
170
174
|
}
|
|
171
175
|
case PaymentMethodType.CARD_ON_FILE: {
|
|
176
|
+
console.log('Verify card (card on file)');
|
|
172
177
|
const cardToken = params.paymentMethod.data.token;
|
|
173
178
|
if (threeDSEnabled) {
|
|
174
179
|
this.threeDSecure.run({
|
|
@@ -198,7 +203,7 @@ export default class FatZebra {
|
|
|
198
203
|
});
|
|
199
204
|
}
|
|
200
205
|
setThreeDSecureListeners() {
|
|
201
|
-
|
|
206
|
+
console.log('setThreeDSecureListeners');
|
|
202
207
|
if (this.threeDSecureListenersBound)
|
|
203
208
|
return;
|
|
204
209
|
this.threeDSecureListenersBound = true;
|
|
@@ -209,6 +214,7 @@ export default class FatZebra {
|
|
|
209
214
|
});
|
|
210
215
|
const handlers = this.threeDSecure.messageHandlers();
|
|
211
216
|
handlers[BridgeEvent.THREE_D_SECURE_ENABLED] = (data) => {
|
|
217
|
+
this.reportThreeDSecureFetchedOnInit(data);
|
|
212
218
|
this.threeDSEnabled = typeof data === 'boolean' ? data : false;
|
|
213
219
|
};
|
|
214
220
|
postMessageClient.setEventListeners(handlers);
|
|
@@ -220,11 +226,12 @@ export default class FatZebra {
|
|
|
220
226
|
access_token: window.localStorage.getItem(LocalStorageAccessTokenKey),
|
|
221
227
|
},
|
|
222
228
|
};
|
|
223
|
-
|
|
229
|
+
postMessageClient.send(message);
|
|
224
230
|
}
|
|
225
231
|
renderPaymentsPage(params) {
|
|
226
232
|
return __awaiter(this, void 0, void 0, function* () {
|
|
227
233
|
var _a;
|
|
234
|
+
console.log('renderPaymentsPage');
|
|
228
235
|
const valid = validateHppLoadParams(params);
|
|
229
236
|
if (!valid) {
|
|
230
237
|
emit(PublicEvent.VALIDATION_ERROR, {
|
|
@@ -233,7 +240,7 @@ export default class FatZebra {
|
|
|
233
240
|
});
|
|
234
241
|
return;
|
|
235
242
|
}
|
|
236
|
-
yield this.requestThreeDSEnabled();
|
|
243
|
+
yield this.requestThreeDSEnabled(params.paymentIntent);
|
|
237
244
|
if ((_a = window.HPP) === null || _a === void 0 ? void 0 : _a.destroy) {
|
|
238
245
|
window.HPP.destroy();
|
|
239
246
|
}
|
|
@@ -286,6 +293,15 @@ export default class FatZebra {
|
|
|
286
293
|
});
|
|
287
294
|
window.HPP.load(params);
|
|
288
295
|
}
|
|
296
|
+
reportThreeDSecureFetchedOnInit(data) {
|
|
297
|
+
console.log("three_d_secure fetched on init", data);
|
|
298
|
+
}
|
|
299
|
+
reportThreeDSecureFetched(data, paymentIntent) {
|
|
300
|
+
console.log("three_d_secure fetched", data);
|
|
301
|
+
}
|
|
302
|
+
reportRequestThreedsEnabledTimeout(paymentIntent) {
|
|
303
|
+
console.log("3DS enabled check timed out");
|
|
304
|
+
}
|
|
289
305
|
checkout() {
|
|
290
306
|
window.HPP.purchase();
|
|
291
307
|
}
|
|
@@ -299,6 +315,18 @@ export default class FatZebra {
|
|
|
299
315
|
onOnce(event, callback);
|
|
300
316
|
}
|
|
301
317
|
}
|
|
318
|
+
__decorate([
|
|
319
|
+
logMethod({
|
|
320
|
+
mapArgs: (args) => {
|
|
321
|
+
const params = args[0];
|
|
322
|
+
return [
|
|
323
|
+
{
|
|
324
|
+
payment_intent: params === null || params === void 0 ? void 0 : params.paymentIntent
|
|
325
|
+
},
|
|
326
|
+
];
|
|
327
|
+
},
|
|
328
|
+
})
|
|
329
|
+
], FatZebra.prototype, "requestThreeDSEnabled", null);
|
|
302
330
|
__decorate([
|
|
303
331
|
logMethod({
|
|
304
332
|
mapArgs: (args) => {
|
|
@@ -314,4 +342,53 @@ __decorate([
|
|
|
314
342
|
},
|
|
315
343
|
})
|
|
316
344
|
], FatZebra.prototype, "verifyCard", null);
|
|
345
|
+
__decorate([
|
|
346
|
+
logMethod({
|
|
347
|
+
mapArgs: (args) => {
|
|
348
|
+
const params = args[0];
|
|
349
|
+
return [
|
|
350
|
+
{
|
|
351
|
+
payment_intent: params.paymentIntent,
|
|
352
|
+
version: params.version
|
|
353
|
+
},
|
|
354
|
+
];
|
|
355
|
+
},
|
|
356
|
+
})
|
|
357
|
+
], FatZebra.prototype, "renderPaymentsPage", null);
|
|
358
|
+
__decorate([
|
|
359
|
+
logMethod({
|
|
360
|
+
mapArgs: (args) => {
|
|
361
|
+
const data = args[0];
|
|
362
|
+
return [
|
|
363
|
+
{
|
|
364
|
+
data
|
|
365
|
+
},
|
|
366
|
+
];
|
|
367
|
+
},
|
|
368
|
+
})
|
|
369
|
+
], FatZebra.prototype, "reportThreeDSecureFetchedOnInit", null);
|
|
370
|
+
__decorate([
|
|
371
|
+
logMethod({
|
|
372
|
+
mapArgs: (args) => {
|
|
373
|
+
const data = args[0];
|
|
374
|
+
return [
|
|
375
|
+
{
|
|
376
|
+
data
|
|
377
|
+
},
|
|
378
|
+
];
|
|
379
|
+
},
|
|
380
|
+
})
|
|
381
|
+
], FatZebra.prototype, "reportThreeDSecureFetched", null);
|
|
382
|
+
__decorate([
|
|
383
|
+
logMethod({
|
|
384
|
+
mapArgs: (args) => {
|
|
385
|
+
const data = args[0];
|
|
386
|
+
return [
|
|
387
|
+
{
|
|
388
|
+
data
|
|
389
|
+
},
|
|
390
|
+
];
|
|
391
|
+
},
|
|
392
|
+
})
|
|
393
|
+
], FatZebra.prototype, "reportRequestThreedsEnabledTimeout", null);
|
|
317
394
|
export { FatZebra, };
|
package/dist/sca/index.js
CHANGED
|
@@ -28,6 +28,7 @@ class ThreeDSecure {
|
|
|
28
28
|
this.listenDeviceCollectionReady();
|
|
29
29
|
}
|
|
30
30
|
run({ paymentIntent, cardToken, merchantUsername, challengeWindowSize, test, tokenizeOnly, iframe }) {
|
|
31
|
+
console.log('Running 3DS (ThreeDSecure)');
|
|
31
32
|
this.iframe = iframe;
|
|
32
33
|
this.tokenizeOnly = tokenizeOnly;
|
|
33
34
|
this.setLoading();
|