@bigbinary/neeto-integrations-frontend 2.10.5 → 2.11.0

package/dist/index.cjs.js

@@ -6,6 +6,7 @@ var IntegrationCard = require('@bigbinary/neeto-molecules/IntegrationCard');
 var DisconnectAlert = require('@bigbinary/neeto-molecules/IntegrationDisconnectAlert');
 var WalkthroughModal = require('@bigbinary/neeto-molecules/IntegrationWalkthroughModal');
 var React = require('react');
+var classnames = require('classnames');
 var i18next = require('i18next');
 var neetoCist = require('@bigbinary/neeto-cist');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
@@ -20,7 +21,6 @@ var formik = require('@bigbinary/neetoui/formik');
 var ramda = require('ramda');
 var yup = require('yup');
 var PageLoader = require('@bigbinary/neeto-molecules/PageLoader');
-var classnames = require('classnames');
 var neetoIcons = require('@bigbinary/neeto-icons');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -48,11 +48,11 @@ var DisconnectAlert__default = /*#__PURE__*/_interopDefaultLegacy(DisconnectAler
 var WalkthroughModal__default = /*#__PURE__*/_interopDefaultLegacy(WalkthroughModal);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 var i18next__default = /*#__PURE__*/_interopDefaultLegacy(i18next);
 var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
 var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
 var PageLoader__default = /*#__PURE__*/_interopDefaultLegacy(PageLoader);
-var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
 var Manage$1 = reactUtils.withT(function (_ref) {
   var t = _ref.t,
@@ -68,6 +68,8 @@ var Manage$1 = reactUtils.withT(function (_ref) {
     setIsDisconnectAlertOpen = _ref$setIsDisconnectA === void 0 ? neetoCist.noop : _ref$setIsDisconnectA,
     _ref$isDisconnecting = _ref.isDisconnecting,
     isDisconnecting = _ref$isDisconnecting === void 0 ? false : _ref$isDisconnecting,
+    _ref$onConnect = _ref.onConnect,
+    onConnect = _ref$onConnect === void 0 ? undefined : _ref$onConnect,
     _ref$onDisconnect = _ref.onDisconnect,
     onDisconnect = _ref$onDisconnect === void 0 ? undefined : _ref$onDisconnect,
     _ref$onClose = _ref.onClose,
@@ -84,10 +86,14 @@ var Manage$1 = reactUtils.withT(function (_ref) {
     helpDocUrl = _ref$helpDocUrl === void 0 ? "" : _ref$helpDocUrl,
     _ref$managePath = _ref.managePath,
     managePath = _ref$managePath === void 0 ? "" : _ref$managePath,
+    _ref$manageUrl = _ref.manageUrl,
+    manageUrl = _ref$manageUrl === void 0 ? "" : _ref$manageUrl,
     _ref$integrationName = _ref.integrationName,
     integrationName = _ref$integrationName === void 0 ? "" : _ref$integrationName,
     _ref$disconnectMessag = _ref.disconnectMessage,
     disconnectMessage = _ref$disconnectMessag === void 0 ? "" : _ref$disconnectMessag,
+    _ref$disconnectTitle = _ref.disconnectTitle,
+    disconnectTitle = _ref$disconnectTitle === void 0 ? "" : _ref$disconnectTitle,
     _ref$isConnectDisable = _ref.isConnectDisabled,
     isConnectDisabled = _ref$isConnectDisable === void 0 ? false : _ref$isConnectDisable,
     _ref$connectTooltipPr = _ref.connectTooltipProps,
@@ -112,11 +118,13 @@ var Manage$1 = reactUtils.withT(function (_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(neetoIcons.Check, {
     size: 24
   }))), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    className: "neeto-ui-text-gray-800 break-all",
     style: "body1",
-    weight: "normal"
+    weight: "normal",
+    className: classnames__default["default"]("neeto-ui-text-gray-800", {
+      "break-all": isConnected
+    })
   }, description), helpDocUrl && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    className: "neeto-ui-text-gray-800 break-all",
+    className: "neeto-ui-text-gray-800",
     style: "body2",
     weight: "normal"
   }, /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
@@ -133,8 +141,10 @@ var Manage$1 = reactUtils.withT(function (_ref) {
     }
   }))), isConnected ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: "space-x-2"
-  }, managePath && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+  }, (managePath || manageUrl) && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
     "data-cy": "manage-button",
+    href: manageUrl,
+    target: manageUrl ? "_blank" : "_self",
     to: managePath,
     label: t("neetoIntegrations.common.manageIntegration", {
       integration: integrationName || neetoCist.humanize(integration)
@@ -148,7 +158,7 @@ var Manage$1 = reactUtils.withT(function (_ref) {
     onClick: function onClick() {
       return setIsDisconnectAlertOpen(true);
     }
-  })) : /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+  })) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, (connectPath || connectUrl || onConnect) && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
     "data-cy": "connect-button",
     disabled: isConnectDisabled,
     href: connectUrl,
@@ -156,14 +166,15 @@ var Manage$1 = reactUtils.withT(function (_ref) {
     tooltipProps: connectTooltipProps,
     label: t("neetoIntegrations.common.connectIntegration", {
       integration: integrationName || neetoCist.humanize(integration)
-    })
-  }))), /*#__PURE__*/React__default["default"].createElement(DisconnectAlert__default["default"], {
+    }),
+    onClick: onConnect
+  })))), /*#__PURE__*/React__default["default"].createElement(DisconnectAlert__default["default"], {
     isDisconnecting: isDisconnecting,
     onClose: onClose,
     onDisconnect: onDisconnect,
     isOpen: isDisconnectAlertOpen,
-    title: t("settings.integrations.".concat(integration, ".disconnect.title")),
-    message: disconnectMessage || t("settings.integrations.".concat(integration, ".disconnect.message"))
+    message: disconnectMessage || t("settings.integrations.".concat(integration, ".disconnect.message")),
+    title: disconnectTitle || t("settings.integrations.".concat(integration, ".disconnect.title"))
   }));
 });
 
@@ -1166,7 +1177,8 @@ var Connect = reactUtils.withT(function (_ref) {
     buttonProps = _ref$buttonProps === void 0 ? {} : _ref$buttonProps,
     _ref$onConnect = _ref.onConnect,
     onConnect = _ref$onConnect === void 0 ? neetoCist.noop : _ref$onConnect,
-    children = _ref.children;
+    children = _ref.children,
+    secondaryButtonProps = _ref.secondaryButtonProps;
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "mx-auto w-full max-w-lg"
   }, /*#__PURE__*/React__default["default"].createElement(Icon, {
@@ -1179,10 +1191,14 @@ var Connect = reactUtils.withT(function (_ref) {
     className: "neeto-ui-text-gray-700 mb-8",
     style: "body1",
     weight: "normal"
-  }, description), children, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends$1({
+  }, description), children, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "flex w-full items-start space-x-4"
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends$1({
     label: t("neetoIntegrations.common.connect"),
     onClick: onConnect
-  }, buttonProps)));
+  }, buttonProps)), neetoCist.isNotEmpty(secondaryButtonProps) && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends$1({
+    style: "secondary"
+  }, secondaryButtonProps))));
 });
 Connect.prototypes = {
   /**