@aacigroup/aaci_shared 6.3.0 → 6.5.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/components/AddressAutocomplete/AddressAutocomplete.d.ts +26 -0
- package/dist/components/AddressAutocomplete/AddressAutocomplete.d.ts.map +1 -0
- package/dist/components/AddressAutocomplete/AddressAutocomplete.js +138 -0
- package/dist/components/AddressAutocomplete/AddressAutocomplete.js.map +1 -0
- package/dist/components/AddressAutocomplete/AddressSuggestionsDropdown.d.ts +13 -0
- package/dist/components/AddressAutocomplete/AddressSuggestionsDropdown.d.ts.map +1 -0
- package/dist/components/AddressAutocomplete/AddressSuggestionsDropdown.js +15 -0
- package/dist/components/AddressAutocomplete/AddressSuggestionsDropdown.js.map +1 -0
- package/dist/components/AddressAutocomplete/addressUtils.d.ts +2 -0
- package/dist/components/AddressAutocomplete/addressUtils.d.ts.map +1 -0
- package/dist/components/AddressAutocomplete/addressUtils.js +14 -0
- package/dist/components/AddressAutocomplete/addressUtils.js.map +1 -0
- package/dist/components/AddressAutocomplete/index.d.ts +9 -0
- package/dist/components/AddressAutocomplete/index.d.ts.map +1 -0
- package/dist/components/AddressAutocomplete/index.js +6 -0
- package/dist/components/AddressAutocomplete/index.js.map +1 -0
- package/dist/components/AddressAutocomplete/useAddressInput.d.ts +36 -0
- package/dist/components/AddressAutocomplete/useAddressInput.d.ts.map +1 -0
- package/dist/components/AddressAutocomplete/useAddressInput.js +142 -0
- package/dist/components/AddressAutocomplete/useAddressInput.js.map +1 -0
- package/dist/components/AddressAutocomplete/useGooglePlacesAutocomplete.d.ts +38 -0
- package/dist/components/AddressAutocomplete/useGooglePlacesAutocomplete.d.ts.map +1 -0
- package/dist/components/AddressAutocomplete/useGooglePlacesAutocomplete.js +233 -0
- package/dist/components/AddressAutocomplete/useGooglePlacesAutocomplete.js.map +1 -0
- package/dist/index.d.ts +4 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -1
- package/dist/lib/googleMapsLoader.d.ts +36 -0
- package/dist/lib/googleMapsLoader.d.ts.map +1 -0
- package/dist/lib/googleMapsLoader.js +163 -0
- package/dist/lib/googleMapsLoader.js.map +1 -0
- package/dist/react.d.ts +4 -0
- package/dist/react.d.ts.map +1 -1
- package/dist/react.js +2 -0
- package/dist/react.js.map +1 -1
- package/dist/types/entities/enums.d.ts +6 -2
- package/dist/types/entities/enums.d.ts.map +1 -1
- package/dist/types/entities/enums.js +31 -1
- package/dist/types/entities/enums.js.map +1 -1
- package/dist/types/entities/index.d.ts +4 -1
- package/dist/types/entities/index.d.ts.map +1 -1
- package/dist/types/entities/index.js +2 -1
- package/dist/types/entities/index.js.map +1 -1
- package/dist/types/entities/notes.d.ts +27 -0
- package/dist/types/entities/notes.d.ts.map +1 -0
- package/dist/types/entities/notes.js +11 -0
- package/dist/types/entities/notes.js.map +1 -0
- package/dist/validators/phoneValidation.d.ts +8 -0
- package/dist/validators/phoneValidation.d.ts.map +1 -0
- package/dist/validators/phoneValidation.js +39 -0
- package/dist/validators/phoneValidation.js.map +1 -0
- package/package.json +3 -1
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export interface Address {
|
|
2
|
+
full_address: string;
|
|
3
|
+
place_id: string | null;
|
|
4
|
+
street_address: string;
|
|
5
|
+
street_address_2?: string | null;
|
|
6
|
+
city: string;
|
|
7
|
+
state: string;
|
|
8
|
+
zip_code: string;
|
|
9
|
+
county?: string;
|
|
10
|
+
country?: string;
|
|
11
|
+
}
|
|
12
|
+
export interface AddressAutocompleteProps {
|
|
13
|
+
value: Address | null;
|
|
14
|
+
onChange: (address: Address) => void;
|
|
15
|
+
requirePlaceId?: boolean;
|
|
16
|
+
placeholder?: string;
|
|
17
|
+
disabled?: boolean;
|
|
18
|
+
className?: string;
|
|
19
|
+
inputClassName?: string;
|
|
20
|
+
error?: string;
|
|
21
|
+
label?: string;
|
|
22
|
+
classNameFn?: (...classes: (string | undefined | false)[]) => string;
|
|
23
|
+
onError?: (error: string) => void;
|
|
24
|
+
}
|
|
25
|
+
export declare const AddressAutocomplete: ({ value, onChange, requirePlaceId, placeholder, disabled, className, inputClassName, error, label, classNameFn, onError, }: AddressAutocompleteProps) => import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
//# sourceMappingURL=AddressAutocomplete.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AddressAutocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/AddressAutocomplete/AddressAutocomplete.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,OAAO;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,wBAAwB;IAEvC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;IAEtB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAErC,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,WAAW,CAAC,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC,MAAM,GAAG,SAAS,GAAG,KAAK,CAAC,EAAE,KAAK,MAAM,CAAC;IAErE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAmJD,eAAO,MAAM,mBAAmB,GAAI,4HAYjC,wBAAwB,4CAwJ1B,CAAC"}
|
|
@@ -0,0 +1,138 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useCallback, useEffect, useState } from 'react';
|
|
3
|
+
import { useAddressInput } from './useAddressInput.js';
|
|
4
|
+
import { AddressSuggestionsDropdown } from './AddressSuggestionsDropdown.js';
|
|
5
|
+
const defaultClassNameFn = (...classes) => classes.filter(Boolean).join(' ');
|
|
6
|
+
const componentsToAddress = (components, fullAddress, placeId) => ({
|
|
7
|
+
full_address: fullAddress,
|
|
8
|
+
place_id: placeId,
|
|
9
|
+
street_address: components.street,
|
|
10
|
+
street_address_2: null,
|
|
11
|
+
city: components.city,
|
|
12
|
+
state: components.state,
|
|
13
|
+
zip_code: components.zip,
|
|
14
|
+
county: components.county,
|
|
15
|
+
country: components.country || 'US',
|
|
16
|
+
});
|
|
17
|
+
const addressToDisplayString = (address) => {
|
|
18
|
+
if (!address)
|
|
19
|
+
return '';
|
|
20
|
+
if (address.full_address)
|
|
21
|
+
return address.full_address;
|
|
22
|
+
const parts = [
|
|
23
|
+
address.street_address,
|
|
24
|
+
address.city,
|
|
25
|
+
address.state,
|
|
26
|
+
address.zip_code,
|
|
27
|
+
].filter(Boolean);
|
|
28
|
+
return parts.join(', ');
|
|
29
|
+
};
|
|
30
|
+
const parseManualAddress = (input) => {
|
|
31
|
+
const trimmed = input.trim();
|
|
32
|
+
let street_address = trimmed;
|
|
33
|
+
let city = '';
|
|
34
|
+
let state = '';
|
|
35
|
+
let zip_code = '';
|
|
36
|
+
const country = 'US';
|
|
37
|
+
if (!trimmed) {
|
|
38
|
+
return { street_address, city, state, zip_code, country };
|
|
39
|
+
}
|
|
40
|
+
const parseStateZip = (segment) => {
|
|
41
|
+
const stateZipMatch = segment.match(/^([A-Za-z]{2})\s+(\d{5}(?:-\d{4})?)$/);
|
|
42
|
+
if (stateZipMatch && stateZipMatch[1] && stateZipMatch[2]) {
|
|
43
|
+
return {
|
|
44
|
+
state: stateZipMatch[1].toUpperCase(),
|
|
45
|
+
zip: stateZipMatch[2],
|
|
46
|
+
};
|
|
47
|
+
}
|
|
48
|
+
return null;
|
|
49
|
+
};
|
|
50
|
+
const commaParts = trimmed.split(',').map(part => part.trim()).filter(Boolean);
|
|
51
|
+
if (commaParts.length >= 2) {
|
|
52
|
+
street_address = commaParts[0] || trimmed;
|
|
53
|
+
if (commaParts.length === 2) {
|
|
54
|
+
const tail = commaParts[1] || '';
|
|
55
|
+
const tokens = tail.split(/\s+/).filter(Boolean);
|
|
56
|
+
if (tokens.length >= 3) {
|
|
57
|
+
const possibleState = tokens[tokens.length - 2] || '';
|
|
58
|
+
const possibleZip = tokens[tokens.length - 1] || '';
|
|
59
|
+
const tailMatch = `${possibleState} ${possibleZip}`;
|
|
60
|
+
const parsed = parseStateZip(tailMatch);
|
|
61
|
+
if (parsed) {
|
|
62
|
+
city = tokens.slice(0, -2).join(' ');
|
|
63
|
+
state = parsed.state;
|
|
64
|
+
zip_code = parsed.zip;
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
else {
|
|
69
|
+
city = commaParts.slice(1, -1).join(', ');
|
|
70
|
+
const lastPart = commaParts[commaParts.length - 1] || '';
|
|
71
|
+
const parsed = parseStateZip(lastPart);
|
|
72
|
+
if (parsed) {
|
|
73
|
+
state = parsed.state;
|
|
74
|
+
zip_code = parsed.zip;
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
else {
|
|
79
|
+
const tokens = trimmed.split(/\s+/).filter(Boolean);
|
|
80
|
+
if (tokens.length >= 4) {
|
|
81
|
+
const possibleZip = tokens[tokens.length - 1] || '';
|
|
82
|
+
const possibleState = tokens[tokens.length - 2] || '';
|
|
83
|
+
const tailMatch = `${possibleState} ${possibleZip}`;
|
|
84
|
+
const parsed = parseStateZip(tailMatch);
|
|
85
|
+
if (parsed) {
|
|
86
|
+
zip_code = parsed.zip;
|
|
87
|
+
state = parsed.state;
|
|
88
|
+
city = tokens[tokens.length - 3] || '';
|
|
89
|
+
street_address = tokens.slice(0, -3).join(' ');
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
return { street_address, city, state, zip_code, country };
|
|
94
|
+
};
|
|
95
|
+
export const AddressAutocomplete = ({ value, onChange, requirePlaceId = false, placeholder = 'Start typing an address...', disabled = false, className, inputClassName, error, label, classNameFn = defaultClassNameFn, onError, }) => {
|
|
96
|
+
const [manualInput, setManualInput] = useState('');
|
|
97
|
+
const [showManualWarning, setShowManualWarning] = useState(false);
|
|
98
|
+
const { inputValue, setInputValue, selectedAddress, hasSelectedAddress, isSearching, showSuggestions, addressSuggestions, postalCodeCache, inputRef, containerRef, handleInputChange, handleSuggestionClick, handleInputFocus, handleInputKeyDown, } = useAddressInput({
|
|
99
|
+
initialValue: addressToDisplayString(value),
|
|
100
|
+
onAddressSelect: useCallback((addressValue) => {
|
|
101
|
+
const address = componentsToAddress(addressValue.components, addressValue.fullAddress, addressValue.placeId);
|
|
102
|
+
setShowManualWarning(false);
|
|
103
|
+
onChange(address);
|
|
104
|
+
}, [onChange]),
|
|
105
|
+
onError,
|
|
106
|
+
});
|
|
107
|
+
useEffect(() => {
|
|
108
|
+
const displayValue = addressToDisplayString(value);
|
|
109
|
+
if (displayValue !== inputValue && !showSuggestions) {
|
|
110
|
+
setInputValue(displayValue);
|
|
111
|
+
}
|
|
112
|
+
}, [value]);
|
|
113
|
+
useEffect(() => {
|
|
114
|
+
setManualInput(inputValue);
|
|
115
|
+
}, [inputValue]);
|
|
116
|
+
const handleBlur = useCallback(() => {
|
|
117
|
+
const trimmedInput = manualInput.trim();
|
|
118
|
+
if (!requirePlaceId && !hasSelectedAddress && trimmedInput) {
|
|
119
|
+
const parsed = parseManualAddress(trimmedInput);
|
|
120
|
+
const address = {
|
|
121
|
+
full_address: manualInput,
|
|
122
|
+
place_id: null,
|
|
123
|
+
street_address: parsed.street_address,
|
|
124
|
+
city: parsed.city,
|
|
125
|
+
state: parsed.state,
|
|
126
|
+
zip_code: parsed.zip_code,
|
|
127
|
+
country: parsed.country,
|
|
128
|
+
};
|
|
129
|
+
setShowManualWarning(false);
|
|
130
|
+
onChange(address);
|
|
131
|
+
}
|
|
132
|
+
else if (requirePlaceId && !hasSelectedAddress && trimmedInput) {
|
|
133
|
+
setShowManualWarning(true);
|
|
134
|
+
}
|
|
135
|
+
}, [requirePlaceId, hasSelectedAddress, manualInput, onChange]);
|
|
136
|
+
return (_jsxs("div", { className: classNameFn('relative', className), ref: containerRef, children: [label && (_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: label })), _jsxs("div", { className: "relative", children: [_jsx("input", { ref: inputRef, type: "text", value: inputValue, onChange: handleInputChange, onFocus: handleInputFocus, onKeyDown: handleInputKeyDown, onBlur: handleBlur, placeholder: placeholder, disabled: disabled, className: classNameFn('w-full px-3 pr-8 py-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500', error || showManualWarning ? 'border-red-500' : 'border-gray-300', disabled && 'bg-gray-100 cursor-not-allowed', inputClassName) }), isSearching && (_jsx("div", { className: "pointer-events-none absolute inset-y-0 right-3 flex items-center", children: _jsxs("svg", { className: "w-4 h-4 animate-spin text-gray-400", fill: "none", viewBox: "0 0 24 24", children: [_jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), _jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" })] }) }))] }), showSuggestions && (_jsx(AddressSuggestionsDropdown, { suggestions: addressSuggestions, postalCodeCache: postalCodeCache, onSelect: handleSuggestionClick, classNameFn: classNameFn })), error && (_jsx("p", { className: "mt-1 text-sm text-red-600", children: error })), showManualWarning && requirePlaceId && (_jsx("p", { className: "mt-1 text-sm text-red-600", children: "Please select an address from the suggestions to ensure accurate location data." })), hasSelectedAddress && (value === null || value === void 0 ? void 0 : value.place_id) && (_jsxs("p", { className: "mt-1 text-xs text-gray-500", children: ["Place ID: ", value.place_id] }))] }));
|
|
137
|
+
};
|
|
138
|
+
//# sourceMappingURL=AddressAutocomplete.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AddressAutocomplete.js","sourceRoot":"","sources":["../../../src/components/AddressAutocomplete/AddressAutocomplete.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { AddressSuggestion } from './useGooglePlacesAutocomplete.js';
|
|
2
|
+
interface AddressSuggestionsDropdownProps {
|
|
3
|
+
suggestions: AddressSuggestion[];
|
|
4
|
+
postalCodeCache?: Record<string, string>;
|
|
5
|
+
onSelect: (suggestion: AddressSuggestion) => void;
|
|
6
|
+
className?: string;
|
|
7
|
+
isProcessing?: boolean;
|
|
8
|
+
processingPlaceId?: string;
|
|
9
|
+
classNameFn?: (...classes: (string | undefined | false)[]) => string;
|
|
10
|
+
}
|
|
11
|
+
export declare const AddressSuggestionsDropdown: ({ suggestions, postalCodeCache, onSelect, className, isProcessing, processingPlaceId, classNameFn, }: AddressSuggestionsDropdownProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
12
|
+
export {};
|
|
13
|
+
//# sourceMappingURL=AddressSuggestionsDropdown.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AddressSuggestionsDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/AddressAutocomplete/AddressSuggestionsDropdown.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAE1E,UAAU,+BAA+B;IACvC,WAAW,EAAE,iBAAiB,EAAE,CAAC;IACjC,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzC,QAAQ,EAAE,CAAC,UAAU,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,WAAW,CAAC,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC,MAAM,GAAG,SAAS,GAAG,KAAK,CAAC,EAAE,KAAK,MAAM,CAAC;CACtE;AASD,eAAO,MAAM,0BAA0B,GAAI,sGAQxC,+BAA+B,mDAmEjC,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
const defaultClassNameFn = (...classes) => classes.filter(Boolean).join(' ');
|
|
3
|
+
export const AddressSuggestionsDropdown = ({ suggestions, postalCodeCache = {}, onSelect, className, isProcessing = false, processingPlaceId, classNameFn = defaultClassNameFn, }) => {
|
|
4
|
+
if (suggestions.length === 0)
|
|
5
|
+
return null;
|
|
6
|
+
return (_jsx("div", { className: classNameFn('absolute top-full left-0 right-0 z-50 mt-1 bg-white border border-gray-200 rounded-md shadow-lg max-h-48 overflow-y-auto', className), style: { backgroundColor: 'var(--background, white)', borderColor: 'var(--border, #e5e7eb)' }, children: suggestions.map((suggestion) => {
|
|
7
|
+
const zip = postalCodeCache[suggestion.placeId] || '';
|
|
8
|
+
const secondary = suggestion.secondaryText || '';
|
|
9
|
+
const secondaryHasZip = zip ? secondary.includes(zip) : false;
|
|
10
|
+
const secondaryText = zip && !secondaryHasZip ? `${secondary} ${zip}`.trim() : secondary;
|
|
11
|
+
const isThisProcessing = isProcessing && processingPlaceId === suggestion.placeId;
|
|
12
|
+
return (_jsx("div", { className: classNameFn('p-3 border-b border-gray-100 last:border-b-0', isThisProcessing ? 'bg-gray-100 cursor-wait' : 'hover:bg-gray-50 cursor-pointer', isProcessing && !isThisProcessing && 'opacity-50 cursor-not-allowed'), onClick: () => !isProcessing && onSelect(suggestion), children: _jsxs("div", { className: "flex items-start space-x-2", children: [_jsx("svg", { className: classNameFn('w-4 h-4 mt-0.5 text-gray-400', isThisProcessing && 'animate-spin'), fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: isThisProcessing ? (_jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" })) : (_jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" })) }), _jsxs("div", { children: [_jsx("div", { className: "font-medium text-sm", children: suggestion.mainText }), secondaryText && (_jsx("div", { className: "text-xs text-gray-500", children: secondaryText }))] })] }) }, suggestion.placeId));
|
|
13
|
+
}) }));
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=AddressSuggestionsDropdown.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AddressSuggestionsDropdown.js","sourceRoot":"","sources":["../../../src/components/AddressAutocomplete/AddressSuggestionsDropdown.tsx"],"names":[],"mappings":";AAcA,MAAM,kBAAkB,GAAG,CAAC,GAAG,OAAuC,EAAU,EAAE,CAChF,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAMpC,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,EACzC,WAAW,EACX,eAAe,GAAG,EAAE,EACpB,QAAQ,EACR,SAAS,EACT,YAAY,GAAG,KAAK,EACpB,iBAAiB,EACjB,WAAW,GAAG,kBAAkB,GACA,EAAE,EAAE;IACpC,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAE1C,OAAO,CACL,cACE,SAAS,EAAE,WAAW,CACpB,0HAA0H,EAC1H,SAAS,CACV,EACD,KAAK,EAAE,EAAE,eAAe,EAAE,0BAA0B,EAAE,WAAW,EAAE,wBAAwB,EAAE,YAE5F,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE;YAC9B,MAAM,GAAG,GAAG,eAAe,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;YACtD,MAAM,SAAS,GAAG,UAAU,CAAC,aAAa,IAAI,EAAE,CAAC;YACjD,MAAM,eAAe,GAAG,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;YAC9D,MAAM,aAAa,GAAG,GAAG,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,SAAS,IAAI,GAAG,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;YAEzF,MAAM,gBAAgB,GAAG,YAAY,IAAI,iBAAiB,KAAK,UAAU,CAAC,OAAO,CAAC;YAElF,OAAO,CACL,cAEE,SAAS,EAAE,WAAW,CACpB,8CAA8C,EAC9C,gBAAgB,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,iCAAiC,EAChF,YAAY,IAAI,CAAC,gBAAgB,IAAI,+BAA+B,CACrE,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,YAAY,IAAI,QAAQ,CAAC,UAAU,CAAC,YAEpD,eAAK,SAAS,EAAC,4BAA4B,aACzC,cACE,SAAS,EAAE,WAAW,CACpB,8BAA8B,EAC9B,gBAAgB,IAAI,cAAc,CACnC,EACD,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,MAAM,EAAC,cAAc,YAEpB,gBAAgB,CAAC,CAAC,CAAC,CAClB,eACE,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,EACd,CAAC,EAAC,6GAA6G,GAC/G,CACH,CAAC,CAAC,CAAC,CACF,eACE,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,EACd,CAAC,EAAC,oFAAoF,GACtF,CACH,GACG,EACN,0BACE,cAAK,SAAS,EAAC,qBAAqB,YAAE,UAAU,CAAC,QAAQ,GAAO,EAC/D,aAAa,IAAI,CAChB,cAAK,SAAS,EAAC,uBAAuB,YAAE,aAAa,GAAO,CAC7D,IACG,IACF,IAxCD,UAAU,CAAC,OAAO,CAyCnB,CACP,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"addressUtils.d.ts","sourceRoot":"","sources":["../../../src/components/AddressAutocomplete/addressUtils.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,wBAAwB,GAAI,aAAa,MAAM,EAAE,SAAS,MAAM,KAAG,MAgB/E,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export const formatAddressWithZipcode = (description, zipcode) => {
|
|
2
|
+
if (description.includes(zipcode)) {
|
|
3
|
+
return description;
|
|
4
|
+
}
|
|
5
|
+
const statePattern = /,\s*([A-Z]{2})(?:,\s*USA)?$/;
|
|
6
|
+
const match = description.match(statePattern);
|
|
7
|
+
if (match) {
|
|
8
|
+
const beforeState = description.substring(0, match.index);
|
|
9
|
+
const state = match[1];
|
|
10
|
+
return `${beforeState}, ${state} ${zipcode}, USA`;
|
|
11
|
+
}
|
|
12
|
+
return `${description} ${zipcode}`;
|
|
13
|
+
};
|
|
14
|
+
//# sourceMappingURL=addressUtils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"addressUtils.js","sourceRoot":"","sources":["../../../src/components/AddressAutocomplete/addressUtils.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,WAAmB,EAAE,OAAe,EAAU,EAAE;IAEvF,IAAI,WAAW,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;QAClC,OAAO,WAAW,CAAC;IACrB,CAAC;IAED,MAAM,YAAY,GAAG,6BAA6B,CAAC;IACnD,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAE9C,IAAI,KAAK,EAAE,CAAC;QACV,MAAM,WAAW,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;QAC1D,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;QACvB,OAAO,GAAG,WAAW,KAAK,KAAK,IAAI,OAAO,OAAO,CAAC;IACpD,CAAC;IAED,OAAO,GAAG,WAAW,IAAI,OAAO,EAAE,CAAC;AACrC,CAAC,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export { AddressAutocomplete } from './AddressAutocomplete.js';
|
|
2
|
+
export type { AddressAutocompleteProps, Address } from './AddressAutocomplete.js';
|
|
3
|
+
export { useGooglePlacesAutocomplete } from './useGooglePlacesAutocomplete.js';
|
|
4
|
+
export type { AddressComponents, AddressSuggestion } from './useGooglePlacesAutocomplete.js';
|
|
5
|
+
export { useAddressInput } from './useAddressInput.js';
|
|
6
|
+
export type { AddressInputValue } from './useAddressInput.js';
|
|
7
|
+
export { AddressSuggestionsDropdown } from './AddressSuggestionsDropdown.js';
|
|
8
|
+
export { formatAddressWithZipcode } from './addressUtils.js';
|
|
9
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AddressAutocomplete/index.ts"],"names":[],"mappings":"AAuBA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,YAAY,EAAE,wBAAwB,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAGlF,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAC/E,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAE7F,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,YAAY,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAG9D,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAG7E,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { AddressAutocomplete } from './AddressAutocomplete.js';
|
|
2
|
+
export { useGooglePlacesAutocomplete } from './useGooglePlacesAutocomplete.js';
|
|
3
|
+
export { useAddressInput } from './useAddressInput.js';
|
|
4
|
+
export { AddressSuggestionsDropdown } from './AddressSuggestionsDropdown.js';
|
|
5
|
+
export { formatAddressWithZipcode } from './addressUtils.js';
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AddressAutocomplete/index.ts"],"names":[],"mappings":"AAuBA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAI/D,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAG/E,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAIvD,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAG7E,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { AddressSuggestion, AddressComponents } from './useGooglePlacesAutocomplete.js';
|
|
2
|
+
export interface AddressInputValue {
|
|
3
|
+
fullAddress: string;
|
|
4
|
+
placeId: string;
|
|
5
|
+
components: AddressComponents;
|
|
6
|
+
zipcode: string;
|
|
7
|
+
}
|
|
8
|
+
interface UseAddressInputProps {
|
|
9
|
+
onAddressSelect?: ((address: AddressInputValue) => void) | undefined;
|
|
10
|
+
initialValue?: string | undefined;
|
|
11
|
+
debounceMs?: number | undefined;
|
|
12
|
+
minChars?: number | undefined;
|
|
13
|
+
onError?: ((error: string) => void) | undefined;
|
|
14
|
+
}
|
|
15
|
+
interface UseAddressInputReturn {
|
|
16
|
+
inputValue: string;
|
|
17
|
+
setInputValue: (value: string) => void;
|
|
18
|
+
selectedAddress: AddressInputValue | null;
|
|
19
|
+
hasSelectedAddress: boolean;
|
|
20
|
+
isSearching: boolean;
|
|
21
|
+
showSuggestions: boolean;
|
|
22
|
+
addressSuggestions: AddressSuggestion[];
|
|
23
|
+
postalCodeCache: Record<string, string>;
|
|
24
|
+
inputRef: React.RefObject<HTMLInputElement>;
|
|
25
|
+
containerRef: React.RefObject<HTMLDivElement>;
|
|
26
|
+
handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
27
|
+
handleSuggestionClick: (suggestion: AddressSuggestion) => Promise<void>;
|
|
28
|
+
handleInputFocus: () => void;
|
|
29
|
+
handleInputKeyDown: (e: React.KeyboardEvent) => void;
|
|
30
|
+
handleClickOutside: (e: MouseEvent) => void;
|
|
31
|
+
clearAddress: () => void;
|
|
32
|
+
resetInput: () => void;
|
|
33
|
+
}
|
|
34
|
+
export declare const useAddressInput: ({ onAddressSelect, initialValue, debounceMs, minChars, onError, }?: UseAddressInputProps) => UseAddressInputReturn;
|
|
35
|
+
export {};
|
|
36
|
+
//# sourceMappingURL=useAddressInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useAddressInput.d.ts","sourceRoot":"","sources":["../../../src/components/AddressAutocomplete/useAddressInput.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,iBAAiB,EACjB,iBAAiB,EAClB,MAAM,kCAAkC,CAAC;AAG1C,MAAM,WAAW,iBAAiB;IAChC,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,iBAAiB,CAAC;IAC9B,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,oBAAoB;IAI5B,eAAe,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,iBAAiB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAKrE,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAMlC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAMhC,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAK9B,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CACjD;AAED,UAAU,qBAAqB;IAE7B,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAGvC,eAAe,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAC1C,kBAAkB,EAAE,OAAO,CAAC;IAG5B,WAAW,EAAE,OAAO,CAAC;IACrB,eAAe,EAAE,OAAO,CAAC;IACzB,kBAAkB,EAAE,iBAAiB,EAAE,CAAC;IACxC,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAGxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAC5C,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAG9C,iBAAiB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACpE,qBAAqB,EAAE,CAAC,UAAU,EAAE,iBAAiB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACxE,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,kBAAkB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;IACrD,kBAAkB,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAG5C,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAYD,eAAO,MAAM,eAAe,GAAI,oEAM7B,oBAAyB,KAAG,qBA6M9B,CAAC"}
|
|
@@ -0,0 +1,142 @@
|
|
|
1
|
+
import { useState, useEffect, useRef, useCallback } from 'react';
|
|
2
|
+
import { useGooglePlacesAutocomplete, } from './useGooglePlacesAutocomplete.js';
|
|
3
|
+
import { formatAddressWithZipcode } from './addressUtils.js';
|
|
4
|
+
export const useAddressInput = ({ onAddressSelect, initialValue = '', debounceMs = 300, minChars = 3, onError, } = {}) => {
|
|
5
|
+
const { addressSuggestions, showSuggestions: autoShowSuggestions, getSuggestions, setShowSuggestions, postalCodeCache, getPlaceDetails, } = useGooglePlacesAutocomplete({
|
|
6
|
+
minChars,
|
|
7
|
+
debounceMs,
|
|
8
|
+
onError,
|
|
9
|
+
});
|
|
10
|
+
const [inputValue, setInputValue] = useState(initialValue);
|
|
11
|
+
const [isSearching, setIsSearching] = useState(false);
|
|
12
|
+
const [selectedAddress, setSelectedAddress] = useState(null);
|
|
13
|
+
const inputRef = useRef(null);
|
|
14
|
+
const containerRef = useRef(null);
|
|
15
|
+
const searchDebounceTimer = useRef(null);
|
|
16
|
+
const isSelectingAddressRef = useRef(false);
|
|
17
|
+
const hasSelectedAddress = selectedAddress !== null;
|
|
18
|
+
const showSuggestions = autoShowSuggestions && !hasSelectedAddress;
|
|
19
|
+
useEffect(() => {
|
|
20
|
+
if (isSelectingAddressRef.current) {
|
|
21
|
+
return;
|
|
22
|
+
}
|
|
23
|
+
if (searchDebounceTimer.current) {
|
|
24
|
+
clearTimeout(searchDebounceTimer.current);
|
|
25
|
+
}
|
|
26
|
+
if (inputValue.length >= minChars) {
|
|
27
|
+
searchDebounceTimer.current = setTimeout(() => {
|
|
28
|
+
setIsSearching(true);
|
|
29
|
+
}, debounceMs);
|
|
30
|
+
}
|
|
31
|
+
else {
|
|
32
|
+
setIsSearching(false);
|
|
33
|
+
}
|
|
34
|
+
getSuggestions(inputValue);
|
|
35
|
+
return () => {
|
|
36
|
+
if (searchDebounceTimer.current) {
|
|
37
|
+
clearTimeout(searchDebounceTimer.current);
|
|
38
|
+
}
|
|
39
|
+
};
|
|
40
|
+
}, [inputValue, getSuggestions, debounceMs, minChars]);
|
|
41
|
+
useEffect(() => {
|
|
42
|
+
if (!isSelectingAddressRef.current && selectedAddress) {
|
|
43
|
+
setSelectedAddress(null);
|
|
44
|
+
}
|
|
45
|
+
isSelectingAddressRef.current = false;
|
|
46
|
+
}, [inputValue]);
|
|
47
|
+
useEffect(() => {
|
|
48
|
+
if (addressSuggestions.length > 0 || inputValue.length < minChars) {
|
|
49
|
+
setIsSearching(false);
|
|
50
|
+
}
|
|
51
|
+
}, [addressSuggestions, inputValue, minChars]);
|
|
52
|
+
useEffect(() => {
|
|
53
|
+
const handleClickOutside = (event) => {
|
|
54
|
+
if (containerRef.current && !containerRef.current.contains(event.target)) {
|
|
55
|
+
setShowSuggestions(false);
|
|
56
|
+
}
|
|
57
|
+
};
|
|
58
|
+
document.addEventListener('mousedown', handleClickOutside);
|
|
59
|
+
return () => document.removeEventListener('mousedown', handleClickOutside);
|
|
60
|
+
}, [setShowSuggestions]);
|
|
61
|
+
const handleInputChange = useCallback((e) => {
|
|
62
|
+
setInputValue(e.target.value);
|
|
63
|
+
}, []);
|
|
64
|
+
const handleSuggestionClick = useCallback(async (suggestion) => {
|
|
65
|
+
var _a;
|
|
66
|
+
const zipcode = postalCodeCache[suggestion.placeId] || '';
|
|
67
|
+
let finalZipcode = zipcode;
|
|
68
|
+
let addressDetails = null;
|
|
69
|
+
if (!finalZipcode) {
|
|
70
|
+
const details = await getPlaceDetails(suggestion.placeId);
|
|
71
|
+
if (details) {
|
|
72
|
+
finalZipcode = details.components.zip;
|
|
73
|
+
addressDetails = details;
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
else {
|
|
77
|
+
addressDetails = await getPlaceDetails(suggestion.placeId);
|
|
78
|
+
}
|
|
79
|
+
if (!addressDetails) {
|
|
80
|
+
return;
|
|
81
|
+
}
|
|
82
|
+
isSelectingAddressRef.current = true;
|
|
83
|
+
const formattedAddress = formatAddressWithZipcode(suggestion.description, finalZipcode);
|
|
84
|
+
setInputValue(formattedAddress);
|
|
85
|
+
const addressValue = {
|
|
86
|
+
fullAddress: formattedAddress,
|
|
87
|
+
placeId: suggestion.placeId,
|
|
88
|
+
components: addressDetails.components,
|
|
89
|
+
zipcode: finalZipcode,
|
|
90
|
+
};
|
|
91
|
+
setSelectedAddress(addressValue);
|
|
92
|
+
setShowSuggestions(false);
|
|
93
|
+
(_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
|
|
94
|
+
onAddressSelect === null || onAddressSelect === void 0 ? void 0 : onAddressSelect(addressValue);
|
|
95
|
+
}, [postalCodeCache, getPlaceDetails, setShowSuggestions, onAddressSelect]);
|
|
96
|
+
const handleInputFocus = useCallback(() => {
|
|
97
|
+
if (!hasSelectedAddress && inputValue.length >= minChars) {
|
|
98
|
+
setShowSuggestions(true);
|
|
99
|
+
}
|
|
100
|
+
}, [hasSelectedAddress, inputValue, minChars, setShowSuggestions]);
|
|
101
|
+
const handleInputKeyDown = useCallback((e) => {
|
|
102
|
+
var _a;
|
|
103
|
+
if (e.key === 'Escape') {
|
|
104
|
+
setShowSuggestions(false);
|
|
105
|
+
(_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
|
|
106
|
+
}
|
|
107
|
+
}, [setShowSuggestions]);
|
|
108
|
+
const handleClickOutside = useCallback((event) => {
|
|
109
|
+
if (containerRef.current && !containerRef.current.contains(event.target)) {
|
|
110
|
+
setShowSuggestions(false);
|
|
111
|
+
}
|
|
112
|
+
}, [setShowSuggestions]);
|
|
113
|
+
const clearAddress = useCallback(() => {
|
|
114
|
+
setSelectedAddress(null);
|
|
115
|
+
setInputValue('');
|
|
116
|
+
setShowSuggestions(false);
|
|
117
|
+
}, [setShowSuggestions]);
|
|
118
|
+
const resetInput = useCallback(() => {
|
|
119
|
+
setInputValue('');
|
|
120
|
+
setSelectedAddress(null);
|
|
121
|
+
}, []);
|
|
122
|
+
return {
|
|
123
|
+
inputValue,
|
|
124
|
+
setInputValue,
|
|
125
|
+
selectedAddress,
|
|
126
|
+
hasSelectedAddress,
|
|
127
|
+
isSearching,
|
|
128
|
+
showSuggestions,
|
|
129
|
+
addressSuggestions,
|
|
130
|
+
postalCodeCache,
|
|
131
|
+
inputRef,
|
|
132
|
+
containerRef,
|
|
133
|
+
handleInputChange,
|
|
134
|
+
handleSuggestionClick,
|
|
135
|
+
handleInputFocus,
|
|
136
|
+
handleInputKeyDown,
|
|
137
|
+
handleClickOutside,
|
|
138
|
+
clearAddress,
|
|
139
|
+
resetInput,
|
|
140
|
+
};
|
|
141
|
+
};
|
|
142
|
+
//# sourceMappingURL=useAddressInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useAddressInput.js","sourceRoot":"","sources":["../../../src/components/AddressAutocomplete/useAddressInput.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
export interface AddressComponents {
|
|
2
|
+
street: string;
|
|
3
|
+
city: string;
|
|
4
|
+
state: string;
|
|
5
|
+
zip: string;
|
|
6
|
+
county: string;
|
|
7
|
+
country: string;
|
|
8
|
+
}
|
|
9
|
+
export interface AddressSuggestion {
|
|
10
|
+
placeId: string;
|
|
11
|
+
mainText: string;
|
|
12
|
+
secondaryText: string;
|
|
13
|
+
description: string;
|
|
14
|
+
}
|
|
15
|
+
interface UseGooglePlacesAutocompleteProps {
|
|
16
|
+
onError?: ((error: string) => void) | undefined;
|
|
17
|
+
debounceMs?: number | undefined;
|
|
18
|
+
minChars?: number | undefined;
|
|
19
|
+
}
|
|
20
|
+
interface UseGooglePlacesAutocompleteReturn {
|
|
21
|
+
isLoading: boolean;
|
|
22
|
+
mapsLoadingFailed: boolean;
|
|
23
|
+
lastMapsError: string | null;
|
|
24
|
+
addressSuggestions: AddressSuggestion[];
|
|
25
|
+
showSuggestions: boolean;
|
|
26
|
+
postalCodeCache: Record<string, string>;
|
|
27
|
+
getSuggestions: (input: string) => void;
|
|
28
|
+
getPlaceDetails: (placeId: string) => Promise<{
|
|
29
|
+
components: AddressComponents;
|
|
30
|
+
formattedAddress: string;
|
|
31
|
+
geometry?: google.maps.LatLng | undefined;
|
|
32
|
+
} | null>;
|
|
33
|
+
clearSuggestions: () => void;
|
|
34
|
+
setShowSuggestions: (show: boolean) => void;
|
|
35
|
+
}
|
|
36
|
+
export declare const useGooglePlacesAutocomplete: ({ onError, debounceMs, minChars, }?: UseGooglePlacesAutocompleteProps) => UseGooglePlacesAutocompleteReturn;
|
|
37
|
+
export {};
|
|
38
|
+
//# sourceMappingURL=useGooglePlacesAutocomplete.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useGooglePlacesAutocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/AddressAutocomplete/useGooglePlacesAutocomplete.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,gCAAgC;IACxC,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAChD,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC/B;AAED,UAAU,iCAAiC;IAEzC,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,kBAAkB,EAAE,iBAAiB,EAAE,CAAC;IACxC,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAGxC,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC;QAC5C,UAAU,EAAE,iBAAiB,CAAC;QAC9B,gBAAgB,EAAE,MAAM,CAAC;QACzB,QAAQ,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC;KAC3C,GAAG,IAAI,CAAC,CAAC;IACV,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,kBAAkB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C;AAED,eAAO,MAAM,2BAA2B,GAAI,qCAIzC,gCAAqC,KAAG,iCAuS1C,CAAC"}
|