@bigbinary/neeto-integrations-frontend 1.3.0 → 1.5.0

package/dist/index.js

@@ -3,7 +3,7 @@ import React__default, { useContext, useState, useRef, useEffect } from 'react';
 import classnames from 'classnames';
 import { noop as noop$1, isNotEmpty } from '@bigbinary/neeto-commons-frontend/pure';
 import { joinHyphenCase, timeFormat, copyToClipboard } from '@bigbinary/neeto-commons-frontend/utils';
-import { Dropdown as Dropdown$1, Tag, Tooltip, Typography, Spinner, Button, Modal as Modal$1, Table, Alert, Callout } from '@bigbinary/neetoui';
+import { Dropdown as Dropdown$1, Tag, Tooltip, Typography, Spinner, Button, Alert, Modal as Modal$1, Table, Callout } from '@bigbinary/neetoui';
 import { isNotNil, isEmpty } from 'ramda';
 import { MenuVertical, Warning, Check, MenuHorizontal, Copy } from '@bigbinary/neeto-icons';
 import { Form, Input } from '@bigbinary/neetoui/formik';
@@ -3181,7 +3181,7 @@ function hasLoadedNamespace(ns, i18n) {
   });
 }
 
-var _excluded$1 = ["format"],
+var _excluded$2 = ["format"],
   _excluded2 = ["children", "count", "parent", "i18nKey", "context", "tOptions", "values", "defaults", "components", "ns", "i18n", "t", "shouldUnescape"];
 function ownKeys$3(object, enumerableOnly) {
   var keys = Object.keys(object);
@@ -3265,7 +3265,7 @@ function nodesToString(children, i18nOptions) {
       warn("Trans: the passed in value is invalid - seems you passed in a null child.");
     } else if (_typeof$1(child) === 'object') {
       var format = child.format,
-        clone = _objectWithoutProperties$1(child, _excluded$1);
+        clone = _objectWithoutProperties$1(child, _excluded$2);
       var keys = Object.keys(clone);
       if (keys.length === 1) {
         var value = format ? "".concat(keys[0], ", ").concat(format) : keys[0];
@@ -3782,11 +3782,11 @@ function _objectWithoutProperties(source, excluded) {
   return target;
 }
 
-var _excluded = ["disabled", "children"];
+var _excluded$1 = ["disabled", "children"];
 var TooltipWrapper = function TooltipWrapper(_ref) {
   var disabled = _ref.disabled,
     children = _ref.children,
-    tooltipProps = _objectWithoutProperties(_ref, _excluded);
+    tooltipProps = _objectWithoutProperties(_ref, _excluded$1);
   return disabled ? /*#__PURE__*/React__default.createElement(Tooltip, tooltipProps, children) : children;
 };
 
@@ -3902,6 +3902,36 @@ var Card = function Card(_ref) {
   })))));
 };
 
+var _excluded = ["isOpen", "isDisconnecting", "title", "message", "onClose", "onDisconnect"];
+var DisconnectAlert = function DisconnectAlert(_ref) {
+  var _ref$isOpen = _ref.isOpen,
+    isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
+    _ref$isDisconnecting = _ref.isDisconnecting,
+    isDisconnecting = _ref$isDisconnecting === void 0 ? false : _ref$isDisconnecting,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? "" : _ref$title,
+    _ref$message = _ref.message,
+    message = _ref$message === void 0 ? "" : _ref$message,
+    _ref$onClose = _ref.onClose,
+    onClose = _ref$onClose === void 0 ? noop$1 : _ref$onClose,
+    _ref$onDisconnect = _ref.onDisconnect,
+    onDisconnect = _ref$onDisconnect === void 0 ? noop$1 : _ref$onDisconnect,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/React__default.createElement(Alert, _extends$1({
+    closeOnEsc: true,
+    closeOnOutsideClick: true,
+    isOpen: isOpen,
+    isSubmitting: isDisconnecting,
+    message: message,
+    submitButtonLabel: t("common.disconnect"),
+    title: title,
+    onClose: onClose,
+    onSubmit: onDisconnect
+  }, otherProps));
+};
+
 var Stepper = function Stepper(_ref) {
   var _ref$steps = _ref.steps,
     steps = _ref$steps === void 0 ? {} : _ref$steps;
@@ -4424,8 +4454,8 @@ var ApiKeysList = function ApiKeysList(_ref) {
     deleteApiKey = _ref$deleteApiKey === void 0 ? noop$1 : _ref$deleteApiKey,
     _ref$isDeleting = _ref.isDeleting,
     isDeleting = _ref$isDeleting === void 0 ? false : _ref$isDeleting,
-    _ref$setNewZapierApiK = _ref.setNewZapierApiKey,
-    setNewZapierApiKey = _ref$setNewZapierApiK === void 0 ? noop$1 : _ref$setNewZapierApiK;
+    _ref$setNewlyCreatedA = _ref.setNewlyCreatedApiKey,
+    setNewlyCreatedApiKey = _ref$setNewlyCreatedA === void 0 ? noop$1 : _ref$setNewlyCreatedA;
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     apiKeyToDelete = _useState2[0],
@@ -4439,7 +4469,7 @@ var ApiKeysList = function ApiKeysList(_ref) {
     deleteApiKey(apiKeyToDelete === null || apiKeyToDelete === void 0 ? void 0 : apiKeyToDelete.id, {
       onSuccess: function onSuccess() {
         closeAlert();
-        setNewZapierApiKey("");
+        setNewlyCreatedApiKey("");
       }
     });
   };
@@ -4513,7 +4543,7 @@ var GenerateKey = function GenerateKey(_ref) {
   })));
 };
 
-var NewZapierApiKey = function NewZapierApiKey(_ref) {
+var NewApiKeyCallout = function NewApiKeyCallout(_ref) {
   var apiKey = _ref.apiKey;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
@@ -4535,12 +4565,12 @@ var NewZapierApiKey = function NewZapierApiKey(_ref) {
 };
 
 var ZapierForm = function ZapierForm(_ref) {
-  var _ref$newZapierApiKey = _ref.newZapierApiKey,
-    newZapierApiKey = _ref$newZapierApiKey === void 0 ? "" : _ref$newZapierApiKey,
+  var _ref$newlyCreatedApiK = _ref.newlyCreatedApiKey,
+    newlyCreatedApiKey = _ref$newlyCreatedApiK === void 0 ? "" : _ref$newlyCreatedApiK,
     _ref$videoUrl = _ref.videoUrl,
     videoUrl = _ref$videoUrl === void 0 ? "" : _ref$videoUrl,
-    _ref$zapierApiKeys = _ref.zapierApiKeys,
-    zapierApiKeys = _ref$zapierApiKeys === void 0 ? [] : _ref$zapierApiKeys,
+    _ref$apiKeys = _ref.apiKeys,
+    apiKeys = _ref$apiKeys === void 0 ? [] : _ref$apiKeys,
     _ref$isGenerating = _ref.isGenerating,
     isGenerating = _ref$isGenerating === void 0 ? false : _ref$isGenerating,
     _ref$isLoading = _ref.isLoading,
@@ -4551,8 +4581,8 @@ var ZapierForm = function ZapierForm(_ref) {
     deleteApiKey = _ref$deleteApiKey === void 0 ? noop$1 : _ref$deleteApiKey,
     _ref$handleGenerateAp = _ref.handleGenerateApiKey,
     handleGenerateApiKey = _ref$handleGenerateAp === void 0 ? noop$1 : _ref$handleGenerateAp,
-    _ref$setNewZapierApiK = _ref.setNewZapierApiKey,
-    setNewZapierApiKey = _ref$setNewZapierApiK === void 0 ? noop$1 : _ref$setNewZapierApiK,
+    _ref$setNewlyCreatedA = _ref.setNewlyCreatedApiKey,
+    setNewlyCreatedApiKey = _ref$setNewlyCreatedA === void 0 ? noop$1 : _ref$setNewlyCreatedA,
     _ref$setIsDemoModalOp = _ref.setIsDemoModalOpen,
     setIsDemoModalOpen = _ref$setIsDemoModalOp === void 0 ? noop$1 : _ref$setIsDemoModalOp;
   var _useTranslation = useTranslation(),
@@ -4560,20 +4590,20 @@ var ZapierForm = function ZapierForm(_ref) {
   if (isLoading) return /*#__PURE__*/React__default.createElement(Spinner, null);
   return /*#__PURE__*/React__default.createElement("div", {
     className: "w-full max-w-xl space-y-10 p-10"
-  }, isNotEmpty(newZapierApiKey) && /*#__PURE__*/React__default.createElement(NewZapierApiKey, {
-    apiKey: newZapierApiKey
+  }, isNotEmpty(newlyCreatedApiKey) && /*#__PURE__*/React__default.createElement(NewApiKeyCallout, {
+    apiKey: newlyCreatedApiKey
   }), /*#__PURE__*/React__default.createElement(Typography, {
     style: "h2"
-  }, t("zapier.apiKeys")), isEmpty(zapierApiKeys) && /*#__PURE__*/React__default.createElement(Typography, {
+  }, t("zapier.apiKeys")), isEmpty(apiKeys) && /*#__PURE__*/React__default.createElement(Typography, {
     style: "h4"
   }, t("zapier.emptyText")), /*#__PURE__*/React__default.createElement(GenerateKey, {
     handleSubmit: handleGenerateApiKey,
     isLoading: isGenerating
   }), /*#__PURE__*/React__default.createElement(ApiKeysList, {
-    apiKeys: zapierApiKeys,
+    apiKeys: apiKeys,
     deleteApiKey: deleteApiKey,
     isDeleting: isDeleting,
-    setNewZapierApiKey: setNewZapierApiKey
+    setNewlyCreatedApiKey: setNewlyCreatedApiKey
   }), isNotEmpty(videoUrl) && /*#__PURE__*/React__default.createElement(Button, {
     className: "mb-6",
     label: t("zapier.walkthroughText"),
@@ -4609,5 +4639,5 @@ function n(n, r) {
 var css = ".intrinsic-container{height:0;overflow:hidden;position:relative}.intrinsic-container-16x9{padding-bottom:56.25%}.intrinsic-container-4x3{padding-bottom:75%}.intrinsic-container iframe{height:100%;left:0;position:absolute;top:0;width:100%}";
 n(css,{});
 
-export { Card, Connect, Demo, Finish, Modal, WalkthroughModal, ZapierForm };
+export { Card, Connect, Demo, DisconnectAlert, Finish, Modal, WalkthroughModal, ZapierForm };
 //# sourceMappingURL=index.js.map