@alipay/ams-checkout 0.0.1693912790-dev.3 → 0.0.1694400497-dev.1

package/esm/core/drop-in/index.js

@@ -8,10 +8,10 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
  * 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.
  */
-
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import { BASEPLUGINID, ERRORMESSAGE, EVENT } from "../../constant";
 import CheckoutApp from "../../plugin/drop-in";
-import { messageName, networkMode } from "../../types";
+import { messageName, networkModeEnum } from "../../types";
 import { createIframeNode } from "../../util/createIframeNode";
 export var mixinDropInConstructor = function mixinDropInConstructor(options, context) {
   // Instantiate the plug-in and set render
@@ -28,7 +28,7 @@ export var mixinDropInConstructor = function mixinDropInConstructor(options, con
  */
 export var createPayment = function createPayment(params) {
   var _this = this;
-  if (this.options.networkMode === networkMode.proxy) {
+  if (this.options.networkMode === networkModeEnum.proxy) {
     return new Promise(function (resolve, reject) {
       try {
         var checkoutApp = _this._getPlugin(BASEPLUGINID);
@@ -38,7 +38,7 @@ export var createPayment = function createPayment(params) {
       }
     });
   } else {
-    console.warn(ERRORMESSAGE.INIT_PARAMETER_ERROR.NET_MODE_NOT_SUPPORT.errorMessage);
+    console.warn(ERRORMESSAGE.INIT_PARAMETER_ERROR.NET_MODE_NOT_SUPPORT.message);
     return Promise.reject(ERRORMESSAGE.INIT_PARAMETER_ERROR.NET_MODE_NOT_SUPPORT);
   }
 };
@@ -49,8 +49,8 @@ export var createPayment = function createPayment(params) {
 export var confirmPayment = function confirmPayment(result) {
   var _this2 = this;
   return new Promise(function (resolve, reject) {
-    _this2.eventCenter.once('onRedirect', function (playload) {
-      _this2._redirect(playload).then(function () {
+    _this2.eventCenter.once('onRedirect', function (payload) {
+      _this2._redirect(payload).then(function () {
         resolve();
       }).catch(function (err) {
         reject(err);
@@ -73,21 +73,21 @@ export var confirmPayment = function confirmPayment(result) {
  */
 export var _subscribeFromCheckoutPlugin = function _subscribeFromCheckoutPlugin() {
   var _this3 = this;
-  var eventKeyMap = new Map([[EVENT.error.name, function (playload) {
-    _this3.eventCenter.emit(EVENT.error.name, playload.context.data);
-  }], [EVENT.ready.name, function (playload) {
-    _this3.eventCenter.emit(EVENT.ready.name, playload.context.data);
-  }], [EVENT.redirect.name, function (playload) {
-    _this3.eventCenter.emit(EVENT.redirect.name, playload.context.data);
-  }], [EVENT.paymentMethodSelected.name, function (playload) {
-    _this3.checkoutState.paymentMethodType = playload.context.data.paymentMethodType;
+  var eventKeyMap = new Map([[EVENT.error.name, function (payload) {
+    _this3.eventCenter.emit(EVENT.error.name, payload.context.data);
+  }], [EVENT.ready.name, function (payload) {
+    _this3.eventCenter.emit(EVENT.ready.name, payload.context.data);
+  }], [EVENT.redirect.name, function (payload) {
+    _this3.eventCenter.emit(EVENT.redirect.name, payload.context.data);
+  }], [EVENT.paymentMethodSelected.name, function (payload) {
+    _this3.checkoutState.paymentMethodType = payload.context.data.paymentMethodType;
     _this3.eventCenter.emit(EVENT.paymentMethodSelected.name, {
-      paymentMethodType: playload.context.data.paymentMethodType
+      paymentMethodType: payload.context.data.paymentMethodType
     });
-  }], [EVENT.sizeChanged.name, function (playload) {
-    _this3.eventCenter.emit(EVENT.sizeChanged.name, playload.context.data);
-  }], [EVENT.log.name, function (playload) {
-    _this3.eventCenter.emit(EVENT.log.name, playload.context.data);
+  }], [EVENT.sizeChanged.name, function (payload) {
+    _this3.eventCenter.emit(EVENT.sizeChanged.name, payload.context.data);
+  }], [EVENT.log.name, function (payload) {
+    _this3.eventCenter.emit(EVENT.log.name, payload.context.data);
   }]]);
   var _iterator = _createForOfIteratorHelper(eventKeyMap.keys()),
     _step;

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

@@ -1,16 +1,16 @@
-import type { AMSCheckoutOptions, callOnError, callOnLog, callOnSizeChanged, checkoutState, optionsParams } from '../../types/index';
+import type { AMSCheckoutOptions, IcheckoutState, IoptionsParams } from '../../types/index';
 import { EventCenter } from '../../util/index';
 export default class AMSSDK {
     options: AMSCheckoutOptions;
-    checkoutState: checkoutState;
-    eventCenter: EventCenter;
+    checkoutState: IcheckoutState;
+    _eventCenter: EventCenter;
     protected plugins: Map<string, any>;
     _instanceId: string;
-    constructor(options: optionsParams);
+    constructor(options: IoptionsParams);
     /**
      * @description Destroy and process some contents of the plug-in
      */
-    destroy(): void;
+    unmount(): void;
     /**
      * @description Set the sdk basic configuration
      */
@@ -34,7 +34,7 @@ export default class AMSSDK {
     /**
      * @description Get Plug-in
      */
-    _getPlugin(pluginId: string): any;
+    protected _getPlugin(pluginId: string): any;
     /**
      * @description Execute to open app or jump link
      */
@@ -47,13 +47,4 @@ export default class AMSSDK {
      * @description Overlay Subscription
      */
     protected _overrideSubscription(name: string, func: any, funcKey: string): void;
-    /**
-     * @description Create an event handler, called when an error occurs in AMSCheckout.
-     */
-    onError(event: callOnError): void;
-    /**
-     * @description Create an event handler
-     */
-    onSizeChanged(event: callOnSizeChanged): void;
-    onLog(event: callOnLog): void;
 }

package/esm/core/instance/index.js

@@ -15,9 +15,10 @@ 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.
  */
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import { v4 as uuid } from 'uuid';
 import { ERRORMESSAGE, EVENT } from "../../constant";
-import { environment, mode, networkMode, osType, terminalType } from "../../types/index";
+import { environmentEnum, modeEnum, networkModeEnum, osTypeEnum, terminalTypeEnum } from "../../types/index";
 import { device, EventCenter, getType, queryParse } from "../../util/index";
 import CallApp from "../../util/intl-callapp/es/main";
 var AMSSDK = /*#__PURE__*/function () {
@@ -25,16 +26,13 @@ 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.checkoutState = {
-      paymentMethodType: ''
-    };
+    this._eventCenter = new EventCenter();
     this._initEvent(options);
     this._setOptions(options);
     this.plugins = new Map();
@@ -43,8 +41,8 @@ var AMSSDK = /*#__PURE__*/function () {
    * @description Destroy and process some contents of the plug-in
    */
   _createClass(AMSSDK, [{
-    key: "destroy",
-    value: function destroy() {
+    key: "unmount",
+    value: function unmount() {
       var _iterator = _createForOfIteratorHelper(this.plugins.values()),
         _step;
       try {
@@ -53,7 +51,9 @@ var AMSSDK = /*#__PURE__*/function () {
           try {
             plugin.logoutPlugin();
             // eslint-disable-next-line no-empty
-          } catch (error) {}
+          } catch (error) {
+            console.error(error);
+          }
         }
       } catch (err) {
         _iterator.e(err);
@@ -79,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 environment) && _moreEnv !== 'true') {
-        console.warn(ERRORMESSAGE.INIT_PARAMETER_ERROR.ENVIRONMENT_ERROR.errorMessage);
+      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);
         options.environment = 'prod';
       }
       this.options.env = {
-        terminalType: device.isMobile ? terminalType.WAP : terminalType.WEB,
+        terminalType: device.isMobile ? terminalTypeEnum.WAP : terminalTypeEnum.WEB,
         environment: (options === null || options === void 0 ? void 0 : options.environment) || 'prod'
       };
-      if (this.options.env.terminalType === terminalType.WAP) {
+      if (this.options.env.terminalType === terminalTypeEnum.WAP) {
         // eslint-disable-next-line no-nested-ternary
-        this.options.env.osType = device.iOS ? osType.IOS : device.Android ? osType.ANDROID : osType.ELSE;
+        this.options.env.osType = device.iOS ? osTypeEnum.IOS : device.Android ? osTypeEnum.ANDROID : osTypeEnum.ELSE;
       }
     }
     /**
@@ -98,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) || 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.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.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;
+      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;
       }
     }
     /**
@@ -116,28 +116,28 @@ 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.errorMessage);
+        if (getType(options.onError) !== 'function') throw new Error(ERRORMESSAGE.INIT_PARAMETER_ERROR.EVENT_ERROR.message);
         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.errorMessage);
+        if (getType(options.onPaymentMethodSelected) !== 'function') throw new Error(ERRORMESSAGE.INIT_PARAMETER_ERROR.EVENT_ERROR.message);
         this._overrideSubscription(EVENT.paymentMethodSelected.name, options.onPaymentMethodSelected, EVENT.paymentMethodSelected.uniqueKey);
       }
       if (options !== null && options !== void 0 && options.onSizeChanged) {
-        if (getType(options.onSizeChanged) !== 'function') throw new Error(ERRORMESSAGE.INIT_PARAMETER_ERROR.EVENT_ERROR.errorMessage);
+        if (getType(options.onSizeChanged) !== 'function') throw new Error(ERRORMESSAGE.INIT_PARAMETER_ERROR.EVENT_ERROR.message);
         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.errorMessage);
+        if (getType(options.onLog) !== 'function') throw new Error(ERRORMESSAGE.INIT_PARAMETER_ERROR.EVENT_ERROR.message);
         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.errorMessage);
+        if (getType(options.onEventCallback) !== 'function') throw new Error(ERRORMESSAGE.INIT_PARAMETER_ERROR.EVENT_ERROR.message);
         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.errorMessage);
-        this._overrideSubscription(EVENT.onClose.name, options.onClose, EVENT.onClose.uniqueKey);
+        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);
       }
     }
     /**
@@ -175,7 +175,7 @@ var AMSSDK = /*#__PURE__*/function () {
     value: function _redirect(data) {
       var _this = this;
       return new Promise(function (resolve, reject) {
-        var isWeb = _this.options.env.terminalType === terminalType.WEB;
+        var isWeb = _this.options.env.terminalType === terminalTypeEnum.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) || '';
@@ -224,29 +224,8 @@ var AMSSDK = /*#__PURE__*/function () {
   }, {
     key: "_overrideSubscription",
     value: function _overrideSubscription(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
-     */
-  }, {
-    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);
+      this._eventCenter.off(name, func, funcKey);
+      this._eventCenter.on(name, func, funcKey);
     }
   }]);
   return AMSSDK;

package/esm/image/skeleton.svg

@@ -0,0 +1,18 @@
+<svg width="740" height="360" viewBox="0 0 740 360" fill="none" xmlns="">
+<rect width="740" height="360" rx="12" fill="#F6F6F6"/>
+<rect opacity="0.7" x="44" y="44" width="32" height="32" rx="4" fill="#E1E6ED"/>
+<rect opacity="0.7" x="94" y="44" width="32" height="32" rx="4" fill="#E1E6ED"/>
+<rect opacity="0.7" x="144" y="44" width="32" height="32" rx="4" fill="#E1E6ED"/>
+<g style="mix-blend-mode:multiply" opacity="0.336007">
+<path d="M136 100H48C43.5817 100 40 103.582 40 108C40 112.418 43.5817 116 48 116H136C140.418 116 144 112.418 144 108C144 103.582 140.418 100 136 100Z" fill="#E1E6ED"/>
+</g>
+<g style="mix-blend-mode:multiply" opacity="0.336007">
+<path d="M682 126H58C48.0589 126 40 134.059 40 144C40 153.941 48.0589 162 58 162H682C691.941 162 700 153.941 700 144C700 134.059 691.941 126 682 126Z" fill="#E1E6ED"/>
+</g>
+<g style="mix-blend-mode:multiply" opacity="0.336007">
+<path d="M682 182H58C48.0589 182 40 190.059 40 200C40 209.941 48.0589 218 58 218H682C691.941 218 700 209.941 700 200C700 190.059 691.941 182 682 182Z" fill="#E1E6ED"/>
+</g>
+<g style="mix-blend-mode:multiply" opacity="0.336007">
+<path d="M504 274H64C52.9543 274 44 282.954 44 294C44 305.046 52.9543 314 64 314H504C515.046 314 524 305.046 524 294C524 282.954 515.046 274 504 274Z" fill="#E1E6ED"/>
+</g>
+</svg>

package/esm/index.d.ts

@@ -5,18 +5,12 @@
  * 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 { IcreateComponentFunc } from './core/component/index';
-import { IconfirmPaymentFunc, IcreatePaymentFunc } from './core/drop-in/index';
-import AMSSDK from './core/instance';
-import { optionsParams } from './types';
+import { AMSComponent } from './core/component/index';
+import { IoptionsParams } from './types';
 export * from './types';
-export declare class AMSCheckout extends AMSSDK {
-    createComponent: IcreateComponentFunc;
-    createPayment: IcreatePaymentFunc;
-    confirmPayment: IconfirmPaymentFunc;
-    constructor(options: optionsParams);
+export declare class AMSCheckout extends AMSComponent {
 }
 export declare class AMSAutoDebit extends AMSCheckout {
-    constructor(options: optionsParams);
+    constructor(options: IoptionsParams);
 }
 export default AMSCheckout;

package/esm/index.js

@@ -1,6 +1,8 @@
 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); }
@@ -9,9 +11,6 @@ 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.
  *
@@ -19,38 +18,17 @@ 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 { createComponent, mixinComponentConstructor } from "./core/component/index";
-import { confirmPayment, createPayment, mixinDropInConstructor, _subscribeFromCheckoutPlugin } from "./core/drop-in/index";
-import AMSSDK from "./core/instance";
+import { AMSComponent } from "./core/component/index";
 export * from "./types";
-export var AMSCheckout = /*#__PURE__*/function (_AMSSDK) {
-  _inherits(AMSCheckout, _AMSSDK);
+export var AMSCheckout = /*#__PURE__*/function (_AMSComponent) {
+  _inherits(AMSCheckout, _AMSComponent);
   var _super = _createSuper(AMSCheckout);
-  function AMSCheckout(options) {
-    var _this;
+  function AMSCheckout() {
     _classCallCheck(this, AMSCheckout);
-    _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 _super.apply(this, arguments);
   }
   return _createClass(AMSCheckout);
-}(AMSSDK);
+}(AMSComponent);
 export var AMSAutoDebit = /*#__PURE__*/function (_AMSCheckout) {
   _inherits(AMSAutoDebit, _AMSCheckout);
   var _super2 = _createSuper(AMSAutoDebit);

package/esm/plugin/component/cashierApp.d.ts

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

package/esm/plugin/component/cashierApp.js

@@ -85,38 +85,39 @@ export var getIframeUrl = function getIframeUrl(iframeParams) {
     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,
-    shadow: environment === 'sandbox' || _sandbox === 'true' ? 'true' : 'false',
-    requestHost: requestHost,
-    groupId: groupId,
-    LOCAL_MOCK: LOCAL_MOCK
+    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';
   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) {
+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';
+  };
   var iframe = document.createElement('iframe');
-  var iframeId = getIframeId(mode);
+  var iframeId = getIframeId();
   var none = '0';
   var width = '100%';
   iframe.id = iframeId;
   iframe.style.height = none;
   iframe.style.width = width;
   iframe.style.border = none;
+  iframe.style.opacity = none;
   iframe.style.overflow = 'hidden';
   return iframe;
 };

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

@@ -5,4 +5,7 @@
  * 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.
  */
-export declare function componentAddCSS(): void;
+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;

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

@@ -0,0 +1,38 @@
+/**
+ * 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.
+ */
+import { platformEnum } from "../../types";
+import { INLINE_BASE_STYLE_ID, LOADING_ID, INLINE_IMG_CLASSNAME, COMPONENT_CONTAINER_ID, COMPONENT_IFRAME_TAG_ID } from "../../constant";
+import { amsSetSize } from "../../util";
+var inlineComponentCss = "#".concat(COMPONENT_IFRAME_TAG_ID, "-desktop{\n  border-radius: 8px;\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n#").concat(COMPONENT_IFRAME_TAG_ID, "-mobile{\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n.").concat(COMPONENT_CONTAINER_ID, "-inline{\n  width: 100%;\n  height: auto;\n  position: relative;\n  line-height: 0;\n  display: flex;\n}\n#").concat(LOADING_ID, "{\n  width: 100%;\n  flex: 1;\n}\n.").concat(INLINE_IMG_CLASSNAME, "{\n  width: 100%;\n  height: auto;\n  object-fit: contain;\n  box-sizing: border-box;\n}\n.").concat(INLINE_IMG_CLASSNAME, "-mobile{\n  padding: 0 0.16em;\n}\n.").concat(INLINE_IMG_CLASSNAME, "-desktop{}\n");
+export var inlineComponentAddCss = function inlineComponentAddCss() {
+  var style = document.createElement('style');
+  style.id = 'ams-inline-component-style';
+  style.type = 'text/css';
+  style.innerHTML = inlineComponentCss;
+  document.head.appendChild(style);
+};
+export var addInlineLoading = function addInlineLoading(_selector, platform) {
+  var loading = document.createElement('div');
+  loading.id = LOADING_ID;
+  if (platform === platformEnum.desktop) loading.innerHTML = "<svg class=\"".concat(INLINE_IMG_CLASSNAME, " ").concat(INLINE_IMG_CLASSNAME, "-").concat(platform, "\" width=\"740\" height=\"360\" viewBox=\"0 0 740 360\" fill=\"none\" xmlns=\"\">\n  <rect width=\"740\" height=\"360\" rx=\"12\" fill=\"#F6F6F6\"/>\n  <rect opacity=\"0.7\" x=\"44\" y=\"44\" width=\"32\" height=\"32\" rx=\"4\" fill=\"#E1E6ED\"/>\n  <rect opacity=\"0.7\" x=\"94\" y=\"44\" width=\"32\" height=\"32\" rx=\"4\" fill=\"#E1E6ED\"/>\n  <rect opacity=\"0.7\" x=\"144\" y=\"44\" width=\"32\" height=\"32\" rx=\"4\" fill=\"#E1E6ED\"/>\n  <g style=\"mix-blend-mode:multiply\" opacity=\"0.336007\">\n  <path d=\"M136 100H48C43.5817 100 40 103.582 40 108C40 112.418 43.5817 116 48 116H136C140.418 116 144 112.418 144 108C144 103.582 140.418 100 136 100Z\" fill=\"#E1E6ED\"/>\n  </g>\n  <g style=\"mix-blend-mode:multiply\" opacity=\"0.336007\">\n  <path d=\"M682 126H58C48.0589 126 40 134.059 40 144C40 153.941 48.0589 162 58 162H682C691.941 162 700 153.941 700 144C700 134.059 691.941 126 682 126Z\" fill=\"#E1E6ED\"/>\n  </g>\n  <g style=\"mix-blend-mode:multiply\" opacity=\"0.336007\">\n  <path d=\"M682 182H58C48.0589 182 40 190.059 40 200C40 209.941 48.0589 218 58 218H682C691.941 218 700 209.941 700 200C700 190.059 691.941 182 682 182Z\" fill=\"#E1E6ED\"/>\n  </g>\n  <g style=\"mix-blend-mode:multiply\" opacity=\"0.336007\">\n  <path d=\"M504 274H64C52.9543 274 44 282.954 44 294C44 305.046 52.9543 314 64 314H504C515.046 314 524 305.046 524 294C524 282.954 515.046 274 504 274Z\" fill=\"#E1E6ED\"/>\n  </g>\n  </svg>");
+  if (platform === platformEnum.mobile) loading.innerHTML = "<svg class=\"".concat(INLINE_IMG_CLASSNAME, " ").concat(INLINE_IMG_CLASSNAME, "-").concat(platform, "\" width=\"358\" height=\"186\" viewBox=\"0 0 358 186\" fill=\"none\" xmlns=\"\">\n  <g clip-path=\"url(#clip0_2543_91192)\">\n  <rect width=\"358\" height=\"186\" fill=\"white\"/>\n  <g clip-path=\"url(#clip1_2543_91192)\">\n  <rect width=\"358\" height=\"186\" fill=\"white\"/>\n  <rect width=\"358\" height=\"40\" fill=\"white\"/>\n  <rect opacity=\"0.7\" x=\"4\" y=\"4\" width=\"32\" height=\"32\" rx=\"4\" fill=\"#E1E6ED\"/>\n  <rect opacity=\"0.7\" x=\"54\" y=\"4\" width=\"32\" height=\"32\" rx=\"4\" fill=\"#E1E6ED\"/>\n  <rect opacity=\"0.7\" x=\"104\" y=\"4\" width=\"32\" height=\"32\" rx=\"4\" fill=\"#E1E6ED\"/>\n  <g clip-path=\"url(#clip2_2543_91192)\">\n  <rect width=\"358\" height=\"120\" transform=\"translate(0 66)\" fill=\"white\"/>\n  <g style=\"mix-blend-mode:multiply\" opacity=\"0.336007\">\n  <path d=\"M95 66H9C4.02944 66 0 70.0294 0 75C0 79.9706 4.02943 84 9 84H95C99.9706 84 104 79.9706 104 75C104 70.0294 99.9706 66 95 66Z\" fill=\"#E1E6ED\"/>\n  </g>\n  <g clip-path=\"url(#clip3_2543_91192)\">\n  <g style=\"mix-blend-mode:multiply\" opacity=\"0.336007\">\n  <path d=\"M340 94H18C8.05888 94 0 102.059 0 112C0 121.941 8.05887 130 18 130H340C349.941 130 358 121.941 358 112C358 102.059 349.941 94 340 94Z\" fill=\"#E1E6ED\"/>\n  </g>\n  <g style=\"mix-blend-mode:multiply\" opacity=\"0.336007\">\n  <path d=\"M340 150H18C8.05888 150 0 158.059 0 168C0 177.941 8.05887 186 18 186H340C349.941 186 358 177.941 358 168C358 158.059 349.941 150 340 150Z\" fill=\"#E1E6ED\"/>\n  </g>\n  </g>\n  </g>\n  </g>\n  </g>\n  <defs>\n  <clipPath id=\"clip0_2543_91192\">\n  <rect width=\"358\" height=\"186\" fill=\"white\"/>\n  </clipPath>\n  <clipPath id=\"clip1_2543_91192\">\n  <rect width=\"358\" height=\"186\" fill=\"white\"/>\n  </clipPath>\n  <clipPath id=\"clip2_2543_91192\">\n  <rect width=\"358\" height=\"120\" fill=\"white\" transform=\"translate(0 66)\"/>\n  </clipPath>\n  <clipPath id=\"clip3_2543_91192\">\n  <rect width=\"358\" height=\"92\" fill=\"white\" transform=\"translate(0 94)\"/>\n  </clipPath>\n  </defs>\n  </svg>\n  ");
+  if (_selector) _selector.appendChild(loading);
+  var loadingDom = document.getElementById(LOADING_ID);
+  amsSetSize(null, loadingDom);
+};
+export var createInlineBaseElement = function createInlineBaseElement(selector) {
+  var inlineBaseStyle = document.getElementById(INLINE_BASE_STYLE_ID);
+  if (!inlineBaseStyle) inlineComponentAddCss();
+  if (document.getElementById(COMPONENT_CONTAINER_ID)) return;
+  var amsComponentContainer = document.createElement('div');
+  amsComponentContainer.className = "".concat(COMPONENT_CONTAINER_ID, "-inline");
+  amsComponentContainer.id = COMPONENT_CONTAINER_ID;
+  var selectorDom = document.querySelector(selector);
+  if (selectorDom) selectorDom.appendChild(amsComponentContainer);
+  return amsComponentContainer;
+};

package/esm/plugin/component/component.popup.style.d.ts

@@ -0,0 +1,12 @@
+import { platformEnum } from '../../types';
+export declare const componentAddCSS: () => void;
+export declare const createBaseElement: (platform: platformEnum, closeBtnFunc: () => void) => HTMLDivElement | undefined;
+export declare const createCloseBtn: (platform: platformEnum, closeBtnFunc: () => void) => void;
+export declare const createRetentionPopup: (platform: platformEnum, remainBtnFunc: () => void, leaveBtnFunc: () => void) => void;
+export declare const hideRetentionPopup: () => void;
+export declare const removeRetentionPopup: (platform: platformEnum, remainBtnFunc: () => void, leaveBtnFunc: () => void) => void;
+export declare const createMockup: () => void;
+export declare const addPopupLoading: () => void;
+export declare const handleDeclareInfo: ({ closeDialogData }: {
+    closeDialogData: any;
+}) => void;