@alipay/ams-checkout 1.3.1 → 1.3.2

package/esm/plugin/component/index.js

@@ -0,0 +1,893 @@
+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 _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _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.
+ * 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.
+ */
+/* eslint-disable no-console */
+import { COMPONENTPLUGINID, ERRORMESSAGE, EVENT } from "../../constant";
+import { queryPaymentInfo } from "../../service";
+import { componentNameEnum, messageName, Target } from "../../types";
+import { getDesignFontSize, getType, isJsonString, isPC } from "../../util";
+import { isLocalMock } from "../../util/mock";
+import { createIframe, getAppDomain, getIframeUrl } from "./cashierApp";
+import { componentAddCSS } from "./component.style";
+var _window = window,
+  innerHeight = _window.innerHeight;
+var amsSetSize = function amsSetSize(event, dom) {
+  try {
+    var _dom = dom || document.getElementById('ams-component-container');
+    _dom.style.fontSize = "".concat(getDesignFontSize(), "px");
+    innerHeight = window.innerHeight;
+    // eslint-disable-next-line no-empty
+  } catch (error) {}
+};
+var addEvent = function addEvent() {
+  window.removeEventListener('resize', amsSetSize);
+  window.removeEventListener('pageShow', amsSetSize);
+  window.removeEventListener('DOMContentLoaded', amsSetSize);
+  window.addEventListener('resize', amsSetSize);
+  window.addEventListener('pageShow', amsSetSize);
+  window.addEventListener('DOMContentLoaded', amsSetSize);
+};
+var mockupId = 'ams-component-mockup';
+var loadingId = 'ams-component-loading';
+var listenerPrefix = '_ams_sdk_component_listener';
+var ComponentApp = /*#__PURE__*/function () {
+  function ComponentApp() {
+    _classCallCheck(this, ComponentApp);
+    _defineProperty(this, "app", void 0);
+    _defineProperty(this, "appDomain", void 0);
+    _defineProperty(this, "AMSSDK", void 0);
+    _defineProperty(this, "platform", void 0);
+    _defineProperty(this, "createIframeNode", void 0);
+    _defineProperty(this, "_selector", void 0);
+    _defineProperty(this, "_appVersion", void 0);
+    _defineProperty(this, "_isRetention", void 0);
+    _defineProperty(this, "_actionQueryPromise", null);
+    _defineProperty(this, "_renderParams", null);
+    _defineProperty(this, "_componentName", '');
+    _defineProperty(this, "_performanceData", []);
+    _defineProperty(this, "_isInitComponent", void 0);
+    _defineProperty(this, "_clickEventName", void 0);
+    this._appVersion = '1.3.1';
+    this._isInitComponent = false;
+    this._selector = '#ams-component-section';
+    this.createIframeNode = function () {
+      return Promise.resolve();
+    };
+    this.platform = isPC() ? 'desktop' : 'mobile';
+    this._clickEventName = this.platform === 'mobile' ? 'touchend' : 'click';
+    this._isRetention = true;
+    addEvent();
+    this.createMountElement();
+    this._performanceData.push({
+      key: 'sdk_init',
+      value: Date.now()
+    });
+  }
+
+  /**
+   * @description Cancel listening and destroy the dom
+   */
+  _createClass(ComponentApp, [{
+    key: "logoutPlugin",
+    value: function logoutPlugin() {
+      this.closeCashier();
+    }
+
+    /**
+     * @description When SDK registers plug-ins, it is a required function to receive SDK instances
+     */
+  }, {
+    key: "applyPlugin",
+    value: function applyPlugin(AMSSDK) {
+      this.AMSSDK = AMSSDK;
+      this.subscribeFromSDK();
+    }
+
+    /**
+     * @description Set the rendering capability of the cashier plug-in. Different technology stacks have some differences in the packaging and use of rendering functions
+     */
+  }, {
+    key: "setRender",
+    value: function setRender(createIframeNode) {
+      this.createIframeNode = createIframeNode;
+    }
+
+    /**
+     * @description render iframe content
+     */
+  }, {
+    key: "appendIframeNodes",
+    value: function appendIframeNodes(componentName, renderParams) {
+      var _renderParams$appeara,
+        _this = this;
+      if (this._isInitComponent) return Promise.reject(ERRORMESSAGE.CREATECOMPONENT_ERROR.SINGLETON_COMPONENT_ERROR);
+      this._isInitComponent = true;
+      this._renderParams = renderParams;
+      this._componentName = componentName;
+      this._performanceData.push({
+        key: 'sdk_create_component',
+        value: Date.now()
+      });
+      this.createRetentionPopup();
+      this.createMockup();
+      if ((renderParams === null || renderParams === void 0 ? void 0 : (_renderParams$appeara = renderParams.appearance) === null || _renderParams$appeara === void 0 ? void 0 : _renderParams$appeara.showLoading) !== false) {
+        var mockup = document.getElementById(mockupId);
+        if (mockup) {
+          mockup.style.display = 'block';
+        }
+        this.showLoading();
+      }
+      this.showCashier();
+      this.createApp(renderParams);
+      this.createActionQueryPromise();
+      return Promise.all([this.createIframeNode(this, _objectSpread(_objectSpread({}, renderParams), {}, {
+        selector: this._selector
+      })), this._actionQueryPromise]).catch(function () {
+        _this._isInitComponent = false;
+      });
+    }
+    /**
+     * @description Interface request
+     */
+  }, {
+    key: "createActionQueryPromise",
+    value: function createActionQueryPromise() {
+      var _this2 = this;
+      this._performanceData.push({
+        key: 'sdk_action_query_start',
+        value: Date.now()
+      });
+      this._actionQueryPromise = new Promise(function (resolve, reject) {
+        var _this2$_renderParams, _this2$_renderParams2, _this2$_renderParams3;
+        var params = {
+          paymentSessionData: _this2._renderParams && ((_this2$_renderParams = _this2._renderParams) === null || _this2$_renderParams === void 0 ? void 0 : _this2$_renderParams.paymentSessionData) || '',
+          paymentSessionConfig: (_this2$_renderParams2 = _this2._renderParams) === null || _this2$_renderParams2 === void 0 ? void 0 : (_this2$_renderParams3 = _this2$_renderParams2.paymentSessionMetaData) === null || _this2$_renderParams3 === void 0 ? void 0 : _this2$_renderParams3.paymentSessionConfig
+        };
+        if (componentNameEnum.card === _this2._componentName) {
+          params.paymentMethodType = 'CARD';
+        }
+        if (componentNameEnum.easyPay === _this2._componentName) {
+          var _this2$_renderParams4;
+          // if EASY_PAY 2.0 , no need to query payment request
+          var _ref = params.paymentSessionConfig || {},
+            _ref$productSceneVers = _ref.productSceneVersion,
+            productSceneVersion = _ref$productSceneVers === void 0 ? '' : _ref$productSceneVers,
+            _ref$productScene = _ref.productScene,
+            productScene = _ref$productScene === void 0 ? '' : _ref$productScene;
+          var _ref2 = ((_this2$_renderParams4 = _this2._renderParams) === null || _this2$_renderParams4 === void 0 ? void 0 : _this2$_renderParams4.paymentSessionMetaData) || {},
+            _ref2$action = _ref2.action,
+            _ref2$action2 = _ref2$action === void 0 ? {} : _ref2$action,
+            _ref2$action2$autoDeb = _ref2$action2.autoDebitWithToken,
+            autoDebitWithToken = _ref2$action2$autoDeb === void 0 ? false : _ref2$action2$autoDeb;
+          if (productScene === 'EASY_PAY' && productSceneVersion === '2.0' && !autoDebitWithToken) {
+            // make queryResult no data  we setAppStateData in antom-web-checkout app,
+            // eslint-disable-next-line no-promise-executor-return
+            return resolve({
+              message: 'sdk no need to make query request'
+            });
+          }
+        }
+        /**
+         * @author tianqiang
+         * @description 代扣逻辑处理
+         */
+        if (componentNameEnum.autoDebit === _this2._componentName) {
+          var _this2$_renderParams5, _this2$_renderParams6, _action$web, _action$wap;
+          var action = ((_this2$_renderParams5 = _this2._renderParams) === null || _this2$_renderParams5 === void 0 ? void 0 : (_this2$_renderParams6 = _this2$_renderParams5.paymentSessionMetaData) === null || _this2$_renderParams6 === void 0 ? void 0 : _this2$_renderParams6.action) || {};
+          var signType = (isPC() ? action === null || action === void 0 ? void 0 : (_action$web = action.web) === null || _action$web === void 0 ? void 0 : _action$web.signType : action === null || action === void 0 ? void 0 : (_action$wap = action.wap) === null || _action$wap === void 0 ? void 0 : _action$wap.signType) || '';
+          if (signType === 'SMS') {
+            return resolve({
+              message: 'sdk no need to make query request'
+            });
+          } else if (!signType || signType !== 'REDIRECT') {
+            return resolve({
+              success: false
+            });
+          }
+        }
+
+        // mock
+        if (isLocalMock()) {
+          return resolve({
+            message: 'sdk no need to make query request'
+          });
+        }
+        queryPaymentInfo(params, {
+          env: _this2.AMSSDK.options.env.environment,
+          locale: _this2.AMSSDK.options.locale
+        }).then(function (res) {
+          _this2._performanceData.push({
+            key: 'sdk_action_query_end',
+            value: Date.now()
+          });
+          if (res !== null && res !== void 0 && res.success) {
+            resolve(res);
+          } else {
+            resolve(res);
+            _this2.dispatchToSDK(EVENT.error.name, ERRORMESSAGE.CREATECOMPONENT_ERROR);
+          }
+        }).catch(function (err) {
+          reject(err);
+          _this2.closeCashier();
+        });
+      });
+    }
+  }, {
+    key: "cleanApp",
+    value: function cleanApp() {
+      try {
+        this.app = null;
+        this._removeEventListener();
+        if (getType(this._selector) === 'string') {
+          var dorpinDom = document.querySelector(this._selector);
+          if (dorpinDom) dorpinDom.innerHTML = '';
+        }
+        // eslint-disable-next-line no-empty
+      } catch (error) {}
+    }
+
+    /**
+     * @description Create app
+     */
+  }, {
+    key: "createApp",
+    value: function createApp(renderParams) {
+      if (!!window.postMessage !== true) {
+        this.dispatchToSDK(EVENT.error.name, ERRORMESSAGE.SDK_COMPATIBILITY_ISSUES.BROWSER_NOT_SUPPORT_POSTMESSAGE);
+        return;
+      }
+      this._performanceData.push({
+        key: 'sdk_popup_start',
+        value: Date.now()
+      });
+      try {
+        var _renderParams$payment, _renderParams$payment2, _renderParams$payment3;
+        var productSceneVersion = (renderParams === null || renderParams === void 0 ? void 0 : (_renderParams$payment = renderParams.paymentSessionMetaData) === null || _renderParams$payment === void 0 ? void 0 : (_renderParams$payment2 = _renderParams$payment.paymentSessionConfig) === null || _renderParams$payment2 === void 0 ? void 0 : _renderParams$payment2.productSceneVersion) || '';
+        var extendInfo = (renderParams === null || renderParams === void 0 ? void 0 : (_renderParams$payment3 = renderParams.paymentSessionMetaData) === null || _renderParams$payment3 === void 0 ? void 0 : _renderParams$payment3.extendInfo) || '';
+        var environment = this.AMSSDK.options.env.environment;
+        this.appDomain = getAppDomain({
+          environment: environment,
+          appVersion: this._appVersion,
+          componentName: this._componentName,
+          productSceneVersion: productSceneVersion,
+          extendInfo: extendInfo
+        });
+        this.app = createIframe(this.AMSSDK.options.mode);
+        this.app.src = getIframeUrl({
+          componentName: this._componentName,
+          appearance: (renderParams === null || renderParams === void 0 ? void 0 : renderParams.appearance) || {},
+          analytics: this.AMSSDK.options.analytics,
+          productSceneVersion: productSceneVersion,
+          environment: environment,
+          appVersion: this._appVersion,
+          extendInfo: extendInfo,
+          locale: this.AMSSDK.options.locale,
+          instanceId: this.AMSSDK._instanceId
+        });
+
+        // Subscribe to messages from iframe
+        this._addEventListener();
+      } catch (error) {
+        this.dispatchToSDK(EVENT.error.name, Object.assign({}, ERRORMESSAGE.SDK_COMPATIBILITY_ISSUES.FAILED_TO_CREATE_IFRAME, {
+          stack: error
+        }));
+      }
+    }
+  }, {
+    key: "listener",
+    value: function listener(e) {
+      if (e.origin !== this.appDomain) {
+        return;
+      }
+      var isJson = isJsonString(e.data);
+      if (isJson) {
+        var data = JSON.parse(e.data);
+        if (data.name !== messageName.APP_TO_SDK && data.name !== messageName.APP_TO_APP || data.instanceId !== this.AMSSDK._instanceId) {
+          return;
+        }
+        this._handleAppMessage(data);
+      } else {
+        console.warn(ERRORMESSAGE.NOT_JSON_FORMAT);
+        this.dispatchToSDK(EVENT.error.name, ERRORMESSAGE.NOT_JSON_FORMAT);
+      }
+    }
+  }, {
+    key: "resizeListener",
+    value: function resizeListener() {
+      var cashier = document.getElementById('ams-component-container');
+      cashier.style.transition = 'none';
+      this.dispatchToApp({
+        context: {
+          event: 'renderResize',
+          data: {
+            heightOfVisible: window.innerHeight,
+            widthOfVisible: window.innerWidth
+          }
+        }
+      });
+    }
+
+    /**
+     * @description Initialize subscription iframe message
+     */
+  }, {
+    key: "_addEventListener",
+    value: function _addEventListener() {
+      window["".concat(listenerPrefix, "_").concat(this.AMSSDK._instanceId)] = this.listener.bind(this);
+      window["".concat(listenerPrefix, "_").concat(this.AMSSDK._instanceId, "_resize")] = this.resizeListener.bind(this);
+      this._removeEventListener();
+      window.addEventListener('message', window["".concat(listenerPrefix, "_").concat(this.AMSSDK._instanceId)]);
+      window.addEventListener('resize', window["".concat(listenerPrefix, "_").concat(this.AMSSDK._instanceId, "_resize")]);
+    }
+  }, {
+    key: "_removeEventListener",
+    value: function _removeEventListener() {
+      window.removeEventListener('message', window["".concat(listenerPrefix, "_").concat(this.AMSSDK._instanceId)]);
+      window.removeEventListener('resize', window["".concat(listenerPrefix, "_").concat(this.AMSSDK._instanceId, "_resize")]);
+    }
+
+    /**
+     * @description Processing messages from iframe
+     */
+  }, {
+    key: "_handleAppMessage",
+    value: function _handleAppMessage(data) {
+      var eventKeyMap = [EVENT.launch.name, EVENT.redirect.name, EVENT.sizeChanged.name, EVENT.log.name, EVENT.onClose.name, EVENT.eventCallback.name, EVENT.submitForm.name, EVENT.showCloseButton.name, EVENT.hideCloseButton.name, EVENT.setAllowRetention.name, EVENT.declareCheckoutInfo.name, EVENT.showPopup.name, EVENT.dismissLoading.name];
+      if (data.context.event === EVENT.dismissLoading.name) {
+        var _data$context$data;
+        this.dispatchToSDK(EVENT.eventCallback.name, {
+          code: 'SDK_END_OF_LOADING',
+          message: ((_data$context$data = data.context.data) === null || _data$context$data === void 0 ? void 0 : _data$context$data.message) || ''
+        });
+        return;
+      }
+      if (!eventKeyMap.includes(data.context.event)) {
+        return;
+      }
+      if (data.context.event === EVENT.launch.name) {
+        this._performanceData.push({
+          key: 'sdk_onLaunch',
+          value: Date.now()
+        });
+        this.sendRenderEvent();
+        return;
+      }
+      if (data.context.event === EVENT.sizeChanged.name) {
+        this.handleSizeChanged(data);
+      }
+      if (data.context.event === EVENT.onClose.name) {
+        return this.closeBtnFunc();
+      }
+      if (data.context.event === EVENT.redirect.name) {
+        return this.handleRedirect(data.context.data);
+      }
+      if (data.context.event === EVENT.submitForm.name) {
+        this.submitForm(data.context.data);
+        return;
+      }
+      if (data.context.event === EVENT.hideCloseButton.name) {
+        this.handleCloseBtnShow(false);
+        return;
+      }
+      if (data.context.event === EVENT.showCloseButton.name) {
+        this.handleCloseBtnShow(true);
+        return;
+      }
+      if (data.context.event === EVENT.setAllowRetention.name) {
+        if (data.context.data === true) this._isRetention = true;
+        if (data.context.data === false) this._isRetention = false;
+        return;
+      }
+      if (data.context.event === EVENT.declareCheckoutInfo.name) {
+        this.handleDeclareInfo(data.context.data);
+        return;
+      }
+
+      // The plug-in communicates with the sdk after processing
+      this.dispatchToSDK(data.context.event, data.context.data);
+    }
+  }, {
+    key: "handleSizeChanged",
+    value: function handleSizeChanged(data) {
+      var _data$context$data2;
+      if (((_data$context$data2 = data.context.data) === null || _data$context$data2 === void 0 ? void 0 : _data$context$data2.height) > 1) {
+        var _document$getElementB;
+        var mockup = document.getElementById(mockupId);
+        if (mockup) {
+          mockup.style.background = '#000000';
+          mockup.style.opacity = '0.6';
+          mockup.style.display = 'block';
+        }
+        (_document$getElementB = document.getElementById(loadingId)) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.remove();
+        var cashier = document.getElementById('ams-component-container');
+        cashier.style.height = "".concat(data.context.data.height, "px");
+        if (this.platform === 'desktop') {
+          cashier.classList.add('ams-component-container-desktop-animation');
+          if (data.context.data.width) cashier.style.width = "".concat(data.context.data.width, "px");
+        }
+        if (this.platform === 'mobile') {
+          cashier.classList.add('ams-component-container-mobile-animation');
+          var animationStyleId = 'ams-component-container-mobile-animation-style';
+          var animationStyle = document.getElementById(animationStyleId);
+          if (animationStyle) animationStyle === null || animationStyle === void 0 ? void 0 : animationStyle.remove();
+
+          // 弹出和弹入动画
+          var runkeyframes = " @keyframes ams-component-container-slide-in {\n          0% {\n            height: 1px;\n          }\n          100% {\n            height: ".concat(data.context.data.height, "px;\n          }\n        }\n        @keyframes ams-component-container-slide-out {\n          0% {\n            height: ").concat(data.context.data.height, "px;\n            opacity: 1;\n          }\n          50% {\n            opacity: 1;\n          }\n          100% {\n            height: 1px;\n            opacity: 0;\n          }\n        }");
+          // 创建style标签
+          var style = document.createElement('style');
+          style.id = animationStyleId;
+          // 设置style属性
+          style.type = 'text/css';
+          // 将 keyframes样式写入style内
+          style.innerHTML = runkeyframes;
+          // 将style样式存放到head标签
+          document.getElementsByTagName('head')[0].appendChild(style);
+
+          // size变动时动画
+          setTimeout(function () {
+            cashier.style.transition = 'height 0.28s ease-in-out';
+          }, 500);
+        }
+        this.app.style.height = "".concat(data.context.data.height, "px");
+        this.app.style.width = '100%';
+        this.app.style.border = '0';
+        this.app.style.overflow = 'hidden';
+      }
+    }
+  }, {
+    key: "handleRedirect",
+    value: function handleRedirect(data) {
+      var _this3 = this;
+      this.closeCashier();
+      var _data = typeof data === 'string' ? {
+        normalUrl: data
+      } : {
+        applinkUrl: (data === null || data === void 0 ? void 0 : data.applinkUrl) || '',
+        schemeUrl: (data === null || data === void 0 ? void 0 : data.schemeUrl) || '',
+        normalUrl: (data === null || data === void 0 ? void 0 : data.normalUrl) || '',
+        target: data === null || data === void 0 ? void 0 : data.target
+      };
+      var successCallback = function successCallback(type, url) {
+        _this3.dispatchToSDK(EVENT.eventCallback.name, {
+          code: 'SDK_CALL_URL_SUCCESS',
+          message: "Successfully opened the app,".concat(type, ": ").concat(url)
+        });
+      };
+      var failCallback = function failCallback() {
+        _this3.dispatchToSDK(EVENT.eventCallback.name, {
+          code: 'SDK_CALL_URL_ERROR',
+          message: "Failed to open app,applinkUrl: ".concat(_data === null || _data === void 0 ? void 0 : _data.applinkUrl, " schemeUrl: ").concat(_data === null || _data === void 0 ? void 0 : _data.schemeUrl, " normalUrl: ").concat(_data === null || _data === void 0 ? void 0 : _data.normalUrl)
+        });
+      };
+
+      // 支持 target: _blank，新开tab页打开
+      if (_data.target === Target.BLANK) {
+        if (!_data.normalUrl) return failCallback();
+        successCallback('normalUrl', _data.normalUrl);
+        window.open(_data.normalUrl);
+        return;
+      }
+      this.AMSSDK._redirect({
+        applinkUrl: _data === null || _data === void 0 ? void 0 : _data.applinkUrl
+      }).then(function () {
+        successCallback('applinkUrl', _data === null || _data === void 0 ? void 0 : _data.applinkUrl);
+      }).catch(function () {
+        return _this3.AMSSDK._redirect({
+          schemeUrl: _data === null || _data === void 0 ? void 0 : _data.schemeUrl
+        });
+      }).then(function () {
+        successCallback('schemeUrl', _data === null || _data === void 0 ? void 0 : _data.schemeUrl);
+      }).catch(function () {
+        return _this3.AMSSDK._redirect({
+          normalUrl: _data === null || _data === void 0 ? void 0 : _data.normalUrl
+        });
+      }).then(function () {
+        successCallback('normalUrl', _data === null || _data === void 0 ? void 0 : _data.normalUrl);
+      }).catch(function () {
+        failCallback();
+      });
+    }
+  }, {
+    key: "handleDeclareInfo",
+    value: function handleDeclareInfo(_ref3) {
+      var _ref3$closeDialogData = _ref3.closeDialogData,
+        closeDialogData = _ref3$closeDialogData === void 0 ? {} : _ref3$closeDialogData;
+      try {
+        if (closeDialogData) {
+          var retentionTitle = document.getElementById('ams-component-retention-title');
+          if (retentionTitle) {
+            var _closeDialogData$titl, _closeDialogData$titl2, _closeDialogData$titl3;
+            retentionTitle.style.fontSize = "".concat(closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$titl = closeDialogData.title) === null || _closeDialogData$titl === void 0 ? void 0 : _closeDialogData$titl.fontSize, "px");
+            retentionTitle.style.color = closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$titl2 = closeDialogData.title) === null || _closeDialogData$titl2 === void 0 ? void 0 : _closeDialogData$titl2.fontColor;
+            retentionTitle.innerHTML = closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$titl3 = closeDialogData.title) === null || _closeDialogData$titl3 === void 0 ? void 0 : _closeDialogData$titl3.text;
+          }
+          var retentionMessage = document.getElementById('ams-component-retention-sub-title');
+          if (retentionMessage) {
+            var _closeDialogData$mess, _closeDialogData$mess2, _closeDialogData$mess3;
+            retentionMessage.style.fontSize = "".concat(closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$mess = closeDialogData.message) === null || _closeDialogData$mess === void 0 ? void 0 : _closeDialogData$mess.fontSize, "px");
+            retentionMessage.style.color = closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$mess2 = closeDialogData.message) === null || _closeDialogData$mess2 === void 0 ? void 0 : _closeDialogData$mess2.fontColor;
+            retentionMessage.innerHTML = closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$mess3 = closeDialogData.message) === null || _closeDialogData$mess3 === void 0 ? void 0 : _closeDialogData$mess3.text;
+          }
+          var remainBtn = document.getElementById('ams-component-retention-remain');
+          if (remainBtn) {
+            var _closeDialogData$btnO, _closeDialogData$btnO2, _closeDialogData$btnO3, _closeDialogData$btnO4, _closeDialogData$btnO5, _closeDialogData$btnO7;
+            remainBtn.innerHTML = closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnO = closeDialogData.btnOK) === null || _closeDialogData$btnO === void 0 ? void 0 : _closeDialogData$btnO.text;
+            remainBtn.style.fontSize = "".concat(closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnO2 = closeDialogData.btnOK) === null || _closeDialogData$btnO2 === void 0 ? void 0 : _closeDialogData$btnO2.fontSize, "px");
+            remainBtn.style.color = closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnO3 = closeDialogData.btnOK) === null || _closeDialogData$btnO3 === void 0 ? void 0 : _closeDialogData$btnO3.fontColor;
+            remainBtn.style.borderRadius = "".concat(closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnO4 = closeDialogData.btnOK) === null || _closeDialogData$btnO4 === void 0 ? void 0 : _closeDialogData$btnO4.corner, "px");
+            if ((closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnO5 = closeDialogData.btnOK) === null || _closeDialogData$btnO5 === void 0 ? void 0 : _closeDialogData$btnO5.type) === 'stroke') {
+              var _closeDialogData$btnO6;
+              remainBtn.style.border = "1px solid ".concat(closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnO6 = closeDialogData.btnOK) === null || _closeDialogData$btnO6 === void 0 ? void 0 : _closeDialogData$btnO6.bg);
+            } else remainBtn.style.backgroundColor = closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnO7 = closeDialogData.btnOK) === null || _closeDialogData$btnO7 === void 0 ? void 0 : _closeDialogData$btnO7.bg;
+          }
+          var leaveBrn = document.getElementById('ams-component-retention-leave');
+          if (leaveBrn) {
+            var _closeDialogData$btnC, _closeDialogData$btnC2, _closeDialogData$btnC3, _closeDialogData$btnC4, _closeDialogData$btnC5, _closeDialogData$btnC7;
+            leaveBrn.innerHTML = closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnC = closeDialogData.btnCancel) === null || _closeDialogData$btnC === void 0 ? void 0 : _closeDialogData$btnC.text;
+            leaveBrn.style.fontSize = "".concat(closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnC2 = closeDialogData.btnCancel) === null || _closeDialogData$btnC2 === void 0 ? void 0 : _closeDialogData$btnC2.fontSize, "px");
+            leaveBrn.style.color = closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnC3 = closeDialogData.btnCancel) === null || _closeDialogData$btnC3 === void 0 ? void 0 : _closeDialogData$btnC3.fontColor;
+            leaveBrn.style.borderRadius = "".concat(closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnC4 = closeDialogData.btnCancel) === null || _closeDialogData$btnC4 === void 0 ? void 0 : _closeDialogData$btnC4.corner, "px");
+            if ((closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnC5 = closeDialogData.btnCancel) === null || _closeDialogData$btnC5 === void 0 ? void 0 : _closeDialogData$btnC5.type) === 'stroke') {
+              var _closeDialogData$btnC6;
+              leaveBrn.style.border = "1px solid ".concat(closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnC6 = closeDialogData.btnCancel) === null || _closeDialogData$btnC6 === void 0 ? void 0 : _closeDialogData$btnC6.bg);
+            } else leaveBrn.style.backgroundColor = closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnC7 = closeDialogData.btnCancel) === null || _closeDialogData$btnC7 === void 0 ? void 0 : _closeDialogData$btnC7.bg;
+          }
+        }
+      } catch (error) {
+        console.error(error);
+      }
+    }
+  }, {
+    key: "handleCloseBtnShow",
+    value: function handleCloseBtnShow(showClose) {
+      var closeBlock = document.getElementById('asm-component-section-close-block');
+      if (showClose) {
+        closeBlock === null || closeBlock === void 0 ? void 0 : closeBlock.classList.remove('asm-component-close-block-hidden');
+      } else if (showClose === false) {
+        closeBlock === null || closeBlock === void 0 ? void 0 : closeBlock.classList.add('asm-component-close-block-hidden');
+      }
+    }
+
+    /**
+     * @description Send message to SDK
+     */
+  }, {
+    key: "dispatchToSDK",
+    value: function dispatchToSDK(event, data) {
+      this.AMSSDK.eventCenter.emit(event, data);
+    }
+
+    /**
+     * @description Send message to iframe
+     */
+  }, {
+    key: "dispatchToApp",
+    value: function dispatchToApp(payload) {
+      var data = Object.assign({}, payload, {
+        name: messageName.SDK_TO_APP,
+        mode: this.AMSSDK.options.mode,
+        appId: COMPONENTPLUGINID,
+        instanceId: this.AMSSDK._instanceId
+      });
+      if (this.app && this.app.contentWindow) {
+        this.app.contentWindow.postMessage(JSON.stringify(data), this.appDomain);
+      }
+    }
+
+    /**
+     * @description Subscribe to messages from SDK
+     */
+  }, {
+    key: "subscribeFromSDK",
+    value: function subscribeFromSDK() {
+      var eventKeyMap = {};
+      for (var key in eventKeyMap) {
+        // eslint-disable-next-line no-prototype-builtins
+        if (eventKeyMap.hasOwnProperty(key)) {
+          this.AMSSDK.eventCenter.on("".concat(COMPONENTPLUGINID, "-").concat(key), eventKeyMap[key].bind(this));
+        }
+      }
+    }
+
+    /**
+     * @description Send rendering events to iframe
+     */
+  }, {
+    key: "sendRenderEvent",
+    value: function () {
+      var _sendRenderEvent = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+        var _this$_renderParams, _this$_renderParams2, res;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              if (this._actionQueryPromise) {
+                _context.next = 3;
+                break;
+              }
+              return _context.abrupt("return");
+            case 3:
+              _context.next = 5;
+              return this._actionQueryPromise;
+            case 5:
+              res = _context.sent;
+              this._performanceData.push({
+                key: 'sdk_render_component',
+                value: Date.now()
+              });
+              this.dispatchToApp({
+                context: {
+                  event: 'renderComponent',
+                  data: {
+                    queryResult: res,
+                    sessionResult: (_this$_renderParams = this._renderParams) === null || _this$_renderParams === void 0 ? void 0 : _this$_renderParams.paymentSessionMetaData,
+                    paymentSessionData: (_this$_renderParams2 = this._renderParams) === null || _this$_renderParams2 === void 0 ? void 0 : _this$_renderParams2.paymentSessionData,
+                    heightOfVisible: Math.max(innerHeight, window.innerHeight),
+                    envInfo: {
+                      screenHeight: screen.height,
+                      screenWidth: screen.width
+                    }
+                  }
+                }
+              });
+              this.dispatchToApp({
+                context: {
+                  event: 'web-sdk-performance',
+                  data: {
+                    performanceData: this._performanceData
+                  }
+                }
+              });
+              // eslint-disable-next-line no-empty
+              _context.next = 13;
+              break;
+            case 11:
+              _context.prev = 11;
+              _context.t0 = _context["catch"](0);
+            case 13:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, this, [[0, 11]]);
+      }));
+      function sendRenderEvent() {
+        return _sendRenderEvent.apply(this, arguments);
+      }
+      return sendRenderEvent;
+    }()
+  }, {
+    key: "showLoading",
+    value: function showLoading() {
+      var loading = document.createElement('div');
+      loading === null || loading === void 0 ? void 0 : loading.classList.add(loadingId);
+      loading.id = loadingId;
+      loading.innerHTML = '<div class="line"><div></div><div></div><div></div><div></div></div>';
+      loading.style.fontSize = "".concat(getDesignFontSize(), "px");
+      var body = document.getElementsByTagName('body')[0];
+      body === null || body === void 0 ? void 0 : body.appendChild(loading);
+    }
+
+    /**
+     * @description show cashier
+     */
+  }, {
+    key: "showCashier",
+    value: function showCashier() {
+      var cashier = document.getElementById('ams-component-container');
+      cashier === null || cashier === void 0 ? void 0 : cashier.classList.remove("ams-component-container-hidden-".concat(this.platform));
+      cashier === null || cashier === void 0 ? void 0 : cashier.classList.add("ams-component-container-".concat(this.platform));
+    }
+
+    /**
+     * @description close cashier
+     */
+  }, {
+    key: "closeCashier",
+    value: function closeCashier() {
+      var _document$getElementB2;
+      var immediately = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+      this._performanceData = [];
+      this._isInitComponent = false;
+      (_document$getElementB2 = document.getElementById(loadingId)) === null || _document$getElementB2 === void 0 ? void 0 : _document$getElementB2.remove();
+      this.hideComponentAndCleanDom(immediately);
+    }
+  }, {
+    key: "hideComponentAndCleanDom",
+    value: function hideComponentAndCleanDom() {
+      var _this4 = this;
+      var immediately = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+      var container = document.getElementById('ams-component-container');
+      // size变化动画取消
+      container.style.transition = '';
+      container === null || container === void 0 ? void 0 : container.classList.remove("ams-component-container-".concat(this.platform));
+      container === null || container === void 0 ? void 0 : container.classList.remove("ams-component-container-".concat(this.platform, "-animation"));
+      container === null || container === void 0 ? void 0 : container.classList.add("ams-component-container-hidden-".concat(this.platform));
+      var removeMockupAndApp = function removeMockupAndApp() {
+        var _document$getElementB3;
+        var body = document.getElementsByTagName('body')[0];
+        body.style.overflow = 'auto';
+        var mockup = document.getElementById(mockupId);
+        mockup === null || mockup === void 0 ? void 0 : mockup.remove();
+        if (container) container.style.height = '';
+        (_document$getElementB3 = document.getElementById('ams-component-container-mobile-animation-style')) === null || _document$getElementB3 === void 0 ? void 0 : _document$getElementB3.remove();
+        _this4.removeRetentionPopup();
+        _this4.cleanApp();
+      };
+      if (immediately) removeMockupAndApp();else {
+        setTimeout(function () {
+          removeMockupAndApp();
+        }, 300);
+      }
+    }
+  }, {
+    key: "closeBtnFunc",
+    value: function closeBtnFunc() {
+      // element && element.removeEventListener()
+      if (this._isRetention) this.showRetentionPopup();else {
+        this.closeCashier();
+        this.dispatchToSDK(EVENT.onClose.name, {});
+      }
+    }
+
+    /**
+     * @description create mount node
+     */
+  }, {
+    key: "createMountElement",
+    value: function createMountElement() {
+      componentAddCSS();
+      var amsComponentContainer = document.createElement('div');
+      amsComponentContainer.className = "ams-component-container-hidden-".concat(this.platform);
+      amsComponentContainer.id = 'ams-component-container';
+      amsSetSize(null, amsComponentContainer);
+      document.body.appendChild(amsComponentContainer);
+      var amsComponentSection = document.createElement('div');
+      amsComponentSection.className = "ams-component-section-".concat(this.platform);
+      amsComponentSection.id = this._selector.slice(1);
+      amsComponentContainer.appendChild(amsComponentSection);
+      this.createCloseBtn();
+    }
+  }, {
+    key: "createCloseBtn",
+    value: function createCloseBtn() {
+      var _this5 = this;
+      var container = document.getElementById('ams-component-container');
+      // close btn
+      var closeBtnHTML = "<img class='asm-component-close-btn-".concat(this.platform, "' src=\"https://cdn.marmot-cloud.com/storage/2023/5/18/1692a487-99b5-4314-9d6f-e9814bc1ca41.svg\"/>");
+      var closeBlock = document.createElement('div');
+      closeBlock.classList.add("asm-component-close-block-".concat(this.platform), 'asm-component-close-block-hidden');
+      closeBlock.id = 'asm-component-section-close-block';
+      closeBlock.innerHTML = closeBtnHTML;
+      closeBlock.addEventListener(this._clickEventName, function () {
+        _this5.closeBtnFunc();
+      });
+      if (container) container.appendChild(closeBlock);
+    }
+  }, {
+    key: "createRetentionPopup",
+    value: function createRetentionPopup() {
+      // retention popup
+      var retentionPopup = document.createElement('div');
+      retentionPopup.id = 'ams-component-retention';
+      retentionPopup.classList.add("ams-component-retention-".concat(this.platform));
+      retentionPopup.innerHTML = "\n    <span id=\"ams-component-retention-title\" class=\"ams-component-retention-title-".concat(this.platform, "\">\n      Are you sure you want to leave?\n    </span>\n    <span\n      id=\"ams-component-retention-sub-title\"\n      class=\"ams-component-retention-sub-title-").concat(this.platform, "\"\n    >\n      If you leave this page, you'll have to start over again.\n    </span>\n    <div class=\"ams-component-retention-btn-block-").concat(this.platform, "\">\n      <div id=\"ams-component-retention-remain\" class=\"ams-component-retention-remain-").concat(this.platform, "\">\n        Continue Payment\n      </div>\n      <div id=\"ams-component-retention-leave\" class=\"ams-component-retention-leave-").concat(this.platform, "\">\n        Leave\n      </div>\n    </div>");
+      document.body.appendChild(retentionPopup);
+      var remainBtn = document.getElementById('ams-component-retention-remain');
+      if (remainBtn) {
+        remainBtn.addEventListener(this._clickEventName, this.hideRetentionPopup.bind(this));
+      }
+      var leaveBtn = document.getElementById('ams-component-retention-leave');
+      if (leaveBtn) {
+        leaveBtn.addEventListener(this._clickEventName, this.retentionPopupLeaveFunc.bind(this));
+      }
+    }
+  }, {
+    key: "retentionPopupLeaveFunc",
+    value: function retentionPopupLeaveFunc() {
+      this.dispatchToSDK(EVENT.onClose.name, {});
+      this.hideRetentionPopup();
+      this.closeCashier();
+    }
+  }, {
+    key: "removeRetentionPopup",
+    value: function removeRetentionPopup() {
+      var _document$getElementB4;
+      var remainBtn = document.getElementById('ams-component-retention-remain');
+      if (remainBtn) {
+        remainBtn.removeEventListener(this._clickEventName, this.hideRetentionPopup);
+      }
+      var leaveBtn = document.getElementById('ams-component-retention-leave');
+      if (leaveBtn) {
+        leaveBtn.removeEventListener(this._clickEventName, this.retentionPopupLeaveFunc);
+      }
+      (_document$getElementB4 = document.getElementById('ams-component-retention')) === null || _document$getElementB4 === void 0 ? void 0 : _document$getElementB4.remove();
+    }
+  }, {
+    key: "showRetentionPopup",
+    value: function showRetentionPopup() {
+      var retentionPopup = document.getElementById('ams-component-retention');
+      var container = document.getElementById('ams-component-container');
+      if (retentionPopup) {
+        container === null || container === void 0 ? void 0 : container.classList.add('ams-component-container-opacity');
+        retentionPopup.classList.remove('ams-component-retention-hidden');
+        retentionPopup.classList.add('ams-component-retention-show');
+      }
+    }
+  }, {
+    key: "hideRetentionPopup",
+    value: function hideRetentionPopup() {
+      var retentionPopup = document.getElementById('ams-component-retention');
+      var container = document.getElementById('ams-component-container');
+      if (retentionPopup) {
+        retentionPopup.classList.remove('ams-component-retention-show');
+        retentionPopup.classList.add('ams-component-retention-hidden');
+        setTimeout(function () {
+          retentionPopup.classList.remove('ams-component-retention-hidden');
+          container === null || container === void 0 ? void 0 : container.classList.remove('ams-component-container-opacity');
+        }, 250);
+      }
+    }
+    /**
+     * @description create mockup
+     */
+  }, {
+    key: "createMockup",
+    value: function createMockup() {
+      var body = document.getElementsByTagName('body')[0];
+      body.style.overflow = 'hidden';
+      var mockup = document.createElement('div');
+      mockup.style.width = '100vw';
+      mockup.style.height = '100vh';
+      mockup.style.position = 'fixed';
+      mockup.style.top = '0';
+      mockup.style.left = '0';
+      mockup.style.zIndex = '1000';
+      mockup.style.background = '#ffffff';
+      mockup.style.opacity = '0.5';
+      mockup.style.display = 'none';
+      mockup.id = mockupId;
+      body.appendChild(mockup);
+    }
+  }, {
+    key: "submitForm",
+    value: function submitForm(data) {
+      var attributes = data.attributes;
+      var _document = document,
+        body = _document.body;
+      var form = document.createElement('form');
+      form.setAttribute('height', '1');
+      form.setAttribute('width', '1');
+      Object.keys(attributes.data).forEach(function (key) {
+        var input = document.createElement('input');
+        input.setAttribute('type', 'hidden');
+        input.setAttribute('name', key);
+        input.setAttribute('value', attributes.data[key]);
+        form.appendChild(input);
+      });
+      form.setAttribute('action', attributes.action);
+      form.setAttribute('method', 'post');
+      body.appendChild(form);
+      this.closeCashier(true);
+      setTimeout(function () {
+        form.submit();
+      }, 0);
+    }
+  }]);
+  return ComponentApp;
+}();
+export { ComponentApp as default };