@alipay/ams-checkout 1.9.0 → 1.10.1

package/esm/plugin/component/index.js

@@ -22,7 +22,7 @@ import { queryPaymentInfo, submitPayInfo } from "../../service";
 import { componentSignEnum, eventCodeEnum, messageName, platformEnum, productSceneEnum, RedirectType, renderDisplayTypeEnum, targetEnum } from "../../types";
 import { getType, isJsonString, isPC } from "../../util";
 import { isLocalMock } from "../../util/mock";
-import { createIframe, getAppDomain, getIframeUrl } from "./cashierApp";
+import { createIframe, createPreloadIframe, getAppDomain, getIframeUrl } from "./cashierApp";
 import { addInlineLoading, createInlineBaseElement } from "./component.inline.style";
 import { addPopupLoading, createBaseElement, createMockup, createRetentionPopup, handleDeclareInfo as _handleDeclareInfo, hideRetentionPopup, removeRetentionPopup as _removeRetentionPopup } from "./component.popup.style";
 import { createModal, destroyModal, insertStyleSheet } from "./popupWindow.style";
@@ -40,6 +40,7 @@ var ComponentApp = /*#__PURE__*/function () {
     _defineProperty(this, "popupApp", void 0);
     _defineProperty(this, "appDomain", void 0);
     _defineProperty(this, "createIframeNode", void 0);
+    _defineProperty(this, "createPreloadIframeNode", void 0);
     _defineProperty(this, "_selector", void 0);
     _defineProperty(this, "_appVersion", void 0);
     _defineProperty(this, "_isRetention", void 0);
@@ -53,12 +54,15 @@ var ComponentApp = /*#__PURE__*/function () {
     _defineProperty(this, "_merchantAppointParam", void 0);
     _defineProperty(this, "_webAppHeartBeatTimeoutId", void 0);
     _defineProperty(this, "_webAppHeartBeatTimeoutFn", void 0);
-    this._appVersion = '1.9.0';
+    this._appVersion = '1.10.1';
     this._isInitComponent = false;
     this._selector = "#".concat(COMPONENT_SECTION_ID);
     this.createIframeNode = function () {
       return Promise.resolve();
     };
+    this.createPreloadIframeNode = function () {
+      return Promise.resolve();
+    };
     this.platform = isPC() ? platformEnum.desktop : platformEnum.mobile;
     this._isRetention = true;
     this._appLocationSearch = '';
@@ -119,6 +123,11 @@ var ComponentApp = /*#__PURE__*/function () {
     value: function setRender(renderFunc) {
       this.createIframeNode = renderFunc;
     }
+  }, {
+    key: "setPreloadRender",
+    value: function setPreloadRender(renderFunc) {
+      this.createPreloadIframeNode = renderFunc;
+    }
   }, {
     key: "initSecurity",
     value: function initSecurity() {
@@ -280,6 +289,18 @@ var ComponentApp = /*#__PURE__*/function () {
         return Promise.reject(error);
       });
     }
+  }, {
+    key: "appendPreloadIframeNodes",
+    value: function appendPreloadIframeNodes(componentSign, productSceneVersion) {
+      var virtualPreloadIframe = this.createPreloadApp(componentSign, productSceneVersion);
+      this.createPreloadIframeNode(virtualPreloadIframe);
+      this.AMSSDK.logger.logInfo({
+        title: 'performance_optimization_preload'
+      }, {
+        componentSign: componentSign,
+        productSceneVersion: productSceneVersion
+      });
+    }
   }, {
     key: "setParameterDefaultValues",
     value: function setParameterDefaultValues(componentSign, renderParams) {
@@ -342,8 +363,8 @@ var ComponentApp = /*#__PURE__*/function () {
       // eslint-disable-next-line no-async-promise-executor
       this._actionQueryPromise = new Promise( /*#__PURE__*/function () {
         var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(resolve, reject) {
-          var _this5$_renderParams, _this5$_renderParams2, _this5$_renderParams3, _this5$_renderParams4;
-          var envInfo, params, _this5$_renderParams5, _ref3, _ref3$productSceneVer, productSceneVersion, _ref3$productScene, productScene, _ref4, _ref4$action, _ref4$action2, _ref4$action2$autoDeb, autoDebitWithToken, _this5$_renderParams6, _action$web, _action$wap, action, signType;
+          var _this5$_renderParams, _this5$_renderParams2, _this5$_renderParams3, _this5$_renderParams4, _this5$_renderParams5;
+          var envInfo, params, _this5$_renderParams$, extendInfo, enableVaultingApiOptimize, enableEasypayApiOptimize, extendInfoData, _this5$_renderParams6, _this5$_renderParams7, _ref3, _ref3$productSceneVer, productSceneVersion, _ref3$productScene, productScene, _ref4, _ref4$action, _ref4$action2, _ref4$action2$autoDeb, autoDebitWithToken, _this5$_renderParams8, _action$web, _action$wap, action, signType;
           return _regeneratorRuntime().wrap(function _callee2$(_context2) {
             while (1) switch (_context2.prev = _context2.next) {
               case 0:
@@ -359,78 +380,106 @@ var ComponentApp = /*#__PURE__*/function () {
                 /**
                  * @description Simulated or unnecessary scenarios
                  */
-                if (!(isLocalMock() || (_this5$_renderParams4 = _this5._renderParams) !== null && _this5$_renderParams4 !== void 0 && (_this5$_renderParams4 = _this5$_renderParams4.paymentSessionMetaData) !== null && _this5$_renderParams4 !== void 0 && (_this5$_renderParams4 = _this5$_renderParams4.action) !== null && _this5$_renderParams4 !== void 0 && _this5$_renderParams4.skipSdkQuery)) {
-                  _context2.next = 4;
+                _this5$_renderParams$ = (_this5$_renderParams4 = _this5._renderParams) === null || _this5$_renderParams4 === void 0 ? void 0 : _this5$_renderParams4.paymentSessionMetaData, extendInfo = _this5$_renderParams$.extendInfo;
+                enableVaultingApiOptimize = false;
+                enableEasypayApiOptimize = false;
+                try {
+                  extendInfoData = JSON.parse(extendInfo);
+                  enableVaultingApiOptimize = extendInfoData.enableVaultingApiOptimize || false;
+                  enableEasypayApiOptimize = extendInfoData.enableEasypayApiOptimize || false;
+                } catch (error) {
+                  console.log(error);
+                }
+                if (!isLocalMock()) {
+                  _context2.next = 8;
                   break;
                 }
                 return _context2.abrupt("return", resolve({
                   message: 'sdk no need to make query request',
                   success: true
                 }));
-              case 4:
-                if (!(componentSignEnum.CASHIER_PAYMENT_CARD === _this5._componentSign || componentSignEnum.VAULTING_CARD === _this5._componentSign)) {
+              case 8:
+                if (!(componentSignEnum.VAULTING_CARD === _this5._componentSign && (_this5$_renderParams5 = _this5._renderParams) !== null && _this5$_renderParams5 !== void 0 && (_this5$_renderParams5 = _this5$_renderParams5.paymentSessionMetaData) !== null && _this5$_renderParams5 !== void 0 && (_this5$_renderParams5 = _this5$_renderParams5.action) !== null && _this5$_renderParams5 !== void 0 && _this5$_renderParams5.skipSdkQuery && enableVaultingApiOptimize)) {
                   _context2.next = 10;
                   break;
                 }
+                return _context2.abrupt("return", resolve({
+                  message: 'sdk no need to make query request',
+                  success: true
+                }));
+              case 10:
+                if (!(componentSignEnum.CASHIER_PAYMENT_CARD === _this5._componentSign || componentSignEnum.VAULTING_CARD === _this5._componentSign)) {
+                  _context2.next = 16;
+                  break;
+                }
                 params.paymentMethodType = 'CARD';
-                _context2.next = 8;
+                _context2.next = 14;
                 return _this5.getDeviceIdAndLog();
-              case 8:
+              case 14:
                 envInfo.deviceId = _context2.sent;
                 if (window.navigator.userAgent.indexOf('miniProgram') > -1) {
                   envInfo.extendInfo = {
                     WAP_SUB_TYPE: 'WECHAT_MINI_PROGRAM'
                   };
                 }
-              case 10:
+              case 16:
                 if (!(componentSignEnum.EASY_PAY_WALLET === _this5._componentSign)) {
-                  _context2.next = 18;
+                  _context2.next = 26;
                   break;
                 }
                 _ref3 = params.paymentSessionConfig || {}, _ref3$productSceneVer = _ref3.productSceneVersion, productSceneVersion = _ref3$productSceneVer === void 0 ? '' : _ref3$productSceneVer, _ref3$productScene = _ref3.productScene, productScene = _ref3$productScene === void 0 ? '' : _ref3$productScene;
-                _ref4 = ((_this5$_renderParams5 = _this5._renderParams) === null || _this5$_renderParams5 === void 0 ? void 0 : _this5$_renderParams5.paymentSessionMetaData) || {}, _ref4$action = _ref4.action, _ref4$action2 = _ref4$action === void 0 ? {} : _ref4$action, _ref4$action2$autoDeb = _ref4$action2.autoDebitWithToken, autoDebitWithToken = _ref4$action2$autoDeb === void 0 ? false : _ref4$action2$autoDeb;
+                _ref4 = ((_this5$_renderParams6 = _this5._renderParams) === null || _this5$_renderParams6 === void 0 ? void 0 : _this5$_renderParams6.paymentSessionMetaData) || {}, _ref4$action = _ref4.action, _ref4$action2 = _ref4$action === void 0 ? {} : _ref4$action, _ref4$action2$autoDeb = _ref4$action2.autoDebitWithToken, autoDebitWithToken = _ref4$action2$autoDeb === void 0 ? false : _ref4$action2$autoDeb;
+                if (!((_this5$_renderParams7 = _this5._renderParams) !== null && _this5$_renderParams7 !== void 0 && (_this5$_renderParams7 = _this5$_renderParams7.paymentSessionMetaData) !== null && _this5$_renderParams7 !== void 0 && (_this5$_renderParams7 = _this5$_renderParams7.action) !== null && _this5$_renderParams7 !== void 0 && _this5$_renderParams7.skipSdkQuery && enableEasypayApiOptimize)) {
+                  _context2.next = 21;
+                  break;
+                }
+                return _context2.abrupt("return", resolve({
+                  message: 'sdk no need to make query request',
+                  success: true
+                }));
+              case 21:
                 if (!(productScene === productSceneEnum.EASY_PAY && productSceneVersion === '2.0' && !autoDebitWithToken)) {
-                  _context2.next = 15;
+                  _context2.next = 23;
                   break;
                 }
                 return _context2.abrupt("return", resolve({
                   message: 'sdk no need to make query request',
                   success: true
                 }));
-              case 15:
-                _context2.next = 17;
+              case 23:
+                _context2.next = 25;
                 return _this5.getDeviceIdAndLog();
-              case 17:
+              case 25:
                 envInfo.deviceId = _context2.sent;
-              case 18:
+              case 26:
                 if (!(componentSignEnum.AUTO_DEBIT_WALLET === _this5._componentSign)) {
-                  _context2.next = 28;
+                  _context2.next = 36;
                   break;
                 }
-                action = ((_this5$_renderParams6 = _this5._renderParams) === null || _this5$_renderParams6 === void 0 || (_this5$_renderParams6 = _this5$_renderParams6.paymentSessionMetaData) === null || _this5$_renderParams6 === void 0 ? void 0 : _this5$_renderParams6.action) || {};
+                action = ((_this5$_renderParams8 = _this5._renderParams) === null || _this5$_renderParams8 === void 0 || (_this5$_renderParams8 = _this5$_renderParams8.paymentSessionMetaData) === null || _this5$_renderParams8 === void 0 ? void 0 : _this5$_renderParams8.action) || {};
                 signType = isPC() ? action === null || action === void 0 || (_action$web = action.web) === null || _action$web === void 0 ? void 0 : _action$web.signType : action === null || action === void 0 || (_action$wap = action.wap) === null || _action$wap === void 0 ? void 0 : _action$wap.signType;
                 if (!(signType === 'SMS')) {
-                  _context2.next = 23;
+                  _context2.next = 31;
                   break;
                 }
                 return _context2.abrupt("return", resolve({
                   message: 'sdk no need to make query request',
                   success: true
                 }));
-              case 23:
+              case 31:
                 if (!(!signType || signType !== 'REDIRECT')) {
-                  _context2.next = 25;
+                  _context2.next = 33;
                   break;
                 }
                 return _context2.abrupt("return", resolve({
                   success: false
                 }));
-              case 25:
-                _context2.next = 27;
+              case 33:
+                _context2.next = 35;
                 return _this5.getDeviceIdAndLog();
-              case 27:
+              case 35:
                 envInfo.deviceId = _context2.sent;
-              case 28:
+              case 36:
                 _this5.AMSSDK.logger.logInfo({
                   title: 'sdk_event_sdkQuery'
                 }, {
@@ -444,11 +493,7 @@ var ComponentApp = /*#__PURE__*/function () {
                     key: 'sdk_action_query_end',
                     value: Date.now()
                   });
-                  if (res !== null && res !== void 0 && res.success) {
-                    resolve(res);
-                  } else {
-                    resolve(res);
-                  }
+                  resolve(res);
                 }).catch(function (err) {
                   if ([componentSignEnum.CASHIER_PAYMENT_CARD, componentSignEnum.VAULTING_CARD, componentSignEnum.CASHIER_PAYMENT_APM].includes(_this5._componentSign)) {
                     return resolve({
@@ -466,7 +511,7 @@ var ComponentApp = /*#__PURE__*/function () {
                     paymentSessionConfig: JSON.stringify(params.paymentSessionConfig)
                   }).send();
                 });
-              case 30:
+              case 38:
               case "end":
                 return _context2.stop();
             }
@@ -478,6 +523,8 @@ var ComponentApp = /*#__PURE__*/function () {
       }());
       return this._actionQueryPromise;
     }
+
+    // private create
   }, {
     key: "createSubmitPromise",
     value: function createSubmitPromise() {
@@ -593,7 +640,40 @@ var ComponentApp = /*#__PURE__*/function () {
         console.error(error);
       }
     }
-
+    // 预加载iframe创建
+  }, {
+    key: "createPreloadApp",
+    value: function createPreloadApp(componentSign) {
+      var productSceneVersion = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '1.0';
+      var preloadIframe = createPreloadIframe(componentSign, productSceneVersion);
+      var _getIframeUrl = getIframeUrl({
+          renderDisplayType: renderDisplayTypeEnum.popup,
+          componentSign: componentSign,
+          analytics: {
+            enabled: false
+          },
+          productSceneVersion: productSceneVersion,
+          environment: this.AMSSDK.options.env.environment,
+          // TODO 确定一下这个参数是干啥的
+          appVersion: this._appVersion,
+          extendInfo: '',
+          locale: '',
+          instanceId: '',
+          isPreload: 'true'
+        }),
+        path = _getIframeUrl.path,
+        locationSearch = _getIframeUrl.locationSearch;
+      preloadIframe.src = "".concat(path, "?").concat(locationSearch);
+      if (!path) {
+        this.AMSSDK.logger.logError({
+          title: 'performance_optimization_preload_path_error'
+        }, {
+          path: path,
+          locationSearch: locationSearch
+        });
+      }
+      return preloadIframe;
+    }
     /**
      * @description Create app
      */
@@ -621,7 +701,8 @@ var ComponentApp = /*#__PURE__*/function () {
           extendInfo: extendInfo
         });
         this.app = createIframe(this.AMSSDK.options.mode, this.platform);
-        var _getIframeUrl = getIframeUrl({
+        var hostSign = ((renderParams === null || renderParams === void 0 ? void 0 : renderParams.sessionData) || '').split('&&')[1] || '';
+        var _getIframeUrl2 = getIframeUrl({
             renderDisplayType: renderParams.renderDisplayType,
             componentSign: this._componentSign,
             analytics: this.AMSSDK.options.analytics,
@@ -630,10 +711,11 @@ var ComponentApp = /*#__PURE__*/function () {
             appVersion: this._appVersion,
             extendInfo: extendInfo,
             locale: this.AMSSDK.options.locale,
-            instanceId: this.AMSSDK._instanceId
+            instanceId: this.AMSSDK._instanceId,
+            hostSign: hostSign
           }),
-          path = _getIframeUrl.path,
-          locationSearch = _getIframeUrl.locationSearch;
+          path = _getIframeUrl2.path,
+          locationSearch = _getIframeUrl2.locationSearch;
         this._appLocationSearch = locationSearch;
         this.app.src = "".concat(path, "?").concat(locationSearch);
 

package/esm/types/index.d.ts

@@ -153,6 +153,9 @@ export interface IpaymentSessionMetaData {
         paymentMethodInfo?: {
             paymentMethodType?: string;
         };
+        paymentMethodViewMetaData?: any;
+        paymentRequestId?: string;
+        supportedLanguages?: any;
     };
 }
 export declare enum localeEnum {

package/esm/util/createIframeNode.d.ts

@@ -3,3 +3,4 @@ import { Iselector, renderDisplayTypeEnum } from '../types';
  * @description context中需要包含app节点，用于插入selector中
  */
 export declare const createIframeNode: (context: any, selector: Iselector, renderDisplayType: renderDisplayTypeEnum) => Promise<void>;
+export declare const createPreloadIframeNode: (virtualPreloadIframe: any) => void;

package/esm/util/createIframeNode.js

@@ -39,4 +39,10 @@ export var createIframeNode = function createIframeNode(context, selector, rende
     }
     resolve();
   });
+};
+export var createPreloadIframeNode = function createPreloadIframeNode(virtualPreloadIframe) {
+  var body = document.body || null;
+  if (body) {
+    body.appendChild(virtualPreloadIframe);
+  }
 };

package/esm/util/index.d.ts

@@ -37,4 +37,5 @@ declare const addSetFontSizeEvent: () => void;
  */
 declare const getOrSetStorageId: (key: string, value?: string) => string;
 declare const checkTimeElapsed: () => boolean;
-export { getType, EventCenter, getViewPort, getOrigin, serialize, isJsonString, isDom, device, safeJson, isPC, queryParse, getDesignFontSize, amsSetSize, addSetFontSizeEvent, getOrSetStorageId, checkTimeElapsed, };
+declare function parseBase64ToString(base64: string): string;
+export { getType, EventCenter, getViewPort, getOrigin, serialize, isJsonString, isDom, device, safeJson, isPC, queryParse, getDesignFontSize, amsSetSize, addSetFontSizeEvent, getOrSetStorageId, checkTimeElapsed, parseBase64ToString, };

package/esm/util/index.js

@@ -246,4 +246,17 @@ var checkTimeElapsed = function checkTimeElapsed() {
   localStorage.setItem(key, currentTime.toString());
   return true;
 };
-export { getType, EventCenter, getViewPort, getOrigin, serialize, isJsonString, isDom, device, safeJson, isPC, queryParse, getDesignFontSize, amsSetSize, addSetFontSizeEvent, getOrSetStorageId, checkTimeElapsed };
+
+// https://developer.mozilla.org/en-US/docs/Glossary/Base64
+function parseBase64ToString(base64) {
+  try {
+    var binString = atob(base64);
+    var uint8Array = Uint8Array.from(binString, function (m) {
+      return m.codePointAt(0);
+    });
+    return new TextDecoder().decode(uint8Array);
+  } catch (error) {
+    return null;
+  }
+}
+export { getType, EventCenter, getViewPort, getOrigin, serialize, isJsonString, isDom, device, safeJson, isPC, queryParse, getDesignFontSize, amsSetSize, addSetFontSizeEvent, getOrSetStorageId, checkTimeElapsed, parseBase64ToString };

package/esm/util/versionCompare.d.ts

@@ -1,10 +1,6 @@
-/**
- * @author 谦彧 <zhangmian.zm@alipay.com>
- * @date 2023/11/1
- */
 /**
  * 返回值0标识一样大，1表示v1大，-1表示v2大
  * @param v1
  * @param v2
  */
-export declare function compareVersion(v1: string, v2: string): 1 | -1 | 0;
+export declare function compareVersion(v1: string, v2: string): 1 | 0 | -1;

package/esm/util/versionCompare.js

@@ -1,8 +1,3 @@
-/**
- * @author 谦彧 <zhangmian.zm@alipay.com>
- * @date 2023/11/1
- */
-
 /**
  * 返回值0标识一样大，1表示v1大，-1表示v2大
  * @param v1

package/package.json

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