@alipay/ams-checkout 0.0.1730107332-dev.4 → 0.0.1730706734-dev.0

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

@@ -0,0 +1,176 @@
+import { ConnectErrorCode, ElementPaymentMethod } from '../../../types';
+export declare enum ThemeType {
+    NostalgicGray = "nostalgicGray",
+    Default = "default",
+    Night = "night",
+    CherryBlossomPink = "cherryBlossomPink",
+    GamingPurple = "gamingPurple",
+    AgateGreen = "agateGreen"
+}
+export declare const addressTheme: {
+    default: string;
+    night: string;
+};
+export declare enum EventCallbackCode {
+    Failed = "Failed",
+    Completed = "Completed"
+}
+export declare enum ELEMENT_ENVIRONMENT {
+    DEV = "DEV",
+    TEST = "TEST",
+    PRE = "PRE",
+    PROD = "PROD"
+}
+export type ELEMENT_ENVIRONMENT_TYPE = keyof typeof ELEMENT_ENVIRONMENT | (typeof ELEMENT_ENVIRONMENT)[keyof typeof ELEMENT_ENVIRONMENT];
+export interface IElementOptions {
+    sessionData: string;
+    environment?: ELEMENT_ENVIRONMENT_TYPE;
+    locale?: string;
+    mode?: string;
+    version?: string;
+    appearance?: {
+        theme: ThemeType.Default | ThemeType.Night;
+    };
+    onEventCallback?: ({ code, message }: {
+        code: EventCallbackCode;
+        message: string;
+    }) => void;
+    loading?: {
+        onStartLoading: () => void;
+        onEndLoading: () => void;
+    };
+}
+export interface AddressMountComponentsParams {
+    configParams?: AddressMountConfig;
+    prefillValue: Array<AddressSubmitData>;
+    appearance: {
+        themeType: string;
+    };
+    debugProps?: {
+        localLink: string;
+    };
+}
+interface BaseMountOptions<T = void> {
+    configParams?: T;
+    debugProps?: {
+        localLink: string;
+    };
+}
+type HideField = 'shippingCountry' | 'shippingName' | 'shippingPhoneNo' | 'shippingRegion' | 'shippingAddress1' | 'shippingZipCode' | 'shippingAddress2';
+interface AddressMountConfig {
+    /**
+     * 是否开启地址联想功能
+     * 0 开启
+     * 1 关闭
+     */
+    autoSaveAsDefaultAddress?: boolean;
+    /**
+     * 隐藏部分地址要素
+     */
+    hideFields?: Array<HideField>;
+}
+export interface AddressMountOptions extends BaseMountOptions<AddressMountConfig> {
+    type: 'address';
+    prefillValue: Array<AddressSubmitData>;
+    appearance?: {
+        theme: ThemeType.Default | ThemeType.Night;
+    };
+}
+export interface LinkAuthMountOptions extends BaseMountOptions {
+    type: 'auth';
+    appearance?: {
+        theme: ThemeType;
+    };
+}
+export interface PaymentMountOptions extends BaseMountOptions {
+    type: 'payment';
+    appearance?: {
+        theme: ThemeType;
+    };
+}
+export declare enum AddressEventCallbackName {
+    SHIPPING_CHANGE = "SHIPPING_CHANGE"
+}
+interface BaseMountResult {
+}
+export interface AddressMountResult extends BaseMountResult {
+    on: (event: AddressEventCallbackName, callback: (data: any) => void) => void;
+}
+export interface LinkAuthMountResult extends BaseMountResult {
+}
+export interface PaymentMountResult extends BaseMountResult {
+}
+export interface EventCallbackData<T = {}> {
+    source?: ElementPaymentMethod;
+    target?: ElementPaymentMethod;
+    success?: boolean;
+    data?: T;
+    event?: AddressEventCallbackName;
+}
+export interface ValidateResult<T = {}> {
+    success: boolean;
+    data: {
+        success: boolean;
+        data: T;
+    };
+}
+export interface AuthSubmitData {
+    accountInfo: {
+        email: string;
+    };
+}
+export interface PaymentSubmitData {
+    paymentMethod: {
+        paymentMethodType: string;
+        paymentMethodDetail?: {
+            cardNo?: string;
+        };
+        cardHolderName?: {
+            firstName: string;
+        };
+        lastName: string;
+    };
+    paymentFactors: {
+        paymentRedirectUrl: string;
+        paymentMethodId?: string;
+    };
+}
+export interface AddressSubmitData {
+    shippingName: {
+        firstName: string;
+        lastName: string;
+    };
+    shippingPhoneNo: string;
+    shippingAddress: {
+        region: string;
+        address1: string;
+        address2: string;
+        city?: string;
+        province?: string;
+        zipCode: string;
+        districts?: string[];
+        districtValues?: {
+            [key: string]: string;
+        };
+    };
+    notes: string;
+    prefer: '1' | '0';
+    shippingId: string;
+    actionFlag?: 'I' | 'U' | 'D';
+}
+export interface SubmitServiceParams extends PaymentSubmitData {
+    accountInfo: AuthSubmitData['accountInfo'];
+    shipping?: AddressSubmitData;
+}
+export interface SubmitServiceResult {
+    success: boolean;
+    errorCode: ConnectErrorCode;
+    errorMessage: string;
+    errorStatus: string;
+    traceId: string;
+}
+export interface SubmitFuncResult {
+    success: boolean;
+    msg: string;
+}
+export {};

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

@@ -0,0 +1,34 @@
+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 _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); }
+export var ThemeType = /*#__PURE__*/function (ThemeType) {
+  ThemeType["NostalgicGray"] = "nostalgicGray";
+  ThemeType["Default"] = "default";
+  ThemeType["Night"] = "night";
+  ThemeType["CherryBlossomPink"] = "cherryBlossomPink";
+  ThemeType["GamingPurple"] = "gamingPurple";
+  ThemeType["AgateGreen"] = "agateGreen";
+  return ThemeType;
+}({});
+export var addressTheme = _defineProperty(_defineProperty({}, ThemeType.Default, 'LIGHT'), ThemeType.Night, 'NIGHT');
+export var EventCallbackCode = /*#__PURE__*/function (EventCallbackCode) {
+  EventCallbackCode["Failed"] = "Failed";
+  EventCallbackCode["Completed"] = "Completed";
+  return EventCallbackCode;
+}({});
+export var ELEMENT_ENVIRONMENT = /*#__PURE__*/function (ELEMENT_ENVIRONMENT) {
+  ELEMENT_ENVIRONMENT["DEV"] = "DEV";
+  ELEMENT_ENVIRONMENT["TEST"] = "TEST";
+  ELEMENT_ENVIRONMENT["PRE"] = "PRE";
+  ELEMENT_ENVIRONMENT["PROD"] = "PROD";
+  return ELEMENT_ENVIRONMENT;
+}({});
+// export type IMountOptions = AddressMountOptions | LinkAuthMountOptions | PaymentMountOptions;
+
+export var AddressEventCallbackName = /*#__PURE__*/function (AddressEventCallbackName) {
+  AddressEventCallbackName["SHIPPING_CHANGE"] = "SHIPPING_CHANGE";
+  return AddressEventCallbackName;
+}({});
+
+// export type IMountResult = AddressMountResult | LinkAuthMountResult | PaymentMountResult;

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

@@ -0,0 +1,13 @@
+export interface ISessionDataExtendInfo {
+    displayLayout: 'LEFT_ORDER_AND_RIGHT_PAYMENT' | 'LEFT_PAYMENT_AND_RIGHT_ORDER';
+    displayAntomLogo: string;
+    themeType: 'LIGHT' | 'NIGHT' | 'CUSTOMIZE';
+    OPEN_MULTI_PAYMENT_ABILITY: boolean;
+    [key: string]: any;
+}
+export interface LinkData {
+    linkId: string;
+    region: string;
+    displaySetting?: ISessionDataExtendInfo;
+}
+export declare const displayIframe: (selector: string) => void;

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

@@ -0,0 +1,6 @@
+export var displayIframe = function displayIframe(selector) {
+  var dom = document.querySelector(selector);
+  dom.style.opacity = '1';
+  dom.style.overflow = 'visible';
+  dom.style.height = '110px';
+};

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>;
+}