@bigbinary/neeto-slack-frontend 2.3.0-beta1 → 3.0.1

package/dist/{index.cjs.js → cjs/Finish.js}

@@ -1,21 +1,16 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
+var defineProperty = require('../defineProperty-f3094d6c.js');
+var classNames = require('classnames');
 var neetoCist = require('@bigbinary/neeto-cist');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
-var neetoIcons = require('@bigbinary/neeto-icons');
-var misc = require('@bigbinary/neeto-icons/misc');
-var neetoui = require('@bigbinary/neetoui');
-var ramda = require('ramda');
+var Typography = require('@bigbinary/neetoui/Typography');
+var Button = require('@bigbinary/neetoui/Button');
 var reactI18next = require('react-i18next');
-var i18next = require('i18next');
-var yup = require('yup');
-var formik = require('@bigbinary/neetoui/formik');
-var classNames = require('classnames');
-var reactQuery = require('@tanstack/react-query');
-var axios = require('axios');
+var React = require('react');
+var Field = require('../Field-3be7830d.js');
+var injectCss = require('../inject-css-80a5faa3.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -37,373 +32,10 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
 var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
-var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
-
-var Field = function Field(_ref) {
-  var name = _ref.name,
-    value = _ref.value,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-ui-mb-3 neeto-ui-w-full ".concat(className)
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    className: "neeto-ui-text-gray-800 neeto-ui-mb-1",
-    style: "h5",
-    weight: "semibold"
-  }, name), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    className: "neeto-ui-text-gray-700",
-    style: "body2",
-    weight: "normal"
-  }, value));
-};
-
-function _typeof(o) {
-  "@babel/helpers - typeof";
-
-  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) {
-  if (_typeof(input) !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (_typeof(res) !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return _typeof(key) === "symbol" ? key : String(key);
-}
-
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-
-var CHANNEL_NAME_VALIDAITON_SCHEMA = {
-  selectedChannel: yup__namespace.object().shape({
-    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(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));
-};
-var toSlackUrl = function toSlackUrl(teamName) {
-  return "https://".concat(teamName === null || teamName === void 0 ? void 0 : teamName.replace(/\s/g, "").toLowerCase(), ".slack.com");
-};
-var slackChannelRefresh = function slackChannelRefresh(channelRefreshHandler) {
-  channelRefreshHandler();
-  neetoui.Toastr.success(i18next.t("neetoSlack.slack.channelListRefreshToastr"));
-};
-
-function _extends$1() {
-  _extends$1 = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  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,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "pl-1" : _ref$className;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "relative top-0 flex justify-center"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-    className: className,
-    label: t("neetoSlack.slack.channelListRefreshButton"),
-    style: "link",
-    onClick: function onClick() {
-      return slackChannelRefresh(channelRefreshHandler);
-    }
-  }));
-});
-var SlackRefreshChannelListButton$1 = /*#__PURE__*/React__default["default"].memo(SlackRefreshChannelListButton);
-
-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,
-    _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,
-    _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,
-    _ref$paneProps = _ref.paneProps,
-    paneProps = _ref$paneProps === void 0 ? {} : _ref$paneProps;
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var handleFormSubmit = function handleFormSubmit(values, formikBag) {
-    handleSubmit(values, formikBag);
-  };
-  return /*#__PURE__*/React__default["default"].createElement(neetoui.Pane, _extends$1({
-    onClose: onClose,
-    isOpen: isPaneOpen
-  }, paneProps), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    style: "h2",
-    weight: "semibold"
-  }, ramda.isEmpty(title) ? t("neetoSlack.slack.editPane") : title)), /*#__PURE__*/React__default["default"].createElement(formik.Form, {
-    className: "neeto-ui-w-full",
-    formikProps: {
-      enableReinitialize: true,
-      initialValues: initialFormValues,
-      onSubmit: handleFormSubmit,
-      validationSchema: buildValidationSchema(validationSchema)
-    }
-  }, function (formikProps) {
-    var _formikProps$errors;
-    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "neeto-ui-mb-4 neeto-ui-w-full"
-    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-      className: "neeto-ui-text-gray-700 neeto-ui-mb-2",
-      style: "body2",
-      weight: "bold"
-    }, t("neetoSlack.slack.configure.sendToDescription"), /*#__PURE__*/React__default["default"].createElement("sup", null, "*"))), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "relative flex flex-col items-start gap-y-3"
-    }, /*#__PURE__*/React__default["default"].createElement(formik.Select, {
-      isSearchable: true,
-      required: true,
-      className: "w-full",
-      error: formikProps === null || formikProps === void 0 || (_formikProps$errors = formikProps.errors) === null || _formikProps$errors === void 0 ? void 0 : _formikProps$errors.selectedChannel,
-      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, {
-            isPrivate: isPrivate,
-            label: label
-          }),
-          value: value
-        };
-      })
-    }), /*#__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(formik.ActionBlock, {
-      cancelButtonProps: {
-        onClick: onClose
-      },
-      isSubmitting: isSubmitting || formikProps.isSubmitting
-    })));
-  }));
-};
-
-var Settings = reactUtils.withT(function (_ref) {
-  var t = _ref.t,
-    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,
-    _ref$onEdit = _ref.onEdit,
-    onEdit = _ref$onEdit === void 0 ? neetoCist.noop : _ref$onEdit;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "mx-auto w-full max-w-3xl"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-ui-border-gray-300 neeto-ui-rounded-xl mt-10 w-full border p-6"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "space-y-4"
-  }, /*#__PURE__*/React__default["default"].createElement(misc.Slack, {
-    className: "neeto-ui-text-gray-600",
-    size: 48
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex items-center space-x-4"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    style: "h2"
-  }, /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
-    i18nKey: "neetoSlack.slack.settings.title",
-    values: {
-      teamName: teamName
-    },
-    components: {
-      a: /*#__PURE__*/React__default["default"].createElement("a", {
-        className: "neeto-ui-text-primary-800",
-        href: ramda.isEmpty(slackUrl) ? toSlackUrl(teamName) : slackUrl
-      })
-    }
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-ui-bg-success-500 neeto-ui-text-white neeto-ui-rounded-full flex items-center justify-center p-1"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoIcons.Check, {
-    size: 24
-  }))), fields.map(function (field) {
-    return /*#__PURE__*/React__default["default"].createElement(Field, {
-      key: field.name,
-      name: field.name,
-      value: field.value
-    });
-  }), children), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-    className: "mt-8",
-    label: t("neetoSlack.common.edit"),
-    onClick: onEdit
-  })));
-});
-Settings.EditPane = EditPane;
-
-var Configure = reactUtils.withT(function (_ref) {
-  var t = _ref.t,
-    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,
-    className = _ref.className,
-    validationSchema = _ref.validationSchema,
-    channelRefreshHandler = _ref.channelRefreshHandler,
-    _ref$channelSelectLab = _ref.channelSelectLabel,
-    channelSelectLabel = _ref$channelSelectLab === void 0 ? "" : _ref$channelSelectLab;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"]("neeto-ui-w-full neeto-ui-space-y-6 mx-auto max-w-lg", className)
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-ui-mb-6 neeto-ui-w-full"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    style: "h3"
-  }, /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
-    i18nKey: "neetoSlack.slack.configure.title",
-    values: {
-      teamName: teamName
-    },
-    components: {
-      a: /*#__PURE__*/React__default["default"].createElement("a", {
-        className: "neeto-ui-text-primary-800",
-        href: ramda.isEmpty(slackUrl) ? toSlackUrl(teamName) : slackUrl
-      })
-    }
-  }))), /*#__PURE__*/React__default["default"].createElement(formik.Form, {
-    className: "neeto-ui-w-full max-w-md",
-    formikProps: {
-      enableReinitialize: true,
-      initialValues: initialFormValues,
-      onSubmit: handleSubmit,
-      validationSchema: buildValidationSchema(validationSchema)
-    }
-  }, function (formikProps) {
-    var _formikProps$errors;
-    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "neeto-ui-mb-4 neeto-ui-w-full"
-    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-      className: "neeto-ui-text-gray-700 neeto-ui-mb-3",
-      style: "body2",
-      weight: "normal"
-    }, ramda.isEmpty(channelSelectLabel) ? t("neetoSlack.slack.configure.sendToDescription") : channelSelectLabel, /*#__PURE__*/React__default["default"].createElement("sup", null, "*")), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "relative flex flex-col items-start gap-y-3"
-    }, /*#__PURE__*/React__default["default"].createElement(formik.Select, {
-      isSearchable: true,
-      required: true,
-      className: "w-full",
-      error: formikProps === null || formikProps === void 0 || (_formikProps$errors = formikProps.errors) === null || _formikProps$errors === void 0 ? void 0 : _formikProps$errors.selectedChannel,
-      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, {
-            isPrivate: isPrivate,
-            label: label
-          }),
-          value: value
-        };
-      })
-    }), /*#__PURE__*/React__default["default"].createElement(SlackRefreshChannelListButton$1, {
-      channelRefreshHandler: channelRefreshHandler
-    }))), ramda.is(Function, children) ? children(formikProps) : children, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-      label: t("neetoSlack.common.continue"),
-      loading: isSubmitting,
-      type: "submit"
-    }));
-  }));
-});
-
-var Connect = reactUtils.withT(function (_ref) {
-  var t = _ref.t,
-    handleRedirectToSlack = _ref.handleRedirectToSlack,
-    isAuthorizeUrlFetching = _ref.isAuthorizeUrlFetching;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-ui-w-full mx-auto max-w-lg"
-  }, /*#__PURE__*/React__default["default"].createElement(misc.Slack, {
-    size: 32
-  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    className: "neeto-ui-text-gray-800 neeto-ui-mb-0.5 neeto-ui-mt-6",
-    style: "h2",
-    weight: "semibold"
-  }, t("neetoSlack.slack.connect.title")), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    className: "neeto-ui-text-gray-700 neeto-ui-mb-4",
-    style: "body1",
-    weight: "normal"
-  }, t("neetoSlack.slack.connect.description")), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-    label: t("neetoSlack.slack.connect.loginButton"),
-    loading: isAuthorizeUrlFetching,
-    onClick: handleRedirectToSlack
-  }));
-});
+var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
+var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 var _path, _defs;
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -431,6 +63,11 @@ const SvgSuccess = props => /*#__PURE__*/React__namespace.createElement("svg", _
   height: 344
 }))));
 
+var css = ".border-t{border-top:1px solid}.border-gray-300{border-color:#d1d5db}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9iYXNlL3V0aWxpdGllcy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLFVBQ0Usb0JBQ0YsQ0FDQSxpQkFDRSxvQkFFRiIsInNvdXJjZXNDb250ZW50IjpbIi5ib3JkZXItdCB7XG4gIGJvcmRlci10b3A6IHNvbGlkIDFweDtcbn1cbi5ib3JkZXItZ3JheS0zMDAge1xuICBib3JkZXItY29sb3I6ICNkMWQ1ZGI7XG59XG4iXX0= */";
+injectCss.n(css,{});
+
+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._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 Finish = reactUtils.withT(function (_ref) {
   var t = _ref.t,
     children = _ref.children,
@@ -446,121 +83,41 @@ var Finish = reactUtils.withT(function (_ref) {
     buttonProps = _ref$buttonProps === void 0 ? {} : _ref$buttonProps,
     _ref$secondaryButtonP = _ref.secondaryButtonProps,
     secondaryButtonProps = _ref$secondaryButtonP === void 0 ? {} : _ref$secondaryButtonP;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-ui-w-full mx-auto max-w-lg"
-  }, /*#__PURE__*/React__default["default"].createElement(SvgSuccess, null), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    className: "neeto-ui-text-gray-800 neeto-ui-mb-6 neeto-ui-mt-4",
-    style: "h3",
-    weight: "bold"
-  }, /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
-    i18nKey: "neetoSlack.slack.finish.title",
-    values: {
-      teamName: teamName
-    }
-  })), neetoCist.isNotEmpty(fields) && fields.map(function (field, index) {
-    return /*#__PURE__*/React__default["default"].createElement(Field, {
-      key: field.name,
-      name: field.name,
-      value: field.value,
-      className: classNames__default["default"]("neeto-ui-pt-3 neeto-ui-border-gray-300", {
-        "border-t": index !== 0
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "neeto-ui-w-full mx-auto max-w-lg",
+    children: [/*#__PURE__*/jsxRuntime.jsx(SvgSuccess, {}), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+      className: "neeto-ui-text-gray-800 neeto-ui-mb-6 neeto-ui-mt-4",
+      style: "h3",
+      weight: "bold",
+      children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+        i18nKey: "neetoSlack.slack.finish.title",
+        values: {
+          teamName: teamName
+        }
       })
-    });
-  }), children, /*#__PURE__*/React__default["default"].createElement("div", {
-    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("neetoSlack.common.done"),
-    onClick: onSuccess
-  }, 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",
-    onClick: onBack
-  }, secondaryButtonProps))));
+    }), neetoCist.isNotEmpty(fields) && fields.map(function (field, index) {
+      return /*#__PURE__*/jsxRuntime.jsx(Field.Field, {
+        name: field.name,
+        value: field.value,
+        className: classNames__default["default"]("neeto-ui-pt-3 neeto-ui-border-gray-300", {
+          "border-t": index !== 0
+        })
+      }, field.name);
+    }), children, /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "neeto-ui-flex neeto-ui-w-full neeto-ui-flex-row neeto-ui-mt-6",
+      children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], _objectSpread({
+        className: "neeto-ui-my-1",
+        label: t("neetoSlack.common.done"),
+        onClick: onSuccess
+      }, buttonProps)), neetoCist.isNotEmpty(secondaryButtonProps) && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], _objectSpread({
+        className: "neeto-ui-my-1 neeto-ui-ml-2",
+        label: t("neetoSlack.common.edit"),
+        style: "secondary",
+        onClick: onBack
+      }, secondaryButtonProps))]
+    })]
+  });
 });
 
-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;
-}
-
-var SLACK_ENGINE_BASE_URL = "/integrations-slack/api/v1/slack";
-var DEFAULT_SLACK_SETTINGS_STALE_TIME = 120000; // 2 minutes
-
-var slackApi = {
-  fetchSlackStatus: function fetchSlackStatus(payload) {
-    return axios__default["default"].get("".concat(SLACK_ENGINE_BASE_URL, "/integration_status"), {
-      params: payload
-    });
-  }
-};
-
-var QUERY_KEYS = {
-  SLACK_INTEGRATIONS_STATUS: "slack-integrations-status"
-};
-
-var _excluded = ["integrableId", "integrableType"];
-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,
-    _ref$integrableType = _ref.integrableType,
-    integrableType = _ref$integrableType === void 0 ? "" : _ref$integrableType,
-    options = _objectWithoutProperties(_ref, _excluded);
-  return reactQuery.useQuery(_objectSpread({
-    queryKey: [QUERY_KEYS.SLACK_INTEGRATIONS_STATUS],
-    queryFn: function queryFn() {
-      return slackApi.fetchSlackStatus(_objectSpread(_objectSpread({}, integrableId && {
-        integrableId: integrableId
-      }), integrableType && {
-        integrableType: integrableType
-      }));
-    },
-    staleTime: DEFAULT_SLACK_SETTINGS_STALE_TIME,
-    select: function select(data) {
-      var _data$integrationStat, _data$integrationStat2, _data$integrationStat3;
-      return {
-        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));
-};
-
-var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
-
-var css = "@media (max-height:1000px){.neeto-ui-react-select__menu-list{max-height:calc(40vh - 50px)!important}}.border-t{border-top:1px solid}.border-gray-300{border-color:#d1d5db}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9iYXNlL19vdmVycmlkZXMuc2NzcyIsImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9tYWluLnNjc3MiLCJhcHAvamF2YXNjcmlwdC9zcmMvc3R5bGVzaGVldHMvYmFzZS9fdXRpbGl0aWVzLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsMkJBQ0Usa0NBQ0ksc0NDQ0osQ0FDRixDQ0pBLFVBQ0Usb0JETUYsQ0NKQSxpQkFDRSxvQkRPRiIsInNvdXJjZXNDb250ZW50IjpbIkBtZWRpYSAobWF4LWhlaWdodDogMTAwMHB4KSB7XG4gIC5uZWV0by11aS1yZWFjdC1zZWxlY3RfX21lbnUtbGlzdCB7XG4gICAgICBtYXgtaGVpZ2h0OiBjYWxjKDQwdmggLSA1MHB4KSAhaW1wb3J0YW50O1xuICB9XG59XG4iLCJAbWVkaWEgKG1heC1oZWlnaHQ6IDEwMDBweCkge1xuICAubmVldG8tdWktcmVhY3Qtc2VsZWN0X19tZW51LWxpc3Qge1xuICAgIG1heC1oZWlnaHQ6IGNhbGMoNDB2aCAtIDUwcHgpICFpbXBvcnRhbnQ7XG4gIH1cbn1cbi5ib3JkZXItdCB7XG4gIGJvcmRlci10b3A6IHNvbGlkIDFweDtcbn1cblxuLmJvcmRlci1ncmF5LTMwMCB7XG4gIGJvcmRlci1jb2xvcjogI2QxZDVkYjtcbn0iLCIuYm9yZGVyLXQge1xuICBib3JkZXItdG9wOiBzb2xpZCAxcHg7XG59XG4uYm9yZGVyLWdyYXktMzAwIHtcbiAgYm9yZGVyLWNvbG9yOiAjZDFkNWRiO1xufVxuIl19 */";
-n(css,{});
-
-exports.Configure = Configure;
-exports.Connect = Connect;
-exports.Finish = Finish;
-exports.Settings = Settings;
-exports.useFetchSlackIntegrationsStatus = useFetchSlackIntegrationsStatus;
-//# sourceMappingURL=index.cjs.js.map
+module.exports = Finish;
+//# sourceMappingURL=Finish.js.map