@bigbinary/neeto-slack-frontend 2.0.1 → 2.1.0

package/dist/index.cjs.js

@@ -9,7 +9,6 @@ var neetoui = require('@bigbinary/neetoui');
 var yup = require('yup');
 var formik = require('@bigbinary/neetoui/formik');
 var ramda = require('ramda');
-var neetoIcons = require('@bigbinary/neeto-icons');
 var misc = require('@bigbinary/neeto-icons/misc');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -3633,21 +3632,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: {
@@ -3659,13 +3656,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}})."
@@ -3766,6 +3760,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();
+  neetoui.Toastr.success(t$2("slack.channelListRefreshToastr"));
+};
 
 function _extends$1() {
   _extends$1 = Object.assign ? Object.assign.bind() : function (target) {
@@ -3785,20 +3783,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["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"]("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["default"].memo(SlackRefreshChannelListButton);
@@ -3852,24 +3848,22 @@ var EditPane = function EditPane(_ref) {
       style: "body2",
       weight: "bold"
     }, t("slack.configure.sendToDescription"))), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "relative flex"
+      className: "relative flex flex-col items-start gap-y-3"
     }, /*#__PURE__*/React__default["default"].createElement(formik.Select, {
       isSearchable: true,
-      className: "pr-1",
+      className: "w-full",
       name: "selectedChannel",
       options: formikProps.values.channels,
       placeholder: t("slack.placeholder"),
       size: "large"
     }), /*#__PURE__*/React__default["default"].createElement(SlackRefreshChannelListButton$1, {
       channelRefreshHandler: channelRefreshHandler
-    }))), ramda.is(Function, children) ? children(_objectSpread({}, formikProps)) : children), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, null, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "neeto-ui-mt-4"
-    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    }))), ramda.is(Function, children) ? children(_objectSpread({}, formikProps)) : children), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
       disabled: isSubmitting || formikProps.isSubmitting,
       label: t("common.save"),
       loading: isSubmitting || formikProps.isSubmitting,
       type: "submit"
-    }))));
+    })));
   }));
 };
 
@@ -3954,9 +3948,10 @@ var Configure = function Configure(_ref) {
       style: "body2",
       weight: "normal"
     }, ramda.isEmpty(channelSelectLabel) ? t("slack.configure.sendToDescription") : channelSelectLabel), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "relative flex"
+      className: "relative flex flex-col items-start gap-y-3"
     }, /*#__PURE__*/React__default["default"].createElement(formik.Select, {
       isSearchable: true,
+      className: "w-full",
       name: "selectedChannel",
       options: formikProps.values.channels,
       placeholder: t("slack.placeholder"),
@@ -4061,7 +4056,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["default"].createElement(neetoui.Button, _extends$1({
     className: "neeto-ui-my-1",
-    label: t("slack.steps.finish"),
+    label: t("common.done"),
     onClick: onSuccess
   }, buttonProps)), pure.isNotEmpty(secondaryButtonProps) && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends$1({
     className: "neeto-ui-my-1 neeto-ui-ml-2",