@alipay/ams-checkout 0.0.1730107332-dev.24 → 0.0.1730107332-dev.26

package/esm/plugin/component/popupWindow.style.d.ts

@@ -0,0 +1,11 @@
+export declare const createCustomSheet: (curTheme?: 'dark' | 'light') => void;
+export declare const renderPopupLoading: (container: HTMLDivElement, curTheme: 'dark' | 'light') => void;
+export declare const removePopupLoading: (isShowMockup?: boolean) => void;
+export declare const insertStyleSheet: () => void;
+export declare const createModal: ({ device, url, widthPadding, loadingConfig }: {
+    device: any;
+    url: any;
+    widthPadding: any;
+    loadingConfig: any;
+}) => Promise<HTMLIFrameElement>;
+export declare const destroyModal: () => void;

package/esm/plugin/component/popupWindow.style.js

@@ -0,0 +1,121 @@
+import { AMSPOPUP_PREFIX, ANIMATION_TIME, MOCKUP_ID, POPUPLOADING_ID } from "../../constant";
+import { getDesignFontSize } from "../../util";
+
+// CSS样式字符串
+var modalStyles = "\n  .".concat(AMSPOPUP_PREFIX, "modal {\n    /* \u6DFB\u52A0\u5F39\u7A97\u6837\u5F0F */\n    background-color: #fff;\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n    position: fixed;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 9999; /* \u8BBE\u7F6E\u5F39\u7A97\u7684\u5C42\u7EA7\u4E3A 9999 */\n    overflow: hidden;\n  }\n  .").concat(AMSPOPUP_PREFIX, "modal-mobile{\n    background-color: #fff;\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n    position: fixed;\n    bottom: 0;\n    left: 0%;\n    z-index: 9999; /* \u8BBE\u7F6E\u5F39\u7A97\u7684\u5C42\u7EA7\u4E3A 9999 */\n    overflow: hidden;\n  }\n\n  .").concat(AMSPOPUP_PREFIX, "overlay {\n    /* \u6DFB\u52A0\u8499\u5C42\u6837\u5F0F */\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.4);\n    z-index: 999;\n  }\n\n  .").concat(AMSPOPUP_PREFIX, "fadeIn {\n    /* \u6DFB\u52A0\u6DE1\u5165\u52A8\u753B */\n    animation: fadeIn ").concat(ANIMATION_TIME, "ms;\n    animation-fill-mode: forwards;\n  }\n\n  .").concat(AMSPOPUP_PREFIX, "fadeOut {\n    /* \u6DFB\u52A0\u6DE1\u51FA\u52A8\u753B */\n    animation: fadeOut ").concat(ANIMATION_TIME, "ms;\n    animation-fill-mode: forwards;\n  }\n\n  .").concat(AMSPOPUP_PREFIX, "-drawer-enter {\n    animation: slideIn ").concat(ANIMATION_TIME, "ms forwards;\n  }\n  \n  @keyframes slideIn {\n    from {\n        transform: translateY(100%); /* \u6ED1\u5165\u65F6\u5728\u89C6\u53E3\u5E95\u90E8\u5916 */\n        opacity: 0; /* \u521D\u59CB\u900F\u660E\u5EA6\u4E3A 0 */\n    }\n    to {\n        transform: translateY(0); /* \u6ED1\u5165\u7ED3\u675F\u65F6\u5728\u539F\u4F4D\u7F6E */\n        opacity: 1; /* \u7ED3\u675F\u65F6\u900F\u660E\u5EA6\u4E3A 1 */\n    }\n  }\n\n  /* \u62BD\u5C49\u4ECE\u5E95\u90E8\u6ED1\u51FA */\n  .").concat(AMSPOPUP_PREFIX, "-drawer-exit {\n      animation: slideOut ").concat(ANIMATION_TIME, "ms forwards;\n  }\n\n  @keyframes slideOut {\n      from {\n          transform: translateY(0); /* \u6ED1\u51FA\u65F6\u4ECE\u5F53\u524D\u4F4D\u7F6E\u5F00\u59CB */\n          opacity: 1; /* \u521D\u59CB\u900F\u660E\u5EA6\u4E3A 1 */\n      }\n      to {\n          transform: translateY(100%); /* \u6ED1\u51FA\u7ED3\u675F\u65F6\u5728\u89C6\u53E3\u5E95\u90E8\u5916 */\n          opacity: 0; /* \u7ED3\u675F\u65F6\u900F\u660E\u5EA6\u4E3A 0 */\n      }\n  }\n\n  /* \u5B9A\u4E49\u6DE1\u5165\u52A8\u753B */\n  @keyframes fadeIn {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n\n  @-webkit-keyframes fadeIn {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n\n  @-moz-keyframes fadeIn {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n\n  /* \u5B9A\u4E49\u6DE1\u51FA\u52A8\u753B */\n  @keyframes fadeOut {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n    }\n  }\n\n  @-webkit-keyframes fadeOut {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n    }\n  }\n\n  @-moz-keyframes fadeOut {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n    }\n  }\n\n\n.ams-component-popup-loading {\n  width: 0.8em;\n  height:0.8em;\n  border-radius: 8px;\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  z-index: 1001;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.ams-component-popup-loading .line {\n  width: 40px;\n  height: 40px;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.ams-component-popup-loading .line div {\n  position: absolute;\n  left: 17.67px;\n  top: 0;\n  width: 5.33px;\n  height: 40px;\n}\n\n.ams-component-popup-loading .line div:before,\n.ams-component-popup-loading .line div:after {\n  content: '';\n  display: block;\n  height: 13.33px;\n  background: black;\n  border-radius: 5.3px;\n}\n.ams-component-popup-loading .line div:after {\n  margin-top: 13.33px;\n}\n\n.ams-component-popup-loading .line div:nth-child(2) {\n  -webkit-transform: rotate(45deg);\n}\n\n.ams-component-popup-loading .line div:nth-child(3) {\n  -webkit-transform: rotate(90deg);\n}\n\n.ams-component-popup-loading .line div:nth-child(4) {\n  -webkit-transform: rotate(135deg);\n}\n\n/** \u52A0\u8F7D\u52A8\u753B **/\n@-webkit-keyframes load {\n  0% {\n      opacity: 0;\n  }\n\n  100% {\n      opacity: 1;\n  }\n}\n\n.ams-component-popup-loading .line div:nth-child(1):before {\n  -webkit-animation: load 1s linear 0s infinite;\n}\n\n.ams-component-popup-loading .line div:nth-child(2):before {\n  -webkit-animation: load 1s linear 0.125s infinite;\n}\n\n.ams-component-popup-loading .line div:nth-child(3):before {\n  -webkit-animation: load 1s linear 0.25s infinite;\n}\n\n.ams-component-popup-loading .line div:nth-child(4):before {\n  -webkit-animation: load 1s linear 0.375s infinite;\n}\n\n.ams-component-popup-loading .line div:nth-child(1):after {\n  -webkit-animation: load 1s linear 0.5s infinite;\n}\n\n.ams-component-popup-loading .line div:nth-child(2):after {\n  -webkit-animation: load 1s linear 0.675s infinite;\n}\n\n.ams-component-popup-loading .line div:nth-child(3):after {\n  -webkit-animation: load 1s linear 0.75s infinite;\n}\n\n.ams-component-popup-loading .line div:nth-child(4):after {\n  -webkit-animation: load 1s linear 0.875s infinite;\n}\n\n.ams-component-popup-loading-logo {\n  width: 0.44em;\n  height: 0.44em;\n  -webkit-transform:rotate(360deg);\n  transform:rotate(360deg);\n  -webkit-transition:-webkit-transform 1s linear;\n  transition:transform 1s linear;\n  animation: ams-component-loading-logo 1s linear infinite;\n}\n");
+var getCurrentTheme = function getCurrentTheme() {
+  var curTheme = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'default';
+  var theme = {
+    night: 'dark',
+    gamingPurple: 'dark',
+    agateGreen: 'dark',
+    default: 'light',
+    nostalgicGray: 'light',
+    cherryBlossomPink: 'light'
+  };
+  return theme[curTheme];
+};
+export var createCustomSheet = function createCustomSheet() {
+  var curTheme = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'light';
+  var sheet = "\n  .ams-component-popup-loading .line div:before,\n  .ams-component-popup-loading .line div:after {\n    background: ".concat(curTheme === 'light' ? '#000000' : '#ffffff', " !important;\n  }");
+  var style = document.createElement('style');
+  style.innerHTML = sheet;
+  document.head.appendChild(style);
+};
+export var renderPopupLoading = function renderPopupLoading(container, curTheme) {
+  createCustomSheet(curTheme);
+  var loading = document.createElement('div');
+  loading === null || loading === void 0 || loading.classList.add(POPUPLOADING_ID);
+  loading.id = POPUPLOADING_ID;
+  loading.innerHTML = '<div class="line"><div></div><div></div><div></div><div></div></div>';
+  loading.style.fontSize = "".concat(getDesignFontSize(), "px");
+  container.appendChild(loading);
+};
+export var removePopupLoading = function removePopupLoading() {
+  var _document$getElementB;
+  var isShowMockup = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+  var mockup = document.getElementById(MOCKUP_ID);
+  if (mockup) {
+    mockup.style.background = 'rgb(0, 0, 0, 0.6)';
+    mockup.style.display = isShowMockup ? 'block' : 'none';
+  }
+  (_document$getElementB = document.getElementById(POPUPLOADING_ID)) === null || _document$getElementB === void 0 || _document$getElementB.remove();
+};
+// 创建和插入样式表
+export var insertStyleSheet = function insertStyleSheet() {
+  var style = document.createElement('style');
+  style.innerHTML = modalStyles;
+  document.head.appendChild(style);
+};
+var modalDevice = 'desktop';
+// 插入弹窗
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+export var createModal = function createModal(_ref) {
+  var device = _ref.device,
+    url = _ref.url,
+    widthPadding = _ref.widthPadding,
+    loadingConfig = _ref.loadingConfig;
+  return new Promise(function (resolve, reject) {
+    try {
+      modalDevice = device;
+      var overlay = document.createElement('div');
+      overlay.classList.add("".concat(AMSPOPUP_PREFIX, "overlay"), "".concat(AMSPOPUP_PREFIX, "fadeIn"));
+      var modal = document.createElement('div');
+      if (device === 'desktop') {
+        modal.classList.add("".concat(AMSPOPUP_PREFIX, "modal"), "".concat(AMSPOPUP_PREFIX, "fadeIn"));
+        modal.style.width = '656px';
+        modal.style.height = '620px';
+        modal.style.borderRadius = '12px';
+      } else {
+        modal.classList.add("".concat(AMSPOPUP_PREFIX, "modal-mobile"), "".concat(AMSPOPUP_PREFIX, "-drawer-enter"));
+        modal.style.width = '100%';
+        modal.style.height = '80vh';
+        modal.style.borderRadius = '12px 12px 0 0';
+      }
+      var iframe = document.createElement('iframe');
+      iframe.src = url; // 替换为实际的 URL 地址
+      iframe.style.border = 'none';
+      iframe.style.width = '100%';
+      iframe.style.height = '100%';
+      if (loadingConfig && Object.keys(loadingConfig).length) {
+        var _loadingConfig$theme = loadingConfig.theme,
+          theme = _loadingConfig$theme === void 0 ? 'default' : _loadingConfig$theme,
+          _loadingConfig$backgr = loadingConfig.backgroundPrimary,
+          backgroundPrimary = _loadingConfig$backgr === void 0 ? '#ffffff' : _loadingConfig$backgr;
+        var mode = getCurrentTheme(theme);
+        renderPopupLoading(modal, mode);
+        modal.style.backgroundColor = backgroundPrimary;
+        iframe.style.backgroundColor = backgroundPrimary;
+      }
+      modal.appendChild(iframe);
+      var body = document.getElementsByTagName('body')[0];
+      body.appendChild(overlay);
+      body.appendChild(modal);
+      resolve(iframe);
+    } catch (error) {
+      reject({
+        title: 'sdk_error_create_pop_up',
+        message: error === null || error === void 0 ? void 0 : error.toString()
+      });
+    }
+  });
+};
+
+// 销毁弹窗
+export var destroyModal = function destroyModal() {
+  var overlay = document.querySelector(".".concat(AMSPOPUP_PREFIX, "overlay"));
+  var modal = modalDevice === 'desktop' ? document.querySelector(".".concat(AMSPOPUP_PREFIX, "modal")) : document.querySelector(".".concat(AMSPOPUP_PREFIX, "modal-mobile"));
+  overlay.classList.remove("".concat(AMSPOPUP_PREFIX, "fadeIn"));
+  overlay.classList.add("".concat(AMSPOPUP_PREFIX, "fadeOut"));
+  if (modalDevice === 'desktop') {
+    modal.classList.remove("".concat(AMSPOPUP_PREFIX, "fadeIn"));
+    modal.classList.add("".concat(AMSPOPUP_PREFIX, "fadeOut"));
+  } else {
+    modal.classList.remove("".concat(AMSPOPUP_PREFIX, "-drawer-enter"));
+    modal.classList.add("".concat(AMSPOPUP_PREFIX, "-drawer-exit"));
+  }
+  setTimeout(function () {
+    overlay.parentNode.removeChild(overlay);
+    modal.parentNode.removeChild(modal);
+  }, ANIMATION_TIME);
+};

package/esm/plugin/const.d.ts

@@ -0,0 +1,2 @@
+import { IExtendPlugin } from './type';
+export declare const ExtendPlugin: IExtendPlugin;

package/esm/plugin/const.js

@@ -0,0 +1,33 @@
+import { ApplePayActionEnum, PaymentActionEnum, PaypalActionEnum } from "../core/bus/interface";
+import { PaymentMethodCategoryTypeEnum, PaypalMethodEnum, ProductSceneEnum, ProductSceneVersion } from "../types/index";
+export var ExtendPlugin = [{
+  sessionMatcher: {
+    productScene: ProductSceneEnum.CASHIER_PAYMENT,
+    productSceneVersion: ProductSceneVersion.V1,
+    paymentMethodCategoryType: PaymentMethodCategoryTypeEnum.CARD,
+    paymentMethodTypes: ['CARD_APPLE_PAY']
+  },
+  paymentChannelMatcher: {
+    paymentMethod: 'ApplePay'
+  },
+  busActionNames: {
+    canMakePayments: ApplePayActionEnum.canMakePayments,
+    optional_init: PaymentActionEnum.optional_init,
+    createComponent: ApplePayActionEnum.createComponent,
+    destroyComponent: ApplePayActionEnum.destroyComponent
+  }
+}, {
+  sessionMatcher: {
+    productScene: ProductSceneEnum.CASHIER_PAYMENT,
+    productSceneVersion: ProductSceneVersion.V1,
+    paymentMethodCategoryType: PaymentMethodCategoryTypeEnum.APM,
+    paymentMethodTypes: [PaypalMethodEnum.PAYPAL_CHECKOUT, PaypalMethodEnum.PAYPAL_PAYLATER, PaypalMethodEnum.PAYPAL_VAULT]
+  },
+  paymentChannelMatcher: {
+    paymentMethod: 'Paypal'
+  },
+  busActionNames: {
+    mountComponent: PaypalActionEnum.mountComponent,
+    destroyComponent: PaypalActionEnum.destroyComponent
+  }
+}];

package/esm/plugin/drop-in/index.d.ts

@@ -0,0 +1,71 @@
+import type AMSCheckout from '../../core/instance';
+import type { IcreatePaymentParams, EventPayload } from '../../types';
+export default class CheckoutApp {
+    app: any;
+    paymentMethodsResult: any;
+    appDomain: string;
+    AMSSDK: AMSCheckout;
+    private _render;
+    private _selector;
+    private _version;
+    constructor();
+    /**
+     * @description When SDK registers plug-ins, it is a required function to receive SDK instances
+     */
+    applyPlugin(AMSSDK: AMSCheckout): void;
+    /**
+     * @description Set the rendering capability of the cashier plug-in. Different technology stacks have some differences in the packaging and use of rendering functions
+     */
+    setRender(createIframeNode: any): void;
+    /**
+     * @description High order function of rendering capability
+     */
+    render(renderParams: IcreatePaymentParams): Promise<void>;
+    /**
+     * @description Cancel listening and destroy the dom
+     */
+    logoutPlugin(): void;
+    /**
+     * @description Create app
+     */
+    private _createApp;
+    private _getIframeUrl;
+    /**
+     * @description Create iframe
+     */
+    private _createIframe;
+    /**
+     * @description Get iftame id
+     */
+    private _getIframeId;
+    _listener(e: any): void;
+    /**
+     * @description Initialize subscription iframe message
+     */
+    _addEventListener(): void;
+    _removeEventListener(): void;
+    /**
+     * @description Processing messages from iframe
+     */
+    _handleAppMessage(data: EventPayload): void;
+    /**
+     * @description Send message to SDK
+     */
+    _dispatchToSDK(data: EventPayload): void;
+    /**
+     * @description Send message to iframe
+     */
+    _dispatchToApp(data: EventPayload): void;
+    /**
+     * @description Subscribe to messages from SDK
+     */
+    _subscribeFromSDK(): void;
+    /**
+     * @description Send rendering events to iframe
+     */
+    _renderPaymentMethods(paymentResult: any): void;
+    /**
+     * @description Send the post submission processing event, and the cashier applies the consumption result
+     */
+    _handleRequestPayment(data: EventPayload): void;
+}

package/esm/plugin/drop-in/index.js

@@ -0,0 +1,324 @@
+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); }
+/**
+ * Copyright (c) 2022 International Business Group, Ant Group. All rights reserved.
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), the rights to use, copy, modify, merge, and/or distribute the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ * 1. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE; and
+ * 2. If applicable, the use of the Software is also subject to the terms and conditions of any non-disclosure agreement signed by you and the relevant Ant Group entity.
+ */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { BASEPLUGINID, ERRORMESSAGE, EVENT } from "../../constant";
+import { MessageName } from "../../types";
+import { getOrigin, getType, getViewPort, isDom, isJsonString, serialize } from "../../util";
+var getServerPath = function getServerPath() {
+  var _environment = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'prod';
+  var version = arguments.length > 1 ? arguments[1] : undefined;
+  var host = '';
+  switch (_environment) {
+    case 'dev':
+      host = "http://page.alipay.net/page/antom-web-checkout/src/drop-in-app/index.".concat(version, ".html");
+      break;
+    case 'sandbox':
+      host = "https://pre.ac.alipay.com/page/antom-web-checkout/src/drop-in-app/index.".concat(version, ".html");
+      break;
+    case 'prod':
+      host = "https://ac.alipay.com/page/antom-web-checkout/src/drop-in-app/index.".concat(version, ".html");
+      break;
+    default:
+      host = "https://ac.alipay.com/page/antom-web-checkout/src/drop-in-app/index.".concat(version, ".html");
+      break;
+  }
+  return host;
+};
+var getServerHost = function getServerHost(_environment, version) {
+  var reg = /^https?:\/\/([^/<>\s]+\.?)*/;
+  var macth = reg.exec(getServerPath(_environment, version));
+  return macth && macth[0] || '';
+};
+var CheckoutApp = /*#__PURE__*/function () {
+  function CheckoutApp() {
+    _classCallCheck(this, CheckoutApp);
+    _defineProperty(this, "app", void 0);
+    _defineProperty(this, "paymentMethodsResult", void 0);
+    _defineProperty(this, "appDomain", void 0);
+    _defineProperty(this, "AMSSDK", void 0);
+    _defineProperty(this, "_render", void 0);
+    _defineProperty(this, "_selector", void 0);
+    _defineProperty(this, "_version", void 0);
+    this._version = '1.0.0';
+    this._render = function () {
+      return Promise.resolve();
+    };
+  }
+  /**
+   * @description When SDK registers plug-ins, it is a required function to receive SDK instances
+   */
+  _createClass(CheckoutApp, [{
+    key: "applyPlugin",
+    value: function applyPlugin(AMSSDK) {
+      this.AMSSDK = AMSSDK;
+      this._subscribeFromSDK();
+      // Subscribe to messages from iframe
+      this._addEventListener();
+      this.appDomain = getServerHost(this.AMSSDK.options.env.environment, this._version);
+      this.app = this._createApp();
+    }
+    /**
+     * @description Set the rendering capability of the cashier plug-in. Different technology stacks have some differences in the packaging and use of rendering functions
+     */
+  }, {
+    key: "setRender",
+    value: function setRender(createIframeNode) {
+      this._render = createIframeNode;
+    }
+    /**
+     * @description High order function of rendering capability
+     */
+  }, {
+    key: "render",
+    value: function render(renderParams) {
+      this.paymentMethodsResult = renderParams.paymentMethodsResult;
+      this._selector = renderParams.selector;
+      this.app.src = this._getIframeUrl((renderParams === null || renderParams === void 0 ? void 0 : renderParams.appearance) || {});
+      return this._render(this, {
+        selector: renderParams.selector
+      });
+    }
+    /**
+     * @description Cancel listening and destroy the dom
+     */
+  }, {
+    key: "logoutPlugin",
+    value: function logoutPlugin() {
+      try {
+        this.app = null;
+        this._removeEventListener();
+        var dorpinDom = null;
+        if (getType(this._selector) === 'string') {
+          dorpinDom = document.querySelector(this._selector);
+        }
+        if (isDom(this._selector)) {
+          dorpinDom = this._selector;
+        }
+        if (dorpinDom) dorpinDom.innerHTML = '';
+        // eslint-disable-next-line no-empty
+      } catch (error) {}
+    }
+    /**
+     * @description Create app
+     */
+  }, {
+    key: "_createApp",
+    value: function _createApp() {
+      var iframe;
+      try {
+        iframe = this._createIframe();
+      } catch (error) {
+        this._dispatchToSDK({
+          name: MessageName.APP_TO_SDK,
+          instanceId: this.AMSSDK._instanceId,
+          context: {
+            event: 'onError',
+            data: Object.assign({}, ERRORMESSAGE.SDK_COMPATIBILITY_ISSUES.FAILED_TO_CREATE_IFRAME, {
+              stack: error
+            })
+          }
+        });
+        return;
+      }
+      if (!!window.postMessage !== true) {
+        this._dispatchToSDK({
+          name: MessageName.APP_TO_SDK,
+          instanceId: this.AMSSDK._instanceId,
+          context: {
+            event: 'onError',
+            data: ERRORMESSAGE.SDK_COMPATIBILITY_ISSUES.BROWSER_NOT_SUPPORT_POSTMESSAGE
+          }
+        });
+        return;
+      }
+      return iframe;
+    }
+  }, {
+    key: "_getIframeUrl",
+    value: function _getIframeUrl(appearance) {
+      var path = getServerPath(this.AMSSDK.options.env.environment, this._version);
+      var scale = getViewPort('initial-scale') || 1;
+      var instanceId = this.AMSSDK._instanceId;
+      var urlParams = Object.assign({
+        locale: this.AMSSDK.options.locale,
+        scale: scale,
+        merchantDomain: window.btoa(getOrigin()),
+        instanceId: instanceId
+      }, appearance);
+      var locationSearch = serialize(urlParams);
+      return "".concat(path, "?").concat(locationSearch);
+    }
+    /**
+     * @description Create iframe
+     */
+  }, {
+    key: "_createIframe",
+    value: function _createIframe() {
+      var iframe = document.createElement('iframe');
+      var iframeId = this._getIframeId(this.AMSSDK.options.mode);
+      iframe.id = iframeId;
+      iframe.style.height = '100%';
+      iframe.style.width = '100%';
+      iframe.style.border = '0';
+      iframe.style.overflow = 'hidden';
+      return iframe;
+    }
+    /**
+     * @description Get iftame id
+     */
+  }, {
+    key: "_getIframeId",
+    value: function _getIframeId(UIMode) {
+      var id = 'checkout-dropin';
+      switch (UIMode) {
+        case 'DROPIN':
+          id = 'checkout-dropin';
+          break;
+        case 'COMPONENT':
+          id = 'ams-checkout-component';
+          break;
+      }
+      return id;
+    }
+  }, {
+    key: "_listener",
+    value: function _listener(e) {
+      if (e.origin !== this.appDomain) {
+        return;
+      }
+      var isJson = isJsonString(e.data);
+      if (isJson) {
+        var data = JSON.parse(e.data);
+        if (data.name !== MessageName.APP_TO_SDK && data.name !== MessageName.APP_TO_APP || data.instanceId !== this.AMSSDK._instanceId) {
+          return;
+        }
+        this._handleAppMessage(data);
+      } else {
+        console.warn(ERRORMESSAGE.NOT_JSON_FORMAT);
+        this._dispatchToSDK({
+          name: MessageName.APP_TO_SDK,
+          instanceId: this.AMSSDK._instanceId,
+          context: {
+            event: 'onError',
+            data: ERRORMESSAGE.NOT_JSON_FORMAT
+          }
+        });
+      }
+    }
+    /**
+     * @description Initialize subscription iframe message
+     */
+  }, {
+    key: "_addEventListener",
+    value: function _addEventListener() {
+      this._removeEventListener();
+      window.addEventListener('message', this._listener.bind(this));
+    }
+  }, {
+    key: "_removeEventListener",
+    value: function _removeEventListener() {
+      window.removeEventListener('message', this._listener.bind(this));
+    }
+    /**
+     * @description Processing messages from iframe
+     */
+  }, {
+    key: "_handleAppMessage",
+    value: function _handleAppMessage(data) {
+      var eventKeyMap = [EVENT.error.name, EVENT.ready.name, EVENT.launch.name, EVENT.redirect.name, EVENT.sizeChanged.name, 'onPaymentMethodsSelected', EVENT.log.name];
+      if (!eventKeyMap.includes(data.context.event)) {
+        return;
+      }
+      if (data.context.event === 'onLaunch') {
+        this._renderPaymentMethods(this.paymentMethodsResult);
+      }
+      if (data.context.event === 'onSizeChanged') {
+        this.app.style.height = "".concat(data.context.data.height, "px");
+        this.app.style.width = '100%';
+        this.app.style.border = '0';
+        this.app.style.overflow = 'hidden';
+      }
+      if (data.context.event === 'onPaymentMethodsSelected') data.context.event = 'onPaymentMethodSelected';
+      // The plug-in communicates with the sdk after processing
+      this._dispatchToSDK(data);
+    }
+    /**
+     * @description Send message to SDK
+     */
+  }, {
+    key: "_dispatchToSDK",
+    value: function _dispatchToSDK(data) {
+      var _data = Object.assign({
+        name: MessageName.APP_TO_SDK,
+        mode: this.AMSSDK.options.mode,
+        appId: BASEPLUGINID,
+        instanceId: this.AMSSDK._instanceId
+      }, data);
+      this.AMSSDK._eventCenter.emit("".concat(BASEPLUGINID, "-").concat(data.context.event), _data);
+    }
+    /**
+     * @description Send message to iframe
+     */
+  }, {
+    key: "_dispatchToApp",
+    value: function _dispatchToApp(data) {
+      if (this.app && this.app.contentWindow) {
+        this.app.contentWindow.postMessage(JSON.stringify(data), this.appDomain);
+      }
+    }
+    /**
+     * @description Subscribe to messages from SDK
+     */
+  }, {
+    key: "_subscribeFromSDK",
+    value: function _subscribeFromSDK() {
+      var eventKeyMap = {
+        handleRequestPayment: this._handleRequestPayment
+      };
+      for (var key in eventKeyMap) {
+        // eslint-disable-next-line no-prototype-builtins
+        if (eventKeyMap.hasOwnProperty(key)) {
+          this.AMSSDK._eventCenter.on("".concat(BASEPLUGINID, "-").concat(key), eventKeyMap[key].bind(this));
+        }
+      }
+    }
+    /**
+     * @description Send rendering events to iframe
+     */
+  }, {
+    key: "_renderPaymentMethods",
+    value: function _renderPaymentMethods(paymentResult) {
+      this._dispatchToApp({
+        name: MessageName.SDK_TO_APP,
+        mode: this.AMSSDK.options.mode,
+        appId: BASEPLUGINID,
+        instanceId: this.AMSSDK._instanceId,
+        context: {
+          event: 'renderPaymentMethods',
+          data: paymentResult
+        }
+      });
+    }
+    /**
+     * @description Send the post submission processing event, and the cashier applies the consumption result
+     */
+  }, {
+    key: "_handleRequestPayment",
+    value: function _handleRequestPayment(data) {
+      this._dispatchToApp(data);
+    }
+  }]);
+  return CheckoutApp;
+}();
+export { CheckoutApp as default };

package/esm/plugin/payment-element/utils.d.ts

@@ -0,0 +1,2 @@
+import type { IpaymentSessionConfig } from '../../types';
+export declare const handlePaymentSessionConfig: (config: IpaymentSessionConfig) => Pick<IpaymentSessionConfig, 'productScene' | 'productSceneVersion'>;

package/esm/plugin/payment-element/utils.js

@@ -0,0 +1,6 @@
+export var handlePaymentSessionConfig = function handlePaymentSessionConfig(config) {
+  return {
+    productScene: config === null || config === void 0 ? void 0 : config.productScene,
+    productSceneVersion: config === null || config === void 0 ? void 0 : config.productSceneVersion
+  };
+};

package/esm/plugin/paypal/index.d.ts

@@ -0,0 +1,20 @@
+import { BusContext, BusMessage, BusSubscriber } from '../../core/bus';
+import { Logger } from '../../util/logger';
+export declare class PaypalBusSubscriber extends BusSubscriber {
+    logger: Logger;
+    constructor(logger: Logger);
+    actionNames(): string[];
+    private onEventCallback;
+    protected renderPaypalButton(context: BusContext, message: BusMessage): Promise<never>;
+    private appendPaypalLoading;
+    private removePaypalLoading;
+    private preCheck;
+    private loadPaypalResource;
+    private createPaypalScript;
+    private onShippingChange;
+    private createOrder;
+    private onApprove;
+    private onCancel;
+    private destroyComponent;
+    onMessage(context: BusContext, message: BusMessage): void;
+}