@bigbinary/neeto-api-keys-frontend 2.2.1 → 2.2.2

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.
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
4
+ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
3
5
  var react = require('react');
4
6
  var i18next = require('i18next');
5
7
  var neetoCist = require('@bigbinary/neeto-cist');
@@ -35,10 +37,7 @@ var TableWrapper = require('@bigbinary/neeto-molecules/TableWrapper');
35
37
  var NeetoUITable = require('@bigbinary/neetoui/Table');
36
38
  var NoData = require('@bigbinary/neetoui/NoData');
37
39
 
38
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
39
-
40
- function _interopNamespace(e) {
41
- if (e && e.__esModule) return e;
40
+ function _interopNamespaceDefault(e) {
42
41
  var n = Object.create(null);
43
42
  if (e) {
44
43
  Object.keys(e).forEach(function (k) {
@@ -51,127 +50,11 @@ function _interopNamespace(e) {
51
50
  }
52
51
  });
53
52
  }
54
- n["default"] = e;
53
+ n.default = e;
55
54
  return Object.freeze(n);
56
55
  }
57
56
 
58
- var Header__default = /*#__PURE__*/_interopDefaultLegacy(Header);
59
- var HelpPopover__default = /*#__PURE__*/_interopDefaultLegacy(HelpPopover);
60
- var Alert__default = /*#__PURE__*/_interopDefaultLegacy(Alert);
61
- var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
62
- var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
63
- var Pane__default = /*#__PURE__*/_interopDefaultLegacy(Pane);
64
- var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
65
- var NeetoUIForm__default = /*#__PURE__*/_interopDefaultLegacy(NeetoUIForm);
66
- var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
67
- var Checkbox__default = /*#__PURE__*/_interopDefaultLegacy(Checkbox);
68
- var ActionBlock__default = /*#__PURE__*/_interopDefaultLegacy(ActionBlock);
69
- var NeetoUIDatePicker__default = /*#__PURE__*/_interopDefaultLegacy(NeetoUIDatePicker);
70
- var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
71
- var CopyToClipboardButton__default = /*#__PURE__*/_interopDefaultLegacy(CopyToClipboardButton);
72
- var MoreDropdown__default = /*#__PURE__*/_interopDefaultLegacy(MoreDropdown);
73
- var Tag__default = /*#__PURE__*/_interopDefaultLegacy(Tag);
74
- var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
75
- var PageLoader__default = /*#__PURE__*/_interopDefaultLegacy(PageLoader);
76
- var TableWrapper__default = /*#__PURE__*/_interopDefaultLegacy(TableWrapper);
77
- var NeetoUITable__default = /*#__PURE__*/_interopDefaultLegacy(NeetoUITable);
78
- var NoData__default = /*#__PURE__*/_interopDefaultLegacy(NoData);
79
-
80
- function _typeof(o) {
81
- "@babel/helpers - typeof";
82
-
83
- return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
84
- return typeof o;
85
- } : function (o) {
86
- return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
87
- }, _typeof(o);
88
- }
89
-
90
- function _toPrimitive(input, hint) {
91
- if (_typeof(input) !== "object" || input === null) return input;
92
- var prim = input[Symbol.toPrimitive];
93
- if (prim !== undefined) {
94
- var res = prim.call(input, hint || "default");
95
- if (_typeof(res) !== "object") return res;
96
- throw new TypeError("@@toPrimitive must return a primitive value.");
97
- }
98
- return (hint === "string" ? String : Number)(input);
99
- }
100
-
101
- function _toPropertyKey(arg) {
102
- var key = _toPrimitive(arg, "string");
103
- return _typeof(key) === "symbol" ? key : String(key);
104
- }
105
-
106
- function _defineProperty(obj, key, value) {
107
- key = _toPropertyKey(key);
108
- if (key in obj) {
109
- Object.defineProperty(obj, key, {
110
- value: value,
111
- enumerable: true,
112
- configurable: true,
113
- writable: true
114
- });
115
- } else {
116
- obj[key] = value;
117
- }
118
- return obj;
119
- }
120
-
121
- function _arrayWithHoles(arr) {
122
- if (Array.isArray(arr)) return arr;
123
- }
124
-
125
- function _iterableToArrayLimit(r, l) {
126
- var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
127
- if (null != t) {
128
- var e,
129
- n,
130
- i,
131
- u,
132
- a = [],
133
- f = !0,
134
- o = !1;
135
- try {
136
- if (i = (t = t.call(r)).next, 0 === l) {
137
- if (Object(t) !== t) return;
138
- f = !1;
139
- } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
140
- } catch (r) {
141
- o = !0, n = r;
142
- } finally {
143
- try {
144
- if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
145
- } finally {
146
- if (o) throw n;
147
- }
148
- }
149
- return a;
150
- }
151
- }
152
-
153
- function _arrayLikeToArray(arr, len) {
154
- if (len == null || len > arr.length) len = arr.length;
155
- for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
156
- return arr2;
157
- }
158
-
159
- function _unsupportedIterableToArray(o, minLen) {
160
- if (!o) return;
161
- if (typeof o === "string") return _arrayLikeToArray(o, minLen);
162
- var n = Object.prototype.toString.call(o).slice(8, -1);
163
- if (n === "Object" && o.constructor) n = o.constructor.name;
164
- if (n === "Map" || n === "Set") return Array.from(o);
165
- if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
166
- }
167
-
168
- function _nonIterableRest() {
169
- throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
170
- }
171
-
172
- function _slicedToArray(arr, i) {
173
- return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
174
- }
57
+ var yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
175
58
 
176
59
  var getPageFromSearchParams = function getPageFromSearchParams() {
177
60
  var _getQueryParams = utils.getQueryParams(),
@@ -229,24 +112,24 @@ var API_KEYS_BASE_URL = "/neeto_api_keys_engine/api/v1/api_keys";
229
112
  var HELP_DOC_URL = "https://help.".concat(initializers.globalProps.appName.toLowerCase(), ".com/articles/api-keys");
230
113
 
231
114
  var fetch = function fetch(params) {
232
- return axios__default["default"].get(API_KEYS_BASE_URL, {
115
+ return axios.get(API_KEYS_BASE_URL, {
233
116
  params: params
234
117
  });
235
118
  };
236
119
  var create = function create(payload) {
237
- return axios__default["default"].post(API_KEYS_BASE_URL, {
120
+ return axios.post(API_KEYS_BASE_URL, {
238
121
  apiKey: payload
239
122
  });
240
123
  };
241
124
  var update = function update(_ref) {
242
125
  var id = _ref.id,
243
126
  payload = _ref.payload;
244
- return axios__default["default"].put("".concat(API_KEYS_BASE_URL, "/").concat(id), {
127
+ return axios.put("".concat(API_KEYS_BASE_URL, "/").concat(id), {
245
128
  apiKey: payload
246
129
  });
247
130
  };
248
131
  var destroy = function destroy(id) {
249
- return axios__default["default"]["delete"]("".concat(API_KEYS_BASE_URL, "/").concat(id));
132
+ return axios["delete"]("".concat(API_KEYS_BASE_URL, "/").concat(id));
250
133
  };
251
134
  var apiKeysApi = {
252
135
  fetch: fetch,
@@ -303,7 +186,7 @@ var INITIAL_VALUES = {
303
186
  label: "",
304
187
  hasNoExpiry: true
305
188
  };
306
- var NEXT_DAY = dayjs__default["default"]().add(1, "day").startOf("day");
189
+ var NEXT_DAY = dayjs().add(1, "day").startOf("day");
307
190
  var VALIDATION_SCHEMA = yup__namespace.object({
308
191
  expiresAt: yup__namespace.date().when("hasNoExpiry", function (hasNoExpiry, field) {
309
192
  return hasNoExpiry ? field.nullable() : field.nullable().required(i18next.t("neetoApiKeys.validations.required", {
@@ -322,13 +205,13 @@ var MENU_ITEMS = {
322
205
  };
323
206
 
324
207
  var isInPast = function isInPast(date) {
325
- return dayjs__default["default"](date).isBefore(dayjs__default["default"]());
208
+ return dayjs(date).isBefore(dayjs());
326
209
  };
327
210
  var partlyHideToken = function partlyHideToken(key) {
328
211
  return key.slice(-4).padStart(20, "*");
329
212
  };
330
213
  var formatExpiry = function formatExpiry(date) {
331
- return dayjs__default["default"](date).diff(dayjs__default["default"](), "day") <= 2 ? utils.dateFormat.fromNow(date) : utils.dateFormat.date(date);
214
+ return dayjs(date).diff(dayjs(), "day") <= 2 ? utils.dateFormat.fromNow(date) : utils.dateFormat.date(date);
332
215
  };
333
216
  var getMenuItems = function getMenuItems(_ref) {
334
217
  var onEdit = _ref.onEdit,
@@ -354,10 +237,10 @@ var buildColumnData = function buildColumnData(_ref2) {
354
237
  render: function render(label, apiKey) {
355
238
  return /*#__PURE__*/jsxRuntime.jsxs("div", {
356
239
  className: "flex items-center justify-between space-x-3",
357
- children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
240
+ children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
358
241
  style: "body2",
359
242
  children: label
360
- }), /*#__PURE__*/jsxRuntime.jsx(MoreDropdown__default["default"], {
243
+ }), /*#__PURE__*/jsxRuntime.jsx(MoreDropdown, {
361
244
  dropdownProps: {
362
245
  strategy: "fixed"
363
246
  },
@@ -380,10 +263,10 @@ var buildColumnData = function buildColumnData(_ref2) {
380
263
  render: function render(token) {
381
264
  return /*#__PURE__*/jsxRuntime.jsxs("div", {
382
265
  className: "flex items-center justify-between gap-x-3",
383
- children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
266
+ children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
384
267
  style: "body2",
385
268
  children: partlyHideToken(token)
386
- }), /*#__PURE__*/jsxRuntime.jsx(CopyToClipboardButton__default["default"], {
269
+ }), /*#__PURE__*/jsxRuntime.jsx(CopyToClipboardButton, {
387
270
  style: "text",
388
271
  value: token
389
272
  })]
@@ -395,10 +278,10 @@ var buildColumnData = function buildColumnData(_ref2) {
395
278
  width: 144,
396
279
  render: function render(_, _ref3) {
397
280
  var expiresAt = _ref3.expiresAt;
398
- return neetoCist.isPresent(expiresAt) && isInPast(expiresAt) ? /*#__PURE__*/jsxRuntime.jsx(Tag__default["default"], {
281
+ return neetoCist.isPresent(expiresAt) && isInPast(expiresAt) ? /*#__PURE__*/jsxRuntime.jsx(Tag, {
399
282
  style: "warning",
400
283
  children: i18next.t("neetoApiKeys.tags.expired")
401
- }) : /*#__PURE__*/jsxRuntime.jsx(Tag__default["default"], {
284
+ }) : /*#__PURE__*/jsxRuntime.jsx(Tag, {
402
285
  style: "success",
403
286
  children: i18next.t("neetoApiKeys.tags.active")
404
287
  });
@@ -409,7 +292,7 @@ var buildColumnData = function buildColumnData(_ref2) {
409
292
  dataIndex: "expiresAt",
410
293
  width: 200,
411
294
  render: function render(expiresAt) {
412
- return neetoCist.isPresent(expiresAt) ? formatExpiry(expiresAt) : /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
295
+ return neetoCist.isPresent(expiresAt) ? formatExpiry(expiresAt) : /*#__PURE__*/jsxRuntime.jsx(Typography, {
413
296
  style: "body2",
414
297
  children: i18next.t("neetoApiKeys.common.never")
415
298
  });
@@ -420,7 +303,7 @@ var buildColumnData = function buildColumnData(_ref2) {
420
303
  dataIndex: "createdAt",
421
304
  width: 200,
422
305
  render: function render(createdAt) {
423
- return neetoCist.isPresent(createdAt) ? utils.dateFormat.dateTime(createdAt) : /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
306
+ return neetoCist.isPresent(createdAt) ? utils.dateFormat.dateTime(createdAt) : /*#__PURE__*/jsxRuntime.jsx(Typography, {
424
307
  style: "body2",
425
308
  children: i18next.t("neetoApiKeys.common.never")
426
309
  });
@@ -428,7 +311,7 @@ var buildColumnData = function buildColumnData(_ref2) {
428
311
  }];
429
312
  };
430
313
  var getStartOfTime = function getStartOfTime(time, unit) {
431
- return dayjs__default["default"](time).startOf(unit);
314
+ return dayjs(time).startOf(unit);
432
315
  };
433
316
 
434
317
  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; }
@@ -444,11 +327,11 @@ var DatePicker = function DatePicker(_ref) {
444
327
  return /*#__PURE__*/jsxRuntime.jsx(formik.Field, {
445
328
  name: name,
446
329
  children: function children(_ref2) {
447
- var _globalProps;
330
+ var _globalProps, _globalProps$user;
448
331
  var field = _ref2.field,
449
332
  meta = _ref2.meta,
450
333
  setFieldValue = _ref2.form.setFieldValue;
451
- return /*#__PURE__*/jsxRuntime.jsx(NeetoUIDatePicker__default["default"], _objectSpread$3(_objectSpread$3({
334
+ return /*#__PURE__*/jsxRuntime.jsx(NeetoUIDatePicker, _objectSpread$3(_objectSpread$3({
452
335
  defaultValue: defaultValue,
453
336
  disabled: disabled,
454
337
  disabledDate: disabledDate,
@@ -457,7 +340,7 @@ var DatePicker = function DatePicker(_ref) {
457
340
  allowClear: false,
458
341
  className: "w-full",
459
342
  error: meta.touched && meta.error,
460
- format: (_globalProps = globalProps) === null || _globalProps === void 0 || (_globalProps = _globalProps.user) === null || _globalProps === void 0 ? void 0 : _globalProps.dateFormat,
343
+ format: (_globalProps = globalProps) === null || _globalProps === void 0 ? void 0 : (_globalProps$user = _globalProps.user) === null || _globalProps$user === void 0 ? void 0 : _globalProps$user.dateFormat,
461
344
  getPopupContainer: ramda.prop("parentNode")
462
345
  }, field), {}, {
463
346
  onChange: function onChange(date) {
@@ -476,7 +359,7 @@ var Form = reactUtils.withT(function (_ref) {
476
359
  onClose = _ref.onClose,
477
360
  onSubmit = _ref.onSubmit,
478
361
  initialFocusRef = _ref.initialFocusRef;
479
- return /*#__PURE__*/jsxRuntime.jsx(NeetoUIForm__default["default"], {
362
+ return /*#__PURE__*/jsxRuntime.jsx(NeetoUIForm, {
480
363
  formikProps: {
481
364
  validationSchema: VALIDATION_SCHEMA,
482
365
  initialValues: initialValues,
@@ -489,10 +372,10 @@ var Form = reactUtils.withT(function (_ref) {
489
372
  hasNoExpiry = _ref2$values2.hasNoExpiry,
490
373
  expiresAt = _ref2$values2.expiresAt;
491
374
  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
492
- children: [/*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Body, {
375
+ children: [/*#__PURE__*/jsxRuntime.jsx(Pane.Body, {
493
376
  children: /*#__PURE__*/jsxRuntime.jsxs("div", {
494
377
  className: "w-full space-y-4",
495
- children: [/*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
378
+ children: [/*#__PURE__*/jsxRuntime.jsx(Input, {
496
379
  autoFocus: true,
497
380
  label: t("neetoApiKeys.fields.label"),
498
381
  name: "label",
@@ -508,7 +391,7 @@ var Form = reactUtils.withT(function (_ref) {
508
391
  label: t("neetoApiKeys.fields.expiryDate"),
509
392
  name: "expiresAt",
510
393
  placeholder: t("neetoApiKeys.placeholders.selectExpiryDate")
511
- }), /*#__PURE__*/jsxRuntime.jsx(Checkbox__default["default"], {
394
+ }), /*#__PURE__*/jsxRuntime.jsx(Checkbox, {
512
395
  checked: hasNoExpiry,
513
396
  label: t("neetoApiKeys.fields.neverExpire"),
514
397
  name: "hasNoExpiry",
@@ -519,8 +402,8 @@ var Form = reactUtils.withT(function (_ref) {
519
402
  })]
520
403
  })]
521
404
  })
522
- }), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Footer, {
523
- children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock__default["default"], {
405
+ }), /*#__PURE__*/jsxRuntime.jsx(Pane.Footer, {
406
+ children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock, {
524
407
  isSubmitting: isSubmitting,
525
408
  cancelButtonProps: {
526
409
  onClick: onClose
@@ -541,14 +424,14 @@ var Create = function Create(_ref) {
541
424
  isCreating = _useCreateApiKey.isPending;
542
425
  var _useTranslation = reactI18next.useTranslation(),
543
426
  t = _useTranslation.t;
544
- return /*#__PURE__*/jsxRuntime.jsxs(Pane__default["default"], {
427
+ return /*#__PURE__*/jsxRuntime.jsxs(Pane, {
545
428
  initialFocusRef: initialFocusRef,
546
429
  isOpen: isOpen,
547
430
  onClose: onClose,
548
- children: [/*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Header, {
549
- children: /*#__PURE__*/jsxRuntime.jsxs(Typography__default["default"], {
431
+ children: [/*#__PURE__*/jsxRuntime.jsx(Pane.Header, {
432
+ children: /*#__PURE__*/jsxRuntime.jsxs(Typography, {
550
433
  style: "h2",
551
- children: [t("neetoApiKeys.headers.createApiKey"), /*#__PURE__*/jsxRuntime.jsx(HelpPopover__default["default"], {
434
+ children: [t("neetoApiKeys.headers.createApiKey"), /*#__PURE__*/jsxRuntime.jsx(HelpPopover, {
552
435
  className: "ml-2",
553
436
  description: t("neetoApiKeys.tooltips.apiKeysDescription"),
554
437
  helpLinkProps: {
@@ -586,14 +469,14 @@ var Update = function Update(_ref) {
586
469
  var initialValues = _objectSpread$2(_objectSpread$2({}, apiKey), {}, {
587
470
  hasNoExpiry: neetoCist.isNotPresent(apiKey.expiresAt)
588
471
  });
589
- return /*#__PURE__*/jsxRuntime.jsxs(Pane__default["default"], {
472
+ return /*#__PURE__*/jsxRuntime.jsxs(Pane, {
590
473
  initialFocusRef: initialFocusRef,
591
474
  onClose: onClose,
592
475
  isOpen: neetoCist.isNotEmpty(apiKey),
593
- children: [/*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Header, {
594
- children: /*#__PURE__*/jsxRuntime.jsxs(Typography__default["default"], {
476
+ children: [/*#__PURE__*/jsxRuntime.jsx(Pane.Header, {
477
+ children: /*#__PURE__*/jsxRuntime.jsxs(Typography, {
595
478
  style: "h2",
596
- children: [t("neetoApiKeys.headers.updateApiKey"), /*#__PURE__*/jsxRuntime.jsx(HelpPopover__default["default"], {
479
+ children: [t("neetoApiKeys.headers.updateApiKey"), /*#__PURE__*/jsxRuntime.jsx(HelpPopover, {
597
480
  className: "ml-2",
598
481
  description: t("neetoApiKeys.tooltips.apiKeysDescription"),
599
482
  helpLinkProps: {
@@ -627,17 +510,17 @@ var Table = function Table(_ref) {
627
510
  handlePageChange = _ref.handlePageChange;
628
511
  var _useTranslation = reactI18next.useTranslation(),
629
512
  t = _useTranslation.t;
630
- if (isLoading) return /*#__PURE__*/jsxRuntime.jsx(PageLoader__default["default"], {});
513
+ if (isLoading) return /*#__PURE__*/jsxRuntime.jsx(PageLoader, {});
631
514
  if (ramda.isEmpty(data === null || data === void 0 ? void 0 : data.apiKeys)) {
632
515
  return /*#__PURE__*/jsxRuntime.jsxs("div", {
633
516
  className: "flex h-full w-full items-center justify-center",
634
- children: [/*#__PURE__*/jsxRuntime.jsx(NoData__default["default"], _objectSpread$1({
517
+ children: [/*#__PURE__*/jsxRuntime.jsx(NoData, _objectSpread$1({
635
518
  className: "w-full",
636
519
  title: t("neetoApiKeys.noData.title"),
637
520
  helpText: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
638
521
  i18nKey: "neetoApiKeys.noData.helpText",
639
522
  components: {
640
- helpLink: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
523
+ helpLink: /*#__PURE__*/jsxRuntime.jsx(Button, {
641
524
  href: HELP_DOC_URL,
642
525
  style: "link",
643
526
  target: "_blank"
@@ -653,9 +536,9 @@ var Table = function Table(_ref) {
653
536
  }, noDataProps)), ";"]
654
537
  });
655
538
  }
656
- return /*#__PURE__*/jsxRuntime.jsx(TableWrapper__default["default"], {
539
+ return /*#__PURE__*/jsxRuntime.jsx(TableWrapper, {
657
540
  hasPagination: (data === null || data === void 0 ? void 0 : data.totalCount) > constants.DEFAULT_PAGE_SIZE,
658
- children: /*#__PURE__*/jsxRuntime.jsx(NeetoUITable__default["default"], {
541
+ children: /*#__PURE__*/jsxRuntime.jsx(NeetoUITable, {
659
542
  handlePageChange: handlePageChange,
660
543
  fixedHeight: true,
661
544
  columnData: buildColumnData({
@@ -724,8 +607,8 @@ var ApiKeys = function ApiKeys(_ref) {
724
607
  }, [data]);
725
608
  return /*#__PURE__*/jsxRuntime.jsxs("div", {
726
609
  className: "flex h-full w-full flex-col",
727
- children: [/*#__PURE__*/jsxRuntime.jsx(Header__default["default"], _objectSpread({
728
- actionBlock: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
610
+ children: [/*#__PURE__*/jsxRuntime.jsx(Header, _objectSpread({
611
+ actionBlock: /*#__PURE__*/jsxRuntime.jsx(Button, {
729
612
  label: t("neetoApiKeys.buttons.addApiKey"),
730
613
  onClick: function onClick() {
731
614
  return setIsCreatePaneOpen(true);
@@ -736,7 +619,7 @@ var ApiKeys = function ApiKeys(_ref) {
736
619
  },
737
620
  title: /*#__PURE__*/jsxRuntime.jsxs("div", {
738
621
  className: "flex items-center gap-x-2",
739
- children: [t("neetoApiKeys.common.apiKey", constants.PLURAL), /*#__PURE__*/jsxRuntime.jsx(HelpPopover__default["default"], _objectSpread({
622
+ children: [t("neetoApiKeys.common.apiKey", constants.PLURAL), /*#__PURE__*/jsxRuntime.jsx(HelpPopover, _objectSpread({
740
623
  description: t("neetoApiKeys.tooltips.apiKeysDescription"),
741
624
  helpLinkProps: {
742
625
  href: HELP_DOC_URL
@@ -754,7 +637,7 @@ var ApiKeys = function ApiKeys(_ref) {
754
637
  setIsCreatePaneOpen: setIsCreatePaneOpen,
755
638
  handleDelete: setApiKeyToBeDeleted,
756
639
  handleEdit: setApiKeyToBeEdited
757
- }), /*#__PURE__*/jsxRuntime.jsx(Alert__default["default"], {
640
+ }), /*#__PURE__*/jsxRuntime.jsx(Alert, {
758
641
  isOpen: neetoCist.isNotEmpty(apiKeyToBeDeleted),
759
642
  isSubmitting: isDeleting,
760
643
  submitButtonLabel: t("neetoApiKeys.buttons.delete"),