@bigbinary/neeto-slack-frontend 2.0.1 → 2.1.0

package/dist/index.js

@@ -2,11 +2,10 @@ import * as React from 'react';
 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 { Typography, Button, Pane, Label } from '@bigbinary/neetoui';
+import { Typography, Toastr, Button, Pane, Label } from '@bigbinary/neetoui';
 import * as yup from 'yup';
 import { Form, Select } from '@bigbinary/neetoui/formik';
 import { isEmpty, is } from 'ramda';
-import { Refresh } from '@bigbinary/neeto-icons';
 import { Slack } from '@bigbinary/neeto-icons/misc';
 
 function _typeof$2(obj) {
@@ -3605,21 +3604,19 @@ function useTranslation(ns) {
 }
 
 var common = {
-	saveChanges: "Save changes",
-	cancel: "Cancel",
 	"continue": "Continue",
 	save: "Save",
 	edit: "Edit",
-	"delete": "Delete",
+	done: "Done",
 	required: "{{entity}} is required"
 };
 var slack = {
 	placeholder: "Notification Channel",
 	channelName: "Channel Name",
 	editPane: "Edit slack integration",
+	channelListRefreshToastr: "Slack channels list is updated",
+	channelListRefreshButton: "Refresh channels list",
 	steps: {
-		connect: "Connect",
-		configure: "Configure",
 		finish: "Finish"
 	},
 	connect: {
@@ -3631,13 +3628,10 @@ var slack = {
 		title: "You are connecting to <br/><strong>{{teamName}}</strong> workspace <br/>({{slackUrl}}).",
 		sendTo: "Send to",
 		sendToDescription: "Choose a Slack channel to send the notifications",
-		updateType: "Update type",
 		refreshSlackChannelList: "Refresh Slack channel list"
 	},
 	finish: {
-		title: "Slack successfully connected to <br/><strong>{{teamName}}</strong> workspace.",
-		account: "Account",
-		channel: "Channel"
+		title: "You are successfully connected to the <strong>{{teamName}}</strong> workspace."
 	},
 	settings: {
 		title: "You are connected to <br/><strong>{{teamName}}</strong> workspace <br/>({{slackUrl}})."
@@ -3738,6 +3732,10 @@ var buildValidationSchema = function buildValidationSchema(customValidationSchem
 var toSlackUrl = function toSlackUrl(teamName) {
   return "".concat(teamName === null || teamName === void 0 ? void 0 : teamName.replace(/\s/g, "").toLowerCase(), ".slack.com");
 };
+var slackChannelRefresh = function slackChannelRefresh(channelRefreshHandler) {
+  channelRefreshHandler();
+  Toastr.success(t$2("slack.channelListRefreshToastr"));
+};
 
 function _extends$1() {
   _extends$1 = Object.assign ? Object.assign.bind() : function (target) {
@@ -3757,20 +3755,18 @@ function _extends$1() {
 var SlackRefreshChannelListButton = function SlackRefreshChannelListButton(_ref) {
   var channelRefreshHandler = _ref.channelRefreshHandler,
     _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className;
+    className = _ref$className === void 0 ? "pl-1" : _ref$className;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   return /*#__PURE__*/React__default.createElement("div", {
     className: "relative top-0 flex justify-center"
   }, /*#__PURE__*/React__default.createElement(Button, {
-    icon: Refresh,
-    style: "secondary",
-    className: classNames("neeto-ui-border-gray-400 neeto-ui-bg-white border border-solid", className),
-    tooltipProps: {
-      content: t("slack.configure.refreshSlackChannelList"),
-      position: "top"
-    },
-    onClick: channelRefreshHandler
+    className: className,
+    label: t("slack.channelListRefreshButton"),
+    style: "link",
+    onClick: function onClick() {
+      return slackChannelRefresh(channelRefreshHandler);
+    }
   }));
 };
 var SlackRefreshChannelListButton$1 = /*#__PURE__*/React__default.memo(SlackRefreshChannelListButton);
@@ -3824,24 +3820,22 @@ var EditPane = function EditPane(_ref) {
       style: "body2",
       weight: "bold"
     }, t("slack.configure.sendToDescription"))), /*#__PURE__*/React__default.createElement("div", {
-      className: "relative flex"
+      className: "relative flex flex-col items-start gap-y-3"
     }, /*#__PURE__*/React__default.createElement(Select, {
       isSearchable: true,
-      className: "pr-1",
+      className: "w-full",
       name: "selectedChannel",
       options: formikProps.values.channels,
       placeholder: t("slack.placeholder"),
       size: "large"
     }), /*#__PURE__*/React__default.createElement(SlackRefreshChannelListButton$1, {
       channelRefreshHandler: channelRefreshHandler
-    }))), is(Function, children) ? children(_objectSpread({}, formikProps)) : children), /*#__PURE__*/React__default.createElement(Pane.Footer, null, /*#__PURE__*/React__default.createElement("div", {
-      className: "neeto-ui-mt-4"
-    }, /*#__PURE__*/React__default.createElement(Button, {
+    }))), is(Function, children) ? children(_objectSpread({}, formikProps)) : children), /*#__PURE__*/React__default.createElement(Pane.Footer, null, /*#__PURE__*/React__default.createElement(Button, {
       disabled: isSubmitting || formikProps.isSubmitting,
       label: t("common.save"),
       loading: isSubmitting || formikProps.isSubmitting,
       type: "submit"
-    }))));
+    })));
   }));
 };
 
@@ -3926,9 +3920,10 @@ var Configure = function Configure(_ref) {
       style: "body2",
       weight: "normal"
     }, isEmpty(channelSelectLabel) ? t("slack.configure.sendToDescription") : channelSelectLabel), /*#__PURE__*/React__default.createElement("div", {
-      className: "relative flex"
+      className: "relative flex flex-col items-start gap-y-3"
     }, /*#__PURE__*/React__default.createElement(Select, {
       isSearchable: true,
+      className: "w-full",
       name: "selectedChannel",
       options: formikProps.values.channels,
       placeholder: t("slack.placeholder"),
@@ -4033,7 +4028,7 @@ var Finish = function Finish(_ref) {
     className: "neeto-ui-flex neeto-ui-w-full neeto-ui-flex-row neeto-ui-mt-6"
   }, /*#__PURE__*/React__default.createElement(Button, _extends$1({
     className: "neeto-ui-my-1",
-    label: t("slack.steps.finish"),
+    label: t("common.done"),
     onClick: onSuccess
   }, buttonProps)), isNotEmpty(secondaryButtonProps) && /*#__PURE__*/React__default.createElement(Button, _extends$1({
     className: "neeto-ui-my-1 neeto-ui-ml-2",