@droppii-org/chat-sdk 0.1.26 → 0.1.28

package/dist/assets/svg/canned-response.d.ts

@@ -0,0 +1,7 @@
+interface ISvgProps {
+    size?: number;
+    className?: string;
+}
+declare const CannedResponseIcon: (props: ISvgProps) => import("react/jsx-runtime").JSX.Element;
+export default CannedResponseIcon;
+//# sourceMappingURL=canned-response.d.ts.map

package/dist/assets/svg/canned-response.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"canned-response.d.ts","sourceRoot":"","sources":["../../../src/assets/svg/canned-response.tsx"],"names":[],"mappings":"AAAA,UAAU,SAAS;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,kBAAkB,GAAI,OAAO,SAAS,4CAyC3C,CAAC;AACF,eAAe,kBAAkB,CAAC"}

package/dist/assets/svg/canned-response.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const CannedResponseIcon = (props) => (_jsxs("svg", { width: props.size || 18, height: props.size || 18, viewBox: `${0} ${0} ${props.size || 18} ${props.size || 18}`, fill: "none", xmlns: "http://www.w3.org/2000/svg", className: props === null || props === void 0 ? void 0 : props.className, children: [_jsxs("g", { clipPath: "url(#clip0_4070_70030)", children: [_jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.66732 0.833374C7.12755 0.833374 7.50065 1.20647 7.50065 1.66671L5.00065 18.3334C5.00065 18.7936 4.62755 19.1667 4.16732 19.1667C3.70708 19.1667 3.33398 18.7936 3.33398 18.3334L5.83398 1.66671C5.83398 1.20647 6.20708 0.833374 6.66732 0.833374Z", fill: "currentColor" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.9993 0.833374C15.4596 0.833374 15.8327 1.20647 15.8327 1.66671L13.3327 18.3334C13.3327 18.7936 12.9596 19.1667 12.4993 19.1667C12.0391 19.1667 11.666 18.7936 11.666 18.3334L14.166 1.66671C14.166 1.20647 14.5391 0.833374 14.9993 0.833374Z", fill: "currentColor" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M19.1673 5.83333C19.1673 6.29357 18.7942 6.66667 18.334 6.66667H1.66732C1.20708 6.66667 0.833984 6.29357 0.833984 5.83333C0.833984 5.37309 1.20708 5 1.66732 5H18.334C18.7942 5 19.1673 5.3731 19.1673 5.83333Z", fill: "currentColor" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M19.1673 14.1667C19.1673 14.627 18.7942 15 18.334 15H1.66732C1.20708 15 0.833984 14.627 0.833984 14.1667C0.833984 13.7065 1.20708 13.3334 1.66732 13.3334H18.334C18.7942 13.3334 19.1673 13.7065 19.1673 14.1667Z", fill: "currentColor" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_4070_70030", children: _jsx("rect", { width: props.size || 18, height: props.size || 18, fill: "white" }) }) })] }));
+export default CannedResponseIcon;

package/dist/assets/svg/canned-response.tsx

@@ -0,0 +1,48 @@
+interface ISvgProps {
+  size?: number;
+  className?: string;
+}
+
+const CannedResponseIcon = (props: ISvgProps) => (
+  <svg
+    width={props.size || 18}
+    height={props.size || 18}
+    viewBox={`${0} ${0} ${props.size || 18} ${props.size || 18}`}
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    className={props?.className}
+  >
+    <g clipPath="url(#clip0_4070_70030)">
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M6.66732 0.833374C7.12755 0.833374 7.50065 1.20647 7.50065 1.66671L5.00065 18.3334C5.00065 18.7936 4.62755 19.1667 4.16732 19.1667C3.70708 19.1667 3.33398 18.7936 3.33398 18.3334L5.83398 1.66671C5.83398 1.20647 6.20708 0.833374 6.66732 0.833374Z"
+        fill="currentColor"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M14.9993 0.833374C15.4596 0.833374 15.8327 1.20647 15.8327 1.66671L13.3327 18.3334C13.3327 18.7936 12.9596 19.1667 12.4993 19.1667C12.0391 19.1667 11.666 18.7936 11.666 18.3334L14.166 1.66671C14.166 1.20647 14.5391 0.833374 14.9993 0.833374Z"
+        fill="currentColor"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M19.1673 5.83333C19.1673 6.29357 18.7942 6.66667 18.334 6.66667H1.66732C1.20708 6.66667 0.833984 6.29357 0.833984 5.83333C0.833984 5.37309 1.20708 5 1.66732 5H18.334C18.7942 5 19.1673 5.3731 19.1673 5.83333Z"
+        fill="currentColor"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M19.1673 14.1667C19.1673 14.627 18.7942 15 18.334 15H1.66732C1.20708 15 0.833984 14.627 0.833984 14.1667C0.833984 13.7065 1.20708 13.3334 1.66732 13.3334H18.334C18.7942 13.3334 19.1673 13.7065 19.1673 14.1667Z"
+        fill="currentColor"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_4070_70030">
+        <rect width={props.size || 18} height={props.size || 18} fill="white" />
+      </clipPath>
+    </defs>
+  </svg>
+);
+export default CannedResponseIcon;

package/dist/assets/svg/index.d.ts

@@ -1,3 +1,3 @@
 export * from "./document";
-export * from "./cannedResponse";
+export * from "./canned-response";
 //# sourceMappingURL=index.d.ts.map

package/dist/assets/svg/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/assets/svg/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/assets/svg/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC"}

package/dist/assets/svg/index.js

@@ -1,2 +1,2 @@
 export * from "./document";
-export * from "./cannedResponse";
+export * from "./canned-response";

package/dist/assets/svg/index.ts

@@ -1,2 +1,2 @@
 export * from "./document";
-export * from "./cannedResponse";
+export * from "./canned-response";

package/dist/components/biz-thread-detail/BizMessageBubble.d.ts

@@ -0,0 +1,10 @@
+export interface BizMessageBubbleProps {
+    isMine: boolean;
+    content: string;
+    senderName?: string;
+    showSenderName?: boolean;
+    showTip?: boolean;
+}
+declare const BizMessageBubble: ({ isMine, content, senderName, showSenderName, showTip, }: BizMessageBubbleProps) => import("react/jsx-runtime").JSX.Element;
+export default BizMessageBubble;
+//# sourceMappingURL=BizMessageBubble.d.ts.map

package/dist/components/biz-thread-detail/BizMessageBubble.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BizMessageBubble.d.ts","sourceRoot":"","sources":["../../../src/components/biz-thread-detail/BizMessageBubble.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AA6BD,QAAA,MAAM,gBAAgB,GAAI,2DAMvB,qBAAqB,4CAgCvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/biz-thread-detail/BizMessageBubble.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+const INCOMING_TAIL_PATH = "M1.3798 18H4V0C3.51762 4.5 3.34269 10.5 0.966518 14C-0.568384 16.2608 -0.159364 18 1.3798 18Z";
+const OUTGOING_TAIL_PATH = "M2.6202 18H0V0C0.482375 4.5 0.657308 10.5 3.03348 14C4.56838 16.2608 4.15936 18 2.6202 18Z";
+const BizMessageBubbleTail = ({ isMine }) => (_jsx("div", { className: "flex shrink-0 items-center justify-center", children: _jsx("div", { className: "flex-none", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "4", height: "18", viewBox: "0 0 4 18", fill: "none", "aria-hidden": true, children: _jsx("path", { d: isMine ? OUTGOING_TAIL_PATH : INCOMING_TAIL_PATH, fill: isMine ? "#0051FF" : "#83899D", fillOpacity: "0.1" }) }) }) }));
+const BizMessageBubble = ({ isMine, content, senderName, showSenderName, showTip = true, }) => {
+    const bubbleClass = clsx("relative max-w-full p-2", showTip
+        ? isMine
+            ? "rounded-[20px] rounded-br-none"
+            : "rounded-[20px] rounded-bl-none"
+        : "rounded-[20px]", isMine ? "bg-[rgba(0,81,255,0.1)]" : "bg-[rgba(131,137,157,0.1)]");
+    return (_jsxs("div", { className: "relative flex items-end", "data-testid": "biz-message-bubble", children: [!isMine && showTip && _jsx(BizMessageBubbleTail, { isMine: isMine }), _jsx("div", { className: bubbleClass, children: _jsxs("div", { className: "flex flex-col gap-1 px-1", children: [showSenderName && senderName && (_jsx("span", { className: "text-[12px] font-medium leading-[160%] tracking-[0.12px] text-[#747B7E]", children: senderName })), _jsx("p", { className: "whitespace-pre-wrap break-words text-[16px] leading-[160%] tracking-[0.16px] text-[#393E40]", children: content })] }) }), isMine && showTip && _jsx(BizMessageBubbleTail, { isMine: isMine })] }));
+};
+export default BizMessageBubble;

package/dist/components/biz-thread-detail/BizMessageList.d.ts

@@ -0,0 +1,3 @@
+declare const BizMessageList: () => import("react/jsx-runtime").JSX.Element;
+export default BizMessageList;
+//# sourceMappingURL=BizMessageList.d.ts.map

package/dist/components/biz-thread-detail/BizMessageList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BizMessageList.d.ts","sourceRoot":"","sources":["../../../src/components/biz-thread-detail/BizMessageList.tsx"],"names":[],"mappings":"AAaA,QAAA,MAAM,cAAc,+CA8DnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/biz-thread-detail/BizMessageList.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { Empty, Spin } from "antd";
+import { useTranslation } from "react-i18next";
+import { useChatContext } from "../../context/ChatContext";
+import MessageInfiniteScroll from "../../components/message/MessageInfiniteScroll";
+import { useMessage } from "../../hooks/message/useMessage";
+import { useMessageListScroll } from "../../hooks/message/useMessageListScroll";
+import useBizConversationStore from "../../store/bizConversation";
+import emitter from "../../utils/events";
+import BizMessageItem from "./item/BizMessageItem";
+const BizMessageList = () => {
+    const { t } = useTranslation("biz-inbox");
+    const { user } = useChatContext();
+    const conversationId = useBizConversationStore((state) => { var _a; return (_a = state.conversationData) === null || _a === void 0 ? void 0 : _a.conversationId; });
+    const messageController = useMessage(conversationId, undefined, !!conversationId);
+    const { scrollRef, loadMoreOldMessage, handleInfiniteScroll, scrollToBottomIfAtBottom, } = useMessageListScroll(Object.assign({ conversationId, userId: user === null || user === void 0 ? void 0 : user.userID }, messageController));
+    const { loadState, moreNewLoading } = messageController;
+    useEffect(() => {
+        emitter.on("BIZ_CHAT_SCROLL_TO_BOTTOM_IF_AT_BOTTOM", scrollToBottomIfAtBottom);
+        return () => {
+            emitter.off("BIZ_CHAT_SCROLL_TO_BOTTOM_IF_AT_BOTTOM", scrollToBottomIfAtBottom);
+        };
+    }, [scrollToBottomIfAtBottom]);
+    return (_jsxs("div", { "data-testid": "biz-message-list", className: "relative flex min-h-0 min-w-0 flex-1 flex-col overflow-x-hidden bg-white", children: [_jsx(MessageInfiniteScroll, { scrollRef: scrollRef, scrollableTargetId: "scrollableBizMessagesDiv", loadState: loadState, onLoadMoreOld: loadMoreOldMessage, onScroll: handleInfiniteScroll, containerClassName: "h-full", empty: _jsx("div", { className: "flex flex-1 items-center justify-center py-12", children: _jsx(Empty, { description: t("empty.no_messages") }) }), children: loadState.messageList.map((message, _, array) => (_jsx(BizMessageItem, { message: message, allMessages: array }, message.clientMsgID))) }), moreNewLoading && (_jsx("div", { className: "flex items-center justify-center py-2", children: _jsx(Spin, {}) }))] }));
+};
+export default BizMessageList;

package/dist/components/biz-thread-detail/BizThreadDetailHeader.d.ts

@@ -0,0 +1,8 @@
+import type { BizConversationItem } from "../../types/biz";
+export interface BizThreadDetailHeaderProps {
+    conversation: BizConversationItem;
+    onBack?: () => void;
+}
+declare const BizThreadDetailHeader: ({ conversation, onBack, }: BizThreadDetailHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default BizThreadDetailHeader;
+//# sourceMappingURL=BizThreadDetailHeader.d.ts.map

package/dist/components/biz-thread-detail/BizThreadDetailHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BizThreadDetailHeader.d.ts","sourceRoot":"","sources":["../../../src/components/biz-thread-detail/BizThreadDetailHeader.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAQvD,MAAM,WAAW,0BAA0B;IACzC,YAAY,EAAE,mBAAmB,CAAC;IAClC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAqBD,QAAA,MAAM,qBAAqB,GAAI,2BAG5B,0BAA0B,4CA8C5B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/components/biz-thread-detail/BizThreadDetailHeader.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import { Icon } from "../../components/icon";
+import BizThreadAvatar from "../../components/biz-inbox/BizThreadAvatar";
+import BizThreadTitle from "../../components/biz-inbox/BizThreadTitle";
+import { isBizGroupChat, resolveBizAvatarUrl, resolveBizBadgeLabel, resolveBizDisplayName, } from "../../utils/bizConversation";
+const HeaderIconButton = ({ icon, onClick, testId, }) => (_jsx("button", { type: "button", onClick: onClick, "data-testid": testId, className: "flex shrink-0 cursor-pointer items-center justify-center p-2 text-[#1B3FE4]", children: _jsx(Icon, { icon: icon, size: 24 }) }));
+const BizThreadDetailHeader = ({ conversation, onBack, }) => {
+    const { t } = useTranslation("biz-inbox");
+    const isGroup = isBizGroupChat(conversation);
+    const displayName = resolveBizDisplayName(conversation, t("thread_card.fallback_name"));
+    const avatarUrl = resolveBizAvatarUrl(conversation);
+    const badgeLabel = resolveBizBadgeLabel(conversation.chatCategory, t);
+    const subtitle = isGroup ? "" : t("thread_detail.profile_hint");
+    return (_jsxs("div", { "data-testid": "biz-thread-detail-header", className: "flex w-full cursor-default items-center border-b border-[#EFEFEF] bg-white p-2 shadow-[inset_0px_-1px_0px_0px_rgba(61,63,64,0.1)]", children: [_jsx(HeaderIconButton, { icon: "arrow-left-o", onClick: onBack, testId: "biz-thread-detail-back" }), _jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2 px-1", "data-testid": "biz-thread-detail-profile", children: [_jsx(BizThreadAvatar, { chatCategory: conversation.chatCategory, displayName: displayName, avatarUrl: avatarUrl, badgeLabel: badgeLabel }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx(BizThreadTitle, { chatCategory: conversation.chatCategory, displayName: displayName }), _jsx("p", { className: "truncate text-[10px] font-normal leading-[160%] tracking-[0.1px] text-[#5C6366] [font-feature-settings:'liga'_off,'clig'_off]", children: subtitle })] })] })] }));
+};
+export default BizThreadDetailHeader;

package/dist/components/biz-thread-detail/BizThreadDetailInput.d.ts

@@ -0,0 +1,8 @@
+export interface BizThreadDetailInputProps {
+    placeholder?: string;
+    onSendMessage?: (text: string) => void;
+    onInputChange?: (value: string) => void;
+}
+declare const BizThreadDetailInput: ({ placeholder, onSendMessage, onInputChange, }: BizThreadDetailInputProps) => import("react/jsx-runtime").JSX.Element;
+export default BizThreadDetailInput;
+//# sourceMappingURL=BizThreadDetailInput.d.ts.map

package/dist/components/biz-thread-detail/BizThreadDetailInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BizThreadDetailInput.d.ts","sourceRoot":"","sources":["../../../src/components/biz-thread-detail/BizThreadDetailInput.tsx"],"names":[],"mappings":"AAcA,MAAM,WAAW,yBAAyB;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,QAAA,MAAM,oBAAoB,GAAI,gDAI3B,yBAAyB,4CAwM3B,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/components/biz-thread-detail/BizThreadDetailInput.js

@@ -0,0 +1,147 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { useTranslation } from "react-i18next";
+import clsx from "clsx";
+import { Icon } from "../../components/icon";
+import { useBizSendMessage } from "../../hooks/biz/useBizSendMessage";
+import useBizConversationStore from "../../store/bizConversation";
+import useBizMessageDraftStore from "../../store/bizMessageDraft";
+import { emit } from "../../utils/events";
+const MAX_LINES = 5;
+const CONTAINER_MIN_HEIGHT = 48;
+const BizThreadDetailInput = ({ placeholder, onSendMessage, onInputChange, }) => {
+    const { t } = useTranslation("biz-inbox");
+    const { sendTextMessage } = useBizSendMessage();
+    const conversationId = useBizConversationStore((state) => { var _a; return (_a = state.conversationData) === null || _a === void 0 ? void 0 : _a.conversationId; });
+    const setDraft = useBizMessageDraftStore((state) => state.setDraft);
+    const clearDraft = useBizMessageDraftStore((state) => state.clearDraft);
+    const containerRef = useRef(null);
+    const textareaRef = useRef(null);
+    const [value, setValue] = useState("");
+    const [isFocused, setIsFocused] = useState(false);
+    const [isSending, setIsSending] = useState(false);
+    const canSend = value.trim().length > 0 && !isSending;
+    const getTextareaHeights = useCallback(() => {
+        const textarea = textareaRef.current;
+        if (!textarea)
+            return null;
+        const lineHeight = parseFloat(window.getComputedStyle(textarea).lineHeight);
+        return {
+            lineHeight,
+            maxHeight: lineHeight * MAX_LINES,
+        };
+    }, []);
+    const adjustTextareaHeight = useCallback(() => {
+        const textarea = textareaRef.current;
+        const heights = getTextareaHeights();
+        if (!textarea || !heights)
+            return;
+        textarea.style.height = `${heights.lineHeight}px`;
+        const scrollHeight = textarea.scrollHeight;
+        const nextHeight = Math.min(Math.max(scrollHeight, heights.lineHeight), heights.maxHeight);
+        textarea.style.height = `${nextHeight}px`;
+        textarea.style.overflowY =
+            scrollHeight > heights.maxHeight ? "auto" : "hidden";
+    }, [getTextareaHeights]);
+    useEffect(() => {
+        var _a;
+        if (!conversationId) {
+            setValue("");
+            return;
+        }
+        const draft = (_a = useBizMessageDraftStore.getState().drafts[conversationId]) !== null && _a !== void 0 ? _a : "";
+        setValue(draft);
+        requestAnimationFrame(adjustTextareaHeight);
+    }, [conversationId, adjustTextareaHeight]);
+    useEffect(() => {
+        adjustTextareaHeight();
+    }, [value, adjustTextareaHeight]);
+    useEffect(() => {
+        if (!isFocused)
+            return;
+        const handlePointerDown = (event) => {
+            var _a, _b;
+            if ((_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))
+                return;
+            (_b = textareaRef.current) === null || _b === void 0 ? void 0 : _b.blur();
+        };
+        document.addEventListener("pointerdown", handlePointerDown);
+        return () => document.removeEventListener("pointerdown", handlePointerDown);
+    }, [isFocused]);
+    useEffect(() => {
+        const viewport = window.visualViewport;
+        if (!viewport)
+            return;
+        const handleViewportChange = () => {
+            if (document.activeElement === textareaRef.current) {
+                emit("BIZ_CHAT_SCROLL_TO_BOTTOM_IF_AT_BOTTOM");
+            }
+        };
+        viewport.addEventListener("resize", handleViewportChange);
+        return () => viewport.removeEventListener("resize", handleViewportChange);
+    }, []);
+    const handleChange = (nextValue) => {
+        setValue(nextValue);
+        if (conversationId) {
+            setDraft(conversationId, nextValue);
+        }
+        onInputChange === null || onInputChange === void 0 ? void 0 : onInputChange(nextValue);
+    };
+    const handleSend = async () => {
+        const text = value.trim();
+        if (!text || isSending)
+            return;
+        setIsSending(true);
+        try {
+            if (onSendMessage) {
+                onSendMessage(text);
+            }
+            else {
+                const sent = await sendTextMessage(text);
+                if (!sent)
+                    return;
+            }
+            setValue("");
+            if (conversationId) {
+                clearDraft(conversationId);
+            }
+            requestAnimationFrame(adjustTextareaHeight);
+        }
+        finally {
+            setIsSending(false);
+        }
+    };
+    const handleFocus = () => {
+        setIsFocused(true);
+        emit("BIZ_CHAT_SCROLL_TO_BOTTOM_IF_AT_BOTTOM");
+    };
+    const handleBlur = () => {
+        setIsFocused(false);
+    };
+    const insertNewline = (textarea) => {
+        const { selectionStart, selectionEnd } = textarea;
+        const nextValue = value.slice(0, selectionStart) + "\n" + value.slice(selectionEnd);
+        handleChange(nextValue);
+        requestAnimationFrame(() => {
+            textarea.selectionStart = selectionStart + 1;
+            textarea.selectionEnd = selectionStart + 1;
+            adjustTextareaHeight();
+        });
+    };
+    const handleKeyDown = (event) => {
+        if (event.key !== "Enter")
+            return;
+        if (event.shiftKey) {
+            event.preventDefault();
+            insertNewline(event.currentTarget);
+            return;
+        }
+        event.preventDefault();
+        void handleSend();
+    };
+    return (_jsx("div", { ref: containerRef, "data-testid": "biz-thread-detail-input", className: "flex w-full shrink-0 flex-col bg-[rgba(131,137,157,0.05)]", children: _jsxs("div", { className: "flex items-end gap-3 px-3 py-2", children: [_jsx("div", { className: clsx("flex min-w-0 flex-1 overflow-hidden rounded-xl border bg-white transition-shadow", isFocused
+                        ? "border-[#607CFB] shadow-[0px_0px_2px_rgba(27,63,228,0.5)]"
+                        : "border-[#DDDEDF]"), style: { minHeight: CONTAINER_MIN_HEIGHT }, children: _jsx("div", { className: "flex min-w-0 flex-[1_0_0] items-center gap-2 self-stretch px-3 py-1", children: _jsx("textarea", { ref: textareaRef, value: value, rows: 1, onChange: (event) => handleChange(event.target.value), onFocus: handleFocus, onBlur: handleBlur, onKeyDown: handleKeyDown, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : t("thread_detail.input_placeholder"), "data-testid": "biz-thread-detail-message-input", className: "biz-message-input-scrollbar min-h-0 min-w-0 flex-1 resize-none appearance-none border-0 bg-transparent p-0 text-[16px] leading-[1.6] tracking-[0.16px] text-black outline-none ring-0 placeholder:text-[#747B7E] focus:border-0 focus:outline-none focus:ring-0" }) }) }), _jsx("div", { className: "flex shrink-0 items-center pb-1", children: _jsx("button", { type: "button", onClick: () => void handleSend(), disabled: !canSend, "data-testid": "biz-thread-detail-send", className: clsx("flex h-10 w-10 items-center justify-center rounded-full", canSend ? "bg-[#002BEB]" : "bg-[#002BEB] opacity-25"), children: _jsx(Icon, { icon: "send-b", size: 20, className: "text-white" }) }) })] }) }));
+};
+export default BizThreadDetailInput;

package/dist/components/biz-thread-detail/index.d.ts

@@ -0,0 +1,8 @@
+export { default as BizThreadDetailHeader } from "./BizThreadDetailHeader";
+export type { BizThreadDetailHeaderProps } from "./BizThreadDetailHeader";
+export { default as BizThreadDetailInput } from "./BizThreadDetailInput";
+export type { BizThreadDetailInputProps } from "./BizThreadDetailInput";
+export { default as BizMessageList } from "./BizMessageList";
+export { default as BizMessageItem } from "./item/BizMessageItem";
+export type { BizMessageItemProps } from "./item/BizMessageItem";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/biz-thread-detail/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/biz-thread-detail/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,YAAY,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAE1E,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,YAAY,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAExE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAClE,YAAY,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/components/biz-thread-detail/index.js

@@ -0,0 +1,4 @@
+export { default as BizThreadDetailHeader } from "./BizThreadDetailHeader";
+export { default as BizThreadDetailInput } from "./BizThreadDetailInput";
+export { default as BizMessageList } from "./BizMessageList";
+export { default as BizMessageItem } from "./item/BizMessageItem";

package/dist/components/biz-thread-detail/item/BizMessageItem.d.ts

@@ -0,0 +1,8 @@
+import { MessageItem } from "@openim/wasm-client-sdk";
+export interface BizMessageItemProps {
+    message: MessageItem;
+    allMessages: MessageItem[];
+}
+declare const BizMessageItem: ({ message, allMessages }: BizMessageItemProps) => import("react/jsx-runtime").JSX.Element | null;
+export default BizMessageItem;
+//# sourceMappingURL=BizMessageItem.d.ts.map

package/dist/components/biz-thread-detail/item/BizMessageItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BizMessageItem.d.ts","sourceRoot":"","sources":["../../../../src/components/biz-thread-detail/item/BizMessageItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAOtD,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,WAAW,CAAC;IACrB,WAAW,EAAE,WAAW,EAAE,CAAC;CAC5B;AA4BD,QAAA,MAAM,cAAc,GAAI,0BAA0B,mBAAmB,mDA6CpE,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/biz-thread-detail/item/BizMessageItem.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from "../../../components/icon";
+import useAuthStore from "../../../store/auth";
+import { formatTimestamp } from "../../../utils/common";
+import { getBizMessageDisplay } from "../../../utils/bizMessage";
+import BizMessageBubble from "../BizMessageBubble";
+const BizMessageAvatar = ({ avatarUrl }) => (_jsx("div", { className: "flex shrink-0 items-center pb-4", children: avatarUrl ? (_jsx("img", { src: avatarUrl, alt: "", className: "h-6 w-6 rounded-full object-cover" })) : (_jsx("div", { className: "flex h-6 w-6 items-center justify-center rounded-full bg-[#0C5CFF]", children: _jsx(Icon, { icon: "droppii-o-1", size: 14, className: "text-white" }) })) }));
+const BizMessageTime = ({ sendTime }) => (_jsx("div", { className: "flex w-full items-center px-4 py-1", children: _jsx("div", { className: "flex min-w-0 flex-1 flex-col items-start", children: _jsx("p", { className: "w-full break-words text-center text-[12px] font-normal leading-[160%] tracking-normal text-[#747B7E]", children: formatTimestamp(sendTime, { hasTime: true }) }) }) }));
+const BizMessageItem = ({ message, allMessages }) => {
+    const userID = useAuthStore((state) => state.userID);
+    if (!userID)
+        return null;
+    const display = getBizMessageDisplay(message, allMessages, userID);
+    if (!display.isMine) {
+        return (_jsxs("div", { className: "flex w-full flex-col pb-1", "data-testid": "biz-message-item", children: [display.showTimeBreak && _jsx(BizMessageTime, { sendTime: display.sendTime }), _jsxs("div", { className: "flex w-full items-end pl-3 pr-12", children: [display.showAvatar ? (_jsx(BizMessageAvatar, { avatarUrl: display.senderFaceUrl })) : (_jsx("div", { className: "w-6 shrink-0" })), _jsx("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: _jsx(BizMessageBubble, { isMine: display.isMine, content: display.content, senderName: display.senderName, showSenderName: display.showSenderName, showTip: display.showTip }) })] })] }));
+    }
+    return (_jsxs("div", { className: "flex w-full flex-col pb-1", "data-testid": "biz-message-item", children: [display.showTimeBreak && _jsx(BizMessageTime, { sendTime: display.sendTime }), _jsx("div", { className: "flex w-full justify-end pl-12 pr-3", children: _jsx("div", { className: "flex min-w-0 max-w-[calc(100%-48px)] flex-col items-end gap-1", children: _jsx(BizMessageBubble, { isMine: display.isMine, content: display.content, showTip: display.showTip }) }) })] }));
+};
+export default BizMessageItem;

package/dist/components/canned-response/CannedResponseBody.d.ts

@@ -0,0 +1,8 @@
+interface ICannedResponseBodyProps {
+    search?: string;
+    onSelectCannedResponse?: (content: string) => void;
+    cannedQuery?: string;
+}
+declare const CannedResponseBody: (props: ICannedResponseBodyProps) => import("react/jsx-runtime").JSX.Element;
+export default CannedResponseBody;
+//# sourceMappingURL=CannedResponseBody.d.ts.map

package/dist/components/canned-response/CannedResponseBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CannedResponseBody.d.ts","sourceRoot":"","sources":["../../../src/components/canned-response/CannedResponseBody.tsx"],"names":[],"mappings":"AAiBA,UAAU,wBAAwB;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sBAAsB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AASD,QAAA,MAAM,kBAAkB,GAAI,OAAO,wBAAwB,4CA8M1D,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/canned-response/CannedResponseBody.js

@@ -0,0 +1,109 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Empty, Segmented, Spin } from "antd";
+import { useFetchMyTeams } from "../../hooks/team/useFetchMyTeam";
+import { useTranslation } from "react-i18next";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { CannedResponseVisibleScope } from "../../types/chat";
+import TeamItem from "./team/TeamItem";
+import { useFetchCannedResponse } from "../../hooks/canned-response/useFetchCannedResponse";
+import InfiniteScroll from "react-infinite-scroll-component";
+import { Icon } from "../../components/icon";
+import { sanitizeHtml } from "../../utils/common";
+import { useDebounce } from "ahooks";
+import clsx from "clsx";
+import emitter from "../../utils/events";
+import { isArray } from "lodash";
+import { useMessageFooterContext } from "../../components/message/footer";
+const parseIndex = (index, length) => {
+    if (index === null)
+        return null;
+    if (index < 0)
+        return 0;
+    if (index >= length)
+        return length - 1;
+    return index;
+};
+const CannedResponseBody = (props) => {
+    var _a, _b;
+    const { search, onSelectCannedResponse, cannedQuery } = props;
+    const { activeCannedIndex, setActiveCannedIndex, setMaxActiveCannedIndex } = useMessageFooterContext();
+    const itemRefs = useRef([]);
+    const { t } = useTranslation();
+    const { data: myTeams, isLoading: isLoadingTeams } = useFetchMyTeams();
+    const [scope, setScope] = useState(CannedResponseVisibleScope.TEAM);
+    const [selectedTeamId, setSelectedTeamId] = useState(undefined);
+    const [selectedCategoryId, setSelectedCategoryId] = useState(undefined);
+    const cannedQueryDebounced = useDebounce(cannedQuery, { wait: 300 });
+    const { dataFlatten: cannedResponses, fetchNextPage, hasNextPage, } = useFetchCannedResponse({
+        visibilityScope: scope,
+        teamId: selectedTeamId,
+        categoryId: selectedCategoryId,
+        shortcut: search || cannedQueryDebounced || "",
+    });
+    const validActiveCannedIndex = useMemo(() => {
+        return parseIndex(activeCannedIndex, (cannedResponses === null || cannedResponses === void 0 ? void 0 : cannedResponses.length) || 0);
+    }, [activeCannedIndex, cannedResponses === null || cannedResponses === void 0 ? void 0 : cannedResponses.length]);
+    const options = useMemo(() => {
+        return [
+            { label: t("team"), value: CannedResponseVisibleScope.TEAM },
+            { label: t("personal"), value: CannedResponseVisibleScope.PRIVATE },
+        ];
+    }, [t]);
+    const onSelectCategory = useCallback((teamId, categoryId) => {
+        setSelectedTeamId(teamId);
+        setSelectedCategoryId(categoryId);
+    }, []);
+    const renderTeamItem = useCallback((team, index) => {
+        return (_jsx(TeamItem, { team: team, onSelectCategory: onSelectCategory, selectedTeamId: selectedTeamId, selectedCategoryId: selectedCategoryId, defaultOpen: index === 0 }, team === null || team === void 0 ? void 0 : team.teamId));
+    }, [onSelectCategory, selectedTeamId, selectedCategoryId]);
+    useEffect(() => {
+        if (!isLoadingTeams && myTeams && myTeams.length > 0) {
+            setSelectedTeamId(myTeams[0].teamId);
+        }
+    }, [isLoadingTeams, myTeams]);
+    useEffect(() => {
+        const handler = (index) => {
+            var _a;
+            const validIndex = parseIndex(index, cannedResponses === null || cannedResponses === void 0 ? void 0 : cannedResponses.length);
+            if (validIndex !== null && !!(cannedResponses === null || cannedResponses === void 0 ? void 0 : cannedResponses[validIndex])) {
+                const htmlContent = ((_a = cannedResponses === null || cannedResponses === void 0 ? void 0 : cannedResponses[validIndex]) === null || _a === void 0 ? void 0 : _a.content) || "";
+                // 🔒 Sanitize HTML to prevent XSS attacks
+                const sanitizedContent = sanitizeHtml(htmlContent);
+                onSelectCannedResponse === null || onSelectCannedResponse === void 0 ? void 0 : onSelectCannedResponse(sanitizedContent);
+            }
+        };
+        emitter.on("CANNED_RESPONSE_SELECT", handler);
+        return () => {
+            emitter.off("CANNED_RESPONSE_SELECT", handler);
+        };
+    }, [cannedResponses, onSelectCannedResponse]);
+    useEffect(() => {
+        setActiveCannedIndex(0);
+    }, [search, cannedQueryDebounced, setActiveCannedIndex]);
+    useEffect(() => {
+        var _a, _b;
+        if (activeCannedIndex !== null) {
+            (_b = (_a = itemRefs.current) === null || _a === void 0 ? void 0 : _a[activeCannedIndex]) === null || _b === void 0 ? void 0 : _b.scrollIntoView({
+                block: "nearest",
+            });
+        }
+    }, [activeCannedIndex]);
+    useEffect(() => {
+        setMaxActiveCannedIndex((cannedResponses === null || cannedResponses === void 0 ? void 0 : cannedResponses.length) - 1 > 0 ? (cannedResponses === null || cannedResponses === void 0 ? void 0 : cannedResponses.length) - 1 : 0);
+    }, [cannedResponses, setMaxActiveCannedIndex]);
+    return (_jsxs("div", { className: "flex flex-1 flex-row h-[400px]", children: [_jsxs("div", { className: "w-[170px] p-2 border-r border-gray-200", children: [_jsx(Segmented, { options: options, block: true, size: "small", value: scope, onChange: setScope }), _jsx("div", { className: "overflow-y-auto h-full", children: scope === CannedResponseVisibleScope.TEAM && (_jsx("div", { className: "mt-1 flex flex-col", children: (_a = myTeams === null || myTeams === void 0 ? void 0 : myTeams.map) === null || _a === void 0 ? void 0 : _a.call(myTeams, (team, index) => renderTeamItem(team, index)) })) })] }), _jsxs("div", { id: "scrollableCannedDiv", className: "flex flex-col flex-1 h-full overflow-y-auto", children: [!!cannedQuery && !search && (_jsx("div", { className: "px-3 py-2 border-b border-gray-200", children: _jsxs("span", { className: "text-sm text-gray-500", children: [t("canned_response_quick_search_placeholder"), _jsx("span", { className: "text-blue-600", children: ` #${cannedQuery}` })] }) })), _jsx(InfiniteScroll, { dataLength: (cannedResponses === null || cannedResponses === void 0 ? void 0 : cannedResponses.length) || 0, next: fetchNextPage, hasMore: hasNextPage, loader: _jsx("div", { className: "flex items-center justify-center py-2", children: _jsx(Spin, {}) }), scrollableTarget: "scrollableCannedDiv", children: !isArray(cannedResponses) || (cannedResponses === null || cannedResponses === void 0 ? void 0 : cannedResponses.length) === 0 ? (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Empty, { image: _jsx(Icon, { icon: "chat-square-b", size: 80, className: "text-gray-300" }), description: t("no_canned_response") }) })) : ((_b = cannedResponses === null || cannedResponses === void 0 ? void 0 : cannedResponses.map) === null || _b === void 0 ? void 0 : _b.call(cannedResponses, (canned, index) => {
+                            var _a, _b;
+                            const isActive = index === validActiveCannedIndex;
+                            const htmlContent = (canned === null || canned === void 0 ? void 0 : canned.content) || "";
+                            // 🔒 Sanitize HTML to prevent XSS attacks
+                            const sanitizedContent = sanitizeHtml(htmlContent);
+                            return (_jsxs("div", { ref: (el) => {
+                                    itemRefs.current[index] = el;
+                                }, className: clsx("flex flex-col flex-1 px-3 py-2 cursor-pointer hover:bg-blue-100 w-full border-b border-gray-200", isActive && "bg-blue-100"), onClick: () => onSelectCannedResponse === null || onSelectCannedResponse === void 0 ? void 0 : onSelectCannedResponse(sanitizedContent), children: [_jsxs("span", { className: "text-xs truncate text-gray-500", children: [`${((_a = canned === null || canned === void 0 ? void 0 : canned.category) === null || _a === void 0 ? void 0 : _a.name)
+                                                ? `${(_b = canned === null || canned === void 0 ? void 0 : canned.category) === null || _b === void 0 ? void 0 : _b.name} / `
+                                                : ""}`, _jsx("span", { className: "text-black", children: `${(canned === null || canned === void 0 ? void 0 : canned.name) || ""} ` }), _jsx("span", { children: "/" }), _jsx("span", { className: "text-blue-500", children: ` #${(canned === null || canned === void 0 ? void 0 : canned.shortcut) || ""}` })] }), _jsx("div", { dangerouslySetInnerHTML: {
+                                            __html: sanitizedContent,
+                                        }, className: "text-sm mt-1" })] }, canned === null || canned === void 0 ? void 0 : canned.id));
+                        })) })] })] }));
+};
+export default CannedResponseBody;

package/dist/components/canned-response/CannedResponseFooter.d.ts

@@ -0,0 +1,6 @@
+interface ICannedResponseFooterProps {
+    openCreateCannedModal?: () => void;
+}
+declare const CannedResponseFooter: ({ openCreateCannedModal, }: ICannedResponseFooterProps) => import("react/jsx-runtime").JSX.Element;
+export default CannedResponseFooter;
+//# sourceMappingURL=CannedResponseFooter.d.ts.map

package/dist/components/canned-response/CannedResponseFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CannedResponseFooter.d.ts","sourceRoot":"","sources":["../../../src/components/canned-response/CannedResponseFooter.tsx"],"names":[],"mappings":"AAGA,UAAU,0BAA0B;IAClC,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;CACpC;AAED,QAAA,MAAM,oBAAoB,GAAI,4BAE3B,0BAA0B,4CAgB5B,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/components/canned-response/CannedResponseFooter.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import { Icon } from "../../components/icon";
+const CannedResponseFooter = ({ openCreateCannedModal, }) => {
+    const { t } = useTranslation();
+    return (_jsx("div", { className: "flex items-center justify-end border-t border-gray-200 p-2", children: _jsxs("div", { className: "flex cursor-pointer items-center gap-1", onClick: openCreateCannedModal, children: [_jsx(Icon, { icon: "plus-circle-o", size: 16, className: "text-blue-500" }), _jsx("span", { className: "text-sm text-blue-500", children: t("add_canned_response") })] }) }));
+};
+export default CannedResponseFooter;

package/dist/components/canned-response/CannedResponseHeader.d.ts

@@ -0,0 +1,8 @@
+interface ICannedResponseHeaderProps {
+    onClose?: () => void;
+    search?: string;
+    setSearch?: (search: string) => void;
+}
+declare const CannedResponseHeader: (props: ICannedResponseHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default CannedResponseHeader;
+//# sourceMappingURL=CannedResponseHeader.d.ts.map

package/dist/components/canned-response/CannedResponseHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CannedResponseHeader.d.ts","sourceRoot":"","sources":["../../../src/components/canned-response/CannedResponseHeader.tsx"],"names":[],"mappings":"AAKA,UAAU,0BAA0B;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED,QAAA,MAAM,oBAAoB,GAAI,OAAO,0BAA0B,4CA+B9D,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/components/canned-response/CannedResponseHeader.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import CannedResponseIcon from "../../assets/svg/canned-response";
+import { Button, Input } from "antd";
+import { Icon } from "../../components/icon";
+const CannedResponseHeader = (props) => {
+    const { onClose, search, setSearch } = props;
+    const { t } = useTranslation();
+    return (_jsxs("div", { className: "px-3 py-2 flex flex-row items-center gap-2 border-b border-gray-200", children: [_jsxs("div", { className: "flex flex-row items-center gap-2", children: [_jsx(CannedResponseIcon, { size: 20, className: "text-blue-500" }), _jsx("span", { className: "text-base font-medium", children: t("canned_responses") })] }), _jsxs("div", { className: "flex flex-1 flex-row items-center justify-end gap-2", children: [_jsx(Input, { size: "large", placeholder: t("search"), prefix: _jsx(Icon, { icon: "search-o", size: 20, className: "text-gray-500" }), style: { width: 260 }, className: "text-sm", value: search, onChange: (e) => setSearch === null || setSearch === void 0 ? void 0 : setSearch(e.target.value) }), _jsx(Button, { type: "text", shape: "default", className: "text-gray-500 w-8 h-8 p-0", onClick: onClose, children: _jsx(Icon, { icon: "close-o", size: 16 }) })] })] }));
+};
+export default CannedResponseHeader;

package/dist/components/canned-response/index.d.ts

@@ -0,0 +1,8 @@
+interface ICannedResponseProps {
+    onClose?: () => void;
+    openCreateCannedModal?: () => void;
+    cannedQuery?: string;
+}
+declare const CannedResponse: ({ onClose, openCreateCannedModal, cannedQuery, }: ICannedResponseProps) => import("react/jsx-runtime").JSX.Element;
+export default CannedResponse;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/canned-response/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/canned-response/index.tsx"],"names":[],"mappings":"AASA,UAAU,oBAAoB;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,cAAc,GAAI,kDAIrB,oBAAoB,4CAgDtB,CAAC;AAEF,eAAe,cAAc,CAAC"}