@bigbinary/neeto-slack-frontend 0.4.2 → 1.0.0

package/dist/index.js

@@ -3,11 +3,11 @@ import React__default, { useContext, useState, useRef, useEffect } from 'react';
 import classNames from 'classnames';
 import { Button, Typography, Label } from '@bigbinary/neetoui';
 import { Form, Select } from '@bigbinary/neetoui/formik';
-import { not, is } from 'ramda';
+import { not, is, isEmpty } from 'ramda';
 import { Refresh } from '@bigbinary/neeto-icons';
 import * as yup from 'yup';
 import { Slack } from '@bigbinary/neeto-icons/misc';
-import { isNotEmpty } from '@bigbinary/neeto-commons-frontend/pure';
+import { isNotEmpty, noop as noop$1 } from '@bigbinary/neeto-commons-frontend/pure';
 
 function _typeof$2(obj) {
   "@babel/helpers - typeof";
@@ -153,7 +153,7 @@ function _toArray(arr) {
   return _arrayWithHoles$2(arr) || _iterableToArray(arr) || _unsupportedIterableToArray$2(arr) || _nonIterableRest$2();
 }
 
-function ownKeys$4(object, enumerableOnly) {
+function ownKeys$5(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -166,17 +166,17 @@ function ownKeys$4(object, enumerableOnly) {
   }
   return keys;
 }
-function _objectSpread$4(target) {
+function _objectSpread$5(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     if (i % 2) {
-      ownKeys$4(Object(source), true).forEach(function (key) {
+      ownKeys$5(Object(source), true).forEach(function (key) {
         _defineProperty$2(target, key, source[key]);
       });
     } else if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$4(Object(source)).forEach(function (key) {
+      ownKeys$5(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -260,7 +260,7 @@ var Logger = function () {
   }, {
     key: "create",
     value: function create(moduleName) {
-      return new Logger(this.logger, _objectSpread$4(_objectSpread$4({}, {
+      return new Logger(this.logger, _objectSpread$5(_objectSpread$5({}, {
         prefix: "".concat(this.prefix, ":").concat(moduleName, ":")
       }), this.options));
     }
@@ -1892,7 +1892,7 @@ var Formatter = function () {
   }]);
   return Formatter;
 }();
-function ownKeys$5(object, enumerableOnly) {
+function ownKeys$5$1(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -1905,17 +1905,17 @@ function ownKeys$5(object, enumerableOnly) {
   }
   return keys;
 }
-function _objectSpread$5(target) {
+function _objectSpread$5$1(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     if (i % 2) {
-      ownKeys$5(Object(source), true).forEach(function (key) {
+      ownKeys$5$1(Object(source), true).forEach(function (key) {
         _defineProperty$2(target, key, source[key]);
       });
     } else if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$5(Object(source)).forEach(function (key) {
+      ownKeys$5$1(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -2132,7 +2132,7 @@ var Connector = function (_EventEmitter) {
       }
       if (key === undefined || key === null || key === '') return;
       if (this.backend && this.backend.create) {
-        this.backend.create(languages, namespace, key, fallbackValue, null, _objectSpread$5(_objectSpread$5({}, options), {}, {
+        this.backend.create(languages, namespace, key, fallbackValue, null, _objectSpread$5$1(_objectSpread$5$1({}, options), {}, {
           isUpdate: isUpdate
         }));
       }
@@ -2775,13 +2775,42 @@ instance.reloadResources;
 instance.use;
 instance.changeLanguage;
 instance.getFixedT;
-var t$1 = instance.t;
+var t$2 = instance.t;
 instance.exists;
 instance.setDefaultNamespace;
 instance.hasLoadedNamespace;
 instance.loadNamespaces;
 instance.loadLanguages;
 
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+
 function _typeof$1(obj) {
   "@babel/helpers - typeof";
 
@@ -2823,6 +2852,161 @@ function _defineProperty$1(obj, key, value) {
   return obj;
 }
 
+/**
+ * This file automatically generated from `pre-publish.js`.
+ * Do not manually edit.
+ */
+var voidElements = {
+  "area": true,
+  "base": true,
+  "br": true,
+  "col": true,
+  "embed": true,
+  "hr": true,
+  "img": true,
+  "input": true,
+  "link": true,
+  "meta": true,
+  "param": true,
+  "source": true,
+  "track": true,
+  "wbr": true
+};
+
+var t$1 = /\s([^'"/\s><]+?)[\s/>]|([^\s=]+)=\s?(".*?"|'.*?')/g;
+function n$1(n) {
+  var r = {
+      type: "tag",
+      name: "",
+      voidElement: !1,
+      attrs: {},
+      children: []
+    },
+    i = n.match(/<\/?([^\s]+?)[/\s>]/);
+  if (i && (r.name = i[1], (voidElements[i[1]] || "/" === n.charAt(n.length - 2)) && (r.voidElement = !0), r.name.startsWith("!--"))) {
+    var s = n.indexOf("--\x3e");
+    return {
+      type: "comment",
+      comment: -1 !== s ? n.slice(4, s) : ""
+    };
+  }
+  for (var a = new RegExp(t$1), c = null; null !== (c = a.exec(n));) if (c[0].trim()) if (c[1]) {
+    var o = c[1].trim(),
+      l = [o, ""];
+    o.indexOf("=") > -1 && (l = o.split("=")), r.attrs[l[0]] = l[1], a.lastIndex--;
+  } else c[2] && (r.attrs[c[2]] = c[3].trim().substring(1, c[3].length - 1));
+  return r;
+}
+var r = /<[a-zA-Z0-9\-\!\/](?:"[^"]*"|'[^']*'|[^'">])*>/g,
+  i = /^\s*$/,
+  s = Object.create(null);
+function a(e, t) {
+  switch (t.type) {
+    case "text":
+      return e + t.content;
+    case "tag":
+      return e += "<" + t.name + (t.attrs ? function (e) {
+        var t = [];
+        for (var n in e) t.push(n + '="' + e[n] + '"');
+        return t.length ? " " + t.join(" ") : "";
+      }(t.attrs) : "") + (t.voidElement ? "/>" : ">"), t.voidElement ? e : e + t.children.reduce(a, "") + "</" + t.name + ">";
+    case "comment":
+      return e + "\x3c!--" + t.comment + "--\x3e";
+  }
+}
+var c = {
+  parse: function parse(e, t) {
+    t || (t = {}), t.components || (t.components = s);
+    var a,
+      c = [],
+      o = [],
+      l = -1,
+      m = !1;
+    if (0 !== e.indexOf("<")) {
+      var u = e.indexOf("<");
+      c.push({
+        type: "text",
+        content: -1 === u ? e : e.substring(0, u)
+      });
+    }
+    return e.replace(r, function (r, s) {
+      if (m) {
+        if (r !== "</" + a.name + ">") return;
+        m = !1;
+      }
+      var u,
+        f = "/" !== r.charAt(1),
+        h = r.startsWith("\x3c!--"),
+        p = s + r.length,
+        d = e.charAt(p);
+      if (h) {
+        var v = n$1(r);
+        return l < 0 ? (c.push(v), c) : ((u = o[l]).children.push(v), c);
+      }
+      if (f && (l++, "tag" === (a = n$1(r)).type && t.components[a.name] && (a.type = "component", m = !0), a.voidElement || m || !d || "<" === d || a.children.push({
+        type: "text",
+        content: e.slice(p, e.indexOf("<", p))
+      }), 0 === l && c.push(a), (u = o[l - 1]) && u.children.push(a), o[l] = a), (!f || a.voidElement) && (l > -1 && (a.voidElement || a.name === r.slice(2, -1)) && (l--, a = -1 === l ? c : o[l]), !m && "<" !== d && d)) {
+        u = -1 === l ? c : o[l].children;
+        var x = e.indexOf("<", p),
+          g = e.slice(p, -1 === x ? void 0 : x);
+        i.test(g) && (g = " "), (x > -1 && l + u.length >= 0 || " " !== g) && u.push({
+          type: "text",
+          content: g
+        });
+      }
+    }), c;
+  },
+  stringify: function stringify(e) {
+    return e.reduce(function (e, t) {
+      return e + a("", t);
+    }, "");
+  }
+};
+
+/**
+ * Copyright (C) 2017-present by Andrea Giammarchi - @WebReflection
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+
+var replace = ''.replace;
+var es = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34);/g;
+var unes = {
+  '&amp;': '&',
+  '&#38;': '&',
+  '&lt;': '<',
+  '&#60;': '<',
+  '&gt;': '>',
+  '&#62;': '>',
+  '&apos;': "'",
+  '&#39;': "'",
+  '&quot;': '"',
+  '&#34;': '"'
+};
+function unescape(un) {
+  return replace.call(un, es, cape);
+}
+function cape(m) {
+  return unes[m];
+}
+
 function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
     throw new TypeError("Cannot call a class as a function");
@@ -2847,7 +3031,7 @@ function _createClass(Constructor, protoProps, staticProps) {
   return Constructor;
 }
 
-function ownKeys$3(object, enumerableOnly) {
+function ownKeys$4(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -2860,17 +3044,17 @@ function ownKeys$3(object, enumerableOnly) {
   }
   return keys;
 }
-function _objectSpread$3(target) {
+function _objectSpread$4(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     if (i % 2) {
-      ownKeys$3(Object(source), true).forEach(function (key) {
+      ownKeys$4(Object(source), true).forEach(function (key) {
         _defineProperty$1(target, key, source[key]);
       });
     } else if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$3(Object(source)).forEach(function (key) {
+      ownKeys$4(Object(source)).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -2890,7 +3074,7 @@ var i18nInstance;
 var I18nContext = /*#__PURE__*/React__default.createContext();
 function setDefaults() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  defaultOptions = _objectSpread$3(_objectSpread$3({}, defaultOptions), options);
+  defaultOptions = _objectSpread$4(_objectSpread$4({}, defaultOptions), options);
 }
 function getDefaults() {
   return defaultOptions;
@@ -2997,6 +3181,263 @@ function hasLoadedNamespace(ns, i18n) {
   });
 }
 
+var _excluded = ["format"],
+  _excluded2 = ["children", "count", "parent", "i18nKey", "context", "tOptions", "values", "defaults", "components", "ns", "i18n", "t", "shouldUnescape"];
+function ownKeys$3(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    if (enumerableOnly) {
+      symbols = symbols.filter(function (sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      });
+    }
+    keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _objectSpread$3(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {};
+    if (i % 2) {
+      ownKeys$3(Object(source), true).forEach(function (key) {
+        _defineProperty$1(target, key, source[key]);
+      });
+    } else if (Object.getOwnPropertyDescriptors) {
+      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+      ownKeys$3(Object(source)).forEach(function (key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
+  }
+  return target;
+}
+function hasChildren(node, checkLength) {
+  if (!node) return false;
+  var base = node.props ? node.props.children : node.children;
+  if (checkLength) return base.length > 0;
+  return !!base;
+}
+function getChildren(node) {
+  if (!node) return [];
+  return node && node.children ? node.children : node.props && node.props.children;
+}
+function hasValidReactChildren(children) {
+  if (Object.prototype.toString.call(children) !== '[object Array]') return false;
+  return children.every(function (child) {
+    return /*#__PURE__*/React__default.isValidElement(child);
+  });
+}
+function getAsArray(data) {
+  return Array.isArray(data) ? data : [data];
+}
+function mergeProps(source, target) {
+  var newTarget = _objectSpread$3({}, target);
+  newTarget.props = Object.assign(source.props, target.props);
+  return newTarget;
+}
+function nodesToString(children, i18nOptions) {
+  if (!children) return '';
+  var stringNode = '';
+  var childrenArray = getAsArray(children);
+  var keepArray = i18nOptions.transSupportBasicHtmlNodes && i18nOptions.transKeepBasicHtmlNodesFor ? i18nOptions.transKeepBasicHtmlNodesFor : [];
+  childrenArray.forEach(function (child, childIndex) {
+    if (typeof child === 'string') {
+      stringNode += "".concat(child);
+    } else if ( /*#__PURE__*/React__default.isValidElement(child)) {
+      var childPropsCount = Object.keys(child.props).length;
+      var shouldKeepChild = keepArray.indexOf(child.type) > -1;
+      var childChildren = child.props.children;
+      if (!childChildren && shouldKeepChild && childPropsCount === 0) {
+        stringNode += "<".concat(child.type, "/>");
+      } else if (!childChildren && (!shouldKeepChild || childPropsCount !== 0)) {
+        stringNode += "<".concat(childIndex, "></").concat(childIndex, ">");
+      } else if (child.props.i18nIsDynamicList) {
+        stringNode += "<".concat(childIndex, "></").concat(childIndex, ">");
+      } else if (shouldKeepChild && childPropsCount === 1 && typeof childChildren === 'string') {
+        stringNode += "<".concat(child.type, ">").concat(childChildren, "</").concat(child.type, ">");
+      } else {
+        var content = nodesToString(childChildren, i18nOptions);
+        stringNode += "<".concat(childIndex, ">").concat(content, "</").concat(childIndex, ">");
+      }
+    } else if (child === null) {
+      warn("Trans: the passed in value is invalid - seems you passed in a null child.");
+    } else if (_typeof$1(child) === 'object') {
+      var format = child.format,
+        clone = _objectWithoutProperties(child, _excluded);
+      var keys = Object.keys(clone);
+      if (keys.length === 1) {
+        var value = format ? "".concat(keys[0], ", ").concat(format) : keys[0];
+        stringNode += "{{".concat(value, "}}");
+      } else {
+        warn("react-i18next: the passed in object contained more than one variable - the object should look like {{ value, format }} where format is optional.", child);
+      }
+    } else {
+      warn("Trans: the passed in value is invalid - seems you passed in a variable like {number} - please pass in variables for interpolation as full objects like {{number}}.", child);
+    }
+  });
+  return stringNode;
+}
+function renderNodes(children, targetString, i18n, i18nOptions, combinedTOpts, shouldUnescape) {
+  if (targetString === '') return [];
+  var keepArray = i18nOptions.transKeepBasicHtmlNodesFor || [];
+  var emptyChildrenButNeedsHandling = targetString && new RegExp(keepArray.join('|')).test(targetString);
+  if (!children && !emptyChildrenButNeedsHandling) return [targetString];
+  var data = {};
+  function getData(childs) {
+    var childrenArray = getAsArray(childs);
+    childrenArray.forEach(function (child) {
+      if (typeof child === 'string') return;
+      if (hasChildren(child)) getData(getChildren(child));else if (_typeof$1(child) === 'object' && ! /*#__PURE__*/React__default.isValidElement(child)) Object.assign(data, child);
+    });
+  }
+  getData(children);
+  var ast = c.parse("<0>".concat(targetString, "</0>"));
+  var opts = _objectSpread$3(_objectSpread$3({}, data), combinedTOpts);
+  function renderInner(child, node, rootReactNode) {
+    var childs = getChildren(child);
+    var mappedChildren = mapAST(childs, node.children, rootReactNode);
+    return hasValidReactChildren(childs) && mappedChildren.length === 0 ? childs : mappedChildren;
+  }
+  function pushTranslatedJSX(child, inner, mem, i, isVoid) {
+    if (child.dummy) child.children = inner;
+    mem.push( /*#__PURE__*/React__default.cloneElement(child, _objectSpread$3(_objectSpread$3({}, child.props), {}, {
+      key: i
+    }), isVoid ? undefined : inner));
+  }
+  function mapAST(reactNode, astNode, rootReactNode) {
+    var reactNodes = getAsArray(reactNode);
+    var astNodes = getAsArray(astNode);
+    return astNodes.reduce(function (mem, node, i) {
+      var translationContent = node.children && node.children[0] && node.children[0].content && i18n.services.interpolator.interpolate(node.children[0].content, opts, i18n.language);
+      if (node.type === 'tag') {
+        var tmp = reactNodes[parseInt(node.name, 10)];
+        if (!tmp && rootReactNode.length === 1 && rootReactNode[0][node.name]) tmp = rootReactNode[0][node.name];
+        if (!tmp) tmp = {};
+        var child = Object.keys(node.attrs).length !== 0 ? mergeProps({
+          props: node.attrs
+        }, tmp) : tmp;
+        var isElement = /*#__PURE__*/React__default.isValidElement(child);
+        var isValidTranslationWithChildren = isElement && hasChildren(node, true) && !node.voidElement;
+        var isEmptyTransWithHTML = emptyChildrenButNeedsHandling && _typeof$1(child) === 'object' && child.dummy && !isElement;
+        var isKnownComponent = _typeof$1(children) === 'object' && children !== null && Object.hasOwnProperty.call(children, node.name);
+        if (typeof child === 'string') {
+          var value = i18n.services.interpolator.interpolate(child, opts, i18n.language);
+          mem.push(value);
+        } else if (hasChildren(child) || isValidTranslationWithChildren) {
+          var inner = renderInner(child, node, rootReactNode);
+          pushTranslatedJSX(child, inner, mem, i);
+        } else if (isEmptyTransWithHTML) {
+          var _inner = mapAST(reactNodes, node.children, rootReactNode);
+          mem.push( /*#__PURE__*/React__default.cloneElement(child, _objectSpread$3(_objectSpread$3({}, child.props), {}, {
+            key: i
+          }), _inner));
+        } else if (Number.isNaN(parseFloat(node.name))) {
+          if (isKnownComponent) {
+            var _inner2 = renderInner(child, node, rootReactNode);
+            pushTranslatedJSX(child, _inner2, mem, i, node.voidElement);
+          } else if (i18nOptions.transSupportBasicHtmlNodes && keepArray.indexOf(node.name) > -1) {
+            if (node.voidElement) {
+              mem.push( /*#__PURE__*/React__default.createElement(node.name, {
+                key: "".concat(node.name, "-").concat(i)
+              }));
+            } else {
+              var _inner3 = mapAST(reactNodes, node.children, rootReactNode);
+              mem.push( /*#__PURE__*/React__default.createElement(node.name, {
+                key: "".concat(node.name, "-").concat(i)
+              }, _inner3));
+            }
+          } else if (node.voidElement) {
+            mem.push("<".concat(node.name, " />"));
+          } else {
+            var _inner4 = mapAST(reactNodes, node.children, rootReactNode);
+            mem.push("<".concat(node.name, ">").concat(_inner4, "</").concat(node.name, ">"));
+          }
+        } else if (_typeof$1(child) === 'object' && !isElement) {
+          var content = node.children[0] ? translationContent : null;
+          if (content) mem.push(content);
+        } else if (node.children.length === 1 && translationContent) {
+          mem.push( /*#__PURE__*/React__default.cloneElement(child, _objectSpread$3(_objectSpread$3({}, child.props), {}, {
+            key: i
+          }), translationContent));
+        } else {
+          mem.push( /*#__PURE__*/React__default.cloneElement(child, _objectSpread$3(_objectSpread$3({}, child.props), {}, {
+            key: i
+          })));
+        }
+      } else if (node.type === 'text') {
+        var wrapTextNodes = i18nOptions.transWrapTextNodes;
+        var _content = shouldUnescape ? unescape(i18n.services.interpolator.interpolate(node.content, opts, i18n.language)) : i18n.services.interpolator.interpolate(node.content, opts, i18n.language);
+        if (wrapTextNodes) {
+          mem.push( /*#__PURE__*/React__default.createElement(wrapTextNodes, {
+            key: "".concat(node.name, "-").concat(i)
+          }, _content));
+        } else {
+          mem.push(_content);
+        }
+      }
+      return mem;
+    }, []);
+  }
+  var result = mapAST([{
+    dummy: true,
+    children: children || []
+  }], ast, getAsArray(children || []));
+  return getChildren(result[0]);
+}
+function Trans(_ref) {
+  var children = _ref.children,
+    count = _ref.count,
+    parent = _ref.parent,
+    i18nKey = _ref.i18nKey,
+    context = _ref.context,
+    _ref$tOptions = _ref.tOptions,
+    tOptions = _ref$tOptions === void 0 ? {} : _ref$tOptions,
+    values = _ref.values,
+    defaults = _ref.defaults,
+    components = _ref.components,
+    ns = _ref.ns,
+    i18nFromProps = _ref.i18n,
+    tFromProps = _ref.t,
+    shouldUnescape = _ref.shouldUnescape,
+    additionalProps = _objectWithoutProperties(_ref, _excluded2);
+  var _ref2 = useContext(I18nContext) || {},
+    i18nFromContext = _ref2.i18n,
+    defaultNSFromContext = _ref2.defaultNS;
+  var i18n = i18nFromProps || i18nFromContext || getI18n();
+  if (!i18n) {
+    warnOnce('You will need to pass in an i18next instance by using i18nextReactModule');
+    return children;
+  }
+  var t = tFromProps || i18n.t.bind(i18n) || function (k) {
+    return k;
+  };
+  if (context) tOptions.context = context;
+  var reactI18nextOptions = _objectSpread$3(_objectSpread$3({}, getDefaults()), i18n.options && i18n.options.react);
+  var namespaces = ns || t.ns || defaultNSFromContext || i18n.options && i18n.options.defaultNS;
+  namespaces = typeof namespaces === 'string' ? [namespaces] : namespaces || ['translation'];
+  var defaultValue = defaults || nodesToString(children, reactI18nextOptions) || reactI18nextOptions.transEmptyNodeValue || i18nKey;
+  var hashTransKey = reactI18nextOptions.hashTransKey;
+  var key = i18nKey || (hashTransKey ? hashTransKey(defaultValue) : defaultValue);
+  var interpolationOverride = values ? tOptions.interpolation : {
+    interpolation: _objectSpread$3(_objectSpread$3({}, tOptions.interpolation), {}, {
+      prefix: '#$?',
+      suffix: '?$#'
+    })
+  };
+  var combinedTOpts = _objectSpread$3(_objectSpread$3(_objectSpread$3(_objectSpread$3({}, tOptions), {}, {
+    count: count
+  }, values), interpolationOverride), {}, {
+    defaultValue: defaultValue,
+    ns: namespaces
+  });
+  var translation = key ? t(key, combinedTOpts) : defaultValue;
+  var content = renderNodes(components || children, translation, i18n, reactI18nextOptions, combinedTOpts, shouldUnescape);
+  var useAsParent = parent !== undefined ? parent : reactI18nextOptions.defaultTransParent;
+  return useAsParent ? /*#__PURE__*/React__default.createElement(useAsParent, additionalProps, content) : content;
+}
+
 function _arrayWithHoles$1(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -3186,13 +3627,14 @@ var slack = {
 		loginButton: "Login to Slack"
 	},
 	configure: {
+		title: "You are connecting to <br/><strong>{{teamName}}</strong> workspace <br/>({{slackUrl}}).",
 		sendTo: "Send to",
-		sendToDescription: "Choose a Slack channel or contact to send the notifications",
+		sendToDescription: "Choose a Slack channel to send the notifications",
 		updateType: "Update type",
 		refreshSlackChannelList: "Refresh Slack channel list"
 	},
 	finish: {
-		title: "Slack successfully connected",
+		title: "Slack successfully connected to <br/><strong>{{teamName}}</strong> workspace.",
 		account: "Account",
 		channel: "Channel"
 	}
@@ -3336,8 +3778,8 @@ var SlackRefreshChannelListButton$1 = /*#__PURE__*/React__default.memo(SlackRefr
 var CHANNEL_NAME_VALIDAITON_SCHEMA = {
   selectedChannel: yup.object().shape({
     label: yup.string(),
-    value: yup.string().required(t$1("common.required", {
-      entity: t$1("slack.channelName")
+    value: yup.string().required(t$2("common.required", {
+      entity: t$2("slack.channelName")
     }))
   }).required().nullable()
 };
@@ -3441,22 +3883,25 @@ var Configure = function Configure(_ref) {
     isSubmitting = _ref.isSubmitting,
     className = _ref.className,
     validationSchema = _ref.validationSchema,
-    channelRefreshHandler = _ref.channelRefreshHandler;
+    channelRefreshHandler = _ref.channelRefreshHandler,
+    _ref$channelSelectLab = _ref.channelSelectLabel,
+    channelSelectLabel = _ref$channelSelectLab === void 0 ? "" : _ref$channelSelectLab;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   return /*#__PURE__*/React__default.createElement("div", {
-    className: classNames("neeto-ui-w-full neeto-ui-space-y-6 mx-auto max-w-lg", className)
+    className: classNames("neeto-ui-w-full neeto-ui-space-y-6 mx-auto max-w-md", className)
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-ui-w-full neeto-ui-mb-3"
+    className: "neeto-ui-mb-6 neeto-ui-w-full"
   }, /*#__PURE__*/React__default.createElement(Typography, {
-    className: "neeto-ui-text-gray-800 neeto-ui-mb-0.5",
-    style: "h3",
-    weight: "semibold"
-  }, teamName), /*#__PURE__*/React__default.createElement(Typography, {
-    className: "neeto-ui-text-gray-600",
-    style: "body1",
-    weight: "normal"
-  }, toSlackUrl(teamName))), /*#__PURE__*/React__default.createElement(Form, {
+    style: "h3"
+  }, /*#__PURE__*/React__default.createElement(Trans, {
+    i18nKey: "slack.configure.title",
+    values: {
+      teamName: teamName,
+      slackUrl: toSlackUrl(teamName)
+    }
+  }))), /*#__PURE__*/React__default.createElement(Form, {
+    className: "neeto-ui-w-full",
     formikProps: {
       enableReinitialize: true,
       initialValues: initialFormValues,
@@ -3466,13 +3911,11 @@ var Configure = function Configure(_ref) {
   }, function (formikProps) {
     return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
       className: "neeto-ui-mb-4 neeto-ui-w-full"
-    }, /*#__PURE__*/React__default.createElement(Label, {
-      className: "neeto-ui-text-gray-800 neeto-ui-mb-0.5 neeto-ui-text-base neeto-ui-font-semibold"
-    }, t("slack.configure.sendTo")), /*#__PURE__*/React__default.createElement(Typography, {
+    }, /*#__PURE__*/React__default.createElement(Typography, {
       className: "neeto-ui-text-gray-700 neeto-ui-mb-3",
       style: "body2",
       weight: "normal"
-    }, t("slack.configure.sendToDescription")), /*#__PURE__*/React__default.createElement("div", {
+    }, isEmpty(channelSelectLabel) ? t("slack.configure.sendToDescription") : channelSelectLabel), /*#__PURE__*/React__default.createElement("div", {
       className: "relative flex"
     }, /*#__PURE__*/React__default.createElement(Select, {
       isSearchable: true,
@@ -3575,10 +4018,14 @@ var Field = function Field(_ref) {
 
 var Finish = function Finish(_ref) {
   var children = _ref.children,
-    teamName = _ref.teamName,
-    selectedChannel = _ref.selectedChannel,
-    _ref$otherFields = _ref.otherFields,
-    otherFields = _ref$otherFields === void 0 ? [] : _ref$otherFields,
+    _ref$teamName = _ref.teamName,
+    teamName = _ref$teamName === void 0 ? "" : _ref$teamName,
+    _ref$fields = _ref.fields,
+    fields = _ref$fields === void 0 ? [] : _ref$fields,
+    _ref$onSuccess = _ref.onSuccess,
+    onSuccess = _ref$onSuccess === void 0 ? noop$1 : _ref$onSuccess,
+    _ref$onBack = _ref.onBack,
+    onBack = _ref$onBack === void 0 ? noop$1 : _ref$onBack,
     _ref$buttonProps = _ref.buttonProps,
     buttonProps = _ref$buttonProps === void 0 ? {} : _ref$buttonProps,
     _ref$secondaryButtonP = _ref.secondaryButtonProps,
@@ -3591,29 +4038,31 @@ var Finish = function Finish(_ref) {
     className: "neeto-ui-text-gray-800 neeto-ui-mb-6 neeto-ui-mt-4",
     style: "h3",
     weight: "bold"
-  }, t("slack.finish.title")), /*#__PURE__*/React__default.createElement(Field, {
-    name: t("slack.finish.account"),
-    value: toSlackUrl(teamName)
-  }), /*#__PURE__*/React__default.createElement(Field, {
-    className: "neeto-ui-pt-3 neeto-ui-border-gray-300 border-t",
-    name: t("slack.finish.channel"),
-    value: selectedChannel
-  }), isNotEmpty(otherFields) && otherFields.map(function (field) {
+  }, /*#__PURE__*/React__default.createElement(Trans, {
+    i18nKey: "slack.finish.title",
+    values: {
+      teamName: teamName
+    }
+  })), isNotEmpty(fields) && fields.map(function (field, index) {
     return /*#__PURE__*/React__default.createElement(Field, {
-      className: "neeto-ui-pt-3 neeto-ui-border-gray-300 border-t",
       key: field.name,
       name: field.name,
-      value: field.value
+      value: field.value,
+      className: classNames("neeto-ui-pt-3 neeto-ui-border-gray-300", {
+        "border-t": index !== 0
+      })
     });
   }), children, /*#__PURE__*/React__default.createElement("div", {
     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("slack.steps.finish"),
+    onClick: onSuccess
   }, buttonProps)), isNotEmpty(secondaryButtonProps) && /*#__PURE__*/React__default.createElement(Button, _extends$1({
     className: "neeto-ui-my-1 neeto-ui-ml-2",
     label: t("common.edit"),
-    style: "secondary"
+    style: "secondary",
+    onClick: onBack
   }, secondaryButtonProps))));
 };