@alipay/ams-checkout 0.0.1737621505-dev.2 → 0.0.1738831627-dev.4

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

@@ -1,5 +1,4 @@
-import { IElementOptions } from '../../../types';
-import type { AddressMountOptions, AddressMountResult, LinkAuthMountOptions, LinkAuthMountResult, PaymentMountOptions, PaymentMountResult } from './type';
+import type { AddressMountOptions, AddressMountResult, IElementOptions, LinkAuthMountOptions, LinkAuthMountResult, PaymentMountOptions, PaymentMountResult } from './type';
 export declare class ElementComponent {
     private parseData;
     private loading;
@@ -18,11 +17,12 @@ export declare class ElementComponent {
     private iframeSrc;
     private mountOptions;
     private iframes;
+    private loadingElement;
     private componentsCount;
     private eventCallback;
-    private ApplePayService;
     constructor(options: IElementOptions);
     private createElement;
+    private createComponentSdk;
     private createIframeSrc;
     private addListener;
     private launchFunc;
@@ -34,8 +34,7 @@ export declare class ElementComponent {
     private mountAuth;
     private mountAddress;
     private mountPayment;
-    private initApplePaySdk;
-    mountErrorHandle(): void;
+    mountErrorHandle(type?: string): void;
     mount(renderOptions: AddressMountOptions, sdkSelector: string): AddressMountResult;
     mount(renderOptions: PaymentMountOptions, sdkSelector: string): PaymentMountResult;
     mount(renderOptions: LinkAuthMountOptions, sdkSelector: string): LinkAuthMountResult;

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

@@ -19,16 +19,15 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import PackageJson from "../../../../package.json";
 import { AntomSDKCore } from "../../../foundation/core";
 import { EVENT as ConstantEvent } from "../../../constant";
-import { ConnectErrorCode, ElementPaymentEvent, ElementPaymentMethod, EventCallbackCode, ProductSceneEnum } from "../../../types";
+import { ConnectErrorCode, ProductSceneEnum } from "../../../types";
 import { parseSessionData } from "../index";
 import { ElementAddressComponent } from "./components/address";
 import { ElementAuthComponent } from "./components/auth";
 import { ElementPaymentComponent } from "./components/payment";
 // import { oneAccount, sdkAction, submitResult } from './mock';
-import { ApplePaySdk, isSkipRenderPaymentMethod } from "../../../plugin/component/channel";
 import { v4 as uuid } from 'uuid';
 import { LogConfig, Logger } from "../../../util/logger";
-import { addressTheme, ELEMENT_ENVIRONMENT, ThemeType } from "./type";
+import { addressTheme, ElementPaymentEvent, ElementPaymentMethod, ElementType, ELEMENT_ENVIRONMENT, EventCallbackCode, ThemeType, MountElementType } from "./type";
 var logger = new Logger(LogConfig, true);
 var ElementProcessor = /*#__PURE__*/function () {
   function ElementProcessor(options) {
@@ -150,6 +149,8 @@ var ElementProcessor = /*#__PURE__*/function () {
   return ElementProcessor;
 }();
 export var ElementComponent = /*#__PURE__*/function () {
+  // address事件回调
+
   function ElementComponent(options) {
     var _this4 = this;
     _classCallCheck(this, ElementComponent);
@@ -187,12 +188,11 @@ export var ElementComponent = /*#__PURE__*/function () {
     // 组件mount配置记录
     _defineProperty(this, "iframes", void 0);
     // iframs合集
+    _defineProperty(this, "loadingElement", []);
+    // 当前加载中的element
     _defineProperty(this, "componentsCount", void 0);
     // mount 渲染了多少个element
     _defineProperty(this, "eventCallback", void 0);
-    // address事件回调
-    // apple pay
-    _defineProperty(this, "ApplePayService", void 0);
     // 渲染地址组件
     _defineProperty(this, "mountAddress", function (renderOptions, sdkSelector) {
       var _renderOptions$appear, _this4$_options;
@@ -214,7 +214,7 @@ export var ElementComponent = /*#__PURE__*/function () {
         elementProps: renderOptions.elementProps
       }, _mountParams)).then(function (result) {
         if (!result) {
-          return _this4.mountErrorHandle();
+          return _this4.mountErrorHandle(renderOptions.type);
         }
         _this4.eventService.addIFrame(result);
         _this4.iframes[ElementPaymentMethod.ADDRESS_ELEMENT] = result;
@@ -234,13 +234,12 @@ export var ElementComponent = /*#__PURE__*/function () {
         }
       };
       _this4.mountOptions[ElementPaymentMethod.PAYMENT_ELEMENT] = _mountParams;
-      _this4.initApplePaySdk();
       _this4.paymentBase.mount(_this4._options.sessionData, _objectSpread({
         selector: sdkSelector,
         elementProps: renderOptions.elementProps
       }, _mountParams)).then(function (result) {
         if (!result) {
-          return _this4.mountErrorHandle();
+          return _this4.mountErrorHandle(renderOptions.type);
         }
         _this4.eventService.addIFrame(result);
         _this4.iframes[ElementPaymentMethod.PAYMENT_ELEMENT] = result;
@@ -310,10 +309,6 @@ export var ElementComponent = /*#__PURE__*/function () {
             success: false,
             msg: 'submitPayByPaymentSession api error'
           });
-          // this?._options?.onEventCallback?.({
-          //   code: EventCallbackCode.Failed,
-          //   message: 'submitPayByPaymentSession api error',
-          // });
         });
       });
     });
@@ -344,70 +339,65 @@ export var ElementComponent = /*#__PURE__*/function () {
               case 0:
                 params = {};
                 if (!_this4.launchSource.includes(ElementPaymentMethod.AUTH_ELEMENT)) {
-                  _context.next = 9;
+                  _context.next = 8;
                   break;
                 }
                 _context.next = 4;
                 return _this4.onValidateFunc(ElementPaymentMethod.AUTH_ELEMENT);
               case 4:
                 result = _context.sent;
-                console.log('element submit validate auth---------', result);
                 params.accountInfo = (_result$data = result.data) === null || _result$data === void 0 || (_result$data = _result$data.data) === null || _result$data === void 0 ? void 0 : _result$data.accountInfo;
                 if (result !== null && result !== void 0 && (_result$data2 = result.data) !== null && _result$data2 !== void 0 && _result$data2.success) {
-                  _context.next = 9;
+                  _context.next = 8;
                   break;
                 }
                 return _context.abrupt("return", resolve(undefined));
-              case 9:
+              case 8:
                 if (!_this4.launchSource.includes(ElementPaymentMethod.ADDRESS_ELEMENT)) {
-                  _context.next = 17;
+                  _context.next = 15;
                   break;
                 }
-                _context.next = 12;
+                _context.next = 11;
                 return _this4.onValidateFunc(ElementPaymentMethod.ADDRESS_ELEMENT);
-              case 12:
+              case 11:
                 _result = _context.sent;
-                console.log('element submit validate address---------', _result);
                 params.shipping = (_result$data3 = _result.data) === null || _result$data3 === void 0 ? void 0 : _result$data3.data;
                 if (_result !== null && _result !== void 0 && (_result$data4 = _result.data) !== null && _result$data4 !== void 0 && _result$data4.success) {
-                  _context.next = 17;
+                  _context.next = 15;
                   break;
                 }
                 return _context.abrupt("return", resolve(undefined));
-              case 17:
+              case 15:
                 if (!(_this4.launchSource.includes(ElementPaymentMethod.PAYMENT_ELEMENT) || !_this4.isConnect)) {
-                  _context.next = 30;
+                  _context.next = 27;
                   break;
                 }
-                _context.prev = 18;
-                _context.next = 21;
+                _context.prev = 16;
+                _context.next = 19;
                 return _this4.onValidateFunc(ElementPaymentMethod.PAYMENT_ELEMENT, params);
-              case 21:
+              case 19:
                 _result2 = _context.sent;
-                console.log('element submit validate payment---------', _result2, _this4.isConnect);
-                // params.paymentFactors = result.data?.data?.paymentFactors;
-                // params.paymentMethod = result.data?.data?.paymentMethod;
                 if (_result2 !== null && _result2 !== void 0 && (_result2$data = _result2.data) !== null && _result2$data !== void 0 && _result2$data.success) {
-                  _context.next = 25;
+                  _context.next = 22;
                   break;
                 }
                 return _context.abrupt("return", resolve(undefined));
-              case 25:
-                _context.next = 30;
+              case 22:
+                _context.next = 27;
                 break;
-              case 27:
-                _context.prev = 27;
-                _context.t0 = _context["catch"](18);
+              case 24:
+                _context.prev = 24;
+                _context.t0 = _context["catch"](16);
                 return _context.abrupt("return", resolve(undefined));
-              case 30:
+              case 27:
                 // params.paymentFactors = paymentResult.data?.data.paymentFactors;
                 // params.paymentMethod = paymentResult.data?.data.paymentMethod;
                 resolve(params);
-              case 31:
+              case 28:
               case "end":
                 return _context.stop();
             }
-          }, _callee, null, [[18, 27]]);
+          }, _callee, null, [[16, 24]]);
         }));
         return function (_x) {
           return _ref.apply(this, arguments);
@@ -424,7 +414,7 @@ export var ElementComponent = /*#__PURE__*/function () {
     this.iframes = {};
     this.mountOptions = {};
     logger.logInfo({
-      title: 'a3753.b101271.c386688'
+      title: 'sdk_element_create'
     });
     this.createElement();
   }
@@ -460,10 +450,6 @@ export var ElementComponent = /*#__PURE__*/function () {
         var bizFlowBehavior = _this5.elementContainer.getBizFlowBehavior();
         if (!(bizFlowBehavior !== null && bizFlowBehavior !== void 0 && (_bizFlowBehavior$data = bizFlowBehavior.data) !== null && _bizFlowBehavior$data !== void 0 && _bizFlowBehavior$data.success)) {
           var _this5$_options, _this5$_options$onEve;
-          console.log('demo event callback----', {
-            code: EventCallbackCode.FAILED,
-            message: 'INTERNAL_FAILED'
-          });
           _this5 === null || _this5 === void 0 || (_this5$_options = _this5._options) === null || _this5$_options === void 0 || (_this5$_options$onEve = _this5$_options.onEventCallback) === null || _this5$_options$onEve === void 0 || _this5$_options$onEve.call(_this5$_options, {
             code: EventCallbackCode.FAILED,
             message: 'INTERNAL_FAILED'
@@ -476,46 +462,49 @@ export var ElementComponent = /*#__PURE__*/function () {
         }
       });
       this.iframeSrc = this.createIframeSrc(this._options.environment, this._options.version);
+      var serviceProvider = this.elementContainer.getServiceProvider();
+      this.eventService = serviceProvider.getService('EventCenter');
+      this.requestService = serviceProvider.getService('Requester');
+
+      // 注册监听消息
+      this.addListener();
+    }
+  }, {
+    key: "createComponentSdk",
+    value: function createComponentSdk(type) {
       try {
         // 注册 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,
-          appVersion: this._options.version || ''
-        }, this.isConnect);
-
-        // 注册 address 地址模块
-        this.addressBase = new ElementAddressComponent();
-        this.addressBase.create({
-          environment: this._options.environment,
-          locale: this._options.locale,
-          appVersion: this._options.version || ''
-        }, this.isConnect);
+        if (type === ElementType.auth) {
+          this.authBase = new ElementAuthComponent();
+          this.authBase.create({
+            environment: this._options.environment,
+            locale: this._options.locale
+          });
+        } else if (type === ElementType.address) {
+          this.addressBase = new ElementAddressComponent();
+          this.addressBase.create({
+            environment: this._options.environment,
+            locale: this._options.locale,
+            appVersion: this._options.version || ''
+          }, this.isConnect);
+        } else if (type === ElementType.payment) {
+          // 注册 payment 卡支付模块
+          this.paymentBase = new ElementPaymentComponent();
+          this.paymentBase.create({
+            environment: this._options.environment,
+            locale: this._options.locale,
+            appVersion: this._options.version || ''
+          }, this.isConnect);
+        } else {
+          throw Error("The provided 'type' value is invalid");
+        }
       } catch (error) {
         var _this$_options$onEven, _this$_options;
-        console.log('demo event callback----', {
-          code: EventCallbackCode.FAILED,
-          message: 'INTERNAL_FAILED'
-        });
         (_this$_options$onEven = (_this$_options = this._options).onEventCallback) === null || _this$_options$onEven === void 0 || _this$_options$onEven.call(_this$_options, {
           code: EventCallbackCode.FAILED,
           message: 'INTERNAL_FAILED'
-          // message: 'create sdk fail',
         });
       }
-
-      // 注册监听消息
-      this.addListener();
     }
 
     // iframe src生成方法
@@ -573,12 +562,10 @@ export var ElementComponent = /*#__PURE__*/function () {
       });
       this.eventService.listen(ElementPaymentEvent.SEND_MUITI_APP_EVENT_TO_SDK, function (result) {
         var _this6$_options$onEve, _this6$_options;
-        console.log('demo event callback----', result.data);
         (_this6$_options$onEve = (_this6$_options = _this6._options).onEventCallback) === null || _this6$_options$onEve === void 0 || _this6$_options$onEve.call(_this6$_options, result.data);
       });
       this.eventService.listen(ElementPaymentEvent.CALLBACK, function (result) {
         var _this6$eventCallback;
-        console.log('antom sdk 组件事件回调');
         if ((_this6$eventCallback = _this6.eventCallback) !== null && _this6$eventCallback !== void 0 && (_this6$eventCallback = _this6$eventCallback[result.source]) !== null && _this6$eventCallback !== void 0 && _this6$eventCallback[result.event]) {
           var _this6$eventCallback$, _this6$eventCallback$2;
           (_this6$eventCallback$ = (_this6$eventCallback$2 = _this6.eventCallback[result.source])[result.event]) === null || _this6$eventCallback$ === void 0 || _this6$eventCallback$.call(_this6$eventCallback$2, result.data);
@@ -590,30 +577,10 @@ export var ElementComponent = /*#__PURE__*/function () {
       this.eventService.listen(ConstantEvent.redirect.name, function (data, res) {
         data.isDestroy && _this6.unmount();
       });
-      this.eventService.listen(ElementPaymentEvent.LOG, function (result) {
-        console.log('antom sdk 组件日志回调');
-      });
-      this.eventService.listen(ElementPaymentEvent.HANDLE_PAYMENT, function (result) {
-        if ((result === null || result === void 0 ? void 0 : result.paymentMethodType) === 'APPLEPAY') {
-          _this6.ApplePayService.begin().then(function (res) {
-            _this6.onAfterSubmitFunc(ElementPaymentMethod.PAYMENT_ELEMENT, {
-              submitPayData: res || {
-                success: false,
-                errorCode: "LOGIN",
-                errorMessage: ""
-              }
-            });
-          }).catch(function (e) {
-            _this6.onAfterSubmitFunc(ElementPaymentMethod.PAYMENT_ELEMENT, {
-              submitPayData: {},
-              errorInfo: {
-                hasError: true,
-                errorCode: e === null || e === void 0 ? void 0 : e.errorCode
-              }
-            });
-          });
-        }
-      });
+
+      // this.eventService.listen(ElementPaymentEvent.LOG, (result: EventCallbackData) => {
+      //   console.log('antom sdk 组件日志回调');
+      // });
     }
 
     // launch消息处理
@@ -693,7 +660,6 @@ export var ElementComponent = /*#__PURE__*/function () {
       this.eventService.unlisten(ElementPaymentEvent.CAPTURE_ASSET);
       this.eventService.unlisten(ElementPaymentEvent.LAUNCH);
       this.eventService.unlisten(ElementPaymentEvent.SIZE_CHANGE);
-      this.eventService.unlisten(ElementPaymentEvent.HANDLE_PAYMENT);
     }
 
     // 注册组件事件监听
@@ -725,61 +691,16 @@ export var ElementComponent = /*#__PURE__*/function () {
         url: url
       }).then(function (result) {
         if (!result) {
-          return _this8.mountErrorHandle();
+          return _this8.mountErrorHandle(renderOptions.type);
         }
         _this8.eventService.addIFrame(result);
         _this8.iframes[ElementPaymentMethod.AUTH_ELEMENT] = result;
       });
       return {};
     }
-  }, {
-    key: "initApplePaySdk",
-    value: function () {
-      var _initApplePaySdk = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              if (!isSkipRenderPaymentMethod(this.parseData)) {
-                _context2.next = 12;
-                break;
-              }
-              this.ApplePayService = new ApplePaySdk({
-                paymentSessionData: this.sessionData,
-                parseData: this.parseData,
-                logger: logger
-              });
-              _context2.prev = 2;
-              logger.logInfo({
-                title: 'a3753.b107385.c398110'
-              });
-              _context2.next = 6;
-              return this.ApplePayService.initApplePaySession();
-            case 6:
-              logger.logInfo({
-                title: 'a3753.b107385.c398112'
-              });
-              _context2.next = 12;
-              break;
-            case 9:
-              _context2.prev = 9;
-              _context2.t0 = _context2["catch"](2);
-              logger.logError({
-                title: 'a3753.b107385.c398111'
-              });
-            case 12:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2, this, [[2, 9]]);
-      }));
-      function initApplePaySdk() {
-        return _initApplePaySdk.apply(this, arguments);
-      }
-      return initApplePaySdk;
-    }()
   }, {
     key: "mountErrorHandle",
-    value: function mountErrorHandle() {
+    value: function mountErrorHandle(type) {
       var _this$_options$onEven2, _this$_options3;
       console.log('demo event callback----', {
         code: EventCallbackCode.FAILED,
@@ -789,21 +710,31 @@ export var ElementComponent = /*#__PURE__*/function () {
         code: EventCallbackCode.FAILED,
         message: 'INTERNAL_FAILED'
       });
+      if (type) {
+        this.loadingElement = this.loadingElement.filter(function (item) {
+          return item !== type;
+        });
+      }
       logger.logError({
-        title: 'a3753.b101271.c386691'
+        title: 'sdk_element_mount_fail'
       });
     }
   }, {
     key: "mount",
     value: function mount(renderOptions, sdkSelector) {
+      this.createComponentSdk(renderOptions.type);
+      if (this.iframes[MountElementType[renderOptions === null || renderOptions === void 0 ? void 0 : renderOptions.type]] || this.loadingElement.includes(renderOptions === null || renderOptions === void 0 ? void 0 : renderOptions.type)) {
+        throw Error("The component has been mounted, please do not execute it again.");
+      }
+      this.loadingElement.push(renderOptions === null || renderOptions === void 0 ? void 0 : renderOptions.type);
       logger.logInfo({
-        title: 'a3753.b101271.c386690'
+        title: 'sdk_element_mount_start'
       });
       if (typeof sdkSelector === 'string') {
         var _this$_options$loadin4, _renderOptions$debugP, _renderOptions$debugP2;
         var element = document.querySelector(sdkSelector);
         if (!element) {
-          return this.mountErrorHandle();
+          throw Error("Loading failed, you need to check if the element exists.");
         }
         this.componentsCount = this.componentsCount + 1;
         if (!this.loading && (_this$_options$loadin4 = this._options.loading) !== null && _this$_options$loadin4 !== void 0 && _this$_options$loadin4.onStartLoading && this.isConnect) {
@@ -815,13 +746,13 @@ export var ElementComponent = /*#__PURE__*/function () {
           elementLink: elementLink
         };
         this.loading = true;
-        if (renderOptions.type === 'auth') {
+        if (renderOptions.type === ElementType.auth) {
           return this.mountAuth(renderOptions, sdkSelector);
         }
-        if (renderOptions.type === 'address') {
+        if (renderOptions.type === ElementType.address) {
           return this.mountAddress(renderOptions, sdkSelector);
         }
-        if (renderOptions.type === 'payment') {
+        if (renderOptions.type === ElementType.payment) {
           return this.mountPayment(renderOptions, sdkSelector);
         }
       } else {
@@ -853,37 +784,43 @@ export var ElementComponent = /*#__PURE__*/function () {
       (_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.iframes = {};
       this.componentsCount = 0;
       this.eventService.destroy();
       this.removeListener();
+      this.loadingElement = [];
     }
   }, {
     key: "submitPayment",
     value: // 暴露出去的submit方法
     function () {
-      var _submitPayment = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+      var _submitPayment = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
         var _this$_options$loadin7, _this$_options$loadin10;
         var _this$_options$loadin8, _this$_options$loadin9, _this$_options$loadin11, _this$_options$loadin12;
-        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
+        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              // this.onAfterSubmitFunc(ElementPaymentMethod.PAYMENT_ELEMENT, submitResult);
-              // return
+              if (this.iframes.PAYMENT_ELEMENT) {
+                _context2.next = 2;
+                break;
+              }
+              throw Error("Component is not mounted. You need to check if the mount method has been successfully called to mount the component.");
+            case 2:
               if ((_this$_options$loadin7 = this._options.loading) !== null && _this$_options$loadin7 !== void 0 && _this$_options$loadin7.onStartLoading) {
                 (_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);
               }
-              _context3.next = 3;
+              _context2.next = 5;
               return this.validatePromiseFuncs();
-            case 3:
+            case 5:
               if ((_this$_options$loadin10 = this._options.loading) !== null && _this$_options$loadin10 !== void 0 && _this$_options$loadin10.onEndLoading) {
                 (_this$_options$loadin11 = this._options.loading) === null || _this$_options$loadin11 === void 0 || (_this$_options$loadin12 = _this$_options$loadin11.onEndLoading) === null || _this$_options$loadin12 === void 0 || _this$_options$loadin12.call(_this$_options$loadin11);
               }
-              return _context3.abrupt("return");
-            case 5:
+              return _context2.abrupt("return");
+            case 7:
             case "end":
-              return _context3.stop();
+              return _context2.stop();
           }
-        }, _callee3, this);
+        }, _callee2, this);
       }));
       function submitPayment() {
         return _submitPayment.apply(this, arguments);