@alipay/ams-checkout 1.26.0 → 1.28.0

package/esm/plugin/component/index.js

@@ -21,14 +21,14 @@ import { v4 as uuid } from 'uuid';
 import { sdkVersion } from "../../config";
 import { COMPONENTPLUGINID, COMPONENT_CLOSE_BLOCK_ID, COMPONENT_CLOSE_MASK_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, DisplayTypeEnum, TargetEnum } from "../../types";
+import { ComponentSignEnum, DisplayTypeEnum, eventCodeEnum, MessageName, PlatformEnum, ProductSceneEnum, RedirectType, TargetEnum } from "../../types";
 import { getType, isJsonString, isPC } from "../../util";
+import { getBackScheme } from "../../util/getBackScheme";
 import { isLocalMock } from "../../util/mock";
 import { matchVersion } from "../../util/versionCompare";
-import { getBackScheme } from "../../util/getBackScheme";
 import { handlePaymentSessionConfig } from "../payment-element/utils";
 import { createIframe, createPreloadIframe, getAppDomain, getIframeUrl } from "./cashierApp";
-import { getChannelBehavior, handleGooglePay } from "./channel";
+import { ApplePayService, getChannelBehavior, handleGooglePay } from "./channel";
 import { addInlineLoading, createInlineBaseElement } from "./component.inline.style";
 import { addPopupLoading, createBaseElement, createMockup, createRetentionPopup, handleDeclareInfo as _handleDeclareInfo, hideRetentionPopup, removeRetentionPopup as _removeRetentionPopup, slideInAndOutKeyframes } from "./component.popup.style";
 import { createModal, destroyModal, insertStyleSheet, removePopupLoading } from "./popupWindow.style";
@@ -260,6 +260,7 @@ var ComponentApp = /*#__PURE__*/function () {
         _this$_renderParams6,
         _this$_renderParams7,
         _this$_renderParams8,
+        _this$_renderParams11,
         _this3 = this;
       if (this._isInitComponent) {
         this.dispatchToSDK(EVENT.error.name, ERRORMESSAGE.CREATECOMPONENT_ERROR.SINGLETON_COMPONENT_ERROR);
@@ -365,6 +366,12 @@ var ComponentApp = /*#__PURE__*/function () {
         this.renderPopupLoading(renderParams);
       }
       this.createApp(renderParams);
+      if ((_this$_renderParams11 = this._renderParams) !== null && _this$_renderParams11 !== void 0 && (_this$_renderParams11 = _this$_renderParams11.paymentSessionMetaData) !== null && _this$_renderParams11 !== void 0 && (_this$_renderParams11 = _this$_renderParams11.connectFactor) !== null && _this$_renderParams11 !== void 0 && _this$_renderParams11.enableConnect) {
+        this._createLoadAppPromise();
+        return this.createIframeNode(this, insertedNode, this._renderDisplayType).then(function () {
+          return Promise.resolve();
+        });
+      }
       return Promise.all([this.createActionQueryPromise(), this.createSubmitPromise(), this.createIframeNode(this, insertedNode, this._renderDisplayType), this._createLoadAppPromise()]).then(function () {
         return Promise.resolve();
       }).catch(function (error) {
@@ -400,7 +407,7 @@ var ComponentApp = /*#__PURE__*/function () {
   }, {
     key: "renderInlineLoading",
     value: function renderInlineLoading(renderParams, selector) {
-      var _renderParams$appeara, _this$_renderParams11;
+      var _renderParams$appeara, _this$_renderParams12;
       var showLoading = renderParams === null || renderParams === void 0 || (_renderParams$appeara = renderParams.appearance) === null || _renderParams$appeara === void 0 ? void 0 : _renderParams$appeara.showLoading;
       showLoading = typeof showLoading === 'boolean' ? showLoading : true;
       var extendInfo = renderParams.paymentSessionMetaData.extendInfo;
@@ -413,7 +420,7 @@ var ComponentApp = /*#__PURE__*/function () {
       }
       if (showLoading) addInlineLoading(selector, this.platform, {
         componentSign: this._componentSign,
-        type: (_this$_renderParams11 = this._renderParams) === null || _this$_renderParams11 === void 0 || (_this$_renderParams11 = _this$_renderParams11.appearance) === null || _this$_renderParams11 === void 0 || (_this$_renderParams11 = _this$_renderParams11.layout) === null || _this$_renderParams11 === void 0 ? void 0 : _this$_renderParams11.type,
+        type: (_this$_renderParams12 = this._renderParams) === null || _this$_renderParams12 === void 0 || (_this$_renderParams12 = _this$_renderParams12.appearance) === null || _this$_renderParams12 === void 0 || (_this$_renderParams12 = _this$_renderParams12.layout) === null || _this$_renderParams12 === void 0 ? void 0 : _this$_renderParams12.type,
         isExpressCheckout: isExpressCheckout
       });
     }
@@ -690,19 +697,19 @@ var ComponentApp = /*#__PURE__*/function () {
   }, {
     key: "createSubmitPromise",
     value: function createSubmitPromise() {
-      var _this$_renderParams12,
-        _this$_renderParams13,
+      var _this$_renderParams13,
         _this$_renderParams14,
+        _this$_renderParams15,
         _this6 = this;
       this._performanceData.push({
         key: 'sdk_submit_start',
         value: Date.now()
       });
       var params = {
-        paymentSessionData: this._renderParams && ((_this$_renderParams12 = this._renderParams) === null || _this$_renderParams12 === void 0 ? void 0 : _this$_renderParams12.sessionData) || '',
-        paymentSessionConfig: (_this$_renderParams13 = this._renderParams) === null || _this$_renderParams13 === void 0 || (_this$_renderParams13 = _this$_renderParams13.paymentSessionMetaData) === null || _this$_renderParams13 === void 0 ? void 0 : _this$_renderParams13.paymentSessionConfig
+        paymentSessionData: this._renderParams && ((_this$_renderParams13 = this._renderParams) === null || _this$_renderParams13 === void 0 ? void 0 : _this$_renderParams13.sessionData) || '',
+        paymentSessionConfig: (_this$_renderParams14 = this._renderParams) === null || _this$_renderParams14 === void 0 || (_this$_renderParams14 = _this$_renderParams14.paymentSessionMetaData) === null || _this$_renderParams14 === void 0 ? void 0 : _this$_renderParams14.paymentSessionConfig
       };
-      var channelBehavior = getChannelBehavior((_this$_renderParams14 = this._renderParams) === null || _this$_renderParams14 === void 0 ? void 0 : _this$_renderParams14.paymentSessionMetaData);
+      var channelBehavior = getChannelBehavior((_this$_renderParams15 = this._renderParams) === null || _this$_renderParams15 === void 0 ? void 0 : _this$_renderParams15.paymentSessionMetaData);
       // eslint-disable-next-line no-async-promise-executor
       this._actionSubmitPromise = new Promise( /*#__PURE__*/function () {
         var _ref9 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(resolve) {
@@ -1168,7 +1175,8 @@ var ComponentApp = /*#__PURE__*/function () {
     key: "_handleAppMessage",
     value: function _handleAppMessage(data) {
       var _data$context2,
-        _this7 = this;
+        _this7 = this,
+        _data$context3;
       var eventKeyMap = Object.keys(EVENT).map(function (key) {
         return EVENT[key].name;
       });
@@ -1317,14 +1325,41 @@ var ComponentApp = /*#__PURE__*/function () {
         });
         return;
       }
-
+      if (data.context.event === EVENT.onPollingEnd.name) {
+        this.dispatchToApp({
+          context: {
+            event: 'onPollingEnd',
+            data: data.context.data
+          }
+        });
+      }
+      if (data.context.event === EVENT.closePaymentPolling.name) {
+        this.dispatchToApp({
+          context: {
+            event: EVENT.closePaymentPolling.name,
+            data: {}
+          }
+        });
+      }
+      if ((data === null || data === void 0 || (_data$context3 = data.context) === null || _data$context3 === void 0 ? void 0 : _data$context3.event) === EVENT.getApplePayToken.name) {
+        var _data$context4, _this$_renderParams16, _this$_renderParams17;
+        var applePayService = new ApplePayService({
+          paymentMethod: data === null || data === void 0 || (_data$context4 = data.context) === null || _data$context4 === void 0 || (_data$context4 = _data$context4.data) === null || _data$context4 === void 0 ? void 0 : _data$context4.paymentMethod,
+          sessionData: (_this$_renderParams16 = this._renderParams) === null || _this$_renderParams16 === void 0 ? void 0 : _this$_renderParams16.sessionData,
+          paymentSessionMetaData: (_this$_renderParams17 = this._renderParams) === null || _this$_renderParams17 === void 0 ? void 0 : _this$_renderParams17.paymentSessionMetaData,
+          logger: this.AMSSDK.logger,
+          dispatchToApp: this.dispatchToApp.bind(this)
+        });
+        applePayService.submit();
+        return;
+      }
       // log event before sending the callback
-      this.logEventCallback(data, "sdk_event_event_callback");
+      this.logEventCallback(data, 'sdk_event_event_callback');
       try {
         // The plug-in communicates with the sdk after processing
         this.dispatchToSDK(data.context.event, data.context.data, data.context.eventCallbackId);
         // log event after sending the callback
-        this.logEventCallback(data, "sdk_event_afterEventCallback");
+        this.logEventCallback(data, 'sdk_event_afterEventCallback');
       } catch (e) {
         console.error(e);
       }
@@ -1333,11 +1368,11 @@ var ComponentApp = /*#__PURE__*/function () {
     key: "logEventCallback",
     value: function logEventCallback(data, title) {
       if (data.context.event === EVENT.eventCallback.name) {
-        var _data$context4;
-        var callbackData = "";
+        var _data$context6;
+        var callbackData = '';
         try {
-          var _data$context3;
-          callbackData = JSON.stringify((data === null || data === void 0 || (_data$context3 = data.context) === null || _data$context3 === void 0 ? void 0 : _data$context3.data) || "");
+          var _data$context5;
+          callbackData = JSON.stringify((data === null || data === void 0 || (_data$context5 = data.context) === null || _data$context5 === void 0 ? void 0 : _data$context5.data) || '');
         } catch (e) {
           console.error(e);
         }
@@ -1345,7 +1380,7 @@ var ComponentApp = /*#__PURE__*/function () {
           title: title
         }, {
           callbackData: callbackData,
-          callbackId: (data === null || data === void 0 || (_data$context4 = data.context) === null || _data$context4 === void 0 ? void 0 : _data$context4.eventCallbackId) || ""
+          callbackId: (data === null || data === void 0 || (_data$context6 = data.context) === null || _data$context6 === void 0 ? void 0 : _data$context6.eventCallbackId) || ''
         }).send();
       }
     }
@@ -1379,10 +1414,10 @@ var ComponentApp = /*#__PURE__*/function () {
   }, {
     key: "handleSizeChanged",
     value: function handleSizeChanged(data) {
-      var _this$_renderParams15, _this$_renderParams16, _this$_renderParams17, _this$_renderParams18, _this$_renderParams19, _this$_renderParams20, _data$context$data4, _cashier$style;
-      var _selector = (this === null || this === void 0 || (_this$_renderParams15 = this._renderParams) === null || _this$_renderParams15 === void 0 || (_this$_renderParams15 = _this$_renderParams15.selector) === null || _this$_renderParams15 === void 0 || (_this$_renderParams16 = _this$_renderParams15.indexOf) === null || _this$_renderParams16 === void 0 ? void 0 : _this$_renderParams16.call(_this$_renderParams15, '#')) === -1 ? this === null || this === void 0 || (_this$_renderParams17 = this._renderParams) === null || _this$_renderParams17 === void 0 ? void 0 : _this$_renderParams17.selector : this === null || this === void 0 || (_this$_renderParams18 = this._renderParams) === null || _this$_renderParams18 === void 0 || (_this$_renderParams18 = _this$_renderParams18.selector) === null || _this$_renderParams18 === void 0 || (_this$_renderParams19 = _this$_renderParams18.slice) === null || _this$_renderParams19 === void 0 ? void 0 : _this$_renderParams19.call(_this$_renderParams18, 1);
+      var _this$_renderParams18, _this$_renderParams19, _this$_renderParams20, _this$_renderParams21, _this$_renderParams22, _this$_renderParams23, _data$context$data4, _cashier$style;
+      var _selector = (this === null || this === void 0 || (_this$_renderParams18 = this._renderParams) === null || _this$_renderParams18 === void 0 || (_this$_renderParams18 = _this$_renderParams18.selector) === null || _this$_renderParams18 === void 0 || (_this$_renderParams19 = _this$_renderParams18.indexOf) === null || _this$_renderParams19 === void 0 ? void 0 : _this$_renderParams19.call(_this$_renderParams18, '#')) === -1 ? this === null || this === void 0 || (_this$_renderParams20 = this._renderParams) === null || _this$_renderParams20 === void 0 ? void 0 : _this$_renderParams20.selector : this === null || this === void 0 || (_this$_renderParams21 = this._renderParams) === null || _this$_renderParams21 === void 0 || (_this$_renderParams21 = _this$_renderParams21.selector) === null || _this$_renderParams21 === void 0 || (_this$_renderParams22 = _this$_renderParams21.slice) === null || _this$_renderParams22 === void 0 ? void 0 : _this$_renderParams22.call(_this$_renderParams21, 1);
       // 修改需当前文件搜索，这段注释appendAliasContainerId
-      var appendAliasContainerId = this === null || this === void 0 || (_this$_renderParams20 = this._renderParams) === null || _this$_renderParams20 === void 0 ? void 0 : _this$_renderParams20.appendAliasContainerId;
+      var appendAliasContainerId = this === null || this === void 0 || (_this$_renderParams23 = this._renderParams) === null || _this$_renderParams23 === void 0 ? void 0 : _this$_renderParams23.appendAliasContainerId;
       var selectorId = appendAliasContainerId ? "".concat(COMPONENT_CONTAINER_ID, "-").concat(_selector) : COMPONENT_CONTAINER_ID;
       var cashier = document.getElementById(selectorId);
       if (((_data$context$data4 = data.context.data) === null || _data$context$data4 === void 0 ? void 0 : _data$context$data4.height) <= 1 || data.context.data.height === parseInt(cashier === null || cashier === void 0 || (_cashier$style = cashier.style) === null || _cashier$style === void 0 ? void 0 : _cashier$style.height)) return;
@@ -1733,7 +1768,7 @@ var ComponentApp = /*#__PURE__*/function () {
     key: "sendRenderEvent",
     value: (function () {
       var _sendRenderEvent = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8() {
-        var _this$_renderParams21, _this$_renderParams22, _this$_renderParams23, _this$_renderParams24, _this$_renderParams25, _this$_renderParams26, _this$_renderParams27, _this$_renderParams28, _this$_renderParams29, _this$AMSSDK$logger, _this$_renderParams30, _this$_renderParams31, _this$_renderParams32, _this$AMSSDK, _this$_renderParams33, isAddressElement, res, submitRes;
+        var _this$_renderParams24, _this$_renderParams25, _this$_renderParams26, _this$_renderParams27, _this$_renderParams28, _this$_renderParams29, _this$_renderParams30, _this$_renderParams31, _this$_renderParams32, _this$AMSSDK$logger, _this$_renderParams33, _this$_renderParams34, _this$_renderParams35, _this$AMSSDK, _this$_renderParams36, _this$_renderParams37, isAddressElement, res, submitRes;
         return _regeneratorRuntime().wrap(function _callee8$(_context8) {
           while (1) switch (_context8.prev = _context8.next) {
             case 0:
@@ -1763,34 +1798,35 @@ var ComponentApp = /*#__PURE__*/function () {
                   data: {
                     queryResult: res,
                     submitResult: submitRes,
-                    sessionResult: (_this$_renderParams21 = this._renderParams) === null || _this$_renderParams21 === void 0 ? void 0 : _this$_renderParams21.paymentSessionMetaData,
-                    paymentSessionData: (_this$_renderParams22 = this._renderParams) === null || _this$_renderParams22 === void 0 ? void 0 : _this$_renderParams22.sessionData,
+                    sessionResult: (_this$_renderParams24 = this._renderParams) === null || _this$_renderParams24 === void 0 ? void 0 : _this$_renderParams24.paymentSessionMetaData,
+                    paymentSessionData: (_this$_renderParams25 = this._renderParams) === null || _this$_renderParams25 === void 0 ? void 0 : _this$_renderParams25.sessionData,
                     heightOfVisible: Math.max(window.changingPageHeight, window.innerHeight),
-                    renderDisplayType: (_this$_renderParams23 = this._renderParams) === null || _this$_renderParams23 === void 0 ? void 0 : _this$_renderParams23.renderDisplayType,
-                    appearance: (_this$_renderParams24 = this._renderParams) === null || _this$_renderParams24 === void 0 ? void 0 : _this$_renderParams24.appearance,
-                    notRedirectAfterComplete: ((_this$_renderParams25 = this._renderParams) === null || _this$_renderParams25 === void 0 ? void 0 : _this$_renderParams25.notRedirectAfterComplete) === true,
+                    renderDisplayType: (_this$_renderParams26 = this._renderParams) === null || _this$_renderParams26 === void 0 ? void 0 : _this$_renderParams26.renderDisplayType,
+                    appearance: (_this$_renderParams27 = this._renderParams) === null || _this$_renderParams27 === void 0 ? void 0 : _this$_renderParams27.appearance,
+                    notRedirectAfterComplete: ((_this$_renderParams28 = this._renderParams) === null || _this$_renderParams28 === void 0 ? void 0 : _this$_renderParams28.notRedirectAfterComplete) === true,
                     isAppWebview: this._isAppWebview,
                     merchantAppointParam: this._merchantAppointParam,
                     allowSubmitPayCallAhead: this._allowSubmitPayCallAhead,
                     /** 地址组件集成的参数 */
-                    configParams: (_this$_renderParams26 = this._renderParams) === null || _this$_renderParams26 === void 0 ? void 0 : _this$_renderParams26.configParams,
-                    prefillValue: (_this$_renderParams27 = this._renderParams) === null || _this$_renderParams27 === void 0 ? void 0 : _this$_renderParams27.prefillValue,
-                    componentSession: (_this$_renderParams28 = this._renderParams) === null || _this$_renderParams28 === void 0 ? void 0 : _this$_renderParams28.componentSession,
+                    configParams: (_this$_renderParams29 = this._renderParams) === null || _this$_renderParams29 === void 0 ? void 0 : _this$_renderParams29.configParams,
+                    prefillValue: (_this$_renderParams30 = this._renderParams) === null || _this$_renderParams30 === void 0 ? void 0 : _this$_renderParams30.prefillValue,
+                    componentSession: (_this$_renderParams31 = this._renderParams) === null || _this$_renderParams31 === void 0 ? void 0 : _this$_renderParams31.componentSession,
                     envInfo: {
                       screenHeight: screen.height,
                       screenWidth: screen.width
                     },
                     logMetaData: _objectSpread(_objectSpread({
-                      trackId: (_this$_renderParams29 = this._renderParams) === null || _this$_renderParams29 === void 0 ? void 0 : _this$_renderParams29.sessionData,
+                      trackId: (_this$_renderParams32 = this._renderParams) === null || _this$_renderParams32 === void 0 ? void 0 : _this$_renderParams32.sessionData,
                       platform: this.platform,
                       firstLogTime: (_this$AMSSDK$logger = this.AMSSDK.logger) === null || _this$AMSSDK$logger === void 0 ? void 0 : _this$AMSSDK$logger.getComponentStartTime()
-                    }, ((_this$_renderParams30 = this._renderParams) === null || _this$_renderParams30 === void 0 || (_this$_renderParams30 = _this$_renderParams30.paymentSessionMetaData) === null || _this$_renderParams30 === void 0 ? void 0 : _this$_renderParams30.paymentSessionConfig) || {}), {}, {
-                      renderDisplayType: (_this$_renderParams31 = this._renderParams) === null || _this$_renderParams31 === void 0 ? void 0 : _this$_renderParams31.renderDisplayType,
+                    }, ((_this$_renderParams33 = this._renderParams) === null || _this$_renderParams33 === void 0 || (_this$_renderParams33 = _this$_renderParams33.paymentSessionMetaData) === null || _this$_renderParams33 === void 0 ? void 0 : _this$_renderParams33.paymentSessionConfig) || {}), {}, {
+                      renderDisplayType: (_this$_renderParams34 = this._renderParams) === null || _this$_renderParams34 === void 0 ? void 0 : _this$_renderParams34.renderDisplayType,
                       sdkVersion: this._appVersion,
-                      merchantId: (_this$_renderParams32 = this._renderParams) === null || _this$_renderParams32 === void 0 || (_this$_renderParams32 = _this$_renderParams32.paymentSessionMetaData) === null || _this$_renderParams32 === void 0 ? void 0 : _this$_renderParams32.clientId,
+                      merchantId: (_this$_renderParams35 = this._renderParams) === null || _this$_renderParams35 === void 0 || (_this$_renderParams35 = _this$_renderParams35.paymentSessionMetaData) === null || _this$_renderParams35 === void 0 ? void 0 : _this$_renderParams35.clientId,
                       instanceId: (_this$AMSSDK = this.AMSSDK) === null || _this$AMSSDK === void 0 ? void 0 : _this$AMSSDK._instanceId,
                       performanceData: this._performanceData,
-                      paymentMethodType: (_this$_renderParams33 = this._renderParams) === null || _this$_renderParams33 === void 0 || (_this$_renderParams33 = _this$_renderParams33.paymentSessionMetaData) === null || _this$_renderParams33 === void 0 || (_this$_renderParams33 = _this$_renderParams33.paymentMethodInfoView) === null || _this$_renderParams33 === void 0 ? void 0 : _this$_renderParams33.paymentMethodType
+                      paymentMethodType: (_this$_renderParams36 = this._renderParams) === null || _this$_renderParams36 === void 0 || (_this$_renderParams36 = _this$_renderParams36.paymentSessionMetaData) === null || _this$_renderParams36 === void 0 || (_this$_renderParams36 = _this$_renderParams36.paymentMethodInfoView) === null || _this$_renderParams36 === void 0 ? void 0 : _this$_renderParams36.paymentMethodType,
+                      skipRenderPaymentMethod: (_this$_renderParams37 = this._renderParams) === null || _this$_renderParams37 === void 0 || (_this$_renderParams37 = _this$_renderParams37.paymentSessionMetaData) === null || _this$_renderParams37 === void 0 ? void 0 : _this$_renderParams37.skipRenderPaymentMethod
                     })
                   }
                 }
@@ -1852,10 +1888,10 @@ var ComponentApp = /*#__PURE__*/function () {
   }, {
     key: "hideComponentAnimation",
     value: function hideComponentAnimation() {
-      var _this$_renderParams34, _this$_renderParams35, _this$_renderParams36, _this$_renderParams37, _this$_renderParams38, _this$_renderParams39, _container$style;
+      var _this$_renderParams38, _this$_renderParams39, _this$_renderParams40, _this$_renderParams41, _this$_renderParams42, _this$_renderParams43, _container$style;
       // 修改需当前文件搜索，这段注释appendAliasContainerId
-      var _selector = (this === null || this === void 0 || (_this$_renderParams34 = this._renderParams) === null || _this$_renderParams34 === void 0 || (_this$_renderParams34 = _this$_renderParams34.selector) === null || _this$_renderParams34 === void 0 || (_this$_renderParams35 = _this$_renderParams34.indexOf) === null || _this$_renderParams35 === void 0 ? void 0 : _this$_renderParams35.call(_this$_renderParams34, '#')) === -1 ? this === null || this === void 0 || (_this$_renderParams36 = this._renderParams) === null || _this$_renderParams36 === void 0 ? void 0 : _this$_renderParams36.selector : this === null || this === void 0 || (_this$_renderParams37 = this._renderParams) === null || _this$_renderParams37 === void 0 || (_this$_renderParams37 = _this$_renderParams37.selector) === null || _this$_renderParams37 === void 0 || (_this$_renderParams38 = _this$_renderParams37.slice) === null || _this$_renderParams38 === void 0 ? void 0 : _this$_renderParams38.call(_this$_renderParams37, 1);
-      var appendAliasContainerId = this !== null && this !== void 0 && (_this$_renderParams39 = this._renderParams) !== null && _this$_renderParams39 !== void 0 && _this$_renderParams39.appendAliasContainerId ? "-".concat(_selector) : '';
+      var _selector = (this === null || this === void 0 || (_this$_renderParams38 = this._renderParams) === null || _this$_renderParams38 === void 0 || (_this$_renderParams38 = _this$_renderParams38.selector) === null || _this$_renderParams38 === void 0 || (_this$_renderParams39 = _this$_renderParams38.indexOf) === null || _this$_renderParams39 === void 0 ? void 0 : _this$_renderParams39.call(_this$_renderParams38, '#')) === -1 ? this === null || this === void 0 || (_this$_renderParams40 = this._renderParams) === null || _this$_renderParams40 === void 0 ? void 0 : _this$_renderParams40.selector : this === null || this === void 0 || (_this$_renderParams41 = this._renderParams) === null || _this$_renderParams41 === void 0 || (_this$_renderParams41 = _this$_renderParams41.selector) === null || _this$_renderParams41 === void 0 || (_this$_renderParams42 = _this$_renderParams41.slice) === null || _this$_renderParams42 === void 0 ? void 0 : _this$_renderParams42.call(_this$_renderParams41, 1);
+      var appendAliasContainerId = this !== null && this !== void 0 && (_this$_renderParams43 = this._renderParams) !== null && _this$_renderParams43 !== void 0 && _this$_renderParams43.appendAliasContainerId ? "-".concat(_selector) : '';
       var inlineId = "".concat(COMPONENT_CONTAINER_ID).concat(appendAliasContainerId);
       var container = document.getElementById(inlineId);
       if (this.app && container) this.app.style.height = container === null || container === void 0 || (_container$style = container.style) === null || _container$style === void 0 ? void 0 : _container$style.height;

package/esm/types/index.d.ts

@@ -325,6 +325,7 @@ export interface IPaymentSessionMetaData {
     connectFactor?: {
         enableConnect?: boolean;
     };
+    skipRenderPaymentMethod?: boolean;
 }
 export interface IPaymentSessionFactor {
     merchantInfo?: IMerchantInfo;
@@ -536,6 +537,12 @@ export interface CashierSubmitPayRequest {
     verifyFactors?: Record<string, string>;
     paymentSessionData: string;
     paymentSessionConfig?: any;
+    paymentMethod?: {
+        paymentMethodType: string;
+        paymentMethodId?: string;
+        paymentMethodDetail?: Record<string, any>;
+        category?: string;
+    };
 }
 export interface CashierSubmitPayRequest {
     paymentMethodType?: string;
@@ -744,6 +751,25 @@ export interface IAmountView {
     formattedValue: string;
     value: string;
 }
+export type ApplePayPaymentRequest = {
+    version?: number;
+    supportedNetworks: string[];
+    requiredBillingContactFields?: string[];
+    requiredShippingContactFields?: string[];
+    merchantInfo: {
+        instMid: string;
+        merchantName: string;
+        countryCode: string;
+    };
+    paymentAmount: {
+        value: string;
+        currency: string;
+    };
+    order?: {
+        orderDescription: string;
+    };
+    merchantCapabilities: string[];
+};
 export interface IPaymentMethod {
     paymentMethodKey?: string;
     antomPage?: string;
@@ -763,6 +789,9 @@ export interface IPaymentMethod {
     paymentMethodDetail?: {
         last4?: string;
         requireIssuerAuthentication?: string;
+        applePayProps?: {
+            paymentRequest: ApplePayPaymentRequest;
+        };
     };
     interActionType?: InterActionTypeEnum;
     recommend?: boolean;
@@ -838,16 +867,17 @@ export declare enum ElementPaymentMethod {
     PAYMENT_ELEMENT = "PAYMENT_ELEMENT"
 }
 export declare enum ElementPaymentEvent {
-    INITIAL_DATA_READY = "initialDataReady",
+    RENDER_COMPONENT = "renderComponent",
     CAPTURE_ASSET = "onCaptureAsset",
     SIGN_OUT = "onSignout",
     BLUR = "onBlur",
-    VALIDATE = "validate",
+    VALIDATE = "submitPay",
     SUBMIT_RISK = "onSubmitRisk",
     AFTER_SUBMIT = "onAfterSubmit",
     SIZE_CHANGE = "onSizeChange",
     LAUNCH = "onLaunch",
     CALLBACK = "callback",
+    SEND_MUITI_APP_EVENT_TO_SDK = "sendMuitiAppEventToSdk",
     LOG = "log"
 }
 export declare enum ConnectErrorCode {

package/esm/types/index.js

@@ -235,16 +235,17 @@ export var ElementPaymentMethod = /*#__PURE__*/function (ElementPaymentMethod) {
   return ElementPaymentMethod;
 }({});
 export var ElementPaymentEvent = /*#__PURE__*/function (ElementPaymentEvent) {
-  ElementPaymentEvent["INITIAL_DATA_READY"] = "initialDataReady";
+  ElementPaymentEvent["RENDER_COMPONENT"] = "renderComponent";
   ElementPaymentEvent["CAPTURE_ASSET"] = "onCaptureAsset";
   ElementPaymentEvent["SIGN_OUT"] = "onSignout";
   ElementPaymentEvent["BLUR"] = "onBlur";
-  ElementPaymentEvent["VALIDATE"] = "validate";
+  ElementPaymentEvent["VALIDATE"] = "submitPay";
   ElementPaymentEvent["SUBMIT_RISK"] = "onSubmitRisk";
   ElementPaymentEvent["AFTER_SUBMIT"] = "onAfterSubmit";
   ElementPaymentEvent["SIZE_CHANGE"] = "onSizeChange";
   ElementPaymentEvent["LAUNCH"] = "onLaunch";
   ElementPaymentEvent["CALLBACK"] = "callback";
+  ElementPaymentEvent["SEND_MUITI_APP_EVENT_TO_SDK"] = "sendMuitiAppEventToSdk";
   ElementPaymentEvent["LOG"] = "log";
   return ElementPaymentEvent;
 }({});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alipay/ams-checkout",
-  "version": "1.26.0",
+  "version": "1.28.0",
   "description": "",
   "author": "",
   "main": "esm/index.js",