@bigbinary/neeto-integrations-frontend 2.12.7 → 2.12.8

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 +276 -204
  3. package/dist/Daily.cjs.js.map +1 -1
  4. package/dist/Daily.js +270 -204
  5. package/dist/Daily.js.map +1 -1
  6. package/dist/GoogleCalender.cjs.js +372 -282
  7. package/dist/GoogleCalender.cjs.js.map +1 -1
  8. package/dist/GoogleCalender.js +364 -282
  9. package/dist/GoogleCalender.js.map +1 -1
  10. package/dist/Twilio.cjs.js +73 -59
  11. package/dist/Twilio.cjs.js.map +1 -1
  12. package/dist/Twilio.js +66 -55
  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 +280 -208
  19. package/dist/Zoom.cjs.js.map +1 -1
  20. package/dist/Zoom.js +275 -209
  21. package/dist/Zoom.js.map +1 -1
  22. package/dist/index.cjs.js +514 -410
  23. package/dist/index.cjs.js.map +1 -1
  24. package/dist/index.js +505 -410
  25. package/dist/index.js.map +1 -1
  26. package/package.json +14 -13
  27. package/types.d.ts +3 -0
package/dist/index.cjs.js CHANGED
@@ -10,7 +10,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
12
  var neetoIcons = require('@bigbinary/neeto-icons');
13
- var neetoui = require('@bigbinary/neetoui');
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');
16
18
  var constants = require('@bigbinary/neeto-commons-frontend/constants');
@@ -20,11 +22,18 @@ 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
31
  var misc = require('@bigbinary/neeto-icons/misc');
32
+ var Callout = require('@bigbinary/neetoui/Callout');
26
33
  var ramda = require('ramda');
34
+ var Select = require('@bigbinary/neetoui/formik/Select');
27
35
  var yup = require('yup');
36
+ var NeetoUIModal = require('@bigbinary/neetoui/Modal');
28
37
  var CopyToClipboardButton = require('@bigbinary/neeto-molecules/CopyToClipboardButton');
29
38
 
30
39
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -53,30 +62,67 @@ var WalkthroughModal__default = /*#__PURE__*/_interopDefaultLegacy(WalkthroughMo
53
62
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
54
63
  var React__namespace = /*#__PURE__*/_interopNamespace(React);
55
64
  var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
65
+ var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
66
+ var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
67
+ var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
56
68
  var i18next__default = /*#__PURE__*/_interopDefaultLegacy(i18next);
57
69
  var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
58
70
  var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
59
71
  var Header__default = /*#__PURE__*/_interopDefaultLegacy(Header);
60
72
  var HelpPopover__default = /*#__PURE__*/_interopDefaultLegacy(HelpPopover);
61
73
  var PageLoader__default = /*#__PURE__*/_interopDefaultLegacy(PageLoader);
74
+ var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
75
+ var FormikForm__default = /*#__PURE__*/_interopDefaultLegacy(FormikForm);
76
+ var ActionBlock__default = /*#__PURE__*/_interopDefaultLegacy(ActionBlock);
77
+ var Callout__default = /*#__PURE__*/_interopDefaultLegacy(Callout);
78
+ var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
62
79
  var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
80
+ var NeetoUIModal__default = /*#__PURE__*/_interopDefaultLegacy(NeetoUIModal);
63
81
  var CopyToClipboardButton__default = /*#__PURE__*/_interopDefaultLegacy(CopyToClipboardButton);
64
82
 
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);
83
+ function _typeof(o) {
84
+ "@babel/helpers - typeof";
85
+
86
+ return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
87
+ return typeof o;
88
+ } : function (o) {
89
+ return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
90
+ }, _typeof(o);
91
+ }
92
+
93
+ function _toPrimitive(input, hint) {
94
+ if (_typeof(input) !== "object" || input === null) return input;
95
+ var prim = input[Symbol.toPrimitive];
96
+ if (prim !== undefined) {
97
+ var res = prim.call(input, hint || "default");
98
+ if (_typeof(res) !== "object") return res;
99
+ throw new TypeError("@@toPrimitive must return a primitive value.");
100
+ }
101
+ return (hint === "string" ? String : Number)(input);
78
102
  }
79
103
 
104
+ function _toPropertyKey(arg) {
105
+ var key = _toPrimitive(arg, "string");
106
+ return _typeof(key) === "symbol" ? key : String(key);
107
+ }
108
+
109
+ function _defineProperty(obj, key, value) {
110
+ key = _toPropertyKey(key);
111
+ if (key in obj) {
112
+ Object.defineProperty(obj, key, {
113
+ value: value,
114
+ enumerable: true,
115
+ configurable: true,
116
+ writable: true
117
+ });
118
+ } else {
119
+ obj[key] = value;
120
+ }
121
+ return obj;
122
+ }
123
+
124
+ 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; }
125
+ 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
126
  var Manage$1 = reactUtils.withT(function (_ref) {
81
127
  var t = _ref.t,
82
128
  _ref$title = _ref.title,
@@ -120,129 +166,109 @@ var Manage$1 = reactUtils.withT(function (_ref) {
120
166
  _ref$isConnectDisable = _ref.isConnectDisabled,
121
167
  isConnectDisabled = _ref$isConnectDisable === void 0 ? false : _ref$isConnectDisable,
122
168
  _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"
169
+ connectTooltipProps = _ref$connectTooltipPr === void 0 ? null : _ref$connectTooltipPr,
170
+ _ref$buttonProps = _ref.buttonProps,
171
+ buttonProps = _ref$buttonProps === void 0 ? {} : _ref$buttonProps,
172
+ _ref$secondaryButtonP = _ref.secondaryButtonProps,
173
+ secondaryButtonProps = _ref$secondaryButtonP === void 0 ? {} : _ref$secondaryButtonP;
174
+ return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
175
+ children: [/*#__PURE__*/jsxRuntime.jsx("div", {
176
+ className: "mx-auto w-full max-w-3xl",
177
+ children: /*#__PURE__*/jsxRuntime.jsxs("div", {
178
+ className: "neeto-ui-border-gray-300 neeto-ui-rounded-xl mt-10 w-full space-y-4 border p-6",
179
+ children: [Icon && /*#__PURE__*/jsxRuntime.jsx(Icon, {
180
+ className: "neeto-ui-text-gray-600",
181
+ size: 48
182
+ }), /*#__PURE__*/jsxRuntime.jsxs("div", {
183
+ className: "space-y-2",
184
+ children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
185
+ className: "flex items-center space-x-4",
186
+ children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
187
+ className: "neeto-ui-text-gray-800 mb-0.5",
188
+ style: "h2",
189
+ weight: "semibold",
190
+ children: title
191
+ }), isConnected && /*#__PURE__*/jsxRuntime.jsx("div", {
192
+ className: "neeto-ui-bg-success-500 neeto-ui-text-white neeto-ui-rounded-full flex items-center justify-center p-1",
193
+ children: /*#__PURE__*/jsxRuntime.jsx(neetoIcons.Check, {
194
+ size: 24
195
+ })
196
+ })]
197
+ }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
198
+ style: "body1",
199
+ weight: "normal",
200
+ className: classnames__default["default"]("neeto-ui-text-gray-800", {
201
+ "break-all": isConnected
202
+ }),
203
+ children: description
204
+ }), helpDocUrl && /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
205
+ className: "neeto-ui-text-gray-800",
206
+ style: "body2",
207
+ weight: "normal",
208
+ children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
209
+ i18nKey: "neetoIntegrations.common.helpDocUrl",
210
+ components: {
211
+ helpLink: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
212
+ href: helpDocUrl,
213
+ style: "link",
214
+ target: "_blank"
215
+ })
216
+ },
217
+ values: {
218
+ integration: integrationName || neetoCist.humanize(integration)
219
+ }
220
+ })
221
+ })]
222
+ }), isConnected ? /*#__PURE__*/jsxRuntime.jsxs("div", {
223
+ className: "space-x-2",
224
+ children: [(managePath || manageUrl) && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], _objectSpread$8({
225
+ "data-cy": "manage-button",
226
+ href: manageUrl,
227
+ target: manageUrl ? "_blank" : "_self",
228
+ to: managePath,
229
+ label: t("neetoIntegrations.common.manageIntegration", {
230
+ integration: integrationName || neetoCist.humanize(integration)
231
+ })
232
+ }, buttonProps)), onDisconnect && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], _objectSpread$8({
233
+ "data-cy": "disconnect-button",
234
+ style: "secondary",
235
+ label: t("neetoIntegrations.common.disconnectIntegration", {
236
+ integration: integrationName || neetoCist.humanize(integration)
237
+ }),
238
+ onClick: function onClick() {
239
+ return setIsDisconnectAlertOpen(true);
240
+ }
241
+ }, secondaryButtonProps))]
242
+ }) : /*#__PURE__*/jsxRuntime.jsx("div", {
243
+ children: /*#__PURE__*/jsxRuntime.jsx(Tooltip__default["default"], _objectSpread$8(_objectSpread$8({
244
+ disabled: !isConnectDisabled
245
+ }, connectTooltipProps), {}, {
246
+ children: /*#__PURE__*/jsxRuntime.jsx("span", {
247
+ children: (connectPath || connectUrl || onConnect) && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], _objectSpread$8({
248
+ "data-cy": "connect-button",
249
+ disabled: isConnectDisabled,
250
+ href: connectUrl,
251
+ to: connectPath,
252
+ label: t("neetoIntegrations.common.connectIntegration", {
253
+ integration: integrationName || neetoCist.humanize(integration)
254
+ }),
255
+ onClick: onConnect
256
+ }, buttonProps))
257
+ })
258
+ }))
259
+ })]
160
260
  })
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
- }));
261
+ }), /*#__PURE__*/jsxRuntime.jsx(DisconnectAlert__default["default"], {
262
+ isDisconnecting: isDisconnecting,
263
+ onClose: onClose,
264
+ onDisconnect: onDisconnect,
265
+ isOpen: isDisconnectAlertOpen,
266
+ message: disconnectMessage || t("settings.integrations.".concat(integration, ".disconnect.message")),
267
+ title: disconnectTitle || t("settings.integrations.".concat(integration, ".disconnect.title"))
268
+ })]
269
+ });
203
270
  });
204
271
 
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
272
  var INTEGRATIONS_ENGINE_BASE_URL = "/neeto_integrations";
247
273
  var TWILIO_CONFIGURATION_BASE_URL = "".concat(INTEGRATIONS_ENGINE_BASE_URL, "/twilio/sms_configurations");
248
274
  var INTEGRATIONS_ENGINE_DAILY_URL = "".concat(INTEGRATIONS_ENGINE_BASE_URL, "/daily");
@@ -273,11 +299,11 @@ var QUERY_KEYS = {
273
299
  ZOOM_DETAILS: "zoom-details"
274
300
  };
275
301
 
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; }
302
+ 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; }
303
+ 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
304
  var useCreateDaily = function useCreateDaily() {
279
305
  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
280
- return reactUtils.useMutationWithInvalidation(dailiesApi.create, _objectSpread$4({
306
+ return reactUtils.useMutationWithInvalidation(dailiesApi.create, _objectSpread$7({
281
307
  keysToInvalidate: [QUERY_KEYS.DAILY_CO_DETAILS]
282
308
  }, options));
283
309
  };
@@ -379,15 +405,19 @@ function _objectWithoutProperties(source, excluded) {
379
405
  }
380
406
 
381
407
  var _excluded = ["className", "children"];
408
+ 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; }
409
+ 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
410
  var ExternalLink = function ExternalLink(_ref) {
383
411
  var _ref$className = _ref.className,
384
412
  className = _ref$className === void 0 ? "" : _ref$className,
385
413
  _ref$children = _ref.children,
386
414
  children = _ref$children === void 0 ? null : _ref$children,
387
415
  props = _objectWithoutProperties(_ref, _excluded);
388
- return /*#__PURE__*/React__default["default"].createElement("a", _extends$1({
416
+ return /*#__PURE__*/jsxRuntime.jsx("a", _objectSpread$6(_objectSpread$6({
389
417
  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);
418
+ }, props), {}, {
419
+ children: children
420
+ }));
391
421
  };
392
422
  var ExternalLink$1 = /*#__PURE__*/React__default["default"].memo(ExternalLink);
393
423
 
@@ -407,6 +437,7 @@ var Form = function Form(_ref) {
407
437
  breadcrumbs = _ref.breadcrumbs;
408
438
  var _useTranslation = reactI18next.useTranslation(),
409
439
  t = _useTranslation.t;
440
+ var history = reactRouterDom.useHistory();
410
441
  var _useState = React.useState(false),
411
442
  _useState2 = _slicedToArray(_useState, 2),
412
443
  isDemoModalOpen = _useState2[0],
@@ -422,70 +453,78 @@ var Form = function Form(_ref) {
422
453
  return createDaily(payload);
423
454
  };
424
455
  if (isConnecting) {
425
- return /*#__PURE__*/React__default["default"].createElement(PageLoader__default["default"], null);
456
+ return /*#__PURE__*/jsxRuntime.jsx(PageLoader__default["default"], {});
426
457
  }
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);
458
+ return /*#__PURE__*/jsxRuntime.jsxs(Container__default["default"], {
459
+ isHeaderFixed: true,
460
+ children: [/*#__PURE__*/jsxRuntime.jsx(Header__default["default"], {
461
+ breadcrumbs: breadcrumbs,
462
+ title: /*#__PURE__*/jsxRuntime.jsxs("span", {
463
+ className: "flex items-center gap-2",
464
+ children: [t("neetoIntegrations.daily.connect.title"), /*#__PURE__*/jsxRuntime.jsx(HelpPopover__default["default"], {
465
+ title: t("neetoIntegrations.daily.connect.title"),
466
+ description: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
467
+ i18nKey: "neetoIntegrations.daily.helpDoc",
468
+ components: {
469
+ externalLink: /*#__PURE__*/jsxRuntime.jsx(ExternalLink$1, {
470
+ "data-cy": "api-key-help-doc-link",
471
+ href: helpDocUrl,
472
+ rel: "noreferrer",
473
+ target: "_blank"
474
+ })
475
+ }
476
+ }),
477
+ helpLinkProps: {
478
+ label: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
479
+ className: "mt-8",
480
+ label: t("neetoIntegrations.daily.walkthroughText"),
481
+ style: "link",
482
+ onClick: function onClick() {
483
+ return setIsDemoModalOpen(true);
484
+ }
485
+ })
453
486
  }
487
+ })]
488
+ })
489
+ }), /*#__PURE__*/jsxRuntime.jsxs("div", {
490
+ className: "mx-auto w-full max-w-md",
491
+ children: [/*#__PURE__*/jsxRuntime.jsx(FormikForm__default["default"], {
492
+ formikProps: {
493
+ initialValues: MANAGE_DAILY_CO_FORM_INITIAL_VALUES,
494
+ validationSchema: DAILY_CO_VALIDATION_SCHEMA,
495
+ onSubmit: handleSubmit
496
+ },
497
+ children: /*#__PURE__*/jsxRuntime.jsxs("div", {
498
+ className: "mt-14 w-full space-y-2",
499
+ children: [/*#__PURE__*/jsxRuntime.jsx("div", {
500
+ className: "block min-h-20",
501
+ children: /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
502
+ autoFocus: true,
503
+ required: true,
504
+ label: t("neetoIntegrations.daily.apiKey"),
505
+ name: "apiKey"
506
+ })
507
+ }), /*#__PURE__*/jsxRuntime.jsx(ActionBlock__default["default"], {
508
+ cancelButtonProps: {
509
+ onClick: function onClick() {
510
+ return history.goBack();
511
+ }
512
+ },
513
+ isSubmitting: isConnecting,
514
+ submitButtonProps: {
515
+ label: t("neetoIntegrations.common.connect")
516
+ }
517
+ })]
454
518
  })
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
- })));
519
+ }), /*#__PURE__*/jsxRuntime.jsx(WalkthroughModal__default["default"], {
520
+ videoUrl: videoUrl,
521
+ isOpen: isDemoModalOpen,
522
+ onClose: function onClose() {
523
+ return setIsDemoModalOpen(false);
524
+ }
525
+ })]
526
+ })]
527
+ });
489
528
  };
490
529
  var Form$1 = reactUtils.withTitle(Form, i18next__default["default"].t("neetoIntegrations.browserTitles.integrations.dailyco"));
491
530
 
@@ -519,8 +558,8 @@ var Manage = function Manage(_ref) {
519
558
  var handleDisconnect = function handleDisconnect() {
520
559
  return destroyIntegration("daily");
521
560
  };
522
- if (isFetching || isDisconnecting) return /*#__PURE__*/React__default["default"].createElement(PageLoader__default["default"], null);
523
- return /*#__PURE__*/React__default["default"].createElement(Manage$1, {
561
+ if (isFetching || isDisconnecting) return /*#__PURE__*/jsxRuntime.jsx(PageLoader__default["default"], {});
562
+ return /*#__PURE__*/jsxRuntime.jsx(Manage$1, {
524
563
  isConnected: isConnected,
525
564
  isDisconnectAlertOpen: isDisconnectAlertOpen,
526
565
  isDisconnecting: isDisconnecting,
@@ -530,19 +569,19 @@ var Manage = function Manage(_ref) {
530
569
  connect: true
531
570
  }),
532
571
  integration: "daily",
533
- description: isConnected ? /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
572
+ description: isConnected ? /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
534
573
  i18nKey: "neetoIntegrations.daily.yourApiKey",
535
574
  values: {
536
575
  apiKey: apiKey
537
576
  },
538
577
  components: {
539
- wrapper: /*#__PURE__*/React__default["default"].createElement("div", {
578
+ wrapper: /*#__PURE__*/jsxRuntime.jsx("div", {
540
579
  className: "neeto-ui-rounded-md mt-2 flex items-center justify-between gap-x-3 border px-3 py-2"
541
580
  }),
542
- span: /*#__PURE__*/React__default["default"].createElement("span", {
581
+ span: /*#__PURE__*/jsxRuntime.jsx("span", {
543
582
  className: "break-all text-sm"
544
583
  }),
545
- copy: /*#__PURE__*/React__default["default"].createElement(CopyToClipboardButton__default["default"], {
584
+ copy: /*#__PURE__*/jsxRuntime.jsx(CopyToClipboardButton__default["default"], {
546
585
  className: "flex-shrink-0 self-start",
547
586
  style: "text",
548
587
  value: apiKey
@@ -581,12 +620,12 @@ var Daily = function Daily(_ref) {
581
620
  _ref2$apiKey = _ref2.apiKey,
582
621
  apiKey = _ref2$apiKey === void 0 ? null : _ref2$apiKey;
583
622
  if (neetoCist.isPresent(apiKey) && !isOnboarding || !connect) {
584
- return /*#__PURE__*/React__default["default"].createElement(Manage, {
623
+ return /*#__PURE__*/jsxRuntime.jsx(Manage, {
585
624
  description: description,
586
625
  onDisconnect: onDisconnect
587
626
  });
588
627
  }
589
- return /*#__PURE__*/React__default["default"].createElement(Form$1, {
628
+ return /*#__PURE__*/jsxRuntime.jsx(Form$1, {
590
629
  helpDocUrl: helpDocUrl,
591
630
  onConnect: onConnect,
592
631
  videoUrl: videoUrl
@@ -626,8 +665,8 @@ var STEPS = {
626
665
  finish: i18next.t("neetoIntegrations.common.finish")
627
666
  };
628
667
 
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; }
668
+ 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; }
669
+ 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
670
  var GoogleCalendar = function GoogleCalendar(_ref) {
632
671
  var permissionImage = _ref.permissionImage,
633
672
  fetchAuthorizationUrl = _ref.fetchAuthorizationUrl,
@@ -645,56 +684,62 @@ var GoogleCalendar = function GoogleCalendar(_ref) {
645
684
  React.useEffect(function () {
646
685
  setSteps(function () {
647
686
  var stepsClone = _toConsumableArray(steps);
648
- stepsClone[0] = _objectSpread$3(_objectSpread$3({}, steps[0]), {}, {
687
+ stepsClone[0] = _objectSpread$5(_objectSpread$5({}, steps[0]), {}, {
649
688
  isActive: activeTab === STEPS.connect,
650
689
  isCompleted: activeTab !== STEPS.connect
651
690
  });
652
- stepsClone[1] = _objectSpread$3(_objectSpread$3({}, steps[1]), {}, {
691
+ stepsClone[1] = _objectSpread$5(_objectSpread$5({}, steps[1]), {}, {
653
692
  isActive: activeTab === STEPS.finish,
654
693
  isCompleted: activeTab === STEPS.finish
655
694
  });
656
695
  return stepsClone;
657
696
  });
658
697
  }, [activeTab]);
659
- return /*#__PURE__*/React__default["default"].createElement(Modal, {
698
+ return /*#__PURE__*/jsxRuntime.jsxs(Modal, {
660
699
  steps: steps,
661
700
  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
- }));
701
+ onClose: handleClose,
702
+ children: [activeTab === STEPS.connect && /*#__PURE__*/jsxRuntime.jsxs("div", {
703
+ className: "mx-auto w-full max-w-3xl",
704
+ children: [/*#__PURE__*/jsxRuntime.jsx(misc.GoogleCalendar, {
705
+ size: 48
706
+ }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
707
+ className: "mb-4 mt-2",
708
+ style: "h2",
709
+ children: t("neetoIntegrations.google.connect.title")
710
+ }), /*#__PURE__*/jsxRuntime.jsxs("div", {
711
+ className: "flex w-full flex-col items-start",
712
+ children: [/*#__PURE__*/jsxRuntime.jsx(Callout__default["default"], {
713
+ className: "block leading-5",
714
+ children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
715
+ components: {
716
+ bold: /*#__PURE__*/jsxRuntime.jsx("strong", {})
717
+ },
718
+ i18nKey: "neetoIntegrations.google.connect.reminderToAcceptPermissions",
719
+ values: {
720
+ selectCheckbox: t("neetoIntegrations.google.connect.selectCheckbox")
721
+ }
722
+ })
723
+ }), permissionImage && /*#__PURE__*/jsxRuntime.jsx("div", {
724
+ className: "neeto-ui-border-gray-300 neeto-ui-rounded-md my-4 overflow-hidden border",
725
+ children: /*#__PURE__*/jsxRuntime.jsx("img", {
726
+ src: permissionImage
727
+ })
728
+ })]
729
+ }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
730
+ icon: misc.Google,
731
+ label: t("neetoIntegrations.google.connect.signIn"),
732
+ onClick: fetchAuthorizationUrl
733
+ })]
734
+ }), activeTab === STEPS.finish && /*#__PURE__*/jsxRuntime.jsx(Finish, {
735
+ title: t("neetoIntegrations.google.finish.title"),
736
+ onClick: handleRedirect
737
+ })]
738
+ });
694
739
  };
695
740
 
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; }
741
+ 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; }
742
+ 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
743
  var ConfigurationForm = function ConfigurationForm(_ref) {
699
744
  var _errors$twilioPhoneNu;
700
745
  var phoneNumberOptions = _ref.phoneNumberOptions,
@@ -716,42 +761,46 @@ var ConfigurationForm = function ConfigurationForm(_ref) {
716
761
  React.useEffect(function () {
717
762
  selectedPhoneNumber && setFieldValue("twilioPhoneNumber", selectedPhoneNumber);
718
763
  }, [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
- })));
764
+ return /*#__PURE__*/jsxRuntime.jsxs("div", {
765
+ className: "flex w-full flex-col gap-y-4",
766
+ children: [/*#__PURE__*/jsxRuntime.jsx("div", {
767
+ className: "flex w-full",
768
+ children: /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
769
+ required: true,
770
+ autoFocus: !isUsingOverlay,
771
+ "data-testid": "integrations-twilio-sid",
772
+ label: t("neetoIntegrations.twilio.sid"),
773
+ name: "twilioSid",
774
+ ref: initialFocusRef
775
+ })
776
+ }), /*#__PURE__*/jsxRuntime.jsx("div", {
777
+ className: "flex w-full",
778
+ children: /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
779
+ required: true,
780
+ "data-testid": "integrations-twilio-auth-token",
781
+ label: t("neetoIntegrations.twilio.authToken"),
782
+ name: "twilioAuthToken"
783
+ })
784
+ }), phoneNumberOptions && /*#__PURE__*/jsxRuntime.jsx("div", {
785
+ className: "flex w-full",
786
+ children: /*#__PURE__*/jsxRuntime.jsx(Select__default["default"], {
787
+ error: (_errors$twilioPhoneNu = errors.twilioPhoneNumber) === null || _errors$twilioPhoneNu === void 0 ? void 0 : _errors$twilioPhoneNu.value,
788
+ label: t("neetoIntegrations.common.phNo"),
789
+ name: "twilioPhoneNumber",
790
+ options: phoneNumberOptions,
791
+ size: "large",
792
+ onChange: function onChange(selected) {
793
+ return setValues(_objectSpread$4(_objectSpread$4({}, values), {}, {
794
+ twilioPhoneNumber: selected
795
+ }));
796
+ }
797
+ })
798
+ })]
799
+ });
751
800
  };
752
801
 
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; }
802
+ 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; }
803
+ 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
804
  var fetchTwilioSmsConfiguration = function fetchTwilioSmsConfiguration(integrable) {
756
805
  return axios__default["default"].get(TWILIO_CONFIGURATION_BASE_URL, {
757
806
  params: integrable
@@ -766,7 +815,7 @@ var getTwilioPhoneNumbers = function getTwilioPhoneNumbers(data) {
766
815
  });
767
816
  };
768
817
  var createTwilioConfiguration = function createTwilioConfiguration(payload, integrable) {
769
- return axios__default["default"].post(TWILIO_CONFIGURATION_BASE_URL, _objectSpread$1(_objectSpread$1({}, payload), integrable));
818
+ return axios__default["default"].post(TWILIO_CONFIGURATION_BASE_URL, _objectSpread$3(_objectSpread$3({}, payload), integrable));
770
819
  };
771
820
  var twilioApi = {
772
821
  fetchTwilioSmsConfiguration: fetchTwilioSmsConfiguration,
@@ -888,8 +937,8 @@ var buildPhoneNumberOptions = function buildPhoneNumberOptions(phoneNumbers) {
888
937
  });
889
938
  };
890
939
 
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; }
940
+ 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; }
941
+ 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
942
  var Twilio = function Twilio(_ref) {
894
943
  var _ref$integrable = _ref.integrable,
895
944
  integrable = _ref$integrable === void 0 ? null : _ref$integrable,
@@ -918,11 +967,11 @@ var Twilio = function Twilio(_ref) {
918
967
  }, phoneNumberOptions);
919
968
  var isLoading = isPhoneNumbersLoading || isConfigurationLoading;
920
969
  var isSubmitDisabled = function isSubmitDisabled(values) {
921
- return ramda.equals(_objectSpread(_objectSpread({}, configuration), {}, {
970
+ return ramda.equals(_objectSpread$2(_objectSpread$2({}, configuration), {}, {
922
971
  twilioPhoneNumber: selectedPhoneNumber
923
972
  }), values) || isLoading;
924
973
  };
925
- return /*#__PURE__*/React__default["default"].createElement(formik.Form, {
974
+ return /*#__PURE__*/jsxRuntime.jsx(FormikForm__default["default"], {
926
975
  className: "mx-auto flex w-full max-w-md flex-col p-5",
927
976
  formikProps: {
928
977
  enableReinitialize: true,
@@ -930,27 +979,30 @@ var Twilio = function Twilio(_ref) {
930
979
  initialValues: configuration,
931
980
  innerRef: formRef,
932
981
  onSubmit: handleSubmit
982
+ },
983
+ children: function children(formikProps) {
984
+ return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
985
+ children: [/*#__PURE__*/jsxRuntime.jsx(ConfigurationForm, {
986
+ formikProps: formikProps,
987
+ initialFocusRef: initialFocusRef,
988
+ phoneNumberOptions: phoneNumberOptions,
989
+ selectedPhoneNumber: selectedPhoneNumber
990
+ }), /*#__PURE__*/jsxRuntime.jsx("div", {
991
+ className: "mt-8",
992
+ children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock__default["default"], {
993
+ isSubmitting: isSubmitting,
994
+ cancelButtonProps: {
995
+ onClick: onClose
996
+ },
997
+ submitButtonProps: {
998
+ label: phoneNumberOptions ? t("neetoIntegrations.common.saveChanges") : t("neetoIntegrations.common.verify"),
999
+ disabled: isSubmitDisabled(formikProps.values) || isSubmitting,
1000
+ loading: isSubmitting || isPhoneNumbersLoading && !(configuration !== null && configuration !== void 0 && configuration.twilioAuthToken)
1001
+ }
1002
+ })
1003
+ })]
1004
+ });
933
1005
  }
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
1006
  });
955
1007
  };
956
1008
 
@@ -1018,8 +1070,8 @@ var Zoom = function Zoom(_ref) {
1018
1070
  var handleDisconnect = function handleDisconnect() {
1019
1071
  return destroyIntegration("zoom");
1020
1072
  };
1021
- if (isLoading) return /*#__PURE__*/React__default["default"].createElement(PageLoader__default["default"], null);
1022
- return /*#__PURE__*/React__default["default"].createElement(Manage$1, {
1073
+ if (isLoading) return /*#__PURE__*/jsxRuntime.jsx(PageLoader__default["default"], {});
1074
+ return /*#__PURE__*/jsxRuntime.jsx(Manage$1, {
1023
1075
  connectUrl: connectUrl,
1024
1076
  isConnected: isConnected,
1025
1077
  isDisconnectAlertOpen: isDisconnectAlertOpen,
@@ -1027,9 +1079,9 @@ var Zoom = function Zoom(_ref) {
1027
1079
  setIsDisconnectAlertOpen: setIsDisconnectAlertOpen,
1028
1080
  Icon: misc.Zoom,
1029
1081
  integration: "zoom",
1030
- description: isConnected ? /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
1082
+ description: isConnected ? /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
1031
1083
  components: {
1032
- underline: /*#__PURE__*/React__default["default"].createElement("u", {
1084
+ underline: /*#__PURE__*/jsxRuntime.jsx("u", {
1033
1085
  className: "font-medium"
1034
1086
  })
1035
1087
  },
@@ -1054,42 +1106,47 @@ var Stepper = function Stepper(_ref) {
1054
1106
  var isActiveOrCompleted = function isActiveOrCompleted(activeStatus, completedStatus) {
1055
1107
  return activeStatus || completedStatus;
1056
1108
  };
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
- }));
1109
+ return /*#__PURE__*/jsxRuntime.jsx("ul", {
1110
+ className: "flex gap-4",
1111
+ children: steps === null || steps === void 0 ? void 0 : steps.map(function (_ref2) {
1112
+ var step = _ref2.step,
1113
+ label = _ref2.label,
1114
+ isActive = _ref2.isActive,
1115
+ isCompleted = _ref2.isCompleted;
1116
+ return /*#__PURE__*/jsxRuntime.jsxs("li", {
1117
+ className: "flex items-center gap-4",
1118
+ children: [step !== "1" && /*#__PURE__*/jsxRuntime.jsx("div", {
1119
+ className: classnames__default["default"]("w-10 border-b", {
1120
+ "neeto-ui-border-gray-800": isActiveOrCompleted(isActive, isCompleted),
1121
+ "neeto-ui-border-gray-400": !isActiveOrCompleted(isActive, isCompleted)
1122
+ })
1123
+ }), /*#__PURE__*/jsxRuntime.jsxs("div", {
1124
+ className: "flex items-center gap-2",
1125
+ children: [/*#__PURE__*/jsxRuntime.jsx("div", {
1126
+ className: classnames__default["default"]("neeto-ui-rounded-full neeto-ui-gray-600 flex h-6 w-6 items-center justify-center border", {
1127
+ "neeto-ui-bg-success-600 neeto-ui-border-success-600 neeto-ui-text-white": isActive,
1128
+ "neeto-ui-bg-primary-600 neeto-ui-border-primary-600 neeto-ui-text-white": isCompleted,
1129
+ "neeto-ui-border-gray-400": !isActiveOrCompleted(isActive, isCompleted)
1130
+ }),
1131
+ children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
1132
+ component: "span",
1133
+ style: "body2",
1134
+ weight: "normal",
1135
+ children: step
1136
+ })
1137
+ }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
1138
+ style: "body2",
1139
+ weight: "normal",
1140
+ className: classnames__default["default"]({
1141
+ "neeto-ui-text-gray-800": isActiveOrCompleted(isActive, isCompleted),
1142
+ "neeto-ui-text-gray-600": !isActiveOrCompleted(isActive, isCompleted)
1143
+ }),
1144
+ children: label
1145
+ })]
1146
+ })]
1147
+ }, step);
1148
+ })
1149
+ });
1093
1150
  };
1094
1151
 
1095
1152
  var Modal = function Modal(_ref) {
@@ -1100,18 +1157,23 @@ var Modal = function Modal(_ref) {
1100
1157
  _ref$steps = _ref.steps,
1101
1158
  steps = _ref$steps === void 0 ? {} : _ref$steps,
1102
1159
  children = _ref.children;
1103
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Modal, {
1160
+ return /*#__PURE__*/jsxRuntime.jsxs(NeetoUIModal__default["default"], {
1104
1161
  isOpen: isOpen,
1105
1162
  onClose: onClose,
1106
1163
  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)));
1164
+ size: "fullScreen",
1165
+ children: [/*#__PURE__*/jsxRuntime.jsx(NeetoUIModal__default["default"].Header, {
1166
+ children: /*#__PURE__*/jsxRuntime.jsx(Stepper, {
1167
+ steps: steps
1168
+ })
1169
+ }), /*#__PURE__*/jsxRuntime.jsx(NeetoUIModal__default["default"].Body, {
1170
+ className: "neeto-ui-flex neeto-ui-justify-center neeto-ui-flex-grow",
1171
+ children: /*#__PURE__*/jsxRuntime.jsx("div", {
1172
+ className: "neeto-ui-w-full py-10",
1173
+ children: children
1174
+ })
1175
+ })]
1176
+ });
1115
1177
  };
1116
1178
 
1117
1179
  function getDefaultExportFromCjs (x) {
@@ -1196,6 +1258,8 @@ var factoryWithThrowingShims = function factoryWithThrowingShims() {
1196
1258
  var propTypesExports = propTypes.exports;
1197
1259
  var PropTypes = /*@__PURE__*/getDefaultExportFromCjs(propTypesExports);
1198
1260
 
1261
+ 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; }
1262
+ 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
1263
  var Connect = reactUtils.withT(function (_ref) {
1200
1264
  var t = _ref.t,
1201
1265
  Icon = _ref.Icon,
@@ -1203,32 +1267,61 @@ var Connect = reactUtils.withT(function (_ref) {
1203
1267
  title = _ref$title === void 0 ? "" : _ref$title,
1204
1268
  _ref$description = _ref.description,
1205
1269
  description = _ref$description === void 0 ? "" : _ref$description,
1270
+ _ref$integration = _ref.integration,
1271
+ integration = _ref$integration === void 0 ? "" : _ref$integration,
1272
+ _ref$integrationName = _ref.integrationName,
1273
+ integrationName = _ref$integrationName === void 0 ? "" : _ref$integrationName,
1274
+ _ref$helpDocUrl = _ref.helpDocUrl,
1275
+ helpDocUrl = _ref$helpDocUrl === void 0 ? "" : _ref$helpDocUrl,
1206
1276
  _ref$buttonProps = _ref.buttonProps,
1207
1277
  buttonProps = _ref$buttonProps === void 0 ? {} : _ref$buttonProps,
1208
1278
  _ref$onConnect = _ref.onConnect,
1209
1279
  onConnect = _ref$onConnect === void 0 ? neetoCist.noop : _ref$onConnect,
1210
1280
  children = _ref.children,
1211
1281
  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))));
1282
+ return /*#__PURE__*/jsxRuntime.jsxs("div", {
1283
+ className: "mx-auto w-full max-w-3xl",
1284
+ children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
1285
+ className: "mb-6 flex flex-col gap-y-2",
1286
+ children: [/*#__PURE__*/jsxRuntime.jsx(Icon, {
1287
+ size: 48
1288
+ }), /*#__PURE__*/jsxRuntime.jsxs("div", {
1289
+ className: "flex flex-col gap-y-1",
1290
+ children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
1291
+ style: "h2",
1292
+ children: title
1293
+ }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
1294
+ style: "body2",
1295
+ children: description
1296
+ })]
1297
+ })]
1298
+ }), helpDocUrl && /*#__PURE__*/jsxRuntime.jsx("div", {
1299
+ className: "mb-4",
1300
+ children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
1301
+ i18nKey: "neetoIntegrations.common.helpDocUrl",
1302
+ components: {
1303
+ helpLink: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
1304
+ className: "text-xs",
1305
+ href: helpDocUrl,
1306
+ size: "small",
1307
+ style: "link",
1308
+ target: "_blank"
1309
+ })
1310
+ },
1311
+ values: {
1312
+ integration: integrationName || neetoCist.humanize(integration)
1313
+ }
1314
+ })
1315
+ }), children, /*#__PURE__*/jsxRuntime.jsxs("div", {
1316
+ className: "flex w-full items-center gap-x-3",
1317
+ children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], _objectSpread$1({
1318
+ label: t("neetoIntegrations.common.connect"),
1319
+ onClick: onConnect
1320
+ }, buttonProps)), secondaryButtonProps && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], _objectSpread$1({
1321
+ style: "secondary"
1322
+ }, secondaryButtonProps))]
1323
+ })]
1324
+ });
1232
1325
  });
1233
1326
  Connect.prototypes = {
1234
1327
  /**
@@ -1276,7 +1369,7 @@ var Demo = function Demo(_ref) {
1276
1369
  var _useTranslation = reactI18next.useTranslation(),
1277
1370
  t = _useTranslation.t;
1278
1371
  var renderVideo = function renderVideo(videoUrl) {
1279
- return isYouTubeLink(videoUrl) ? /*#__PURE__*/React__default["default"].createElement("iframe", {
1372
+ return isYouTubeLink(videoUrl) ? /*#__PURE__*/jsxRuntime.jsx("iframe", {
1280
1373
  allowFullScreen: true,
1281
1374
  className: "aspect-video border-none",
1282
1375
  frameBorder: "0",
@@ -1284,30 +1377,36 @@ var Demo = function Demo(_ref) {
1284
1377
  src: videoUrl,
1285
1378
  title: renderText(iframeTitle, t("neetoIntegrations.demo.iFrameTitle")),
1286
1379
  type: "text/html"
1287
- }) : /*#__PURE__*/React__default["default"].createElement("video", {
1380
+ }) : /*#__PURE__*/jsxRuntime.jsx("video", {
1288
1381
  autoPlay: true,
1289
1382
  controls: true,
1290
1383
  muted: true,
1291
1384
  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
- }));
1385
+ id: "walkthrough-video",
1386
+ children: /*#__PURE__*/jsxRuntime.jsx("source", {
1387
+ src: videoUrl
1388
+ })
1389
+ });
1296
1390
  };
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
- }));
1391
+ return /*#__PURE__*/jsxRuntime.jsxs("div", {
1392
+ className: "mx-auto w-full max-w-3xl",
1393
+ children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
1394
+ className: "mb-6 flex flex-col gap-y-1",
1395
+ children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
1396
+ style: "h2",
1397
+ children: renderText(title, t("neetoIntegrations.demo.title"))
1398
+ }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
1399
+ style: "body2",
1400
+ children: renderText(subtitle, t("neetoIntegrations.demo.subtitle"))
1401
+ })]
1402
+ }), children, videoUrl && /*#__PURE__*/jsxRuntime.jsx("div", {
1403
+ className: "mb-8",
1404
+ children: renderVideo(videoUrl)
1405
+ }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
1406
+ label: t("neetoIntegrations.common.finish"),
1407
+ onClick: onClose
1408
+ })]
1409
+ });
1311
1410
  };
1312
1411
  Demo.prototypes = {
1313
1412
  /**
@@ -1358,6 +1457,8 @@ const SvgSuccess = props => /*#__PURE__*/React__namespace.createElement("svg", _
1358
1457
  height: 344
1359
1458
  }))));
1360
1459
 
1460
+ 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; }
1461
+ 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
1462
  var Finish = reactUtils.withT(function (_ref) {
1362
1463
  var t = _ref.t,
1363
1464
  _ref$onClick = _ref.onClick,
@@ -1369,20 +1470,23 @@ var Finish = reactUtils.withT(function (_ref) {
1369
1470
  _ref$secondaryButtonP = _ref.secondaryButtonProps,
1370
1471
  secondaryButtonProps = _ref$secondaryButtonP === void 0 ? {} : _ref$secondaryButtonP,
1371
1472
  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))));
1473
+ return /*#__PURE__*/jsxRuntime.jsxs("div", {
1474
+ className: "mx-auto w-full max-w-3xl",
1475
+ children: [/*#__PURE__*/jsxRuntime.jsx(SvgSuccess, {}), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
1476
+ className: "mb-6 mt-4",
1477
+ style: "h2",
1478
+ weight: "semibold",
1479
+ children: title
1480
+ }), children, /*#__PURE__*/jsxRuntime.jsxs("div", {
1481
+ className: "flex w-full items-center gap-x-2",
1482
+ children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], _objectSpread({
1483
+ onClick: onClick,
1484
+ label: t("neetoIntegrations.common.continue")
1485
+ }, buttonProps)), neetoCist.isNotEmpty(secondaryButtonProps) && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], _objectSpread({
1486
+ style: "secondary"
1487
+ }, secondaryButtonProps))]
1488
+ })]
1489
+ });
1386
1490
  });
1387
1491
  Finish.prototypes = {
1388
1492
  /**