sea-react-components 1.3.24 → 1.3.26

package/dist/components/icon/index.d.ts

@@ -1,7 +1,7 @@
-import { IconifyIcon } from "@iconify/react";
+import { IconifyIcon, IconProps } from "@iconify/react";
 export type Props = {
     icon: string | IconifyIcon;
     className?: string | undefined;
-};
-export default function Icon({ icon, className }: Props): import("react/jsx-runtime").JSX.Element;
+} & IconProps;
+export default function Icon({ icon, className, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/icon/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/icon/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIxD,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,EAAE,MAAM,GAAG,WAAW,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,CAAC;AACF,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,KAAK,2CAEtD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/icon/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,WAAW,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAInE,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,EAAE,MAAM,GAAG,WAAW,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,GAAG,SAAS,CAAC;AACd,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,2CAEhE"}

package/dist/components/icon/index.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Icon as I } from "@iconify/react";
-export default function Icon({ icon, className }) {
-    return _jsx(I, { icon: icon, className: className });
+export default function Icon({ icon, className, ...props }) {
+    return _jsx(I, { icon: icon, className: className, ...props });
 }

package/dist/components/list-item/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/list-item/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAe,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAKjD,OAAO,EACL,iBAAiB,EACjB,MAAM,EAEP,MAAM,mCAAmC,CAAC;AAM3C,MAAM,MAAM,KAAK,CAAC,CAAC,IAAI;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,kBAAkB,EAAE,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC;IAC3C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IACzD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACvD,iBAAiB,CAAC,EAAE,iBAAiB,GAAG,SAAS,CAAC;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AACF,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,CAAC,EAAE,EAClC,KAAK,EACL,IAAI,EACJ,OAAY,EACZ,UAAU,EACV,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,WAAW,EACX,cAAc,EACd,YAAY,EACZ,QAAQ,EACR,kBAAkB,EAClB,kBAAwB,EACxB,iBAA6B,EAC7B,OAAe,EACf,iBAAwB,EACxB,cAAqB,EACrB,eAAe,EACf,QAAQ,EACR,QAAiB,GAClB,EAAE,KAAK,CAAC,CAAC,CAAC,2CAiHV"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/list-item/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAe,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAKjD,OAAO,EACL,iBAAiB,EACjB,MAAM,EAEP,MAAM,mCAAmC,CAAC;AAM3C,MAAM,MAAM,KAAK,CAAC,CAAC,IAAI;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,kBAAkB,EAAE,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC;IAC3C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IACzD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACvD,iBAAiB,CAAC,EAAE,iBAAiB,GAAG,SAAS,CAAC;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AACF,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,CAAC,EAAE,EAClC,KAAK,EACL,IAAI,EACJ,OAAY,EACZ,UAAU,EACV,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,WAAW,EACX,cAAc,EACd,YAAY,EACZ,QAAQ,EACR,kBAAkB,EAClB,kBAAwB,EACxB,iBAA6B,EAC7B,OAAe,EACf,iBAAwB,EACxB,cAAqB,EACrB,eAAe,EACf,QAAQ,EACR,QAAiB,GAClB,EAAE,KAAK,CAAC,CAAC,CAAC,2CAkHV"}

package/dist/components/list-item/index.js

@@ -14,10 +14,10 @@ export default function ListItem({ title, name, filters = [], totalPages, query,
     useFilters(name, filters, updateParams, getParam);
     usePagination(name, page, setPage, rowsPerPage, setRowsPerPage, updateParams, getParam);
     useBulkActions(bulkActionFeature, filters, query);
-    return (_jsxs("div", { className: "flex flex-col gap-5", children: [title && (_jsx("h3", { className: "text-2xl font-semibold text-primary", children: title })), _jsxs("div", { className: clsx("flex items-center gap-5 flex-wrap", showFiltersRow && bulkActionFeature
+    return (_jsxs("div", { className: "flex flex-col gap-5", children: [title && (_jsx("h3", { className: "text-2xl font-semibold text-primary", children: title })), (showFiltersRow || bulkActionFeature) && (_jsxs("div", { className: clsx("flex items-center  flex-wrap", showFiltersRow && bulkActionFeature
                     ? "justify-between"
                     : "justify-end"), children: [showFiltersRow && (_jsxs("div", { className: "flex items-end gap-2 flex-wrap", children: [_jsx(SearchInput, { placeholder: `search about ${name}`, value: query, onDebouncedChange: setQuery, QueryDebouncedTime: QueryDebouncedTime }), filters.map((f, i) => (_jsxs("div", { className: "flex flex-col gap-1", children: [f.label && (_jsx("p", { className: "text-text font-semibold", children: f.label })), _jsx(Select, { name: `table-${name}-filter-${f.label}-${i}`, values: [f.value], setValues: (newValues) => f.setValue(newValues[0]), options: [
                                             { label: "All", value: DEFAULT_FILTER_VALUE },
                                             ...f.options,
-                                        ], placeholder: f.label })] }, `table-${name}-filter-${f.label}-${i}`)))] })), bulkActionFeature && (_jsx("div", { className: "flex items-center gap-2 justify-end w-full md:w-fit", children: bulkActionFeature.bulkActions.map((a, i) => (_jsx(Button, { ...a, disabled: bulkActionFeature.selectedRowIds.length === 0 }, `table-${name}-bulk-action-${i}`))) })), headerComponent] }), _jsx("div", { className: "overflow-x-auto", children: loading ? (_jsx("div", { className: "flex items-center justify-center", children: _jsx(Loader, {}) })) : (_jsx(_Fragment, { children: totalPages > 0 ? (_jsx(_Fragment, { children: children })) : (_jsxs("p", { className: "text-center text-text", children: ["No ", itemName, " found!"] })) })) }), showPaginationRow && (_jsxs("div", { className: "flex items-center justify-end gap-5", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("p", { className: "text-text text-sm", children: "Rows per page" }), _jsx(Select, { name: `${name}-select`, values: [rowsPerPage], setValues: (newValues) => setRowsPerPage(newValues[0]), options: rowsPerPageOptions })] }), totalPages >= 1 && (_jsx(Pagination, { name: name, page: page, setPage: setPage, totalPages: totalPages }))] }))] }));
+                                        ], placeholder: f.label })] }, `table-${name}-filter-${f.label}-${i}`)))] })), bulkActionFeature && (_jsx("div", { className: "flex items-center gap-2 justify-end w-full md:w-fit", children: bulkActionFeature.bulkActions.map((a, i) => (_jsx(Button, { ...a, disabled: bulkActionFeature.selectedRowIds.length === 0 }, `table-${name}-bulk-action-${i}`))) })), headerComponent] })), _jsx("div", { className: "overflow-x-auto", children: loading ? (_jsx("div", { className: "flex items-center justify-center", children: _jsx(Loader, {}) })) : (_jsx(_Fragment, { children: totalPages > 0 ? (_jsx(_Fragment, { children: children })) : (_jsxs("p", { className: "text-center text-text", children: ["No ", itemName, " found!"] })) })) }), showPaginationRow && (_jsxs("div", { className: "flex items-center justify-end gap-2 md:gap-4 mt-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("p", { className: "text-text text-sm", children: "Rows per page" }), _jsx(Select, { name: `${name}-select`, values: [rowsPerPage], setValues: (newValues) => setRowsPerPage(newValues[0]), options: rowsPerPageOptions })] }), totalPages >= 1 && (_jsx(Pagination, { name: name, page: page, setPage: setPage, totalPages: totalPages }))] }))] }));
 }

package/dist/components/log-activities-container/activity-message/index.d.ts

@@ -0,0 +1,7 @@
+import { DTO } from "sea-platform-helpers";
+type Props = {
+    activity: DTO.Activity.IActivity;
+};
+export default function ActivityMessage({ activity }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/log-activities-container/activity-message/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/log-activities-container/activity-message/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAa,GAAG,EAAS,MAAM,sBAAsB,CAAC;AAG7D,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,GAAG,CAAC,QAAQ,CAAC,SAAS,CAAC;CAClC,CAAC;AACF,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,QAAQ,EAAE,EAAE,KAAK,2CAoQ1D"}

package/dist/components/log-activities-container/activity-message/index.js

@@ -0,0 +1,63 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CONSTANTS, Utils } from "sea-platform-helpers";
+const NONE = "N/A";
+export default function ActivityMessage({ activity }) {
+    var _a, _b, _c, _d, _e, _f;
+    let message = null;
+    switch (activity.type) {
+        case CONSTANTS.Activity.ActivityTypes.SystemAction: {
+            break;
+        }
+        case CONSTANTS.Activity.ActivityTypes.NewCommentAdded: {
+            const metadata = activity.metadata;
+            message = (_jsxs("p", { children: ["New comment added", " ", _jsx("span", { className: "font-semibold", children: metadata.description })] }));
+            break;
+        }
+        case CONSTANTS.Activity.ActivityTypes.CommentGetUpdated: {
+            const metadata = activity.metadata;
+            message = (_jsxs("div", { className: "flex flex-col gap-[1px]", children: [_jsx("p", { children: "Comment updated" }), _jsxs("div", { className: "text-sm", children: [_jsxs("p", { children: ["From:", " ", _jsx("span", { className: "font-semibold", children: metadata.description.from })] }), _jsxs("p", { children: ["To:", " ", _jsx("span", { className: "font-semibold", children: metadata.description.to })] })] })] }));
+            break;
+        }
+        case CONSTANTS.Activity.ActivityTypes.CommentGetDeleted: {
+            const metadata = activity.metadata;
+            message = (_jsxs("p", { children: ["Comment delete", " ", _jsx("span", { className: "font-semibold", children: metadata.description })] }));
+            break;
+        }
+        case CONSTANTS.Activity.ActivityTypes.NewProjectCreated: {
+            const metadata = activity.metadata;
+            message = (_jsxs("p", { children: ["New project created", " ", _jsx("span", { className: "font-semibold", children: metadata.title })] }));
+            break;
+        }
+        case CONSTANTS.Activity.ActivityTypes.ProjectGetUpdated: {
+            const metadata = activity.metadata;
+            message = (_jsxs("div", { className: "flex flex-col gap-[1px]", children: [_jsx("p", { children: "Project updated" }), _jsxs("div", { className: "text-sm", children: [metadata.title && (_jsx("div", { className: "flex gap-1", children: _jsxs("p", { children: ["Title:", " ", _jsx("span", { className: "font-semibold", children: metadata.title.to })] }) })), metadata.description && (_jsx("div", { className: "flex gap-1", children: _jsxs("p", { children: ["Description:", " ", _jsx("span", { className: "font-semibold", children: metadata.description.to })] }) })), metadata.budget && (_jsx("div", { className: "flex gap-1", children: _jsxs("p", { children: ["Budget:", " ", _jsx("span", { className: "font-semibold", children: Utils.Number.numeralUtils(metadata.budget.to).format(`0,0.00`) })] }) })), metadata.owner && (_jsx("div", { className: "flex gap-1", children: _jsxs("p", { children: ["Owner:", " ", _jsx("span", { className: "font-semibold", children: (_b = (_a = metadata.owner.to) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : NONE })] }) })), metadata.startDate && (_jsx("div", { className: "flex gap-1", children: _jsxs("p", { children: ["Start Date:", " ", _jsx("span", { className: "font-semibold", children: Utils.Moment.formatDate(metadata.startDate.to) })] }) })), metadata.endDate && (_jsx("div", { className: "flex gap-1", children: _jsxs("p", { children: ["End Date:", " ", _jsx("span", { className: "font-semibold", children: Utils.Moment.formatDate(metadata.endDate.to) })] }) }))] })] }));
+            break;
+        }
+        case CONSTANTS.Activity.ActivityTypes.ProjectGetDeleted: {
+            const metadata = activity.metadata;
+            message = (_jsxs("p", { children: ["Project deleted", " ", _jsx("span", { className: "font-semibold", children: metadata.title })] }));
+            break;
+        }
+        case CONSTANTS.Activity.ActivityTypes.NewTaskCreated: {
+            const metadata = activity.metadata;
+            message = (_jsxs("p", { children: ["New task created", " ", _jsx("span", { className: "font-semibold", children: metadata.title })] }));
+            break;
+        }
+        case CONSTANTS.Activity.ActivityTypes.TaskGetUpdated: {
+            const metadata = activity.metadata;
+            message = (_jsxs("div", { className: "flex flex-col gap-[1px]", children: [_jsx("p", { children: "Task updated" }), _jsxs("div", { className: "text-sm", children: [metadata.title && (_jsx("div", { className: "flex gap-1", children: _jsxs("p", { children: ["Title:", " ", _jsx("span", { className: "font-semibold", children: metadata.title.to })] }) })), metadata.description && (_jsx("div", { className: "flex gap-1", children: _jsxs("p", { children: ["Description:", " ", _jsx("span", { className: "font-semibold", children: metadata.description.to })] }) })), metadata.section && (_jsx("div", { className: "flex gap-1", children: _jsxs("p", { children: ["Section:", " ", _jsx("span", { className: "font-semibold", children: (_d = (_c = metadata.section.to) === null || _c === void 0 ? void 0 : _c.name) !== null && _d !== void 0 ? _d : NONE })] }) })), metadata.milestone && (_jsx("div", { className: "flex gap-1", children: _jsxs("p", { children: ["Milestone:", " ", _jsx("span", { className: "font-semibold", children: (_f = (_e = metadata.milestone.to) === null || _e === void 0 ? void 0 : _e.title) !== null && _f !== void 0 ? _f : NONE })] }) })), metadata.priority && (_jsx("div", { className: "flex gap-1", children: _jsxs("p", { children: ["Priority:", " ", _jsx("span", { className: "font-semibold", children: metadata.priority.to })] }) })), metadata.dueDate && (_jsx("div", { className: "flex gap-1", children: _jsxs("p", { children: ["Due date:", " ", _jsx("span", { className: "font-semibold", children: Utils.Moment.formatDate(metadata.dueDate.to) })] }) })), metadata.isCompleted && (_jsx("div", { className: "flex gap-1", children: _jsxs("p", { children: ["Completed:", " ", _jsx("span", { className: "font-semibold", children: metadata.isCompleted.to ? "Yes" : "No" })] }) }))] })] }));
+            break;
+        }
+        case CONSTANTS.Activity.ActivityTypes.TaskGetDeleted: {
+            const metadata = activity.metadata;
+            message = (_jsxs("p", { children: ["Task deleted ", _jsx("span", { className: "font-semibold", children: metadata.title })] }));
+            break;
+        }
+        default: {
+            message = _jsxs("p", { children: ["Activity type ", activity.type, " is not supported."] });
+            break;
+        }
+    }
+    return _jsxs("div", { className: "text-text line-clamp-2 truncate", children: [" ", message, " "] });
+}

package/dist/components/log-activities-container/comment-event-bus/index.d.ts

@@ -0,0 +1,4 @@
+import { EventEmitter } from "events";
+declare const eventBus: EventEmitter<[never]>;
+export default eventBus;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/log-activities-container/comment-event-bus/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/log-activities-container/comment-event-bus/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAEtC,QAAA,MAAM,QAAQ,uBAAqB,CAAC;AAEpC,eAAe,QAAQ,CAAC"}

package/dist/components/log-activities-container/comment-event-bus/index.js

@@ -0,0 +1,4 @@
+"use client";
+import { EventEmitter } from "events";
+const eventBus = new EventEmitter();
+export default eventBus;

package/dist/components/log-activities-container/comment-form/index.d.ts

@@ -0,0 +1,39 @@
+import React from "react";
+import { useFormik } from "formik";
+import { DTO } from "sea-platform-helpers";
+import * as Yup from "yup";
+export declare const createNewCommentValidation: () => Yup.ObjectSchema<{
+    description: string;
+}, Yup.AnyObject, {
+    description: undefined;
+}, "">;
+type Values = {
+    objectId: string;
+    model: DTO.Comment.CommentSupportedModels;
+    description: string;
+    parentCommentId?: string;
+};
+export type CommentFormRenderProps = {
+    formik: ReturnType<typeof useFormik<Values>>;
+    isReplying: boolean;
+    isEditing: boolean;
+    replyOnComment?: DTO.Comment.IComment;
+    cancelReply: () => void;
+    cancelEdit: () => void;
+    handleKeyDown?: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void;
+};
+export type Props = {
+    objectId: string;
+    model: DTO.Comment.CommentSupportedModels;
+    commentsBaseUrl: string;
+    commentToEdit?: DTO.Comment.IComment;
+    setCommentToEdit: (comment: DTO.Comment.IComment | undefined) => void;
+    replyOnComment?: DTO.Comment.IComment;
+    setReplyOnComment: (comment: DTO.Comment.IComment | undefined) => void;
+    onCreateCommentSuccess?: (comment: DTO.Comment.IComment) => void;
+    onEditCommentSuccess?: (comment: DTO.Comment.IComment) => void;
+    renderForm?: (props: CommentFormRenderProps) => React.ReactNode;
+};
+export default function CommentForm({ objectId, model, commentsBaseUrl, commentToEdit, setCommentToEdit, replyOnComment, setReplyOnComment, onCreateCommentSuccess, onEditCommentSuccess, renderForm, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/log-activities-container/comment-form/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/log-activities-container/comment-form/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAiB,SAAS,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,KAAK,GAAG,MAAM,KAAK,CAAC;AAK3B,eAAO,MAAM,0BAA0B;;;;MAQtC,CAAC;AAEF,KAAK,MAAM,GAAG;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,GAAG,CAAC,OAAO,CAAC,sBAAsB,CAAC;IAC1C,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,MAAM,EAAE,UAAU,CAAC,OAAO,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC;IAC7C,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC;IACtC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;CACvE,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,GAAG,CAAC,OAAO,CAAC,sBAAsB,CAAC;IAC1C,eAAe,EAAE,MAAM,CAAC;IAExB,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC;IACrC,gBAAgB,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;IAEtE,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC;IACtC,iBAAiB,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;IAEvE,sBAAsB,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,QAAQ,KAAK,IAAI,CAAC;IACjE,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,QAAQ,KAAK,IAAI,CAAC;IAE/D,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,KAAK,CAAC,SAAS,CAAC;CACjE,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,QAAQ,EACR,KAAK,EACL,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,cAAc,EACd,iBAAiB,EACjB,sBAAsB,EACtB,oBAAoB,EACpB,UAAU,GACX,EAAE,KAAK,2CAsIP"}

package/dist/components/log-activities-container/comment-form/index.js

@@ -0,0 +1,83 @@
+"use client";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Textarea from "../../textarea";
+import Button from "../../button";
+import { useFormik } from "formik";
+import * as Yup from "yup";
+import { authAxiosInstance } from "../../../utils/auth-axios";
+import eventBus from "../comment-event-bus";
+import { COMMENT_EVENTS } from "../constants";
+export const createNewCommentValidation = () => {
+    return Yup.object({
+        description: Yup.string()
+            .trim()
+            .min(1, "Required")
+            .max(1000, "Must be at most 1000 characters")
+            .required("Required"),
+    });
+};
+export default function CommentForm({ objectId, model, commentsBaseUrl, commentToEdit, setCommentToEdit, replyOnComment, setReplyOnComment, onCreateCommentSuccess, onEditCommentSuccess, renderForm, }) {
+    var _a;
+    const initialValues = {
+        model,
+        objectId,
+        description: (commentToEdit === null || commentToEdit === void 0 ? void 0 : commentToEdit.description) || "",
+        parentCommentId: (replyOnComment === null || replyOnComment === void 0 ? void 0 : replyOnComment.id) || "",
+    };
+    const onSubmit = async (values, helpers) => {
+        try {
+            if (commentToEdit) {
+                const response = await authAxiosInstance.put(`${commentsBaseUrl}/${commentToEdit.id}`, { description: values.description });
+                eventBus.emit(COMMENT_EVENTS.UpdateComment, response.data);
+                onEditCommentSuccess === null || onEditCommentSuccess === void 0 ? void 0 : onEditCommentSuccess(response.data);
+            }
+            else {
+                const response = await authAxiosInstance.post(commentsBaseUrl, {
+                    objectId: values.objectId,
+                    model: values.model,
+                    description: values.description,
+                    parentCommentId: values.parentCommentId,
+                });
+                eventBus.emit(COMMENT_EVENTS.NewComment, response.data);
+                onCreateCommentSuccess === null || onCreateCommentSuccess === void 0 ? void 0 : onCreateCommentSuccess(response.data);
+            }
+            helpers.resetForm();
+        }
+        finally {
+            helpers.setSubmitting(false);
+        }
+    };
+    const formik = useFormik({
+        initialValues,
+        validationSchema: createNewCommentValidation,
+        onSubmit,
+        enableReinitialize: true,
+    });
+    const handleKeyDown = (e) => {
+        // If user pressed Ctrl+Enter (Windows/Linux) or Cmd+Enter (Mac)
+        if ((e.ctrlKey || e.metaKey) && e.key === "Enter") {
+            e.preventDefault(); // prevent new line
+            if (!formik.isSubmitting && formik.isValid) {
+                formik.submitForm();
+            }
+        }
+    };
+    const cancelReply = () => setReplyOnComment(undefined);
+    const cancelEdit = () => setCommentToEdit(undefined);
+    const renderProps = {
+        formik,
+        isReplying: Boolean(replyOnComment),
+        isEditing: Boolean(commentToEdit),
+        replyOnComment,
+        cancelReply,
+        cancelEdit,
+        handleKeyDown,
+    };
+    if (renderForm)
+        return _jsx(_Fragment, { children: renderForm(renderProps) });
+    return (_jsxs("form", { onSubmit: formik.handleSubmit, className: "flex flex-col gap-3", children: [replyOnComment && (_jsxs("div", { className: "flex items-center justify-between bg-primary/5 px-3 py-2 rounded-lg border border-primary/10", children: [_jsxs("p", { className: "text-sm text-gray-700", children: ["Replying to", " ", _jsx("span", { className: "font-semibold text-primary", children: (_a = replyOnComment.account) === null || _a === void 0 ? void 0 : _a.name })] }), _jsx(Button, { type: "button", onClick: () => setReplyOnComment(undefined), className: "bg-transparent", children: _jsx("p", { className: "text-error hover:text-opacity-75 custom-animation", children: "Cancel" }) })] })), _jsx(Textarea, { name: "description", placeholder: commentToEdit
+                    ? "Edit your comment..."
+                    : replyOnComment
+                        ? "Write a reply..."
+                        : "Add a comment...", onChange: formik.handleChange, onBlur: formik.handleBlur, value: formik.values.description, errorMessage: formik.touched.description ? formik.errors.description : "", className: "min-h-[80px]", onKeyDown: handleKeyDown }), _jsxs("div", { className: "flex justify-end gap-2 pt-1", children: [commentToEdit && (_jsx(Button, { type: "button", onClick: () => setCommentToEdit(undefined), className: "bg-transparent", children: _jsx("p", { className: "text-error hover:text-opacity-75 custom-animation", children: "Cancel" }) })), _jsx(Button, { type: "submit", loading: formik.isSubmitting, disabled: formik.isSubmitting || !formik.isValid, children: commentToEdit ? "Update Comment" : "Add Comment" })] })] }));
+}

package/dist/components/log-activities-container/comment-item/index.d.ts

@@ -0,0 +1,13 @@
+import { DTO } from "sea-platform-helpers";
+export type Props = {
+    comment: DTO.Comment.IComment;
+    isHighlight?: boolean;
+    currentAccountId?: string;
+    replyOnComment: (comment: DTO.Comment.IComment | undefined) => void;
+    editComment: (comment: DTO.Comment.IComment | undefined) => void;
+    commentsBaseUrl: string;
+    objectId: string;
+    limit?: number;
+};
+export default function CommentItem({ comment, isHighlight, currentAccountId, replyOnComment, editComment, commentsBaseUrl, objectId, limit, }: Props): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/log-activities-container/comment-item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/log-activities-container/comment-item/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,GAAG,EAAS,MAAM,sBAAsB,CAAC;AAK7D,MAAM,MAAM,KAAK,GAAG;IAClB,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;IACpE,WAAW,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;IACjE,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,OAAO,EACP,WAAmB,EACnB,gBAAgB,EAChB,cAAc,EACd,WAAW,EACX,eAAe,EACf,QAAQ,EACR,KAAK,GACN,EAAE,KAAK,2CAkHP"}

package/dist/components/log-activities-container/comment-item/index.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import clsx from "clsx";
+import { CONSTANTS, Utils } from "sea-platform-helpers";
+import Icon from "../../icon";
+import Avatar from "../../avatar";
+import CommentsList from "../log-activities-list";
+export default function CommentItem({ comment, isHighlight = false, currentAccountId, replyOnComment, editComment, commentsBaseUrl, objectId, limit, }) {
+    var _a, _b;
+    const [isReplyListOpen, setIsReplyListOpen] = useState(true);
+    const highlightedCommentId = useMemo(() => {
+        if (typeof window === "undefined")
+            return null;
+        const params = new URLSearchParams(window.location.search);
+        return params.get(CONSTANTS.Routes.global.QUERY_PARAMETER_KEYS.HIGHLIGHTED_COMMENT_ID);
+    }, []);
+    const shouldHighlight = isHighlight || comment.id === highlightedCommentId;
+    return (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("div", { className: clsx("relative flex flex-col gap-2 p-2 border border-gray-100 rounded-lg bg-white shadow-sm transition-all", shouldHighlight && "ring-2 ring-primary/50 bg-primary/5"), children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsx(Avatar, { alt: ((_a = comment.account) === null || _a === void 0 ? void 0 : _a.name) || "", placeholderSource: "letters", size: "sm" }), _jsxs("div", { className: "flex flex-col flex-1 gap-1", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("p", { className: "text-sm font-semibold text-gray-900", children: (_b = comment.account) === null || _b === void 0 ? void 0 : _b.name }), _jsx("p", { className: "text-xs text-gray-500", children: Utils.Moment.formatDateAsLabel(comment.createdAt) })] }), _jsx("p", { className: "text-sm text-gray-700  leading-relaxed", children: comment.description }), comment.edited && (_jsxs("p", { className: "text-xs text-info  italic", children: ["(Edited ", Utils.Moment.formatDateAsLabel(comment.updatedAt), ")"] })), _jsxs("div", { className: "flex items-center gap-4  text-xs text-gray-500", children: [comment.account && currentAccountId === comment.account.id && (_jsxs("button", { type: "button", onClick: () => editComment(comment), className: "flex items-center gap-1 hover:text-info transition", children: [_jsx(Icon, { icon: "bitcoin-icons:edit-outline", className: "h-4 w-4" }), _jsx("span", { children: "Edit" })] })), _jsxs("button", { type: "button", onClick: () => replyOnComment(comment), className: "flex items-center gap-1 hover:text-success transition", children: [_jsx(Icon, { icon: "basil:reply-outline", className: "h-4 w-4" }), _jsx("span", { children: "Reply" })] }), comment.repliesCount > 0 && (_jsxs("button", { type: "button", onClick: () => setIsReplyListOpen((prev) => !prev), className: "flex items-center gap-1 hover:text-info transition", children: [_jsx(Icon, { icon: isReplyListOpen ? "mdi:chevron-up" : "mdi:chevron-down", className: "h-4 w-4" }), _jsxs("span", { children: [comment.repliesCount, " replies"] })] }))] })] })] }) }), comment.repliesCount !== 0 && isReplyListOpen && (_jsx("div", { className: "pl-4 mt-1", children: _jsx(CommentsList, { editComment: editComment, replyOnComment: replyOnComment, highlightCommentId: isHighlight ? comment.id : "", currentAccountId: currentAccountId, commentsBaseUrl: commentsBaseUrl, objectId: objectId, limit: limit, parentCommentId: comment.id }) }))] }));
+}

package/dist/components/log-activities-container/comments-list/index.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+import { DTO } from "sea-platform-helpers";
+type Props = {
+    currentAccountId?: string;
+    highlightCommentId?: string;
+    editComment: (comment: DTO.Comment.IComment | undefined) => void;
+    replyOnComment: (comment: DTO.Comment.IComment | undefined) => void;
+    commentsBaseUrl: string;
+    objectId: string;
+    limit?: number;
+    parentCommentId?: string;
+    renderCommentItem?: (comment: DTO.Comment.IComment, commonProps: {
+        currentAccountId?: string;
+        editComment: (comment: DTO.Comment.IComment | undefined) => void;
+        replyOnComment: (comment: DTO.Comment.IComment | undefined) => void;
+        commentsBaseUrl: string;
+        objectId: string;
+        limit?: number;
+        highlightCommentId?: string;
+    }) => React.ReactNode;
+};
+export default function CommentsList({ currentAccountId, highlightCommentId, editComment, replyOnComment, commentsBaseUrl, objectId, parentCommentId, limit, renderCommentItem, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/log-activities-container/comments-list/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/log-activities-container/comments-list/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAQ3C,KAAK,KAAK,GAAG;IACX,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,WAAW,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;IACjE,cAAc,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;IACpE,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,CAClB,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,QAAQ,EAC7B,WAAW,EAAE;QACX,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAC1B,WAAW,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;QACjE,cAAc,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;QACpE,eAAe,EAAE,MAAM,CAAC;QACxB,QAAQ,EAAE,MAAM,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,kBAAkB,CAAC,EAAE,MAAM,CAAC;KAC7B,KACE,KAAK,CAAC,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,gBAAgB,EAChB,kBAAkB,EAClB,WAAW,EACX,cAAc,EACd,eAAe,EACf,QAAQ,EACR,eAAe,EACf,KAAU,EACV,iBAAiB,GAClB,EAAE,KAAK,2CAgGP"}

package/dist/components/log-activities-container/comments-list/index.js

@@ -0,0 +1,35 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect } from "react";
+import Skeleton from "../../skeleton";
+import CommentItem from "../comment-item";
+import Button from "../../button";
+import { useComments } from "../use-comments";
+import eventBus from "../comment-event-bus";
+import { COMMENT_EVENTS } from "../constants";
+import clsx from "clsx";
+export default function CommentsList({ currentAccountId, highlightCommentId, editComment, replyOnComment, commentsBaseUrl, objectId, parentCommentId, limit = 10, renderCommentItem, }) {
+    const { comments, loading, totalCount, pushNewComment, updateComment, loadMoreComments, hasMoreComments, } = useComments({ commentsBaseUrl, objectId, limit, parentCommentId });
+    const isReplyList = Boolean(parentCommentId);
+    useEffect(() => {
+        const handleNewComment = (data) => pushNewComment(data);
+        const handleUpdateComment = (data) => updateComment(data);
+        eventBus.on(COMMENT_EVENTS.NewComment, handleNewComment);
+        eventBus.on(COMMENT_EVENTS.UpdateComment, handleUpdateComment);
+        return () => {
+            eventBus.off(COMMENT_EVENTS.NewComment, handleNewComment);
+            eventBus.off(COMMENT_EVENTS.UpdateComment, handleUpdateComment);
+        };
+    }, []);
+    return (_jsx("div", { className: clsx("flex flex-col", isReplyList ? "gap-2" : "gap-4"), children: comments.length === 0 && !loading ? (_jsx("p", { className: "text-gray-500 text-sm text-center py-4", children: "There are no comments yet" })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: "flex flex-col gap-2", children: comments.map((comment) => renderCommentItem ? (renderCommentItem(comment, {
+                        currentAccountId,
+                        editComment,
+                        replyOnComment,
+                        commentsBaseUrl,
+                        objectId,
+                        limit,
+                        highlightCommentId,
+                    })) : (_jsx(CommentItem, { comment: comment, isHighlight: highlightCommentId === comment.id, currentAccountId: currentAccountId, editComment: editComment, replyOnComment: replyOnComment, commentsBaseUrl: commentsBaseUrl, objectId: objectId, limit: limit }, comment.id))) }), loading && (_jsx("div", { className: "flex flex-col gap-3", children: Array(3)
+                        .fill(null)
+                        .map((_, i) => (_jsx(Skeleton, { className: "h-20 w-full rounded-lg" }, `comment-loading-${i}`))) })), totalCount !== 0 && !isReplyList && (_jsxs("p", { className: "text-gray-500 text-xs text-right mt-1", children: ["Showing ", comments.length, " of ", totalCount, " comments"] })), hasMoreComments && !loading && (_jsx("div", { className: clsx("flex justify-center mt-2"), children: _jsx(Button, { type: "button", onClick: loadMoreComments, variant: "secondary", children: "Load More" }) }))] })) }));
+}

package/dist/components/log-activities-container/constants/index.d.ts

@@ -0,0 +1,5 @@
+export declare const COMMENT_EVENTS: {
+    NewComment: string;
+    UpdateComment: string;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/log-activities-container/constants/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/log-activities-container/constants/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;;;CAG1B,CAAC"}

package/dist/components/log-activities-container/constants/index.js

@@ -0,0 +1,5 @@
+"use client";
+export const COMMENT_EVENTS = {
+    NewComment: "NewComment",
+    UpdateComment: "UpdateComment",
+};

package/dist/components/log-activities-container/index.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { DTO } from "sea-platform-helpers/dist";
+export type Props = {
+    logActivitiesBaseUrl: string;
+    objectId: string;
+    limit?: number;
+    renderLogActivityItem?: (logActivity: DTO.Activity.IActivity) => React.ReactNode;
+};
+export default function LogActivitiesContainer({ logActivitiesBaseUrl, objectId, limit, renderLogActivityItem, }: Props): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/log-activities-container/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/log-activities-container/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,GAAG,EAAE,MAAM,2BAA2B,CAAC;AAGhD,MAAM,MAAM,KAAK,GAAG;IAClB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB,CAAC,EAAE,CACtB,WAAW,EAAE,GAAG,CAAC,QAAQ,CAAC,SAAS,KAChC,KAAK,CAAC,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAC7C,oBAAoB,EACpB,QAAQ,EACR,KAAU,EACV,qBAAqB,GACtB,EAAE,KAAK,2CAaP"}

package/dist/components/log-activities-container/index.js

@@ -0,0 +1,9 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import LogActivitiesList from "./log-activities-list";
+import LogActivityItem from "./log-activity-item";
+export default function LogActivitiesContainer({ logActivitiesBaseUrl, objectId, limit = 10, renderLogActivityItem, }) {
+    return (_jsx(LogActivitiesList, { logActivitiesBaseUrl: logActivitiesBaseUrl, objectId: objectId, limit: limit, renderLogActivityItem: renderLogActivityItem
+            ? renderLogActivityItem
+            : (activity) => _jsx(LogActivityItem, { activity: activity }) }));
+}

package/dist/components/log-activities-container/log-activities-list/index.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { DTO } from "sea-platform-helpers/dist";
+type Props = {
+    logActivitiesBaseUrl: string;
+    objectId: string;
+    limit?: number;
+    renderLogActivityItem?: (logActivity: DTO.Activity.IActivity) => React.ReactNode;
+};
+export default function LogActivitiesList({ logActivitiesBaseUrl, objectId, limit, renderLogActivityItem, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/log-activities-container/log-activities-list/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/log-activities-container/log-activities-list/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAMzC,OAAO,EAAE,GAAG,EAAE,MAAM,2BAA2B,CAAC;AAGhD,KAAK,KAAK,GAAG;IACX,oBAAoB,EAAE,MAAM,CAAC;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB,CAAC,EAAE,CACtB,WAAW,EAAE,GAAG,CAAC,QAAQ,CAAC,SAAS,KAChC,KAAK,CAAC,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,oBAAoB,EACpB,QAAQ,EACR,KAAU,EACV,qBAAqB,GACtB,EAAE,KAAK,2CAuDP"}

package/dist/components/log-activities-container/log-activities-list/index.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import Skeleton from "../../skeleton";
+import Button from "../../button";
+import { useLogActivities } from "../use-log-activities";
+import clsx from "clsx";
+import LogActivityItem from "../log-activity-item";
+export default function LogActivitiesList({ logActivitiesBaseUrl, objectId, limit = 10, renderLogActivityItem, }) {
+    const { logActivities, loading, totalCount, loadMoreLogActivities, hasMoreLogActivities, } = useLogActivities({ logActivitiesBaseUrl, objectId, limit });
+    return (_jsx("div", { className: clsx("flex flex-col gap-3"), children: logActivities.length === 0 && !loading ? (_jsx("p", { className: "text-gray-500 text-sm text-center py-4", children: "There are no activities yet" })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: "flex flex-col gap-3", children: logActivities.map((logActivity) => renderLogActivityItem ? (renderLogActivityItem(logActivity)) : (_jsx(LogActivityItem, { activity: logActivity }, logActivity.id))) }), loading && (_jsx("div", { className: "flex flex-col gap-3", children: Array(3)
+                        .fill(null)
+                        .map((_, i) => (_jsx(Skeleton, { className: "h-20 w-full rounded-lg" }, `logActivity-loading-${i}`))) })), hasMoreLogActivities && !loading && (_jsx("div", { className: clsx("flex justify-center mt-2"), children: _jsx(Button, { type: "button", onClick: loadMoreLogActivities, variant: "secondary", children: "Load More" }) }))] })) }));
+}

package/dist/components/log-activities-container/log-activity-item/index.d.ts

@@ -0,0 +1,7 @@
+import { DTO } from "sea-platform-helpers";
+type Props = {
+    activity: DTO.Activity.IActivity;
+};
+export default function LogActivityItem({ activity }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/log-activities-container/log-activity-item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/log-activities-container/log-activity-item/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAa,GAAG,EAAS,MAAM,sBAAsB,CAAC;AAG7D,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,GAAG,CAAC,QAAQ,CAAC,SAAS,CAAC;CAClC,CAAC;AACF,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,QAAQ,EAAE,EAAE,KAAK,2CAoQ1D"}

package/dist/components/log-activities-container/log-activity-item/index.js

@@ -0,0 +1,63 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CONSTANTS, Utils } from "sea-platform-helpers";
+const NONE = "N/A";
+export default function LogActivityItem({ activity }) {
+    var _a, _b, _c, _d, _e, _f;
+    let message = null;
+    switch (activity.type) {
+        case CONSTANTS.Activity.ActivityTypes.SystemAction: {
+            break;
+        }
+        case CONSTANTS.Activity.ActivityTypes.NewCommentAdded: {
+            const metadata = activity.metadata;
+            message = (_jsxs("p", { children: ["New comment added", " ", _jsx("span", { className: "font-semibold", children: metadata.description })] }));
+            break;
+        }
+        case CONSTANTS.Activity.ActivityTypes.CommentGetUpdated: {
+            const metadata = activity.metadata;
+            message = (_jsxs("div", { className: "flex flex-col gap-[1px]", children: [_jsx("p", { children: "Comment updated" }), _jsxs("div", { className: "text-sm", children: [_jsxs("p", { children: ["From:", " ", _jsx("span", { className: "font-semibold", children: metadata.description.from })] }), _jsxs("p", { children: ["To:", " ", _jsx("span", { className: "font-semibold", children: metadata.description.to })] })] })] }));
+            break;
+        }
+        case CONSTANTS.Activity.ActivityTypes.CommentGetDeleted: {
+            const metadata = activity.metadata;
+            message = (_jsxs("p", { children: ["Comment delete", " ", _jsx("span", { className: "font-semibold", children: metadata.description })] }));
+            break;
+        }
+        case CONSTANTS.Activity.ActivityTypes.NewProjectCreated: {
+            const metadata = activity.metadata;
+            message = (_jsxs("p", { children: ["New project created", " ", _jsx("span", { className: "font-semibold", children: metadata.title })] }));
+            break;
+        }
+        case CONSTANTS.Activity.ActivityTypes.ProjectGetUpdated: {
+            const metadata = activity.metadata;
+            message = (_jsxs("div", { className: "flex flex-col gap-[1px]", children: [_jsx("p", { children: "Project updated" }), _jsxs("div", { className: "text-sm", children: [metadata.title && (_jsx("div", { className: "flex gap-1", children: _jsxs("p", { children: ["Title:", " ", _jsx("span", { className: "font-semibold", children: metadata.title.to })] }) })), metadata.description && (_jsx("div", { className: "flex gap-1", children: _jsxs("p", { children: ["Description:", " ", _jsx("span", { className: "font-semibold", children: metadata.description.to })] }) })), metadata.budget && (_jsx("div", { className: "flex gap-1", children: _jsxs("p", { children: ["Budget:", " ", _jsx("span", { className: "font-semibold", children: Utils.Number.numeralUtils(metadata.budget.to).format(`0,0.00`) })] }) })), metadata.owner && (_jsx("div", { className: "flex gap-1", children: _jsxs("p", { children: ["Owner:", " ", _jsx("span", { className: "font-semibold", children: (_b = (_a = metadata.owner.to) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : NONE })] }) })), metadata.startDate && (_jsx("div", { className: "flex gap-1", children: _jsxs("p", { children: ["Start Date:", " ", _jsx("span", { className: "font-semibold", children: Utils.Moment.formatDate(metadata.startDate.to) })] }) })), metadata.endDate && (_jsx("div", { className: "flex gap-1", children: _jsxs("p", { children: ["End Date:", " ", _jsx("span", { className: "font-semibold", children: Utils.Moment.formatDate(metadata.endDate.to) })] }) }))] })] }));
+            break;
+        }
+        case CONSTANTS.Activity.ActivityTypes.ProjectGetDeleted: {
+            const metadata = activity.metadata;
+            message = (_jsxs("p", { children: ["Project deleted", " ", _jsx("span", { className: "font-semibold", children: metadata.title })] }));
+            break;
+        }
+        case CONSTANTS.Activity.ActivityTypes.NewTaskCreated: {
+            const metadata = activity.metadata;
+            message = (_jsxs("p", { children: ["New task created", " ", _jsx("span", { className: "font-semibold", children: metadata.title })] }));
+            break;
+        }
+        case CONSTANTS.Activity.ActivityTypes.TaskGetUpdated: {
+            const metadata = activity.metadata;
+            message = (_jsxs("div", { className: "flex flex-col gap-[1px]", children: [_jsx("p", { children: "Task updated" }), _jsxs("div", { className: "text-sm", children: [metadata.title && (_jsx("div", { className: "flex gap-1", children: _jsxs("p", { children: ["Title:", " ", _jsx("span", { className: "font-semibold", children: metadata.title.to })] }) })), metadata.description && (_jsx("div", { className: "flex gap-1", children: _jsxs("p", { children: ["Description:", " ", _jsx("span", { className: "font-semibold", children: metadata.description.to })] }) })), metadata.section && (_jsx("div", { className: "flex gap-1", children: _jsxs("p", { children: ["Section:", " ", _jsx("span", { className: "font-semibold", children: (_d = (_c = metadata.section.to) === null || _c === void 0 ? void 0 : _c.name) !== null && _d !== void 0 ? _d : NONE })] }) })), metadata.milestone && (_jsx("div", { className: "flex gap-1", children: _jsxs("p", { children: ["Milestone:", " ", _jsx("span", { className: "font-semibold", children: (_f = (_e = metadata.milestone.to) === null || _e === void 0 ? void 0 : _e.title) !== null && _f !== void 0 ? _f : NONE })] }) })), metadata.priority && (_jsx("div", { className: "flex gap-1", children: _jsxs("p", { children: ["Priority:", " ", _jsx("span", { className: "font-semibold", children: metadata.priority.to })] }) })), metadata.dueDate && (_jsx("div", { className: "flex gap-1", children: _jsxs("p", { children: ["Due date:", " ", _jsx("span", { className: "font-semibold", children: Utils.Moment.formatDate(metadata.dueDate.to) })] }) })), metadata.isCompleted && (_jsx("div", { className: "flex gap-1", children: _jsxs("p", { children: ["Completed:", " ", _jsx("span", { className: "font-semibold", children: metadata.isCompleted.to ? "Yes" : "No" })] }) }))] })] }));
+            break;
+        }
+        case CONSTANTS.Activity.ActivityTypes.TaskGetDeleted: {
+            const metadata = activity.metadata;
+            message = (_jsxs("p", { children: ["Task deleted ", _jsx("span", { className: "font-semibold", children: metadata.title })] }));
+            break;
+        }
+        default: {
+            message = _jsxs("p", { children: ["Activity type ", activity.type, " is not supported."] });
+            break;
+        }
+    }
+    return _jsxs("div", { className: "text-text line-clamp-2 truncate", children: [" ", message, " "] });
+}

package/dist/components/log-activities-container/use-comments/index.d.ts

@@ -0,0 +1,17 @@
+import { DTO } from "sea-platform-helpers";
+export declare function useComments({ commentsBaseUrl, objectId, limit, parentCommentId, }: {
+    commentsBaseUrl: string;
+    objectId: string;
+    limit?: number;
+    parentCommentId?: string;
+}): {
+    comments: DTO.Comment.IComment[];
+    loading: boolean;
+    totalCount: number;
+    totalPages: number;
+    pushNewComment: (comment: DTO.Comment.IComment) => void;
+    updateComment: (comment: DTO.Comment.IComment) => void;
+    loadMoreComments: () => void;
+    hasMoreComments: boolean;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/log-activities-container/use-comments/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/log-activities-container/use-comments/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,GAAG,EAAS,MAAM,sBAAsB,CAAC;AAGlD,wBAAgB,WAAW,CAAC,EAC1B,eAAe,EACf,QAAQ,EACR,KAAU,EACV,eAAe,GAChB,EAAE;IACD,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;;;;;8BA0CkC,GAAG,CAAC,OAAO,CAAC,QAAQ;6BAkBrB,GAAG,CAAC,OAAO,CAAC,QAAQ;;;EAkBrD"}