@elliemae/ds-chat-bubble 3.60.0-next.9 → 3.70.0-next.1

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

@@ -1,11 +1,11 @@
 import * as React from "react";
-import { PropTypes } from "@elliemae/ds-props-helpers";
-const BUBBLE_TYPES = {
-  SENDER: "SENDER",
-  RECIPIENT: "RECIPIENT",
-  DELIMITER: "DELIMITER",
-  SYSTEM: "SYSTEM"
-};
+import {
+  PropTypes,
+  getPropsPerSlotPropTypes,
+  globalAttributesPropTypes,
+  xstyledPropTypes
+} from "@elliemae/ds-props-helpers";
+import { BUBBLE_TYPES, DSChatBubbleName, CHAT_BUBBLE_SLOTS } from "./constants/index.js";
 const defaultProps = {
   type: BUBBLE_TYPES.SENDER,
   title: "",
@@ -13,6 +13,9 @@ const defaultProps = {
   time: ""
 };
 const BubblePropTypes = {
+  ...getPropsPerSlotPropTypes(DSChatBubbleName, CHAT_BUBBLE_SLOTS),
+  ...globalAttributesPropTypes,
+  ...xstyledPropTypes,
   dsId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description("Unique id for bubble").defaultValue("a randomly generated (on mount) uid"),
   type: PropTypes.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER]).isRequired.description("Define bubble type ").defaultValue(defaultProps.type),
   title: PropTypes.string.description("Title of the bubble"),
@@ -29,7 +32,6 @@ const propsArrowBubble = {
   type: PropTypes.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER]).isRequired.defaultValue(defaultProps.type)
 };
 export {
-  BUBBLE_TYPES,
   BubblePropTypes,
   defaultProps,
   propsArrowBubble

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-props-helpers';\nimport type { GlobalAttributesT } from '@elliemae/ds-props-helpers';\nimport type { WeakValidationMap } from 'react';\nimport type React from 'react';\n\nexport const BUBBLE_TYPES = {\n  SENDER: 'SENDER',\n  RECIPIENT: 'RECIPIENT',\n  DELIMITER: 'DELIMITER',\n  SYSTEM: 'SYSTEM',\n};\n\nexport declare namespace DSChatBubbleT {\n  export type BubbleTypesKeys = keyof typeof BUBBLE_TYPES;\n\n  export type BubbleTypesValues = (typeof BUBBLE_TYPES)[BubbleTypesKeys];\n\n  export interface DefaultProps {\n    type: BubbleTypesValues;\n    title: string;\n    body: string | React.ReactNode;\n    time: string;\n  }\n\n  export interface OptionalProps {\n    errorMessage?: string | React.ReactNode;\n    helpMessage?: string | React.ReactNode;\n  }\n\n  export interface RequiredProps {\n    dsId: string | number;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSChatBubbleT.DefaultProps = {\n  type: BUBBLE_TYPES.SENDER,\n  title: '',\n  body: '',\n  time: '',\n};\n\nexport const BubblePropTypes = {\n  dsId: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n    .description('Unique id for bubble')\n    .defaultValue('a randomly generated (on mount) uid'),\n  type: PropTypes.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER])\n    .isRequired.description('Define bubble type ')\n    .defaultValue(defaultProps.type),\n  title: PropTypes.string.description('Title of the bubble'),\n  time: PropTypes.string.isRequired.description('Time of the bubble'),\n  body: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired.description('Bubble content'),\n  errorMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description(\n    'Error message to display at bottom of the bubble',\n  ),\n  helpMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description(\n    'Help message to display at bottom of the bubble',\n  ),\n} as WeakValidationMap<unknown>;\n\nexport const propsArrowBubble = {\n  type: PropTypes.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER]).isRequired.defaultValue(defaultProps.type),\n} as WeakValidationMap<unknown>;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAKnB,MAAM,eAAe;AAAA,EAC1B,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,WAAW;AAAA,EACX,QAAQ;AACV;AAoCO,MAAM,eAA2C;AAAA,EACtD,MAAM,aAAa;AAAA,EACnB,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AACR;AAEO,MAAM,kBAAkB;AAAA,EAC7B,MAAM,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAC3D,YAAY,sBAAsB,EAClC,aAAa,qCAAqC;AAAA,EACrD,MAAM,UAAU,MAAM,CAAC,aAAa,WAAW,aAAa,MAAM,CAAC,EAChE,WAAW,YAAY,qBAAqB,EAC5C,aAAa,aAAa,IAAI;AAAA,EACjC,OAAO,UAAU,OAAO,YAAY,qBAAqB;AAAA,EACzD,MAAM,UAAU,OAAO,WAAW,YAAY,oBAAoB;AAAA,EAClE,MAAM,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC,EAAE,WAAW,YAAY,gBAAgB;AAAA,EACxG,cAAc,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC,EAAE;AAAA,IACvE;AAAA,EACF;AAAA,EACA,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC,EAAE;AAAA,IACtE;AAAA,EACF;AACF;AAEO,MAAM,mBAAmB;AAAA,EAC9B,MAAM,UAAU,MAAM,CAAC,aAAa,WAAW,aAAa,MAAM,CAAC,EAAE,WAAW,aAAa,aAAa,IAAI;AAChH;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { type DSPropTypesSchema, type GlobalAttributesT } from '@elliemae/ds-props-helpers';\nimport {\n  PropTypes,\n  getPropsPerSlotPropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport type React from 'react';\n\nimport { BUBBLE_TYPES, DSChatBubbleName, CHAT_BUBBLE_SLOTS } from './constants/index.js';\n\nexport declare namespace DSChatBubbleT {\n  export type BubbleTypesKeys = keyof typeof BUBBLE_TYPES;\n\n  export type BubbleTypesValues = (typeof BUBBLE_TYPES)[BubbleTypesKeys];\n\n  export interface DefaultProps {\n    type: BubbleTypesValues;\n    title: string;\n    body: string | React.ReactNode;\n    time: string;\n  }\n\n  export interface OptionalProps {\n    errorMessage?: string | React.ReactNode;\n    helpMessage?: string | React.ReactNode;\n  }\n\n  export interface RequiredProps {\n    dsId: string | number;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSChatBubbleT.DefaultProps = {\n  type: BUBBLE_TYPES.SENDER,\n  title: '',\n  body: '',\n  time: '',\n};\n\nexport const BubblePropTypes: DSPropTypesSchema<DSChatBubbleT.Props> = {\n  ...getPropsPerSlotPropTypes(DSChatBubbleName, CHAT_BUBBLE_SLOTS),\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  dsId: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n    .description('Unique id for bubble')\n    .defaultValue('a randomly generated (on mount) uid'),\n  type: PropTypes.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER])\n    .isRequired.description('Define bubble type ')\n    .defaultValue(defaultProps.type),\n  title: PropTypes.string.description('Title of the bubble'),\n  time: PropTypes.string.isRequired.description('Time of the bubble'),\n  body: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired.description('Bubble content'),\n  errorMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description(\n    'Error message to display at bottom of the bubble',\n  ),\n  helpMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description(\n    'Help message to display at bottom of the bubble',\n  ),\n};\n\nexport const propsArrowBubble = {\n  type: PropTypes.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER]).isRequired.defaultValue(defaultProps.type),\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,SAAS,cAAc,kBAAkB,yBAAyB;AAoC3D,MAAM,eAA2C;AAAA,EACtD,MAAM,aAAa;AAAA,EACnB,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AACR;AAEO,MAAM,kBAA0D;AAAA,EACrE,GAAG,yBAAyB,kBAAkB,iBAAiB;AAAA,EAC/D,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAC3D,YAAY,sBAAsB,EAClC,aAAa,qCAAqC;AAAA,EACrD,MAAM,UAAU,MAAM,CAAC,aAAa,WAAW,aAAa,MAAM,CAAC,EAChE,WAAW,YAAY,qBAAqB,EAC5C,aAAa,aAAa,IAAI;AAAA,EACjC,OAAO,UAAU,OAAO,YAAY,qBAAqB;AAAA,EACzD,MAAM,UAAU,OAAO,WAAW,YAAY,oBAAoB;AAAA,EAClE,MAAM,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC,EAAE,WAAW,YAAY,gBAAgB;AAAA,EACxG,cAAc,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC,EAAE;AAAA,IACvE;AAAA,EACF;AAAA,EACA,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC,EAAE;AAAA,IACtE;AAAA,EACF;AACF;AAEO,MAAM,mBAAmB;AAAA,EAC9B,MAAM,UAAU,MAAM,CAAC,aAAa,WAAW,aAAa,MAAM,CAAC,EAAE,WAAW,aAAa,aAAa,IAAI;AAChH;",
   "names": []
 }

package/dist/esm/styled.js

@@ -1,41 +1,59 @@
 import * as React from "react";
 import { styled, css } from "@elliemae/ds-system";
 import { Grid } from "@elliemae/ds-grid";
-import { BUBBLE_TYPES } from "./react-desc-prop-types.js";
+import { BUBBLE_TYPES, CHAT_BUBBLE_SLOTS, DSChatBubbleName } from "./constants/index.js";
 const wrapRules = css`
   overflow-wrap: break-word;
   white-space: pre-wrap;
 `;
-const StyledWrapper = styled.div`
+const StyledWrapper = styled("div", {
+  name: DSChatBubbleName,
+  slot: CHAT_BUBBLE_SLOTS.WRAPPER
+})`
   min-width: 224px;
   border-radius: 10px;
   ${wrapRules}
 `;
-const StyledTitleBubble = styled(Grid)`
+const StyledTitleBubble = styled(Grid, {
+  name: DSChatBubbleName,
+  slot: CHAT_BUBBLE_SLOTS.HEADER
+})`
   padding-top: 6px;
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 4px;
 `;
-const StyledTitleLeftBubble = styled("div")`
+const StyledTitleLeftBubble = styled("div", {
+  name: DSChatBubbleName,
+  slot: CHAT_BUBBLE_SLOTS.HEADER_LEFT
+})`
   font-size: 1rem;
   font-weight: 600;
   ${wrapRules}
 `;
-const StyledTitleRightBubble = styled(Grid)`
+const StyledTitleRightBubble = styled(Grid, {
+  name: DSChatBubbleName,
+  slot: CHAT_BUBBLE_SLOTS.HEADER_RIGHT
+})`
   font-size: 1rem;
   font-weight: 400;
   align-self: flex-start;
-  color: ${(props) => props.type === BUBBLE_TYPES.SENDER ? "#FFF" : "#657489"};
+  color: ${(props) => props["data-theming-type"] === BUBBLE_TYPES.SENDER ? "#FFF" : "#657489"};
 `;
-const StyleBodyWrapper = styled.div`
+const StyleBodyWrapper = styled("div", {
+  name: DSChatBubbleName,
+  slot: CHAT_BUBBLE_SLOTS.BODY_WRAPPER
+})`
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.15;
   min-height: 18px;
   padding: 0px 10px 8px 10px;
 `;
-const StyleErrorMessage = styled.div`
+const StyleErrorMessage = styled("div", {
+  name: DSChatBubbleName,
+  slot: CHAT_BUBBLE_SLOTS.ERROR_MESSAGE
+})`
   font-size: 0.923rem;
   font-weight: 400;
   padding-top: ${(props) => props.theme.space.xxxs};
@@ -55,7 +73,10 @@ const StyleErrorMessage = styled.div`
     margin-left: 8px;
   }
 `;
-const StyleHelpMessage = styled(StyleErrorMessage)`
+const StyleHelpMessage = styled(StyleErrorMessage, {
+  name: DSChatBubbleName,
+  slot: CHAT_BUBBLE_SLOTS.HELP_MESSAGE
+})`
   font-size: 0.923rem;
   line-height: 1.15;
   color: ${(props) => props.theme.colors.neutral[600]};
@@ -67,54 +88,31 @@ const StyleHelpMessage = styled(StyleErrorMessage)`
     color: ${(props) => props.theme.colors.danger[900]};
   }
 `;
-const StyledBubbleArrow = styled.div`
-  display: block;
-  content: '';
-  position: absolute;
-  bottom: 0.769rem;
-  height: 1.15rem;
-`;
-const StyledColoredBubble = styled.div`
+const StyledColoredBubble = styled("div", {
+  name: DSChatBubbleName,
+  slot: CHAT_BUBBLE_SLOTS.COLORED_BUBBLE
+})`
   min-width: 224px;
   border-radius: 10px;
   position: relative;
 
-  ${(props) => props.type === BUBBLE_TYPES.SENDER ? `
+  ${(props) => props["data-theming-type"] === BUBBLE_TYPES.SENDER ? `
         border: 1px solid ${props.theme.colors.brand["700"]};
         background: ${props.theme.colors.brand[600]};
         color: ${props.theme.colors.neutral["000"]};
-        ${StyledBubbleArrow}{            
-            right: -0.692rem;
-            bottom: 0.461rem;
-            svg{
-                fill: ${props.theme.colors.brand[600]};
-            }
-        }
-
         a {
           color: #FFF;
         }
-
     ` : `
         box-shadow: 0 1px 3px 0 rgba(53,60,70,0.80);
         background: ${props.theme.colors.neutral["000"]};
         color: ${props.theme.colors.neutral[700]};
-
-        ${StyledBubbleArrow}{            
-            left: -0.846rem;
-            bottom: 0.461rem;
-            svg{
-                fill: ${props.theme.colors.neutral["000"]};
-            }
-        }
-
     `}
 `;
 export {
   StyleBodyWrapper,
   StyleErrorMessage,
   StyleHelpMessage,
-  StyledBubbleArrow,
   StyledColoredBubble,
   StyledTitleBubble,
   StyledTitleLeftBubble,

package/dist/esm/styled.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport { styled, css } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { BUBBLE_TYPES } from './react-desc-prop-types.js';\n\nconst wrapRules = css`\n  overflow-wrap: break-word;\n  white-space: pre-wrap;\n`;\n// Bubble WRAPPER\nexport const StyledWrapper = styled.div`\n  min-width: 224px;\n  border-radius: 10px;\n  ${wrapRules}\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('div')`\n  font-size: 1rem;\n  font-weight: 600;\n  ${wrapRules}\n`;\nexport const StyledTitleRightBubble = styled(Grid)<{ type: string }>`\n  font-size: 1rem;\n  font-weight: 400;\n  align-self: flex-start;\n  color: ${(props) => (props.type === BUBBLE_TYPES.SENDER ? '#FFF' : '#657489')};\n`;\n\nexport const StyleBodyWrapper = styled.div`\n  font-size: 1rem;\n  font-weight: 400;\n  line-height: 1.15;\n  min-height: 18px;\n  padding: 0px 10px 8px 10px;\n`;\n\nexport const StyleErrorMessage = styled.div`\n  font-size: 0.923rem;\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: 1.15;\n  svg {\n    fill: ${(props) => props.theme.colors.danger[900]};\n  }\n  a {\n    font-size: 0.923rem;\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: 0.923rem;\n  line-height: 1.15;\n  color: ${(props) => props.theme.colors.neutral[600]};\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`;\n\n// bubble sender/ recipient\nexport const StyledBubbleArrow = styled.div`\n  display: block;\n  content: '';\n  position: absolute;\n  bottom: 0.769rem;\n  height: 1.15rem;\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: -0.692rem;\n            bottom: 0.461rem;\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: -0.846rem;\n            bottom: 0.461rem;\n            svg{\n                fill: ${props.theme.colors.neutral['000']};\n            }\n        }\n\n    `}\n`;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,QAAQ,WAAW;AAC5B,SAAS,YAAY;AACrB,SAAS,oBAAoB;AAE7B,MAAM,YAAY;AAAA;AAAA;AAAA;AAKX,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA,IAGhC,SAAS;AAAA;AAIN,MAAM,oBAAoB,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAOrC,MAAM,wBAAwB,OAAO,KAAK;AAAA;AAAA;AAAA,IAG7C,SAAS;AAAA;AAEN,MAAM,yBAAyB,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA,WAItC,CAAC,UAAW,MAAM,SAAS,aAAa,SAAS,SAAS,SAAU;AAAA;AAGxE,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQhC,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA,iBAGvB,CAAC,UAAU,MAAM,MAAM,MAAM,IAAI;AAAA,WACvC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAMxC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA,aAIxC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAO/C,MAAM,mBAAmB,OAAO,iBAAiB;AAAA;AAAA;AAAA,WAG7C,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAAA,YAEzC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA,aAIxC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO,GAAG,CAAC;AAAA;AAAA;AAK/C,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,KAAK,CAAC;AAAA,sBACrC,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA,iBAClC,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA,UACxC,iBAAiB;AAAA;AAAA;AAAA;AAAA,wBAIH,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAS7C;AAAA;AAAA,sBAEc,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA,iBACtC,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAAA,UAEtC,iBAAiB;AAAA;AAAA;AAAA;AAAA,wBAIH,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA,KAIpD;AAAA;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport { styled, css } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { BUBBLE_TYPES, CHAT_BUBBLE_SLOTS, DSChatBubbleName } from './constants/index.js';\n\nconst wrapRules = css`\n  overflow-wrap: break-word;\n  white-space: pre-wrap;\n`;\n// Bubble WRAPPER\nexport const StyledWrapper = styled('div', {\n  name: DSChatBubbleName,\n  slot: CHAT_BUBBLE_SLOTS.WRAPPER,\n})`\n  min-width: 224px;\n  border-radius: 10px;\n  ${wrapRules}\n`;\n\n// Bubble HEADER\nexport const StyledTitleBubble = styled(Grid, {\n  name: DSChatBubbleName,\n  slot: CHAT_BUBBLE_SLOTS.HEADER,\n})`\n  padding-top: 6px;\n  padding-left: 10px;\n  padding-right: 10px;\n  padding-bottom: 4px;\n`;\n\nexport const StyledTitleLeftBubble = styled('div', {\n  name: DSChatBubbleName,\n  slot: CHAT_BUBBLE_SLOTS.HEADER_LEFT,\n})`\n  font-size: 1rem;\n  font-weight: 600;\n  ${wrapRules}\n`;\nexport const StyledTitleRightBubble = styled(Grid, {\n  name: DSChatBubbleName,\n  slot: CHAT_BUBBLE_SLOTS.HEADER_RIGHT,\n})<{ 'data-theming-type': string }>`\n  font-size: 1rem;\n  font-weight: 400;\n  align-self: flex-start;\n  color: ${(props) => (props['data-theming-type'] === BUBBLE_TYPES.SENDER ? '#FFF' : '#657489')};\n`;\n\nexport const StyleBodyWrapper = styled('div', {\n  name: DSChatBubbleName,\n  slot: CHAT_BUBBLE_SLOTS.BODY_WRAPPER,\n})`\n  font-size: 1rem;\n  font-weight: 400;\n  line-height: 1.15;\n  min-height: 18px;\n  padding: 0px 10px 8px 10px;\n`;\n\nexport const StyleErrorMessage = styled('div', {\n  name: DSChatBubbleName,\n  slot: CHAT_BUBBLE_SLOTS.ERROR_MESSAGE,\n})`\n  font-size: 0.923rem;\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: 1.15;\n  svg {\n    fill: ${(props) => props.theme.colors.danger[900]};\n  }\n  a {\n    font-size: 0.923rem;\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  name: DSChatBubbleName,\n  slot: CHAT_BUBBLE_SLOTS.HELP_MESSAGE,\n})`\n  font-size: 0.923rem;\n  line-height: 1.15;\n  color: ${(props) => props.theme.colors.neutral[600]};\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`;\n\nexport const StyledColoredBubble = styled('div', {\n  name: DSChatBubbleName,\n  slot: CHAT_BUBBLE_SLOTS.COLORED_BUBBLE,\n})<{ 'data-theming-type': string }>`\n  min-width: 224px;\n  border-radius: 10px;\n  position: relative;\n\n  ${(props) =>\n    props['data-theming-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        a {\n          color: #FFF;\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`;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,QAAQ,WAAW;AAC5B,SAAS,YAAY;AACrB,SAAS,cAAc,mBAAmB,wBAAwB;AAElE,MAAM,YAAY;AAAA;AAAA;AAAA;AAKX,MAAM,gBAAgB,OAAO,OAAO;AAAA,EACzC,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA,IAGG,SAAS;AAAA;AAIN,MAAM,oBAAoB,OAAO,MAAM;AAAA,EAC5C,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAOM,MAAM,wBAAwB,OAAO,OAAO;AAAA,EACjD,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA,IAGG,SAAS;AAAA;AAEN,MAAM,yBAAyB,OAAO,MAAM;AAAA,EACjD,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA,WAIU,CAAC,UAAW,MAAM,mBAAmB,MAAM,aAAa,SAAS,SAAS,SAAU;AAAA;AAGxF,MAAM,mBAAmB,OAAO,OAAO;AAAA,EAC5C,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQM,MAAM,oBAAoB,OAAO,OAAO;AAAA,EAC7C,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA,iBAGgB,CAAC,UAAU,MAAM,MAAM,MAAM,IAAI;AAAA,WACvC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAMxC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA,aAIxC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAO/C,MAAM,mBAAmB,OAAO,mBAAmB;AAAA,EACxD,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA,WAGU,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAAA,YAEzC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA,aAIxC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO,GAAG,CAAC;AAAA;AAAA;AAI/C,MAAM,sBAAsB,OAAO,OAAO;AAAA,EAC/C,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKG,CAAC,UACD,MAAM,mBAAmB,MAAM,aAAa,SACxC;AAAA,4BACoB,MAAM,MAAM,OAAO,MAAM,KAAK,CAAC;AAAA,sBACrC,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA,iBAClC,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA,QAK1C;AAAA;AAAA,sBAEc,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA,iBACtC,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA,KAC3C;AAAA;",
   "names": []
 }

package/dist/types/ChatBubbleArrow.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { type DSChatBubbleT } from './react-desc-prop-types.js';
-export declare const ChatBubbleArrow: React.ComponentType<Pick<DSChatBubbleT.Props, 'type' | 'dsId'>>;
+export declare const ChatBubbleArrow: React.ComponentType<DSChatBubbleT.InternalProps>;

package/dist/types/constants/index.d.ts

@@ -0,0 +1,30 @@
+export declare const DSChatBubbleName = "DSBubble";
+export declare const DSChatBubbleArrowName = "DSBubbleArrow";
+export declare const BUBBLE_TYPES: {
+    readonly SENDER: "SENDER";
+    readonly RECIPIENT: "RECIPIENT";
+    readonly DELIMITER: "DELIMITER";
+    readonly SYSTEM: "SYSTEM";
+};
+export declare const CHAT_BUBBLE_SLOTS: {
+    readonly WRAPPER: "wrapper";
+    readonly HEADER: "header";
+    readonly HEADER_LEFT: "header-left";
+    readonly HEADER_RIGHT: "header-right";
+    readonly BODY_WRAPPER: "body-wrapper";
+    readonly ERROR_MESSAGE: "error-message";
+    readonly HELP_MESSAGE: "help-message";
+    readonly ARROW: "arrow";
+    readonly COLORED_BUBBLE: "colored-bubble";
+};
+export declare const CHAT_BUBBLE_DATA_TESTID: {
+    WRAPPER: string;
+    HEADER_LEFT: string;
+    BODY_WRAPPER: string;
+    HEADER_RIGHT: string;
+    ERROR_MESSAGE: string;
+    HELP_MESSAGE: string;
+    HEADER: "ds-bubble-header";
+    ARROW: "ds-bubble-arrow";
+    COLORED_BUBBLE: "ds-bubble-colored-bubble";
+};

package/dist/types/index.d.ts

@@ -1,4 +1,5 @@
 export { ChatBubble, ChatBubbleWithSchema } from './ChatBubble.js';
-export { BUBBLE_TYPES, type DSChatBubbleT } from './react-desc-prop-types.js';
-export { ChatBubbleDataTestIds } from './ChatBubbleDataTestIds.js';
+export { type DSChatBubbleT } from './react-desc-prop-types.js';
+export { CHAT_BUBBLE_DATA_TESTID as ChatBubbleDataTestIds, // LEGACY EXPORT
+CHAT_BUBBLE_DATA_TESTID, BUBBLE_TYPES, DSChatBubbleName, CHAT_BUBBLE_SLOTS, } from './constants/index.js';
 export * from './styled.js';

package/dist/types/react-desc-prop-types.d.ts

@@ -1,12 +1,6 @@
-import type { GlobalAttributesT } from '@elliemae/ds-props-helpers';
-import type { WeakValidationMap } from 'react';
+import { type DSPropTypesSchema, type GlobalAttributesT } from '@elliemae/ds-props-helpers';
 import type React from 'react';
-export declare const BUBBLE_TYPES: {
-    SENDER: string;
-    RECIPIENT: string;
-    DELIMITER: string;
-    SYSTEM: string;
-};
+import { BUBBLE_TYPES } from './constants/index.js';
 export declare namespace DSChatBubbleT {
     type BubbleTypesKeys = keyof typeof BUBBLE_TYPES;
     type BubbleTypesValues = (typeof BUBBLE_TYPES)[BubbleTypesKeys];
@@ -29,5 +23,7 @@ export declare namespace DSChatBubbleT {
     }
 }
 export declare const defaultProps: DSChatBubbleT.DefaultProps;
-export declare const BubblePropTypes: WeakValidationMap<unknown>;
-export declare const propsArrowBubble: WeakValidationMap<unknown>;
+export declare const BubblePropTypes: DSPropTypesSchema<DSChatBubbleT.Props>;
+export declare const propsArrowBubble: {
+    type: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+};

package/dist/types/styled.d.ts

@@ -2,12 +2,11 @@ export declare const StyledWrapper: import("styled-components").StyledComponent<
 export declare const StyledTitleBubble: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>>, never>;
 export declare const StyledTitleLeftBubble: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
 export declare const StyledTitleRightBubble: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, {
-    type: string;
+    'data-theming-type': string;
 } & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>>, never>;
 export declare const StyleBodyWrapper: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
 export declare const StyleErrorMessage: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
 export declare const StyleHelpMessage: import("styled-components").StyledComponent<import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>, import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>>, never>;
-export declare const StyledBubbleArrow: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
 export declare const StyledColoredBubble: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, {
-    type: string;
+    'data-theming-type': string;
 } & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-chat-bubble",
-  "version": "3.60.0-next.9",
+  "version": "3.70.0-next.1",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Chat",
   "files": [
@@ -31,38 +31,36 @@
     "reportFile": "tests.xml",
     "indent": 4
   },
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
-    "test": "pui-cli test --passWithNoTests --coverage=\"false\"",
-    "lint": "node ../../../scripts/lint.mjs --fix",
-    "lint:strict": "node ../../../scripts/lint-strict.mjs",
-    "dts": "node ../../../scripts/dts.mjs",
-    "build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
-    "checkDeps": "npm exec ../../util/ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
-  },
   "publishConfig": {
     "access": "public",
     "typeSafety": true
   },
   "dependencies": {
-    "@elliemae/ds-grid": "3.60.0-next.9",
-    "@elliemae/ds-icons": "3.60.0-next.9",
-    "@elliemae/ds-props-helpers": "3.60.0-next.9",
-    "@elliemae/ds-system": "3.60.0-next.9",
-    "uid": "catalog:"
+    "uid": "^2.0.2",
+    "@elliemae/ds-system": "3.70.0-next.1",
+    "@elliemae/ds-icons": "3.70.0-next.1",
+    "@elliemae/ds-grid": "3.70.0-next.1",
+    "@elliemae/ds-props-helpers": "3.70.0-next.1"
   },
   "devDependencies": {
-    "@elliemae/ds-monorepo-devops": "3.60.0-next.9",
-    "@elliemae/ds-test-utils": "3.60.0-next.9",
-    "@elliemae/pui-cli": "catalog:",
-    "jest": "catalog:",
-    "styled-components": "catalog:"
+    "jest": "^30.0.0",
+    "styled-components": "~5.3.9",
+    "@elliemae/ds-monorepo-devops": "3.70.0-next.1",
+    "@elliemae/ds-test-utils": "3.70.0-next.1"
   },
   "peerDependencies": {
-    "lodash-es": "catalog:",
-    "react": "catalog:",
-    "react-dom": "catalog:",
-    "styled-components": "catalog:"
+    "lodash-es": "^4.17.21",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "styled-components": "~5.3.9"
   },
-  "gitHead": "7b49878bf6b481e639c5412a4c816ee349d91b46"
-}
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
+    "test": "ds-monorepo-devops test --passWithNoTests --coverage=\"false\"",
+    "lint": "node ../../../scripts/lint.mjs --fix",
+    "lint:strict": "node ../../../scripts/lint-strict.mjs",
+    "dts": "node ../../../scripts/dts.mjs",
+    "build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
+    "checkDeps": "npx -yes ../../util/ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
+  }
+}

package/dist/cjs/ChatBubbleDataTestIds.js

@@ -1,41 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var ChatBubbleDataTestIds_exports = {};
-__export(ChatBubbleDataTestIds_exports, {
-  ChatBubbleDataTestIds: () => ChatBubbleDataTestIds
-});
-module.exports = __toCommonJS(ChatBubbleDataTestIds_exports);
-var React = __toESM(require("react"));
-const ChatBubbleDataTestIds = {
-  BUBBLE: "ds-chat-bubble",
-  BUBBLE_TITLE: "chat-bubble-title",
-  BUBBLE_BODY: "chat-bubble-body",
-  BUBBLE_TIME: "chat-bubble-time"
-};
-//# sourceMappingURL=ChatBubbleDataTestIds.js.map

package/dist/cjs/ChatBubbleDataTestIds.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/ChatBubbleDataTestIds.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export const ChatBubbleDataTestIds = {\n  BUBBLE: 'ds-chat-bubble',\n  BUBBLE_TITLE: 'chat-bubble-title',\n  BUBBLE_BODY: 'chat-bubble-body',\n  BUBBLE_TIME: 'chat-bubble-time',\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,wBAAwB;AAAA,EACnC,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,aAAa;AAAA,EACb,aAAa;AACf;",
-  "names": []
-}

package/dist/cjs/DSChatBubbleDefinitions.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/DSChatBubbleDefinitions.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export const DSChatBubbleName = 'DSBubble';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,mBAAmB;",
-  "names": []
-}

package/dist/esm/ChatBubbleDataTestIds.js

@@ -1,11 +0,0 @@
-import * as React from "react";
-const ChatBubbleDataTestIds = {
-  BUBBLE: "ds-chat-bubble",
-  BUBBLE_TITLE: "chat-bubble-title",
-  BUBBLE_BODY: "chat-bubble-body",
-  BUBBLE_TIME: "chat-bubble-time"
-};
-export {
-  ChatBubbleDataTestIds
-};
-//# sourceMappingURL=ChatBubbleDataTestIds.js.map

package/dist/esm/ChatBubbleDataTestIds.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/ChatBubbleDataTestIds.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const ChatBubbleDataTestIds = {\n  BUBBLE: 'ds-chat-bubble',\n  BUBBLE_TITLE: 'chat-bubble-title',\n  BUBBLE_BODY: 'chat-bubble-body',\n  BUBBLE_TIME: 'chat-bubble-time',\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,wBAAwB;AAAA,EACnC,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,aAAa;AAAA,EACb,aAAa;AACf;",
-  "names": []
-}

package/dist/esm/DSChatBubbleDefinitions.js

@@ -1,6 +0,0 @@
-import * as React from "react";
-const DSChatBubbleName = "DSBubble";
-export {
-  DSChatBubbleName
-};
-//# sourceMappingURL=DSChatBubbleDefinitions.js.map

package/dist/esm/DSChatBubbleDefinitions.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSChatBubbleDefinitions.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSChatBubbleName = 'DSBubble';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,mBAAmB;",
-  "names": []
-}

package/dist/types/ChatBubbleDataTestIds.d.ts

@@ -1,6 +0,0 @@
-export declare const ChatBubbleDataTestIds: {
-    BUBBLE: string;
-    BUBBLE_TITLE: string;
-    BUBBLE_BODY: string;
-    BUBBLE_TIME: string;
-};

package/dist/types/DSChatBubbleDefinitions.d.ts

@@ -1 +0,0 @@
-export declare const DSChatBubbleName = "DSBubble";