@alipay/ams-checkout 0.0.1779094014-dev.11 → 0.0.1779094014-dev.13

package/esm/component/popupWindow.style.js

@@ -1,4 +1,4 @@
-import { AMSPOPUP_PREFIX, ANIMATION_TIME, MOCKUP_ID, POPUPLOADING_ID } from "../constant";
+import { AMSPOPUP_PREFIX, ANIMATION_TIME, DEFAULT_IFRAME_COLOR_SCHEME, 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");
@@ -111,6 +111,7 @@ export var createModal = function createModal(_ref2) {
       iframe.style.border = 'none';
       iframe.style.width = '100%';
       iframe.style.height = '100%';
+      iframe.style.colorScheme = DEFAULT_IFRAME_COLOR_SCHEME;
       if (styleConfig) {
         modal.style.backgroundColor = styleConfig.backgroundColor;
         iframe.style.backgroundColor = styleConfig.backgroundColor;

package/esm/config/index.js

@@ -30,7 +30,7 @@ export var v2AppMarmotMap = {
   light_sandbox: 'https://checkout.antom.com',
   prod: 'https://checkout.antom.com'
 };
-export var sdkVersion = "0.0.1779094014-dev.11";
+export var sdkVersion = "0.0.1779094014-dev.13";
 
 /**
  * @description: 目前应用层分为v1和v2，会存在两个应用版本号不是同步发布的情况。所以需要把默认的应用版本号配置抽离出来。

package/esm/constant/index.d.ts

@@ -310,6 +310,7 @@ export declare const LISTENER_PREFIX = "_ams_sdk_component_listener";
 export declare const INLINE_BASE_STYLE_ID = "ams-inline-component-style";
 export declare const INLINE_IMG_CLASSNAME = "inline-loading";
 export declare const AMSPOPUP_PREFIX = "ams-popup";
+export declare const DEFAULT_IFRAME_COLOR_SCHEME = "light dark";
 export declare const LOADTIME_LIMIT = 15000;
 export declare const POPUP_LOADTIME_LOG_LIMIT = 3000;
 export declare const ANIMATION_TIME = 300;

package/esm/constant/index.js

@@ -318,6 +318,7 @@ export var LISTENER_PREFIX = '_ams_sdk_component_listener';
 export var INLINE_BASE_STYLE_ID = 'ams-inline-component-style';
 export var INLINE_IMG_CLASSNAME = 'inline-loading';
 export var AMSPOPUP_PREFIX = 'ams-popup';
+export var DEFAULT_IFRAME_COLOR_SCHEME = 'light dark';
 export var LOADTIME_LIMIT = 15000;
 export var POPUP_LOADTIME_LOG_LIMIT = 3000;
 export var ANIMATION_TIME = 300;

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

@@ -5,7 +5,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 { EVENT } from "../../../../constant";
+import { EVENT, DEFAULT_IFRAME_COLOR_SCHEME } from "../../../../constant";
 import { ServiceProvider } from "./../../../../foundation/service";
 import { isElementPC, isElementPad } from "../util";
 import { DisplayTypeEnum, PlatformEnum, ProductSceneEnum } from "./../../../../types";
@@ -49,7 +49,8 @@ export var ContainerController = /*#__PURE__*/function () {
       selector: selector,
       appendAliasContainerId: true,
       iframeStyle: {
-        display: 'block'
+        display: 'block',
+        colorScheme: DEFAULT_IFRAME_COLOR_SCHEME
       }
     }, processor.generateIframeSrc({
       link: iframesSrcLink,

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

@@ -10,7 +10,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 { getMetaData } from "../../../modern/tools";
+import { isElements2 } from "../../../modern/tools";
 import ElementController from "./elementController";
 import { ModernElementController } from "./modernElementController";
 import { InvalidElementConfigError } from "./type";
@@ -27,9 +27,7 @@ export var ElementComponent = /*#__PURE__*/function () {
     this.options = formatElementOption(options);
 
     // 核心分流逻辑
-    var parseData = getMetaData(options.sessionData);
-    if (parseData !== null && parseData !== void 0 && parseData.modernWeb) {
-      console.log('新payment');
+    if (isElements2(options.sessionData)) {
       this.controller = new ModernElementController(this.options);
     } else {
       this.controller = new ElementController(this.options);

package/esm/core/component/element/modernElementController/adapter.d.ts

@@ -1,7 +1,8 @@
-import type { IPaymentApiResponse } from '../type';
+import type { IMerchantAppointParam } from "../../../../types";
+import type { IPaymentApiResponse, PaymentMountOptions } from '../type';
 import { EventCallbackCode } from '../type';
-import type { SubmitResult, ErrorPayload } from "../../../../modern/tools";
-export declare function adaptSubmitResult(result: SubmitResult): IPaymentApiResponse;
+import type { PaymentSubmitResult, ErrorPayload } from "../../../../modern/tools";
+export declare function adaptSubmitResult(result: PaymentSubmitResult): IPaymentApiResponse;
 export declare function adaptErrorToEventCallback(error: ErrorPayload): {
     code: EventCallbackCode;
     message: string;
@@ -15,4 +16,4 @@ export declare function adaptErrorToEventCallback(error: ErrorPayload): {
  * 3. card.showBrandIcon → displaySetting.showCardBrandIcon
  * 4. layout: 直接透传
  */
-export declare function adaptAppearance(appearance?: any): any;
+export declare function adaptAppearance(appearance?: PaymentMountOptions['appearance'], merchantAppointParam?: IMerchantAppointParam): any;

package/esm/core/component/element/modernElementController/adapter.js

@@ -8,11 +8,18 @@ import { EventCallbackCode } from "../type";
 export function adaptSubmitResult(result) {
   return {
     status: result.status || 'FAIL',
-    error: result.status === 'FAIL' || result.code ? {
-      code: result.code || 'UNKNOWN_ERROR',
-      message: result.message || ''
+    error: result.error ? {
+      code: result.error.code,
+      message: result.error.message
     } : undefined,
-    userCanceled3D: result.userCanceled3D
+    userCanceled3D: result.userCanceled3D,
+    session: result.paymentSession ? {
+      nextAction: {
+        applinkUrl: result.paymentSession.returnAppUrl,
+        normalUrl: result.paymentSession.returnUrl,
+        schemeUrl: result.paymentSession.returnAppScheme
+      }
+    } : undefined
   };
 }
 export function adaptErrorToEventCallback(error) {
@@ -22,16 +29,6 @@ export function adaptErrorToEventCallback(error) {
   };
 }
 
-/**
- * 老架构 theme (kebab-case) → 新架构 theme (camelCase) 映射表
- */
-var THEME_MAP = {
-  'nostalgic-gray': 'nostalgicGray',
-  'cherry-blossom-pink': 'cherryBlossomPink',
-  'gaming-purple': 'gamingPurple',
-  'agate-green': 'agateGreen'
-};
-
 /**
  * 将老架构的 appearance 格式转换为新架构格式
  *
@@ -41,14 +38,14 @@ var THEME_MAP = {
  * 3. card.showBrandIcon → displaySetting.showCardBrandIcon
  * 4. layout: 直接透传
  */
-export function adaptAppearance(appearance) {
-  var _appearance$card;
+export function adaptAppearance(appearance, merchantAppointParam) {
+  var _appearance$card, _merchantAppointParam, _appearance$accordion, _appearance$card2;
   if (!appearance) return undefined;
   var result = {};
 
   // Theme mapping: kebab-case → camelCase
   if (appearance.theme) {
-    result.theme = THEME_MAP[appearance.theme] || appearance.theme;
+    result.theme = appearance.theme;
   }
 
   // Variables: 直接透传
@@ -58,9 +55,15 @@ export function adaptAppearance(appearance) {
       result.variables = filtered;
     }
   }
+  result.displaySetting = {
+    showCardBrandIcon: !!((_appearance$card = appearance.card) !== null && _appearance$card !== void 0 && _appearance$card.showBrandIcon),
+    showCardCVV: !!(merchantAppointParam !== null && merchantAppointParam !== void 0 && (_merchantAppointParam = merchantAppointParam.storedCard) !== null && _merchantAppointParam !== void 0 && _merchantAppointParam.needCVV),
+    showPaymentMethodListWhenSingleOption: (merchantAppointParam === null || merchantAppointParam === void 0 ? void 0 : merchantAppointParam.singleOption) === 'list',
+    showRadioWhenAccordionLayout: !!((_appearance$accordion = appearance.accordion) !== null && _appearance$accordion !== void 0 && _appearance$accordion.showRadio)
+  };
 
   // card.showBrandIcon → displaySetting.showCardBrandIcon
-  if (((_appearance$card = appearance.card) === null || _appearance$card === void 0 ? void 0 : _appearance$card.showBrandIcon) !== undefined) {
+  if (((_appearance$card2 = appearance.card) === null || _appearance$card2 === void 0 ? void 0 : _appearance$card2.showBrandIcon) !== undefined) {
     result.displaySetting = {
       showCardBrandIcon: appearance.card.showBrandIcon
     };
@@ -68,7 +71,8 @@ export function adaptAppearance(appearance) {
 
   // Layout: 直接透传
   if (appearance.layout) {
-    result.layout = _objectSpread({}, appearance.layout);
+    var _appearance$layout$ty;
+    result.layout = ((_appearance$layout$ty = appearance.layout.type) === null || _appearance$layout$ty === void 0 ? void 0 : _appearance$layout$ty.toLowerCase()) || 'accordion';
   }
   return Object.keys(result).length > 0 ? result : undefined;
 }

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

@@ -1,4 +1,5 @@
-import { IElementController, IElementOptions, ICommonApiResponse, IPaymentApiResponse, PaymentMountOptions, SubmitFuncParams, EVENTNAME, EventDataMap } from '../type';
+import type { IElementController, IElementOptions, ICommonApiResponse, IPaymentApiResponse, PaymentMountOptions, SubmitFuncParams, EventDataMap } from '../type';
+import { EVENTNAME } from '../type';
 /**
  * ModernElementController 使用 opensdk-core 的 HostBridge 实现新架构通信。
  *

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

@@ -228,7 +228,7 @@ export var ModernElementController = /*#__PURE__*/function () {
               request.setGlobalOptions({
                 hostSign: parseHostSign(sessionData),
                 env: this.options.environment,
-                sdkVersion: "0.0.1779094014-dev.11" || ''
+                sdkVersion: "0.0.1779094014-dev.13" || ''
               });
               isConnect = !!(parseData !== null && parseData !== void 0 && (_parseData$connectFac = parseData.connectFactor) !== null && _parseData$connectFac !== void 0 && _parseData$connectFac.enableConnect);
               paymentSessionConfig = parseData === null || parseData === void 0 ? void 0 : parseData.paymentSessionConfig;
@@ -291,9 +291,7 @@ export var ModernElementController = /*#__PURE__*/function () {
                 // 更新字段，对应老的doMain
                 merchantDomain: window.location.hostname,
                 // 更新字段，对应老的appearance，结构按新的来
-                appearance: adaptAppearance((renderOptions === null || renderOptions === void 0 ? void 0 : renderOptions.appearance) || this.options.appearance),
-                // 原老字段,
-                merchantAppointParam: renderOptions.merchantAppointParam,
+                appearance: adaptAppearance((renderOptions === null || renderOptions === void 0 ? void 0 : renderOptions.appearance) || this.options.appearance, renderOptions.merchantAppointParam),
                 // 原老字段
                 logMetaData: {
                   paymentMethodCategoryType: paymentSessionConfig === null || paymentSessionConfig === void 0 ? void 0 : paymentSessionConfig.paymentMethodCategoryType,
@@ -307,16 +305,14 @@ export var ModernElementController = /*#__PURE__*/function () {
                 // 新sdk字段
                 locale: locale,
                 // 新sdk字段
-                paymentSessionConfig: parseData === null || parseData === void 0 ? void 0 : parseData.paymentSessionConfig,
-                // 新sdk字段
-                sdkVersion: "0.0.1779094014-dev.11" || '',
+                sdkVersion: "0.0.1779094014-dev.13" || '',
                 // 新sdk字段
                 merchantId: (sdkQueryResult === null || sdkQueryResult === void 0 || (_sdkQueryResult$data = sdkQueryResult.data) === null || _sdkQueryResult$data === void 0 ? void 0 : _sdkQueryResult$data.merchantId) || '',
                 // 新sdk字段
-                env: this.options.environment || 'prod',
+                env: this.options.environment === 'sandbox' ? 'sandbox' : 'prod',
                 // 新sdk字段，开发环境调试使用
                 _requestConfig: _objectSpread({
-                  env: this.options.environment || 'prod'
+                  env: this.options.environment === 'sandbox' ? 'sandbox' : 'prod'
                 }, getDevReqConfig())
               });
             case 18:

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

@@ -1,4 +1,4 @@
-import { COMPONENT_CONTAINER_ID } from "../../../constant";
+import { COMPONENT_CONTAINER_ID, DEFAULT_IFRAME_COLOR_SCHEME } from "../../../constant";
 
 /**
  * @author 谦彧 <zhangmian.zm@alipay.com>
@@ -14,6 +14,7 @@ export var createPreloadIframe = function createPreloadIframe(containerId) {
   iframe.style.border = none;
   iframe.style.opacity = '0';
   iframe.style.overflow = 'hidden';
+  iframe.style.colorScheme = DEFAULT_IFRAME_COLOR_SCHEME;
   return iframe;
 };
 export var createIframe = function createIframe(containerId) {
@@ -27,6 +28,7 @@ export var createIframe = function createIframe(containerId) {
   iframe.style.border = none;
   iframe.style.opacity = none;
   iframe.style.overflow = 'hidden';
+  iframe.style.colorScheme = DEFAULT_IFRAME_COLOR_SCHEME;
   return iframe;
 };
 export var startSizeChangeAnim = function startSizeChangeAnim(target, height, animationStyleId) {

package/esm/modern/global.d.ts

@@ -0,0 +1,3 @@
+interface Window {
+  changingPageHeight?: number;
+}

package/esm/modern/tools.d.ts

@@ -4,11 +4,12 @@
 export { buildPageUrl } from './sdk/tools/buildPageUrl';
 export { getDevReqConfig } from './sdk/tools/getDevReqConfig';
 export { getLocaleFromRenderData } from './sdk/tools/getLocaleFromRenderData';
-export { getMetaData } from './sdk/tools/getMetaData';
+export { getMetaData, isElements2 } from './sdk/tools/getMetaData';
 export { openModal } from './sdk/tools/openModal';
 export { AntomSDKError } from './sdk/types';
 export { sdkQuery, oneAccountQuery } from './sdk/oneapi/iexpfront/PaymentSessionService';
-export type { AntomBridgeEventMap, SubmitResult } from './sdk/types';
+export type { AntomBridgeEventMap, SubmitResult, AntomTheme, AntomLayouts, AntomVariables } from './sdk/types';
+export type { PaymentSubmitResult, PaymentAppearance, PaymentAppConfig } from './sdk/elements/PaymentElement';
 export type { ErrorPayload, BaseBridgeEventMap, BridgeMode } from '@antintl/opensdk-core';
 export { MessageType } from '@antintl/opensdk-core';
 export { debugError, debug } from '@antintl/opensdk-core';