@alipay/ams-checkout 0.0.1705989903-dev.0 → 0.0.1708315090-dev.0

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,12 @@ var ComponentApp = /*#__PURE__*/function () {
         return Promise.reject(error);
       });
     }
+  }, {
+    key: "appendPreloadIframeNodes",
+    value: function appendPreloadIframeNodes(componentSign, productSceneVersion) {
+      var virtualPreloadIframe = this.createPreloadApp(componentSign, productSceneVersion);
+      this.createPreloadIframeNode(virtualPreloadIframe);
+    }
   }, {
     key: "setParameterDefaultValues",
     value: function setParameterDefaultValues(componentSign, renderParams) {
@@ -315,9 +330,6 @@ var ComponentApp = /*#__PURE__*/function () {
       var _this4 = this;
       return new Promise(function (resolve, reject) {
         _this4._loadAppPromiseResolve = resolve;
-        _this4.AMSSDK.logger.logError({
-          title: 'sdk_event_webAppPreLoadStart'
-        });
         setTimeout(function () {
           reject(ERRORMESSAGE.CREATECOMPONENT_ERROR.LOAD_APP_TIMEOUT);
         }, loadTimeLimit !== null && loadTimeLimit !== void 0 ? loadTimeLimit : LOADTIME_LIMIT);
@@ -345,8 +357,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, extendInfoData, _this5$_renderParams6, _ref3, _ref3$productSceneVer, productSceneVersion, _ref3$productScene, productScene, _ref4, _ref4$action, _ref4$action2, _ref4$action2$autoDeb, autoDebitWithToken, _this5$_renderParams7, _action$web, _action$wap, action, signType;
           return _regeneratorRuntime().wrap(function _callee2$(_context2) {
             while (1) switch (_context2.prev = _context2.next) {
               case 0:
@@ -362,78 +374,95 @@ 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;
+                try {
+                  extendInfoData = JSON.parse(extendInfo);
+                  enableVaultingApiOptimize = extendInfoData.enableVaultingApiOptimize || false;
+                } catch (error) {
+                  console.log(error);
+                }
+                if (!isLocalMock()) {
+                  _context2.next = 7;
                   break;
                 }
                 return _context2.abrupt("return", resolve({
                   message: 'sdk no need to make query request',
                   success: true
                 }));
-              case 4:
+              case 7:
+                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 = 9;
+                  break;
+                }
+                return _context2.abrupt("return", resolve({
+                  message: 'sdk no need to make query request',
+                  success: true
+                }));
+              case 9:
                 if (!(componentSignEnum.CASHIER_PAYMENT_CARD === _this5._componentSign || componentSignEnum.VAULTING_CARD === _this5._componentSign)) {
-                  _context2.next = 10;
+                  _context2.next = 15;
                   break;
                 }
                 params.paymentMethodType = 'CARD';
-                _context2.next = 8;
+                _context2.next = 13;
                 return _this5.getDeviceIdAndLog();
-              case 8:
+              case 13:
                 envInfo.deviceId = _context2.sent;
                 if (window.navigator.userAgent.indexOf('miniProgram') > -1) {
                   envInfo.extendInfo = {
                     WAP_SUB_TYPE: 'WECHAT_MINI_PROGRAM'
                   };
                 }
-              case 10:
+              case 15:
                 if (!(componentSignEnum.EASY_PAY_WALLET === _this5._componentSign)) {
-                  _context2.next = 18;
+                  _context2.next = 23;
                   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 (!(productScene === productSceneEnum.EASY_PAY && productSceneVersion === '2.0' && !autoDebitWithToken)) {
-                  _context2.next = 15;
+                  _context2.next = 20;
                   break;
                 }
                 return _context2.abrupt("return", resolve({
                   message: 'sdk no need to make query request',
                   success: true
                 }));
-              case 15:
-                _context2.next = 17;
+              case 20:
+                _context2.next = 22;
                 return _this5.getDeviceIdAndLog();
-              case 17:
+              case 22:
                 envInfo.deviceId = _context2.sent;
-              case 18:
+              case 23:
                 if (!(componentSignEnum.AUTO_DEBIT_WALLET === _this5._componentSign)) {
-                  _context2.next = 28;
+                  _context2.next = 33;
                   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$_renderParams7 = _this5._renderParams) === null || _this5$_renderParams7 === void 0 || (_this5$_renderParams7 = _this5$_renderParams7.paymentSessionMetaData) === null || _this5$_renderParams7 === void 0 ? void 0 : _this5$_renderParams7.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 = 28;
                   break;
                 }
                 return _context2.abrupt("return", resolve({
                   message: 'sdk no need to make query request',
                   success: true
                 }));
-              case 23:
+              case 28:
                 if (!(!signType || signType !== 'REDIRECT')) {
-                  _context2.next = 25;
+                  _context2.next = 30;
                   break;
                 }
                 return _context2.abrupt("return", resolve({
                   success: false
                 }));
-              case 25:
-                _context2.next = 27;
+              case 30:
+                _context2.next = 32;
                 return _this5.getDeviceIdAndLog();
-              case 27:
+              case 32:
                 envInfo.deviceId = _context2.sent;
-              case 28:
+              case 33:
                 _this5.AMSSDK.logger.logInfo({
                   title: 'sdk_event_sdkQuery'
                 }, {
@@ -447,11 +476,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({
@@ -469,7 +494,7 @@ var ComponentApp = /*#__PURE__*/function () {
                     paymentSessionConfig: JSON.stringify(params.paymentSessionConfig)
                   }).send();
                 });
-              case 30:
+              case 35:
               case "end":
                 return _context2.stop();
             }
@@ -481,6 +506,8 @@ var ComponentApp = /*#__PURE__*/function () {
       }());
       return this._actionQueryPromise;
     }
+
+    // private create
   }, {
     key: "createSubmitPromise",
     value: function createSubmitPromise() {
@@ -596,7 +623,33 @@ 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);
+      console.log(preloadIframe.src, '--preloadIframe.src');
+      return preloadIframe;
+    }
     /**
      * @description Create app
      */
@@ -624,7 +677,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,
@@ -633,10 +687,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 {
@@ -375,8 +378,8 @@ export interface ApplePayPaymentSessionResult {
     message?: string;
 }
 export declare enum redirectTypeEnum {
-    UNSAFE_BROWSER = "UNSAFE_BROWSER",
-    SAFETY_BROWSER = "SAFETY_BROWSER",
+    UNSAFE_BROWSER = "UNSAFE_BROWSER",// 非安全浏览器
+    SAFETY_BROWSER = "SAFETY_BROWSER",// 安全浏览器
     INVOKE_SDK = "INVOKE_SDK"
 }
 export interface ActionForm {

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alipay/ams-checkout",
-  "version": "0.0.1705989903-dev.0",
+  "version": "0.0.1708315090-dev.0",
   "description": "",
   "author": "",
   "main": "esm/index.js",