@alipay/ams-checkout 0.0.1694675458-dev.0 → 1.3.1-dev

package/{esm → dist/esm}/core/instance/index.js

@@ -17,7 +17,7 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
  */
 import { v4 as uuid } from 'uuid';
 import { ERRORMESSAGE, EVENT } from "../../constant";
-import { environmentEnum, modeEnum, networkModeEnum, osTypeEnum, terminalTypeEnum } from "../../types/index";
+import { environment, mode, networkMode, osType, terminalType } from "../../types/index";
 import { device, EventCenter, getType, queryParse } from "../../util/index";
 import CallApp from "../../util/intl-callapp/es/main";
 var AMSSDK = /*#__PURE__*/function () {
@@ -25,13 +25,16 @@ var AMSSDK = /*#__PURE__*/function () {
     _classCallCheck(this, AMSSDK);
     _defineProperty(this, "options", void 0);
     _defineProperty(this, "checkoutState", void 0);
-    _defineProperty(this, "_eventCenter", void 0);
+    _defineProperty(this, "eventCenter", void 0);
     _defineProperty(this, "plugins", void 0);
     _defineProperty(this, "_instanceId", void 0);
     this._instanceId = uuid();
     // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
     this.options = {};
-    this._eventCenter = new EventCenter();
+    this.eventCenter = new EventCenter();
+    this.checkoutState = {
+      paymentMethodType: ''
+    };
     this._initEvent(options);
     this._setOptions(options);
     this.plugins = new Map();
@@ -40,8 +43,8 @@ var AMSSDK = /*#__PURE__*/function () {
    * @description Destroy and process some contents of the plug-in
    */
   _createClass(AMSSDK, [{
-    key: "unmount",
-    value: function unmount() {
+    key: "destroy",
+    value: function destroy() {
       var _iterator = _createForOfIteratorHelper(this.plugins.values()),
         _step;
       try {
@@ -50,9 +53,7 @@ var AMSSDK = /*#__PURE__*/function () {
           try {
             plugin.logoutPlugin();
             // eslint-disable-next-line no-empty
-          } catch (error) {
-            console.error(error);
-          }
+          } catch (error) {}
         }
       } catch (err) {
         _iterator.e(err);
@@ -78,17 +79,17 @@ var AMSSDK = /*#__PURE__*/function () {
     value: function _setEnv(options) {
       var _queryParse = queryParse(),
         _moreEnv = _queryParse._moreEnv;
-      if (options !== null && options !== void 0 && options.environment && !((options === null || options === void 0 ? void 0 : options.environment) in environmentEnum) && _moreEnv !== 'true') {
-        console.warn(ERRORMESSAGE.INIT_PARAMETER_ERROR.ENVIRONMENT_ERROR.message);
+      if (options !== null && options !== void 0 && options.environment && !((options === null || options === void 0 ? void 0 : options.environment) in environment) && _moreEnv !== 'true') {
+        console.warn(ERRORMESSAGE.INIT_PARAMETER_ERROR.ENVIRONMENT_ERROR.errorMessage);
         options.environment = 'prod';
       }
       this.options.env = {
-        terminalType: device.isMobile ? terminalTypeEnum.WAP : terminalTypeEnum.WEB,
+        terminalType: device.isMobile ? terminalType.WAP : terminalType.WEB,
         environment: (options === null || options === void 0 ? void 0 : options.environment) || 'prod'
       };
-      if (this.options.env.terminalType === terminalTypeEnum.WAP) {
+      if (this.options.env.terminalType === terminalType.WAP) {
         // eslint-disable-next-line no-nested-ternary
-        this.options.env.osType = device.iOS ? osTypeEnum.IOS : device.Android ? osTypeEnum.ANDROID : osTypeEnum.ELSE;
+        this.options.env.osType = device.iOS ? osType.IOS : device.Android ? osType.ANDROID : osType.ELSE;
       }
     }
     /**
@@ -97,15 +98,15 @@ var AMSSDK = /*#__PURE__*/function () {
   }, {
     key: "_setMode",
     value: function _setMode(options) {
-      this.options.mode = (options === null || options === void 0 ? void 0 : options.mode) || modeEnum.component;
-      if (options !== null && options !== void 0 && options.mode && !((options === null || options === void 0 ? void 0 : options.mode) in modeEnum)) {
-        console.warn(ERRORMESSAGE.INIT_PARAMETER_ERROR.MODE_ERROR.message);
-        this.options.mode = modeEnum.component;
+      this.options.mode = (options === null || options === void 0 ? void 0 : options.mode) || mode.dropin;
+      if (options !== null && options !== void 0 && options.mode && !((options === null || options === void 0 ? void 0 : options.mode) in mode)) {
+        console.warn(ERRORMESSAGE.INIT_PARAMETER_ERROR.MODE_ERROR.errorMessage);
+        this.options.mode = mode.component;
       }
-      this.options.networkMode = (options === null || options === void 0 ? void 0 : options.networkMode) || networkModeEnum.session;
-      if (options !== null && options !== void 0 && options.networkMode && !((options === null || options === void 0 ? void 0 : options.networkMode) in networkModeEnum)) {
-        console.warn(ERRORMESSAGE.INIT_PARAMETER_ERROR.NET_MODE_NOT_SUPPORT.message);
-        this.options.networkMode = networkModeEnum.proxy;
+      this.options.networkMode = (options === null || options === void 0 ? void 0 : options.networkMode) || networkMode.session;
+      if (options !== null && options !== void 0 && options.networkMode && !((options === null || options === void 0 ? void 0 : options.networkMode) in networkMode)) {
+        console.warn(ERRORMESSAGE.INIT_PARAMETER_ERROR.NET_MODE_NOT_SUPPORT.errorMessage);
+        this.options.networkMode = networkMode.proxy;
       }
     }
     /**
@@ -115,28 +116,32 @@ var AMSSDK = /*#__PURE__*/function () {
     key: "_initEvent",
     value: function _initEvent(options) {
       if (options !== null && options !== void 0 && options.onError) {
-        if (getType(options.onError) !== 'function') throw new Error(ERRORMESSAGE.INIT_PARAMETER_ERROR.EVENT_ERROR.message);
+        if (getType(options.onError) !== 'function') throw new Error(ERRORMESSAGE.INIT_PARAMETER_ERROR.EVENT_ERROR.errorMessage);
         this._overrideSubscription(EVENT.error.name, options.onError, EVENT.error.uniqueKey);
       }
       if (options !== null && options !== void 0 && options.onPaymentMethodSelected) {
-        if (getType(options.onPaymentMethodSelected) !== 'function') throw new Error(ERRORMESSAGE.INIT_PARAMETER_ERROR.EVENT_ERROR.message);
+        if (getType(options.onPaymentMethodSelected) !== 'function') throw new Error(ERRORMESSAGE.INIT_PARAMETER_ERROR.EVENT_ERROR.errorMessage);
         this._overrideSubscription(EVENT.paymentMethodSelected.name, options.onPaymentMethodSelected, EVENT.paymentMethodSelected.uniqueKey);
       }
+      if (options !== null && options !== void 0 && options.onReady) {
+        if (getType(options.onReady) !== 'function') throw new Error(ERRORMESSAGE.INIT_PARAMETER_ERROR.EVENT_ERROR.errorMessage);
+        this._overrideSubscription(EVENT.ready.name, options.onReady, EVENT.ready.uniqueKey);
+      }
       if (options !== null && options !== void 0 && options.onSizeChanged) {
-        if (getType(options.onSizeChanged) !== 'function') throw new Error(ERRORMESSAGE.INIT_PARAMETER_ERROR.EVENT_ERROR.message);
+        if (getType(options.onSizeChanged) !== 'function') throw new Error(ERRORMESSAGE.INIT_PARAMETER_ERROR.EVENT_ERROR.errorMessage);
         this._overrideSubscription(EVENT.sizeChanged.name, options.onSizeChanged, EVENT.sizeChanged.uniqueKey);
       }
       if (options !== null && options !== void 0 && options.onLog) {
-        if (getType(options.onLog) !== 'function') throw new Error(ERRORMESSAGE.INIT_PARAMETER_ERROR.EVENT_ERROR.message);
+        if (getType(options.onLog) !== 'function') throw new Error(ERRORMESSAGE.INIT_PARAMETER_ERROR.EVENT_ERROR.errorMessage);
         this._overrideSubscription(EVENT.log.name, options.onLog, EVENT.log.uniqueKey);
       }
       if (options !== null && options !== void 0 && options.onEventCallback) {
-        if (getType(options.onEventCallback) !== 'function') throw new Error(ERRORMESSAGE.INIT_PARAMETER_ERROR.EVENT_ERROR.message);
+        if (getType(options.onEventCallback) !== 'function') throw new Error(ERRORMESSAGE.INIT_PARAMETER_ERROR.EVENT_ERROR.errorMessage);
         this._overrideSubscription(EVENT.eventCallback.name, options.onEventCallback, EVENT.eventCallback.uniqueKey);
       }
       if (options !== null && options !== void 0 && options.onClose) {
-        if (getType(options.onClose) !== 'function') throw new Error(ERRORMESSAGE.INIT_PARAMETER_ERROR.EVENT_ERROR.message);
-        this._overrideSubscription(EVENT.close.name, options.onClose, EVENT.close.uniqueKey);
+        if (getType(options.onClose) !== 'function') throw new Error(ERRORMESSAGE.INIT_PARAMETER_ERROR.EVENT_ERROR.errorMessage);
+        this._overrideSubscription(EVENT.onClose.name, options.onClose, EVENT.onClose.uniqueKey);
       }
     }
     /**
@@ -174,7 +179,7 @@ var AMSSDK = /*#__PURE__*/function () {
     value: function _redirect(data) {
       var _this = this;
       return new Promise(function (resolve, reject) {
-        var isWeb = _this.options.env.terminalType === terminalTypeEnum.WEB;
+        var isWeb = _this.options.env.terminalType === terminalType.WEB;
         var normalUrl = (data === null || data === void 0 ? void 0 : data.normalUrl) || '';
         var schemeUrl = (data === null || data === void 0 ? void 0 : data.schemeUrl) || '';
         var applinkUrl = (data === null || data === void 0 ? void 0 : data.applinkUrl) || '';
@@ -223,8 +228,47 @@ var AMSSDK = /*#__PURE__*/function () {
   }, {
     key: "_overrideSubscription",
     value: function _overrideSubscription(name, func, funcKey) {
-      this._eventCenter.off(name, func, funcKey);
-      this._eventCenter.on(name, func, funcKey);
+      this.eventCenter.off(name, func, funcKey);
+      this.eventCenter.on(name, func, funcKey);
+    }
+    /**
+     * @description Create an event handler, called when an error occurs in AMSCheckout.
+     */
+  }, {
+    key: "onError",
+    value: function onError(event) {
+      this._overrideSubscription(EVENT.error.name, event, EVENT.error.uniqueKey);
+    }
+    /**
+     * @description Create an event handler, called when the checkout view is available for interaction.
+     * mode: dropin
+     */
+    // onReady(event: () => void) {
+    //   this._overrideSubscription(EVENT.ready.name, event, EVENT.ready.uniqueKey);
+    // }
+    /**
+     * @description Create an event handler, called after the user selects the payment method
+     * mode: dropin
+     */
+    // onPaymentMethodSelected(event: callonPaymentMethodSelected) {
+    //   this._overrideSubscription(
+    //     EVENT.paymentMethodSelected.name,
+    //     event,
+    //     EVENT.paymentMethodSelected.uniqueKey,
+    //   );
+    // }
+    /**
+     * @description Create an event handler
+     */
+  }, {
+    key: "onSizeChanged",
+    value: function onSizeChanged(event) {
+      this._overrideSubscription(EVENT.sizeChanged.name, event, EVENT.sizeChanged.uniqueKey);
+    }
+  }, {
+    key: "onLog",
+    value: function onLog(event) {
+      this._overrideSubscription(EVENT.log.name, event, EVENT.log.uniqueKey);
     }
   }]);
   return AMSSDK;

package/{esm → dist/esm}/index.d.ts

@@ -5,12 +5,18 @@
  * 1. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE; and
  * 2. If applicable, the use of the Software is also subject to the terms and conditions of any non-disclosure agreement signed by you and the relevant Ant Group entity.
  */
-import { AMSComponent } from './core/component/index';
-import { IoptionsParams } from './types';
+import { IcreateComponentFunc } from './core/component/index';
+import { IconfirmPaymentFunc, IcreatePaymentFunc } from './core/drop-in/index';
+import AMSSDK from './core/instance';
+import { optionsParams } from './types';
 export * from './types';
-export declare class AMSCheckout extends AMSComponent {
+export declare class AMSCheckout extends AMSSDK {
+    createComponent: IcreateComponentFunc;
+    createPayment: IcreatePaymentFunc;
+    confirmPayment: IconfirmPaymentFunc;
+    constructor(options: optionsParams);
 }
 export declare class AMSAutoDebit extends AMSCheckout {
-    constructor(options: IoptionsParams);
+    constructor(options: optionsParams);
 }
 export default AMSCheckout;

package/{esm → dist/esm}/index.js

@@ -1,8 +1,6 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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); }
@@ -11,6 +9,9 @@ function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) ===
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 /**
  * Copyright (c) 2022 International Business Group, Ant Group. All rights reserved.
  *
@@ -18,17 +19,38 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  * 1. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE; and
  * 2. If applicable, the use of the Software is also subject to the terms and conditions of any non-disclosure agreement signed by you and the relevant Ant Group entity.
  */
-import { AMSComponent } from "./core/component/index";
+import { createComponent, mixinComponentConstructor } from "./core/component/index";
+import { confirmPayment, createPayment, mixinDropInConstructor, _subscribeFromCheckoutPlugin } from "./core/drop-in/index";
+import AMSSDK from "./core/instance";
 export * from "./types";
-export var AMSCheckout = /*#__PURE__*/function (_AMSComponent) {
-  _inherits(AMSCheckout, _AMSComponent);
+export var AMSCheckout = /*#__PURE__*/function (_AMSSDK) {
+  _inherits(AMSCheckout, _AMSSDK);
   var _super = _createSuper(AMSCheckout);
-  function AMSCheckout() {
+  function AMSCheckout(options) {
+    var _this;
     _classCallCheck(this, AMSCheckout);
-    return _super.apply(this, arguments);
+    _this = _super.call(this, options);
+    _defineProperty(_assertThisInitialized(_this), "createComponent", void 0);
+    _defineProperty(_assertThisInitialized(_this), "createPayment", void 0);
+    _defineProperty(_assertThisInitialized(_this), "confirmPayment", void 0);
+    Object.defineProperty(_assertThisInitialized(_this), 'createComponent', {
+      value: createComponent
+    });
+    Object.defineProperty(_assertThisInitialized(_this), 'createPayment', {
+      value: createPayment
+    });
+    Object.defineProperty(_assertThisInitialized(_this), 'confirmPayment', {
+      value: confirmPayment
+    });
+    Object.defineProperty(_assertThisInitialized(_this), '_subscribeFromCheckoutPlugin', {
+      value: _subscribeFromCheckoutPlugin
+    });
+    mixinComponentConstructor(options, _assertThisInitialized(_this));
+    mixinDropInConstructor(options, _assertThisInitialized(_this));
+    return _this;
   }
   return _createClass(AMSCheckout);
-}(AMSComponent);
+}(AMSSDK);
 export var AMSAutoDebit = /*#__PURE__*/function (_AMSCheckout) {
   _inherits(AMSAutoDebit, _AMSCheckout);
   var _super2 = _createSuper(AMSAutoDebit);

package/{esm → dist/esm}/plugin/component/cashierApp.d.ts

@@ -1,14 +1,15 @@
-import { componentSignEnum, Ianalytics } from '../../types';
-export declare const getAppPath: (environment: string | undefined, appVersion: string, componentSign: componentSignEnum, productSceneVersion: string, extendInfo: string) => any;
+import { Ianalytics } from '../../types';
+export declare const getAppPath: (environment: string | undefined, appVersion: string, componentName: string, productSceneVersion: string, extendInfo: string) => any;
 export declare const getAppDomain: (domainParams: {
     environment: string;
     appVersion: string;
-    componentSign: componentSignEnum;
+    componentName: string;
     productSceneVersion: string;
     extendInfo: string;
 }) => string;
 export declare const getIframeUrl: (iframeParams: {
-    componentSign: componentSignEnum;
+    componentName: string;
+    appearance: Record<string, string>;
     analytics?: Ianalytics;
     productSceneVersion: string;
     environment: string;
@@ -20,4 +21,4 @@ export declare const getIframeUrl: (iframeParams: {
 /**
  * @description Create iframe
  */
-export declare const createIframe: (mode: string, platform: 'mobile' | 'desktop') => HTMLIFrameElement;
+export declare const createIframe: (UIMode: string) => HTMLIFrameElement;

package/{esm → dist/esm}/plugin/component/cashierApp.js

@@ -9,57 +9,78 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
  * 1. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE; and
  * 2. If applicable, the use of the Software is also subject to the terms and conditions of any non-disclosure agreement signed by you and the relevant Ant Group entity.
  */
-import { marmptMap, sdkVersion } from "../../config/index";
-import { componentSignEnum } from "../../types";
+import json from "../../../package.json";
+import { componentNameEnum } from "../../types";
 import { getViewPort, queryParse, serialize } from "../../util/index";
-var getAppVersion = function getAppVersion(_extendInfo) {
-  try {
-    var info = JSON.parse(_extendInfo);
-    return info.versionMap.web[sdkVersion].targetWebVerison;
-  } catch (error) {
-    return '';
-  }
-};
-var getFinalProductSceneVersion = function getFinalProductSceneVersion(componentSign, productSceneVersion) {
-  var _signSupportMap;
-  var signSupportMap = (_signSupportMap = {}, _defineProperty(_signSupportMap, componentSignEnum.NONE, ['']), _defineProperty(_signSupportMap, componentSignEnum.AUTO_DEBIT_WALLET, ['1.0']), _defineProperty(_signSupportMap, componentSignEnum.CASHIER_PAYMENT_BANK, ['1.0']), _defineProperty(_signSupportMap, componentSignEnum.CASHIER_PAYMENT_CARD, ['1.0']), _defineProperty(_signSupportMap, componentSignEnum.EASY_PAY_WALLET, ['1.0', '2.0']), _signSupportMap);
-  var supportProductSceneVersion = signSupportMap[componentSign];
-  // 从左到右，从旧到新
-  var isSupport = supportProductSceneVersion.find(function (it) {
-    return it === productSceneVersion;
-  });
-  var finalProductSceneVersion = supportProductSceneVersion[supportProductSceneVersion.length - 1];
-  return isSupport ? productSceneVersion : finalProductSceneVersion;
-};
 export var getAppPath = function getAppPath() {
+  var _componentMap;
   var environment = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'prod';
   var appVersion = arguments.length > 1 ? arguments[1] : undefined;
-  var componentSign = arguments.length > 2 ? arguments[2] : undefined;
+  var componentName = arguments.length > 2 ? arguments[2] : undefined;
   var productSceneVersion = arguments.length > 3 ? arguments[3] : undefined;
   var extendInfo = arguments.length > 4 ? arguments[4] : undefined;
   var _ref = queryParse() || {},
-    urlTestHost = _ref.host;
-  var finalAppVersion = getAppVersion(extendInfo) || appVersion;
-  var finalProductSceneVersion = getFinalProductSceneVersion(componentSign, productSceneVersion);
-
+    urlTestHost = _ref.host,
+    _ref$_appVersion = _ref._appVersion,
+    _appVersion = _ref$_appVersion === void 0 ? '' : _ref$_appVersion;
+  var host = '';
+  var getAppVersion = function getAppVersion(_extendInfo) {
+    try {
+      // Configure the specified version number
+      if (_appVersion && !['sandbox', 'light_sandbox', 'prod'].includes(environment)) return _appVersion;
+      var info = JSON.parse(_extendInfo);
+      return info.versionMap.web[json.version].targetWebVerison || appVersion;
+    } catch (error) {
+      return appVersion;
+    }
+  };
+  var marmptMap = {
+    dev: 'http://page.alipay.net/page/antom-web-checkout/src/component-app',
+    sit: 'http://page.test.alipay.net/page/antom-web-checkout/src/component-app',
+    pre: 'https://pre.ac.alipay.com/page/antom-web-checkout/src/component-app',
+    sandbox: 'https://ac.alipay.com/page/antom-web-checkout/src/component-app',
+    light_sandbox: 'https://ac.alipay.com/page/antom-web-checkout/src/component-app',
+    prod: 'https://ac.alipay.com/page/antom-web-checkout/src/component-app'
+  };
+  var finalAppVersion = getAppVersion(extendInfo);
+  var getFinalProductSceneVersion = function getFinalProductSceneVersion(supportProductSceneVersion) {
+    // 从左到右，从旧到新
+    var isSupport = supportProductSceneVersion.find(function (it) {
+      return it === productSceneVersion;
+    });
+    var finalProductSceneVersion = supportProductSceneVersion[supportProductSceneVersion.length - 1];
+    if (isSupport) finalProductSceneVersion = productSceneVersion;
+    return finalProductSceneVersion;
+  };
+  var componentMap = (_componentMap = {}, _defineProperty(_componentMap, componentNameEnum.card, function () {
+    host = "".concat(marmptMap[environment], "/").concat(componentNameEnum.card, "/index.").concat(finalAppVersion, ".html");
+  }), _defineProperty(_componentMap, componentNameEnum.easyPay, function () {
+    var finalProductSceneVersion = getFinalProductSceneVersion(['1.0', '2.0']);
+    host = "".concat(marmptMap[environment], "/").concat(componentNameEnum.easyPay, "/").concat(finalProductSceneVersion, "/index.").concat(finalAppVersion, ".html");
+  }), _defineProperty(_componentMap, componentNameEnum.autoDebit, function () {
+    var finalProductSceneVersion = getFinalProductSceneVersion(['1.0']);
+    host = "".concat(marmptMap[environment], "/").concat(componentNameEnum.autoDebit, "/").concat(finalProductSceneVersion, "/index.").concat(finalAppVersion, ".html");
+  }), _componentMap);
+  if (componentMap[componentName]) componentMap[componentName]();
   // only for test while testurl?host=https://xxxxx.test.html
   if (urlTestHost && !['sandbox', 'light_sandbox', 'prod'].includes(environment)) {
     return urlTestHost;
   }
-  return "".concat(marmptMap[environment], "/").concat(componentSign, "/").concat(finalProductSceneVersion, "/index.").concat(finalAppVersion, ".html");
+  return host;
 };
 export var getAppDomain = function getAppDomain(domainParams) {
   var environment = domainParams.environment,
     appVersion = domainParams.appVersion,
-    componentSign = domainParams.componentSign,
+    componentName = domainParams.componentName,
     productSceneVersion = domainParams.productSceneVersion,
     extendInfo = domainParams.extendInfo;
   var reg = /^https?:\/\/([^/<>\s]+\.?)*/;
-  var macth = reg.exec(getAppPath(environment, appVersion, componentSign, productSceneVersion, extendInfo));
+  var macth = reg.exec(getAppPath(environment, appVersion, componentName, productSceneVersion, extendInfo));
   return macth && macth[0] || '';
 };
 export var getIframeUrl = function getIframeUrl(iframeParams) {
-  var componentSign = iframeParams.componentSign,
+  var componentName = iframeParams.componentName,
+    appearance = iframeParams.appearance,
     _iframeParams$analyti = iframeParams.analytics,
     analytics = _iframeParams$analyti === void 0 ? {
       enabled: true
@@ -70,9 +91,8 @@ export var getIframeUrl = function getIframeUrl(iframeParams) {
     extendInfo = iframeParams.extendInfo,
     locale = iframeParams.locale,
     instanceId = iframeParams.instanceId;
-  var path = getAppPath(environment, appVersion, componentSign, productSceneVersion, extendInfo || '');
-  var initialScale = 1;
-  var scale = getViewPort('initial-scale') || initialScale;
+  var path = getAppPath(environment, appVersion, componentName, productSceneVersion, extendInfo || '');
+  var scale = getViewPort('initial-scale') || 1;
   var _queryParse = queryParse(),
     _sandbox = _queryParse._sandbox,
     _light_sandbox = _queryParse._light_sandbox,
@@ -81,43 +101,40 @@ export var getIframeUrl = function getIframeUrl(iframeParams) {
     _queryParse$groupId = _queryParse.groupId,
     groupId = _queryParse$groupId === void 0 ? '' : _queryParse$groupId,
     LOCAL_MOCK = _queryParse.LOCAL_MOCK;
-  var urlParams = Object.assign({}, {
+  var urlParams = Object.assign({
     locale: locale,
     scale: scale,
     instanceId: instanceId,
+    sandbox: environment === 'light_sandbox' || _light_sandbox === 'true' ? 'true' : 'false',
     analyticsEnabled: (analytics === null || analytics === void 0 ? void 0 : analytics.enabled) === false ? 'false' : 'true',
-    sdkVersion: sdkVersion,
-    refUrl: window.location.href
-  });
-  if (LOCAL_MOCK) urlParams.LOCAL_MOCK = LOCAL_MOCK;
-  if (requestHost) urlParams.requestHost = requestHost;
-  if (groupId) urlParams.groupId = groupId;
-  if (environment === 'light_sandbox' || _light_sandbox === 'true') urlParams.sandbox = 'true';
-  if (environment === 'sandbox' || _sandbox === 'true') urlParams.shadow = 'true';
+    sdkVersion: json.version,
+    refUrl: window.location.href,
+    shadow: environment === 'sandbox' || _sandbox === 'true' ? 'true' : 'false',
+    requestHost: requestHost,
+    groupId: groupId,
+    LOCAL_MOCK: LOCAL_MOCK
+  }, appearance);
   var locationSearch = serialize(urlParams);
   return "".concat(path, "?").concat(locationSearch);
 };
+var getIframeId = function getIframeId(UIMode) {
+  var IdMap = {
+    dropin: 'checkout-dropin',
+    component: 'checkout-component'
+  };
+  return IdMap[UIMode] || 'checkout-component';
+};
 
 /**
  * @description Create iframe
  */
-export var createIframe = function createIframe(mode, platform) {
-  var getIframeId = function getIframeId() {
-    var IdMap = {
-      dropin: "ams-checkout-dropin-".concat(platform),
-      component: "ams-checkout-component-".concat(platform)
-    };
-    return IdMap[mode] || 'ams-checkout-component';
-  };
+export var createIframe = function createIframe(UIMode) {
   var iframe = document.createElement('iframe');
-  var iframeId = getIframeId();
-  var none = '0';
-  var width = '100%';
+  var iframeId = getIframeId(UIMode);
   iframe.id = iframeId;
-  iframe.style.height = none;
-  iframe.style.width = width;
-  iframe.style.border = none;
-  iframe.style.opacity = none;
+  iframe.style.height = '0px';
+  iframe.style.width = '100%';
+  iframe.style.border = '0';
   iframe.style.overflow = 'hidden';
   return iframe;
 };

package/{esm/plugin/component/component.inline.style.d.ts → dist/esm/plugin/component/component.style.d.ts}

@@ -5,7 +5,4 @@
  * 1. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE; and
  * 2. If applicable, the use of the Software is also subject to the terms and conditions of any non-disclosure agreement signed by you and the relevant Ant Group entity.
  */
-import { platformEnum } from '../../types';
-export declare const inlineComponentAddCss: () => void;
-export declare const addInlineLoading: (_selector: HTMLDivElement, platform: platformEnum) => void;
-export declare const createInlineBaseElement: (selector: string) => HTMLDivElement | undefined;
+export declare function componentAddCSS(): void;

package/dist/esm/plugin/component/component.style.js

@@ -0,0 +1,15 @@
+/**
+ * Copyright (c) 2022 International Business Group, Ant Group. All rights reserved.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), the rights to use, copy, modify, merge, and/or distribute the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ * 1. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE; and
+ * 2. If applicable, the use of the Software is also subject to the terms and conditions of any non-disclosure agreement signed by you and the relevant Ant Group entity.
+ */
+
+var componentCss = ".ams-component-container-mobile {\n  width: 100%;\n  height: 1px;\n  position: fixed;\n  bottom: -1px;\n  left: 0;\n  z-index: 1001;\n  background-color: #ffffff;\n  border-radius: 12px 12px 0 0;\n  overflow: hidden;\n}\n.ams-component-container-mobile-animation{\n  animation: ams-component-container-slide-in 0.3s ease-in-out;\n}\n\n.ams-component-section-desktop {\n  font-size: 0;\n}\n\n.ams-component-container-hidden-mobile {\n  width: 100%;\n  height: 1px;\n  position: fixed;\n  bottom: -1px;\n  left: 0;\n  z-index: 1001;\n  background-color: transparent;\n  border-radius: 12px 12px 0 0;\n  animation: ams-component-container-slide-out 0.26s ease-in forwards;\n  overflow: hidden;\n}\n\n.ams-component-section-mobile {\n  border-radius: 12px 12px 0 0;\n  overflow: hidden;\n  font-size: 0;\n}\n\n.ams-component-container-desktop {\n  display: block;\n  width: 672px;\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  z-index: 1001;\n  background-color: #ffffff;\n  border-radius: 8px;\n  overflow: hidden;\n  transform-origin: 50% 50%;\n}\n.ams-component-container-desktop-animation{\n  animation: ams-component-container-zoom-in 0.3s ease-in-out;\n  animation-fill-mode: forwards\n}\n\n@keyframes ams-component-container-zoom-out {\n  0% {\n    transform: translateX(-50%) translateY(-50%) scale(1);\n    opacity: 1\n  }\n\n  80% {\n    opacity: 0\n  }\n  \n  100% {\n    opacity: 0;\n    transform: translateX(-50%) translateY(-50%) scale(0.4);\n  }\n}\n\n@keyframes ams-component-container-zoom-in {\n  0% {\n    transform: translateX(-50%) translateY(-50%) scale(0.4);\n    opacity: 0\n  }\n\n  80% {\n    opacity: 1\n  }\n\n  100% {\n    opacity: 1;\n    transform: translateX(-50%) translateY(-50%) scale(1);\n  }\n}\n\n.ams-component-container-hidden-desktop {\n  display: block;\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  z-index: 1001;\n  background-color: #ffffff;\n  border-radius: 8px;\n  overflow: hidden;\n  animation-fill-mode: forwards;\n  animation: ams-component-container-zoom-out 0.3s ease-in-out;\n  transform-origin: 50% 50%;\n}\n\n.ams-component-loading {\n  width: 0.8em;\n  height:0.8em;\n  background: rgba(0, 0, 0, 0.5);\n  border-radius: 8px;\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  z-index: 1001;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.ams-component-loading .line {\n  width: 40px;\n  height: 40px;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.ams-component-loading .line div {\n  position: absolute;\n  left: 17.67px;\n  top: 0;\n  width: 5.33px;\n  height: 40px;\n}\n\n.ams-component-loading .line div:before,\n.ams-component-loading .line div:after {\n  content: '';\n  display: block;\n  height: 13.33px;\n  background: #fcfcfc;\n  border-radius: 5.3px;\n}\n.ams-component-loading .line div:after {\n  margin-top: 13.33px;\n}\n\n.ams-component-loading .line div:nth-child(2) {\n  -webkit-transform: rotate(45deg);\n}\n\n.ams-component-loading .line div:nth-child(3) {\n  -webkit-transform: rotate(90deg);\n}\n\n.ams-component-loading .line div:nth-child(4) {\n  -webkit-transform: rotate(135deg);\n}\n\n/** \u52A0\u8F7D\u52A8\u753B **/\n@-webkit-keyframes load {\n  0% {\n      opacity: 0;\n  }\n\n  100% {\n      opacity: 1;\n  }\n\n}\n\n.ams-component-loading .line div:nth-child(1):before {\n  -webkit-animation: load 1s linear 0s infinite;\n}\n\n.ams-component-loading .line div:nth-child(2):before {\n  -webkit-animation: load 1s linear 0.125s infinite;\n}\n\n.ams-component-loading .line div:nth-child(3):before {\n  -webkit-animation: load 1s linear 0.25s infinite;\n}\n\n.ams-component-loading .line div:nth-child(4):before {\n  -webkit-animation: load 1s linear 0.375s infinite;\n}\n\n.ams-component-loading .line div:nth-child(1):after {\n  -webkit-animation: load 1s linear 0.5s infinite;\n}\n\n.ams-component-loading .line div:nth-child(2):after {\n  -webkit-animation: load 1s linear 0.675s infinite;\n}\n\n.ams-component-loading .line div:nth-child(3):after {\n  -webkit-animation: load 1s linear 0.75s infinite;\n}\n\n.ams-component-loading .line div:nth-child(4):after {\n  -webkit-animation: load 1s linear 0.875s infinite;\n}\n\n.ams-component-loading-logo {\n  width: 0.44em;\n  height: 0.44em;\n  -webkit-transform:rotate(360deg);\n  transform:rotate(360deg);\n  -webkit-transition:-webkit-transform 1s linear;\n  transition:transform 1s linear;\n  animation: ams-component-loading-logo 1s linear infinite;\n}\n\n.asm-component-close-block-desktop {\n  position: absolute;\n  width: 40px;\n  height: 40px;\n  right: 0;\n  top: 0;\n  cursor: pointer;\n}\n.asm-component-close-btn-desktop {\n  width: 11px;\n  height: 11px;\n  object-fit: fill;\n  position: absolute;\n  right: 18.7px;\n  top: 26.7px;\n}\n.asm-component-close-block-hidden {\n  width: 0px !important;\n  height: 0px !important;\n  visibility: hidden;\n}\n.asm-component-close-block-mobile {\n  position: absolute;\n  width: 0.4em;\n  height: 0.4em;\n  right: 0;\n  top: 0;\n  cursor: pointer;\n  z-index: 1009;\n}\n\n.asm-component-close-btn-mobile {\n  width: 0.11em;\n  height: 0.11em;\n  object-fit: fill;\n  position: absolute;\n  right: 0.147em;\n  top: 0.167em;\n}\n\n\n.ams-component-container-opacity{\n  opacity: 1;\n}\n\n.ams-component-container-opacity:after{\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  display: block;\n  content: \"\";\n  z-index: 1010;\n  background-color: rgba(0, 0, 0, 0.35);\n}\n\n#ams-component-retention {\n  position: fixed;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  transform-origin: 50%;\n  height: auto;\n  display: none;\n  z-index: 1009;\n}\n\n.ams-component-retention-show {\n  display: flex !important;\n  animation: ams-component-container-zoom-in 0.3s ease-in-out;\n  animation-fill-mode: forwards\n}\n\n.ams-component-retention-hidden {\n  display: flex !important;\n  animation: ams-component-container-zoom-out 0.3s ease-in-out;\n  animation-fill-mode: forwards\n}\n\n.ams-component-retention-mobile {\n  width: 294px;\n  border-radius: 12px;\n  padding: 24px 0;\n  background-color: #fff;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n  box-sizing: border-box;\n}\n\n.ams-component-retention-desktop {\n  width: 544px;\n  border-radius: 12px;\n  padding: 32px;\n  background-color: #fff;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n  box-sizing: border-box;\n}\n\n@media screen and (max-width: 300px) {\n  .ams-component-retention-mobile {\n      transform: translate(-50%, -50%) scale(0.8);\n  }\n}\n\n.ams-component-retention-title-mobile {\n  width: 100%;\n  font-style: normal;\n  font-weight: 600;\n  font-size: 16px;\n  line-height: 24px;\n  color: #2A3A52;\n  text-align: center;\n  padding: 0 16px;\n  box-sizing: border-box;\n}\n\n.ams-component-retention-title-desktop {\n  text-align: left;\n  width: 100%;\n  font-style: normal;\n  font-weight: 600;\n  font-size: 16px;\n  line-height: 24px;\n  color: #2A3A52;\n}\n\n.ams-component-retention-sub-title-mobile {\n  width: 100%;\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 20px;\n  color: #7C8CA3;\n  margin-top: 8px;\n  text-align: center;\n  padding: 0 16px;\n  box-sizing: border-box;\n}\n\n.ams-component-retention-sub-title-desktop {\n  text-align: left;\n  font-style: normal;\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 20px;\n  color: #7C8CA3;\n  margin-top: 10px;\n}\n\n.ams-component-retention-btn-block-mobile {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n  margin-top: 24px;\n  padding: 0 24px;\n  box-sizing: border-box;\n}\n\n.ams-component-retention-btn-block-desktop {\n  width: 100%;\n  margin-top: 24px;\n}\n\n#ams-component-retention-remain {\n  background: #0079FF;\n  border-radius: 100px;\n  font-style: normal;\n  font-weight: 600;\n  text-align: center;\n  box-sizing: border-box;\n  color: #FFFFFF;\n}\n\n.ams-component-retention-remain-mobile {\n  width: 100%;\n  height: 44px;\n  font-size: 16px;\n  line-height: 44px;\n}\n\n.ams-component-retention-remain-desktop {\n  height: 44px;\n  font-size: 16px;\n  line-height: 44px;\n  display: inline-block;\n  padding: 0 24px;\n  float: right;\n  cursor: pointer;\n}\n\n#ams-component-retention-leave {\n  border-radius: 100px;\n  border: 1px solid #0079FF;\n  font-style: normal;\n  font-weight: 600;\n  text-align: center;\n  box-sizing: border-box;\n}\n\n.ams-component-retention-leave-mobile {\n  width: 100%;\n  height: 44px;\n  font-size: 16px;\n  line-height: 44px;\n  color: #1677FF;\n  margin-top: 12px;\n}\n\n.ams-component-retention-leave-desktop {\n  height: 44px;\n  font-size: 16px;\n  line-height: 44px;\n  color: #1677FF;\n  display: inline-block;\n  padding: 0 24px;\n  float: right;\n  margin-right: 16px;\n  cursor: pointer;\n}\n\n";
+export function componentAddCSS() {
+  var style = document.createElement('style');
+  style.type = 'text/css';
+  style.innerHTML = componentCss;
+  document.head.appendChild(style);
+}