@bigbinary/neeto-integrations-frontend 2.10.4 → 2.10.6

package/dist/index.js

@@ -5,6 +5,7 @@ import WalkthroughModal from '@bigbinary/neeto-molecules/IntegrationWalkthroughM
 export { default as WalkthroughModal } from '@bigbinary/neeto-molecules/IntegrationWalkthroughModal';
 import * as React from 'react';
 import React__default, { useState, useEffect, useRef } from 'react';
+import classnames from 'classnames';
 import i18next, { t as t$1 } from 'i18next';
 import { humanize, noop, isPresent, keysToSnakeCase, _findBy, isNotEmpty } from '@bigbinary/neeto-cist';
 import { withT, useMutationWithInvalidation, withTitle, useQueryParams, useStateWithDependency } from '@bigbinary/neeto-commons-frontend/react-utils';
@@ -19,7 +20,6 @@ import { Form as Form$2, Input, Select, ActionBlock } from '@bigbinary/neetoui/f
 import { prop, equals, isEmpty } from 'ramda';
 import * as yup from 'yup';
 import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
-import classnames from 'classnames';
 import { Check } from '@bigbinary/neeto-icons';
 
 var Manage$1 = withT(function (_ref) {
@@ -36,6 +36,8 @@ var Manage$1 = withT(function (_ref) {
     setIsDisconnectAlertOpen = _ref$setIsDisconnectA === void 0 ? 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,
@@ -52,10 +54,14 @@ var Manage$1 = 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,
@@ -80,11 +86,13 @@ var Manage$1 = withT(function (_ref) {
   }, /*#__PURE__*/React__default.createElement(Check, {
     size: 24
   }))), /*#__PURE__*/React__default.createElement(Typography, {
-    className: "neeto-ui-text-gray-800 break-all",
     style: "body1",
-    weight: "normal"
+    weight: "normal",
+    className: classnames("neeto-ui-text-gray-800", {
+      "break-all": isConnected
+    })
   }, description), helpDocUrl && /*#__PURE__*/React__default.createElement(Typography, {
-    className: "neeto-ui-text-gray-800 break-all",
+    className: "neeto-ui-text-gray-800",
     style: "body2",
     weight: "normal"
   }, /*#__PURE__*/React__default.createElement(Trans, {
@@ -101,12 +109,16 @@ var Manage$1 = withT(function (_ref) {
     }
   }))), isConnected ? /*#__PURE__*/React__default.createElement("div", {
     className: "space-x-2"
-  }, managePath && /*#__PURE__*/React__default.createElement(Button, {
+  }, (managePath || manageUrl) && /*#__PURE__*/React__default.createElement(Button, {
+    "data-cy": "manage-button",
+    href: manageUrl,
+    target: manageUrl ? "_blank" : "_self",
     to: managePath,
     label: t("neetoIntegrations.common.manageIntegration", {
       integration: integrationName || humanize(integration)
     })
   }), onDisconnect && /*#__PURE__*/React__default.createElement(Button, {
+    "data-cy": "disconnect-button",
     style: "secondary",
     label: t("neetoIntegrations.common.disconnectIntegration", {
       integration: integrationName || humanize(integration)
@@ -114,32 +126,34 @@ var Manage$1 = withT(function (_ref) {
     onClick: function onClick() {
       return setIsDisconnectAlertOpen(true);
     }
-  })) : /*#__PURE__*/React__default.createElement(Button, {
+  })) : /*#__PURE__*/React__default.createElement(React__default.Fragment, 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)
-    })
-  }))), /*#__PURE__*/React__default.createElement(DisconnectAlert, {
+    }),
+    onClick: onConnect
+  })))), /*#__PURE__*/React__default.createElement(DisconnectAlert, {
     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"))
   }));
 });
 
-function _typeof(obj) {
+function _typeof(o) {
   "@babel/helpers - typeof";
 
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    return typeof obj;
-  } : function (obj) {
-    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof(obj);
+  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) {
@@ -203,8 +217,8 @@ var QUERY_KEYS = {
   ZOOM_DETAILS: "zoom-details"
 };
 
-function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$4(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$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useCreateDaily = function useCreateDaily() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return useMutationWithInvalidation(dailiesApi.create, _objectSpread$4({
@@ -228,31 +242,31 @@ function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
 
-function _iterableToArrayLimit(arr, i) {
-  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
-  if (null != _i) {
-    var _s,
-      _e,
-      _x,
-      _r,
-      _arr = [],
-      _n = !0,
-      _d = !1;
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
     try {
-      if (_x = (_i = _i.call(arr)).next, 0 === i) {
-        if (Object(_i) !== _i) return;
-        _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
-    } catch (err) {
-      _d = !0, _e = err;
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
     } finally {
       try {
-        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
       } finally {
-        if (_d) throw _e;
+        if (o) throw n;
       }
     }
-    return _arr;
+    return a;
   }
 }
 
@@ -442,7 +456,7 @@ var Manage = function Manage(_ref) {
   var _useDestroyDaily = useDestroyDaily({
       onSuccess: function onSuccess() {
         setIsDisconnectAlertOpen(false);
-        onDisconnect === null || onDisconnect === void 0 ? void 0 : onDisconnect();
+        onDisconnect === null || onDisconnect === void 0 || onDisconnect();
       }
     }),
     destroyIntegration = _useDestroyDaily.mutate,
@@ -550,8 +564,8 @@ var STEPS = {
   finish: t$1("neetoIntegrations.common.finish")
 };
 
-function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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 GoogleCalendar = function GoogleCalendar(_ref) {
   var permissionImage = _ref.permissionImage,
     fetchAuthorizationUrl = _ref.fetchAuthorizationUrl,
@@ -618,8 +632,8 @@ var GoogleCalendar = function GoogleCalendar(_ref) {
   }));
 };
 
-function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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 ConfigurationForm = function ConfigurationForm(_ref) {
   var _errors$twilioPhoneNu;
   var phoneNumberOptions = _ref.phoneNumberOptions,
@@ -675,8 +689,8 @@ var ConfigurationForm = function ConfigurationForm(_ref) {
   })));
 };
 
-function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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 fetchTwilioSmsConfiguration = function fetchTwilioSmsConfiguration(integrable) {
   return axios.get(TWILIO_CONFIGURATION_BASE_URL, {
     params: integrable
@@ -813,8 +827,8 @@ var buildPhoneNumberOptions = function buildPhoneNumberOptions(phoneNumbers) {
   });
 };
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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; }
 var Twilio = function Twilio(_ref) {
   var _ref$integrable = _ref.integrable,
     integrable = _ref$integrable === void 0 ? null : _ref$integrable,
@@ -933,7 +947,7 @@ var Zoom = function Zoom(_ref) {
   var _useDestroyZoom = useDestroyZoom({
       onSuccess: function onSuccess() {
         setIsDisconnectAlertOpen(false);
-        onDisconnect === null || onDisconnect === void 0 ? void 0 : onDisconnect();
+        onDisconnect === null || onDisconnect === void 0 || onDisconnect();
       }
     }),
     destroyIntegration = _useDestroyZoom.mutate,