@alipay/ams-checkout 1.30.0 → 1.31.1

package/esm/core/component/element/type.d.ts

@@ -1,4 +1,25 @@
-import { ActionForm, ConnectErrorCode, ElementPaymentMethod } from '../../../types';
+import { ActionForm, ConnectErrorCode, IAmount, IAmountView, IPaymentMethod } from '../../../types';
+export declare enum ElementPaymentEvent {
+    RENDER_COMPONENT = "renderComponent",
+    CAPTURE_ASSET = "onCaptureAsset",
+    SIGN_OUT = "onSignout",
+    BLUR = "onBlur",
+    VALIDATE = "submitPay",
+    SUBMIT_RISK = "onSubmitRisk",
+    AFTER_SUBMIT = "onAfterSubmit",
+    SIZE_CHANGE = "onSizeChange",
+    LAUNCH = "onLaunch",
+    CALLBACK = "callback",
+    SEND_MUITI_APP_EVENT_TO_SDK = "sendMuitiAppEventToSdk",
+    LOG = "log",
+    HANDLE_PAYMENT = "handlePayment"
+}
+export declare enum ElementPaymentMethod {
+    CONTAINER_ELEMENT = "CONTAINER_ELEMENT",
+    AUTH_ELEMENT = "AUTH_ELEMENT",
+    ADDRESS_ELEMENT = "ADDRESS_ELEMENT",
+    PAYMENT_ELEMENT = "PAYMENT_ELEMENT"
+}
 export declare enum ThemeType {
     NostalgicGray = "nostalgicGray",
     Default = "default",
@@ -7,13 +28,27 @@ export declare enum ThemeType {
     GamingPurple = "gamingPurple",
     AgateGreen = "agateGreen"
 }
+export declare enum ElementType {
+    auth = "auth",
+    address = "address",
+    payment = "payment"
+}
+export declare enum PaymentElementLayout {
+    Tabs = "tabs",
+    Accordion = "Accordion"
+}
+export declare enum MountElementType {
+    auth = "AUTH_ELEMENT",
+    address = "ADDRESS_ELEMENT",
+    payment = "PAYMENT_ELEMENT"
+}
 export declare const addressTheme: {
     default: string;
     night: string;
 };
 export declare enum EventCallbackCode {
-    FAILED = "FAILED",
-    SUCCESS = "SUCCESS"
+    SDK_CREATE_COMPONENT_ERROR = "SDK_CREATE_COMPONENT_ERROR",
+    SDK_CREATEPAYMENT_PARAMETER_ERROR = "SDK_CREATEPAYMENT_PARAMETER_ERROR"
 }
 export declare enum ELEMENT_ENVIRONMENT {
     DEV = "DEV",
@@ -25,17 +60,16 @@ export declare enum ELEMENT_ENVIRONMENT {
 }
 export type ELEMENT_ENVIRONMENT_TYPE = keyof typeof ELEMENT_ENVIRONMENT | (typeof ELEMENT_ENVIRONMENT)[keyof typeof ELEMENT_ENVIRONMENT];
 export interface IElementOptions {
-    sessionData: string;
     environment?: ELEMENT_ENVIRONMENT_TYPE;
     locale?: string;
-    mode?: string;
     version?: string;
     appearance?: {
         theme: ThemeType.Default | ThemeType.Night;
     };
-    onEventCallback?: ({ code, message }: {
+    onEventCallback?: ({ code, message, result }: {
         code: EventCallbackCode;
         message: string;
+        result?: any;
     }) => void;
     loading?: {
         onStartLoading: () => void;
@@ -45,6 +79,7 @@ export interface IElementOptions {
 export interface AddressMountComponentsParams {
     configParams?: AddressMountConfig;
     prefillValue: Array<AddressSubmitData>;
+    sessionData: string;
     appearance: {
         themeType: string;
     };
@@ -57,6 +92,7 @@ export interface AddressMountComponentsParams {
 }
 interface BaseMountOptions<T = void> {
     configParams?: T;
+    sessionData: string;
     debugProps?: {
         localLink: string;
     };
@@ -78,22 +114,51 @@ interface AddressMountConfig {
     hideFields?: Array<HideField>;
 }
 export interface AddressMountOptions extends BaseMountOptions<AddressMountConfig> {
-    type: 'address';
+    type: ElementType.address;
     prefillValue: Array<AddressSubmitData>;
     appearance?: {
-        theme: ThemeType.Default | ThemeType.Night;
+        theme?: ThemeType.Default | ThemeType.Night;
     };
 }
 export interface LinkAuthMountOptions extends BaseMountOptions {
-    type: 'auth';
+    type: ElementType.auth;
     appearance?: {
-        theme: ThemeType;
+        theme?: ThemeType;
     };
 }
 export interface PaymentMountOptions extends BaseMountOptions {
-    type: 'payment';
+    type: ElementType.payment;
     appearance?: {
-        theme: ThemeType;
+        theme?: ThemeType;
+        layout?: {
+            type: PaymentElementLayout;
+        };
+        variables?: {
+            'content-primary': string;
+            'content-secondary': string;
+            'content-tertiary': string;
+            'content-quaternary': string;
+            'background-primary': string;
+            'background-secondary': string;
+            'background-disable': string;
+            'background-transparency': string;
+            'border-primary': string;
+            'border-secondary': string;
+            'border-disable': string;
+            'action-normal': string;
+            'action-hover': string;
+            'action-disable': string;
+            'action-secondary': string;
+            'state-failure': string;
+            'state-warning': string;
+            'state-success': string;
+            'state-info': string;
+            'state-marketing': string;
+            'radius-backup': string;
+            'radius-module': string;
+            'radius-component': string;
+            'radius-button': string;
+        };
     };
 }
 export declare enum AddressEventCallbackName {
@@ -188,4 +253,98 @@ export interface SubmitFuncResult {
     success: boolean;
     msg: string;
 }
+declare enum AccountStatusEnum {
+    EFFECTIVE = "EFFECTIVE",
+    UNREGISTERED = "UNREGISTERED"
+}
+type IAccountInfo = {
+    email?: string;
+    verifyId?: string;
+    accountStatus?: AccountStatusEnum;
+    oneAccountId?: string;
+    needOtp?: boolean;
+    errorMsg?: string;
+    inputStatus?: 'success' | 'loading' | 'error' | 'focused' | '';
+    resendLeftTimes?: number;
+};
+interface ShippingsItem {
+    shippingName: {
+        firstName: string;
+        lastName: string;
+    };
+    prefer: '1' | '0';
+    shippingId: string;
+    shippingPhoneNo: string;
+    shippingAddress: {
+        region: string;
+        state: string;
+        city: string;
+        address1: string;
+        address2: string;
+        zipCode: string;
+    };
+}
+interface Estimate {
+    unit: string;
+    value: number;
+}
+interface DeliveryEstimate {
+    maximum: Estimate;
+    minimum: Estimate;
+}
+interface FixedAmount {
+    amount: number;
+    currency: string;
+}
+interface ShippingRateData {
+    displayName: string;
+    deliveryEstimate: DeliveryEstimate;
+    fixedAmount: FixedAmount;
+}
+interface ShippingAddress {
+    address1: string;
+    address2: string;
+    city: string;
+    region: string;
+    state: string;
+    zipCode: string;
+}
+interface IUserName {
+    firstName: string;
+    middleName?: string;
+    lastName: string;
+    fullName?: string;
+}
+type Shippings = ShippingsItem[];
+type IPaymentMethods = IPaymentMethod[];
+interface CKPShipping {
+    shippingRateId?: string;
+    shippingRateData?: ShippingRateData;
+    shippingAddress: ShippingAddress;
+    shippingFee?: IAmount;
+    shippingFeeView?: IAmountView;
+    shippingDescription?: string;
+    deliveryEstimate?: DeliveryEstimate;
+    shippingFeeId?: string;
+    shippingName?: IUserName;
+    shippingPhoneNo?: string;
+    shipToEmail?: string;
+    notes?: string;
+}
+export interface AccountQueryRequest {
+    paymentSessionData: string;
+    paymentSessionConfig: any;
+    accountInfo: IAccountInfo;
+}
+export interface AccountQueryResult {
+    accountInfo: IAccountInfo;
+    actionForm?: ActionForm;
+    paymentMethods: IPaymentMethods;
+    shippings: Shippings;
+    success: boolean;
+    errorCode?: string;
+    errorMessage?: string;
+    errorStatus?: string;
+    shippingInfo?: CKPShipping;
+}
 export {};

package/esm/core/component/element/type.js

@@ -2,6 +2,29 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 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); }
+export var ElementPaymentEvent = /*#__PURE__*/function (ElementPaymentEvent) {
+  ElementPaymentEvent["RENDER_COMPONENT"] = "renderComponent";
+  ElementPaymentEvent["CAPTURE_ASSET"] = "onCaptureAsset";
+  ElementPaymentEvent["SIGN_OUT"] = "onSignout";
+  ElementPaymentEvent["BLUR"] = "onBlur";
+  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";
+  ElementPaymentEvent["HANDLE_PAYMENT"] = "handlePayment";
+  return ElementPaymentEvent;
+}({});
+export var ElementPaymentMethod = /*#__PURE__*/function (ElementPaymentMethod) {
+  ElementPaymentMethod["CONTAINER_ELEMENT"] = "CONTAINER_ELEMENT";
+  ElementPaymentMethod["AUTH_ELEMENT"] = "AUTH_ELEMENT";
+  ElementPaymentMethod["ADDRESS_ELEMENT"] = "ADDRESS_ELEMENT";
+  ElementPaymentMethod["PAYMENT_ELEMENT"] = "PAYMENT_ELEMENT";
+  return ElementPaymentMethod;
+}({});
 export var ThemeType = /*#__PURE__*/function (ThemeType) {
   ThemeType["NostalgicGray"] = "nostalgicGray";
   ThemeType["Default"] = "default";
@@ -11,10 +34,27 @@ export var ThemeType = /*#__PURE__*/function (ThemeType) {
   ThemeType["AgateGreen"] = "agateGreen";
   return ThemeType;
 }({});
+export var ElementType = /*#__PURE__*/function (ElementType) {
+  ElementType["auth"] = "auth";
+  ElementType["address"] = "address";
+  ElementType["payment"] = "payment";
+  return ElementType;
+}({});
+export var PaymentElementLayout = /*#__PURE__*/function (PaymentElementLayout) {
+  PaymentElementLayout["Tabs"] = "tabs";
+  PaymentElementLayout["Accordion"] = "Accordion";
+  return PaymentElementLayout;
+}({});
+export var MountElementType = /*#__PURE__*/function (MountElementType) {
+  MountElementType["auth"] = "AUTH_ELEMENT";
+  MountElementType["address"] = "ADDRESS_ELEMENT";
+  MountElementType["payment"] = "PAYMENT_ELEMENT";
+  return MountElementType;
+}({});
 export var addressTheme = _defineProperty(_defineProperty({}, ThemeType.Default, 'LIGHT'), ThemeType.Night, 'NIGHT');
 export var EventCallbackCode = /*#__PURE__*/function (EventCallbackCode) {
-  EventCallbackCode["FAILED"] = "FAILED";
-  EventCallbackCode["SUCCESS"] = "SUCCESS";
+  EventCallbackCode["SDK_CREATE_COMPONENT_ERROR"] = "SDK_CREATE_COMPONENT_ERROR";
+  EventCallbackCode["SDK_CREATEPAYMENT_PARAMETER_ERROR"] = "SDK_CREATEPAYMENT_PARAMETER_ERROR";
   return EventCallbackCode;
 }({});
 export var ELEMENT_ENVIRONMENT = /*#__PURE__*/function (ELEMENT_ENVIRONMENT) {
@@ -33,4 +73,9 @@ export var AddressEventCallbackName = /*#__PURE__*/function (AddressEventCallbac
   return AddressEventCallbackName;
 }({});
 
-// export type IMountResult = AddressMountResult | LinkAuthMountResult | PaymentMountResult;
+// export type IMountResult = AddressMountResult | LinkAuthMountResult | PaymentMountResult;
+var AccountStatusEnum = /*#__PURE__*/function (AccountStatusEnum) {
+  AccountStatusEnum["EFFECTIVE"] = "EFFECTIVE";
+  AccountStatusEnum["UNREGISTERED"] = "UNREGISTERED";
+  return AccountStatusEnum;
+}(AccountStatusEnum || {}); // element 接口start

package/esm/core/component/index.js

@@ -50,6 +50,7 @@ import { SecurityBusSubscriber } from "../bus/ability/security";
 import { TrackerBusSubscriber } from "../bus/ability/tracker";
 import CoreInstance from "../instance/index";
 import { loadChannelPneumaticControl } from "./appPreloadProcessing";
+import PreloadHelper from "../../foundation/utils/preload_helper";
 export var getComponentSign = function getComponentSign(params) {
   var _params$paymentSessio = params.paymentSessionConfig,
     _params$paymentSessio2 = _params$paymentSessio === void 0 ? {} : _params$paymentSessio,
@@ -388,6 +389,10 @@ export var AMSComponent = /*#__PURE__*/function (_CoreInstance) {
     key: "preloadComponent",
     value: function preloadComponent(channelType, productSceneVersion) {
       var _this6 = this;
+      if (PreloadHelper.isWebAppPreloaded) {
+        console.log('[web-sdk] web app already preloaded');
+        return;
+      }
       this.channelType = channelType;
       this.productSceneVersion = productSceneVersion;
       var MAX_CLEAR_TIME = 10000;

package/esm/core/instance/index.js

@@ -31,6 +31,7 @@ import { LogConfig, Logger } from "../../util/logger";
 import { getSecurityConfigStorageKey, getSecurityHost, getSecurityScene, Security, SecurityRegionEnum } from "../../util/security";
 import { compareVersion } from "../../util/versionCompare";
 import { BusManager, BusMessage } from "../bus";
+import PreloadHelper from "../../foundation/utils/preload_helper";
 var AMSSDK = /*#__PURE__*/function () {
   function AMSSDK(options) {
     _classCallCheck(this, AMSSDK);
@@ -168,7 +169,10 @@ var AMSSDK = /*#__PURE__*/function () {
       var sdk = this._getSecuritySDKByProductScene({
         product: product || scene
       });
-      if (sdk) return;
+      if (sdk) {
+        console.log('[web-sdk] skip init security sdk because it is already loaded');
+        return;
+      }
       this._newSecuritySDKByScene({
         product: product || scene,
         region: SecurityRegionEnum.SG
@@ -197,6 +201,13 @@ var AMSSDK = /*#__PURE__*/function () {
       var storage = this.getSecurityConfigStorage(securityConfig.product);
       var scene = storage.scene || getSecurityScene(securityConfig.product);
       var securitySdk = this.securitySdkMap.get(scene);
+      if (!securitySdk) {
+        securitySdk = PreloadHelper.getSecuritySdk(scene);
+        if (securitySdk) {
+          console.log('[web-sdk] return security sdk from preloaded');
+          this.securitySdkMap.set(scene, securitySdk);
+        }
+      }
       return securitySdk;
     }
     /**

package/esm/foundation/index.d.ts

@@ -67,7 +67,7 @@ export interface SDKMetaData {
     productScene: ProductSceneEnum;
     sdkVersion: string;
     webAppVersion: string;
-    greyscaleId: number;
+    greyscaleId?: number;
 }
 export interface InitContext {
     initOptions: IoptionsParams;

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

@@ -11,8 +11,6 @@ export declare class EasySafePayProcessor implements ProductProcessor {
     private SECURITY_SDK_INIT_TIMEOUT;
     init(config: IoptionsParams, instanceId: string, sdkMetaData: SDKMetaData): void;
     startBizFlow(paymentContext: PaymentContext): Promise<BizFlowStartBehavior>;
-    private preloadWebApp;
-    private buildWebAppPreloadUrl;
     private buildWebAppUrl;
     private buildRedirectResult;
     /**

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

@@ -16,7 +16,8 @@ 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 { ChannelCustomize, DisplayTypeEnum, getBackScheme, isPC, ProductInfoCacheUtil, ProductSceneEnum, RiskSdkInfoEnum, ServiceProvider, uuid, WebAppUrlUtil } from "./deps";
+import PreloadHelper from "../../../foundation/utils/preload_helper";
+import { ChannelCustomize, DisplayTypeEnum, getBackScheme, isPC, PaymentMethodCategoryTypeEnum, ProductInfoCacheUtil, ProductSceneEnum, RiskSdkInfoEnum, ServiceProvider, uuid, WebAppUrlUtil } from "./deps";
 export var EasySafePayProcessor = /*#__PURE__*/function () {
   function EasySafePayProcessor() {
     _classCallCheck(this, EasySafePayProcessor);
@@ -39,7 +40,9 @@ export var EasySafePayProcessor = /*#__PURE__*/function () {
       this.instanceId = instanceId;
       this.logger = ServiceProvider.getInstance(this.instanceId).getService('Log');
       this.securityService = ServiceProvider.getInstance(this.instanceId).getService('Security');
-      this.preloadWebApp(config, this.instanceId, sdkMetaData);
+
+      // preload web app
+      PreloadHelper.preloadWebApp(ProductSceneEnum.EASY_PAY, PaymentMethodCategoryTypeEnum.WALLET, this.initConfig.environment);
     }
   }, {
     key: "startBizFlow",
@@ -103,53 +106,6 @@ export var EasySafePayProcessor = /*#__PURE__*/function () {
       }
       return startBizFlow;
     }()
-  }, {
-    key: "preloadWebApp",
-    value: function preloadWebApp(config, instanceId, sdkMetaData) {
-      // trigger preload
-      var containerService = ServiceProvider.getInstance(this.instanceId).getService('Container');
-      var _this$buildWebAppPrel = this.buildWebAppPreloadUrl(config, instanceId, sdkMetaData),
-        taskId = _this$buildWebAppPrel.taskId,
-        webUrl = _this$buildWebAppPrel.webUrl;
-      containerService.preload(taskId, webUrl);
-    }
-  }, {
-    key: "buildWebAppPreloadUrl",
-    value: function buildWebAppPreloadUrl(initConfig, instanceId, sdkMetaData) {
-      var _this = this,
-        _initConfig$analytics;
-      var previousProductInfo = ProductInfoCacheUtil.getPreviousProductInfo(ProductSceneEnum.EASY_PAY, function (errorMsg) {
-        if (errorMsg) {
-          _this.logger.logError({
-            title: 'performance_optimization_get_previousChannel_error'
-          }, {
-            errorMessage: errorMsg
-          });
-        }
-      });
-      var paymentMethodCategoryType = previousProductInfo === null || previousProductInfo === void 0 ? void 0 : previousProductInfo.paymentMethodCategoryType;
-      var productSceneVersion = (previousProductInfo === null || previousProductInfo === void 0 ? void 0 : previousProductInfo.productSceneVersion) || '2.0';
-      var taskId = "ams-checkout-component-".concat(sdkMetaData.productScene, "_").concat(paymentMethodCategoryType);
-      var hostSign = previousProductInfo === null || previousProductInfo === void 0 ? void 0 : previousProductInfo.hostSign;
-      var webUrl = WebAppUrlUtil.getWebAppUrl({
-        environment: initConfig.environment,
-        paymentMethodCategoryType: paymentMethodCategoryType,
-        sdkMetaData: sdkMetaData,
-        isPreload: true,
-        productSceneVersion: productSceneVersion,
-        query: {
-          analyticsEnabled: (_initConfig$analytics = initConfig.analytics) === null || _initConfig$analytics === void 0 ? void 0 : _initConfig$analytics.enabled,
-          displayType: DisplayTypeEnum.popup,
-          instanceId: instanceId,
-          locale: initConfig.locale,
-          hostSign: hostSign
-        }
-      });
-      return {
-        webUrl: webUrl,
-        taskId: taskId
-      };
-    }
   }, {
     key: "buildWebAppUrl",
     value: function buildWebAppUrl() {
@@ -205,7 +161,7 @@ export var EasySafePayProcessor = /*#__PURE__*/function () {
   }, {
     key: "sendRequestAndWaitWebLaunch",
     value: function sendRequestAndWaitWebLaunch() {
-      var _this2 = this;
+      var _this = this;
       var eventCenter = ServiceProvider.getInstance(this.instanceId).getService('EventCenter');
       var webLaunchPromise = new Promise(function (resolve) {
         eventCenter.listen('onLaunch', function (res) {
@@ -215,25 +171,25 @@ export var EasySafePayProcessor = /*#__PURE__*/function () {
 
       // 等请求和 Web启动都Ready之后，发送renderComponent
       Promise.all([this.initSecuritySDK(), this.processSubmitPay(), webLaunchPromise]).then(function (_ref) {
-        var _this2$paymentContext, _this2$paymentContext2, _this2$paymentContext3, _this2$paymentContext4, _this2$paymentContext5, _this2$paymentContext6;
+        var _this$paymentContext, _this$paymentContext2, _this$paymentContext$, _this$paymentContext$2, _this$paymentContext$3, _this$paymentContext$4;
         var _ref2 = _slicedToArray(_ref, 3),
           _initSecurityRes = _ref2[0],
           submitRes = _ref2[1],
           _webLaunchRes = _ref2[2];
-        var logMetaData = _this2.logger.getLogConfig().mdata;
+        var logMetaData = _this.logger.getLogConfig().mdata;
         eventCenter.dispatchToApp({
           event: 'renderComponent',
           data: {
-            sessionResult: (_this2$paymentContext = _this2.paymentContext) === null || _this2$paymentContext === void 0 ? void 0 : _this2$paymentContext.paymentSessionObj,
+            sessionResult: (_this$paymentContext = _this.paymentContext) === null || _this$paymentContext === void 0 ? void 0 : _this$paymentContext.paymentSessionObj,
             submitResult: submitRes,
-            paymentSessionData: (_this2$paymentContext2 = _this2.paymentContext) === null || _this2$paymentContext2 === void 0 ? void 0 : _this2$paymentContext2.paymentSessionId,
+            paymentSessionData: (_this$paymentContext2 = _this.paymentContext) === null || _this$paymentContext2 === void 0 ? void 0 : _this$paymentContext2.paymentSessionId,
             heightOfVisible: Math.max(window.changingPageHeight, window.innerHeight),
-            renderDisplayType: _this2.paymentContext.displayInfo.type,
-            appearance: (_this2$paymentContext3 = _this2.paymentContext.displayInfo) === null || _this2$paymentContext3 === void 0 ? void 0 : _this2$paymentContext3.appearance,
-            notRedirectAfterComplete: ((_this2$paymentContext4 = _this2.paymentContext.startBizFlowOptions.submitPayRequestExtra) === null || _this2$paymentContext4 === void 0 ? void 0 : _this2$paymentContext4.notRedirectAfterComplete) === true,
-            isAppWebview: _this2.paymentContext.startBizFlowOptions.isAppWebview,
-            merchantAppointParam: (_this2$paymentContext5 = _this2.paymentContext.startBizFlowOptions.submitPayRequestExtra) === null || _this2$paymentContext5 === void 0 ? void 0 : _this2$paymentContext5.merchantAppointParam,
-            allowSubmitPayCallAhead: _this2.allowSubmitPayCallAhead,
+            renderDisplayType: _this.paymentContext.displayInfo.type,
+            appearance: (_this$paymentContext$ = _this.paymentContext.displayInfo) === null || _this$paymentContext$ === void 0 ? void 0 : _this$paymentContext$.appearance,
+            notRedirectAfterComplete: ((_this$paymentContext$2 = _this.paymentContext.startBizFlowOptions.submitPayRequestExtra) === null || _this$paymentContext$2 === void 0 ? void 0 : _this$paymentContext$2.notRedirectAfterComplete) === true,
+            isAppWebview: _this.paymentContext.startBizFlowOptions.isAppWebview,
+            merchantAppointParam: (_this$paymentContext$3 = _this.paymentContext.startBizFlowOptions.submitPayRequestExtra) === null || _this$paymentContext$3 === void 0 ? void 0 : _this$paymentContext$3.merchantAppointParam,
+            allowSubmitPayCallAhead: _this.allowSubmitPayCallAhead,
             envInfo: {
               screenHeight: screen.height,
               screenWidth: screen.width
@@ -242,7 +198,7 @@ export var EasySafePayProcessor = /*#__PURE__*/function () {
               trackId: logMetaData.requestSeq,
               platform: logMetaData.platform,
               firstLogTime: logMetaData.firstLogTime
-            }, ((_this2$paymentContext6 = _this2.paymentContext.paymentSessionObj) === null || _this2$paymentContext6 === void 0 ? void 0 : _this2$paymentContext6.paymentSessionConfig) || {}), {}, {
+            }, ((_this$paymentContext$4 = _this.paymentContext.paymentSessionObj) === null || _this$paymentContext$4 === void 0 ? void 0 : _this$paymentContext$4.paymentSessionConfig) || {}), {}, {
               renderDisplayType: logMetaData.renderDisplayType,
               sdkVersion: logMetaData.sdkVersion,
               merchantId: logMetaData.merchantId,
@@ -257,21 +213,21 @@ export var EasySafePayProcessor = /*#__PURE__*/function () {
     key: "processSubmitPay",
     value: function () {
       var _processSubmitPay = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-        var _this$paymentContext, _this$paymentContext2, _this$paymentContext3, _this$channelBehavior2, _this$channelBehavior3, _this$paymentContext$2;
-        var submitParams, _ref3, _ref3$productSceneVer, productSceneVersion, _ref4, _ref4$action, _ref4$action2, _ref4$action2$enableS, enableSignAgreement, _ref4$action2$autoDeb, autoDebitWithToken, _this$paymentContext$, paymentMethodType, isAppWebview, backScheme, requestBizId, extParams, requester, res;
+        var _this$paymentContext3, _this$paymentContext4, _this$paymentContext5, _this$channelBehavior2, _this$channelBehavior3, _this$paymentContext$6;
+        var submitParams, _ref3, _ref3$productSceneVer, productSceneVersion, _ref4, _ref4$action, _ref4$action2, _ref4$action2$enableS, enableSignAgreement, _ref4$action2$autoDeb, autoDebitWithToken, _this$paymentContext$5, paymentMethodType, isAppWebview, backScheme, requestBizId, extParams, requester, res;
         return _regeneratorRuntime().wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
               submitParams = {
-                paymentSessionData: ((_this$paymentContext = this.paymentContext) === null || _this$paymentContext === void 0 ? void 0 : _this$paymentContext.paymentSessionId) || '',
-                paymentSessionConfig: (_this$paymentContext2 = this.paymentContext) === null || _this$paymentContext2 === void 0 || (_this$paymentContext2 = _this$paymentContext2.paymentSessionObj) === null || _this$paymentContext2 === void 0 ? void 0 : _this$paymentContext2.paymentSessionConfig
+                paymentSessionData: ((_this$paymentContext3 = this.paymentContext) === null || _this$paymentContext3 === void 0 ? void 0 : _this$paymentContext3.paymentSessionId) || '',
+                paymentSessionConfig: (_this$paymentContext4 = this.paymentContext) === null || _this$paymentContext4 === void 0 || (_this$paymentContext4 = _this$paymentContext4.paymentSessionObj) === null || _this$paymentContext4 === void 0 ? void 0 : _this$paymentContext4.paymentSessionConfig
               };
               _ref3 = submitParams.paymentSessionConfig || {}, _ref3$productSceneVer = _ref3.productSceneVersion, productSceneVersion = _ref3$productSceneVer === void 0 ? '' : _ref3$productSceneVer;
-              _ref4 = ((_this$paymentContext3 = this.paymentContext) === null || _this$paymentContext3 === void 0 ? void 0 : _this$paymentContext3.paymentSessionObj) || {}, _ref4$action = _ref4.action, _ref4$action2 = _ref4$action === void 0 ? {} : _ref4$action, _ref4$action2$enableS = _ref4$action2.enableSignAgreement, enableSignAgreement = _ref4$action2$enableS === void 0 ? false : _ref4$action2$enableS, _ref4$action2$autoDeb = _ref4$action2.autoDebitWithToken, autoDebitWithToken = _ref4$action2$autoDeb === void 0 ? false : _ref4$action2$autoDeb;
+              _ref4 = ((_this$paymentContext5 = this.paymentContext) === null || _this$paymentContext5 === void 0 ? void 0 : _this$paymentContext5.paymentSessionObj) || {}, _ref4$action = _ref4.action, _ref4$action2 = _ref4$action === void 0 ? {} : _ref4$action, _ref4$action2$enableS = _ref4$action2.enableSignAgreement, enableSignAgreement = _ref4$action2$enableS === void 0 ? false : _ref4$action2$enableS, _ref4$action2$autoDeb = _ref4$action2.autoDebitWithToken, autoDebitWithToken = _ref4$action2$autoDeb === void 0 ? false : _ref4$action2$autoDeb;
               if (productSceneVersion === '2.0' && !autoDebitWithToken) {
                 ///EasyPay 2.0 首次传signAgreement字段
                 submitParams['signAgreement'] = enableSignAgreement;
-                paymentMethodType = (_this$paymentContext$ = this.paymentContext.paymentSessionObj) === null || _this$paymentContext$ === void 0 || (_this$paymentContext$ = _this$paymentContext$.paymentMethodInfoView) === null || _this$paymentContext$ === void 0 ? void 0 : _this$paymentContext$.paymentMethodType;
+                paymentMethodType = (_this$paymentContext$5 = this.paymentContext.paymentSessionObj) === null || _this$paymentContext$5 === void 0 || (_this$paymentContext$5 = _this$paymentContext$5.paymentMethodInfoView) === null || _this$paymentContext$5 === void 0 ? void 0 : _this$paymentContext$5.paymentMethodType;
                 isAppWebview = this.paymentContext.startBizFlowOptions.isAppWebview;
                 if (paymentMethodType == 'ALIPAY_CN' && !isAppWebview) {
                   backScheme = getBackScheme(undefined, this.logger);
@@ -302,7 +258,7 @@ export var EasySafePayProcessor = /*#__PURE__*/function () {
               extParams = ((_this$channelBehavior2 = this.channelBehavior) === null || _this$channelBehavior2 === void 0 || (_this$channelBehavior3 = _this$channelBehavior2.buildSubmitPayExtParams) === null || _this$channelBehavior3 === void 0 ? void 0 : _this$channelBehavior3.call(_this$channelBehavior2, {
                 instanceId: this.instanceId,
                 locale: this.initConfig.locale,
-                paymentMethodType: (_this$paymentContext$2 = this.paymentContext.paymentSessionObj) === null || _this$paymentContext$2 === void 0 || (_this$paymentContext$2 = _this$paymentContext$2.paymentMethodInfoView) === null || _this$paymentContext$2 === void 0 ? void 0 : _this$paymentContext$2.paymentMethodType,
+                paymentMethodType: (_this$paymentContext$6 = this.paymentContext.paymentSessionObj) === null || _this$paymentContext$6 === void 0 || (_this$paymentContext$6 = _this$paymentContext$6.paymentMethodInfoView) === null || _this$paymentContext$6 === void 0 ? void 0 : _this$paymentContext$6.paymentMethodType,
                 paymentSessionData: this.paymentContext.paymentSessionId,
                 env: this.initConfig.environment,
                 sdkVersion: this.paymentContext.sdkMetaData.sdkVersion
@@ -369,13 +325,13 @@ export var EasySafePayProcessor = /*#__PURE__*/function () {
     key: "acquireApdidToken",
     value: function () {
       var _acquireApdidToken = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
-        var _this$paymentContext$3;
+        var _this$paymentContext$7;
         var securityService, productScene, deviceId;
         return _regeneratorRuntime().wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               securityService = ServiceProvider.getInstance(this.instanceId).getService('Security');
-              productScene = (_this$paymentContext$3 = this.paymentContext.paymentSessionObj) === null || _this$paymentContext$3 === void 0 || (_this$paymentContext$3 = _this$paymentContext$3.paymentSessionConfig) === null || _this$paymentContext$3 === void 0 ? void 0 : _this$paymentContext$3.productScene;
+              productScene = (_this$paymentContext$7 = this.paymentContext.paymentSessionObj) === null || _this$paymentContext$7 === void 0 || (_this$paymentContext$7 = _this$paymentContext$7.paymentSessionConfig) === null || _this$paymentContext$7 === void 0 ? void 0 : _this$paymentContext$7.productScene;
               deviceId = securityService.getDeviceId({
                 productScene: productScene
               });
@@ -395,14 +351,14 @@ export var EasySafePayProcessor = /*#__PURE__*/function () {
     key: "initSecuritySDK",
     value: function () {
       var _initSecuritySDK = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
-        var _this$paymentContext$4, _this$paymentContext$5, productSceneVersion, nonCompliant, nonInitSecuritySDK, isFirstTimeToPay, shouldInitSecuritySDK;
+        var _this$paymentContext$8, _this$paymentContext$9, productSceneVersion, nonCompliant, nonInitSecuritySDK, isFirstTimeToPay, shouldInitSecuritySDK;
         return _regeneratorRuntime().wrap(function _callee4$(_context4) {
           while (1) switch (_context4.prev = _context4.next) {
             case 0:
               _context4.prev = 0;
               productSceneVersion = this.paymentContext.paymentSessionObj.paymentSessionConfig.productSceneVersion;
-              nonCompliant = (_this$paymentContext$4 = this.paymentContext.paymentSessionObj.action) === null || _this$paymentContext$4 === void 0 ? void 0 : _this$paymentContext$4.nonCompliant;
-              nonInitSecuritySDK = (_this$paymentContext$5 = this.paymentContext.paymentSessionObj.action) === null || _this$paymentContext$5 === void 0 ? void 0 : _this$paymentContext$5.nonInitSecuritySDK;
+              nonCompliant = (_this$paymentContext$8 = this.paymentContext.paymentSessionObj.action) === null || _this$paymentContext$8 === void 0 ? void 0 : _this$paymentContext$8.nonCompliant;
+              nonInitSecuritySDK = (_this$paymentContext$9 = this.paymentContext.paymentSessionObj.action) === null || _this$paymentContext$9 === void 0 ? void 0 : _this$paymentContext$9.nonInitSecuritySDK;
               isFirstTimeToPay = !this.paymentContext.paymentSessionObj.action.autoDebitWithToken;
               shouldInitSecuritySDK = false;
               if (nonInitSecuritySDK) {

package/esm/foundation/service/container/index.d.ts

@@ -16,8 +16,6 @@ export declare class ContainerService implements Service {
     update(): void;
     load(displayInfo: DisplayInfo, url: string, closeBtnFunc: () => void): HTMLDivElement;
     cleanContainer(displayInfo: DisplayInfo): void;
-    preload(taskId: string, url: string): void;
-    clearPreloadContainer(taskId: string): void;
     showLoading(container: HTMLDivElement, displayInfo: DisplayInfo): void;
     dismissLoading(isKeepMockup?: boolean): void;
     customizeLoading(listener: (event: 'SDK_START_OF_LOADING' | 'SDK_END_OF_LOADING') => void): void;