@bigbinary/neeto-molecules 1.11.4 → 1.11.6

package/dist/cjs/Settings.js

@@ -6,486 +6,28 @@ var useQueryParams = require('@bigbinary/neeto-commons-frontend/react-utils/useQ
 var neetoui = require('@bigbinary/neetoui');
 var ramda = require('ramda');
 var reactI18next = require('react-i18next');
-var neetoCist = require('@bigbinary/neeto-cist');
-var Breadcrumbs = require('@bigbinary/neeto-molecules/Breadcrumbs');
-var Search = require('@bigbinary/neeto-molecules/Search');
-var neetoIcons = require('@bigbinary/neeto-icons');
+var Header = require('./Header.js');
+var _extends = require('./extends-1b35a664.js');
+var IntegrationCard = require('./IntegrationCard.js');
+var objectWithoutProperties = require('./objectWithoutProperties-2fed2d7d.js');
 var general = require('@bigbinary/neeto-commons-frontend/utils/general');
 var reactRouterDom = require('react-router-dom');
+var defineProperty = require('./defineProperty-886ed289.js');
+var neetoCist = require('@bigbinary/neeto-cist');
+require('./Breadcrumbs.js');
+require('./inject-css-80a5faa3.js');
+require('./Search.js');
+require('./slicedToArray-f320d9e7.js');
+require('@bigbinary/neeto-commons-frontend/react-utils/useFuncDebounce');
+require('@bigbinary/neeto-commons-frontend/react-utils/useUpdateEffect');
+require('@bigbinary/neeto-icons');
+require('./MoreDropdown.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 var useQueryParams__default = /*#__PURE__*/_interopDefaultLegacy(useQueryParams);
-var Breadcrumbs__default = /*#__PURE__*/_interopDefaultLegacy(Breadcrumbs);
-var Search__default = /*#__PURE__*/_interopDefaultLegacy(Search);
-
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
-function _typeof(o) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof(o);
-}
-
-function _toPrimitive(input, hint) {
-  if (_typeof(input) !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (_typeof(res) !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return _typeof(key) === "symbol" ? key : String(key);
-}
-
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-
-var SIZES = {
-  nano: "nano",
-  small: "small",
-  large: "large"
-};
-var DROPDOWN_BUTTON_SIZES = {
-  nano: "small",
-  small: "medium",
-  large: "large"
-};
-
-var Dropdown$1 = function Dropdown(props) {
-  return /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, _extends({
-    buttonSize: DROPDOWN_BUTTON_SIZES[props.size],
-    buttonStyle: "secondary",
-    icon: neetoIcons.MenuHorizontal,
-    position: "bottom-start",
-    strategy: "fixed"
-  }, props));
-};
-
-var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
-
-var css = ":root{--neeto-molecules-main-header-height:98px;--neeto-molecules-main-header-with-breadcrumbs-height:170px}.neeto-molecules-header{align-items:flex-start;background:rgb(var(--neeto-ui-white));display:flex;flex-direction:row;flex-shrink:0;gap:16px;justify-content:space-between;min-height:98px;min-height:var(--neeto-molecules-main-header-height);padding:40px 0 24px;width:100%}@media screen and (max-width:1024px){.neeto-molecules-header{flex-wrap:wrap}}.neeto-molecules-header .neeto-molecules-header__toggle-menubar-btn{margin-right:8px}.neeto-molecules-header .neeto-molecules-header__left{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.neeto-molecules-header .neeto-molecules-header__left-data-wrap{display:flex;flex-wrap:wrap}.neeto-molecules-header .neeto-molecules-header__page-title{align-items:center;display:flex;flex-direction:row;gap:12px;margin-top:-12px;width:100%}@media screen and (max-width:1024px){.neeto-molecules-header .neeto-molecules-header__page-title{margin-top:-10px}}@media screen and (max-width:768px){.neeto-molecules-header .neeto-molecules-header__page-title{margin-top:-8px}}@media screen and (max-width:576px){.neeto-molecules-header .neeto-molecules-header__page-title{margin-top:-4px}}.neeto-molecules-header .neeto-molecules-header__page-title h2{font-size:calc(1.375rem + 1.5vw);line-height:var(--neeto-ui-leading-tight)}@media (min-width:1200px){.neeto-molecules-header .neeto-molecules-header__page-title h2{font-size:2.5rem}}.neeto-molecules-header .neeto-molecules-header__right{align-items:center;display:flex;gap:12px;justify-content:flex-end}@media screen and (max-width:768px){.neeto-molecules-header .neeto-molecules-header__right{flex-wrap:wrap;justify-content:flex-start}}.neeto-molecules-header .neeto-molecules-header__right .neeto-ui-btn{flex-shrink:0}.neeto-molecules-header .neeto-molecules-header__right .neeto-molecules-header__search-input{flex-grow:0;min-width:104px}.neeto-molecules-header .neeto-molecules-header__right .neeto-molecules-header__action-block{align-items:center;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end}@media screen and (max-width:360px){.neeto-molecules-header .neeto-molecules-header__right .neeto-molecules-header__action-block{flex-shrink:1;flex-wrap:wrap;justify-content:flex-start}}.neeto-molecules-header--has-breadcrumbs{min-height:170px;min-height:var(--neeto-molecules-main-header-with-breadcrumbs-height)}.neeto-molecules-header--has-breadcrumbs .neeto-molecules-header__page-title{margin-top:0}.neeto-molecules-header--nano,.neeto-molecules-header--small{flex-shrink:0;min-height:0}.neeto-molecules-header--nano .neeto-molecules-breadcrumbs-wrap,.neeto-molecules-header--small .neeto-molecules-breadcrumbs-wrap{margin:0 0 16px}.neeto-molecules-header--small .neeto-molecules-header__page-title{margin-top:-4px}.neeto-molecules-header--small .neeto-molecules-header__page-title h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.neeto-molecules-header--small .neeto-molecules-header__page-title h2{font-size:2rem}}.neeto-molecules-header--nano .neeto-molecules-header__page-title{margin-top:0}.neeto-molecules-header--nano .neeto-molecules-header__page-title h2{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.neeto-molecules-header--nano .neeto-molecules-header__page-title h2{font-size:1.5rem}}";
-n(css,{});
-
-function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Header = function Header(_ref) {
-  var title = _ref.title,
-    searchProps = _ref.searchProps,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className,
-    actionBlock = _ref.actionBlock,
-    _ref$breadcrumbs = _ref.breadcrumbs,
-    breadcrumbs = _ref$breadcrumbs === void 0 ? [] : _ref$breadcrumbs,
-    _ref$renderDropdown = _ref.renderDropdown,
-    renderDropdown = _ref$renderDropdown === void 0 ? neetoCist.noop : _ref$renderDropdown,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? "large" : _ref$size,
-    _ref$dataTestid = _ref["data-testid"],
-    dataTestId = _ref$dataTestid === void 0 ? "neeto-molecules-header" : _ref$dataTestid;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    "data-cy": "neeto-molecules-header",
-    "data-testid": dataTestId,
-    className: classnames__default["default"](["neeto-molecules-header", {
-      "neeto-molecules-header--has-breadcrumbs": neetoCist.isNotEmpty(breadcrumbs),
-      "neeto-molecules-header--large": size === SIZES.large,
-      "neeto-molecules-header--small": size === SIZES.small,
-      "neeto-molecules-header--nano": size === SIZES.nano
-    }, className])
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-molecules-header__left"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-molecules-header__left-data-wrap"
-  }, neetoCist.isNotEmpty(breadcrumbs) && /*#__PURE__*/React__default["default"].createElement(Breadcrumbs__default["default"], {
-    breadcrumbs: breadcrumbs
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-molecules-header__page-title"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    "data-cy": "main-header",
-    "data-test-id": "main-header",
-    lineHeight: "tight",
-    style: "h2",
-    weight: "semibold"
-  }, title), renderDropdown(function (props) {
-    return /*#__PURE__*/React__default["default"].createElement(Dropdown$1, _objectSpread$3({
-      size: size
-    }, props));
-  })))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-molecules-header__right"
-  }, searchProps && /*#__PURE__*/React__default["default"].createElement(Search__default["default"], _extends({
-    className: classnames__default["default"](["neeto-molecules-header__search-input", searchProps.className])
-  }, searchProps)), actionBlock && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-molecules-header__action-block"
-  }, actionBlock)));
-};
-
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-
-var MENU_ITEM_TYPES = {
-  menuItem: "menuItem",
-  divider: "divider"
-};
-var DEFAULT_TOOLTIP_PROPS = {
-  disabled: true,
-  position: "bottom"
-};
-
-var _excluded$4 = ["label", "key"],
-  _excluded2 = ["isVisible", "key"];
-var MenuItem$1 = neetoui.Dropdown.MenuItem,
-  Menu$1 = neetoui.Dropdown.Menu;
-var Submenu = function Submenu(_ref) {
-  var label = _ref.label,
-    key = _ref.key,
-    menuItemProps = _objectWithoutProperties(_ref, _excluded$4);
-  return /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, _extends({
-    customTarget: /*#__PURE__*/React__default["default"].createElement(MenuItem$1.Button, null, label),
-    key: key,
-    position: "left",
-    trigger: "hover"
-  }, menuItemProps.dropdownProps), /*#__PURE__*/React__default["default"].createElement(Menu$1, null, menuItemProps.menuItems.map(function (_ref2) {
-    var _ref2$isVisible = _ref2.isVisible,
-      isVisible = _ref2$isVisible === void 0 ? true : _ref2$isVisible,
-      key = _ref2.key,
-      menuItemProps = _objectWithoutProperties(_ref2, _excluded2);
-    if (!isVisible) return null;
-    return /*#__PURE__*/React__default["default"].createElement(MoreDropdownMenuItem, _extends({
-      key: key
-    }, menuItemProps));
-  })));
-};
-
-var _excluded$3 = ["onClick", "label", "type", "hasSubItems"];
-function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var MenuItem = neetoui.Dropdown.MenuItem,
-  Divider = neetoui.Dropdown.Divider;
-var MoreDropdownMenuItem = function MoreDropdownMenuItem(_ref) {
-  var onClick = _ref.onClick,
-    label = _ref.label,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? MENU_ITEM_TYPES.menuItem : _ref$type,
-    _ref$hasSubItems = _ref.hasSubItems,
-    hasSubItems = _ref$hasSubItems === void 0 ? false : _ref$hasSubItems,
-    menuItemProps = _objectWithoutProperties(_ref, _excluded$3);
-  if (type === MENU_ITEM_TYPES.divider) {
-    return /*#__PURE__*/React__default["default"].createElement(Divider, null);
-  }
-  if (hasSubItems) {
-    return /*#__PURE__*/React__default["default"].createElement(Submenu, _objectSpread$2({
-      label: label
-    }, menuItemProps));
-  }
-  return /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, _objectSpread$2({
-    onClick: onClick
-  }, menuItemProps), label);
-};
-
-var _excluded$2 = ["isVisible", "key"];
-function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Menu = neetoui.Dropdown.Menu;
-var MoreDropdown = function MoreDropdown(_ref) {
-  var _ref$dropdownButtonPr = _ref.dropdownButtonProps,
-    dropdownButtonProps = _ref$dropdownButtonPr === void 0 ? {} : _ref$dropdownButtonPr,
-    _ref$isVertical = _ref.isVertical,
-    isVertical = _ref$isVertical === void 0 ? false : _ref$isVertical,
-    _ref$isDisabled = _ref.isDisabled,
-    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
-    _ref$dropdownProps = _ref.dropdownProps,
-    dropdownProps = _ref$dropdownProps === void 0 ? {} : _ref$dropdownProps,
-    menuTopChildren = _ref.menuTopChildren,
-    menuBottomChildren = _ref.menuBottomChildren,
-    _ref$menuItems = _ref.menuItems,
-    menuItems = _ref$menuItems === void 0 ? [] : _ref$menuItems;
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var tooltipProps = ramda.mergeRight(DEFAULT_TOOLTIP_PROPS, dropdownButtonProps.tooltipProps);
-  var targetIcon = isVertical ? neetoIcons.MenuVertical : neetoIcons.MenuHorizontal;
-  var isDropdownDisabled = isDisabled || dropdownProps.disabled;
-  if (isDropdownDisabled && !tooltipProps.disabled) {
-    return /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, tooltipProps, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends({
-      disabled: true,
-      "data-cy": "more-dropdown-button",
-      "data-testid": "nui-dropdown-button",
-      icon: targetIcon,
-      iconPosition: "right",
-      size: "medium",
-      style: "text"
-    }, dropdownButtonProps))));
-  }
-  return /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, _extends({
-    autoWidth: true,
-    className: "flex",
-    disabled: isDisabled,
-    icon: targetIcon,
-    buttonProps: _objectSpread$1({
-      className: "min-h-0 flex-shrink-0",
-      style: "text",
-      tooltipProps: {
-        content: t("neetoMolecules.moreDropdown.tooltip"),
-        position: "top"
-      }
-    }, dropdownButtonProps)
-  }, dropdownProps), /*#__PURE__*/React__default["default"].createElement(Menu, null, menuTopChildren, menuItems.map(function (_ref2) {
-    var _ref2$isVisible = _ref2.isVisible,
-      isVisible = _ref2$isVisible === void 0 ? true : _ref2$isVisible,
-      key = _ref2.key,
-      menuItemProps = _objectWithoutProperties(_ref2, _excluded$2);
-    if (!isVisible) return null;
-    return /*#__PURE__*/React__default["default"].createElement(MoreDropdownMenuItem, _extends({
-      key: key
-    }, menuItemProps));
-  }), menuBottomChildren));
-};
-
-var Dropdown = function Dropdown(_ref) {
-  var customDropdown = _ref.customDropdown,
-    _ref$handleManage = _ref.handleManage,
-    handleManage = _ref$handleManage === void 0 ? neetoCist.noop : _ref$handleManage,
-    _ref$hideDisconnect = _ref.hideDisconnect,
-    hideDisconnect = _ref$hideDisconnect === void 0 ? false : _ref$hideDisconnect,
-    _ref$onDisconnect = _ref.onDisconnect,
-    onDisconnect = _ref$onDisconnect === void 0 ? neetoCist.noop : _ref$onDisconnect;
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  if (ramda.isNotNil(customDropdown)) {
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      onClick: function onClick(e) {
-        return e.stopPropagation();
-      }
-    }, customDropdown);
-  }
-  var isManageable = ramda.isNotNil(handleManage);
-  if (!isManageable && hideDisconnect) {
-    return null;
-  }
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    onClick: function onClick(e) {
-      return e.stopPropagation();
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(MoreDropdown, {
-    menuItems: [{
-      isVisible: isManageable,
-      onClick: handleManage,
-      label: t("neetoMolecules.integrationCard.manage"),
-      key: "integration-card-manage-integration"
-    }, {
-      isVisible: !hideDisconnect,
-      onClick: onDisconnect,
-      label: t("neetoMolecules.integrationCard.disconnect"),
-      key: "integration-card-manage-disconnection"
-    }]
-  }));
-};
-
-var Status = function Status(_ref) {
-  var isExpired = _ref.isExpired;
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var tagProps = isExpired ? {
-    icon: neetoIcons.Warning,
-    label: t("neetoMolecules.integrationCard.tags.expired"),
-    style: "warning"
-  } : {
-    icon: neetoIcons.Check,
-    label: t("neetoMolecules.integrationCard.tags.connected"),
-    style: "success"
-  };
-  return /*#__PURE__*/React__default["default"].createElement(neetoui.Tag, _extends({
-    className: "flex-row-reverse"
-  }, tagProps, {
-    "data-testid": "integration-status"
-  }));
-};
-
-var _excluded$1 = ["icon", "subIcons", "label", "description", "className", "onConnect", "onDisconnect", "onManage", "isLoading", "isConnected", "isFailed", "isExpired", "disabled", "hidden", "hideDisconnect", "onClick", "tooltipProps", "customDropdown", "dataCy", "connectPath", "connectUrl", "children"];
-var IntegrationCard = function IntegrationCard(_ref) {
-  var Icon = _ref.icon,
-    _ref$subIcons = _ref.subIcons,
-    subIcons = _ref$subIcons === void 0 ? [] : _ref$subIcons,
-    _ref$label = _ref.label,
-    label = _ref$label === void 0 ? "" : _ref$label,
-    _ref$description = _ref.description,
-    description = _ref$description === void 0 ? "" : _ref$description,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className,
-    _ref$onConnect = _ref.onConnect,
-    onConnect = _ref$onConnect === void 0 ? neetoCist.noop : _ref$onConnect,
-    _ref$onDisconnect = _ref.onDisconnect,
-    onDisconnect = _ref$onDisconnect === void 0 ? neetoCist.noop : _ref$onDisconnect,
-    _ref$onManage = _ref.onManage,
-    onManage = _ref$onManage === void 0 ? undefined : _ref$onManage,
-    _ref$isLoading = _ref.isLoading,
-    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
-    _ref$isConnected = _ref.isConnected,
-    isConnected = _ref$isConnected === void 0 ? false : _ref$isConnected,
-    _ref$isFailed = _ref.isFailed,
-    isFailed = _ref$isFailed === void 0 ? false : _ref$isFailed,
-    _ref$isExpired = _ref.isExpired,
-    isExpired = _ref$isExpired === void 0 ? false : _ref$isExpired,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$hidden = _ref.hidden,
-    hidden = _ref$hidden === void 0 ? false : _ref$hidden,
-    _ref$hideDisconnect = _ref.hideDisconnect,
-    hideDisconnect = _ref$hideDisconnect === void 0 ? false : _ref$hideDisconnect,
-    _ref$onClick = _ref.onClick,
-    onCardClick = _ref$onClick === void 0 ? undefined : _ref$onClick,
-    _ref$tooltipProps = _ref.tooltipProps,
-    tooltipProps = _ref$tooltipProps === void 0 ? {} : _ref$tooltipProps,
-    _ref$customDropdown = _ref.customDropdown,
-    customDropdown = _ref$customDropdown === void 0 ? null : _ref$customDropdown,
-    _ref$dataCy = _ref.dataCy,
-    dataCy = _ref$dataCy === void 0 ? "" : _ref$dataCy,
-    _ref$connectPath = _ref.connectPath,
-    connectPath = _ref$connectPath === void 0 ? "" : _ref$connectPath,
-    _ref$connectUrl = _ref.connectUrl,
-    connectUrl = _ref$connectUrl === void 0 ? "" : _ref$connectUrl,
-    children = _ref.children,
-    otherProps = _objectWithoutProperties(_ref, _excluded$1);
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  if (hidden) return null;
-  var isCardClickable = isConnected && ramda.isNotNil(onCardClick);
-  var cardProps = isCardClickable ? {
-    onClick: onCardClick
-  } : {};
-  return /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, _extends({
-    disabled: !disabled,
-    position: "top",
-    content: disabled && t("neetoMolecules.integrationCard.tooltip.integrationNotAvailable")
-  }, tooltipProps), /*#__PURE__*/React__default["default"].createElement("div", _extends({
-    "data-cy": dataCy,
-    "data-testid": "integration-card",
-    className: classnames__default["default"]("neeto-ui-border-gray-300 neeto-ui-shadow-xs hover:neeto-ui-border-gray-500 focus:neeto-ui-border-gray-500 neeto-ui-rounded-lg flex flex-col border p-6 no-underline outline-none transition-colors", {
-      "hover:neeto-ui-bg-100 cursor-not-allowed opacity-50": disabled,
-      "cursor-pointer": isCardClickable
-    }, className)
-  }, cardProps, otherProps), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex flex-grow justify-between",
-    "data-cy": "integration-tabs"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex min-w-0 flex-col justify-end"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "relative mb-4 flex h-8"
-  }, Icon && /*#__PURE__*/React__default["default"].createElement(Icon, {
-    size: 32
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "my-auto"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    className: "mb-2",
-    "data-cy": "integration-card-label",
-    style: "h4",
-    weight: "semibold"
-  }, label), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    className: "break-words",
-    "data-cy": "".concat(general.joinHyphenCase(label), "-integration-description"),
-    style: "body2"
-  }, description), children)), neetoCist.isNotEmpty(subIcons) && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex h-24 flex-col gap-2"
-  }, subIcons.map(function (Icon, index) {
-    return /*#__PURE__*/React__default["default"].createElement(Icon, {
-      className: "neeto-ui-text-gray-600",
-      key: index,
-      size: 24
-    });
-  }))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-ui-border-gray-300 mt-4 w-full border-t pt-2"
-  }, isLoading ? /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "mt-3 flex items-center justify-start"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Spinner, null)) : /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex h-8 items-center justify-between"
-  }, isConnected && /*#__PURE__*/React__default["default"].createElement(Status, {
-    isExpired: isExpired
-  }), isFailed && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-    className: "neeto-ui-text-warning-500",
-    "data-cy": "connect-button",
-    disabled: disabled || isLoading,
-    href: connectUrl,
-    label: t("neetoMolecules.integrationCard.tryAgain"),
-    style: "link",
-    to: connectPath,
-    onClick: onConnect
-  }), !isConnected && !isFailed && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-    "data-cy": "connect-button",
-    "data-testid": "integraiton-card-connect-button",
-    disabled: disabled || isLoading,
-    href: connectUrl,
-    label: t("neetoMolecules.integrationCard.connect"),
-    style: "link",
-    to: connectPath,
-    onClick: onConnect
-  }), (isConnected || isFailed) && /*#__PURE__*/React__default["default"].createElement(Dropdown, {
-    customDropdown: customDropdown,
-    hideDisconnect: hideDisconnect,
-    onDisconnect: onDisconnect,
-    handleManage: onManage
-  })))));
-};
 
 var _excluded = ["label", "description", "icon", "path", "dataCy", "className"];
 var Item = function Item(_ref) {
@@ -497,8 +39,8 @@ var Item = function Item(_ref) {
     dataCy = _ref.dataCy,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
-    otherProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Link, _extends({
+    otherProps = objectWithoutProperties._objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Link, _extends._extends({
     "data-cy": dataCy,
     to: path,
     className: classnames__default["default"]("neeto-ui-border-gray-300 neeto-ui-shadow-xs hover:neeto-ui-border-gray-500 focus:neeto-ui-border-gray-500 neeto-ui-rounded-lg flex cursor-pointer flex-col border p-6 no-underline outline-none transition-colors", className)
@@ -537,14 +79,14 @@ var Category = function Category(_ref) {
   }, label), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "grid grid-cols-1 gap-3 md:grid-cols-2 lg:grid-cols-2 lg:gap-6 xl:grid-cols-3 2xl:grid-cols-4"
   }, items.map(function (item) {
-    return /*#__PURE__*/React__default["default"].createElement(SettingsCard, _extends({
+    return /*#__PURE__*/React__default["default"].createElement(SettingsCard, _extends._extends({
       key: item.label
     }, item));
   })));
 };
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { defineProperty._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var isLabelMatching = function isLabelMatching(label, searchTerm) {
   return label.toLowerCase().includes(searchTerm.trim().toLowerCase());
 };