@alipay/ams-checkout 0.0.1726046231-dev.0 → 0.0.1726046231-dev.10

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

@@ -22,7 +22,7 @@ import { parseSessionData } from "../index";
 import { ElementAddressComponent } from "./components/address";
 import { ElementAuthComponent } from "./components/auth";
 import { ElementPaymentComponent } from "./components/payment";
-import { addressTheme } from "./type";
+import { addressTheme, ThemeType, ELEMENT_ENVIRONMENT } from "./type";
 var ElementProcessor = /*#__PURE__*/function () {
   function ElementProcessor() {
     _classCallCheck(this, ElementProcessor);
@@ -76,6 +76,8 @@ export var ElementComponent = /*#__PURE__*/function () {
     // one account接口返回
     _defineProperty(this, "launchSource", void 0);
     // launch 来源记录
+    _defineProperty(this, "iframeSrc", void 0);
+    // iframe src记录
     _defineProperty(this, "mountOptions", void 0);
     // 组件mount配置记录
     _defineProperty(this, "iframes", void 0);
@@ -105,6 +107,14 @@ export var ElementComponent = /*#__PURE__*/function () {
         selector: sdkSelector,
         debugProps: renderOptions.debugProps
       }).then(function (result) {
+        if (!result) {
+          var _this$_options$onEven, _this$_options;
+          (_this$_options$onEven = (_this$_options = _this._options).onEventCallback) === null || _this$_options$onEven === void 0 || _this$_options$onEven.call(_this$_options, {
+            code: EventCallbackCode.Failed,
+            message: 'Component loading failed'
+          });
+          return undefined;
+        }
         _this.eventService.addIFrame(result);
         _this.iframes[ElementPaymentMethod.ADDRESS_ELEMENT] = result;
       });
@@ -121,6 +131,14 @@ export var ElementComponent = /*#__PURE__*/function () {
         selector: sdkSelector,
         debugProps: renderOptions.debugProps
       }).then(function (result) {
+        if (!result) {
+          var _this$_options$onEven2, _this$_options2;
+          (_this$_options$onEven2 = (_this$_options2 = _this._options).onEventCallback) === null || _this$_options$onEven2 === void 0 || _this$_options$onEven2.call(_this$_options2, {
+            code: EventCallbackCode.Failed,
+            message: 'Component loading failed'
+          });
+          return undefined;
+        }
         _this.eventService.addIFrame(result);
         _this.iframes[ElementPaymentMethod.PAYMENT_ELEMENT] = result;
       });
@@ -184,6 +202,8 @@ export var ElementComponent = /*#__PURE__*/function () {
           envInfo: {
             locale: _this._options.locale
           },
+          timeout: 300000,
+          // TODO dev环境submit提交接口超时
           'Operation-Type': 'com.ipay.iexpcashier.cashier.submitPayByPaymentSession'
         }).then(function (result) {
           console.log('element submit result ------', result);
@@ -285,24 +305,116 @@ export var ElementComponent = /*#__PURE__*/function () {
     this.mountOptions = {};
     this.createElement();
   }
+
+  // 初始化注册
   _createClass(ElementComponent, [{
+    key: "createElement",
+    value: function createElement() {
+      var _this2 = this;
+      var _parseSessionData = parseSessionData(this._options.sessionData),
+        _parseSessionData2 = _slicedToArray(_parseSessionData, 2),
+        parseData = _parseSessionData2[0],
+        sessionData = _parseSessionData2[1];
+      this.parseData = parseData;
+      this.sessionData = sessionData;
+      this.elementContainer = new AntomSDKCore();
+      this.elementContainer.registerProcessor(ProductSceneEnum.ELEMENT_PAYMENT, '', new ElementProcessor());
+      this.elementContainer.init({}, ProductSceneEnum.ELEMENT_PAYMENT);
+      this.elementContainer.startBizFlow({
+        paymentSession: this._options.sessionData
+      }).then(function (res) {
+        // 请求消息
+        Promise.all([_this2.oneAccountQuery(), _this2.sdkActionQuery()]).then(function (result) {
+          _this2.oneAccountRes = result[0];
+          _this2.sdkActionRes = result[1];
+          _this2.sendRenderData();
+        });
+
+        // 本地mock测试数据
+        // setTimeout(() => {
+        //   this.oneAccountRes = oneAccount;
+        //   this.sdkActionRes = sdkAction;
+        //   this.sendRenderData();
+        // }, 500);
+      });
+      this.iframeSrc = this.createIframeSrc(this._options.environment, this._options.version);
+
+      // 注册 auth 邮箱模块
+      try {
+        this.authBase = new ElementAuthComponent();
+        this.authBase.create({
+          environment: this._options.environment,
+          locale: this._options.locale
+        });
+        var serviceProvider = this.elementContainer.getServiceProvider();
+        this.eventService = serviceProvider.getService('EventCenter');
+        this.requestService = serviceProvider.getService('Requester');
+        // 注册 payment 卡支付模块
+        this.paymentBase = new ElementPaymentComponent();
+        this.paymentBase.create({
+          environment: this._options.environment,
+          locale: this._options.locale,
+          appVersion: this._options.version || ''
+        });
+
+        // 注册 address 地址模块
+        this.addressBase = new ElementAddressComponent();
+        this.addressBase.create({
+          environment: this._options.environment,
+          locale: this._options.locale,
+          appVersion: this._options.version || ''
+        });
+      } catch (error) {
+        var _this$_options$onEven3, _this$_options3;
+        (_this$_options$onEven3 = (_this$_options3 = this._options).onEventCallback) === null || _this$_options$onEven3 === void 0 || _this$_options$onEven3.call(_this$_options3, {
+          code: EventCallbackCode.Failed,
+          message: 'create sdk fail'
+        });
+      }
+
+      // 注册监听消息
+      this.addListener();
+    }
+  }, {
+    key: "createIframeSrc",
+    value: function createIframeSrc() {
+      var env = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ELEMENT_ENVIRONMENT.DEV;
+      var version = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '1.23.0';
+      var baseUrl = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ELEMENT_ENVIRONMENT.DEV, 'http://dev.page.alipay.net/page/antom-web-checkout-v2'), ELEMENT_ENVIRONMENT.TEST, 'http://page.test.alipay.net/page/antom-web-checkout-v2'), ELEMENT_ENVIRONMENT.PRE, 'https://cdn-pre.marmot-cloud.com/page/antom-web-checkout-v2'), ELEMENT_ENVIRONMENT.PROD, 'https://checkout.antom.com');
+      var _env = (env === null || env === void 0 ? void 0 : env.toLocaleUpperCase()) || ELEMENT_ENVIRONMENT.DEV;
+      return {
+        auth: "".concat(baseUrl[_env], "/auth-element/").concat(version, "/pages/element_auth/index.html"),
+        address: "".concat(baseUrl[_env], "/element-address/").concat(version, "/pages/address/index.html"),
+        payment: "".concat(baseUrl[_env], "/elements/").concat(version, "/pages/element_payment/index.html")
+      };
+    }
+  }, {
     key: "sdkActionQuery",
     value: function sdkActionQuery() {
-      var _this2 = this;
+      var _this3 = this;
       return new Promise(function (resolve) {
-        var paymentSessionConfig = _this2.parseData.paymentSessionConfig;
-        var hostSign = _this2.sessionData.split('&&')[1] || '';
-        _this2.requestService.request({
+        var paymentSessionConfig = _this3.parseData.paymentSessionConfig;
+        var hostSign = _this3.sessionData.split('&&')[1] || '';
+        _this3.requestService.request({
           paymentSessionConfig: paymentSessionConfig,
-          paymentSessionData: _this2.sessionData
+          paymentSessionData: _this3.sessionData
         }, {
-          env: _this2._options.environment,
+          env: _this3._options.environment,
           envInfo: {
-            locale: _this2._options.locale
+            locale: _this3._options.locale
           },
           hostSign: hostSign,
+          timeout: 300000,
+          // TODO dev环境接口超时
           'Operation-Type': 'com.ipay.iexpcashier.sdkAction.query'
         }).then(function (result) {
+          if (!result.success) {
+            var _this3$_options$onEve, _this3$_options;
+            (_this3$_options$onEve = (_this3$_options = _this3._options).onEventCallback) === null || _this3$_options$onEve === void 0 || _this3$_options$onEve.call(_this3$_options, {
+              code: EventCallbackCode.Failed,
+              message: 'sdkAction.query Request Error'
+            });
+          }
           resolve(result);
         });
       });
@@ -310,21 +422,23 @@ export var ElementComponent = /*#__PURE__*/function () {
   }, {
     key: "oneAccountQuery",
     value: function oneAccountQuery() {
-      var _this3 = this;
+      var _this4 = this;
       return new Promise(function (resolve) {
-        var paymentSessionConfig = _this3.parseData.paymentSessionConfig;
-        _this3.requestService.request({
+        var paymentSessionConfig = _this4.parseData.paymentSessionConfig;
+        _this4.requestService.request({
           paymentSessionConfig: paymentSessionConfig,
-          paymentSessionData: _this3.sessionData,
+          paymentSessionData: _this4.sessionData,
           accountInfo: {
             email: ''
           }
           // oneAccountId: '',
         }, {
-          env: _this3._options.environment,
+          env: _this4._options.environment,
           envInfo: {
-            locale: _this3._options.locale
+            locale: _this4._options.locale
           },
+          timeout: 300000,
+          // TODO dev环境接口超时
           'Operation-Type': 'com.ipay.iexpfront.one.account.query'
         }).then(function (result) {
           resolve(result);
@@ -332,12 +446,65 @@ export var ElementComponent = /*#__PURE__*/function () {
       });
     }
 
-    // 发送初始化数据
+    // private postCommonMessage<T>(event: ElementPaymentEvent, params: T) {
+    //   for (let index = 0; index < this.launchSource.length; index++) {
+    //     this.eventService.emitAndListen(
+    //       {
+    //         event: event,
+    //         data: {
+    //           source: ElementPaymentMethod.CONTAINER_ELEMENT,
+    //           target: this.launchSource[0],
+    //           params: params,
+    //         },
+    //       },
+    //       () => {},
+    //     )
+    //   }
+    // }
+
+    // 监听sdk消息
+  }, {
+    key: "addListener",
+    value: function addListener() {
+      var _this5 = this;
+      this.eventService.listen(ElementPaymentEvent.SIGN_OUT, function (result) {
+        // const { source, target } = result;
+        // if (source === ElementPaymentMethod.AUTH_ELEMENT && target === ElementPaymentMethod.CONTAINER_ELEMENT) {
+        //   // 给mount出来的每个sdk都发送消息
+        //   this.postCommonMessage(ElementPaymentEvent.SIGN_OUT, {});
+        // }
+      });
+      this.eventService.listen(ElementPaymentEvent.CAPTURE_ASSET, function (result) {
+        // const { source, target } = result;
+        // if (source === ElementPaymentMethod.AUTH_ELEMENT && target === ElementPaymentMethod.CONTAINER_ELEMENT) {
+        //   console.log('antom sdk event chang email 给address和payment下发新的数据---------', result);
+        //   this.postCommonMessage(ElementPaymentEvent.CAPTURE_ASSET, result.data);
+        // }
+      });
+      this.eventService.listen(ElementPaymentEvent.LAUNCH, function (result) {
+        _this5.launchFunc(result);
+      });
+      this.eventService.listen(ElementPaymentEvent.SIZE_CHANGE, function (result) {
+        if (result.target === ElementPaymentMethod.CONTAINER_ELEMENT && result.source === ElementPaymentMethod.AUTH_ELEMENT) {
+          var _this5$authBase;
+          (_this5 === null || _this5 === void 0 ? void 0 : _this5.authBase) && (_this5 === null || _this5 === void 0 || (_this5$authBase = _this5.authBase) === null || _this5$authBase === void 0 ? void 0 : _this5$authBase.update(result.data.height));
+        }
+      });
+      this.eventService.listen(ElementPaymentEvent.CALLBACK, function (result) {
+        var _this5$eventCallback;
+        if ((_this5$eventCallback = _this5.eventCallback) !== null && _this5$eventCallback !== void 0 && (_this5$eventCallback = _this5$eventCallback[result.source]) !== null && _this5$eventCallback !== void 0 && _this5$eventCallback[result.event]) {
+          var _this5$eventCallback$, _this5$eventCallback$2;
+          (_this5$eventCallback$ = (_this5$eventCallback$2 = _this5.eventCallback[result.source])[result.event]) === null || _this5$eventCallback$ === void 0 || _this5$eventCallback$.call(_this5$eventCallback$2, result.data);
+        }
+      });
+    }
   }, {
     key: "sendRenderData",
-    value: function sendRenderData() {
+    value:
+    // 发送初始化数据
+    function sendRenderData() {
       if (this.launchSource.length === this.componentsCount && this.sdkActionRes && this.oneAccountRes) {
-        var _this$_options$loadin, _this$mountOptions, _this$mountOptions2, _this$mountOptions3, _this$paymentBase, _this$addressBase, _this$authBase;
+        var _this$_options$loadin, _this$mountOptions, _this$_options4, _this$mountOptions2, _this$_options5, _this$mountOptions3, _this$mountOptions4, _this$_options6, _this$paymentBase, _this$addressBase, _this$authBase;
         var baseData = {
           originActionQueryResult: this.sdkActionRes,
           originOneAccountQueryResult: this.oneAccountRes,
@@ -356,7 +523,9 @@ export var ElementComponent = /*#__PURE__*/function () {
             source: ElementPaymentMethod.CONTAINER_ELEMENT,
             params: _objectSpread({
               queryResult: this.sdkActionRes,
-              appearance: (_this$mountOptions = this.mountOptions) === null || _this$mountOptions === void 0 || (_this$mountOptions = _this$mountOptions[ElementPaymentMethod.PAYMENT_ELEMENT]) === null || _this$mountOptions === void 0 ? void 0 : _this$mountOptions.appearance
+              appearance: ((_this$mountOptions = this.mountOptions) === null || _this$mountOptions === void 0 || (_this$mountOptions = _this$mountOptions[ElementPaymentMethod.PAYMENT_ELEMENT]) === null || _this$mountOptions === void 0 ? void 0 : _this$mountOptions.appearance) || ((_this$_options4 = this._options) === null || _this$_options4 === void 0 ? void 0 : _this$_options4.appearance) || {
+                theme: ThemeType.Default
+              }
             }, baseData)
           }
         }, function () {});
@@ -366,18 +535,16 @@ export var ElementComponent = /*#__PURE__*/function () {
             target: ElementPaymentMethod.ADDRESS_ELEMENT,
             source: ElementPaymentMethod.CONTAINER_ELEMENT,
             params: _objectSpread({
-              prefillValue: this.oneAccountRes.shippings || [{
-                shippingAddress: {
-                  region: ''
-                }
-              }],
+              prefillValue: this.oneAccountRes.shippings || [],
               appearance: {
-                themeType: addressTheme[((_this$mountOptions2 = this.mountOptions) === null || _this$mountOptions2 === void 0 || (_this$mountOptions2 = _this$mountOptions2[ElementPaymentMethod.ADDRESS_ELEMENT]) === null || _this$mountOptions2 === void 0 || (_this$mountOptions2 = _this$mountOptions2.appearance) === null || _this$mountOptions2 === void 0 ? void 0 : _this$mountOptions2.theme) || 'light']
+                themeType: addressTheme[((_this$mountOptions2 = this.mountOptions) === null || _this$mountOptions2 === void 0 || (_this$mountOptions2 = _this$mountOptions2[ElementPaymentMethod.ADDRESS_ELEMENT]) === null || _this$mountOptions2 === void 0 || (_this$mountOptions2 = _this$mountOptions2.appearance) === null || _this$mountOptions2 === void 0 ? void 0 : _this$mountOptions2.theme) || ((_this$_options5 = this._options) === null || _this$_options5 === void 0 || (_this$_options5 = _this$_options5.appearance) === null || _this$_options5 === void 0 ? void 0 : _this$_options5.theme) || ThemeType.Default]
               },
-              configParams: {
+              configParams: _objectSpread({
                 needEditBackBtn: true,
-                autoSaveAsDefaultAddress: true
-              }
+                autoSaveAsDefaultAddress: true,
+                editingNeedShippingQuery: true,
+                showTitle: true
+              }, (_this$mountOptions3 = this.mountOptions) === null || _this$mountOptions3 === void 0 ? void 0 : _this$mountOptions3[ElementPaymentMethod.ADDRESS_ELEMENT])
             }, baseData)
           }
         }, function () {});
@@ -387,7 +554,9 @@ export var ElementComponent = /*#__PURE__*/function () {
             target: ElementPaymentMethod.AUTH_ELEMENT,
             source: ElementPaymentMethod.CONTAINER_ELEMENT,
             params: _objectSpread(_objectSpread({}, baseData), {}, {
-              appearance: (_this$mountOptions3 = this.mountOptions) === null || _this$mountOptions3 === void 0 || (_this$mountOptions3 = _this$mountOptions3[ElementPaymentMethod.AUTH_ELEMENT]) === null || _this$mountOptions3 === void 0 ? void 0 : _this$mountOptions3.appearance
+              appearance: ((_this$mountOptions4 = this.mountOptions) === null || _this$mountOptions4 === void 0 || (_this$mountOptions4 = _this$mountOptions4[ElementPaymentMethod.AUTH_ELEMENT]) === null || _this$mountOptions4 === void 0 ? void 0 : _this$mountOptions4.appearance) || ((_this$_options6 = this._options) === null || _this$_options6 === void 0 ? void 0 : _this$_options6.appearance) || {
+                theme: ThemeType.Default
+              }
             })
           }
         }, function () {});
@@ -396,59 +565,6 @@ export var ElementComponent = /*#__PURE__*/function () {
         (this === null || this === void 0 ? void 0 : this.authBase) && (this === null || this === void 0 || (_this$authBase = this.authBase) === null || _this$authBase === void 0 ? void 0 : _this$authBase.update());
       }
     }
-
-    // private postCommonMessage<T>(event: ElementPaymentEvent, params: T) {
-    //   for (let index = 0; index < this.launchSource.length; index++) {
-    //     this.eventService.emitAndListen(
-    //       {
-    //         event: event,
-    //         data: {
-    //           source: ElementPaymentMethod.CONTAINER_ELEMENT,
-    //           target: this.launchSource[0],
-    //           params: params,
-    //         },
-    //       },
-    //       () => {},
-    //     )
-    //   }
-    // }
-
-    // 监听sdk消息
-  }, {
-    key: "addListener",
-    value: function addListener() {
-      var _this4 = this;
-      this.eventService.listen(ElementPaymentEvent.SIGN_OUT, function (result) {
-        // const { source, target } = result;
-        // if (source === ElementPaymentMethod.AUTH_ELEMENT && target === ElementPaymentMethod.CONTAINER_ELEMENT) {
-        //   // 给mount出来的每个sdk都发送消息
-        //   this.postCommonMessage(ElementPaymentEvent.SIGN_OUT, {});
-        // }
-      });
-      this.eventService.listen(ElementPaymentEvent.CAPTURE_ASSET, function (result) {
-        // const { source, target } = result;
-        // if (source === ElementPaymentMethod.AUTH_ELEMENT && target === ElementPaymentMethod.CONTAINER_ELEMENT) {
-        //   console.log('antom sdk event chang email 给address和payment下发新的数据---------', result);
-        //   this.postCommonMessage(ElementPaymentEvent.CAPTURE_ASSET, result.data);
-        // }
-      });
-      this.eventService.listen(ElementPaymentEvent.LAUNCH, function (result) {
-        _this4.launchFunc(result);
-      });
-      this.eventService.listen(ElementPaymentEvent.SIZE_CHANGE, function (result) {
-        if (result.target === ElementPaymentMethod.CONTAINER_ELEMENT && result.source === ElementPaymentMethod.AUTH_ELEMENT) {
-          var _this4$authBase;
-          (_this4 === null || _this4 === void 0 ? void 0 : _this4.authBase) && (_this4 === null || _this4 === void 0 || (_this4$authBase = _this4.authBase) === null || _this4$authBase === void 0 ? void 0 : _this4$authBase.update(result.data.height));
-        }
-      });
-      this.eventService.listen(ElementPaymentEvent.CALLBACK, function (result) {
-        var _this4$eventCallback;
-        if ((_this4$eventCallback = _this4.eventCallback) !== null && _this4$eventCallback !== void 0 && (_this4$eventCallback = _this4$eventCallback[result.source]) !== null && _this4$eventCallback !== void 0 && _this4$eventCallback[result.event]) {
-          var _this4$eventCallback$, _this4$eventCallback$2;
-          (_this4$eventCallback$ = (_this4$eventCallback$2 = _this4.eventCallback[result.source])[result.event]) === null || _this4$eventCallback$ === void 0 || _this4$eventCallback$.call(_this4$eventCallback$2, result.data);
-        }
-      });
-    }
   }, {
     key: "removeListener",
     value: function removeListener() {
@@ -457,65 +573,6 @@ export var ElementComponent = /*#__PURE__*/function () {
       this.eventService.unlisten(ElementPaymentEvent.LAUNCH);
       this.eventService.unlisten(ElementPaymentEvent.SIZE_CHANGE);
     }
-
-    // 初始化注册
-  }, {
-    key: "createElement",
-    value: function createElement() {
-      var _this5 = this;
-      var _parseSessionData = parseSessionData(this._options.sessionData),
-        _parseSessionData2 = _slicedToArray(_parseSessionData, 2),
-        parseData = _parseSessionData2[0],
-        sessionData = _parseSessionData2[1];
-      this.parseData = parseData;
-      this.sessionData = sessionData;
-      this.elementContainer = new AntomSDKCore();
-      this.elementContainer.registerProcessor(ProductSceneEnum.ELEMENT_PAYMENT, '', new ElementProcessor());
-      this.elementContainer.init({}, ProductSceneEnum.ELEMENT_PAYMENT);
-      this.elementContainer.startBizFlow({
-        paymentSession: this._options.sessionData
-      }).then(function (res) {
-        // 请求消息
-        Promise.all([_this5.oneAccountQuery(), _this5.sdkActionQuery()]).then(function (result) {
-          _this5.oneAccountRes = result[0];
-          _this5.sdkActionRes = result[1];
-          _this5.sendRenderData();
-        });
-
-        // 本地mock测试数据
-        // setTimeout(() => {
-        //   this.oneAccountRes = oneAccount;
-        //   this.sdkActionRes = sdkAction;
-        //   this.sendRenderData();
-        // }, 500);
-      });
-
-      // 注册 auth 邮箱模块
-      this.authBase = new ElementAuthComponent();
-      this.authBase.create({
-        environment: this._options.environment,
-        locale: this._options.locale
-      });
-      var serviceProvider = this.elementContainer.getServiceProvider();
-      this.eventService = serviceProvider.getService('EventCenter');
-      this.requestService = serviceProvider.getService('Requester');
-      // 注册 payment 卡支付模块
-      this.paymentBase = new ElementPaymentComponent();
-      this.paymentBase.create({
-        environment: this._options.environment,
-        locale: this._options.locale
-      });
-
-      // 注册 address 地址模块
-      this.addressBase = new ElementAddressComponent();
-      this.addressBase.create({
-        environment: this._options.environment,
-        locale: this._options.locale
-      });
-
-      // 注册监听消息
-      this.addListener();
-    }
   }, {
     key: "registerEventListener",
     value: function registerEventListener(source, event, callback) {
@@ -530,10 +587,21 @@ export var ElementComponent = /*#__PURE__*/function () {
         _this6 = this;
       this.mountOptions[ElementPaymentMethod.AUTH_ELEMENT] = renderOptions;
       var _selector = sdkSelector.indexOf('#') === 0 ? sdkSelector.slice(1) : sdkSelector;
+      var link = renderOptions === null || renderOptions === void 0 || (_renderOptions$debugP = renderOptions.debugProps) === null || _renderOptions$debugP === void 0 ? void 0 : _renderOptions$debugP.localLink;
+      var params = window.location.href.split('?')[1];
+      var url = link.indexOf('?') === -1 ? "".concat(link, "?").concat(params) : link;
       this.authBase.mount({
         selector: _selector,
-        url: renderOptions === null || renderOptions === void 0 || (_renderOptions$debugP = renderOptions.debugProps) === null || _renderOptions$debugP === void 0 ? void 0 : _renderOptions$debugP.localLink
+        url: url
       }).then(function (result) {
+        if (!result) {
+          var _this6$_options$onEve, _this6$_options;
+          (_this6$_options$onEve = (_this6$_options = _this6._options).onEventCallback) === null || _this6$_options$onEve === void 0 || _this6$_options$onEve.call(_this6$_options, {
+            code: EventCallbackCode.Failed,
+            message: 'Component loading failed'
+          });
+          return undefined;
+        }
         _this6.eventService.addIFrame(result);
         _this6.iframes[ElementPaymentMethod.AUTH_ELEMENT] = result;
       });
@@ -548,11 +616,11 @@ export var ElementComponent = /*#__PURE__*/function () {
     key: "mount",
     value: function mount(renderOptions, sdkSelector) {
       if (typeof sdkSelector === 'string') {
-        var _this$_options$loadin4;
+        var _this$_options$loadin4, _renderOptions$debugP2;
         var element = document.querySelector(sdkSelector);
         if (!element) {
-          var _this$_options$onEven, _this$_options;
-          (_this$_options$onEven = (_this$_options = this._options).onEventCallback) === null || _this$_options$onEven === void 0 || _this$_options$onEven.call(_this$_options, {
+          var _this$_options$onEven4, _this$_options7;
+          (_this$_options$onEven4 = (_this$_options7 = this._options).onEventCallback) === null || _this$_options$onEven4 === void 0 || _this$_options$onEven4.call(_this$_options7, {
             code: EventCallbackCode.Failed,
             message: 'Unable to obtain selector'
           });
@@ -563,8 +631,13 @@ export var ElementComponent = /*#__PURE__*/function () {
           var _this$_options$loadin5, _this$_options$loadin6;
           (_this$_options$loadin5 = this._options.loading) === null || _this$_options$loadin5 === void 0 || (_this$_options$loadin6 = _this$_options$loadin5.onStartLoading) === null || _this$_options$loadin6 === void 0 || _this$_options$loadin6.call(_this$_options$loadin5);
         }
+        if (!(renderOptions !== null && renderOptions !== void 0 && (_renderOptions$debugP2 = renderOptions.debugProps) !== null && _renderOptions$debugP2 !== void 0 && _renderOptions$debugP2.localLink)) {
+          renderOptions.debugProps = {
+            localLink: this.iframeSrc[renderOptions.type]
+          };
+        }
         this.loading = true;
-        if (renderOptions.type === 'linkAuthentication') {
+        if (renderOptions.type === 'auth') {
           return this.mountAuth(renderOptions, sdkSelector);
         }
         if (renderOptions.type === 'address') {
@@ -597,9 +670,10 @@ export var ElementComponent = /*#__PURE__*/function () {
   }, {
     key: "unmount",
     value: function unmount() {
-      this.authBase.unmount();
-      this.addressBase.unmount();
-      this.paymentBase.unmount();
+      var _this$authBase2, _this$authBase2$unmou, _this$addressBase2, _this$addressBase2$un, _this$paymentBase2, _this$paymentBase2$un;
+      (_this$authBase2 = this.authBase) === null || _this$authBase2 === void 0 || (_this$authBase2$unmou = _this$authBase2.unmount) === null || _this$authBase2$unmou === void 0 || _this$authBase2$unmou.call(_this$authBase2);
+      (_this$addressBase2 = this.addressBase) === null || _this$addressBase2 === void 0 || (_this$addressBase2$un = _this$addressBase2.unmount) === null || _this$addressBase2$un === void 0 || _this$addressBase2$un.call(_this$addressBase2);
+      (_this$paymentBase2 = this.paymentBase) === null || _this$paymentBase2 === void 0 || (_this$paymentBase2$un = _this$paymentBase2.unmount) === null || _this$paymentBase2$un === void 0 || _this$paymentBase2$un.call(_this$paymentBase2);
       this.launchSource = [];
       this.componentsCount = 0;
       this.eventService.destroy();
@@ -608,7 +682,20 @@ export var ElementComponent = /*#__PURE__*/function () {
   }, {
     key: "submitPayment",
     value: function submitPayment() {
-      return this.validatePromiseFuncs();
+      var _this$_options$loadin7,
+        _this7 = this;
+      if ((_this$_options$loadin7 = this._options.loading) !== null && _this$_options$loadin7 !== void 0 && _this$_options$loadin7.onStartLoading) {
+        var _this$_options$loadin8, _this$_options$loadin9;
+        (_this$_options$loadin8 = this._options.loading) === null || _this$_options$loadin8 === void 0 || (_this$_options$loadin9 = _this$_options$loadin8.onStartLoading) === null || _this$_options$loadin9 === void 0 || _this$_options$loadin9.call(_this$_options$loadin8);
+      }
+      this.validatePromiseFuncs().then(function () {
+        var _this7$_options$loadi;
+        if ((_this7$_options$loadi = _this7._options.loading) !== null && _this7$_options$loadi !== void 0 && _this7$_options$loadi.onEndLoading) {
+          var _this7$_options$loadi2, _this7$_options$loadi3;
+          (_this7$_options$loadi2 = _this7._options.loading) === null || _this7$_options$loadi2 === void 0 || (_this7$_options$loadi3 = _this7$_options$loadi2.onEndLoading) === null || _this7$_options$loadi3 === void 0 || _this7$_options$loadi3.call(_this7$_options$loadi2);
+        }
+      });
+      return;
     }
   }]);
   return ElementComponent;

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

@@ -1,36 +1,79 @@
-import { ElementPaymentMethod, ConnectErrorCode } from '../../../types';
-interface BaseMountOptions {
+import { ConnectErrorCode, ElementPaymentMethod } from '../../../types';
+export declare enum ThemeType {
+    NostalgicGray = "nostalgicGray",
+    Default = "default",
+    Night = "night",
+    CherryBlossomPink = "cherryBlossomPink",
+    GamingPurple = "gamingPurple",
+    AgateGreen = "agateGreen"
 }
-type Theme = "night" | "light" | "agateGreen" | "nostalgicGray" | "gamingPurple" | "cherryBlossomPink";
 export declare const addressTheme: {
+    default: string;
     night: string;
-    light: string;
 };
-export interface AddressMountOptions extends BaseMountOptions {
-    type: 'address';
+export declare enum EventCallbackCode {
+    Failed = "Failed",
+    Completed = "Completed"
+}
+export declare enum ELEMENT_ENVIRONMENT {
+    DEV = "DEV",
+    TEST = "TEST",
+    PRE = "PRE",
+    PROD = "PROD"
+}
+export type ELEMENT_ENVIRONMENT_TYPE = keyof typeof ELEMENT_ENVIRONMENT | (typeof ELEMENT_ENVIRONMENT)[keyof typeof ELEMENT_ENVIRONMENT];
+export interface IElementOptions {
+    sessionData: string;
+    environment?: ELEMENT_ENVIRONMENT_TYPE;
+    locale?: string;
+    mode?: string;
+    version?: string;
     appearance?: {
-        theme: "night" | "light";
+        theme: ThemeType.Default | ThemeType.Night;
+    };
+    onEventCallback?: ({ code, message }: {
+        code: EventCallbackCode;
+        message: string;
+    }) => void;
+    loading?: {
+        onStartLoading: () => void;
+        onEndLoading: () => void;
     };
+}
+interface BaseMountOptions<T = void> {
+    config?: {};
     debugProps?: {
         localLink: string;
     };
 }
-export interface LinkAuthMountOptions extends BaseMountOptions {
-    type: 'linkAuthentication';
+type HideField = 'shippingCountry' | 'shippingName' | 'shippingPhoneNo' | 'shippingRegion' | 'shippingAddress1' | 'shippingZipCode' | 'shippingAddress2';
+export interface AddressMountOptions extends BaseMountOptions<{
+    /**
+     * 是否开启地址联想功能
+     * 0 开启
+     * 1 关闭
+     */
+    autoSaveAsDefaultAddress?: boolean;
+    /**
+     * 隐藏部分地址要素
+     */
+    hideFields?: Array<HideField>;
+}> {
+    type: 'address';
     appearance?: {
-        theme: Theme;
+        theme: ThemeType.Default | ThemeType.Night;
     };
-    debugProps?: {
-        localLink?: string;
+}
+export interface LinkAuthMountOptions extends BaseMountOptions {
+    type: 'auth';
+    appearance?: {
+        theme: ThemeType;
     };
 }
 export interface PaymentMountOptions extends BaseMountOptions {
     type: 'payment';
     appearance?: {
-        theme: Theme;
-    };
-    debugProps?: {
-        localLink: string;
+        theme: ThemeType;
     };
 }
 export declare enum AddressEventCallbackName {
@@ -101,6 +144,7 @@ export interface AddressSubmitData {
     notes: string;
     prefer: '1' | '0';
     shippingId: string;
+    actionFlag: 'I' | 'U' | 'D';
 }
 export interface SubmitServiceParams extends PaymentSubmitData {
     accountInfo: AuthSubmitData['accountInfo'];