@banbox/chat 1.0.10 → 1.0.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@banbox/chat",
-  "version": "1.0.10",
+  "version": "1.0.11",
   "description": "Banbox Chat UI components — reusable across all Banbox React/Next.js projects",
   "type": "module",
   "license": "UNLICENSED",

package/src/chat/ChatRoot.tsx

@@ -32,9 +32,20 @@ export type ChatRootProps = {
    * <ChatRoot adapter={adapter} theme="admin" />
    */
   theme?: ChatTheme;
+
+  /**
+   * Keys of footer toolbar actions to hide.
+   *
+   * Available keys: "attachment" | "emoji" | "businessCard" | "addressCard" | "translate"
+   *
+   * @example
+   * // Hide the Delivery Address button in the seller app:
+   * <ChatRoot hiddenActionKeys={["addressCard"]} ... />
+   */
+  hiddenActionKeys?: string[];
 };
 
-export default function ChatRoot({ adapter, uiCallbacks, theme }: ChatRootProps) {
+export default function ChatRoot({ adapter, uiCallbacks, theme, hiddenActionKeys }: ChatRootProps) {
   const { isOpen, variant } = useChatUI();
 
   // Lock page scroll whenever the chat is open
@@ -55,6 +66,7 @@ export default function ChatRoot({ adapter, uiCallbacks, theme }: ChatRootProps)
               adapter={adapter}
               uiCallbacks={uiCallbacks}
               theme={theme}
+              hiddenActionKeys={hiddenActionKeys}
             />
           ) : (
             <SinglePopup
@@ -62,6 +74,7 @@ export default function ChatRoot({ adapter, uiCallbacks, theme }: ChatRootProps)
               adapter={adapter}
               uiCallbacks={uiCallbacks}
               theme={theme}
+              hiddenActionKeys={hiddenActionKeys}
             />
           )
         )}

package/src/chat/InboxPopup.tsx

@@ -34,6 +34,8 @@ export type InboxPopupProps = {
   adapter: ChatAdapter;
   uiCallbacks?: ChatUICallbacks;
   theme?: ChatTheme;
+  /** Keys of footer toolbar actions to hide. e.g. ["addressCard", "translate"] */
+  hiddenActionKeys?: string[];
 };
 
 /* ─── Helpers ─── */
@@ -50,7 +52,7 @@ const avatarBgByInitial: Record<string, string> = {
 /* ══════════════════════════════════════════════════
    Component
 ══════════════════════════════════════════════════ */
-const InboxPopup: React.FC<InboxPopupProps> = ({ adapter, uiCallbacks, theme }) => {
+const InboxPopup: React.FC<InboxPopupProps> = ({ adapter, uiCallbacks, theme, hiddenActionKeys }) => {
   const { close, selectThread, selectedThreadId, reference } = useChatUI();
   const { isOpen: isGalleryOpen, closeGallery } = useGallery();
 
@@ -337,6 +339,7 @@ const InboxPopup: React.FC<InboxPopupProps> = ({ adapter, uiCallbacks, theme })
                   replyTo={replyTo}
                   clearReply={() => setReplyTo(undefined)}
                   onAfterSend={() => setRev((v) => v + 1)}
+                  hiddenActionKeys={hiddenActionKeys}
                   onSend={(payload) => {
                     if (activeId) adapter.messages.send(activeId, payload);
                   }}

package/src/chat/SinglePopup.tsx

@@ -55,12 +55,14 @@ export type SinglePopupProps = {
   adapter: ChatAdapter;
   uiCallbacks?: ChatUICallbacks;
   theme?: ChatTheme;
+  /** Keys of footer toolbar actions to hide. e.g. ["addressCard", "translate"] */
+  hiddenActionKeys?: string[];
 };
 
 /* ══════════════════════════════════════════════════
    Component
 ══════════════════════════════════════════════════ */
-const SinglePopup: React.FC<SinglePopupProps> = ({ adapter, uiCallbacks, theme }) => {
+const SinglePopup: React.FC<SinglePopupProps> = ({ adapter, uiCallbacks, theme, hiddenActionKeys }) => {
   const { close, reference } = useChatUI();
   const { isOpen: isGalleryOpen, closeGallery } = useGallery();
 
@@ -258,6 +260,7 @@ const SinglePopup: React.FC<SinglePopupProps> = ({ adapter, uiCallbacks, theme }
               replyTo={replyTo}
               clearReply={() => setReplyTo(undefined)}
               onAfterSend={handleAfterSend}
+              hiddenActionKeys={hiddenActionKeys}
               onSend={(payload) => {
                 if (activeId) adapter.messages.send(activeId, payload);
               }}