@adyen/adyen-web 6.12.0 → 6.13.0
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.
- package/dist/cjs/adyen.css +10 -5
- package/dist/cjs/adyen.css.map +1 -1
- package/dist/cjs/index.cjs +2 -2
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/cjs/index.d.cts +759 -407
- package/dist/es/adyen.css +10 -5
- package/dist/es/adyen.css.map +1 -1
- package/dist/es/components/ApplePay/utils/payment-request.js +1 -1
- package/dist/es/components/ApplePay/utils/payment-request.js.map +1 -1
- package/dist/es/components/Card/Card.js +1 -1
- package/dist/es/components/Card/Card.js.map +1 -1
- package/dist/es/components/Card/components/CardInput/CardInput.js +1 -1
- package/dist/es/components/Card/components/CardInput/CardInput.js.map +1 -1
- package/dist/es/components/Card/components/CardInput/types.js.map +1 -1
- package/dist/es/components/Card/components/Fastlane/FastlaneSignup.js +2 -0
- package/dist/es/components/Card/components/Fastlane/FastlaneSignup.js.map +1 -0
- package/dist/es/components/Card/components/Fastlane/InfoButton.js +2 -0
- package/dist/es/components/Card/components/Fastlane/InfoButton.js.map +1 -0
- package/dist/es/components/Card/components/Fastlane/InfoModal.js +2 -0
- package/dist/es/components/Card/components/Fastlane/InfoModal.js.map +1 -0
- package/dist/es/components/Card/components/Fastlane/USOnlyPhoneInput.js +2 -0
- package/dist/es/components/Card/components/Fastlane/USOnlyPhoneInput.js.map +1 -0
- package/dist/es/components/Card/components/Fastlane/utils/mobile-number-formatter.js +2 -0
- package/dist/es/components/Card/components/Fastlane/utils/mobile-number-formatter.js.map +1 -0
- package/dist/es/components/Card/components/Fastlane/utils/validate-configuration.js +2 -0
- package/dist/es/components/Card/components/Fastlane/utils/validate-configuration.js.map +1 -0
- package/dist/es/components/CustomCard/CustomCardInput/CustomCardInput.js.map +1 -1
- package/dist/es/components/Dropin/Dropin.js +1 -1
- package/dist/es/components/Dropin/Dropin.js.map +1 -1
- package/dist/es/components/Dropin/components/DropinComponent.js +1 -1
- package/dist/es/components/Dropin/components/DropinComponent.js.map +1 -1
- package/dist/es/components/Dropin/components/PaymentMethod/PaymentMethodList.js +1 -1
- package/dist/es/components/Dropin/components/PaymentMethod/PaymentMethodList.js.map +1 -1
- package/dist/es/components/Dropin/components/PaymentMethod/PaymentMethodsContainer.js +1 -1
- package/dist/es/components/Dropin/components/PaymentMethod/PaymentMethodsContainer.js.map +1 -1
- package/dist/es/components/Dropin/elements/splitPaymentMethods.js +1 -1
- package/dist/es/components/Dropin/elements/splitPaymentMethods.js.map +1 -1
- package/dist/es/components/GooglePay/GooglePay.js +1 -1
- package/dist/es/components/GooglePay/GooglePay.js.map +1 -1
- package/dist/es/components/PayPalFastlane/Fastlane.js +2 -0
- package/dist/es/components/PayPalFastlane/Fastlane.js.map +1 -0
- package/dist/es/components/PayPalFastlane/FastlaneSDK.js +2 -0
- package/dist/es/components/PayPalFastlane/FastlaneSDK.js.map +1 -0
- package/dist/es/components/PayPalFastlane/components/FaslaneCardBrandIcon.js +2 -0
- package/dist/es/components/PayPalFastlane/components/FaslaneCardBrandIcon.js.map +1 -0
- package/dist/es/components/PayPalFastlane/components/FastlaneComponent.js +2 -0
- package/dist/es/components/PayPalFastlane/components/FastlaneComponent.js.map +1 -0
- package/dist/es/components/PayPalFastlane/initializeFastlane.js +2 -0
- package/dist/es/components/PayPalFastlane/initializeFastlane.js.map +1 -0
- package/dist/es/components/PayPalFastlane/services/request-fastlane-token.js +2 -0
- package/dist/es/components/PayPalFastlane/services/request-fastlane-token.js.map +1 -0
- package/dist/es/components/PayPalFastlane/utils/convert-locale.js +2 -0
- package/dist/es/components/PayPalFastlane/utils/convert-locale.js.map +1 -0
- package/dist/es/components/components-name-map.js +1 -1
- package/dist/es/components/components-name-map.js.map +1 -1
- package/dist/es/components/index.js +1 -1
- package/dist/es/components/internal/Button/Button.js +1 -1
- package/dist/es/components/internal/Button/Button.js.map +1 -1
- package/dist/es/components/internal/DisclaimerMessage/DisclaimerMessage.js +1 -1
- package/dist/es/components/internal/DisclaimerMessage/DisclaimerMessage.js.map +1 -1
- package/dist/es/components/internal/FormFields/Field/Field.js +1 -1
- package/dist/es/components/internal/FormFields/Field/Field.js.map +1 -1
- package/dist/es/components/internal/Link/Link.js +2 -0
- package/dist/es/components/internal/Link/Link.js.map +1 -0
- package/dist/es/components/internal/Modal/Modal.js +1 -1
- package/dist/es/components/internal/Modal/Modal.js.map +1 -1
- package/dist/es/components/internal/SecuredFields/lib/constants.js +1 -1
- package/dist/es/components/internal/SecuredFields/lib/constants.js.map +1 -1
- package/dist/es/components/internal/SecuredFields/lib/securedField/utils/processPlaceholders.js.map +1 -1
- package/dist/es/components/internal/Toggle/Toggle.js +2 -0
- package/dist/es/components/internal/Toggle/Toggle.js.map +1 -0
- package/dist/es/components/internal/UIElement/UIElement.js.map +1 -1
- package/dist/es/components/tx-variants.js +1 -1
- package/dist/es/components/tx-variants.js.map +1 -1
- package/dist/es/core/Analytics/analyticsPreProcessor.js +1 -1
- package/dist/es/core/Analytics/analyticsPreProcessor.js.map +1 -1
- package/dist/es/core/Analytics/constants.js +1 -1
- package/dist/es/core/Analytics/constants.js.map +1 -1
- package/dist/es/core/Analytics/utils.js +1 -1
- package/dist/es/core/Analytics/utils.js.map +1 -1
- package/dist/es/core/Services/analytics/collect-id.js +1 -1
- package/dist/es/core/core.js +1 -1
- package/dist/es/index.d.ts +759 -407
- package/dist/es/index.js +1 -1
- package/dist/es-legacy/adyen.css +10 -5
- package/dist/es-legacy/adyen.css.map +1 -1
- package/dist/es-legacy/components/ApplePay/utils/payment-request.js +1 -1
- package/dist/es-legacy/components/ApplePay/utils/payment-request.js.map +1 -1
- package/dist/es-legacy/components/Card/Card.js +1 -1
- package/dist/es-legacy/components/Card/Card.js.map +1 -1
- package/dist/es-legacy/components/Card/components/CardInput/CardInput.js +1 -1
- package/dist/es-legacy/components/Card/components/CardInput/CardInput.js.map +1 -1
- package/dist/es-legacy/components/Card/components/CardInput/types.js.map +1 -1
- package/dist/es-legacy/components/Card/components/Fastlane/FastlaneSignup.js +2 -0
- package/dist/es-legacy/components/Card/components/Fastlane/FastlaneSignup.js.map +1 -0
- package/dist/es-legacy/components/Card/components/Fastlane/InfoButton.js +2 -0
- package/dist/es-legacy/components/Card/components/Fastlane/InfoButton.js.map +1 -0
- package/dist/es-legacy/components/Card/components/Fastlane/InfoModal.js +2 -0
- package/dist/es-legacy/components/Card/components/Fastlane/InfoModal.js.map +1 -0
- package/dist/es-legacy/components/Card/components/Fastlane/USOnlyPhoneInput.js +2 -0
- package/dist/es-legacy/components/Card/components/Fastlane/USOnlyPhoneInput.js.map +1 -0
- package/dist/es-legacy/components/Card/components/Fastlane/utils/mobile-number-formatter.js +2 -0
- package/dist/es-legacy/components/Card/components/Fastlane/utils/mobile-number-formatter.js.map +1 -0
- package/dist/es-legacy/components/Card/components/Fastlane/utils/validate-configuration.js +2 -0
- package/dist/es-legacy/components/Card/components/Fastlane/utils/validate-configuration.js.map +1 -0
- package/dist/es-legacy/components/CustomCard/CustomCardInput/CustomCardInput.js.map +1 -1
- package/dist/es-legacy/components/Dropin/Dropin.js +1 -1
- package/dist/es-legacy/components/Dropin/Dropin.js.map +1 -1
- package/dist/es-legacy/components/Dropin/components/DropinComponent.js +1 -1
- package/dist/es-legacy/components/Dropin/components/DropinComponent.js.map +1 -1
- package/dist/es-legacy/components/Dropin/components/PaymentMethod/PaymentMethodList.js +1 -1
- package/dist/es-legacy/components/Dropin/components/PaymentMethod/PaymentMethodList.js.map +1 -1
- package/dist/es-legacy/components/Dropin/components/PaymentMethod/PaymentMethodsContainer.js +1 -1
- package/dist/es-legacy/components/Dropin/components/PaymentMethod/PaymentMethodsContainer.js.map +1 -1
- package/dist/es-legacy/components/Dropin/elements/splitPaymentMethods.js +1 -1
- package/dist/es-legacy/components/Dropin/elements/splitPaymentMethods.js.map +1 -1
- package/dist/es-legacy/components/GooglePay/GooglePay.js +1 -1
- package/dist/es-legacy/components/GooglePay/GooglePay.js.map +1 -1
- package/dist/es-legacy/components/PayPalFastlane/Fastlane.js +2 -0
- package/dist/es-legacy/components/PayPalFastlane/Fastlane.js.map +1 -0
- package/dist/es-legacy/components/PayPalFastlane/FastlaneSDK.js +2 -0
- package/dist/es-legacy/components/PayPalFastlane/FastlaneSDK.js.map +1 -0
- package/dist/es-legacy/components/PayPalFastlane/components/FaslaneCardBrandIcon.js +2 -0
- package/dist/es-legacy/components/PayPalFastlane/components/FaslaneCardBrandIcon.js.map +1 -0
- package/dist/es-legacy/components/PayPalFastlane/components/FastlaneComponent.js +2 -0
- package/dist/es-legacy/components/PayPalFastlane/components/FastlaneComponent.js.map +1 -0
- package/dist/es-legacy/components/PayPalFastlane/initializeFastlane.js +2 -0
- package/dist/es-legacy/components/PayPalFastlane/initializeFastlane.js.map +1 -0
- package/dist/es-legacy/components/PayPalFastlane/services/request-fastlane-token.js +2 -0
- package/dist/es-legacy/components/PayPalFastlane/services/request-fastlane-token.js.map +1 -0
- package/dist/es-legacy/components/PayPalFastlane/utils/convert-locale.js +2 -0
- package/dist/es-legacy/components/PayPalFastlane/utils/convert-locale.js.map +1 -0
- package/dist/es-legacy/components/components-name-map.js +1 -1
- package/dist/es-legacy/components/components-name-map.js.map +1 -1
- package/dist/es-legacy/components/index.js +1 -1
- package/dist/es-legacy/components/internal/Button/Button.js +1 -1
- package/dist/es-legacy/components/internal/Button/Button.js.map +1 -1
- package/dist/es-legacy/components/internal/DisclaimerMessage/DisclaimerMessage.js +1 -1
- package/dist/es-legacy/components/internal/DisclaimerMessage/DisclaimerMessage.js.map +1 -1
- package/dist/es-legacy/components/internal/FormFields/Field/Field.js +1 -1
- package/dist/es-legacy/components/internal/FormFields/Field/Field.js.map +1 -1
- package/dist/es-legacy/components/internal/Link/Link.js +2 -0
- package/dist/es-legacy/components/internal/Link/Link.js.map +1 -0
- package/dist/es-legacy/components/internal/Modal/Modal.js +1 -1
- package/dist/es-legacy/components/internal/Modal/Modal.js.map +1 -1
- package/dist/es-legacy/components/internal/SecuredFields/lib/constants.js +1 -1
- package/dist/es-legacy/components/internal/SecuredFields/lib/constants.js.map +1 -1
- package/dist/es-legacy/components/internal/SecuredFields/lib/securedField/utils/processPlaceholders.js.map +1 -1
- package/dist/es-legacy/components/internal/Toggle/Toggle.js +2 -0
- package/dist/es-legacy/components/internal/Toggle/Toggle.js.map +1 -0
- package/dist/es-legacy/components/internal/UIElement/UIElement.js.map +1 -1
- package/dist/es-legacy/components/tx-variants.js +1 -1
- package/dist/es-legacy/components/tx-variants.js.map +1 -1
- package/dist/es-legacy/core/Analytics/analyticsPreProcessor.js +1 -1
- package/dist/es-legacy/core/Analytics/analyticsPreProcessor.js.map +1 -1
- package/dist/es-legacy/core/Analytics/constants.js +1 -1
- package/dist/es-legacy/core/Analytics/constants.js.map +1 -1
- package/dist/es-legacy/core/Analytics/utils.js +1 -1
- package/dist/es-legacy/core/Analytics/utils.js.map +1 -1
- package/dist/es-legacy/core/Services/analytics/collect-id.js +1 -1
- package/dist/es-legacy/core/core.js +1 -1
- package/dist/es-legacy/index.js +1 -1
- package/package.json +14 -14
- package/styles/adyen.css +10 -5
package/dist/cjs/index.d.cts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="applepayjs" />
|
|
2
2
|
/// <reference types="googlepay" />
|
|
3
3
|
import * as preact from 'preact';
|
|
4
|
-
import { h, ComponentChild, FunctionComponent } from 'preact';
|
|
4
|
+
import { h, ComponentChild, Ref, FunctionComponent } from 'preact';
|
|
5
5
|
|
|
6
6
|
/**
|
|
7
7
|
* Holds the result of a validation
|
|
@@ -126,219 +126,262 @@ declare class Resources {
|
|
|
126
126
|
getImage(props?: ImageOptions): GetImageFnType;
|
|
127
127
|
}
|
|
128
128
|
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
129
|
+
type GiftcardFieldsProps = {
|
|
130
|
+
setRootNode: (input: HTMLElement) => void;
|
|
131
|
+
i18n: Language;
|
|
132
|
+
pinRequired: boolean;
|
|
133
|
+
sfpState: SFPState;
|
|
134
|
+
getCardErrorMessage: any;
|
|
135
|
+
focusedElement: any;
|
|
136
|
+
setFocusOn: any;
|
|
137
|
+
label?: string;
|
|
138
|
+
};
|
|
139
|
+
|
|
140
|
+
interface SFPState {
|
|
141
|
+
status?: string;
|
|
142
|
+
brand?: string;
|
|
143
|
+
errors?: object;
|
|
144
|
+
valid: SFPValid;
|
|
145
|
+
data: object;
|
|
146
|
+
cvcPolicy?: CVCPolicyType;
|
|
147
|
+
isSfpValid?: boolean;
|
|
148
|
+
autoCompleteName?: string;
|
|
149
|
+
billingAddress?: AddressData;
|
|
150
|
+
detectedUnsupportedBrands?: string[];
|
|
151
|
+
hasKoreanFields?: boolean;
|
|
152
|
+
showSocialSecurityNumber?: boolean;
|
|
153
|
+
expiryDatePolicy?: DatePolicyType;
|
|
154
|
+
socialSecurityNumber?: string;
|
|
138
155
|
}
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
};
|
|
149
|
-
private nodeRiskContainer;
|
|
150
|
-
constructor(checkout: ICore, props?: any);
|
|
151
|
-
formatProps(props: any): any;
|
|
152
|
-
onComplete: (result: any) => void;
|
|
153
|
-
onError: (error: any) => void;
|
|
154
|
-
get isValid(): any;
|
|
155
|
-
get data(): any;
|
|
156
|
-
get enabled(): boolean;
|
|
157
|
-
cleanUp: () => void;
|
|
158
|
-
componentWillUnmount(): void;
|
|
159
|
-
render(): h.JSX.Element;
|
|
156
|
+
interface SFPValid {
|
|
157
|
+
encryptedCardNumber?: boolean;
|
|
158
|
+
encryptedExpiryMonth?: boolean;
|
|
159
|
+
encryptedExpiryYear?: boolean;
|
|
160
|
+
encryptedSecurityCode?: boolean;
|
|
161
|
+
encryptedPassword?: boolean;
|
|
162
|
+
encryptedPin?: boolean;
|
|
163
|
+
encryptedBankAccountNumber?: boolean;
|
|
164
|
+
encryptedBankLocationId?: boolean;
|
|
160
165
|
}
|
|
161
166
|
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
167
|
+
declare const REQUIRED = "required";
|
|
168
|
+
declare const OPTIONAL = "optional";
|
|
169
|
+
declare const HIDDEN = "hidden";
|
|
170
|
+
|
|
171
|
+
declare global {
|
|
172
|
+
interface Window {
|
|
173
|
+
_b$dl: boolean;
|
|
174
|
+
mockBinCount: number;
|
|
175
|
+
}
|
|
171
176
|
}
|
|
172
|
-
interface
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
_component: any;
|
|
178
|
-
render(): ComponentChild | Error;
|
|
179
|
-
mount(domNode: HTMLElement | string): IBaseElement;
|
|
180
|
-
update(props: any): IBaseElement;
|
|
181
|
-
unmount(): IBaseElement;
|
|
182
|
-
remove(): void;
|
|
183
|
-
activate(): void;
|
|
177
|
+
interface StylesObject {
|
|
178
|
+
base?: StyleDefinitions;
|
|
179
|
+
error?: StyleDefinitions;
|
|
180
|
+
validated?: StyleDefinitions;
|
|
181
|
+
placeholder?: StyleDefinitions;
|
|
184
182
|
}
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
183
|
+
interface StyleDefinitions {
|
|
184
|
+
background?: string;
|
|
185
|
+
caretColor?: string;
|
|
186
|
+
color?: string;
|
|
187
|
+
display?: string;
|
|
188
|
+
font?: string;
|
|
189
|
+
fontFamily?: string;
|
|
190
|
+
fontSize?: string;
|
|
191
|
+
fontSizeAdjust?: string;
|
|
192
|
+
fontSmoothing?: string;
|
|
193
|
+
fontStretch?: string;
|
|
194
|
+
fontStyle?: string;
|
|
195
|
+
fontVariant?: string;
|
|
196
|
+
fontVariantAlternates?: string;
|
|
197
|
+
fontVariantCaps?: string;
|
|
198
|
+
fontVariantEastAsian?: string;
|
|
199
|
+
fontVariantLigatures?: string;
|
|
200
|
+
fontVariantNumeric?: string;
|
|
201
|
+
fontWeight?: string;
|
|
202
|
+
letterSpacing?: string;
|
|
203
|
+
lineHeight?: string;
|
|
204
|
+
mozOsxFontSmoothing?: string;
|
|
205
|
+
mozTransition?: string;
|
|
206
|
+
outline?: string;
|
|
207
|
+
opacity?: string;
|
|
208
|
+
padding?: string;
|
|
209
|
+
textAlign?: string;
|
|
210
|
+
textShadow?: string;
|
|
211
|
+
transition?: string;
|
|
212
|
+
webkitFontSmoothing?: string;
|
|
213
|
+
webkitTransition?: string;
|
|
214
|
+
wordSpacing?: string;
|
|
188
215
|
}
|
|
189
|
-
interface
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
216
|
+
interface CardAllValidData {
|
|
217
|
+
type: string;
|
|
218
|
+
allValid: boolean;
|
|
219
|
+
rootNode: HTMLElement;
|
|
193
220
|
}
|
|
194
|
-
interface
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
id?: string;
|
|
200
|
-
ariaAttributes?: AriaAttributes;
|
|
221
|
+
interface CardAutoCompleteData {
|
|
222
|
+
fieldType: string;
|
|
223
|
+
name: string;
|
|
224
|
+
value: string;
|
|
225
|
+
action: string;
|
|
201
226
|
}
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
227
|
+
interface CardBinLookupData {
|
|
228
|
+
type?: string;
|
|
229
|
+
detectedBrands?: string[];
|
|
230
|
+
supportedBrands?: string[];
|
|
231
|
+
brands?: string[];
|
|
232
|
+
issuingCountryCode?: string;
|
|
233
|
+
supportedBrandsRaw?: BrandObject[];
|
|
234
|
+
rootNode?: HTMLElement;
|
|
235
|
+
isReset?: boolean;
|
|
236
|
+
}
|
|
237
|
+
interface CardBinValueData {
|
|
238
|
+
type: string;
|
|
239
|
+
binValue: string;
|
|
240
|
+
uuid?: string;
|
|
241
|
+
encryptedBin?: string;
|
|
242
|
+
}
|
|
243
|
+
interface CardBrandData {
|
|
244
|
+
type: string;
|
|
245
|
+
rootNode: HTMLElement;
|
|
246
|
+
brand: string;
|
|
247
|
+
cvcPolicy: CVCPolicyType;
|
|
248
|
+
expiryDatePolicy?: DatePolicyType;
|
|
249
|
+
cvcText: string;
|
|
250
|
+
showSocialSecurityNumber?: boolean;
|
|
251
|
+
brandImageUrl?: string;
|
|
252
|
+
}
|
|
253
|
+
interface CardConfigSuccessData {
|
|
254
|
+
iframesConfigured: boolean;
|
|
255
|
+
type: string;
|
|
256
|
+
rootNode: HTMLElement;
|
|
257
|
+
}
|
|
258
|
+
interface CardErrorData {
|
|
259
|
+
fieldType: string;
|
|
206
260
|
error: string;
|
|
261
|
+
type: string;
|
|
262
|
+
rootNode?: HTMLElement;
|
|
263
|
+
detectedBrands?: string[];
|
|
264
|
+
errorI18n?: string;
|
|
265
|
+
errorText?: string;
|
|
207
266
|
}
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
private readonly showPanel;
|
|
220
|
-
private readonly _enabled;
|
|
221
|
-
private readonly _moveFocus;
|
|
222
|
-
private componentRef;
|
|
223
|
-
constructor(checkout: ICore, props?: SRPanelProps);
|
|
224
|
-
setComponentRef: (ref: any) => void;
|
|
225
|
-
get enabled(): boolean;
|
|
226
|
-
get moveFocus(): boolean;
|
|
227
|
-
setAriaProps(ariaAttributes: AriaAttributes): void;
|
|
228
|
-
setMessages: (messages: string[] | string) => void;
|
|
229
|
-
render(): h.JSX.Element;
|
|
267
|
+
interface CardFieldValidData {
|
|
268
|
+
fieldType: string;
|
|
269
|
+
encryptedFieldName: string;
|
|
270
|
+
uid: string;
|
|
271
|
+
valid: boolean;
|
|
272
|
+
type: string;
|
|
273
|
+
rootNode: HTMLElement;
|
|
274
|
+
blob?: string;
|
|
275
|
+
endDigits?: string;
|
|
276
|
+
expiryDate?: string;
|
|
277
|
+
issuerBin?: number;
|
|
230
278
|
}
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
279
|
+
interface CardFocusData {
|
|
280
|
+
action: string;
|
|
281
|
+
focus: boolean;
|
|
282
|
+
numChars: number;
|
|
283
|
+
fieldType: string;
|
|
284
|
+
rootNode: HTMLElement;
|
|
285
|
+
type: string;
|
|
286
|
+
currentFocusObject: string;
|
|
236
287
|
}
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
interface ButtonProps {
|
|
240
|
-
status?: string;
|
|
241
|
-
/**
|
|
242
|
-
* Class name modifiers will be used as: `adyen-checkout__button--${modifier}`
|
|
243
|
-
*/
|
|
244
|
-
classNameModifiers?: string[];
|
|
245
|
-
variant?: ButtonVariant;
|
|
246
|
-
disabled?: boolean;
|
|
247
|
-
label?: string;
|
|
248
|
-
secondaryLabel?: string;
|
|
249
|
-
icon?: string;
|
|
250
|
-
inline?: boolean;
|
|
251
|
-
href?: string;
|
|
252
|
-
target?: string;
|
|
253
|
-
rel?: string;
|
|
254
|
-
onClick?: (e: any, callbacks: any) => void;
|
|
255
|
-
onKeyDown?: (event: KeyboardEvent) => void;
|
|
288
|
+
interface CardLoadData {
|
|
289
|
+
iframesLoaded: boolean;
|
|
256
290
|
}
|
|
291
|
+
type CVCPolicyType = typeof REQUIRED | typeof OPTIONAL | typeof HIDDEN;
|
|
292
|
+
type DatePolicyType = typeof REQUIRED | typeof OPTIONAL | typeof HIDDEN;
|
|
257
293
|
|
|
258
|
-
interface
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
294
|
+
interface TimeoutErrorProps {
|
|
295
|
+
source: string;
|
|
296
|
+
scheme: string;
|
|
297
|
+
isTimeoutTriggeredBySchemeSdk: boolean;
|
|
298
|
+
}
|
|
299
|
+
declare class TimeoutError extends Error {
|
|
300
|
+
scheme: string;
|
|
301
|
+
source: string;
|
|
302
|
+
isTimeoutTriggeredBySchemeSdk: boolean;
|
|
303
|
+
/** Currently populated only by Visa SDK if available */
|
|
304
|
+
correlationId?: string;
|
|
305
|
+
constructor(options: TimeoutErrorProps);
|
|
306
|
+
setCorrelationId(correlationId: string): void;
|
|
307
|
+
toString(): string;
|
|
270
308
|
}
|
|
271
309
|
|
|
272
|
-
type
|
|
273
|
-
type CoreCallbacks$1 = Pick<CoreConfiguration, 'beforeRedirect' | 'beforeSubmit' | 'onSubmit' | 'onAdditionalDetails' | 'onPaymentFailed' | 'onPaymentCompleted' | 'onOrderUpdated' | 'onPaymentMethodsRequest' | 'onChange' | 'onActionHandled' | 'onError' | 'onEnterKeyPressed'>;
|
|
274
|
-
type UIElementProps = BaseElementProps & CoreCallbacks$1 & {
|
|
275
|
-
environment?: string;
|
|
276
|
-
session?: Session;
|
|
277
|
-
onComplete?: (state: any, element: UIElement) => void;
|
|
278
|
-
isInstantPayment?: boolean;
|
|
279
|
-
/**
|
|
280
|
-
* Flags if the element is Stored payment method
|
|
281
|
-
* @internal
|
|
282
|
-
*/
|
|
283
|
-
isStoredPaymentMethod?: boolean;
|
|
310
|
+
type ClickToPayProps = {
|
|
284
311
|
/**
|
|
285
|
-
*
|
|
286
|
-
* Perhaps can be deprecated and we use the one above?
|
|
287
|
-
* @internal
|
|
312
|
+
* Shopper email used to be recognized with the Network schemes
|
|
288
313
|
*/
|
|
289
|
-
|
|
314
|
+
shopperEmail?: string;
|
|
290
315
|
/**
|
|
291
|
-
*
|
|
292
|
-
* @internal
|
|
316
|
+
* Shopper telephone number used to be recognized with the Network schemes
|
|
293
317
|
*/
|
|
294
|
-
|
|
318
|
+
telephoneNumber?: string;
|
|
295
319
|
/**
|
|
296
|
-
*
|
|
297
|
-
* @internal
|
|
320
|
+
* Used to display the merchant name in case the DCF appears (ex: first time doing transaction in the device),
|
|
298
321
|
*/
|
|
299
|
-
|
|
300
|
-
type?: string;
|
|
301
|
-
name?: string;
|
|
302
|
-
icon?: string;
|
|
303
|
-
amount?: PaymentAmount;
|
|
304
|
-
secondaryAmount?: PaymentAmountExtended;
|
|
322
|
+
merchantDisplayName?: string;
|
|
305
323
|
/**
|
|
306
|
-
*
|
|
307
|
-
*
|
|
324
|
+
* Used to ensure the correct language and user experience if DCF screen is displayed. As a fallback, it uses the main locale
|
|
325
|
+
* defined during the creation of the Checkout.
|
|
326
|
+
* Format: ISO language_country pair (e.g., en_US )
|
|
327
|
+
*
|
|
328
|
+
* @defaultValue en_US
|
|
308
329
|
*/
|
|
309
|
-
|
|
310
|
-
/**
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
loadingContext?: string;
|
|
314
|
-
/** @internal */
|
|
315
|
-
createFromAction?: (action: PaymentAction, props: object) => UIElement;
|
|
316
|
-
/** @internal */
|
|
317
|
-
clientKey?: string;
|
|
318
|
-
/** @internal */
|
|
319
|
-
elementRef?: any;
|
|
320
|
-
/** @internal */
|
|
321
|
-
i18n?: Language;
|
|
322
|
-
/**
|
|
323
|
-
* The shopper’s issuer account label. It can be available for stored payment method
|
|
324
|
-
* @internal
|
|
330
|
+
locale?: string;
|
|
331
|
+
/**
|
|
332
|
+
* Disable autofocus on the One Time Password input field when it is either displayed or when the OTP is resent
|
|
333
|
+
* @defaultValue false
|
|
325
334
|
*/
|
|
326
|
-
|
|
335
|
+
disableOtpAutoFocus?: boolean;
|
|
327
336
|
/**
|
|
328
|
-
*
|
|
329
|
-
* that was used for the payment
|
|
330
|
-
* @internal
|
|
337
|
+
* Callback triggered when the Click to Pay component is ready to be used
|
|
331
338
|
*/
|
|
332
|
-
|
|
339
|
+
onReady?(): void;
|
|
333
340
|
/**
|
|
334
|
-
*
|
|
341
|
+
* Callback triggered when a timeout happens within Click to Pay service.
|
|
342
|
+
* Ex: Network schemes took too long to initialize
|
|
335
343
|
*/
|
|
336
|
-
|
|
344
|
+
onTimeout?(error: TimeoutError): void;
|
|
337
345
|
};
|
|
338
|
-
type
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
346
|
+
type ClickToPayScheme = 'mc' | 'visa';
|
|
347
|
+
|
|
348
|
+
interface DisclaimerMsgObject {
|
|
349
|
+
message: string;
|
|
350
|
+
linkText: string;
|
|
351
|
+
link: string;
|
|
352
|
+
}
|
|
353
|
+
|
|
354
|
+
interface RiskModuleOptions {
|
|
355
|
+
enabled: boolean;
|
|
356
|
+
onComplete?: (data: any) => void;
|
|
357
|
+
onError?: (error: any) => void;
|
|
358
|
+
node?: string;
|
|
359
|
+
}
|
|
360
|
+
interface RiskModuleProps extends BaseElementProps {
|
|
361
|
+
risk: RiskModuleOptions;
|
|
362
|
+
loadingContext: string;
|
|
363
|
+
}
|
|
364
|
+
declare class RiskElement extends BaseElement<RiskModuleProps> {
|
|
365
|
+
static type: string;
|
|
366
|
+
static defaultProps: {
|
|
367
|
+
risk: {
|
|
368
|
+
enabled: boolean;
|
|
369
|
+
onComplete: () => void;
|
|
370
|
+
onError: () => void;
|
|
371
|
+
node: string;
|
|
372
|
+
};
|
|
373
|
+
};
|
|
374
|
+
private nodeRiskContainer;
|
|
375
|
+
constructor(checkout: ICore, props?: any);
|
|
376
|
+
formatProps(props: any): any;
|
|
377
|
+
onComplete: (result: any) => void;
|
|
378
|
+
onError: (error: any) => void;
|
|
379
|
+
get isValid(): any;
|
|
380
|
+
get data(): any;
|
|
381
|
+
get enabled(): boolean;
|
|
382
|
+
cleanUp: () => void;
|
|
383
|
+
componentWillUnmount(): void;
|
|
384
|
+
render(): h.JSX.Element;
|
|
342
385
|
}
|
|
343
386
|
|
|
344
387
|
declare const ANALYTICS_EVENT: {
|
|
@@ -420,6 +463,7 @@ interface AnalyticsObject {
|
|
|
420
463
|
component: string;
|
|
421
464
|
id: string;
|
|
422
465
|
code?: string;
|
|
466
|
+
infoType?: string;
|
|
423
467
|
errorType?: string;
|
|
424
468
|
message?: string;
|
|
425
469
|
type?: string;
|
|
@@ -453,236 +497,368 @@ type SendAnalyticsObject = Omit<AnalyticsObject, 'timestamp' | 'id' | 'component
|
|
|
453
497
|
component?: string;
|
|
454
498
|
};
|
|
455
499
|
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
500
|
+
/**
|
|
501
|
+
* PayPal Fastlane Reference:
|
|
502
|
+
* https://developer.paypal.com/docs/checkout/fastlane/reference/#link-customizeyourintegration
|
|
503
|
+
*/
|
|
504
|
+
/**
|
|
505
|
+
* Fastlane object available in the window
|
|
506
|
+
*/
|
|
507
|
+
interface FastlaneWindowInstance {
|
|
508
|
+
identity: {
|
|
509
|
+
lookupCustomerByEmail: (email: string) => Promise<{
|
|
510
|
+
customerContextId: string;
|
|
511
|
+
}>;
|
|
512
|
+
triggerAuthenticationFlow: (customerContextId: string, options?: AuthenticationFlowOptions) => Promise<FastlaneAuthenticatedCustomerResult>;
|
|
513
|
+
getSession: () => Promise<{
|
|
514
|
+
sessionId: string;
|
|
515
|
+
}>;
|
|
516
|
+
};
|
|
517
|
+
profile: {
|
|
518
|
+
showShippingAddressSelector: () => Promise<FastlaneShippingAddressSelectorResult>;
|
|
519
|
+
};
|
|
520
|
+
setLocale: (locale: string) => void;
|
|
521
|
+
ConsentComponent: () => Promise<{
|
|
522
|
+
getRenderState: () => Promise<FastlaneConsentRenderState>;
|
|
523
|
+
}>;
|
|
524
|
+
FastlaneWatermarkComponent: (options: {
|
|
525
|
+
includeAdditionalInfo: boolean;
|
|
526
|
+
}) => Promise<{
|
|
527
|
+
render: (container: any) => null;
|
|
528
|
+
}>;
|
|
465
529
|
}
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
interface SFPState {
|
|
479
|
-
status?: string;
|
|
480
|
-
brand?: string;
|
|
481
|
-
errors?: object;
|
|
482
|
-
valid: SFPValid;
|
|
483
|
-
data: object;
|
|
484
|
-
cvcPolicy?: CVCPolicyType;
|
|
485
|
-
isSfpValid?: boolean;
|
|
486
|
-
autoCompleteName?: string;
|
|
487
|
-
billingAddress?: AddressData;
|
|
488
|
-
detectedUnsupportedBrands?: string[];
|
|
489
|
-
hasKoreanFields?: boolean;
|
|
490
|
-
showSocialSecurityNumber?: boolean;
|
|
491
|
-
expiryDatePolicy?: DatePolicyType;
|
|
492
|
-
socialSecurityNumber?: string;
|
|
530
|
+
interface FastlaneConsentRenderState {
|
|
531
|
+
showConsent: boolean;
|
|
532
|
+
defaultToggleState?: boolean;
|
|
533
|
+
termsAndConditionsLink?: string;
|
|
534
|
+
termsAndConditionsVersion?: string;
|
|
535
|
+
privacyPolicyLink?: string;
|
|
536
|
+
}
|
|
537
|
+
interface FastlaneOptions {
|
|
538
|
+
intendedExperience: 'externalProcessorCustomConsent';
|
|
539
|
+
metadata?: {
|
|
540
|
+
geoLocOverride?: string;
|
|
541
|
+
};
|
|
493
542
|
}
|
|
494
|
-
interface
|
|
495
|
-
encryptedCardNumber?: boolean;
|
|
496
|
-
encryptedExpiryMonth?: boolean;
|
|
497
|
-
encryptedExpiryYear?: boolean;
|
|
498
|
-
encryptedSecurityCode?: boolean;
|
|
499
|
-
encryptedPassword?: boolean;
|
|
500
|
-
encryptedPin?: boolean;
|
|
501
|
-
encryptedBankAccountNumber?: boolean;
|
|
502
|
-
encryptedBankLocationId?: boolean;
|
|
543
|
+
interface AuthenticationFlowOptions {
|
|
503
544
|
}
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
interface Window {
|
|
511
|
-
_b$dl: boolean;
|
|
512
|
-
mockBinCount: number;
|
|
513
|
-
}
|
|
545
|
+
interface CardPaymentSource {
|
|
546
|
+
brand: string;
|
|
547
|
+
expiry: string;
|
|
548
|
+
lastDigits: string;
|
|
549
|
+
name: string;
|
|
550
|
+
billingAddress: FastlaneAddress;
|
|
514
551
|
}
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
552
|
+
/**
|
|
553
|
+
* External types
|
|
554
|
+
*/
|
|
555
|
+
interface FastlaneShippingAddressSelectorResult {
|
|
556
|
+
selectionChanged: boolean;
|
|
557
|
+
selectedAddress: FastlaneShipping;
|
|
558
|
+
}
|
|
559
|
+
interface FastlaneAuthenticatedCustomerSucceeded {
|
|
560
|
+
authenticationState: 'succeeded';
|
|
561
|
+
profileData: FastlaneProfile;
|
|
562
|
+
}
|
|
563
|
+
interface FastlaneAuthenticatedCustomerFailed {
|
|
564
|
+
authenticationState: 'failed' | 'canceled' | 'not_found';
|
|
565
|
+
profileData: undefined;
|
|
566
|
+
}
|
|
567
|
+
type FastlaneAuthenticatedCustomerResult = FastlaneAuthenticatedCustomerSucceeded | FastlaneAuthenticatedCustomerFailed;
|
|
568
|
+
interface FastlaneAddress {
|
|
569
|
+
addressLine1: string;
|
|
570
|
+
addressLine2: string;
|
|
571
|
+
adminArea1: string;
|
|
572
|
+
adminArea2: string;
|
|
573
|
+
postalCode: string;
|
|
574
|
+
countryCode: string;
|
|
575
|
+
phone: {
|
|
576
|
+
nationalNumber: string;
|
|
577
|
+
countryCode: string;
|
|
578
|
+
};
|
|
520
579
|
}
|
|
521
|
-
interface
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
fontStyle?: string;
|
|
533
|
-
fontVariant?: string;
|
|
534
|
-
fontVariantAlternates?: string;
|
|
535
|
-
fontVariantCaps?: string;
|
|
536
|
-
fontVariantEastAsian?: string;
|
|
537
|
-
fontVariantLigatures?: string;
|
|
538
|
-
fontVariantNumeric?: string;
|
|
539
|
-
fontWeight?: string;
|
|
540
|
-
letterSpacing?: string;
|
|
541
|
-
lineHeight?: string;
|
|
542
|
-
mozOsxFontSmoothing?: string;
|
|
543
|
-
mozTransition?: string;
|
|
544
|
-
outline?: string;
|
|
545
|
-
opacity?: string;
|
|
546
|
-
padding?: string;
|
|
547
|
-
textAlign?: string;
|
|
548
|
-
textShadow?: string;
|
|
549
|
-
transition?: string;
|
|
550
|
-
webkitFontSmoothing?: string;
|
|
551
|
-
webkitTransition?: string;
|
|
552
|
-
wordSpacing?: string;
|
|
580
|
+
interface FastlaneShipping {
|
|
581
|
+
name: {
|
|
582
|
+
firstName: string;
|
|
583
|
+
lastName: string;
|
|
584
|
+
fullName: string;
|
|
585
|
+
};
|
|
586
|
+
address: FastlaneAddress;
|
|
587
|
+
phoneNumber: {
|
|
588
|
+
nationalNumber: string;
|
|
589
|
+
countryCode: string;
|
|
590
|
+
};
|
|
553
591
|
}
|
|
554
|
-
interface
|
|
555
|
-
|
|
556
|
-
|
|
557
|
-
|
|
592
|
+
interface FastlaneProfile {
|
|
593
|
+
name: {
|
|
594
|
+
firstName: string;
|
|
595
|
+
lastName: string;
|
|
596
|
+
fullName: string;
|
|
597
|
+
};
|
|
598
|
+
shippingAddress: FastlaneShipping;
|
|
599
|
+
card?: {
|
|
600
|
+
id: string;
|
|
601
|
+
paymentSource: {
|
|
602
|
+
card: CardPaymentSource;
|
|
603
|
+
};
|
|
604
|
+
};
|
|
558
605
|
}
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
606
|
+
type FastlaneComponentConfiguration = {
|
|
607
|
+
paymentType: 'fastlane';
|
|
608
|
+
configuration: {
|
|
609
|
+
fastlaneSessionId: string;
|
|
610
|
+
email: string;
|
|
611
|
+
tokenId: string;
|
|
612
|
+
lastFour: string;
|
|
613
|
+
brand: string;
|
|
614
|
+
};
|
|
615
|
+
};
|
|
616
|
+
type FastlaneCardComponentConfiguration = {
|
|
617
|
+
paymentType: 'card';
|
|
618
|
+
configuration: {
|
|
619
|
+
fastlaneConfiguration: FastlaneSignupConfiguration;
|
|
620
|
+
};
|
|
621
|
+
};
|
|
622
|
+
type FastlaneSignupConfiguration = FastlaneConsentRenderState & {
|
|
623
|
+
fastlaneSessionId?: string;
|
|
624
|
+
telephoneNumber?: string;
|
|
625
|
+
};
|
|
626
|
+
type FastlanePaymentMethodConfiguration = FastlaneComponentConfiguration | FastlaneCardComponentConfiguration;
|
|
627
|
+
interface FastlaneSDKConfiguration {
|
|
628
|
+
clientKey: string;
|
|
629
|
+
environment: CoreConfiguration['environment'];
|
|
630
|
+
locale?: 'en-US' | 'es-US' | 'fr-RS' | 'zh-US';
|
|
631
|
+
/**
|
|
632
|
+
* Used to force the Fastlane SDK to return the consent details in case the shopper is not recognized.
|
|
633
|
+
* Use-case: Developer is testing the flow in another country outside US, which would not get consent details.
|
|
634
|
+
*
|
|
635
|
+
* This configuration should not be used for 'live' environment
|
|
636
|
+
*/
|
|
637
|
+
forceConsentDetails?: boolean;
|
|
564
638
|
}
|
|
565
|
-
interface
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
|
|
639
|
+
interface FastlaneConfiguration extends UIElementProps {
|
|
640
|
+
/**
|
|
641
|
+
* Card token ID, used to process the payment
|
|
642
|
+
*/
|
|
643
|
+
tokenId: string;
|
|
644
|
+
/**
|
|
645
|
+
* Fastlane session ID
|
|
646
|
+
*/
|
|
647
|
+
fastlaneSessionId: string;
|
|
648
|
+
/**
|
|
649
|
+
* Initial last four digits displayed once the Component is rendered
|
|
650
|
+
*/
|
|
651
|
+
lastFour: string;
|
|
652
|
+
/**
|
|
653
|
+
* Initial brand displayed once the Component is rendered
|
|
654
|
+
*/
|
|
655
|
+
brand: string;
|
|
656
|
+
/**
|
|
657
|
+
* Shopper's email (it will be used in the future to re-authenticate using Fastlane SDK within the Component)
|
|
658
|
+
*/
|
|
659
|
+
email: string;
|
|
660
|
+
/**
|
|
661
|
+
* Used internally by Drop-in. Displays the brand images inside the Drop-in payment method header
|
|
662
|
+
* @internal
|
|
663
|
+
*/
|
|
664
|
+
keepBrandsVisible?: boolean;
|
|
665
|
+
/**
|
|
666
|
+
* Property returned by the backend. Contains the list of brands supported by Fastlane component
|
|
667
|
+
* @internal
|
|
668
|
+
*/
|
|
569
669
|
brands?: string[];
|
|
570
|
-
issuingCountryCode?: string;
|
|
571
|
-
supportedBrandsRaw?: BrandObject[];
|
|
572
|
-
rootNode?: HTMLElement;
|
|
573
|
-
isReset?: boolean;
|
|
574
|
-
}
|
|
575
|
-
interface CardBinValueData {
|
|
576
|
-
type: string;
|
|
577
|
-
binValue: string;
|
|
578
|
-
uuid?: string;
|
|
579
|
-
encryptedBin?: string;
|
|
580
670
|
}
|
|
581
|
-
|
|
582
|
-
|
|
671
|
+
|
|
672
|
+
interface SFError {
|
|
673
|
+
isValid?: boolean;
|
|
674
|
+
errorMessage?: string;
|
|
675
|
+
errorI18n?: string;
|
|
676
|
+
error: string;
|
|
583
677
|
rootNode: HTMLElement;
|
|
584
|
-
|
|
585
|
-
cvcPolicy: CVCPolicyType;
|
|
586
|
-
expiryDatePolicy?: DatePolicyType;
|
|
587
|
-
cvcText: string;
|
|
588
|
-
showSocialSecurityNumber?: boolean;
|
|
589
|
-
brandImageUrl?: string;
|
|
678
|
+
detectedBrands?: string[];
|
|
590
679
|
}
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
|
|
680
|
+
|
|
681
|
+
interface ValidationRuleErrorObj {
|
|
682
|
+
[key: string]: ValidationRuleResult;
|
|
683
|
+
}
|
|
684
|
+
interface AriaAttributes {
|
|
685
|
+
'aria-relevant'?: 'additions' | 'all' | 'removals' | 'text' | 'additions text';
|
|
686
|
+
'aria-live'?: 'off' | 'polite' | 'assertive';
|
|
687
|
+
'aria-atomic'?: 'true' | 'false';
|
|
688
|
+
}
|
|
689
|
+
interface SRPanelProps extends BaseElementProps {
|
|
690
|
+
enabled?: boolean;
|
|
691
|
+
node?: string;
|
|
692
|
+
showPanel?: boolean;
|
|
693
|
+
moveFocus?: boolean;
|
|
694
|
+
id?: string;
|
|
695
|
+
ariaAttributes?: AriaAttributes;
|
|
595
696
|
}
|
|
596
|
-
|
|
597
|
-
|
|
697
|
+
type SRPanelConfig = Pick<SRPanelProps, 'enabled' | 'node' | 'showPanel' | 'moveFocus' | 'id' | 'ariaAttributes'>;
|
|
698
|
+
interface GenericError {
|
|
699
|
+
isValid: boolean;
|
|
700
|
+
errorMessage: string;
|
|
598
701
|
error: string;
|
|
599
|
-
type: string;
|
|
600
|
-
rootNode?: HTMLElement;
|
|
601
|
-
detectedBrands?: string[];
|
|
602
|
-
errorI18n?: string;
|
|
603
|
-
errorText?: string;
|
|
604
702
|
}
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
|
|
703
|
+
|
|
704
|
+
/**
|
|
705
|
+
* A panel meant to hold messages that will be read out by ScreenReaders on an aria-live="polite" basis
|
|
706
|
+
* Expects a string or string array of message to add to the panel to be read out
|
|
707
|
+
* For testing purposes can be made visible
|
|
708
|
+
*/
|
|
709
|
+
declare class SRPanel extends BaseElement<SRPanelProps> {
|
|
710
|
+
static type: string;
|
|
711
|
+
static defaultProps: Partial<SRPanelProps>;
|
|
712
|
+
private readonly srPanelContainer;
|
|
713
|
+
private readonly id;
|
|
714
|
+
private readonly showPanel;
|
|
715
|
+
private readonly _enabled;
|
|
716
|
+
private readonly _moveFocus;
|
|
717
|
+
private componentRef;
|
|
718
|
+
constructor(checkout: ICore, props?: SRPanelProps);
|
|
719
|
+
setComponentRef: (ref: any) => void;
|
|
720
|
+
get enabled(): boolean;
|
|
721
|
+
get moveFocus(): boolean;
|
|
722
|
+
setAriaProps(ariaAttributes: AriaAttributes): void;
|
|
723
|
+
setMessages: (messages: string[] | string) => void;
|
|
724
|
+
render(): h.JSX.Element;
|
|
616
725
|
}
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
726
|
+
|
|
727
|
+
interface BaseElementProps {
|
|
728
|
+
order?: Order;
|
|
729
|
+
modules?: {
|
|
730
|
+
srPanel?: SRPanel;
|
|
731
|
+
analytics?: AnalyticsModule;
|
|
732
|
+
resources?: Resources;
|
|
733
|
+
risk?: RiskElement;
|
|
734
|
+
};
|
|
735
|
+
isDropin?: boolean;
|
|
625
736
|
}
|
|
626
|
-
interface
|
|
627
|
-
|
|
737
|
+
interface IBaseElement {
|
|
738
|
+
data: object;
|
|
739
|
+
state: any;
|
|
740
|
+
props: any;
|
|
741
|
+
_id: string;
|
|
742
|
+
_component: any;
|
|
743
|
+
render(): ComponentChild | Error;
|
|
744
|
+
mount(domNode: HTMLElement | string): IBaseElement;
|
|
745
|
+
update(props: any): IBaseElement;
|
|
746
|
+
unmount(): IBaseElement;
|
|
747
|
+
remove(): void;
|
|
748
|
+
activate(): void;
|
|
628
749
|
}
|
|
629
|
-
type CVCPolicyType = typeof REQUIRED | typeof OPTIONAL | typeof HIDDEN;
|
|
630
|
-
type DatePolicyType = typeof REQUIRED | typeof OPTIONAL | typeof HIDDEN;
|
|
631
750
|
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
751
|
+
type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'action' | 'link';
|
|
752
|
+
interface ButtonProps {
|
|
753
|
+
status?: string;
|
|
754
|
+
/**
|
|
755
|
+
* Class name modifiers will be used as: `adyen-checkout__button--${modifier}`
|
|
756
|
+
*/
|
|
757
|
+
classNameModifiers?: string[];
|
|
758
|
+
variant?: ButtonVariant;
|
|
759
|
+
disabled?: boolean;
|
|
760
|
+
label?: string | h.JSX.Element;
|
|
761
|
+
ariaLabel?: string;
|
|
762
|
+
secondaryLabel?: string;
|
|
763
|
+
icon?: string;
|
|
764
|
+
inline?: boolean;
|
|
765
|
+
href?: string;
|
|
766
|
+
target?: string;
|
|
767
|
+
rel?: string;
|
|
768
|
+
onClick?: (e: any, callbacks: any) => void;
|
|
769
|
+
onKeyDown?: (event: KeyboardEvent) => void;
|
|
770
|
+
buttonRef?: Ref<HTMLButtonElement>;
|
|
636
771
|
}
|
|
637
|
-
|
|
638
|
-
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
|
|
642
|
-
|
|
643
|
-
|
|
644
|
-
|
|
645
|
-
|
|
772
|
+
|
|
773
|
+
interface PayButtonProps extends ButtonProps {
|
|
774
|
+
/**
|
|
775
|
+
* Class name modifiers will be used as: `adyen-checkout__image--${modifier}`
|
|
776
|
+
*/
|
|
777
|
+
classNameModifiers?: string[];
|
|
778
|
+
label?: string;
|
|
779
|
+
amount: PaymentAmountExtended;
|
|
780
|
+
secondaryAmount?: PaymentAmountExtended;
|
|
781
|
+
status?: string;
|
|
782
|
+
disabled?: boolean;
|
|
783
|
+
icon?: string;
|
|
784
|
+
onClick?(): void;
|
|
646
785
|
}
|
|
647
786
|
|
|
648
|
-
type
|
|
787
|
+
type PayButtonFunctionProps = Omit<PayButtonProps, 'amount'>;
|
|
788
|
+
type CoreCallbacks$1 = Pick<CoreConfiguration, 'beforeRedirect' | 'beforeSubmit' | 'onSubmit' | 'onAdditionalDetails' | 'onPaymentFailed' | 'onPaymentCompleted' | 'onOrderUpdated' | 'onPaymentMethodsRequest' | 'onChange' | 'onActionHandled' | 'onError' | 'onEnterKeyPressed'>;
|
|
789
|
+
type StatusFromAction = 'redirect' | 'loading' | 'custom';
|
|
790
|
+
type UIElementProps = BaseElementProps & CoreCallbacks$1 & {
|
|
791
|
+
environment?: string;
|
|
792
|
+
session?: Session;
|
|
793
|
+
onComplete?: (state: any, element: UIElement) => void;
|
|
794
|
+
isInstantPayment?: boolean;
|
|
649
795
|
/**
|
|
650
|
-
*
|
|
796
|
+
* Flags if the element is Stored payment method
|
|
797
|
+
* @internal
|
|
651
798
|
*/
|
|
652
|
-
|
|
799
|
+
isStoredPaymentMethod?: boolean;
|
|
653
800
|
/**
|
|
654
|
-
*
|
|
801
|
+
* Flag if the element is Stored payment method.
|
|
802
|
+
* Perhaps can be deprecated and we use the one above?
|
|
803
|
+
* @internal
|
|
655
804
|
*/
|
|
656
|
-
|
|
805
|
+
oneClick?: boolean;
|
|
657
806
|
/**
|
|
658
|
-
*
|
|
807
|
+
* Stored payment method id
|
|
808
|
+
* @internal
|
|
659
809
|
*/
|
|
660
|
-
|
|
810
|
+
storedPaymentMethodId?: string;
|
|
661
811
|
/**
|
|
662
|
-
*
|
|
663
|
-
*
|
|
664
|
-
* Format: ISO language_country pair (e.g., en_US )
|
|
665
|
-
*
|
|
666
|
-
* @defaultValue en_US
|
|
812
|
+
* Status set when creating the Component from action
|
|
813
|
+
* @internal
|
|
667
814
|
*/
|
|
668
|
-
|
|
815
|
+
statusType?: StatusFromAction;
|
|
816
|
+
type?: string;
|
|
817
|
+
name?: string;
|
|
818
|
+
icon?: string;
|
|
819
|
+
amount?: PaymentAmount;
|
|
820
|
+
secondaryAmount?: PaymentAmountExtended;
|
|
669
821
|
/**
|
|
670
|
-
*
|
|
671
|
-
* @defaultValue
|
|
822
|
+
* Show/Hide pay button
|
|
823
|
+
* @defaultValue true
|
|
672
824
|
*/
|
|
673
|
-
|
|
825
|
+
showPayButton?: boolean;
|
|
826
|
+
/** @internal */
|
|
827
|
+
payButton?: (options: PayButtonFunctionProps) => h.JSX.Element;
|
|
828
|
+
/** @internal */
|
|
829
|
+
loadingContext?: string;
|
|
830
|
+
/** @internal */
|
|
831
|
+
createFromAction?: (action: PaymentAction, props: object) => UIElement;
|
|
832
|
+
/** @internal */
|
|
833
|
+
clientKey?: string;
|
|
834
|
+
/** @internal */
|
|
835
|
+
elementRef?: any;
|
|
836
|
+
/** @internal */
|
|
837
|
+
i18n?: Language;
|
|
674
838
|
/**
|
|
675
|
-
*
|
|
839
|
+
* The shopper’s issuer account label. It can be available for stored payment method
|
|
840
|
+
* @internal
|
|
676
841
|
*/
|
|
677
|
-
|
|
842
|
+
label?: string;
|
|
678
843
|
/**
|
|
679
|
-
*
|
|
680
|
-
*
|
|
844
|
+
* Returned after the payments call, when an action is returned. It represents the payment method tx variant
|
|
845
|
+
* that was used for the payment
|
|
846
|
+
* @internal
|
|
681
847
|
*/
|
|
682
|
-
|
|
848
|
+
paymentMethodType?: string;
|
|
849
|
+
/**
|
|
850
|
+
* Reference to the action object found in a /payments response. This, in most cases, is passed on to the onActionHandled callback
|
|
851
|
+
*/
|
|
852
|
+
originalAction?: PaymentAction;
|
|
683
853
|
};
|
|
684
|
-
type
|
|
854
|
+
type UIElementStatus = 'ready' | 'loading' | 'error' | 'success';
|
|
855
|
+
interface ComponentMethodsRef {
|
|
856
|
+
showValidation?: () => void;
|
|
857
|
+
setStatus?(status: UIElementStatus): void;
|
|
858
|
+
}
|
|
685
859
|
|
|
860
|
+
type PlaceholderKeys = 'holderName' | 'cardNumber' | 'expiryDate' | 'expiryMonth' | 'expiryYear' | 'securityCodeThreeDigits' | 'securityCodeFourDigits' | 'password';
|
|
861
|
+
type CardPlaceholders = Partial<Record<PlaceholderKeys, string>>;
|
|
686
862
|
interface CardConfiguration extends UIElementProps {
|
|
687
863
|
/**
|
|
688
864
|
* Automatically shift the focus from one field to another. Usually happens from a valid Expiry Date field to the Security Code field,
|
|
@@ -752,6 +928,10 @@ interface CardConfiguration extends UIElementProps {
|
|
|
752
928
|
* - merchant set config option
|
|
753
929
|
*/
|
|
754
930
|
clickToPayConfiguration?: ClickToPayProps;
|
|
931
|
+
/**
|
|
932
|
+
* Configuration for displaying the Fastlane consent UI.
|
|
933
|
+
*/
|
|
934
|
+
fastlaneConfiguration?: FastlaneSignupConfiguration;
|
|
755
935
|
/**
|
|
756
936
|
* An object sent in the /paymentMethods response
|
|
757
937
|
* @internal
|
|
@@ -950,7 +1130,7 @@ interface CardConfiguration extends UIElementProps {
|
|
|
950
1130
|
* Configure placeholder text for holderName, cardNumber, expirationDate, securityCode and password.
|
|
951
1131
|
* - merchant set config option
|
|
952
1132
|
*/
|
|
953
|
-
placeholders?:
|
|
1133
|
+
placeholders?: CardPlaceholders;
|
|
954
1134
|
/**
|
|
955
1135
|
* Position holder name above card number field (instead of having it after the security code field)
|
|
956
1136
|
* @defaultValue `false`
|
|
@@ -1308,6 +1488,7 @@ declare enum TxVariants {
|
|
|
1308
1488
|
clicktopay = "clicktopay",
|
|
1309
1489
|
googlepay = "googlepay",
|
|
1310
1490
|
paypal = "paypal",
|
|
1491
|
+
fastlane = "fastlane",
|
|
1311
1492
|
paywithgoogle = "paywithgoogle",
|
|
1312
1493
|
/** Wallets */
|
|
1313
1494
|
/** Voucher */
|
|
@@ -1772,6 +1953,11 @@ interface ApplePayConfiguration extends UIElementProps {
|
|
|
1772
1953
|
* @default ['supports3DS']
|
|
1773
1954
|
*/
|
|
1774
1955
|
merchantCapabilities?: ApplePayJS.ApplePayMerchantCapability[];
|
|
1956
|
+
/**
|
|
1957
|
+
* A value that indicates whether the shipping mode prevents the user from editing the shipping address.
|
|
1958
|
+
* {@link https://developer.apple.com/documentation/applepayontheweb/applepaypaymentrequest/shippingcontacteditingmode}
|
|
1959
|
+
*/
|
|
1960
|
+
shippingContactEditingMode?: ApplePayJS.ApplePayShippingContactEditingMode;
|
|
1775
1961
|
/**
|
|
1776
1962
|
* A set of shipping method objects that describe the available shipping methods.
|
|
1777
1963
|
*/
|
|
@@ -2415,7 +2601,7 @@ type CustomCardConfiguration = CoreCallbacks & {
|
|
|
2415
2601
|
* Configure placeholder text for holderName, cardNumber, expirationDate, securityCode and password.
|
|
2416
2602
|
* - merchant set config option
|
|
2417
2603
|
*/
|
|
2418
|
-
placeholders?:
|
|
2604
|
+
placeholders?: CardPlaceholders;
|
|
2419
2605
|
/**
|
|
2420
2606
|
* Object to configure the styling of the inputs in the iframes that are used to present the PAN, Expiry Date & Security Code fields
|
|
2421
2607
|
* - merchant set config option
|
|
@@ -2941,11 +3127,6 @@ declare class PaypalElement extends UIElement<PayPalConfiguration> {
|
|
|
2941
3127
|
render(): h.JSX.Element;
|
|
2942
3128
|
}
|
|
2943
3129
|
|
|
2944
|
-
declare global {
|
|
2945
|
-
interface Window {
|
|
2946
|
-
paypal: object;
|
|
2947
|
-
}
|
|
2948
|
-
}
|
|
2949
3130
|
interface PayPalConfiguration extends UIElementProps {
|
|
2950
3131
|
/**
|
|
2951
3132
|
* Configuration returned by the backend
|
|
@@ -3491,7 +3672,7 @@ declare class CashAppPay extends UIElement<CashAppPayConfiguration> {
|
|
|
3491
3672
|
isInstantPayment?: boolean;
|
|
3492
3673
|
isStoredPaymentMethod?: boolean;
|
|
3493
3674
|
oneClick?: boolean;
|
|
3494
|
-
statusType?:
|
|
3675
|
+
statusType?: StatusFromAction;
|
|
3495
3676
|
type?: string;
|
|
3496
3677
|
name?: string;
|
|
3497
3678
|
icon?: string;
|
|
@@ -3567,7 +3748,7 @@ declare class ClickToPayElement extends UIElement<ClickToPayConfiguration> {
|
|
|
3567
3748
|
isStoredPaymentMethod?: boolean;
|
|
3568
3749
|
oneClick?: boolean;
|
|
3569
3750
|
storedPaymentMethodId?: string;
|
|
3570
|
-
statusType?:
|
|
3751
|
+
statusType?: StatusFromAction;
|
|
3571
3752
|
type?: string;
|
|
3572
3753
|
name?: string;
|
|
3573
3754
|
icon?: string;
|
|
@@ -3632,6 +3813,7 @@ declare class BancontactElement extends CardElement {
|
|
|
3632
3813
|
brandsConfiguration?: CardBrandsConfiguration;
|
|
3633
3814
|
challengeWindowSize?: "01" | "02" | "03" | "04" | "05";
|
|
3634
3815
|
clickToPayConfiguration?: ClickToPayProps;
|
|
3816
|
+
fastlaneConfiguration?: FastlaneSignupConfiguration;
|
|
3635
3817
|
configuration?: CardBackendConfiguration;
|
|
3636
3818
|
countryCode?: string;
|
|
3637
3819
|
data?: {
|
|
@@ -3670,7 +3852,7 @@ declare class BancontactElement extends CardElement {
|
|
|
3670
3852
|
onFieldValid?: (event: CardFieldValidData) => void;
|
|
3671
3853
|
onFocus?: (event: CardFocusData | ComponentFocusObject) => void;
|
|
3672
3854
|
onLoad?: (event: CardLoadData) => void;
|
|
3673
|
-
placeholders?:
|
|
3855
|
+
placeholders?: CardPlaceholders;
|
|
3674
3856
|
positionHolderNameOnTop?: boolean;
|
|
3675
3857
|
showBrandIcon?: boolean;
|
|
3676
3858
|
showContextualElement?: boolean;
|
|
@@ -3714,7 +3896,7 @@ declare class BancontactElement extends CardElement {
|
|
|
3714
3896
|
isInstantPayment?: boolean;
|
|
3715
3897
|
isStoredPaymentMethod?: boolean;
|
|
3716
3898
|
oneClick?: boolean;
|
|
3717
|
-
statusType?:
|
|
3899
|
+
statusType?: StatusFromAction;
|
|
3718
3900
|
icon?: string;
|
|
3719
3901
|
amount?: PaymentAmount;
|
|
3720
3902
|
secondaryAmount?: PaymentAmountExtended;
|
|
@@ -3802,9 +3984,6 @@ declare class GooglePay extends UIElement<GooglePayConfiguration> {
|
|
|
3802
3984
|
* Must be resolved/reject for the payment flow to continue
|
|
3803
3985
|
*/
|
|
3804
3986
|
private handleAuthorization;
|
|
3805
|
-
/**
|
|
3806
|
-
* Validation
|
|
3807
|
-
*/
|
|
3808
3987
|
get isValid(): boolean;
|
|
3809
3988
|
/**
|
|
3810
3989
|
* Determine a shopper's ability to return a form of payment from the Google Pay API.
|
|
@@ -3907,7 +4086,7 @@ declare class CustomCard extends UIElement<CustomCardConfiguration> {
|
|
|
3907
4086
|
onFocus?: (event: CardFocusData) => void;
|
|
3908
4087
|
onLoad?: (event: CardLoadData) => void;
|
|
3909
4088
|
onValidationError?: (validationErrors: ValidationError[]) => void;
|
|
3910
|
-
placeholders?:
|
|
4089
|
+
placeholders?: CardPlaceholders;
|
|
3911
4090
|
styles?: StylesObject;
|
|
3912
4091
|
};
|
|
3913
4092
|
/**
|
|
@@ -4021,7 +4200,7 @@ declare class WeChatPayElement extends QRLoaderContainer {
|
|
|
4021
4200
|
isStoredPaymentMethod?: boolean;
|
|
4022
4201
|
oneClick?: boolean;
|
|
4023
4202
|
storedPaymentMethodId?: string;
|
|
4024
|
-
statusType?:
|
|
4203
|
+
statusType?: StatusFromAction;
|
|
4025
4204
|
name?: string;
|
|
4026
4205
|
icon?: string;
|
|
4027
4206
|
amount?: PaymentAmount;
|
|
@@ -4091,7 +4270,7 @@ declare class PayNowElement extends QRLoaderContainer {
|
|
|
4091
4270
|
isStoredPaymentMethod?: boolean;
|
|
4092
4271
|
oneClick?: boolean;
|
|
4093
4272
|
storedPaymentMethodId?: string;
|
|
4094
|
-
statusType?:
|
|
4273
|
+
statusType?: StatusFromAction;
|
|
4095
4274
|
name?: string;
|
|
4096
4275
|
icon?: string;
|
|
4097
4276
|
amount?: PaymentAmount;
|
|
@@ -4162,7 +4341,7 @@ declare class BCMCMobileElement extends QRLoaderContainer {
|
|
|
4162
4341
|
isStoredPaymentMethod?: boolean;
|
|
4163
4342
|
oneClick?: boolean;
|
|
4164
4343
|
storedPaymentMethodId?: string;
|
|
4165
|
-
statusType?:
|
|
4344
|
+
statusType?: StatusFromAction;
|
|
4166
4345
|
name?: string;
|
|
4167
4346
|
icon?: string;
|
|
4168
4347
|
amount?: PaymentAmount;
|
|
@@ -4249,7 +4428,7 @@ declare class DragonpayElement extends UIElement<DragonpayConfiguraton> {
|
|
|
4249
4428
|
isStoredPaymentMethod?: boolean;
|
|
4250
4429
|
oneClick?: boolean;
|
|
4251
4430
|
storedPaymentMethodId?: string;
|
|
4252
|
-
statusType?:
|
|
4431
|
+
statusType?: StatusFromAction;
|
|
4253
4432
|
name?: string;
|
|
4254
4433
|
icon?: string;
|
|
4255
4434
|
amount?: PaymentAmount;
|
|
@@ -4439,7 +4618,7 @@ declare class SwishElement extends QRLoaderContainer {
|
|
|
4439
4618
|
isStoredPaymentMethod?: boolean;
|
|
4440
4619
|
oneClick?: boolean;
|
|
4441
4620
|
storedPaymentMethodId?: string;
|
|
4442
|
-
statusType?:
|
|
4621
|
+
statusType?: StatusFromAction;
|
|
4443
4622
|
name?: string;
|
|
4444
4623
|
icon?: string;
|
|
4445
4624
|
amount?: PaymentAmount;
|
|
@@ -4744,7 +4923,7 @@ declare class UPI extends UIElement<UPIConfiguration> {
|
|
|
4744
4923
|
isStoredPaymentMethod?: boolean;
|
|
4745
4924
|
oneClick?: boolean;
|
|
4746
4925
|
storedPaymentMethodId?: string;
|
|
4747
|
-
statusType?:
|
|
4926
|
+
statusType?: StatusFromAction;
|
|
4748
4927
|
type?: string;
|
|
4749
4928
|
name?: string;
|
|
4750
4929
|
icon?: string;
|
|
@@ -4856,7 +5035,7 @@ declare class PromptPayElement extends QRLoaderContainer {
|
|
|
4856
5035
|
isStoredPaymentMethod?: boolean;
|
|
4857
5036
|
oneClick?: boolean;
|
|
4858
5037
|
storedPaymentMethodId?: string;
|
|
4859
|
-
statusType?:
|
|
5038
|
+
statusType?: StatusFromAction;
|
|
4860
5039
|
name?: string;
|
|
4861
5040
|
icon?: string;
|
|
4862
5041
|
amount?: PaymentAmount;
|
|
@@ -4926,7 +5105,7 @@ declare class DuitNowElement extends QRLoaderContainer {
|
|
|
4926
5105
|
isStoredPaymentMethod?: boolean;
|
|
4927
5106
|
oneClick?: boolean;
|
|
4928
5107
|
storedPaymentMethodId?: string;
|
|
4929
|
-
statusType?:
|
|
5108
|
+
statusType?: StatusFromAction;
|
|
4930
5109
|
name?: string;
|
|
4931
5110
|
icon?: string;
|
|
4932
5111
|
amount?: PaymentAmount;
|
|
@@ -5007,7 +5186,7 @@ declare class Riverty extends OpenInvoiceContainer {
|
|
|
5007
5186
|
isStoredPaymentMethod?: boolean;
|
|
5008
5187
|
oneClick?: boolean;
|
|
5009
5188
|
storedPaymentMethodId?: string;
|
|
5010
|
-
statusType?:
|
|
5189
|
+
statusType?: StatusFromAction;
|
|
5011
5190
|
type?: string;
|
|
5012
5191
|
name?: string;
|
|
5013
5192
|
icon?: string;
|
|
@@ -5045,6 +5224,33 @@ declare class PayByBankUS extends RedirectElement {
|
|
|
5045
5224
|
render(): h.JSX.Element;
|
|
5046
5225
|
}
|
|
5047
5226
|
|
|
5227
|
+
declare class Fastlane extends UIElement<FastlaneConfiguration> {
|
|
5228
|
+
static readonly type = TxVariants.fastlane;
|
|
5229
|
+
protected static defaultProps: {
|
|
5230
|
+
keepBrandsVisible: boolean;
|
|
5231
|
+
};
|
|
5232
|
+
protected formatData(): {
|
|
5233
|
+
paymentMethod: {
|
|
5234
|
+
type: TxVariants;
|
|
5235
|
+
fastlaneData: string;
|
|
5236
|
+
};
|
|
5237
|
+
};
|
|
5238
|
+
isAvailable(): Promise<void>;
|
|
5239
|
+
get isValid(): boolean;
|
|
5240
|
+
/**
|
|
5241
|
+
* Used to display payment method logo within Drop-in
|
|
5242
|
+
*/
|
|
5243
|
+
get icon(): string;
|
|
5244
|
+
/**
|
|
5245
|
+
* Used to display the payment method supported brands within Drop-in
|
|
5246
|
+
*/
|
|
5247
|
+
get brands(): {
|
|
5248
|
+
icon: string;
|
|
5249
|
+
name: string;
|
|
5250
|
+
}[];
|
|
5251
|
+
render(): h.JSX.Element;
|
|
5252
|
+
}
|
|
5253
|
+
|
|
5048
5254
|
/**
|
|
5049
5255
|
*
|
|
5050
5256
|
*/
|
|
@@ -5131,6 +5337,7 @@ declare const ComponentsMap: {
|
|
|
5131
5337
|
clicktopay: typeof ClickToPayElement;
|
|
5132
5338
|
googlepay: typeof GooglePay;
|
|
5133
5339
|
paypal: typeof PaypalElement;
|
|
5340
|
+
fastlane: typeof Fastlane;
|
|
5134
5341
|
paywithgoogle: typeof GooglePay;
|
|
5135
5342
|
/** Wallets */
|
|
5136
5343
|
/** Voucher */
|
|
@@ -5346,19 +5553,22 @@ interface DropinComponentProps extends DropinConfiguration {
|
|
|
5346
5553
|
onOrderCancel?: onOrderCancelType;
|
|
5347
5554
|
}
|
|
5348
5555
|
interface DropinStatus {
|
|
5349
|
-
type: UIElementStatus;
|
|
5556
|
+
type: UIElementStatus | StatusFromAction;
|
|
5350
5557
|
props?: DropinStatusProps;
|
|
5351
5558
|
}
|
|
5352
5559
|
interface DropinStatusProps {
|
|
5353
5560
|
component?: UIElement;
|
|
5561
|
+
message?: string;
|
|
5354
5562
|
}
|
|
5355
5563
|
interface DropinComponentState {
|
|
5356
|
-
elements:
|
|
5564
|
+
elements: UIElement[];
|
|
5565
|
+
fastlanePaymentElement: UIElement[];
|
|
5357
5566
|
instantPaymentElements: UIElement[];
|
|
5358
5567
|
storedPaymentElements: UIElement[];
|
|
5359
5568
|
status: DropinStatus;
|
|
5360
5569
|
activePaymentMethod: UIElement;
|
|
5361
|
-
cachedPaymentMethods:
|
|
5570
|
+
cachedPaymentMethods: Record<string, boolean>;
|
|
5571
|
+
showDefaultPaymentMethodList: boolean;
|
|
5362
5572
|
isDisabling: boolean;
|
|
5363
5573
|
orderStatus: OrderStatus;
|
|
5364
5574
|
}
|
|
@@ -6355,7 +6565,7 @@ declare class PayMeElement extends QRLoaderContainer {
|
|
|
6355
6565
|
isStoredPaymentMethod?: boolean;
|
|
6356
6566
|
oneClick?: boolean;
|
|
6357
6567
|
storedPaymentMethodId?: string;
|
|
6358
|
-
statusType?:
|
|
6568
|
+
statusType?: StatusFromAction;
|
|
6359
6569
|
name?: string;
|
|
6360
6570
|
icon?: string;
|
|
6361
6571
|
amount?: PaymentAmount;
|
|
@@ -6437,7 +6647,7 @@ declare class DropinElement extends UIElement<DropinConfiguration> implements ID
|
|
|
6437
6647
|
isStoredPaymentMethod?: boolean;
|
|
6438
6648
|
oneClick?: boolean;
|
|
6439
6649
|
storedPaymentMethodId?: string;
|
|
6440
|
-
statusType?:
|
|
6650
|
+
statusType?: StatusFromAction;
|
|
6441
6651
|
type: string;
|
|
6442
6652
|
name?: string;
|
|
6443
6653
|
icon?: string;
|
|
@@ -6480,6 +6690,9 @@ declare class DropinElement extends UIElement<DropinConfiguration> implements ID
|
|
|
6480
6690
|
render(): h.JSX.Element;
|
|
6481
6691
|
}
|
|
6482
6692
|
|
|
6693
|
+
/**
|
|
6694
|
+
* Exposing UI Components derived by UIElement
|
|
6695
|
+
*/
|
|
6483
6696
|
/** Card */
|
|
6484
6697
|
|
|
6485
6698
|
type index_d_Affirm = Affirm;
|
|
@@ -6494,6 +6707,8 @@ type index_d_CashAppPay = CashAppPay;
|
|
|
6494
6707
|
declare const index_d_CashAppPay: typeof CashAppPay;
|
|
6495
6708
|
type index_d_CustomCard = CustomCard;
|
|
6496
6709
|
declare const index_d_CustomCard: typeof CustomCard;
|
|
6710
|
+
type index_d_Fastlane = Fastlane;
|
|
6711
|
+
declare const index_d_Fastlane: typeof Fastlane;
|
|
6497
6712
|
type index_d_GooglePay = GooglePay;
|
|
6498
6713
|
declare const index_d_GooglePay: typeof GooglePay;
|
|
6499
6714
|
type index_d_OnlineBankingFI = OnlineBankingFI;
|
|
@@ -6517,9 +6732,145 @@ declare const index_d_ThreeDS2DeviceFingerprint: typeof ThreeDS2DeviceFingerprin
|
|
|
6517
6732
|
type index_d_UPI = UPI;
|
|
6518
6733
|
declare const index_d_UPI: typeof UPI;
|
|
6519
6734
|
declare namespace index_d {
|
|
6520
|
-
export {
|
|
6735
|
+
export {
|
|
6736
|
+
ANCVElement as ANCV,
|
|
6737
|
+
AchElement as Ach,
|
|
6738
|
+
AddressElement as Address,
|
|
6739
|
+
index_d_Affirm as Affirm,
|
|
6740
|
+
index_d_AfterPay as AfterPay,
|
|
6741
|
+
index_d_AfterPayB2B as AfterPayB2B,
|
|
6742
|
+
AmazonPayElement as AmazonPay,
|
|
6743
|
+
ApplePayElement as ApplePay,
|
|
6744
|
+
index_d_Atome as Atome,
|
|
6745
|
+
BacsElement as BacsDirectDebit,
|
|
6746
|
+
BancontactElement as Bancontact,
|
|
6747
|
+
BankTransferElement as BankTransfer,
|
|
6748
|
+
BCMCMobileElement as BcmcMobile,
|
|
6749
|
+
BillDeskOnlineElement as BillDeskOnline,
|
|
6750
|
+
BillDeskWalletElement as BillDeskWallet,
|
|
6751
|
+
BlikElement as Blik,
|
|
6752
|
+
BoletoElement as Boleto,
|
|
6753
|
+
CardElement as Card,
|
|
6754
|
+
index_d_CashAppPay as CashAppPay,
|
|
6755
|
+
ClickToPayElement as ClickToPay,
|
|
6756
|
+
index_d_CustomCard as CustomCard,
|
|
6757
|
+
DokuElement as Doku,
|
|
6758
|
+
DonationElement as Donation,
|
|
6759
|
+
DotpayElement as Dotpay,
|
|
6760
|
+
DragonpayElement as Dragonpay,
|
|
6761
|
+
DropinElement as Dropin,
|
|
6762
|
+
DuitNowElement as DuitNow,
|
|
6763
|
+
EPSElement as EPS,
|
|
6764
|
+
EcontextElement as Econtext,
|
|
6765
|
+
FacilyPay10x as FacilPay10x,
|
|
6766
|
+
FacilyPay12x as FacilPay12x,
|
|
6767
|
+
FacilyPay3x as FacilPay3x,
|
|
6768
|
+
FacilyPay4x as FacilPay4x,
|
|
6769
|
+
FacilyPay6x as FacilPay6x,
|
|
6770
|
+
index_d_Fastlane as Fastlane,
|
|
6771
|
+
GiftcardElement as Giftcard,
|
|
6772
|
+
GiropayElement as Giropay,
|
|
6773
|
+
index_d_GooglePay as GooglePay,
|
|
6774
|
+
KlarnaPayments as Klarna,
|
|
6775
|
+
MBWayElement as MBWay,
|
|
6776
|
+
MealVoucherFRElement as MealVoucherFR,
|
|
6777
|
+
MolPayEBankingMYElement as MolPayEBankingMY,
|
|
6778
|
+
MolPayEBankingTHElement as MolPayEBankingTH,
|
|
6779
|
+
MolPayEbankingVNElement as MolPayEBankingVN,
|
|
6780
|
+
MultibancoElement as Multibanco,
|
|
6781
|
+
OnlineBankingCZElement as OnlineBankingCZ,
|
|
6782
|
+
index_d_OnlineBankingFI as OnlineBankingFI,
|
|
6783
|
+
OnlineBankingINElement as OnlineBankingIN,
|
|
6784
|
+
index_d_OnlineBankingPL as OnlineBankingPL,
|
|
6785
|
+
OnlineBankingSKElement as OnlineBankingSK,
|
|
6786
|
+
OxxoElement as Oxxo,
|
|
6787
|
+
index_d_PayByBank as PayByBank,
|
|
6788
|
+
index_d_PayByBankUS as PayByBankUS,
|
|
6789
|
+
PayMeElement as PayMe,
|
|
6790
|
+
PayNowElement as PayNow,
|
|
6791
|
+
PaypalElement as PayPal,
|
|
6792
|
+
PayToElement as PayTo,
|
|
6793
|
+
PayuNetCashcardElement as PayuCashcard,
|
|
6794
|
+
PayuNetBankingElement as PayuNetBanking,
|
|
6795
|
+
PersonalDetailsElement as PersonalDetails,
|
|
6796
|
+
PixElement as Pix,
|
|
6797
|
+
PromptPayElement as PromptPay,
|
|
6798
|
+
index_d_RatePay as RatePay,
|
|
6799
|
+
index_d_RatePayDirectDebit as RatePayDirectDebit,
|
|
6800
|
+
RedirectElement as Redirect,
|
|
6801
|
+
index_d_Riverty as Riverty,
|
|
6802
|
+
SepaElement as SepaDirectDebit,
|
|
6803
|
+
SwishElement as Swish,
|
|
6804
|
+
index_d_ThreeDS2Challenge as ThreeDS2Challenge,
|
|
6805
|
+
index_d_ThreeDS2DeviceFingerprint as ThreeDS2DeviceFingerprint,
|
|
6806
|
+
TrustlyElement as Trustly,
|
|
6807
|
+
TwintElement as Twint,
|
|
6808
|
+
index_d_UPI as UPI,
|
|
6809
|
+
VippsElement as Vipps,
|
|
6810
|
+
WalletINElement as WalletIN,
|
|
6811
|
+
WeChatPayElement as WeChat,
|
|
6812
|
+
};
|
|
6813
|
+
}
|
|
6814
|
+
|
|
6815
|
+
declare class FastlaneSDK {
|
|
6816
|
+
private readonly clientKey;
|
|
6817
|
+
private readonly checkoutShopperURL;
|
|
6818
|
+
private readonly locale;
|
|
6819
|
+
private readonly forceConsentDetails;
|
|
6820
|
+
private fastlaneSdk?;
|
|
6821
|
+
private latestShopperDetails?;
|
|
6822
|
+
private fastlaneSessionId?;
|
|
6823
|
+
constructor(configuration: FastlaneSDKConfiguration);
|
|
6824
|
+
/**
|
|
6825
|
+
* Initializes the Fastlane SDK
|
|
6826
|
+
*/
|
|
6827
|
+
initialize(): Promise<FastlaneSDK>;
|
|
6828
|
+
/**
|
|
6829
|
+
* Triggers the authentication for Fastlane using shopper's email.
|
|
6830
|
+
* If shopper is recognized, the OTP flow is initialized.
|
|
6831
|
+
*
|
|
6832
|
+
* @param email
|
|
6833
|
+
*/
|
|
6834
|
+
authenticate(email: string): Promise<FastlaneAuthenticatedCustomerResult>;
|
|
6835
|
+
/**
|
|
6836
|
+
* Creates the Adyen Component configuration based on the Fastlane authentication result.
|
|
6837
|
+
*
|
|
6838
|
+
* In case the shopper authenticated successfully, it returns config to be used in the Fastlane component
|
|
6839
|
+
* Otherwise, it returns the configuration to be used in the Card component
|
|
6840
|
+
*
|
|
6841
|
+
* @param authResult
|
|
6842
|
+
*/
|
|
6843
|
+
getComponentConfiguration(authResult: FastlaneAuthenticatedCustomerResult): Promise<FastlanePaymentMethodConfiguration>;
|
|
6844
|
+
/**
|
|
6845
|
+
* Displays the Fastlane Shipping Address selector UI
|
|
6846
|
+
*/
|
|
6847
|
+
showShippingAddressSelector(): Promise<FastlaneShippingAddressSelectorResult>;
|
|
6848
|
+
/**
|
|
6849
|
+
* Render the "Fastlane by PayPal" logo in the specified HTML container
|
|
6850
|
+
*/
|
|
6851
|
+
mountWatermark(container: HTMLElement | string, options?: {
|
|
6852
|
+
includeAdditionalInfo: boolean;
|
|
6853
|
+
}): Promise<void>;
|
|
6854
|
+
private requestClientToken;
|
|
6855
|
+
private fetchSdk;
|
|
6856
|
+
/**
|
|
6857
|
+
* Fetch the fastlane session ID used internally by PayPal for Network Token Usage event
|
|
6858
|
+
* This ID is not critical for the payment processing part
|
|
6859
|
+
*
|
|
6860
|
+
* @private
|
|
6861
|
+
*/
|
|
6862
|
+
private fetchSessionIdAsync;
|
|
6863
|
+
/**
|
|
6864
|
+
* Fetch object containing that details that will be used to display the sign-up UI
|
|
6865
|
+
* inside the card component
|
|
6866
|
+
* @private
|
|
6867
|
+
*/
|
|
6868
|
+
private fetchConsentDetails;
|
|
6869
|
+
private initializeFastlaneInstance;
|
|
6521
6870
|
}
|
|
6522
6871
|
|
|
6872
|
+
declare function initializeFastlane(configuration: FastlaneSDKConfiguration): Promise<FastlaneSDK>;
|
|
6873
|
+
|
|
6523
6874
|
declare class Core implements ICore {
|
|
6524
6875
|
session?: Session;
|
|
6525
6876
|
paymentMethodsResponse: PaymentMethods;
|
|
@@ -6615,4 +6966,5 @@ declare namespace AdyenCheckout {
|
|
|
6615
6966
|
var setBundleType: (type: string) => void;
|
|
6616
6967
|
}
|
|
6617
6968
|
|
|
6618
|
-
export { ANCVElement as ANCV,
|
|
6969
|
+
export { ANCVElement as ANCV, AchElement as Ach, AddressElement as Address, AdyenCheckout, AdyenCheckoutError, Affirm, AfterPay, AfterPayB2B, AmazonPayElement as AmazonPay, ApplePayElement as ApplePay, Atome, BacsElement as BacsDirectDebit, BancontactElement as Bancontact, BankTransferElement as BankTransfer, BCMCMobileElement as BcmcMobile, BillDeskOnlineElement as BillDeskOnline, BillDeskWalletElement as BillDeskWallet, BlikElement as Blik, BoletoElement as Boleto, CardElement as Card, CashAppPay, ClickToPayElement as ClickToPay, CustomCard, DokuElement as Doku, DonationElement as Donation, DotpayElement as Dotpay, DragonpayElement as Dragonpay, DropinElement as Dropin, DuitNowElement as DuitNow, EPSElement as EPS, EcontextElement as Econtext, FacilyPay10x as FacilPay10x, FacilyPay12x as FacilPay12x, FacilyPay3x as FacilPay3x, FacilyPay4x as FacilPay4x, FacilyPay6x as FacilPay6x, Fastlane, FastlaneSDK, GiftcardElement as Giftcard, GiropayElement as Giropay, GooglePay, KlarnaPayments as Klarna, MBWayElement as MBWay, MealVoucherFRElement as MealVoucherFR, MolPayEBankingMYElement as MolPayEBankingMY, MolPayEBankingTHElement as MolPayEBankingTH, MolPayEbankingVNElement as MolPayEBankingVN, MultibancoElement as Multibanco, OnlineBankingCZElement as OnlineBankingCZ, OnlineBankingFI, OnlineBankingINElement as OnlineBankingIN, OnlineBankingPL, OnlineBankingSKElement as OnlineBankingSK, OxxoElement as Oxxo, PayByBank, PayByBankUS, PayMeElement as PayMe, PayNowElement as PayNow, PaypalElement as PayPal, PayToElement as PayTo, PayuNetCashcardElement as PayuCashcard, PayuNetBankingElement as PayuNetBanking, PersonalDetailsElement as PersonalDetails, PixElement as Pix, PromptPayElement as PromptPay, RatePay, RatePayDirectDebit, RedirectElement as Redirect, Riverty, SepaElement as SepaDirectDebit, SwishElement as Swish, ThreeDS2Challenge, ThreeDS2DeviceFingerprint, TrustlyElement as Trustly, TwintElement as Twint, UIElement, UPI, VippsElement as Vipps, WalletINElement as WalletIN, WeChatPayElement as WeChat, index_d as components, initializeFastlane };
|
|
6970
|
+
export type { ANCVConfiguration, ANCVDataState, AchConfiguration, AchPlaceholders, ActionDescriptionType, ActionHandledReturnObject, AdditionalDetailsActions, AdditionalDetailsData, AddressData, AddressField, AmazonPayBackendConfiguration, AmazonPayButtonProps, AmazonPayButtonSettings, AmazonPayComponentProps, AmazonPayConfiguration, AmazonPayElementData, AnalyticsModule, App, ApplePayButtonStyle, ApplePayButtonType, ApplePayConfiguration, ApplePayElementData, ApplePayPaymentAuthorizationResult, ApplePayPaymentOrderDetails, ApplePaySessionRequest, ApplePayWebConfiguration, AwaitComponentProps, AwaitConfiguration, BankDetailsSchema, BankTransferConfiguration, BankTransferSchema, BankTransferState, BeforeSubmitActions, BinLookupResponse, BinLookupResponseRaw, BoletoConfiguration, BoletoElementProps, BoletoInputDataState, BoletoInputErrorState, BoletoInputValidState, BrandConfiguration, BrandObject, BrowserInfo, CReqData, CardAllValidData, CardAutoCompleteData, CardBackendConfiguration, CardBinLookupData, CardBinValueData, CardBrandData, CardBrandsConfiguration, CardConfigSuccessData, CardConfiguration, CardElementData, CardErrorData, CardFieldValidData, CardFocusData, CardLoadData, CardPlaceholders, CashAppPayConfiguration, CashAppPayElementData, CashAppPayEventData, ChallengeData, ChallengeResolveData, ChangeActionOptions, ChangePaymentDetailsButtonProps, ChargeAmount, CheckoutAdvancedFlowResponse, CheckoutDetailsRequest, CheckoutSessionConfig, ClickToPayConfiguration, ClickToPayPaymentData, ClickToPayProps, ClickToPayScheme, CommonVoucherProps, ComponentFocusObject, ComponentMethodsRef, CoreConfiguration, Currency, CustomCardConfiguration, CustomTranslations, DecodeObject, DeliverySpecifications, DokuVoucherResultProps, DonationConfiguration, DragonpayConfiguraton, DragonpayInputData, DragonpayInputIssuerItem, DragonpayInputProps, DragonpayVoucherResultProps, DropinComponentProps, DropinComponentState, DropinConfiguration, DropinStatus, DropinStatusProps, DualBrandSelectElement, EcontextConfiguration, EcontextInputSchema, EcontextVoucherResultProps, ErrorCodeObject, ExtendedMerchantInfo, FastlaneAddress, FastlaneAuthenticatedCustomerResult, FastlaneConfiguration, FastlaneConsentRenderState, FastlaneOptions, FastlanePaymentMethodConfiguration, FastlaneProfile, FastlaneSDKConfiguration, FastlaneShipping, FastlaneShippingAddressSelectorResult, FastlaneSignupConfiguration, FastlaneWindowInstance, FieldsetVisibility, FingerPrintData, FingerprintResolveData, FundingSource, GiftCardConfiguration, GiftCardElementData, GooglePayConfiguration, GooglePaymentDataRequest, ICore, IDropin, InstantPaymentTypes, Intent, IssuerListConfiguration, IssuerListData, KlarnaAction, KlarnaAdditionalDetailsData, KlarnaComponentRef, KlarnaConfiguration, KlarnaSdkData, KlarnaWidgetAuthorizeResponse, KlarnaWidgetProps, LedgerCurrencies, MandateFrequencyType, MandateType, MultibancoVoucherResultProps, OnChangeData, OpenInvoiceActiveFieldsets, OpenInvoiceConfiguration, OpenInvoiceFieldsetsRefs, OpenInvoiceProps, OpenInvoiceStateData, OpenInvoiceStateError, OpenInvoiceStateValid, OpenInvoiceVisibility, Order, OrderButtonProps, OrderStatus, OxxoVoucherResultProps, PayButtonFunctionProps, PayPalConfiguration, PayToConfiguration, PayToData, PayToPlaceholdersType, PayloadJSON, PaymentAction, PaymentActionsType, PaymentAmount, PaymentAmountExtended, PaymentCompletedData, PaymentData, PaymentFailedData, PaymentMethod, PaymentMethodData, PaymentMethodGroup, PaymentMethodOptions, PaymentMethods$1 as PaymentMethods, PaymentMethodsConfiguration, PaymentMethodsRequestData, PaymentMethodsResponse, PaymentResponseData, PersonalDetailsSchema, PixConfiguration, PixElementData, PostMsgParseErrorObject, ProcessedResponse, QRLoaderConfiguration, RawPaymentResponse, RecurringMetadata, RedirectConfiguration, Region, ResultCode, ResultObject, ResultValue, SepaConfiguration, SepaElementData, SessionsResponse, SignOutButtonProps, SocialSecurityMode, StatusFromAction, StatusObject, StoredPaymentMethod, SubmitActions, SubmitData, SupportedLocale, ThreeDS2ChallengeConfiguration, ThreeDS2DeviceFingerprintConfiguration, ThreeDS2FingerprintResponse, ThreeDS2FlowObject, ThreeDS2Token, UIElementProps, UIElementStatus, UPIConfiguration, UpdateAmazonCheckoutSessionRequest, UpiMode, UpiPaymentData, UpiType, ValidationError, VoucherConfiguration, VoucherDetail, VoucherProps, balanceCheckResponseType, onBalanceCheckCallbackType, onOrderCancelData, onOrderCancelType, onOrderRequestCallbackType, onRequiringConfirmationCallbackType };
|