@bigbinary/neeto-slack-frontend 2.0.2 → 2.1.1

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: {
@@ -3658,14 +3655,11 @@ var slack = {
 	configure: {
 		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",
+		sendToDescription: "Choose a Slack channel that will receive notifications",
 		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,9 +3848,10 @@ var EditPane = function EditPane(_ref) {
       style: "body2",
       weight: "bold"
     }, t("slack.configure.sendToDescription"))), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "relative flex gap-x-3"
+      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"),
@@ -3913,6 +3910,8 @@ Settings.EditPane = EditPane;
 var Configure = function Configure(_ref) {
   var children = _ref.children,
     teamName = _ref.teamName,
+    _ref$slackUrl = _ref.slackUrl,
+    slackUrl = _ref$slackUrl === void 0 ? "" : _ref$slackUrl,
     initialFormValues = _ref.initialFormValues,
     handleSubmit = _ref.handleSubmit,
     isSubmitting = _ref.isSubmitting,
@@ -3933,7 +3932,7 @@ var Configure = function Configure(_ref) {
     i18nKey: "slack.configure.title",
     values: {
       teamName: teamName,
-      slackUrl: toSlackUrl(teamName)
+      slackUrl: ramda.isEmpty(slackUrl) ? toSlackUrl(teamName) : slackUrl
     }
   }))), /*#__PURE__*/React__default["default"].createElement(formik.Form, {
     className: "neeto-ui-w-full",
@@ -3951,9 +3950,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 gap-x-3"
+      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"),
@@ -4058,7 +4058,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",