@bigbinary/neeto-slack-frontend 0.3.7 → 0.3.9

package/dist/index.cjs.js

@@ -7,6 +7,7 @@ var classNames = require('classnames');
 var neetoui = require('@bigbinary/neetoui');
 var formik = require('@bigbinary/neetoui/formik');
 var ramda = require('ramda');
+var neetoIcons = require('@bigbinary/neeto-icons');
 var yup = require('yup');
 var misc = require('@bigbinary/neeto-icons/misc');
 var pure = require('@bigbinary/neeto-commons-frontend/pure');
@@ -3215,7 +3216,8 @@ var slack = {
 	configure: {
 		sendTo: "Send to",
 		sendToDescription: "Choose a Slack channel or contact to send the notifications",
-		updateType: "Update type"
+		updateType: "Update type",
+		refreshSlackChannelList: "Refresh Slack Channel list"
 	},
 	finish: {
 		title: "Slack successfully connected",
@@ -3338,6 +3340,26 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+var SlackRefreshChannelListButton = function SlackRefreshChannelListButton(_ref) {
+  var channelRefreshHandler = _ref.channelRefreshHandler,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "relative top-0 flex justify-center"
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    icon: neetoIcons.Refresh,
+    style: "secondary",
+    className: classNames__default["default"]("border border-solid border-gray-400 bg-white", className),
+    tooltipProps: {
+      content: t("slack.configure.refreshSlackChannelList"),
+      position: "top"
+    },
+    onClick: channelRefreshHandler
+  }));
+};
+
 var CHANNEL_NAME_VALIDAITON_SCHEMA = {
   selectedChannel: yup__namespace.object().shape({
     label: yup__namespace.string(),
@@ -3365,7 +3387,8 @@ var Settings = function Settings(_ref) {
     handleSubmit = _ref.handleSubmit,
     isSubmitting = _ref.isSubmitting,
     className = _ref.className,
-    validationSchema = _ref.validationSchema;
+    validationSchema = _ref.validationSchema,
+    channelRefreshHandler = _ref.channelRefreshHandler;
   var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isEditable = _useState2[0],
@@ -3405,14 +3428,18 @@ var Settings = function Settings(_ref) {
       className: "neeto-ui-text-gray-700 neeto-ui-mb-3",
       style: "body2",
       weight: "normal"
-    }, t("slack.configure.sendToDescription")), /*#__PURE__*/React__default["default"].createElement(formik.Select, {
+    }, t("slack.configure.sendToDescription")), /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "relative flex"
+    }, /*#__PURE__*/React__default["default"].createElement(formik.Select, {
       isSearchable: true,
       isDisabled: ramda.not(isEditable),
       name: "selectedChannel",
       options: formikProps.values.channels,
       placeholder: t("slack.placeholder"),
       size: "large"
-    })), ramda.is(Function, children) ? children(_objectSpread(_objectSpread({}, formikProps), {}, {
+    }), /*#__PURE__*/React__default["default"].createElement(SlackRefreshChannelListButton, {
+      channelRefreshHandler: channelRefreshHandler
+    }))), ramda.is(Function, children) ? children(_objectSpread(_objectSpread({}, formikProps), {}, {
       isDisabled: ramda.not(isEditable)
     })) : children, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "neeto-ui-mt-4"
@@ -3440,7 +3467,8 @@ var Configure = function Configure(_ref) {
     handleSubmit = _ref.handleSubmit,
     isSubmitting = _ref.isSubmitting,
     className = _ref.className,
-    validationSchema = _ref.validationSchema;
+    validationSchema = _ref.validationSchema,
+    channelRefreshHandler = _ref.channelRefreshHandler;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -3471,13 +3499,17 @@ var Configure = function Configure(_ref) {
       className: "neeto-ui-text-gray-700 neeto-ui-mb-3",
       style: "body2",
       weight: "normal"
-    }, t("slack.configure.sendToDescription")), /*#__PURE__*/React__default["default"].createElement(formik.Select, {
+    }, t("slack.configure.sendToDescription")), /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "relative flex"
+    }, /*#__PURE__*/React__default["default"].createElement(formik.Select, {
       isSearchable: true,
       name: "selectedChannel",
       options: formikProps.values.channels,
       placeholder: t("slack.placeholder"),
       size: "large"
-    })), ramda.is(Function, children) ? children(formikProps) : children, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    }), /*#__PURE__*/React__default["default"].createElement(SlackRefreshChannelListButton, {
+      channelRefreshHandler: channelRefreshHandler
+    }))), ramda.is(Function, children) ? children(formikProps) : children, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
       label: t("common.continue"),
       loading: isSubmitting,
       type: "submit"
@@ -3486,7 +3518,8 @@ var Configure = function Configure(_ref) {
 };
 
 var Connect = function Connect(_ref) {
-  var handleRedirectToSlack = _ref.handleRedirectToSlack;
+  var handleRedirectToSlack = _ref.handleRedirectToSlack,
+    isAuthorizeUrlFetching = _ref.isAuthorizeUrlFetching;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -3503,6 +3536,7 @@ var Connect = function Connect(_ref) {
     weight: "normal"
   }, t("slack.connect.description")), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
     label: t("slack.connect.loginButton"),
+    loading: isAuthorizeUrlFetching,
     onClick: handleRedirectToSlack
   }));
 };