@elliemae/ds-chat 3.5.0-rc.1 → 3.5.0-rc.12

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 (214) hide show
  1. package/dist/cjs/ChatDataTestids.js +4 -1
  2. package/dist/cjs/ChatDataTestids.js.map +1 -1
  3. package/dist/cjs/exported-related/bubble/ChatBubble.js +67 -34
  4. package/dist/cjs/exported-related/bubble/ChatBubble.js.map +2 -2
  5. package/dist/cjs/exported-related/bubble/ChatBubbleArrow.js +87 -61
  6. package/dist/cjs/exported-related/bubble/ChatBubbleArrow.js.map +1 -1
  7. package/dist/cjs/exported-related/bubble/index.js +4 -1
  8. package/dist/cjs/exported-related/bubble/index.js.map +1 -1
  9. package/dist/cjs/exported-related/bubble/props.js +4 -1
  10. package/dist/cjs/exported-related/bubble/props.js.map +1 -1
  11. package/dist/cjs/exported-related/bubble/styled.js +4 -1
  12. package/dist/cjs/exported-related/bubble/styled.js.map +1 -1
  13. package/dist/cjs/exported-related/chat-card/ChatCard.js +32 -15
  14. package/dist/cjs/exported-related/chat-card/ChatCard.js.map +1 -1
  15. package/dist/cjs/exported-related/chat-card/index.js +4 -1
  16. package/dist/cjs/exported-related/chat-card/index.js.map +1 -1
  17. package/dist/cjs/exported-related/chat-card/props.js +6 -2
  18. package/dist/cjs/exported-related/chat-card/props.js.map +1 -1
  19. package/dist/cjs/exported-related/chat-card/styled.js +4 -1
  20. package/dist/cjs/exported-related/chat-card/styled.js.map +1 -1
  21. package/dist/cjs/exported-related/chat-container-header/ChatContainerHeader.js +24 -14
  22. package/dist/cjs/exported-related/chat-container-header/ChatContainerHeader.js.map +2 -2
  23. package/dist/cjs/exported-related/chat-container-header/props.js +4 -1
  24. package/dist/cjs/exported-related/chat-container-header/props.js.map +1 -1
  25. package/dist/cjs/exported-related/chat-container-header/styled.js +4 -1
  26. package/dist/cjs/exported-related/chat-container-header/styled.js.map +1 -1
  27. package/dist/cjs/exported-related/chat-empty-state/ChatEmptyState.js +39 -21
  28. package/dist/cjs/exported-related/chat-empty-state/ChatEmptyState.js.map +1 -1
  29. package/dist/cjs/exported-related/chat-empty-state/props.js +6 -2
  30. package/dist/cjs/exported-related/chat-empty-state/props.js.map +1 -1
  31. package/dist/cjs/exported-related/chat-empty-state/styled.js +4 -1
  32. package/dist/cjs/exported-related/chat-empty-state/styled.js.map +1 -1
  33. package/dist/cjs/exported-related/chat-sidebar/SideBarChat.js +33 -21
  34. package/dist/cjs/exported-related/chat-sidebar/SideBarChat.js.map +2 -2
  35. package/dist/cjs/exported-related/chat-sidebar/index.js +4 -1
  36. package/dist/cjs/exported-related/chat-sidebar/index.js.map +1 -1
  37. package/dist/cjs/exported-related/chat-sidebar/props.js +8 -3
  38. package/dist/cjs/exported-related/chat-sidebar/props.js.map +1 -1
  39. package/dist/cjs/exported-related/chat-sidebar/sidebar-button/SidebarButton.js +20 -10
  40. package/dist/cjs/exported-related/chat-sidebar/sidebar-button/SidebarButton.js.map +2 -2
  41. package/dist/cjs/exported-related/chat-sidebar/sidebar-button/index.js +4 -1
  42. package/dist/cjs/exported-related/chat-sidebar/sidebar-button/index.js.map +1 -1
  43. package/dist/cjs/exported-related/chat-sidebar/sidebar-button/props.js +4 -1
  44. package/dist/cjs/exported-related/chat-sidebar/sidebar-button/props.js.map +1 -1
  45. package/dist/cjs/exported-related/chat-sidebar/sidebar-button/styled.js +4 -1
  46. package/dist/cjs/exported-related/chat-sidebar/sidebar-button/styled.js.map +1 -1
  47. package/dist/cjs/exported-related/chat-sidebar/styled.js +4 -1
  48. package/dist/cjs/exported-related/chat-sidebar/styled.js.map +1 -1
  49. package/dist/cjs/exported-related/floating-button/FloatingButton.js +11 -7
  50. package/dist/cjs/exported-related/floating-button/FloatingButton.js.map +1 -1
  51. package/dist/cjs/exported-related/floating-button/index.js +4 -1
  52. package/dist/cjs/exported-related/floating-button/index.js.map +1 -1
  53. package/dist/cjs/exported-related/floating-button/props.js +4 -1
  54. package/dist/cjs/exported-related/floating-button/props.js.map +1 -1
  55. package/dist/cjs/exported-related/floating-button/styled.js +4 -1
  56. package/dist/cjs/exported-related/floating-button/styled.js.map +1 -1
  57. package/dist/cjs/exported-related/floating-container/styled.js +4 -1
  58. package/dist/cjs/exported-related/floating-container/styled.js.map +1 -1
  59. package/dist/cjs/exported-related/grid-influencer/InfluencerContainer.js +17 -6
  60. package/dist/cjs/exported-related/grid-influencer/InfluencerContainer.js.map +2 -2
  61. package/dist/cjs/exported-related/grid-influencer/styled.js +4 -1
  62. package/dist/cjs/exported-related/grid-influencer/styled.js.map +1 -1
  63. package/dist/cjs/exported-related/index.js +4 -1
  64. package/dist/cjs/exported-related/index.js.map +1 -1
  65. package/dist/cjs/exported-related/message-delimiter/MessageDelimiter.js +18 -9
  66. package/dist/cjs/exported-related/message-delimiter/MessageDelimiter.js.map +1 -1
  67. package/dist/cjs/exported-related/message-delimiter/index.js +4 -1
  68. package/dist/cjs/exported-related/message-delimiter/index.js.map +1 -1
  69. package/dist/cjs/exported-related/message-delimiter/props.js +7 -2
  70. package/dist/cjs/exported-related/message-delimiter/props.js.map +1 -1
  71. package/dist/cjs/exported-related/message-delimiter/styled.js +4 -1
  72. package/dist/cjs/exported-related/message-delimiter/styled.js.map +1 -1
  73. package/dist/cjs/exported-related/system-message/SystemMessage.js +28 -13
  74. package/dist/cjs/exported-related/system-message/SystemMessage.js.map +1 -1
  75. package/dist/cjs/exported-related/system-message/index.js +4 -1
  76. package/dist/cjs/exported-related/system-message/index.js.map +1 -1
  77. package/dist/cjs/exported-related/system-message/props.js +4 -1
  78. package/dist/cjs/exported-related/system-message/props.js.map +1 -1
  79. package/dist/cjs/exported-related/system-message/style.js +4 -1
  80. package/dist/cjs/exported-related/system-message/style.js.map +1 -1
  81. package/dist/cjs/exported-related/tile-button/TileButton.js +97 -64
  82. package/dist/cjs/exported-related/tile-button/TileButton.js.map +2 -2
  83. package/dist/cjs/exported-related/tile-button/index.js +4 -1
  84. package/dist/cjs/exported-related/tile-button/index.js.map +1 -1
  85. package/dist/cjs/exported-related/tile-button/props.js +7 -2
  86. package/dist/cjs/exported-related/tile-button/props.js.map +1 -1
  87. package/dist/cjs/exported-related/tile-button/styled.js +4 -1
  88. package/dist/cjs/exported-related/tile-button/styled.js.map +1 -1
  89. package/dist/cjs/index.js +4 -1
  90. package/dist/cjs/index.js.map +1 -1
  91. package/dist/cjs/parts/chat-composer/ChatContainerComposer.js +95 -64
  92. package/dist/cjs/parts/chat-composer/ChatContainerComposer.js.map +2 -2
  93. package/dist/cjs/parts/chat-composer/index.js +4 -1
  94. package/dist/cjs/parts/chat-composer/index.js.map +1 -1
  95. package/dist/cjs/parts/chat-composer/styled.js +4 -1
  96. package/dist/cjs/parts/chat-composer/styled.js.map +1 -1
  97. package/dist/cjs/parts/chat-container/ChatContainer.js +98 -75
  98. package/dist/cjs/parts/chat-container/ChatContainer.js.map +2 -2
  99. package/dist/cjs/parts/chat-container/styled.js +4 -1
  100. package/dist/cjs/parts/chat-container/styled.js.map +2 -2
  101. package/dist/cjs/parts/chat-container-messages-list/ChatContainerMessagesList.js +89 -56
  102. package/dist/cjs/parts/chat-container-messages-list/ChatContainerMessagesList.js.map +2 -2
  103. package/dist/cjs/parts/chat-container-messages-list/index.js +4 -1
  104. package/dist/cjs/parts/chat-container-messages-list/index.js.map +1 -1
  105. package/dist/cjs/parts/chat-container-messages-list/styled.js +4 -1
  106. package/dist/cjs/parts/chat-container-messages-list/styled.js.map +1 -1
  107. package/dist/cjs/parts/chat-container-messages-list/useActionRef.js +4 -1
  108. package/dist/cjs/parts/chat-container-messages-list/useActionRef.js.map +2 -2
  109. package/dist/cjs/parts/chat-container-messages-list/useChatContainerMessageList.js +15 -9
  110. package/dist/cjs/parts/chat-container-messages-list/useChatContainerMessageList.js.map +2 -2
  111. package/dist/cjs/parts/chat-container-messages-list/useFocusAndScrollHelpers.js +53 -38
  112. package/dist/cjs/parts/chat-container-messages-list/useFocusAndScrollHelpers.js.map +2 -2
  113. package/dist/cjs/parts/chat-container-messages-list/useGetNewMessages.js +4 -1
  114. package/dist/cjs/parts/chat-container-messages-list/useGetNewMessages.js.map +1 -1
  115. package/dist/cjs/parts/chat-container-messages-list/useGlobalEventListener.js +4 -1
  116. package/dist/cjs/parts/chat-container-messages-list/useGlobalEventListener.js.map +2 -2
  117. package/dist/cjs/parts/chat-container-messages-list/useKeyboard.js +95 -86
  118. package/dist/cjs/parts/chat-container-messages-list/useKeyboard.js.map +2 -2
  119. package/dist/cjs/parts/index.js +4 -1
  120. package/dist/cjs/parts/index.js.map +1 -1
  121. package/dist/cjs/react-desc-prop-types.js +35 -14
  122. package/dist/cjs/react-desc-prop-types.js.map +1 -1
  123. package/dist/cjs/styled.js +4 -1
  124. package/dist/cjs/styled.js.map +1 -1
  125. package/dist/cjs/tests/utils.js +4 -1
  126. package/dist/cjs/tests/utils.js.map +1 -1
  127. package/dist/esm/ChatDataTestids.js.map +1 -1
  128. package/dist/esm/exported-related/bubble/ChatBubble.js +63 -33
  129. package/dist/esm/exported-related/bubble/ChatBubble.js.map +2 -2
  130. package/dist/esm/exported-related/bubble/ChatBubbleArrow.js +83 -60
  131. package/dist/esm/exported-related/bubble/ChatBubbleArrow.js.map +1 -1
  132. package/dist/esm/exported-related/bubble/index.js.map +1 -1
  133. package/dist/esm/exported-related/bubble/props.js.map +1 -1
  134. package/dist/esm/exported-related/bubble/styled.js.map +1 -1
  135. package/dist/esm/exported-related/chat-card/ChatCard.js +28 -14
  136. package/dist/esm/exported-related/chat-card/ChatCard.js.map +1 -1
  137. package/dist/esm/exported-related/chat-card/index.js.map +1 -1
  138. package/dist/esm/exported-related/chat-card/props.js +2 -1
  139. package/dist/esm/exported-related/chat-card/props.js.map +1 -1
  140. package/dist/esm/exported-related/chat-card/styled.js.map +1 -1
  141. package/dist/esm/exported-related/chat-container-header/ChatContainerHeader.js +20 -13
  142. package/dist/esm/exported-related/chat-container-header/ChatContainerHeader.js.map +2 -2
  143. package/dist/esm/exported-related/chat-container-header/props.js.map +1 -1
  144. package/dist/esm/exported-related/chat-container-header/styled.js.map +1 -1
  145. package/dist/esm/exported-related/chat-empty-state/ChatEmptyState.js +35 -20
  146. package/dist/esm/exported-related/chat-empty-state/ChatEmptyState.js.map +1 -1
  147. package/dist/esm/exported-related/chat-empty-state/props.js +2 -1
  148. package/dist/esm/exported-related/chat-empty-state/props.js.map +1 -1
  149. package/dist/esm/exported-related/chat-empty-state/styled.js.map +1 -1
  150. package/dist/esm/exported-related/chat-sidebar/SideBarChat.js +29 -20
  151. package/dist/esm/exported-related/chat-sidebar/SideBarChat.js.map +2 -2
  152. package/dist/esm/exported-related/chat-sidebar/index.js.map +1 -1
  153. package/dist/esm/exported-related/chat-sidebar/props.js +4 -2
  154. package/dist/esm/exported-related/chat-sidebar/props.js.map +1 -1
  155. package/dist/esm/exported-related/chat-sidebar/sidebar-button/SidebarButton.js +16 -9
  156. package/dist/esm/exported-related/chat-sidebar/sidebar-button/SidebarButton.js.map +2 -2
  157. package/dist/esm/exported-related/chat-sidebar/sidebar-button/index.js.map +1 -1
  158. package/dist/esm/exported-related/chat-sidebar/sidebar-button/props.js.map +1 -1
  159. package/dist/esm/exported-related/chat-sidebar/sidebar-button/styled.js.map +1 -1
  160. package/dist/esm/exported-related/chat-sidebar/styled.js.map +1 -1
  161. package/dist/esm/exported-related/floating-button/FloatingButton.js +7 -6
  162. package/dist/esm/exported-related/floating-button/FloatingButton.js.map +1 -1
  163. package/dist/esm/exported-related/floating-button/index.js.map +1 -1
  164. package/dist/esm/exported-related/floating-button/props.js.map +1 -1
  165. package/dist/esm/exported-related/floating-button/styled.js.map +1 -1
  166. package/dist/esm/exported-related/floating-container/styled.js.map +1 -1
  167. package/dist/esm/exported-related/grid-influencer/InfluencerContainer.js +13 -5
  168. package/dist/esm/exported-related/grid-influencer/InfluencerContainer.js.map +2 -2
  169. package/dist/esm/exported-related/grid-influencer/styled.js.map +1 -1
  170. package/dist/esm/exported-related/index.js.map +1 -1
  171. package/dist/esm/exported-related/message-delimiter/MessageDelimiter.js +14 -8
  172. package/dist/esm/exported-related/message-delimiter/MessageDelimiter.js.map +1 -1
  173. package/dist/esm/exported-related/message-delimiter/index.js.map +1 -1
  174. package/dist/esm/exported-related/message-delimiter/props.js +3 -1
  175. package/dist/esm/exported-related/message-delimiter/props.js.map +1 -1
  176. package/dist/esm/exported-related/message-delimiter/styled.js.map +1 -1
  177. package/dist/esm/exported-related/system-message/SystemMessage.js +24 -12
  178. package/dist/esm/exported-related/system-message/SystemMessage.js.map +1 -1
  179. package/dist/esm/exported-related/system-message/index.js.map +1 -1
  180. package/dist/esm/exported-related/system-message/props.js.map +1 -1
  181. package/dist/esm/exported-related/system-message/style.js.map +1 -1
  182. package/dist/esm/exported-related/tile-button/TileButton.js +93 -63
  183. package/dist/esm/exported-related/tile-button/TileButton.js.map +2 -2
  184. package/dist/esm/exported-related/tile-button/index.js.map +1 -1
  185. package/dist/esm/exported-related/tile-button/props.js +3 -1
  186. package/dist/esm/exported-related/tile-button/props.js.map +1 -1
  187. package/dist/esm/exported-related/tile-button/styled.js.map +1 -1
  188. package/dist/esm/index.js.map +1 -1
  189. package/dist/esm/parts/chat-composer/ChatContainerComposer.js +91 -63
  190. package/dist/esm/parts/chat-composer/ChatContainerComposer.js.map +2 -2
  191. package/dist/esm/parts/chat-composer/index.js.map +1 -1
  192. package/dist/esm/parts/chat-composer/styled.js.map +1 -1
  193. package/dist/esm/parts/chat-container/ChatContainer.js +94 -74
  194. package/dist/esm/parts/chat-container/ChatContainer.js.map +2 -2
  195. package/dist/esm/parts/chat-container/styled.js.map +1 -1
  196. package/dist/esm/parts/chat-container-messages-list/ChatContainerMessagesList.js +85 -55
  197. package/dist/esm/parts/chat-container-messages-list/ChatContainerMessagesList.js.map +2 -2
  198. package/dist/esm/parts/chat-container-messages-list/index.js.map +1 -1
  199. package/dist/esm/parts/chat-container-messages-list/styled.js.map +1 -1
  200. package/dist/esm/parts/chat-container-messages-list/useActionRef.js.map +2 -2
  201. package/dist/esm/parts/chat-container-messages-list/useChatContainerMessageList.js +11 -8
  202. package/dist/esm/parts/chat-container-messages-list/useChatContainerMessageList.js.map +2 -2
  203. package/dist/esm/parts/chat-container-messages-list/useFocusAndScrollHelpers.js +49 -37
  204. package/dist/esm/parts/chat-container-messages-list/useFocusAndScrollHelpers.js.map +2 -2
  205. package/dist/esm/parts/chat-container-messages-list/useGetNewMessages.js.map +1 -1
  206. package/dist/esm/parts/chat-container-messages-list/useGlobalEventListener.js.map +2 -2
  207. package/dist/esm/parts/chat-container-messages-list/useKeyboard.js +91 -85
  208. package/dist/esm/parts/chat-container-messages-list/useKeyboard.js.map +2 -2
  209. package/dist/esm/parts/index.js.map +1 -1
  210. package/dist/esm/react-desc-prop-types.js +31 -13
  211. package/dist/esm/react-desc-prop-types.js.map +1 -1
  212. package/dist/esm/styled.js.map +1 -1
  213. package/dist/esm/tests/utils.js.map +1 -1
  214. package/package.json +10 -10
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
17
17
  }
18
18
  return to;
19
19
  };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
+ mod
23
+ ));
21
24
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
22
25
  var ChatDataTestids_exports = {};
23
26
  __export(ChatDataTestids_exports, {
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/ChatDataTestids.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["export const ChatDataTestIds = {\n COMPOSER_TEXTAREA: 'chat-composer-textarea',\n COMPOSER_SEND_BUTTON: 'chat-composer-send-button',\n CARD_TITLE: 'chat-card-title',\n CARD_WRAPPER: 'chat-card-wrapper',\n CARD_TIME: 'chat-card-time',\n CARD_RIGHT_ADDON: 'chat-right-addon',\n CARD_CONTENT: 'chat-card-content',\n LOADING_INDICATOR: 'ds-chat-loading-indicator',\n HEADER_TITLE: 'chat-header-title',\n HEADER_CHILDREN: 'chat-header-children',\n THREAD_CONTAINER: 'chat-thread-container',\n LOAD_MORE_BUTTON: 'ds-chat-load-more-btn',\n FLOATING_BUTTON: 'chat-floating-button',\n SYSTEM_MSG_TITLE: 'chat-system-message-title',\n SYSTEM_MSG_BODY: 'chat-system-message-body',\n SYSTEM_MSG_TIME: 'chat-system-message-time',\n BUBBLE: 'ds-chat-bubble',\n BUBBLE_TITLE: 'chat-bubble-title',\n BUBBLE_BODY: 'chat-bubble-body',\n BANNER: 'ds-banner-container',\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,kBAAkB;AAAA,EAC7B,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,aAAa;AAAA,EACb,QAAQ;AACV;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,kBAAkB;AAAA,EAC7B,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,aAAa;AAAA,EACb,QAAQ;AACV;",
6
6
  "names": []
7
7
  }
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
17
17
  }
18
18
  return to;
19
19
  };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
+ mod
23
+ ));
21
24
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
22
25
  var ChatBubble_exports = {};
23
26
  __export(ChatBubble_exports, {
@@ -26,6 +29,7 @@ __export(ChatBubble_exports, {
26
29
  });
27
30
  module.exports = __toCommonJS(ChatBubble_exports);
28
31
  var React = __toESM(require("react"));
32
+ var import_jsx_runtime = require("react/jsx-runtime");
29
33
  var import_react = __toESM(require("react"));
30
34
  var import_ds_utilities = require("@elliemae/ds-utilities");
31
35
  var import_ds_icons = require("@elliemae/ds-icons");
@@ -37,39 +41,68 @@ const ChatBubble = (props) => {
37
41
  (0, import_ds_utilities.useValidateTypescriptPropTypes)(propsWithDefault, import_props.BubblesPropTypes);
38
42
  const { dsId, type, title, time, body, errorMessage, helpMessage } = propsWithDefault;
39
43
  const bodyParts = import_react.default.useMemo(() => typeof body === "string" ? body.split("\n") : [body], [body]);
40
- return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledWrapper, {
41
- "data-testid": `ds-chat-bubble-${dsId}`
42
- }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledColoredBubble, {
43
- type
44
- }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledTitleBubble, {
45
- cols: [1, "auto"],
46
- gutter: "xs",
47
- alignItems: "flex-end",
48
- className: "sr-only"
49
- }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledTitleLeftBubble, {
50
- alignItems: "center",
51
- "data-testid": `chat-bubble-title-${dsId}`
52
- }, title), /* @__PURE__ */ import_react.default.createElement(import_styled.StyledTitleRightBubble, {
53
- alignItems: "center",
54
- type,
55
- "data-testid": `chat-bubble-time-${dsId}`
56
- }, time)), /* @__PURE__ */ import_react.default.createElement(import_styled.StyleBodyWrapper, {
57
- "data-testid": `chat-bubble-body-${dsId}`
58
- }, bodyParts.map((item, index) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, {
59
- key: `${item}-${dsId}`
60
- }, item, index < bodyParts.length - 1 ? /* @__PURE__ */ import_react.default.createElement("br", null) : null))), /* @__PURE__ */ import_react.default.createElement(import_ChatBubbleArrow.ChatBubbleArrow, {
61
- type
62
- })), errorMessage ? /* @__PURE__ */ import_react.default.createElement(import_styled.StyleErrorMessage, {
63
- "data-testid": `chat-bubble-error-message-${dsId}`,
64
- p: "xxs",
65
- gutter: "xxs",
66
- cols: [1, "auto"]
67
- }, /* @__PURE__ */ import_react.default.createElement("span", null, errorMessage), /* @__PURE__ */ import_react.default.createElement(import_ds_icons.WarningCircleFill, null)) : null, helpMessage ? /* @__PURE__ */ import_react.default.createElement(import_styled.StyleHelpMessage, {
68
- "data-testid": `chat-bubble-help-message-${dsId}`,
69
- p: "xxs",
70
- gutter: "xxs",
71
- cols: [1, "auto"]
72
- }, /* @__PURE__ */ import_react.default.createElement("span", null, helpMessage)) : null);
44
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledWrapper, {
45
+ "data-testid": `ds-chat-bubble-${dsId}`,
46
+ children: [
47
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledColoredBubble, {
48
+ type,
49
+ children: [
50
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledTitleBubble, {
51
+ cols: [1, "auto"],
52
+ gutter: "xs",
53
+ alignItems: "flex-end",
54
+ className: "sr-only",
55
+ children: [
56
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledTitleLeftBubble, {
57
+ alignItems: "center",
58
+ "data-testid": `chat-bubble-title-${dsId}`,
59
+ children: title
60
+ }),
61
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledTitleRightBubble, {
62
+ alignItems: "center",
63
+ type,
64
+ "data-testid": `chat-bubble-time-${dsId}`,
65
+ children: time
66
+ })
67
+ ]
68
+ }),
69
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyleBodyWrapper, {
70
+ "data-testid": `chat-bubble-body-${dsId}`,
71
+ children: bodyParts.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.default.Fragment, {
72
+ children: [
73
+ item,
74
+ index < bodyParts.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}) : null
75
+ ]
76
+ }, `${item}-${dsId}`))
77
+ }),
78
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ChatBubbleArrow.ChatBubbleArrow, {
79
+ type
80
+ })
81
+ ]
82
+ }),
83
+ errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyleErrorMessage, {
84
+ "data-testid": `chat-bubble-error-message-${dsId}`,
85
+ p: "xxs",
86
+ gutter: "xxs",
87
+ cols: [1, "auto"],
88
+ children: [
89
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
90
+ children: errorMessage
91
+ }),
92
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.WarningCircleFill, {})
93
+ ]
94
+ }) : null,
95
+ helpMessage ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyleHelpMessage, {
96
+ "data-testid": `chat-bubble-help-message-${dsId}`,
97
+ p: "xxs",
98
+ gutter: "xxs",
99
+ cols: [1, "auto"],
100
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
101
+ children: helpMessage
102
+ })
103
+ }) : null
104
+ ]
105
+ });
73
106
  };
74
107
  ChatBubble.propTypes = import_props.BubblesPropTypes;
75
108
  ChatBubble.displayName = "ChatBubble";
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/exported-related/bubble/ChatBubble.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import React, { WeakValidationMap } from 'react';\nimport { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\nimport { WarningCircleFill } from '@elliemae/ds-icons';\nimport {\n StyledWrapper,\n StyledColoredBubble,\n StyledTitleBubble,\n StyledTitleLeftBubble,\n StyledTitleRightBubble,\n StyleBodyWrapper,\n StyleErrorMessage,\n StyleHelpMessage,\n} from './styled';\nimport { BubblesPropTypes, BubblePropsT, defaultBubbleProps } from './props';\nimport { ChatBubbleArrow } from './ChatBubbleArrow';\n\nconst ChatBubble: React.ComponentType<BubblePropsT> = (props) => {\n const propsWithDefault = useMemoMergePropsWithDefault(props, defaultBubbleProps);\n useValidateTypescriptPropTypes(propsWithDefault, BubblesPropTypes);\n\n const { dsId, type, title, time, body, errorMessage, helpMessage } = propsWithDefault;\n const bodyParts = React.useMemo(() => (typeof body === 'string' ? body.split('\\n') : [body]), [body]);\n return (\n <StyledWrapper data-testid={`ds-chat-bubble-${dsId}`}>\n <StyledColoredBubble type={type}>\n <StyledTitleBubble cols={[1, 'auto']} gutter=\"xs\" alignItems=\"flex-end\" className=\"sr-only\">\n <StyledTitleLeftBubble alignItems=\"center\" data-testid={`chat-bubble-title-${dsId}`}>\n {title}\n </StyledTitleLeftBubble>\n <StyledTitleRightBubble alignItems=\"center\" type={type} data-testid={`chat-bubble-time-${dsId}`}>\n {time}\n </StyledTitleRightBubble>\n </StyledTitleBubble>\n <StyleBodyWrapper data-testid={`chat-bubble-body-${dsId}`}>\n {bodyParts.map((item, index) => (\n <React.Fragment key={`${item}-${dsId}`}>\n {item}\n {index < bodyParts.length - 1 ? <br /> : null}\n </React.Fragment>\n ))}\n </StyleBodyWrapper>\n <ChatBubbleArrow type={type} />\n </StyledColoredBubble>\n {errorMessage ? (\n <StyleErrorMessage data-testid={`chat-bubble-error-message-${dsId}`} p=\"xxs\" gutter=\"xxs\" cols={[1, 'auto']}>\n <span>{errorMessage}</span>\n <WarningCircleFill />\n </StyleErrorMessage>\n ) : null}\n {helpMessage ? (\n <StyleHelpMessage data-testid={`chat-bubble-help-message-${dsId}`} p=\"xxs\" gutter=\"xxs\" cols={[1, 'auto']}>\n <span>{helpMessage}</span>\n </StyleHelpMessage>\n ) : null}\n </StyledWrapper>\n );\n};\n\nChatBubble.propTypes = BubblesPropTypes as WeakValidationMap<unknown>;\nChatBubble.displayName = 'ChatBubble';\nconst ChatBubbleWithSchema = describe(ChatBubble);\nChatBubbleWithSchema.propTypes = BubblesPropTypes as WeakValidationMap<unknown>;\n\nexport { ChatBubble, ChatBubbleWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAyC;AACzC,0BAAuF;AACvF,sBAAkC;AAClC,oBASO;AACP,mBAAmE;AACnE,6BAAgC;AAEhC,MAAM,aAAgD,CAAC,UAAU;AAC/D,QAAM,mBAAmB,sDAA6B,OAAO,+BAAkB;AAC/E,0DAA+B,kBAAkB,6BAAgB;AAEjE,QAAM,EAAE,MAAM,MAAM,OAAO,MAAM,MAAM,cAAc,gBAAgB;AACrE,QAAM,YAAY,qBAAM,QAAQ,MAAO,OAAO,SAAS,WAAW,KAAK,MAAM,IAAI,IAAI,CAAC,IAAI,GAAI,CAAC,IAAI,CAAC;AACpG,SACE,mDAAC;AAAA,IAAc,eAAa,kBAAkB;AAAA,KAC5C,mDAAC;AAAA,IAAoB;AAAA,KACnB,mDAAC;AAAA,IAAkB,MAAM,CAAC,GAAG,MAAM;AAAA,IAAG,QAAO;AAAA,IAAK,YAAW;AAAA,IAAW,WAAU;AAAA,KAChF,mDAAC;AAAA,IAAsB,YAAW;AAAA,IAAS,eAAa,qBAAqB;AAAA,KAC1E,KACH,GACA,mDAAC;AAAA,IAAuB,YAAW;AAAA,IAAS;AAAA,IAAY,eAAa,oBAAoB;AAAA,KACtF,IACH,CACF,GACA,mDAAC;AAAA,IAAiB,eAAa,oBAAoB;AAAA,KAChD,UAAU,IAAI,CAAC,MAAM,UACpB,mDAAC,qBAAM,UAAN;AAAA,IAAe,KAAK,GAAG,QAAQ;AAAA,KAC7B,MACA,QAAQ,UAAU,SAAS,IAAI,mDAAC,UAAG,IAAK,IAC3C,CACD,CACH,GACA,mDAAC;AAAA,IAAgB;AAAA,GAAY,CAC/B,GACC,eACC,mDAAC;AAAA,IAAkB,eAAa,6BAA6B;AAAA,IAAQ,GAAE;AAAA,IAAM,QAAO;AAAA,IAAM,MAAM,CAAC,GAAG,MAAM;AAAA,KACxG,mDAAC,cAAM,YAAa,GACpB,mDAAC,uCAAkB,CACrB,IACE,MACH,cACC,mDAAC;AAAA,IAAiB,eAAa,4BAA4B;AAAA,IAAQ,GAAE;AAAA,IAAM,QAAO;AAAA,IAAM,MAAM,CAAC,GAAG,MAAM;AAAA,KACtG,mDAAC,cAAM,WAAY,CACrB,IACE,IACN;AAEJ;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AACzB,MAAM,uBAAuB,kCAAS,UAAU;AAChD,qBAAqB,YAAY;",
6
- "names": []
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAyC;AACzC,0BAAuF;AACvF,sBAAkC;AAClC,oBASO;AACP,mBAAmE;AACnE,6BAAgC;AAEhC,MAAM,aAAgD,CAAC,UAAU;AAC/D,QAAM,uBAAmB,kDAA6B,OAAO,+BAAkB;AAC/E,0DAA+B,kBAAkB,6BAAgB;AAEjE,QAAM,EAAE,MAAM,MAAM,OAAO,MAAM,MAAM,cAAc,YAAY,IAAI;AACrE,QAAM,YAAY,aAAAA,QAAM,QAAQ,MAAO,OAAO,SAAS,WAAW,KAAK,MAAM,IAAI,IAAI,CAAC,IAAI,GAAI,CAAC,IAAI,CAAC;AACpG,SACE,6CAAC;AAAA,IAAc,eAAa,kBAAkB;AAAA,IAC5C;AAAA,mDAAC;AAAA,QAAoB;AAAA,QACnB;AAAA,uDAAC;AAAA,YAAkB,MAAM,CAAC,GAAG,MAAM;AAAA,YAAG,QAAO;AAAA,YAAK,YAAW;AAAA,YAAW,WAAU;AAAA,YAChF;AAAA,0DAAC;AAAA,gBAAsB,YAAW;AAAA,gBAAS,eAAa,qBAAqB;AAAA,gBAC1E;AAAA,eACH;AAAA,cACA,4CAAC;AAAA,gBAAuB,YAAW;AAAA,gBAAS;AAAA,gBAAY,eAAa,oBAAoB;AAAA,gBACtF;AAAA,eACH;AAAA;AAAA,WACF;AAAA,UACA,4CAAC;AAAA,YAAiB,eAAa,oBAAoB;AAAA,YAChD,oBAAU,IAAI,CAAC,MAAM,UACpB,6CAAC,aAAAA,QAAM,UAAN;AAAA,cACE;AAAA;AAAA,gBACA,QAAQ,UAAU,SAAS,IAAI,4CAAC,QAAG,IAAK;AAAA;AAAA,eAFtB,GAAG,QAAQ,MAGhC,CACD;AAAA,WACH;AAAA,UACA,4CAAC;AAAA,YAAgB;AAAA,WAAY;AAAA;AAAA,OAC/B;AAAA,MACC,eACC,6CAAC;AAAA,QAAkB,eAAa,6BAA6B;AAAA,QAAQ,GAAE;AAAA,QAAM,QAAO;AAAA,QAAM,MAAM,CAAC,GAAG,MAAM;AAAA,QACxG;AAAA,sDAAC;AAAA,YAAM;AAAA,WAAa;AAAA,UACpB,4CAAC,qCAAkB;AAAA;AAAA,OACrB,IACE;AAAA,MACH,cACC,4CAAC;AAAA,QAAiB,eAAa,4BAA4B;AAAA,QAAQ,GAAE;AAAA,QAAM,QAAO;AAAA,QAAM,MAAM,CAAC,GAAG,MAAM;AAAA,QACtG,sDAAC;AAAA,UAAM;AAAA,SAAY;AAAA,OACrB,IACE;AAAA;AAAA,GACN;AAEJ;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AACzB,MAAM,2BAAuB,8BAAS,UAAU;AAChD,qBAAqB,YAAY;",
6
+ "names": ["React"]
7
7
  }
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
17
17
  }
18
18
  return to;
19
19
  };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
+ mod
23
+ ));
21
24
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
22
25
  var ChatBubbleArrow_exports = {};
23
26
  __export(ChatBubbleArrow_exports, {
@@ -25,67 +28,90 @@ __export(ChatBubbleArrow_exports, {
25
28
  });
26
29
  module.exports = __toCommonJS(ChatBubbleArrow_exports);
27
30
  var React = __toESM(require("react"));
28
- var import_react = __toESM(require("react"));
31
+ var import_jsx_runtime = require("react/jsx-runtime");
29
32
  var import_styled = require("./styled");
30
33
  var import_props = require("./props");
31
- const ChatBubbleArrow = ({ type }) => /* @__PURE__ */ import_react.default.createElement(import_styled.StyledBubbleArrow, null, type === import_props.BUBBLE_TYPES.RECIPIENT ? /* @__PURE__ */ import_react.default.createElement("svg", {
32
- width: "15px",
33
- height: "14px",
34
- viewBox: "0 0 15 14"
35
- }, /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("path", {
36
- d: "M12,8.5 C12,7.9373169 11.6782751,7.4856453 11.2282104,7.196228 C11.2286673,7.1967363 3,2 3,2 L3,10 L10.5627441,10 L10.5658569,9.9933472 C11.3630371,9.9580688 12,9.3058472 12,8.5 Z",
37
- id: "path-chat-bubble"
38
- }), /* @__PURE__ */ import_react.default.createElement("filter", {
39
- x: "-55.6%",
40
- y: "-50.0%",
41
- width: "211.1%",
42
- height: "225.0%",
43
- filterUnits: "objectBoundingBox",
44
- id: "filter-2"
45
- }, /* @__PURE__ */ import_react.default.createElement("feOffset", {
46
- dx: "2.3",
47
- dy: "1.2",
48
- in: "SourceAlpha",
49
- result: "shadowOffsetOuter1"
50
- }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", {
51
- stdDeviation: "1.5",
52
- in: "shadowOffsetOuter1",
53
- result: "shadowBlurOuter1"
54
- }), /* @__PURE__ */ import_react.default.createElement("feColorMatrix", {
55
- values: "0 0 0 0 0.207843137 \n 0 0 0 0 0.235294118 \n 0 0 0 0 0.274509804 \n 0 0 0 0.8 0",
56
- type: "matrix",
57
- in: "shadowBlurOuter1"
58
- }))), /* @__PURE__ */ import_react.default.createElement("g", {
59
- id: "[DSK]-Visual-Design",
60
- stroke: "none",
61
- strokeWidth: "1",
62
- fill: "none",
63
- fillRule: "evenodd"
64
- }, /* @__PURE__ */ import_react.default.createElement("g", {
65
- id: "Path-Copy",
66
- transform: "translate(7.500000, 6.000000) scale(-1, 1) translate(-7.500000, -6.000000) "
67
- }, /* @__PURE__ */ import_react.default.createElement("use", {
68
- fill: "black",
69
- fillOpacity: "1",
70
- filter: "url(#filter-2)",
71
- xlinkHref: "#path-chat-bubble"
72
- }), /* @__PURE__ */ import_react.default.createElement("use", {
73
- fill: "#FFFFFF",
74
- fillRule: "evenodd",
75
- xlinkHref: "#path-chat-bubble"
76
- })))) : /* @__PURE__ */ import_react.default.createElement("svg", {
77
- width: "9px",
78
- height: "8px",
79
- viewBox: "0 0 9 8"
80
- }, /* @__PURE__ */ import_react.default.createElement("g", {
81
- stroke: "none",
82
- strokeWidth: "1",
83
- fill: "none",
84
- fillRule: "evenodd"
85
- }, /* @__PURE__ */ import_react.default.createElement("path", {
86
- d: "M9,6.5 C9,5.9373169 8.6782751,5.4856453 8.2282104,5.196228 C8.2286673,5.1967363 0,0 0,0 L0,8 L7.5627441,8 L7.5658569,7.9933472 C8.3630371,7.9580688 9,7.3058472 9,6.5 Z",
87
- id: "Path",
88
- fill: "#1E79C2"
89
- }))));
34
+ const ChatBubbleArrow = ({ type }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledBubbleArrow, {
35
+ children: type === import_props.BUBBLE_TYPES.RECIPIENT ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
36
+ width: "15px",
37
+ height: "14px",
38
+ viewBox: "0 0 15 14",
39
+ children: [
40
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("defs", {
41
+ children: [
42
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
43
+ d: "M12,8.5 C12,7.9373169 11.6782751,7.4856453 11.2282104,7.196228 C11.2286673,7.1967363 3,2 3,2 L3,10 L10.5627441,10 L10.5658569,9.9933472 C11.3630371,9.9580688 12,9.3058472 12,8.5 Z",
44
+ id: "path-chat-bubble"
45
+ }),
46
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("filter", {
47
+ x: "-55.6%",
48
+ y: "-50.0%",
49
+ width: "211.1%",
50
+ height: "225.0%",
51
+ filterUnits: "objectBoundingBox",
52
+ id: "filter-2",
53
+ children: [
54
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("feOffset", {
55
+ dx: "2.3",
56
+ dy: "1.2",
57
+ in: "SourceAlpha",
58
+ result: "shadowOffsetOuter1"
59
+ }),
60
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("feGaussianBlur", {
61
+ stdDeviation: "1.5",
62
+ in: "shadowOffsetOuter1",
63
+ result: "shadowBlurOuter1"
64
+ }),
65
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("feColorMatrix", {
66
+ values: "0 0 0 0 0.207843137 \n 0 0 0 0 0.235294118 \n 0 0 0 0 0.274509804 \n 0 0 0 0.8 0",
67
+ type: "matrix",
68
+ in: "shadowBlurOuter1"
69
+ })
70
+ ]
71
+ })
72
+ ]
73
+ }),
74
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", {
75
+ id: "[DSK]-Visual-Design",
76
+ stroke: "none",
77
+ strokeWidth: "1",
78
+ fill: "none",
79
+ fillRule: "evenodd",
80
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", {
81
+ id: "Path-Copy",
82
+ transform: "translate(7.500000, 6.000000) scale(-1, 1) translate(-7.500000, -6.000000) ",
83
+ children: [
84
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("use", {
85
+ fill: "black",
86
+ fillOpacity: "1",
87
+ filter: "url(#filter-2)",
88
+ xlinkHref: "#path-chat-bubble"
89
+ }),
90
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("use", {
91
+ fill: "#FFFFFF",
92
+ fillRule: "evenodd",
93
+ xlinkHref: "#path-chat-bubble"
94
+ })
95
+ ]
96
+ })
97
+ })
98
+ ]
99
+ }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
100
+ width: "9px",
101
+ height: "8px",
102
+ viewBox: "0 0 9 8",
103
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", {
104
+ stroke: "none",
105
+ strokeWidth: "1",
106
+ fill: "none",
107
+ fillRule: "evenodd",
108
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
109
+ d: "M9,6.5 C9,5.9373169 8.6782751,5.4856453 8.2282104,5.196228 C8.2286673,5.1967363 0,0 0,0 L0,8 L7.5627441,8 L7.5658569,7.9933472 C8.3630371,7.9580688 9,7.3058472 9,6.5 Z",
110
+ id: "Path",
111
+ fill: "#1E79C2"
112
+ })
113
+ })
114
+ })
115
+ });
90
116
  ChatBubbleArrow.propTypes = import_props.propsArrowBubble;
91
117
  //# sourceMappingURL=ChatBubbleArrow.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/exported-related/bubble/ChatBubbleArrow.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import React, { WeakValidationMap } from 'react';\nimport { StyledBubbleArrow } from './styled';\nimport { BUBBLE_TYPES, BubblePropsT, propsArrowBubble } from './props';\n\nexport const ChatBubbleArrow: React.ComponentType<Pick<BubblePropsT, 'type'>> = ({ type }) => (\n <StyledBubbleArrow>\n {type === BUBBLE_TYPES.RECIPIENT ? (\n <svg width=\"15px\" height=\"14px\" viewBox=\"0 0 15 14\">\n <defs>\n <path\n d=\"M12,8.5 C12,7.9373169 11.6782751,7.4856453 11.2282104,7.196228 C11.2286673,7.1967363 3,2 3,2 L3,10 L10.5627441,10 L10.5658569,9.9933472 C11.3630371,9.9580688 12,9.3058472 12,8.5 Z\"\n id=\"path-chat-bubble\"\n ></path>\n <filter x=\"-55.6%\" y=\"-50.0%\" width=\"211.1%\" height=\"225.0%\" filterUnits=\"objectBoundingBox\" id=\"filter-2\">\n <feOffset dx=\"2.3\" dy=\"1.2\" in=\"SourceAlpha\" result=\"shadowOffsetOuter1\"></feOffset>\n <feGaussianBlur stdDeviation=\"1.5\" in=\"shadowOffsetOuter1\" result=\"shadowBlurOuter1\"></feGaussianBlur>\n <feColorMatrix\n values=\"0 0 0 0 0.207843137 \n 0 0 0 0 0.235294118 \n 0 0 0 0 0.274509804 \n 0 0 0 0.8 0\"\n type=\"matrix\"\n in=\"shadowBlurOuter1\"\n ></feColorMatrix>\n </filter>\n </defs>\n <g id=\"[DSK]-Visual-Design\" stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n <g id=\"Path-Copy\" transform=\"translate(7.500000, 6.000000) scale(-1, 1) translate(-7.500000, -6.000000) \">\n <use fill=\"black\" fillOpacity=\"1\" filter=\"url(#filter-2)\" xlinkHref=\"#path-chat-bubble\"></use>\n <use fill=\"#FFFFFF\" fillRule=\"evenodd\" xlinkHref=\"#path-chat-bubble\"></use>\n </g>\n </g>\n </svg>\n ) : (\n <svg width=\"9px\" height=\"8px\" viewBox=\"0 0 9 8\">\n <g stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n <path\n d=\"M9,6.5 C9,5.9373169 8.6782751,5.4856453 8.2282104,5.196228 C8.2286673,5.1967363 0,0 0,0 L0,8 L7.5627441,8 L7.5658569,7.9933472 C8.3630371,7.9580688 9,7.3058472 9,6.5 Z\"\n id=\"Path\"\n fill=\"#1E79C2\"\n ></path>\n </g>\n </svg>\n )}\n </StyledBubbleArrow>\n);\n\nChatBubbleArrow.propTypes = propsArrowBubble as WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAyC;AACzC,oBAAkC;AAClC,mBAA6D;AAEtD,MAAM,kBAAmE,CAAC,EAAE,WACjF,mDAAC,uCACE,SAAS,0BAAa,YACrB,mDAAC;AAAA,EAAI,OAAM;AAAA,EAAO,QAAO;AAAA,EAAO,SAAQ;AAAA,GACtC,mDAAC,cACC,mDAAC;AAAA,EACC,GAAE;AAAA,EACF,IAAG;AAAA,CACJ,GACD,mDAAC;AAAA,EAAO,GAAE;AAAA,EAAS,GAAE;AAAA,EAAS,OAAM;AAAA,EAAS,QAAO;AAAA,EAAS,aAAY;AAAA,EAAoB,IAAG;AAAA,GAC9F,mDAAC;AAAA,EAAS,IAAG;AAAA,EAAM,IAAG;AAAA,EAAM,IAAG;AAAA,EAAc,QAAO;AAAA,CAAqB,GACzE,mDAAC;AAAA,EAAe,cAAa;AAAA,EAAM,IAAG;AAAA,EAAqB,QAAO;AAAA,CAAmB,GACrF,mDAAC;AAAA,EACC,QAAO;AAAA,EAIP,MAAK;AAAA,EACL,IAAG;AAAA,CACJ,CACH,CACF,GACA,mDAAC;AAAA,EAAE,IAAG;AAAA,EAAsB,QAAO;AAAA,EAAO,aAAY;AAAA,EAAI,MAAK;AAAA,EAAO,UAAS;AAAA,GAC7E,mDAAC;AAAA,EAAE,IAAG;AAAA,EAAY,WAAU;AAAA,GAC1B,mDAAC;AAAA,EAAI,MAAK;AAAA,EAAQ,aAAY;AAAA,EAAI,QAAO;AAAA,EAAiB,WAAU;AAAA,CAAoB,GACxF,mDAAC;AAAA,EAAI,MAAK;AAAA,EAAU,UAAS;AAAA,EAAU,WAAU;AAAA,CAAoB,CACvE,CACF,CACF,IAEA,mDAAC;AAAA,EAAI,OAAM;AAAA,EAAM,QAAO;AAAA,EAAM,SAAQ;AAAA,GACpC,mDAAC;AAAA,EAAE,QAAO;AAAA,EAAO,aAAY;AAAA,EAAI,MAAK;AAAA,EAAO,UAAS;AAAA,GACpD,mDAAC;AAAA,EACC,GAAE;AAAA,EACF,IAAG;AAAA,EACH,MAAK;AAAA,CACN,CACH,CACF,CAEJ;AAGF,gBAAgB,YAAY;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,oBAAkC;AAClC,mBAA6D;AAEtD,MAAM,kBAAmE,CAAC,EAAE,KAAK,MACtF,4CAAC;AAAA,EACE,mBAAS,0BAAa,YACrB,6CAAC;AAAA,IAAI,OAAM;AAAA,IAAO,QAAO;AAAA,IAAO,SAAQ;AAAA,IACtC;AAAA,mDAAC;AAAA,QACC;AAAA,sDAAC;AAAA,YACC,GAAE;AAAA,YACF,IAAG;AAAA,WACJ;AAAA,UACD,6CAAC;AAAA,YAAO,GAAE;AAAA,YAAS,GAAE;AAAA,YAAS,OAAM;AAAA,YAAS,QAAO;AAAA,YAAS,aAAY;AAAA,YAAoB,IAAG;AAAA,YAC9F;AAAA,0DAAC;AAAA,gBAAS,IAAG;AAAA,gBAAM,IAAG;AAAA,gBAAM,IAAG;AAAA,gBAAc,QAAO;AAAA,eAAqB;AAAA,cACzE,4CAAC;AAAA,gBAAe,cAAa;AAAA,gBAAM,IAAG;AAAA,gBAAqB,QAAO;AAAA,eAAmB;AAAA,cACrF,4CAAC;AAAA,gBACC,QAAO;AAAA,gBAIP,MAAK;AAAA,gBACL,IAAG;AAAA,eACJ;AAAA;AAAA,WACH;AAAA;AAAA,OACF;AAAA,MACA,4CAAC;AAAA,QAAE,IAAG;AAAA,QAAsB,QAAO;AAAA,QAAO,aAAY;AAAA,QAAI,MAAK;AAAA,QAAO,UAAS;AAAA,QAC7E,uDAAC;AAAA,UAAE,IAAG;AAAA,UAAY,WAAU;AAAA,UAC1B;AAAA,wDAAC;AAAA,cAAI,MAAK;AAAA,cAAQ,aAAY;AAAA,cAAI,QAAO;AAAA,cAAiB,WAAU;AAAA,aAAoB;AAAA,YACxF,4CAAC;AAAA,cAAI,MAAK;AAAA,cAAU,UAAS;AAAA,cAAU,WAAU;AAAA,aAAoB;AAAA;AAAA,SACvE;AAAA,OACF;AAAA;AAAA,GACF,IAEA,4CAAC;AAAA,IAAI,OAAM;AAAA,IAAM,QAAO;AAAA,IAAM,SAAQ;AAAA,IACpC,sDAAC;AAAA,MAAE,QAAO;AAAA,MAAO,aAAY;AAAA,MAAI,MAAK;AAAA,MAAO,UAAS;AAAA,MACpD,sDAAC;AAAA,QACC,GAAE;AAAA,QACF,IAAG;AAAA,QACH,MAAK;AAAA,OACN;AAAA,KACH;AAAA,GACF;AAAA,CAEJ;AAGF,gBAAgB,YAAY;",
6
6
  "names": []
7
7
  }
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
17
17
  }
18
18
  return to;
19
19
  };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
+ mod
23
+ ));
21
24
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
22
25
  var bubble_exports = {};
23
26
  __export(bubble_exports, {
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/exported-related/bubble/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["export { ChatBubble, ChatBubbleWithSchema } from './ChatBubble';\nexport { BUBBLE_TYPES } from './props';\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAiD;AACjD,mBAA6B;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAiD;AACjD,mBAA6B;",
6
6
  "names": []
7
7
  }
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
17
17
  }
18
18
  return to;
19
19
  };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
+ mod
23
+ ));
21
24
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
22
25
  var props_exports = {};
23
26
  __export(props_exports, {
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/exported-related/bubble/props.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import { PropTypes } from '@elliemae/ds-utilities';\nimport React from 'react';\n\n// eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars\nfunction noop<T extends unknown[]>(..._args: T): void {}\nexport const BUBBLE_TYPES = {\n SENDER: 'SENDER',\n RECIPIENT: 'RECIPIENT',\n DELIMITER: 'DELIMITER',\n SYSTEM: 'SYSTEM',\n};\n\nexport type BubbleTypesKeys = keyof typeof BUBBLE_TYPES;\nexport type BubbleTypesValues = typeof BUBBLE_TYPES[BubbleTypesKeys];\n\nexport interface BubblePropsT {\n dsId: string | number;\n type: BubbleTypesValues;\n title?: string;\n body: string;\n time: string;\n errorMessage: string | React.ReactChild;\n helpMessage: string | React.ReactChild;\n onClick: (id: string | number) => void;\n}\n\nexport const defaultBubbleProps: BubblePropsT = {\n dsId: '',\n type: BUBBLE_TYPES.SENDER,\n time: '',\n body: '',\n onClick: noop,\n errorMessage: '',\n helpMessage: '',\n};\n\nexport const BubblesPropTypes = {\n dsId: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n .description('Unique id for bubble')\n .defaultValue(defaultBubbleProps.dsId),\n type: PropTypes.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER])\n .isRequired.description('Define bubble type ')\n .defaultValue(defaultBubbleProps.type),\n title: PropTypes.string.description('Title of the bubble').defaultValue(defaultBubbleProps.title),\n time: PropTypes.string.isRequired.description('Time of the bubble').defaultValue(defaultBubbleProps.title),\n body: PropTypes.oneOfType([PropTypes.string, PropTypes.element])\n .isRequired.description('Bubble content')\n .defaultValue(defaultBubbleProps.body),\n onClick: PropTypes.func.description('Callback when the bubble is tapped').defaultValue(defaultBubbleProps.onClick),\n errorMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element])\n .description('Error message to display at bottom of the bubble')\n .defaultValue(defaultBubbleProps.onClick),\n helpMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element])\n .description('Help message to display at bottom of the bubble')\n .defaultValue(defaultBubbleProps.onClick),\n};\n\nexport const propsArrowBubble = {\n type: PropTypes.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER]).isRequired.defaultValue(defaultBubbleProps.type),\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA0B;AAI1B,iBAAsC,OAAgB;AAAC;AAChD,MAAM,eAAe;AAAA,EAC1B,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,WAAW;AAAA,EACX,QAAQ;AACV;AAgBO,MAAM,qBAAmC;AAAA,EAC9C,MAAM;AAAA,EACN,MAAM,aAAa;AAAA,EACnB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,SAAS;AAAA,EACT,cAAc;AAAA,EACd,aAAa;AACf;AAEO,MAAM,mBAAmB;AAAA,EAC9B,MAAM,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,EAC3D,YAAY,sBAAsB,EAClC,aAAa,mBAAmB,IAAI;AAAA,EACvC,MAAM,8BAAU,MAAM,CAAC,aAAa,WAAW,aAAa,MAAM,CAAC,EAChE,WAAW,YAAY,qBAAqB,EAC5C,aAAa,mBAAmB,IAAI;AAAA,EACvC,OAAO,8BAAU,OAAO,YAAY,qBAAqB,EAAE,aAAa,mBAAmB,KAAK;AAAA,EAChG,MAAM,8BAAU,OAAO,WAAW,YAAY,oBAAoB,EAAE,aAAa,mBAAmB,KAAK;AAAA,EACzG,MAAM,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,OAAO,CAAC,EAC5D,WAAW,YAAY,gBAAgB,EACvC,aAAa,mBAAmB,IAAI;AAAA,EACvC,SAAS,8BAAU,KAAK,YAAY,oCAAoC,EAAE,aAAa,mBAAmB,OAAO;AAAA,EACjH,cAAc,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,OAAO,CAAC,EACpE,YAAY,kDAAkD,EAC9D,aAAa,mBAAmB,OAAO;AAAA,EAC1C,aAAa,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,OAAO,CAAC,EACnE,YAAY,iDAAiD,EAC7D,aAAa,mBAAmB,OAAO;AAC5C;AAEO,MAAM,mBAAmB;AAAA,EAC9B,MAAM,8BAAU,MAAM,CAAC,aAAa,WAAW,aAAa,MAAM,CAAC,EAAE,WAAW,aAAa,mBAAmB,IAAI;AACtH;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA0B;AAI1B,SAAS,QAA6B,OAAgB;AAAC;AAChD,MAAM,eAAe;AAAA,EAC1B,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,WAAW;AAAA,EACX,QAAQ;AACV;AAgBO,MAAM,qBAAmC;AAAA,EAC9C,MAAM;AAAA,EACN,MAAM,aAAa;AAAA,EACnB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,SAAS;AAAA,EACT,cAAc;AAAA,EACd,aAAa;AACf;AAEO,MAAM,mBAAmB;AAAA,EAC9B,MAAM,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,EAC3D,YAAY,sBAAsB,EAClC,aAAa,mBAAmB,IAAI;AAAA,EACvC,MAAM,8BAAU,MAAM,CAAC,aAAa,WAAW,aAAa,MAAM,CAAC,EAChE,WAAW,YAAY,qBAAqB,EAC5C,aAAa,mBAAmB,IAAI;AAAA,EACvC,OAAO,8BAAU,OAAO,YAAY,qBAAqB,EAAE,aAAa,mBAAmB,KAAK;AAAA,EAChG,MAAM,8BAAU,OAAO,WAAW,YAAY,oBAAoB,EAAE,aAAa,mBAAmB,KAAK;AAAA,EACzG,MAAM,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,OAAO,CAAC,EAC5D,WAAW,YAAY,gBAAgB,EACvC,aAAa,mBAAmB,IAAI;AAAA,EACvC,SAAS,8BAAU,KAAK,YAAY,oCAAoC,EAAE,aAAa,mBAAmB,OAAO;AAAA,EACjH,cAAc,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,OAAO,CAAC,EACpE,YAAY,kDAAkD,EAC9D,aAAa,mBAAmB,OAAO;AAAA,EAC1C,aAAa,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,OAAO,CAAC,EACnE,YAAY,iDAAiD,EAC7D,aAAa,mBAAmB,OAAO;AAC5C;AAEO,MAAM,mBAAmB;AAAA,EAC9B,MAAM,8BAAU,MAAM,CAAC,aAAa,WAAW,aAAa,MAAM,CAAC,EAAE,WAAW,aAAa,mBAAmB,IAAI;AACtH;",
6
6
  "names": []
7
7
  }
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
17
17
  }
18
18
  return to;
19
19
  };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
+ mod
23
+ ));
21
24
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
22
25
  var styled_exports = {};
23
26
  __export(styled_exports, {
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/exported-related/bubble/styled.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["/* eslint-disable max-lines */\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { BUBBLE_TYPES } from './props';\n\n// Bubble WRAPPER\nexport const StyledWrapper = styled.div`\n min-width: 224px;\n border-radius: 10px;\n`;\n\n// Bubble HEADER\nexport const StyledTitleBubble = styled(Grid)`\n padding-top: 6px;\n padding-left: 10px;\n padding-right: 10px;\n padding-bottom: 4px;\n`;\n\nexport const StyledTitleLeftBubble = styled(Grid)`\n font-size: 13px;\n font-weight: 600;\n`;\nexport const StyledTitleRightBubble = styled(Grid)<{ type: string }>`\n font-size: 13px;\n font-weight: 400;\n color: ${(props) => (props.type === BUBBLE_TYPES.SENDER ? '#FFF' : '#657489')};\n`;\n\nexport const StyleBodyWrapper = styled.div`\n font-size: 13px;\n font-weight: 400;\n line-height: 15px;\n min-height: 18px;\n padding: 0px 10px 8px 10px;\n`;\n\nexport const StyleErrorMessage = styled.div`\n font-size: 12px;\n font-weight: 400;\n padding-top: ${(props) => props.theme.space.xxxs};\n color: ${(props) => props.theme.colors.danger[900]};\n align-items: flex-end;\n justify-content: center;\n text-align: right;\n line-height: 15px;\n svg {\n fill: ${(props) => props.theme.colors.danger[900]};\n }\n a {\n font-size: 12px;\n color: ${(props) => props.theme.colors.danger[900]};\n }\n .em-ds-icon {\n margin-left: 8px;\n }\n`;\n\nexport const StyleHelpMessage = styled(StyleErrorMessage)`\n font-size: 12px;\n line-height: 15px;\n color: ${(props) => props.theme.colors.neutral[500]};\n svg {\n fill: ${(props) => props.theme.colors.danger[500]};\n }\n a {\n font-size: 12px;\n color: ${(props) => props.theme.colors.danger[500]};\n }\n`;\n\n// bubble sender/ recipient\nexport const StyledBubbleArrow = styled.div`\n display: block;\n content: '';\n position: absolute;\n bottom: 10px;\n height: 15px;\n`;\n\nexport const StyledColoredBubble = styled.div<{ type: string }>`\n min-width: 224px;\n border-radius: 10px;\n position: relative;\n\n ${(props) =>\n props.type === BUBBLE_TYPES.SENDER\n ? `\n border: 1px solid ${props.theme.colors.brand['700']};\n background: ${props.theme.colors.brand[600]};\n color: ${props.theme.colors.neutral['000']};\n ${StyledBubbleArrow}{ \n right: -9px;\n bottom: 6px;\n svg{\n fill: ${props.theme.colors.brand[600]};\n }\n }\n\n a {\n color: #FFF;\n }\n\n `\n : `\n box-shadow: 0 1px 3px 0 rgba(53,60,70,0.80);\n background: ${props.theme.colors.neutral['000']};\n color: ${props.theme.colors.neutral[700]};\n\n ${StyledBubbleArrow}{ \n left: -11px;\n bottom: 6px;\n svg{\n fill: ${props.theme.colors.neutral['000']};\n }\n }\n\n `}\n`;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,uBAAuB;AACvB,qBAAqB;AACrB,mBAA6B;AAGtB,MAAM,gBAAgB,wBAAO;AAAA;AAAA;AAAA;AAM7B,MAAM,oBAAoB,6BAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAOrC,MAAM,wBAAwB,6BAAO,mBAAI;AAAA;AAAA;AAAA;AAIzC,MAAM,yBAAyB,6BAAO,mBAAI;AAAA;AAAA;AAAA,WAGtC,CAAC,UAAW,MAAM,SAAS,0BAAa,SAAS,SAAS;AAAA;AAG9D,MAAM,mBAAmB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQhC,MAAM,oBAAoB,wBAAO;AAAA;AAAA;AAAA,iBAGvB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,WACnC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAMpC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA,aAIpC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAO3C,MAAM,mBAAmB,6BAAO,iBAAiB;AAAA;AAAA;AAAA,WAG7C,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,YAErC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA,aAIpC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO;AAAA;AAAA;AAK3C,MAAM,oBAAoB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQjC,MAAM,sBAAsB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKtC,CAAC,UACD,MAAM,SAAS,0BAAa,SACxB;AAAA,4BACoB,MAAM,MAAM,OAAO,MAAM;AAAA,sBAC/B,MAAM,MAAM,OAAO,MAAM;AAAA,iBAC9B,MAAM,MAAM,OAAO,QAAQ;AAAA,UAClC;AAAA;AAAA;AAAA;AAAA,wBAIc,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QASzC;AAAA;AAAA,sBAEc,MAAM,MAAM,OAAO,QAAQ;AAAA,iBAChC,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,UAElC;AAAA;AAAA;AAAA;AAAA,wBAIc,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,uBAAuB;AACvB,qBAAqB;AACrB,mBAA6B;AAGtB,MAAM,gBAAgB,wBAAO;AAAA;AAAA;AAAA;AAM7B,MAAM,wBAAoB,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAOrC,MAAM,4BAAwB,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAIzC,MAAM,6BAAyB,yBAAO,mBAAI;AAAA;AAAA;AAAA,WAGtC,CAAC,UAAW,MAAM,SAAS,0BAAa,SAAS,SAAS;AAAA;AAG9D,MAAM,mBAAmB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQhC,MAAM,oBAAoB,wBAAO;AAAA;AAAA;AAAA,iBAGvB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,WACnC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAMpC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA,aAIpC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAO3C,MAAM,uBAAmB,yBAAO,iBAAiB;AAAA;AAAA;AAAA,WAG7C,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,YAErC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA,aAIpC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO;AAAA;AAAA;AAK3C,MAAM,oBAAoB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQjC,MAAM,sBAAsB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKtC,CAAC,UACD,MAAM,SAAS,0BAAa,SACxB;AAAA,4BACoB,MAAM,MAAM,OAAO,MAAM;AAAA,sBAC/B,MAAM,MAAM,OAAO,MAAM;AAAA,iBAC9B,MAAM,MAAM,OAAO,QAAQ;AAAA,UAClC;AAAA;AAAA;AAAA;AAAA,wBAIc,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QASzC;AAAA;AAAA,sBAEc,MAAM,MAAM,OAAO,QAAQ;AAAA,iBAChC,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,UAElC;AAAA;AAAA;AAAA;AAAA,wBAIc,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;",
6
6
  "names": []
7
7
  }
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
17
17
  }
18
18
  return to;
19
19
  };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
+ mod
23
+ ));
21
24
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
22
25
  var ChatCard_exports = {};
23
26
  __export(ChatCard_exports, {
@@ -26,7 +29,7 @@ __export(ChatCard_exports, {
26
29
  });
27
30
  module.exports = __toCommonJS(ChatCard_exports);
28
31
  var React = __toESM(require("react"));
29
- var import_react = __toESM(require("react"));
32
+ var import_jsx_runtime = require("react/jsx-runtime");
30
33
  var import_ds_utilities = require("@elliemae/ds-utilities");
31
34
  var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
32
35
  var import_props = require("./props");
@@ -35,20 +38,34 @@ const ChatCard = (props) => {
35
38
  const propsWithDefault = (0, import_ds_utilities.useMemoMergePropsWithDefault)(props, import_props.defaultProps);
36
39
  (0, import_ds_utilities.useValidateTypescriptPropTypes)(propsWithDefault, import_props.propTypes);
37
40
  const { title, content, time, rightAddon } = props;
38
- return /* @__PURE__ */ import_react.default.createElement(import_styled.Wrapper, {
41
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.Wrapper, {
39
42
  cols: ["1fr", "auto"],
40
- "data-testid": "chat-card-wrapper"
41
- }, /* @__PURE__ */ import_react.default.createElement(import_styled.MainContent, null, /* @__PURE__ */ import_react.default.createElement(import_styled.Title, {
42
- "data-testid": "chat-card-title"
43
- }, title), /* @__PURE__ */ import_react.default.createElement(import_styled.Content, {
44
- "data-testid": "chat-card-content"
45
- }, /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.SimpleTruncatedTooltipText, {
46
- value: content
47
- })), time && /* @__PURE__ */ import_react.default.createElement(import_styled.Time, {
48
- "data-testid": "chat-card-time"
49
- }, time)), rightAddon && /* @__PURE__ */ import_react.default.createElement(import_styled.RightAddon, {
50
- "data-testid": "chat-card-right-addon"
51
- }, rightAddon));
43
+ "data-testid": "chat-card-wrapper",
44
+ children: [
45
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.MainContent, {
46
+ children: [
47
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.Title, {
48
+ "data-testid": "chat-card-title",
49
+ children: title
50
+ }),
51
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.Content, {
52
+ "data-testid": "chat-card-content",
53
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_truncated_tooltip_text.SimpleTruncatedTooltipText, {
54
+ value: content
55
+ })
56
+ }),
57
+ time && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.Time, {
58
+ "data-testid": "chat-card-time",
59
+ children: time
60
+ })
61
+ ]
62
+ }),
63
+ rightAddon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.RightAddon, {
64
+ "data-testid": "chat-card-right-addon",
65
+ children: rightAddon
66
+ })
67
+ ]
68
+ });
52
69
  };
53
70
  ChatCard.propTypes = import_props.propTypes;
54
71
  ChatCard.displayName = "ChatCard";
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/exported-related/chat-card/ChatCard.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import React, { WeakValidationMap } from 'react';\nimport { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\n\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { propTypes, CardPropTypes, defaultProps } from './props';\nimport { Wrapper, MainContent, Title, Content, Time, RightAddon } from './styled';\n\nconst ChatCard: React.ComponentType<CardPropTypes> = (props) => {\n const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n useValidateTypescriptPropTypes(propsWithDefault, propTypes);\n\n const { title, content, time, rightAddon } = props;\n return (\n <Wrapper cols={['1fr', 'auto']} data-testid=\"chat-card-wrapper\">\n <MainContent>\n <Title data-testid=\"chat-card-title\">{title}</Title>\n <Content data-testid=\"chat-card-content\">\n <SimpleTruncatedTooltipText value={content} />\n </Content>\n {time && <Time data-testid=\"chat-card-time\">{time}</Time>}\n </MainContent>\n {rightAddon && <RightAddon data-testid=\"chat-card-right-addon\">{rightAddon}</RightAddon>}\n </Wrapper>\n );\n};\n\nChatCard.propTypes = propTypes as WeakValidationMap<unknown>;\nChatCard.displayName = 'ChatCard';\nconst ChatCardWithSchema = describe(ChatCard);\nChatCardWithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\nexport { ChatCard, ChatCardWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAyC;AACzC,0BAAuF;AAEvF,uCAA2C;AAC3C,mBAAuD;AACvD,oBAAuE;AAEvE,MAAM,WAA+C,CAAC,UAAU;AAC9D,QAAM,mBAAmB,sDAA6B,OAAO,yBAAY;AACzE,0DAA+B,kBAAkB,sBAAS;AAE1D,QAAM,EAAE,OAAO,SAAS,MAAM,eAAe;AAC7C,SACE,mDAAC;AAAA,IAAQ,MAAM,CAAC,OAAO,MAAM;AAAA,IAAG,eAAY;AAAA,KAC1C,mDAAC,iCACC,mDAAC;AAAA,IAAM,eAAY;AAAA,KAAmB,KAAM,GAC5C,mDAAC;AAAA,IAAQ,eAAY;AAAA,KACnB,mDAAC;AAAA,IAA2B,OAAO;AAAA,GAAS,CAC9C,GACC,QAAQ,mDAAC;AAAA,IAAK,eAAY;AAAA,KAAkB,IAAK,CACpD,GACC,cAAc,mDAAC;AAAA,IAAW,eAAY;AAAA,KAAyB,UAAW,CAC7E;AAEJ;AAEA,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB,MAAM,qBAAqB,kCAAS,QAAQ;AAC5C,mBAAmB,YAAY;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,0BAAuF;AAEvF,uCAA2C;AAC3C,mBAAuD;AACvD,oBAAuE;AAEvE,MAAM,WAA+C,CAAC,UAAU;AAC9D,QAAM,uBAAmB,kDAA6B,OAAO,yBAAY;AACzE,0DAA+B,kBAAkB,sBAAS;AAE1D,QAAM,EAAE,OAAO,SAAS,MAAM,WAAW,IAAI;AAC7C,SACE,6CAAC;AAAA,IAAQ,MAAM,CAAC,OAAO,MAAM;AAAA,IAAG,eAAY;AAAA,IAC1C;AAAA,mDAAC;AAAA,QACC;AAAA,sDAAC;AAAA,YAAM,eAAY;AAAA,YAAmB;AAAA,WAAM;AAAA,UAC5C,4CAAC;AAAA,YAAQ,eAAY;AAAA,YACnB,sDAAC;AAAA,cAA2B,OAAO;AAAA,aAAS;AAAA,WAC9C;AAAA,UACC,QAAQ,4CAAC;AAAA,YAAK,eAAY;AAAA,YAAkB;AAAA,WAAK;AAAA;AAAA,OACpD;AAAA,MACC,cAAc,4CAAC;AAAA,QAAW,eAAY;AAAA,QAAyB;AAAA,OAAW;AAAA;AAAA,GAC7E;AAEJ;AAEA,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB,MAAM,yBAAqB,8BAAS,QAAQ;AAC5C,mBAAmB,YAAY;",
6
6
  "names": []
7
7
  }
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
17
17
  }
18
18
  return to;
19
19
  };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
+ mod
23
+ ));
21
24
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
22
25
  var chat_card_exports = {};
23
26
  __export(chat_card_exports, {
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/exported-related/chat-card/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["export { ChatCard, ChatCardWithSchema } from './ChatCard';\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,sBAA6C;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,sBAA6C;",
6
6
  "names": []
7
7
  }
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
17
17
  }
18
18
  return to;
19
19
  };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
+ mod
23
+ ));
21
24
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
22
25
  var props_exports = {};
23
26
  __export(props_exports, {
@@ -26,12 +29,13 @@ __export(props_exports, {
26
29
  });
27
30
  module.exports = __toCommonJS(props_exports);
28
31
  var React = __toESM(require("react"));
32
+ var import_jsx_runtime = require("react/jsx-runtime");
29
33
  var import_ds_utilities = require("@elliemae/ds-utilities");
30
34
  const defaultProps = {
31
35
  title: "",
32
36
  content: "",
33
37
  time: "",
34
- rightAddon: /* @__PURE__ */ React.createElement(React.Fragment, null)
38
+ rightAddon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {})
35
39
  };
36
40
  const propTypes = {
37
41
  title: import_ds_utilities.PropTypes.string.isRequired.description(`Card's title`),
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/exported-related/chat-card/props.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import { PropTypes } from '@elliemae/ds-utilities';\n\nexport const defaultProps: CardPropTypes = {\n title: '',\n content: '',\n time: '',\n rightAddon: <></>,\n};\n\nexport const propTypes = {\n title: PropTypes.string.isRequired.description(`Card's title`),\n content: PropTypes.string.description(`Card's content`),\n time: PropTypes.string.description('Time'),\n rightAddon: PropTypes.element.description('Right addon, badge or icon'),\n};\n\nexport interface CardPropTypes {\n title: string;\n content: string;\n time: string;\n rightAddon: JSX.Element;\n}\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA0B;AAEnB,MAAM,eAA8B;AAAA,EACzC,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EACN,YAAY,wDAAE;AAChB;AAEO,MAAM,YAAY;AAAA,EACvB,OAAO,8BAAU,OAAO,WAAW,YAAY,cAAc;AAAA,EAC7D,SAAS,8BAAU,OAAO,YAAY,gBAAgB;AAAA,EACtD,MAAM,8BAAU,OAAO,YAAY,MAAM;AAAA,EACzC,YAAY,8BAAU,QAAQ,YAAY,4BAA4B;AACxE;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,0BAA0B;AAEnB,MAAM,eAA8B;AAAA,EACzC,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EACN,YAAY,2EAAE;AAChB;AAEO,MAAM,YAAY;AAAA,EACvB,OAAO,8BAAU,OAAO,WAAW,YAAY,cAAc;AAAA,EAC7D,SAAS,8BAAU,OAAO,YAAY,gBAAgB;AAAA,EACtD,MAAM,8BAAU,OAAO,YAAY,MAAM;AAAA,EACzC,YAAY,8BAAU,QAAQ,YAAY,4BAA4B;AACxE;",
6
6
  "names": []
7
7
  }