@alipay/ams-checkout 2.0.8 → 2.0.10

package/esm/types/index.d.ts

@@ -5,6 +5,7 @@
  * 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.
  */
+import type { AxiosHeaderValue } from 'axios';
 import { IApplePayContactField } from '../plugin/applepay/interface';
 export type onChange = () => onCnageResult;
 export { type IElementOptions, ElementType, PaymentElementLayout, ThemeType } from '../core/component/element/type';
@@ -83,6 +84,7 @@ export declare enum ComponentSignEnum {
     'AUTO_DEBIT_APM' = "AUTO_DEBIT_APM"
 }
 export declare enum ProductSceneEnum {
+    'VAULTING_ELEMENT' = "VAULTING_ELEMENT",
     'EASY_PAY' = "EASY_PAY",
     'CASHIER_PAYMENT' = "CASHIER_PAYMENT",
     'AUTO_DEBIT' = "AUTO_DEBIT",
@@ -197,6 +199,7 @@ export declare enum payPalConfigurationIntentEnum {
 }
 export interface IMerchantAppointParam {
     storedCard?: IStoredCard;
+    singleOption?: 'skip' | 'list';
 }
 export interface IStoredCard {
     needCVV?: boolean;
@@ -527,13 +530,11 @@ export interface RequestConfig {
     env?: string;
     baseURL?: string;
     timeout?: number;
-    headers?: any;
+    headers?: Record<string, AxiosHeaderValue>;
     withCredentials?: boolean;
     method?: string;
     workspaceId?: string;
     'Operation-Type'?: string;
-    beforerRequest?: () => void;
-    afterRequest?: () => void;
     needEnvInfo?: boolean;
     hostSign?: string;
     appId?: string;

package/esm/types/index.js

@@ -41,6 +41,7 @@ export var ComponentSignEnum = /*#__PURE__*/function (ComponentSignEnum) {
   return ComponentSignEnum;
 }({});
 export var ProductSceneEnum = /*#__PURE__*/function (ProductSceneEnum) {
+  ProductSceneEnum["VAULTING_ELEMENT"] = "VAULTING_ELEMENT";
   ProductSceneEnum["EASY_PAY"] = "EASY_PAY";
   ProductSceneEnum["CASHIER_PAYMENT"] = "CASHIER_PAYMENT";
   ProductSceneEnum["AUTO_DEBIT"] = "AUTO_DEBIT";

package/esm/util/index.d.ts

@@ -30,7 +30,7 @@ declare const device: {
 };
 declare const safeJson: (data: any, obj: any) => any;
 declare const isPC: () => boolean;
-declare const queryParse: (url?: string) => Record<string, any>;
+declare const queryParse: <T extends Record<string, any> = Record<string, any>>(url?: string) => Partial<T>;
 declare const getDesignFontSize: () => number;
 declare const amsSetSize: (event?: any, dom?: any) => void;
 declare const addSetFontSizeEvent: () => void;

package/esm/util/logger.js

@@ -287,7 +287,7 @@ export var Logger = /*#__PURE__*/function () {
 }();
 _defineProperty(Logger, "instance", void 0);
 export var LogConfig = {
-  scriptUrl: 'https://gw.alipayobjects.com/render/p/yuyan_npm/@alipay_intl-tracker/1.6.0/dist/common.min.js',
+  scriptUrl: 'https://gw-intl.alipayobjects.com/render/p/yuyan_npm/@alipay_intl-tracker/1.6.0/dist/common.min.js',
   spmConfig: {},
   batchCount: 1,
   appId: 'antom_sdk',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alipay/ams-checkout",
-  "version": "2.0.8",
+  "version": "2.0.10",
   "description": "",
   "author": "",
   "main": "esm/index.js",
@@ -9,20 +9,55 @@
   "files": [
     "dist",
     "esm",
+    "antom.d.ts",
+    "types.d.ts",
+    "types.untrimmed.d.ts",
     "ams-checkout.js",
+    "react-js.cjs",
+    "react-js.js",
+    "react-js.d.ts",
     "LEGAL.md",
     "LICENSE",
     "README.md"
   ],
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "types": "./esm/index.d.ts",
+      "require": "./ams-checkout.js"
+    },
+    "./types": "./types.d.ts",
+    "./antom": "./antom.d.ts",
+    "./react-js": {
+      "import": "./react-js.js",
+      "types": "./react-js.d.ts",
+      "require": "./react-js.cjs"
+    },
+    "./interface": "./types.untrimmed.d.ts"
+  },
   "scripts": {
-    "build": "father build",
+    "build": "opensdk update && npm run build:father:pre && npm run extract && npm run build:father && npm run build:father:umd && npm run build:react",
+    "build:local": "opensdk update && npm run build:father:pre && npm run extract && npm run build:father:local && npm run build:father:umd:local && npm run build:react",
     "build:analyze": "ANALYZE=1 father build",
+    "build:father": "FATHER_TSCONFIG_NAME=tsconfig.build.json father build",
+    "build:father:local": "STAGE_NAME=LOCAL FATHER_TSCONFIG_NAME=tsconfig.build.json father build",
+    "build:father:pre": "FATHER_BUILD_TYPE=prebuild father build",
+    "build:father:umd": "FATHER_BUILD_TYPE=only-umd father build",
+    "build:father:umd:local": "STAGE_NAME=LOCAL FATHER_BUILD_TYPE=only-umd father build",
+    "build:react": "tsc --project tsconfig.cjs.json && mv react-js.js react-js.cjs && tsc --project tsconfig.esm.json",
     "build:type": "dts-bundle-generator -o ./types/antom-web-sdk.d.ts ./src/index.ts --no-banner --silent --no-check",
-    "build:w": "father dev",
+    "build:w": "FATHER_BUILD_TYPE=only-umd  STAGE_NAME=LOCAL father dev",
     "ci": "tnpm run cov",
     "cov": "jest --coverage --silent",
     "dev": "father dev",
+    "extract": "opensdk extract -p esm/modern/sdk",
+    "e2e": "nyc playwright test",
+    "e2e:ui": "playwright test --ui",
+    "e2e:create": "e2e create -b new_mock_wrap",
+    "e2e:create_new_mock_wrap": "BAKERY_PROJECT=new_mock_wrap e2e create -b new_mock_wrap",
+    "e2e:create_e2e_mock_wrap": "BAKERY_PROJECT=e2e_mock_wrap e2e create -b e2e_mock_wrap",
     "format": "prettier --write --no-error-on-unmatched-pattern \"**/*.{js,jsx,ts,tsx,md,json,css,less}\"",
+    "generateApi": "intl-oneapi generate && prettier --write src/modern/sdk/oneapi",
     "lint": "eslint ./src",
     "test": "jest --coverage --silent",
     "tsc": "tsc --noEmit"
@@ -46,41 +81,47 @@
     ]
   },
   "dependencies": {
+    "@antglobal/create-sdk-loader": "^1.0.5",
     "axios": "^1.3.4",
     "proxy-polyfill": "^0.3.2",
     "uuid": "^9.0.0"
   },
   "devDependencies": {
-    "@ali/ci": "^4.72.0",
     "@babel/core": "^7.20.7",
     "@babel/preset-env": "^7.20.2",
     "@commitlint/cli": "^17.3.0",
     "@commitlint/config-conventional": "^17.3.0",
+    "@microsoft/api-extractor": "^7.55.2",
+    "@playwright/test": "^1.55.1",
     "@testing-library/jest-dom": "^5.1.1",
     "@testing-library/react": "^9.5.0",
     "@types/jest": "^29.2.4",
+    "@types/lodash.get": "^4.4.9",
+    "@types/react": "^19.2.14",
     "@types/uuid": "^9.0.0",
     "@typescript-eslint/eslint-plugin": "^6.21.0",
     "@typescript-eslint/parser": "^6.21.0",
     "babel-jest": "^29.3.1",
     "babel-loader": "^9.1.0",
     "babel-plugin-import": "^1.13.0",
+    "dotenv": "^16.3.1",
     "dts-bundle-generator": "^6.13.0",
     "eslint": "^8.56.0",
-    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-prettier": "^4.x",
     "father": "^4.2.3",
     "jest": "^29.5.0",
     "jest-environment-jsdom": "^29.3.1",
-    "prettier": "^2.8.4",
+    "nyc": "^17.1.0",
+    "prettier": "^2.8.8",
     "prettier-plugin-organize-imports": "^3.2.3",
     "prettier-plugin-packagejson": "^2.4.5",
     "serve": "^14.2.5",
     "ts-jest": "^29.0.3",
     "ts-node": "^10.9.1",
-    "typescript": "^4.9.5"
+    "typescript": "^5.x"
   },
   "engines": {
-    "install-node": "18"
+    "install-node": "20"
   },
   "publishConfig": {
     "access": "public"
@@ -88,5 +129,6 @@
   "ci": {
     "resourceClass": "L",
     "type": "aci"
-  }
+  },
+  "marmotId": "180020050100010657"
 }

package/react-js.cjs

@@ -0,0 +1,50 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AntomProvider = void 0;
+exports.useAntom = useAntom;
+exports.useLoadAntomError = useLoadAntomError;
+var react_1 = __importDefault(require("react"));
+var Context = react_1.default.createContext({ antom: undefined, error: undefined });
+var AntomProvider = function (props) {
+    var _a = props.customError, customError = _a === void 0 ? true : _a;
+    var _b = react_1.default.useState(), antomInstance = _b[0], setAntomInstance = _b[1];
+    var _c = react_1.default.useState(), loadError = _c[0], setLoadError = _c[1];
+    var _d = react_1.default.useState(true), loading = _d[0], setLoading = _d[1];
+    react_1.default.useEffect(function () {
+        props.loadPromise
+            .then(function (instance) {
+            setAntomInstance(instance);
+        })
+            .catch(function (e) {
+            var _a;
+            setLoadError(e);
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            (_a = window.sdkDebugger) === null || _a === void 0 ? void 0 : _a.log('ERROR', 'SYSTEM', 'Antom script load failed', {
+                message: 'Antom script load failed',
+                stack: e.stack,
+                source: 'SYSTEM',
+            });
+        })
+            .finally(function () {
+            setLoading(false);
+        });
+    }, []);
+    return (react_1.default.createElement(Context.Provider, { value: { antom: antomInstance, error: loadError } }, !loading && (customError ? true : !loadError) ? props.children : null));
+};
+exports.AntomProvider = AntomProvider;
+/**
+ * @description 获取antom实例用于调用antom的方法，请在AntomProvider包裹的组件中使用
+ */
+function useAntom() {
+    return react_1.default.useContext(Context).antom;
+}
+/**
+ * @returns 加载antom的问题，如果存在的话，只需要在顶层处理一次
+ */
+function useLoadAntomError() {
+    return react_1.default.useContext(Context).error;
+}

package/react-js.d.ts

@@ -0,0 +1,21 @@
+import type { FC } from 'react';
+import React from 'react';
+import type { AntomSDK } from './types';
+type ProviderProps = {
+    loadPromise: Promise<AntomSDK>;
+    /**
+     * @description 是否需要自定义错误处理，如果为true，请使用useLoadAntomError，进行错误处理，否则加载失败时，antomsdk将直接中断并且不提供任何界面
+     */
+    customError?: boolean;
+    children?: React.ReactNode;
+};
+export declare const AntomProvider: FC<ProviderProps>;
+/**
+ * @description 获取antom实例用于调用antom的方法，请在AntomProvider包裹的组件中使用
+ */
+export declare function useAntom(): AntomSDK;
+/**
+ * @returns 加载antom的问题，如果存在的话，只需要在顶层处理一次
+ */
+export declare function useLoadAntomError(): Error | undefined;
+export {};

package/react-js.js

@@ -0,0 +1,40 @@
+import React from 'react';
+const Context = React.createContext({ antom: undefined, error: undefined });
+export const AntomProvider = (props) => {
+    const { customError = true } = props;
+    const [antomInstance, setAntomInstance] = React.useState();
+    const [loadError, setLoadError] = React.useState();
+    const [loading, setLoading] = React.useState(true);
+    React.useEffect(() => {
+        props.loadPromise
+            .then((instance) => {
+            setAntomInstance(instance);
+        })
+            .catch((e) => {
+            setLoadError(e);
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            window.sdkDebugger?.log('ERROR', 'SYSTEM', 'Antom script load failed', {
+                message: 'Antom script load failed',
+                stack: e.stack,
+                source: 'SYSTEM',
+            });
+        })
+            .finally(() => {
+            setLoading(false);
+        });
+    }, []);
+    return (React.createElement(Context.Provider, { value: { antom: antomInstance, error: loadError } }, !loading && (customError ? true : !loadError) ? props.children : null));
+};
+/**
+ * @description 获取antom实例用于调用antom的方法，请在AntomProvider包裹的组件中使用
+ */
+export function useAntom() {
+    return React.useContext(Context).antom;
+}
+/**
+ * @returns 加载antom的问题，如果存在的话，只需要在顶层处理一次
+ */
+export function useLoadAntomError() {
+    return React.useContext(Context).error;
+}