@bigbinary/neeto-molecules 4.1.51 → 4.1.53

package/dist/v2/AuditLogs.js

@@ -0,0 +1,923 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { useMemo, createElement } from 'react';
+import { Typography, Avatar, AvatarFallback, Spinner, Pagination, PaginationContent, PaginationItem, PaginationPrevious, PaginationEllipsis, PaginationLink, PaginationNext } from '@bigbinary/neeto-atoms';
+import classnames from 'classnames';
+import { snakeToCamelCase, humanize, isPresent, isNotEmpty } from '@bigbinary/neeto-cist';
+import { LANGUAGE_OPTIONS, DEFAULT_STALE_TIME, DEFAULT_PAGE_INDEX } from '@bigbinary/neeto-commons-frontend/constants';
+import { useQueryParams } from '@bigbinary/neeto-commons-frontend/react-utils';
+import { buildUrl } from '@bigbinary/neeto-commons-frontend/utils/general';
+import { indexBy, prop, omit, isEmpty, identity, mergeLeft } from 'ramda';
+import { Trans as Trans$1, useTranslation } from 'react-i18next';
+import { useHistory, useLocation } from 'react-router-dom';
+import { dateFormat } from '@bigbinary/neeto-commons-frontend/utils';
+import Apple from '@bigbinary/neeto-icons/misc/Apple';
+import GoogleCalendar from '@bigbinary/neeto-icons/misc/GoogleCalendar';
+import GoogleMeet from '@bigbinary/neeto-icons/misc/GoogleMeet';
+import Outlook from '@bigbinary/neeto-icons/misc/Outlook';
+import Slack from '@bigbinary/neeto-icons/misc/Slack';
+import Stripe from '@bigbinary/neeto-icons/misc/Stripe';
+import StripeTypeface from '@bigbinary/neeto-icons/misc/StripeTypeface';
+import Teams from '@bigbinary/neeto-icons/misc/Teams';
+import Twilio from '@bigbinary/neeto-icons/misc/Twilio';
+import Zoom from '@bigbinary/neeto-icons/misc/Zoom';
+import { c as createLucideIcon } from '../createLucideIcon-mNMhCCpf.js';
+import { U as User } from '../user-A843PT-q.js';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { globalProps } from '@bigbinary/neeto-commons-frontend/initializers';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { useQuery } from '@tanstack/react-query';
+import axios from 'axios';
+import Container from './Container.js';
+import Header from './Header.js';
+import '../index-DAYCJu79.js';
+import '../_commonjsHelpers-BFTU3MAI.js';
+import './Breadcrumbs.js';
+import './HelpPopover.js';
+import '../circle-question-mark-Dib48f5Z.js';
+import './MoreDropdown.js';
+import '../ellipsis-DpI9xqUK.js';
+import './Search.js';
+import '@babel/runtime/helpers/slicedToArray';
+import '@bigbinary/neeto-commons-frontend/react-utils/useFuncDebounce';
+import '@bigbinary/neeto-commons-frontend/react-utils/useQueryParams';
+import '@bigbinary/neeto-commons-frontend/react-utils/useUpdateEffect';
+import '../search-DCgpNjip.js';
+
+/**
+ * @license lucide-react v1.7.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
+const __iconNode$5 = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["circle", { cx: "12", cy: "10", r: "3", key: "ilqhr7" }],
+  ["path", { d: "M7 20.662V19a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1.662", key: "154egf" }]
+];
+const CircleUser = createLucideIcon("circle-user", __iconNode$5);
+
+/**
+ * @license lucide-react v1.7.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
+const __iconNode$4 = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20", key: "13o1zl" }],
+  ["path", { d: "M2 12h20", key: "9i4pu4" }]
+];
+const Globe = createLucideIcon("globe", __iconNode$4);
+
+/**
+ * @license lucide-react v1.7.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
+const __iconNode$3 = [
+  ["path", { d: "m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4", key: "g0fldk" }],
+  ["path", { d: "m21 2-9.6 9.6", key: "1j0ho8" }],
+  ["circle", { cx: "7.5", cy: "15.5", r: "5.5", key: "yqb3hr" }]
+];
+const Key = createLucideIcon("key", __iconNode$3);
+
+/**
+ * @license lucide-react v1.7.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
+const __iconNode$2 = [
+  ["path", { d: "M10 15H6a4 4 0 0 0-4 4v2", key: "1nfge6" }],
+  ["path", { d: "m14.305 16.53.923-.382", key: "1itpsq" }],
+  ["path", { d: "m15.228 13.852-.923-.383", key: "eplpkm" }],
+  ["path", { d: "m16.852 12.228-.383-.923", key: "13v3q0" }],
+  ["path", { d: "m16.852 17.772-.383.924", key: "1i8mnm" }],
+  ["path", { d: "m19.148 12.228.383-.923", key: "1q8j1v" }],
+  ["path", { d: "m19.53 18.696-.382-.924", key: "vk1qj3" }],
+  ["path", { d: "m20.772 13.852.924-.383", key: "n880s0" }],
+  ["path", { d: "m20.772 16.148.924.383", key: "1g6xey" }],
+  ["circle", { cx: "18", cy: "15", r: "3", key: "gjjjvw" }],
+  ["circle", { cx: "9", cy: "7", r: "4", key: "nufk8" }]
+];
+const UserCog = createLucideIcon("user-cog", __iconNode$2);
+
+/**
+ * @license lucide-react v1.7.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
+const __iconNode$1 = [
+  ["path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2", key: "1yyitq" }],
+  ["circle", { cx: "9", cy: "7", r: "4", key: "nufk8" }],
+  ["line", { x1: "22", x2: "16", y1: "11", y2: "11", key: "1shjgl" }]
+];
+const UserMinus = createLucideIcon("user-minus", __iconNode$1);
+
+/**
+ * @license lucide-react v1.7.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
+const __iconNode = [
+  ["path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2", key: "1yyitq" }],
+  ["circle", { cx: "9", cy: "7", r: "4", key: "nufk8" }],
+  ["line", { x1: "19", x2: "19", y1: "8", y2: "14", key: "1bvyxn" }],
+  ["line", { x1: "22", x2: "16", y1: "11", y2: "11", key: "1shjgl" }]
+];
+const UserPlus = createLucideIcon("user-plus", __iconNode);
+
+var _AUDIT_ICON_MAP;
+var AUDIT_LOGS_QUERY_KEY = "audit-logs";
+var COUNTRIES_LIST_QUERY_KEY = "countries-list"; // Same key as that used in "neeto-team-members" for cache reuse.
+var PERMISSIONS_LIST_QUERY_KEY = "neeto-team-members-permissions"; // Same key as that used in "neeto-team-members" for cache reuse.
+
+var ACTIONS = {
+  INVITED_USERS: "invitedUsers",
+  USER_SIGNED_UP: "userSignedUp",
+  UPDATED_USER: "updatedUser",
+  BULK_UPDATE_USERS: "bulkUpdateUsers",
+  UPDATED_USER_PROFILE: "updatedUserProfile",
+  CREATED_ROLE: "createdRole",
+  UPDATED_ROLE: "updatedRole",
+  DELETED_ROLE: "deletedRole",
+  INTEGRATION_CONNECTED: "integration.connected",
+  INTEGRATION_DISCONNECTED: "integration.disconnected",
+  INTEGRATION_DISCONNECTED_BY_PROVIDER: "integration.disconnectedByProvider",
+  CONNECTED_STRIPE_ACCOUNT: "connectedStripeAccount",
+  DISCONNECTED_STRIPE_ACCOUNT: "disconnectedStripeAccount",
+  CONNECTED_ZOOM_INTEGRATION: "connectedZoomIntegration",
+  DISCONNECTED_ZOOM_INTEGRATION: "disconnectedZoomIntegration",
+  CONNECTED_CUSTOM_DOMAIN: "connectedCustomDomain",
+  CREATED_API_KEY: "createdApiKey",
+  DELETED_API_KEY: "deletedApiKey",
+  UPDATED_API_KEY: "updatedApiKey"
+};
+var AUDIT_ICON_MAP = (_AUDIT_ICON_MAP = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_AUDIT_ICON_MAP, ACTIONS.INVITED_USERS, CircleUser), ACTIONS.USER_SIGNED_UP, UserPlus), ACTIONS.UPDATED_USER, User), ACTIONS.BULK_UPDATE_USERS, User), ACTIONS.UPDATED_USER_PROFILE, UserCog), ACTIONS.CREATED_ROLE, UserPlus), ACTIONS.UPDATED_ROLE, UserCog), ACTIONS.DELETED_ROLE, UserMinus), ACTIONS.INTEGRATION_CONNECTED, UserCog), ACTIONS.INTEGRATION_DISCONNECTED, UserCog), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_AUDIT_ICON_MAP, ACTIONS.INTEGRATION_DISCONNECTED_BY_PROVIDER, UserCog), ACTIONS.CONNECTED_STRIPE_ACCOUNT, StripeTypeface), ACTIONS.DISCONNECTED_STRIPE_ACCOUNT, Stripe), ACTIONS.CONNECTED_ZOOM_INTEGRATION, Zoom), ACTIONS.DISCONNECTED_ZOOM_INTEGRATION, Zoom), ACTIONS.CONNECTED_CUSTOM_DOMAIN, Globe), ACTIONS.CREATED_API_KEY, Key), ACTIONS.DELETED_API_KEY, Key), ACTIONS.UPDATED_API_KEY, Key));
+var AUDIT_LOGS_PAGE_SIZE = 12;
+var LANGUAGE_OPTIONS_MAP = indexBy(prop("value"), LANGUAGE_OPTIONS);
+var DATE_FORMAT_OPTIONS_MAP = {
+  "%m/%d/%Y": "MM/DD/YYYY",
+  "%d/%m/%Y": "DD/MM/YYYY",
+  "%Y/%m/%d": "YYYY/MM/DD"
+};
+var FIELD_NAME_MAP = {
+  organizationRole: "role"
+};
+var INTEGRATION_ICON_MAP = {
+  google_calendar: GoogleCalendar,
+  google_meet: GoogleMeet,
+  icloud_calendar: Apple,
+  outlook: Outlook,
+  slack: Slack,
+  teams: Teams,
+  twilio: Twilio,
+  zoom: Zoom
+};
+var INTEGRATION_DISPLAY_NAME_MAP = {
+  google_calendar: "Google Calendar",
+  google_meet: "Google Meet",
+  icloud_calendar: "iCloud Calendar",
+  outlook: "Outlook",
+  slack: "Slack",
+  teams: "Microsoft Teams",
+  twilio: "Twilio",
+  zoom: "Zoom"
+};
+
+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; }
+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), true).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; }
+var Trans = function Trans(_ref) {
+  var i18nKey = _ref.i18nKey,
+    _ref$additionalValues = _ref.additionalValues,
+    additionalValues = _ref$additionalValues === void 0 ? {} : _ref$additionalValues,
+    _ref$additionalCompon = _ref.additionalComponents,
+    additionalComponents = _ref$additionalCompon === void 0 ? {} : _ref$additionalCompon;
+  return /*#__PURE__*/jsx(Trans$1, {
+    i18nKey: i18nKey,
+    components: _objectSpread$4({
+      Code: /*#__PURE__*/jsx(Typography, {
+        asChild: true,
+        variant: "body3",
+        children: /*#__PURE__*/jsx("code", {
+          className: "bg-muted rounded-md px-1.5 py-0.5"
+        })
+      }),
+      Semibold: /*#__PURE__*/jsx(Typography, {
+        asChild: true,
+        variant: "body2",
+        weight: "medium",
+        children: /*#__PURE__*/jsx("span", {
+          className: "inline"
+        })
+      })
+    }, additionalComponents),
+    values: _objectSpread$4({
+      productSuffix: globalProps.appName
+    }, additionalValues)
+  });
+};
+
+var _excluded = ["countriesMap", "permissionsMap", "action", "performedBy", "emails", "firstName", "lastName", "organizationRole", "email", "changes", "status", "message", "errorMessage"];
+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; }
+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), true).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; }
+var formatFieldName = function formatFieldName(field) {
+  return FIELD_NAME_MAP[field] || humanize(field);
+};
+var createFieldValueFormatter = function createFieldValueFormatter(_ref) {
+  var field = _ref.field,
+    countriesMap = _ref.countriesMap;
+  switch (field) {
+    case "language":
+      return function (value) {
+        var _LANGUAGE_OPTIONS_MAP;
+        return ((_LANGUAGE_OPTIONS_MAP = LANGUAGE_OPTIONS_MAP[value]) === null || _LANGUAGE_OPTIONS_MAP === void 0 ? void 0 : _LANGUAGE_OPTIONS_MAP.label) || value;
+      };
+    case "dateFormat":
+      return function (value) {
+        return DATE_FORMAT_OPTIONS_MAP[value] || value;
+      };
+    case "countryIdentifier":
+      return function (value) {
+        var _countriesMap$value;
+        return ((_countriesMap$value = countriesMap[value]) === null || _countriesMap$value === void 0 ? void 0 : _countriesMap$value.name) || value;
+      };
+    default:
+      return identity;
+  }
+};
+var formatChangedFields = function formatChangedFields(_ref2) {
+  var changes = _ref2.changes,
+    countriesMap = _ref2.countriesMap;
+  var fields = Object.keys(changes).map(function (field, index) {
+    var change = changes[field];
+    var valueFormatter = createFieldValueFormatter({
+      field: field,
+      countriesMap: countriesMap
+    });
+    var element;
+    if (field === "profileImage") {
+      element = /*#__PURE__*/jsx("span", {
+        children: /*#__PURE__*/jsx(Trans, {
+          additionalValues: {
+            field: formatFieldName(field)
+          },
+          i18nKey: "neetoMolecules.auditLogs.text.updatedFields"
+        })
+      }, field);
+    } else if (change && isPresent(change.from)) {
+      element = /*#__PURE__*/jsx("span", {
+        children: /*#__PURE__*/jsx(Trans, {
+          i18nKey: "neetoMolecules.auditLogs.text.updatedFieldsWithPreviousValue",
+          additionalValues: {
+            field: formatFieldName(field),
+            from: valueFormatter(change.from),
+            to: valueFormatter(change.to)
+          }
+        })
+      }, field);
+    } else {
+      element = /*#__PURE__*/jsx("span", {
+        children: /*#__PURE__*/jsx(Trans, {
+          i18nKey: "neetoMolecules.auditLogs.text.updatedFieldsWithNewValue",
+          additionalValues: {
+            field: formatFieldName(field),
+            to: valueFormatter(change.to)
+          }
+        })
+      }, field);
+    }
+    return index > 0 ? [/*#__PURE__*/jsx("span", {
+      children: ", "
+    }, "sep-".concat(field)), element] : element;
+  });
+  return fields.flat();
+};
+var transformAction = function transformAction(action) {
+  return snakeToCamelCase(action.replace("audit_logs.organization.", ""));
+};
+var constructAuditLogText = function constructAuditLogText(_ref3) {
+  var _ref3$countriesMap = _ref3.countriesMap,
+    countriesMap = _ref3$countriesMap === void 0 ? {} : _ref3$countriesMap,
+    _ref3$permissionsMap = _ref3.permissionsMap,
+    permissionsMap = _ref3$permissionsMap === void 0 ? {} : _ref3$permissionsMap,
+    action = _ref3.action,
+    performedBy = _ref3.performedBy,
+    emailsProp = _ref3.emails,
+    firstName = _ref3.firstName,
+    lastName = _ref3.lastName,
+    organizationRole = _ref3.organizationRole,
+    email = _ref3.email,
+    _ref3$changes = _ref3.changes,
+    changes = _ref3$changes === void 0 ? {} : _ref3$changes,
+    status = _ref3.status,
+    message = _ref3.message,
+    errorMessage = _ref3.errorMessage,
+    rest = _objectWithoutProperties(_ref3, _excluded);
+  var emails = emailsProp !== null && emailsProp !== void 0 ? emailsProp : [];
+  switch (action) {
+    case ACTIONS.INVITED_USERS:
+      {
+        if (status === "success" && isNotEmpty(emails)) {
+          var emailList = emails.join(", ");
+          return /*#__PURE__*/jsx(Trans, {
+            additionalValues: {
+              performedBy: performedBy,
+              emailList: emailList
+            },
+            i18nKey: "neetoMolecules.auditLogs.text.invitedUsers"
+          });
+        }
+        return /*#__PURE__*/jsx(Trans, {
+          additionalValues: {
+            performedBy: performedBy,
+            errorMessage: errorMessage
+          },
+          i18nKey: "neetoMolecules.auditLogs.text.invitedUsersFailed"
+        });
+      }
+    case ACTIONS.USER_SIGNED_UP:
+      {
+        var name = [firstName, lastName].filter(Boolean).join(" ");
+        var userIdentifier = name || organizationRole || email || "User";
+        return /*#__PURE__*/jsx(Trans, {
+          additionalValues: {
+            userIdentifier: userIdentifier
+          },
+          i18nKey: "neetoMolecules.auditLogs.text.userSignedUp"
+        });
+      }
+    case ACTIONS.UPDATED_USER:
+      {
+        var _changes$active;
+        var affectedUser = email || "user";
+        var isUserDeactivated = (changes === null || changes === void 0 || (_changes$active = changes.active) === null || _changes$active === void 0 ? void 0 : _changes$active.to) === false;
+        var otherChanges = isUserDeactivated ? omit(["active"], changes) : changes;
+        var removedText = isUserDeactivated ? /*#__PURE__*/jsx(Trans, {
+          additionalValues: {
+            performedBy: performedBy,
+            affectedUser: affectedUser
+          },
+          i18nKey: "neetoMolecules.auditLogs.text.removedUser"
+        }) : null;
+        if (isUserDeactivated && isEmpty(otherChanges)) return removedText;
+        var changedFields = formatChangedFields({
+          changes: otherChanges,
+          countriesMap: countriesMap
+        });
+        var updatedUserText = /*#__PURE__*/jsx(Trans, {
+          additionalComponents: {
+            ChangedFields: /*#__PURE__*/jsx(Fragment, {
+              children: changedFields
+            })
+          },
+          additionalValues: {
+            performedBy: performedBy,
+            affectedUser: affectedUser
+          },
+          i18nKey: "neetoMolecules.auditLogs.text.updatedUser"
+        });
+        return removedText ? /*#__PURE__*/jsxs(Fragment, {
+          children: [removedText, " ", updatedUserText]
+        }) : updatedUserText;
+      }
+    case ACTIONS.BULK_UPDATE_USERS:
+      {
+        if (status === "success" && isNotEmpty(emails)) {
+          var _emailList = emails.join(", ");
+          return /*#__PURE__*/jsx(Trans, {
+            additionalValues: {
+              performedBy: performedBy,
+              emailList: _emailList,
+              message: message
+            },
+            i18nKey: "neetoMolecules.auditLogs.text.bulkUpdateUsers"
+          });
+        }
+        return /*#__PURE__*/jsx(Trans, {
+          additionalValues: {
+            performedBy: performedBy,
+            errorMessage: errorMessage
+          },
+          i18nKey: "neetoMolecules.auditLogs.text.bulkUpdateUsersFailed"
+        });
+      }
+    case ACTIONS.UPDATED_USER_PROFILE:
+      {
+        var _changedFields = formatChangedFields({
+          changes: changes,
+          countriesMap: countriesMap
+        });
+        return /*#__PURE__*/jsx(Trans, {
+          additionalComponents: {
+            ChangedFields: /*#__PURE__*/jsx(Fragment, {
+              children: _changedFields
+            })
+          },
+          additionalValues: {
+            performedBy: performedBy
+          },
+          i18nKey: "neetoMolecules.auditLogs.text.updatedUserProfile"
+        });
+      }
+    case ACTIONS.CREATED_ROLE:
+      {
+        var roleName = organizationRole || "role";
+        return /*#__PURE__*/jsx(Trans, {
+          additionalValues: {
+            performedBy: performedBy,
+            roleName: roleName
+          },
+          i18nKey: "neetoMolecules.auditLogs.text.createdRole"
+        });
+      }
+    case ACTIONS.UPDATED_ROLE:
+      {
+        var _rest$addedPermission = rest.addedPermissions,
+          addedPermissions = _rest$addedPermission === void 0 ? [] : _rest$addedPermission,
+          _rest$removedPermissi = rest.removedPermissions,
+          removedPermissions = _rest$removedPermissi === void 0 ? [] : _rest$removedPermissi,
+          _name = rest.name;
+        var permissionsToText = function permissionsToText(permissions) {
+          return permissions.map(function (permission) {
+            var _permissionsMap$permi;
+            return ((_permissionsMap$permi = permissionsMap[permission]) === null || _permissionsMap$permi === void 0 ? void 0 : _permissionsMap$permi.description) || humanize(permission.split(".")[1]);
+          }).join(", ");
+        };
+        var i18nKey = "neetoMolecules.auditLogs.text.updatedRole";
+        if (_name) {
+          i18nKey = "neetoMolecules.auditLogs.text.updatedRoleName";
+        } else if (isPresent(addedPermissions) && isPresent(removedPermissions)) {
+          i18nKey = "neetoMolecules.auditLogs.text.modifiedRolePermission";
+        } else if (isPresent(addedPermissions)) {
+          i18nKey = "neetoMolecules.auditLogs.text.addedRolePermission";
+        } else if (isPresent(removedPermissions)) {
+          i18nKey = "neetoMolecules.auditLogs.text.removedRolePermission";
+        }
+        return /*#__PURE__*/jsx(Trans, {
+          i18nKey: i18nKey,
+          additionalValues: {
+            performedBy: performedBy,
+            roleName: organizationRole || "role",
+            name: _name,
+            addedPermissionsText: permissionsToText(addedPermissions),
+            removedPermissionsText: permissionsToText(removedPermissions),
+            addedPermissionsCount: addedPermissions.length,
+            removedPermissionsCount: removedPermissions.length
+          }
+        });
+      }
+    case ACTIONS.INTEGRATION_CONNECTED:
+      {
+        var rawName = rest.integrationName,
+          integrationOwner = rest.integrationOwner;
+        var integrationName = INTEGRATION_DISPLAY_NAME_MAP[rawName] || humanize(rawName);
+        var detail = changes === null || changes === void 0 ? void 0 : changes.detail;
+        var _i18nKey;
+        if (integrationOwner && detail) {
+          _i18nKey = "neetoMolecules.auditLogs.text.integrationConnectedOnBehalf";
+        } else if (integrationOwner) {
+          _i18nKey = "neetoMolecules.auditLogs.text.integrationConnectedOnBehalfWithoutDetail";
+        } else if (detail) {
+          _i18nKey = "neetoMolecules.auditLogs.text.integrationConnected";
+        } else {
+          _i18nKey = "neetoMolecules.auditLogs.text.integrationConnectedWithoutDetail";
+        }
+        return /*#__PURE__*/jsx(Trans, {
+          i18nKey: _i18nKey,
+          additionalValues: {
+            performedBy: performedBy,
+            integrationName: integrationName,
+            detail: detail,
+            integrationOwner: integrationOwner
+          }
+        });
+      }
+    case ACTIONS.INTEGRATION_DISCONNECTED:
+      {
+        var _rawName = rest.integrationName,
+          _integrationOwner = rest.integrationOwner;
+        var _integrationName = INTEGRATION_DISPLAY_NAME_MAP[_rawName] || humanize(_rawName);
+        var _detail = changes === null || changes === void 0 ? void 0 : changes.detail;
+        var _i18nKey2;
+        if (_integrationOwner && _detail) {
+          _i18nKey2 = "neetoMolecules.auditLogs.text.integrationDisconnectedOnBehalf";
+        } else if (_integrationOwner) {
+          _i18nKey2 = "neetoMolecules.auditLogs.text.integrationDisconnectedOnBehalfWithoutDetail";
+        } else if (_detail) {
+          _i18nKey2 = "neetoMolecules.auditLogs.text.integrationDisconnected";
+        } else {
+          _i18nKey2 = "neetoMolecules.auditLogs.text.integrationDisconnectedWithoutDetail";
+        }
+        return /*#__PURE__*/jsx(Trans, {
+          i18nKey: _i18nKey2,
+          additionalValues: {
+            performedBy: performedBy,
+            integrationName: _integrationName,
+            detail: _detail,
+            integrationOwner: _integrationOwner
+          }
+        });
+      }
+    case ACTIONS.INTEGRATION_DISCONNECTED_BY_PROVIDER:
+      {
+        var _rawName2 = rest.integrationName;
+        var _integrationName2 = INTEGRATION_DISPLAY_NAME_MAP[_rawName2] || humanize(_rawName2);
+        var _detail2 = changes === null || changes === void 0 ? void 0 : changes.detail;
+        var _i18nKey3 = _detail2 ? "neetoMolecules.auditLogs.text.integrationDisconnectedByProvider" : "neetoMolecules.auditLogs.text.integrationDisconnectedByProviderWithoutDetail";
+        return /*#__PURE__*/jsx(Trans, {
+          i18nKey: _i18nKey3,
+          additionalValues: {
+            performedBy: performedBy,
+            integrationName: _integrationName2,
+            detail: _detail2
+          }
+        });
+      }
+    case ACTIONS.CONNECTED_STRIPE_ACCOUNT:
+      {
+        return /*#__PURE__*/jsx(Trans, {
+          i18nKey: "neetoMolecules.auditLogs.text.connectedStripeAccount",
+          additionalValues: {
+            performedBy: performedBy,
+            stripeAccountId: changes.stripeAccountId
+          }
+        });
+      }
+    case ACTIONS.DISCONNECTED_STRIPE_ACCOUNT:
+      {
+        return /*#__PURE__*/jsx(Trans, {
+          additionalValues: {
+            performedBy: performedBy
+          },
+          i18nKey: "neetoMolecules.auditLogs.text.disconnectedStripeAccount"
+        });
+      }
+    case ACTIONS.CONNECTED_ZOOM_INTEGRATION:
+      {
+        return /*#__PURE__*/jsx(Trans, {
+          i18nKey: "neetoMolecules.auditLogs.text.connectedZoomAccount",
+          additionalValues: {
+            performedBy: performedBy,
+            zoomAccountId: changes.zoomAccountId
+          }
+        });
+      }
+    case ACTIONS.DISCONNECTED_ZOOM_INTEGRATION:
+      {
+        return /*#__PURE__*/jsx(Trans, {
+          additionalValues: {
+            performedBy: performedBy
+          },
+          i18nKey: "neetoMolecules.auditLogs.text.disconnectedZoomAccount"
+        });
+      }
+    case ACTIONS.CONNECTED_CUSTOM_DOMAIN:
+      {
+        return /*#__PURE__*/jsx(Trans, {
+          additionalValues: {
+            performedBy: performedBy,
+            hostname: changes.hostname
+          },
+          i18nKey: "neetoMolecules.auditLogs.text.connectedCustomDomain"
+        });
+      }
+    case ACTIONS.DELETED_ROLE:
+      {
+        var _roleName = organizationRole || "role";
+        return /*#__PURE__*/jsx(Trans, {
+          additionalValues: {
+            performedBy: performedBy,
+            roleName: _roleName
+          },
+          i18nKey: "neetoMolecules.auditLogs.text.deletedRole"
+        });
+      }
+    case ACTIONS.CREATED_API_KEY:
+      {
+        return /*#__PURE__*/jsx(Trans, {
+          additionalValues: _objectSpread$3({
+            performedBy: performedBy
+          }, rest),
+          i18nKey: "neetoMolecules.auditLogs.text.createdApiKey"
+        });
+      }
+    case ACTIONS.DELETED_API_KEY:
+      {
+        return /*#__PURE__*/jsx(Trans, {
+          additionalValues: _objectSpread$3({
+            performedBy: performedBy
+          }, rest),
+          i18nKey: "neetoMolecules.auditLogs.text.deletedApiKey"
+        });
+      }
+    case ACTIONS.UPDATED_API_KEY:
+      {
+        return /*#__PURE__*/jsx(Trans, {
+          additionalValues: _objectSpread$3({
+            performedBy: performedBy
+          }, rest),
+          i18nKey: "neetoMolecules.auditLogs.text.updatedApiKey"
+        });
+      }
+    default:
+      {
+        return /*#__PURE__*/jsx(Trans, {
+          additionalValues: {
+            performedBy: performedBy
+          },
+          i18nKey: "neetoMolecules.auditLogs.text.performedAction"
+        });
+      }
+  }
+};
+var indexById = indexBy(prop("id"));
+var indexByPermissionName = indexBy(prop("name"));
+
+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; }
+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), true).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; }
+var Card = function Card(_ref) {
+  var auditLog = _ref.auditLog,
+    countriesMap = _ref.countriesMap,
+    index = _ref.index,
+    permissionsMap = _ref.permissionsMap,
+    totalCount = _ref.totalCount;
+  var key = auditLog.key,
+    metadata = auditLog.metadata,
+    performer = auditLog.performer,
+    updatedAt = auditLog.updatedAt;
+  var action = transformAction(key);
+  var performedBy = (performer === null || performer === void 0 ? void 0 : performer.name) || "";
+  var performedAt = dateFormat.dateTime(updatedAt);
+  var auditText = constructAuditLogText(_objectSpread$2({
+    countriesMap: countriesMap,
+    action: action,
+    performedBy: performedBy,
+    permissionsMap: permissionsMap
+  }, metadata));
+  var isIntegrationAction = action === ACTIONS.INTEGRATION_CONNECTED || action === ACTIONS.INTEGRATION_DISCONNECTED || action === ACTIONS.INTEGRATION_DISCONNECTED_BY_PROVIDER;
+  var Icon = isIntegrationAction ? INTEGRATION_ICON_MAP[metadata === null || metadata === void 0 ? void 0 : metadata.integrationName] || AUDIT_ICON_MAP[action] : AUDIT_ICON_MAP[action];
+  return /*#__PURE__*/jsxs("div", {
+    "data-testid": "audit-log-card",
+    className: classnames("border-border flex w-full items-start gap-x-3 border-r border-b border-l px-4 py-3", {
+      "rounded-t-md border-t": index === 0,
+      "rounded-b-md": index === totalCount - 1
+    }),
+    children: [/*#__PURE__*/jsx(Avatar, {
+      className: "mt-0.5 size-9 shrink-0",
+      children: /*#__PURE__*/jsx(AvatarFallback, {
+        className: "bg-muted",
+        children: /*#__PURE__*/jsx(Icon, {
+          className: "text-muted-foreground",
+          size: 18
+        })
+      })
+    }), /*#__PURE__*/jsxs("div", {
+      className: "flex min-w-0 flex-col gap-y-1",
+      "data-testid": "audit-log-content",
+      children: [/*#__PURE__*/jsx(Typography, {
+        asChild: true,
+        variant: "body2",
+        children: /*#__PURE__*/jsx("span", {
+          className: "leading-snug",
+          "data-testid": "audit-log-text",
+          children: auditText
+        })
+      }), /*#__PURE__*/jsx("span", {
+        className: "text-muted-foreground text-xs",
+        "data-testid": "audit-log-timestamp",
+        children: performedAt
+      })]
+    })]
+  });
+};
+
+var fetchAuditLogs = function fetchAuditLogs(params) {
+  return axios.get("api/v1/audit_logs", {
+    params: params
+  });
+};
+var fetchCountries = function fetchCountries() {
+  return axios.get("neeto_team_members/profile/countries");
+};
+var fetchPermissions = function fetchPermissions() {
+  return axios.get("neeto_team_members/permissions");
+};
+var auditLogsApi = {
+  fetchAuditLogs: fetchAuditLogs,
+  fetchCountries: fetchCountries,
+  fetchPermissions: fetchPermissions
+};
+
+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; }
+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), true).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; }
+var useFetchAuditLogs = function useFetchAuditLogs(_ref) {
+  var params = _ref.params,
+    _ref$options = _ref.options,
+    options = _ref$options === void 0 ? {} : _ref$options;
+  return useQuery(_objectSpread$1({
+    queryKey: [AUDIT_LOGS_QUERY_KEY, params],
+    queryFn: function queryFn() {
+      return auditLogsApi.fetchAuditLogs(params);
+    }
+  }, options));
+};
+
+var useFetchCountries = function useFetchCountries() {
+  return useQuery({
+    queryKey: [COUNTRIES_LIST_QUERY_KEY],
+    queryFn: auditLogsApi.fetchCountries,
+    staleTime: DEFAULT_STALE_TIME
+  });
+};
+
+var useFetchPermissions = function useFetchPermissions() {
+  return useQuery({
+    queryKey: [PERMISSIONS_LIST_QUERY_KEY],
+    queryFn: auditLogsApi.fetchPermissions,
+    staleTime: DEFAULT_STALE_TIME
+  });
+};
+
+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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).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; }
+var getPageNumbers = function getPageNumbers(_ref) {
+  var currentPage = _ref.currentPage,
+    totalPages = _ref.totalPages;
+  var pages = [];
+  if (totalPages <= 7) {
+    for (var i = 1; i <= totalPages; i++) pages.push(i);
+    return pages;
+  }
+  pages.push(1);
+  if (currentPage > 3) {
+    pages.push("ellipsis-start");
+  }
+  var start = Math.max(2, currentPage - 1);
+  var end = Math.min(totalPages - 1, currentPage + 1);
+  for (var _i = start; _i <= end; _i++) pages.push(_i);
+  if (currentPage < totalPages - 2) {
+    pages.push("ellipsis-end");
+  }
+  pages.push(totalPages);
+  return pages;
+};
+var AuditLogsPagination = function AuditLogsPagination(_ref2) {
+  var count = _ref2.count,
+    pageNo = _ref2.pageNo,
+    pageSize = _ref2.pageSize;
+  var history = useHistory();
+  var _useLocation = useLocation(),
+    pathname = _useLocation.pathname;
+  var queryParams = useQueryParams();
+  var totalPages = Math.ceil(count / pageSize);
+  if (totalPages <= 1) return null;
+  var pages = getPageNumbers({
+    currentPage: pageNo,
+    totalPages: totalPages
+  });
+  var navigateToPage = function navigateToPage(page) {
+    history.push(buildUrl(pathname, mergeLeft({
+      page: page
+    }, queryParams)));
+  };
+  return /*#__PURE__*/jsx(Pagination, {
+    children: /*#__PURE__*/jsxs(PaginationContent, {
+      children: [/*#__PURE__*/jsx(PaginationItem, {
+        children: /*#__PURE__*/jsx(PaginationPrevious, {
+          className: classnames({
+            "pointer-events-none opacity-50": pageNo <= 1,
+            "cursor-pointer": !(pageNo <= 1)
+          }),
+          onClick: function onClick() {
+            return pageNo > 1 && navigateToPage(pageNo - 1);
+          }
+        })
+      }), pages.map(function (page) {
+        return typeof page === "string" ? /*#__PURE__*/jsx(PaginationItem, {
+          children: /*#__PURE__*/jsx(PaginationEllipsis, {})
+        }, page) : /*#__PURE__*/jsx(PaginationItem, {
+          children: /*#__PURE__*/jsx(PaginationLink, {
+            className: "cursor-pointer",
+            isActive: page === pageNo,
+            onClick: function onClick() {
+              return navigateToPage(page);
+            },
+            children: page
+          })
+        }, page);
+      }), /*#__PURE__*/jsx(PaginationItem, {
+        children: /*#__PURE__*/jsx(PaginationNext, {
+          className: classnames({
+            "pointer-events-none opacity-50": pageNo >= totalPages,
+            "cursor-pointer": !(pageNo >= totalPages)
+          }),
+          onClick: function onClick() {
+            return pageNo < totalPages && navigateToPage(pageNo + 1);
+          }
+        })
+      })]
+    })
+  });
+};
+var AuditLogs = function AuditLogs(_ref3) {
+  var headerProps = _ref3.headerProps,
+    noDataHelpText = _ref3.noDataHelpText,
+    noDataTitle = _ref3.noDataTitle;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useQueryParams = useQueryParams(),
+    _useQueryParams$page = _useQueryParams.page,
+    page = _useQueryParams$page === void 0 ? DEFAULT_PAGE_INDEX : _useQueryParams$page;
+  var _useFetchAuditLogs = useFetchAuditLogs({
+      params: {
+        page: page,
+        pageSize: AUDIT_LOGS_PAGE_SIZE
+      }
+    }),
+    _useFetchAuditLogs$da = _useFetchAuditLogs.data,
+    _useFetchAuditLogs$da2 = _useFetchAuditLogs$da === void 0 ? {} : _useFetchAuditLogs$da,
+    _useFetchAuditLogs$da3 = _useFetchAuditLogs$da2.auditLogs,
+    auditLogs = _useFetchAuditLogs$da3 === void 0 ? [] : _useFetchAuditLogs$da3,
+    _useFetchAuditLogs$da4 = _useFetchAuditLogs$da2.totalCount,
+    totalCount = _useFetchAuditLogs$da4 === void 0 ? 0 : _useFetchAuditLogs$da4,
+    isLoading = _useFetchAuditLogs.isLoading,
+    isFetching = _useFetchAuditLogs.isFetching;
+  var _useFetchCountries = useFetchCountries(),
+    countriesData = _useFetchCountries.data;
+  var _useFetchPermissions = useFetchPermissions(),
+    permissionsData = _useFetchPermissions.data;
+  var countriesList = countriesData === null || countriesData === void 0 ? void 0 : countriesData.countries;
+  var permissionsList = permissionsData === null || permissionsData === void 0 ? void 0 : permissionsData.permissions;
+  var permissionsMap = useMemo(function () {
+    return permissionsList ? indexByPermissionName(permissionsList) : {};
+  }, [permissionsList]);
+  var countriesMap = useMemo(function () {
+    return countriesList ? indexById(countriesList) : {};
+  }, [countriesList]);
+  if (isLoading || isFetching) {
+    return /*#__PURE__*/jsx("div", {
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsx(Spinner, {})
+    });
+  }
+  return /*#__PURE__*/jsxs(Container, {
+    isHeaderFixed: true,
+    className: "overflow-hidden",
+    children: [/*#__PURE__*/jsx(Header, _objectSpread({
+      className: "px-5 md:px-10",
+      title: t("neetoMolecules.auditLogs.title")
+    }, headerProps)), isPresent(auditLogs) ? /*#__PURE__*/jsx("div", {
+      className: "w-full grow overflow-y-auto px-5 md:px-10",
+      children: auditLogs.map(function (auditLog, index) {
+        return /*#__PURE__*/createElement(Card, {
+          auditLog: auditLog,
+          countriesMap: countriesMap,
+          index: index,
+          permissionsMap: permissionsMap,
+          key: auditLog.id,
+          totalCount: auditLogs.length
+        });
+      })
+    }) : /*#__PURE__*/jsxs("div", {
+      className: "flex h-full w-full flex-col items-center justify-center gap-1 text-center",
+      children: [/*#__PURE__*/jsx(Typography, {
+        variant: "h3",
+        weight: "semibold",
+        children: noDataTitle || t("neetoMolecules.auditLogs.noData")
+      }), noDataHelpText && /*#__PURE__*/jsx(Typography, {
+        asChild: true,
+        variant: "body2",
+        children: /*#__PURE__*/jsx("p", {
+          className: "text-muted-foreground",
+          children: noDataHelpText
+        })
+      })]
+    }), totalCount > 0 && /*#__PURE__*/jsx("div", {
+      className: "flex w-full justify-end px-5 py-4 md:px-10",
+      children: /*#__PURE__*/jsx(AuditLogsPagination, {
+        count: totalCount,
+        pageNo: parseInt(page),
+        pageSize: AUDIT_LOGS_PAGE_SIZE
+      })
+    })]
+  });
+};
+
+export { AuditLogs as default };
+//# sourceMappingURL=AuditLogs.js.map