sea-react-components 1.3.25 → 1.3.26

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/cards-list/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAGtE,eAAO,MAAM,wCAAwC;;;GAKpD,CAAC;AAEF,MAAM,MAAM,KAAK,CAAC,CAAC,IAAI;IACrB,IAAI,EAAE,CAAC;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,GAAG,CAAC,CAAC,EAAE,CAAC;IAC7B,iBAAiB,CAAC,EAAE,iBAAiB,GAAG,SAAS,CAAC;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,GAAG,EAAE;YAAE,EAAE,EAAE,MAAM,CAAA;SAAE,GAAG,CAAC,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;IAClE,OAAO,CAAC,EAAE;QACR,gBAAgB,EAAE,MAAM,CAAC;QACzB,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC;CACH,CAAC;AACF,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,CAAC,EAAE,EACnC,aAAa,EACb,IAAI,EACJ,iBAAiB,EACjB,OAGC,EACD,OAAe,GAChB,EAAE,KAAK,CAAC,CAAC,CAAC,2CAsCV"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/cards-list/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAGtE,eAAO,MAAM,wCAAwC;;;GAKpD,CAAC;AAEF,MAAM,MAAM,KAAK,CAAC,CAAC,IAAI;IACrB,IAAI,EAAE,CAAC;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,GAAG,CAAC,CAAC,EAAE,CAAC;IAC7B,iBAAiB,CAAC,EAAE,iBAAiB,GAAG,SAAS,CAAC;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,GAAG,EAAE;YAAE,EAAE,EAAE,MAAM,CAAA;SAAE,GAAG,CAAC,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;IAClE,OAAO,CAAC,EAAE;QACR,gBAAgB,EAAE,MAAM,CAAC;QACzB,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC;CACH,CAAC;AACF,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,CAAC,EAAE,EACnC,aAAa,EACb,IAAI,EACJ,iBAAiB,EACjB,OAGC,EACD,OAAe,GAChB,EAAE,KAAK,CAAC,CAAC,CAAC,2CAuCV"}

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

@@ -8,10 +8,11 @@ export const DEFAULT_CARDS_LIST_ROWS_PER_PAGE_OPTIONS = [4, 8, 12, 16].map((item
     value: item,
 }));
 export default function CardsList({ CardComponent, rows, bulkActionFeature, classes = {
-    containerClasses: "grid grid-cols-4 gap-4",
-    cardClasses: "col-span-4 md:col-span-2 lg:col-span-1",
+    containerClasses: "grid grid-cols-4 gap-2 md:gap-4",
+    cardClasses: "col-span-4 md:col-span-2 col-span-1",
 }, loading = false, }) {
-    return (_jsx("div", { className: "py-1", children: loading ? (_jsx("div", { className: "flex items-center justify-center", children: _jsx(Loader, {}) })) : (_jsx("div", { className: clsx(classes.containerClasses), children: rows.map((row) => (_jsxs("div", { className: clsx(classes.cardClasses), children: [bulkActionFeature && (_jsx(Checkbox, { checked: bulkActionFeature.selectedRowIds.length === rows.length, onChange: (checked) => {
+    console.log({ rows });
+    return (_jsx("div", { children: loading ? (_jsx("div", { className: "flex items-center justify-center", children: _jsx(Loader, {}) })) : (_jsx("div", { className: clsx(classes.containerClasses), children: rows.map((row) => (_jsxs("div", { className: clsx(classes.cardClasses), children: [bulkActionFeature && (_jsx(Checkbox, { checked: bulkActionFeature.selectedRowIds.length === rows.length, onChange: (checked) => {
                             if (checked) {
                                 bulkActionFeature.setSelectedRowIds(rows.map((r) => r.id));
                             }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/comments-container/comment-item/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,GAAG,EAAS,MAAM,sBAAsB,CAAC;AAKlD,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,2CAuGP"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/comments-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/comments-container/comment-item/index.js

@@ -1,13 +1,20 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
+import { useMemo, useState } from "react";
 import clsx from "clsx";
-import { Utils } from "sea-platform-helpers";
+import { CONSTANTS, Utils } from "sea-platform-helpers";
 import Icon from "../../icon";
 import Avatar from "../../avatar";
 import CommentsList from "../comments-list";
 export default function CommentItem({ comment, isHighlight = false, currentAccountId, replyOnComment, editComment, commentsBaseUrl, objectId, limit, }) {
     var _a, _b;
-    const [isReplyListOpen, setIsReplyListOpen] = useState(false);
-    return (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("div", { className: clsx("relative flex flex-col gap-3 p-4 border border-gray-200 rounded-xl bg-white shadow-sm transition-all", isHighlight && "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", 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 mt-1 leading-relaxed", children: comment.description }), comment.edited && (_jsxs("p", { className: "text-xs text-info mt-1 italic", children: ["(Edited ", Utils.Moment.formatDateAsLabel(comment.updatedAt), ")"] })), _jsxs("div", { className: "flex items-center gap-4 mt-2 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-8 border-l border-gray-200 ml-3 mt-1", children: _jsx(CommentsList, { editComment: editComment, replyOnComment: replyOnComment, highlightCommentId: isHighlight ? comment.id : "", currentAccountId: currentAccountId, commentsBaseUrl: commentsBaseUrl, objectId: objectId, limit: limit, parentCommentId: comment.id }) }))] }));
+    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/comments-container/comments-list/index.js

@@ -21,7 +21,7 @@ export default function CommentsList({ currentAccountId, highlightCommentId, edi
             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-3", children: comments.map((comment) => renderCommentItem ? (renderCommentItem(comment, {
+    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,

package/dist/components/comments-container/index.js

@@ -17,7 +17,7 @@ export default function CommentsContainer({ commentsBaseUrl, objectId, model, li
         const payload = (_b = jwtDecode(accessToken)) !== null && _b !== void 0 ? _b : null;
         setAccountId((payload === null || payload === void 0 ? void 0 : payload.id) || "");
     }, []);
-    return (_jsxs("div", { className: "flex flex-col gap-6", children: [_jsx(CommentForm, { commentsBaseUrl: commentsBaseUrl, objectId: objectId, model: model, commentToEdit: commentToEdit, setCommentToEdit: setCommentToEdit, replyOnComment: replyOnComment, setReplyOnComment: setReplyOnComment, onCreateCommentSuccess: () => {
+    return (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(CommentForm, { commentsBaseUrl: commentsBaseUrl, objectId: objectId, model: model, commentToEdit: commentToEdit, setCommentToEdit: setCommentToEdit, replyOnComment: replyOnComment, setReplyOnComment: setReplyOnComment, onCreateCommentSuccess: () => {
                     setCommentToEdit(undefined);
                     setReplyOnComment(undefined);
                 }, onEditCommentSuccess: () => {

package/dist/components/comments-container copy/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/comments-container copy/comment-event-bus/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/comments-container copy/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/comments-container copy/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/comments-container copy/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/comments-container copy/comment-form/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/comments-container copy/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/comments-container copy/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/comments-container copy/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/comments-container copy/comment-item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/comments-container copy/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/comments-container copy/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 "../comments-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/comments-container copy/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/comments-container copy/comments-list/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/comments-container copy/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/comments-container copy/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/comments-container copy/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/comments-container copy/constants/index.d.ts.map

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

package/dist/components/comments-container copy/constants/index.js

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

package/dist/components/comments-container copy/index.d.ts

@@ -0,0 +1,21 @@
+import { DTO } from "sea-platform-helpers";
+import { CommentFormRenderProps } from "./comment-form";
+export type Props = {
+    commentsBaseUrl: string;
+    objectId: string;
+    model: DTO.Comment.CommentSupportedModels;
+    limit?: number;
+    highlightCommentId?: 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;
+    renderForm?: (props: CommentFormRenderProps) => React.ReactNode;
+};
+export default function CommentsContainer({ commentsBaseUrl, objectId, model, limit, highlightCommentId, renderCommentItem, renderForm, }: Props): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/comments-container copy/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/comments-container copy/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,GAAG,EAAa,MAAM,sBAAsB,CAAC;AAItD,OAAoB,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAIrE,MAAM,MAAM,KAAK,GAAG;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,GAAG,CAAC,OAAO,CAAC,sBAAsB,CAAC;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,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;IAErB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,KAAK,CAAC,SAAS,CAAC;CACjE,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,eAAe,EACf,QAAQ,EACR,KAAK,EACL,KAAU,EACV,kBAAkB,EAClB,iBAAiB,EACjB,UAAU,GACX,EAAE,KAAK,2CAmDP"}

package/dist/components/comments-container copy/index.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { CONSTANTS } from "sea-platform-helpers";
+import { getCookie } from "../../utils/cookie";
+import { jwtDecode } from "../../utils/jwt";
+import CommentForm from "./comment-form";
+import CommentsList from "./comments-list";
+import CommentItem from "./comment-item";
+export default function CommentsContainer({ commentsBaseUrl, objectId, model, limit = 10, highlightCommentId, renderCommentItem, renderForm, }) {
+    const [accountId, setAccountId] = useState("");
+    const [commentToEdit, setCommentToEdit] = useState();
+    const [replyOnComment, setReplyOnComment] = useState();
+    useEffect(() => {
+        var _a, _b;
+        const accessToken = (_a = getCookie(CONSTANTS.JWT.JWTCookieKey)) !== null && _a !== void 0 ? _a : "";
+        const payload = (_b = jwtDecode(accessToken)) !== null && _b !== void 0 ? _b : null;
+        setAccountId((payload === null || payload === void 0 ? void 0 : payload.id) || "");
+    }, []);
+    return (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(CommentForm, { commentsBaseUrl: commentsBaseUrl, objectId: objectId, model: model, commentToEdit: commentToEdit, setCommentToEdit: setCommentToEdit, replyOnComment: replyOnComment, setReplyOnComment: setReplyOnComment, onCreateCommentSuccess: () => {
+                    setCommentToEdit(undefined);
+                    setReplyOnComment(undefined);
+                }, onEditCommentSuccess: () => {
+                    setCommentToEdit(undefined);
+                    setReplyOnComment(undefined);
+                }, renderForm: renderForm }), _jsx(CommentsList, { editComment: setCommentToEdit, replyOnComment: setReplyOnComment, highlightCommentId: highlightCommentId, currentAccountId: accountId, commentsBaseUrl: commentsBaseUrl, objectId: objectId, limit: limit, renderCommentItem: renderCommentItem !== null && renderCommentItem !== void 0 ? renderCommentItem : ((comment, props) => (_jsx(CommentItem, { comment: comment, ...props }, comment.id))) })] }));
+}

package/dist/components/comments-container copy/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/comments-container copy/use-comments/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/comments-container copy/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"}

package/dist/components/comments-container copy/use-comments/index.js

@@ -0,0 +1,59 @@
+"use client";
+import { useEffect, useState } from "react";
+import { Utils } from "sea-platform-helpers";
+import { authAxiosInstance } from "../../../utils/auth-axios";
+export function useComments({ commentsBaseUrl, objectId, limit = 10, parentCommentId, }) {
+    const [loading, setLoading] = useState(false);
+    const [page, setPage] = useState(1);
+    const [totalCount, setTotalCount] = useState(0);
+    const [totalPages, setTotalPages] = useState(1);
+    const [comments, setComments] = useState([]);
+    useEffect(() => {
+        setLoading(true);
+        const params = new URLSearchParams({
+            page: String(page),
+            limit: String(limit),
+            objectId,
+            ...(parentCommentId ? { parentCommentId } : {}),
+        });
+        authAxiosInstance
+            .get(`${commentsBaseUrl}?${params.toString()}`)
+            .then((response) => {
+            const { data, totalCount: tc, totalPages: tp } = response.data;
+            setTotalCount(tc);
+            setTotalPages(tp);
+            setComments((prev) => Utils.Array.concatWithoutDuplicates(prev, data, (a, b) => a.id === b.id));
+        })
+            .finally(() => {
+            setLoading(false);
+        });
+    }, [commentsBaseUrl, limit, objectId, page]);
+    const pushNewComment = (comment) => {
+        setComments((prev) => {
+            if (comment.isReply && !parentCommentId) {
+                return prev.map((c) => c.id === comment.parentCommentId
+                    ? { ...c, repliesCount: c.repliesCount + 1 }
+                    : c);
+            }
+            else {
+                return Utils.Array.concatWithoutDuplicates([comment], prev, (a, b) => a.id === b.id);
+            }
+        });
+    };
+    const updateComment = (comment) => {
+        setComments((prev) => prev.map((c) => (c.id === comment.id ? comment : c)));
+    };
+    const loadMoreComments = () => {
+        setPage((prev) => Math.min(prev + 1, totalPages));
+    };
+    return {
+        comments,
+        loading,
+        totalCount,
+        totalPages,
+        pushNewComment,
+        updateComment,
+        loadMoreComments,
+        hasMoreComments: totalCount !== comments.length,
+    };
+}

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

@@ -1,9 +1,15 @@
-type Props<T, K, A> = {
-    objectToEdit: T;
-    initialValues: Partial<K>;
-    children: React.ReactNode;
-    onSuccess?: (data: A) => void;
+import { FormikProps, FormikHelpers } from "formik";
+export type Props<T, K> = {
+    name: string;
+    initialValues?: Partial<T>;
+    objectToEdit?: {
+        id: string;
+    } & K;
+    mapEditToInitial?: (item: K) => Partial<T>;
+    validationSchema?: any;
+    onCreate: (values: T, helpers: FormikHelpers<T>) => Promise<K>;
+    onUpdate?: (id: string, values: T, helpers: FormikHelpers<T>) => Promise<K>;
+    children: (formik: FormikProps<T>, objectToEdit: K) => React.ReactNode;
 };
-export default function Form<T, K, A>(props: Props<T, K, A>): void;
-export {};
+export default function Form<T, K>({ name, initialValues, objectToEdit, mapEditToInitial, validationSchema, onCreate, onUpdate, children, }: Props<T, K>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/form/index.tsx"],"names":[],"mappings":"AAAA,KAAK,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI;IACpB,YAAY,EAAE,CAAC,CAAC;IAChB,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;CAC/B,CAAC;AACF,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,QAI1D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/form/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,WAAW,EACX,aAAa,EAGd,MAAM,QAAQ,CAAC;AAGhB,MAAM,MAAM,KAAK,CAAC,CAAC,EAAE,CAAC,IAAI;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;IAC3B,YAAY,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,GAAG,CAAC,CAAC;IAClC,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC;IAE3C,gBAAgB,CAAC,EAAE,GAAG,CAAC;IACvB,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC;IAC/D,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC;IAC5E,QAAQ,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;CACxE,CAAC;AA+CF,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,EACjC,IAAI,EACJ,aAAa,EACb,YAAY,EACZ,gBAAgB,EAChB,gBAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,2CAiDb"}