@alipay/ams-checkout 0.0.1726734012-dev.11 → 0.0.1726734012-dev.13

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

@@ -5,6 +5,7 @@ export declare const getComponentSign: (params: IPaymentSessionMetaData) => Comp
 export declare const parseSessionData: (sessionData: string) => [IPaymentSessionMetaData, string];
 export type IAMSComponentOptions = IoptionsParams & {
     appVersion: string;
+    isPreload?: boolean;
 };
 export declare class AMSComponent extends CoreInstance {
     _componentApp: ComponentApp;
@@ -34,7 +35,7 @@ export declare class AMSComponent extends CoreInstance {
      */
     createComponent(params: IcreateComponent): Promise<void>;
     private createComponentProcess;
-    preloadComponent(): void;
+    preloadComponent(channelType: any, productSceneVersion: any): void;
     private clearPreloadIframe;
     /**
      * @description Create and render components in the specified element area
@@ -49,7 +50,10 @@ export declare class AMSComponent extends CoreInstance {
      * @param data - Transfer information in the submission interface according to your requirements (optional)
      */
     submit(data?: Isubmit): Promise<unknown>;
-    preload(_options: {
+    static preload(_options: {
+        appVersion: string;
         securityRegion?: 'US' | 'SG' | 'DE';
+        channelType: ComponentSignEnum[];
+        productSceneVersion: string;
     }): void;
 }

package/esm/core/component/index.js

@@ -150,6 +150,7 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
     _this2._registerPlugin(COMPONENTPLUGINID, ComponentPlugin);
     _this2._componentApp = _this2._getPlugin(COMPONENTPLUGINID);
     _this2.registerBusAbility();
+    _this2.isSuccessfullyPreloaded = options.isPreload;
     return _this2;
   }
   _createClass(AMSComponent, [{
@@ -346,10 +347,6 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
     key: "createComponent",
     value: function createComponent(params) {
       var _this5 = this;
-      if (!this.isSuccessfullyPreloaded) {
-        this.preloadComponent();
-      }
-      ;
       this.clearPreloadIframe();
       this.logger.setComponentStartTime(Date.now());
       return this.parameterInitAndCheck({
@@ -390,40 +387,25 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
       return this.pluginAppendIframe(appendParams);
     }
 
-    // preloadComponent(channelType, productSceneVersion) {
-    //   this.channelType = channelType;
-    //   this.productSceneVersion = productSceneVersion;
-    //   const MAX_CLEAR_TIME = 10000;
-
-    //   if (Array.isArray(channelType)) {
-    //     for (let i = 0; i < channelType.length; i++) {
-    //       this._componentApp.appendPreloadIframeNodes(channelType[i], productSceneVersion);
-    //     }
-    //   } else {
-    //     this.logger.logError(
-    //       { title: 'performance_optimization_channelType_error' },
-    //       { eventMessage: channelType }
-    //     );
-    //   }
-    //   this.timer = setTimeout(() => {
-    //     this.clearPreloadIframe(true);
-    //   }, MAX_CLEAR_TIME);
-    // }
+    // TODO 老逻辑predload
   }, {
     key: "preloadComponent",
-    value: function preloadComponent() {
+    value: function preloadComponent(channelType, productSceneVersion) {
       var _this6 = this;
+      if (this.isSuccessfullyPreloaded) return;
+      this.channelType = channelType;
+      this.productSceneVersion = productSceneVersion;
       var MAX_CLEAR_TIME = 10000;
-      if (Array.isArray(this.channelType)) {
-        for (var i = 0; i < this.channelType.length; i++) {
-          this._componentApp.appendPreloadIframeNodes(this.channelType[i], this.productSceneVersion);
+      if (Array.isArray(channelType)) {
+        for (var i = 0; i < channelType.length; i++) {
+          this._componentApp.appendPreloadIframeNodes(channelType[i], productSceneVersion);
+          this.isSuccessfullyPreloaded = true;
         }
-        this.isSuccessfullyPreloaded = true;
       } else {
         this.logger.logError({
           title: 'performance_optimization_channelType_error'
         }, {
-          eventMessage: this.channelType
+          eventMessage: channelType
         });
       }
       this.timer = setTimeout(function () {
@@ -461,10 +443,6 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
     value: function mountComponent(params, selector) {
       var _this7 = this;
       this.clearPreloadIframe();
-      if (!this.isSuccessfullyPreloaded) {
-        this.preloadComponent();
-      }
-      ;
       this.logger.setComponentStartTime(Date.now());
       return this.parameterInitAndCheck({
         params: params,
@@ -552,21 +530,24 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
     }
 
     // 预加载
-  }, {
+  }], [{
     key: "preload",
     value: function preload(_options) {
       try {
-        var _this$channelType;
-        this.preloadComponent();
-        if (this.channelType && (_this$channelType = this.channelType) !== null && _this$channelType !== void 0 && _this$channelType.some(function (val) {
+        var _currentCompoentApp$c;
+        var currentCompoentApp = new AMSComponent(_objectSpread(_objectSpread({}, _options), {}, {
+          isPreload: true
+        }));
+        currentCompoentApp.preloadComponent(_options.channelType, _options.productSceneVersion || '1.0');
+        if (currentCompoentApp.channelType && (_currentCompoentApp$c = currentCompoentApp.channelType) !== null && _currentCompoentApp$c !== void 0 && _currentCompoentApp$c.some(function (val) {
           return val === ComponentSignEnum.EASY_PAY_WALLET || val === ComponentSignEnum.EASY_PAY_APM;
         })) return;
-        this._componentApp.AMSSDK.initSecurity({
-          product: this.options.product,
+        currentCompoentApp._componentApp.AMSSDK.initSecurity({
+          product: currentCompoentApp.options.product,
           securityRegion: _options.securityRegion
         });
       } catch (err) {
-        console.log('web-sdk error', err);
+        console.log('web-sdk preload error', err);
       }
     }
   }]);

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

@@ -16,6 +16,12 @@ export declare class AntomSDKCore {
     constructor();
     registerProcessor(productScene: string, paymentMethod: string, processor: ProductProcessor): void;
     init(options: IoptionsParams, productScene: ProductSceneEnum): void;
+    transferEasyPaySdkVersion(): {
+        webAppVersion: string;
+        greyscaleId: number;
+        productScene: ProductSceneEnum.EASY_PAY;
+        sdkVersion: string;
+    };
     private prepare;
     startBizFlow(options: StartBizFlowOptions): Promise<void>;
     getServiceProvider(): ServiceProvider;

package/esm/foundation/core/index.js

@@ -10,7 +10,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { DisplayTypeEnum, eventCodeEnum } from "../../types";
+import { DisplayTypeEnum, ProductSceneEnum, eventCodeEnum } from "../../types";
 import { DisplayInfo } from "../index";
 import { v4 as uuid } from 'uuid';
 import { ServiceProvider } from "../service";
@@ -59,6 +59,16 @@ export var AntomSDKCore = /*#__PURE__*/function () {
       ServiceProvider.getInstance(this.instanceId).init(options, this.sdkMetaData);
       this.prepare(options, this.sdkMetaData);
     }
+  }, {
+    key: "transferEasyPaySdkVersion",
+    value: function transferEasyPaySdkVersion() {
+      return this.sdkMetaData = {
+        webAppVersion: '',
+        greyscaleId: getGrayscaleId(),
+        productScene: ProductSceneEnum.EASY_PAY,
+        sdkVersion: sdkVersion
+      };
+    }
   }, {
     key: "prepare",
     value: function prepare(options, sdkMetaData) {

package/esm/foundation/product-processor/easysafepay/index.d.ts

@@ -12,6 +12,7 @@ export declare class EasySafePayProcessor implements ProductProcessor {
     init(config: IoptionsParams, instanceId: string, sdkMetaData: SDKMetaData): void;
     startBizFlow(paymentContext: PaymentContext): Promise<BizFlowStartBehavior>;
     private preloadWebApp;
+    static preload(options: IoptionsParams, sdkVersion: SDKMetaData): void;
     private buildWebAppPreloadUrl;
     private buildWebAppUrl;
     private buildRedirectResult;

package/esm/foundation/product-processor/easysafepay/index.js

@@ -459,6 +459,13 @@ export var EasySafePayProcessor = /*#__PURE__*/function () {
       }
       return initSecuritySDK;
     }()
+  }], [{
+    key: "preload",
+    value: function preload(options, sdkVersion) {
+      var instanceId = uuid();
+      var currentEasyPay = new EasySafePayProcessor();
+      currentEasyPay.init(options, instanceId, sdkVersion);
+    }
   }]);
   return EasySafePayProcessor;
 }();

package/esm/index.d.ts

@@ -6,6 +6,11 @@ export { AMSCheckoutPage } from './core/component/ckp';
 export * from './types';
 export declare class AMSCheckout extends AMSComponent {
     constructor(_options: IoptionsParams, channelType?: ComponentSignEnum[], productSceneVersion?: string);
+    static preload(_options: {
+        channelType: ComponentSignEnum[];
+        productSceneVersion: string;
+        securityRegion?: 'US' | 'SG' | 'DE';
+    }): void;
 }
 export declare class AMSAutoDebit extends AMSCheckout {
     constructor(options: IoptionsParams);
@@ -31,9 +36,8 @@ export declare class Element extends ElementComponent {
 export default AMSCheckout;
 export declare class AMSEasyPay {
     private core;
-    private easySafePayProcessor;
     constructor(options: IoptionsParams);
+    static preload(options: IoptionsParams): void;
     createComponent(params: IcreateComponent): void;
-    preload(): void;
     unmount(): void;
 }

package/esm/index.js

@@ -2,11 +2,11 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
@@ -43,12 +43,23 @@ export var AMSCheckout = /*#__PURE__*/function (_AMSComponent) {
     _this = _super.call(this, _objectSpread({
       appVersion: AMSCheckoutAppVersion
     }, _options));
-    // this.preloadComponent(channelType, productSceneVersion);
-    _this.channelType = channelType;
-    _this.productSceneVersion = productSceneVersion;
+    console.log(_this.isSuccessfullyPreloaded, 'isSuccessfullyPreloaded');
+    if (!_this.isSuccessfullyPreloaded) {
+      _this.preloadComponent(channelType, productSceneVersion);
+    }
+    // this.channelType = channelType;
+    // this.productSceneVersion = productSceneVersion;
     return _this;
   }
-  return _createClass(AMSCheckout);
+  _createClass(AMSCheckout, null, [{
+    key: "preload",
+    value: function preload(_options) {
+      AMSComponent.preload(_objectSpread(_objectSpread({}, _options), {}, {
+        appVersion: AMSCheckoutAppVersion
+      }));
+    }
+  }]);
+  return AMSCheckout;
 }(AMSComponent);
 export var AMSAutoDebit = /*#__PURE__*/function (_AMSCheckout) {
   _inherits(AMSAutoDebit, _AMSCheckout);
@@ -164,7 +175,6 @@ export var AMSEasyPay = /*#__PURE__*/function () {
   function AMSEasyPay(options) {
     _classCallCheck(this, AMSEasyPay);
     _defineProperty(this, "core", void 0);
-    _defineProperty(this, "easySafePayProcessor", void 0);
     this.core = new AntomSDKCore();
     this.core.registerProcessor(ProductSceneEnum.EASY_PAY, '', new EasySafePayProcessor());
     this.core.init(options, ProductSceneEnum.EASY_PAY);
@@ -184,16 +194,18 @@ export var AMSEasyPay = /*#__PURE__*/function () {
         isAppWebview: params.isAppWebview
       });
     }
-  }, {
-    key: "preload",
-    value: function preload() {
-      this.core.init({}, ProductSceneEnum.EASY_PAY);
-    }
   }, {
     key: "unmount",
     value: function unmount() {
       this.core.destroy();
     }
+  }], [{
+    key: "preload",
+    value: function preload(options) {
+      var core = new AntomSDKCore();
+      var SDkMetaData = core.transferEasyPaySdkVersion();
+      EasySafePayProcessor.preload(options, SDkMetaData);
+    }
   }]);
   return AMSEasyPay;
 }();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alipay/ams-checkout",
-  "version": "0.0.1726734012-dev.11",
+  "version": "0.0.1726734012-dev.13",
   "description": "",
   "author": "",
   "main": "esm/index.js",