intelicoreact 1.5.32 → 1.5.34

package/dist/src/Atomic/FormElements/InputDateRange/components/OpenedPart.js

@@ -0,0 +1,229 @@
+"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 _momenttimezone = /*#__PURE__*/ _interop_require_default(require("moment-timezone"));
+const _reactdom = require("react-dom");
+const _useIsMobile = /*#__PURE__*/ _interop_require_default(require("../../../../Functions/useIsMobile/useIsMobile"));
+const _useResize = require("../../../../Functions/useResize");
+const _utils = require("../../../../Functions/utils");
+const _Modal = /*#__PURE__*/ _interop_require_default(require("../../../UI/Modal/Modal"));
+const _Dropdown = /*#__PURE__*/ _interop_require_default(require("../../Dropdown/Dropdown"));
+const _dependencies = require("../dependencies");
+const _Datepicker = /*#__PURE__*/ _interop_require_default(require("./Datepicker"));
+const _SelectItem = /*#__PURE__*/ _interop_require_default(require("./SelectItem"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+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 classNames = require("classnames");
+const OpenedPart = (props, ref)=>{
+    const { dateRangeContainerId, txt, buttonsTypes, actualValues, onChange = ()=>{}, isHoverable, short, isCompact = false, isIntervalsHidden = false, isCompareHidden = false, limitRange, isOptionsRight, current, setCurrent, isCompare, setIsCompare, toggleOff, isShortWeekNames, minDate, maxDate, momentMinDate, momentMaxDate, isDontLimitFuture, isListTop, mainId, testId, withMobileLogic } = props;
+    const { isMobile } = (0, _useIsMobile.default)();
+    const boxRef = (0, _react.useRef)();
+    const { elemPosition } = (0, _useResize.useResize)(boxRef);
+    const [mobileChange, setMobileChange] = (0, _react.useState)({});
+    const openedPartClass = classNames("date-range-input__opened-part", "opened-part", {
+        [`opened-part--${elemPosition}`]: elemPosition
+    }, {
+        "opened-part--top": isListTop
+    });
+    const openedPartWrapperClass = classNames("opened-part__wrapper", {
+        "opened-part__wrapper_right-position-once-element": isOptionsRight && (isCompact || isIntervalsHidden)
+    });
+    const items = isCompact ? [
+        ...Object.keys(_dependencies.INTERVALS)
+    ] : [
+        ...Object.keys(_dependencies.INTERVALS),
+        _dependencies.CUSTOM_INTERVAL_KEY
+    ];
+    const [activeInterval, setActiveInterval] = (0, _react.useState)(actualValues.intervalKey);
+    const handleItemClick = (item)=>{
+        if (item !== _dependencies.CUSTOM_INTERVAL_KEY) {
+            onChange({
+                intervalKey: item,
+                compare: isCompare
+            });
+            setTimeout(()=>toggleOff(), 0);
+        }
+        setCurrent(item);
+    };
+    const getSelectedMode = (newValues)=>{
+        const { start, end } = newValues;
+        if ((0, _momenttimezone.default)(start).get("hour") !== 0 || (0, _momenttimezone.default)(end).get("hour") !== 0) {
+            return _dependencies.CUSTOM_INTERVAL_KEY;
+        }
+        for (const [key, interval] of Object.entries(_dependencies.INTERVALS)){
+            if ((0, _momenttimezone.default)(start).isSame(interval.start()) && (0, _momenttimezone.default)(end).isSame(interval.end())) {
+                return key;
+            }
+        }
+        return _dependencies.CUSTOM_INTERVAL_KEY;
+    };
+    const renderDatepicker = ()=>{
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Datepicker.default, {
+            mainId: mainId,
+            testId: testId,
+            className: (0, _classnames.default)("opened-part__date-picker"),
+            buttonsTypes: buttonsTypes,
+            values: actualValues,
+            onChangeMobile: setMobileChange,
+            onChange: (data)=>{
+                onChange({
+                    intervalKey: current,
+                    ...data
+                });
+                toggleOff();
+            },
+            getSelectedMode: getSelectedMode,
+            onChangeInterval: (val)=>setCurrent(val),
+            onChangeCompare: (data)=>setIsCompare(data),
+            onCancel: toggleOff,
+            isCompareHidden: isCompareHidden,
+            limitRange: limitRange,
+            setActiveInterval: setActiveInterval,
+            isShortWeekNames: isShortWeekNames,
+            minDate: minDate,
+            maxDate: maxDate,
+            momentMinDate: momentMinDate,
+            momentMaxDate: momentMaxDate,
+            isDontLimitFuture: isDontLimitFuture,
+            withMobileLogic: withMobileLogic && isMobile
+        });
+    };
+    const renderOpenedPart = ()=>{
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+            className: openedPartClass,
+            ref: boxRef,
+            children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: openedPartWrapperClass,
+                children: [
+                    !isIntervalsHidden && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: (0, _classnames.default)("opened-part__intervals-list"),
+                        children: items.map((item, index)=>{
+                            var _intervals_item, _intervals_item1, _intervals_item_start_isBefore, _intervals_item_start, _intervals_item_start1, _intervals_item2;
+                            if ((_intervals_item = _dependencies.INTERVALS[item]) === null || _intervals_item === void 0 ? void 0 : _intervals_item.isHidden) return null;
+                            return /*#__PURE__*/ (0, _jsxruntime.jsx)(_SelectItem.default, {
+                                testId: testId,
+                                item: item,
+                                label: (txt === null || txt === void 0 ? void 0 : txt.labels) && (txt === null || txt === void 0 ? void 0 : txt.labels[item]) || ((_intervals_item1 = _dependencies.INTERVALS[item]) === null || _intervals_item1 === void 0 ? void 0 : _intervals_item1.label) || (item === _dependencies.CUSTOM_INTERVAL_KEY ? _dependencies.CUSTOM_INTERVAL_KEY_TEXT : item),
+                                isActive: activeInterval === item,
+                                onItemClick: ()=>handleItemClick(item.value || item),
+                                disabled: item === _dependencies.CUSTOM_INTERVAL_KEY || minDate && ((_intervals_item2 = _dependencies.INTERVALS[item]) === null || _intervals_item2 === void 0 ? void 0 : (_intervals_item_start1 = _intervals_item2.start) === null || _intervals_item_start1 === void 0 ? void 0 : (_intervals_item_start = _intervals_item_start1.call(_intervals_item2)) === null || _intervals_item_start === void 0 ? void 0 : (_intervals_item_start_isBefore = _intervals_item_start.isBefore) === null || _intervals_item_start_isBefore === void 0 ? void 0 : _intervals_item_start_isBefore.call(_intervals_item_start, momentMinDate))
+                            }, index);
+                        })
+                    }),
+                    !isCompact && renderDatepicker()
+                ]
+            })
+        });
+    };
+    const renderMobileOpenedPart = ()=>{
+        var _items_filter;
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Modal.default, {
+            zIndex: 101,
+            variant: "title",
+            className: "modal-fin date-picker-modal",
+            isOpen: true,
+            title: "Select Interval",
+            onlyTitle: true,
+            confirmBtnLabel: "Apply",
+            onConfirm: ()=>{
+                onChange({
+                    intervalKey: current,
+                    ...mobileChange
+                });
+                setMobileChange({});
+                toggleOff();
+            },
+            closeModal: ()=>{
+                setMobileChange({});
+                toggleOff();
+            },
+            onDecline: ()=>{
+                setMobileChange({});
+                toggleOff();
+            },
+            withMobileLogic: withMobileLogic,
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_Dropdown.default, {
+                    label: "Select Interval",
+                    value: activeInterval,
+                    className: "dropdown-fin",
+                    onChange: (v)=>handleItemClick(v),
+                    options: items === null || items === void 0 ? void 0 : (_items_filter = items.filter((item)=>!(item === null || item === void 0 ? void 0 : item.isHidden))) === null || _items_filter === void 0 ? void 0 : _items_filter.map((item)=>{
+                        var _intervals_item;
+                        return {
+                            label: (0, _utils.capitalized)((txt === null || txt === void 0 ? void 0 : txt.labels) && (txt === null || txt === void 0 ? void 0 : txt.labels[item]) || ((_intervals_item = _dependencies.INTERVALS[item]) === null || _intervals_item === void 0 ? void 0 : _intervals_item.label) || (item === _dependencies.CUSTOM_INTERVAL_KEY ? _dependencies.CUSTOM_INTERVAL_KEY_TEXT : item)),
+                            value: item
+                        };
+                    }),
+                    withMobileLogic: withMobileLogic,
+                    sortAlphabetical: false
+                }),
+                renderDatepicker()
+            ]
+        });
+    };
+    const getDateRangeContainer = ()=>{
+        return document.getElementById(dateRangeContainerId);
+    };
+    const renderDateRangeMobileContainer = ()=>{
+        const dateRangeContainer = getDateRangeContainer();
+        if (!dateRangeContainer) return null;
+        return /*#__PURE__*/ (0, _reactdom.createPortal)(renderMobileOpenedPart(), dateRangeContainer);
+    };
+    return withMobileLogic && isMobile ? renderDateRangeMobileContainer() : renderOpenedPart();
+};
+const _default = /*#__PURE__*/ _react.default.forwardRef(OpenedPart);

package/dist/src/Atomic/FormElements/InputDateRange/components/SelectItem.js

@@ -0,0 +1,36 @@
+"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_default(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _CustomIcons = require("../../../../Molecular/CustomIcons");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const SelectItem = ({ item, label, isActive, onItemClick, onMouseEnter, disabled, testId = "select-item" })=>/*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        className: (0, _classnames.default)("opened-part__intervals-item", {
+            "opened-part__intervals-item_active": isActive,
+            "opened-part__intervals-item_disabled": disabled
+        }),
+        onClick: onItemClick,
+        onMouseEnter: onMouseEnter,
+        "data-item": item,
+        "data-testid": testId,
+        children: [
+            isActive && /*#__PURE__*/ (0, _jsxruntime.jsx)(_CustomIcons.Check2, {
+                className: (0, _classnames.default)("opened-part__intervals-item-icon-active")
+            }),
+            label
+        ]
+    });
+const _default = SelectItem;

package/dist/src/Atomic/FormElements/InputDateRange/dependencies.js

@@ -0,0 +1,259 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    ALL_TIME_KEY: function() {
+        return ALL_TIME_KEY;
+    },
+    CUSTOM_INTERVAL_KEY: function() {
+        return CUSTOM_INTERVAL_KEY;
+    },
+    CUSTOM_INTERVAL_KEY_TEXT: function() {
+        return CUSTOM_INTERVAL_KEY_TEXT;
+    },
+    INTERVALS: function() {
+        return INTERVALS;
+    },
+    MAIN_DATE_FORMAT: function() {
+        return MAIN_DATE_FORMAT;
+    },
+    MAIN_FORMAT: function() {
+        return MAIN_FORMAT;
+    },
+    MAIN_TIME_FORMAT: function() {
+        return MAIN_TIME_FORMAT;
+    },
+    getActualDateRange: function() {
+        return getActualDateRange;
+    },
+    getIsDateValid: function() {
+        return getIsDateValid;
+    },
+    useClickOutside: function() {
+        return useClickOutside;
+    },
+    useToggle: function() {
+        return useToggle;
+    }
+});
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _momenttimezone = /*#__PURE__*/ _interop_require_default(require("moment-timezone"));
+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 getIsDateValid = (date)=>(0, _momenttimezone.default)(date).isValid();
+const useClickOutside = (hideComponent, additionalComponent)=>{
+    const ref = (0, _react.useRef)(null);
+    const checkCondition = (target)=>{
+        if (additionalComponent && (additionalComponent === null || additionalComponent === void 0 ? void 0 : additionalComponent.length)) {
+            var _ref_current, _Array_from;
+            return !((_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.contains(target)) && !((_Array_from = Array.from(additionalComponent)) === null || _Array_from === void 0 ? void 0 : _Array_from.some((item)=>item === null || item === void 0 ? void 0 : item.contains(target)));
+        } else {
+            var _ref_current1;
+            return !((_ref_current1 = ref.current) === null || _ref_current1 === void 0 ? void 0 : _ref_current1.contains(target));
+        }
+    };
+    const handleClickOutside = (0, _react.useCallback)(({ target })=>{
+        if (checkCondition(target)) hideComponent();
+    }, [
+        hideComponent
+    ]);
+    (0, _react.useEffect)(()=>{
+        document.addEventListener("mousedown", handleClickOutside, true);
+        return ()=>{
+            document.removeEventListener("mousedown", handleClickOutside, true);
+        };
+    }, []);
+    return ref;
+};
+const useToggle = (initialState)=>{
+    const [isToggled, setToggle] = (0, _react.useState)(Boolean(initialState));
+    const toggle = (0, _react.useCallback)(()=>setToggle((isOn)=>!isOn), []);
+    const toggleOn = (0, _react.useCallback)(()=>setToggle(true), []);
+    const toggleOff = (0, _react.useCallback)(()=>setToggle(false), []);
+    return {
+        isToggled,
+        toggle,
+        toggleOn,
+        toggleOff
+    };
+};
+const INTERVALS = {
+    today: {
+        label: "today",
+        start: ()=>(0, _momenttimezone.default)().startOf("day"),
+        end: ()=>(0, _momenttimezone.default)().add(1, "day").startOf("day")
+    },
+    yesterday: {
+        label: "yesterday",
+        start: ()=>(0, _momenttimezone.default)().subtract(1, "day").startOf("day"),
+        end: ()=>(0, _momenttimezone.default)().startOf("day")
+    },
+    thisWeek: {
+        label: "This Week",
+        start: ()=>(0, _momenttimezone.default)().startOf("week"),
+        end: ()=>(0, _momenttimezone.default)().add(1, "day").startOf("day")
+    },
+    lastWeek: {
+        label: "Last Week",
+        start: ()=>(0, _momenttimezone.default)().subtract(1, "week").startOf("week"),
+        end: ()=>(0, _momenttimezone.default)().startOf("week")
+    },
+    last7Days: {
+        label: "Last 7 Days",
+        start: ()=>(0, _momenttimezone.default)().subtract(6, "day").startOf("day"),
+        end: ()=>(0, _momenttimezone.default)().add(1, "day").startOf("day")
+    },
+    last14Days: {
+        label: "Last 14 Days",
+        start: ()=>(0, _momenttimezone.default)().subtract(13, "day").startOf("day"),
+        end: ()=>(0, _momenttimezone.default)().add(1, "day").startOf("day")
+    },
+    last30Days: {
+        label: "Last 30 Days",
+        start: ()=>(0, _momenttimezone.default)().subtract(29, "day").startOf("day"),
+        end: ()=>(0, _momenttimezone.default)().add(1, "day").startOf("day")
+    },
+    thisMonth: {
+        label: "This Month",
+        start: ()=>(0, _momenttimezone.default)().startOf("month"),
+        end: ()=>(0, _momenttimezone.default)().add(1, "day").startOf("day")
+    },
+    lastMonth: {
+        label: "Last Month",
+        start: ()=>(0, _momenttimezone.default)().subtract(1, "month").startOf("month"),
+        end: ()=>(0, _momenttimezone.default)().startOf("month")
+    },
+    last6Months: {
+        label: "Last 6 Months",
+        start: ()=>(0, _momenttimezone.default)().subtract(6, "month").startOf("month"),
+        end: ()=>(0, _momenttimezone.default)().startOf("month")
+    },
+    sixMonths: {
+        label: "6 Months",
+        isHidden: true,
+        start: ()=>(0, _momenttimezone.default)().subtract(6, "month"),
+        end: ()=>(0, _momenttimezone.default)().add(1, "day").startOf("day")
+    },
+    thisYear: {
+        label: "This Year",
+        start: ()=>(0, _momenttimezone.default)().startOf("year"),
+        end: ()=>(0, _momenttimezone.default)().add(1, "day").startOf("day")
+    },
+    year: {
+        label: "Year",
+        isHidden: true,
+        start: ()=>(0, _momenttimezone.default)().subtract(1, "year"),
+        end: ()=>(0, _momenttimezone.default)().add(1, "day").startOf("day")
+    },
+    lastYear: {
+        label: "Last Year",
+        start: ()=>(0, _momenttimezone.default)().subtract(1, "year").startOf("year"),
+        end: ()=>(0, _momenttimezone.default)().startOf("year")
+    },
+    allTime: {
+        label: "All Time",
+        start: ()=>(0, _momenttimezone.default)("2022-01-01T00:00:00"),
+        end: ()=>(0, _momenttimezone.default)()
+    }
+};
+const ALL_TIME_KEY = "allTime";
+const CUSTOM_INTERVAL_KEY = "customDate";
+const CUSTOM_INTERVAL_KEY_TEXT = "Custom Date";
+const MAIN_FORMAT = "YYYY-MM-DDTHH:mm";
+const MAIN_DATE_FORMAT = "YYYY-MM-DD";
+const MAIN_TIME_FORMAT = "HH:mm";
+const getActualDateRange = (inputDateRange)=>{
+    const getActualIntervalKey = ()=>{
+        if (inputDateRange.intervalKey && Object.keys(INTERVALS).includes(inputDateRange.intervalKey)) {
+            return inputDateRange.intervalKey;
+        } else if (inputDateRange.start && inputDateRange.end) {
+            for (const [key, interval] of Object.entries(INTERVALS)){
+                if ((0, _momenttimezone.default)(inputDateRange.start).isSame(interval.start()) && (0, _momenttimezone.default)(inputDateRange.end).isSame(interval.end())) {
+                    return key;
+                }
+            }
+            return CUSTOM_INTERVAL_KEY;
+        }
+        return ALL_TIME_KEY;
+    };
+    const getIntervalDate = (intervalKey)=>{
+        var _INTERVALS_intervalKey_start, _INTERVALS_intervalKey, _INTERVALS_intervalKey_end, _INTERVALS_intervalKey1;
+        if (intervalKey === ALL_TIME_KEY || intervalKey === CUSTOM_INTERVAL_KEY) return {
+            start: null,
+            end: null,
+            compare: inputDateRange.compare,
+            startPrevDate: null,
+            endPrevDate: null
+        };
+        const actualValues = {
+            start: (_INTERVALS_intervalKey = INTERVALS[intervalKey]) === null || _INTERVALS_intervalKey === void 0 ? void 0 : (_INTERVALS_intervalKey_start = _INTERVALS_intervalKey.start()) === null || _INTERVALS_intervalKey_start === void 0 ? void 0 : _INTERVALS_intervalKey_start.format(MAIN_FORMAT),
+            end: (_INTERVALS_intervalKey1 = INTERVALS[intervalKey]) === null || _INTERVALS_intervalKey1 === void 0 ? void 0 : (_INTERVALS_intervalKey_end = _INTERVALS_intervalKey1.end()) === null || _INTERVALS_intervalKey_end === void 0 ? void 0 : _INTERVALS_intervalKey_end.format(MAIN_FORMAT),
+            compare: inputDateRange.compare
+        };
+        if (actualValues.compare) {
+            const intervalHoursCount = (0, _momenttimezone.default)(actualValues.end).diff(actualValues.start, "hours");
+            actualValues.startPrevDate = (0, _momenttimezone.default)(actualValues.start).subtract(intervalHoursCount, "hours").toDate();
+            actualValues.endPrevDate = actualValues.start;
+        }
+        return actualValues;
+    };
+    const interval = getActualIntervalKey();
+    return interval !== CUSTOM_INTERVAL_KEY && interval !== ALL_TIME_KEY ? {
+        intervalKey: interval,
+        ...getIntervalDate(interval)
+    } : {
+        ...inputDateRange,
+        intervalKey: interval
+    };
+};

package/dist/src/Atomic/FormElements/InputLink/InputLink.js

@@ -0,0 +1,124 @@
+"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 _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
+const _Input = /*#__PURE__*/ _interop_require_default(require("../Input/Input"));
+require("./InputLink.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 InputColor = ({ icon, value, withHttpsPrefix = {
+    isTurnOn: true,
+    isSecure: true
+}, onRedirect, testId = "", onChange, withDelete, ...args })=>{
+    const { isSecure, isTurnOn: isPrefix } = withHttpsPrefix || {};
+    const inputRef = (0, _react.useRef)(null);
+    const handle = {
+        redirect: ()=>{
+            window.open(`http${isSecure ? "s" : ""}://${value.replace(/https?:\/\/?/g, "")}`, "_blank");
+            onRedirect === null || onRedirect === void 0 ? void 0 : onRedirect();
+        },
+        change: (e)=>{
+            var _inputRef_current;
+            let inputValue = (e === null || e === void 0 ? void 0 : e.target) ? (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(e.target.value) : (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(e);
+            let cursorPosition = (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.selectionStart;
+            if (isSecure && cursorPosition <= 8 || !isSecure && cursorPosition <= 7) {
+                cursorPosition++;
+            }
+            setTimeout(()=>{
+                var _inputRef_current;
+                (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.setSelectionRange(cursorPosition, cursorPosition);
+            }, 0);
+            if (isPrefix) inputValue = (0, _fieldValueFormatters.formatToReplaceAllWhiteSpace)(inputValue.replace(/https?:\/\/?/g, ""));
+            onChange === null || onChange === void 0 ? void 0 : onChange(inputValue.toString());
+        }
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        className: (0, _classnames.default)("inputLink", {
+            "inputLink--withDelete": withDelete && value && value.length > 0
+        }),
+        children: [
+            isPrefix && /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: (0, _classnames.default)("inputColor__prefix"),
+                children: [
+                    isSecure && (value === null || value === void 0 ? void 0 : value.length) > 0 && "https://",
+                    !isSecure && (value === null || value === void 0 ? void 0 : value.length) > 0 && "http://"
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
+                ...args,
+                withDelete: withDelete,
+                value: value,
+                onChange: handle.change,
+                testId: `inputLink--key-${testId}`,
+                type: "text",
+                autoComplete: "url",
+                ref: inputRef,
+                className: (0, _classnames.default)({
+                    "prefix-gutter--secured": isPrefix && isSecure && (value === null || value === void 0 ? void 0 : value.length) > 0,
+                    "prefix-gutter--no-secured": isPrefix && !isSecure && (value === null || value === void 0 ? void 0 : value.length) > 0
+                })
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                onClick: ()=>handle.redirect(),
+                className: (0, _classnames.default)("inputLink__icon pointer"),
+                children: value && (icon || /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ExternalLink, {}))
+            })
+        ]
+    });
+};
+const _default = InputColor;