intelicoreact 1.5.38 → 1.5.41

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

@@ -1,259 +1,181 @@
 "use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  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;
+exports.useToggle = exports.useClickOutside = exports.getIsDateValid = exports.getActualDateRange = exports.MAIN_TIME_FORMAT = exports.MAIN_FORMAT = exports.MAIN_DATE_FORMAT = exports.INTERVALS = exports.CUSTOM_INTERVAL_KEY_TEXT = exports.CUSTOM_INTERVAL_KEY = exports.ALL_TIME_KEY = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const getIsDateValid = date => (0, _momentTimezone.default)(date).isValid();
+exports.getIsDateValid = getIsDateValid;
+const useClickOutside = (hideComponent, additionalComponent) => {
+  const ref = (0, _react.useRef)(null);
+  const checkCondition = target => {
+    if (additionalComponent && additionalComponent?.length) {
+      return !ref.current?.contains(target) && !Array.from(additionalComponent)?.some(item => item?.contains(target));
+    } else {
+      return !ref.current?.contains(target);
     }
-});
-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)(_ref => {
+    let {
+      target
+    } = _ref;
+    if (checkCondition(target)) hideComponent();
+  }, [hideComponent]);
+  (0, _react.useEffect)(() => {
+    document.addEventListener("mousedown", handleClickOutside, true);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside, true);
     };
-    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;
+  }, []);
+  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
-    };
+exports.useClickOutside = useClickOutside;
+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)()
-    }
+exports.useToggle = useToggle;
+const INTERVALS = exports.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)()
+    // start: () => null,
+    // end: () => null,
+  }
 };
-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;
+const ALL_TIME_KEY = exports.ALL_TIME_KEY = "allTime";
+const CUSTOM_INTERVAL_KEY = exports.CUSTOM_INTERVAL_KEY = "customDate";
+const CUSTOM_INTERVAL_KEY_TEXT = exports.CUSTOM_INTERVAL_KEY_TEXT = "Custom Date";
+const MAIN_FORMAT = exports.MAIN_FORMAT = "YYYY-MM-DDTHH:mm";
+const MAIN_DATE_FORMAT = exports.MAIN_DATE_FORMAT = "YYYY-MM-DD";
+const MAIN_TIME_FORMAT = exports.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 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;
+      }
+      return CUSTOM_INTERVAL_KEY;
+    }
+    return ALL_TIME_KEY;
+  };
+  const getIntervalDate = intervalKey => {
+    if (intervalKey === ALL_TIME_KEY || intervalKey === CUSTOM_INTERVAL_KEY) return {
+      start: null,
+      end: null,
+      compare: inputDateRange.compare,
+      startPrevDate: null,
+      endPrevDate: null
     };
-    const interval = getActualIntervalKey();
-    return interval !== CUSTOM_INTERVAL_KEY && interval !== ALL_TIME_KEY ? {
-        intervalKey: interval,
-        ...getIntervalDate(interval)
-    } : {
-        ...inputDateRange,
-        intervalKey: interval
+    const actualValues = {
+      start: INTERVALS[intervalKey]?.start()?.format(MAIN_FORMAT),
+      end: 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
+  };
 };
+exports.getActualDateRange = getActualDateRange;

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

@@ -1,124 +1,77 @@
 "use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  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"));
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _reactFeather = require("react-feather");
+var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
+var _Input = _interopRequireDefault(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);
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const InputColor = _ref => {
+  let {
+    icon,
+    value,
+    withHttpsPrefix = {
+      isTurnOn: true,
+      isSecure: true
+    },
+    onRedirect,
+    testId = "",
+    onChange,
+    withDelete,
+    ...args
+  } = _ref;
+  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?.();
+    },
+    change: e => {
+      let inputValue = e?.target ? (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(e.target.value) : (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(e);
+      let cursorPosition = inputRef.current?.selectionStart;
+      if (isSecure && cursorPosition <= 8 || !isSecure && cursorPosition <= 7) {
+        cursorPosition++;
+      }
+      setTimeout(() => {
+        inputRef.current?.setSelectionRange(cursorPosition, cursorPosition);
+      }, 0);
+      if (isPrefix) inputValue = (0, _fieldValueFormatters.formatToReplaceAllWhiteSpace)(inputValue.replace(/https?:\/\/?/g, ""));
+      onChange?.(inputValue.toString());
     }
-    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, {}))
-            })
-        ]
-    });
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)("inputLink", {
+      "inputLink--withDelete": withDelete && value && value.length > 0
+    })
+  }, isPrefix && /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)("inputColor__prefix")
+  }, isSecure && value?.length > 0 && "https://", !isSecure && value?.length > 0 && "http://"), /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.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?.length > 0,
+      "prefix-gutter--no-secured": isPrefix && !isSecure && value?.length > 0
+    })
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    onClick: () => handle.redirect(),
+    className: (0, _classnames.default)("inputLink__icon pointer")
+  }, value && (icon || /*#__PURE__*/_react.default.createElement(_reactFeather.ExternalLink, null))));
 };
-const _default = InputColor;
+var _default = exports.default = InputColor;