Developers
Start building
Themes/Theme SDK/Modules/inbox

inbox

The store's live chat: its state and actions, the complete widget and the parts it is built from.

On this page
import { … } from '@poltura/theme-sdk/inbox';

Hooks

NameWhat it is
useInboxThe chat's view and actions: whether it is open, online or unread, the conversation, the help search and the merchant's wording and look.

Parts

NameWhat it is
InboxRootThe chat's frame: it pins the chat to its corner, applies the merchant's colours and shares the chat state with the parts inside it.
InboxLauncherThe round button that opens and closes the panel, with the unread count while the panel is closed.
InboxPanelThe chat panel that opens above the launcher.
InboxPanelHeaderThe panel header with the title, whether someone is online and the close button.
InboxConversationThe conversation area: the message list, or the open help article in its place.
InboxMessageListThe messages of the conversation with day separators, the help search, suggestions and a jump to the latest message.
InboxMessageBubbleOne message with its author, text, files and, for the shopper's own messages, how far it has been delivered.
InboxComposerThe message field with the attach and send buttons and the files waiting to be sent.
InboxOfflineFormThe contact form that replaces the composer while no one is online: name, email and a message sent as an email.
InboxStatusLineThe line above the composer that says the chat is reconnecting or that this is a preview.
InboxKnowledgeSearchThe help article search with its results, drawn only when the store offers help articles in the chat.
InboxKnowledgeSuggestionsA short list of help articles offered before the shopper writes, drawn only when there are some.
InboxKnowledgeArticleThe help article the shopper opened, with a button back to the results; draws nothing while none is open.
InboxChatGlyphThe speech bubble icon of the launcher.

Defaults

NameWhat it is
InboxWidgetThe complete live chat: the launcher and the panel with the conversation, the help search and the composer or the offline form.

Types

NameWhat it is
InboxActionsWhat the shopper can do in the chat.
InboxAppearanceHow the merchant set the chat up: which corner it sits in, its colour mode and its colours.
InboxArticleA help article opened in full.
InboxAttachmentA file sent with a message.
InboxAttachmentKindWhat kind of file a message carries.
InboxAuthorKindWho wrote a message: the shopper, a team member, the AI assistant or the chat itself.
InboxColorsThe colours of the chat in one colour mode, each a CSS colour or a design token reference such as var(--card).
InboxConnectionThe state of the chat's live connection to the store.
InboxCopyEvery text the chat shows, already resolved: the merchant's wording where set, the store language's otherwise.
InboxDeliveryHow far a message the shopper sent has got.
InboxKnowledgeThe help search inside the chat: whether it exists, what was asked, what was found and the article open now.
InboxKnowledgeItemA help article found by a search, before it is opened.
InboxMessageA message in the conversation.
InboxPendingAttachmentA file the shopper has picked and not sent yet.
InboxStateThe chat's view and the actions the shopper can take.
InboxViewWhat the chat shows right now.
InboxRootPropsProps of InboxRoot.
InboxLauncherPropsProps of InboxLauncher.
InboxPanelPropsProps of InboxPanel.
InboxPanelHeaderPropsProps of InboxPanelHeader.
InboxConversationPropsProps of InboxConversation.
InboxMessageListPropsProps of InboxMessageList.
InboxMessageBubblePropsProps of InboxMessageBubble.
InboxComposerPropsProps of InboxComposer.
InboxOfflineFormPropsProps of InboxOfflineForm.
InboxStatusLinePropsProps of InboxStatusLine.
InboxKnowledgeSearchPropsProps of InboxKnowledgeSearch.
InboxKnowledgeSuggestionsPropsProps of InboxKnowledgeSuggestions.
InboxKnowledgeArticlePropsProps of InboxKnowledgeArticle.
InboxChatGlyphPropsProps of InboxChatGlyph.
Last updated