@alipay/ams-checkout 1.23.0 → 1.24.0

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

@@ -0,0 +1,60 @@
+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 _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); }
+import { createIframe } from "../../../../foundation/service/container/utils";
+import { createInlineBaseElement } from "../../../../plugin/component/component.inline.style";
+export var ElementAuthComponent = /*#__PURE__*/function () {
+  function ElementAuthComponent() {
+    _classCallCheck(this, ElementAuthComponent);
+    _defineProperty(this, "elementContainer", void 0);
+  }
+  _createClass(ElementAuthComponent, [{
+    key: "create",
+    value: function create(options) {}
+  }, {
+    key: "mount",
+    value: function mount(options) {
+      var _this = this;
+      return new Promise(function (resolve) {
+        try {
+          var selector = options.selector,
+            url = options.url;
+          var containerId = (selector === null || selector === void 0 ? void 0 : selector.indexOf('#')) === -1 ? selector : selector.slice(1);
+          var containerSelector = "antom-sdk-web-app-".concat(containerId);
+          var container = createInlineBaseElement(selector);
+          var webApp = createIframe(containerSelector);
+          webApp.src = url;
+          container.appendChild(webApp);
+          _this.elementContainer = container;
+          resolve(webApp);
+        } catch (error) {
+          resolve(undefined);
+        }
+      });
+    }
+  }, {
+    key: "update",
+    value: function update() {
+      var _this$elementContaine, _this$elementContaine2;
+      var height = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 100;
+      var iframes = (_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, 'iframe');
+      if (iframes !== null && iframes !== void 0 && iframes[0]) {
+        var iframe = iframes[0];
+        iframe.style.opacity = '1';
+        iframe.style.overflow = 'visible';
+        iframe.style.height = "".concat(height, "px");
+      }
+    }
+  }, {
+    key: "unmount",
+    value: function unmount() {
+      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

@@ -0,0 +1,19 @@
+import { PaymentMountOptions } from '../type';
+interface ElementPaymentMountOptions extends Omit<PaymentMountOptions, 'type'> {
+    selector: string;
+}
+export declare class ElementPaymentComponent {
+    private sdk;
+    private elementContainer;
+    private isConnect;
+    constructor();
+    create(options: {
+        environment: string;
+        locale: string;
+        appVersion: string;
+    }, isConnect: boolean): void;
+    mount(sessionData: string, options: ElementPaymentMountOptions): Promise<HTMLIFrameElement | undefined>;
+    update(): void;
+    unmount(): void;
+}
+export {};

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

@@ -0,0 +1,74 @@
+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; }
+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); }
+import AMSPaymentElement from "../../../../index";
+export var ElementPaymentComponent = /*#__PURE__*/function () {
+  function ElementPaymentComponent() {
+    _classCallCheck(this, ElementPaymentComponent);
+    _defineProperty(this, "sdk", void 0);
+    _defineProperty(this, "elementContainer", void 0);
+    _defineProperty(this, "isConnect", void 0);
+  }
+  _createClass(ElementPaymentComponent, [{
+    key: "create",
+    value: function create(options, isConnect) {
+      this.isConnect = isConnect;
+      this.sdk = new AMSPaymentElement(_objectSpread(_objectSpread({}, options), {}, {
+        analytics: {
+          enabled: true
+        },
+        onEventCallback: function onEventCallback(state) {}
+      }));
+    }
+  }, {
+    key: "mount",
+    value: function mount(sessionData, options) {
+      var _this = this;
+      var elementContainer = document.querySelector(options.selector);
+      if (this.isConnect) {
+        elementContainer.style.display = 'none';
+      }
+      return new Promise(function (resolve) {
+        _this.sdk.mountComponent({
+          sessionData: sessionData,
+          appearance: options.appearance,
+          debugProps: options.debugProps,
+          notRedirectAfterComplete: true,
+          appendAliasContainerId: true
+        }, options.selector).then(function () {
+          var _elementContainer$get;
+          _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);
+        });
+      });
+    }
+  }, {
+    key: "update",
+    value: function update() {
+      if (this.elementContainer && this.isConnect) {
+        this.elementContainer.style.display = 'initial';
+      }
+      // 下发数据
+    }
+  }, {
+    key: "unmount",
+    value: function unmount() {
+      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]) {
+        var _containers$, _containers$$remove;
+        (_containers$ = containers[0]) === null || _containers$ === void 0 || (_containers$$remove = _containers$.remove) === null || _containers$$remove === void 0 || _containers$$remove.call(_containers$);
+      }
+    }
+  }]);
+  return ElementPaymentComponent;
+}();

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

@@ -0,0 +1,47 @@
+import { IElementOptions } from '../../../types';
+import type { AddressMountOptions, AddressMountResult, LinkAuthMountOptions, LinkAuthMountResult, PaymentMountOptions, PaymentMountResult } from './type';
+export declare class ElementComponent {
+    private parseData;
+    private loading;
+    private sessionData;
+    private elementContainer;
+    private authBase;
+    private addressBase;
+    private paymentBase;
+    private _options;
+    private eventService;
+    private requestService;
+    private sdkActionRes;
+    private oneAccountRes;
+    private launchSource;
+    private isConnect;
+    private iframeSrc;
+    private mountOptions;
+    private iframes;
+    private componentsCount;
+    private eventCallback;
+    constructor(options: IElementOptions);
+    private createElement;
+    private createIframeSrc;
+    private addListener;
+    private launchFunc;
+    private showIframe;
+    private afterInit;
+    private sendRenderData;
+    private removeListener;
+    private registerEventListener;
+    private mountAuth;
+    private mountAddress;
+    private mountPayment;
+    mount(renderOptions: AddressMountOptions, sdkSelector: string): AddressMountResult;
+    mount(renderOptions: PaymentMountOptions, sdkSelector: string): PaymentMountResult;
+    mount(renderOptions: LinkAuthMountOptions, sdkSelector: string): LinkAuthMountResult;
+    private removeIframe;
+    unmount(): void;
+    private onAfterSubmitFunc;
+    private onSubmitRiskFunc;
+    private onSubmit;
+    private onValidateFunc;
+    private validatePromiseFuncs;
+    submitPayment(): Promise<void>;
+}