@elliemae/ds-chat 3.4.3-rc.1 → 3.4.3

package/dist/cjs/react-desc-prop-types.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-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));
+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
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var react_desc_prop_types_exports = {};
 __export(react_desc_prop_types_exports, {
@@ -66,7 +69,8 @@ const ChatComposerPropTypes = {
   inputMaxLength: import_ds_utilities.PropTypes.number.description("Max length of the composer. `undefined` for no limit").defaultValue(defaultPropsComposer.inputMaxLength),
   buttonDisabled: import_ds_utilities.PropTypes.bool.description("Control the disabled for the send button").defaultValue(defaultPropsComposer.buttonDisabled),
   dataTestid: import_ds_utilities.PropTypes.string.description("Data testid").defaultValue(defaultPropsComposer.placeholder),
-  actionRef: import_ds_utilities.PropTypes.object.description(`Reference: 
+  actionRef: import_ds_utilities.PropTypes.object.description(
+    `Reference: 
         { 
           scrollToIndex?: (n: number, opts: { align: 'end' | 'center' | 'start' }) => void,
           getMessagesInView?: () => number[],
@@ -76,7 +80,8 @@ const ChatComposerPropTypes = {
           focusToSend?: () => void,
         }
         
-      `).defaultValue(defaultPropsComposer.actionRef)
+      `
+  ).defaultValue(defaultPropsComposer.actionRef)
 };
 const defaultPropsMessagesList = {
   messages: [],
@@ -90,7 +95,8 @@ const defaultPropsMessagesList = {
 const ChatContainerMessagesListPropTypes = {
   ...import_ds_utilities.globalAttributesPropTypes,
   messages: import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.object).description("The array of out-of-the-box items you want to render inside the ChatMessageList").defaultValue(defaultPropsMessagesList.messages),
-  actionRef: import_ds_utilities.PropTypes.object.description(`Reference: 
+  actionRef: import_ds_utilities.PropTypes.object.description(
+    `Reference: 
         { 
           scrollToIndex?: (n: number, opts: { align: 'end' | 'center' | 'start' }) => void,
           getMessagesInView: () => number[],
@@ -101,10 +107,15 @@ const ChatContainerMessagesListPropTypes = {
           focusToSend: () => void,
         }
         
-      `).defaultValue(defaultPropsMessagesList.actionRef),
+      `
+  ).defaultValue(defaultPropsMessagesList.actionRef),
   onScrollEnds: import_ds_utilities.PropTypes.func.description(`Called when the scroll stops.`),
-  isLoading: import_ds_utilities.PropTypes.oneOf(["top", "bottom", void 0]).description("Keeps the load more space while the loading is in progress"),
-  hasMoreItems: import_ds_utilities.PropTypes.oneOf(["top", "bottom", void 0]).description("Show Load More button at the `top` or `bottom` of the container"),
+  isLoading: import_ds_utilities.PropTypes.oneOf(["top", "bottom", void 0]).description(
+    "Keeps the load more space while the loading is in progress"
+  ),
+  hasMoreItems: import_ds_utilities.PropTypes.oneOf(["top", "bottom", void 0]).description(
+    "Show Load More button at the `top` or `bottom` of the container"
+  ),
   getMoreMessages: import_ds_utilities.PropTypes.func.description("Called when the user clicks on load more").defaultValue(defaultPropsMessagesList.getMoreMessages),
   sendingMessages: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.string), import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.number)]).description("Array of ids of sending messages").defaultValue(defaultPropsMessagesList.sendingMessages),
   sendingText: import_ds_utilities.PropTypes.string.description("Label description for messages in sending status").defaultValue(defaultPropsMessagesList.sendingText)
@@ -135,20 +146,29 @@ const ChatContainerPropTypes = {
   composerProps: import_ds_utilities.PropTypes.object.description("Composer configuration").defaultValue(defaultProps.composerProps),
   autoScroll: import_ds_utilities.PropTypes.bool.description("Auto scroll to bottom on resize").defaultValue(defaultProps.autoScroll),
   device: import_ds_utilities.PropTypes.string.description("Option to render mobile or desktop style composer").defaultValue(defaultProps.device),
-  isLoading: import_ds_utilities.PropTypes.oneOf(["top", "bottom", void 0]).description("Show Loading messages indicator at the `top` or `bottom` of the container"),
-  hasMoreItems: import_ds_utilities.PropTypes.oneOf(["top", "bottom", void 0]).description("Show Load More button at the `top` or `bottom` of the container"),
+  isLoading: import_ds_utilities.PropTypes.oneOf(["top", "bottom", void 0]).description(
+    "Show Loading messages indicator at the `top` or `bottom` of the container"
+  ),
+  hasMoreItems: import_ds_utilities.PropTypes.oneOf(["top", "bottom", void 0]).description(
+    "Show Load More button at the `top` or `bottom` of the container"
+  ),
   getMoreMessages: import_ds_utilities.PropTypes.func.description("Called when the user clicks on load more").defaultValue(defaultProps.getMoreMessages),
-  bannerPosition: import_ds_utilities.PropTypes.oneOf(["top", "bottom", void 0]).description("Show Loading messages indicator at the `top` or `bottom` of the container"),
-  bannerProps: import_ds_utilities.PropTypes.object.description(`Banner configuration:
+  bannerPosition: import_ds_utilities.PropTypes.oneOf(["top", "bottom", void 0]).description(
+    "Show Loading messages indicator at the `top` or `bottom` of the container"
+  ),
+  bannerProps: import_ds_utilities.PropTypes.object.description(
+    `Banner configuration:
   label: string;
   viewLabel: string;
   type: BANNER_TYPES;
   onView: () => void;
   onClose: () => void;
-  `).defaultValue(defaultProps.bannerProps),
+  `
+  ).defaultValue(defaultProps.bannerProps),
   sendingMessages: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.string), import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.number)]).description("Array of ids of sending messages").defaultValue(defaultProps.sendingMessages),
   sendingText: import_ds_utilities.PropTypes.string.description("Label description for messages in sending status").defaultValue(defaultProps.sendingText),
-  actionRef: import_ds_utilities.PropTypes.object.description(`Reference: 
+  actionRef: import_ds_utilities.PropTypes.object.description(
+    `Reference: 
         { 
           scrollToIndex: (n: number) => void,
           getMessagesInView: () => number[],
@@ -158,6 +178,7 @@ const ChatContainerPropTypes = {
           focusToSend: () => void,
         }
         
-      `).defaultValue(defaultProps.actionRef)
+      `
+  ).defaultValue(defaultProps.actionRef)
 };
 //# sourceMappingURL=react-desc-prop-types.js.map

package/dist/cjs/react-desc-prop-types.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/react-desc-prop-types.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable max-lines */\nimport { type DebouncedFunc } from 'lodash';\nimport { useVirtual } from 'react-virtual';\nimport { PropTypes, globalAttributesPropTypes } from '@elliemae/ds-utilities';\nimport { BANNER_TYPES } from '@elliemae/ds-banner';\nimport { BubblePropsT } from './exported-related/bubble/props';\n\n// eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars\nfunction noop<T extends unknown[]>(..._args: T): void {}\nexport declare namespace DSChatT {\n  interface ChatBannerProps {\n    label: string;\n    viewLabel: string;\n    type?: string;\n    onView: () => void;\n    onClose: () => void;\n  }\n  export type ScrollToIndexOptions = Parameters<ReturnType<typeof useVirtual>['scrollToIndex']>[1];\n  export type ActionRef = React.MutableRefObject<{\n    scrollToIndex?: (index: number, opts: ScrollToIndexOptions) => void;\n    focusToIndex?: (index: number, opts: ScrollToIndexOptions) => void;\n    getMessagesInView?: DebouncedFunc<() => string[]>;\n    focusToIndexWithoutScroll?: (index?: number) => void;\n    focusToList?: () => void;\n    focusToComposer?: () => void;\n    focusToSend?: () => void;\n  }>;\n\n  export interface ContainerProps {\n    messagesListProps: Pick<MessagesListProps, 'messages' | 'onScrollEnds'>;\n    composerProps: ComposerProps;\n    actionRef?: ActionRef;\n    autoScroll: boolean;\n    device: 'desktop' | 'mobile';\n    isLoading?: 'top' | 'bottom';\n    hasMoreItems?: 'top' | 'bottom';\n    getMoreMessages: () => void;\n    bannerPosition?: 'top' | 'bottom';\n    bannerProps?: ChatBannerProps;\n    sendingMessages?: string[] | number[];\n    sendingText: string;\n  }\n\n  export interface ComposerProps {\n    placeholder?: string;\n    inputValue?: string;\n    ariaMaxLengthMessage?: string;\n    maxLengthMessage?: string;\n    onChange: (value: string) => void;\n    onResize?: (value: number) => void;\n    onSend: (value: string) => void;\n    onFocus?: (e: React.ChangeEvent<HTMLTextAreaElement>, value: string) => void;\n    onBlur?: (e: React.ChangeEvent<HTMLTextAreaElement>, value: string) => void;\n    onKeyDown?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;\n    maxHeight?: number;\n    inputMaxLength: number | undefined;\n    buttonDisabled: boolean;\n    dataTestid?: string;\n    actionRef?: ActionRef;\n  }\n\n  export interface MessagesListProps {\n    messages: BubblePropsT[];\n    actionRef: ActionRef;\n    onScrollEnds?: (indexList: string[]) => void;\n    isLoading?: 'top' | 'bottom';\n    hasMoreItems?: 'top' | 'bottom';\n    getMoreMessages: () => void;\n    sendingMessages?: Array<string | number>;\n    sendingText: string;\n    bannerPosition?: 'top' | 'bottom';\n    bannerRef?: React.MutableRefObject<{\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      focusOnWrapper: (...args: any[]) => void;\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      focusOnLink: (...args: any[]) => void;\n    }>;\n  }\n\n  export interface GetPaddingT {\n    hasMoreItems: string | undefined;\n    bannerPosition: string | undefined;\n    isLoading: string | undefined;\n  }\n}\n\nexport interface TextAreaProps {\n  height: string | number;\n  style: React.CSSProperties;\n}\n\nexport const defaultPropsComposer: DSChatT.ComposerProps = {\n  placeholder: 'Type your message',\n  inputValue: '',\n  ariaMaxLengthMessage: '',\n  onChange: noop,\n  onResize: noop,\n  onSend: noop,\n  onFocus: noop,\n  onBlur: noop,\n  onKeyDown: noop,\n  maxHeight: 0,\n  inputMaxLength: undefined,\n  maxLengthMessage: undefined,\n  buttonDisabled: false,\n  dataTestid: 'ds-chat-composer',\n  actionRef: undefined,\n};\n\nexport const ChatComposerPropTypes = {\n  placeholder: PropTypes.string.description('Input Placeholder').defaultValue(defaultPropsComposer.placeholder),\n  inputValue: PropTypes.string.description('Input value').defaultValue(defaultPropsComposer.inputValue),\n  ariaMaxLengthMessage: PropTypes.string\n    .description('Aria message for Max length message when exceeded')\n    .defaultValue(defaultPropsComposer.maxLengthMessage),\n  maxLengthMessage: PropTypes.string\n    .description('Max length message')\n    .defaultValue(defaultPropsComposer.maxLengthMessage),\n  onChange: PropTypes.func.description('Called when the user types').defaultValue(defaultPropsComposer.onChange),\n  onResize: PropTypes.func\n    .description('Called the input changes his height')\n    .defaultValue(defaultPropsComposer.onResize),\n  onSend: PropTypes.func.description('Called when the click send').defaultValue(defaultPropsComposer.onSend),\n  onFocus: PropTypes.func.description('Input focus').defaultValue(defaultPropsComposer.onFocus),\n  onBlur: PropTypes.func.description('Input blur').defaultValue(defaultPropsComposer.onBlur),\n  onKeyDown: PropTypes.func.description('Input on key down').defaultValue(defaultPropsComposer.onKeyDown),\n  maxHeight: PropTypes.number\n    .description('Max height of the composer. Use 0 for no limit')\n    .defaultValue(defaultPropsComposer.onBlur),\n  inputMaxLength: PropTypes.number\n    .description('Max length of the composer. `undefined` for no limit')\n    .defaultValue(defaultPropsComposer.inputMaxLength),\n  buttonDisabled: PropTypes.bool\n    .description('Control the disabled for the send button')\n    .defaultValue(defaultPropsComposer.buttonDisabled),\n  dataTestid: PropTypes.string.description('Data testid').defaultValue(defaultPropsComposer.placeholder),\n  actionRef: PropTypes.object\n    .description(\n      `Reference: \n        { \n          scrollToIndex?: (n: number, opts: { align: 'end' | 'center' | 'start' }) => void,\n          getMessagesInView?: () => number[],\n          focusToIndex?: (n: number) => void,\n          focusToList?: () => void,\n          focusToComposer?: () => void,\n          focusToSend?: () => void,\n        }\n        \n      `,\n    )\n    .defaultValue(defaultPropsComposer.actionRef),\n};\n\nexport const defaultPropsMessagesList: DSChatT.MessagesListProps = {\n  messages: [],\n  actionRef: { current: {} },\n  // we don't want this to exist \"by default\" since this loads document.addEventListener\n  // the code is already checking for this callback existence everytime it's invoked anyway\n  // onScrollEnds: () => [],\n  getMoreMessages: noop,\n  sendingMessages: undefined,\n  sendingText: 'Sending',\n  bannerPosition: undefined,\n  bannerRef: undefined,\n};\n\nexport const ChatContainerMessagesListPropTypes = {\n  ...globalAttributesPropTypes,\n\n  messages: PropTypes.arrayOf(PropTypes.object)\n    .description('The array of out-of-the-box items you want to render inside the ChatMessageList')\n    .defaultValue(defaultPropsMessagesList.messages),\n  actionRef: PropTypes.object\n    .description(\n      `Reference: \n        { \n          scrollToIndex?: (n: number, opts: { align: 'end' | 'center' | 'start' }) => void,\n          getMessagesInView: () => number[],\n          focusToIndex: (n: number) => void,\n          focusToIndexWithoutScroll: (n: number) => void,\n          focusToList: () => void,\n          focusToComposer: () => void,\n          focusToSend: () => void,\n        }\n        \n      `,\n    )\n    .defaultValue(defaultPropsMessagesList.actionRef),\n  onScrollEnds: PropTypes.func.description(`Called when the scroll stops.`),\n  isLoading: PropTypes.oneOf(['top', 'bottom', undefined]).description(\n    'Keeps the load more space while the loading is in progress',\n  ),\n  hasMoreItems: PropTypes.oneOf(['top', 'bottom', undefined]).description(\n    'Show Load More button at the `top` or `bottom` of the container',\n  ),\n  getMoreMessages: PropTypes.func\n    .description('Called when the user clicks on load more')\n    .defaultValue(defaultPropsMessagesList.getMoreMessages),\n  sendingMessages: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.arrayOf(PropTypes.number)])\n    .description('Array of ids of sending messages')\n    .defaultValue(defaultPropsMessagesList.sendingMessages),\n  sendingText: PropTypes.string\n    .description('Label description for messages in sending status')\n    .defaultValue(defaultPropsMessagesList.sendingText),\n};\n\nexport const defaultProps: DSChatT.ContainerProps = {\n  messagesListProps: defaultPropsMessagesList,\n  composerProps: defaultPropsComposer,\n  actionRef: undefined,\n  autoScroll: false,\n  device: 'desktop',\n  isLoading: undefined,\n  hasMoreItems: undefined,\n  getMoreMessages: noop,\n  bannerPosition: undefined,\n  bannerProps: {\n    type: BANNER_TYPES.INFO,\n    label: 'Unread Messages',\n    viewLabel: 'View',\n    onView: noop,\n    onClose: noop,\n  },\n  sendingMessages: undefined,\n  sendingText: 'Sending',\n};\n\nexport const ChatContainerPropTypes = {\n  ...globalAttributesPropTypes,\n  messagesListProps: PropTypes.object\n    .description('ChatMessageList props \"messages\" / \"onScrollEnds\"')\n    .defaultValue(defaultProps.messagesListProps),\n  composerProps: PropTypes.object.description('Composer configuration').defaultValue(defaultProps.composerProps),\n  autoScroll: PropTypes.bool.description('Auto scroll to bottom on resize').defaultValue(defaultProps.autoScroll),\n  device: PropTypes.string\n    .description('Option to render mobile or desktop style composer')\n    .defaultValue(defaultProps.device),\n  isLoading: PropTypes.oneOf(['top', 'bottom', undefined]).description(\n    'Show Loading messages indicator at the `top` or `bottom` of the container',\n  ),\n  hasMoreItems: PropTypes.oneOf(['top', 'bottom', undefined]).description(\n    'Show Load More button at the `top` or `bottom` of the container',\n  ),\n  getMoreMessages: PropTypes.func\n    .description('Called when the user clicks on load more')\n    .defaultValue(defaultProps.getMoreMessages),\n  bannerPosition: PropTypes.oneOf(['top', 'bottom', undefined]).description(\n    'Show Loading messages indicator at the `top` or `bottom` of the container',\n  ),\n  bannerProps: PropTypes.object\n    .description(\n      `Banner configuration:\n  label: string;\n  viewLabel: string;\n  type: BANNER_TYPES;\n  onView: () => void;\n  onClose: () => void;\n  `,\n    )\n    .defaultValue(defaultProps.bannerProps),\n  sendingMessages: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.arrayOf(PropTypes.number)])\n    .description('Array of ids of sending messages')\n    .defaultValue(defaultProps.sendingMessages),\n  sendingText: PropTypes.string\n    .description('Label description for messages in sending status')\n    .defaultValue(defaultProps.sendingText),\n  actionRef: PropTypes.object\n    .description(\n      `Reference: \n        { \n          scrollToIndex: (n: number) => void,\n          getMessagesInView: () => number[],\n          focusToIndex: (n: number) => void,\n          focusToList: () => void,\n          focusToComposer: () => void,\n          focusToSend: () => void,\n        }\n        \n      `,\n    )\n    .defaultValue(defaultProps.actionRef),\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/styled.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-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));
+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
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var styled_exports = {};
 __export(styled_exports, {

package/dist/cjs/styled.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/styled.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export const MIN_WIDTH_SIDEBAR = 48;\nexport const BUTTON_SIDEBAR_HEIGHT = 48;\nexport const BUTTON_FLOATING = 56;\nexport const BOX_SHADOW = '0 5px 8px 0 rgba(53,60,70,0.55)';\nexport const BOX_SHADOW_FLOATING = '0 5px 8px 0 rgba(53,60,70,0.35)';\nexport const BOX_SHADOW_INSET = `inset 100px 3px 4px 0 rgba(53,60,70,0.50)`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,oBAAoB;AAC1B,MAAM,wBAAwB;AAC9B,MAAM,kBAAkB;AACxB,MAAM,aAAa;AACnB,MAAM,sBAAsB;AAC5B,MAAM,mBAAmB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,oBAAoB;AAC1B,MAAM,wBAAwB;AAC9B,MAAM,kBAAkB;AACxB,MAAM,aAAa;AACnB,MAAM,sBAAsB;AAC5B,MAAM,mBAAmB;",
   "names": []
 }

package/dist/cjs/tests/utils.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-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));
+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
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var utils_exports = {};
 __export(utils_exports, {

package/dist/cjs/tests/utils.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/tests/utils.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { BUBBLE_TYPES } from '../exported-related/bubble';\n\nconst getRandomMessages = (q, key) =>\n  Array(q)\n    .fill()\n    .map((v, i) => {\n      if (i > 5 && i % 22 === 0) {\n        return {\n          dsId: `${i}`,\n          body: `This is a system message that notifies the user of some important things`,\n          type: BUBBLE_TYPES.SYSTEM,\n          title: 'System Message',\n          time: '4:50 pm',\n        };\n      }\n      if (i > 5 && i % 16 === 0) {\n        return {\n          dsId: `${i}`,\n          type: BUBBLE_TYPES.DELIMITER,\n          title: 'Mon, Apr 25, 12:43 PM',\n          extraProps: { 'data-testid': 'custom-data-testid' },\n        };\n      }\n      const isSender = i % 2 === 0;\n      const chatBubbleType = isSender ? BUBBLE_TYPES.SENDER : BUBBLE_TYPES.RECIPIENT;\n      const chatTitle = isSender ? 'Robert Deniro' : 'Al Pacino';\n      return {\n        dsId: `${i}`,\n        body: `Message text ${key} Message text ${i}`,\n        type: chatBubbleType,\n        title: chatTitle,\n        time: '4:50 pm',\n        helpMessage: isSender ? 'Delivered' : null,\n      };\n    });\n\nexport const loadMsgs = (q: number): unknown => getRandomMessages(q, 'item_key');\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,oBAA6B;AAE7B,MAAM,oBAAoB,CAAC,GAAG,QAC5B,MAAM,CAAC,EACJ,KAAK,EACL,IAAI,CAAC,GAAG,MAAM;AACb,MAAI,IAAI,KAAK,IAAI,OAAO,GAAG;AACzB,WAAO;AAAA,MACL,MAAM,GAAG;AAAA,MACT,MAAM;AAAA,MACN,MAAM,2BAAa;AAAA,MACnB,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,EACF;AACA,MAAI,IAAI,KAAK,IAAI,OAAO,GAAG;AACzB,WAAO;AAAA,MACL,MAAM,GAAG;AAAA,MACT,MAAM,2BAAa;AAAA,MACnB,OAAO;AAAA,MACP,YAAY,EAAE,eAAe,qBAAqB;AAAA,IACpD;AAAA,EACF;AACA,QAAM,WAAW,IAAI,MAAM;AAC3B,QAAM,iBAAiB,WAAW,2BAAa,SAAS,2BAAa;AACrE,QAAM,YAAY,WAAW,kBAAkB;AAC/C,SAAO;AAAA,IACL,MAAM,GAAG;AAAA,IACT,MAAM,gBAAgB,oBAAoB;AAAA,IAC1C,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,IACN,aAAa,WAAW,cAAc;AAAA,EACxC;AACF,CAAC;AAEE,MAAM,WAAW,CAAC,MAAuB,kBAAkB,GAAG,UAAU;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,oBAA6B;AAE7B,MAAM,oBAAoB,CAAC,GAAG,QAC5B,MAAM,CAAC,EACJ,KAAK,EACL,IAAI,CAAC,GAAG,MAAM;AACb,MAAI,IAAI,KAAK,IAAI,OAAO,GAAG;AACzB,WAAO;AAAA,MACL,MAAM,GAAG;AAAA,MACT,MAAM;AAAA,MACN,MAAM,2BAAa;AAAA,MACnB,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,EACF;AACA,MAAI,IAAI,KAAK,IAAI,OAAO,GAAG;AACzB,WAAO;AAAA,MACL,MAAM,GAAG;AAAA,MACT,MAAM,2BAAa;AAAA,MACnB,OAAO;AAAA,MACP,YAAY,EAAE,eAAe,qBAAqB;AAAA,IACpD;AAAA,EACF;AACA,QAAM,WAAW,IAAI,MAAM;AAC3B,QAAM,iBAAiB,WAAW,2BAAa,SAAS,2BAAa;AACrE,QAAM,YAAY,WAAW,kBAAkB;AAC/C,SAAO;AAAA,IACL,MAAM,GAAG;AAAA,IACT,MAAM,gBAAgB,oBAAoB;AAAA,IAC1C,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,IACN,aAAa,WAAW,cAAc;AAAA,EACxC;AACF,CAAC;AAEE,MAAM,WAAW,CAAC,MAAuB,kBAAkB,GAAG,UAAU;",
   "names": []
 }

package/dist/esm/ChatDataTestids.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ChatDataTestids.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAO,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;",
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,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;",
   "names": []
 }

package/dist/esm/exported-related/bubble/ChatBubble.js

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import React2 from "react";
 import { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from "@elliemae/ds-utilities";
 import { WarningCircleFill } from "@elliemae/ds-icons";
@@ -19,39 +20,68 @@ const ChatBubble = (props) => {
   useValidateTypescriptPropTypes(propsWithDefault, BubblesPropTypes);
   const { dsId, type, title, time, body, errorMessage, helpMessage } = propsWithDefault;
   const bodyParts = React2.useMemo(() => typeof body === "string" ? body.split("\n") : [body], [body]);
-  return /* @__PURE__ */ React2.createElement(StyledWrapper, {
-    "data-testid": `ds-chat-bubble-${dsId}`
-  }, /* @__PURE__ */ React2.createElement(StyledColoredBubble, {
-    type
-  }, /* @__PURE__ */ React2.createElement(StyledTitleBubble, {
-    cols: [1, "auto"],
-    gutter: "xs",
-    alignItems: "flex-end",
-    className: "sr-only"
-  }, /* @__PURE__ */ React2.createElement(StyledTitleLeftBubble, {
-    alignItems: "center",
-    "data-testid": `chat-bubble-title-${dsId}`
-  }, title), /* @__PURE__ */ React2.createElement(StyledTitleRightBubble, {
-    alignItems: "center",
-    type,
-    "data-testid": `chat-bubble-time-${dsId}`
-  }, time)), /* @__PURE__ */ React2.createElement(StyleBodyWrapper, {
-    "data-testid": `chat-bubble-body-${dsId}`
-  }, bodyParts.map((item, index) => /* @__PURE__ */ React2.createElement(React2.Fragment, {
-    key: `${item}-${dsId}`
-  }, item, index < bodyParts.length - 1 ? /* @__PURE__ */ React2.createElement("br", null) : null))), /* @__PURE__ */ React2.createElement(ChatBubbleArrow, {
-    type
-  })), errorMessage ? /* @__PURE__ */ React2.createElement(StyleErrorMessage, {
-    "data-testid": `chat-bubble-error-message-${dsId}`,
-    p: "xxs",
-    gutter: "xxs",
-    cols: [1, "auto"]
-  }, /* @__PURE__ */ React2.createElement("span", null, errorMessage), /* @__PURE__ */ React2.createElement(WarningCircleFill, null)) : null, helpMessage ? /* @__PURE__ */ React2.createElement(StyleHelpMessage, {
-    "data-testid": `chat-bubble-help-message-${dsId}`,
-    p: "xxs",
-    gutter: "xxs",
-    cols: [1, "auto"]
-  }, /* @__PURE__ */ React2.createElement("span", null, helpMessage)) : null);
+  return /* @__PURE__ */ jsxs(StyledWrapper, {
+    "data-testid": `ds-chat-bubble-${dsId}`,
+    children: [
+      /* @__PURE__ */ jsxs(StyledColoredBubble, {
+        type,
+        children: [
+          /* @__PURE__ */ jsxs(StyledTitleBubble, {
+            cols: [1, "auto"],
+            gutter: "xs",
+            alignItems: "flex-end",
+            className: "sr-only",
+            children: [
+              /* @__PURE__ */ jsx(StyledTitleLeftBubble, {
+                alignItems: "center",
+                "data-testid": `chat-bubble-title-${dsId}`,
+                children: title
+              }),
+              /* @__PURE__ */ jsx(StyledTitleRightBubble, {
+                alignItems: "center",
+                type,
+                "data-testid": `chat-bubble-time-${dsId}`,
+                children: time
+              })
+            ]
+          }),
+          /* @__PURE__ */ jsx(StyleBodyWrapper, {
+            "data-testid": `chat-bubble-body-${dsId}`,
+            children: bodyParts.map((item, index) => /* @__PURE__ */ jsxs(React2.Fragment, {
+              children: [
+                item,
+                index < bodyParts.length - 1 ? /* @__PURE__ */ jsx("br", {}) : null
+              ]
+            }, `${item}-${dsId}`))
+          }),
+          /* @__PURE__ */ jsx(ChatBubbleArrow, {
+            type
+          })
+        ]
+      }),
+      errorMessage ? /* @__PURE__ */ jsxs(StyleErrorMessage, {
+        "data-testid": `chat-bubble-error-message-${dsId}`,
+        p: "xxs",
+        gutter: "xxs",
+        cols: [1, "auto"],
+        children: [
+          /* @__PURE__ */ jsx("span", {
+            children: errorMessage
+          }),
+          /* @__PURE__ */ jsx(WarningCircleFill, {})
+        ]
+      }) : null,
+      helpMessage ? /* @__PURE__ */ jsx(StyleHelpMessage, {
+        "data-testid": `chat-bubble-help-message-${dsId}`,
+        p: "xxs",
+        gutter: "xxs",
+        cols: [1, "auto"],
+        children: /* @__PURE__ */ jsx("span", {
+          children: helpMessage
+        })
+      }) : null
+    ]
+  });
 };
 ChatBubble.propTypes = BubblesPropTypes;
 ChatBubble.displayName = "ChatBubble";

package/dist/esm/exported-related/bubble/ChatBubble.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/bubble/ChatBubble.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;AACA;AAEA,MAAM,aAAgD,CAAC,UAAU;AAC/D,QAAM,mBAAmB,6BAA6B,OAAO,kBAAkB;AAC/E,iCAA+B,kBAAkB,gBAAgB;AAEjE,QAAM,EAAE,MAAM,MAAM,OAAO,MAAM,MAAM,cAAc,gBAAgB;AACrE,QAAM,YAAY,OAAM,QAAQ,MAAO,OAAO,SAAS,WAAW,KAAK,MAAM,IAAI,IAAI,CAAC,IAAI,GAAI,CAAC,IAAI,CAAC;AACpG,SACE,qCAAC;AAAA,IAAc,eAAa,kBAAkB;AAAA,KAC5C,qCAAC;AAAA,IAAoB;AAAA,KACnB,qCAAC;AAAA,IAAkB,MAAM,CAAC,GAAG,MAAM;AAAA,IAAG,QAAO;AAAA,IAAK,YAAW;AAAA,IAAW,WAAU;AAAA,KAChF,qCAAC;AAAA,IAAsB,YAAW;AAAA,IAAS,eAAa,qBAAqB;AAAA,KAC1E,KACH,GACA,qCAAC;AAAA,IAAuB,YAAW;AAAA,IAAS;AAAA,IAAY,eAAa,oBAAoB;AAAA,KACtF,IACH,CACF,GACA,qCAAC;AAAA,IAAiB,eAAa,oBAAoB;AAAA,KAChD,UAAU,IAAI,CAAC,MAAM,UACpB,qCAAC,OAAM,UAAN;AAAA,IAAe,KAAK,GAAG,QAAQ;AAAA,KAC7B,MACA,QAAQ,UAAU,SAAS,IAAI,qCAAC,UAAG,IAAK,IAC3C,CACD,CACH,GACA,qCAAC;AAAA,IAAgB;AAAA,GAAY,CAC/B,GACC,eACC,qCAAC;AAAA,IAAkB,eAAa,6BAA6B;AAAA,IAAQ,GAAE;AAAA,IAAM,QAAO;AAAA,IAAM,MAAM,CAAC,GAAG,MAAM;AAAA,KACxG,qCAAC,cAAM,YAAa,GACpB,qCAAC,uBAAkB,CACrB,IACE,MACH,cACC,qCAAC;AAAA,IAAiB,eAAa,4BAA4B;AAAA,IAAQ,GAAE;AAAA,IAAM,QAAO;AAAA,IAAM,MAAM,CAAC,GAAG,MAAM;AAAA,KACtG,qCAAC,cAAM,WAAY,CACrB,IACE,IACN;AAEJ;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AACzB,MAAM,uBAAuB,SAAS,UAAU;AAChD,qBAAqB,YAAY;",
-  "names": []
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,OAAOA,YAAkC;AACzC,SAAS,UAAU,gCAAgC,oCAAoC;AACvF,SAAS,yBAAyB;AAClC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,kBAAgC,0BAA0B;AACnE,SAAS,uBAAuB;AAEhC,MAAM,aAAgD,CAAC,UAAU;AAC/D,QAAM,mBAAmB,6BAA6B,OAAO,kBAAkB;AAC/E,iCAA+B,kBAAkB,gBAAgB;AAEjE,QAAM,EAAE,MAAM,MAAM,OAAO,MAAM,MAAM,cAAc,YAAY,IAAI;AACrE,QAAM,YAAYA,OAAM,QAAQ,MAAO,OAAO,SAAS,WAAW,KAAK,MAAM,IAAI,IAAI,CAAC,IAAI,GAAI,CAAC,IAAI,CAAC;AACpG,SACE,qBAAC;AAAA,IAAc,eAAa,kBAAkB;AAAA,IAC5C;AAAA,2BAAC;AAAA,QAAoB;AAAA,QACnB;AAAA,+BAAC;AAAA,YAAkB,MAAM,CAAC,GAAG,MAAM;AAAA,YAAG,QAAO;AAAA,YAAK,YAAW;AAAA,YAAW,WAAU;AAAA,YAChF;AAAA,kCAAC;AAAA,gBAAsB,YAAW;AAAA,gBAAS,eAAa,qBAAqB;AAAA,gBAC1E;AAAA,eACH;AAAA,cACA,oBAAC;AAAA,gBAAuB,YAAW;AAAA,gBAAS;AAAA,gBAAY,eAAa,oBAAoB;AAAA,gBACtF;AAAA,eACH;AAAA;AAAA,WACF;AAAA,UACA,oBAAC;AAAA,YAAiB,eAAa,oBAAoB;AAAA,YAChD,oBAAU,IAAI,CAAC,MAAM,UACpB,qBAACA,OAAM,UAAN;AAAA,cACE;AAAA;AAAA,gBACA,QAAQ,UAAU,SAAS,IAAI,oBAAC,QAAG,IAAK;AAAA;AAAA,eAFtB,GAAG,QAAQ,MAGhC,CACD;AAAA,WACH;AAAA,UACA,oBAAC;AAAA,YAAgB;AAAA,WAAY;AAAA;AAAA,OAC/B;AAAA,MACC,eACC,qBAAC;AAAA,QAAkB,eAAa,6BAA6B;AAAA,QAAQ,GAAE;AAAA,QAAM,QAAO;AAAA,QAAM,MAAM,CAAC,GAAG,MAAM;AAAA,QACxG;AAAA,8BAAC;AAAA,YAAM;AAAA,WAAa;AAAA,UACpB,oBAAC,qBAAkB;AAAA;AAAA,OACrB,IACE;AAAA,MACH,cACC,oBAAC;AAAA,QAAiB,eAAa,4BAA4B;AAAA,QAAQ,GAAE;AAAA,QAAM,QAAO;AAAA,QAAM,MAAM,CAAC,GAAG,MAAM;AAAA,QACtG,8BAAC;AAAA,UAAM;AAAA,SAAY;AAAA,OACrB,IACE;AAAA;AAAA,GACN;AAEJ;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AACzB,MAAM,uBAAuB,SAAS,UAAU;AAChD,qBAAqB,YAAY;",
+  "names": ["React"]
 }

package/dist/esm/exported-related/bubble/ChatBubbleArrow.js

@@ -1,66 +1,89 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { StyledBubbleArrow } from "./styled";
 import { BUBBLE_TYPES, propsArrowBubble } from "./props";
-const ChatBubbleArrow = ({ type }) => /* @__PURE__ */ React2.createElement(StyledBubbleArrow, null, type === BUBBLE_TYPES.RECIPIENT ? /* @__PURE__ */ React2.createElement("svg", {
-  width: "15px",
-  height: "14px",
-  viewBox: "0 0 15 14"
-}, /* @__PURE__ */ React2.createElement("defs", null, /* @__PURE__ */ React2.createElement("path", {
-  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",
-  id: "path-chat-bubble"
-}), /* @__PURE__ */ React2.createElement("filter", {
-  x: "-55.6%",
-  y: "-50.0%",
-  width: "211.1%",
-  height: "225.0%",
-  filterUnits: "objectBoundingBox",
-  id: "filter-2"
-}, /* @__PURE__ */ React2.createElement("feOffset", {
-  dx: "2.3",
-  dy: "1.2",
-  in: "SourceAlpha",
-  result: "shadowOffsetOuter1"
-}), /* @__PURE__ */ React2.createElement("feGaussianBlur", {
-  stdDeviation: "1.5",
-  in: "shadowOffsetOuter1",
-  result: "shadowBlurOuter1"
-}), /* @__PURE__ */ React2.createElement("feColorMatrix", {
-  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",
-  type: "matrix",
-  in: "shadowBlurOuter1"
-}))), /* @__PURE__ */ React2.createElement("g", {
-  id: "[DSK]-Visual-Design",
-  stroke: "none",
-  strokeWidth: "1",
-  fill: "none",
-  fillRule: "evenodd"
-}, /* @__PURE__ */ React2.createElement("g", {
-  id: "Path-Copy",
-  transform: "translate(7.500000, 6.000000) scale(-1, 1) translate(-7.500000, -6.000000) "
-}, /* @__PURE__ */ React2.createElement("use", {
-  fill: "black",
-  fillOpacity: "1",
-  filter: "url(#filter-2)",
-  xlinkHref: "#path-chat-bubble"
-}), /* @__PURE__ */ React2.createElement("use", {
-  fill: "#FFFFFF",
-  fillRule: "evenodd",
-  xlinkHref: "#path-chat-bubble"
-})))) : /* @__PURE__ */ React2.createElement("svg", {
-  width: "9px",
-  height: "8px",
-  viewBox: "0 0 9 8"
-}, /* @__PURE__ */ React2.createElement("g", {
-  stroke: "none",
-  strokeWidth: "1",
-  fill: "none",
-  fillRule: "evenodd"
-}, /* @__PURE__ */ React2.createElement("path", {
-  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",
-  id: "Path",
-  fill: "#1E79C2"
-}))));
+const ChatBubbleArrow = ({ type }) => /* @__PURE__ */ jsx(StyledBubbleArrow, {
+  children: type === BUBBLE_TYPES.RECIPIENT ? /* @__PURE__ */ jsxs("svg", {
+    width: "15px",
+    height: "14px",
+    viewBox: "0 0 15 14",
+    children: [
+      /* @__PURE__ */ jsxs("defs", {
+        children: [
+          /* @__PURE__ */ jsx("path", {
+            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",
+            id: "path-chat-bubble"
+          }),
+          /* @__PURE__ */ jsxs("filter", {
+            x: "-55.6%",
+            y: "-50.0%",
+            width: "211.1%",
+            height: "225.0%",
+            filterUnits: "objectBoundingBox",
+            id: "filter-2",
+            children: [
+              /* @__PURE__ */ jsx("feOffset", {
+                dx: "2.3",
+                dy: "1.2",
+                in: "SourceAlpha",
+                result: "shadowOffsetOuter1"
+              }),
+              /* @__PURE__ */ jsx("feGaussianBlur", {
+                stdDeviation: "1.5",
+                in: "shadowOffsetOuter1",
+                result: "shadowBlurOuter1"
+              }),
+              /* @__PURE__ */ jsx("feColorMatrix", {
+                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",
+                type: "matrix",
+                in: "shadowBlurOuter1"
+              })
+            ]
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx("g", {
+        id: "[DSK]-Visual-Design",
+        stroke: "none",
+        strokeWidth: "1",
+        fill: "none",
+        fillRule: "evenodd",
+        children: /* @__PURE__ */ jsxs("g", {
+          id: "Path-Copy",
+          transform: "translate(7.500000, 6.000000) scale(-1, 1) translate(-7.500000, -6.000000) ",
+          children: [
+            /* @__PURE__ */ jsx("use", {
+              fill: "black",
+              fillOpacity: "1",
+              filter: "url(#filter-2)",
+              xlinkHref: "#path-chat-bubble"
+            }),
+            /* @__PURE__ */ jsx("use", {
+              fill: "#FFFFFF",
+              fillRule: "evenodd",
+              xlinkHref: "#path-chat-bubble"
+            })
+          ]
+        })
+      })
+    ]
+  }) : /* @__PURE__ */ jsx("svg", {
+    width: "9px",
+    height: "8px",
+    viewBox: "0 0 9 8",
+    children: /* @__PURE__ */ jsx("g", {
+      stroke: "none",
+      strokeWidth: "1",
+      fill: "none",
+      fillRule: "evenodd",
+      children: /* @__PURE__ */ jsx("path", {
+        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",
+        id: "Path",
+        fill: "#1E79C2"
+      })
+    })
+  })
+});
 ChatBubbleArrow.propTypes = propsArrowBubble;
 export {
   ChatBubbleArrow

package/dist/esm/exported-related/bubble/ChatBubbleArrow.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/bubble/ChatBubbleArrow.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,kBAAmE,CAAC,EAAE,WACjF,qCAAC,yBACE,SAAS,aAAa,YACrB,qCAAC;AAAA,EAAI,OAAM;AAAA,EAAO,QAAO;AAAA,EAAO,SAAQ;AAAA,GACtC,qCAAC,cACC,qCAAC;AAAA,EACC,GAAE;AAAA,EACF,IAAG;AAAA,CACJ,GACD,qCAAC;AAAA,EAAO,GAAE;AAAA,EAAS,GAAE;AAAA,EAAS,OAAM;AAAA,EAAS,QAAO;AAAA,EAAS,aAAY;AAAA,EAAoB,IAAG;AAAA,GAC9F,qCAAC;AAAA,EAAS,IAAG;AAAA,EAAM,IAAG;AAAA,EAAM,IAAG;AAAA,EAAc,QAAO;AAAA,CAAqB,GACzE,qCAAC;AAAA,EAAe,cAAa;AAAA,EAAM,IAAG;AAAA,EAAqB,QAAO;AAAA,CAAmB,GACrF,qCAAC;AAAA,EACC,QAAO;AAAA,EAIP,MAAK;AAAA,EACL,IAAG;AAAA,CACJ,CACH,CACF,GACA,qCAAC;AAAA,EAAE,IAAG;AAAA,EAAsB,QAAO;AAAA,EAAO,aAAY;AAAA,EAAI,MAAK;AAAA,EAAO,UAAS;AAAA,GAC7E,qCAAC;AAAA,EAAE,IAAG;AAAA,EAAY,WAAU;AAAA,GAC1B,qCAAC;AAAA,EAAI,MAAK;AAAA,EAAQ,aAAY;AAAA,EAAI,QAAO;AAAA,EAAiB,WAAU;AAAA,CAAoB,GACxF,qCAAC;AAAA,EAAI,MAAK;AAAA,EAAU,UAAS;AAAA,EAAU,WAAU;AAAA,CAAoB,CACvE,CACF,CACF,IAEA,qCAAC;AAAA,EAAI,OAAM;AAAA,EAAM,QAAO;AAAA,EAAM,SAAQ;AAAA,GACpC,qCAAC;AAAA,EAAE,QAAO;AAAA,EAAO,aAAY;AAAA,EAAI,MAAK;AAAA,EAAO,UAAS;AAAA,GACpD,qCAAC;AAAA,EACC,GAAE;AAAA,EACF,IAAG;AAAA,EACH,MAAK;AAAA,CACN,CACH,CACF,CAEJ;AAGF,gBAAgB,YAAY;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,yBAAyB;AAClC,SAAS,cAA4B,wBAAwB;AAEtD,MAAM,kBAAmE,CAAC,EAAE,KAAK,MACtF,oBAAC;AAAA,EACE,mBAAS,aAAa,YACrB,qBAAC;AAAA,IAAI,OAAM;AAAA,IAAO,QAAO;AAAA,IAAO,SAAQ;AAAA,IACtC;AAAA,2BAAC;AAAA,QACC;AAAA,8BAAC;AAAA,YACC,GAAE;AAAA,YACF,IAAG;AAAA,WACJ;AAAA,UACD,qBAAC;AAAA,YAAO,GAAE;AAAA,YAAS,GAAE;AAAA,YAAS,OAAM;AAAA,YAAS,QAAO;AAAA,YAAS,aAAY;AAAA,YAAoB,IAAG;AAAA,YAC9F;AAAA,kCAAC;AAAA,gBAAS,IAAG;AAAA,gBAAM,IAAG;AAAA,gBAAM,IAAG;AAAA,gBAAc,QAAO;AAAA,eAAqB;AAAA,cACzE,oBAAC;AAAA,gBAAe,cAAa;AAAA,gBAAM,IAAG;AAAA,gBAAqB,QAAO;AAAA,eAAmB;AAAA,cACrF,oBAAC;AAAA,gBACC,QAAO;AAAA,gBAIP,MAAK;AAAA,gBACL,IAAG;AAAA,eACJ;AAAA;AAAA,WACH;AAAA;AAAA,OACF;AAAA,MACA,oBAAC;AAAA,QAAE,IAAG;AAAA,QAAsB,QAAO;AAAA,QAAO,aAAY;AAAA,QAAI,MAAK;AAAA,QAAO,UAAS;AAAA,QAC7E,+BAAC;AAAA,UAAE,IAAG;AAAA,UAAY,WAAU;AAAA,UAC1B;AAAA,gCAAC;AAAA,cAAI,MAAK;AAAA,cAAQ,aAAY;AAAA,cAAI,QAAO;AAAA,cAAiB,WAAU;AAAA,aAAoB;AAAA,YACxF,oBAAC;AAAA,cAAI,MAAK;AAAA,cAAU,UAAS;AAAA,cAAU,WAAU;AAAA,aAAoB;AAAA;AAAA,SACvE;AAAA,OACF;AAAA;AAAA,GACF,IAEA,oBAAC;AAAA,IAAI,OAAM;AAAA,IAAM,QAAO;AAAA,IAAM,SAAQ;AAAA,IACpC,8BAAC;AAAA,MAAE,QAAO;AAAA,MAAO,aAAY;AAAA,MAAI,MAAK;AAAA,MAAO,UAAS;AAAA,MACpD,8BAAC;AAAA,QACC,GAAE;AAAA,QACF,IAAG;AAAA,QACH,MAAK;AAAA,OACN;AAAA,KACH;AAAA,GACF;AAAA,CAEJ;AAGF,gBAAgB,YAAY;",
   "names": []
 }

package/dist/esm/exported-related/bubble/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/bubble/index.ts"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { ChatBubble, ChatBubbleWithSchema } from './ChatBubble';\nexport { BUBBLE_TYPES } from './props';\n"],
-  "mappings": "AAAA;ACAA;AACA;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,YAAY,4BAA4B;AACjD,SAAS,oBAAoB;",
   "names": []
 }

package/dist/esm/exported-related/bubble/props.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/bubble/props.ts"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AAIA,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,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAC3D,YAAY,sBAAsB,EAClC,aAAa,mBAAmB,IAAI;AAAA,EACvC,MAAM,UAAU,MAAM,CAAC,aAAa,WAAW,aAAa,MAAM,CAAC,EAChE,WAAW,YAAY,qBAAqB,EAC5C,aAAa,mBAAmB,IAAI;AAAA,EACvC,OAAO,UAAU,OAAO,YAAY,qBAAqB,EAAE,aAAa,mBAAmB,KAAK;AAAA,EAChG,MAAM,UAAU,OAAO,WAAW,YAAY,oBAAoB,EAAE,aAAa,mBAAmB,KAAK;AAAA,EACzG,MAAM,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC,EAC5D,WAAW,YAAY,gBAAgB,EACvC,aAAa,mBAAmB,IAAI;AAAA,EACvC,SAAS,UAAU,KAAK,YAAY,oCAAoC,EAAE,aAAa,mBAAmB,OAAO;AAAA,EACjH,cAAc,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC,EACpE,YAAY,kDAAkD,EAC9D,aAAa,mBAAmB,OAAO;AAAA,EAC1C,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC,EACnE,YAAY,iDAAiD,EAC7D,aAAa,mBAAmB,OAAO;AAC5C;AAEO,MAAM,mBAAmB;AAAA,EAC9B,MAAM,UAAU,MAAM,CAAC,aAAa,WAAW,aAAa,MAAM,CAAC,EAAE,WAAW,aAAa,mBAAmB,IAAI;AACtH;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;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,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAC3D,YAAY,sBAAsB,EAClC,aAAa,mBAAmB,IAAI;AAAA,EACvC,MAAM,UAAU,MAAM,CAAC,aAAa,WAAW,aAAa,MAAM,CAAC,EAChE,WAAW,YAAY,qBAAqB,EAC5C,aAAa,mBAAmB,IAAI;AAAA,EACvC,OAAO,UAAU,OAAO,YAAY,qBAAqB,EAAE,aAAa,mBAAmB,KAAK;AAAA,EAChG,MAAM,UAAU,OAAO,WAAW,YAAY,oBAAoB,EAAE,aAAa,mBAAmB,KAAK;AAAA,EACzG,MAAM,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC,EAC5D,WAAW,YAAY,gBAAgB,EACvC,aAAa,mBAAmB,IAAI;AAAA,EACvC,SAAS,UAAU,KAAK,YAAY,oCAAoC,EAAE,aAAa,mBAAmB,OAAO;AAAA,EACjH,cAAc,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC,EACpE,YAAY,kDAAkD,EAC9D,aAAa,mBAAmB,OAAO;AAAA,EAC1C,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC,EACnE,YAAY,iDAAiD,EAC7D,aAAa,mBAAmB,OAAO;AAC5C;AAEO,MAAM,mBAAmB;AAAA,EAC9B,MAAM,UAAU,MAAM,CAAC,aAAa,WAAW,aAAa,MAAM,CAAC,EAAE,WAAW,aAAa,mBAAmB,IAAI;AACtH;",
   "names": []
 }

package/dist/esm/exported-related/bubble/styled.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/bubble/styled.ts"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AAGO,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAM7B,MAAM,oBAAoB,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAOrC,MAAM,wBAAwB,OAAO,IAAI;AAAA;AAAA;AAAA;AAIzC,MAAM,yBAAyB,OAAO,IAAI;AAAA;AAAA;AAAA,WAGtC,CAAC,UAAW,MAAM,SAAS,aAAa,SAAS,SAAS;AAAA;AAG9D,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQhC,MAAM,oBAAoB,OAAO;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,OAAO,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,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQjC,MAAM,sBAAsB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKtC,CAAC,UACD,MAAM,SAAS,aAAa,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;",
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,oBAAoB;AAGtB,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAM7B,MAAM,oBAAoB,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAOrC,MAAM,wBAAwB,OAAO,IAAI;AAAA;AAAA;AAAA;AAIzC,MAAM,yBAAyB,OAAO,IAAI;AAAA;AAAA;AAAA,WAGtC,CAAC,UAAW,MAAM,SAAS,aAAa,SAAS,SAAS;AAAA;AAG9D,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQhC,MAAM,oBAAoB,OAAO;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,OAAO,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,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQjC,MAAM,sBAAsB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKtC,CAAC,UACD,MAAM,SAAS,aAAa,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;",
   "names": []
 }