intelicoreact 1.6.8 → 1.6.10

package/dist/Molecular/InputAddress/InputAddress.js

@@ -1,520 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-const _reactfeather = require("react-feather");
-const _Input = /*#__PURE__*/ _interop_require_default(require("../../Atomic/FormElements/Input/Input"));
-const _Spinner = /*#__PURE__*/ _interop_require_default(require("../../Atomic/Layout/Spinner/Spinner"));
-const _Hint = /*#__PURE__*/ _interop_require_default(require("../../Atomic/UI/Hint/Hint"));
-const _useIsMobile = /*#__PURE__*/ _interop_require_default(require("../../Functions/useIsMobile/useIsMobile"));
-const _utils = require("../../Functions/utils");
-require("./InputAddress.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
-const DEFAULT_HINT_MESSAGE = "Select the correct address from the list of suggestions (must contains house number and street name)";
-const RC = "input-address";
-// ? Если равны - true
-const compareValues = (val1, val2)=>{
-    return typeof val1 === typeof val2 && ((0, _utils.getIsOnlyAnObject)(val1) ? (0, _utils.compare)(val1, val2) : val1 === val2);
-};
-const throttle = (fn, ms)=>{
-    let id = null;
-    return (...args)=>{
-        if (id) clearTimeout(id);
-        id = setTimeout(()=>{
-            fn(...args);
-        }, ms);
-    };
-};
-// Отдает true если value валидное НЕ нулевое число
-const getIsValidNumber = (value)=>Boolean(value) && typeof value === "number" && !Number.isNaN(value);
-const InputAddress = ({ label, className = "", isClearable = true, isKeyboardControlled = true, fieldKey = "", testId = "", throttle: throttleTime = 500, additionalThrottleTimeForListingRequest = 0, loader = "", noItemsMessage = "", error, value = "", onChange = ()=>{}, onChangeValueTransformer, disabled, getListItems = ()=>{}, clarifyAddressInfo, noValidate = false, renderSelectedItem, renderListItem, renderHintMessage, attributesOfNativeInput })=>{
-    const { isMobile } = (0, _useIsMobile.default)();
-    const inputRef = (0, _react.useRef)(null);
-    const listRef = (0, _react.useRef)(null);
-    const listOverlayRef = (0, _react.useRef)(null);
-    const listWrapperRef = (0, _react.useRef)(null);
-    const listHeaderRef = (0, _react.useRef)(null);
-    const previousValueRef = (0, _react.useRef)(value);
-    const [isValueInited, setIsValueInited] = (0, _react.useState)(false);
-    const [isScrollableList, setIsScrollableList] = (0, _react.useState)(null);
-    const [scrollTop, setScrollTop] = (0, _react.useState)(0);
-    const [scrollHeight, setScrollHeight] = (0, _react.useState)(1);
-    const [innerValue, setInnerValue] = (0, _react.useState)(value);
-    const [tempInnerValue, setTempInnerValue] = (0, _react.useState)(null);
-    const [tempValue, setTempValue] = (0, _react.useState)(null);
-    const [listItems, setListItems] = (0, _react.useState)([]);
-    const [isLoading, setIsLoading] = (0, _react.useState)(false);
-    const [isListLoading, setIsListLoading] = (0, _react.useState)(false);
-    const [hightlightedIndex, setHightlightedIndex] = (0, _react.useState)(null);
-    const [isFocused, setIsFocused] = (0, _react.useState)(false);
-    const [isListVisible, setIsListVisible] = (0, _react.useState)(false);
-    const isWrongAddress = (0, _react.useMemo)(()=>{
-        var _innerValue_street;
-        if (noValidate) return false;
-        if (innerValue === "") return false;
-        // eslint-disable-next-line no-prototype-builtins
-        if (!(innerValue === null || innerValue === void 0 ? void 0 : innerValue.hasOwnProperty("streetNumber")) || !(innerValue === null || innerValue === void 0 ? void 0 : innerValue.streetNumber)) return true;
-        // eslint-disable-next-line no-prototype-builtins
-        if (!(innerValue === null || innerValue === void 0 ? void 0 : innerValue.hasOwnProperty("street")) || !(innerValue === null || innerValue === void 0 ? void 0 : (_innerValue_street = innerValue.street) === null || _innerValue_street === void 0 ? void 0 : _innerValue_street.fullName)) return true;
-        return false;
-    }, [
-        innerValue
-    ]);
-    const setItemAsInnerValue = (e, item)=>{
-        if (e instanceof Event) {
-            e.preventDefault();
-            e.stopPropagation();
-        }
-        setTimeout(()=>{
-            setInnerValue(item);
-            if (isMobile) {
-                setIsListVisible(false);
-            }
-        }, 0);
-    };
-    // ? Базовый метод получения списка вариантов адреса
-    const getAddressVariants = (0, _react.useMemo)(()=>(innerValue)=>{
-            var _getListItems;
-            return (_getListItems = getListItems(innerValue)) === null || _getListItems === void 0 ? void 0 : _getListItems.then(setListItems).finally(()=>setIsListLoading(false));
-        }, [
-        getListItems
-    ]);
-    // ? Метод получения списка вариантов адреса с тротлингом (основным и, если нужно, дополнительным)
-    // ? Без useMemo работать НЕ будет (т.к. на каждом перерендере будет создаваться новая ф-я и будет теряться замкнутая переменная id из throttle)
-    const getAddressVariantsWithThrottling = (0, _react.useMemo)(()=>{
-        const execute = getIsValidNumber(additionalThrottleTimeForListingRequest) ? throttle(getAddressVariants, additionalThrottleTimeForListingRequest) : getAddressVariants;
-        return getIsValidNumber(throttleTime) ? throttle(execute, throttleTime) : execute;
-    }, [
-        getAddressVariants,
-        additionalThrottleTimeForListingRequest,
-        throttleTime
-    ]);
-    // ? Итоговый "получатель" списка вариантов адресов
-    const getAddressVariantsList = ()=>{
-        if (!(innerValue === null || innerValue === void 0 ? void 0 : innerValue.length)) return null;
-        // ? Вообще с учетом надпись "Loading" в списке вариантов включается в этом месте (т.е. сразу при начале набора),
-        // ? то, наверное, можно было НЕ мутить с дополнительным тротлингом )).
-        // ? Наверное, можно было увеличить время первичного тротлинга и, наверное, работало бы так же ))
-        // ? НО, раз уже сделал )) оставлю, может будет в будущем полезно )
-        setIsListLoading(true);
-        getAddressVariantsWithThrottling(innerValue);
-        return null;
-    };
-    const onClearClick = (e)=>{
-        var _inputRef_current;
-        e.preventDefault();
-        e.stopPropagation();
-        if (!isMobile) {
-            setIsListVisible(false);
-        }
-        setInnerValue("");
-        inputRef === null || inputRef === void 0 ? void 0 : (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.focus();
-        setTimeout(()=>setIsFocused(true), 0);
-    };
-    const onOverlayClick = (e)=>{
-        if (e.target === (listOverlayRef === null || listOverlayRef === void 0 ? void 0 : listOverlayRef.current)) {
-            e.stopPropagation();
-            e.preventDefault();
-            setIsListVisible(false);
-            setInnerValue(tempInnerValue);
-            onChange(typeof innerValue === "string" || !onChangeValueTransformer || typeof onChangeValueTransformer !== "function" ? innerValue : onChangeValueTransformer(innerValue));
-        }
-    };
-    const onKeyDown = (keyCode)=>{
-        if (!isListVisible || !isKeyboardControlled) return false;
-        if (keyCode === 13) {
-            var _inputRef_current;
-            // Enter Controller
-            setItemAsInnerValue(null, listItems[hightlightedIndex]);
-            setHightlightedIndex(null);
-            inputRef === null || inputRef === void 0 ? void 0 : (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.blur();
-        } else {
-            var _listRef_current_getBoundingClientRect, _listRef_current, _listRef_current1, _newHightlightedElement_getBoundingClientRect;
-            let newHightlightedIndex = null;
-            const listItemsElements = document.getElementsByClassName("input-address__list--item");
-            const listHeight = listRef === null || listRef === void 0 ? void 0 : (_listRef_current = listRef.current) === null || _listRef_current === void 0 ? void 0 : (_listRef_current_getBoundingClientRect = _listRef_current.getBoundingClientRect()) === null || _listRef_current_getBoundingClientRect === void 0 ? void 0 : _listRef_current_getBoundingClientRect.height;
-            const listScrollTop = (listRef === null || listRef === void 0 ? void 0 : (_listRef_current1 = listRef.current) === null || _listRef_current1 === void 0 ? void 0 : _listRef_current1.scrollTop) || 0;
-            const lastItemIndex = parseInt(listItems === null || listItems === void 0 ? void 0 : listItems.length, 10) - 1;
-            /** Arrows Controllers **/ if (keyCode === 40) {
-                // Down Key Controller
-                if (hightlightedIndex === null || hightlightedIndex === lastItemIndex) {
-                    newHightlightedIndex = 0;
-                } else if (hightlightedIndex + 1 < (listItems === null || listItems === void 0 ? void 0 : listItems.length)) {
-                    newHightlightedIndex = hightlightedIndex + 1;
-                }
-            } else if (keyCode === 38) {
-                // Up Key Controller
-                if (hightlightedIndex === null || hightlightedIndex === 0) {
-                    newHightlightedIndex = lastItemIndex;
-                } else if (hightlightedIndex - 1 >= 0) {
-                    newHightlightedIndex = hightlightedIndex - 1;
-                }
-            }
-            // Scroll to Element
-            const newHightlightedElement = listItemsElements[newHightlightedIndex];
-            const newHightlightedElementHeight = newHightlightedElement === null || newHightlightedElement === void 0 ? void 0 : (_newHightlightedElement_getBoundingClientRect = newHightlightedElement.getBoundingClientRect()) === null || _newHightlightedElement_getBoundingClientRect === void 0 ? void 0 : _newHightlightedElement_getBoundingClientRect.height;
-            const newHightlightedElementTopInList = newHightlightedElement === null || newHightlightedElement === void 0 ? void 0 : newHightlightedElement.offsetTop;
-            if (newHightlightedElementTopInList + newHightlightedElementHeight > listScrollTop + listHeight) {
-                if (Math.abs(newHightlightedElementTopInList + newHightlightedElementHeight - (listScrollTop + listHeight)) <= newHightlightedElementHeight) {
-                    var _listRef_current2;
-                    listRef === null || listRef === void 0 ? void 0 : (_listRef_current2 = listRef.current) === null || _listRef_current2 === void 0 ? void 0 : _listRef_current2.scrollTo(0, listScrollTop + newHightlightedElementHeight);
-                } else {
-                    var _listRef_current3;
-                    listRef === null || listRef === void 0 ? void 0 : (_listRef_current3 = listRef.current) === null || _listRef_current3 === void 0 ? void 0 : _listRef_current3.scrollTo(0, newHightlightedElementTopInList);
-                }
-            } else if (newHightlightedElementTopInList < listScrollTop) {
-                if (Math.abs(newHightlightedElementTopInList - listScrollTop) < newHightlightedElementHeight) {
-                    var _listRef_current4;
-                    listRef === null || listRef === void 0 ? void 0 : (_listRef_current4 = listRef.current) === null || _listRef_current4 === void 0 ? void 0 : _listRef_current4.scrollTo(0, listScrollTop - newHightlightedElementHeight);
-                } else {
-                    var _listRef_current5;
-                    listRef === null || listRef === void 0 ? void 0 : (_listRef_current5 = listRef.current) === null || _listRef_current5 === void 0 ? void 0 : _listRef_current5.scrollTo(0, newHightlightedElementTopInList);
-                }
-            }
-            if (!isMobile) setHightlightedIndex(newHightlightedIndex);
-        }
-    };
-    const getHintMessage = ()=>{
-        if (!renderHintMessage || typeof renderHintMessage !== "function") return DEFAULT_HINT_MESSAGE;
-        return renderHintMessage(innerValue);
-    };
-    const getSelectedItemLabel = (value = innerValue)=>{
-        var _value_street;
-        if (!value) return "";
-        if (typeof value === "string") return value;
-        if (typeof renderSelectedItem === "function") renderSelectedItem(value);
-        const label = `${(value === null || value === void 0 ? void 0 : value.streetNumber) || ""} ${(value === null || value === void 0 ? void 0 : (_value_street = value.street) === null || _value_street === void 0 ? void 0 : _value_street.fullName) || ""}`.trim();
-        return !label && isLoading ? previousValueRef.current : label;
-    };
-    const getListItemLabel = (item)=>{
-        if (typeof item === "string") return item;
-        if (!renderListItem || typeof renderListItem !== "function") return item === null || item === void 0 ? void 0 : item.fullPrediction;
-        return renderListItem(item);
-    };
-    const setListHeight = ()=>{
-        if ((listWrapperRef === null || listWrapperRef === void 0 ? void 0 : listWrapperRef.current) && (listHeaderRef === null || listHeaderRef === void 0 ? void 0 : listHeaderRef.current) && listRef.current) {
-            var _listWrapperRef_current_getBoundingClientRect, _listWrapperRef_current, _listHeaderRef_current_getBoundingClientRect, _listHeaderRef_current;
-            const listWrapperHeight = listWrapperRef === null || listWrapperRef === void 0 ? void 0 : (_listWrapperRef_current = listWrapperRef.current) === null || _listWrapperRef_current === void 0 ? void 0 : (_listWrapperRef_current_getBoundingClientRect = _listWrapperRef_current.getBoundingClientRect()) === null || _listWrapperRef_current_getBoundingClientRect === void 0 ? void 0 : _listWrapperRef_current_getBoundingClientRect.height;
-            const listWrapperStyles = getComputedStyle(listWrapperRef === null || listWrapperRef === void 0 ? void 0 : listWrapperRef.current);
-            const listHeaderHeight = listHeaderRef === null || listHeaderRef === void 0 ? void 0 : (_listHeaderRef_current = listHeaderRef.current) === null || _listHeaderRef_current === void 0 ? void 0 : (_listHeaderRef_current_getBoundingClientRect = _listHeaderRef_current.getBoundingClientRect()) === null || _listHeaderRef_current_getBoundingClientRect === void 0 ? void 0 : _listHeaderRef_current_getBoundingClientRect.height;
-            const listHeight = listWrapperHeight - listHeaderHeight - parseInt(listWrapperStyles.paddingBottom, 10);
-            listRef.current.style.maxHeight = `${listHeight}px`;
-        }
-    };
-    const resetListHeight = ()=>{
-        if (listRef.current) {
-            listRef.current.style.maxHeight = `initial`;
-        }
-    };
-    // ? Основной блок работы со значениями адреса
-    // ? Не меняйте вызовы setInnerValue и onChange не разобравшись в логике вызовов
-    (0, _react.useEffect)(()=>{
-        // ? Исключение инициализации - равны только при первом рендере компонента,
-        // ? т.к. рефка и стейт инициализируются верхним value
-        if (!compareValues(innerValue, previousValueRef.current)) {
-            const isObject = (0, _utils.getIsOnlyAnObject)(innerValue);
-            // ? innerValue меняется либо от ручного ввода, либо от выбора из списка
-            // ? Полная информация или нет - напрямую зависит от ответа getListItems
-            const isFullInfo = isObject && "streetNumber" in innerValue && "street" in innerValue && "city" in innerValue && "state" in innerValue && "country" in innerValue && "zipCode" in innerValue;
-            // ? Для старого эндпоинта возвращается список с полной информацией, поэтому на проектах ничего не поменяется,
-            // ? если не менять запросник (getListItems), все будет проходить по этой if-ке или по 3-й (для строчных значений)
-            if (isFullInfo) {
-                onChange(innerValue);
-                setIsLoading(false);
-            }
-            // ? Неполная информация может быть только в том случае, когда метод getListItems использует уже новый эндпоинт гугл-апи.
-            // ? Предполагается, что при этом в компонент будет прокинута ф-я "уточнятель" (clarifyAddressInfo)
-            if (isObject && !isFullInfo) {
-                if (typeof clarifyAddressInfo === "function") {
-                    var // ? Предполагается, что clarifyAddressInfo - асинхронная ф-я, запросник уточнения опции
-                    // ? Никаких await-ов НЕ нужно (тем более что в useEffect и нельзя для нового React),
-                    // ? промис "выплюнется в пустоту", но НЕ будет отчищен до резолва, а useEffect (и итерация рендера в целом) при этом будет закончен(а)
-                    _clarifyAddressInfo_then, _clarifyAddressInfo;
-                    setIsLoading(true);
-                    (_clarifyAddressInfo = clarifyAddressInfo(innerValue)) === null || _clarifyAddressInfo === void 0 ? void 0 : (_clarifyAddressInfo_then = _clarifyAddressInfo.then) === null || _clarifyAddressInfo_then === void 0 ? void 0 : _clarifyAddressInfo_then.call(_clarifyAddressInfo, (res)=>{
-                        if (res) setInnerValue(res);
-                        else {
-                            setInnerValue(previousValueRef.current);
-                            setTimeout(()=>{
-                                inputRef.current.focus();
-                                inputRef.current.setSelectionRange(previousValueRef.current.length, previousValueRef.current.length);
-                            }, 0);
-                        }
-                        setIsLoading(false);
-                        return res;
-                    });
-                } else setInnerValue(getSelectedItemLabel(innerValue));
-            }
-            // ? Кейс для строчных значений
-            if (!isObject) {
-                // ? Вызываем верхний onChange если innerValue есть или если нету, но это не после логики уточнения
-                if (innerValue || !isLoading) onChange(innerValue);
-                // ? Если innerValue есть и еще не открыт листинг - открываем
-                if (innerValue && !isListVisible) setIsListVisible(true);
-                // ? Если инпут сфокусирован и значение есть - запрашиваем список вариантов
-                if (isFocused && Boolean(innerValue)) getAddressVariantsList();
-            }
-        }
-    }, [
-        innerValue
-    ]);
-    (0, _react.useEffect)(()=>{
-        if (!isFocused && !isMobile) {
-            setIsListVisible(false);
-            setHightlightedIndex(null);
-        }
-    }, [
-        isFocused
-    ]);
-    (0, _react.useEffect)(()=>{
-        if (!isListVisible) {
-            setListItems([]);
-            resetListHeight();
-        }
-        if (isMobile && isListVisible) {
-            setTempInnerValue(innerValue);
-            setListHeight();
-        }
-    }, [
-        isListVisible
-    ]);
-    (0, _react.useEffect)(()=>{
-        // ? учет изменения value сверху (верхние переназначения велью)
-        if (!compareValues(value, innerValue)) setInnerValue(value);
-        // ? useEffect должен быть последним, т.к. рефка меняется в рамках текущей итерации
-        previousValueRef.current = value;
-    }, [
-        value
-    ]);
-    const renderSearchableInput = ()=>{
-        const inputValue = getSelectedItemLabel();
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-            className: (0, _classnames.default)("input-address__input-wrapper"),
-            children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
-                    ref: inputRef,
-                    testId: `inputAddress--input--key-${testId || fieldKey}`,
-                    className: (0, _classnames.default)("input-address__input", className),
-                    value: inputValue,
-                    onChange: setInnerValue,
-                    onFocus: (e)=>{
-                        setIsFocused(true);
-                    },
-                    onBlur: ()=>setIsFocused(false),
-                    onKeyDown: onKeyDown,
-                    attributesOfNativeInput: attributesOfNativeInput
-                }),
-                isWrongAddress && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                    className: (0, _classnames.default)("input-address__alert", {
-                        "input-address__alert--visible": !isFocused
-                    }),
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Hint.default, {
-                        side: "left",
-                        hint: getHintMessage(),
-                        icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.AlertTriangle, {}),
-                        handleOpenType: "hover"
-                    })
-                }),
-                isClearable && (!isWrongAddress || isFocused) && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                    className: (0, _classnames.default)("input-address__clear-query", {
-                        "input-address__clear-query--input-focused": isFocused
-                    }),
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.X, {
-                        onClick: onClearClick
-                    })
-                })
-            ]
-        });
-    };
-    const renderInput = ()=>{
-        const inputValue = getSelectedItemLabel(isListVisible ? tempInnerValue : innerValue);
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-            className: (0, _classnames.default)("input-address__input-wrapper"),
-            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
-                testId: `inputAddress--input--key-${testId || fieldKey}`,
-                className: (0, _classnames.default)("input-address__input", className),
-                value: inputValue,
-                onChange: setInnerValue,
-                onFocus: (e)=>{
-                    var _e_target;
-                    setIsListVisible(true);
-                    e === null || e === void 0 ? void 0 : (_e_target = e.target) === null || _e_target === void 0 ? void 0 : _e_target.blur();
-                    setTimeout(()=>{
-                        var _inputRef_current;
-                        return inputRef === null || inputRef === void 0 ? void 0 : (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.focus();
-                    }, 200);
-                }
-            })
-        });
-    };
-    const renderLoader = ()=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-            className: "input-address__list--loader",
-            children: loader || "Loading..."
-        });
-    };
-    const renderList = ()=>{
-        const renderListItem = (item, i)=>{
-            return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                className: (0, _classnames.default)("input-address__list--item", {
-                    "input-address__list--item-hightlighted": i === hightlightedIndex
-                }),
-                onMouseDown: (e)=>setItemAsInnerValue(e, item),
-                children: getListItemLabel(item)
-            }, `input-address__list-item${i}`);
-        };
-        const renderListItemCustom = ()=>{
-            return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                className: (0, _classnames.default)("input-address__list--item", "input-address__list--item-custom"),
-                onMouseDown: (e)=>setItemAsInnerValue(e, getSelectedItemLabel()),
-                children: [
-                    getSelectedItemLabel(),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.AlertTriangle, {}),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                        children: "Choose this only if your address is not listed below"
-                    })
-                ]
-            }, `input-address__list-item--custom`);
-        };
-        const renderNoItems = ()=>{
-            return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                className: "input-address__list--no-items",
-                children: isMobile && !(innerValue === null || innerValue === void 0 ? void 0 : innerValue.length) ? "Please begin entering your address" : noItemsMessage || "No Items"
-            });
-        };
-        const renderListDesktop = ()=>{
-            return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                className: "input-address__list-wrapper",
-                ref: listWrapperRef,
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                    className: "input-address__list",
-                    ref: listRef,
-                    children: isListLoading ? renderLoader() : (listItems === null || listItems === void 0 ? void 0 : listItems.length) ? listItems === null || listItems === void 0 ? void 0 : listItems.map(renderListItem) : renderNoItems()
-                })
-            });
-        };
-        const renderListMobile = ()=>{
-            return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                className: "input-address__list-overlay",
-                ref: listOverlayRef,
-                onClick: onOverlayClick,
-                children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                    className: "input-address__list-wrapper",
-                    ref: listWrapperRef,
-                    children: [
-                        isMobile && /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                            ref: listHeaderRef,
-                            className: (0, _classnames.default)(`${RC}__list-header`, {
-                                [`${RC}__list-header-with-shadow`]: isScrollableList && isMobile,
-                                [`${RC}__list-header-with-shadow-hidden`]: scrollTop === 0
-                            }),
-                            children: [
-                                /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                                    className: (0, _classnames.default)(`${RC}__list-header-row`),
-                                    children: [
-                                        /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                                            className: (0, _classnames.default)(`${RC}__list-label`),
-                                            children: label || "Address"
-                                        }),
-                                        /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                                            className: (0, _classnames.default)(`${RC}__list-close-icon`),
-                                            onClick: ()=>setIsListVisible(false),
-                                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.X, {
-                                                onClick: ()=>setIsListVisible(false)
-                                            })
-                                        })
-                                    ]
-                                }),
-                                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                                    className: (0, _classnames.default)(`${RC}__list-header-row`),
-                                    children: renderSearchableInput()
-                                })
-                            ]
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                            className: "input-address__list",
-                            ref: listRef,
-                            children: isListLoading ? renderLoader() : /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-                                children: [
-                                    getSelectedItemLabel() && renderListItemCustom(),
-                                    listItems === null || listItems === void 0 ? void 0 : listItems.map(renderListItem),
-                                    !(listItems === null || listItems === void 0 ? void 0 : listItems.length) && !getSelectedItemLabel() && renderNoItems()
-                                ]
-                            })
-                        })
-                    ]
-                })
-            });
-        };
-        return isMobile ? renderListMobile() : renderListDesktop();
-    };
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-        className: (0, _classnames.default)("input-address", {
-            "input-address--error": error || isWrongAddress && !isFocused
-        }),
-        children: [
-            isLoading && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Spinner.default, {
-                size: "small"
-            }),
-            isMobile ? renderInput() : renderSearchableInput(),
-            isListVisible && renderList()
-        ]
-    });
-};
-const _default = InputAddress;
-
-//# sourceMappingURL=InputAddress.js.map
+function n(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,r=Array(e);t<e;t++)r[t]=n[t];return r}function e(n,e,t){return e in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}function t(n,e){return function(n){if(Array.isArray(n))return n}(n)||function(n,e){var t,r,i=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=i){var l=[],o=!0,u=!1;try{for(i=i.call(n);!(o=(t=i.next()).done)&&(l.push(t.value),!e||l.length!==e);o=!0);}catch(n){u=!0,r=n}finally{try{o||null==i.return||i.return()}finally{if(u)throw r}}return l}}(n,e)||i(n,e)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function r(n){return n&&"undefined"!=typeof Symbol&&n.constructor===Symbol?"symbol":typeof n}function i(e,t){if(e){if("string"==typeof e)return n(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);if("Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return n(e,t)}}import{jsx as l,jsxs as o,Fragment as u}from"react/jsx-runtime";import{useEffect as s,useMemo as a,useRef as c,useState as d}from"react";import f from"classnames";import{AlertTriangle as m,X as p}from"react-feather";import v from"../../Atomic/FormElements/Input/Input";import h from"../../Atomic/Layout/Spinner/Spinner";import y from"../../Atomic/UI/Hint/Hint";import g from"../../Functions/useIsMobile/useIsMobile";import{compare as _,getIsOnlyAnObject as b}from"../../Functions/utils";import"./InputAddress.scss";var N="input-address",I=function(n,e){return(void 0===n?"undefined":r(n))===(void 0===e?"undefined":r(e))&&(b(n)?_(n,e):n===e)},w=function(e,t){var r=null;return function(){for(var l=arguments.length,o=Array(l),u=0;u<l;u++)o[u]=arguments[u];r&&clearTimeout(r),r=setTimeout(function(){e.apply(void 0,function(e){if(Array.isArray(e))return n(e)}(o)||function(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}(o)||i(o)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())},t)}},C=function(n){return!!n&&"number"==typeof n&&!Number.isNaN(n)};export default function(n){var r,i,_,S,A=n.label,T=n.className,M=void 0===T?"":T,j=n.isClearable,x=void 0===j||j,O=n.isKeyboardControlled,P=void 0===O||O,B=n.fieldKey,F=void 0===B?"":B,k=n.testId,D=void 0===k?"":k,R=n.throttle,E=void 0===R?500:R,H=n.additionalThrottleTimeForListingRequest,L=void 0===H?0:H,q=n.loader,K=void 0===q?"":q,z=n.noItemsMessage,U=void 0===z?"":z,V=n.error,$=n.value,G=void 0===$?"":$,J=n.onChange,Q=void 0===J?function(){}:J,W=n.onChangeValueTransformer,X=(n.disabled,n.getListItems),Y=void 0===X?function(){}:X,Z=n.clarifyAddressInfo,nn=n.noValidate,ne=void 0!==nn&&nn,nt=n.renderSelectedItem,nr=n.renderListItem,ni=n.renderHintMessage,nl=n.attributesOfNativeInput,no=g().isMobile,nu=c(null),ns=c(null),na=c(null),nc=c(null),nd=c(null),nf=c(G),nm=t(d(!1),2);nm[0],nm[1];var np=t(d(null),2),nv=np[0];np[1];var nh=t(d(0),2),ny=nh[0];nh[1];var ng=t(d(1),2);ng[0],ng[1];var n_=t(d(G),2),nb=n_[0],nN=n_[1],nI=t(d(null),2),nw=nI[0],nC=nI[1],nS=t(d(null),2);nS[0],nS[1];var nA=t(d([]),2),nT=nA[0],nM=nA[1],nj=t(d(!1),2),nx=nj[0],nO=nj[1],nP=t(d(!1),2),nB=nP[0],nF=nP[1],nk=t(d(null),2),nD=nk[0],nR=nk[1],nE=t(d(!1),2),nH=nE[0],nL=nE[1],nq=t(d(!1),2),nK=nq[0],nz=nq[1],nU=a(function(){var n;return!ne&&""!==nb&&!((null==nb?void 0:nb.hasOwnProperty("streetNumber"))&&(null==nb?void 0:nb.streetNumber)&&(null==nb?void 0:nb.hasOwnProperty("street"))&&(null==nb||null==(n=nb.street)?void 0:n.fullName))},[nb]),nV=function(n,e){var t;(null!=(t=Event)&&"undefined"!=typeof Symbol&&t[Symbol.hasInstance]?!!t[Symbol.hasInstance](n):n instanceof t)&&(n.preventDefault(),n.stopPropagation()),setTimeout(function(){nN(e),no&&nz(!1)},0)},n$=a(function(){return function(n){var e;return null==(e=Y(n))?void 0:e.then(nM).finally(function(){return nF(!1)})}},[Y]),nG=a(function(){var n=C(L)?w(n$,L):n$;return C(E)?w(n,E):n},[n$,L,E]),nJ=function(n){var e;n.preventDefault(),n.stopPropagation(),no||nz(!1),nN(""),null==nu||null==(e=nu.current)||e.focus(),setTimeout(function(){return nL(!0)},0)},nQ=function(n){if(!nK||!P)return!1;if(13===n){var e;nV(null,nT[nD]),nR(null),null==nu||null==(e=nu.current)||e.blur()}else{var t,r,i,l,o,u,s,a,c=null,d=document.getElementsByClassName("input-address__list--item"),f=null==ns||null==(r=ns.current)||null==(t=r.getBoundingClientRect())?void 0:t.height,m=(null==ns||null==(i=ns.current)?void 0:i.scrollTop)||0,p=parseInt(null==nT?void 0:nT.length,10)-1;40===n?null===nD||nD===p?c=0:nD+1<(null==nT?void 0:nT.length)&&(c=nD+1):38===n&&(null===nD||0===nD?c=p:nD-1>=0&&(c=nD-1));var v=d[c],h=null==v||null==(l=v.getBoundingClientRect())?void 0:l.height,y=null==v?void 0:v.offsetTop;y+h>m+f?Math.abs(y+h-(m+f))<=h?null==ns||null==(o=ns.current)||o.scrollTo(0,m+h):null==ns||null==(u=ns.current)||u.scrollTo(0,y):y<m&&(Math.abs(y-m)<h?null==ns||null==(s=ns.current)||s.scrollTo(0,m-h):null==ns||null==(a=ns.current)||a.scrollTo(0,y)),no||nR(c)}},nW=function(){var n,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:nb;if(!e)return"";if("string"==typeof e)return e;"function"==typeof nt&&nt(e);var t="".concat((null==e?void 0:e.streetNumber)||""," ").concat((null==e||null==(n=e.street)?void 0:n.fullName)||"").trim();return!t&&nx?nf.current:t},nX=function(){if((null==nc?void 0:nc.current)&&(null==nd?void 0:nd.current)&&ns.current){var n,e,t,r,i=null==nc||null==(e=nc.current)||null==(n=e.getBoundingClientRect())?void 0:n.height,l=getComputedStyle(null==nc?void 0:nc.current),o=i-(null==nd||null==(r=nd.current)||null==(t=r.getBoundingClientRect())?void 0:t.height)-parseInt(l.paddingBottom,10);ns.current.style.maxHeight="".concat(o,"px")}},nY=function(){ns.current&&(ns.current.style.maxHeight="initial")};s(function(){if(!I(nb,nf.current)){var n,e,t=b(nb),r=t&&"streetNumber"in nb&&"street"in nb&&"city"in nb&&"state"in nb&&"country"in nb&&"zipCode"in nb;r&&(Q(nb),nO(!1)),t&&!r&&("function"==typeof Z?(nO(!0),null==(e=Z(nb))||null==(n=e.then)||n.call(e,function(n){return n?nN(n):(nN(nf.current),setTimeout(function(){nu.current.focus(),nu.current.setSelectionRange(nf.current.length,nf.current.length)},0)),nO(!1),n})):nN(nW(nb))),!t&&((nb||!nx)&&Q(nb),nb&&!nK&&nz(!0),nH&&nb&&(null==nb?void 0:nb.length)&&(nF(!0),nG(nb)))}},[nb]),s(function(){nH||no||(nz(!1),nR(null))},[nH]),s(function(){nK||(nM([]),nY()),no&&nK&&(nC(nb),nX())},[nK]),s(function(){I(G,nb)||nN(G),nf.current=G},[G]);var nZ=function(){var n=nW();return o("div",{className:f("input-address__input-wrapper"),children:[l(v,{ref:nu,testId:"inputAddress--input--key-".concat(D||F),className:f("input-address__input",M),value:n,onChange:nN,onFocus:function(n){nL(!0)},onBlur:function(){return nL(!1)},onKeyDown:nQ,attributesOfNativeInput:nl}),nU&&l("div",{className:f("input-address__alert",{"input-address__alert--visible":!nH}),children:l(y,{side:"left",hint:ni&&"function"==typeof ni?ni(nb):"Select the correct address from the list of suggestions (must contains house number and street name)",icon:l(m,{}),handleOpenType:"hover"})}),x&&(!nU||nH)&&l("div",{className:f("input-address__clear-query",{"input-address__clear-query--input-focused":nH}),children:l(p,{onClick:nJ})})]})},n0=function(){return l("div",{className:"input-address__list--loader",children:K||"Loading..."})};return o("div",{className:f("input-address",{"input-address--error":V||nU&&!nH}),children:[nx&&l(h,{size:"small"}),no?(r=nW(nK?nw:nb),l("div",{className:f("input-address__input-wrapper"),children:l(v,{testId:"inputAddress--input--key-".concat(D||F),className:f("input-address__input",M),value:r,onChange:nN,onFocus:function(n){var e;nz(!0),null==n||null==(e=n.target)||e.blur(),setTimeout(function(){var n;return null==nu||null==(n=nu.current)?void 0:n.focus()},200)}})})):nZ(),nK&&(i=function(n,e){return l("div",{className:f("input-address__list--item",{"input-address__list--item-hightlighted":e===nD}),onMouseDown:function(e){return nV(e,n)},children:"string"==typeof n?n:nr&&"function"==typeof nr?nr(n):null==n?void 0:n.fullPrediction},"input-address__list-item".concat(e))},_=function(){return l("div",{className:"input-address__list--no-items",children:!no||(null==nb?void 0:nb.length)?U||"No Items":"Please begin entering your address"})},no?l("div",{className:"input-address__list-overlay",ref:na,onClick:function(n){n.target===(null==na?void 0:na.current)&&(n.stopPropagation(),n.preventDefault(),nz(!1),nN(nw),Q("string"!=typeof nb&&W&&"function"==typeof W?W(nb):nb))},children:o("div",{className:"input-address__list-wrapper",ref:nc,children:[no&&o("div",{ref:nd,className:f("".concat(N,"__list-header"),(e(S={},"".concat(N,"__list-header-with-shadow"),nv&&no),e(S,"".concat(N,"__list-header-with-shadow-hidden"),0===ny),S)),children:[o("div",{className:f("".concat(N,"__list-header-row")),children:[l("div",{className:f("".concat(N,"__list-label")),children:A||"Address"}),l("div",{className:f("".concat(N,"__list-close-icon")),onClick:function(){return nz(!1)},children:l(p,{onClick:function(){return nz(!1)}})})]}),l("div",{className:f("".concat(N,"__list-header-row")),children:nZ()})]}),l("div",{className:"input-address__list",ref:ns,children:nB?n0():o(u,{children:[nW()&&o("div",{className:f("input-address__list--item","input-address__list--item-custom"),onMouseDown:function(n){return nV(n,nW())},children:[nW(),l(m,{}),l("span",{children:"Choose this only if your address is not listed below"})]},"input-address__list-item--custom"),null==nT?void 0:nT.map(i),!(null==nT?void 0:nT.length)&&!nW()&&_()]})})]})}):l("div",{className:"input-address__list-wrapper",ref:nc,children:l("div",{className:"input-address__list",ref:ns,children:nB?n0():(null==nT?void 0:nT.length)?null==nT?void 0:nT.map(i):_()})}))]})}