@alipay/ams-checkout 0.0.1755258862-dev.0 → 0.0.1755681537-dev.0

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

@@ -1,6 +1,10 @@
+export declare const sdkAction1: any;
+export declare const sdkAction2: any;
 export declare const sdkAction: any;
 export declare const oneAccount1: any;
 export declare const oneAccount2: any;
 export declare const oneAccount: any;
 export declare const paymentResult: any;
 export declare const submitResult: any;
+export declare const sdkActionUpdate: any;
+export declare const oneAccountUpdate: any;

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

@@ -1,4 +1,4 @@
-export var sdkAction = {
+export var sdkAction1 = {
   accountInfo: {
     accountStatus: 'EFFECTIVE',
     email: 'test10@test.com'
@@ -361,6 +361,10 @@ export var sdkAction = {
   },
   success: true
 };
+export var sdkAction2 = {
+  success: false
+};
+export var sdkAction = sdkAction1;
 export var oneAccount1 = {
   accountInfo: {
     accountStatus: 'EFFECTIVE',
@@ -564,4 +568,364 @@ export var submitResult = {
     locale: 'en_US',
     preferred: true
   }]
+};
+export var sdkActionUpdate = {
+  amountConfirmRequired: false,
+  autoDebitWithToken: false,
+  checkoutSettings: '{\n        "addressAutoComplete": true,\n        "publicDetail": {\n            "legalBusinessName": "Lazada Group",\n            "businessName": "Lazada"\n        },\n        "paymentSettings": {\n            "displayExpressCheckout": true,\n            "allowPromotion": true,\n            "collectCustomerEmail": true,\n            "collectCustomerPhoneNo": true,\n            "collectShippingPhoneNo": true,\n            "collectShippingName": true,\n            "displayAntomLogo": true,\n            "displayLanguage": true,\n            "defaultLanguage": "en_US",\n            "redirectToMerchant": true,\n            "paymentRedirectUrl": "https://www.baidu.com",\n            "customFields": [\n                {\n                    "labelType": "DROPDOWN",\n                    "labelName": "How did you hear about us?",\n                    "minLength": 0,\n                    "maxLength": 255,\n                    "labelCondition": "REQUIRED",\n                    "options": [\n                        "Search engine (Google, Bing, etc.)",\n                        "Social media",\n                        "Word of Mouth"\n                    ],\n                    "picLink": "http://100.88.104.107:8081/download?bucketName=ipay-ipaycrm-attachment&key=20240409009064IMHaa2545f192c99a8481deaecd9b8ea5ad_2tiZTpB3_20240402143510.jpg&expires=2028172654&accessKeyId=FM49eWrrO8EFqUO4&signature=rnLBSUx4M1I1zPWuZLqInjP79u4%3D&signatureType=OBJECT",\n                    "picTitle": "picTitle",\n                    "picTip": "picTip"\n                }\n            ]\n        },\n        "displaySettings": {\n            "iconUrl": "https://cdn.marmot-cloud.com/storage/2022/8/2/bc7cb991-c8e2-4379-945f-aadae2bdf932.svg",\n            "logoUrl": "https://cdn.marmot-cloud.com/storage/2022/9/26/dfd471f3-da7d-4ef1-8486-cfa4301045c6.svg",\n            "useLogo": true,\n            "themeType": "LIGHT",\n            "backgroundColor": "#ffffff",\n            "accentColor": "#ffffff",\n            "font": "POPPINS",\n            "shape": "ROUNDED",\n            "displayLayout": "LEFT_ORDER_AND_RIGHT_PAYMENT"\n        }\n    }',
+  errorActions: {},
+  extendInfo: {},
+  goods: [{
+    goodsName: 'Goods No.1',
+    goodsQuantity: '1',
+    goodsTotalAmount: {
+      amount: '200.00',
+      currency: 'PEN',
+      currencyLabel: 'S/.',
+      formattedAmount: '200.00',
+      formattedAmountWithCurrency: 'S/. 200.00',
+      value: '20000'
+    },
+    goodsTotalAmountView: {
+      currency: 'PEN',
+      currencyDivider: ' ',
+      currencyLabel: 'S/.',
+      currencySymbolPosition: 'L',
+      formattedValue: '200.00',
+      value: '200.00'
+    },
+    goodsUnitAmount: {
+      amount: '200.00',
+      currency: 'PEN',
+      currencyLabel: 'S/.',
+      formattedAmount: '200.00',
+      formattedAmountWithCurrency: 'S/. 200.00',
+      value: '20000'
+    },
+    goodsUnitAmountView: {
+      currency: 'PEN',
+      currencyDivider: ' ',
+      currencyLabel: 'S/.',
+      currencySymbolPosition: 'L',
+      formattedValue: '200.00',
+      value: '200.00'
+    },
+    referenceGoodsId: 'amsdm_good_tony_c_20230227_095825_922'
+  }, {
+    goodsName: 'Goods No.2',
+    goodsQuantity: '2',
+    goodsTotalAmount: {
+      amount: '40000',
+      currency: 'KRW',
+      currencyLabel: '₩',
+      formattedAmount: '40,000',
+      formattedAmountWithCurrency: '₩ 40,000',
+      value: '40000'
+    },
+    goodsTotalAmountView: {
+      currency: 'KRW',
+      currencyDivider: ' ',
+      currencyLabel: '₩',
+      currencySymbolPosition: 'L',
+      formattedValue: '40,000',
+      value: '40000'
+    },
+    goodsUnitAmount: {
+      amount: '20000',
+      currency: 'KRW',
+      currencyLabel: '₩',
+      formattedAmount: '20,000',
+      formattedAmountWithCurrency: '₩ 20,000',
+      value: '20000'
+    },
+    goodsUnitAmountView: {
+      currency: 'KRW',
+      currencyDivider: ' ',
+      currencyLabel: '₩',
+      currencySymbolPosition: 'L',
+      formattedValue: '20,000',
+      value: '20000'
+    },
+    referenceGoodsId: 'amsdm_good_tony_c_20230227_095825_922'
+  }],
+  links: {
+    policyInfo: '["{\\"title\\":\\"CheckoutPaymentLegal\\",\\"content\\":[{\\"title\\":\\"CheckoutPaymentLegal\\",\\"content\\":\\"<p>hello<a href=\\\\\\"https://www.baidu.com/\\\\\\"target=\\\\\\"_blank\\\\\\">world</a></p><ol><li>123123123</li><li>123123123123</li></ol>\\"}]}"]',
+    privacyLink: 'https://render.alipay.com/p/c/180021490000000150/index.html?agreementId=GL00100002',
+    cookieLink: 'https://render.alipay.com/p/c/180021490000000147/index.html?agreementId=GL00100001'
+  },
+  needInstallmentAbility: false,
+  needOtherElements: true,
+  orderAmount: {
+    amount: '200.00',
+    currency: 'BRL',
+    currencyLabel: 'R$',
+    formattedAmount: '200,00',
+    formattedAmountWithCurrency: 'R$ 200,00',
+    value: '20000'
+  },
+  orderAmountView: {
+    currency: 'BRL',
+    currencyDivider: ' ',
+    currencyLabel: 'R$',
+    currencySymbolPosition: 'L',
+    formattedValue: '200.00',
+    value: '200.00'
+  },
+  pageStyle: {
+    checkoutSettings: '{"addressAutoComplete":false}'
+  },
+  paymentAmount: {
+    amount: '200.00',
+    currency: 'BRL',
+    currencyLabel: 'R$',
+    formattedAmount: '200,00',
+    formattedAmountWithCurrency: 'R$ 200,00',
+    value: '20000'
+  },
+  paymentAmountView: {
+    currency: 'BRL',
+    currencyDivider: ' ',
+    currencyLabel: 'R$',
+    currencySymbolPosition: 'L',
+    formattedValue: '200.00',
+    value: '200.00'
+  },
+  paymentMethods: [{
+    antomPage: 'paymentMetaPage',
+    category: 'CARD',
+    icon: 'https://gw.alipay.com/icon/medium/default/ALIPAY_GENERAL_CARD.svg',
+    iconName: 'Card',
+    links: [],
+    logoList: [{
+      cardBrand: 'GWANGJUBANK',
+      logoUrl: 'https: //cdn.marmot-cloud.com/storage/2024/2/21/635b04a7-1086-4184-8122-98d9c2b99f0f.svg'
+    }, {
+      cardBrand: 'SHINHYEOP',
+      logoUrl: 'https: //cdn.marmot-cloud.com/storage/2024/2/23/bc083008-b6ca-4b51-8767-1aa0dce48f5a.svg'
+    }],
+    paymentElements: [{
+      paymentElementKey: 'paymentMethodId',
+      elementType: 'CARD',
+      elementMandatory: false,
+      title: 'Card Information',
+      defaultValue: '',
+      extendInfo: '{"needOtherElements":false,"isTempTokenization":"true"}',
+      subPaymentElementView: [{
+        defaultText: 'Card Number',
+        elementMandatory: true,
+        elementRegx: '^\\d{15,18}$',
+        elementType: 'DIGIT_18',
+        paramIllegalText: 'cardNo error',
+        paymentElementKey: 'cardNo',
+        title: 'Card Number',
+        defaultValue: '',
+        extendInfo: '{"excludeMetaDataCodes":"null","completeKey":"cc-number"}'
+      }, {
+        defaultText: 'CVV',
+        defaultValue: '',
+        elementMandatory: true,
+        elementRegx: '^\\d{3,4}$',
+        elementType: 'DIGIT_4',
+        extendInfo: '{"excludeMetaDataCodes":"null"}',
+        paramIllegalText: 'Please enter a valid 3 or 4 digit CVV number',
+        paymentElementKey: 'cardCVV'
+      }, {
+        defaultText: 'Name on Card',
+        elementMandatory: true,
+        elementRegx: '',
+        elementType: 'TEXT',
+        paramIllegalText: 'Please enter a Name on Card',
+        paymentElementKey: 'cardHolderName',
+        defaultValue: '',
+        extendInfo: '{"excludeMetaDataCodes":"null","completeKey":"cc-name"}'
+      }, {
+        defaultText: 'Exp Date(MM/YY)',
+        elementMandatory: true,
+        elementRegx: '.{5}',
+        paramIllegalText: 'Please enter a Exp Date',
+        elementType: 'TEXT',
+        paymentElementKey: 'expiryYear',
+        title: 'Please enter a Exp Date',
+        defaultValue: '',
+        extendInfo: '{"excludeMetaDataCodes":"null","completeKey":"cc-exp"}'
+      }, {
+        defaultText: 'Exp Date(MM/YY)',
+        elementMandatory: true,
+        elementRegx: '',
+        elementType: 'TEXT',
+        paymentElementKey: 'expiryMonth',
+        title: 'Please enter a Exp Date',
+        defaultValue: '',
+        extendInfo: '{"excludeMetaDataCodes":"null","completeKey":"cc-exp"}'
+      }]
+    }, {
+      defaultText: 'Save this payment method for future use.',
+      elementMandatory: false,
+      elementType: 'CHECKBOX',
+      extendInfo: '{}',
+      paymentElementKey: 'bindPaymentMethod'
+    }, {
+      elementMandatory: false,
+      elementType: 'DIGIT_4',
+      extendInfo: '[{"currency":"BRL","installmentAmount":"21,39","interestFree":"true","interestRate":"0.12%","orderAmount":"21,39","tenor":"1"}, {"currency":"BRL","installmentAmount":"10,39","interestFree":"true","interestRate":"0.12%","orderAmount":"21,39","tenor":"2"}]',
+      paymentElementKey: 'tenor',
+      title: 'Instalment plan',
+      defaultValue: ''
+    }, {
+      defaultText: '_ _ _. _ _ _. _ _ _-_ _',
+      defaultValue: '',
+      elementMandatory: true,
+      elementRegx: '^\\d{11}$',
+      elementType: 'DIGIT_11',
+      extendInfo: '{"customerId":"r35fPjeD0IhNOJrciVqCq10AKiD/uxk8rzaySdJM4tI=","merchantId":"188r35fPjeD0IhNOJrciVqCq10AKiD/uxk8rzaySdJM4tI=","needVerify":"true"}',
+      paramIllegalText: 'Please enter a valid 11-digit CPF number',
+      paymentElementKey: 'cpf',
+      title: 'CPF Code'
+    }, {
+      defaultText: 'Enter your email address',
+      defaultValue: '',
+      elementMandatory: true,
+      elementRegx: '^(([\\w-\\+\\.]+)@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.)|(([\\w-]+\\.)+))([a-zA-Z]{2,18}|[0-9]{1,3})(\\]?))$',
+      elementType: 'TEXT',
+      extendInfo: '{"excludeMetaDataCodes":"null"}',
+      paramIllegalText: 'Email address format invalid',
+      paymentElementKey: 'payerEmail',
+      title: 'Email'
+    }],
+    paymentMethod: 'CARD',
+    paymentMethodName: 'Card',
+    paymentMethodType: 'CARD',
+    webRedirectType: 'PAGE_REFRESH'
+  }],
+  savedPaymentMethods: [],
+  storePolicies: '[\\"{\\\\\\\\\\"title\\\\\\\\\\":\\\\\\\\\\"CheckoutPaymentLegal\\\\\\\\\\",\\\\\\\\\\"content\\\\\\\\\\":[{\\\\\\\\\\"title\\\\\\\\\\":\\\\\\\\\\"CheckoutPaymentLegal\\\\\\\\\\",\\\\\\\\\\"content\\\\\\\\\\":\\\\\\\\\\"<p>hello<ahref=\\\\\\\\\\\\\\\\\\\\\\\\\\"https://www.baidu.com/\\\\\\\\\\\\\\\\\\\\\\\\\\"target=\\\\\\\\\\\\\\\\\\\\\\\\\\"_blank\\\\\\\\\\\\\\\\\\\\\\\\\\">world</a></p><ol><li>123123123</li><li>123123123123</li></ol>\\\\\\\\\\"}]}\\",\\"{\\\\\\\\\\"title\\\\\\\\\\":\\\\\\\\\\"2188120013275594MerchantLegal\\\\\\\\\\",\\\\\\\\\\"content\\\\\\\\\\":[{\\\\\\\\\\"title\\\\\\\\\\":\\\\\\\\\\"2188120013275594MerchantLegal_0\\\\\\\\\\",\\\\\\\\\\"content\\\\\\\\\\":\\\\\\\\\\"<p>hello<ahref=\\\\\\\\\\\\\\\\\\\\\\\\\\"https://www.baidu.com/\\\\\\\\\\\\\\\\\\\\\\\\\\"target=\\\\\\\\\\\\\\\\\\\\\\\\\\"_blank\\\\\\\\\\\\\\\\\\\\\\\\\\">world</a></p><ol><li>MerchantLegal_0</li><li>MerchantLegal_0</li></ol>\\\\\\\\\\"},{\\\\\\\\\\"title\\\\\\\\\\":\\\\\\\\\\"2188120013275594MerchantLegal_1\\\\\\\\\\",\\\\\\\\\\"content\\\\\\\\\\":\\\\\\\\\\"<p>hello<ahref=\\\\\\\\\\\\\\\\\\\\\\\\\\"https://www.baidu.com/\\\\\\\\\\\\\\\\\\\\\\\\\\"target=\\\\\\\\\\\\\\\\\\\\\\\\\\"_blank\\\\\\\\\\\\\\\\\\\\\\\\\\">world</a></p><ol><li>MerchantLegal_1</li><li>MerchantLegal_1</li></ol>\\\\\\\\\\"}]}\\"]',
+  success: true,
+  redirectUrl: '',
+  supportedLanguages: [{
+    locale: 'en_US',
+    preferred: true,
+    title: 'English'
+  }, {
+    locale: 'it_IT',
+    preferred: false,
+    title: 'Português'
+  }, {
+    locale: 'de_DE',
+    preferred: false
+  }, {
+    locale: 'fr_FR',
+    preferred: false
+  }, {
+    locale: 'nl_NL',
+    preferred: false
+  }, {
+    locale: 'es_ES',
+    preferred: false
+  }, {
+    locale: 'zh_CN',
+    preferred: false
+  }, {
+    country: 'KR',
+    locale: 'ko_KR',
+    preferred: false,
+    title: '한국어'
+  }]
+};
+export var oneAccountUpdate = {
+  accountInfo: {
+    email: 'xxxxx@163.com',
+    accountStatus: 'EFFECTIVE',
+    oneAccountId: 'xxxxxxkk'
+  },
+  goods: {
+    goodsName: 'xxxxxxx',
+    goodsImageUrl: '',
+    goodsQuantity: 100,
+    goodsUnitAmount: {
+      currency: 'EUR',
+      value: 100,
+      currencyLabel: ''
+    }
+  },
+  paymentMethods: [{
+    paymentMethodType: 'CARD',
+    iconName: 'VISA',
+    icon: 'https://cdn.marmot-cloud.com/storage/2022/8/2/bc7cb991-c8e2-4379-945f-aadae2bdf932.svg',
+    paymentMethodId: 'card-id',
+    paymentMethodDetail: {
+      last4: '**** 1233'
+    }
+  }, {
+    paymentMethodType: 'CARD',
+    iconName: 'VISA2',
+    icon: 'https://cdn.marmot-cloud.com/storage/2022/8/2/bc7cb991-c8e2-4379-945f-aadae2bdf932.svg',
+    paymentMethodId: 'card-id2',
+    paymentMethodDetail: {
+      last4: '**** 1235'
+    }
+  }
+  // {
+  //   "paymentMethodType": "dana",
+  //   "iconName": "DANA",
+  //   "icon": "https://cdn.marmot-cloud.com/storage/2022/8/2/bc7cb991-c8e2-4379-945f-aadae2bdf932.svg",
+  //   "paymentMethodElements": {},
+  // },
+  ],
+  links: {
+    privacyLink: 'https://global.alipay.com/docs/ac/Platform/bahzqeb-',
+    cookieLink: 'https://global.alipay.com/docs/ac/Platform/x1rhufzj'
+  },
+  shippings: [{
+    shippingName: {
+      firstName: '111111',
+      lastName: '11111'
+    },
+    prefer: '1',
+    shippingId: 'xxxx1',
+    shippingPhoneNo: 'xxxxxx123',
+    shippingAddress: {
+      region: 'ID',
+      state: 'Nusa',
+      city: 'Nusa Tenggara Bar.',
+      address1: 'Kec. Mataram, Kota Mataram',
+      address2: 'Jl. Bangil V No.6, Pagesangan Tim',
+      zipCode: '123445'
+    }
+  }],
+  metaData: {
+    countryList: [{
+      countryName: 'China',
+      default: true
+    }, {
+      countryName: 'Singapore',
+      default: false
+    }]
+  },
+  errorActions: {},
+  extendInfo: {},
+  merchantId: '111xT8bLnciQgqcy20+oOJoWUEbPMTwI0YILNBIicpASIs=',
+  needInstallmentAbility: false,
+  needOtherElements: false,
+  orderDescription: 'AMSDM_GIFT',
+  success: true,
+  supportedLanguages: [{
+    locale: 'en_US',
+    preferred: true,
+    title: 'English'
+  }, {
+    country: 'BR',
+    locale: 'pt_BR',
+    preferred: false,
+    title: 'Português'
+  }, {
+    country: 'KR',
+    locale: 'ko_KR',
+    preferred: false,
+    title: '한국어'
+  }, {
+    country: 'MX,CL,PE',
+    locale: 'es_ES',
+    preferred: false,
+    title: 'Español'
+  }]
 };

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

@@ -1,4 +1,10 @@
-import { ActionForm, ConnectErrorCode, IAmount, IAmountView, IPaymentMethod } from '../../../types';
+import { ActionForm, ConnectErrorCode, IAmount, IAmountView, IMerchantAppointParam, IPaymentMethod } from '../../../types';
+import AddressProcessor from './elementProcessor/addressProcessor';
+import AuthProcessor from './elementProcessor/authProcessor';
+import PaymentProcessor from './elementProcessor/paymentProcessor';
+/**
+ * element 消息事件名
+ */
 export declare enum ElementPaymentEvent {
     RENDER_COMPONENT = "renderComponent",
     CAPTURE_ASSET = "onCaptureAsset",
@@ -10,9 +16,13 @@ export declare enum ElementPaymentEvent {
     SIZE_CHANGE = "onSizeChange",
     LAUNCH = "onLaunch",
     CALLBACK = "callback",
+    /**
+     * @deprecated 已废弃 请使用eventCallback
+     */
     SEND_MUITI_APP_EVENT_TO_SDK = "sendMuitiAppEventToSdk",
     LOG = "log",
-    HANDLE_PAYMENT = "handlePayment"
+    HANDLE_PAYMENT = "handlePayment",
+    ON_EVENT_CALLBACK = "onEventCallback"
 }
 export declare enum ElementPaymentMethod {
     CONTAINER_ELEMENT = "CONTAINER_ELEMENT",
@@ -20,6 +30,19 @@ export declare enum ElementPaymentMethod {
     ADDRESS_ELEMENT = "ADDRESS_ELEMENT",
     PAYMENT_ELEMENT = "PAYMENT_ELEMENT"
 }
+export declare enum ElementType {
+    auth = "auth",
+    address = "address",
+    payment = "payment"
+}
+export declare const MountElementType: {
+    auth: ElementPaymentMethod;
+    address: ElementPaymentMethod;
+    payment: ElementPaymentMethod;
+    AUTH_ELEMENT: ElementType;
+    ADDRESS_ELEMENT: ElementType;
+    PAYMENT_ELEMENT: ElementType;
+};
 export declare enum ThemeType {
     NostalgicGray = "nostalgicGray",
     Default = "default",
@@ -28,27 +51,22 @@ export declare enum ThemeType {
     GamingPurple = "gamingPurple",
     AgateGreen = "agateGreen"
 }
-export declare enum ElementType {
-    auth = "auth",
-    address = "address",
-    payment = "payment"
-}
 export declare enum PaymentElementLayout {
     Tabs = "tabs",
     Accordion = "Accordion"
 }
-export declare enum MountElementType {
-    auth = "AUTH_ELEMENT",
-    address = "ADDRESS_ELEMENT",
-    payment = "PAYMENT_ELEMENT"
-}
 export declare const addressTheme: {
     default: string;
     night: string;
 };
 export declare enum EventCallbackCode {
     SDK_CREATE_COMPONENT_ERROR = "SDK_CREATE_COMPONENT_ERROR",
-    SDK_CREATEPAYMENT_PARAMETER_ERROR = "SDK_CREATEPAYMENT_PARAMETER_ERROR"
+    SDK_CREATEPAYMENT_PARAMETER_ERROR = "SDK_CREATEPAYMENT_PARAMETER_ERROR",
+    SDK_PAYMENT_ERROR = "SDK_PAYMENT_ERROR",
+    SDK_PAYMENT_FAIL = "SDK_PAYMENT_FAIL",
+    SDK_PAYMENT_CANCEL = "SDK_PAYMENT_CANCEL",
+    SDK_PAYMENT_SUCCESSFUL = "SDK_PAYMENT_SUCCESSFUL",
+    SDK_PAYMENT_PROCESSING = "SDK_PAYMENT_PROCESSING"
 }
 export declare enum ELEMENT_ENVIRONMENT {
     DEV = "DEV",
@@ -59,23 +77,6 @@ export declare enum ELEMENT_ENVIRONMENT {
     SANDBOX = "SANDBOX"
 }
 export type ELEMENT_ENVIRONMENT_TYPE = keyof typeof ELEMENT_ENVIRONMENT | (typeof ELEMENT_ENVIRONMENT)[keyof typeof ELEMENT_ENVIRONMENT];
-export interface IElementOptions {
-    environment?: ELEMENT_ENVIRONMENT_TYPE;
-    locale?: string;
-    version?: string;
-    appearance?: {
-        theme: ThemeType.Default | ThemeType.Night;
-    };
-    onEventCallback?: ({ code, message, result }: {
-        code: EventCallbackCode;
-        message: string;
-        result?: any;
-    }) => void;
-    loading?: {
-        onStartLoading: () => void;
-        onEndLoading: () => void;
-    };
-}
 export interface AddressMountComponentsParams {
     configParams?: AddressMountConfig;
     prefillValue: Array<AddressSubmitData>;
@@ -92,7 +93,6 @@ export interface AddressMountComponentsParams {
 }
 interface BaseMountOptions<T = void> {
     configParams?: T;
-    sessionData: string;
     debugProps?: {
         localLink: string;
     };
@@ -160,6 +160,8 @@ export interface PaymentMountOptions extends BaseMountOptions {
             'radius-button': string;
         };
     };
+    notRedirectAfterComplete?: boolean;
+    merchantAppointParam?: IMerchantAppointParam;
 }
 export declare enum AddressEventCallbackName {
     SHIPPING_CHANGE = "SHIPPING_CHANGE"
@@ -173,12 +175,14 @@ export interface LinkAuthMountResult extends BaseMountResult {
 }
 export interface PaymentMountResult extends BaseMountResult {
 }
-export interface EventCallbackData<T = {}> {
+/**
+ * connect element之间通信的类型格式
+ */
+export interface ConnectElementMessageDataType<T = {}> {
     source?: ElementPaymentMethod;
     target?: ElementPaymentMethod;
-    success?: boolean;
     data?: T;
-    event?: AddressEventCallbackName;
+    event?: ElementPaymentEvent;
 }
 export interface ValidateResult<T = {}> {
     success: boolean;
@@ -347,4 +351,40 @@ export interface AccountQueryResult {
     errorStatus?: string;
     shippingInfo?: CKPShipping;
 }
+export interface IElementOptions {
+    sessionData: string;
+    environment?: ELEMENT_ENVIRONMENT_TYPE;
+    locale?: string;
+    version?: string;
+    appearance?: {
+        theme: ThemeType.Default | ThemeType.Night;
+    };
+    onEventCallback?: ({ code, message, result }: {
+        code: EventCallbackCode;
+        message: string;
+        result?: any;
+    }) => void;
+    loading?: {
+        onStartLoading: () => void;
+        onEndLoading: () => void;
+    };
+}
+export interface IElementProcessors {
+    [ElementType.auth]: AuthProcessor;
+    [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/type.js

@@ -2,6 +2,9 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 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); }
+/**
+ * element 消息事件名
+ */
 export var ElementPaymentEvent = /*#__PURE__*/function (ElementPaymentEvent) {
   ElementPaymentEvent["RENDER_COMPONENT"] = "renderComponent";
   ElementPaymentEvent["CAPTURE_ASSET"] = "onCaptureAsset";
@@ -16,6 +19,7 @@ export var ElementPaymentEvent = /*#__PURE__*/function (ElementPaymentEvent) {
   ElementPaymentEvent["SEND_MUITI_APP_EVENT_TO_SDK"] = "sendMuitiAppEventToSdk";
   ElementPaymentEvent["LOG"] = "log";
   ElementPaymentEvent["HANDLE_PAYMENT"] = "handlePayment";
+  ElementPaymentEvent["ON_EVENT_CALLBACK"] = "onEventCallback";
   return ElementPaymentEvent;
 }({});
 export var ElementPaymentMethod = /*#__PURE__*/function (ElementPaymentMethod) {
@@ -25,6 +29,13 @@ export var ElementPaymentMethod = /*#__PURE__*/function (ElementPaymentMethod) {
   ElementPaymentMethod["PAYMENT_ELEMENT"] = "PAYMENT_ELEMENT";
   return ElementPaymentMethod;
 }({});
+export var ElementType = /*#__PURE__*/function (ElementType) {
+  ElementType["auth"] = "auth";
+  ElementType["address"] = "address";
+  ElementType["payment"] = "payment";
+  return ElementType;
+}({});
+export var MountElementType = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ElementType.auth, ElementPaymentMethod.AUTH_ELEMENT), ElementType.address, ElementPaymentMethod.ADDRESS_ELEMENT), ElementType.payment, ElementPaymentMethod.PAYMENT_ELEMENT), ElementPaymentMethod.AUTH_ELEMENT, ElementType.auth), ElementPaymentMethod.ADDRESS_ELEMENT, ElementType.address), ElementPaymentMethod.PAYMENT_ELEMENT, ElementType.payment);
 export var ThemeType = /*#__PURE__*/function (ThemeType) {
   ThemeType["NostalgicGray"] = "nostalgicGray";
   ThemeType["Default"] = "default";
@@ -34,27 +45,20 @@ export var ThemeType = /*#__PURE__*/function (ThemeType) {
   ThemeType["AgateGreen"] = "agateGreen";
   return ThemeType;
 }({});
-export var ElementType = /*#__PURE__*/function (ElementType) {
-  ElementType["auth"] = "auth";
-  ElementType["address"] = "address";
-  ElementType["payment"] = "payment";
-  return ElementType;
-}({});
 export var PaymentElementLayout = /*#__PURE__*/function (PaymentElementLayout) {
   PaymentElementLayout["Tabs"] = "tabs";
   PaymentElementLayout["Accordion"] = "Accordion";
   return PaymentElementLayout;
 }({});
-export var MountElementType = /*#__PURE__*/function (MountElementType) {
-  MountElementType["auth"] = "AUTH_ELEMENT";
-  MountElementType["address"] = "ADDRESS_ELEMENT";
-  MountElementType["payment"] = "PAYMENT_ELEMENT";
-  return MountElementType;
-}({});
 export var addressTheme = _defineProperty(_defineProperty({}, ThemeType.Default, 'LIGHT'), ThemeType.Night, 'NIGHT');
 export var EventCallbackCode = /*#__PURE__*/function (EventCallbackCode) {
   EventCallbackCode["SDK_CREATE_COMPONENT_ERROR"] = "SDK_CREATE_COMPONENT_ERROR";
   EventCallbackCode["SDK_CREATEPAYMENT_PARAMETER_ERROR"] = "SDK_CREATEPAYMENT_PARAMETER_ERROR";
+  EventCallbackCode["SDK_PAYMENT_ERROR"] = "SDK_PAYMENT_ERROR";
+  EventCallbackCode["SDK_PAYMENT_FAIL"] = "SDK_PAYMENT_FAIL";
+  EventCallbackCode["SDK_PAYMENT_CANCEL"] = "SDK_PAYMENT_CANCEL";
+  EventCallbackCode["SDK_PAYMENT_SUCCESSFUL"] = "SDK_PAYMENT_SUCCESSFUL";
+  EventCallbackCode["SDK_PAYMENT_PROCESSING"] = "SDK_PAYMENT_PROCESSING";
   return EventCallbackCode;
 }({});
 export var ELEMENT_ENVIRONMENT = /*#__PURE__*/function (ELEMENT_ENVIRONMENT) {
@@ -73,6 +77,10 @@ export var AddressEventCallbackName = /*#__PURE__*/function (AddressEventCallbac
   return AddressEventCallbackName;
 }({});
 
+/**
+ * connect element之间通信的类型格式
+ */
+
 // export type IMountResult = AddressMountResult | LinkAuthMountResult | PaymentMountResult;
 var AccountStatusEnum = /*#__PURE__*/function (AccountStatusEnum) {
   AccountStatusEnum["EFFECTIVE"] = "EFFECTIVE";