@webiny/app-audit-logs 0.0.0-unstable.eb196ccd2f → 0.0.0-unstable.eb81deee7e

package/hooks/useAuditLogsList.js

@@ -1,105 +1,101 @@
-import { useCallback, useEffect, useState, useMemo } from "react";
-import { useQuery } from "@apollo/react-hooks";
-import debounce from "lodash/debounce";
-import { useRouter } from "@webiny/react-router";
-import { useAcoList, createSort } from "@webiny/app-aco";
-import { transformCmsContentEntriesToRecordEntries } from "../utils/transformCmsContentEntriesToRecordEntries";
-import { LIST_USERS } from "../graphql";
-export const useAuditLogsList = hasAccessToUsers => {
-  const {
-    history
-  } = useRouter();
-  const {
-    isListLoading,
-    isListLoadingMore,
-    isSearch,
-    listMoreRecords,
-    listTitle,
-    meta,
-    records: initialRecords,
-    setSearchQuery,
-    setListSort,
-    setFilters,
-    showFilters,
-    hideFilters,
-    showingFilters
-  } = useAcoList();
-  const [sorting, setSorting] = useState([]);
-  const [search, setSearch] = useState("");
-  const query = new URLSearchParams(location.search);
-  const searchQuery = query.get("search") || "";
-  const {
-    data: listUsers,
-    loading: usersLoading
-  } = useQuery(LIST_USERS, {
-    skip: !hasAccessToUsers
-  });
-
-  // Search-related logics: update `searchQuery` state and querystring
-  const updateSearch = useCallback(debounce(({
-    search,
-    query
-  }) => {
-    const searchQuery = query.get("search");
-    if (typeof searchQuery !== "string" && !search) {
-      return;
-    }
-    setSearchQuery(search);
-    if (searchQuery !== search) {
-      if (!search) {
-        // In case of empty `search` - remove it from `querystring`
-        query.delete("search");
-      } else {
-        // Otherwise, add it to `querystring`
-        query.set("search", search);
-      }
-      history.push(`/audit-logs?${query.toString()}`);
-    }
-  }, 500), []);
-
-  // Set "search" from search "query" on page load.
-  useEffect(() => {
-    setSearch(searchQuery);
-  }, [searchQuery]);
-
-  // When "search" changes, trigger search-related logics
-  useEffect(() => {
-    updateSearch({
-      search,
-      query
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useFeature } from "@webiny/app";
+import { ListAuditLogsFeature } from "../features/listAuditLogs/index.js";
+const useAuditLogsList = ()=>{
+    const { useCase } = useFeature(ListAuditLogsFeature);
+    const [variables, setVariables] = useState({
+        where: {},
+        after: void 0,
+        sort: "DESC",
+        limit: 25
+    });
+    const [accumulatedRecords, setAccumulatedRecords] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [meta, setMeta] = useState({
+        hasMoreItems: false,
+        cursor: null
     });
-  }, [search]);
-  const records = useMemo(() => {
-    const users = listUsers?.adminUsers?.users?.data || [];
-    return transformCmsContentEntriesToRecordEntries(initialRecords, users);
-  }, [initialRecords, listUsers]);
-  useEffect(() => {
-    if (!sorting?.length) {
-      return;
-    }
-    const sort = createSort(sorting);
-    if (!sort) {
-      return;
-    }
-    setListSort(sort);
-  }, [sorting]);
-  return {
-    isListLoading: isListLoading || usersLoading,
-    isListLoadingMore,
-    isSearch,
-    listTitle,
-    listMoreRecords,
-    meta,
-    records,
-    search,
-    setSearch,
-    sorting,
-    setSorting,
-    showingFilters,
-    showFilters,
-    hideFilters,
-    setFilters
-  };
+    const resetPagination = useCallback(()=>{
+        setAccumulatedRecords([]);
+        setMeta({
+            hasMoreItems: false,
+            cursor: null
+        });
+    }, []);
+    const setWhere = useCallback((where)=>{
+        setVariables((prev)=>({
+                ...prev,
+                where,
+                after: void 0
+            }));
+        resetPagination();
+    }, []);
+    const setSort = useCallback((sort)=>{
+        setVariables((prev)=>({
+                ...prev,
+                sort,
+                after: void 0
+            }));
+        resetPagination();
+    }, []);
+    const setAfter = useCallback((after)=>{
+        setVariables((prev)=>({
+                ...prev,
+                after
+            }));
+    }, []);
+    const setLimit = useCallback((limit)=>{
+        setVariables((prev)=>({
+                ...prev,
+                limit
+            }));
+    }, []);
+    const [acoSorting, setAcoSorting] = useState([]);
+    useEffect(()=>{
+        const sort = acoSorting[0];
+        if (!sort) return;
+        setSort(sort.desc ? "DESC" : "ASC");
+    }, [
+        acoSorting
+    ]);
+    const requestIdRef = useRef(0);
+    useEffect(()=>{
+        setLoading(true);
+        const requestId = ++requestIdRef.current;
+        useCase.execute(variables).then((result)=>{
+            if (requestId !== requestIdRef.current) return;
+            variables.after ? setAccumulatedRecords((prev)=>[
+                    ...prev,
+                    ...result.records
+                ]) : setAccumulatedRecords(result.records);
+            setMeta(result.meta);
+            setLoading(false);
+        });
+    }, [
+        variables
+    ]);
+    const sorting = useMemo(()=>[
+            {
+                id: "createdOn",
+                desc: "DESC" === variables.sort
+            }
+        ], [
+        variables.sort
+    ]);
+    return {
+        isListLoading: loading,
+        records: accumulatedRecords,
+        meta,
+        listMoreRecords: ()=>{
+            if (!loading && meta.cursor) setAfter(meta.cursor);
+        },
+        setWhere,
+        sorting,
+        setSorting: setAcoSorting,
+        setLimit,
+        isListLoadingMore: loading && !!variables.after
+    };
 };
+export { useAuditLogsList };
 
 //# sourceMappingURL=useAuditLogsList.js.map

package/hooks/useAuditLogsList.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useEffect","useState","useMemo","useQuery","debounce","useRouter","useAcoList","createSort","transformCmsContentEntriesToRecordEntries","LIST_USERS","useAuditLogsList","hasAccessToUsers","history","isListLoading","isListLoadingMore","isSearch","listMoreRecords","listTitle","meta","records","initialRecords","setSearchQuery","setListSort","setFilters","showFilters","hideFilters","showingFilters","sorting","setSorting","search","setSearch","query","URLSearchParams","location","searchQuery","get","data","listUsers","loading","usersLoading","skip","updateSearch","delete","set","push","toString","users","adminUsers","length","sort"],"sources":["useAuditLogsList.ts"],"sourcesContent":["import { useCallback, useEffect, useState, useMemo } from \"react\";\nimport { useQuery } from \"@apollo/react-hooks\";\nimport debounce from \"lodash/debounce\";\n\nimport { useRouter } from \"@webiny/react-router\";\nimport type { OnSortingChange, Sorting } from \"@webiny/ui/DataTable\";\nimport { useAcoList, createSort } from \"@webiny/app-aco\";\nimport type { ListMeta, SearchRecordItem } from \"@webiny/app-aco/types\";\n\nimport type { Entry } from \"~/utils/transformCmsContentEntriesToRecordEntries\";\nimport { transformCmsContentEntriesToRecordEntries } from \"~/utils/transformCmsContentEntriesToRecordEntries\";\nimport { LIST_USERS } from \"~/graphql\";\nimport type { AuditLog, User } from \"~/types\";\n\ninterface UpdateSearchCallableParams {\n    search: string;\n    query: URLSearchParams;\n}\ninterface UpdateSearchCallable {\n    (params: UpdateSearchCallableParams): void;\n}\n\nexport interface UseAuditLogs {\n    hideFilters: () => void;\n    isListLoading: boolean;\n    isListLoadingMore: boolean;\n    isSearch: boolean;\n    listMoreRecords: () => void;\n    listTitle?: string;\n    meta: ListMeta;\n    records: Entry[];\n    search: string;\n    setSearch: (value: string) => void;\n    setSorting: OnSortingChange;\n    showFilters: () => void;\n    showingFilters: boolean;\n    sorting: Sorting;\n    setFilters: (data: Record<string, any>) => void;\n}\n\nexport const useAuditLogsList = (hasAccessToUsers: boolean): UseAuditLogs => {\n    const { history } = useRouter();\n\n    const {\n        isListLoading,\n        isListLoadingMore,\n        isSearch,\n        listMoreRecords,\n        listTitle,\n        meta,\n        records: initialRecords,\n        setSearchQuery,\n        setListSort,\n        setFilters,\n        showFilters,\n        hideFilters,\n        showingFilters\n    } = useAcoList<SearchRecordItem<AuditLog>>();\n\n    const [sorting, setSorting] = useState<Sorting>([]);\n    const [search, setSearch] = useState<string>(\"\");\n    const query = new URLSearchParams(location.search);\n    const searchQuery = query.get(\"search\") || \"\";\n\n    const { data: listUsers, loading: usersLoading } = useQuery(LIST_USERS, {\n        skip: !hasAccessToUsers\n    });\n\n    // Search-related logics: update `searchQuery` state and querystring\n    const updateSearch = useCallback(\n        debounce<UpdateSearchCallable>(({ search, query }) => {\n            const searchQuery = query.get(\"search\");\n\n            if (typeof searchQuery !== \"string\" && !search) {\n                return;\n            }\n\n            setSearchQuery(search);\n\n            if (searchQuery !== search) {\n                if (!search) {\n                    // In case of empty `search` - remove it from `querystring`\n                    query.delete(\"search\");\n                } else {\n                    // Otherwise, add it to `querystring`\n                    query.set(\"search\", search);\n                }\n                history.push(`/audit-logs?${query.toString()}`);\n            }\n        }, 500),\n        []\n    );\n\n    // Set \"search\" from search \"query\" on page load.\n    useEffect(() => {\n        setSearch(searchQuery);\n    }, [searchQuery]);\n\n    // When \"search\" changes, trigger search-related logics\n    useEffect(() => {\n        updateSearch({ search, query });\n    }, [search]);\n\n    const records = useMemo(() => {\n        const users: User[] = listUsers?.adminUsers?.users?.data || [];\n\n        return transformCmsContentEntriesToRecordEntries(initialRecords, users);\n    }, [initialRecords, listUsers]);\n\n    useEffect(() => {\n        if (!sorting?.length) {\n            return;\n        }\n        const sort = createSort(sorting);\n        if (!sort) {\n            return;\n        }\n        setListSort(sort);\n    }, [sorting]);\n\n    return {\n        isListLoading: isListLoading || usersLoading,\n        isListLoadingMore,\n        isSearch,\n        listTitle,\n        listMoreRecords,\n        meta,\n        records,\n        search,\n        setSearch,\n        sorting,\n        setSorting,\n        showingFilters,\n        showFilters,\n        hideFilters,\n        setFilters\n    };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"hooks/useAuditLogsList.js","sources":["../../src/hooks/useAuditLogsList.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useFeature } from \"@webiny/app\";\nimport { ListAuditLogsFeature } from \"~/features/listAuditLogs/index.js\";\nimport type { IListAuditLogsVariablesWhere } from \"~/hooks/graphql.js\";\nimport type { IAuditLog, IAuditLogsMeta } from \"~/types.js\";\nimport type { OnDataTableSortingChange, DataTableSorting } from \"@webiny/admin-ui\";\n\nexport interface UseAuditLogs {\n    isListLoading: boolean;\n    isListLoadingMore: boolean;\n    records: IAuditLog[];\n    meta: IAuditLogsMeta;\n    listMoreRecords: () => void;\n    setWhere: (where: Partial<IListAuditLogsVariablesWhere>) => void;\n    setLimit: (limit: number) => void;\n    after?: string;\n    sorting: DataTableSorting;\n    setSorting: OnDataTableSortingChange;\n}\n\ninterface ListVariables {\n    where: Record<string, unknown>;\n    after: string | undefined;\n    sort: \"ASC\" | \"DESC\";\n    limit: number;\n}\n\nexport const useAuditLogsList = (): UseAuditLogs => {\n    const { useCase } = useFeature(ListAuditLogsFeature);\n\n    const [variables, setVariables] = useState<ListVariables>({\n        where: {},\n        after: undefined,\n        sort: \"DESC\",\n        limit: 25\n    });\n\n    const [accumulatedRecords, setAccumulatedRecords] = useState<IAuditLog[]>([]);\n    const [loading, setLoading] = useState(true);\n    const [meta, setMeta] = useState<IAuditLogsMeta>({\n        hasMoreItems: false,\n        cursor: null\n    });\n\n    const resetPagination = useCallback(() => {\n        setAccumulatedRecords([]);\n        setMeta({ hasMoreItems: false, cursor: null });\n    }, []);\n\n    const setWhere = useCallback((where: Partial<IListAuditLogsVariablesWhere>) => {\n        setVariables(prev => ({ ...prev, where, after: undefined }));\n        resetPagination();\n    }, []);\n\n    const setSort = useCallback((sort: \"ASC\" | \"DESC\") => {\n        setVariables(prev => ({ ...prev, sort, after: undefined }));\n        resetPagination();\n    }, []);\n\n    const setAfter = useCallback((after?: string) => {\n        setVariables(prev => ({ ...prev, after }));\n    }, []);\n\n    const setLimit = useCallback((limit: number) => {\n        setVariables(prev => ({ ...prev, limit }));\n    }, []);\n\n    const [acoSorting, setAcoSorting] = useState<DataTableSorting>([]);\n\n    useEffect(() => {\n        const sort = acoSorting[0];\n        if (!sort) {\n            return;\n        }\n        setSort(sort.desc ? \"DESC\" : \"ASC\");\n    }, [acoSorting]);\n\n    const requestIdRef = useRef(0);\n\n    useEffect(() => {\n        setLoading(true);\n        const requestId = ++requestIdRef.current;\n\n        useCase.execute(variables).then(result => {\n            if (requestId !== requestIdRef.current) {\n                return;\n            }\n\n            if (variables.after) {\n                setAccumulatedRecords(prev => [...prev, ...result.records]);\n            } else {\n                setAccumulatedRecords(result.records);\n            }\n\n            setMeta(result.meta);\n            setLoading(false);\n        });\n    }, [variables]);\n\n    const sorting = useMemo((): DataTableSorting => {\n        return [\n            {\n                id: \"createdOn\",\n                desc: variables.sort === \"DESC\"\n            }\n        ];\n    }, [variables.sort]);\n\n    return {\n        isListLoading: loading,\n        records: accumulatedRecords,\n        meta,\n        listMoreRecords: () => {\n            if (!loading && meta.cursor) {\n                setAfter(meta.cursor);\n            }\n        },\n        setWhere,\n        sorting,\n        setSorting: setAcoSorting,\n        setLimit,\n        isListLoadingMore: loading && !!variables.after\n    };\n};\n"],"names":["useAuditLogsList","useCase","useFeature","ListAuditLogsFeature","variables","setVariables","useState","undefined","accumulatedRecords","setAccumulatedRecords","loading","setLoading","meta","setMeta","resetPagination","useCallback","setWhere","where","prev","setSort","sort","setAfter","after","setLimit","limit","acoSorting","setAcoSorting","useEffect","requestIdRef","useRef","requestId","result","sorting","useMemo"],"mappings":";;;AA2BO,MAAMA,mBAAmB;IAC5B,MAAM,EAAEC,OAAO,EAAE,GAAGC,WAAWC;IAE/B,MAAM,CAACC,WAAWC,aAAa,GAAGC,SAAwB;QACtD,OAAO,CAAC;QACR,OAAOC;QACP,MAAM;QACN,OAAO;IACX;IAEA,MAAM,CAACC,oBAAoBC,sBAAsB,GAAGH,SAAsB,EAAE;IAC5E,MAAM,CAACI,SAASC,WAAW,GAAGL,SAAS;IACvC,MAAM,CAACM,MAAMC,QAAQ,GAAGP,SAAyB;QAC7C,cAAc;QACd,QAAQ;IACZ;IAEA,MAAMQ,kBAAkBC,YAAY;QAChCN,sBAAsB,EAAE;QACxBI,QAAQ;YAAE,cAAc;YAAO,QAAQ;QAAK;IAChD,GAAG,EAAE;IAEL,MAAMG,WAAWD,YAAY,CAACE;QAC1BZ,aAAaa,CAAAA,OAAS;gBAAE,GAAGA,IAAI;gBAAED;gBAAO,OAAOV;YAAU;QACzDO;IACJ,GAAG,EAAE;IAEL,MAAMK,UAAUJ,YAAY,CAACK;QACzBf,aAAaa,CAAAA,OAAS;gBAAE,GAAGA,IAAI;gBAAEE;gBAAM,OAAOb;YAAU;QACxDO;IACJ,GAAG,EAAE;IAEL,MAAMO,WAAWN,YAAY,CAACO;QAC1BjB,aAAaa,CAAAA,OAAS;gBAAE,GAAGA,IAAI;gBAAEI;YAAM;IAC3C,GAAG,EAAE;IAEL,MAAMC,WAAWR,YAAY,CAACS;QAC1BnB,aAAaa,CAAAA,OAAS;gBAAE,GAAGA,IAAI;gBAAEM;YAAM;IAC3C,GAAG,EAAE;IAEL,MAAM,CAACC,YAAYC,cAAc,GAAGpB,SAA2B,EAAE;IAEjEqB,UAAU;QACN,MAAMP,OAAOK,UAAU,CAAC,EAAE;QAC1B,IAAI,CAACL,MACD;QAEJD,QAAQC,KAAK,IAAI,GAAG,SAAS;IACjC,GAAG;QAACK;KAAW;IAEf,MAAMG,eAAeC,OAAO;IAE5BF,UAAU;QACNhB,WAAW;QACX,MAAMmB,YAAY,EAAEF,aAAa,OAAO;QAExC3B,QAAQ,OAAO,CAACG,WAAW,IAAI,CAAC2B,CAAAA;YAC5B,IAAID,cAAcF,aAAa,OAAO,EAClC;YAGAxB,UAAU,KAAK,GACfK,sBAAsBS,CAAAA,OAAQ;uBAAIA;uBAASa,OAAO,OAAO;iBAAC,IAE1DtB,sBAAsBsB,OAAO,OAAO;YAGxClB,QAAQkB,OAAO,IAAI;YACnBpB,WAAW;QACf;IACJ,GAAG;QAACP;KAAU;IAEd,MAAM4B,UAAUC,QAAQ,IACb;YACH;gBACI,IAAI;gBACJ,MAAM7B,AAAmB,WAAnBA,UAAU,IAAI;YACxB;SACH,EACF;QAACA,UAAU,IAAI;KAAC;IAEnB,OAAO;QACH,eAAeM;QACf,SAASF;QACTI;QACA,iBAAiB;YACb,IAAI,CAACF,WAAWE,KAAK,MAAM,EACvBS,SAAST,KAAK,MAAM;QAE5B;QACAI;QACAgB;QACA,YAAYN;QACZH;QACA,mBAAmBb,WAAW,CAAC,CAACN,UAAU,KAAK;IACnD;AACJ"}

package/index.js

@@ -1,52 +1,51 @@
-import React, { useCallback } from "react";
-import { useApolloClient } from "@apollo/react-hooks";
-import { ReactComponent as Icon } from "@webiny/icons/manage_search.svg";
-import { Layout, useWcp } from "@webiny/app-admin";
-import { HasPermission } from "@webiny/app-security";
-import { AcoProvider } from "@webiny/app-aco";
-import { AuditLogsListWithConfig } from "./config/list";
-import { LogsModule } from "./views/Logs/LogsModule";
-import { AuditLogsPermissions } from "./plugins/permissionRenderer";
-import AuditLogsView from "./views/Logs/Logs";
-import { LOCAL_STORAGE_LATEST_VISITED_FOLDER } from "./constants";
-import { AdminConfig } from "@webiny/app-admin";
-const {
-  Menu,
-  Route
-} = AdminConfig;
-export const AuditLogs = () => {
-  const client = useApolloClient();
-  const wcp = useWcp();
-  const createNavigateFolderStorageKey = useCallback(() => {
-    return LOCAL_STORAGE_LATEST_VISITED_FOLDER;
-  }, []);
-  if (!wcp.canUseAuditLogs()) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LogsModule, null), /*#__PURE__*/React.createElement(AdminConfig, null, /*#__PURE__*/React.createElement(HasPermission, {
-    any: ["al.*"]
-  }, /*#__PURE__*/React.createElement(Menu, {
-    name: "auditLogs",
-    element: /*#__PURE__*/React.createElement(Menu.Link, {
-      text: "Audit Logs",
-      icon: /*#__PURE__*/React.createElement(Menu.Link.Icon, {
-        element: /*#__PURE__*/React.createElement(Icon, null),
-        label: "Audit Logs"
-      }),
-      to: "/audit-logs"
-    })
-  }), /*#__PURE__*/React.createElement(Route, {
-    name: "auditLogs",
-    exact: true,
-    path: "/audit-logs",
-    element: /*#__PURE__*/React.createElement(Layout, {
-      title: "Audit Logs - Logs"
-    }, /*#__PURE__*/React.createElement(AuditLogsListWithConfig, null, /*#__PURE__*/React.createElement(AcoProvider, {
-      id: "AuditLogs",
-      client: client,
-      createNavigateFolderStorageKey: createNavigateFolderStorageKey
-    }, /*#__PURE__*/React.createElement(AuditLogsView, null))))
-  }))), /*#__PURE__*/React.createElement(AuditLogsPermissions, null));
+import react from "react";
+import { AdminConfig, AdminLayout, HasPermission, RegisterFeature, useFeatureFlags, useRouter } from "@webiny/app-admin";
+import { ReactComponent } from "@webiny/icons/manage_search.svg";
+import { LogsModule } from "./views/Logs/LogsModule.js";
+import { SecurityPermission } from "./SecurityPermission.js";
+import { LogsView } from "./views/Logs/LogsView.js";
+import { AuditLogsListWithConfig } from "./config/list/index.js";
+import { Routes } from "./routes.js";
+import { AlPermissionsFeature } from "./features/permissions/feature.js";
+import { ListAuditLogsFeature } from "./features/listAuditLogs/index.js";
+import { AuditLogDetailsPresenterFeature } from "./views/Logs/Preview/feature.js";
+import { AiPromptPreviewTabs } from "./views/Logs/Preview/tabs/AiPromptTabs.js";
+const { Menu: Menu, Route: Route } = AdminConfig;
+const AuditLogs = ()=>{
+    const featureFlags = useFeatureFlags();
+    const router = useRouter();
+    if (!featureFlags.isEnabled("auditLogs")) return null;
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(RegisterFeature, {
+        feature: AlPermissionsFeature
+    }), /*#__PURE__*/ react.createElement(RegisterFeature, {
+        feature: ListAuditLogsFeature
+    }), /*#__PURE__*/ react.createElement(RegisterFeature, {
+        feature: AuditLogDetailsPresenterFeature
+    }), /*#__PURE__*/ react.createElement(LogsModule, null), /*#__PURE__*/ react.createElement(SecurityPermission, null), /*#__PURE__*/ react.createElement(AiPromptPreviewTabs, null), /*#__PURE__*/ react.createElement(AdminConfig, null, /*#__PURE__*/ react.createElement(HasPermission, {
+        any: [
+            "al.*"
+        ]
+    }, /*#__PURE__*/ react.createElement(Menu, {
+        name: "auditLogs",
+        pinnable: true,
+        element: /*#__PURE__*/ react.createElement(Menu.Link, {
+            text: "Audit Logs",
+            icon: /*#__PURE__*/ react.createElement(Menu.Link.Icon, {
+                element: /*#__PURE__*/ react.createElement(ReactComponent, null),
+                label: "Audit Logs"
+            }),
+            to: router.getLink(Routes.AuditLogsList)
+        })
+    }), /*#__PURE__*/ react.createElement(Route, {
+        route: Routes.AuditLogsList,
+        element: /*#__PURE__*/ react.createElement(AdminLayout, {
+            title: "Audit Logs - Logs"
+        }, /*#__PURE__*/ react.createElement(AdminConfig.Breadcrumb, {
+            name: "auditLogs",
+            label: "Audit Logs"
+        }), /*#__PURE__*/ react.createElement(AuditLogsListWithConfig, null, /*#__PURE__*/ react.createElement(LogsView, null)))
+    }))));
 };
+export { AuditLogs };
 
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useApolloClient","ReactComponent","Icon","Layout","useWcp","HasPermission","AcoProvider","AuditLogsListWithConfig","LogsModule","AuditLogsPermissions","AuditLogsView","LOCAL_STORAGE_LATEST_VISITED_FOLDER","AdminConfig","Menu","Route","AuditLogs","client","wcp","createNavigateFolderStorageKey","canUseAuditLogs","createElement","Fragment","any","name","element","Link","text","icon","label","to","exact","path","title","id"],"sources":["index.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { useApolloClient } from \"@apollo/react-hooks\";\nimport { ReactComponent as Icon } from \"@webiny/icons/manage_search.svg\";\nimport { Layout, useWcp } from \"@webiny/app-admin\";\nimport { HasPermission } from \"@webiny/app-security\";\nimport { AcoProvider } from \"@webiny/app-aco\";\n\nimport { AuditLogsListWithConfig } from \"~/config/list\";\nimport { LogsModule } from \"~/views/Logs/LogsModule\";\nimport { AuditLogsPermissions } from \"~/plugins/permissionRenderer\";\nimport AuditLogsView from \"~/views/Logs/Logs\";\nimport { LOCAL_STORAGE_LATEST_VISITED_FOLDER } from \"~/constants\";\nimport { AdminConfig } from \"@webiny/app-admin\";\n\nconst { Menu, Route } = AdminConfig;\n\nexport const AuditLogs = () => {\n    const client = useApolloClient();\n    const wcp = useWcp();\n\n    const createNavigateFolderStorageKey = useCallback(() => {\n        return LOCAL_STORAGE_LATEST_VISITED_FOLDER;\n    }, []);\n\n    if (!wcp.canUseAuditLogs()) {\n        return null;\n    }\n\n    return (\n        <>\n            <LogsModule />\n            <AdminConfig>\n                <HasPermission any={[\"al.*\"]}>\n                    <Menu\n                        name=\"auditLogs\"\n                        element={\n                            <Menu.Link\n                                text={\"Audit Logs\"}\n                                icon={<Menu.Link.Icon element={<Icon />} label={\"Audit Logs\"} />}\n                                to={\"/audit-logs\"}\n                            />\n                        }\n                    />\n                    <Route\n                        name={\"auditLogs\"}\n                        exact\n                        path={\"/audit-logs\"}\n                        element={\n                            <Layout title={\"Audit Logs - Logs\"}>\n                                <AuditLogsListWithConfig>\n                                    <AcoProvider\n                                        id=\"AuditLogs\"\n                                        client={client}\n                                        createNavigateFolderStorageKey={\n                                            createNavigateFolderStorageKey\n                                        }\n                                    >\n                                        <AuditLogsView />\n                                    </AcoProvider>\n                                </AuditLogsListWithConfig>\n                            </Layout>\n                        }\n                    />\n                </HasPermission>\n            </AdminConfig>\n            <AuditLogsPermissions />\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,eAAe,QAAQ,qBAAqB;AACrD,SAASC,cAAc,IAAIC,IAAI,QAAQ,iCAAiC;AACxE,SAASC,MAAM,EAAEC,MAAM,QAAQ,mBAAmB;AAClD,SAASC,aAAa,QAAQ,sBAAsB;AACpD,SAASC,WAAW,QAAQ,iBAAiB;AAE7C,SAASC,uBAAuB;AAChC,SAASC,UAAU;AACnB,SAASC,oBAAoB;AAC7B,OAAOC,aAAa;AACpB,SAASC,mCAAmC;AAC5C,SAASC,WAAW,QAAQ,mBAAmB;AAE/C,MAAM;EAAEC,IAAI;EAAEC;AAAM,CAAC,GAAGF,WAAW;AAEnC,OAAO,MAAMG,SAAS,GAAGA,CAAA,KAAM;EAC3B,MAAMC,MAAM,GAAGhB,eAAe,CAAC,CAAC;EAChC,MAAMiB,GAAG,GAAGb,MAAM,CAAC,CAAC;EAEpB,MAAMc,8BAA8B,GAAGnB,WAAW,CAAC,MAAM;IACrD,OAAOY,mCAAmC;EAC9C,CAAC,EAAE,EAAE,CAAC;EAEN,IAAI,CAACM,GAAG,CAACE,eAAe,CAAC,CAAC,EAAE;IACxB,OAAO,IAAI;EACf;EAEA,oBACIrB,KAAA,CAAAsB,aAAA,CAAAtB,KAAA,CAAAuB,QAAA,qBACIvB,KAAA,CAAAsB,aAAA,CAACZ,UAAU,MAAE,CAAC,eACdV,KAAA,CAAAsB,aAAA,CAACR,WAAW,qBACRd,KAAA,CAAAsB,aAAA,CAACf,aAAa;IAACiB,GAAG,EAAE,CAAC,MAAM;EAAE,gBACzBxB,KAAA,CAAAsB,aAAA,CAACP,IAAI;IACDU,IAAI,EAAC,WAAW;IAChBC,OAAO,eACH1B,KAAA,CAAAsB,aAAA,CAACP,IAAI,CAACY,IAAI;MACNC,IAAI,EAAE,YAAa;MACnBC,IAAI,eAAE7B,KAAA,CAAAsB,aAAA,CAACP,IAAI,CAACY,IAAI,CAACvB,IAAI;QAACsB,OAAO,eAAE1B,KAAA,CAAAsB,aAAA,CAAClB,IAAI,MAAE,CAAE;QAAC0B,KAAK,EAAE;MAAa,CAAE,CAAE;MACjEC,EAAE,EAAE;IAAc,CACrB;EACJ,CACJ,CAAC,eACF/B,KAAA,CAAAsB,aAAA,CAACN,KAAK;IACFS,IAAI,EAAE,WAAY;IAClBO,KAAK;IACLC,IAAI,EAAE,aAAc;IACpBP,OAAO,eACH1B,KAAA,CAAAsB,aAAA,CAACjB,MAAM;MAAC6B,KAAK,EAAE;IAAoB,gBAC/BlC,KAAA,CAAAsB,aAAA,CAACb,uBAAuB,qBACpBT,KAAA,CAAAsB,aAAA,CAACd,WAAW;MACR2B,EAAE,EAAC,WAAW;MACdjB,MAAM,EAAEA,MAAO;MACfE,8BAA8B,EAC1BA;IACH,gBAEDpB,KAAA,CAAAsB,aAAA,CAACV,aAAa,MAAE,CACP,CACQ,CACrB;EACX,CACJ,CACU,CACN,CAAC,eACdZ,KAAA,CAAAsB,aAAA,CAACX,oBAAoB,MAAE,CACzB,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"file":"index.js","sources":["../src/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { useRouter } from \"@webiny/app-admin\";\nimport { ReactComponent as Icon } from \"@webiny/icons/manage_search.svg\";\nimport { AdminConfig, AdminLayout, RegisterFeature, useFeatureFlags } from \"@webiny/app-admin\";\nimport { HasPermission } from \"@webiny/app-admin\";\nimport { LogsModule } from \"~/views/Logs/LogsModule.js\";\nimport { SecurityPermission } from \"~/SecurityPermission.js\";\nimport { LogsView } from \"~/views/Logs/LogsView.js\";\nimport { AuditLogsListWithConfig } from \"~/config/list/index.js\";\nimport { Routes } from \"~/routes.js\";\nimport { AlPermissionsFeature } from \"~/features/permissions/feature.js\";\nimport { ListAuditLogsFeature } from \"~/features/listAuditLogs/index.js\";\nimport { AuditLogDetailsPresenterFeature } from \"~/views/Logs/Preview/feature.js\";\nimport { AiPromptPreviewTabs } from \"~/views/Logs/Preview/tabs/AiPromptTabs.js\";\n\nconst { Menu, Route } = AdminConfig;\n\nexport const AuditLogs = () => {\n    const featureFlags = useFeatureFlags();\n    const router = useRouter();\n\n    if (!featureFlags.isEnabled(\"auditLogs\")) {\n        return null;\n    }\n\n    return (\n        <>\n            <RegisterFeature feature={AlPermissionsFeature} />\n            <RegisterFeature feature={ListAuditLogsFeature} />\n            <RegisterFeature feature={AuditLogDetailsPresenterFeature} />\n            <LogsModule />\n            <SecurityPermission />\n            <AiPromptPreviewTabs />\n            <AdminConfig>\n                <HasPermission any={[\"al.*\"]}>\n                    <Menu\n                        name=\"auditLogs\"\n                        pinnable\n                        element={\n                            <Menu.Link\n                                text={\"Audit Logs\"}\n                                icon={<Menu.Link.Icon element={<Icon />} label={\"Audit Logs\"} />}\n                                to={router.getLink(Routes.AuditLogsList)}\n                            />\n                        }\n                    />\n                    <Route\n                        route={Routes.AuditLogsList}\n                        element={\n                            <AdminLayout title={\"Audit Logs - Logs\"}>\n                                <AdminConfig.Breadcrumb name={\"auditLogs\"} label={\"Audit Logs\"} />\n                                <AuditLogsListWithConfig>\n                                    <LogsView />\n                                </AuditLogsListWithConfig>\n                            </AdminLayout>\n                        }\n                    />\n                </HasPermission>\n            </AdminConfig>\n        </>\n    );\n};\n"],"names":["Menu","Route","AdminConfig","AuditLogs","featureFlags","useFeatureFlags","router","useRouter","RegisterFeature","AlPermissionsFeature","ListAuditLogsFeature","AuditLogDetailsPresenterFeature","LogsModule","SecurityPermission","AiPromptPreviewTabs","HasPermission","Icon","Routes","AdminLayout","AuditLogsListWithConfig","LogsView"],"mappings":";;;;;;;;;;;;AAeA,MAAM,EAAEA,MAAAA,IAAI,EAAEC,OAAAA,KAAK,EAAE,GAAGC;AAEjB,MAAMC,YAAY;IACrB,MAAMC,eAAeC;IACrB,MAAMC,SAASC;IAEf,IAAI,CAACH,aAAa,SAAS,CAAC,cACxB,OAAO;IAGX,OAAO,WAAP,GACI,wDACI,oBAACI,iBAAeA;QAAC,SAASC;sBAC1B,oBAACD,iBAAeA;QAAC,SAASE;sBAC1B,oBAACF,iBAAeA;QAAC,SAASG;sBAC1B,oBAACC,YAAUA,OAAAA,WAAAA,GACX,oBAACC,oBAAkBA,OAAAA,WAAAA,GACnB,oBAACC,qBAAmBA,OAAAA,WAAAA,GACpB,oBAACZ,aAAWA,MAAAA,WAAAA,GACR,oBAACa,eAAaA;QAAC,KAAK;YAAC;SAAO;qBACxB,oBAACf,MAAIA;QACD,MAAK;QACL;QACA,uBACI,oBAACA,KAAK,IAAI;YACN,MAAM;YACN,oBAAM,oBAACA,KAAK,IAAI,CAAC,IAAI;gBAAC,uBAAS,oBAACgB,gBAAIA;gBAAK,OAAO;;YAChD,IAAIV,OAAO,OAAO,CAACW,OAAO,aAAa;;sBAInD,oBAAChB,OAAKA;QACF,OAAOgB,OAAO,aAAa;QAC3B,uBACI,oBAACC,aAAWA;YAAC,OAAO;yBAChB,oBAAChB,YAAY,UAAU;YAAC,MAAM;YAAa,OAAO;0BAClD,oBAACiB,yBAAuBA,MAAAA,WAAAA,GACpB,oBAACC,UAAQA;;AAS7C"}

package/package.json

@@ -1,7 +1,11 @@
 {
 	"name": "@webiny/app-audit-logs",
-	"version": "0.0.0-unstable.eb196ccd2f",
-	"main": "index.js",
+	"version": "0.0.0-unstable.eb81deee7e",
+	"type": "module",
+	"exports": {
+		".": "./index.js",
+		"./*": "./*"
+	},
 	"repository": {
 		"type": "git",
 		"url": "https://github.com/webiny/webiny-js.git"
@@ -9,43 +13,34 @@
 	"description": "",
 	"license": "MIT",
 	"dependencies": {
-		"@apollo/react-hooks": "3.1.5",
-		"@emotion/react": "11.10.8",
-		"@emotion/styled": "11.10.6",
-		"@webiny/admin-ui": "0.0.0-unstable.eb196ccd2f",
-		"@webiny/api-audit-logs": "0.0.0-unstable.eb196ccd2f",
-		"@webiny/app": "0.0.0-unstable.eb196ccd2f",
-		"@webiny/app-aco": "0.0.0-unstable.eb196ccd2f",
-		"@webiny/app-admin": "0.0.0-unstable.eb196ccd2f",
-		"@webiny/app-security": "0.0.0-unstable.eb196ccd2f",
-		"@webiny/form": "0.0.0-unstable.eb196ccd2f",
-		"@webiny/icons": "0.0.0-unstable.eb196ccd2f",
-		"@webiny/plugins": "0.0.0-unstable.eb196ccd2f",
-		"@webiny/react-properties": "0.0.0-unstable.eb196ccd2f",
-		"@webiny/react-router": "0.0.0-unstable.eb196ccd2f",
-		"@webiny/ui": "0.0.0-unstable.eb196ccd2f",
-		"date-fns": "2.29.3",
-		"emotion": "10.0.27",
-		"graphql-tag": "2.12.6",
-		"lodash": "4.17.21"
+		"@webiny/admin-ui": "0.0.0-unstable.eb81deee7e",
+		"@webiny/app": "0.0.0-unstable.eb81deee7e",
+		"@webiny/app-admin": "0.0.0-unstable.eb81deee7e",
+		"@webiny/common-audit-logs": "0.0.0-unstable.eb81deee7e",
+		"@webiny/feature": "0.0.0-unstable.eb81deee7e",
+		"@webiny/form": "0.0.0-unstable.eb81deee7e",
+		"@webiny/icons": "0.0.0-unstable.eb81deee7e",
+		"@webiny/react-composition": "0.0.0-unstable.eb81deee7e",
+		"@webiny/react-properties": "0.0.0-unstable.eb81deee7e",
+		"date-fns": "4.4.0",
+		"lodash": "4.18.1",
+		"mobx": "7.0.3",
+		"zod": "4.4.3"
 	},
 	"peerDependencies": {
-		"react": "18.2.0"
+		"react": "18.3.1"
 	},
 	"devDependencies": {
-		"@types/react": "18.2.79",
-		"@webiny/project-utils": "0.0.0-unstable.eb196ccd2f",
-		"execa": "5.1.1",
-		"rimraf": "6.0.1",
-		"typescript": "5.3.3"
+		"@types/react": "18.3.31",
+		"@webiny/build-tools": "0.0.0-unstable.eb81deee7e",
+		"execa": "10.0.1",
+		"rimraf": "6.1.3",
+		"typescript": "7.0.2"
 	},
 	"publishConfig": {
-		"access": "public",
-		"directory": "dist"
-	},
-	"scripts": {
-		"build": "node ../cli/bin.js run build",
-		"watch": "node ../cli/bin.js run watch"
+		"access": "public"
 	},
-	"gitHead": "eb196ccd2f32296e10f7add6dd7220d4e3abece4"
+	"webiny": {
+		"publishFrom": "dist"
+	}
 }

package/routes.d.ts

@@ -0,0 +1,4 @@
+import { Route } from "@webiny/app-admin";
+export declare const Routes: {
+    AuditLogsList: Route<undefined>;
+};

package/routes.js

@@ -0,0 +1,10 @@
+import { Route } from "@webiny/app-admin";
+const Routes = {
+    AuditLogsList: new Route({
+        name: "AuditLogs/List",
+        path: "/audit-logs"
+    })
+};
+export { Routes };
+
+//# sourceMappingURL=routes.js.map

package/routes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"routes.js","sources":["../src/routes.ts"],"sourcesContent":["import { Route } from \"@webiny/app-admin\";\n\nexport const Routes = {\n    AuditLogsList: new Route({\n        name: \"AuditLogs/List\",\n        path: \"/audit-logs\"\n    })\n};\n"],"names":["Routes","Route"],"mappings":";AAEO,MAAMA,SAAS;IAClB,eAAe,IAAIC,MAAM;QACrB,MAAM;QACN,MAAM;IACV;AACJ"}

package/types.d.ts

@@ -1,25 +1,6 @@
-export declare enum ActionType {
-    CREATE = "CREATE",
-    UPDATE = "UPDATE",
-    DELETE = "DELETE",
-    MOVE_TO_TRASH = "MOVE_TO_TRASH",
-    RESTORE_FROM_TRASH = "RESTORE_FROM_TRASH",
-    PUBLISH = "PUBLISH",
-    UNPUBLISH = "UNPUBLISH",
-    IMPORT = "IMPORT",
-    EXPORT = "EXPORT"
-}
-export interface AuditLog {
-    id: string;
-    message: string;
-    app: string;
-    entity: string;
-    entityId: string;
-    action: ActionType;
-    data: string;
-    timestamp: Date;
-    initiator: string;
-}
+import type { GenericRecord } from "@webiny/app/types.js";
+import { ActionType } from "@webiny/common-audit-logs";
+export { ActionType };
 export interface User {
     id: string;
     firstName: string;
@@ -28,3 +9,48 @@ export interface User {
         name: string;
     }[];
 }
+export interface IAuditLogCreatedByRaw {
+    id: string;
+    displayName?: string;
+    type?: string;
+}
+export interface IAuditLogCreatedBy extends IAuditLogCreatedByRaw {
+    role: string;
+}
+export interface IAuditLogRaw {
+    id: string;
+    createdBy: IAuditLogCreatedByRaw;
+    createdOn: Date;
+    app: string;
+    action: string;
+    message: string;
+    entity: string;
+    entityId: string;
+    tags: string[];
+    expiresAt?: Date;
+    content: string;
+}
+export interface IAuditLogEntity {
+    value: string;
+    label: string;
+    link?: string;
+}
+export interface IAuditLogAction {
+    value: string;
+    label: string;
+}
+export interface IAuditLog extends Omit<IAuditLogRaw, "entity" | "action" | "createdBy"> {
+    entity: IAuditLogEntity;
+    action: IAuditLogAction;
+    createdBy: IAuditLogCreatedBy;
+}
+export interface IAuditLogsMeta {
+    hasMoreItems: boolean;
+    cursor: string | null;
+}
+export interface IAuditLogsError {
+    message: string;
+    code: string;
+    data?: GenericRecord;
+    stack?: string;
+}

package/types.js

@@ -1,14 +1 @@
-export let ActionType = /*#__PURE__*/function (ActionType) {
-  ActionType["CREATE"] = "CREATE";
-  ActionType["UPDATE"] = "UPDATE";
-  ActionType["DELETE"] = "DELETE";
-  ActionType["MOVE_TO_TRASH"] = "MOVE_TO_TRASH";
-  ActionType["RESTORE_FROM_TRASH"] = "RESTORE_FROM_TRASH";
-  ActionType["PUBLISH"] = "PUBLISH";
-  ActionType["UNPUBLISH"] = "UNPUBLISH";
-  ActionType["IMPORT"] = "IMPORT";
-  ActionType["EXPORT"] = "EXPORT";
-  return ActionType;
-}({});
-
-//# sourceMappingURL=types.js.map
+export { ActionType } from "@webiny/common-audit-logs";

package/utils/transformRawAuditLog.d.ts

@@ -0,0 +1,5 @@
+import type { IAuditLog, IAuditLogRaw } from "../types.js";
+export interface ITransformRawAuditLogParams {
+    auditLog: IAuditLogRaw;
+}
+export declare const transformRawAuditLog: (params: ITransformRawAuditLogParams) => IAuditLog;

package/utils/transformRawAuditLog.js

@@ -0,0 +1,26 @@
+import { apps } from "@webiny/common-audit-logs";
+const transformRawAuditLog = (params)=>{
+    const { auditLog } = params;
+    const app = apps.find((app)=>app.app === auditLog.app);
+    const entity = app?.entities?.find((entity)=>entity.type === auditLog.entity);
+    const action = entity?.actions?.find((action)=>action.type === auditLog.action);
+    return {
+        ...auditLog,
+        createdBy: {
+            ...auditLog.createdBy,
+            role: "-"
+        },
+        action: {
+            label: action?.displayName || "-",
+            value: auditLog.action
+        },
+        entity: {
+            label: entity?.displayName || "-",
+            value: auditLog.entity,
+            link: entity?.linkToEntity && entity.linkToEntity(encodeURIComponent(auditLog.entityId))
+        }
+    };
+};
+export { transformRawAuditLog };
+
+//# sourceMappingURL=transformRawAuditLog.js.map

package/utils/transformRawAuditLog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils/transformRawAuditLog.js","sources":["../../src/utils/transformRawAuditLog.ts"],"sourcesContent":["import { apps } from \"@webiny/common-audit-logs\";\nimport type { IAuditLog, IAuditLogRaw } from \"~/types.js\";\n\nexport interface ITransformRawAuditLogParams {\n    auditLog: IAuditLogRaw;\n}\n\nexport const transformRawAuditLog = (params: ITransformRawAuditLogParams): IAuditLog => {\n    const { auditLog } = params;\n\n    const app = apps.find(app => app.app === auditLog.app);\n    const entity = app?.entities?.find(entity => entity.type === auditLog.entity);\n    const action = entity?.actions?.find(action => action.type === auditLog.action);\n    return {\n        ...auditLog,\n        createdBy: {\n            ...auditLog.createdBy,\n            // TODO load users?\n            role: \"-\"\n        },\n        action: {\n            label: action?.displayName || \"-\",\n            value: auditLog.action\n        },\n        entity: {\n            label: entity?.displayName || \"-\",\n            value: auditLog.entity,\n            link: entity?.linkToEntity && entity.linkToEntity(encodeURIComponent(auditLog.entityId))\n        }\n    };\n};\n"],"names":["transformRawAuditLog","params","auditLog","app","apps","entity","action","encodeURIComponent"],"mappings":";AAOO,MAAMA,uBAAuB,CAACC;IACjC,MAAM,EAAEC,QAAQ,EAAE,GAAGD;IAErB,MAAME,MAAMC,KAAK,IAAI,CAACD,CAAAA,MAAOA,IAAI,GAAG,KAAKD,SAAS,GAAG;IACrD,MAAMG,SAASF,KAAK,UAAU,KAAKE,CAAAA,SAAUA,OAAO,IAAI,KAAKH,SAAS,MAAM;IAC5E,MAAMI,SAASD,QAAQ,SAAS,KAAKC,CAAAA,SAAUA,OAAO,IAAI,KAAKJ,SAAS,MAAM;IAC9E,OAAO;QACH,GAAGA,QAAQ;QACX,WAAW;YACP,GAAGA,SAAS,SAAS;YAErB,MAAM;QACV;QACA,QAAQ;YACJ,OAAOI,QAAQ,eAAe;YAC9B,OAAOJ,SAAS,MAAM;QAC1B;QACA,QAAQ;YACJ,OAAOG,QAAQ,eAAe;YAC9B,OAAOH,SAAS,MAAM;YACtB,MAAMG,QAAQ,gBAAgBA,OAAO,YAAY,CAACE,mBAAmBL,SAAS,QAAQ;QAC1F;IACJ;AACJ"}