@alipay/ams-checkout 0.0.1744283958-dev.5 → 0.0.1744283958-dev.9

package/esm/constant/index.d.ts

@@ -216,6 +216,9 @@ export declare const EVENT: {
     webAppReady: {
         name: string;
     };
+    showToast: {
+        name: string;
+    };
 };
 export declare const COMPONENT_CONTAINER_ID = "ams-component-container";
 export declare const COMPONENT_SECTION_ID = "ams-component-section";

package/esm/constant/index.js

@@ -218,6 +218,9 @@ export var EVENT = {
   },
   webAppReady: {
     name: 'webAppReady'
+  },
+  showToast: {
+    name: 'showToast'
   }
 };
 export var COMPONENT_CONTAINER_ID = 'ams-component-container';

package/esm/core/component/element/elementContainerService/containerService.js

@@ -45,7 +45,10 @@ export var ContainerController = /*#__PURE__*/function () {
       platform: PlatformEnum.desktop,
       isRetention: false,
       selector: selector,
-      appendAliasContainerId: true
+      appendAliasContainerId: true,
+      iframeStyle: {
+        display: 'block'
+      }
     }, processor.generateIframeSrc({
       link: options === null || options === void 0 || (_options$debugProps = options.debugProps) === null || _options$debugProps === void 0 ? void 0 : _options$debugProps.localLink,
       instanceId: this.instanceId

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

@@ -31,7 +31,7 @@ import { ElementContainerService } from "../elementContainerService"; // 引入
 import { IContainerStatus } from "../elementContainerService/containerService";
 import { oneAccountUpdate, sdkActionUpdate } from "../mock";
 import { ElementPaymentEvent, ElementPaymentMethod, ElementType, EventCallbackCode } from "../type";
-import { checkCanMount, checkCanUpdate, handleRedirect } from "../util";
+import { checkCanMount, checkCanUpdate, handleRedirect, showToast } from "../util";
 var TIMEOUT_DURATION = 10000;
 var ElementController = /*#__PURE__*/function () {
   // 新增变量
@@ -302,6 +302,7 @@ var ElementController = /*#__PURE__*/function () {
         _this4.destroyHandle();
       });
       this.serviceMap.EventCenter.listen(EVENT.webAppReady.name, function (data) {
+        clearTimeout(_this4.initTimeout);
         if (_this4.elementContainerService.getContainerService(data.source)) {
           renderCallback({
             success: true
@@ -310,6 +311,9 @@ var ElementController = /*#__PURE__*/function () {
         }
         _this4.changeLoading(false);
       });
+      this.serviceMap.EventCenter.listen(EVENT.showToast.name, function (data) {
+        showToast(data);
+      });
     }
   }, {
     key: "sendRequestAndWaitWebLaunch",

package/esm/core/component/element/elementProcessor/addressProcessor.js

@@ -81,7 +81,7 @@ var AddressProcessor = /*#__PURE__*/function (_BaseElementProcessor) {
         analytics = _this$options.analytics,
         locale = _this$options.locale;
       var version = PackageJson.version;
-      var pageUrl = "/elements-address/".concat(version, "/pages/address/index.html");
+      var pageUrl = "/element-address/".concat(version, "/pages/address/index.html");
       return _generateIframeSrc({
         paymentSession: paymentSession,
         paymentSessionObj: paymentSessionObj,

package/esm/core/component/element/elementProcessor/paymentProcessor.js

@@ -23,16 +23,16 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 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 { parseSessionData } from "../../index";
 import PackageJson from "../../../../../package.json";
 import { EVENT } from "../../../../constant";
 import { ServiceProvider } from "../../../../foundation/service";
 import { ApplePaySdk, handleGooglePay, isSkipRenderPaymentMethod } from "../../../../plugin/component/channel";
-import { generateIframeSrc as _generateIframeSrc } from "../util";
-import { oneAccount, sdkAction } from "../mock";
 import { LogConfig, Logger } from "../../../../util/logger";
-var logger = new Logger(LogConfig, true);
+import { parseSessionData } from "../../index";
+import { oneAccount, sdkAction } from "../mock";
+import { generateIframeSrc as _generateIframeSrc } from "../util";
 import BaseElementProcessor from "./baseElementProcessor";
+var logger = new Logger(LogConfig, true);
 var PaymentProcessor = /*#__PURE__*/function (_BaseElementProcessor) {
   _inherits(PaymentProcessor, _BaseElementProcessor);
   var _super = _createSuper(PaymentProcessor);
@@ -51,6 +51,7 @@ var PaymentProcessor = /*#__PURE__*/function (_BaseElementProcessor) {
   _createClass(PaymentProcessor, [{
     key: "onReady",
     value: function onReady(extraParam) {
+      var _this$elementContaine, _this$elementContaine2, _this$elementContaine3, _this$elementContaine4, _this$elementContaine5;
       var paymentContext = this.elementContainer.getPaymentContext();
       this.eventCenter.dispatchToApp({
         event: 'renderComponent',
@@ -62,6 +63,13 @@ var PaymentProcessor = /*#__PURE__*/function (_BaseElementProcessor) {
             screenHeight: screen.height,
             screenWidth: screen.width
           },
+          logMetaData: {
+            paymentMethodCategoryType: (_this$elementContaine = this.elementContainer) === null || _this$elementContaine === void 0 ? void 0 : _this$elementContaine.getPaymentContext().paymentSessionObj.paymentSessionConfig.paymentMethodCategoryType,
+            productSceneVersion: (_this$elementContaine2 = this.elementContainer) === null || _this$elementContaine2 === void 0 ? void 0 : _this$elementContaine2.getPaymentContext().paymentSessionObj.paymentSessionConfig.productSceneVersion,
+            trackId: (_this$elementContaine3 = this.elementContainer) === null || _this$elementContaine3 === void 0 ? void 0 : _this$elementContaine3.getPaymentContext().paymentSessionId,
+            merchantId: (_this$elementContaine4 = this.elementContainer) === null || _this$elementContaine4 === void 0 || (_this$elementContaine4 = _this$elementContaine4.getPaymentContext()) === null || _this$elementContaine4 === void 0 || (_this$elementContaine4 = _this$elementContaine4.paymentSessionObj) === null || _this$elementContaine4 === void 0 ? void 0 : _this$elementContaine4.clientId,
+            paymentMethodType: (_this$elementContaine5 = this.elementContainer) === null || _this$elementContaine5 === void 0 || (_this$elementContaine5 = _this$elementContaine5.getPaymentContext()) === null || _this$elementContaine5 === void 0 || (_this$elementContaine5 = _this$elementContaine5.paymentSessionObj) === null || _this$elementContaine5 === void 0 || (_this$elementContaine5 = _this$elementContaine5.paymentMethodInfoView) === null || _this$elementContaine5 === void 0 ? void 0 : _this$elementContaine5.paymentMethodType
+          },
           appearance: paymentContext === null || paymentContext === void 0 ? void 0 : paymentContext.displayInfo.appearance,
           sessionResult: paymentContext === null || paymentContext === void 0 ? void 0 : paymentContext.paymentSessionObj,
           notRedirectAfterComplete: (extraParam === null || extraParam === void 0 ? void 0 : extraParam.notRedirectAfterComplete) === true,
@@ -132,12 +140,12 @@ var PaymentProcessor = /*#__PURE__*/function (_BaseElementProcessor) {
     key: "initApplePaySdk",
     value: function () {
       var _initApplePaySdk = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-        var _this$elementContaine2;
-        var _this$elementContaine, paymentSessionObj, paymentSessionId;
+        var _this$elementContaine7;
+        var _this$elementContaine6, paymentSessionObj, paymentSessionId;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              _this$elementContaine = (_this$elementContaine2 = this.elementContainer) === null || _this$elementContaine2 === void 0 ? void 0 : _this$elementContaine2.getPaymentContext(), paymentSessionObj = _this$elementContaine.paymentSessionObj, paymentSessionId = _this$elementContaine.paymentSessionId;
+              _this$elementContaine6 = (_this$elementContaine7 = this.elementContainer) === null || _this$elementContaine7 === void 0 ? void 0 : _this$elementContaine7.getPaymentContext(), paymentSessionObj = _this$elementContaine6.paymentSessionObj, paymentSessionId = _this$elementContaine6.paymentSessionId;
               if (!isSkipRenderPaymentMethod(paymentSessionObj)) {
                 _context.next = 13;
                 break;
@@ -230,12 +238,13 @@ var PaymentProcessor = /*#__PURE__*/function (_BaseElementProcessor) {
     value: function () {
       var _obtainData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
         var _paymentSessionObj$co;
-        var requestService, _this$elementContaine3, paymentSession, paymentSessionObj, _this$options2, environment, locale, _ref4, paymentSessionConfig, hostSign, isConnect, LOCAL_MOCK, generateActionQueryPromise, generateOneAccountQueryPromise, _yield$Promise$all, _yield$Promise$all2, originActionQueryResult, originOneAccountQueryResult;
+        var requestService, _this$elementContaine8, paymentSession, paymentSessionObj, displayInfo, merchantAppointParam, _this$options2, environment, locale, _ref4, paymentSessionConfig, hostSign, isConnect, LOCAL_MOCK, generateActionQueryPromise, generateOneAccountQueryPromise, _yield$Promise$all, _yield$Promise$all2, originActionQueryResult, originOneAccountQueryResult;
         return _regeneratorRuntime().wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
               requestService = ServiceProvider.getInstance(this.instanceId).getService('Requester');
-              _this$elementContaine3 = this.elementContainer.getPaymentContext(), paymentSession = _this$elementContaine3.paymentSession, paymentSessionObj = _this$elementContaine3.paymentSessionObj;
+              _this$elementContaine8 = this.elementContainer.getPaymentContext(), paymentSession = _this$elementContaine8.paymentSession, paymentSessionObj = _this$elementContaine8.paymentSessionObj, displayInfo = _this$elementContaine8.displayInfo;
+              merchantAppointParam = displayInfo.merchantAppointParam;
               _this$options2 = this.options, environment = _this$options2.env.environment, locale = _this$options2.locale;
               _ref4 = paymentSessionObj || {}, paymentSessionConfig = _ref4.paymentSessionConfig;
               hostSign = paymentSession.split('&&')[1] || '';
@@ -243,17 +252,24 @@ var PaymentProcessor = /*#__PURE__*/function (_BaseElementProcessor) {
               LOCAL_MOCK = window.location.href.indexOf('LOCAL_MOCK=1') !== -1;
               generateActionQueryPromise = function generateActionQueryPromise() {
                 return new Promise(function (resolve, reject) {
+                  var _displayInfo$merchant;
                   if (LOCAL_MOCK) {
                     setTimeout(function () {
-                      resolve(oneAccount);
                       resolve(sdkAction);
                     }, 100);
                     return;
                   }
-                  requestService.request({
+                  var sdkRequestData = {
                     paymentSessionConfig: paymentSessionConfig,
                     paymentSessionData: paymentSession
-                  }, {
+                  };
+                  if (displayInfo !== null && displayInfo !== void 0 && (_displayInfo$merchant = displayInfo.merchantAppointParam) !== null && _displayInfo$merchant !== void 0 && _displayInfo$merchant.storedCard) {
+                    sdkRequestData.merchantAppointParam = displayInfo.merchantAppointParam;
+                  }
+                  if (Object.prototype.hasOwnProperty.call(displayInfo, 'notRedirectAfterComplete')) {
+                    sdkRequestData.notRedirectAfterComplete = displayInfo.notRedirectAfterComplete;
+                  }
+                  requestService.request(sdkRequestData, {
                     env: environment,
                     envInfo: {
                       locale: locale
@@ -298,9 +314,9 @@ var PaymentProcessor = /*#__PURE__*/function (_BaseElementProcessor) {
                   });
                 });
               };
-              _context2.next = 11;
+              _context2.next = 12;
               return Promise.all(isConnect ? [generateActionQueryPromise(), generateOneAccountQueryPromise()] : [generateActionQueryPromise()]);
-            case 11:
+            case 12:
               _yield$Promise$all = _context2.sent;
               _yield$Promise$all2 = _slicedToArray(_yield$Promise$all, 2);
               originActionQueryResult = _yield$Promise$all2[0];
@@ -313,7 +329,7 @@ var PaymentProcessor = /*#__PURE__*/function (_BaseElementProcessor) {
                 originActionQueryResult: originActionQueryResult,
                 originOneAccountQueryResult: originOneAccountQueryResult
               });
-            case 17:
+            case 18:
             case "end":
               return _context2.stop();
           }

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

@@ -375,4 +375,17 @@ export interface IElementProcessors {
     [ElementType.address]: AddressProcessor;
     [ElementType.payment]: PaymentProcessor;
 }
+export interface IToastOptions {
+    position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'center';
+    backgroundColor?: string;
+    color?: string;
+    padding?: string;
+    borderRadius?: string;
+    fontSize?: string;
+    zIndex?: number;
+    width?: string;
+    duration?: number;
+    icon?: 'SUCCESS' | 'FAIL';
+    spin?: boolean;
+}
 export {};

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

@@ -1,7 +1,7 @@
 import { IElementStatus } from '../../../foundation';
 import { Ianalytics, IPaymentSessionMetaData } from '../../../types';
 import { ContainerController } from './elementContainerService/containerService';
-import { ELEMENT_ENVIRONMENT_TYPE, IElementOptions } from './type';
+import { ELEMENT_ENVIRONMENT_TYPE, IElementOptions, IToastOptions } from './type';
 declare const formatElementOption: (options: IElementOptions) => {
     environment: ELEMENT_ENVIRONMENT_TYPE;
     locale?: string;
@@ -56,4 +56,5 @@ export declare function redirect(data: {
     applinkUrl?: string;
     callAppJudgeTime?: number;
 }): Promise<void>;
+export declare function showToast(options?: IToastOptions, callback?: Function): void;
 export { formatElementOption };

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

@@ -324,4 +324,128 @@ export function redirect(data) {
     }
   });
 }
+export function showToast() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var callback = arguments.length > 1 ? arguments[1] : undefined;
+  var createNode = function createNode() {
+    var tag = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'div';
+    var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    var children = arguments.length > 2 ? arguments[2] : undefined;
+    var node = document.createElement(tag);
+    Object.keys(props).forEach(function (key) {
+      if (key === 'style') {
+        Object.keys(props[key]).forEach(function (styleKey) {
+          node.style[styleKey] = props[key][styleKey];
+        });
+      } else {
+        node.setAttribute(key, props[key]);
+      }
+    });
+    if (typeof children === 'string') node.textContent = children;
+    return node;
+  };
+  var defaultOptions = {
+    position: 'bottom-right',
+    backgroundColor: 'rgba(0, 0, 0, 0.80)',
+    color: '#ffffff',
+    padding: '20px 16px',
+    borderRadius: '8px',
+    fontSize: '14px',
+    zIndex: 9999,
+    width: '148px',
+    duration: 2000
+  };
+  var defaultIcon = {
+    SUCCESS: 'https://cdn.marmot-cloud.com/storage/2024/07/10/10b191d6-0b0a-4bd9-96cc-310b7f2a8530.svg',
+    FAIL: 'https://cdn.marmot-cloud.com/storage/2024/11/08/4ae27343-61d2-4a07-b323-c951c7711b40.svg'
+  };
+  var config = _objectSpread(_objectSpread({}, defaultOptions), options);
+  var container = document.getElementById('antom_toast-container');
+  if (!container) {
+    container = createNode('div', {
+      style: {
+        position: 'fixed',
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        pointerEvents: 'none'
+      },
+      id: 'antom_toast-container'
+    });
+    document.body.appendChild(container);
+  } else {
+    container.innerHTML = '';
+  }
+  switch (config.position) {
+    case 'top-left':
+      container.style.top = '20px';
+      container.style.left = '20px';
+      break;
+    case 'top-right':
+      container.style.top = '20px';
+      container.style.right = '20px';
+      break;
+    case 'bottom-left':
+      container.style.bottom = '20px';
+      container.style.left = '20px';
+      break;
+    case 'bottom-right':
+    default:
+      container.style.bottom = '0';
+      container.style.right = '0';
+      container.style.top = '0';
+      container.style.left = '0';
+      break;
+  }
+  var toast = createNode('div', {
+    style: {
+      backgroundColor: config.backgroundColor,
+      color: config.color,
+      padding: config.padding,
+      borderRadius: config.borderRadius,
+      fontSize: config.fontSize,
+      opacity: '0',
+      transition: 'opacity 0.3s ease-in-out',
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      flexDirection: 'column',
+      width: config.width,
+      boxSizing: 'border-box'
+    }
+  });
+  if (config.icon) {
+    var icon = createNode('img', {
+      style: {
+        width: '40px',
+        height: '40px'
+      },
+      src: config.icon ? defaultIcon[config.icon] : ''
+    });
+    toast.appendChild(icon);
+  }
+  var text = createNode('span', {
+    style: {
+      textAlign: 'center',
+      marginTop: '12px',
+      lineHeight: '20px',
+      fontFamily: "Noto Sans",
+      fontWeight: 400,
+      fontSize: '14px'
+    }
+  }, config.message);
+  toast.appendChild(text);
+  container.appendChild(toast);
+  setTimeout(function () {
+    toast.style.opacity = '1';
+  }, 10);
+  setTimeout(function () {
+    toast.style.opacity = '0';
+    setTimeout(function () {
+      var _container;
+      (_container = container) === null || _container === void 0 || _container.remove();
+      callback && callback();
+    }, 300);
+  }, config.duration);
+}
 export { formatElementOption };

package/esm/foundation/core/index.js

@@ -406,7 +406,8 @@ export var AntomSDKCore = /*#__PURE__*/function () {
       var immediately = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
       var containerService = ServiceProvider.getInstance(this.instanceId).getService('Container');
       var cleanElement = function cleanElement() {
-        containerService.cleanContainer(_this3.paymentContext.displayInfo);
+        var _this3$paymentContext;
+        containerService.cleanContainer((_this3$paymentContext = _this3.paymentContext) === null || _this3$paymentContext === void 0 ? void 0 : _this3$paymentContext.displayInfo);
         cleanMockup();
         removeRetentionPopup();
         // TODO @/component this.removeEventListener();

package/esm/foundation/index.d.ts

@@ -28,6 +28,13 @@ export declare class DisplayInfo {
     selector: string;
     appearance?: Record<string, any>;
     appendAliasContainerId?: boolean;
+    merchantAppointParam?: {
+        storedCard: {
+            needCVV: boolean;
+        };
+    };
+    iframeStyle?: Partial<CSSStyleDeclaration>;
+    notRedirectAfterComplete?: boolean;
     constructor();
 }
 /**

package/esm/foundation/index.js

@@ -26,6 +26,9 @@ export var DisplayInfo = /*#__PURE__*/_createClass(function DisplayInfo() {
   _defineProperty(this, "appearance", void 0);
   // append selector name to containerId
   _defineProperty(this, "appendAliasContainerId", void 0);
+  _defineProperty(this, "merchantAppointParam", void 0);
+  _defineProperty(this, "iframeStyle", void 0);
+  _defineProperty(this, "notRedirectAfterComplete", void 0);
   this.platform = isPC() ? PlatformEnum.desktop : PlatformEnum.mobile;
   this.isRetention = true;
   this.type = DisplayTypeEnum.popup;

package/esm/foundation/service/container/index.js

@@ -7,6 +7,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 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 { isEmpty } from "../../../util";
 import { addInlineLoading, createInlineBaseElement } from "../../../component/component.inline.style";
 import { addPopupLoading, createBaseElement } from "../../../component/component.popup.style";
 import { insertStyleSheet } from "../../../component/popupWindow.style";
@@ -64,6 +65,12 @@ export var ContainerService = /*#__PURE__*/function () {
         type = displayInfo.type,
         platform = displayInfo.platform;
       var webApp = createIframe('antom-sdk-web-app' + (displayInfo.appendAliasContainerId ? "-".concat(selector) : ''));
+      if (!isEmpty(displayInfo === null || displayInfo === void 0 ? void 0 : displayInfo.iframeStyle)) {
+        Object.keys(displayInfo === null || displayInfo === void 0 ? void 0 : displayInfo.iframeStyle).forEach(function (key) {
+          var _displayInfo$iframeSt;
+          webApp.style[key] = displayInfo === null || displayInfo === void 0 || (_displayInfo$iframeSt = displayInfo.iframeStyle) === null || _displayInfo$iframeSt === void 0 ? void 0 : _displayInfo$iframeSt[key];
+        });
+      }
       this.webApp = webApp;
       this.displayInfo = displayInfo;
       webApp.src = url;
@@ -83,7 +90,7 @@ export var ContainerService = /*#__PURE__*/function () {
     value: function cleanContainer(displayInfo) {
       var _document$getElementB;
       // selector and container
-      var selector = displayInfo.type === DisplayTypeEnum.inline ? displayInfo.selector : COMPONENT_CONTAINER_ID;
+      var selector = (displayInfo === null || displayInfo === void 0 ? void 0 : displayInfo.type) === DisplayTypeEnum.inline ? displayInfo.selector : COMPONENT_CONTAINER_ID;
       var selectorDom = document.querySelector(selector);
       if (selectorDom) {
         selectorDom.innerHTML = '';
@@ -94,7 +101,7 @@ export var ContainerService = /*#__PURE__*/function () {
       this.eventCenter.cleanIFrames();
 
       // animation
-      (_document$getElementB = document.getElementById("".concat(COMPONENT_CONTAINER_ID, "-").concat(displayInfo.platform, "-animation-style"))) === null || _document$getElementB === void 0 || _document$getElementB.remove();
+      (_document$getElementB = document.getElementById("".concat(COMPONENT_CONTAINER_ID, "-").concat(displayInfo === null || displayInfo === void 0 ? void 0 : displayInfo.platform, "-animation-style"))) === null || _document$getElementB === void 0 || _document$getElementB.remove();
     }
   }, {
     key: "showLoading",

package/package.json

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