@bigbinary/neeto-slack-frontend 2.2.5 → 2.2.7

package/README.md

@@ -49,6 +49,10 @@ Install all the dependencies by executing the following command
 yarn install
 ```
 
+### Instructions for development
+
+Check the [Frontend package development guide](https://neeto-engineering.neetokb.com/p/a-d34cb4b0) for step-by-step instructions to develop the frontend package.
+
 #### Using host application
 
 1. Clone this repository.

package/dist/index.cjs.js

@@ -4,14 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var classNames = require('classnames');
-var neetocist = require('neetocist');
+var neetoCist = require('@bigbinary/neeto-cist');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var neetoui = require('@bigbinary/neetoui');
+var ramda = require('ramda');
 var reactI18next = require('react-i18next');
 var i18next = require('i18next');
 var yup = require('yup');
 var formik = require('@bigbinary/neetoui/formik');
-var ramda = require('ramda');
 var misc = require('@bigbinary/neeto-icons/misc');
 var reactQuery = require('react-query');
 var axios = require('axios');
@@ -60,14 +60,14 @@ var Field = function Field(_ref) {
   }, value));
 };
 
-function _typeof(obj) {
+function _typeof(o) {
   "@babel/helpers - typeof";
 
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    return typeof obj;
-  } : function (obj) {
-    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof(obj);
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
 }
 
 function _toPrimitive(input, hint) {
@@ -103,15 +103,15 @@ function _defineProperty(obj, key, value) {
 
 var CHANNEL_NAME_VALIDAITON_SCHEMA = {
   selectedChannel: yup__namespace.object().shape({
-    label: yup__namespace.string(),
+    label: yup__namespace.mixed().nullable(),
     value: yup__namespace.string().required(i18next.t("neetoSlack.common.required", {
       entity: i18next.t("neetoSlack.slack.channelName")
     }))
   }).required().nullable()
 };
 
-function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var buildValidationSchema = function buildValidationSchema(customValidationSchema) {
   return yup__namespace.object().shape(_objectSpread$2(_objectSpread$2({}, customValidationSchema), CHANNEL_NAME_VALIDAITON_SCHEMA));
 };
@@ -138,6 +138,17 @@ function _extends$1() {
   return _extends$1.apply(this, arguments);
 }
 
+var ChannelSelectOption = function ChannelSelectOption(_ref) {
+  var label = _ref.label,
+    isPrivate = _ref.isPrivate;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "flex items-center justify-between"
+  }, /*#__PURE__*/React__default["default"].createElement("span", null, label), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    className: "neeto-ui-text-gray-500 italic",
+    style: "body3"
+  }, isPrivate ? "private" : ""));
+};
+
 var SlackRefreshChannelListButton = reactUtils.withT(function (_ref) {
   var t = _ref.t,
     channelRefreshHandler = _ref.channelRefreshHandler,
@@ -156,37 +167,26 @@ var SlackRefreshChannelListButton = reactUtils.withT(function (_ref) {
 });
 var SlackRefreshChannelListButton$1 = /*#__PURE__*/React__default["default"].memo(SlackRefreshChannelListButton);
 
-var ChannelSelectOption = function ChannelSelectOption(_ref) {
-  var label = _ref.label,
-    isPrivate = _ref.isPrivate;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex items-center justify-between"
-  }, /*#__PURE__*/React__default["default"].createElement("span", null, label), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    className: "neeto-ui-text-gray-500 italic",
-    style: "body3"
-  }, isPrivate ? "private" : ""));
-};
-
-function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var EditPane = function EditPane(_ref) {
   var _ref$isPaneOpen = _ref.isPaneOpen,
     isPaneOpen = _ref$isPaneOpen === void 0 ? false : _ref$isPaneOpen,
     _ref$onClose = _ref.onClose,
-    onClose = _ref$onClose === void 0 ? neetocist.noop : _ref$onClose,
+    onClose = _ref$onClose === void 0 ? neetoCist.noop : _ref$onClose,
     _ref$title = _ref.title,
     title = _ref$title === void 0 ? "" : _ref$title,
     children = _ref.children,
     _ref$initialFormValue = _ref.initialFormValues,
     initialFormValues = _ref$initialFormValue === void 0 ? {} : _ref$initialFormValue,
     _ref$handleSubmit = _ref.handleSubmit,
-    handleSubmit = _ref$handleSubmit === void 0 ? neetocist.noop : _ref$handleSubmit,
+    handleSubmit = _ref$handleSubmit === void 0 ? neetoCist.noop : _ref$handleSubmit,
     _ref$isSubmitting = _ref.isSubmitting,
     isSubmitting = _ref$isSubmitting === void 0 ? false : _ref$isSubmitting,
     _ref$validationSchema = _ref.validationSchema,
     validationSchema = _ref$validationSchema === void 0 ? {} : _ref$validationSchema,
     _ref$channelRefreshHa = _ref.channelRefreshHandler,
-    channelRefreshHandler = _ref$channelRefreshHa === void 0 ? neetocist.noop : _ref$channelRefreshHa,
+    channelRefreshHandler = _ref$channelRefreshHa === void 0 ? neetoCist.noop : _ref$channelRefreshHa,
     _ref$paneProps = _ref.paneProps,
     paneProps = _ref$paneProps === void 0 ? {} : _ref$paneProps;
   var _useTranslation = reactI18next.useTranslation(),
@@ -221,20 +221,20 @@ var EditPane = function EditPane(_ref) {
       isSearchable: true,
       className: "w-full",
       name: "selectedChannel",
+      placeholder: t("neetoSlack.slack.placeholder"),
+      size: "large",
       options: formikProps.values.channels.map(function (_ref2) {
         var label = _ref2.label,
           value = _ref2.value,
           isPrivate = _ref2.isPrivate;
         return {
           label: /*#__PURE__*/React__default["default"].createElement(ChannelSelectOption, {
-            label: label,
-            isPrivate: isPrivate
+            isPrivate: isPrivate,
+            label: label
           }),
           value: value
         };
-      }),
-      placeholder: t("neetoSlack.slack.placeholder"),
-      size: "large"
+      })
     }), /*#__PURE__*/React__default["default"].createElement(SlackRefreshChannelListButton$1, {
       channelRefreshHandler: channelRefreshHandler
     }))), ramda.is(Function, children) ? children(_objectSpread$1({}, formikProps)) : children), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
@@ -251,11 +251,13 @@ var Settings = reactUtils.withT(function (_ref) {
     children = _ref.children,
     _ref$teamName = _ref.teamName,
     teamName = _ref$teamName === void 0 ? "" : _ref$teamName,
+    _ref$slackUrl = _ref.slackUrl,
+    slackUrl = _ref$slackUrl === void 0 ? "" : _ref$slackUrl,
     _ref$fields = _ref.fields,
     fields = _ref$fields === void 0 ? [] : _ref$fields,
     className = _ref.className,
     _ref$onEdit = _ref.onEdit,
-    onEdit = _ref$onEdit === void 0 ? neetocist.noop : _ref$onEdit;
+    onEdit = _ref$onEdit === void 0 ? neetoCist.noop : _ref$onEdit;
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: classNames__default["default"]("neeto-ui-w-full neeto-ui-space-y-6", className)
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -270,7 +272,7 @@ var Settings = reactUtils.withT(function (_ref) {
     components: {
       a: /*#__PURE__*/React__default["default"].createElement("a", {
         className: "neeto-ui-text-primary-800",
-        href: toSlackUrl(teamName)
+        href: ramda.isEmpty(slackUrl) ? toSlackUrl(teamName) : slackUrl
       })
     }
   }))), fields.map(function (field, index) {
@@ -342,20 +344,20 @@ var Configure = reactUtils.withT(function (_ref) {
       isSearchable: true,
       className: "w-full",
       name: "selectedChannel",
+      placeholder: t("neetoSlack.slack.placeholder"),
+      size: "large",
       options: formikProps.values.channels.map(function (_ref2) {
         var label = _ref2.label,
           value = _ref2.value,
           isPrivate = _ref2.isPrivate;
         return {
           label: /*#__PURE__*/React__default["default"].createElement(ChannelSelectOption, {
-            label: label,
-            isPrivate: isPrivate
+            isPrivate: isPrivate,
+            label: label
           }),
           value: value
         };
-      }),
-      placeholder: t("neetoSlack.slack.placeholder"),
-      size: "large"
+      })
     }), /*#__PURE__*/React__default["default"].createElement(SlackRefreshChannelListButton$1, {
       channelRefreshHandler: channelRefreshHandler
     }))), ramda.is(Function, children) ? children(formikProps) : children, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
@@ -423,9 +425,9 @@ var Finish = reactUtils.withT(function (_ref) {
     _ref$fields = _ref.fields,
     fields = _ref$fields === void 0 ? [] : _ref$fields,
     _ref$onSuccess = _ref.onSuccess,
-    onSuccess = _ref$onSuccess === void 0 ? neetocist.noop : _ref$onSuccess,
+    onSuccess = _ref$onSuccess === void 0 ? neetoCist.noop : _ref$onSuccess,
     _ref$onBack = _ref.onBack,
-    onBack = _ref$onBack === void 0 ? neetocist.noop : _ref$onBack,
+    onBack = _ref$onBack === void 0 ? neetoCist.noop : _ref$onBack,
     _ref$buttonProps = _ref.buttonProps,
     buttonProps = _ref$buttonProps === void 0 ? {} : _ref$buttonProps,
     _ref$secondaryButtonP = _ref.secondaryButtonProps,
@@ -441,7 +443,7 @@ var Finish = reactUtils.withT(function (_ref) {
     values: {
       teamName: teamName
     }
-  })), neetocist.isNotEmpty(fields) && fields.map(function (field, index) {
+  })), neetoCist.isNotEmpty(fields) && fields.map(function (field, index) {
     return /*#__PURE__*/React__default["default"].createElement(Field, {
       key: field.name,
       name: field.name,
@@ -456,7 +458,7 @@ var Finish = reactUtils.withT(function (_ref) {
     className: "neeto-ui-my-1",
     label: t("neetoSlack.common.done"),
     onClick: onSuccess
-  }, buttonProps)), neetocist.isNotEmpty(secondaryButtonProps) && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends$1({
+  }, buttonProps)), neetoCist.isNotEmpty(secondaryButtonProps) && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends$1({
     className: "neeto-ui-my-1 neeto-ui-ml-2",
     label: t("neetoSlack.common.edit"),
     style: "secondary",
@@ -509,8 +511,8 @@ var QUERY_KEYS = {
 };
 
 var _excluded = ["integrableId", "integrableType"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useFetchSlackIntegrationsStatus = function useFetchSlackIntegrationsStatus(_ref) {
   var _ref$integrableId = _ref.integrableId,
     integrableId = _ref$integrableId === void 0 ? "" : _ref$integrableId,
@@ -525,12 +527,11 @@ var useFetchSlackIntegrationsStatus = function useFetchSlackIntegrationsStatus(_
     }));
   }, _objectSpread({
     staleTime: DEFAULT_SLACK_SETTINGS_STALE_TIME,
-    select: function select(response) {
-      var _integrationStatus$no;
-      var integrationStatus = response.integrationStatus;
+    select: function select(data) {
+      var _data$integrationStat, _data$integrationStat2, _data$integrationStat3;
       return {
-        isSlackIntegrated: integrationStatus === null || integrationStatus === void 0 ? void 0 : integrationStatus.integrated,
-        notificationChannel: (_integrationStatus$no = integrationStatus === null || integrationStatus === void 0 ? void 0 : integrationStatus.notificationChannel) !== null && _integrationStatus$no !== void 0 ? _integrationStatus$no : ""
+        isSlackIntegrated: data === null || data === void 0 || (_data$integrationStat = data.integrationStatus) === null || _data$integrationStat === void 0 ? void 0 : _data$integrationStat.integrated,
+        notificationChannel: (_data$integrationStat2 = data === null || data === void 0 || (_data$integrationStat3 = data.integrationStatus) === null || _data$integrationStat3 === void 0 ? void 0 : _data$integrationStat3.notificationChannel) !== null && _data$integrationStat2 !== void 0 ? _data$integrationStat2 : ""
       };
     }
   }, options));