@alipay/ams-checkout 0.0.1726046231-dev.10 → 0.0.1726046231-dev.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/umd/ams-checkout.min.js +1 -1
  2. package/esm/core/component/element/components/address.d.ts +4 -3
  3. package/esm/core/component/element/components/address.js +10 -3
  4. package/esm/core/component/element/components/payment.d.ts +2 -1
  5. package/esm/core/component/element/components/payment.js +7 -3
  6. package/esm/core/component/element/element-mock.d.ts +2 -0
  7. package/esm/core/component/element/element-mock.js +263 -0
  8. package/esm/core/component/element/index.d.ts +5 -3
  9. package/esm/core/component/element/index.js +235 -192
  10. package/esm/core/component/element/type.d.ts +16 -4
  11. package/esm/types/index.d.ts +2 -1
  12. package/esm/types/index.js +1 -0
  13. package/package.json +1 -1
package/esm/core/component/element/components/address.d.ts CHANGED
@@ -1,16 +1,17 @@
1
- import { AddressMountOptions } from '../type';
2
- interface ElementAddressMountOptions extends Omit<AddressMountOptions, 'type'> {
1
+ import { AddressMountComponentsParams } from '../type';
2
+ interface ElementAddressMountOptions extends Omit<AddressMountComponentsParams, 'type'> {
3
3
  selector: string;
4
4
  }
5
5
  export declare class ElementAddressComponent {
6
6
  private sdk;
7
7
  private elementContainer;
8
+ private isConnect;
8
9
  constructor();
9
10
  create(options: {
10
11
  environment: string;
11
12
  locale: string;
12
13
  appVersion: string;
13
- }): void;
14
+ }, isConnect: boolean): void;
14
15
  mount(sessionData: string, options: ElementAddressMountOptions): Promise<HTMLIFrameElement | undefined>;
15
16
  update(): void;
16
17
  unmount(): void;
package/esm/core/component/element/components/address.js CHANGED
@@ -11,10 +11,12 @@ export var ElementAddressComponent = /*#__PURE__*/function () {
11
11
  _classCallCheck(this, ElementAddressComponent);
12
12
  _defineProperty(this, "sdk", void 0);
13
13
  _defineProperty(this, "elementContainer", void 0);
14
+ _defineProperty(this, "isConnect", void 0);
14
15
  }
15
16
  _createClass(ElementAddressComponent, [{
16
17
  key: "create",
17
- value: function create(options) {
18
+ value: function create(options, isConnect) {
19
+ this.isConnect = isConnect;
18
20
  this.sdk = new AddressComponent(options);
19
21
  }
20
22
  }, {
@@ -22,12 +24,17 @@ export var ElementAddressComponent = /*#__PURE__*/function () {
22
24
  value: function mount(sessionData, options) {
23
25
  var _this = this;
24
26
  var elementContainer = document.querySelector(options.selector);
25
- elementContainer.style.display = 'none';
27
+ if (this.isConnect) {
28
+ elementContainer.style.display = 'none';
29
+ }
26
30
  var selector = options.selector.indexOf('#') === 0 ? options.selector.slice(1) : options.selector;
27
31
  return new Promise(function (resolve) {
28
32
  _this.sdk.mountComponent({
29
33
  sessionData: sessionData,
30
34
  debugProps: options.debugProps,
35
+ configParams: options.configParams,
36
+ appearance: options.appearance,
37
+ prefillValue: options.prefillValue,
31
38
  appendAliasContainerId: true
32
39
  }, selector).then(function () {
33
40
  var _elementContainer$get;
@@ -42,7 +49,7 @@ export var ElementAddressComponent = /*#__PURE__*/function () {
42
49
  }, {
43
50
  key: "update",
44
51
  value: function update() {
45
- if (this.elementContainer) {
52
+ if (this.elementContainer && this.isConnect) {
46
53
  this.elementContainer.style.display = '';
47
54
  }
48
55
  // 下发数据
package/esm/core/component/element/components/payment.d.ts CHANGED
@@ -5,12 +5,13 @@ interface ElementPaymentMountOptions extends Omit<PaymentMountOptions, 'type'> {
5
5
  export declare class ElementPaymentComponent {
6
6
  private sdk;
7
7
  private elementContainer;
8
+ private isConnect;
8
9
  constructor();
9
10
  create(options: {
10
11
  environment: string;
11
12
  locale: string;
12
13
  appVersion: string;
13
- }): void;
14
+ }, isConnect: boolean): void;
14
15
  mount(sessionData: string, options: ElementPaymentMountOptions): Promise<HTMLIFrameElement | undefined>;
15
16
  update(): void;
16
17
  unmount(): void;
package/esm/core/component/element/components/payment.js CHANGED
@@ -13,10 +13,12 @@ export var ElementPaymentComponent = /*#__PURE__*/function () {
13
13
  _classCallCheck(this, ElementPaymentComponent);
14
14
  _defineProperty(this, "sdk", void 0);
15
15
  _defineProperty(this, "elementContainer", void 0);
16
+ _defineProperty(this, "isConnect", void 0);
16
17
  }
17
18
  _createClass(ElementPaymentComponent, [{
18
19
  key: "create",
19
- value: function create(options) {
20
+ value: function create(options, isConnect) {
21
+ this.isConnect = isConnect;
20
22
  this.sdk = new AMSPaymentElement(_objectSpread(_objectSpread({}, options), {}, {
21
23
  analytics: {
22
24
  enabled: true
@@ -29,7 +31,9 @@ export var ElementPaymentComponent = /*#__PURE__*/function () {
29
31
  value: function mount(sessionData, options) {
30
32
  var _this = this;
31
33
  var elementContainer = document.querySelector(options.selector);
32
- elementContainer.style.display = 'none';
34
+ if (this.isConnect) {
35
+ elementContainer.style.display = 'none';
36
+ }
33
37
  var selector = options.selector.indexOf('#') === 0 ? options.selector.slice(1) : options.selector;
34
38
  return new Promise(function (resolve) {
35
39
  _this.sdk.mountComponent({
@@ -50,7 +54,7 @@ export var ElementPaymentComponent = /*#__PURE__*/function () {
50
54
  }, {
51
55
  key: "update",
52
56
  value: function update() {
53
- if (this.elementContainer) {
57
+ if (this.elementContainer && this.isConnect) {
54
58
  this.elementContainer.style.display = 'initial';
55
59
  }
56
60
  // 下发数据
package/esm/core/component/element/element-mock.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export declare const sdkAction: any;
2
+ export declare const oneAccount: any;
package/esm/core/component/element/element-mock.js ADDED
@@ -0,0 +1,263 @@
1
+ export var sdkAction = {
2
+ amountConfirmRequired: false,
3
+ autoDebitWithToken: false,
4
+ errorActions: {},
5
+ extendInfo: {},
6
+ links: {},
7
+ needInstallmentAbility: false,
8
+ needOtherElements: false,
9
+ openPopPaymentRetryAbility: 'Y',
10
+ orderAmount: {
11
+ amount: '288.86',
12
+ currency: 'USD',
13
+ currencyLabel: 'US $',
14
+ formattedAmount: '288.86',
15
+ formattedAmountWithCurrency: 'US $288.86',
16
+ value: '28886'
17
+ },
18
+ orderAmountView: {
19
+ currency: 'USD',
20
+ currencyDivider: ' ',
21
+ currencyLabel: '$',
22
+ currencySymbolPosition: 'L',
23
+ formattedValue: '288.86',
24
+ value: '288.86'
25
+ },
26
+ paymentAmount: {
27
+ amount: '288.86',
28
+ currency: 'USD',
29
+ currencyLabel: 'US $',
30
+ formattedAmount: '288.86',
31
+ formattedAmountWithCurrency: 'US $288.86',
32
+ value: '28886'
33
+ },
34
+ paymentAmountView: {
35
+ currency: 'USD',
36
+ currencyDivider: ' ',
37
+ currencyLabel: '$',
38
+ currencySymbolPosition: 'L',
39
+ formattedValue: '288.86',
40
+ value: '288.86'
41
+ },
42
+ paymentMethods: [{
43
+ antomPage: 'paymentMetaPage',
44
+ category: 'AC_WALLET',
45
+ expressCheckout: false,
46
+ icon: 'https://cdn.marmot-cloud.com/storage/2024/05/15/8c2df293-4ff8-4a1c-bd39-457c26937acb.svg',
47
+ iconName: 'Rabbit LINE Pay',
48
+ interActionType: 'SHOW_CODE',
49
+ paymentMethodName: 'Rabbit LINE Pay',
50
+ paymentMethodType: 'RABBIT_LINE_PAY',
51
+ recommend: false,
52
+ webRedirectType: 'PAGE_REFRESH'
53
+ }, {
54
+ antomPage: 'paymentMetaPage',
55
+ category: 'AC_WALLET',
56
+ expressCheckout: false,
57
+ icon: 'https://cdn.marmot-cloud.com/storage/2024/05/15/72aa8973-7638-4f3f-b657-7af0ae02e6cf.svg',
58
+ iconName: 'BPI',
59
+ interActionType: 'SHOW_CODE',
60
+ paymentMethodName: 'BPI',
61
+ paymentMethodType: 'BPI',
62
+ recommend: false,
63
+ webRedirectType: 'PAGE_REFRESH'
64
+ }, {
65
+ antomPage: 'paymentMetaPage',
66
+ category: 'AC_WALLET',
67
+ expressCheckout: true,
68
+ icon: 'https://cdn.marmot-cloud.com/storage/2024/05/15/5b829130-42d9-46e7-a23d-6774f7352900.svg',
69
+ iconName: 'Alipay',
70
+ interActionType: 'SHOW_CODE',
71
+ paymentMethodName: 'Alipay',
72
+ paymentMethodType: 'ALIPAY_CN',
73
+ recommend: false,
74
+ webRedirectType: 'PAGE_REFRESH'
75
+ }, {
76
+ antomPage: 'paymentMetaPage',
77
+ category: 'AC_WALLET',
78
+ expressCheckout: false,
79
+ icon: 'https://cdn.marmot-cloud.com/storage/2024/05/15/ed012d1a-06c4-4606-a493-0d81ead685b6.svg',
80
+ iconName: 'Akulaku PayLater',
81
+ interActionType: 'SHOW_CODE',
82
+ paymentMethodName: 'Akulaku PayLater PH',
83
+ paymentMethodType: 'AKULAKU_PAYLATER_PH',
84
+ recommend: false,
85
+ webRedirectType: 'PAGE_REFRESH'
86
+ }, {
87
+ antomPage: 'paymentMetaPage',
88
+ category: 'AC_WALLET',
89
+ expressCheckout: false,
90
+ icon: 'https://cdn.marmot-cloud.com/storage/2024/05/15/ed012d1a-06c4-4606-a493-0d81ead685b6.svg',
91
+ iconName: 'Akulaku PayLater',
92
+ interActionType: 'SHOW_CODE',
93
+ paymentMethodName: 'Akulaku PayLater',
94
+ paymentMethodType: 'AKULAKU_PAYLATER',
95
+ recommend: false,
96
+ webRedirectType: 'PAGE_REFRESH'
97
+ }, {
98
+ antomPage: 'paymentMetaPage',
99
+ category: 'AC_WALLET',
100
+ expressCheckout: false,
101
+ icon: 'https://cdn.marmot-cloud.com/storage/2024/05/15/fcf9ba5e-b2b4-4c33-a041-f21bcf1539e4.svg',
102
+ iconName: 'BillEase',
103
+ interActionType: 'SHOW_CODE',
104
+ paymentMethodName: 'BILLEASE',
105
+ paymentMethodType: 'BILLEASE',
106
+ recommend: false,
107
+ webRedirectType: 'PAGE_REFRESH'
108
+ }, {
109
+ antomPage: 'paymentMetaPage',
110
+ category: 'AC_WALLET',
111
+ expressCheckout: false,
112
+ icon: 'https://cdn.marmot-cloud.com/storage/2024/05/15/dfcedf07-3135-49b6-9e39-6ab89b5ba5a1.svg',
113
+ iconName: 'Kredivo',
114
+ interActionType: 'SHOW_CODE',
115
+ paymentMethodName: 'KREDIVO',
116
+ paymentMethodType: 'KREDIVO_ID',
117
+ recommend: false,
118
+ webRedirectType: 'PAGE_REFRESH'
119
+ }, {
120
+ antomPage: 'paymentMetaPage',
121
+ category: 'AC_WALLET',
122
+ expressCheckout: false,
123
+ icon: 'https://cdn.marmot-cloud.com/storage/2024/05/15/6c7baedf-cb9e-47b1-8c2e-d2477b0d3018.svg',
124
+ iconName: 'Toss Pay',
125
+ interActionType: 'SHOW_CODE',
126
+ paymentMethodName: 'Toss Pay',
127
+ paymentMethodType: 'TOSSPAY',
128
+ recommend: false,
129
+ webRedirectType: 'PAGE_REFRESH'
130
+ }, {
131
+ antomPage: 'paymentMetaPage',
132
+ category: 'AC_WALLET',
133
+ expressCheckout: false,
134
+ icon: 'https://cdn.marmot-cloud.com/storage/2024/05/15/89c1063e-c7d3-4b60-82a0-6e4c40426612.svg',
135
+ iconName: 'Kakao Pay',
136
+ interActionType: 'SHOW_CODE',
137
+ paymentMethodName: 'KAKAOPAY',
138
+ paymentMethodType: 'KAKAOPAY',
139
+ recommend: false,
140
+ webRedirectType: 'PAGE_REFRESH'
141
+ }, {
142
+ antomPage: 'paymentMetaPage',
143
+ category: 'AC_WALLET',
144
+ expressCheckout: false,
145
+ icon: 'https://cdn.marmot-cloud.com/storage/2024/05/15/46ac203c-21fd-4feb-80c6-fd19faf1a9b7.svg',
146
+ iconName: 'GCash',
147
+ interActionType: 'SHOW_CODE',
148
+ paymentMethodName: 'GCash',
149
+ paymentMethodType: 'GCASH',
150
+ recommend: false,
151
+ webRedirectType: 'PAGE_REFRESH'
152
+ }, {
153
+ antomPage: 'paymentMetaPage',
154
+ category: 'AC_WALLET',
155
+ expressCheckout: false,
156
+ icon: 'https://cdn.marmot-cloud.com/storage/2024/05/15/8409ec96-3153-4d31-9bcb-a6b60f6ce11f.svg',
157
+ iconName: 'Boost',
158
+ interActionType: 'SHOW_CODE',
159
+ paymentMethodName: 'Boost',
160
+ paymentMethodType: 'BOOST',
161
+ recommend: false,
162
+ webRedirectType: 'PAGE_REFRESH'
163
+ }, {
164
+ antomPage: 'paymentMetaPage',
165
+ category: 'AC_WALLET',
166
+ expressCheckout: false,
167
+ icon: 'https://cdn.marmot-cloud.com/storage/2024/05/15/dd81e7d9-d845-434e-95b8-87b726d44aa4.svg',
168
+ iconName: 'DOKU',
169
+ interActionType: 'SHOW_CODE',
170
+ paymentMethodName: 'DOKU',
171
+ paymentMethodType: 'DOKU',
172
+ recommend: false,
173
+ webRedirectType: 'PAGE_REFRESH'
174
+ }, {
175
+ antomPage: 'paymentMetaPage',
176
+ category: 'AC_WALLET',
177
+ expressCheckout: false,
178
+ icon: 'https://cdn.marmot-cloud.com/storage/2024/05/15/2ec693a8-2c42-4efe-8acd-efdeeabd3210.svg',
179
+ iconName: 'K PLUS',
180
+ interActionType: 'SHOW_CODE',
181
+ paymentMethodName: 'KPLUS',
182
+ paymentMethodType: 'KPLUS',
183
+ recommend: false,
184
+ webRedirectType: 'PAGE_REFRESH'
185
+ }, {
186
+ antomPage: 'paymentMetaPage',
187
+ category: 'AC_WALLET',
188
+ expressCheckout: false,
189
+ icon: 'https://cdn.marmot-cloud.com/storage/2024/05/15/82288753-bc33-4f4c-9c07-e54c5da5c8f8.svg',
190
+ iconName: "Touch'n Go eWallet",
191
+ interActionType: 'SHOW_CODE',
192
+ paymentMethodName: 'TNG',
193
+ paymentMethodType: 'TNG',
194
+ recommend: false,
195
+ webRedirectType: 'PAGE_REFRESH'
196
+ }, {
197
+ antomPage: 'paymentMetaPage',
198
+ category: 'AC_WALLET',
199
+ expressCheckout: false,
200
+ icon: 'https://cdn.marmot-cloud.com/storage/2024/05/15/db94babb-71db-42c4-80be-a65de641631a.svg',
201
+ iconName: 'NAVER Pay',
202
+ interActionType: 'SHOW_CODE',
203
+ paymentMethodName: 'NAVER Pay',
204
+ paymentMethodType: 'NAVERPAY',
205
+ recommend: false,
206
+ webRedirectType: 'PAGE_REFRESH'
207
+ }, {
208
+ antomPage: 'paymentMetaPage',
209
+ category: 'AC_WALLET',
210
+ expressCheckout: false,
211
+ icon: 'https://cdn.marmot-cloud.com/storage/2024/05/15/5b1ec246-b49f-4390-b356-3af2af5acf09.svg',
212
+ iconName: 'TrueMoney',
213
+ interActionType: 'SHOW_CODE',
214
+ paymentMethodName: 'TrueMoney Wallet',
215
+ paymentMethodType: 'TRUEMONEY',
216
+ recommend: false,
217
+ webRedirectType: 'PAGE_REFRESH'
218
+ }, {
219
+ antomPage: 'paymentMetaPage',
220
+ category: 'AC_WALLET',
221
+ expressCheckout: false,
222
+ icon: 'https://cdn.marmot-cloud.com/storage/2024/05/15/97dbcec8-7bdd-464b-b49a-5d9af6d98c0b.svg',
223
+ iconName: 'AlipayHK',
224
+ interActionType: 'SHOW_CODE',
225
+ paymentMethodName: 'ALIPAY_HK',
226
+ paymentMethodType: 'ALIPAY_HK',
227
+ recommend: false,
228
+ webRedirectType: 'PAGE_REFRESH'
229
+ }, {
230
+ antomPage: 'paymentMetaPage',
231
+ category: 'AC_WALLET',
232
+ expressCheckout: false,
233
+ icon: 'https://cdn.marmot-cloud.com/storage/2024/05/15/6148dd94-9d28-43d5-9073-c99bfb8e7ace.svg',
234
+ iconName: 'DANA',
235
+ interActionType: 'SHOW_CODE',
236
+ paymentMethodName: 'DANA',
237
+ paymentMethodType: 'DANA',
238
+ recommend: false,
239
+ webRedirectType: 'PAGE_REFRESH'
240
+ }],
241
+ redirectUrl: 'https://www.baidu.com',
242
+ savedPaymentMethods: [],
243
+ success: true
244
+ };
245
+ export var oneAccount = {
246
+ accountInfo: {
247
+ accountStatus: 'EFFECTIVE',
248
+ email: 'like.xh@antgroup.com'
249
+ },
250
+ actionForm: {
251
+ challengeAutoTriggered: false,
252
+ challengeRetrySupported: true,
253
+ challengeType: 'EMAIL_OTP',
254
+ estimatedDuration: 0,
255
+ resendLeftTimes: 0,
256
+ verifyId: 'q4gtI6ONJab5bnuGyf5f0gm4D2AyXfKh'
257
+ },
258
+ errorActions: {},
259
+ extendInfo: {},
260
+ paymentMethods: [],
261
+ shippings: [],
262
+ success: true
263
+ };
package/esm/core/component/element/index.d.ts CHANGED
@@ -14,6 +14,7 @@ export declare class ElementComponent {
14
14
  private sdkActionRes;
15
15
  private oneAccountRes;
16
16
  private launchSource;
17
+ private isConnect;
17
18
  private iframeSrc;
18
19
  private mountOptions;
19
20
  private iframes;
@@ -26,6 +27,7 @@ export declare class ElementComponent {
26
27
  private oneAccountQuery;
27
28
  private addListener;
28
29
  private launchFunc;
30
+ private showIframe;
29
31
  private sendRenderData;
30
32
  private removeListener;
31
33
  private registerEventListener;
@@ -35,12 +37,12 @@ export declare class ElementComponent {
35
37
  mount(renderOptions: AddressMountOptions, sdkSelector: string): AddressMountResult;
36
38
  mount(renderOptions: PaymentMountOptions, sdkSelector: string): PaymentMountResult;
37
39
  mount(renderOptions: LinkAuthMountOptions, sdkSelector: string): LinkAuthMountResult;
38
- private removeSdk;
40
+ private removeIframe;
39
41
  unmount(): void;
40
- private onValidateFunc;
41
42
  private onAfterSubmitFunc;
42
43
  private onSubmitRiskFunc;
43
44
  private onSubmit;
45
+ private onValidateFunc;
44
46
  private validatePromiseFuncs;
45
- submitPayment(): void;
47
+ submitPayment(): Promise<void>;
46
48
  }