@alipay/ams-checkout 0.0.1735810732-dev.0 → 0.0.1737621505-dev.2
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/umd/ams-checkout.min.js +1 -1
- package/esm/config/index.d.ts +7 -7
- package/esm/config/index.js +7 -7
- package/esm/constant/index.d.ts +9 -0
- package/esm/constant/index.js +9 -0
- package/esm/core/component/element/index.d.ts +3 -0
- package/esm/core/component/element/index.js +154 -76
- package/esm/core/component/element/mock.d.ts +2 -0
- package/esm/core/component/element/mock.js +129 -53
- package/esm/core/component/element/type.d.ts +2 -2
- package/esm/core/component/element/type.js +2 -2
- package/esm/core/component/index.js +2 -2
- package/esm/foundation/core/index.js +4 -4
- package/esm/plugin/applepay/interface.d.ts +2 -2
- package/esm/plugin/component/channel.d.ts +35 -1
- package/esm/plugin/component/channel.js +551 -0
- package/esm/plugin/component/index.d.ts +1 -1
- package/esm/plugin/component/index.js +93 -39
- package/esm/types/index.d.ts +37 -3
- package/esm/types/index.js +5 -2
- package/esm/util/index.d.ts +2 -1
- package/esm/util/index.js +16 -1
- package/esm/util/versionCompare.d.ts +1 -1
- package/package.json +1 -1
package/esm/config/index.d.ts
CHANGED
@@ -5,10 +5,10 @@ export declare const sdkVersion: string;
|
|
5
5
|
/**
|
6
6
|
* @description: 目前应用层分为v1和v2,会存在两个应用版本号不是同步发布的情况。所以需要把默认的应用版本号配置抽离出来。
|
7
7
|
*/
|
8
|
-
export declare const AMSCheckoutAppVersion = "1.
|
9
|
-
export declare const AMSAutoDebitAppVersion = "1.
|
10
|
-
export declare const AMSEasyPayAppVersion = "1.
|
11
|
-
export declare const AMSCashierPaymentAppVersion = "1.
|
12
|
-
export declare const AMSVaultingAppVersion = "1.
|
13
|
-
export declare const AMSPaymentElementAppVersion = "1.
|
14
|
-
export declare const ADDRESSElementAppVersion = "1.
|
8
|
+
export declare const AMSCheckoutAppVersion = "1.28.0";
|
9
|
+
export declare const AMSAutoDebitAppVersion = "1.28.0";
|
10
|
+
export declare const AMSEasyPayAppVersion = "1.28.0";
|
11
|
+
export declare const AMSCashierPaymentAppVersion = "1.28.0";
|
12
|
+
export declare const AMSVaultingAppVersion = "1.28.0";
|
13
|
+
export declare const AMSPaymentElementAppVersion = "1.28.0";
|
14
|
+
export declare const ADDRESSElementAppVersion = "1.28.0";
|
package/esm/config/index.js
CHANGED
@@ -35,10 +35,10 @@ export var sdkVersion = json.version;
|
|
35
35
|
/**
|
36
36
|
* @description: 目前应用层分为v1和v2,会存在两个应用版本号不是同步发布的情况。所以需要把默认的应用版本号配置抽离出来。
|
37
37
|
*/
|
38
|
-
export var AMSCheckoutAppVersion = '1.
|
39
|
-
export var AMSAutoDebitAppVersion = '1.
|
40
|
-
export var AMSEasyPayAppVersion = '1.
|
41
|
-
export var AMSCashierPaymentAppVersion = '1.
|
42
|
-
export var AMSVaultingAppVersion = '1.
|
43
|
-
export var AMSPaymentElementAppVersion = '1.
|
44
|
-
export var ADDRESSElementAppVersion = '1.
|
38
|
+
export var AMSCheckoutAppVersion = '1.28.0'; // 兜底版本号
|
39
|
+
export var AMSAutoDebitAppVersion = '1.28.0'; // 代扣
|
40
|
+
export var AMSEasyPayAppVersion = '1.28.0'; // easypay
|
41
|
+
export var AMSCashierPaymentAppVersion = '1.28.0'; // 收银台(卡、apm)
|
42
|
+
export var AMSVaultingAppVersion = '1.28.0'; // 绑卡
|
43
|
+
export var AMSPaymentElementAppVersion = '1.28.0'; // payment element
|
44
|
+
export var ADDRESSElementAppVersion = '1.28.0'; // address element
|
package/esm/constant/index.d.ts
CHANGED
@@ -198,6 +198,15 @@ export declare const EVENT: {
|
|
198
198
|
initSecuritySDK: {
|
199
199
|
name: string;
|
200
200
|
};
|
201
|
+
closePaymentPolling: {
|
202
|
+
name: string;
|
203
|
+
};
|
204
|
+
onPollingEnd: {
|
205
|
+
name: string;
|
206
|
+
};
|
207
|
+
getApplePayToken: {
|
208
|
+
name: string;
|
209
|
+
};
|
201
210
|
};
|
202
211
|
export declare const COMPONENT_CONTAINER_ID = "ams-component-container";
|
203
212
|
export declare const COMPONENT_SECTION_ID = "ams-component-section";
|
package/esm/constant/index.js
CHANGED
@@ -200,6 +200,15 @@ export var EVENT = {
|
|
200
200
|
},
|
201
201
|
initSecuritySDK: {
|
202
202
|
name: 'initSecuritySDK'
|
203
|
+
},
|
204
|
+
closePaymentPolling: {
|
205
|
+
name: 'closePaymentPolling'
|
206
|
+
},
|
207
|
+
onPollingEnd: {
|
208
|
+
name: 'onPollingEnd'
|
209
|
+
},
|
210
|
+
getApplePayToken: {
|
211
|
+
name: 'getApplePayToken'
|
203
212
|
}
|
204
213
|
};
|
205
214
|
export var COMPONENT_CONTAINER_ID = 'ams-component-container';
|
@@ -20,6 +20,7 @@ export declare class ElementComponent {
|
|
20
20
|
private iframes;
|
21
21
|
private componentsCount;
|
22
22
|
private eventCallback;
|
23
|
+
private ApplePayService;
|
23
24
|
constructor(options: IElementOptions);
|
24
25
|
private createElement;
|
25
26
|
private createIframeSrc;
|
@@ -33,6 +34,8 @@ export declare class ElementComponent {
|
|
33
34
|
private mountAuth;
|
34
35
|
private mountAddress;
|
35
36
|
private mountPayment;
|
37
|
+
private initApplePaySdk;
|
38
|
+
mountErrorHandle(): void;
|
36
39
|
mount(renderOptions: AddressMountOptions, sdkSelector: string): AddressMountResult;
|
37
40
|
mount(renderOptions: PaymentMountOptions, sdkSelector: string): PaymentMountResult;
|
38
41
|
mount(renderOptions: LinkAuthMountOptions, sdkSelector: string): LinkAuthMountResult;
|
@@ -25,8 +25,11 @@ import { ElementAddressComponent } from "./components/address";
|
|
25
25
|
import { ElementAuthComponent } from "./components/auth";
|
26
26
|
import { ElementPaymentComponent } from "./components/payment";
|
27
27
|
// import { oneAccount, sdkAction, submitResult } from './mock';
|
28
|
+
import { ApplePaySdk, isSkipRenderPaymentMethod } from "../../../plugin/component/channel";
|
28
29
|
import { v4 as uuid } from 'uuid';
|
30
|
+
import { LogConfig, Logger } from "../../../util/logger";
|
29
31
|
import { addressTheme, ELEMENT_ENVIRONMENT, ThemeType } from "./type";
|
32
|
+
var logger = new Logger(LogConfig, true);
|
30
33
|
var ElementProcessor = /*#__PURE__*/function () {
|
31
34
|
function ElementProcessor(options) {
|
32
35
|
_classCallCheck(this, ElementProcessor);
|
@@ -147,8 +150,6 @@ var ElementProcessor = /*#__PURE__*/function () {
|
|
147
150
|
return ElementProcessor;
|
148
151
|
}();
|
149
152
|
export var ElementComponent = /*#__PURE__*/function () {
|
150
|
-
// address事件回调
|
151
|
-
|
152
153
|
function ElementComponent(options) {
|
153
154
|
var _this4 = this;
|
154
155
|
_classCallCheck(this, ElementComponent);
|
@@ -189,6 +190,9 @@ export var ElementComponent = /*#__PURE__*/function () {
|
|
189
190
|
_defineProperty(this, "componentsCount", void 0);
|
190
191
|
// mount 渲染了多少个element
|
191
192
|
_defineProperty(this, "eventCallback", void 0);
|
193
|
+
// address事件回调
|
194
|
+
// apple pay
|
195
|
+
_defineProperty(this, "ApplePayService", void 0);
|
192
196
|
// 渲染地址组件
|
193
197
|
_defineProperty(this, "mountAddress", function (renderOptions, sdkSelector) {
|
194
198
|
var _renderOptions$appear, _this4$_options;
|
@@ -210,12 +214,7 @@ export var ElementComponent = /*#__PURE__*/function () {
|
|
210
214
|
elementProps: renderOptions.elementProps
|
211
215
|
}, _mountParams)).then(function (result) {
|
212
216
|
if (!result) {
|
213
|
-
|
214
|
-
(_this4$_options$onEve = (_this4$_options2 = _this4._options).onEventCallback) === null || _this4$_options$onEve === void 0 || _this4$_options$onEve.call(_this4$_options2, {
|
215
|
-
code: EventCallbackCode.Failed,
|
216
|
-
message: 'Address Component loading failed'
|
217
|
-
});
|
218
|
-
return undefined;
|
217
|
+
return _this4.mountErrorHandle();
|
219
218
|
}
|
220
219
|
_this4.eventService.addIFrame(result);
|
221
220
|
_this4.iframes[ElementPaymentMethod.ADDRESS_ELEMENT] = result;
|
@@ -228,24 +227,20 @@ export var ElementComponent = /*#__PURE__*/function () {
|
|
228
227
|
});
|
229
228
|
// 渲染卡支付组件
|
230
229
|
_defineProperty(this, "mountPayment", function (renderOptions, sdkSelector) {
|
231
|
-
var _this4$
|
230
|
+
var _this4$_options2;
|
232
231
|
var _mountParams = {
|
233
|
-
appearance: renderOptions.appearance || ((_this4$
|
232
|
+
appearance: renderOptions.appearance || ((_this4$_options2 = _this4._options) === null || _this4$_options2 === void 0 ? void 0 : _this4$_options2.appearance) || {
|
234
233
|
theme: ThemeType.Default
|
235
234
|
}
|
236
235
|
};
|
237
236
|
_this4.mountOptions[ElementPaymentMethod.PAYMENT_ELEMENT] = _mountParams;
|
237
|
+
_this4.initApplePaySdk();
|
238
238
|
_this4.paymentBase.mount(_this4._options.sessionData, _objectSpread({
|
239
239
|
selector: sdkSelector,
|
240
240
|
elementProps: renderOptions.elementProps
|
241
241
|
}, _mountParams)).then(function (result) {
|
242
242
|
if (!result) {
|
243
|
-
|
244
|
-
(_this4$_options$onEve2 = (_this4$_options4 = _this4._options).onEventCallback) === null || _this4$_options$onEve2 === void 0 || _this4$_options$onEve2.call(_this4$_options4, {
|
245
|
-
code: EventCallbackCode.Failed,
|
246
|
-
message: 'Payment Component loading failed'
|
247
|
-
});
|
248
|
-
return undefined;
|
243
|
+
return _this4.mountErrorHandle();
|
249
244
|
}
|
250
245
|
_this4.eventService.addIFrame(result);
|
251
246
|
_this4.iframes[ElementPaymentMethod.PAYMENT_ELEMENT] = result;
|
@@ -330,7 +325,9 @@ export var ElementComponent = /*#__PURE__*/function () {
|
|
330
325
|
data: {
|
331
326
|
target: target,
|
332
327
|
source: ElementPaymentMethod.CONTAINER_ELEMENT,
|
333
|
-
params: params
|
328
|
+
params: _objectSpread(_objectSpread({}, params), {}, {
|
329
|
+
sessionResult: _this4.parseData
|
330
|
+
})
|
334
331
|
}
|
335
332
|
}, function (result) {
|
336
333
|
resolve(result);
|
@@ -341,7 +338,7 @@ export var ElementComponent = /*#__PURE__*/function () {
|
|
341
338
|
_defineProperty(this, "validatePromiseFuncs", function () {
|
342
339
|
return new Promise( /*#__PURE__*/function () {
|
343
340
|
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(resolve) {
|
344
|
-
var params, _result$data, _result$data2, result, _result$data3, _result$data4, _result, _result2$data, _result2
|
341
|
+
var params, _result$data, _result$data2, result, _result$data3, _result$data4, _result, _result2$data, _result2;
|
345
342
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
346
343
|
while (1) switch (_context.prev = _context.next) {
|
347
344
|
case 0:
|
@@ -379,7 +376,7 @@ export var ElementComponent = /*#__PURE__*/function () {
|
|
379
376
|
return _context.abrupt("return", resolve(undefined));
|
380
377
|
case 17:
|
381
378
|
if (!(_this4.launchSource.includes(ElementPaymentMethod.PAYMENT_ELEMENT) || !_this4.isConnect)) {
|
382
|
-
_context.next =
|
379
|
+
_context.next = 30;
|
383
380
|
break;
|
384
381
|
}
|
385
382
|
_context.prev = 18;
|
@@ -388,29 +385,29 @@ export var ElementComponent = /*#__PURE__*/function () {
|
|
388
385
|
case 21:
|
389
386
|
_result2 = _context.sent;
|
390
387
|
console.log('element submit validate payment---------', _result2, _this4.isConnect);
|
391
|
-
params.paymentFactors =
|
392
|
-
params.paymentMethod =
|
393
|
-
if (_result2 !== null && _result2 !== void 0 && (_result2$
|
394
|
-
_context.next =
|
388
|
+
// params.paymentFactors = result.data?.data?.paymentFactors;
|
389
|
+
// params.paymentMethod = result.data?.data?.paymentMethod;
|
390
|
+
if (_result2 !== null && _result2 !== void 0 && (_result2$data = _result2.data) !== null && _result2$data !== void 0 && _result2$data.success) {
|
391
|
+
_context.next = 25;
|
395
392
|
break;
|
396
393
|
}
|
397
394
|
return _context.abrupt("return", resolve(undefined));
|
398
|
-
case
|
399
|
-
_context.next =
|
395
|
+
case 25:
|
396
|
+
_context.next = 30;
|
400
397
|
break;
|
401
|
-
case
|
402
|
-
_context.prev =
|
398
|
+
case 27:
|
399
|
+
_context.prev = 27;
|
403
400
|
_context.t0 = _context["catch"](18);
|
404
401
|
return _context.abrupt("return", resolve(undefined));
|
405
|
-
case
|
402
|
+
case 30:
|
406
403
|
// params.paymentFactors = paymentResult.data?.data.paymentFactors;
|
407
404
|
// params.paymentMethod = paymentResult.data?.data.paymentMethod;
|
408
405
|
resolve(params);
|
409
|
-
case
|
406
|
+
case 31:
|
410
407
|
case "end":
|
411
408
|
return _context.stop();
|
412
409
|
}
|
413
|
-
}, _callee, null, [[18,
|
410
|
+
}, _callee, null, [[18, 27]]);
|
414
411
|
}));
|
415
412
|
return function (_x) {
|
416
413
|
return _ref.apply(this, arguments);
|
@@ -426,6 +423,9 @@ export var ElementComponent = /*#__PURE__*/function () {
|
|
426
423
|
this.componentsCount = 0;
|
427
424
|
this.iframes = {};
|
428
425
|
this.mountOptions = {};
|
426
|
+
logger.logInfo({
|
427
|
+
title: 'a3753.b101271.c386688'
|
428
|
+
});
|
429
429
|
this.createElement();
|
430
430
|
}
|
431
431
|
|
@@ -442,10 +442,10 @@ export var ElementComponent = /*#__PURE__*/function () {
|
|
442
442
|
sessionData = _parseSessionData2[1];
|
443
443
|
this.parseData = parseData;
|
444
444
|
this.sessionData = sessionData;
|
445
|
-
this.isConnect = ((_parseData$connectFac = parseData.connectFactor) === null || _parseData$connectFac === void 0 ? void 0 : _parseData$connectFac.enableConnect) && (parseData === null || parseData === void 0 || (_parseData$paymentSes = parseData.paymentSessionConfig) === null || _parseData$paymentSes === void 0 ? void 0 : _parseData$paymentSes.productScene) === ProductSceneEnum.ELEMENT_PAYMENT;
|
445
|
+
this.isConnect = (parseData === null || parseData === void 0 || (_parseData$connectFac = parseData.connectFactor) === null || _parseData$connectFac === void 0 ? void 0 : _parseData$connectFac.enableConnect) && (parseData === null || parseData === void 0 || (_parseData$paymentSes = parseData.paymentSessionConfig) === null || _parseData$paymentSes === void 0 ? void 0 : _parseData$paymentSes.productScene) === ProductSceneEnum.ELEMENT_PAYMENT;
|
446
446
|
this.elementContainer = new AntomSDKCore();
|
447
447
|
this.elementContainer.registerProcessor(ProductSceneEnum.ELEMENT_PAYMENT, '', new ElementProcessor({
|
448
|
-
paymentSessionConfig: parseData.paymentSessionConfig,
|
448
|
+
paymentSessionConfig: parseData === null || parseData === void 0 ? void 0 : parseData.paymentSessionConfig,
|
449
449
|
sessionData: sessionData,
|
450
450
|
environment: this._options.environment,
|
451
451
|
locale: this._options.locale,
|
@@ -459,15 +459,19 @@ export var ElementComponent = /*#__PURE__*/function () {
|
|
459
459
|
if (!_this5.isConnect) return;
|
460
460
|
var bizFlowBehavior = _this5.elementContainer.getBizFlowBehavior();
|
461
461
|
if (!(bizFlowBehavior !== null && bizFlowBehavior !== void 0 && (_bizFlowBehavior$data = bizFlowBehavior.data) !== null && _bizFlowBehavior$data !== void 0 && _bizFlowBehavior$data.success)) {
|
462
|
-
var _this5$_options, _this5$_options$onEve
|
462
|
+
var _this5$_options, _this5$_options$onEve;
|
463
|
+
console.log('demo event callback----', {
|
464
|
+
code: EventCallbackCode.FAILED,
|
465
|
+
message: 'INTERNAL_FAILED'
|
466
|
+
});
|
463
467
|
_this5 === null || _this5 === void 0 || (_this5$_options = _this5._options) === null || _this5$_options === void 0 || (_this5$_options$onEve = _this5$_options.onEventCallback) === null || _this5$_options$onEve === void 0 || _this5$_options$onEve.call(_this5$_options, {
|
464
|
-
code: EventCallbackCode.
|
465
|
-
message:
|
468
|
+
code: EventCallbackCode.FAILED,
|
469
|
+
message: 'INTERNAL_FAILED'
|
466
470
|
});
|
467
471
|
} else {
|
468
|
-
var _bizFlowBehavior$
|
469
|
-
_this5.oneAccountRes = bizFlowBehavior === null || bizFlowBehavior === void 0 || (_bizFlowBehavior$
|
470
|
-
_this5.sdkActionRes = bizFlowBehavior === null || bizFlowBehavior === void 0 || (_bizFlowBehavior$
|
472
|
+
var _bizFlowBehavior$data2, _bizFlowBehavior$data3;
|
473
|
+
_this5.oneAccountRes = bizFlowBehavior === null || bizFlowBehavior === void 0 || (_bizFlowBehavior$data2 = bizFlowBehavior.data) === null || _bizFlowBehavior$data2 === void 0 ? void 0 : _bizFlowBehavior$data2.oneAccountRes;
|
474
|
+
_this5.sdkActionRes = bizFlowBehavior === null || bizFlowBehavior === void 0 || (_bizFlowBehavior$data3 = bizFlowBehavior.data) === null || _bizFlowBehavior$data3 === void 0 ? void 0 : _bizFlowBehavior$data3.sdkActionRes;
|
471
475
|
_this5.afterInit();
|
472
476
|
}
|
473
477
|
});
|
@@ -499,9 +503,14 @@ export var ElementComponent = /*#__PURE__*/function () {
|
|
499
503
|
}, this.isConnect);
|
500
504
|
} catch (error) {
|
501
505
|
var _this$_options$onEven, _this$_options;
|
506
|
+
console.log('demo event callback----', {
|
507
|
+
code: EventCallbackCode.FAILED,
|
508
|
+
message: 'INTERNAL_FAILED'
|
509
|
+
});
|
502
510
|
(_this$_options$onEven = (_this$_options = this._options).onEventCallback) === null || _this$_options$onEven === void 0 || _this$_options$onEven.call(_this$_options, {
|
503
|
-
code: EventCallbackCode.
|
504
|
-
message: '
|
511
|
+
code: EventCallbackCode.FAILED,
|
512
|
+
message: 'INTERNAL_FAILED'
|
513
|
+
// message: 'create sdk fail',
|
505
514
|
});
|
506
515
|
}
|
507
516
|
|
@@ -515,7 +524,7 @@ export var ElementComponent = /*#__PURE__*/function () {
|
|
515
524
|
value: function createIframeSrc() {
|
516
525
|
var env = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ELEMENT_ENVIRONMENT.DEV;
|
517
526
|
var version = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : PackageJson.version;
|
518
|
-
var baseUrl = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ELEMENT_ENVIRONMENT.DEV, 'http://
|
527
|
+
var baseUrl = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ELEMENT_ENVIRONMENT.DEV, 'http://page.alipay.net/page/antom-web-checkout-v2'), ELEMENT_ENVIRONMENT.TEST, 'http://page.test.alipay.net/page/antom-web-checkout-v2'), ELEMENT_ENVIRONMENT.SIT, 'http://page.test.alipay.net/page/antom-web-checkout-v2'), ELEMENT_ENVIRONMENT.PRE, 'https://pre.ac.alipay.com/page/antom-web-checkout-v2'), ELEMENT_ENVIRONMENT.SANDBOX, 'https://checkout.antom.com'), ELEMENT_ENVIRONMENT.PROD, 'https://checkout.antom.com');
|
519
528
|
var _env = (env === null || env === void 0 ? void 0 : env.toLocaleUpperCase()) || ELEMENT_ENVIRONMENT.DEV;
|
520
529
|
var payment = "".concat(baseUrl[_env], "/elements/").concat(version, "/pages/element_payment/index.html");
|
521
530
|
try {
|
@@ -562,6 +571,11 @@ export var ElementComponent = /*#__PURE__*/function () {
|
|
562
571
|
(_this6 === null || _this6 === void 0 ? void 0 : _this6.authBase) && (_this6 === null || _this6 === void 0 || (_this6$authBase = _this6.authBase) === null || _this6$authBase === void 0 ? void 0 : _this6$authBase.update(result.data.height));
|
563
572
|
}
|
564
573
|
});
|
574
|
+
this.eventService.listen(ElementPaymentEvent.SEND_MUITI_APP_EVENT_TO_SDK, function (result) {
|
575
|
+
var _this6$_options$onEve, _this6$_options;
|
576
|
+
console.log('demo event callback----', result.data);
|
577
|
+
(_this6$_options$onEve = (_this6$_options = _this6._options).onEventCallback) === null || _this6$_options$onEve === void 0 || _this6$_options$onEve.call(_this6$_options, result.data);
|
578
|
+
});
|
565
579
|
this.eventService.listen(ElementPaymentEvent.CALLBACK, function (result) {
|
566
580
|
var _this6$eventCallback;
|
567
581
|
console.log('antom sdk 组件事件回调');
|
@@ -579,6 +593,27 @@ export var ElementComponent = /*#__PURE__*/function () {
|
|
579
593
|
this.eventService.listen(ElementPaymentEvent.LOG, function (result) {
|
580
594
|
console.log('antom sdk 组件日志回调');
|
581
595
|
});
|
596
|
+
this.eventService.listen(ElementPaymentEvent.HANDLE_PAYMENT, function (result) {
|
597
|
+
if ((result === null || result === void 0 ? void 0 : result.paymentMethodType) === 'APPLEPAY') {
|
598
|
+
_this6.ApplePayService.begin().then(function (res) {
|
599
|
+
_this6.onAfterSubmitFunc(ElementPaymentMethod.PAYMENT_ELEMENT, {
|
600
|
+
submitPayData: res || {
|
601
|
+
success: false,
|
602
|
+
errorCode: "LOGIN",
|
603
|
+
errorMessage: ""
|
604
|
+
}
|
605
|
+
});
|
606
|
+
}).catch(function (e) {
|
607
|
+
_this6.onAfterSubmitFunc(ElementPaymentMethod.PAYMENT_ELEMENT, {
|
608
|
+
submitPayData: {},
|
609
|
+
errorInfo: {
|
610
|
+
hasError: true,
|
611
|
+
errorCode: e === null || e === void 0 ? void 0 : e.errorCode
|
612
|
+
}
|
613
|
+
});
|
614
|
+
});
|
615
|
+
}
|
616
|
+
});
|
582
617
|
}
|
583
618
|
|
584
619
|
// launch消息处理
|
@@ -640,7 +675,7 @@ export var ElementComponent = /*#__PURE__*/function () {
|
|
640
675
|
params.queryResult = _this7.sdkActionRes;
|
641
676
|
}
|
642
677
|
_this7.eventService.emitAndListen({
|
643
|
-
event: ElementPaymentEvent.
|
678
|
+
event: ElementPaymentEvent.RENDER_COMPONENT,
|
644
679
|
data: {
|
645
680
|
target: target,
|
646
681
|
source: ElementPaymentMethod.CONTAINER_ELEMENT,
|
@@ -658,6 +693,7 @@ export var ElementComponent = /*#__PURE__*/function () {
|
|
658
693
|
this.eventService.unlisten(ElementPaymentEvent.CAPTURE_ASSET);
|
659
694
|
this.eventService.unlisten(ElementPaymentEvent.LAUNCH);
|
660
695
|
this.eventService.unlisten(ElementPaymentEvent.SIZE_CHANGE);
|
696
|
+
this.eventService.unlisten(ElementPaymentEvent.HANDLE_PAYMENT);
|
661
697
|
}
|
662
698
|
|
663
699
|
// 注册组件事件监听
|
@@ -689,31 +725,85 @@ export var ElementComponent = /*#__PURE__*/function () {
|
|
689
725
|
url: url
|
690
726
|
}).then(function (result) {
|
691
727
|
if (!result) {
|
692
|
-
|
693
|
-
(_this8$_options$onEve = (_this8$_options = _this8._options).onEventCallback) === null || _this8$_options$onEve === void 0 || _this8$_options$onEve.call(_this8$_options, {
|
694
|
-
code: EventCallbackCode.Failed,
|
695
|
-
message: 'Auth Component loading failed'
|
696
|
-
});
|
697
|
-
return undefined;
|
728
|
+
return _this8.mountErrorHandle();
|
698
729
|
}
|
699
730
|
_this8.eventService.addIFrame(result);
|
700
731
|
_this8.iframes[ElementPaymentMethod.AUTH_ELEMENT] = result;
|
701
732
|
});
|
702
733
|
return {};
|
703
734
|
}
|
735
|
+
}, {
|
736
|
+
key: "initApplePaySdk",
|
737
|
+
value: function () {
|
738
|
+
var _initApplePaySdk = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
|
739
|
+
return _regeneratorRuntime().wrap(function _callee2$(_context2) {
|
740
|
+
while (1) switch (_context2.prev = _context2.next) {
|
741
|
+
case 0:
|
742
|
+
if (!isSkipRenderPaymentMethod(this.parseData)) {
|
743
|
+
_context2.next = 12;
|
744
|
+
break;
|
745
|
+
}
|
746
|
+
this.ApplePayService = new ApplePaySdk({
|
747
|
+
paymentSessionData: this.sessionData,
|
748
|
+
parseData: this.parseData,
|
749
|
+
logger: logger
|
750
|
+
});
|
751
|
+
_context2.prev = 2;
|
752
|
+
logger.logInfo({
|
753
|
+
title: 'a3753.b107385.c398110'
|
754
|
+
});
|
755
|
+
_context2.next = 6;
|
756
|
+
return this.ApplePayService.initApplePaySession();
|
757
|
+
case 6:
|
758
|
+
logger.logInfo({
|
759
|
+
title: 'a3753.b107385.c398112'
|
760
|
+
});
|
761
|
+
_context2.next = 12;
|
762
|
+
break;
|
763
|
+
case 9:
|
764
|
+
_context2.prev = 9;
|
765
|
+
_context2.t0 = _context2["catch"](2);
|
766
|
+
logger.logError({
|
767
|
+
title: 'a3753.b107385.c398111'
|
768
|
+
});
|
769
|
+
case 12:
|
770
|
+
case "end":
|
771
|
+
return _context2.stop();
|
772
|
+
}
|
773
|
+
}, _callee2, this, [[2, 9]]);
|
774
|
+
}));
|
775
|
+
function initApplePaySdk() {
|
776
|
+
return _initApplePaySdk.apply(this, arguments);
|
777
|
+
}
|
778
|
+
return initApplePaySdk;
|
779
|
+
}()
|
780
|
+
}, {
|
781
|
+
key: "mountErrorHandle",
|
782
|
+
value: function mountErrorHandle() {
|
783
|
+
var _this$_options$onEven2, _this$_options3;
|
784
|
+
console.log('demo event callback----', {
|
785
|
+
code: EventCallbackCode.FAILED,
|
786
|
+
message: 'INTERNAL_FAILED'
|
787
|
+
});
|
788
|
+
(_this$_options$onEven2 = (_this$_options3 = this._options).onEventCallback) === null || _this$_options$onEven2 === void 0 || _this$_options$onEven2.call(_this$_options3, {
|
789
|
+
code: EventCallbackCode.FAILED,
|
790
|
+
message: 'INTERNAL_FAILED'
|
791
|
+
});
|
792
|
+
logger.logError({
|
793
|
+
title: 'a3753.b101271.c386691'
|
794
|
+
});
|
795
|
+
}
|
704
796
|
}, {
|
705
797
|
key: "mount",
|
706
798
|
value: function mount(renderOptions, sdkSelector) {
|
799
|
+
logger.logInfo({
|
800
|
+
title: 'a3753.b101271.c386690'
|
801
|
+
});
|
707
802
|
if (typeof sdkSelector === 'string') {
|
708
803
|
var _this$_options$loadin4, _renderOptions$debugP, _renderOptions$debugP2;
|
709
804
|
var element = document.querySelector(sdkSelector);
|
710
805
|
if (!element) {
|
711
|
-
|
712
|
-
(_this$_options$onEven2 = (_this$_options3 = this._options).onEventCallback) === null || _this$_options$onEven2 === void 0 || _this$_options$onEven2.call(_this$_options3, {
|
713
|
-
code: EventCallbackCode.Failed,
|
714
|
-
message: 'Unable to obtain selector'
|
715
|
-
});
|
716
|
-
return undefined;
|
806
|
+
return this.mountErrorHandle();
|
717
807
|
}
|
718
808
|
this.componentsCount = this.componentsCount + 1;
|
719
809
|
if (!this.loading && (_this$_options$loadin4 = this._options.loading) !== null && _this$_options$loadin4 !== void 0 && _this$_options$loadin4.onStartLoading && this.isConnect) {
|
@@ -735,11 +825,7 @@ export var ElementComponent = /*#__PURE__*/function () {
|
|
735
825
|
return this.mountPayment(renderOptions, sdkSelector);
|
736
826
|
}
|
737
827
|
} else {
|
738
|
-
this.
|
739
|
-
code: EventCallbackCode.Failed,
|
740
|
-
message: 'Invalid argument for mount method'
|
741
|
-
});
|
742
|
-
return undefined;
|
828
|
+
return this.mountErrorHandle();
|
743
829
|
}
|
744
830
|
}
|
745
831
|
|
@@ -775,37 +861,29 @@ export var ElementComponent = /*#__PURE__*/function () {
|
|
775
861
|
key: "submitPayment",
|
776
862
|
value: // 暴露出去的submit方法
|
777
863
|
function () {
|
778
|
-
var _submitPayment = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function
|
864
|
+
var _submitPayment = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
|
779
865
|
var _this$_options$loadin7, _this$_options$loadin10;
|
780
|
-
var _this$_options$loadin8, _this$_options$loadin9,
|
781
|
-
return _regeneratorRuntime().wrap(function
|
782
|
-
while (1) switch (
|
866
|
+
var _this$_options$loadin8, _this$_options$loadin9, _this$_options$loadin11, _this$_options$loadin12;
|
867
|
+
return _regeneratorRuntime().wrap(function _callee3$(_context3) {
|
868
|
+
while (1) switch (_context3.prev = _context3.next) {
|
783
869
|
case 0:
|
784
870
|
// this.onAfterSubmitFunc(ElementPaymentMethod.PAYMENT_ELEMENT, submitResult);
|
785
871
|
// return
|
786
872
|
if ((_this$_options$loadin7 = this._options.loading) !== null && _this$_options$loadin7 !== void 0 && _this$_options$loadin7.onStartLoading) {
|
787
873
|
(_this$_options$loadin8 = this._options.loading) === null || _this$_options$loadin8 === void 0 || (_this$_options$loadin9 = _this$_options$loadin8.onStartLoading) === null || _this$_options$loadin9 === void 0 || _this$_options$loadin9.call(_this$_options$loadin8);
|
788
874
|
}
|
789
|
-
|
875
|
+
_context3.next = 3;
|
790
876
|
return this.validatePromiseFuncs();
|
791
877
|
case 3:
|
792
|
-
validateRes = _context2.sent;
|
793
|
-
if (!validateRes) {
|
794
|
-
_context2.next = 7;
|
795
|
-
break;
|
796
|
-
}
|
797
|
-
_context2.next = 7;
|
798
|
-
return this.onSubmit(validateRes);
|
799
|
-
case 7:
|
800
878
|
if ((_this$_options$loadin10 = this._options.loading) !== null && _this$_options$loadin10 !== void 0 && _this$_options$loadin10.onEndLoading) {
|
801
879
|
(_this$_options$loadin11 = this._options.loading) === null || _this$_options$loadin11 === void 0 || (_this$_options$loadin12 = _this$_options$loadin11.onEndLoading) === null || _this$_options$loadin12 === void 0 || _this$_options$loadin12.call(_this$_options$loadin11);
|
802
880
|
}
|
803
|
-
return
|
804
|
-
case
|
881
|
+
return _context3.abrupt("return");
|
882
|
+
case 5:
|
805
883
|
case "end":
|
806
|
-
return
|
884
|
+
return _context3.stop();
|
807
885
|
}
|
808
|
-
},
|
886
|
+
}, _callee3, this);
|
809
887
|
}));
|
810
888
|
function submitPayment() {
|
811
889
|
return _submitPayment.apply(this, arguments);
|