@botpress/webchat 2.1.11 → 2.2.1

package/dist/stores/webchatStore.d.ts

@@ -1,10 +1,9 @@
 import { type RefObject } from 'react';
-import type { Configuration, MessageObject, Theme } from '../types';
+import type { Configuration, MessageObject } from '../types';
 import type { Renderers } from '../contexts';
 import type { WebchatClient } from '../client';
 import { type EventEmitter, type Events } from '../utils';
 export type WebchatProps = {
-    theme: Theme;
     renderers: Partial<Renderers>;
     client?: WebchatClient;
     configuration: Configuration;
@@ -27,7 +26,6 @@ export type WebchatProps = {
 };
 export type WebchatState = WebchatProps & {
     setState: (newState: Partial<WebchatState>) => void;
-    setTheme: (theme: Partial<Theme>) => void;
     setMessages: (messages: MessageObject[]) => void;
     addMessage: (message: Omit<MessageObject, 'id'> & {
         id?: string;

package/dist/style.css

@@ -0,0 +1 @@
+.bpMessageBlocksTextHeading1{font-size:1.5rem;line-height:2rem;font-weight:500;color:var(--gray-11)}.bpMessageContainer[data-direction=outgoing] .bpMessageBlocksTextHeading1{color:var(--accent-12)}.bpMessageBlocksTextHeading2{font-size:1.25rem;line-height:1.75rem;color:var(--gray-11)}.bpMessageContainer[data-direction=outgoing] .bpMessageBlocksTextHeading2{color:var(--accent-12)}.bpMessageBlocksTextHeading3{font-size:1.125rem;line-height:1.75rem}.bpMessageBlocksTextUnorderedList,.bpMessageBlocksTextOrderedList{padding-left:var(--spacing-2);margin-bottom:var(--spacing-2);list-style-type:disc;list-style-position:inside}.bpMessageBlocksTextUnorderedList::marker,.bpMessageBlocksTextOrderedList::marker{color:var(--gray-10)}.bpMessageContainer[data-direction=outgoing] .bpMessageBlocksTextUnorderedList::marker,.bpMessageBlocksTextOrderedList::marker{color:var(--accent-12)}.bpMessageBlocksTextLink{text-decoration:underline}.bpMessageBlocksButton{padding:.25rem .75rem;background-color:var(--accent-3);color:var(--accent-11);font-size:.875rem;line-height:1.25rem;border-radius:calc(var(--radius-scale)*var(--radius-md));cursor:pointer}.bpMessageBlocksButton:hover{background-color:var(--accent-4)}.bpMessageBlocksButton[data-activated=true],.bpMessageBlocksButton[data-group-activated=true]{display:none}.bpMessageBlocksBubble{padding:var(--spacing-2);padding-left:var(--spacing-4);padding-right:var(--spacing-4);border-radius:calc(var(--radius-scale)*var(--radius-md));max-width:85%}.bpMessageContainer[data-direction=outgoing] .bpMessageBlocksBubble{background-color:var(--message-bg);color:var(--message-text);border-bottom-right-radius:var(--radius-sm)}.bpMessageContainer[data-direction=incoming] .bpMessageBlocksBubble{border-color:var(--gray-4);background-color:var(--gray-3);color:var(--gray-11);border-bottom-left-radius:var(--radius-sm)}.bpMessageBlocksImageImage{width:95%;border:1px solid var(--gray-4);object-fit:cover;border-radius:calc(var(--radius-scale)*var(--radius-md))}.bpMessageBlocksImageImage[data-orientation=landscape]{aspect-ratio:4 / 3}.bpMessageBlocksImageImage[data-orientation=portrait]{aspect-ratio:3 / 4}.bpMessageBlocksImageImage[data-orientation=square]{aspect-ratio:1 / 1}@media (min-width: 640px){.bpMessageBlocksImageImage{width:var(--spacing-56)}}.bpMessageBlocksVideo{border:1px solid var(--gray-4);border-radius:calc(var(--radius-scale)*var(--radius-md))}.bpMessageBlocksLocationContainer{display:flex;gap:var(--spacing-2);padding:var(--spacing-2);background-color:var(--gray-3);border-radius:calc(var(--radius-scale)*var(--radius-3xl));align-items:center}.bpMessageBlocksLocationTitle{color:var(--gray-11);font-size:.875rem;line-height:1.25rem;cursor:pointer}.bpMessageBlocksLocationIcon{height:var(--spacing-5);width:var(--spacing-5);color:var(--green-600)}.bpMessageBlocksColumn{display:flex;flex-direction:column;gap:var(--spacing-2);width:100%}.bpMessageBlocksColumn[data-horizontal=center]{align-items:center}.bpMessageBlocksColumn[data-horizontal=right]{align-items:flex-end}.bpMessageBlocksColumn[data-horizontal=left]{align-items:flex-start}.bpMessageBlocksColumn[data-vertical=stretch]{justify-content:space-between}.bpMessageBlocksRow{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.bpMessageBlocksCarouselContainer{overflow:hidden;position:relative}.bpMessageBlocksCarouselSlidesContainer{display:grid;padding-left:var(--spacing-2);padding-right:var(--spacing-2);gap:var(--spacing-2);grid-auto-flow:column;grid-auto-columns:90%}.bpMessageBlocksCarouselSlidesContainer>*{max-width:26rem}.bpMessageBlocksCarouselBackButton,.bpMessageBlocksCarouselNextButton{position:absolute;top:50%;transform:translateY(-50%);background-color:#21202033;color:var(--gray-3);height:var(--spacing-7);padding:var(--spacing-0.5);border-radius:calc(var(--radius-scale)*var(--radius-full));cursor:pointer;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;box-shadow:0 2px 4px #0000001a}.bpMessageBlocksCarouselBackButton:hover,.bpMessageBlocksCarouselNextButton:hover{background-color:#212020cc;color:var(--gray-1);transform:translateY(-50%) scale(1.1)}.bpMessageBlocksCarouselBackButton{left:var(--spacing-1)}.bpMessageBlocksCarouselNextButton{right:var(--spacing-1)}.bpMessageBlocksDropdownButtonContainer{display:flex;padding:var(--spacing-2);background-color:var(--gray-1);border:1px solid var(--gray-4);border-radius:calc(var(--radius-scale)*var(--radius-md));align-items:center;justify-content:space-between;max-width:80%;cursor:pointer}.bpMessageBlocksDropdownButtonContainer[data-disabled=true]{color:var(--gray-9);cursor:not-allowed;border-color:var(--gray-4)}.bpMessageBlocksDropdownButtonText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bpMessageBlocksDropdownButtonIcon{height:var(--spacing-4);width:var(--spacing-4);margin-left:var(--spacing-2)}.bpMessageBlocksDropdownContentContainer{background-color:var(--gray-1);border:1px solid var(--gray-4);border-radius:calc(var(--radius-scale)*var(--radius-md));min-width:100px;max-height:200px;overflow-y:auto}.bpMessageBlocksDropdownContentItem{padding:var(--spacing-2);cursor:pointer}.bpMessageBlocksDropdownContentItem:hover{background-color:var(--gray-3);color:var(--gray-11)}.bpMessageBlocksFileContainer{display:flex;padding-top:var(--spacing-2);padding-bottom:var(--spacing-2);padding-left:var(--spacing-4);padding-right:var(--spacing-4);gap:var(--spacing-2);align-items:center;border-radius:calc(var(--radius-scale)*var(--radius-md));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:var(--gray-3);color:var(--gray-11)}.bpMessageBlocksFileContainer:hover{color:var(--gray-12);background-color:var(--gray-4)}.bpMessageBlocksFileTitle{text-decoration:underline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bpMessageBlocksFileIcon{flex:none;width:1.25rem;height:1.25rem;color:var(--accent-10)}.bpComposerContainer{display:flex;margin:var(--spacing-2);align-items:center;border-radius:calc(var(--radius-scale)*var(--radius-md));border-width:var(--spacing-px);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;background:var(--gray-1);border-color:var(--gray-4);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.bpComposerContainer:focus-within{border-color:var(--accent-9)}.bpComposerInput{padding-left:var(--spacing-2);padding-right:var(--spacing-2);margin:var(--spacing-3) var(--spacing-1);flex-grow:1;border-radius:calc(var(--radius-scale)*var(--radius-md));outline-style:none;font-size:1rem;line-height:1.25rem;background-color:transparent;resize:none;color:var(--gray-11);height:1.5em}.bpComposerInput:focus{outline:none}.bpComposerInput::placeholder{color:var(--gray-9)}.bpComposerButtonContainer{display:flex;padding:var(--spacing-2);justify-content:center;align-items:center;border-radius:calc(var(--radius-scale)*var(--radius-full));height:var(--spacing-11)}.bpComposerButtonIcon{color:var(--accent-9);height:var(--spacing-8);width:var(--spacing-8)}.bpComposerButtonIcon:hover{color:color-mix(in srgb,var(--accent-10),black 15%)}.bpComposerUploadButtonContainer{padding:var(--spacing-1);margin:var(--spacing-1);margin-right:calc(var(--spacing-2) * -1);border-radius:calc(var(--radius-scale) * var(--radius-md))}.bpComposerUploadButtonIcon{color:var(--gray-10);display:block;padding:var(--spacing-1);background:var(--gray-3);border-radius:calc(var(--radius-scale)*var(--radius-md));height:var(--spacing-6);width:var(--spacing-6)}.bpComposerUploadButtonIcon:hover{color:var(--gray-9);background:var(--gray-2);cursor:pointer}.bpModalContainer{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;padding:var(--spacing-2);pointer-events:none}.bpModalOverlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;background-color:#0000004d}.bpModalDialogContainer{padding:var(--spacing-6);border-radius:calc(var(--radius-scale)*var(--radius-md));width:100%;pointer-events:auto;color:var(--gray-11);background:var(--gray-1);margin:auto}@container (min-width: 28rem){.bpModalDialogContainer{width:auto}}.bpModalDialogTitleContainer{display:flex;margin-bottom:var(--spacing-2);justify-content:space-between;align-items:center}.bpModalDialogTitleText{font-size:1rem;line-height:1.5rem;color:var(--gray-11)}.bpModalDialogTitleCloseIcon{height:1.25rem;cursor:pointer;color:var(--gray-10)}.bpModalDialogTitleCloseIcon:hover{color:var(--gray-11)}.bpModalDialogContent{display:flex;flex-direction:column;font-size:.875rem;line-height:1.25rem;color:var(--gray-11)}.bpModalDialogNewConversationButton{padding-top:var(--spacing-1);padding-bottom:var(--spacing-1);padding-left:var(--spacing-2);padding-right:var(--spacing-2);margin-top:var(--spacing-4);border-radius:calc(var(--radius-scale)*var(--radius-md));color:var(--gray-1);background:var(--accent-9);align-self:end}.bpModalDialogNewConversationButton:hover{background:var(--accent-10)}.bpContainer{display:flex;justify-content:space-between;height:100%;overflow:hidden;position:relative;background-color:var(--gray-1);border-color:var(--gray-4);border-style:solid;border-width:1px;flex-direction:column;border-radius:calc(var(--radius-scale)*var(--radius-md));container-type:inline-size}.bpFabContainer{width:var(--spacing-16);height:var(--spacing-16);border-radius:calc(var(--radius-scale)*var(--radius-full));cursor:pointer;background:var(--fab-bg)}.bpFabContainer:hover{background:var(--fab-bg-hover)}.bpFabIcon{height:100%;width:100%;background-position:center;background-repeat:no-repeat;background-color:var(--fab-icon);background-size:cover;-webkit-mask:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.583 14.894l-3.256 3.78c-.7.813-1.26.598-1.25-.46a10689.413 10689.413 0 0 1 .035-4.775V4.816a3.89 3.89 0 0 1 3.88-3.89h12.064a3.885 3.885 0 0 1 3.882 3.89v6.185a3.89 3.89 0 0 1-3.882 3.89H4.583z' fill='%23FFFFFF' fill-rule='evenodd'%3E%3C/path%3E%3C/svg%3E") no-repeat center;mask:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.583 14.894l-3.256 3.78c-.7.813-1.26.598-1.25-.46a10689.413 10689.413 0 0 1 .035-4.775V4.816a3.89 3.89 0 0 1 3.88-3.89h12.064a3.885 3.885 0 0 1 3.882 3.89v6.185a3.89 3.89 0 0 1-3.882 3.89H4.583z' fill='%23FFFFFF' fill-rule='evenodd'%3E%3C/path%3E%3C/svg%3E") no-repeat center}.bpHeaderContainer{display:flex;padding:var(--spacing-1);flex-direction:column;border-top-left-radius:calc(var(--radius-scale)*var(--radius-md));border-top-right-radius:calc(var(--radius-scale)*var(--radius-md));background-color:var(--header-bg);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.bpHeaderContentContainer{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:1fr;padding:var(--spacing-1);padding-left:var(--spacing-3);padding-right:var(--spacing-3);column-gap:var(--spacing-2);align-items:center;border-radius:calc(var(--radius-scale)*var(--radius-md));text-align:left;cursor:pointer;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.bpHeaderContentContainer:hover{background-color:var(--header-bg-hover)}.bpHeaderContentContainer[data-disabled=true]{cursor:default;background-color:inherit}.bpHeaderContentContainer[data-state=open]{justify-items:center;grid-template-columns:1fr}.bpHeaderContentContainer[data-state=open] .bpHeaderContentActionsContainer{display:none}.bpHeaderContentContainer[data-state=open] .bpHeaderContentAvatarImage{margin-top:var(--spacing-6);width:var(--spacing-16);height:var(--spacing-16)}.bpHeaderContentContainer[data-state=closed]{justify-items:start;grid-template-columns:auto 1fr auto}.bpHeaderContentAvatarContainer{overflow:hidden;padding:var(--spacing-px);border-radius:calc(var(--radius-scale)*var(--radius-full));grid-row:span 2 / span 2}.bpHeaderContentAvatarImage{aspect-ratio:1/1;object-fit:cover;height:var(--spacing-8);border-radius:calc(var(--radius-scale)*var(--radius-full))}.bpHeaderContentAvatarFallback{aspect-ratio:1 / 1;display:flex;justify-content:center;align-items:center;border-radius:calc(var(--radius-scale)*var(--radius-full));height:var(--spacing-8);line-height:var(--spacing-12);color:var(--gray-1)}.bpHeaderContentTitle{padding-top:var(--spacing-0_5);padding-bottom:var(--spacing-0_5);font-size:1rem;line-height:1.5rem;font-weight:500;color:var(--header-title)}.bpHeaderContentDescription{padding-top:var(--spacing-1);padding-bottom:var(--spacing-1);font-size:.875rem;line-height:1.25rem;font-weight:300;color:var(--header-description);width:100%}.bpHeaderContentContainer[data-state=closed] .bpHeaderContentDescription{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.bpHeaderContentContainer[data-state=open] .bpHeaderContentDescription{text-align:center}.bpHeaderContentContainer[data-state=closed] .bpHeaderContentDescription{grid-column-start:2}.bpHeaderContentActionsContainer{display:flex;grid-column-start:3;grid-row:span 2 / span 2;grid-row-start:1!important}.bpHeaderContentActionsIcons{padding:var(--spacing-2);height:var(--spacing-9);width:var(--spacing-9);border-radius:calc(var(--radius-scale)*var(--radius-md));cursor:pointer;color:var(--header-description);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.bpHeaderContentActionsIcons:hover{background-color:var(--header-hover-dark)}.bpHeaderExpandedContentContainer{display:grid;padding:var(--spacing-2);gap:var(--spacing-4);row-gap:var(--spacing-6);justify-items:center;align-items:center;font-size:.875rem;line-height:1.25rem}.bpHeaderExpandedContentDescriptionItemsContainer{display:flex;gap:var(--spacing-1);align-items:center;font-size:.75rem;line-height:1rem;color:var(--header-description);position:relative;border-radius:calc(var(--radius-scale)*var(--radius-sm))}.bpHeaderExpandedContentDescriptionItemsContainer:hover{color:var(--header-title);cursor:pointer}.bpHeaderExpandedContentDescriptionItemsContainer[data-terms]+.bpHeaderExpandedContentDescriptionItemsContainer[data-privacy]{margin-left:calc(var(--spacing-4) + 1px)}.bpHeaderExpandedContentDescriptionItemsContainer[data-terms]+.bpHeaderExpandedContentDescriptionItemsContainer[data-privacy]:before{content:"";position:absolute;left:calc(var(--spacing-4) / -2);top:auto;bottom:auto;height:10px;width:1px;background-color:var(--gray-7)}.bpHeaderExpandedContentDescriptionItemsIcon{padding:var(--spacing-1);border-radius:calc(var(--radius-scale)*var(--radius-full));height:var(--spacing-6);color:var(--header-description)}.bpHeaderExpandedContentDescriptionItemsContainer[data-email] .bpHeaderExpandedContentDescriptionItemsIcon,.bpHeaderExpandedContentDescriptionItemsContainer[data-phone] .bpHeaderExpandedContentDescriptionItemsIcon,.bpHeaderExpandedContentDescriptionItemsContainer[data-website] .bpHeaderExpandedContentDescriptionItemsIcon{color:var(--header-description-icon)}.bpHeaderExpandedContentDescriptionItemsText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default;color:var(--header-description-link)}.bpHeaderExpandedContentDescriptionItemsLink{overflow:hidden;text-overflow:ellipsis;color:var(--header-description-link);white-space:nowrap;font-size:.75rem}.bpHeaderExpandedContentDescriptionItemsLink:hover{text-decoration:underline;text-decoration-color:var(--header-description-link)}.bpHeaderExpandedContentGroup{display:flex;flex-direction:column}.bpHeaderExpandedContentGroup[data-legal]{flex-direction:row}.bpHeaderExpandedContentGroup[data-legal] .bpHeaderExpandedContentDescriptionItemsIcon{display:none}.bpHeaderExpandedContentGroup[data-links]{gap:var(--spacing-2);flex-direction:column}.bpHeaderExpandedContentDescriptionItemsPoweredBy{color:var(--header-description)}.bpTypingIndicatorContainer{display:flex;gap:var(--spacing-1_5);padding:var(--spacing-2);background-color:var(--gray-3);border:1px solid var(--gray-4);border-radius:calc(var(--radius-scale)*var(--radius-lg));align-items:end}.bpTypingIndicatorContainer:before,.bpTypingIndicatorContainer:after{content:"";display:block;width:var(--spacing-1_5);height:var(--spacing-1_5);background-color:var(--gray-10);border-radius:50%;animation:jump 1.5s infinite}.bpTypingIndicatorContainer:after{animation-delay:.2s}.bpTypingIndicatorLoader{width:var(--spacing-1_5);height:var(--spacing-1_5);background-color:var(--gray-10);border-radius:50%;animation:jump 1.5s infinite .1s}@keyframes jump{0%,50%,to{transform:translateY(0)}25%{transform:translateY(-75%)}}.bpMessageContainer{display:flex;gap:var(--spacing-2);font-size:.875rem;line-height:1.25rem;color:var(--gray-11);word-break:break-word}.bpMessageContainer[data-direction=incoming]{justify-content:flex-start}.bpMessageContainer[data-direction=outgoing]{justify-content:flex-end}.bpMessageContainer[data-direction=system]{justify-content:center;font-size:.75rem;line-height:1rem;margin-top:var(--spacing-4);color:var(--gray-10)}.bpMessageContainer[data-loaded=false]{display:none}.bpMessageAvatarContainer{display:none;overflow:hidden;position:relative;flex-shrink:0;align-self:flex-end;border-radius:calc(var(--radius-scale)*var(--radius-full));height:var(--spacing-7)}.bpMessageContainer[data-direction=incoming] .bpMessageAvatarContainer{display:flex;align-self:flex-end}.bpMessageAvatarImage{aspect-ratio:1/1;object-fit:cover;height:100%}.bpMessageAvatarFallback{display:flex;justify-content:center;align-items:center;border-radius:calc(var(--radius-scale)*var(--radius-full));color:var(--gray-1)}.bpMessageListMarqueeContainer{margin-top:auto;display:flex;gap:var(--spacing-2);flex-direction:column;align-items:center;justify-content:center;padding-bottom:var(--spacing-12)}.bpMessageListMarqueeContent{display:flex;flex-direction:column;max-width:60ch}.bpMessageListMarqueeTitle{color:var(--gray-10);font-size:1.125rem;line-height:1.75rem;font-weight:500;text-align:center}.bpMessageListMarqueeDescription{color:var(--gray-10);font-size:.875rem;line-height:1.25rem;text-align:center;margin-top:var(--spacing-1)}.bpMessageListMarqueeAvatarContainer{overflow:hidden;padding:var(--spacing-px);margin-bottom:var(--spacing-3);border-radius:calc(var(--radius-scale)*var(--radius-full))}.bpMessageListMarqueeAvatarImage{height:var(--spacing-20);aspect-ratio:1/1;object-fit:cover;border-radius:calc(var(--radius-scale)*var(--radius-full))}.bpMessageListMarqueeAvatarFallback{display:flex;align-items:center;justify-content:center;height:var(--spacing-20);width:var(--spacing-20);background-image:linear-gradient(to bottom,var(--gray-10),var(--gray-9));color:var(--gray-1);font-size:1.875rem;line-height:2.25rem;border-radius:calc(var(--radius-scale)*var(--radius-full))}.bpMessageListContainer{display:flex;overflow-y:auto;overflow-x:hidden;width:100%;flex-grow:1;padding:var(--spacing-1)}.bpMessageListViewport{display:flex;gap:var(--spacing-2);flex-direction:column;padding:var(--spacing-3)}.bpMessageListViewport::-webkit-scrollbar{width:6px}.bpMessageListViewport::-webkit-scrollbar-track{background-color:transparent}.bpMessageListViewport::-webkit-scrollbar-thumb{background-color:var(--gray-7);border-radius:6px}.bpMessageListViewport::-webkit-scrollbar-thumb:hover{background-color:var(--gray-9)}.bpMessageListScrollDownButtonContainer{position:absolute;bottom:var(--spacing-3);left:0;width:100%;display:flex;justify-content:center;z-index:10}.bpMessageListScrollDownButtonButton{display:flex;gap:var(--spacing-1);padding-left:var(--spacing-3);padding-right:var(--spacing-2);padding-top:var(--spacing-1);padding-bottom:var(--spacing-1);background-color:var(--gray-10);color:var(--gray-1);font-size:.75rem;line-height:1rem;align-items:center;border-radius:calc(var(--radius-scale)*var(--radius-full));cursor:pointer;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.bpMessageListScrollDownButtonButton:hover{background-color:var(--gray-9)}.bpMessageListScrollDownButtonButton[data-is-at-bottom=true]{opacity:0;pointer-events:none;display:none}*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:var( --default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" );font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var( --default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace );font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;background:transparent}input:where(:not([type=button],[type=reset],[type=submit])),select,textarea{border:0px solid}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}summary{display:list-item}ol,ul,menu{list-style:none}textarea{resize:vertical}::placeholder{opacity:1;color:color-mix(in srgb,currentColor 50%,transparent)}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none!important}html{font-size:16px}:root{--accent-1: #fdfdfe;--accent-2: #f7f9ff;--accent-3: #edf2fe;--accent-4: #dfeaff;--accent-5: #d0dfff;--accent-6: #bdd1ff;--accent-7: #a6bff9;--accent-8: #87a5ef;--accent-9: #3d63dd;--accent-10: #3657c3;--accent-11: #395bc7;--accent-12: #1d2e5c;--gray-1: #fcfcfd;--gray-2: #f9f9fb;--gray-3: #eff0f3;--gray-4: #e7e8ec;--gray-5: #e0e1e6;--gray-6: #d8d9e0;--gray-7: #cdced7;--gray-8: #b9bbc6;--gray-9: #8b8d98;--gray-10: #80828d;--gray-11: #62636c;--gray-12: #1e1f24;--header-bg: var(--gray-2);--header-bg-hover: var(--gray-3);--header-hover-dark: var(--gray-4);--header-title: var(--gray-11);--header-description: var(--gray-10);--header-description-icon: var(--accent-10);--header-description-link: var(--accent-11);--message-bg: var(--accent-3);--message-text: var(--accent-11);--fab-bg: var(--accent-3);--fab-bg-hover: var(--accent-4);--fab-icon: var(--accent-9)}:root{--radius-scale: 1;--radius-sm: .125rem ;--radius-sm: .125rem;--radius: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--spacing-0: 0px;--spacing-px: 1px;--spacing-0_5: .125rem;--spacing-1: .25rem;--spacing-1_5: .375rem;--spacing-2: .5rem;--spacing-2_5: .625rem;--spacing-3: .75rem;--spacing-3_5: .875rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-9: 2.25rem;--spacing-10: 2.5rem;--spacing-11: 2.75rem;--spacing-12: 3rem;--spacing-14: 3.5rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-28: 7rem;--spacing-32: 8rem;--spacing-36: 9rem;--spacing-40: 10rem;--spacing-44: 11rem;--spacing-48: 12rem;--spacing-52: 13rem;--spacing-56: 14rem;--spacing-60: 15rem;--spacing-64: 16rem;--spacing-72: 18rem;--spacing-80: 20rem;--spacing-96: 24rem;--rubik-font: "Rubik", sans-serif;--inter-font: "Inter", sans-serif;--ibm-font: "IBM Plex Sans", sans-serif;--fira-font: "Fira Code", monospace;--font-family: var(--inter-font)}:focus-visible{outline:2px solid var(--accent-9)}.bpHidden{display:none}body{font-family:var(--inter-font)}.bpNotificationContainer{display:grid;padding:var(--spacing-4);background-color:var(--gray-1);border:1px solid var(--gray-4);gap:var(--spacing-2);grid-template-columns:auto 1fr auto;align-items:center;border-radius:calc(var(--radius-scale)*var(--radius-md));box-shadow:0 4px 6px #0000001a}.bpNotificationTitle{color:var(--gray-11);font-size:.875rem;line-height:1.25rem;font-weight:500;grid-column-start:2}.bpNotificationDescription{margin-top:var(--spacing-1);color:var(--gray-10);font-size:.875rem;line-height:1.25rem;grid-column-start:2}.bpNotificationIcon{height:var(--spacing-5);aspect-ratio:1/1}.bpNotificationIcon[data-type=success]{color:var(--green-500)}.bpNotificationIcon[data-type=error]{color:var(--red-500)}.bpNotificationCloseIcon{height:var(--spacing-5);aspect-ratio:1/1;cursor:pointer}.bpNotificationCloseIcon:hover{color:var(--gray-9)}.bpWebchat{background-color:var(--gray-11)}

package/dist/styles/classes.d.ts

@@ -0,0 +1,339 @@
+export declare const webchatClasses: {
+    readonly container: {
+        readonly className: "bpContainer";
+    };
+    readonly modal: {
+        readonly container: {
+            readonly className: "bpModalContainer";
+        };
+        readonly overlay: {
+            readonly className: "bpModalOverlay";
+        };
+        readonly dialog: {
+            readonly container: {
+                readonly className: "bpModalDialogContainer";
+            };
+            readonly title: {
+                readonly container: {
+                    readonly className: "bpModalDialogTitleContainer";
+                };
+                readonly text: {
+                    readonly className: "bpModalDialogTitleText";
+                };
+                readonly closeIcon: {
+                    readonly className: "bpModalDialogTitleCloseIcon";
+                };
+            };
+            readonly content: {
+                readonly className: "bpModalDialogContent";
+            };
+            readonly newConversation: {
+                readonly button: {
+                    readonly className: "bpModalDialogNewConversationButton";
+                };
+                readonly text: {
+                    readonly className: "bpModalDialogNewConversationText";
+                };
+            };
+        };
+    };
+    readonly fab: {
+        readonly container: {
+            readonly className: "bpFabContainer";
+        };
+        readonly icon: {
+            readonly className: "bpFabIcon";
+        };
+    };
+    readonly notification: {
+        readonly container: {
+            readonly className: "bpNotificationContainer";
+        };
+        readonly title: {
+            readonly className: "bpNotificationTitle";
+        };
+        readonly description: {
+            readonly className: "bpNotificationDescription";
+        };
+        readonly icon: {
+            readonly className: "bpNotificationIcon";
+        };
+        readonly closeIcon: {
+            readonly className: "bpNotificationCloseIcon";
+        };
+    };
+    readonly header: {
+        readonly container: {
+            readonly className: "bpHeaderContainer";
+        };
+        readonly content: {
+            readonly container: {
+                readonly className: "bpHeaderContentContainer";
+            };
+            readonly title: {
+                readonly className: "bpHeaderContentTitle";
+            };
+            readonly description: {
+                readonly className: "bpHeaderContentDescription";
+            };
+            readonly avatar: {
+                readonly container: {
+                    readonly className: "bpHeaderContentAvatarContainer";
+                };
+                readonly image: {
+                    readonly className: "bpHeaderContentAvatarImage";
+                };
+                readonly fallback: {
+                    readonly className: "bpHeaderContentAvatarFallback";
+                };
+            };
+            readonly actions: {
+                readonly container: {
+                    readonly className: "bpHeaderContentActionsContainer";
+                };
+                readonly icons: {
+                    readonly className: "bpHeaderContentActionsIcons";
+                };
+            };
+        };
+        readonly expandedContent: {
+            readonly container: {
+                readonly className: "bpHeaderExpandedContentContainer";
+            };
+            readonly descriptionItems: {
+                readonly container: {
+                    readonly className: "bpHeaderExpandedContentDescriptionItemsContainer";
+                };
+                readonly poweredBy: {
+                    readonly className: "bpHeaderExpandedContentDescriptionItemsPoweredBy";
+                };
+                readonly icon: {
+                    readonly className: "bpHeaderExpandedContentDescriptionItemsIcon";
+                };
+                readonly text: {
+                    readonly className: "bpHeaderExpandedContentDescriptionItemsText";
+                };
+                readonly link: {
+                    readonly className: "bpHeaderExpandedContentDescriptionItemsLink";
+                };
+            };
+            readonly group: {
+                readonly className: "bpHeaderExpandedContentGroup";
+            };
+        };
+        readonly newConversationIcon: {
+            readonly className: "bpHeaderNewConversationIcon";
+        };
+    };
+    readonly composer: {
+        readonly container: {
+            readonly className: "bpComposerContainer";
+        };
+        readonly input: {
+            readonly className: "bpComposerInput";
+        };
+        readonly button: {
+            readonly container: {
+                readonly className: "bpComposerButtonContainer";
+            };
+            readonly icon: {
+                readonly className: "bpComposerButtonIcon";
+            };
+        };
+        readonly uploadButton: {
+            readonly icon: {
+                readonly className: "bpComposerUploadButtonIcon";
+            };
+            readonly container: {
+                readonly className: "bpComposerUploadButtonContainer";
+            };
+        };
+    };
+    readonly messageList: {
+        readonly scrollbar: {
+            readonly container: {
+                readonly className: "bpMessageListScrollbarContainer";
+            };
+            readonly viewport: {
+                readonly className: "bpMessageListScrollbarViewport";
+            };
+            readonly background: {
+                readonly className: "bpMessageListScrollbarBackground";
+            };
+            readonly thumb: {
+                readonly className: "bpMessageListScrollbarThumb";
+            };
+            readonly corner: {
+                readonly className: "bpMessageListScrollbarCorner";
+            };
+        };
+        readonly scrollDownButton: {
+            readonly container: {
+                readonly className: "bpMessageListScrollDownButtonContainer";
+            };
+            readonly button: {
+                readonly className: "bpMessageListScrollDownButtonButton";
+            };
+            readonly icon: {
+                readonly className: "bpMessageListScrollDownButtonIcon";
+            };
+        };
+        readonly container: {
+            readonly className: "bpMessageListContainer";
+        };
+        readonly viewPort: {
+            readonly className: "bpMessageListViewport";
+        };
+        readonly marquee: {
+            readonly container: {
+                readonly className: "bpMessageListMarqueeContainer";
+            };
+            readonly content: {
+                readonly className: "bpMessageListMarqueeContent";
+            };
+            readonly title: {
+                readonly className: "bpMessageListMarqueeTitle";
+            };
+            readonly description: {
+                readonly className: "bpMessageListMarqueeDescription";
+            };
+            readonly avatar: {
+                readonly container: {
+                    readonly className: "bpMessageListMarqueeAvatarContainer";
+                };
+                readonly image: {
+                    readonly className: "bpMessageListMarqueeAvatarImage";
+                };
+                readonly fallback: {
+                    readonly className: "bpMessageListMarqueeAvatarFallback";
+                };
+            };
+        };
+    };
+    readonly message: {
+        readonly container: {
+            readonly className: "bpMessageContainer";
+        };
+        readonly avatar: {
+            readonly container: {
+                readonly className: "bpMessageAvatarContainer";
+            };
+            readonly image: {
+                readonly className: "bpMessageAvatarImage";
+            };
+            readonly fallback: {
+                readonly className: "bpMessageAvatarFallback";
+            };
+        };
+        readonly blocks: {
+            readonly text: {
+                readonly heading1: {
+                    readonly className: "bpMessageBlocksTextHeading1";
+                };
+                readonly heading2: {
+                    readonly className: "bpMessageBlocksTextHeading2";
+                };
+                readonly heading3: {
+                    readonly className: "bpMessageBlocksTextHeading3";
+                };
+                readonly unorderedList: {
+                    readonly className: "bpMessageBlocksTextUnorderedList";
+                };
+                readonly orderedList: {
+                    readonly className: "bpMessageBlocksTextOrderedList";
+                };
+                readonly link: {
+                    readonly className: "bpMessageBlocksTextLink";
+                };
+            };
+            readonly image: {
+                readonly image: {
+                    readonly className: "bpMessageBlocksImageImage";
+                };
+                readonly placeholder: {
+                    readonly className: "bpMessageBlocksImagePlaceholder";
+                };
+            };
+            readonly video: {
+                readonly className: "bpMessageBlocksVideo";
+            };
+            readonly location: {
+                readonly container: {
+                    readonly className: "bpMessageBlocksLocationContainer";
+                };
+                readonly title: {
+                    readonly className: "bpMessageBlocksLocationTitle";
+                };
+                readonly icon: {
+                    readonly className: "bpMessageBlocksLocationIcon";
+                };
+            };
+            readonly file: {
+                readonly container: {
+                    readonly className: "bpMessageBlocksFileContainer";
+                };
+                readonly title: {
+                    readonly className: "bpMessageBlocksFileTitle";
+                };
+                readonly icon: {
+                    readonly className: "bpMessageBlocksFileIcon";
+                };
+            };
+            readonly row: {
+                readonly className: "bpMessageBlocksRow";
+            };
+            readonly column: {
+                readonly className: "bpMessageBlocksColumn";
+            };
+            readonly bubble: {
+                readonly className: "bpMessageBlocksBubble";
+            };
+            readonly carousel: {
+                readonly container: {
+                    readonly className: "bpMessageBlocksCarouselContainer";
+                };
+                readonly slidesContainer: {
+                    readonly className: "bpMessageBlocksCarouselSlidesContainer";
+                };
+                readonly backButton: {
+                    readonly className: "bpMessageBlocksCarouselBackButton";
+                };
+                readonly nextButton: {
+                    readonly className: "bpMessageBlocksCarouselNextButton";
+                };
+            };
+            readonly dropdown: {
+                readonly button: {
+                    readonly container: {
+                        readonly className: "bpMessageBlocksDropdownButtonContainer";
+                    };
+                    readonly text: {
+                        readonly className: "bpMessageBlocksDropdownButtonText";
+                    };
+                    readonly icon: {
+                        readonly className: "bpMessageBlocksDropdownButtonIcon";
+                    };
+                };
+                readonly content: {
+                    readonly container: {
+                        readonly className: "bpMessageBlocksDropdownContentContainer";
+                    };
+                    readonly item: {
+                        readonly className: "bpMessageBlocksDropdownContentItem";
+                    };
+                };
+            };
+            readonly button: {
+                readonly className: "bpMessageBlocksButton";
+            };
+        };
+    };
+    readonly typingIndicator: {
+        readonly container: {
+            readonly className: "bpTypingIndicatorContainer";
+        };
+        readonly loader: {
+            readonly className: "bpTypingIndicatorLoader";
+        };
+    };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@botpress/webchat",
-  "version": "2.1.11",
+  "version": "2.2.1",
   "type": "module",
   "license": "MIT",
   "main": "./dist/index.umd.cjs",
@@ -29,6 +29,7 @@
     "@radix-ui/react-scroll-area": "^1.0.5",
     "@redux-devtools/extension": "^3.3.0",
     "@types/qs": "^6.9.8",
+    "@types/react-scroll-to-bottom": "^4.2.5",
     "axios": "1.2.5",
     "clsx": "^2.0.0",
     "dayjs": "^1.11.10",
@@ -39,6 +40,7 @@
     "react-dom": "^18.2.0",
     "react-hot-toast": "^2.4.1",
     "react-markdown": "^9.0.1",
+    "react-scroll-to-bottom": "^4.2.0",
     "react-use": "^17.4.0",
     "remark-breaks": "^4.0.0",
     "remark-gfm": "^4.0.0",
@@ -59,6 +61,7 @@
     "typescript": "^5.4.3",
     "vite": "^4.3.9",
     "vite-plugin-dts": "^3.5.4",
+    "vite-plugin-libcss": "^1.1.1",
     "vite-plugin-svgr": "^3.2.0",
     "vitest": "^0.34.6",
     "webchat-adapters": "workspace:*",

package/dist/components/Composer.d.ts

@@ -1,18 +0,0 @@
-import { Theme } from '../types';
-import { ComponentProps, FC } from 'react';
-import { type StyleOptions } from '../contexts';
-declare const Composer: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>>;
-declare const ComposerInput: import("react").MemoExoticComponent<(props: ComponentProps<'textarea'>) => import("react/jsx-runtime").JSX.Element>;
-type UploadButtonStyle = NonNullable<Theme['composer']>['uploadButton'];
-type UploadButtonProps = {
-    icon?: FC<StyleOptions>;
-    styles?: UploadButtonStyle;
-} & ComponentProps<'button'>;
-declare const UploadButton: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<UploadButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>>;
-type ComposerButtonStyle = NonNullable<Theme['composer']>['button'];
-type ComposerButtonProps = {
-    icon?: FC<StyleOptions>;
-    styles?: ComposerButtonStyle;
-} & ComponentProps<'button'>;
-declare const ComposerButton: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<ComposerButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>>;
-export { Composer, ComposerInput, ComposerButton, UploadButton };

package/dist/components/Container.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const Container: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Header.d.ts

@@ -1,37 +0,0 @@
-import { ComponentProps, FC, ReactNode } from 'react';
-import { StyleOptions } from '../contexts';
-type HeaderProps = {
-    defaultOpen?: boolean;
-    open?: boolean;
-    disabled?: boolean;
-    onOpenChange?(open: boolean): void;
-} & ComponentProps<'div'>;
-type ContentProps = {
-    asChild?: true | undefined;
-} & ComponentProps<'button'>;
-type ExpandedContentProps = {
-    asChild?: true | undefined;
-    forceMount?: true | undefined;
-} & ComponentProps<'div'>;
-type DescriptionItemProps = {
-    title?: ReactNode;
-    icon?: FC<StyleOptions>;
-    link?: string;
-};
-export declare const Header: () => import("react/jsx-runtime").JSX.Element;
-declare const HeaderRoot: import("react").NamedExoticComponent<Omit<HeaderProps, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
-    readonly type: import("react").ForwardRefExoticComponent<Omit<HeaderProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-} & {
-    Content: import("react").ForwardRefExoticComponent<Omit<ContentProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-    ExpandedContent: import("react").ForwardRefExoticComponent<Omit<ExpandedContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Avatar: import("react").ForwardRefExoticComponent<{
-        src?: string | undefined;
-    } & {
-        children?: ReactNode;
-    } & import("react").RefAttributes<HTMLSpanElement>>;
-    Description: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
-    Title: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
-    Actions: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    DescriptionItem: ({ icon, title, link, ...props }: DescriptionItemProps) => import("react/jsx-runtime").JSX.Element | null;
-};
-export { HeaderRoot };

package/dist/components/LoadingIndicator.d.ts

@@ -1,2 +0,0 @@
-import { ComponentProps } from 'react';
-export declare const LoadingIndicator: import("react").MemoExoticComponent<({ ...props }: ComponentProps<'div'>) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/Message.d.ts

@@ -1,7 +0,0 @@
-import { ComponentProps } from 'react';
-import type { MessageObject } from '../types';
-type MessageProps = {
-    scroll: () => void;
-} & Partial<MessageObject> & ComponentProps<'div'>;
-export declare const Message: import("react").ForwardRefExoticComponent<Omit<MessageProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export {};

package/dist/components/renderers/Audio.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { CommonBlockProps } from '../../types';
-export declare const Audio: import("react").ForwardRefExoticComponent<CommonBlockProps & import("../../adapters/target").AudioMessage & import("react").RefAttributes<HTMLAudioElement>>;

package/dist/components/renderers/Carousel.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { CommonBlockProps } from '../../types';
-export declare const Carousel: import("react").ForwardRefExoticComponent<CommonBlockProps & import("../../adapters/target").CarouselMessage & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/renderers/File.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { CommonBlockProps } from '../../types';
-export declare const File: import("react").ForwardRefExoticComponent<CommonBlockProps & import("../../adapters/target").FileMessage & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist/components/renderers/Image.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { CommonBlockProps } from '../../types';
-export declare const Image: import("react").ForwardRefExoticComponent<CommonBlockProps & import("../../adapters/target").ImageMessage & import("react").RefAttributes<HTMLImageElement>>;

package/dist/components/renderers/Location.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { CommonBlockProps } from '../../types';
-export declare const Location: import("react").ForwardRefExoticComponent<CommonBlockProps & import("../../adapters/target").LocationMessage & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist/components/renderers/Video.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { CommonBlockProps } from '../../types';
-export declare const Video: import("react").ForwardRefExoticComponent<CommonBlockProps & import("../../adapters/target").VideoMessage & import("react").RefAttributes<HTMLVideoElement>>;

package/dist/contexts/ComposerContext.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-type ComposerContextValue = {
-    value: string;
-    setValue: (value: string) => void;
-    historyIndex: number;
-    setHistoryIndex: React.Dispatch<React.SetStateAction<number>>;
-    sendMessage: () => void;
-};
-export declare const ComposerContext: import("react").Context<ComposerContextValue | null>;
-export declare function useComposerContext(): ComposerContextValue;
-export {};