@bigbinary/neeto-slack-frontend 3.1.0 → 3.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/dist/Configure.js +105 -0
  2. package/dist/Configure.js.map +1 -0
  3. package/dist/Connect.js +34 -0
  4. package/dist/Connect.js.map +1 -0
  5. package/dist/Field-MJ5P1zqe.js +28 -0
  6. package/dist/Field-MJ5P1zqe.js.map +1 -0
  7. package/dist/Field-Zwd77qIZ.js +26 -0
  8. package/dist/Field-Zwd77qIZ.js.map +1 -0
  9. package/dist/Finish.js +96 -0
  10. package/dist/Finish.js.map +1 -0
  11. package/dist/Settings.js +178 -0
  12. package/dist/Settings.js.map +1 -0
  13. package/dist/SlackRefreshChannelListButton-BRJetmGQ.js +96 -0
  14. package/dist/SlackRefreshChannelListButton-BRJetmGQ.js.map +1 -0
  15. package/dist/SlackRefreshChannelListButton-BYsCwLY9.js +72 -0
  16. package/dist/SlackRefreshChannelListButton-BYsCwLY9.js.map +1 -0
  17. package/dist/cjs/Configure.js +107 -0
  18. package/dist/cjs/Configure.js.map +1 -0
  19. package/dist/cjs/Connect.js +36 -0
  20. package/dist/cjs/Connect.js.map +1 -0
  21. package/dist/{index.cjs.js → cjs/Finish.js} +20 -520
  22. package/dist/cjs/Finish.js.map +1 -0
  23. package/dist/cjs/Settings.js +180 -0
  24. package/dist/cjs/Settings.js.map +1 -0
  25. package/dist/cjs/hooks.js +12 -0
  26. package/dist/cjs/hooks.js.map +1 -0
  27. package/dist/cjs/index.js +42 -0
  28. package/dist/cjs/index.js.map +1 -0
  29. package/dist/hooks.js +6 -0
  30. package/dist/hooks.js.map +1 -0
  31. package/dist/index.js +31 -576
  32. package/dist/index.js.map +1 -1
  33. package/dist/inject-css-DmrvuTKK.js +4 -0
  34. package/dist/inject-css-DmrvuTKK.js.map +1 -0
  35. package/dist/inject-css-vQvjPR2x.js +6 -0
  36. package/dist/inject-css-vQvjPR2x.js.map +1 -0
  37. package/dist/useSlackStatusApi-Cb_7-aEb.js +51 -0
  38. package/dist/useSlackStatusApi-Cb_7-aEb.js.map +1 -0
  39. package/dist/useSlackStatusApi-FDRd2Ua7.js +53 -0
  40. package/dist/useSlackStatusApi-FDRd2Ua7.js.map +1 -0
  41. package/package.json +115 -86
  42. package/dist/index.cjs.js.map +0 -1
@@ -1,33 +1,18 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
3
+ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
4
+ var classNames = require('classnames');
5
5
  var neetoCist = require('@bigbinary/neeto-cist');
6
6
  var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
7
- var neetoIcons = require('@bigbinary/neeto-icons');
8
- var misc = require('@bigbinary/neeto-icons/misc');
9
7
  var Typography = require('@bigbinary/neetoui/Typography');
10
8
  var Button = require('@bigbinary/neetoui/Button');
11
- var ramda = require('ramda');
12
9
  var reactI18next = require('react-i18next');
13
- var jsxRuntime = require('react/jsx-runtime');
14
- var i18next = require('i18next');
15
- var Toastr = require('@bigbinary/neetoui/Toastr');
16
- var yup = require('yup');
17
- var Pane = require('@bigbinary/neetoui/Pane');
18
- var Label = require('@bigbinary/neetoui/Label');
19
- var Select = require('@bigbinary/neetoui/formik/Select');
20
- var NeetoUIForm = require('@bigbinary/neetoui/formik/Form');
21
- var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
22
10
  var React = require('react');
23
- var classNames = require('classnames');
24
- var reactQuery = require('@tanstack/react-query');
25
- var axios = require('axios');
26
-
27
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
+ var Field = require('../Field-MJ5P1zqe.js');
12
+ var injectCss = require('../inject-css-vQvjPR2x.js');
13
+ var jsxRuntime = require('react/jsx-runtime');
28
14
 
29
- function _interopNamespace(e) {
30
- if (e && e.__esModule) return e;
15
+ function _interopNamespaceDefault(e) {
31
16
  var n = Object.create(null);
32
17
  if (e) {
33
18
  Object.keys(e).forEach(function (k) {
@@ -40,417 +25,11 @@ function _interopNamespace(e) {
40
25
  }
41
26
  });
42
27
  }
43
- n["default"] = e;
28
+ n.default = e;
44
29
  return Object.freeze(n);
45
30
  }
46
31
 
47
- var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
48
- var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
49
- var Toastr__default = /*#__PURE__*/_interopDefaultLegacy(Toastr);
50
- var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
51
- var Pane__default = /*#__PURE__*/_interopDefaultLegacy(Pane);
52
- var Label__default = /*#__PURE__*/_interopDefaultLegacy(Label);
53
- var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
54
- var NeetoUIForm__default = /*#__PURE__*/_interopDefaultLegacy(NeetoUIForm);
55
- var ActionBlock__default = /*#__PURE__*/_interopDefaultLegacy(ActionBlock);
56
- var React__namespace = /*#__PURE__*/_interopNamespace(React);
57
- var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
58
- var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
59
-
60
- var Field = function Field(_ref) {
61
- var name = _ref.name,
62
- value = _ref.value,
63
- _ref$className = _ref.className,
64
- className = _ref$className === void 0 ? "" : _ref$className;
65
- return /*#__PURE__*/jsxRuntime.jsxs("div", {
66
- className: "neeto-ui-mb-3 neeto-ui-w-full ".concat(className),
67
- children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
68
- className: "neeto-ui-text-gray-800 neeto-ui-mb-1",
69
- style: "h5",
70
- weight: "semibold",
71
- children: name
72
- }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
73
- className: "neeto-ui-text-gray-700",
74
- style: "body2",
75
- weight: "normal",
76
- children: value
77
- })]
78
- });
79
- };
80
-
81
- function _typeof(o) {
82
- "@babel/helpers - typeof";
83
-
84
- return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
85
- return typeof o;
86
- } : function (o) {
87
- return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
88
- }, _typeof(o);
89
- }
90
-
91
- function _toPrimitive(input, hint) {
92
- if (_typeof(input) !== "object" || input === null) return input;
93
- var prim = input[Symbol.toPrimitive];
94
- if (prim !== undefined) {
95
- var res = prim.call(input, hint || "default");
96
- if (_typeof(res) !== "object") return res;
97
- throw new TypeError("@@toPrimitive must return a primitive value.");
98
- }
99
- return (hint === "string" ? String : Number)(input);
100
- }
101
-
102
- function _toPropertyKey(arg) {
103
- var key = _toPrimitive(arg, "string");
104
- return _typeof(key) === "symbol" ? key : String(key);
105
- }
106
-
107
- function _defineProperty(obj, key, value) {
108
- key = _toPropertyKey(key);
109
- if (key in obj) {
110
- Object.defineProperty(obj, key, {
111
- value: value,
112
- enumerable: true,
113
- configurable: true,
114
- writable: true
115
- });
116
- } else {
117
- obj[key] = value;
118
- }
119
- return obj;
120
- }
121
-
122
- var CHANNEL_NAME_VALIDAITON_SCHEMA = {
123
- selectedChannel: yup__namespace.object().shape({
124
- label: yup__namespace.mixed().nullable(),
125
- value: yup__namespace.string().required(i18next.t("neetoSlack.common.required", {
126
- entity: i18next.t("neetoSlack.slack.channelName")
127
- }))
128
- }).required().nullable()
129
- };
130
-
131
- function ownKeys$3(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; }
132
- function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
133
- var buildValidationSchema = function buildValidationSchema(customValidationSchema) {
134
- return yup__namespace.object().shape(_objectSpread$3(_objectSpread$3({}, customValidationSchema), CHANNEL_NAME_VALIDAITON_SCHEMA));
135
- };
136
- var toSlackUrl = function toSlackUrl(teamName) {
137
- return "https://".concat(teamName === null || teamName === void 0 ? void 0 : teamName.replace(/\s/g, "").toLowerCase(), ".slack.com");
138
- };
139
- var slackChannelRefresh = function slackChannelRefresh(channelRefreshHandler) {
140
- channelRefreshHandler();
141
- Toastr__default["default"].success(i18next.t("neetoSlack.slack.channelListRefreshToastr"));
142
- };
143
-
144
- var ChannelSelectOption = function ChannelSelectOption(_ref) {
145
- var label = _ref.label,
146
- isPrivate = _ref.isPrivate;
147
- return /*#__PURE__*/jsxRuntime.jsxs("div", {
148
- className: "flex items-center justify-between",
149
- children: [/*#__PURE__*/jsxRuntime.jsx("span", {
150
- children: label
151
- }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
152
- className: "neeto-ui-text-gray-500 italic",
153
- style: "body3",
154
- children: isPrivate ? "private" : ""
155
- })]
156
- });
157
- };
158
-
159
- var SlackRefreshChannelListButton = reactUtils.withT(function (_ref) {
160
- var t = _ref.t,
161
- channelRefreshHandler = _ref.channelRefreshHandler,
162
- _ref$className = _ref.className,
163
- className = _ref$className === void 0 ? "pl-1" : _ref$className;
164
- return /*#__PURE__*/jsxRuntime.jsx("div", {
165
- className: "relative top-0 flex justify-center",
166
- children: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
167
- className: className,
168
- label: t("neetoSlack.slack.channelListRefreshButton"),
169
- style: "link",
170
- onClick: function onClick() {
171
- return slackChannelRefresh(channelRefreshHandler);
172
- }
173
- })
174
- });
175
- });
176
- var SlackRefreshChannelListButton$1 = /*#__PURE__*/React.memo(SlackRefreshChannelListButton);
177
-
178
- 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; }
179
- 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; }
180
- var EditPane = function EditPane(_ref) {
181
- var _ref$isPaneOpen = _ref.isPaneOpen,
182
- isPaneOpen = _ref$isPaneOpen === void 0 ? false : _ref$isPaneOpen,
183
- _ref$onClose = _ref.onClose,
184
- onClose = _ref$onClose === void 0 ? neetoCist.noop : _ref$onClose,
185
- _ref$title = _ref.title,
186
- title = _ref$title === void 0 ? "" : _ref$title,
187
- _children = _ref.children,
188
- _ref$initialFormValue = _ref.initialFormValues,
189
- initialFormValues = _ref$initialFormValue === void 0 ? {} : _ref$initialFormValue,
190
- _ref$handleSubmit = _ref.handleSubmit,
191
- handleSubmit = _ref$handleSubmit === void 0 ? neetoCist.noop : _ref$handleSubmit,
192
- _ref$isSubmitting = _ref.isSubmitting,
193
- isSubmitting = _ref$isSubmitting === void 0 ? false : _ref$isSubmitting,
194
- _ref$validationSchema = _ref.validationSchema,
195
- validationSchema = _ref$validationSchema === void 0 ? {} : _ref$validationSchema,
196
- _ref$channelRefreshHa = _ref.channelRefreshHandler,
197
- channelRefreshHandler = _ref$channelRefreshHa === void 0 ? neetoCist.noop : _ref$channelRefreshHa,
198
- _ref$paneProps = _ref.paneProps,
199
- paneProps = _ref$paneProps === void 0 ? {} : _ref$paneProps;
200
- var _useTranslation = reactI18next.useTranslation(),
201
- t = _useTranslation.t;
202
- var handleFormSubmit = function handleFormSubmit(values, formikBag) {
203
- handleSubmit(values, formikBag);
204
- };
205
- return /*#__PURE__*/jsxRuntime.jsxs(Pane__default["default"], _objectSpread$2(_objectSpread$2({
206
- onClose: onClose,
207
- isOpen: isPaneOpen
208
- }, paneProps), {}, {
209
- children: [/*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Header, {
210
- children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
211
- style: "h2",
212
- weight: "semibold",
213
- children: ramda.isEmpty(title) ? t("neetoSlack.slack.editPane") : title
214
- })
215
- }), /*#__PURE__*/jsxRuntime.jsx(NeetoUIForm__default["default"], {
216
- className: "neeto-ui-w-full",
217
- formikProps: {
218
- enableReinitialize: true,
219
- initialValues: initialFormValues,
220
- onSubmit: handleFormSubmit,
221
- validationSchema: buildValidationSchema(validationSchema)
222
- },
223
- children: function children(formikProps) {
224
- var _formikProps$errors;
225
- return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
226
- children: [/*#__PURE__*/jsxRuntime.jsxs(Pane__default["default"].Body, {
227
- children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
228
- className: "neeto-ui-mb-4 neeto-ui-w-full",
229
- children: [/*#__PURE__*/jsxRuntime.jsx(Label__default["default"], {
230
- children: /*#__PURE__*/jsxRuntime.jsxs(Typography__default["default"], {
231
- className: "neeto-ui-text-gray-700 neeto-ui-mb-2",
232
- style: "body2",
233
- weight: "bold",
234
- children: [t("neetoSlack.slack.configure.sendToDescription"), /*#__PURE__*/jsxRuntime.jsx("sup", {
235
- children: "*"
236
- })]
237
- })
238
- }), /*#__PURE__*/jsxRuntime.jsxs("div", {
239
- className: "relative flex flex-col items-start gap-y-3",
240
- children: [/*#__PURE__*/jsxRuntime.jsx(Select__default["default"], {
241
- isSearchable: true,
242
- required: true,
243
- className: "w-full",
244
- error: formikProps === null || formikProps === void 0 || (_formikProps$errors = formikProps.errors) === null || _formikProps$errors === void 0 ? void 0 : _formikProps$errors.selectedChannel,
245
- name: "selectedChannel",
246
- placeholder: t("neetoSlack.slack.placeholder"),
247
- size: "large",
248
- options: formikProps.values.channels.map(function (_ref2) {
249
- var label = _ref2.label,
250
- value = _ref2.value,
251
- isPrivate = _ref2.isPrivate;
252
- return {
253
- label: /*#__PURE__*/jsxRuntime.jsx(ChannelSelectOption, {
254
- isPrivate: isPrivate,
255
- label: label
256
- }),
257
- value: value
258
- };
259
- })
260
- }), /*#__PURE__*/jsxRuntime.jsx(SlackRefreshChannelListButton$1, {
261
- channelRefreshHandler: channelRefreshHandler
262
- })]
263
- })]
264
- }), ramda.is(Function, _children) ? _children(_objectSpread$2({}, formikProps)) : _children]
265
- }), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Footer, {
266
- children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock__default["default"], {
267
- cancelButtonProps: {
268
- onClick: onClose
269
- },
270
- isSubmitting: isSubmitting || formikProps.isSubmitting
271
- })
272
- })]
273
- });
274
- }
275
- })]
276
- }));
277
- };
278
-
279
- var Settings = reactUtils.withT(function (_ref) {
280
- var t = _ref.t,
281
- children = _ref.children,
282
- _ref$teamName = _ref.teamName,
283
- teamName = _ref$teamName === void 0 ? "" : _ref$teamName,
284
- _ref$slackUrl = _ref.slackUrl,
285
- slackUrl = _ref$slackUrl === void 0 ? "" : _ref$slackUrl,
286
- _ref$fields = _ref.fields,
287
- fields = _ref$fields === void 0 ? [] : _ref$fields,
288
- _ref$onEdit = _ref.onEdit,
289
- onEdit = _ref$onEdit === void 0 ? neetoCist.noop : _ref$onEdit;
290
- return /*#__PURE__*/jsxRuntime.jsx("div", {
291
- className: "mx-auto w-full max-w-3xl",
292
- children: /*#__PURE__*/jsxRuntime.jsxs("div", {
293
- className: "neeto-ui-border-gray-300 neeto-ui-rounded-xl mt-10 w-full border p-6",
294
- children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
295
- className: "space-y-4",
296
- children: [/*#__PURE__*/jsxRuntime.jsx(misc.Slack, {
297
- className: "neeto-ui-text-gray-600",
298
- size: 48
299
- }), /*#__PURE__*/jsxRuntime.jsxs("div", {
300
- className: "flex items-center space-x-4",
301
- children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
302
- style: "h2",
303
- children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
304
- i18nKey: "neetoSlack.slack.settings.title",
305
- values: {
306
- teamName: teamName
307
- },
308
- components: {
309
- a: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
310
- className: "neeto-ui-text-2xl",
311
- href: ramda.isEmpty(slackUrl) ? toSlackUrl(teamName) : slackUrl,
312
- style: "link"
313
- })
314
- }
315
- })
316
- }), /*#__PURE__*/jsxRuntime.jsx("div", {
317
- className: "neeto-ui-bg-success-500 neeto-ui-text-white neeto-ui-rounded-full flex items-center justify-center p-1",
318
- children: /*#__PURE__*/jsxRuntime.jsx(neetoIcons.Check, {
319
- size: 24
320
- })
321
- })]
322
- }), fields.map(function (field) {
323
- return /*#__PURE__*/jsxRuntime.jsx(Field, {
324
- name: field.name,
325
- value: field.value
326
- }, field.name);
327
- }), children]
328
- }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
329
- className: "mt-8",
330
- label: t("neetoSlack.common.edit"),
331
- onClick: onEdit
332
- })]
333
- })
334
- });
335
- });
336
- Settings.EditPane = EditPane;
337
-
338
- var Configure = reactUtils.withT(function (_ref) {
339
- var t = _ref.t,
340
- _children = _ref.children,
341
- teamName = _ref.teamName,
342
- _ref$slackUrl = _ref.slackUrl,
343
- slackUrl = _ref$slackUrl === void 0 ? "" : _ref$slackUrl,
344
- initialFormValues = _ref.initialFormValues,
345
- handleSubmit = _ref.handleSubmit,
346
- isSubmitting = _ref.isSubmitting,
347
- className = _ref.className,
348
- validationSchema = _ref.validationSchema,
349
- channelRefreshHandler = _ref.channelRefreshHandler,
350
- _ref$channelSelectLab = _ref.channelSelectLabel,
351
- channelSelectLabel = _ref$channelSelectLab === void 0 ? "" : _ref$channelSelectLab;
352
- return /*#__PURE__*/jsxRuntime.jsxs("div", {
353
- className: classNames__default["default"]("neeto-ui-w-full neeto-ui-space-y-6 mx-auto max-w-lg", className),
354
- children: [/*#__PURE__*/jsxRuntime.jsx("div", {
355
- className: "neeto-ui-mb-6 neeto-ui-w-full",
356
- children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
357
- style: "h3",
358
- children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
359
- i18nKey: "neetoSlack.slack.configure.title",
360
- values: {
361
- teamName: teamName
362
- },
363
- components: {
364
- a: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
365
- className: "neeto-ui-text-xl",
366
- href: ramda.isEmpty(slackUrl) ? toSlackUrl(teamName) : slackUrl,
367
- style: "link"
368
- })
369
- }
370
- })
371
- })
372
- }), /*#__PURE__*/jsxRuntime.jsx(NeetoUIForm__default["default"], {
373
- className: "neeto-ui-w-full max-w-md",
374
- formikProps: {
375
- enableReinitialize: true,
376
- initialValues: initialFormValues,
377
- onSubmit: handleSubmit,
378
- validationSchema: buildValidationSchema(validationSchema)
379
- },
380
- children: function children(formikProps) {
381
- var _formikProps$errors;
382
- return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
383
- children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
384
- className: "neeto-ui-mb-4 neeto-ui-w-full",
385
- children: [/*#__PURE__*/jsxRuntime.jsxs(Typography__default["default"], {
386
- className: "neeto-ui-text-gray-700 neeto-ui-mb-3",
387
- style: "body2",
388
- weight: "normal",
389
- children: [ramda.isEmpty(channelSelectLabel) ? t("neetoSlack.slack.configure.sendToDescription") : channelSelectLabel, /*#__PURE__*/jsxRuntime.jsx("sup", {
390
- children: "*"
391
- })]
392
- }), /*#__PURE__*/jsxRuntime.jsxs("div", {
393
- className: "relative flex flex-col items-start gap-y-3",
394
- children: [/*#__PURE__*/jsxRuntime.jsx(Select__default["default"], {
395
- isSearchable: true,
396
- required: true,
397
- className: "w-full",
398
- error: formikProps === null || formikProps === void 0 || (_formikProps$errors = formikProps.errors) === null || _formikProps$errors === void 0 ? void 0 : _formikProps$errors.selectedChannel,
399
- name: "selectedChannel",
400
- placeholder: t("neetoSlack.slack.placeholder"),
401
- size: "large",
402
- options: formikProps.values.channels.map(function (_ref2) {
403
- var label = _ref2.label,
404
- value = _ref2.value,
405
- isPrivate = _ref2.isPrivate;
406
- return {
407
- label: /*#__PURE__*/jsxRuntime.jsx(ChannelSelectOption, {
408
- isPrivate: isPrivate,
409
- label: label
410
- }),
411
- value: value
412
- };
413
- })
414
- }), /*#__PURE__*/jsxRuntime.jsx(SlackRefreshChannelListButton$1, {
415
- channelRefreshHandler: channelRefreshHandler
416
- })]
417
- })]
418
- }), ramda.is(Function, _children) ? _children(formikProps) : _children, /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
419
- label: t("neetoSlack.common.continue"),
420
- loading: isSubmitting,
421
- type: "submit"
422
- })]
423
- });
424
- }
425
- })]
426
- });
427
- });
428
-
429
- var Connect = reactUtils.withT(function (_ref) {
430
- var t = _ref.t,
431
- handleRedirectToSlack = _ref.handleRedirectToSlack,
432
- isAuthorizeUrlFetching = _ref.isAuthorizeUrlFetching;
433
- return /*#__PURE__*/jsxRuntime.jsxs("div", {
434
- className: "neeto-ui-w-full mx-auto max-w-lg",
435
- children: [/*#__PURE__*/jsxRuntime.jsx(misc.Slack, {
436
- size: 32
437
- }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
438
- className: "neeto-ui-text-gray-800 neeto-ui-mb-0.5 neeto-ui-mt-6",
439
- style: "h2",
440
- weight: "semibold",
441
- children: t("neetoSlack.slack.connect.title")
442
- }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
443
- className: "neeto-ui-text-gray-700 neeto-ui-mb-4",
444
- style: "body1",
445
- weight: "normal",
446
- children: t("neetoSlack.slack.connect.description")
447
- }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
448
- label: t("neetoSlack.slack.connect.loginButton"),
449
- loading: isAuthorizeUrlFetching,
450
- onClick: handleRedirectToSlack
451
- })]
452
- });
453
- });
32
+ var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
454
33
 
455
34
  var _path, _defs;
456
35
  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); }
@@ -478,8 +57,11 @@ const SvgSuccess = props => /*#__PURE__*/React__namespace.createElement("svg", _
478
57
  height: 344
479
58
  }))));
480
59
 
481
- 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; }
482
- 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; }
60
+ var css = ".border-t{border-top:1px solid}.border-gray-300{border-color:#d1d5db}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9iYXNlL3V0aWxpdGllcy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLFVBQ0Usb0JBQ0YsQ0FDQSxpQkFDRSxvQkFFRiIsInNvdXJjZXNDb250ZW50IjpbIi5ib3JkZXItdCB7XG4gIGJvcmRlci10b3A6IHNvbGlkIDFweDtcbn1cbi5ib3JkZXItZ3JheS0zMDAge1xuICBib3JkZXItY29sb3I6ICNkMWQ1ZGI7XG59XG4iXX0= */";
61
+ injectCss.n(css,{});
62
+
63
+ 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; }
64
+ 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; }
483
65
  var Finish = reactUtils.withT(function (_ref) {
484
66
  var t = _ref.t,
485
67
  children = _ref.children,
@@ -497,7 +79,7 @@ var Finish = reactUtils.withT(function (_ref) {
497
79
  secondaryButtonProps = _ref$secondaryButtonP === void 0 ? {} : _ref$secondaryButtonP;
498
80
  return /*#__PURE__*/jsxRuntime.jsxs("div", {
499
81
  className: "neeto-ui-w-full mx-auto max-w-lg",
500
- children: [/*#__PURE__*/jsxRuntime.jsx(SvgSuccess, {}), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
82
+ children: [/*#__PURE__*/jsxRuntime.jsx(SvgSuccess, {}), /*#__PURE__*/jsxRuntime.jsx(Typography, {
501
83
  className: "neeto-ui-text-gray-800 neeto-ui-mb-6 neeto-ui-mt-4",
502
84
  style: "h3",
503
85
  weight: "bold",
@@ -508,20 +90,20 @@ var Finish = reactUtils.withT(function (_ref) {
508
90
  }
509
91
  })
510
92
  }), neetoCist.isNotEmpty(fields) && fields.map(function (field, index) {
511
- return /*#__PURE__*/jsxRuntime.jsx(Field, {
93
+ return /*#__PURE__*/jsxRuntime.jsx(Field.Field, {
512
94
  name: field.name,
513
95
  value: field.value,
514
- className: classNames__default["default"]("neeto-ui-pt-3 neeto-ui-border-gray-300", {
96
+ className: classNames("neeto-ui-pt-3 neeto-ui-border-gray-300", {
515
97
  "border-t": index !== 0
516
98
  })
517
99
  }, field.name);
518
100
  }), children, /*#__PURE__*/jsxRuntime.jsxs("div", {
519
101
  className: "neeto-ui-flex neeto-ui-w-full neeto-ui-flex-row neeto-ui-mt-6",
520
- children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], _objectSpread$1({
102
+ children: [/*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread({
521
103
  className: "neeto-ui-my-1",
522
104
  label: t("neetoSlack.common.done"),
523
105
  onClick: onSuccess
524
- }, buttonProps)), neetoCist.isNotEmpty(secondaryButtonProps) && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], _objectSpread$1({
106
+ }, buttonProps)), neetoCist.isNotEmpty(secondaryButtonProps) && /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread({
525
107
  className: "neeto-ui-my-1 neeto-ui-ml-2",
526
108
  label: t("neetoSlack.common.edit"),
527
109
  style: "secondary",
@@ -531,87 +113,5 @@ var Finish = reactUtils.withT(function (_ref) {
531
113
  });
532
114
  });
533
115
 
534
- function _objectWithoutPropertiesLoose(source, excluded) {
535
- if (source == null) return {};
536
- var target = {};
537
- var sourceKeys = Object.keys(source);
538
- var key, i;
539
- for (i = 0; i < sourceKeys.length; i++) {
540
- key = sourceKeys[i];
541
- if (excluded.indexOf(key) >= 0) continue;
542
- target[key] = source[key];
543
- }
544
- return target;
545
- }
546
-
547
- function _objectWithoutProperties(source, excluded) {
548
- if (source == null) return {};
549
- var target = _objectWithoutPropertiesLoose(source, excluded);
550
- var key, i;
551
- if (Object.getOwnPropertySymbols) {
552
- var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
553
- for (i = 0; i < sourceSymbolKeys.length; i++) {
554
- key = sourceSymbolKeys[i];
555
- if (excluded.indexOf(key) >= 0) continue;
556
- if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
557
- target[key] = source[key];
558
- }
559
- }
560
- return target;
561
- }
562
-
563
- var SLACK_ENGINE_BASE_URL = "/integrations-slack/api/v1/slack";
564
- var DEFAULT_SLACK_SETTINGS_STALE_TIME = 120000; // 2 minutes
565
-
566
- var slackApi = {
567
- fetchSlackStatus: function fetchSlackStatus(payload) {
568
- return axios__default["default"].get("".concat(SLACK_ENGINE_BASE_URL, "/integration_status"), {
569
- params: payload
570
- });
571
- }
572
- };
573
-
574
- var QUERY_KEYS = {
575
- SLACK_INTEGRATIONS_STATUS: "slack-integrations-status"
576
- };
577
-
578
- var _excluded = ["integrableId", "integrableType"];
579
- 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; }
580
- 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; }
581
- var useFetchSlackIntegrationsStatus = function useFetchSlackIntegrationsStatus(_ref) {
582
- var _ref$integrableId = _ref.integrableId,
583
- integrableId = _ref$integrableId === void 0 ? "" : _ref$integrableId,
584
- _ref$integrableType = _ref.integrableType,
585
- integrableType = _ref$integrableType === void 0 ? "" : _ref$integrableType,
586
- options = _objectWithoutProperties(_ref, _excluded);
587
- return reactQuery.useQuery(_objectSpread({
588
- queryKey: [QUERY_KEYS.SLACK_INTEGRATIONS_STATUS],
589
- queryFn: function queryFn() {
590
- return slackApi.fetchSlackStatus(_objectSpread(_objectSpread({}, integrableId && {
591
- integrableId: integrableId
592
- }), integrableType && {
593
- integrableType: integrableType
594
- }));
595
- },
596
- staleTime: DEFAULT_SLACK_SETTINGS_STALE_TIME,
597
- select: function select(data) {
598
- var _data$integrationStat, _data$integrationStat2, _data$integrationStat3;
599
- return {
600
- isSlackIntegrated: data === null || data === void 0 || (_data$integrationStat = data.integrationStatus) === null || _data$integrationStat === void 0 ? void 0 : _data$integrationStat.integrated,
601
- 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 : ""
602
- };
603
- }
604
- }, options));
605
- };
606
-
607
- 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}}
608
-
609
- 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 */";
610
- n(css,{});
611
-
612
- exports.Configure = Configure;
613
- exports.Connect = Connect;
614
- exports.Finish = Finish;
615
- exports.Settings = Settings;
616
- exports.useFetchSlackIntegrationsStatus = useFetchSlackIntegrationsStatus;
617
- //# sourceMappingURL=index.cjs.js.map
116
+ module.exports = Finish;
117
+ //# sourceMappingURL=Finish.js.map