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: | "methodSelected" | "methodUnselected" | "change" | "focus" | "modalIn" | "modalOut" | "blur" | "ready" | "keyup" | "keydown" | "partnerError" | "clientError" | "clientNotFound" | "cantDownloadPluginSources" | "clientNotProperlyDestroyed" | "disconnected" | "died" | "formDataChanged" | "fulfilled" | "initFailed" | "misconfigured" | "optionsSet" | "pluginClientDestroyed" | "pluginExtraSourcesLoaded" | "pluginPostValidation" | "pluginPreValidation" | "pluginSessionSet" | "pluginSourcesLoaded" | "pluginIsIncompatibleWithInterface" | "pluginIsIncompatibleWithClient" | "redirect" | "requestValidate" | "sourceListLoaded" | "sourceLoaded" | "other" | "brandDetected" | "supportedBrandsChanged" | "selectedBrandChanged" | "error" | "apiError"; reason: string; }payload.codestringpayload.internalEventCode| "methodSelected" | "methodUnselected" | "change" | "focus" | "modalIn" | "modalOut" | "blur" | "ready" | "keyup" | "keydown" | "partnerError" | "clientError" | "clientNotFound" | "cantDownloadPluginSources" | "clientNotProperlyDestroyed" | "disconnected" | "died" | "formDataChanged" | "fulfilled" | "initFailed" | "misconfigured" | "optionsSet" | "pluginClientDestroyed" | "pluginExtraSourcesLoaded" | "pluginPostValidation" | "pluginPreValidation" | "pluginSessionSet" | "pluginSourcesLoaded" | "pluginIsIncompatibleWithInterface" | "pluginIsIncompatibleWithClient" | "redirect" | "requestValidate" | "sourceListLoaded" | "sourceLoaded" | "other" | "brandDetected" | "supportedBrandsChanged" | "selectedBrandChanged" | "error" | "apiError"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 methodSelected() methodSelected: (payload) => void; Handler for method selected events Parameters ParameterTypepayload{ method: string; }payload.methodstring Returns void methodUnselected() methodUnselected: (payload) => void; Handler for method unselected events Parameters ParameterTypepayload{ method: string; }payload.methodstring Returns void modalIn() modalIn: (payload) => void; Parameters ParameterTypepayloadRecord<string, any> | null Returns void modalOut() modalOut: (payload) => void; Parameters ParameterTypepayloadRecord<string, any> | null Returns void partnerError() partnerError: (payload) => void; Handler for partner error events Parameters ParameterTypepayload{ error: Omit<KRError, "metadata">; method: string; }payload.errorOmit<KRError, "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