@alipay/ams-checkout 0.0.1730107332-dev.3 → 0.0.1730441340-dev.0

package/esm/plugin/component/index.js

@@ -0,0 +1,1839 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _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 e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
+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 _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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/**
+ * 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 @typescript-eslint/no-explicit-any */
+import { v4 as uuid } from 'uuid';
+import { sdkVersion } from "../../config";
+import { COMPONENTPLUGINID, COMPONENT_CLOSE_BLOCK_ID, COMPONENT_CONTAINER_ID, COMPONENT_RETENTION_ID, COMPONENT_SECTION_ID, ERRORMESSAGE, EVENT, LISTENER_PREFIX, LOADING_ID, LOADTIME_LIMIT, MOCKUP_ID, POPUP_LOADTIME_LOG_LIMIT, TIMEOUT_WEB_APP_HEART_BEAT, TIME_DELAY_SEND_HEART_BEAT } from "../../constant";
+import { queryPaymentInfo, submitPayInfo } from "../../service";
+import { componentSignEnum, eventCodeEnum, messageName, platformEnum, productSceneEnum, RedirectType, renderDisplayTypeEnum, targetEnum } from "../../types";
+import { getType, isJsonString, isPC } from "../../util";
+import { isLocalMock } from "../../util/mock";
+import { matchVersion } from "../../util/versionCompare";
+import { getBackScheme } from "../../util/getBackScheme";
+import { handlePaymentSessionConfig } from "../payment-element/utils";
+import { createIframe, createPreloadIframe, getAppDomain, getIframeUrl } from "./cashierApp";
+import { getChannelBehavior, handleGooglePay } from "./channel";
+import { addInlineLoading, createInlineBaseElement } from "./component.inline.style";
+import { addPopupLoading, createBaseElement, createMockup, createRetentionPopup, handleDeclareInfo as _handleDeclareInfo, hideRetentionPopup, removeRetentionPopup as _removeRetentionPopup, slideInAndOutKeyframes } from "./component.popup.style";
+import { createModal, destroyModal, insertStyleSheet, removePopupLoading } from "./popupWindow.style";
+window.changingPageHeight = window.innerHeight;
+var ComponentApp = /*#__PURE__*/function () {
+  function ComponentApp(componentOption) {
+    _classCallCheck(this, ComponentApp);
+    _defineProperty(this, "app", void 0);
+    _defineProperty(this, "AMSSDK", void 0);
+    _defineProperty(this, "platform", void 0);
+    _defineProperty(this, "_performanceData", []);
+    _defineProperty(this, "_loadAppPromiseResolve", null);
+    _defineProperty(this, "_isInitComponent", void 0);
+    _defineProperty(this, "_globalData", void 0);
+    _defineProperty(this, "popupApp", void 0);
+    _defineProperty(this, "appDomain", void 0);
+    _defineProperty(this, "createIframeNode", void 0);
+    _defineProperty(this, "createPreloadIframeNode", void 0);
+    _defineProperty(this, "_selector", void 0);
+    _defineProperty(this, "_appVersion", void 0);
+    _defineProperty(this, "_isRetention", void 0);
+    _defineProperty(this, "_allowSubmitPayCallAhead", void 0);
+    _defineProperty(this, "_actionQueryPromise", null);
+    _defineProperty(this, "_actionSubmitPromise", null);
+    _defineProperty(this, "_renderParams", null);
+    _defineProperty(this, "_componentSign", componentSignEnum.NONE);
+    _defineProperty(this, "_appLocationSearch", void 0);
+    _defineProperty(this, "_renderDisplayType", renderDisplayTypeEnum.popup);
+    _defineProperty(this, "_multipleCallbackEvents", void 0);
+    _defineProperty(this, "_isAppWebview", void 0);
+    _defineProperty(this, "_merchantAppointParam", void 0);
+    _defineProperty(this, "_webAppHeartBeatTimeoutFn", void 0);
+    this._appVersion = componentOption.appVersion;
+    this._isInitComponent = false;
+    this._selector = "#".concat(COMPONENT_SECTION_ID);
+    this.createIframeNode = function () {
+      return Promise.resolve();
+    };
+    this.createPreloadIframeNode = function () {
+      return Promise.resolve();
+    };
+    this.platform = isPC() ? platformEnum.desktop : platformEnum.mobile;
+    this._isRetention = true;
+    this._appLocationSearch = '';
+    this._performanceData.push({
+      key: 'sdk_init',
+      value: Date.now()
+    });
+    this._globalData = new Map();
+  }
+
+  /**
+   * @description Cancel listening and destroy the dom
+   */
+  _createClass(ComponentApp, [{
+    key: "logoutPlugin",
+    value: function logoutPlugin() {
+      this.cleanContainer(true);
+    }
+
+    /**
+     * @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();
+    }
+  }, {
+    key: "initLoggerMeta",
+    value: function initLoggerMeta() {
+      var _this$_renderParams, _paymentSessionMetaDa, _this$_renderParams2, _this$_renderParams3;
+      var paymentSessionMetaData = (_this$_renderParams = this._renderParams) === null || _this$_renderParams === void 0 ? void 0 : _this$_renderParams.paymentSessionMetaData;
+      var paymentSessionConfig = paymentSessionMetaData.paymentSessionConfig;
+      this.AMSSDK.logger.setMedta({
+        platform: this.platform === platformEnum.desktop ? 'PC' : 'WAP',
+        // PC/WAP,
+        sdkVersion: sdkVersion,
+        webAppVersion: this._appVersion,
+        instanceId: this.AMSSDK._instanceId,
+        storageId: this.AMSSDK._storageId,
+        // the better way to use md5 paymentSesionID
+        renderDisplayType: paymentSessionMetaData === null || paymentSessionMetaData === void 0 ? void 0 : paymentSessionMetaData.renderDisplayType,
+        merchantId: paymentSessionMetaData === null || paymentSessionMetaData === void 0 ? void 0 : paymentSessionMetaData.clientId,
+        productScene: paymentSessionConfig === null || paymentSessionConfig === void 0 ? void 0 : paymentSessionConfig.productScene,
+        productSceneVersion: paymentSessionConfig === null || paymentSessionConfig === void 0 ? void 0 : paymentSessionConfig.productSceneVersion,
+        paymentMethodType: paymentSessionMetaData === null || paymentSessionMetaData === void 0 || (_paymentSessionMetaDa = paymentSessionMetaData.paymentMethodInfoView) === null || _paymentSessionMetaDa === void 0 ? void 0 : _paymentSessionMetaDa.paymentMethodType,
+        paymentMethodCategoryType: paymentSessionConfig === null || paymentSessionConfig === void 0 ? void 0 : paymentSessionConfig.paymentMethodCategoryType,
+        requestSeq: (_this$_renderParams2 = this._renderParams) === null || _this$_renderParams2 === void 0 ? void 0 : _this$_renderParams2.sessionData,
+        trackId: (_this$_renderParams3 = this._renderParams) === null || _this$_renderParams3 === void 0 ? void 0 : _this$_renderParams3.sessionData
+      });
+    }
+
+    /**
+     * @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(renderFunc) {
+      this.createIframeNode = renderFunc;
+    }
+  }, {
+    key: "setPreloadRender",
+    value: function setPreloadRender(renderFunc) {
+      this.createPreloadIframeNode = renderFunc;
+    }
+  }, {
+    key: "initSecurity",
+    value: function initSecurity() {
+      var _this$_renderParams4,
+        _this = this;
+      var product = (_this$_renderParams4 = this._renderParams) === null || _this$_renderParams4 === void 0 || (_this$_renderParams4 = _this$_renderParams4.paymentSessionMetaData) === null || _this$_renderParams4 === void 0 || (_this$_renderParams4 = _this$_renderParams4.paymentSessionConfig) === null || _this$_renderParams4 === void 0 ? void 0 : _this$_renderParams4.productScene;
+      if (componentSignEnum.CASHIER_PAYMENT_APM === this._componentSign) return;
+      if (componentSignEnum.CASHIER_PAYMENT_BANK === this._componentSign) {
+        this.AMSSDK.logger.logInfo({
+          title: 'sdk_event_security_unneeded_scenarios'
+        }, {
+          product: product
+        });
+      }
+      var securitySDK = this.AMSSDK._getSecuritySDKByProductScene({
+        product: product
+      });
+      if (!securitySDK) {
+        this.AMSSDK.logger.logInfo({
+          title: 'sdk_event_securitySdkInit'
+        });
+        this.AMSSDK._newSecuritySDKByScene({
+          product: product
+        }, function () {
+          _this.AMSSDK.logger.logInfo({
+            title: 'sdk_event_securitySdkInitSuccess'
+          });
+        }, function () {
+          _this.AMSSDK.logger.logError({
+            title: 'sdk_error_securitySdkInitFailed'
+          }, {
+            sign: 'SDK internal initialization'
+          });
+        });
+      }
+    }
+  }, {
+    key: "logDeviceId",
+    value: function logDeviceId(deviceId, getDeviceIdStartTime) {
+      var time = "".concat(Date.now() - getDeviceIdStartTime);
+      if (deviceId) {
+        this.AMSSDK.logger.logInfo({
+          title: 'sdk_event_securitySdkGetTokenSuccess'
+        }, {
+          deviceId: deviceId,
+          time: time
+        }).send();
+      } else {
+        this.AMSSDK.logger.logInfo({
+          title: 'sdk_error_securitySdkGetTokenFailed'
+        }, {
+          deviceId: deviceId,
+          time: time
+        }).send();
+      }
+    }
+  }, {
+    key: "getDeviceIdAndLog",
+    value: function getDeviceIdAndLog() {
+      var _this2 = this;
+      var deviceIdParameter = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      var isPolling = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      return new Promise(function (resolve) {
+        // To avoid rendering being blocked, move the logic to the next event loop for processing
+        setTimeout( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+          var _this2$_renderParams;
+          var productScene, getDeviceIdStartTime, securitySDK, deviceId;
+          return _regeneratorRuntime().wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                productScene = (_this2$_renderParams = _this2._renderParams) === null || _this2$_renderParams === void 0 || (_this2$_renderParams = _this2$_renderParams.paymentSessionMetaData) === null || _this2$_renderParams === void 0 || (_this2$_renderParams = _this2$_renderParams.paymentSessionConfig) === null || _this2$_renderParams === void 0 ? void 0 : _this2$_renderParams.productScene;
+                getDeviceIdStartTime = Date.now();
+                securitySDK = _this2.AMSSDK._getSecuritySDKByProductScene({
+                  product: (deviceIdParameter === null || deviceIdParameter === void 0 ? void 0 : deviceIdParameter.productScene) || productScene
+                });
+                deviceId = '';
+                if (!securitySDK) {
+                  _context.next = 16;
+                  break;
+                }
+                if (!(isPolling && parseInt(deviceIdParameter === null || deviceIdParameter === void 0 ? void 0 : deviceIdParameter.tokenCollectTime) > 0)) {
+                  _context.next = 11;
+                  break;
+                }
+                _context.next = 8;
+                return securitySDK.pollingGetApdidToken(deviceIdParameter);
+              case 8:
+                _context.t0 = _context.sent;
+                _context.next = 14;
+                break;
+              case 11:
+                _context.next = 13;
+                return securitySDK.getApdidToken();
+              case 13:
+                _context.t0 = _context.sent;
+              case 14:
+                deviceId = _context.t0;
+                _this2.logDeviceId(deviceId, getDeviceIdStartTime);
+              case 16:
+                resolve(deviceId);
+              case 17:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        })), 0);
+      });
+    }
+
+    /**
+     * @description render iframe content
+     */
+  }, {
+    key: "appendIframeNodes",
+    value: function appendIframeNodes(componentSign, renderParams) {
+      var _renderParams,
+        _this$_renderParams5,
+        _this$_renderParams6,
+        _this$_renderParams7,
+        _this$_renderParams8,
+        _this3 = this;
+      if (this._isInitComponent) {
+        this.dispatchToSDK(EVENT.error.name, ERRORMESSAGE.CREATECOMPONENT_ERROR.SINGLETON_COMPONENT_ERROR);
+        return Promise.reject(ERRORMESSAGE.CREATECOMPONENT_ERROR.SINGLETON_COMPONENT_ERROR);
+      }
+      renderParams = this.setParameterDefaultValues(componentSign, renderParams);
+      this._merchantAppointParam = renderParams.merchantAppointParam;
+      this._isInitComponent = true;
+      this._renderParams = renderParams;
+      this._componentSign = componentSign;
+      if ((_renderParams = renderParams) !== null && _renderParams !== void 0 && _renderParams.selector) this._selector = renderParams.selector;
+      this._renderDisplayType = renderParams.renderDisplayType;
+      this._isAppWebview = renderParams.isAppWebview;
+      var insertedNode = this._renderDisplayType === renderDisplayTypeEnum.inline ? "#".concat(COMPONENT_CONTAINER_ID) : this._selector;
+      this.initLoggerMeta();
+      this.initSecurity();
+      this._performanceData.push({
+        key: 'sdk_create_component',
+        value: Date.now()
+      });
+      var params = {
+        paymentSessionData: this._renderParams && ((_this$_renderParams5 = this._renderParams) === null || _this$_renderParams5 === void 0 ? void 0 : _this$_renderParams5.sessionData) || '',
+        paymentSessionConfig: (_this$_renderParams6 = this._renderParams) === null || _this$_renderParams6 === void 0 || (_this$_renderParams6 = _this$_renderParams6.paymentSessionMetaData) === null || _this$_renderParams6 === void 0 ? void 0 : _this$_renderParams6.paymentSessionConfig
+      };
+      var _ref2 = params.paymentSessionConfig || {},
+        _ref2$productSceneVer = _ref2.productSceneVersion,
+        productSceneVersion = _ref2$productSceneVer === void 0 ? '' : _ref2$productSceneVer,
+        _ref2$productScene = _ref2.productScene,
+        productScene = _ref2$productScene === void 0 ? '' : _ref2$productScene;
+      var _ref3 = ((_this$_renderParams7 = this._renderParams) === null || _this$_renderParams7 === void 0 ? void 0 : _this$_renderParams7.paymentSessionMetaData) || {},
+        _ref3$action = _ref3.action,
+        _ref3$action2 = _ref3$action === void 0 ? {} : _ref3$action,
+        _ref3$action2$autoDeb = _ref3$action2.autoDebitWithToken,
+        autoDebitWithToken = _ref3$action2$autoDeb === void 0 ? false : _ref3$action2$autoDeb,
+        _ref3$action2$require = _ref3$action2.requireFastSdk,
+        requireFastSdk = _ref3$action2$require === void 0 ? false : _ref3$action2$require;
+      var _ref4 = ((_this$_renderParams8 = this._renderParams) === null || _this$_renderParams8 === void 0 ? void 0 : _this$_renderParams8.paymentSessionMetaData) || {},
+        _ref4$authUrlInfo = _ref4.authUrlInfo,
+        authUrlInfo = _ref4$authUrlInfo === void 0 ? {} : _ref4$authUrlInfo;
+      this.AMSSDK.logger.logInfo({
+        title: 'sdk_event_createComponent'
+      }, {
+        version: productSceneVersion,
+        product: this.AMSSDK.options.product
+      }).send();
+      if (componentSignEnum.EASY_PAY_WALLET === this._componentSign) {
+        if (productScene === productSceneEnum.EASY_PAY && productSceneVersion === '1.0' && !autoDebitWithToken && requireFastSdk) {
+          // EASY_PAY 1.0首次支付，requireFastSdk为true，不需要接口请求
+          this.handleAuthUrlInfo(authUrlInfo);
+          return;
+        }
+      }
+      if (componentSignEnum.AUTO_DEBIT_WALLET === this._componentSign) {
+        var _this$_renderParams9, _action$web, _action$wap;
+        var action = ((_this$_renderParams9 = this._renderParams) === null || _this$_renderParams9 === void 0 || (_this$_renderParams9 = _this$_renderParams9.paymentSessionMetaData) === null || _this$_renderParams9 === void 0 ? void 0 : _this$_renderParams9.action) || {};
+        var signType = isPC() ? action === null || action === void 0 || (_action$web = action.web) === null || _action$web === void 0 ? void 0 : _action$web.signType : action === null || action === void 0 || (_action$wap = action.wap) === null || _action$wap === void 0 ? void 0 : _action$wap.signType;
+        var _requireFastSdk = (action === null || action === void 0 ? void 0 : action.requireFastSdk) || false;
+        if (signType === 'REDIRECT' && _requireFastSdk === true) {
+          // REDIRECT，requireFastSdk为true，不需要接口请求
+          this.handleAuthUrlInfo(authUrlInfo);
+          return;
+        }
+      }
+      if (componentSignEnum.AUTO_DEBIT_PAY_WALLET === this._componentSign) {
+        if (requireFastSdk === true && productSceneVersion === '1.0') {
+          // REDIRECT，requireFastSdk为true，不需要接口请求
+          this.handleAuthUrlInfo(authUrlInfo);
+          return;
+        } else {
+          return Promise.reject({
+            code: ERRORMESSAGE.CREATEPAYMENT_PARAMETER_ERROR.code,
+            message: "Abnormal response data, interface failure, or unsupported payment method."
+          });
+        }
+      }
+      this.dispatchToSDK(EVENT.eventCallback.name, {
+        code: eventCodeEnum.SDK_START_OF_LOADING
+      });
+      if (this._renderDisplayType === renderDisplayTypeEnum.inline) {
+        var container = createInlineBaseElement(this._selector);
+        if (container) this.renderInlineLoading(renderParams, container);
+        insertStyleSheet();
+      }
+      if (this._renderDisplayType === renderDisplayTypeEnum.popup) {
+        var _this$_renderParams10;
+        createBaseElement(this.platform, this.closeBtnFunc.bind(this));
+        createRetentionPopup(this.platform, this.hideRetentionPopupFunc.bind(this), this.retentionPopupLeaveFunc.bind(this));
+        var channelBehavior = getChannelBehavior((_this$_renderParams10 = this._renderParams) === null || _this$_renderParams10 === void 0 ? void 0 : _this$_renderParams10.paymentSessionMetaData);
+        var onClickOutside = function onClickOutside() {};
+        if (channelBehavior !== null && channelBehavior !== void 0 && channelBehavior.allowClickOutsideClose) {
+          onClickOutside = this.closeBtnFunc.bind(this);
+        }
+        createMockup({
+          platform: this.platform,
+          onClickOutside: onClickOutside
+        });
+        this.renderPopupLoading(renderParams);
+      }
+      this.createApp(renderParams);
+      return Promise.all([this.createActionQueryPromise(), this.createSubmitPromise(), this.createIframeNode(this, insertedNode, this._renderDisplayType), this._createLoadAppPromise()]).then(function () {
+        return Promise.resolve();
+      }).catch(function (error) {
+        _this3.AMSSDK.logger.logError({
+          title: 'sdk_error_created_app_process_failed'
+        }).send();
+        _this3._isInitComponent = false;
+        _this3.cleanContainer();
+        return Promise.reject(error);
+      });
+    }
+  }, {
+    key: "appendPreloadIframeNodes",
+    value: function appendPreloadIframeNodes(componentSign, productSceneVersion) {
+      var virtualPreloadIframe = this.createPreloadApp(componentSign, productSceneVersion);
+      this.createPreloadIframeNode(virtualPreloadIframe);
+      this.AMSSDK.logger.logInfo({
+        title: 'performance_optimization_preload'
+      }, {
+        componentSign: componentSign,
+        productSceneVersion: productSceneVersion
+      });
+    }
+  }, {
+    key: "setParameterDefaultValues",
+    value: function setParameterDefaultValues(componentSign, renderParams) {
+      var newParams = Object.assign({}, renderParams);
+      if (componentSign === componentSignEnum.VAULTING_CARD) {
+        var _newParams$notRedirec;
+        newParams.notRedirectAfterComplete = (_newParams$notRedirec = newParams === null || newParams === void 0 ? void 0 : newParams.notRedirectAfterComplete) !== null && _newParams$notRedirec !== void 0 ? _newParams$notRedirec : true;
+      }
+      return newParams;
+    }
+  }, {
+    key: "renderInlineLoading",
+    value: function renderInlineLoading(renderParams, selector) {
+      var _renderParams$appeara, _this$_renderParams11;
+      var showLoading = renderParams === null || renderParams === void 0 || (_renderParams$appeara = renderParams.appearance) === null || _renderParams$appeara === void 0 ? void 0 : _renderParams$appeara.showLoading;
+      showLoading = typeof showLoading === 'boolean' ? showLoading : true;
+      var extendInfo = renderParams.paymentSessionMetaData.extendInfo;
+      var isExpressCheckout = false;
+      try {
+        // expressCheckout可能出现string(false) JSON.parse再转一次
+        isExpressCheckout = JSON.parse(JSON.parse(extendInfo).expressCheckout);
+      } catch (error) {
+        // 遇到JSON解析错误，默认false
+      }
+      if (showLoading) addInlineLoading(selector, this.platform, {
+        componentSign: this._componentSign,
+        type: (_this$_renderParams11 = this._renderParams) === null || _this$_renderParams11 === void 0 || (_this$_renderParams11 = _this$_renderParams11.appearance) === null || _this$_renderParams11 === void 0 || (_this$_renderParams11 = _this$_renderParams11.layout) === null || _this$_renderParams11 === void 0 ? void 0 : _this$_renderParams11.type,
+        isExpressCheckout: isExpressCheckout
+      });
+    }
+  }, {
+    key: "renderPopupLoading",
+    value: function renderPopupLoading(renderParams) {
+      var _renderParams$appeara2;
+      var showLoading = renderParams === null || renderParams === void 0 || (_renderParams$appeara2 = renderParams.appearance) === null || _renderParams$appeara2 === void 0 ? void 0 : _renderParams$appeara2.showLoading;
+      showLoading = typeof showLoading === 'boolean' ? showLoading : true;
+      if (!showLoading) return;
+      var mockup = document.getElementById(MOCKUP_ID);
+      if (mockup) mockup.style.display = 'block';
+      addPopupLoading();
+    }
+  }, {
+    key: "_createLoadAppPromise",
+    value: function _createLoadAppPromise(loadTimeLimit) {
+      var _this4 = this;
+      return new Promise(function (resolve, reject) {
+        _this4._loadAppPromiseResolve = resolve;
+        setTimeout(function () {
+          reject(ERRORMESSAGE.CREATECOMPONENT_ERROR.LOAD_APP_TIMEOUT);
+        }, loadTimeLimit !== null && loadTimeLimit !== void 0 ? loadTimeLimit : LOADTIME_LIMIT);
+      }).catch(function (error) {
+        _this4.dispatchToSDK(EVENT.error.name, ERRORMESSAGE.CREATECOMPONENT_ERROR.LOAD_APP_TIMEOUT);
+        _this4.AMSSDK.logger.logError({
+          title: 'sdk_error_web_app_timeout'
+        }).send();
+        return Promise.reject(error);
+      });
+    }
+
+    /**
+     * @description Interface request
+     */
+  }, {
+    key: "createActionQueryPromise",
+    value: function createActionQueryPromise() {
+      var _this5 = this;
+      this._performanceData.push({
+        key: 'sdk_action_query_start',
+        value: Date.now()
+      });
+      // eslint-disable-next-line no-async-promise-executor
+      this._actionQueryPromise = new Promise( /*#__PURE__*/function () {
+        var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(resolve, reject) {
+          var _this5$_renderParams, _this5$_renderParams2, _this5$_renderParams3, _this5$_renderParams4, _this5$_renderParams5, _this5$_renderParams6;
+          var envInfo, params, _ref6, _ref6$extendInfo, extendInfo, actionData, enableVaultingApiOptimize, enableEasypayApiOptimize, _ref7, skipSdkQuery, skipSdkQueryForm, extendInfoData, ifSkip, channelBehavior, _this5$_renderParams7, _ref8, _ref8$productSceneVer, productSceneVersion, _ref8$productScene, productScene, _this5$_renderParams8, _action$web2, _action$wap2, action, signType;
+          return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+            while (1) switch (_context2.prev = _context2.next) {
+              case 0:
+                envInfo = {
+                  locale: _this5.AMSSDK.options.locale
+                };
+                params = {
+                  paymentSessionData: _this5._renderParams && ((_this5$_renderParams = _this5._renderParams) === null || _this5$_renderParams === void 0 ? void 0 : _this5$_renderParams.sessionData) || '',
+                  paymentSessionConfig: (_this5$_renderParams2 = _this5._renderParams) === null || _this5$_renderParams2 === void 0 || (_this5$_renderParams2 = _this5$_renderParams2.paymentSessionMetaData) === null || _this5$_renderParams2 === void 0 ? void 0 : _this5$_renderParams2.paymentSessionConfig,
+                  notRedirectAfterComplete: ((_this5$_renderParams3 = _this5._renderParams) === null || _this5$_renderParams3 === void 0 ? void 0 : _this5$_renderParams3.notRedirectAfterComplete) === true,
+                  merchantAppointParam: _this5._merchantAppointParam
+                };
+                /**
+                 * @description Simulated or unnecessary scenarios
+                 */
+                _ref6 = ((_this5$_renderParams4 = _this5._renderParams) === null || _this5$_renderParams4 === void 0 ? void 0 : _this5$_renderParams4.paymentSessionMetaData) || {}, _ref6$extendInfo = _ref6.extendInfo, extendInfo = _ref6$extendInfo === void 0 ? '' : _ref6$extendInfo, actionData = _ref6.action;
+                enableVaultingApiOptimize = false;
+                enableEasypayApiOptimize = false;
+                _ref7 = ((_this5$_renderParams5 = _this5._renderParams) === null || _this5$_renderParams5 === void 0 || (_this5$_renderParams5 = _this5$_renderParams5.paymentSessionMetaData) === null || _this5$_renderParams5 === void 0 ? void 0 : _this5$_renderParams5.action) || {}, skipSdkQuery = _ref7.skipSdkQuery, skipSdkQueryForm = _ref7.skipSdkQueryForm;
+                try {
+                  extendInfoData = JSON.parse(extendInfo);
+                  enableVaultingApiOptimize = extendInfoData.enableVaultingApiOptimize || false;
+                  enableEasypayApiOptimize = extendInfoData.enableEasypayApiOptimize || false;
+                } catch (error) {
+                  console.log(error);
+                }
+                if (!isLocalMock()) {
+                  _context2.next = 9;
+                  break;
+                }
+                return _context2.abrupt("return", resolve({
+                  message: 'sdk no need to make query request',
+                  success: true
+                }));
+              case 9:
+                if (componentSignEnum.ELEMENT_PAYMENT === _this5._componentSign) {
+                  params.paymentSessionConfig = handlePaymentSessionConfig(params.paymentSessionConfig);
+                }
+                /** 地址组件跳过接口查询 */
+                if (!(componentSignEnum.ELEMENT_ADDRESS === _this5._componentSign)) {
+                  _context2.next = 12;
+                  break;
+                }
+                return _context2.abrupt("return", resolve({
+                  message: 'sdk no need to make query request',
+                  success: true
+                }));
+              case 12:
+                if (!(componentSignEnum.VAULTING_CARD === _this5._componentSign)) {
+                  _context2.next = 24;
+                  break;
+                }
+                if (!enableVaultingApiOptimize) {
+                  _context2.next = 24;
+                  break;
+                }
+                if (!skipSdkQueryForm) {
+                  _context2.next = 21;
+                  break;
+                }
+                // 优先判断 skipSdkQueryForm
+                ifSkip = matchVersion(skipSdkQueryForm, _this5._appVersion);
+                if (!ifSkip) {
+                  _context2.next = 19;
+                  break;
+                }
+                resolve({
+                  message: 'sdk no need to make query request',
+                  success: true
+                });
+                return _context2.abrupt("return");
+              case 19:
+                _context2.next = 24;
+                break;
+              case 21:
+                if (!skipSdkQuery) {
+                  _context2.next = 24;
+                  break;
+                }
+                resolve({
+                  message: 'sdk no need to make query request',
+                  success: true
+                });
+                return _context2.abrupt("return");
+              case 24:
+                channelBehavior = getChannelBehavior((_this5$_renderParams6 = _this5._renderParams) === null || _this5$_renderParams6 === void 0 ? void 0 : _this5$_renderParams6.paymentSessionMetaData); // Easypay TOSS 渠道无需actionQuery
+                if (!(channelBehavior !== null && channelBehavior !== void 0 && channelBehavior.usePaymentSessionAsQueryResult)) {
+                  _context2.next = 27;
+                  break;
+                }
+                return _context2.abrupt("return", resolve({
+                  autoDebitWithToken: actionData === null || actionData === void 0 ? void 0 : actionData.autoDebitWithToken,
+                  amountConfirmRequired: actionData === null || actionData === void 0 ? void 0 : actionData.amountConfirmRequired,
+                  success: true
+                }));
+              case 27:
+                if (!(componentSignEnum.CASHIER_PAYMENT_CARD === _this5._componentSign || componentSignEnum.VAULTING_CARD === _this5._componentSign)) {
+                  _context2.next = 33;
+                  break;
+                }
+                params.paymentMethodType = 'CARD';
+                _context2.next = 31;
+                return _this5.getDeviceIdAndLog();
+              case 31:
+                envInfo.deviceId = _context2.sent;
+                if (window.navigator.userAgent.indexOf('miniProgram') > -1) {
+                  envInfo.extendInfo = {
+                    WAP_SUB_TYPE: 'WECHAT_MINI_PROGRAM'
+                  };
+                }
+              case 33:
+                if (!(componentSignEnum.EASY_PAY_WALLET === _this5._componentSign)) {
+                  _context2.next = 42;
+                  break;
+                }
+                _ref8 = params.paymentSessionConfig || {}, _ref8$productSceneVer = _ref8.productSceneVersion, productSceneVersion = _ref8$productSceneVer === void 0 ? '' : _ref8$productSceneVer, _ref8$productScene = _ref8.productScene, productScene = _ref8$productScene === void 0 ? '' : _ref8$productScene;
+                if (!((_this5$_renderParams7 = _this5._renderParams) !== null && _this5$_renderParams7 !== void 0 && (_this5$_renderParams7 = _this5$_renderParams7.paymentSessionMetaData) !== null && _this5$_renderParams7 !== void 0 && (_this5$_renderParams7 = _this5$_renderParams7.action) !== null && _this5$_renderParams7 !== void 0 && _this5$_renderParams7.skipSdkQuery && enableEasypayApiOptimize)) {
+                  _context2.next = 37;
+                  break;
+                }
+                return _context2.abrupt("return", resolve({
+                  message: 'sdk no need to make query request',
+                  success: true
+                }));
+              case 37:
+                if (!(productScene === productSceneEnum.EASY_PAY && productSceneVersion === '2.0')) {
+                  _context2.next = 39;
+                  break;
+                }
+                return _context2.abrupt("return", resolve({
+                  message: 'sdk no need to make query request',
+                  success: true
+                }));
+              case 39:
+                _context2.next = 41;
+                return _this5.getDeviceIdAndLog();
+              case 41:
+                envInfo.deviceId = _context2.sent;
+              case 42:
+                if (!(componentSignEnum.AUTO_DEBIT_WALLET === _this5._componentSign)) {
+                  _context2.next = 52;
+                  break;
+                }
+                action = ((_this5$_renderParams8 = _this5._renderParams) === null || _this5$_renderParams8 === void 0 || (_this5$_renderParams8 = _this5$_renderParams8.paymentSessionMetaData) === null || _this5$_renderParams8 === void 0 ? void 0 : _this5$_renderParams8.action) || {};
+                signType = isPC() ? action === null || action === void 0 || (_action$web2 = action.web) === null || _action$web2 === void 0 ? void 0 : _action$web2.signType : action === null || action === void 0 || (_action$wap2 = action.wap) === null || _action$wap2 === void 0 ? void 0 : _action$wap2.signType;
+                if (!(signType === 'SMS')) {
+                  _context2.next = 47;
+                  break;
+                }
+                return _context2.abrupt("return", resolve({
+                  message: 'sdk no need to make query request',
+                  success: true
+                }));
+              case 47:
+                if (!(!signType || signType !== 'REDIRECT')) {
+                  _context2.next = 49;
+                  break;
+                }
+                return _context2.abrupt("return", resolve({
+                  success: false
+                }));
+              case 49:
+                _context2.next = 51;
+                return _this5.getDeviceIdAndLog();
+              case 51:
+                envInfo.deviceId = _context2.sent;
+              case 52:
+                _this5.AMSSDK.logger.logInfo({
+                  title: 'sdk_event_sdkQuery'
+                }, {
+                  paymentSessionConfig: JSON.stringify(params.paymentSessionConfig),
+                  requestBody: params
+                }).send();
+                queryPaymentInfo(params, {
+                  env: _this5.AMSSDK.options.env.environment,
+                  envInfo: envInfo
+                }, _this5.AMSSDK.logger).then(function (res) {
+                  _this5._performanceData.push({
+                    key: 'sdk_action_query_end',
+                    value: Date.now()
+                  });
+                  resolve(res);
+                  _this5.AMSSDK.logger.logInfo({
+                    title: 'sdk_event_sdkQueryEnd'
+                  }, {
+                    paymentSessionConfig: JSON.stringify(params.paymentSessionConfig),
+                    responseBody: res
+                  }).send();
+                }).catch(function (err) {
+                  if ([componentSignEnum.CASHIER_PAYMENT_CARD, componentSignEnum.VAULTING_CARD, componentSignEnum.CASHIER_PAYMENT_APM].includes(_this5._componentSign)) {
+                    return resolve({
+                      success: false
+                    });
+                  }
+                  _this5.dispatchToSDK(EVENT.error.name, {
+                    code: ERRORMESSAGE.CREATECOMPONENT_ERROR.code
+                  });
+                  _this5.AMSSDK.logger.logError({
+                    title: 'sdk_event_sdkQuery_failed'
+                  }, {
+                    paymentSessionConfig: JSON.stringify(params.paymentSessionConfig),
+                    errorReason: err
+                  }).send();
+                  reject(err);
+                });
+              case 54:
+              case "end":
+                return _context2.stop();
+            }
+          }, _callee2);
+        }));
+        return function (_x, _x2) {
+          return _ref5.apply(this, arguments);
+        };
+      }());
+      return this._actionQueryPromise;
+    }
+
+    // private create
+  }, {
+    key: "createSubmitPromise",
+    value: function createSubmitPromise() {
+      var _this$_renderParams12,
+        _this$_renderParams13,
+        _this$_renderParams14,
+        _this6 = this;
+      this._performanceData.push({
+        key: 'sdk_submit_start',
+        value: Date.now()
+      });
+      var params = {
+        paymentSessionData: this._renderParams && ((_this$_renderParams12 = this._renderParams) === null || _this$_renderParams12 === void 0 ? void 0 : _this$_renderParams12.sessionData) || '',
+        paymentSessionConfig: (_this$_renderParams13 = this._renderParams) === null || _this$_renderParams13 === void 0 || (_this$_renderParams13 = _this$_renderParams13.paymentSessionMetaData) === null || _this$_renderParams13 === void 0 ? void 0 : _this$_renderParams13.paymentSessionConfig
+      };
+      var channelBehavior = getChannelBehavior((_this$_renderParams14 = this._renderParams) === null || _this$_renderParams14 === void 0 ? void 0 : _this$_renderParams14.paymentSessionMetaData);
+      // eslint-disable-next-line no-async-promise-executor
+      this._actionSubmitPromise = new Promise( /*#__PURE__*/function () {
+        var _ref9 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(resolve) {
+          var _channelBehavior$buil, _this6$_renderParams$;
+          var shouldSkipSubmitPayInSDK, _this6$_renderParams, _this6$_renderParams2, _this6$_renderParams3, _ref10, _ref10$productSceneVe, productSceneVersion, _ref10$productScene, productScene, _ref11, _ref11$action, _ref11$action2, _ref11$action2$enable, enableSignAgreement, _ref11$action2$autoDe, autoDebitWithToken, _ref12, _ref12$paymentMethodI, _ref12$paymentMethodI2, _ref12$paymentMethodI3, paymentMethodType, isAppWebview, backScheme, extParams;
+          return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+            while (1) switch (_context3.prev = _context3.next) {
+              case 0:
+                if (!(_this6.AMSSDK.options.product === productSceneEnum.ELEMENT_ADDRESS)) {
+                  _context3.next = 2;
+                  break;
+                }
+                return _context3.abrupt("return", resolve({
+                  message: 'sdk no need to make submitPay request',
+                  success: true
+                }));
+              case 2:
+                shouldSkipSubmitPayInSDK = false;
+                if (channelBehavior) {
+                  // 新逻辑走 channelBehavior判断
+                  shouldSkipSubmitPayInSDK = !channelBehavior.submitPayInSdk;
+                } else {
+                  shouldSkipSubmitPayInSDK = !((_this6$_renderParams = _this6._renderParams) !== null && _this6$_renderParams !== void 0 && (_this6$_renderParams = _this6$_renderParams.paymentSessionMetaData) !== null && _this6$_renderParams !== void 0 && (_this6$_renderParams = _this6$_renderParams.action) !== null && _this6$_renderParams !== void 0 && _this6$_renderParams.skipSdkQuery) || componentSignEnum.EASY_PAY_WALLET !== _this6._componentSign;
+                }
+                if (componentSignEnum.EASY_PAY_WALLET === _this6._componentSign) {
+                  _ref10 = params.paymentSessionConfig || {}, _ref10$productSceneVe = _ref10.productSceneVersion, productSceneVersion = _ref10$productSceneVe === void 0 ? '' : _ref10$productSceneVe, _ref10$productScene = _ref10.productScene, productScene = _ref10$productScene === void 0 ? '' : _ref10$productScene;
+                  _ref11 = ((_this6$_renderParams2 = _this6._renderParams) === null || _this6$_renderParams2 === void 0 ? void 0 : _this6$_renderParams2.paymentSessionMetaData) || {}, _ref11$action = _ref11.action, _ref11$action2 = _ref11$action === void 0 ? {} : _ref11$action, _ref11$action2$enable = _ref11$action2.enableSignAgreement, enableSignAgreement = _ref11$action2$enable === void 0 ? false : _ref11$action2$enable, _ref11$action2$autoDe = _ref11$action2.autoDebitWithToken, autoDebitWithToken = _ref11$action2$autoDe === void 0 ? false : _ref11$action2$autoDe;
+                  _ref12 = ((_this6$_renderParams3 = _this6._renderParams) === null || _this6$_renderParams3 === void 0 ? void 0 : _this6$_renderParams3.paymentSessionMetaData) || {}, _ref12$paymentMethodI = _ref12.paymentMethodInfoView, _ref12$paymentMethodI2 = _ref12$paymentMethodI === void 0 ? {} : _ref12$paymentMethodI, _ref12$paymentMethodI3 = _ref12$paymentMethodI2.paymentMethodType, paymentMethodType = _ref12$paymentMethodI3 === void 0 ? '' : _ref12$paymentMethodI3;
+                  if (productScene === productSceneEnum.EASY_PAY && productSceneVersion === '2.0' && !autoDebitWithToken) {
+                    isAppWebview = _this6._isAppWebview || false; ///EasyPay 2.0 首次传signAgreement字段
+                    params['signAgreement'] = enableSignAgreement;
+                    if (paymentMethodType == 'ALIPAY_CN' && !isAppWebview) {
+                      backScheme = getBackScheme(undefined, _this6.AMSSDK.logger);
+                      if (backScheme && backScheme !== 'https') {
+                        params['h5FromApp'] = encodeURIComponent(backScheme);
+                      }
+                    }
+                  }
+                }
+                // 带上标记告知WebCheckOut SDK已发送submitpay请求
+                _this6._allowSubmitPayCallAhead = !shouldSkipSubmitPayInSDK;
+                if (!shouldSkipSubmitPayInSDK) {
+                  _context3.next = 8;
+                  break;
+                }
+                return _context3.abrupt("return", resolve({
+                  message: 'sdk no need to make submitPay request',
+                  success: true
+                }));
+              case 8:
+                _this6.AMSSDK.logger.logInfo({
+                  title: 'sdk_event_submitPay'
+                }, {
+                  paymentSessionConfig: JSON.stringify(params.paymentSessionConfig),
+                  requestBody: params
+                }).send();
+                extParams = (channelBehavior === null || channelBehavior === void 0 || (_channelBehavior$buil = channelBehavior.buildSubmitPayExtParams) === null || _channelBehavior$buil === void 0 ? void 0 : _channelBehavior$buil.call(channelBehavior, {
+                  instanceId: _this6.AMSSDK._instanceId,
+                  locale: _this6.AMSSDK.options.locale,
+                  paymentMethodType: (_this6$_renderParams$ = _this6._renderParams.paymentSessionMetaData) === null || _this6$_renderParams$ === void 0 || (_this6$_renderParams$ = _this6$_renderParams$.paymentMethodInfoView) === null || _this6$_renderParams$ === void 0 ? void 0 : _this6$_renderParams$.paymentMethodType,
+                  paymentSessionData: _this6._renderParams.sessionData,
+                  env: _this6.AMSSDK.options.env.environment,
+                  sdkVersion: _this6._appVersion
+                })) || {};
+                params.extParams = extParams;
+                _context3.t0 = submitPayInfo;
+                _context3.t1 = params;
+                _context3.t2 = _this6.AMSSDK.options.env.environment;
+                _context3.next = 16;
+                return _this6.getDeviceIdAndLog();
+              case 16:
+                _context3.t3 = _context3.sent;
+                _context3.t4 = {
+                  deviceId: _context3.t3
+                };
+                _context3.t5 = {
+                  env: _context3.t2,
+                  timeout: 15000,
+                  envInfo: _context3.t4
+                };
+                _context3.t6 = _this6.AMSSDK.logger;
+                (0, _context3.t0)(_context3.t1, _context3.t5, _context3.t6).then(function (res) {
+                  _this6._performanceData.push({
+                    key: 'sdk_submit_end',
+                    value: Date.now()
+                  });
+                  _this6.AMSSDK.logger.logInfo({
+                    title: 'sdk_event_submitPayEnd'
+                  }, {
+                    paymentSessionConfig: JSON.stringify(params.paymentSessionConfig),
+                    responseBody: res
+                  }).send();
+                  resolve(res);
+                }).catch(function (err) {
+                  _this6.AMSSDK.logger.logError({
+                    title: 'sdk_event_submitPay_failed'
+                  }, {
+                    paymentSessionConfig: JSON.stringify(params.paymentSessionConfig),
+                    responseBody: err
+                  }).send();
+                  resolve({
+                    success: false
+                  });
+                });
+              case 21:
+              case "end":
+                return _context3.stop();
+            }
+          }, _callee3);
+        }));
+        return function (_x3) {
+          return _ref9.apply(this, arguments);
+        };
+      }());
+    }
+  }, {
+    key: "cleanElement",
+    value: function cleanElement() {
+      try {
+        var _document$getElementB;
+        // selector and container
+        if (getType(this._selector) === 'string') {
+          var selectorDom = document.querySelector(this._selector);
+          if (selectorDom) selectorDom.innerHTML = '';
+        }
+        var container = document.getElementById(COMPONENT_CONTAINER_ID);
+        if (container) container === null || container === void 0 || container.remove();
+
+        // animation
+        (_document$getElementB = document.getElementById("".concat(COMPONENT_CONTAINER_ID, "-").concat(this.platform, "-animation-style"))) === null || _document$getElementB === void 0 || _document$getElementB.remove();
+
+        // mockup
+        var body = document.getElementsByTagName('body')[0];
+        body.style.overflow = 'auto';
+        var mockup = document.getElementById(MOCKUP_ID);
+        mockup === null || mockup === void 0 || mockup.remove();
+
+        // retentionPopup
+        this.removeRetentionPopup(this.platform);
+
+        // listener
+        this.removeEventListener();
+      } catch (error) {
+        console.error(error);
+      }
+    }
+    // 预加载iframe创建
+  }, {
+    key: "createPreloadApp",
+    value: function createPreloadApp(componentSign) {
+      var productSceneVersion = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '1.0';
+      var preloadIframe = createPreloadIframe(componentSign, productSceneVersion);
+      var productScene = componentSign.split(/_(?=[^_]*$)/)[0];
+      var _getIframeUrl = getIframeUrl({
+          renderDisplayType: renderDisplayTypeEnum.popup,
+          componentSign: componentSign,
+          analytics: {
+            enabled: false
+          },
+          productScene: productScene,
+          productSceneVersion: productSceneVersion,
+          environment: this.AMSSDK.options.env.environment,
+          appVersion: this._appVersion,
+          instanceId: '',
+          isPreload: 'true',
+          mid: ''
+        }),
+        path = _getIframeUrl.path,
+        locationSearch = _getIframeUrl.locationSearch;
+      preloadIframe.src = "".concat(path, "?").concat(locationSearch);
+      if (!path) {
+        this.AMSSDK.logger.logError({
+          title: 'performance_optimization_preload_path_error'
+        }, {
+          path: path,
+          locationSearch: locationSearch
+        });
+      }
+      return preloadIframe;
+    }
+    /**
+     * @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, _renderParams$payment4;
+        var productSceneVersion = (renderParams === null || renderParams === void 0 || (_renderParams$payment = renderParams.paymentSessionMetaData) === null || _renderParams$payment === void 0 || (_renderParams$payment = _renderParams$payment.paymentSessionConfig) === null || _renderParams$payment === void 0 ? void 0 : _renderParams$payment.productSceneVersion) || '';
+        var productScene = (renderParams === null || renderParams === void 0 || (_renderParams$payment2 = renderParams.paymentSessionMetaData) === null || _renderParams$payment2 === void 0 || (_renderParams$payment2 = _renderParams$payment2.paymentSessionConfig) === null || _renderParams$payment2 === void 0 ? void 0 : _renderParams$payment2.productScene) || '';
+        var extendInfo = (renderParams === null || renderParams === void 0 || (_renderParams$payment3 = renderParams.paymentSessionMetaData) === null || _renderParams$payment3 === void 0 ? void 0 : _renderParams$payment3.extendInfo) || '';
+        var mid = renderParams === null || renderParams === void 0 || (_renderParams$payment4 = renderParams.paymentSessionMetaData) === null || _renderParams$payment4 === void 0 ? void 0 : _renderParams$payment4.clientId;
+        var environment = this.AMSSDK.options.env.environment;
+        this.appDomain = getAppDomain({
+          environment: environment,
+          appVersion: this._appVersion,
+          componentSign: this._componentSign,
+          productScene: productScene,
+          productSceneVersion: productSceneVersion,
+          extendInfo: extendInfo,
+          mid: mid
+        });
+        this.app = createIframe(this.AMSSDK.options.mode, this.platform);
+        var hostSign = ((renderParams === null || renderParams === void 0 ? void 0 : renderParams.sessionData) || '').split('&&')[1] || '';
+        var _getIframeUrl2 = getIframeUrl({
+            renderDisplayType: renderParams.renderDisplayType,
+            componentSign: this._componentSign,
+            analytics: this.AMSSDK.options.analytics,
+            productScene: productScene,
+            productSceneVersion: productSceneVersion,
+            environment: environment,
+            appVersion: this._appVersion,
+            extendInfo: extendInfo,
+            locale: this.AMSSDK.options.locale,
+            instanceId: this.AMSSDK._instanceId,
+            hostSign: hostSign,
+            mid: mid
+          }),
+          path = _getIframeUrl2.path,
+          locationSearch = _getIframeUrl2.locationSearch;
+        this._appLocationSearch = locationSearch;
+        // locationSearch 是一个序列化好的字符串
+        // 先判断path 是否有QueryParams，如果有需要扩展，否则直接拼?xx=xx
+        if (path.indexOf('?') !== -1) {
+          this.app.src = "".concat(path, "&").concat(locationSearch);
+        } else {
+          this.app.src = "".concat(path, "?").concat(locationSearch);
+        }
+        // Subscribe to messages from iframe
+        this.addEventListener();
+      } catch (error) {
+        this.AMSSDK.logger.logError({
+          title: 'sdk_error_created_app_failed'
+        }).send();
+        this.dispatchToSDK(EVENT.error.name, Object.assign({}, ERRORMESSAGE.SDK_COMPATIBILITY_ISSUES.FAILED_TO_CREATE_IFRAME, {
+          stack: error
+        }));
+      }
+    }
+  }, {
+    key: "listener",
+    value: function listener(e) {
+      var _e$data;
+      if (e.origin !== this.appDomain) return;
+      if (((_e$data = e.data) === null || _e$data === void 0 ? void 0 : _e$data.source) === 'react-devtools-content-script') {
+        // 防止 react 开发工具发的消息，非常频繁影响查看日志
+        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(e) {
+      var _e$target, _e$target2;
+      var cashier = document.getElementById(COMPONENT_CONTAINER_ID);
+      cashier.style.transition = 'none';
+      this.dispatchToApp({
+        context: {
+          event: 'renderResize',
+          data: {
+            heightOfVisible: (e === null || e === void 0 || (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.innerHeight) || window.innerHeight,
+            widthOfVisible: (e === null || e === void 0 || (_e$target2 = e.target) === null || _e$target2 === void 0 ? void 0 : _e$target2.innerWidth) || window.innerWidth
+          }
+        }
+      });
+    }
+  }, {
+    key: "createDialog",
+    value: function () {
+      var _createDialog = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(data) {
+        var pageUrl, _data$device, isLoad, timeout, logTimeout;
+        return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
+            case 0:
+              pageUrl = data.url.includes('?') ? "".concat(data.url, "&").concat(this._appLocationSearch) : "".concat(data.url, "?").concat(this._appLocationSearch);
+              _context4.prev = 1;
+              isLoad = false;
+              _context4.next = 5;
+              return createModal({
+                widthPadding: data === null || data === void 0 ? void 0 : data.widthPadding,
+                device: (_data$device = data === null || data === void 0 ? void 0 : data.device) !== null && _data$device !== void 0 ? _data$device : this.platform,
+                loadingConfig: data === null || data === void 0 ? void 0 : data.loadingConfig,
+                url: pageUrl
+              });
+            case 5:
+              this.popupApp = _context4.sent;
+              timeout = setTimeout(function () {
+                if (isLoad) return;
+                throw {
+                  title: 'sdk_error_create_pop_up'
+                };
+              }, LOADTIME_LIMIT);
+              logTimeout = setTimeout(function () {
+                if (isLoad) return;
+                throw {
+                  title: 'sdk_error_pop_up_time_out'
+                };
+              }, POPUP_LOADTIME_LOG_LIMIT);
+              this.popupApp.onload = function () {
+                isLoad = true;
+                removePopupLoading();
+                clearTimeout(timeout);
+                clearTimeout(logTimeout);
+              };
+              _context4.next = 15;
+              break;
+            case 11:
+              _context4.prev = 11;
+              _context4.t0 = _context4["catch"](1);
+              this.AMSSDK.logger.logError({
+                title: (_context4.t0 === null || _context4.t0 === void 0 ? void 0 : _context4.t0.title) || 'sdk_error_create_pop_up'
+              }, {
+                message: _context4.t0 === null || _context4.t0 === void 0 ? void 0 : _context4.t0.message,
+                url: pageUrl
+              });
+              this.dispatchToSDK(EVENT.error.name, ERRORMESSAGE.CREATECOMPONENT_ERROR.LOAD_APP_TIMEOUT);
+            case 15:
+            case "end":
+              return _context4.stop();
+          }
+        }, _callee4, this, [[1, 11]]);
+      }));
+      function createDialog(_x4) {
+        return _createDialog.apply(this, arguments);
+      }
+      return createDialog;
+    }()
+  }, {
+    key: "getDeviceIdAndCallback",
+    value: function () {
+      var _getDeviceIdAndCallback = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(eventContext) {
+        var deviceId;
+        return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+          while (1) switch (_context5.prev = _context5.next) {
+            case 0:
+              if (!(eventContext !== null && eventContext !== void 0 && eventContext.eventCallbackId)) {
+                _context5.next = 5;
+                break;
+              }
+              _context5.next = 3;
+              return this.getDeviceIdAndLog(eventContext === null || eventContext === void 0 ? void 0 : eventContext.data, true);
+            case 3:
+              deviceId = _context5.sent;
+              this.dispatchToApp({
+                context: {
+                  event: 'appEventCallback',
+                  eventCallbackId: eventContext === null || eventContext === void 0 ? void 0 : eventContext.eventCallbackId,
+                  data: {
+                    deviceId: deviceId
+                  }
+                }
+              });
+            case 5:
+            case "end":
+              return _context5.stop();
+          }
+        }, _callee5, this);
+      }));
+      function getDeviceIdAndCallback(_x5) {
+        return _getDeviceIdAndCallback.apply(this, arguments);
+      }
+      return getDeviceIdAndCallback;
+    }()
+  }, {
+    key: "getUserAgentAndCallback",
+    value: function () {
+      var _getUserAgentAndCallback = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(eventContext) {
+        return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+          while (1) switch (_context6.prev = _context6.next) {
+            case 0:
+              if (eventContext !== null && eventContext !== void 0 && eventContext.eventCallbackId) {
+                try {
+                  this.dispatchToApp({
+                    context: {
+                      event: 'appEventCallback',
+                      eventCallbackId: eventContext === null || eventContext === void 0 ? void 0 : eventContext.eventCallbackId,
+                      data: {
+                        userAgent: window.navigator.userAgent
+                      }
+                    }
+                  });
+                } catch (error) {
+                  /* empty */
+                }
+              }
+            case 1:
+            case "end":
+              return _context6.stop();
+          }
+        }, _callee6, this);
+      }));
+      function getUserAgentAndCallback(_x6) {
+        return _getUserAgentAndCallback.apply(this, arguments);
+      }
+      return getUserAgentAndCallback;
+    }()
+  }, {
+    key: "returnDataAndCallback",
+    value: function () {
+      var _returnDataAndCallback = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(eventContext) {
+        var _eventContext$data, targetData;
+        return _regeneratorRuntime().wrap(function _callee7$(_context7) {
+          while (1) switch (_context7.prev = _context7.next) {
+            case 0:
+              if (eventContext !== null && eventContext !== void 0 && eventContext.eventCallbackId) {
+                targetData = this._globalData.get((_eventContext$data = eventContext.data) === null || _eventContext$data === void 0 ? void 0 : _eventContext$data.dataKey);
+                this.dispatchToApp({
+                  context: {
+                    event: 'appEventCallback',
+                    eventCallbackId: eventContext === null || eventContext === void 0 ? void 0 : eventContext.eventCallbackId,
+                    data: targetData
+                  }
+                });
+              }
+            case 1:
+            case "end":
+              return _context7.stop();
+          }
+        }, _callee7, this);
+      }));
+      function returnDataAndCallback(_x7) {
+        return _returnDataAndCallback.apply(this, arguments);
+      }
+      return returnDataAndCallback;
+    }()
+    /**
+     * @description Initialize subscription iframe message
+     */
+  }, {
+    key: "addEventListener",
+    value: function addEventListener() {
+      this.removeEventListener();
+      window["".concat(LISTENER_PREFIX, "_").concat(this.AMSSDK._instanceId)] = this.listener.bind(this);
+      window["".concat(LISTENER_PREFIX, "_").concat(this.AMSSDK._instanceId, "_resize")] = this.resizeListener.bind(this);
+      window.addEventListener('message', window["".concat(LISTENER_PREFIX, "_").concat(this.AMSSDK._instanceId)]);
+      window.addEventListener('resize', window["".concat(LISTENER_PREFIX, "_").concat(this.AMSSDK._instanceId, "_resize")]);
+    }
+  }, {
+    key: "removeEventListener",
+    value: function removeEventListener() {
+      window.removeEventListener('message', window["".concat(LISTENER_PREFIX, "_").concat(this.AMSSDK._instanceId)]);
+      window.removeEventListener('resize', window["".concat(LISTENER_PREFIX, "_").concat(this.AMSSDK._instanceId, "_resize")]);
+    }
+
+    /**
+     * @description Processing messages from iframe
+     */
+  }, {
+    key: "_handleAppMessage",
+    value: function _handleAppMessage(data) {
+      var _data$context2,
+        _this7 = this;
+      var eventKeyMap = Object.keys(EVENT).map(function (key) {
+        return EVENT[key].name;
+      });
+      if (!eventKeyMap.includes(data.context.event)) {
+        return;
+      }
+      if (data.context.event === EVENT.getDeviceId.name) {
+        this.getDeviceIdAndCallback(data.context);
+        return;
+      }
+      if (data.context.event === EVENT.getUserAgentFromSdk.name) {
+        this.getUserAgentAndCallback(data.context);
+        return;
+      }
+      if (data.context.event === EVENT.popWindow.name) {
+        destroyModal();
+        return;
+      }
+      if (data.context.event === EVENT.getGlobalData.name) {
+        this.returnDataAndCallback(data.context);
+        return;
+      }
+      if (data.context.event === EVENT.setGlobalData.name) {
+        var _data$context$data, _data$context$data2;
+        this._globalData.set((_data$context$data = data.context.data) === null || _data$context$data === void 0 ? void 0 : _data$context$data.dataKey, (_data$context$data2 = data.context.data) === null || _data$context$data2 === void 0 ? void 0 : _data$context$data2.data);
+        return;
+      }
+      if (data.context.event === EVENT.popupWindow.name) {
+        var _data$context;
+        this.createDialog((_data$context = data.context) === null || _data$context === void 0 ? void 0 : _data$context.data);
+        return;
+      }
+      if (data.context.event === EVENT.sendMuitiAppEventToSdk.name) {
+        this.dispatchToApp({
+          context: {
+            event: 'receiveMuitiAppFromSdk',
+            data: data.context.data
+          }
+        });
+        return;
+      }
+      if (data.context.event === EVENT.dismissLoading.name) {
+        var _data$context$data3;
+        this.dismissLoadingFunc(false);
+        this.dispatchToSDK(EVENT.eventCallback.name, {
+          code: 'SDK_END_OF_LOADING',
+          message: ((_data$context$data3 = data.context.data) === null || _data$context$data3 === void 0 ? void 0 : _data$context$data3.message) || ''
+        });
+        return;
+      }
+      if (data.context.event === EVENT.launch.name) {
+        this._performanceData.push({
+          key: 'sdk_onLaunch',
+          value: Date.now()
+        });
+        this.AMSSDK.logger.logInfo({
+          title: 'sdk_event_webAppOnLaunch'
+        }).send();
+        this._loadAppPromiseResolve && this._loadAppPromiseResolve(true);
+        this.sendRenderEvent();
+        return;
+      }
+      if (data.context.event === EVENT.sizeChanged.name) {
+        this.handleSizeChanged(data);
+      }
+      if (data.context.event === EVENT.close.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;
+      }
+      if (data.context.event === EVENT.declareEventCallbackInfo.name) {
+        this._multipleCallbackEvents = data.context.data;
+        return;
+      }
+      if (data.context.event === EVENT.appHeartBeat.name) {
+        this.handleAppHeartBeat();
+        return;
+      }
+      if (data.context.event === EVENT.beforeSubmit.name) {
+        var _this$AMSSDK$_eventCe;
+        if ((_this$AMSSDK$_eventCe = this.AMSSDK._eventCenter) !== null && _this$AMSSDK$_eventCe !== void 0 && _this$AMSSDK$_eventCe.isExist(EVENT.beforeSubmit.name)) {
+          this.AMSSDK._eventCenter.emit(EVENT.beforeSubmit.name, data.context.data);
+          return;
+        }
+        // 不存在事件，默认通过
+        var eventCallbackId = uuid();
+        this.dispatchToApp({
+          context: {
+            event: EVENT.beforeSubmitDone.name,
+            eventCallbackId: eventCallbackId,
+            data: {
+              result: 'IGNORE'
+            }
+          }
+        });
+        return;
+      }
+      if (data.context.event === EVENT.eventCallback.name) {
+        this.AMSSDK.logger.logInfo({
+          title: 'sdk_event_event_callback'
+        }).send();
+      }
+      if ((data === null || data === void 0 || (_data$context2 = data.context) === null || _data$context2 === void 0 ? void 0 : _data$context2.event) === EVENT.getGooglePayToken.name) {
+        handleGooglePay(data).then(function (res) {
+          _this7.dispatchToApp({
+            context: {
+              event: 'getGooglePayToken',
+              data: _objectSpread({}, res)
+            }
+          });
+        }).catch(function (err) {
+          _this7.dispatchToApp({
+            context: {
+              event: 'getGooglePayToken',
+              data: {
+                err: err
+              }
+            }
+          });
+        });
+        return;
+      }
+
+      // The plug-in communicates with the sdk after processing
+      this.dispatchToSDK(data.context.event, data.context.data, data.context.eventCallbackId);
+    }
+  }, {
+    key: "dismissLoadingFunc",
+    value: function dismissLoadingFunc() {
+      var _document$getElementB2;
+      var isShowMockup = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+      var mockup = document.getElementById(MOCKUP_ID);
+      if (mockup) {
+        mockup.style.background = 'rgb(0, 0, 0, 0.6)';
+        mockup.style.display = isShowMockup ? 'block' : 'none';
+      }
+      (_document$getElementB2 = document.getElementById(LOADING_ID)) === null || _document$getElementB2 === void 0 || _document$getElementB2.remove();
+    }
+  }, {
+    key: "handleSizeChanged",
+    value: function handleSizeChanged(data) {
+      var _data$context$data4;
+      var cashier = document.getElementById(COMPONENT_CONTAINER_ID);
+      if (((_data$context$data4 = data.context.data) === null || _data$context$data4 === void 0 ? void 0 : _data$context$data4.height) <= 1 || data.context.data.height === parseInt(cashier.style.height)) return;
+      cashier.style.height = "".concat(data.context.data.height, "px");
+      this.app.style.opacity = '1';
+      if (this._renderDisplayType === renderDisplayTypeEnum.popup) {
+        if (this.platform === 'desktop') {
+          if (data.context.data.width) cashier.style.width = "".concat(data.context.data.width, "px");
+          cashier.classList.add("".concat(COMPONENT_CONTAINER_ID, "-").concat(this.platform, "-animation"));
+          this.app.style.height = "".concat(data.context.data.height, "px");
+        }
+        if (this.platform === 'mobile') {
+          cashier.classList.add("".concat(COMPONENT_CONTAINER_ID, "-").concat(this.platform, "-animation"));
+          var animationStyleId = "".concat(COMPONENT_CONTAINER_ID, "-").concat(this.platform, "-animation-style");
+          var animationStyle = document.getElementById(animationStyleId);
+          if (animationStyle) animationStyle === null || animationStyle === void 0 || animationStyle.remove();
+
+          // 此style用于弹窗出现和高度变化时动画，动画不同，属性不同
+          this.app.style.height = parseInt(this.app.style.height) > 0 ? '100%' : "".concat(data.context.data.height, "px");
+          // 弹出和弹入动画
+          var runkeyframes = slideInAndOutKeyframes(COMPONENT_CONTAINER_ID, data.context.data.height);
+          // 创建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);
+        }
+        // 关闭loading，保留蒙层
+        this.dismissLoadingFunc();
+      }
+      if (this._renderDisplayType === renderDisplayTypeEnum.inline) {
+        var _document$getElementB3;
+        (_document$getElementB3 = document.getElementById(LOADING_ID)) === null || _document$getElementB3 === void 0 || _document$getElementB3.remove();
+        this.app.style.height = "".concat(data.context.data.height, "px");
+      }
+    }
+  }, {
+    key: "handleAuthUrlInfo",
+    value: function handleAuthUrlInfo(authUrlInfo) {
+      var data = {};
+      if (!(authUrlInfo !== null && authUrlInfo !== void 0 && authUrlInfo.normalUrl) && !(authUrlInfo !== null && authUrlInfo !== void 0 && authUrlInfo.schemeUrl) && !(authUrlInfo !== null && authUrlInfo !== void 0 && authUrlInfo.applinkUrl) && authUrlInfo !== null && authUrlInfo !== void 0 && authUrlInfo.authUrl) {
+        data = {
+          normalUrl: authUrlInfo === null || authUrlInfo === void 0 ? void 0 : authUrlInfo.authUrl,
+          schemeUrl: authUrlInfo === null || authUrlInfo === void 0 ? void 0 : authUrlInfo.authUrl,
+          applinkUrl: authUrlInfo === null || authUrlInfo === void 0 ? void 0 : authUrlInfo.authUrl
+        };
+      } else {
+        data = {
+          normalUrl: authUrlInfo === null || authUrlInfo === void 0 ? void 0 : authUrlInfo.normalUrl,
+          schemeUrl: authUrlInfo === null || authUrlInfo === void 0 ? void 0 : authUrlInfo.schemeUrl,
+          applinkUrl: authUrlInfo === null || authUrlInfo === void 0 ? void 0 : authUrlInfo.applinkUrl
+        };
+      }
+      this.handleRedirect(data, true);
+    }
+  }, {
+    key: "handleRedirect",
+    value: function handleRedirect(data) {
+      var _data$isDestroy,
+        _data$isCallApp,
+        _data$callAppDetectSu,
+        _this8 = this;
+      var fromFastSdk = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      var _data = typeof data === 'string' ? {
+        normalUrl: data
+      } : _objectSpread(_objectSpread({}, 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,
+        isDestroy: (_data$isDestroy = data === null || data === void 0 ? void 0 : data.isDestroy) !== null && _data$isDestroy !== void 0 ? _data$isDestroy : true,
+        isCallApp: (_data$isCallApp = data === null || data === void 0 ? void 0 : data.isCallApp) !== null && _data$isCallApp !== void 0 ? _data$isCallApp : false,
+        callAppDetectSuccessDelay: (_data$callAppDetectSu = data === null || data === void 0 ? void 0 : data.callAppDetectSuccessDelay) !== null && _data$callAppDetectSu !== void 0 ? _data$callAppDetectSu : 2000
+      });
+      this.AMSSDK.logger.logInfo({
+        title: 'sdk_event_call_url_start'
+      }, _objectSpread({}, data)).send();
+      var successCallback = function successCallback(type, url, durationInSeconds) {
+        _this8.dispatchToSDK(EVENT.eventCallback.name, {
+          code: eventCodeEnum.SDK_CALL_URL_SUCCESS,
+          message: "Successfully opened the app,".concat(type, ": ").concat(url)
+        });
+        var extra = {
+          redirectInfo: JSON.stringify(_data),
+          openType: type,
+          url: url,
+          fromFastSdk: fromFastSdk
+        };
+        if (durationInSeconds) {
+          extra['durationInSeconds'] = durationInSeconds;
+        }
+        _this8.AMSSDK.logger.logInfo({
+          title: 'sdk_event_call_url_success'
+        }, extra).send();
+      };
+      var failCallback = function failCallback(type, url, durationInSeconds) {
+        _this8.dispatchToSDK(EVENT.eventCallback.name, {
+          code: eventCodeEnum.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)
+        });
+        var extra = {
+          redirectInfo: JSON.stringify(_data),
+          openType: type,
+          url: url,
+          fromFastSdk: fromFastSdk
+        };
+        if (durationInSeconds) {
+          extra['durationInSeconds'] = durationInSeconds;
+        }
+        _this8.AMSSDK.logger.logInfo({
+          title: 'sdk_error_call_url_failed'
+        }, extra).send();
+      };
+
+      // 支持 target: _blank，新开tab页打开
+      if (_data.target === targetEnum.BLANK) {
+        if (!_data.normalUrl) return failCallback(RedirectType.NormalUrl, '');
+        successCallback(RedirectType.NormalUrl, _data.normalUrl);
+        window.open(_data.normalUrl);
+        return;
+      }
+      if (_data.target === targetEnum.REPLACE && !(_data !== null && _data !== void 0 && _data.applinkUrl) && !(_data !== null && _data !== void 0 && _data.schemeUrl)) {
+        if (!_data.normalUrl) return failCallback(RedirectType.NormalUrl, '');
+        successCallback(RedirectType.NormalUrl, _data.normalUrl);
+        window.location.replace(_data.normalUrl);
+        return;
+      }
+      // 销毁iframe和全局loading
+      if (_data !== null && _data !== void 0 && _data.isDestroy) this.cleanContainer();
+      // 唤端
+      if (_data !== null && _data !== void 0 && _data.isCallApp && _data !== null && _data !== void 0 && _data.schemeUrl) {
+        var startCallAppTime = new Date();
+        var detectSuccessDelay = typeof (data === null || data === void 0 ? void 0 : data.callAppDetectSuccessDelay) === 'number' ? data.callAppDetectSuccessDelay : 5000;
+        this.AMSSDK._redirect({
+          schemeUrl: _data === null || _data === void 0 ? void 0 : _data.schemeUrl,
+          callAppJudgeTime: detectSuccessDelay
+        }).then(function () {
+          var endCallAppTime = new Date();
+          var durationInMilliseconds = endCallAppTime.getTime() - startCallAppTime.getTime();
+          var durationInSeconds = durationInMilliseconds / 1000;
+          successCallback(RedirectType.SchemeUrl, _data === null || _data === void 0 ? void 0 : _data.schemeUrl, durationInSeconds);
+        }).catch(function () {
+          var endCallAppTime = new Date();
+          var durationInMilliseconds = endCallAppTime.getTime() - startCallAppTime.getTime();
+          var durationInSeconds = durationInMilliseconds / 1000;
+          failCallback(RedirectType.SchemeUrl, _data.schemeUrl, durationInSeconds);
+        });
+        return;
+      }
+      this.AMSSDK._redirect({
+        applinkUrl: _data === null || _data === void 0 ? void 0 : _data.applinkUrl
+      }).then(function () {
+        successCallback(RedirectType.ApplinkUrl, _data === null || _data === void 0 ? void 0 : _data.applinkUrl);
+      }).catch(function () {
+        if (_data !== null && _data !== void 0 && _data.applinkUrl) failCallback(RedirectType.ApplinkUrl, _data === null || _data === void 0 ? void 0 : _data.applinkUrl);
+        return _this8.AMSSDK._redirect({
+          schemeUrl: _data === null || _data === void 0 ? void 0 : _data.schemeUrl
+        });
+      }).then(function () {
+        successCallback(RedirectType.SchemeUrl, _data === null || _data === void 0 ? void 0 : _data.schemeUrl);
+      }).catch(function () {
+        if (_data !== null && _data !== void 0 && _data.schemeUrl) failCallback(RedirectType.SchemeUrl, _data === null || _data === void 0 ? void 0 : _data.schemeUrl);
+        return _this8.AMSSDK._redirect({
+          normalUrl: _data === null || _data === void 0 ? void 0 : _data.normalUrl
+        });
+      }).then(function () {
+        successCallback(RedirectType.NormalUrl, _data === null || _data === void 0 ? void 0 : _data.normalUrl);
+      }).catch(function () {
+        failCallback(RedirectType.NormalUrl, _data === null || _data === void 0 ? void 0 : _data.normalUrl);
+      });
+    }
+  }, {
+    key: "handleDeclareInfo",
+    value: function handleDeclareInfo(_ref13) {
+      var _ref13$closeDialogDat = _ref13.closeDialogData,
+        closeDialogData = _ref13$closeDialogDat === void 0 ? {} : _ref13$closeDialogDat;
+      _handleDeclareInfo({
+        closeDialogData: closeDialogData
+      });
+    }
+  }, {
+    key: "handleDeclarePopWindowCallback",
+    value: function handleDeclarePopWindowCallback() {
+      var eventInfoName = 'popWindowEventInfo';
+      if (this._multipleCallbackEvents && eventInfoName in this._multipleCallbackEvents) {
+        var eventInfo = this._multipleCallbackEvents[eventInfoName];
+        if (eventInfo.enableCallback) {
+          this.dispatchToSDK(EVENT.eventCallback.name, {
+            code: eventInfo.eventName,
+            result: {
+              result: eventInfo.eventResult || {}
+            }
+          });
+        }
+      } else {
+        console.log("not valid ".concat(eventInfoName, " in "), this._multipleCallbackEvents);
+      }
+    }
+  }, {
+    key: "handleAppHeartBeat",
+    value: function handleAppHeartBeat() {
+      var _this9 = this;
+      try {
+        if (!this._webAppHeartBeatTimeoutFn) {
+          this._webAppHeartBeatTimeoutFn = function () {
+            if (_this9.isAppAttached()) {
+              _this9.AMSSDK.logger.logError({
+                title: 'sdk_error_appHeartBeatTimeout'
+              });
+            }
+          };
+        }
+        if (window._webAppHeartBeatTimeoutId) {
+          clearTimeout(window._webAppHeartBeatTimeoutId);
+          window._webAppHeartBeatTimeoutId = null;
+        }
+        if (this._webAppHeartBeatTimeoutFn) {
+          window._webAppHeartBeatTimeoutId = setTimeout(this._webAppHeartBeatTimeoutFn, TIMEOUT_WEB_APP_HEART_BEAT);
+        }
+        setTimeout(function () {
+          if (_this9.isAppAttached()) {
+            _this9.dispatchToApp({
+              context: {
+                event: 'sdkHeartBeat',
+                data: {}
+              }
+            });
+          }
+        }, TIME_DELAY_SEND_HEART_BEAT);
+      } catch (error) {
+        this.AMSSDK.logger.logError({
+          title: 'sdk_error_handleAppHeartBeat'
+        }, {
+          errorMessage: error.message
+        });
+      }
+    }
+  }, {
+    key: "isAppAttached",
+    value: function isAppAttached() {
+      return this.app || this.popupApp;
+    }
+  }, {
+    key: "isWindowVisible",
+    value: function isWindowVisible() {
+      var _document;
+      return ((_document = document) === null || _document === void 0 ? void 0 : _document.visibilityState) === 'visible';
+    }
+  }, {
+    key: "handleCloseBtnShow",
+    value: function handleCloseBtnShow(showClose) {
+      var closeBlock = document.getElementById(COMPONENT_CLOSE_BLOCK_ID);
+      if (showClose) {
+        closeBlock === null || closeBlock === void 0 || closeBlock.classList.remove("".concat(COMPONENT_CLOSE_BLOCK_ID, "-hidden"));
+      } else if (showClose === false) {
+        closeBlock === null || closeBlock === void 0 || closeBlock.classList.add("".concat(COMPONENT_CLOSE_BLOCK_ID, "-hidden"));
+      }
+    }
+
+    /**
+     * @description Send message to SDK
+     */
+  }, {
+    key: "dispatchToSDK",
+    value: function dispatchToSDK(event, data, eventCallbackId) {
+      this.AMSSDK._eventCenter.emit(event, data);
+      if (eventCallbackId) this.AMSSDK._eventCenter.emit(eventCallbackId, data);
+    }
+
+    /**
+     * @description Send message to iframe
+     */
+  }, {
+    key: "dispatchToApp",
+    value: function dispatchToApp(payload) {
+      var targetElement = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+      var data = Object.assign({}, payload, {
+        name: messageName.SDK_TO_APP,
+        mode: this.AMSSDK.options.mode,
+        appId: COMPONENTPLUGINID,
+        instanceId: this.AMSSDK._instanceId
+      });
+      if (targetElement && targetElement.contentWindow) {
+        return targetElement.contentWindow.postMessage(JSON.stringify(data), '*');
+      }
+      if (this.app || this.popupApp) {
+        var _this$app, _this$app2, _this$popupApp, _this$popupApp2;
+        (this === null || this === void 0 || (_this$app = this.app) === null || _this$app === void 0 ? void 0 : _this$app.contentWindow) && (this === null || this === void 0 || (_this$app2 = this.app) === null || _this$app2 === void 0 ? void 0 : _this$app2.contentWindow.postMessage(JSON.stringify(data), this.appDomain));
+        (this === null || this === void 0 || (_this$popupApp = this.popupApp) === null || _this$popupApp === void 0 ? void 0 : _this$popupApp.contentWindow) && (this === null || this === void 0 || (_this$popupApp2 = this.popupApp) === null || _this$popupApp2 === void 0 ? void 0 : _this$popupApp2.contentWindow.postMessage(JSON.stringify(data), '*'));
+        return;
+      }
+      throw new Error(ERRORMESSAGE.SDK_SUBMIT_ERROR.message);
+    }
+
+    /**
+     * @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 _callee8() {
+        var _this$_renderParams15, _this$_renderParams16, _this$_renderParams17, _this$_renderParams18, _this$_renderParams19, _this$_renderParams20, _this$_renderParams21, _this$_renderParams22, _this$_renderParams23, _this$AMSSDK$logger, _this$_renderParams24, _this$_renderParams25, _this$_renderParams26, _this$AMSSDK, _this$_renderParams27, isAddressElement, res, submitRes;
+        return _regeneratorRuntime().wrap(function _callee8$(_context8) {
+          while (1) switch (_context8.prev = _context8.next) {
+            case 0:
+              _context8.prev = 0;
+              isAddressElement = this.AMSSDK.options.product === productSceneEnum.ELEMENT_ADDRESS;
+              if (!((!this._actionQueryPromise || !this._actionSubmitPromise) && !isAddressElement)) {
+                _context8.next = 4;
+                break;
+              }
+              return _context8.abrupt("return");
+            case 4:
+              _context8.next = 6;
+              return this._actionQueryPromise;
+            case 6:
+              res = _context8.sent;
+              _context8.next = 9;
+              return this._actionSubmitPromise;
+            case 9:
+              submitRes = _context8.sent;
+              this._performanceData.push({
+                key: 'sdk_render_component',
+                value: Date.now()
+              });
+              this.dispatchToApp({
+                context: {
+                  event: 'renderComponent',
+                  data: {
+                    queryResult: res,
+                    submitResult: submitRes,
+                    sessionResult: (_this$_renderParams15 = this._renderParams) === null || _this$_renderParams15 === void 0 ? void 0 : _this$_renderParams15.paymentSessionMetaData,
+                    paymentSessionData: (_this$_renderParams16 = this._renderParams) === null || _this$_renderParams16 === void 0 ? void 0 : _this$_renderParams16.sessionData,
+                    heightOfVisible: Math.max(window.changingPageHeight, window.innerHeight),
+                    renderDisplayType: (_this$_renderParams17 = this._renderParams) === null || _this$_renderParams17 === void 0 ? void 0 : _this$_renderParams17.renderDisplayType,
+                    appearance: (_this$_renderParams18 = this._renderParams) === null || _this$_renderParams18 === void 0 ? void 0 : _this$_renderParams18.appearance,
+                    notRedirectAfterComplete: ((_this$_renderParams19 = this._renderParams) === null || _this$_renderParams19 === void 0 ? void 0 : _this$_renderParams19.notRedirectAfterComplete) === true,
+                    isAppWebview: this._isAppWebview,
+                    merchantAppointParam: this._merchantAppointParam,
+                    allowSubmitPayCallAhead: this._allowSubmitPayCallAhead,
+                    /** 地址组件集成的参数 */
+                    configParams: (_this$_renderParams20 = this._renderParams) === null || _this$_renderParams20 === void 0 ? void 0 : _this$_renderParams20.configParams,
+                    prefillValue: (_this$_renderParams21 = this._renderParams) === null || _this$_renderParams21 === void 0 ? void 0 : _this$_renderParams21.prefillValue,
+                    componentSession: (_this$_renderParams22 = this._renderParams) === null || _this$_renderParams22 === void 0 ? void 0 : _this$_renderParams22.componentSession,
+                    envInfo: {
+                      screenHeight: screen.height,
+                      screenWidth: screen.width
+                    },
+                    logMetaData: _objectSpread(_objectSpread({
+                      trackId: (_this$_renderParams23 = this._renderParams) === null || _this$_renderParams23 === void 0 ? void 0 : _this$_renderParams23.sessionData,
+                      platform: this.platform,
+                      firstLogTime: (_this$AMSSDK$logger = this.AMSSDK.logger) === null || _this$AMSSDK$logger === void 0 ? void 0 : _this$AMSSDK$logger.getComponentStartTime()
+                    }, ((_this$_renderParams24 = this._renderParams) === null || _this$_renderParams24 === void 0 || (_this$_renderParams24 = _this$_renderParams24.paymentSessionMetaData) === null || _this$_renderParams24 === void 0 ? void 0 : _this$_renderParams24.paymentSessionConfig) || {}), {}, {
+                      renderDisplayType: (_this$_renderParams25 = this._renderParams) === null || _this$_renderParams25 === void 0 ? void 0 : _this$_renderParams25.renderDisplayType,
+                      sdkVersion: this._appVersion,
+                      merchantId: (_this$_renderParams26 = this._renderParams) === null || _this$_renderParams26 === void 0 || (_this$_renderParams26 = _this$_renderParams26.paymentSessionMetaData) === null || _this$_renderParams26 === void 0 ? void 0 : _this$_renderParams26.clientId,
+                      instanceId: (_this$AMSSDK = this.AMSSDK) === null || _this$AMSSDK === void 0 ? void 0 : _this$AMSSDK._instanceId,
+                      performanceData: this._performanceData,
+                      paymentMethodType: (_this$_renderParams27 = this._renderParams) === null || _this$_renderParams27 === void 0 || (_this$_renderParams27 = _this$_renderParams27.paymentSessionMetaData) === null || _this$_renderParams27 === void 0 || (_this$_renderParams27 = _this$_renderParams27.paymentMethodInfoView) === null || _this$_renderParams27 === void 0 ? void 0 : _this$_renderParams27.paymentMethodType
+                    })
+                  }
+                }
+              }, null);
+              this.AMSSDK.logger.logInfo({
+                title: 'sdk_event_renderComponent'
+              });
+              this.dispatchToApp({
+                context: {
+                  event: 'web-sdk-performance',
+                  data: {
+                    performanceData: this._performanceData
+                  }
+                }
+              });
+              // eslint-disable-next-line no-empty
+              _context8.next = 18;
+              break;
+            case 16:
+              _context8.prev = 16;
+              _context8.t0 = _context8["catch"](0);
+            case 18:
+            case "end":
+              return _context8.stop();
+          }
+        }, _callee8, this, [[0, 16]]);
+      }));
+      function sendRenderEvent() {
+        return _sendRenderEvent.apply(this, arguments);
+      }
+      return sendRenderEvent;
+    }()
+    /**
+     * @description close cashier
+     */
+    )
+  }, {
+    key: "cleanContainer",
+    value: function cleanContainer() {
+      var _document$getElementB4,
+        _this10 = this;
+      var immediately = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+      (_document$getElementB4 = document.getElementById(LOADING_ID)) === null || _document$getElementB4 === void 0 || _document$getElementB4.remove();
+      this.hideComponentAnimation();
+      var mockup = document.getElementById(MOCKUP_ID);
+      mockup === null || mockup === void 0 || mockup.classList.add("".concat(MOCKUP_ID, "-hidden"));
+      this._loadAppPromiseResolve && this._loadAppPromiseResolve(true);
+      this._performanceData = [];
+      this._isInitComponent = false;
+      this.app = null;
+      if (immediately) this.cleanElement();else {
+        setTimeout(function () {
+          _this10.cleanElement();
+        }, 300);
+      }
+    }
+  }, {
+    key: "hideComponentAnimation",
+    value: function hideComponentAnimation() {
+      var _container$style;
+      var container = document.getElementById(COMPONENT_CONTAINER_ID);
+      if (this.app) this.app.style.height = container === null || container === void 0 || (_container$style = container.style) === null || _container$style === void 0 ? void 0 : _container$style.height;
+      if (container) {
+        // size变化动画取消
+        container.style.transition = '';
+        container === null || container === void 0 || container.classList.remove("".concat(COMPONENT_CONTAINER_ID, "-").concat(this.platform));
+        container === null || container === void 0 || container.classList.remove("".concat(COMPONENT_CONTAINER_ID, "-").concat(this.platform, "-animation"));
+        container === null || container === void 0 || container.classList.add("".concat(COMPONENT_CONTAINER_ID, "-hidden-").concat(this.platform));
+      }
+    }
+  }, {
+    key: "closeBtnFunc",
+    value: function closeBtnFunc() {
+      // element && element.removeEventListener()
+      if (this._isRetention) this.showRetentionPopup();else {
+        this.cleanContainer();
+        this.dispatchToSDK(EVENT.close.name, {});
+        this.handleDeclarePopWindowCallback();
+      }
+    }
+  }, {
+    key: "retentionPopupLeaveFunc",
+    value: function retentionPopupLeaveFunc() {
+      this.dispatchToSDK(EVENT.close.name, {});
+      this.hideRetentionPopupFunc();
+      this.cleanContainer();
+      this.handleDeclarePopWindowCallback();
+    }
+  }, {
+    key: "removeRetentionPopup",
+    value: function removeRetentionPopup(platform) {
+      _removeRetentionPopup(platform, this.hideRetentionPopupFunc.bind(this), this.retentionPopupLeaveFunc.bind(this));
+    }
+  }, {
+    key: "showRetentionPopup",
+    value: function showRetentionPopup() {
+      var retentionPopup = document.getElementById(COMPONENT_RETENTION_ID);
+      var container = document.getElementById(COMPONENT_CONTAINER_ID);
+      if (retentionPopup) {
+        container === null || container === void 0 || container.classList.add("".concat(COMPONENT_CONTAINER_ID, "-opacity"));
+        retentionPopup.classList.remove("".concat(COMPONENT_RETENTION_ID, "-hidden"));
+        retentionPopup.classList.add("".concat(COMPONENT_RETENTION_ID, "-show"));
+      }
+    }
+  }, {
+    key: "hideRetentionPopupFunc",
+    value: function hideRetentionPopupFunc() {
+      hideRetentionPopup();
+    }
+  }, {
+    key: "submitForm",
+    value: function submitForm(data) {
+      var attributes = data.attributes;
+      var _document2 = document,
+        body = _document2.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);
+      setTimeout(function () {
+        form.submit();
+      }, 0);
+    }
+  }]);
+  return ComponentApp;
+}();
+export { ComponentApp as default };