bp-sdk-google-address-validation
Custom element hooks
| Name | Description |
|---|---|
bp-sdk-external-google-address-validation | disable html |
Classes
| Name | Description |
|---|---|
bp-sdk-google-address-validation__container | Root div element |
bp-sdk-google-address-validation__confirm | Container for address validation confirm google recommended address flow |
bp-sdk-google-address-validation__spelling-suggestion | Container for address validation google suggested spelling flow |
bp-sdk-google-address-validation__fix | Container for address validation google fix required and/or missing information flow |
Properties
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
address | -- | Google validation address information and components | IResultAddress | undefined |
addressValidationId | address-validation-id | Group ID from the question set, used for address validation state lookup | string | undefined |
answerMap | -- | Address group answer set mapped by field type | { [key: string]: IAnswer; } | undefined |
answersResourceState | answers-resource-state | Answer resource states injected from redux | LoadingStates.Error \| LoadingStates.Loaded \| LoadingStates.Loading \| LoadingStates.NotLoaded | undefined |
config | -- | IPartnerEngineConfig injected from redux | IPartnerEngineConfig | undefined |
googleApiToken | google-api-token | Google api key, if no key library is not loaded | string | undefined |
hasValidationError | has-validation-error | Is true when validation could not be completed | boolean | undefined |
isValidationTriggerOverridden | is-validation-trigger-overridden | Is true when validation has been triggered by something other than clicking the next button, injected from redux | boolean | undefined |
latestAddress | -- | Address to validate with the latest pending answer | { [key: string]: IAnswer; } | undefined |
originalAddress | original-address | The user entered address formatted, injected from redux | string | undefined |
stagedAnswers | -- | Unsaved answers from "fix" template missing field input | IAnswerUpdatedEvent[] | [] |
triggerValidation | trigger-validation | Is true when next button has been clicked | boolean | undefined |
validationAttempt | validation-attempt | The number of validations performed on an address, injected from redux | number | undefined |
verdict | verdict | Action to be taken per google address validation response | AddressValidationVerdict.ACCEPT \| AddressValidationVerdict.CONFIRM \| AddressValidationVerdict.FIX \| AddressValidationVerdict.TYPO | undefined |
Events
| Event | Description | Type |
|---|---|---|
bpAnalyticsTrack | Emits an analytics tracking event, see AnalyticsTrackingEventName (sdk-types) for event names | CustomEvent<IAnalyticsTrackEventDetail> |
Dependencies
Used by
Depends on
Graph
graph TD;
bp-sdk-google-address-validation --> bp-sdk-button
bp-sdk-google-address-validation --> bp-sdk-address-group
bp-sdk-address-group --> bp-sdk-google-address-validation
bp-sdk-dynamic-input-redux-container --> bp-sdk-dynamic-input-event-container
bp-sdk-dynamic-input-event-container --> bp-sdk-dynamic-input
bp-sdk-dynamic-input --> bp-sdk-message-outlet
bp-sdk-dynamic-input --> bp-sdk-label
bp-sdk-dynamic-input --> bp-sdk-google-places-autocomplete-container
bp-sdk-dynamic-input --> bp-sdk-driver-input-container
bp-sdk-dynamic-input --> bp-sdk-increment-input
bp-sdk-dynamic-input --> bp-sdk-text-input-container
bp-sdk-dynamic-input --> bp-sdk-masked-input-container
bp-sdk-dynamic-input --> bp-sdk-date-input-container
bp-sdk-dynamic-input --> bp-sdk-month-year-input-container
bp-sdk-dynamic-input --> bp-sdk-select-input-container
bp-sdk-dynamic-input --> bp-sdk-autocomplete-naics-container
bp-sdk-dynamic-input --> bp-sdk-business-classification-selector-container
bp-sdk-dynamic-input --> bp-sdk-radio-dialog
bp-sdk-dynamic-input --> bp-sdk-checkbox-input
bp-sdk-dynamic-input --> bp-sdk-radio-input
bp-sdk-dynamic-input --> bp-sdk-product-list-container
bp-sdk-dynamic-input --> bp-sdk-add-question-pool-item-container
bp-sdk-dynamic-input --> bp-sdk-delete-question-pool-item-container
bp-sdk-dynamic-input --> bp-sdk-autocomplete-input
bp-sdk-google-places-autocomplete-container --> bp-sdk-google-places-autocomplete
bp-sdk-google-places-autocomplete --> bp-sdk-errors-container
bp-sdk-errors-container --> bp-sdk-errors
bp-sdk-driver-input-container --> bp-sdk-text-input-container
bp-sdk-text-input-container --> bp-sdk-text-input
bp-sdk-text-input --> bp-sdk-errors-container
bp-sdk-increment-input --> bp-sdk-text-input-container
bp-sdk-masked-input-container --> bp-sdk-masked-input
bp-sdk-masked-input --> bp-sdk-errors-container
bp-sdk-masked-input --> bp-sdk-masked-input-button
bp-sdk-masked-input --> bp-sdk-icon-container
bp-sdk-date-input-container --> bp-sdk-date-input
bp-sdk-date-input --> bp-sdk-errors-container
bp-sdk-month-year-input-container --> bp-sdk-month-year-input
bp-sdk-month-year-input --> bp-sdk-errors-container
bp-sdk-select-input-container --> bp-sdk-select-input
bp-sdk-select-input --> bp-sdk-errors-container
bp-sdk-autocomplete-naics-container --> bp-sdk-autocomplete-input
bp-sdk-autocomplete-input --> bp-sdk-errors-container
bp-sdk-business-classification-selector-container --> bp-sdk-business-classification-selector
bp-sdk-business-classification-selector --> bp-sdk-autocomplete-input
bp-sdk-business-classification-selector --> bp-sdk-business-classification-selector-list-container
bp-sdk-business-classification-selector-list-container --> bp-sdk-business-classification-selector-list
bp-sdk-business-classification-selector-list --> bp-sdk-business-classification-selector-naics-group
bp-sdk-business-classification-selector-naics-group --> bp-sdk-business-classification-selector-naics-group-header
bp-sdk-business-classification-selector-naics-group --> bp-sdk-business-classification-selector-list-item-container
bp-sdk-business-classification-selector-list-item-container --> bp-sdk-business-classification-selector-list-item
bp-sdk-business-classification-selector-list-item --> bp-sdk-business-classification-selector-card-content
bp-sdk-business-classification-selector-card-content --> bp-sdk-business-classification-selector-card-header
bp-sdk-business-classification-selector-card-content --> bp-sdk-business-classification-selector-card-body
bp-sdk-business-classification-selector-card-content --> bp-sdk-business-classification-selector-relevance-chip
bp-sdk-radio-dialog --> bp-sdk-dialog
bp-sdk-radio-dialog --> bp-sdk-radio-input
bp-sdk-dialog --> bp-sdk-dialog-close-button
bp-sdk-dialog-close-button --> bp-sdk-button
bp-sdk-dialog-close-button --> bp-sdk-icon-container
bp-sdk-radio-input --> bp-sdk-errors-container
bp-sdk-checkbox-input --> bp-sdk-errors-container
bp-sdk-product-list-container --> bp-sdk-product-list
bp-sdk-product-list --> bp-sdk-select-input
bp-sdk-add-question-pool-item-container --> bp-sdk-question-pool-container
bp-sdk-question-pool-container --> bp-sdk-parent-question-pool-selector
bp-sdk-question-pool-container --> bp-sdk-add-item-container
bp-sdk-parent-question-pool-selector --> bp-sdk-select-input
bp-sdk-parent-question-pool-selector --> bp-sdk-button
bp-sdk-add-item-container --> bp-sdk-icon-container
bp-sdk-add-item-container --> bp-sdk-button
bp-sdk-delete-question-pool-item-container --> bp-sdk-delete-question-pool-item
bp-sdk-delete-question-pool-item --> bp-sdk-delete-button
bp-sdk-delete-button --> bp-sdk-icon-container
style bp-sdk-google-address-validation fill:#f9f,stroke:#333,stroke-width:4px
Built with StencilJS