@alipay/ams-checkout 1.11.1 → 1.12.0

package/esm/core/bus/index.d.ts

@@ -1,4 +1,4 @@
-import type { Logger } from "../../util/logger";
+import type { Logger } from '../../util/logger';
 /**
  * Bus 埋点内容定义
  */

package/esm/core/bus/interface.d.ts

@@ -4,7 +4,11 @@ export declare enum PaymentActionEnum {
 export declare enum ApplePayActionEnum {
     canMakePayments = "plugin_CARD_APPLE_PAY_available",
     createComponent = "plugin_CARD_APPLE_PAY_createComponent",
-    destoryComponent = "plugin_CARD_APPLE_PAY_destoryComponent"
+    destroyComponent = "plugin_CARD_APPLE_PAY_destroyComponent"
+}
+export declare enum PaypalActionEnum {
+    mountComponent = "plugin_Paypal_mountComponent",
+    destroyComponent = "plugin_Paypal_destroyComponent"
 }
 export declare enum SDKCallbackActionEnum {
     onEventCallback = "onEventCallback"

package/esm/core/bus/interface.js

@@ -5,9 +5,14 @@ export var PaymentActionEnum = /*#__PURE__*/function (PaymentActionEnum) {
 export var ApplePayActionEnum = /*#__PURE__*/function (ApplePayActionEnum) {
   ApplePayActionEnum["canMakePayments"] = "plugin_CARD_APPLE_PAY_available";
   ApplePayActionEnum["createComponent"] = "plugin_CARD_APPLE_PAY_createComponent";
-  ApplePayActionEnum["destoryComponent"] = "plugin_CARD_APPLE_PAY_destoryComponent";
+  ApplePayActionEnum["destroyComponent"] = "plugin_CARD_APPLE_PAY_destroyComponent";
   return ApplePayActionEnum;
 }({});
+export var PaypalActionEnum = /*#__PURE__*/function (PaypalActionEnum) {
+  PaypalActionEnum["mountComponent"] = "plugin_Paypal_mountComponent";
+  PaypalActionEnum["destroyComponent"] = "plugin_Paypal_destroyComponent";
+  return PaypalActionEnum;
+}({});
 export var SDKCallbackActionEnum = /*#__PURE__*/function (SDKCallbackActionEnum) {
   SDKCallbackActionEnum["onEventCallback"] = "onEventCallback";
   return SDKCallbackActionEnum;

package/esm/core/component/index.js

@@ -29,18 +29,19 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
  */
 import { v4 as uuid } from 'uuid';
 import { COMPONENTPLUGINID, ERRORMESSAGE, EVENT } from "../../constant";
+import { ApplePayBusSubscriber } from "../../plugin/applepay";
 import ComponentApp from "../../plugin/component";
+import { ExtendPlugin } from "../../plugin/const";
+import { PaypalBusSubscriber } from "../../plugin/paypal";
 import { componentSignEnum, environmentEnum, modeEnum, networkModeEnum, productSceneEnum, renderDisplayTypeEnum } from "../../types";
 import { getOrSetStorageId, isPC, parseBase64ToString } from "../../util";
 import { createIframeNode, createPreloadIframeNode } from "../../util/createIframeNode";
 import { getSecurityConfigStorageKey } from "../../util/security";
-import CoreInstance from "../instance/index";
 import { BusManager, BusMessage } from "../bus";
 import { SDKCallbackBusSubscriber } from "../bus/ability/callback";
-import { ApplePayBusSubscriber } from "../../plugin/applepay";
 import { SecurityBusSubscriber } from "../bus/ability/security";
 import { TrackerBusSubscriber } from "../bus/ability/tracker";
-import { ExtendPlugin } from "../../plugin/const";
+import CoreInstance from "../instance/index";
 export var getComponentSign = function getComponentSign(params) {
   var _params$paymentSessio = params.paymentSessionConfig,
     _params$paymentSessio2 = _params$paymentSessio === void 0 ? {} : _params$paymentSessio,
@@ -230,6 +231,7 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
       BusManager.subscribe(new TrackerBusSubscriber(this.logger));
       // subscribe plugin
       BusManager.subscribe(new ApplePayBusSubscriber(this.logger));
+      BusManager.subscribe(new PaypalBusSubscriber(this.logger));
 
       // register bus plugin
       ExtendPlugin.forEach(function (item) {
@@ -265,7 +267,7 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
      *  only the channel described in the document will be called, and it will be returned as available by default
      * @param paymentMethod  - described in the document
      * @param subPaymentMethod - described in the document
-     * @returns 
+     * @returns
      */
   }, {
     key: "canMakePayments",
@@ -323,6 +325,8 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
         _this4._eventCenter.emit(EVENT.error.name, error);
         return Promise.reject(error);
       }).then(function (appendParams) {
+        var iframeNodesParams = appendParams.iframeNodesParams;
+        _this4.logger.setTrackId(iframeNodesParams === null || iframeNodesParams === void 0 ? void 0 : iframeNodesParams.sessionData);
         return _this4.createComponentProcess(appendParams);
       });
     }
@@ -412,6 +416,8 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
         _this6._eventCenter.emit(EVENT.error.name, error);
         return Promise.reject(error);
       }).then(function (appendParams) {
+        var iframeNodesParams = appendParams.iframeNodesParams;
+        _this6.logger.setTrackId(iframeNodesParams === null || iframeNodesParams === void 0 ? void 0 : iframeNodesParams.sessionData);
         return _this6.mountComponentProcess(appendParams);
       });
     }

package/esm/core/instance/index.d.ts

@@ -1,8 +1,15 @@
+/**
+ * Copyright (c) 2022 International Business Group, Ant Group. All rights reserved.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), the rights to use, copy, modify, merge, and/or distribute the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ * 1. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE; and
+ * 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.
+ */
+import { ComponentActionNamesType } from 'src/plugin/type';
 import type { AMSCheckoutOptions, IAppendParams, InitSecurityConfig, IoptionsParams } from '../../types/index';
 import { EventCenter } from '../../util/index';
 import { Logger } from '../../util/logger';
 import { Security } from '../../util/security';
-import { ComponentActionNamesType } from 'src/plugin/type';
 export default class AMSSDK {
     options: AMSCheckoutOptions;
     originOptions: IoptionsParams;

package/esm/core/instance/index.js

@@ -16,6 +16,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 { v4 as uuid } from 'uuid';
 import { sdkVersion } from "../../config/index";
 import { ERRORMESSAGE, EVENT } from "../../constant";
@@ -24,8 +25,8 @@ import { environmentEnum, modeEnum, networkModeEnum, osTypeEnum, productSceneEnu
 import { checkTimeElapsed, device, EventCenter, getOrSetStorageId, getType, queryParse, safeJson } from "../../util/index";
 import CallApp from "../../util/intl-callapp/es/main";
 import { LogConfig, Logger } from "../../util/logger";
-import { compareVersion } from "../../util/versionCompare";
 import { getSecurityConfigStorageKey, getSecurityHost, getSecurityScene, Security, SecurityRegionEnum } from "../../util/security";
+import { compareVersion } from "../../util/versionCompare";
 import { BusManager, BusMessage } from "../bus";
 var AMSSDK = /*#__PURE__*/function () {
   function AMSSDK(options) {
@@ -61,9 +62,11 @@ var AMSSDK = /*#__PURE__*/function () {
       instanceId: this._instanceId
     });
     this.logger.initTracker();
+    this.logger.setComponentStartTime(Date.now());
+    this.logger.setTrackId(this._instanceId);
     this.logger.logInfo({
       title: 'NEW_AMSSDK_BY_MECHANT',
-      msg: "".concat(options === null || options === void 0 ? void 0 : options.environment, "_").concat(options === null || options === void 0 ? void 0 : options.locale, "}")
+      msg: "".concat(options === null || options === void 0 ? void 0 : options.environment, "_").concat(options === null || options === void 0 ? void 0 : options.locale)
     }).send();
     this.preInitSecurity(options);
   }
@@ -110,11 +113,13 @@ var AMSSDK = /*#__PURE__*/function () {
       this.logger.logInfo({
         title: 'sdk_event_apiOnDestroy'
       }).send();
-      var actionName = (_this$getBusActionNam = this.getBusActionNames()) === null || _this$getBusActionNam === void 0 ? void 0 : _this$getBusActionNam.destoryComponent;
+      var actionName = (_this$getBusActionNam = this.getBusActionNames()) === null || _this$getBusActionNam === void 0 ? void 0 : _this$getBusActionNam.destroyComponent;
       if (actionName && BusManager.isSubscribed(actionName)) {
+        var _this$_appendParams;
         // 执行出错了，在通用拦截器返回
         BusManager.publish(new BusMessage(actionName, JSON.stringify({
-          options: this.originOptions
+          options: this.originOptions,
+          selector: (_this$_appendParams = this._appendParams) === null || _this$_appendParams === void 0 || (_this$_appendParams = _this$_appendParams.iframeNodesParams) === null || _this$_appendParams === void 0 ? void 0 : _this$_appendParams.selector
         })));
       }
       var _iterator = _createForOfIteratorHelper(this.plugins.values()),
@@ -316,14 +321,14 @@ var AMSSDK = /*#__PURE__*/function () {
     key: "_registerPlugin",
     value: function _registerPlugin(pluginId, plugin) {
       this.plugins.set(pluginId, plugin);
-      try {
-        if (plugin.applyPlugin) {
+      if (plugin !== null && plugin !== void 0 && plugin.applyPlugin) {
+        try {
           plugin.applyPlugin(this);
+        } catch (error) {
+          this.plugins.delete(pluginId);
+          if (getType(error) === 'error') throw error;
+          throw new Error("Failed to register plug-in\uFF1A".concat(pluginId, " Exception in the apply function of the plug-in"));
         }
-      } catch (error) {
-        this.plugins.delete(pluginId);
-        if (getType(error) === 'error') throw error;
-        throw new Error("Failed to register plug-in\uFF1A".concat(pluginId, " Exception in the apply function of the plug-in"));
       }
     }
     /**
@@ -338,6 +343,7 @@ var AMSSDK = /*#__PURE__*/function () {
       }
       return this.plugins.get(pluginId);
     }
+
     /**
      * @description Execute to open app or jump link
      */

package/esm/plugin/applepay/component.d.ts

@@ -14,7 +14,7 @@ export declare enum ApplePayComponentEvent {
     sdk_event_appleOnvalidatemerchant = "sdk_event_appleOnvalidatemerchant",
     sdk_event_appleSubmitToken = "sdk_event_appleSubmitToken",
     sdk_event_applePaymentResult = "sdk_event_applePaymentResult",
-    sdk_event_appleDestoryComponent = "sdk_event_appleDestoryComponent"
+    sdk_event_appleDestroyComponent = "sdk_event_appleDestroyComponent"
 }
 /**
  * Apple pay Component

package/esm/plugin/applepay/component.js

@@ -27,7 +27,7 @@ export var ApplePayComponentEvent = /*#__PURE__*/function (ApplePayComponentEven
   ApplePayComponentEvent["sdk_event_appleOnvalidatemerchant"] = "sdk_event_appleOnvalidatemerchant";
   ApplePayComponentEvent["sdk_event_appleSubmitToken"] = "sdk_event_appleSubmitToken";
   ApplePayComponentEvent["sdk_event_applePaymentResult"] = "sdk_event_applePaymentResult";
-  ApplePayComponentEvent["sdk_event_appleDestoryComponent"] = "sdk_event_appleDestoryComponent";
+  ApplePayComponentEvent["sdk_event_appleDestroyComponent"] = "sdk_event_appleDestroyComponent";
   return ApplePayComponentEvent;
 }({});
 
@@ -55,8 +55,8 @@ var ApplePayComponent = /*#__PURE__*/function () {
 
   /**
    * Is Apple Pay Enabled
-   * @param subTypeEnum 
-   * @returns 
+   * @param subTypeEnum
+   * @returns
    */
   _createClass(ApplePayComponent, [{
     key: "canMakePayments",
@@ -66,8 +66,8 @@ var ApplePayComponent = /*#__PURE__*/function () {
 
     /**
      * Is Apple Pay Enabled
-     * @param subTypeEnum 
-     * @returns 
+     * @param subTypeEnum
+     * @returns
      */
   }, {
     key: "isAppPayEnabled",

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

@@ -12,6 +12,6 @@ export declare class ApplePayBusSubscriber extends BusSubscriber {
     protected onOptionalInit(context: BusContext, message: BusMessage): void;
     protected onCanMakePayments(context: BusContext, message: BusMessage): void;
     protected onCreateComponent(context: BusContext, message: BusMessage): void;
-    protected onDestoryComponent(context: BusContext, message: BusMessage): void;
+    protected onDestroyComponent(context: BusContext, message: BusMessage): void;
     onMessage(context: BusContext, message: BusMessage): void;
 }

package/esm/plugin/applepay/index.js

@@ -80,13 +80,13 @@ export var ApplePayBusSubscriber = /*#__PURE__*/function (_BusSubscriber) {
       this.applePay.submitPay(appendParams);
     }
   }, {
-    key: "onDestoryComponent",
-    value: function onDestoryComponent(context, message) {
+    key: "onDestroyComponent",
+    value: function onDestroyComponent(context, message) {
       this.applePay = null;
-      console.log('onDestoryComponent', context, message);
+      console.log('onDestroyComponent', context, message);
       this.logger.logInfo({
         name: 'APPLE_PAY',
-        title: ApplePayComponentEvent.sdk_event_appleDestoryComponent
+        title: ApplePayComponentEvent.sdk_event_appleDestroyComponent
       }, {
         biz: 'sdk',
         type: 'funnel'
@@ -105,8 +105,8 @@ export var ApplePayBusSubscriber = /*#__PURE__*/function (_BusSubscriber) {
         case ApplePayActionEnum.createComponent:
           this.onCreateComponent(context, message);
           break;
-        case ApplePayActionEnum.destoryComponent:
-          this.onDestoryComponent(context, message);
+        case ApplePayActionEnum.destroyComponent:
+          this.onDestroyComponent(context, message);
           break;
         default:
           console.log("Unknown action: " + message.getAction());

package/esm/plugin/component/index.js

@@ -54,7 +54,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.12.0';
     this._isInitComponent = false;
     this._selector = "#".concat(COMPONENT_SECTION_ID);
     this.createIframeNode = function () {
@@ -94,7 +94,7 @@ 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({
@@ -110,9 +110,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 +131,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 +512,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 +524,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 +539,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 +564,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 +595,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 +619,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":
@@ -1376,7 +1386,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 +1415,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;
+}