@webiny/app-audit-logs 0.0.0-unstable.0156a4c312

package/package.json

@@ -0,0 +1,46 @@
+{
+	"name": "@webiny/app-audit-logs",
+	"version": "0.0.0-unstable.0156a4c312",
+	"type": "module",
+	"exports": {
+		".": "./index.js",
+		"./*": "./*"
+	},
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/webiny/webiny-js.git"
+	},
+	"description": "",
+	"license": "MIT",
+	"dependencies": {
+		"@webiny/admin-ui": "0.0.0-unstable.0156a4c312",
+		"@webiny/app": "0.0.0-unstable.0156a4c312",
+		"@webiny/app-admin": "0.0.0-unstable.0156a4c312",
+		"@webiny/common-audit-logs": "0.0.0-unstable.0156a4c312",
+		"@webiny/feature": "0.0.0-unstable.0156a4c312",
+		"@webiny/form": "0.0.0-unstable.0156a4c312",
+		"@webiny/icons": "0.0.0-unstable.0156a4c312",
+		"@webiny/react-composition": "0.0.0-unstable.0156a4c312",
+		"@webiny/react-properties": "0.0.0-unstable.0156a4c312",
+		"date-fns": "4.4.0",
+		"lodash": "4.18.1",
+		"mobx": "7.1.4",
+		"zod": "4.6.7"
+	},
+	"peerDependencies": {
+		"react": "19.3.1"
+	},
+	"devDependencies": {
+		"@types/react": "19.3.0",
+		"@webiny/build-tools": "0.0.0-unstable.0156a4c312",
+		"execa": "10.2.1",
+		"rimraf": "6.1.3",
+		"typescript": "7.0.2"
+	},
+	"publishConfig": {
+		"access": "public"
+	},
+	"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

@@ -0,0 +1,56 @@
+import type { GenericRecord } from "@webiny/app/types.js";
+import { ActionType } from "@webiny/common-audit-logs";
+export { ActionType };
+export interface User {
+    id: string;
+    firstName: string;
+    lastName: string;
+    groups?: {
+        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

@@ -0,0 +1 @@
+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"}

package/views/Logs/Filters/FilterByAction.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const FilterByAction: () => React.JSX.Element;

package/views/Logs/Filters/FilterByAction.js

@@ -0,0 +1,46 @@
+import react, { useMemo } from "react";
+import { useBind, useForm } from "@webiny/form";
+import { Select } from "@webiny/admin-ui";
+import { apps } from "@webiny/common-audit-logs";
+const getValidFilterValue = (value)=>{
+    if ("all" === value || "" === value) return;
+    return value;
+};
+const FilterByAction = ()=>{
+    const { data } = useForm();
+    const bind = useBind({
+        name: "action",
+        beforeChange (value, cb) {
+            cb(getValidFilterValue(value));
+        }
+    });
+    const options = useMemo(()=>{
+        if (!data.app) return [];
+        const entities = apps.find((app)=>app.app === data.app)?.entities || [];
+        const actions = entities.find((entity)=>entity.type === data.entity)?.actions || [];
+        return [
+            {
+                label: "All",
+                value: "all"
+            },
+            ...actions.map((entity)=>({
+                    label: entity.displayName,
+                    value: entity.type
+                }))
+        ];
+    }, [
+        data
+    ]);
+    const disabled = !data.app || !data.entity;
+    return /*#__PURE__*/ react.createElement(Select, {
+        ...bind,
+        label: "Action",
+        size: "md",
+        placeholder: "All actions",
+        options: disabled ? [] : options,
+        disabled: disabled
+    });
+};
+export { FilterByAction };
+
+//# sourceMappingURL=FilterByAction.js.map

package/views/Logs/Filters/FilterByAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"views/Logs/Filters/FilterByAction.js","sources":["../../../../src/views/Logs/Filters/FilterByAction.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { useBind, useForm } from \"@webiny/form\";\nimport { Select } from \"@webiny/admin-ui\";\nimport { apps as auditLogsApps } from \"@webiny/common-audit-logs\";\nimport type { IFilterFormData } from \"~/views/Logs/Filters/types.js\";\n\nconst getValidFilterValue = (value: string): string | undefined => {\n    if (value === \"all\" || value === \"\") {\n        return undefined;\n    }\n    return value;\n};\n\nexport const FilterByAction = () => {\n    const { data } = useForm<IFilterFormData>();\n    const bind = useBind({\n        name: \"action\",\n        beforeChange(value, cb) {\n            cb(getValidFilterValue(value));\n        }\n    });\n\n    const options = useMemo(() => {\n        if (!data.app) {\n            return [];\n        }\n\n        const entities = auditLogsApps.find(app => app.app === data.app)?.entities || [];\n        const actions = entities.find(entity => entity.type === data.entity)?.actions || [];\n\n        return [\n            { label: \"All\", value: \"all\" },\n            ...actions.map(entity => ({ label: entity.displayName, value: entity.type }))\n        ];\n    }, [data]);\n\n    const disabled = !data.app || !data.entity;\n\n    return (\n        <Select\n            {...bind}\n            label={\"Action\"}\n            size={\"md\"}\n            placeholder={\"All actions\"}\n            options={disabled ? [] : options}\n            disabled={disabled}\n        />\n    );\n};\n"],"names":["getValidFilterValue","value","FilterByAction","data","useForm","bind","useBind","cb","options","useMemo","entities","auditLogsApps","app","actions","entity","disabled","Select"],"mappings":";;;;AAMA,MAAMA,sBAAsB,CAACC;IACzB,IAAIA,AAAU,UAAVA,SAAmBA,AAAU,OAAVA,OACnB;IAEJ,OAAOA;AACX;AAEO,MAAMC,iBAAiB;IAC1B,MAAM,EAAEC,IAAI,EAAE,GAAGC;IACjB,MAAMC,OAAOC,QAAQ;QACjB,MAAM;QACN,cAAaL,KAAK,EAAEM,EAAE;YAClBA,GAAGP,oBAAoBC;QAC3B;IACJ;IAEA,MAAMO,UAAUC,QAAQ;QACpB,IAAI,CAACN,KAAK,GAAG,EACT,OAAO,EAAE;QAGb,MAAMO,WAAWC,KAAc,IAAI,CAACC,CAAAA,MAAOA,IAAI,GAAG,KAAKT,KAAK,GAAG,GAAG,YAAY,EAAE;QAChF,MAAMU,UAAUH,SAAS,IAAI,CAACI,CAAAA,SAAUA,OAAO,IAAI,KAAKX,KAAK,MAAM,GAAG,WAAW,EAAE;QAEnF,OAAO;YACH;gBAAE,OAAO;gBAAO,OAAO;YAAM;eAC1BU,QAAQ,GAAG,CAACC,CAAAA,SAAW;oBAAE,OAAOA,OAAO,WAAW;oBAAE,OAAOA,OAAO,IAAI;gBAAC;SAC7E;IACL,GAAG;QAACX;KAAK;IAET,MAAMY,WAAW,CAACZ,KAAK,GAAG,IAAI,CAACA,KAAK,MAAM;IAE1C,OAAO,WAAP,GACI,oBAACa,QAAMA;QACF,GAAGX,IAAI;QACR,OAAO;QACP,MAAM;QACN,aAAa;QACb,SAASU,WAAW,EAAE,GAAGP;QACzB,UAAUO;;AAGtB"}

package/views/Logs/Filters/FilterByApp.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const FilterByApp: () => React.JSX.Element;

package/views/Logs/Filters/FilterByApp.js

@@ -0,0 +1,38 @@
+import react from "react";
+import { useBind, useForm } from "@webiny/form";
+import { Select } from "@webiny/admin-ui";
+import { apps } from "@webiny/common-audit-logs";
+const getValidFilterValue = (value)=>{
+    if ("all" === value || "" === value) return;
+    return value;
+};
+const FilterByApp = ()=>{
+    const { setValue } = useForm();
+    const bind = useBind({
+        name: "app",
+        beforeChange (value, cb) {
+            setValue("entity", void 0);
+            setValue("action", void 0);
+            cb(getValidFilterValue(value));
+        }
+    });
+    return /*#__PURE__*/ react.createElement(Select, {
+        ...bind,
+        label: "Application",
+        size: "md",
+        placeholder: "All applications",
+        options: [
+            {
+                label: "All",
+                value: "all"
+            },
+            ...apps.map((app)=>({
+                    label: app.displayName,
+                    value: app.app
+                }))
+        ]
+    });
+};
+export { FilterByApp };
+
+//# sourceMappingURL=FilterByApp.js.map

package/views/Logs/Filters/FilterByApp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"views/Logs/Filters/FilterByApp.js","sources":["../../../../src/views/Logs/Filters/FilterByApp.tsx"],"sourcesContent":["import React from \"react\";\nimport { useBind, useForm } from \"@webiny/form\";\nimport { Select } from \"@webiny/admin-ui\";\nimport { apps as auditLogsApps } from \"@webiny/common-audit-logs\";\nimport type { IFilterFormData } from \"~/views/Logs/Filters/types.js\";\n\nconst getValidFilterValue = (value: string): string | undefined => {\n    if (value === \"all\" || value === \"\") {\n        return undefined;\n    }\n    return value;\n};\n\nexport const FilterByApp = () => {\n    const { setValue } = useForm<IFilterFormData>();\n    const bind = useBind({\n        name: \"app\",\n        beforeChange(value, cb) {\n            setValue(\"entity\", undefined);\n            setValue(\"action\", undefined);\n            cb(getValidFilterValue(value));\n        }\n    });\n\n    return (\n        <Select\n            {...bind}\n            label={\"Application\"}\n            size={\"md\"}\n            placeholder={\"All applications\"}\n            options={[\n                { label: \"All\", value: \"all\" },\n                ...auditLogsApps.map(app => ({ label: app.displayName, value: app.app }))\n            ]}\n        />\n    );\n};\n"],"names":["getValidFilterValue","value","FilterByApp","setValue","useForm","bind","useBind","cb","undefined","Select","auditLogsApps","app"],"mappings":";;;;AAMA,MAAMA,sBAAsB,CAACC;IACzB,IAAIA,AAAU,UAAVA,SAAmBA,AAAU,OAAVA,OACnB;IAEJ,OAAOA;AACX;AAEO,MAAMC,cAAc;IACvB,MAAM,EAAEC,QAAQ,EAAE,GAAGC;IACrB,MAAMC,OAAOC,QAAQ;QACjB,MAAM;QACN,cAAaL,KAAK,EAAEM,EAAE;YAClBJ,SAAS,UAAUK;YACnBL,SAAS,UAAUK;YACnBD,GAAGP,oBAAoBC;QAC3B;IACJ;IAEA,OAAO,WAAP,GACI,oBAACQ,QAAMA;QACF,GAAGJ,IAAI;QACR,OAAO;QACP,MAAM;QACN,aAAa;QACb,SAAS;YACL;gBAAE,OAAO;gBAAO,OAAO;YAAM;eAC1BK,KAAAA,GAAiB,CAACC,CAAAA,MAAQ;oBAAE,OAAOA,IAAI,WAAW;oBAAE,OAAOA,IAAI,GAAG;gBAAC;SACzE;;AAGb"}

package/views/Logs/Filters/FilterByCreatedBy.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const FilterByCreatedBy: () => React.JSX.Element;

package/views/Logs/Filters/FilterByCreatedBy.js

@@ -0,0 +1,50 @@
+import react, { useEffect, useMemo, useState } from "react";
+import { useContainer } from "@webiny/app";
+import { MainGraphQLClient } from "@webiny/app/features/mainGraphQLClient";
+import { useBind } from "@webiny/form";
+import { Select } from "@webiny/admin-ui";
+import { LIST_USERS } from "../../../graphql.js";
+const getValidFilterValue = (value)=>{
+    if ("all" === value || "" === value) return;
+    return value;
+};
+const FilterByCreatedBy = ()=>{
+    const container = useContainer();
+    const client = container.resolve(MainGraphQLClient);
+    const [users, setUsers] = useState([]);
+    useEffect(()=>{
+        client.execute({
+            query: LIST_USERS
+        }).then((response)=>{
+            setUsers(response.adminUsers.users.data || []);
+        });
+    }, []);
+    const bind = useBind({
+        name: "createdBy",
+        beforeChange (value, cb) {
+            cb(getValidFilterValue(value));
+        }
+    });
+    const options = useMemo(()=>[
+            {
+                label: "All",
+                value: "all"
+            },
+            ...users.map((user)=>({
+                    label: `${user.firstName} ${user.lastName}`,
+                    value: user.id
+                }))
+        ], [
+        users
+    ]);
+    return /*#__PURE__*/ react.createElement(Select, {
+        ...bind,
+        label: "Initiator",
+        size: "md",
+        placeholder: "Anyone",
+        options: options
+    });
+};
+export { FilterByCreatedBy };
+
+//# sourceMappingURL=FilterByCreatedBy.js.map

package/views/Logs/Filters/FilterByCreatedBy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"views/Logs/Filters/FilterByCreatedBy.js","sources":["../../../../src/views/Logs/Filters/FilterByCreatedBy.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport { useContainer } from \"@webiny/app\";\nimport { MainGraphQLClient } from \"@webiny/app/features/mainGraphQLClient\";\nimport { useBind } from \"@webiny/form\";\nimport { Select } from \"@webiny/admin-ui\";\nimport { LIST_USERS } from \"~/graphql.js\";\nimport type { User } from \"~/types.js\";\n\ninterface ListUsersResponse {\n    adminUsers: {\n        users: {\n            data: User[];\n        };\n    };\n}\n\nconst getValidFilterValue = (value: string): string | undefined => {\n    if (value === \"all\" || value === \"\") {\n        return undefined;\n    }\n    return value;\n};\n\nexport const FilterByCreatedBy = () => {\n    const container = useContainer();\n    const client = container.resolve(MainGraphQLClient);\n    const [users, setUsers] = useState<User[]>([]);\n\n    useEffect(() => {\n        client.execute<ListUsersResponse>({ query: LIST_USERS }).then(response => {\n            setUsers(response.adminUsers.users.data || []);\n        });\n    }, []);\n\n    const bind = useBind({\n        name: \"createdBy\",\n        beforeChange(value, cb) {\n            cb(getValidFilterValue(value));\n        }\n    });\n\n    const options = useMemo(() => {\n        return [\n            { label: \"All\", value: \"all\" },\n            ...users.map(user => ({ label: `${user.firstName} ${user.lastName}`, value: user.id }))\n        ];\n    }, [users]);\n\n    return (\n        <Select\n            {...bind}\n            label={\"Initiator\"}\n            size={\"md\"}\n            placeholder={\"Anyone\"}\n            options={options}\n        />\n    );\n};\n"],"names":["getValidFilterValue","value","FilterByCreatedBy","container","useContainer","client","MainGraphQLClient","users","setUsers","useState","useEffect","LIST_USERS","response","bind","useBind","cb","options","useMemo","user","Select"],"mappings":";;;;;;AAgBA,MAAMA,sBAAsB,CAACC;IACzB,IAAIA,AAAU,UAAVA,SAAmBA,AAAU,OAAVA,OACnB;IAEJ,OAAOA;AACX;AAEO,MAAMC,oBAAoB;IAC7B,MAAMC,YAAYC;IAClB,MAAMC,SAASF,UAAU,OAAO,CAACG;IACjC,MAAM,CAACC,OAAOC,SAAS,GAAGC,SAAiB,EAAE;IAE7CC,UAAU;QACNL,OAAO,OAAO,CAAoB;YAAE,OAAOM;QAAW,GAAG,IAAI,CAACC,CAAAA;YAC1DJ,SAASI,SAAS,UAAU,CAAC,KAAK,CAAC,IAAI,IAAI,EAAE;QACjD;IACJ,GAAG,EAAE;IAEL,MAAMC,OAAOC,QAAQ;QACjB,MAAM;QACN,cAAab,KAAK,EAAEc,EAAE;YAClBA,GAAGf,oBAAoBC;QAC3B;IACJ;IAEA,MAAMe,UAAUC,QAAQ,IACb;YACH;gBAAE,OAAO;gBAAO,OAAO;YAAM;eAC1BV,MAAM,GAAG,CAACW,CAAAA,OAAS;oBAAE,OAAO,GAAGA,KAAK,SAAS,CAAC,CAAC,EAAEA,KAAK,QAAQ,EAAE;oBAAE,OAAOA,KAAK,EAAE;gBAAC;SACvF,EACF;QAACX;KAAM;IAEV,OAAO,WAAP,GACI,oBAACY,QAAMA;QACF,GAAGN,IAAI;QACR,OAAO;QACP,MAAM;QACN,aAAa;QACb,SAASG;;AAGrB"}

package/views/Logs/Filters/FilterByCreatedOn.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const FilterByCreatedOn: () => React.JSX.Element;

package/views/Logs/Filters/FilterByCreatedOn.js

@@ -0,0 +1,38 @@
+import react from "react";
+import { DatePicker } from "@webiny/admin-ui";
+import { useBind } from "@webiny/form";
+const now = new Date();
+const FilterByCreatedOn = ()=>{
+    const bindFrom = useBind({
+        name: "createdOn_gte"
+    });
+    const bindTo = useBind({
+        name: "createdOn_lte"
+    });
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-md"
+    }, /*#__PURE__*/ react.createElement(DatePicker, {
+        label: "Created from",
+        type: "dateTimeLocal",
+        value: bindFrom.value ?? void 0,
+        onChange: (value)=>{
+            bindFrom.onChange(value ?? void 0);
+        },
+        placeholder: "Select date",
+        size: "md",
+        maxDate: now
+    }), /*#__PURE__*/ react.createElement(DatePicker, {
+        label: "Created to",
+        type: "dateTimeLocal",
+        value: bindTo.value ?? void 0,
+        onChange: (value)=>{
+            bindTo.onChange(value ?? void 0);
+        },
+        placeholder: "Select date",
+        size: "md",
+        maxDate: now
+    }));
+};
+export { FilterByCreatedOn };
+
+//# sourceMappingURL=FilterByCreatedOn.js.map

package/views/Logs/Filters/FilterByCreatedOn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"views/Logs/Filters/FilterByCreatedOn.js","sources":["../../../../src/views/Logs/Filters/FilterByCreatedOn.tsx"],"sourcesContent":["import React from \"react\";\nimport { DatePicker } from \"@webiny/admin-ui\";\nimport { useBind } from \"@webiny/form\";\n\nconst now = new Date();\n\nexport const FilterByCreatedOn = () => {\n    const bindFrom = useBind({\n        name: \"createdOn_gte\"\n    });\n\n    const bindTo = useBind({\n        name: \"createdOn_lte\"\n    });\n\n    return (\n        <div className={\"flex flex-col gap-md\"}>\n            <DatePicker\n                label={\"Created from\"}\n                type=\"dateTimeLocal\"\n                value={bindFrom.value ?? undefined}\n                onChange={value => {\n                    bindFrom.onChange(value ?? undefined);\n                }}\n                placeholder=\"Select date\"\n                size=\"md\"\n                maxDate={now}\n            />\n            <DatePicker\n                label={\"Created to\"}\n                type=\"dateTimeLocal\"\n                value={bindTo.value ?? undefined}\n                onChange={value => {\n                    bindTo.onChange(value ?? undefined);\n                }}\n                placeholder=\"Select date\"\n                size=\"md\"\n                maxDate={now}\n            />\n        </div>\n    );\n};\n"],"names":["now","Date","FilterByCreatedOn","bindFrom","useBind","bindTo","DatePicker","undefined","value"],"mappings":";;;AAIA,MAAMA,MAAM,IAAIC;AAET,MAAMC,oBAAoB;IAC7B,MAAMC,WAAWC,QAAQ;QACrB,MAAM;IACV;IAEA,MAAMC,SAASD,QAAQ;QACnB,MAAM;IACV;IAEA,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACE,YAAUA;QACP,OAAO;QACP,MAAK;QACL,OAAOH,SAAS,KAAK,IAAII;QACzB,UAAUC,CAAAA;YACNL,SAAS,QAAQ,CAACK,SAASD;QAC/B;QACA,aAAY;QACZ,MAAK;QACL,SAASP;sBAEb,oBAACM,YAAUA;QACP,OAAO;QACP,MAAK;QACL,OAAOD,OAAO,KAAK,IAAIE;QACvB,UAAUC,CAAAA;YACNH,OAAO,QAAQ,CAACG,SAASD;QAC7B;QACA,aAAY;QACZ,MAAK;QACL,SAASP;;AAIzB"}

package/views/Logs/Filters/FilterByEntity.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const FilterByEntity: () => React.JSX.Element;

package/views/Logs/Filters/FilterByEntity.js

@@ -0,0 +1,46 @@
+import react, { useMemo } from "react";
+import { useBind, useForm } from "@webiny/form";
+import { Select } from "@webiny/admin-ui";
+import { apps } from "@webiny/common-audit-logs";
+const getValidFilterValue = (value)=>{
+    if ("all" === value || "" === value) return;
+    return value;
+};
+const FilterByEntity = ()=>{
+    const { data, setValue } = useForm();
+    const bind = useBind({
+        name: "entity",
+        beforeChange (value, cb) {
+            setValue("action", void 0);
+            cb(getValidFilterValue(value));
+        }
+    });
+    const options = useMemo(()=>{
+        if (!data.app) return [];
+        const entities = apps.find((app)=>app.app === data.app)?.entities || [];
+        return [
+            {
+                label: "All",
+                value: "all"
+            },
+            ...entities.map((entity)=>({
+                    label: entity.displayName,
+                    value: entity.type
+                }))
+        ];
+    }, [
+        data.app
+    ]);
+    const disabled = 0 === options.length;
+    return /*#__PURE__*/ react.createElement(Select, {
+        ...bind,
+        label: "Entity",
+        size: "md",
+        placeholder: "All entities",
+        options: disabled ? [] : options,
+        disabled: disabled
+    });
+};
+export { FilterByEntity };
+
+//# sourceMappingURL=FilterByEntity.js.map

package/views/Logs/Filters/FilterByEntity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"views/Logs/Filters/FilterByEntity.js","sources":["../../../../src/views/Logs/Filters/FilterByEntity.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { useBind, useForm } from \"@webiny/form\";\nimport { Select } from \"@webiny/admin-ui\";\nimport { apps as auditLogsApps } from \"@webiny/common-audit-logs\";\nimport type { IFilterFormData } from \"./types.js\";\n\nconst getValidFilterValue = (value: string): string | undefined => {\n    if (value === \"all\" || value === \"\") {\n        return undefined;\n    }\n    return value;\n};\n\nexport const FilterByEntity = () => {\n    const { data, setValue } = useForm<IFilterFormData>();\n    const bind = useBind({\n        name: \"entity\",\n        beforeChange(value, cb) {\n            setValue(\"action\", undefined);\n            cb(getValidFilterValue(value));\n        }\n    });\n\n    const options = useMemo(() => {\n        if (!data.app) {\n            return [];\n        }\n\n        const entities = auditLogsApps.find(app => app.app === data.app)?.entities || [];\n\n        return [\n            { label: \"All\", value: \"all\" },\n            ...entities.map(entity => ({ label: entity.displayName, value: entity.type }))\n        ];\n    }, [data.app]);\n\n    const disabled = options.length === 0;\n\n    return (\n        <Select\n            {...bind}\n            label={\"Entity\"}\n            size={\"md\"}\n            placeholder={\"All entities\"}\n            options={disabled ? [] : options}\n            disabled={disabled}\n        />\n    );\n};\n"],"names":["getValidFilterValue","value","FilterByEntity","data","setValue","useForm","bind","useBind","cb","undefined","options","useMemo","entities","auditLogsApps","app","entity","disabled","Select"],"mappings":";;;;AAMA,MAAMA,sBAAsB,CAACC;IACzB,IAAIA,AAAU,UAAVA,SAAmBA,AAAU,OAAVA,OACnB;IAEJ,OAAOA;AACX;AAEO,MAAMC,iBAAiB;IAC1B,MAAM,EAAEC,IAAI,EAAEC,QAAQ,EAAE,GAAGC;IAC3B,MAAMC,OAAOC,QAAQ;QACjB,MAAM;QACN,cAAaN,KAAK,EAAEO,EAAE;YAClBJ,SAAS,UAAUK;YACnBD,GAAGR,oBAAoBC;QAC3B;IACJ;IAEA,MAAMS,UAAUC,QAAQ;QACpB,IAAI,CAACR,KAAK,GAAG,EACT,OAAO,EAAE;QAGb,MAAMS,WAAWC,KAAc,IAAI,CAACC,CAAAA,MAAOA,IAAI,GAAG,KAAKX,KAAK,GAAG,GAAG,YAAY,EAAE;QAEhF,OAAO;YACH;gBAAE,OAAO;gBAAO,OAAO;YAAM;eAC1BS,SAAS,GAAG,CAACG,CAAAA,SAAW;oBAAE,OAAOA,OAAO,WAAW;oBAAE,OAAOA,OAAO,IAAI;gBAAC;SAC9E;IACL,GAAG;QAACZ,KAAK,GAAG;KAAC;IAEb,MAAMa,WAAWN,AAAmB,MAAnBA,QAAQ,MAAM;IAE/B,OAAO,WAAP,GACI,oBAACO,QAAMA;QACF,GAAGX,IAAI;QACR,OAAO;QACP,MAAM;QACN,aAAa;QACb,SAASU,WAAW,EAAE,GAAGN;QACzB,UAAUM;;AAGtB"}

package/views/Logs/Filters/FilterByEntityId.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const FilterByEntityId: () => React.JSX.Element;

package/views/Logs/Filters/FilterByEntityId.js

@@ -0,0 +1,26 @@
+import react from "react";
+import { useBind, useForm } from "@webiny/form";
+import { Input } from "@webiny/admin-ui";
+const FilterByEntityId = ()=>{
+    const { setValue } = useForm();
+    const bind = useBind({
+        name: "entityId",
+        beforeChange (value, cb) {
+            if (!value) return void cb(void 0);
+            setValue("app", void 0);
+            setValue("entity", void 0);
+            setValue("action", void 0);
+            setValue("createdBy", void 0);
+            cb(value);
+        }
+    });
+    return /*#__PURE__*/ react.createElement(Input, {
+        ...bind,
+        label: "Entity ID",
+        size: "md",
+        placeholder: "Enter entity ID"
+    });
+};
+export { FilterByEntityId };
+
+//# sourceMappingURL=FilterByEntityId.js.map

package/views/Logs/Filters/FilterByEntityId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"views/Logs/Filters/FilterByEntityId.js","sources":["../../../../src/views/Logs/Filters/FilterByEntityId.tsx"],"sourcesContent":["import React from \"react\";\nimport { useBind, useForm } from \"@webiny/form\";\nimport { Input } from \"@webiny/admin-ui\";\nimport type { IFilterFormData } from \"~/views/Logs/Filters/types.js\";\n\nexport const FilterByEntityId = () => {\n    const { setValue } = useForm<IFilterFormData>();\n    const bind = useBind({\n        name: \"entityId\",\n        beforeChange(value, cb) {\n            if (!value) {\n                cb(undefined);\n                return;\n            }\n            setValue(\"app\", undefined);\n            setValue(\"entity\", undefined);\n            setValue(\"action\", undefined);\n            setValue(\"createdBy\", undefined);\n            cb(value);\n        }\n    });\n\n    return <Input {...bind} label={\"Entity ID\"} size={\"md\"} placeholder={\"Enter entity ID\"} />;\n};\n"],"names":["FilterByEntityId","setValue","useForm","bind","useBind","value","cb","undefined","Input"],"mappings":";;;AAKO,MAAMA,mBAAmB;IAC5B,MAAM,EAAEC,QAAQ,EAAE,GAAGC;IACrB,MAAMC,OAAOC,QAAQ;QACjB,MAAM;QACN,cAAaC,KAAK,EAAEC,EAAE;YAClB,IAAI,CAACD,OAAO,YACRC,GAAGC;YAGPN,SAAS,OAAOM;YAChBN,SAAS,UAAUM;YACnBN,SAAS,UAAUM;YACnBN,SAAS,aAAaM;YACtBD,GAAGD;QACP;IACJ;IAEA,OAAO,WAAP,GAAO,oBAACG,OAAKA;QAAE,GAAGL,IAAI;QAAE,OAAO;QAAa,MAAM;QAAM,aAAa;;AACzE"}

package/views/Logs/Filters/FilterByInitiator.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const FilterByInitiator: () => React.JSX.Element;

package/views/Logs/Filters/FilterByInitiator.js

@@ -0,0 +1,49 @@
+import react, { useEffect, useMemo, useState } from "react";
+import { useContainer } from "@webiny/app";
+import { MainGraphQLClient } from "@webiny/app/features/mainGraphQLClient";
+import { useBind } from "@webiny/form";
+import { Select } from "@webiny/admin-ui";
+import { LIST_USERS } from "../../../graphql.js";
+const getValidFilterValue = (value)=>{
+    if ("all" === value || "" === value) return;
+    return value;
+};
+const FilterByInitiator = ()=>{
+    const container = useContainer();
+    const client = container.resolve(MainGraphQLClient);
+    const [users, setUsers] = useState([]);
+    useEffect(()=>{
+        client.execute({
+            query: LIST_USERS
+        }).then((response)=>{
+            setUsers(response.adminUsers.users.data || []);
+        });
+    }, []);
+    const bind = useBind({
+        name: "data.initiator",
+        beforeChange (value, cb) {
+            cb(getValidFilterValue(value));
+        }
+    });
+    const options = useMemo(()=>[
+            {
+                label: "All",
+                value: "all"
+            },
+            ...users.map((user)=>({
+                    label: `${user.firstName} ${user.lastName}`,
+                    value: user.id
+                }))
+        ], [
+        users
+    ]);
+    return /*#__PURE__*/ react.createElement(Select, {
+        ...bind,
+        size: "md",
+        placeholder: "Filter by Initiator",
+        options: options
+    });
+};
+export { FilterByInitiator };
+
+//# sourceMappingURL=FilterByInitiator.js.map

package/views/Logs/Filters/FilterByInitiator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"views/Logs/Filters/FilterByInitiator.js","sources":["../../../../src/views/Logs/Filters/FilterByInitiator.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport { useContainer } from \"@webiny/app\";\nimport { MainGraphQLClient } from \"@webiny/app/features/mainGraphQLClient\";\nimport { useBind } from \"@webiny/form\";\nimport { Select } from \"@webiny/admin-ui\";\nimport { LIST_USERS } from \"~/graphql.js\";\nimport type { User } from \"~/types.js\";\n\ninterface ListUsersResponse {\n    adminUsers: {\n        users: {\n            data: User[];\n        };\n    };\n}\n\nconst getValidFilterValue = (value: string): string | undefined => {\n    if (value === \"all\" || value === \"\") {\n        return undefined;\n    }\n    return value;\n};\n\nexport const FilterByInitiator = () => {\n    const container = useContainer();\n    const client = container.resolve(MainGraphQLClient);\n    const [users, setUsers] = useState<User[]>([]);\n\n    useEffect(() => {\n        client.execute<ListUsersResponse>({ query: LIST_USERS }).then(response => {\n            setUsers(response.adminUsers.users.data || []);\n        });\n    }, []);\n\n    const bind = useBind({\n        name: \"data.initiator\",\n        beforeChange(value, cb) {\n            cb(getValidFilterValue(value));\n        }\n    });\n\n    const options = useMemo(() => {\n        return [\n            { label: \"All\", value: \"all\" },\n            ...users.map(user => ({ label: `${user.firstName} ${user.lastName}`, value: user.id }))\n        ];\n    }, [users]);\n\n    return <Select {...bind} size={\"md\"} placeholder={\"Filter by Initiator\"} options={options} />;\n};\n"],"names":["getValidFilterValue","value","FilterByInitiator","container","useContainer","client","MainGraphQLClient","users","setUsers","useState","useEffect","LIST_USERS","response","bind","useBind","cb","options","useMemo","user","Select"],"mappings":";;;;;;AAgBA,MAAMA,sBAAsB,CAACC;IACzB,IAAIA,AAAU,UAAVA,SAAmBA,AAAU,OAAVA,OACnB;IAEJ,OAAOA;AACX;AAEO,MAAMC,oBAAoB;IAC7B,MAAMC,YAAYC;IAClB,MAAMC,SAASF,UAAU,OAAO,CAACG;IACjC,MAAM,CAACC,OAAOC,SAAS,GAAGC,SAAiB,EAAE;IAE7CC,UAAU;QACNL,OAAO,OAAO,CAAoB;YAAE,OAAOM;QAAW,GAAG,IAAI,CAACC,CAAAA;YAC1DJ,SAASI,SAAS,UAAU,CAAC,KAAK,CAAC,IAAI,IAAI,EAAE;QACjD;IACJ,GAAG,EAAE;IAEL,MAAMC,OAAOC,QAAQ;QACjB,MAAM;QACN,cAAab,KAAK,EAAEc,EAAE;YAClBA,GAAGf,oBAAoBC;QAC3B;IACJ;IAEA,MAAMe,UAAUC,QAAQ,IACb;YACH;gBAAE,OAAO;gBAAO,OAAO;YAAM;eAC1BV,MAAM,GAAG,CAACW,CAAAA,OAAS;oBAAE,OAAO,GAAGA,KAAK,SAAS,CAAC,CAAC,EAAEA,KAAK,QAAQ,EAAE;oBAAE,OAAOA,KAAK,EAAE;gBAAC;SACvF,EACF;QAACX;KAAM;IAEV,OAAO,WAAP,GAAO,oBAACY,QAAMA;QAAE,GAAGN,IAAI;QAAE,MAAM;QAAM,aAAa;QAAuB,SAASG;;AACtF"}

package/views/Logs/Filters/Filters.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { IListAuditLogsVariablesWhere } from "../../../hooks/graphql.js";
+interface FiltersProps {
+    setWhere: (where: Partial<IListAuditLogsVariablesWhere>) => void;
+}
+export declare const Filters: ({ setWhere }: FiltersProps) => React.JSX.Element;
+export {};

package/views/Logs/Filters/Filters.js

@@ -0,0 +1,69 @@
+import react, { useCallback, useState } from "react";
+import { ReactComponent } from "@webiny/icons/filter_list.svg";
+import { Drawer, IconButton } from "@webiny/admin-ui";
+import { Form } from "@webiny/form";
+import { useAuditLogsListConfig } from "../../../config/list/index.js";
+const Filters = ({ setWhere })=>{
+    const { browser } = useAuditLogsListConfig();
+    const [open, setOpen] = useState(false);
+    const [formData, setFormData] = useState({});
+    const [hasActiveFilters, setHasActiveFilters] = useState(false);
+    const onFormChange = useCallback((data)=>{
+        setFormData(data);
+    }, []);
+    const applyFilters = useCallback(()=>{
+        const hasValues = Object.values(formData).some((v)=>void 0 !== v && "" !== v);
+        setHasActiveFilters(hasValues);
+        if (!hasValues) {
+            setWhere({});
+            setOpen(false);
+            return;
+        }
+        const convertedFilters = browser.filtersToWhere.reduce((acc, converter)=>converter(acc), formData);
+        setWhere(convertedFilters);
+        setOpen(false);
+    }, [
+        browser.filtersToWhere,
+        setWhere,
+        formData
+    ]);
+    const clearFilters = useCallback(()=>{
+        setFormData({});
+        setWhere({});
+        setHasActiveFilters(false);
+    }, [
+        setWhere
+    ]);
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(IconButton, {
+        variant: hasActiveFilters ? "primary" : "ghost",
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        onClick: ()=>setOpen(true),
+        "data-testid": "audit-logs.toggle-filters"
+    }), /*#__PURE__*/ react.createElement(Drawer, {
+        open: open,
+        onClose: ()=>setOpen(false),
+        modal: true,
+        width: 360,
+        title: "Filters",
+        headerSeparator: true,
+        footerSeparator: true,
+        bodyPadding: false,
+        actions: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Drawer.CancelButton, {
+            text: "Clear all",
+            onClick: clearFilters
+        }), /*#__PURE__*/ react.createElement(Drawer.ConfirmButton, {
+            text: "Apply filters",
+            onClick: applyFilters
+        }))
+    }, /*#__PURE__*/ react.createElement(Form, {
+        data: formData,
+        onChange: onFormChange
+    }, ()=>/*#__PURE__*/ react.createElement("div", {
+            className: "flex flex-col gap-lg p-lg"
+        }, browser.filters.map((filter)=>/*#__PURE__*/ react.createElement("div", {
+                key: filter.name
+            }, filter.element))))));
+};
+export { Filters };
+
+//# sourceMappingURL=Filters.js.map

package/views/Logs/Filters/Filters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"views/Logs/Filters/Filters.js","sources":["../../../../src/views/Logs/Filters/Filters.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { ReactComponent as FilterIcon } from \"@webiny/icons/filter_list.svg\";\nimport { Drawer, IconButton } from \"@webiny/admin-ui\";\nimport { Form } from \"@webiny/form\";\nimport { useAuditLogsListConfig } from \"~/config/list/index.js\";\nimport type { IListAuditLogsVariablesWhere } from \"~/hooks/graphql.js\";\n\ninterface FiltersProps {\n    setWhere: (where: Partial<IListAuditLogsVariablesWhere>) => void;\n}\n\nexport const Filters = ({ setWhere }: FiltersProps) => {\n    const { browser } = useAuditLogsListConfig();\n    const [open, setOpen] = useState(false);\n    const [formData, setFormData] = useState<Record<string, unknown>>({});\n    const [hasActiveFilters, setHasActiveFilters] = useState(false);\n\n    const onFormChange = useCallback((data: Record<string, unknown>) => {\n        setFormData(data);\n    }, []);\n\n    const applyFilters = useCallback(() => {\n        const hasValues = Object.values(formData).some(v => v !== undefined && v !== \"\");\n        setHasActiveFilters(hasValues);\n\n        if (!hasValues) {\n            setWhere({});\n            setOpen(false);\n            return;\n        }\n\n        const convertedFilters = browser.filtersToWhere.reduce(\n            (acc, converter) => converter(acc),\n            formData\n        );\n\n        setWhere(convertedFilters as Partial<IListAuditLogsVariablesWhere>);\n        setOpen(false);\n    }, [browser.filtersToWhere, setWhere, formData]);\n\n    const clearFilters = useCallback(() => {\n        setFormData({});\n        setWhere({});\n        setHasActiveFilters(false);\n    }, [setWhere]);\n\n    return (\n        <>\n            <IconButton\n                variant={hasActiveFilters ? \"primary\" : \"ghost\"}\n                icon={<FilterIcon />}\n                onClick={() => setOpen(true)}\n                data-testid=\"audit-logs.toggle-filters\"\n            />\n            <Drawer\n                open={open}\n                onClose={() => setOpen(false)}\n                modal={true}\n                width={360}\n                title=\"Filters\"\n                headerSeparator={true}\n                footerSeparator={true}\n                bodyPadding={false}\n                actions={\n                    <>\n                        <Drawer.CancelButton text=\"Clear all\" onClick={clearFilters} />\n                        <Drawer.ConfirmButton text=\"Apply filters\" onClick={applyFilters} />\n                    </>\n                }\n            >\n                <Form data={formData} onChange={onFormChange}>\n                    {() => (\n                        <div className={\"flex flex-col gap-lg p-lg\"}>\n                            {browser.filters.map(filter => (\n                                <div key={filter.name}>{filter.element}</div>\n                            ))}\n                        </div>\n                    )}\n                </Form>\n            </Drawer>\n        </>\n    );\n};\n"],"names":["Filters","setWhere","browser","useAuditLogsListConfig","open","setOpen","useState","formData","setFormData","hasActiveFilters","setHasActiveFilters","onFormChange","useCallback","data","applyFilters","hasValues","Object","v","undefined","convertedFilters","acc","converter","clearFilters","IconButton","FilterIcon","Drawer","Form","filter"],"mappings":";;;;;AAWO,MAAMA,UAAU,CAAC,EAAEC,QAAQ,EAAgB;IAC9C,MAAM,EAAEC,OAAO,EAAE,GAAGC;IACpB,MAAM,CAACC,MAAMC,QAAQ,GAAGC,SAAS;IACjC,MAAM,CAACC,UAAUC,YAAY,GAAGF,SAAkC,CAAC;IACnE,MAAM,CAACG,kBAAkBC,oBAAoB,GAAGJ,SAAS;IAEzD,MAAMK,eAAeC,YAAY,CAACC;QAC9BL,YAAYK;IAChB,GAAG,EAAE;IAEL,MAAMC,eAAeF,YAAY;QAC7B,MAAMG,YAAYC,OAAO,MAAM,CAACT,UAAU,IAAI,CAACU,CAAAA,IAAKA,AAAMC,WAAND,KAAmBA,AAAM,OAANA;QACvEP,oBAAoBK;QAEpB,IAAI,CAACA,WAAW;YACZd,SAAS,CAAC;YACVI,QAAQ;YACR;QACJ;QAEA,MAAMc,mBAAmBjB,QAAQ,cAAc,CAAC,MAAM,CAClD,CAACkB,KAAKC,YAAcA,UAAUD,MAC9Bb;QAGJN,SAASkB;QACTd,QAAQ;IACZ,GAAG;QAACH,QAAQ,cAAc;QAAED;QAAUM;KAAS;IAE/C,MAAMe,eAAeV,YAAY;QAC7BJ,YAAY,CAAC;QACbP,SAAS,CAAC;QACVS,oBAAoB;IACxB,GAAG;QAACT;KAAS;IAEb,OAAO,WAAP,GACI,wDACI,oBAACsB,YAAUA;QACP,SAASd,mBAAmB,YAAY;QACxC,oBAAM,oBAACe,gBAAUA;QACjB,SAAS,IAAMnB,QAAQ;QACvB,eAAY;sBAEhB,oBAACoB,QAAMA;QACH,MAAMrB;QACN,SAAS,IAAMC,QAAQ;QACvB,OAAO;QACP,OAAO;QACP,OAAM;QACN,iBAAiB;QACjB,iBAAiB;QACjB,aAAa;QACb,uBACI,wDACI,oBAACoB,OAAO,YAAY;YAAC,MAAK;YAAY,SAASH;0BAC/C,oBAACG,OAAO,aAAa;YAAC,MAAK;YAAgB,SAASX;;qBAI5D,oBAACY,MAAIA;QAAC,MAAMnB;QAAU,UAAUI;OAC3B,kBACG,oBAAC;YAAI,WAAW;WACXT,QAAQ,OAAO,CAAC,GAAG,CAACyB,CAAAA,SAAAA,WAAAA,GACjB,oBAAC;gBAAI,KAAKA,OAAO,IAAI;eAAGA,OAAO,OAAO;AAQtE"}