@bigbinary/neeto-slack-frontend 2.0.2 → 2.1.1

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: {
@@ -3630,14 +3627,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}})."
@@ -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,9 +3820,10 @@ var EditPane = function EditPane(_ref) {
       style: "body2",
       weight: "bold"
     }, t("slack.configure.sendToDescription"))), /*#__PURE__*/React__default.createElement("div", {
-      className: "relative flex gap-x-3"
+      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"),
@@ -3885,6 +3882,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,
@@ -3905,7 +3904,7 @@ var Configure = function Configure(_ref) {
     i18nKey: "slack.configure.title",
     values: {
       teamName: teamName,
-      slackUrl: toSlackUrl(teamName)
+      slackUrl: isEmpty(slackUrl) ? toSlackUrl(teamName) : slackUrl
     }
   }))), /*#__PURE__*/React__default.createElement(Form, {
     className: "neeto-ui-w-full",
@@ -3923,9 +3922,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 gap-x-3"
+      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"),
@@ -4030,7 +4030,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",