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

package/esm/core/component/element/components/address.d.ts

@@ -9,8 +9,9 @@ export declare class ElementAddressComponent {
     create(options: {
         environment: string;
         locale: string;
+        appVersion: string;
     }): void;
-    mount(sessionData: string, options: ElementAddressMountOptions): Promise<HTMLIFrameElement>;
+    mount(sessionData: string, options: ElementAddressMountOptions): Promise<HTMLIFrameElement | undefined>;
     update(): void;
     unmount(): void;
 }

package/esm/core/component/element/components/address.js

@@ -15,11 +15,7 @@ export var ElementAddressComponent = /*#__PURE__*/function () {
   _createClass(ElementAddressComponent, [{
     key: "create",
     value: function create(options) {
-      this.sdk = new AddressComponent({
-        environment: options.environment,
-        locale: options.locale,
-        appVersion: ''
-      });
+      this.sdk = new AddressComponent(options);
     }
   }, {
     key: "mount",
@@ -38,6 +34,8 @@ export var ElementAddressComponent = /*#__PURE__*/function () {
           _this.elementContainer = elementContainer;
           var iframes = elementContainer === null || elementContainer === void 0 || (_elementContainer$get = elementContainer.getElementsByTagName) === null || _elementContainer$get === void 0 ? void 0 : _elementContainer$get.call(elementContainer, 'iframe');
           resolve(iframes === null || iframes === void 0 ? void 0 : iframes[0]);
+        }, function () {
+          resolve(undefined);
         });
       });
     }
@@ -45,7 +43,7 @@ export var ElementAddressComponent = /*#__PURE__*/function () {
     key: "update",
     value: function update() {
       if (this.elementContainer) {
-        this.elementContainer.style.display = 'initial';
+        this.elementContainer.style.display = '';
       }
       // 下发数据
     }
@@ -55,7 +53,8 @@ export var ElementAddressComponent = /*#__PURE__*/function () {
       var _this$elementContaine, _this$elementContaine2;
       var containers = (_this$elementContaine = this.elementContainer) === null || _this$elementContaine === void 0 || (_this$elementContaine2 = _this$elementContaine.getElementsByTagName) === null || _this$elementContaine2 === void 0 ? void 0 : _this$elementContaine2.call(_this$elementContaine, 'div');
       if (containers !== null && containers !== void 0 && containers[0]) {
-        containers[0].remove();
+        var _containers$, _containers$$remove;
+        (_containers$ = containers[0]) === null || _containers$ === void 0 || (_containers$$remove = _containers$.remove) === null || _containers$$remove === void 0 || _containers$$remove.call(_containers$);
       }
     }
   }]);

package/esm/core/component/element/components/auth.d.ts

@@ -10,7 +10,7 @@ export declare class ElementAuthComponent {
         environment: string;
         locale: string;
     }): void;
-    mount(options: ElementAuthMountOptions): Promise<HTMLIFrameElement>;
+    mount(options: ElementAuthMountOptions): Promise<HTMLIFrameElement | undefined>;
     update(height?: number): void;
     unmount(): void;
 }

package/esm/core/component/element/components/auth.js

@@ -20,15 +20,19 @@ export var ElementAuthComponent = /*#__PURE__*/function () {
     value: function mount(options) {
       var _this = this;
       return new Promise(function (resolve) {
-        var selector = options.selector,
-          url = options.url;
-        var containerSelector = "antom-sdk-web-app-".concat(selector);
-        var container = createInlineBaseElement(selector);
-        var webApp = createIframe(containerSelector);
-        webApp.src = url;
-        container.appendChild(webApp);
-        _this.elementContainer = container;
-        resolve(webApp);
+        try {
+          var selector = options.selector,
+            url = options.url;
+          var containerSelector = "antom-sdk-web-app-".concat(selector);
+          var container = createInlineBaseElement(selector);
+          var webApp = createIframe(containerSelector);
+          webApp.src = url;
+          container.appendChild(webApp);
+          _this.elementContainer = container;
+          resolve(webApp);
+        } catch (error) {
+          resolve(undefined);
+        }
       });
     }
   }, {
@@ -47,7 +51,8 @@ export var ElementAuthComponent = /*#__PURE__*/function () {
   }, {
     key: "unmount",
     value: function unmount() {
-      this.elementContainer.remove();
+      var _this$elementContaine3, _this$elementContaine4;
+      (_this$elementContaine3 = this.elementContainer) === null || _this$elementContaine3 === void 0 || (_this$elementContaine4 = _this$elementContaine3.remove) === null || _this$elementContaine4 === void 0 || _this$elementContaine4.call(_this$elementContaine3);
     }
   }]);
   return ElementAuthComponent;

package/esm/core/component/element/components/payment.d.ts

@@ -9,8 +9,9 @@ export declare class ElementPaymentComponent {
     create(options: {
         environment: string;
         locale: string;
+        appVersion: string;
     }): void;
-    mount(sessionData: string, options: ElementPaymentMountOptions): Promise<HTMLIFrameElement>;
+    mount(sessionData: string, options: ElementPaymentMountOptions): Promise<HTMLIFrameElement | undefined>;
     update(): void;
     unmount(): void;
 }

package/esm/core/component/element/components/payment.js

@@ -1,4 +1,6 @@
 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 _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; }
@@ -15,14 +17,12 @@ export var ElementPaymentComponent = /*#__PURE__*/function () {
   _createClass(ElementPaymentComponent, [{
     key: "create",
     value: function create(options) {
-      this.sdk = new AMSPaymentElement({
-        environment: options.environment,
-        locale: options.locale,
+      this.sdk = new AMSPaymentElement(_objectSpread(_objectSpread({}, options), {}, {
         analytics: {
           enabled: true
         },
         onEventCallback: function onEventCallback(state) {}
-      });
+      }));
     }
   }, {
     key: "mount",
@@ -42,6 +42,8 @@ export var ElementPaymentComponent = /*#__PURE__*/function () {
           _this.elementContainer = elementContainer;
           var iframes = elementContainer === null || elementContainer === void 0 || (_elementContainer$get = elementContainer.getElementsByTagName) === null || _elementContainer$get === void 0 ? void 0 : _elementContainer$get.call(elementContainer, 'iframe');
           resolve(iframes === null || iframes === void 0 ? void 0 : iframes[0]);
+        }, function () {
+          resolve(undefined);
         });
       });
     }
@@ -59,7 +61,8 @@ export var ElementPaymentComponent = /*#__PURE__*/function () {
       var _this$elementContaine, _this$elementContaine2;
       var containers = (_this$elementContaine = this.elementContainer) === null || _this$elementContaine === void 0 || (_this$elementContaine2 = _this$elementContaine.getElementsByTagName) === null || _this$elementContaine2 === void 0 ? void 0 : _this$elementContaine2.call(_this$elementContaine, 'div');
       if (containers !== null && containers !== void 0 && containers[0]) {
-        containers[0].remove();
+        var _containers$, _containers$$remove;
+        (_containers$ = containers[0]) === null || _containers$ === void 0 || (_containers$$remove = _containers$.remove) === null || _containers$$remove === void 0 || _containers$$remove.call(_containers$);
       }
     }
   }]);

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

@@ -1,5 +1,5 @@
 import { IElementOptions } from '../../../types';
-import type { AddressMountOptions, AddressMountResult, LinkAuthMountOptions, LinkAuthMountResult, PaymentMountOptions, PaymentMountResult, SubmitFuncResult } from './type';
+import type { AddressMountOptions, AddressMountResult, LinkAuthMountOptions, LinkAuthMountResult, PaymentMountOptions, PaymentMountResult } from './type';
 export declare class ElementComponent {
     private parseData;
     private loading;
@@ -14,12 +14,14 @@ export declare class ElementComponent {
     private sdkActionRes;
     private oneAccountRes;
     private launchSource;
+    private iframeSrc;
     private mountOptions;
     private iframes;
     private componentsCount;
     private eventCallback;
     constructor(options: IElementOptions);
     private createElement;
+    private createIframeSrc;
     private sdkActionQuery;
     private oneAccountQuery;
     private addListener;
@@ -40,5 +42,5 @@ export declare class ElementComponent {
     private onSubmitRiskFunc;
     private onSubmit;
     private validatePromiseFuncs;
-    submitPayment(): Promise<SubmitFuncResult>;
+    submitPayment(): void;
 }

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);
@@ -317,6 +337,7 @@ export var ElementComponent = /*#__PURE__*/function () {
         //   this.sendRenderData();
         // }, 500);
       });
+      this.iframeSrc = this.createIframeSrc(this._options.environment, this._options.version);
 
       // 注册 auth 邮箱模块
       try {
@@ -332,18 +353,20 @@ export var ElementComponent = /*#__PURE__*/function () {
         this.paymentBase = new ElementPaymentComponent();
         this.paymentBase.create({
           environment: this._options.environment,
-          locale: this._options.locale
+          locale: this._options.locale,
+          appVersion: this._options.version || ''
         });
 
         // 注册 address 地址模块
         this.addressBase = new ElementAddressComponent();
         this.addressBase.create({
           environment: this._options.environment,
-          locale: this._options.locale
+          locale: this._options.locale,
+          appVersion: this._options.version || ''
         });
       } catch (error) {
-        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$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'
         });
@@ -352,6 +375,19 @@ export var ElementComponent = /*#__PURE__*/function () {
       // 注册监听消息
       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() {
@@ -368,8 +404,17 @@ export var ElementComponent = /*#__PURE__*/function () {
             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);
         });
       });
@@ -392,6 +437,8 @@ export var ElementComponent = /*#__PURE__*/function () {
           envInfo: {
             locale: _this4._options.locale
           },
+          timeout: 300000,
+          // TODO dev环境接口超时
           'Operation-Type': 'com.ipay.iexpfront.one.account.query'
         }).then(function (result) {
           resolve(result);
@@ -457,7 +504,7 @@ export var ElementComponent = /*#__PURE__*/function () {
     // 发送初始化数据
     function sendRenderData() {
       if (this.launchSource.length === this.componentsCount && this.sdkActionRes && this.oneAccountRes) {
-        var _this$_options$loadin, _this$mountOptions, _this$mountOptions2, _this$mountOptions3, _this$mountOptions4, _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,
@@ -476,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) || this._options.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 () {});
@@ -486,18 +535,15 @@ 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) || this._options.appearance.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: _objectSpread({
                 needEditBackBtn: true,
                 autoSaveAsDefaultAddress: true,
-                editingNeedShippingQuery: true
+                editingNeedShippingQuery: true,
+                showTitle: true
               }, (_this$mountOptions3 = this.mountOptions) === null || _this$mountOptions3 === void 0 ? void 0 : _this$mountOptions3[ElementPaymentMethod.ADDRESS_ELEMENT])
             }, baseData)
           }
@@ -508,7 +554,9 @@ export var ElementComponent = /*#__PURE__*/function () {
             target: ElementPaymentMethod.AUTH_ELEMENT,
             source: ElementPaymentMethod.CONTAINER_ELEMENT,
             params: _objectSpread(_objectSpread({}, baseData), {}, {
-              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._options.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 () {});
@@ -539,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;
       });
@@ -557,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$onEven2, _this$_options2;
-          (_this$_options$onEven2 = (_this$_options2 = this._options).onEventCallback) === null || _this$_options$onEven2 === void 0 || _this$_options$onEven2.call(_this$_options2, {
+          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'
           });
@@ -572,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') {
@@ -618,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,30 +1,35 @@
 import { ConnectErrorCode, ElementPaymentMethod } from '../../../types';
-interface BaseMountOptions<T = void> {
-    config?: {};
-}
 export declare enum ThemeType {
     NostalgicGray = "nostalgicGray",
-    Light = "light",
+    Default = "default",
     Night = "night",
     CherryBlossomPink = "cherryBlossomPink",
     GamingPurple = "gamingPurple",
     AgateGreen = "agateGreen"
 }
 export declare const addressTheme: {
+    default: string;
     night: string;
-    light: string;
 };
 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?: string;
+    environment?: ELEMENT_ENVIRONMENT_TYPE;
     locale?: string;
     mode?: string;
+    version?: string;
     appearance?: {
-        theme: ThemeType.Light | ThemeType.Night;
+        theme: ThemeType.Default | ThemeType.Night;
     };
     onEventCallback?: ({ code, message }: {
         code: EventCallbackCode;
@@ -35,6 +40,12 @@ export interface IElementOptions {
         onEndLoading: () => void;
     };
 }
+interface BaseMountOptions<T = void> {
+    config?: {};
+    debugProps?: {
+        localLink: string;
+    };
+}
 type HideField = 'shippingCountry' | 'shippingName' | 'shippingPhoneNo' | 'shippingRegion' | 'shippingAddress1' | 'shippingZipCode' | 'shippingAddress2';
 export interface AddressMountOptions extends BaseMountOptions<{
     /**
@@ -50,29 +61,20 @@ export interface AddressMountOptions extends BaseMountOptions<{
 }> {
     type: 'address';
     appearance?: {
-        theme: ThemeType.Light | ThemeType.Night;
-    };
-    debugProps?: {
-        localLink: string;
+        theme: ThemeType.Default | ThemeType.Night;
     };
 }
 export interface LinkAuthMountOptions extends BaseMountOptions {
-    type: 'linkAuthentication';
+    type: 'auth';
     appearance?: {
         theme: ThemeType;
     };
-    debugProps?: {
-        localLink?: string;
-    };
 }
 export interface PaymentMountOptions extends BaseMountOptions {
     type: 'payment';
     appearance?: {
         theme: ThemeType;
     };
-    debugProps?: {
-        localLink: string;
-    };
 }
 export declare enum AddressEventCallbackName {
     SHIPPING_CHANGE = "SHIPPING_CHANGE"
@@ -142,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'];

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

@@ -1,21 +1,29 @@
+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 _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); }
 export var ThemeType = /*#__PURE__*/function (ThemeType) {
   ThemeType["NostalgicGray"] = "nostalgicGray";
-  ThemeType["Light"] = "light";
+  ThemeType["Default"] = "default";
   ThemeType["Night"] = "night";
   ThemeType["CherryBlossomPink"] = "cherryBlossomPink";
   ThemeType["GamingPurple"] = "gamingPurple";
   ThemeType["AgateGreen"] = "agateGreen";
   return ThemeType;
 }({});
-export var addressTheme = {
-  night: 'NIGHT',
-  light: 'LIGHT'
-};
+export var addressTheme = _defineProperty(_defineProperty({}, ThemeType.Default, 'LIGHT'), ThemeType.Night, 'NIGHT');
 export var EventCallbackCode = /*#__PURE__*/function (EventCallbackCode) {
   EventCallbackCode["Failed"] = "Failed";
   EventCallbackCode["Completed"] = "Completed";
   return EventCallbackCode;
 }({});
+export var ELEMENT_ENVIRONMENT = /*#__PURE__*/function (ELEMENT_ENVIRONMENT) {
+  ELEMENT_ENVIRONMENT["DEV"] = "DEV";
+  ELEMENT_ENVIRONMENT["TEST"] = "TEST";
+  ELEMENT_ENVIRONMENT["PRE"] = "PRE";
+  ELEMENT_ENVIRONMENT["PROD"] = "PROD";
+  return ELEMENT_ENVIRONMENT;
+}({});
 // export type IMountOptions = AddressMountOptions | LinkAuthMountOptions | PaymentMountOptions;
 
 export var AddressEventCallbackName = /*#__PURE__*/function (AddressEventCallbackName) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alipay/ams-checkout",
-  "version": "0.0.1726046231-dev.1",
+  "version": "0.0.1726046231-dev.10",
   "description": "",
   "author": "",
   "main": "esm/index.js",