@botpress/webchat 2.5.0 → 2.5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (168) hide show
  1. package/.storybook/main.ts +6 -1
  2. package/.turbo/turbo-build.log +12 -9
  3. package/dist/index.d.ts +14197 -15
  4. package/dist/index.js +11301 -10261
  5. package/dist/index.umd.cjs +72 -68
  6. package/dist/style.css +1 -1
  7. package/package.json +4 -2
  8. package/dist/adapters/index.d.ts +0 -2
  9. package/dist/adapters/target.d.ts +0 -83
  10. package/dist/adapters/typings.d.ts +0 -7
  11. package/dist/adapters/webchat-to-target.d.ts +0 -8
  12. package/dist/adapters/webchat.d.ts +0 -5
  13. package/dist/client/client.d.ts +0 -37
  14. package/dist/client/index.d.ts +0 -4
  15. package/dist/client/legacyClient.d.ts +0 -55
  16. package/dist/client/state-machine.d.ts +0 -40
  17. package/dist/client/types.d.ts +0 -35
  18. package/dist/components/Avatar.d.ts +0 -8
  19. package/dist/components/Block.d.ts +0 -9
  20. package/dist/components/Chat.d.ts +0 -30
  21. package/dist/components/CloseWindowButton.d.ts +0 -7
  22. package/dist/components/Composer/Composer.d.ts +0 -18
  23. package/dist/components/Composer/index.d.ts +0 -1
  24. package/dist/components/Composer/parts/FileAttachment.d.ts +0 -11
  25. package/dist/components/Composer/parts/FileInputButton.d.ts +0 -7
  26. package/dist/components/Composer/parts/SpeechRecognition.d.ts +0 -6
  27. package/dist/components/Composer/parts/TextInput.d.ts +0 -13
  28. package/dist/components/Composer/parts/index.d.ts +0 -4
  29. package/dist/components/Container/Container.d.ts +0 -16
  30. package/dist/components/Container/index.d.ts +0 -1
  31. package/dist/components/Fab/Fab.d.ts +0 -1
  32. package/dist/components/Fab/index.d.ts +0 -1
  33. package/dist/components/Header/Header.d.ts +0 -12
  34. package/dist/components/Header/index.d.ts +0 -1
  35. package/dist/components/Loader/Loader.d.ts +0 -5
  36. package/dist/components/Loader/index.d.ts +0 -1
  37. package/dist/components/Marquee/Marquee.d.ts +0 -7
  38. package/dist/components/Marquee/index.d.ts +0 -1
  39. package/dist/components/Message/Message.d.ts +0 -12
  40. package/dist/components/Message/index.d.ts +0 -1
  41. package/dist/components/MessageList/MessageList.d.ts +0 -16
  42. package/dist/components/MessageList/index.d.ts +0 -1
  43. package/dist/components/Modal/Modal.d.ts +0 -17
  44. package/dist/components/Modal/index.d.ts +0 -1
  45. package/dist/components/RestartConversationButton.d.ts +0 -7
  46. package/dist/components/TypingIndicator/TypingIndicator.d.ts +0 -2
  47. package/dist/components/TypingIndicator/index.d.ts +0 -1
  48. package/dist/components/Webchat.d.ts +0 -13
  49. package/dist/components/index.d.ts +0 -14
  50. package/dist/components/renderers/Audio/Audio.d.ts +0 -6
  51. package/dist/components/renderers/Audio/index.d.ts +0 -1
  52. package/dist/components/renderers/Bubble/Bubble.d.ts +0 -5
  53. package/dist/components/renderers/Bubble/index.d.ts +0 -1
  54. package/dist/components/renderers/Button/Button.d.ts +0 -4
  55. package/dist/components/renderers/Button/index.d.ts +0 -1
  56. package/dist/components/renderers/Carousel/Carousel.d.ts +0 -6
  57. package/dist/components/renderers/Carousel/index.d.ts +0 -1
  58. package/dist/components/renderers/Column/Column.d.ts +0 -5
  59. package/dist/components/renderers/Column/index.d.ts +0 -1
  60. package/dist/components/renderers/Custom/Custom.d.ts +0 -14
  61. package/dist/components/renderers/Custom/index.d.ts +0 -1
  62. package/dist/components/renderers/Dropdown/Dropdown.d.ts +0 -5
  63. package/dist/components/renderers/Dropdown/index.d.ts +0 -1
  64. package/dist/components/renderers/File/File.d.ts +0 -6
  65. package/dist/components/renderers/File/index.d.ts +0 -1
  66. package/dist/components/renderers/Image/Image.d.ts +0 -6
  67. package/dist/components/renderers/Image/index.d.ts +0 -1
  68. package/dist/components/renderers/Location/Location.d.ts +0 -6
  69. package/dist/components/renderers/Location/index.d.ts +0 -1
  70. package/dist/components/renderers/Row/Row.d.ts +0 -5
  71. package/dist/components/renderers/Row/index.d.ts +0 -1
  72. package/dist/components/renderers/Text/Text.d.ts +0 -4
  73. package/dist/components/renderers/Text/index.d.ts +0 -1
  74. package/dist/components/renderers/Video/Video.d.ts +0 -6
  75. package/dist/components/renderers/Video/index.d.ts +0 -1
  76. package/dist/components/renderers/index.d.ts +0 -2
  77. package/dist/contexts/MessageContext.d.ts +0 -8
  78. package/dist/contexts/ModalContext.d.ts +0 -14
  79. package/dist/contexts/index.d.ts +0 -2
  80. package/dist/gen/client/errors.d.ts +0 -211
  81. package/dist/gen/client/index.d.ts +0 -71
  82. package/dist/gen/client/models.d.ts +0 -259
  83. package/dist/gen/client/operations/addParticipant.d.ts +0 -57
  84. package/dist/gen/client/operations/createConversation.d.ts +0 -39
  85. package/dist/gen/client/operations/createEvent.d.ts +0 -79
  86. package/dist/gen/client/operations/createFile.d.ts +0 -65
  87. package/dist/gen/client/operations/createMessage.d.ts +0 -324
  88. package/dist/gen/client/operations/createUser.d.ts +0 -66
  89. package/dist/gen/client/operations/deleteConversation.d.ts +0 -22
  90. package/dist/gen/client/operations/deleteMessage.d.ts +0 -22
  91. package/dist/gen/client/operations/deleteUser.d.ts +0 -21
  92. package/dist/gen/client/operations/getConversation.d.ts +0 -36
  93. package/dist/gen/client/operations/getEvent.d.ts +0 -58
  94. package/dist/gen/client/operations/getMessage.d.ts +0 -182
  95. package/dist/gen/client/operations/getParticipant.d.ts +0 -54
  96. package/dist/gen/client/operations/getUser.d.ts +0 -52
  97. package/dist/gen/client/operations/listConversationMessages.d.ts +0 -186
  98. package/dist/gen/client/operations/listConversations.d.ts +0 -42
  99. package/dist/gen/client/operations/listParticipants.d.ts +0 -57
  100. package/dist/gen/client/operations/listenConversation.d.ts +0 -22
  101. package/dist/gen/client/operations/removeParticipant.d.ts +0 -23
  102. package/dist/gen/client/operations/updateUser.d.ts +0 -66
  103. package/dist/gen/client/to-axios.d.ts +0 -16
  104. package/dist/gen/signals/custom.t.d.ts +0 -8
  105. package/dist/gen/signals/custom.z.d.ts +0 -22
  106. package/dist/gen/signals/index.d.ts +0 -1035
  107. package/dist/gen/signals/messageCreated.t.d.ts +0 -163
  108. package/dist/gen/signals/messageCreated.z.d.ts +0 -930
  109. package/dist/gen/signals/typingStarted.t.d.ts +0 -6
  110. package/dist/gen/signals/typingStarted.z.d.ts +0 -22
  111. package/dist/gen/signals/typingStopped.t.d.ts +0 -4
  112. package/dist/gen/signals/typingStopped.z.d.ts +0 -12
  113. package/dist/gen/signals/webchatConfig.t.d.ts +0 -8
  114. package/dist/gen/signals/webchatConfig.z.d.ts +0 -22
  115. package/dist/gen/signals/webchatVisibility.t.d.ts +0 -6
  116. package/dist/gen/signals/webchatVisibility.z.d.ts +0 -22
  117. package/dist/get-client.d.ts +0 -7
  118. package/dist/hooks/index.d.ts +0 -5
  119. package/dist/hooks/useClient.d.ts +0 -6
  120. package/dist/hooks/useImageSize.d.ts +0 -2
  121. package/dist/hooks/useIsTyping.d.ts +0 -4
  122. package/dist/hooks/useRefresh.d.ts +0 -10
  123. package/dist/hooks/useWebchatClient.d.ts +0 -50
  124. package/dist/providers/ModalProvider.d.ts +0 -8
  125. package/dist/providers/StylesheetProvider.d.ts +0 -4
  126. package/dist/providers/index.d.ts +0 -2
  127. package/dist/schemas/configuration.d.ts +0 -157
  128. package/dist/schemas/index.d.ts +0 -3
  129. package/dist/schemas/init.d.ts +0 -8487
  130. package/dist/schemas/theme.d.ts +0 -4358
  131. package/dist/stores/composerFileStore.d.ts +0 -21
  132. package/dist/stores/customComponentsStore.d.ts +0 -9
  133. package/dist/stores/index.d.ts +0 -5
  134. package/dist/stores/messageHistoryStore.d.ts +0 -20
  135. package/dist/stores/messagesStore.d.ts +0 -21
  136. package/dist/stores/userStore.d.ts +0 -32
  137. package/dist/stores/webchatStore.d.ts +0 -13
  138. package/dist/stories/Messages/Audio.stories.d.ts +0 -6
  139. package/dist/stories/Messages/Bloc.stories.d.ts +0 -6
  140. package/dist/stories/Messages/Card.stories.d.ts +0 -6
  141. package/dist/stories/Messages/Carousel.stories.d.ts +0 -6
  142. package/dist/stories/Messages/Choice.stories.d.ts +0 -6
  143. package/dist/stories/Messages/Custom.stories.d.ts +0 -12
  144. package/dist/stories/Messages/Dropdown.stories.d.ts +0 -6
  145. package/dist/stories/Messages/File.stories.d.ts +0 -6
  146. package/dist/stories/Messages/FileAttachmentCard.stories.d.ts +0 -6
  147. package/dist/stories/Messages/Image.stories.d.ts +0 -6
  148. package/dist/stories/Messages/Location.stories.d.ts +0 -6
  149. package/dist/stories/Messages/Text.stories.d.ts +0 -6
  150. package/dist/stories/Messages/Video.stories.d.ts +0 -6
  151. package/dist/styles/classes.d.ts +0 -410
  152. package/dist/styles/index.d.ts +0 -1
  153. package/dist/types/block-type.d.ts +0 -58
  154. package/dist/types/configuration.d.ts +0 -5
  155. package/dist/types/image.d.ts +0 -11
  156. package/dist/types/index.d.ts +0 -5
  157. package/dist/types/init.d.ts +0 -6
  158. package/dist/types/theme.d.ts +0 -7
  159. package/dist/utils/colors.d.ts +0 -21
  160. package/dist/utils/colors.test.d.ts +0 -1
  161. package/dist/utils/eventEmitter.d.ts +0 -12
  162. package/dist/utils/generateCSS.d.ts +0 -1
  163. package/dist/utils/hashStringToInt.d.ts +0 -1
  164. package/dist/utils/images.d.ts +0 -2
  165. package/dist/utils/index.d.ts +0 -7
  166. package/dist/utils/message.d.ts +0 -8
  167. package/dist/utils/message.test.d.ts +0 -1
  168. package/dist/utils/theme.d.ts +0 -2
package/dist/style.css CHANGED
@@ -1 +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;--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)}.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}.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)}
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;--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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@botpress/webchat",
3
- "version": "2.5.0",
3
+ "version": "2.5.1",
4
4
  "type": "module",
5
5
  "license": "MIT",
6
6
  "main": "./dist/index.umd.cjs",
@@ -8,6 +8,7 @@
8
8
  "types": "./dist/index.d.ts",
9
9
  "exports": {
10
10
  ".": {
11
+ "types": "./dist/index.d.ts",
11
12
  "import": "./dist/index.js",
12
13
  "require": "./dist/index.umd.cjs"
13
14
  }
@@ -21,7 +22,8 @@
21
22
  "chromatic": "chromatic --exit-zero-on-changes --exit-once-uploaded"
22
23
  },
23
24
  "dependencies": {
24
- "@bpinternal/webchat-http-client": "0.2.5",
25
+ "@botpress/webchat-client": "workspace:*",
26
+ "@bpinternal/webchat-http-client": "0.2.6",
25
27
  "@floating-ui/react": "^0.25.4",
26
28
  "@headlessui/react": "^2.2.0",
27
29
  "@heroicons/react": "^2.1.5",
@@ -1,2 +0,0 @@
1
- export * as target from './target';
2
- export * as webchatToTarget from './webchat-to-target';
@@ -1,83 +0,0 @@
1
- import * as types from './typings';
2
- export type AudioMessage = {
3
- type: 'audio';
4
- url: string;
5
- };
6
- export type BubbleMessage = {
7
- type: 'bubble';
8
- block: Message;
9
- };
10
- export type ButtonMessage = {
11
- type: 'button';
12
- variant: 'action' | 'link';
13
- reusable?: boolean;
14
- groupId?: string;
15
- text: string;
16
- buttonValue: string;
17
- };
18
- export type CarouselMessage = {
19
- type: 'carousel';
20
- blocks: Message[];
21
- };
22
- export type ColumnMessage = {
23
- type: 'column';
24
- blocks: Message[];
25
- horizontalAlignment?: 'left' | 'center' | 'right';
26
- verticalAlignment?: 'top' | 'center' | 'bottom' | 'stretch';
27
- };
28
- export type DropdownMessage = {
29
- label?: string;
30
- type: 'dropdown';
31
- reusable?: boolean;
32
- options: {
33
- label: string;
34
- value: string;
35
- }[];
36
- };
37
- export type FileMessage = {
38
- type: 'file';
39
- url: string;
40
- title?: string;
41
- };
42
- export type ImageMessage = {
43
- type: 'image';
44
- orientation?: 'portrait' | 'landscape' | 'square' | 'auto';
45
- url: string;
46
- };
47
- export type LocationMessage = {
48
- type: 'location';
49
- latitude: number;
50
- longitude: number;
51
- title?: string;
52
- };
53
- export type RowMessage = {
54
- type: 'row';
55
- blocks: Message[];
56
- horizontalAlignment?: 'left' | 'center' | 'right' | 'stretch';
57
- verticalAlignment?: 'top' | 'center' | 'bottom';
58
- };
59
- export type TextMessage = {
60
- type: 'text';
61
- text: string;
62
- value?: string;
63
- };
64
- export type VideoMessage = {
65
- type: 'video';
66
- url: string;
67
- };
68
- export type CustomMessage = {
69
- type: 'custom';
70
- url: string;
71
- name: string;
72
- };
73
- export type Message = AudioMessage | BubbleMessage | ButtonMessage | CarouselMessage | ColumnMessage | DropdownMessage | FileMessage | ImageMessage | LocationMessage | RowMessage | TextMessage | VideoMessage | CustomMessage;
74
- export type BubbleOf<T extends Message> = Omit<BubbleMessage, 'block'> & {
75
- block: T;
76
- };
77
- export type ColumnOf<T extends Message> = Omit<ColumnMessage, 'blocks'> & {
78
- blocks: T[];
79
- };
80
- export type RowOf<T extends Message> = Omit<RowMessage, 'blocks'> & {
81
- blocks: T[];
82
- };
83
- export type Messages = types.ByType<Message>;
@@ -1,7 +0,0 @@
1
- export type ByType<M extends {
2
- type: string;
3
- }> = {
4
- [Type in M['type']]: Extract<M, {
5
- type: Type;
6
- }>;
7
- };
@@ -1,8 +0,0 @@
1
- import * as target from './target';
2
- import * as webchat from './webchat';
3
- type AdapterOutput = {
4
- payload: target.Message;
5
- disableInput?: boolean;
6
- };
7
- export declare const messageAdapter: (message: webchat.Message) => AdapterOutput;
8
- export {};
@@ -1,5 +0,0 @@
1
- import * as types from './typings';
2
- import * as models from '@bpinternal/webchat-http-client';
3
- export type Message = models.Message['payload'];
4
- export type Messages = types.ByType<Message>;
5
- export type BlocMessageItem = models.Message['payload']['items'];
@@ -1,37 +0,0 @@
1
- import { Message as BotpressMessage } from '@bpinternal/webchat-http-client';
2
- import type { MessageObject } from '../types';
3
- type Props = {
4
- apiUrl: string;
5
- clientId: string;
6
- sseTimeout?: number;
7
- };
8
- export type Client = ReturnType<typeof getClient>;
9
- export declare function getClient({ apiUrl, clientId, sseTimeout }: Props): {
10
- 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>;
11
- 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>;
12
- 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<{
13
- messages: MessageObject[];
14
- meta: {
15
- nextToken?: string;
16
- };
17
- }>;
18
- 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>;
19
- 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>;
20
- 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>;
21
- 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>;
22
- 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>;
23
- 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>;
24
- 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>;
25
- 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>;
26
- 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>;
27
- 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>;
28
- 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>;
29
- 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>;
30
- 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>;
31
- 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>;
32
- 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>;
33
- 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>;
34
- listenConversation: ({ id, "x-user-key": userKey, }: import("@bpinternal/webchat-http-client/dist/gen/client/operations/listenConversation").ListenConversationInput) => Promise<import("@bpinternal/webchat-http-client").SignalListener>;
35
- };
36
- export declare function mapMessage(message: BotpressMessage): MessageObject;
37
- export {};
@@ -1,4 +0,0 @@
1
- export * from './client';
2
- export * from './legacyClient';
3
- export * from './state-machine';
4
- export * from './types';
@@ -1,55 +0,0 @@
1
- import { EventEmitter } from '../utils';
2
- import { Events, UserCredentials, UserData, UserOptions, type User } from './types';
3
- import { type FileType } from '../types';
4
- import type { Message as WebchatMessage } from '../adapters/webchat';
5
- export type PushpinClientProps = {
6
- apiUrl: string;
7
- clientId: string;
8
- };
9
- export declare class WebchatClient extends EventEmitter<Events> {
10
- private _client;
11
- private _webhookId;
12
- private _apiUrl;
13
- private _state;
14
- constructor(props: PushpinClientProps);
15
- readonly mode = "pushpin";
16
- get apiUrl(): string;
17
- get clientId(): string;
18
- get userId(): string | undefined;
19
- getUser(): Promise<{
20
- data: {
21
- [k: string]: any;
22
- } | undefined;
23
- }>;
24
- updateUser(user: User): Promise<User>;
25
- get conversationId(): string | undefined;
26
- connect(creds?: UserCredentials, data?: UserData, opts?: UserOptions): Promise<UserCredentials | undefined>;
27
- private _initialConnect;
28
- private _reConnect;
29
- disconnect(): Promise<void>;
30
- sendFile(file: File): Promise<{
31
- fileUrl: string;
32
- name: string;
33
- type: FileType;
34
- }>;
35
- sendMessage(payload: WebchatMessage): Promise<void>;
36
- sendEvent(event: Record<string, any>): Promise<void>;
37
- switchConversation(id: string): Promise<void>;
38
- conversationExists(id: string): Promise<boolean>;
39
- userExists({ userToken }: UserCredentials): Promise<boolean>;
40
- newConversation(): Promise<void>;
41
- private _createNewConversation;
42
- listMessages(): Promise<{
43
- id: string;
44
- conversationId: string;
45
- authorId: string;
46
- sentOn: Date;
47
- payload: import("../adapters/target").Message;
48
- disableInput: boolean | undefined;
49
- metadata: {
50
- [k: string]: any;
51
- } | undefined;
52
- }[]>;
53
- private _connectConversation;
54
- private _mapMessage;
55
- }
@@ -1,40 +0,0 @@
1
- import { Client } from '@bpinternal/webchat-http-client';
2
- export type SignalEmitter = Awaited<ReturnType<Client['listenConversation']>>;
3
- export type DisconnectedState = {};
4
- export type UserCreatingState = DisconnectedState & {};
5
- export type UserCreatedState = UserCreatingState & {
6
- userId: string;
7
- userKey: string;
8
- };
9
- export type ConversationCreatingState = UserCreatedState & {};
10
- export type ConversationCreatedState = ConversationCreatingState & {
11
- conversationId: string;
12
- signalEmitter: SignalEmitter;
13
- };
14
- export type PushpinClientState = (DisconnectedState & {
15
- status: 'disconnected';
16
- }) | (UserCreatingState & {
17
- status: 'user_creating';
18
- }) | (UserCreatedState & {
19
- status: 'user_created';
20
- }) | (ConversationCreatingState & {
21
- status: 'conversation_creating';
22
- }) | (ConversationCreatedState & {
23
- status: 'conversation_created';
24
- });
25
- export type PushpinClientStatus = PushpinClientState['status'];
26
- export type StateOf<S extends PushpinClientStatus> = Extract<PushpinClientState, {
27
- status: S;
28
- }>;
29
- 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;
30
- 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;
31
- export declare const isEq: <S extends PushpinClientStatus>(s: PushpinClientState, target: S) => s is StateOf<S>;
32
- export declare const isGt: <S extends PushpinClientStatus>(s: PushpinClientState, target: S) => s is StateOf<GT<S>>;
33
- export declare const isLt: <S extends PushpinClientStatus>(s: PushpinClientState, target: S) => s is StateOf<LT<S>>;
34
- export declare const isGte: <S extends PushpinClientStatus>(s: PushpinClientState, target: S) => s is StateOf<GT<S> | S>;
35
- export declare const isLte: <S extends PushpinClientStatus>(s: PushpinClientState, target: S) => s is StateOf<LT<S> | S>;
36
- export declare class InvalidStateError extends Error {
37
- readonly state: PushpinClientState;
38
- constructor(state: PushpinClientState);
39
- }
40
- export {};
@@ -1,35 +0,0 @@
1
- import { type MessageObject } from '../types/block-type';
2
- import { UserProps } from '../types';
3
- import type { Message as WebchatMessage } from '../adapters/webchat';
4
- type SafeOmit<T, K extends keyof T> = Omit<T, K>;
5
- export type UserCredentials = {
6
- userId: string;
7
- userToken: string;
8
- };
9
- export type User = UserProps;
10
- export type UserData = User['data'];
11
- export type UserOptions = SafeOmit<User, 'data'>;
12
- export type WebchatEvents = {
13
- conversation: string | undefined;
14
- message: MessageObject;
15
- messageSent: WebchatMessage;
16
- error: Error;
17
- webchatVisibility: 'show' | 'hide' | 'toggle';
18
- webchatConfig: Record<string, any>;
19
- customEvent: Record<string, any>;
20
- isTyping: {
21
- isTyping: boolean;
22
- timeout: number;
23
- };
24
- };
25
- type ValueOf<T> = T[keyof T];
26
- type AnyEvent = ValueOf<{
27
- [K in keyof WebchatEvents]: {
28
- type: K;
29
- payload: WebchatEvents[K];
30
- };
31
- }>;
32
- export type Events = WebchatEvents & {
33
- '*': AnyEvent;
34
- };
35
- export {};
@@ -1,8 +0,0 @@
1
- import { AvatarTheme } from '../types';
2
- import { ComponentPropsWithRef } from 'react';
3
- type AvatarProps = {
4
- userId?: string;
5
- src?: string;
6
- } & Omit<ComponentPropsWithRef<'span'>, 'className' | 'style'> & AvatarTheme;
7
- export declare const Avatar: import("react").ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
8
- export {};
@@ -1,9 +0,0 @@
1
- import { JSX } from 'react';
2
- import { Renderers } from '../types';
3
- import { BlockObjects, BlockType, type CommonBlockProps } from '../types';
4
- type BlockProps<T extends BlockType> = {
5
- block: BlockObjects[T];
6
- renderers?: Partial<Renderers>;
7
- } & CommonBlockProps;
8
- export declare const Block: <T extends BlockType>({ block, renderers, ...props }: BlockProps<T>) => JSX.Element;
9
- export {};
@@ -1,30 +0,0 @@
1
- import type { Configuration, FileType, MessageObject, Renderers } from '../types';
2
- import type { Message } from '../adapters/webchat';
3
- export type Props = {
4
- className?: string;
5
- renderers?: Partial<Renderers>;
6
- configuration: Configuration;
7
- messages: MessageObject[];
8
- connected?: boolean;
9
- disableComposer?: boolean;
10
- isReadOnly?: boolean;
11
- isLoading?: boolean;
12
- isTyping?: boolean;
13
- lastTypingHeartbeat?: Date | null;
14
- allowFileUpload?: boolean;
15
- clientId?: string;
16
- closeWindow?: () => void;
17
- restartConversation?: () => void;
18
- user: {
19
- id: string;
20
- name?: string;
21
- pictureUrl?: string;
22
- } & Record<string, unknown>;
23
- sendMessage?: (payload: Message) => void;
24
- uploadFile?: (file: File) => Promise<{
25
- fileUrl: string;
26
- name: string;
27
- type: FileType;
28
- }>;
29
- };
30
- 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;
@@ -1,7 +0,0 @@
1
- import { ComponentProps } from 'react';
2
- import { XMarkIcon } from '@heroicons/react/24/outline';
3
- type Props = ComponentProps<typeof XMarkIcon> & {
4
- onClick?: () => void;
5
- };
6
- export declare const CloseWindowButton: ({ onClick, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
7
- export {};
@@ -1,18 +0,0 @@
1
- import { ComponentProps, Ref } from 'react';
2
- import type { Message } from '../../adapters/webchat';
3
- import type { Configuration, FileType } from '../../types';
4
- type Props = ComponentProps<'div'> & {
5
- inputRef?: Ref<HTMLTextAreaElement>;
6
- disableComposer?: boolean;
7
- isReadOnly?: boolean;
8
- allowFileUpload?: boolean;
9
- connected?: boolean;
10
- sendMessage?: (payload: Message) => void;
11
- uploadFile?: (file: File) => Promise<{
12
- fileUrl: string;
13
- name: string;
14
- type: FileType;
15
- }>;
16
- } & Pick<Configuration, 'composerPlaceholder' | 'showPoweredBy'>;
17
- export declare const Composer: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLDivElement>>>;
18
- export {};
@@ -1 +0,0 @@
1
- export * from './Composer';
@@ -1,11 +0,0 @@
1
- import { type FC } from 'react';
2
- import type { FileType } from '../../../types';
3
- type FileAttachmentProps = {
4
- name: string;
5
- type: FileType;
6
- instance: File;
7
- status: string;
8
- removeFile: (name: string) => void;
9
- };
10
- export declare const FileAttachment: FC<FileAttachmentProps>;
11
- export {};
@@ -1,7 +0,0 @@
1
- import { FC } from 'react';
2
- type FileUploaderProps = {
3
- disabled: boolean;
4
- onFileSelected: (file: File) => void;
5
- };
6
- export declare const FileInputButton: FC<FileUploaderProps>;
7
- export {};
@@ -1,6 +0,0 @@
1
- type SpeechRecognitionProps = {
2
- textInput: string;
3
- setTextInput: (value: string) => void;
4
- };
5
- export declare const SpeechRecognition: ({ textInput: value, setTextInput: setValue }: SpeechRecognitionProps) => import("react/jsx-runtime").JSX.Element | undefined;
6
- export {};
@@ -1,13 +0,0 @@
1
- import { Ref } from 'react';
2
- type TextInputProps = {
3
- inputRef?: Ref<HTMLTextAreaElement>;
4
- composerPlaceholder: string | undefined;
5
- composerDisabled: boolean;
6
- textInput: string;
7
- historyIndex: number;
8
- setTextInput: (value: string) => void;
9
- setHistoryIndex: (index: number) => void;
10
- sendComposerMessage: () => void;
11
- };
12
- export declare const TextInput: ({ inputRef, composerPlaceholder, composerDisabled, textInput, historyIndex, setTextInput, setHistoryIndex, sendComposerMessage, }: TextInputProps) => import("react/jsx-runtime").JSX.Element;
13
- export {};
@@ -1,4 +0,0 @@
1
- export * from './FileInputButton';
2
- export * from './FileAttachment';
3
- export * from './TextInput';
4
- export * from './SpeechRecognition';