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

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

@@ -0,0 +1,27 @@
+import { IcreateComponent, IoptionsParams } from '../../../types';
+import { Logger } from '../../../util/logger';
+type LOCAL_URL = string;
+export type CKPEmbeddedAppEnv = 'dev' | 'sit' | 'pre' | 'prod';
+export type CKPEmbeddedEventType = 'SDK_PAYMENT_SUCCESSFUL' | 'SDK_PAYMENT_FAIL' | 'SDK_PAYMENT_CANCEL' | 'SDK_PAYMENT_CLICK_BACK_TO_MERCHANT';
+export declare const getCKPPageAddress: (env: IoptionsParams['environment'] | LOCAL_URL) => string;
+export declare class AMSCheckoutPage {
+    logger: Logger;
+    private _instanceId;
+    private originOptions;
+    private readonly APP_IFRAME_ID;
+    private eventListener?;
+    constructor(options: Pick<IoptionsParams, 'environment' | 'locale' | 'onEventCallback'>);
+    private generateIframeSrc;
+    private eventListenerWrapper;
+    private addListener;
+    private removeListener;
+    /**
+     * 挂载组件
+     */
+    mountComponent(params: Pick<IcreateComponent, 'sessionData'>, selector: string): Promise<void>;
+    /**
+     * 卸载组件
+     */
+    unmount(): void;
+}
+export {};

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

@@ -0,0 +1,166 @@
+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 { v4 as uuid } from 'uuid';
+import { EnvironmentEnum } from "../../../types";
+import { queryParse } from "../../../util";
+import { LogConfig, Logger } from "../../../util/logger";
+var CKP_PAYMENT_PAGE_HOST = {
+  DEV: 'https://dev.page.alipay.net',
+  TEST: 'https://test.page.alipay.net',
+  PRE: 'https://pre.ac.alipay.com',
+  PROD: 'https://ac.alipay.com'
+};
+
+// for local development
+
+var CKP_PAGE_ADDRESS = '/page/antom-web-checkout-v2/checkout-page/pages/payment/index.html';
+export var getCKPPageAddress = function getCKPPageAddress(env) {
+  switch (env) {
+    case 'dev':
+      return "".concat(CKP_PAYMENT_PAGE_HOST.DEV).concat(CKP_PAGE_ADDRESS);
+    case 'sit':
+      return "".concat(CKP_PAYMENT_PAGE_HOST.TEST).concat(CKP_PAGE_ADDRESS);
+    case 'pre':
+      return "".concat(CKP_PAYMENT_PAGE_HOST.PRE).concat(CKP_PAGE_ADDRESS);
+    case 'prod':
+    case 'sandbox':
+    case 'light_sandbox':
+      return "".concat(CKP_PAYMENT_PAGE_HOST.PROD).concat(CKP_PAGE_ADDRESS);
+    default:
+      // for local development, e.g. http://localhost:5173/checkout-page/src/pages/payment/index.html
+      return env;
+  }
+};
+export var AMSCheckoutPage = /*#__PURE__*/function () {
+  function AMSCheckoutPage(options) {
+    var _this = this;
+    _classCallCheck(this, AMSCheckoutPage);
+    _defineProperty(this, "logger", void 0);
+    _defineProperty(this, "_instanceId", void 0);
+    _defineProperty(this, "originOptions", void 0);
+    _defineProperty(this, "APP_IFRAME_ID", 'antom-checkout-page-sub-page-iframe');
+    _defineProperty(this, "eventListener", void 0);
+    _defineProperty(this, "generateIframeSrc", function (sessionData) {
+      var env = _this.originOptions.environment || 'prod';
+      var session = sessionData || '';
+      var lang = _this.originOptions.locale || 'en_US';
+      var ckpPageAddress = getCKPPageAddress(env);
+      console.log('[antom-web-sdk] <antom-checkout-page>  generateIframeSrc', _this.originOptions, env, session, lang, ckpPageAddress);
+
+      // 先获取去除的 query 参数的 url
+      var url = ckpPageAddress.split('?')[0];
+      var queryObj = queryParse(ckpPageAddress);
+      queryObj.sessionData = session;
+      queryObj.lang = lang;
+      queryObj.mode = 'embed';
+      if (env === 'sandbox') {
+        queryObj.shadow = 'true';
+      }
+      Object.keys(queryObj).forEach(function (key) {
+        url += "".concat(url.includes('?') ? '&' : '?').concat(key, "=").concat(encodeURIComponent(queryObj[key]));
+      });
+      return url;
+    });
+    _defineProperty(this, "eventListenerWrapper", function (event) {
+      var _ref = JSON.parse(event.data) || {},
+        code = _ref.code,
+        message = _ref.message,
+        result = _ref.result;
+      if (code && code.startsWith('SDK_PAYMENT')) {
+        var _this$eventListener;
+        console.log('[antom-web-sdk] <antom-checkout-page>  eventListenerWrapper', event, message, result);
+        (_this$eventListener = _this.eventListener) === null || _this$eventListener === void 0 || _this$eventListener.call(_this, {
+          code: code,
+          message: message,
+          result: result
+        });
+      }
+    });
+    _defineProperty(this, "addListener", function () {
+      window.addEventListener('message', _this.eventListenerWrapper);
+    });
+    _defineProperty(this, "removeListener", function () {
+      window.removeEventListener('message', _this.eventListenerWrapper);
+    });
+    options.environment = options.environment || EnvironmentEnum.prod;
+    this._instanceId = uuid();
+    this.originOptions = options;
+    this.eventListener = options.onEventCallback;
+    this.logger = new Logger(LogConfig, ![EnvironmentEnum.prod, EnvironmentEnum.sandbox].includes(options === null || options === void 0 ? void 0 : options.environment));
+    Logger.setInstance(this.logger);
+    this.logger.setMedta({
+      instanceId: this._instanceId
+    });
+    this.logger.initTracker();
+    this.logger.setComponentStartTime(Date.now());
+    this.logger.setTrackId(this._instanceId);
+    this.logger.logInfo({
+      title: 'NEW_AMSSDK_BY_MECHANT',
+      msg: "".concat(options === null || options === void 0 ? void 0 : options.environment, "_").concat(options === null || options === void 0 ? void 0 : options.locale)
+    }).send();
+  }
+  _createClass(AMSCheckoutPage, [{
+    key: "mountComponent",
+    value:
+    /**
+     * 挂载组件
+     */
+    function mountComponent(params, selector) {
+      if (params.sessionData === undefined || params.sessionData === '' || typeof params.sessionData !== 'string') {
+        this.logger.logError({
+          title: 'PARAMS_ERROR_INVALID_SESSION_DATA'
+        });
+        console.error('[antom-web-sdk] <antom-checkout-page>  mountComponent: sessionData is required and must be a string');
+        throw new Error('PARAMS_ERROR_INVALID_SESSION_DATA');
+      }
+      if (document.querySelector(this.APP_IFRAME_ID)) {
+        this.logger.logError({
+          title: 'PARAMS_ERROR_ALREADY_MOUNTED'
+        });
+        console.error('[antom-web-sdk] <antom-checkout-page>  mountComponent: already mounted, please unmount first');
+        throw new Error('PARAMS_ERROR_ALREADY_MOUNTED');
+      }
+      this.addListener();
+      var ckpPageAddress = this.generateIframeSrc(params.sessionData);
+      var iframe = document.createElement('iframe');
+      iframe.id = this.APP_IFRAME_ID;
+      iframe.src = ckpPageAddress;
+      iframe.width = '100%';
+      iframe.height = '100%';
+      iframe.style.border = 'none';
+      var wrapper = document.querySelector(selector);
+      if (wrapper) {
+        wrapper.innerHTML = '';
+        wrapper.appendChild(iframe);
+      } else {
+        this.logger.logError({
+          title: 'PARAMS_ERROR_INVALID_SELECTOR'
+        });
+        console.error('[antom-web-sdk] <antom-checkout-page>  mountComponent: invalid selector');
+        this.removeListener();
+        throw new Error('PARAMS_ERROR_INVALID_SELECTOR');
+      }
+      return Promise.resolve();
+    }
+
+    /**
+     * 卸载组件
+     */
+  }, {
+    key: "unmount",
+    value: function unmount() {
+      this.removeListener();
+      var iframe = document.getElementById(this.APP_IFRAME_ID);
+      if (iframe) {
+        iframe.remove();
+      }
+      return;
+    }
+  }]);
+  return AMSCheckoutPage;
+}();

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

@@ -0,0 +1,51 @@
+import ComponentApp from '../../plugin/component';
+import { ComponentSignEnum, IcreateComponent, IoptionsParams, IPaymentSessionMetaData, Iselector, Isubmit, PaymentMethodTypeEnum, SubPaymentMethodTypeEnum } from '../../types';
+import CoreInstance from '../instance/index';
+export declare const getComponentSign: (params: IPaymentSessionMetaData) => ComponentSignEnum;
+export declare const parseSessionData: (sessionData: string) => [IPaymentSessionMetaData, string];
+export type IAMSComponentOptions = IoptionsParams & {
+    appVersion: string;
+};
+export declare class AMSComponent extends CoreInstance {
+    _componentApp: ComponentApp;
+    channelType: ComponentSignEnum[];
+    productSceneVersion: string;
+    timer: any;
+    constructor(options: IAMSComponentOptions);
+    private parameterInitAndCheck;
+    private pluginAppendIframe;
+    private savePreviousChannel;
+    /**
+     * 初始化 Bus总线的能力
+     */
+    private registerBusAbility;
+    /**
+     * To determine whether the corresponding payment method is available,
+     *  only the channel described in the document will be called, and it will be returned as available by default
+     * @param paymentMethod  - described in the document
+     * @param subPaymentMethod - described in the document
+     * @returns
+     */
+    canMakePayments(paymentMethod: PaymentMethodTypeEnum, subPaymentMethod?: SubPaymentMethodTypeEnum): Promise<boolean>;
+    /**
+     * @description Create component application
+     * @param params - The data source created by the component, necessary sessionData, optional appearance configuration, and refer to the documentation for other parameters and detailed information.
+     */
+    createComponent(params: IcreateComponent): Promise<void>;
+    private createComponentProcess;
+    preloadComponent(channelType: any, productSceneVersion: any): void;
+    private clearPreloadIframe;
+    /**
+     * @description Create and render components in the specified element area
+     * @param params - The data source created by the component, necessary sessionData, optional appearance configurations, and refer to the documentation for other parameters and detailed information.
+     * @param selector - Necessary element selector ID
+     */
+    mountComponent(params: IcreateComponent, selector: Iselector): Promise<void>;
+    private mountComponentProcess;
+    /**
+     * @description Execute payment submission process
+     * @description - When using your own payment button, you can execute the submit payment process by actively calling this function.
+     * @param data - Transfer information in the submission interface according to your requirements (optional)
+     */
+    submit(data?: Isubmit): Promise<unknown>;
+}