@botpress/webchat 2.4.1 → 2.5.1

package/dist/style.css

@@ -1 +1 @@
-@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:where(.bpReset) *,:where(.bpReset) :after,:where(.bpReset) :before,:where(.bpReset) ::backdrop,:where(.bpReset) ::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}:where(.bpReset) html,:where(.bpReset) :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}:where(.bpReset) body{line-height:inherit}:where(.bpReset) hr{height:0;color:inherit;border-top-width:1px}:where(.bpReset) abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(.bpReset) h1,:where(.bpReset) h2,:where(.bpReset) h3,:where(.bpReset) h4,:where(.bpReset) h5,:where(.bpReset) h6{font-size:inherit;font-weight:inherit}:where(.bpReset) a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}:where(.bpReset) b,:where(.bpReset) strong{font-weight:bolder}:where(.bpReset) code,:where(.bpReset) kbd,:where(.bpReset) samp,:where(.bpReset) 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}:where(.bpReset) small{font-size:80%}:where(.bpReset) sub,:where(.bpReset) sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}:where(.bpReset) sub{bottom:-.25em}:where(.bpReset) sup{top:-.5em}:where(.bpReset) table{text-indent:0;border-color:inherit;border-collapse:collapse}:where(.bpReset) button,:where(.bpReset) input,:where(.bpReset) optgroup,:where(.bpReset) select,:where(.bpReset) textarea,:where(.bpReset) ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;background:transparent}:where(.bpReset) input:where(:not([type=button],[type=reset],[type=submit])),:where(.bpReset) select,:where(.bpReset) textarea{border:0px solid}:where(.bpReset) button,:where(.bpReset) input:where([type=button],[type=reset],[type=submit]),:where(.bpReset) ::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}:where(.bpReset) :-moz-focusring{outline:auto}:where(.bpReset) :-moz-ui-invalid{box-shadow:none}:where(.bpReset) progress{vertical-align:baseline}:where(.bpReset) ::-webkit-inner-spin-button,:where(.bpReset) ::-webkit-outer-spin-button{height:auto}:where(.bpReset) ::-webkit-search-decoration{-webkit-appearance:none}:where(.bpReset) summary{display:list-item}:where(.bpReset) ol,:where(.bpReset) ul,:where(.bpReset) menu{list-style:none}:where(.bpReset) textarea{resize:vertical}:where(.bpReset) ::placeholder{opacity:1;color:color-mix(in srgb,currentColor 50%,transparent)}:where(.bpReset) img,:where(.bpReset) svg,:where(.bpReset) video,:where(.bpReset) canvas,:where(.bpReset) audio,:where(.bpReset) iframe,:where(.bpReset) embed,:where(.bpReset) object{display:block;vertical-align:middle}:where(.bpReset) img,:where(.bpReset) video{max-width:100%;height:auto}:where(.bpReset) [hidden]{display:none!important}html{font-size:16px}:root{--bpPrimary-1: #fdfdfe;--bpPrimary-50: #f7f9ff;--bpPrimary-100: #edf2fe;--bpPrimary-200: #dfeaff;--bpPrimary-300: #d0dfff;--bpPrimary-400: #bdd1ff;--bpPrimary-500: #a6bff9;--bpPrimary-600: #87a5ef;--bpPrimary-700: #3d63dd;--bpPrimary-800: #3657c3;--bpPrimary-900: #395bc7;--bpPrimary-950: #1d2e5c;--bpGray-1: #fcfcfd;--bpGray-50: #f9f9fb;--bpGray-100: #eff0f3;--bpGray-200: #e7e8ec;--bpGray-300: #e0e1e6;--bpGray-400: #d8d9e0;--bpGray-500: #cdced7;--bpGray-600: #b9bbc6;--bpGray-700: #8b8d98;--bpGray-800: #80828d;--bpGray-900: #62636c;--bpGray-950: #1e1f24;--bpRadius-scale: 1;--bpRadius-sm: .125rem;--bpRadius-md: .375rem;--bpRadius-lg: .5rem;--bpRadius-xl: .75rem;--bpRadius-2xl: 1rem;--bpRadius-3xl: 1.5rem;--bpRadius-full: 9999px;--bpSpacing-0: 0px;--bpSpacing-px: 1px;--bpSpacing-0_5: .125rem;--bpSpacing-1: .25rem;--bpSpacing-1_5: .375rem;--bpSpacing-2: .5rem;--bpSpacing-2_5: .625rem;--bpSpacing-3: .75rem;--bpSpacing-3_5: .875rem;--bpSpacing-4: 1rem;--bpSpacing-5: 1.25rem;--bpSpacing-6: 1.5rem;--bpSpacing-7: 1.75rem;--bpSpacing-8: 2rem;--bpSpacing-9: 2.25rem;--bpSpacing-10: 2.5rem;--bpSpacing-11: 2.75rem;--bpSpacing-12: 3rem;--bpSpacing-14: 3.5rem;--bpSpacing-16: 4rem;--bpSpacing-20: 5rem;--bpSpacing-24: 6rem;--bpSpacing-28: 7rem;--bpSpacing-32: 8rem;--bpSpacing-36: 9rem;--bpSpacing-40: 10rem;--bpSpacing-44: 11rem;--bpSpacing-48: 12rem;--bpSpacing-52: 13rem;--bpSpacing-56: 14rem;--bpSpacing-60: 15rem;--bpSpacing-64: 16rem;--bpSpacing-72: 18rem;--bpSpacing-80: 20rem;--bpSpacing-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);--header-bg: var(--bpGray-50);--header-bg-hover: var(--bpGray-100);--header-hover-dark: var(--bpGray-200);--header-title: var(--bpGray-900);--header-description: var(--bpGray-800);--header-description-icon: var(--bpPrimary-800);--header-description-link: var(--bpPrimary-900);--header-avatar-bg: var(--bpPrimary-600);--header-avatar-text: var(--bpPrimary-50);--message-bg: var(--bpPrimary-100);--message-bg-hover: var(--bpPrimary-200);--message-text: var(--bpPrimary-900);--send-button-bg: var(--bpPrimary-600);--send-button-bg-hover: var(--bpPrimary-700);--send-button-text: var(--bpPrimary-50);--button-bg: var(--bpPrimary-500);--button-bg-hover: var(--bpPrimary-600);--button-text: var(--bpPrimary-50);--button-border: var(--bpPrimary-500);--button-border-hover: var(--bpPrimary-600);--fab-bg: var(--bpPrimary-100);--fab-bg-hover: var(--bpPrimary-200);--fab-icon: var(--bpPrimary-700)}.bpContainer :focus-visible,.bpContainer svg:focus,.bpMessageBlocksDropdownContentContainer :focus-visible{outline:2px solid var(--bpPrimary-700)}.bpMessageBlocksDropdownContentContainer:focus-visible{outline:none}.bpMessageBlocksDropdownContentContainer{font-family:var(--inter-font)}.bpHidden{display:none}.bpHeightFull{height:100%}.bpFont{font-family:var(--inter-font)}.bpNotificationContainer{display:grid;padding:var(--bpSpacing-4);background-color:var(--bpGray-1);border:1px solid var(--bpGray-200);gap:var(--bpSpacing-2);grid-template-columns:auto 1fr auto;align-items:center;border-radius:calc(var(--bpRadius-scale) * var(--bpRadius-md));box-shadow:0 4px 6px #0000001a}.bpNotificationTitle{color:var(--bpGray-900);font-size:.875rem;line-height:1.25rem;font-weight:500;grid-column-start:2}.bpNotificationDescription{margin-top:var(--bpSpacing-1);color:var(--bpGray-800);font-size:.875rem;line-height:1.25rem;grid-column-start:2}.bpNotificationIcon{height:var(--bpSpacing-5);aspect-ratio:1/1}.bpNotificationIcon[data-type=success]{color:var(--green-500)}.bpNotificationIcon[data-type=error]{color:var(--red-500)}.bpNotificationCloseIcon{height:var(--bpSpacing-5);aspect-ratio:1/1;cursor:pointer}.bpNotificationCloseIcon:hover{color:var(--bpGray-700)}.bpWebchat{background-color:var(--bpGray-900)}.bpComposerContainer{display:flex;margin:var(--bpSpacing-2);align-items:center;border-radius:calc(var(--bpRadius-scale) * var(--bpRadius-md));border-width:var(--bpSpacing-px);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;background:var(--bpGray-50);border-color:var(--bpGray-200);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(--bpPrimary-700)}.bpComposerContainer[data-disabled=true]{background-color:var(--bpGray-100);border-color:var(--bpGray-200);color:var(--bpGray-500)}.bpComposerContainer[data-disabled=true] *{cursor:not-allowed}.bpComposerInput{padding-left:var(--bpSpacing-2);padding-right:var(--bpSpacing-2);margin:var(--bpSpacing-3) var(--bpSpacing-1);flex-grow:1;border-radius:calc(var(--bpRadius-scale) * var(--bpRadius-md));outline-style:none;font-size:1rem;line-height:1.25rem;background-color:transparent;resize:none;color:var(--bpGray-900);height:1.5em}.bpComposerInput::-webkit-scrollbar{width:6px}.bpComposerInput::-webkit-scrollbar-track{background-color:transparent}.bpComposerInput::-webkit-scrollbar-thumb{background-color:var(--bpGray-300);border-radius:6px}.bpComposerInput::-webkit-scrollbar-thumb:hover{background-color:var(--bpGray-500)}.bpComposerInput:focus{outline:none!important}.bpComposerInput::placeholder{color:var(--bpGray-500)}.bpComposerButtonContainer{display:flex;padding:var(--bpSpacing-2);justify-content:center;align-items:center;border-radius:calc(var(--bpRadius-scale) * var(--bpRadius-full));height:var(--bpSpacing-8);cursor:pointer}.bpComposerButtonContainer:disabled{display:none}.bpComposerButtonIcon{border-radius:var(--bpRadius-full);padding:3px;background-color:var(--send-button-bg);color:var(--send-button-text);height:var(--bpSpacing-6);width:var(--bpSpacing-6);stroke-width:1.5;stroke:currentColor}.bpComposerContainer[data-disabled=false] .bpComposerButtonIcon:hover{background-color:color-mix(in srgb,var(--send-button-bg-hover),black 15%)}.bpComposerUploadButtonContainer{padding:var(--bpSpacing-1);margin:var(--bpSpacing-1);margin-right:calc(var(--bpSpacing-2) * -1);border-radius:calc(var(--bpRadius-scale) * var(--bpRadius-md))}.bpComposerUploadButtonIcon{color:var(--bpGray-800);display:block;padding:var(--bpSpacing-1);background:var(--bpGray-100);border-radius:calc(var(--bpRadius-scale) * var(--bpRadius-md));height:var(--bpSpacing-6);width:var(--bpSpacing-6)}.bpComposerContainer[data-disabled=false] .bpComposerUploadButtonIcon:hover{color:var(--bpGray-700);background:var(--bpGray-200);cursor:pointer}.bpComposerVoiceButtonContainer{display:flex;padding:var(--bpSpacing-1);margin:var(--bpSpacing-1);justify-content:center;align-items:center;border-radius:calc(var(--bpRadius-scale) * var(--bpRadius-full));height:var(--bpSpacing-8);cursor:pointer}.bpComposerVoiceButtonIcon{border-radius:var(--bpRadius-full);padding:3px;background-color:var(--send-button-bg);color:var(--send-button-text);height:var(--bpSpacing-6);width:var(--bpSpacing-6);stroke:currentColor;stroke-width:.5}.bpComposerVoiceButtonIcon:hover{background-color:color-mix(in srgb,var(--send-button-bg-hover),black 15%)}.bpComposerVoiceButtonContainer[data-listens=true]{animation:pulsate-background 1.5s ease-in-out infinite}@keyframes pulsate-background{0%,to{background-color:var(--send-button-bg)}50%{background-color:var(--accent-3)}}.bpComposerPoweredBy{margin:calc(var(--bpSpacing-1)*-1) auto 0 auto;font-size:.75rem;color:var(--bpGray-400)}.bpComposerPoweredBy[data-hidden=true]{display:none}.bpComposerPoweredBy:hover{color:var(--bpGray-500)}.bpContainer{display:flex;justify-content:space-between;height:100%;overflow:hidden;position:relative;background-color:var(--bpGray-1);border-color:var(--bpGray-200);border-style:solid;border-width:1px;flex-direction:column;border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-md));container-type:inline-size}.bpFabContainer{width:var(--bpSpacing-16);height:var(--bpSpacing-16);border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-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(--bpSpacing-1);flex-direction:column;border-top-left-radius:calc(var(--bpRadius-scale) * var(--bpRadius-md));border-top-right-radius:calc(var(--bpRadius-scale) * var(--bpRadius-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(--bpSpacing-1);padding-left:var(--bpSpacing-3);padding-right:var(--bpSpacing-3);column-gap:var(--bpSpacing-2);align-items:center;border-radius:calc(var(--bpRadius-scale) * var(--bpRadius-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}.bpHeaderContainer[data-state=open] .bpHeaderContentAvatarImage,.bpHeaderContainer[data-state=open] .bpHeaderContentAvatarFallback{height:var(--bpSpacing-16);font-size:1.75rem;font-weight:500;margin-top:var(--bpSpacing-6);margin-bottom:var(--bpSpacing-6)}.bpHeaderContainer:not([data-disabled]) .bpHeaderContentContainer:hover{background-color:var(--header-bg-hover)}.bpHeaderContainer[data-disabled] .bpHeaderContentContainer:hover{cursor:default}.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(--bpSpacing-6);width:var(--bpSpacing-16);height:var(--bpSpacing-16)}.bpHeaderContentContainer[data-state=closed]{justify-items:start;grid-template-columns:auto 1fr auto}.bpHeaderContentAvatarContainer{overflow:hidden;padding:var(--bpSpacing-px);border-radius:calc(var(--bpRadius-scale) * var(--bpRadius-full));grid-row:span 2 / span 2}.bpHeaderContentAvatarImage{aspect-ratio:1/1;object-fit:cover;height:var(--bpSpacing-8);border-radius:calc(var(--bpRadius-scale) * var(--bpRadius-full))}.bpHeaderContentAvatarFallback{aspect-ratio:1 / 1;display:flex;justify-content:center;align-items:center;border-radius:calc(var(--bpRadius-scale) * var(--bpRadius-full));height:var(--bpSpacing-8);line-height:var(--bpSpacing-12);background-color:var(--header-avatar-bg);color:var(--header-avatar-text)}.bpHeaderContentTitle{padding-top:var(--bpSpacing-0_5);padding-bottom:var(--bpSpacing-0_5);font-size:1rem;line-height:1.5rem;font-weight:500;color:var(--header-title)}.bpHeaderContentDescription{padding-top:var(--bpSpacing-1);padding-bottom:var(--bpSpacing-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(--bpSpacing-2);height:var(--bpSpacing-9);width:var(--bpSpacing-9);border-radius:calc(var(--bpRadius-scale) * var(--bpRadius-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(--bpSpacing-2);gap:var(--bpSpacing-4);row-gap:var(--bpSpacing-4);justify-items:center;align-items:center;font-size:.875rem;line-height:1.25rem}.bpHeaderExpandedContentDescriptionItemsContainer{display:flex;gap:var(--bpSpacing-1);align-items:center;font-size:.75rem;line-height:1rem;color:var(--header-description);position:relative;border-radius:calc(var(--bpRadius-scale) * var(--bpRadius-sm))}.bpHeaderExpandedContentDescriptionItemsContainer:hover{color:var(--header-title);cursor:pointer}.bpHeaderExpandedContentDescriptionItemsContainer[data-terms]+.bpHeaderExpandedContentDescriptionItemsContainer[data-privacy]{margin-left:calc(var(--bpSpacing-4) + 1px)}.bpHeaderExpandedContentDescriptionItemsContainer[data-terms]+.bpHeaderExpandedContentDescriptionItemsContainer[data-privacy]:before{content:"";position:absolute;left:calc(var(--bpSpacing-4) / -2);top:auto;bottom:auto;height:10px;width:1px;background-color:var(--bpGray-500)}.bpHeaderExpandedContentDescriptionItemsIcon{padding:var(--bpSpacing-1);border-radius:calc(var(--bpRadius-scale) * var(--bpRadius-full));height:var(--bpSpacing-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(--bpSpacing-2);flex-direction:column}.bpMessageListMarqueeContainer{margin-top:auto;display:flex;gap:var(--bpSpacing-2);flex-direction:column;align-items:center;justify-content:center;padding-bottom:var(--bpSpacing-12)}.bpMessageListMarqueeContent{display:flex;flex-direction:column;max-width:60ch}.bpMessageListMarqueeTitle{color:var(--bpGray-800);font-size:1.125rem;line-height:1.75rem;font-weight:500;text-align:center}.bpMessageListMarqueeDescription{color:var(--bpGray-800);font-size:.875rem;line-height:1.25rem;text-align:center;margin-top:var(--bpSpacing-1)}.bpMessageListMarqueeAvatarContainer{overflow:hidden;padding:var(--bpSpacing-px);margin-bottom:var(--bpSpacing-3);border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-full))}.bpMessageListMarqueeAvatarImage{height:var(--bpSpacing-20);aspect-ratio:1/1;object-fit:cover;border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-full))}.bpMessageListMarqueeAvatarFallback{display:flex;align-items:center;justify-content:center;height:var(--bpSpacing-20);width:var(--bpSpacing-20);background-color:var(--bpPrimary-600);color:var(--bpPrimary-50);font-size:1.875rem;line-height:2.25rem;border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-full))}.bpMessageContainer{display:flex;gap:var(--bpSpacing-2);font-size:.875rem;line-height:1.25rem;color:var(--bpGray-900);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(--bpSpacing-4);color:var(--bpGray-800)}.bpMessageContainer[data-loaded=false]{display:none}.bpMessageAvatarContainer{display:none;overflow:hidden;position:relative;flex-shrink:0;align-self:flex-end;border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-full));height:var(--bpSpacing-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(--bpRadius-scale)*var(--bpRadius-full));background-color:var(--bpPrimary-600);color:var(--bpPrimary-50);height:100%;aspect-ratio:1/1}.bpMessageListContainer{display:flex;overflow-y:auto;overflow-x:hidden;width:100%;box-sizing:border-box;flex-grow:1;padding:var(--bpSpacing-1);position:relative}.bpMessageListViewport{display:flex;gap:var(--bpSpacing-2);flex-direction:column;padding:var(--bpSpacing-3)}.bpMessageListViewport::-webkit-scrollbar{width:6px}.bpMessageListViewport::-webkit-scrollbar-track{background-color:transparent}.bpMessageListViewport::-webkit-scrollbar-thumb{background-color:var(--bpGray-300);border-radius:6px}.bpMessageListViewport::-webkit-scrollbar-thumb:hover{background-color:var(--bpGray-500)}.bpMessageListHeaderMessage{position:sticky;top:0;margin-left:auto;margin-right:auto;color:var(--bpGray-600);font-size:.9rem}.bpMessageListContainer .bpMessageListScrollDownButtonButton{background-color:var(--bpGray-100);height:32px;width:32px;padding:6px;border-radius:50%;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;position:absolute;left:50%;transform:translate(-50%)}.bpMessageListContainer .bpMessageListScrollDownButtonButton:hover{background-color:var(--bpGray-200)}.bpMessageListScrollDownButtonButton:after{display:block;content:"";-webkit-mask:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-down"><path d="M12 5v14"/><path d="m19 12-7 7-7-7"/></svg>') no-repeat center;mask:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-down"><path d="M12 5v14"/><path d="m19 12-7 7-7-7"/></svg>') no-repeat center;background-position:center;background-repeat:no-repeat;background-color:var(--bpGray-500);background-size:cover;width:20px;height:20px}.bpModalContainer{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;padding:var(--bpSpacing-2);pointer-events:none}.bpModalOverlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;background-color:#0000004d}.bpModalDialogContainer{padding:var(--bpSpacing-6);border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-md));width:100%;pointer-events:auto;color:var(--bpGray-900);background:var(--bpGray-1);margin:auto}@container (min-width: 28rem){.bpModalDialogContainer{width:auto}}.bpModalDialogTitleContainer{display:flex;margin-bottom:var(--bpSpacing-2);justify-content:space-between;align-items:center}.bpModalDialogTitleText{font-size:1rem;line-height:1.5rem;color:var(--bpGray-900)}.bpModalDialogTitleCloseIcon{height:1.25rem;cursor:pointer;color:var(--bpGray-800)}.bpModalDialogTitleCloseIcon:hover{color:var(--bpGray-900)}.bpModalDialogContent{display:flex;flex-direction:column;font-size:.875rem;line-height:1.25rem;color:var(--bpGray-900)}.bpModalDialogNewConversationButton{padding-top:var(--bpSpacing-1);padding-bottom:var(--bpSpacing-1);padding-left:var(--bpSpacing-2);padding-right:var(--bpSpacing-2);margin-top:var(--bpSpacing-4);border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-md));color:var(--bpGray-1);background:var(--bpPrimary-500);align-self:end}.bpModalDialogNewConversationButton:hover{background:var(--bpPrimary-600)}.bpMessageBlocksAudio{max-width:85%}.bpMessageBlocksBubble{padding:var(--bpSpacing-2);padding-left:var(--bpSpacing-4);padding-right:var(--bpSpacing-4);border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-md));max-width:85%}.bpMessageBlocksBubble[data-direction=outgoing]{background-color:var(--message-bg);color:var(--message-text);border-bottom-right-radius:var(--bpRadius-sm)}.bpMessageBlocksBubble[data-direction=incoming]{border-color:var(--bpGray-200);background-color:var(--bpGray-100);color:var(--bpGray-900);border-bottom-left-radius:var(--bpRadius-sm)}.bpMessageBlocksButton{padding:.25rem .75rem;background-color:var(--button-bg);color:var(--button-text);font-size:.875rem;line-height:1.25rem;border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-md));cursor:pointer;border:1px solid var(--button-border)}.bpMessageBlocksButton:hover{background-color:var(--button-bg-hover);border:1px solid var(--button-border-hover)}.bpMessageBlocksButton[data-activated],.bpMessageBlocksButton[data-group-activated]{display:none}.bpMessageBlocksCarouselContainer{overflow:hidden;position:relative}.bpMessageBlocksCarouselSlidesContainer{display:grid;padding-left:var(--bpSpacing-2);padding-right:var(--bpSpacing-2);gap:var(--bpSpacing-2);grid-auto-flow:column;grid-auto-columns:90%}.bpMessageBlocksCarouselSlidesContainer>*{max-width:26rem}.bpMessageBlocksCarouselBackButton,.bpMessageBlocksCarouselNextButton{position:absolute;top:50%;transform:translateY(-50%);background-color:var(--bpGray-300);color:var(--bpGray-100);height:var(--bpSpacing-7);padding:var(--bpSpacing-0_5);border-radius:calc(var(--bpRadius-scale) * var(--bpRadius-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:var(--bpGray-400);color:var(--bpGray-1);transform:translateY(-50%) scale(1.1)}.bpMessageBlocksCarouselBackButton{left:var(--bpSpacing-1)}.bpMessageBlocksCarouselNextButton{right:var(--bpSpacing-1)}.bpMessageBlocksCarouselNextButton[data-disabled],.bpMessageBlocksCarouselBackButton[data-disabled]{display:none}.bpMessageBlocksColumn{display:flex;flex-direction:column;gap:var(--bpSpacing-2);width:100%}.bpMessageContainer[data-direction=outgoing] .bpMessageBlocksColumn{align-items:flex-end}.bpMessageContainer[data-direction=incoming] .bpMessageBlocksColumn{align-items:flex-start}.bpMessageBlocksColumn[data-horizontal=center]{align-items:center!important}.bpMessageBlocksColumn[data-horizontal=right]{align-items:flex-end!important}.bpMessageBlocksColumn[data-horizontal=left]{align-items:flex-start!important}.bpMessageBlocksColumn[data-vertical=stretch]{justify-content:space-between!important}.bpMessageBlocksDropdownButtonContainer{display:flex;padding:var(--bpSpacing-2);background-color:var(--bpGray-1);border:1px solid var(--bpGray-200);border-radius:var(--bpRadius-md);align-items:center;justify-content:space-between;min-width:min(150px,100%);max-width:min(250px,100%);cursor:pointer;color:var(--bpGray-900)}.bpMessageBlocksDropdownButtonContainer[data-disabled=true]{color:var(--bpGray-700);cursor:not-allowed;border-color:var(--bpGray-200)}.bpMessageBlocksDropdownButtonText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bpMessageBlocksDropdownButtonIcon{height:var(--bpSpacing-4);width:var(--bpSpacing-4);margin-left:var(--bpSpacing-2)}.bpMessageBlocksDropdownContentContainer{background-color:var(--bpGray-1);border:1px solid var(--bpGray-200);border-radius:var(--bpRadius-md);min-width:100px;max-height:200px;overflow-y:auto;padding:var(--bpSpacing-1)}.bpMessageBlocksDropdownContentContainer::-webkit-scrollbar{width:6px}.bpMessageBlocksDropdownContentContainer::-webkit-scrollbar-track{background-color:transparent}.bpMessageBlocksDropdownContentContainer::-webkit-scrollbar-thumb{background-color:var(--bpGray-300);border-radius:6px}.bpMessageBlocksDropdownContentContainer::-webkit-scrollbar-thumb:hover{background-color:var(--bpGray-500)}.bpMessageBlocksDropdownContentItem{color:var(--bpGray-800);padding:var(--bpSpacing-1);cursor:pointer;border-radius:var(--bpRadius-sm)}.bpMessageBlocksDropdownContentItem:hover{background-color:var(--bpGray-100);color:var(--bpGray-900)}.bpMessageBlocksFileContainer{display:flex;padding-top:var(--bpSpacing-2);padding-bottom:var(--bpSpacing-2);padding-left:var(--bpSpacing-4);padding-right:var(--bpSpacing-4);gap:var(--bpSpacing-2);align-items:center;border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-md));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:var(--bpGray-100);color:var(--bpGray-900)}.bpMessageBlocksFileContainer:hover{color:var(--bpGray-950);background-color:var(--bpGray-200)}.bpMessageBlocksFileTitle{text-decoration:underline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bpMessageBlocksFileIcon{flex:none;width:1.25rem;height:1.25rem;color:var(--bpPrimary-800)}.bpMessageBlocksImageImage{min-width:0px;max-width:95%;border:1px solid var(--bpGray-200);object-fit:cover;border-radius:calc(var(--bpRadius-scale) * var(--bpRadius-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(--bpSpacing-56)}}.bpMessageBlocksLocationContainer{display:flex;gap:var(--bpSpacing-2);padding:var(--bpSpacing-2);background-color:var(--bpGray-100);border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-3xl));align-items:center}.bpMessageBlocksLocationTitle{color:var(--bpGray-900);font-size:.875rem;line-height:1.25rem;cursor:pointer}.bpMessageBlocksLocationIcon{height:var(--bpSpacing-5);width:var(--bpSpacing-5);color:var(--green-600)}.bpMessageBlocksRow{display:flex;gap:var(--bpSpacing-2);flex-wrap:wrap}.bpMessageBlocksTextHeading1{font-size:1.5rem;line-height:2rem;font-weight:500;color:var(--bpGray-900)}.bpMessageContainer[data-direction=outgoing] .bpMessageBlocksTextHeading1{color:var(--bpPrimary-950)}.bpMessageBlocksTextHeading2{font-size:1.25rem;line-height:1.75rem;color:var(--bpGray-900)}.bpMessageContainer[data-direction=outgoing] .bpMessageBlocksTextHeading2{color:var(--bpPrimary-950)}.bpMessageBlocksTextHeading3{font-size:1.125rem;line-height:1.75rem}.bpMessageBlocksTextOrderedList{list-style-type:decimal}.bpMessageBlocksTextUnorderedList{list-style-type:disc}.bpMessageBlocksTextUnorderedList,.bpMessageBlocksTextOrderedList{padding-left:var(--bpSpacing-2);margin-bottom:var(--bpSpacing-2);list-style-position:inside}.bpMessageBlocksTextUnorderedList::marker,.bpMessageBlocksTextOrderedList::marker{color:var(--bpGray-800)}.bpMessageContainer[data-direction=outgoing] .bpMessageBlocksTextUnorderedList::marker,.bpMessageBlocksTextOrderedList::marker{color:var(--bpPrimary-950)}.bpMessageBlocksTextLink{text-decoration:underline}.bpMessageBlocksTextPre{text-wrap:auto}.bpMessageBlocksTextText+.bpMessageBlocksTextText{margin-top:var(--bpSpacing-4)}.bpMessageBlocksVideo{border:1px solid var(--bpGray-200);border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-md))}.bpTypingIndicatorContainer{display:flex;gap:var(--bpSpacing-1_5);padding:var(--bpSpacing-2);background-color:var(--bpGray-100);border:1px solid var(--bpGray-200);border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-lg));align-items:end}.bpTypingIndicatorContainer:before,.bpTypingIndicatorContainer:after{content:"";display:block;width:var(--bpSpacing-1_5);height:var(--bpSpacing-1_5);background-color:var(--bpGray-800);border-radius:50%;animation:jump 1.5s infinite}.bpTypingIndicatorContainer:after{animation-delay:.2s}.bpTypingIndicatorLoader{width:var(--bpSpacing-1_5);height:var(--bpSpacing-1_5);background-color:var(--bpGray-800);border-radius:50%;animation:jump 1.5s infinite .1s}@keyframes jump{0%,50%,to{transform:translateY(0)}25%{transform:translateY(-75%)}}.bpLoader{width:8px;height:8px;border-radius:50%;display:block;margin:auto;position:relative;background:transparent;box-shadow:-16px 0 transparent,16px 0 transparent;box-sizing:border-box;animation:shadowPulse 2s linear infinite}@keyframes shadowPulse{33%{background:transparent;box-shadow:-16px 0 var(--bpPrimary-600),16px 0 transparent}66%{background:var(--bpPrimary-600);box-shadow:-16px 0 transparent,16px 0 transparent}to{background:transparent;box-shadow:-16px 0 transparent,16px 0 var(--bpPrimary-600)}}
+@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:where(.bpReset) *,:where(.bpReset) :after,:where(.bpReset) :before,:where(.bpReset) ::backdrop,:where(.bpReset) ::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}:where(.bpReset) html,:where(.bpReset) :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}:where(.bpReset) body{line-height:inherit}:where(.bpReset) hr{height:0;color:inherit;border-top-width:1px}:where(.bpReset) abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(.bpReset) h1,:where(.bpReset) h2,:where(.bpReset) h3,:where(.bpReset) h4,:where(.bpReset) h5,:where(.bpReset) h6{font-size:inherit;font-weight:inherit}:where(.bpReset) a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}:where(.bpReset) b,:where(.bpReset) strong{font-weight:bolder}:where(.bpReset) code,:where(.bpReset) kbd,:where(.bpReset) samp,:where(.bpReset) 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}:where(.bpReset) small{font-size:80%}:where(.bpReset) sub,:where(.bpReset) sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}:where(.bpReset) sub{bottom:-.25em}:where(.bpReset) sup{top:-.5em}:where(.bpReset) table{text-indent:0;border-color:inherit;border-collapse:collapse}:where(.bpReset) button,:where(.bpReset) input,:where(.bpReset) optgroup,:where(.bpReset) select,:where(.bpReset) textarea,:where(.bpReset) ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;background:transparent}:where(.bpReset) input:where(:not([type=button],[type=reset],[type=submit])),:where(.bpReset) select,:where(.bpReset) textarea{border:0px solid}:where(.bpReset) button,:where(.bpReset) input:where([type=button],[type=reset],[type=submit]),:where(.bpReset) ::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}:where(.bpReset) :-moz-focusring{outline:auto}:where(.bpReset) :-moz-ui-invalid{box-shadow:none}:where(.bpReset) progress{vertical-align:baseline}:where(.bpReset) ::-webkit-inner-spin-button,:where(.bpReset) ::-webkit-outer-spin-button{height:auto}:where(.bpReset) ::-webkit-search-decoration{-webkit-appearance:none}:where(.bpReset) summary{display:list-item}:where(.bpReset) ol,:where(.bpReset) ul,:where(.bpReset) menu{list-style:none}:where(.bpReset) textarea{resize:vertical}:where(.bpReset) ::placeholder{opacity:1;color:color-mix(in srgb,currentColor 50%,transparent)}:where(.bpReset) img,:where(.bpReset) svg,:where(.bpReset) video,:where(.bpReset) canvas,:where(.bpReset) audio,:where(.bpReset) iframe,:where(.bpReset) embed,:where(.bpReset) object{display:block;vertical-align:middle}:where(.bpReset) img,:where(.bpReset) video{max-width:100%;height:auto}:where(.bpReset) [hidden]{display:none!important}html{font-size:16px}:root{--bpPrimary-1: #fdfdfe;--bpPrimary-50: #f7f9ff;--bpPrimary-100: #edf2fe;--bpPrimary-200: #dfeaff;--bpPrimary-300: #d0dfff;--bpPrimary-400: #bdd1ff;--bpPrimary-500: #a6bff9;--bpPrimary-600: #87a5ef;--bpPrimary-700: #3d63dd;--bpPrimary-800: #3657c3;--bpPrimary-900: #395bc7;--bpPrimary-950: #1d2e5c;--bpGray-1: #fcfcfd;--bpGray-50: #f9f9fb;--bpGray-100: #eff0f3;--bpGray-200: #e7e8ec;--bpGray-300: #e0e1e6;--bpGray-400: #d8d9e0;--bpGray-500: #cdced7;--bpGray-600: #b9bbc6;--bpGray-700: #8b8d98;--bpGray-800: #80828d;--bpGray-900: #62636c;--bpGray-950: #1e1f24;--bpError: #f05656;--bpRadius-scale: 1;--bpRadius-sm: .125rem;--bpRadius-md: .375rem;--bpRadius-lg: .5rem;--bpRadius-xl: .75rem;--bpRadius-2xl: 1rem;--bpRadius-3xl: 1.5rem;--bpRadius-full: 9999px;--bpSpacing-0: 0px;--bpSpacing-px: 1px;--bpSpacing-0_5: .125rem;--bpSpacing-1: .25rem;--bpSpacing-1_5: .375rem;--bpSpacing-2: .5rem;--bpSpacing-2_5: .625rem;--bpSpacing-3: .75rem;--bpSpacing-3_5: .875rem;--bpSpacing-4: 1rem;--bpSpacing-5: 1.25rem;--bpSpacing-6: 1.5rem;--bpSpacing-7: 1.75rem;--bpSpacing-8: 2rem;--bpSpacing-9: 2.25rem;--bpSpacing-10: 2.5rem;--bpSpacing-11: 2.75rem;--bpSpacing-12: 3rem;--bpSpacing-14: 3.5rem;--bpSpacing-16: 4rem;--bpSpacing-20: 5rem;--bpSpacing-24: 6rem;--bpSpacing-28: 7rem;--bpSpacing-32: 8rem;--bpSpacing-36: 9rem;--bpSpacing-40: 10rem;--bpSpacing-44: 11rem;--bpSpacing-48: 12rem;--bpSpacing-52: 13rem;--bpSpacing-56: 14rem;--bpSpacing-60: 15rem;--bpSpacing-64: 16rem;--bpSpacing-72: 18rem;--bpSpacing-80: 20rem;--bpSpacing-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);--header-bg: var(--bpGray-50);--header-bg-hover: var(--bpGray-100);--header-hover-dark: var(--bpGray-200);--header-title: var(--bpGray-900);--header-description: var(--bpGray-800);--header-description-icon: var(--bpPrimary-800);--header-description-link: var(--bpPrimary-900);--header-avatar-bg: var(--bpPrimary-600);--header-avatar-text: var(--bpPrimary-50);--message-bg: var(--bpPrimary-100);--message-bg-hover: var(--bpPrimary-200);--message-text: var(--bpPrimary-900);--send-button-bg: var(--bpPrimary-600);--send-button-bg-hover: var(--bpPrimary-700);--send-button-text: var(--bpPrimary-50);--button-bg: var(--bpPrimary-500);--button-bg-hover: var(--bpPrimary-600);--button-text: var(--bpPrimary-50);--button-border: var(--bpPrimary-500);--button-border-hover: var(--bpPrimary-600);--fab-bg: var(--bpPrimary-100);--fab-bg-hover: var(--bpPrimary-200);--fab-icon: var(--bpPrimary-700)}.bpContainer :focus-visible,.bpContainer svg:focus,.bpMessageBlocksDropdownContentContainer :focus-visible{outline:2px solid var(--bpPrimary-700)}.bpMessageBlocksDropdownContentContainer:focus-visible{outline:none}.bpMessageBlocksDropdownContentContainer{font-family:var(--inter-font)}.bpHidden{display:none}.bpHeightFull{height:100%}.bpFont{font-family:var(--inter-font)}.bpNotificationContainer{display:grid;padding:var(--bpSpacing-4);background-color:var(--bpGray-1);border:1px solid var(--bpGray-200);gap:var(--bpSpacing-2);grid-template-columns:auto 1fr auto;align-items:center;border-radius:calc(var(--bpRadius-scale) * var(--bpRadius-md));box-shadow:0 4px 6px #0000001a}.bpNotificationTitle{color:var(--bpGray-900);font-size:.875rem;line-height:1.25rem;font-weight:500;grid-column-start:2}.bpNotificationDescription{margin-top:var(--bpSpacing-1);color:var(--bpGray-800);font-size:.875rem;line-height:1.25rem;grid-column-start:2}.bpNotificationIcon{height:var(--bpSpacing-5);aspect-ratio:1/1}.bpNotificationIcon[data-type=success]{color:var(--green-500)}.bpNotificationIcon[data-type=error]{color:var(--red-500)}.bpNotificationCloseIcon{height:var(--bpSpacing-5);aspect-ratio:1/1;cursor:pointer}.bpNotificationCloseIcon:hover{color:var(--bpGray-700)}.bpWebchat{background-color:var(--bpGray-900)}.bpComposerContainer{display:flex;flex-direction:column;margin:var(--bpSpacing-2);border-radius:calc(var(--bpRadius-scale) * var(--bpRadius-md));border-width:var(--bpSpacing-px);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;background:var(--bpGray-50);border-color:var(--bpGray-200);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(--bpPrimary-700)}.bpComposerContainer[data-disabled=true]{background-color:var(--bpGray-100);border-color:var(--bpGray-200);color:var(--bpGray-500)}.bpComposerContainer[data-disabled=true] *{cursor:not-allowed}.bpComposerFileContainer{display:flex;overflow-x:auto;gap:.5rem;padding:.5rem .5rem 0}.bpComposerInputContainer{display:flex;align-items:center}.bpComposerInput{padding-left:var(--bpSpacing-2);padding-right:var(--bpSpacing-2);margin:var(--bpSpacing-3) var(--bpSpacing-1);flex-grow:1;border-radius:calc(var(--bpRadius-scale) * var(--bpRadius-md));outline-style:none;font-size:1rem;line-height:1.25rem;background-color:transparent;resize:none;color:var(--bpGray-900);height:1.5em}.bpComposerInput::-webkit-scrollbar,.bpComposerFileContainer::-webkit-scrollbar{width:6px;height:6px}.bpComposerInput::-webkit-scrollbar-track,.bpComposerFileContainer::-webkit-scrollbar-track{background-color:transparent}.bpComposerInput::-webkit-scrollbar-thumb,.bpComposerFileContainer::-webkit-scrollbar-thumb{background-color:var(--bpGray-300);border-radius:6px}.bpComposerInput::-webkit-scrollbar-thumb:hover,.bpComposerFileContainer::-webkit-scrollbar-thumb:hover{background-color:var(--bpGray-500)}.bpComposerInput:focus{outline:none!important}.bpComposerInput::placeholder{color:var(--bpGray-500)}.bpComposerButtonContainer{display:flex;padding:var(--bpSpacing-2);justify-content:center;align-items:center;border-radius:calc(var(--bpRadius-scale) * var(--bpRadius-full));height:var(--bpSpacing-8);cursor:pointer}.bpComposerButtonContainer:disabled{display:none}.bpComposerButtonIcon{border-radius:var(--bpRadius-full);padding:3px;background-color:var(--send-button-bg);color:var(--send-button-text);height:var(--bpSpacing-6);width:var(--bpSpacing-6);stroke-width:1.5;stroke:currentColor}.bpComposerContainer[data-disabled=false] .bpComposerButtonIcon:hover{background-color:color-mix(in srgb,var(--send-button-bg-hover),black 15%)}.bpComposerUploadButtonContainer{padding:var(--bpSpacing-1);margin:var(--bpSpacing-1);margin-right:calc(var(--bpSpacing-2) * -1);border-radius:calc(var(--bpRadius-scale) * var(--bpRadius-md))}.bpComposerUploadButtonIcon{color:var(--bpGray-800);display:block;padding:var(--bpSpacing-1);background:var(--bpGray-100);border-radius:calc(var(--bpRadius-scale) * var(--bpRadius-md));height:var(--bpSpacing-6);width:var(--bpSpacing-6)}.bpComposerUploadButtonIcon[data-disabled=true]{opacity:.5;filter:grayscale(100%);pointer-events:none}.bpComposerContainer[data-disabled=false] .bpComposerUploadButtonIcon:hover{color:var(--bpGray-700);background:var(--bpGray-200);cursor:pointer}.bpComposerVoiceButtonContainer{display:flex;padding:var(--bpSpacing-1);margin:var(--bpSpacing-1);justify-content:center;align-items:center;border-radius:calc(var(--bpRadius-scale) * var(--bpRadius-full));height:var(--bpSpacing-8);cursor:pointer}.bpComposerVoiceButtonIcon{border-radius:var(--bpRadius-full);padding:3px;background-color:var(--send-button-bg);color:var(--send-button-text);height:var(--bpSpacing-6);width:var(--bpSpacing-6);stroke:currentColor;stroke-width:.5}.bpComposerVoiceButtonIcon:hover{background-color:color-mix(in srgb,var(--send-button-bg-hover),black 15%)}.bpComposerVoiceButtonContainer[data-listens=true]{animation:pulsate-background 1.5s ease-in-out infinite}@keyframes pulsate-background{0%,to{background-color:var(--send-button-bg)}50%{background-color:var(--accent-3)}}.bpComposerPoweredBy{margin:calc(var(--bpSpacing-1) * -1) auto 0 auto;font-size:.75rem;color:var(--bpGray-400)}.bpComposerPoweredBy[data-hidden=true]{display:none}.bpComposerPoweredBy:hover{color:var(--bpGray-500)}.bpContainer{display:flex;justify-content:space-between;height:100%;overflow:hidden;position:relative;background-color:var(--bpGray-1);border-color:var(--bpGray-200);border-style:solid;border-width:1px;flex-direction:column;border-radius:calc(var(--bpRadius-scale) * var(--bpRadius-md));container-type:inline-size}.bpDropzoneContainer{display:flex;height:100%;flex-direction:column}.bpDropzoneOverlay{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:absolute;width:100%;height:100%;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:1rem;font-weight:500;border-radius:calc(var(--bpRadius-scale) * var(--bpRadius-md));z-index:1;pointer-events:none;opacity:0;transition:opacity .3s ease-in-out}.bpDropzoneOverlay[data-hover=true]{opacity:1}.bpFabContainer{width:100%;height:100%;border-radius:calc(var(--bpRadius-scale) * var(--bpRadius-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(--bpSpacing-1);flex-direction:column;border-top-left-radius:calc(var(--bpRadius-scale) * var(--bpRadius-md));border-top-right-radius:calc(var(--bpRadius-scale) * var(--bpRadius-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(--bpSpacing-1);padding-left:var(--bpSpacing-3);padding-right:var(--bpSpacing-3);column-gap:var(--bpSpacing-2);align-items:center;border-radius:calc(var(--bpRadius-scale) * var(--bpRadius-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}.bpHeaderContainer[data-state=open] .bpHeaderContentAvatarImage,.bpHeaderContainer[data-state=open] .bpHeaderContentAvatarFallback{height:var(--bpSpacing-16);font-size:1.75rem;font-weight:500;margin-top:var(--bpSpacing-6);margin-bottom:var(--bpSpacing-6)}.bpHeaderContainer:not([data-disabled]) .bpHeaderContentContainer:hover{background-color:var(--header-bg-hover)}.bpHeaderContainer[data-disabled] .bpHeaderContentContainer:hover{cursor:default}.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(--bpSpacing-6);width:var(--bpSpacing-16);height:var(--bpSpacing-16)}.bpHeaderContentContainer[data-state=closed]{justify-items:start;grid-template-columns:auto 1fr auto}.bpHeaderContentAvatarContainer{overflow:hidden;padding:var(--bpSpacing-px);border-radius:calc(var(--bpRadius-scale) * var(--bpRadius-full));grid-row:span 2 / span 2}.bpHeaderContentAvatarImage{aspect-ratio:1/1;object-fit:cover;height:var(--bpSpacing-8);border-radius:calc(var(--bpRadius-scale) * var(--bpRadius-full))}.bpHeaderContentAvatarFallback{aspect-ratio:1 / 1;display:flex;justify-content:center;align-items:center;border-radius:calc(var(--bpRadius-scale) * var(--bpRadius-full));height:var(--bpSpacing-8);line-height:var(--bpSpacing-12);background-color:var(--header-avatar-bg);color:var(--header-avatar-text)}.bpHeaderContentTitle{padding-top:var(--bpSpacing-0_5);padding-bottom:var(--bpSpacing-0_5);font-size:1rem;line-height:1.5rem;font-weight:500;color:var(--header-title)}.bpHeaderContentDescription{padding-top:var(--bpSpacing-1);padding-bottom:var(--bpSpacing-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(--bpSpacing-2);height:var(--bpSpacing-9);width:var(--bpSpacing-9);border-radius:calc(var(--bpRadius-scale) * var(--bpRadius-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(--bpSpacing-2);gap:var(--bpSpacing-4);row-gap:var(--bpSpacing-4);justify-items:center;align-items:center;font-size:.875rem;line-height:1.25rem}.bpHeaderExpandedContentDescriptionItemsContainer{display:flex;gap:var(--bpSpacing-1);align-items:center;font-size:.75rem;line-height:1rem;color:var(--header-description);position:relative;border-radius:calc(var(--bpRadius-scale) * var(--bpRadius-sm))}.bpHeaderExpandedContentDescriptionItemsContainer:hover{color:var(--header-title);cursor:pointer}.bpHeaderExpandedContentDescriptionItemsContainer[data-terms]+.bpHeaderExpandedContentDescriptionItemsContainer[data-privacy]{margin-left:calc(var(--bpSpacing-4) + 1px)}.bpHeaderExpandedContentDescriptionItemsContainer[data-terms]+.bpHeaderExpandedContentDescriptionItemsContainer[data-privacy]:before{content:"";position:absolute;left:calc(var(--bpSpacing-4) / -2);top:auto;bottom:auto;height:10px;width:1px;background-color:var(--bpGray-500)}.bpHeaderExpandedContentDescriptionItemsIcon{padding:var(--bpSpacing-1);border-radius:calc(var(--bpRadius-scale) * var(--bpRadius-full));height:var(--bpSpacing-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(--bpSpacing-2);flex-direction:column}.bpMessageListMarqueeContainer{margin-top:auto;display:flex;gap:var(--bpSpacing-2);flex-direction:column;align-items:center;justify-content:center;padding-bottom:var(--bpSpacing-12)}.bpMessageListMarqueeContent{display:flex;flex-direction:column;max-width:60ch}.bpMessageListMarqueeTitle{color:var(--bpGray-800);font-size:1.125rem;line-height:1.75rem;font-weight:500;text-align:center}.bpMessageListMarqueeDescription{color:var(--bpGray-800);font-size:.875rem;line-height:1.25rem;text-align:center;margin-top:var(--bpSpacing-1)}.bpMessageListMarqueeAvatarContainer{overflow:hidden;padding:var(--bpSpacing-px);margin-bottom:var(--bpSpacing-3);border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-full))}.bpMessageListMarqueeAvatarImage{height:var(--bpSpacing-20);aspect-ratio:1/1;object-fit:cover;border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-full))}.bpMessageListMarqueeAvatarFallback{display:flex;align-items:center;justify-content:center;height:var(--bpSpacing-20);width:var(--bpSpacing-20);background-color:var(--bpPrimary-600);color:var(--bpPrimary-50);font-size:1.875rem;line-height:2.25rem;border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-full))}.bpMessageContainer{display:flex;gap:var(--bpSpacing-2);font-size:.875rem;line-height:1.25rem;color:var(--bpGray-900);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(--bpSpacing-4);color:var(--bpGray-800)}.bpMessageContainer[data-loaded=false]{display:none}.bpMessageAvatarContainer{display:none;overflow:hidden;position:relative;flex-shrink:0;align-self:flex-end;border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-full));height:var(--bpSpacing-7)}.bpMessageContainer[data-direction=incoming] .bpMessageAvatarContainer{display:flex;align-self:flex-end}.bpMessageAvatarContainer[data-loading-status=loading] .bpMessageAvatarFallback{opacity:0}.bpMessageAvatarImage{aspect-ratio:1/1;object-fit:cover;height:100%}.bpMessageAvatarFallback{display:flex;justify-content:center;align-items:center;border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-full));background-color:var(--bpPrimary-600);color:var(--bpPrimary-50);height:100%;aspect-ratio:1/1}.bpMessageListContainer{display:flex;overflow-y:auto;overflow-x:hidden;width:100%;box-sizing:border-box;flex-grow:1;padding:var(--bpSpacing-1);position:relative}.bpMessageListViewport{display:flex;gap:var(--bpSpacing-2);flex-direction:column;padding:var(--bpSpacing-3)}.bpMessageListViewport::-webkit-scrollbar{width:6px}.bpMessageListViewport::-webkit-scrollbar-track{background-color:transparent}.bpMessageListViewport::-webkit-scrollbar-thumb{background-color:var(--bpGray-300);border-radius:6px}.bpMessageListViewport::-webkit-scrollbar-thumb:hover{background-color:var(--bpGray-500)}.bpMessageListHeaderMessage{position:sticky;top:0;margin-left:auto;margin-right:auto;color:var(--bpGray-600);font-size:.9rem}.bpMessageListContainer .bpMessageListScrollDownButtonButton{background-color:var(--bpGray-100);height:32px;width:32px;padding:6px;border-radius:50%;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;position:absolute;left:50%;transform:translate(-50%)}.bpMessageListContainer .bpMessageListScrollDownButtonButton:hover{background-color:var(--bpGray-200)}.bpMessageListScrollDownButtonButton:after{display:block;content:"";-webkit-mask:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-down"><path d="M12 5v14"/><path d="m19 12-7 7-7-7"/></svg>') no-repeat center;mask:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-down"><path d="M12 5v14"/><path d="m19 12-7 7-7-7"/></svg>') no-repeat center;background-position:center;background-repeat:no-repeat;background-color:var(--bpGray-500);background-size:cover;width:20px;height:20px}.bpModalContainer{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;padding:var(--bpSpacing-2);pointer-events:none}.bpModalOverlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;background-color:#0000004d}.bpModalDialogContainer{padding:var(--bpSpacing-6);border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-md));width:100%;pointer-events:auto;color:var(--bpGray-900);background:var(--bpGray-1);margin:auto}@container (min-width: 28rem){.bpModalDialogContainer{width:auto}}.bpModalDialogTitleContainer{display:flex;margin-bottom:var(--bpSpacing-2);justify-content:space-between;align-items:center}.bpModalDialogTitleText{font-size:1rem;line-height:1.5rem;color:var(--bpGray-900)}.bpModalDialogTitleCloseIcon{height:1.25rem;cursor:pointer;color:var(--bpGray-800)}.bpModalDialogTitleCloseIcon:hover{color:var(--bpGray-900)}.bpModalDialogContent{display:flex;flex-direction:column;font-size:.875rem;line-height:1.25rem;color:var(--bpGray-900)}.bpModalDialogNewConversationButton{padding-top:var(--bpSpacing-1);padding-bottom:var(--bpSpacing-1);padding-left:var(--bpSpacing-2);padding-right:var(--bpSpacing-2);margin-top:var(--bpSpacing-4);border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-md));color:var(--bpGray-1);background:var(--bpPrimary-500);align-self:end}.bpModalDialogNewConversationButton:hover{background:var(--bpPrimary-600)}.bpMessageBlocksAudio{max-width:85%}.bpMessageBlocksBubble{padding:var(--bpSpacing-2);padding-left:var(--bpSpacing-4);padding-right:var(--bpSpacing-4);border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-md));max-width:85%}.bpMessageBlocksBubble[data-direction=outgoing]{background-color:var(--message-bg);color:var(--message-text);border-bottom-right-radius:var(--bpRadius-sm)}.bpMessageBlocksBubble[data-direction=incoming]{border-color:var(--bpGray-200);background-color:var(--bpGray-100);color:var(--bpGray-900);border-bottom-left-radius:var(--bpRadius-sm)}.bpMessageBlocksButton{padding:.25rem .75rem;background-color:var(--button-bg);color:var(--button-text);font-size:.875rem;line-height:1.25rem;border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-md));cursor:pointer;border:1px solid var(--button-border)}.bpMessageBlocksButton:hover{background-color:var(--button-bg-hover);border:1px solid var(--button-border-hover)}.bpMessageBlocksButton[data-activated],.bpMessageBlocksButton[data-group-activated]{display:none}.bpMessageBlocksCarouselContainer{overflow:hidden;position:relative}.bpMessageBlocksCarouselSlidesContainer{display:grid;padding-left:var(--bpSpacing-2);padding-right:var(--bpSpacing-2);gap:var(--bpSpacing-2);grid-auto-flow:column;grid-auto-columns:90%}.bpMessageBlocksCarouselSlidesContainer>*{max-width:26rem}.bpMessageBlocksCarouselBackButton,.bpMessageBlocksCarouselNextButton{position:absolute;top:50%;transform:translateY(-50%);background-color:var(--bpGray-300);color:var(--bpGray-100);height:var(--bpSpacing-7);padding:var(--bpSpacing-0_5);border-radius:calc(var(--bpRadius-scale) * var(--bpRadius-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:var(--bpGray-400);color:var(--bpGray-1);transform:translateY(-50%) scale(1.1)}.bpMessageBlocksCarouselBackButton{left:var(--bpSpacing-1)}.bpMessageBlocksCarouselNextButton{right:var(--bpSpacing-1)}.bpMessageBlocksCarouselNextButton[data-disabled],.bpMessageBlocksCarouselBackButton[data-disabled]{display:none}.bpMessageBlocksColumn{display:flex;flex-direction:column;gap:var(--bpSpacing-2);width:100%}.bpMessageContainer[data-direction=outgoing] .bpMessageBlocksColumn{align-items:flex-end}.bpMessageContainer[data-direction=incoming] .bpMessageBlocksColumn{align-items:flex-start}.bpMessageBlocksColumn[data-horizontal=center]{align-items:center!important}.bpMessageBlocksColumn[data-horizontal=right]{align-items:flex-end!important}.bpMessageBlocksColumn[data-horizontal=left]{align-items:flex-start!important}.bpMessageBlocksColumn[data-vertical=stretch]{justify-content:space-between!important}.bpMessageBlocksDropdownButtonContainer{display:flex;padding:var(--bpSpacing-2);background-color:var(--bpGray-1);border:1px solid var(--bpGray-200);border-radius:var(--bpRadius-md);align-items:center;justify-content:space-between;min-width:min(150px,100%);max-width:min(250px,100%);cursor:pointer;color:var(--bpGray-900)}.bpMessageBlocksDropdownButtonContainer[data-disabled=true]{color:var(--bpGray-700);cursor:not-allowed;border-color:var(--bpGray-200)}.bpMessageBlocksDropdownButtonText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bpMessageBlocksDropdownButtonIcon{height:var(--bpSpacing-4);width:var(--bpSpacing-4);margin-left:var(--bpSpacing-2)}.bpMessageBlocksDropdownContentContainer{background-color:var(--bpGray-1);border:1px solid var(--bpGray-200);border-radius:var(--bpRadius-md);min-width:100px;max-height:200px;overflow-y:auto;padding:var(--bpSpacing-1)}.bpMessageBlocksDropdownContentContainer::-webkit-scrollbar{width:6px}.bpMessageBlocksDropdownContentContainer::-webkit-scrollbar-track{background-color:transparent}.bpMessageBlocksDropdownContentContainer::-webkit-scrollbar-thumb{background-color:var(--bpGray-300);border-radius:6px}.bpMessageBlocksDropdownContentContainer::-webkit-scrollbar-thumb:hover{background-color:var(--bpGray-500)}.bpMessageBlocksDropdownContentItem{color:var(--bpGray-800);padding:var(--bpSpacing-1);cursor:pointer;border-radius:var(--bpRadius-sm)}.bpMessageBlocksDropdownContentItem:hover{background-color:var(--bpGray-100);color:var(--bpGray-900)}.bpMessageBlocksFileContainer{display:flex;padding-top:var(--bpSpacing-2);padding-bottom:var(--bpSpacing-2);padding-left:var(--bpSpacing-4);padding-right:var(--bpSpacing-4);gap:var(--bpSpacing-2);align-items:center;border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-md));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:var(--bpGray-100);color:var(--bpGray-900)}.bpMessageBlocksFileContainer:hover{color:var(--bpGray-950);background-color:var(--bpGray-200)}.bpMessageBlocksFileTitle{text-decoration:underline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bpMessageBlocksFileIcon{flex:none;width:1.25rem;height:1.25rem;color:var(--bpPrimary-800)}.bpMessageBlocksImageImage{min-width:0px;max-width:95%;border:1px solid var(--bpGray-200);object-fit:cover;border-radius:calc(var(--bpRadius-scale) * var(--bpRadius-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(--bpSpacing-56)}}.bpMessageBlocksLocationContainer{display:flex;gap:var(--bpSpacing-2);padding:var(--bpSpacing-2);background-color:var(--bpGray-100);border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-3xl));align-items:center}.bpMessageBlocksLocationTitle{color:var(--bpGray-900);font-size:.875rem;line-height:1.25rem;cursor:pointer}.bpMessageBlocksLocationIcon{height:var(--bpSpacing-5);width:var(--bpSpacing-5);color:var(--green-600)}.bpMessageBlocksRow{display:flex;gap:var(--bpSpacing-2);flex-wrap:wrap}.bpMessageBlocksTextHeading1{font-size:1.5rem;line-height:2rem;font-weight:500;color:var(--bpGray-900)}.bpMessageContainer[data-direction=outgoing] .bpMessageBlocksTextHeading1{color:var(--bpPrimary-950)}.bpMessageBlocksTextHeading2{font-size:1.25rem;line-height:1.75rem;color:var(--bpGray-900)}.bpMessageContainer[data-direction=outgoing] .bpMessageBlocksTextHeading2{color:var(--bpPrimary-950)}.bpMessageBlocksTextHeading3{font-size:1.125rem;line-height:1.75rem}.bpMessageBlocksTextOrderedList{list-style-type:decimal}.bpMessageBlocksTextUnorderedList{list-style-type:disc}.bpMessageBlocksTextUnorderedList,.bpMessageBlocksTextOrderedList{padding-left:var(--bpSpacing-2);margin-bottom:var(--bpSpacing-2);list-style-position:inside}.bpMessageBlocksTextUnorderedList::marker,.bpMessageBlocksTextOrderedList::marker{color:var(--bpGray-800)}.bpMessageContainer[data-direction=outgoing] .bpMessageBlocksTextUnorderedList::marker,.bpMessageBlocksTextOrderedList::marker{color:var(--bpPrimary-950)}.bpMessageBlocksTextLink{text-decoration:underline}.bpMessageBlocksTextPre{text-wrap:auto}.bpMessageBlocksTextText+.bpMessageBlocksTextText{margin-top:var(--bpSpacing-4)}.bpMessageBlocksVideo{border:1px solid var(--bpGray-200);border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-md))}.bpTypingIndicatorContainer{display:flex;gap:var(--bpSpacing-1_5);padding:var(--bpSpacing-2);background-color:var(--bpGray-100);border:1px solid var(--bpGray-200);border-radius:calc(var(--bpRadius-scale)*var(--bpRadius-lg));align-items:end}.bpTypingIndicatorContainer:before,.bpTypingIndicatorContainer:after{content:"";display:block;width:var(--bpSpacing-1_5);height:var(--bpSpacing-1_5);background-color:var(--bpGray-800);border-radius:50%;animation:jump 1.5s infinite}.bpTypingIndicatorContainer:after{animation-delay:.2s}.bpTypingIndicatorLoader{width:var(--bpSpacing-1_5);height:var(--bpSpacing-1_5);background-color:var(--bpGray-800);border-radius:50%;animation:jump 1.5s infinite .1s}@keyframes jump{0%,50%,to{transform:translateY(0)}25%{transform:translateY(-75%)}}.bpLoader{width:8px;height:8px;border-radius:50%;display:block;margin:auto;position:relative;background:transparent;box-shadow:-16px 0 transparent,16px 0 transparent;box-sizing:border-box;animation:shadowPulse 2s linear infinite}@keyframes shadowPulse{33%{background:transparent;box-shadow:-16px 0 var(--bpPrimary-600),16px 0 transparent}66%{background:var(--bpPrimary-600);box-shadow:-16px 0 transparent,16px 0 transparent}to{background:transparent;box-shadow:-16px 0 transparent,16px 0 var(--bpPrimary-600)}}.bpComposerFileAttachement{background-color:var(--bpGray-1);position:relative;width:fit-content;display:flex;border:1px solid var(--bpGray-200);padding:.5rem;border-radius:calc(var(--bpRadius-scale) * var(--bpRadius-md));gap:8px}.bpComposerFileAttachement:hover .bpComposerFileRemoveIcon{opacity:1}.bpComposerFileIconWrapper{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--bpPrimary-200);background:var(--bpPrimary-100);width:2.5rem;height:2.5rem;border-radius:calc(var(--bpRadius-scale) * var(--bpRadius-md));position:relative}.bpComposerFileIcon{color:var(--bpPrimary-600);width:1.5rem;height:1.5rem;transition:opacity .3s ease,filter .3s ease}.bpComposerFileMetadata{display:flex;flex-direction:column;gap:2px}.bpComposerFileName{min-width:6rem;max-width:6rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:normal;color:var(--bpGray-900)}.bpComposerFileExtension{font-size:.75rem;font-weight:300;color:var(--bpGray-600)}.bpComposerFilePreviewImage{width:100%;height:100%;object-fit:contain;border-radius:calc(var(--bpRadius-scale) * var(--bpRadius-md))}.bpComposerFileRemoveIcon{position:absolute;top:-.25rem;right:-.25rem;border-radius:50%;width:1.4rem;height:1.4rem;cursor:pointer;color:var(--bpGray-600);background:var(--bpGray-100);line-height:1;opacity:0;transition:opacity .2s ease}.bpComposerFileLoader{position:absolute;top:-.25rem;right:-.25rem;width:1rem;height:1rem;border:2px solid var(--bpGray-200);border-top:2px solid var(--bpPrimary-500);border-radius:50%;animation:spin .6s linear infinite;visibility:visible;opacity:1;transition:opacity .2s ease}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bpComposerFileErrorIcon{position:absolute;top:-.4rem;right:-.4rem;width:1.25rem;height:1.25rem;border-radius:50%;background:#fff;color:var(--bpError)}.bpComposerFileAttachement[data-status=loading] .bpComposerFileIcon,.bpComposerFileAttachement[data-status=loading] .bpComposerFileMetadata,.bpComposerFileAttachement[data-status=error] .bpComposerFileIcon,.bpComposerFileAttachement[data-status=error] .bpComposerFileName{opacity:.5;filter:grayscale(100%)}.bpComposerFileAttachement[data-status=error] .bpComposerFileExtension{color:var(--bpError)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@botpress/webchat",
-  "version": "2.4.1",
+  "version": "2.5.1",
   "type": "module",
   "license": "MIT",
   "main": "./dist/index.umd.cjs",
@@ -8,6 +8,7 @@
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
       "require": "./dist/index.umd.cjs"
     }
@@ -21,7 +22,8 @@
     "chromatic": "chromatic --exit-zero-on-changes --exit-once-uploaded"
   },
   "dependencies": {
-    "@bpinternal/webchat-http-client": "0.2.4",
+    "@botpress/webchat-client": "workspace:*",
+    "@bpinternal/webchat-http-client": "0.2.6",
     "@floating-ui/react": "^0.25.4",
     "@headlessui/react": "^2.2.0",
     "@heroicons/react": "^2.1.5",
@@ -46,7 +48,7 @@
     "qs": "^6.12.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-hot-toast": "^2.4.1",
+    "react-dropzone": "^14.2.3",
     "react-markdown": "^9.0.1",
     "react-scroll-to-bottom": "^4.2.0",
     "react-textarea-autosize": "^8.5.3",

package/dist/adapters/index.d.ts

@@ -1,2 +0,0 @@
-export * as target from './target';
-export * as webchatToTarget from './webchat-to-target';

package/dist/adapters/target.d.ts

@@ -1,83 +0,0 @@
-import * as types from './typings';
-export type AudioMessage = {
-    type: 'audio';
-    url: string;
-};
-export type BubbleMessage = {
-    type: 'bubble';
-    block: Message;
-};
-export type ButtonMessage = {
-    type: 'button';
-    variant: 'action' | 'link';
-    reusable?: boolean;
-    groupId?: string;
-    text: string;
-    buttonValue: string;
-};
-export type CarouselMessage = {
-    type: 'carousel';
-    blocks: Message[];
-};
-export type ColumnMessage = {
-    type: 'column';
-    blocks: Message[];
-    horizontalAlignment?: 'left' | 'center' | 'right';
-    verticalAlignment?: 'top' | 'center' | 'bottom' | 'stretch';
-};
-export type DropdownMessage = {
-    label?: string;
-    type: 'dropdown';
-    reusable?: boolean;
-    options: {
-        label: string;
-        value: string;
-    }[];
-};
-export type FileMessage = {
-    type: 'file';
-    url: string;
-    title?: string;
-};
-export type ImageMessage = {
-    type: 'image';
-    orientation?: 'portrait' | 'landscape' | 'square' | 'auto';
-    url: string;
-};
-export type LocationMessage = {
-    type: 'location';
-    latitude: number;
-    longitude: number;
-    title?: string;
-};
-export type RowMessage = {
-    type: 'row';
-    blocks: Message[];
-    horizontalAlignment?: 'left' | 'center' | 'right' | 'stretch';
-    verticalAlignment?: 'top' | 'center' | 'bottom';
-};
-export type TextMessage = {
-    type: 'text';
-    text: string;
-    value?: string;
-};
-export type VideoMessage = {
-    type: 'video';
-    url: string;
-};
-export type CustomMessage = {
-    type: 'custom';
-    url: string;
-    name: string;
-};
-export type Message = AudioMessage | BubbleMessage | ButtonMessage | CarouselMessage | ColumnMessage | DropdownMessage | FileMessage | ImageMessage | LocationMessage | RowMessage | TextMessage | VideoMessage | CustomMessage;
-export type BubbleOf<T extends Message> = Omit<BubbleMessage, 'block'> & {
-    block: T;
-};
-export type ColumnOf<T extends Message> = Omit<ColumnMessage, 'blocks'> & {
-    blocks: T[];
-};
-export type RowOf<T extends Message> = Omit<RowMessage, 'blocks'> & {
-    blocks: T[];
-};
-export type Messages = types.ByType<Message>;

package/dist/adapters/typings.d.ts

@@ -1,7 +0,0 @@
-export type ByType<M extends {
-    type: string;
-}> = {
-    [Type in M['type']]: Extract<M, {
-        type: Type;
-    }>;
-};

package/dist/adapters/webchat-to-target.d.ts

@@ -1,8 +0,0 @@
-import * as target from './target';
-import * as webchat from './webchat';
-type AdapterOutput = {
-    payload: target.Message;
-    disableInput?: boolean;
-};
-export declare const messageAdapter: (message: webchat.Message) => AdapterOutput;
-export {};

package/dist/adapters/webchat.d.ts

@@ -1,4 +0,0 @@
-import * as types from './typings';
-import * as models from '@bpinternal/webchat-http-client';
-export type Message = models.Message['payload'];
-export type Messages = types.ByType<Message>;

package/dist/client/client.d.ts

@@ -1,37 +0,0 @@
-import { Message as BotpressMessage } from '@bpinternal/webchat-http-client';
-import type { MessageObject } from '../types';
-type Props = {
-    apiUrl: string;
-    clientId: string;
-    sseTimeout?: number;
-};
-export type Client = ReturnType<typeof getClient>;
-export declare function getClient({ apiUrl, clientId, sseTimeout }: Props): {
-    sendMessage: (props: Parameters<(input: import("@bpinternal/webchat-http-client/dist/gen/client/operations/createMessage").CreateMessageInput) => Promise<import("@bpinternal/webchat-http-client/dist/gen/client/operations/createMessage").CreateMessageResponse>>[number]) => Promise<MessageObject>;
-    getMessage: (props: Parameters<(input: import("@bpinternal/webchat-http-client/dist/gen/client/operations/getMessage").GetMessageInput) => Promise<import("@bpinternal/webchat-http-client/dist/gen/client/operations/getMessage").GetMessageResponse>>[number]) => Promise<MessageObject>;
-    listConversationMessages: (props: Parameters<(input: import("@bpinternal/webchat-http-client/dist/gen/client/operations/listConversationMessages").ListConversationMessagesInput) => Promise<import("@bpinternal/webchat-http-client/dist/gen/client/operations/listConversationMessages").ListConversationMessagesResponse>>[number]) => Promise<{
-        messages: MessageObject[];
-        meta: {
-            nextToken?: string;
-        };
-    }>;
-    createMessage: (props: Parameters<(input: import("@bpinternal/webchat-http-client/dist/gen/client/operations/createMessage").CreateMessageInput) => Promise<import("@bpinternal/webchat-http-client/dist/gen/client/operations/createMessage").CreateMessageResponse>>[number]) => Promise<MessageObject>;
-    addParticipant: (input: import("@bpinternal/webchat-http-client/dist/gen/client/operations/addParticipant").AddParticipantInput) => Promise<import("@bpinternal/webchat-http-client/dist/gen/client/operations/addParticipant").AddParticipantResponse>;
-    createConversation: (input: import("@bpinternal/webchat-http-client/dist/gen/client/operations/createConversation").CreateConversationInput) => Promise<import("@bpinternal/webchat-http-client/dist/gen/client/operations/createConversation").CreateConversationResponse>;
-    createEvent: (input: import("@bpinternal/webchat-http-client/dist/gen/client/operations/createEvent").CreateEventInput) => Promise<import("@bpinternal/webchat-http-client/dist/gen/client/operations/createEvent").CreateEventResponse>;
-    createFile: (input: import("@bpinternal/webchat-http-client/dist/gen/client/operations/createFile").CreateFileInput) => Promise<import("@bpinternal/webchat-http-client/dist/gen/client/operations/createFile").CreateFileResponse>;
-    createUser: (input: import("@bpinternal/webchat-http-client/dist/gen/client/operations/createUser").CreateUserInput) => Promise<import("@bpinternal/webchat-http-client/dist/gen/client/operations/createUser").CreateUserResponse>;
-    deleteConversation: (input: import("@bpinternal/webchat-http-client/dist/gen/client/operations/deleteConversation").DeleteConversationInput) => Promise<import("@bpinternal/webchat-http-client/dist/gen/client/operations/deleteConversation").DeleteConversationResponse>;
-    deleteMessage: (input: import("@bpinternal/webchat-http-client/dist/gen/client/operations/deleteMessage").DeleteMessageInput) => Promise<import("@bpinternal/webchat-http-client/dist/gen/client/operations/deleteMessage").DeleteMessageResponse>;
-    deleteUser: (input: import("@bpinternal/webchat-http-client/dist/gen/client/operations/deleteUser").DeleteUserInput) => Promise<import("@bpinternal/webchat-http-client/dist/gen/client/operations/deleteUser").DeleteUserResponse>;
-    getConversation: (input: import("@bpinternal/webchat-http-client/dist/gen/client/operations/getConversation").GetConversationInput) => Promise<import("@bpinternal/webchat-http-client/dist/gen/client/operations/getConversation").GetConversationResponse>;
-    getEvent: (input: import("@bpinternal/webchat-http-client/dist/gen/client/operations/getEvent").GetEventInput) => Promise<import("@bpinternal/webchat-http-client/dist/gen/client/operations/getEvent").GetEventResponse>;
-    getParticipant: (input: import("@bpinternal/webchat-http-client/dist/gen/client/operations/getParticipant").GetParticipantInput) => Promise<import("@bpinternal/webchat-http-client/dist/gen/client/operations/getParticipant").GetParticipantResponse>;
-    getUser: (input: import("@bpinternal/webchat-http-client/dist/gen/client/operations/getUser").GetUserInput) => Promise<import("@bpinternal/webchat-http-client/dist/gen/client/operations/getUser").GetUserResponse>;
-    listConversations: (input: import("@bpinternal/webchat-http-client/dist/gen/client/operations/listConversations").ListConversationsInput) => Promise<import("@bpinternal/webchat-http-client/dist/gen/client/operations/listConversations").ListConversationsResponse>;
-    removeParticipant: (input: import("@bpinternal/webchat-http-client/dist/gen/client/operations/removeParticipant").RemoveParticipantInput) => Promise<import("@bpinternal/webchat-http-client/dist/gen/client/operations/removeParticipant").RemoveParticipantResponse>;
-    updateUser: (input: import("@bpinternal/webchat-http-client/dist/gen/client/operations/updateUser").UpdateUserInput) => Promise<import("@bpinternal/webchat-http-client/dist/gen/client/operations/updateUser").UpdateUserResponse>;
-    listenConversation: ({ id, "x-user-key": userKey, }: import("@bpinternal/webchat-http-client/dist/gen/client/operations/listenConversation").ListenConversationInput) => Promise<import("@bpinternal/webchat-http-client").SignalListener>;
-};
-export declare function mapMessage(message: BotpressMessage): MessageObject;
-export {};

package/dist/client/index.d.ts

@@ -1,4 +0,0 @@
-export * from './client';
-export * from './legacyClient';
-export * from './state-machine';
-export * from './types';

package/dist/client/legacyClient.d.ts

@@ -1,55 +0,0 @@
-import { EventEmitter } from '../utils';
-import { Events, UserCredentials, UserData, UserOptions, type User } from './types';
-import { type FileType } from '../types';
-import type { Message as WebchatMessage } from '../adapters/webchat';
-export type PushpinClientProps = {
-    apiUrl: string;
-    clientId: string;
-};
-export declare class WebchatClient extends EventEmitter<Events> {
-    private _client;
-    private _webhookId;
-    private _apiUrl;
-    private _state;
-    constructor(props: PushpinClientProps);
-    readonly mode = "pushpin";
-    get apiUrl(): string;
-    get clientId(): string;
-    get userId(): string | undefined;
-    getUser(): Promise<{
-        data: {
-            [k: string]: any;
-        } | undefined;
-    }>;
-    updateUser(user: User): Promise<User>;
-    get conversationId(): string | undefined;
-    connect(creds?: UserCredentials, data?: UserData, opts?: UserOptions): Promise<UserCredentials | undefined>;
-    private _initialConnect;
-    private _reConnect;
-    disconnect(): Promise<void>;
-    sendFile(file: File): Promise<{
-        fileUrl: string;
-        name: string;
-        type: FileType;
-    }>;
-    sendMessage(payload: WebchatMessage): Promise<void>;
-    sendEvent(event: Record<string, any>): Promise<void>;
-    switchConversation(id: string): Promise<void>;
-    conversationExists(id: string): Promise<boolean>;
-    userExists({ userToken }: UserCredentials): Promise<boolean>;
-    newConversation(): Promise<void>;
-    private _createNewConversation;
-    listMessages(): Promise<{
-        id: string;
-        conversationId: string;
-        authorId: string;
-        sentOn: Date;
-        payload: import("../adapters/target").Message;
-        disableInput: boolean | undefined;
-        metadata: {
-            [k: string]: any;
-        } | undefined;
-    }[]>;
-    private _connectConversation;
-    private _mapMessage;
-}

package/dist/client/state-machine.d.ts

@@ -1,40 +0,0 @@
-import { Client } from '@bpinternal/webchat-http-client';
-export type SignalEmitter = Awaited<ReturnType<Client['listenConversation']>>;
-export type DisconnectedState = {};
-export type UserCreatingState = DisconnectedState & {};
-export type UserCreatedState = UserCreatingState & {
-    userId: string;
-    userKey: string;
-};
-export type ConversationCreatingState = UserCreatedState & {};
-export type ConversationCreatedState = ConversationCreatingState & {
-    conversationId: string;
-    signalEmitter: SignalEmitter;
-};
-export type PushpinClientState = (DisconnectedState & {
-    status: 'disconnected';
-}) | (UserCreatingState & {
-    status: 'user_creating';
-}) | (UserCreatedState & {
-    status: 'user_created';
-}) | (ConversationCreatingState & {
-    status: 'conversation_creating';
-}) | (ConversationCreatedState & {
-    status: 'conversation_created';
-});
-export type PushpinClientStatus = PushpinClientState['status'];
-export type StateOf<S extends PushpinClientStatus> = Extract<PushpinClientState, {
-    status: S;
-}>;
-type GT<S extends PushpinClientStatus> = S extends 'disconnected' ? 'user_creating' | 'user_created' | 'conversation_creating' | 'conversation_created' : S extends 'user_creating' ? 'user_created' | 'conversation_creating' | 'conversation_created' : S extends 'user_created' ? 'conversation_creating' | 'conversation_created' : S extends 'conversation_creating' ? 'conversation_created' : never;
-type LT<S extends PushpinClientStatus> = S extends 'conversation_created' ? 'conversation_creating' | 'user_created' | 'user_creating' | 'disconnected' : S extends 'conversation_creating' ? 'user_created' | 'user_creating' | 'disconnected' : S extends 'user_created' ? 'user_creating' | 'disconnected' : S extends 'user_creating' ? 'disconnected' : never;
-export declare const isEq: <S extends PushpinClientStatus>(s: PushpinClientState, target: S) => s is StateOf<S>;
-export declare const isGt: <S extends PushpinClientStatus>(s: PushpinClientState, target: S) => s is StateOf<GT<S>>;
-export declare const isLt: <S extends PushpinClientStatus>(s: PushpinClientState, target: S) => s is StateOf<LT<S>>;
-export declare const isGte: <S extends PushpinClientStatus>(s: PushpinClientState, target: S) => s is StateOf<GT<S> | S>;
-export declare const isLte: <S extends PushpinClientStatus>(s: PushpinClientState, target: S) => s is StateOf<LT<S> | S>;
-export declare class InvalidStateError extends Error {
-    readonly state: PushpinClientState;
-    constructor(state: PushpinClientState);
-}
-export {};

package/dist/client/types.d.ts

@@ -1,35 +0,0 @@
-import { type MessageObject } from '../types/block-type';
-import { UserProps } from '../types';
-import type { Message as WebchatMessage } from '../adapters/webchat';
-type SafeOmit<T, K extends keyof T> = Omit<T, K>;
-export type UserCredentials = {
-    userId: string;
-    userToken: string;
-};
-export type User = UserProps;
-export type UserData = User['data'];
-export type UserOptions = SafeOmit<User, 'data'>;
-export type WebchatEvents = {
-    conversation: string | undefined;
-    message: MessageObject;
-    messageSent: WebchatMessage;
-    error: Error;
-    webchatVisibility: 'show' | 'hide' | 'toggle';
-    webchatConfig: Record<string, any>;
-    customEvent: Record<string, any>;
-    isTyping: {
-        isTyping: boolean;
-        timeout: number;
-    };
-};
-type ValueOf<T> = T[keyof T];
-type AnyEvent = ValueOf<{
-    [K in keyof WebchatEvents]: {
-        type: K;
-        payload: WebchatEvents[K];
-    };
-}>;
-export type Events = WebchatEvents & {
-    '*': AnyEvent;
-};
-export {};

package/dist/components/Avatar.d.ts

@@ -1,8 +0,0 @@
-import { AvatarTheme } from '../types';
-import { ComponentPropsWithRef } from 'react';
-type AvatarProps = {
-    userId?: string;
-    src?: string;
-} & Omit<ComponentPropsWithRef<'span'>, 'className' | 'style'> & AvatarTheme;
-export declare const Avatar: import("react").ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
-export {};

package/dist/components/Block.d.ts

@@ -1,9 +0,0 @@
-import { JSX } from 'react';
-import { Renderers } from '../types';
-import { BlockObjects, BlockType, type CommonBlockProps } from '../types';
-type BlockProps<T extends BlockType> = {
-    block: BlockObjects[T];
-    renderers?: Partial<Renderers>;
-} & CommonBlockProps;
-export declare const Block: <T extends BlockType>({ block, renderers, ...props }: BlockProps<T>) => JSX.Element;
-export {};

package/dist/components/Chat.d.ts

@@ -1,30 +0,0 @@
-import type { Configuration, FileType, MessageObject, Renderers } from '../types';
-import type { Message } from '../adapters/webchat';
-export type Props = {
-    className?: string;
-    renderers?: Partial<Renderers>;
-    configuration: Configuration;
-    messages: MessageObject[];
-    connected?: boolean;
-    disableComposer?: boolean;
-    isReadOnly?: boolean;
-    isLoading?: boolean;
-    isTyping?: boolean;
-    lastTypingHeartbeat?: Date | null;
-    allowFileUpload?: boolean;
-    clientId?: string;
-    closeWindow?: () => void;
-    restartConversation?: () => void;
-    user: {
-        id: string;
-        name?: string;
-        pictureUrl?: string;
-    } & Record<string, unknown>;
-    sendMessage?: (payload: Message) => void;
-    uploadFile?: (file: File) => Promise<{
-        fileUrl: string;
-        name: string;
-        type: FileType;
-    }>;
-};
-export declare const Chat: ({ connected, configuration, closeWindow, isTyping, messages, user, sendMessage, uploadFile, isLoading, renderers, isReadOnly, disableComposer, restartConversation, allowFileUpload, ...props }: Props) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CloseWindowButton.d.ts

@@ -1,7 +0,0 @@
-import { ComponentProps } from 'react';
-import { XMarkIcon } from '@heroicons/react/24/outline';
-type Props = ComponentProps<typeof XMarkIcon> & {
-    onClick?: () => void;
-};
-export declare const CloseWindowButton: ({ onClick, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/Composer/Composer.d.ts

@@ -1,18 +0,0 @@
-import { ComponentProps, type Ref } from 'react';
-import type { Configuration, FileType } from '../../types';
-import type { Message } from '../../adapters/webchat';
-type Props = ComponentProps<'div'> & {
-    inputRef?: Ref<HTMLTextAreaElement>;
-    disableComposer?: boolean;
-    isReadOnly?: boolean;
-    allowFileUpload?: boolean;
-    connected?: boolean;
-    sendMessage?: (payload: Message) => void;
-    uploadFile?: (file: File) => Promise<{
-        fileUrl: string;
-        name: string;
-        type: FileType;
-    }>;
-} & Pick<Configuration, 'composerPlaceholder' | 'showPoweredBy'>;
-export declare const Composer: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLDivElement>>>;
-export {};

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

@@ -1 +0,0 @@
-export * from './Composer';

package/dist/components/Container/Container.d.ts

@@ -1,9 +0,0 @@
-import { ComponentProps } from 'react';
-type Props = ComponentProps<'div'> & {
-    connected?: boolean;
-};
-export declare const Container: {
-    ({ children, className, connected, ...props }: Props): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export {};

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

@@ -1 +0,0 @@
-export * from './Container';

package/dist/components/Fab/Fab.d.ts

@@ -1 +0,0 @@
-export declare const Fab: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1 +0,0 @@
-export * from './Fab';

package/dist/components/Header/Header.d.ts

@@ -1,12 +0,0 @@
-import type { Configuration } from '../../types';
-type HeaderProps = {
-    defaultOpen?: boolean;
-    open?: boolean;
-    disabled?: boolean;
-    onOpenChange?(open: boolean): void;
-    restartConversation?: () => void;
-    closeWindow?: () => void;
-    configuration: Pick<Configuration, 'email' | 'phone' | 'privacyPolicy' | 'website' | 'termsOfService' | 'botAvatar' | 'botDescription' | 'botName'>;
-};
-export declare const Header: ({ defaultOpen, closeWindow, configuration, restartConversation, ...props }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1 +0,0 @@
-export * from './Header';

package/dist/components/Loader/Loader.d.ts

@@ -1,5 +0,0 @@
-type Props = {
-    className?: string;
-};
-export declare const Loader: ({ className, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1 +0,0 @@
-export * from './Loader';