@alipay/ams-checkout 1.11.1 → 1.13.0

package/esm/plugin/component/index.js

@@ -17,6 +17,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
  * 2. If applicable, the use of the Software is also subject to the terms and conditions of any non-disclosure agreement signed by you and the relevant Ant Group entity.
  */
 /* eslint-disable @typescript-eslint/no-explicit-any */
+import { sdkVersion } from "../../config";
 import { COMPONENTPLUGINID, COMPONENT_CLOSE_BLOCK_ID, COMPONENT_CONTAINER_ID, COMPONENT_RETENTION_ID, COMPONENT_SECTION_ID, ERRORMESSAGE, EVENT, LISTENER_PREFIX, LOADING_ID, LOADTIME_LIMIT, MOCKUP_ID, POPUP_LOADTIME_LOG_LIMIT, TIMEOUT_WEB_APP_HEART_BEAT, TIME_DELAY_SEND_HEART_BEAT } from "../../constant";
 import { queryPaymentInfo, submitPayInfo } from "../../service";
 import { componentSignEnum, eventCodeEnum, messageName, platformEnum, productSceneEnum, RedirectType, renderDisplayTypeEnum, targetEnum } from "../../types";
@@ -54,7 +55,7 @@ var ComponentApp = /*#__PURE__*/function () {
     _defineProperty(this, "_multipleCallbackEvents", void 0);
     _defineProperty(this, "_merchantAppointParam", void 0);
     _defineProperty(this, "_webAppHeartBeatTimeoutFn", void 0);
-    this._appVersion = '1.11.1';
+    this._appVersion = '1.13.0';
     this._isInitComponent = false;
     this._selector = "#".concat(COMPONENT_SECTION_ID);
     this.createIframeNode = function () {
@@ -94,13 +95,14 @@ var ComponentApp = /*#__PURE__*/function () {
   }, {
     key: "initLoggerMeta",
     value: function initLoggerMeta() {
-      var _this$_renderParams, _paymentSessionMetaDa, _this$_renderParams2;
+      var _this$_renderParams, _paymentSessionMetaDa, _this$_renderParams2, _this$_renderParams3;
       var paymentSessionMetaData = (_this$_renderParams = this._renderParams) === null || _this$_renderParams === void 0 ? void 0 : _this$_renderParams.paymentSessionMetaData;
       var paymentSessionConfig = paymentSessionMetaData.paymentSessionConfig;
       this.AMSSDK.logger.setMedta({
         platform: this.platform === platformEnum.desktop ? 'PC' : 'WAP',
         // PC/WAP,
-        sdkVersion: this._appVersion,
+        sdkVersion: sdkVersion,
+        webAppVersion: this._appVersion,
         instanceId: this.AMSSDK._instanceId,
         storageId: this.AMSSDK._storageId,
         // the better way to use md5 paymentSesionID
@@ -110,9 +112,9 @@ var ComponentApp = /*#__PURE__*/function () {
         productSceneVersion: paymentSessionConfig === null || paymentSessionConfig === void 0 ? void 0 : paymentSessionConfig.productSceneVersion,
         paymentMethodType: paymentSessionMetaData === null || paymentSessionMetaData === void 0 || (_paymentSessionMetaDa = paymentSessionMetaData.paymentMethodInfoView) === null || _paymentSessionMetaDa === void 0 ? void 0 : _paymentSessionMetaDa.paymentMethodType,
         paymentMethodCategoryType: paymentSessionConfig === null || paymentSessionConfig === void 0 ? void 0 : paymentSessionConfig.paymentMethodCategoryType,
-        requestSeq: (_this$_renderParams2 = this._renderParams) === null || _this$_renderParams2 === void 0 ? void 0 : _this$_renderParams2.paymentSessionData
+        requestSeq: (_this$_renderParams2 = this._renderParams) === null || _this$_renderParams2 === void 0 ? void 0 : _this$_renderParams2.paymentSessionData,
+        trackId: (_this$_renderParams3 = this._renderParams) === null || _this$_renderParams3 === void 0 ? void 0 : _this$_renderParams3.sessionData
       });
-      this.AMSSDK.logger.setComponentStartTime(Date.now());
     }
 
     /**
@@ -131,9 +133,9 @@ var ComponentApp = /*#__PURE__*/function () {
   }, {
     key: "initSecurity",
     value: function initSecurity() {
-      var _this$_renderParams3,
+      var _this$_renderParams4,
         _this = this;
-      var product = (_this$_renderParams3 = this._renderParams) === null || _this$_renderParams3 === void 0 || (_this$_renderParams3 = _this$_renderParams3.paymentSessionMetaData) === null || _this$_renderParams3 === void 0 || (_this$_renderParams3 = _this$_renderParams3.paymentSessionConfig) === null || _this$_renderParams3 === void 0 ? void 0 : _this$_renderParams3.productScene;
+      var product = (_this$_renderParams4 = this._renderParams) === null || _this$_renderParams4 === void 0 || (_this$_renderParams4 = _this$_renderParams4.paymentSessionMetaData) === null || _this$_renderParams4 === void 0 || (_this$_renderParams4 = _this$_renderParams4.paymentSessionConfig) === null || _this$_renderParams4 === void 0 ? void 0 : _this$_renderParams4.productScene;
       if (componentSignEnum.CASHIER_PAYMENT_APM === this._componentSign) return;
       if (componentSignEnum.CASHIER_PAYMENT_BANK === this._componentSign) {
         this.AMSSDK.logger.logInfo({
@@ -512,7 +514,8 @@ var ComponentApp = /*#__PURE__*/function () {
                 _this5.AMSSDK.logger.logInfo({
                   title: 'sdk_event_sdkQuery'
                 }, {
-                  paymentSessionConfig: JSON.stringify(params.paymentSessionConfig)
+                  paymentSessionConfig: JSON.stringify(params.paymentSessionConfig),
+                  requestBody: params
                 }).send();
                 queryPaymentInfo(params, {
                   env: _this5.AMSSDK.options.env.environment,
@@ -523,6 +526,12 @@ var ComponentApp = /*#__PURE__*/function () {
                     value: Date.now()
                   });
                   resolve(res);
+                  _this5.AMSSDK.logger.logInfo({
+                    title: 'sdk_event_sdkQueryEnd'
+                  }, {
+                    paymentSessionConfig: JSON.stringify(params.paymentSessionConfig),
+                    responseBody: res
+                  }).send();
                 }).catch(function (err) {
                   if ([componentSignEnum.CASHIER_PAYMENT_CARD, componentSignEnum.VAULTING_CARD, componentSignEnum.CASHIER_PAYMENT_APM].includes(_this5._componentSign)) {
                     return resolve({
@@ -532,13 +541,13 @@ var ComponentApp = /*#__PURE__*/function () {
                   _this5.dispatchToSDK(EVENT.error.name, {
                     code: ERRORMESSAGE.CREATECOMPONENT_ERROR.code
                   });
-                  reject(err);
-                }).finally(function () {
-                  _this5.AMSSDK.logger.logInfo({
-                    title: 'sdk_event_sdkQueryEnd'
+                  _this5.AMSSDK.logger.logError({
+                    title: 'sdk_event_sdkQuery_failed'
                   }, {
-                    paymentSessionConfig: JSON.stringify(params.paymentSessionConfig)
+                    paymentSessionConfig: JSON.stringify(params.paymentSessionConfig),
+                    errorReason: err
                   }).send();
+                  reject(err);
                 });
               case 49:
               case "end":
@@ -557,16 +566,16 @@ var ComponentApp = /*#__PURE__*/function () {
   }, {
     key: "createSubmitPromise",
     value: function createSubmitPromise() {
-      var _this$_renderParams4,
-        _this$_renderParams5,
+      var _this$_renderParams5,
+        _this$_renderParams6,
         _this6 = this;
       this._performanceData.push({
         key: 'sdk_submit_start',
         value: Date.now()
       });
       var params = {
-        paymentSessionData: this._renderParams && ((_this$_renderParams4 = this._renderParams) === null || _this$_renderParams4 === void 0 ? void 0 : _this$_renderParams4.sessionData) || '',
-        paymentSessionConfig: (_this$_renderParams5 = this._renderParams) === null || _this$_renderParams5 === void 0 || (_this$_renderParams5 = _this$_renderParams5.paymentSessionMetaData) === null || _this$_renderParams5 === void 0 ? void 0 : _this$_renderParams5.paymentSessionConfig
+        paymentSessionData: this._renderParams && ((_this$_renderParams5 = this._renderParams) === null || _this$_renderParams5 === void 0 ? void 0 : _this$_renderParams5.sessionData) || '',
+        paymentSessionConfig: (_this$_renderParams6 = this._renderParams) === null || _this$_renderParams6 === void 0 || (_this$_renderParams6 = _this$_renderParams6.paymentSessionMetaData) === null || _this$_renderParams6 === void 0 ? void 0 : _this$_renderParams6.paymentSessionConfig
       };
 
       // eslint-disable-next-line no-async-promise-executor
@@ -588,7 +597,8 @@ var ComponentApp = /*#__PURE__*/function () {
                 _this6.AMSSDK.logger.logInfo({
                   title: 'sdk_event_submitPay'
                 }, {
-                  paymentSessionConfig: JSON.stringify(params.paymentSessionConfig)
+                  paymentSessionConfig: JSON.stringify(params.paymentSessionConfig),
+                  requestBody: params
                 }).send();
                 _context3.t0 = submitPayInfo;
                 _context3.t1 = params;
@@ -611,21 +621,23 @@ var ComponentApp = /*#__PURE__*/function () {
                     key: 'sdk_submit_end',
                     value: Date.now()
                   });
-                  if (res !== null && res !== void 0 && res.success) {
-                    resolve(res);
-                  } else {
-                    resolve(res);
-                  }
-                }).catch(function () {
-                  resolve({
-                    success: false
-                  });
-                }).finally(function () {
                   _this6.AMSSDK.logger.logInfo({
                     title: 'sdk_event_submitPayEnd'
                   }, {
-                    paymentSessionConfig: JSON.stringify(params.paymentSessionConfig)
+                    paymentSessionConfig: JSON.stringify(params.paymentSessionConfig),
+                    responseBody: res
                   }).send();
+                  resolve(res);
+                }).catch(function (err) {
+                  _this6.AMSSDK.logger.logError({
+                    title: 'sdk_event_submitPay_failed'
+                  }, {
+                    paymentSessionConfig: JSON.stringify(params.paymentSessionConfig),
+                    responseBody: err
+                  }).send();
+                  resolve({
+                    success: false
+                  });
                 });
               case 13:
               case "end":
@@ -681,6 +693,7 @@ var ComponentApp = /*#__PURE__*/function () {
           analytics: {
             enabled: false
           },
+          productScene: componentSign,
           productSceneVersion: productSceneVersion,
           environment: this.AMSSDK.options.env.environment,
           // TODO 确定一下这个参数是干啥的
@@ -688,7 +701,8 @@ var ComponentApp = /*#__PURE__*/function () {
           extendInfo: '',
           locale: '',
           instanceId: '',
-          isPreload: 'true'
+          isPreload: 'true',
+          mid: ''
         }),
         path = _getIframeUrl.path,
         locationSearch = _getIframeUrl.locationSearch;
@@ -718,16 +732,20 @@ var ComponentApp = /*#__PURE__*/function () {
         value: Date.now()
       });
       try {
-        var _renderParams$payment, _renderParams$payment2;
+        var _renderParams$payment, _renderParams$payment2, _renderParams$payment3, _renderParams$payment4;
         var productSceneVersion = (renderParams === null || renderParams === void 0 || (_renderParams$payment = renderParams.paymentSessionMetaData) === null || _renderParams$payment === void 0 || (_renderParams$payment = _renderParams$payment.paymentSessionConfig) === null || _renderParams$payment === void 0 ? void 0 : _renderParams$payment.productSceneVersion) || '';
-        var extendInfo = (renderParams === null || renderParams === void 0 || (_renderParams$payment2 = renderParams.paymentSessionMetaData) === null || _renderParams$payment2 === void 0 ? void 0 : _renderParams$payment2.extendInfo) || '';
+        var productScene = (renderParams === null || renderParams === void 0 || (_renderParams$payment2 = renderParams.paymentSessionMetaData) === null || _renderParams$payment2 === void 0 || (_renderParams$payment2 = _renderParams$payment2.paymentSessionConfig) === null || _renderParams$payment2 === void 0 ? void 0 : _renderParams$payment2.productScene) || '';
+        var extendInfo = (renderParams === null || renderParams === void 0 || (_renderParams$payment3 = renderParams.paymentSessionMetaData) === null || _renderParams$payment3 === void 0 ? void 0 : _renderParams$payment3.extendInfo) || '';
+        var mid = renderParams === null || renderParams === void 0 || (_renderParams$payment4 = renderParams.paymentSessionMetaData) === null || _renderParams$payment4 === void 0 ? void 0 : _renderParams$payment4.clientId;
         var environment = this.AMSSDK.options.env.environment;
         this.appDomain = getAppDomain({
           environment: environment,
           appVersion: this._appVersion,
           componentSign: this._componentSign,
+          productScene: productScene,
           productSceneVersion: productSceneVersion,
-          extendInfo: extendInfo
+          extendInfo: extendInfo,
+          mid: mid
         });
         this.app = createIframe(this.AMSSDK.options.mode, this.platform);
         var hostSign = ((renderParams === null || renderParams === void 0 ? void 0 : renderParams.sessionData) || '').split('&&')[1] || '';
@@ -735,13 +753,15 @@ var ComponentApp = /*#__PURE__*/function () {
             renderDisplayType: renderParams.renderDisplayType,
             componentSign: this._componentSign,
             analytics: this.AMSSDK.options.analytics,
+            productScene: productScene,
             productSceneVersion: productSceneVersion,
             environment: environment,
             appVersion: this._appVersion,
             extendInfo: extendInfo,
             locale: this.AMSSDK.options.locale,
             instanceId: this.AMSSDK._instanceId,
-            hostSign: hostSign
+            hostSign: hostSign,
+            mid: mid
           }),
           path = _getIframeUrl2.path,
           locationSearch = _getIframeUrl2.locationSearch;
@@ -1376,7 +1396,7 @@ var ComponentApp = /*#__PURE__*/function () {
     key: "sendRenderEvent",
     value: (function () {
       var _sendRenderEvent = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8() {
-        var _this$_renderParams6, _this$_renderParams7, _this$_renderParams8, _this$_renderParams9, _this$_renderParams10, res, submitRes;
+        var _this$_renderParams7, _this$_renderParams8, _this$_renderParams9, _this$_renderParams10, _this$_renderParams11, _this$_renderParams12, _this$AMSSDK$logger, _this$_renderParams13, _this$_renderParams14, _this$_renderParams15, _this$AMSSDK, _this$_renderParams16, res, submitRes;
         return _regeneratorRuntime().wrap(function _callee8$(_context8) {
           while (1) switch (_context8.prev = _context8.next) {
             case 0:
@@ -1405,17 +1425,29 @@ var ComponentApp = /*#__PURE__*/function () {
                   data: {
                     queryResult: res,
                     submitResult: submitRes,
-                    sessionResult: (_this$_renderParams6 = this._renderParams) === null || _this$_renderParams6 === void 0 ? void 0 : _this$_renderParams6.paymentSessionMetaData,
-                    paymentSessionData: (_this$_renderParams7 = this._renderParams) === null || _this$_renderParams7 === void 0 ? void 0 : _this$_renderParams7.sessionData,
+                    sessionResult: (_this$_renderParams7 = this._renderParams) === null || _this$_renderParams7 === void 0 ? void 0 : _this$_renderParams7.paymentSessionMetaData,
+                    paymentSessionData: (_this$_renderParams8 = this._renderParams) === null || _this$_renderParams8 === void 0 ? void 0 : _this$_renderParams8.sessionData,
                     heightOfVisible: Math.max(window.changingPageHeight, window.innerHeight),
-                    renderDisplayType: (_this$_renderParams8 = this._renderParams) === null || _this$_renderParams8 === void 0 ? void 0 : _this$_renderParams8.renderDisplayType,
-                    appearance: (_this$_renderParams9 = this._renderParams) === null || _this$_renderParams9 === void 0 ? void 0 : _this$_renderParams9.appearance,
-                    notRedirectAfterComplete: ((_this$_renderParams10 = this._renderParams) === null || _this$_renderParams10 === void 0 ? void 0 : _this$_renderParams10.notRedirectAfterComplete) === true,
+                    renderDisplayType: (_this$_renderParams9 = this._renderParams) === null || _this$_renderParams9 === void 0 ? void 0 : _this$_renderParams9.renderDisplayType,
+                    appearance: (_this$_renderParams10 = this._renderParams) === null || _this$_renderParams10 === void 0 ? void 0 : _this$_renderParams10.appearance,
+                    notRedirectAfterComplete: ((_this$_renderParams11 = this._renderParams) === null || _this$_renderParams11 === void 0 ? void 0 : _this$_renderParams11.notRedirectAfterComplete) === true,
                     merchantAppointParam: this._merchantAppointParam,
                     envInfo: {
                       screenHeight: screen.height,
                       screenWidth: screen.width
-                    }
+                    },
+                    logMetaData: _objectSpread(_objectSpread({
+                      trackId: (_this$_renderParams12 = this._renderParams) === null || _this$_renderParams12 === void 0 ? void 0 : _this$_renderParams12.sessionData,
+                      platform: this.platform,
+                      firstLogTime: (_this$AMSSDK$logger = this.AMSSDK.logger) === null || _this$AMSSDK$logger === void 0 ? void 0 : _this$AMSSDK$logger.getComponentStartTime()
+                    }, ((_this$_renderParams13 = this._renderParams) === null || _this$_renderParams13 === void 0 || (_this$_renderParams13 = _this$_renderParams13.paymentSessionMetaData) === null || _this$_renderParams13 === void 0 ? void 0 : _this$_renderParams13.paymentSessionConfig) || {}), {}, {
+                      renderDisplayType: (_this$_renderParams14 = this._renderParams) === null || _this$_renderParams14 === void 0 ? void 0 : _this$_renderParams14.renderDisplayType,
+                      sdkVersion: this._appVersion,
+                      merchantId: (_this$_renderParams15 = this._renderParams) === null || _this$_renderParams15 === void 0 || (_this$_renderParams15 = _this$_renderParams15.paymentSessionMetaData) === null || _this$_renderParams15 === void 0 ? void 0 : _this$_renderParams15.clientId,
+                      instanceId: (_this$AMSSDK = this.AMSSDK) === null || _this$AMSSDK === void 0 ? void 0 : _this$AMSSDK._instanceId,
+                      performanceData: this._performanceData,
+                      paymentMethodType: (_this$_renderParams16 = this._renderParams) === null || _this$_renderParams16 === void 0 || (_this$_renderParams16 = _this$_renderParams16.paymentSessionMetaData) === null || _this$_renderParams16 === void 0 || (_this$_renderParams16 = _this$_renderParams16.paymentMethodInfoView) === null || _this$_renderParams16 === void 0 ? void 0 : _this$_renderParams16.paymentMethodType
+                    })
                   }
                 }
               }, null, true);

package/esm/plugin/const.js

@@ -1,11 +1,11 @@
-import { ApplePayActionEnum, PaymentActionEnum } from "../core/bus/interface";
-import { paymentMethodCategoryTypeEnum, productSceneEnum, ProductSceneVersion } from "../types/index";
+import { ApplePayActionEnum, PaymentActionEnum, PaypalActionEnum } from "../core/bus/interface";
+import { paymentMethodCategoryTypeEnum, PaypalMethodEnum, productSceneEnum, ProductSceneVersion } from "../types/index";
 export var ExtendPlugin = [{
   sessionMatcher: {
     productScene: productSceneEnum.CASHIER_PAYMENT,
     productSceneVersion: ProductSceneVersion.V1,
     paymentMethodCategoryType: paymentMethodCategoryTypeEnum.CARD,
-    paymentMethodTypes: ["CARD_APPLE_PAY"]
+    paymentMethodTypes: ['CARD_APPLE_PAY']
   },
   paymentChannelMatcher: {
     paymentMethod: 'ApplePay'
@@ -14,6 +14,20 @@ export var ExtendPlugin = [{
     canMakePayments: ApplePayActionEnum.canMakePayments,
     optional_init: PaymentActionEnum.optional_init,
     createComponent: ApplePayActionEnum.createComponent,
-    destoryComponent: ApplePayActionEnum.destoryComponent
+    destroyComponent: ApplePayActionEnum.destroyComponent
+  }
+}, {
+  sessionMatcher: {
+    productScene: productSceneEnum.CASHIER_PAYMENT,
+    productSceneVersion: ProductSceneVersion.V1,
+    paymentMethodCategoryType: paymentMethodCategoryTypeEnum.APM,
+    paymentMethodTypes: [PaypalMethodEnum.PAYPAL_CHECKOUT, PaypalMethodEnum.PAYPAL_PAYLATER, PaypalMethodEnum.PAYPAL_VAULT]
+  },
+  paymentChannelMatcher: {
+    paymentMethod: 'Paypal'
+  },
+  busActionNames: {
+    mountComponent: PaypalActionEnum.mountComponent,
+    destroyComponent: PaypalActionEnum.destroyComponent
   }
 }];

package/esm/plugin/paypal/index.d.ts

@@ -0,0 +1,20 @@
+import { BusContext, BusMessage, BusSubscriber } from '../../core/bus';
+import { Logger } from '../../util/logger';
+export declare class PaypalBusSubscriber extends BusSubscriber {
+    logger: Logger;
+    constructor(logger: Logger);
+    actionNames(): string[];
+    private onEventCallback;
+    protected renderPaypalButton(context: BusContext, message: BusMessage): Promise<never>;
+    private appendPaypalLoading;
+    private removePaypalLoading;
+    private preCheck;
+    private loadPaypalResource;
+    private createPaypalScript;
+    private onShippingChange;
+    private createOrder;
+    private onApprove;
+    private onCancel;
+    private destroyComponent;
+    onMessage(context: BusContext, message: BusMessage): void;
+}