@bigbinary/neeto-integrations-frontend 2.12.6 → 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 +2 -2
  2. package/dist/Daily.cjs.js +288 -206
  3. package/dist/Daily.cjs.js.map +1 -1
  4. package/dist/Daily.js +281 -206
  5. package/dist/Daily.js.map +1 -1
  6. package/dist/GoogleCalender.cjs.js +384 -284
  7. package/dist/GoogleCalender.cjs.js.map +1 -1
  8. package/dist/GoogleCalender.js +375 -284
  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 +292 -210
  19. package/dist/Zoom.cjs.js.map +1 -1
  20. package/dist/Zoom.js +286 -211
  21. package/dist/Zoom.js.map +1 -1
  22. package/dist/index.cjs.js +526 -412
  23. package/dist/index.cjs.js.map +1 -1
  24. package/dist/index.js +516 -412
  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,19 @@ 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');
37
+ var CopyToClipboardButton = require('@bigbinary/neeto-molecules/CopyToClipboardButton');
28
38
 
29
39
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
30
40
 
@@ -52,29 +62,67 @@ var WalkthroughModal__default = /*#__PURE__*/_interopDefaultLegacy(WalkthroughMo
52
62
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
53
63
  var React__namespace = /*#__PURE__*/_interopNamespace(React);
54
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);
55
68
  var i18next__default = /*#__PURE__*/_interopDefaultLegacy(i18next);
56
69
  var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
57
70
  var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
58
71
  var Header__default = /*#__PURE__*/_interopDefaultLegacy(Header);
59
72
  var HelpPopover__default = /*#__PURE__*/_interopDefaultLegacy(HelpPopover);
60
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);
61
79
  var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
80
+ var NeetoUIModal__default = /*#__PURE__*/_interopDefaultLegacy(NeetoUIModal);
81
+ var CopyToClipboardButton__default = /*#__PURE__*/_interopDefaultLegacy(CopyToClipboardButton);
62
82
 
63
- function _extends$1() {
64
- _extends$1 = Object.assign ? Object.assign.bind() : function (target) {
65
- for (var i = 1; i < arguments.length; i++) {
66
- var source = arguments[i];
67
- for (var key in source) {
68
- if (Object.prototype.hasOwnProperty.call(source, key)) {
69
- target[key] = source[key];
70
- }
71
- }
72
- }
73
- return target;
74
- };
75
- 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);
76
91
  }
77
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);
102
+ }
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; }
78
126
  var Manage$1 = reactUtils.withT(function (_ref) {
79
127
  var t = _ref.t,
80
128
  _ref$title = _ref.title,
@@ -118,129 +166,109 @@ var Manage$1 = reactUtils.withT(function (_ref) {
118
166
  _ref$isConnectDisable = _ref.isConnectDisabled,
119
167
  isConnectDisabled = _ref$isConnectDisable === void 0 ? false : _ref$isConnectDisable,
120
168
  _ref$connectTooltipPr = _ref.connectTooltipProps,
121
- connectTooltipProps = _ref$connectTooltipPr === void 0 ? null : _ref$connectTooltipPr;
122
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
123
- className: "mx-auto w-full max-w-3xl"
124
- }, /*#__PURE__*/React__default["default"].createElement("div", {
125
- className: "neeto-ui-border-gray-300 neeto-ui-rounded-xl mt-10 w-full space-y-4 border p-6"
126
- }, Icon && /*#__PURE__*/React__default["default"].createElement(Icon, {
127
- className: "neeto-ui-text-gray-600",
128
- size: 48
129
- }), /*#__PURE__*/React__default["default"].createElement("div", {
130
- className: "space-y-2"
131
- }, /*#__PURE__*/React__default["default"].createElement("div", {
132
- className: "flex items-center space-x-4"
133
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
134
- className: "neeto-ui-text-gray-800 mb-0.5",
135
- style: "h2",
136
- weight: "semibold"
137
- }, title), isConnected && /*#__PURE__*/React__default["default"].createElement("div", {
138
- className: "neeto-ui-bg-success-500 neeto-ui-text-white neeto-ui-rounded-full flex items-center justify-center p-1"
139
- }, /*#__PURE__*/React__default["default"].createElement(neetoIcons.Check, {
140
- size: 24
141
- }))), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
142
- style: "body1",
143
- weight: "normal",
144
- className: classnames__default["default"]("neeto-ui-text-gray-800", {
145
- "break-all": isConnected
146
- })
147
- }, description), helpDocUrl && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
148
- className: "neeto-ui-text-gray-800",
149
- style: "body2",
150
- weight: "normal"
151
- }, /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
152
- i18nKey: "neetoIntegrations.common.helpDocUrl",
153
- components: {
154
- helpLink: /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
155
- href: helpDocUrl,
156
- style: "link",
157
- 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
+ })]
158
260
  })
159
- },
160
- values: {
161
- integration: integrationName || neetoCist.humanize(integration)
162
- }
163
- }))), isConnected ? /*#__PURE__*/React__default["default"].createElement("div", {
164
- className: "space-x-2"
165
- }, (managePath || manageUrl) && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
166
- "data-cy": "manage-button",
167
- href: manageUrl,
168
- target: manageUrl ? "_blank" : "_self",
169
- to: managePath,
170
- label: t("neetoIntegrations.common.manageIntegration", {
171
- integration: integrationName || neetoCist.humanize(integration)
172
- })
173
- }), onDisconnect && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
174
- "data-cy": "disconnect-button",
175
- style: "secondary",
176
- label: t("neetoIntegrations.common.disconnectIntegration", {
177
- integration: integrationName || neetoCist.humanize(integration)
178
- }),
179
- onClick: function onClick() {
180
- return setIsDisconnectAlertOpen(true);
181
- }
182
- })) : /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, _extends$1({
183
- disabled: !isConnectDisabled
184
- }, connectTooltipProps), /*#__PURE__*/React__default["default"].createElement("span", null, (connectPath || connectUrl || onConnect) && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
185
- "data-cy": "connect-button",
186
- disabled: isConnectDisabled,
187
- href: connectUrl,
188
- to: connectPath,
189
- label: t("neetoIntegrations.common.connectIntegration", {
190
- integration: integrationName || neetoCist.humanize(integration)
191
- }),
192
- onClick: onConnect
193
- })))))), /*#__PURE__*/React__default["default"].createElement(DisconnectAlert__default["default"], {
194
- isDisconnecting: isDisconnecting,
195
- onClose: onClose,
196
- onDisconnect: onDisconnect,
197
- isOpen: isDisconnectAlertOpen,
198
- message: disconnectMessage || t("settings.integrations.".concat(integration, ".disconnect.message")),
199
- title: disconnectTitle || t("settings.integrations.".concat(integration, ".disconnect.title"))
200
- }));
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
+ });
201
270
  });
202
271
 
203
- function _typeof(o) {
204
- "@babel/helpers - typeof";
205
-
206
- return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
207
- return typeof o;
208
- } : function (o) {
209
- return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
210
- }, _typeof(o);
211
- }
212
-
213
- function _toPrimitive(input, hint) {
214
- if (_typeof(input) !== "object" || input === null) return input;
215
- var prim = input[Symbol.toPrimitive];
216
- if (prim !== undefined) {
217
- var res = prim.call(input, hint || "default");
218
- if (_typeof(res) !== "object") return res;
219
- throw new TypeError("@@toPrimitive must return a primitive value.");
220
- }
221
- return (hint === "string" ? String : Number)(input);
222
- }
223
-
224
- function _toPropertyKey(arg) {
225
- var key = _toPrimitive(arg, "string");
226
- return _typeof(key) === "symbol" ? key : String(key);
227
- }
228
-
229
- function _defineProperty(obj, key, value) {
230
- key = _toPropertyKey(key);
231
- if (key in obj) {
232
- Object.defineProperty(obj, key, {
233
- value: value,
234
- enumerable: true,
235
- configurable: true,
236
- writable: true
237
- });
238
- } else {
239
- obj[key] = value;
240
- }
241
- return obj;
242
- }
243
-
244
272
  var INTEGRATIONS_ENGINE_BASE_URL = "/neeto_integrations";
245
273
  var TWILIO_CONFIGURATION_BASE_URL = "".concat(INTEGRATIONS_ENGINE_BASE_URL, "/twilio/sms_configurations");
246
274
  var INTEGRATIONS_ENGINE_DAILY_URL = "".concat(INTEGRATIONS_ENGINE_BASE_URL, "/daily");
@@ -271,11 +299,11 @@ var QUERY_KEYS = {
271
299
  ZOOM_DETAILS: "zoom-details"
272
300
  };
273
301
 
274
- 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; }
275
- 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; }
276
304
  var useCreateDaily = function useCreateDaily() {
277
305
  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
278
- return reactUtils.useMutationWithInvalidation(dailiesApi.create, _objectSpread$4({
306
+ return reactUtils.useMutationWithInvalidation(dailiesApi.create, _objectSpread$7({
279
307
  keysToInvalidate: [QUERY_KEYS.DAILY_CO_DETAILS]
280
308
  }, options));
281
309
  };
@@ -377,15 +405,19 @@ function _objectWithoutProperties(source, excluded) {
377
405
  }
378
406
 
379
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; }
380
410
  var ExternalLink = function ExternalLink(_ref) {
381
411
  var _ref$className = _ref.className,
382
412
  className = _ref$className === void 0 ? "" : _ref$className,
383
413
  _ref$children = _ref.children,
384
414
  children = _ref$children === void 0 ? null : _ref$children,
385
415
  props = _objectWithoutProperties(_ref, _excluded);
386
- return /*#__PURE__*/React__default["default"].createElement("a", _extends$1({
416
+ return /*#__PURE__*/jsxRuntime.jsx("a", _objectSpread$6(_objectSpread$6({
387
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])
388
- }, props), children);
418
+ }, props), {}, {
419
+ children: children
420
+ }));
389
421
  };
390
422
  var ExternalLink$1 = /*#__PURE__*/React__default["default"].memo(ExternalLink);
391
423
 
@@ -405,6 +437,7 @@ var Form = function Form(_ref) {
405
437
  breadcrumbs = _ref.breadcrumbs;
406
438
  var _useTranslation = reactI18next.useTranslation(),
407
439
  t = _useTranslation.t;
440
+ var history = reactRouterDom.useHistory();
408
441
  var _useState = React.useState(false),
409
442
  _useState2 = _slicedToArray(_useState, 2),
410
443
  isDemoModalOpen = _useState2[0],
@@ -420,70 +453,78 @@ var Form = function Form(_ref) {
420
453
  return createDaily(payload);
421
454
  };
422
455
  if (isConnecting) {
423
- return /*#__PURE__*/React__default["default"].createElement(PageLoader__default["default"], null);
456
+ return /*#__PURE__*/jsxRuntime.jsx(PageLoader__default["default"], {});
424
457
  }
425
- return /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
426
- isHeaderFixed: true
427
- }, /*#__PURE__*/React__default["default"].createElement(Header__default["default"], {
428
- breadcrumbs: breadcrumbs,
429
- title: /*#__PURE__*/React__default["default"].createElement("span", {
430
- className: "flex items-center gap-2"
431
- }, t("neetoIntegrations.daily.connect.title"), /*#__PURE__*/React__default["default"].createElement(HelpPopover__default["default"], {
432
- title: t("neetoIntegrations.daily.connect.title"),
433
- description: /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
434
- i18nKey: "neetoIntegrations.daily.helpDoc",
435
- components: {
436
- externalLink: /*#__PURE__*/React__default["default"].createElement(ExternalLink$1, {
437
- "data-cy": "api-key-help-doc-link",
438
- href: helpDocUrl,
439
- rel: "noreferrer",
440
- target: "_blank"
441
- })
442
- }
443
- }),
444
- helpLinkProps: {
445
- label: /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
446
- className: "mt-8",
447
- label: t("neetoIntegrations.daily.walkthroughText"),
448
- style: "link",
449
- onClick: function onClick() {
450
- 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
+ })
451
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
+ })]
452
518
  })
453
- }
454
- }))
455
- }), /*#__PURE__*/React__default["default"].createElement("div", {
456
- className: "mx-auto w-full max-w-md"
457
- }, /*#__PURE__*/React__default["default"].createElement(formik.Form, {
458
- formikProps: {
459
- initialValues: MANAGE_DAILY_CO_FORM_INITIAL_VALUES,
460
- validationSchema: DAILY_CO_VALIDATION_SCHEMA,
461
- onSubmit: handleSubmit
462
- }
463
- }, function (_ref2) {
464
- var dirty = _ref2.dirty;
465
- return /*#__PURE__*/React__default["default"].createElement("div", {
466
- className: "mt-14 w-full space-y-5"
467
- }, /*#__PURE__*/React__default["default"].createElement("div", {
468
- className: "block min-h-20"
469
- }, /*#__PURE__*/React__default["default"].createElement(formik.Input, {
470
- autoFocus: true,
471
- required: true,
472
- label: t("neetoIntegrations.daily.apiKey"),
473
- name: "apiKey"
474
- })), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
475
- disabled: isConnecting || !dirty,
476
- label: t("neetoIntegrations.common.connect"),
477
- loading: isConnecting,
478
- type: "submit"
479
- })));
480
- }), /*#__PURE__*/React__default["default"].createElement(WalkthroughModal__default["default"], {
481
- videoUrl: videoUrl,
482
- isOpen: isDemoModalOpen,
483
- onClose: function onClose() {
484
- return setIsDemoModalOpen(false);
485
- }
486
- })));
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
+ });
487
528
  };
488
529
  var Form$1 = reactUtils.withTitle(Form, i18next__default["default"].t("neetoIntegrations.browserTitles.integrations.dailyco"));
489
530
 
@@ -517,8 +558,8 @@ var Manage = function Manage(_ref) {
517
558
  var handleDisconnect = function handleDisconnect() {
518
559
  return destroyIntegration("daily");
519
560
  };
520
- if (isFetching || isDisconnecting) return /*#__PURE__*/React__default["default"].createElement(PageLoader__default["default"], null);
521
- 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, {
522
563
  isConnected: isConnected,
523
564
  isDisconnectAlertOpen: isDisconnectAlertOpen,
524
565
  isDisconnecting: isDisconnecting,
@@ -528,15 +569,23 @@ var Manage = function Manage(_ref) {
528
569
  connect: true
529
570
  }),
530
571
  integration: "daily",
531
- description: isConnected ? /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
532
- components: {
533
- underline: /*#__PURE__*/React__default["default"].createElement("u", {
534
- className: "font-medium"
535
- })
536
- },
572
+ description: isConnected ? /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
537
573
  i18nKey: "neetoIntegrations.daily.yourApiKey",
538
574
  values: {
539
575
  apiKey: apiKey
576
+ },
577
+ components: {
578
+ wrapper: /*#__PURE__*/jsxRuntime.jsx("div", {
579
+ className: "neeto-ui-rounded-md mt-2 flex items-center justify-between gap-x-3 border px-3 py-2"
580
+ }),
581
+ span: /*#__PURE__*/jsxRuntime.jsx("span", {
582
+ className: "break-all text-sm"
583
+ }),
584
+ copy: /*#__PURE__*/jsxRuntime.jsx(CopyToClipboardButton__default["default"], {
585
+ className: "flex-shrink-0 self-start",
586
+ style: "text",
587
+ value: apiKey
588
+ })
540
589
  }
541
590
  }) : description,
542
591
  title: isConnected ? t("neetoIntegrations.daily.connected") : t("neetoIntegrations.daily.connect.account"),
@@ -571,12 +620,12 @@ var Daily = function Daily(_ref) {
571
620
  _ref2$apiKey = _ref2.apiKey,
572
621
  apiKey = _ref2$apiKey === void 0 ? null : _ref2$apiKey;
573
622
  if (neetoCist.isPresent(apiKey) && !isOnboarding || !connect) {
574
- return /*#__PURE__*/React__default["default"].createElement(Manage, {
623
+ return /*#__PURE__*/jsxRuntime.jsx(Manage, {
575
624
  description: description,
576
625
  onDisconnect: onDisconnect
577
626
  });
578
627
  }
579
- return /*#__PURE__*/React__default["default"].createElement(Form$1, {
628
+ return /*#__PURE__*/jsxRuntime.jsx(Form$1, {
580
629
  helpDocUrl: helpDocUrl,
581
630
  onConnect: onConnect,
582
631
  videoUrl: videoUrl
@@ -616,8 +665,8 @@ var STEPS = {
616
665
  finish: i18next.t("neetoIntegrations.common.finish")
617
666
  };
618
667
 
619
- 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; }
620
- 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; }
621
670
  var GoogleCalendar = function GoogleCalendar(_ref) {
622
671
  var permissionImage = _ref.permissionImage,
623
672
  fetchAuthorizationUrl = _ref.fetchAuthorizationUrl,
@@ -635,56 +684,62 @@ var GoogleCalendar = function GoogleCalendar(_ref) {
635
684
  React.useEffect(function () {
636
685
  setSteps(function () {
637
686
  var stepsClone = _toConsumableArray(steps);
638
- stepsClone[0] = _objectSpread$3(_objectSpread$3({}, steps[0]), {}, {
687
+ stepsClone[0] = _objectSpread$5(_objectSpread$5({}, steps[0]), {}, {
639
688
  isActive: activeTab === STEPS.connect,
640
689
  isCompleted: activeTab !== STEPS.connect
641
690
  });
642
- stepsClone[1] = _objectSpread$3(_objectSpread$3({}, steps[1]), {}, {
691
+ stepsClone[1] = _objectSpread$5(_objectSpread$5({}, steps[1]), {}, {
643
692
  isActive: activeTab === STEPS.finish,
644
693
  isCompleted: activeTab === STEPS.finish
645
694
  });
646
695
  return stepsClone;
647
696
  });
648
697
  }, [activeTab]);
649
- return /*#__PURE__*/React__default["default"].createElement(Modal, {
698
+ return /*#__PURE__*/jsxRuntime.jsxs(Modal, {
650
699
  steps: steps,
651
700
  isOpen: true,
652
- onClose: handleClose
653
- }, activeTab === STEPS.connect && /*#__PURE__*/React__default["default"].createElement("div", {
654
- className: "mx-auto w-full max-w-3xl"
655
- }, /*#__PURE__*/React__default["default"].createElement(misc.GoogleCalendar, {
656
- size: 48
657
- }), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
658
- className: "mb-4 mt-2",
659
- style: "h2"
660
- }, t("neetoIntegrations.google.connect.title")), /*#__PURE__*/React__default["default"].createElement("div", {
661
- className: "flex w-full flex-col items-start"
662
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Callout, {
663
- className: "block leading-5"
664
- }, /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
665
- components: {
666
- bold: /*#__PURE__*/React__default["default"].createElement("strong", null)
667
- },
668
- i18nKey: "neetoIntegrations.google.connect.reminderToAcceptPermissions",
669
- values: {
670
- selectCheckbox: t("neetoIntegrations.google.connect.selectCheckbox")
671
- }
672
- })), permissionImage && /*#__PURE__*/React__default["default"].createElement("div", {
673
- className: "neeto-ui-border-gray-300 neeto-ui-rounded-md my-4 overflow-hidden border"
674
- }, /*#__PURE__*/React__default["default"].createElement("img", {
675
- src: permissionImage
676
- }))), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
677
- icon: misc.Google,
678
- label: t("neetoIntegrations.google.connect.signIn"),
679
- onClick: fetchAuthorizationUrl
680
- })), activeTab === STEPS.finish && /*#__PURE__*/React__default["default"].createElement(Finish, {
681
- title: t("neetoIntegrations.google.finish.title"),
682
- onClick: handleRedirect
683
- }));
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
+ });
684
739
  };
685
740
 
686
- 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; }
687
- 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; }
688
743
  var ConfigurationForm = function ConfigurationForm(_ref) {
689
744
  var _errors$twilioPhoneNu;
690
745
  var phoneNumberOptions = _ref.phoneNumberOptions,
@@ -706,42 +761,46 @@ var ConfigurationForm = function ConfigurationForm(_ref) {
706
761
  React.useEffect(function () {
707
762
  selectedPhoneNumber && setFieldValue("twilioPhoneNumber", selectedPhoneNumber);
708
763
  }, [selectedPhoneNumber, initialValues]);
709
- return /*#__PURE__*/React__default["default"].createElement("div", {
710
- className: "flex w-full flex-col gap-4"
711
- }, /*#__PURE__*/React__default["default"].createElement("div", {
712
- className: "flex w-full"
713
- }, /*#__PURE__*/React__default["default"].createElement(formik.Input, {
714
- required: true,
715
- autoFocus: !isUsingOverlay,
716
- "data-testid": "integrations-twilio-sid",
717
- label: t("neetoIntegrations.twilio.sid"),
718
- name: "twilioSid",
719
- ref: initialFocusRef
720
- })), /*#__PURE__*/React__default["default"].createElement("div", {
721
- className: "flex w-full"
722
- }, /*#__PURE__*/React__default["default"].createElement(formik.Input, {
723
- required: true,
724
- "data-testid": "integrations-twilio-auth-token",
725
- label: t("neetoIntegrations.twilio.authToken"),
726
- name: "twilioAuthToken"
727
- })), phoneNumberOptions && /*#__PURE__*/React__default["default"].createElement("div", {
728
- className: "flex w-full"
729
- }, /*#__PURE__*/React__default["default"].createElement(formik.Select, {
730
- error: (_errors$twilioPhoneNu = errors.twilioPhoneNumber) === null || _errors$twilioPhoneNu === void 0 ? void 0 : _errors$twilioPhoneNu.value,
731
- label: t("neetoIntegrations.common.phNo"),
732
- name: "twilioPhoneNumber",
733
- options: phoneNumberOptions,
734
- size: "large",
735
- onChange: function onChange(selected) {
736
- return setValues(_objectSpread$2(_objectSpread$2({}, values), {}, {
737
- twilioPhoneNumber: selected
738
- }));
739
- }
740
- })));
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
+ });
741
800
  };
742
801
 
743
- 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; }
744
- 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; }
745
804
  var fetchTwilioSmsConfiguration = function fetchTwilioSmsConfiguration(integrable) {
746
805
  return axios__default["default"].get(TWILIO_CONFIGURATION_BASE_URL, {
747
806
  params: integrable
@@ -756,7 +815,7 @@ var getTwilioPhoneNumbers = function getTwilioPhoneNumbers(data) {
756
815
  });
757
816
  };
758
817
  var createTwilioConfiguration = function createTwilioConfiguration(payload, integrable) {
759
- 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));
760
819
  };
761
820
  var twilioApi = {
762
821
  fetchTwilioSmsConfiguration: fetchTwilioSmsConfiguration,
@@ -878,8 +937,8 @@ var buildPhoneNumberOptions = function buildPhoneNumberOptions(phoneNumbers) {
878
937
  });
879
938
  };
880
939
 
881
- 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; }
882
- 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; }
883
942
  var Twilio = function Twilio(_ref) {
884
943
  var _ref$integrable = _ref.integrable,
885
944
  integrable = _ref$integrable === void 0 ? null : _ref$integrable,
@@ -908,11 +967,11 @@ var Twilio = function Twilio(_ref) {
908
967
  }, phoneNumberOptions);
909
968
  var isLoading = isPhoneNumbersLoading || isConfigurationLoading;
910
969
  var isSubmitDisabled = function isSubmitDisabled(values) {
911
- return ramda.equals(_objectSpread(_objectSpread({}, configuration), {}, {
970
+ return ramda.equals(_objectSpread$2(_objectSpread$2({}, configuration), {}, {
912
971
  twilioPhoneNumber: selectedPhoneNumber
913
972
  }), values) || isLoading;
914
973
  };
915
- return /*#__PURE__*/React__default["default"].createElement(formik.Form, {
974
+ return /*#__PURE__*/jsxRuntime.jsx(FormikForm__default["default"], {
916
975
  className: "mx-auto flex w-full max-w-md flex-col p-5",
917
976
  formikProps: {
918
977
  enableReinitialize: true,
@@ -920,27 +979,30 @@ var Twilio = function Twilio(_ref) {
920
979
  initialValues: configuration,
921
980
  innerRef: formRef,
922
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
+ });
923
1005
  }
924
- }, function (formikProps) {
925
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(ConfigurationForm, {
926
- formikProps: formikProps,
927
- initialFocusRef: initialFocusRef,
928
- phoneNumberOptions: phoneNumberOptions,
929
- selectedPhoneNumber: selectedPhoneNumber
930
- }), /*#__PURE__*/React__default["default"].createElement("div", {
931
- className: "mt-4 flex items-center gap-x-2"
932
- }, /*#__PURE__*/React__default["default"].createElement(formik.ActionBlock, {
933
- cancelButtonProps: {
934
- onClick: onClose,
935
- disabled: false
936
- },
937
- className: "space-x-3",
938
- submitButtonProps: {
939
- label: phoneNumberOptions ? t("neetoIntegrations.common.saveChanges") : t("neetoIntegrations.common.verify"),
940
- disabled: isSubmitDisabled(formikProps.values),
941
- loading: isSubmitting || isPhoneNumbersLoading && !(configuration !== null && configuration !== void 0 && configuration.twilioAuthToken)
942
- }
943
- })));
944
1006
  });
945
1007
  };
946
1008
 
@@ -1008,8 +1070,8 @@ var Zoom = function Zoom(_ref) {
1008
1070
  var handleDisconnect = function handleDisconnect() {
1009
1071
  return destroyIntegration("zoom");
1010
1072
  };
1011
- if (isLoading) return /*#__PURE__*/React__default["default"].createElement(PageLoader__default["default"], null);
1012
- 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, {
1013
1075
  connectUrl: connectUrl,
1014
1076
  isConnected: isConnected,
1015
1077
  isDisconnectAlertOpen: isDisconnectAlertOpen,
@@ -1017,9 +1079,9 @@ var Zoom = function Zoom(_ref) {
1017
1079
  setIsDisconnectAlertOpen: setIsDisconnectAlertOpen,
1018
1080
  Icon: misc.Zoom,
1019
1081
  integration: "zoom",
1020
- description: isConnected ? /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
1082
+ description: isConnected ? /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
1021
1083
  components: {
1022
- underline: /*#__PURE__*/React__default["default"].createElement("u", {
1084
+ underline: /*#__PURE__*/jsxRuntime.jsx("u", {
1023
1085
  className: "font-medium"
1024
1086
  })
1025
1087
  },
@@ -1044,42 +1106,47 @@ var Stepper = function Stepper(_ref) {
1044
1106
  var isActiveOrCompleted = function isActiveOrCompleted(activeStatus, completedStatus) {
1045
1107
  return activeStatus || completedStatus;
1046
1108
  };
1047
- return /*#__PURE__*/React__default["default"].createElement("ul", {
1048
- className: "flex gap-4"
1049
- }, steps === null || steps === void 0 ? void 0 : steps.map(function (_ref2) {
1050
- var step = _ref2.step,
1051
- label = _ref2.label,
1052
- isActive = _ref2.isActive,
1053
- isCompleted = _ref2.isCompleted;
1054
- return /*#__PURE__*/React__default["default"].createElement("li", {
1055
- className: "flex items-center gap-4",
1056
- key: step
1057
- }, step !== "1" && /*#__PURE__*/React__default["default"].createElement("div", {
1058
- className: classnames__default["default"]("w-10 border-b", {
1059
- "neeto-ui-border-gray-800": isActiveOrCompleted(isActive, isCompleted),
1060
- "neeto-ui-border-gray-400": !isActiveOrCompleted(isActive, isCompleted)
1061
- })
1062
- }), /*#__PURE__*/React__default["default"].createElement("div", {
1063
- className: "flex items-center gap-2"
1064
- }, /*#__PURE__*/React__default["default"].createElement("div", {
1065
- className: classnames__default["default"]("neeto-ui-rounded-full neeto-ui-gray-600 flex h-6 w-6 items-center justify-center border", {
1066
- "neeto-ui-bg-success-600 neeto-ui-border-success-600 neeto-ui-text-white": isActive,
1067
- "neeto-ui-bg-primary-600 neeto-ui-border-primary-600 neeto-ui-text-white": isCompleted,
1068
- "neeto-ui-border-gray-400": !isActiveOrCompleted(isActive, isCompleted)
1069
- })
1070
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1071
- component: "span",
1072
- style: "body2",
1073
- weight: "normal"
1074
- }, step)), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1075
- style: "body2",
1076
- weight: "normal",
1077
- className: classnames__default["default"]({
1078
- "neeto-ui-text-gray-800": isActiveOrCompleted(isActive, isCompleted),
1079
- "neeto-ui-text-gray-600": !isActiveOrCompleted(isActive, isCompleted)
1080
- })
1081
- }, label)));
1082
- }));
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
+ });
1083
1150
  };
1084
1151
 
1085
1152
  var Modal = function Modal(_ref) {
@@ -1090,18 +1157,23 @@ var Modal = function Modal(_ref) {
1090
1157
  _ref$steps = _ref.steps,
1091
1158
  steps = _ref$steps === void 0 ? {} : _ref$steps,
1092
1159
  children = _ref.children;
1093
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Modal, {
1160
+ return /*#__PURE__*/jsxRuntime.jsxs(NeetoUIModal__default["default"], {
1094
1161
  isOpen: isOpen,
1095
1162
  onClose: onClose,
1096
1163
  className: "neeto-ui-flex neeto-ui-flex-col neeto-ui-transform-none w-screen overflow-y-auto",
1097
- size: "fullScreen"
1098
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Header, null, /*#__PURE__*/React__default["default"].createElement(Stepper, {
1099
- steps: steps
1100
- })), /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Body, {
1101
- className: "neeto-ui-flex neeto-ui-justify-center neeto-ui-flex-grow"
1102
- }, /*#__PURE__*/React__default["default"].createElement("div", {
1103
- className: "neeto-ui-w-full py-10"
1104
- }, 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
+ });
1105
1177
  };
1106
1178
 
1107
1179
  function getDefaultExportFromCjs (x) {
@@ -1186,6 +1258,8 @@ var factoryWithThrowingShims = function factoryWithThrowingShims() {
1186
1258
  var propTypesExports = propTypes.exports;
1187
1259
  var PropTypes = /*@__PURE__*/getDefaultExportFromCjs(propTypesExports);
1188
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; }
1189
1263
  var Connect = reactUtils.withT(function (_ref) {
1190
1264
  var t = _ref.t,
1191
1265
  Icon = _ref.Icon,
@@ -1193,32 +1267,61 @@ var Connect = reactUtils.withT(function (_ref) {
1193
1267
  title = _ref$title === void 0 ? "" : _ref$title,
1194
1268
  _ref$description = _ref.description,
1195
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,
1196
1276
  _ref$buttonProps = _ref.buttonProps,
1197
1277
  buttonProps = _ref$buttonProps === void 0 ? {} : _ref$buttonProps,
1198
1278
  _ref$onConnect = _ref.onConnect,
1199
1279
  onConnect = _ref$onConnect === void 0 ? neetoCist.noop : _ref$onConnect,
1200
1280
  children = _ref.children,
1201
1281
  secondaryButtonProps = _ref.secondaryButtonProps;
1202
- return /*#__PURE__*/React__default["default"].createElement("div", {
1203
- className: "mx-auto w-full max-w-3xl"
1204
- }, /*#__PURE__*/React__default["default"].createElement("div", {
1205
- className: "mb-6 flex flex-col gap-y-2"
1206
- }, /*#__PURE__*/React__default["default"].createElement(Icon, {
1207
- size: 48
1208
- }), /*#__PURE__*/React__default["default"].createElement("div", {
1209
- className: "flex flex-col gap-y-1"
1210
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1211
- style: "h2"
1212
- }, title), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1213
- style: "body2"
1214
- }, description))), children, /*#__PURE__*/React__default["default"].createElement("div", {
1215
- className: "flex w-full items-center gap-x-3"
1216
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends$1({
1217
- label: t("neetoIntegrations.common.connect"),
1218
- onClick: onConnect
1219
- }, buttonProps)), secondaryButtonProps && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends$1({
1220
- style: "secondary"
1221
- }, 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
+ });
1222
1325
  });
1223
1326
  Connect.prototypes = {
1224
1327
  /**
@@ -1266,7 +1369,7 @@ var Demo = function Demo(_ref) {
1266
1369
  var _useTranslation = reactI18next.useTranslation(),
1267
1370
  t = _useTranslation.t;
1268
1371
  var renderVideo = function renderVideo(videoUrl) {
1269
- return isYouTubeLink(videoUrl) ? /*#__PURE__*/React__default["default"].createElement("iframe", {
1372
+ return isYouTubeLink(videoUrl) ? /*#__PURE__*/jsxRuntime.jsx("iframe", {
1270
1373
  allowFullScreen: true,
1271
1374
  className: "aspect-video border-none",
1272
1375
  frameBorder: "0",
@@ -1274,30 +1377,36 @@ var Demo = function Demo(_ref) {
1274
1377
  src: videoUrl,
1275
1378
  title: renderText(iframeTitle, t("neetoIntegrations.demo.iFrameTitle")),
1276
1379
  type: "text/html"
1277
- }) : /*#__PURE__*/React__default["default"].createElement("video", {
1380
+ }) : /*#__PURE__*/jsxRuntime.jsx("video", {
1278
1381
  autoPlay: true,
1279
1382
  controls: true,
1280
1383
  muted: true,
1281
1384
  className: "neeto-ui-rounded-xl aspect-video w-full max-w-3xl cursor-pointer",
1282
- id: "walkthrough-video"
1283
- }, /*#__PURE__*/React__default["default"].createElement("source", {
1284
- src: videoUrl
1285
- }));
1385
+ id: "walkthrough-video",
1386
+ children: /*#__PURE__*/jsxRuntime.jsx("source", {
1387
+ src: videoUrl
1388
+ })
1389
+ });
1286
1390
  };
1287
- return /*#__PURE__*/React__default["default"].createElement("div", {
1288
- className: "mx-auto w-full max-w-3xl"
1289
- }, /*#__PURE__*/React__default["default"].createElement("div", {
1290
- className: "mb-6 flex flex-col gap-y-1"
1291
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1292
- style: "h2"
1293
- }, renderText(title, t("neetoIntegrations.demo.title"))), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1294
- style: "body2"
1295
- }, renderText(subtitle, t("neetoIntegrations.demo.subtitle")))), children, videoUrl && /*#__PURE__*/React__default["default"].createElement("div", {
1296
- className: "mb-8"
1297
- }, renderVideo(videoUrl)), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
1298
- label: t("neetoIntegrations.common.finish"),
1299
- onClick: onClose
1300
- }));
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
+ });
1301
1410
  };
1302
1411
  Demo.prototypes = {
1303
1412
  /**
@@ -1348,6 +1457,8 @@ const SvgSuccess = props => /*#__PURE__*/React__namespace.createElement("svg", _
1348
1457
  height: 344
1349
1458
  }))));
1350
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; }
1351
1462
  var Finish = reactUtils.withT(function (_ref) {
1352
1463
  var t = _ref.t,
1353
1464
  _ref$onClick = _ref.onClick,
@@ -1359,20 +1470,23 @@ var Finish = reactUtils.withT(function (_ref) {
1359
1470
  _ref$secondaryButtonP = _ref.secondaryButtonProps,
1360
1471
  secondaryButtonProps = _ref$secondaryButtonP === void 0 ? {} : _ref$secondaryButtonP,
1361
1472
  children = _ref.children;
1362
- return /*#__PURE__*/React__default["default"].createElement("div", {
1363
- className: "mx-auto w-full max-w-3xl"
1364
- }, /*#__PURE__*/React__default["default"].createElement(SvgSuccess, null), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1365
- className: "mb-6 mt-4",
1366
- style: "h2",
1367
- weight: "semibold"
1368
- }, title), children, /*#__PURE__*/React__default["default"].createElement("div", {
1369
- className: "flex w-full items-center gap-x-2"
1370
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends$1({
1371
- onClick: onClick,
1372
- label: t("neetoIntegrations.common.continue")
1373
- }, buttonProps)), neetoCist.isNotEmpty(secondaryButtonProps) && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends$1({
1374
- style: "secondary"
1375
- }, 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
+ });
1376
1490
  });
1377
1491
  Finish.prototypes = {
1378
1492
  /**