@alipay/ams-checkout 1.33.0 → 1.35.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,7 @@
-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';
 export declare enum ElementPaymentEvent {
     RENDER_COMPONENT = "renderComponent",
     CAPTURE_ASSET = "onCaptureAsset",
@@ -160,6 +163,8 @@ export interface PaymentMountOptions extends BaseMountOptions {
             'radius-button': string;
         };
     };
+    notRedirectAfterComplete?: boolean;
+    merchantAppointParam?: IMerchantAppointParam;
 }
 export declare enum AddressEventCallbackName {
     SHIPPING_CHANGE = "SHIPPING_CHANGE"
@@ -347,4 +352,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/util.d.ts

@@ -0,0 +1,66 @@
+import { IElementStatus } from '../../../foundation';
+import { Ianalytics, IPaymentSessionMetaData } from '../../../types';
+import { ContainerController } from './elementContainerService/containerService';
+import { ELEMENT_ENVIRONMENT_TYPE, IElementOptions, IToastOptions } from './type';
+declare const formatElementOption: (options: IElementOptions) => {
+    environment: ELEMENT_ENVIRONMENT_TYPE;
+    locale?: string;
+    version?: string;
+    appearance?: {
+        theme: import("./type").ThemeType.Default | import("./type").ThemeType.Night;
+    };
+    onEventCallback?: ({ code, message, result }: {
+        code: import("./type").EventCallbackCode;
+        message: string;
+        result?: any;
+    }) => void;
+    loading?: {
+        onStartLoading: () => void;
+        onEndLoading: () => void;
+    };
+    sessionData: string;
+};
+/**
+ * 校验渲染条件
+ * 校验当前sdkSelector结点是否存在
+ */
+export declare function checkCanMount({ sdkSelector, containerService, status, }: {
+    sdkSelector: string;
+    containerService: ContainerController;
+    status: IElementStatus;
+}): {
+    success: boolean;
+    errorMsg?: string;
+};
+export declare function checkCanUpdate({ status, paymentContainerService, newPaymentSessionData, oldPaymentSessionData, }: {
+    status: IElementStatus;
+    paymentContainerService: ContainerController;
+    newPaymentSessionData: string;
+    oldPaymentSessionData: string;
+}): boolean;
+export declare function generateIframeSrc({ paymentSessionObj, paymentSession, instanceId, environment, appVersion, analytics, locale, pageUrl, link, }: {
+    paymentSessionObj: IPaymentSessionMetaData;
+    paymentSession: string;
+    environment: string;
+    analytics: Ianalytics;
+    locale: string;
+    instanceId: string;
+    pageUrl: string;
+    appVersion: string;
+    link?: string;
+}): string;
+export declare function handleRedirect(data: any, fromFastSdk?: boolean): void;
+export declare function redirect(data: {
+    normalUrl?: string;
+    schemeUrl?: string;
+    applinkUrl?: string;
+    callAppJudgeTime?: number;
+}): Promise<void>;
+export declare function showToast(options?: IToastOptions, callback?: Function): void;
+export declare const isElementMobile: () => boolean;
+/**
+ * @description judge whether the device is a pad, by userAgent and screen aspect ratio, but not accurate
+ */
+export declare const isElementPad: () => boolean;
+export declare const isElementPC: () => boolean;
+export { formatElementOption };