@replyke/ui-core-react-js 4.0.0

package/dist/cjs/components/EmojiSuggestions.d.ts

@@ -0,0 +1,4 @@
+declare function EmojiSuggestions({ onEmojiClick, }: {
+    onEmojiClick: (emoji: string) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export default EmojiSuggestions;

package/dist/cjs/components/EmojiSuggestions.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const emojiGroup1 = ["😂", "❤️", "🤣", "😍", "🙏"];
+const emojiGroup2 = ["🥰", "😊", "😭", "👍", "😅"];
+const emojiGroup3 = ["😢", "👏", "💕", "🥺", "😘"];
+const emojiGroup4 = ["🤔", "🤗", "🙌", "😎", "✨"];
+function EmojiSuggestions({ onEmojiClick, }) {
+    const [clickedEmoji, setClickedEmoji] = (0, react_1.useState)(null);
+    const [emojiSubset, setEmojiSubset] = (0, react_1.useState)([]);
+    (0, react_1.useEffect)(() => {
+        // Pick 8 random emojis from the array
+        const combinedEmojis = [...emojiGroup1, ...emojiGroup2, ...emojiGroup3];
+        const shuffled = combinedEmojis.sort(() => 0.5 - Math.random());
+        setEmojiSubset(shuffled.slice(0, 8));
+    }, []);
+    const handleEmojiClick = (emoji) => {
+        setClickedEmoji(emoji);
+        onEmojiClick(emoji);
+        setTimeout(() => setClickedEmoji(null), 150); // Reset after animation
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { style: {
+            display: "flex",
+            gap: 12,
+            padding: 8,
+            borderBottom: "1px solid #e6e6e6",
+            overflowX: "auto",
+            overflowY: "hidden",
+            scrollbarWidth: "none",
+            msOverflowStyle: "none",
+        }, children: emojiSubset.map((emoji) => ((0, jsx_runtime_1.jsx)("div", { onClick: () => handleEmojiClick(emoji), style: {
+                cursor: "pointer",
+                fontSize: 16,
+                display: "inline-block",
+                userSelect: "none",
+                transition: "transform 0.15s",
+                transform: clickedEmoji === emoji ? "scale(0.8)" : "scale(1)", // Shrink and grow
+            }, children: emoji }, emoji))) }));
+}
+exports.default = EmojiSuggestions;
+//# sourceMappingURL=EmojiSuggestions.js.map

package/dist/cjs/components/EmojiSuggestions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmojiSuggestions.js","sourceRoot":"","sources":["../../../src/components/EmojiSuggestions.tsx"],"names":[],"mappings":";;;AAAA,iCAA4C;AAE5C,MAAM,WAAW,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AACnD,MAAM,WAAW,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AACnD,MAAM,WAAW,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AACnD,MAAM,WAAW,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC;AAGlD,SAAS,gBAAgB,CAAC,EACxB,YAAY,GAGb;IACC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAgB,IAAI,CAAC,CAAC;IACtE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAW,EAAE,CAAC,CAAC;IAE7D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,sCAAsC;QACtC,MAAM,cAAc,GAAG,CAAC,GAAG,WAAW,EAAE,GAAG,WAAW,EAAE,GAAG,WAAW,CAAC,CAAC;QAExE,MAAM,QAAQ,GAAG,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;QAChE,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACvC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAAE,EAAE;QACzC,eAAe,CAAC,KAAK,CAAC,CAAC;QACvB,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,UAAU,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,wBAAwB;IACxE,CAAC,CAAC;IAEF,OAAO,CACL,gCACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,GAAG,EAAE,EAAE;YACP,OAAO,EAAE,CAAC;YACV,YAAY,EAAE,mBAAmB;YACjC,SAAS,EAAE,MAAM;YACjB,SAAS,EAAE,QAAQ;YACnB,cAAc,EAAE,MAAM;YACtB,eAAe,EAAE,MAAM;SACxB,YAEA,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC1B,gCAEE,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,EACtC,KAAK,EAAE;gBACL,MAAM,EAAE,SAAS;gBACjB,QAAQ,EAAE,EAAE;gBACZ,OAAO,EAAE,cAAc;gBACvB,UAAU,EAAE,MAAM;gBAClB,UAAU,EAAE,iBAAiB;gBAC7B,SAAS,EAAE,YAAY,KAAK,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,EAAE,kBAAkB;aAClF,YAEA,KAAK,IAXD,KAAK,CAYN,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,gBAAgB,CAAC"}

package/dist/cjs/components/FromNow.d.ts

@@ -0,0 +1,9 @@
+declare function FromNow({ time, fontSize, fontWeight, color, lean, justNowText, }: {
+    time: Date | string;
+    fontSize?: number;
+    fontWeight?: number;
+    color?: string;
+    lean?: boolean;
+    justNowText?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export default FromNow;

package/dist/cjs/components/FromNow.js

@@ -0,0 +1,51 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const moment_1 = __importDefault(require("moment"));
+function formatTime(time, justNowText) {
+    const now = new Date();
+    const then = new Date(time);
+    const seconds = Math.floor((now.getTime() - then.getTime()) / 1000);
+    if (seconds < 20) {
+        return justNowText;
+    }
+    else if (seconds < 60) {
+        return `${seconds}s`;
+    }
+    else if (seconds < 3600) {
+        return `${Math.floor(seconds / 60)}m`;
+    }
+    else if (seconds < 86400) {
+        return `${Math.floor(seconds / 3600)}h`;
+    }
+    else if (seconds < 2592000) {
+        // 30 days
+        return `${Math.floor(seconds / 86400)}d`;
+    }
+    else if (seconds < 31536000) {
+        // 365 days
+        return `${Math.floor(seconds / 2592000)}mo`;
+    }
+    else {
+        return `${Math.floor(seconds / 31536000)}y`;
+    }
+}
+function FromNow({ time, fontSize = 12, fontWeight = 400, color = "#737373", lean, justNowText = "Just now", }) {
+    if (lean) {
+        return ((0, jsx_runtime_1.jsx)("span", { style: {
+                fontSize,
+                fontWeight,
+                color,
+            }, children: formatTime(time, justNowText) }));
+    }
+    return ((0, jsx_runtime_1.jsx)("span", { style: {
+            fontSize,
+            fontWeight,
+            color,
+        }, children: (0, moment_1.default)(new Date(time)).fromNow() }));
+}
+exports.default = FromNow;
+//# sourceMappingURL=FromNow.js.map

package/dist/cjs/components/FromNow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FromNow.js","sourceRoot":"","sources":["../../../src/components/FromNow.tsx"],"names":[],"mappings":";;;;;;AAAA,oDAA4B;AAE5B,SAAS,UAAU,CAAC,IAAmB,EAAE,WAAmB;IAC1D,MAAM,GAAG,GAAG,IAAI,IAAI,EAAE,CAAC;IACvB,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC;IAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC;IAEpE,IAAI,OAAO,GAAG,EAAE,EAAE,CAAC;QACjB,OAAO,WAAW,CAAC;IACrB,CAAC;SAAM,IAAI,OAAO,GAAG,EAAE,EAAE,CAAC;QACxB,OAAO,GAAG,OAAO,GAAG,CAAC;IACvB,CAAC;SAAM,IAAI,OAAO,GAAG,IAAI,EAAE,CAAC;QAC1B,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC,GAAG,CAAC;IACxC,CAAC;SAAM,IAAI,OAAO,GAAG,KAAK,EAAE,CAAC;QAC3B,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC;IAC1C,CAAC;SAAM,IAAI,OAAO,GAAG,OAAO,EAAE,CAAC;QAC7B,UAAU;QACV,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC;IAC3C,CAAC;SAAM,IAAI,OAAO,GAAG,QAAQ,EAAE,CAAC;QAC9B,WAAW;QACX,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC;IAC9C,CAAC;SAAM,CAAC;QACN,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,QAAQ,CAAC,GAAG,CAAC;IAC9C,CAAC;AACH,CAAC;AAED,SAAS,OAAO,CAAC,EACf,IAAI,EACJ,QAAQ,GAAG,EAAE,EACb,UAAU,GAAG,GAAG,EAChB,KAAK,GAAG,SAAS,EACjB,IAAI,EACJ,WAAW,GAAG,UAAU,GAQzB;IACC,IAAI,IAAI,EAAE,CAAC;QACT,OAAO,CACL,iCACE,KAAK,EAAE;gBACL,QAAQ;gBACR,UAAU;gBACV,KAAK;aACN,YAEA,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC,GACzB,CACR,CAAC;IACJ,CAAC;IACD,OAAO,CACL,iCACE,KAAK,EAAE;YACL,QAAQ;YACR,UAAU;YACV,KAAK;SACN,YAEA,IAAA,gBAAM,EAAC,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,EAAE,GAC5B,CACR,CAAC;AACJ,CAAC;AAED,kBAAe,OAAO,CAAC"}

package/dist/cjs/components/GiphyContainer.d.ts

@@ -0,0 +1,14 @@
+declare function GiphyContainer({ onClickBack, onSelectGif, giphyApiKey, visible, }: {
+    onClickBack: () => void;
+    onSelectGif: (selectedGif: {
+        id: string;
+        url: string;
+        gifUrl: string;
+        gifPreviewUrl: string;
+        altText: string | undefined;
+        aspectRatio: number;
+    }) => void;
+    giphyApiKey: string;
+    visible: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export default GiphyContainer;

package/dist/cjs/components/GiphyContainer.js

@@ -0,0 +1,132 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_components_1 = require("@giphy/react-components");
+const js_fetch_api_1 = require("@giphy/js-fetch-api");
+const icons_1 = require("../icons");
+function GiphyContainer({ onClickBack, onSelectGif, giphyApiKey, visible, }) {
+    const gridParentRef = (0, react_1.useRef)(null);
+    const [parentWidth, setParentWidth] = (0, react_1.useState)(0);
+    const [query, setQuery] = (0, react_1.useState)(""); // Current search query
+    const [debouncedQuery, setDebouncedQuery] = (0, react_1.useState)(""); // Debounced query
+    const gf = (0, react_1.useMemo)(() => new js_fetch_api_1.GiphyFetch(giphyApiKey), [giphyApiKey]);
+    // Debounce effect
+    (0, react_1.useEffect)(() => {
+        const handler = setTimeout(() => {
+            setDebouncedQuery(query);
+        }, 500); // 500ms debounce delay
+        return () => {
+            clearTimeout(handler);
+        };
+    }, [query]);
+    // Update parent width on mount and resize
+    (0, react_1.useEffect)(() => {
+        const updateWidth = () => {
+            if (gridParentRef.current) {
+                setParentWidth(gridParentRef.current.offsetWidth);
+            }
+        };
+        updateWidth();
+        window.addEventListener("resize", updateWidth);
+        return () => {
+            window.removeEventListener("resize", updateWidth);
+        };
+    }, []);
+    // Conditionally fetch Gifs only when visible
+    const fetchGifs = (0, react_1.useCallback)((offset) => {
+        if (!visible) {
+            // Return a valid GifsResult object with empty values
+            return Promise.resolve({
+                data: [],
+                pagination: { total_count: 0, count: 0, offset: 0 }, // Provide complete pagination properties
+                meta: { status: 200, msg: "OK", response_id: "" },
+            });
+        }
+        // Fetch  search results if visible
+        if (debouncedQuery.trim().length > 0) {
+            return gf.search(debouncedQuery, { offset, limit: 10 });
+        }
+        // Fetch trending
+        return gf.trending({ offset, limit: 10 });
+    }, [debouncedQuery, gf, visible]);
+    (0, react_1.useEffect)(() => {
+        if (!visible)
+            setQuery("");
+    }, [visible]);
+    // Memoize the Grid component
+    const memoizedGrid = (0, react_1.useMemo)(() => {
+        if (parentWidth > 0) {
+            return ((0, jsx_runtime_1.jsx)(react_components_1.Grid, { width: parentWidth, columns: 2, fetchGifs: fetchGifs, onGifClick: (gifData, e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    const aspectRatio = Number(gifData.images.fixed_width.width) /
+                        Number(gifData.images.fixed_width.height);
+                    const selectedGif = {
+                        id: gifData.id.toString(),
+                        url: gifData.url,
+                        gifUrl: gifData.images.fixed_width.url,
+                        gifPreviewUrl: gifData.images.preview_gif.url,
+                        altText: gifData.alt_text,
+                        aspectRatio,
+                    };
+                    onSelectGif(selectedGif);
+                } }, `${debouncedQuery}-${visible}`));
+        }
+        return null;
+    }, [parentWidth, fetchGifs, debouncedQuery, onSelectGif, visible]);
+    return ((0, jsx_runtime_1.jsxs)("div", { style: {
+            position: "absolute",
+            inset: 0,
+            opacity: visible ? 1 : 0, // Opacity based on visibility
+            backgroundColor: "white",
+            height: "100%",
+            width: "100%",
+            display: "grid",
+            gridTemplateRows: "auto 1fr",
+            overflow: "hidden",
+            padding: "0.25rem",
+            gap: "0.25rem",
+            zIndex: 1000,
+            pointerEvents: visible ? "auto" : "none", // Make it unclickable when not visible
+            transition: "opacity 0.1s ease", // Smooth fade effect
+        }, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
+                    display: "flex",
+                    gap: "0.25rem",
+                    alignItems: "stretch",
+                }, children: [(0, jsx_runtime_1.jsx)("button", { onClick: onClickBack, style: {
+                            backgroundColor: "#e5e7eb",
+                            borderRadius: "0.5rem",
+                            width: 28,
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "center",
+                            flexShrink: 0,
+                            color: "#888",
+                        }, children: "\u2190" }), (0, jsx_runtime_1.jsxs)("div", { style: {
+                            width: "100%",
+                            borderRadius: "0.5rem",
+                            paddingLeft: 8,
+                            backgroundColor: "#e5e7eb",
+                            display: "flex",
+                            alignItems: "center",
+                            flex: 1,
+                        }, children: [(0, jsx_runtime_1.jsx)("div", { className: "pt-1", children: (0, jsx_runtime_1.jsx)(icons_1.MagnifyingGlassIcon, { width: 14, color: "#888" }) }), (0, jsx_runtime_1.jsx)("input", { type: "text", placeholder: "Search GIPHY", value: query, onChange: (e) => setQuery(e.target.value), style: {
+                                    width: "100%",
+                                    padding: "0.5rem",
+                                    boxSizing: "border-box",
+                                    backgroundColor: "transparent",
+                                    fontSize: 13,
+                                    outline: "none", // Removes the default focus outline
+                                    boxShadow: "none", // Removes any focus ring or shadow
+                                } })] })] }), (0, jsx_runtime_1.jsx)("div", { ref: gridParentRef, style: {
+                    flex: 1,
+                    height: "100%",
+                    width: "100%",
+                    overflowY: "scroll",
+                    scrollbarWidth: "none",
+                    msOverflowStyle: "none",
+                }, children: memoizedGrid })] }));
+}
+exports.default = GiphyContainer;
+//# sourceMappingURL=GiphyContainer.js.map

package/dist/cjs/components/GiphyContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GiphyContainer.js","sourceRoot":"","sources":["../../../src/components/GiphyContainer.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/InfiniteScrollTrigger.d.ts

@@ -0,0 +1,4 @@
+declare const InfiniteScrollTrigger: ({ onTriggered, }: {
+    onTriggered: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export default InfiniteScrollTrigger;

package/dist/cjs/components/InfiniteScrollTrigger.js

@@ -0,0 +1,31 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const InfiniteScrollTrigger = ({ onTriggered, }) => {
+    const commentsEndRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        const currentEndRef = commentsEndRef.current;
+        const observer = new IntersectionObserver(([entry]) => {
+            if (entry.isIntersecting) {
+                onTriggered();
+            }
+        }, {
+            root: null, // Use the document's viewport as the container
+            rootMargin: "0px",
+            threshold: 0.1, // Trigger when 10% of the target is visible
+        });
+        if (currentEndRef) {
+            observer.observe(currentEndRef);
+        }
+        return () => {
+            if (currentEndRef) {
+                observer.unobserve(currentEndRef);
+            }
+        };
+    }, [onTriggered]);
+    return (0, jsx_runtime_1.jsx)("div", { ref: commentsEndRef, style: { height: 1 } });
+};
+exports.default = InfiniteScrollTrigger;
+//# sourceMappingURL=InfiniteScrollTrigger.js.map

package/dist/cjs/components/InfiniteScrollTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfiniteScrollTrigger.js","sourceRoot":"","sources":["../../../src/components/InfiniteScrollTrigger.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;AAEb,iCAA0C;AAE1C,MAAM,qBAAqB,GAAG,CAAC,EAC7B,WAAW,GAGZ,EAAE,EAAE;IACH,MAAM,cAAc,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAEpC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,aAAa,GAAG,cAAc,CAAC,OAAO,CAAC;QAE7C,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CACvC,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE;YACV,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;gBACzB,WAAW,EAAE,CAAC;YAChB,CAAC;QACH,CAAC,EACD;YACE,IAAI,EAAE,IAAI,EAAE,+CAA+C;YAC3D,UAAU,EAAE,KAAK;YACjB,SAAS,EAAE,GAAG,EAAE,4CAA4C;SAC7D,CACF,CAAC;QAEF,IAAI,aAAa,EAAE,CAAC;YAClB,QAAQ,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;QAClC,CAAC;QAED,OAAO,GAAG,EAAE;YACV,IAAI,aAAa,EAAE,CAAC;gBAClB,QAAQ,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;YACpC,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,gCAAK,GAAG,EAAE,cAAc,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,GAAI,CAAC;AAC5D,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC"}

package/dist/cjs/components/Modal.d.ts

@@ -0,0 +1,8 @@
+import React, { ReactNode } from "react";
+interface ModalProps {
+    show: boolean;
+    onClose?: () => void;
+    children: ReactNode;
+}
+declare const Modal: React.FC<ModalProps>;
+export default Modal;

package/dist/cjs/components/Modal.js

@@ -0,0 +1,86 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Modal = ({ show, onClose, children }) => {
+    const [isVisible, setIsVisible] = (0, react_1.useState)(show);
+    (0, react_1.useEffect)(() => {
+        if (show) {
+            setIsVisible(true);
+        }
+    }, [show]);
+    const handleOverlayClick = (e) => {
+        e.stopPropagation();
+        onClose?.();
+    };
+    // const handleContentClick = (e: MouseEvent<HTMLDivElement>) => {
+    //   e.stopPropagation();
+    // };
+    const handleAnimationEnd = () => {
+        if (!show) {
+            setIsVisible(false);
+        }
+    };
+    (0, react_1.useEffect)(() => {
+        const styleSheet = document.createElement("style");
+        styleSheet.type = "text/css";
+        styleSheet.innerText = `
+      @keyframes fadeIn {
+        from {
+          background: rgba(0, 0, 0, 0);
+        }
+        to {
+          background: rgba(0, 0, 0, 0.5);
+        }
+      }
+      @keyframes fadeOut {
+        from {
+          background: rgba(0, 0, 0, 0.5);
+        }
+        to {
+          background: rgba(0, 0, 0, 0);
+        }
+      }
+    `;
+        document.head.appendChild(styleSheet);
+        return () => {
+            document.head.removeChild(styleSheet);
+        };
+    }, []);
+    if (!isVisible) {
+        return null;
+    }
+    const modalOverlayStyle = {
+        position: "fixed",
+        top: 0,
+        left: 0,
+        width: "100%",
+        height: "100%",
+        background: show ? "rgba(0, 0, 0, 0.5)" : "rgba(0, 0, 0, 0)", // Background based on show state
+        display: "flex",
+        flexDirection: "column",
+        justifyContent: "center",
+        alignItems: "stretch",
+        zIndex: 1000,
+        animation: show ? "fadeIn 0.5s forwards" : "fadeOut 0.5s forwards", // Apply fadeIn or fadeOut
+        visibility: show ? "visible" : "hidden",
+    };
+    // const modalContentStyle: React.CSSProperties = {
+    //   position: "relative",
+    //   width: "max-content",
+    //   backgroundColor:"yellow",
+    // };
+    // const modalCloseStyle: React.CSSProperties = {
+    //   position: 'absolute',
+    //   top: '10px',
+    //   right: '10px',
+    //   background: 'none',
+    //   border: 'none',
+    //   fontSize: '20px',
+    //   cursor: 'pointer',
+    // };
+    return ((0, jsx_runtime_1.jsx)("div", { style: modalOverlayStyle, onAnimationEnd: handleAnimationEnd, onClick: handleOverlayClick, children: children }));
+};
+exports.default = Modal;
+//# sourceMappingURL=Modal.js.map

package/dist/cjs/components/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/Modal.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;AAEb,iCAA0E;AAQ1E,MAAM,KAAK,GAAyB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE;IAClE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IAEjD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,IAAI,EAAE,CAAC;YACT,YAAY,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,kBAAkB,GAAG,CAAC,CAA6B,EAAE,EAAE;QAC3D,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,OAAO,EAAE,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,kEAAkE;IAClE,yBAAyB;IACzB,KAAK;IAEL,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QACnD,UAAU,CAAC,IAAI,GAAG,UAAU,CAAC;QAC7B,UAAU,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;KAiBtB,CAAC;QACF,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAEtC,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QACxC,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,iBAAiB,GAAwB;QAC7C,QAAQ,EAAE,OAAO;QACjB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,kBAAkB,EAAE,iCAAiC;QAC/F,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,SAAS;QACrB,MAAM,EAAE,IAAI;QACZ,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,uBAAuB,EAAE,0BAA0B;QAC9F,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ;KACxC,CAAC;IAEF,mDAAmD;IACnD,0BAA0B;IAC1B,0BAA0B;IAC1B,8BAA8B;IAC9B,KAAK;IAEL,iDAAiD;IACjD,0BAA0B;IAC1B,iBAAiB;IACjB,mBAAmB;IACnB,wBAAwB;IACxB,oBAAoB;IACpB,sBAAsB;IACtB,uBAAuB;IACvB,KAAK;IAEL,OAAO,CACL,gCACE,KAAK,EAAE,iBAAiB,EACxB,cAAc,EAAE,kBAAkB,EAClC,OAAO,EAAE,kBAAkB,YAM1B,QAAQ,GAEL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,KAAK,CAAC"}

package/dist/cjs/components/Skeleton.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+declare function Skeleton({ style }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+declare function CommentSkeleton({ extraLeftPadding, }: {
+    extraLeftPadding?: number;
+}): import("react/jsx-runtime").JSX.Element;
+declare function UserMentionSkeleton(): import("react/jsx-runtime").JSX.Element;
+export { CommentSkeleton, UserMentionSkeleton, Skeleton };

package/dist/cjs/components/Skeleton.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CommentSkeleton = CommentSkeleton;
+exports.UserMentionSkeleton = UserMentionSkeleton;
+exports.Skeleton = Skeleton;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function Skeleton({ style }) {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("style", { children: `
+      @keyframes pulse {
+        0% { opacity: 1; }
+        50% { opacity: 0.3; }
+        100% { opacity: 1; }
+      }
+    ` }), (0, jsx_runtime_1.jsx)("div", { style: {
+                    animation: "pulse 1.5s ease-in-out infinite",
+                    width: "100%",
+                    height: 16,
+                    borderRadius: 8,
+                    backgroundColor: "#efefef",
+                    ...style,
+                } })] }));
+}
+function CommentSkeleton({ extraLeftPadding = 0, }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { style: {
+            display: "flex",
+            gap: "8px",
+            width: "100%",
+            paddingLeft: 16 + extraLeftPadding,
+        }, children: [(0, jsx_runtime_1.jsx)(Skeleton, { style: { height: 32, width: 32, borderRadius: "50%" } }), (0, jsx_runtime_1.jsxs)("div", { style: { display: "grid", gap: "8px", flex: 1 }, children: [(0, jsx_runtime_1.jsx)(Skeleton, { style: { width: "30%", height: 12 } }), (0, jsx_runtime_1.jsx)(Skeleton, { style: { height: 12 } }), (0, jsx_runtime_1.jsx)(Skeleton, { style: { width: "15%", height: 12 } })] })] }));
+}
+function UserMentionSkeleton() {
+    return ((0, jsx_runtime_1.jsxs)("div", { style: {
+            display: "flex",
+            gap: "8px",
+            width: "100%",
+            alignItems: "center",
+        }, children: [(0, jsx_runtime_1.jsx)(Skeleton, { style: { height: "35px", width: "35px", borderRadius: "100%" } }), (0, jsx_runtime_1.jsx)("div", { style: { flex: 1 }, children: (0, jsx_runtime_1.jsx)(Skeleton, {}) })] }));
+}
+//# sourceMappingURL=Skeleton.js.map

package/dist/cjs/components/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../src/components/Skeleton.tsx"],"names":[],"mappings":";;AAwES,0CAAe;AAAE,kDAAmB;AAAE,4BAAQ;;AAtEvD,SAAS,QAAQ,CAAC,EAAE,KAAK,EAAwC;IAC/D,OAAO,CACL,6DACE,4CACG;;;;;;KAMJ,GACS,EACR,gCACE,KAAK,EAAE;oBACL,SAAS,EAAE,iCAAiC;oBAC5C,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,EAAE;oBACV,YAAY,EAAE,CAAC;oBACf,eAAe,EAAE,SAAS;oBAC1B,GAAG,KAAK;iBACT,GACD,IACD,CACJ,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CAAC,EACvB,gBAAgB,GAAG,CAAC,GAGrB;IACC,OAAO,CACL,iCACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,GAAG,EAAE,KAAK;YACV,KAAK,EAAE,MAAM;YACb,WAAW,EAAE,EAAE,GAAG,gBAAgB;SACnC,aAED,uBAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,GAAI,EACnE,iCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAE,aAClD,uBAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,GAAI,EACjD,uBAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GAAI,EACnC,uBAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,GAAI,IAC7C,IACF,CACP,CAAC;AACJ,CAAC;AAED,SAAS,mBAAmB;IAC1B,OAAO,CACL,iCACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,GAAG,EAAE,KAAK;YACV,KAAK,EAAE,MAAM;YACb,UAAU,EAAE,QAAQ;SACrB,aAED,uBAAC,QAAQ,IACP,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAC9D,EACF,gCAAK,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,YACrB,uBAAC,QAAQ,KAAG,GACR,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/cjs/components/UserAvatar.d.ts

@@ -0,0 +1,12 @@
+interface UserProps {
+    id?: string;
+    avatar?: string | null | undefined;
+    name?: string | null | undefined;
+    username?: string | null | undefined;
+}
+declare function UserAvatar({ user, size, borderRadius, }: {
+    user: UserProps | undefined;
+    size?: number | undefined;
+    borderRadius?: number | undefined;
+}): import("react/jsx-runtime").JSX.Element | null;
+export default UserAvatar;

package/dist/cjs/components/UserAvatar.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const reset_styles_1 = require("../constants/reset-styles");
+function UserAvatar({ user, size = 32, borderRadius, }) {
+    if (!user)
+        return null;
+    return ((0, jsx_runtime_1.jsx)("div", { style: {
+            overflow: "hidden",
+            width: size,
+            height: size,
+            borderRadius: borderRadius || size,
+            borderWidth: 1,
+            borderColor: "#E6E6E6",
+            display: "inline-block",
+            flexShrink: 0,
+        }, children: (0, jsx_runtime_1.jsx)("img", { src: user.avatar ??
+                `https://api.dicebear.com/9.x/thumbs/svg?seed=${user.id}`, alt: user.name || user.id, style: {
+                ...reset_styles_1.resetImg,
+                width: "100%",
+                height: "100%",
+                objectFit: "cover",
+            } }) }));
+}
+exports.default = UserAvatar;
+//# sourceMappingURL=UserAvatar.js.map

package/dist/cjs/components/UserAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserAvatar.js","sourceRoot":"","sources":["../../../src/components/UserAvatar.tsx"],"names":[],"mappings":";;;AAAA,4DAAqD;AASrD,SAAS,UAAU,CAAC,EAClB,IAAI,EACJ,IAAI,GAAG,EAAE,EACT,YAAY,GAKb;IACC,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IACvB,OAAO,CACL,gCACE,KAAK,EAAE;YACL,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,IAAI;YACX,MAAM,EAAE,IAAI;YACZ,YAAY,EAAE,YAAY,IAAI,IAAI;YAClC,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,SAAS;YACtB,OAAO,EAAE,cAAc;YACvB,UAAU,EAAE,CAAC;SACd,YAED,gCACE,GAAG,EACD,IAAI,CAAC,MAAM;gBACX,gDAAgD,IAAI,CAAC,EAAE,EAAE,EAE3D,GAAG,EAAE,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,EAAE,EACzB,KAAK,EAAE;gBACL,GAAG,uBAAQ;gBACX,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,SAAS,EAAE,OAAO;aACnB,GACD,GACE,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,UAAU,CAAC"}

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

@@ -0,0 +1,7 @@
+export { default as EmojiSuggestions } from "./EmojiSuggestions";
+export { default as FromNow } from "./FromNow";
+export { default as GiphyContainer } from "./GiphyContainer";
+export { default as InfiniteScrollTrigger } from "./InfiniteScrollTrigger";
+export { default as Modal } from "./Modal";
+export { default as UserAvatar } from "./UserAvatar";
+export { Skeleton, CommentSkeleton, UserMentionSkeleton } from "./Skeleton";

package/dist/cjs/components/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserMentionSkeleton = exports.CommentSkeleton = exports.Skeleton = exports.UserAvatar = exports.Modal = exports.InfiniteScrollTrigger = exports.GiphyContainer = exports.FromNow = exports.EmojiSuggestions = void 0;
+var EmojiSuggestions_1 = require("./EmojiSuggestions");
+Object.defineProperty(exports, "EmojiSuggestions", { enumerable: true, get: function () { return __importDefault(EmojiSuggestions_1).default; } });
+var FromNow_1 = require("./FromNow");
+Object.defineProperty(exports, "FromNow", { enumerable: true, get: function () { return __importDefault(FromNow_1).default; } });
+var GiphyContainer_1 = require("./GiphyContainer");
+Object.defineProperty(exports, "GiphyContainer", { enumerable: true, get: function () { return __importDefault(GiphyContainer_1).default; } });
+var InfiniteScrollTrigger_1 = require("./InfiniteScrollTrigger");
+Object.defineProperty(exports, "InfiniteScrollTrigger", { enumerable: true, get: function () { return __importDefault(InfiniteScrollTrigger_1).default; } });
+var Modal_1 = require("./Modal");
+Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return __importDefault(Modal_1).default; } });
+var UserAvatar_1 = require("./UserAvatar");
+Object.defineProperty(exports, "UserAvatar", { enumerable: true, get: function () { return __importDefault(UserAvatar_1).default; } });
+var Skeleton_1 = require("./Skeleton");
+Object.defineProperty(exports, "Skeleton", { enumerable: true, get: function () { return Skeleton_1.Skeleton; } });
+Object.defineProperty(exports, "CommentSkeleton", { enumerable: true, get: function () { return Skeleton_1.CommentSkeleton; } });
+Object.defineProperty(exports, "UserMentionSkeleton", { enumerable: true, get: function () { return Skeleton_1.UserMentionSkeleton; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;;;;AAAA,uDAAiE;AAAxD,qIAAA,OAAO,OAAoB;AACpC,qCAA+C;AAAtC,mHAAA,OAAO,OAAW;AAC3B,mDAA6D;AAApD,iIAAA,OAAO,OAAkB;AAClC,iEAA2E;AAAlE,+IAAA,OAAO,OAAyB;AACzC,iCAA2C;AAAlC,+GAAA,OAAO,OAAS;AACzB,2CAAqD;AAA5C,yHAAA,OAAO,OAAc;AAC9B,uCAA4E;AAAnE,oGAAA,QAAQ,OAAA;AAAE,2GAAA,eAAe,OAAA;AAAE,+GAAA,mBAAmB,OAAA"}

package/dist/cjs/constants/index.d.ts

@@ -0,0 +1 @@
+export * from "./reset-styles";

package/dist/cjs/constants/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./reset-styles"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/constants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/constants/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA+B"}

package/dist/cjs/constants/reset-styles.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export declare const resetDiv: React.CSSProperties;
+export declare const resetButton: React.CSSProperties;
+export declare const resetUl: React.CSSProperties;
+export declare const resetIl: React.CSSProperties;
+export declare const resetP: React.CSSProperties;
+export declare const resetTextInput: React.CSSProperties;
+export declare const resetImg: React.CSSProperties;
+export declare const resetIcon: React.CSSProperties;