IntegrateIntegration modesHeadless CheckoutSDK ReferenceInterfacesPaymentElementEventsCallbackOn this pagePaymentElementEventsCallbackProperties blur blur: (payload) => void; Parameters ParameterTypepayloadHostedFieldsEventPayload | null Returns void change change: (payload) => void; Parameters ParameterTypepayloadHostedFieldsEventPayload | null Returns void fatalError fatalError: (payload) => void; Handler for fatal error events Parameters ParameterTypepayload{ code: string; internalEventCode: | "ready" | "error" | "change" | "focus" | "modalIn" | "modalOut" | "blur" | "keyup" | "keydown" | "partnerError" | "clientError" | "clientNotFound" | "cantDownloadPluginSources" | "clientNotProperlyDestroyed" | "disconnected" | "died" | "formDataChanged" | "fulfilled" | "initFailed" | "misconfigured" | "apiCallStart" | "apiCallEnd" | "cancelled" | "optionsSet" | "pluginClientDestroyed" | "pluginExtraSourcesLoaded" | "pluginPostValidation" | "pluginPreValidation" | "pluginSessionSet" | "pluginSourcesLoaded" | "pluginIsIncompatibleWithInterface" | "pluginIsIncompatibleWithClient" | "redirect" | "requestValidate" | "sourceListLoaded" | "sourceLoaded" | "other" | "brandDetected" | "supportedBrandsChanged" | "selectedBrandChanged" | "apiError" | "endOfSession"; reason: string; }payload.codestringpayload.internalEventCode| "ready" | "error" | "change" | "focus" | "modalIn" | "modalOut" | "blur" | "keyup" | "keydown" | "partnerError" | "clientError" | "clientNotFound" | "cantDownloadPluginSources" | "clientNotProperlyDestroyed" | "disconnected" | "died" | "formDataChanged" | "fulfilled" | "initFailed" | "misconfigured" | "apiCallStart" | "apiCallEnd" | "cancelled" | "optionsSet" | "pluginClientDestroyed" | "pluginExtraSourcesLoaded" | "pluginPostValidation" | "pluginPreValidation" | "pluginSessionSet" | "pluginSourcesLoaded" | "pluginIsIncompatibleWithInterface" | "pluginIsIncompatibleWithClient" | "redirect" | "requestValidate" | "sourceListLoaded" | "sourceLoaded" | "other" | "brandDetected" | "supportedBrandsChanged" | "selectedBrandChanged" | "apiError" | "endOfSession"payload.reasonstring Returns void focus focus: (payload) => void; Parameters ParameterTypepayloadHostedFieldsEventPayload | null Returns void formValid formValid: (payload) => void; Handler for form validation success events Parameters ParameterTypepayload{ isValid: boolean; }payload.isValidboolean Returns void keydown keydown: (payload) => void; Parameters ParameterTypepayloadHostedFieldsEventPayload | null Returns void keyup keyup: (payload) => void; Parameters ParameterTypepayloadHostedFieldsEventPayload | null Returns void modalIn modalIn: (payload) => void; Parameters ParameterTypepayload| { method: string; } | null Returns void modalOut modalOut: (payload) => void; Parameters ParameterTypepayload| { method: string; } | null Returns void partnerError partnerError: (payload) => void; Handler for partner error events Parameters ParameterTypepayload{ error: Omit<KRError_2, "metadata">; method: string; }payload.errorOmit<KRError_2, "metadata">payload.methodstring Returns void ready ready: (payload) => void; Parameters ParameterTypepayloadRecord<string, any> | null Returns void validationRequested validationRequested: (payload) => void; Handler for validation request events Parameters ParameterTypepayload| { skipOnBeforeValidate?: boolean; } | null Returns void