@bigbinary/neeto-integrations-frontend 1.3.0 → 1.5.0

package/README.md

@@ -20,6 +20,7 @@ Available components:
 - [Connect](./docs/connect/README.md)
 - [Finish](./docs/finish/README.md)
 - [Demo](./docs/demo/README.md)
+- [DisconnectAlert](./docs/DisconnectAlert/README.md)
 
 View the [example app](./example/src/App.jsx) to see usage.
 

package/dist/index.cjs.js

@@ -3209,7 +3209,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);
@@ -3293,7 +3293,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];
@@ -3810,11 +3810,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["default"].createElement(neetoui.Tooltip, tooltipProps, children) : children;
 };
 
@@ -3930,6 +3930,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 ? pure.noop : _ref$onClose,
+    _ref$onDisconnect = _ref.onDisconnect,
+    onDisconnect = _ref$onDisconnect === void 0 ? pure.noop : _ref$onDisconnect,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/React__default["default"].createElement(neetoui.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;
@@ -4452,8 +4482,8 @@ var ApiKeysList = function ApiKeysList(_ref) {
     deleteApiKey = _ref$deleteApiKey === void 0 ? pure.noop : _ref$deleteApiKey,
     _ref$isDeleting = _ref.isDeleting,
     isDeleting = _ref$isDeleting === void 0 ? false : _ref$isDeleting,
-    _ref$setNewZapierApiK = _ref.setNewZapierApiKey,
-    setNewZapierApiKey = _ref$setNewZapierApiK === void 0 ? pure.noop : _ref$setNewZapierApiK;
+    _ref$setNewlyCreatedA = _ref.setNewlyCreatedApiKey,
+    setNewlyCreatedApiKey = _ref$setNewlyCreatedA === void 0 ? pure.noop : _ref$setNewlyCreatedA;
   var _useState = React.useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     apiKeyToDelete = _useState2[0],
@@ -4467,7 +4497,7 @@ var ApiKeysList = function ApiKeysList(_ref) {
     deleteApiKey(apiKeyToDelete === null || apiKeyToDelete === void 0 ? void 0 : apiKeyToDelete.id, {
       onSuccess: function onSuccess() {
         closeAlert();
-        setNewZapierApiKey("");
+        setNewlyCreatedApiKey("");
       }
     });
   };
@@ -4541,7 +4571,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;
@@ -4563,12 +4593,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,
@@ -4579,8 +4609,8 @@ var ZapierForm = function ZapierForm(_ref) {
     deleteApiKey = _ref$deleteApiKey === void 0 ? pure.noop : _ref$deleteApiKey,
     _ref$handleGenerateAp = _ref.handleGenerateApiKey,
     handleGenerateApiKey = _ref$handleGenerateAp === void 0 ? pure.noop : _ref$handleGenerateAp,
-    _ref$setNewZapierApiK = _ref.setNewZapierApiKey,
-    setNewZapierApiKey = _ref$setNewZapierApiK === void 0 ? pure.noop : _ref$setNewZapierApiK,
+    _ref$setNewlyCreatedA = _ref.setNewlyCreatedApiKey,
+    setNewlyCreatedApiKey = _ref$setNewlyCreatedA === void 0 ? pure.noop : _ref$setNewlyCreatedA,
     _ref$setIsDemoModalOp = _ref.setIsDemoModalOpen,
     setIsDemoModalOpen = _ref$setIsDemoModalOp === void 0 ? pure.noop : _ref$setIsDemoModalOp;
   var _useTranslation = useTranslation(),
@@ -4588,20 +4618,20 @@ var ZapierForm = function ZapierForm(_ref) {
   if (isLoading) return /*#__PURE__*/React__default["default"].createElement(neetoui.Spinner, null);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-full max-w-xl space-y-10 p-10"
-  }, pure.isNotEmpty(newZapierApiKey) && /*#__PURE__*/React__default["default"].createElement(NewZapierApiKey, {
-    apiKey: newZapierApiKey
+  }, pure.isNotEmpty(newlyCreatedApiKey) && /*#__PURE__*/React__default["default"].createElement(NewApiKeyCallout, {
+    apiKey: newlyCreatedApiKey
   }), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     style: "h2"
-  }, t("zapier.apiKeys")), ramda.isEmpty(zapierApiKeys) && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+  }, t("zapier.apiKeys")), ramda.isEmpty(apiKeys) && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     style: "h4"
   }, t("zapier.emptyText")), /*#__PURE__*/React__default["default"].createElement(GenerateKey, {
     handleSubmit: handleGenerateApiKey,
     isLoading: isGenerating
   }), /*#__PURE__*/React__default["default"].createElement(ApiKeysList, {
-    apiKeys: zapierApiKeys,
+    apiKeys: apiKeys,
     deleteApiKey: deleteApiKey,
     isDeleting: isDeleting,
-    setNewZapierApiKey: setNewZapierApiKey
+    setNewlyCreatedApiKey: setNewlyCreatedApiKey
   }), pure.isNotEmpty(videoUrl) && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
     className: "mb-6",
     label: t("zapier.walkthroughText"),
@@ -4640,6 +4670,7 @@ n(css,{});
 exports.Card = Card;
 exports.Connect = Connect;
 exports.Demo = Demo;
+exports.DisconnectAlert = DisconnectAlert;
 exports.Finish = Finish;
 exports.Modal = Modal;
 exports.WalkthroughModal = WalkthroughModal;