@bigbinary/neeto-integrations-frontend 2.10.6 → 2.12.0

package/dist/index.js

@@ -14,7 +14,7 @@ import { useQuery } from 'react-query';
 import axios from 'axios';
 import { buildUrl, getQueryParams } from '@bigbinary/neeto-commons-frontend/utils';
 import { Daily as Daily$1, GoogleCalendar as GoogleCalendar$1, Google, Zoom as Zoom$1 } from '@bigbinary/neeto-icons/misc';
-import { Typography, Button, Callout, Modal as Modal$1 } from '@bigbinary/neetoui';
+import { Typography, Button, Tooltip, Callout, Modal as Modal$1 } from '@bigbinary/neetoui';
 import { Trans, useTranslation } from 'react-i18next';
 import { Form as Form$2, Input, Select, ActionBlock } from '@bigbinary/neetoui/formik';
 import { prop, equals, isEmpty } from 'ramda';
@@ -22,6 +22,21 @@ import * as yup from 'yup';
 import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
 import { Check } from '@bigbinary/neeto-icons';
 
+function _extends$1() {
+  _extends$1 = 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$1.apply(this, arguments);
+}
+
 var Manage$1 = withT(function (_ref) {
   var t = _ref.t,
     _ref$title = _ref.title,
@@ -126,17 +141,18 @@ var Manage$1 = withT(function (_ref) {
     onClick: function onClick() {
       return setIsDisconnectAlertOpen(true);
     }
-  })) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, (connectPath || connectUrl || onConnect) && /*#__PURE__*/React__default.createElement(Button, {
+  })) : /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Tooltip, _extends$1({
+    disabled: !isConnectDisabled
+  }, connectTooltipProps), /*#__PURE__*/React__default.createElement("span", null, (connectPath || connectUrl || onConnect) && /*#__PURE__*/React__default.createElement(Button, {
     "data-cy": "connect-button",
     disabled: isConnectDisabled,
     href: connectUrl,
     to: connectPath,
-    tooltipProps: connectTooltipProps,
     label: t("neetoIntegrations.common.connectIntegration", {
       integration: integrationName || humanize(integration)
     }),
     onClick: onConnect
-  })))), /*#__PURE__*/React__default.createElement(DisconnectAlert, {
+  })))))), /*#__PURE__*/React__default.createElement(DisconnectAlert, {
     isDisconnecting: isDisconnecting,
     onClose: onClose,
     onDisconnect: onDisconnect,
@@ -293,21 +309,6 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-function _extends$1() {
-  _extends$1 = 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$1.apply(this, arguments);
-}
-
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
@@ -1145,7 +1146,8 @@ var Connect = withT(function (_ref) {
     buttonProps = _ref$buttonProps === void 0 ? {} : _ref$buttonProps,
     _ref$onConnect = _ref.onConnect,
     onConnect = _ref$onConnect === void 0 ? noop : _ref$onConnect,
-    children = _ref.children;
+    children = _ref.children,
+    secondaryButtonProps = _ref.secondaryButtonProps;
   return /*#__PURE__*/React__default.createElement("div", {
     className: "mx-auto w-full max-w-lg"
   }, /*#__PURE__*/React__default.createElement(Icon, {
@@ -1158,10 +1160,14 @@ var Connect = withT(function (_ref) {
     className: "neeto-ui-text-gray-700 mb-8",
     style: "body1",
     weight: "normal"
-  }, description), children, /*#__PURE__*/React__default.createElement(Button, _extends$1({
+  }, description), children, /*#__PURE__*/React__default.createElement("div", {
+    className: "flex w-full items-start space-x-4"
+  }, /*#__PURE__*/React__default.createElement(Button, _extends$1({
     label: t("neetoIntegrations.common.connect"),
     onClick: onConnect
-  }, buttonProps)));
+  }, buttonProps)), isNotEmpty(secondaryButtonProps) && /*#__PURE__*/React__default.createElement(Button, _extends$1({
+    style: "secondary"
+  }, secondaryButtonProps))));
 });
 Connect.prototypes = {
   /**