@bigbinary/neeto-integrations-frontend 2.12.7 → 3.0.0

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 (27) hide show
  1. package/app/javascript/src/translations/en.json +1 -1
  2. package/dist/Daily.cjs.js +292 -213
  3. package/dist/Daily.cjs.js.map +1 -1
  4. package/dist/Daily.js +284 -213
  5. package/dist/Daily.js.map +1 -1
  6. package/dist/GoogleCalender.cjs.js +390 -291
  7. package/dist/GoogleCalender.cjs.js.map +1 -1
  8. package/dist/GoogleCalender.js +378 -291
  9. package/dist/GoogleCalender.js.map +1 -1
  10. package/dist/Twilio.cjs.js +88 -70
  11. package/dist/Twilio.cjs.js.map +1 -1
  12. package/dist/Twilio.js +81 -66
  13. package/dist/Twilio.js.map +1 -1
  14. package/dist/ZapierForm.cjs.js +138 -105
  15. package/dist/ZapierForm.cjs.js.map +1 -1
  16. package/dist/ZapierForm.js +126 -100
  17. package/dist/ZapierForm.js.map +1 -1
  18. package/dist/Zoom.cjs.js +303 -221
  19. package/dist/Zoom.cjs.js.map +1 -1
  20. package/dist/Zoom.js +295 -222
  21. package/dist/Zoom.js.map +1 -1
  22. package/dist/index.cjs.js +553 -433
  23. package/dist/index.cjs.js.map +1 -1
  24. package/dist/index.js +539 -433
  25. package/dist/index.js.map +1 -1
  26. package/package.json +17 -16
  27. package/types.d.ts +3 -0
package/dist/index.cjs.js CHANGED
@@ -9,22 +9,34 @@ var React = require('react');
9
9
  var classnames = require('classnames');
10
10
  var neetoCist = require('@bigbinary/neeto-cist');
11
11
  var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
12
- var neetoIcons = require('@bigbinary/neeto-icons');
13
- var neetoui = require('@bigbinary/neetoui');
12
+ var Check = require('@bigbinary/neeto-icons/Check');
13
+ var Button = require('@bigbinary/neetoui/Button');
14
+ var Tooltip = require('@bigbinary/neetoui/Tooltip');
15
+ var Typography = require('@bigbinary/neetoui/Typography');
14
16
  var reactI18next = require('react-i18next');
15
17
  var i18next = require('i18next');
18
+ var reactQuery = require('@tanstack/react-query');
16
19
  var constants = require('@bigbinary/neeto-commons-frontend/constants');
17
- var reactQuery = require('react-query');
18
20
  var axios = require('axios');
19
21
  var Container = require('@bigbinary/neeto-molecules/Container');
20
22
  var Header = require('@bigbinary/neeto-molecules/Header');
21
23
  var HelpPopover = require('@bigbinary/neeto-molecules/HelpPopover');
22
24
  var PageLoader = require('@bigbinary/neeto-molecules/PageLoader');
23
- var formik = require('@bigbinary/neetoui/formik');
25
+ var Input = require('@bigbinary/neetoui/formik/Input');
26
+ var FormikForm = require('@bigbinary/neetoui/formik/Form');
27
+ var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
28
+ var reactRouterDom = require('react-router-dom');
29
+ var jsxRuntime = require('react/jsx-runtime');
24
30
  var utils = require('@bigbinary/neeto-commons-frontend/utils');
25
- var misc = require('@bigbinary/neeto-icons/misc');
31
+ var GoogleCalendarIcon = require('@bigbinary/neeto-icons/misc/GoogleCalendar');
32
+ var Google = require('@bigbinary/neeto-icons/misc/Google');
33
+ var Callout = require('@bigbinary/neetoui/Callout');
26
34
  var ramda = require('ramda');
35
+ var Select = require('@bigbinary/neetoui/formik/Select');
27
36
  var yup = require('yup');
37
+ var ZoomIcon = require('@bigbinary/neeto-icons/misc/Zoom');
38
+ var NeetoUIModal = require('@bigbinary/neetoui/Modal');
39
+ var DailyIcon = require('@bigbinary/neeto-icons/misc/Daily');
28
40
  var CopyToClipboardButton = require('@bigbinary/neeto-molecules/CopyToClipboardButton');
29
41
 
30
42
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -53,30 +65,72 @@ var WalkthroughModal__default = /*#__PURE__*/_interopDefaultLegacy(WalkthroughMo
53
65
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
54
66
  var React__namespace = /*#__PURE__*/_interopNamespace(React);
55
67
  var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
68
+ var Check__default = /*#__PURE__*/_interopDefaultLegacy(Check);
69
+ var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
70
+ var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
71
+ var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
56
72
  var i18next__default = /*#__PURE__*/_interopDefaultLegacy(i18next);
57
73
  var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
58
74
  var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
59
75
  var Header__default = /*#__PURE__*/_interopDefaultLegacy(Header);
60
76
  var HelpPopover__default = /*#__PURE__*/_interopDefaultLegacy(HelpPopover);
61
77
  var PageLoader__default = /*#__PURE__*/_interopDefaultLegacy(PageLoader);
78
+ var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
79
+ var FormikForm__default = /*#__PURE__*/_interopDefaultLegacy(FormikForm);
80
+ var ActionBlock__default = /*#__PURE__*/_interopDefaultLegacy(ActionBlock);
81
+ var GoogleCalendarIcon__default = /*#__PURE__*/_interopDefaultLegacy(GoogleCalendarIcon);
82
+ var Google__default = /*#__PURE__*/_interopDefaultLegacy(Google);
83
+ var Callout__default = /*#__PURE__*/_interopDefaultLegacy(Callout);
84
+ var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
62
85
  var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
86
+ var ZoomIcon__default = /*#__PURE__*/_interopDefaultLegacy(ZoomIcon);
87
+ var NeetoUIModal__default = /*#__PURE__*/_interopDefaultLegacy(NeetoUIModal);
88
+ var DailyIcon__default = /*#__PURE__*/_interopDefaultLegacy(DailyIcon);
63
89
  var CopyToClipboardButton__default = /*#__PURE__*/_interopDefaultLegacy(CopyToClipboardButton);
64
90
 
65
- function _extends$1() {
66
- _extends$1 = Object.assign ? Object.assign.bind() : function (target) {
67
- for (var i = 1; i < arguments.length; i++) {
68
- var source = arguments[i];
69
- for (var key in source) {
70
- if (Object.prototype.hasOwnProperty.call(source, key)) {
71
- target[key] = source[key];
72
- }
73
- }
74
- }
75
- return target;
76
- };
77
- return _extends$1.apply(this, arguments);
91
+ function _typeof(o) {
92
+ "@babel/helpers - typeof";
93
+
94
+ return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
95
+ return typeof o;
96
+ } : function (o) {
97
+ return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
98
+ }, _typeof(o);
99
+ }
100
+
101
+ function _toPrimitive(input, hint) {
102
+ if (_typeof(input) !== "object" || input === null) return input;
103
+ var prim = input[Symbol.toPrimitive];
104
+ if (prim !== undefined) {
105
+ var res = prim.call(input, hint || "default");
106
+ if (_typeof(res) !== "object") return res;
107
+ throw new TypeError("@@toPrimitive must return a primitive value.");
108
+ }
109
+ return (hint === "string" ? String : Number)(input);
78
110
  }
79
111
 
112
+ function _toPropertyKey(arg) {
113
+ var key = _toPrimitive(arg, "string");
114
+ return _typeof(key) === "symbol" ? key : String(key);
115
+ }
116
+
117
+ function _defineProperty(obj, key, value) {
118
+ key = _toPropertyKey(key);
119
+ if (key in obj) {
120
+ Object.defineProperty(obj, key, {
121
+ value: value,
122
+ enumerable: true,
123
+ configurable: true,
124
+ writable: true
125
+ });
126
+ } else {
127
+ obj[key] = value;
128
+ }
129
+ return obj;
130
+ }
131
+
132
+ function ownKeys$8(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; }
133
+ function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
80
134
  var Manage$1 = reactUtils.withT(function (_ref) {
81
135
  var t = _ref.t,
82
136
  _ref$title = _ref.title,
@@ -120,129 +174,109 @@ var Manage$1 = reactUtils.withT(function (_ref) {
120
174
  _ref$isConnectDisable = _ref.isConnectDisabled,
121
175
  isConnectDisabled = _ref$isConnectDisable === void 0 ? false : _ref$isConnectDisable,
122
176
  _ref$connectTooltipPr = _ref.connectTooltipProps,
123
- connectTooltipProps = _ref$connectTooltipPr === void 0 ? null : _ref$connectTooltipPr;
124
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
125
- className: "mx-auto w-full max-w-3xl"
126
- }, /*#__PURE__*/React__default["default"].createElement("div", {
127
- className: "neeto-ui-border-gray-300 neeto-ui-rounded-xl mt-10 w-full space-y-4 border p-6"
128
- }, Icon && /*#__PURE__*/React__default["default"].createElement(Icon, {
129
- className: "neeto-ui-text-gray-600",
130
- size: 48
131
- }), /*#__PURE__*/React__default["default"].createElement("div", {
132
- className: "space-y-2"
133
- }, /*#__PURE__*/React__default["default"].createElement("div", {
134
- className: "flex items-center space-x-4"
135
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
136
- className: "neeto-ui-text-gray-800 mb-0.5",
137
- style: "h2",
138
- weight: "semibold"
139
- }, title), isConnected && /*#__PURE__*/React__default["default"].createElement("div", {
140
- className: "neeto-ui-bg-success-500 neeto-ui-text-white neeto-ui-rounded-full flex items-center justify-center p-1"
141
- }, /*#__PURE__*/React__default["default"].createElement(neetoIcons.Check, {
142
- size: 24
143
- }))), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
144
- style: "body1",
145
- weight: "normal",
146
- className: classnames__default["default"]("neeto-ui-text-gray-800", {
147
- "break-all": isConnected
148
- })
149
- }, description), helpDocUrl && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
150
- className: "neeto-ui-text-gray-800",
151
- style: "body2",
152
- weight: "normal"
153
- }, /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
154
- i18nKey: "neetoIntegrations.common.helpDocUrl",
155
- components: {
156
- helpLink: /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
157
- href: helpDocUrl,
158
- style: "link",
159
- target: "_blank"
177
+ connectTooltipProps = _ref$connectTooltipPr === void 0 ? null : _ref$connectTooltipPr,
178
+ _ref$buttonProps = _ref.buttonProps,
179
+ buttonProps = _ref$buttonProps === void 0 ? {} : _ref$buttonProps,
180
+ _ref$secondaryButtonP = _ref.secondaryButtonProps,
181
+ secondaryButtonProps = _ref$secondaryButtonP === void 0 ? {} : _ref$secondaryButtonP;
182
+ return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
183
+ children: [/*#__PURE__*/jsxRuntime.jsx("div", {
184
+ className: "mx-auto w-full max-w-3xl",
185
+ children: /*#__PURE__*/jsxRuntime.jsxs("div", {
186
+ className: "neeto-ui-border-gray-300 neeto-ui-rounded-xl mt-10 w-full space-y-4 border p-6",
187
+ children: [Icon && /*#__PURE__*/jsxRuntime.jsx(Icon, {
188
+ className: "neeto-ui-text-gray-600",
189
+ size: 48
190
+ }), /*#__PURE__*/jsxRuntime.jsxs("div", {
191
+ className: "space-y-2",
192
+ children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
193
+ className: "flex items-center space-x-4",
194
+ children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
195
+ className: "neeto-ui-text-gray-800 mb-0.5",
196
+ style: "h2",
197
+ weight: "semibold",
198
+ children: title
199
+ }), isConnected && /*#__PURE__*/jsxRuntime.jsx("div", {
200
+ className: "neeto-ui-bg-success-500 neeto-ui-text-white neeto-ui-rounded-full flex items-center justify-center p-1",
201
+ children: /*#__PURE__*/jsxRuntime.jsx(Check__default["default"], {
202
+ size: 24
203
+ })
204
+ })]
205
+ }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
206
+ style: "body1",
207
+ weight: "normal",
208
+ className: classnames__default["default"]("neeto-ui-text-gray-800", {
209
+ "break-all": isConnected
210
+ }),
211
+ children: description
212
+ }), helpDocUrl && /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
213
+ className: "neeto-ui-text-gray-800",
214
+ style: "body2",
215
+ weight: "normal",
216
+ children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
217
+ i18nKey: "neetoIntegrations.common.helpDocUrl",
218
+ components: {
219
+ helpLink: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
220
+ href: helpDocUrl,
221
+ style: "link",
222
+ target: "_blank"
223
+ })
224
+ },
225
+ values: {
226
+ integration: integrationName || neetoCist.humanize(integration)
227
+ }
228
+ })
229
+ })]
230
+ }), isConnected ? /*#__PURE__*/jsxRuntime.jsxs("div", {
231
+ className: "space-x-2",
232
+ children: [(managePath || manageUrl) && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], _objectSpread$8({
233
+ "data-cy": "manage-button",
234
+ href: manageUrl,
235
+ target: manageUrl ? "_blank" : "_self",
236
+ to: managePath,
237
+ label: t("neetoIntegrations.common.manageIntegration", {
238
+ integration: integrationName || neetoCist.humanize(integration)
239
+ })
240
+ }, buttonProps)), onDisconnect && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], _objectSpread$8({
241
+ "data-cy": "disconnect-button",
242
+ style: "secondary",
243
+ label: t("neetoIntegrations.common.disconnectIntegration", {
244
+ integration: integrationName || neetoCist.humanize(integration)
245
+ }),
246
+ onClick: function onClick() {
247
+ return setIsDisconnectAlertOpen(true);
248
+ }
249
+ }, secondaryButtonProps))]
250
+ }) : /*#__PURE__*/jsxRuntime.jsx("div", {
251
+ children: /*#__PURE__*/jsxRuntime.jsx(Tooltip__default["default"], _objectSpread$8(_objectSpread$8({
252
+ disabled: !isConnectDisabled
253
+ }, connectTooltipProps), {}, {
254
+ children: /*#__PURE__*/jsxRuntime.jsx("span", {
255
+ children: (connectPath || connectUrl || onConnect) && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], _objectSpread$8({
256
+ "data-cy": "connect-button",
257
+ disabled: isConnectDisabled,
258
+ href: connectUrl,
259
+ to: connectPath,
260
+ label: t("neetoIntegrations.common.connectIntegration", {
261
+ integration: integrationName || neetoCist.humanize(integration)
262
+ }),
263
+ onClick: onConnect
264
+ }, buttonProps))
265
+ })
266
+ }))
267
+ })]
160
268
  })
161
- },
162
- values: {
163
- integration: integrationName || neetoCist.humanize(integration)
164
- }
165
- }))), isConnected ? /*#__PURE__*/React__default["default"].createElement("div", {
166
- className: "space-x-2"
167
- }, (managePath || manageUrl) && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
168
- "data-cy": "manage-button",
169
- href: manageUrl,
170
- target: manageUrl ? "_blank" : "_self",
171
- to: managePath,
172
- label: t("neetoIntegrations.common.manageIntegration", {
173
- integration: integrationName || neetoCist.humanize(integration)
174
- })
175
- }), onDisconnect && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
176
- "data-cy": "disconnect-button",
177
- style: "secondary",
178
- label: t("neetoIntegrations.common.disconnectIntegration", {
179
- integration: integrationName || neetoCist.humanize(integration)
180
- }),
181
- onClick: function onClick() {
182
- return setIsDisconnectAlertOpen(true);
183
- }
184
- })) : /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, _extends$1({
185
- disabled: !isConnectDisabled
186
- }, connectTooltipProps), /*#__PURE__*/React__default["default"].createElement("span", null, (connectPath || connectUrl || onConnect) && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
187
- "data-cy": "connect-button",
188
- disabled: isConnectDisabled,
189
- href: connectUrl,
190
- to: connectPath,
191
- label: t("neetoIntegrations.common.connectIntegration", {
192
- integration: integrationName || neetoCist.humanize(integration)
193
- }),
194
- onClick: onConnect
195
- })))))), /*#__PURE__*/React__default["default"].createElement(DisconnectAlert__default["default"], {
196
- isDisconnecting: isDisconnecting,
197
- onClose: onClose,
198
- onDisconnect: onDisconnect,
199
- isOpen: isDisconnectAlertOpen,
200
- message: disconnectMessage || t("settings.integrations.".concat(integration, ".disconnect.message")),
201
- title: disconnectTitle || t("settings.integrations.".concat(integration, ".disconnect.title"))
202
- }));
269
+ }), /*#__PURE__*/jsxRuntime.jsx(DisconnectAlert__default["default"], {
270
+ isDisconnecting: isDisconnecting,
271
+ onClose: onClose,
272
+ onDisconnect: onDisconnect,
273
+ isOpen: isDisconnectAlertOpen,
274
+ message: disconnectMessage || t("settings.integrations.".concat(integration, ".disconnect.message")),
275
+ title: disconnectTitle || t("settings.integrations.".concat(integration, ".disconnect.title"))
276
+ })]
277
+ });
203
278
  });
204
279
 
205
- function _typeof(o) {
206
- "@babel/helpers - typeof";
207
-
208
- return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
209
- return typeof o;
210
- } : function (o) {
211
- return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
212
- }, _typeof(o);
213
- }
214
-
215
- function _toPrimitive(input, hint) {
216
- if (_typeof(input) !== "object" || input === null) return input;
217
- var prim = input[Symbol.toPrimitive];
218
- if (prim !== undefined) {
219
- var res = prim.call(input, hint || "default");
220
- if (_typeof(res) !== "object") return res;
221
- throw new TypeError("@@toPrimitive must return a primitive value.");
222
- }
223
- return (hint === "string" ? String : Number)(input);
224
- }
225
-
226
- function _toPropertyKey(arg) {
227
- var key = _toPrimitive(arg, "string");
228
- return _typeof(key) === "symbol" ? key : String(key);
229
- }
230
-
231
- function _defineProperty(obj, key, value) {
232
- key = _toPropertyKey(key);
233
- if (key in obj) {
234
- Object.defineProperty(obj, key, {
235
- value: value,
236
- enumerable: true,
237
- configurable: true,
238
- writable: true
239
- });
240
- } else {
241
- obj[key] = value;
242
- }
243
- return obj;
244
- }
245
-
246
280
  var INTEGRATIONS_ENGINE_BASE_URL = "/neeto_integrations";
247
281
  var TWILIO_CONFIGURATION_BASE_URL = "".concat(INTEGRATIONS_ENGINE_BASE_URL, "/twilio/sms_configurations");
248
282
  var INTEGRATIONS_ENGINE_DAILY_URL = "".concat(INTEGRATIONS_ENGINE_BASE_URL, "/daily");
@@ -273,23 +307,25 @@ var QUERY_KEYS = {
273
307
  ZOOM_DETAILS: "zoom-details"
274
308
  };
275
309
 
276
- function ownKeys$4(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; }
277
- function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
310
+ function ownKeys$7(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; }
311
+ function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
278
312
  var useCreateDaily = function useCreateDaily() {
279
313
  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
280
- return reactUtils.useMutationWithInvalidation(dailiesApi.create, _objectSpread$4({
281
- keysToInvalidate: [QUERY_KEYS.DAILY_CO_DETAILS]
314
+ return reactUtils.useMutationWithInvalidation(dailiesApi.create, _objectSpread$7({
315
+ keysToInvalidate: [[QUERY_KEYS.DAILY_CO_DETAILS]]
282
316
  }, options));
283
317
  };
284
318
  var useFetchDaily = function useFetchDaily() {
285
- return reactQuery.useQuery(QUERY_KEYS.DAILY_CO_DETAILS, dailiesApi.show, {
319
+ return reactQuery.useQuery({
320
+ queryKey: [QUERY_KEYS.DAILY_CO_DETAILS],
321
+ queryFn: dailiesApi.show,
286
322
  staleTime: constants.DEFAULT_STALE_TIME
287
323
  });
288
324
  };
289
325
  var useDestroyDaily = function useDestroyDaily(_ref) {
290
326
  var onSuccess = _ref.onSuccess;
291
327
  return reactUtils.useMutationWithInvalidation(dailiesApi.destroy, {
292
- keysToInvalidate: [QUERY_KEYS.DAILY_CO_DETAILS],
328
+ keysToInvalidate: [[QUERY_KEYS.DAILY_CO_DETAILS]],
293
329
  onSuccess: onSuccess
294
330
  });
295
331
  };
@@ -379,15 +415,19 @@ function _objectWithoutProperties(source, excluded) {
379
415
  }
380
416
 
381
417
  var _excluded = ["className", "children"];
418
+ function ownKeys$6(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; }
419
+ function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
382
420
  var ExternalLink = function ExternalLink(_ref) {
383
421
  var _ref$className = _ref.className,
384
422
  className = _ref$className === void 0 ? "" : _ref$className,
385
423
  _ref$children = _ref.children,
386
424
  children = _ref$children === void 0 ? null : _ref$children,
387
425
  props = _objectWithoutProperties(_ref, _excluded);
388
- return /*#__PURE__*/React__default["default"].createElement("a", _extends$1({
426
+ return /*#__PURE__*/jsxRuntime.jsx("a", _objectSpread$6(_objectSpread$6({
389
427
  className: classnames__default["default"](["neeto-ui-text-primary-800 hover:neeto-ui-text-primary-800 visited:neeto-ui-text-primary-600 font-medium", className])
390
- }, props), children);
428
+ }, props), {}, {
429
+ children: children
430
+ }));
391
431
  };
392
432
  var ExternalLink$1 = /*#__PURE__*/React__default["default"].memo(ExternalLink);
393
433
 
@@ -407,6 +447,7 @@ var Form = function Form(_ref) {
407
447
  breadcrumbs = _ref.breadcrumbs;
408
448
  var _useTranslation = reactI18next.useTranslation(),
409
449
  t = _useTranslation.t;
450
+ var history = reactRouterDom.useHistory();
410
451
  var _useState = React.useState(false),
411
452
  _useState2 = _slicedToArray(_useState, 2),
412
453
  isDemoModalOpen = _useState2[0],
@@ -417,75 +458,83 @@ var Form = function Form(_ref) {
417
458
  }
418
459
  }),
419
460
  createDaily = _useCreateDaily.mutate,
420
- isConnecting = _useCreateDaily.isLoading;
461
+ isConnecting = _useCreateDaily.isPending;
421
462
  var handleSubmit = function handleSubmit(payload) {
422
463
  return createDaily(payload);
423
464
  };
424
465
  if (isConnecting) {
425
- return /*#__PURE__*/React__default["default"].createElement(PageLoader__default["default"], null);
466
+ return /*#__PURE__*/jsxRuntime.jsx(PageLoader__default["default"], {});
426
467
  }
427
- return /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
428
- isHeaderFixed: true
429
- }, /*#__PURE__*/React__default["default"].createElement(Header__default["default"], {
430
- breadcrumbs: breadcrumbs,
431
- title: /*#__PURE__*/React__default["default"].createElement("span", {
432
- className: "flex items-center gap-2"
433
- }, t("neetoIntegrations.daily.connect.title"), /*#__PURE__*/React__default["default"].createElement(HelpPopover__default["default"], {
434
- title: t("neetoIntegrations.daily.connect.title"),
435
- description: /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
436
- i18nKey: "neetoIntegrations.daily.helpDoc",
437
- components: {
438
- externalLink: /*#__PURE__*/React__default["default"].createElement(ExternalLink$1, {
439
- "data-cy": "api-key-help-doc-link",
440
- href: helpDocUrl,
441
- rel: "noreferrer",
442
- target: "_blank"
443
- })
444
- }
445
- }),
446
- helpLinkProps: {
447
- label: /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
448
- className: "mt-8",
449
- label: t("neetoIntegrations.daily.walkthroughText"),
450
- style: "link",
451
- onClick: function onClick() {
452
- return setIsDemoModalOpen(true);
468
+ return /*#__PURE__*/jsxRuntime.jsxs(Container__default["default"], {
469
+ isHeaderFixed: true,
470
+ children: [/*#__PURE__*/jsxRuntime.jsx(Header__default["default"], {
471
+ breadcrumbs: breadcrumbs,
472
+ title: /*#__PURE__*/jsxRuntime.jsxs("span", {
473
+ className: "flex items-center gap-2",
474
+ children: [t("neetoIntegrations.daily.connect.title"), /*#__PURE__*/jsxRuntime.jsx(HelpPopover__default["default"], {
475
+ title: t("neetoIntegrations.daily.connect.title"),
476
+ description: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
477
+ i18nKey: "neetoIntegrations.daily.helpDoc",
478
+ components: {
479
+ externalLink: /*#__PURE__*/jsxRuntime.jsx(ExternalLink$1, {
480
+ "data-cy": "api-key-help-doc-link",
481
+ href: helpDocUrl,
482
+ rel: "noreferrer",
483
+ target: "_blank"
484
+ })
485
+ }
486
+ }),
487
+ helpLinkProps: {
488
+ label: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
489
+ className: "mt-8",
490
+ label: t("neetoIntegrations.daily.walkthroughText"),
491
+ style: "link",
492
+ onClick: function onClick() {
493
+ return setIsDemoModalOpen(true);
494
+ }
495
+ })
453
496
  }
497
+ })]
498
+ })
499
+ }), /*#__PURE__*/jsxRuntime.jsxs("div", {
500
+ className: "mx-auto w-full max-w-md",
501
+ children: [/*#__PURE__*/jsxRuntime.jsx(FormikForm__default["default"], {
502
+ formikProps: {
503
+ initialValues: MANAGE_DAILY_CO_FORM_INITIAL_VALUES,
504
+ validationSchema: DAILY_CO_VALIDATION_SCHEMA,
505
+ onSubmit: handleSubmit
506
+ },
507
+ children: /*#__PURE__*/jsxRuntime.jsxs("div", {
508
+ className: "mt-14 w-full space-y-2",
509
+ children: [/*#__PURE__*/jsxRuntime.jsx("div", {
510
+ className: "block min-h-20",
511
+ children: /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
512
+ autoFocus: true,
513
+ required: true,
514
+ label: t("neetoIntegrations.daily.apiKey"),
515
+ name: "apiKey"
516
+ })
517
+ }), /*#__PURE__*/jsxRuntime.jsx(ActionBlock__default["default"], {
518
+ cancelButtonProps: {
519
+ onClick: function onClick() {
520
+ return history.goBack();
521
+ }
522
+ },
523
+ isSubmitting: isConnecting,
524
+ submitButtonProps: {
525
+ label: t("neetoIntegrations.common.connect")
526
+ }
527
+ })]
454
528
  })
455
- }
456
- }))
457
- }), /*#__PURE__*/React__default["default"].createElement("div", {
458
- className: "mx-auto w-full max-w-md"
459
- }, /*#__PURE__*/React__default["default"].createElement(formik.Form, {
460
- formikProps: {
461
- initialValues: MANAGE_DAILY_CO_FORM_INITIAL_VALUES,
462
- validationSchema: DAILY_CO_VALIDATION_SCHEMA,
463
- onSubmit: handleSubmit
464
- }
465
- }, function (_ref2) {
466
- var dirty = _ref2.dirty;
467
- return /*#__PURE__*/React__default["default"].createElement("div", {
468
- className: "mt-14 w-full space-y-5"
469
- }, /*#__PURE__*/React__default["default"].createElement("div", {
470
- className: "block min-h-20"
471
- }, /*#__PURE__*/React__default["default"].createElement(formik.Input, {
472
- autoFocus: true,
473
- required: true,
474
- label: t("neetoIntegrations.daily.apiKey"),
475
- name: "apiKey"
476
- })), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
477
- disabled: isConnecting || !dirty,
478
- label: t("neetoIntegrations.common.connect"),
479
- loading: isConnecting,
480
- type: "submit"
481
- })));
482
- }), /*#__PURE__*/React__default["default"].createElement(WalkthroughModal__default["default"], {
483
- videoUrl: videoUrl,
484
- isOpen: isDemoModalOpen,
485
- onClose: function onClose() {
486
- return setIsDemoModalOpen(false);
487
- }
488
- })));
529
+ }), /*#__PURE__*/jsxRuntime.jsx(WalkthroughModal__default["default"], {
530
+ videoUrl: videoUrl,
531
+ isOpen: isDemoModalOpen,
532
+ onClose: function onClose() {
533
+ return setIsDemoModalOpen(false);
534
+ }
535
+ })]
536
+ })]
537
+ });
489
538
  };
490
539
  var Form$1 = reactUtils.withTitle(Form, i18next__default["default"].t("neetoIntegrations.browserTitles.integrations.dailyco"));
491
540
 
@@ -514,35 +563,35 @@ var Manage = function Manage(_ref) {
514
563
  }
515
564
  }),
516
565
  destroyIntegration = _useDestroyDaily.mutate,
517
- isDisconnecting = _useDestroyDaily.isLoading;
566
+ isDisconnecting = _useDestroyDaily.isPending;
518
567
  var isConnected = neetoCist.isPresent(apiKey);
519
568
  var handleDisconnect = function handleDisconnect() {
520
569
  return destroyIntegration("daily");
521
570
  };
522
- if (isFetching || isDisconnecting) return /*#__PURE__*/React__default["default"].createElement(PageLoader__default["default"], null);
523
- return /*#__PURE__*/React__default["default"].createElement(Manage$1, {
571
+ if (isFetching || isDisconnecting) return /*#__PURE__*/jsxRuntime.jsx(PageLoader__default["default"], {});
572
+ return /*#__PURE__*/jsxRuntime.jsx(Manage$1, {
524
573
  isConnected: isConnected,
525
574
  isDisconnectAlertOpen: isDisconnectAlertOpen,
526
575
  isDisconnecting: isDisconnecting,
527
576
  setIsDisconnectAlertOpen: setIsDisconnectAlertOpen,
528
- Icon: misc.Daily,
577
+ Icon: DailyIcon__default["default"],
529
578
  connectPath: utils.buildUrl(window.location.pathname, {
530
579
  connect: true
531
580
  }),
532
581
  integration: "daily",
533
- description: isConnected ? /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
582
+ description: isConnected ? /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
534
583
  i18nKey: "neetoIntegrations.daily.yourApiKey",
535
584
  values: {
536
585
  apiKey: apiKey
537
586
  },
538
587
  components: {
539
- wrapper: /*#__PURE__*/React__default["default"].createElement("div", {
588
+ wrapper: /*#__PURE__*/jsxRuntime.jsx("div", {
540
589
  className: "neeto-ui-rounded-md mt-2 flex items-center justify-between gap-x-3 border px-3 py-2"
541
590
  }),
542
- span: /*#__PURE__*/React__default["default"].createElement("span", {
591
+ span: /*#__PURE__*/jsxRuntime.jsx("span", {
543
592
  className: "break-all text-sm"
544
593
  }),
545
- copy: /*#__PURE__*/React__default["default"].createElement(CopyToClipboardButton__default["default"], {
594
+ copy: /*#__PURE__*/jsxRuntime.jsx(CopyToClipboardButton__default["default"], {
546
595
  className: "flex-shrink-0 self-start",
547
596
  style: "text",
548
597
  value: apiKey
@@ -581,12 +630,12 @@ var Daily = function Daily(_ref) {
581
630
  _ref2$apiKey = _ref2.apiKey,
582
631
  apiKey = _ref2$apiKey === void 0 ? null : _ref2$apiKey;
583
632
  if (neetoCist.isPresent(apiKey) && !isOnboarding || !connect) {
584
- return /*#__PURE__*/React__default["default"].createElement(Manage, {
633
+ return /*#__PURE__*/jsxRuntime.jsx(Manage, {
585
634
  description: description,
586
635
  onDisconnect: onDisconnect
587
636
  });
588
637
  }
589
- return /*#__PURE__*/React__default["default"].createElement(Form$1, {
638
+ return /*#__PURE__*/jsxRuntime.jsx(Form$1, {
590
639
  helpDocUrl: helpDocUrl,
591
640
  onConnect: onConnect,
592
641
  videoUrl: videoUrl
@@ -626,8 +675,8 @@ var STEPS = {
626
675
  finish: i18next.t("neetoIntegrations.common.finish")
627
676
  };
628
677
 
629
- 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; }
630
- 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; }
678
+ function ownKeys$5(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; }
679
+ function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
631
680
  var GoogleCalendar = function GoogleCalendar(_ref) {
632
681
  var permissionImage = _ref.permissionImage,
633
682
  fetchAuthorizationUrl = _ref.fetchAuthorizationUrl,
@@ -645,56 +694,62 @@ var GoogleCalendar = function GoogleCalendar(_ref) {
645
694
  React.useEffect(function () {
646
695
  setSteps(function () {
647
696
  var stepsClone = _toConsumableArray(steps);
648
- stepsClone[0] = _objectSpread$3(_objectSpread$3({}, steps[0]), {}, {
697
+ stepsClone[0] = _objectSpread$5(_objectSpread$5({}, steps[0]), {}, {
649
698
  isActive: activeTab === STEPS.connect,
650
699
  isCompleted: activeTab !== STEPS.connect
651
700
  });
652
- stepsClone[1] = _objectSpread$3(_objectSpread$3({}, steps[1]), {}, {
701
+ stepsClone[1] = _objectSpread$5(_objectSpread$5({}, steps[1]), {}, {
653
702
  isActive: activeTab === STEPS.finish,
654
703
  isCompleted: activeTab === STEPS.finish
655
704
  });
656
705
  return stepsClone;
657
706
  });
658
707
  }, [activeTab]);
659
- return /*#__PURE__*/React__default["default"].createElement(Modal, {
708
+ return /*#__PURE__*/jsxRuntime.jsxs(Modal, {
660
709
  steps: steps,
661
710
  isOpen: true,
662
- onClose: handleClose
663
- }, activeTab === STEPS.connect && /*#__PURE__*/React__default["default"].createElement("div", {
664
- className: "mx-auto w-full max-w-3xl"
665
- }, /*#__PURE__*/React__default["default"].createElement(misc.GoogleCalendar, {
666
- size: 48
667
- }), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
668
- className: "mb-4 mt-2",
669
- style: "h2"
670
- }, t("neetoIntegrations.google.connect.title")), /*#__PURE__*/React__default["default"].createElement("div", {
671
- className: "flex w-full flex-col items-start"
672
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Callout, {
673
- className: "block leading-5"
674
- }, /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
675
- components: {
676
- bold: /*#__PURE__*/React__default["default"].createElement("strong", null)
677
- },
678
- i18nKey: "neetoIntegrations.google.connect.reminderToAcceptPermissions",
679
- values: {
680
- selectCheckbox: t("neetoIntegrations.google.connect.selectCheckbox")
681
- }
682
- })), permissionImage && /*#__PURE__*/React__default["default"].createElement("div", {
683
- className: "neeto-ui-border-gray-300 neeto-ui-rounded-md my-4 overflow-hidden border"
684
- }, /*#__PURE__*/React__default["default"].createElement("img", {
685
- src: permissionImage
686
- }))), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
687
- icon: misc.Google,
688
- label: t("neetoIntegrations.google.connect.signIn"),
689
- onClick: fetchAuthorizationUrl
690
- })), activeTab === STEPS.finish && /*#__PURE__*/React__default["default"].createElement(Finish, {
691
- title: t("neetoIntegrations.google.finish.title"),
692
- onClick: handleRedirect
693
- }));
711
+ onClose: handleClose,
712
+ children: [activeTab === STEPS.connect && /*#__PURE__*/jsxRuntime.jsxs("div", {
713
+ className: "mx-auto w-full max-w-3xl",
714
+ children: [/*#__PURE__*/jsxRuntime.jsx(GoogleCalendarIcon__default["default"], {
715
+ size: 48
716
+ }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
717
+ className: "mb-4 mt-2",
718
+ style: "h2",
719
+ children: t("neetoIntegrations.google.connect.title")
720
+ }), /*#__PURE__*/jsxRuntime.jsxs("div", {
721
+ className: "flex w-full flex-col items-start",
722
+ children: [/*#__PURE__*/jsxRuntime.jsx(Callout__default["default"], {
723
+ className: "block leading-5",
724
+ children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
725
+ components: {
726
+ bold: /*#__PURE__*/jsxRuntime.jsx("strong", {})
727
+ },
728
+ i18nKey: "neetoIntegrations.google.connect.reminderToAcceptPermissions",
729
+ values: {
730
+ selectCheckbox: t("neetoIntegrations.google.connect.selectCheckbox")
731
+ }
732
+ })
733
+ }), permissionImage && /*#__PURE__*/jsxRuntime.jsx("div", {
734
+ className: "neeto-ui-border-gray-300 neeto-ui-rounded-md my-4 overflow-hidden border",
735
+ children: /*#__PURE__*/jsxRuntime.jsx("img", {
736
+ src: permissionImage
737
+ })
738
+ })]
739
+ }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
740
+ icon: Google__default["default"],
741
+ label: t("neetoIntegrations.google.connect.signIn"),
742
+ onClick: fetchAuthorizationUrl
743
+ })]
744
+ }), activeTab === STEPS.finish && /*#__PURE__*/jsxRuntime.jsx(Finish, {
745
+ title: t("neetoIntegrations.google.finish.title"),
746
+ onClick: handleRedirect
747
+ })]
748
+ });
694
749
  };
695
750
 
696
- 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; }
697
- 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; }
751
+ function ownKeys$4(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; }
752
+ function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
698
753
  var ConfigurationForm = function ConfigurationForm(_ref) {
699
754
  var _errors$twilioPhoneNu;
700
755
  var phoneNumberOptions = _ref.phoneNumberOptions,
@@ -716,42 +771,46 @@ var ConfigurationForm = function ConfigurationForm(_ref) {
716
771
  React.useEffect(function () {
717
772
  selectedPhoneNumber && setFieldValue("twilioPhoneNumber", selectedPhoneNumber);
718
773
  }, [selectedPhoneNumber, initialValues]);
719
- return /*#__PURE__*/React__default["default"].createElement("div", {
720
- className: "flex w-full flex-col gap-4"
721
- }, /*#__PURE__*/React__default["default"].createElement("div", {
722
- className: "flex w-full"
723
- }, /*#__PURE__*/React__default["default"].createElement(formik.Input, {
724
- required: true,
725
- autoFocus: !isUsingOverlay,
726
- "data-testid": "integrations-twilio-sid",
727
- label: t("neetoIntegrations.twilio.sid"),
728
- name: "twilioSid",
729
- ref: initialFocusRef
730
- })), /*#__PURE__*/React__default["default"].createElement("div", {
731
- className: "flex w-full"
732
- }, /*#__PURE__*/React__default["default"].createElement(formik.Input, {
733
- required: true,
734
- "data-testid": "integrations-twilio-auth-token",
735
- label: t("neetoIntegrations.twilio.authToken"),
736
- name: "twilioAuthToken"
737
- })), phoneNumberOptions && /*#__PURE__*/React__default["default"].createElement("div", {
738
- className: "flex w-full"
739
- }, /*#__PURE__*/React__default["default"].createElement(formik.Select, {
740
- error: (_errors$twilioPhoneNu = errors.twilioPhoneNumber) === null || _errors$twilioPhoneNu === void 0 ? void 0 : _errors$twilioPhoneNu.value,
741
- label: t("neetoIntegrations.common.phNo"),
742
- name: "twilioPhoneNumber",
743
- options: phoneNumberOptions,
744
- size: "large",
745
- onChange: function onChange(selected) {
746
- return setValues(_objectSpread$2(_objectSpread$2({}, values), {}, {
747
- twilioPhoneNumber: selected
748
- }));
749
- }
750
- })));
774
+ return /*#__PURE__*/jsxRuntime.jsxs("div", {
775
+ className: "flex w-full flex-col gap-y-4",
776
+ children: [/*#__PURE__*/jsxRuntime.jsx("div", {
777
+ className: "flex w-full",
778
+ children: /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
779
+ required: true,
780
+ autoFocus: !isUsingOverlay,
781
+ "data-testid": "integrations-twilio-sid",
782
+ label: t("neetoIntegrations.twilio.sid"),
783
+ name: "twilioSid",
784
+ ref: initialFocusRef
785
+ })
786
+ }), /*#__PURE__*/jsxRuntime.jsx("div", {
787
+ className: "flex w-full",
788
+ children: /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
789
+ required: true,
790
+ "data-testid": "integrations-twilio-auth-token",
791
+ label: t("neetoIntegrations.twilio.authToken"),
792
+ name: "twilioAuthToken"
793
+ })
794
+ }), phoneNumberOptions && /*#__PURE__*/jsxRuntime.jsx("div", {
795
+ className: "flex w-full",
796
+ children: /*#__PURE__*/jsxRuntime.jsx(Select__default["default"], {
797
+ error: (_errors$twilioPhoneNu = errors.twilioPhoneNumber) === null || _errors$twilioPhoneNu === void 0 ? void 0 : _errors$twilioPhoneNu.value,
798
+ label: t("neetoIntegrations.common.phNo"),
799
+ name: "twilioPhoneNumber",
800
+ options: phoneNumberOptions,
801
+ size: "large",
802
+ onChange: function onChange(selected) {
803
+ return setValues(_objectSpread$4(_objectSpread$4({}, values), {}, {
804
+ twilioPhoneNumber: selected
805
+ }));
806
+ }
807
+ })
808
+ })]
809
+ });
751
810
  };
752
811
 
753
- 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; }
754
- 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; }
812
+ 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; }
813
+ 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; }
755
814
  var fetchTwilioSmsConfiguration = function fetchTwilioSmsConfiguration(integrable) {
756
815
  return axios__default["default"].get(TWILIO_CONFIGURATION_BASE_URL, {
757
816
  params: integrable
@@ -766,7 +825,7 @@ var getTwilioPhoneNumbers = function getTwilioPhoneNumbers(data) {
766
825
  });
767
826
  };
768
827
  var createTwilioConfiguration = function createTwilioConfiguration(payload, integrable) {
769
- return axios__default["default"].post(TWILIO_CONFIGURATION_BASE_URL, _objectSpread$1(_objectSpread$1({}, payload), integrable));
828
+ return axios__default["default"].post(TWILIO_CONFIGURATION_BASE_URL, _objectSpread$3(_objectSpread$3({}, payload), integrable));
770
829
  };
771
830
  var twilioApi = {
772
831
  fetchTwilioSmsConfiguration: fetchTwilioSmsConfiguration,
@@ -777,9 +836,11 @@ var twilioApi = {
777
836
 
778
837
  var useFetchTwilioSmsConfiguration = function useFetchTwilioSmsConfiguration(_ref) {
779
838
  var integrable = _ref.integrable;
780
- return reactQuery.useQuery([QUERY_KEYS.TWILIO_SMS_CONFIGURATION, integrable === null || integrable === void 0 ? void 0 : integrable.integrableType, integrable === null || integrable === void 0 ? void 0 : integrable.integrableId], function () {
781
- return twilioApi.fetchTwilioSmsConfiguration(integrable);
782
- }, {
839
+ return reactQuery.useQuery({
840
+ queryKey: [QUERY_KEYS.TWILIO_SMS_CONFIGURATION, integrable === null || integrable === void 0 ? void 0 : integrable.integrableType, integrable === null || integrable === void 0 ? void 0 : integrable.integrableId],
841
+ queryFn: function queryFn() {
842
+ return twilioApi.fetchTwilioSmsConfiguration(integrable);
843
+ },
783
844
  select: function select(response) {
784
845
  var _smsConfiguration$twi, _smsConfiguration$twi2, _smsConfiguration$twi3;
785
846
  var smsConfiguration = response.smsConfiguration;
@@ -795,11 +856,13 @@ var useFetchTwilioPhoneNumbers = function useFetchTwilioPhoneNumbers(_ref2) {
795
856
  var _formRef$current, _formRef$current2;
796
857
  var credentials = _ref2.credentials,
797
858
  formRef = _ref2.formRef;
798
- return reactQuery.useQuery([QUERY_KEYS.TWILIO_PHONE_NUMBERS, {
799
- credentials: credentials
800
- }], function () {
801
- return twilioApi.getTwilioPhoneNumbers(neetoCist.keysToSnakeCase(credentials));
802
- }, {
859
+ return reactQuery.useQuery({
860
+ queryKey: [QUERY_KEYS.TWILIO_PHONE_NUMBERS, {
861
+ credentials: credentials
862
+ }],
863
+ queryFn: function queryFn() {
864
+ return twilioApi.getTwilioPhoneNumbers(neetoCist.keysToSnakeCase(credentials));
865
+ },
803
866
  enabled: !!(credentials !== null && credentials !== void 0 && credentials.twilio_sid) || !!(credentials !== null && credentials !== void 0 && credentials.twilioSid) || !!(formRef !== null && formRef !== void 0 && (_formRef$current = formRef.current) !== null && _formRef$current !== void 0 && (_formRef$current = _formRef$current.values) !== null && _formRef$current !== void 0 && _formRef$current.twilioSid) || !!(formRef !== null && formRef !== void 0 && (_formRef$current2 = formRef.current) !== null && _formRef$current2 !== void 0 && (_formRef$current2 = _formRef$current2.values) !== null && _formRef$current2 !== void 0 && _formRef$current2.twilioAuthToken),
804
867
  select: ramda.prop("phoneNumbers"),
805
868
  retry: false
@@ -810,7 +873,7 @@ var useCreateTwilioConfiguration = function useCreateTwilioConfiguration(_ref3)
810
873
  return reactUtils.useMutationWithInvalidation(function (payload) {
811
874
  return twilioApi.createTwilioConfiguration(payload, integrable);
812
875
  }, {
813
- keysToInvalidate: [QUERY_KEYS.TWILIO_SMS_CONFIGURATION, integrable === null || integrable === void 0 ? void 0 : integrable.integrableType, integrable === null || integrable === void 0 ? void 0 : integrable.integrableId]
876
+ keysToInvalidate: [[QUERY_KEYS.TWILIO_SMS_CONFIGURATION, integrable === null || integrable === void 0 ? void 0 : integrable.integrableType, integrable === null || integrable === void 0 ? void 0 : integrable.integrableId]]
814
877
  });
815
878
  };
816
879
 
@@ -841,7 +904,7 @@ var useTwilio = function useTwilio(_ref) {
841
904
  integrable: integrable
842
905
  }),
843
906
  saveConfiguration = _useCreateTwilioConfi.mutate,
844
- isSubmitting = _useCreateTwilioConfi.isLoading;
907
+ isSubmitting = _useCreateTwilioConfi.isPending;
845
908
  var handleSubmit = function handleSubmit(values) {
846
909
  var _values$twilioPhoneNu;
847
910
  var payload = {
@@ -888,8 +951,8 @@ var buildPhoneNumberOptions = function buildPhoneNumberOptions(phoneNumbers) {
888
951
  });
889
952
  };
890
953
 
891
- 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; }
892
- 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; }
954
+ 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; }
955
+ 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; }
893
956
  var Twilio = function Twilio(_ref) {
894
957
  var _ref$integrable = _ref.integrable,
895
958
  integrable = _ref$integrable === void 0 ? null : _ref$integrable,
@@ -918,11 +981,11 @@ var Twilio = function Twilio(_ref) {
918
981
  }, phoneNumberOptions);
919
982
  var isLoading = isPhoneNumbersLoading || isConfigurationLoading;
920
983
  var isSubmitDisabled = function isSubmitDisabled(values) {
921
- return ramda.equals(_objectSpread(_objectSpread({}, configuration), {}, {
984
+ return ramda.equals(_objectSpread$2(_objectSpread$2({}, configuration), {}, {
922
985
  twilioPhoneNumber: selectedPhoneNumber
923
986
  }), values) || isLoading;
924
987
  };
925
- return /*#__PURE__*/React__default["default"].createElement(formik.Form, {
988
+ return /*#__PURE__*/jsxRuntime.jsx(FormikForm__default["default"], {
926
989
  className: "mx-auto flex w-full max-w-md flex-col p-5",
927
990
  formikProps: {
928
991
  enableReinitialize: true,
@@ -930,27 +993,30 @@ var Twilio = function Twilio(_ref) {
930
993
  initialValues: configuration,
931
994
  innerRef: formRef,
932
995
  onSubmit: handleSubmit
996
+ },
997
+ children: function children(formikProps) {
998
+ return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
999
+ children: [/*#__PURE__*/jsxRuntime.jsx(ConfigurationForm, {
1000
+ formikProps: formikProps,
1001
+ initialFocusRef: initialFocusRef,
1002
+ phoneNumberOptions: phoneNumberOptions,
1003
+ selectedPhoneNumber: selectedPhoneNumber
1004
+ }), /*#__PURE__*/jsxRuntime.jsx("div", {
1005
+ className: "mt-8",
1006
+ children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock__default["default"], {
1007
+ isSubmitting: isSubmitting,
1008
+ cancelButtonProps: {
1009
+ onClick: onClose
1010
+ },
1011
+ submitButtonProps: {
1012
+ label: phoneNumberOptions ? t("neetoIntegrations.common.saveChanges") : t("neetoIntegrations.common.verify"),
1013
+ disabled: isSubmitDisabled(formikProps.values) || isSubmitting,
1014
+ loading: isSubmitting || isPhoneNumbersLoading && !(configuration !== null && configuration !== void 0 && configuration.twilioAuthToken)
1015
+ }
1016
+ })
1017
+ })]
1018
+ });
933
1019
  }
934
- }, function (formikProps) {
935
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(ConfigurationForm, {
936
- formikProps: formikProps,
937
- initialFocusRef: initialFocusRef,
938
- phoneNumberOptions: phoneNumberOptions,
939
- selectedPhoneNumber: selectedPhoneNumber
940
- }), /*#__PURE__*/React__default["default"].createElement("div", {
941
- className: "mt-4 flex items-center gap-x-2"
942
- }, /*#__PURE__*/React__default["default"].createElement(formik.ActionBlock, {
943
- cancelButtonProps: {
944
- onClick: onClose,
945
- disabled: false
946
- },
947
- className: "space-x-3",
948
- submitButtonProps: {
949
- label: phoneNumberOptions ? t("neetoIntegrations.common.saveChanges") : t("neetoIntegrations.common.verify"),
950
- disabled: isSubmitDisabled(formikProps.values),
951
- loading: isSubmitting || isPhoneNumbersLoading && !(configuration !== null && configuration !== void 0 && configuration.twilioAuthToken)
952
- }
953
- })));
954
1020
  });
955
1021
  };
956
1022
 
@@ -971,14 +1037,16 @@ var zoomApi = {
971
1037
  };
972
1038
 
973
1039
  var useShowZoom = function useShowZoom() {
974
- return reactQuery.useQuery(QUERY_KEYS.ZOOM_DETAILS, zoomApi.show, {
1040
+ return reactQuery.useQuery({
1041
+ queryKey: [QUERY_KEYS.ZOOM_DETAILS],
1042
+ queryFn: zoomApi.show,
975
1043
  staleTime: constants.DEFAULT_STALE_TIME
976
1044
  });
977
1045
  };
978
1046
  var useDestroyZoom = function useDestroyZoom(_ref) {
979
1047
  var _onSuccess = _ref.onSuccess;
980
1048
  return reactUtils.useMutationWithInvalidation(zoomApi.destroy, {
981
- keysToInvalidate: [QUERY_KEYS.ZOOM_DETAILS],
1049
+ keysToInvalidate: [[QUERY_KEYS.ZOOM_DETAILS]],
982
1050
  onSuccess: function onSuccess() {
983
1051
  return _onSuccess === null || _onSuccess === void 0 ? void 0 : _onSuccess();
984
1052
  }
@@ -1013,23 +1081,23 @@ var Zoom = function Zoom(_ref) {
1013
1081
  }
1014
1082
  }),
1015
1083
  destroyIntegration = _useDestroyZoom.mutate,
1016
- isDisconnecting = _useDestroyZoom.isLoading;
1084
+ isDisconnecting = _useDestroyZoom.isPending;
1017
1085
  var isConnected = neetoCist.isPresent(email);
1018
1086
  var handleDisconnect = function handleDisconnect() {
1019
1087
  return destroyIntegration("zoom");
1020
1088
  };
1021
- if (isLoading) return /*#__PURE__*/React__default["default"].createElement(PageLoader__default["default"], null);
1022
- return /*#__PURE__*/React__default["default"].createElement(Manage$1, {
1089
+ if (isLoading) return /*#__PURE__*/jsxRuntime.jsx(PageLoader__default["default"], {});
1090
+ return /*#__PURE__*/jsxRuntime.jsx(Manage$1, {
1023
1091
  connectUrl: connectUrl,
1024
1092
  isConnected: isConnected,
1025
1093
  isDisconnectAlertOpen: isDisconnectAlertOpen,
1026
1094
  isDisconnecting: isDisconnecting,
1027
1095
  setIsDisconnectAlertOpen: setIsDisconnectAlertOpen,
1028
- Icon: misc.Zoom,
1096
+ Icon: ZoomIcon__default["default"],
1029
1097
  integration: "zoom",
1030
- description: isConnected ? /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
1098
+ description: isConnected ? /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
1031
1099
  components: {
1032
- underline: /*#__PURE__*/React__default["default"].createElement("u", {
1100
+ underline: /*#__PURE__*/jsxRuntime.jsx("u", {
1033
1101
  className: "font-medium"
1034
1102
  })
1035
1103
  },
@@ -1054,42 +1122,47 @@ var Stepper = function Stepper(_ref) {
1054
1122
  var isActiveOrCompleted = function isActiveOrCompleted(activeStatus, completedStatus) {
1055
1123
  return activeStatus || completedStatus;
1056
1124
  };
1057
- return /*#__PURE__*/React__default["default"].createElement("ul", {
1058
- className: "flex gap-4"
1059
- }, steps === null || steps === void 0 ? void 0 : steps.map(function (_ref2) {
1060
- var step = _ref2.step,
1061
- label = _ref2.label,
1062
- isActive = _ref2.isActive,
1063
- isCompleted = _ref2.isCompleted;
1064
- return /*#__PURE__*/React__default["default"].createElement("li", {
1065
- className: "flex items-center gap-4",
1066
- key: step
1067
- }, step !== "1" && /*#__PURE__*/React__default["default"].createElement("div", {
1068
- className: classnames__default["default"]("w-10 border-b", {
1069
- "neeto-ui-border-gray-800": isActiveOrCompleted(isActive, isCompleted),
1070
- "neeto-ui-border-gray-400": !isActiveOrCompleted(isActive, isCompleted)
1071
- })
1072
- }), /*#__PURE__*/React__default["default"].createElement("div", {
1073
- className: "flex items-center gap-2"
1074
- }, /*#__PURE__*/React__default["default"].createElement("div", {
1075
- className: classnames__default["default"]("neeto-ui-rounded-full neeto-ui-gray-600 flex h-6 w-6 items-center justify-center border", {
1076
- "neeto-ui-bg-success-600 neeto-ui-border-success-600 neeto-ui-text-white": isActive,
1077
- "neeto-ui-bg-primary-600 neeto-ui-border-primary-600 neeto-ui-text-white": isCompleted,
1078
- "neeto-ui-border-gray-400": !isActiveOrCompleted(isActive, isCompleted)
1079
- })
1080
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1081
- component: "span",
1082
- style: "body2",
1083
- weight: "normal"
1084
- }, step)), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1085
- style: "body2",
1086
- weight: "normal",
1087
- className: classnames__default["default"]({
1088
- "neeto-ui-text-gray-800": isActiveOrCompleted(isActive, isCompleted),
1089
- "neeto-ui-text-gray-600": !isActiveOrCompleted(isActive, isCompleted)
1090
- })
1091
- }, label)));
1092
- }));
1125
+ return /*#__PURE__*/jsxRuntime.jsx("ul", {
1126
+ className: "flex gap-4",
1127
+ children: steps === null || steps === void 0 ? void 0 : steps.map(function (_ref2) {
1128
+ var step = _ref2.step,
1129
+ label = _ref2.label,
1130
+ isActive = _ref2.isActive,
1131
+ isCompleted = _ref2.isCompleted;
1132
+ return /*#__PURE__*/jsxRuntime.jsxs("li", {
1133
+ className: "flex items-center gap-4",
1134
+ children: [step !== "1" && /*#__PURE__*/jsxRuntime.jsx("div", {
1135
+ className: classnames__default["default"]("w-10 border-b", {
1136
+ "neeto-ui-border-gray-800": isActiveOrCompleted(isActive, isCompleted),
1137
+ "neeto-ui-border-gray-400": !isActiveOrCompleted(isActive, isCompleted)
1138
+ })
1139
+ }), /*#__PURE__*/jsxRuntime.jsxs("div", {
1140
+ className: "flex items-center gap-2",
1141
+ children: [/*#__PURE__*/jsxRuntime.jsx("div", {
1142
+ className: classnames__default["default"]("neeto-ui-rounded-full neeto-ui-gray-600 flex h-6 w-6 items-center justify-center border", {
1143
+ "neeto-ui-bg-success-600 neeto-ui-border-success-600 neeto-ui-text-white": isActive,
1144
+ "neeto-ui-bg-primary-600 neeto-ui-border-primary-600 neeto-ui-text-white": isCompleted,
1145
+ "neeto-ui-border-gray-400": !isActiveOrCompleted(isActive, isCompleted)
1146
+ }),
1147
+ children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
1148
+ component: "span",
1149
+ style: "body2",
1150
+ weight: "normal",
1151
+ children: step
1152
+ })
1153
+ }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
1154
+ style: "body2",
1155
+ weight: "normal",
1156
+ className: classnames__default["default"]({
1157
+ "neeto-ui-text-gray-800": isActiveOrCompleted(isActive, isCompleted),
1158
+ "neeto-ui-text-gray-600": !isActiveOrCompleted(isActive, isCompleted)
1159
+ }),
1160
+ children: label
1161
+ })]
1162
+ })]
1163
+ }, step);
1164
+ })
1165
+ });
1093
1166
  };
1094
1167
 
1095
1168
  var Modal = function Modal(_ref) {
@@ -1100,18 +1173,23 @@ var Modal = function Modal(_ref) {
1100
1173
  _ref$steps = _ref.steps,
1101
1174
  steps = _ref$steps === void 0 ? {} : _ref$steps,
1102
1175
  children = _ref.children;
1103
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Modal, {
1176
+ return /*#__PURE__*/jsxRuntime.jsxs(NeetoUIModal__default["default"], {
1104
1177
  isOpen: isOpen,
1105
1178
  onClose: onClose,
1106
1179
  className: "neeto-ui-flex neeto-ui-flex-col neeto-ui-transform-none w-screen overflow-y-auto",
1107
- size: "fullScreen"
1108
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Header, null, /*#__PURE__*/React__default["default"].createElement(Stepper, {
1109
- steps: steps
1110
- })), /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Body, {
1111
- className: "neeto-ui-flex neeto-ui-justify-center neeto-ui-flex-grow"
1112
- }, /*#__PURE__*/React__default["default"].createElement("div", {
1113
- className: "neeto-ui-w-full py-10"
1114
- }, children)));
1180
+ size: "fullScreen",
1181
+ children: [/*#__PURE__*/jsxRuntime.jsx(NeetoUIModal__default["default"].Header, {
1182
+ children: /*#__PURE__*/jsxRuntime.jsx(Stepper, {
1183
+ steps: steps
1184
+ })
1185
+ }), /*#__PURE__*/jsxRuntime.jsx(NeetoUIModal__default["default"].Body, {
1186
+ className: "neeto-ui-flex neeto-ui-justify-center neeto-ui-flex-grow",
1187
+ children: /*#__PURE__*/jsxRuntime.jsx("div", {
1188
+ className: "neeto-ui-w-full py-10",
1189
+ children: children
1190
+ })
1191
+ })]
1192
+ });
1115
1193
  };
1116
1194
 
1117
1195
  function getDefaultExportFromCjs (x) {
@@ -1196,6 +1274,8 @@ var factoryWithThrowingShims = function factoryWithThrowingShims() {
1196
1274
  var propTypesExports = propTypes.exports;
1197
1275
  var PropTypes = /*@__PURE__*/getDefaultExportFromCjs(propTypesExports);
1198
1276
 
1277
+ 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; }
1278
+ 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; }
1199
1279
  var Connect = reactUtils.withT(function (_ref) {
1200
1280
  var t = _ref.t,
1201
1281
  Icon = _ref.Icon,
@@ -1203,32 +1283,61 @@ var Connect = reactUtils.withT(function (_ref) {
1203
1283
  title = _ref$title === void 0 ? "" : _ref$title,
1204
1284
  _ref$description = _ref.description,
1205
1285
  description = _ref$description === void 0 ? "" : _ref$description,
1286
+ _ref$integration = _ref.integration,
1287
+ integration = _ref$integration === void 0 ? "" : _ref$integration,
1288
+ _ref$integrationName = _ref.integrationName,
1289
+ integrationName = _ref$integrationName === void 0 ? "" : _ref$integrationName,
1290
+ _ref$helpDocUrl = _ref.helpDocUrl,
1291
+ helpDocUrl = _ref$helpDocUrl === void 0 ? "" : _ref$helpDocUrl,
1206
1292
  _ref$buttonProps = _ref.buttonProps,
1207
1293
  buttonProps = _ref$buttonProps === void 0 ? {} : _ref$buttonProps,
1208
1294
  _ref$onConnect = _ref.onConnect,
1209
1295
  onConnect = _ref$onConnect === void 0 ? neetoCist.noop : _ref$onConnect,
1210
1296
  children = _ref.children,
1211
1297
  secondaryButtonProps = _ref.secondaryButtonProps;
1212
- return /*#__PURE__*/React__default["default"].createElement("div", {
1213
- className: "mx-auto w-full max-w-3xl"
1214
- }, /*#__PURE__*/React__default["default"].createElement("div", {
1215
- className: "mb-6 flex flex-col gap-y-2"
1216
- }, /*#__PURE__*/React__default["default"].createElement(Icon, {
1217
- size: 48
1218
- }), /*#__PURE__*/React__default["default"].createElement("div", {
1219
- className: "flex flex-col gap-y-1"
1220
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1221
- style: "h2"
1222
- }, title), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1223
- style: "body2"
1224
- }, description))), children, /*#__PURE__*/React__default["default"].createElement("div", {
1225
- className: "flex w-full items-center gap-x-3"
1226
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends$1({
1227
- label: t("neetoIntegrations.common.connect"),
1228
- onClick: onConnect
1229
- }, buttonProps)), secondaryButtonProps && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends$1({
1230
- style: "secondary"
1231
- }, secondaryButtonProps))));
1298
+ return /*#__PURE__*/jsxRuntime.jsxs("div", {
1299
+ className: "mx-auto w-full max-w-3xl",
1300
+ children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
1301
+ className: "mb-6 flex flex-col gap-y-2",
1302
+ children: [/*#__PURE__*/jsxRuntime.jsx(Icon, {
1303
+ size: 48
1304
+ }), /*#__PURE__*/jsxRuntime.jsxs("div", {
1305
+ className: "flex flex-col gap-y-1",
1306
+ children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
1307
+ style: "h2",
1308
+ children: title
1309
+ }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
1310
+ style: "body2",
1311
+ children: description
1312
+ })]
1313
+ })]
1314
+ }), helpDocUrl && /*#__PURE__*/jsxRuntime.jsx("div", {
1315
+ className: "mb-4",
1316
+ children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
1317
+ i18nKey: "neetoIntegrations.common.helpDocUrl",
1318
+ components: {
1319
+ helpLink: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
1320
+ className: "text-xs",
1321
+ href: helpDocUrl,
1322
+ size: "small",
1323
+ style: "link",
1324
+ target: "_blank"
1325
+ })
1326
+ },
1327
+ values: {
1328
+ integration: integrationName || neetoCist.humanize(integration)
1329
+ }
1330
+ })
1331
+ }), children, /*#__PURE__*/jsxRuntime.jsxs("div", {
1332
+ className: "flex w-full items-center gap-x-3",
1333
+ children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], _objectSpread$1({
1334
+ label: t("neetoIntegrations.common.connect"),
1335
+ onClick: onConnect
1336
+ }, buttonProps)), secondaryButtonProps && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], _objectSpread$1({
1337
+ style: "secondary"
1338
+ }, secondaryButtonProps))]
1339
+ })]
1340
+ });
1232
1341
  });
1233
1342
  Connect.prototypes = {
1234
1343
  /**
@@ -1276,7 +1385,7 @@ var Demo = function Demo(_ref) {
1276
1385
  var _useTranslation = reactI18next.useTranslation(),
1277
1386
  t = _useTranslation.t;
1278
1387
  var renderVideo = function renderVideo(videoUrl) {
1279
- return isYouTubeLink(videoUrl) ? /*#__PURE__*/React__default["default"].createElement("iframe", {
1388
+ return isYouTubeLink(videoUrl) ? /*#__PURE__*/jsxRuntime.jsx("iframe", {
1280
1389
  allowFullScreen: true,
1281
1390
  className: "aspect-video border-none",
1282
1391
  frameBorder: "0",
@@ -1284,30 +1393,36 @@ var Demo = function Demo(_ref) {
1284
1393
  src: videoUrl,
1285
1394
  title: renderText(iframeTitle, t("neetoIntegrations.demo.iFrameTitle")),
1286
1395
  type: "text/html"
1287
- }) : /*#__PURE__*/React__default["default"].createElement("video", {
1396
+ }) : /*#__PURE__*/jsxRuntime.jsx("video", {
1288
1397
  autoPlay: true,
1289
1398
  controls: true,
1290
1399
  muted: true,
1291
1400
  className: "neeto-ui-rounded-xl aspect-video w-full max-w-3xl cursor-pointer",
1292
- id: "walkthrough-video"
1293
- }, /*#__PURE__*/React__default["default"].createElement("source", {
1294
- src: videoUrl
1295
- }));
1401
+ id: "walkthrough-video",
1402
+ children: /*#__PURE__*/jsxRuntime.jsx("source", {
1403
+ src: videoUrl
1404
+ })
1405
+ });
1296
1406
  };
1297
- return /*#__PURE__*/React__default["default"].createElement("div", {
1298
- className: "mx-auto w-full max-w-3xl"
1299
- }, /*#__PURE__*/React__default["default"].createElement("div", {
1300
- className: "mb-6 flex flex-col gap-y-1"
1301
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1302
- style: "h2"
1303
- }, renderText(title, t("neetoIntegrations.demo.title"))), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1304
- style: "body2"
1305
- }, renderText(subtitle, t("neetoIntegrations.demo.subtitle")))), children, videoUrl && /*#__PURE__*/React__default["default"].createElement("div", {
1306
- className: "mb-8"
1307
- }, renderVideo(videoUrl)), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
1308
- label: t("neetoIntegrations.common.finish"),
1309
- onClick: onClose
1310
- }));
1407
+ return /*#__PURE__*/jsxRuntime.jsxs("div", {
1408
+ className: "mx-auto w-full max-w-3xl",
1409
+ children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
1410
+ className: "mb-6 flex flex-col gap-y-1",
1411
+ children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
1412
+ style: "h2",
1413
+ children: renderText(title, t("neetoIntegrations.demo.title"))
1414
+ }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
1415
+ style: "body2",
1416
+ children: renderText(subtitle, t("neetoIntegrations.demo.subtitle"))
1417
+ })]
1418
+ }), children, videoUrl && /*#__PURE__*/jsxRuntime.jsx("div", {
1419
+ className: "mb-8",
1420
+ children: renderVideo(videoUrl)
1421
+ }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
1422
+ label: t("neetoIntegrations.common.finish"),
1423
+ onClick: onClose
1424
+ })]
1425
+ });
1311
1426
  };
1312
1427
  Demo.prototypes = {
1313
1428
  /**
@@ -1358,6 +1473,8 @@ const SvgSuccess = props => /*#__PURE__*/React__namespace.createElement("svg", _
1358
1473
  height: 344
1359
1474
  }))));
1360
1475
 
1476
+ 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; }
1477
+ 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; }
1361
1478
  var Finish = reactUtils.withT(function (_ref) {
1362
1479
  var t = _ref.t,
1363
1480
  _ref$onClick = _ref.onClick,
@@ -1369,20 +1486,23 @@ var Finish = reactUtils.withT(function (_ref) {
1369
1486
  _ref$secondaryButtonP = _ref.secondaryButtonProps,
1370
1487
  secondaryButtonProps = _ref$secondaryButtonP === void 0 ? {} : _ref$secondaryButtonP,
1371
1488
  children = _ref.children;
1372
- return /*#__PURE__*/React__default["default"].createElement("div", {
1373
- className: "mx-auto w-full max-w-3xl"
1374
- }, /*#__PURE__*/React__default["default"].createElement(SvgSuccess, null), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1375
- className: "mb-6 mt-4",
1376
- style: "h2",
1377
- weight: "semibold"
1378
- }, title), children, /*#__PURE__*/React__default["default"].createElement("div", {
1379
- className: "flex w-full items-center gap-x-2"
1380
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends$1({
1381
- onClick: onClick,
1382
- label: t("neetoIntegrations.common.continue")
1383
- }, buttonProps)), neetoCist.isNotEmpty(secondaryButtonProps) && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends$1({
1384
- style: "secondary"
1385
- }, secondaryButtonProps))));
1489
+ return /*#__PURE__*/jsxRuntime.jsxs("div", {
1490
+ className: "mx-auto w-full max-w-3xl",
1491
+ children: [/*#__PURE__*/jsxRuntime.jsx(SvgSuccess, {}), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
1492
+ className: "mb-6 mt-4",
1493
+ style: "h2",
1494
+ weight: "semibold",
1495
+ children: title
1496
+ }), children, /*#__PURE__*/jsxRuntime.jsxs("div", {
1497
+ className: "flex w-full items-center gap-x-2",
1498
+ children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], _objectSpread({
1499
+ onClick: onClick,
1500
+ label: t("neetoIntegrations.common.continue")
1501
+ }, buttonProps)), neetoCist.isNotEmpty(secondaryButtonProps) && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], _objectSpread({
1502
+ style: "secondary"
1503
+ }, secondaryButtonProps))]
1504
+ })]
1505
+ });
1386
1506
  });
1387
1507
  Finish.prototypes = {
1388
1508
  /**